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

package/datagrid/DataGridProvider/DataResolver.js

@@ -1,155 +1,84 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataResolver = DataResolver;
-const react_query_1 = require("@tanstack/react-query");
 const react_1 = require("react");
 const useDebouncedValue_1 = require("../../hooks/useDebouncedValue");
 const useMetadata_1 = require("../../metadata/hooks/useMetadata");
 const context_1 = require("../../mutable/context");
-const transport_1 = require("../../transport");
+const useRetriveRecords_1 = require("../../transport/hooks/useRetriveRecords");
 const context_2 = require("../context");
 const hooks_1 = require("../hooks");
+const useGridDisabled_1 = require("../hooks/useGridDisabled");
 const utils_1 = require("./utils");
-const ROWS_PER_PAGE = 100;
 const MAX_RECORDS = 10000;
 function DataResolver() {
-    var _a;
     const schema = (0, hooks_1.useDataGridSchema)();
     const view = (0, hooks_1.useSelectedView)();
-    const dataService = (0, transport_1.useDataService)();
     const [sorting] = (0, hooks_1.useGridSorting)();
     const [searchText] = (0, hooks_1.useSearchText)();
     const extraFilter = (0, hooks_1.useGridExtraFilter)();
     const [columnFilters] = (0, hooks_1.useGridColumnFilter)();
     const gridColumns = (0, hooks_1.useGridColumns)();
-    const maxRecords = (_a = (0, hooks_1.useMaxRecords)()) !== null && _a !== void 0 ? _a : MAX_RECORDS;
+    const maxRecords = (0, hooks_1.useMaxRecords)() ?? MAX_RECORDS;
+    const [selectedIds] = (0, hooks_1.useGridSelection)();
+    const disabled = (0, useGridDisabled_1.useGridDisabled)();
     const { schemaStore } = (0, useMetadata_1.useMetadata)();
+    const selectedIdsRef = (0, react_1.useRef)(selectedIds);
+    selectedIdsRef.current = selectedIds;
     const setState = (0, context_1.useContextSetValue)(context_2.GridContext);
     const [search] = (0, useDebouncedValue_1.useDebouncedValue)(searchText, 500);
-    const columns = (0, react_1.useMemo)(() => Array.from(new Set([
-        ...gridColumns.filter((x) => !x.expandedKey).map((x) => x.name),
-        schema.primaryAttribute,
-    ])), [gridColumns, schema.primaryAttribute]);
+    const columns = (0, react_1.useMemo)(() => {
+        const set = new Set([
+            ...gridColumns.filter((x) => !x.expandedKey).map((x) => x.name),
+            schema.primaryAttribute,
+        ]);
+        if (schema.avatarAttribute) {
+            set.add(schema.avatarAttribute);
+        }
+        return Array.from(set);
+    }, [gridColumns, schema.avatarAttribute, schema.primaryAttribute]);
     const expand = (0, react_1.useMemo)(() => (0, utils_1.collectExpandedKeys)(gridColumns), [gridColumns]);
-    const queryKey = (0, react_1.useMemo)(() => [
-        'data',
-        'retriveRecords',
-        schema.logicalName,
-        search,
-        view.experience.filter,
-        extraFilter,
-        sorting,
-        columnFilters,
+    const filter = (0, react_1.useMemo)(() => {
+        return (0, utils_1.mergeConditions)(schema, view.experience.filter, extraFilter, columnFilters, schemaStore);
+    }, [columnFilters, extraFilter, schema, schemaStore, view.experience.filter]);
+    const queryKey = (0, useRetriveRecords_1.useRetrieveRecordsKey)({
         columns,
         expand,
+        filter,
         maxRecords,
-    ], [
-        columnFilters,
+        schema,
+        search,
+        sorting,
+    });
+    (0, useRetriveRecords_1.useClearDataExceptFirstPage)(queryKey);
+    const { fetchNextPage, data, hasNextPage, isFetching, isFetchingNextPage } = (0, useRetriveRecords_1.useRetriveRecords)(queryKey, {
         columns,
         expand,
-        extraFilter,
-        schema.logicalName,
+        filter,
+        maxRecords,
+        schema,
         search,
         sorting,
-        view.experience.filter,
-        maxRecords,
-    ]);
-    const queryClient = (0, react_query_1.useQueryClient)();
-    (0, react_1.useEffect)(() => {
-        return () => {
-            // Clear all pages except the first one when the component is unmounted
-            queryClient.setQueryData(queryKey, (oldData) => {
-                if (!oldData) {
-                    return oldData;
-                }
-                if (!oldData.pageParams.length || !oldData.pages.length) {
-                    return oldData;
-                }
-                return {
-                    pageParams: [oldData.pageParams[0]],
-                    pages: [oldData.pages[0]],
-                };
-            });
-        };
-    }, [queryClient, queryKey]);
-    const { data, isFetching, hasNextPage, fetchNextPage, isFetchingNextPage } = (0, react_query_1.useInfiniteQuery)({
-        queryKey: queryKey,
-        queryFn: (queryContext) => __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            const params = (_a = queryContext.pageParam) !== null && _a !== void 0 ? _a : {
-                pageIndex: 0,
-            };
-            const skip = params.pageIndex * ROWS_PER_PAGE;
-            const limit = Math.min(ROWS_PER_PAGE, Math.max(0, maxRecords - skip));
-            if (limit <= 0) {
-                return {
-                    params: params,
-                    data: {
-                        logicalName: schema.logicalName,
-                        count: 0,
-                        records: [],
-                    },
-                };
-            }
-            const result = yield dataService.retriveRecords({
-                logicalName: schema.logicalName,
-                search,
-                columns: columns,
-                expand,
-                filter: (0, utils_1.mergeConditions)(schema, view.experience.filter, extraFilter, columnFilters, schemaStore),
-                skip,
-                limit,
-                sort: sorting,
-            });
-            return {
-                params: params,
-                data: result,
-            };
-        }),
-        getNextPageParam: (lastPage) => {
-            if (lastPage.data.count <
-                ROWS_PER_PAGE * (lastPage.params.pageIndex + 1)) {
-                return undefined;
-            }
-            return {
-                pageIndex: lastPage.params.pageIndex + 1,
-            };
-        },
-        initialPageParam: {
-            pageIndex: 0,
-        },
+        disabled,
     });
     (0, react_1.useEffect)(() => {
         setState({
-            fetchNextPage: fetchNextPage,
+            fetchNextPage: () => fetchNextPage,
         });
     }, [fetchNextPage, setState]);
     (0, react_1.useEffect)(() => {
-        var _a, _b, _c, _d;
-        if (!(data === null || data === void 0 ? void 0 : data.pages.length)) {
+        if (!data) {
             setState({
                 data: null,
             });
             return;
         }
-        const finalData = {
-            logicalName: (_a = data === null || data === void 0 ? void 0 : data.pages) === null || _a === void 0 ? void 0 : _a[0].data.logicalName,
-            count: (_c = (_b = data === null || data === void 0 ? void 0 : data.pages) === null || _b === void 0 ? void 0 : _b[0].data.count) !== null && _c !== void 0 ? _c : 0,
-            records: (_d = data === null || data === void 0 ? void 0 : data.pages.map((x) => x.data.records).flat()) !== null && _d !== void 0 ? _d : [],
-        };
+        const selectedIds = selectedIdsRef.current.filter((x) => data.records.some((y) => y[schema.idAttribute] === x));
         setState({
-            data: finalData,
+            data,
+            selectedIds,
         });
-    }, [data, setState]);
+    }, [data, setState, schema.idAttribute]);
     (0, react_1.useEffect)(() => {
         setState({
             dataState: {

package/datagrid/DataGridProvider/index.d.ts

@@ -12,7 +12,13 @@ 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;
+    disabled?: boolean;
 }
 export declare function DataGridProvider<S extends SchemaAttributes = SchemaAttributes, CommandContext extends EntityMainGridCommandContext | EntitySubGridCommandContext = EntityMainGridCommandContext>(props: PropsWithChildren<DataGridProviderProps<S, CommandContext>>): import("react/jsx-runtime").JSX.Element;

package/datagrid/DataGridProvider/index.js

@@ -10,14 +10,12 @@ const context_2 = require("../context");
 const DataResolver_1 = require("./DataResolver");
 const transformViewColumns_1 = require("./transformViewColumns");
 function DataGridProvider(props) {
-    var _a, _b, _c;
     const onChangeViewRef = (0, react_1.useRef)(props.onChangeView);
     onChangeViewRef.current = props.onChangeView;
     const { schemaStore } = (0, useMetadata_1.useMetadata)();
     const { language } = (0, useLocale_1.useLocale)();
     const handleViewChange = (0, react_1.useCallback)((viewId) => {
-        var _a;
-        (_a = onChangeViewRef.current) === null || _a === void 0 ? void 0 : _a.call(onChangeViewRef, viewId);
+        onChangeViewRef.current?.(viewId);
     }, []);
     const contextValue = (0, context_1.useCreateContextStore)({
         schema: props.schema,
@@ -29,7 +27,7 @@ function DataGridProvider(props) {
         },
         searchText: '',
         selectedIds: [],
-        sorting: (_a = props.view.experience.defaultSorting) !== null && _a !== void 0 ? _a : [],
+        sorting: props.view.experience.defaultSorting ?? [],
         view: props.view,
         commands: props.commands,
         columns: (0, transformViewColumns_1.transformViewColumns)(props.view.logicalName, props.view.experience.grid.columns, schemaStore, language),
@@ -42,17 +40,18 @@ function DataGridProvider(props) {
         },
         fetchNextPage: () => { },
         onChangeView: handleViewChange,
-        isSubGrid: (_b = props.isSubGrid) !== null && _b !== void 0 ? _b : false,
-        allowViewSelection: (_c = props.allowViewSelection) !== null && _c !== void 0 ? _c : false,
+        isSubGrid: props.isSubGrid ?? false,
+        allowViewSelection: props.allowViewSelection ?? false,
         maxRecords: props.maxRecords,
+        associated: props.associated,
+        disabled: props.disabled ?? false,
     });
     (0, react_1.useEffect)(() => {
-        var _a;
         contextValue.setValue({
             view: props.view,
             searchText: '',
             selectedIds: [],
-            sorting: (_a = props.view.experience.defaultSorting) !== null && _a !== void 0 ? _a : [],
+            sorting: props.view.experience.defaultSorting ?? [],
             columns: (0, transformViewColumns_1.transformViewColumns)(props.view.logicalName, props.view.experience.grid.columns, schemaStore, language),
             maxRecords: props.maxRecords,
         });
@@ -74,5 +73,16 @@ function DataGridProvider(props) {
             commands: props.commands,
         });
     }, [props.commands, contextValue]);
+    (0, react_1.useEffect)(() => {
+        contextValue.setValue({
+            isSubGrid: props.isSubGrid ?? false,
+            associated: props.associated,
+        });
+    }, [props.isSubGrid, props.associated, contextValue]);
+    (0, react_1.useEffect)(() => {
+        contextValue.setValue({
+            disabled: props.disabled ?? false,
+        });
+    }, [props.disabled, 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/DataGridProvider/transformViewColumns.js

@@ -21,9 +21,17 @@ function transformViewColumns(logicalName, columns, schemaStore, language) {
                 return null;
             }
             const lookupLabel = (0, utils_1.localizedLabel)(language, lookupAttribute);
-            return Object.assign(Object.assign({}, column), { id: `${column.name}.${column.expandedKey}`, label: `${lookupLabel} (${label})` });
+            return {
+                ...column,
+                id: `${column.name}.${column.expandedKey}`,
+                label: `${lookupLabel} (${label})`,
+            };
         }
-        return Object.assign(Object.assign({}, column), { id: column.name, label: label });
+        return {
+            ...column,
+            id: column.name,
+            label: label,
+        };
     })
         .filter(Boolean);
 }

package/datagrid/DataGridProvider/utils.js

@@ -75,17 +75,17 @@ function transformColumnFilter(filter, schema, schemaStore) {
     return transformedResult;
 }
 function mergeConditions(schema, filter, extraFilter, columnFilters, schemaStore) {
-    const conditions = [];
+    const filters = [];
     if (filter) {
-        conditions.push(filter);
+        filters.push(filter);
     }
     if (extraFilter) {
-        conditions.push(extraFilter);
+        filters.push(extraFilter);
     }
     if (columnFilters) {
         const transformedColumnFilters = transformColumnFilter(columnFilters, schema, schemaStore);
         if (transformedColumnFilters) {
-            conditions.push({
+            filters.push({
                 type: 'and',
                 conditions: Object.entries(transformedColumnFilters).map(([field, condition]) => {
                     return {
@@ -98,15 +98,15 @@ function mergeConditions(schema, filter, extraFilter, columnFilters, schemaStore
             });
         }
     }
-    if (conditions.length === 0) {
+    if (filters.length === 0) {
         return null;
     }
-    if (conditions.length === 1) {
-        return conditions[0];
+    if (filters.length === 1) {
+        return filters[0];
     }
     return {
         type: 'and',
-        conditions,
+        filters: filters,
     };
 }
 function collectExpandedKeys(columns) {

package/datagrid/column-filter/constants.js

@@ -463,8 +463,42 @@ const booleanOperatorOptions = [
         controls: [],
     },
 ];
-const idOperatorOptions = [];
-const attachmentOperatorOptions = [];
+const idOperatorOptions = [
+    {
+        value: 'not-null',
+        labelKey: 'containsData',
+        controls: [],
+    },
+    {
+        value: 'null',
+        labelKey: 'doesNotContainData',
+        controls: [],
+    },
+];
+const attachmentOperatorOptions = [
+    {
+        value: 'not-null',
+        labelKey: 'containsData',
+        controls: [],
+    },
+    {
+        value: 'null',
+        labelKey: 'doesNotContainData',
+        controls: [],
+    },
+];
+const mixedOperatorOptions = [
+    {
+        value: 'not-null',
+        labelKey: 'containsData',
+        controls: [],
+    },
+    {
+        value: 'null',
+        labelKey: 'doesNotContainData',
+        controls: [],
+    },
+];
 exports.operatorOptions = {
     id: idOperatorOptions,
     boolean: booleanOperatorOptions,
@@ -476,7 +510,8 @@ exports.operatorOptions = {
     number: numberOperatorOptions,
     string: stringOperatorOptions,
     attachment: attachmentOperatorOptions,
-    mixed: [],
+    attachments: [],
+    mixed: mixedOperatorOptions,
     daterange: [],
     lookups: [],
 };

package/datagrid/column-filter/utils.js

@@ -3,6 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getLocalizedOperatorOptions = void 0;
 const constants_1 = require("./constants");
 const getLocalizedOperatorOptions = (strings) => {
-    return Object.entries(constants_1.operatorOptions).reduce((acc, [key, value]) => (Object.assign(Object.assign({}, acc), { [key]: value.map((option) => (Object.assign(Object.assign({}, option), { label: strings[option.labelKey] }))) })), {});
+    return Object.entries(constants_1.operatorOptions).reduce((acc, [key, value]) => ({
+        ...acc,
+        [key]: value.map((option) => ({
+            ...option,
+            label: strings[option.labelKey],
+        })),
+    }), {});
 };
 exports.getLocalizedOperatorOptions = getLocalizedOperatorOptions;

package/datagrid/context.d.ts

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

package/datagrid/hooks/useChangeView.js

@@ -7,6 +7,6 @@ const context_2 = require("../context");
 function useChangeView() {
     const onChangeView = (0, context_1.useContextSelector)(context_2.GridContext, (state) => state.onChangeView);
     return (0, react_1.useCallback)((viewId) => {
-        onChangeView === null || onChangeView === void 0 ? void 0 : onChangeView(viewId);
+        onChangeView?.(viewId);
     }, [onChangeView]);
 }

package/datagrid/hooks/useGridColumnFilter.js

@@ -9,7 +9,10 @@ function useGridColumnFilter() {
     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 }),
+            columnFilters: {
+                ...state.columnFilters,
+                [columnName]: value,
+            },
         }));
     }, [setValue]);
     return [columnFilters, setColumnFilter];

package/datagrid/hooks/useGridDisabled.d.ts

@@ -0,0 +1 @@
+export declare function useGridDisabled(): boolean | undefined;

package/datagrid/hooks/useGridDisabled.js

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

package/datagrid/hooks/useLoadMainGridPage.js

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

package/datagrid/hooks/useMainGridCommands.js

@@ -61,10 +61,9 @@ function useGridControlContext() {
         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]]);
+        return (data?.records ?? []).filter((record) => selectedIdsObj[record[schema.idAttribute]]);
     }, [data, schema, selectedIdsObj]);
-    return {
+    return (0, react_1.useMemo)(() => ({
         data,
         logicalName: schema.logicalName,
         schema,
@@ -79,19 +78,34 @@ function useGridControlContext() {
         openRecord,
         gridColumns,
         sorting,
-    };
+    }), [
+        columnFilter,
+        data,
+        extraFilter,
+        gridColumns,
+        openRecord,
+        refresh,
+        schema,
+        searchText,
+        selectedIds,
+        selectedRecords,
+        sorting,
+        view,
+    ]);
 }
 function useMainGridCommandHandlerContext() {
     const baseHandlerContext = (0, command_1.useBaseCommandHandlerContext)();
     const primaryControl = useGridControlContext();
-    return Object.assign(Object.assign({}, baseHandlerContext), { primaryControl });
+    return (0, react_1.useMemo)(() => ({
+        ...baseHandlerContext,
+        primaryControl,
+    }), [baseHandlerContext, primaryControl]);
 }
 const emptyCommands = [];
 function useGridCommands() {
-    var _a;
     const commands = (0, mutable_1.useContextSelector)(context_1.GridContext, (state) => state.commands);
-    const { app: { viewCommands: defaultCommands }, } = (0, app_1.useAppContext)();
-    return (_a = commands !== null && commands !== void 0 ? commands : defaultCommands) !== null && _a !== void 0 ? _a : emptyCommands;
+    const { appExperience: { viewCommands: defaultCommands }, } = (0, app_1.useAppContext)();
+    return commands ?? defaultCommands ?? emptyCommands;
 }
 function useMainGridCommands() {
     const commands = useGridCommands();
@@ -101,5 +115,5 @@ function useMainGridCommands() {
 function useMainGridContextCommands() {
     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; });
+    return (0, command_1.useCommands)(commands, handlerContext, (command) => ('isContextMenu' in command && command.isContextMenu) ?? false);
 }

package/datagrid/hooks/useOpenRecord.js

@@ -16,13 +16,13 @@ function useOpenRecord() {
     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 : []);
+        recordSetSetter(schema.logicalName, dataRef.current?.records.map((x) => x[schema.idAttribute]) ??
+            []);
         router.push(path);
     }, [
         recordSetSetter,

package/datagrid/hooks/useSubGridCommands.js

@@ -4,61 +4,39 @@ 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 {
+        ...baseHandlerContext,
+        primaryControl: mainFormHandlerContext.primaryControl,
+        secondaryControl: {
+            ...gridControl,
+            associated: !associated
+                ? false
+                : {
+                    id: associated.id,
+                    logicalName: associated.logicalName,
+                    name: recordTitle,
+                    refAttributeName: associated.refAttributeName,
+                },
+        },
+    };
 }
 const emptyCommands = [];
 function useGridCommands() {
-    var _a;
     const commands = (0, mutable_1.useContextSelector)(context_1.GridContext, (state) => state.commands);
-    const { app: { subgridCommands: defaultCommands }, } = (0, app_1.useAppContext)();
-    return (_a = commands !== null && commands !== void 0 ? commands : defaultCommands) !== null && _a !== void 0 ? _a : emptyCommands;
+    const { appExperience: { subgridCommands: defaultCommands }, } = (0, app_1.useAppContext)();
+    return commands ?? defaultCommands ?? emptyCommands;
 }
 function useSubGridCommands() {
     const commands = useGridCommands();
@@ -68,5 +46,5 @@ function useSubGridCommands() {
 function useSubGridContextCommands() {
     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; });
+    return (0, command_1.useCommands)(commands, handlerContext, (command) => ('isContextMenu' in command && command.isContextMenu) ?? false);
 }

package/defaults.d.ts

@@ -0,0 +1,2 @@
+import { QueryClient } from '@tanstack/react-query';
+export declare const queryClient: QueryClient;

package/defaults.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.queryClient = void 0;
+const react_query_1 = require("@tanstack/react-query");
+exports.queryClient = new react_query_1.QueryClient();