@headless-adminapp/app 1.4.20 → 1.4.22

package/app/LayoutProvider.js

@@ -9,11 +9,14 @@ const dialog_1 = require("../dialog");
 const header_1 = require("../header");
 const locale_1 = require("../locale");
 const metadata_1 = require("../metadata");
+const unsaved_changes_1 = require("../navigation/unsaved-changes");
 const progress_indicator_1 = require("../progress-indicator");
+const quickcreate_1 = require("../quickcreate");
 const route_1 = require("../route");
 const toast_notification_1 = require("../toast-notification");
 const transport_1 = require("../transport");
 const context_1 = require("../transport/context");
+const AppProvider_1 = require("./AppProvider");
 const AuthWrapper_1 = require("./AuthWrapper");
 const dataServiceNotProvidedError = new Error('No data service provided');
 const defaultDataService = {
@@ -40,6 +43,6 @@ const defaultDataService = {
     },
 };
 const LayoutProvider = ({ authPlaceholder, authProps, dataService = defaultDataService, fileService, localeProps, metadataProps, queryClient = defaults_1.queryClient, routeProps, children, containers: { DialogContainer, ProgressIndicatorContainer, ToastNotificationContainer, }, }) => {
-    return ((0, jsx_runtime_1.jsx)(route_1.RouteProvider, { ...routeProps, children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(locale_1.LocaleProvider, { ...localeProps, children: (0, jsx_runtime_1.jsx)(metadata_1.MetadataProvider, { ...metadataProps, children: (0, jsx_runtime_1.jsx)(transport_1.DataServiceContext.Provider, { value: dataService, children: (0, jsx_runtime_1.jsx)(context_1.FileServiceContext.Provider, { value: fileService ?? null, children: (0, jsx_runtime_1.jsx)(dialog_1.DialogProvider, { children: (0, jsx_runtime_1.jsx)(progress_indicator_1.ProgressIndicatorProvider, { children: (0, jsx_runtime_1.jsxs)(toast_notification_1.ToastNotificationProvider, { children: [(0, jsx_runtime_1.jsx)(DialogContainer, {}), (0, jsx_runtime_1.jsx)(ProgressIndicatorContainer, {}), (0, jsx_runtime_1.jsx)(ToastNotificationContainer, {}), (0, jsx_runtime_1.jsx)(auth_1.AuthProvider, { ...authProps, children: (0, jsx_runtime_1.jsx)(header_1.HeaderProvider, { children: (0, jsx_runtime_1.jsx)(AuthWrapper_1.AuthWrapper, { Placeholder: authPlaceholder, children: children }) }) })] }) }) }) }) }) }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(route_1.RouteProvider, { ...routeProps, children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(locale_1.LocaleProvider, { ...localeProps, children: (0, jsx_runtime_1.jsx)(metadata_1.MetadataProvider, { ...metadataProps, children: (0, jsx_runtime_1.jsx)(transport_1.DataServiceContext.Provider, { value: dataService, children: (0, jsx_runtime_1.jsx)(context_1.FileServiceContext.Provider, { value: fileService ?? null, children: (0, jsx_runtime_1.jsx)(dialog_1.DialogProvider, { children: (0, jsx_runtime_1.jsx)(progress_indicator_1.ProgressIndicatorProvider, { children: (0, jsx_runtime_1.jsxs)(toast_notification_1.ToastNotificationProvider, { children: [(0, jsx_runtime_1.jsx)(DialogContainer, {}), (0, jsx_runtime_1.jsx)(ProgressIndicatorContainer, {}), (0, jsx_runtime_1.jsx)(ToastNotificationContainer, {}), (0, jsx_runtime_1.jsx)(auth_1.AuthProvider, { ...authProps, children: (0, jsx_runtime_1.jsx)(header_1.HeaderProvider, { children: (0, jsx_runtime_1.jsxs)(AuthWrapper_1.AuthWrapper, { Placeholder: authPlaceholder, children: [(0, jsx_runtime_1.jsx)(unsaved_changes_1.UnsavedChangesRouteGuard, {}), (0, jsx_runtime_1.jsx)(AppProvider_1.AppProvider, { children: (0, jsx_runtime_1.jsx)(quickcreate_1.QuickCreateProvider, { children: children }) })] }) }) })] }) }) }) }) }) }) }) }) }));
 };
 exports.LayoutProvider = LayoutProvider;

package/command/types.d.ts

@@ -39,7 +39,7 @@ interface BaseCommandState {
     appearance?: 'subtle' | 'colored';
 }
 interface ActionableCommandState {
-    onClick?: () => void;
+    onClick?: () => void | Promise<void>;
     disabled?: boolean;
     hidden?: boolean;
 }

package/dataform/DataFormProvider/UnsavedChangesInfoSetter.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const UnsavedChangesInfoSetter: FC;

package/dataform/DataFormProvider/UnsavedChangesInfoSetter.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnsavedChangesInfoSetter = void 0;
+const unsaved_changes_1 = require("@headless-adminapp/app/navigation/unsaved-changes");
+const react_1 = require("react");
+const hooks_1 = require("../hooks");
+const UnsavedChangesInfoSetter = () => {
+    const form = (0, hooks_1.useFormInstance)();
+    (0, react_1.useEffect)(() => {
+        if (!form.formState.isDirty) {
+            (0, unsaved_changes_1.setUnsavedChangesInfo)(null);
+        }
+        else {
+            (0, unsaved_changes_1.setUnsavedChangesInfo)({
+                title: 'Unsaved Changes',
+                message: 'You have unsaved changes. Are you sure you want to leave without saving?',
+            });
+        }
+        return () => {
+            (0, unsaved_changes_1.setUnsavedChangesInfo)(null);
+        };
+    }, [form.formState.isDirty]);
+    return null;
+};
+exports.UnsavedChangesInfoSetter = UnsavedChangesInfoSetter;

package/dataform/hooks/useFormSave.js

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFormSave = useFormSave;
 // Wrapper - Loader, response message
 // Core - Extract modified fields, prepare operations, perform operations
+const unsaved_changes_1 = require("@headless-adminapp/app/navigation/unsaved-changes");
 const route_1 = require("@headless-adminapp/app/route");
 const app_1 = require("@headless-adminapp/core/experience/app");
 const react_query_1 = require("@tanstack/react-query");
@@ -85,12 +86,13 @@ function useFormSave() {
                     });
                     return;
                 }
+                (0, unsaved_changes_1.setUnsavedChangesInfo)(null);
                 if (mode === 'save') {
                     if (record) {
                         await refresh();
                     }
                     else {
-                        router.replace(routeResolver({
+                        await router.replace(routeResolver({
                             type: app_1.PageType.EntityForm,
                             logicalName: schema.logicalName,
                             id: result.recordId,
@@ -102,7 +104,7 @@ function useFormSave() {
                         queryKey: ['data', 'retriveRecord'],
                     });
                     if (mode === 'saveandclose') {
-                        router.back();
+                        await router.back();
                     }
                 }
                 await client.invalidateQueries({

package/dataform/utils/defaultParameters.js

@@ -1,6 +1,10 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getFormDefaultParameters = getFormDefaultParameters;
+const dayjs_1 = __importDefault(require("dayjs"));
 function getFormDefaultParameters(schema, formExperience, router) {
     const _values = router.getState('defaultParameters')?.values;
     const _logicalName = router.getState('defaultParameters')?.logicalName;
@@ -14,7 +18,12 @@ function getFormDefaultParameters(schema, formExperience, router) {
             defaultValue = defaultValue.toISOString();
         }
         else if (attribute.type === 'date' && defaultValue === '@now') {
-            defaultValue = new Date().toISOString();
+            if (attribute.format === 'date') {
+                defaultValue = (0, dayjs_1.default)().format('YYYY-MM-DD');
+            }
+            else {
+                defaultValue = new Date().toISOString();
+            }
         }
         return {
             ...acc,

package/datagrid/hooks/useOpenRecord.d.ts

@@ -1 +1 @@
-export declare function useOpenRecord(): (id: string, logicalName: string) => void;
+export declare function useOpenRecord(): (id: string, logicalName: string) => Promise<void>;

package/datagrid/hooks/useOpenRecord.js

@@ -13,13 +13,13 @@ function useOpenRecord() {
     const router = (0, route_1.useRouter)();
     const dataRef = (0, react_1.useRef)(data);
     dataRef.current = data;
-    return (0, react_1.useCallback)((id, logicalName) => {
+    return (0, react_1.useCallback)(async (id, logicalName) => {
         const path = routeResolver({
             logicalName: logicalName,
             type: app_1.PageType.EntityForm,
             id,
         });
-        router.push(path, {
+        await router.push(path, {
             state: {
                 navigator: logicalName === schema.logicalName
                     ? {

package/dialog/hooks/useCloseDialog.d.ts

@@ -1 +1,4 @@
+/**
+ * @zero-deps
+ */
 export declare function useCloseDialog(): (id: string) => void;

package/dialog/hooks/useCloseDialog.js

@@ -15,6 +15,9 @@ function markDialogAsClosed(items, id) {
 function excludeDialogItemById(items, id) {
     return items.filter((item) => item.id !== id);
 }
+/**
+ * @zero-deps
+ */
 function useCloseDialog() {
     const setValue = (0, context_1.useContextSetValue)(context_2.DialogContext);
     const closeDialog = (0, react_1.useCallback)((id) => {

package/dialog/hooks/useOpenConfirmDialog.d.ts

@@ -1,2 +1,5 @@
 import { ConfirmDialogOptions, ConfirmResult } from '@headless-adminapp/core/experience/dialog';
+/**
+ * @zero-deps
+ */
 export declare function useOpenConfirmDialog(): (options: Omit<ConfirmDialogOptions, "type" | "onConfirm" | "onDismiss" | "onCancel">) => Promise<ConfirmResult | null>;

package/dialog/hooks/useOpenConfirmDialog.js

@@ -3,6 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useOpenConfirmDialog = useOpenConfirmDialog;
 const react_1 = require("react");
 const useOpenDialog_1 = require("./useOpenDialog");
+/**
+ * @zero-deps
+ */
 function useOpenConfirmDialog() {
     const openDialog = (0, useOpenDialog_1.useOpenDialog)();
     const openConfirmDialog = (0, react_1.useCallback)((options) => {

package/dialog/hooks/useOpenDialog.d.ts

@@ -1,4 +1,7 @@
 import { DialogOptions } from '@headless-adminapp/core/experience/dialog';
+/**
+ * @zero-deps
+ */
 export declare function useOpenDialog(): (options: DialogOptions) => {
     id: string;
     close: () => void;

package/dialog/hooks/useOpenDialog.js

@@ -6,6 +6,9 @@ const uuid_1 = require("uuid");
 const context_1 = require("../../mutable/context");
 const context_2 = require("../context");
 const useCloseDialog_1 = require("./useCloseDialog");
+/**
+ * @zero-deps
+ */
 function useOpenDialog() {
     const setValue = (0, context_1.useContextSetValue)(context_2.DialogContext);
     const closeDialog = (0, useCloseDialog_1.useCloseDialog)();

package/mutable/context.d.ts

@@ -8,6 +8,9 @@ export declare function useContextValue<T>(context: React.Context<ContextValue<T
     current: T;
 };
 export declare function useContextSelector<T, R>(context: React.Context<ContextValue<T>>, selector: (state: T) => R): R;
+/**
+ * @zero-deps
+ */
 export declare function useContextSetValue<T>(context: React.Context<ContextValue<T>>): (value: Partial<T> | ((state: T) => Partial<T>)) => void;
 type Setter<T, U extends unknown[]> = (setValue: ContextValue<T>['setValue']) => (...args: U) => void;
 export declare function useContextValueSetter<T, U extends unknown[]>(context: React.Context<ContextValue<T>>, setter: Setter<T, U>): (...args: U) => void;

package/mutable/context.js

@@ -33,6 +33,9 @@ function useContextSelector(context, selector) {
     }
     return (0, exports.useContextSelectorInternal)(contextValue, selector);
 }
+/**
+ * @zero-deps
+ */
 function useContextSetValue(context) {
     const contextValue = (0, react_1.useContext)(context);
     if (!contextValue) {

package/navigation/hooks/useOpenForm.d.ts

@@ -1,2 +1,2 @@
 import { OpenFormOptions } from '@headless-adminapp/core/experience/command';
-export declare function useOpenForm(): (options: OpenFormOptions) => void;
+export declare function useOpenForm(): (options: OpenFormOptions) => Promise<void>;

package/navigation/hooks/useOpenForm.js

@@ -8,7 +8,7 @@ const useRouteResolver_1 = require("../../route/hooks/useRouteResolver");
 function useOpenForm() {
     const routeResolver = (0, useRouteResolver_1.useRouteResolver)();
     const router = (0, hooks_1.useRouter)();
-    return (0, react_1.useCallback)((options) => {
+    return (0, react_1.useCallback)(async (options) => {
         const path = routeResolver({
             logicalName: options.logicalName,
             type: app_1.PageType.EntityForm,
@@ -29,7 +29,7 @@ function useOpenForm() {
             };
         }
         if (options.replace) {
-            router.replace(path, {
+            await router.replace(path, {
                 state: {
                     ...router.getState(),
                     ...state,
@@ -37,7 +37,7 @@ function useOpenForm() {
             });
         }
         else {
-            router.push(path, {
+            await router.push(path, {
                 state,
             });
         }

package/navigation/unsaved-changes/UnsavedChangesRouteGuard.d.ts

@@ -0,0 +1 @@
+export declare const UnsavedChangesRouteGuard: () => null;

package/navigation/unsaved-changes/UnsavedChangesRouteGuard.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnsavedChangesRouteGuard = void 0;
+const useUnsavedChangesRouteGuard_1 = require("./useUnsavedChangesRouteGuard");
+const UnsavedChangesRouteGuard = () => {
+    (0, useUnsavedChangesRouteGuard_1.useUnsavedChangesRouteGuard)();
+    return null;
+};
+exports.UnsavedChangesRouteGuard = UnsavedChangesRouteGuard;

package/navigation/unsaved-changes/index.d.ts

@@ -0,0 +1,3 @@
+export { getUnsavedChangesInfo, setUnsavedChangesInfo, } from './unsavedChangesInfo';
+export { useUnsavedChangesRouteGuard } from './useUnsavedChangesRouteGuard';
+export { UnsavedChangesRouteGuard } from './UnsavedChangesRouteGuard';

package/navigation/unsaved-changes/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnsavedChangesRouteGuard = exports.useUnsavedChangesRouteGuard = exports.setUnsavedChangesInfo = exports.getUnsavedChangesInfo = void 0;
+var unsavedChangesInfo_1 = require("./unsavedChangesInfo");
+Object.defineProperty(exports, "getUnsavedChangesInfo", { enumerable: true, get: function () { return unsavedChangesInfo_1.getUnsavedChangesInfo; } });
+Object.defineProperty(exports, "setUnsavedChangesInfo", { enumerable: true, get: function () { return unsavedChangesInfo_1.setUnsavedChangesInfo; } });
+var useUnsavedChangesRouteGuard_1 = require("./useUnsavedChangesRouteGuard");
+Object.defineProperty(exports, "useUnsavedChangesRouteGuard", { enumerable: true, get: function () { return useUnsavedChangesRouteGuard_1.useUnsavedChangesRouteGuard; } });
+var UnsavedChangesRouteGuard_1 = require("./UnsavedChangesRouteGuard");
+Object.defineProperty(exports, "UnsavedChangesRouteGuard", { enumerable: true, get: function () { return UnsavedChangesRouteGuard_1.UnsavedChangesRouteGuard; } });

package/navigation/unsaved-changes/unsavedChangesInfo.d.ts

@@ -0,0 +1,6 @@
+export interface UnsavedChangesInfo {
+    title: string;
+    message: string;
+}
+export declare function getUnsavedChangesInfo(): UnsavedChangesInfo | null;
+export declare function setUnsavedChangesInfo(info: UnsavedChangesInfo | null): void;

package/navigation/unsaved-changes/unsavedChangesInfo.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getUnsavedChangesInfo = getUnsavedChangesInfo;
+exports.setUnsavedChangesInfo = setUnsavedChangesInfo;
+let unsavedChangesInfo = null;
+function getUnsavedChangesInfo() {
+    return unsavedChangesInfo;
+}
+function setUnsavedChangesInfo(info) {
+    unsavedChangesInfo = info;
+}

package/navigation/unsaved-changes/useUnsavedChangesRouteGuard.d.ts

@@ -0,0 +1 @@
+export declare function useUnsavedChangesRouteGuard(): null;

package/navigation/unsaved-changes/useUnsavedChangesRouteGuard.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUnsavedChangesRouteGuard = useUnsavedChangesRouteGuard;
+const dialog_1 = require("@headless-adminapp/app/dialog");
+const route_1 = require("@headless-adminapp/app/route");
+const react_1 = require("react");
+const unsavedChangesInfo_1 = require("./unsavedChangesInfo");
+function useUnsavedChangesRouteGuard() {
+    const router = (0, route_1.useRouter)();
+    const openConfirmDialog = (0, dialog_1.useOpenConfirmDialog)();
+    (0, react_1.useEffect)(() => {
+        const guard = async () => {
+            const unsavedChangesInfo = (0, unsavedChangesInfo_1.getUnsavedChangesInfo)();
+            if (!unsavedChangesInfo) {
+                return true;
+            }
+            const confirmResult = await openConfirmDialog({
+                title: unsavedChangesInfo.title,
+                text: unsavedChangesInfo.message,
+                confirmButtonLabel: 'Leave',
+                cancelButtonLabel: 'Stay',
+            });
+            if (!confirmResult?.confirmed) {
+                return false;
+            }
+            (0, unsavedChangesInfo_1.setUnsavedChangesInfo)(null);
+            return true;
+        };
+        router.registerGuard(guard);
+        return () => {
+            router.unregisterGuard(guard);
+        };
+    }, [router, openConfirmDialog]);
+    (0, react_1.useEffect)(() => {
+        function handleBeforeUnload(event) {
+            const unsavedChangesInfo = (0, unsavedChangesInfo_1.getUnsavedChangesInfo)();
+            if (unsavedChangesInfo) {
+                event.preventDefault();
+                event.returnValue = unsavedChangesInfo.message;
+            }
+        }
+        window.addEventListener('beforeunload', handleBeforeUnload);
+        return () => {
+            window.removeEventListener('beforeunload', handleBeforeUnload);
+        };
+    }, []);
+    return null;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/app",
-  "version": "1.4.20",
+  "version": "1.4.22",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -38,5 +38,5 @@
     "uuid": "11.0.3",
     "yup": "^1.4.0"
   },
-  "gitHead": "be1677e04dcd2ac91082078c0b59f81b0799d469"
+  "gitHead": "8f687a2b8c3151c30c57f43105ac47c5d8c3ee79"
 }

package/providers/PageEntityFormProvider/index.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageEntityFormProvider = PageEntityFormProvider;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const DataFormProvider_1 = require("../../dataform/DataFormProvider");
+const UnsavedChangesInfoSetter_1 = require("../../dataform/DataFormProvider/UnsavedChangesInfoSetter");
 function PageEntityFormProvider({ schema, form, recordId, children, commands, retriveRecordFn, saveRecordFn, }) {
-    return ((0, jsx_runtime_1.jsx)(DataFormProvider_1.DataFormProvider, { schema: schema, form: form, recordId: recordId, commands: commands, retriveRecordFn: retriveRecordFn, saveRecordFn: saveRecordFn, children: children }));
+    return ((0, jsx_runtime_1.jsxs)(DataFormProvider_1.DataFormProvider, { schema: schema, form: form, recordId: recordId, commands: commands, retriveRecordFn: retriveRecordFn, saveRecordFn: saveRecordFn, children: [(0, jsx_runtime_1.jsx)(UnsavedChangesInfoSetter_1.UnsavedChangesInfoSetter, {}), children] }));
 }

package/quickcreate/QuickCreateProvider.d.ts

@@ -0,0 +1,5 @@
+import { FC, PropsWithChildren } from 'react';
+interface QuickCreateProviderProps {
+}
+export declare const QuickCreateProvider: FC<PropsWithChildren<QuickCreateProviderProps>>;
+export {};

package/quickcreate/QuickCreateProvider.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuickCreateProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const context_1 = require("../mutable/context");
+const context_2 = require("./context");
+const QuickCreateProvider = ({ children }) => {
+    const contextState = (0, context_1.useCreateContextStore)({
+        items: [],
+    });
+    return ((0, jsx_runtime_1.jsx)(context_2.QuickCreateContext.Provider, { value: contextState, children: children }));
+};
+exports.QuickCreateProvider = QuickCreateProvider;

package/quickcreate/context.d.ts

@@ -0,0 +1,16 @@
+import { Id } from '@headless-adminapp/core';
+import { DataLookup } from '@headless-adminapp/core/attributes';
+export interface QuickCreateOptions {
+    logicalName: string;
+    formId?: string;
+    onCreate?: (value: DataLookup<Id>) => void;
+    onCancel?: () => void;
+}
+export type QuickCreateItemState = QuickCreateOptions & {
+    id: string;
+    isOpen: boolean;
+};
+export interface QuickCreateContextState {
+    items: QuickCreateItemState[];
+}
+export declare const QuickCreateContext: import("react").Context<import("../mutable").ContextValue<QuickCreateContextState>>;

package/quickcreate/context.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuickCreateContext = void 0;
+const mutable_1 = require("../mutable");
+exports.QuickCreateContext = (0, mutable_1.createContext)();

package/quickcreate/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export { useOpenQuickCreate } from './useOpenQuickCreate';
+export { useQuickCreateItem } from './useQuickCreateItem';
+export { useQuickCreateItems } from './useQuickCreateItems';
+export { useFormSave } from './useFormSave';
+export { useIsQuickCreateSupported } from './useIsQuickCreateSupported';

package/quickcreate/hooks/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsQuickCreateSupported = exports.useFormSave = exports.useQuickCreateItems = exports.useQuickCreateItem = exports.useOpenQuickCreate = void 0;
+var useOpenQuickCreate_1 = require("./useOpenQuickCreate");
+Object.defineProperty(exports, "useOpenQuickCreate", { enumerable: true, get: function () { return useOpenQuickCreate_1.useOpenQuickCreate; } });
+var useQuickCreateItem_1 = require("./useQuickCreateItem");
+Object.defineProperty(exports, "useQuickCreateItem", { enumerable: true, get: function () { return useQuickCreateItem_1.useQuickCreateItem; } });
+var useQuickCreateItems_1 = require("./useQuickCreateItems");
+Object.defineProperty(exports, "useQuickCreateItems", { enumerable: true, get: function () { return useQuickCreateItems_1.useQuickCreateItems; } });
+var useFormSave_1 = require("./useFormSave");
+Object.defineProperty(exports, "useFormSave", { enumerable: true, get: function () { return useFormSave_1.useFormSave; } });
+var useIsQuickCreateSupported_1 = require("./useIsQuickCreateSupported");
+Object.defineProperty(exports, "useIsQuickCreateSupported", { enumerable: true, get: function () { return useIsQuickCreateSupported_1.useIsQuickCreateSupported; } });

package/quickcreate/hooks/useFormSave.d.ts

@@ -0,0 +1,2 @@
+import { DataLookup, Id } from '@headless-adminapp/core/attributes';
+export declare function useFormSave(): () => Promise<DataLookup<Id> | null>;

package/quickcreate/hooks/useFormSave.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormSave = useFormSave;
+const react_query_1 = require("@tanstack/react-query");
+const react_1 = require("react");
+const react_hook_form_1 = require("react-hook-form");
+const dataform_1 = require("../../dataform");
+const useMetadata_1 = require("../../metadata/hooks/useMetadata");
+const context_1 = require("../../mutable/context");
+const useOpenToastNotification_1 = require("../../toast-notification/hooks/useOpenToastNotification");
+const transport_1 = require("../../transport");
+function useFormSave() {
+    const form = (0, dataform_1.useSelectedForm)();
+    const formInstance = (0, react_hook_form_1.useFormContext)();
+    const { schemaStore } = (0, useMetadata_1.useMetadata)();
+    const schema = (0, dataform_1.useDataFormSchema)();
+    const initialValues = (0, context_1.useContextSelector)(dataform_1.DataFormContext, (state) => state.initialValues);
+    const dataService = (0, transport_1.useDataService)();
+    const openToastNotification = (0, useOpenToastNotification_1.useOpenToastNotification)();
+    const saveRecord = (0, context_1.useContextSelector)(dataform_1.DataFormContext, (state) => state.saveRecordFn);
+    const client = (0, react_query_1.useQueryClient)();
+    const _save = async () => {
+        let saveResult = null;
+        await formInstance.handleSubmit(async (values) => {
+            const result = await saveRecord({
+                values,
+                form: form,
+                record: undefined,
+                initialValues: initialValues,
+                dataService,
+                schema: schema,
+                schemaStore,
+            });
+            if (!result.success) {
+                openToastNotification({
+                    type: result.isError ? 'error' : 'info',
+                    title: 'Error',
+                    text: result.message,
+                });
+                return;
+            }
+            await client.invalidateQueries({
+                queryKey: ['data', 'retriveRecords', schema.logicalName],
+            });
+            const record = await dataService.retriveRecord(schema.logicalName, result.recordId, [
+                schema.idAttribute,
+                schema.primaryAttribute,
+                schema.avatarAttribute,
+            ].filter(Boolean));
+            saveResult = {
+                id: record[schema.idAttribute],
+                name: record[schema.primaryAttribute],
+                avatar: schema.avatarAttribute
+                    ? record[schema.avatarAttribute]
+                    : undefined,
+            };
+        })();
+        return saveResult;
+    };
+    const _saveRef = (0, react_1.useRef)(_save);
+    _saveRef.current = _save;
+    const save = (0, react_1.useCallback)(() => _saveRef.current(), [_saveRef]);
+    return save;
+}

package/quickcreate/hooks/useIsQuickCreateSupported.d.ts

@@ -0,0 +1 @@
+export declare function useIsQuickCreateSupported(logicalName: string): boolean | undefined;

package/quickcreate/hooks/useIsQuickCreateSupported.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsQuickCreateSupported = useIsQuickCreateSupported;
+const metadata_1 = require("@headless-adminapp/app/metadata");
+const react_query_1 = require("@tanstack/react-query");
+function useIsQuickCreateSupported(logicalName) {
+    const experienceStore = (0, metadata_1.useExperienceStore)();
+    const { data: isSupported } = (0, react_query_1.useQuery)({
+        queryKey: ['experience-schema-quick-create-form-supported', logicalName],
+        queryFn: async () => {
+            return experienceStore.getIsQuickCreateSupported(logicalName);
+        },
+        staleTime: 1000 * 60 * 5, // 5 minutes
+    });
+    return isSupported;
+}

package/quickcreate/hooks/useOpenQuickCreate.d.ts

@@ -0,0 +1,3 @@
+import { DataLookup, Id } from '@headless-adminapp/core/attributes';
+import { QuickCreateOptions } from '../context';
+export declare function useOpenQuickCreate(): (options: Omit<QuickCreateOptions, "onCreate" | "onCancel">) => Promise<DataLookup<Id> | null>;

package/quickcreate/hooks/useOpenQuickCreate.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOpenQuickCreate = useOpenQuickCreate;
+const mutable_1 = require("@headless-adminapp/app/mutable");
+const react_1 = require("react");
+const uuid_1 = require("uuid");
+const context_1 = require("../context");
+function markAsClosed(items, id) {
+    return items.map((item) => {
+        if (item.id === id) {
+            return { ...item, isOpen: false };
+        }
+        return item;
+    });
+}
+function excludeItemById(items, id) {
+    return items.filter((item) => item.id !== id);
+}
+function useOpenQuickCreate() {
+    const setValue = (0, mutable_1.useContextSetValue)(context_1.QuickCreateContext);
+    const openQuickCreate = (0, react_1.useCallback)((options) => {
+        const id = (0, uuid_1.v4)();
+        const close = (id) => {
+            setValue((state) => ({
+                items: markAsClosed(state.items, id),
+            }));
+            // Simulate a delay to show the dialog closing animation
+            setTimeout(() => {
+                setValue((state) => ({
+                    items: excludeItemById(state.items, id),
+                }));
+            }, 1000);
+        };
+        return new Promise((resolve) => {
+            setValue((state) => {
+                return {
+                    items: [
+                        ...state.items,
+                        {
+                            ...options,
+                            id,
+                            isOpen: true,
+                            onCancel: () => {
+                                close(id);
+                                resolve(null);
+                            },
+                            onCreate: (value) => {
+                                close(id);
+                                resolve(value);
+                            },
+                        },
+                    ],
+                };
+            });
+        });
+    }, [setValue]);
+    return openQuickCreate;
+}

package/quickcreate/hooks/useQuickCreateItem.d.ts

@@ -0,0 +1 @@
+export declare function useQuickCreateItem(id: string): import("../context").QuickCreateItemState | undefined;

package/quickcreate/hooks/useQuickCreateItem.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useQuickCreateItem = useQuickCreateItem;
+const context_1 = require("../../mutable/context");
+const context_2 = require("../context");
+function useQuickCreateItem(id) {
+    return (0, context_1.useContextSelector)(context_2.QuickCreateContext, (state) => state.items.find((item) => item.id === id));
+}

package/quickcreate/hooks/useQuickCreateItems.d.ts

@@ -0,0 +1 @@
+export declare function useQuickCreateItems(): import("../context").QuickCreateItemState[];

package/quickcreate/hooks/useQuickCreateItems.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useQuickCreateItems = useQuickCreateItems;
+const context_1 = require("../../mutable/context");
+const context_2 = require("../context");
+function useQuickCreateItems() {
+    return (0, context_1.useContextSelector)(context_2.QuickCreateContext, (state) => state.items);
+}

package/quickcreate/index.d.ts

@@ -0,0 +1 @@
+export { QuickCreateProvider } from './QuickCreateProvider';

package/quickcreate/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuickCreateProvider = void 0;
+var QuickCreateProvider_1 = require("./QuickCreateProvider");
+Object.defineProperty(exports, "QuickCreateProvider", { enumerable: true, get: function () { return QuickCreateProvider_1.QuickCreateProvider; } });

package/route/context.d.ts

@@ -5,16 +5,19 @@ export type InternalIsRouteActive = (path: string, item: NavPageItem) => boolean
 interface NavigateOptions {
     state?: any;
 }
+export type GuardFn = () => boolean | Promise<boolean>;
 export interface RouterInstance {
-    back: () => void;
-    forward: () => void;
-    push(href: string, options?: NavigateOptions): void;
-    replace(href: string, options?: NavigateOptions): void;
+    back: () => Promise<void>;
+    forward: () => Promise<void>;
+    push(href: string, options?: NavigateOptions): Promise<void>;
+    replace(href: string, options?: NavigateOptions): Promise<void>;
     prefetch(href: string): void;
     setState(state: any): void;
     setState(key: string, state: any): void;
     getState<T = any>(): T;
     getState<T = any>(key: string): T | undefined;
+    registerGuard(fn: GuardFn): void;
+    unregisterGuard(fn: GuardFn): void;
 }
 export declare const RouterContext: import("react").Context<RouterInstance>;
 export declare const RouterPathnameContext: import("react").Context<string>;

package/store/SchemaExperienceStore.d.ts

@@ -21,8 +21,11 @@ export declare class SchemaExperienceStore implements ISchemaExperienceStore {
     getViewLookupV2<S extends SchemaAttributes = SchemaAttributes>(logicalName: string, viewId?: string): Promise<View<S>>;
     getDefaultViewId(logicalName: string): Promise<string>;
     getDefaultViewLookupId(logicalName: string): Promise<string>;
-    getForm<S extends SchemaAttributes = SchemaAttributes>(logicalName: string, formId: string): Promise<Form<S>>;
-    getQuickCreateForm<S extends SchemaAttributes = SchemaAttributes>(logicalName: string, formId: string): Promise<QuickCreateForm<S>>;
+    getDefaultFormId(logicalName: string): Promise<string>;
+    getDefaultQuickCreateFormId(logicalName: string): Promise<string | null>;
+    getIsQuickCreateSupported(logicalName: string): Promise<boolean>;
+    getForm<S extends SchemaAttributes = SchemaAttributes>(logicalName: string, formId?: string): Promise<Form<S>>;
+    getQuickCreateForm<S extends SchemaAttributes = SchemaAttributes>(logicalName: string, formId?: string): Promise<QuickCreateForm<S>>;
     getViewCommands(logicalName: string): Promise<EntityMainGridCommandItemExperience[][] | undefined>;
     getFormCommands(logicalName: string): Promise<EntityMainFormCommandItemExperience[][] | undefined>;
     getSubgridCommands(logicalName: string): Promise<SubGridCommandItemExperience[][] | undefined>;

package/store/SchemaExperienceStore.js

@@ -151,6 +151,19 @@ class SchemaExperienceStore {
         const experience = await this.getExperience(logicalName);
         return experience.defaultLookupId;
     }
+    async getDefaultFormId(logicalName) {
+        const experience = await this.getExperience(logicalName);
+        return experience.defaultFormId;
+    }
+    async getDefaultQuickCreateFormId(logicalName) {
+        const experience = await this.getExperience(logicalName);
+        return experience.defaultQuickCreateFormId ?? null;
+    }
+    async getIsQuickCreateSupported(logicalName) {
+        const experience = await this.getExperience(logicalName);
+        return (!!experience.defaultQuickCreateFormId &&
+            experience.quickCreateForms.length > 0);
+    }
     async getForm(logicalName, formId) {
         const experience = await this.getExperience(logicalName);
         if (!formId) {
@@ -173,6 +186,12 @@ class SchemaExperienceStore {
     }
     async getQuickCreateForm(logicalName, formId) {
         const experience = await this.getExperience(logicalName);
+        if (!formId) {
+            if (!experience.defaultQuickCreateFormId) {
+                throw new Error(`No quick create form ID provided and no default quick create form ID found for ${logicalName}`);
+            }
+            formId = experience.defaultQuickCreateFormId;
+        }
         const form = experience.quickCreateForms.find((f) => f.id === formId);
         if (!form) {
             throw new Error(`Quick create form ${formId} not found`);