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

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,15 +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)();
-    return {
-        dataService,
-        queryClient,
-        utility,
-        primaryControl: mainFormHandlerContext.primaryControl,
-        secondaryControl: {
+    return Object.assign(Object.assign({}, baseHandlerContext), { primaryControl: mainFormHandlerContext.primaryControl, secondaryControl: {
             data,
             logicalName: schema.logicalName,
             schema,
@@ -63,22 +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();
     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/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.d.ts

@@ -1,4 +1,4 @@
 /** @todo move in different dir */
 export declare function useExperienceViewCommands(logicalName: string): {
-    commands: import("@headless-adminapp/core/experience/view").EntityMainGridCommandItemExperience[][];
+    commands: never[];
 };

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 [];
         }),
         initialData: [],
     });

package/metadata/hooks/useExperienceViewSubgridCommands.d.ts

@@ -1,4 +1,4 @@
 /** @todo move in different dir */
 export declare function useExperienceViewSubgridCommands(logicalName: string): {
-    commands: import("@headless-adminapp/core/experience/view").SubGridCommandItemExperience[][];
+    commands: never[];
 };

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 [];
         }),
         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/navigation/hooks/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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("./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

@@ -8,9 +8,13 @@ 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.replace) {
             router.replace(path);
         }
         else {

package/navigation/index.d.ts

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

package/navigation/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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("./hooks"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/app",
-  "version": "0.0.17-alpha.5",
+  "version": "0.0.17-alpha.8",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -31,10 +31,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": "0c369830a0ba4aa5744cc307f8947ae9660980c4"
 }

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

@@ -23,9 +23,9 @@ export declare class SchemaExperienceStore implements ISchemaExperienceStore {
     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>>;
-    getViewCommands(logicalName: string): Promise<EntityMainGridCommandItemExperience[][]>;
-    getFormCommands(logicalName: string): Promise<EntityMainFormCommandItemExperience[][]>;
-    getSubgridCommands(logicalName: string): Promise<SubGridCommandItemExperience[][]>;
+    getViewCommands(logicalName: string): Promise<EntityMainGridCommandItemExperience[][] | undefined>;
+    getFormCommands(logicalName: string): Promise<EntityMainFormCommandItemExperience[][] | undefined>;
+    getSubgridCommands(logicalName: string): Promise<SubGridCommandItemExperience[][] | undefined>;
     getSchemaMetadataList(): SchemaMetadata[];
     getExperienceSchemaMetadatList(): Promise<SchemaExperienceMetadata[]>;
 }