trotl-filter 1.0.9 → 1.0.11

package/dist/index.esm.js

@@ -6993,7 +6993,8 @@ const MultiSelectDropdown = ({
   closeMenuOnSelect = false,
   pushUrlParamObj = false,
   // pushUrlParamObj={"ids"}
-  addItem = undefined
+  addItem = undefined,
+  style = {}
 }) => {
   const containerRef = useRef(null);
   const [maxVisible, setMaxVisible] = useState(1);
@@ -7260,7 +7261,8 @@ const MultiSelectDropdown = ({
   const showRequiredError = required && (!selected || selected.length === 0);
   return /*#__PURE__*/React__default.createElement("div", {
     style: {
-      width: "100%"
+      width: "100%",
+      ...style
     },
     ref: containerRef,
     className: showRequiredError ? "select-required-error" : ""
@@ -7414,26 +7416,29 @@ const DebounceSelect = ({
     }
     window.history.replaceState({}, "", url);
   };
-  const handleSelect = (value, labelValue) => {
+  const handleSelect = (value, labelValue, el) => {
+    // console.log(el)
     if (isMulti) {
       const newItem = {
+        ...el,
         value,
         label: labelValue
       };
       const updated = selectedItems.some(item => item.value === value) ? selectedItems : [...selectedItems, newItem];
       setSelectedItems(updated);
-      onSelect(updated);
+      onSelect(value, newItem);
       setInput("");
       if (pushUrlParamObj) {
         setUrlParam(updated.map(item => item.value).join(","));
       }
     } else {
       const single = {
+        ...el,
         value,
         label: labelValue
       };
       setSelectedItems([single]);
-      onSelect(single);
+      onSelect(value, single);
       setInput(labelValue);
       if (pushUrlParamObj) {
         setUrlParam(value);
@@ -7461,7 +7466,7 @@ const DebounceSelect = ({
     if (typeof addItem === 'function') {
       addItem(newOption);
     }
-    handleSelect(newOption.value, newOption.label);
+    handleSelect(newOption.value, newOption.label, newOption);
   };
 
   // Handle double-click to fetch all when fetchAll is false
@@ -7543,14 +7548,17 @@ const DebounceSelect = ({
     className: "basic-input-dropdown-menu"
   }, loading ? /*#__PURE__*/React__default.createElement("div", {
     className: "loading-dropdown-item"
-  }, "Loading...") : options?.length > 0 ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, options.map(({
-    label,
-    value
-  }) => /*#__PURE__*/React__default.createElement("div", {
-    key: value,
-    className: "basic-input-dropdown-item",
-    onMouseDown: () => handleSelect(value, label)
-  }, translate(label))), input.trim() && !inputExists && typeof addItem === 'function' && /*#__PURE__*/React__default.createElement("div", {
+  }, "Loading...") : options?.length > 0 ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, options.map(el => {
+    const {
+      label,
+      value
+    } = el;
+    return /*#__PURE__*/React__default.createElement("div", {
+      key: value,
+      className: "basic-input-dropdown-item",
+      onMouseDown: () => handleSelect(value, label, el)
+    }, translate(label));
+  }), input.trim() && !inputExists && typeof addItem === 'function' && /*#__PURE__*/React__default.createElement("div", {
     className: "basic-input-dropdown-item",
     style: {
       color: '#1677ff',
@@ -10079,7 +10087,7 @@ function RangePicker({
       background: dropdownOpen ? "#f0f8ff" : "#fff",
       height: 34,
       minHeight: 34,
-      width: 280,
+      width: 300,
       border: '1px solid #ccc',
       borderRadius: 2,
       display: 'flex',