funda-ui 4.3.355 → 4.3.721

package/lib/cjs/Select/index.js

@@ -3532,8 +3532,8 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     onFocus = props.onFocus,
     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;
@@ -3648,6 +3648,9 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
       close: function close() {
         cancel();
         if (MULTI_SEL_VALID) popwinPosHide();
+      },
+      open: function open() {
+        activate();
       }
     };
   }, [popupRef]);
@@ -3655,6 +3658,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     return {
       active: function active() {
         handleShowList();
+        selectInputRef.current.select();
       },
       focus: function focus() {
         selectInputRef.current.select();
@@ -3861,7 +3865,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 = [{
@@ -4342,7 +4346,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 {
@@ -4390,7 +4394,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 {
@@ -4398,6 +4402,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('');
 
@@ -4408,6 +4417,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);
   }
@@ -4418,9 +4431,10 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
         labelArr,
         curItem,
         incominggetOptionsData,
-        _rootRef$current3,
         options,
         curBtn,
+        noCallback,
+        _rootRef$current3,
         _data$callback,
         _data,
         _value,
@@ -4453,21 +4467,27 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
           case 5:
             curItem = el === null ? isObject(dataInput) ? dataInput : JSON.parse(dataInput) : optionsData[Number(el.currentTarget.dataset.index)]; // get incoming options from `data-options` of component
             // It is usually used for complex cascading `<Select />` components
-            incominggetOptionsData = valueInputRef.current.dataset.options; // cancel
-            if (!MULTI_SEL_VALID) {
-              cancel();
-            }
-
-            //remove focus style
-            if (!MULTI_SEL_VALID) {
-              (_rootRef$current3 = rootRef.current) === null || _rootRef$current3 === void 0 ? void 0 : _rootRef$current3.classList.remove('focus');
-            }
-
-            // get options
+            incominggetOptionsData = valueInputRef.current.dataset.options; // get options
             options = [].slice.call(listRef.current.querySelectorAll('.list-group-item:not(.hide):not(.no-match)')); // current control of some option
             curBtn = options.filter(function (node) {
               return node.dataset.itemdata == JSON.stringify(curItem);
-            })[0]; // update value * label
+            })[0]; // Determine whether there is a callback
+            noCallback = typeof curItem.callback === 'undefined'; // ==========================================================================
+            // Whether to cancel or not
+            // ==========================================================================
+            if (noCallback) {
+              // cancel
+              if (!MULTI_SEL_VALID) {
+                cancel();
+              }
+
+              //remove focus style
+              if (!MULTI_SEL_VALID) {
+                (_rootRef$current3 = rootRef.current) === null || _rootRef$current3 === void 0 ? void 0 : _rootRef$current3.classList.remove('focus');
+              }
+            }
+
+            // update value * label
             if (dataInput) {
               // ==========================================================================
               // Use the "keyboard" to trigger
@@ -4484,9 +4504,18 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
               // ++++++++++++++++++++
               // clear all active classes of options 
               // (Avoid using the keyboard to select and two actives will appear after clicking on a non-selected option.)
-              options.forEach(function (node) {
-                node.classList.remove('active');
-              });
+              if (noCallback) {
+                options.forEach(function (node) {
+                  node.classList.remove('active');
+                });
+              }
+
+              // If there is a callback, delete the activated style
+              if (!noCallback) {
+                setTimeout(function () {
+                  curBtn.classList.remove('active', 'disabled');
+                }, 0);
+              }
 
               //
               setControlValue(_value);
@@ -4550,13 +4579,15 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
                 adjustMultiControlContainerHeight();
 
                 // active current option
-                setTimeout(function () {
-                  $el.classList.add('active');
-                }, 0);
+                if (noCallback) {
+                  setTimeout(function () {
+                    $el.classList.add('active');
+                  }, 0);
+                }
               }
 
               //
-              if (typeof onChange === 'function') {
+              if (noCallback && typeof onChange === 'function') {
                 onChange === null || onChange === void 0 ? void 0 : onChange(selectInputRef.current, valueInputRef.current, !MULTI_SEL_VALID ? curItem : multipleSelectionCallback(currentControlValueArr, currentControlLabelArr));
 
                 //
@@ -4578,9 +4609,18 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
 
               // clear all active classes of options
               // (Avoid using the keyboard to select and two actives will appear after clicking on a non-selected option.)
-              options.forEach(function (node) {
-                node.classList.remove('active');
-              });
+              if (noCallback) {
+                options.forEach(function (node) {
+                  node.classList.remove('active');
+                });
+              }
+
+              // If there is a callback, delete the activated style
+              if (!noCallback) {
+                setTimeout(function () {
+                  curBtn.classList.remove('active', 'disabled');
+                }, 0);
+              }
 
               //
               setControlValue(_value2);
@@ -4645,20 +4685,25 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
                 adjustMultiControlContainerHeight();
 
                 // active current option
-                setTimeout(function () {
-                  _$el.classList.add('active');
-                }, 0);
+                if (noCallback) {
+                  setTimeout(function () {
+                    _$el.classList.add('active');
+                  }, 0);
+                }
               }
 
               //
-              if (typeof onChange === 'function') {
+              if (noCallback && typeof onChange === 'function') {
                 onChange === null || onChange === void 0 ? void 0 : onChange(selectInputRef.current, valueInputRef.current, !MULTI_SEL_VALID ? curItem : multipleSelectionCallback(_currentControlValueArr, _currentControlLabelArr));
 
                 //
                 selectInputRef.current.blur();
               }
             }
-          case 12:
+
+            // Fixed an out-of-focus issue
+            fixFocusStatus();
+          case 13:
           case "end":
             return _context2.stop();
         }
@@ -4750,6 +4795,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') {
@@ -4764,7 +4812,6 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
       queryString: ''
     };
     handleSelect(null, JSON.stringify(emptyValue), [], []);
-    onChange === null || onChange === void 0 ? void 0 : onChange(selectInputRef.current, valueInputRef.current, emptyValue);
 
     // update temporary value
     setControlTempValue(null);
@@ -4862,7 +4909,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);
@@ -4894,6 +4941,9 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
 
     //
     handleChangeFetchSafe(val);
+
+    // Fixed an out-of-focus issue
+    fixFocusStatus();
   }
 
   //
@@ -4905,7 +4955,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;
@@ -4922,7 +4972,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() {
@@ -5062,6 +5112,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();
+
+      //
+      handleBlur(null);
+    }
+  }
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     // Call a function when the component has been rendered completely
     //--------------
@@ -5097,6 +5157,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", {
@@ -5208,7 +5281,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",
@@ -5226,7 +5299,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,
@@ -5268,7 +5341,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],
@@ -5331,7 +5404,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",
@@ -5349,7 +5422,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,

package/lib/cjs/Table/index.js

@@ -1337,8 +1337,14 @@ var useTableKeyPress = function useTableKeyPress(_ref, deps) {
 };
 /* harmony default export */ const hooks_useTableKeyPress = (useTableKeyPress);
 ;// CONCATENATED MODULE: ./src/TableCell.tsx
-var TableCell_excluded = ["children", "active", "activeClassName", "className", "colSpan", "scope", "onClick", "onKeyDown"];
+function TableCell_typeof(obj) { "@babel/helpers - typeof"; return TableCell_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; }, TableCell_typeof(obj); }
+var TableCell_excluded = ["children", "active", "nowrap", "activeClassName", "className", "colSpan", "style", "scope", "onClick", "onKeyDown"];
 function TableCell_extends() { TableCell_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 TableCell_extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return TableCell_typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (TableCell_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (TableCell_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function TableCell_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = TableCell_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function TableCell_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
@@ -1349,9 +1355,11 @@ function TableCell_objectWithoutPropertiesLoose(source, excluded) { if (source =
 var TableCell = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.forwardRef)(function (_ref, externalRef) {
   var children = _ref.children,
     active = _ref.active,
+    nowrap = _ref.nowrap,
     activeClassName = _ref.activeClassName,
     myClassName = _ref.className,
     colSpan = _ref.colSpan,
+    style = _ref.style,
     scope = _ref.scope,
     _onClick = _ref.onClick,
     onKeyDown = _ref.onKeyDown,
@@ -1383,6 +1391,9 @@ var TableCell = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_rea
     }, [rootRef]),
     handleKeyPressed = _useTableKeyPress.handleKeyPressed;
   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, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(CellComponent, TableCell_extends({}, attributes, {
+    style: typeof nowrap === 'undefined' ? style : _objectSpread({
+      whiteSpace: (0,cls.clsWrite)(nowrap, 'normal', 'nowrap')
+    }, style),
     ref: function ref(node) {
       if (typeof externalRef === 'function') {
         externalRef(node);
@@ -1646,11 +1657,24 @@ var ToggleSelection = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
       setSelectAll: function setSelectAll(value) {
         setAllChecked(value);
       },
+      set: function set(check) {
+        var _resolvedRef$current;
+        var s = String((_resolvedRef$current = resolvedRef.current) === null || _resolvedRef$current === void 0 ? void 0 : _resolvedRef$current.dataset.row);
+        setSelectedItems(function (prev) {
+          var _data = new Set(prev);
+          if (check) {
+            _data.add(s);
+          } else {
+            _data["delete"](s);
+          }
+          return _data;
+        });
+      },
       control: function control() {
         return resolvedRef.current;
       }
     };
-  }, [contentRef, resolvedRef]);
+  }, [contentRef, resolvedRef, selectedItems]);
   function selectTarget(rowIndex) {
     var _val = String(rowIndex);
 
@@ -1697,7 +1721,7 @@ var ToggleSelection = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
     // =================================================================
     var filteredData = [];
     if (!isNaN(row) && Array.isArray(originData)) {
-      var newSelectedItems = new Set(new Map());
+      var newSelectedItems = new Set();
       newSelectedItems.add(_val);
       setSelectedItems(newSelectedItems);
       filteredData = originData.filter(function (v, i) {