@megha-ui/react 1.2.439 → 1.2.441

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

@@ -13,6 +13,7 @@ interface DropdownProps {
     options: DropdownOption[];
     selectedValues: (string | number | any)[];
     onChange: (values: (string | number)[]) => void;
+    closeOnSelect?: boolean;
     placeholder?: string;
     className?: string;
     style?: React.CSSProperties;
@@ -58,6 +59,8 @@ interface DropdownProps {
     isCreatable?: boolean;
     onCreate?: (value: string) => void;
     isGrouping?: boolean;
+    isIcon?: boolean;
+    withValue?: boolean;
 }
 declare const Dropdown: React.FC<DropdownProps>;
 export default Dropdown;

package/dist/components/dropdown/index.js

@@ -8,7 +8,7 @@ import Text from "../text";
 import Button from "../button";
 import { HiChevronDown } from "react-icons/hi";
 import { FaChevronDown, FaChevronUp } from "react-icons/fa";
-const Dropdown = ({ options, selectedValues, onChange, placeholder = "Select...", isMultiple = false, isSelectAll = false, className, style, labelFontSize, labelFontWeight, labelMarginBottom, asteriskColor, label, disabled = false, width, searchEnabled = true, dropdownListWidth, marginBottom, marginTop, marginRight, marginLeft, required, dropdownListBG, searchBorderColor = "#2377ba", maxDropdownHeight = "12rem", border = "1px solid #dbdfe9", selectedCharLength = 0, menuFrom = "left", Tooltip, DropDownIcon, onMenuClose, onMenuOpen, isClear, ClearIcon, clearId, selectedDisplay, checkboxWrapper, isSort = true, onSelectChange, isLoading = false, onApplyChange, withTooltip = false, isCreatable = false, onCreate = () => { }, autoPosition = false, compactDisplay = false, ultraCompactDisplay = false, isGrouping = false, }) => {
+const Dropdown = ({ options, selectedValues, onChange, placeholder = "Select...", isMultiple = false, isSelectAll = false, className, style, labelFontSize, labelFontWeight, labelMarginBottom, asteriskColor, label, disabled = false, width, searchEnabled = true, dropdownListWidth, marginBottom, marginTop, marginRight, marginLeft, required, dropdownListBG, searchBorderColor = "#2377ba", maxDropdownHeight = "12rem", border = "1px solid #dbdfe9", selectedCharLength = 0, menuFrom = "left", Tooltip, DropDownIcon, onMenuClose, onMenuOpen, isClear, ClearIcon, clearId, selectedDisplay, checkboxWrapper, isSort = true, onSelectChange, isLoading = false, onApplyChange, withTooltip = false, isCreatable = false, onCreate = () => { }, autoPosition = false, compactDisplay = false, ultraCompactDisplay = false, isGrouping = false, isIcon = false, withValue = false, closeOnSelect = true, }) => {
     var _a, _b;
     const { density } = useDensity();
     const [isOpen, setIsOpen] = useState(false);
@@ -182,7 +182,8 @@ const Dropdown = ({ options, selectedValues, onChange, placeholder = "Select..."
         }
         else {
             onApplyChange ? setIntermediateValues([value]) : onChange([value]);
-            setIsOpen(false);
+            if (closeOnSelect)
+                setIsOpen(false);
         }
     };
     const handleItemSelect = (item, isDisabled) => {
@@ -196,7 +197,8 @@ const Dropdown = ({ options, selectedValues, onChange, placeholder = "Select..."
         }
         else {
             onSelectChange && onSelectChange([item]);
-            setIsOpen(false);
+            if (closeOnSelect)
+                setIsOpen(false);
         }
     };
     const handleAllSelect = () => {
@@ -313,12 +315,12 @@ const Dropdown = ({ options, selectedValues, onChange, placeholder = "Select..."
         return text;
     };
     return (_jsxs("div", { style: {
-            width: width !== null && width !== void 0 ? width : "100%",
+            width: width !== null && width !== void 0 ? width : (isIcon ? "max-content" : "100%"),
             marginBottom,
             marginTop,
             marginRight,
             marginLeft,
-        }, children: [label && (_jsxs("p", { style: labelStyle, children: [label, required && _jsx("span", { style: asteriskStyle, children: " *" })] })), _jsxs("div", { ref: wrapperRef, className: `${className}`, style: Object.assign({ border, borderRadius: 4, padding: "0 0.5rem", alignItems: "center", display: "flex", minHeight: `var(--control-min-height, ${ultraCompactDisplay
+        }, children: [label && (_jsxs("p", { style: labelStyle, children: [label, required && _jsx("span", { style: asteriskStyle, children: " *" })] })), _jsxs("div", { ref: wrapperRef, className: `${className}`, style: Object.assign(Object.assign(Object.assign({ border, borderRadius: 4 }, (isIcon ? { padding: "0 0.5rem" } : {})), { alignItems: "center", display: "flex", minHeight: `var(--control-min-height, ${ultraCompactDisplay
                         ? "1.5rem"
                         : compactDisplay
                             ? "2rem"
@@ -326,13 +328,19 @@ const Dropdown = ({ options, selectedValues, onChange, placeholder = "Select..."
                                 ? "1.5rem"
                                 : density === "compact"
                                     ? "2rem"
-                                    : "2.5rem"})`, position: "relative" }, style), children: [_jsxs("div", { style: {
+                                    : "2.5rem"})`, position: "relative" }), style), children: [_jsxs("div", { style: {
                             display: "flex",
                             alignItems: "center",
                             justifyContent: "space-between",
                             cursor: "pointer",
                             width: "100%",
-                        }, ref: clearIconRef, onClick: handleClick, children: [_jsx("span", { children: selectedDisplay
+                        }, ref: clearIconRef, onClick: handleClick, children: [_jsx("span", { style: {
+                                    display: isIcon
+                                        ? withValue
+                                            ? "inline-block"
+                                            : "none"
+                                        : "inline-block",
+                                }, children: selectedDisplay
                                     ? selectedDisplay
                                     : displayValue
                                         ? wrapMiddle(displayValue, selectedCharLength)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megha-ui/react",
-  "version": "1.2.439",
+  "version": "1.2.441",
   "description": "A collection of reusable UI components for React applications, built with TypeScript.",
   "main": "./dist/index.js",
   "module": "./dist/index.js",