@headless-adminapp/app 0.0.17-alpha.4 → 0.0.17-alpha.41

package/datagrid/hooks/useGridCommands.d.ts

@@ -1,3 +1,6 @@
 import { CommandItemExperience } from '@headless-adminapp/core/experience/command';
 import { EntityMainGridCommandContext, EntitySubGridCommandContext } from '@headless-adminapp/core/experience/view';
+/**
+ * @deprecated
+ */
 export declare function useGridCommands<CommandContext extends EntityMainGridCommandContext | EntitySubGridCommandContext = EntityMainGridCommandContext>(): CommandItemExperience<CommandContext>[][];

package/datagrid/hooks/useGridCommands.js

@@ -3,6 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useGridCommands = useGridCommands;
 const context_1 = require("../../mutable/context");
 const context_2 = require("../context");
+/**
+ * @deprecated
+ */
 function useGridCommands() {
     const commands = (0, context_1.useContextSelector)(context_2.GridContext, (state) => state.commands);
     return commands;

package/datagrid/hooks/useLoadMainGridPage.js

@@ -15,7 +15,7 @@ function useLoadMainGridPage(logicalName, viewId) {
             loading: false,
             error: true,
             title: 'Schema not found',
-            message: 'The schema was not found',
+            message: `The schema "${logicalName}" was not found`,
         };
     }
     if (!view) {

package/datagrid/hooks/useMainGridCommands.d.ts

@@ -1,19 +1,7 @@
 import { EntityMainGridCommandContext } from '@headless-adminapp/core/experience/view';
 import { CommandItemState, MenuItemCommandState, UtilityContextState } from '../../command/types';
 export declare function useUtility(): UtilityContextState;
-export declare function useGridControlContext(): {
-    data: import("@headless-adminapp/core/transport").RetriveRecordsResult<import("@headless-adminapp/core/schema").InferredSchemaType<import("@headless-adminapp/core/schema").SchemaAttributes>> | null;
-    logicalName: string;
-    schema: import("@headless-adminapp/core/schema").Schema<import("@headless-adminapp/core/schema").SchemaAttributes>;
-    refresh: () => void;
-    searchText: string;
-    selectedIds: string[];
-    selectedRecords: import("@headless-adminapp/core/transport").Data<import("@headless-adminapp/core/schema").InferredSchemaType<import("@headless-adminapp/core/schema").SchemaAttributes>>[];
-    view: import("@headless-adminapp/core/experience/view").View<import("@headless-adminapp/core/schema").SchemaAttributes>;
-    viewId: string;
-    columnFilter: Partial<Record<string, import("@headless-adminapp/core/experience/view").ColumnCondition>>;
-    extraFilter: import("@headless-adminapp/core/transport").Filter | undefined;
-};
+export declare function useGridControlContext(): EntityMainGridCommandContext['primaryControl'];
 export declare function useMainGridCommandHandlerContext(): EntityMainGridCommandContext;
 export declare function useMainGridCommands(): CommandItemState[][];
 export declare function useMainGridContextCommands(): MenuItemCommandState[][];

package/datagrid/hooks/useMainGridCommands.js

@@ -5,22 +5,23 @@ exports.useGridControlContext = useGridControlContext;
 exports.useMainGridCommandHandlerContext = useMainGridCommandHandlerContext;
 exports.useMainGridCommands = useMainGridCommands;
 exports.useMainGridContextCommands = useMainGridContextCommands;
-const react_query_1 = require("@tanstack/react-query");
+const app_1 = require("@headless-adminapp/app/app");
+const mutable_1 = require("@headless-adminapp/app/mutable");
 const react_1 = require("react");
 const command_1 = require("../../command");
 const hooks_1 = require("../../dialog/hooks");
-const useLocale_1 = require("../../locale/useLocale");
-const useMetadata_1 = require("../../metadata/hooks/useMetadata");
 const useProgressIndicator_1 = require("../../progress-indicator/hooks/useProgressIndicator");
 const useOpenToastNotification_1 = require("../../toast-notification/hooks/useOpenToastNotification");
-const transport_1 = require("../../transport");
+const context_1 = require("../context");
 const useGridColumnFilter_1 = require("./useGridColumnFilter");
-const useGridCommands_1 = require("./useGridCommands");
+const useGridColumns_1 = require("./useGridColumns");
 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 useGridSorting_1 = require("./useGridSorting");
+const useOpenRecord_1 = require("./useOpenRecord");
 const useSearchText_1 = require("./useSearchText");
 const useSelectedView_1 = require("./useSelectedView");
 function useUtility() {
@@ -49,6 +50,9 @@ function useGridControlContext() {
     const [columnFilter] = (0, useGridColumnFilter_1.useGridColumnFilter)();
     const extraFilter = (0, useGridExtraFilter_1.useGridExtraFilter)();
     const refresh = (0, useGridRefresh_1.useGridRefresh)();
+    const openRecord = (0, useOpenRecord_1.useOpenRecord)();
+    const gridColumns = (0, useGridColumns_1.useGridColumns)();
+    const [sorting] = (0, useGridSorting_1.useGridSorting)();
     const selectedIdsObj = (0, react_1.useMemo)(() => {
         const obj = {};
         selectedIds.forEach((id) => {
@@ -60,7 +64,7 @@ function useGridControlContext() {
         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]);
-    return {
+    return (0, react_1.useMemo)(() => ({
         data,
         logicalName: schema.logicalName,
         schema,
@@ -72,35 +76,43 @@ function useGridControlContext() {
         viewId: view.id,
         columnFilter,
         extraFilter,
-    };
+        openRecord,
+        gridColumns,
+        sorting,
+    }), [
+        columnFilter,
+        data,
+        extraFilter,
+        gridColumns,
+        openRecord,
+        refresh,
+        schema,
+        searchText,
+        selectedIds,
+        selectedRecords,
+        sorting,
+        view,
+    ]);
 }
 function useMainGridCommandHandlerContext() {
-    const dataService = (0, transport_1.useDataService)();
-    const queryClient = (0, react_query_1.useQueryClient)();
-    const { appStore, experienceStore, schemaStore } = (0, useMetadata_1.useMetadata)();
-    const utility = useUtility();
-    const locale = (0, useLocale_1.useLocale)();
+    const baseHandlerContext = (0, command_1.useBaseCommandHandlerContext)();
     const primaryControl = useGridControlContext();
-    return {
-        dataService,
-        queryClient,
-        utility,
-        primaryControl,
-        stores: {
-            appStore,
-            experienceStore,
-            schemaStore,
-        },
-        locale,
-    };
+    return (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, baseHandlerContext), { primaryControl })), [baseHandlerContext, primaryControl]);
+}
+const emptyCommands = [];
+function useGridCommands() {
+    var _a;
+    const commands = (0, mutable_1.useContextSelector)(context_1.GridContext, (state) => state.commands);
+    const { app: { viewCommands: defaultCommands }, } = (0, app_1.useAppContext)();
+    return (_a = commands !== null && commands !== void 0 ? commands : defaultCommands) !== null && _a !== void 0 ? _a : emptyCommands;
 }
 function useMainGridCommands() {
-    const commands = (0, useGridCommands_1.useGridCommands)();
+    const commands = useGridCommands();
     const handlerContext = useMainGridCommandHandlerContext();
     return (0, command_1.useCommands)(commands, handlerContext);
 }
 function useMainGridContextCommands() {
-    const commands = (0, useGridCommands_1.useGridCommands)();
+    const commands = useGridCommands();
     const handlerContext = useMainGridCommandHandlerContext();
     return (0, command_1.useCommands)(commands, handlerContext, (command) => { var _a; return (_a = ('isContextMenu' in command && command.isContextMenu)) !== null && _a !== void 0 ? _a : false; });
 }

package/datagrid/hooks/useOpenRecord.d.ts

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

package/datagrid/hooks/useOpenRecord.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOpenRecord = useOpenRecord;
+const recordset_1 = require("@headless-adminapp/app/recordset");
+const route_1 = require("@headless-adminapp/app/route");
+const app_1 = require("@headless-adminapp/core/experience/app");
+const react_1 = require("react");
+const useGridData_1 = require("./useGridData");
+const useGridSchema_1 = require("./useGridSchema");
+function useOpenRecord() {
+    const data = (0, useGridData_1.useGridData)();
+    const schema = (0, useGridSchema_1.useDataGridSchema)();
+    const routeResolver = (0, route_1.useRouteResolver)();
+    const router = (0, route_1.useRouter)();
+    const recordSetSetter = (0, recordset_1.useRecordSetSetter)();
+    const dataRef = (0, react_1.useRef)(data);
+    dataRef.current = data;
+    return (0, react_1.useCallback)((id) => {
+        var _a, _b;
+        const path = routeResolver({
+            logicalName: schema.logicalName,
+            type: app_1.PageType.EntityForm,
+            id,
+        });
+        recordSetSetter(schema.logicalName, (_b = (_a = dataRef.current) === null || _a === void 0 ? void 0 : _a.records.map((x) => x[schema.idAttribute])) !== null && _b !== void 0 ? _b : []);
+        router.push(path);
+    }, [
+        recordSetSetter,
+        routeResolver,
+        router,
+        schema.idAttribute,
+        schema.logicalName,
+    ]);
+}

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

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

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;
 }