@okta/odyssey-react-mui 1.28.1 → 1.29.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/Breadcrumbs.js +1 -0
- package/dist/Breadcrumbs.js.map +1 -1
- package/dist/Buttons/MenuItem.js +1 -0
- package/dist/Buttons/MenuItem.js.map +1 -1
- package/dist/Checkbox.js +62 -35
- package/dist/Checkbox.js.map +1 -1
- package/dist/DataTable/reorderDataRowsLocally.js.map +1 -1
- package/dist/DataTable/useRowReordering.js.map +1 -1
- package/dist/HtmlProps.js.map +1 -1
- package/dist/Pagination/Pagination.js +2 -1
- package/dist/Pagination/Pagination.js.map +1 -1
- package/dist/Radio.js +65 -38
- package/dist/Radio.js.map +1 -1
- package/dist/Typography.js +20 -0
- package/dist/Typography.js.map +1 -1
- package/dist/index.scss +1 -1
- package/dist/labs/DataFilters.js +9 -5
- package/dist/labs/DataFilters.js.map +1 -1
- package/dist/labs/DataTable.js +7 -7
- package/dist/labs/DataTable.js.map +1 -1
- package/dist/labs/DataView/BulkActionsMenu.js.map +1 -1
- package/dist/labs/DataView/CardLayoutContent.js +6 -5
- package/dist/labs/DataView/CardLayoutContent.js.map +1 -1
- package/dist/labs/DataView/DataCard.js +1 -0
- package/dist/labs/DataView/DataCard.js.map +1 -1
- package/dist/labs/DataView/DataTable.js.map +1 -1
- package/dist/labs/DataView/DataView.js +2 -2
- package/dist/labs/DataView/DataView.js.map +1 -1
- package/dist/labs/DataView/DetailPanel.js.map +1 -1
- package/dist/labs/DataView/RowActions.js.map +1 -1
- package/dist/labs/DataView/TableLayoutContent.js +1 -1
- package/dist/labs/DataView/TableLayoutContent.js.map +1 -1
- package/dist/labs/DataView/TableSettings.js.map +1 -1
- package/dist/labs/DataView/componentTypes.js.map +1 -1
- package/dist/labs/DataView/dataTypes.js.map +1 -1
- package/dist/labs/DataView/fetchData.js.map +1 -1
- package/dist/labs/DataView/testSupportData.js +201 -0
- package/dist/labs/DataView/testSupportData.js.map +1 -0
- package/dist/labs/DataView/useFilterConversion.js.map +1 -1
- package/dist/labs/{DateField.js → DatePickers/DateField.js} +1 -1
- package/dist/labs/DatePickers/DateField.js.map +1 -0
- package/dist/labs/DatePickers/DateFieldActionBar.js +56 -0
- package/dist/labs/DatePickers/DateFieldActionBar.js.map +1 -0
- package/dist/labs/DatePickers/DateFieldLocalizationProvider.js +32 -0
- package/dist/labs/DatePickers/DateFieldLocalizationProvider.js.map +1 -0
- package/dist/labs/{DatePicker.js → DatePickers/DatePicker.js} +30 -73
- package/dist/labs/DatePickers/DatePicker.js.map +1 -0
- package/dist/labs/DatePickers/DatePicker.types.d.js.map +1 -0
- package/dist/labs/DatePickers/DateTimeField.js +166 -0
- package/dist/labs/DatePickers/DateTimeField.js.map +1 -0
- package/dist/labs/DatePickers/DateTimePicker.js +233 -0
- package/dist/labs/DatePickers/DateTimePicker.js.map +1 -0
- package/dist/labs/{datePickerTheme.js → DatePickers/datePickerTheme.js} +2 -2
- package/dist/labs/DatePickers/datePickerTheme.js.map +1 -0
- package/dist/labs/DatePickers/dateTimePickerTheme.js +230 -0
- package/dist/labs/DatePickers/dateTimePickerTheme.js.map +1 -0
- package/dist/labs/DatePickers/index.js +15 -0
- package/dist/labs/DatePickers/index.js.map +1 -0
- package/dist/labs/DatePickers/useDateFieldsTranslations.js.map +1 -0
- package/dist/labs/{useOdysseyDateFields.js → DatePickers/useOdysseyDateFields.js} +36 -3
- package/dist/labs/DatePickers/useOdysseyDateFields.js.map +1 -0
- package/dist/labs/PageTemplate.js +1 -1
- package/dist/labs/PageTemplate.js.map +1 -1
- package/dist/labs/SideNav/SideNav.js +40 -34
- package/dist/labs/SideNav/SideNav.js.map +1 -1
- package/dist/labs/SideNav/SideNavHeader.js +6 -4
- package/dist/labs/SideNav/SideNavHeader.js.map +1 -1
- package/dist/labs/SideNav/SideNavItemContent.js +11 -11
- package/dist/labs/SideNav/SideNavItemContent.js.map +1 -1
- package/dist/labs/SideNav/SideNavToggleButton.js +1 -1
- package/dist/labs/SideNav/SideNavToggleButton.js.map +1 -1
- package/dist/labs/SideNav/types.js.map +1 -1
- package/dist/labs/TimeZonePicker.js.map +1 -1
- package/dist/labs/index.js +1 -3
- package/dist/labs/index.js.map +1 -1
- package/dist/properties/ts/odyssey-react-mui.js +2 -0
- package/dist/properties/ts/odyssey-react-mui.js.map +1 -1
- package/dist/src/Breadcrumbs.d.ts.map +1 -1
- package/dist/src/Buttons/MenuItem.d.ts.map +1 -1
- package/dist/src/Checkbox.d.ts.map +1 -1
- package/dist/src/DataTable/reorderDataRowsLocally.d.ts +3 -3
- package/dist/src/DataTable/reorderDataRowsLocally.d.ts.map +1 -1
- package/dist/src/DataTable/useRowReordering.d.ts +10 -10
- package/dist/src/DataTable/useRowReordering.d.ts.map +1 -1
- package/dist/src/HtmlProps.d.ts +27 -0
- package/dist/src/HtmlProps.d.ts.map +1 -1
- package/dist/src/OdysseyTranslationProvider.d.ts +1 -1
- package/dist/src/OdysseyTranslationProvider.d.ts.map +1 -1
- package/dist/src/Radio.d.ts +1 -1
- package/dist/src/Radio.d.ts.map +1 -1
- package/dist/src/Typography.d.ts +11 -11
- package/dist/src/Typography.d.ts.map +1 -1
- package/dist/src/labs/DataFilters.d.ts.map +1 -1
- package/dist/src/labs/DataTable.d.ts +11 -11
- package/dist/src/labs/DataTable.d.ts.map +1 -1
- package/dist/src/labs/DataView/BulkActionsMenu.d.ts +3 -3
- package/dist/src/labs/DataView/BulkActionsMenu.d.ts.map +1 -1
- package/dist/src/labs/DataView/CardLayoutContent.d.ts +18 -15
- package/dist/src/labs/DataView/CardLayoutContent.d.ts.map +1 -1
- package/dist/src/labs/DataView/DataCard.d.ts +7 -4
- package/dist/src/labs/DataView/DataCard.d.ts.map +1 -1
- package/dist/src/labs/DataView/DataTable.d.ts +6 -2
- package/dist/src/labs/DataView/DataTable.d.ts.map +1 -1
- package/dist/src/labs/DataView/DataView.d.ts +6 -2
- package/dist/src/labs/DataView/DataView.d.ts.map +1 -1
- package/dist/src/labs/DataView/DetailPanel.d.ts +5 -5
- package/dist/src/labs/DataView/DetailPanel.d.ts.map +1 -1
- package/dist/src/labs/DataView/RowActions.d.ts +3 -3
- package/dist/src/labs/DataView/RowActions.d.ts.map +1 -1
- package/dist/src/labs/DataView/TableLayoutContent.d.ts +18 -15
- package/dist/src/labs/DataView/TableLayoutContent.d.ts.map +1 -1
- package/dist/src/labs/DataView/TableSettings.d.ts +7 -3
- package/dist/src/labs/DataView/TableSettings.d.ts.map +1 -1
- package/dist/src/labs/DataView/componentTypes.d.ts +17 -17
- package/dist/src/labs/DataView/componentTypes.d.ts.map +1 -1
- package/dist/src/labs/DataView/dataTypes.d.ts +6 -6
- package/dist/src/labs/DataView/dataTypes.d.ts.map +1 -1
- package/dist/src/labs/DataView/fetchData.d.ts +6 -6
- package/dist/src/labs/DataView/fetchData.d.ts.map +1 -1
- package/dist/src/labs/DataView/testSupportData.d.ts +33 -0
- package/dist/src/labs/DataView/testSupportData.d.ts.map +1 -0
- package/dist/src/labs/DataView/useFilterConversion.d.ts +5 -4
- package/dist/src/labs/DataView/useFilterConversion.d.ts.map +1 -1
- package/dist/src/labs/{DateField.d.ts → DatePickers/DateField.d.ts} +1 -1
- package/dist/src/labs/DatePickers/DateField.d.ts.map +1 -0
- package/dist/src/labs/DatePickers/DateFieldActionBar.d.ts +15 -0
- package/dist/src/labs/DatePickers/DateFieldActionBar.d.ts.map +1 -0
- package/dist/src/labs/DatePickers/DateFieldLocalizationProvider.d.ts +20 -0
- package/dist/src/labs/DatePickers/DateFieldLocalizationProvider.d.ts.map +1 -0
- package/dist/src/labs/DatePickers/DatePicker.d.ts +17 -0
- package/dist/src/labs/DatePickers/DatePicker.d.ts.map +1 -0
- package/dist/src/labs/DatePickers/DateTimeField.d.ts +20 -0
- package/dist/src/labs/DatePickers/DateTimeField.d.ts.map +1 -0
- package/dist/src/labs/DatePickers/DateTimePicker.d.ts +17 -0
- package/dist/src/labs/DatePickers/DateTimePicker.d.ts.map +1 -0
- package/dist/src/labs/DatePickers/datePickerTheme.d.ts +22 -0
- package/dist/src/labs/DatePickers/datePickerTheme.d.ts.map +1 -0
- package/dist/src/labs/{datePickerTheme.d.ts → DatePickers/dateTimePickerTheme.d.ts} +2 -2
- package/dist/src/labs/DatePickers/dateTimePickerTheme.d.ts.map +1 -0
- package/dist/src/labs/DatePickers/index.d.ts +15 -0
- package/dist/src/labs/DatePickers/index.d.ts.map +1 -0
- package/dist/src/labs/DatePickers/useDateFieldsTranslations.d.ts.map +1 -0
- package/dist/src/labs/{useOdysseyDateFields.d.ts → DatePickers/useOdysseyDateFields.d.ts} +49 -6
- package/dist/src/labs/DatePickers/useOdysseyDateFields.d.ts.map +1 -0
- package/dist/src/labs/SideNav/SideNav.d.ts.map +1 -1
- package/dist/src/labs/SideNav/SideNavHeader.d.ts.map +1 -1
- package/dist/src/labs/SideNav/SideNavItemContent.d.ts +1 -1
- package/dist/src/labs/SideNav/SideNavItemContent.d.ts.map +1 -1
- package/dist/src/labs/SideNav/types.d.ts +2 -2
- package/dist/src/labs/SideNav/types.d.ts.map +1 -1
- package/dist/src/labs/TimeZonePicker.d.ts +4 -1
- package/dist/src/labs/TimeZonePicker.d.ts.map +1 -1
- package/dist/src/labs/index.d.ts +1 -3
- package/dist/src/labs/index.d.ts.map +1 -1
- package/dist/src/properties/ts/odyssey-react-mui.d.ts +2 -0
- package/dist/src/properties/ts/odyssey-react-mui.d.ts.map +1 -1
- package/dist/src/theme/components.d.ts.map +1 -1
- package/dist/src/theme/mixins.d.ts.map +1 -1
- package/dist/src/theme/mixins.types.d.ts +2 -0
- package/dist/src/theme/mixins.types.d.ts.map +1 -1
- package/dist/src/{labs → ui-shell}/UiShell/UiShell.d.ts +2 -2
- package/dist/src/ui-shell/UiShell/UiShell.d.ts.map +1 -0
- package/dist/src/{labs → ui-shell}/UiShell/UiShellContent.d.ts +12 -8
- package/dist/src/ui-shell/UiShell/UiShellContent.d.ts.map +1 -0
- package/dist/src/ui-shell/UiShell/bufferLatest.d.ts.map +1 -0
- package/dist/src/ui-shell/UiShell/createMessageBus.d.ts.map +1 -0
- package/dist/src/ui-shell/UiShell/createStore.d.ts.map +1 -0
- package/dist/src/ui-shell/UiShell/index.d.ts.map +1 -0
- package/dist/src/{labs → ui-shell}/UiShell/renderUiShell.d.ts +3 -4
- package/dist/src/ui-shell/UiShell/renderUiShell.d.ts.map +1 -0
- package/dist/src/{labs → ui-shell}/UiShell/useHasUiShell.d.ts +1 -0
- package/dist/src/ui-shell/UiShell/useHasUiShell.d.ts.map +1 -0
- package/dist/src/ui-shell/UiShell/useScrollState.d.ts.map +1 -0
- package/dist/src/ui-shell/index.d.ts +14 -0
- package/dist/src/ui-shell/index.d.ts.map +1 -0
- package/dist/src/{web-component → ui-shell}/renderReactInWebComponent.d.ts +3 -23
- package/dist/src/ui-shell/renderReactInWebComponent.d.ts.map +1 -0
- package/dist/src/web-component/index.d.ts +0 -1
- package/dist/src/web-component/index.d.ts.map +1 -1
- package/dist/src/web-component/shadow-dom.d.ts +23 -2
- package/dist/src/web-component/shadow-dom.d.ts.map +1 -1
- package/dist/theme/components.js +38 -4
- package/dist/theme/components.js.map +1 -1
- package/dist/theme/mixins.js +2 -1
- package/dist/theme/mixins.js.map +1 -1
- package/dist/theme/mixins.types.js.map +1 -1
- package/dist/tsconfig.production.tsbuildinfo +1 -1
- package/dist/{labs → ui-shell}/UiShell/UiShell.js +2 -0
- package/dist/ui-shell/UiShell/UiShell.js.map +1 -0
- package/dist/{labs → ui-shell}/UiShell/UiShellContent.js +19 -11
- package/dist/ui-shell/UiShell/UiShellContent.js.map +1 -0
- package/dist/ui-shell/UiShell/bufferLatest.js.map +1 -0
- package/dist/ui-shell/UiShell/createMessageBus.js.map +1 -0
- package/dist/ui-shell/UiShell/createStore.js.map +1 -0
- package/dist/ui-shell/UiShell/index.js.map +1 -0
- package/dist/{labs → ui-shell}/UiShell/renderUiShell.js +4 -2
- package/dist/ui-shell/UiShell/renderUiShell.js.map +1 -0
- package/dist/{labs → ui-shell}/UiShell/useHasUiShell.js +1 -1
- package/dist/ui-shell/UiShell/useHasUiShell.js.map +1 -0
- package/dist/ui-shell/UiShell/useScrollState.js.map +1 -0
- package/dist/ui-shell/index.js +14 -0
- package/dist/ui-shell/index.js.map +1 -0
- package/dist/{web-component → ui-shell}/renderReactInWebComponent.js +7 -17
- package/dist/ui-shell/renderReactInWebComponent.js.map +1 -0
- package/dist/web-component/index.js +0 -1
- package/dist/web-component/index.js.map +1 -1
- package/dist/web-component/shadow-dom.js +12 -2
- package/dist/web-component/shadow-dom.js.map +1 -1
- package/package.json +10 -3
- package/src/Breadcrumbs.tsx +5 -1
- package/src/Buttons/MenuItem.tsx +1 -0
- package/src/Checkbox.tsx +86 -44
- package/src/DataTable/reorderDataRowsLocally.tsx +3 -3
- package/src/DataTable/useRowReordering.tsx +16 -23
- package/src/HtmlProps.ts +27 -0
- package/src/Pagination/Pagination.tsx +2 -2
- package/src/Radio.tsx +78 -39
- package/src/Typography.tsx +26 -1
- package/src/labs/DataFilters.tsx +7 -3
- package/src/labs/DataTable.tsx +41 -33
- package/src/labs/DataView/BulkActionsMenu.tsx +4 -4
- package/src/labs/DataView/CardLayoutContent.tsx +34 -28
- package/src/labs/DataView/DataCard.tsx +13 -6
- package/src/labs/DataView/DataTable.tsx +11 -4
- package/src/labs/DataView/DataView.test.tsx +1012 -87
- package/src/labs/DataView/DataView.tsx +18 -11
- package/src/labs/DataView/DetailPanel.tsx +4 -4
- package/src/labs/DataView/RowActions.tsx +4 -4
- package/src/labs/DataView/TableLayoutContent.tsx +30 -24
- package/src/labs/DataView/TableSettings.tsx +12 -6
- package/src/labs/DataView/componentTypes.ts +17 -17
- package/src/labs/DataView/dataTypes.ts +14 -8
- package/src/labs/DataView/fetchData.ts +9 -7
- package/src/labs/DataView/testSupportData.tsx +301 -0
- package/src/labs/DataView/useFilterConversion.ts +8 -8
- package/src/labs/{DateField.tsx → DatePickers/DateField.tsx} +2 -2
- package/src/labs/DatePickers/DateFieldActionBar.tsx +65 -0
- package/src/labs/DatePickers/DateFieldLocalizationProvider.tsx +46 -0
- package/src/labs/{DatePicker.tsx → DatePickers/DatePicker.tsx} +31 -136
- package/src/labs/DatePickers/DateTimeField.tsx +271 -0
- package/src/labs/DatePickers/DateTimePicker.test.tsx +66 -0
- package/src/labs/DatePickers/DateTimePicker.tsx +303 -0
- package/src/labs/{datePickerTheme.tsx → DatePickers/datePickerTheme.tsx} +2 -2
- package/src/labs/DatePickers/dateTimePickerTheme.ts +213 -0
- package/src/labs/DatePickers/index.ts +15 -0
- package/src/labs/{useOdysseyDateFields.ts → DatePickers/useOdysseyDateFields.ts} +112 -10
- package/src/labs/PageTemplate.tsx +1 -1
- package/src/labs/SideNav/SideNav.tsx +38 -39
- package/src/labs/SideNav/SideNavHeader.tsx +6 -4
- package/src/labs/SideNav/SideNavItemContent.tsx +21 -18
- package/src/labs/SideNav/SideNavToggleButton.tsx +1 -1
- package/src/labs/SideNav/types.ts +2 -2
- package/src/labs/TimeZonePicker.tsx +5 -1
- package/src/labs/index.ts +2 -3
- package/src/properties/odyssey-react-mui.properties +2 -0
- package/src/properties/ts/odyssey-react-mui.ts +1 -1
- package/src/theme/components.tsx +45 -4
- package/src/theme/mixins.ts +1 -0
- package/src/theme/mixins.types.ts +2 -0
- package/src/{labs → ui-shell}/UiShell/UiShell.tsx +3 -0
- package/src/{labs → ui-shell}/UiShell/UiShellContent.tsx +60 -31
- package/src/{labs → ui-shell}/UiShell/renderUiShell.test.tsx +16 -22
- package/src/{labs → ui-shell}/UiShell/renderUiShell.tsx +7 -4
- package/src/{labs → ui-shell}/UiShell/useHasUiShell.ts +1 -1
- package/src/ui-shell/index.ts +14 -0
- package/src/{web-component → ui-shell}/renderReactInWebComponent.test.tsx +1 -1
- package/src/{web-component → ui-shell}/renderReactInWebComponent.ts +9 -45
- package/src/web-component/index.ts +0 -1
- package/src/web-component/shadow-dom.ts +36 -3
- package/dist/labs/DateField.js.map +0 -1
- package/dist/labs/DatePicker.js.map +0 -1
- package/dist/labs/DatePicker.types.d.js.map +0 -1
- package/dist/labs/UiShell/UiShell.js.map +0 -1
- package/dist/labs/UiShell/UiShellContent.js.map +0 -1
- package/dist/labs/UiShell/bufferLatest.js.map +0 -1
- package/dist/labs/UiShell/createMessageBus.js.map +0 -1
- package/dist/labs/UiShell/createStore.js.map +0 -1
- package/dist/labs/UiShell/index.js.map +0 -1
- package/dist/labs/UiShell/renderUiShell.js.map +0 -1
- package/dist/labs/UiShell/useHasUiShell.js.map +0 -1
- package/dist/labs/UiShell/useScrollState.js.map +0 -1
- package/dist/labs/datePickerTheme.js.map +0 -1
- package/dist/labs/useDateFieldsTranslations.js.map +0 -1
- package/dist/labs/useOdysseyDateFields.js.map +0 -1
- package/dist/src/labs/DateField.d.ts.map +0 -1
- package/dist/src/labs/DatePicker.d.ts +0 -47
- package/dist/src/labs/DatePicker.d.ts.map +0 -1
- package/dist/src/labs/UiShell/UiShell.d.ts.map +0 -1
- package/dist/src/labs/UiShell/UiShellContent.d.ts.map +0 -1
- package/dist/src/labs/UiShell/bufferLatest.d.ts.map +0 -1
- package/dist/src/labs/UiShell/createMessageBus.d.ts.map +0 -1
- package/dist/src/labs/UiShell/createStore.d.ts.map +0 -1
- package/dist/src/labs/UiShell/index.d.ts.map +0 -1
- package/dist/src/labs/UiShell/renderUiShell.d.ts.map +0 -1
- package/dist/src/labs/UiShell/useHasUiShell.d.ts.map +0 -1
- package/dist/src/labs/UiShell/useScrollState.d.ts.map +0 -1
- package/dist/src/labs/datePickerTheme.d.ts.map +0 -1
- package/dist/src/labs/useDateFieldsTranslations.d.ts.map +0 -1
- package/dist/src/labs/useOdysseyDateFields.d.ts.map +0 -1
- package/dist/src/web-component/renderReactInWebComponent.d.ts.map +0 -1
- package/dist/web-component/renderReactInWebComponent.js.map +0 -1
- /package/dist/labs/{DatePicker.types.d.js → DatePickers/DatePicker.types.d.js} +0 -0
- /package/dist/labs/{useDateFieldsTranslations.js → DatePickers/useDateFieldsTranslations.js} +0 -0
- /package/dist/src/labs/{useDateFieldsTranslations.d.ts → DatePickers/useDateFieldsTranslations.d.ts} +0 -0
- /package/dist/src/{labs → ui-shell}/UiShell/bufferLatest.d.ts +0 -0
- /package/dist/src/{labs → ui-shell}/UiShell/createMessageBus.d.ts +0 -0
- /package/dist/src/{labs → ui-shell}/UiShell/createStore.d.ts +0 -0
- /package/dist/src/{labs → ui-shell}/UiShell/index.d.ts +0 -0
- /package/dist/src/{labs → ui-shell}/UiShell/useScrollState.d.ts +0 -0
- /package/dist/{labs → ui-shell}/UiShell/bufferLatest.js +0 -0
- /package/dist/{labs → ui-shell}/UiShell/createMessageBus.js +0 -0
- /package/dist/{labs → ui-shell}/UiShell/createStore.js +0 -0
- /package/dist/{labs → ui-shell}/UiShell/index.js +0 -0
- /package/dist/{labs → ui-shell}/UiShell/useScrollState.js +0 -0
- /package/src/labs/{DatePicker.types.d.ts → DatePickers/DatePicker.types.d.ts} +0 -0
- /package/src/labs/{useDateFieldsTranslations.ts → DatePickers/useDateFieldsTranslations.ts} +0 -0
- /package/src/{labs → ui-shell}/UiShell/UiShell.test.tsx +0 -0
- /package/src/{labs → ui-shell}/UiShell/bufferLatest.test.ts +0 -0
- /package/src/{labs → ui-shell}/UiShell/bufferLatest.ts +0 -0
- /package/src/{labs → ui-shell}/UiShell/createMessageBus.test.ts +0 -0
- /package/src/{labs → ui-shell}/UiShell/createMessageBus.ts +0 -0
- /package/src/{labs → ui-shell}/UiShell/createStore.test.ts +0 -0
- /package/src/{labs → ui-shell}/UiShell/createStore.ts +0 -0
- /package/src/{labs → ui-shell}/UiShell/index.ts +0 -0
- /package/src/{labs → ui-shell}/UiShell/useScrollState.ts +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavHeader.js","names":["styled","memo","useOdysseyDesignTokens","SideNavLogo","
|
|
1
|
+
{"version":3,"file":"SideNavHeader.js","names":["styled","memo","useOdysseyDesignTokens","SideNavLogo","Heading5","TOP_NAV_HEIGHT","jsx","_jsx","jsxs","_jsxs","SideNavHeaderContainer","shouldForwardProp","prop","odysseyDesignTokens","position","display","flexDirection","backgroundColor","HueNeutralWhite","zIndex","SideNavLogoContainer","alignItems","height","paddingBlock","Spacing4","paddingInline","Spacing5","maxHeight","width","maxWidth","SideNavHeadingContainer","justifyContent","margin","SideNavHeader","appName","isLoading","logoProps","children","_Skeleton","variant","component","MemoizedSideNavHeader","displayName"],"sources":["../../../src/labs/SideNav/SideNavHeader.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { memo } from \"react\";\nimport { Skeleton } from \"@mui/material\";\n\nimport {\n type DesignTokens,\n useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext\";\nimport { SideNavLogo } from \"./SideNavLogo\";\nimport { SideNavProps } from \"./types\";\nimport { Heading5 } from \"../../Typography\";\nimport { TOP_NAV_HEIGHT } from \"../TopNav\";\n\nconst SideNavHeaderContainer = styled(\"div\", {\n shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({\n position: \"relative\",\n display: \"flex\",\n flexDirection: \"column\",\n backgroundColor: odysseyDesignTokens.HueNeutralWhite,\n zIndex: 1,\n}));\n\nconst SideNavLogoContainer = styled(\"div\", {\n shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({\n display: \"flex\",\n alignItems: \"center\",\n height: TOP_NAV_HEIGHT,\n paddingBlock: odysseyDesignTokens.Spacing4,\n paddingInline: odysseyDesignTokens.Spacing5,\n\n \"svg, img\": {\n maxHeight: \"100%\",\n width: \"auto\",\n maxWidth: \"100%\",\n },\n}));\n\nconst SideNavHeadingContainer = styled(\"div\", {\n shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n paddingBlock: odysseyDesignTokens.Spacing4,\n paddingInline: odysseyDesignTokens.Spacing5,\n width: \"100%\",\n\n [\"& .MuiTypography-root\"]: {\n margin: 0,\n width: \"100%\",\n },\n}));\n\nexport type SideNavHeaderProps = {\n /**\n * The app's name.\n */\n appName: string;\n /**\n * If the side nav currently has no items, it will be loading.\n */\n isLoading?: boolean;\n} & Pick<SideNavProps, \"logoProps\">;\n\nconst SideNavHeader = ({\n appName,\n isLoading,\n logoProps,\n}: SideNavHeaderProps) => {\n const odysseyDesignTokens = useOdysseyDesignTokens();\n\n return (\n <SideNavHeaderContainer odysseyDesignTokens={odysseyDesignTokens}>\n <SideNavLogoContainer odysseyDesignTokens={odysseyDesignTokens}>\n {isLoading ? (\n // The skeleton takes the hardcoded dimensions of the Okta logo\n <Skeleton variant=\"rounded\" height={24} width={67} />\n ) : (\n <SideNavLogo {...logoProps} />\n )}\n </SideNavLogoContainer>\n\n <SideNavHeadingContainer odysseyDesignTokens={odysseyDesignTokens}>\n <Heading5 component=\"h2\">{isLoading ? <Skeleton /> : appName}</Heading5>\n </SideNavHeadingContainer>\n </SideNavHeaderContainer>\n );\n};\n\nconst MemoizedSideNavHeader = memo(SideNavHeader);\nMemoizedSideNavHeader.displayName = \"SideNavHeader\";\n\nexport { MemoizedSideNavHeader as SideNavHeader };\n"],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@ import _Link from "@mui/material/Link";
|
|
|
12
12
|
*/
|
|
13
13
|
|
|
14
14
|
import styled from "@emotion/styled";
|
|
15
|
-
import {
|
|
15
|
+
import { memo, useCallback, useImperativeHandle, useMemo, useRef } from "react";
|
|
16
16
|
import { useOdysseyDesignTokens } from "../../OdysseyDesignTokensContext.js";
|
|
17
17
|
import { SideNavItemLinkContent } from "./SideNavItemLinkContent.js";
|
|
18
18
|
import { useSideNavItemContent } from "./SideNavItemContentContext.js";
|
|
@@ -79,7 +79,7 @@ export const getBaseNavItemContentStyles = ({
|
|
|
79
79
|
cursor: "default",
|
|
80
80
|
color: `${odysseyDesignTokens.TypographyColorDisabled} !important`
|
|
81
81
|
}),
|
|
82
|
-
"&:focus-visible
|
|
82
|
+
"&:focus-visible": {
|
|
83
83
|
outline: "none",
|
|
84
84
|
boxShadow: `inset 0 0 0 2px ${odysseyDesignTokens.PalettePrimaryMain}`
|
|
85
85
|
}
|
|
@@ -159,19 +159,19 @@ const SideNavItemContent = ({
|
|
|
159
159
|
}
|
|
160
160
|
};
|
|
161
161
|
}, []);
|
|
162
|
-
const itemClickHandler = useCallback(
|
|
162
|
+
const itemClickHandler = useCallback(event => {
|
|
163
163
|
return () => {
|
|
164
164
|
onItemSelected?.(id);
|
|
165
|
-
onClick?.();
|
|
165
|
+
onClick?.(event);
|
|
166
166
|
};
|
|
167
|
-
}, [onClick, onItemSelected]);
|
|
168
|
-
const sideNavItemContentKeyHandler = useCallback(
|
|
167
|
+
}, [id, onClick, onItemSelected]);
|
|
168
|
+
const sideNavItemContentKeyHandler = useCallback(event => {
|
|
169
169
|
if (event?.key === "Enter") {
|
|
170
170
|
event.preventDefault();
|
|
171
171
|
onItemSelected?.(id);
|
|
172
|
-
onClick?.();
|
|
172
|
+
onClick?.(event);
|
|
173
173
|
}
|
|
174
|
-
}, [onClick, onItemSelected]);
|
|
174
|
+
}, [id, onClick, onItemSelected]);
|
|
175
175
|
return _jsx(StyledSideNavListItem, {
|
|
176
176
|
ref: localScrollRef,
|
|
177
177
|
id: id,
|
|
@@ -199,8 +199,8 @@ const SideNavItemContent = ({
|
|
|
199
199
|
isDisabled: isDisabled,
|
|
200
200
|
tabIndex: 0,
|
|
201
201
|
role: "button",
|
|
202
|
-
onClick: itemClickHandler
|
|
203
|
-
onKeyDown:
|
|
202
|
+
onClick: itemClickHandler,
|
|
203
|
+
onKeyDown: sideNavItemContentKeyHandler,
|
|
204
204
|
isSelected: isSelected,
|
|
205
205
|
children: _jsx(SideNavItemLinkContent, {
|
|
206
206
|
count: count,
|
|
@@ -217,7 +217,7 @@ const SideNavItemContent = ({
|
|
|
217
217
|
isSelected: isSelected,
|
|
218
218
|
href: href,
|
|
219
219
|
target: target,
|
|
220
|
-
onClick: itemClickHandler
|
|
220
|
+
onClick: itemClickHandler,
|
|
221
221
|
children: [_jsx(SideNavItemLinkContent, {
|
|
222
222
|
count: count,
|
|
223
223
|
label: label,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavItemContent.js","names":["styled","useRef","useImperativeHandle","useCallback","memo","useMemo","useOdysseyDesignTokens","SideNavItemLinkContent","useSideNavItemContent","ExternalLinkIcon","jsx","_jsx","jsxs","_jsxs","StyledSideNavListItem","shouldForwardProp","prop","odysseyDesignTokens","isSelected","display","alignItems","backgroundColor","borderRadius","BorderRadiusMain","transition","TransitionDurationMain","color","TypographyColorAction","HueBlue50","scrollToNode","node","scrollIntoView","behavior","block","inline","getBaseNavItemContentStyles","isDisabled","width","textDecoration","TypographyColorHeading","minHeight","paddingBlock","Spacing3","paddingInlineEnd","Spacing4","cursor","HueNeutral50","fontWeight","TypographyWeightBodyBold","TypographyColorDisabled","outline","boxShadow","PalettePrimaryMain","getNavItemContentStyles","contextValue","paddingInlineStart","depth","Spacing6","isCompact","Spacing1","NavItemContentContainer","StyledNavItemLink","_Link","SideNavItemContent","count","id","label","href","target","startIcon","severity","statusLabel","endIcon","onClick","scrollRef","onItemSelected","sidenavItemContentContext","localScrollRef","current","itemClickHandler","sideNavItemContentKeyHandler","event","key","preventDefault","ref","disabled","undefined","children","tabIndex","role","onKeyDown","className","MemoizedSideNavItemContent","displayName"],"sources":["../../../src/labs/SideNav/SideNavItemContent.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport {\n useRef,\n useImperativeHandle,\n useCallback,\n memo,\n KeyboardEvent,\n useMemo,\n} from \"react\";\nimport { Link as NavItemLink } from \"@mui/material\";\nimport {\n type DesignTokens,\n useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext\";\nimport { SideNavItemLinkContent } from \"./SideNavItemLinkContent\";\nimport type { SideNavItem } from \"./types\";\nimport {\n SideNavItemContentContextValue,\n useSideNavItemContent,\n} from \"./SideNavItemContentContext\";\nimport { ExternalLinkIcon } from \"../../icons.generated\";\n\nexport const StyledSideNavListItem = styled(\"li\", {\n shouldForwardProp: (prop) =>\n prop !== \"odysseyDesignTokens\" && prop !== \"isSelected\",\n})<{\n odysseyDesignTokens: DesignTokens;\n isSelected?: boolean;\n disabled?: boolean;\n}>(({ odysseyDesignTokens, isSelected }) => ({\n display: \"flex\",\n alignItems: \"center\",\n backgroundColor: \"unset\",\n borderRadius: odysseyDesignTokens.BorderRadiusMain,\n transition: `backgroundColor ${odysseyDesignTokens.TransitionDurationMain}, color ${odysseyDesignTokens.TransitionDurationMain}`,\n\n ...(isSelected && {\n color: `${odysseyDesignTokens.TypographyColorAction} !important`,\n backgroundColor: odysseyDesignTokens.HueBlue50,\n }),\n}));\n\nconst scrollToNode = (node: HTMLElement | null) => {\n if (node) {\n node?.scrollIntoView({\n behavior: \"instant\",\n block: \"center\",\n inline: \"nearest\",\n });\n }\n};\n\ntype ScrollIntoViewHandle = {\n scrollIntoView: () => void;\n};\n\nexport const getBaseNavItemContentStyles = ({\n odysseyDesignTokens,\n isDisabled,\n isSelected,\n}: {\n odysseyDesignTokens: DesignTokens;\n isDisabled?: boolean;\n isSelected?: boolean;\n}) => ({\n display: \"flex\",\n alignItems: \"center\",\n width: \"100%\",\n textDecoration: \"none\",\n color: `${odysseyDesignTokens.TypographyColorHeading} !important`,\n minHeight: \"unset\",\n paddingBlock: odysseyDesignTokens.Spacing3,\n paddingInlineEnd: odysseyDesignTokens.Spacing4,\n borderRadius: odysseyDesignTokens.BorderRadiusMain,\n transition: `backgroundColor ${odysseyDesignTokens.TransitionDurationMain}, color ${odysseyDesignTokens.TransitionDurationMain}`,\n cursor: \"pointer\",\n\n // `[data-sortable-container='true']:has(button:hover) &` - when the sortable item's drag handle is hovered we want to trigger the same hover behavior as if you were hovering the actual item\n \"&:hover, [data-sortable-container='true']:has(button:hover, button:focus, button:focus-visible) &\":\n {\n textDecoration: \"none\",\n backgroundColor: odysseyDesignTokens.HueNeutral50,\n\n ...(isSelected && {\n backgroundColor: odysseyDesignTokens.HueBlue50,\n color: odysseyDesignTokens.TypographyColorAction,\n }),\n\n ...(isDisabled && {\n backgroundColor: \"unset\",\n }),\n },\n\n ...(isSelected && {\n color: `${odysseyDesignTokens.TypographyColorAction}`,\n fontWeight: odysseyDesignTokens.TypographyWeightBodyBold,\n }),\n\n ...(isDisabled && {\n cursor: \"default\",\n color: `${odysseyDesignTokens.TypographyColorDisabled} !important`,\n }),\n\n \"&:focus-visible, &:focus\": {\n outline: \"none\",\n boxShadow: `inset 0 0 0 2px ${odysseyDesignTokens.PalettePrimaryMain}`,\n },\n});\n\nexport const getNavItemContentStyles = ({\n odysseyDesignTokens,\n contextValue,\n}: {\n odysseyDesignTokens: DesignTokens;\n contextValue: SideNavItemContentContextValue;\n}) => ({\n paddingInlineStart: `calc(${odysseyDesignTokens.Spacing4} * ${contextValue.depth} + ${odysseyDesignTokens.Spacing6})`,\n\n ...(contextValue.depth === 1 && {\n paddingInlineStart: odysseyDesignTokens.Spacing4,\n }),\n\n ...(contextValue.isCompact && {\n paddingBlock: odysseyDesignTokens.Spacing1,\n }),\n});\n\nconst NavItemContentContainer = styled(\"div\", {\n shouldForwardProp: (prop) =>\n prop !== \"odysseyDesignTokens\" &&\n prop != \"contextValue\" &&\n prop !== \"isDisabled\" &&\n prop !== \"isSelected\",\n})<{\n contextValue: SideNavItemContentContextValue;\n odysseyDesignTokens: DesignTokens;\n isSelected?: boolean;\n isDisabled?: boolean;\n}>(({ contextValue, odysseyDesignTokens, isDisabled, isSelected }) => ({\n ...getBaseNavItemContentStyles({\n odysseyDesignTokens,\n isDisabled,\n isSelected,\n }),\n\n ...getNavItemContentStyles({\n odysseyDesignTokens,\n contextValue,\n }),\n}));\n\nconst StyledNavItemLink = styled(NavItemLink, {\n shouldForwardProp: (prop) =>\n prop !== \"odysseyDesignTokens\" &&\n prop != \"contextValue\" &&\n prop !== \"isDisabled\" &&\n prop !== \"isSelected\",\n})<{\n contextValue: SideNavItemContentContextValue;\n odysseyDesignTokens: DesignTokens;\n isSelected?: boolean;\n isDisabled?: boolean;\n}>(({ contextValue, odysseyDesignTokens, isDisabled, isSelected }) => ({\n ...getBaseNavItemContentStyles({\n odysseyDesignTokens,\n isDisabled,\n isSelected,\n }),\n\n ...getNavItemContentStyles({\n odysseyDesignTokens,\n contextValue,\n }),\n}));\n\nconst SideNavItemContent = ({\n count,\n id,\n label,\n href,\n target,\n startIcon,\n severity,\n statusLabel,\n endIcon,\n onClick,\n isDisabled,\n isSelected,\n scrollRef,\n onItemSelected,\n}: Pick<\n SideNavItem,\n | \"count\"\n | \"id\"\n | \"label\"\n | \"href\"\n | \"target\"\n | \"startIcon\"\n | \"severity\"\n | \"statusLabel\"\n | \"endIcon\"\n | \"onClick\"\n | \"isDisabled\"\n | \"isSelected\"\n> & {\n /**\n * The ref used to scroll to this item\n */\n scrollRef?: React.RefObject<ScrollIntoViewHandle>;\n onItemSelected?(selectedItemId: string): void;\n}) => {\n const sidenavItemContentContext = useSideNavItemContent();\n const contextValue = useMemo(\n () => sidenavItemContentContext,\n [sidenavItemContentContext],\n );\n const odysseyDesignTokens = useOdysseyDesignTokens();\n\n const localScrollRef = useRef<HTMLLIElement>(null);\n useImperativeHandle(\n scrollRef,\n () => {\n return {\n scrollIntoView: () => {\n scrollToNode(localScrollRef.current);\n },\n };\n },\n [],\n );\n\n const itemClickHandler = useCallback(\n (id: string) => {\n return () => {\n onItemSelected?.(id);\n onClick?.();\n };\n },\n [onClick, onItemSelected],\n );\n\n const sideNavItemContentKeyHandler = useCallback(\n (id: string, event: KeyboardEvent<HTMLDivElement>) => {\n if (event?.key === \"Enter\") {\n event.preventDefault();\n onItemSelected?.(id);\n onClick?.();\n }\n },\n [onClick, onItemSelected],\n );\n\n return (\n <StyledSideNavListItem\n ref={localScrollRef}\n id={id}\n key={id}\n isSelected={isSelected}\n disabled={isDisabled}\n aria-disabled={isDisabled}\n aria-current={isSelected ? \"page\" : undefined}\n odysseyDesignTokens={odysseyDesignTokens}\n >\n {\n // Use Link for nav items with links and div for disabled or non-link items\n isDisabled ? (\n <NavItemContentContainer\n odysseyDesignTokens={odysseyDesignTokens}\n contextValue={contextValue}\n isDisabled={isDisabled}\n isSelected={isSelected}\n >\n <SideNavItemLinkContent\n count={count}\n label={label}\n startIcon={startIcon}\n endIcon={endIcon}\n statusLabel={statusLabel}\n severity={severity}\n />\n </NavItemContentContainer>\n ) : !href ? (\n <NavItemContentContainer\n odysseyDesignTokens={odysseyDesignTokens}\n contextValue={contextValue}\n isDisabled={isDisabled}\n tabIndex={0}\n role=\"button\"\n onClick={itemClickHandler(id)}\n onKeyDown={(event: KeyboardEvent<HTMLDivElement>) =>\n sideNavItemContentKeyHandler(id, event)\n }\n isSelected={isSelected}\n >\n <SideNavItemLinkContent\n count={count}\n label={label}\n startIcon={startIcon}\n endIcon={endIcon}\n statusLabel={statusLabel}\n severity={severity}\n />\n </NavItemContentContainer>\n ) : (\n <StyledNavItemLink\n odysseyDesignTokens={odysseyDesignTokens}\n contextValue={contextValue}\n isDisabled={isDisabled}\n isSelected={isSelected}\n href={href}\n target={target}\n onClick={itemClickHandler(id)}\n >\n <SideNavItemLinkContent\n count={count}\n label={label}\n startIcon={startIcon}\n endIcon={endIcon}\n statusLabel={statusLabel}\n severity={severity}\n />\n {target === \"_blank\" && (\n <span className=\"Link-indicator\" role=\"presentation\">\n <ExternalLinkIcon />\n </span>\n )}\n </StyledNavItemLink>\n )\n }\n </StyledSideNavListItem>\n );\n};\n\nconst MemoizedSideNavItemContent = memo(SideNavItemContent);\nMemoizedSideNavItemContent.displayName = \"SideNavItemContent\";\n\nexport { MemoizedSideNavItemContent as SideNavItemContent };\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SideNavItemContent.js","names":["styled","memo","useCallback","useImperativeHandle","useMemo","useRef","useOdysseyDesignTokens","SideNavItemLinkContent","useSideNavItemContent","ExternalLinkIcon","jsx","_jsx","jsxs","_jsxs","StyledSideNavListItem","shouldForwardProp","prop","odysseyDesignTokens","isSelected","display","alignItems","backgroundColor","borderRadius","BorderRadiusMain","transition","TransitionDurationMain","color","TypographyColorAction","HueBlue50","scrollToNode","node","scrollIntoView","behavior","block","inline","getBaseNavItemContentStyles","isDisabled","width","textDecoration","TypographyColorHeading","minHeight","paddingBlock","Spacing3","paddingInlineEnd","Spacing4","cursor","HueNeutral50","fontWeight","TypographyWeightBodyBold","TypographyColorDisabled","outline","boxShadow","PalettePrimaryMain","getNavItemContentStyles","contextValue","paddingInlineStart","depth","Spacing6","isCompact","Spacing1","NavItemContentContainer","StyledNavItemLink","_Link","SideNavItemContent","count","id","label","href","target","startIcon","severity","statusLabel","endIcon","onClick","scrollRef","onItemSelected","sidenavItemContentContext","localScrollRef","current","itemClickHandler","event","sideNavItemContentKeyHandler","key","preventDefault","ref","disabled","undefined","children","tabIndex","role","onKeyDown","className","MemoizedSideNavItemContent","displayName"],"sources":["../../../src/labs/SideNav/SideNavItemContent.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport {\n KeyboardEventHandler,\n memo,\n MouseEventHandler,\n useCallback,\n useImperativeHandle,\n useMemo,\n useRef,\n} from \"react\";\nimport { Link as NavItemLink } from \"@mui/material\";\nimport {\n type DesignTokens,\n useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext\";\nimport { SideNavItemLinkContent } from \"./SideNavItemLinkContent\";\nimport type { SideNavItem } from \"./types\";\nimport {\n SideNavItemContentContextValue,\n useSideNavItemContent,\n} from \"./SideNavItemContentContext\";\nimport { ExternalLinkIcon } from \"../../icons.generated\";\n\nexport const StyledSideNavListItem = styled(\"li\", {\n shouldForwardProp: (prop) =>\n prop !== \"odysseyDesignTokens\" && prop !== \"isSelected\",\n})<{\n odysseyDesignTokens: DesignTokens;\n isSelected?: boolean;\n disabled?: boolean;\n}>(({ odysseyDesignTokens, isSelected }) => ({\n display: \"flex\",\n alignItems: \"center\",\n backgroundColor: \"unset\",\n borderRadius: odysseyDesignTokens.BorderRadiusMain,\n transition: `backgroundColor ${odysseyDesignTokens.TransitionDurationMain}, color ${odysseyDesignTokens.TransitionDurationMain}`,\n\n ...(isSelected && {\n color: `${odysseyDesignTokens.TypographyColorAction} !important`,\n backgroundColor: odysseyDesignTokens.HueBlue50,\n }),\n}));\n\nconst scrollToNode = (node: HTMLElement | null) => {\n if (node) {\n node?.scrollIntoView({\n behavior: \"instant\",\n block: \"center\",\n inline: \"nearest\",\n });\n }\n};\n\ntype ScrollIntoViewHandle = {\n scrollIntoView: () => void;\n};\n\nexport const getBaseNavItemContentStyles = ({\n odysseyDesignTokens,\n isDisabled,\n isSelected,\n}: {\n odysseyDesignTokens: DesignTokens;\n isDisabled?: boolean;\n isSelected?: boolean;\n}) => ({\n display: \"flex\",\n alignItems: \"center\",\n width: \"100%\",\n textDecoration: \"none\",\n color: `${odysseyDesignTokens.TypographyColorHeading} !important`,\n minHeight: \"unset\",\n paddingBlock: odysseyDesignTokens.Spacing3,\n paddingInlineEnd: odysseyDesignTokens.Spacing4,\n borderRadius: odysseyDesignTokens.BorderRadiusMain,\n transition: `backgroundColor ${odysseyDesignTokens.TransitionDurationMain}, color ${odysseyDesignTokens.TransitionDurationMain}`,\n cursor: \"pointer\",\n\n // `[data-sortable-container='true']:has(button:hover) &` - when the sortable item's drag handle is hovered we want to trigger the same hover behavior as if you were hovering the actual item\n \"&:hover, [data-sortable-container='true']:has(button:hover, button:focus, button:focus-visible) &\":\n {\n textDecoration: \"none\",\n backgroundColor: odysseyDesignTokens.HueNeutral50,\n\n ...(isSelected && {\n backgroundColor: odysseyDesignTokens.HueBlue50,\n color: odysseyDesignTokens.TypographyColorAction,\n }),\n\n ...(isDisabled && {\n backgroundColor: \"unset\",\n }),\n },\n\n ...(isSelected && {\n color: `${odysseyDesignTokens.TypographyColorAction}`,\n fontWeight: odysseyDesignTokens.TypographyWeightBodyBold,\n }),\n\n ...(isDisabled && {\n cursor: \"default\",\n color: `${odysseyDesignTokens.TypographyColorDisabled} !important`,\n }),\n\n \"&:focus-visible\": {\n outline: \"none\",\n boxShadow: `inset 0 0 0 2px ${odysseyDesignTokens.PalettePrimaryMain}`,\n },\n});\n\nexport const getNavItemContentStyles = ({\n odysseyDesignTokens,\n contextValue,\n}: {\n odysseyDesignTokens: DesignTokens;\n contextValue: SideNavItemContentContextValue;\n}) => ({\n paddingInlineStart: `calc(${odysseyDesignTokens.Spacing4} * ${contextValue.depth} + ${odysseyDesignTokens.Spacing6})`,\n\n ...(contextValue.depth === 1 && {\n paddingInlineStart: odysseyDesignTokens.Spacing4,\n }),\n\n ...(contextValue.isCompact && {\n paddingBlock: odysseyDesignTokens.Spacing1,\n }),\n});\n\nconst NavItemContentContainer = styled(\"div\", {\n shouldForwardProp: (prop) =>\n prop !== \"odysseyDesignTokens\" &&\n prop != \"contextValue\" &&\n prop !== \"isDisabled\" &&\n prop !== \"isSelected\",\n})<{\n contextValue: SideNavItemContentContextValue;\n odysseyDesignTokens: DesignTokens;\n isSelected?: boolean;\n isDisabled?: boolean;\n}>(({ contextValue, odysseyDesignTokens, isDisabled, isSelected }) => ({\n ...getBaseNavItemContentStyles({\n odysseyDesignTokens,\n isDisabled,\n isSelected,\n }),\n\n ...getNavItemContentStyles({\n odysseyDesignTokens,\n contextValue,\n }),\n}));\n\nconst StyledNavItemLink = styled(NavItemLink, {\n shouldForwardProp: (prop) =>\n prop !== \"odysseyDesignTokens\" &&\n prop != \"contextValue\" &&\n prop !== \"isDisabled\" &&\n prop !== \"isSelected\",\n})<{\n contextValue: SideNavItemContentContextValue;\n odysseyDesignTokens: DesignTokens;\n isSelected?: boolean;\n isDisabled?: boolean;\n}>(({ contextValue, odysseyDesignTokens, isDisabled, isSelected }) => ({\n ...getBaseNavItemContentStyles({\n odysseyDesignTokens,\n isDisabled,\n isSelected,\n }),\n\n ...getNavItemContentStyles({\n odysseyDesignTokens,\n contextValue,\n }),\n}));\n\nconst SideNavItemContent = ({\n count,\n id,\n label,\n href,\n target,\n startIcon,\n severity,\n statusLabel,\n endIcon,\n onClick,\n isDisabled,\n isSelected,\n scrollRef,\n onItemSelected,\n}: Pick<\n SideNavItem,\n | \"count\"\n | \"id\"\n | \"label\"\n | \"href\"\n | \"target\"\n | \"startIcon\"\n | \"severity\"\n | \"statusLabel\"\n | \"endIcon\"\n | \"onClick\"\n | \"isDisabled\"\n | \"isSelected\"\n> & {\n /**\n * The ref used to scroll to this item\n */\n scrollRef?: React.RefObject<ScrollIntoViewHandle>;\n onItemSelected?(selectedItemId: string): void;\n}) => {\n const sidenavItemContentContext = useSideNavItemContent();\n const contextValue = useMemo(\n () => sidenavItemContentContext,\n [sidenavItemContentContext],\n );\n const odysseyDesignTokens = useOdysseyDesignTokens();\n\n const localScrollRef = useRef<HTMLLIElement>(null);\n useImperativeHandle(\n scrollRef,\n () => {\n return {\n scrollIntoView: () => {\n scrollToNode(localScrollRef.current);\n },\n };\n },\n [],\n );\n\n const itemClickHandler = useCallback<\n MouseEventHandler<HTMLDivElement | HTMLAnchorElement>\n >(\n (event) => {\n return () => {\n onItemSelected?.(id);\n onClick?.(event);\n };\n },\n [id, onClick, onItemSelected],\n );\n\n const sideNavItemContentKeyHandler = useCallback<\n KeyboardEventHandler<HTMLDivElement>\n >(\n (event) => {\n if (event?.key === \"Enter\") {\n event.preventDefault();\n onItemSelected?.(id);\n onClick?.(event);\n }\n },\n [id, onClick, onItemSelected],\n );\n\n return (\n <StyledSideNavListItem\n ref={localScrollRef}\n id={id}\n key={id}\n isSelected={isSelected}\n disabled={isDisabled}\n aria-disabled={isDisabled}\n aria-current={isSelected ? \"page\" : undefined}\n odysseyDesignTokens={odysseyDesignTokens}\n >\n {\n // Use Link for nav items with links and div for disabled or non-link items\n isDisabled ? (\n <NavItemContentContainer\n odysseyDesignTokens={odysseyDesignTokens}\n contextValue={contextValue}\n isDisabled={isDisabled}\n isSelected={isSelected}\n >\n <SideNavItemLinkContent\n count={count}\n label={label}\n startIcon={startIcon}\n endIcon={endIcon}\n statusLabel={statusLabel}\n severity={severity}\n />\n </NavItemContentContainer>\n ) : !href ? (\n <NavItemContentContainer\n odysseyDesignTokens={odysseyDesignTokens}\n contextValue={contextValue}\n isDisabled={isDisabled}\n tabIndex={0}\n role=\"button\"\n onClick={itemClickHandler}\n onKeyDown={sideNavItemContentKeyHandler}\n isSelected={isSelected}\n >\n <SideNavItemLinkContent\n count={count}\n label={label}\n startIcon={startIcon}\n endIcon={endIcon}\n statusLabel={statusLabel}\n severity={severity}\n />\n </NavItemContentContainer>\n ) : (\n <StyledNavItemLink\n odysseyDesignTokens={odysseyDesignTokens}\n contextValue={contextValue}\n isDisabled={isDisabled}\n isSelected={isSelected}\n href={href}\n target={target}\n onClick={itemClickHandler}\n >\n <SideNavItemLinkContent\n count={count}\n label={label}\n startIcon={startIcon}\n endIcon={endIcon}\n statusLabel={statusLabel}\n severity={severity}\n />\n {target === \"_blank\" && (\n <span className=\"Link-indicator\" role=\"presentation\">\n <ExternalLinkIcon />\n </span>\n )}\n </StyledNavItemLink>\n )\n }\n </StyledSideNavListItem>\n );\n};\n\nconst MemoizedSideNavItemContent = memo(SideNavItemContent);\nMemoizedSideNavItemContent.displayName = \"SideNavItemContent\";\n\nexport { MemoizedSideNavItemContent as SideNavItemContent };\n"],"mappings":"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"}
|
|
@@ -34,7 +34,7 @@ const StyledToggleButton = styled(_Button, {
|
|
|
34
34
|
boxShadow: `inset 0 0 0 2px ${odysseyDesignTokens.PalettePrimaryMain}`,
|
|
35
35
|
outline: "none"
|
|
36
36
|
},
|
|
37
|
-
"&:hover, &:focus": {
|
|
37
|
+
"&:hover, &:focus-visible": {
|
|
38
38
|
backgroundColor: "transparent",
|
|
39
39
|
"#lineOne": {
|
|
40
40
|
animation: `lineOne-animate-to-collapse ${odysseyDesignTokens.TransitionDurationMain} cubic-bezier(0, 0, 0.2, 1)`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavToggleButton.js","names":["memo","useCallback","useImperativeHandle","useMemo","useRef","styled","useTranslation","MuiPropsContext","useOdysseyDesignTokens","Tooltip","jsx","_jsx","jsxs","_jsxs","StyledToggleButton","_Button","shouldForwardProp","prop","isSideNavCollapsed","odysseyDesignTokens","backgroundColor","position","width","Spacing6","height","border","zIndex","boxShadow","PalettePrimaryMain","outline","animation","TransitionDurationMain","animationFillMode","transform","span","top","left","Spacing4","HueNeutral600","transition","SideNavToggleButton","ariaControls","buttonRef","id","onClick","tabIndex","t","localButtonRef","focus","current","toggleLabel","renderButton","muiProps","ref","element","variant","children","ariaType","placement","text","Consumer","MemoizedSideNavToggleButton","displayName"],"sources":["../../../src/labs/SideNav/SideNavToggleButton.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Button as MuiButton } from \"@mui/material\";\nimport type { ButtonProps as MuiButtonProps } from \"@mui/material\";\nimport {\n HTMLAttributes,\n memo,\n useCallback,\n useImperativeHandle,\n useMemo,\n useRef,\n} from \"react\";\nimport styled from \"@emotion/styled\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { FocusHandle } from \"../../inputUtils\";\nimport { MuiPropsContext, MuiPropsContextType } from \"../../MuiPropsContext\";\nimport {\n DesignTokens,\n useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext\";\nimport { Tooltip } from \"../../Tooltip\";\n\nconst StyledToggleButton = styled(MuiButton, {\n shouldForwardProp: (prop) =>\n prop !== \"odysseyDesignTokens\" && prop !== \"isSideNavCollapsed\",\n})(\n ({\n isSideNavCollapsed,\n odysseyDesignTokens,\n }: {\n isSideNavCollapsed: boolean;\n odysseyDesignTokens: DesignTokens;\n }) => ({\n backgroundColor: \"transparent\",\n position: \"relative\",\n width: odysseyDesignTokens.Spacing6,\n height: odysseyDesignTokens.Spacing6,\n border: 0,\n zIndex: 2,\n\n \"&:focus-visible\": {\n boxShadow: `inset 0 0 0 2px ${odysseyDesignTokens.PalettePrimaryMain}`,\n outline: \"none\",\n },\n\n \"&:hover, &:focus\": {\n backgroundColor: \"transparent\",\n\n \"#lineOne\": {\n animation: `lineOne-animate-to-collapse ${odysseyDesignTokens.TransitionDurationMain} cubic-bezier(0, 0, 0.2, 1)`,\n animationFillMode: \"forwards\",\n \"@keyframes lineOne-animate-to-collapse\": {\n \"0%\": {\n transform: \"translate3d(-50%, -50%, 0)\",\n },\n \"50%\": {\n transform: \"translate3d(-50%, -50%, 0) rotate(-90deg) scaleY(.75)\",\n },\n \"100%\": {\n transform: \"translate3d(-50%, -27%, 0) rotate(-45deg) scaleY(.75)\",\n },\n },\n },\n\n \"#lineTwo\": {\n animation: `lineTwo-animate-to-collapse ${odysseyDesignTokens.TransitionDurationMain} cubic-bezier(0, 0, 0.2, 1)`,\n animationFillMode: \"forwards\",\n \"@keyframes lineTwo-animate-to-collapse\": {\n \"0%\": {\n transform: \"translate3d(-50%, -50%, 0)\",\n },\n \"50%\": {\n transform: \"translate3d(-50%, -50%, 0) rotate(-90deg) scaleY(.75)\",\n },\n \"100%\": {\n transform: \"translate3d(-50%, -73%, 0) rotate(-135deg) scaleY(.75)\",\n },\n },\n },\n\n ...(isSideNavCollapsed && {\n \"#lineOne\": {\n animation: `lineOne-animate-to-expand ${odysseyDesignTokens.TransitionDurationMain} cubic-bezier(0, 0, 0.2, 1)`,\n animationFillMode: \"forwards\",\n \"@keyframes lineOne-animate-to-expand\": {\n \"0%\": {\n transform: \"translate3d(-50%, -50%, 0)\",\n },\n \"50%\": {\n transform: \"translate3d(-50%, -50%, 0) rotate(90deg) scaleY(.75)\",\n },\n \"100%\": {\n transform:\n \"translate3d(-50%, -73%, 0) rotate(135deg) scaleY(.75)\",\n },\n },\n },\n\n \"#lineTwo\": {\n animation: `lineTwo-animate-to-expand ${odysseyDesignTokens.TransitionDurationMain} cubic-bezier(0, 0, 0.2, 1)`,\n animationFillMode: \"forwards\",\n \"@keyframes lineTwo-animate-to-expand\": {\n \"0%\": {\n transform: \"translate3d(-50%, -50%, 0)\",\n },\n \"50%\": {\n transform: \"translate3d(-50%, -50%, 0) rotate(90deg) scaleY(.75)\",\n },\n \"100%\": {\n transform: \"translate3d(-50%, -27%, 0) rotate(45deg) scaleY(.75)\",\n },\n },\n },\n }),\n },\n\n span: {\n position: \"absolute\",\n top: \"50%\",\n left: \"50%\",\n width: \"2px\",\n height: odysseyDesignTokens.Spacing4,\n backgroundColor: odysseyDesignTokens.HueNeutral600,\n transform: \"translate3d(-50%, -50%, 0)\",\n transition: `transform ${odysseyDesignTokens.TransitionDurationMain}`,\n },\n }),\n);\n\nexport type SideNavToggleButtonProps = {\n /**\n * The ref forwarded to the Button\n */\n buttonRef?: React.RefObject<FocusHandle>;\n /**\n * The `id` of the item this button controls\n */\n ariaControls: string;\n /**\n * The ID of the Button\n */\n id?: string;\n isSideNavCollapsed: boolean;\n tabIndex?: HTMLAttributes<HTMLElement>[\"tabIndex\"];\n /**\n * The click event handler for the Button\n */\n onClick?: MuiButtonProps[\"onClick\"];\n onKeyDown?: MuiButtonProps[\"onKeyDown\"];\n};\n\nconst SideNavToggleButton = ({\n ariaControls,\n buttonRef,\n id,\n isSideNavCollapsed,\n onClick,\n tabIndex,\n}: SideNavToggleButtonProps) => {\n const odysseyDesignTokens = useOdysseyDesignTokens();\n const { t } = useTranslation();\n\n const localButtonRef = useRef<HTMLButtonElement | HTMLAnchorElement>(null);\n\n useImperativeHandle(\n buttonRef,\n () => ({\n focus: () => {\n localButtonRef.current?.focus();\n },\n }),\n [],\n );\n\n const toggleLabel = useMemo(\n () =>\n isSideNavCollapsed\n ? t(\"sidenav.toggle.expand\")\n : t(\"sidenav.toggle.collapse\"),\n [isSideNavCollapsed, t],\n );\n\n const renderButton = useCallback(\n (muiProps: MuiPropsContextType) => {\n return (\n <StyledToggleButton\n {...muiProps}\n aria-controls={ariaControls}\n aria-expanded={!isSideNavCollapsed}\n aria-label={toggleLabel}\n data-sidenav-toggle={true}\n id={id}\n isSideNavCollapsed={isSideNavCollapsed}\n odysseyDesignTokens={odysseyDesignTokens}\n onClick={onClick}\n ref={(element) => {\n if (element) {\n (\n localButtonRef as React.MutableRefObject<HTMLButtonElement>\n ).current = element;\n //@ts-expect-error ref is not an optional prop on the props context type\n muiProps?.ref?.(element);\n }\n }}\n tabIndex={tabIndex}\n variant=\"floating\"\n >\n <span id=\"lineOne\" />\n <span id=\"lineTwo\" />\n </StyledToggleButton>\n );\n },\n [\n ariaControls,\n id,\n isSideNavCollapsed,\n odysseyDesignTokens,\n onClick,\n tabIndex,\n toggleLabel,\n ],\n );\n\n return (\n <Tooltip ariaType=\"description\" placement=\"right\" text={toggleLabel}>\n <MuiPropsContext.Consumer>{renderButton}</MuiPropsContext.Consumer>\n </Tooltip>\n );\n};\n\nconst MemoizedSideNavToggleButton = memo(SideNavToggleButton);\nMemoizedSideNavToggleButton.displayName = \"SideNavToggleButton\";\n\nexport { MemoizedSideNavToggleButton as SideNavToggleButton };\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SideNavToggleButton.js","names":["memo","useCallback","useImperativeHandle","useMemo","useRef","styled","useTranslation","MuiPropsContext","useOdysseyDesignTokens","Tooltip","jsx","_jsx","jsxs","_jsxs","StyledToggleButton","_Button","shouldForwardProp","prop","isSideNavCollapsed","odysseyDesignTokens","backgroundColor","position","width","Spacing6","height","border","zIndex","boxShadow","PalettePrimaryMain","outline","animation","TransitionDurationMain","animationFillMode","transform","span","top","left","Spacing4","HueNeutral600","transition","SideNavToggleButton","ariaControls","buttonRef","id","onClick","tabIndex","t","localButtonRef","focus","current","toggleLabel","renderButton","muiProps","ref","element","variant","children","ariaType","placement","text","Consumer","MemoizedSideNavToggleButton","displayName"],"sources":["../../../src/labs/SideNav/SideNavToggleButton.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Button as MuiButton } from \"@mui/material\";\nimport type { ButtonProps as MuiButtonProps } from \"@mui/material\";\nimport {\n HTMLAttributes,\n memo,\n useCallback,\n useImperativeHandle,\n useMemo,\n useRef,\n} from \"react\";\nimport styled from \"@emotion/styled\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { FocusHandle } from \"../../inputUtils\";\nimport { MuiPropsContext, MuiPropsContextType } from \"../../MuiPropsContext\";\nimport {\n DesignTokens,\n useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext\";\nimport { Tooltip } from \"../../Tooltip\";\n\nconst StyledToggleButton = styled(MuiButton, {\n shouldForwardProp: (prop) =>\n prop !== \"odysseyDesignTokens\" && prop !== \"isSideNavCollapsed\",\n})(\n ({\n isSideNavCollapsed,\n odysseyDesignTokens,\n }: {\n isSideNavCollapsed: boolean;\n odysseyDesignTokens: DesignTokens;\n }) => ({\n backgroundColor: \"transparent\",\n position: \"relative\",\n width: odysseyDesignTokens.Spacing6,\n height: odysseyDesignTokens.Spacing6,\n border: 0,\n zIndex: 2,\n\n \"&:focus-visible\": {\n boxShadow: `inset 0 0 0 2px ${odysseyDesignTokens.PalettePrimaryMain}`,\n outline: \"none\",\n },\n\n \"&:hover, &:focus-visible\": {\n backgroundColor: \"transparent\",\n\n \"#lineOne\": {\n animation: `lineOne-animate-to-collapse ${odysseyDesignTokens.TransitionDurationMain} cubic-bezier(0, 0, 0.2, 1)`,\n animationFillMode: \"forwards\",\n \"@keyframes lineOne-animate-to-collapse\": {\n \"0%\": {\n transform: \"translate3d(-50%, -50%, 0)\",\n },\n \"50%\": {\n transform: \"translate3d(-50%, -50%, 0) rotate(-90deg) scaleY(.75)\",\n },\n \"100%\": {\n transform: \"translate3d(-50%, -27%, 0) rotate(-45deg) scaleY(.75)\",\n },\n },\n },\n\n \"#lineTwo\": {\n animation: `lineTwo-animate-to-collapse ${odysseyDesignTokens.TransitionDurationMain} cubic-bezier(0, 0, 0.2, 1)`,\n animationFillMode: \"forwards\",\n \"@keyframes lineTwo-animate-to-collapse\": {\n \"0%\": {\n transform: \"translate3d(-50%, -50%, 0)\",\n },\n \"50%\": {\n transform: \"translate3d(-50%, -50%, 0) rotate(-90deg) scaleY(.75)\",\n },\n \"100%\": {\n transform: \"translate3d(-50%, -73%, 0) rotate(-135deg) scaleY(.75)\",\n },\n },\n },\n\n ...(isSideNavCollapsed && {\n \"#lineOne\": {\n animation: `lineOne-animate-to-expand ${odysseyDesignTokens.TransitionDurationMain} cubic-bezier(0, 0, 0.2, 1)`,\n animationFillMode: \"forwards\",\n \"@keyframes lineOne-animate-to-expand\": {\n \"0%\": {\n transform: \"translate3d(-50%, -50%, 0)\",\n },\n \"50%\": {\n transform: \"translate3d(-50%, -50%, 0) rotate(90deg) scaleY(.75)\",\n },\n \"100%\": {\n transform:\n \"translate3d(-50%, -73%, 0) rotate(135deg) scaleY(.75)\",\n },\n },\n },\n\n \"#lineTwo\": {\n animation: `lineTwo-animate-to-expand ${odysseyDesignTokens.TransitionDurationMain} cubic-bezier(0, 0, 0.2, 1)`,\n animationFillMode: \"forwards\",\n \"@keyframes lineTwo-animate-to-expand\": {\n \"0%\": {\n transform: \"translate3d(-50%, -50%, 0)\",\n },\n \"50%\": {\n transform: \"translate3d(-50%, -50%, 0) rotate(90deg) scaleY(.75)\",\n },\n \"100%\": {\n transform: \"translate3d(-50%, -27%, 0) rotate(45deg) scaleY(.75)\",\n },\n },\n },\n }),\n },\n\n span: {\n position: \"absolute\",\n top: \"50%\",\n left: \"50%\",\n width: \"2px\",\n height: odysseyDesignTokens.Spacing4,\n backgroundColor: odysseyDesignTokens.HueNeutral600,\n transform: \"translate3d(-50%, -50%, 0)\",\n transition: `transform ${odysseyDesignTokens.TransitionDurationMain}`,\n },\n }),\n);\n\nexport type SideNavToggleButtonProps = {\n /**\n * The ref forwarded to the Button\n */\n buttonRef?: React.RefObject<FocusHandle>;\n /**\n * The `id` of the item this button controls\n */\n ariaControls: string;\n /**\n * The ID of the Button\n */\n id?: string;\n isSideNavCollapsed: boolean;\n tabIndex?: HTMLAttributes<HTMLElement>[\"tabIndex\"];\n /**\n * The click event handler for the Button\n */\n onClick?: MuiButtonProps[\"onClick\"];\n onKeyDown?: MuiButtonProps[\"onKeyDown\"];\n};\n\nconst SideNavToggleButton = ({\n ariaControls,\n buttonRef,\n id,\n isSideNavCollapsed,\n onClick,\n tabIndex,\n}: SideNavToggleButtonProps) => {\n const odysseyDesignTokens = useOdysseyDesignTokens();\n const { t } = useTranslation();\n\n const localButtonRef = useRef<HTMLButtonElement | HTMLAnchorElement>(null);\n\n useImperativeHandle(\n buttonRef,\n () => ({\n focus: () => {\n localButtonRef.current?.focus();\n },\n }),\n [],\n );\n\n const toggleLabel = useMemo(\n () =>\n isSideNavCollapsed\n ? t(\"sidenav.toggle.expand\")\n : t(\"sidenav.toggle.collapse\"),\n [isSideNavCollapsed, t],\n );\n\n const renderButton = useCallback(\n (muiProps: MuiPropsContextType) => {\n return (\n <StyledToggleButton\n {...muiProps}\n aria-controls={ariaControls}\n aria-expanded={!isSideNavCollapsed}\n aria-label={toggleLabel}\n data-sidenav-toggle={true}\n id={id}\n isSideNavCollapsed={isSideNavCollapsed}\n odysseyDesignTokens={odysseyDesignTokens}\n onClick={onClick}\n ref={(element) => {\n if (element) {\n (\n localButtonRef as React.MutableRefObject<HTMLButtonElement>\n ).current = element;\n //@ts-expect-error ref is not an optional prop on the props context type\n muiProps?.ref?.(element);\n }\n }}\n tabIndex={tabIndex}\n variant=\"floating\"\n >\n <span id=\"lineOne\" />\n <span id=\"lineTwo\" />\n </StyledToggleButton>\n );\n },\n [\n ariaControls,\n id,\n isSideNavCollapsed,\n odysseyDesignTokens,\n onClick,\n tabIndex,\n toggleLabel,\n ],\n );\n\n return (\n <Tooltip ariaType=\"description\" placement=\"right\" text={toggleLabel}>\n <MuiPropsContext.Consumer>{renderButton}</MuiPropsContext.Consumer>\n </Tooltip>\n );\n};\n\nconst MemoizedSideNavToggleButton = memo(SideNavToggleButton);\nMemoizedSideNavToggleButton.displayName = \"SideNavToggleButton\";\n\nexport { MemoizedSideNavToggleButton as SideNavToggleButton };\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","names":[],"sources":["../../../src/labs/SideNav/types.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport type { ReactElement } from \"react\";\nimport type { HtmlProps } from \"../../HtmlProps\";\nimport type { statusSeverityValues } from \"../../Status\";\n\nexport type SideNavLogoProps = {\n href?: string;\n} & (\n | {\n /**\n * a component to render as the logo\n */\n logoComponent: ReactElement;\n imageAltText?: never;\n imageUrl?: never;\n }\n | {\n /**\n * The src url to render in an `img` tag\n */\n imageUrl: string;\n /**\n * alt text for the img logo\n */\n imageAltText: string;\n logoComponent?: never;\n }\n | {\n /**\n * The src url to render in an `img` tag\n */\n imageUrl?: never;\n /**\n * alt text for the img logo\n */\n imageAltText?: never;\n logoComponent?: never;\n }\n);\n\nexport type SideNavProps = {\n /**\n * Side Nav header text that is usually reserved to show the App name\n */\n appName: string;\n /**\n * Determines whether the side nav is collapsible\n */\n isCollapsible?: boolean;\n /**\n * Determines whether the side nav items use compact layout\n */\n isCompact?: boolean;\n /**\n * Before the side nav has items, it will be in a loading state.\n */\n isLoading?: boolean;\n /**\n * An optional logo component or src string for an img to display in the header. If not provided, will default to the Okta logo\n */\n logoProps?: SideNavLogoProps;\n /**\n * Triggers when the side nav is collapsed\n */\n onCollapse?(): void;\n /**\n * Triggers when the side nav is expanded\n */\n onExpand?(): void;\n /**\n * Triggers when the item is reordered\n */\n onSort?(reorderedItems: SideNavItem[]): void;\n /**\n * Nav items in the side nav\n */\n sideNavItems: SideNavItem[];\n} & (\n | {\n /**\n * The component to display as the footer; if present the `footerItems` are ignored and not rendered.\n */\n footerComponent?: ReactElement;\n footerItems?: never;\n hasCustomFooter: true;\n }\n | {\n footerComponent?: never;\n /**\n * Footer items in the side nav\n */\n footerItems?: SideNavFooterItem[];\n hasCustomFooter?: false;\n }\n) &\n Pick<HtmlProps, \"testId\">;\n\nexport type SideNavItem = {\n /**\n * The number to display as a count alongside the nav item\n */\n count?: number;\n /**\n * The icon element to display at the end of the Nav Item\n */\n endIcon?: ReactElement;\n id: string;\n /**\n * Whether the item is disabled. When set to true the nav item is set to Disabled color,\n * the link/item is not clickable, and item with nestedNavItems is not expandable.\n */\n isDisabled?: boolean;\n /**\n * Whether the item is active/selected\n */\n isSelected?: boolean;\n label: string;\n /**\n * Event fired when the nav item is clicked\n */\n onClick
|
|
1
|
+
{"version":3,"file":"types.js","names":[],"sources":["../../../src/labs/SideNav/types.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport type { ReactElement, SyntheticEvent } from \"react\";\nimport type { HtmlProps } from \"../../HtmlProps\";\nimport type { statusSeverityValues } from \"../../Status\";\n\nexport type SideNavLogoProps = {\n href?: string;\n} & (\n | {\n /**\n * a component to render as the logo\n */\n logoComponent: ReactElement;\n imageAltText?: never;\n imageUrl?: never;\n }\n | {\n /**\n * The src url to render in an `img` tag\n */\n imageUrl: string;\n /**\n * alt text for the img logo\n */\n imageAltText: string;\n logoComponent?: never;\n }\n | {\n /**\n * The src url to render in an `img` tag\n */\n imageUrl?: never;\n /**\n * alt text for the img logo\n */\n imageAltText?: never;\n logoComponent?: never;\n }\n);\n\nexport type SideNavProps = {\n /**\n * Side Nav header text that is usually reserved to show the App name\n */\n appName: string;\n /**\n * Determines whether the side nav is collapsible\n */\n isCollapsible?: boolean;\n /**\n * Determines whether the side nav items use compact layout\n */\n isCompact?: boolean;\n /**\n * Before the side nav has items, it will be in a loading state.\n */\n isLoading?: boolean;\n /**\n * An optional logo component or src string for an img to display in the header. If not provided, will default to the Okta logo\n */\n logoProps?: SideNavLogoProps;\n /**\n * Triggers when the side nav is collapsed\n */\n onCollapse?(): void;\n /**\n * Triggers when the side nav is expanded\n */\n onExpand?(): void;\n /**\n * Triggers when the item is reordered\n */\n onSort?(reorderedItems: SideNavItem[]): void;\n /**\n * Nav items in the side nav\n */\n sideNavItems: SideNavItem[];\n} & (\n | {\n /**\n * The component to display as the footer; if present the `footerItems` are ignored and not rendered.\n */\n footerComponent?: ReactElement;\n footerItems?: never;\n hasCustomFooter: true;\n }\n | {\n footerComponent?: never;\n /**\n * Footer items in the side nav\n */\n footerItems?: SideNavFooterItem[];\n hasCustomFooter?: false;\n }\n) &\n Pick<HtmlProps, \"testId\">;\n\nexport type SideNavItem = {\n /**\n * The number to display as a count alongside the nav item\n */\n count?: number;\n /**\n * The icon element to display at the end of the Nav Item\n */\n endIcon?: ReactElement;\n id: string;\n /**\n * Whether the item is disabled. When set to true the nav item is set to Disabled color,\n * the link/item is not clickable, and item with nestedNavItems is not expandable.\n */\n isDisabled?: boolean;\n /**\n * Whether the item is active/selected\n */\n isSelected?: boolean;\n label: string;\n /**\n * Event fired when the nav item is clicked\n */\n onClick?: (event: SyntheticEvent) => void;\n /**\n * The status element to display after the label\n */\n severity?: (typeof statusSeverityValues)[number];\n /**\n * The icon element to display at the start of the Nav Item\n */\n startIcon?: ReactElement;\n /**\n * The label to display inside the status\n */\n statusLabel?: string;\n /**\n * The link target prop. e.g., \"_blank\"\n */\n target?: string;\n} & (\n | {\n nestedNavItems?: never;\n href?: never;\n isDefaultExpanded?: never;\n isExpanded?: never;\n /**\n * Determines if the side nav item is a section header\n */\n isSectionHeader: true;\n isSortable?: never;\n }\n | {\n nestedNavItems?: never;\n /**\n * link added to the nav item. if it is undefined, static text will be displayed.\n * fires onClick event when it is passed\n */\n href?: string;\n isDefaultExpanded?: never;\n isExpanded?: never;\n isSectionHeader?: never;\n isSortable?: never;\n }\n | {\n /**\n * An array of side nav items to be displayed as nestedNavItems within Accordion\n */\n nestedNavItems?: Array<Omit<SideNavItem, \"startIcon\" | \"nestedNavItems\">>;\n endIcon?: never;\n href?: never;\n /**\n * Whether the accordion (nav item with nestedNavItems) is expanded by default\n */\n isDefaultExpanded?: boolean;\n /**\n * If true, expands the accordion, otherwise collapse it.\n * Setting this prop enables control over the accordion.\n */\n isExpanded?: boolean;\n /**\n * If true, enables sorting for the accordion items\n */\n isSectionHeader?: never;\n isSortable?: boolean;\n }\n);\n\nexport type SideNavFooterItem = {\n href?: string;\n id: string;\n label: string;\n};\n"],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimeZonePicker.js","names":["memo","useCallback","Autocomplete","jsx","_jsx","TimeZonePicker","label","isReadOnly","onTimeZoneChange","timeZoneOptions","value","onChange","_","option","options","find","MemoizedTimeZonePicker","displayName"],"sources":["../../src/labs/TimeZonePicker.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, useCallback } from \"react\";\n\nimport { Autocomplete, AutocompleteProps } from \"../Autocomplete\";\
|
|
1
|
+
{"version":3,"file":"TimeZonePicker.js","names":["memo","useCallback","Autocomplete","jsx","_jsx","TimeZonePicker","label","isReadOnly","onTimeZoneChange","timeZoneOptions","value","onChange","_","option","options","find","MemoizedTimeZonePicker","displayName"],"sources":["../../src/labs/TimeZonePicker.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, useCallback } from \"react\";\n\nimport { Autocomplete, AutocompleteProps } from \"../Autocomplete\";\n\nexport type TimeZoneOption = {\n label: string;\n value: string;\n};\n\nexport type TimeZonePickerProps = {\n label: string;\n onTimeZoneChange?: (timeZone: string | undefined) => void;\n timeZoneOptions: TimeZoneOption[];\n value?: string;\n} & Pick<AutocompleteProps<TimeZoneOption, false, false>, \"isReadOnly\">;\n\nconst TimeZonePicker = ({\n label,\n isReadOnly,\n onTimeZoneChange,\n timeZoneOptions,\n value,\n}: TimeZonePickerProps) => {\n const onChange = useCallback<\n NonNullable<AutocompleteProps<TimeZoneOption, false, false>[\"onChange\"]>\n >(\n (_, option) => {\n onTimeZoneChange?.(option?.value);\n },\n [onTimeZoneChange],\n );\n\n return (\n <Autocomplete<TimeZoneOption, false, false>\n isReadOnly={isReadOnly}\n label={label}\n onChange={onChange}\n options={timeZoneOptions}\n value={timeZoneOptions.find((option) => option.value === value)}\n />\n );\n};\n\nconst MemoizedTimeZonePicker = memo(TimeZonePicker);\nMemoizedTimeZonePicker.displayName = \"TimeZonePicker\";\n\nexport { MemoizedTimeZonePicker as TimeZonePicker };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAAC,SAEjCC,YAAY;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAcrB,MAAMC,cAAc,GAAGA,CAAC;EACtBC,KAAK;EACLC,UAAU;EACVC,gBAAgB;EAChBC,eAAe;EACfC;AACmB,CAAC,KAAK;EACzB,MAAMC,QAAQ,GAAGV,WAAW,CAG1B,CAACW,CAAC,EAAEC,MAAM,KAAK;IACbL,gBAAgB,GAAGK,MAAM,EAAEH,KAAK,CAAC;EACnC,CAAC,EACD,CAACF,gBAAgB,CACnB,CAAC;EAED,OACEJ,IAAA,CAACF,YAAY;IACXK,UAAU,EAAEA,UAAW;IACvBD,KAAK,EAAEA,KAAM;IACbK,QAAQ,EAAEA,QAAS;IACnBG,OAAO,EAAEL,eAAgB;IACzBC,KAAK,EAAED,eAAe,CAACM,IAAI,CAAEF,MAAM,IAAKA,MAAM,CAACH,KAAK,KAAKA,KAAK;EAAE,CACjE,CAAC;AAEN,CAAC;AAED,MAAMM,sBAAsB,GAAGhB,IAAI,CAACK,cAAc,CAAC;AACnDW,sBAAsB,CAACC,WAAW,GAAG,gBAAgB;AAErD,SAASD,sBAAsB,IAAIX,cAAc"}
|
package/dist/labs/index.js
CHANGED
|
@@ -13,8 +13,7 @@
|
|
|
13
13
|
export { AdapterDateFns } from "@mui/x-date-pickers/AdapterDateFns";
|
|
14
14
|
export { LocalizationProvider } from "@mui/x-date-pickers";
|
|
15
15
|
export * from "./AppTile.js";
|
|
16
|
-
export * from "./
|
|
17
|
-
export * from "./datePickerTheme.js";
|
|
16
|
+
export * from "./DatePickers/index.js";
|
|
18
17
|
export * from "./DataView/index.js";
|
|
19
18
|
export * from "./DataTablePagination.js";
|
|
20
19
|
export * from "./DataFilters.js";
|
|
@@ -29,5 +28,4 @@ export * from "./AppSwitcher/index.js";
|
|
|
29
28
|
export * from "./SideNav/NavAccordion.js";
|
|
30
29
|
export * from "./SideNav/index.js";
|
|
31
30
|
export * from "./TopNav/index.js";
|
|
32
|
-
export * from "./UiShell/index.js";
|
|
33
31
|
//# sourceMappingURL=index.js.map
|
package/dist/labs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["AdapterDateFns","LocalizationProvider","GroupPicker"],"sources":["../../src/labs/index.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nexport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\nexport { LocalizationProvider } from \"@mui/x-date-pickers\";\nexport type { LocalizationProviderProps } from \"@mui/x-date-pickers\";\n\n// export * from \"./AdaptablePicker\";\nexport * from \"./AppTile\";\
|
|
1
|
+
{"version":3,"file":"index.js","names":["AdapterDateFns","LocalizationProvider","GroupPicker"],"sources":["../../src/labs/index.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nexport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\nexport { LocalizationProvider } from \"@mui/x-date-pickers\";\nexport type { LocalizationProviderProps } from \"@mui/x-date-pickers\";\n\n// export * from \"./AdaptablePicker\";\nexport * from \"./AppTile\";\n\nexport * from \"./DatePickers\";\n\nexport * from \"./DataView\";\n\n/** @deprecated Will be removed in a future Odyssey version in lieu of the one shipping with DataTable */\nexport * from \"./DataTablePagination\";\nexport * from \"./DataFilters\";\nexport * from \"./Layout\";\nexport * from \"./materialReactTableTypes\";\n/** @deprecated Will be removed in a future Odyssey version in lieu of DataTable */\nexport * from \"./StaticTable\";\nexport * from \"./OdysseyPickers\";\nexport * from \"./PageTemplate\";\n/** @deprecated Will be removed in a future Odyssey version in lieu of DataTable */\nexport * from \"./PaginatedTable\";\n\nexport {\n /** @deprecated Will be removed in a future Odyssey version. Use `PickerWithOptionAdornment` */\n GroupPicker,\n type GroupPickerOptionType,\n type GroupPickerProps,\n} from \"./GroupPicker\";\n\nexport * from \"./AppSwitcher\";\nexport * from \"./SideNav/NavAccordion\";\nexport * from \"./SideNav\";\nexport * from \"./TopNav\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,cAAc,QAAQ,oCAAoC;AACnE,SAASC,oBAAoB,QAAQ,qBAAqB;AAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAwBzDC,WAAW;AAAA;AAAA;AAAA;AAAA"}
|
|
@@ -68,6 +68,7 @@ export const translation = {
|
|
|
68
68
|
"fieldlabel.optional.text": "Optional",
|
|
69
69
|
"fieldlabel.required.text": "Required",
|
|
70
70
|
"filters.clear.label": "Clear filters",
|
|
71
|
+
"filters.submit.label": "Submit",
|
|
71
72
|
"filters.filter.any": "Any",
|
|
72
73
|
"filters.filter.clear": "Clear filter",
|
|
73
74
|
"filters.filters.arialabel": "Filters",
|
|
@@ -104,6 +105,7 @@ export const translation = {
|
|
|
104
105
|
"table.reorder.tofront": "Bring to front",
|
|
105
106
|
"table.rows.text": "{{totalRows}} row",
|
|
106
107
|
"table.rows.text_plural": "{{totalRows}} rows",
|
|
108
|
+
"pagination.label": "Pagination",
|
|
107
109
|
"pagination.loadmore": "Show more",
|
|
108
110
|
"pagination.next": "Next page",
|
|
109
111
|
"pagination.previous": "Previous page",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"odyssey-react-mui.js","names":["translation"],"sources":["../../../src/properties/ts/odyssey-react-mui.ts"],"sourcesContent":["export const translation = {\"navigation.label\":\"Main navigation\",\"navigation.footer\":\"Navigation secondary links\",\"navigation.drag.handle\":\"Drag handle\",\"sortable.list.drag.start\":\"Picked up draggable item {{activeId}}\",\"sortable.list.drag.moved.over\":\"Draggable item {{activeId}} was moved over droppable area {{overId}}\",\"sortable.list.drag.nolonger.over\":\"Draggable item {{activeId}} is no longer over a droppable area\",\"sortable.list.drag.end.dropped.over\":\"Draggable item {{activeId}} was dropped over droppable area {{overId}}\",\"sortable.list.drag.end.dropped\":\"Draggable item {{activeId}} was dropped\",\"sortable.list.drag.cancel\":\"Dragging was cancelled. Draggable item {{activeId}} was dropped\",\"breadcrumbs.home.text\":\"Home\",\"breadcrumbs.label.text\":\"Breadcrumbs\",\"close.text\":\"Close\",\"clear.text\":\"Clear\",\"open.text\":\"Open\",\"picker.calendar.navigation.nextmonth\":\"Next month\",\"picker.calendar.navigation.previousmonth\":\"Previous month\",\"picker.date.toolbar.title\":\"Selected date\",\"picker.daterange.toolbar.title\":\"Select date range\",\"picker.datetime.toolbar.title\":\"Select date & time\",\"picker.error.invalid\":\"Correct the date format or select the date from the calendar.\",\"picker.error.mindate\":\"Date entered is earlier than allowed dates. Select a date from the range available in the calendar.\",\"picker.error.maxdate\":\"Date entered is later than the allowed dates. Select a date from the range available in the calendar.\",\"picker.field.placeholder.day\":\"DD\",\"picker.field.placeholder.hours\":\"hh\",\"picker.field.placeholder.meridiem\":\"aa\",\"picker.field.placeholder.minutes\":\"mm\",\"picker.field.placeholder.month\":\"MM\",\"picker.field.placeholder.seconds\":\"ss\",\"picker.field.placeholder.year\":\"YYYY\",\"picker.labels.action.apply\":\"Apply\",\"picker.labels.action.cancel\":\"Cancel\",\"picker.labels.action.today\":\"Today\",\"picker.labels.clock.empty\":\"No time selected\",\"picker.labels.clock.hours\":\"hours\",\"picker.labels.clock.minutes\":\"minutes\",\"picker.labels.clock.seconds\":\"seconds\",\"picker.labels.clock.selected\":\"Selected time is\",\"picker.labels.date.choose\":\"Choose date\",\"picker.labels.date.selected\":\"Selected date is\",\"picker.labels.empty\":\"Empty\",\"picker.labels.field.clear\":\"Clear value\",\"picker.labels.range.end\":\"End\",\"picker.labels.range.enddate\":\"End date\",\"picker.labels.range.endtime\":\"End time\",\"picker.labels.range.start\":\"Start\",\"picker.labels.range.startdate\":\"Start date\",\"picker.labels.range.starttime\":\"Start time\",\"picker.labels.select\":\"Select\",\"picker.labels.table.date\":\"pick date\",\"picker.labels.table.time\":\"pick time\",\"picker.labels.time.choose\":\"Choose time\",\"picker.labels.time.selected\":\"selected time is\",\"picker.time.toolbar.title\":\"Select time\",\"picker.view.name.day\":\"Day\",\"picker.view.name.hours\":\"Hours\",\"picker.view.name.meridiem\":\"Meridiem\",\"picker.view.name.minutes\":\"Minutes\",\"picker.view.name.month\":\"Month\",\"picker.view.name.seconds\":\"Seconds\",\"picker.view.name.weekday\":\"Week day\",\"picker.view.name.year\":\"Year\",\"picker.view.navigation.open.nextview\":\"Open next view\",\"picker.view.navigation.open.previousview\":\"Open previous view\",\"picker.view.navigation.switch.calendarview\":\"year view is open, switch to calendar view\",\"picker.view.navigation.switch.yearview\":\"calendar view is open, switch to year view\",\"fielderror.screenreader.text\":\"Error\",\"fieldlabel.optional.text\":\"Optional\",\"fieldlabel.required.text\":\"Required\",\"filters.clear.label\":\"Clear filters\",\"filters.filter.any\":\"Any\",\"filters.filter.clear\":\"Clear filter\",\"filters.filters.arialabel\":\"Filters\",\"filters.menuitem.any\":\"Any {{label}}\",\"filters.menuitem.selected\":\"{{selected}} selected\",\"filters.search.label\":\"Search\",\"fileupload.button.text\":\"Add files\",\"fileupload.prompt.text\":\"Drag and drop files here or click to add files\",\"fileupload.removefile.text\":\"Remove file\",\"passwordfield.icon.label.hide\":\"Hide password\",\"passwordfield.icon.label.show\":\"Show password\",\"severity.error\":\"error\",\"severity.info\":\"info\",\"severity.success\":\"success\",\"severity.warning\":\"warning\",\"sidenav.toggle.expand\":\"Open navigation\",\"sidenav.toggle.collapse\":\"Close navigation\",\"switch.active\":\"Active\",\"switch.inactive\":\"Inactive\",\"table.columnvisibility.arialabel\":\"Show/hide columns\",\"table.density.arialabel\":\"Table density\",\"table.draghandle.arialabel\":\"Drag row to reorder. Or, press space or enter to start and stop reordering and esc to cancel.\",\"table.draghandle.tooltip\":\"Drag row or press space/enter key to start and stop reordering\",\"table.actions\":\"Actions\",\"table.error\":\"Error loading data.\",\"table.fetchedrows.text\":\"Fetched {{totalRows}} row\",\"table.fetchedrows.text_plural\":\"Fetched {{totalRows}} total rows\",\"table.moreactions.arialabel\":\"More actions\",\"table.noresults.heading\":\"There are no results.\",\"table.noresults.text\":\"Try a different query.\",\"table.reorder.backward\":\"Send backward\",\"table.reorder.forward\":\"Bring forward\",\"table.reorder.toback\":\"Send to back\",\"table.reorder.tofront\":\"Bring to front\",\"table.rows.text\":\"{{totalRows}} row\",\"table.rows.text_plural\":\"{{totalRows}} rows\",\"pagination.loadmore\":\"Show more\",\"pagination.next\":\"Next page\",\"pagination.previous\":\"Previous page\",\"pagination.page\":\"Page\",\"pagination.rowsperpage\":\"Rows per page\",\"pagination.rowswithtotal\":\"{{firstRow}}-{{lastRow}} of {{totalRows}} rows\",\"pagination.rowswithouttotal\":\"{{firstRow}}-{{lastRow}} rows\",\"table.actions.selectall\":\"Select all\",\"table.actions.selectnone\":\"Select none\",\"table.actions.selectsome\":\"{{selectedRowCount}} selected\",\"table.rowexpansion.expand\":\"Expand\",\"table.rowexpansion.expandall\":\"Expand all\",\"table.rowexpansion.collapse\":\"Collapse\",\"table.rowexpansion.collapseall\":\"Collapse all\",\"dataview.layout.table\":\"Table\",\"dataview.layout.grid\":\"Grid\",\"dataview.layout.list\":\"List\",\"topnav.helpicon\":\"help page\",\"topnav.settingsicon\":\"settings page\"};"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"odyssey-react-mui.js","names":["translation"],"sources":["../../../src/properties/ts/odyssey-react-mui.ts"],"sourcesContent":["export const translation = {\"navigation.label\":\"Main navigation\",\"navigation.footer\":\"Navigation secondary links\",\"navigation.drag.handle\":\"Drag handle\",\"sortable.list.drag.start\":\"Picked up draggable item {{activeId}}\",\"sortable.list.drag.moved.over\":\"Draggable item {{activeId}} was moved over droppable area {{overId}}\",\"sortable.list.drag.nolonger.over\":\"Draggable item {{activeId}} is no longer over a droppable area\",\"sortable.list.drag.end.dropped.over\":\"Draggable item {{activeId}} was dropped over droppable area {{overId}}\",\"sortable.list.drag.end.dropped\":\"Draggable item {{activeId}} was dropped\",\"sortable.list.drag.cancel\":\"Dragging was cancelled. Draggable item {{activeId}} was dropped\",\"breadcrumbs.home.text\":\"Home\",\"breadcrumbs.label.text\":\"Breadcrumbs\",\"close.text\":\"Close\",\"clear.text\":\"Clear\",\"open.text\":\"Open\",\"picker.calendar.navigation.nextmonth\":\"Next month\",\"picker.calendar.navigation.previousmonth\":\"Previous month\",\"picker.date.toolbar.title\":\"Selected date\",\"picker.daterange.toolbar.title\":\"Select date range\",\"picker.datetime.toolbar.title\":\"Select date & time\",\"picker.error.invalid\":\"Correct the date format or select the date from the calendar.\",\"picker.error.mindate\":\"Date entered is earlier than allowed dates. Select a date from the range available in the calendar.\",\"picker.error.maxdate\":\"Date entered is later than the allowed dates. Select a date from the range available in the calendar.\",\"picker.field.placeholder.day\":\"DD\",\"picker.field.placeholder.hours\":\"hh\",\"picker.field.placeholder.meridiem\":\"aa\",\"picker.field.placeholder.minutes\":\"mm\",\"picker.field.placeholder.month\":\"MM\",\"picker.field.placeholder.seconds\":\"ss\",\"picker.field.placeholder.year\":\"YYYY\",\"picker.labels.action.apply\":\"Apply\",\"picker.labels.action.cancel\":\"Cancel\",\"picker.labels.action.today\":\"Today\",\"picker.labels.clock.empty\":\"No time selected\",\"picker.labels.clock.hours\":\"hours\",\"picker.labels.clock.minutes\":\"minutes\",\"picker.labels.clock.seconds\":\"seconds\",\"picker.labels.clock.selected\":\"Selected time is\",\"picker.labels.date.choose\":\"Choose date\",\"picker.labels.date.selected\":\"Selected date is\",\"picker.labels.empty\":\"Empty\",\"picker.labels.field.clear\":\"Clear value\",\"picker.labels.range.end\":\"End\",\"picker.labels.range.enddate\":\"End date\",\"picker.labels.range.endtime\":\"End time\",\"picker.labels.range.start\":\"Start\",\"picker.labels.range.startdate\":\"Start date\",\"picker.labels.range.starttime\":\"Start time\",\"picker.labels.select\":\"Select\",\"picker.labels.table.date\":\"pick date\",\"picker.labels.table.time\":\"pick time\",\"picker.labels.time.choose\":\"Choose time\",\"picker.labels.time.selected\":\"selected time is\",\"picker.time.toolbar.title\":\"Select time\",\"picker.view.name.day\":\"Day\",\"picker.view.name.hours\":\"Hours\",\"picker.view.name.meridiem\":\"Meridiem\",\"picker.view.name.minutes\":\"Minutes\",\"picker.view.name.month\":\"Month\",\"picker.view.name.seconds\":\"Seconds\",\"picker.view.name.weekday\":\"Week day\",\"picker.view.name.year\":\"Year\",\"picker.view.navigation.open.nextview\":\"Open next view\",\"picker.view.navigation.open.previousview\":\"Open previous view\",\"picker.view.navigation.switch.calendarview\":\"year view is open, switch to calendar view\",\"picker.view.navigation.switch.yearview\":\"calendar view is open, switch to year view\",\"fielderror.screenreader.text\":\"Error\",\"fieldlabel.optional.text\":\"Optional\",\"fieldlabel.required.text\":\"Required\",\"filters.clear.label\":\"Clear filters\",\"filters.submit.label\":\"Submit\",\"filters.filter.any\":\"Any\",\"filters.filter.clear\":\"Clear filter\",\"filters.filters.arialabel\":\"Filters\",\"filters.menuitem.any\":\"Any {{label}}\",\"filters.menuitem.selected\":\"{{selected}} selected\",\"filters.search.label\":\"Search\",\"fileupload.button.text\":\"Add files\",\"fileupload.prompt.text\":\"Drag and drop files here or click to add files\",\"fileupload.removefile.text\":\"Remove file\",\"passwordfield.icon.label.hide\":\"Hide password\",\"passwordfield.icon.label.show\":\"Show password\",\"severity.error\":\"error\",\"severity.info\":\"info\",\"severity.success\":\"success\",\"severity.warning\":\"warning\",\"sidenav.toggle.expand\":\"Open navigation\",\"sidenav.toggle.collapse\":\"Close navigation\",\"switch.active\":\"Active\",\"switch.inactive\":\"Inactive\",\"table.columnvisibility.arialabel\":\"Show/hide columns\",\"table.density.arialabel\":\"Table density\",\"table.draghandle.arialabel\":\"Drag row to reorder. Or, press space or enter to start and stop reordering and esc to cancel.\",\"table.draghandle.tooltip\":\"Drag row or press space/enter key to start and stop reordering\",\"table.actions\":\"Actions\",\"table.error\":\"Error loading data.\",\"table.fetchedrows.text\":\"Fetched {{totalRows}} row\",\"table.fetchedrows.text_plural\":\"Fetched {{totalRows}} total rows\",\"table.moreactions.arialabel\":\"More actions\",\"table.noresults.heading\":\"There are no results.\",\"table.noresults.text\":\"Try a different query.\",\"table.reorder.backward\":\"Send backward\",\"table.reorder.forward\":\"Bring forward\",\"table.reorder.toback\":\"Send to back\",\"table.reorder.tofront\":\"Bring to front\",\"table.rows.text\":\"{{totalRows}} row\",\"table.rows.text_plural\":\"{{totalRows}} rows\",\"pagination.label\":\"Pagination\",\"pagination.loadmore\":\"Show more\",\"pagination.next\":\"Next page\",\"pagination.previous\":\"Previous page\",\"pagination.page\":\"Page\",\"pagination.rowsperpage\":\"Rows per page\",\"pagination.rowswithtotal\":\"{{firstRow}}-{{lastRow}} of {{totalRows}} rows\",\"pagination.rowswithouttotal\":\"{{firstRow}}-{{lastRow}} rows\",\"table.actions.selectall\":\"Select all\",\"table.actions.selectnone\":\"Select none\",\"table.actions.selectsome\":\"{{selectedRowCount}} selected\",\"table.rowexpansion.expand\":\"Expand\",\"table.rowexpansion.expandall\":\"Expand all\",\"table.rowexpansion.collapse\":\"Collapse\",\"table.rowexpansion.collapseall\":\"Collapse all\",\"dataview.layout.table\":\"Table\",\"dataview.layout.grid\":\"Grid\",\"dataview.layout.list\":\"List\",\"topnav.helpicon\":\"help page\",\"topnav.settingsicon\":\"settings page\"};"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAQH,OAAO,EAEL,YAAY,EAOb,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,UAAU,GAAG,aAAa,CAAC;AAErE,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,YAAY,CAAC,OAAO,UAAU,CAAC,EAAE,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,WAAW,CAAC,CAAC;AAE5C,MAAM,MAAM,qBAAqB,GAAG;IAClC,cAAc,EAAE,cAAc,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,iBAAiB,gDAE5B,CAAC;AASH,eAAO,MAAM,UAAU,iCAAkC,eAAe,
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAQH,OAAO,EAEL,YAAY,EAOb,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,UAAU,GAAG,aAAa,CAAC;AAErE,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,YAAY,CAAC,OAAO,UAAU,CAAC,EAAE,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,WAAW,CAAC,CAAC;AAE5C,MAAM,MAAM,qBAAqB,GAAG;IAClC,cAAc,EAAE,cAAc,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,iBAAiB,gDAE5B,CAAC;AASH,eAAO,MAAM,UAAU,iCAAkC,eAAe,4CA8BvE,CAAC;AA4HF,QAAA,MAAM,sBAAsB,yHAnGzB,gBAAgB,6CAmGgC,CAAC;AAGpD,OAAO,EAAE,sBAAsB,IAAI,cAAc,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/Buttons/MenuItem.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAEL,aAAa,IAAI,gBAAgB,EAClC,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;IACtC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CACrC,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/Buttons/MenuItem.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAEL,aAAa,IAAI,gBAAgB,EAClC,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;IACtC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CACrC,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AA8C9B,QAAA,MAAM,gBAAgB,6IAnCnB,aAAa,6CAmCuB,CAAC;AAGxC,OAAO,EAAE,gBAAgB,IAAI,QAAQ,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,EAEL,aAAa,IAAI,gBAAgB,EAEjC,qBAAqB,IAAI,wBAAwB,EAElD,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,EAEL,aAAa,IAAI,gBAAgB,EAEjC,qBAAqB,IAAI,wBAAwB,EAElD,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAEL,WAAW,EAEZ,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAQ5D,eAAO,MAAM,sBAAsB,0CAA2C,CAAC;AAe/E,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;IACnD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,wBAAwB,CAAC,QAAQ,CAAC,CAAC;CAC7C,GAAG,IAAI,CACN,mBAAmB,EACnB,MAAM,GAAG,IAAI,GAAG,YAAY,GAAG,YAAY,GAAG,MAAM,CACrD,GACC,iBAAiB,CAAC,gBAAgB,CAAC,GACnC,IAAI,CAAC,SAAS,EAAE,WAAW,GAAG,gBAAgB,GAAG,QAAQ,GAAG,WAAW,CAAC,CAAC;AA0K3E,QAAA,MAAM,gBAAgB,+SApJnB,aAAa,6CAoJuB,CAAC;AAGxC,OAAO,EAAE,gBAAgB,IAAI,QAAQ,EAAE,CAAC"}
|
|
@@ -18,9 +18,9 @@ import { MRT_RowData } from "material-react-table";
|
|
|
18
18
|
* @param newIndex - The new index to move the row to.
|
|
19
19
|
* @returns A new array of data with the row moved to the specified index.
|
|
20
20
|
*/
|
|
21
|
-
export declare const reorderDataRowsLocally: ({ currentData, rowId, newRowIndex, }: {
|
|
22
|
-
currentData:
|
|
21
|
+
export declare const reorderDataRowsLocally: <TData extends MRT_RowData>({ currentData, rowId, newRowIndex, }: {
|
|
22
|
+
currentData: TData[];
|
|
23
23
|
rowId: string;
|
|
24
24
|
newRowIndex: number;
|
|
25
|
-
}) =>
|
|
25
|
+
}) => TData[];
|
|
26
26
|
//# sourceMappingURL=reorderDataRowsLocally.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"reorderDataRowsLocally.d.ts","sourceRoot":"","sources":["../../../src/DataTable/reorderDataRowsLocally.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,
|
|
1
|
+
{"version":3,"file":"reorderDataRowsLocally.d.ts","sourceRoot":"","sources":["../../../src/DataTable/reorderDataRowsLocally.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,GAAI,KAAK,SAAS,WAAW,wCAI7D;IACD,WAAW,EAAE,KAAK,EAAE,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB,KAAG,KAAK,EAiBR,CAAC"}
|
|
@@ -12,13 +12,13 @@
|
|
|
12
12
|
import { Dispatch, SetStateAction, KeyboardEvent } from "react";
|
|
13
13
|
import { DataTableProps } from "./DataTable";
|
|
14
14
|
import { MRT_Row, MRT_RowData, MRT_TableInstance } from "material-react-table";
|
|
15
|
-
export declare const useRowReordering: ({ totalRows, onReorderRows, data, setData, draggingRow, setDraggingRow, resultsPerPage, page, }: {
|
|
15
|
+
export declare const useRowReordering: <TData extends MRT_RowData>({ totalRows, onReorderRows, data, setData, draggingRow, setDraggingRow, resultsPerPage, page, }: {
|
|
16
16
|
totalRows: DataTableProps["totalRows"];
|
|
17
17
|
onReorderRows: DataTableProps["onReorderRows"];
|
|
18
|
-
data:
|
|
19
|
-
setData: Dispatch<SetStateAction<
|
|
20
|
-
draggingRow?: MRT_Row<
|
|
21
|
-
setDraggingRow: Dispatch<SetStateAction<MRT_Row<
|
|
18
|
+
data: TData[];
|
|
19
|
+
setData: Dispatch<SetStateAction<TData[]>>;
|
|
20
|
+
draggingRow?: MRT_Row<TData> | null;
|
|
21
|
+
setDraggingRow: Dispatch<SetStateAction<MRT_Row<TData> | null | undefined>>;
|
|
22
22
|
resultsPerPage: number;
|
|
23
23
|
page: number;
|
|
24
24
|
}) => {
|
|
@@ -41,13 +41,13 @@ export declare const useRowReordering: ({ totalRows, onReorderRows, data, setDat
|
|
|
41
41
|
hoveredRowId?: string;
|
|
42
42
|
}) => "isDragging" | "isDragTarget" | "isDragging isDragTarget" | undefined;
|
|
43
43
|
handleDragHandleKeyDown: ({ table, row, event, }: {
|
|
44
|
-
table: MRT_TableInstance<
|
|
45
|
-
row: MRT_Row<
|
|
44
|
+
table: MRT_TableInstance<TData>;
|
|
45
|
+
row: MRT_Row<TData>;
|
|
46
46
|
event: KeyboardEvent<HTMLButtonElement>;
|
|
47
47
|
}) => void;
|
|
48
|
-
handleDragHandleOnDragCapture: (table: MRT_TableInstance<
|
|
49
|
-
handleDragHandleOnDragEnd: (table: MRT_TableInstance<
|
|
50
|
-
resetDraggingAndHoveredRow: (table: MRT_TableInstance<
|
|
48
|
+
handleDragHandleOnDragCapture: (table: MRT_TableInstance<TData>) => void;
|
|
49
|
+
handleDragHandleOnDragEnd: (table: MRT_TableInstance<TData>) => void;
|
|
50
|
+
resetDraggingAndHoveredRow: (table: MRT_TableInstance<TData>) => void;
|
|
51
51
|
updateRowOrder: ({ rowId, newRowIndex, }: {
|
|
52
52
|
rowId: string;
|
|
53
53
|
newRowIndex: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useRowReordering.d.ts","sourceRoot":"","sources":["../../../src/DataTable/useRowReordering.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE/E,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"useRowReordering.d.ts","sourceRoot":"","sources":["../../../src/DataTable/useRowReordering.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE/E,eAAO,MAAM,gBAAgB,GAAI,KAAK,SAAS,WAAW,mGASvD;IACD,SAAS,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACvC,aAAa,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAC/C,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;IACpC,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC;IAC5E,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;CACd;;;;;;;;;;;;;;qFAiDI;QACD,YAAY,EAAE,MAAM,CAAC;QACrB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB;;eA8BQ,iBAAiB,CAAC,KAAK,CAAC;aAC1B,OAAO,CAAC,KAAK,CAAC;eACZ,aAAa,CAAC,iBAAiB,CAAC;;2CAqFK,iBAAiB,CAAC,KAAK,CAAC;uCAf5B,iBAAiB,CAAC,KAAK,CAAC;wCAqBvB,iBAAiB,CAAC,KAAK,CAAC;8CA5KhE;QACD,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;KACrB;CAwLF,CAAC"}
|
package/dist/src/HtmlProps.d.ts
CHANGED
|
@@ -27,6 +27,33 @@ export type HtmlProps = {
|
|
|
27
27
|
* Value: A space-separated list of one or more ID values referencing the elements being controlled by the current element
|
|
28
28
|
*/
|
|
29
29
|
ariaControls?: HTMLAttributes<HTMLElement>["aria-controls"];
|
|
30
|
+
/**
|
|
31
|
+
* A non-null aria-current state on an element indicates that this element represents the current item within a container or set of related elements.
|
|
32
|
+
*
|
|
33
|
+
* Value:
|
|
34
|
+
*
|
|
35
|
+
* `page`
|
|
36
|
+
Represents the current page within a set of pages such as the link to the current document in a breadcrumb.
|
|
37
|
+
|
|
38
|
+
`step`
|
|
39
|
+
Represents the current step within a process such as the current step in an enumerated multi step checkout flow.
|
|
40
|
+
|
|
41
|
+
`location`
|
|
42
|
+
Represents the current location within an environment or context such as the image that is visually highlighted as the current component of a flow chart.
|
|
43
|
+
|
|
44
|
+
`date`
|
|
45
|
+
Represents the current date within a collection of dates such as the current date within a calendar.
|
|
46
|
+
|
|
47
|
+
`time`
|
|
48
|
+
Represents the current time within a set of times such as the current time within a timetable.
|
|
49
|
+
|
|
50
|
+
`true`
|
|
51
|
+
Represents the current item within a set.
|
|
52
|
+
|
|
53
|
+
`false` (default)
|
|
54
|
+
Does not represent the current item within a set.
|
|
55
|
+
*/
|
|
56
|
+
ariaCurrent?: HTMLAttributes<HTMLElement>["aria-current"];
|
|
30
57
|
/**
|
|
31
58
|
* The global `aria-describedby` attribute identifies the element (or elements) that describes the element on which the attribute is set.
|
|
32
59
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HtmlProps.d.ts","sourceRoot":"","sources":["../../src/HtmlProps.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CAAC;IACpD;;;;OAIG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,cAAc,CAAC,CAAC;IAC1D;;;;OAIG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,eAAe,CAAC,CAAC;IAC5D;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,kBAAkB,CAAC,CAAC;IAClE;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,mBAAmB,CAAC,CAAC;IACpE;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,eAAe,CAAC,CAAC;IAC5D;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,eAAe,CAAC,CAAC;IAC5D,UAAU,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,aAAa,CAAC,CAAC;IACxD;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,YAAY,CAAC,CAAC;IACtD;;;;OAIG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAChE;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,cAAc,CAAC,CAAC;IAC1D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC;IACnD;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CAC1B,CAAC"}
|
|
1
|
+
{"version":3,"file":"HtmlProps.d.ts","sourceRoot":"","sources":["../../src/HtmlProps.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CAAC;IACpD;;;;OAIG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,cAAc,CAAC,CAAC;IAC1D;;;;OAIG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,eAAe,CAAC,CAAC;IAC5D;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,cAAc,CAAC,CAAC;IAC1D;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,kBAAkB,CAAC,CAAC;IAClE;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,mBAAmB,CAAC,CAAC;IACpE;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,eAAe,CAAC,CAAC;IAC5D;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,eAAe,CAAC,CAAC;IAC5D,UAAU,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,aAAa,CAAC,CAAC;IACxD;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,YAAY,CAAC,CAAC;IACtD;;;;OAIG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAChE;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,cAAc,CAAC,CAAC;IAC1D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC;IACnD;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CAC1B,CAAC"}
|
|
@@ -13,7 +13,7 @@ import { ReactNode } from "react";
|
|
|
13
13
|
import { DefaultSupportedLanguages } from "./OdysseyTranslationProvider.types";
|
|
14
14
|
import { resources } from "./i18n";
|
|
15
15
|
export type OdysseyI18nResourceKeys = (typeof resources)["en"];
|
|
16
|
-
export declare const odysseyI18nResourceKeysList: ("navigation.label" | "navigation.footer" | "navigation.drag.handle" | "sortable.list.drag.start" | "sortable.list.drag.moved.over" | "sortable.list.drag.nolonger.over" | "sortable.list.drag.end.dropped.over" | "sortable.list.drag.end.dropped" | "sortable.list.drag.cancel" | "breadcrumbs.home.text" | "breadcrumbs.label.text" | "close.text" | "clear.text" | "open.text" | "picker.calendar.navigation.nextmonth" | "picker.calendar.navigation.previousmonth" | "picker.date.toolbar.title" | "picker.daterange.toolbar.title" | "picker.datetime.toolbar.title" | "picker.error.invalid" | "picker.error.mindate" | "picker.error.maxdate" | "picker.field.placeholder.day" | "picker.field.placeholder.hours" | "picker.field.placeholder.meridiem" | "picker.field.placeholder.minutes" | "picker.field.placeholder.month" | "picker.field.placeholder.seconds" | "picker.field.placeholder.year" | "picker.labels.action.apply" | "picker.labels.action.cancel" | "picker.labels.action.today" | "picker.labels.clock.empty" | "picker.labels.clock.hours" | "picker.labels.clock.minutes" | "picker.labels.clock.seconds" | "picker.labels.clock.selected" | "picker.labels.date.choose" | "picker.labels.date.selected" | "picker.labels.empty" | "picker.labels.field.clear" | "picker.labels.range.end" | "picker.labels.range.enddate" | "picker.labels.range.endtime" | "picker.labels.range.start" | "picker.labels.range.startdate" | "picker.labels.range.starttime" | "picker.labels.select" | "picker.labels.table.date" | "picker.labels.table.time" | "picker.labels.time.choose" | "picker.labels.time.selected" | "picker.time.toolbar.title" | "picker.view.name.day" | "picker.view.name.hours" | "picker.view.name.meridiem" | "picker.view.name.minutes" | "picker.view.name.month" | "picker.view.name.seconds" | "picker.view.name.weekday" | "picker.view.name.year" | "picker.view.navigation.open.nextview" | "picker.view.navigation.open.previousview" | "picker.view.navigation.switch.calendarview" | "picker.view.navigation.switch.yearview" | "fielderror.screenreader.text" | "fieldlabel.optional.text" | "fieldlabel.required.text" | "filters.clear.label" | "filters.filter.any" | "filters.filter.clear" | "filters.filters.arialabel" | "filters.menuitem.any" | "filters.menuitem.selected" | "filters.search.label" | "fileupload.button.text" | "fileupload.prompt.text" | "fileupload.removefile.text" | "passwordfield.icon.label.hide" | "passwordfield.icon.label.show" | "severity.error" | "severity.info" | "severity.success" | "severity.warning" | "sidenav.toggle.expand" | "sidenav.toggle.collapse" | "switch.active" | "switch.inactive" | "table.columnvisibility.arialabel" | "table.density.arialabel" | "table.draghandle.arialabel" | "table.draghandle.tooltip" | "table.actions" | "table.error" | "table.fetchedrows.text" | "table.fetchedrows.text_plural" | "table.moreactions.arialabel" | "table.noresults.heading" | "table.noresults.text" | "table.reorder.backward" | "table.reorder.forward" | "table.reorder.toback" | "table.reorder.tofront" | "table.rows.text" | "table.rows.text_plural" | "pagination.loadmore" | "pagination.next" | "pagination.previous" | "pagination.page" | "pagination.rowsperpage" | "pagination.rowswithtotal" | "pagination.rowswithouttotal" | "table.actions.selectall" | "table.actions.selectnone" | "table.actions.selectsome" | "table.rowexpansion.expand" | "table.rowexpansion.expandall" | "table.rowexpansion.collapse" | "table.rowexpansion.collapseall" | "dataview.layout.table" | "dataview.layout.grid" | "dataview.layout.list" | "topnav.helpicon" | "topnav.settingsicon")[];
|
|
16
|
+
export declare const odysseyI18nResourceKeysList: ("navigation.label" | "navigation.footer" | "navigation.drag.handle" | "sortable.list.drag.start" | "sortable.list.drag.moved.over" | "sortable.list.drag.nolonger.over" | "sortable.list.drag.end.dropped.over" | "sortable.list.drag.end.dropped" | "sortable.list.drag.cancel" | "breadcrumbs.home.text" | "breadcrumbs.label.text" | "close.text" | "clear.text" | "open.text" | "picker.calendar.navigation.nextmonth" | "picker.calendar.navigation.previousmonth" | "picker.date.toolbar.title" | "picker.daterange.toolbar.title" | "picker.datetime.toolbar.title" | "picker.error.invalid" | "picker.error.mindate" | "picker.error.maxdate" | "picker.field.placeholder.day" | "picker.field.placeholder.hours" | "picker.field.placeholder.meridiem" | "picker.field.placeholder.minutes" | "picker.field.placeholder.month" | "picker.field.placeholder.seconds" | "picker.field.placeholder.year" | "picker.labels.action.apply" | "picker.labels.action.cancel" | "picker.labels.action.today" | "picker.labels.clock.empty" | "picker.labels.clock.hours" | "picker.labels.clock.minutes" | "picker.labels.clock.seconds" | "picker.labels.clock.selected" | "picker.labels.date.choose" | "picker.labels.date.selected" | "picker.labels.empty" | "picker.labels.field.clear" | "picker.labels.range.end" | "picker.labels.range.enddate" | "picker.labels.range.endtime" | "picker.labels.range.start" | "picker.labels.range.startdate" | "picker.labels.range.starttime" | "picker.labels.select" | "picker.labels.table.date" | "picker.labels.table.time" | "picker.labels.time.choose" | "picker.labels.time.selected" | "picker.time.toolbar.title" | "picker.view.name.day" | "picker.view.name.hours" | "picker.view.name.meridiem" | "picker.view.name.minutes" | "picker.view.name.month" | "picker.view.name.seconds" | "picker.view.name.weekday" | "picker.view.name.year" | "picker.view.navigation.open.nextview" | "picker.view.navigation.open.previousview" | "picker.view.navigation.switch.calendarview" | "picker.view.navigation.switch.yearview" | "fielderror.screenreader.text" | "fieldlabel.optional.text" | "fieldlabel.required.text" | "filters.clear.label" | "filters.submit.label" | "filters.filter.any" | "filters.filter.clear" | "filters.filters.arialabel" | "filters.menuitem.any" | "filters.menuitem.selected" | "filters.search.label" | "fileupload.button.text" | "fileupload.prompt.text" | "fileupload.removefile.text" | "passwordfield.icon.label.hide" | "passwordfield.icon.label.show" | "severity.error" | "severity.info" | "severity.success" | "severity.warning" | "sidenav.toggle.expand" | "sidenav.toggle.collapse" | "switch.active" | "switch.inactive" | "table.columnvisibility.arialabel" | "table.density.arialabel" | "table.draghandle.arialabel" | "table.draghandle.tooltip" | "table.actions" | "table.error" | "table.fetchedrows.text" | "table.fetchedrows.text_plural" | "table.moreactions.arialabel" | "table.noresults.heading" | "table.noresults.text" | "table.reorder.backward" | "table.reorder.forward" | "table.reorder.toback" | "table.reorder.tofront" | "table.rows.text" | "table.rows.text_plural" | "pagination.label" | "pagination.loadmore" | "pagination.next" | "pagination.previous" | "pagination.page" | "pagination.rowsperpage" | "pagination.rowswithtotal" | "pagination.rowswithouttotal" | "table.actions.selectall" | "table.actions.selectnone" | "table.actions.selectsome" | "table.rowexpansion.expand" | "table.rowexpansion.expandall" | "table.rowexpansion.collapse" | "table.rowexpansion.collapseall" | "dataview.layout.table" | "dataview.layout.grid" | "dataview.layout.list" | "topnav.helpicon" | "topnav.settingsicon")[];
|
|
17
17
|
export type TranslationOverrides<SupportedLanguages extends string = DefaultSupportedLanguages> = Record<SupportedLanguages, Partial<OdysseyI18nResourceKeys>>;
|
|
18
18
|
export type OdysseyTranslationProviderProps<SupportedLanguages extends string = DefaultSupportedLanguages> = {
|
|
19
19
|
children: ReactNode;
|