@headless-adminapp/app 0.0.17-alpha.50 → 0.0.17-alpha.53

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 (222) hide show
  1. package/app/AppProvider.js +13 -17
  2. package/app/AuthWrapper.js +9 -13
  3. package/app/LayoutProvider.js +16 -20
  4. package/app/context.js +2 -5
  5. package/app/hooks/index.js +1 -17
  6. package/app/hooks/useAppContext.js +4 -7
  7. package/app/index.js +4 -11
  8. package/auth/AuthProvider.js +17 -21
  9. package/auth/context.d.ts +1 -1
  10. package/auth/context.js +2 -5
  11. package/auth/hooks/index.js +2 -18
  12. package/auth/hooks/useAuthSession.js +4 -7
  13. package/auth/hooks/useIsSkipAuthCheck.js +4 -7
  14. package/auth/hooks/useLogout.js +7 -10
  15. package/auth/index.js +4 -23
  16. package/auth/types.js +1 -2
  17. package/board/BoardColumnDataResolver.js +20 -23
  18. package/board/BoardColumnProvider.js +10 -14
  19. package/board/context.js +3 -6
  20. package/board/hooks/index.js +6 -15
  21. package/board/hooks/useBoardColumnConfig.js +4 -7
  22. package/board/hooks/useBoardColumnData.js +4 -7
  23. package/board/hooks/useBoardColumnDataState.js +4 -7
  24. package/board/hooks/useBoardConfig.js +4 -7
  25. package/board/hooks/useBoardSchema.js +3 -6
  26. package/board/hooks/useSearchText.js +7 -10
  27. package/board/types.js +1 -2
  28. package/board/utils.js +1 -4
  29. package/builders/CommandBuilder/CommandBuilder.js +10 -13
  30. package/builders/CommandBuilder/DefaultCommandBuilder.js +22 -25
  31. package/builders/CommandBuilder/FormCommandBuilder.js +9 -12
  32. package/builders/CommandBuilder/SubgridCommandBuilder.js +11 -14
  33. package/builders/CommandBuilder/ViewCommandBuilder.js +14 -17
  34. package/builders/CommandBuilder/index.js +1 -5
  35. package/builders/CommandBuilder/utils.js +2 -6
  36. package/builders/SchemaExperienceBuilder.js +1 -5
  37. package/builders/index.js +2 -7
  38. package/builders/utils.js +12 -41
  39. package/command/hooks/index.js +2 -18
  40. package/command/hooks/useBaseCommandHandlerContext.js +25 -29
  41. package/command/hooks/useCommands.js +6 -9
  42. package/command/index.js +2 -18
  43. package/command/types.js +1 -2
  44. package/command/utils/index.js +4 -7
  45. package/components/ScrollView/index.js +4 -11
  46. package/components/ScrollbarWithMoreDataRequest/index.js +9 -13
  47. package/dataform/DataFormProvider/DataResolver.d.ts +2 -2
  48. package/dataform/DataFormProvider/DataResolver.js +31 -32
  49. package/dataform/DataFormProvider/InitialValueResolver.js +19 -22
  50. package/dataform/DataFormProvider/ReadonlyInfoResolver.js +9 -12
  51. package/dataform/DataFormProvider/index.js +22 -25
  52. package/dataform/context.js +2 -5
  53. package/dataform/hooks/index.js +13 -29
  54. package/dataform/hooks/useFormInstance.js +3 -6
  55. package/dataform/hooks/useFormIsDirty.js +3 -6
  56. package/dataform/hooks/useFormIsReadonly.js +4 -7
  57. package/dataform/hooks/useFormNotifications.js +7 -10
  58. package/dataform/hooks/useFormRecord.js +4 -7
  59. package/dataform/hooks/useFormSave.js +30 -33
  60. package/dataform/hooks/useFormSchema.js +4 -7
  61. package/dataform/hooks/useLoadFormGridPage.js +10 -13
  62. package/dataform/hooks/useMainFormCommands.js +27 -32
  63. package/dataform/hooks/useProcessFlowSteps.js +18 -21
  64. package/dataform/hooks/useRecordId.js +4 -7
  65. package/dataform/hooks/useRecordTitle.d.ts +3 -1
  66. package/dataform/hooks/useRecordTitle.js +11 -14
  67. package/dataform/hooks/useSelectedForm.js +4 -7
  68. package/dataform/index.js +4 -23
  69. package/dataform/utils/defaultParameters.js +2 -6
  70. package/dataform/utils/index.d.ts +1 -1
  71. package/dataform/utils/index.js +17 -45
  72. package/dataform/utils/saveRecord.js +5 -9
  73. package/datagrid/DataGridProvider/DataResolver.js +42 -39
  74. package/datagrid/DataGridProvider/index.js +22 -25
  75. package/datagrid/DataGridProvider/transformViewColumns.js +4 -7
  76. package/datagrid/DataGridProvider/utils.js +5 -13
  77. package/datagrid/column-filter/constants.js +2 -5
  78. package/datagrid/column-filter/index.js +2 -7
  79. package/datagrid/column-filter/types.js +1 -2
  80. package/datagrid/column-filter/utils.js +3 -7
  81. package/datagrid/context.d.ts +1 -1
  82. package/datagrid/context.js +2 -5
  83. package/datagrid/hooks/index.js +20 -36
  84. package/datagrid/hooks/useChangeView.js +6 -9
  85. package/datagrid/hooks/useGridColumnFilter.js +7 -10
  86. package/datagrid/hooks/useGridColumns.js +4 -7
  87. package/datagrid/hooks/useGridCommands.js +4 -7
  88. package/datagrid/hooks/useGridData.js +4 -7
  89. package/datagrid/hooks/useGridDataState.js +4 -7
  90. package/datagrid/hooks/useGridExtraFilter.js +4 -7
  91. package/datagrid/hooks/useGridOptions.js +1 -4
  92. package/datagrid/hooks/useGridPagination.js +1 -4
  93. package/datagrid/hooks/useGridRefresh.js +7 -10
  94. package/datagrid/hooks/useGridSchema.js +4 -7
  95. package/datagrid/hooks/useGridSelection.js +7 -10
  96. package/datagrid/hooks/useGridSorting.js +7 -10
  97. package/datagrid/hooks/useGridViewLookupData.js +4 -7
  98. package/datagrid/hooks/useLoadMainGridPage.js +9 -12
  99. package/datagrid/hooks/useMainGridCommands.js +50 -57
  100. package/datagrid/hooks/useMaxRecords.js +4 -7
  101. package/datagrid/hooks/useOpenRecord.js +15 -18
  102. package/datagrid/hooks/useSearchText.js +7 -10
  103. package/datagrid/hooks/useSelectedView.js +4 -7
  104. package/datagrid/hooks/useSubGridCommands.js +19 -24
  105. package/datagrid/index.js +5 -27
  106. package/defaults.js +2 -5
  107. package/dialog/DialogProvider.js +6 -10
  108. package/dialog/context.d.ts +1 -1
  109. package/dialog/context.js +2 -5
  110. package/dialog/hooks/index.js +8 -24
  111. package/dialog/hooks/useCloseDialog.js +6 -9
  112. package/dialog/hooks/useDialogItem.d.ts +1 -1
  113. package/dialog/hooks/useDialogItem.js +4 -7
  114. package/dialog/hooks/useDialogItems.d.ts +1 -1
  115. package/dialog/hooks/useDialogItems.js +4 -7
  116. package/dialog/hooks/useOpenAlertDialog.js +5 -8
  117. package/dialog/hooks/useOpenConfirmDialog.js +5 -8
  118. package/dialog/hooks/useOpenDialog.js +10 -15
  119. package/dialog/hooks/useOpenErrorDialog.js +5 -8
  120. package/dialog/hooks/useOpenPromptDialog.js +5 -8
  121. package/dialog/index.js +3 -22
  122. package/form/FormValidationStringContext.js +5 -9
  123. package/form/index.js +1 -7
  124. package/hooks/index.d.ts +1 -0
  125. package/hooks/index.js +6 -21
  126. package/hooks/useDebouncedValue.js +8 -11
  127. package/hooks/useElementLayout.js +4 -7
  128. package/hooks/useIsMobile.js +6 -12
  129. package/hooks/useItemsWithKey.d.ts +7 -0
  130. package/hooks/useItemsWithKey.js +10 -0
  131. package/hooks/useStorageState.js +4 -7
  132. package/hooks/useSystemColorScheme.js +4 -7
  133. package/insights/InsightsProvider.js +10 -13
  134. package/insights/context.d.ts +1 -1
  135. package/insights/context.js +2 -5
  136. package/insights/hooks/index.js +4 -7
  137. package/insights/index.js +2 -20
  138. package/locale/LocaleProvider.js +8 -12
  139. package/locale/context.js +2 -5
  140. package/locale/index.js +4 -23
  141. package/locale/useCurrencySymbol.js +7 -10
  142. package/locale/useLocale.js +4 -7
  143. package/locale/utils.js +1 -4
  144. package/metadata/MetadataProvider.js +17 -21
  145. package/metadata/context.d.ts +1 -1
  146. package/metadata/context.js +2 -5
  147. package/metadata/hooks/index.js +8 -24
  148. package/metadata/hooks/useAppStore.js +4 -7
  149. package/metadata/hooks/useExperienceStore.js +4 -7
  150. package/metadata/hooks/useExperienceView.js +6 -9
  151. package/metadata/hooks/useExperienceViewCommands.js +7 -10
  152. package/metadata/hooks/useExperienceViewLookup.js +5 -8
  153. package/metadata/hooks/useExperienceViewSubgridCommands.js +7 -10
  154. package/metadata/hooks/useMetadata.js +8 -11
  155. package/metadata/hooks/useSchema.js +3 -6
  156. package/metadata/index.js +3 -22
  157. package/mutable/context.js +17 -25
  158. package/mutable/index.js +3 -27
  159. package/mutable/state.js +6 -10
  160. package/mutable/type.js +1 -2
  161. package/mutable/utils.js +12 -23
  162. package/navigation/hooks/index.js +1 -17
  163. package/navigation/hooks/useOpenForm.js +11 -14
  164. package/navigation/index.js +1 -17
  165. package/package.json +4 -2
  166. package/progress-indicator/ProgressIndicatorProvider.js +12 -16
  167. package/progress-indicator/context.js +2 -5
  168. package/progress-indicator/hooks/index.js +1 -17
  169. package/progress-indicator/hooks/useProgressIndicator.d.ts +1 -1
  170. package/progress-indicator/hooks/useProgressIndicator.js +4 -7
  171. package/progress-indicator/index.js +3 -22
  172. package/providers/PageEntityFormProvider/index.js +4 -7
  173. package/providers/PageEntityViewProvider/index.js +4 -7
  174. package/recordset/RecordSetProvider.js +12 -16
  175. package/recordset/context.d.ts +1 -1
  176. package/recordset/context.js +2 -5
  177. package/recordset/hooks/index.js +3 -19
  178. package/recordset/hooks/useRecordSetResult.js +15 -18
  179. package/recordset/hooks/useRecordSetSetter.js +6 -9
  180. package/recordset/hooks/useRecordSetVisibility.js +7 -10
  181. package/recordset/index.js +3 -22
  182. package/route/RouteProvider.js +14 -18
  183. package/route/context.js +6 -9
  184. package/route/hooks/index.js +6 -22
  185. package/route/hooks/useBasePath.js +4 -7
  186. package/route/hooks/useIsRouteActive.js +4 -7
  187. package/route/hooks/usePathname.js +4 -7
  188. package/route/hooks/useRouteResolver.js +4 -7
  189. package/route/hooks/useRouter.js +4 -7
  190. package/route/hooks/useSearchParams.js +4 -7
  191. package/route/index.js +2 -20
  192. package/route/types.js +1 -2
  193. package/store/ClientAppStore.js +1 -5
  194. package/store/ComponentStore.js +1 -5
  195. package/store/EventManager.js +1 -5
  196. package/store/SchemaExperienceStore.js +2 -7
  197. package/store/index.js +4 -20
  198. package/toast-notification/ToastNotificationProvider.js +6 -10
  199. package/toast-notification/context.d.ts +1 -1
  200. package/toast-notification/context.js +2 -5
  201. package/toast-notification/hooks/index.js +3 -19
  202. package/toast-notification/hooks/useCloseToastNotification.js +6 -9
  203. package/toast-notification/hooks/useOpenToastNotification.js +10 -15
  204. package/toast-notification/hooks/useToastNotificationItems.d.ts +1 -1
  205. package/toast-notification/hooks/useToastNotificationItems.js +4 -7
  206. package/toast-notification/index.js +3 -22
  207. package/transport/InMemoryDataService/index.js +1 -5
  208. package/transport/RestDataService/index.js +5 -10
  209. package/transport/context.js +4 -7
  210. package/transport/hooks/index.js +2 -18
  211. package/transport/hooks/useDataService.js +4 -7
  212. package/transport/hooks/useFileService.js +4 -7
  213. package/transport/hooks/useRetriveRecords.d.ts +1 -1
  214. package/transport/hooks/useRetriveRecords.js +12 -17
  215. package/transport/index.js +2 -20
  216. package/utils/calculateColumnWidths.js +1 -4
  217. package/utils/color.js +1 -4
  218. package/utils/getAttributeFormattedValue.js +12 -18
  219. package/utils/index.js +2 -18
  220. package/widget/context.js +2 -5
  221. package/widget/hooks/index.js +4 -7
  222. package/widget/index.js +1 -5
@@ -1,24 +1,8 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./useCloseDialog"), exports);
18
- __exportStar(require("./useDialogItem"), exports);
19
- __exportStar(require("./useDialogItems"), exports);
20
- __exportStar(require("./useOpenAlertDialog"), exports);
21
- __exportStar(require("./useOpenConfirmDialog"), exports);
22
- __exportStar(require("./useOpenDialog"), exports);
23
- __exportStar(require("./useOpenErrorDialog"), exports);
24
- __exportStar(require("./useOpenPromptDialog"), exports);
1
+ export * from './useCloseDialog';
2
+ export * from './useDialogItem';
3
+ export * from './useDialogItems';
4
+ export * from './useOpenAlertDialog';
5
+ export * from './useOpenConfirmDialog';
6
+ export * from './useOpenDialog';
7
+ export * from './useOpenErrorDialog';
8
+ export * from './useOpenPromptDialog';
@@ -1,9 +1,6 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useCloseDialog = useCloseDialog;
4
- const react_1 = require("react");
5
- const context_1 = require("../../mutable/context");
6
- const context_2 = require("../context");
1
+ import { useCallback } from 'react';
2
+ import { useContextSetValue } from '../../mutable/context';
3
+ import { DialogContext } from '../context';
7
4
  function markDialogAsClosed(items, id) {
8
5
  return items.map((item) => {
9
6
  if (item.id === id) {
@@ -15,9 +12,9 @@ function markDialogAsClosed(items, id) {
15
12
  function excludeDialogItemById(items, id) {
16
13
  return items.filter((item) => item.id !== id);
17
14
  }
18
- function useCloseDialog() {
19
- const setValue = (0, context_1.useContextSetValue)(context_2.DialogContext);
20
- const closeDialog = (0, react_1.useCallback)((id) => {
15
+ export function useCloseDialog() {
16
+ const setValue = useContextSetValue(DialogContext);
17
+ const closeDialog = useCallback((id) => {
21
18
  setValue((state) => ({
22
19
  items: markDialogAsClosed(state.items, id),
23
20
  }));
@@ -1 +1 @@
1
- export declare function useDialogItem(id: string): import("../context").DialogItemState | undefined;
1
+ export declare function useDialogItem(id: string): import("..").DialogItemState | undefined;
@@ -1,8 +1,5 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useDialogItem = useDialogItem;
4
- const context_1 = require("../../mutable/context");
5
- const context_2 = require("../context");
6
- function useDialogItem(id) {
7
- return (0, context_1.useContextSelector)(context_2.DialogContext, (state) => state.items.find((item) => item.id === id));
1
+ import { useContextSelector } from '../../mutable/context';
2
+ import { DialogContext } from '../context';
3
+ export function useDialogItem(id) {
4
+ return useContextSelector(DialogContext, (state) => state.items.find((item) => item.id === id));
8
5
  }
@@ -1 +1 @@
1
- export declare function useDialogItems(): import("../context").DialogItemState[];
1
+ export declare function useDialogItems(): import("..").DialogItemState[];
@@ -1,8 +1,5 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useDialogItems = useDialogItems;
4
- const context_1 = require("../../mutable/context");
5
- const context_2 = require("../context");
6
- function useDialogItems() {
7
- return (0, context_1.useContextSelector)(context_2.DialogContext, (state) => state.items);
1
+ import { useContextSelector } from '../../mutable/context';
2
+ import { DialogContext } from '../context';
3
+ export function useDialogItems() {
4
+ return useContextSelector(DialogContext, (state) => state.items);
8
5
  }
@@ -1,11 +1,8 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useOpenAlertDialog = useOpenAlertDialog;
4
- const react_1 = require("react");
5
- const useOpenDialog_1 = require("./useOpenDialog");
6
- function useOpenAlertDialog() {
7
- const openDialog = (0, useOpenDialog_1.useOpenDialog)();
8
- const openAlertDialog = (0, react_1.useCallback)((options) => {
1
+ import { useCallback } from 'react';
2
+ import { useOpenDialog } from './useOpenDialog';
3
+ export function useOpenAlertDialog() {
4
+ const openDialog = useOpenDialog();
5
+ const openAlertDialog = useCallback((options) => {
9
6
  return new Promise((resolve) => {
10
7
  const { close } = openDialog(Object.assign(Object.assign({ type: 'alert' }, options), { onDismiss: () => {
11
8
  close();
@@ -1,11 +1,8 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useOpenConfirmDialog = useOpenConfirmDialog;
4
- const react_1 = require("react");
5
- const useOpenDialog_1 = require("./useOpenDialog");
6
- function useOpenConfirmDialog() {
7
- const openDialog = (0, useOpenDialog_1.useOpenDialog)();
8
- const openConfirmDialog = (0, react_1.useCallback)((options) => {
1
+ import { useCallback } from 'react';
2
+ import { useOpenDialog } from './useOpenDialog';
3
+ export function useOpenConfirmDialog() {
4
+ const openDialog = useOpenDialog();
5
+ const openConfirmDialog = useCallback((options) => {
9
6
  return new Promise((resolve) => {
10
7
  const { close } = openDialog(Object.assign(Object.assign({ type: 'confirm' }, options), { onDismiss: () => {
11
8
  if (!options.allowDismiss) {
@@ -1,18 +1,13 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useOpenDialog = useOpenDialog;
4
- const react_1 = require("react");
5
- const context_1 = require("../../mutable/context");
6
- const context_2 = require("../context");
7
- const useCloseDialog_1 = require("./useCloseDialog");
8
- function randomId() {
9
- return Math.random().toString(36).substring(2);
10
- }
11
- function useOpenDialog() {
12
- const setValue = (0, context_1.useContextSetValue)(context_2.DialogContext);
13
- const closeDialog = (0, useCloseDialog_1.useCloseDialog)();
14
- const openDialog = (0, react_1.useCallback)((options) => {
15
- const id = randomId();
1
+ import { useCallback } from 'react';
2
+ import { v4 as uuid } from 'uuid';
3
+ import { useContextSetValue } from '../../mutable/context';
4
+ import { DialogContext } from '../context';
5
+ import { useCloseDialog } from './useCloseDialog';
6
+ export function useOpenDialog() {
7
+ const setValue = useContextSetValue(DialogContext);
8
+ const closeDialog = useCloseDialog();
9
+ const openDialog = useCallback((options) => {
10
+ const id = uuid();
16
11
  setValue((state) => {
17
12
  return {
18
13
  items: [
@@ -1,11 +1,8 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useOpenErrorDialog = useOpenErrorDialog;
4
- const react_1 = require("react");
5
- const useOpenDialog_1 = require("./useOpenDialog");
6
- function useOpenErrorDialog() {
7
- const openDialog = (0, useOpenDialog_1.useOpenDialog)();
8
- const openErrorDialog = (0, react_1.useCallback)((options) => {
1
+ import { useCallback } from 'react';
2
+ import { useOpenDialog } from './useOpenDialog';
3
+ export function useOpenErrorDialog() {
4
+ const openDialog = useOpenDialog();
5
+ const openErrorDialog = useCallback((options) => {
9
6
  const { close } = openDialog(Object.assign(Object.assign({ type: 'error' }, options), { onDismiss: () => {
10
7
  close();
11
8
  }, onConfirm: () => {
@@ -1,11 +1,8 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useOpenPromptDialog = useOpenPromptDialog;
4
- const react_1 = require("react");
5
- const useOpenDialog_1 = require("./useOpenDialog");
6
- function useOpenPromptDialog() {
7
- const openDialog = (0, useOpenDialog_1.useOpenDialog)();
8
- const openPromptDialog = (0, react_1.useCallback)((options) => {
1
+ import { useCallback } from 'react';
2
+ import { useOpenDialog } from './useOpenDialog';
3
+ export function useOpenPromptDialog() {
4
+ const openDialog = useOpenDialog();
5
+ const openPromptDialog = useCallback((options) => {
9
6
  return new Promise((resolve) => {
10
7
  const { close } = openDialog(Object.assign(Object.assign({ type: 'prompt' }, options), { onDismiss: () => {
11
8
  if (!options.allowDismiss) {
package/dialog/index.js CHANGED
@@ -1,22 +1,3 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.DialogProvider = exports.DialogContext = void 0;
18
- var context_1 = require("./context");
19
- Object.defineProperty(exports, "DialogContext", { enumerable: true, get: function () { return context_1.DialogContext; } });
20
- var DialogProvider_1 = require("./DialogProvider");
21
- Object.defineProperty(exports, "DialogProvider", { enumerable: true, get: function () { return DialogProvider_1.DialogProvider; } });
22
- __exportStar(require("./hooks"), exports);
1
+ export { DialogContext, } from './context';
2
+ export { DialogProvider } from './DialogProvider';
3
+ export * from './hooks';
@@ -1,9 +1,5 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.FormValidationStringContext = exports.defaultFormValidationStrings = void 0;
4
- exports.useFormValidationStrings = useFormValidationStrings;
5
- const react_1 = require("react");
6
- exports.defaultFormValidationStrings = {
1
+ import { createContext, useContext } from 'react';
2
+ export const defaultFormValidationStrings = {
7
3
  required: 'Required field must be filled in.',
8
4
  maxLength: 'Maximum length exceeded.',
9
5
  minLength: 'Minimum length not met.',
@@ -13,8 +9,8 @@ exports.defaultFormValidationStrings = {
13
9
  atLeastOneRowRequired: 'At least one row required.',
14
10
  fileSizeExceeded: 'File size exceeded.',
15
11
  };
16
- exports.FormValidationStringContext = (0, react_1.createContext)(exports.defaultFormValidationStrings);
17
- function useFormValidationStrings() {
18
- const context = (0, react_1.useContext)(exports.FormValidationStringContext);
12
+ export const FormValidationStringContext = createContext(defaultFormValidationStrings);
13
+ export function useFormValidationStrings() {
14
+ const context = useContext(FormValidationStringContext);
19
15
  return context;
20
16
  }
package/form/index.js CHANGED
@@ -1,7 +1 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useFormValidationStrings = exports.defaultFormValidationStrings = exports.FormValidationStringContext = void 0;
4
- var FormValidationStringContext_1 = require("./FormValidationStringContext");
5
- Object.defineProperty(exports, "FormValidationStringContext", { enumerable: true, get: function () { return FormValidationStringContext_1.FormValidationStringContext; } });
6
- Object.defineProperty(exports, "defaultFormValidationStrings", { enumerable: true, get: function () { return FormValidationStringContext_1.defaultFormValidationStrings; } });
7
- Object.defineProperty(exports, "useFormValidationStrings", { enumerable: true, get: function () { return FormValidationStringContext_1.useFormValidationStrings; } });
1
+ export { FormValidationStringContext, defaultFormValidationStrings, useFormValidationStrings, } from './FormValidationStringContext';
package/hooks/index.d.ts CHANGED
@@ -3,3 +3,4 @@ export * from './useElementLayout';
3
3
  export * from './useIsMobile';
4
4
  export * from './useStorageState';
5
5
  export * from './useSystemColorScheme';
6
+ export { useItemsWithKey } from './useItemsWithKey';
package/hooks/index.js CHANGED
@@ -1,21 +1,6 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./useDebouncedValue"), exports);
18
- __exportStar(require("./useElementLayout"), exports);
19
- __exportStar(require("./useIsMobile"), exports);
20
- __exportStar(require("./useStorageState"), exports);
21
- __exportStar(require("./useSystemColorScheme"), exports);
1
+ export * from './useDebouncedValue';
2
+ export * from './useElementLayout';
3
+ export * from './useIsMobile';
4
+ export * from './useStorageState';
5
+ export * from './useSystemColorScheme';
6
+ export { useItemsWithKey } from './useItemsWithKey';
@@ -1,14 +1,11 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useDebouncedValue = useDebouncedValue;
4
- const react_1 = require("react");
5
- function useDebouncedValue(value, wait, options = { leading: false }) {
6
- const [_value, setValue] = (0, react_1.useState)(value);
7
- const mountedRef = (0, react_1.useRef)(false);
8
- const timeoutRef = (0, react_1.useRef)(null);
9
- const cooldownRef = (0, react_1.useRef)(false);
1
+ import { useEffect, useRef, useState } from 'react';
2
+ export function useDebouncedValue(value, wait, options = { leading: false }) {
3
+ const [_value, setValue] = useState(value);
4
+ const mountedRef = useRef(false);
5
+ const timeoutRef = useRef(null);
6
+ const cooldownRef = useRef(false);
10
7
  const cancel = () => window.clearTimeout(timeoutRef.current);
11
- (0, react_1.useEffect)(() => {
8
+ useEffect(() => {
12
9
  if (mountedRef.current) {
13
10
  if (!cooldownRef.current && options.leading) {
14
11
  cooldownRef.current = true;
@@ -23,7 +20,7 @@ function useDebouncedValue(value, wait, options = { leading: false }) {
23
20
  }
24
21
  }
25
22
  }, [value, options.leading, wait]);
26
- (0, react_1.useEffect)(() => {
23
+ useEffect(() => {
27
24
  mountedRef.current = true;
28
25
  return cancel;
29
26
  }, []);
@@ -1,10 +1,7 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useElementSize = useElementSize;
4
- const react_1 = require("react");
5
- function useElementSize(elementRef, interval) {
6
- const [size, setSize] = (0, react_1.useState)({ width: 0, height: 0 });
7
- (0, react_1.useLayoutEffect)(() => {
1
+ import { useLayoutEffect, useState } from 'react';
2
+ export function useElementSize(elementRef, interval) {
3
+ const [size, setSize] = useState({ width: 0, height: 0 });
4
+ useLayoutEffect(() => {
8
5
  function updateSize() {
9
6
  if (elementRef.current) {
10
7
  const element = elementRef.current;
@@ -1,18 +1,12 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.useIsMobile = useIsMobile;
7
- const debounce_1 = __importDefault(require("lodash/debounce"));
8
- const react_1 = require("react");
9
- function useIsMobile() {
10
- const [isMobile, setIsMobile] = (0, react_1.useState)(false);
11
- (0, react_1.useLayoutEffect)(() => {
1
+ import debounce from 'lodash/debounce';
2
+ import { useLayoutEffect, useState } from 'react';
3
+ export function useIsMobile() {
4
+ const [isMobile, setIsMobile] = useState(false);
5
+ useLayoutEffect(() => {
12
6
  const updateSize = () => {
13
7
  setIsMobile(window.innerWidth < 768);
14
8
  };
15
- window.addEventListener('resize', (0, debounce_1.default)(updateSize, 250));
9
+ window.addEventListener('resize', debounce(updateSize, 250));
16
10
  updateSize();
17
11
  return () => window.removeEventListener('resize', updateSize);
18
12
  }, []);
@@ -0,0 +1,7 @@
1
+ import { ItemWithKey } from '@headless-adminapp/core/types';
2
+ export declare function useItemsWithKey<T>(value: T[]): ItemWithKey<T>[];
3
+ export declare function useItemsWithKey(value: null): null;
4
+ export declare function useItemsWithKey(value: undefined): undefined;
5
+ export declare function useItemsWithKey<T>(value: T[] | null): ItemWithKey<T>[] | null;
6
+ export declare function useItemsWithKey<T>(value: T[] | undefined): ItemWithKey<T>[] | undefined;
7
+ export declare function useItemsWithKey<T>(value: T[] | null | undefined): ItemWithKey<T>[] | null | undefined;
@@ -0,0 +1,10 @@
1
+ import { createItemsWithKey } from '@headless-adminapp/core/utils';
2
+ import { useMemo } from 'react';
3
+ export function useItemsWithKey(value) {
4
+ return useMemo(() => {
5
+ if (!value) {
6
+ return value;
7
+ }
8
+ return createItemsWithKey(value);
9
+ }, [value]);
10
+ }
@@ -1,7 +1,4 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useStorageState = useStorageState;
4
- const react_1 = require("react");
1
+ import { useCallback, useState } from 'react';
5
2
  function getStorageValue(key, store) {
6
3
  const value = store.getItem(key);
7
4
  if (value) {
@@ -12,10 +9,10 @@ function getStorageValue(key, store) {
12
9
  function setStorageValue(key, value, store) {
13
10
  store.setItem(key, JSON.stringify(value));
14
11
  }
15
- function useStorageState(initialState, key, store = localStorage) {
12
+ export function useStorageState(initialState, key, store = localStorage) {
16
13
  var _a;
17
- const [state, setState] = (0, react_1.useState)((_a = getStorageValue(key, store)) !== null && _a !== void 0 ? _a : initialState);
18
- const setStoredState = (0, react_1.useCallback)((value) => {
14
+ const [state, setState] = useState((_a = getStorageValue(key, store)) !== null && _a !== void 0 ? _a : initialState);
15
+ const setStoredState = useCallback((value) => {
19
16
  setState((prevState) => {
20
17
  const finalState = value instanceof Function ? value(prevState) : value;
21
18
  setStorageValue(key, finalState, store);
@@ -1,7 +1,4 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useSystemColorScheme = useSystemColorScheme;
4
- const react_1 = require("react");
1
+ import { useEffect, useState } from 'react';
5
2
  const isSystemDarkMode = () => {
6
3
  if (typeof window === 'undefined') {
7
4
  return false;
@@ -9,9 +6,9 @@ const isSystemDarkMode = () => {
9
6
  return (window.matchMedia &&
10
7
  window.matchMedia('(prefers-color-scheme: dark)').matches);
11
8
  };
12
- function useSystemColorScheme() {
13
- const [systemColorScheme, setSystemColorScheme] = (0, react_1.useState)(isSystemDarkMode() ? 'dark' : 'light');
14
- (0, react_1.useEffect)(() => {
9
+ export function useSystemColorScheme() {
10
+ const [systemColorScheme, setSystemColorScheme] = useState(isSystemDarkMode() ? 'dark' : 'light');
11
+ useEffect(() => {
15
12
  setSystemColorScheme(isSystemDarkMode() ? 'dark' : 'light');
16
13
  const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
17
14
  const handleChange = (e) => {
@@ -1,27 +1,24 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.InsightsProvider = InsightsProvider;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = require("react");
6
- const mutable_1 = require("../mutable");
7
- const context_1 = require("./context");
8
- function InsightsProvider({ children, experience, insightLookup, onInsightSelect, }) {
9
- const onInsightSelectRef = (0, react_1.useRef)(onInsightSelect);
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { useCallback, useEffect, useRef } from 'react';
3
+ import { useCreateContextStore } from '../mutable';
4
+ import { InsightsContext } from './context';
5
+ export function InsightsProvider({ children, experience, insightLookup, onInsightSelect, }) {
6
+ const onInsightSelectRef = useRef(onInsightSelect);
10
7
  onInsightSelectRef.current = onInsightSelect;
11
- const onInsightSelectInternal = (0, react_1.useCallback)((id) => {
8
+ const onInsightSelectInternal = useCallback((id) => {
12
9
  onInsightSelectRef.current(id);
13
10
  }, [onInsightSelectRef]);
14
- const insightsValues = (0, mutable_1.useCreateContextStore)({
11
+ const insightsValues = useCreateContextStore({
15
12
  experience,
16
13
  data: experience.defaultData,
17
14
  insightLookup: insightLookup,
18
15
  onInsightSelect: onInsightSelectInternal,
19
16
  });
20
- (0, react_1.useEffect)(() => {
17
+ useEffect(() => {
21
18
  insightsValues.setValue({
22
19
  experience,
23
20
  data: experience.defaultData,
24
21
  });
25
22
  }, [experience, insightsValues]);
26
- return ((0, jsx_runtime_1.jsx)(context_1.InsightsContext.Provider, { value: insightsValues, children: children }));
23
+ return (_jsx(InsightsContext.Provider, { value: insightsValues, children: children }));
27
24
  }
@@ -1,2 +1,2 @@
1
1
  import { InsightsState } from '@headless-adminapp/core/experience/insights';
2
- export declare const InsightsContext: import("react").Context<import("../mutable/context").ContextValue<InsightsState<import("@headless-adminapp/core/schema").SchemaAttributes>>>;
2
+ export declare const InsightsContext: import("react").Context<import("../mutable").ContextValue<InsightsState<import("@headless-adminapp/core/schema").SchemaAttributes>>>;
@@ -1,5 +1,2 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.InsightsContext = void 0;
4
- const context_1 = require("../mutable/context");
5
- exports.InsightsContext = (0, context_1.createContext)();
1
+ import { createContext } from '../mutable/context';
2
+ export const InsightsContext = createContext();
@@ -1,8 +1,5 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useInsightsState = useInsightsState;
4
- const mutable_1 = require("../../mutable");
5
- const context_1 = require("../context");
6
- function useInsightsState() {
7
- return (0, mutable_1.useContextSelector)(context_1.InsightsContext, (state) => state);
1
+ import { useContextSelector } from '../../mutable';
2
+ import { InsightsContext } from '../context';
3
+ export function useInsightsState() {
4
+ return useContextSelector(InsightsContext, (state) => state);
8
5
  }
package/insights/index.js CHANGED
@@ -1,20 +1,2 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.InsightsContext = void 0;
18
- var context_1 = require("./context");
19
- Object.defineProperty(exports, "InsightsContext", { enumerable: true, get: function () { return context_1.InsightsContext; } });
20
- __exportStar(require("./hooks"), exports);
1
+ export { InsightsContext } from './context';
2
+ export * from './hooks';
@@ -1,14 +1,10 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.LocaleProvider = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const locale_1 = require("@headless-adminapp/core/experience/locale");
6
- const react_1 = require("react");
7
- const context_1 = require("./context");
8
- const LocaleProvider = ({ children, locale = 'en-US', timezone = 'UTC', options, }) => {
9
- const localeState = (0, react_1.useMemo)(() => {
10
- return (0, locale_1.getLocale)(locale, timezone, options);
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { getLocale } from '@headless-adminapp/core/experience/locale';
3
+ import { useMemo } from 'react';
4
+ import { LocaleContext } from './context';
5
+ export const LocaleProvider = ({ children, locale = 'en-US', timezone = 'UTC', options, }) => {
6
+ const localeState = useMemo(() => {
7
+ return getLocale(locale, timezone, options);
11
8
  }, [locale, timezone, options]);
12
- return ((0, jsx_runtime_1.jsx)(context_1.LocaleContext.Provider, { value: localeState, children: children }));
9
+ return (_jsx(LocaleContext.Provider, { value: localeState, children: children }));
13
10
  };
14
- exports.LocaleProvider = LocaleProvider;
package/locale/context.js CHANGED
@@ -1,5 +1,2 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.LocaleContext = void 0;
4
- const react_1 = require("react");
5
- exports.LocaleContext = (0, react_1.createContext)(null);
1
+ import { createContext } from 'react';
2
+ export const LocaleContext = createContext(null);
package/locale/index.js CHANGED
@@ -1,23 +1,4 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.LocaleProvider = exports.LocaleContext = void 0;
18
- var context_1 = require("./context");
19
- Object.defineProperty(exports, "LocaleContext", { enumerable: true, get: function () { return context_1.LocaleContext; } });
20
- __exportStar(require("./useLocale"), exports);
21
- __exportStar(require("./useCurrencySymbol"), exports);
22
- var LocaleProvider_1 = require("./LocaleProvider");
23
- Object.defineProperty(exports, "LocaleProvider", { enumerable: true, get: function () { return LocaleProvider_1.LocaleProvider; } });
1
+ export { LocaleContext } from './context';
2
+ export * from './useLocale';
3
+ export * from './useCurrencySymbol';
4
+ export { LocaleProvider } from './LocaleProvider';
@@ -1,13 +1,10 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useCurrencySymbol = useCurrencySymbol;
4
- const utils_1 = require("@headless-adminapp/core/experience/locale/utils");
5
- const react_1 = require("react");
6
- const useLocale_1 = require("./useLocale");
7
- function useCurrencySymbol() {
8
- const locale = (0, useLocale_1.useLocale)();
9
- return (0, react_1.useMemo)(() => {
1
+ import { getCurrencySymbol } from '@headless-adminapp/core/experience/locale/utils';
2
+ import { useMemo } from 'react';
3
+ import { useLocale } from './useLocale';
4
+ export function useCurrencySymbol() {
5
+ const locale = useLocale();
6
+ return useMemo(() => {
10
7
  var _a;
11
- return (0, utils_1.getCurrencySymbol)(locale.locale, (_a = locale.currency.currency) !== null && _a !== void 0 ? _a : 'USD');
8
+ return getCurrencySymbol(locale.locale, (_a = locale.currency.currency) !== null && _a !== void 0 ? _a : 'USD');
12
9
  }, [locale]);
13
10
  }