@draftbit/core 46.2.4-a572b7.5 → 46.2.4-b5dfee.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/AnimatedCircularProgress.js +2 -12
- package/lib/commonjs/components/Banner.js +4 -24
- package/lib/commonjs/components/CardBlock.js +5 -15
- package/lib/commonjs/components/CardContainer.js +5 -15
- package/lib/commonjs/components/CardContainerRating.js +5 -15
- package/lib/commonjs/components/CardContainerShortImage.js +5 -17
- package/lib/commonjs/components/Carousel.js +10 -34
- package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +6 -24
- package/lib/commonjs/components/Checkbox/context.js +1 -1
- package/lib/commonjs/components/CircleImage.js +2 -16
- package/lib/commonjs/components/CircularProgress.js +7 -15
- package/lib/commonjs/components/Container.js +5 -17
- package/lib/commonjs/components/DeprecatedCardWrapper.js +2 -17
- package/lib/commonjs/components/DeprecatedFAB.js +4 -22
- package/lib/commonjs/components/Elevation.js +3 -15
- package/lib/commonjs/components/FAB.js +5 -20
- package/lib/commonjs/components/FormRow.js +3 -17
- package/lib/commonjs/components/Image.js +3 -16
- package/lib/commonjs/components/NumberInput.js +2 -13
- package/lib/commonjs/components/Picker/PickerComponent.ios.js +13 -42
- package/lib/commonjs/components/Portal/PortalHost.js +15 -27
- package/lib/commonjs/components/RadioButton/RadioButtonGroup.js +3 -16
- package/lib/commonjs/components/RadioButton/RadioButtonRow.js +6 -24
- package/lib/commonjs/components/ScreenContainer.js +5 -23
- package/lib/commonjs/components/Slider.js +5 -24
- package/lib/commonjs/components/StarRating.js +5 -25
- package/lib/commonjs/components/Surface.js +3 -14
- package/lib/commonjs/components/Text.js +11 -37
- package/lib/commonjs/components/TextField.js +30 -63
- package/lib/commonjs/components/Touchable.js +2 -16
- package/lib/commonjs/components/Youtube.js +73 -0
- package/lib/commonjs/index.js +8 -0
- package/lib/commonjs/mappings/SVG.js +1 -2
- package/lib/commonjs/mappings/Youtube.js +42 -0
- package/lib/module/components/Picker/PickerComponent.android.js +5 -23
- package/lib/module/components/ProgressBar.js +7 -23
- package/lib/module/components/Surface.js +2 -16
- package/lib/module/components/Youtube.js +59 -0
- package/lib/module/constants.js +1 -0
- package/lib/module/index.js +2 -1
- package/lib/module/mappings/SVG.js +2 -3
- package/lib/module/mappings/Youtube.js +33 -0
- package/lib/typescript/src/components/SVG.d.ts +2 -2
- package/lib/typescript/src/components/Youtube.d.ts +44 -0
- package/lib/typescript/src/index.d.ts +1 -0
- package/lib/typescript/src/mappings/SVG.d.ts +0 -1
- package/lib/typescript/src/mappings/Youtube.d.ts +36 -0
- package/package.json +7 -5
- package/src/components/SVG.tsx +2 -2
- package/src/components/Youtube.js +38 -0
- package/src/components/Youtube.tsx +66 -0
- package/src/index.js +1 -0
- package/src/index.tsx +1 -0
- package/src/mappings/SVG.js +2 -3
- package/src/mappings/SVG.ts +2 -3
- package/src/mappings/Youtube.js +33 -0
- package/src/mappings/Youtube.ts +39 -0
|
@@ -17,6 +17,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
17
17
|
|
|
18
18
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
19
19
|
|
|
20
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
21
|
+
|
|
20
22
|
const AnimatedProgress = _reactNative.Animated.createAnimatedComponent(_CircularProgress.default);
|
|
21
23
|
|
|
22
24
|
const AnimatedCircularProgress = _ref => {
|
|
@@ -67,18 +69,6 @@ const AnimatedCircularProgress = _ref => {
|
|
|
67
69
|
React.useEffect(() => {
|
|
68
70
|
animate();
|
|
69
71
|
}, [fill, animate]);
|
|
70
|
-
return /*#__PURE__*/React.createElement(AnimatedProgress, { ...other,
|
|
71
|
-
style: other.style,
|
|
72
|
-
childrenContainerStyle: other.childrenContainerStyle,
|
|
73
|
-
fill: fillAnimation,
|
|
74
|
-
tintColor: animateColor()
|
|
75
|
-
});
|
|
76
|
-
};
|
|
77
|
-
|
|
78
|
-
var _default = AnimatedCircularProgress;
|
|
79
|
-
exports.default = _default;eEffect(() => {
|
|
80
|
-
animate();
|
|
81
|
-
}, [fill, animate]);
|
|
82
72
|
return /*#__PURE__*/React.createElement(AnimatedProgress, _extends({}, other, {
|
|
83
73
|
style: other.style,
|
|
84
74
|
childrenContainerStyle: other.childrenContainerStyle,
|
|
@@ -21,6 +21,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
21
21
|
|
|
22
22
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
23
|
|
|
24
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
25
|
+
|
|
24
26
|
const ELEVATION = 1;
|
|
25
27
|
const DEFAULT_MAX_WIDTH = 960;
|
|
26
28
|
|
|
@@ -92,9 +94,9 @@ const Banner = _ref => {
|
|
|
92
94
|
|
|
93
95
|
const translateY = _reactNative.Animated.multiply(_reactNative.Animated.add(position, -1), layout.height);
|
|
94
96
|
|
|
95
|
-
return /*#__PURE__*/React.createElement(_Surface.default, {
|
|
97
|
+
return /*#__PURE__*/React.createElement(_Surface.default, _extends({}, rest, {
|
|
96
98
|
style: [styles.container, (0, _shadow.default)(ELEVATION), style]
|
|
97
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
99
|
+
}), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
98
100
|
style: [styles.wrapper, contentStyle]
|
|
99
101
|
}, /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
|
|
100
102
|
style: {
|
|
@@ -176,26 +178,4 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
176
178
|
|
|
177
179
|
var _default = (0, _theming.withTheme)(Banner);
|
|
178
180
|
|
|
179
|
-
exports.default = _default;ow",
|
|
180
|
-
justifyContent: "flex-start",
|
|
181
|
-
marginHorizontal: 8,
|
|
182
|
-
marginTop: 16,
|
|
183
|
-
marginBottom: 0
|
|
184
|
-
},
|
|
185
|
-
icon: {
|
|
186
|
-
margin: 8
|
|
187
|
-
},
|
|
188
|
-
message: {
|
|
189
|
-
flex: 1,
|
|
190
|
-
margin: 8
|
|
191
|
-
},
|
|
192
|
-
actions: {
|
|
193
|
-
flexDirection: "row",
|
|
194
|
-
justifyContent: "flex-end",
|
|
195
|
-
margin: 8
|
|
196
|
-
}
|
|
197
|
-
});
|
|
198
|
-
|
|
199
|
-
var _default = (0, _theming.withTheme)(Banner);
|
|
200
|
-
|
|
201
181
|
exports.default = _default;
|
|
@@ -21,6 +21,8 @@ var _Config = _interopRequireDefault(require("./Config"));
|
|
|
21
21
|
|
|
22
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
23
|
|
|
24
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
25
|
+
|
|
24
26
|
const CardBlock = _ref => {
|
|
25
27
|
let {
|
|
26
28
|
image = _Config.default.cardImageUrl,
|
|
@@ -60,12 +62,11 @@ const CardBlock = _ref => {
|
|
|
60
62
|
const rightDescriptionStyles = [typography.subtitle2, {
|
|
61
63
|
color: colors.light
|
|
62
64
|
}];
|
|
63
|
-
return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
|
|
65
|
+
return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
|
|
64
66
|
style: style,
|
|
65
67
|
onPress: onPress,
|
|
66
|
-
numColumns: numColumns
|
|
67
|
-
|
|
68
|
-
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
68
|
+
numColumns: numColumns
|
|
69
|
+
}, rest), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
69
70
|
style: {
|
|
70
71
|
backgroundColor: colors.background
|
|
71
72
|
}
|
|
@@ -117,15 +118,4 @@ const CardBlock = _ref => {
|
|
|
117
118
|
|
|
118
119
|
var _default = (0, _theming.withTheme)(CardBlock);
|
|
119
120
|
|
|
120
|
-
exports.default = _default;le: [typography.body2, {
|
|
121
|
-
color: colors.medium
|
|
122
|
-
}]
|
|
123
|
-
}, leftDescription), rightDescription ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
|
124
|
-
numberOfLines: 1,
|
|
125
|
-
style: rightDescriptionStyles
|
|
126
|
-
}, rightDescription) : null) : null));
|
|
127
|
-
};
|
|
128
|
-
|
|
129
|
-
var _default = (0, _theming.withTheme)(CardBlock);
|
|
130
|
-
|
|
131
121
|
exports.default = _default;
|
|
@@ -23,6 +23,8 @@ var _Config = _interopRequireDefault(require("./Config"));
|
|
|
23
23
|
|
|
24
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
25
|
|
|
26
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
27
|
+
|
|
26
28
|
const ICON_CONTAINER_SIZE = _Config.default.cardIconSize * 2;
|
|
27
29
|
const ICON_CONTAINER_PADDING = _Config.default.cardIconSize / 2 - 1;
|
|
28
30
|
|
|
@@ -66,12 +68,11 @@ const CardContainer = _ref => {
|
|
|
66
68
|
break;
|
|
67
69
|
}
|
|
68
70
|
|
|
69
|
-
return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
|
|
71
|
+
return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
|
|
70
72
|
style: style,
|
|
71
73
|
onPress: onPress,
|
|
72
|
-
numColumns: numColumns
|
|
73
|
-
|
|
74
|
-
}, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
|
|
74
|
+
numColumns: numColumns
|
|
75
|
+
}, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
|
|
75
76
|
style: {
|
|
76
77
|
elevation,
|
|
77
78
|
borderRadius: roundness
|
|
@@ -143,15 +144,4 @@ const CardContainer = _ref => {
|
|
|
143
144
|
|
|
144
145
|
var _default = (0, _theming.withTheme)(CardContainer);
|
|
145
146
|
|
|
146
|
-
exports.default = _default;, _color.default)(colors.strong).alpha(_Config.default.cardIconBackgroundOpacity).rgb().string()
|
|
147
|
-
}
|
|
148
|
-
}, /*#__PURE__*/_react.default.createElement(Icon, {
|
|
149
|
-
name: icon,
|
|
150
|
-
size: _Config.default.cardIconSize,
|
|
151
|
-
color: colors.surface
|
|
152
|
-
})) : null)));
|
|
153
|
-
};
|
|
154
|
-
|
|
155
|
-
var _default = (0, _theming.withTheme)(CardContainer);
|
|
156
|
-
|
|
157
147
|
exports.default = _default;
|
|
@@ -25,6 +25,8 @@ var _Config = _interopRequireDefault(require("./Config"));
|
|
|
25
25
|
|
|
26
26
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
27
27
|
|
|
28
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
29
|
+
|
|
28
30
|
const ICON_CONTAINER_SIZE = _Config.default.cardIconSize * 2;
|
|
29
31
|
const ICON_CONTAINER_PADDING = _Config.default.cardIconSize / 2 - 1;
|
|
30
32
|
|
|
@@ -63,12 +65,11 @@ const CardContainerRating = _ref => {
|
|
|
63
65
|
break;
|
|
64
66
|
}
|
|
65
67
|
|
|
66
|
-
return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
|
|
68
|
+
return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
|
|
67
69
|
style: style,
|
|
68
70
|
onPress: onPress,
|
|
69
|
-
numColumns: numColumns
|
|
70
|
-
|
|
71
|
-
}, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
|
|
71
|
+
numColumns: numColumns
|
|
72
|
+
}, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
|
|
72
73
|
style: {
|
|
73
74
|
elevation,
|
|
74
75
|
borderRadius: roundness
|
|
@@ -147,15 +148,4 @@ const CardContainerRating = _ref => {
|
|
|
147
148
|
|
|
148
149
|
var _default = (0, _theming.withTheme)(CardContainerRating);
|
|
149
150
|
|
|
150
|
-
exports.default = _default;or.default)(colors.strong).alpha(_Config.default.cardIconBackgroundOpacity).rgb().string()
|
|
151
|
-
}
|
|
152
|
-
}, /*#__PURE__*/_react.default.createElement(Icon, {
|
|
153
|
-
name: icon,
|
|
154
|
-
size: _Config.default.cardIconSize,
|
|
155
|
-
color: colors.surface
|
|
156
|
-
})) : null)));
|
|
157
|
-
};
|
|
158
|
-
|
|
159
|
-
var _default = (0, _theming.withTheme)(CardContainerRating);
|
|
160
|
-
|
|
161
151
|
exports.default = _default;
|
|
@@ -21,6 +21,8 @@ var _Config = _interopRequireDefault(require("./Config"));
|
|
|
21
21
|
|
|
22
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
23
|
|
|
24
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
25
|
+
|
|
24
26
|
const CardContainerShortImage = _ref => {
|
|
25
27
|
let {
|
|
26
28
|
image = _Config.default.squareImageUrl,
|
|
@@ -38,11 +40,10 @@ const CardContainerShortImage = _ref => {
|
|
|
38
40
|
onPress,
|
|
39
41
|
...rest
|
|
40
42
|
} = _ref;
|
|
41
|
-
return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
|
|
43
|
+
return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
|
|
42
44
|
style: style,
|
|
43
|
-
onPress: onPress
|
|
44
|
-
|
|
45
|
-
}, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
|
|
45
|
+
onPress: onPress
|
|
46
|
+
}, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
|
|
46
47
|
style: {
|
|
47
48
|
elevation,
|
|
48
49
|
borderRadius: roundness
|
|
@@ -92,17 +93,4 @@ const CardContainerShortImage = _ref => {
|
|
|
92
93
|
|
|
93
94
|
var _default = (0, _theming.withTheme)(CardContainerShortImage);
|
|
94
95
|
|
|
95
|
-
exports.default = _default;}, subtitle) : null), mode === "right" && /*#__PURE__*/_react.default.createElement(_Image.default, {
|
|
96
|
-
style: {
|
|
97
|
-
aspectRatio
|
|
98
|
-
},
|
|
99
|
-
source: typeof image === "string" ? {
|
|
100
|
-
uri: image
|
|
101
|
-
} : image,
|
|
102
|
-
resizeMode: "cover"
|
|
103
|
-
}))));
|
|
104
|
-
};
|
|
105
|
-
|
|
106
|
-
var _default = (0, _theming.withTheme)(CardContainerShortImage);
|
|
107
|
-
|
|
108
96
|
exports.default = _default;
|
|
@@ -19,6 +19,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
19
19
|
|
|
20
20
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
21
|
|
|
22
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
23
|
+
|
|
22
24
|
const screenWidth = _reactNative.Dimensions.get("window").width;
|
|
23
25
|
|
|
24
26
|
function Pager(_ref) {
|
|
@@ -48,6 +50,8 @@ function Pager(_ref) {
|
|
|
48
50
|
}
|
|
49
51
|
|
|
50
52
|
function Carousel(_ref2) {
|
|
53
|
+
var _data$length;
|
|
54
|
+
|
|
51
55
|
let {
|
|
52
56
|
data,
|
|
53
57
|
children,
|
|
@@ -55,12 +59,9 @@ function Carousel(_ref2) {
|
|
|
55
59
|
style,
|
|
56
60
|
...rest
|
|
57
61
|
} = _ref2;
|
|
58
|
-
|
|
59
|
-
var _a;
|
|
60
|
-
|
|
61
62
|
const [index, setIndex] = React.useState(0);
|
|
62
63
|
const length = React.Children.count(children);
|
|
63
|
-
const itemsLength = ((
|
|
64
|
+
const itemsLength = ((_data$length = data === null || data === void 0 ? void 0 : data.length) !== null && _data$length !== void 0 ? _data$length : 0) + length;
|
|
64
65
|
const slides = Array.isArray(data) ? data : [];
|
|
65
66
|
|
|
66
67
|
const {
|
|
@@ -70,10 +71,9 @@ function Carousel(_ref2) {
|
|
|
70
71
|
|
|
71
72
|
const slideWidth = width || screenWidth;
|
|
72
73
|
const slideHeight = height || 250;
|
|
73
|
-
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
74
|
-
style: [styles.container, style]
|
|
75
|
-
|
|
76
|
-
}, /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
|
|
74
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
|
|
75
|
+
style: [styles.container, style]
|
|
76
|
+
}, rest), /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
|
|
77
77
|
pagingEnabled: true,
|
|
78
78
|
horizontal: true,
|
|
79
79
|
decelerationRate: "fast",
|
|
@@ -101,9 +101,9 @@ function Carousel(_ref2) {
|
|
|
101
101
|
}]
|
|
102
102
|
});
|
|
103
103
|
}) : null, React.Children.map(children, child => {
|
|
104
|
-
var
|
|
104
|
+
var _child$props;
|
|
105
105
|
|
|
106
|
-
const s = (
|
|
106
|
+
const s = (child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.style) || {};
|
|
107
107
|
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
108
108
|
style: {
|
|
109
109
|
width: slideWidth
|
|
@@ -144,28 +144,4 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
144
144
|
|
|
145
145
|
var _default = (0, _theming.withTheme)(Carousel);
|
|
146
146
|
|
|
147
|
-
exports.default = _default;e({
|
|
148
|
-
container: {
|
|
149
|
-
backgroundColor: "#eee"
|
|
150
|
-
},
|
|
151
|
-
pager: {
|
|
152
|
-
position: "absolute",
|
|
153
|
-
bottom: 12,
|
|
154
|
-
left: 0,
|
|
155
|
-
right: 0,
|
|
156
|
-
flexDirection: "row",
|
|
157
|
-
justifyContent: "center",
|
|
158
|
-
alignItems: "center"
|
|
159
|
-
},
|
|
160
|
-
bullet: {
|
|
161
|
-
marginHorizontal: 2,
|
|
162
|
-
width: 10,
|
|
163
|
-
height: 10,
|
|
164
|
-
borderRadius: 20,
|
|
165
|
-
backgroundColor: "#000"
|
|
166
|
-
}
|
|
167
|
-
});
|
|
168
|
-
|
|
169
|
-
var _default = (0, _theming.withTheme)(Carousel);
|
|
170
|
-
|
|
171
147
|
exports.default = _default;
|
|
@@ -25,7 +25,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
25
25
|
|
|
26
26
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
27
|
|
|
28
|
-
var
|
|
28
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
29
|
+
|
|
30
|
+
let Direction;
|
|
29
31
|
exports.Direction = Direction;
|
|
30
32
|
|
|
31
33
|
(function (Direction) {
|
|
@@ -89,14 +91,13 @@ const CheckboxGroupRow = _ref => {
|
|
|
89
91
|
textStyles,
|
|
90
92
|
viewStyles
|
|
91
93
|
} = (0, _utilities.extractStyles)(style);
|
|
92
|
-
return /*#__PURE__*/React.createElement(_Touchable.default, {
|
|
94
|
+
return /*#__PURE__*/React.createElement(_Touchable.default, _extends({
|
|
93
95
|
onPress: handlePress,
|
|
94
96
|
style: [styles.mainParent, {
|
|
95
97
|
flexDirection: direction
|
|
96
98
|
}, viewStyles],
|
|
97
|
-
disabled: disabled
|
|
98
|
-
|
|
99
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
99
|
+
disabled: disabled
|
|
100
|
+
}, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
100
101
|
style: [styles.label, {
|
|
101
102
|
alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
|
|
102
103
|
}, labelContainerStyle]
|
|
@@ -136,24 +137,5 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
136
137
|
}
|
|
137
138
|
});
|
|
138
139
|
|
|
139
|
-
var _default = CheckboxGroupRow;
|
|
140
|
-
exports.default = _default;center",
|
|
141
|
-
justifyContent: "space-around",
|
|
142
|
-
paddingStart: 20,
|
|
143
|
-
minHeight: 50,
|
|
144
|
-
paddingEnd: 20,
|
|
145
|
-
display: "flex",
|
|
146
|
-
..._reactNative.Platform.select({
|
|
147
|
-
web: {
|
|
148
|
-
cursor: "pointer",
|
|
149
|
-
userSelect: "none"
|
|
150
|
-
}
|
|
151
|
-
})
|
|
152
|
-
},
|
|
153
|
-
label: {
|
|
154
|
-
flex: 3
|
|
155
|
-
}
|
|
156
|
-
});
|
|
157
|
-
|
|
158
140
|
var _default = CheckboxGroupRow;
|
|
159
141
|
exports.default = _default;
|
|
@@ -17,6 +17,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
17
17
|
|
|
18
18
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
19
19
|
|
|
20
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
21
|
+
|
|
20
22
|
const CircleImage = _ref => {
|
|
21
23
|
let {
|
|
22
24
|
source = _Config.default.placeholderImageURL,
|
|
@@ -25,22 +27,6 @@ const CircleImage = _ref => {
|
|
|
25
27
|
...props
|
|
26
28
|
} = _ref;
|
|
27
29
|
const borderRadius = size / 2;
|
|
28
|
-
return /*#__PURE__*/React.createElement(_reactNative.Image, {
|
|
29
|
-
style: [{
|
|
30
|
-
width: size,
|
|
31
|
-
height: size,
|
|
32
|
-
borderRadius
|
|
33
|
-
}, style],
|
|
34
|
-
source: typeof source === "string" ? {
|
|
35
|
-
uri: source
|
|
36
|
-
} : source,
|
|
37
|
-
resizeMode: "cover",
|
|
38
|
-
...props
|
|
39
|
-
});
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
var _default = CircleImage;
|
|
43
|
-
exports.default = _default;size / 2;
|
|
44
30
|
return /*#__PURE__*/React.createElement(_reactNative.Image, _extends({
|
|
45
31
|
style: [{
|
|
46
32
|
width: size,
|
|
@@ -13,27 +13,29 @@ var _reactNativeSvg = require("react-native-svg");
|
|
|
13
13
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
|
|
16
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
17
|
+
|
|
16
18
|
class CircularProgress extends _react.default.Component {
|
|
17
19
|
constructor() {
|
|
18
20
|
super(...arguments);
|
|
19
21
|
|
|
20
|
-
this
|
|
22
|
+
_defineProperty(this, "polarToCartesian", (centerX, centerY, radius, angleInDegrees) => {
|
|
21
23
|
var angleInRadians = (angleInDegrees - 90) * Math.PI / 180.0;
|
|
22
24
|
return {
|
|
23
25
|
x: centerX + radius * Math.cos(angleInRadians),
|
|
24
26
|
y: centerY + radius * Math.sin(angleInRadians)
|
|
25
27
|
};
|
|
26
|
-
};
|
|
28
|
+
});
|
|
27
29
|
|
|
28
|
-
this
|
|
30
|
+
_defineProperty(this, "circlePath", (x, y, radius, startAngle, endAngle) => {
|
|
29
31
|
var start = this.polarToCartesian(x, y, radius, endAngle * 0.9999);
|
|
30
32
|
var end = this.polarToCartesian(x, y, radius, startAngle);
|
|
31
33
|
var largeArcFlag = endAngle - startAngle <= 180 ? "0" : "1";
|
|
32
34
|
var d = ["M", start.x, start.y, "A", radius, radius, 0, largeArcFlag, 0, end.x, end.y];
|
|
33
35
|
return d.join(" ");
|
|
34
|
-
};
|
|
36
|
+
});
|
|
35
37
|
|
|
36
|
-
this
|
|
38
|
+
_defineProperty(this, "clampFill", fill => Math.min(100, Math.max(0, fill)));
|
|
37
39
|
}
|
|
38
40
|
|
|
39
41
|
render() {
|
|
@@ -116,15 +118,5 @@ class CircularProgress extends _react.default.Component {
|
|
|
116
118
|
|
|
117
119
|
}
|
|
118
120
|
|
|
119
|
-
var _default = CircularProgress;
|
|
120
|
-
exports.default = _default;okeDasharrayTint,
|
|
121
|
-
fill: "transparent"
|
|
122
|
-
}), cap)), children && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
123
|
-
style: localChildrenContainerStyle
|
|
124
|
-
}, children(fill)));
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
}
|
|
128
|
-
|
|
129
121
|
var _default = CircularProgress;
|
|
130
122
|
exports.default = _default;
|
|
@@ -19,6 +19,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
19
19
|
|
|
20
20
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
21
|
|
|
22
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
23
|
+
|
|
22
24
|
const Container = _ref => {
|
|
23
25
|
let {
|
|
24
26
|
useThemeGutterPadding,
|
|
@@ -80,10 +82,9 @@ const Container = _ref => {
|
|
|
80
82
|
};
|
|
81
83
|
const Wrap = elevation ? _Elevation.default : _reactNative.View;
|
|
82
84
|
if (elevation) containerStyle.elevation = elevation;
|
|
83
|
-
return /*#__PURE__*/React.createElement(Wrap, {
|
|
84
|
-
style: [containerStyle, style]
|
|
85
|
-
|
|
86
|
-
}, backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
|
|
85
|
+
return /*#__PURE__*/React.createElement(Wrap, _extends({
|
|
86
|
+
style: [containerStyle, style]
|
|
87
|
+
}, rest), backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
|
|
87
88
|
source: typeof backgroundImage === "string" ? {
|
|
88
89
|
uri: backgroundImage
|
|
89
90
|
} : backgroundImage,
|
|
@@ -100,17 +101,4 @@ const Container = _ref => {
|
|
|
100
101
|
|
|
101
102
|
var _default = (0, _theming.withTheme)(Container);
|
|
102
103
|
|
|
103
|
-
exports.default = _default;izeMode: backgroundImageResizeMode,
|
|
104
|
-
style: {
|
|
105
|
-
flex: 1
|
|
106
|
-
}
|
|
107
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
108
|
-
style: innerStyle
|
|
109
|
-
}, children)) : /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
110
|
-
style: innerStyle
|
|
111
|
-
}, children));
|
|
112
|
-
};
|
|
113
|
-
|
|
114
|
-
var _default = (0, _theming.withTheme)(Container);
|
|
115
|
-
|
|
116
104
|
exports.default = _default;
|
|
@@ -13,6 +13,8 @@ var _Touchable = _interopRequireDefault(require("./Touchable"));
|
|
|
13
13
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
|
|
16
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
+
|
|
16
18
|
const getWidth = numColumns => {
|
|
17
19
|
switch (numColumns) {
|
|
18
20
|
case 1:
|
|
@@ -35,23 +37,6 @@ const Card = _ref => {
|
|
|
35
37
|
...rest
|
|
36
38
|
} = _ref;
|
|
37
39
|
const width = getWidth(numColumns);
|
|
38
|
-
return /*#__PURE__*/_react.default.createElement(_Touchable.default, {
|
|
39
|
-
disabled: !onPress,
|
|
40
|
-
onPress: onPress,
|
|
41
|
-
style: [style, {
|
|
42
|
-
width
|
|
43
|
-
}],
|
|
44
|
-
...rest
|
|
45
|
-
}, children);
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
var _default = (0, _theming.withTheme)(Card);
|
|
49
|
-
|
|
50
|
-
exports.default = _default;,
|
|
51
|
-
style,
|
|
52
|
-
...rest
|
|
53
|
-
} = _ref;
|
|
54
|
-
const width = getWidth(numColumns);
|
|
55
40
|
return /*#__PURE__*/_react.default.createElement(_Touchable.default, _extends({
|
|
56
41
|
disabled: !onPress,
|
|
57
42
|
onPress: onPress,
|
|
@@ -27,6 +27,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
27
27
|
|
|
28
28
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
29
29
|
|
|
30
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
31
|
+
|
|
30
32
|
const FAB = _ref => {
|
|
31
33
|
let {
|
|
32
34
|
Icon,
|
|
@@ -128,7 +130,7 @@ const FAB = _ref => {
|
|
|
128
130
|
style: [{
|
|
129
131
|
elevation
|
|
130
132
|
}, style]
|
|
131
|
-
}, /*#__PURE__*/React.createElement(_Touchable.default, {
|
|
133
|
+
}, /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
|
|
132
134
|
onPress: onPress,
|
|
133
135
|
accessibilityState: {
|
|
134
136
|
disabled
|
|
@@ -136,7 +138,7 @@ const FAB = _ref => {
|
|
|
136
138
|
accessibilityRole: "button",
|
|
137
139
|
disabled: disabled || loading,
|
|
138
140
|
style: buttonStyles
|
|
139
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
141
|
+
}), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
140
142
|
style: styles.content
|
|
141
143
|
}, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
142
144
|
style: iconStyle
|
|
@@ -179,24 +181,4 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
179
181
|
|
|
180
182
|
var _default = (0, _theming.withTheme)(FAB);
|
|
181
183
|
|
|
182
|
-
exports.default = _default; "row",
|
|
183
|
-
alignItems: "center",
|
|
184
|
-
justifyContent: "center"
|
|
185
|
-
},
|
|
186
|
-
icon: {
|
|
187
|
-
alignItems: "center",
|
|
188
|
-
justifyContent: "center",
|
|
189
|
-
width: _Config.default.buttonIconSize
|
|
190
|
-
},
|
|
191
|
-
fixed: {
|
|
192
|
-
left: 0,
|
|
193
|
-
right: 0,
|
|
194
|
-
bottom: 0,
|
|
195
|
-
height: 64,
|
|
196
|
-
borderRadius: 0
|
|
197
|
-
}
|
|
198
|
-
});
|
|
199
|
-
|
|
200
|
-
var _default = (0, _theming.withTheme)(FAB);
|
|
201
|
-
|
|
202
184
|
exports.default = _default;
|
|
@@ -19,6 +19,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
19
19
|
|
|
20
20
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
21
|
|
|
22
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
23
|
+
|
|
22
24
|
/* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */
|
|
23
25
|
const Elevation = _ref => {
|
|
24
26
|
let {
|
|
@@ -35,25 +37,11 @@ const Elevation = _ref => {
|
|
|
35
37
|
colors
|
|
36
38
|
} = theme;
|
|
37
39
|
const borderRadius = radius;
|
|
38
|
-
return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
|
|
40
|
+
return /*#__PURE__*/React.createElement(_reactNative.Animated.View, _extends({}, rest, {
|
|
39
41
|
style: [{
|
|
40
42
|
borderRadius,
|
|
41
43
|
backgroundColor: colors.surface
|
|
42
44
|
}, elevation ? (0, _shadow.default)(elevation) : null, style]
|
|
43
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
44
|
-
style: {
|
|
45
|
-
overflow: "hidden",
|
|
46
|
-
borderRadius
|
|
47
|
-
}
|
|
48
|
-
}, children));
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
var _default = (0, _theming.withTheme)(Elevation);
|
|
52
|
-
|
|
53
|
-
exports.default = _default; [{
|
|
54
|
-
borderRadius,
|
|
55
|
-
backgroundColor: colors.surface
|
|
56
|
-
}, elevation ? (0, _shadow.default)(elevation) : null, style]
|
|
57
45
|
}), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
58
46
|
style: {
|
|
59
47
|
overflow: "hidden",
|