@tarojs/rn-style-transformer 4.0.0-beta.78 → 4.0.0-beta.79

package/src/transforms/StyleSheet/ColorPropType.ts

@@ -0,0 +1,76 @@
+/**
+ * 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 normalizeColor from './normalizeColor'
+
+const colorPropType = function (
+  isRequired,
+  props,
+  propName,
+  componentName,
+  location,
+  propFullName
+) {
+  const color = props[propName]
+  if (color === undefined || color === null) {
+    if (isRequired) {
+      return new Error(
+        'Required ' +
+          location +
+          ' `' +
+          (propFullName || propName) +
+          '` was not specified in `' +
+          componentName +
+          '`.'
+      )
+    }
+    return
+  }
+
+  if (typeof color === 'number') {
+    // Developers should not use a number, but we are using the prop type
+    // both for user provided colors and for transformed ones. This isn't ideal
+    // and should be fixed but will do for now...
+    return
+  }
+
+  if (normalizeColor(color) === null) {
+    return new Error(
+      'Invalid ' +
+        location +
+        ' `' +
+        (propFullName || propName) +
+        '` supplied to `' +
+        componentName +
+        '`: ' +
+        color +
+        '\n' +
+        `Valid color formats are
+  - '#f0f' (#rgb)
+  - '#f0fc' (#rgba)
+  - '#ff00ff' (#rrggbb)
+  - '#ff00ff00' (#rrggbbaa)
+  - 'rgb(255, 255, 255)'
+  - 'rgba(255, 255, 255, 1.0)'
+  - 'hsl(360, 100%, 100%)'
+  - 'hsla(360, 100%, 100%, 1.0)'
+  - 'transparent'
+  - 'red'
+  - 0xff00ff00 (0xrrggbbaa)
+`
+    )
+  }
+}
+
+const ColorPropType = colorPropType.bind(null, false /* isRequired */)
+ColorPropType.isRequired = colorPropType.bind(null, true /* isRequired */)
+
+export default ColorPropType

package/src/transforms/StyleSheet/ImageResizeMode.ts

@@ -0,0 +1,50 @@
+/**
+ * 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
+ */
+/* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an error
+ * found when Flow v0.54 was deployed. To see the error delete this comment and
+ * run Flow. */
+import keyMirror from 'fbjs/lib/keyMirror'
+
+/**
+ * ImageResizeMode - Enum for different image resizing modes, set via
+ * `resizeMode` style property on `<Image>` components.
+ */
+const ImageResizeMode = keyMirror({
+  /**
+   * contain - The image will be resized such that it will be completely
+   * visible, contained within the frame of the View.
+   */
+  contain: null,
+  /**
+   * cover - The image will be resized such that the entire area of the view
+   * is covered by the image, potentially clipping parts of the image.
+   */
+  cover: null,
+  /**
+   * stretch - The image will be stretched to fill the entire frame of the
+   * view without clipping. This may change the aspect ratio of the image,
+   * distorting it.
+   */
+  stretch: null,
+  /**
+   * center - The image will be scaled down such that it is completely visible,
+   * if bigger than the area of the view.
+   * The image will not be scaled up.
+   */
+  center: null,
+
+  /**
+   * repeat - The image will be repeated to cover the frame of the View. The
+   * image will keep it's size and aspect ratio.
+   */
+  repeat: null
+})
+
+export default ImageResizeMode

package/src/transforms/StyleSheet/ImageStylePropTypes.ts

@@ -0,0 +1,62 @@
+/**
+ * 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 ImageResizeMode from './ImageResizeMode'
+import LayoutPropTypes from './LayoutPropTypes'
+import * as ReactPropTypes from 'prop-types'
+import ShadowPropTypesIOS from './ShadowPropTypesIOS'
+import TransformPropTypes from './TransformPropTypes'
+
+const ImageStylePropTypes = {
+  ...LayoutPropTypes,
+  ...ShadowPropTypesIOS,
+  ...TransformPropTypes,
+  resizeMode: ReactPropTypes.oneOf(Object.keys(ImageResizeMode)),
+  backfaceVisibility: ReactPropTypes.oneOf(['visible', 'hidden']),
+  backgroundColor: ColorPropType,
+  borderColor: ColorPropType,
+  borderWidth: ReactPropTypes.number,
+  borderRadius: ReactPropTypes.number,
+  overflow: ReactPropTypes.oneOf(['visible', 'hidden']),
+
+  /**
+   * Changes the color of all the non-transparent pixels to the tintColor.
+   */
+  tintColor: ColorPropType,
+  opacity: ReactPropTypes.number,
+  /**
+   * When the image has rounded corners, specifying an overlayColor will
+   * cause the remaining space in the corners to be filled with a solid color.
+   * This is useful in cases which are not supported by the Android
+   * implementation of rounded corners:
+   *   - Certain resize modes, such as 'contain'
+   *   - Animated GIFs
+   *
+   * A typical way to use this prop is with images displayed on a solid
+   * background and setting the `overlayColor` to the same color
+   * as the background.
+   *
+   * For details of how this works under the hood, see
+   * http://frescolib.org/docs/rounded-corners-and-circles.html
+   *
+   * @platform android
+   */
+  overlayColor: ReactPropTypes.string,
+
+  // Android-Specific styles
+  borderTopLeftRadius: ReactPropTypes.number,
+  borderTopRightRadius: ReactPropTypes.number,
+  borderBottomLeftRadius: ReactPropTypes.number,
+  borderBottomRightRadius: ReactPropTypes.number
+}
+
+export default ImageStylePropTypes