@rio-cloud/rio-uikit 0.16.4-beta.21 → 0.16.4-beta.23

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

@@ -1,66 +1,121 @@
+import React from 'react';
+import type { MenuItemProps as MenuItem } from '../menuItems/MenuItem';
+import type { BUTTON_SIZE, BUTTON_STYLE, BUTTON_VARIANT } from '../button/Button';
+export type ButtonDropdownProps = {
+    /**
+     * 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;
+    /**
+     * 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?: React.MouseEvent<HTMLButtonElement>) => 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: (props: ButtonDropdownProps) => import("react/jsx-runtime").JSX.Element;
 export default ButtonDropdown;
-declare function ButtonDropdown(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace ButtonDropdown {
-    namespace defaultProps {
-        export const id: string;
-        export const items: never[];
-        export const iconOnly: boolean;
-        export const noCaret: boolean;
-        export const pullRight: boolean;
-        export const splitButton: boolean;
-        export const dropup: boolean;
-        export const bsStyle: string;
-        export const disabled: boolean;
-        export { noop as onOpen };
-        export { noop as onClose };
-        export { noop as onLabelButtonClick };
-        export const toggleClassName: string;
-        export const usePortal: boolean;
-        export const className: string;
-    }
-    namespace propTypes {
-        const id_1: PropTypes.Requireable<string>;
-        export { id_1 as id };
-        export const title: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
-        export const open: PropTypes.Requireable<boolean>;
-        const dropup_1: PropTypes.Requireable<boolean>;
-        export { dropup_1 as dropup };
-        const pullRight_1: PropTypes.Requireable<boolean>;
-        export { pullRight_1 as pullRight };
-        export const bsSize: PropTypes.Requireable<string>;
-        const bsStyle_1: PropTypes.Requireable<string>;
-        export { bsStyle_1 as bsStyle };
-        const iconOnly_1: PropTypes.Requireable<boolean>;
-        export { iconOnly_1 as iconOnly };
-        const noCaret_1: PropTypes.Requireable<boolean>;
-        export { noCaret_1 as noCaret };
-        const splitButton_1: PropTypes.Requireable<boolean>;
-        export { splitButton_1 as splitButton };
-        const usePortal_1: PropTypes.Requireable<boolean>;
-        export { usePortal_1 as usePortal };
-        const items_1: PropTypes.Validator<(PropTypes.InferProps<{
-            value: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-            disabled: PropTypes.Requireable<boolean>;
-            divider: PropTypes.Requireable<boolean>;
-            header: PropTypes.Requireable<boolean>;
-            onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        }> | null | undefined)[]>;
-        export { items_1 as items };
-        const disabled_1: PropTypes.Requireable<boolean>;
-        export { disabled_1 as disabled };
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        export const dropdownClassName: PropTypes.Requireable<string>;
-        const toggleClassName_1: PropTypes.Requireable<string>;
-        export { toggleClassName_1 as toggleClassName };
-        export const onLabelButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
-        export const customDropdown: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export const popperConfig: PropTypes.Requireable<object>;
-        export const enableOnClickOutside: PropTypes.Requireable<(...args: any[]) => any>;
-        export const disableOnClickOutside: PropTypes.Requireable<(...args: any[]) => any>;
-        export const onOpen: PropTypes.Requireable<(...args: any[]) => any>;
-        export const onClose: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-}
-import noop from "lodash/fp/noop";
-import PropTypes from "prop-types";

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

@@ -2,19 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
 const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
 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 logDeprecatedWarnings_1 = tslib_1.__importDefault(require("../../utils/logDeprecatedWarnings"));
 const portalRoot_1 = require("../../utils/portalRoot");
 const useClickOutside_1 = tslib_1.__importDefault(require("../../hooks/useClickOutside"));
-const getMenuItems_1 = tslib_1.__importDefault(require("../menuItems/getMenuItems"));
 const MenuItems_1 = tslib_1.__importDefault(require("../menuItems/MenuItems"));
-const menuItemsPropTypes_1 = tslib_1.__importDefault(require("./menuItemsPropTypes"));
+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"));
@@ -30,12 +27,12 @@ const getPlacement = (pullRight, dropup) => {
     }
     return 'bottom-start';
 };
-const ButtonDropdown = props => {
-    const { id, items, bsSize, bsStyle, disabled, iconOnly, title, splitButton, customDropdown, toggleClassName, dropdownClassName, className, open, dropup, pullRight, noCaret, onOpen, onClose, onLabelButtonClick, usePortal, popperConfig } = props, remainingProps = tslib_1.__rest(props, ["id", "items", "bsSize", "bsStyle", "disabled", "iconOnly", "title", "splitButton", "customDropdown", "toggleClassName", "dropdownClassName", "className", "open", "dropup", "pullRight", "noCaret", "onOpen", "onClose", "onLabelButtonClick", "usePortal", "popperConfig"]);
+const ButtonDropdown = (props) => {
+    const { id = Math.random().toString(36).substr(2, 16), items = [], bsSize = 'md', bsStyle = 'default', 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, toggleClassName = '', dropdownClassName, className = '' } = props, remainingProps = tslib_1.__rest(props, ["id", "items", "bsSize", "bsStyle", "disabled", "iconOnly", "title", "splitButton", "customDropdown", "open", "dropup", "pullRight", "noCaret", "onOpen", "onClose", "onLabelButtonClick", "usePortal", "popperConfig", "toggleClassName", "dropdownClassName", "className"]);
     const [internalOpen, setInternalOpen] = (0, react_1.useState)(open);
-    const [refDropdownToggle, setRefDropdownToggle] = react_1.default.useState(null);
-    const [refDropdownMenu, setRefDropdownMenu] = react_1.default.useState(null);
-    const [refSplitButtonToggle, setRefSplitButtonToggle] = react_1.default.useState(null);
+    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: [],
@@ -48,20 +45,19 @@ const ButtonDropdown = props => {
     const shouldShowCaret = !noCaret && !splitButton && !iconOnly;
     (0, react_1.useEffect)(() => {
         if (!isUncontrolled) {
-            // console.log('update open from outside: ' + open);
             setInternalOpen(open);
         }
     }, [isUncontrolled, open]);
-    const toggleOpen = event => {
-        const isOpen = isUncontrolled ? internalOpen : open;
-        if (isOpen) {
+    const toggleOpen = (event) => {
+        const isDropdownOpen = isUncontrolled ? internalOpen : open;
+        if (isDropdownOpen) {
             closeMenu();
         }
         else {
             openMenu(event);
         }
     };
-    const openMenu = event => {
+    const openMenu = (event) => {
         if (isUncontrolled) {
             setInternalOpen(true);
         }
@@ -81,49 +77,7 @@ const ButtonDropdown = props => {
     const isOpen = isUncontrolled ? internalOpen : open;
     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)(MenuItems_1.default, Object.assign({ className: dropdownClasses, ref: setRefDropdownMenu, style: styles.popper }, attributes.popper, { children: customDropdown ? customDropdown : (0, getMenuItems_1.default)(items, toggleOpen) })));
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, remainingProps, { className: wrapperClasses, ref: wrapperRef }, { children: [(0, jsx_runtime_1.jsx)(DropdownToggleButton_1.default, Object.assign({ id: id, splitButton: splitButton, bsStyle: bsStyle, bsSize: bsSize, iconOnly: iconOnly, disabled: disabled, ref: setRefDropdownToggle, onClick: handleDropdownButtonClick, className: toggleClassName }, { children: (0, jsx_runtime_1.jsxs)(react_1.default.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, disabled: disabled, className: toggleClassName, onClick: toggleOpen, ref: setRefSplitButtonToggle })), isOpen && usePortal && react_dom_1.default.createPortal(dropdownMenu, dropdownRoot), isOpen && !usePortal && dropdownMenu] })));
-};
-ButtonDropdown.defaultProps = {
-    id: Math.random().toString(36).substr(2, 16),
-    items: [],
-    iconOnly: false,
-    noCaret: false,
-    pullRight: false,
-    splitButton: false,
-    dropup: false,
-    bsStyle: 'default',
-    disabled: false,
-    onOpen: noop_1.default,
-    onClose: noop_1.default,
-    onLabelButtonClick: noop_1.default,
-    toggleClassName: '',
-    usePortal: false,
-    className: '',
-};
-ButtonDropdown.propTypes = {
-    id: prop_types_1.default.string,
-    title: prop_types_1.default.oneOfType([prop_types_1.default.node, prop_types_1.default.string]).isRequired,
-    open: prop_types_1.default.bool,
-    dropup: prop_types_1.default.bool,
-    pullRight: prop_types_1.default.bool,
-    bsSize: prop_types_1.default.oneOf(['xs', 'sm', 'lg']),
-    bsStyle: prop_types_1.default.oneOf(['default', 'primary', 'info', 'warning', 'danger', 'success', 'link', 'muted']),
-    iconOnly: prop_types_1.default.bool,
-    noCaret: prop_types_1.default.bool,
-    splitButton: prop_types_1.default.bool,
-    usePortal: prop_types_1.default.bool,
-    items: menuItemsPropTypes_1.default.isRequired,
-    disabled: prop_types_1.default.bool,
-    className: prop_types_1.default.string,
-    dropdownClassName: prop_types_1.default.string,
-    toggleClassName: prop_types_1.default.string,
-    onLabelButtonClick: prop_types_1.default.func,
-    customDropdown: prop_types_1.default.node,
-    popperConfig: prop_types_1.default.object,
-    enableOnClickOutside: prop_types_1.default.func,
-    disableOnClickOutside: prop_types_1.default.func,
-    onOpen: prop_types_1.default.func,
-    onClose: prop_types_1.default.func,
+    const dropdownMenu = ((0, jsx_runtime_1.jsx)(MenuItemList_1.default, Object.assign({ 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", Object.assign({}, remainingProps, { className: wrapperClasses, ref: wrapperRef }, { children: [(0, jsx_runtime_1.jsx)(DropdownToggleButton_1.default, Object.assign({ id: id, splitButton: splitButton, bsStyle: bsStyle, bsSize: bsSize, iconOnly: iconOnly, disabled: disabled, ref: setRefDropdownToggle, onClick: handleDropdownButtonClick, 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: toggleOpen, ref: setRefSplitButtonToggle })), isOpen && usePortal && react_dom_1.default.createPortal(dropdownMenu, dropdownRoot), isOpen && !usePortal && dropdownMenu] })));
 };
 exports.default = ButtonDropdown;

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

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

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
 const Caret = () => (0, jsx_runtime_1.jsx)("span", { className: 'caret' });
 exports.default = Caret;

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

@@ -1,19 +1,22 @@
+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;
-declare function DropdownSubmenu(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace DropdownSubmenu {
-    namespace defaultProps {
-        const title: string;
-        const items: never[];
-        const disabled: boolean;
-    }
-    namespace propTypes {
-        const title_1: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        export { title_1 as title };
-        export { menuItemsPropTypes as items };
-        const disabled_1: PropTypes.Requireable<boolean>;
-        export { disabled_1 as disabled };
-        export const className: PropTypes.Requireable<string>;
-    }
-}
-import PropTypes from "prop-types";
-import menuItemsPropTypes from "./menuItemsPropTypes";

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

@@ -2,26 +2,33 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+const react_1 = require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const getMenuItems_1 = tslib_1.__importDefault(require("../menuItems/getMenuItems"));
-const menuItemsPropTypes_1 = tslib_1.__importDefault(require("./menuItemsPropTypes"));
+const react_popper_1 = require("react-popper");
 const MenuItems_1 = tslib_1.__importDefault(require("../menuItems/MenuItems"));
-const DropdownSubmenu = props => {
-    const { title, items, disabled, className } = props, remainingProps = tslib_1.__rest(props, ["title", "items", "disabled", "className"]);
-    const classes = (0, classnames_1.default)('dropdown-submenu', disabled && 'disabled', className && className);
-    return ((0, jsx_runtime_1.jsxs)("li", Object.assign({}, remainingProps, { className: classes }, { children: [(0, jsx_runtime_1.jsxs)("a", Object.assign({ className: 'submenu-title' }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'submenu-title-text' }, { children: title })), (0, jsx_runtime_1.jsx)("span", { className: 'rioglyph rioglyph-menu-right' })] })), (0, jsx_runtime_1.jsx)(MenuItems_1.default, { children: (0, getMenuItems_1.default)(items) })] })));
-};
-DropdownSubmenu.defaultProps = {
-    title: '',
-    items: [],
-    disabled: false,
-};
-DropdownSubmenu.propTypes = {
-    title: prop_types_1.default.oneOfType([prop_types_1.default.node, prop_types_1.default.string]),
-    items: menuItemsPropTypes_1.default,
-    disabled: prop_types_1.default.bool,
-    className: prop_types_1.default.string,
+const MenuItemList_1 = tslib_1.__importDefault(require("../menuItems/MenuItemList"));
+const DropdownSubmenu = (props) => {
+    const { title = '', items = [], disabled = false, className } = props, remainingProps = tslib_1.__rest(props, ["title", "items", "disabled", "className"]);
+    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", Object.assign({ ref: setRefParentPopper }, remainingProps, { className: classes, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, { children: [(0, jsx_runtime_1.jsxs)("a", Object.assign({ className: 'submenu-title', role: 'menuitem' }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ 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, Object.assign({ 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,3 +1,14 @@
+import React, { type HTMLProps } from 'react';
+import { type BUTTON_SIZE, type BUTTON_STYLE } from '../button/Button';
+export type DropdownToggleButtonProps = HTMLProps<HTMLButtonElement> & {
+    id?: string;
+    disabled?: boolean;
+    splitButton?: boolean;
+    iconOnly?: boolean;
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    bsSize: BUTTON_SIZE;
+    bsStyle: BUTTON_STYLE;
+    className?: string;
+};
+declare const DropdownToggleButton: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<DropdownToggleButtonProps>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default DropdownToggleButton;
-declare const DropdownToggleButton: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from "react";

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

@@ -2,20 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+const react_1 = require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const getSizeClassName = bsSize => {
-    return (bsSize === 'xs' && 'btn-xs') || (bsSize === 'sm' && 'btn-sm') || (bsSize === 'lg' && 'btn-lg');
-};
-const DropdownToggleButton = react_1.default.forwardRef((props, ref) => {
-    const { id, bsSize, bsStyle, disabled, iconOnly, splitButton, className, children } = props, remainingProps = tslib_1.__rest(props, ["id", "bsSize", "bsStyle", "disabled", "iconOnly", "splitButton", "className", "children"]);
-    const labelButtonClasses = (0, classnames_1.default)(!splitButton && 'dropdown-toggle', 'btn', `btn-${bsStyle}`, getSizeClassName(bsSize), iconOnly && 'btn-icon-only', disabled && 'disabled', className && !splitButton && className);
-    return ((0, jsx_runtime_1.jsx)("button", Object.assign({}, remainingProps, { id: splitButton ? `button-${id}` : id, role: 'button', type: 'button', className: labelButtonClasses, ref: ref }, { children: children })));
+const Button_1 = tslib_1.__importDefault(require("../button/Button"));
+const DropdownToggleButton = (0, react_1.forwardRef)((props, ref) => {
+    const { id, disabled, bsSize, bsStyle, splitButton = false, onClick, className = '', children } = props, remainingProps = tslib_1.__rest(props, ["id", "disabled", "bsSize", "bsStyle", "splitButton", "onClick", "className", "children"]);
+    const labelButtonClasses = (0, classnames_1.default)(!splitButton && 'dropdown-toggle', !splitButton && className);
+    return ((0, jsx_runtime_1.jsx)(Button_1.default, Object.assign({}, remainingProps, { id: splitButton ? `button-${id}` : id, type: 'button', ref: ref, disabled: disabled, bsStyle: bsStyle, bsSize: bsSize, onClick: onClick, className: labelButtonClasses }, { children: children })));
 });
 exports.default = DropdownToggleButton;
-DropdownToggleButton.propTypes = {
-    disabled: prop_types_1.default.bool,
-    bsStyle: prop_types_1.default.oneOf(['default', 'primary', 'info', 'warning', 'danger', 'success', 'link', 'muted']),
-    className: prop_types_1.default.string,
-};

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

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

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

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
 const ButtonDropdown_1 = tslib_1.__importDefault(require("./ButtonDropdown"));
-const SimpleButtonDropdown = props => (0, jsx_runtime_1.jsx)(ButtonDropdown_1.default, Object.assign({}, props, { noCaret: true }));
+const SimpleButtonDropdown = (props) => (0, jsx_runtime_1.jsx)(ButtonDropdown_1.default, Object.assign({}, props, { noCaret: true }));
 exports.default = SimpleButtonDropdown;

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

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

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

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
 const ButtonDropdown_1 = tslib_1.__importDefault(require("./ButtonDropdown"));
-const SingleButtonDropdown = props => (0, jsx_runtime_1.jsx)(ButtonDropdown_1.default, Object.assign({}, props));
+const SingleButtonDropdown = (props) => (0, jsx_runtime_1.jsx)(ButtonDropdown_1.default, Object.assign({}, props));
 exports.default = SingleButtonDropdown;

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

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

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

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
+// @ts-ignore-next-line importsNotUsedAsValues
+require("react");
 const ButtonDropdown_1 = tslib_1.__importDefault(require("./ButtonDropdown"));
-const SplitButtonDropdown = props => (0, jsx_runtime_1.jsx)(ButtonDropdown_1.default, Object.assign({}, props, { splitButton: true }));
+const SplitButtonDropdown = (props) => (0, jsx_runtime_1.jsx)(ButtonDropdown_1.default, Object.assign({}, props, { splitButton: true }));
 exports.default = SplitButtonDropdown;

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

@@ -1,3 +1,12 @@
+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;
-declare const SplitCaretButton: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from "react";

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

@@ -2,18 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
+const react_1 = require("react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const Caret_1 = tslib_1.__importDefault(require("./Caret"));
-const SplitCaretButton = react_1.default.forwardRef((_a, ref) => {
-    var { disabled, bsStyle, className } = _a, remainingProps = tslib_1.__rest(_a, ["disabled", "bsStyle", "className"]);
-    const splitCaretButtonClasses = (0, classnames_1.default)('dropdown-toggle', 'btn', `btn-${bsStyle}`, disabled && 'disabled', className);
-    return ((0, jsx_runtime_1.jsx)("button", Object.assign({}, remainingProps, { role: 'button', type: 'button', className: splitCaretButtonClasses, ref: ref }, { children: (0, jsx_runtime_1.jsx)(Caret_1.default, {}) })));
+const Button_1 = tslib_1.__importDefault(require("../button/Button"));
+const SplitCaretButton = (0, react_1.forwardRef)((props, ref) => {
+    const { disabled = false, bsStyle, bsSize, onClick, className } = props, remainingProps = tslib_1.__rest(props, ["disabled", "bsStyle", "bsSize", "onClick", "className"]);
+    const splitCaretButtonClasses = (0, classnames_1.default)('dropdown-toggle', className);
+    return ((0, jsx_runtime_1.jsx)(Button_1.default, Object.assign({}, remainingProps, { type: 'button', ref: ref, disabled: disabled, bsStyle: bsStyle, bsSize: bsSize, onClick: onClick, className: splitCaretButtonClasses }, { children: (0, jsx_runtime_1.jsx)(Caret_1.default, {}) })));
 });
 exports.default = SplitCaretButton;
-SplitCaretButton.propTypes = {
-    disabled: prop_types_1.default.bool,
-    bsStyle: prop_types_1.default.oneOf(['default', 'primary', 'info', 'warning', 'danger', 'success', 'link', 'muted']),
-    className: prop_types_1.default.string,
-};

package/lib/es/components/map/exceptions/MapException.d.ts

@@ -1,8 +1,4 @@
-declare function MapException(msg: any): void;
-declare class MapException {
-    constructor(msg: any);
-    name: string;
-    message: any;
-    constructor: typeof MapException;
+declare class MapException extends Error {
+    constructor(msg?: string);
 }
 export default MapException;

package/lib/es/components/map/exceptions/MapException.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-function MapException(msg) {
-    Error.call(this);
-    this.name = 'MapException';
-    this.message = msg || 'no error message';
+class MapException extends Error {
+    constructor(msg) {
+        super(msg || 'no error message');
+        this.name = 'MapException';
+        // Restoring the prototype chain
+        Object.setPrototypeOf(this, MapException.prototype);
+    }
 }
 exports.default = MapException;
-MapException.prototype = Object.create(Error.prototype);
-MapException.prototype.constructor = MapException;

package/lib/es/components/menuItems/MenuItem.d.ts

@@ -3,9 +3,25 @@ export type MenuItemProps = {
     index?: number;
     value?: string | React.ReactNode;
     active?: boolean;
+    /**
+     * Setting "disabled" to true will disable the respective item.
+     *
+     * @default false
+     */
     disabled?: boolean;
+    /**
+     * Will add a divider line between the items inside the dropdown.
+     *
+     * @default false
+     */
     divider?: boolean;
     header?: boolean;
+    /**
+     * Callback function triggered when an item is selected.
+     * @param value
+     * @param event
+     * @returns
+     */
     onSelect?: (value: number | undefined, event: React.MouseEvent<HTMLLIElement>) => void;
     closeMenu?: VoidFunction;
     onMouseEnter?: (event: React.MouseEvent<HTMLLIElement>) => void;

package/lib/es/components/menuItems/MenuItem.js

@@ -15,6 +15,7 @@ const MenuItem = (props) => {
     }
     const role = divider ? 'separator' : 'presentation';
     const classes = (0, classnames_1.default)(divider && 'divider pointer-events-none', disabled && 'disabled', active && 'active');
+    // biome-ignore lint/a11y/useValidAnchor: <explanation>
     const menuLink = (0, jsx_runtime_1.jsx)("a", Object.assign({ role: 'menuitem' }, { children: value }));
     const handleSelectItem = (event) => {
         if (!disabled) {