@bodynarf/react.components 1.12.5 → 1.13.0

package/components/dropdown/components/compact/index.js

@@ -1,80 +1,80 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useId, useState } from "react";
-import { getClassName, isNullOrEmpty, isNullOrUndefined } from "@bodynarf/utils";
-import { getStyleClassName, mapDataAttributes } from "../../../../utils";
-import { useComponentOutsideClick } from "../../../../hooks";
-import InternalHint from "../../../primitives/internal/hint";
-import DropdownItem from "../../components/item";
-import DropdownLabel from "../../components/label";
-/** Dropdown component without label */
-const DropdownCompact = ({ items, value, onSelect, hideOnOuterClick, listMaxHeight, placeholder, noDataText = "No items found", noDataByQuery = "No items found by specified search", compact = false, disabled = false, deselectable = false, searchable = false, validationState, className, title, data, hint, id: propsId, }) => {
-    const generatedId = useId();
-    const id = propsId ?? generatedId;
-    const [isListVisible, setListVisible] = useState(false);
-    const [searchValue, setSearchValue] = useState(null);
-    const onItemClick = useCallback((event) => {
-        if (disabled) {
-            return;
-        }
-        const target = event.target;
-        if (isNullOrUndefined(target)) {
-            return;
-        }
-        const dataValue = target.dataset["dropdownItemValue"];
-        if (isNullOrUndefined(dataValue)) {
-            return;
-        }
-        const item = items.find(x => x.value === dataValue);
-        if (isNullOrUndefined(item)) {
-            return;
-        }
-        if (value === item) {
-            setListVisible(false);
-            return;
-        }
-        onSelect(item);
-        setSearchValue(null);
-        setListVisible(false);
-    }, [setListVisible, value, items, onSelect, disabled]);
-    const onLabelClick = useCallback((event) => {
-        if (disabled) {
-            return;
-        }
-        const target = event.target;
-        if (isNullOrUndefined(target)) {
-            return;
-        }
-        if (target.classList.contains("bi-plus-lg")) {
-            onSelect(undefined);
-            setSearchValue(null);
-        }
-        else {
-            setListVisible(state => !state);
-        }
-    }, [onSelect, setListVisible, disabled]);
-    const onSearchChange = useCallback((value) => {
-        setSearchValue(value.length === 0 ? null : value);
-        onSelect(undefined);
-    }, [setSearchValue, onSelect]);
-    useComponentOutsideClick(`[data-dropdown-id="${id}"]`, isListVisible, () => setListVisible(false), hideOnOuterClick);
-    const classNames = getClassName([
-        "bbr-dropdown",
-        className,
-        disabled ? "bbr-dropdown--disabled" : "",
-        compact ? "bbr-dropdown--compact" : "",
-        isListVisible ? "is-active" : "",
-        isNullOrEmpty(listMaxHeight) ? "bbr-dropdown--height-default" : "",
-        "dropdown",
-    ]);
-    const labelComponentClassName = getStyleClassName(undefined, validationState);
-    const filteredItems = isNullOrEmpty(searchValue)
-        ? items
-        : items.filter(({ displayValue }) => displayValue.toLocaleLowerCase().includes(searchValue.toLocaleLowerCase()));
-    const dataAttributes = isNullOrUndefined(data)
-        ? undefined
-        : mapDataAttributes(data);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: classNames, "data-dropdown-id": id, title: title, ...dataAttributes, children: [_jsx(DropdownLabel, { selectedItem: value, caption: placeholder, onClick: onLabelClick, searchable: searchable, lastSearch: searchValue, deselectable: deselectable, isListVisible: isListVisible, onSearchChange: onSearchChange, className: labelComponentClassName }), _jsx("div", { className: "dropdown-menu", children: filteredItems.length > 0
-                            ? _jsx("ul", { className: "dropdown-content", style: { maxHeight: listMaxHeight }, children: filteredItems.map(item => _jsx(DropdownItem, { item: item, onClick: onItemClick, selected: value?.value === item.value }, item.id)) })
-                            : _jsx("span", { className: "dropdown-content dropdown-item", children: isNullOrEmpty(searchValue) ? noDataText : noDataByQuery }) })] }, id), _jsx(InternalHint, { hint: hint, validationState: validationState })] }));
-};
-export default DropdownCompact;
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useId, useState, useMemo } from "react";
+import { getClassName, isNullOrEmpty, isNullish } from "@bodynarf/utils";
+import { getStyleClassName, mapDataAttributes } from "../../../../utils";
+import { useComponentOutsideClick } from "../../../../hooks";
+import InternalHint from "../../../primitives/internal/hint";
+import DropdownItem from "../../components/item";
+import DropdownLabel from "../../components/label";
+/** Dropdown component without label */
+const DropdownCompact = ({ items, value, onSelect, hideOnOuterClick = false, listMaxHeight, placeholder = "", noDataText = "No items found", noDataByQuery = "No items found by specified search", compact = false, disabled = false, deselectable = false, searchable = false, validationState, className, title, data, hint, id: propsId, }) => {
+    const generatedId = useId();
+    const id = propsId ?? generatedId;
+    const [isListVisible, setListVisible] = useState(false);
+    const [searchValue, setSearchValue] = useState("");
+    const onItemClick = useCallback((event) => {
+        if (disabled) {
+            return;
+        }
+        const target = event.target;
+        if (isNullish(target)) {
+            return;
+        }
+        const dataValue = target.dataset["dropdownItemValue"];
+        if (isNullish(dataValue)) {
+            return;
+        }
+        const item = items.find(x => x.value === dataValue);
+        if (isNullish(item)) {
+            return;
+        }
+        if (value === item) {
+            setListVisible(false);
+            return;
+        }
+        onSelect(item);
+        setSearchValue("");
+        setListVisible(false);
+    }, [setListVisible, value, items, onSelect, disabled]);
+    const onLabelClick = useCallback((event) => {
+        if (disabled) {
+            return;
+        }
+        const target = event.target;
+        if (isNullish(target)) {
+            return;
+        }
+        if (target.classList.contains("bi-plus-lg")) {
+            onSelect(undefined);
+            setSearchValue("");
+        }
+        else {
+            setListVisible(state => !state);
+        }
+    }, [onSelect, setListVisible, disabled]);
+    const onSearchChange = useCallback((value) => {
+        setSearchValue(value);
+        onSelect(undefined);
+    }, [setSearchValue, onSelect]);
+    useComponentOutsideClick(`[data-dropdown-id="${id}"]`, isListVisible, () => setListVisible(false), hideOnOuterClick);
+    const classNames = getClassName([
+        "bbr-dropdown",
+        className,
+        disabled ? "bbr-dropdown--disabled" : "",
+        compact ? "bbr-dropdown--compact" : "",
+        isListVisible ? "is-active" : "",
+        isNullOrEmpty(listMaxHeight) ? "bbr-dropdown--height-default" : "",
+        "dropdown",
+    ]);
+    const labelComponentClassName = getStyleClassName(undefined, validationState);
+    const filteredItems = useMemo(() => items.filter(({ displayValue }) => displayValue.toLocaleLowerCase().includes(searchValue.toLocaleLowerCase())), [items, searchValue]);
+    const dataAttributes = isNullish(data)
+        ? undefined
+        : mapDataAttributes(data);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: classNames, "data-dropdown-id": id, title: title, ...dataAttributes, children: [_jsx(DropdownLabel, { selectedItem: value, caption: placeholder, onClick: onLabelClick, searchable: searchable, lastSearch: searchValue, deselectable: deselectable, isListVisible: isListVisible, onSearchChange: onSearchChange, className: labelComponentClassName }), _jsx("div", { className: "dropdown-menu", children: filteredItems.length > 0
+                            ?
+                                _jsx("ul", { className: "dropdown-content", style: { maxHeight: listMaxHeight }, children: filteredItems.map(item => _jsx(DropdownItem, { item: item, onClick: onItemClick, selected: value?.value === item.value }, item.id)) })
+                            :
+                                _jsx("span", { className: "dropdown-content dropdown-item is-italic has-text-grey", children: isNullOrEmpty(searchValue) ? noDataText : noDataByQuery }) })] }, id), _jsx(InternalHint, { hint: hint, validationState: validationState })] }));
+};
+export default DropdownCompact;

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

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-import { SelectableItem } from "../..";
-/** Dropdown item props */
-interface DropdownItemProps {
-    /** Item to present in dropdown */
-    item: SelectableItem;
-    /** Is item selected*/
-    selected: boolean;
-    /** Item click handler */
-    onClick: (event: React.MouseEvent<HTMLLIElement>) => void;
-}
-/** Single item in dropdown component */
-declare const DropdownItem: ({ item, selected, onClick }: DropdownItemProps) => JSX.Element;
-export default DropdownItem;
+import { FC } from "react";
+import { SelectableItem } from "../..";
+/** Dropdown item props */
+type DropdownItemProps = {
+    /** Item to present in dropdown */
+    item: SelectableItem;
+    /** Is item selected*/
+    selected: boolean;
+    /** Item click handler */
+    onClick: (event: React.MouseEvent<HTMLLIElement>) => void;
+};
+/** Single item in dropdown component */
+declare const DropdownItem: FC<DropdownItemProps>;
+export default DropdownItem;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dropdown/components/item/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,0BAA0B;AAC1B,UAAU,iBAAiB;IACvB,kCAAkC;IAClC,IAAI,EAAE,cAAc,CAAC;IAErB,sBAAsB;IACtB,QAAQ,EAAE,OAAO,CAAC;IAElB,yBAAyB;IACzB,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED,wCAAwC;AACxC,QAAA,MAAM,YAAY,gCAEf,iBAAiB,KAAG,WA4BtB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dropdown/components/item/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAO3B,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,0BAA0B;AAC1B,KAAK,iBAAiB,GAAG;IACrB,kCAAkC;IAClC,IAAI,EAAE,cAAc,CAAC;IAErB,sBAAsB;IACtB,QAAQ,EAAE,OAAO,CAAC;IAElB,yBAAyB;IACzB,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CAC7D,CAAC;AAEF,wCAAwC;AACxC,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAgCvC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/components/dropdown/components/item/index.js

@@ -1,38 +1,39 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getClassName, isNullOrUndefined } from "@bodynarf/utils";
-import { ElementPosition } from "../../../../types";
-import Icon from "../../../icon/component";
-/** Single item in dropdown component */
-const DropdownItem = ({ item, selected, onClick }) => {
-    if (!isNullOrUndefined(item.icon)) {
-        return _jsx(DropdownItemWithIcon, { item: item, selected: selected, onClick: onClick });
-    }
-    const className = getClassName([
-        "bbr-dropdown-item",
-        "dropdown-item",
-        selected ? "is-active" : "",
-        "is-flex is-align-items-center",
-    ]);
-    return (_jsx("li", { onClick: onClick, className: className, "data-dropdown-item-value": item.value, title: item.title, children: item.displayValue }, item.id));
-};
-export default DropdownItem;
-/** Single item in dropdown component with icon */
-const DropdownItemWithIcon = ({ item, selected, onClick }) => {
-    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",
-    ]);
-    if (icon.position === ElementPosition.Right) {
-        return (_jsxs("li", { onClick: onClick, className: className, "data-dropdown-item-value": item.value, title: item.title, children: [item.displayValue, _jsx(Icon, { name: icon.name, size: icon.size, className: iconClassName })] }, item.id));
-    }
-    return (_jsxs("li", { onClick: onClick, className: className, "data-dropdown-item-value": item.value, title: item.title, children: [_jsx(Icon, { name: icon.name, size: icon.size, className: iconClassName }), item.displayValue] }, item.id));
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getClassName, isNullOrUndefined } from "@bodynarf/utils";
+import { ElementPosition } from "../../../../types";
+import Icon from "../../../icon/component";
+/** Single item in dropdown component */
+const DropdownItem = ({ item, selected, onClick }) => {
+    if (!isNullOrUndefined(item.icon)) {
+        return (_jsx(DropdownItemWithIcon, { item: item, selected: selected, onClick: onClick }));
+    }
+    const className = getClassName([
+        "bbr-dropdown-item",
+        "dropdown-item",
+        selected ? "is-active" : "",
+        "is-flex is-align-items-center",
+    ]);
+    return (_jsx("li", { onClick: onClick, className: className, "data-dropdown-item-value": item.value, title: item.title, children: item.displayValue }, item.id));
+};
+export default DropdownItem;
+/** Single item in dropdown component with icon */
+// eslint-disable-next-line react/no-multi-comp
+const DropdownItemWithIcon = ({ item, selected, onClick }) => {
+    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",
+    ]);
+    if (icon.position === ElementPosition.Right) {
+        return (_jsxs("li", { onClick: onClick, className: className, "data-dropdown-item-value": item.value, title: item.title, children: [item.displayValue, _jsx(Icon, { name: icon.name, size: icon.size, className: iconClassName })] }, item.id));
+    }
+    return (_jsxs("li", { onClick: onClick, className: className, "data-dropdown-item-value": item.value, title: item.title, children: [_jsx(Icon, { name: icon.name, size: icon.size, className: iconClassName }), item.displayValue] }, item.id));
+};

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

@@ -1,27 +1,27 @@
-import { FC, MouseEvent } from "react";
-import { SelectableItem } from "../../../..";
-/** Props type of `DropdownLabel` */
-export interface DropdownLabelProps {
-    /** Caption when no items selected */
-    caption: string;
-    /** Can user deselect */
-    deselectable: boolean;
-    /** Is search through items enabled */
-    searchable: boolean;
-    /** Selected item */
-    selectedItem?: SelectableItem;
-    /** Element classnames */
-    className?: string;
-    /** Click handler*/
-    onClick: (event: MouseEvent<HTMLElement>) => void;
-    /** Last user search */
-    lastSearch: string | null;
-    /** Is items list visible */
-    isListVisible: boolean;
-    /** Handler of search value change by user */
-    onSearchChange: (value: string) => void;
-}
-/** Label component */
-declare const DropdownLabel: FC<DropdownLabelProps>;
-export default DropdownLabel;
+import { FC, MouseEvent } from "react";
+import { SelectableItem } from "../../../..";
+/** Props type of `DropdownLabel` */
+export type DropdownLabelProps = {
+    /** Caption when no items selected */
+    caption: string;
+    /** Can user deselect */
+    deselectable: boolean;
+    /** Is search through items enabled */
+    searchable: boolean;
+    /** Selected item */
+    selectedItem?: SelectableItem;
+    /** Element classnames */
+    className?: string;
+    /** Click handler*/
+    onClick: (event: MouseEvent<HTMLElement>) => void;
+    /** Last user search */
+    lastSearch: string;
+    /** Is items list visible */
+    isListVisible: boolean;
+    /** Handler of search value change by user */
+    onSearchChange: (value: string) => void;
+};
+/** Label component */
+declare const DropdownLabel: FC<DropdownLabelProps>;
+export default DropdownLabel;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/dropdown/components/label/component/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAMjD,oCAAoC;AACpC,MAAM,WAAW,kBAAkB;IAC/B,qCAAqC;IACrC,OAAO,EAAE,MAAM,CAAC;IAEhB,wBAAwB;IACxB,YAAY,EAAE,OAAO,CAAC;IAEtB,sCAAsC;IACtC,UAAU,EAAE,OAAO,CAAC;IAEpB,oBAAoB;IACpB,YAAY,CAAC,EAAE,cAAc,CAAC;IAE9B,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,mBAAmB;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAElD,uBAAuB;IACvB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAE1B,4BAA4B;IAC5B,aAAa,EAAE,OAAO,CAAC;IAEvB,6CAA6C;IAC7C,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,sBAAsB;AACtB,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAkCzC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/dropdown/components/label/component/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAMjD,oCAAoC;AACpC,MAAM,MAAM,kBAAkB,GAAG;IAC7B,qCAAqC;IACrC,OAAO,EAAE,MAAM,CAAC;IAEhB,wBAAwB;IACxB,YAAY,EAAE,OAAO,CAAC;IAEtB,sCAAsC;IACtC,UAAU,EAAE,OAAO,CAAC;IAEpB,oBAAoB;IACpB,YAAY,CAAC,EAAE,cAAc,CAAC;IAE9B,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,mBAAmB;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAElD,uBAAuB;IACvB,UAAU,EAAE,MAAM,CAAC;IAEnB,4BAA4B;IAC5B,aAAa,EAAE,OAAO,CAAC;IAEvB,6CAA6C;IAC7C,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,sBAAsB;AACtB,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAwCzC,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -1,16 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isNullOrUndefined } from "@bodynarf/utils";
-import SelectedItemLabel from "../components/selected";
-import EmptyLabel from "../components/empty";
-import DropdownLabelWithSearch from "../components/withSearch";
-/** Label component */
-const DropdownLabel = ({ caption, selectedItem, onClick, deselectable, className, searchable, onSearchChange, lastSearch, isListVisible, }) => {
-    if (searchable) {
-        return _jsx(DropdownLabelWithSearch, { caption: caption, onClick: onClick, className: className, onSearchChange: onSearchChange, deselectable: deselectable, selectedItem: selectedItem, lastSearch: lastSearch, isListVisible: isListVisible });
-    }
-    if (isNullOrUndefined(selectedItem)) {
-        return _jsx(EmptyLabel, { caption: caption, onClick: onClick, className: className });
-    }
-    return _jsx(SelectedItemLabel, { deselectable: deselectable, className: className, onClick: onClick, selectedItem: selectedItem });
-};
-export default DropdownLabel;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isNullOrUndefined } from "@bodynarf/utils";
+import SelectedItemLabel from "../components/selected";
+import EmptyLabel from "../components/empty";
+import DropdownLabelWithSearch from "../components/withSearch";
+/** Label component */
+const DropdownLabel = ({ caption, selectedItem, onClick, deselectable, className, searchable, onSearchChange, lastSearch, isListVisible, }) => {
+    if (searchable) {
+        return (_jsx(DropdownLabelWithSearch, { caption: caption, onClick: onClick, className: className, onSearchChange: onSearchChange, deselectable: deselectable, selectedItem: selectedItem, lastSearch: lastSearch, isListVisible: isListVisible }));
+    }
+    if (isNullOrUndefined(selectedItem)) {
+        return (_jsx(EmptyLabel, { caption: caption, onClick: onClick, className: className }));
+    }
+    return (_jsx(SelectedItemLabel, { deselectable: deselectable, className: className, onClick: onClick, selectedItem: selectedItem }));
+};
+export default DropdownLabel;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/dropdown/components/label/components/empty/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAO3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,iCAAiC;AACjC,aAAK,eAAe,GAAG,IAAI,CAAC,kBAAkB,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC,CAAC;AAErF,wDAAwD;AACxD,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAsBnC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/dropdown/components/label/components/empty/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAO3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,iCAAiC;AACjC,KAAK,eAAe,GAAG,IAAI,CAAC,kBAAkB,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC,CAAC;AAErF,wDAAwD;AACxD,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAyBnC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/components/dropdown/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 dropdown 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 dropdown 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/dropdown/components/label/components/selected/index.d.ts

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

package/components/dropdown/components/label/components/selected/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/dropdown/components/label/components/selected/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQ3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,wCAAwC;AACxC,aAAK,sBAAsB,GAAG,IAAI,CAC9B,kBAAkB,EAChB,cAAc,GAAG,SAAS,GAC1B,cAAc,GAAG,WAAW,CACjC,CAAC;AAEF,2CAA2C;AAC3C,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAqCjD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/dropdown/components/label/components/selected/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQ3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,wCAAwC;AACxC,KAAK,sBAAsB,GAAG,IAAI,CAC9B,kBAAkB,EAChB,cAAc,GAAG,SAAS,GAC1B,cAAc,GAAG,WAAW,CACjC,CAAC;AAEF,2CAA2C;AAC3C,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA6CjD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/components/dropdown/components/label/components/selected/index.js

@@ -1,20 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getClassName, isNullOrEmpty, isNullOrUndefined } from "@bodynarf/utils";
-import { ElementSize } from "../../../../../../types";
-import Icon from "../../../../../icon";
-import SelectedItemLabelWithIcon from "../selectedWithIcon";
-/** Dropdown label when item is selected */
-const SelectedItemLabel = ({ selectedItem, onClick, deselectable, className, }) => {
-    if (!isNullOrUndefined(selectedItem.icon)) {
-        return _jsx(SelectedItemLabelWithIcon, { deselectable: deselectable, onClick: onClick, className: className, selectedItem: selectedItem });
-    }
-    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", title: selectedItem.title, children: selectedItem.displayValue }), _jsx(Icon, { name: "arrow-down", size: ElementSize.Medium })] }));
-};
-export default SelectedItemLabel;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getClassName, isNullOrEmpty, isNullOrUndefined } from "@bodynarf/utils";
+import { ElementSize } from "../../../../../../types";
+import Icon from "../../../../../icon";
+import SelectedItemLabelWithIcon from "../selectedWithIcon";
+/** Dropdown label when item is selected */
+const SelectedItemLabel = ({ selectedItem, onClick, deselectable, className, }) => {
+    if (!isNullOrUndefined(selectedItem.icon)) {
+        return (_jsx(SelectedItemLabelWithIcon, { deselectable: deselectable, onClick: onClick, className: className, selectedItem: selectedItem }));
+    }
+    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", title: selectedItem.title, children: selectedItem.displayValue }), _jsx(Icon, { name: "arrow-down", size: ElementSize.Medium })] }));
+};
+export default SelectedItemLabel;

package/components/dropdown/components/label/components/selectedWithIcon/index.d.ts

@@ -1,8 +1,8 @@
-import { FC } from "react";
-import { DropdownLabelProps } from "../../component";
-/** Props type of `SelectedItemLabelWithIcon` */
-declare type SelectedItemLabelWithIconProps = Pick<DropdownLabelProps, "selectedItem" | "onClick" | "deselectable" | "className">;
-/** Dropdown label when item is selected and it's have icon */
-declare const SelectedItemLabelWithIcon: FC<SelectedItemLabelWithIconProps>;
-export default SelectedItemLabelWithIcon;
+import { FC } from "react";
+import { DropdownLabelProps } from "../../component";
+/** Props type of `SelectedItemLabelWithIcon` */
+type SelectedItemLabelWithIconProps = Pick<DropdownLabelProps, "selectedItem" | "onClick" | "deselectable" | "className">;
+/** Dropdown label when item is selected and it's have icon */
+declare const SelectedItemLabelWithIcon: FC<SelectedItemLabelWithIconProps>;
+export default SelectedItemLabelWithIcon;
 //# sourceMappingURL=index.d.ts.map

package/components/dropdown/components/label/components/selectedWithIcon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/dropdown/components/label/components/selectedWithIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAO3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,gDAAgD;AAChD,aAAK,8BAA8B,GAAG,IAAI,CACtC,kBAAkB,EAChB,cAAc,GAAG,SAAS,GAC1B,cAAc,GAAG,WAAW,CACjC,CAAC;AAEF,8DAA8D;AAC9D,QAAA,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CAoEjE,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/dropdown/components/label/components/selectedWithIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAO3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,gDAAgD;AAChD,KAAK,8BAA8B,GAAG,IAAI,CACtC,kBAAkB,EAChB,cAAc,GAAG,SAAS,GAC1B,cAAc,GAAG,WAAW,CACjC,CAAC;AAEF,8DAA8D;AAC9D,QAAA,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CAgFjE,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/components/dropdown/components/label/components/selectedWithIcon/index.js

@@ -1,28 +1,28 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getClassName, isNullOrEmpty } from "@bodynarf/utils";
-import { ElementPosition, ElementSize } from "../../../../../../types";
-import Icon from "../../../../../icon";
-/** Dropdown label when item is selected and it's have icon */
-const SelectedItemLabelWithIcon = ({ selectedItem, onClick, deselectable, className, }) => {
-    const elClassName = getClassName([
-        "dropdown-trigger",
-        "bbr-dropdown__label",
-        isNullOrEmpty(className) ? "" : `${className}--md`,
-        "button"
-    ]);
-    const icon = selectedItem.icon;
-    const iconClassName = getClassName([
-        icon.className,
-        icon.position === ElementPosition.Right
-            ? "bbr-icon--right"
-            : "bbr-icon--left",
-        "bbr-dropdown-item__icon"
-    ]);
-    if (icon.position === ElementPosition.Right) {
-        return (_jsxs("label", { className: elClassName, onClick: onClick, children: [deselectable &&
-                    _jsx(Icon, { name: "plus-lg", size: ElementSize.Medium }), _jsxs("span", { className: deselectable ? "px-2" : "pr-2", title: selectedItem.title, children: [selectedItem.displayValue, _jsx(Icon, { name: icon.name, size: icon.size, className: iconClassName })] }), _jsx(Icon, { name: "arrow-down", size: ElementSize.Medium })] }));
-    }
-    return (_jsxs("label", { className: elClassName, onClick: onClick, children: [deselectable &&
-                _jsx(Icon, { name: "plus-lg", size: ElementSize.Medium }), _jsxs("span", { className: deselectable ? "mx-2" : "mr-2", title: selectedItem.title, children: [_jsx(Icon, { name: icon.name, size: icon.size, className: iconClassName }), selectedItem.displayValue] }), _jsx(Icon, { name: "arrow-down", size: ElementSize.Medium })] }));
-};
-export default SelectedItemLabelWithIcon;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getClassName, isNullOrEmpty } from "@bodynarf/utils";
+import { ElementPosition, ElementSize } from "../../../../../../types";
+import Icon from "../../../../../icon";
+/** Dropdown label when item is selected and it's have icon */
+const SelectedItemLabelWithIcon = ({ selectedItem, onClick, deselectable, className, }) => {
+    const elClassName = getClassName([
+        "button",
+        "dropdown-trigger",
+        "bbr-dropdown__label",
+        isNullOrEmpty(className) ? "" : `${className}--md`,
+    ]);
+    const icon = selectedItem.icon;
+    const iconClassName = getClassName([
+        icon.className,
+        icon.position === ElementPosition.Right
+            ? "bbr-icon--right"
+            : "bbr-icon--left",
+        "bbr-dropdown-item__icon"
+    ]);
+    if (icon.position === ElementPosition.Right) {
+        return (_jsxs("label", { className: elClassName, onClick: onClick, children: [!!deselectable &&
+                    _jsx(Icon, { name: "plus-lg", size: ElementSize.Medium }), _jsxs("span", { className: deselectable ? "px-2" : "pr-2", title: selectedItem.title, children: [selectedItem.displayValue, _jsx(Icon, { name: icon.name, size: icon.size, className: iconClassName })] }), _jsx(Icon, { name: "arrow-down", size: ElementSize.Medium })] }));
+    }
+    return (_jsxs("label", { className: elClassName, onClick: onClick, children: [!!deselectable &&
+                _jsx(Icon, { name: "plus-lg", size: ElementSize.Medium }), _jsxs("span", { className: deselectable ? "mx-2" : "mr-2", title: selectedItem.title, children: [_jsx(Icon, { name: icon.name, size: icon.size, className: iconClassName }), selectedItem.displayValue] }), _jsx(Icon, { name: "arrow-down", size: ElementSize.Medium })] }));
+};
+export default SelectedItemLabelWithIcon;

package/components/dropdown/components/label/components/withSearch/index.d.ts

@@ -1,16 +1,16 @@
-import { FC } from "react";
-import { DropdownLabelProps } from "../../component";
-import "./style.scss";
-/** Props type of `DropdownLabelWithSearch` */
-declare type DropdownLabelWithSearchProps = Pick<DropdownLabelProps, "caption" | "className" | "onClick" | "selectedItem" | "deselectable"> & {
-    /** Last user search */
-    lastSearch: string | null;
-    /** Is items list visible */
-    isListVisible: boolean;
-    /** Handler of search value change by user */
-    onSearchChange: (value: string) => void;
-};
-/** Label component with search */
-declare const DropdownLabelWithSearch: FC<DropdownLabelWithSearchProps>;
-export default DropdownLabelWithSearch;
+import { FC } from "react";
+import { DropdownLabelProps } from "../../component";
+import "./style.scss";
+/** Props type of `DropdownLabelWithSearch` */
+type DropdownLabelWithSearchProps = Pick<DropdownLabelProps, "caption" | "className" | "onClick" | "selectedItem" | "deselectable"> & {
+    /** Last user search */
+    lastSearch: string;
+    /** Is items list visible */
+    isListVisible: boolean;
+    /** Handler of search value change by user */
+    onSearchChange: (value: string) => void;
+};
+/** Label component with search */
+declare const DropdownLabelWithSearch: FC<DropdownLabelWithSearchProps>;
+export default DropdownLabelWithSearch;
 //# sourceMappingURL=index.d.ts.map