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

package/datagrid/hooks/useSubGridCommands.js

@@ -3,82 +3,42 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSubGridCommandHandlerContext = useSubGridCommandHandlerContext;
 exports.useSubGridCommands = useSubGridCommands;
 exports.useSubGridContextCommands = useSubGridContextCommands;
-const react_query_1 = require("@tanstack/react-query");
-const react_1 = require("react");
+const app_1 = require("@headless-adminapp/app/app");
+const dataform_1 = require("@headless-adminapp/app/dataform");
+const mutable_1 = require("@headless-adminapp/app/mutable");
 const command_1 = require("../../command");
 const useMainFormCommands_1 = require("../../dataform/hooks/useMainFormCommands");
-const useLocale_1 = require("../../locale/useLocale");
-const useMetadata_1 = require("../../metadata/hooks/useMetadata");
-const transport_1 = require("../../transport");
-const useGridColumnFilter_1 = require("./useGridColumnFilter");
-const useGridCommands_1 = require("./useGridCommands");
-const useGridData_1 = require("./useGridData");
-const useGridExtraFilter_1 = require("./useGridExtraFilter");
-const useGridRefresh_1 = require("./useGridRefresh");
-const useGridSchema_1 = require("./useGridSchema");
-const useGridSelection_1 = require("./useGridSelection");
+const context_1 = require("../context");
 const useMainGridCommands_1 = require("./useMainGridCommands");
-const useSearchText_1 = require("./useSearchText");
-const useSelectedView_1 = require("./useSelectedView");
 function useSubGridCommandHandlerContext() {
-    const dataService = (0, transport_1.useDataService)();
-    const queryClient = (0, react_query_1.useQueryClient)();
-    const { appStore, experienceStore, schemaStore } = (0, useMetadata_1.useMetadata)();
-    const data = (0, useGridData_1.useGridData)();
-    const schema = (0, useGridSchema_1.useDataGridSchema)();
-    const view = (0, useSelectedView_1.useSelectedView)();
-    const [searchText] = (0, useSearchText_1.useSearchText)();
-    const [selectedIds] = (0, useGridSelection_1.useGridSelection)();
-    const selectedIdsObj = (0, react_1.useMemo)(() => {
-        const obj = {};
-        selectedIds.forEach((id) => {
-            obj[id] = true;
-        });
-        return obj;
-    }, [selectedIds]);
-    const selectedRecords = (0, react_1.useMemo)(() => {
-        var _a;
-        return ((_a = data === null || data === void 0 ? void 0 : data.records) !== null && _a !== void 0 ? _a : []).filter((record) => selectedIdsObj[record[schema.idAttribute]]);
-    }, [data, schema, selectedIdsObj]);
-    const [columnFilter] = (0, useGridColumnFilter_1.useGridColumnFilter)();
-    const extraFilter = (0, useGridExtraFilter_1.useGridExtraFilter)();
-    const refresh = (0, useGridRefresh_1.useGridRefresh)();
-    const utility = (0, useMainGridCommands_1.useUtility)();
-    const locale = (0, useLocale_1.useLocale)();
+    const baseHandlerContext = (0, command_1.useBaseCommandHandlerContext)();
     const mainFormHandlerContext = (0, useMainFormCommands_1.useMainFormCommandHandlerContext)();
-    return {
-        dataService,
-        queryClient,
-        utility,
-        primaryControl: mainFormHandlerContext.primaryControl,
-        secondaryControl: {
-            data,
-            logicalName: schema.logicalName,
-            schema,
-            refresh,
-            searchText,
-            selectedIds,
-            selectedRecords,
-            view,
-            viewId: view.id,
-            columnFilter,
-            extraFilter,
-        },
-        stores: {
-            appStore,
-            experienceStore,
-            schemaStore,
-        },
-        locale,
-    };
+    const gridControl = (0, useMainGridCommands_1.useGridControlContext)();
+    const associated = (0, mutable_1.useContextSelector)(context_1.GridContext, (state) => state.associated);
+    const recordTitle = (0, dataform_1.useRecordTitle)();
+    return Object.assign(Object.assign({}, baseHandlerContext), { primaryControl: mainFormHandlerContext.primaryControl, secondaryControl: Object.assign(Object.assign({}, gridControl), { associated: !associated
+                ? false
+                : {
+                    id: associated.id,
+                    logicalName: associated.logicalName,
+                    name: recordTitle,
+                    refAttributeName: associated.refAttributeName,
+                } }) });
+}
+const emptyCommands = [];
+function useGridCommands() {
+    var _a;
+    const commands = (0, mutable_1.useContextSelector)(context_1.GridContext, (state) => state.commands);
+    const { app: { subgridCommands: defaultCommands }, } = (0, app_1.useAppContext)();
+    return (_a = commands !== null && commands !== void 0 ? commands : defaultCommands) !== null && _a !== void 0 ? _a : emptyCommands;
 }
 function useSubGridCommands() {
-    const commands = (0, useGridCommands_1.useGridCommands)();
+    const commands = useGridCommands();
     const handlerContext = useSubGridCommandHandlerContext();
     return (0, command_1.useCommands)(commands, handlerContext);
 }
 function useSubGridContextCommands() {
-    const commands = (0, useGridCommands_1.useGridCommands)();
+    const commands = useGridCommands();
     const handlerContext = useSubGridCommandHandlerContext();
     return (0, command_1.useCommands)(commands, handlerContext, (command) => { var _a; return (_a = ('isContextMenu' in command && command.isContextMenu)) !== null && _a !== void 0 ? _a : false; });
 }

package/defaults.d.ts

@@ -0,0 +1,2 @@
+import { QueryClient } from '@tanstack/react-query';
+export declare const queryClient: QueryClient;

package/defaults.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.queryClient = void 0;
+const react_query_1 = require("@tanstack/react-query");
+exports.queryClient = new react_query_1.QueryClient();

package/dialog/hooks/useCloseDialog.js

@@ -4,26 +4,28 @@ exports.useCloseDialog = useCloseDialog;
 const react_1 = require("react");
 const context_1 = require("../../mutable/context");
 const context_2 = require("../context");
+function markDialogAsClosed(items, id) {
+    return items.map((item) => {
+        if (item.id === id) {
+            return Object.assign(Object.assign({}, item), { isOpen: false });
+        }
+        return item;
+    });
+}
+function excludeDialogItemById(items, id) {
+    return items.filter((item) => item.id !== id);
+}
 function useCloseDialog() {
     const setValue = (0, context_1.useContextSetValue)(context_2.DialogContext);
     const closeDialog = (0, react_1.useCallback)((id) => {
-        setValue((state) => {
-            return {
-                items: state.items.map((item) => {
-                    if (item.id === id) {
-                        return Object.assign(Object.assign({}, item), { isOpen: false });
-                    }
-                    return item;
-                }),
-            };
-        });
+        setValue((state) => ({
+            items: markDialogAsClosed(state.items, id),
+        }));
         // Simulate a delay to show the dialog closing animation
         setTimeout(() => {
-            setValue((state) => {
-                return {
-                    items: state.items.filter((item) => item.id !== id),
-                };
-            });
+            setValue((state) => ({
+                items: excludeDialogItemById(state.items, id),
+            }));
         }, 1000);
     }, [setValue]);
     return closeDialog;

package/form/FormValidationStringContext.d.ts

@@ -6,6 +6,7 @@ export interface FormValidationStringSet {
     invalidEmail: string;
     invalidPhoneNumber: string;
     atLeastOneRowRequired: string;
+    fileSizeExceeded: string;
 }
 export declare const defaultFormValidationStrings: FormValidationStringSet;
 export declare const FormValidationStringContext: import("react").Context<FormValidationStringSet>;

package/form/FormValidationStringContext.js

@@ -11,6 +11,7 @@ exports.defaultFormValidationStrings = {
     invalidEmail: 'Invalid email.',
     invalidPhoneNumber: 'Invalid phone number.',
     atLeastOneRowRequired: 'At least one row required.',
+    fileSizeExceeded: 'File size exceeded.',
 };
 exports.FormValidationStringContext = (0, react_1.createContext)(exports.defaultFormValidationStrings);
 function useFormValidationStrings() {

package/hooks/useDebouncedValue.js

@@ -1,5 +1,4 @@
 "use strict";
-'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDebouncedValue = useDebouncedValue;
 const react_1 = require("react");

package/hooks/useElementLayout.js

@@ -4,7 +4,7 @@ exports.useElementSize = useElementSize;
 const react_1 = require("react");
 function useElementSize(elementRef, interval) {
     const [size, setSize] = (0, react_1.useState)({ width: 0, height: 0 });
-    (0, react_1.useEffect)(() => {
+    (0, react_1.useLayoutEffect)(() => {
         function updateSize() {
             if (elementRef.current) {
                 const element = elementRef.current;

package/hooks/useIsMobile.js

@@ -1,5 +1,4 @@
 "use strict";
-'use client';
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/hooks/useSystemColorScheme.d.ts

@@ -1 +1 @@
-export declare function useSystemColorScheme(): "light" | "dark";
+export declare function useSystemColorScheme(): "dark" | "light";

package/hooks/useSystemColorScheme.js

@@ -1,5 +1,4 @@
 "use strict";
-'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSystemColorScheme = useSystemColorScheme;
 const react_1 = require("react");

package/insights/InsightsProvider.d.ts

@@ -0,0 +1,8 @@
+import { InsightExpereince, InsightLookup } from '@headless-adminapp/core/experience/insights';
+import { SchemaAttributes } from '@headless-adminapp/core/schema';
+import { PropsWithChildren } from 'react';
+export declare function InsightsProvider<SA extends SchemaAttributes = SchemaAttributes>({ children, experience, insightLookup, onInsightSelect, }: PropsWithChildren<{
+    experience: InsightExpereince<SA>;
+    insightLookup: InsightLookup[];
+    onInsightSelect: (id: string) => void;
+}>): import("react/jsx-runtime").JSX.Element;

package/insights/InsightsProvider.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InsightsProvider = InsightsProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const mutable_1 = require("../mutable");
+const context_1 = require("./context");
+function InsightsProvider({ children, experience, insightLookup, onInsightSelect, }) {
+    const onInsightSelectRef = (0, react_1.useRef)(onInsightSelect);
+    onInsightSelectRef.current = onInsightSelect;
+    const onInsightSelectInternal = (0, react_1.useCallback)((id) => {
+        onInsightSelectRef.current(id);
+    }, [onInsightSelectRef]);
+    const insightsValues = (0, mutable_1.useCreateContextStore)({
+        experience,
+        data: experience.defaultData,
+        insightLookup: insightLookup,
+        onInsightSelect: onInsightSelectInternal,
+    });
+    (0, react_1.useEffect)(() => {
+        insightsValues.setValue({
+            experience,
+            data: experience.defaultData,
+        });
+    }, [experience, insightsValues]);
+    return ((0, jsx_runtime_1.jsx)(context_1.InsightsContext.Provider, { value: insightsValues, children: children }));
+}

package/locale/LocaleProvider.d.ts

@@ -1,7 +1,8 @@
 import { Locale } from '@headless-adminapp/core/experience/locale';
 import { FC, PropsWithChildren } from 'react';
 export interface LocaleProviderProps {
-    locale: string;
+    locale?: string;
+    timezone?: string;
     options?: {
         direction?: Locale['direction'];
         dateFormats?: Locale['dateFormats'];

package/locale/LocaleProvider.js

@@ -5,10 +5,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const locale_1 = require("@headless-adminapp/core/experience/locale");
 const react_1 = require("react");
 const context_1 = require("./context");
-const LocaleProvider = ({ children, locale, options, }) => {
+const LocaleProvider = ({ children, locale = 'en-US', timezone = 'UTC', options, }) => {
     const localeState = (0, react_1.useMemo)(() => {
-        return (0, locale_1.getLocale)(locale, options);
-    }, [locale]);
+        return (0, locale_1.getLocale)(locale, timezone, options);
+    }, [locale, timezone, options]);
     return ((0, jsx_runtime_1.jsx)(context_1.LocaleContext.Provider, { value: localeState, children: children }));
 };
 exports.LocaleProvider = LocaleProvider;

package/locale/index.d.ts

@@ -1,3 +1,4 @@
 export { LocaleContext } from './context';
 export * from './useLocale';
+export * from './useCurrencySymbol';
 export { type LocaleProviderProps, LocaleProvider } from './LocaleProvider';

package/locale/index.js

@@ -18,5 +18,6 @@ exports.LocaleProvider = exports.LocaleContext = void 0;
 var context_1 = require("./context");
 Object.defineProperty(exports, "LocaleContext", { enumerable: true, get: function () { return context_1.LocaleContext; } });
 __exportStar(require("./useLocale"), exports);
+__exportStar(require("./useCurrencySymbol"), exports);
 var LocaleProvider_1 = require("./LocaleProvider");
 Object.defineProperty(exports, "LocaleProvider", { enumerable: true, get: function () { return LocaleProvider_1.LocaleProvider; } });

package/locale/useCurrencySymbol.d.ts

@@ -0,0 +1 @@
+export declare function useCurrencySymbol(): string;

package/locale/useCurrencySymbol.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCurrencySymbol = useCurrencySymbol;
+const utils_1 = require("@headless-adminapp/core/experience/locale/utils");
+const react_1 = require("react");
+const useLocale_1 = require("./useLocale");
+function useCurrencySymbol() {
+    const locale = (0, useLocale_1.useLocale)();
+    return (0, react_1.useMemo)(() => {
+        var _a;
+        return (0, utils_1.getCurrencySymbol)(locale.locale, (_a = locale.currency.currency) !== null && _a !== void 0 ? _a : 'USD');
+    }, [locale]);
+}

package/locale/utils.d.ts

@@ -0,0 +1,5 @@
+import { Localized } from '@headless-adminapp/core/types';
+export declare function localizedLabel<T extends {
+    label: string;
+    localizedLabels?: Localized<string>;
+}>(language: string, value: T, fallback?: T): string;

package/locale/utils.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.localizedLabel = localizedLabel;
+function localizedLabel(language, value, fallback) {
+    var _a, _b, _c, _d, _e;
+    return ((_e = (_d = (_b = (_a = value.localizedLabels) === null || _a === void 0 ? void 0 : _a[language]) !== null && _b !== void 0 ? _b : (_c = fallback === null || fallback === void 0 ? void 0 : fallback.localizedLabels) === null || _c === void 0 ? void 0 : _c[language]) !== null && _d !== void 0 ? _d : value.label) !== null && _e !== void 0 ? _e : fallback === null || fallback === void 0 ? void 0 : fallback.label);
+}

package/metadata/MetadataProvider.d.ts

@@ -1,8 +1,12 @@
-import { IClientAppStore, ISchemaExperienceStore, ISchemaStore } from '@headless-adminapp/core/store';
+import { IClientAppStore, ISchemaExperienceStore, ISchemaStore, SchemaStore } from '@headless-adminapp/core/store';
 import { FC, PropsWithChildren } from 'react';
+import { ClientAppStore, SchemaExperienceStore } from '../store';
 export interface MetadataProviderProps {
-    schemaStore: ISchemaStore;
-    experienceStore: ISchemaExperienceStore;
-    appStore: IClientAppStore;
+    schemaStore?: ISchemaStore;
+    experienceStore?: ISchemaExperienceStore;
+    appStore?: IClientAppStore;
 }
+export declare const defaultAppStore: ClientAppStore;
+export declare const defaultSchemaStore: SchemaStore<import("@headless-adminapp/core/schema").SchemaAttributes>;
+export declare const defaultExperienceStore: SchemaExperienceStore;
 export declare const MetadataProvider: FC<PropsWithChildren<MetadataProviderProps>>;

package/metadata/MetadataProvider.js

@@ -1,29 +1,36 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MetadataProvider = void 0;
+exports.MetadataProvider = exports.defaultExperienceStore = exports.defaultSchemaStore = exports.defaultAppStore = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const app_1 = require("@headless-adminapp/core/experience/app");
+const store_1 = require("@headless-adminapp/core/store");
+const icons_1 = require("@headless-adminapp/icons");
 const context_1 = require("../mutable/context");
+const store_2 = require("../store");
 const context_2 = require("./context");
-const MetadataProvider = ({ children, experienceStore, schemaStore, appStore, }) => {
+exports.defaultAppStore = new store_2.ClientAppStore();
+exports.defaultSchemaStore = new store_1.SchemaStore();
+exports.defaultExperienceStore = new store_2.SchemaExperienceStore({
+    schemaStore: exports.defaultSchemaStore,
+});
+exports.defaultAppStore.register({
+    id: 'default',
+    title: 'Demo App',
+    navItems: [],
+    defaultPage: {
+        label: 'Home',
+        link: '/home',
+        type: app_1.PageType.Custom,
+        icon: icons_1.IconPlaceholder,
+    },
+    logo: {},
+});
+const MetadataProvider = ({ children, experienceStore = exports.defaultExperienceStore, schemaStore = exports.defaultSchemaStore, appStore = exports.defaultAppStore, }) => {
     const contextValue = (0, context_1.useCreateContextStore)({
-        // schemas: {},
-        // schemaLoading: true,
         experienceStore,
         schemaStore,
         appStore,
     });
-    // const [loading, setLoading] = useState(true);
-    // useEffect(() => {
-    //   const schemas = schemaStore.getSchemas();
-    //   contextValue.setValue({
-    //     schemas,
-    //     schemaLoading: false,
-    //   });
-    //   setLoading(false);
-    // }, [contextValue, schemaStore]);
-    // if (loading) {
-    //   return null;
-    // }
     return ((0, jsx_runtime_1.jsx)(context_2.MetadataContext.Provider, { value: contextValue, children: children }));
 };
 exports.MetadataProvider = MetadataProvider;

package/metadata/hooks/useExperienceViewCommands.js

@@ -10,15 +10,21 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useExperienceViewCommands = useExperienceViewCommands;
+const app_1 = require("@headless-adminapp/app/app");
 const react_query_1 = require("@tanstack/react-query");
 const useExperienceStore_1 = require("./useExperienceStore");
 /** @todo move in different dir */
 function useExperienceViewCommands(logicalName) {
     const experienceStore = (0, useExperienceStore_1.useExperienceStore)();
+    const { app: { viewCommands }, } = (0, app_1.useAppContext)();
     const { data: commands } = (0, react_query_1.useQuery)({
         queryKey: ['experience-schema-view-commands', logicalName],
         queryFn: () => __awaiter(this, void 0, void 0, function* () {
-            return experienceStore.getViewCommands(logicalName);
+            let commands = yield experienceStore.getViewCommands(logicalName);
+            if (!commands) {
+                commands = viewCommands;
+            }
+            return commands !== null && commands !== void 0 ? commands : [];
         }),
         initialData: [],
     });

package/metadata/hooks/useExperienceViewSubgridCommands.js

@@ -10,15 +10,21 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useExperienceViewSubgridCommands = useExperienceViewSubgridCommands;
+const app_1 = require("@headless-adminapp/app/app");
 const react_query_1 = require("@tanstack/react-query");
 const useExperienceStore_1 = require("./useExperienceStore");
 /** @todo move in different dir */
 function useExperienceViewSubgridCommands(logicalName) {
     const experienceStore = (0, useExperienceStore_1.useExperienceStore)();
+    const { app: { subgridCommands }, } = (0, app_1.useAppContext)();
     const { data: commands } = (0, react_query_1.useQuery)({
         queryKey: ['experience-schema-view-subgrid-commands', logicalName],
         queryFn: () => __awaiter(this, void 0, void 0, function* () {
-            return experienceStore.getSubgridCommands(logicalName);
+            let commands = yield experienceStore.getSubgridCommands(logicalName);
+            if (!commands) {
+                commands = subgridCommands;
+            }
+            return commands !== null && commands !== void 0 ? commands : [];
         }),
         initialData: [],
     });

package/metadata/hooks/useMetadata.d.ts

@@ -1,9 +1,7 @@
-import { SchemaAttributes } from '@headless-adminapp/core/schema';
 export declare function useMetadata(): {
-    schemas: Record<string, import("@headless-adminapp/core/schema").Schema<SchemaAttributes>>;
+    schemas: Record<string, import("@headless-adminapp/core/schema").Schema<import("@headless-adminapp/core/schema").SchemaAttributes>>;
     schemaLoading: boolean;
-    getSchema: <S extends SchemaAttributes = SchemaAttributes>(logicalName: string) => import("@headless-adminapp/core/schema").Schema<S>;
-    schemaStore: import("@headless-adminapp/core/store").ISchemaStore<SchemaAttributes>;
+    schemaStore: import("@headless-adminapp/core/store").ISchemaStore<import("@headless-adminapp/core/schema").SchemaAttributes>;
     appStore: import("@headless-adminapp/core/store").IClientAppStore;
     experienceStore: import("@headless-adminapp/core/store").ISchemaExperienceStore;
 };

package/metadata/hooks/useMetadata.js

@@ -14,15 +14,11 @@ function useMetadata() {
     // );
     const schemaLoading = false;
     const schemas = schemaStore.getAllSchema();
-    const getSchema = (0, react_1.useCallback)((logicalName) => {
-        return schemaStore.getSchema(logicalName);
-    }, [schemaStore]);
-    return {
+    return (0, react_1.useMemo)(() => ({
         schemas,
         schemaLoading,
-        getSchema,
         schemaStore,
         appStore,
         experienceStore,
-    };
+    }), [schemas, schemaLoading, schemaStore, appStore, experienceStore]);
 }

package/metadata/hooks/useSchema.d.ts

@@ -1,2 +1,2 @@
 import { SchemaAttributes } from '@headless-adminapp/core/schema';
-export declare function useSchema<S extends SchemaAttributes = SchemaAttributes>(logicalName: string): import("@headless-adminapp/core/schema").Schema<S>;
+export declare function useSchema<S extends SchemaAttributes = SchemaAttributes>(logicalName: string): import("@headless-adminapp/core/schema").Schema<S> | null;

package/metadata/hooks/useSchema.js

@@ -3,6 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSchema = useSchema;
 const useMetadata_1 = require("./useMetadata");
 function useSchema(logicalName) {
-    const { getSchema } = (0, useMetadata_1.useMetadata)();
-    return getSchema(logicalName);
+    const { schemaStore } = (0, useMetadata_1.useMetadata)();
+    if (!schemaStore.hasSchema(logicalName)) {
+        return null;
+    }
+    return schemaStore.getSchema(logicalName);
 }

package/mutable/context.js

@@ -41,6 +41,6 @@ function useContextValueSetter(context, setter) {
     setterRef.current = setter;
     const setterWrapper = (0, react_1.useCallback)((...args) => {
         return setterRef.current(contextValue.setValue)(...args);
-    }, []);
+    }, [contextValue.setValue]);
     return setterWrapper;
 }

package/navigation/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useOpenForm';

package/{appearance → navigation}/hooks/index.js

@@ -14,4 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./useAppearanceContext"), exports);
+__exportStar(require("./useOpenForm"), exports);

package/navigation/hooks/useOpenForm.d.ts

@@ -1,4 +1,2 @@
-import { PageEntiyForm } from '@headless-adminapp/core/experience/app';
-export declare function useOpenForm(): (formOptions: Omit<PageEntiyForm, "type">, navigationOptions: {
-    replace?: boolean;
-}) => void;
+import { OpenFormOptions } from '@headless-adminapp/core/experience/command';
+export declare function useOpenForm(): (options: OpenFormOptions) => void;

package/navigation/hooks/useOpenForm.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useOpenForm = useOpenForm;
+const defaultParameters_1 = require("@headless-adminapp/app/dataform/utils/defaultParameters");
 const app_1 = require("@headless-adminapp/core/experience/app");
 const react_1 = require("react");
 const hooks_1 = require("../../route/hooks/");
@@ -8,9 +9,16 @@ 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)((formOptions, navigationOptions) => {
-        const path = routeResolver(Object.assign({ type: app_1.PageType.EntityForm }, formOptions));
-        if (navigationOptions.replace) {
+    return (0, react_1.useCallback)((options) => {
+        const path = routeResolver({
+            logicalName: options.logicalName,
+            type: app_1.PageType.EntityForm,
+            id: options.id,
+        });
+        if (options.parameters) {
+            (0, defaultParameters_1.setFormDefaultParameters)(options.logicalName, options.parameters);
+        }
+        if (options.replace) {
             router.replace(path);
         }
         else {

package/navigation/index.d.ts

@@ -0,0 +1 @@
+export * from './hooks';

package/{appearance → navigation}/index.js

@@ -14,7 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppearanceContext = void 0;
-var context_1 = require("./context");
-Object.defineProperty(exports, "AppearanceContext", { enumerable: true, get: function () { return context_1.AppearanceContext; } });
 __exportStar(require("./hooks"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/app",
-  "version": "0.0.17-alpha.5",
+  "version": "0.0.17-alpha.50",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -18,6 +18,7 @@
   },
   "scripts": {
     "build": "tsc",
+    "clean": "rm -rf dist && rm -f tsconfig.tsbuildinfo",
     "ts-check": "tsc --noEmit",
     "copy-files": "cp package.json dist && cp src/index.css dist",
     "prepublishOnly": "pnpm run build && pnpm run copy-files",
@@ -31,10 +32,12 @@
     "@tanstack/react-query": "5.51.1",
     "clsx": "2.1.1",
     "dayjs": "^1.11.13",
+    "exceljs": "^4.4.0",
+    "json-to-csv-export": "^2.1.1",
     "lodash": "^4.17.21",
     "react-custom-scrollbars-2": "^4.5.0",
     "react-hook-form": "7.52.2",
     "yup": "^1.4.0"
   },
-  "gitHead": "ce1cd9d647ff147098bed887326ab0b0f73017ce"
+  "gitHead": "aaa62f2c8f6edb9dad521d9bb254a3c1811b5aff"
 }

package/recordset/RecordSetProvider.js

@@ -35,6 +35,6 @@ const CardViewSetter = () => {
             });
         })
             .catch(console.error);
-    }, [experienceStore, logicalName]);
+    }, [experienceStore, logicalName, setValue]);
     return null;
 };

package/recordset/hooks/useRecordSetResult.js

@@ -26,7 +26,7 @@ function useRecordSetResult() {
             return null;
         }
         return schemaStore.getSchema(context.logicalName);
-    }, [context.logicalName]);
+    }, [context.logicalName, schemaStore]);
     const cardView = context.cardView;
     const columns = (0, react_1.useMemo)(() => {
         var _a;

package/route/RouteProvider.d.ts

@@ -7,7 +7,7 @@ export interface RouteProviderProps {
     pathname: string;
     searchParams: ReadonlyURLSearchParams;
     basePath?: string;
-    routeResolver: RouteResolver;
-    isRouteActive: IsRouteActive;
+    routeResolver?: RouteResolver;
+    isRouteActive?: IsRouteActive;
 }
 export declare const RouteProvider: FC<PropsWithChildren<RouteProviderProps>>;