@rio-cloud/rio-uikit 1.12.0 → 1.13.1

package/src/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/src/components/dialog/SplitDialog.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import Dialog from './Dialog';
-const SplitDialog = (props) => {
-    const { leftContent, rightContent, leftContentClassName = '', rightContentClassName = '', className = '', useOverflow = true, showDivider = true, ...remainingProps } = props;
-    const dialogClassName = `split-dialog ${className}`;
-    const dividerClasses = classNames('split-divider', 'bg-lighter');
-    const body = (_jsxs("div", { className: 'split-wrapper', children: [_jsxs("div", { className: `split-left ${leftContentClassName}`, children: [leftContent, showDivider && _jsx("div", { className: dividerClasses })] }), _jsx("div", { className: `split-right ${rightContentClassName}`, children: rightContent })] }));
-    return _jsx(Dialog, { ...remainingProps, body: body, className: dialogClassName, useOverflow: useOverflow });
-};
-export default SplitDialog;

package/src/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/src/components/dialog/dialogContext.js

@@ -1,17 +0,0 @@
-import { createContext, useContext } from 'react';
-import noop from 'lodash/fp/noop';
-const initialContext = {
-    onClose: noop,
-    isSmallestDialog: false,
-    showXsDialogBorders: false,
-    showCloseButton: true,
-};
-export const dialogContext = createContext(initialContext);
-export const DialogContextProvider = dialogContext.Provider;
-export const useDialogContext = () => {
-    const context = useContext(dialogContext);
-    if (!context) {
-        throw new Error('Dialog compound components cannot be rendered outside the Dialog component');
-    }
-    return context;
-};

package/src/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/src/components/divider/Divider.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-const Divider = (props) => {
-    const { spacing = 15, dividerWidth = 1, dividerColor = 'light', asSpacer = false, vertical = false, titleAlignment = 'center', className = '', children, } = props;
-    const classes = classNames('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 = classNames('divider-line', `bg-${dividerColor}`);
-    const isStringTitle = typeof children === 'string';
-    const line = (_jsx("div", { className: dividerLineClasses, style: {
-            width: vertical ? `${dividerWidth}px` : '100%',
-            height: vertical ? '100%' : `${dividerWidth}px`,
-        } }));
-    const titleLine = _jsx("div", { className: 'flex-1-0', children: line });
-    const title = _jsx("div", { className: isStringTitle ? 'padding-x-10' : '', children: children });
-    const dividerTitleClasses = classNames('divider-title', 'display-flex', 'align-items-center');
-    return (_jsxs("div", { className: classes, style: wrapperStyle, children: [!asSpacer && !children && line, children && (_jsxs("div", { className: dividerTitleClasses, children: [titleAlignment === 'left' && (_jsxs(_Fragment, { children: [title, titleLine] })), titleAlignment === 'center' && (_jsxs(_Fragment, { children: [titleLine, title, titleLine] })), titleAlignment === 'right' && (_jsxs(_Fragment, { children: [titleLine, title] }))] }))] }));
-};
-export default Divider;

package/src/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/src/components/dropdown/ButtonDropdown.js

@@ -1,110 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-// biome-ignore lint/style/useImportType: <explanation>
-import { useState, useEffect, forwardRef } from 'react';
-import ReactDOM from 'react-dom';
-import { usePopper } from 'react-popper';
-import classNames from 'classnames';
-import isNil from 'lodash/fp/isNil';
-import noop from 'lodash/fp/noop';
-import { getOrCreatePortalRoot } from '../../utils/portalRoot';
-import useClickOutside, { DEFAULT_EVENT_TYPES } from '../../hooks/useClickOutside';
-import MenuItems from '../menuItems/MenuItems';
-import MenuItemList from '../menuItems/MenuItemList';
-import DropdownToggleButton from './DropdownToggleButton';
-import SplitCaretButton from './SplitCaretButton';
-import Caret from './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 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, onClose = noop, onLabelButtonClick = noop, usePortal = false, popperConfig, toggleButtonType = 'button', toggleClassName = '', dropdownClassName, className = '', ...remainingProps } = props;
-        const [internalOpen, setInternalOpen] = useState(open);
-        const [refDropdownToggle, setRefDropdownToggle] = useState(null);
-        const [refDropdownMenu, setRefDropdownMenu] = useState(null);
-        const [refSplitButtonToggle, setRefSplitButtonToggle] = useState(null);
-        const defaultPopperConfig = {
-            placement: getPlacement(pullRight, dropup),
-            modifiers: [],
-        };
-        const popperParentRef = splitButton && pullRight ? refSplitButtonToggle : refDropdownToggle;
-        const { styles, attributes } = usePopper(popperParentRef, refDropdownMenu, popperConfig || defaultPopperConfig);
-        const isUncontrolled = isNil(open);
-        const isOpen = isUncontrolled ? internalOpen : open;
-        const wrapperRef = useClickOutside(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();
-            }
-        }, DEFAULT_EVENT_TYPES, Boolean(isOpen) // only listen to clicks outside when the dropdown is open
-        );
-        const dropdownRoot = getOrCreatePortalRoot();
-        const shouldShowCaret = !noCaret && !splitButton && !iconOnly;
-        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 = classNames('dropdown', 'btn-group', isOpen && 'open', className);
-        const dropdownClasses = classNames(usePortal && 'dropdown-portal', splitButton && pullRight && 'pull-right', dropdownClassName);
-        const dropdownMenu = (_jsx(MenuItemList, { className: dropdownClasses, ref: setRefDropdownMenu, style: styles.popper, ...attributes.popper, children: customDropdown ? customDropdown : _jsx(MenuItems, { items: items, closeMenu: toggleOpen }) }));
-        return (_jsxs("div", { ...remainingProps, className: wrapperClasses, ref: wrapperRef, children: [_jsx(DropdownToggleButton, { 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: _jsxs(_Fragment, { children: [title, shouldShowCaret && _jsx(Caret, {})] }) }), splitButton && (_jsx(SplitCaretButton, { id: id, bsStyle: bsStyle, bsSize: bsSize, disabled: disabled, className: toggleClassName, onClick: handleSplitCaretButtonClick, ref: setRefSplitButtonToggle })), isOpen && usePortal && ReactDOM.createPortal(dropdownMenu, dropdownRoot), isOpen && !usePortal && dropdownMenu] }));
-    });
-};
-const ButtonDropdown = createButtonDropdown();
-export default ButtonDropdown;

package/src/components/dropdown/Caret.d.ts

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

package/src/components/dropdown/Caret.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const Caret = () => _jsx("span", { className: 'caret' });
-export default Caret;

package/src/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/src/components/dropdown/DropdownSubmenu.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import classNames from 'classnames';
-import { usePopper } from 'react-popper';
-import MenuItems from '../menuItems/MenuItems';
-import MenuItemList from '../menuItems/MenuItemList';
-const DropdownSubmenu = (props) => {
-    const { title = '', items = [], disabled = false, className, ...remainingProps } = props;
-    const classes = classNames('dropdown-submenu', disabled && 'disabled', className);
-    const [refParentPopper, setRefParentPopper] = useState(null);
-    const [refDropdownSubmenu, setRefDropdownSubmenu] = 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] = useState(false);
-    const handleMouseEnter = () => setIsHover(true);
-    const handleMouseLeave = () => setIsHover(false);
-    const { styles, attributes } = 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 (_jsxs("li", { ref: setRefParentPopper, ...remainingProps, className: classes, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [_jsxs("a", { className: 'submenu-title', role: 'menuitem', children: [_jsx("span", { className: 'submenu-title-text', children: title }), _jsx("span", { className: 'rioglyph rioglyph-chevron-right' })] }), isHover && !disabled && (_jsx(MenuItemList, { ref: setRefDropdownSubmenu, style: styles.popper, ...attributes.popper, children: _jsx(MenuItems, { items: items }) }))] }));
-};
-export default DropdownSubmenu;

package/src/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/src/components/dropdown/DropdownToggleButton.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import classNames from 'classnames';
-import Button from '../button/Button';
-import useMergeRefs from '../../hooks/useMergeRefs';
-const DropdownToggleButton = forwardRef((props, ref) => {
-    const { id, disabled, bsSize, bsStyle, variant, splitButton = false, onClick, toggleButtonType = 'button', className = '', children, outerRef, iconOnly, ...remainingProps } = props;
-    const toggleRef = useMergeRefs(outerRef, ref);
-    const buttonClasses = classNames(!splitButton && 'dropdown-toggle', !splitButton && className);
-    const labelClasses = classNames('dropdown-toggle', 'label', `label-${bsStyle}`, 'display-flex align-items-center', 'user-select-none cursor-pointer', disabled && 'pointer-events-none', className);
-    const tagClasses = classNames('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 (_jsx("div", { ...remainingProps, id: id, ref: toggleRef, onClick: onClick, className: tagClasses, children: children }));
-    }
-    if (toggleButtonType === 'label') {
-        return (_jsx("div", { ...remainingProps, id: id, ref: toggleRef, onClick: onClick, className: labelClasses, children: children }));
-    }
-    return (_jsx(Button, { ...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 }));
-});
-export default DropdownToggleButton;

package/src/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/src/components/dropdown/SimpleButtonDropdown.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import ButtonDropdown from './ButtonDropdown';
-const SimpleButtonDropdown = (props) => _jsx(ButtonDropdown, { ...props, noCaret: true });
-export default SimpleButtonDropdown;

package/src/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/src/components/dropdown/SingleButtonDropdown.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import ButtonDropdown from './ButtonDropdown';
-const SingleButtonDropdown = (props) => _jsx(ButtonDropdown, { ...props });
-export default SingleButtonDropdown;

package/src/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/src/components/dropdown/SplitButtonDropdown.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import ButtonDropdown from './ButtonDropdown';
-const SplitButtonDropdown = (props) => _jsx(ButtonDropdown, { ...props, splitButton: true });
-export default SplitButtonDropdown;

package/src/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;

package/src/components/dropdown/SplitCaretButton.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import classNames from 'classnames';
-import Caret from './Caret';
-import Button from '../button/Button';
-const SplitCaretButton = forwardRef((props, ref) => {
-    const { disabled = false, bsStyle, bsSize, onClick, className, ...remainingProps } = props;
-    const splitCaretButtonClasses = classNames('dropdown-toggle', className);
-    return (_jsx(Button, { ...remainingProps, type: 'button', ref: ref, disabled: disabled, bsStyle: bsStyle, bsSize: bsSize, onClick: onClick, className: splitCaretButtonClasses, children: _jsx(Caret, {}) }));
-});
-export default SplitCaretButton;