@headless-adminapp/fluent 1.1.4 → 1.1.7

package/form/controls/TextAreaControl.js

@@ -3,14 +3,39 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextAreaControl = TextAreaControl;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_components_1 = require("@fluentui/react-components");
-function TextAreaControl({ value, onChange, id, name, placeholder, onBlur, onFocus, disabled, readOnly, rows = 5, textTransform, }) {
-    return ((0, jsx_runtime_1.jsx)(react_components_1.Textarea, { placeholder: placeholder, id: id, appearance: "filled-darker", name: name, value: value || '', onChange: (e) => {
-            textTransform === 'uppercase'
-                ? onChange?.(e.target.value.toUpperCase())
-                : textTransform === 'lowercase'
-                    ? onChange?.(e.target.value.toLowerCase())
-                    : onChange?.(e.target.value);
-        }, onBlur: () => onBlur?.(), onFocus: () => onFocus?.(), 
+const react_1 = require("react");
+const DEFAULT_MAX_HEIGHT = 260;
+function TextAreaControl({ value, onChange, id, name, placeholder, onBlur, onFocus, disabled, readOnly, rows = 5, textTransform, autoHeight, maxHeight, }) {
+    const textAreaRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        const textarea = textAreaRef.current;
+        if (!textarea)
+            return;
+        if (autoHeight) {
+            textarea.style.height = 'auto';
+            textarea.style.height = textarea.scrollHeight + 'px';
+            textarea.style.maxHeight = maxHeight
+                ? `${maxHeight}px`
+                : textarea.scrollHeight + 'px';
+        }
+        else {
+            textarea.style.height = '';
+            textarea.style.maxHeight = maxHeight
+                ? `${maxHeight}px`
+                : `${DEFAULT_MAX_HEIGHT}px`;
+        }
+    }, [value, autoHeight, maxHeight]);
+    const handleInput = (e, data) => {
+        let newValue = data.value;
+        if (textTransform === 'uppercase') {
+            newValue = newValue.toUpperCase();
+        }
+        else if (textTransform === 'lowercase') {
+            newValue = newValue.toLowerCase();
+        }
+        onChange?.(newValue);
+    };
+    return ((0, jsx_runtime_1.jsx)(react_components_1.Textarea, { ref: textAreaRef, placeholder: placeholder, id: id, appearance: "filled-darker", name: name, value: value ?? '', onChange: handleInput, onBlur: () => onBlur?.(), onFocus: () => onFocus?.(), 
         // error={error}
         readOnly: disabled || readOnly, rows: rows }));
 }

package/form/controls/useLookupData.d.ts

@@ -1,6 +1,6 @@
 import { ViewExperience } from '@headless-adminapp/core/experience/view';
 import { InferredSchemaType, Schema, SchemaAttributes } from '@headless-adminapp/core/schema';
-import { IDataService } from '@headless-adminapp/core/transport';
+import { IDataService, RetriveRecordsResult } from '@headless-adminapp/core/transport';
 interface UseLookupDataOptions {
     dataService: IDataService;
     searchText?: string;
@@ -9,9 +9,19 @@ interface UseLookupDataOptions {
     enabled?: boolean;
 }
 export declare function useLookupData<S extends SchemaAttributes = SchemaAttributes>({ schema, view, searchText, dataService, enabled, }: UseLookupDataOptions): {
-    data: import("@headless-adminapp/core/transport").RetriveRecordsResult<InferredSchemaType<S>> | undefined;
+    data: RetriveRecordsResult<InferredSchemaType<S>> | undefined;
     isLoading: boolean;
 };
+interface UseLookupsDataOptions {
+    dataService: IDataService;
+    searchText?: string;
+    enabled?: boolean;
+    items: Array<{
+        schema: Schema;
+        view: ViewExperience | null | undefined;
+    }>;
+}
+export declare function useLookupDatas<T = unknown>({ dataService, searchText, enabled, items, }: UseLookupsDataOptions): import("@tanstack/react-query").UseQueryResult[];
 export declare function useGetLookupView(logicalName: string, viewId?: string): {
     isLoading: boolean;
     view: import("@headless-adminapp/core/experience/view").View<SchemaAttributes> | undefined;

package/form/controls/useLookupData.js

@@ -1,26 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLookupData = useLookupData;
+exports.useLookupDatas = useLookupDatas;
 exports.useGetLookupView = useGetLookupView;
 const hooks_1 = require("@headless-adminapp/app/hooks");
 const hooks_2 = require("@headless-adminapp/app/metadata/hooks");
 const react_query_1 = require("@tanstack/react-query");
 const react_1 = require("react");
-function useLookupData({ schema, view, searchText, dataService, enabled, }) {
-    const [search] = (0, hooks_1.useDebouncedValue)(searchText, 500);
-    const columns = (0, react_1.useMemo)(() => {
-        if (!view?.card) {
-            return [schema.primaryAttribute];
-        }
-        return Array.from(new Set([
-            view.card.primaryColumn,
-            view.card.avatarColumn,
-            ...(view.card.secondaryColumns ?? [])
-                .filter((x) => !x.expandedKey)
-                .map((x) => x.name),
-        ])).filter(Boolean);
-    }, [schema.primaryAttribute, view?.card]);
-    const expand = (0, react_1.useMemo)(() => (view?.card?.secondaryColumns || [])
+function extractColumns(schema, view) {
+    if (!view?.card) {
+        return [schema.primaryAttribute];
+    }
+    return Array.from(new Set([
+        view.card.primaryColumn,
+        view.card.avatarColumn,
+        ...(view.card.secondaryColumns ?? [])
+            .filter((x) => !x.expandedKey)
+            .map((x) => x.name),
+    ])).filter(Boolean);
+}
+function extractExpand(view) {
+    return (view?.card?.secondaryColumns || [])
         .filter((x) => x.expandedKey)
         .reduce((acc, x) => {
         if (!acc[x.name]) {
@@ -30,17 +30,31 @@ function useLookupData({ schema, view, searchText, dataService, enabled, }) {
             acc[x.name].push(x.expandedKey);
         }
         return acc;
-    }, {}), [view?.card?.secondaryColumns]);
-    const queryKey = (0, react_1.useMemo)(() => [
-        'data',
-        'retriveLookupRecords',
+    }, {});
+}
+function getKey({ schema, view, columns, expand, search, }) {
+    return [
+        columns,
+        expand,
         schema.logicalName,
         search,
         view?.filter,
         view?.defaultSorting,
+    ];
+}
+function useLookupData({ schema, view, searchText, dataService, enabled, }) {
+    const [search] = (0, hooks_1.useDebouncedValue)(searchText, 500);
+    const columns = (0, react_1.useMemo)(() => {
+        return extractColumns(schema, view);
+    }, [schema, view]);
+    const expand = (0, react_1.useMemo)(() => extractExpand(view), [view?.card?.secondaryColumns]);
+    const queryKey = (0, react_1.useMemo)(() => getKey({
         columns,
         expand,
-    ], [
+        schema,
+        search,
+        view,
+    }), [
         columns,
         expand,
         schema.logicalName,
@@ -71,6 +85,43 @@ function useLookupData({ schema, view, searchText, dataService, enabled, }) {
         isLoading: isFetching,
     };
 }
+function useLookupDatas({ dataService, searchText, enabled, items, }) {
+    const [search] = (0, hooks_1.useDebouncedValue)(searchText, 500);
+    const queries = (0, react_1.useMemo)(() => {
+        return items.map((item) => {
+            const columns = extractColumns(item.schema, item.view);
+            const expand = extractExpand(item.view);
+            const queryKey = getKey({
+                schema: item.schema,
+                view: item.view,
+                columns,
+                expand,
+                search,
+            });
+            return {
+                queryKey: queryKey,
+                queryFn: async () => {
+                    const result = await dataService.retriveRecords({
+                        logicalName: item.schema.logicalName,
+                        search,
+                        columns,
+                        expand,
+                        filter: item.view?.filter ?? null,
+                        skip: 0,
+                        limit: 5,
+                        sort: item.view?.defaultSorting,
+                    });
+                    return result;
+                },
+                placeholderData: react_query_1.keepPreviousData,
+                enabled: !!item.view && (enabled ?? false),
+            };
+        });
+    }, [items, search, dataService, enabled]);
+    return (0, react_query_1.useQueries)({
+        queries,
+    });
+}
 function useGetLookupView(logicalName, viewId) {
     const { experienceStore } = (0, hooks_2.useMetadata)();
     const { isPending, data, error } = (0, react_query_1.useQuery)({

package/form/layout/FormSection/FormSection.js

@@ -11,7 +11,7 @@ const FormSectionLoading_1 = require("./FormSectionLoading");
 function determineItemCount(availableWidth, itemWidth, gap, padding) {
     return Math.floor((availableWidth + gap - 2 * padding) / (itemWidth + gap));
 }
-const FormSection = ({ title, children, columnCount, labelPosition, noPadding, hideLabel }) => {
+const FormSection = ({ title, children, columnCount, labelPosition, noPadding, hideLabel, fullHeight, }) => {
     // const columnCount = 2;
     const divRef = (0, react_1.useRef)(null);
     const divSize = (0, hooks_1.useElementSize)(divRef, 100);
@@ -64,7 +64,14 @@ const FormSection = ({ title, children, columnCount, labelPosition, noPadding, h
             boxShadow: react_components_1.tokens.shadow2,
             borderRadius: react_components_1.tokens.borderRadiusMedium,
             background: react_components_1.tokens.colorNeutralBackground1,
-        }, children: (0, jsx_runtime_1.jsxs)("div", { children: [!hideLabel && !!title && ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: {
+            display: 'flex',
+            flexDirection: 'column',
+            flex: fullHeight ? 1 : undefined,
+        }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                display: 'flex',
+                flexDirection: 'column',
+                flex: fullHeight ? 1 : undefined,
+            }, children: [!hideLabel && !!title && ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: {
                                 display: 'flex',
                                 paddingInline: 16,
                                 paddingBlock: 8,

package/form/layout/FormTab/FormTab.js

@@ -77,6 +77,7 @@ const FormTabInternal = ({ children, value, fullHeight, columnCount, columnWidth
                 gridRowGap: 12,
                 gridColumnGap: 12,
                 gridTemplateColumns: template,
+                flex: 1,
             }, children: children }) }));
 };
 exports.FormTab.Column = FormTabColumn_1.FormTabColumn;

package/form/layout/FormTab/FormTabColumn.js

@@ -10,6 +10,7 @@ const FormTabColumn = ({ children, span: _span, }) => {
                 flexDirection: 'column',
                 width: '100%',
                 gap: react_components_1.tokens.spacingVerticalM,
+                minHeight: '100%',
             }, children: children }) }));
 };
 exports.FormTabColumn = FormTabColumn;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/fluent",
-  "version": "1.1.4",
+  "version": "1.1.7",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -50,5 +50,5 @@
     "uuid": "11.0.3",
     "yup": "^1.4.0"
   },
-  "gitHead": "c672cac064915ef436c61692cc8aa18e3faf82c5"
+  "gitHead": "e5d75e8b5da3f818064090455eefd3cb27b5a2ce"
 }

package/App/NavigationContainer.d.ts

@@ -1,10 +0,0 @@
-import { DrawerProps } from '@fluentui/react-components';
-import { FC } from 'react';
-type DrawerType = Required<DrawerProps>['type'];
-interface NavigationContainerProps {
-    open: boolean;
-    type: DrawerType;
-    onOpenChange: (open: boolean) => void;
-}
-export declare const NavigationContainer: FC<NavigationContainerProps>;
-export {};

package/App/NavigationContainer.js

@@ -1,68 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavigationContainer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_components_1 = require("@fluentui/react-components");
-const react_nav_preview_1 = require("@fluentui/react-nav-preview");
-const app_1 = require("@headless-adminapp/app/app");
-const locale_1 = require("@headless-adminapp/app/locale");
-const hooks_1 = require("@headless-adminapp/app/route/hooks");
-const icons_1 = require("@headless-adminapp/icons");
-const react_1 = require("react");
-const utils_1 = require("./utils");
-const useStyles = (0, react_components_1.makeStyles)({
-    root: {
-        overflow: 'hidden',
-        display: 'flex',
-        flexShrink: 0,
-        boxShadow: react_components_1.tokens.shadow4,
-        zIndex: 1,
-    },
-    content: {
-        flex: '1',
-        padding: '16px',
-        display: 'grid',
-        justifyContent: 'flex-start',
-        alignItems: 'flex-start',
-    },
-    field: {
-        display: 'flex',
-        marginTop: '4px',
-        marginLeft: '8px',
-        flexDirection: 'column',
-        gridRowGap: react_components_1.tokens.spacingVerticalS,
-    },
-});
-const NavigationContainer = ({ open, type, onOpenChange, }) => {
-    const styles = useStyles();
-    const { appExperience: app } = (0, app_1.useAppContext)();
-    return ((0, jsx_runtime_1.jsx)("div", { className: styles.root, children: (0, jsx_runtime_1.jsx)(react_nav_preview_1.NavDrawer, { selectedValue: "active", open: open, type: type, onOpenChange: (value, data) => onOpenChange(data.open), children: (0, jsx_runtime_1.jsx)(react_nav_preview_1.NavDrawerBody, { style: {
-                    paddingTop: 8,
-                    // borderRight: `1px solid ${tokens.colorNeutralStroke1}`,
-                }, children: app.navItems.map((area) => ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: area.groups.map((group) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [!group.hideLabel && ((0, jsx_runtime_1.jsx)(react_nav_preview_1.NavSectionHeader, { children: group.label })), group.items.map((item, index) => ((0, jsx_runtime_1.jsx)(Test, { item: item, drawerType: type, onOpenChange: onOpenChange }, (item.label ?? '') + String(index))))] }, group.label))) }, area.label))) }) }) }));
-};
-exports.NavigationContainer = NavigationContainer;
-const Test = ({ item, onOpenChange, drawerType }) => {
-    const { schemaMetadataDic } = (0, app_1.useAppContext)();
-    const router = (0, hooks_1.useRouter)();
-    const pathname = (0, hooks_1.usePathname)();
-    const selectedPath = pathname;
-    const { language } = (0, locale_1.useLocale)();
-    const isRouteActive = (0, hooks_1.useIsRouteActive)();
-    const routeResolver = (0, hooks_1.useRouteResolver)();
-    const navItem = (0, utils_1.transformNavPageItem)({
-        item,
-        schemaMetadataDic: schemaMetadataDic,
-        language,
-        routeResolver,
-    });
-    const Icon = navItem.icon ?? icons_1.Icons.Entity ?? icons_1.IconPlaceholder;
-    const isActive = isRouteActive(selectedPath, item);
-    return ((0, jsx_runtime_1.jsx)(react_nav_preview_1.NavItem, { href: navItem.link, onClick: (event) => {
-            if (drawerType === 'overlay') {
-                onOpenChange(false);
-            }
-            event.preventDefault();
-            router.push(navItem.link);
-        }, icon: (0, jsx_runtime_1.jsx)(Icon, { size: 20, filled: isActive, color: isActive ? 'var(--colorNeutralForeground2BrandSelected)' : undefined }), value: isActive ? 'active' : '', children: navItem.label }));
-};

package/App/utils.d.ts

@@ -1,14 +0,0 @@
-import { InternalRouteResolver } from '@headless-adminapp/app/route/context';
-import { NavPageItem } from '@headless-adminapp/core/experience/app';
-import { SchemaExperienceMetadata } from '@headless-adminapp/core/experience/schema';
-export declare function transformNavPageItem({ item, schemaMetadataDic: schemaMetadataObject, language, routeResolver, }: {
-    item: NavPageItem;
-    schemaMetadataDic: Record<string, SchemaExperienceMetadata>;
-    language: string;
-    routeResolver: InternalRouteResolver;
-}): {
-    label: string | undefined;
-    icon: import("@headless-adminapp/icons").Icon | undefined;
-    link: string;
-    isExternal: boolean;
-};

package/App/utils.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.transformNavPageItem = transformNavPageItem;
-function transformNavPageItem({ item, schemaMetadataDic: schemaMetadataObject, language, routeResolver, }) {
-    let icon = item.icon;
-    let label = item.localizedLabel?.[language] ?? item.label;
-    let link = routeResolver(item);
-    if (item.type === 'entityview') {
-        const metadata = schemaMetadataObject?.[item.logicalName];
-        if (metadata) {
-            if (!label) {
-                label =
-                    metadata.localizedPluralLabels?.[language] ?? metadata.pluralLabel;
-            }
-            if (!icon) {
-                icon = metadata.icon;
-            }
-        }
-    }
-    return {
-        label,
-        icon,
-        link,
-        isExternal: item.type === 'external',
-    };
-}

package/Insights/CommandBarContainer.d.ts

@@ -1 +0,0 @@
-export declare function CommandBarContainer(): import("react/jsx-runtime").JSX.Element;

package/Insights/CommandBarContainer.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CommandBarContainer = CommandBarContainer;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const command_1 = require("@headless-adminapp/app/command");
-const hooks_1 = require("@headless-adminapp/app/command/hooks");
-const insights_1 = require("@headless-adminapp/app/insights");
-const mutable_1 = require("@headless-adminapp/app/mutable");
-const OverflowCommandBar_1 = require("../OverflowCommandBar");
-function CommandBarContainer() {
-    const baseCommandHandleContext = (0, hooks_1.useBaseCommandHandlerContext)();
-    const insightExpereince = (0, mutable_1.useContextSelector)(insights_1.InsightsContext, (x) => x.config);
-    const transformedCommands = (0, command_1.useCommands)([insightExpereince.commands], {
-        ...baseCommandHandleContext,
-        primaryControl: {},
-    });
-    return ((0, jsx_runtime_1.jsx)("div", { style: { flex: 1, flexShrink: 0, overflow: 'hidden' }, children: (0, jsx_runtime_1.jsx)(OverflowCommandBar_1.OverflowCommandBar, { commands: transformedCommands }) }));
-}

package/Insights/FilterBarContainer.d.ts

@@ -1 +0,0 @@
-export declare function FilterBarContainer(): import("react/jsx-runtime").JSX.Element;

package/Insights/FilterBarContainer.js

@@ -1,99 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterBarContainer = FilterBarContainer;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_components_1 = require("@fluentui/react-components");
-const hooks_1 = require("@headless-adminapp/app/dialog/hooks");
-const insights_1 = require("@headless-adminapp/app/insights");
-const mutable_1 = require("@headless-adminapp/app/mutable");
-const utils_1 = require("@headless-adminapp/app/utils");
-const icons_1 = require("@headless-adminapp/icons");
-const OverflowCommandBar_1 = require("../OverflowCommandBar");
-function FilterBarContainer() {
-    const openPromptDialog = (0, hooks_1.useOpenPromptDialog)();
-    const insightsState = (0, mutable_1.useContextSelector)(insights_1.InsightsContext, (state) => state);
-    const insightExpereince = insightsState.config;
-    const setValue = (0, mutable_1.useContextSetValue)(insights_1.InsightsContext);
-    const handleOpenPromptDialog = async () => {
-        const attributes = insightExpereince.filters.reduce((acc, item) => {
-            acc[item.logicalName] =
-                insightsState.config.filterAttributes[item.logicalName];
-            return acc;
-        }, {});
-        const defaultValues = insightExpereince.filters.reduce((acc, item) => {
-            acc[item.logicalName] = insightsState.filterValues[item.logicalName];
-            return acc;
-        }, {});
-        const result = await openPromptDialog({
-            attributes,
-            defaultValues,
-            title: 'Modify filter',
-            allowDismiss: true,
-        });
-        if (!result) {
-            return;
-        }
-        setValue({
-            filterValues: result,
-        });
-    };
-    const filterCommandItems = insightExpereince.filters
-        .map((item) => {
-        const logicalName = item.logicalName;
-        const value = insightsState.filterValues[logicalName];
-        const attribute = insightsState.config.filterAttributes[logicalName];
-        if (!item.showInFilterBar) {
-            return null;
-        }
-        if (!attribute || !value) {
-            return null;
-        }
-        if (item.allowQuickFilter) {
-            return {
-                type: 'button',
-                Icon: item.Icon,
-                text: (0, utils_1.getAttributeFormattedValue)(attribute, value, { maxCount: 2 }),
-                onClick: async () => {
-                    const result = await openPromptDialog({
-                        allowDismiss: true,
-                        attributes: {
-                            [logicalName]: attribute,
-                        },
-                        defaultValues: {
-                            [logicalName]: value,
-                        },
-                        title: item.quickFilterTitle ?? attribute.label,
-                    });
-                    if (!result) {
-                        return;
-                    }
-                    setValue({
-                        filterValues: {
-                            ...insightsState.filterValues,
-                            [logicalName]: result[logicalName],
-                        },
-                    });
-                },
-            };
-        }
-        return {
-            type: 'label',
-            Icon: item.Icon,
-            text: (item.beforeContent ?? '') +
-                (0, utils_1.getAttributeFormattedValue)(attribute, value, { maxCount: 2 }),
-        };
-    })
-        .filter(Boolean);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: {
-            display: 'flex',
-            flex: 1,
-            flexShrink: 0,
-            alignItems: 'center',
-            overflow: 'hidden',
-        }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                    display: 'flex',
-                    flex: 1,
-                    overflow: 'hidden',
-                    flexShrink: 0,
-                }, children: (0, jsx_runtime_1.jsx)(OverflowCommandBar_1.OverflowCommandBar, { commands: [filterCommandItems], align: "end", beforeDivider: true }) }), insightExpereince.filters.length > 0 && ((0, jsx_runtime_1.jsx)(react_components_1.Button, { appearance: "primary", icon: (0, jsx_runtime_1.jsx)(icons_1.Icons.Filter, { size: 16 }), onClick: handleOpenPromptDialog, style: { flexShrink: 0, marginInline: 8 }, children: "Filter" }))] }));
-}

package/Insights/hooks/useQueriesData.d.ts

@@ -1,7 +0,0 @@
-import { DataSetItemAllowFunction } from '@headless-adminapp/core/experience/insights';
-export declare function useQueriesData(queries: DataSetItemAllowFunction[]): {
-    isPending: boolean;
-    isFetching: boolean;
-    dataset: any[];
-    refetch: () => Promise<import("@tanstack/react-query").QueryObserverResult<any, Error>>[];
-};

package/Insights/hooks/useQueriesData.js

@@ -1,89 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useQueriesData = useQueriesData;
-const insights_1 = require("@headless-adminapp/app/insights");
-const mutable_1 = require("@headless-adminapp/app/mutable");
-const transport_1 = require("@headless-adminapp/app/transport");
-const widget_1 = require("@headless-adminapp/app/widget");
-const transport_2 = require("@headless-adminapp/core/transport");
-const react_query_1 = require("@tanstack/react-query");
-const dayjs_1 = __importDefault(require("dayjs"));
-const react_1 = require("react");
-function useQueriesData(queries) {
-    const dataService = (0, transport_1.useDataService)();
-    const insightsState = (0, mutable_1.useContextSelector)(insights_1.InsightsContext, (state) => state);
-    const widgetState = (0, mutable_1.useContextSelector)(widget_1.WidgetContext, (state) => state);
-    const resolvedQueries = (0, react_1.useMemo)(() => {
-        return queries.map((item) => {
-            if (typeof item === 'function') {
-                return item(insightsState, widgetState);
-            }
-            return item;
-        });
-    }, [queries, insightsState, widgetState]);
-    const result = (0, react_query_1.useQueries)({
-        queries: resolvedQueries.map((item) => ({
-            queryKey: ['insights', 'aggregate', item],
-            queryFn: async () => {
-                if (item.type === 'constant') {
-                    return item.value;
-                }
-                if (item.type === 'function') {
-                    return item.value(insightsState, widgetState);
-                }
-                if (item.type === 'customAction') {
-                    return dataService.customAction(item.value.actionName, item.value.payload);
-                }
-                const query = item.value;
-                const data = await dataService.retriveAggregate(query);
-                const transformedData = transformAggregateData(data, query);
-                return transformedData;
-            },
-        })),
-    });
-    const isPending = result.some((r) => r.isPending);
-    const isFetching = result.some((r) => r.isFetching);
-    const refetch = () => result.map((r) => r.refetch());
-    const data = (0, react_1.useMemo)(() => {
-        return result.map((r) => r.data);
-    }, [result]);
-    return { isPending, isFetching, dataset: data, refetch };
-}
-function transformAggregateData(data, query) {
-    const transformedData = data;
-    Object.entries(query.attributes).forEach(([key, attribute]) => {
-        const transformer = getAttributeValueTransformer(attribute);
-        if (transformer) {
-            transformedData.forEach((item) => {
-                item[key] = transformer(item[key]);
-            });
-        }
-    });
-    return transformedData;
-}
-function getAttributeValueTransformer(attribute) {
-    let transformer = undefined;
-    if (attribute.type === 'date') {
-        if (attribute.format) {
-            transformer = (value) => (0, dayjs_1.default)(value, attribute.format)
-                .toDate()
-                .getTime();
-        }
-        else if (attribute.value.type === 'function') {
-            if (attribute.value.value === transport_2.AggregateAttributeFunction.YearMonth) {
-                transformer = (value) => (0, dayjs_1.default)(value, 'YYYY-MM')
-                    .toDate()
-                    .getTime();
-            }
-        }
-        else {
-            transformer = (value) => (0, dayjs_1.default)(value)
-                .toDate()
-                .getTime();
-        }
-    }
-    return transformer;
-}

package/Insights/hooks/useWidgetDetail.d.ts

@@ -1,10 +0,0 @@
-import { WidgetContentExperience, WidgetExperience } from '@headless-adminapp/core/experience/insights';
-import { SchemaAttributes } from '@headless-adminapp/core/schema';
-export declare function useWidgetDetail<T extends WidgetContentExperience>(widgetContent: T): {
-    isPending: boolean;
-    isFetching: boolean;
-    dataset: unknown[];
-    refetch: () => Promise<import("@tanstack/react-query").QueryObserverResult<unknown, Error>>[];
-    widget: WidgetExperience<SchemaAttributes, T>;
-    transformedCommands: import("@headless-adminapp/app/command").CommandItemState[][];
-};

package/Insights/hooks/useWidgetDetail.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWidgetDetail = useWidgetDetail;
-const command_1 = require("@headless-adminapp/app/command");
-const hooks_1 = require("@headless-adminapp/app/command/hooks");
-const mutable_1 = require("@headless-adminapp/app/mutable");
-const widget_1 = require("@headless-adminapp/app/widget");
-const react_1 = require("react");
-const useQueriesData_1 = require("./useQueriesData");
-function useWidgetDetail(widgetContent) {
-    const widgetState = (0, mutable_1.useContextSelector)(widget_1.WidgetContext, (state) => state);
-    const widget = widgetState.widget;
-    const widgetSetValue = (0, mutable_1.useContextSetValue)(widget_1.WidgetContext);
-    const { dataset, isPending, isFetching, refetch } = (0, useQueriesData_1.useQueriesData)(widget.dataset);
-    const baseCommandHandleContext = (0, hooks_1.useBaseCommandHandlerContext)();
-    const updateStateValue = (0, react_1.useCallback)(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (value) => {
-        widgetSetValue((state) => ({
-            ...state,
-            data: { ...state.data, ...value },
-        }));
-    }, [widgetSetValue]);
-    const transformedCommands = (0, command_1.useCommands)([widgetContent.commands], {
-        ...baseCommandHandleContext,
-        primaryControl: {
-            refresh: refetch,
-            updateStateValue,
-        },
-    });
-    return {
-        isPending,
-        isFetching,
-        dataset,
-        refetch,
-        widget,
-        transformedCommands,
-    };
-}