diginet-core-ui 1.3.99 → 1.4.0

package/components/form-control/dropdown/index.js

@@ -33,6 +33,16 @@ const convertData = (dt, valueExpr) => {
   valueTemp = valueTemp.map(i => i[valueExpr] || i);
   return valueTemp;
 };
+const convertSearchDelayTime = searchDelayTime => {
+  var _searchDelayTime$matc, _searchDelayTime$matc2;
+  if (searchDelayTime === true) return getGlobal('delayOnInput');
+  const units = {
+    m: 60000,
+    s: 1000,
+    ms: 1
+  };
+  return typeof searchDelayTime === 'number' ? searchDelayTime : (((_searchDelayTime$matc = searchDelayTime.match(/[^a-z]+/i)) === null || _searchDelayTime$matc === void 0 ? void 0 : _searchDelayTime$matc[0]) || 1) * units[((_searchDelayTime$matc2 = searchDelayTime.match(/ms|s|m/i)) === null || _searchDelayTime$matc2 === void 0 ? void 0 : _searchDelayTime$matc2[0]) || 's'];
+};
 const Dropdown = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   action = {},
   allowSearch,
@@ -86,6 +96,7 @@ const Dropdown = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   if (!reference) reference = useRef(null);
   if (multiple && selectBox === undefined) selectBox = true;
   if (typeof searchExpr === 'string') searchExpr = [searchExpr];
+  searchDelayTime = convertSearchDelayTime(searchDelayTime);
   const ref = useRef(null);
   const dropdownRef = useRef(null);
   const timer = useRef(null);
@@ -96,7 +107,7 @@ const Dropdown = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   const dropdownListRef = useRef(null);
   const searchRef = useRef(null);
   // const lastSearchRef = useRef(null);
-  const timeout = useRef(null);
+  // const timeout = useRef(null);
   const loadMoreTimer = useRef(null);
   const dataChosen = useRef([]);
   const [unique] = useState(randomString(6, {
@@ -848,7 +859,7 @@ const Dropdown = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     onInput === null || onInput === void 0 ? void 0 : onInput({
       ...(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current),
       target: {
-        value: inputRef === null || inputRef === void 0 ? void 0 : inputRef.current.value
+        value: ''
       }
     });
     !!onChange && onChange({
@@ -1043,21 +1054,26 @@ const Dropdown = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
       closeDropdown();
     };
   }, []);
-  useEffect(() => {
-    if (searchDelayTime) {
-      var _searchDelayTime$matc, _searchDelayTime$matc2;
-      if (searchDelayTime === true) searchDelayTime = getGlobal('delayOnInput');
-      const units = {
-        m: 60000,
-        s: 1000,
-        ms: 1
-      };
-      timeout.current = typeof searchDelayTime === 'number' ? searchDelayTime : (((_searchDelayTime$matc = searchDelayTime.match(/[^a-z]+/i)) === null || _searchDelayTime$matc === void 0 ? void 0 : _searchDelayTime$matc[0]) || 1) * units[((_searchDelayTime$matc2 = searchDelayTime.match(/ms|s|m/i)) === null || _searchDelayTime$matc2 === void 0 ? void 0 : _searchDelayTime$matc2[0]) || 's'];
-      return () => {
-        timeout.current = null;
-      };
-    }
-  }, [searchDelayTime]);
+
+  // useEffect(() => {
+  //     if (searchDelayTime) {
+  //         if (searchDelayTime === true) searchDelayTime = getGlobal('delayOnInput');
+  //         const units = {
+  //             m: 60000,
+  //             s: 1000,
+  //             ms: 1,
+  //         };
+  //         timeout.current =
+  //             typeof searchDelayTime === 'number'
+  //                 ? searchDelayTime
+  //                 : (searchDelayTime.match(/[^a-z]+/i)?.[0] || 1) *
+  //                   units[searchDelayTime.match(/ms|s|m/i)?.[0] || 's'];
+  //         return () => {
+  //             timeout.current = null;
+  //         };
+  //     }
+  // }, [searchDelayTime]);
+
   useEffect(() => {
     if (allValue[unique][allValue[unique].length - 1] !== valueProp) {
       allValue[unique].push(valueProp);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "diginet-core-ui",
-  "version": "1.3.99",
+  "version": "1.4.0",
   "description": "The DigiNet core ui",
   "homepage": "https://diginet.com.vn",
   "main": "index.js",

package/readme.md

@@ -38,6 +38,9 @@ npm test
 ```
 
 ## Changelog
+## 1.4.0
+- \[Fixed\]: Dropdown – Fix bug not delay when searchDelayTime is true
+
 ## 1.3.99
 - \[Changed\]: Typography – Add new text style
 - \[Fixed\]: Tab – Fix background UI not match design