trotl-filter 1.0.8 → 1.0.10

package/dist/index.cjs.js

@@ -7434,26 +7434,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 +7484,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 +7566,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',
@@ -9973,6 +9979,28 @@ function RangePicker({
     const newUrl = window.location.pathname + (params.toString() ? `?${params.toString()}` : "");
     window.history.replaceState({}, "", newUrl);
   }, [paramKey]);
+
+  // Extract HH:mm part from the current range value
+  const getTimeValue = React.useCallback(which => {
+    const val = which === 'start' ? range[0] : range[1];
+    if (val && val.includes('T')) {
+      return val.split('T')[1].slice(0, 5);
+    }
+    return which === 'start' ? timeStart || "" : timeEnd || "";
+  }, [range, timeStart, timeEnd]);
+
+  // Update time while keeping the selected date
+  const handleTimeChange = which => e => {
+    const newTime = e.target.value;
+    const currentVal = which === 'start' ? range[0] : range[1];
+    const datePart = currentVal && currentVal.split('T')[0] || formatDate(new Date(), false);
+    const newVal = `${datePart}T${newTime}`;
+    const newRange = which === 'start' ? [newVal, range[1]] : [range[0], newVal];
+    if (!controlledValue) setRange(newRange);
+    setUrlParam(newRange);
+    setSelectedRange("");
+    onChange?.(newRange);
+  };
   const handleClear = () => {
     if (!controlledValue) setRange(["", ""]);
     setUrlParam(["", ""]);
@@ -10077,7 +10105,7 @@ function RangePicker({
       background: dropdownOpen ? "#f0f8ff" : "#fff",
       height: 34,
       minHeight: 34,
-      width: 280,
+      width: 300,
       border: '1px solid #ccc',
       borderRadius: 2,
       display: 'flex',
@@ -10153,7 +10181,51 @@ function RangePicker({
     timeStart: timeStart,
     timeEnd: timeEnd,
     startWith: startWith
-  }), processedRanges && processedRanges.length > 0 && /*#__PURE__*/React.createElement("div", {
+  }), time && /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'grid',
+      gridTemplateColumns: '1fr 1fr',
+      columnGap: 16,
+      rowGap: 6,
+      marginTop: 16,
+      width: '99%',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: 12,
+      color: '#555',
+      marginBottom: 6
+    }
+  }, "Start time"), /*#__PURE__*/React.createElement("input", {
+    type: "time",
+    value: getTimeValue('start'),
+    onChange: handleTimeChange('start'),
+    style: {
+      width: '100%',
+      padding: '4px 6px',
+      border: '1px solid #d1d5db',
+      borderRadius: 2,
+      fontSize: 12
+    }
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: 12,
+      color: '#555',
+      marginBottom: 6
+    }
+  }, "End time"), /*#__PURE__*/React.createElement("input", {
+    type: "time",
+    value: getTimeValue('end'),
+    onChange: handleTimeChange('end'),
+    style: {
+      width: '100%',
+      padding: '4px 6px',
+      border: '1px solid #d1d5db',
+      borderRadius: 2,
+      fontSize: 12
+    }
+  }))), processedRanges && processedRanges.length > 0 && /*#__PURE__*/React.createElement("div", {
     style: {
       marginTop: 12,
       paddingTop: 12,