funda-ui 4.7.125 → 4.7.150

package/SplitterPanel/index.js

@@ -446,7 +446,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
          */
 
         var useIsMobile = function useIsMobile() {
-          var breakpoint = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 768;
+          var breakpoint = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 600;
           var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
             _useState2 = _slicedToArray(_useState, 2),
             isMobile = _useState2[0],
@@ -459,8 +459,72 @@ 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) {
-                setIsMobile(window.innerWidth <= breakpoint);
+              if (typeof window !== 'undefined') {
+                var detectDeviceType = function detectDeviceType() {
+                  // 1. First check if window and navigator are available (SSR compatibility)
+                  if (typeof window === 'undefined' || typeof navigator === 'undefined') {
+                    return 'desktop'; // Default to desktop
+                  }
+
+                  // 2. Get user agent string
+                  var ua = navigator.userAgent.toLowerCase();
+
+                  // 3. Get platform info
+                  var platform = navigator.platform ? navigator.platform.toLowerCase() : '';
+
+                  // 4. Check screen characteristics using window.matchMedia
+                  var isTouch = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
+                  var isPortrait = window.matchMedia('(orientation: portrait)').matches;
+                  var isLandscape = window.matchMedia('(orientation: landscape)').matches;
+
+                  // 5. Get screen dimensions
+                  var screenWidth = window.screen.width;
+                  var screenHeight = window.screen.height;
+                  var minScreenSize = Math.min(screenWidth, screenHeight);
+                  var maxScreenSize = Math.max(screenWidth, screenHeight);
+
+                  // Define device characteristics
+                  var isTablet =
+                  // Traditional UA detection
+                  /ipad/.test(ua) || /android/.test(ua) && !/mobile/.test(ua) || /tablet/.test(ua) || /playbook/.test(ua) || /nexus (7|9|10)/.test(ua) || /sm-t/.test(ua) || /huawei(.*)mediapad/.test(ua) ||
+                  // Special detection for iPad Pro and newer iPads
+                  navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1 ||
+                  // Screen size characteristics (tablets typically fall within this range)
+                  minScreenSize >= breakpoint && maxScreenSize <= 1366 && isTouch ||
+                  // Specific device detection
+                  /kindle|silk|kftt|kfot|kfjwa|kfjwi|kfsowi|kfthwa|kfthwi|kfapwa|kfapwi/i.test(ua);
+                  var isMobile = !isTablet && (
+                  // Prevent tablets from being detected as phones
+                  // Traditional mobile device detection
+                  /iphone|ipod|android.*mobile|windows phone|mobi/.test(ua) ||
+                  // Screen size characteristics (phones typically smaller than 600px)
+                  minScreenSize < breakpoint && isTouch ||
+                  // Additional mobile device detection
+                  /blackberry|\bbb\d+|meego|webos|palm|phone|pocket|mobile|mini|iemobile/i.test(ua));
+
+                  // 6. Comprehensive decision logic
+                  if (isMobile) {
+                    // Additional check for small tablets
+                    if (maxScreenSize >= 1024 && isTouch) {
+                      return 'tablet';
+                    }
+                    return 'mobile';
+                  }
+                  if (isTablet) {
+                    // Additional check for touch-enabled laptops
+                    if (maxScreenSize > 1366 && /windows/.test(ua)) {
+                      return 'desktop';
+                    }
+                    return 'tablet';
+                  }
+
+                  // 7. Check for touch-enabled laptops
+                  if (isTouch && /windows/.test(ua) && maxScreenSize > 1366) {
+                    return 'desktop';
+                  }
+                  return 'desktop';
+                };
+                setIsMobile(detectDeviceType() === 'mobile');
               }
             };
 

package/Switch/index.js

@@ -533,7 +533,7 @@ var Switch = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(func
   var uniqueID = funda_utils_dist_cjs_useComId__WEBPACK_IMPORTED_MODULE_1___default()();
   var idRes = id || uniqueID;
   var rootRef = (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"
@@ -569,7 +569,9 @@ var Switch = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(func
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
   }
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    setVal(checked);
+    if (typeof checked === 'boolean') {
+      setVal(checked);
+    }
   }, [checked]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(wrapperClassName, 'mb-3 position-relative'),

package/Utils/format-string.d.ts

@@ -32,13 +32,14 @@ declare function trimAll(input: string): string;
  */
 declare function multiSpacesToSingle(input: string): string;
 /**
- * Convert HTML text to plain text
+ * Convert HTML text to plain text (Remove html tag content)
  * @param {string} input - The input string to process
  * @returns {string} The processed string
  */
 declare function htmlToPlain(input: string): string;
 /**
  * Strip HTML tags and their content
+ * !!!Important: It will remove nested tags
  * @param {string} input - The input string to process
  * @returns {string} The processed string
  */

package/Utils/format-string.js

@@ -67,7 +67,7 @@ __webpack_require__.r(__webpack_exports__);
  * @returns {string} The processed string
  */
 function rmSpec(input) {
-  return input.replace(/[^a-zA-Z0-9 \u4E00-\u9FFF]/g, "");
+  return input === null || input === void 0 ? void 0 : input.replace(/[^a-zA-Z0-9 \u4E00-\u9FFF]/g, "");
 }
 
 /**
@@ -76,7 +76,7 @@ function rmSpec(input) {
  * @returns {string} The processed string
  */
 function onlyNumAndLetter(input) {
-  return input.replace(/[^a-zA-Z0-9 ]/g, "");
+  return input === null || input === void 0 ? void 0 : input.replace(/[^a-zA-Z0-9 ]/g, "");
 }
 
 /**
@@ -85,7 +85,7 @@ function onlyNumAndLetter(input) {
  * @returns {string} The processed string
  */
 function rmAllSpace(input) {
-  return input.replace(/\s/g, "");
+  return input === null || input === void 0 ? void 0 : input.replace(/\s/g, "");
 }
 
 /**
@@ -94,7 +94,7 @@ function rmAllSpace(input) {
  * @returns {string} The processed string
  */
 function trimAll(input) {
-  return input.replace(/(^\s+)|(\s+$)/g, "");
+  return input === null || input === void 0 ? void 0 : input.replace(/(^\s+)|(\s+$)/g, "");
 }
 
 /**
@@ -103,25 +103,35 @@ function trimAll(input) {
  * @returns {string} The processed string
  */
 function multiSpacesToSingle(input) {
-  return input.replace(/\s+(\W)/g, ' ');
+  return input === null || input === void 0 ? void 0 : input.replace(/\s+(\W)/g, ' ');
 }
 
 /**
- * Convert HTML text to plain text
+ * Convert HTML text to plain text (Remove html tag content)
  * @param {string} input - The input string to process
  * @returns {string} The processed string
  */
+/*
+Examples:
+console.log(htmlToPlain("<p>Hello <b>World</b></p>"));   // Hello World
+*/
 function htmlToPlain(input) {
-  return input.replace(/(<([^>]+)>)/ig, '');
+  return input === null || input === void 0 ? void 0 : input.replace(/(<([^>]+)>)/ig, '');
 }
 
 /**
- * Strip HTML tags and their content
+ * Strip HTML tags and their content 
+ * !!!Important: It will remove nested tags
  * @param {string} input - The input string to process
  * @returns {string} The processed string
  */
+/*
+Examples:
+console.log(stripTagsAndContent("<p>Hello <b>World</b></p>"));  // World
+console.log(stripTagsAndContent("Hello <b>World</b>"));  // Hello
+*/
 function stripTagsAndContent(input) {
-  return input.replace(/<\/?[^>]+(>|$)(.*?)<\/?[^>]+(>|$)/ig, '');
+  return input === null || input === void 0 ? void 0 : input.replace(/<\/?[^>]+(>|$)(.*?)<\/?[^>]+(>|$)/ig, '');
 }
 
 /**
@@ -130,7 +140,7 @@ function stripTagsAndContent(input) {
  * @returns {string} The processed URL
  */
 function removeFirstLastSlash(input) {
-  return input.replace(/^\/|\/$/g, '');
+  return input === null || input === void 0 ? void 0 : input.replace(/^\/|\/$/g, '');
 }
 
 /**
@@ -139,7 +149,7 @@ function removeFirstLastSlash(input) {
  * @returns {string} The processed URL
  */
 function removeTrailingSlash(input) {
-  return input.replace(/\/+$/, '');
+  return input === null || input === void 0 ? void 0 : input.replace(/\/+$/, '');
 }
 
 /**
@@ -148,7 +158,7 @@ function removeTrailingSlash(input) {
  * @returns {string} The processed URL
  */
 function removeFirstSlash(input) {
-  return input.replace(/\//, '');
+  return input === null || input === void 0 ? void 0 : input.replace(/\//, '');
 }
 
 /******/ 	return __webpack_exports__;

package/Utils/time.d.ts

@@ -17,18 +17,18 @@ declare function getTimeslots(startTime: string, endTime: string, timeInterval:
  * @param  {Date} endDate  -  ebd date
  * @returns Number
  */
-declare function getMinutesBetweenDates(startDate: any, endDate: any): number;
+declare function getMinutesBetweenDates(startDate: Date, endDate: Date): number;
 /**
  * Get minutes between two time
  * @param  {String} startTime  -  start time
  * @param  {String} endTime  -  ebd time
  * @returns Number
  */
-declare function getMinutesBetweenTime(startTime: any, endTime: any): string;
+declare function getMinutesBetweenTime(startTime: string, endTime: string): string;
 /**
  * Convert HH:MM:SS into minute
  * @param  {String} timeStr  -  time string
  * @returns Number
  */
-declare function convertTimeToMin(timeStr: any): number;
+declare function convertTimeToMin(timeStr: string): number;
 export { getTimeslots, getMinutesBetweenDates, getMinutesBetweenTime, convertTimeToMin };

package/Utils/useIsMobile.js

@@ -127,7 +127,7 @@ const App = () => {
  */
 
 var useIsMobile = function useIsMobile() {
-  var breakpoint = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 768;
+  var breakpoint = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 600;
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     isMobile = _useState2[0],
@@ -140,8 +140,72 @@ var useIsMobile = function useIsMobile() {
     // Set the mounted state to true after the component has mounted
     setIsMounted(true);
     var handleResize = function handleResize() {
-      if (window) {
-        setIsMobile(window.innerWidth <= breakpoint);
+      if (typeof window !== 'undefined') {
+        var detectDeviceType = function detectDeviceType() {
+          // 1. First check if window and navigator are available (SSR compatibility)
+          if (typeof window === 'undefined' || typeof navigator === 'undefined') {
+            return 'desktop'; // Default to desktop
+          }
+
+          // 2. Get user agent string
+          var ua = navigator.userAgent.toLowerCase();
+
+          // 3. Get platform info
+          var platform = navigator.platform ? navigator.platform.toLowerCase() : '';
+
+          // 4. Check screen characteristics using window.matchMedia
+          var isTouch = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
+          var isPortrait = window.matchMedia('(orientation: portrait)').matches;
+          var isLandscape = window.matchMedia('(orientation: landscape)').matches;
+
+          // 5. Get screen dimensions
+          var screenWidth = window.screen.width;
+          var screenHeight = window.screen.height;
+          var minScreenSize = Math.min(screenWidth, screenHeight);
+          var maxScreenSize = Math.max(screenWidth, screenHeight);
+
+          // Define device characteristics
+          var isTablet =
+          // Traditional UA detection
+          /ipad/.test(ua) || /android/.test(ua) && !/mobile/.test(ua) || /tablet/.test(ua) || /playbook/.test(ua) || /nexus (7|9|10)/.test(ua) || /sm-t/.test(ua) || /huawei(.*)mediapad/.test(ua) ||
+          // Special detection for iPad Pro and newer iPads
+          navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1 ||
+          // Screen size characteristics (tablets typically fall within this range)
+          minScreenSize >= breakpoint && maxScreenSize <= 1366 && isTouch ||
+          // Specific device detection
+          /kindle|silk|kftt|kfot|kfjwa|kfjwi|kfsowi|kfthwa|kfthwi|kfapwa|kfapwi/i.test(ua);
+          var isMobile = !isTablet && (
+          // Prevent tablets from being detected as phones
+          // Traditional mobile device detection
+          /iphone|ipod|android.*mobile|windows phone|mobi/.test(ua) ||
+          // Screen size characteristics (phones typically smaller than 600px)
+          minScreenSize < breakpoint && isTouch ||
+          // Additional mobile device detection
+          /blackberry|\bbb\d+|meego|webos|palm|phone|pocket|mobile|mini|iemobile/i.test(ua));
+
+          // 6. Comprehensive decision logic
+          if (isMobile) {
+            // Additional check for small tablets
+            if (maxScreenSize >= 1024 && isTouch) {
+              return 'tablet';
+            }
+            return 'mobile';
+          }
+          if (isTablet) {
+            // Additional check for touch-enabled laptops
+            if (maxScreenSize > 1366 && /windows/.test(ua)) {
+              return 'desktop';
+            }
+            return 'tablet';
+          }
+
+          // 7. Check for touch-enabled laptops
+          if (isTouch && /windows/.test(ua) && maxScreenSize > 1366) {
+            return 'desktop';
+          }
+          return 'desktop';
+        };
+        setIsMobile(detectDeviceType() === 'mobile');
       }
     };
 

package/all.d.ts

@@ -29,6 +29,7 @@ export const NumberInput: any;
 export const Pagination: any;
 export const Radio: any;
 export const RangeSlider: any;
+export const Refresher: any;
 export const RootPortal: any;
 export const ScrollReveal: any;
 export const Scrollbar: any;

package/all.js

@@ -31,6 +31,7 @@ exports.NumberInput = _interopRequireDefault(require("./NumberInput")).default;
 exports.Pagination = _interopRequireDefault(require("./Pagination")).default;
 exports.Radio = _interopRequireDefault(require("./Radio")).default;
 exports.RangeSlider = _interopRequireDefault(require("./RangeSlider")).default;
+exports.Refresher = _interopRequireDefault(require("./Refresher")).default;
 exports.RootPortal = _interopRequireDefault(require("./RootPortal")).default;
 exports.ScrollReveal = _interopRequireDefault(require("./ScrollReveal")).default;
 exports.Scrollbar = _interopRequireDefault(require("./Scrollbar")).default;

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

@@ -5,6 +5,8 @@ export declare type CascadingSelectProps = {
     wrapperClassName?: string;
     controlClassName?: string;
     controlExClassName?: string;
+    searchable?: boolean;
+    searchPlaceholder?: string;
     perColumnHeadersShow?: boolean;
     exceededSidePosOffset?: number;
     value?: string;