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

package/dist/modules/modality/index.js

@@ -0,0 +1,188 @@
+/**
+ * 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 { addEventListener } from '../addEventListener';
+import canUseDOM from '../canUseDom';
+var supportsPointerEvent = () => !!(typeof window !== 'undefined' && window.PointerEvent != null);
+var activeModality = 'keyboard';
+var modality = 'keyboard';
+var previousModality;
+var previousActiveModality;
+var isEmulatingMouseEvents = false;
+var listeners = new Set();
+var KEYBOARD = 'keyboard';
+var MOUSE = 'mouse';
+var TOUCH = 'touch';
+var BLUR = 'blur';
+var CONTEXTMENU = 'contextmenu';
+var FOCUS = 'focus';
+var KEYDOWN = 'keydown';
+var MOUSEDOWN = 'mousedown';
+var MOUSEMOVE = 'mousemove';
+var MOUSEUP = 'mouseup';
+var POINTERDOWN = 'pointerdown';
+var POINTERMOVE = 'pointermove';
+var SCROLL = 'scroll';
+var SELECTIONCHANGE = 'selectionchange';
+var TOUCHCANCEL = 'touchcancel';
+var TOUCHMOVE = 'touchmove';
+var TOUCHSTART = 'touchstart';
+var VISIBILITYCHANGE = 'visibilitychange';
+var bubbleOptions = {
+  passive: true
+};
+var captureOptions = {
+  capture: true,
+  passive: true
+};
+function restoreModality() {
+  if (previousModality != null || previousActiveModality != null) {
+    if (previousModality != null) {
+      modality = previousModality;
+      previousModality = null;
+    }
+    if (previousActiveModality != null) {
+      activeModality = previousActiveModality;
+      previousActiveModality = null;
+    }
+    callListeners();
+  }
+}
+function onBlurWindow() {
+  previousModality = modality;
+  previousActiveModality = activeModality;
+  activeModality = KEYBOARD;
+  modality = KEYBOARD;
+  callListeners();
+  // for fallback events
+  isEmulatingMouseEvents = false;
+}
+function onFocusWindow() {
+  restoreModality();
+}
+function onKeyDown(event) {
+  if (event.metaKey || event.altKey || event.ctrlKey) {
+    return;
+  }
+  if (modality !== KEYBOARD) {
+    modality = KEYBOARD;
+    activeModality = KEYBOARD;
+    callListeners();
+  }
+}
+function onVisibilityChange() {
+  if (document.visibilityState !== 'hidden') {
+    restoreModality();
+  }
+}
+function onPointerish(event) {
+  var eventType = event.type;
+  if (supportsPointerEvent()) {
+    if (eventType === POINTERDOWN) {
+      if (activeModality !== event.pointerType) {
+        modality = event.pointerType;
+        activeModality = event.pointerType;
+        callListeners();
+      }
+      return;
+    }
+    if (eventType === POINTERMOVE) {
+      if (modality !== event.pointerType) {
+        modality = event.pointerType;
+        callListeners();
+      }
+      return;
+    }
+  }
+  // Fallback for non-PointerEvent environment
+  else {
+    if (!isEmulatingMouseEvents) {
+      if (eventType === MOUSEDOWN) {
+        if (activeModality !== MOUSE) {
+          modality = MOUSE;
+          activeModality = MOUSE;
+          callListeners();
+        }
+      }
+      if (eventType === MOUSEMOVE) {
+        if (modality !== MOUSE) {
+          modality = MOUSE;
+          callListeners();
+        }
+      }
+    }
+
+    // Flag when browser may produce emulated events
+    if (eventType === TOUCHSTART) {
+      isEmulatingMouseEvents = true;
+      if (event.touches && event.touches.length > 1) {
+        isEmulatingMouseEvents = false;
+      }
+      if (activeModality !== TOUCH) {
+        modality = TOUCH;
+        activeModality = TOUCH;
+        callListeners();
+      }
+      return;
+    }
+
+    // Remove flag after emulated events are finished or cancelled, and if an
+    // event occurs that cuts short a touch event sequence.
+    if (eventType === CONTEXTMENU || eventType === MOUSEUP || eventType === SELECTIONCHANGE || eventType === SCROLL || eventType === TOUCHCANCEL || eventType === TOUCHMOVE) {
+      isEmulatingMouseEvents = false;
+    }
+  }
+}
+if (canUseDOM) {
+  // Window events
+  addEventListener(window, BLUR, onBlurWindow, bubbleOptions);
+  addEventListener(window, FOCUS, onFocusWindow, bubbleOptions);
+  // Must be capture phase because 'stopPropagation' might prevent these
+  // events bubbling to the document.
+  addEventListener(document, KEYDOWN, onKeyDown, captureOptions);
+  addEventListener(document, VISIBILITYCHANGE, onVisibilityChange, captureOptions);
+  addEventListener(document, POINTERDOWN, onPointerish, captureOptions);
+  addEventListener(document, POINTERMOVE, onPointerish, captureOptions);
+  // Fallback events
+  addEventListener(document, CONTEXTMENU, onPointerish, captureOptions);
+  addEventListener(document, MOUSEDOWN, onPointerish, captureOptions);
+  addEventListener(document, MOUSEMOVE, onPointerish, captureOptions);
+  addEventListener(document, MOUSEUP, onPointerish, captureOptions);
+  addEventListener(document, TOUCHCANCEL, onPointerish, captureOptions);
+  addEventListener(document, TOUCHMOVE, onPointerish, captureOptions);
+  addEventListener(document, TOUCHSTART, onPointerish, captureOptions);
+  addEventListener(document, SELECTIONCHANGE, onPointerish, captureOptions);
+  addEventListener(document, SCROLL, onPointerish, captureOptions);
+}
+function callListeners() {
+  var value = {
+    activeModality,
+    modality
+  };
+  listeners.forEach(listener => {
+    listener(value);
+  });
+}
+export function getActiveModality() {
+  return activeModality;
+}
+export function getModality() {
+  return modality;
+}
+export function addModalityListener(listener) {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+export function testOnly_resetActiveModality() {
+  isEmulatingMouseEvents = false;
+  activeModality = KEYBOARD;
+  modality = KEYBOARD;
+}

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

@@ -0,0 +1,79 @@
+/**
+ * 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 { addEventListener } from '../addEventListener';
+import canUseDOM from '../canUseDom';
+export type Modality = 'keyboard' | 'mouse' | 'touch' | 'pen';
+declare var supportsPointerEvent: () => any;
+let activeModality = 'keyboard';
+let modality = 'keyboard';
+let previousModality;
+let previousActiveModality;
+let isEmulatingMouseEvents = false;
+const listeners = new Set();
+const KEYBOARD = 'keyboard';
+const MOUSE = 'mouse';
+const TOUCH = 'touch';
+const BLUR = 'blur';
+const CONTEXTMENU = 'contextmenu';
+const FOCUS = 'focus';
+const KEYDOWN = 'keydown';
+const MOUSEDOWN = 'mousedown';
+const MOUSEMOVE = 'mousemove';
+const MOUSEUP = 'mouseup';
+const POINTERDOWN = 'pointerdown';
+const POINTERMOVE = 'pointermove';
+const SCROLL = 'scroll';
+const SELECTIONCHANGE = 'selectionchange';
+const TOUCHCANCEL = 'touchcancel';
+const TOUCHMOVE = 'touchmove';
+const TOUCHSTART = 'touchstart';
+const VISIBILITYCHANGE = 'visibilitychange';
+const bubbleOptions = {
+  passive: true
+};
+const captureOptions = {
+  capture: true,
+  passive: true
+};
+declare function restoreModality(): any;
+declare function onBlurWindow(): any;
+declare function onFocusWindow(): any;
+declare function onKeyDown(event: any): any;
+declare function onVisibilityChange(): any;
+declare function onPointerish(event: any): any;
+if (canUseDOM) {
+  // Window events
+  addEventListener(window, BLUR, onBlurWindow, bubbleOptions);
+  addEventListener(window, FOCUS, onFocusWindow, bubbleOptions);
+  // Must be capture phase because 'stopPropagation' might prevent these
+  // events bubbling to the document.
+  addEventListener(document, KEYDOWN, onKeyDown, captureOptions);
+  addEventListener(document, VISIBILITYCHANGE, onVisibilityChange, captureOptions);
+  addEventListener(document, POINTERDOWN, onPointerish, captureOptions);
+  addEventListener(document, POINTERMOVE, onPointerish, captureOptions);
+  // Fallback events
+  addEventListener(document, CONTEXTMENU, onPointerish, captureOptions);
+  addEventListener(document, MOUSEDOWN, onPointerish, captureOptions);
+  addEventListener(document, MOUSEMOVE, onPointerish, captureOptions);
+  addEventListener(document, MOUSEUP, onPointerish, captureOptions);
+  addEventListener(document, TOUCHCANCEL, onPointerish, captureOptions);
+  addEventListener(document, TOUCHMOVE, onPointerish, captureOptions);
+  addEventListener(document, TOUCHSTART, onPointerish, captureOptions);
+  addEventListener(document, SELECTIONCHANGE, onPointerish, captureOptions);
+  addEventListener(document, SCROLL, onPointerish, captureOptions);
+}
+declare function callListeners(): any;
+declare export function getActiveModality(): Modality;
+declare export function getModality(): Modality;
+declare export function addModalityListener(listener: ({
+  activeModality: Modality,
+  modality: Modality,
+}) => void): () => void;
+declare export function testOnly_resetActiveModality(): any;

package/dist/modules/multiplyStyleLengthValue/index.js

@@ -0,0 +1,24 @@
+/**
+ * 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 CSS_UNIT_RE = /^[+-]?\d*(?:\.\d+)?(?:[Ee][+-]?\d+)?(%|\w*)/;
+var getUnit = str => str.match(CSS_UNIT_RE)[1];
+var isNumeric = n => {
+  return !isNaN(parseFloat(n)) && isFinite(n);
+};
+var multiplyStyleLengthValue = (value, multiple) => {
+  if (typeof value === 'string') {
+    var number = parseFloat(value) * multiple;
+    var unit = getUnit(value);
+    return "" + number + unit;
+  } else if (isNumeric(value)) {
+    return value * multiple;
+  }
+};
+export default multiplyStyleLengthValue;

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

@@ -0,0 +1,14 @@
+/**
+ * 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
+ */
+
+const CSS_UNIT_RE = /^[+-]?\d*(?:\.\d+)?(?:[Ee][+-]?\d+)?(%|\w*)/;
+declare var getUnit: (str: any) => any;
+declare var isNumeric: (n: any) => any;
+declare var multiplyStyleLengthValue: (value: string | number, multiple: any) => any;
+export default multiplyStyleLengthValue;

package/dist/modules/normalizeColor/index.js

@@ -0,0 +1,30 @@
+/**
+ * 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 isWebColor from '../isWebColor';
+import processColor from '../../exports/processColor';
+var normalizeColor = function normalizeColor(color, opacity) {
+  if (opacity === void 0) {
+    opacity = 1;
+  }
+  if (color == null) return;
+  if (typeof color === 'string' && isWebColor(color)) {
+    return color;
+  }
+  var colorInt = processColor(color);
+  if (colorInt != null) {
+    var r = colorInt >> 16 & 255;
+    var g = colorInt >> 8 & 255;
+    var b = colorInt & 255;
+    var a = (colorInt >> 24 & 255) / 255;
+    var alpha = (a * opacity).toFixed(2);
+    return "rgba(" + r + "," + g + "," + b + "," + alpha + ")";
+  }
+};
+export default normalizeColor;

package/dist/modules/normalizeColor/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
+ */
+
+import isWebColor from '../isWebColor';
+import processColor from '../../exports/processColor';
+declare var normalizeColor: (color?: number | string, opacity?: number) => void | string;
+export default normalizeColor;

package/dist/modules/pick/index.js

@@ -0,0 +1,20 @@
+/**
+ * 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 pick(obj, list) {
+  var nextObj = {};
+  for (var key in obj) {
+    if (obj.hasOwnProperty(key)) {
+      if (list[key] === true) {
+        nextObj[key] = obj[key];
+      }
+    }
+  }
+  return nextObj;
+}

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

@@ -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.
+ *
+ * @flow
+ */
+declare export default function pick(obj: Object, list: {
+  [string]: boolean
+}): Object;

package/dist/modules/prefixStyles/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.
+ *
+ * 
+ */
+
+import createPrefixer from 'inline-style-prefixer/lib/createPrefixer';
+import staticData from './static';
+var prefixAll = createPrefixer(staticData);
+export default prefixAll;

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

@@ -0,0 +1,14 @@
+/**
+ * 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 createPrefixer from 'inline-style-prefixer/lib/createPrefixer';
+import staticData from './static';
+type StyleModifier = (style: Object) => Object;
+const prefixAll: StyleModifier = createPrefixer(staticData);
+export default prefixAll;

package/dist/modules/prefixStyles/static.js

@@ -0,0 +1,68 @@
+import crossFade from 'inline-style-prefixer/lib/plugins/crossFade';
+import imageSet from 'inline-style-prefixer/lib/plugins/imageSet';
+import logical from 'inline-style-prefixer/lib/plugins/logical';
+import position from 'inline-style-prefixer/lib/plugins/position';
+import sizing from 'inline-style-prefixer/lib/plugins/sizing';
+import transition from 'inline-style-prefixer/lib/plugins/transition';
+var w = ['Webkit'];
+var m = ['Moz'];
+var wm = ['Webkit', 'Moz'];
+var wms = ['Webkit', 'ms'];
+var wmms = ['Webkit', 'Moz', 'ms'];
+export default {
+  plugins: [crossFade, imageSet, logical, position, sizing, transition],
+  prefixMap: {
+    appearance: wmms,
+    userSelect: wm,
+    textEmphasisPosition: wms,
+    textEmphasis: wms,
+    textEmphasisStyle: wms,
+    textEmphasisColor: wms,
+    boxDecorationBreak: wms,
+    clipPath: w,
+    maskImage: wms,
+    maskMode: wms,
+    maskRepeat: wms,
+    maskPosition: wms,
+    maskClip: wms,
+    maskOrigin: wms,
+    maskSize: wms,
+    maskComposite: wms,
+    mask: wms,
+    maskBorderSource: wms,
+    maskBorderMode: wms,
+    maskBorderSlice: wms,
+    maskBorderWidth: wms,
+    maskBorderOutset: wms,
+    maskBorderRepeat: wms,
+    maskBorder: wms,
+    maskType: wms,
+    textDecorationStyle: w,
+    textDecorationSkip: w,
+    textDecorationLine: w,
+    textDecorationColor: w,
+    filter: w,
+    breakAfter: w,
+    breakBefore: w,
+    breakInside: w,
+    columnCount: w,
+    columnFill: w,
+    columnGap: w,
+    columnRule: w,
+    columnRuleColor: w,
+    columnRuleStyle: w,
+    columnRuleWidth: w,
+    columns: w,
+    columnSpan: w,
+    columnWidth: w,
+    backdropFilter: w,
+    hyphens: w,
+    flowInto: w,
+    flowFrom: w,
+    regionFragment: w,
+    textOrientation: w,
+    tabSize: m,
+    fontKerning: w,
+    textSizeAdjust: w
+  }
+};

package/dist/modules/requestIdleCallback/index.js

@@ -0,0 +1,28 @@
+/**
+ * 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 canUseDOM from '../canUseDom';
+var _requestIdleCallback = function _requestIdleCallback(cb, options) {
+  return setTimeout(() => {
+    var start = Date.now();
+    cb({
+      didTimeout: false,
+      timeRemaining() {
+        return Math.max(0, 50 - (Date.now() - start));
+      }
+    });
+  }, 1);
+};
+var _cancelIdleCallback = function _cancelIdleCallback(id) {
+  clearTimeout(id);
+};
+var isSupported = canUseDOM && typeof window.requestIdleCallback !== 'undefined';
+var requestIdleCallback = isSupported ? window.requestIdleCallback : _requestIdleCallback;
+var cancelIdleCallback = isSupported ? window.cancelIdleCallback : _cancelIdleCallback;
+export default requestIdleCallback;
+export { cancelIdleCallback };

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

@@ -0,0 +1,28 @@
+/**
+ * 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 canUseDOM from '../canUseDom';
+const _requestIdleCallback = function (cb: Function, options?: Object) {
+  return setTimeout(() => {
+    const start = Date.now();
+    cb({
+      didTimeout: false,
+      timeRemaining() {
+        return Math.max(0, 50 - (Date.now() - start));
+      }
+    });
+  }, 1);
+};
+const _cancelIdleCallback = function (id) {
+  clearTimeout(id);
+};
+const isSupported = canUseDOM && typeof window.requestIdleCallback !== 'undefined';
+const requestIdleCallback: (cb: any, options?: any) => TimeoutID = isSupported ? window.requestIdleCallback : _requestIdleCallback;
+const cancelIdleCallback: (TimeoutID) => void = isSupported ? window.cancelIdleCallback : _cancelIdleCallback;
+export default requestIdleCallback;
+export { cancelIdleCallback };

package/dist/modules/setValueForStyles/dangerousStyleValue.js

@@ -0,0 +1,44 @@
+/* eslint-disable */
+
+/**
+ * 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.
+ *
+ * From React 16.0.0
+ * 
+ */
+
+import isUnitlessNumber from '../unitlessNumbers';
+
+/**
+ * Convert a value into the proper css writable value. The style name `name`
+ * should be logical (no hyphens), as specified
+ * in `CSSProperty.isUnitlessNumber`.
+ *
+ * @param {string} name CSS property name such as `topMargin`.
+ * @param {*} value CSS property value such as `10px`.
+ * @return {string} Normalized style value with dimensions applied.
+ */
+function dangerousStyleValue(name, value, isCustomProperty) {
+  // Note that we've removed escapeTextForBrowser() calls here since the
+  // whole string will be escaped when the attribute is injected into
+  // the markup. If you provide unsafe user data here they can inject
+  // arbitrary CSS which may be problematic (I couldn't repro this):
+  // https://www.owasp.org/index.php/XSS_Filter_Evasion_Cheat_Sheet
+  // http://www.thespanner.co.uk/2007/11/26/ultimate-xss-css-injection/
+  // This is not an XSS hole but instead a potential CSS injection issue
+  // which has lead to a greater discussion about how we're going to
+  // trust URLs moving forward. See #2115901
+
+  var isEmpty = value == null || typeof value === 'boolean' || value === '';
+  if (isEmpty) {
+    return '';
+  }
+  if (!isCustomProperty && typeof value === 'number' && value !== 0 && !(isUnitlessNumber.hasOwnProperty(name) && isUnitlessNumber[name])) {
+    return value + 'px'; // Presumes implicit 'px' suffix for unitless numbers
+  }
+  return ('' + value).trim();
+}
+export default dangerousStyleValue;

package/dist/modules/setValueForStyles/dangerousStyleValue.js.flow

@@ -0,0 +1,25 @@
+/* eslint-disable */
+
+/**
+ * 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.
+ *
+ * From React 16.0.0
+ * @noflow
+ */
+
+import isUnitlessNumber from '../unitlessNumbers';
+
+/**
+ * Convert a value into the proper css writable value. The style name `name`
+ * should be logical (no hyphens), as specified
+ * in `CSSProperty.isUnitlessNumber`.
+ *
+ * @param {string} name CSS property name such as `topMargin`.
+ * @param {*} value CSS property value such as `10px`.
+ * @return {string} Normalized style value with dimensions applied.
+ */
+declare function dangerousStyleValue(name: any, value: any, isCustomProperty: any): any;
+export default dangerousStyleValue;

package/dist/modules/setValueForStyles/index.js

@@ -0,0 +1,40 @@
+/* eslint-disable */
+
+/**
+ * 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.
+ *
+ * From React 16.3.0
+ * 
+ */
+
+import dangerousStyleValue from './dangerousStyleValue';
+
+/**
+ * Sets the value for multiple styles on a node.  If a value is specified as
+ * '' (empty string), the corresponding style property will be unset.
+ *
+ * @param {DOMElement} node
+ * @param {object} styles
+ */
+function setValueForStyles(node, styles) {
+  var style = node.style;
+  for (var styleName in styles) {
+    if (!styles.hasOwnProperty(styleName)) {
+      continue;
+    }
+    var isCustomProperty = styleName.indexOf('--') === 0;
+    var styleValue = dangerousStyleValue(styleName, styles[styleName], isCustomProperty);
+    if (styleName === 'float') {
+      styleName = 'cssFloat';
+    }
+    if (isCustomProperty) {
+      style.setProperty(styleName, styleValue);
+    } else {
+      style[styleName] = styleValue;
+    }
+  }
+}
+export default setValueForStyles;

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

@@ -0,0 +1,23 @@
+/* eslint-disable */
+
+/**
+ * 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.
+ *
+ * From React 16.3.0
+ * @noflow
+ */
+
+import dangerousStyleValue from './dangerousStyleValue';
+
+/**
+ * Sets the value for multiple styles on a node.  If a value is specified as
+ * '' (empty string), the corresponding style property will be unset.
+ *
+ * @param {DOMElement} node
+ * @param {object} styles
+ */
+declare function setValueForStyles(node: any, styles: any): any;
+export default setValueForStyles;