@megha-ui/react 1.2.440 → 1.2.442

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;

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, isIcon = false, withValue = 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 = () => {
@@ -332,7 +334,13 @@ const Dropdown = ({ options, selectedValues, onChange, placeholder = "Select..."
                             justifyContent: "space-between",
                             cursor: "pointer",
                             width: "100%",
-                        }, ref: clearIconRef, onClick: handleClick, children: [_jsx("span", { style: { display: isIcon ? withValue ? "inline-block" : "none" : "inline-block" }, 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.440",
+  "version": "1.2.442",
   "description": "A collection of reusable UI components for React applications, built with TypeScript.",
   "main": "./dist/index.js",
   "module": "./dist/index.js",