@tarojs/rn-style-transformer 4.0.0-beta.74 → 4.0.0-beta.76

package/src/transforms/StyleSheet/TextStylePropTypes.ts

@@ -1,123 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- *
- */
-
-'use strict'
-
-import ColorPropType from './ColorPropType'
-import * as ReactPropTypes from 'prop-types'
-import ViewStylePropTypes from './ViewStylePropTypes'
-
-const TextStylePropTypes = {
-  ...ViewStylePropTypes,
-
-  color: ColorPropType,
-  fontFamily: ReactPropTypes.string,
-  fontSize: ReactPropTypes.number,
-  fontStyle: ReactPropTypes.oneOf(['normal', 'italic']),
-  /**
-   * Specifies font weight. The values 'normal' and 'bold' are supported for
-   * most fonts. Not all fonts have a variant for each of the numeric values,
-   * in that case the closest one is chosen.
-   */
-  fontWeight: ReactPropTypes.oneOf([
-    'normal' /* default */,
-    'bold',
-    '100',
-    '200',
-    '300',
-    '400',
-    '500',
-    '600',
-    '700',
-    '800',
-    '900'
-  ]),
-  /**
-   * @platform ios
-   */
-  fontVariant: ReactPropTypes.arrayOf(
-    ReactPropTypes.oneOf([
-      'small-caps',
-      'oldstyle-nums',
-      'lining-nums',
-      'tabular-nums',
-      'proportional-nums'
-    ])
-  ),
-  textShadowOffset: ReactPropTypes.shape({
-    width: ReactPropTypes.number,
-    height: ReactPropTypes.number
-  }),
-  textShadowRadius: ReactPropTypes.number,
-  textShadowColor: ColorPropType,
-  /**
-   * @platform ios
-   */
-  letterSpacing: ReactPropTypes.number,
-  lineHeight: ReactPropTypes.number,
-  /**
-   * Specifies text alignment. The value 'justify' is only supported on iOS and
-   * fallbacks to `left` on Android.
-   */
-  textAlign: ReactPropTypes.oneOf([
-    'auto' /* default */,
-    'left',
-    'right',
-    'center',
-    'justify'
-  ]),
-  /**
-   * @platform android
-   */
-  textAlignVertical: ReactPropTypes.oneOf([
-    'auto' /* default */,
-    'top',
-    'bottom',
-    'center'
-  ]),
-  /**
-   * Set to `false` to remove extra font padding intended to make space for certain ascenders / descenders.
-   * With some fonts, this padding can make text look slightly misaligned when centered vertically.
-   * For best results also set `textAlignVertical` to `center`. Default is true.
-   * @platform android
-   */
-  includeFontPadding: ReactPropTypes.bool,
-  textDecorationLine: ReactPropTypes.oneOf([
-    'none' /* default */,
-    'underline',
-    'line-through',
-    'underline line-through'
-  ]),
-  /**
-   * @platform ios
-   */
-  textDecorationStyle: ReactPropTypes.oneOf([
-    'solid' /* default */,
-    'double',
-    'dotted',
-    'dashed'
-  ]),
-  /**
-   * @platform ios
-   */
-  textDecorationColor: ColorPropType,
-  textTransform: ReactPropTypes.oneOf([
-    'none' /* default */,
-    'capitalize',
-    'uppercase',
-    'lowercase'
-  ]),
-  /**
-   * @platform ios
-   */
-  writingDirection: ReactPropTypes.oneOf(['auto' /* default */, 'ltr', 'rtl'])
-}
-
-export default TextStylePropTypes

package/src/transforms/StyleSheet/TransformPropTypes.ts

@@ -1,109 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- *
- */
-
-'use strict'
-
-import * as ReactPropTypes from 'prop-types'
-
-import deprecatedPropType from './deprecatedPropType'
-
-const TransformMatrixPropType = function (
-  props,
-  propName,
-  _componentName
-) {
-  if (props[propName]) {
-    return new Error(
-      'The transformMatrix style property is deprecated. ' +
-      'Use `transform: [{ matrix: ... }]` instead.'
-    )
-  }
-}
-
-const DecomposedMatrixPropType = function (
-  props,
-  propName,
-  _componentName
-) {
-  if (props[propName]) {
-    return new Error(
-      'The decomposedMatrix style property is deprecated. ' +
-      'Use `transform: [...]` instead.'
-    )
-  }
-}
-
-const TransformPropTypes = {
-  /**
-   * `transform` accepts an array of transformation objects. Each object specifies
-   * the property that will be transformed as the key, and the value to use in the
-   * transformation. Objects should not be combined. Use a single key/value pair
-   * per object.
-   *
-   * The rotate transformations require a string so that the transform may be
-   * expressed in degrees (deg) or radians (rad). For example:
-   *
-   * `transform([{ rotateX: '45deg' }, { rotateZ: '0.785398rad' }])`
-   *
-   * The skew transformations require a string so that the transform may be
-   * expressed in degrees (deg). For example:
-   *
-   * `transform([{ skewX: '45deg' }])`
-   */
-  transform: ReactPropTypes.arrayOf(
-    ReactPropTypes.oneOfType([
-      ReactPropTypes.shape({ perspective: ReactPropTypes.number }),
-      ReactPropTypes.shape({ rotate: ReactPropTypes.string }),
-      ReactPropTypes.shape({ rotateX: ReactPropTypes.string }),
-      ReactPropTypes.shape({ rotateY: ReactPropTypes.string }),
-      ReactPropTypes.shape({ rotateZ: ReactPropTypes.string }),
-      ReactPropTypes.shape({ scale: ReactPropTypes.number }),
-      ReactPropTypes.shape({ scaleX: ReactPropTypes.number }),
-      ReactPropTypes.shape({ scaleY: ReactPropTypes.number }),
-      ReactPropTypes.shape({ translateX: ReactPropTypes.number }),
-      ReactPropTypes.shape({ translateY: ReactPropTypes.number }),
-      ReactPropTypes.shape({ skewX: ReactPropTypes.string }),
-      ReactPropTypes.shape({ skewY: ReactPropTypes.string })
-    ])
-  ),
-
-  /**
-   * Deprecated. Use the transform prop instead.
-   */
-  transformMatrix: TransformMatrixPropType,
-  /**
-   * Deprecated. Use the transform prop instead.
-   */
-  decomposedMatrix: DecomposedMatrixPropType,
-
-  /* Deprecated transform props used on Android only */
-  scaleX: deprecatedPropType(
-    ReactPropTypes.number,
-    'Use the transform prop instead.'
-  ),
-  scaleY: deprecatedPropType(
-    ReactPropTypes.number,
-    'Use the transform prop instead.'
-  ),
-  rotation: deprecatedPropType(
-    ReactPropTypes.number,
-    'Use the transform prop instead.'
-  ),
-  translateX: deprecatedPropType(
-    ReactPropTypes.number,
-    'Use the transform prop instead.'
-  ),
-  translateY: deprecatedPropType(
-    ReactPropTypes.number,
-    'Use the transform prop instead.'
-  )
-}
-
-export default TransformPropTypes

package/src/transforms/StyleSheet/ViewStylePropTypes.ts

@@ -1,61 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- *
- */
-
-'use strict'
-
-import ColorPropType from './ColorPropType'
-import LayoutPropTypes from './LayoutPropTypes'
-import * as ReactPropTypes from 'prop-types'
-import ShadowPropTypesIOS from './ShadowPropTypesIOS'
-import TransformPropTypes from './TransformPropTypes'
-
-/**
- * Warning: Some of these properties may not be supported in all releases.
- */
-const ViewStylePropTypes = {
-  ...LayoutPropTypes,
-  ...ShadowPropTypesIOS,
-  ...TransformPropTypes,
-  backfaceVisibility: ReactPropTypes.oneOf(['visible', 'hidden']),
-  backgroundColor: ColorPropType,
-  borderColor: ColorPropType,
-  borderTopColor: ColorPropType,
-  borderRightColor: ColorPropType,
-  borderBottomColor: ColorPropType,
-  borderLeftColor: ColorPropType,
-  borderStartColor: ColorPropType,
-  borderEndColor: ColorPropType,
-  borderRadius: ReactPropTypes.number,
-  borderTopLeftRadius: ReactPropTypes.number,
-  borderTopRightRadius: ReactPropTypes.number,
-  borderTopStartRadius: ReactPropTypes.number,
-  borderTopEndRadius: ReactPropTypes.number,
-  borderBottomLeftRadius: ReactPropTypes.number,
-  borderBottomRightRadius: ReactPropTypes.number,
-  borderBottomStartRadius: ReactPropTypes.number,
-  borderBottomEndRadius: ReactPropTypes.number,
-  borderStyle: ReactPropTypes.oneOf(['solid', 'dotted', 'dashed']),
-  borderWidth: ReactPropTypes.number,
-  borderTopWidth: ReactPropTypes.number,
-  borderRightWidth: ReactPropTypes.number,
-  borderBottomWidth: ReactPropTypes.number,
-  borderLeftWidth: ReactPropTypes.number,
-  opacity: ReactPropTypes.number,
-  /**
-   * (Android-only) Sets the elevation of a view, using Android's underlying
-   * [elevation API](https://developer.android.com/training/material/shadows-clipping.html#Elevation).
-   * This adds a drop shadow to the item and affects z-order for overlapping views.
-   * Only supported on Android 5.0+, has no effect on earlier versions.
-   * @platform android
-   */
-  elevation: ReactPropTypes.number
-}
-
-export default ViewStylePropTypes

package/src/transforms/StyleSheet/deprecatedPropType.ts

@@ -1,31 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- *       strict-local
- */
-
-// const UIManager = require('UIManager')
-
-/**
- * Adds a deprecation warning when the prop is used.
- */
-export default function deprecatedPropType (
-  propType,
-  explanation
-) {
-  return function validate (props, propName, componentName, ...rest) {
-    // Don't warn for native components.
-    // if (!UIManager[componentName] && props[propName] !== undefined) {
-    if (props[propName] !== undefined) {
-      console.warn(
-        `\`${propName}\` supplied to \`${componentName}\` has been deprecated. ${explanation}`
-      )
-    }
-
-    return propType(props, propName, componentName, ...rest)
-  }
-}

package/src/transforms/StyleSheet/index.ts

@@ -1,5 +0,0 @@
-import StyleSheetValidation from './StyleSheetValidation'
-
-export {
-  StyleSheetValidation
-}

package/src/transforms/StyleSheet/normalizeColor.ts

@@ -1,369 +0,0 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- *
- */
-
-/* eslint no-bitwise: 0 */
-
-export default function normalizeColor (color) {
-  const matchers = getMatchers()
-  let match
-
-  if (typeof color === 'number') {
-    if (color >>> 0 === color && color >= 0 && color <= 0xffffffff) {
-      return color
-    }
-    return null
-  }
-
-  // Ordered based on occurrences on Facebook codebase
-  if ((match = matchers.hex6.exec(color))) {
-    return parseInt(match[1] + 'ff', 16) >>> 0
-  }
-
-  if (names.hasOwnProperty(color)) {
-    return names[color]
-  }
-
-  if ((match = matchers.rgb.exec(color))) {
-    return (
-      // b
-      ((parse255(match[1]) << 24) | // r
-      (parse255(match[2]) << 16) | // g
-        (parse255(match[3]) << 8) |
-        0x000000ff) >>> // a
-      0
-    )
-  }
-
-  if ((match = matchers.rgba.exec(color))) {
-    return (
-      // b
-      ((parse255(match[1]) << 24) | // r
-      (parse255(match[2]) << 16) | // g
-        (parse255(match[3]) << 8) |
-        parse1(match[4])) >>> // a
-      0
-    )
-  }
-
-  if ((match = matchers.hex3.exec(color))) {
-    return (
-      parseInt(
-        match[1] +
-        match[1] + // r
-        match[2] +
-        match[2] + // g
-        match[3] +
-        match[3] + // b
-          'ff', // a
-        16
-      ) >>> 0
-    )
-  }
-
-  // https://drafts.csswg.org/css-color-4/#hex-notation
-  if ((match = matchers.hex8.exec(color))) {
-    return parseInt(match[1], 16) >>> 0
-  }
-
-  if ((match = matchers.hex4.exec(color))) {
-    return (
-      parseInt(
-        match[1] +
-        match[1] + // r
-        match[2] +
-        match[2] + // g
-        match[3] +
-        match[3] + // b
-          match[4] +
-          match[4], // a
-        16
-      ) >>> 0
-    )
-  }
-
-  if ((match = matchers.hsl.exec(color))) {
-    return (
-      (hslToRgb(
-        parse360(match[1]), // h
-        parsePercentage(match[2]), // s
-        parsePercentage(match[3]) // l
-      ) |
-        0x000000ff) >>> // a
-      0
-    )
-  }
-
-  if ((match = matchers.hsla.exec(color))) {
-    return (
-      (hslToRgb(
-        parse360(match[1]), // h
-        parsePercentage(match[2]), // s
-        parsePercentage(match[3]) // l
-      ) |
-        parse1(match[4])) >>> // a
-      0
-    )
-  }
-
-  return null
-}
-
-function hue2rgb (p, q, t) {
-  if (t < 0) {
-    t += 1
-  }
-  if (t > 1) {
-    t -= 1
-  }
-  if (t < 1 / 6) {
-    return p + (q - p) * 6 * t
-  }
-  if (t < 1 / 2) {
-    return q
-  }
-  if (t < 2 / 3) {
-    return p + (q - p) * (2 / 3 - t) * 6
-  }
-  return p
-}
-
-function hslToRgb (h, s, l) {
-  const q = l < 0.5 ? l * (1 + s) : l + s - l * s
-  const p = 2 * l - q
-  const r = hue2rgb(p, q, h + 1 / 3)
-  const g = hue2rgb(p, q, h)
-  const b = hue2rgb(p, q, h - 1 / 3)
-
-  return (
-    (Math.round(r * 255) << 24) |
-    (Math.round(g * 255) << 16) |
-    (Math.round(b * 255) << 8)
-  )
-}
-
-// var INTEGER = '[-+]?\\d+';
-const NUMBER = '[-+]?\\d*\\.?\\d+'
-const PERCENTAGE = NUMBER + '%'
-
-function call (...args) {
-  return '\\(\\s*(' + args.join(')\\s*,\\s*(') + ')\\s*\\)'
-}
-
-let cachedMatchers
-
-function getMatchers () {
-  if (cachedMatchers === undefined) {
-    cachedMatchers = {
-      rgb: new RegExp('rgb' + call(NUMBER, NUMBER, NUMBER)),
-      rgba: new RegExp('rgba' + call(NUMBER, NUMBER, NUMBER, NUMBER)),
-      hsl: new RegExp('hsl' + call(NUMBER, PERCENTAGE, PERCENTAGE)),
-      hsla: new RegExp('hsla' + call(NUMBER, PERCENTAGE, PERCENTAGE, NUMBER)),
-      hex3: /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
-      hex4: /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
-      hex6: /^#([0-9a-fA-F]{6})$/,
-      hex8: /^#([0-9a-fA-F]{8})$/
-    }
-  }
-  return cachedMatchers
-}
-
-function parse255 (str) {
-  const int = parseInt(str, 10)
-  if (int < 0) {
-    return 0
-  }
-  if (int > 255) {
-    return 255
-  }
-  return int
-}
-
-function parse360 (str) {
-  const int = parseFloat(str)
-  return (((int % 360) + 360) % 360) / 360
-}
-
-function parse1 (str) {
-  const num = parseFloat(str)
-  if (num < 0) {
-    return 0
-  }
-  if (num > 1) {
-    return 255
-  }
-  return Math.round(num * 255)
-}
-
-function parsePercentage (str) {
-  // parseFloat conveniently ignores the final %
-  const int = parseFloat(str)
-  if (int < 0) {
-    return 0
-  }
-  if (int > 100) {
-    return 1
-  }
-  return int / 100
-}
-
-const names = {
-  transparent: 0x00000000,
-
-  // http://www.w3.org/TR/css3-color/#svg-color
-  aliceblue: 0xf0f8ffff,
-  antiquewhite: 0xfaebd7ff,
-  aqua: 0x00ffffff,
-  aquamarine: 0x7fffd4ff,
-  azure: 0xf0ffffff,
-  beige: 0xf5f5dcff,
-  bisque: 0xffe4c4ff,
-  black: 0x000000ff,
-  blanchedalmond: 0xffebcdff,
-  blue: 0x0000ffff,
-  blueviolet: 0x8a2be2ff,
-  brown: 0xa52a2aff,
-  burlywood: 0xdeb887ff,
-  burntsienna: 0xea7e5dff,
-  cadetblue: 0x5f9ea0ff,
-  chartreuse: 0x7fff00ff,
-  chocolate: 0xd2691eff,
-  coral: 0xff7f50ff,
-  cornflowerblue: 0x6495edff,
-  cornsilk: 0xfff8dcff,
-  crimson: 0xdc143cff,
-  cyan: 0x00ffffff,
-  darkblue: 0x00008bff,
-  darkcyan: 0x008b8bff,
-  darkgoldenrod: 0xb8860bff,
-  darkgray: 0xa9a9a9ff,
-  darkgreen: 0x006400ff,
-  darkgrey: 0xa9a9a9ff,
-  darkkhaki: 0xbdb76bff,
-  darkmagenta: 0x8b008bff,
-  darkolivegreen: 0x556b2fff,
-  darkorange: 0xff8c00ff,
-  darkorchid: 0x9932ccff,
-  darkred: 0x8b0000ff,
-  darksalmon: 0xe9967aff,
-  darkseagreen: 0x8fbc8fff,
-  darkslateblue: 0x483d8bff,
-  darkslategray: 0x2f4f4fff,
-  darkslategrey: 0x2f4f4fff,
-  darkturquoise: 0x00ced1ff,
-  darkviolet: 0x9400d3ff,
-  deeppink: 0xff1493ff,
-  deepskyblue: 0x00bfffff,
-  dimgray: 0x696969ff,
-  dimgrey: 0x696969ff,
-  dodgerblue: 0x1e90ffff,
-  firebrick: 0xb22222ff,
-  floralwhite: 0xfffaf0ff,
-  forestgreen: 0x228b22ff,
-  fuchsia: 0xff00ffff,
-  gainsboro: 0xdcdcdcff,
-  ghostwhite: 0xf8f8ffff,
-  gold: 0xffd700ff,
-  goldenrod: 0xdaa520ff,
-  gray: 0x808080ff,
-  green: 0x008000ff,
-  greenyellow: 0xadff2fff,
-  grey: 0x808080ff,
-  honeydew: 0xf0fff0ff,
-  hotpink: 0xff69b4ff,
-  indianred: 0xcd5c5cff,
-  indigo: 0x4b0082ff,
-  ivory: 0xfffff0ff,
-  khaki: 0xf0e68cff,
-  lavender: 0xe6e6faff,
-  lavenderblush: 0xfff0f5ff,
-  lawngreen: 0x7cfc00ff,
-  lemonchiffon: 0xfffacdff,
-  lightblue: 0xadd8e6ff,
-  lightcoral: 0xf08080ff,
-  lightcyan: 0xe0ffffff,
-  lightgoldenrodyellow: 0xfafad2ff,
-  lightgray: 0xd3d3d3ff,
-  lightgreen: 0x90ee90ff,
-  lightgrey: 0xd3d3d3ff,
-  lightpink: 0xffb6c1ff,
-  lightsalmon: 0xffa07aff,
-  lightseagreen: 0x20b2aaff,
-  lightskyblue: 0x87cefaff,
-  lightslategray: 0x778899ff,
-  lightslategrey: 0x778899ff,
-  lightsteelblue: 0xb0c4deff,
-  lightyellow: 0xffffe0ff,
-  lime: 0x00ff00ff,
-  limegreen: 0x32cd32ff,
-  linen: 0xfaf0e6ff,
-  magenta: 0xff00ffff,
-  maroon: 0x800000ff,
-  mediumaquamarine: 0x66cdaaff,
-  mediumblue: 0x0000cdff,
-  mediumorchid: 0xba55d3ff,
-  mediumpurple: 0x9370dbff,
-  mediumseagreen: 0x3cb371ff,
-  mediumslateblue: 0x7b68eeff,
-  mediumspringgreen: 0x00fa9aff,
-  mediumturquoise: 0x48d1ccff,
-  mediumvioletred: 0xc71585ff,
-  midnightblue: 0x191970ff,
-  mintcream: 0xf5fffaff,
-  mistyrose: 0xffe4e1ff,
-  moccasin: 0xffe4b5ff,
-  navajowhite: 0xffdeadff,
-  navy: 0x000080ff,
-  oldlace: 0xfdf5e6ff,
-  olive: 0x808000ff,
-  olivedrab: 0x6b8e23ff,
-  orange: 0xffa500ff,
-  orangered: 0xff4500ff,
-  orchid: 0xda70d6ff,
-  palegoldenrod: 0xeee8aaff,
-  palegreen: 0x98fb98ff,
-  paleturquoise: 0xafeeeeff,
-  palevioletred: 0xdb7093ff,
-  papayawhip: 0xffefd5ff,
-  peachpuff: 0xffdab9ff,
-  peru: 0xcd853fff,
-  pink: 0xffc0cbff,
-  plum: 0xdda0ddff,
-  powderblue: 0xb0e0e6ff,
-  purple: 0x800080ff,
-  rebeccapurple: 0x663399ff,
-  red: 0xff0000ff,
-  rosybrown: 0xbc8f8fff,
-  royalblue: 0x4169e1ff,
-  saddlebrown: 0x8b4513ff,
-  salmon: 0xfa8072ff,
-  sandybrown: 0xf4a460ff,
-  seagreen: 0x2e8b57ff,
-  seashell: 0xfff5eeff,
-  sienna: 0xa0522dff,
-  silver: 0xc0c0c0ff,
-  skyblue: 0x87ceebff,
-  slateblue: 0x6a5acdff,
-  slategray: 0x708090ff,
-  slategrey: 0x708090ff,
-  snow: 0xfffafaff,
-  springgreen: 0x00ff7fff,
-  steelblue: 0x4682b4ff,
-  tan: 0xd2b48cff,
-  teal: 0x008080ff,
-  thistle: 0xd8bfd8ff,
-  tomato: 0xff6347ff,
-  turquoise: 0x40e0d0ff,
-  violet: 0xee82eeff,
-  wheat: 0xf5deb3ff,
-  white: 0xffffffff,
-  whitesmoke: 0xf5f5f5ff,
-  yellow: 0xffff00ff,
-  yellowgreen: 0x9acd32ff
-}