@headless-adminapp/app 1.4.21 → 1.4.24

package/app/LayoutProvider.js

@@ -11,10 +11,12 @@ 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 = {
@@ -41,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.jsxs)(AuthWrapper_1.AuthWrapper, { Placeholder: authPlaceholder, children: [(0, jsx_runtime_1.jsx)(unsaved_changes_1.UnsavedChangesRouteGuard, {}), 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/calendar/types.d.ts

@@ -1,8 +1,9 @@
 import type { EventContentArg } from '@fullcalendar/core';
 import { AuthSession } from '@headless-adminapp/core/experience/auth';
 import { OpenFormOptions } from '@headless-adminapp/core/experience/command';
+import { RouterInstance } from '@headless-adminapp/core/navigation';
 import { InferredSchemaType, SchemaAttributes } from '@headless-adminapp/core/schema';
-import { InternalRouteResolver, RouterInstance } from '../route/context';
+import { InternalRouteResolver } from '../route/context';
 export interface CalendarEvent {
     id: string;
     title: string;

package/command/hooks/useBaseCommandHandlerContext.js

@@ -12,6 +12,7 @@ const hooks_2 = require("../../metadata/hooks");
 const hooks_3 = require("../../progress-indicator/hooks");
 const useOpenToastNotification_1 = require("../../toast-notification/hooks/useOpenToastNotification");
 const transport_1 = require("../../transport");
+const route_1 = require("@headless-adminapp/app/route");
 function useUtility() {
     const { hideProgressIndicator, showProgressIndicator } = (0, hooks_3.useProgressIndicator)();
     const openAlertDialog = (0, hooks_1.useOpenAlertDialog)();
@@ -39,9 +40,11 @@ function useUtility() {
 }
 function useNavigation() {
     const openForm = (0, navigation_1.useOpenForm)();
+    const router = (0, route_1.useRouter)();
     return (0, react_1.useMemo)(() => ({
         openForm,
-    }), [openForm]);
+        router,
+    }), [openForm, router]);
 }
 function useBaseCommandHandlerContext() {
     const dataService = (0, transport_1.useDataService)();

package/dataform/DataFormProvider/CalculatedField.js

@@ -54,10 +54,6 @@ const CalculatedField = () => {
                 }
                 const currentValue = formInstanceRef.current.getValues(item.attributeName);
                 const newValue = item.handler(record, relatedRecords);
-                console.log('Recalculated main record field:', item.attributeName, item, record, relatedRecords, {
-                    currentValue,
-                    newValue,
-                });
                 if (currentValue !== newValue) {
                     formInstanceRef.current.setValue(item.attributeName, newValue);
                     eventManager.emit(constants_1.EVENT_KEY_ON_FIELD_CHANGE, item.attributeName, newValue, currentValue);
@@ -70,10 +66,6 @@ const CalculatedField = () => {
                 }
                 const currentValue = formInstanceRef.current.getValues(`${alias}.${indexStr}.${item.attributeName}`);
                 const newValue = item.handler(record, {});
-                console.log('Subgrid row level calculation:', item.attributeName, item, record, {
-                    currentValue,
-                    newValue,
-                });
                 if (currentValue !== newValue) {
                     formInstanceRef.current.setValue(`${alias}.${indexStr}.${item.attributeName}`, newValue);
                     eventManager.emit(constants_1.EVENT_KEY_ON_FIELD_CHANGE, `${alias}.${indexStr}.${item.attributeName}`, newValue, currentValue);

package/dataform/DataFormProvider/index.js

@@ -20,7 +20,6 @@ const DataResolver_1 = require("./DataResolver");
 const getRecord_1 = require("./getRecord");
 const InitialValueResolver_1 = require("./InitialValueResolver");
 const ReadonlyInfoResolver_1 = require("./ReadonlyInfoResolver");
-const UnsavedChangesInfoSetter_1 = require("./UnsavedChangesInfoSetter");
 const utils_2 = require("./utils");
 function mergeInitialWithHistory(initialValue, historyState) {
     return {
@@ -118,5 +117,5 @@ function DataFormProvider(props) {
         schemaStore,
         props.commands,
     ]);
-    return ((0, jsx_runtime_1.jsx)(context_1.DataFormContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsxs)(react_hook_form_1.FormProvider, { ...formInstance, children: [(0, jsx_runtime_1.jsx)(DataResolver_1.DataResolver, { retriveRecordFn: props.retriveRecordFn ?? getRecord_1.getRecord }), (0, jsx_runtime_1.jsx)(InitialValueResolver_1.InitialValueResolver, {}), (0, jsx_runtime_1.jsx)(ReadonlyInfoResolver_1.ReadonlyInfoResolver, { setFormReadOnly: setFormReadOnly }), (0, jsx_runtime_1.jsx)(CustomHookExecuter_1.CustomHookExecuter, { useHookFn: props.form.experience.useHookFn }), (0, jsx_runtime_1.jsx)(CalculatedField_1.CalculatedField, {}), (0, jsx_runtime_1.jsx)(UnsavedChangesInfoSetter_1.UnsavedChangesInfoSetter, {}), props.children] }) }));
+    return ((0, jsx_runtime_1.jsx)(context_1.DataFormContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsxs)(react_hook_form_1.FormProvider, { ...formInstance, children: [(0, jsx_runtime_1.jsx)(DataResolver_1.DataResolver, { retriveRecordFn: props.retriveRecordFn ?? getRecord_1.getRecord }), (0, jsx_runtime_1.jsx)(InitialValueResolver_1.InitialValueResolver, {}), (0, jsx_runtime_1.jsx)(ReadonlyInfoResolver_1.ReadonlyInfoResolver, { setFormReadOnly: setFormReadOnly }), (0, jsx_runtime_1.jsx)(CustomHookExecuter_1.CustomHookExecuter, { useHookFn: props.form.experience.useHookFn }), (0, jsx_runtime_1.jsx)(CalculatedField_1.CalculatedField, {}), props.children] }) }));
 }

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.d.ts

@@ -1,5 +1,5 @@
-import { RouterInstance } from '@headless-adminapp/app/route/context';
 import { FormExperience } from '@headless-adminapp/core/experience/form';
+import { RouterInstance } from '@headless-adminapp/core/navigation';
 import { Schema } from '@headless-adminapp/core/schema';
 export declare function getFormDefaultParameters(schema: Schema, formExperience: FormExperience, router: RouterInstance): {
     [x: string]: any;

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/dataform/utils/index.d.ts

@@ -60,3 +60,23 @@ export declare const generateValidationSchema: (<A extends SchemaAttributes = Sc
     [x: string]: any;
 }, "">) & MemoizedFunction;
 export declare const generateAttributeValidationSchema: ((attribute: Attribute, language: string, strings: FormValidationStringSet, region: string) => yup.Schema<any, any, any, "">) & MemoizedFunction;
+export declare const generateAttributesValidationSchema: (<A extends SchemaAttributes = SchemaAttributes>({ attributes, language, strings, region, }: {
+    attributes: A;
+    language: string;
+    strings: FormValidationStringSet;
+    region: string;
+}) => yup.ObjectSchema<{
+    [x: string]: any;
+}, yup.AnyObject, {
+    [x: string]: any;
+}, "">) & MemoizedFunction;
+export declare const attributesFormValidator: (<A extends SchemaAttributes = SchemaAttributes>({ attributes, language, strings, region, }: {
+    attributes: A;
+    language: string;
+    strings: FormValidationStringSet;
+    region: string;
+}) => (values: Record<string, any>, context: any, options: any) => Promise<ResolverResult<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+}>>) & MemoizedFunction;

package/dataform/utils/index.js

@@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateAttributeValidationSchema = exports.generateValidationSchema = exports.editableSubgridFormValidator = exports.formValidator = exports.saveRecord = void 0;
+exports.attributesFormValidator = exports.generateAttributesValidationSchema = exports.generateAttributeValidationSchema = exports.generateValidationSchema = exports.editableSubgridFormValidator = exports.formValidator = exports.saveRecord = void 0;
 exports.getInitialValues = getInitialValues;
 const phone_1 = require("@headless-adminapp/app/utils/phone");
 const yup_1 = require("@hookform/resolvers/yup");
@@ -316,7 +316,7 @@ function extendAttributeStringValidationSchema({ attribute, validationSchema, la
         // extend the validation schema with the min length
         validationSchema = validationSchema.min(attribute.minLength, `${label}: ${strings.minLength}`);
     }
-    if (attribute.pattern) {
+    if ('pattern' in attribute && attribute.pattern) {
         // extend the validation schema with the pattern
         validationSchema = validationSchema.matches(new RegExp(attribute.pattern), `${label}: ${strings.invalidFormat}`);
     }
@@ -388,3 +388,29 @@ exports.generateAttributeValidationSchema = (0, lodash_1.memoize)(function gener
     });
     return validationSchema;
 });
+exports.generateAttributesValidationSchema = (0, lodash_1.memoize)(function generateAttributesValidationSchema({ attributes, language, strings, region, }) {
+    const columns = Object.keys(attributes);
+    return yup.object().shape({
+        ...columns.reduce((acc, column) => {
+            const attribute = attributes[column];
+            const validationSchema = (0, exports.generateAttributeValidationSchema)(attribute, language, strings, region);
+            return {
+                ...acc,
+                [column]: validationSchema,
+            };
+        }, {}),
+    });
+}, (options) => JSON.stringify(options));
+exports.attributesFormValidator = (0, lodash_1.memoize)(function formValidator({ attributes, language, strings, region, }) {
+    return async (values, context, options) => {
+        const validator = (0, exports.generateAttributesValidationSchema)({
+            attributes,
+            language,
+            strings,
+            region,
+        });
+        const resolver = (0, yup_1.yupResolver)(validator);
+        const result = await resolver(values, context, options);
+        return result;
+    };
+}, (options) => JSON.stringify(options));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/app",
-  "version": "1.4.21",
+  "version": "1.4.24",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -38,5 +38,5 @@
     "uuid": "11.0.3",
     "yup": "^1.4.0"
   },
-  "gitHead": "2a993d2eb239ff24ffd73df81aba26240aaf1b2f"
+  "gitHead": "3a4c06f1e18f8ac7861647b82d4a4f8cd8f0141c"
 }

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/RouteProvider.d.ts

@@ -1,6 +1,6 @@
 import { IsRouteActive, RouteResolver } from '@headless-adminapp/core/experience/route';
+import { RouterInstance } from '@headless-adminapp/core/navigation';
 import { FC, PropsWithChildren } from 'react';
-import { RouterInstance } from './context';
 import { ReadonlyURLSearchParams } from './types';
 export interface RouteProviderProps {
     router: RouterInstance;

package/route/context.d.ts

@@ -1,24 +1,8 @@
 import { NavPageItem } from '@headless-adminapp/core/experience/app';
+import { RouterInstance } from '@headless-adminapp/core/navigation';
 import { ReadonlyURLSearchParams } from './types';
 export type InternalRouteResolver = (item: NavPageItem) => string;
 export type InternalIsRouteActive = (path: string, item: NavPageItem) => boolean;
-interface NavigateOptions {
-    state?: any;
-}
-export type GuardFn = () => boolean | Promise<boolean>;
-export interface RouterInstance {
-    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>;
 export declare const RouterSearchParamsContext: import("react").Context<ReadonlyURLSearchParams>;
@@ -28,4 +12,3 @@ export interface RouteHelperContext {
     isRouteActive: InternalIsRouteActive;
 }
 export declare const RouteHelperContext: import("react").Context<RouteHelperContext>;
-export {};

package/route/hooks/useRouter.d.ts

@@ -1 +1 @@
-export declare function useRouter(): import("../context").RouterInstance;
+export declare function useRouter(): import("@headless-adminapp/core/navigation").RouterInstance;

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`);