xmlui 0.11.4 → 0.11.6

package/dist/scripts/src/components/ModalDialog/ModalDialog.spec.js

@@ -1,181 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const fixtures_1 = require("../../testing/fixtures");
-// =============================================================================
-// OPEN/CLOSE TESTS
-// =============================================================================
-fixtures_1.test.describe("Open/Close", () => {
-    (0, fixtures_1.test)("Imperative open - without params", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-        yield initTestBed(`
-      <Fragment>
-        <Button testId="button" onClick="modal.open()">open modal (imperative)</Button>
-        <ModalDialog id="modal">
-          <Text testId="textInModal">Hello</Text>
-        </ModalDialog>
-      </Fragment>
-    `);
-        yield (0, fixtures_1.expect)(page.getByTestId("textInModal")).not.toBeVisible();
-        yield page.getByTestId("button").click();
-        yield (0, fixtures_1.expect)(page.getByTestId("textInModal")).toBeVisible();
-    }));
-    (0, fixtures_1.test)("Imperative open - with param inside", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-        yield initTestBed(`
-      <Fragment>
-        <Button testId="button" onClick="modal.open('PARAM_VALUE')">open modal (imperative)</Button>
-        <ModalDialog id="modal">
-          <Text testId="textInModal">{$param}</Text>
-        </ModalDialog>
-      </Fragment>
-    `);
-        yield page.getByTestId("button").click();
-        yield (0, fixtures_1.expect)(page.getByTestId("textInModal")).toHaveText("PARAM_VALUE");
-    }));
-    (0, fixtures_1.test)("Imperative open - with multiple param inside", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-        yield initTestBed(`
-      <Fragment>
-        <Button testId="button" onClick="modal.open('PARAM_VALUE1', 'PARAM_VALUE2')">open modal (imperative)</Button>
-        <ModalDialog id="modal">
-          <Text testId="textInModal1">{$params[0]}</Text>
-          <Text testId="textInModal2">{$params[1]}</Text>
-        </ModalDialog>
-      </Fragment>
-    `);
-        yield page.getByTestId("button").click();
-        yield (0, fixtures_1.expect)(page.getByTestId("textInModal1")).toHaveText("PARAM_VALUE1");
-        yield (0, fixtures_1.expect)(page.getByTestId("textInModal2")).toHaveText("PARAM_VALUE2");
-    }));
-    (0, fixtures_1.test)("Imperative open - with param in title", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-        yield initTestBed(`
-      <Fragment>
-        <Button testId="button" onClick="modal.open('PARAM_VALUE')">open modal (imperative)</Button>
-        <ModalDialog id="modal" title="{$param}"/>
-      </Fragment>
-    `);
-        yield page.getByTestId("button").click();
-        yield (0, fixtures_1.expect)(page.getByTestId("modal").getByRole("heading")).toHaveText("PARAM_VALUE");
-    }));
-    (0, fixtures_1.test)("Preserves $item context variable from Table Column", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-        yield initTestBed(`
-      <Table data='{[
-        {id: 1, company: "Acme Corp", order: 1},
-      ]}'>
-        <Column>
-          <ModalDialog id="dialog" testId="dialog" title="{$item.company}">
-            <Text testId="modal-text">{JSON.stringify($item)}</Text>
-          </ModalDialog>
-          <Button testId="btn-{$itemIndex}" onClick="dialog.open()">{$item.company}</Button>
-        </Column>
-      </Table>
-    `);
-        // Test first row
-        yield page.getByTestId("btn-0").click();
-        const modal = page.getByTestId("dialog");
-        yield (0, fixtures_1.expect)(modal).toBeVisible();
-        yield (0, fixtures_1.expect)(modal).toContainText("Acme Corp");
-    }));
-    (0, fixtures_1.test)("Declarative open/close", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed }) {
-        yield initTestBed(`
-    <Fragment var.isOpen="{false}">
-      <Button testId="button" onClick="isOpen = true">open modal</Button>
-      <ModalDialog when="{isOpen}" onClose="isOpen = false" testId="modal">
-        <Text testId="textInModal">Hello</Text>
-      </ModalDialog>
-      <Text testId="isOpen">{isOpen + ''}</Text>
-    </Fragment>
-  `);
-        yield (0, fixtures_1.expect)(page.getByTestId("textInModal")).not.toBeVisible();
-        yield (0, fixtures_1.expect)(page.getByTestId("isOpen")).toHaveText("false");
-        yield page.getByTestId("button").click();
-        yield (0, fixtures_1.expect)(page.getByTestId("textInModal")).toBeVisible();
-        yield (0, fixtures_1.expect)(page.getByTestId("isOpen")).toHaveText("true");
-        //click modal close button
-        yield page.getByTestId("modal").getByRole("button").click();
-        yield (0, fixtures_1.expect)(page.getByTestId("textInModal")).not.toBeVisible();
-        yield (0, fixtures_1.expect)(page.getByTestId("isOpen")).toHaveText("false");
-    }));
-    (0, fixtures_1.test)("maxWidth works", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed, createModalDialogDriver }) {
-        yield initTestBed(`
-      <Fragment>
-        <Button testId="button" onClick="modal.open()">open modal (imperative)</Button>
-        <ModalDialog id="modal" maxWidth="250px">
-          <Text testId="textInModal">Hello</Text>
-        </ModalDialog>
-      </Fragment>
-    `);
-        const modal = yield createModalDialogDriver("modal");
-        yield (0, fixtures_1.expect)(modal.component).not.toBeVisible();
-        yield (0, fixtures_1.expect)(page.getByTestId("textInModal")).not.toBeVisible();
-        yield page.getByTestId("button").click();
-        yield (0, fixtures_1.expect)(modal.component).toBeVisible();
-        yield (0, fixtures_1.expect)(modal.component).toHaveCSS("max-width", "250px");
-        yield (0, fixtures_1.expect)(page.getByTestId("textInModal")).toBeVisible();
-    }));
-    (0, fixtures_1.test)("backgroundColor works", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed, createModalDialogDriver }) {
-        yield initTestBed(`
-      <Fragment>
-        <Button testId="button" onClick="modal.open()">open modal (imperative)</Button>
-        <ModalDialog id="modal" backgroundColor="rgb(255, 255, 0)">
-          <Text testId="textInModal">Hello</Text>
-        </ModalDialog>
-      </Fragment>
-    `);
-        const modal = yield createModalDialogDriver("modal");
-        yield page.getByTestId("button").click();
-        yield (0, fixtures_1.expect)(modal.component).toBeVisible();
-        yield (0, fixtures_1.expect)(modal.component).toHaveCSS("background-color", "rgb(255, 255, 0)");
-        yield (0, fixtures_1.expect)(page.getByTestId("textInModal")).toBeVisible();
-    }));
-    (0, fixtures_1.test)("modal is scrollable in fullScreen mode and hides background content", (_a) => __awaiter(void 0, [_a], void 0, function* ({ page, initTestBed, createModalDialogDriver }) {
-        yield initTestBed(`
-      <Fragment>
-        <!-- Background page content that should be completely hidden by the modal -->
-        <VStack testId="pageContent" height="300vh" backgroundColor="lightblue">
-          <Button testId="button" onClick="modal.open()">
-            open modal
-          </Button>
-          <Stack height="*" verticalAlignment="end">
-              <Text testId="pageBottomText">
-                  Should be hidden
-              </Text>
-          </Stack>
-        </VStack>
-        <ModalDialog id="modal" fullScreen="{true}">
-          <VStack>
-            <Text testId="textInModal">
-              Content that should be scrollable
-            </Text>
-            <Stack
-              testId="longContent"
-              height="300vh"
-              verticalAlignment="end">
-              <Text testId="bottomText">
-                Long content
-              </Text>
-            </Stack>
-          </VStack>
-        </ModalDialog>
-      </Fragment>
-    `);
-        const modal = yield createModalDialogDriver("modal");
-        // Verify page content is initially visible before opening modal
-        yield (0, fixtures_1.expect)(page.getByTestId("pageContent")).toBeVisible();
-        yield (0, fixtures_1.expect)(page.getByTestId("pageEndText")).not.toBeInViewport();
-        // Open the modal
-        yield page.getByTestId("button").click();
-        yield (0, fixtures_1.expect)(modal.component).toBeVisible();
-        // Verify modal completely covers page content - all page content should be hidden
-        yield (0, fixtures_1.expect)(page.getByTestId("textInModal")).toBeVisible();
-        yield (0, fixtures_1.expect)(page.getByTestId("bottomText")).not.toBeInViewport();
-        yield page.getByTestId("bottomText").scrollIntoViewIfNeeded();
-        yield (0, fixtures_1.expect)(page.getByTestId("pageBottomText")).not.toBeInViewport();
-    }));
-});

package/dist/scripts/src/components/ModalDialog/ModalDialogNative.js

@@ -1,217 +0,0 @@
-"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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModalDialog = exports.ModalDialogFrame = exports.defaultProps = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const Dialog = __importStar(require("@radix-ui/react-dialog"));
-const react_compose_refs_1 = require("@radix-ui/react-compose-refs");
-const classnames_1 = __importDefault(require("classnames"));
-const ModalDialog_module_scss_1 = __importDefault(require("./ModalDialog.module.scss"));
-const ThemeContext_1 = require("../../components-core/theming/ThemeContext");
-const misc_1 = require("../../components-core/utils/misc");
-const IconNative_1 = require("../Icon/IconNative");
-const ButtonNative_1 = require("../Button/ButtonNative");
-const ModalVisibilityContext_1 = require("./ModalVisibilityContext");
-const PART_TITLE = "title";
-const PART_CONTENT = "content";
-// Default props for ModalDialog component
-exports.defaultProps = {
-    fullScreen: false,
-    closeButtonVisible: true,
-};
-exports.ModalDialogFrame = react_1.default.forwardRef(({ isInitiallyOpen, onOpen, onClose, registerComponentApi, renderDialog }, ref) => {
-    const modalContextStateValue = useModalLocalOpenState(isInitiallyOpen, onOpen, onClose);
-    const { doOpen, doClose, isOpen, openParams } = modalContextStateValue;
-    (0, react_1.useEffect)(() => {
-        registerComponentApi === null || registerComponentApi === void 0 ? void 0 : registerComponentApi({
-            open: doOpen,
-            close: doClose,
-        });
-    }, [doClose, doOpen, registerComponentApi]);
-    return isOpen ? ((0, jsx_runtime_1.jsx)(ModalStateContext.Provider, { value: modalContextStateValue, children: renderDialog({
-            openParams,
-            ref,
-        }) })) : null;
-});
-exports.ModalDialogFrame.displayName = "ModalDialogFrame";
-const ModalStateContext = react_1.default.createContext(null);
-function useModalLocalOpenState(isInitiallyOpen, onOpen, onClose) {
-    const [isOpen, setIsOpen] = (0, react_1.useState)(isInitiallyOpen);
-    const isClosing = (0, react_1.useRef)(false);
-    const [openParams, setOpenParams] = (0, react_1.useState)(null);
-    const doOpen = (0, misc_1.useEvent)((...openParams) => {
-        setOpenParams(openParams);
-        onOpen === null || onOpen === void 0 ? void 0 : onOpen();
-        setIsOpen(true);
-    });
-    const doClose = (0, misc_1.useEvent)(() => __awaiter(this, void 0, void 0, function* () {
-        if (!isClosing.current) {
-            try {
-                isClosing.current = true;
-                const result = yield (onClose === null || onClose === void 0 ? void 0 : onClose());
-                if (result === false) {
-                    return;
-                }
-            }
-            finally {
-                isClosing.current = false;
-            }
-        }
-        setIsOpen(false);
-    }));
-    return (0, react_1.useMemo)(() => {
-        return {
-            isOpen,
-            doClose,
-            doOpen,
-            openParams,
-        };
-    }, [doClose, doOpen, isOpen, openParams]);
-}
-function useModalOpenState(isInitiallyOpen = true, onOpen, onClose) {
-    const modalStateContext = (0, react_1.useContext)(ModalStateContext);
-    const modalLocalOpenState = useModalLocalOpenState(isInitiallyOpen, onOpen, onClose);
-    return modalStateContext || modalLocalOpenState;
-}
-exports.ModalDialog = react_1.default.forwardRef((_a, ref) => {
-    var { children, style, isInitiallyOpen, fullScreen = exports.defaultProps.fullScreen, title, closeButtonVisible = exports.defaultProps.closeButtonVisible, className, onOpen, onClose, externalAnimation = true } = _a, rest = __rest(_a, ["children", "style", "isInitiallyOpen", "fullScreen", "title", "closeButtonVisible", "className", "onOpen", "onClose", "externalAnimation"]);
-    const { root } = (0, ThemeContext_1.useTheme)();
-    // NOTE: at this point, we can't use useAppContext here,
-    // since the ModalDialog context provider (via ConfirmationModalContextProvider) is mounted outside of the AppContext,
-    // and ModalDialogs can also be called using the imperative API (see functions like "confirm")
-    // String-based type checking: Use constructor.name to identify ShadowRoot
-    // This avoids direct ShadowRoot type dependency while being more explicit than duck typing
-    const isDialogRootInShadowDom = typeof ShadowRoot !== "undefined" && (root === null || root === void 0 ? void 0 : root.getRootNode()) instanceof ShadowRoot;
-    const modalRef = (0, react_1.useRef)(null);
-    const composedRef = ref ? (0, react_compose_refs_1.composeRefs)(ref, modalRef) : modalRef;
-    const { isOpen, doClose, doOpen } = useModalOpenState(isInitiallyOpen, onOpen, onClose);
-    /**
-     * https://github.com/radix-ui/primitives/issues/3648
-     */
-    (0, react_1.useLayoutEffect)(() => {
-        return () => {
-            const root = document.getElementById("root");
-            if (root)
-                requestAnimationFrame(() => {
-                    root.removeAttribute("aria-hidden");
-                    document.body.style.pointerEvents = "auto";
-                });
-        };
-    }, []);
-    (0, react_1.useEffect)(() => {
-        var _a;
-        if (isOpen) {
-            (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-    }, [isOpen]);
-    // https://github.com/radix-ui/primitives/issues/2122#issuecomment-2140827998
-    (0, react_1.useEffect)(() => {
-        if (isOpen) {
-            // Pushing the change to the end of the call stack
-            const timer = setTimeout(() => {
-                document.body.style.pointerEvents = "";
-            }, 0);
-            return () => clearTimeout(timer);
-        }
-        else {
-            document.body.style.pointerEvents = "auto";
-        }
-    }, [isOpen]);
-    const registeredForms = (0, react_1.useRef)(new Set());
-    const modalVisibilityContextValue = (0, react_1.useMemo)(() => {
-        return {
-            registerForm: (id) => {
-                registeredForms.current.add(id);
-            },
-            unRegisterForm: (id) => {
-                registeredForms.current.delete(id);
-            },
-            amITheSingleForm: (id) => {
-                return registeredForms.current.size === 1 && registeredForms.current.has(id);
-            },
-            requestClose: () => {
-                return doClose();
-            },
-        };
-    }, [doClose]);
-    if (!root) {
-        return null;
-    }
-    const Content = ((0, jsx_runtime_1.jsxs)(Dialog.Content, Object.assign({}, rest, { "data-part-id": PART_CONTENT, className: (0, classnames_1.default)({
-            [ModalDialog_module_scss_1.default.contentAnimation]: !externalAnimation,
-        }, ModalDialog_module_scss_1.default.content, className), onPointerDownOutside: (event) => {
-            if (event.target instanceof Element &&
-                (event.target.closest("._debug-inspect-button") !== null ||
-                    event.target.localName === "com-1password-button")) {
-                //we prevent the auto modal close on clicking the inspect button
-                event.preventDefault();
-            }
-        }, ref: composedRef, style: Object.assign(Object.assign({}, style), { gap: undefined }), children: [!!title && ((0, jsx_runtime_1.jsx)(Dialog.Title, { style: { marginTop: 0 }, children: (0, jsx_runtime_1.jsx)("header", { id: "dialogTitle", className: ModalDialog_module_scss_1.default.dialogTitle, "data-part-id": PART_TITLE, children: title }) })), (0, jsx_runtime_1.jsx)("div", { className: ModalDialog_module_scss_1.default.innerContent, style: { gap: style === null || style === void 0 ? void 0 : style.gap }, children: (0, jsx_runtime_1.jsx)(ModalVisibilityContext_1.ModalVisibilityContext.Provider, { value: modalVisibilityContextValue, children: children }) }), closeButtonVisible && ((0, jsx_runtime_1.jsx)(Dialog.Close, { asChild: true, children: (0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { variant: "ghost", themeColor: "secondary", className: ModalDialog_module_scss_1.default.closeButton, "aria-label": "Close", icon: (0, jsx_runtime_1.jsx)(IconNative_1.Icon, { name: "close", size: "sm" }), orientation: "vertical" }) }))] })));
-    return ((0, jsx_runtime_1.jsx)(Dialog.Root, { open: isOpen, onOpenChange: (open) => (open ? doOpen() : doClose()), children: (0, jsx_runtime_1.jsxs)(Dialog.Portal, { container: root, children: [isDialogRootInShadowDom && (
-                /*
-                  In the Shadow DOM we can omit the Dialog.Overlay,
-                  since we get the same result & the main content outside remains scrollable.
-                */
-                (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(ModalDialog_module_scss_1.default.overlayBg, ModalDialog_module_scss_1.default.nested, {
-                        [ModalDialog_module_scss_1.default.fullScreen]: fullScreen,
-                    }), children: Content })), !isDialogRootInShadowDom && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(ModalDialog_module_scss_1.default.overlayBg) }), (0, jsx_runtime_1.jsx)(Dialog.Overlay, { className: (0, classnames_1.default)(ModalDialog_module_scss_1.default.overlay, {
-                                [ModalDialog_module_scss_1.default.fullScreen]: fullScreen,
-                            }), children: Content })] }))] }) }));
-});
-exports.ModalDialog.displayName = "ModalDialog";

package/dist/scripts/src/components/ModalDialog/ModalVisibilityContext.js

@@ -1,60 +0,0 @@
-"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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useModalFormClose = exports.ModalVisibilityContext = void 0;
-const react_1 = __importStar(require("react"));
-exports.ModalVisibilityContext = react_1.default.createContext(null);
-const useModalFormClose = () => {
-    const id = (0, react_1.useId)();
-    const { registerForm, unRegisterForm, requestClose, amITheSingleForm } = (0, react_1.useContext)(exports.ModalVisibilityContext) || {};
-    (0, react_1.useEffect)(() => {
-        if (registerForm) {
-            registerForm(id);
-            return () => {
-                unRegisterForm === null || unRegisterForm === void 0 ? void 0 : unRegisterForm(id);
-            };
-        }
-    }, [id, registerForm, unRegisterForm]);
-    return (0, react_1.useCallback)(() => {
-        if (!requestClose) {
-            return;
-        }
-        if (!amITheSingleForm(id)) {
-            return;
-        }
-        return requestClose();
-    }, [amITheSingleForm, id, requestClose]);
-};
-exports.useModalFormClose = useModalFormClose;

package/dist/scripts/src/components/NavGroup/NavGroup.js

@@ -1,70 +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.navGroupComponentRenderer = exports.NavGroupMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const NavGroup_module_scss_1 = __importDefault(require("./NavGroup.module.scss"));
-const NavLink_module_scss_1 = __importDefault(require("../NavLink/NavLink.module.scss"));
-const renderers_1 = require("../../components-core/renderers");
-const themeVars_1 = require("../../components-core/theming/themeVars");
-const IconNative_1 = require("../Icon/IconNative");
-const metadata_helpers_1 = require("../metadata-helpers");
-const NavGroupNative_1 = require("./NavGroupNative");
-const COMP = "NavGroup";
-exports.NavGroupMd = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: "`NavGroup` creates collapsible containers for organizing related navigation " +
-        "items into hierarchical menu structures. It groups `NavLink` components and " +
-        "other `NavGroup` components, providing expandable submenus with customizable " +
-        "icons and states.",
-    props: {
-        label: (0, metadata_helpers_1.dLabel)(),
-        initiallyExpanded: (0, metadata_helpers_1.d)("This property defines whether the group is initially expanded or collapsed. If not " +
-            "defined, the group is collapsed by default."),
-        enabled: (0, metadata_helpers_1.dEnabled)(),
-        to: {
-            description: `This property defines an optional navigation link.`,
-            valueType: "string",
-        },
-        icon: {
-            description: `This property defines an optional icon to display along with the \`${COMP}\` label.`,
-            valueType: "string",
-        },
-        iconHorizontalExpanded: {
-            description: "Set a custom icon to display when the navigation menu is expanded, " +
-                "is in a **horizontal** app layout, and is in a navigation submenu.",
-            valueType: "string",
-            defaultValue: NavGroupNative_1.defaultProps.iconHorizontalExpanded,
-        },
-        iconVerticalExpanded: {
-            description: "Set a custom icon to display when the navigation menu is expanded, " +
-                "is in a **vertical** app layout, or is in a **horizontal** layout and is the top-level navigation item in the menu.",
-            valueType: "string",
-            defaultValue: NavGroupNative_1.defaultProps.iconVerticalExpanded,
-        },
-        iconHorizontalCollapsed: {
-            description: "Set a custom icon to display when the navigation menu is collapsed, " +
-                "is in a **horizontal** app layout, and is in a navigation submenu.",
-            valueType: "string",
-            defaultValue: NavGroupNative_1.defaultProps.iconHorizontalCollapsed,
-        },
-        iconVerticalCollapsed: {
-            description: "Set a custom icon to display when the navigation menu is collapsed, " +
-                "is in a **vertical** app layout, or is in a **horizontal** layout and is the top-level navigation item in the menu.",
-            valueType: "string",
-            defaultValue: NavGroupNative_1.defaultProps.iconVerticalCollapsed,
-        },
-    },
-    themeVars: (0, themeVars_1.parseScssVar)(NavGroup_module_scss_1.default.themeVars),
-    defaultThemeVars: {
-        [`backgroundColor-dropdown-${COMP}`]: "$backgroundColor-primary",
-        [`borderRadius-dropdown-${COMP}`]: "$borderRadius",
-        [`boxShadow-dropdown-${COMP}`]: "$boxShadow-spread",
-    },
-});
-exports.navGroupComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.NavGroupMd, ({ node, extractValue, renderChild }) => {
-    var _a;
-    return ((0, jsx_runtime_1.jsx)(NavGroupNative_1.NavGroup, { label: extractValue.asDisplayText(node.props.label), disabled: !extractValue.asOptionalBoolean((_a = node.props.enabled) !== null && _a !== void 0 ? _a : true), to: extractValue.asOptionalString(node.props.to), icon: (0, jsx_runtime_1.jsx)(IconNative_1.Icon, { name: extractValue.asString(node.props.icon), className: NavLink_module_scss_1.default.icon }), node: node, initiallyExpanded: extractValue.asOptionalBoolean(node.props.initiallyExpanded), renderChild: renderChild, iconHorizontalExpanded: extractValue.asOptionalString(node.props.iconHorizontalExpanded), iconVerticalExpanded: extractValue.asOptionalString(node.props.iconVerticalExpanded), iconHorizontalCollapsed: extractValue.asOptionalString(node.props.iconHorizontalCollapsed), iconVerticalCollapsed: extractValue.asOptionalString(node.props.iconVerticalCollapsed) }));
-});