@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
package/lib/ContentOverflow.js
CHANGED
|
@@ -1,16 +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.ContentOverflow = void 0;
|
|
8
|
-
var _adminIcons = require("@comet/admin-icons");
|
|
9
|
-
var _material = require("@mui/material");
|
|
10
|
-
var _react = require("react");
|
|
11
|
-
var _reactIntl = require("react-intl");
|
|
12
|
-
var _createComponentSlot = require("./helpers/createComponentSlot");
|
|
13
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
2
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
|
|
15
3
|
var _excluded = ["children", "dialogTitle", "iconMapping", "slotProps"];
|
|
16
4
|
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
@@ -27,14 +15,22 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
|
|
|
27
15
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
28
16
|
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; }
|
|
29
17
|
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; }
|
|
30
|
-
|
|
31
|
-
|
|
18
|
+
import { Close, Maximize } from "@comet/admin-icons";
|
|
19
|
+
import { ButtonBase, css,
|
|
20
|
+
// eslint-disable-next-line no-restricted-imports
|
|
21
|
+
Dialog as MuiDialog, DialogContent as MuiDialogContent, DialogTitle as MuiDialogTitle, IconButton, Paper, useThemeProps } from "@mui/material";
|
|
22
|
+
import { useState } from "react";
|
|
23
|
+
import { FormattedMessage } from "react-intl";
|
|
24
|
+
import { createComponentSlot } from "./helpers/createComponentSlot";
|
|
25
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
26
|
+
export var ContentOverflow = function ContentOverflow(inProps) {
|
|
27
|
+
var _useThemeProps = useThemeProps({
|
|
32
28
|
props: inProps,
|
|
33
29
|
name: "CometAdminContentOverflow"
|
|
34
30
|
}),
|
|
35
31
|
children = _useThemeProps.children,
|
|
36
32
|
_useThemeProps$dialog = _useThemeProps.dialogTitle,
|
|
37
|
-
dialogTitle = _useThemeProps$dialog === void 0 ? /*#__PURE__*/(
|
|
33
|
+
dialogTitle = _useThemeProps$dialog === void 0 ? /*#__PURE__*/_jsx(FormattedMessage, {
|
|
38
34
|
id: "comet.contentOverflow.dialogTitle",
|
|
39
35
|
defaultMessage: "Preview"
|
|
40
36
|
}) : _useThemeProps$dialog,
|
|
@@ -43,36 +39,36 @@ var ContentOverflow = exports.ContentOverflow = function ContentOverflow(inProps
|
|
|
43
39
|
slotProps = _useThemeProps.slotProps,
|
|
44
40
|
restProps = _objectWithoutProperties(_useThemeProps, _excluded);
|
|
45
41
|
var _iconMapping$openDial = iconMapping.openDialog,
|
|
46
|
-
openDialogIcon = _iconMapping$openDial === void 0 ? /*#__PURE__*/(
|
|
42
|
+
openDialogIcon = _iconMapping$openDial === void 0 ? /*#__PURE__*/_jsx(Maximize, {
|
|
47
43
|
fontSize: "inherit"
|
|
48
44
|
}) : _iconMapping$openDial,
|
|
49
45
|
_iconMapping$closeDia = iconMapping.closeDialog,
|
|
50
|
-
closeDialogIcon = _iconMapping$closeDia === void 0 ? /*#__PURE__*/(
|
|
51
|
-
var _useState =
|
|
46
|
+
closeDialogIcon = _iconMapping$closeDia === void 0 ? /*#__PURE__*/_jsx(Close, {}) : _iconMapping$closeDia;
|
|
47
|
+
var _useState = useState(false),
|
|
52
48
|
_useState2 = _slicedToArray(_useState, 2),
|
|
53
49
|
open = _useState2[0],
|
|
54
50
|
setOpen = _useState2[1];
|
|
55
|
-
return /*#__PURE__*/(
|
|
56
|
-
children: [/*#__PURE__*/(
|
|
57
|
-
children: /*#__PURE__*/(
|
|
51
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
52
|
+
children: [/*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
|
|
53
|
+
children: /*#__PURE__*/_jsxs(ClickableContent, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.clickableContent), {}, {
|
|
58
54
|
onClick: function onClick() {
|
|
59
55
|
return setOpen(true);
|
|
60
56
|
},
|
|
61
|
-
children: [/*#__PURE__*/(
|
|
57
|
+
children: [/*#__PURE__*/_jsx(ContentContainer, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.contentContainer), {}, {
|
|
62
58
|
children: children
|
|
63
|
-
})), /*#__PURE__*/(
|
|
59
|
+
})), /*#__PURE__*/_jsx(OpenDialogIcon, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.openDialogIcon), {}, {
|
|
64
60
|
children: openDialogIcon
|
|
65
61
|
}))]
|
|
66
62
|
}))
|
|
67
|
-
})), /*#__PURE__*/(
|
|
63
|
+
})), /*#__PURE__*/_jsxs(Dialog, _objectSpread(_objectSpread({
|
|
68
64
|
PaperComponent: DialogPaper
|
|
69
65
|
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.dialog), {}, {
|
|
70
66
|
open: open,
|
|
71
67
|
onClose: function onClose() {
|
|
72
68
|
return setOpen(false);
|
|
73
69
|
},
|
|
74
|
-
children: [/*#__PURE__*/(
|
|
75
|
-
children: [dialogTitle, /*#__PURE__*/(
|
|
70
|
+
children: [/*#__PURE__*/_jsxs(DialogTitle, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.dialogTitle), {}, {
|
|
71
|
+
children: [dialogTitle, /*#__PURE__*/_jsx(CloseDialogButton, _objectSpread(_objectSpread({
|
|
76
72
|
color: "inherit"
|
|
77
73
|
}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.closeDialogButton), {}, {
|
|
78
74
|
onClick: function onClick() {
|
|
@@ -80,63 +76,63 @@ var ContentOverflow = exports.ContentOverflow = function ContentOverflow(inProps
|
|
|
80
76
|
},
|
|
81
77
|
children: closeDialogIcon
|
|
82
78
|
}))]
|
|
83
|
-
})), /*#__PURE__*/(
|
|
84
|
-
children: /*#__PURE__*/(
|
|
79
|
+
})), /*#__PURE__*/_jsx(DialogContent, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.dialogContent), {}, {
|
|
80
|
+
children: /*#__PURE__*/_jsx(InnerDialogContent, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.innerDialogContent), {}, {
|
|
85
81
|
children: children
|
|
86
82
|
}))
|
|
87
83
|
}))]
|
|
88
84
|
}))]
|
|
89
85
|
});
|
|
90
86
|
};
|
|
91
|
-
var Root =
|
|
87
|
+
var Root = createComponentSlot("div")({
|
|
92
88
|
componentName: "ContentOverflow",
|
|
93
89
|
slotName: "root"
|
|
94
90
|
})(function (_ref) {
|
|
95
91
|
var theme = _ref.theme;
|
|
96
|
-
return
|
|
92
|
+
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: ", ";\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n "])), theme.spacing(2));
|
|
97
93
|
});
|
|
98
|
-
var ClickableContent =
|
|
94
|
+
var ClickableContent = createComponentSlot(ButtonBase)({
|
|
99
95
|
componentName: "ContentOverflow",
|
|
100
96
|
slotName: "clickableContent"
|
|
101
97
|
})(function (_ref2) {
|
|
102
98
|
var theme = _ref2.theme;
|
|
103
|
-
return
|
|
99
|
+
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n width: 100%;\n height: 100%;\n padding: ", ";\n box-sizing: border-box;\n border: 1px dashed ", ";\n border-radius: 3px;\n background-color: white;\n white-space: normal;\n "])), theme.spacing(2, 2, 0, 2), theme.palette.grey[100]);
|
|
104
100
|
});
|
|
105
|
-
var ContentContainer =
|
|
101
|
+
var ContentContainer = createComponentSlot("div")({
|
|
106
102
|
componentName: "ContentOverflow",
|
|
107
103
|
slotName: "contentContainer"
|
|
108
|
-
})(
|
|
109
|
-
var OpenDialogIcon =
|
|
104
|
+
})(css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: 100%;\n height: 100%;\n text-align: left;\n overflow: hidden;\n position: relative;\n\n // Prevent interacting with the content outside the dialog. A click should only open the dialog with the full content.\n // E.g. a link inside content would cause a page change, in addition to opening the dialog, which is not intended.\n pointer-events: none;\n"]))));
|
|
105
|
+
var OpenDialogIcon = createComponentSlot("div")({
|
|
110
106
|
componentName: "ContentOverflow",
|
|
111
107
|
slotName: "openDialogIcon"
|
|
112
|
-
})(
|
|
113
|
-
var Dialog =
|
|
108
|
+
})(css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n right: 0;\n padding: 6px;\n font-size: 12px;\n line-height: 0;\n background-color: inherit;\n border-bottom-left-radius: 3px;\n"]))));
|
|
109
|
+
var Dialog = createComponentSlot(MuiDialog)({
|
|
114
110
|
componentName: "ContentOverflow",
|
|
115
111
|
slotName: "dialog"
|
|
116
112
|
})();
|
|
117
|
-
var DialogPaper =
|
|
113
|
+
var DialogPaper = createComponentSlot(Paper)({
|
|
118
114
|
componentName: "ContentOverflow",
|
|
119
115
|
slotName: "dialogPaper"
|
|
120
|
-
})(
|
|
121
|
-
var DialogTitle =
|
|
116
|
+
})(css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n overflow: hidden;\n\n // TODO: Consider a generic solution for height and max-height in dialogs.\n height: calc(100vh - 100px);\n\n && {\n max-height: 600px;\n }\n"]))));
|
|
117
|
+
var DialogTitle = createComponentSlot(MuiDialogTitle)({
|
|
122
118
|
componentName: "ContentOverflow",
|
|
123
119
|
slotName: "dialogTitle"
|
|
124
|
-
})(
|
|
125
|
-
var CloseDialogButton =
|
|
120
|
+
})(css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"]))));
|
|
121
|
+
var CloseDialogButton = createComponentSlot(IconButton)({
|
|
126
122
|
componentName: "ContentOverflow",
|
|
127
123
|
slotName: "closeDialogButton"
|
|
128
124
|
})();
|
|
129
|
-
var DialogContent =
|
|
125
|
+
var DialogContent = createComponentSlot(MuiDialogContent)({
|
|
130
126
|
componentName: "ContentOverflow",
|
|
131
127
|
slotName: "dialogContent"
|
|
132
128
|
})(function (_ref3) {
|
|
133
129
|
var theme = _ref3.theme;
|
|
134
|
-
return
|
|
130
|
+
return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n min-height: 0;\n box-sizing: border-box;\n overflow: visible;\n\n && {\n padding: ", ";\n }\n "])), theme.spacing(4));
|
|
135
131
|
});
|
|
136
|
-
var InnerDialogContent =
|
|
132
|
+
var InnerDialogContent = createComponentSlot("div")({
|
|
137
133
|
componentName: "ContentOverflow",
|
|
138
134
|
slotName: "innerDialogContent"
|
|
139
135
|
})(function (_ref4) {
|
|
140
136
|
var theme = _ref4.theme;
|
|
141
|
-
return
|
|
137
|
+
return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n background-color: white;\n border: 1px dashed ", ";\n border-radius: 3px;\n padding: ", ";\n height: 100%;\n overflow: auto;\n box-sizing: border-box;\n "])), theme.palette.grey[100], theme.spacing(2));
|
|
142
138
|
});
|
package/lib/DeleteMutation.js
CHANGED
|
@@ -1,64 +1,58 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.DeleteMutation = DeleteMutation;
|
|
7
|
-
var _client = require("@apollo/client");
|
|
8
|
-
var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
|
|
9
|
-
var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
|
|
10
|
-
var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
|
|
11
|
-
var _react = require("react");
|
|
12
|
-
var _reactIntl = require("react-intl");
|
|
13
|
-
var _CancelButton = require("./common/buttons/cancel/CancelButton");
|
|
14
|
-
var _DeleteButton = require("./common/buttons/delete/DeleteButton");
|
|
15
|
-
var _TableQueryContext = require("./table/TableQueryContext");
|
|
16
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
18
1
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
19
2
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
20
3
|
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
21
4
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
22
5
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
23
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
24
|
-
|
|
25
|
-
|
|
6
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
7
|
+
import { useApolloClient } from "@apollo/client";
|
|
8
|
+
// eslint-disable-next-line no-restricted-imports
|
|
9
|
+
import Dialog from "@mui/material/Dialog";
|
|
10
|
+
import DialogActions from "@mui/material/DialogActions";
|
|
11
|
+
import DialogTitle from "@mui/material/DialogTitle";
|
|
12
|
+
import { Fragment, useContext, useState } from "react";
|
|
13
|
+
import { FormattedMessage } from "react-intl";
|
|
14
|
+
import { CancelButton } from "./common/buttons/cancel/CancelButton";
|
|
15
|
+
import { DeleteButton } from "./common/buttons/delete/DeleteButton";
|
|
16
|
+
import { TableQueryContext } from "./table/TableQueryContext";
|
|
17
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
18
|
+
export function DeleteMutation(props) {
|
|
19
|
+
var _useState = useState(false),
|
|
26
20
|
_useState2 = _slicedToArray(_useState, 2),
|
|
27
21
|
dialogOpen = _useState2[0],
|
|
28
22
|
setDialogOpen = _useState2[1];
|
|
29
|
-
var _useState3 =
|
|
23
|
+
var _useState3 = useState(false),
|
|
30
24
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
31
25
|
loading = _useState4[0],
|
|
32
26
|
setLoading = _useState4[1];
|
|
33
|
-
var _useState5 =
|
|
27
|
+
var _useState5 = useState(undefined),
|
|
34
28
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
35
29
|
pendingVariables = _useState6[0],
|
|
36
30
|
setPendingVariables = _useState6[1];
|
|
37
|
-
var client =
|
|
38
|
-
var tableQuery =
|
|
31
|
+
var client = useApolloClient();
|
|
32
|
+
var tableQuery = useContext(TableQueryContext);
|
|
39
33
|
var _props$refetchQueries = props.refetchQueries,
|
|
40
34
|
refetchQueries = _props$refetchQueries === void 0 ? [] : _props$refetchQueries;
|
|
41
|
-
return /*#__PURE__*/(
|
|
35
|
+
return /*#__PURE__*/_jsxs(Fragment, {
|
|
42
36
|
children: [props.children(function (options) {
|
|
43
37
|
setDialogOpen(true);
|
|
44
38
|
setPendingVariables(options.variables);
|
|
45
39
|
}, {
|
|
46
40
|
loading: loading,
|
|
47
41
|
error: null // TODO
|
|
48
|
-
}), /*#__PURE__*/(
|
|
42
|
+
}), /*#__PURE__*/_jsxs(Dialog, {
|
|
49
43
|
open: dialogOpen,
|
|
50
44
|
onClose: handleNoClick,
|
|
51
45
|
maxWidth: "xs",
|
|
52
|
-
children: [/*#__PURE__*/(
|
|
53
|
-
children: /*#__PURE__*/(
|
|
46
|
+
children: [/*#__PURE__*/_jsx(DialogTitle, {
|
|
47
|
+
children: /*#__PURE__*/_jsx(FormattedMessage, {
|
|
54
48
|
id: "comet.deleteMutation.promptDelete",
|
|
55
49
|
defaultMessage: "Delete item?",
|
|
56
50
|
description: "Prompt to delete an item"
|
|
57
51
|
})
|
|
58
|
-
}), /*#__PURE__*/(
|
|
59
|
-
children: [/*#__PURE__*/(
|
|
52
|
+
}), /*#__PURE__*/_jsxs(DialogActions, {
|
|
53
|
+
children: [/*#__PURE__*/_jsx(CancelButton, {
|
|
60
54
|
onClick: handleNoClick
|
|
61
|
-
}), /*#__PURE__*/(
|
|
55
|
+
}), /*#__PURE__*/_jsx(DeleteButton, {
|
|
62
56
|
onClick: handleYesClick,
|
|
63
57
|
autoFocus: true
|
|
64
58
|
})]
|
package/lib/EditDialog.js
CHANGED
|
@@ -1,20 +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.EditDialog = void 0;
|
|
8
|
-
exports.useEditDialog = useEditDialog;
|
|
9
|
-
var _material = require("@mui/material");
|
|
10
|
-
var _react = require("react");
|
|
11
|
-
var _reactIntl = require("react-intl");
|
|
12
|
-
var _CancelButton = require("./common/buttons/cancel/CancelButton");
|
|
13
|
-
var _messages = require("./messages");
|
|
14
|
-
var _SaveBoundary = require("./saveBoundary/SaveBoundary");
|
|
15
|
-
var _SaveBoundarySaveButton = require("./saveBoundary/SaveBoundarySaveButton");
|
|
16
|
-
var _SelectionRoute = require("./SelectionRoute");
|
|
17
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
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; }
|
|
19
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; }
|
|
20
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; }
|
|
@@ -26,19 +10,30 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
|
|
|
26
10
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
27
11
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
28
12
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
29
|
-
|
|
30
|
-
|
|
13
|
+
import {
|
|
14
|
+
// eslint-disable-next-line no-restricted-imports
|
|
15
|
+
Dialog, DialogActions, DialogTitle } from "@mui/material";
|
|
16
|
+
import { forwardRef, useCallback, useImperativeHandle, useMemo } from "react";
|
|
17
|
+
import { useIntl } from "react-intl";
|
|
18
|
+
import { CancelButton } from "./common/buttons/cancel/CancelButton";
|
|
19
|
+
import { messages } from "./messages";
|
|
20
|
+
import { SaveBoundary } from "./saveBoundary/SaveBoundary";
|
|
21
|
+
import { SaveBoundarySaveButton } from "./saveBoundary/SaveBoundarySaveButton";
|
|
22
|
+
import { useSelectionRoute } from "./SelectionRoute";
|
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
|
+
export function useEditDialog() {
|
|
25
|
+
var _useSelectionRoute = useSelectionRoute(),
|
|
31
26
|
_useSelectionRoute2 = _slicedToArray(_useSelectionRoute, 3),
|
|
32
27
|
Selection = _useSelectionRoute2[0],
|
|
33
28
|
selection = _useSelectionRoute2[1],
|
|
34
29
|
selectionApi = _useSelectionRoute2[2];
|
|
35
|
-
var openAddDialog =
|
|
30
|
+
var openAddDialog = useCallback(function (id) {
|
|
36
31
|
selectionApi.handleAdd(id);
|
|
37
32
|
}, [selectionApi]);
|
|
38
|
-
var openEditDialog =
|
|
33
|
+
var openEditDialog = useCallback(function (id) {
|
|
39
34
|
selectionApi.handleSelectId(id);
|
|
40
35
|
}, [selectionApi]);
|
|
41
|
-
var closeDialog =
|
|
36
|
+
var closeDialog = useCallback(function (options) {
|
|
42
37
|
var _delay$options = _objectSpread({
|
|
43
38
|
delay: false
|
|
44
39
|
}, options),
|
|
@@ -52,17 +47,17 @@ function useEditDialog() {
|
|
|
52
47
|
selectionApi.handleDeselect();
|
|
53
48
|
}
|
|
54
49
|
}, [selectionApi]);
|
|
55
|
-
var api =
|
|
50
|
+
var api = useMemo(function () {
|
|
56
51
|
return {
|
|
57
52
|
openAddDialog: openAddDialog,
|
|
58
53
|
openEditDialog: openEditDialog,
|
|
59
54
|
closeDialog: closeDialog
|
|
60
55
|
};
|
|
61
56
|
}, [closeDialog, openAddDialog, openEditDialog]);
|
|
62
|
-
var EditDialogWithHookProps =
|
|
57
|
+
var EditDialogWithHookProps = useMemo(function () {
|
|
63
58
|
return function (props) {
|
|
64
|
-
return /*#__PURE__*/(
|
|
65
|
-
children: /*#__PURE__*/(
|
|
59
|
+
return /*#__PURE__*/_jsx(Selection, {
|
|
60
|
+
children: /*#__PURE__*/_jsx(EditDialogInner, _objectSpread(_objectSpread({}, props), {}, {
|
|
66
61
|
selection: selection,
|
|
67
62
|
selectionApi: selectionApi,
|
|
68
63
|
api: api
|
|
@@ -82,10 +77,10 @@ var EditDialogInner = function EditDialogInner(_ref) {
|
|
|
82
77
|
onAfterSave = _ref.onAfterSave,
|
|
83
78
|
children = _ref.children,
|
|
84
79
|
componentsProps = _ref.componentsProps;
|
|
85
|
-
var intl =
|
|
80
|
+
var intl = useIntl();
|
|
86
81
|
var title = maybeTitle !== null && maybeTitle !== void 0 ? maybeTitle : {
|
|
87
|
-
edit: intl.formatMessage(
|
|
88
|
-
add: intl.formatMessage(
|
|
82
|
+
edit: intl.formatMessage(messages.edit),
|
|
83
|
+
add: intl.formatMessage(messages.add)
|
|
89
84
|
};
|
|
90
85
|
var handleCancelClick = function handleCancelClick() {
|
|
91
86
|
// TODO DirtyHandler removal: do we need a onReset functionality here?
|
|
@@ -94,7 +89,7 @@ var EditDialogInner = function EditDialogInner(_ref) {
|
|
|
94
89
|
var handleCloseClick = function handleCloseClick() {
|
|
95
90
|
api.closeDialog();
|
|
96
91
|
};
|
|
97
|
-
var handleAfterSave =
|
|
92
|
+
var handleAfterSave = useCallback(function () {
|
|
98
93
|
setTimeout(function () {
|
|
99
94
|
// TODO DirtyHandler removal: do we need a onReset functionality here?
|
|
100
95
|
if (!disableCloseAfterSave) {
|
|
@@ -104,18 +99,18 @@ var EditDialogInner = function EditDialogInner(_ref) {
|
|
|
104
99
|
onAfterSave === null || onAfterSave === void 0 || onAfterSave();
|
|
105
100
|
}, [api, disableCloseAfterSave, onAfterSave]);
|
|
106
101
|
var isOpen = !!selection.mode;
|
|
107
|
-
return /*#__PURE__*/(
|
|
102
|
+
return /*#__PURE__*/_jsx(SaveBoundary, {
|
|
108
103
|
onAfterSave: handleAfterSave,
|
|
109
|
-
children: /*#__PURE__*/(
|
|
104
|
+
children: /*#__PURE__*/_jsxs(Dialog, _objectSpread(_objectSpread({
|
|
110
105
|
open: isOpen,
|
|
111
106
|
onClose: handleCloseClick
|
|
112
107
|
}, componentsProps === null || componentsProps === void 0 ? void 0 : componentsProps.dialog), {}, {
|
|
113
|
-
children: [/*#__PURE__*/(
|
|
108
|
+
children: [/*#__PURE__*/_jsx(DialogTitle, _objectSpread(_objectSpread({}, componentsProps === null || componentsProps === void 0 ? void 0 : componentsProps.dialogTitle), {}, {
|
|
114
109
|
children: typeof title === "string" ? title : selection.mode === "edit" ? title.edit : title.add
|
|
115
|
-
})), children, /*#__PURE__*/(
|
|
116
|
-
children: [/*#__PURE__*/(
|
|
110
|
+
})), children, /*#__PURE__*/_jsxs(DialogActions, _objectSpread(_objectSpread({}, componentsProps === null || componentsProps === void 0 ? void 0 : componentsProps.dialogActions), {}, {
|
|
111
|
+
children: [/*#__PURE__*/_jsx(CancelButton, {
|
|
117
112
|
onClick: handleCancelClick
|
|
118
|
-
}), /*#__PURE__*/(
|
|
113
|
+
}), /*#__PURE__*/_jsx(SaveBoundarySaveButton, {
|
|
119
114
|
disabled: false
|
|
120
115
|
})]
|
|
121
116
|
}))]
|
|
@@ -132,10 +127,10 @@ var EditDialogHooklessInner = function EditDialogHooklessInner(_ref2, ref) {
|
|
|
132
127
|
EditDialogConfigured = _useEditDialog2[0],
|
|
133
128
|
selection = _useEditDialog2[1],
|
|
134
129
|
api = _useEditDialog2[2];
|
|
135
|
-
|
|
130
|
+
useImperativeHandle(ref, function () {
|
|
136
131
|
return api;
|
|
137
132
|
});
|
|
138
|
-
return /*#__PURE__*/(
|
|
133
|
+
return /*#__PURE__*/_jsx(EditDialogConfigured, {
|
|
139
134
|
title: title,
|
|
140
135
|
onAfterSave: onAfterSave,
|
|
141
136
|
componentsProps: componentsProps,
|
|
@@ -145,4 +140,4 @@ var EditDialogHooklessInner = function EditDialogHooklessInner(_ref2, ref) {
|
|
|
145
140
|
})
|
|
146
141
|
});
|
|
147
142
|
};
|
|
148
|
-
var EditDialog =
|
|
143
|
+
export var EditDialog = /*#__PURE__*/forwardRef(EditDialogHooklessInner);
|
|
@@ -1,12 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
});
|
|
6
|
-
exports.EditDialogApiContext = void 0;
|
|
7
|
-
exports.useEditDialogApi = useEditDialogApi;
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
var EditDialogApiContext = exports.EditDialogApiContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
10
|
-
function useEditDialogApi() {
|
|
11
|
-
return (0, _react.useContext)(EditDialogApiContext);
|
|
1
|
+
import { createContext, useContext } from "react";
|
|
2
|
+
export var EditDialogApiContext = /*#__PURE__*/createContext(null);
|
|
3
|
+
export function useEditDialogApi() {
|
|
4
|
+
return useContext(EditDialogApiContext);
|
|
12
5
|
}
|
package/lib/FinalForm.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { type Config, type Decorator, type FormApi, type FormSubscription, type SubmissionErrors, type ValidationErrors } from "final-form";
|
|
2
|
-
import { type
|
|
2
|
+
import { type RefObject } from "react";
|
|
3
3
|
import { type AnyObject, type FormRenderProps, type RenderableProps } from "react-final-form";
|
|
4
4
|
import { type FinalFormContext } from "./form/FinalFormContextProvider";
|
|
5
|
-
export declare const useFormApiRef: <FormValues = Record<string, any>, InitialFormValues = Partial<FormValues>>() =>
|
|
5
|
+
export declare const useFormApiRef: <FormValues = Record<string, any>, InitialFormValues = Partial<FormValues>>() => RefObject<FormApi<FormValues, InitialFormValues> | undefined>;
|
|
6
6
|
interface IProps<FormValues = Record<string, any>, InitialFormValues = Partial<FormValues>> extends Omit<Config<FormValues, InitialFormValues>, "onSubmit">, RenderableProps<FormRenderProps<FormValues, InitialFormValues>> {
|
|
7
7
|
subscription?: FormSubscription;
|
|
8
8
|
decorators?: Array<Decorator<FormValues, InitialFormValues>>;
|
|
@@ -18,7 +18,7 @@ interface IProps<FormValues = Record<string, any>, InitialFormValues = Partial<F
|
|
|
18
18
|
onAfterSubmit?: (values: FormValues, form: FormApi<FormValues, InitialFormValues>) => void;
|
|
19
19
|
validateWarning?: (values: FormValues) => ValidationErrors | Promise<ValidationErrors> | undefined;
|
|
20
20
|
formContext?: Partial<FinalFormContext>;
|
|
21
|
-
apiRef?:
|
|
21
|
+
apiRef?: RefObject<FormApi<FormValues, InitialFormValues> | undefined>;
|
|
22
22
|
subRoutePath?: string;
|
|
23
23
|
}
|
|
24
24
|
declare module "final-form" {
|
package/lib/FinalForm.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FinalForm.d.ts","sourceRoot":"","sources":["../src/FinalForm.tsx"],"names":[],"mappings":"AACA,OAAO,EACH,KAAK,MAAM,EACX,KAAK,SAAS,EAEd,KAAK,OAAO,EACZ,KAAK,gBAAgB,EAGrB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACxB,MAAM,YAAY,CAAC;AAEpB,OAAO,
|
|
1
|
+
{"version":3,"file":"FinalForm.d.ts","sourceRoot":"","sources":["../src/FinalForm.tsx"],"names":[],"mappings":"AACA,OAAO,EACH,KAAK,MAAM,EACX,KAAK,SAAS,EAEd,KAAK,OAAO,EACZ,KAAK,gBAAgB,EAGrB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACxB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAA0B,KAAK,SAAS,EAA8C,MAAM,OAAO,CAAC;AAC3G,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,eAAe,EAAW,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAG7G,OAAO,EAAE,KAAK,gBAAgB,EAA4B,MAAM,iCAAiC,CAAC;AAQlG,eAAO,MAAM,aAAa,GAAI,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,iBAAiB,GAAG,OAAO,CAAC,UAAU,CAAC,oEAC1C,CAAC;AAG9D,UAAU,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,iBAAiB,GAAG,OAAO,CAAC,UAAU,CAAC,CACtF,SAAQ,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,iBAAiB,CAAC,EAAE,UAAU,CAAC,EAC3D,eAAe,CAAC,eAAe,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAC;IACnE,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAC7D,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAC;IAC9C,kBAAkB,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,OAAO,CAAC;IAC/D,CAAC,SAAS,EAAE,MAAM,GAAG,GAAG,CAAC;IAEzB,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC;IACrB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,gBAAgB,CAAC;IAGpE,QAAQ,EAAE,CACN,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,OAAO,CAAC,UAAU,EAAE,iBAAiB,CAAC,EAC5C,KAAK,EAAE,oBAAoB,KAC1B,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,GAAG,SAAS,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC;IAEjF;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,CAAC,UAAU,EAAE,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3F,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IACnG,WAAW,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,UAAU,EAAE,iBAAiB,CAAC,GAAG,SAAS,CAAC,CAAC;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,OAAO,QAAQ,YAAY,CAAC;IACxB,UAAU,iBAAiB;QACvB,WAAW,EAAE,GAAG,CAAC;KACpB;CACJ;AA4CD,qBAAa,oBAAqB,SAAQ,KAAK;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,SAAS,CAAC,UAAU,GAAG,SAAS,EAAE,iBAAiB,GAAG,OAAO,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,iBAAiB,CAAC,2CAkMtI"}
|