@rio-cloud/rio-uikit 1.12.0 → 1.13.0

package/lib/es/components/dialog/SaveDialog.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const noop_1 = tslib_1.__importDefault(require("lodash/fp/noop"));
-const Button_1 = tslib_1.__importDefault(require("../button/Button"));
-const Dialog_1 = tslib_1.__importDefault(require("./Dialog"));
-const SaveDialog = (props) => {
-    const { showCloseButton = true, content, discardButtonText, cancelButtonText, confirmButtonText, onClickDiscard = noop_1.default, onClickCancel = noop_1.default, onClickConfirm = noop_1.default, ...remainingProps } = props;
-    const footer = ((0, jsx_runtime_1.jsxs)("div", { className: 'btn-toolbar', children: [(0, jsx_runtime_1.jsx)(Button_1.default, { className: 'DiscardButton', onClick: onClickDiscard, children: discardButtonText }), (0, jsx_runtime_1.jsx)(Button_1.default, { className: 'CancelButton', onClick: onClickCancel, children: cancelButtonText }), (0, jsx_runtime_1.jsx)(Button_1.default, { className: 'ConfirmationButton', bsStyle: 'primary', onClick: onClickConfirm, children: confirmButtonText })] }));
-    return ((0, jsx_runtime_1.jsx)(Dialog_1.default, { ...remainingProps, showCloseButton: showCloseButton, body: content, footer: footer, onClose: onClickCancel, className: 'save-dialog', disableEsc: true }));
-};
-exports.default = SaveDialog;

package/lib/es/components/dialog/SimpleDialog.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { type DialogProps } from './Dialog';
-export type SimpleDialogProps = Omit<DialogProps, 'body'> & {
-    /**
-     * The content of the dialog body itself.
-     */
-    content: string | React.ReactNode;
-};
-declare const SimpleDialog: (props: SimpleDialogProps) => import("react/jsx-runtime").JSX.Element;
-export default SimpleDialog;

package/lib/es/components/dialog/SimpleDialog.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Dialog_1 = tslib_1.__importDefault(require("./Dialog"));
-/*
- * Component to show a modal popup containing a title, a content and a close handler.
- */
-const SimpleDialog = (props) => {
-    const { content, showCloseButton = true, className, ...remainingProps } = props;
-    const dialogClassName = `${className ? className : ''} simple-dialog`;
-    return (0, jsx_runtime_1.jsx)(Dialog_1.default, { ...remainingProps, showCloseButton: showCloseButton, body: content, className: dialogClassName });
-};
-exports.default = SimpleDialog;

package/lib/es/components/dialog/SplitDialog.d.ts

@@ -1,48 +0,0 @@
-import React from 'react';
-import { type BaseDialogProps } from './Dialog';
-export type SplitDialogProps = Omit<BaseDialogProps, 'useOverflow'> & {
-    /**
-     * The content to be shown on the left side.
-     */
-    leftContent?: string | React.ReactNode;
-    /**
-     * Additional classes for the left content element.
-     */
-    leftContentClassName?: string;
-    /**
-     * The content to be shown on the right side.
-     */
-    rightContent?: string | React.ReactNode;
-    /**
-     * Additional classes for the right content element.
-     */
-    rightContentClassName?: string;
-    /**
-     * The dialog body content.
-     */
-    footer?: React.ReactNode;
-    /**
-     * Additional classes for the modal-footer element.
-     */
-    footerClassName?: string;
-    /**
-     * A callback function to be executed before closing the dialog.
-     *
-     * If the function returns `false`, the dialog will not be closed
-     */
-    onCloseValidation?: () => boolean;
-    /**
-     * Enables the modal body to overflow and use inline scrolling if needed.
-     *
-     * @default true
-     */
-    useOverflow?: boolean;
-    /**
-     * Allows to disable the divider.
-     *
-     * @default true
-     */
-    showDivider?: boolean;
-};
-declare const SplitDialog: (props: SplitDialogProps) => import("react/jsx-runtime").JSX.Element;
-export default SplitDialog;

package/lib/es/components/dialog/SplitDialog.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const Dialog_1 = tslib_1.__importDefault(require("./Dialog"));
-const SplitDialog = (props) => {
-    const { leftContent, rightContent, leftContentClassName = '', rightContentClassName = '', className = '', useOverflow = true, showDivider = true, ...remainingProps } = props;
-    const dialogClassName = `split-dialog ${className}`;
-    const dividerClasses = (0, classnames_1.default)('split-divider', 'bg-lighter');
-    const body = ((0, jsx_runtime_1.jsxs)("div", { className: 'split-wrapper', children: [(0, jsx_runtime_1.jsxs)("div", { className: `split-left ${leftContentClassName}`, children: [leftContent, showDivider && (0, jsx_runtime_1.jsx)("div", { className: dividerClasses })] }), (0, jsx_runtime_1.jsx)("div", { className: `split-right ${rightContentClassName}`, children: rightContent })] }));
-    return (0, jsx_runtime_1.jsx)(Dialog_1.default, { ...remainingProps, body: body, className: dialogClassName, useOverflow: useOverflow });
-};
-exports.default = SplitDialog;

package/lib/es/components/dialog/dialogContext.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export type DialogContext = {
-    onClose: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    isSmallestDialog: boolean;
-    showXsDialogBorders: boolean;
-    showCloseButton: boolean;
-};
-export declare const dialogContext: React.Context<DialogContext>;
-export declare const DialogContextProvider: React.Provider<DialogContext>;
-export declare const useDialogContext: () => DialogContext;

package/lib/es/components/dialog/dialogContext.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDialogContext = exports.DialogContextProvider = exports.dialogContext = void 0;
-const tslib_1 = require("tslib");
-const react_1 = require("react");
-const noop_1 = tslib_1.__importDefault(require("lodash/fp/noop"));
-const initialContext = {
-    onClose: noop_1.default,
-    isSmallestDialog: false,
-    showXsDialogBorders: false,
-    showCloseButton: true,
-};
-exports.dialogContext = (0, react_1.createContext)(initialContext);
-exports.DialogContextProvider = exports.dialogContext.Provider;
-const useDialogContext = () => {
-    const context = (0, react_1.useContext)(exports.dialogContext);
-    if (!context) {
-        throw new Error('Dialog compound components cannot be rendered outside the Dialog component');
-    }
-    return context;
-};
-exports.useDialogContext = useDialogContext;

package/lib/es/components/divider/Divider.d.ts

@@ -1,46 +0,0 @@
-import { type PropsWithChildren } from 'react';
-export type DividerProps = {
-    /**
-     * The amount of space to either side
-     *
-     * @default 15
-     */
-    spacing?: number;
-    /**
-     * Defines the width of the divider line
-     *
-     * @default 1
-     */
-    dividerWidth?: 1 | 2 | 3;
-    /**
-     * Defines the color of the divider line
-     *
-     * @default 'light'
-     */
-    dividerColor?: 'darkest' | 'darker' | 'dark' | 'gray' | 'light' | 'lighter' | 'lightest';
-    /**
-     * Use the component as a spacer element without the divider line
-     *
-     * @default false
-     */
-    asSpacer?: boolean;
-    /**
-     * Set the orientation for the divider line to vertical.
-     * This may be useful for button toolbars or elements on a single row.
-     *
-     * @default false
-     */
-    vertical?: boolean;
-    /**
-     * Defines where the children are aligned on the divider line
-     *
-     * @default 'center'
-     */
-    titleAlignment?: 'left' | 'center' | 'right';
-    /**
-     * Additional classes added to the wrapping element.
-     */
-    className?: string;
-};
-declare const Divider: (props: PropsWithChildren<DividerProps>) => import("react/jsx-runtime").JSX.Element;
-export default Divider;

package/lib/es/components/divider/Divider.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const Divider = (props) => {
-    const { spacing = 15, dividerWidth = 1, dividerColor = 'light', asSpacer = false, vertical = false, titleAlignment = 'center', className = '', children, } = props;
-    const classes = (0, classnames_1.default)('Divider', 'position-relative', !vertical && 'width-100pct', className);
-    const spacingValue = `${spacing}px`;
-    const wrapperStyle = {};
-    if (vertical) {
-        wrapperStyle.paddingLeft = spacingValue;
-        wrapperStyle.paddingRight = spacingValue;
-    }
-    if (!vertical) {
-        wrapperStyle.paddingTop = spacingValue;
-        wrapperStyle.paddingBottom = spacingValue;
-    }
-    const dividerLineClasses = (0, classnames_1.default)('divider-line', `bg-${dividerColor}`);
-    const isStringTitle = typeof children === 'string';
-    const line = ((0, jsx_runtime_1.jsx)("div", { className: dividerLineClasses, style: {
-            width: vertical ? `${dividerWidth}px` : '100%',
-            height: vertical ? '100%' : `${dividerWidth}px`,
-        } }));
-    const titleLine = (0, jsx_runtime_1.jsx)("div", { className: 'flex-1-0', children: line });
-    const title = (0, jsx_runtime_1.jsx)("div", { className: isStringTitle ? 'padding-x-10' : '', children: children });
-    const dividerTitleClasses = (0, classnames_1.default)('divider-title', 'display-flex', 'align-items-center');
-    return ((0, jsx_runtime_1.jsxs)("div", { className: classes, style: wrapperStyle, children: [!asSpacer && !children && line, children && ((0, jsx_runtime_1.jsxs)("div", { className: dividerTitleClasses, children: [titleAlignment === 'left' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [title, titleLine] })), titleAlignment === 'center' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [titleLine, title, titleLine] })), titleAlignment === 'right' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [titleLine, title] }))] }))] }));
-};
-exports.default = Divider;

package/lib/es/components/dropdown/ButtonDropdown.d.ts

@@ -1,131 +0,0 @@
-import React from 'react';
-import { type DropdownToggleEvent, type DropdownToggleButtonType } from './DropdownToggleButton';
-import type { MenuItemProps as MenuItem } from '../menuItems/MenuItem';
-import type { BUTTON_SIZE, BUTTON_STYLE, BUTTON_VARIANT } from '../button/Button';
-export type ButtonDropdownProps<T extends DropdownToggleButtonType = 'button'> = {
-    /**
-     * Unique button id. If not present a random id is generated.
-     */
-    id?: string;
-    /**
-     * The button title. This may be also a node, like a <span> or a <FormattedMessage>.
-     */
-    title: string | React.ReactNode;
-    /**
-     * Defined weather or not the menu is rendered.
-     * Use this to control the component from the outside.
-     *
-     * @default undefined
-     */
-    open?: boolean;
-    /**
-     * Defines whether the dropdown opens above or below.
-     * Set it to "true" additionally disables the automatic position feature.
-     *
-     * @default false
-     */
-    dropup?: boolean;
-    /**
-     * Defines whether the dropdown opens right aligned to the dropdown or not.
-     */
-    pullRight?: boolean;
-    /**
-     * Defines how large the button will be rendered.
-     *
-     * Possible values are: `xs`, `sm`, `md`, `lg`
-     */
-    bsSize?: BUTTON_SIZE;
-    /**
-     * Defines the button color.
-     *
-     * Possible values are: `default`, `primary`, `secondary`, `info`, `warning`, `danger`, `success`, `muted`
-     */
-    bsStyle?: BUTTON_STYLE;
-    /**
-     * Defines the variation of the button design.
-     *
-     * Possible values are: `link`, `link-inline`, `outline`, `action`
-     */
-    variant?: BUTTON_VARIANT;
-    /**
-     * Specify the toggle element type.
-     * It supports the following types: "button" | "tag" | "label"
-     *
-     * @default 'button'
-     */
-    toggleButtonType?: DropdownToggleButtonType;
-    /**
-     * Optional prop to defines whether the dropdown title is icon only which
-     * applies different padding so the button is a square.
-     *
-     * @default false
-     */
-    iconOnly?: boolean;
-    /**
-     * Defines whether the caret is shown or not.
-     *
-     * @default false
-     */
-    noCaret?: boolean;
-    /**
-     * Defines whether the dropdown-toggle (with caret) should be in a separate button.
-     *
-     * @default false
-     */
-    splitButton?: boolean;
-    /**
-     * Renders the dropdown into a dedicated react portal
-     *
-     * @default false
-     */
-    usePortal?: boolean;
-    /**
-     * Items to display in the dropdown menu. If you use a custom dropdown you can skip this prop.
-     */
-    items?: MenuItem[];
-    /**
-     * Disables the dropdown button.
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Callback for splitButton label button click.
-     */
-    onLabelButtonClick?: () => void;
-    /**
-     * Callback for when the toggle button was clicked to open it.
-     * @param event
-     * @returns
-     */
-    onOpen?: (event: DropdownToggleEvent<T>) => void;
-    /**
-     * Callback for when the toggle button was clicked to close it.
-     * @returns
-     */
-    onClose?: () => void;
-    /**
-     * Allows to pass in custom dropdown menu content.
-     */
-    customDropdown?: React.ReactNode;
-    /**
-     * Define custom popper.js configuration for dropdown placement and modifiers.
-     */
-    popperConfig?: object;
-    /**
-     * Additional classes to be set on the dropdown-toggle button.
-     */
-    toggleClassName?: string;
-    /**
-     * Additional classes to be set on the dropdown.
-     */
-    dropdownClassName?: string;
-    /**
-     * Additional classes to be set to the wrapper element.
-     */
-    className?: string;
-};
-declare const ButtonDropdown: React.ForwardRefExoticComponent<ButtonDropdownProps<"button"> & {
-    children?: React.ReactNode | undefined;
-} & React.RefAttributes<HTMLButtonElement>>;
-export default ButtonDropdown;

package/lib/es/components/dropdown/ButtonDropdown.js

@@ -1,113 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-// biome-ignore lint/style/useImportType: <explanation>
-const react_1 = require("react");
-const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
-const react_popper_1 = require("react-popper");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const isNil_1 = tslib_1.__importDefault(require("lodash/fp/isNil"));
-const noop_1 = tslib_1.__importDefault(require("lodash/fp/noop"));
-const portalRoot_1 = require("../../utils/portalRoot");
-const useClickOutside_1 = tslib_1.__importStar(require("../../hooks/useClickOutside"));
-const MenuItems_1 = tslib_1.__importDefault(require("../menuItems/MenuItems"));
-const MenuItemList_1 = tslib_1.__importDefault(require("../menuItems/MenuItemList"));
-const DropdownToggleButton_1 = tslib_1.__importDefault(require("./DropdownToggleButton"));
-const SplitCaretButton_1 = tslib_1.__importDefault(require("./SplitCaretButton"));
-const Caret_1 = tslib_1.__importDefault(require("./Caret"));
-const getPlacement = (pullRight, dropup) => {
-    if (pullRight && dropup) {
-        return 'top-end';
-    }
-    if (!pullRight && dropup) {
-        return 'top-start';
-    }
-    if (pullRight && !dropup) {
-        return 'bottom-end';
-    }
-    return 'bottom-start';
-};
-const createButtonDropdown = () => {
-    return (0, react_1.forwardRef)((props, ref) => {
-        const { id = Math.random().toString(36).slice(2, 16), items = [], bsSize = 'md', bsStyle = 'default', variant, disabled = false, iconOnly = false, title, splitButton = false, customDropdown, open, dropup = false, pullRight = false, noCaret = false, onOpen = noop_1.default, onClose = noop_1.default, onLabelButtonClick = noop_1.default, usePortal = false, popperConfig, toggleButtonType = 'button', toggleClassName = '', dropdownClassName, className = '', ...remainingProps } = props;
-        const [internalOpen, setInternalOpen] = (0, react_1.useState)(open);
-        const [refDropdownToggle, setRefDropdownToggle] = (0, react_1.useState)(null);
-        const [refDropdownMenu, setRefDropdownMenu] = (0, react_1.useState)(null);
-        const [refSplitButtonToggle, setRefSplitButtonToggle] = (0, react_1.useState)(null);
-        const defaultPopperConfig = {
-            placement: getPlacement(pullRight, dropup),
-            modifiers: [],
-        };
-        const popperParentRef = splitButton && pullRight ? refSplitButtonToggle : refDropdownToggle;
-        const { styles, attributes } = (0, react_popper_1.usePopper)(popperParentRef, refDropdownMenu, popperConfig || defaultPopperConfig);
-        const isUncontrolled = (0, isNil_1.default)(open);
-        const isOpen = isUncontrolled ? internalOpen : open;
-        const wrapperRef = (0, useClickOutside_1.default)(event => {
-            if (usePortal) {
-                // In case the dropdown is rendered via portal the clickOutside the toggle button element is
-                // triggered since the dropdown is not a child of the wrapper element.
-                // In this case we need to check if the event target is inside the dropdown-menu and prevent closing
-                // the dropdown
-                if (!refDropdownMenu?.contains(event.target)) {
-                    closeMenu();
-                }
-            }
-            else {
-                closeMenu();
-            }
-        }, useClickOutside_1.DEFAULT_EVENT_TYPES, Boolean(isOpen) // only listen to clicks outside when the dropdown is open
-        );
-        const dropdownRoot = (0, portalRoot_1.getOrCreatePortalRoot)();
-        const shouldShowCaret = !noCaret && !splitButton && !iconOnly;
-        (0, react_1.useEffect)(() => {
-            if (!isUncontrolled) {
-                setInternalOpen(open);
-            }
-        }, [isUncontrolled, open]);
-        const toggleOpen = (event) => {
-            const isDropdownOpen = isUncontrolled ? internalOpen : open;
-            if (isDropdownOpen) {
-                closeMenu();
-            }
-            else {
-                openMenu(event);
-            }
-        };
-        const openMenu = (event) => {
-            if (isUncontrolled) {
-                setInternalOpen(true);
-            }
-            if (event) {
-                onOpen(event);
-            }
-        };
-        const closeMenu = () => {
-            if (isUncontrolled) {
-                setInternalOpen(false);
-            }
-            onClose();
-        };
-        const handleSplitLabelButtonClick = () => {
-            closeMenu();
-            onLabelButtonClick();
-        };
-        const handleSplitCaretButtonClick = (event) => {
-            toggleOpen(event);
-        };
-        const handleDropdownButtonClick = (event) => {
-            if (splitButton) {
-                handleSplitLabelButtonClick();
-            }
-            else {
-                toggleOpen(event);
-            }
-        };
-        const wrapperClasses = (0, classnames_1.default)('dropdown', 'btn-group', isOpen && 'open', className);
-        const dropdownClasses = (0, classnames_1.default)(usePortal && 'dropdown-portal', splitButton && pullRight && 'pull-right', dropdownClassName);
-        const dropdownMenu = ((0, jsx_runtime_1.jsx)(MenuItemList_1.default, { className: dropdownClasses, ref: setRefDropdownMenu, style: styles.popper, ...attributes.popper, children: customDropdown ? customDropdown : (0, jsx_runtime_1.jsx)(MenuItems_1.default, { items: items, closeMenu: toggleOpen }) }));
-        return ((0, jsx_runtime_1.jsxs)("div", { ...remainingProps, className: wrapperClasses, ref: wrapperRef, children: [(0, jsx_runtime_1.jsx)(DropdownToggleButton_1.default, { id: id, splitButton: splitButton, bsStyle: bsStyle, bsSize: bsSize, variant: variant, iconOnly: iconOnly, disabled: disabled, ref: setRefDropdownToggle, onClick: handleDropdownButtonClick, outerRef: ref, toggleButtonType: toggleButtonType, className: toggleClassName, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [title, shouldShowCaret && (0, jsx_runtime_1.jsx)(Caret_1.default, {})] }) }), splitButton && ((0, jsx_runtime_1.jsx)(SplitCaretButton_1.default, { id: id, bsStyle: bsStyle, bsSize: bsSize, disabled: disabled, className: toggleClassName, onClick: handleSplitCaretButtonClick, ref: setRefSplitButtonToggle })), isOpen && usePortal && react_dom_1.default.createPortal(dropdownMenu, dropdownRoot), isOpen && !usePortal && dropdownMenu] }));
-    });
-};
-const ButtonDropdown = createButtonDropdown();
-exports.default = ButtonDropdown;

package/lib/es/components/dropdown/Caret.d.ts

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

package/lib/es/components/dropdown/Caret.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Caret = () => (0, jsx_runtime_1.jsx)("span", { className: 'caret' });
-exports.default = Caret;

package/lib/es/components/dropdown/DropdownSubmenu.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import type { MenuItemProps as MenuItem } from '../menuItems/MenuItem';
-export type DropdownSubmenuProps = {
-    /**
-     * Displayed button title.
-     */
-    title?: string | React.ReactNode;
-    /**
-     * Items to display in the dropdown sub menu.
-     */
-    items?: MenuItem[];
-    /**
-     * Disables every entry on the title list item.
-     */
-    disabled?: boolean;
-    /**
-     * Additional classes to be set on the dropdown-submenu element.
-     */
-    className?: string;
-};
-declare const DropdownSubmenu: (props: DropdownSubmenuProps) => import("react/jsx-runtime").JSX.Element;
-export default DropdownSubmenu;

package/lib/es/components/dropdown/DropdownSubmenu.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const react_popper_1 = require("react-popper");
-const MenuItems_1 = tslib_1.__importDefault(require("../menuItems/MenuItems"));
-const MenuItemList_1 = tslib_1.__importDefault(require("../menuItems/MenuItemList"));
-const DropdownSubmenu = (props) => {
-    const { title = '', items = [], disabled = false, className, ...remainingProps } = props;
-    const classes = (0, classnames_1.default)('dropdown-submenu', disabled && 'disabled', className);
-    const [refParentPopper, setRefParentPopper] = (0, react_1.useState)(null);
-    const [refDropdownSubmenu, setRefDropdownSubmenu] = (0, react_1.useState)(null);
-    // We have to use the workaround of checking the hover state as popper may render
-    // the sub menu on an odd place and fixes it's position on the next render cycle
-    const [isHover, setIsHover] = (0, react_1.useState)(false);
-    const handleMouseEnter = () => setIsHover(true);
-    const handleMouseLeave = () => setIsHover(false);
-    const { styles, attributes } = (0, react_popper_1.usePopper)(refParentPopper, refDropdownSubmenu, {
-        placement: 'right-start',
-        modifiers: [
-            {
-                name: 'offset',
-                options: {
-                    offset: [-4, 0],
-                },
-            },
-        ],
-    });
-    // return a list item that is also automatically the new toggle for the submenu
-    return ((0, jsx_runtime_1.jsxs)("li", { ref: setRefParentPopper, ...remainingProps, className: classes, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [(0, jsx_runtime_1.jsxs)("a", { className: 'submenu-title', role: 'menuitem', children: [(0, jsx_runtime_1.jsx)("span", { className: 'submenu-title-text', children: title }), (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-chevron-right' })] }), isHover && !disabled && ((0, jsx_runtime_1.jsx)(MenuItemList_1.default, { ref: setRefDropdownSubmenu, style: styles.popper, ...attributes.popper, children: (0, jsx_runtime_1.jsx)(MenuItems_1.default, { items: items }) }))] }));
-};
-exports.default = DropdownSubmenu;

package/lib/es/components/dropdown/DropdownToggleButton.d.ts

@@ -1,19 +0,0 @@
-import { type HTMLProps, type PropsWithChildren } from 'react';
-import { type BUTTON_VARIANT, type BUTTON_SIZE, type BUTTON_STYLE } from '../button/Button';
-export type DropdownToggleButtonType = 'button' | 'tag' | 'label';
-export type DropdownToggleEvent<T extends DropdownToggleButtonType = 'button'> = T extends 'button' ? React.MouseEvent<HTMLButtonElement> : React.MouseEvent<HTMLDivElement>;
-export type DropdownToggleButtonProps = HTMLProps<HTMLButtonElement> & {
-    id?: string;
-    disabled?: boolean;
-    splitButton?: boolean;
-    iconOnly?: boolean;
-    onClick: (event: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;
-    bsSize: BUTTON_SIZE;
-    bsStyle: BUTTON_STYLE;
-    variant?: BUTTON_VARIANT;
-    toggleButtonType?: DropdownToggleButtonType;
-    outerRef?: React.Ref<HTMLButtonElement | HTMLDivElement>;
-    className?: string;
-};
-declare const DropdownToggleButton: import("react").ForwardRefExoticComponent<Omit<PropsWithChildren<DropdownToggleButtonProps>, "ref"> & import("react").RefAttributes<HTMLDivElement | HTMLButtonElement>>;
-export default DropdownToggleButton;

package/lib/es/components/dropdown/DropdownToggleButton.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const Button_1 = tslib_1.__importDefault(require("../button/Button"));
-const useMergeRefs_1 = tslib_1.__importDefault(require("../../hooks/useMergeRefs"));
-const DropdownToggleButton = (0, react_1.forwardRef)((props, ref) => {
-    const { id, disabled, bsSize, bsStyle, variant, splitButton = false, onClick, toggleButtonType = 'button', className = '', children, outerRef, iconOnly, ...remainingProps } = props;
-    const toggleRef = (0, useMergeRefs_1.default)(outerRef, ref);
-    const buttonClasses = (0, classnames_1.default)(!splitButton && 'dropdown-toggle', !splitButton && className);
-    const labelClasses = (0, classnames_1.default)('dropdown-toggle', 'label', `label-${bsStyle}`, 'display-flex align-items-center', 'user-select-none cursor-pointer', disabled && 'pointer-events-none', className);
-    const tagClasses = (0, classnames_1.default)('dropdown-toggle', 'tag', 'clickable height-auto', bsSize === 'sm' && 'tag-small', 'display-flex align-items-center', 'user-select-none cursor-pointer', disabled && 'pointer-events-none', className);
-    if (toggleButtonType === 'tag') {
-        return ((0, jsx_runtime_1.jsx)("div", { ...remainingProps, id: id, ref: toggleRef, onClick: onClick, className: tagClasses, children: children }));
-    }
-    if (toggleButtonType === 'label') {
-        return ((0, jsx_runtime_1.jsx)("div", { ...remainingProps, id: id, ref: toggleRef, onClick: onClick, className: labelClasses, children: children }));
-    }
-    return ((0, jsx_runtime_1.jsx)(Button_1.default, { ...remainingProps, id: splitButton ? `button-${id}` : id, type: 'button', ref: toggleRef, disabled: disabled, bsStyle: bsStyle, bsSize: bsSize, variant: variant, onClick: onClick, iconOnly: iconOnly, className: buttonClasses, children: children }));
-});
-exports.default = DropdownToggleButton;

package/lib/es/components/dropdown/SimpleButtonDropdown.d.ts

@@ -1,4 +0,0 @@
-import { type ButtonDropdownProps } from './ButtonDropdown';
-export type SimpleButtonDropdownProps = ButtonDropdownProps;
-declare const SimpleButtonDropdown: (props: SimpleButtonDropdownProps) => import("react/jsx-runtime").JSX.Element;
-export default SimpleButtonDropdown;

package/lib/es/components/dropdown/SimpleButtonDropdown.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ButtonDropdown_1 = tslib_1.__importDefault(require("./ButtonDropdown"));
-const SimpleButtonDropdown = (props) => (0, jsx_runtime_1.jsx)(ButtonDropdown_1.default, { ...props, noCaret: true });
-exports.default = SimpleButtonDropdown;

package/lib/es/components/dropdown/SingleButtonDropdown.d.ts

@@ -1,4 +0,0 @@
-import { type ButtonDropdownProps } from './ButtonDropdown';
-export type SingleButtonDropdownProps = ButtonDropdownProps;
-declare const SingleButtonDropdown: (props: SingleButtonDropdownProps) => import("react/jsx-runtime").JSX.Element;
-export default SingleButtonDropdown;

package/lib/es/components/dropdown/SingleButtonDropdown.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ButtonDropdown_1 = tslib_1.__importDefault(require("./ButtonDropdown"));
-const SingleButtonDropdown = (props) => (0, jsx_runtime_1.jsx)(ButtonDropdown_1.default, { ...props });
-exports.default = SingleButtonDropdown;

package/lib/es/components/dropdown/SplitButtonDropdown.d.ts

@@ -1,4 +0,0 @@
-import { type ButtonDropdownProps } from './ButtonDropdown';
-export type SplitButtonDropdownProps = ButtonDropdownProps;
-declare const SplitButtonDropdown: (props: SplitButtonDropdownProps) => import("react/jsx-runtime").JSX.Element;
-export default SplitButtonDropdown;

package/lib/es/components/dropdown/SplitButtonDropdown.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ButtonDropdown_1 = tslib_1.__importDefault(require("./ButtonDropdown"));
-const SplitButtonDropdown = (props) => (0, jsx_runtime_1.jsx)(ButtonDropdown_1.default, { ...props, splitButton: true });
-exports.default = SplitButtonDropdown;

package/lib/es/components/dropdown/SplitCaretButton.d.ts

@@ -1,12 +0,0 @@
-import React, { type HTMLProps } from 'react';
-import { BUTTON_STYLE, type BUTTON_SIZE } from '../button/Button';
-export type SplitCaretButtonProps = HTMLProps<HTMLButtonElement> & {
-    disabled?: boolean;
-    iconOnly?: boolean;
-    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    bsSize: BUTTON_SIZE;
-    bsStyle: BUTTON_STYLE;
-    className?: string;
-};
-declare const SplitCaretButton: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<SplitCaretButtonProps>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export default SplitCaretButton;