trotl-filter 1.0.11 → 1.0.13

package/README.md

@@ -14,11 +14,25 @@ npm install trotl-filter
 yarn add trotl-filter
 ```
 
+
+```js
 \_(ツ)_/ Versions
 
-1.0.1 => readme
+1.0.13 => ...
+1.0.12 => ...
+1.0.11 => ...
+1.0.10 => ...
+1.0.8 => ...
+1.0.8 => ...
+1.0.7 => ...
+1.0.6 => ...
+1.0.5 => ...
+1.0.4 => ...
+1.0.3 => ...
+1.0.2 => ...
+1.0.1 => ...
 1.0.0 => initial release
-
+```
 ⚡ Quick Start
 
 ```bash

package/dist/index.cjs.js

@@ -7014,7 +7014,9 @@ const MultiSelectDropdown = ({
   pushUrlParamObj = false,
   // pushUrlParamObj={"ids"}
   addItem = undefined,
-  style = {}
+  style = {},
+  allowClear = false,
+  disabled = false
 }) => {
   const containerRef = React.useRef(null);
   const [maxVisible, setMaxVisible] = React.useState(1);
@@ -7115,6 +7117,7 @@ const MultiSelectDropdown = ({
     return options;
   }, [options, inputValue, inputExists, addItem]);
   const handleAddNew = () => {
+    if (disabled) return;
     if (!inputValue.trim()) return;
     const newLabel = inputValue.trim();
     // Prevent duplicate by value or label (case-insensitive)
@@ -7162,6 +7165,7 @@ const MultiSelectDropdown = ({
     return /*#__PURE__*/React.createElement(components.Option, props);
   };
   const handleChange = selectedItems => {
+    if (disabled) return;
     if (isMulti) {
       const values = selectedItems ? selectedItems.map(item => item.value) : [];
       onChange(values);
@@ -7282,15 +7286,22 @@ const MultiSelectDropdown = ({
   return /*#__PURE__*/React.createElement("div", {
     style: {
       width: "100%",
-      ...style
+      ...style,
+      ...(disabled ? {
+        opacity: 0.6
+      } : {})
     },
     ref: containerRef,
-    className: showRequiredError ? "select-required-error" : ""
+    className: showRequiredError ? "select-required-error" : "",
+    "aria-disabled": disabled
   }, /*#__PURE__*/React.createElement(StateManagedSelect$1, {
     isMulti: isMulti,
+    isClearable: allowClear,
+    isDisabled: disabled,
     options: menuOptions,
     value: selectedOptions,
     onChange: (val, action) => {
+      if (disabled) return;
       // If user selects the +Add option, handle it
       if (action && action.action === 'select-option' && val && val.length && val[val.length - 1]?.__isAddNew) {
         handleAddNew();
@@ -7309,6 +7320,7 @@ const MultiSelectDropdown = ({
     "aria-required": required,
     inputValue: inputValue,
     onInputChange: (val, action) => {
+      if (disabled) return;
       if (action.action === "input-change") setInputValue(val);
     }
   }), showRequiredError && /*#__PURE__*/React.createElement("div", {