@hanzogui/react-native-web-lite 3.0.6 → 4.4.0

package/dist/cjs/Modal/ModalPortal.cjs

@@ -2,51 +2,62 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var ModalPortal_exports = {};
 __export(ModalPortal_exports, {
   ModalPortal: () => ModalPortal
 });
 module.exports = __toCommonJS(ModalPortal_exports);
-var React = __toESM(require("react"), 1),
-  import_react_dom = __toESM(require("react-dom"), 1),
-  import_react_native_web_internals = require("@hanzogui/react-native-web-internals");
+var React = __toESM(require("react"), 1);
+var import_react_dom = __toESM(require("react-dom"), 1);
+var import_react_native_web_internals = require("@hanzogui/react-native-web-internals");
 function ModalPortal(props) {
-  var children = props.children,
-    elementRef = React.useRef(null);
+  var children = props.children;
+  var elementRef = React.useRef(null);
   if (import_react_native_web_internals.canUseDOM && !elementRef.current) {
     var element = document.createElement("div");
-    element && document.body && (document.body.appendChild(element), elementRef.current = element);
+    if (element && document.body) {
+      document.body.appendChild(element);
+      elementRef.current = element;
+    }
   }
-  return React.useEffect(() => {
-    if (import_react_native_web_internals.canUseDOM) return () => {
-      document.body && elementRef.current && (document.body.removeChild(elementRef.current), elementRef.current = null);
-    };
-  }, []), elementRef.current && import_react_native_web_internals.canUseDOM ? /* @__PURE__ */import_react_dom.default.createPortal(children, elementRef.current) : null;
+  React.useEffect(() => {
+    if (import_react_native_web_internals.canUseDOM) {
+      return () => {
+        if (document.body && elementRef.current) {
+          document.body.removeChild(elementRef.current);
+          elementRef.current = null;
+        }
+      };
+    }
+  }, []);
+  return elementRef.current && import_react_native_web_internals.canUseDOM ? /* @__PURE__ */import_react_dom.default.createPortal(children, elementRef.current) : null;
 }

package/dist/cjs/Modal/index.cjs

@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var Modal_exports = {};
 __export(Modal_exports, {

package/dist/cjs/NativeModules/index.cjs

@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var NativeModules_exports = {};
 __export(NativeModules_exports, {

package/dist/cjs/PanResponder/index.cjs

@@ -2,33 +2,35 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var PanResponder_exports = {};
 __export(PanResponder_exports, {
   PanResponder: () => import_PanResponder.default

package/dist/cjs/PixelRatio/index.cjs

@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var PixelRatio_exports = {};
 __export(PixelRatio_exports, {

package/dist/cjs/Pressable/index.cjs

@@ -4,141 +4,169 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var Pressable_exports = {};
 __export(Pressable_exports, {
   Pressable: () => PressableComponent,
   default: () => Pressable_default
 });
 module.exports = __toCommonJS(Pressable_exports);
-var import_react_native_use_pressable = require("@hanzogui/react-native-use-pressable"),
-  React = __toESM(require("react"), 1),
-  import_react = require("react"),
-  import_react_native_web_internals = require("@hanzogui/react-native-web-internals"),
-  import_react_native_web_internals2 = require("@hanzogui/react-native-web-internals"),
-  import_View = require("../View/index.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_react_native_use_pressable = require("@hanzogui/react-native-use-pressable");
+var React = __toESM(require("react"), 1);
+var import_react = require("react");
+var import_react_native_web_internals = require("@hanzogui/react-native-web-internals");
+var import_react_native_web_internals2 = require("@hanzogui/react-native-web-internals");
+var import_View = require("../View/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
 function Pressable(props, forwardedRef) {
   const {
-      children,
-      delayLongPress,
-      delayPressIn,
-      delayPressOut,
-      disabled,
-      focusable,
-      onBlur,
-      onContextMenu,
-      onFocus,
-      onHoverIn,
-      onHoverOut,
-      onKeyDown,
-      onLongPress,
-      onPress,
-      onPressMove,
-      onPressIn,
-      onPressOut,
-      style,
-      testOnly_hovered,
-      testOnly_pressed,
-      ...rest
-    } = props,
-    [hovered, setHovered] = useForceableState(testOnly_hovered === !0),
-    [focused, setFocused] = useForceableState(!1),
-    [pressed, setPressed] = useForceableState(testOnly_pressed === !0),
-    hostRef = (0, import_react.useRef)(null),
-    setRef = (0, import_react_native_web_internals2.useMergeRefs)(forwardedRef, hostRef),
-    pressConfig = (0, import_react.useMemo)(() => ({
-      delayLongPress,
-      delayPressStart: delayPressIn,
-      delayPressEnd: delayPressOut,
-      disabled,
-      onLongPress,
-      onPress,
-      onPressChange: setPressed,
-      onPressStart: onPressIn,
-      onPressMove,
-      onPressEnd: onPressOut
-    }), [delayLongPress, delayPressIn, delayPressOut, disabled, onLongPress, onPress, onPressIn, onPressMove, onPressOut, setPressed]),
-    pressEventHandlers = (0, import_react_native_use_pressable.usePressEvents)(hostRef, pressConfig),
-    {
-      onContextMenu: onContextMenuPress,
-      onKeyDown: onKeyDownPress
-    } = pressEventHandlers;
+    children,
+    delayLongPress,
+    delayPressIn,
+    delayPressOut,
+    disabled,
+    focusable,
+    onBlur,
+    onContextMenu,
+    onFocus,
+    onHoverIn,
+    onHoverOut,
+    onKeyDown,
+    onLongPress,
+    onPress,
+    onPressMove,
+    onPressIn,
+    onPressOut,
+    style,
+    testOnly_hovered,
+    testOnly_pressed,
+    ...rest
+  } = props;
+  const [hovered, setHovered] = useForceableState(testOnly_hovered === true);
+  const [focused, setFocused] = useForceableState(false);
+  const [pressed, setPressed] = useForceableState(testOnly_pressed === true);
+  const hostRef = (0, import_react.useRef)(null);
+  const setRef = (0, import_react_native_web_internals2.useMergeRefs)(forwardedRef, hostRef);
+  const pressConfig = (0, import_react.useMemo)(() => ({
+    delayLongPress,
+    delayPressStart: delayPressIn,
+    delayPressEnd: delayPressOut,
+    disabled,
+    onLongPress,
+    onPress,
+    onPressChange: setPressed,
+    onPressStart: onPressIn,
+    onPressMove,
+    onPressEnd: onPressOut
+  }), [delayLongPress, delayPressIn, delayPressOut, disabled, onLongPress, onPress, onPressIn, onPressMove, onPressOut, setPressed]);
+  const pressEventHandlers = (0, import_react_native_use_pressable.usePressEvents)(hostRef, pressConfig);
+  const {
+    onContextMenu: onContextMenuPress,
+    onKeyDown: onKeyDownPress
+  } = pressEventHandlers;
   (0, import_react_native_web_internals2.useHover)(hostRef, {
-    contain: !0,
+    contain: true,
     disabled,
     onHoverChange: setHovered,
     onHoverStart: onHoverIn,
     onHoverEnd: onHoverOut
   });
   const interactionState = {
-      hovered,
-      focused,
-      pressed
-    },
-    blurHandler = React.useCallback(e => {
-      disabled || e.nativeEvent.target === hostRef.current && (setFocused(!1), onBlur?.(e));
-    }, [disabled, hostRef, setFocused, onBlur]),
-    focusHandler = React.useCallback(e => {
-      disabled || e.nativeEvent.target === hostRef.current && (setFocused(!0), onFocus?.(e));
-    }, [disabled, hostRef, setFocused, onFocus]),
-    contextMenuHandler = React.useCallback(e => {
-      onContextMenuPress?.(e), onContextMenu?.(e);
-    }, [onContextMenu, onContextMenuPress]),
-    keyDownHandler = React.useCallback(e => {
-      onKeyDownPress?.(e), onKeyDown?.(e);
-    }, [onKeyDown, onKeyDownPress]);
+    hovered,
+    focused,
+    pressed
+  };
+  const blurHandler = React.useCallback(e => {
+    if (disabled) {
+      return;
+    }
+    if (e.nativeEvent.target === hostRef.current) {
+      setFocused(false);
+      if (onBlur != null) {
+        onBlur(e);
+      }
+    }
+  }, [disabled, hostRef, setFocused, onBlur]);
+  const focusHandler = React.useCallback(e => {
+    if (disabled) {
+      return;
+    }
+    if (e.nativeEvent.target === hostRef.current) {
+      setFocused(true);
+      if (onFocus != null) {
+        onFocus(e);
+      }
+    }
+  }, [disabled, hostRef, setFocused, onFocus]);
+  const contextMenuHandler = React.useCallback(e => {
+    if (onContextMenuPress != null) {
+      onContextMenuPress(e);
+    }
+    if (onContextMenu != null) {
+      onContextMenu(e);
+    }
+  }, [onContextMenu, onContextMenuPress]);
+  const keyDownHandler = React.useCallback(e => {
+    if (onKeyDownPress != null) {
+      onKeyDownPress(e);
+    }
+    if (onKeyDown != null) {
+      onKeyDown(e);
+    }
+  }, [onKeyDown, onKeyDownPress]);
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.View, {
     ...rest,
     ...pressEventHandlers,
     accessibilityDisabled: disabled,
-    focusable: !disabled && focusable !== !1,
+    focusable: !disabled && focusable !== false,
     onBlur: blurHandler,
     onContextMenu: contextMenuHandler,
     onFocus: focusHandler,
     onKeyDown: keyDownHandler,
     pointerEvents: disabled ? "none" : rest.pointerEvents,
     ref: setRef,
-    style: [!disabled && styles.root, typeof style == "function" ? style(interactionState) : style],
-    children: typeof children == "function" ? children(interactionState) : children
+    style: [!disabled && styles.root, typeof style === "function" ? style(interactionState) : style],
+    children: typeof children === "function" ? children(interactionState) : children
   });
 }
 function useForceableState(forced) {
-  const [bool, setBool] = (0, import_react.useState)(!1);
+  const [bool, setBool] = (0, import_react.useState)(false);
   return [bool || forced, setBool];
 }
 const styles = import_react_native_web_internals.StyleSheet.create({
-    root: {
-      cursor: "pointer",
-      touchAction: "manipulation"
-    }
-  }),
-  PressableComponent = (0, import_react.memo)((0, import_react.forwardRef)(Pressable));
+  root: {
+    cursor: "pointer",
+    touchAction: "manipulation"
+  }
+});
+const PressableComponent = (0, import_react.memo)((0, import_react.forwardRef)(Pressable));
 PressableComponent.displayName = "Pressable";
 var Pressable_default = PressableComponent;

package/dist/cjs/RefreshControl/index.cjs

@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var RefreshControl_exports = {};
 __export(RefreshControl_exports, {
@@ -24,8 +26,8 @@ __export(RefreshControl_exports, {
   default: () => RefreshControl_default
 });
 module.exports = __toCommonJS(RefreshControl_exports);
-var import_View = require("../View/index.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_View = require("../View/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
 function RefreshControl(props) {
   const {
     /* eslint-disable */