-
Notifications
You must be signed in to change notification settings - Fork 8.3k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Fix UI glitch on SOM delete confirmation modal (#87623)
* extract delete confirm modal * extract the export modal * add data-test-subj to confirm modal * add comment on why we can't use EuiConfirmModal
- v8.17.0
- v8.16.2
- v8.16.1
- v8.16.0
- v8.15.5
- v8.15.4
- v8.15.3
- v8.15.2
- v8.15.1
- v8.15.0
- v8.14.3
- v8.14.2
- v8.14.1
- v8.14.0
- v8.13.4
- v8.13.3
- v8.13.2
- v8.13.1
- v8.13.0
- v8.12.2
- v8.12.1
- v8.12.0
- v8.11.4
- v8.11.3
- v8.11.2
- v8.11.1
- v8.11.0
- v8.10.4
- v8.10.3
- v8.10.2
- v8.10.1
- v8.10.0
- v8.9.2
- v8.9.1
- v8.9.0
- v8.8.2
- v8.8.1
- v8.8.0
- v8.7.1
- v8.7.0
- v8.6.2
- v8.6.1
- v8.6.0
- v8.5.3
- v8.5.2
- v8.5.1
- v8.5.0
- v8.4.3
- v8.4.2
- v8.4.1
- v8.4.0
- v8.3.3
- v8.3.2
- v8.3.1
- v8.3.0
- v8.2.3
- v8.2.2
- v8.2.1
- v8.2.0
- v8.1.3
- v8.1.2
- v8.1.1
- v8.1.0
- v8.0.1
- v8.0.0
- v8.0.0-rc2
- v8.0.0-rc1
- v8.0.0-beta1
- v8.0.0-alpha2
- v8.0.0-alpha1
- test-depl-20231025084603
- test-depl-20231013154558
- deploy-fix-test-ci
- deploy-fix@1728886420
- deploy-fix@1722233551
- deploy-fix@1721023892
- deploy-fix@1720419201
- deploy-fix@1718000036
- deploy-fix@1717401777
- deploy-fix@1708322739
- deploy-fix@1707717945
- deploy-fix@1701687168
- deploy-fix@1699260155
- deploy-fix@1698657637
- deploy@1736144018
- deploy@1735539127
- deploy@1734934371
- deploy@1734329529
- deploy@1733724770
- deploy@1733120035
- deploy@1732515196
- deploy@1731910526
- deploy@1731305644
- deploy@1730700921
- deploy@1730095989
- deploy@1729491328
- deploy@1728886420
- deploy@1728281754
- deploy@1727676838
- deploy@1727071987
- deploy@1726473511
- deploy@1725862301
- deploy@1725257503
- deploy@1724652827
- deploy@1724047965
- deploy@1723443177
- deploy@1722838314
- deploy@1722233551
- deploy@1721628835
- deploy@1721023892
- deploy@1720419201
- deploy@1719814351
- deploy@1719209622
- deploy@1718616070
- deploy@1718000036
- deploy@1717401777
- deploy@1717395230
- deploy@1716800745
- deploy@1716790412
- deploy@1716185667
- deploy@1715580861
- deploy@1714976069
- deploy@1714371303
- deploy@1713766425
- deploy@1713161715
- deploy@1712566963
- deploy@1711952105
- deploy@1711370131
- deploy@1710741924
- deploy@1710146776
- deploy@1710137117
- deploy@1709533819
- deploy@1709532332
- deploy@1708927574
- deploy@1708322739
- deploy@1707717945
- deploy@1707113127
- deploy@1706508321
- deploy@1705903520
- deploy@1705306975
- deploy@1705298718
- deploy@1704693922
- deploy@1704089101
- deploy@1703484304
- deploy@1702903357
- deploy@1702879551
- deploy@1702367069
- deploy@1702284899
- deploy@1701687168
- deploy@1701160888
- deploy@1700491293
- deploy@1699865290
- deploy@1699260155
- deploy@1698657637
- deploy@1698046713
- deploy@1697564183
- deploy@1697232175
- deploy@1697028216
- deploy@1696873111
- deploy@1696618725
- deploy@1696508231
- deploy@1696415195
- deploy@1696328885
- deploy@1695286747
- deploy@1694683198
- deploy@1694506029
- deploy@1694162455
- deploy@1694087994
- deploy@1693866333
- deploy@1693860790
- deploy@1693853982
- deploy@1693609987
- deploy@1693594780
1 parent
66c8b2a
commit a0d33dc
Showing
10 changed files
with
582 additions
and
400 deletions.
There are no files selected for viewing
238 changes: 50 additions & 188 deletions
238
...t/public/management_section/objects_table/__snapshots__/saved_objects_table.test.tsx.snap
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
97 changes: 97 additions & 0 deletions
97
...nagement/public/management_section/objects_table/components/delete_confirm_modal.test.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,97 @@ | ||
/* | ||
* Licensed to Elasticsearch B.V. under one or more contributor | ||
* license agreements. See the NOTICE file distributed with | ||
* this work for additional information regarding copyright | ||
* ownership. Elasticsearch B.V. licenses this file to you under | ||
* the Apache License, Version 2.0 (the "License"); you may | ||
* not use this file except in compliance with the License. | ||
* You may obtain a copy of the License at | ||
* | ||
* http://www.apache.org/licenses/LICENSE-2.0 | ||
* | ||
* Unless required by applicable law or agreed to in writing, | ||
* software distributed under the License is distributed on an | ||
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY | ||
* KIND, either express or implied. See the License for the | ||
* specific language governing permissions and limitations | ||
* under the License. | ||
*/ | ||
|
||
import React from 'react'; | ||
import { mountWithIntl } from '@kbn/test/jest'; | ||
import { SavedObjectWithMetadata } from '../../../../common'; | ||
import { DeleteConfirmModal } from './delete_confirm_modal'; | ||
|
||
const createObject = (): SavedObjectWithMetadata => ({ | ||
id: 'foo', | ||
type: 'bar', | ||
attributes: {}, | ||
references: [], | ||
meta: {}, | ||
}); | ||
|
||
describe('DeleteConfirmModal', () => { | ||
let onConfirm: jest.Mock; | ||
let onCancel: jest.Mock; | ||
|
||
beforeEach(() => { | ||
onConfirm = jest.fn(); | ||
onCancel = jest.fn(); | ||
}); | ||
|
||
it('displays a loader if `isDeleting` is true', () => { | ||
const wrapper = mountWithIntl( | ||
<DeleteConfirmModal | ||
isDeleting={true} | ||
onConfirm={onConfirm} | ||
onCancel={onCancel} | ||
selectedObjects={[]} | ||
/> | ||
); | ||
expect(wrapper.find('EuiLoadingElastic')).toHaveLength(1); | ||
expect(wrapper.find('EuiModal')).toHaveLength(0); | ||
}); | ||
|
||
it('lists the objects to delete', () => { | ||
const objs = [createObject(), createObject(), createObject()]; | ||
const wrapper = mountWithIntl( | ||
<DeleteConfirmModal | ||
isDeleting={false} | ||
onConfirm={onConfirm} | ||
onCancel={onCancel} | ||
selectedObjects={objs} | ||
/> | ||
); | ||
expect(wrapper.find('.euiTableRow')).toHaveLength(3); | ||
}); | ||
|
||
it('calls `onCancel` when clicking on the cancel button', () => { | ||
const wrapper = mountWithIntl( | ||
<DeleteConfirmModal | ||
isDeleting={false} | ||
onConfirm={onConfirm} | ||
onCancel={onCancel} | ||
selectedObjects={[]} | ||
/> | ||
); | ||
wrapper.find('EuiButtonEmpty').simulate('click'); | ||
|
||
expect(onCancel).toHaveBeenCalledTimes(1); | ||
expect(onConfirm).not.toHaveBeenCalled(); | ||
}); | ||
|
||
it('calls `onDelete` when clicking on the delete button', () => { | ||
const wrapper = mountWithIntl( | ||
<DeleteConfirmModal | ||
isDeleting={false} | ||
onConfirm={onConfirm} | ||
onCancel={onCancel} | ||
selectedObjects={[]} | ||
/> | ||
); | ||
wrapper.find('EuiButton').simulate('click'); | ||
|
||
expect(onConfirm).toHaveBeenCalledTimes(1); | ||
expect(onCancel).not.toHaveBeenCalled(); | ||
}); | ||
}); |
153 changes: 153 additions & 0 deletions
153
...ts_management/public/management_section/objects_table/components/delete_confirm_modal.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,153 @@ | ||
/* | ||
* Licensed to Elasticsearch B.V. under one or more contributor | ||
* license agreements. See the NOTICE file distributed with | ||
* this work for additional information regarding copyright | ||
* ownership. Elasticsearch B.V. licenses this file to you under | ||
* the Apache License, Version 2.0 (the "License"); you may | ||
* not use this file except in compliance with the License. | ||
* You may obtain a copy of the License at | ||
* | ||
* http://www.apache.org/licenses/LICENSE-2.0 | ||
* | ||
* Unless required by applicable law or agreed to in writing, | ||
* software distributed under the License is distributed on an | ||
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY | ||
* KIND, either express or implied. See the License for the | ||
* specific language governing permissions and limitations | ||
* under the License. | ||
*/ | ||
|
||
import React, { FC } from 'react'; | ||
import { | ||
EuiInMemoryTable, | ||
EuiLoadingElastic, | ||
EuiToolTip, | ||
EuiIcon, | ||
EuiOverlayMask, | ||
EuiModal, | ||
EuiModalHeader, | ||
EuiModalHeaderTitle, | ||
EuiModalBody, | ||
EuiModalFooter, | ||
EuiFlexGroup, | ||
EuiFlexItem, | ||
EuiButtonEmpty, | ||
EuiButton, | ||
EuiSpacer, | ||
} from '@elastic/eui'; | ||
import { i18n } from '@kbn/i18n'; | ||
import { FormattedMessage } from '@kbn/i18n/react'; | ||
import { SavedObjectWithMetadata } from '../../../../common'; | ||
import { getSavedObjectLabel } from '../../../lib'; | ||
|
||
export interface DeleteConfirmModalProps { | ||
isDeleting: boolean; | ||
onConfirm: () => void; | ||
onCancel: () => void; | ||
selectedObjects: SavedObjectWithMetadata[]; | ||
} | ||
|
||
export const DeleteConfirmModal: FC<DeleteConfirmModalProps> = ({ | ||
isDeleting, | ||
onConfirm, | ||
onCancel, | ||
selectedObjects, | ||
}) => { | ||
if (isDeleting) { | ||
return ( | ||
<EuiOverlayMask> | ||
<EuiLoadingElastic size="xl" /> | ||
</EuiOverlayMask> | ||
); | ||
} | ||
|
||
// can't use `EuiConfirmModal` here as the confirm modal body is wrapped | ||
// inside a `<p>` element, causing UI glitches with the table. | ||
return ( | ||
<EuiOverlayMask> | ||
<EuiModal initialFocus="soDeleteConfirmModalConfirmBtn" onClose={onCancel}> | ||
<EuiModalHeader> | ||
<EuiModalHeaderTitle> | ||
<FormattedMessage | ||
id="savedObjectsManagement.objectsTable.deleteSavedObjectsConfirmModalTitle" | ||
defaultMessage="Delete saved objects" | ||
/> | ||
</EuiModalHeaderTitle> | ||
</EuiModalHeader> | ||
<EuiModalBody> | ||
<p> | ||
<FormattedMessage | ||
id="savedObjectsManagement.deleteSavedObjectsConfirmModalDescription" | ||
defaultMessage="This action will delete the following saved objects:" | ||
/> | ||
</p> | ||
<EuiSpacer size="m" /> | ||
<EuiInMemoryTable | ||
items={selectedObjects} | ||
columns={[ | ||
{ | ||
field: 'type', | ||
name: i18n.translate( | ||
'savedObjectsManagement.objectsTable.deleteSavedObjectsConfirmModal.typeColumnName', | ||
{ defaultMessage: 'Type' } | ||
), | ||
width: '50px', | ||
render: (type, object) => ( | ||
<EuiToolTip position="top" content={getSavedObjectLabel(type)}> | ||
<EuiIcon type={object.meta.icon || 'apps'} /> | ||
</EuiToolTip> | ||
), | ||
}, | ||
{ | ||
field: 'id', | ||
name: i18n.translate( | ||
'savedObjectsManagement.objectsTable.deleteSavedObjectsConfirmModal.idColumnName', | ||
{ defaultMessage: 'Id' } | ||
), | ||
}, | ||
{ | ||
field: 'meta.title', | ||
name: i18n.translate( | ||
'savedObjectsManagement.objectsTable.deleteSavedObjectsConfirmModal.titleColumnName', | ||
{ defaultMessage: 'Title' } | ||
), | ||
}, | ||
]} | ||
pagination={true} | ||
sorting={false} | ||
/> | ||
</EuiModalBody> | ||
<EuiModalFooter> | ||
<EuiFlexGroup justifyContent="flexEnd"> | ||
<EuiFlexItem grow={false}> | ||
<EuiFlexGroup> | ||
<EuiFlexItem grow={false}> | ||
<EuiButtonEmpty onClick={onCancel} data-test-subj="confirmModalCancelButton"> | ||
<FormattedMessage | ||
id="savedObjectsManagement.objectsTable.deleteSavedObjectsConfirmModal.cancelButtonLabel" | ||
defaultMessage="Cancel" | ||
/> | ||
</EuiButtonEmpty> | ||
</EuiFlexItem> | ||
<EuiFlexItem grow={false}> | ||
<EuiButton | ||
id="soDeleteConfirmModalConfirmBtn" | ||
fill | ||
color="danger" | ||
onClick={onConfirm} | ||
data-test-subj="confirmModalConfirmButton" | ||
> | ||
<FormattedMessage | ||
id="savedObjectsManagement.objectsTable.deleteSavedObjectsConfirmModal.deleteButtonLabel" | ||
defaultMessage="Delete" | ||
/> | ||
</EuiButton> | ||
</EuiFlexItem> | ||
</EuiFlexGroup> | ||
</EuiFlexItem> | ||
</EuiFlexGroup> | ||
</EuiModalFooter> | ||
</EuiModal> | ||
</EuiOverlayMask> | ||
); | ||
}; |
100 changes: 100 additions & 0 deletions
100
...jects_management/public/management_section/objects_table/components/export_modal.test.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,100 @@ | ||
/* | ||
* Licensed to Elasticsearch B.V. under one or more contributor | ||
* license agreements. See the NOTICE file distributed with | ||
* this work for additional information regarding copyright | ||
* ownership. Elasticsearch B.V. licenses this file to you under | ||
* the Apache License, Version 2.0 (the "License"); you may | ||
* not use this file except in compliance with the License. | ||
* You may obtain a copy of the License at | ||
* | ||
* http://www.apache.org/licenses/LICENSE-2.0 | ||
* | ||
* Unless required by applicable law or agreed to in writing, | ||
* software distributed under the License is distributed on an | ||
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY | ||
* KIND, either express or implied. See the License for the | ||
* specific language governing permissions and limitations | ||
* under the License. | ||
*/ | ||
|
||
import React from 'react'; | ||
import { mountWithIntl } from '@kbn/test/jest'; | ||
import { ExportModal } from './export_modal'; | ||
|
||
describe('ExportModal', () => { | ||
let onExport: jest.Mock; | ||
let onCancel: jest.Mock; | ||
let onSelectedOptionsChange: jest.Mock; | ||
let onIncludeReferenceChange: jest.Mock; | ||
|
||
const options = [ | ||
{ id: '1', label: 'option 1' }, | ||
{ id: '2', label: 'option 2' }, | ||
]; | ||
const selectedOptions = { | ||
1: true, | ||
2: false, | ||
}; | ||
|
||
beforeEach(() => { | ||
onExport = jest.fn(); | ||
onCancel = jest.fn(); | ||
onSelectedOptionsChange = jest.fn(); | ||
onIncludeReferenceChange = jest.fn(); | ||
}); | ||
|
||
it('Displays a checkbox for each option', () => { | ||
const wrapper = mountWithIntl( | ||
<ExportModal | ||
onExport={onExport} | ||
onCancel={onCancel} | ||
onSelectedOptionsChange={onSelectedOptionsChange} | ||
filteredItemCount={42} | ||
options={options} | ||
selectedOptions={selectedOptions} | ||
includeReferences={false} | ||
onIncludeReferenceChange={onIncludeReferenceChange} | ||
/> | ||
); | ||
|
||
expect(wrapper.find('EuiCheckbox')).toHaveLength(2); | ||
}); | ||
|
||
it('calls `onCancel` when clicking on the cancel button', () => { | ||
const wrapper = mountWithIntl( | ||
<ExportModal | ||
onExport={onExport} | ||
onCancel={onCancel} | ||
onSelectedOptionsChange={onSelectedOptionsChange} | ||
filteredItemCount={42} | ||
options={options} | ||
selectedOptions={selectedOptions} | ||
includeReferences={false} | ||
onIncludeReferenceChange={onIncludeReferenceChange} | ||
/> | ||
); | ||
wrapper.find('EuiButtonEmpty').simulate('click'); | ||
|
||
expect(onCancel).toHaveBeenCalledTimes(1); | ||
expect(onExport).not.toHaveBeenCalled(); | ||
}); | ||
|
||
it('calls `onExport` when clicking on the export button', () => { | ||
const wrapper = mountWithIntl( | ||
<ExportModal | ||
onExport={onExport} | ||
onCancel={onCancel} | ||
onSelectedOptionsChange={onSelectedOptionsChange} | ||
filteredItemCount={42} | ||
options={options} | ||
selectedOptions={selectedOptions} | ||
includeReferences={false} | ||
onIncludeReferenceChange={onIncludeReferenceChange} | ||
/> | ||
); | ||
wrapper.find('EuiButton').simulate('click'); | ||
|
||
expect(onExport).toHaveBeenCalledTimes(1); | ||
expect(onCancel).not.toHaveBeenCalled(); | ||
}); | ||
}); |
137 changes: 137 additions & 0 deletions
137
...ed_objects_management/public/management_section/objects_table/components/export_modal.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,137 @@ | ||
/* | ||
* Licensed to Elasticsearch B.V. under one or more contributor | ||
* license agreements. See the NOTICE file distributed with | ||
* this work for additional information regarding copyright | ||
* ownership. Elasticsearch B.V. licenses this file to you under | ||
* the Apache License, Version 2.0 (the "License"); you may | ||
* not use this file except in compliance with the License. | ||
* You may obtain a copy of the License at | ||
* | ||
* http://www.apache.org/licenses/LICENSE-2.0 | ||
* | ||
* Unless required by applicable law or agreed to in writing, | ||
* software distributed under the License is distributed on an | ||
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY | ||
* KIND, either express or implied. See the License for the | ||
* specific language governing permissions and limitations | ||
* under the License. | ||
*/ | ||
|
||
import React, { FC } from 'react'; | ||
import { | ||
EuiOverlayMask, | ||
EuiModal, | ||
EuiModalHeader, | ||
EuiModalHeaderTitle, | ||
EuiModalBody, | ||
EuiModalFooter, | ||
EuiFlexGroup, | ||
EuiFlexItem, | ||
EuiButtonEmpty, | ||
EuiButton, | ||
EuiSpacer, | ||
EuiFormRow, | ||
EuiCheckboxGroup, | ||
EuiSwitch, | ||
} from '@elastic/eui'; | ||
import { FormattedMessage } from '@kbn/i18n/react'; | ||
|
||
export interface ExportModalProps { | ||
onExport: () => void; | ||
onCancel: () => void; | ||
onSelectedOptionsChange: (newSelectedOptions: Record<string, boolean>) => void; | ||
filteredItemCount: number; | ||
options: Array<{ id: string; label: string }>; | ||
selectedOptions: Record<string, boolean>; | ||
includeReferences: boolean; | ||
onIncludeReferenceChange: (newIncludeReference: boolean) => void; | ||
} | ||
|
||
export const ExportModal: FC<ExportModalProps> = ({ | ||
onCancel, | ||
onExport, | ||
onSelectedOptionsChange, | ||
options, | ||
filteredItemCount, | ||
selectedOptions, | ||
includeReferences, | ||
onIncludeReferenceChange, | ||
}) => { | ||
return ( | ||
<EuiOverlayMask> | ||
<EuiModal onClose={onCancel}> | ||
<EuiModalHeader> | ||
<EuiModalHeaderTitle> | ||
<FormattedMessage | ||
id="savedObjectsManagement.objectsTable.exportObjectsConfirmModalTitle" | ||
defaultMessage="Export {filteredItemCount, plural, one{# object} other {# objects}}" | ||
values={{ | ||
filteredItemCount, | ||
}} | ||
/> | ||
</EuiModalHeaderTitle> | ||
</EuiModalHeader> | ||
<EuiModalBody> | ||
<EuiFormRow | ||
label={ | ||
<FormattedMessage | ||
id="savedObjectsManagement.objectsTable.exportObjectsConfirmModalDescription" | ||
defaultMessage="Select which types to export" | ||
/> | ||
} | ||
labelType="legend" | ||
> | ||
<EuiCheckboxGroup | ||
options={options} | ||
idToSelectedMap={selectedOptions} | ||
onChange={(optionId) => { | ||
onSelectedOptionsChange({ | ||
...selectedOptions, | ||
...{ | ||
[optionId]: !selectedOptions[optionId], | ||
}, | ||
}); | ||
}} | ||
/> | ||
</EuiFormRow> | ||
<EuiSpacer size="m" /> | ||
<EuiSwitch | ||
name="includeReferencesDeep" | ||
label={ | ||
<FormattedMessage | ||
id="savedObjectsManagement.objectsTable.exportObjectsConfirmModal.includeReferencesDeepLabel" | ||
defaultMessage="Include related objects" | ||
/> | ||
} | ||
checked={includeReferences} | ||
onChange={() => onIncludeReferenceChange(!includeReferences)} | ||
/> | ||
</EuiModalBody> | ||
<EuiModalFooter> | ||
<EuiFlexGroup justifyContent="flexEnd"> | ||
<EuiFlexItem grow={false}> | ||
<EuiFlexGroup> | ||
<EuiFlexItem grow={false}> | ||
<EuiButtonEmpty onClick={onCancel}> | ||
<FormattedMessage | ||
id="savedObjectsManagement.objectsTable.exportObjectsConfirmModal.cancelButtonLabel" | ||
defaultMessage="Cancel" | ||
/> | ||
</EuiButtonEmpty> | ||
</EuiFlexItem> | ||
<EuiFlexItem grow={false}> | ||
<EuiButton fill onClick={onExport}> | ||
<FormattedMessage | ||
id="savedObjectsManagement.objectsTable.exportObjectsConfirmModal.exportAllButtonLabel" | ||
defaultMessage="Export all" | ||
/> | ||
</EuiButton> | ||
</EuiFlexItem> | ||
</EuiFlexGroup> | ||
</EuiFlexItem> | ||
</EuiFlexGroup> | ||
</EuiModalFooter> | ||
</EuiModal> | ||
</EuiOverlayMask> | ||
); | ||
}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters