funda-ui 4.7.125 → 4.7.133

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],
@@ -460,7 +460,71 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             setIsMounted(true);
             var handleResize = function handleResize() {
               if (window) {
-                setIsMobile(window.innerWidth <= breakpoint);
+                var detectDeviceType = function detectDeviceType() {
+                  // 1. First check if window and navigator are available (SSR compatibility)
+                  if (typeof window === 'undefined' || !navigator) {
+                    return 'desktop'; // Default to desktop
+                  }
+
+                  // 2. Get user agent string
+                  var ua = navigator.userAgent.toLowerCase();
+
+                  // 3. Get platform info
+                  var 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/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],
@@ -141,7 +141,71 @@ var useIsMobile = function useIsMobile() {
     setIsMounted(true);
     var handleResize = function handleResize() {
       if (window) {
-        setIsMobile(window.innerWidth <= breakpoint);
+        var detectDeviceType = function detectDeviceType() {
+          // 1. First check if window and navigator are available (SSR compatibility)
+          if (typeof window === 'undefined' || !navigator) {
+            return 'desktop'; // Default to desktop
+          }
+
+          // 2. Get user agent string
+          var ua = navigator.userAgent.toLowerCase();
+
+          // 3. Get platform info
+          var 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/Refresher/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+interface RefresherProps {
+    /** Pulling text */
+    pullingText?: React.ReactNode;
+    /**  Text when reaching the threshold */
+    readyToRefreshText?: React.ReactNode;
+    /** Refreshing text */
+    refreshingText?: React.ReactNode;
+    /** The pull distance (px) that triggers the refresh */
+    threshold?: number;
+    /** The height of the trigger area */
+    triggerHeight?: number;
+    /** The styles of the trigger area */
+    triggerAreaStyle?: React.CSSProperties;
+    /** Pull-down is only allowed when the scroll bar of this element is at the top. You can only fire certain actions when the scrollbar is at the top by listening to the scroll event of a given DOM element and determining if its scrollTop is 0. */
+    scrollableElementClassName?: string;
+    /** Refresh action is async */
+    onRefresh: () => Promise<void>;
+    children: React.ReactNode;
+}
+declare const Refresher: (prpps: RefresherProps) => JSX.Element;
+export default Refresher;