@comet/admin 8.17.1 → 9.0.0-beta.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/lib/ContentOverflow.js +42 -46
- package/lib/DeleteMutation.js +25 -31
- package/lib/EditDialog.js +33 -38
- package/lib/EditDialogApiContext.js +4 -11
- package/lib/FinalForm.d.ts +3 -3
- package/lib/FinalForm.d.ts.map +1 -1
- package/lib/FinalForm.js +44 -52
- package/lib/FinalFormSaveButton.js +11 -17
- package/lib/FinalFormSaveCancelButtonsLegacy.js +19 -25
- package/lib/FinalFormSaveSplitButton.js +22 -28
- package/lib/FormMutation.js +4 -10
- package/lib/Selected.js +17 -23
- package/lib/Selection.js +10 -17
- package/lib/SelectionApi.js +1 -5
- package/lib/SelectionRoute.js +19 -26
- package/lib/alert/Alert.js +26 -31
- package/lib/alert/__stories__/Alert.stories.js +25 -30
- package/lib/apollo/filterByFragment.js +12 -18
- package/lib/apollo/useFocusAwarePolling.js +4 -9
- package/lib/appHeader/AppHeader.js +12 -18
- package/lib/appHeader/button/AppHeaderButton.js +10 -16
- package/lib/appHeader/button/AppHeaderButton.styles.d.ts +1 -3
- package/lib/appHeader/button/AppHeaderButton.styles.d.ts.map +1 -1
- package/lib/appHeader/button/AppHeaderButton.styles.js +12 -18
- package/lib/appHeader/dropdown/AppHeaderDropdown.js +21 -27
- package/lib/appHeader/fillSpace/AppHeaderFillSpace.js +8 -14
- package/lib/appHeader/menuButton/AppHeaderMenuButton.js +15 -21
- package/lib/buildRestMutation.d.ts +3 -3
- package/lib/buildRestMutation.d.ts.map +1 -1
- package/lib/buildRestMutation.js +7 -15
- package/lib/clipboard/readClipboardText.js +4 -10
- package/lib/clipboard/writeClipboardText.js +3 -10
- package/lib/common/ClearInputAdornment.js +14 -20
- package/lib/common/CometLogo.js +9 -15
- package/lib/common/DeleteDialog.js +25 -29
- package/lib/common/Dialog.js +17 -21
- package/lib/common/FieldSet.js +34 -41
- package/lib/common/FillSpace.js +8 -14
- package/lib/common/FullHeightContent.js +12 -18
- package/lib/common/HoverActions.js +18 -24
- package/lib/common/Loading.js +15 -21
- package/lib/common/MainContent.js +17 -24
- package/lib/common/OpenPickerAdornment.js +10 -16
- package/lib/common/ReadOnlyAdornment.js +10 -16
- package/lib/common/Tooltip.d.ts +3 -3
- package/lib/common/Tooltip.d.ts.map +1 -1
- package/lib/common/Tooltip.js +27 -35
- package/lib/common/buttons/Button.js +19 -23
- package/lib/common/buttons/CopyToClipboardButton.js +27 -33
- package/lib/common/buttons/SaveButton.js +13 -19
- package/lib/common/buttons/cancel/CancelButton.js +13 -19
- package/lib/common/buttons/clearinput/ClearInputButton.js +15 -20
- package/lib/common/buttons/delete/DeleteButton.js +13 -19
- package/lib/common/buttons/delete/__stories__/DeleteButton.stories.js +4 -10
- package/lib/common/buttons/feedback/FeedbackButton.js +23 -29
- package/lib/common/buttons/helpDialogButton/HelpDialogButton.js +15 -21
- package/lib/common/buttons/helpDialogButton/HelpDialogButton.sc.d.ts +2 -4
- package/lib/common/buttons/helpDialogButton/HelpDialogButton.sc.d.ts.map +1 -1
- package/lib/common/buttons/helpDialogButton/HelpDialogButton.sc.js +6 -12
- package/lib/common/buttons/okay/OkayButton.js +13 -19
- package/lib/common/buttons/split/SplitButton.js +38 -40
- package/lib/common/buttons/split/SplitButtonContext.js +3 -7
- package/lib/common/buttons/split/useSplitButtonContext.js +4 -9
- package/lib/common/toolbar/DataGridToolbar.js +11 -17
- package/lib/common/toolbar/StackToolbar.js +6 -12
- package/lib/common/toolbar/Toolbar.js +28 -34
- package/lib/common/toolbar/ToolbarBreadcrumbs.js +64 -70
- package/lib/common/toolbar/actions/ToolbarActionButton.js +19 -24
- package/lib/common/toolbar/actions/ToolbarActions.js +8 -14
- package/lib/common/toolbar/automatictitleitem/ToolbarAutomaticTitleItem.js +12 -18
- package/lib/common/toolbar/backbutton/ToolbarBackButton.js +22 -28
- package/lib/common/toolbar/fillspace/ToolbarFillSpace.js +8 -14
- package/lib/common/toolbar/item/ToolbarItem.js +8 -14
- package/lib/common/toolbar/titleitem/ToolbarTitleItem.js +11 -17
- package/lib/dataGrid/CrudContextMenu.js +58 -64
- package/lib/dataGrid/CrudMoreActionsMenu.js +46 -54
- package/lib/dataGrid/CrudVisibility.js +26 -32
- package/lib/dataGrid/CrudVisibilityIcon.d.ts +1 -0
- package/lib/dataGrid/CrudVisibilityIcon.d.ts.map +1 -1
- package/lib/dataGrid/CrudVisibilityIcon.js +7 -13
- package/lib/dataGrid/DataGridPanel.js +83 -87
- package/lib/dataGrid/GridCellContent.js +21 -27
- package/lib/dataGrid/GridColDef.js +1 -5
- package/lib/dataGrid/GridColumnsButton.js +14 -20
- package/lib/dataGrid/GridFilterButton.js +16 -22
- package/lib/dataGrid/columnsManagement/DataGridColumnsManagement.js +34 -39
- package/lib/dataGrid/columnsManagement/DataGridColumnsManagement.sc.d.ts +3 -9
- package/lib/dataGrid/columnsManagement/DataGridColumnsManagement.sc.d.ts.map +1 -1
- package/lib/dataGrid/columnsManagement/DataGridColumnsManagement.sc.js +11 -17
- package/lib/dataGrid/columnsManagement/DataGridColumnsManagementListItem.js +21 -27
- package/lib/dataGrid/columnsManagement/DataGridColumnsManagementListItem.styles.d.ts +2 -6
- package/lib/dataGrid/columnsManagement/DataGridColumnsManagementListItem.styles.d.ts.map +1 -1
- package/lib/dataGrid/columnsManagement/DataGridColumnsManagementListItem.styles.js +11 -17
- package/lib/dataGrid/excelExport/applyDefaultStyling.js +1 -7
- package/lib/dataGrid/excelExport/generateExcelFile.js +4 -11
- package/lib/dataGrid/excelExport/useDataGridExcelExport.js +14 -20
- package/lib/dataGrid/gridColumnTypes.js +30 -36
- package/lib/dataGrid/muiGridFilterToGql.js +1 -7
- package/lib/dataGrid/muiGridPagingToGql.js +1 -7
- package/lib/dataGrid/muiGridSortToGql.js +1 -7
- package/lib/dataGrid/pagination/DataGridPagination.js +21 -27
- package/lib/dataGrid/pagination/DataGridPagination.styles.d.ts +1 -3
- package/lib/dataGrid/pagination/DataGridPagination.styles.d.ts.map +1 -1
- package/lib/dataGrid/pagination/DataGridPagination.styles.js +5 -11
- package/lib/dataGrid/pagination/paginationActions/DataGridPaginationActions.js +21 -27
- package/lib/dataGrid/pagination/paginationActions/DataGridPaginationActions.styles.d.ts +1 -3
- package/lib/dataGrid/pagination/paginationActions/DataGridPaginationActions.styles.d.ts.map +1 -1
- package/lib/dataGrid/pagination/paginationActions/DataGridPaginationActions.styles.js +7 -13
- package/lib/dataGrid/renderStaticSelectCell.js +1 -7
- package/lib/dataGrid/useBufferedRowCount.js +4 -10
- package/lib/dataGrid/useDataGridRemote.js +3 -9
- package/lib/dataGrid/useDataGridUrlState.js +17 -24
- package/lib/dataGrid/usePersistentColumnState.d.ts +2 -2
- package/lib/dataGrid/usePersistentColumnState.d.ts.map +1 -1
- package/lib/dataGrid/usePersistentColumnState.js +20 -26
- package/lib/dateTime/datePicker/DatePicker.d.ts +8 -8
- package/lib/dateTime/datePicker/DatePicker.d.ts.map +1 -1
- package/lib/dateTime/datePicker/DatePicker.js +29 -35
- package/lib/dateTime/datePicker/__stories__/DatePicker.stories.js +37 -42
- package/lib/dateTime/datePickerField/DatePickerField.d.ts +3 -3
- package/lib/dateTime/datePickerField/DatePickerField.d.ts.map +1 -1
- package/lib/dateTime/datePickerField/DatePickerField.js +6 -12
- package/lib/dateTime/datePickerField/__stories__/DatePickerField.stories.js +27 -32
- package/lib/dateTime/dateRangePicker/DateRangePicker.d.ts +8 -8
- package/lib/dateTime/dateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/lib/dateTime/dateRangePicker/DateRangePicker.js +35 -43
- package/lib/dateTime/dateRangePicker/__stories__/DateRangePicker.stories.js +37 -42
- package/lib/dateTime/dateRangePickerField/DateRangePickerField.d.ts +2 -2
- package/lib/dateTime/dateRangePickerField/DateRangePickerField.d.ts.map +1 -1
- package/lib/dateTime/dateRangePickerField/DateRangePickerField.js +6 -12
- package/lib/dateTime/dateRangePickerField/__stories__/DateRangePickerField.stories.js +27 -32
- package/lib/dateTime/dateTimePicker/DateTimePicker.d.ts +8 -8
- package/lib/dateTime/dateTimePicker/DateTimePicker.d.ts.map +1 -1
- package/lib/dateTime/dateTimePicker/DateTimePicker.js +27 -33
- package/lib/dateTime/dateTimePicker/__stories__/DateTimePicker.stories.js +37 -42
- package/lib/dateTime/dateTimePickerField/DateTimePickerField.d.ts +2 -2
- package/lib/dateTime/dateTimePickerField/DateTimePickerField.d.ts.map +1 -1
- package/lib/dateTime/dateTimePickerField/DateTimePickerField.js +6 -12
- package/lib/dateTime/dateTimePickerField/__stories__/DateTimePickerField.stories.js +27 -32
- package/lib/dateTime/dateTimeRangePicker/DateTimeRangePicker.js +32 -40
- package/lib/dateTime/dateTimeRangePicker/__stories__/DateTimeRangePicker.stories.js +37 -42
- package/lib/dateTime/dateTimeRangePickerField/DateTimeRangePickerField.js +6 -12
- package/lib/dateTime/dateTimeRangePickerField/__stories__/DateTimeRangePickerField.stories.js +27 -32
- package/lib/dateTime/timePicker/TimePicker.d.ts +8 -8
- package/lib/dateTime/timePicker/TimePicker.d.ts.map +1 -1
- package/lib/dateTime/timePicker/TimePicker.js +28 -34
- package/lib/dateTime/timePicker/__stories__/TimePicker.stories.js +37 -42
- package/lib/dateTime/timePickerField/TimePickerField.d.ts +2 -2
- package/lib/dateTime/timePickerField/TimePickerField.d.ts.map +1 -1
- package/lib/dateTime/timePickerField/TimePickerField.js +6 -12
- package/lib/dateTime/timePickerField/__stories__/TimePickerField.stories.js +27 -32
- package/lib/dateTime/utils.js +5 -11
- package/lib/error/errorboundary/ErrorBoundary.js +39 -44
- package/lib/error/errorboundary/RouteWithErrorBoundary.js +8 -13
- package/lib/error/errordialog/ErrorDialog.d.ts.map +1 -1
- package/lib/error/errordialog/ErrorDialog.js +77 -83
- package/lib/error/errordialog/ErrorDialogHandler.js +11 -17
- package/lib/error/errordialog/ErrorScope.js +3 -9
- package/lib/error/errordialog/createErrorDialogApolloLink.js +11 -17
- package/lib/error/errordialog/errorDialogVar.js +2 -8
- package/lib/error/errordialog/useErrorDialog.js +5 -11
- package/lib/fetchProvider/fetch.js +6 -14
- package/lib/fileIcons/Excel.js +5 -12
- package/lib/fileIcons/File.js +5 -12
- package/lib/fileIcons/FileIcon.js +29 -35
- package/lib/fileIcons/Jpg.js +5 -12
- package/lib/fileIcons/Pdf.js +5 -12
- package/lib/fileIcons/Png.js +5 -12
- package/lib/fileIcons/Powerpoint.js +5 -12
- package/lib/fileIcons/Word.js +5 -12
- package/lib/fileIcons/Zip.js +5 -12
- package/lib/form/Autocomplete.d.ts +4 -2
- package/lib/form/Autocomplete.d.ts.map +1 -1
- package/lib/form/Autocomplete.js +25 -27
- package/lib/form/Checkbox.js +4 -11
- package/lib/form/Field.js +17 -23
- package/lib/form/FieldContainer.js +41 -47
- package/lib/form/FinalFormAsyncAutocomplete.js +5 -11
- package/lib/form/FinalFormAsyncSelect.js +5 -11
- package/lib/form/FinalFormContextProvider.js +7 -14
- package/lib/form/FinalFormDebug.js +16 -20
- package/lib/form/FinalFormFileSelect.js +14 -20
- package/lib/form/FinalFormInput.d.ts +1 -2
- package/lib/form/FinalFormInput.d.ts.map +1 -1
- package/lib/form/FinalFormInput.js +30 -30
- package/lib/form/FinalFormNumberInput.d.ts +1 -2
- package/lib/form/FinalFormNumberInput.d.ts.map +1 -1
- package/lib/form/FinalFormNumberInput.js +22 -22
- package/lib/form/FinalFormRangeInput.js +32 -38
- package/lib/form/FinalFormSearchTextField.d.ts +0 -1
- package/lib/form/FinalFormSearchTextField.d.ts.map +1 -1
- package/lib/form/FinalFormSearchTextField.js +13 -31
- package/lib/form/FinalFormSelect.js +25 -31
- package/lib/form/FinalFormSelect.sc.d.ts +1 -3
- package/lib/form/FinalFormSelect.sc.d.ts.map +1 -1
- package/lib/form/FinalFormSelect.sc.js +5 -11
- package/lib/form/FinalFormToggleButtonGroup.js +12 -18
- package/lib/form/FormSection.d.ts +1 -1
- package/lib/form/FormSection.js +18 -24
- package/lib/form/Radio.js +4 -11
- package/lib/form/Switch.js +4 -11
- package/lib/form/fields/AsyncAutocompleteField.js +6 -12
- package/lib/form/fields/AsyncSelectField.js +6 -12
- package/lib/form/fields/AutocompleteField.js +6 -12
- package/lib/form/fields/CheckboxField.js +8 -14
- package/lib/form/fields/CheckboxListField.js +8 -14
- package/lib/form/fields/NumberField.js +6 -12
- package/lib/form/fields/RadioGroupField.js +9 -16
- package/lib/form/fields/SearchField.js +6 -12
- package/lib/form/fields/SelectField.js +11 -15
- package/lib/form/fields/SwitchField.js +8 -14
- package/lib/form/fields/TextAreaField.js +6 -12
- package/lib/form/fields/TextField.js +6 -12
- package/lib/form/fields/ToggleButtonGroupField.js +6 -12
- package/lib/form/file/FileDropzone.js +35 -41
- package/lib/form/file/FileSelect.d.ts +2 -3
- package/lib/form/file/FileSelect.d.ts.map +1 -1
- package/lib/form/file/FileSelect.js +38 -52
- package/lib/form/file/FileSelectListItem.js +59 -65
- package/lib/form/file/commonErrorMessages.js +6 -12
- package/lib/form/file/fileSelectItemTypes.js +1 -5
- package/lib/form/helpers/OnChangeField.js +7 -13
- package/lib/form/useAsyncAutocompleteOptionsProps.js +10 -16
- package/lib/fullPageAlert/FullPageAlert.js +26 -32
- package/lib/fullPageAlert/FullPageAlert.styles.d.ts +3 -9
- package/lib/fullPageAlert/FullPageAlert.styles.d.ts.map +1 -1
- package/lib/fullPageAlert/FullPageAlert.styles.js +19 -25
- package/lib/fullPageAlert/FullPageAlertBackground.js +44 -50
- package/lib/helpers/PrettyBytes.js +4 -10
- package/lib/helpers/ThemedComponentBaseProps.js +1 -5
- package/lib/helpers/createComponentSlot.d.ts +1 -1
- package/lib/helpers/createComponentSlot.d.ts.map +1 -1
- package/lib/helpers/createComponentSlot.js +11 -15
- package/lib/helpers/useTopOffset.d.ts +1 -1
- package/lib/helpers/useTopOffset.d.ts.map +1 -1
- package/lib/helpers/useTopOffset.js +4 -10
- package/lib/helpers/useWindowSize.js +4 -10
- package/lib/hooks/useAsyncOptionsProps.js +6 -12
- package/lib/hooks/useElementIsOverflowing.d.ts +1 -1
- package/lib/hooks/useElementIsOverflowing.d.ts.map +1 -1
- package/lib/hooks/useElementIsOverflowing.js +4 -10
- package/lib/hooks/useStoredState.js +9 -12
- package/lib/index.d.ts +8 -8
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +225 -1860
- package/lib/inlineAlert/InlineAlert.js +19 -25
- package/lib/inlineAlert/InlineAlert.sc.d.ts +2 -6
- package/lib/inlineAlert/InlineAlert.sc.d.ts.map +1 -1
- package/lib/inlineAlert/InlineAlert.sc.js +13 -19
- package/lib/inputWithPopper/InputWithPopper.d.ts +1 -1
- package/lib/inputWithPopper/InputWithPopper.d.ts.map +1 -1
- package/lib/inputWithPopper/InputWithPopper.js +19 -25
- package/lib/inputWithPopper/InputWithPopper.slots.d.ts +2 -4
- package/lib/inputWithPopper/InputWithPopper.slots.d.ts.map +1 -1
- package/lib/inputWithPopper/InputWithPopper.slots.js +9 -15
- package/lib/messages.js +2 -8
- package/lib/mui/MasterLayout.js +34 -40
- package/lib/mui/MasterLayoutContext.js +2 -8
- package/lib/mui/ThemeProvider.js +7 -13
- package/lib/mui/mainNavigation/CollapsibleItem.js +32 -38
- package/lib/mui/mainNavigation/CollapsibleItem.styles.d.ts +1 -3
- package/lib/mui/mainNavigation/CollapsibleItem.styles.d.ts.map +1 -1
- package/lib/mui/mainNavigation/CollapsibleItem.styles.js +12 -18
- package/lib/mui/mainNavigation/Context.js +8 -14
- package/lib/mui/mainNavigation/Item.d.ts.map +1 -1
- package/lib/mui/mainNavigation/Item.js +14 -21
- package/lib/mui/mainNavigation/Item.styles.d.ts +1 -3
- package/lib/mui/mainNavigation/Item.styles.d.ts.map +1 -1
- package/lib/mui/mainNavigation/Item.styles.js +7 -13
- package/lib/mui/mainNavigation/ItemAnchorLink.js +6 -12
- package/lib/mui/mainNavigation/ItemGroup.js +27 -33
- package/lib/mui/mainNavigation/ItemRouterLink.js +9 -15
- package/lib/mui/mainNavigation/MainNavigation.js +25 -31
- package/lib/mui/mainNavigation/MainNavigation.styles.js +13 -19
- package/lib/mui/mui-private-theming.d.js +0 -1
- package/lib/renderFinalFormChildren.js +3 -9
- package/lib/router/BrowserRouter.js +12 -16
- package/lib/router/ConfirmationDialog.js +42 -47
- package/lib/router/Context.d.ts +2 -2
- package/lib/router/Context.d.ts.map +1 -1
- package/lib/router/Context.js +2 -8
- package/lib/router/ForcePromptRoute.js +12 -19
- package/lib/router/MemoryRouter.js +12 -16
- package/lib/router/Prompt.js +18 -25
- package/lib/router/PromptHandler.d.ts +2 -2
- package/lib/router/PromptHandler.d.ts.map +1 -1
- package/lib/router/PromptHandler.js +17 -23
- package/lib/router/SubRoute.js +15 -23
- package/lib/rowActions/RowActionsIconItem.d.ts +2 -1
- package/lib/rowActions/RowActionsIconItem.d.ts.map +1 -1
- package/lib/rowActions/RowActionsIconItem.js +8 -14
- package/lib/rowActions/RowActionsItem.js +9 -15
- package/lib/rowActions/RowActionsListItem.js +10 -16
- package/lib/rowActions/RowActionsMenu.js +9 -15
- package/lib/rowActions/RowActionsSubMenu.js +17 -23
- package/lib/saveBoundary/SaveBoundary.js +32 -41
- package/lib/saveBoundary/SaveBoundarySaveButton.js +7 -13
- package/lib/section/SectionHeadline.d.ts +1 -1
- package/lib/section/SectionHeadline.js +30 -36
- package/lib/snackbar/SnackbarProvider.js +13 -19
- package/lib/snackbar/UndoSnackbar.js +12 -18
- package/lib/stack/Api.d.ts +1 -1
- package/lib/stack/Api.d.ts.map +1 -1
- package/lib/stack/Api.js +8 -16
- package/lib/stack/Breadcrumb.js +11 -17
- package/lib/stack/Page.js +3 -9
- package/lib/stack/Stack.js +22 -28
- package/lib/stack/StackLink.js +7 -13
- package/lib/stack/StackPageTitle.js +7 -14
- package/lib/stack/Switch.js +40 -49
- package/lib/stack/SwitchMeta.js +9 -15
- package/lib/stack/backbutton/StackBackButton.js +15 -21
- package/lib/stack/breadcrumbs/BreadcrumbLink.js +5 -11
- package/lib/stack/breadcrumbs/BreadcrumbsEntry.js +23 -29
- package/lib/stack/breadcrumbs/BreadcrumbsOverflow.js +20 -26
- package/lib/stack/breadcrumbs/StackBreadcrumbs.js +35 -42
- package/lib/stack/breadcrumbs/utils.js +11 -17
- package/lib/stack/useIsActiveStackSwitch.js +5 -11
- package/lib/table/AddButton.js +11 -17
- package/lib/table/DeleteButton.js +19 -25
- package/lib/table/ExcelExportButton.js +11 -17
- package/lib/table/LocalChangesToolbar.js +11 -17
- package/lib/table/Pagination.js +22 -29
- package/lib/table/Table.d.ts.map +1 -1
- package/lib/table/Table.js +51 -54
- package/lib/table/TableBodyRow.js +12 -17
- package/lib/table/TableDndOrder.js +32 -39
- package/lib/table/TableFilterFinalForm.js +23 -29
- package/lib/table/TableLocalChanges.js +11 -15
- package/lib/table/TableQuery.js +27 -33
- package/lib/table/TableQueryContext.js +2 -7
- package/lib/table/excelexport/IExportApi.js +1 -5
- package/lib/table/excelexport/applyDefaultStyling.js +1 -7
- package/lib/table/excelexport/createExcelExportDownload.js +15 -19
- package/lib/table/excelexport/useExportDisplayedTableData.js +5 -11
- package/lib/table/excelexport/useExportPagedTableQuery.js +8 -14
- package/lib/table/excelexport/useExportTableQuery.js +7 -13
- package/lib/table/filterbar/FilterBar.js +15 -20
- package/lib/table/filterbar/dirtyFieldsCount.js +3 -8
- package/lib/table/filterbar/filterBarActiveFilterBadge/FilterBarActiveFilterBadge.js +14 -19
- package/lib/table/filterbar/filterBarButton/FilterBarButton.js +24 -28
- package/lib/table/filterbar/filterBarMoreFilters/FilterBarMoreFilters.js +23 -28
- package/lib/table/filterbar/filterBarPopoverFilter/FilterBarPopoverFilter.js +44 -48
- package/lib/table/isVisible.js +1 -7
- package/lib/table/paging/IPagingInfo.d.ts +1 -1
- package/lib/table/paging/IPagingInfo.d.ts.map +1 -1
- package/lib/table/paging/IPagingInfo.js +1 -5
- package/lib/table/paging/createOffsetLimitPagingAction.js +1 -7
- package/lib/table/paging/createPagePagingActions.js +1 -7
- package/lib/table/paging/createRelayPagingActions.js +1 -7
- package/lib/table/paging/createRestPagingActions.js +3 -10
- package/lib/table/paging/createRestStartLimitPagingActions.js +1 -7
- package/lib/table/safeColumnGet.js +3 -8
- package/lib/table/usePersistedState.js +4 -10
- package/lib/table/usePersistedStateId.js +5 -11
- package/lib/table/useTableQuery.js +8 -13
- package/lib/table/useTableQueryFilter.js +13 -19
- package/lib/table/useTableQueryPaging.d.ts +1 -1
- package/lib/table/useTableQueryPaging.d.ts.map +1 -1
- package/lib/table/useTableQueryPaging.js +5 -10
- package/lib/table/useTableQuerySort.js +7 -11
- package/lib/table/withTableQueryContext.js +11 -13
- package/lib/tabs/RouterTabs.js +37 -44
- package/lib/tabs/TabScrollButton.js +14 -21
- package/lib/tabs/Tabs.js +27 -35
- package/lib/theme/breakpointsOptions.js +2 -8
- package/lib/theme/colors.js +7 -13
- package/lib/theme/componentsTheme/MuiAccordion.js +3 -9
- package/lib/theme/componentsTheme/MuiAlert.js +9 -15
- package/lib/theme/componentsTheme/MuiAlertTitle.js +3 -9
- package/lib/theme/componentsTheme/MuiAppBar.js +1 -7
- package/lib/theme/componentsTheme/MuiAutocomplete.js +8 -14
- package/lib/theme/componentsTheme/MuiBadge.js +3 -9
- package/lib/theme/componentsTheme/MuiButton.js +14 -20
- package/lib/theme/componentsTheme/MuiButtonGroup.js +8 -14
- package/lib/theme/componentsTheme/MuiCard.js +5 -11
- package/lib/theme/componentsTheme/MuiCardContent.js +3 -9
- package/lib/theme/componentsTheme/MuiCardHeader.js +3 -9
- package/lib/theme/componentsTheme/MuiCheckbox.js +16 -22
- package/lib/theme/componentsTheme/MuiChip.js +6 -12
- package/lib/theme/componentsTheme/MuiDataGrid.js +48 -54
- package/lib/theme/componentsTheme/MuiDialog.js +3 -9
- package/lib/theme/componentsTheme/MuiDialogActions.js +3 -9
- package/lib/theme/componentsTheme/MuiDialogContent.js +6 -12
- package/lib/theme/componentsTheme/MuiDialogContentText.js +3 -9
- package/lib/theme/componentsTheme/MuiDialogTitle.js +3 -9
- package/lib/theme/componentsTheme/MuiDrawer.js +3 -9
- package/lib/theme/componentsTheme/MuiFormControlLabel.js +3 -9
- package/lib/theme/componentsTheme/MuiFormHelperText.js +3 -9
- package/lib/theme/componentsTheme/MuiFormLabel.js +3 -9
- package/lib/theme/componentsTheme/MuiIconButton.js +3 -9
- package/lib/theme/componentsTheme/MuiInput.js +1 -7
- package/lib/theme/componentsTheme/MuiInputAdornment.js +3 -9
- package/lib/theme/componentsTheme/MuiInputBase.js +7 -13
- package/lib/theme/componentsTheme/MuiLinearProgress.js +3 -9
- package/lib/theme/componentsTheme/MuiLink.js +3 -9
- package/lib/theme/componentsTheme/MuiList.js +5 -11
- package/lib/theme/componentsTheme/MuiListItem.js +5 -11
- package/lib/theme/componentsTheme/MuiListItemAvatar.js +3 -9
- package/lib/theme/componentsTheme/MuiListItemButton.js +5 -11
- package/lib/theme/componentsTheme/MuiListItemIcon.js +3 -9
- package/lib/theme/componentsTheme/MuiListItemText.js +3 -9
- package/lib/theme/componentsTheme/MuiMenu.js +3 -9
- package/lib/theme/componentsTheme/MuiMenuItem.js +8 -14
- package/lib/theme/componentsTheme/MuiNativeSelect.js +8 -14
- package/lib/theme/componentsTheme/MuiPaper.js +3 -9
- package/lib/theme/componentsTheme/MuiPickersInputBase.js +17 -23
- package/lib/theme/componentsTheme/MuiPickersPopper.js +3 -9
- package/lib/theme/componentsTheme/MuiPickersTextField.js +1 -7
- package/lib/theme/componentsTheme/MuiPopover.js +1 -7
- package/lib/theme/componentsTheme/MuiRadio.js +13 -19
- package/lib/theme/componentsTheme/MuiSelect.js +10 -16
- package/lib/theme/componentsTheme/MuiSvgIcon.js +3 -9
- package/lib/theme/componentsTheme/MuiSwitch.js +14 -20
- package/lib/theme/componentsTheme/MuiTab.js +5 -11
- package/lib/theme/componentsTheme/MuiTableCell.js +5 -11
- package/lib/theme/componentsTheme/MuiTableFooter.js +3 -9
- package/lib/theme/componentsTheme/MuiTablePagination.js +5 -11
- package/lib/theme/componentsTheme/MuiTableRow.js +3 -9
- package/lib/theme/componentsTheme/MuiTabs.js +3 -9
- package/lib/theme/componentsTheme/MuiToggleButton.js +5 -11
- package/lib/theme/componentsTheme/MuiToggleButtonGroup.js +3 -9
- package/lib/theme/componentsTheme/MuiTooltip.js +1 -7
- package/lib/theme/componentsTheme/MuiTypography.js +3 -9
- package/lib/theme/componentsTheme/commonListStyles.js +1 -7
- package/lib/theme/componentsTheme/getCommonSelectTheme.js +8 -14
- package/lib/theme/componentsTheme/getComponentsTheme.js +115 -121
- package/lib/theme/createCometTheme.js +20 -26
- package/lib/theme/paletteOptions.js +16 -22
- package/lib/theme/shadows.js +1 -7
- package/lib/theme/typographyOptions.js +1 -7
- package/lib/theme/utils/mergeOverrideStyles.js +4 -9
- package/lib/translator/BaseTranslationDialog.d.ts +1 -0
- package/lib/translator/BaseTranslationDialog.d.ts.map +1 -1
- package/lib/translator/BaseTranslationDialog.js +28 -32
- package/lib/translator/ContentTranslationServiceContext.js +2 -8
- package/lib/translator/ContentTranslationServiceProvider.js +4 -10
- package/lib/translator/PlainTextTranslationDialog.js +7 -13
- package/lib/translator/useContentTranslationService.js +4 -10
- package/lib/utils/test-utils.js +16 -33
- package/lib/utils/useObservedWidth.d.ts +1 -1
- package/lib/utils/useObservedWidth.d.ts.map +1 -1
- package/lib/utils/useObservedWidth.js +7 -14
- package/lib/vendor.d.js +0 -1
- package/package.json +18 -14
- package/lib/form/file/getFilesInfoText.d.ts +0 -3
- package/lib/form/file/getFilesInfoText.d.ts.map +0 -1
- package/lib/form/file/getFilesInfoText.js +0 -55
|
@@ -1,27 +1,21 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.TemporaryDrawer = exports.PermanentDrawer = void 0;
|
|
7
|
-
var _material = require("@mui/material");
|
|
8
|
-
var _createComponentSlot = require("../../helpers/createComponentSlot");
|
|
9
|
-
var _MainNavigation = require("./MainNavigation");
|
|
10
1
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
11
2
|
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
3
|
+
import { css, Drawer as MuiDrawer, drawerClasses } from "@mui/material";
|
|
4
|
+
import { createComponentSlot } from "../../helpers/createComponentSlot";
|
|
5
|
+
import { DEFAULT_DRAWER_WIDTH, DEFAULT_DRAWER_WIDTH_COLLAPSED } from "./MainNavigation";
|
|
12
6
|
var getOpenedAnimation = function getOpenedAnimation(theme, drawerVariant) {
|
|
13
|
-
var drawerWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] :
|
|
14
|
-
return
|
|
7
|
+
var drawerWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_DRAWER_WIDTH;
|
|
8
|
+
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: ", ";\n transition: width ", " ", "ms;\n"])), drawerVariant === "temporary" ? "100%" : "".concat(drawerWidth, "px"), theme.transitions.easing.sharp, theme.transitions.duration.enteringScreen);
|
|
15
9
|
};
|
|
16
10
|
var getClosedAnimation = function getClosedAnimation(theme, drawerVariant) {
|
|
17
|
-
var drawerWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] :
|
|
18
|
-
var drawerWidthCollapsed = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] :
|
|
19
|
-
return
|
|
11
|
+
var drawerWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_DRAWER_WIDTH;
|
|
12
|
+
var drawerWidthCollapsed = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : DEFAULT_DRAWER_WIDTH_COLLAPSED;
|
|
13
|
+
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: ", ";\n transition: width ", " ", "ms;\n"])), drawerVariant === "temporary" ? "100%" : "".concat(drawerWidthCollapsed, "px"), theme.transitions.easing.sharp, theme.transitions.duration.leavingScreen);
|
|
20
14
|
};
|
|
21
15
|
var getSharedStyles = function getSharedStyles(theme, headerHeight) {
|
|
22
|
-
return
|
|
16
|
+
return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n background-color: ", ";\n overflow-x: hidden;\n height: calc(100% - ", "px);\n top: ", "px;\n\n .CometAdminMainNavigationItemGroup-root + .CometAdminMainNavigationItem-root {\n margin-top: ", ";\n }\n"])), theme.palette.common.white, headerHeight, headerHeight, theme.spacing(8));
|
|
23
17
|
};
|
|
24
|
-
var TemporaryDrawer =
|
|
18
|
+
export var TemporaryDrawer = createComponentSlot(MuiDrawer)({
|
|
25
19
|
componentName: "MainNavigation",
|
|
26
20
|
slotName: "temporary",
|
|
27
21
|
classesResolver: function classesResolver(ownerState) {
|
|
@@ -30,9 +24,9 @@ var TemporaryDrawer = exports.TemporaryDrawer = (0, _createComponentSlot.createC
|
|
|
30
24
|
})(function (_ref) {
|
|
31
25
|
var theme = _ref.theme,
|
|
32
26
|
ownerState = _ref.ownerState;
|
|
33
|
-
return
|
|
27
|
+
return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n height: calc(100% - ", "px);\n top: ", "px;\n\n ", " {\n top: ", "px;\n }\n\n .", " {\n ", "\n ", "\n }\n\n .", " {\n border-right: none;\n }\n "])), ownerState.headerHeight, ownerState.headerHeight, drawerClasses.root, ownerState.headerHeight, drawerClasses.paper, getSharedStyles(theme, ownerState.headerHeight), ownerState.open ? getOpenedAnimation(theme, "temporary", ownerState.drawerWidth) : getClosedAnimation(theme, "temporary", ownerState.drawerWidth), drawerClasses.paperAnchorLeft);
|
|
34
28
|
});
|
|
35
|
-
var PermanentDrawer =
|
|
29
|
+
export var PermanentDrawer = createComponentSlot(MuiDrawer)({
|
|
36
30
|
componentName: "MainNavigation",
|
|
37
31
|
slotName: "permanent",
|
|
38
32
|
classesResolver: function classesResolver(ownerState) {
|
|
@@ -41,5 +35,5 @@ var PermanentDrawer = exports.PermanentDrawer = (0, _createComponentSlot.createC
|
|
|
41
35
|
})(function (_ref2) {
|
|
42
36
|
var theme = _ref2.theme,
|
|
43
37
|
ownerState = _ref2.ownerState;
|
|
44
|
-
return
|
|
38
|
+
return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n ", "\n flex-shrink: 0;\n white-space: nowrap;\n box-sizing: border-box;\n ", "\n\n .", " {\n ", "\n height: calc(100% - ", "px);\n ", "\n }\n\n .", " {\n border-right: none;\n }\n "])), getSharedStyles(theme, ownerState.headerHeight), ownerState.open ? getOpenedAnimation(theme, "permanent", ownerState.drawerWidth) : getClosedAnimation(theme, "permanent", ownerState.drawerWidthCollapsed), drawerClasses.paper, getSharedStyles(theme, ownerState.headerHeight), ownerState.headerHeight, ownerState.open ? getOpenedAnimation(theme, "permanent", ownerState.drawerWidth) : getClosedAnimation(theme, "permanent", ownerState.drawerWidthCollapsed), drawerClasses.paperAnchorLeft);
|
|
45
39
|
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
@@ -1,23 +1,17 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.renderFinalFormChildren = renderFinalFormChildren;
|
|
7
|
-
var _react = require("react");
|
|
8
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
9
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
10
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
11
4
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
12
5
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
13
6
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
7
|
+
import { createElement } from "react";
|
|
14
8
|
// Render children like final-form does.
|
|
15
|
-
function renderFinalFormChildren(props, formRenderProps) {
|
|
9
|
+
export function renderFinalFormChildren(props, formRenderProps) {
|
|
16
10
|
var render = props.render,
|
|
17
11
|
children = props.children,
|
|
18
12
|
component = props.component; // not using this.props as final-form-render-component does also use function-parameters and this solves "multiple implementations" hint
|
|
19
13
|
if (component) {
|
|
20
|
-
return /*#__PURE__*/
|
|
14
|
+
return /*#__PURE__*/createElement(component, // Explicit cast to remove InitialFormValues because FormRenderProps doesn't pass InitialFormValues to RenderableProps here:
|
|
21
15
|
// https://github.com/final-form/react-final-form/blob/main/typescript/index.d.ts#L56-L67.
|
|
22
16
|
// See https://github.com/final-form/react-final-form/pull/998.
|
|
23
17
|
_objectSpread(_objectSpread({}, formRenderProps), {}, {
|
|
@@ -1,16 +1,5 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.RouterBrowserRouter = void 0;
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
var _reactRouterDom = require("react-router-dom");
|
|
10
|
-
var _PromptHandler = require("./PromptHandler");
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
var _excluded = ["children"]; // BrowserRouter that sets up a material-ui confirmation dialog
|
|
13
|
-
// plus a PromptHandler that works with our Prompt (supporting multiple Prompts)
|
|
2
|
+
var _excluded = ["children"];
|
|
14
3
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
4
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
5
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
@@ -18,19 +7,26 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
|
|
|
18
7
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
19
8
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
20
9
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
21
|
-
|
|
10
|
+
import { useRef } from "react";
|
|
11
|
+
import { BrowserRouter as ReactBrowserRouter } from "react-router-dom";
|
|
12
|
+
import { RouterPromptHandler } from "./PromptHandler";
|
|
13
|
+
|
|
14
|
+
// BrowserRouter that sets up a material-ui confirmation dialog
|
|
15
|
+
// plus a PromptHandler that works with our Prompt (supporting multiple Prompts)
|
|
16
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
17
|
+
export var RouterBrowserRouter = function RouterBrowserRouter(_ref) {
|
|
22
18
|
var children = _ref.children,
|
|
23
19
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
24
|
-
var apiRef =
|
|
20
|
+
var apiRef = useRef(undefined);
|
|
25
21
|
var getConfirmation = function getConfirmation(message, callback) {
|
|
26
22
|
if (apiRef.current) {
|
|
27
23
|
apiRef.current.showDialog(message, callback);
|
|
28
24
|
}
|
|
29
25
|
};
|
|
30
|
-
return /*#__PURE__*/(
|
|
26
|
+
return /*#__PURE__*/_jsx(ReactBrowserRouter, _objectSpread(_objectSpread({
|
|
31
27
|
getUserConfirmation: getConfirmation
|
|
32
28
|
}, props), {}, {
|
|
33
|
-
children: /*#__PURE__*/(
|
|
29
|
+
children: /*#__PURE__*/_jsx(RouterPromptHandler, {
|
|
34
30
|
apiRef: apiRef,
|
|
35
31
|
children: children
|
|
36
32
|
})
|
|
@@ -1,19 +1,4 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.PromptAction = void 0;
|
|
8
|
-
exports.RouterConfirmationDialog = RouterConfirmationDialog;
|
|
9
|
-
var _adminIcons = require("@comet/admin-icons");
|
|
10
|
-
var _material = require("@mui/material");
|
|
11
|
-
var _styles = require("@mui/material/styles");
|
|
12
|
-
var _reactIntl = require("react-intl");
|
|
13
|
-
var _Button = require("../common/buttons/Button");
|
|
14
|
-
var _createComponentSlot = require("../helpers/createComponentSlot");
|
|
15
|
-
var _messages = require("../messages");
|
|
16
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
2
|
var _excluded = ["message", "handleClose", "isOpen", "showSaveButton", "slotProps"];
|
|
18
3
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
|
19
4
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -24,27 +9,37 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
|
|
|
24
9
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
25
10
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
26
11
|
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
27
|
-
|
|
12
|
+
import { Close, Delete, Save, Warning } from "@comet/admin-icons";
|
|
13
|
+
import {
|
|
14
|
+
// eslint-disable-next-line no-restricted-imports
|
|
15
|
+
Dialog, DialogActions, DialogContent, DialogTitle, IconButton, Typography } from "@mui/material";
|
|
16
|
+
import { css, useThemeProps } from "@mui/material/styles";
|
|
17
|
+
import { FormattedMessage } from "react-intl";
|
|
18
|
+
import { Button } from "../common/buttons/Button";
|
|
19
|
+
import { createComponentSlot } from "../helpers/createComponentSlot";
|
|
20
|
+
import { messages } from "../messages";
|
|
21
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
22
|
+
var StyledDialog = createComponentSlot(Dialog)({
|
|
28
23
|
componentName: "RouterConfirmationDialog",
|
|
29
24
|
slotName: "root"
|
|
30
|
-
})(
|
|
31
|
-
var CloseButton =
|
|
25
|
+
})(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n z-index: 1301;\n"]))));
|
|
26
|
+
var CloseButton = createComponentSlot(IconButton)({
|
|
32
27
|
componentName: "RouterConfirmationDialog",
|
|
33
28
|
slotName: "closeButton"
|
|
34
|
-
})(
|
|
35
|
-
var MessageWrapper =
|
|
29
|
+
})(css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: absolute;\n right: 14px;\n top: 14px;\n color: #fff;\n"]))));
|
|
30
|
+
var MessageWrapper = createComponentSlot("div")({
|
|
36
31
|
componentName: "RouterConfirmationDialog",
|
|
37
32
|
slotName: "messageWrapper"
|
|
38
|
-
})(
|
|
39
|
-
var StyledWarning =
|
|
33
|
+
})(css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n"]))));
|
|
34
|
+
var StyledWarning = createComponentSlot(Warning)({
|
|
40
35
|
componentName: "RouterConfirmationDialog",
|
|
41
36
|
slotName: "messageWarningIcon"
|
|
42
|
-
})(
|
|
43
|
-
var MessageText =
|
|
37
|
+
})(css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n font-size: 20px;\n"]))));
|
|
38
|
+
var MessageText = createComponentSlot(Typography)({
|
|
44
39
|
componentName: "RouterConfirmationDialog",
|
|
45
40
|
slotName: "messageText"
|
|
46
|
-
})(
|
|
47
|
-
var SaveButton =
|
|
41
|
+
})(css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n padding-left: 10px;\n"]))));
|
|
42
|
+
var SaveButton = createComponentSlot(Button)({
|
|
48
43
|
componentName: "RouterConfirmationDialog",
|
|
49
44
|
slotName: "saveButton",
|
|
50
45
|
classesResolver: function classesResolver() {
|
|
@@ -52,9 +47,9 @@ var SaveButton = (0, _createComponentSlot.createComponentSlot)(_Button.Button)({
|
|
|
52
47
|
}
|
|
53
48
|
})(function (_ref) {
|
|
54
49
|
var theme = _ref.theme;
|
|
55
|
-
return
|
|
50
|
+
return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n flex-grow: 1;\n flex-basis: 50%;\n margin-left: ", ";\n "])), theme.spacing(2));
|
|
56
51
|
});
|
|
57
|
-
var DiscardButton =
|
|
52
|
+
var DiscardButton = createComponentSlot(Button)({
|
|
58
53
|
componentName: "RouterConfirmationDialog",
|
|
59
54
|
slotName: "discardButton",
|
|
60
55
|
classesResolver: function classesResolver() {
|
|
@@ -62,16 +57,16 @@ var DiscardButton = (0, _createComponentSlot.createComponentSlot)(_Button.Button
|
|
|
62
57
|
}
|
|
63
58
|
})(function (_ref2) {
|
|
64
59
|
var theme = _ref2.theme;
|
|
65
|
-
return
|
|
60
|
+
return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n flex-grow: 1;\n flex-basis: 50%;\n margin-right: ", ";\n "])), theme.spacing(2));
|
|
66
61
|
});
|
|
67
|
-
var PromptAction =
|
|
62
|
+
export var PromptAction = /*#__PURE__*/function (PromptAction) {
|
|
68
63
|
PromptAction["Cancel"] = "Cancel";
|
|
69
64
|
PromptAction["Discard"] = "Discard";
|
|
70
65
|
PromptAction["Save"] = "Save";
|
|
71
66
|
return PromptAction;
|
|
72
67
|
}({});
|
|
73
|
-
function RouterConfirmationDialog(inProps) {
|
|
74
|
-
var _useThemeProps =
|
|
68
|
+
export function RouterConfirmationDialog(inProps) {
|
|
69
|
+
var _useThemeProps = useThemeProps({
|
|
75
70
|
props: inProps,
|
|
76
71
|
name: "CometAdminRouterConfirmationDialog"
|
|
77
72
|
}),
|
|
@@ -82,43 +77,43 @@ function RouterConfirmationDialog(inProps) {
|
|
|
82
77
|
showSaveButton = _useThemeProps$showSa === void 0 ? false : _useThemeProps$showSa,
|
|
83
78
|
slotProps = _useThemeProps.slotProps,
|
|
84
79
|
restProps = _objectWithoutProperties(_useThemeProps, _excluded);
|
|
85
|
-
return /*#__PURE__*/(
|
|
80
|
+
return /*#__PURE__*/_jsxs(StyledDialog, _objectSpread(_objectSpread(_objectSpread({
|
|
86
81
|
open: isOpen,
|
|
87
82
|
onClose: function onClose() {
|
|
88
83
|
return handleClose(PromptAction.Cancel);
|
|
89
84
|
},
|
|
90
85
|
maxWidth: "sm"
|
|
91
86
|
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
|
|
92
|
-
children: [/*#__PURE__*/(
|
|
93
|
-
children: [/*#__PURE__*/(
|
|
87
|
+
children: [/*#__PURE__*/_jsxs(DialogTitle, {
|
|
88
|
+
children: [/*#__PURE__*/_jsx(FormattedMessage, _objectSpread({}, messages.saveUnsavedChanges)), /*#__PURE__*/_jsx(CloseButton, _objectSpread(_objectSpread({
|
|
94
89
|
onClick: function onClick() {
|
|
95
90
|
return handleClose(PromptAction.Cancel);
|
|
96
91
|
}
|
|
97
92
|
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.closeButton), {}, {
|
|
98
|
-
children: /*#__PURE__*/(
|
|
93
|
+
children: /*#__PURE__*/_jsx(Close, {})
|
|
99
94
|
}))]
|
|
100
|
-
}), /*#__PURE__*/(
|
|
101
|
-
children: /*#__PURE__*/(
|
|
102
|
-
children: [/*#__PURE__*/(
|
|
103
|
-
children: message !== null && message !== void 0 ? message : /*#__PURE__*/(
|
|
95
|
+
}), /*#__PURE__*/_jsx(DialogContent, {
|
|
96
|
+
children: /*#__PURE__*/_jsxs(MessageWrapper, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.messageWrapper), {}, {
|
|
97
|
+
children: [/*#__PURE__*/_jsx(StyledWarning, _objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.messageWarningIcon)), /*#__PURE__*/_jsx(MessageText, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.messageText), {}, {
|
|
98
|
+
children: message !== null && message !== void 0 ? message : /*#__PURE__*/_jsx(FormattedMessage, _objectSpread({}, messages.saveUnsavedChanges))
|
|
104
99
|
}))]
|
|
105
100
|
}))
|
|
106
|
-
}), /*#__PURE__*/(
|
|
107
|
-
children: [/*#__PURE__*/(
|
|
108
|
-
startIcon: /*#__PURE__*/(
|
|
101
|
+
}), /*#__PURE__*/_jsxs(DialogActions, {
|
|
102
|
+
children: [/*#__PURE__*/_jsx(DiscardButton, _objectSpread(_objectSpread({
|
|
103
|
+
startIcon: /*#__PURE__*/_jsx(Delete, {}),
|
|
109
104
|
variant: "destructive",
|
|
110
105
|
onClick: function onClick() {
|
|
111
106
|
return handleClose(PromptAction.Discard);
|
|
112
107
|
}
|
|
113
108
|
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.discardButton), {}, {
|
|
114
|
-
children: /*#__PURE__*/(
|
|
115
|
-
})), showSaveButton && /*#__PURE__*/(
|
|
116
|
-
startIcon: /*#__PURE__*/(
|
|
109
|
+
children: /*#__PURE__*/_jsx(FormattedMessage, _objectSpread({}, messages.discard))
|
|
110
|
+
})), showSaveButton && /*#__PURE__*/_jsx(SaveButton, _objectSpread(_objectSpread({
|
|
111
|
+
startIcon: /*#__PURE__*/_jsx(Save, {}),
|
|
117
112
|
onClick: function onClick() {
|
|
118
113
|
return handleClose(PromptAction.Save);
|
|
119
114
|
}
|
|
120
115
|
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.saveButton), {}, {
|
|
121
|
-
children: /*#__PURE__*/(
|
|
116
|
+
children: /*#__PURE__*/_jsx(FormattedMessage, _objectSpread({}, messages.save))
|
|
122
117
|
}))]
|
|
123
118
|
})]
|
|
124
119
|
}));
|
package/lib/router/Context.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type * as History from "history";
|
|
2
|
-
import { type
|
|
2
|
+
import { type RefObject } from "react";
|
|
3
3
|
import { type PromptRoutes } from "./Prompt";
|
|
4
4
|
import { type ResetAction, type SaveAction } from "./PromptHandler";
|
|
5
5
|
interface IContext {
|
|
@@ -10,7 +10,7 @@ interface IContext {
|
|
|
10
10
|
resetAction?: ResetAction;
|
|
11
11
|
path: string;
|
|
12
12
|
subRoutePath?: string;
|
|
13
|
-
promptRoutes?:
|
|
13
|
+
promptRoutes?: RefObject<PromptRoutes>;
|
|
14
14
|
}) => void;
|
|
15
15
|
unregister: (id: string) => void;
|
|
16
16
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../src/router/Context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,OAAO,MAAM,SAAS,CAAC;AACxC,OAAO,EAAiB,KAAK,
|
|
1
|
+
{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../src/router/Context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,OAAO,MAAM,SAAS,CAAC;AACxC,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEpE,UAAU,QAAQ;IACd,QAAQ,EAAE,CAAC,OAAO,EAAE;QAChB,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,KAAK,MAAM,GAAG,OAAO,CAAC;QAClF,UAAU,CAAC,EAAE,UAAU,CAAC;QACxB,WAAW,CAAC,EAAE,WAAW,CAAC;QAC1B,IAAI,EAAE,MAAM,CAAC;QACb,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,YAAY,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;KAC1C,KAAK,IAAI,CAAC;IACX,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,aAAa,+CAAiD,CAAC"}
|
package/lib/router/Context.js
CHANGED
|
@@ -1,8 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.RouterContext = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var RouterContext = exports.RouterContext = /*#__PURE__*/(0, _react.createContext)(undefined);
|
|
1
|
+
import { createContext } from "react";
|
|
2
|
+
export var RouterContext = /*#__PURE__*/createContext(undefined);
|
|
@@ -1,28 +1,21 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.ForcePromptRoute = ForcePromptRoute;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _reactRouter = require("react-router");
|
|
9
|
-
var _useConstant = _interopRequireDefault(require("use-constant"));
|
|
10
|
-
var _uuid = require("uuid");
|
|
11
|
-
var _Prompt = require("./Prompt");
|
|
12
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
15
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17
4
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
18
5
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
19
6
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
7
|
+
import { useContext, useEffect } from "react";
|
|
8
|
+
import { Route } from "react-router";
|
|
9
|
+
import useConstant from "use-constant";
|
|
10
|
+
import { v4 as uuid } from "uuid";
|
|
11
|
+
import { PromptContext } from "./Prompt";
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
export function ForcePromptRoute(props) {
|
|
14
|
+
var id = useConstant(function () {
|
|
15
|
+
return uuid();
|
|
23
16
|
});
|
|
24
|
-
var context =
|
|
25
|
-
|
|
17
|
+
var context = useContext(PromptContext);
|
|
18
|
+
useEffect(function () {
|
|
26
19
|
if (context) {
|
|
27
20
|
context.register(id, props.path);
|
|
28
21
|
}
|
|
@@ -32,5 +25,5 @@ function ForcePromptRoute(props) {
|
|
|
32
25
|
}
|
|
33
26
|
};
|
|
34
27
|
});
|
|
35
|
-
return /*#__PURE__*/(
|
|
28
|
+
return /*#__PURE__*/_jsx(Route, _objectSpread({}, props));
|
|
36
29
|
}
|
|
@@ -1,16 +1,5 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.RouterMemoryRouter = void 0;
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
var _reactRouterDom = require("react-router-dom");
|
|
10
|
-
var _PromptHandler = require("./PromptHandler");
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
var _excluded = ["children"]; // MemoryRouter that sets up a material-ui confirmation dialog
|
|
13
|
-
// plus a PromptHandler that works with our Prompt (supporting multiple Prompts)
|
|
2
|
+
var _excluded = ["children"];
|
|
14
3
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
4
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
5
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
@@ -18,19 +7,26 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
|
|
|
18
7
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
19
8
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
20
9
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
21
|
-
|
|
10
|
+
import { useRef } from "react";
|
|
11
|
+
import { MemoryRouter as ReactMemoryRouter } from "react-router-dom";
|
|
12
|
+
import { RouterPromptHandler } from "./PromptHandler";
|
|
13
|
+
|
|
14
|
+
// MemoryRouter that sets up a material-ui confirmation dialog
|
|
15
|
+
// plus a PromptHandler that works with our Prompt (supporting multiple Prompts)
|
|
16
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
17
|
+
export var RouterMemoryRouter = function RouterMemoryRouter(_ref) {
|
|
22
18
|
var children = _ref.children,
|
|
23
19
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
24
|
-
var apiRef =
|
|
20
|
+
var apiRef = useRef(undefined);
|
|
25
21
|
var getConfirmation = function getConfirmation(message, callback) {
|
|
26
22
|
if (apiRef.current) {
|
|
27
23
|
apiRef.current.showDialog(message, callback);
|
|
28
24
|
}
|
|
29
25
|
};
|
|
30
|
-
return /*#__PURE__*/(
|
|
26
|
+
return /*#__PURE__*/_jsx(ReactMemoryRouter, _objectSpread(_objectSpread({
|
|
31
27
|
getUserConfirmation: getConfirmation
|
|
32
28
|
}, props), {}, {
|
|
33
|
-
children: /*#__PURE__*/(
|
|
29
|
+
children: /*#__PURE__*/_jsx(RouterPromptHandler, {
|
|
34
30
|
apiRef: apiRef,
|
|
35
31
|
children: children
|
|
36
32
|
})
|
package/lib/router/Prompt.js
CHANGED
|
@@ -1,40 +1,33 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var
|
|
9
|
-
var _useConstant = _interopRequireDefault(require("use-constant"));
|
|
10
|
-
var _uuid = require("uuid");
|
|
11
|
-
var _Context = require("./Context");
|
|
12
|
-
var _SubRoute = require("./SubRoute");
|
|
13
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
15
|
-
var PromptContext = exports.PromptContext = /*#__PURE__*/(0, _react.createContext)(undefined);
|
|
1
|
+
import { createContext, useContext, useEffect, useRef } from "react";
|
|
2
|
+
import { __RouterContext } from "react-router";
|
|
3
|
+
import useConstant from "use-constant";
|
|
4
|
+
import { v4 as uuid } from "uuid";
|
|
5
|
+
import { RouterContext } from "./Context";
|
|
6
|
+
import { SubRoute, useSubRoutePrefix } from "./SubRoute";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export var PromptContext = /*#__PURE__*/createContext(undefined);
|
|
16
9
|
|
|
17
10
|
// react-router Prompt doesn't support multiple Prompts, this one does
|
|
18
11
|
|
|
19
|
-
var RouterPrompt =
|
|
12
|
+
export var RouterPrompt = function RouterPrompt(_ref) {
|
|
20
13
|
var _reactRouterContext$m;
|
|
21
14
|
var message = _ref.message,
|
|
22
15
|
saveAction = _ref.saveAction,
|
|
23
16
|
resetAction = _ref.resetAction,
|
|
24
17
|
subRoutePath = _ref.subRoutePath,
|
|
25
18
|
children = _ref.children;
|
|
26
|
-
var id = (
|
|
27
|
-
return (
|
|
19
|
+
var id = useConstant(function () {
|
|
20
|
+
return uuid();
|
|
28
21
|
});
|
|
29
|
-
var reactRouterContext =
|
|
22
|
+
var reactRouterContext = useContext(__RouterContext); // reactRouterContext can be undefined if no router is used, don't fail in that case
|
|
30
23
|
var path = reactRouterContext === null || reactRouterContext === void 0 || (_reactRouterContext$m = reactRouterContext.match) === null || _reactRouterContext$m === void 0 ? void 0 : _reactRouterContext$m.path;
|
|
31
|
-
var context =
|
|
32
|
-
var subRoutePrefix =
|
|
33
|
-
var promptRoutes =
|
|
24
|
+
var context = useContext(RouterContext);
|
|
25
|
+
var subRoutePrefix = useSubRoutePrefix();
|
|
26
|
+
var promptRoutes = useRef({});
|
|
34
27
|
if (subRoutePath && subRoutePath.startsWith("./")) {
|
|
35
28
|
subRoutePath = subRoutePrefix + subRoutePath.substring(1);
|
|
36
29
|
}
|
|
37
|
-
|
|
30
|
+
useEffect(function () {
|
|
38
31
|
if (context) {
|
|
39
32
|
context.register({
|
|
40
33
|
id: id,
|
|
@@ -54,11 +47,11 @@ var RouterPrompt = exports.RouterPrompt = function RouterPrompt(_ref) {
|
|
|
54
47
|
}
|
|
55
48
|
};
|
|
56
49
|
});
|
|
57
|
-
var childrenWithSubRoute = subRoutePath ? /*#__PURE__*/(
|
|
50
|
+
var childrenWithSubRoute = subRoutePath ? /*#__PURE__*/_jsx(SubRoute, {
|
|
58
51
|
path: subRoutePath,
|
|
59
52
|
children: children
|
|
60
53
|
}) : children;
|
|
61
|
-
return /*#__PURE__*/(
|
|
54
|
+
return /*#__PURE__*/_jsx(PromptContext.Provider, {
|
|
62
55
|
value: {
|
|
63
56
|
register: function register(id, path) {
|
|
64
57
|
promptRoutes.current[id] = {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type PropsWithChildren, type RefObject } from "react";
|
|
2
2
|
export interface PromptHandlerApi {
|
|
3
3
|
showDialog: (message: string, callback: (ok: boolean) => void) => void;
|
|
4
4
|
}
|
|
5
5
|
interface Props {
|
|
6
|
-
apiRef:
|
|
6
|
+
apiRef: RefObject<PromptHandlerApi | undefined>;
|
|
7
7
|
}
|
|
8
8
|
type SaveActionSuccess = boolean;
|
|
9
9
|
export type SaveAction = (() => Promise<SaveActionSuccess>) | (() => SaveActionSuccess);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PromptHandler.d.ts","sourceRoot":"","sources":["../../src/router/PromptHandler.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"PromptHandler.d.ts","sourceRoot":"","sources":["../../src/router/PromptHandler.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAC;AAYjF,MAAM,WAAW,gBAAgB;IAC7B,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,OAAO,KAAK,IAAI,KAAK,IAAI,CAAC;CAC1E;AAiGD,UAAU,KAAK;IACX,MAAM,EAAE,SAAS,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAC;CACnD;AAED,KAAK,iBAAiB,GAAG,OAAO,CAAC;AACjC,MAAM,MAAM,UAAU,GAAG,CAAC,MAAM,OAAO,CAAC,iBAAiB,CAAC,CAAC,GAAG,CAAC,MAAM,iBAAiB,CAAC,CAAC;AACxF,MAAM,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC;AAErC,eAAO,MAAM,mBAAmB,GAAa,sBAAsB,iBAAiB,CAAC,KAAK,CAAC,4CA6C1F,CAAC"}
|