@tarojs/rn-style-transformer 4.0.0-beta.93 → 4.0.0-beta.95

package/LICENSE

@@ -154,15 +154,8 @@ See `/LICENSE` for details of the license.
 
 ==================
 
-MIT (stencil-vue2-output-target):
-The following files embed [stencil-vue2-output-target](https://github.com/diondree/stencil-vue2-output-target) MIT:
-`/packages/taro-components-library-vue2/src/vue-component-lib/utils.ts`
-See `/LICENSE` for details of the license.
-
-==================
-
 MIT (weui):
-The following files embed [stencil-vue2-output-target](https://github.com/Tencent/weui) MIT:
+The following files embed [weui](https://github.com/Tencent/weui) MIT:
 `/packages/taro-components/src/components/*.scss`
 See `/LICENSE.txt` for details of the license.
 
@@ -172,3 +165,10 @@ Apache-2.0 (intersection-observer):
 The following files embed [intersection-observer](https://github.com/GoogleChromeLabs/intersection-observer) Apache-2.0:
 `/packages/taro-api/src/polyfill/intersection-observer.ts`
 See `/LICENSE.txt` for details of the license.
+
+==================
+
+MIT (babel-plugin-jsx-dom-expressions):
+The following files embed [babel-plugin-jsx-dom-expressions](https://github.com/ryansolid/dom-expressions/blob/main/packages/babel-plugin-jsx-dom-expressions) MIT:
+`/packages/babel-plugin-transform-solid-jsx/src/*`
+See `/LICENSE` for details of the license.

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+import { TransformOptions } from './types';
+export declare function transform(src: string, filename: string, options: TransformOptions): Promise<any>;
+export declare function rollupTransform(options: TransformOptions): {
+    name: string;
+    transform(src: string, filename: string): Promise<{
+        code: string;
+    } | undefined>;
+};

package/dist/index.js

@@ -49,7 +49,7 @@ async function transform(src, filename, options) {
     }
     const ext = path.extname(filename);
     if (RN_CSS_EXT.includes(ext)) {
-        const styleTransform = getSingleStyleTransform(options.config);
+        const styleTransform = getSingleStyleTransform(options.config || {});
         const styles = await styleTransform.transform(src, filename, options);
         return upstreamTransformer.transform({
             src: styles,
@@ -62,11 +62,11 @@ async function transform(src, filename, options) {
 exports.transform = transform;
 function rollupTransform(options) {
     return {
-        name: 'rn-style-transformer',
+        name: 'rn-style-transformer', // this name will show up in warnings and errors
         async transform(src, filename) {
             const ext = path.extname(filename);
             if (RN_CSS_EXT.includes(ext)) {
-                const styleTransform = getSingleStyleTransform(options.config);
+                const styleTransform = getSingleStyleTransform(options.config || {});
                 const code = await styleTransform.transform(src, filename, options);
                 return { code };
             }

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA4B;AAE5B,8DAAyC;AAGzC,MAAM,UAAU,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAA;AAC1E,MAAM,mBAAmB,GAAG,OAAO,CAAC,uCAAuC,CAAC,CAAA;AAE5E,MAAM,uBAAuB,GAAG,iBAAiB,EAAE,CAAA;AAEnD,SAAS,iBAAiB;IACxB,IAAI,cAAc,GAA0B,IAAI,CAAA;IAChD,OAAO,UAAU,MAAc;QAC7B,aAAa;QACb,IAAI,CAAC,cAAc,EAAE;YACnB,cAAc,GAAG,IAAI,oBAAc,CAAC,MAAM,CAAC,CAAA;SAC5C;QACD,OAAO,cAAc,CAAA;IACvB,CAAC,CAAA;AACH,CAAC;AAEM,KAAK,UAAU,SAAS,CAAE,GAAW,EAAE,QAAgB,EAAE,OAAyB;IACvF,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;QAC3B,oBAAoB;QACpB,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,CAAA;KACnC;IACD,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAClC,IAAI,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;QAC5B,MAAM,cAAc,GAAG,uBAAuB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;QAC9D,MAAM,MAAM,GAAG,MAAM,cAAc,CAAC,SAAS,CAAC,GAAG,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;QACrE,OAAO,mBAAmB,CAAC,SAAS,CAAC;YACnC,GAAG,EAAE,MAAM;YACX,QAAQ;YACR,OAAO;SACR,CAAC,CAAA;KACH;IACD,OAAO,mBAAmB,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAA;AAClE,CAAC;AAhBD,8BAgBC;AAED,SAAgB,eAAe,CAAE,OAAyB;IACxD,OAAO;QACL,IAAI,EAAE,sBAAsB;QAC5B,KAAK,CAAC,SAAS,CAAE,GAAW,EAAE,QAAgB;YAC5C,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;YAClC,IAAI,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBAC5B,MAAM,cAAc,GAAG,uBAAuB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;gBAC9D,MAAM,IAAI,GAAG,MAAM,cAAc,CAAC,SAAS,CAAC,GAAG,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;gBACnE,OAAO,EAAE,IAAI,EAAE,CAAA;aAChB;QACH,CAAC;KACF,CAAA;AACH,CAAC;AAZD,0CAYC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA4B;AAE5B,8DAAyC;AAGzC,MAAM,UAAU,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAA;AAC1E,MAAM,mBAAmB,GAAG,OAAO,CAAC,uCAAuC,CAAC,CAAA;AAE5E,MAAM,uBAAuB,GAAG,iBAAiB,EAAE,CAAA;AAEnD,SAAS,iBAAiB;IACxB,IAAI,cAAc,GAA0B,IAAI,CAAA;IAChD,OAAO,UAAU,MAAc;QAC7B,aAAa;QACb,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,cAAc,GAAG,IAAI,oBAAc,CAAC,MAAM,CAAC,CAAA;QAC7C,CAAC;QACD,OAAO,cAAc,CAAA;IACvB,CAAC,CAAA;AACH,CAAC;AAEM,KAAK,UAAU,SAAS,CAAE,GAAW,EAAE,QAAgB,EAAE,OAAyB;IACvF,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC5B,oBAAoB;QACpB,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,CAAA;IACpC,CAAC;IACD,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAClC,IAAI,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QAC7B,MAAM,cAAc,GAAG,uBAAuB,CAAC,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC,CAAA;QACpE,MAAM,MAAM,GAAG,MAAM,cAAc,CAAC,SAAS,CAAC,GAAG,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;QACrE,OAAO,mBAAmB,CAAC,SAAS,CAAC;YACnC,GAAG,EAAE,MAAM;YACX,QAAQ;YACR,OAAO;SACR,CAAC,CAAA;IACJ,CAAC;IACD,OAAO,mBAAmB,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAA;AAClE,CAAC;AAhBD,8BAgBC;AAED,SAAgB,eAAe,CAAE,OAAyB;IACxD,OAAO;QACL,IAAI,EAAE,sBAAsB,EAAE,gDAAgD;QAC9E,KAAK,CAAC,SAAS,CAAE,GAAW,EAAE,QAAgB;YAC5C,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;YAClC,IAAI,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC7B,MAAM,cAAc,GAAG,uBAAuB,CAAC,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC,CAAA;gBACpE,MAAM,IAAI,GAAG,MAAM,cAAc,CAAC,SAAS,CAAC,GAAG,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;gBACnE,OAAO,EAAE,IAAI,EAAE,CAAA;YACjB,CAAC;QACH,CAAC;KACF,CAAA;AACH,CAAC;AAZD,0CAYC"}

package/dist/transforms/StyleSheet/ColorPropType.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 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
+ */
+declare const ColorPropType: any;
+export default ColorPropType;

package/dist/transforms/StyleSheet/ColorPropType.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPropType.js","sourceRoot":"","sources":["../../../src/transforms/StyleSheet/ColorPropType.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,YAAY,CAAA;;;;;AAEZ,sEAA6C;AAE7C,MAAM,aAAa,GAAG,UACpB,UAAU,EACV,KAAK,EACL,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,YAAY;IAEZ,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAA;IAC7B,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE;QACzC,IAAI,UAAU,EAAE;YACd,OAAO,IAAI,KAAK,CACd,WAAW;gBACT,QAAQ;gBACR,IAAI;gBACJ,CAAC,YAAY,IAAI,QAAQ,CAAC;gBAC1B,0BAA0B;gBAC1B,aAAa;gBACb,IAAI,CACP,CAAA;SACF;QACD,OAAM;KACP;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,qEAAqE;QACrE,2EAA2E;QAC3E,6CAA6C;QAC7C,OAAM;KACP;IAED,IAAI,IAAA,wBAAc,EAAC,KAAK,CAAC,KAAK,IAAI,EAAE;QAClC,OAAO,IAAI,KAAK,CACd,UAAU;YACR,QAAQ;YACR,IAAI;YACJ,CAAC,YAAY,IAAI,QAAQ,CAAC;YAC1B,iBAAiB;YACjB,aAAa;YACb,KAAK;YACL,KAAK;YACL,IAAI;YACJ;;;;;;;;;;;;CAYP,CACI,CAAA;KACF;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAA;AACtE,aAAa,CAAC,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAA;AAE1E,kBAAe,aAAa,CAAA"}
+{"version":3,"file":"ColorPropType.js","sourceRoot":"","sources":["../../../src/transforms/StyleSheet/ColorPropType.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,YAAY,CAAA;;;;;AAEZ,sEAA6C;AAE7C,MAAM,aAAa,GAAG,UACpB,UAAU,EACV,KAAK,EACL,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,YAAY;IAEZ,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAA;IAC7B,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QAC1C,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,IAAI,KAAK,CACd,WAAW;gBACT,QAAQ;gBACR,IAAI;gBACJ,CAAC,YAAY,IAAI,QAAQ,CAAC;gBAC1B,0BAA0B;gBAC1B,aAAa;gBACb,IAAI,CACP,CAAA;QACH,CAAC;QACD,OAAM;IACR,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,qEAAqE;QACrE,2EAA2E;QAC3E,6CAA6C;QAC7C,OAAM;IACR,CAAC;IAED,IAAI,IAAA,wBAAc,EAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;QACnC,OAAO,IAAI,KAAK,CACd,UAAU;YACR,QAAQ;YACR,IAAI;YACJ,CAAC,YAAY,IAAI,QAAQ,CAAC;YAC1B,iBAAiB;YACjB,aAAa;YACb,KAAK;YACL,KAAK;YACL,IAAI;YACJ;;;;;;;;;;;;CAYP,CACI,CAAA;IACH,CAAC;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAA;AACtE,aAAa,CAAC,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAA;AAE1E,kBAAe,aAAa,CAAA"}

package/dist/transforms/StyleSheet/ImageResizeMode.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ImageResizeMode - Enum for different image resizing modes, set via
+ * `resizeMode` style property on `<Image>` components.
+ */
+declare const ImageResizeMode: any;
+export default ImageResizeMode;

package/dist/transforms/StyleSheet/ImageStylePropTypes.d.ts

@@ -0,0 +1,128 @@
+import * as ReactPropTypes from 'prop-types';
+declare const ImageStylePropTypes: {
+    resizeMode: ReactPropTypes.Requireable<string>;
+    backfaceVisibility: ReactPropTypes.Requireable<string>;
+    backgroundColor: any;
+    borderColor: any;
+    borderWidth: ReactPropTypes.Requireable<number>;
+    borderRadius: ReactPropTypes.Requireable<number>;
+    overflow: ReactPropTypes.Requireable<string>;
+    /**
+     * Changes the color of all the non-transparent pixels to the tintColor.
+     */
+    tintColor: any;
+    opacity: ReactPropTypes.Requireable<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.Requireable<string>;
+    borderTopLeftRadius: ReactPropTypes.Requireable<number>;
+    borderTopRightRadius: ReactPropTypes.Requireable<number>;
+    borderBottomLeftRadius: ReactPropTypes.Requireable<number>;
+    borderBottomRightRadius: ReactPropTypes.Requireable<number>;
+    transform: ReactPropTypes.Requireable<(NonNullable<ReactPropTypes.InferProps<{
+        perspective: ReactPropTypes.Requireable<number>;
+    }> | ReactPropTypes.InferProps<{
+        rotate: ReactPropTypes.Requireable<string>;
+    }> | ReactPropTypes.InferProps<{
+        rotateX: ReactPropTypes.Requireable<string>;
+    }> | ReactPropTypes.InferProps<{
+        rotateY: ReactPropTypes.Requireable<string>;
+    }> | ReactPropTypes.InferProps<{
+        rotateZ: ReactPropTypes.Requireable<string>;
+    }> | ReactPropTypes.InferProps<{
+        scale: ReactPropTypes.Requireable<number>;
+    }> | ReactPropTypes.InferProps<{
+        scaleX: ReactPropTypes.Requireable<number>;
+    }> | ReactPropTypes.InferProps<{
+        scaleY: ReactPropTypes.Requireable<number>;
+    }> | ReactPropTypes.InferProps<{
+        translateX: ReactPropTypes.Requireable<number>;
+    }> | ReactPropTypes.InferProps<{
+        translateY: ReactPropTypes.Requireable<number>;
+    }> | ReactPropTypes.InferProps<{
+        skewX: ReactPropTypes.Requireable<string>;
+    }> | ReactPropTypes.InferProps<{
+        skewY: ReactPropTypes.Requireable<string>;
+    }> | null | undefined> | null | undefined)[]>;
+    transformMatrix: (props: any, propName: any, _componentName: any) => Error | undefined;
+    decomposedMatrix: (props: any, propName: any, _componentName: any) => Error | undefined;
+    scaleX: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+    scaleY: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+    rotation: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+    translateX: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+    translateY: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+    shadowColor: any;
+    shadowOffset: ReactPropTypes.Requireable<ReactPropTypes.InferProps<{
+        width: ReactPropTypes.Requireable<number>;
+        height: ReactPropTypes.Requireable<number>;
+    }>>;
+    shadowOpacity: ReactPropTypes.Requireable<number>;
+    shadowRadius: ReactPropTypes.Requireable<number>;
+    display: ReactPropTypes.Requireable<string>;
+    width: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    height: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    start: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    end: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    top: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    left: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    right: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    bottom: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    minWidth: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    maxWidth: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    minHeight: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    maxHeight: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    margin: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    marginVertical: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    marginHorizontal: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    marginTop: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    marginBottom: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    marginLeft: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    marginRight: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    marginStart: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    marginEnd: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    padding: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    paddingVertical: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    paddingHorizontal: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    paddingTop: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    paddingBottom: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    paddingLeft: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    paddingRight: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    paddingStart: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    paddingEnd: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    borderTopWidth: ReactPropTypes.Requireable<number>;
+    borderStartWidth: ReactPropTypes.Requireable<number>;
+    borderEndWidth: ReactPropTypes.Requireable<number>;
+    borderRightWidth: ReactPropTypes.Requireable<number>;
+    borderBottomWidth: ReactPropTypes.Requireable<number>;
+    borderLeftWidth: ReactPropTypes.Requireable<number>;
+    position: ReactPropTypes.Requireable<string>;
+    flexDirection: ReactPropTypes.Requireable<string>;
+    flexWrap: ReactPropTypes.Requireable<string>;
+    justifyContent: ReactPropTypes.Requireable<string>;
+    alignItems: ReactPropTypes.Requireable<string>;
+    alignSelf: ReactPropTypes.Requireable<string>;
+    alignContent: ReactPropTypes.Requireable<string>;
+    flex: ReactPropTypes.Requireable<number>;
+    flexGrow: ReactPropTypes.Requireable<number>;
+    flexShrink: ReactPropTypes.Requireable<number>;
+    flexBasis: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    aspectRatio: ReactPropTypes.Requireable<number>;
+    zIndex: ReactPropTypes.Requireable<number>;
+    direction: ReactPropTypes.Requireable<string>;
+};
+export default ImageStylePropTypes;

package/dist/transforms/StyleSheet/ImageStylePropTypes.js

@@ -35,10 +35,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const ReactPropTypes = __importStar(require("prop-types"));
 const ColorPropType_1 = __importDefault(require("./ColorPropType"));
 const ImageResizeMode_1 = __importDefault(require("./ImageResizeMode"));
 const LayoutPropTypes_1 = __importDefault(require("./LayoutPropTypes"));
-const ReactPropTypes = __importStar(require("prop-types"));
 const ShadowPropTypesIOS_1 = __importDefault(require("./ShadowPropTypesIOS"));
 const TransformPropTypes_1 = __importDefault(require("./TransformPropTypes"));
 const ImageStylePropTypes = Object.assign(Object.assign(Object.assign(Object.assign({}, LayoutPropTypes_1.default), ShadowPropTypesIOS_1.default), TransformPropTypes_1.default), { resizeMode: ReactPropTypes.oneOf(Object.keys(ImageResizeMode_1.default)), backfaceVisibility: ReactPropTypes.oneOf(['visible', 'hidden']), backgroundColor: ColorPropType_1.default, borderColor: ColorPropType_1.default, borderWidth: ReactPropTypes.number, borderRadius: ReactPropTypes.number, overflow: ReactPropTypes.oneOf(['visible', 'hidden']), 

package/dist/transforms/StyleSheet/ImageStylePropTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageStylePropTypes.js","sourceRoot":"","sources":["../../../src/transforms/StyleSheet/ImageStylePropTypes.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEZ,oEAA2C;AAC3C,wEAA+C;AAC/C,wEAA+C;AAC/C,2DAA4C;AAC5C,8EAAqD;AACrD,8EAAqD;AAErD,MAAM,mBAAmB,+DACpB,yBAAe,GACf,4BAAkB,GAClB,4BAAkB,KACrB,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,yBAAe,CAAC,CAAC,EAC9D,kBAAkB,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,EAC/D,eAAe,EAAE,uBAAa,EAC9B,WAAW,EAAE,uBAAa,EAC1B,WAAW,EAAE,cAAc,CAAC,MAAM,EAClC,YAAY,EAAE,cAAc,CAAC,MAAM,EACnC,QAAQ,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IAErD;;OAEG;IACH,SAAS,EAAE,uBAAa,EACxB,OAAO,EAAE,cAAc,CAAC,MAAM;IAC9B;;;;;;;;;;;;;;;;OAgBG;IACH,YAAY,EAAE,cAAc,CAAC,MAAM;IAEnC,0BAA0B;IAC1B,mBAAmB,EAAE,cAAc,CAAC,MAAM,EAC1C,oBAAoB,EAAE,cAAc,CAAC,MAAM,EAC3C,sBAAsB,EAAE,cAAc,CAAC,MAAM,EAC7C,uBAAuB,EAAE,cAAc,CAAC,MAAM,GAC/C,CAAA;AAED,kBAAe,mBAAmB,CAAA"}
+{"version":3,"file":"ImageStylePropTypes.js","sourceRoot":"","sources":["../../../src/transforms/StyleSheet/ImageStylePropTypes.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEZ,2DAA4C;AAE5C,oEAA2C;AAC3C,wEAA+C;AAC/C,wEAA+C;AAC/C,8EAAqD;AACrD,8EAAqD;AAErD,MAAM,mBAAmB,+DACpB,yBAAe,GACf,4BAAkB,GAClB,4BAAkB,KACrB,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,yBAAe,CAAC,CAAC,EAC9D,kBAAkB,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,EAC/D,eAAe,EAAE,uBAAa,EAC9B,WAAW,EAAE,uBAAa,EAC1B,WAAW,EAAE,cAAc,CAAC,MAAM,EAClC,YAAY,EAAE,cAAc,CAAC,MAAM,EACnC,QAAQ,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IAErD;;OAEG;IACH,SAAS,EAAE,uBAAa,EACxB,OAAO,EAAE,cAAc,CAAC,MAAM;IAC9B;;;;;;;;;;;;;;;;OAgBG;IACH,YAAY,EAAE,cAAc,CAAC,MAAM;IAEnC,0BAA0B;IAC1B,mBAAmB,EAAE,cAAc,CAAC,MAAM,EAC1C,oBAAoB,EAAE,cAAc,CAAC,MAAM,EAC3C,sBAAsB,EAAE,cAAc,CAAC,MAAM,EAC7C,uBAAuB,EAAE,cAAc,CAAC,MAAM,GAC/C,CAAA;AAED,kBAAe,mBAAmB,CAAA"}

package/dist/transforms/StyleSheet/LayoutPropTypes.d.ts

@@ -0,0 +1,388 @@
+/**
+ * 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
+ */
+import * as ReactPropTypes from 'prop-types';
+/**
+ * React Native's layout system is based on Flexbox and is powered both
+ * on iOS and Android by an open source project called `Yoga`:
+ * https://github.com/facebook/yoga
+ *
+ * The implementation in Yoga is slightly different from what the
+ * Flexbox spec defines - for example, we chose more sensible default
+ * values. Since our layout docs are generated from the comments in this
+ * file, please keep a brief comment describing each prop type.
+ *
+ * These properties are a subset of our styles that are consumed by the layout
+ * algorithm and affect the positioning and sizing of views.
+ */
+declare const LayoutPropTypes: {
+    /** `display` sets the display type of this component.
+     *
+     *  It works similarly to `display` in CSS, but only support 'flex' and 'none'.
+     *  'flex' is the default.
+     */
+    display: ReactPropTypes.Requireable<string>;
+    /** `width` sets the width of this component.
+     *
+     *  It works similarly to `width` in CSS, but in React Native you
+     *  must use points or percentages. Ems and other units are not supported.
+     *  See https://developer.mozilla.org/en-US/docs/Web/CSS/width for more details.
+     */
+    width: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /** `height` sets the height of this component.
+     *
+     *  It works similarly to `height` in CSS, but in React Native you
+     *  must use points or percentages. Ems and other units are not supported.
+     *  See https://developer.mozilla.org/en-US/docs/Web/CSS/height for more details.
+     */
+    height: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /**
+     * When the direction is `ltr`, `start` is equivalent to `left`.
+     * When the direction is `rtl`, `start` is equivalent to `right`.
+     *
+     * This style takes precedence over the `left`, `right`, and `end` styles.
+     */
+    start: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /**
+     * When the direction is `ltr`, `end` is equivalent to `right`.
+     * When the direction is `rtl`, `end` is equivalent to `left`.
+     *
+     * This style takes precedence over the `left` and `right` styles.
+     */
+    end: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /** `top` is the number of logical pixels to offset the top edge of
+     *  this component.
+     *
+     *  It works similarly to `top` in CSS, but in React Native you
+     *  must use points or percentages. Ems and other units are not supported.
+     *
+     *  See https://developer.mozilla.org/en-US/docs/Web/CSS/top
+     *  for more details of how `top` affects layout.
+     */
+    top: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /** `left` is the number of logical pixels to offset the left edge of
+     *  this component.
+     *
+     *  It works similarly to `left` in CSS, but in React Native you
+     *  must use points or percentages. Ems and other units are not supported.
+     *
+     *  See https://developer.mozilla.org/en-US/docs/Web/CSS/left
+     *  for more details of how `left` affects layout.
+     */
+    left: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /** `right` is the number of logical pixels to offset the right edge of
+     *  this component.
+     *
+     *  It works similarly to `right` in CSS, but in React Native you
+     *  must use points or percentages. Ems and other units are not supported.
+     *
+     *  See https://developer.mozilla.org/en-US/docs/Web/CSS/right
+     *  for more details of how `right` affects layout.
+     */
+    right: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /** `bottom` is the number of logical pixels to offset the bottom edge of
+     *  this component.
+     *
+     *  It works similarly to `bottom` in CSS, but in React Native you
+     *  must use points or percentages. Ems and other units are not supported.
+     *
+     *  See https://developer.mozilla.org/en-US/docs/Web/CSS/bottom
+     *  for more details of how `bottom` affects layout.
+     */
+    bottom: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /** `minWidth` is the minimum width for this component, in logical pixels.
+     *
+     *  It works similarly to `min-width` in CSS, but in React Native you
+     *  must use points or percentages. Ems and other units are not supported.
+     *
+     *  See https://developer.mozilla.org/en-US/docs/Web/CSS/min-width
+     *  for more details.
+     */
+    minWidth: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /** `maxWidth` is the maximum width for this component, in logical pixels.
+     *
+     *  It works similarly to `max-width` in CSS, but in React Native you
+     *  must use points or percentages. Ems and other units are not supported.
+     *
+     *  See https://developer.mozilla.org/en-US/docs/Web/CSS/max-width
+     *  for more details.
+     */
+    maxWidth: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /** `minHeight` is the minimum height for this component, in logical pixels.
+     *
+     *  It works similarly to `min-height` in CSS, but in React Native you
+     *  must use points or percentages. Ems and other units are not supported.
+     *
+     *  See https://developer.mozilla.org/en-US/docs/Web/CSS/min-height
+     *  for more details.
+     */
+    minHeight: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /** `maxHeight` is the maximum height for this component, in logical pixels.
+     *
+     *  It works similarly to `max-height` in CSS, but in React Native you
+     *  must use points or percentages. Ems and other units are not supported.
+     *
+     *  See https://developer.mozilla.org/en-US/docs/Web/CSS/max-height
+     *  for more details.
+     */
+    maxHeight: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /** Setting `margin` has the same effect as setting each of
+     *  `marginTop`, `marginLeft`, `marginBottom`, and `marginRight`.
+     *  See https://developer.mozilla.org/en-US/docs/Web/CSS/margin
+     *  for more details.
+     */
+    margin: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /** Setting `marginVertical` has the same effect as setting both
+     *  `marginTop` and `marginBottom`.
+     */
+    marginVertical: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /** Setting `marginHorizontal` has the same effect as setting
+     *  both `marginLeft` and `marginRight`.
+     */
+    marginHorizontal: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /** `marginTop` works like `margin-top` in CSS.
+     *  See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top
+     *  for more details.
+     */
+    marginTop: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /** `marginBottom` works like `margin-bottom` in CSS.
+     *  See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom
+     *  for more details.
+     */
+    marginBottom: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /** `marginLeft` works like `margin-left` in CSS.
+     *  See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left
+     *  for more details.
+     */
+    marginLeft: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /** `marginRight` works like `margin-right` in CSS.
+     *  See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right
+     *  for more details.
+     */
+    marginRight: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /**
+     * When direction is `ltr`, `marginStart` is equivalent to `marginLeft`.
+     * When direction is `rtl`, `marginStart` is equivalent to `marginRight`.
+     */
+    marginStart: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /**
+     * When direction is `ltr`, `marginEnd` is equivalent to `marginRight`.
+     * When direction is `rtl`, `marginEnd` is equivalent to `marginLeft`.
+     */
+    marginEnd: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /** Setting `padding` has the same effect as setting each of
+     *  `paddingTop`, `paddingBottom`, `paddingLeft`, and `paddingRight`.
+     *  See https://developer.mozilla.org/en-US/docs/Web/CSS/padding
+     *  for more details.
+     */
+    padding: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /** Setting `paddingVertical` is like setting both of
+     *  `paddingTop` and `paddingBottom`.
+     */
+    paddingVertical: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /** Setting `paddingHorizontal` is like setting both of
+     *  `paddingLeft` and `paddingRight`.
+     */
+    paddingHorizontal: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /** `paddingTop` works like `padding-top` in CSS.
+     * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top
+     * for more details.
+     */
+    paddingTop: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /** `paddingBottom` works like `padding-bottom` in CSS.
+     * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom
+     * for more details.
+     */
+    paddingBottom: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /** `paddingLeft` works like `padding-left` in CSS.
+     * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left
+     * for more details.
+     */
+    paddingLeft: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /** `paddingRight` works like `padding-right` in CSS.
+     * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right
+     * for more details.
+     */
+    paddingRight: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /**
+     * When direction is `ltr`, `paddingStart` is equivalent to `paddingLeft`.
+     * When direction is `rtl`, `paddingStart` is equivalent to `paddingRight`.
+     */
+    paddingStart: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /**
+     * When direction is `ltr`, `paddingEnd` is equivalent to `paddingRight`.
+     * When direction is `rtl`, `paddingEnd` is equivalent to `paddingLeft`.
+     */
+    paddingEnd: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /** `borderWidth` works like `border-width` in CSS.
+     * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-width
+     * for more details.
+     */
+    borderWidth: ReactPropTypes.Requireable<number>;
+    /** `borderTopWidth` works like `border-top-width` in CSS.
+     * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width
+     * for more details.
+     */
+    borderTopWidth: ReactPropTypes.Requireable<number>;
+    /**
+     * When direction is `ltr`, `borderStartWidth` is equivalent to `borderLeftWidth`.
+     * When direction is `rtl`, `borderStartWidth` is equivalent to `borderRightWidth`.
+     */
+    borderStartWidth: ReactPropTypes.Requireable<number>;
+    /**
+     * When direction is `ltr`, `borderEndWidth` is equivalent to `borderRightWidth`.
+     * When direction is `rtl`, `borderEndWidth` is equivalent to `borderLeftWidth`.
+     */
+    borderEndWidth: ReactPropTypes.Requireable<number>;
+    /** `borderRightWidth` works like `border-right-width` in CSS.
+     * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-width
+     * for more details.
+     */
+    borderRightWidth: ReactPropTypes.Requireable<number>;
+    /** `borderBottomWidth` works like `border-bottom-width` in CSS.
+     * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width
+     * for more details.
+     */
+    borderBottomWidth: ReactPropTypes.Requireable<number>;
+    /** `borderLeftWidth` works like `border-left-width` in CSS.
+     * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-width
+     * for more details.
+     */
+    borderLeftWidth: ReactPropTypes.Requireable<number>;
+    /** `position` in React Native is similar to regular CSS, but
+     *  everything is set to `relative` by default, so `absolute`
+     *  positioning is always just relative to the parent.
+     *
+     *  If you want to position a child using specific numbers of logical
+     *  pixels relative to its parent, set the child to have `absolute`
+     *  position.
+     *
+     *  If you want to position a child relative to something
+     *  that is not its parent, just don't use styles for that. Use the
+     *  component tree.
+     *
+     *  See https://github.com/facebook/yoga
+     *  for more details on how `position` differs between React Native
+     *  and CSS.
+     */
+    position: ReactPropTypes.Requireable<string>;
+    /** `flexDirection` controls which directions children of a container go.
+     *  `row` goes left to right, `column` goes top to bottom, and you may
+     *  be able to guess what the other two do. It works like `flex-direction`
+     *  in CSS, except the default is `column`.
+     *  See https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction
+     *  for more details.
+     */
+    flexDirection: ReactPropTypes.Requireable<string>;
+    /** `flexWrap` controls whether children can wrap around after they
+     *  hit the end of a flex container.
+     *  It works like `flex-wrap` in CSS (default: nowrap).
+     *  See https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap
+     *  for more details.
+     */
+    flexWrap: ReactPropTypes.Requireable<string>;
+    /** `justifyContent` aligns children in the main direction.
+     *  For example, if children are flowing vertically, `justifyContent`
+     *  controls how they align vertically.
+     *  It works like `justify-content` in CSS (default: flex-start).
+     *  See https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content
+     *  for more details.
+     */
+    justifyContent: ReactPropTypes.Requireable<string>;
+    /** `alignItems` aligns children in the cross direction.
+     *  For example, if children are flowing vertically, `alignItems`
+     *  controls how they align horizontally.
+     *  It works like `align-items` in CSS (default: stretch).
+     *  See https://developer.mozilla.org/en-US/docs/Web/CSS/align-items
+     *  for more details.
+     */
+    alignItems: ReactPropTypes.Requireable<string>;
+    /** `alignSelf` controls how a child aligns in the cross direction,
+     *  overriding the `alignItems` of the parent. It works like `align-self`
+     *  in CSS (default: auto).
+     *  See https://developer.mozilla.org/en-US/docs/Web/CSS/align-self
+     *  for more details.
+     */
+    alignSelf: ReactPropTypes.Requireable<string>;
+    /** `alignContent` controls how rows align in the cross direction,
+     *  overriding the `alignContent` of the parent.
+     *  See https://developer.mozilla.org/en-US/docs/Web/CSS/align-content
+     *  for more details.
+     */
+    alignContent: ReactPropTypes.Requireable<string>;
+    /** `overflow` controls how children are measured and displayed.
+     *  `overflow: hidden` causes views to be clipped while `overflow: scroll`
+     *  causes views to be measured independently of their parents main axis.
+     *  It works like `overflow` in CSS (default: visible).
+     *  See https://developer.mozilla.org/en/docs/Web/CSS/overflow
+     *  for more details.
+     *  `overflow: visible` only works on iOS. On Android, all views will clip
+     *  their children.
+     */
+    overflow: ReactPropTypes.Requireable<string>;
+    /** In React Native `flex` does not work the same way that it does in CSS.
+     *  `flex` is a number rather than a string, and it works
+     *  according to the `Yoga` library
+     *  at https://github.com/facebook/yoga
+     *
+     *  When `flex` is a positive number, it makes the component flexible
+     *  and it will be sized proportional to its flex value. So a
+     *  component with `flex` set to 2 will take twice the space as a
+     *  component with `flex` set to 1.
+     *
+     *  When `flex` is 0, the component is sized according to `width`
+     *  and `height` and it is inflexible.
+     *
+     *  When `flex` is -1, the component is normally sized according
+     *  `width` and `height`. However, if there's not enough space,
+     *  the component will shrink to its `minWidth` and `minHeight`.
+     *
+     * flexGrow, flexShrink, and flexBasis work the same as in CSS.
+     */
+    flex: ReactPropTypes.Requireable<number>;
+    flexGrow: ReactPropTypes.Requireable<number>;
+    flexShrink: ReactPropTypes.Requireable<number>;
+    flexBasis: ReactPropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    /**
+     * Aspect ratio control the size of the undefined dimension of a node. Aspect ratio is a
+     * non-standard property only available in react native and not CSS.
+     *
+     * - On a node with a set width/height aspect ratio control the size of the unset dimension
+     * - On a node with a set flex basis aspect ratio controls the size of the node in the cross axis
+     *   if unset
+     * - On a node with a measure function aspect ratio works as though the measure function measures
+     *   the flex basis
+     * - On a node with flex grow/shrink aspect ratio controls the size of the node in the cross axis
+     *   if unset
+     * - Aspect ratio takes min/max dimensions into account
+     */
+    aspectRatio: ReactPropTypes.Requireable<number>;
+    /** `zIndex` controls which components display on top of others.
+     *  Normally, you don't use `zIndex`. Components render according to
+     *  their order in the document tree, so later components draw over
+     *  earlier ones. `zIndex` may be useful if you have animations or custom
+     *  modal interfaces where you don't want this behavior.
+     *
+     *  It works like the CSS `z-index` property - components with a larger
+     *  `zIndex` will render on top. Think of the z-direction like it's
+     *  pointing from the phone into your eyeball.
+     *  See https://developer.mozilla.org/en-US/docs/Web/CSS/z-index for
+     *  more details.
+     */
+    zIndex: ReactPropTypes.Requireable<number>;
+    /** `direction` specifies the directional flow of the user interface.
+     *  The default is `inherit`, except for root node which will have
+     *  value based on the current locale.
+     *  See https://facebook.github.io/yoga/docs/rtl/
+     *  for more details.
+     *  @platform ios
+     */
+    direction: ReactPropTypes.Requireable<string>;
+};
+export default LayoutPropTypes;