@rio-cloud/rio-uikit 2.0.0-beta.1 → 2.0.0-beta.2

package/components/dialog/SaveDialog.js

@@ -1,10 +1,37 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { noop } from 'es-toolkit/function';
-import Button from "../button/Button.js";
-import Dialog from "./Dialog.js";
-const SaveDialog = (props) => {
-    const { showCloseButton = true, content, discardButtonText, cancelButtonText, confirmButtonText, onClickDiscard = noop, onClickCancel = noop, onClickConfirm = noop, ...remainingProps } = props;
-    const footer = (_jsxs("div", { className: 'btn-toolbar', children: [_jsx(Button, { className: 'DiscardButton', onClick: onClickDiscard, children: discardButtonText }), _jsx(Button, { className: 'CancelButton', onClick: onClickCancel, children: cancelButtonText }), _jsx(Button, { className: 'ConfirmationButton', bsStyle: 'primary', onClick: onClickConfirm, children: confirmButtonText })] }));
-    return (_jsx(Dialog, { ...remainingProps, showCloseButton: showCloseButton, body: content, footer: footer, onClose: onClickCancel, className: 'save-dialog', disableEsc: true }));
+import { jsx as o, jsxs as C } from "react/jsx-runtime";
+import { noop as t } from "es-toolkit/function";
+import n from "../button/Button.js";
+import f from "./Dialog.js";
+const h = (r) => {
+  const {
+    showCloseButton: i = !0,
+    content: a,
+    discardButtonText: c,
+    cancelButtonText: s,
+    confirmButtonText: l,
+    onClickDiscard: m = t,
+    onClickCancel: e = t,
+    onClickConfirm: d = t,
+    ...u
+  } = r;
+  return /* @__PURE__ */ o(
+    f,
+    {
+      ...u,
+      showCloseButton: i,
+      body: a,
+      footer: /* @__PURE__ */ C("div", { className: "btn-toolbar", children: [
+        /* @__PURE__ */ o(n, { className: "DiscardButton", onClick: m, children: c }),
+        /* @__PURE__ */ o(n, { className: "CancelButton", onClick: e, children: s }),
+        /* @__PURE__ */ o(n, { className: "ConfirmationButton", bsStyle: "primary", onClick: d, children: l })
+      ] }),
+      onClose: e,
+      className: "save-dialog",
+      disableEsc: !0
+    }
+  );
 };
-export default SaveDialog;
+export {
+  h as default
+};
+//# sourceMappingURL=SaveDialog.js.map

package/components/dialog/SaveDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveDialog.js","sources":["../../../src/components/dialog/SaveDialog.tsx"],"sourcesContent":["import type React from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport Button from '../button/Button';\nimport Dialog, { type BaseDialogProps } from './Dialog';\n\nexport type SaveDialogProps = BaseDialogProps & {\n    /**\n     * The content of the dialog body itself.\n     */\n    content: string | React.ReactNode;\n\n    /**\n     * A callback fired when the cancel button is clicked or the dialog is closed.\n     */\n    onClickCancel: VoidFunction;\n\n    /**\n     * A callback fired when the discard button is clicked.\n     */\n    onClickDiscard: VoidFunction;\n\n    /**\n     * A callback fired when the confirmation button is clicked.\n     */\n    onClickConfirm: VoidFunction;\n\n    /**\n     * The content of the discard button. (Usually a text, can also be a FormattedMessage component).\n     */\n    discardButtonText: string | React.ReactNode;\n\n    /**\n     * The content of the cancel button. (Usually a text, can also be a FormattedMessage component).\n     */\n    cancelButtonText: string | React.ReactNode;\n\n    /**\n     * The content of the confirmation button. Since it is a node, it can be a simple text\n     * or any JSX node like a div element with an icon and a text.\n     */\n    confirmButtonText: string | React.ReactNode;\n};\n\nconst SaveDialog = (props: SaveDialogProps) => {\n    const {\n        showCloseButton = true,\n        content,\n        discardButtonText,\n        cancelButtonText,\n        confirmButtonText,\n        onClickDiscard = noop,\n        onClickCancel = noop,\n        onClickConfirm = noop,\n        ...remainingProps\n    } = props;\n\n    const footer = (\n        <div className='btn-toolbar'>\n            <Button className='DiscardButton' onClick={onClickDiscard}>\n                {discardButtonText}\n            </Button>\n            <Button className='CancelButton' onClick={onClickCancel}>\n                {cancelButtonText}\n            </Button>\n            <Button className='ConfirmationButton' bsStyle='primary' onClick={onClickConfirm}>\n                {confirmButtonText}\n            </Button>\n        </div>\n    );\n\n    return (\n        <Dialog\n            {...remainingProps}\n            showCloseButton={showCloseButton}\n            body={content}\n            footer={footer}\n            onClose={onClickCancel}\n            className='save-dialog'\n            disableEsc\n        />\n    );\n};\n\nexport default SaveDialog;\n"],"names":["SaveDialog","props","showCloseButton","content","discardButtonText","cancelButtonText","confirmButtonText","onClickDiscard","noop","onClickCancel","onClickConfirm","remainingProps","jsx","Dialog","jsxs","Button"],"mappings":";;;;AA4CA,MAAMA,IAAa,CAACC,MAA2B;AAC3C,QAAM;AAAA,IACF,iBAAAC,IAAkB;AAAA,IAClB,SAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAAC,IAAiBC;AAAA,IACjB,eAAAC,IAAgBD;AAAA,IAChB,gBAAAE,IAAiBF;AAAA,IACjB,GAAGG;AAAA,EAAA,IACHV;AAgBJ,SACI,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGF;AAAA,MACJ,iBAAAT;AAAA,MACA,MAAMC;AAAA,MACN,QAlBJ,gBAAAW,EAAC,OAAA,EAAI,WAAU,eACX,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAA,EAAO,WAAU,iBAAgB,SAASR,GACtC,UAAAH,GACL;AAAA,0BACCW,GAAA,EAAO,WAAU,gBAAe,SAASN,GACrC,UAAAJ,GACL;AAAA,QACA,gBAAAO,EAACG,KAAO,WAAU,sBAAqB,SAAQ,WAAU,SAASL,GAC7D,UAAAJ,EAAA,CACL;AAAA,MAAA,GACJ;AAAA,MASI,SAASG;AAAA,MACT,WAAU;AAAA,MACV,YAAU;AAAA,IAAA;AAAA,EAAA;AAGtB;"}

package/components/dialog/SimpleDialog.d.ts

@@ -1,5 +1,5 @@
-import type React from 'react';
-import { type DialogProps } from './Dialog';
+import { default as React } from 'react';
+import { DialogProps } from './Dialog';
 export type SimpleDialogProps = Omit<DialogProps, 'body'> & {
     /**
      * The content of the dialog body itself.

package/components/dialog/SimpleDialog.js

@@ -1,11 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Dialog from "./Dialog.js";
-/*
- * 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 _jsx(Dialog, { ...remainingProps, showCloseButton: showCloseButton, body: content, className: dialogClassName });
+import { jsx as i } from "react/jsx-runtime";
+import m from "./Dialog.js";
+const c = (s) => {
+  const { content: a, showCloseButton: t = !0, className: o, ...e } = s, l = `${o || ""} simple-dialog`;
+  return /* @__PURE__ */ i(m, { ...e, showCloseButton: t, body: a, className: l });
 };
-export default SimpleDialog;
+export {
+  c as default
+};
+//# sourceMappingURL=SimpleDialog.js.map

package/components/dialog/SimpleDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleDialog.js","sources":["../../../src/components/dialog/SimpleDialog.tsx"],"sourcesContent":["import type React from 'react';\n\nimport Dialog, { type DialogProps } from './Dialog';\n\nexport type SimpleDialogProps = Omit<DialogProps, 'body'> & {\n    /**\n     * The content of the dialog body itself.\n     */\n    content: string | React.ReactNode;\n};\n\n/*\n * Component to show a modal popup containing a title, a content and a close handler.\n */\nconst SimpleDialog = (props: SimpleDialogProps) => {\n    const { content, showCloseButton = true, className, ...remainingProps } = props;\n\n    const dialogClassName = `${className ? className : ''} simple-dialog`;\n\n    return <Dialog {...remainingProps} showCloseButton={showCloseButton} body={content} className={dialogClassName} />;\n};\n\nexport default SimpleDialog;\n"],"names":["SimpleDialog","props","content","showCloseButton","className","remainingProps","dialogClassName","jsx","Dialog"],"mappings":";;AAcA,MAAMA,IAAe,CAACC,MAA6B;AAC/C,QAAM,EAAE,SAAAC,GAAS,iBAAAC,IAAkB,IAAM,WAAAC,GAAW,GAAGC,MAAmBJ,GAEpEK,IAAkB,GAAGF,KAAwB,EAAE;AAErD,SAAO,gBAAAG,EAACC,KAAQ,GAAGH,GAAgB,iBAAAF,GAAkC,MAAMD,GAAS,WAAWI,GAAiB;AACpH;"}

package/components/dialog/SplitDialog.d.ts

@@ -1,5 +1,5 @@
-import type React from 'react';
-import { type BaseDialogProps } from './Dialog';
+import { default as React } from 'react';
+import { BaseDialogProps } from './Dialog';
 export type SplitDialogProps = Omit<BaseDialogProps, 'useOverflow'> & {
     /**
      * The content to be shown on the left side.

package/components/dialog/SplitDialog.js

@@ -1,11 +1,26 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import Dialog from "./Dialog.js";
-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 });
+import { jsx as s, jsxs as e } from "react/jsx-runtime";
+import N from "classnames";
+import f from "./Dialog.js";
+const u = (t) => {
+  const {
+    leftContent: i,
+    rightContent: l,
+    leftContentClassName: a = "",
+    rightContentClassName: r = "",
+    className: o = "",
+    useOverflow: n = !0,
+    showDivider: m = !0,
+    ...d
+  } = t, c = `split-dialog ${o}`, p = N("split-divider", "bg-lighter"), g = /* @__PURE__ */ e("div", { className: "split-wrapper", children: [
+    /* @__PURE__ */ e("div", { className: `split-left ${a}`, children: [
+      i,
+      m && /* @__PURE__ */ s("div", { className: p })
+    ] }),
+    /* @__PURE__ */ s("div", { className: `split-right ${r}`, children: l })
+  ] });
+  return /* @__PURE__ */ s(f, { ...d, body: g, className: c, useOverflow: n });
 };
-export default SplitDialog;
+export {
+  u as default
+};
+//# sourceMappingURL=SplitDialog.js.map

package/components/dialog/SplitDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitDialog.js","sources":["../../../src/components/dialog/SplitDialog.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\n\nimport Dialog, { type BaseDialogProps } from './Dialog';\n\nexport type SplitDialogProps = Omit<BaseDialogProps, 'useOverflow'> & {\n    /**\n     * The content to be shown on the left side.\n     */\n    leftContent?: string | React.ReactNode;\n\n    /**\n     * Additional classes for the left content element.\n     */\n    leftContentClassName?: string;\n\n    /**\n     * The content to be shown on the right side.\n     */\n    rightContent?: string | React.ReactNode;\n\n    /**\n     * Additional classes for the right content element.\n     */\n    rightContentClassName?: string;\n\n    /**\n     * The dialog body content.\n     */\n    footer?: React.ReactNode;\n\n    /**\n     * Additional classes for the modal-footer element.\n     */\n    footerClassName?: string;\n\n    /**\n     * A callback function to be executed before closing the dialog.\n     *\n     * If the function returns `false`, the dialog will not be closed\n     */\n    onCloseValidation?: () => boolean;\n\n    /**\n     * Enables the modal body to overflow and use inline scrolling if needed.\n     *\n     * @default true\n     */\n    useOverflow?: boolean;\n\n    /**\n     * Allows to disable the divider.\n     *\n     * @default true\n     */\n    showDivider?: boolean;\n};\n\nconst SplitDialog = (props: SplitDialogProps) => {\n    const {\n        leftContent,\n        rightContent,\n        leftContentClassName = '',\n        rightContentClassName = '',\n        className = '',\n        useOverflow = true,\n        showDivider = true,\n        ...remainingProps\n    } = props;\n\n    const dialogClassName = `split-dialog ${className}`;\n\n    const dividerClasses = classNames('split-divider', 'bg-lighter');\n\n    const body = (\n        <div className='split-wrapper'>\n            <div className={`split-left ${leftContentClassName}`}>\n                {leftContent}\n                {showDivider && <div className={dividerClasses} />}\n            </div>\n            <div className={`split-right ${rightContentClassName}`}>{rightContent}</div>\n        </div>\n    );\n\n    return <Dialog {...remainingProps} body={body} className={dialogClassName} useOverflow={useOverflow} />;\n};\n\nexport default SplitDialog;\n"],"names":["SplitDialog","props","leftContent","rightContent","leftContentClassName","rightContentClassName","className","useOverflow","showDivider","remainingProps","dialogClassName","dividerClasses","classNames","body","jsxs","jsx","Dialog"],"mappings":";;;AA0DA,MAAMA,IAAc,CAACC,MAA4B;AAC7C,QAAM;AAAA,IACF,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,sBAAAC,IAAuB;AAAA,IACvB,uBAAAC,IAAwB;AAAA,IACxB,WAAAC,IAAY;AAAA,IACZ,aAAAC,IAAc;AAAA,IACd,aAAAC,IAAc;AAAA,IACd,GAAGC;AAAA,EAAA,IACHR,GAEES,IAAkB,gBAAgBJ,CAAS,IAE3CK,IAAiBC,EAAW,iBAAiB,YAAY,GAEzDC,IACF,gBAAAC,EAAC,OAAA,EAAI,WAAU,iBACX,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAW,cAAcV,CAAoB,IAC7C,UAAA;AAAA,MAAAF;AAAA,MACAM,KAAe,gBAAAO,EAAC,OAAA,EAAI,WAAWJ,EAAA,CAAgB;AAAA,IAAA,GACpD;AAAA,sBACC,OAAA,EAAI,WAAW,eAAeN,CAAqB,IAAK,UAAAF,EAAA,CAAa;AAAA,EAAA,GAC1E;AAGJ,2BAAQa,GAAA,EAAQ,GAAGP,GAAgB,MAAAI,GAAY,WAAWH,GAAiB,aAAAH,GAA0B;AACzG;"}

package/components/dialog/dialogContext.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import { default as React } from 'react';
 export type DialogContext = {
     onClose: (event: React.MouseEvent<HTMLButtonElement>) => void;
     isSmallestDialog: boolean;

package/components/dialog/dialogContext.js

@@ -1,17 +1,19 @@
-import { createContext, useContext } from 'react';
-import { noop } from 'es-toolkit/function';
-const initialContext = {
-    onClose: noop,
-    isSmallestDialog: false,
-    showXsDialogBorders: false,
-    showCloseButton: true,
+import { createContext as e, useContext as n } from "react";
+import { noop as r } from "es-toolkit/function";
+const s = {
+  onClose: r,
+  isSmallestDialog: !1,
+  showXsDialogBorders: !1,
+  showCloseButton: !0
+}, t = e(s), a = t.Provider, c = () => {
+  const o = n(t);
+  if (!o)
+    throw new Error("Dialog compound components cannot be rendered outside the Dialog component");
+  return o;
 };
-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;
+export {
+  a as DialogContextProvider,
+  t as dialogContext,
+  c as useDialogContext
 };
+//# sourceMappingURL=dialogContext.js.map

package/components/dialog/dialogContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialogContext.js","sources":["../../../src/components/dialog/dialogContext.ts"],"sourcesContent":["import type React from 'react';\nimport { createContext, useContext } from 'react';\nimport { noop } from 'es-toolkit/function';\n\nexport type DialogContext = {\n    onClose: (event: React.MouseEvent<HTMLButtonElement>) => void;\n    isSmallestDialog: boolean;\n    showXsDialogBorders: boolean;\n    showCloseButton: boolean;\n};\n\nconst initialContext = {\n    onClose: noop,\n    isSmallestDialog: false,\n    showXsDialogBorders: false,\n    showCloseButton: true,\n};\n\nexport const dialogContext = createContext<DialogContext>(initialContext);\n\nexport const DialogContextProvider = dialogContext.Provider;\n\nexport const useDialogContext = () => {\n    const context = useContext(dialogContext);\n    if (!context) {\n        throw new Error('Dialog compound components cannot be rendered outside the Dialog component');\n    }\n    return context;\n};\n"],"names":["initialContext","noop","dialogContext","createContext","DialogContextProvider","useDialogContext","context","useContext"],"mappings":";;AAWA,MAAMA,IAAiB;AAAA,EACnB,SAASC;AAAA,EACT,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,iBAAiB;AACrB,GAEaC,IAAgBC,EAA6BH,CAAc,GAE3DI,IAAwBF,EAAc,UAEtCG,IAAmB,MAAM;AAClC,QAAMC,IAAUC,EAAWL,CAAa;AACxC,MAAI,CAACI;AACD,UAAM,IAAI,MAAM,4EAA4E;AAEhG,SAAOA;AACX;"}

package/components/divider/Divider.d.ts

@@ -1,4 +1,4 @@
-import type { PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 export type DividerProps = {
     /**
      * The amount of space to either side

package/components/divider/Divider.js

@@ -1,27 +1,47 @@
-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;
+import { jsxs as t, jsx as r, Fragment as c } from "react/jsx-runtime";
+import o from "classnames";
+const L = (h) => {
+  const {
+    spacing: m = 15,
+    dividerWidth: p = 1,
+    dividerColor: v = "light",
+    asSpacer: f = !1,
+    vertical: i = !1,
+    titleAlignment: n = "center",
+    className: x = "",
+    children: s
+  } = h, N = o("Divider", "position-relative", !i && "width-100pct", x), l = `${m}px`, e = {};
+  i && (e.paddingLeft = l, e.paddingRight = l), i || (e.paddingTop = l, e.paddingBottom = l);
+  const y = o("divider-line", `bg-${v}`), $ = typeof s == "string", g = /* @__PURE__ */ r(
+    "div",
+    {
+      className: y,
+      style: {
+        width: i ? `${p}px` : "100%",
+        height: i ? "100%" : `${p}px`
+      }
     }
-    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] }))] }))] }));
+  ), d = /* @__PURE__ */ r("div", { className: "flex-1-0", children: g }), a = /* @__PURE__ */ r("div", { className: $ ? "padding-x-10" : "", children: s }), u = o("divider-title", "display-flex", "align-items-center");
+  return /* @__PURE__ */ t("div", { className: N, style: e, children: [
+    !f && !s && g,
+    s && /* @__PURE__ */ t("div", { className: u, children: [
+      n === "left" && /* @__PURE__ */ t(c, { children: [
+        a,
+        d
+      ] }),
+      n === "center" && /* @__PURE__ */ t(c, { children: [
+        d,
+        a,
+        d
+      ] }),
+      n === "right" && /* @__PURE__ */ t(c, { children: [
+        d,
+        a
+      ] })
+    ] })
+  ] });
+};
+export {
+  L as default
 };
-export default Divider;
+//# sourceMappingURL=Divider.js.map

package/components/divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sources":["../../../src/components/divider/Divider.tsx"],"sourcesContent":["import type React from 'react';\nimport type { PropsWithChildren } from 'react';\nimport classNames from 'classnames';\n\nexport type DividerProps = {\n    /**\n     * The amount of space to either side\n     *\n     * @default 15\n     */\n    spacing?: number;\n\n    /**\n     * Defines the width of the divider line\n     *\n     * @default 1\n     */\n    dividerWidth?: 1 | 2 | 3;\n\n    /**\n     * Defines the color of the divider line\n     *\n     * @default 'light'\n     */\n    dividerColor?: 'darkest' | 'darker' | 'dark' | 'gray' | 'light' | 'lighter' | 'lightest';\n\n    /**\n     * Use the component as a spacer element without the divider line\n     *\n     * @default false\n     */\n    asSpacer?: boolean;\n\n    /**\n     * Set the orientation for the divider line to vertical.\n     * This may be useful for button toolbars or elements on a single row.\n     *\n     * @default false\n     */\n    vertical?: boolean;\n\n    /**\n     * Defines where the children are aligned on the divider line\n     *\n     * @default 'center'\n     */\n    titleAlignment?: 'left' | 'center' | 'right';\n\n    /**\n     * Additional classes added to the wrapping element.\n     */\n    className?: string;\n};\n\nconst Divider = (props: PropsWithChildren<DividerProps>) => {\n    const {\n        spacing = 15,\n        dividerWidth = 1,\n        dividerColor = 'light',\n        asSpacer = false,\n        vertical = false,\n        titleAlignment = 'center',\n        className = '',\n        children,\n    } = props;\n\n    const classes = classNames('Divider', 'position-relative', !vertical && 'width-100pct', className);\n\n    const spacingValue = `${spacing}px`;\n    const wrapperStyle: React.CSSProperties = {};\n\n    if (vertical) {\n        wrapperStyle.paddingLeft = spacingValue;\n        wrapperStyle.paddingRight = spacingValue;\n    }\n\n    if (!vertical) {\n        wrapperStyle.paddingTop = spacingValue;\n        wrapperStyle.paddingBottom = spacingValue;\n    }\n\n    const dividerLineClasses = classNames('divider-line', `bg-${dividerColor}`);\n\n    const isStringTitle = typeof children === 'string';\n\n    const line = (\n        <div\n            className={dividerLineClasses}\n            style={{\n                width: vertical ? `${dividerWidth}px` : '100%',\n                height: vertical ? '100%' : `${dividerWidth}px`,\n            }}\n        />\n    );\n\n    const titleLine = <div className='flex-1-0'>{line}</div>;\n    const title = <div className={isStringTitle ? 'padding-x-10' : ''}>{children}</div>;\n\n    const dividerTitleClasses = classNames('divider-title', 'display-flex', 'align-items-center');\n\n    return (\n        <div className={classes} style={wrapperStyle}>\n            {!asSpacer && !children && line}\n            {children && (\n                <div className={dividerTitleClasses}>\n                    {titleAlignment === 'left' && (\n                        <>\n                            {title}\n                            {titleLine}\n                        </>\n                    )}\n                    {titleAlignment === 'center' && (\n                        <>\n                            {titleLine}\n                            {title}\n                            {titleLine}\n                        </>\n                    )}\n                    {titleAlignment === 'right' && (\n                        <>\n                            {titleLine}\n                            {title}\n                        </>\n                    )}\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default Divider;\n"],"names":["Divider","props","spacing","dividerWidth","dividerColor","asSpacer","vertical","titleAlignment","className","children","classes","classNames","spacingValue","wrapperStyle","dividerLineClasses","isStringTitle","line","jsx","titleLine","title","dividerTitleClasses","jsxs","Fragment"],"mappings":";;AAsDA,MAAMA,IAAU,CAACC,MAA2C;AACxD,QAAM;AAAA,IACF,SAAAC,IAAU;AAAA,IACV,cAAAC,IAAe;AAAA,IACf,cAAAC,IAAe;AAAA,IACf,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,gBAAAC,IAAiB;AAAA,IACjB,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,EAAA,IACAR,GAEES,IAAUC,EAAW,WAAW,qBAAqB,CAACL,KAAY,gBAAgBE,CAAS,GAE3FI,IAAe,GAAGV,CAAO,MACzBW,IAAoC,CAAA;AAE1C,EAAIP,MACAO,EAAa,cAAcD,GAC3BC,EAAa,eAAeD,IAG3BN,MACDO,EAAa,aAAaD,GAC1BC,EAAa,gBAAgBD;AAGjC,QAAME,IAAqBH,EAAW,gBAAgB,MAAMP,CAAY,EAAE,GAEpEW,IAAgB,OAAON,KAAa,UAEpCO,IACF,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWH;AAAA,MACX,OAAO;AAAA,QACH,OAAOR,IAAW,GAAGH,CAAY,OAAO;AAAA,QACxC,QAAQG,IAAW,SAAS,GAAGH,CAAY;AAAA,MAAA;AAAA,IAC/C;AAAA,EAAA,GAIFe,IAAY,gBAAAD,EAAC,OAAA,EAAI,WAAU,YAAY,UAAAD,GAAK,GAC5CG,IAAQ,gBAAAF,EAAC,OAAA,EAAI,WAAWF,IAAgB,iBAAiB,IAAK,UAAAN,GAAS,GAEvEW,IAAsBT,EAAW,iBAAiB,gBAAgB,oBAAoB;AAE5F,SACI,gBAAAU,EAAC,OAAA,EAAI,WAAWX,GAAS,OAAOG,GAC3B,UAAA;AAAA,IAAA,CAACR,KAAY,CAACI,KAAYO;AAAA,IAC1BP,KACG,gBAAAY,EAAC,OAAA,EAAI,WAAWD,GACX,UAAA;AAAA,MAAAb,MAAmB,UAChB,gBAAAc,EAAAC,GAAA,EACK,UAAA;AAAA,QAAAH;AAAA,QACAD;AAAA,MAAA,GACL;AAAA,MAEHX,MAAmB,YAChB,gBAAAc,EAAAC,GAAA,EACK,UAAA;AAAA,QAAAJ;AAAA,QACAC;AAAA,QACAD;AAAA,MAAA,GACL;AAAA,MAEHX,MAAmB,WAChB,gBAAAc,EAAAC,GAAA,EACK,UAAA;AAAA,QAAAJ;AAAA,QACAC;AAAA,MAAA,EAAA,CACL;AAAA,IAAA,EAAA,CAER;AAAA,EAAA,GAER;AAER;"}

package/components/dropdown/ButtonDropdown.d.ts

@@ -1,7 +1,7 @@
-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';
+import { default as React } from 'react';
+import { DropdownToggleEvent, DropdownToggleButtonType } from './DropdownToggleButton';
+import { MenuItemProps as MenuItem } from '../menuItems/MenuItem';
+import { 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.

package/components/dropdown/ButtonDropdown.js

@@ -1,110 +1,122 @@
-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 { noop } from 'es-toolkit/function';
-import { isNil } from 'es-toolkit/predicate';
-import { getOrCreatePortalRoot } from "../../utils/portalRoot.js";
-import useClickOutside, { DEFAULT_EVENT_TYPES } from "../../hooks/useClickOutside.js";
-import MenuItems from "../menuItems/MenuItems.js";
-import MenuItemList from "../menuItems/MenuItemList.js";
-import DropdownToggleButton from "./DropdownToggleButton.js";
-import SplitCaretButton from "./SplitCaretButton.js";
-import Caret from "./Caret.js";
-const getPlacement = (pullRight, dropup) => {
-    if (pullRight && dropup) {
-        return 'top-end';
+import { jsx as l, jsxs as N, Fragment as ro } from "react/jsx-runtime";
+import { forwardRef as so, useState as c, useEffect as lo } from "react";
+import po from "react-dom";
+import { usePopper as ao } from "react-popper";
+import P from "classnames";
+import { noop as u } from "es-toolkit/function";
+import { isNil as io } from "es-toolkit/predicate";
+import { getOrCreatePortalRoot as co } from "../../utils/portalRoot.js";
+import fo, { DEFAULT_EVENT_TYPES as mo } from "../../hooks/useClickOutside.js";
+import uo from "../menuItems/MenuItems.js";
+import go from "../menuItems/MenuItemList.js";
+import wo from "./DropdownToggleButton.js";
+import Co from "./SplitCaretButton.js";
+import Bo from "./Caret.js";
+const Do = (r, s) => r && s ? "top-end" : !r && s ? "top-start" : r && !s ? "bottom-end" : "bottom-start", Oo = () => so((r, s) => {
+  const {
+    id: g = Math.random().toString(36).slice(2, 16),
+    items: R = [],
+    bsSize: w = "md",
+    bsStyle: C = "default",
+    variant: T,
+    disabled: B = !1,
+    iconOnly: D = !1,
+    title: k,
+    splitButton: t = !1,
+    customDropdown: O,
+    open: e,
+    dropup: y = !1,
+    pullRight: f = !1,
+    noCaret: E = !1,
+    onOpen: L = u,
+    onClose: x = u,
+    onLabelButtonClick: I = u,
+    usePortal: p = !1,
+    popperConfig: j,
+    toggleButtonType: F = "button",
+    toggleClassName: S = "",
+    dropdownClassName: U,
+    className: _ = "",
+    ...v
+  } = r, [b, m] = c(e), [z, A] = c(null), [h, V] = c(null), [Y, q] = c(null), G = {
+    placement: Do(f, y),
+    modifiers: []
+  }, H = t && f ? Y : z, { styles: J, attributes: K } = ao(H, h, j || G), n = io(e), a = n ? b : e, Q = fo(
+    (o) => {
+      p && h?.contains(o.target) || i();
+    },
+    mo,
+    !!a
+    // only listen to clicks outside when the dropdown is open
+  ), W = co(), X = !E && !t && !D;
+  lo(() => {
+    n || m(e);
+  }, [n, e]);
+  const d = (o) => {
+    (n ? b : e) ? i() : Z(o);
+  }, Z = (o) => {
+    n && m(!0), o && L(o);
+  }, i = () => {
+    n && m(!1), x();
+  }, $ = () => {
+    i(), I();
+  }, oo = (o) => {
+    d(o);
+  }, to = (o) => {
+    t ? $() : d(o);
+  }, eo = P("dropdown", "btn-group", a && "open", _), no = P(
+    p && "dropdown-portal",
+    t && f && "pull-right",
+    U
+  ), M = /* @__PURE__ */ l(
+    go,
+    {
+      className: no,
+      ref: V,
+      style: J.popper,
+      ...K.popper,
+      children: O || /* @__PURE__ */ l(uo, { items: R, closeMenu: d })
     }
-    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] }));
-    });
+  );
+  return /* @__PURE__ */ N("div", { ...v, className: eo, ref: Q, children: [
+    /* @__PURE__ */ l(
+      wo,
+      {
+        id: g,
+        splitButton: t,
+        bsStyle: C,
+        bsSize: w,
+        variant: T,
+        iconOnly: D,
+        disabled: B,
+        ref: A,
+        onClick: to,
+        outerRef: s,
+        toggleButtonType: F,
+        className: S,
+        children: /* @__PURE__ */ N(ro, { children: [
+          k,
+          X && /* @__PURE__ */ l(Bo, {})
+        ] })
+      }
+    ),
+    t && /* @__PURE__ */ l(
+      Co,
+      {
+        id: g,
+        bsStyle: C,
+        bsSize: w,
+        disabled: B,
+        className: S,
+        onClick: oo,
+        ref: q
+      }
+    ),
+    a && p && po.createPortal(M, W),
+    a && !p && M
+  ] });
+}), Fo = Oo();
+export {
+  Fo as default
 };
-const ButtonDropdown = createButtonDropdown();
-export default ButtonDropdown;
+//# sourceMappingURL=ButtonDropdown.js.map

package/components/dropdown/ButtonDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonDropdown.js","sources":["../../../src/components/dropdown/ButtonDropdown.tsx"],"sourcesContent":["// biome-ignore lint/style/useImportType: <explanation>\nimport React, { useState, useEffect, forwardRef, type PropsWithChildren } from 'react';\nimport ReactDOM from 'react-dom';\nimport { usePopper } from 'react-popper';\nimport classNames from 'classnames';\nimport { noop } from 'es-toolkit/function';\nimport { isNil } from 'es-toolkit/predicate';\n\nimport { getOrCreatePortalRoot } from '../../utils/portalRoot';\nimport useClickOutside, { DEFAULT_EVENT_TYPES } from '../../hooks/useClickOutside';\nimport MenuItems from '../menuItems/MenuItems';\nimport MenuItemList from '../menuItems/MenuItemList';\nimport DropdownToggleButton, { type DropdownToggleEvent, type DropdownToggleButtonType } from './DropdownToggleButton';\nimport SplitCaretButton from './SplitCaretButton';\nimport Caret from './Caret';\nimport type { MenuItemProps as MenuItem } from '../menuItems/MenuItem';\nimport type { BUTTON_SIZE, BUTTON_STYLE, BUTTON_VARIANT } from '../button/Button';\n\nconst getPlacement = (pullRight: boolean, dropup: boolean) => {\n    if (pullRight && dropup) {\n        return 'top-end';\n    }\n    if (!pullRight && dropup) {\n        return 'top-start';\n    }\n    if (pullRight && !dropup) {\n        return 'bottom-end';\n    }\n    return 'bottom-start';\n};\n\nexport type ButtonDropdownProps<T extends DropdownToggleButtonType = 'button'> = {\n    /**\n     * Unique button id. If not present a random id is generated.\n     */\n    id?: string;\n\n    /**\n     * The button title. This may be also a node, like a <span> or a <FormattedMessage>.\n     */\n    title: string | React.ReactNode;\n\n    /**\n     * Defined weather or not the menu is rendered.\n     * Use this to control the component from the outside.\n     *\n     * @default undefined\n     */\n    open?: boolean;\n\n    /**\n     * Defines whether the dropdown opens above or below.\n     * Set it to \"true\" additionally disables the automatic position feature.\n     *\n     * @default false\n     */\n    dropup?: boolean;\n\n    /**\n     * Defines whether the dropdown opens right aligned to the dropdown or not.\n     */\n    pullRight?: boolean;\n\n    /**\n     * Defines how large the button will be rendered.\n     *\n     * Possible values are: `xs`, `sm`, `md`, `lg`\n     */\n    bsSize?: BUTTON_SIZE;\n\n    /**\n     * Defines the button color.\n     *\n     * Possible values are: `default`, `primary`, `secondary`, `info`, `warning`, `danger`, `success`, `muted`\n     */\n    bsStyle?: BUTTON_STYLE;\n\n    /**\n     * Defines the variation of the button design.\n     *\n     * Possible values are: `link`, `link-inline`, `outline`, `action`\n     */\n    variant?: BUTTON_VARIANT;\n\n    /**\n     * Specify the toggle element type.\n     * It supports the following types: \"button\" | \"tag\" | \"label\"\n     *\n     * @default 'button'\n     */\n    toggleButtonType?: DropdownToggleButtonType;\n\n    /**\n     * Optional prop to defines whether the dropdown title is icon only which\n     * applies different padding so the button is a square.\n     *\n     * @default false\n     */\n    iconOnly?: boolean;\n\n    /**\n     * Defines whether the caret is shown or not.\n     *\n     * @default false\n     */\n    noCaret?: boolean;\n\n    /**\n     * Defines whether the dropdown-toggle (with caret) should be in a separate button.\n     *\n     * @default false\n     */\n    splitButton?: boolean;\n\n    /**\n     * Renders the dropdown into a dedicated react portal\n     *\n     * @default false\n     */\n    usePortal?: boolean;\n\n    /**\n     * Items to display in the dropdown menu. If you use a custom dropdown you can skip this prop.\n     */\n    items?: MenuItem[];\n\n    /**\n     * Disables the dropdown button.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Callback for splitButton label button click.\n     */\n    onLabelButtonClick?: () => void;\n\n    /**\n     * Callback for when the toggle button was clicked to open it.\n     * @param event\n     * @returns\n     */\n    onOpen?: (event: DropdownToggleEvent<T>) => void;\n\n    /**\n     * Callback for when the toggle button was clicked to close it.\n     * @returns\n     */\n    onClose?: () => void;\n\n    /**\n     * Allows to pass in custom dropdown menu content.\n     */\n    customDropdown?: React.ReactNode;\n\n    /**\n     * Define custom popper.js configuration for dropdown placement and modifiers.\n     */\n    popperConfig?: object;\n\n    /**\n     * Additional classes to be set on the dropdown-toggle button.\n     */\n    toggleClassName?: string;\n\n    /**\n     * Additional classes to be set on the dropdown.\n     */\n    dropdownClassName?: string;\n\n    /**\n     * Additional classes to be set to the wrapper element.\n     */\n    className?: string;\n};\n\nconst createButtonDropdown = <T extends DropdownToggleButtonType = 'button'>() => {\n    return forwardRef<\n        T extends 'button' ? HTMLButtonElement : HTMLDivElement,\n        PropsWithChildren<ButtonDropdownProps<T>>\n    >((props, ref) => {\n        const {\n            id = Math.random().toString(36).slice(2, 16),\n            items = [],\n            bsSize = 'md',\n            bsStyle = 'default',\n            variant,\n            disabled = false,\n            iconOnly = false,\n            title,\n            splitButton = false,\n            customDropdown,\n            open,\n            dropup = false,\n            pullRight = false,\n            noCaret = false,\n            onOpen = noop,\n            onClose = noop,\n            onLabelButtonClick = noop,\n            usePortal = false,\n            popperConfig,\n            toggleButtonType = 'button',\n            toggleClassName = '',\n            dropdownClassName,\n            className = '',\n            ...remainingProps\n        } = props;\n\n        const [internalOpen, setInternalOpen] = useState(open);\n\n        const [refDropdownToggle, setRefDropdownToggle] = useState<HTMLButtonElement | HTMLDivElement | null>(null);\n        const [refDropdownMenu, setRefDropdownMenu] = useState<HTMLUListElement | null>(null);\n        const [refSplitButtonToggle, setRefSplitButtonToggle] = useState<HTMLButtonElement | null>(null);\n\n        const defaultPopperConfig = {\n            placement: getPlacement(pullRight, dropup),\n            modifiers: [],\n        };\n\n        const popperParentRef = splitButton && pullRight ? refSplitButtonToggle : refDropdownToggle;\n\n        const { styles, attributes } = usePopper(popperParentRef, refDropdownMenu, popperConfig || defaultPopperConfig);\n\n        const isUncontrolled = isNil(open);\n        const isOpen = isUncontrolled ? internalOpen : open;\n\n        const wrapperRef = useClickOutside(\n            event => {\n                if (usePortal) {\n                    // In case the dropdown is rendered via portal the clickOutside the toggle button element is\n                    // triggered since the dropdown is not a child of the wrapper element.\n                    // In this case we need to check if the event target is inside the dropdown-menu and prevent closing\n                    // the dropdown\n                    if (!refDropdownMenu?.contains(event.target as Node)) {\n                        closeMenu();\n                    }\n                } else {\n                    closeMenu();\n                }\n            },\n            DEFAULT_EVENT_TYPES,\n            Boolean(isOpen) // only listen to clicks outside when the dropdown is open\n        );\n\n        const dropdownRoot = getOrCreatePortalRoot();\n\n        const shouldShowCaret = !noCaret && !splitButton && !iconOnly;\n\n        useEffect(() => {\n            if (!isUncontrolled) {\n                setInternalOpen(open);\n            }\n        }, [isUncontrolled, open]);\n\n        const toggleOpen = (event?: DropdownToggleEvent<T>) => {\n            const isDropdownOpen = isUncontrolled ? internalOpen : open;\n\n            if (isDropdownOpen) {\n                closeMenu();\n            } else {\n                openMenu(event);\n            }\n        };\n\n        const openMenu = (event?: DropdownToggleEvent<T>) => {\n            if (isUncontrolled) {\n                setInternalOpen(true);\n            }\n            if (event) {\n                onOpen(event);\n            }\n        };\n\n        const closeMenu = () => {\n            if (isUncontrolled) {\n                setInternalOpen(false);\n            }\n            onClose();\n        };\n\n        const handleSplitLabelButtonClick = () => {\n            closeMenu();\n            onLabelButtonClick();\n        };\n\n        const handleSplitCaretButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            toggleOpen(event as any);\n        };\n\n        const handleDropdownButtonClick = (event: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => {\n            if (splitButton) {\n                handleSplitLabelButtonClick();\n            } else {\n                toggleOpen(event as DropdownToggleEvent<T>);\n            }\n        };\n\n        const wrapperClasses = classNames('dropdown', 'btn-group', isOpen && 'open', className);\n\n        const dropdownClasses = classNames(\n            usePortal && 'dropdown-portal',\n            splitButton && pullRight && 'pull-right',\n            dropdownClassName\n        );\n\n        const dropdownMenu = (\n            <MenuItemList\n                className={dropdownClasses}\n                ref={setRefDropdownMenu}\n                style={styles.popper}\n                {...attributes.popper}\n            >\n                {customDropdown ? customDropdown : <MenuItems items={items} closeMenu={toggleOpen} />}\n            </MenuItemList>\n        );\n\n        return (\n            <div {...remainingProps} className={wrapperClasses} ref={wrapperRef}>\n                <DropdownToggleButton\n                    id={id}\n                    splitButton={splitButton}\n                    bsStyle={bsStyle}\n                    bsSize={bsSize}\n                    variant={variant}\n                    iconOnly={iconOnly}\n                    disabled={disabled}\n                    ref={setRefDropdownToggle}\n                    onClick={handleDropdownButtonClick}\n                    outerRef={ref}\n                    toggleButtonType={toggleButtonType}\n                    className={toggleClassName}\n                >\n                    <>\n                        {title}\n                        {shouldShowCaret && <Caret />}\n                    </>\n                </DropdownToggleButton>\n                {splitButton && (\n                    <SplitCaretButton\n                        id={id}\n                        bsStyle={bsStyle}\n                        bsSize={bsSize}\n                        disabled={disabled}\n                        className={toggleClassName}\n                        onClick={handleSplitCaretButtonClick}\n                        ref={setRefSplitButtonToggle}\n                    />\n                )}\n                {isOpen && usePortal && ReactDOM.createPortal(dropdownMenu, dropdownRoot)}\n                {isOpen && !usePortal && dropdownMenu}\n            </div>\n        );\n    });\n};\n\nconst ButtonDropdown = createButtonDropdown();\n\nexport default ButtonDropdown;\n"],"names":["getPlacement","pullRight","dropup","createButtonDropdown","forwardRef","props","ref","id","items","bsSize","bsStyle","variant","disabled","iconOnly","title","splitButton","customDropdown","open","noCaret","onOpen","noop","onClose","onLabelButtonClick","usePortal","popperConfig","toggleButtonType","toggleClassName","dropdownClassName","className","remainingProps","internalOpen","setInternalOpen","useState","refDropdownToggle","setRefDropdownToggle","refDropdownMenu","setRefDropdownMenu","refSplitButtonToggle","setRefSplitButtonToggle","defaultPopperConfig","popperParentRef","styles","attributes","usePopper","isUncontrolled","isNil","isOpen","wrapperRef","useClickOutside","event","closeMenu","DEFAULT_EVENT_TYPES","dropdownRoot","getOrCreatePortalRoot","shouldShowCaret","useEffect","toggleOpen","openMenu","handleSplitLabelButtonClick","handleSplitCaretButtonClick","handleDropdownButtonClick","wrapperClasses","classNames","dropdownClasses","dropdownMenu","jsx","MenuItemList","MenuItems","DropdownToggleButton","jsxs","Fragment","Caret","SplitCaretButton","ReactDOM","ButtonDropdown"],"mappings":"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"}

package/components/dropdown/Caret.js

@@ -1,3 +1,6 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const Caret = () => _jsx("span", { className: 'caret' });
-export default Caret;
+import { jsx as a } from "react/jsx-runtime";
+const t = () => /* @__PURE__ */ a("span", { className: "caret" });
+export {
+  t as default
+};
+//# sourceMappingURL=Caret.js.map

package/components/dropdown/Caret.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Caret.js","sources":["../../../src/components/dropdown/Caret.tsx"],"sourcesContent":["const Caret = () => <span className='caret' />;\n\nexport default Caret;\n"],"names":["Caret","jsx"],"mappings":";AAAA,MAAMA,IAAQ,MAAM,gBAAAC,EAAC,QAAA,EAAK,WAAU,QAAA,CAAQ;"}

package/components/dropdown/DropdownSubmenu.d.ts

@@ -1,5 +1,5 @@
-import type React from 'react';
-import type { MenuItemProps as MenuItem } from '../menuItems/MenuItem';
+import { default as React } from 'react';
+import { MenuItemProps as MenuItem } from '../menuItems/MenuItem';
 export type DropdownSubmenuProps = {
     /**
      * Displayed button title.