@headless-adminapp/fluent 1.4.45 → 1.4.47

package/DataGrid/GridListContainer.js

@@ -103,7 +103,7 @@ const GridListContainer = () => {
                                     width: '100%',
                                     position: 'absolute',
                                     transform: `translateY(${virtualSize}px)`,
-                                }, children: Array.from({ length: 10 }).map((_, index) => ((0, jsx_runtime_1.jsx)(RecordCardLoading_1.RecordCardLoading, { cardView: view.experience.card }, index))) }))] }) }), (0, jsx_runtime_1.jsx)("div", { style: { height: 'env(safe-area-inset-bottom)' } }), (0, jsx_runtime_1.jsx)(MobileHeaderCommandContainer_1.BottomDrawerMenu, { open: showContextMenu, onClose: () => {
+                                }, children: Array.from({ length: 10 }).map((_, index) => view.experience.card.Skeleton ? ((0, jsx_runtime_1.jsx)(view.experience.card.Skeleton, {}, index)) : ((0, jsx_runtime_1.jsx)(RecordCardLoading_1.RecordCardLoading, { cardView: view.experience.card }, index))) }))] }) }), (0, jsx_runtime_1.jsx)("div", { style: { height: 'env(safe-area-inset-bottom)' } }), (0, jsx_runtime_1.jsx)(MobileHeaderCommandContainer_1.BottomDrawerMenu, { open: showContextMenu, onClose: () => {
                         setShowContextMenu(false);
                         setSelectedIds([]);
                     }, actions: contextCommands })] }) }));
@@ -126,5 +126,5 @@ const Item = ({ onClick, onLongPress, card, record, schema, selected, }) => {
             borderRadius: fluent_1.extendedTokens.paperBorderRadius,
             userSelect: 'none',
             WebkitUserSelect: 'none',
-        }, ...longPressEvent, onClick: onClick, children: (0, jsx_runtime_1.jsx)(RecordCard_1.RecordCard, { cardView: card, record: record, schema: schema, selected: selected }) }));
+        }, ...longPressEvent, onClick: onClick, children: card.Renderer ? ((0, jsx_runtime_1.jsx)(card.Renderer, { record: record, schema: schema, selected: selected })) : ((0, jsx_runtime_1.jsx)(RecordCard_1.RecordCard, { cardView: card, record: record, schema: schema, selected: selected })) }));
 };

package/PageEntityForm/CommandContainer.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CommandContainer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_components_1 = require("@fluentui/react-components");
+const dataform_1 = require("@headless-adminapp/app/dataform");
 const hooks_1 = require("@headless-adminapp/app/dataform/hooks");
 const hooks_2 = require("@headless-adminapp/app/hooks");
 const locale_1 = require("@headless-adminapp/app/locale");
@@ -22,9 +23,9 @@ const CommandContainer = ({ skeleton }) => {
     const formCommands = (0, hooks_1.useMainFormCommands)();
     const router = (0, hooks_4.useRouter)();
     const isMobile = (0, hooks_2.useIsMobile)();
-    const schema = (0, hooks_1.useDataFormSchema)();
     const [recordSetVisible, setRecordSetVisible] = (0, hooks_3.useRecordSetVisibility)();
     const recordSetContext = (0, mutable_1.useContextSelector)(recordset_1.RecordSetContext, (state) => state);
+    const navigatorLogicalName = (0, mutable_1.useContextSelector)(dataform_1.DataFormContext, (state) => state.navigatorLogicalName ?? state.schema.logicalName);
     const navigationCommands = (0, react_1.useMemo)(() => {
         return [
             [
@@ -36,7 +37,7 @@ const CommandContainer = ({ skeleton }) => {
                     },
                 },
             ],
-            ...(recordSetContext.logicalName === schema.logicalName &&
+            ...(recordSetContext.logicalName === navigatorLogicalName &&
                 recordSetContext.ids.length > 0 &&
                 !isMobile
                 ? [
@@ -58,7 +59,7 @@ const CommandContainer = ({ skeleton }) => {
         recordSetContext.logicalName,
         recordSetVisible,
         router,
-        schema.logicalName,
+        navigatorLogicalName,
         setRecordSetVisible,
     ]);
     const extendedCommands = (0, react_1.useMemo)(() => {

package/PageEntityForm/PageEntityForm.d.ts

@@ -3,6 +3,8 @@ interface PageEntityFormProps {
     logicalName: string;
     formId?: string;
     recordId?: string;
+    navigatorLogicalName?: string;
+    navigatorRecordId?: string;
 }
 export declare const PageEntityForm: FC<PageEntityFormProps>;
 export {};

package/PageEntityForm/PageEntityForm.js

@@ -13,7 +13,7 @@ const PageBroken_1 = require("../components/PageBroken");
 const PageLoading_1 = require("../components/PageLoading");
 const PageEntityFormDesktopContainer_1 = require("./PageEntityFormDesktopContainer");
 const RecordSetNavigatorContainer_1 = require("./RecordSetNavigatorContainer");
-const PageEntityForm = ({ logicalName, formId, recordId, }) => {
+const PageEntityForm = ({ logicalName, formId, recordId, navigatorLogicalName, navigatorRecordId, }) => {
     const result = (0, hooks_1.useLoadFormGridPage)(logicalName, formId);
     (0, hooks_2.useMobileHeader)(true);
     if (result.loading) {
@@ -31,7 +31,7 @@ const PageEntityForm = ({ logicalName, formId, recordId, }) => {
             return ((0, jsx_runtime_1.jsx)(PageBroken_1.PageBroken, { Icon: icons_1.Icons.Error, title: "Creating is disabled", message: "Creating records is disabled for this entity." }));
         }
     }
-    return ((0, jsx_runtime_1.jsx)(historystate_1.HistoryStateKeyProvider, { historyKey: 'page-entity-form.' + logicalName, children: (0, jsx_runtime_1.jsx)(recordset_1.RecordSetProvider, { children: (0, jsx_runtime_1.jsx)(PageEntityFormProvider_1.PageEntityFormProvider, { schema: schema, form: form, recordId: recordId, commands: commands, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+    return ((0, jsx_runtime_1.jsx)(historystate_1.HistoryStateKeyProvider, { historyKey: 'page-entity-form.' + logicalName, children: (0, jsx_runtime_1.jsx)(recordset_1.RecordSetProvider, { children: (0, jsx_runtime_1.jsx)(PageEntityFormProvider_1.PageEntityFormProvider, { schema: schema, form: form, navigatorLogicalName: navigatorLogicalName, navigatorRecordId: navigatorRecordId, recordId: recordId, commands: commands, children: (0, jsx_runtime_1.jsxs)("div", { style: {
                         display: 'flex',
                         flex: 1,
                         flexDirection: 'row',

package/PageEntityForm/RecordSetNavigatorContainer.js

@@ -4,10 +4,11 @@ exports.RecordSetNavigatorContainer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_components_1 = require("@fluentui/react-components");
 const ScrollView_1 = require("@headless-adminapp/app/components/ScrollView");
-const hooks_1 = require("@headless-adminapp/app/dataform/hooks");
+const dataform_1 = require("@headless-adminapp/app/dataform");
 const locale_1 = require("@headless-adminapp/app/locale");
+const mutable_1 = require("@headless-adminapp/app/mutable");
 const navigation_1 = require("@headless-adminapp/app/navigation");
-const hooks_2 = require("@headless-adminapp/app/recordset/hooks");
+const hooks_1 = require("@headless-adminapp/app/recordset/hooks");
 const react_1 = require("react");
 const fluent_1 = require("../components/fluent");
 const RecordCard_1 = require("./RecordCard");
@@ -26,10 +27,10 @@ const useStyles = (0, react_components_1.makeStyles)({
     },
 });
 const RecordSetNavigatorContainer = () => {
-    const { data, cardView, schema } = (0, hooks_2.useRecordSetResult)();
-    const [visible] = (0, hooks_2.useRecordSetVisibility)();
-    const recordId = (0, hooks_1.useRecordId)();
-    const formSchema = (0, hooks_1.useDataFormSchema)();
+    const { data, cardView, schema } = (0, hooks_1.useRecordSetResult)();
+    const [visible] = (0, hooks_1.useRecordSetVisibility)();
+    const navigatorRecordId = (0, mutable_1.useContextSelector)(dataform_1.DataFormContext, (state) => state.navigatorRecordId ?? state.recordId);
+    const navigatorLogicalName = (0, mutable_1.useContextSelector)(dataform_1.DataFormContext, (state) => state.navigatorLogicalName ?? state.schema.logicalName);
     const styles = useStyles();
     const openForm = (0, navigation_1.useOpenForm)();
     const { language, direction } = (0, locale_1.useLocale)();
@@ -39,7 +40,7 @@ const RecordSetNavigatorContainer = () => {
     if (!visible) {
         return null;
     }
-    if (schema.logicalName !== formSchema?.logicalName) {
+    if (schema.logicalName !== navigatorLogicalName) {
         return null;
     }
     return ((0, jsx_runtime_1.jsx)("div", { style: {
@@ -59,12 +60,13 @@ const RecordSetNavigatorContainer = () => {
                         flexDirection: 'column',
                         paddingInline: 16,
                         paddingBlock: 8,
-                    }, children: (0, jsx_runtime_1.jsx)(react_components_1.Body1Strong, { children: schema.localizedPluralLabels?.[language] ?? schema?.pluralLabel }) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(react_components_1.Divider, { vertical: false, style: { opacity: 0.2 } }) }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flex: 1, flexDirection: 'column' }, children: (0, jsx_runtime_1.jsx)(ScrollView_1.ScrollView, { autoHide: true, rtl: direction === 'rtl', children: data?.map((record) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { role: "button", className: (0, react_components_1.mergeClasses)(styles.item, recordId === record[schema.idAttribute] && styles.selected), onClick: () => {
-                                        openForm({
+                    }, children: (0, jsx_runtime_1.jsx)(react_components_1.Body1Strong, { children: schema.localizedPluralLabels?.[language] ?? schema?.pluralLabel }) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(react_components_1.Divider, { vertical: false, style: { opacity: 0.2 } }) }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flex: 1, flexDirection: 'column' }, children: (0, jsx_runtime_1.jsx)(ScrollView_1.ScrollView, { autoHide: true, rtl: direction === 'rtl', children: data?.map((record) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { role: "button", className: (0, react_components_1.mergeClasses)(styles.item, navigatorRecordId === record[schema.idAttribute] &&
+                                        styles.selected), onClick: () => {
+                                        void openForm({
                                             logicalName: schema.logicalName,
                                             id: record[schema.idAttribute],
                                             replace: true,
                                         });
-                                    }, children: (0, jsx_runtime_1.jsx)(RecordCard_1.RecordCard, { cardView: cardView, record: record, schema: schema, selected: recordId === record[schema.idAttribute] }) }), (0, jsx_runtime_1.jsx)("div", { style: { paddingInline: react_components_1.tokens.spacingHorizontalL }, children: (0, jsx_runtime_1.jsx)(react_components_1.Divider, { vertical: false, style: { opacity: 0.2 } }) })] }, record[schema.idAttribute]))) }) })] }) }));
+                                    }, children: cardView?.Renderer ? ((0, jsx_runtime_1.jsx)(cardView.Renderer, { record: record, schema: schema, selected: navigatorRecordId === record[schema.idAttribute] })) : ((0, jsx_runtime_1.jsx)(RecordCard_1.RecordCard, { cardView: cardView, record: record, schema: schema, selected: navigatorRecordId === record[schema.idAttribute] })) }), (0, jsx_runtime_1.jsx)("div", { style: { paddingInline: react_components_1.tokens.spacingHorizontalL }, children: (0, jsx_runtime_1.jsx)(react_components_1.Divider, { vertical: false, style: { opacity: 0.2 } }) })] }, record[schema.idAttribute]))) }) })] }) }));
 };
 exports.RecordSetNavigatorContainer = RecordSetNavigatorContainer;

package/components/ChoiceBadge.d.ts

@@ -4,7 +4,7 @@ interface ChoiceBadgeProps {
     value: unknown;
     attribute: ChoiceAttribute<string | number> | ChoicesAttribute<string | number>;
     formattedValue?: string | null;
-    size?: 'small' | 'medium';
+    size?: 'small' | 'medium' | 'large' | 'extra-large';
 }
 export declare function ChoiceBadge(props: Readonly<ChoiceBadgeProps>): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/form/controls/LookupControl.js

@@ -130,7 +130,7 @@ const LookupControlMd = ({ value, onChange, id, name, onBlur, onFocus, placehold
                         recentItemStore.addItem((0, useLookupData_1.createLookupRecentKey)(schema.logicalName), _item[schema.idAttribute], _item[schema.idAttribute]);
                     }
                     handleChange(_item ?? null);
-                }, disableAutoFocus: true, onBlur: onBlur, onFocus: onFocus, id: id, autoFocus: autoFocus, autoCapitalize: "none", autoCorrect: "off", spellCheck: false, children: [data?.records.map((item) => ((0, jsx_runtime_1.jsx)(Option_1.Option, { value: item[schema.idAttribute], className: (0, react_components_1.mergeClasses)(styles.option), text: item[schema.primaryAttribute], children: view?.experience.card ? ((0, jsx_runtime_1.jsx)(RecordCard_1.RecordCard, { cardView: view.experience.card, record: item, schema: schema })) : item[schema.primaryAttribute] }, item[schema.idAttribute]))), !isLoading && !data?.records.length && ((0, jsx_runtime_1.jsx)("div", { style: {
+                }, disableAutoFocus: true, onBlur: onBlur, onFocus: onFocus, id: id, autoFocus: autoFocus, autoCapitalize: "none", autoCorrect: "off", spellCheck: false, children: [data?.records.map((item) => ((0, jsx_runtime_1.jsx)(Option_1.Option, { value: item[schema.idAttribute], className: (0, react_components_1.mergeClasses)(styles.option), text: item[schema.primaryAttribute], children: view?.experience.card ? (view.experience.card.Renderer ? ((0, jsx_runtime_1.jsx)(view.experience.card.Renderer, { record: item, schema: schema, selected: false })) : ((0, jsx_runtime_1.jsx)(RecordCard_1.RecordCard, { cardView: view.experience.card, record: item, schema: schema }))) : item[schema.primaryAttribute] }, item[schema.idAttribute]))), !isLoading && !data?.records.length && ((0, jsx_runtime_1.jsx)("div", { style: {
                             paddingInline: react_components_1.tokens.spacingHorizontalL,
                             paddingBlock: react_components_1.tokens.spacingVerticalS,
                         }, children: (0, jsx_runtime_1.jsx)(react_components_1.Body1, { children: lookupStrings.noRecordsFound }) })), allowNewRecord && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_components_1.Divider, {}), (0, jsx_runtime_1.jsx)("div", { style: { marginTop: react_components_1.tokens.spacingVerticalXXS }, children: (0, jsx_runtime_1.jsx)(fluent_1.ToolbarButton, { icon: (0, jsx_runtime_1.jsx)(icons_1.Icons.Add, {}), onClick: async () => {

package/form/controls/MultiSelectLookupControl.js

@@ -145,7 +145,7 @@ const LookupControlMd = ({ value, onChange, id, name, onBlur, onFocus, placehold
                         return;
                     recentItemStore.addItem((0, useLookupData_1.createLookupRecentKey)(schema.logicalName), _item[schema.idAttribute], _item[schema.idAttribute]);
                     handleAdd(_item);
-                }, disableAutoFocus: true, onBlur: onBlur, onFocus: onFocus, id: id, autoFocus: autoFocus, children: [data?.records.map((item) => ((0, jsx_runtime_1.jsx)(Option_1.Option, { value: item[schema.idAttribute], className: (0, react_components_1.mergeClasses)(styles.option), text: item[schema.primaryAttribute], children: (0, jsx_runtime_1.jsx)(RecordCard_1.RecordCard, { cardView: view?.experience.card, record: item, schema: schema }) }, item[schema.idAttribute]))), !isLoading && !data?.records.length && ((0, jsx_runtime_1.jsx)("div", { style: {
+                }, disableAutoFocus: true, onBlur: onBlur, onFocus: onFocus, id: id, autoFocus: autoFocus, children: [data?.records.map((item) => ((0, jsx_runtime_1.jsx)(Option_1.Option, { value: item[schema.idAttribute], className: (0, react_components_1.mergeClasses)(styles.option), text: item[schema.primaryAttribute], children: view?.experience.card.Renderer ? ((0, jsx_runtime_1.jsx)(view.experience.card.Renderer, { record: item, schema: schema })) : ((0, jsx_runtime_1.jsx)(RecordCard_1.RecordCard, { cardView: view?.experience.card, record: item, schema: schema })) }, item[schema.idAttribute]))), !isLoading && !data?.records.length && ((0, jsx_runtime_1.jsx)("div", { style: {
                             paddingInline: react_components_1.tokens.spacingHorizontalL,
                             paddingBlock: react_components_1.tokens.spacingVerticalS,
                         }, children: (0, jsx_runtime_1.jsx)(react_components_1.Body1, { children: lookupStrings.noRecordsFound }) })), allowNewRecord && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_components_1.Divider, {}), (0, jsx_runtime_1.jsx)("div", { style: { marginTop: react_components_1.tokens.spacingVerticalXXS }, children: (0, jsx_runtime_1.jsx)(fluent_1.ToolbarButton, { icon: (0, jsx_runtime_1.jsx)(icons_1.Icons.Add, {}), children: lookupStrings.newRecord }) })] }))] }), (0, jsx_runtime_1.jsx)("div", { ref: tagGroupContainerRef, style: {

package/form/controls/RegardingControl.js

@@ -150,7 +150,7 @@ const LookupControlMd = ({ value, onChange, id, name, onBlur, onFocus, placehold
                             return null;
                         }
                         return ((0, jsx_runtime_1.jsx)(react_components_1.OptionGroup, { label: schema.label, children: data?.records.map((item) => {
-                                return ((0, jsx_runtime_1.jsx)(Option_1.Option, { value: item[schema.idAttribute], className: (0, react_components_1.mergeClasses)(styles.option), text: item[schema.primaryAttribute], children: view?.card ? ((0, jsx_runtime_1.jsx)(RecordCard_1.RecordCard, { cardView: view.card, record: item, schema: schema })) : item[schema.primaryAttribute] }, item[schema.idAttribute]));
+                                return ((0, jsx_runtime_1.jsx)(Option_1.Option, { value: item[schema.idAttribute], className: (0, react_components_1.mergeClasses)(styles.option), text: item[schema.primaryAttribute], children: view?.card ? (view.card.Renderer ? ((0, jsx_runtime_1.jsx)(view.card.Renderer, { record: item, schema: schema })) : ((0, jsx_runtime_1.jsx)(RecordCard_1.RecordCard, { cardView: view.card, record: item, schema: schema }))) : item[schema.primaryAttribute] }, item[schema.idAttribute]));
                             }) }, schema.logicalName));
                     }), !isLoading &&
                         result.every((item) => !item.data?.records.length) && ((0, jsx_runtime_1.jsx)("div", { style: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/fluent",
-  "version": "1.4.45",
+  "version": "1.4.47",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -54,5 +54,5 @@
   "devDependencies": {
     "@types/lodash": "4.17.20"
   },
-  "gitHead": "cd8c8da169a5d9e19d131f64847abd9f5dd9f19c"
+  "gitHead": "bf25872bd5633ce7bc68f6aedb5356b4890b6bde"
 }

package/App/NavigationContainer.d.ts

@@ -1 +0,0 @@
-export declare const NavigationContainer: () => import("react/jsx-runtime").JSX.Element;

package/App/NavigationContainer.js

@@ -1,63 +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,
-    },
-    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 = () => {
-    const styles = useStyles();
-    const { app, schemaMetadataDic } = (0, app_1.useAppContext)();
-    const [isOpen] = (0, react_1.useState)(true);
-    const [type] = (0, react_1.useState)('inline');
-    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)();
-    return ((0, jsx_runtime_1.jsx)("div", { className: styles.root, children: (0, jsx_runtime_1.jsx)(react_nav_preview_1.NavDrawer, { selectedValue: "active", open: isOpen, type: type, children: (0, jsx_runtime_1.jsx)(react_nav_preview_1.NavDrawerBody, { style: { paddingTop: 8 }, 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) => {
-                                var _a;
-                                const navItem = (0, utils_1.transformNavPageItem)({
-                                    item,
-                                    schemaMetadataDic: schemaMetadataDic,
-                                    language,
-                                    routeResolver,
-                                });
-                                const Icon = (_a = navItem.icon) !== null && _a !== void 0 ? _a : icons_1.IconPlaceholder;
-                                const isActive = isRouteActive(selectedPath, item);
-                                return ((0, jsx_runtime_1.jsx)(react_nav_preview_1.NavItem, { href: navItem.link, onClick: (event) => {
-                                        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 }, index));
-                            })] }, group.label))) }, area.label))) }) }) }));
-};
-exports.NavigationContainer = NavigationContainer;

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,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.transformNavPageItem = transformNavPageItem;
-function transformNavPageItem({ item, schemaMetadataDic: schemaMetadataObject, language, routeResolver, }) {
-    var _a, _b, _c, _d;
-    let icon = item.icon;
-    let label = (_b = (_a = item.localizedLabel) === null || _a === void 0 ? void 0 : _a[language]) !== null && _b !== void 0 ? _b : item.label;
-    let link = routeResolver(item);
-    if (item.type === 'entityview') {
-        const metadata = schemaMetadataObject === null || schemaMetadataObject === void 0 ? void 0 : schemaMetadataObject[item.logicalName];
-        if (metadata) {
-            if (!label) {
-                label =
-                    (_d = (_c = metadata.localizedPluralLabels) === null || _c === void 0 ? void 0 : _c[language]) !== null && _d !== void 0 ? _d : metadata.pluralLabel;
-            }
-            if (!icon) {
-                icon = metadata.icon;
-            }
-        }
-    }
-    return {
-        label,
-        icon,
-        link,
-        isExternal: item.type === 'external',
-    };
-}

package/DataGrid/ScrollbarWithMoreDataRequest.d.ts

@@ -1,9 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-interface ScrollbarWithMoreDataRequest {
-    data: any;
-    hasMore: boolean;
-    onRequestMore: () => void;
-    rtl?: boolean;
-}
-export declare const ScrollbarWithMoreDataRequest: FC<PropsWithChildren<ScrollbarWithMoreDataRequest>>;
-export {};

package/DataGrid/ScrollbarWithMoreDataRequest.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScrollbarWithMoreDataRequest = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ScrollView_1 = require("@headless-adminapp/app/components/ScrollView");
-const react_1 = require("react");
-function getReaminingSpace(div) {
-    return div.scrollHeight - div.scrollTop - div.clientHeight;
-}
-const ScrollbarWithMoreDataRequest = ({ data, onRequestMore, hasMore, children, rtl }) => {
-    const divRef = (0, react_1.useRef)(null);
-    const onRequestMoreRef = (0, react_1.useRef)(onRequestMore);
-    onRequestMoreRef.current = onRequestMore;
-    (0, react_1.useEffect)(() => {
-        var _a;
-        const div = (_a = divRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
-        if (!div) {
-            return;
-        }
-        const remainingSpace = getReaminingSpace(div);
-        if (remainingSpace <= 0 && hasMore) {
-            onRequestMoreRef.current();
-        }
-    }, [data, hasMore]);
-    return ((0, jsx_runtime_1.jsx)(ScrollView_1.ScrollView, { autoHide: true, rtl: rtl, onScroll: (e) => {
-            const div = e.target;
-            const remainingSpace = getReaminingSpace(div);
-            if (remainingSpace <= 0 && hasMore) {
-                onRequestMoreRef.current();
-            }
-        }, children: (0, jsx_runtime_1.jsx)("div", { ref: divRef, children: children }) }));
-};
-exports.ScrollbarWithMoreDataRequest = ScrollbarWithMoreDataRequest;

package/form/controls/DateRangeControl.d.ts

@@ -1,6 +0,0 @@
-import { ControlProps } from './types';
-export interface DateRangeControlProps extends ControlProps<[string | null, string | null]> {
-    maxDate?: Date;
-    minDate?: Date;
-}
-export declare function DateRangeControl({ value, onChange, id, name, onBlur, onFocus, disabled, maxDate, minDate, readOnly, }: DateRangeControlProps): import("react/jsx-runtime").JSX.Element;

package/form/controls/DateRangeControl.js

@@ -1,49 +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.DateRangeControl = DateRangeControl;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_datepicker_compat_1 = require("@fluentui/react-datepicker-compat");
-const locale_1 = require("@headless-adminapp/app/locale");
-const dayjs_1 = __importDefault(require("dayjs"));
-const react_1 = require("react");
-const AppStringContext_1 = require("../../App/AppStringContext");
-function DateRangeControl({ value, onChange, id, name, onBlur, onFocus, disabled, maxDate, minDate, readOnly, }) {
-    const [from, setFrom] = (0, react_1.useState)(value ? value[0] : null);
-    const [to, setTo] = (0, react_1.useState)(value ? value[1] : null);
-    const { datePickerStrings } = (0, AppStringContext_1.useAppStrings)();
-    const { dateFormats } = (0, locale_1.useLocale)();
-    (0, react_1.useEffect)(() => {
-        if (value) {
-            setFrom(value[0]);
-            setTo(value[1]);
-        }
-    }, [value]);
-    const _minDate = minDate
-        ? new Date(minDate)
-        : from
-            ? new Date(from)
-            : undefined;
-    const _maxDate = maxDate ? new Date(maxDate) : to ? new Date(to) : undefined;
-    const handleChangeFrom = (date) => {
-        var _a;
-        setFrom(date ? date.toISOString() : null);
-        // if (date && to) {
-        onChange === null || onChange === void 0 ? void 0 : onChange([(_a = date === null || date === void 0 ? void 0 : date.toISOString()) !== null && _a !== void 0 ? _a : null, to]);
-        // }
-    };
-    const handleChangeTo = (date) => {
-        var _a;
-        setTo(date ? date.toISOString() : null);
-        // if (date && from) {
-        onChange === null || onChange === void 0 ? void 0 : onChange([from, (_a = date === null || date === void 0 ? void 0 : date.toISOString()) !== null && _a !== void 0 ? _a : null]);
-        // }
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: 8 }, children: [(0, jsx_runtime_1.jsx)(react_datepicker_compat_1.DatePicker, { id: id, name: name, onFocus: () => onFocus === null || onFocus === void 0 ? void 0 : onFocus(), onBlur: () => onBlur === null || onBlur === void 0 ? void 0 : onBlur(), placeholder: "From", appearance: "filled-darker", disabled: disabled, readOnly: readOnly, formatDate: (date) => date ? (0, dayjs_1.default)(date).format(dateFormats.short) : '', value: from ? new Date(from) : null, onSelectDate: (date) => handleChangeFrom(date), strings: datePickerStrings, minDate: minDate, maxDate: _maxDate, style: { flex: 1 }, input: {
-                    style: { width: '100%' },
-                } }), (0, jsx_runtime_1.jsx)(react_datepicker_compat_1.DatePicker, { id: id, name: name, onFocus: () => onFocus === null || onFocus === void 0 ? void 0 : onFocus(), onBlur: () => onBlur === null || onBlur === void 0 ? void 0 : onBlur(), placeholder: "To", appearance: "filled-darker", disabled: disabled, readOnly: readOnly, formatDate: (date) => (date ? (0, dayjs_1.default)(date).format('YYYY-MM-DD') : ''), value: to ? new Date(to) : null, onSelectDate: (date) => handleChangeTo(date), strings: datePickerStrings, minDate: _minDate, maxDate: maxDate, style: { flex: 1 }, input: {
-                    style: { width: '100%' },
-                } })] }));
-}

package/form/controls/NumberControl.d.ts

@@ -1,4 +0,0 @@
-import { ControlProps } from './types';
-export interface NumberControlProps extends ControlProps<number> {
-}
-export declare function NumberControl({ value, onChange, id, name, onBlur, onFocus, error, disabled, placeholder, borderOnFocusOnly, readOnly, }: NumberControlProps): import("react/jsx-runtime").JSX.Element;

package/form/controls/NumberControl.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NumberControl = NumberControl;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_components_1 = require("@fluentui/react-components");
-function NumberControl({ value, onChange, id, name, onBlur, onFocus, error, disabled, placeholder, borderOnFocusOnly, readOnly, }) {
-    return ((0, jsx_runtime_1.jsx)(react_components_1.Input, { type: "number", placeholder: placeholder, id: id, appearance: "filled-darker", name: name, 
-        // value={value ?? ''}
-        onChange: (e) => onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value ? Number(e.target.value) : null), onBlur: () => onBlur === null || onBlur === void 0 ? void 0 : onBlur(), onFocus: () => onFocus === null || onFocus === void 0 ? void 0 : onFocus(), 
-        // invalid={error}
-        // size="sm"
-        disabled: disabled, readOnly: readOnly, style: {
-            width: '100%',
-        } }));
-}