@headless-adminapp/app 0.0.8-0.0.9-alpha.1.0

package/dist/datagrid/hooks/useGridColumnFilter.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGridColumnFilter = useGridColumnFilter;
+const react_1 = require("react");
+const context_1 = require("../../mutable/context");
+const context_2 = require("../context");
+function useGridColumnFilter() {
+    const columnFilters = (0, context_1.useContextSelector)(context_2.GridContext, (state) => state.columnFilters);
+    const setValue = (0, context_1.useContextSetValue)(context_2.GridContext);
+    const setColumnFilter = (0, react_1.useCallback)((columnName, value) => {
+        setValue((state) => ({
+            columnFilters: Object.assign(Object.assign({}, state.columnFilters), { [columnName]: value }),
+        }));
+    }, [setValue]);
+    return [columnFilters, setColumnFilter];
+}

package/dist/datagrid/hooks/useGridColumns.d.ts

@@ -0,0 +1,3 @@
+import { SchemaAttributes } from '@headless-adminapp/core/schema';
+import { TransformedViewColumn } from '../context';
+export declare function useGridColumns<S extends SchemaAttributes = SchemaAttributes>(): TransformedViewColumn<S>[];

package/dist/datagrid/hooks/useGridColumns.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGridColumns = useGridColumns;
+const context_1 = require("../../mutable/context");
+const context_2 = require("../context");
+function useGridColumns() {
+    return (0, context_1.useContextSelector)(context_2.GridContext, (state) => state.columns);
+}

package/dist/datagrid/hooks/useGridCommands.d.ts

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

package/dist/datagrid/hooks/useGridCommands.js

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

package/dist/datagrid/hooks/useGridData.d.ts

@@ -0,0 +1 @@
+export declare function useGridData(): import("@headless-adminapp/core/transport").RetriveRecordsResult<import("@headless-adminapp/core/schema").InferredSchemaType<import("@headless-adminapp/core/schema").SchemaAttributes>> | null;

package/dist/datagrid/hooks/useGridData.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGridData = useGridData;
+const context_1 = require("../../mutable/context");
+const context_2 = require("../context");
+function useGridData() {
+    const data = (0, context_1.useContextSelector)(context_2.GridContext, (state) => state.data);
+    return data;
+}

package/dist/datagrid/hooks/useGridDataState.d.ts

@@ -0,0 +1,5 @@
+export declare function useGridDataState(): {
+    isFetching: boolean;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+};

package/dist/datagrid/hooks/useGridDataState.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGridDataState = useGridDataState;
+const context_1 = require("../../mutable/context");
+const context_2 = require("../context");
+function useGridDataState() {
+    const data = (0, context_1.useContextSelector)(context_2.GridContext, (state) => state.dataState);
+    return data;
+}

package/dist/datagrid/hooks/useGridExtraFilter.d.ts

@@ -0,0 +1 @@
+export declare function useGridExtraFilter(): import("@headless-adminapp/core/transport").Filter | undefined;

package/dist/datagrid/hooks/useGridExtraFilter.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGridExtraFilter = useGridExtraFilter;
+const context_1 = require("../../mutable/context");
+const context_2 = require("../context");
+function useGridExtraFilter() {
+    return (0, context_1.useContextSelector)(context_2.GridContext, (state) => state.extraFilter);
+}

package/dist/datagrid/hooks/useGridOptions.d.ts

@@ -0,0 +1 @@
+export declare function useDataGridOptions(): any;

package/dist/datagrid/hooks/useGridOptions.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDataGridOptions = useDataGridOptions;
+function useDataGridOptions() {
+    return null;
+}

package/dist/datagrid/hooks/useGridPagination.d.ts

@@ -0,0 +1 @@
+export declare function useGridPagination(): any;

package/dist/datagrid/hooks/useGridPagination.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGridPagination = useGridPagination;
+function useGridPagination() {
+    return null;
+}

package/dist/datagrid/hooks/useGridRefresh.d.ts

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

package/dist/datagrid/hooks/useGridRefresh.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGridRefresh = useGridRefresh;
+const react_query_1 = require("@tanstack/react-query");
+const react_1 = require("react");
+const useGridSchema_1 = require("./useGridSchema");
+function useGridRefresh() {
+    const queryClient = (0, react_query_1.useQueryClient)();
+    const schema = (0, useGridSchema_1.useDataGridSchema)();
+    const refresh = (0, react_1.useCallback)(() => {
+        queryClient
+            .resetQueries({
+            queryKey: ['data', 'retriveRecords', schema.logicalName],
+        })
+            .catch(console.error);
+    }, [queryClient, schema.logicalName]);
+    return refresh;
+}

package/dist/datagrid/hooks/useGridSchema.d.ts

@@ -0,0 +1,2 @@
+import { Schema, SchemaAttributes } from '@headless-adminapp/core/schema';
+export declare function useDataGridSchema<S extends SchemaAttributes = SchemaAttributes>(): Schema<S>;

package/dist/datagrid/hooks/useGridSchema.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDataGridSchema = useDataGridSchema;
+const context_1 = require("../../mutable/context");
+const context_2 = require("../context");
+function useDataGridSchema() {
+    return (0, context_1.useContextSelector)(context_2.GridContext, (state) => state.schema);
+}

package/dist/datagrid/hooks/useGridSelection.d.ts

@@ -0,0 +1 @@
+export declare function useGridSelection(): readonly [string[], (selectedIds: string[] | ((previousIds: string[]) => string[])) => void];

package/dist/datagrid/hooks/useGridSelection.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGridSelection = useGridSelection;
+const react_1 = require("react");
+const context_1 = require("../../mutable/context");
+const context_2 = require("../context");
+function useGridSelection() {
+    const selecteIds = (0, context_1.useContextSelector)(context_2.GridContext, (state) => state.selectedIds);
+    const setValue = (0, context_1.useContextSetValue)(context_2.GridContext);
+    const setSelectedIds = (0, react_1.useCallback)((selectedIds) => {
+        if (typeof selectedIds === 'function') {
+            setValue((state) => ({
+                selectedIds: selectedIds(state.selectedIds),
+            }));
+        }
+        else {
+            setValue({ selectedIds });
+        }
+    }, [setValue]);
+    return [selecteIds, setSelectedIds];
+}

package/dist/datagrid/hooks/useGridSorting.d.ts

@@ -0,0 +1,3 @@
+import { SortingState } from '@headless-adminapp/core/experience/view';
+import { SchemaAttributes } from '@headless-adminapp/core/schema';
+export declare function useGridSorting<S extends SchemaAttributes = SchemaAttributes>(): readonly [SortingState<SchemaAttributes>, (value: SortingState<S>) => void];

package/dist/datagrid/hooks/useGridSorting.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGridSorting = useGridSorting;
+const react_1 = require("react");
+const context_1 = require("../../mutable/context");
+const context_2 = require("../context");
+function useGridSorting() {
+    const sorting = (0, context_1.useContextSelector)(context_2.GridContext, (state) => state.sorting);
+    const setValue = (0, context_1.useContextSetValue)(context_2.GridContext);
+    const setSorting = (0, react_1.useCallback)((value) => {
+        setValue({ sorting: value });
+    }, [setValue]);
+    return [sorting, setSorting];
+}

package/dist/datagrid/hooks/useGridViewLookupData.d.ts

@@ -0,0 +1 @@
+export declare function useGridViewLookupData(): import("@headless-adminapp/core/attributes").LocalizedDataLookup[];

package/dist/datagrid/hooks/useGridViewLookupData.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGridViewLookupData = useGridViewLookupData;
+const context_1 = require("../../mutable/context");
+const context_2 = require("../context");
+function useGridViewLookupData() {
+    const viewLookup = (0, context_1.useContextSelector)(context_2.GridContext, (state) => state.viewLookup);
+    return viewLookup;
+}

package/dist/datagrid/hooks/useLoadMainGridPage.d.ts

@@ -0,0 +1,20 @@
+import { LocalizedDataLookup } from '@headless-adminapp/core/attributes';
+import { EntityMainGridCommandItemExperience, View } from '@headless-adminapp/core/experience/view';
+import { Schema } from '@headless-adminapp/core/schema';
+type UseLoadMainGridPageResult = {
+    loading: true;
+} | {
+    loading: false;
+    error: true;
+    title: string;
+    message: string;
+} | {
+    loading: false;
+    error: false;
+    schema: Schema;
+    viewLookup: LocalizedDataLookup[];
+    commands: EntityMainGridCommandItemExperience[][];
+    view: View;
+};
+export declare function useLoadMainGridPage(logicalName: string, viewId: string | undefined): UseLoadMainGridPageResult;
+export {};

package/dist/datagrid/hooks/useLoadMainGridPage.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLoadMainGridPage = useLoadMainGridPage;
+const useExperienceView_1 = require("../../metadata/hooks/useExperienceView");
+const useExperienceViewCommands_1 = require("../../metadata/hooks/useExperienceViewCommands");
+const useExperienceViewLookup_1 = require("../../metadata/hooks/useExperienceViewLookup");
+const useSchema_1 = require("../../metadata/hooks/useSchema");
+function useLoadMainGridPage(logicalName, viewId) {
+    const schema = (0, useSchema_1.useSchema)(logicalName);
+    const { viewLookup } = (0, useExperienceViewLookup_1.useExperienceViewLookup)(logicalName);
+    const { commands } = (0, useExperienceViewCommands_1.useExperienceViewCommands)(logicalName);
+    const { view, isLoadingView } = (0, useExperienceView_1.useExperienceView)(logicalName, viewId);
+    if (!schema) {
+        return {
+            loading: false,
+            error: true,
+            title: 'Schema not found',
+            message: 'The schema was not found',
+        };
+    }
+    if (!view) {
+        if (isLoadingView) {
+            return {
+                loading: true,
+            };
+        }
+        return {
+            loading: false,
+            error: true,
+            title: 'View not found',
+            message: 'The view was not found',
+        };
+    }
+    if (view.logicalName !== schema.logicalName) {
+        if (isLoadingView) {
+            return {
+                loading: true,
+            };
+        }
+        return {
+            loading: false,
+            error: true,
+            title: 'View not found',
+            message: 'The view was not found (missmatch)',
+        };
+    }
+    return {
+        loading: false,
+        error: false,
+        schema,
+        viewLookup,
+        commands,
+        view,
+    };
+}

package/dist/datagrid/hooks/useMainGridCommands.d.ts

@@ -0,0 +1,19 @@
+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 useMainGridCommandHandlerContext(): EntityMainGridCommandContext;
+export declare function useMainGridCommands(): CommandItemState[][];
+export declare function useMainGridContextCommands(): MenuItemCommandState[][];

package/dist/datagrid/hooks/useMainGridCommands.js

@@ -0,0 +1,228 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUtility = useUtility;
+exports.useGridControlContext = useGridControlContext;
+exports.useMainGridCommandHandlerContext = useMainGridCommandHandlerContext;
+exports.useMainGridCommands = useMainGridCommands;
+exports.useMainGridContextCommands = useMainGridContextCommands;
+const react_query_1 = require("@tanstack/react-query");
+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 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 useSearchText_1 = require("./useSearchText");
+const useSelectedView_1 = require("./useSelectedView");
+function useUtility() {
+    const { hideProgressIndicator, showProgressIndicator } = (0, useProgressIndicator_1.useProgressIndicator)();
+    const openAlertDialog = (0, hooks_1.useOpenAlertDialog)();
+    const openConfirmDialog = (0, hooks_1.useOpenConfirmDialog)();
+    const openErrorDialog = (0, hooks_1.useOpenErrorDialog)();
+    const openPromptDialog = (0, hooks_1.useOpenPromptDialog)();
+    const openToastNotification = (0, useOpenToastNotification_1.useOpenToastNotification)();
+    return {
+        hideProgressIndicator,
+        showProgressIndicator,
+        openAlertDialog,
+        openConfirmDialog: openConfirmDialog,
+        openErrorDialog,
+        openPromptDialog: openPromptDialog,
+        showNotification: openToastNotification,
+    };
+}
+function useGridControlContext() {
+    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 [columnFilter] = (0, useGridColumnFilter_1.useGridColumnFilter)();
+    const extraFilter = (0, useGridExtraFilter_1.useGridExtraFilter)();
+    const refresh = (0, useGridRefresh_1.useGridRefresh)();
+    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]);
+    return {
+        data,
+        logicalName: schema.logicalName,
+        schema,
+        refresh,
+        searchText,
+        selectedIds,
+        selectedRecords,
+        view,
+        viewId: view.id,
+        columnFilter,
+        extraFilter,
+    };
+}
+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 primaryControl = useGridControlContext();
+    return {
+        dataService,
+        queryClient,
+        utility,
+        primaryControl,
+        stores: {
+            appStore,
+            experienceStore,
+            schemaStore,
+        },
+        locale,
+    };
+}
+function useMainGridCommands() {
+    const commands = (0, useGridCommands_1.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 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/dist/datagrid/hooks/useMaxRecords.d.ts

@@ -0,0 +1 @@
+export declare function useMaxRecords(): number | undefined;

package/dist/datagrid/hooks/useMaxRecords.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMaxRecords = useMaxRecords;
+const context_1 = require("../../mutable/context");
+const context_2 = require("../context");
+function useMaxRecords() {
+    return (0, context_1.useContextSelector)(context_2.GridContext, (state) => state.maxRecords);
+}

package/dist/datagrid/hooks/useSearchText.d.ts

@@ -0,0 +1 @@
+export declare function useSearchText(): readonly [string, (value: string) => void];

package/dist/datagrid/hooks/useSearchText.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSearchText = useSearchText;
+const react_1 = require("react");
+const context_1 = require("../../mutable/context");
+const context_2 = require("../context");
+function useSearchText() {
+    const searchText = (0, context_1.useContextSelector)(context_2.GridContext, (context) => context.searchText);
+    const setValue = (0, context_1.useContextSetValue)(context_2.GridContext);
+    const setSearchText = (0, react_1.useCallback)((value) => {
+        setValue({ searchText: value });
+    }, [setValue]);
+    return [searchText, setSearchText];
+}

package/dist/datagrid/hooks/useSelectedView.d.ts

@@ -0,0 +1,3 @@
+import { View } from '@headless-adminapp/core/experience/view';
+import { SchemaAttributes } from '@headless-adminapp/core/schema';
+export declare function useSelectedView<S extends SchemaAttributes = SchemaAttributes>(): View<S>;

package/dist/datagrid/hooks/useSelectedView.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSelectedView = useSelectedView;
+const context_1 = require("../../mutable/context");
+const context_2 = require("../context");
+function useSelectedView() {
+    return (0, context_1.useContextSelector)(context_2.GridContext, (state) => state.view);
+}

package/dist/datagrid/hooks/useSubGridCommands.d.ts

@@ -0,0 +1,5 @@
+import { EntitySubGridCommandContext } from '@headless-adminapp/core/experience/view';
+import { CommandItemState, MenuItemCommandState } from '../../command/types';
+export declare function useSubGridCommandHandlerContext(): EntitySubGridCommandContext;
+export declare function useSubGridCommands(): CommandItemState[][];
+export declare function useSubGridContextCommands(): MenuItemCommandState[][];