@headless-adminapp/app 0.0.17-alpha.14 → 0.0.17-alpha.15

package/builders/CommandBuilder/DefaultCommandBuilder.d.ts

@@ -2,6 +2,7 @@ import { EntityMainFormCommandItemExperience } from '@headless-adminapp/core/exp
 import { EntityMainGridCommandItemExperience, SubGridCommandItemExperience } from '@headless-adminapp/core/experience/view';
 import { Localized } from '@headless-adminapp/core/types';
 import { Icon } from '@headless-adminapp/icons';
+import { FormCommandBuilder } from './FormCommandBuilder';
 import { ViewCommandBuilder } from './ViewCommandBuilder';
 export declare namespace DefaultCommandBuilder {
     interface CreateDefaultViewCommandStrings {
@@ -33,12 +34,15 @@ export declare namespace DefaultCommandBuilder {
         save: string;
         saveAndClose: string;
         refresh: string;
+        delete: string;
+        deleteRecordCommandStringSet: FormCommandBuilder.DeleteRecordCommandStringSet;
     }
     interface CreateDefaultFormCommandOptions {
         icons: {
             Save: Icon;
             SaveAndClose: Icon;
             Refresh: Icon;
+            Delete: Icon;
         };
         strings?: CreateDefaultFormCommandStrings;
         localizedSrings?: Localized<CreateDefaultFormCommandStrings>;

package/builders/CommandBuilder/DefaultCommandBuilder.js

@@ -77,6 +77,8 @@ var DefaultCommandBuilder;
         save: 'Save',
         saveAndClose: 'Save & Close',
         refresh: 'Refresh',
+        delete: 'Delete',
+        deleteRecordCommandStringSet: FormCommandBuilder_1.FormCommandBuilder.defaultDeleteRecordStringSet,
     };
     function createDefaultFormCommands({ icons, strings = DefaultCommandBuilder.defaultFormCommandStrings, localizedSrings, }) {
         return [
@@ -96,6 +98,13 @@ var DefaultCommandBuilder;
                     text: strings.refresh,
                     localizedTexts: extractLocalizedStrings(localizedSrings, (x) => x.refresh),
                 }),
+                FormCommandBuilder_1.FormCommandBuilder.createDeleteCommand({
+                    Icon: icons.Delete,
+                    text: 'Delete',
+                    localizedTexts: extractLocalizedStrings(localizedSrings, (x) => x.delete),
+                    stringSet: strings.deleteRecordCommandStringSet,
+                    localizedStringSet: extractLocalizedStrings(localizedSrings, (x) => x.deleteRecordCommandStringSet),
+                }),
             ],
         ];
     }

package/builders/CommandBuilder/FormCommandBuilder.d.ts

@@ -1,12 +1,13 @@
 import { EntityFormCommandContext, EntityMainFormCommandItemExperience } from '@headless-adminapp/core/experience/form';
+import { Localized } from '@headless-adminapp/core/types';
 import { Icon } from '@headless-adminapp/icons';
 export declare namespace FormCommandBuilder {
-    export function createSaveCommand({ Icon, text, localizedTexts, }: {
+    function createSaveCommand({ Icon, text, localizedTexts, }: {
         Icon: Icon;
         text: string;
         localizedTexts?: Record<string, string>;
     }): EntityMainFormCommandItemExperience;
-    export function createSaveAndCloseCommand({ Icon, text, localizedTexts, }: {
+    function createSaveAndCloseCommand({ Icon, text, localizedTexts, }: {
         Icon: Icon;
         text: string;
         localizedTexts?: Record<string, string>;
@@ -29,17 +30,17 @@ export declare namespace FormCommandBuilder {
             title: string;
         };
     }
-    export const defaultDeleteRecordStringSet: DeleteRecordCommandStringSet;
-    export function createDeleteCommand({ Icon, text, localizedTexts, stringSet, }: {
+    const defaultDeleteRecordStringSet: DeleteRecordCommandStringSet;
+    function createDeleteCommand({ Icon, text, localizedTexts, stringSet, }: {
         Icon: Icon;
         text: string;
         localizedTexts?: Record<string, string>;
         stringSet: DeleteRecordCommandStringSet | ((context: EntityFormCommandContext) => DeleteRecordCommandStringSet);
+        localizedStringSet?: Localized<DeleteRecordCommandStringSet | ((context: EntityFormCommandContext) => DeleteRecordCommandStringSet)>;
     }): EntityMainFormCommandItemExperience;
-    export function createRefreshCommand({ Icon, text, localizedTexts, }: {
+    function createRefreshCommand({ Icon, text, localizedTexts, }: {
         Icon: Icon;
         text: string;
         localizedTexts?: Record<string, string>;
     }): EntityMainFormCommandItemExperience;
-    export {};
 }

package/builders/CommandBuilder/FormCommandBuilder.js

@@ -10,6 +10,24 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormCommandBuilder = void 0;
+var EnabledRules;
+(function (EnabledRules) {
+    function HasCreatePermisssion(context) {
+        var _a;
+        return !((_a = context.primaryControl.schema.restrictions) === null || _a === void 0 ? void 0 : _a.disableCreate);
+    }
+    EnabledRules.HasCreatePermisssion = HasCreatePermisssion;
+    function HasUpdatePermission(context) {
+        var _a;
+        return !((_a = context.primaryControl.schema.restrictions) === null || _a === void 0 ? void 0 : _a.disableUpdate);
+    }
+    EnabledRules.HasUpdatePermission = HasUpdatePermission;
+    function HasDeletePermission(context) {
+        var _a;
+        return !((_a = context.primaryControl.schema.restrictions) === null || _a === void 0 ? void 0 : _a.disableDelete);
+    }
+    EnabledRules.HasDeletePermission = HasDeletePermission;
+})(EnabledRules || (EnabledRules = {}));
 var FormCommandBuilder;
 (function (FormCommandBuilder) {
     function createSaveCommand({ Icon, text, localizedTexts, }) {
@@ -22,12 +40,19 @@ var FormCommandBuilder;
             onClick: (context) => __awaiter(this, void 0, void 0, function* () {
                 yield context.primaryControl.save('save');
             }),
-            hidden: (context) => {
-                if (context.primaryControl.readonly) {
-                    return true;
-                }
-                return false;
-            },
+            hidden: [
+                (context) => {
+                    if (context.primaryControl.readonly) {
+                        return true;
+                    }
+                    if (context.primaryControl.recordId) {
+                        return !EnabledRules.HasUpdatePermission(context);
+                    }
+                    else {
+                        return !EnabledRules.HasCreatePermisssion(context);
+                    }
+                },
+            ],
         };
     }
     FormCommandBuilder.createSaveCommand = createSaveCommand;
@@ -40,12 +65,19 @@ var FormCommandBuilder;
             onClick: (context) => __awaiter(this, void 0, void 0, function* () {
                 yield context.primaryControl.save('saveandclose');
             }),
-            hidden: (context) => {
-                if (context.primaryControl.readonly) {
-                    return true;
-                }
-                return false;
-            },
+            hidden: [
+                (context) => {
+                    if (context.primaryControl.readonly) {
+                        return true;
+                    }
+                    if (context.primaryControl.recordId) {
+                        return !EnabledRules.HasUpdatePermission(context);
+                    }
+                    else {
+                        return !EnabledRules.HasCreatePermisssion(context);
+                    }
+                },
+            ],
         };
     }
     FormCommandBuilder.createSaveAndCloseCommand = createSaveAndCloseCommand;
@@ -75,14 +107,10 @@ var FormCommandBuilder;
             localizedText: localizedTexts,
             danger: true,
             hidden: (context) => {
-                var _a;
                 if (!context.primaryControl.recordId) {
                     return true;
                 }
-                if ((_a = context.primaryControl.schema.restrictions) === null || _a === void 0 ? void 0 : _a.disableDelete) {
-                    return true;
-                }
-                return false;
+                return !EnabledRules.HasDeletePermission(context);
             },
             onClick: (context) => __awaiter(this, void 0, void 0, function* () {
                 const recordId = context.primaryControl.recordId;
@@ -103,17 +131,13 @@ var FormCommandBuilder;
                         return;
                     }
                     context.utility.showProgressIndicator(stringSet.status.deleting + '...');
-                    yield new Promise((resolve) => setTimeout(resolve, 2000));
-                    // await context.dataService.deleteRecord(
-                    //   context.primaryControl.logicalName,
-                    //   recordId
-                    // );
+                    yield context.dataService.deleteRecord(context.primaryControl.logicalName, recordId);
                     context.utility.showNotification({
                         title: stringSet.successNotification.title,
                         text: stringSet.successNotification.text,
                         type: 'success',
                     });
-                    // context.primaryControl.close();
+                    context.primaryControl.close();
                 }
                 catch (error) {
                     context.utility.showNotification({

package/builders/CommandBuilder/SubgridCommandBuilder.js

@@ -10,7 +10,34 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SubgridCommandBuilder = void 0;
-const utils_1 = require("./utils");
+const utils_1 = require("../utils");
+const utils_2 = require("./utils");
+var EnabledRules;
+(function (EnabledRules) {
+    function HasCreatePermisssion(context) {
+        var _a;
+        return !((_a = context.secondaryControl.schema.restrictions) === null || _a === void 0 ? void 0 : _a.disableCreate);
+    }
+    EnabledRules.HasCreatePermisssion = HasCreatePermisssion;
+    function HasUpdatePermission(context) {
+        var _a;
+        return !((_a = context.secondaryControl.schema.restrictions) === null || _a === void 0 ? void 0 : _a.disableUpdate);
+    }
+    EnabledRules.HasUpdatePermission = HasUpdatePermission;
+    function HasDeletePermission(context) {
+        var _a;
+        return !((_a = context.secondaryControl.schema.restrictions) === null || _a === void 0 ? void 0 : _a.disableDelete);
+    }
+    EnabledRules.HasDeletePermission = HasDeletePermission;
+    function HasSingleRecordSelected(context) {
+        return context.secondaryControl.selectedIds.length === 1;
+    }
+    EnabledRules.HasSingleRecordSelected = HasSingleRecordSelected;
+    function HasAtLeastOneRecordSelected(context) {
+        return context.secondaryControl.selectedIds.length > 0;
+    }
+    EnabledRules.HasAtLeastOneRecordSelected = HasAtLeastOneRecordSelected;
+})(EnabledRules || (EnabledRules = {}));
 var SubgridCommandBuilder;
 (function (SubgridCommandBuilder) {
     function createNewRecordCommand({ Icon, text, localizedTexts, }) {
@@ -20,13 +47,25 @@ var SubgridCommandBuilder;
             text,
             localizedText: localizedTexts,
             onClick: (context) => {
-                console.log('New record', context);
-            },
-            hidden: (context) => {
-                console.log(context);
-                // TODO: Implement logic to hide the button
-                return false;
+                if (context.secondaryControl.associated) {
+                    context.navigation.openForm({
+                        logicalName: context.primaryControl.schema.logicalName,
+                        parameters: {
+                            [context.secondaryControl.associated.refAttributeName]: {
+                                id: context.secondaryControl.associated.id,
+                                logicalName: context.secondaryControl.associated.logicalName,
+                                name: context.secondaryControl.associated.name,
+                            },
+                        },
+                    });
+                }
+                else {
+                    context.navigation.openForm({
+                        logicalName: context.primaryControl.schema.logicalName,
+                    });
+                }
             },
+            hidden: (context) => !EnabledRules.HasCreatePermisssion(context),
         };
     }
     SubgridCommandBuilder.createNewRecordCommand = createNewRecordCommand;
@@ -38,13 +77,9 @@ var SubgridCommandBuilder;
             localizedText: localizedTexts,
             isContextMenu: true,
             onClick: (context) => {
-                console.log('Edit record', context);
-            },
-            // hidden: (context) => context.secondaryControl.selectedIds.length !== 1, // TODO: check permissions
-            hidden: (context) => {
-                console.log('temp.', context);
-                return context.secondaryControl.selectedIds.length !== 1;
+                context.secondaryControl.openRecord(context.secondaryControl.selectedIds[0]);
             },
+            hidden: [(context) => !EnabledRules.HasSingleRecordSelected(context)],
         };
     }
     SubgridCommandBuilder.createEditRecordCommand = createEditRecordCommand;
@@ -86,13 +121,12 @@ var SubgridCommandBuilder;
             localizedText,
             danger: true,
             isContextMenu: true,
-            hidden: [(context) => context.secondaryControl.selectedIds.length === 0], // TODO: check permissions
             onClick: (context) => __awaiter(this, void 0, void 0, function* () {
                 const recordIds = context.secondaryControl.selectedIds;
                 if (!recordIds.length) {
                     return;
                 }
-                const localizeSelector = (0, utils_1.createLocalizedSelector)(stringSet, localizedStringSet, context.locale.language);
+                const localizeSelector = (0, utils_2.createLocalizedSelector)(stringSet, localizedStringSet, context.locale.language);
                 try {
                     const confirmResult = yield context.utility.openConfirmDialog({
                         title: plurialize(recordIds.length, localizeSelector((s) => s.confirmation.title)),
@@ -104,7 +138,9 @@ var SubgridCommandBuilder;
                         return;
                     }
                     context.utility.showProgressIndicator(plurialize(recordIds.length, localizeSelector((s) => s.status.deleting)) + '...');
-                    yield new Promise((resolve) => setTimeout(resolve, 2000));
+                    for (const recordId of recordIds) {
+                        yield context.dataService.deleteRecord(context.primaryControl.logicalName, recordId);
+                    }
                     context.utility.showNotification({
                         title: plurialize(recordIds.length, localizeSelector((s) => s.successNotification.title)),
                         text: plurialize(recordIds.length, localizeSelector((s) => s.successNotification.text)),
@@ -123,6 +159,10 @@ var SubgridCommandBuilder;
                     context.utility.hideProgressIndicator();
                 }
             }),
+            hidden: [
+                (context) => !EnabledRules.HasAtLeastOneRecordSelected(context),
+                (context) => !EnabledRules.HasDeletePermission(context),
+            ],
         };
     }
     SubgridCommandBuilder.createDeleteRecordCommand = createDeleteRecordCommand;
@@ -150,17 +190,67 @@ var SubgridCommandBuilder;
                         Icon: excel.Icon,
                         text: excel.text,
                         localizedTexts: excel.localizedTexts,
-                        onClick: (context) => {
-                            console.log('Export to Excel', context);
-                        },
+                        onClick: (context) => __awaiter(this, void 0, void 0, function* () {
+                            context.utility.showProgressIndicator('Exporting to Excel...');
+                            try {
+                                const result = yield (0, utils_1.retriveRecords)({
+                                    columnFilters: context.secondaryControl.columnFilter,
+                                    dataService: context.dataService,
+                                    gridColumns: context.secondaryControl.gridColumns,
+                                    schema: context.secondaryControl.schema,
+                                    schemaStore: context.stores.schemaStore,
+                                    view: context.secondaryControl.view,
+                                    search: context.secondaryControl.searchText,
+                                    extraFilter: context.secondaryControl.extraFilter,
+                                    sorting: context.secondaryControl.sorting,
+                                    skip: 0,
+                                    limit: 5000,
+                                });
+                                yield (0, utils_1.exportRecordsXLS)({
+                                    fileName: context.secondaryControl.view.name + '.xlsx',
+                                    gridColumns: context.secondaryControl.gridColumns,
+                                    records: result.records,
+                                    schema: context.secondaryControl.schema,
+                                    schemaStore: context.stores.schemaStore,
+                                });
+                            }
+                            finally {
+                                context.utility.hideProgressIndicator();
+                            }
+                        }),
                     },
                     {
                         Icon: csv.Icon,
                         text: csv.text,
                         localizedTexts: csv.localizedTexts,
-                        onClick: (context) => {
-                            console.log('Export to CSV', context);
-                        },
+                        onClick: (context) => __awaiter(this, void 0, void 0, function* () {
+                            context.utility.showProgressIndicator('Exporting to CSV...');
+                            try {
+                                const result = yield (0, utils_1.retriveRecords)({
+                                    columnFilters: context.secondaryControl.columnFilter,
+                                    dataService: context.dataService,
+                                    gridColumns: context.secondaryControl.gridColumns,
+                                    schema: context.secondaryControl.schema,
+                                    schemaStore: context.stores.schemaStore,
+                                    view: context.secondaryControl.view,
+                                    search: context.secondaryControl.searchText,
+                                    extraFilter: context.secondaryControl.extraFilter,
+                                    sorting: context.secondaryControl.sorting,
+                                    skip: 0,
+                                    limit: 5000,
+                                });
+                                yield (0, utils_1.exportRecordsCSV)({
+                                    fileName: context.secondaryControl.view.name + '.csv',
+                                    gridColumns: context.secondaryControl.gridColumns,
+                                    records: result.records,
+                                    schema: context.secondaryControl.schema,
+                                    schemaStore: context.stores.schemaStore,
+                                });
+                            }
+                            finally {
+                                context.utility.hideProgressIndicator();
+                            }
+                        }),
                     },
                 ],
             ],

package/builders/CommandBuilder/ViewCommandBuilder.js

@@ -46,12 +46,12 @@ var ViewCommandBuilder;
             Icon,
             text,
             localizedText: localizedTexts,
-            onClick: context => {
+            onClick: (context) => {
                 context.navigation.openForm({
                     logicalName: context.primaryControl.schema.logicalName,
                 });
             },
-            hidden: context => {
+            hidden: (context) => {
                 if (!EnabledRules.HasCreatePermisssion(context)) {
                     return true;
                 }
@@ -67,18 +67,10 @@ var ViewCommandBuilder;
             text,
             localizedText: localizedTexts,
             isContextMenu: true,
-            onClick: context => {
+            onClick: (context) => {
                 context.primaryControl.openRecord(context.primaryControl.selectedIds[0]);
             },
-            hidden: context => {
-                if (!EnabledRules.HasUpdatePermission(context)) {
-                    return true;
-                }
-                if (!EnabledRules.HasSingleRecordSelected(context)) {
-                    return true;
-                }
-                return false;
-            },
+            hidden: [(context) => !EnabledRules.HasSingleRecordSelected(context)],
         };
     }
     ViewCommandBuilder.createEditRecordCommand = createEditRecordCommand;
@@ -119,28 +111,28 @@ var ViewCommandBuilder;
                 const localizeSelector = (0, utils_2.createLocalizedSelector)(stringSet, localizedStringSet, context.locale.language);
                 try {
                     const confirmResult = yield context.utility.openConfirmDialog({
-                        title: (0, utils_2.plurialize)(recordIds.length, localizeSelector(s => s.confirmation.title)),
-                        text: (0, utils_2.plurialize)(recordIds.length, localizeSelector(s => s.confirmation.text)),
-                        cancelButtonLabel: localizeSelector(s => s.confirmation.buttonCancel),
-                        confirmButtonLabel: localizeSelector(s => s.confirmation.buttonConfirm),
+                        title: (0, utils_2.plurialize)(recordIds.length, localizeSelector((s) => s.confirmation.title)),
+                        text: (0, utils_2.plurialize)(recordIds.length, localizeSelector((s) => s.confirmation.text)),
+                        cancelButtonLabel: localizeSelector((s) => s.confirmation.buttonCancel),
+                        confirmButtonLabel: localizeSelector((s) => s.confirmation.buttonConfirm),
                     });
                     if (!(confirmResult === null || confirmResult === void 0 ? void 0 : confirmResult.confirmed)) {
                         return;
                     }
-                    context.utility.showProgressIndicator((0, utils_2.plurialize)(recordIds.length, localizeSelector(s => s.status.deleting)) + '...');
+                    context.utility.showProgressIndicator((0, utils_2.plurialize)(recordIds.length, localizeSelector((s) => s.status.deleting)) + '...');
                     for (const recordId of recordIds) {
                         yield context.dataService.deleteRecord(context.primaryControl.logicalName, recordId);
                     }
                     context.utility.showNotification({
-                        title: (0, utils_2.plurialize)(recordIds.length, localizeSelector(s => s.successNotification.title)),
-                        text: (0, utils_2.plurialize)(recordIds.length, localizeSelector(s => s.successNotification.text)),
+                        title: (0, utils_2.plurialize)(recordIds.length, localizeSelector((s) => s.successNotification.title)),
+                        text: (0, utils_2.plurialize)(recordIds.length, localizeSelector((s) => s.successNotification.text)),
                         type: 'success',
                     });
                     context.primaryControl.refresh();
                 }
                 catch (error) {
                     context.utility.showNotification({
-                        title: localizeSelector(s => s.errorNotification.title),
+                        title: localizeSelector((s) => s.errorNotification.title),
                         text: error.message,
                         type: 'error',
                     });
@@ -150,8 +142,8 @@ var ViewCommandBuilder;
                 }
             }),
             hidden: [
-                context => !EnabledRules.HasAtLeastOneRecordSelected(context),
-                context => !EnabledRules.HasDeletePermission(context),
+                (context) => !EnabledRules.HasAtLeastOneRecordSelected(context),
+                (context) => !EnabledRules.HasDeletePermission(context),
             ],
         };
     }
@@ -162,7 +154,7 @@ var ViewCommandBuilder;
             Icon,
             text,
             localizedText: localizedTexts,
-            onClick: context => {
+            onClick: (context) => {
                 context.primaryControl.refresh();
             },
         };
@@ -214,7 +206,7 @@ var ViewCommandBuilder;
                         text: csv.text,
                         localizedTexts: csv.localizedTexts,
                         onClick: (context) => __awaiter(this, void 0, void 0, function* () {
-                            context.utility.showProgressIndicator('Exporting to Excel...');
+                            context.utility.showProgressIndicator('Exporting to CSV...');
                             try {
                                 const result = yield (0, utils_1.retriveRecords)({
                                     columnFilters: context.primaryControl.columnFilter,

package/datagrid/DataGridProvider/index.d.ts

@@ -12,6 +12,11 @@ export interface DataGridProviderProps<S extends SchemaAttributes = SchemaAttrib
     commands: CommandItemExperience<CommandContext>[][];
     onChangeView?: (viewId: string) => void;
     isSubGrid?: boolean;
+    associated?: false | {
+        logicalName: string;
+        id: string;
+        refAttributeName: string;
+    };
     allowViewSelection?: boolean;
     maxRecords?: number;
 }

package/datagrid/DataGridProvider/index.js

@@ -45,6 +45,7 @@ function DataGridProvider(props) {
         isSubGrid: (_b = props.isSubGrid) !== null && _b !== void 0 ? _b : false,
         allowViewSelection: (_c = props.allowViewSelection) !== null && _c !== void 0 ? _c : false,
         maxRecords: props.maxRecords,
+        associated: props.associated,
     });
     (0, react_1.useEffect)(() => {
         var _a;
@@ -74,5 +75,12 @@ function DataGridProvider(props) {
             commands: props.commands,
         });
     }, [props.commands, contextValue]);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        contextValue.setValue({
+            isSubGrid: (_a = props.isSubGrid) !== null && _a !== void 0 ? _a : false,
+            associated: props.associated,
+        });
+    }, [props.isSubGrid, props.associated, contextValue]);
     return ((0, jsx_runtime_1.jsxs)(context_2.GridContext.Provider, { value: contextValue, children: [(0, jsx_runtime_1.jsx)(DataResolver_1.DataResolver, {}), props.children] }));
 }

package/datagrid/context.d.ts

@@ -13,6 +13,11 @@ export interface GridContextState<S extends SchemaAttributes = SchemaAttributes,
     extraFilter?: Filter;
     commands?: CommandItemExperience<CommandContext>[][];
     maxRecords?: number;
+    associated?: false | {
+        logicalName: string;
+        id: string;
+        refAttributeName: string;
+    };
     columns: TransformedViewColumn<S>[];
     searchText: string;
     columnFilters: Partial<Record<keyof S, ColumnCondition>>;

package/datagrid/hooks/useSubGridCommands.js

@@ -4,54 +4,26 @@ exports.useSubGridCommandHandlerContext = useSubGridCommandHandlerContext;
 exports.useSubGridCommands = useSubGridCommands;
 exports.useSubGridContextCommands = useSubGridContextCommands;
 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 react_1 = require("react");
 const command_1 = require("../../command");
 const useMainFormCommands_1 = require("../../dataform/hooks/useMainFormCommands");
 const context_1 = require("../context");
-const useGridColumnFilter_1 = require("./useGridColumnFilter");
-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");
+const useMainGridCommands_1 = require("./useMainGridCommands");
 function useSubGridCommandHandlerContext() {
     const baseHandlerContext = (0, command_1.useBaseCommandHandlerContext)();
-    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 mainFormHandlerContext = (0, useMainFormCommands_1.useMainFormCommandHandlerContext)();
-    return Object.assign(Object.assign({}, baseHandlerContext), { primaryControl: mainFormHandlerContext.primaryControl, secondaryControl: {
-            data,
-            logicalName: schema.logicalName,
-            schema,
-            refresh,
-            searchText,
-            selectedIds,
-            selectedRecords,
-            view,
-            viewId: view.id,
-            columnFilter,
-            extraFilter,
-        } });
+    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() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/app",
-  "version": "0.0.17-alpha.14",
+  "version": "0.0.17-alpha.15",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -39,5 +39,5 @@
     "react-hook-form": "7.52.2",
     "yup": "^1.4.0"
   },
-  "gitHead": "ff55ee185a483fa8f3eb4acb5e7a628a4513a460"
+  "gitHead": "bfd82e4fa1f3abaca7f1c59dc01ee248f2611a1e"
 }