@bodynarf/react.components 1.12.5 → 1.13.0

package/components/icon/types.d.ts

@@ -1,16 +1,14 @@
-import { BaseElementProps, ElementSize } from "../../types";
-/** Icon component props */
-export interface IconProps extends BaseElementProps {
-    /**
-     * Icon name. Must be without `bi-`
-     * @example ["Arrow repeat", "arrow-repeat"]
-     * // Icon name to icon class name.
-     * // For class name check bootstrap icons website
-    */
-    name: string;
-    /** Icon size */
-    size?: ElementSize;
-    /** Click handler */
-    onClick?: () => void;
-}
+import { BaseElementProps, ClickableElement, ElementSize } from "../../types";
+/** Icon component props */
+export type IconProps = BaseElementProps & ClickableElement & {
+    /**
+     * Icon name. Must be without `bi-`
+     * @example ["Arrow repeat", "arrow-repeat"]
+     * // Icon name to icon class name.
+     * // For class name check bootstrap icons website
+    */
+    name: string;
+    /** Icon size */
+    size?: ElementSize;
+};
 //# sourceMappingURL=types.d.ts.map

package/components/icon/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE3D,2BAA2B;AAC3B,MAAM,WAAW,SAAU,SAAQ,gBAAgB;IAC/C;;;;;MAKE;IACF,IAAI,EAAE,MAAM,CAAC;IAEb,gBAAgB;IAChB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE7E,2BAA2B;AAC3B,MAAM,MAAM,SAAS,GACf,gBAAgB,GAChB,gBAAgB,GAChB;IACE;;;;;MAKE;IACF,IAAI,EAAE,MAAM,CAAC;IAEb,gBAAgB;IAChB,IAAI,CAAC,EAAE,WAAW,CAAC;CACtB,CAAC"}

package/components/icon/types.js

@@ -1 +1 @@
-export {};
+export {};

package/components/index.d.ts

@@ -1,11 +1,11 @@
-export * from "./accordion";
-export * from "./anchor";
-export * from "./button";
-export * from "./dropdown";
-export * from "./icon";
-export * from "./paginator";
-export * from "./search";
-export * from "./tabs";
-export * from "./tag";
-export * from "./primitives";
+export * from "./accordion";
+export * from "./anchor";
+export * from "./button";
+export * from "./dropdown";
+export * from "./icon";
+export * from "./paginator";
+export * from "./search";
+export * from "./tabs";
+export * from "./tag";
+export * from "./primitives";
 //# sourceMappingURL=index.d.ts.map

package/components/index.js

@@ -1,10 +1,10 @@
-export * from "./accordion";
-export * from "./anchor";
-export * from "./button";
-export * from "./dropdown";
-export * from "./icon";
-export * from "./paginator";
-export * from "./search";
-export * from "./tabs";
-export * from "./tag";
-export * from "./primitives";
+export * from "./accordion";
+export * from "./anchor";
+export * from "./button";
+export * from "./dropdown";
+export * from "./icon";
+export * from "./paginator";
+export * from "./search";
+export * from "./tabs";
+export * from "./tag";
+export * from "./primitives";

package/components/multiselect/component/index.d.ts

@@ -1,8 +1,8 @@
-import { FC } from "react";
-import "../../dropdown/component/style.scss";
-import "./style.scss";
-import { MultiselectProps } from "../types";
-/** Multiselect component */
-declare const Multiselect: FC<MultiselectProps>;
-export default Multiselect;
+import { FC } from "react";
+import "../../dropdown/component/style.scss";
+import "./style.scss";
+import { MultiselectProps } from "../types";
+/** Multiselect component */
+declare const Multiselect: FC<MultiselectProps>;
+export default Multiselect;
 //# sourceMappingURL=index.d.ts.map

package/components/multiselect/component/index.js

@@ -1,13 +1,13 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isNullOrUndefined } from "@bodynarf/utils";
-import "../../dropdown/component/style.scss";
-import "./style.scss";
-import MultiselectWithoutLabel from "../components/withoutLabel";
-import MultiselectWithLabel from "../components/withLabel";
-/** Multiselect component */
-const Multiselect = (props) => {
-    return isNullOrUndefined(props.label)
-        ? _jsx(MultiselectWithoutLabel, { ...props })
-        : _jsx(MultiselectWithLabel, { ...props });
-};
-export default Multiselect;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isNullOrUndefined } from "@bodynarf/utils";
+import "../../dropdown/component/style.scss";
+import "./style.scss";
+import MultiselectWithoutLabel from "../components/withoutLabel";
+import MultiselectWithLabel from "../components/withLabel";
+/** Multiselect component */
+const Multiselect = (props) => {
+    return isNullOrUndefined(props.label)
+        ? _jsx(MultiselectWithoutLabel, { ...props })
+        : _jsx(MultiselectWithLabel, { ...props });
+};
+export default Multiselect;

package/components/multiselect/components/item/index.d.ts

@@ -1,25 +1,25 @@
-/// <reference types="react" />
-import { MultiselectItem as MultiselectItemModel, MultiselectProps } from "../../";
-/** Multiselect item props */
-declare type MultiselectItemProps = Pick<MultiselectProps, "checkboxConfig"> & {
-    rootId: string;
-    /** Item to present in multiselect */
-    item: MultiselectItemModel;
-    /** Is item selected */
-    selected: boolean;
-    /**
-     * Handler of item selection change event
-     * @param item Current item
-     * @param checked New checked state
-     */
-    onChange: (item: MultiselectItemModel, checked: boolean) => void;
-    /**
-     * Handler of item click event
-     * @param item Current item
-     */
-    onItemClick: (item: MultiselectItemModel) => void;
-};
-/** Single item in multiselect component */
-declare const MultiselectItem: ({ item, selected, rootId, onItemClick, onChange, checkboxConfig, }: MultiselectItemProps) => JSX.Element;
-export default MultiselectItem;
+import { FC } from "react";
+import { MultiselectItem as MultiselectItemModel, MultiselectProps } from "../../";
+/** Multiselect item props */
+type MultiselectItemProps = Pick<MultiselectProps, "checkboxConfig"> & {
+    rootId: string;
+    /** Item to present in multiselect */
+    item: MultiselectItemModel;
+    /** Is item selected */
+    selected: boolean;
+    /**
+     * Handler of item selection change event
+     * @param item Current item
+     * @param checked New checked state
+     */
+    onChange: (item: MultiselectItemModel, checked: boolean) => void;
+    /**
+     * Handler of item click event
+     * @param item Current item
+     */
+    onItemClick: (item: MultiselectItemModel) => void;
+};
+/** Single item in multiselect component */
+declare const MultiselectItem: FC<MultiselectItemProps>;
+export default MultiselectItem;
 //# sourceMappingURL=index.d.ts.map

package/components/multiselect/components/item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/multiselect/components/item/index.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,eAAe,IAAI,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAEnF,6BAA6B;AAC7B,aAAK,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAAG;IACnE,MAAM,EAAE,MAAM,CAAC;IAEf,qCAAqC;IACrC,IAAI,EAAE,oBAAoB,CAAC;IAE3B,uBAAuB;IACvB,QAAQ,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,oBAAoB,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAEjE;;;OAGG;IACH,WAAW,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,2CAA2C;AAC3C,QAAA,MAAM,eAAe,uEAIlB,oBAAoB,KAAG,WAqDzB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/multiselect/components/item/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAQxC,OAAO,EAAE,eAAe,IAAI,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAEnF,6BAA6B;AAC7B,KAAK,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAAG;IACnE,MAAM,EAAE,MAAM,CAAC;IAEf,qCAAqC;IACrC,IAAI,EAAE,oBAAoB,CAAC;IAE3B,uBAAuB;IACvB,QAAQ,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,oBAAoB,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAEjE;;;OAGG;IACH,WAAW,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,2CAA2C;AAC3C,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA2D7C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/components/multiselect/components/item/index.js

@@ -1,62 +1,63 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { getClassName, isNullOrUndefined } from "@bodynarf/utils";
-import { ElementPosition } from "../../../../types";
-import Icon from "../../../icon";
-import Checkbox from "../../../primitives/checkbox";
-/** Single item in multiselect component */
-const MultiselectItem = ({ item, selected, rootId, onItemClick, onChange, checkboxConfig, }) => {
-    const onChecked = useCallback((value) => onChange(item, value ?? false), [item, onChange]);
-    const onClick = useCallback((event) => {
-        if (event.target instanceof HTMLLIElement) {
-            onItemClick(item);
-        }
-        else {
-            event.stopPropagation();
-        }
-    }, [item, onItemClick]);
-    if (!isNullOrUndefined(item.icon)) {
-        return _jsx(MultiselectItemWithIcon, { item: item, rootId: rootId, onChange: onChange, selected: selected, onItemClick: onItemClick });
-    }
-    const className = getClassName([
-        "bbr-dropdown-item",
-        "dropdown-item",
-        selected ? "is-active" : "",
-        "is-flex",
-    ]);
-    return (_jsxs("li", { className: className, onClick: onClick, title: item.title, "data-dropdown-id": rootId, children: [_jsx(Checkbox, { ...checkboxConfig, defaultValue: selected, onValueChange: onChecked }, item.id + selected), item.displayValue] }));
-};
-export default MultiselectItem;
-/** Single item in multiselect component with icon */
-const MultiselectItemWithIcon = ({ item, selected, rootId, onChange, onItemClick, checkboxConfig, }) => {
-    const icon = item.icon;
-    const className = getClassName([
-        "bbr-dropdown-item",
-        "dropdown-item",
-        selected ? "is-active" : "",
-        "is-flex is-align-items-center",
-    ]);
-    const iconClassName = getClassName([
-        icon.className,
-        icon.position === ElementPosition.Right
-            ? "bbr-icon--right"
-            : "bbr-icon--left",
-    ]);
-    const onChecked = useCallback((value) => onChange(item, value ?? false), [item, onChange]);
-    const onClick = useCallback((event) => {
-        if (event.target instanceof HTMLLIElement) {
-            onItemClick(item);
-        }
-        else {
-            event.stopPropagation();
-        }
-    }, [item, onItemClick]);
-    const checkboxClassName = getClassName([
-        checkboxConfig?.className,
-        "mb-1"
-    ]);
-    if (icon.position === ElementPosition.Right) {
-        return (_jsxs("li", { onClick: onClick, className: className, title: item.title, children: [_jsx(Checkbox, { ...checkboxConfig, defaultValue: selected, onValueChange: onChecked, className: checkboxClassName }, item.id + selected), item.displayValue, _jsx(Icon, { name: icon.name, size: icon.size, className: iconClassName })] }));
-    }
-    return (_jsxs("li", { onClick: onClick, className: className, title: item.title, "data-dropdown-id": rootId, children: [_jsx(Checkbox, { ...checkboxConfig, defaultValue: selected, onValueChange: onChecked, className: checkboxClassName }, item.id + selected), _jsx(Icon, { name: icon.name, size: icon.size, className: iconClassName }), item.displayValue] }));
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { getClassName, isNullOrUndefined } from "@bodynarf/utils";
+import { ElementPosition } from "../../../../types";
+import Icon from "../../../icon";
+import Checkbox from "../../../primitives/checkbox";
+/** Single item in multiselect component */
+const MultiselectItem = ({ item, selected, rootId, onItemClick, onChange, checkboxConfig, }) => {
+    const onChecked = useCallback((value) => onChange(item, value ?? false), [item, onChange]);
+    const onClick = useCallback((event) => {
+        if (event.target instanceof HTMLLIElement) {
+            onItemClick(item);
+        }
+        else {
+            event.stopPropagation();
+        }
+    }, [item, onItemClick]);
+    if (!isNullOrUndefined(item.icon)) {
+        return (_jsx(MultiselectItemWithIcon, { item: item, rootId: rootId, onChange: onChange, selected: selected, onItemClick: onItemClick }));
+    }
+    const className = getClassName([
+        "bbr-dropdown-item",
+        "dropdown-item",
+        selected ? "is-active" : "",
+        "is-flex",
+    ]);
+    return (_jsxs("li", { className: className, onClick: onClick, title: item.title, "data-dropdown-id": rootId, children: [_jsx(Checkbox, { ...checkboxConfig, defaultValue: selected, onValueChange: onChecked }, item.id + selected), item.displayValue] }));
+};
+export default MultiselectItem;
+/** Single item in multiselect component with icon */
+// eslint-disable-next-line react/no-multi-comp
+const MultiselectItemWithIcon = ({ item, selected, rootId, onChange, onItemClick, checkboxConfig, }) => {
+    const icon = item.icon;
+    const className = getClassName([
+        "bbr-dropdown-item",
+        "dropdown-item",
+        selected ? "is-active" : "",
+        "is-flex is-align-items-center",
+    ]);
+    const iconClassName = getClassName([
+        icon.className,
+        icon.position === ElementPosition.Right
+            ? "bbr-icon--right"
+            : "bbr-icon--left",
+    ]);
+    const onChecked = useCallback((value) => onChange(item, value ?? false), [item, onChange]);
+    const onClick = useCallback((event) => {
+        if (event.target instanceof HTMLLIElement) {
+            onItemClick(item);
+        }
+        else {
+            event.stopPropagation();
+        }
+    }, [item, onItemClick]);
+    const checkboxClassName = getClassName([
+        checkboxConfig?.className,
+        "mb-1"
+    ]);
+    if (icon.position === ElementPosition.Right) {
+        return (_jsxs("li", { onClick: onClick, className: className, title: item.title, children: [_jsx(Checkbox, { ...checkboxConfig, defaultValue: selected, onValueChange: onChecked, className: checkboxClassName }, item.id + selected), item.displayValue, _jsx(Icon, { name: icon.name, size: icon.size, className: iconClassName })] }));
+    }
+    return (_jsxs("li", { onClick: onClick, className: className, title: item.title, "data-dropdown-id": rootId, children: [_jsx(Checkbox, { ...checkboxConfig, defaultValue: selected, onValueChange: onChecked, className: checkboxClassName }, item.id + selected), _jsx(Icon, { name: icon.name, size: icon.size, className: iconClassName }), item.displayValue] }));
+};

package/components/multiselect/components/label/component/index.d.ts

@@ -1,20 +1,20 @@
-import { FC, MouseEvent } from "react";
-/** Props type of `MultiselectLabel` */
-export interface MultiselectLabelProps {
-    /** Caption when no items selected */
-    caption: string;
-    /** Caption when some items were selected */
-    selectionCaption: string;
-    /** Amount of selected items */
-    selectedItemsCount: number;
-    /** Can user deselect */
-    deselectable: boolean;
-    /** Element classnames */
-    className?: string;
-    /** Click handler*/
-    onClick: (event: MouseEvent<HTMLElement>) => void;
-}
-/** Label component */
-declare const MultiselectLabel: FC<MultiselectLabelProps>;
-export default MultiselectLabel;
+import { FC, MouseEvent } from "react";
+/** Props type of `MultiselectLabel` */
+export type MultiselectLabelProps = {
+    /** Caption when no items selected */
+    caption: string;
+    /** Caption when some items were selected */
+    selectionCaption: string;
+    /** Amount of selected items */
+    selectedItemsCount: number;
+    /** Can user deselect */
+    deselectable: boolean;
+    /** Element classnames */
+    className?: string;
+    /** Click handler*/
+    onClick: (event: MouseEvent<HTMLElement>) => void;
+};
+/** Label component */
+declare const MultiselectLabel: FC<MultiselectLabelProps>;
+export default MultiselectLabel;
 //# sourceMappingURL=index.d.ts.map

package/components/multiselect/components/label/component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/multiselect/components/label/component/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAKvC,uCAAuC;AACvC,MAAM,WAAW,qBAAqB;IAClC,qCAAqC;IACrC,OAAO,EAAE,MAAM,CAAC;IAEhB,4CAA4C;IAC5C,gBAAgB,EAAE,MAAM,CAAC;IAEzB,+BAA+B;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAE3B,wBAAwB;IACxB,YAAY,EAAE,OAAO,CAAC;IAEtB,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,mBAAmB;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACrD;AAED,sBAAsB;AACtB,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAqB/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/multiselect/components/label/component/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAKvC,uCAAuC;AACvC,MAAM,MAAM,qBAAqB,GAAG;IAChC,qCAAqC;IACrC,OAAO,EAAE,MAAM,CAAC;IAEhB,4CAA4C;IAC5C,gBAAgB,EAAE,MAAM,CAAC;IAEzB,+BAA+B;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAE3B,wBAAwB;IACxB,YAAY,EAAE,OAAO,CAAC;IAEtB,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,mBAAmB;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,sBAAsB;AACtB,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAyB/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/components/multiselect/components/label/component/index.js

@@ -1,12 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import SelectedItemLabel from "../components/nonEmpty";
-import EmptyLabel from "../components/empty";
-/** Label component */
-const MultiselectLabel = ({ caption, selectionCaption, selectedItemsCount, onClick, deselectable, className, }) => {
-    if (selectedItemsCount === 0) {
-        return _jsx(EmptyLabel, { caption: caption, onClick: onClick, className: className });
-    }
-    const captionWhenItemsSelected = selectionCaption.format(`${selectedItemsCount}`);
-    return _jsx(SelectedItemLabel, { onClick: onClick, className: className, deselectable: deselectable, caption: captionWhenItemsSelected });
-};
-export default MultiselectLabel;
+import { jsx as _jsx } from "react/jsx-runtime";
+import SelectedItemLabel from "../components/nonEmpty";
+import EmptyLabel from "../components/empty";
+/** Label component */
+const MultiselectLabel = ({ caption, selectionCaption, selectedItemsCount, onClick, deselectable, className, }) => {
+    if (selectedItemsCount === 0) {
+        return (_jsx(EmptyLabel, { caption: caption, onClick: onClick, className: className }));
+    }
+    const captionWhenItemsSelected = selectionCaption.format(selectedItemsCount);
+    return (_jsx(SelectedItemLabel, { onClick: onClick, className: className, deselectable: deselectable, caption: captionWhenItemsSelected }));
+};
+export default MultiselectLabel;

package/components/multiselect/components/label/components/empty/index.d.ts

@@ -1,8 +1,8 @@
-import { FC } from "react";
-import { MultiselectLabelProps } from "../../component";
-/** Props type of `EmptyLabel` */
-declare type EmptyLabelProps = Pick<MultiselectLabelProps, "caption" | "onClick" | "className">;
-/** Empty multiselect label component (no item selected) */
-declare const EmptyLabel: FC<EmptyLabelProps>;
-export default EmptyLabel;
+import { FC } from "react";
+import { MultiselectLabelProps } from "../../component";
+/** Props type of `EmptyLabel` */
+type EmptyLabelProps = Pick<MultiselectLabelProps, "caption" | "onClick" | "className">;
+/** Empty multiselect label component (no item selected) */
+declare const EmptyLabel: FC<EmptyLabelProps>;
+export default EmptyLabel;
 //# sourceMappingURL=index.d.ts.map

package/components/multiselect/components/label/components/empty/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/multiselect/components/label/components/empty/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAO3B,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAExD,iCAAiC;AACjC,aAAK,eAAe,GAAG,IAAI,CAAC,qBAAqB,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC,CAAC;AAExF,2DAA2D;AAC3D,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAsBnC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/multiselect/components/label/components/empty/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAO3B,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAExD,iCAAiC;AACjC,KAAK,eAAe,GAAG,IAAI,CAAC,qBAAqB,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC,CAAC;AAExF,2DAA2D;AAC3D,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAyBnC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/components/multiselect/components/label/components/empty/index.js

@@ -1,16 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getClassName, isNullOrEmpty } from "@bodynarf/utils";
-import { ElementSize } from "../../../../../../types";
-import Icon from "../../../../../icon";
-/** Empty multiselect label component (no item selected) */
-const EmptyLabel = ({ caption, onClick, className, }) => {
-    const elClassName = getClassName([
-        "dropdown-trigger",
-        "bbr-dropdown__label",
-        isNullOrEmpty(className) ? "" : `${className}--md`,
-        "bbr-dropdown__label--default",
-        "button"
-    ]);
-    return (_jsxs("label", { className: elClassName, onClick: onClick, children: [_jsx("span", { className: "mr-2", children: caption }), _jsx(Icon, { name: "arrow-down", size: ElementSize.Medium })] }));
-};
-export default EmptyLabel;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getClassName, isNullOrEmpty } from "@bodynarf/utils";
+import { ElementSize } from "../../../../../../types";
+import Icon from "../../../../../icon";
+/** Empty multiselect label component (no item selected) */
+const EmptyLabel = ({ caption, onClick, className, }) => {
+    const elClassName = getClassName([
+        "button",
+        "dropdown-trigger",
+        "bbr-dropdown__label",
+        isNullOrEmpty(className) ? "" : `${className}--md`,
+        "bbr-dropdown__label--default",
+    ]);
+    return (_jsxs("label", { className: elClassName, onClick: onClick, children: [_jsx("span", { className: "mr-2", children: caption }), _jsx(Icon, { name: "arrow-down", size: ElementSize.Medium })] }));
+};
+export default EmptyLabel;

package/components/multiselect/components/label/components/nonEmpty/index.d.ts

@@ -1,8 +1,8 @@
-import { FC } from "react";
-import { MultiselectLabelProps } from "../../component";
-/** Props type of `NonEmptyMultiselectLabel` */
-declare type NonEmptyMultiselectLabelProps = Pick<MultiselectLabelProps, "onClick" | "caption" | "deselectable" | "className">;
-/** Dropdown label when item is selected */
-declare const NonEmptyMultiselectLabel: FC<NonEmptyMultiselectLabelProps>;
-export default NonEmptyMultiselectLabel;
+import { FC } from "react";
+import { MultiselectLabelProps } from "../../component";
+/** Props type of `NonEmptyMultiselectLabel` */
+type NonEmptyMultiselectLabelProps = Pick<MultiselectLabelProps, "onClick" | "caption" | "deselectable" | "className">;
+/** Dropdown label when item is selected */
+declare const NonEmptyMultiselectLabel: FC<NonEmptyMultiselectLabelProps>;
+export default NonEmptyMultiselectLabel;
 //# sourceMappingURL=index.d.ts.map

package/components/multiselect/components/label/components/nonEmpty/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/multiselect/components/label/components/nonEmpty/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAO3B,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAExD,+CAA+C;AAC/C,aAAK,6BAA6B,GAAG,IAAI,CACrC,qBAAqB,EACnB,SAAS,GAAG,SAAS,GACrB,cAAc,GAAG,WAAW,CACjC,CAAC;AAEF,2CAA2C;AAC3C,QAAA,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CA2B/D,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/multiselect/components/label/components/nonEmpty/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAO3B,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAExD,+CAA+C;AAC/C,KAAK,6BAA6B,GAAG,IAAI,CACrC,qBAAqB,EACnB,SAAS,GAAG,SAAS,GACrB,cAAc,GAAG,WAAW,CACjC,CAAC;AAEF,2CAA2C;AAC3C,QAAA,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CAiC/D,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/components/multiselect/components/label/components/nonEmpty/index.js

@@ -1,16 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getClassName, isNullOrEmpty } from "@bodynarf/utils";
-import { ElementSize } from "../../../../../../types";
-import Icon from "../../../../../icon";
-/** Dropdown label when item is selected */
-const NonEmptyMultiselectLabel = ({ onClick, deselectable, className, caption }) => {
-    const elClassName = getClassName([
-        "dropdown-trigger",
-        "bbr-dropdown__label",
-        isNullOrEmpty(className) ? "" : `${className}--md`,
-        "button"
-    ]);
-    return (_jsxs("label", { className: elClassName, onClick: onClick, children: [deselectable &&
-                _jsx(Icon, { name: "plus-lg", size: ElementSize.Medium }), _jsx("span", { className: deselectable ? "px-2" : "pr-2", children: caption }), _jsx(Icon, { name: "arrow-down", size: ElementSize.Medium })] }));
-};
-export default NonEmptyMultiselectLabel;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getClassName, isNullOrEmpty } from "@bodynarf/utils";
+import { ElementSize } from "../../../../../../types";
+import Icon from "../../../../../icon";
+/** Dropdown label when item is selected */
+const NonEmptyMultiselectLabel = ({ onClick, deselectable, className, caption }) => {
+    const elClassName = getClassName([
+        "button",
+        "dropdown-trigger",
+        "bbr-dropdown__label",
+        isNullOrEmpty(className) ? "" : `${className}--md`,
+    ]);
+    return (_jsxs("label", { className: elClassName, onClick: onClick, children: [!!deselectable &&
+                _jsx(Icon, { name: "plus-lg", size: ElementSize.Medium }), _jsx("span", { className: deselectable ? "px-2" : "pr-2", children: caption }), _jsx(Icon, { name: "arrow-down", size: ElementSize.Medium })] }));
+};
+export default NonEmptyMultiselectLabel;

package/components/multiselect/components/label/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from "./component";
+export { default } from "./component";
 //# sourceMappingURL=index.d.ts.map

package/components/multiselect/components/label/index.js

@@ -1 +1 @@
-export { default } from "./component";
+export { default } from "./component";

package/components/multiselect/components/withLabel/index.d.ts

@@ -1,6 +1,6 @@
-import { FC } from "react";
-import { MultiselectProps } from "../../types";
-/** Multiselect component with label */
-declare const MultiselectWithLabel: FC<MultiselectProps>;
-export default MultiselectWithLabel;
+import { FC } from "react";
+import { MultiselectProps } from "../../types";
+/** Multiselect component with label */
+declare const MultiselectWithLabel: FC<MultiselectProps>;
+export default MultiselectWithLabel;
 //# sourceMappingURL=index.d.ts.map

package/components/multiselect/components/withLabel/index.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useId } from "react";
-import { ElementSize } from "../../../../types";
-import LabelWrapper from "../../../primitives/internal/componentWithLabel";
-import MultiselectWithoutLabel from "../withoutLabel";
-/** Multiselect component with label */
-const MultiselectWithLabel = (props) => {
-    const id = useId();
-    return (_jsx(LabelWrapper, { id: id, label: props.label, size: ElementSize.Normal, children: _jsx(MultiselectWithoutLabel, { ...props }) }));
-};
-export default MultiselectWithLabel;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useId } from "react";
+import { ElementSize } from "../../../../types";
+import LabelWrapper from "../../../primitives/internal/componentWithLabel";
+import MultiselectWithoutLabel from "../withoutLabel";
+/** Multiselect component with label */
+const MultiselectWithLabel = (props) => {
+    const id = useId();
+    return (_jsx(LabelWrapper, { id: id, label: props.label, size: ElementSize.Normal, children: _jsx(MultiselectWithoutLabel, { ...props }) }));
+};
+export default MultiselectWithLabel;

package/components/multiselect/components/withoutLabel/index.d.ts

@@ -1,10 +1,10 @@
-import { FC } from "react";
-import { MultiselectProps } from "../../types";
-/** Props type of `MultiselectWithoutLabel` */
-declare type MultiselectWithoutLabelProps = MultiselectProps & {
-    /** Manual component identifier */
-    id?: string;
-};
-declare const MultiselectWithoutLabel: FC<MultiselectWithoutLabelProps>;
-export default MultiselectWithoutLabel;
+import { FC } from "react";
+import { MultiselectProps } from "../../types";
+/** Props type of `MultiselectWithoutLabel` */
+type MultiselectWithoutLabelProps = MultiselectProps & {
+    /** Manual component identifier */
+    id?: string;
+};
+declare const MultiselectWithoutLabel: FC<MultiselectWithoutLabelProps>;
+export default MultiselectWithoutLabel;
 //# sourceMappingURL=index.d.ts.map

package/components/multiselect/components/withoutLabel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/multiselect/components/withoutLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA4C,MAAM,OAAO,CAAC;AAUrE,OAAO,EAAE,gBAAgB,EAA2C,MAAM,aAAa,CAAC;AAIxF,8CAA8C;AAC9C,aAAK,4BAA4B,GAAG,gBAAgB,GAAG;IACnD,kCAAkC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CAiJ7D,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/multiselect/components/withoutLabel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA4C,MAAM,OAAO,CAAC;AAUrE,OAAO,EAAE,gBAAgB,EAA2C,MAAM,aAAa,CAAC;AAIxF,8CAA8C;AAC9C,KAAK,4BAA4B,GAAG,gBAAgB,GAAG;IACnD,kCAAkC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CAiJ7D,CAAC;AAEF,eAAe,uBAAuB,CAAC"}