@moneyforward/mfui-components 2.48.2 → 3.1.0

package/dist/cjs/src/Dialog/hooks/useDialogStateController.js

@@ -1,84 +0,0 @@
-"use strict";
-'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDialogStateController = void 0;
-const react_1 = require("react");
-const useUpdateEffect_1 = require("../../utilities/effect/useUpdateEffect");
-/**
- * Custom hook to control the open/close state of a dialog.
- *
- * This hook provides functionality to open or close a dialog based on the `open` flag.
- * It also handles closing the dialog when the backdrop is clicked and prevents the dialog from closing
- * when clicking inside the dialog content.
- *
- * @param options - The options for controlling the dialog state.
- *
- * @param options.open - Flag indicating if the dialog should be open.
- *
- * @param options.onClose - Callback function to execute when closing the dialog.
- *
- * @param options.forwardedRef - Reference to the dialog DOM element.
- *
- * @param options.customFocusElement - Optional custom element to focus when the dialog opens.
- * When provided, this element receives focus instead of the dialog container.
- *
- * @returns Object containing functions to handle closing the dialog and stopping the dialog from closing.
- */
-const useDialogStateController = ({ open, forwardedRef, onClose, customFocusElement, }) => {
-    const [dialogElement, setDialogElement] = (0, react_1.useState)(null);
-    const [localOpen, setLocalOpen] = (0, react_1.useState)(open);
-    // Whenever the `open` prop changes, update the local state.
-    (0, useUpdateEffect_1.useUpdateEffect)(() => {
-        setLocalOpen(open);
-    }, [open]);
-    // When the local open update form true to false, we will call `onClose`
-    (0, useUpdateEffect_1.useUpdateEffect)(() => {
-        if (!localOpen) {
-            onClose?.();
-        }
-    }, [localOpen]);
-    const setDialogElementRef = (0, react_1.useCallback)((element) => {
-        setDialogElement(element);
-        const refObject = forwardedRef;
-        if (!refObject)
-            return;
-        if (typeof refObject === 'function') {
-            refObject(element);
-        }
-        else {
-            refObject.current = element;
-        }
-    }, [forwardedRef]);
-    const closeDialog = (0, react_1.useCallback)(() => {
-        setLocalOpen(false);
-    }, []);
-    // Function to prevent the dialog from closing when clicking inside the dialog.
-    const handleStopCloseDialog = (0, react_1.useCallback)((event) => {
-        event.stopPropagation();
-    }, []);
-    // Autofocus to custom element or Dialog itself when it opens
-    (0, react_1.useEffect)(() => {
-        if (!localOpen)
-            return;
-        if (customFocusElement) {
-            // Handle RefObject case
-            if ('current' in customFocusElement) {
-                customFocusElement.current?.focus();
-                return;
-            }
-            // Handle direct HTMLElement case
-            customFocusElement.focus();
-            return;
-        }
-        // Default behavior: focus the dialog container
-        dialogElement?.focus();
-    }, [localOpen, dialogElement, customFocusElement]);
-    return {
-        localOpen,
-        closeDialog,
-        handleStopCloseDialog,
-        dialogElement,
-        setDialogElement: setDialogElementRef,
-    };
-};
-exports.useDialogStateController = useDialogStateController;

package/dist/cjs/src/Dialog/index.js

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

package/dist/cjs/src/Disclosure/Disclosure.js

@@ -1,71 +0,0 @@
-"use strict";
-'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Disclosure = Disclosure;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const mfui_icons_react_1 = require("@moneyforward/mfui-icons-react");
-const css_1 = require("../../styled-system/css");
-const recipes_1 = require("../../styled-system/recipes");
-const useDisclosure_1 = require("../utilities/state/useDisclosure");
-const Typography_1 = require("../Typography");
-const FocusIndicator_1 = require("../FocusIndicator");
-const DisclosureContext = (0, react_1.createContext)(null);
-const useDisclosureContext = () => {
-    const context = (0, react_1.useContext)(DisclosureContext);
-    if (!context) {
-        throw new Error('Disclosure compound components cannot be rendered outside the Disclosure component');
-    }
-    return context;
-};
-/**
- * Disclosure component that provides an expandable/collapsible section.
- * Uses compound components pattern with Trigger and Target subcomponents.
- *
- * @example
- * ```tsx
- * <Disclosure isOpenByDefault={false}>
- *   <Disclosure.Trigger targetId="target-1">Toggle</Disclosure.Trigger>
- *   <Disclosure.Target id="target-1">Content</Disclosure.Target>
- * </Disclosure>
- * ```
- */
-function Disclosure({ children, isOpenByDefault = false, enableAutoUnmount = true }) {
-    const { isOpen, toggle } = (0, useDisclosure_1.useDisclosure)({ value: isOpenByDefault });
-    const contextValue = (0, react_1.useMemo)(() => ({
-        isOpen,
-        toggle,
-        enableAutoUnmount,
-    }), [isOpen, toggle, enableAutoUnmount]);
-    return (0, jsx_runtime_1.jsx)(DisclosureContext.Provider, { value: contextValue, children: children });
-}
-/**
- * The trigger button component for the Disclosure.
- * Must be used within a Disclosure component.
- */
-const Trigger = (0, react_1.forwardRef)(({ targetId, children, className, onClick, ...props }, ref) => {
-    const { isOpen, toggle } = useDisclosureContext();
-    const classes = (0, recipes_1.disclosureSlotRecipe)();
-    const handleClick = (0, react_1.useCallback)((event) => {
-        toggle();
-        onClick?.(event);
-    }, [onClick, toggle]);
-    return ((0, jsx_runtime_1.jsx)(FocusIndicator_1.FocusIndicator, { children: (0, jsx_runtime_1.jsxs)("button", { ref: ref, className: (0, css_1.cx)(classes.trigger, 'mfui-Disclosure__trigger', className), "aria-expanded": isOpen, "aria-controls": targetId, onClick: handleClick, ...props, children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "controlLabel", children: children }), isOpen ? (0, jsx_runtime_1.jsx)(mfui_icons_react_1.DisclosureBasicExpanded, {}) : (0, jsx_runtime_1.jsx)(mfui_icons_react_1.DisclosureBasicCollapsed, {})] }) }));
-});
-/**
- * The target component for the Disclosure.
- * Must be used within a Disclosure component.
- */
-const Target = (0, react_1.forwardRef)(({ id, children, className, style, ...props }, ref) => {
-    const { isOpen, enableAutoUnmount } = useDisclosureContext();
-    const classes = (0, recipes_1.disclosureSlotRecipe)();
-    if (enableAutoUnmount && !isOpen) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, id: id, className: (0, css_1.cx)(classes.target, 'mfui-Disclosure__target', className), style: {
-            ...style,
-            display: !enableAutoUnmount && !isOpen ? 'none' : undefined,
-        }, ...props, children: children }));
-});
-Disclosure.Trigger = Trigger;
-Disclosure.Target = Target;

package/dist/cjs/src/Disclosure/Disclosure.types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/src/Disclosure/index.js

@@ -1,17 +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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Disclosure"), exports);

package/dist/cjs/src/DisplayTable/DisplayTable.js

@@ -1,103 +0,0 @@
-"use strict";
-'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DisplayTable = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DisplayTableProvider_1 = require("./DisplayTableProvider");
-const recipes_1 = require("../../styled-system/recipes");
-const DisplayTableBody_1 = require("./DisplayTableBody");
-const DisplayTableCell_1 = require("./DisplayTableCell");
-const DisplayTableHeader_1 = require("./DisplayTableHeader");
-const DisplayTableHeaderCell_1 = require("./DisplayTableHeaderCell");
-const DisplayTableHeaderRow_1 = require("./DisplayTableHeaderRow");
-const DisplayTableRow_1 = require("./DisplayTableRow");
-const css_1 = require("../../styled-system/css");
-const Heading_1 = require("../Heading");
-const Typography_1 = require("../Typography");
-function Base({ title, titleTag = 'h4', lead, className, fixedHeader = false, leftFixedColumnIndex, rightFixedColumnIndex, wrapperProps, ...props }) {
-    const classes = (0, recipes_1.displayTableSlotRecipe)({ fixedHeader });
-    return ((0, jsx_runtime_1.jsx)(DisplayTableProvider_1.DisplayTableProvider, { fixedHeader: fixedHeader, leftFixedColumnIndex: leftFixedColumnIndex, rightFixedColumnIndex: rightFixedColumnIndex, children: (0, jsx_runtime_1.jsxs)("div", { ...wrapperProps, className: (0, css_1.cx)(classes.wrapper, 'mfui-DisplayTable__wrapper', wrapperProps?.className), children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, css_1.cx)(classes.header, 'mfui-DisplayTable__header'), children: [(0, jsx_runtime_1.jsx)(Heading_1.Heading, { variant: "sectionHeading2", tag: titleTag, className: (0, css_1.cx)(classes.title, 'mfui-DisplayTable__title'), children: title }), lead ? ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { tag: "p", className: (0, css_1.cx)(classes.lead, 'mfui-DisplayTable__lead'), children: lead })) : null] }), (0, jsx_runtime_1.jsx)("div", { className: (0, css_1.cx)(classes.body, 'mfui-DisplayTable__body'), children: (0, jsx_runtime_1.jsx)("table", { className: (0, css_1.cx)(classes.table, 'mfui-DisplayTable__table', className), ...props }) })] }) }));
-}
-/**
- * The `DisplayTable` component.
- *
- * It renders a `table` element.
- * This component should be used as a wrapper for all DisplayTable composition components.
- * The composition components are provided as sub-components of DisplayTable.
- * You can use them as follows:
- *
- * @example
- * ```jsx
- * <DisplayTable title="My Table" lead="Table lead text">
- *     <DisplayTable.HeaderRow>
- *       <DisplayTable.HeaderCell>Header 1</DisplayTable.HeaderCell>
- *       <DisplayTable.HeaderCell>Header 2</DisplayTable.HeaderCell>
- *     </DisplayTable.HeaderRow>
- *   </DisplayTable.Header>
- *   </DisplayTable.Body>
- *     <DisplayTable.Row>
- *       <DisplayTable.Cell>Cell 1</DisplayTable.Cell>
- *       <DisplayTable.Cell>Cell 2</DisplayTable.Cell>
- *     </DisplayTable.Row>
- *   </DisplayTable.Body>
- * </DisplayTable>
- * ```
- */
-exports.DisplayTable = Object.assign(Base, {
-    /**
-     * The `DisplayTableBody` component.
-     * This component should be used inside the `DisplayTable` component.
-     *
-     * It renders and extends the props of `tbody` element.
-     *
-     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody
-     */
-    Body: DisplayTableBody_1.DisplayTableBody,
-    /**
-     * The `DisplayTableCell` component.
-     * This component should be used inside the `DisplayTable` component.
-     *
-     * It renders and extends the props of `td` element.
-     *
-     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td
-     */
-    Cell: DisplayTableCell_1.DisplayTableCell,
-    /**
-     * The `DisplayTableHeader` component.
-     * This component should be used inside the `DisplayTable` component.
-     *
-     * If the `fixedHeader` prop of the `DisplayTable` component is `true`, it will be sticky on the top of the table while scrolling.
-     *
-     * It renders and extends the props of `thead` element.
-     *
-     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead
-     */
-    Header: DisplayTableHeader_1.DisplayTableHeader,
-    /**
-     * The `DisplayTableHeaderCell` component.
-     * This component should be used inside the `DisplayTable` component.
-     *
-     * It renders and extends the props of `th` element.
-     *
-     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th
-     */
-    HeaderCell: DisplayTableHeaderCell_1.DisplayTableHeaderCell,
-    /**
-     * The `DisplayTableHeaderRow` component.
-     * This component should be used inside the `DisplayTable` component.
-     *
-     * It renders and extends the props of `tr` element.
-     *
-     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr
-     */
-    HeaderRow: DisplayTableHeaderRow_1.DisplayTableHeaderRow,
-    /**
-     * The `DisplayTableRow` component.
-     * This component should be used inside the `DisplayTable` component.
-     *
-     * It renders and extends the props of `tr` element.
-     *
-     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr
-     */
-    Row: DisplayTableRow_1.DisplayTableRow,
-});

package/dist/cjs/src/DisplayTable/DisplayTable.types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/src/DisplayTable/DisplayTableBody/DisplayTableBody.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DisplayTableBody = DisplayTableBody;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const recipes_1 = require("../../../styled-system/recipes");
-const css_1 = require("../../../styled-system/css");
-function DisplayTableBody({ className, ...props }) {
-    const classes = (0, recipes_1.displayTableBodySlotRecipe)();
-    return (0, jsx_runtime_1.jsx)("tbody", { className: (0, css_1.cx)(classes.root, 'mfui-DisplayTableBody__root', className), ...props });
-}

package/dist/cjs/src/DisplayTable/DisplayTableBody/DisplayTableBody.types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/src/DisplayTable/DisplayTableBody/index.js

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

package/dist/cjs/src/DisplayTable/DisplayTableCell/DisplayTableCell.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DisplayTableCell = DisplayTableCell;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const recipes_1 = require("../../../styled-system/recipes");
-const Typography_1 = require("../../Typography");
-const DisplayTableProvider_1 = require("../DisplayTableProvider");
-const css_1 = require("../../../styled-system/css");
-const useFixedColumns_1 = require("../../utilities/dom/useFixedColumns");
-function DisplayTableCell({ children, className, depth = '0', columnIndex, style, type = 'text', isTotal = false, ...props }) {
-    const { leftFixedColumnIndex, rightFixedColumnIndex } = (0, DisplayTableProvider_1.useDisplayTableContext)();
-    const { cellRef, isFixedColumn, isEdgeFixedColumn, fixedPositionStyles } = (0, useFixedColumns_1.useFixedColumns)({
-        columnIndex,
-        leftFixedColumnIndex,
-        rightFixedColumnIndex,
-    });
-    const classes = (0, recipes_1.displayTableCellSlotRecipe)({
-        type,
-        depth,
-        fixedColumn: isFixedColumn,
-        edgeFixedColumn: isEdgeFixedColumn,
-    });
-    const getTypographyVariant = () => {
-        if (isTotal) {
-            return type === 'amount' ? 'strongAmount' : 'strongBody';
-        }
-        return type === 'amount' ? 'amount' : 'body';
-    };
-    // Determine if the cell is a row header
-    // Row headers are fixed columns on the left side
-    const isRowHeader = isFixedColumn && isEdgeFixedColumn === 'left';
-    const Tag = isRowHeader ? 'th' : 'td';
-    return ((0, jsx_runtime_1.jsx)(Tag, { ref: cellRef, className: (0, css_1.cx)(classes.root, 'mfui-DisplayTableCell__root', className), style: { ...style, ...fixedPositionStyles }, ...props, children: (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: getTypographyVariant(), children: children }) }));
-}

package/dist/cjs/src/DisplayTable/DisplayTableCell/DisplayTableCell.types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/src/DisplayTable/DisplayTableCell/index.js

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

package/dist/cjs/src/DisplayTable/DisplayTableHeader/DisplayTableHeader.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DisplayTableHeader = DisplayTableHeader;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const recipes_1 = require("../../../styled-system/recipes");
-const DisplayTableProvider_1 = require("../DisplayTableProvider");
-const css_1 = require("../../../styled-system/css");
-function DisplayTableHeader({ children, className, ...props }) {
-    const { fixedHeader } = (0, DisplayTableProvider_1.useDisplayTableContext)();
-    const classes = (0, recipes_1.displayTableHeaderSlotRecipe)({ fixedHeader });
-    return ((0, jsx_runtime_1.jsx)("thead", { className: (0, css_1.cx)(classes.root, 'mfui-DisplayTableHeader__root', className), ...props, children: children }));
-}

package/dist/cjs/src/DisplayTable/DisplayTableHeader/DisplayTableHeader.types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/src/DisplayTable/DisplayTableHeader/index.js

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

package/dist/cjs/src/DisplayTable/DisplayTableHeaderCell/DisplayTableHeaderCell.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DisplayTableHeaderCell = DisplayTableHeaderCell;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const recipes_1 = require("../../../styled-system/recipes");
-const Typography_1 = require("../../Typography");
-const DisplayTableProvider_1 = require("../DisplayTableProvider");
-const css_1 = require("../../../styled-system/css");
-const useFixedColumns_1 = require("../../utilities/dom/useFixedColumns");
-function DisplayTableHeaderCell({ type, children, className, columnIndex, ...props }) {
-    const { leftFixedColumnIndex, rightFixedColumnIndex } = (0, DisplayTableProvider_1.useDisplayTableContext)();
-    const { cellRef, isFixedColumn, isEdgeFixedColumn, fixedPositionStyles } = (0, useFixedColumns_1.useFixedColumns)({
-        columnIndex,
-        leftFixedColumnIndex,
-        rightFixedColumnIndex,
-    });
-    const classes = (0, recipes_1.displayTableHeaderCellSlotRecipe)({
-        type,
-        fixedColumn: isFixedColumn,
-        edgeFixedColumn: isEdgeFixedColumn,
-    });
-    return ((0, jsx_runtime_1.jsx)("th", { ref: cellRef, className: (0, css_1.cx)(classes.root, 'mfui-DisplayTableHeaderCell__root', className), style: fixedPositionStyles, ...props, children: (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "strongBody", children: children }) }));
-}

package/dist/cjs/src/DisplayTable/DisplayTableHeaderCell/DisplayTableHeaderCell.types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/src/DisplayTable/DisplayTableHeaderCell/index.js

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

package/dist/cjs/src/DisplayTable/DisplayTableHeaderRow/DisplayTableHeaderRow.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DisplayTableHeaderRow = DisplayTableHeaderRow;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const recipes_1 = require("../../../styled-system/recipes");
-const DisplayTableHeaderCell_1 = require("../DisplayTableHeaderCell");
-const css_1 = require("../../../styled-system/css");
-const isComponentOrWrapped_1 = require("../../utilities/react/isComponentOrWrapped");
-function DisplayTableHeaderRow({ children, className, ...props }) {
-    const classes = (0, recipes_1.displayTableHeaderRowSlotRecipe)();
-    return ((0, jsx_runtime_1.jsx)("tr", { className: (0, css_1.cx)(classes.root, 'mfui-DisplayTableHeaderRow__root', className), ...props, children: react_1.Children.map(children, (child, index) => {
-            if (!(0, react_1.isValidElement)(child)) {
-                return child;
-            }
-            if ((0, isComponentOrWrapped_1.isComponentOrWrapped)(child, DisplayTableHeaderCell_1.DisplayTableHeaderCell)) {
-                return (0, react_1.cloneElement)(child, { columnIndex: index });
-            }
-            return child;
-        }) }));
-}

package/dist/cjs/src/DisplayTable/DisplayTableHeaderRow/DisplayTableHeaderRow.types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/src/DisplayTable/DisplayTableHeaderRow/index.js

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

package/dist/cjs/src/DisplayTable/DisplayTableProvider.js

@@ -1,35 +0,0 @@
-"use strict";
-'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDisplayTableContext = exports.DisplayTableContext = void 0;
-exports.DisplayTableProvider = DisplayTableProvider;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-/**
- * The context for the `DisplayTable` component.
- *
- * This should only be used in DisplayTable component.
- */
-exports.DisplayTableContext = (0, react_1.createContext)({
-    fixedHeader: false,
-    leftFixedColumnIndex: undefined,
-    rightFixedColumnIndex: undefined,
-});
-/**
- * The hook to use the `DisplayTableContext`.
- */
-const useDisplayTableContext = () => (0, react_1.useContext)(exports.DisplayTableContext);
-exports.useDisplayTableContext = useDisplayTableContext;
-/**
- * The provider for the `DisplayTableContext`.
- *
- * This should only be used in DisplayTable component.
- */
-function DisplayTableProvider({ children, fixedHeader = false, leftFixedColumnIndex, rightFixedColumnIndex, }) {
-    const contextValue = (0, react_1.useMemo)(() => ({
-        fixedHeader,
-        leftFixedColumnIndex,
-        rightFixedColumnIndex,
-    }), [fixedHeader, leftFixedColumnIndex, rightFixedColumnIndex]);
-    return (0, jsx_runtime_1.jsx)(exports.DisplayTableContext.Provider, { value: contextValue, children: children });
-}

package/dist/cjs/src/DisplayTable/DisplayTableRow/DisplayTableRow.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DisplayTableRow = DisplayTableRow;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const recipes_1 = require("../../../styled-system/recipes");
-const DisplayTableCell_1 = require("../DisplayTableCell");
-const css_1 = require("../../../styled-system/css");
-const isComponentOrWrapped_1 = require("../../utilities/react/isComponentOrWrapped");
-function DisplayTableRow({ children, className, isTotal = false, ...props }) {
-    const classes = (0, recipes_1.displayTableRowSlotRecipe)({ isTotal });
-    return ((0, jsx_runtime_1.jsx)("tr", { className: (0, css_1.cx)(classes.root, 'mfui-DisplayTableRow__root', className), ...props, children: react_1.Children.map(children, (child, index) => {
-            if (!(0, react_1.isValidElement)(child)) {
-                return child;
-            }
-            if ((0, isComponentOrWrapped_1.isComponentOrWrapped)(child, DisplayTableCell_1.DisplayTableCell)) {
-                return (0, react_1.cloneElement)(child, { columnIndex: index, isTotal });
-            }
-            return child;
-        }) }));
-}

package/dist/cjs/src/DisplayTable/DisplayTableRow/DisplayTableRow.types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/src/DisplayTable/DisplayTableRow/index.js

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

package/dist/cjs/src/DisplayTable/index.js

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

package/dist/cjs/src/DropdownMenu/DropdownMenu.js

@@ -1,63 +0,0 @@
-"use strict";
-'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropdownMenu = DropdownMenu;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Button_1 = require("../Button");
-const DropdownMenuContainer_1 = require("./DropdownMenuContainer");
-const DropdownMenuDivider_1 = require("./DropdownMenuDivider");
-const DropdownMenuItem_1 = require("./DropdownMenuItem");
-const IconButton_1 = require("../IconButton");
-const Popover_1 = require("../Popover");
-const DropdownMenuContext_1 = require("./DropdownMenuContext");
-const css_1 = require("../../styled-system/css");
-const dropdown_menu_slot_recipe_1 = require("../../styled-system/recipes/dropdown-menu-slot-recipe");
-const DropdownMenuHeading_1 = require("./DropdownMenuHeading");
-/**
- * The dropdown menu component.
- * This component provides a dropdown menu with a trigger button.
- *
- * The Item and Divider components are provided as sub-components of DropdownMenu.
- * You can use them as follows:
- *
- * @example
- * ```jsx
- * <DropdownMenu>
- *   <DropdownMenu.Item>Item 1</DropdownMenu.Item>
- *   <DropdownMenu.Divider />
- *   <DropdownMenu.Item>Item 2</DropdownMenu.Item>
- * </DropdownMenu>
- * ```
- */
-function DropdownMenu({ icon, label, children, triggerProps, menuPopoverProps, disabled, targetDOMNode, enableAutoUnmount, onOpenStateChanged, onBlur, }) {
-    const [menuDefaultFocusPosition, setMenuDefaultFocusPosition] = (0, react_1.useState)('first');
-    const handleTriggerKeyDownLocal = (0, react_1.useCallback)((event) => {
-        switch (event.key) {
-            case 'ArrowDown':
-                event.stopPropagation();
-                event.preventDefault();
-                setMenuDefaultFocusPosition('first');
-                break;
-            case 'ArrowUp':
-                event.stopPropagation();
-                event.preventDefault();
-                setMenuDefaultFocusPosition('last');
-                break;
-        }
-    }, []);
-    const classes = (0, dropdown_menu_slot_recipe_1.dropdownMenuSlotRecipe)();
-    return ((0, jsx_runtime_1.jsx)(Popover_1.Popover, { targetDOMNode: targetDOMNode, minWidth: menuPopoverProps?.minWidth, allowedPlacements: menuPopoverProps?.allowedPlacements, renderTrigger: ({ togglePopover, isPopoverOpen, setTriggerRef, handleTriggerKeyDown, handleTriggerBlur }) => {
-            const handleKeyDownCommon = (event) => {
-                handleTriggerKeyDownLocal(event);
-                handleTriggerKeyDown(event);
-            };
-            return icon ? ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { ref: setTriggerRef, "aria-expanded": isPopoverOpen, "aria-haspopup": "menu", disabled: disabled, onKeyDown: handleKeyDownCommon, onBlur: handleTriggerBlur, onClick: togglePopover, ...triggerProps, "aria-label": label, children: icon })) : ((0, jsx_runtime_1.jsx)(Button_1.Button, { ref: setTriggerRef, "aria-expanded": isPopoverOpen, "aria-haspopup": "menu", disabled: disabled, onKeyDown: handleKeyDownCommon, onBlur: handleTriggerBlur, onClick: togglePopover, ...triggerProps, isDropdownTrigger: true, children: label }));
-        }, renderContent: ({ closePopover }) => ((0, jsx_runtime_1.jsx)(DropdownMenuContext_1.DropdownMenuProvider, { value: { closeMenuPopover: closePopover }, children: (0, jsx_runtime_1.jsx)(DropdownMenuContainer_1.DropdownMenuContainer, { defaultFocusItem: menuDefaultFocusPosition, onClose: closePopover, children: children }) })), enableAutoFocusOnPopover: false, enableAutoUnmount: enableAutoUnmount, contentProps: {
-            className: (0, css_1.cx)(classes.popover, menuPopoverProps?.className),
-        }, onBlur: onBlur, onOpenStateChanged: onOpenStateChanged }));
-}
-// Do not provide DropdownMenuContainer component since it is already defined inside the DropdownMenu component.
-DropdownMenu.Divider = DropdownMenuDivider_1.DropdownMenuDivider;
-DropdownMenu.Item = DropdownMenuItem_1.DropdownMenuItem;
-DropdownMenu.Heading = DropdownMenuHeading_1.DropdownMenuHeading;

package/dist/cjs/src/DropdownMenu/DropdownMenu.types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/src/DropdownMenu/DropdownMenuContainer/DropdownMenuContainer.js

@@ -1,36 +0,0 @@
-"use strict";
-'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropdownMenuContainer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const css_1 = require("../../../styled-system/css");
-const mergeRefs_1 = require("../../utilities/dom/mergeRefs");
-const recipes_1 = require("../../../styled-system/recipes");
-/**
- * The root component for the dropdown menu.
- * Put the `DropdownMenuItem` or `DropdownMenuDivider` components inside this component.
- */
-exports.DropdownMenuContainer = (0, react_1.forwardRef)(({ children, className, defaultFocusItem: defaultFocus = 'first', style, onClose }, ref) => {
-    const classes = (0, recipes_1.dropdownMenuContainerSlotRecipe)();
-    const menuContainerRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        const focusableItems = menuContainerRef.current?.querySelectorAll('[data-mfui-menu-item]:is([data-mfui-focusable=true])');
-        if (!focusableItems) {
-            return;
-        }
-        const defaultFocusIndex = defaultFocus === 'first' ? 0 : focusableItems.length - 1;
-        focusableItems[defaultFocusIndex]?.focus({ preventScroll: true });
-    }, [defaultFocus]);
-    const handleKeyDown = (0, react_1.useCallback)((event) => {
-        switch (event.key) {
-            case 'Escape':
-            case 'Tab':
-                event.stopPropagation();
-                event.preventDefault();
-                onClose();
-                break;
-        }
-    }, [onClose]);
-    return ((0, jsx_runtime_1.jsx)("div", { ref: (0, mergeRefs_1.mergeRefs)(ref, menuContainerRef), "data-mfui-menu-container": true, role: "menu", className: (0, css_1.cx)(classes.root, 'mfui-DropdownMenuContainer__root', className), tabIndex: -1, style: style, onKeyDown: handleKeyDown, children: children }));
-});