@headless-adminapp/fluent 0.0.17-alpha.53 → 0.0.17-alpha.55

package/PageEntityView/FormSubgridContainer.js

@@ -1,16 +1,19 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Divider, Input } from '@fluentui/react-components';
-import { useSearchText } from '@headless-adminapp/app/datagrid/hooks';
-import { Icons } from '@headless-adminapp/icons';
-import { useAppStrings } from '../App/AppStringContext';
-import { FormSubgridCommandContainer } from '../DataGrid/FormSubgridCommandContainer';
-import { FormSubgridViewSelector } from '../DataGrid/FormSubgridViewSelector';
-import { GridPaginationContainer } from '../DataGrid/GridPaginationContainer';
-import { GridTableContainer } from '../DataGrid/GridTableContainer';
-export const FormSubgridContainer = ({ hideCommandBar, hideSearch, }) => {
-    const appStrings = useAppStrings();
-    const [searchText, setSearchText] = useSearchText();
-    return (_jsx("div", { style: {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormSubgridContainer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_components_1 = require("@fluentui/react-components");
+const hooks_1 = require("@headless-adminapp/app/datagrid/hooks");
+const icons_1 = require("@headless-adminapp/icons");
+const AppStringContext_1 = require("../App/AppStringContext");
+const FormSubgridCommandContainer_1 = require("../DataGrid/FormSubgridCommandContainer");
+const FormSubgridViewSelector_1 = require("../DataGrid/FormSubgridViewSelector");
+const GridPaginationContainer_1 = require("../DataGrid/GridPaginationContainer");
+const GridTableContainer_1 = require("../DataGrid/GridTableContainer");
+const FormSubgridContainer = ({ hideCommandBar, hideSearch, }) => {
+    const appStrings = (0, AppStringContext_1.useAppStrings)();
+    const [searchText, setSearchText] = (0, hooks_1.useSearchText)();
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
             display: 'flex',
             flex: 1,
             flexDirection: 'column',
@@ -18,47 +21,48 @@ export const FormSubgridContainer = ({ hideCommandBar, hideSearch, }) => {
             // backgroundColor: tokens.colorNeutralBackground2,
             // padding: 2,
             overflow: 'hidden',
-        }, children: _jsxs("div", { style: {
+        }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
                 // gap: 12,
                 flex: 1,
                 display: 'flex',
                 flexDirection: 'column',
                 // overflow: 'hidden',
-            }, children: [_jsx("div", { style: {
+            }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
                         display: 'flex',
                         flexDirection: 'row',
                         alignItems: 'center',
                         height: 40,
-                    }, children: _jsx(FormSubgridViewSelector, {}) }), _jsx("div", { children: _jsx(Divider, { style: { opacity: 0.2 } }) }), (!hideCommandBar || !hideSearch) && (_jsxs("div", { style: {
+                    }, children: (0, jsx_runtime_1.jsx)(FormSubgridViewSelector_1.FormSubgridViewSelector, {}) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(react_components_1.Divider, { style: { opacity: 0.2 } }) }), (!hideCommandBar || !hideSearch) && ((0, jsx_runtime_1.jsxs)("div", { style: {
                         display: 'flex',
                         flexDirection: 'row',
                         gap: 10,
                         overflow: 'hidden',
                         width: '100%',
                         paddingBlock: 4,
-                    }, children: [_jsx("div", { style: {
+                    }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
                                 flex: 1,
                                 minWidth: 0,
-                            }, children: !hideCommandBar && _jsx(FormSubgridCommandContainer, {}) }), !hideSearch && (_jsx("div", { style: {
+                            }, children: !hideCommandBar && (0, jsx_runtime_1.jsx)(FormSubgridCommandContainer_1.FormSubgridCommandContainer, {}) }), !hideSearch && ((0, jsx_runtime_1.jsx)("div", { style: {
                                 display: 'flex',
                                 alignItems: 'center',
                                 justifyContent: 'end',
                                 flexShrink: 0,
                                 paddingInline: 8,
-                            }, children: _jsx(Input, { contentBefore: _jsx(Icons.Search, { size: 16 }), placeholder: appStrings.searchPlaceholder, appearance: "filled-darker", value: searchText, onChange: (e) => setSearchText(e.target.value) }) }))] })), _jsxs("div", { style: {
+                            }, children: (0, jsx_runtime_1.jsx)(react_components_1.Input, { contentBefore: (0, jsx_runtime_1.jsx)(icons_1.Icons.Search, { size: 16 }), placeholder: appStrings.searchPlaceholder, appearance: "filled-darker", value: searchText, onChange: (e) => setSearchText(e.target.value) }) }))] })), (0, jsx_runtime_1.jsxs)("div", { style: {
                         flex: 1,
                         display: 'flex',
                         flexDirection: 'column',
-                    }, children: [_jsx("div", { style: {
+                    }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
                                 gap: 16,
                                 display: 'flex',
                                 flexDirection: 'column',
                                 flex: 1,
-                            }, children: _jsx("div", { style: { flex: 1, display: 'flex', minHeight: 300 }, children: _jsx(GridTableContainer, {}) }) }), _jsxs("div", { style: {
+                            }, children: (0, jsx_runtime_1.jsx)("div", { style: { flex: 1, display: 'flex', minHeight: 300 }, children: (0, jsx_runtime_1.jsx)(GridTableContainer_1.GridTableContainer, {}) }) }), (0, jsx_runtime_1.jsxs)("div", { style: {
                                 paddingInline: 8,
                                 display: 'flex',
                                 flexDirection: 'column',
                                 gap: 8,
                                 paddingBottom: 8,
-                            }, children: [_jsx(Divider, { style: { opacity: 0.5 } }), _jsx(GridPaginationContainer, {})] })] })] }) }));
+                            }, children: [(0, jsx_runtime_1.jsx)(react_components_1.Divider, { style: { opacity: 0.5 } }), (0, jsx_runtime_1.jsx)(GridPaginationContainer_1.GridPaginationContainer, {})] })] })] }) }));
 };
+exports.FormSubgridContainer = FormSubgridContainer;

package/PageEntityView/PageEntityView.js

@@ -1,21 +1,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useLoadMainGridPage } from '@headless-adminapp/app/datagrid';
-import { useIsMobile } from '@headless-adminapp/app/hooks';
-import { PageEntityViewProvider } from '@headless-adminapp/app/providers/PageEntityViewProvider';
-import { Icons } from '@headless-adminapp/icons';
-import { PageBroken } from '../components/PageBroken';
-import { PageLoading } from '../components/PageLoading';
-import { PageEntityViewDesktopContainer } from './PageEntityViewDesktopContainer';
-import { PageEntityViewMobileContainer } from './PageEntityViewMobileContainer';
-export const PageEntityView = ({ logicalName, viewId, onChangeView, }) => {
-    const result = useLoadMainGridPage(logicalName, viewId);
-    const isMobile = useIsMobile();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageEntityView = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const datagrid_1 = require("@headless-adminapp/app/datagrid");
+const hooks_1 = require("@headless-adminapp/app/hooks");
+const PageEntityViewProvider_1 = require("@headless-adminapp/app/providers/PageEntityViewProvider");
+const icons_1 = require("@headless-adminapp/icons");
+const PageBroken_1 = require("../components/PageBroken");
+const PageLoading_1 = require("../components/PageLoading");
+const PageEntityViewDesktopContainer_1 = require("./PageEntityViewDesktopContainer");
+const PageEntityViewMobileContainer_1 = require("./PageEntityViewMobileContainer");
+const PageEntityView = ({ logicalName, viewId, onChangeView, }) => {
+    const result = (0, datagrid_1.useLoadMainGridPage)(logicalName, viewId);
+    const isMobile = (0, hooks_1.useIsMobile)();
     if (result.loading) {
-        return _jsx(PageLoading, {});
+        return (0, jsx_runtime_1.jsx)(PageLoading_1.PageLoading, {});
     }
     if (result.error) {
-        return (_jsx(PageBroken, { Icon: Icons.Error, title: result.title, message: result.message }));
+        return ((0, jsx_runtime_1.jsx)(PageBroken_1.PageBroken, { Icon: icons_1.Icons.Error, title: result.title, message: result.message }));
     }
     const { schema, commands, viewLookup, view } = result;
-    return (_jsx(PageEntityViewProvider, { schema: schema, view: view, availableViews: viewLookup, commands: commands, onChangeView: onChangeView, children: isMobile ? (_jsx(PageEntityViewMobileContainer, {})) : (_jsx(PageEntityViewDesktopContainer, {})) }));
+    return ((0, jsx_runtime_1.jsx)(PageEntityViewProvider_1.PageEntityViewProvider, { schema: schema, view: view, availableViews: viewLookup, commands: commands, onChangeView: onChangeView, children: isMobile ? ((0, jsx_runtime_1.jsx)(PageEntityViewMobileContainer_1.PageEntityViewMobileContainer, {})) : ((0, jsx_runtime_1.jsx)(PageEntityViewDesktopContainer_1.PageEntityViewDesktopContainer, {})) }));
 };
+exports.PageEntityView = PageEntityView;

package/PageEntityView/PageEntityViewDesktopContainer.js

@@ -1,10 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment } from 'react';
-import { CommandContainer } from '../DataGrid/CommandContainer';
-import { GridHeaderContainer } from '../DataGrid/GridHeaderContainer';
-import { GridPaginationContainer } from '../DataGrid/GridPaginationContainer';
-import { GridTableContainer } from '../DataGrid/GridTableContainer';
-import { PageEntityViewDesktopFrame } from './PageEntityViewDesktopFrame';
-export const PageEntityViewDesktopContainer = () => {
-    return (_jsx(Fragment, { children: _jsx(PageEntityViewDesktopFrame, { commandBar: _jsx(CommandContainer, {}), header: _jsx(GridHeaderContainer, {}), content: _jsx(GridTableContainer, {}), footer: _jsx(GridPaginationContainer, {}) }) }));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageEntityViewDesktopContainer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const CommandContainer_1 = require("../DataGrid/CommandContainer");
+const GridHeaderContainer_1 = require("../DataGrid/GridHeaderContainer");
+const GridPaginationContainer_1 = require("../DataGrid/GridPaginationContainer");
+const GridTableContainer_1 = require("../DataGrid/GridTableContainer");
+const PageEntityViewDesktopFrame_1 = require("./PageEntityViewDesktopFrame");
+const PageEntityViewDesktopContainer = () => {
+    return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (0, jsx_runtime_1.jsx)(PageEntityViewDesktopFrame_1.PageEntityViewDesktopFrame, { commandBar: (0, jsx_runtime_1.jsx)(CommandContainer_1.CommandContainer, {}), header: (0, jsx_runtime_1.jsx)(GridHeaderContainer_1.GridHeaderContainer, {}), content: (0, jsx_runtime_1.jsx)(GridTableContainer_1.GridTableContainer, {}), footer: (0, jsx_runtime_1.jsx)(GridPaginationContainer_1.GridPaginationContainer, {}) }) }));
 };
+exports.PageEntityViewDesktopContainer = PageEntityViewDesktopContainer;

package/PageEntityView/PageEntityViewDesktopFrame.js

@@ -1,45 +1,49 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Divider, tokens } from '@fluentui/react-components';
-export const PageEntityViewDesktopFrame = ({ commandBar, header, content, footer }) => {
-    return (_jsx("div", { style: {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageEntityViewDesktopFrame = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_components_1 = require("@fluentui/react-components");
+const PageEntityViewDesktopFrame = ({ commandBar, header, content, footer }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
             display: 'flex',
             flex: 1,
             flexDirection: 'column',
             gap: 8,
-            backgroundColor: tokens.colorNeutralBackground2,
+            backgroundColor: react_components_1.tokens.colorNeutralBackground2,
             padding: 12,
             overflow: 'hidden',
-        }, children: _jsxs("div", { style: {
+        }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
                 gap: 12,
                 flex: 1,
                 display: 'flex',
                 flexDirection: 'column',
                 // overflow: 'hidden',
-            }, children: [_jsx("div", { style: {
+            }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
                         // padding: 4,
-                        boxShadow: tokens.shadow2,
-                        borderRadius: tokens.borderRadiusMedium,
-                        background: tokens.colorNeutralBackground1,
+                        boxShadow: react_components_1.tokens.shadow2,
+                        borderRadius: react_components_1.tokens.borderRadiusMedium,
+                        background: react_components_1.tokens.colorNeutralBackground1,
                         display: 'flex',
                         // overflow: 'hidden',
                         minHeight: 40,
-                    }, children: commandBar }), _jsxs("div", { style: {
+                    }, children: commandBar }), (0, jsx_runtime_1.jsxs)("div", { style: {
                         flex: 1,
                         display: 'flex',
                         flexDirection: 'column',
-                        boxShadow: tokens.shadow2,
-                        borderRadius: tokens.borderRadiusMedium,
-                        background: tokens.colorNeutralBackground1,
+                        boxShadow: react_components_1.tokens.shadow2,
+                        borderRadius: react_components_1.tokens.borderRadiusMedium,
+                        background: react_components_1.tokens.colorNeutralBackground1,
                         paddingBlock: 8,
-                    }, children: [_jsxs("div", { style: {
+                    }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
                                 gap: 16,
                                 display: 'flex',
                                 flexDirection: 'column',
                                 flex: 1,
-                            }, children: [header, _jsx("div", { style: { flex: 1, display: 'flex' }, children: content })] }), _jsxs("div", { style: {
+                            }, children: [header, (0, jsx_runtime_1.jsx)("div", { style: { flex: 1, display: 'flex' }, children: content })] }), (0, jsx_runtime_1.jsxs)("div", { style: {
                                 paddingInline: 8,
                                 display: 'flex',
                                 flexDirection: 'column',
                                 gap: 8,
-                            }, children: [_jsx(Divider, {}), footer] })] })] }) }));
+                            }, children: [(0, jsx_runtime_1.jsx)(react_components_1.Divider, {}), footer] })] })] }) }));
 };
+exports.PageEntityViewDesktopFrame = PageEntityViewDesktopFrame;

package/PageEntityView/PageEntityViewMobileContainer.js

@@ -1,10 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment } from 'react';
-import { CommandContainer } from '../DataGrid/CommandContainer';
-import { GridHeaderMobile } from '../DataGrid/GridHeaderMobile';
-import { GridListContainer } from '../DataGrid/GridListContainer';
-import { GridPaginationContainer } from '../DataGrid/GridPaginationContainer';
-import { PageEntityViewDesktopFrame } from './PageEntityViewDesktopFrame';
-export const PageEntityViewMobileContainer = () => {
-    return (_jsx(Fragment, { children: _jsx(PageEntityViewDesktopFrame, { commandBar: _jsx(CommandContainer, {}), header: _jsx(GridHeaderMobile, {}), content: _jsx(GridListContainer, {}), footer: _jsx(GridPaginationContainer, {}) }) }));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageEntityViewMobileContainer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const CommandContainer_1 = require("../DataGrid/CommandContainer");
+const GridHeaderMobile_1 = require("../DataGrid/GridHeaderMobile");
+const GridListContainer_1 = require("../DataGrid/GridListContainer");
+const GridPaginationContainer_1 = require("../DataGrid/GridPaginationContainer");
+const PageEntityViewDesktopFrame_1 = require("./PageEntityViewDesktopFrame");
+const PageEntityViewMobileContainer = () => {
+    return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (0, jsx_runtime_1.jsx)(PageEntityViewDesktopFrame_1.PageEntityViewDesktopFrame, { commandBar: (0, jsx_runtime_1.jsx)(CommandContainer_1.CommandContainer, {}), header: (0, jsx_runtime_1.jsx)(GridHeaderMobile_1.GridHeaderMobile, {}), content: (0, jsx_runtime_1.jsx)(GridListContainer_1.GridListContainer, {}), footer: (0, jsx_runtime_1.jsx)(GridPaginationContainer_1.GridPaginationContainer, {}) }) }));
 };
+exports.PageEntityViewMobileContainer = PageEntityViewMobileContainer;

package/PageEntityView/PageEntityViewStringContext.js

@@ -1,5 +1,9 @@
-import { createContext, useContext } from 'react';
-export const defaultPageEntityViewStrings = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageEntityViewStringContext = exports.defaultPageEntityViewStrings = void 0;
+exports.usePageEntityViewStrings = usePageEntityViewStrings;
+const react_1 = require("react");
+exports.defaultPageEntityViewStrings = {
     add: 'Add',
     addColumns: 'Add columns',
     apply: 'Apply',
@@ -20,8 +24,8 @@ export const defaultPageEntityViewStrings = {
     filterBy: 'Filter by',
     noRecordsFound: "We didn't find anything to show here",
 };
-export const PageEntityViewStringContext = createContext(defaultPageEntityViewStrings);
-export function usePageEntityViewStrings() {
-    const context = useContext(PageEntityViewStringContext);
+exports.PageEntityViewStringContext = (0, react_1.createContext)(exports.defaultPageEntityViewStrings);
+function usePageEntityViewStrings() {
+    const context = (0, react_1.useContext)(exports.PageEntityViewStringContext);
     return context;
 }

package/PageEntityView/index.js

@@ -1 +1,5 @@
-export { PageEntityView } from './PageEntityView';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageEntityView = void 0;
+var PageEntityView_1 = require("./PageEntityView");
+Object.defineProperty(exports, "PageEntityView", { enumerable: true, get: function () { return PageEntityView_1.PageEntityView; } });

package/PageInsights/PageInsights.js

@@ -1,21 +1,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { InsightsProvider } from '@headless-adminapp/app/insights/InsightsProvider';
-import { useMemo } from 'react';
-import { InsightsContainer } from '../Insights/InsightsContainer';
-export function createInsightLookup(insights) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createInsightLookup = createInsightLookup;
+exports.PageInsights = PageInsights;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const InsightsProvider_1 = require("@headless-adminapp/app/insights/InsightsProvider");
+const react_1 = require("react");
+const InsightsContainer_1 = require("../Insights/InsightsContainer");
+function createInsightLookup(insights) {
     return insights.map((insight) => ({
         id: insight.id,
         title: insight.title,
         subtitle: insight.subtitle,
     }));
 }
-export function PageInsights({ insightId, insights, onChangeInsight, }) {
-    const insightExpereince = useMemo(() => {
+function PageInsights({ insightId, insights, onChangeInsight, }) {
+    const insightExpereince = (0, react_1.useMemo)(() => {
         return insights.find((insight) => insight.id === insightId);
     }, [insightId, insights]);
-    const insightLookups = useMemo(() => createInsightLookup(insights), [insights]);
+    const insightLookups = (0, react_1.useMemo)(() => createInsightLookup(insights), [insights]);
     if (!insightExpereince) {
         return null;
     }
-    return (_jsx(InsightsProvider, { experience: insightExpereince, insightLookup: insightLookups, onInsightSelect: onChangeInsight, children: _jsx(InsightsContainer, {}) }));
+    return ((0, jsx_runtime_1.jsx)(InsightsProvider_1.InsightsProvider, { experience: insightExpereince, insightLookup: insightLookups, onInsightSelect: onChangeInsight, children: (0, jsx_runtime_1.jsx)(InsightsContainer_1.InsightsContainer, {}) }));
 }

package/PageInsights/index.js

@@ -1 +1,6 @@
-export { PageInsights, createInsightLookup } from './PageInsights';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createInsightLookup = exports.PageInsights = void 0;
+var PageInsights_1 = require("./PageInsights");
+Object.defineProperty(exports, "PageInsights", { enumerable: true, get: function () { return PageInsights_1.PageInsights; } });
+Object.defineProperty(exports, "createInsightLookup", { enumerable: true, get: function () { return PageInsights_1.createInsightLookup; } });

package/ProgressIndicatorContainer/index.js

@@ -1,26 +1,30 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Body1, Dialog, DialogBody, DialogContent, DialogSurface, Spinner, tokens, } from '@fluentui/react-components';
-import { useProgressIndicator } from '@headless-adminapp/app/progress-indicator/hooks';
-export const ProgressIndicatorContainer = () => {
-    const state = useProgressIndicator();
-    return (_jsxs(_Fragment, { children: [state.overlayVisible && (_jsx("div", { style: {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressIndicatorContainer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_components_1 = require("@fluentui/react-components");
+const hooks_1 = require("@headless-adminapp/app/progress-indicator/hooks");
+const ProgressIndicatorContainer = () => {
+    const state = (0, hooks_1.useProgressIndicator)();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [state.overlayVisible && ((0, jsx_runtime_1.jsx)("div", { style: {
                     position: 'fixed',
                     top: 0,
                     bottom: 0,
                     left: 0,
                     right: 0,
                     zIndex: 1000,
-                } })), _jsx(Dialog, { open: state.visible, onOpenChange: () => {
+                } })), (0, jsx_runtime_1.jsx)(react_components_1.Dialog, { open: state.visible, onOpenChange: () => {
                     // do nothing
-                }, children: _jsx(DialogSurface, { style: { maxWidth: 320 }, children: _jsx(DialogBody, { children: _jsxs(DialogContent, { children: [_jsx(Spinner, {}), !!state.message && (_jsx(Body1, { style: {
+                }, children: (0, jsx_runtime_1.jsx)(react_components_1.DialogSurface, { style: { maxWidth: 320 }, children: (0, jsx_runtime_1.jsx)(react_components_1.DialogBody, { children: (0, jsx_runtime_1.jsxs)(react_components_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(react_components_1.Spinner, {}), !!state.message && ((0, jsx_runtime_1.jsx)(react_components_1.Body1, { style: {
                                         textAlign: 'center',
                                         display: 'flex',
                                         alignItems: 'center',
                                         justifyContent: 'center',
-                                        marginTop: tokens.spacingVerticalL,
-                                    }, children: state.message })), _jsx("button", { style: {
+                                        marginTop: react_components_1.tokens.spacingVerticalL,
+                                    }, children: state.message })), (0, jsx_runtime_1.jsx)("button", { style: {
                                         position: 'absolute',
                                         opacity: 0,
                                         pointerEvents: 'none',
                                     } })] }) }) }) })] }));
 };
+exports.ProgressIndicatorContainer = ProgressIndicatorContainer;

package/ToastNotificationContainer/index.js

@@ -1,20 +1,23 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Link, Toast, ToastBody, Toaster, ToastFooter, ToastTitle, useId, useToastController, } from '@fluentui/react-components';
-import { useCloseToastNotification, useToastNotificationItems, } from '@headless-adminapp/app/toast-notification/hooks';
-import { useEffect, useRef } from 'react';
-export const ToastNotificationContainer = () => {
-    const items = useToastNotificationItems();
-    const toasterId = useId('toaster');
-    return (_jsxs(_Fragment, { children: [_jsx(Toaster, { toasterId: toasterId }), items.map((item) => {
-                return _jsx(Item, { item: item, toasterId: toasterId }, item.id);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToastNotificationContainer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_components_1 = require("@fluentui/react-components");
+const hooks_1 = require("@headless-adminapp/app/toast-notification/hooks");
+const react_1 = require("react");
+const ToastNotificationContainer = () => {
+    const items = (0, hooks_1.useToastNotificationItems)();
+    const toasterId = (0, react_components_1.useId)('toaster');
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_components_1.Toaster, { toasterId: toasterId }), items.map((item) => {
+                return (0, jsx_runtime_1.jsx)(Item, { item: item, toasterId: toasterId }, item.id);
             })] }));
 };
+exports.ToastNotificationContainer = ToastNotificationContainer;
 const Item = ({ item, toasterId, }) => {
-    const { dispatchToast, dismissToast } = useToastController(toasterId);
-    const closeToastNotification = useCloseToastNotification();
-    const opened = useRef(false);
-    useEffect(() => {
-        var _a;
+    const { dispatchToast, dismissToast } = (0, react_components_1.useToastController)(toasterId);
+    const closeToastNotification = (0, hooks_1.useCloseToastNotification)();
+    const opened = (0, react_1.useRef)(false);
+    (0, react_1.useEffect)(() => {
         if (!item.isOpen) {
             dismissToast(item.id);
             return;
@@ -23,7 +26,7 @@ const Item = ({ item, toasterId, }) => {
             return;
         }
         opened.current = true;
-        dispatchToast(_jsxs(Toast, { children: [_jsx(ToastTitle, { children: item.title }), _jsx(ToastBody, { children: item.text }), !!((_a = item.actions) === null || _a === void 0 ? void 0 : _a.length) && (_jsx(ToastFooter, { children: item.actions.map((action, index) => (_jsx(Link, { onClick: action.onClick, children: action.text }, index))) }))] }), {
+        dispatchToast((0, jsx_runtime_1.jsxs)(react_components_1.Toast, { children: [(0, jsx_runtime_1.jsx)(react_components_1.ToastTitle, { children: item.title }), (0, jsx_runtime_1.jsx)(react_components_1.ToastBody, { children: item.text }), !!item.actions?.length && ((0, jsx_runtime_1.jsx)(react_components_1.ToastFooter, { children: item.actions.map((action, index) => ((0, jsx_runtime_1.jsx)(react_components_1.Link, { onClick: action.onClick, children: action.text }, index))) }))] }), {
             timeout: 2000,
             intent: item.type,
             pauseOnHover: true,

package/componentStore.js

@@ -1,2 +1,5 @@
-import { ComponentStore } from '@headless-adminapp/app/store';
-export const componentStore = new ComponentStore();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentStore = void 0;
+const store_1 = require("@headless-adminapp/app/store");
+exports.componentStore = new store_1.ComponentStore();

package/components/BodyLoading.js

@@ -1,19 +1,23 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Spinner, tokens } from '@fluentui/react-components';
-export const BodyLoading = ({ loading }) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BodyLoading = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_components_1 = require("@fluentui/react-components");
+const BodyLoading = ({ loading }) => {
     if (!loading) {
         return null;
     }
-    return (_jsxs(_Fragment, { children: [_jsx("div", { style: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: {
                     position: 'absolute',
                     inset: 0,
-                    backgroundColor: tokens.colorNeutralBackground1,
+                    backgroundColor: react_components_1.tokens.colorNeutralBackground1,
                     opacity: 0.7,
-                } }), _jsx("div", { style: {
+                } }), (0, jsx_runtime_1.jsx)("div", { style: {
                     position: 'absolute',
                     inset: 0,
                     display: 'flex',
                     alignItems: 'center',
                     justifyContent: 'center',
-                }, children: _jsx(Spinner, { size: "small" }) })] }));
+                }, children: (0, jsx_runtime_1.jsx)(react_components_1.Spinner, { size: "small" }) })] }));
 };
+exports.BodyLoading = BodyLoading;

package/components/DialogLogin.js

@@ -1,6 +1,9 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Dialog, DialogBody, DialogContent, DialogSurface, } from '@fluentui/react-components';
-import { LoginForm } from './LoginForm';
-export function DialogLogin(props) {
-    return (_jsx(Dialog, { open: true, onOpenChange: () => { }, modalType: "non-modal", children: _jsx(DialogSurface, { style: { maxWidth: 360 }, children: _jsx(DialogBody, { children: _jsx(DialogContent, { children: _jsx(LoginForm, { onLogin: props.onLogin, logoImageUrl: props.logoImageUrl }) }) }) }) }));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogLogin = DialogLogin;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_components_1 = require("@fluentui/react-components");
+const LoginForm_1 = require("./LoginForm");
+function DialogLogin(props) {
+    return ((0, jsx_runtime_1.jsx)(react_components_1.Dialog, { open: true, onOpenChange: () => { }, modalType: "non-modal", children: (0, jsx_runtime_1.jsx)(react_components_1.DialogSurface, { style: { maxWidth: 360 }, children: (0, jsx_runtime_1.jsx)(react_components_1.DialogBody, { children: (0, jsx_runtime_1.jsx)(react_components_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(LoginForm_1.LoginForm, { onLogin: props.onLogin, logoImageUrl: props.logoImageUrl }) }) }) }) }));
 }

package/components/DndProvider.d.ts

@@ -0,0 +1,12 @@
+import type { BackendFactory } from 'dnd-core';
+import { FC, PropsWithChildren } from 'react';
+import type * as ReactDndTypes from 'react-dnd';
+interface DndContextState {
+    DndProvider: typeof ReactDndTypes.DndProvider;
+    backend: BackendFactory;
+    useDrag: typeof ReactDndTypes.useDrag;
+    useDrop: typeof ReactDndTypes.useDrop;
+}
+export declare const DndProvider: FC<PropsWithChildren>;
+export declare function useDndContext(): DndContextState;
+export {};

package/components/DndProvider.js

@@ -0,0 +1,68 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DndProvider = void 0;
+exports.useDndContext = useDndContext;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const DndProviderIntenral = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('react-dnd'))).then((mod) => ({ default: mod.DndProvider })));
+let ReactDndPromise = null;
+let HTML5BackendPromise = null;
+const DndContext = (0, react_1.createContext)(null);
+const DndProvider = ({ children }) => {
+    const [context, setContext] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        if (!HTML5BackendPromise) {
+            HTML5BackendPromise = Promise.resolve().then(() => __importStar(require('react-dnd-html5-backend'))).then((mod) => mod.HTML5Backend);
+        }
+        if (!ReactDndPromise) {
+            ReactDndPromise = Promise.resolve().then(() => __importStar(require('react-dnd')));
+        }
+        Promise.all([HTML5BackendPromise, ReactDndPromise])
+            .then(([backend, mod]) => {
+            setContext({
+                DndProvider: mod.DndProvider,
+                backend: backend,
+                useDrag: mod.useDrag,
+                useDrop: mod.useDrop,
+            });
+        })
+            .catch((err) => {
+            console.error(err);
+        });
+    }, []);
+    if (!context) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(DndContext.Provider, { value: context, children: (0, jsx_runtime_1.jsx)(DndProviderIntenral, { backend: context.backend, children: children }) }));
+};
+exports.DndProvider = DndProvider;
+function useDndContext() {
+    const context = (0, react_1.useContext)(DndContext);
+    if (!context) {
+        throw new Error('useDndContext must be used within DndProvider');
+    }
+    return context;
+}