@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.
Files changed (448) hide show
  1. package/lib/ContentOverflow.js +42 -46
  2. package/lib/DeleteMutation.js +25 -31
  3. package/lib/EditDialog.js +33 -38
  4. package/lib/EditDialogApiContext.js +4 -11
  5. package/lib/FinalForm.d.ts +3 -3
  6. package/lib/FinalForm.d.ts.map +1 -1
  7. package/lib/FinalForm.js +44 -52
  8. package/lib/FinalFormSaveButton.js +11 -17
  9. package/lib/FinalFormSaveCancelButtonsLegacy.js +19 -25
  10. package/lib/FinalFormSaveSplitButton.js +22 -28
  11. package/lib/FormMutation.js +4 -10
  12. package/lib/Selected.js +17 -23
  13. package/lib/Selection.js +10 -17
  14. package/lib/SelectionApi.js +1 -5
  15. package/lib/SelectionRoute.js +19 -26
  16. package/lib/alert/Alert.js +26 -31
  17. package/lib/alert/__stories__/Alert.stories.js +25 -30
  18. package/lib/apollo/filterByFragment.js +12 -18
  19. package/lib/apollo/useFocusAwarePolling.js +4 -9
  20. package/lib/appHeader/AppHeader.js +12 -18
  21. package/lib/appHeader/button/AppHeaderButton.js +10 -16
  22. package/lib/appHeader/button/AppHeaderButton.styles.d.ts +1 -3
  23. package/lib/appHeader/button/AppHeaderButton.styles.d.ts.map +1 -1
  24. package/lib/appHeader/button/AppHeaderButton.styles.js +12 -18
  25. package/lib/appHeader/dropdown/AppHeaderDropdown.js +21 -27
  26. package/lib/appHeader/fillSpace/AppHeaderFillSpace.js +8 -14
  27. package/lib/appHeader/menuButton/AppHeaderMenuButton.js +15 -21
  28. package/lib/buildRestMutation.d.ts +3 -3
  29. package/lib/buildRestMutation.d.ts.map +1 -1
  30. package/lib/buildRestMutation.js +7 -15
  31. package/lib/clipboard/readClipboardText.js +4 -10
  32. package/lib/clipboard/writeClipboardText.js +3 -10
  33. package/lib/common/ClearInputAdornment.js +14 -20
  34. package/lib/common/CometLogo.js +9 -15
  35. package/lib/common/DeleteDialog.js +25 -29
  36. package/lib/common/Dialog.js +17 -21
  37. package/lib/common/FieldSet.js +34 -41
  38. package/lib/common/FillSpace.js +8 -14
  39. package/lib/common/FullHeightContent.js +12 -18
  40. package/lib/common/HoverActions.js +18 -24
  41. package/lib/common/Loading.js +15 -21
  42. package/lib/common/MainContent.js +17 -24
  43. package/lib/common/OpenPickerAdornment.js +10 -16
  44. package/lib/common/ReadOnlyAdornment.js +10 -16
  45. package/lib/common/Tooltip.d.ts +3 -3
  46. package/lib/common/Tooltip.d.ts.map +1 -1
  47. package/lib/common/Tooltip.js +27 -35
  48. package/lib/common/buttons/Button.js +19 -23
  49. package/lib/common/buttons/CopyToClipboardButton.js +27 -33
  50. package/lib/common/buttons/SaveButton.js +13 -19
  51. package/lib/common/buttons/cancel/CancelButton.js +13 -19
  52. package/lib/common/buttons/clearinput/ClearInputButton.js +15 -20
  53. package/lib/common/buttons/delete/DeleteButton.js +13 -19
  54. package/lib/common/buttons/delete/__stories__/DeleteButton.stories.js +4 -10
  55. package/lib/common/buttons/feedback/FeedbackButton.js +23 -29
  56. package/lib/common/buttons/helpDialogButton/HelpDialogButton.js +15 -21
  57. package/lib/common/buttons/helpDialogButton/HelpDialogButton.sc.d.ts +2 -4
  58. package/lib/common/buttons/helpDialogButton/HelpDialogButton.sc.d.ts.map +1 -1
  59. package/lib/common/buttons/helpDialogButton/HelpDialogButton.sc.js +6 -12
  60. package/lib/common/buttons/okay/OkayButton.js +13 -19
  61. package/lib/common/buttons/split/SplitButton.js +38 -40
  62. package/lib/common/buttons/split/SplitButtonContext.js +3 -7
  63. package/lib/common/buttons/split/useSplitButtonContext.js +4 -9
  64. package/lib/common/toolbar/DataGridToolbar.js +11 -17
  65. package/lib/common/toolbar/StackToolbar.js +6 -12
  66. package/lib/common/toolbar/Toolbar.js +28 -34
  67. package/lib/common/toolbar/ToolbarBreadcrumbs.js +64 -70
  68. package/lib/common/toolbar/actions/ToolbarActionButton.js +19 -24
  69. package/lib/common/toolbar/actions/ToolbarActions.js +8 -14
  70. package/lib/common/toolbar/automatictitleitem/ToolbarAutomaticTitleItem.js +12 -18
  71. package/lib/common/toolbar/backbutton/ToolbarBackButton.js +22 -28
  72. package/lib/common/toolbar/fillspace/ToolbarFillSpace.js +8 -14
  73. package/lib/common/toolbar/item/ToolbarItem.js +8 -14
  74. package/lib/common/toolbar/titleitem/ToolbarTitleItem.js +11 -17
  75. package/lib/dataGrid/CrudContextMenu.js +58 -64
  76. package/lib/dataGrid/CrudMoreActionsMenu.js +46 -54
  77. package/lib/dataGrid/CrudVisibility.js +26 -32
  78. package/lib/dataGrid/CrudVisibilityIcon.d.ts +1 -0
  79. package/lib/dataGrid/CrudVisibilityIcon.d.ts.map +1 -1
  80. package/lib/dataGrid/CrudVisibilityIcon.js +7 -13
  81. package/lib/dataGrid/DataGridPanel.js +83 -87
  82. package/lib/dataGrid/GridCellContent.js +21 -27
  83. package/lib/dataGrid/GridColDef.js +1 -5
  84. package/lib/dataGrid/GridColumnsButton.js +14 -20
  85. package/lib/dataGrid/GridFilterButton.js +16 -22
  86. package/lib/dataGrid/columnsManagement/DataGridColumnsManagement.js +34 -39
  87. package/lib/dataGrid/columnsManagement/DataGridColumnsManagement.sc.d.ts +3 -9
  88. package/lib/dataGrid/columnsManagement/DataGridColumnsManagement.sc.d.ts.map +1 -1
  89. package/lib/dataGrid/columnsManagement/DataGridColumnsManagement.sc.js +11 -17
  90. package/lib/dataGrid/columnsManagement/DataGridColumnsManagementListItem.js +21 -27
  91. package/lib/dataGrid/columnsManagement/DataGridColumnsManagementListItem.styles.d.ts +2 -6
  92. package/lib/dataGrid/columnsManagement/DataGridColumnsManagementListItem.styles.d.ts.map +1 -1
  93. package/lib/dataGrid/columnsManagement/DataGridColumnsManagementListItem.styles.js +11 -17
  94. package/lib/dataGrid/excelExport/applyDefaultStyling.js +1 -7
  95. package/lib/dataGrid/excelExport/generateExcelFile.js +4 -11
  96. package/lib/dataGrid/excelExport/useDataGridExcelExport.js +14 -20
  97. package/lib/dataGrid/gridColumnTypes.js +30 -36
  98. package/lib/dataGrid/muiGridFilterToGql.js +1 -7
  99. package/lib/dataGrid/muiGridPagingToGql.js +1 -7
  100. package/lib/dataGrid/muiGridSortToGql.js +1 -7
  101. package/lib/dataGrid/pagination/DataGridPagination.js +21 -27
  102. package/lib/dataGrid/pagination/DataGridPagination.styles.d.ts +1 -3
  103. package/lib/dataGrid/pagination/DataGridPagination.styles.d.ts.map +1 -1
  104. package/lib/dataGrid/pagination/DataGridPagination.styles.js +5 -11
  105. package/lib/dataGrid/pagination/paginationActions/DataGridPaginationActions.js +21 -27
  106. package/lib/dataGrid/pagination/paginationActions/DataGridPaginationActions.styles.d.ts +1 -3
  107. package/lib/dataGrid/pagination/paginationActions/DataGridPaginationActions.styles.d.ts.map +1 -1
  108. package/lib/dataGrid/pagination/paginationActions/DataGridPaginationActions.styles.js +7 -13
  109. package/lib/dataGrid/renderStaticSelectCell.js +1 -7
  110. package/lib/dataGrid/useBufferedRowCount.js +4 -10
  111. package/lib/dataGrid/useDataGridRemote.js +3 -9
  112. package/lib/dataGrid/useDataGridUrlState.js +17 -24
  113. package/lib/dataGrid/usePersistentColumnState.d.ts +2 -2
  114. package/lib/dataGrid/usePersistentColumnState.d.ts.map +1 -1
  115. package/lib/dataGrid/usePersistentColumnState.js +20 -26
  116. package/lib/dateTime/datePicker/DatePicker.d.ts +8 -8
  117. package/lib/dateTime/datePicker/DatePicker.d.ts.map +1 -1
  118. package/lib/dateTime/datePicker/DatePicker.js +29 -35
  119. package/lib/dateTime/datePicker/__stories__/DatePicker.stories.js +37 -42
  120. package/lib/dateTime/datePickerField/DatePickerField.d.ts +3 -3
  121. package/lib/dateTime/datePickerField/DatePickerField.d.ts.map +1 -1
  122. package/lib/dateTime/datePickerField/DatePickerField.js +6 -12
  123. package/lib/dateTime/datePickerField/__stories__/DatePickerField.stories.js +27 -32
  124. package/lib/dateTime/dateRangePicker/DateRangePicker.d.ts +8 -8
  125. package/lib/dateTime/dateRangePicker/DateRangePicker.d.ts.map +1 -1
  126. package/lib/dateTime/dateRangePicker/DateRangePicker.js +35 -43
  127. package/lib/dateTime/dateRangePicker/__stories__/DateRangePicker.stories.js +37 -42
  128. package/lib/dateTime/dateRangePickerField/DateRangePickerField.d.ts +2 -2
  129. package/lib/dateTime/dateRangePickerField/DateRangePickerField.d.ts.map +1 -1
  130. package/lib/dateTime/dateRangePickerField/DateRangePickerField.js +6 -12
  131. package/lib/dateTime/dateRangePickerField/__stories__/DateRangePickerField.stories.js +27 -32
  132. package/lib/dateTime/dateTimePicker/DateTimePicker.d.ts +8 -8
  133. package/lib/dateTime/dateTimePicker/DateTimePicker.d.ts.map +1 -1
  134. package/lib/dateTime/dateTimePicker/DateTimePicker.js +27 -33
  135. package/lib/dateTime/dateTimePicker/__stories__/DateTimePicker.stories.js +37 -42
  136. package/lib/dateTime/dateTimePickerField/DateTimePickerField.d.ts +2 -2
  137. package/lib/dateTime/dateTimePickerField/DateTimePickerField.d.ts.map +1 -1
  138. package/lib/dateTime/dateTimePickerField/DateTimePickerField.js +6 -12
  139. package/lib/dateTime/dateTimePickerField/__stories__/DateTimePickerField.stories.js +27 -32
  140. package/lib/dateTime/dateTimeRangePicker/DateTimeRangePicker.js +32 -40
  141. package/lib/dateTime/dateTimeRangePicker/__stories__/DateTimeRangePicker.stories.js +37 -42
  142. package/lib/dateTime/dateTimeRangePickerField/DateTimeRangePickerField.js +6 -12
  143. package/lib/dateTime/dateTimeRangePickerField/__stories__/DateTimeRangePickerField.stories.js +27 -32
  144. package/lib/dateTime/timePicker/TimePicker.d.ts +8 -8
  145. package/lib/dateTime/timePicker/TimePicker.d.ts.map +1 -1
  146. package/lib/dateTime/timePicker/TimePicker.js +28 -34
  147. package/lib/dateTime/timePicker/__stories__/TimePicker.stories.js +37 -42
  148. package/lib/dateTime/timePickerField/TimePickerField.d.ts +2 -2
  149. package/lib/dateTime/timePickerField/TimePickerField.d.ts.map +1 -1
  150. package/lib/dateTime/timePickerField/TimePickerField.js +6 -12
  151. package/lib/dateTime/timePickerField/__stories__/TimePickerField.stories.js +27 -32
  152. package/lib/dateTime/utils.js +5 -11
  153. package/lib/error/errorboundary/ErrorBoundary.js +39 -44
  154. package/lib/error/errorboundary/RouteWithErrorBoundary.js +8 -13
  155. package/lib/error/errordialog/ErrorDialog.d.ts.map +1 -1
  156. package/lib/error/errordialog/ErrorDialog.js +77 -83
  157. package/lib/error/errordialog/ErrorDialogHandler.js +11 -17
  158. package/lib/error/errordialog/ErrorScope.js +3 -9
  159. package/lib/error/errordialog/createErrorDialogApolloLink.js +11 -17
  160. package/lib/error/errordialog/errorDialogVar.js +2 -8
  161. package/lib/error/errordialog/useErrorDialog.js +5 -11
  162. package/lib/fetchProvider/fetch.js +6 -14
  163. package/lib/fileIcons/Excel.js +5 -12
  164. package/lib/fileIcons/File.js +5 -12
  165. package/lib/fileIcons/FileIcon.js +29 -35
  166. package/lib/fileIcons/Jpg.js +5 -12
  167. package/lib/fileIcons/Pdf.js +5 -12
  168. package/lib/fileIcons/Png.js +5 -12
  169. package/lib/fileIcons/Powerpoint.js +5 -12
  170. package/lib/fileIcons/Word.js +5 -12
  171. package/lib/fileIcons/Zip.js +5 -12
  172. package/lib/form/Autocomplete.d.ts +4 -2
  173. package/lib/form/Autocomplete.d.ts.map +1 -1
  174. package/lib/form/Autocomplete.js +25 -27
  175. package/lib/form/Checkbox.js +4 -11
  176. package/lib/form/Field.js +17 -23
  177. package/lib/form/FieldContainer.js +41 -47
  178. package/lib/form/FinalFormAsyncAutocomplete.js +5 -11
  179. package/lib/form/FinalFormAsyncSelect.js +5 -11
  180. package/lib/form/FinalFormContextProvider.js +7 -14
  181. package/lib/form/FinalFormDebug.js +16 -20
  182. package/lib/form/FinalFormFileSelect.js +14 -20
  183. package/lib/form/FinalFormInput.d.ts +1 -2
  184. package/lib/form/FinalFormInput.d.ts.map +1 -1
  185. package/lib/form/FinalFormInput.js +30 -30
  186. package/lib/form/FinalFormNumberInput.d.ts +1 -2
  187. package/lib/form/FinalFormNumberInput.d.ts.map +1 -1
  188. package/lib/form/FinalFormNumberInput.js +22 -22
  189. package/lib/form/FinalFormRangeInput.js +32 -38
  190. package/lib/form/FinalFormSearchTextField.d.ts +0 -1
  191. package/lib/form/FinalFormSearchTextField.d.ts.map +1 -1
  192. package/lib/form/FinalFormSearchTextField.js +13 -31
  193. package/lib/form/FinalFormSelect.js +25 -31
  194. package/lib/form/FinalFormSelect.sc.d.ts +1 -3
  195. package/lib/form/FinalFormSelect.sc.d.ts.map +1 -1
  196. package/lib/form/FinalFormSelect.sc.js +5 -11
  197. package/lib/form/FinalFormToggleButtonGroup.js +12 -18
  198. package/lib/form/FormSection.d.ts +1 -1
  199. package/lib/form/FormSection.js +18 -24
  200. package/lib/form/Radio.js +4 -11
  201. package/lib/form/Switch.js +4 -11
  202. package/lib/form/fields/AsyncAutocompleteField.js +6 -12
  203. package/lib/form/fields/AsyncSelectField.js +6 -12
  204. package/lib/form/fields/AutocompleteField.js +6 -12
  205. package/lib/form/fields/CheckboxField.js +8 -14
  206. package/lib/form/fields/CheckboxListField.js +8 -14
  207. package/lib/form/fields/NumberField.js +6 -12
  208. package/lib/form/fields/RadioGroupField.js +9 -16
  209. package/lib/form/fields/SearchField.js +6 -12
  210. package/lib/form/fields/SelectField.js +11 -15
  211. package/lib/form/fields/SwitchField.js +8 -14
  212. package/lib/form/fields/TextAreaField.js +6 -12
  213. package/lib/form/fields/TextField.js +6 -12
  214. package/lib/form/fields/ToggleButtonGroupField.js +6 -12
  215. package/lib/form/file/FileDropzone.js +35 -41
  216. package/lib/form/file/FileSelect.d.ts +2 -3
  217. package/lib/form/file/FileSelect.d.ts.map +1 -1
  218. package/lib/form/file/FileSelect.js +38 -52
  219. package/lib/form/file/FileSelectListItem.js +59 -65
  220. package/lib/form/file/commonErrorMessages.js +6 -12
  221. package/lib/form/file/fileSelectItemTypes.js +1 -5
  222. package/lib/form/helpers/OnChangeField.js +7 -13
  223. package/lib/form/useAsyncAutocompleteOptionsProps.js +10 -16
  224. package/lib/fullPageAlert/FullPageAlert.js +26 -32
  225. package/lib/fullPageAlert/FullPageAlert.styles.d.ts +3 -9
  226. package/lib/fullPageAlert/FullPageAlert.styles.d.ts.map +1 -1
  227. package/lib/fullPageAlert/FullPageAlert.styles.js +19 -25
  228. package/lib/fullPageAlert/FullPageAlertBackground.js +44 -50
  229. package/lib/helpers/PrettyBytes.js +4 -10
  230. package/lib/helpers/ThemedComponentBaseProps.js +1 -5
  231. package/lib/helpers/createComponentSlot.d.ts +1 -1
  232. package/lib/helpers/createComponentSlot.d.ts.map +1 -1
  233. package/lib/helpers/createComponentSlot.js +11 -15
  234. package/lib/helpers/useTopOffset.d.ts +1 -1
  235. package/lib/helpers/useTopOffset.d.ts.map +1 -1
  236. package/lib/helpers/useTopOffset.js +4 -10
  237. package/lib/helpers/useWindowSize.js +4 -10
  238. package/lib/hooks/useAsyncOptionsProps.js +6 -12
  239. package/lib/hooks/useElementIsOverflowing.d.ts +1 -1
  240. package/lib/hooks/useElementIsOverflowing.d.ts.map +1 -1
  241. package/lib/hooks/useElementIsOverflowing.js +4 -10
  242. package/lib/hooks/useStoredState.js +9 -12
  243. package/lib/index.d.ts +8 -8
  244. package/lib/index.d.ts.map +1 -1
  245. package/lib/index.js +225 -1860
  246. package/lib/inlineAlert/InlineAlert.js +19 -25
  247. package/lib/inlineAlert/InlineAlert.sc.d.ts +2 -6
  248. package/lib/inlineAlert/InlineAlert.sc.d.ts.map +1 -1
  249. package/lib/inlineAlert/InlineAlert.sc.js +13 -19
  250. package/lib/inputWithPopper/InputWithPopper.d.ts +1 -1
  251. package/lib/inputWithPopper/InputWithPopper.d.ts.map +1 -1
  252. package/lib/inputWithPopper/InputWithPopper.js +19 -25
  253. package/lib/inputWithPopper/InputWithPopper.slots.d.ts +2 -4
  254. package/lib/inputWithPopper/InputWithPopper.slots.d.ts.map +1 -1
  255. package/lib/inputWithPopper/InputWithPopper.slots.js +9 -15
  256. package/lib/messages.js +2 -8
  257. package/lib/mui/MasterLayout.js +34 -40
  258. package/lib/mui/MasterLayoutContext.js +2 -8
  259. package/lib/mui/ThemeProvider.js +7 -13
  260. package/lib/mui/mainNavigation/CollapsibleItem.js +32 -38
  261. package/lib/mui/mainNavigation/CollapsibleItem.styles.d.ts +1 -3
  262. package/lib/mui/mainNavigation/CollapsibleItem.styles.d.ts.map +1 -1
  263. package/lib/mui/mainNavigation/CollapsibleItem.styles.js +12 -18
  264. package/lib/mui/mainNavigation/Context.js +8 -14
  265. package/lib/mui/mainNavigation/Item.d.ts.map +1 -1
  266. package/lib/mui/mainNavigation/Item.js +14 -21
  267. package/lib/mui/mainNavigation/Item.styles.d.ts +1 -3
  268. package/lib/mui/mainNavigation/Item.styles.d.ts.map +1 -1
  269. package/lib/mui/mainNavigation/Item.styles.js +7 -13
  270. package/lib/mui/mainNavigation/ItemAnchorLink.js +6 -12
  271. package/lib/mui/mainNavigation/ItemGroup.js +27 -33
  272. package/lib/mui/mainNavigation/ItemRouterLink.js +9 -15
  273. package/lib/mui/mainNavigation/MainNavigation.js +25 -31
  274. package/lib/mui/mainNavigation/MainNavigation.styles.js +13 -19
  275. package/lib/mui/mui-private-theming.d.js +0 -1
  276. package/lib/renderFinalFormChildren.js +3 -9
  277. package/lib/router/BrowserRouter.js +12 -16
  278. package/lib/router/ConfirmationDialog.js +42 -47
  279. package/lib/router/Context.d.ts +2 -2
  280. package/lib/router/Context.d.ts.map +1 -1
  281. package/lib/router/Context.js +2 -8
  282. package/lib/router/ForcePromptRoute.js +12 -19
  283. package/lib/router/MemoryRouter.js +12 -16
  284. package/lib/router/Prompt.js +18 -25
  285. package/lib/router/PromptHandler.d.ts +2 -2
  286. package/lib/router/PromptHandler.d.ts.map +1 -1
  287. package/lib/router/PromptHandler.js +17 -23
  288. package/lib/router/SubRoute.js +15 -23
  289. package/lib/rowActions/RowActionsIconItem.d.ts +2 -1
  290. package/lib/rowActions/RowActionsIconItem.d.ts.map +1 -1
  291. package/lib/rowActions/RowActionsIconItem.js +8 -14
  292. package/lib/rowActions/RowActionsItem.js +9 -15
  293. package/lib/rowActions/RowActionsListItem.js +10 -16
  294. package/lib/rowActions/RowActionsMenu.js +9 -15
  295. package/lib/rowActions/RowActionsSubMenu.js +17 -23
  296. package/lib/saveBoundary/SaveBoundary.js +32 -41
  297. package/lib/saveBoundary/SaveBoundarySaveButton.js +7 -13
  298. package/lib/section/SectionHeadline.d.ts +1 -1
  299. package/lib/section/SectionHeadline.js +30 -36
  300. package/lib/snackbar/SnackbarProvider.js +13 -19
  301. package/lib/snackbar/UndoSnackbar.js +12 -18
  302. package/lib/stack/Api.d.ts +1 -1
  303. package/lib/stack/Api.d.ts.map +1 -1
  304. package/lib/stack/Api.js +8 -16
  305. package/lib/stack/Breadcrumb.js +11 -17
  306. package/lib/stack/Page.js +3 -9
  307. package/lib/stack/Stack.js +22 -28
  308. package/lib/stack/StackLink.js +7 -13
  309. package/lib/stack/StackPageTitle.js +7 -14
  310. package/lib/stack/Switch.js +40 -49
  311. package/lib/stack/SwitchMeta.js +9 -15
  312. package/lib/stack/backbutton/StackBackButton.js +15 -21
  313. package/lib/stack/breadcrumbs/BreadcrumbLink.js +5 -11
  314. package/lib/stack/breadcrumbs/BreadcrumbsEntry.js +23 -29
  315. package/lib/stack/breadcrumbs/BreadcrumbsOverflow.js +20 -26
  316. package/lib/stack/breadcrumbs/StackBreadcrumbs.js +35 -42
  317. package/lib/stack/breadcrumbs/utils.js +11 -17
  318. package/lib/stack/useIsActiveStackSwitch.js +5 -11
  319. package/lib/table/AddButton.js +11 -17
  320. package/lib/table/DeleteButton.js +19 -25
  321. package/lib/table/ExcelExportButton.js +11 -17
  322. package/lib/table/LocalChangesToolbar.js +11 -17
  323. package/lib/table/Pagination.js +22 -29
  324. package/lib/table/Table.d.ts.map +1 -1
  325. package/lib/table/Table.js +51 -54
  326. package/lib/table/TableBodyRow.js +12 -17
  327. package/lib/table/TableDndOrder.js +32 -39
  328. package/lib/table/TableFilterFinalForm.js +23 -29
  329. package/lib/table/TableLocalChanges.js +11 -15
  330. package/lib/table/TableQuery.js +27 -33
  331. package/lib/table/TableQueryContext.js +2 -7
  332. package/lib/table/excelexport/IExportApi.js +1 -5
  333. package/lib/table/excelexport/applyDefaultStyling.js +1 -7
  334. package/lib/table/excelexport/createExcelExportDownload.js +15 -19
  335. package/lib/table/excelexport/useExportDisplayedTableData.js +5 -11
  336. package/lib/table/excelexport/useExportPagedTableQuery.js +8 -14
  337. package/lib/table/excelexport/useExportTableQuery.js +7 -13
  338. package/lib/table/filterbar/FilterBar.js +15 -20
  339. package/lib/table/filterbar/dirtyFieldsCount.js +3 -8
  340. package/lib/table/filterbar/filterBarActiveFilterBadge/FilterBarActiveFilterBadge.js +14 -19
  341. package/lib/table/filterbar/filterBarButton/FilterBarButton.js +24 -28
  342. package/lib/table/filterbar/filterBarMoreFilters/FilterBarMoreFilters.js +23 -28
  343. package/lib/table/filterbar/filterBarPopoverFilter/FilterBarPopoverFilter.js +44 -48
  344. package/lib/table/isVisible.js +1 -7
  345. package/lib/table/paging/IPagingInfo.d.ts +1 -1
  346. package/lib/table/paging/IPagingInfo.d.ts.map +1 -1
  347. package/lib/table/paging/IPagingInfo.js +1 -5
  348. package/lib/table/paging/createOffsetLimitPagingAction.js +1 -7
  349. package/lib/table/paging/createPagePagingActions.js +1 -7
  350. package/lib/table/paging/createRelayPagingActions.js +1 -7
  351. package/lib/table/paging/createRestPagingActions.js +3 -10
  352. package/lib/table/paging/createRestStartLimitPagingActions.js +1 -7
  353. package/lib/table/safeColumnGet.js +3 -8
  354. package/lib/table/usePersistedState.js +4 -10
  355. package/lib/table/usePersistedStateId.js +5 -11
  356. package/lib/table/useTableQuery.js +8 -13
  357. package/lib/table/useTableQueryFilter.js +13 -19
  358. package/lib/table/useTableQueryPaging.d.ts +1 -1
  359. package/lib/table/useTableQueryPaging.d.ts.map +1 -1
  360. package/lib/table/useTableQueryPaging.js +5 -10
  361. package/lib/table/useTableQuerySort.js +7 -11
  362. package/lib/table/withTableQueryContext.js +11 -13
  363. package/lib/tabs/RouterTabs.js +37 -44
  364. package/lib/tabs/TabScrollButton.js +14 -21
  365. package/lib/tabs/Tabs.js +27 -35
  366. package/lib/theme/breakpointsOptions.js +2 -8
  367. package/lib/theme/colors.js +7 -13
  368. package/lib/theme/componentsTheme/MuiAccordion.js +3 -9
  369. package/lib/theme/componentsTheme/MuiAlert.js +9 -15
  370. package/lib/theme/componentsTheme/MuiAlertTitle.js +3 -9
  371. package/lib/theme/componentsTheme/MuiAppBar.js +1 -7
  372. package/lib/theme/componentsTheme/MuiAutocomplete.js +8 -14
  373. package/lib/theme/componentsTheme/MuiBadge.js +3 -9
  374. package/lib/theme/componentsTheme/MuiButton.js +14 -20
  375. package/lib/theme/componentsTheme/MuiButtonGroup.js +8 -14
  376. package/lib/theme/componentsTheme/MuiCard.js +5 -11
  377. package/lib/theme/componentsTheme/MuiCardContent.js +3 -9
  378. package/lib/theme/componentsTheme/MuiCardHeader.js +3 -9
  379. package/lib/theme/componentsTheme/MuiCheckbox.js +16 -22
  380. package/lib/theme/componentsTheme/MuiChip.js +6 -12
  381. package/lib/theme/componentsTheme/MuiDataGrid.js +48 -54
  382. package/lib/theme/componentsTheme/MuiDialog.js +3 -9
  383. package/lib/theme/componentsTheme/MuiDialogActions.js +3 -9
  384. package/lib/theme/componentsTheme/MuiDialogContent.js +6 -12
  385. package/lib/theme/componentsTheme/MuiDialogContentText.js +3 -9
  386. package/lib/theme/componentsTheme/MuiDialogTitle.js +3 -9
  387. package/lib/theme/componentsTheme/MuiDrawer.js +3 -9
  388. package/lib/theme/componentsTheme/MuiFormControlLabel.js +3 -9
  389. package/lib/theme/componentsTheme/MuiFormHelperText.js +3 -9
  390. package/lib/theme/componentsTheme/MuiFormLabel.js +3 -9
  391. package/lib/theme/componentsTheme/MuiIconButton.js +3 -9
  392. package/lib/theme/componentsTheme/MuiInput.js +1 -7
  393. package/lib/theme/componentsTheme/MuiInputAdornment.js +3 -9
  394. package/lib/theme/componentsTheme/MuiInputBase.js +7 -13
  395. package/lib/theme/componentsTheme/MuiLinearProgress.js +3 -9
  396. package/lib/theme/componentsTheme/MuiLink.js +3 -9
  397. package/lib/theme/componentsTheme/MuiList.js +5 -11
  398. package/lib/theme/componentsTheme/MuiListItem.js +5 -11
  399. package/lib/theme/componentsTheme/MuiListItemAvatar.js +3 -9
  400. package/lib/theme/componentsTheme/MuiListItemButton.js +5 -11
  401. package/lib/theme/componentsTheme/MuiListItemIcon.js +3 -9
  402. package/lib/theme/componentsTheme/MuiListItemText.js +3 -9
  403. package/lib/theme/componentsTheme/MuiMenu.js +3 -9
  404. package/lib/theme/componentsTheme/MuiMenuItem.js +8 -14
  405. package/lib/theme/componentsTheme/MuiNativeSelect.js +8 -14
  406. package/lib/theme/componentsTheme/MuiPaper.js +3 -9
  407. package/lib/theme/componentsTheme/MuiPickersInputBase.js +17 -23
  408. package/lib/theme/componentsTheme/MuiPickersPopper.js +3 -9
  409. package/lib/theme/componentsTheme/MuiPickersTextField.js +1 -7
  410. package/lib/theme/componentsTheme/MuiPopover.js +1 -7
  411. package/lib/theme/componentsTheme/MuiRadio.js +13 -19
  412. package/lib/theme/componentsTheme/MuiSelect.js +10 -16
  413. package/lib/theme/componentsTheme/MuiSvgIcon.js +3 -9
  414. package/lib/theme/componentsTheme/MuiSwitch.js +14 -20
  415. package/lib/theme/componentsTheme/MuiTab.js +5 -11
  416. package/lib/theme/componentsTheme/MuiTableCell.js +5 -11
  417. package/lib/theme/componentsTheme/MuiTableFooter.js +3 -9
  418. package/lib/theme/componentsTheme/MuiTablePagination.js +5 -11
  419. package/lib/theme/componentsTheme/MuiTableRow.js +3 -9
  420. package/lib/theme/componentsTheme/MuiTabs.js +3 -9
  421. package/lib/theme/componentsTheme/MuiToggleButton.js +5 -11
  422. package/lib/theme/componentsTheme/MuiToggleButtonGroup.js +3 -9
  423. package/lib/theme/componentsTheme/MuiTooltip.js +1 -7
  424. package/lib/theme/componentsTheme/MuiTypography.js +3 -9
  425. package/lib/theme/componentsTheme/commonListStyles.js +1 -7
  426. package/lib/theme/componentsTheme/getCommonSelectTheme.js +8 -14
  427. package/lib/theme/componentsTheme/getComponentsTheme.js +115 -121
  428. package/lib/theme/createCometTheme.js +20 -26
  429. package/lib/theme/paletteOptions.js +16 -22
  430. package/lib/theme/shadows.js +1 -7
  431. package/lib/theme/typographyOptions.js +1 -7
  432. package/lib/theme/utils/mergeOverrideStyles.js +4 -9
  433. package/lib/translator/BaseTranslationDialog.d.ts +1 -0
  434. package/lib/translator/BaseTranslationDialog.d.ts.map +1 -1
  435. package/lib/translator/BaseTranslationDialog.js +28 -32
  436. package/lib/translator/ContentTranslationServiceContext.js +2 -8
  437. package/lib/translator/ContentTranslationServiceProvider.js +4 -10
  438. package/lib/translator/PlainTextTranslationDialog.js +7 -13
  439. package/lib/translator/useContentTranslationService.js +4 -10
  440. package/lib/utils/test-utils.js +16 -33
  441. package/lib/utils/useObservedWidth.d.ts +1 -1
  442. package/lib/utils/useObservedWidth.d.ts.map +1 -1
  443. package/lib/utils/useObservedWidth.js +7 -14
  444. package/lib/vendor.d.js +0 -1
  445. package/package.json +18 -14
  446. package/lib/form/file/getFilesInfoText.d.ts +0 -3
  447. package/lib/form/file/getFilesInfoText.d.ts.map +0 -1
  448. 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] : _MainNavigation.DEFAULT_DRAWER_WIDTH;
14
- return (0, _material.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);
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] : _MainNavigation.DEFAULT_DRAWER_WIDTH;
18
- var drawerWidthCollapsed = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _MainNavigation.DEFAULT_DRAWER_WIDTH_COLLAPSED;
19
- return (0, _material.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);
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 (0, _material.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));
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 = exports.TemporaryDrawer = (0, _createComponentSlot.createComponentSlot)(_material.Drawer)({
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 (0, _material.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, _material.drawerClasses.root, ownerState.headerHeight, _material.drawerClasses.paper, getSharedStyles(theme, ownerState.headerHeight), ownerState.open ? getOpenedAnimation(theme, "temporary", ownerState.drawerWidth) : getClosedAnimation(theme, "temporary", ownerState.drawerWidth), _material.drawerClasses.paperAnchorLeft);
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 = exports.PermanentDrawer = (0, _createComponentSlot.createComponentSlot)(_material.Drawer)({
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 (0, _material.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), _material.drawerClasses.paper, getSharedStyles(theme, ownerState.headerHeight), ownerState.headerHeight, ownerState.open ? getOpenedAnimation(theme, "permanent", ownerState.drawerWidth) : getClosedAnimation(theme, "permanent", ownerState.drawerWidthCollapsed), _material.drawerClasses.paperAnchorLeft);
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__*/(0, _react.createElement)(component, // Explicit cast to remove InitialFormValues because FormRenderProps doesn't pass InitialFormValues to RenderableProps here:
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
- Object.defineProperty(exports, "__esModule", {
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
- var RouterBrowserRouter = exports.RouterBrowserRouter = function RouterBrowserRouter(_ref) {
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 = (0, _react.useRef)();
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__*/(0, _jsxRuntime.jsx)(_reactRouterDom.BrowserRouter, _objectSpread(_objectSpread({
26
+ return /*#__PURE__*/_jsx(ReactBrowserRouter, _objectSpread(_objectSpread({
31
27
  getUserConfirmation: getConfirmation
32
28
  }, props), {}, {
33
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PromptHandler.RouterPromptHandler, {
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
- var StyledDialog = (0, _createComponentSlot.createComponentSlot)(_material.Dialog)({
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
- })((0, _styles.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n z-index: 1301;\n"]))));
31
- var CloseButton = (0, _createComponentSlot.createComponentSlot)(_material.IconButton)({
25
+ })(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n z-index: 1301;\n"]))));
26
+ var CloseButton = createComponentSlot(IconButton)({
32
27
  componentName: "RouterConfirmationDialog",
33
28
  slotName: "closeButton"
34
- })((0, _styles.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: absolute;\n right: 14px;\n top: 14px;\n color: #fff;\n"]))));
35
- var MessageWrapper = (0, _createComponentSlot.createComponentSlot)("div")({
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
- })((0, _styles.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n"]))));
39
- var StyledWarning = (0, _createComponentSlot.createComponentSlot)(_adminIcons.Warning)({
33
+ })(css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n"]))));
34
+ var StyledWarning = createComponentSlot(Warning)({
40
35
  componentName: "RouterConfirmationDialog",
41
36
  slotName: "messageWarningIcon"
42
- })((0, _styles.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n font-size: 20px;\n"]))));
43
- var MessageText = (0, _createComponentSlot.createComponentSlot)(_material.Typography)({
37
+ })(css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n font-size: 20px;\n"]))));
38
+ var MessageText = createComponentSlot(Typography)({
44
39
  componentName: "RouterConfirmationDialog",
45
40
  slotName: "messageText"
46
- })((0, _styles.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n padding-left: 10px;\n"]))));
47
- var SaveButton = (0, _createComponentSlot.createComponentSlot)(_Button.Button)({
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 (0, _styles.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n flex-grow: 1;\n flex-basis: 50%;\n margin-left: ", ";\n "])), theme.spacing(2));
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 = (0, _createComponentSlot.createComponentSlot)(_Button.Button)({
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 (0, _styles.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n flex-grow: 1;\n flex-basis: 50%;\n margin-right: ", ";\n "])), theme.spacing(2));
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 = exports.PromptAction = /*#__PURE__*/function (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 = (0, _styles.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__*/(0, _jsxRuntime.jsxs)(StyledDialog, _objectSpread(_objectSpread(_objectSpread({
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__*/(0, _jsxRuntime.jsxs)(_material.DialogTitle, {
93
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({}, _messages.messages.saveUnsavedChanges)), /*#__PURE__*/(0, _jsxRuntime.jsx)(CloseButton, _objectSpread(_objectSpread({
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__*/(0, _jsxRuntime.jsx)(_adminIcons.Close, {})
93
+ children: /*#__PURE__*/_jsx(Close, {})
99
94
  }))]
100
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogContent, {
101
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(MessageWrapper, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.messageWrapper), {}, {
102
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledWarning, _objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.messageWarningIcon)), /*#__PURE__*/(0, _jsxRuntime.jsx)(MessageText, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.messageText), {}, {
103
- children: message !== null && message !== void 0 ? message : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({}, _messages.messages.saveUnsavedChanges))
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__*/(0, _jsxRuntime.jsxs)(_material.DialogActions, {
107
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DiscardButton, _objectSpread(_objectSpread({
108
- startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Delete, {}),
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__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({}, _messages.messages.discard))
115
- })), showSaveButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(SaveButton, _objectSpread(_objectSpread({
116
- startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Save, {}),
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__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({}, _messages.messages.save))
116
+ children: /*#__PURE__*/_jsx(FormattedMessage, _objectSpread({}, messages.save))
122
117
  }))]
123
118
  })]
124
119
  }));
@@ -1,5 +1,5 @@
1
1
  import type * as History from "history";
2
- import { type MutableRefObject } from "react";
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?: MutableRefObject<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,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAE7D,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,gBAAgB,CAAC,YAAY,CAAC,CAAC;KACjD,KAAK,IAAI,CAAC;IACX,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,aAAa,+CAAiD,CAAC"}
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"}
@@ -1,8 +1,2 @@
1
- "use strict";
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
- function ForcePromptRoute(props) {
21
- var id = (0, _useConstant["default"])(function () {
22
- return (0, _uuid.v4)();
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 = (0, _react.useContext)(_Prompt.PromptContext);
25
- (0, _react.useEffect)(function () {
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__*/(0, _jsxRuntime.jsx)(_reactRouter.Route, _objectSpread({}, props));
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
- Object.defineProperty(exports, "__esModule", {
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
- var RouterMemoryRouter = exports.RouterMemoryRouter = function RouterMemoryRouter(_ref) {
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 = (0, _react.useRef)();
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__*/(0, _jsxRuntime.jsx)(_reactRouterDom.MemoryRouter, _objectSpread(_objectSpread({
26
+ return /*#__PURE__*/_jsx(ReactMemoryRouter, _objectSpread(_objectSpread({
31
27
  getUserConfirmation: getConfirmation
32
28
  }, props), {}, {
33
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PromptHandler.RouterPromptHandler, {
29
+ children: /*#__PURE__*/_jsx(RouterPromptHandler, {
34
30
  apiRef: apiRef,
35
31
  children: children
36
32
  })
@@ -1,40 +1,33 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.RouterPrompt = exports.PromptContext = void 0;
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 _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 = exports.RouterPrompt = function RouterPrompt(_ref) {
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 = (0, _useConstant["default"])(function () {
27
- return (0, _uuid.v4)();
19
+ var id = useConstant(function () {
20
+ return uuid();
28
21
  });
29
- var reactRouterContext = (0, _react.useContext)(_reactRouter.__RouterContext); // reactRouterContext can be undefined if no router is used, don't fail in that case
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 = (0, _react.useContext)(_Context.RouterContext);
32
- var subRoutePrefix = (0, _SubRoute.useSubRoutePrefix)();
33
- var promptRoutes = (0, _react.useRef)({});
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
- (0, _react.useEffect)(function () {
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__*/(0, _jsxRuntime.jsx)(_SubRoute.SubRoute, {
50
+ var childrenWithSubRoute = subRoutePath ? /*#__PURE__*/_jsx(SubRoute, {
58
51
  path: subRoutePath,
59
52
  children: children
60
53
  }) : children;
61
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(PromptContext.Provider, {
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 MutableRefObject, type PropsWithChildren } from "react";
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: MutableRefObject<PromptHandlerApi | undefined>;
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,gBAAgB,EAAE,KAAK,iBAAiB,EAAoB,MAAM,OAAO,CAAC;AAYxF,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,gBAAgB,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAC;CAC1D;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"}
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"}