@hanzogui/react-native-web-lite 2.0.0-rc.41-hanzoai.5

package/dist/cjs/Clipboard/index.cjs

@@ -0,0 +1,64 @@
+var __defProp = Object.defineProperty;
+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: 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;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Clipboard_exports = {};
+__export(Clipboard_exports, {
+  Clipboard: () => Clipboard
+});
+module.exports = __toCommonJS(Clipboard_exports);
+let clipboardAvailable;
+class Clipboard {
+  static isAvailable() {
+    if (clipboardAvailable === void 0) {
+      clipboardAvailable = typeof document.queryCommandSupported === "function" && document.queryCommandSupported("copy");
+    }
+    return clipboardAvailable;
+  }
+  static getString() {
+    return Promise.resolve("");
+  }
+  static setString(text) {
+    let success = false;
+    const body = document.body;
+    if (body) {
+      const node = document.createElement("span");
+      node.textContent = text;
+      node.style.opacity = "0";
+      node.style.position = "absolute";
+      node.style.whiteSpace = "pre-wrap";
+      node.style.userSelect = "auto";
+      body.appendChild(node);
+      const selection = window.getSelection();
+      selection.removeAllRanges();
+      const range = document.createRange();
+      range.selectNodeContents(node);
+      selection.addRange(range);
+      try {
+        document.execCommand("copy");
+        success = true;
+      } catch (e) {}
+      selection.removeAllRanges();
+      body.removeChild(node);
+    }
+    return success;
+  }
+}

package/dist/cjs/DeviceEmitter.cjs

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+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: 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;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var DeviceEmitter_exports = {};
+__export(DeviceEmitter_exports, {
+  DeviceEmitter: () => DeviceEmitter
+});
+module.exports = __toCommonJS(DeviceEmitter_exports);
+var import_EventEmitter = require("./vendor/react-native/emitter/_EventEmitter.cjs");
+const DeviceEmitter = new import_EventEmitter.EventEmitter();

package/dist/cjs/DeviceInfo/index.cjs

@@ -0,0 +1,76 @@
+var __defProp = Object.defineProperty;
+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: 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;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var DeviceInfo_exports = {};
+__export(DeviceInfo_exports, {
+  DeviceInfo: () => DeviceInfo
+});
+module.exports = __toCommonJS(DeviceInfo_exports);
+var import_react_native_web_internals = require("@hanzogui/react-native-web-internals");
+var import_Dimensions = require("../Dimensions/index.cjs");
+const DeviceInfo = {
+  Dimensions: {
+    get windowPhysicalPixels() {
+      const {
+        width,
+        height,
+        fontScale,
+        scale
+      } = import_Dimensions.Dimensions.get("window");
+      return {
+        width: width * scale,
+        height: height * scale,
+        scale,
+        fontScale
+      };
+    },
+    get screenPhysicalPixels() {
+      const {
+        width,
+        height,
+        fontScale,
+        scale
+      } = import_Dimensions.Dimensions.get("screen");
+      return {
+        width: width * scale,
+        height: height * scale,
+        scale,
+        fontScale
+      };
+    }
+  },
+  get locale() {
+    if (import_react_native_web_internals.canUseDOM) {
+      if (navigator.languages) {
+        return navigator.languages[0];
+      } else {
+        return navigator.language;
+      }
+    }
+  },
+  get totalMemory() {
+    return import_react_native_web_internals.canUseDOM ? navigator.deviceMemory : void 0;
+  },
+  get userAgent() {
+    return import_react_native_web_internals.canUseDOM ? navigator.userAgent : "";
+  }
+};

package/dist/cjs/Dimensions/__tests__/index-test.cjs

@@ -0,0 +1,67 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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;
+};
+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: true
+}) : target, mod));
+var import__ = __toESM(require("../index.cjs"), 1);
+describe("apis/Dimensions/index.js", () => {
+  test("get", () => {
+    expect(import__.default.get("screen")).toMatchInlineSnapshot(`
+      {
+        "fontScale": 1,
+        "height": 0,
+        "scale": 1,
+        "width": 0,
+      }
+    `);
+    expect(import__.default.get("window")).toMatchInlineSnapshot(`
+      {
+        "fontScale": 1,
+        "height": 768,
+        "scale": 1,
+        "width": 1024,
+      }
+    `);
+  });
+  test("set", () => {
+    expect(() => import__.default.set({})).toThrow();
+  });
+  test("addEventListener", () => {
+    const handler = jest.fn();
+    const subscription = import__.default.addEventListener("change", handler);
+    import__.default._update();
+    expect(handler).toHaveBeenCalledTimes(1);
+    expect(handler).toHaveBeenLastCalledWith({
+      window: import__.default.get("window"),
+      screen: import__.default.get("screen")
+    });
+    subscription.remove();
+    import__.default._update();
+    expect(handler).toHaveBeenCalledTimes(1);
+  });
+  test("removeEventListener", () => {
+    const handler = jest.fn();
+    import__.default.removeEventListener("change", handler);
+    import__.default._update();
+    expect(handler).toHaveBeenCalledTimes(0);
+  });
+});

package/dist/cjs/Dimensions/index.cjs

@@ -0,0 +1,112 @@
+var __defProp = Object.defineProperty;
+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: 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;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Dimensions_exports = {};
+__export(Dimensions_exports, {
+  Dimensions: () => Dimensions,
+  default: () => Dimensions_default
+});
+module.exports = __toCommonJS(Dimensions_exports);
+var import_react_native_web_internals = require("@hanzogui/react-native-web-internals");
+const dimensions = {
+  window: {
+    fontScale: 1,
+    height: 0,
+    scale: 1,
+    width: 0
+  },
+  screen: {
+    fontScale: 1,
+    height: 0,
+    scale: 1,
+    width: 0
+  }
+};
+const listeners = {};
+let shouldInit = import_react_native_web_internals.canUseDOM;
+function update() {
+  if (!import_react_native_web_internals.canUseDOM) {
+    return;
+  }
+  const win = window;
+  const docEl = win.document.documentElement;
+  dimensions.window = {
+    fontScale: 1,
+    height: docEl.clientHeight,
+    scale: win.devicePixelRatio || 1,
+    width: docEl.clientWidth
+  };
+  dimensions.screen = {
+    fontScale: 1,
+    height: win.screen.height,
+    scale: win.devicePixelRatio || 1,
+    width: win.screen.width
+  };
+}
+function handleResize() {
+  update();
+  if (Array.isArray(listeners["change"])) {
+    listeners["change"].forEach(handler => handler(dimensions));
+  }
+}
+class Dimensions {
+  static get(dimension) {
+    if (shouldInit) {
+      shouldInit = false;
+      update();
+    }
+    (0, import_react_native_web_internals.invariant)(dimensions[dimension], `No dimension set for key ${dimension}`);
+    return dimensions[dimension];
+  }
+  static set(initialDimensions) {
+    if (initialDimensions) {
+      if (import_react_native_web_internals.canUseDOM) {
+        (0, import_react_native_web_internals.invariant)(false, "Dimensions cannot be set in the browser");
+      } else {
+        if (initialDimensions.screen != null) {
+          dimensions.screen = initialDimensions.screen;
+        }
+        if (initialDimensions.window != null) {
+          dimensions.window = initialDimensions.window;
+        }
+      }
+    }
+  }
+  static addEventListener(type, handler) {
+    listeners[type] = listeners[type] || [];
+    listeners[type].push(handler);
+    return {
+      remove: () => {
+        this.removeEventListener(type, handler);
+      }
+    };
+  }
+  static removeEventListener(type, handler) {
+    if (Array.isArray(listeners[type])) {
+      listeners[type] = listeners[type].filter(_handler => _handler !== handler);
+    }
+  }
+}
+if (import_react_native_web_internals.canUseDOM) {
+  window.addEventListener("resize", handleResize, false);
+}
+var Dimensions_default = Dimensions;

package/dist/cjs/FlatList.cjs

@@ -0,0 +1,241 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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: 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;
+};
+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: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var FlatList_exports = {};
+__export(FlatList_exports, {
+  FlatList: () => FlatList,
+  default: () => FlatList_default
+});
+module.exports = __toCommonJS(FlatList_exports);
+var import_react_native_web_internals = require("@hanzogui/react-native-web-internals");
+var import_memoize_one = __toESM(require("memoize-one"), 1);
+var import_react = __toESM(require("react"), 1);
+var import_deepDiffer = require("./vendor/react-native/deepDiffer/index.cjs");
+var import_VirtualizedList = require("./vendor/react-native/VirtualizedList/index.cjs");
+var import_VirtualizeUtils = require("./vendor/react-native/VirtualizeUtils/index.cjs");
+var import_View = require("./View/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function removeClippedSubviewsOrDefault(removeClippedSubviews) {
+  return removeClippedSubviews ?? import_react_native_web_internals.Platform.OS === "android";
+}
+function numColumnsOrDefault(numColumns) {
+  return numColumns ?? 1;
+}
+function isArrayLike(data) {
+  return typeof Object(data).length === "number";
+}
+class FlatList extends import_react.default.PureComponent {
+  props;
+  _listRef = null;
+  _virtualizedListPairs = [];
+  constructor(props) {
+    super(props);
+    this.props = props;
+    this._checkProps(this.props);
+    if (this.props.viewabilityConfigCallbackPairs) {
+      this._virtualizedListPairs = this.props.viewabilityConfigCallbackPairs.map(pair => ({
+        viewabilityConfig: pair.viewabilityConfig,
+        onViewableItemsChanged: this._createOnViewableItemsChanged(pair.onViewableItemsChanged)
+      }));
+    } else if (this.props.onViewableItemsChanged) {
+      this._virtualizedListPairs.push({
+        viewabilityConfig: this.props.viewabilityConfig,
+        onViewableItemsChanged: this._createOnViewableItemsChanged(this.props.onViewableItemsChanged)
+      });
+    }
+  }
+  componentDidUpdate(prevProps) {
+    (0, import_react_native_web_internals.invariant)(prevProps.numColumns === this.props.numColumns, "Changing numColumns on the fly is not supported. Change the key prop on FlatList when changing the number of columns to force a fresh render of the component.");
+    (0, import_react_native_web_internals.invariant)(prevProps.onViewableItemsChanged === this.props.onViewableItemsChanged, "Changing onViewableItemsChanged on the fly is not supported");
+    (0, import_react_native_web_internals.invariant)(!(0, import_deepDiffer.deepDiffer)(prevProps.viewabilityConfig, this.props.viewabilityConfig), "Changing viewabilityConfig on the fly is not supported");
+    (0, import_react_native_web_internals.invariant)(prevProps.viewabilityConfigCallbackPairs === this.props.viewabilityConfigCallbackPairs, "Changing viewabilityConfigCallbackPairs on the fly is not supported");
+    this._checkProps(this.props);
+  }
+  _captureRef = ref => {
+    this._listRef = ref;
+  };
+  _checkProps(props) {
+    const {
+      getItem,
+      getItemCount,
+      horizontal,
+      columnWrapperStyle,
+      onViewableItemsChanged,
+      viewabilityConfigCallbackPairs
+    } = props;
+    const numColumns = numColumnsOrDefault(this.props.numColumns);
+    (0, import_react_native_web_internals.invariant)(!getItem && !getItemCount, "FlatList does not support custom data formats.");
+    if (numColumns > 1) {
+      (0, import_react_native_web_internals.invariant)(!horizontal, "numColumns does not support horizontal.");
+    } else {
+      (0, import_react_native_web_internals.invariant)(!columnWrapperStyle, "columnWrapperStyle not supported for single column lists");
+    }
+    (0, import_react_native_web_internals.invariant)(!(onViewableItemsChanged && viewabilityConfigCallbackPairs), "FlatList does not support setting both onViewableItemsChanged and viewabilityConfigCallbackPairs.");
+  }
+  _getItem = (data, index) => {
+    const numColumns = numColumnsOrDefault(this.props.numColumns);
+    if (numColumns > 1) {
+      const ret = [];
+      for (let kk = 0; kk < numColumns; kk++) {
+        const itemIndex = index * numColumns + kk;
+        if (itemIndex < data.length) {
+          const item = data[itemIndex];
+          ret.push(item);
+        }
+      }
+      return ret;
+    } else {
+      return data[index];
+    }
+  };
+  _getItemCount = data => {
+    if (data != null && isArrayLike(data)) {
+      const numColumns = numColumnsOrDefault(this.props.numColumns);
+      return numColumns > 1 ? Math.ceil(data.length / numColumns) : data.length;
+    } else {
+      return 0;
+    }
+  };
+  _keyExtractor = (items, index) => {
+    const numColumns = numColumnsOrDefault(this.props.numColumns);
+    const keyExtractor = this.props.keyExtractor ?? import_VirtualizeUtils.keyExtractor;
+    if (numColumns > 1) {
+      (0, import_react_native_web_internals.invariant)(Array.isArray(items), "FlatList: Expected each item to be an array with multiple columns.");
+      return items.map((item, kk) => keyExtractor(item, index * numColumns + kk)).join(":");
+    }
+    return keyExtractor(items, index);
+  };
+  _pushMultiColumnViewable(arr, v) {
+    const numColumns = numColumnsOrDefault(this.props.numColumns);
+    const keyExtractor = this.props.keyExtractor ?? import_VirtualizeUtils.keyExtractor;
+    v.item.forEach((item, ii) => {
+      (0, import_react_native_web_internals.invariant)(v.index != null, "Missing index!");
+      const index = v.index * numColumns + ii;
+      arr.push({
+        ...v,
+        item,
+        key: keyExtractor(item, index),
+        index
+      });
+    });
+  }
+  _createOnViewableItemsChanged(onViewableItemsChanged) {
+    return info => {
+      const numColumns = numColumnsOrDefault(this.props.numColumns);
+      if (onViewableItemsChanged) {
+        if (numColumns > 1) {
+          const changed = [];
+          const viewableItems = [];
+          info.viewableItems.forEach(v => this._pushMultiColumnViewable(viewableItems, v));
+          info.changed.forEach(v => this._pushMultiColumnViewable(changed, v));
+          onViewableItemsChanged({
+            viewableItems,
+            changed
+          });
+        } else {
+          onViewableItemsChanged(info);
+        }
+      }
+    };
+  }
+  _renderer = (ListItemComponent, renderItem, columnWrapperStyle, numColumns, extraData) => {
+    const cols = numColumnsOrDefault(numColumns);
+    const render = props => {
+      if (ListItemComponent) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ListItemComponent, {
+          ...props
+        });
+      } else if (renderItem) {
+        return renderItem(props);
+      } else {
+        return null;
+      }
+    };
+    const renderProp = info => {
+      if (cols > 1) {
+        const {
+          item,
+          index
+        } = info;
+        (0, import_react_native_web_internals.invariant)(Array.isArray(item), "Expected array of items with numColumns > 1");
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.View, {
+          style: [styles.row, columnWrapperStyle],
+          children: item.map((it, kk) => {
+            const element = render({
+              item: it,
+              index: index * cols + kk,
+              separators: info.separators
+            });
+            return element != null ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.default.Fragment, {
+              children: element
+            }, kk) : null;
+          })
+        });
+      } else {
+        return render(info);
+      }
+    };
+    return ListItemComponent ? {
+      ListItemComponent: renderProp
+    } : {
+      renderItem: renderProp
+    };
+  };
+  _memoizedRenderer = (0, import_memoize_one.default)(this._renderer);
+  render() {
+    const {
+      numColumns,
+      columnWrapperStyle,
+      removeClippedSubviews: _removeClippedSubviews,
+      strictMode = false,
+      ...restProps
+    } = this.props;
+    const renderer = strictMode ? this._memoizedRenderer : this._renderer;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_VirtualizedList.VirtualizedList, {
+      ...restProps,
+      getItem: this._getItem,
+      getItemCount: this._getItemCount,
+      keyExtractor: this._keyExtractor,
+      ref: this._captureRef,
+      viewabilityConfigCallbackPairs: this._virtualizedListPairs,
+      removeClippedSubviews: removeClippedSubviewsOrDefault(_removeClippedSubviews),
+      ...renderer(this.props.ListItemComponent, this.props.renderItem, columnWrapperStyle, numColumns, this.props.extraData)
+    });
+  }
+}
+const styles = {
+  row: {
+    flexDirection: "row"
+  }
+};
+var FlatList_default = FlatList;

package/dist/cjs/I18nManager/index.cjs

@@ -0,0 +1,40 @@
+var __defProp = Object.defineProperty;
+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: 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;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var I18nManager_exports = {};
+__export(I18nManager_exports, {
+  I18nManager: () => I18nManager
+});
+module.exports = __toCommonJS(I18nManager_exports);
+const I18nManager = {
+  allowRTL() {
+    return;
+  },
+  forceRTL() {
+    return;
+  },
+  getConstants() {
+    return {
+      isRTL: false
+    };
+  }
+};