@draftbit/core 46.4.4-808a01.2 → 46.4.4-885019.2
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/Accordion/AccordionItem.js +25 -5
- package/lib/commonjs/components/AnimatedCircularProgress.js +2 -12
- package/lib/commonjs/components/AspectRatio.js +2 -19
- package/lib/commonjs/components/AvatarEdit.js +5 -17
- package/lib/commonjs/components/Button.js +11 -32
- 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/CheckboxRow.js +6 -24
- package/lib/commonjs/components/CircleImage.js +2 -16
- package/lib/commonjs/components/CircularProgress.js +7 -15
- package/lib/commonjs/components/DeprecatedButton.js +22 -4
- package/lib/commonjs/components/DeprecatedCardWrapper.js +2 -17
- package/lib/commonjs/components/DeprecatedFAB.js +4 -22
- package/lib/commonjs/components/Divider.js +2 -16
- package/lib/commonjs/components/FAB.js +5 -20
- package/lib/commonjs/components/FormRow.js +3 -17
- package/lib/commonjs/components/IconButton.js +5 -22
- package/lib/commonjs/components/Layout.js +19 -40
- package/lib/commonjs/components/NumberInput.js +2 -13
- package/lib/commonjs/components/Picker/PickerComponent.android.js +24 -5
- package/lib/commonjs/components/Picker/PickerComponent.web.js +5 -24
- package/lib/commonjs/components/Portal/PortalConsumer.js +8 -10
- package/lib/commonjs/components/Portal/PortalHost.js +15 -27
- package/lib/commonjs/components/Portal/PortalManager.js +11 -19
- package/lib/commonjs/components/ProgressBar.js +7 -23
- package/lib/commonjs/components/RadioButton/RadioButton.js +3 -14
- 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/StepIndicator.js +16 -34
- package/lib/commonjs/components/Surface.js +3 -14
- package/lib/commonjs/components/Table/Table.js +35 -0
- package/lib/commonjs/components/Table/TableCell.js +50 -0
- package/lib/commonjs/components/Table/TableHeader.js +41 -0
- package/lib/commonjs/components/Table/TablePaginator.js +17 -0
- package/lib/commonjs/components/Table/TableRow.js +47 -0
- package/lib/commonjs/components/Table/TableTitle.js +60 -0
- package/lib/commonjs/components/Table/index.js +55 -0
- package/lib/commonjs/components/Text.js +11 -37
- package/lib/commonjs/components/TextField.js +30 -63
- package/lib/commonjs/components/ToggleButton.js +3 -18
- package/lib/commonjs/components/Touchable.js +2 -16
- package/lib/commonjs/constants.js +1 -1
- package/lib/commonjs/index.js +38 -0
- package/lib/commonjs/mappings/AudioPlayer.js +2 -32
- package/lib/commonjs/mappings/StarRating.js +6 -2
- package/lib/commonjs/mappings/Table.js +103 -0
- package/lib/commonjs/utilities.js +2 -2
- package/lib/module/components/Checkbox/context.js +1 -1
- package/lib/module/components/Table/Table.js +23 -0
- package/lib/module/components/Table/TableCell.js +37 -0
- package/lib/module/components/Table/TableHeader.js +27 -0
- package/lib/module/components/Table/TablePaginator.js +6 -0
- package/lib/module/components/Table/TableRow.js +33 -0
- package/lib/module/components/Table/TableTitle.js +47 -0
- package/lib/module/components/Table/index.js +6 -0
- package/lib/module/index.js +1 -0
- package/lib/module/mappings/AudioPlayer.js +3 -33
- package/lib/module/mappings/Table.js +94 -0
- package/lib/module/utilities.js +3 -3
- package/lib/typescript/src/components/Table/Table.d.ts +8 -0
- package/lib/typescript/src/components/Table/TableCell.d.ts +10 -0
- package/lib/typescript/src/components/Table/TableHeader.d.ts +12 -0
- package/lib/typescript/src/components/Table/TablePaginator.d.ts +3 -0
- package/lib/typescript/src/components/Table/TableRow.d.ts +12 -0
- package/lib/typescript/src/components/Table/TableTitle.d.ts +12 -0
- package/lib/typescript/src/components/Table/index.d.ts +6 -0
- package/lib/typescript/src/index.d.ts +1 -0
- package/lib/typescript/src/mappings/AudioPlayer.d.ts +1 -62
- package/lib/typescript/src/mappings/Table.d.ts +153 -0
- package/lib/typescript/src/utilities.d.ts +3 -3
- package/package.json +3 -3
- package/src/components/Table/Table.js +10 -0
- package/src/components/Table/Table.tsx +22 -0
- package/src/components/Table/TableCell.js +21 -0
- package/src/components/Table/TableCell.tsx +44 -0
- package/src/components/Table/TableHeader.js +11 -0
- package/src/components/Table/TableHeader.tsx +28 -0
- package/src/components/Table/TablePaginator.js +5 -0
- package/src/components/Table/TablePaginator.tsx +10 -0
- package/src/components/Table/TableRow.js +16 -0
- package/src/components/Table/TableRow.tsx +31 -0
- package/src/components/Table/TableTitle.js +28 -0
- package/src/components/Table/TableTitle.tsx +58 -0
- package/src/components/Table/index.js +6 -0
- package/src/components/Table/index.tsx +6 -0
- package/src/index.js +1 -0
- package/src/index.tsx +9 -0
- package/src/mappings/AudioPlayer.js +2 -39
- package/src/mappings/AudioPlayer.ts +1 -41
- package/src/mappings/Table.js +137 -0
- package/src/mappings/Table.ts +145 -0
- package/src/utilities.js +5 -2
- package/src/utilities.ts +13 -2
|
@@ -21,8 +21,6 @@ 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
|
-
|
|
26
24
|
const AccordionItem = _ref => {
|
|
27
25
|
let {
|
|
28
26
|
Icon,
|
|
@@ -37,9 +35,10 @@ const AccordionItem = _ref => {
|
|
|
37
35
|
textStyles,
|
|
38
36
|
viewStyles
|
|
39
37
|
} = (0, _utilities.extractStyles)(style);
|
|
40
|
-
return /*#__PURE__*/React.createElement(_reactNative.Pressable,
|
|
41
|
-
style: [styles.container, viewStyles]
|
|
42
|
-
|
|
38
|
+
return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
39
|
+
style: [styles.container, viewStyles],
|
|
40
|
+
...rest
|
|
41
|
+
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
43
42
|
style: styles.row
|
|
44
43
|
}, icon ? /*#__PURE__*/React.createElement(Icon, {
|
|
45
44
|
name: icon,
|
|
@@ -74,4 +73,25 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
74
73
|
|
|
75
74
|
var _default = (0, _theming.withTheme)(AccordionItem);
|
|
76
75
|
|
|
76
|
+
exports.default = _default;StyleSheet.create({
|
|
77
|
+
container: {
|
|
78
|
+
padding: 8
|
|
79
|
+
},
|
|
80
|
+
row: {
|
|
81
|
+
flexDirection: "row",
|
|
82
|
+
alignItems: "center",
|
|
83
|
+
paddingLeft: 8
|
|
84
|
+
},
|
|
85
|
+
item: {
|
|
86
|
+
marginVertical: 6,
|
|
87
|
+
paddingLeft: 8
|
|
88
|
+
},
|
|
89
|
+
content: {
|
|
90
|
+
flex: 1,
|
|
91
|
+
justifyContent: "center"
|
|
92
|
+
}
|
|
93
|
+
});
|
|
94
|
+
|
|
95
|
+
var _default = (0, _theming.withTheme)(AccordionItem);
|
|
96
|
+
|
|
77
97
|
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 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,
|
|
@@ -11,6 +11,8 @@ var _reactNative = require("react-native");
|
|
|
11
11
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
|
|
14
|
+
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); }
|
|
15
|
+
|
|
14
16
|
const AspectRatio = props => {
|
|
15
17
|
const [layout, setLayout] = _react.default.useState(null);
|
|
16
18
|
|
|
@@ -41,25 +43,6 @@ const AspectRatio = props => {
|
|
|
41
43
|
}
|
|
42
44
|
}
|
|
43
45
|
|
|
44
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.View, { ...props,
|
|
45
|
-
style: style,
|
|
46
|
-
onLayout: _ref => {
|
|
47
|
-
let {
|
|
48
|
-
nativeEvent: {
|
|
49
|
-
layout: l
|
|
50
|
-
}
|
|
51
|
-
} = _ref;
|
|
52
|
-
return setLayout(l);
|
|
53
|
-
}
|
|
54
|
-
}, props.children);
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
var _default = AspectRatio;
|
|
58
|
-
exports.default = _default;
|
|
59
|
-
});
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
|
|
63
46
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, props, {
|
|
64
47
|
style: style,
|
|
65
48
|
onLayout: _ref => {
|
|
@@ -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 AvatarEdit = _ref => {
|
|
25
27
|
let {
|
|
26
28
|
Icon,
|
|
@@ -40,10 +42,9 @@ const AvatarEdit = _ref => {
|
|
|
40
42
|
width: size,
|
|
41
43
|
height: size
|
|
42
44
|
};
|
|
43
|
-
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
44
|
-
style: [style, dimensions]
|
|
45
|
-
|
|
46
|
-
}, /*#__PURE__*/React.createElement(_Touchable.default, {
|
|
45
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
|
|
46
|
+
style: [style, dimensions]
|
|
47
|
+
}, rest), /*#__PURE__*/React.createElement(_Touchable.default, {
|
|
47
48
|
onPress: onPress
|
|
48
49
|
}, /*#__PURE__*/React.createElement(_CircleImage.default, {
|
|
49
50
|
source: image,
|
|
@@ -67,17 +68,4 @@ const AvatarEdit = _ref => {
|
|
|
67
68
|
|
|
68
69
|
var _default = (0, _theming.withTheme)(AvatarEdit);
|
|
69
70
|
|
|
70
|
-
exports.default = _default;: colorStyles.editBackgroundColor,
|
|
71
|
-
borderRadius: size * (3 / 16),
|
|
72
|
-
padding: size * (3 / 32)
|
|
73
|
-
}
|
|
74
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
75
|
-
name: "MaterialIcons/edit",
|
|
76
|
-
color: colorStyles.editIconColor,
|
|
77
|
-
size: size * (3 / 16)
|
|
78
|
-
}))));
|
|
79
|
-
};
|
|
80
|
-
|
|
81
|
-
var _default = (0, _theming.withTheme)(AvatarEdit);
|
|
82
|
-
|
|
83
71
|
exports.default = _default;
|
|
@@ -15,6 +15,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
15
15
|
|
|
16
16
|
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; }
|
|
17
17
|
|
|
18
|
+
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); }
|
|
19
|
+
|
|
18
20
|
const CONSTANTS = {
|
|
19
21
|
baseHeight: 42,
|
|
20
22
|
borderRadius: 4,
|
|
@@ -71,7 +73,7 @@ function Base(_ref) {
|
|
|
71
73
|
buttonStyles.justifyContent = "flex-end";
|
|
72
74
|
}
|
|
73
75
|
|
|
74
|
-
return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
76
|
+
return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
|
|
75
77
|
onPress: onPress,
|
|
76
78
|
disabled: disabled || loading,
|
|
77
79
|
style: _ref2 => {
|
|
@@ -81,9 +83,8 @@ function Base(_ref) {
|
|
|
81
83
|
return [styles.base, {
|
|
82
84
|
opacity: pressed || disabled ? 0.75 : 1
|
|
83
85
|
}, buttonStyles];
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
}, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
|
|
86
|
+
}
|
|
87
|
+
}, props), loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
|
|
87
88
|
size: "small",
|
|
88
89
|
color: color,
|
|
89
90
|
style: styles.loading
|
|
@@ -103,14 +104,13 @@ const Solid = _ref3 => {
|
|
|
103
104
|
theme,
|
|
104
105
|
...props
|
|
105
106
|
} = _ref3;
|
|
106
|
-
return /*#__PURE__*/React.createElement(Base, {
|
|
107
|
+
return /*#__PURE__*/React.createElement(Base, _extends({
|
|
107
108
|
style: [{
|
|
108
109
|
color: "#FFF",
|
|
109
110
|
borderRadius: theme.roundness,
|
|
110
111
|
backgroundColor: theme.colors.primary
|
|
111
|
-
}, style]
|
|
112
|
-
|
|
113
|
-
});
|
|
112
|
+
}, style]
|
|
113
|
+
}, props));
|
|
114
114
|
};
|
|
115
115
|
|
|
116
116
|
const ButtonSolid = (0, _theming.withTheme)(Solid);
|
|
@@ -124,14 +124,13 @@ const Outline = _ref4 => {
|
|
|
124
124
|
theme,
|
|
125
125
|
...props
|
|
126
126
|
} = _ref4;
|
|
127
|
-
return /*#__PURE__*/React.createElement(Base, {
|
|
127
|
+
return /*#__PURE__*/React.createElement(Base, _extends({
|
|
128
128
|
style: [styles.outline, {
|
|
129
129
|
borderRadius: theme.roundness,
|
|
130
130
|
borderColor: theme.colors.primary,
|
|
131
131
|
color: theme.colors.primary
|
|
132
|
-
}, style]
|
|
133
|
-
|
|
134
|
-
});
|
|
132
|
+
}, style]
|
|
133
|
+
}, props));
|
|
135
134
|
};
|
|
136
135
|
|
|
137
136
|
const ButtonOutline = (0, _theming.withTheme)(Outline);
|
|
@@ -179,24 +178,4 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
179
178
|
}
|
|
180
179
|
})
|
|
181
180
|
}
|
|
182
|
-
});nsparent",
|
|
183
|
-
padding: 0,
|
|
184
|
-
minHeight: undefined
|
|
185
|
-
},
|
|
186
|
-
loading: {
|
|
187
|
-
marginRight: 6
|
|
188
|
-
},
|
|
189
|
-
icon: { ..._reactNative.Platform.select({
|
|
190
|
-
web: {
|
|
191
|
-
marginTop: 1,
|
|
192
|
-
marginRight: 4,
|
|
193
|
-
alignSelf: "center"
|
|
194
|
-
},
|
|
195
|
-
default: {
|
|
196
|
-
marginBottom: 2,
|
|
197
|
-
marginRight: 4,
|
|
198
|
-
alignSelf: "center"
|
|
199
|
-
}
|
|
200
|
-
})
|
|
201
|
-
}
|
|
202
181
|
});
|
|
@@ -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;
|
|
@@ -27,7 +27,9 @@ 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
|
-
var
|
|
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
|
+
|
|
32
|
+
let Direction;
|
|
31
33
|
exports.Direction = Direction;
|
|
32
34
|
|
|
33
35
|
(function (Direction) {
|
|
@@ -100,14 +102,13 @@ const CheckboxRow = _ref => {
|
|
|
100
102
|
textStyles,
|
|
101
103
|
viewStyles
|
|
102
104
|
} = (0, _utilities.extractStyles)(style);
|
|
103
|
-
return /*#__PURE__*/React.createElement(_Touchable.default, {
|
|
105
|
+
return /*#__PURE__*/React.createElement(_Touchable.default, _extends({
|
|
104
106
|
onPress: handlePress,
|
|
105
107
|
style: [viewStyles, styles.mainParent, {
|
|
106
108
|
flexDirection: direction
|
|
107
109
|
}],
|
|
108
|
-
disabled: disabled
|
|
109
|
-
|
|
110
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
110
|
+
disabled: disabled
|
|
111
|
+
}, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
111
112
|
style: [styles.label, {
|
|
112
113
|
alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
|
|
113
114
|
}, labelContainerStyle]
|
|
@@ -145,24 +146,5 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
145
146
|
}
|
|
146
147
|
});
|
|
147
148
|
|
|
148
|
-
var _default = CheckboxRow;
|
|
149
|
-
exports.default = _default;ms: "center",
|
|
150
|
-
justifyContent: "space-around",
|
|
151
|
-
paddingStart: 20,
|
|
152
|
-
minHeight: 50,
|
|
153
|
-
paddingEnd: 20,
|
|
154
|
-
display: "flex",
|
|
155
|
-
..._reactNative.Platform.select({
|
|
156
|
-
web: {
|
|
157
|
-
cursor: "pointer",
|
|
158
|
-
userSelect: "none"
|
|
159
|
-
}
|
|
160
|
-
})
|
|
161
|
-
},
|
|
162
|
-
label: {
|
|
163
|
-
flex: 3
|
|
164
|
-
}
|
|
165
|
-
});
|
|
166
|
-
|
|
167
149
|
var _default = CheckboxRow;
|
|
168
150
|
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;
|