@headless-adminapp/fluent 1.1.3 → 1.1.6

package/form/controls/TimeControl.js

@@ -0,0 +1,89 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimeControl = TimeControl;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_components_1 = require("@fluentui/react-components");
+const react_timepicker_compat_1 = require("@fluentui/react-timepicker-compat");
+const locale_1 = require("@headless-adminapp/app/locale");
+const icons_1 = require("@headless-adminapp/icons");
+const dayjs_1 = __importDefault(require("dayjs"));
+const customParseFormat_1 = __importDefault(require("dayjs/plugin/customParseFormat"));
+const react_1 = require("react");
+dayjs_1.default.extend(customParseFormat_1.default);
+function TimeControl({ value, onChange, id, name, onBlur, placeholder, disabled, readOnly, }) {
+    const { timeFormats: { short: timeFormat }, timezone, } = (0, locale_1.useLocale)();
+    const [internalTimeValue, setInternalTimeValue] = (0, react_1.useState)(value ? (0, dayjs_1.default)().startOf('day').add(value, 'minutes').format(timeFormat) : '');
+    const internalTimeValueRef = (0, react_1.useRef)(internalTimeValue);
+    internalTimeValueRef.current = internalTimeValue;
+    (0, react_1.useEffect)(() => {
+        const updatedValue = typeof value === 'number'
+            ? (0, dayjs_1.default)().startOf('day').add(value, 'minutes').format(timeFormat)
+            : '';
+        if (internalTimeValueRef.current !== updatedValue) {
+            setInternalTimeValue(updatedValue);
+        }
+    }, [value, timezone, timeFormat]);
+    const isReadonly = readOnly || disabled;
+    const selectedTime = (0, react_1.useMemo)(() => {
+        if (typeof value !== 'number') {
+            return null;
+        }
+        return (0, dayjs_1.default)().startOf('day').add(value, 'minutes').toDate();
+    }, [value]);
+    console.log('TimeControl', value, selectedTime);
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: react_components_1.tokens.spacingHorizontalS,
+        }, children: (0, jsx_runtime_1.jsx)(react_timepicker_compat_1.TimePicker, { appearance: "filled-darker", style: {
+                flex: 1,
+                minWidth: 0,
+                pointerEvents: isReadonly ? 'none' : 'auto',
+            }, placeholder: placeholder, id: id, name: name, input: {
+                style: { minWidth: 0 },
+            }, readOnly: isReadonly, selectedTime: selectedTime, freeform: true, value: internalTimeValue, onTimeChange: (_, data) => {
+                console.log('onTimeChange', data);
+                if (data.selectedTime) {
+                    onChange?.((0, dayjs_1.default)(data.selectedTime).diff((0, dayjs_1.default)().startOf('day'), 'minutes'));
+                }
+                else if (data.selectedTimeText) {
+                    let resolvedTime = resolveTimeValue(data.selectedTimeText, timeFormat);
+                    if (!resolvedTime) {
+                        setInternalTimeValue(value ? (0, dayjs_1.default)(value).format(timeFormat) : '');
+                        return;
+                    }
+                    const newValue = (0, dayjs_1.default)(resolvedTime).diff((0, dayjs_1.default)().startOf('day'), 'minutes');
+                    if (newValue !== value) {
+                        onChange?.(newValue);
+                    }
+                    setInternalTimeValue((0, dayjs_1.default)(resolvedTime).format(timeFormat));
+                }
+                else {
+                    setInternalTimeValue('');
+                    onChange?.(null);
+                }
+            }, onInput: (e) => {
+                setInternalTimeValue(e.currentTarget.value);
+            }, onBlur: () => {
+                onBlur?.();
+            }, expandIcon: (0, jsx_runtime_1.jsx)("div", { style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    marginRight: -4,
+                    color: react_components_1.tokens.colorNeutralForeground2,
+                }, children: (0, jsx_runtime_1.jsx)(icons_1.Icons.Clock, { size: 20 }) }) }) }));
+}
+function resolveTimeValue(value, timeFormat) {
+    if (!value) {
+        return;
+    }
+    const time = (0, dayjs_1.default)(value, timeFormat);
+    if (!time.isValid()) {
+        return;
+    }
+    return time.toDate();
+}

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/fluent",
-  "version": "1.1.3",
+  "version": "1.1.6",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -50,5 +50,5 @@
     "uuid": "11.0.3",
     "yup": "^1.4.0"
   },
-  "gitHead": "3a036d597b19d9ef7571b2d206ecb362b74d5228"
+  "gitHead": "23ea276caca4d792a5229dc2e1323f6888eb1424"
 }

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,
-    };
-}