funda-ui 4.3.555 → 4.4.15

package/MultipleSelect/index.js

@@ -1898,7 +1898,7 @@ var convert = __webpack_require__(79);
 var object = __webpack_require__(575);
 // EXTERNAL MODULE: ../Utils/dist/cjs/cls.js
 var cls = __webpack_require__(188);
-;// CONCATENATED MODULE: ./src/multiple-select-utils/func.ts
+;// CONCATENATED MODULE: ./src/utils/func.ts
 /**
  * Format indent value
  * @param {String|Array} inputData 

package/NativeSelect/index.js

@@ -1201,7 +1201,7 @@ __webpack_require__.d(__webpack_exports__, {
 // EXTERNAL MODULE: external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"}
 var external_root_React_commonjs2_react_commonjs_react_amd_react_ = __webpack_require__(787);
 var external_root_React_commonjs2_react_commonjs_react_amd_react_default = /*#__PURE__*/__webpack_require__.n(external_root_React_commonjs2_react_commonjs_react_amd_react_);
-;// CONCATENATED MODULE: ./src/native-select-utils/func.ts
+;// CONCATENATED MODULE: ./src/utils/func.ts
 /**
  * Format indent value
  * @param {String|Array} inputData 

package/Select/index.css

@@ -262,6 +262,7 @@
   --cus-sel-listgroup-popwin-min-width: 200px;
   --cus-sel-listgroup-tool-bg: rgb(248,249,250);
   --cus-sel-listgroup-checkbox: #a5a5a5;
+  --cus-sel-listgroup-checkbox-active: #3162B2;
   --cus-sel-listgroup-item-hover-focus-bg: rgba(0,0,0,.1);
   --cus-sel-listgroup-content-scrollbar-color: rgba(0, 0, 0, 0.2);
   --cus-sel-listgroup-content-scrollbar-track: rgba(0, 0, 0, 0);
@@ -271,6 +272,7 @@
   display: none;
   min-width: var(--cus-sel-listgroup-popwin-min-width);
   z-index: 1055; /* --bs-modal-zindex */
+  /*------ Multiple selection ------*/
   /*------ Group ------*/
   /*------ Extended buttons of Multiple selection ------*/
   /*------ Extended buttons of Single selection ------*/
@@ -302,6 +304,9 @@
 .custom-select__options-wrapper .bg-light {
   background-color: var(--cus-sel-listgroup-tool-bg) !important;
 }
+.custom-select__options-wrapper .list-group-item {
+  /* ITEM SELECTED */
+}
 .custom-select__options-wrapper .list-group-item.hide {
   display: none;
 }
@@ -326,9 +331,21 @@
 .custom-select__options-wrapper .list-group-item .custom-select-multi__control-option-checkbox-selected svg path {
   stroke: var(--cus-sel-listgroup-checkbox);
 }
+.custom-select__options-wrapper .list-group-item.item-selected .custom-select-multi__control-option-checkbox-placeholder svg path {
+  stroke: var(--cus-sel-listgroup-checkbox-active);
+}
+.custom-select__options-wrapper .list-group-item.item-selected .custom-select-multi__control-option-checkbox-selected svg {
+  fill: var(--cus-sel-listgroup-checkbox-active);
+}
+.custom-select__options-wrapper .list-group-item.item-selected .custom-select-multi__control-option-checkbox-selected svg path {
+  stroke: var(--cus-sel-listgroup-checkbox-active);
+}
 .custom-select__options-wrapper .list-group-item:hover, .custom-select__options-wrapper .list-group-item:focus {
   background-color: var(--cus-sel-listgroup-item-hover-focus-bg);
 }
+.custom-select__options-wrapper.multiple-selection .list-group-item.active {
+  border-top-width: 0;
+}
 .custom-select__options-wrapper .custom-select-grouptitle {
   pointer-events: none;
   color: var(--cus-sel-listgroup-grouptitle-color);

package/Select/index.d.ts

@@ -92,6 +92,7 @@ export declare type SelectProps = {
     onChange?: SelectOptionChangeFnType | null;
     onBlur?: (e: any) => void;
     onFocus?: (e: any) => void;
+    onKeyPressed?: (arg1: any, arg2: any, arg3: any) => void;
 };
 declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<unknown>>;
 export default Select;

package/Select/index.js

@@ -3299,7 +3299,7 @@ __webpack_require__.d(__webpack_exports__, {
 // EXTERNAL MODULE: external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"}
 var external_root_React_commonjs2_react_commonjs_react_amd_react_ = __webpack_require__(787);
 var external_root_React_commonjs2_react_commonjs_react_amd_react_default = /*#__PURE__*/__webpack_require__.n(external_root_React_commonjs2_react_commonjs_react_amd_react_);
-;// CONCATENATED MODULE: ./src/select-utils/func.ts
+;// CONCATENATED MODULE: ./src/utils/func.ts
 /**
  * Format indent value
  * @param {String|Array} inputData 
@@ -3438,7 +3438,7 @@ var bodyScrollLock = __webpack_require__(70);
 // EXTERNAL MODULE: ../Utils/dist/cjs/cls.js
 var cls = __webpack_require__(188);
 ;// CONCATENATED MODULE: ./src/index.tsx
-var _excluded = ["contentRef", "popupRef", "wrapperClassName", "controlClassName", "controlExClassName", "exceededSidePosOffset", "multiSelect", "multiSelectEntireAreaTrigger", "multiSelectSelectedItemOnlyStatus", "renderSelectedValue", "disabled", "required", "defaultValue", "value", "label", "name", "readOnly", "placeholder", "id", "autoComplete", "autoCapitalize", "spellCheck", "options", "cleanTrigger", "lockBodyScroll", "hierarchical", "indentation", "doubleIndent", "style", "depth", "controlArrow", "winWidth", "tabIndex", "firstRequestAutoExec", "fetchTrigger", "fetchTriggerForDefaultData", "fetchNoneInfo", "fetchUpdate", "fetchFuncAsync", "fetchFuncMethod", "fetchFuncMethodParams", "data", "extractValueByBrackets", "fetchCallback", "onFetch", "onLoad", "onSelect", "onChange", "onBlur", "onFocus"];
+var _excluded = ["contentRef", "popupRef", "wrapperClassName", "controlClassName", "controlExClassName", "exceededSidePosOffset", "multiSelect", "multiSelectEntireAreaTrigger", "multiSelectSelectedItemOnlyStatus", "renderSelectedValue", "disabled", "required", "defaultValue", "value", "label", "name", "readOnly", "placeholder", "id", "autoComplete", "autoCapitalize", "spellCheck", "options", "cleanTrigger", "lockBodyScroll", "hierarchical", "indentation", "doubleIndent", "style", "depth", "controlArrow", "winWidth", "tabIndex", "firstRequestAutoExec", "fetchTrigger", "fetchTriggerForDefaultData", "fetchNoneInfo", "fetchUpdate", "fetchFuncAsync", "fetchFuncMethod", "fetchFuncMethodParams", "data", "extractValueByBrackets", "fetchCallback", "onFetch", "onLoad", "onSelect", "onChange", "onBlur", "onFocus", "onKeyPressed"];
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -3530,10 +3530,11 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     onChange = props.onChange,
     onBlur = props.onBlur,
     onFocus = props.onFocus,
+    onKeyPressed = props.onKeyPressed,
     attributes = _objectWithoutProperties(props, _excluded);
   var DEPTH = depth || 1055; // the default value same as bootstrap
-  var LIVE_SEARCH_OK = typeof fetchTrigger !== 'undefined' && fetchTrigger === true ? true : false;
-  var LIVE_SEARCH_DISABLED = (typeof fetchTrigger === 'undefined' || fetchTrigger === false) && typeof window !== 'undefined' && typeof window['funda-ui__Select-disable-livesearch'] !== 'undefined' ? true : false; // Globally disable real-time search functionality (only valid for non-dynamic requests)
+  var MANUAL_REQ = typeof fetchTrigger !== 'undefined' && fetchTrigger === true ? true : false; // Manual requests
+  var LIVE_SEARCH_DISABLED = !MANUAL_REQ && typeof window !== 'undefined' && typeof window['funda-ui__Select-disable-livesearch'] !== 'undefined' ? true : false; // Globally disable real-time search functionality (only valid for non-dynamic requests)
 
   var FIRST_REQUEST_AUTO = typeof firstRequestAutoExec === 'undefined' ? true : firstRequestAutoExec;
   var INPUT_READONLY = LIVE_SEARCH_DISABLED ? true : typeof readOnly === 'undefined' ? null : readOnly;
@@ -3865,7 +3866,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
             // STEP 4: ===========
             // value & label must be initialized
             filterRes = [];
-            if (fetchTrigger) {
+            if (MANUAL_REQ) {
               // If a manual action is used to trigger the request
               if (typeof fetchTriggerForDefaultData !== 'undefined' && fetchTriggerForDefaultData !== null && typeof (fetchTriggerForDefaultData === null || fetchTriggerForDefaultData === void 0 ? void 0 : fetchTriggerForDefaultData.values[0]) !== 'undefined') {
                 filterRes = [{
@@ -4346,7 +4347,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     // hide list
     setIsOpen(false);
     if (!MULTI_SEL_VALID) popwinPosHide();
-    if (LIVE_SEARCH_OK) {
+    if (MANUAL_REQ) {
       // clean data
       setOptionsData([]);
     } else {
@@ -4394,7 +4395,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
         popwinNoMatchInit();
       }, 500);
     }
-    if (LIVE_SEARCH_OK) {
+    if (MANUAL_REQ) {
       // clean data
       setOptionsData([]);
     } else {
@@ -4402,6 +4403,11 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
       setOptionsData(orginalData);
     }
 
+    // When you select multiple times, it automatically focuses on the search input box
+    if (MULTI_SEL_VALID) {
+      selectInputRef.current.select();
+    }
+
     // update temporary value
     setControlTempValue('');
 
@@ -4412,6 +4418,10 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     // This is also the element to apply the CSS '-webkit-overflow-scrolling: touch;' if desired.
     if (LOCK_BODY_SCROLL) (0,bodyScrollLock.disableBodyScroll)(document.querySelector('body'));
   }
+  function fixFocusStatus() {
+    // When selecting multiple times, in order to avoid losing 
+    if (MULTI_SEL_VALID) handleFocus(selectInputRef.current);
+  }
   function handleSelect(_x5) {
     return _handleSelect.apply(this, arguments);
   }
@@ -4691,7 +4701,10 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
                 selectInputRef.current.blur();
               }
             }
-          case 12:
+
+            // Fixed an out-of-focus issue
+            fixFocusStatus();
+          case 13:
           case "end":
             return _context2.stop();
         }
@@ -4783,6 +4796,9 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
       _values = _values2;
     }
     onChange === null || onChange === void 0 ? void 0 : onChange(selectInputRef.current, valueInputRef.current, multipleSelectionCallback(_values, _labels));
+
+    // Fixed an out-of-focus issue
+    fixFocusStatus();
   }
   function handleCleanValue(event) {
     if (typeof event !== 'undefined') {
@@ -4894,7 +4910,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
             inputVal = _args4.length > 0 && _args4[0] !== undefined ? _args4[0] : null;
             _oparams = fetchFuncMethodParams || [];
             _params = _oparams.map(function (item) {
-              return item !== '$QUERY_STRING' ? item : fetchTrigger ? '------' : '';
+              return item !== '$QUERY_STRING' ? item : MANUAL_REQ ? '------' : '';
             });
             _context4.next = 5;
             return fetchData(_params.join(','), finalRes(inputVal), inputVal);
@@ -4926,6 +4942,9 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
 
     //
     handleChangeFetchSafe(val);
+
+    // Fixed an out-of-focus issue
+    fixFocusStatus();
   }
 
   //
@@ -4937,7 +4956,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     setControlTempValue('');
 
     //
-    onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(selectInputRef.current);
   }
   function handleBlur(event) {
     var _rootRef$current2;
@@ -4954,7 +4973,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
       if (listContentRef.current) listContentRef.current.focus();
     }
     setTimeout(function () {
-      onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+      onBlur === null || onBlur === void 0 ? void 0 : onBlur(selectInputRef.current);
     }, 300);
   }
   function generateInputFocusStr() {
@@ -5006,40 +5025,41 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
       return _regeneratorRuntime().wrap(function _callee5$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
-            key = event.code;
+            key = event.code; //
+            onKeyPressed === null || onKeyPressed === void 0 ? void 0 : onKeyPressed(event, selectInputRef.current, valueInputRef.current);
             if (isOpen) {
-              _context5.next = 3;
+              _context5.next = 4;
               break;
             }
             return _context5.abrupt("return");
-          case 3:
+          case 4:
             res = null;
             if (!(key === 'Enter' || key === 'NumpadEnter')) {
-              _context5.next = 15;
+              _context5.next = 16;
               break;
             }
             event.preventDefault();
 
             // Determine the "active" class name to avoid listening to other unused components of the same type
             if (!(listRef.current === null || !rootRef.current.classList.contains('active'))) {
-              _context5.next = 8;
+              _context5.next = 9;
               break;
             }
             return _context5.abrupt("return");
-          case 8:
+          case 9:
             if (!(keyboardSelectedItem.current !== null && keyboardSelectedItem.current.classList.contains('disabled'))) {
-              _context5.next = 10;
+              _context5.next = 11;
               break;
             }
             return _context5.abrupt("return");
-          case 10:
+          case 11:
             if (!(listRef.current !== null)) {
-              _context5.next = 15;
+              _context5.next = 16;
               break;
             }
-            _context5.next = 13;
+            _context5.next = 14;
             return listRef.current.dataset.data;
-          case 13:
+          case 14:
             currentIndex = _context5.sent;
             if (typeof currentIndex !== 'undefined') {
               currentData = optionsData[Number(currentIndex)];
@@ -5065,28 +5085,28 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
                 selectInputRef.current.blur();
               }
             }
-          case 15:
+          case 16:
             if (!(key === 'ArrowUp')) {
-              _context5.next = 19;
+              _context5.next = 20;
               break;
             }
-            _context5.next = 18;
+            _context5.next = 19;
             return optionFocus('decrease');
-          case 18:
-            res = _context5.sent;
           case 19:
+            res = _context5.sent;
+          case 20:
             if (!(key === 'ArrowDown')) {
-              _context5.next = 23;
+              _context5.next = 24;
               break;
             }
-            _context5.next = 22;
+            _context5.next = 23;
             return optionFocus('increase');
-          case 22:
-            res = _context5.sent;
           case 23:
+            res = _context5.sent;
+          case 24:
             // temporary data
             if (res !== null) listRef.current.dataset.data = res.dataset.index;
-          case 24:
+          case 25:
           case "end":
             return _context5.stop();
         }
@@ -5094,6 +5114,16 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     }));
     return _handleKeyPressed.apply(this, arguments);
   }
+  function handleDocOut(e) {
+    if (e.target.closest('.custom-select__options-wrapper') === null && e.target.closest('.custom-select__wrapper') === null) {
+      // cancel
+      cancel();
+      if (MULTI_SEL_VALID) popwinPosHide();
+
+      // DO NOT USE "handleBlur(null)"
+    }
+  }
+
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     // Call a function when the component has been rendered completely
     //--------------
@@ -5129,6 +5159,19 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
       }
     }
   }, []);
+
+  // Fixed an out-of-focus issue
+  //--------------
+  // !!! TIPS:
+  // Fixed: When `fixFocusStatus()` is triggered, the above judgment will be invalidated, and this judgment will be used
+  // Fixed: The pop-up window is not closed due to the mixing of business components
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    document.addEventListener('pointerdown', handleDocOut);
+    return function () {
+      document.removeEventListener('pointerdown', handleDocOut);
+    };
+  }, [orginalData]); // Avoid the issue that `setOptionsData(orginalData)` sets the original value to empty on the first entry
+
   return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, label ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
     className: "custom-select__label"
   }, typeof label === 'string' ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("label", {
@@ -5240,7 +5283,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
       'reverse': isOpen
     }),
     style: {
-      display: fetchTrigger ? 'none' : 'inline-block'
+      display: MANUAL_REQ ? 'none' : 'inline-block'
     }
   }, controlArrow ? controlArrow : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("svg", {
     width: "10px",
@@ -5258,7 +5301,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     transform: "translate(56.000000, 160.000000)"
   }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("path", {
     d: "M144,6525.39 L142.594,6524 L133.987,6532.261 L133.069,6531.38 L133.074,6531.385 L125.427,6524.045 L124,6525.414 C126.113,6527.443 132.014,6533.107 133.987,6535 C135.453,6533.594 134.024,6534.965 144,6525.39"
-  })))))), fetchTrigger ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
+  })))))), MANUAL_REQ ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
     className: "custom-select-multi__control-searchbtn"
   }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("button", {
     tabIndex: -1,
@@ -5300,7 +5343,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     className: "custom-select-multi__list"
   }, typeof multiSelectSelectedItemOnlyStatus !== 'undefined' ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("li", {
     className: "custom-select-multi__list-item-statusstring"
-  }, typeof multiSelectSelectedItemOnlyStatus.itemsLabel === 'string' && controlArr.labels.length > 0 && controlArr.labels.length < optionsData.length ? multiSelectSelectedItemOnlyStatus.itemsLabel.replace('{num}', "".concat(controlArr.labels.length)) : null, typeof multiSelectSelectedItemOnlyStatus.noneLabel === 'string' && controlArr.labels.length === 0 ? multiSelectSelectedItemOnlyStatus.noneLabel : null, controlArr.labels.length > 0 ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, typeof multiSelectSelectedItemOnlyStatus.allItemsLabel === 'string' && controlArr.labels.length === optionsData.length ? multiSelectSelectedItemOnlyStatus.allItemsLabel.replace('{num}', "".concat(controlArr.labels.length)) : null) : null, typeof multiSelectSelectedItemOnlyStatus.itemsLabel !== 'string' && controlArr.labels.length > 0 ? MULTI_SEL_SELECTED_STATUS.itemsLabel.replace('{num}', "".concat(controlArr.labels.length)) : null, typeof multiSelectSelectedItemOnlyStatus.noneLabel !== 'string' && controlArr.labels.length === 0 ? MULTI_SEL_SELECTED_STATUS.noneLabel : null, controlArr.labels.length > 0 ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, typeof multiSelectSelectedItemOnlyStatus.allItemsLabel !== 'string' && controlArr.labels.length === optionsData.length ? MULTI_SEL_SELECTED_STATUS.allItemsLabel.replace('{num}', "".concat(controlArr.labels.length)) : null) : null)) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, typeof renderSelectedValue === 'function' ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, renderSelectedValue(controlArr, handleMultiControlItemRemove)) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, controlArr.labels.map(function (item, index) {
+  }, MANUAL_REQ ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, typeof multiSelectSelectedItemOnlyStatus.itemsLabel === 'string' && controlArr.labels.length > 0 ? multiSelectSelectedItemOnlyStatus.itemsLabel.replace('{num}', "".concat(controlArr.labels.length)) : null, typeof multiSelectSelectedItemOnlyStatus.noneLabel === 'string' && controlArr.labels.length === 0 ? multiSelectSelectedItemOnlyStatus.noneLabel : null, typeof multiSelectSelectedItemOnlyStatus.itemsLabel !== 'string' && controlArr.labels.length > 0 ? MULTI_SEL_SELECTED_STATUS.itemsLabel.replace('{num}', "".concat(controlArr.labels.length)) : null, typeof multiSelectSelectedItemOnlyStatus.noneLabel !== 'string' && controlArr.labels.length === 0 ? MULTI_SEL_SELECTED_STATUS.noneLabel : null) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, typeof multiSelectSelectedItemOnlyStatus.itemsLabel === 'string' && controlArr.labels.length > 0 && controlArr.labels.length < optionsData.length ? multiSelectSelectedItemOnlyStatus.itemsLabel.replace('{num}', "".concat(controlArr.labels.length)) : null, typeof multiSelectSelectedItemOnlyStatus.noneLabel === 'string' && controlArr.labels.length === 0 ? multiSelectSelectedItemOnlyStatus.noneLabel : null, controlArr.labels.length > 0 ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, typeof multiSelectSelectedItemOnlyStatus.allItemsLabel === 'string' && controlArr.labels.length === optionsData.length ? multiSelectSelectedItemOnlyStatus.allItemsLabel.replace('{num}', "".concat(controlArr.labels.length)) : null) : null, typeof multiSelectSelectedItemOnlyStatus.itemsLabel !== 'string' && controlArr.labels.length > 0 ? MULTI_SEL_SELECTED_STATUS.itemsLabel.replace('{num}', "".concat(controlArr.labels.length)) : null, typeof multiSelectSelectedItemOnlyStatus.noneLabel !== 'string' && controlArr.labels.length === 0 ? MULTI_SEL_SELECTED_STATUS.noneLabel : null, controlArr.labels.length > 0 ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, typeof multiSelectSelectedItemOnlyStatus.allItemsLabel !== 'string' && controlArr.labels.length === optionsData.length ? MULTI_SEL_SELECTED_STATUS.allItemsLabel.replace('{num}', "".concat(controlArr.labels.length)) : null) : null))) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, typeof renderSelectedValue === 'function' ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, renderSelectedValue(controlArr, handleMultiControlItemRemove)) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, controlArr.labels.map(function (item, index) {
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("li", {
       key: 'selected-item-' + index,
       "data-value": controlArr.values[index],
@@ -5363,7 +5406,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
       'reverse': isOpen
     }),
     style: {
-      display: fetchTrigger ? 'none' : 'inline-block'
+      display: MANUAL_REQ ? 'none' : 'inline-block'
     }
   }, controlArrow ? controlArrow : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("svg", {
     width: "10px",
@@ -5381,7 +5424,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     transform: "translate(56.000000, 160.000000)"
   }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("path", {
     d: "M144,6525.39 L142.594,6524 L133.987,6532.261 L133.069,6531.38 L133.074,6531.385 L125.427,6524.045 L124,6525.414 C126.113,6527.443 132.014,6533.107 133.987,6535 C135.453,6533.594 134.024,6534.965 144,6525.39"
-  })))))), fetchTrigger ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
+  })))))), MANUAL_REQ ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
     className: "custom-select-multi__control-searchbtn"
   }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("button", {
     tabIndex: -1,
@@ -5410,7 +5453,9 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
   }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
     ref: listRef,
     id: "custom-select__options-wrapper-".concat(idRes),
-    className: "custom-select__options-wrapper list-group position-absolute border shadow small",
+    className: (0,cls.combinedCls)('custom-select__options-wrapper list-group position-absolute border shadow small', {
+      'multiple-selection': MULTI_SEL_VALID
+    }),
     style: {
       zIndex: DEPTH,
       width: WIN_WIDTH,

package/Table/index.d.ts

@@ -6,7 +6,7 @@ export { default as TableFoot } from './TableFoot';
 export { default as TableRow } from './TableRow';
 export { default as TableColgroup } from './TableColgroup';
 export { default as TableCaption } from './TableCaption';
-export { default as TableFilter } from './table-utils/TableFilter';
-export { default as ToggleSelection } from './table-utils/ToggleSelection';
-export { default as DragHandleSprite } from './table-utils/DragHandleSprite';
-export { default as SortSprite } from './table-utils/SortSprite';
+export { default as TableFilter } from './utils/TableFilter';
+export { default as ToggleSelection } from './utils/ToggleSelection';
+export { default as DragHandleSprite } from './utils/DragHandleSprite';
+export { default as SortSprite } from './utils/SortSprite';

package/Table/index.js

@@ -490,18 +490,18 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "DragHandleSprite": () => (/* reexport */ table_utils_DragHandleSprite),
-  "SortSprite": () => (/* reexport */ table_utils_SortSprite),
+  "DragHandleSprite": () => (/* reexport */ utils_DragHandleSprite),
+  "SortSprite": () => (/* reexport */ utils_SortSprite),
   "Table": () => (/* reexport */ src_Table),
   "TableBody": () => (/* reexport */ src_TableBody),
   "TableCaption": () => (/* reexport */ src_TableCaption),
   "TableCell": () => (/* reexport */ src_TableCell),
   "TableColgroup": () => (/* reexport */ src_TableColgroup),
-  "TableFilter": () => (/* reexport */ table_utils_TableFilter),
+  "TableFilter": () => (/* reexport */ utils_TableFilter),
   "TableFoot": () => (/* reexport */ src_TableFoot),
   "TableHead": () => (/* reexport */ src_TableHead),
   "TableRow": () => (/* reexport */ src_TableRow),
-  "ToggleSelection": () => (/* reexport */ table_utils_ToggleSelection)
+  "ToggleSelection": () => (/* reexport */ utils_ToggleSelection)
 });
 
 // EXTERNAL MODULE: external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"}
@@ -523,7 +523,7 @@ var TableProvider = function TableProvider(props) {
   }, children);
 };
 
-;// CONCATENATED MODULE: ./src/table-utils/func.ts
+;// CONCATENATED MODULE: ./src/utils/func.ts
 function convertMapToArr(setData) {
   var res = [];
   var s = setData;
@@ -664,7 +664,7 @@ function removeCellFocusClassName(root) {
     });
   }
 }
-;// CONCATENATED MODULE: ./src/table-utils/hooks/useTableResponsive.tsx
+;// CONCATENATED MODULE: ./src/utils/hooks/useTableResponsive.tsx
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -744,7 +744,7 @@ function useTableResponsive(_ref, deps) {
   }, [enabled, spyElement].concat(_toConsumableArray(deps)));
 }
 /* harmony default export */ const hooks_useTableResponsive = (useTableResponsive);
-;// CONCATENATED MODULE: ./src/table-utils/hooks/useTableDraggable.tsx
+;// CONCATENATED MODULE: ./src/utils/hooks/useTableDraggable.tsx
 function useTableDraggable_toConsumableArray(arr) { return useTableDraggable_arrayWithoutHoles(arr) || useTableDraggable_iterableToArray(arr) || useTableDraggable_unsupportedIterableToArray(arr) || useTableDraggable_nonIterableSpread(); }
 function useTableDraggable_nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function useTableDraggable_iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -1188,7 +1188,7 @@ var TableBody = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_rea
   }), children));
 });
 /* harmony default export */ const src_TableBody = (TableBody);
-;// CONCATENATED MODULE: ./src/table-utils/hooks/useTableKeyPress.tsx
+;// CONCATENATED MODULE: ./src/utils/hooks/useTableKeyPress.tsx
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function useTableKeyPress_toConsumableArray(arr) { return useTableKeyPress_arrayWithoutHoles(arr) || useTableKeyPress_iterableToArray(arr) || useTableKeyPress_unsupportedIterableToArray(arr) || useTableKeyPress_nonIterableSpread(); }
 function useTableKeyPress_nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -1566,7 +1566,7 @@ var TableCaption = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_
   }), children));
 });
 /* harmony default export */ const src_TableCaption = (TableCaption);
-;// CONCATENATED MODULE: ./src/table-utils/TableFilter.tsx
+;// CONCATENATED MODULE: ./src/utils/TableFilter.tsx
 
 
 var TableFilter = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.forwardRef)(function (props, externalRef) {
@@ -1606,8 +1606,8 @@ var TableFilter = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_r
     placeholder: placeholder || ''
   }));
 });
-/* harmony default export */ const table_utils_TableFilter = (TableFilter);
-;// CONCATENATED MODULE: ./src/table-utils/ToggleSelection.tsx
+/* harmony default export */ const utils_TableFilter = (TableFilter);
+;// CONCATENATED MODULE: ./src/utils/ToggleSelection.tsx
 var ToggleSelection_excluded = ["contentRef", "row", "useRadio", "className", "indeterminate", "disabled", "name", "value", "onChange", "checked"];
 function ToggleSelection_extends() { ToggleSelection_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return ToggleSelection_extends.apply(this, arguments); }
 function ToggleSelection_slicedToArray(arr, i) { return ToggleSelection_arrayWithHoles(arr) || ToggleSelection_iterableToArrayLimit(arr, i) || ToggleSelection_unsupportedIterableToArray(arr, i) || ToggleSelection_nonIterableRest(); }
@@ -1785,8 +1785,8 @@ var ToggleSelection = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
     onChange: handleChange
   }, attributes)) : null);
 });
-/* harmony default export */ const table_utils_ToggleSelection = (ToggleSelection);
-;// CONCATENATED MODULE: ./src/table-utils/DragHandleSprite.tsx
+/* harmony default export */ const utils_ToggleSelection = (ToggleSelection);
+;// CONCATENATED MODULE: ./src/utils/DragHandleSprite.tsx
 
 
 var DragHandleSprite = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.forwardRef)(function (props, externalRef) {
@@ -1842,8 +1842,8 @@ var DragHandleSprite = /*#__PURE__*/(0,external_root_React_commonjs2_react_commo
     strokeLinejoin: "round"
   })))) : null);
 });
-/* harmony default export */ const table_utils_DragHandleSprite = (DragHandleSprite);
-;// CONCATENATED MODULE: ./src/table-utils/hooks/useTableSort.tsx
+/* harmony default export */ const utils_DragHandleSprite = (DragHandleSprite);
+;// CONCATENATED MODULE: ./src/utils/hooks/useTableSort.tsx
 function useTableSort_toConsumableArray(arr) { return useTableSort_arrayWithoutHoles(arr) || useTableSort_iterableToArray(arr) || useTableSort_unsupportedIterableToArray(arr) || useTableSort_nonIterableSpread(); }
 function useTableSort_nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function useTableSort_iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -1966,7 +1966,7 @@ function useTableSort(_ref, deps) {
   };
 }
 /* harmony default export */ const hooks_useTableSort = (useTableSort);
-;// CONCATENATED MODULE: ./src/table-utils/SortSprite.tsx
+;// CONCATENATED MODULE: ./src/utils/SortSprite.tsx
 
 
 
@@ -2009,7 +2009,7 @@ var SortSprite = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_re
     fill: "#000000"
   })))) : null);
 });
-/* harmony default export */ const table_utils_SortSprite = (SortSprite);
+/* harmony default export */ const utils_SortSprite = (SortSprite);
 ;// CONCATENATED MODULE: ./src/index.tsx
 
 

package/Tree/index.js

@@ -1067,7 +1067,7 @@ var initAsyncItems = /*#__PURE__*/function () {
   };
 }();
 
-;// CONCATENATED MODULE: ./src/tree-utils.ts
+;// CONCATENATED MODULE: ./src/utils/func.ts
 var removeItemOnce = function removeItemOnce(arr, key) {
   return arr.filter(function (item) {
     return item.key !== key;

package/Utils/date.d.ts

@@ -57,6 +57,13 @@ declare const isValidDate: (v: string) => boolean;
  * @returns {Date | String}  yyyy-MM-dd
  */
 declare function dateFormat(v: Date | string): Date | String;
+/**
+ * Get date details
+ * @param {Date | String} v
+ * @param {Boolean} padZeroEnabled
+ * @typedef {Object} JSON
+ */
+declare function getDateDetails(v: Date | string, padZeroEnabled?: boolean): Record<string, string | number>;
 /**
  * Get calendar date
  * @param {Date | String} v
@@ -188,4 +195,23 @@ declare function setDateDays(v: Date | string, offset: number, padZeroEnabled?:
  * @returns {String}  yyyy-MM-dd HH:mm:ss
  */
 declare function timestampToDate(v: number, padZeroEnabled?: boolean): string;
-export { isTimeString, getNow, padZero, dateFormat, isValidDate, isValidHours, isValidMinutesAndSeconds, isValidYear, isValidMonth, isValidDay, getLastDayInMonth, getFirstAndLastMonthDay, getCalendarDate, getFullTime, getTodayDate, getCurrentMonth, getCurrentYear, getCurrentDay, getCurrentDate, getTomorrowDate, getYesterdayDate, getNextMonthDate, getPrevMonthDate, getNextYearDate, getPrevYearDate, getSpecifiedDate, setDateHours, setDateMinutes, setDateDays, timestampToDate };
+/**
+ * Get the date of the specified month
+ * @param {Number} year
+ * @param {Number} month
+ * @returns {Array<string>}
+ */
+declare function getMonthDates(year: number, month: number): string[];
+/**
+ * Get the date of the specified week (From Sunday)
+ * @param {Number} weekOffset
+ * @returns {Array<Date>}
+ */
+declare function getWeekDatesFromSun(weekOffset: number): Date[];
+/**
+ * Get the date of the specified week (From Monday)
+ * @param {Number} weekOffset
+ * @returns {Array<Date>}
+ */
+declare function getWeekDatesFromMon(weekOffset: number): Date[];
+export { isTimeString, getNow, padZero, dateFormat, getDateDetails, isValidDate, isValidHours, isValidMinutesAndSeconds, isValidYear, isValidMonth, isValidDay, getLastDayInMonth, getFirstAndLastMonthDay, getCalendarDate, getFullTime, getTodayDate, getCurrentMonth, getCurrentYear, getCurrentDay, getCurrentDate, getTomorrowDate, getYesterdayDate, getNextMonthDate, getPrevMonthDate, getNextYearDate, getPrevYearDate, getSpecifiedDate, setDateHours, setDateMinutes, setDateDays, timestampToDate, getMonthDates, getWeekDatesFromSun, getWeekDatesFromMon };