@headless-adminapp/app 0.0.17-alpha.1 → 0.0.17-alpha.10

package/datagrid/DataGridProvider/transformViewColumns.js

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.transformViewColumns = transformViewColumns;
-const CommandBuilder_1 = require("../../builders/CommandBuilder");
+const utils_1 = require("../../locale/utils");
 function transformViewColumns(logicalName, columns, schemaStore, language) {
     const schema = schemaStore.getSchema(logicalName);
     return columns
-        .map((column) => {
+        .map(column => {
         const attribute = schema.attributes[column.name];
         if (!attribute) {
             return null;
         }
-        const label = (0, CommandBuilder_1.localizedLabel)(language, attribute);
+        const label = (0, utils_1.localizedLabel)(language, attribute);
         if (column.expandedKey) {
             if (attribute.type !== 'lookup') {
                 return null;
@@ -20,7 +20,7 @@ function transformViewColumns(logicalName, columns, schemaStore, language) {
             if (!lookupAttribute) {
                 return null;
             }
-            const lookupLabel = (0, CommandBuilder_1.localizedLabel)(language, lookupAttribute);
+            const lookupLabel = (0, utils_1.localizedLabel)(language, lookupAttribute);
             return Object.assign(Object.assign({}, column), { id: `${column.name}.${column.expandedKey}`, label: `${lookupLabel} (${label})` });
         }
         return Object.assign(Object.assign({}, column), { id: column.name, label: label });

package/datagrid/DataGridProvider/utils.d.ts

@@ -1,3 +1,8 @@
 import { ColumnCondition } from '@headless-adminapp/core/experience/view';
-import { Schema } from '@headless-adminapp/core/schema';
-export declare function transformColumnFilter(filter: Partial<Record<string, ColumnCondition>>, schema: Schema, getSchema: (logicalName: string) => Schema): Record<string, ColumnCondition> | null;
+import { Schema, SchemaAttributes } from '@headless-adminapp/core/schema';
+import { ISchemaStore } from '@headless-adminapp/core/store';
+import { Filter } from '@headless-adminapp/core/transport';
+import { TransformedViewColumn } from '../context';
+export declare function transformColumnFilter<S extends SchemaAttributes = SchemaAttributes>(filter: Partial<Record<string, ColumnCondition>>, schema: Schema<S>, schemaStore: ISchemaStore): Record<string, ColumnCondition> | null;
+export declare function mergeConditions<S extends SchemaAttributes = SchemaAttributes>(schema: Schema<S>, filter: Filter | null | undefined, extraFilter: Filter | null | undefined, columnFilters: Partial<Record<string, ColumnCondition>> | undefined, schemaStore: ISchemaStore): Filter | null;
+export declare function collectExpandedKeys(columns: TransformedViewColumn<SchemaAttributes>[]): Record<string, string[]>;

package/datagrid/DataGridProvider/utils.js

@@ -4,8 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.transformColumnFilter = transformColumnFilter;
+exports.mergeConditions = mergeConditions;
+exports.collectExpandedKeys = collectExpandedKeys;
 const dayjs_1 = __importDefault(require("dayjs"));
-function transformColumnFilter(filter, schema, getSchema) {
+function transformColumnFilter(filter, schema, schemaStore) {
     const transformedResult = Object.entries(filter).reduce((acc, [id, value]) => {
         const [key, extendedKey] = id.split('.');
         let attribute = schema.attributes[key];
@@ -16,7 +18,7 @@ function transformColumnFilter(filter, schema, getSchema) {
             if (attribute.type !== 'lookup') {
                 throw new Error(`Invalid column filter key: ${id}. Key ${key} is not a lookup column.`);
             }
-            const lookupSchema = getSchema(attribute.entity);
+            const lookupSchema = schemaStore.getSchema(attribute.entity);
             attribute = lookupSchema.attributes[extendedKey];
         }
         if (!attribute) {
@@ -72,3 +74,51 @@ function transformColumnFilter(filter, schema, getSchema) {
     }
     return transformedResult;
 }
+function mergeConditions(schema, filter, extraFilter, columnFilters, schemaStore) {
+    const conditions = [];
+    if (filter) {
+        conditions.push(filter);
+    }
+    if (extraFilter) {
+        conditions.push(extraFilter);
+    }
+    if (columnFilters) {
+        const transformedColumnFilters = transformColumnFilter(columnFilters, schema, schemaStore);
+        if (transformedColumnFilters) {
+            conditions.push({
+                type: 'and',
+                conditions: Object.entries(transformedColumnFilters).map(([field, condition]) => {
+                    return {
+                        field,
+                        operator: condition.operator,
+                        value: condition.value,
+                        extendedKey: condition.extendedKey,
+                    };
+                }),
+            });
+        }
+    }
+    if (conditions.length === 0) {
+        return null;
+    }
+    if (conditions.length === 1) {
+        return conditions[0];
+    }
+    return {
+        type: 'and',
+        conditions,
+    };
+}
+function collectExpandedKeys(columns) {
+    return columns
+        .filter((x) => x.expandedKey)
+        .reduce((acc, x) => {
+        if (!acc[x.name]) {
+            acc[x.name] = [];
+        }
+        if (!acc[x.name].includes(x.expandedKey)) {
+            acc[x.name].push(x.expandedKey);
+        }
+        return acc;
+    }, {});
+}

package/datagrid/context.d.ts

@@ -1,19 +1,17 @@
 import { LocalizedDataLookup } from '@headless-adminapp/core/attributes';
 import { CommandItemExperience } from '@headless-adminapp/core/experience/command';
-import { ColumnCondition, EntityMainGridCommandContext, EntitySubGridCommandContext, SortingState, View, ViewColumn } from '@headless-adminapp/core/experience/view';
+import { ColumnCondition, EntityMainGridCommandContext, EntitySubGridCommandContext, SortingState, View } from '@headless-adminapp/core/experience/view';
+import { type TransformedViewColumn } from '@headless-adminapp/core/experience/view/ViewColumn';
 import { InferredSchemaType, Schema, SchemaAttributes } from '@headless-adminapp/core/schema';
 import { Filter, RetriveRecordsResult } from '@headless-adminapp/core/transport';
-export interface TransformedViewColumn<S extends SchemaAttributes = SchemaAttributes> extends ViewColumn<S> {
-    id: string;
-    label: string;
-}
+export { type TransformedViewColumn } from '@headless-adminapp/core/experience/view/ViewColumn';
 export interface GridContextState<S extends SchemaAttributes = SchemaAttributes, CommandContext extends EntityMainGridCommandContext | EntitySubGridCommandContext = EntityMainGridCommandContext> {
     schema: Schema<S>;
     view: View<S>;
     viewLookup: LocalizedDataLookup[];
     onChangeView?: (viewId: string) => void;
     extraFilter?: Filter;
-    commands: CommandItemExperience<CommandContext>[][];
+    commands?: CommandItemExperience<CommandContext>[][];
     maxRecords?: number;
     columns: TransformedViewColumn<S>[];
     searchText: string;

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/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) => {
@@ -72,157 +76,30 @@ function useGridControlContext() {
         viewId: view.id,
         columnFilter,
         extraFilter,
+        openRecord,
+        gridColumns,
+        sorting,
     };
 }
 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 Object.assign(Object.assign({}, 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();
-    // console.log('temp. gc', commands);
     return (0, command_1.useCommands)(commands, handlerContext);
-    // return [
-    //   [
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Delete',
-    //       text: 'Delete',
-    //       danger: true,
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //   ],
-    //   [
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'menu',
-    //       icon: 'Add',
-    //       text: 'Report',
-    //       danger: true,
-    //       handlerId: 'report',
-    //       items: [
-    //         {
-    //           icon: 'Add',
-    //           text: 'Export',
-    //           danger: true,
-    //         },
-    //       ],
-    //     },
-    //     {
-    //       type: 'menu',
-    //       icon: 'Add',
-    //       text: 'Report',
-    //       danger: true,
-    //       items: [
-    //         {
-    //           icon: 'Add',
-    //           text: 'Export',
-    //           danger: true,
-    //         },
-    //       ],
-    //     },
-    //   ],
-    //   [
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //   ],
-    // ];
 }
 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,27 +3,22 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSubGridCommandHandlerContext = useSubGridCommandHandlerContext;
 exports.useSubGridCommands = useSubGridCommands;
 exports.useSubGridContextCommands = useSubGridContextCommands;
-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 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 context_1 = require("../context");
 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 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 baseHandlerContext = (0, command_1.useBaseCommandHandlerContext)();
     const data = (0, useGridData_1.useGridData)();
     const schema = (0, useGridSchema_1.useDataGridSchema)();
     const view = (0, useSelectedView_1.useSelectedView)();
@@ -43,16 +38,8 @@ function useSubGridCommandHandlerContext() {
     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 mainFormHandlerContext = (0, useMainFormCommands_1.useMainFormCommandHandlerContext)();
-    // console.log('mainFormHandlerContext', mainFormHandlerContext);
-    return {
-        dataService,
-        queryClient,
-        utility,
-        primaryControl: mainFormHandlerContext.primaryControl,
-        secondaryControl: {
+    return Object.assign(Object.assign({}, baseHandlerContext), { primaryControl: mainFormHandlerContext.primaryControl, secondaryControl: {
             data,
             logicalName: schema.logicalName,
             schema,
@@ -64,24 +51,22 @@ function useSubGridCommandHandlerContext() {
             viewId: view.id,
             columnFilter,
             extraFilter,
-        },
-        stores: {
-            appStore,
-            experienceStore,
-            schemaStore,
-        },
-        locale,
-    };
+        } });
+}
+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();
-    console.log('temp. commands (s)', commands);
-    console.log('temp. handlerContext (s)', handlerContext);
     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/hooks/useSystemColorScheme.d.ts

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

package/locale/LocaleProvider.js

@@ -8,7 +8,7 @@ const context_1 = require("./context");
 const LocaleProvider = ({ children, locale, options, }) => {
     const localeState = (0, react_1.useMemo)(() => {
         return (0, locale_1.getLocale)(locale, options);
-    }, [locale]);
+    }, [locale, options]);
     return ((0, jsx_runtime_1.jsx)(context_1.LocaleContext.Provider, { value: localeState, children: children }));
 };
 exports.LocaleProvider = LocaleProvider;

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/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

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

package/metadata/hooks/useMetadata.js

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

package/metadata/hooks/useSchema.js

@@ -3,6 +3,6 @@ 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)();
+    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);