@depup/react-native-web 0.21.2-depup.0

package/dist/exports/YellowBox/index.js

@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * 
+ */
+
+import React from 'react';
+import UnimplementedView from '../../modules/UnimplementedView';
+function YellowBox(props) {
+  return /*#__PURE__*/React.createElement(UnimplementedView, props);
+}
+YellowBox.ignoreWarnings = () => {};
+export default YellowBox;

package/dist/exports/YellowBox/index.js.flow

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import type { Node } from 'React';
+import React from 'react';
+import UnimplementedView from '../../modules/UnimplementedView';
+declare function YellowBox(props: Object): Node;
+YellowBox.ignoreWarnings = () => {};
+export default YellowBox;

package/dist/exports/createElement/index.js

@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * 
+ */
+
+'use client';
+
+import AccessibilityUtil from '../../modules/AccessibilityUtil';
+import createDOMProps from '../../modules/createDOMProps';
+import React from 'react';
+import { LocaleProvider } from '../../modules/useLocale';
+var createElement = (component, props, options) => {
+  // Use equivalent platform elements where possible.
+  var accessibilityComponent;
+  if (component && component.constructor === String) {
+    accessibilityComponent = AccessibilityUtil.propsToAccessibilityComponent(props);
+  }
+  var Component = accessibilityComponent || component;
+  var domProps = createDOMProps(Component, props, options);
+  var element = /*#__PURE__*/React.createElement(Component, domProps);
+
+  // Update locale context if element's writing direction prop changes
+  var elementWithLocaleProvider = domProps.dir ? /*#__PURE__*/React.createElement(LocaleProvider, {
+    children: element,
+    direction: domProps.dir,
+    locale: domProps.lang
+  }) : element;
+  return elementWithLocaleProvider;
+};
+export default createElement;

package/dist/exports/createElement/index.js.flow

@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @noflow
+ */
+
+'use client';
+
+import AccessibilityUtil from '../../modules/AccessibilityUtil';
+import createDOMProps from '../../modules/createDOMProps';
+import React from 'react';
+import { LocaleProvider } from '../../modules/useLocale';
+declare var createElement: (component: any, props: any, options: any) => any;
+export default createElement;

package/dist/exports/findNodeHandle/index.js

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * 
+ */
+
+var findNodeHandle = component => {
+  throw new Error('findNodeHandle is not supported on web. ' + 'Use the ref property on the component instead.');
+};
+export default findNodeHandle;

package/dist/exports/findNodeHandle/index.js.flow

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @noflow
+ */
+declare var findNodeHandle: (component: any) => any;
+export default findNodeHandle;

package/dist/exports/processColor/index.js

@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * 
+ */
+
+import normalizeColor from '@react-native/normalize-colors';
+var processColor = color => {
+  if (color === undefined || color === null) {
+    return color;
+  }
+
+  // convert number and hex
+  var int32Color = normalizeColor(color);
+  if (int32Color === undefined || int32Color === null) {
+    return undefined;
+  }
+  int32Color = (int32Color << 24 | int32Color >>> 8) >>> 0;
+  return int32Color;
+};
+export default processColor;

package/dist/exports/processColor/index.js.flow

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import normalizeColor from '@react-native/normalize-colors';
+declare var processColor: (color?: string | number) => ?number;
+export default processColor;

package/dist/exports/render/index.js

@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * 
+ */
+
+'use client';
+
+import { createRoot as domCreateRoot, hydrateRoot as domHydrateRoot } from 'react-dom/client';
+import { createSheet } from '../StyleSheet/dom';
+export function hydrate(element, root) {
+  createSheet(root);
+  return domHydrateRoot(root, element);
+}
+export default function render(element, root) {
+  createSheet(root);
+  var reactRoot = domCreateRoot(root);
+  reactRoot.render(element);
+  return reactRoot;
+}

package/dist/exports/render/index.js.flow

@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @noflow
+ */
+
+'use client';
+
+import { createRoot as domCreateRoot, hydrateRoot as domHydrateRoot } from 'react-dom/client';
+import { createSheet } from '../StyleSheet/dom';
+declare export function hydrate(element: any, root: any): any;
+declare export default function render(element: any, root: any): any;

package/dist/exports/unmountComponentAtNode/index.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * 
+ */
+
+export default function unmountComponentAtNode(rootTag) {
+  rootTag.unmount();
+  return true;
+}

package/dist/exports/unmountComponentAtNode/index.js.flow

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @noflow
+ */
+declare export default function unmountComponentAtNode(rootTag: any): any;

package/dist/exports/useColorScheme/index.js

@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * 
+ */
+
+'use client';
+
+import * as React from 'react';
+import Appearance from '../Appearance';
+export default function useColorScheme() {
+  var _React$useState = React.useState(Appearance.getColorScheme()),
+    colorScheme = _React$useState[0],
+    setColorScheme = _React$useState[1];
+  React.useEffect(() => {
+    function listener(appearance) {
+      setColorScheme(appearance.colorScheme);
+    }
+    var _Appearance$addChange = Appearance.addChangeListener(listener),
+      remove = _Appearance$addChange.remove;
+    return remove;
+  });
+  return colorScheme;
+}

package/dist/exports/useColorScheme/index.js.flow

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+'use client';
+
+import * as React from 'react';
+import type { ColorSchemeName } from '../Appearance';
+import Appearance from '../Appearance';
+declare export default function useColorScheme(): ColorSchemeName;

package/dist/exports/useLocaleContext/index.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * 
+ */
+
+'use client';
+
+import { useLocaleContext } from '../../modules/useLocale';
+export default useLocaleContext;

package/dist/exports/useLocaleContext/index.js.flow

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ */
+
+'use client';
+
+import { useLocaleContext } from '../../modules/useLocale';
+export default useLocaleContext;

package/dist/exports/useWindowDimensions/index.js

@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * 
+ */
+
+'use client';
+
+import Dimensions from '../Dimensions';
+import { useEffect, useState } from 'react';
+export default function useWindowDimensions() {
+  var _useState = useState(() => Dimensions.get('window')),
+    dims = _useState[0],
+    setDims = _useState[1];
+  useEffect(() => {
+    function handleChange(_ref) {
+      var window = _ref.window;
+      if (window != null) {
+        setDims(window);
+      }
+    }
+    Dimensions.addEventListener('change', handleChange);
+    // We might have missed an update between calling `get` in render and
+    // `addEventListener` in this handler, so we set it here. If there was
+    // no change, React will filter out this update as a no-op.
+    setDims(Dimensions.get('window'));
+    return () => {
+      Dimensions.removeEventListener('change', handleChange);
+    };
+  }, []);
+  return dims;
+}

package/dist/exports/useWindowDimensions/index.js.flow

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+'use client';
+
+import type { DisplayMetrics } from '../Dimensions';
+import Dimensions from '../Dimensions';
+import { useEffect, useState } from 'react';
+declare export default function useWindowDimensions(): DisplayMetrics;

package/dist/index.js

@@ -0,0 +1,69 @@
+export { default as unstable_createElement } from './exports/createElement';
+export { default as findNodeHandle } from './exports/findNodeHandle';
+export { default as processColor } from './exports/processColor';
+export { default as render } from './exports/render';
+export { default as unmountComponentAtNode } from './exports/unmountComponentAtNode';
+export { default as NativeModules } from './exports/NativeModules';
+
+// APIs
+export { default as AccessibilityInfo } from './exports/AccessibilityInfo';
+export { default as Alert } from './exports/Alert';
+export { default as Animated } from './exports/Animated';
+export { default as Appearance } from './exports/Appearance';
+export { default as AppRegistry } from './exports/AppRegistry';
+export { default as AppState } from './exports/AppState';
+export { default as BackHandler } from './exports/BackHandler';
+export { default as Clipboard } from './exports/Clipboard';
+export { default as Dimensions } from './exports/Dimensions';
+export { default as Easing } from './exports/Easing';
+export { default as I18nManager } from './exports/I18nManager';
+export { default as Keyboard } from './exports/Keyboard';
+export { default as InteractionManager } from './exports/InteractionManager';
+export { default as LayoutAnimation } from './exports/LayoutAnimation';
+export { default as Linking } from './exports/Linking';
+export { default as NativeEventEmitter } from './exports/NativeEventEmitter';
+export { default as PanResponder } from './exports/PanResponder';
+export { default as PixelRatio } from './exports/PixelRatio';
+export { default as Platform } from './exports/Platform';
+export { default as Share } from './exports/Share';
+export { default as StyleSheet } from './exports/StyleSheet';
+export { default as UIManager } from './exports/UIManager';
+export { default as Vibration } from './exports/Vibration';
+
+// components
+export { default as ActivityIndicator } from './exports/ActivityIndicator';
+export { default as Button } from './exports/Button';
+export { default as CheckBox } from './exports/CheckBox';
+export { default as FlatList } from './exports/FlatList';
+export { default as Image } from './exports/Image';
+export { default as ImageBackground } from './exports/ImageBackground';
+export { default as KeyboardAvoidingView } from './exports/KeyboardAvoidingView';
+export { default as Modal } from './exports/Modal';
+export { default as Picker } from './exports/Picker';
+export { default as Pressable } from './exports/Pressable';
+export { default as ProgressBar } from './exports/ProgressBar';
+export { default as RefreshControl } from './exports/RefreshControl';
+export { default as SafeAreaView } from './exports/SafeAreaView';
+export { default as ScrollView } from './exports/ScrollView';
+export { default as SectionList } from './exports/SectionList';
+export { default as StatusBar } from './exports/StatusBar';
+export { default as Switch } from './exports/Switch';
+export { default as Text } from './exports/Text';
+export { default as TextInput } from './exports/TextInput';
+export { default as Touchable } from './exports/Touchable';
+export { default as TouchableHighlight } from './exports/TouchableHighlight';
+export { default as TouchableNativeFeedback } from './exports/TouchableNativeFeedback';
+export { default as TouchableOpacity } from './exports/TouchableOpacity';
+export { default as TouchableWithoutFeedback } from './exports/TouchableWithoutFeedback';
+export { default as View } from './exports/View';
+export { default as VirtualizedList } from './exports/VirtualizedList';
+export { default as YellowBox } from './exports/YellowBox';
+export { default as LogBox } from './exports/LogBox';
+
+// plugins
+export { default as DeviceEventEmitter } from './exports/DeviceEventEmitter';
+
+// hooks
+export { default as useColorScheme } from './exports/useColorScheme';
+export { default as useLocaleContext } from './exports/useLocaleContext';
+export { default as useWindowDimensions } from './exports/useWindowDimensions';

package/dist/index.js.flow

@@ -0,0 +1,70 @@
+// @flow strict
+export { default as unstable_createElement } from './exports/createElement';
+export { default as findNodeHandle } from './exports/findNodeHandle';
+export { default as processColor } from './exports/processColor';
+export { default as render } from './exports/render';
+export { default as unmountComponentAtNode } from './exports/unmountComponentAtNode';
+export { default as NativeModules } from './exports/NativeModules';
+
+// APIs
+export { default as AccessibilityInfo } from './exports/AccessibilityInfo';
+export { default as Alert } from './exports/Alert';
+export { default as Animated } from './exports/Animated';
+export { default as Appearance } from './exports/Appearance';
+export { default as AppRegistry } from './exports/AppRegistry';
+export { default as AppState } from './exports/AppState';
+export { default as BackHandler } from './exports/BackHandler';
+export { default as Clipboard } from './exports/Clipboard';
+export { default as Dimensions } from './exports/Dimensions';
+export { default as Easing } from './exports/Easing';
+export { default as I18nManager } from './exports/I18nManager';
+export { default as Keyboard } from './exports/Keyboard';
+export { default as InteractionManager } from './exports/InteractionManager';
+export { default as LayoutAnimation } from './exports/LayoutAnimation';
+export { default as Linking } from './exports/Linking';
+export { default as NativeEventEmitter } from './exports/NativeEventEmitter';
+export { default as PanResponder } from './exports/PanResponder';
+export { default as PixelRatio } from './exports/PixelRatio';
+export { default as Platform } from './exports/Platform';
+export { default as Share } from './exports/Share';
+export { default as StyleSheet } from './exports/StyleSheet';
+export { default as UIManager } from './exports/UIManager';
+export { default as Vibration } from './exports/Vibration';
+
+// components
+export { default as ActivityIndicator } from './exports/ActivityIndicator';
+export { default as Button } from './exports/Button';
+export { default as CheckBox } from './exports/CheckBox';
+export { default as FlatList } from './exports/FlatList';
+export { default as Image } from './exports/Image';
+export { default as ImageBackground } from './exports/ImageBackground';
+export { default as KeyboardAvoidingView } from './exports/KeyboardAvoidingView';
+export { default as Modal } from './exports/Modal';
+export { default as Picker } from './exports/Picker';
+export { default as Pressable } from './exports/Pressable';
+export { default as ProgressBar } from './exports/ProgressBar';
+export { default as RefreshControl } from './exports/RefreshControl';
+export { default as SafeAreaView } from './exports/SafeAreaView';
+export { default as ScrollView } from './exports/ScrollView';
+export { default as SectionList } from './exports/SectionList';
+export { default as StatusBar } from './exports/StatusBar';
+export { default as Switch } from './exports/Switch';
+export { default as Text } from './exports/Text';
+export { default as TextInput } from './exports/TextInput';
+export { default as Touchable } from './exports/Touchable';
+export { default as TouchableHighlight } from './exports/TouchableHighlight';
+export { default as TouchableNativeFeedback } from './exports/TouchableNativeFeedback';
+export { default as TouchableOpacity } from './exports/TouchableOpacity';
+export { default as TouchableWithoutFeedback } from './exports/TouchableWithoutFeedback';
+export { default as View } from './exports/View';
+export { default as VirtualizedList } from './exports/VirtualizedList';
+export { default as YellowBox } from './exports/YellowBox';
+export { default as LogBox } from './exports/LogBox';
+
+// plugins
+export { default as DeviceEventEmitter } from './exports/DeviceEventEmitter';
+
+// hooks
+export { default as useColorScheme } from './exports/useColorScheme';
+export { default as useLocaleContext } from './exports/useLocaleContext';
+export { default as useWindowDimensions } from './exports/useWindowDimensions';

package/dist/modules/AccessibilityUtil/index.js

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * 
+ */
+
+import isDisabled from './isDisabled';
+import propsToAccessibilityComponent from './propsToAccessibilityComponent';
+import propsToAriaRole from './propsToAriaRole';
+var AccessibilityUtil = {
+  isDisabled,
+  propsToAccessibilityComponent,
+  propsToAriaRole
+};
+export default AccessibilityUtil;

package/dist/modules/AccessibilityUtil/index.js.flow

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import isDisabled from './isDisabled';
+import propsToAccessibilityComponent from './propsToAccessibilityComponent';
+import propsToAriaRole from './propsToAriaRole';
+const AccessibilityUtil = {
+  isDisabled,
+  propsToAccessibilityComponent,
+  propsToAriaRole
+};
+export default AccessibilityUtil;

package/dist/modules/AccessibilityUtil/isDisabled.js

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * 
+ */
+
+var isDisabled = props => props.disabled || Array.isArray(props.accessibilityStates) && props.accessibilityStates.indexOf('disabled') > -1;
+export default isDisabled;

package/dist/modules/AccessibilityUtil/isDisabled.js.flow

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+declare var isDisabled: (props: Object) => boolean;
+export default isDisabled;

package/dist/modules/AccessibilityUtil/propsToAccessibilityComponent.js

@@ -0,0 +1,54 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * 
+ */
+
+import propsToAriaRole from './propsToAriaRole';
+var roleComponents = {
+  article: 'article',
+  banner: 'header',
+  blockquote: 'blockquote',
+  button: 'button',
+  code: 'code',
+  complementary: 'aside',
+  contentinfo: 'footer',
+  deletion: 'del',
+  emphasis: 'em',
+  figure: 'figure',
+  insertion: 'ins',
+  form: 'form',
+  list: 'ul',
+  listitem: 'li',
+  main: 'main',
+  navigation: 'nav',
+  paragraph: 'p',
+  region: 'section',
+  strong: 'strong'
+};
+var emptyObject = {};
+var propsToAccessibilityComponent = function propsToAccessibilityComponent(props) {
+  if (props === void 0) {
+    props = emptyObject;
+  }
+  var roleProp = props.role || props.accessibilityRole;
+  // special-case for "label" role which doesn't map to an ARIA role
+  if (roleProp === 'label') {
+    return 'label';
+  }
+  var role = propsToAriaRole(props);
+  if (role) {
+    if (role === 'heading') {
+      var level = props.accessibilityLevel || props['aria-level'];
+      if (level != null) {
+        return "h" + level;
+      }
+      return 'h1';
+    }
+    return roleComponents[role];
+  }
+};
+export default propsToAccessibilityComponent;

package/dist/modules/AccessibilityUtil/propsToAccessibilityComponent.js.flow

@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+import propsToAriaRole from './propsToAriaRole';
+const roleComponents = {
+  article: 'article',
+  banner: 'header',
+  blockquote: 'blockquote',
+  button: 'button',
+  code: 'code',
+  complementary: 'aside',
+  contentinfo: 'footer',
+  deletion: 'del',
+  emphasis: 'em',
+  figure: 'figure',
+  insertion: 'ins',
+  form: 'form',
+  list: 'ul',
+  listitem: 'li',
+  main: 'main',
+  navigation: 'nav',
+  paragraph: 'p',
+  region: 'section',
+  strong: 'strong'
+};
+const emptyObject = {};
+declare var propsToAccessibilityComponent: (props: Object) => void | string;
+export default propsToAccessibilityComponent;