trotl-filter 1.0.9 → 1.0.11

package/dist/index.cjs.js

@@ -7013,7 +7013,8 @@ const MultiSelectDropdown = ({
   closeMenuOnSelect = false,
   pushUrlParamObj = false,
   // pushUrlParamObj={"ids"}
-  addItem = undefined
+  addItem = undefined,
+  style = {}
 }) => {
   const containerRef = React.useRef(null);
   const [maxVisible, setMaxVisible] = React.useState(1);
@@ -7280,7 +7281,8 @@ const MultiSelectDropdown = ({
   const showRequiredError = required && (!selected || selected.length === 0);
   return /*#__PURE__*/React.createElement("div", {
     style: {
-      width: "100%"
+      width: "100%",
+      ...style
     },
     ref: containerRef,
     className: showRequiredError ? "select-required-error" : ""
@@ -7434,26 +7436,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);
@@ -7481,7 +7486,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
@@ -7563,14 +7568,17 @@ const DebounceSelect = ({
     className: "basic-input-dropdown-menu"
   }, loading ? /*#__PURE__*/React.createElement("div", {
     className: "loading-dropdown-item"
-  }, "Loading...") : options?.length > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, options.map(({
-    label,
-    value
-  }) => /*#__PURE__*/React.createElement("div", {
-    key: value,
-    className: "basic-input-dropdown-item",
-    onMouseDown: () => handleSelect(value, label)
-  }, translate(label))), input.trim() && !inputExists && typeof addItem === 'function' && /*#__PURE__*/React.createElement("div", {
+  }, "Loading...") : options?.length > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, options.map(el => {
+    const {
+      label,
+      value
+    } = el;
+    return /*#__PURE__*/React.createElement("div", {
+      key: value,
+      className: "basic-input-dropdown-item",
+      onMouseDown: () => handleSelect(value, label, el)
+    }, translate(label));
+  }), input.trim() && !inputExists && typeof addItem === 'function' && /*#__PURE__*/React.createElement("div", {
     className: "basic-input-dropdown-item",
     style: {
       color: '#1677ff',
@@ -10099,7 +10107,7 @@ function RangePicker({
       background: dropdownOpen ? "#f0f8ff" : "#fff",
       height: 34,
       minHeight: 34,
-      width: 280,
+      width: 300,
       border: '1px solid #ccc',
       borderRadius: 2,
       display: 'flex',