funda-ui 4.7.270 → 4.7.333

package/Accordion/index.js

@@ -895,7 +895,7 @@ var external_root_React_commonjs2_react_commonjs_react_amd_react_default = /*#__
 // EXTERNAL MODULE: ../Utils/dist/cjs/cls.js
 var cls = __webpack_require__(188);
 ;// CONCATENATED MODULE: ./src/AccordionItem.tsx
-var _excluded = ["heightObserver", "index", "animSpeed", "easeType", "arrowOnly", "itemClassName", "itemContentWrapperClassName", "itemContentClassName", "itemTriggerClassName", "itemHeaderClassName", "itemTriggerIcon", "itemStyle", "defaultActive", "title", "onToggleEv", "onTransitionEnd", "onItemCollapse", "isExpanded", "children"];
+var _excluded = ["heightObserver", "index", "animSpeed", "easeType", "arrowOnly", "itemClassName", "itemContentWrapperClassName", "itemContentClassName", "itemTriggerClassName", "itemHeaderClassName", "itemTriggerIcon", "itemStyle", "activeItem", "title", "onToggleEv", "onTransitionEnd", "onItemCollapse", "isExpanded", "children"];
 function _extends() { _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 _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -920,7 +920,7 @@ var AccordionItem = function AccordionItem(props) {
     itemHeaderClassName = props.itemHeaderClassName,
     itemTriggerIcon = props.itemTriggerIcon,
     itemStyle = props.itemStyle,
-    defaultActive = props.defaultActive,
+    activeItem = props.activeItem,
     title = props.title,
     onToggleEv = props.onToggleEv,
     onTransitionEnd = props.onTransitionEnd,
@@ -964,18 +964,18 @@ var AccordionItem = function AccordionItem(props) {
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (contentWrapperRef.current && !initialHeightSet.current) {
       initialHeightSet.current = true;
-      var shouldBeExpanded = typeof defaultActive !== 'undefined' && defaultActive !== false;
+      var shouldBeExpanded = typeof activeItem !== 'undefined' && activeItem !== false;
       if (controlledExpanded === undefined) {
         setInternalExpanded(shouldBeExpanded);
       }
 
-      // Set initial height when defaultActive is true
+      // Set initial height when activeItem is true
       if (shouldBeExpanded && contentRef.current) {
         var contentHeight = contentRef.current.offsetHeight;
         contentWrapperRef.current.style.height = "".concat(contentHeight, "px");
       }
     }
-  }, [defaultActive, controlledExpanded]);
+  }, [activeItem, controlledExpanded]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (parseFloat(heightObserver) !== index) return;
 
@@ -1089,6 +1089,7 @@ var Accordion = function Accordion(props) {
   var animSpeed = duration || 200;
   var easeType = typeof alternateCollapse === 'undefined' ? EasingList['linear'] : EasingList[easing];
   var rootRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var animPlaceholderRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
     _useState2 = Accordion_slicedToArray(_useState, 2),
     animOK = _useState2[0],
@@ -1113,9 +1114,7 @@ var Accordion = function Accordion(props) {
     var $li = reactDomWrapperEl.querySelectorAll('.custom-accordion-item');
     var $allContent = reactDomWrapperEl.querySelectorAll('.custom-accordion-content__wrapper');
     var $curContent = reactDomEl.querySelector('.custom-accordion-content__wrapper');
-    var $trigger = reactDomEl.querySelector('.custom-accordion-trigger');
     if (reactDomEl.getAttribute('aria-expanded') === 'false' || reactDomEl.getAttribute('aria-expanded') === null) {
-      var _curIndex;
       setAnimOK(true);
       setTimeout(function () {
         setAnimOK(false);
@@ -1148,12 +1147,6 @@ var Accordion = function Accordion(props) {
         });
       }
       reactDomEl.setAttribute('aria-expanded', 'true');
-
-      // Call onTriggerChange if it exists in the child props
-      var childProps = (_curIndex = children[curIndex]) === null || _curIndex === void 0 ? void 0 : _curIndex.props;
-      if (typeof (childProps === null || childProps === void 0 ? void 0 : childProps.onTriggerChange) === 'function' && $trigger) {
-        childProps.onTriggerChange($trigger, true);
-      }
       anim_default()($curContent, {
         startHeight: 0,
         endHeight: $curContent.scrollHeight,
@@ -1163,15 +1156,8 @@ var Accordion = function Accordion(props) {
         animationInProgress.current = false;
       });
     } else {
-      var _curIndex2;
       reactDomEl.setAttribute('aria-expanded', 'false');
 
-      // Call onTriggerChange if it exists in the child props
-      var _childProps = (_curIndex2 = children[curIndex]) === null || _curIndex2 === void 0 ? void 0 : _curIndex2.props;
-      if (typeof (_childProps === null || _childProps === void 0 ? void 0 : _childProps.onTriggerChange) === 'function' && $trigger) {
-        _childProps.onTriggerChange($trigger, false);
-      }
-
       // Remove current item from expanded items
       setExpandedItems(function (prev) {
         var newSet = new Set(prev);
@@ -1191,7 +1177,7 @@ var Accordion = function Accordion(props) {
 
   // Initialize expanded items based on defaultActiveIndex or defaultActiveAll
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (defaultActiveAll && children && rootRef.current) {
+    if (defaultActiveAll && children && rootRef.current && animPlaceholderRef.current) {
       var allIndices = Array.from({
         length: children.length
       }, function (_, i) {
@@ -1202,22 +1188,19 @@ var Accordion = function Accordion(props) {
       // Actually expand all items without animation
       var $allItems = rootRef.current.querySelectorAll('.custom-accordion-item');
       Array.prototype.forEach.call($allItems, function (node, index) {
-        var _index;
-        node.setAttribute('aria-expanded', 'true');
         var $curContent = node.querySelector('.custom-accordion-content__wrapper');
-        var $trigger = node.querySelector('.custom-accordion-trigger');
-
-        // Call onTriggerChange if it exists in the child props
-        var childProps = (_index = children[index]) === null || _index === void 0 ? void 0 : _index.props;
-        if (typeof (childProps === null || childProps === void 0 ? void 0 : childProps.onTriggerChange) === 'function' && $trigger) {
-          childProps.onTriggerChange($trigger, true);
-        }
-
-        // Directly set height without animation
         if ($curContent) {
-          $curContent.style.height = "".concat($curContent.scrollHeight, "px");
+          // !!! Don't use the .custom-accordion-contentwrapper height directly, it may be more than a dozen pixels
+          $curContent.style.height = "".concat(node.querySelector('.custom-accordion-content__wrapper > .custom-accordion-content').scrollHeight, "px");
         }
       });
+      anim_default()(animPlaceholderRef.current, {
+        startHeight: 0,
+        endHeight: 10,
+        speed: animSpeed
+      }, easeType, function () {
+        setTimeout(function () {}, animSpeed);
+      });
     } else if (defaultActiveIndex !== undefined) {
       var initialExpanded = new Set();
       if (Array.isArray(defaultActiveIndex)) {
@@ -1231,6 +1214,12 @@ var Accordion = function Accordion(props) {
     }
   }, [defaultActiveIndex, defaultActiveAll, children]);
   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("div", {
+    className: "custom-accordion-anim-placeholder",
+    style: {
+      display: 'none'
+    },
+    ref: animPlaceholderRef
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
     className: (0,cls.combinedCls)('custom-accordion-item', (0,cls.clsWrite)(wrapperClassName, 'accordion')),
     role: "tablist",
     ref: rootRef
@@ -1245,10 +1234,11 @@ var Accordion = function Accordion(props) {
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(src_AccordionItem, Accordion_extends({
       key: "item" + i,
       index: i,
+      defaultActiveAll: defaultActiveAll,
       animSpeed: animSpeed,
       arrowOnly: arrowOnly,
       heightObserver: heightObserver,
-      defaultActive: _defaultActive,
+      activeItem: _defaultActive,
       onToggleEv: handleClickItem,
       isExpanded: expandedItems.has(i) // Both controlled and uncontrolled modes are implemented
     }, childProps));

package/LiveSearch/index.d.ts

@@ -18,7 +18,6 @@ export declare type LiveSearchProps = {
     exceededSidePosOffset?: number;
     appearance?: string;
     isSearchInput?: boolean;
-    allowSpacingRetrive?: boolean;
     loader?: React.ReactNode;
     value?: string;
     label?: React.ReactNode | string;

package/LiveSearch/index.js

@@ -2802,7 +2802,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var funda_utils_dist_cjs_getElementProperty__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(funda_utils_dist_cjs_getElementProperty__WEBPACK_IMPORTED_MODULE_8__);
 /* harmony import */ var funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(188);
 /* harmony import */ var funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_9__);
-var _excluded = ["contentRef", "popupRef", "wrapperClassName", "controlClassName", "controlExClassName", "optionsExClassName", "controlGroupWrapperClassName", "controlGroupTextClassName", "exceededSidePosOffset", "appearance", "isSearchInput", "allowSpacingRetrive", "loader", "readOnly", "disabled", "required", "placeholder", "noMatchPopup", "options", "value", "label", "name", "units", "iconLeft", "iconRight", "minLength", "maxLength", "id", "autoComplete", "autoCapitalize", "spellCheck", "icon", "btnId", "fetchTrigger", "hideIcon", "renderOption", "depth", "style", "winWidth", "tabIndex", "data", "autoShowOptions", "fetchNoneInfo", "fetchUpdate", "fetchFuncAsync", "fetchFuncMethod", "fetchFuncMethodParams", "fetchCallback", "onClick", "onFetch", "onChange", "onKeyboardInput", "onBlur", "onPressEnter"];
+var _excluded = ["contentRef", "popupRef", "wrapperClassName", "controlClassName", "controlExClassName", "optionsExClassName", "controlGroupWrapperClassName", "controlGroupTextClassName", "exceededSidePosOffset", "appearance", "isSearchInput", "loader", "readOnly", "disabled", "required", "placeholder", "noMatchPopup", "options", "value", "label", "name", "units", "iconLeft", "iconRight", "minLength", "maxLength", "id", "autoComplete", "autoCapitalize", "spellCheck", "icon", "btnId", "fetchTrigger", "hideIcon", "renderOption", "depth", "style", "winWidth", "tabIndex", "data", "autoShowOptions", "fetchNoneInfo", "fetchUpdate", "fetchFuncAsync", "fetchFuncMethod", "fetchFuncMethodParams", "fetchCallback", "onClick", "onFetch", "onChange", "onKeyboardInput", "onBlur", "onPressEnter"];
 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -2842,7 +2842,6 @@ var LiveSearch = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(
     exceededSidePosOffset = props.exceededSidePosOffset,
     appearance = props.appearance,
     isSearchInput = props.isSearchInput,
-    allowSpacingRetrive = props.allowSpacingRetrive,
     loader = props.loader,
     readOnly = props.readOnly,
     disabled = props.disabled,
@@ -3002,6 +3001,11 @@ var LiveSearch = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(
     }
   }, [isOpen, rootRef, listRef]);
 
+  // Only single symbols such as , #, and @ are allowed, and , a, a, , etc. are not allowed.
+  var isSingleSpecialChar = function isSingleSpecialChar(str) {
+    return typeof str === 'string' && /^[^\w\s]$/.test(str);
+  };
+
   // Add function to the element that should be used as the scrollable area.
   var _useWindowScroll = funda_utils_dist_cjs_useWindowScroll__WEBPACK_IMPORTED_MODULE_5___default()({
       performance: ['debounce', 500],
@@ -3173,12 +3177,29 @@ var LiveSearch = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(
                 // Avoid fatal errors causing page crashes
                 var _queryString = typeof item.queryString !== 'undefined' && item.queryString !== null ? item.queryString : '';
                 var _val = typeof val !== 'undefined' && val !== null ? val : '';
-                if (emptyValShowAll && val === '') {
+
+                // STEP 1
+                //========
+                if (emptyValShowAll && _val === '') {
                   return true;
                 }
-                if (allowSpacingRetrive && val == ' ') {
+
+                // STEP 2
+                //========
+                // @@@ This code is triggered only if a custom request is used to update "options" @@@
+                if (query && _val == ' ') {
                   return true;
                 }
+
+                // STEP 3
+                //========
+                // @@@ This code is triggered only if a custom request is used to update "options" @@@
+                if (query && _val != '' && isSingleSpecialChar(_val)) {
+                  return true;
+                }
+
+                // STEP 4
+                //========
                 if ((_queryString.split(',').some(function (l) {
                   return l.charAt(0) === _val.toLowerCase();
                 }) || _queryString.split(',').some(function (l) {

package/Select/index.css

@@ -16,6 +16,7 @@
   --cus-sel-searchbtn-hover-fill: #333;
   --cus-sel-removebtn-fill: #000;
   --cus-sel-removebtn-hover-fill: #f00;
+  --cus-sel-selected-color:#b1d0ff;
   position: relative; /* Required */
   /*------ Placeholder for input ------*/
   /*------ Arrow ------*/
@@ -85,11 +86,15 @@
   display: inline-block;
   color: var(--cus-sel-placeholder-color);
   width: 100%;
+  /* Select all highlights (for "Single selection") */
   /* Text preview */
 }
 .custom-select__wrapper .custom-select-multi__control-blinking-cursor.animated {
   animation: 1s mf-sel-blink step-end infinite;
 }
+.custom-select__wrapper .custom-select-multi__control-blinking-cursor.selected > span {
+  background-color: var(--cus-sel-selected-color);
+}
 .custom-select__wrapper .custom-select-multi__control-blinking-cursor.control-placeholder {
   color: var(--cus-sel-input-placeholder-color);
 }

package/Select/index.js

@@ -3771,6 +3771,12 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     setBlinkingPosStart = _useState24[1];
   var blinkingPosFauxRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var blinkingCursorPosDivRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+
+  // Select All status (for "Single selection")
+  var _useState25 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
+    _useState26 = _slicedToArray(_useState25, 2),
+    userInputboxIsAllSelected = _useState26[0],
+    setUserInputboxIsAllSelected = _useState26[1];
   var selectedSign = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
   var MULTI_SEL_VALID = multiSelect ? multiSelect.valid : false;
   var MULTI_SEL_ENTIRE_AREA_TRIGGER = typeof multiSelectEntireAreaTrigger === 'undefined' ? true : multiSelectEntireAreaTrigger;
@@ -3781,16 +3787,21 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     allItemsLabel: 'All Content ({num})',
     noneLabel: 'No items selected'
   };
-  var _useState25 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)({
+  var _useState27 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)({
       labels: [],
       values: []
     }),
-    _useState26 = _slicedToArray(_useState25, 2),
-    controlArr = _useState26[0],
-    setControlArr = _useState26[1];
-  function chkValueExist(v) {
+    _useState28 = _slicedToArray(_useState27, 2),
+    controlArr = _useState28[0],
+    setControlArr = _useState28[1];
+
+  // Only single symbols such as , #, and @ are allowed, and , a, a, , etc. are not allowed.
+  var isSingleSpecialChar = function isSingleSpecialChar(str) {
+    return typeof str === 'string' && /^[^\w\s]$/.test(str);
+  };
+  var chkValueExist = function chkValueExist(v) {
     return typeof v !== 'undefined' && v !== '';
-  }
+  };
   var listContainerHeightLimit = function listContainerHeightLimit(num) {
     var res = num;
     if (res > LIST_CONTAINER_MAX_HEIGHT) res = LIST_CONTAINER_MAX_HEIGHT;
@@ -3929,35 +3940,12 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
 
   //performance
   var handleChangeFetchSafe = useDebounce_default()(function (val) {
-    var _orginalData = [];
-    var update = function update(inputData) {
-      var filterRes = function filterRes() {
-        return inputData.filter(function (item) {
-          // Avoid fatal errors causing page crashes
-          var _queryString = typeof item.queryString !== 'undefined' && item.queryString !== null ? item.queryString : '';
-          var _val = typeof val !== 'undefined' && val !== null ? val : '';
-          if ((_queryString.split(',').some(function (l) {
-            return l.charAt(0) === _val.toLowerCase();
-          }) || _queryString.split(',').some(function (l) {
-            return l.replace(/ /g, '').indexOf(_val.toLowerCase()) >= 0;
-          }) || item.label.toLowerCase().indexOf(_val.toLowerCase()) >= 0) && _val != '') {
-            return true;
-          } else {
-            return false;
-          }
-        });
-      };
-      return filterRes();
-    };
     if (fetchUpdate) {
       // update filter status
       setFilterItemsHasNoMatchData(false);
 
       // Make a request
       handleFetch(val).then(function (response) {
-        _orginalData = response;
-        var _filterRes = update(_orginalData);
-
         // pop win initalization
         setTimeout(function () {
           popwinPosInit();
@@ -3965,9 +3953,6 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
         }, 0);
       });
     } else {
-      _orginalData = orginalData;
-      var _filterRes = update(_orginalData);
-
       // pop win initalization
       setTimeout(function () {
         popwinPosInit();
@@ -3990,7 +3975,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
         _currentData,
         _defaultValues,
         _defaultLabels,
-        _filterRes2,
+        _filterRes,
         _filterResQueryValue,
         _filterResQueryLabel,
         _currentData2,
@@ -4132,19 +4117,19 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
 
             // STEP 3: ===========
             // If the default value is label, match value
-            _filterRes2 = [];
+            _filterRes = [];
             _filterResQueryValue = staticOptionsData.filter(function (item) {
               return item.value == defaultValue;
             });
             _filterResQueryLabel = staticOptionsData.filter(function (item) {
               return item.label == defaultValue;
             });
-            _filterRes2 = _filterResQueryValue;
-            if (_filterResQueryValue.length === 0) _filterRes2 = _filterResQueryLabel;
+            _filterRes = _filterResQueryValue;
+            if (_filterResQueryValue.length === 0) _filterRes = _filterResQueryLabel;
 
             // if the default value is Object
-            if (isObject(inputDefault) && _filterRes2.length === 0) {
-              _filterRes2 = [inputDefault];
+            if (isObject(inputDefault) && _filterRes.length === 0) {
+              _filterRes = [inputDefault];
             }
 
             // STEP 4: ===========
@@ -4156,9 +4141,9 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
               setControlValue('');
               setControlLabel('');
             } else {
-              if (_filterRes2.length > 0) {
-                setControlValue(_filterRes2[0].value);
-                setControlLabel(formatIndentVal(_filterRes2[0].label, INDENT_LAST_PLACEHOLDER));
+              if (_filterRes.length > 0) {
+                setControlValue(_filterRes[0].value);
+                setControlLabel(formatIndentVal(_filterRes[0].label, INDENT_LAST_PLACEHOLDER));
               }
             }
 
@@ -4426,6 +4411,25 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
       // Avoid fatal errors causing page crashes
       var _queryString = typeof node.dataset.querystring !== 'undefined' && node.dataset.querystring !== null ? node.dataset.querystring : '';
       var _val = typeof val !== 'undefined' && val !== null ? val : '';
+
+      // STEP 1
+      //========
+      // @@@ This code is triggered only if a custom request is used to update "options" @@@
+      // If the condition is true, skip the loop and move on to the next node.
+      if (fetchUpdate && _val == ' ') {
+        return;
+      }
+
+      // STEP 2
+      //========
+      // @@@ This code is triggered only if a custom request is used to update "options" @@@
+      // If the condition is true, skip the loop and move on to the next node.
+      if (fetchUpdate && _val != '' && isSingleSpecialChar(_val)) {
+        return;
+      }
+
+      // STEP 3
+      //========
       if ((_queryString.split(',').some(function (l) {
         return l.charAt(0) === _val.toLowerCase();
       }) || _queryString.split(',').some(function (l) {
@@ -4523,6 +4527,9 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     // update filter status
     setFilterItemsHasNoMatchData(false);
 
+    // reset Select All status (for "Single selection")
+    setUserInputboxIsAllSelected(false);
+
     // Unlocks the page
     if (LOCK_BODY_SCROLL) (0,bodyScrollLock.enableBodyScroll)(document.querySelector('body'));
   }
@@ -5498,6 +5505,15 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     };
   }, [orginalData]); // Avoid the issue that `setOptionsData(orginalData)` sets the original value to empty on the first entry
 
+  // Select all detection functions in the input box (for "Single selection")
+  function checkUserInputboxIsAllSelected(e) {
+    var input = e.target;
+    if (input && typeof input.selectionStart === 'number' && typeof input.selectionEnd === 'number') {
+      setUserInputboxIsAllSelected(input.selectionStart === 0 && input.selectionEnd === input.value.length && input.value.length > 0);
+    } else {
+      setUserInputboxIsAllSelected(false);
+    }
+  }
   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", {
@@ -5612,7 +5628,18 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     autoComplete: typeof autoComplete === 'undefined' ? 'off' : autoComplete,
     autoCapitalize: typeof autoCapitalize === 'undefined' ? 'off' : autoCapitalize,
     spellCheck: typeof spellCheck === 'undefined' ? false : spellCheck
-  }, attributes)))) : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("input", _extends({
+  }, attributes, {
+    // Select all detection (for "Single selection")
+    onSelect: function onSelect(e) {
+      checkUserInputboxIsAllSelected(e);
+    },
+    onKeyUp: function onKeyUp(e) {
+      checkUserInputboxIsAllSelected(e);
+    },
+    onMouseUp: function onMouseUp(e) {
+      checkUserInputboxIsAllSelected(e);
+    }
+  })))) : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("input", _extends({
     ref: valueInputRef,
     tabIndex: -1,
     type: "hidden",
@@ -5642,7 +5669,9 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
   }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
     ref: blinkingCursorPosDivRef,
     className: (0,cls.combinedCls)('custom-select-multi__control-blinking-cursor', {
-      'animated': generateInputFocusStr() === BLINKING_CURSOR_STR
+      'animated': generateInputFocusStr() === BLINKING_CURSOR_STR,
+      // Select all highlights (for "Single selection")
+      'selected': userInputboxIsAllSelected
     })
   }, controlTempValue || controlTempValue === '' ? controlTempValue.length === 0 ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
     className: "".concat(!hideBlinkingCursor() ? 'control-placeholder' : '')

package/lib/cjs/Accordion/index.js

@@ -895,7 +895,7 @@ var external_root_React_commonjs2_react_commonjs_react_amd_react_default = /*#__
 // EXTERNAL MODULE: ../Utils/dist/cjs/cls.js
 var cls = __webpack_require__(188);
 ;// CONCATENATED MODULE: ./src/AccordionItem.tsx
-var _excluded = ["heightObserver", "index", "animSpeed", "easeType", "arrowOnly", "itemClassName", "itemContentWrapperClassName", "itemContentClassName", "itemTriggerClassName", "itemHeaderClassName", "itemTriggerIcon", "itemStyle", "defaultActive", "title", "onToggleEv", "onTransitionEnd", "onItemCollapse", "isExpanded", "children"];
+var _excluded = ["heightObserver", "index", "animSpeed", "easeType", "arrowOnly", "itemClassName", "itemContentWrapperClassName", "itemContentClassName", "itemTriggerClassName", "itemHeaderClassName", "itemTriggerIcon", "itemStyle", "activeItem", "title", "onToggleEv", "onTransitionEnd", "onItemCollapse", "isExpanded", "children"];
 function _extends() { _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 _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -920,7 +920,7 @@ var AccordionItem = function AccordionItem(props) {
     itemHeaderClassName = props.itemHeaderClassName,
     itemTriggerIcon = props.itemTriggerIcon,
     itemStyle = props.itemStyle,
-    defaultActive = props.defaultActive,
+    activeItem = props.activeItem,
     title = props.title,
     onToggleEv = props.onToggleEv,
     onTransitionEnd = props.onTransitionEnd,
@@ -964,18 +964,18 @@ var AccordionItem = function AccordionItem(props) {
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (contentWrapperRef.current && !initialHeightSet.current) {
       initialHeightSet.current = true;
-      var shouldBeExpanded = typeof defaultActive !== 'undefined' && defaultActive !== false;
+      var shouldBeExpanded = typeof activeItem !== 'undefined' && activeItem !== false;
       if (controlledExpanded === undefined) {
         setInternalExpanded(shouldBeExpanded);
       }
 
-      // Set initial height when defaultActive is true
+      // Set initial height when activeItem is true
       if (shouldBeExpanded && contentRef.current) {
         var contentHeight = contentRef.current.offsetHeight;
         contentWrapperRef.current.style.height = "".concat(contentHeight, "px");
       }
     }
-  }, [defaultActive, controlledExpanded]);
+  }, [activeItem, controlledExpanded]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (parseFloat(heightObserver) !== index) return;
 
@@ -1089,6 +1089,7 @@ var Accordion = function Accordion(props) {
   var animSpeed = duration || 200;
   var easeType = typeof alternateCollapse === 'undefined' ? EasingList['linear'] : EasingList[easing];
   var rootRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var animPlaceholderRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
     _useState2 = Accordion_slicedToArray(_useState, 2),
     animOK = _useState2[0],
@@ -1113,9 +1114,7 @@ var Accordion = function Accordion(props) {
     var $li = reactDomWrapperEl.querySelectorAll('.custom-accordion-item');
     var $allContent = reactDomWrapperEl.querySelectorAll('.custom-accordion-content__wrapper');
     var $curContent = reactDomEl.querySelector('.custom-accordion-content__wrapper');
-    var $trigger = reactDomEl.querySelector('.custom-accordion-trigger');
     if (reactDomEl.getAttribute('aria-expanded') === 'false' || reactDomEl.getAttribute('aria-expanded') === null) {
-      var _curIndex;
       setAnimOK(true);
       setTimeout(function () {
         setAnimOK(false);
@@ -1148,12 +1147,6 @@ var Accordion = function Accordion(props) {
         });
       }
       reactDomEl.setAttribute('aria-expanded', 'true');
-
-      // Call onTriggerChange if it exists in the child props
-      var childProps = (_curIndex = children[curIndex]) === null || _curIndex === void 0 ? void 0 : _curIndex.props;
-      if (typeof (childProps === null || childProps === void 0 ? void 0 : childProps.onTriggerChange) === 'function' && $trigger) {
-        childProps.onTriggerChange($trigger, true);
-      }
       anim_default()($curContent, {
         startHeight: 0,
         endHeight: $curContent.scrollHeight,
@@ -1163,15 +1156,8 @@ var Accordion = function Accordion(props) {
         animationInProgress.current = false;
       });
     } else {
-      var _curIndex2;
       reactDomEl.setAttribute('aria-expanded', 'false');
 
-      // Call onTriggerChange if it exists in the child props
-      var _childProps = (_curIndex2 = children[curIndex]) === null || _curIndex2 === void 0 ? void 0 : _curIndex2.props;
-      if (typeof (_childProps === null || _childProps === void 0 ? void 0 : _childProps.onTriggerChange) === 'function' && $trigger) {
-        _childProps.onTriggerChange($trigger, false);
-      }
-
       // Remove current item from expanded items
       setExpandedItems(function (prev) {
         var newSet = new Set(prev);
@@ -1191,7 +1177,7 @@ var Accordion = function Accordion(props) {
 
   // Initialize expanded items based on defaultActiveIndex or defaultActiveAll
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (defaultActiveAll && children && rootRef.current) {
+    if (defaultActiveAll && children && rootRef.current && animPlaceholderRef.current) {
       var allIndices = Array.from({
         length: children.length
       }, function (_, i) {
@@ -1202,22 +1188,19 @@ var Accordion = function Accordion(props) {
       // Actually expand all items without animation
       var $allItems = rootRef.current.querySelectorAll('.custom-accordion-item');
       Array.prototype.forEach.call($allItems, function (node, index) {
-        var _index;
-        node.setAttribute('aria-expanded', 'true');
         var $curContent = node.querySelector('.custom-accordion-content__wrapper');
-        var $trigger = node.querySelector('.custom-accordion-trigger');
-
-        // Call onTriggerChange if it exists in the child props
-        var childProps = (_index = children[index]) === null || _index === void 0 ? void 0 : _index.props;
-        if (typeof (childProps === null || childProps === void 0 ? void 0 : childProps.onTriggerChange) === 'function' && $trigger) {
-          childProps.onTriggerChange($trigger, true);
-        }
-
-        // Directly set height without animation
         if ($curContent) {
-          $curContent.style.height = "".concat($curContent.scrollHeight, "px");
+          // !!! Don't use the .custom-accordion-contentwrapper height directly, it may be more than a dozen pixels
+          $curContent.style.height = "".concat(node.querySelector('.custom-accordion-content__wrapper > .custom-accordion-content').scrollHeight, "px");
         }
       });
+      anim_default()(animPlaceholderRef.current, {
+        startHeight: 0,
+        endHeight: 10,
+        speed: animSpeed
+      }, easeType, function () {
+        setTimeout(function () {}, animSpeed);
+      });
     } else if (defaultActiveIndex !== undefined) {
       var initialExpanded = new Set();
       if (Array.isArray(defaultActiveIndex)) {
@@ -1231,6 +1214,12 @@ var Accordion = function Accordion(props) {
     }
   }, [defaultActiveIndex, defaultActiveAll, children]);
   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("div", {
+    className: "custom-accordion-anim-placeholder",
+    style: {
+      display: 'none'
+    },
+    ref: animPlaceholderRef
+  }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
     className: (0,cls.combinedCls)('custom-accordion-item', (0,cls.clsWrite)(wrapperClassName, 'accordion')),
     role: "tablist",
     ref: rootRef
@@ -1245,10 +1234,11 @@ var Accordion = function Accordion(props) {
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(src_AccordionItem, Accordion_extends({
       key: "item" + i,
       index: i,
+      defaultActiveAll: defaultActiveAll,
       animSpeed: animSpeed,
       arrowOnly: arrowOnly,
       heightObserver: heightObserver,
-      defaultActive: _defaultActive,
+      activeItem: _defaultActive,
       onToggleEv: handleClickItem,
       isExpanded: expandedItems.has(i) // Both controlled and uncontrolled modes are implemented
     }, childProps));

package/lib/cjs/LiveSearch/index.d.ts

@@ -18,7 +18,6 @@ export declare type LiveSearchProps = {
     exceededSidePosOffset?: number;
     appearance?: string;
     isSearchInput?: boolean;
-    allowSpacingRetrive?: boolean;
     loader?: React.ReactNode;
     value?: string;
     label?: React.ReactNode | string;