2015-05-07 00:28:05 +03:00
|
|
|
/**
|
2018-09-12 01:27:47 +03:00
|
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
2015-05-07 00:28:05 +03:00
|
|
|
*
|
2018-02-17 05:24:55 +03:00
|
|
|
* This source code is licensed under the MIT license found in the
|
|
|
|
* LICENSE file in the root directory of this source tree.
|
2015-05-07 00:28:05 +03:00
|
|
|
*
|
2018-05-11 05:06:46 +03:00
|
|
|
* @format
|
2015-05-07 00:28:05 +03:00
|
|
|
* @flow
|
|
|
|
*/
|
2018-05-11 05:06:46 +03:00
|
|
|
|
2015-05-07 00:28:05 +03:00
|
|
|
'use strict';
|
|
|
|
|
2018-05-11 01:44:52 +03:00
|
|
|
const ReactPropTypes = require('prop-types');
|
2015-05-07 00:28:05 +03:00
|
|
|
|
2019-05-08 18:44:25 +03:00
|
|
|
const deprecatedPropType = require('../Utilities/deprecatedPropType');
|
2015-10-07 01:19:59 +03:00
|
|
|
|
2018-05-11 01:44:52 +03:00
|
|
|
const TransformMatrixPropType = function(
|
2018-05-11 05:06:46 +03:00
|
|
|
props: Object,
|
|
|
|
propName: string,
|
|
|
|
componentName: string,
|
|
|
|
): ?Error {
|
2016-04-30 00:17:58 +03:00
|
|
|
if (props[propName]) {
|
2015-10-07 01:19:59 +03:00
|
|
|
return new Error(
|
2016-04-30 00:17:58 +03:00
|
|
|
'The transformMatrix style property is deprecated. ' +
|
2018-05-11 05:06:46 +03:00
|
|
|
'Use `transform: [{ matrix: ... }]` instead.',
|
2016-04-30 00:17:58 +03:00
|
|
|
);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
2018-05-11 01:44:52 +03:00
|
|
|
const DecomposedMatrixPropType = function(
|
2018-05-11 05:06:46 +03:00
|
|
|
props: Object,
|
|
|
|
propName: string,
|
|
|
|
componentName: string,
|
|
|
|
): ?Error {
|
2016-04-30 00:17:58 +03:00
|
|
|
if (props[propName]) {
|
|
|
|
return new Error(
|
|
|
|
'The decomposedMatrix style property is deprecated. ' +
|
2018-05-11 05:06:46 +03:00
|
|
|
'Use `transform: [...]` instead.',
|
2015-10-07 01:19:59 +03:00
|
|
|
);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
2018-09-28 02:12:47 +03:00
|
|
|
const DeprecatedTransformPropTypes = {
|
2019-08-09 20:06:53 +03:00
|
|
|
transform: (ReactPropTypes.arrayOf(
|
2015-05-07 22:14:15 +03:00
|
|
|
ReactPropTypes.oneOfType([
|
2015-07-15 17:57:25 +03:00
|
|
|
ReactPropTypes.shape({perspective: ReactPropTypes.number}),
|
2015-05-07 22:14:15 +03:00
|
|
|
ReactPropTypes.shape({rotate: ReactPropTypes.string}),
|
2015-07-15 05:41:07 +03:00
|
|
|
ReactPropTypes.shape({rotateX: ReactPropTypes.string}),
|
|
|
|
ReactPropTypes.shape({rotateY: ReactPropTypes.string}),
|
|
|
|
ReactPropTypes.shape({rotateZ: ReactPropTypes.string}),
|
|
|
|
ReactPropTypes.shape({scale: ReactPropTypes.number}),
|
2015-05-07 22:14:15 +03:00
|
|
|
ReactPropTypes.shape({scaleX: ReactPropTypes.number}),
|
|
|
|
ReactPropTypes.shape({scaleY: ReactPropTypes.number}),
|
|
|
|
ReactPropTypes.shape({translateX: ReactPropTypes.number}),
|
2015-09-24 06:03:16 +03:00
|
|
|
ReactPropTypes.shape({translateY: ReactPropTypes.number}),
|
|
|
|
ReactPropTypes.shape({skewX: ReactPropTypes.string}),
|
2018-05-11 05:06:46 +03:00
|
|
|
ReactPropTypes.shape({skewY: ReactPropTypes.string}),
|
|
|
|
]),
|
2019-08-09 20:06:53 +03:00
|
|
|
): React$PropType$Primitive<
|
|
|
|
Array<
|
|
|
|
| {perspective?: number}
|
|
|
|
| {rotate?: string}
|
|
|
|
| {rotateX?: string}
|
|
|
|
| {rotateY?: string}
|
|
|
|
| {rotateZ?: string}
|
|
|
|
| {scale?: number}
|
|
|
|
| {scaleX?: number}
|
|
|
|
| {scaleY?: number}
|
|
|
|
| {translateX?: number}
|
|
|
|
| {translateY?: number}
|
|
|
|
| {skewX?: string}
|
|
|
|
| {skewY?: string},
|
|
|
|
>,
|
|
|
|
>),
|
2015-10-07 01:19:59 +03:00
|
|
|
transformMatrix: TransformMatrixPropType,
|
2016-04-30 00:17:58 +03:00
|
|
|
decomposedMatrix: DecomposedMatrixPropType,
|
2019-08-09 20:06:53 +03:00
|
|
|
scaleX: (deprecatedPropType(
|
2018-05-11 05:06:46 +03:00
|
|
|
ReactPropTypes.number,
|
|
|
|
'Use the transform prop instead.',
|
2019-08-09 20:06:53 +03:00
|
|
|
): ReactPropsCheckType),
|
|
|
|
scaleY: (deprecatedPropType(
|
2018-05-11 05:06:46 +03:00
|
|
|
ReactPropTypes.number,
|
|
|
|
'Use the transform prop instead.',
|
2019-08-09 20:06:53 +03:00
|
|
|
): ReactPropsCheckType),
|
|
|
|
rotation: (deprecatedPropType(
|
2018-05-11 05:06:46 +03:00
|
|
|
ReactPropTypes.number,
|
|
|
|
'Use the transform prop instead.',
|
2019-08-09 20:06:53 +03:00
|
|
|
): ReactPropsCheckType),
|
|
|
|
translateX: (deprecatedPropType(
|
2018-05-11 05:06:46 +03:00
|
|
|
ReactPropTypes.number,
|
|
|
|
'Use the transform prop instead.',
|
2019-08-09 20:06:53 +03:00
|
|
|
): ReactPropsCheckType),
|
|
|
|
translateY: (deprecatedPropType(
|
2018-05-11 05:06:46 +03:00
|
|
|
ReactPropTypes.number,
|
|
|
|
'Use the transform prop instead.',
|
2019-08-09 20:06:53 +03:00
|
|
|
): ReactPropsCheckType),
|
2015-05-07 00:28:05 +03:00
|
|
|
};
|
|
|
|
|
2018-09-28 02:12:47 +03:00
|
|
|
module.exports = DeprecatedTransformPropTypes;
|