funda-ui 4.7.133 → 4.7.152

package/Checkbox/index.js

@@ -537,7 +537,7 @@ var Checkbox = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
   var idRes = id || uniqueID;
   var rootRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   var valRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)( false || false),
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     val = _useState2[0],
     setVal = _useState2[1]; // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
@@ -599,7 +599,9 @@ var Checkbox = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
   }
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     // default value
-    setVal(checked);
+    if (typeof checked === 'boolean') {
+      setVal(checked);
+    }
 
     // Set a checkbox to indeterminate state
     if (typeof indeterminate !== 'undefined') {

package/LiveSearch/index.js

@@ -2827,6 +2827,7 @@ var LiveSearch = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(
     onBlur = props.onBlur,
     _onPressEnter = props.onPressEnter,
     attributes = _objectWithoutProperties(props, _excluded);
+  var QUERY_STRING_PLACEHOLDER = '------'; // Invalid parameters for the first automatic request
   var DEPTH = depth || 1055; // the default value same as bootstrap
   var POS_OFFSET = 0;
   var EXCEEDED_SIDE_POS_OFFSET = Number(exceededSidePosOffset) || 15;
@@ -3478,7 +3479,7 @@ var LiveSearch = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(
     //--------------
     var _oparams = fetchFuncMethodParams || [];
     var _params = _oparams.map(function (item) {
-      return item !== '$QUERY_STRING' ? item : fetchTrigger && !fetchUpdate ? '' : fetchUpdate ? '------' : fetchTrigger ? '------' : '';
+      return item !== '$QUERY_STRING' ? item : fetchTrigger && !fetchUpdate ? '' : fetchUpdate ? QUERY_STRING_PLACEHOLDER : fetchTrigger ? QUERY_STRING_PLACEHOLDER : '';
     });
     if (!firstFetch) {
       fetchData(_params.join(','));

package/Refresher/index.js

@@ -245,10 +245,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             // Set the mounted state to true after the component has mounted
             setIsMounted(true);
             var handleResize = function handleResize() {
-              if (window) {
+              if (typeof window !== 'undefined') {
                 var detectDeviceType = function detectDeviceType() {
                   // 1. First check if window and navigator are available (SSR compatibility)
-                  if (typeof window === 'undefined' || !navigator) {
+                  if (typeof window === 'undefined' || typeof navigator === 'undefined') {
                     return 'desktop'; // Default to desktop
                   }
 
@@ -256,7 +256,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
                   var ua = navigator.userAgent.toLowerCase();
 
                   // 3. Get platform info
-                  var platform = navigator.platform.toLowerCase();
+                  var platform = navigator.platform ? navigator.platform.toLowerCase() : '';
 
                   // 4. Check screen characteristics using window.matchMedia
                   var isTouch = 'ontouchstart' in window || navigator.maxTouchPoints > 0;

package/Select/index.css

@@ -56,6 +56,8 @@
 .custom-select__wrapper .custom-select-multi__control-blinking-cursor {
   display: inline-block;
   color: var(--cus-sel-placeholder-color);
+  width: 100%;
+  /* Text preview */
 }
 .custom-select__wrapper .custom-select-multi__control-blinking-cursor.animated {
   animation: 1s mf-sel-blink step-end infinite;
@@ -63,6 +65,13 @@
 .custom-select__wrapper .custom-select-multi__control-blinking-cursor.control-placeholder {
   color: var(--cus-sel-input-placeholder-color);
 }
+.custom-select__wrapper .custom-select-multi__control-blinking-cursor > span {
+  display: inline-block;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  max-width: 100%;
+}
 .custom-select__wrapper .custom-select-multi__control-blinking-following-cursor {
   position: absolute;
   top: 0.375rem;
@@ -269,9 +278,12 @@
   --cus-sel-listgroup-content-scrollbar-w: 10px;
   --cus-sel-listgroup-grouptitle-color: #a2a2a2;
   --cus-sel-listgroup-groupborder-color: #d8d8d8;
+  --cus-sel-loader-color: #000000;
   display: none;
   min-width: var(--cus-sel-listgroup-popwin-min-width);
   z-index: 1055; /* --bs-modal-zindex */
+  /*------ Loader ------*/
+  /*------ Options ------*/
   /*------ Multiple selection ------*/
   /*------ Group ------*/
   /*------ Extended buttons of Multiple selection ------*/
@@ -280,6 +292,27 @@
 .custom-select__options-wrapper.active {
   display: block !important;
 }
+.custom-select__options-wrapper .cus-select-loader {
+  pointer-events: none;
+  z-index: 1;
+  width: 12px;
+  height: 12px;
+  text-align: center;
+  transform-origin: center;
+  transform: translate(-5px, 0) rotate(0);
+  animation: 1s linear infinite cus-select__spinner;
+}
+.custom-select__options-wrapper .cus-select-loader svg {
+  vertical-align: top;
+}
+.custom-select__options-wrapper .cus-select-loader svg path {
+  fill: var(--cus-sel-loader-color);
+}
+@keyframes cus-select__spinner {
+  to {
+    transform: translate(-5px, 0) rotate(-360deg);
+  }
+}
 .custom-select__options-wrapper .custom-select__options-contentlist {
   overflow: hidden;
   overflow-y: auto;

package/Select/index.d.ts

@@ -58,6 +58,7 @@ export declare type SelectProps = {
     placeholder?: string;
     options?: OptionConfig[] | string;
     lockBodyScroll?: boolean;
+    loader?: React.ReactNode;
     hierarchical?: boolean;
     indentation?: string;
     doubleIndent?: boolean;