@draftbit/core 46.4.3-c292ad.2 → 46.4.4-d73221.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 +5 -25
- package/lib/commonjs/components/Button.js +11 -32
- package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +6 -24
- package/lib/commonjs/components/Layout.js +19 -40
- 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/RadioButtonGroup.js +3 -16
- package/lib/commonjs/components/StepIndicator.js +16 -34
- package/lib/commonjs/components/Text.js +11 -37
- package/lib/commonjs/constants.js +1 -1
- package/lib/module/components/Banner.js +24 -4
- package/lib/module/components/DatePicker/DatePicker.js +7 -8
- package/lib/module/components/Elevation.js +15 -4
- package/lib/module/components/Image.js +18 -3
- package/lib/module/components/StepIndicator.js +33 -16
- package/package.json +3 -3
|
@@ -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 AccordionItem = _ref => {
|
|
25
27
|
let {
|
|
26
28
|
Icon,
|
|
@@ -35,10 +37,9 @@ const AccordionItem = _ref => {
|
|
|
35
37
|
textStyles,
|
|
36
38
|
viewStyles
|
|
37
39
|
} = (0, _utilities.extractStyles)(style);
|
|
38
|
-
return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
39
|
-
style: [styles.container, viewStyles]
|
|
40
|
-
|
|
41
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
40
|
+
return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
|
|
41
|
+
style: [styles.container, viewStyles]
|
|
42
|
+
}, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
42
43
|
style: styles.row
|
|
43
44
|
}, icon ? /*#__PURE__*/React.createElement(Icon, {
|
|
44
45
|
name: icon,
|
|
@@ -73,25 +74,4 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
73
74
|
|
|
74
75
|
var _default = (0, _theming.withTheme)(AccordionItem);
|
|
75
76
|
|
|
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
|
-
|
|
97
77
|
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
|
});
|
|
@@ -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;
|
|
@@ -18,6 +18,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
18
18
|
|
|
19
19
|
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; }
|
|
20
20
|
|
|
21
|
+
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); }
|
|
22
|
+
|
|
21
23
|
function Center(_ref) {
|
|
22
24
|
let {
|
|
23
25
|
width = 240,
|
|
@@ -27,16 +29,15 @@ function Center(_ref) {
|
|
|
27
29
|
style,
|
|
28
30
|
...rest
|
|
29
31
|
} = _ref;
|
|
30
|
-
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
32
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
|
|
31
33
|
style: [{
|
|
32
34
|
justifyContent: "center",
|
|
33
35
|
alignItems: "center",
|
|
34
36
|
width,
|
|
35
37
|
height,
|
|
36
38
|
backgroundColor: bgColor
|
|
37
|
-
}, style]
|
|
38
|
-
|
|
39
|
-
}, children);
|
|
39
|
+
}, style]
|
|
40
|
+
}, rest), children);
|
|
40
41
|
}
|
|
41
42
|
|
|
42
43
|
function Circle(_ref2) {
|
|
@@ -48,7 +49,7 @@ function Circle(_ref2) {
|
|
|
48
49
|
...rest
|
|
49
50
|
} = _ref2;
|
|
50
51
|
const borderRadius = 1000;
|
|
51
|
-
return /*#__PURE__*/React.createElement(Center, {
|
|
52
|
+
return /*#__PURE__*/React.createElement(Center, _extends({
|
|
52
53
|
width: size,
|
|
53
54
|
height: size,
|
|
54
55
|
bgColor: bgColor,
|
|
@@ -56,9 +57,8 @@ function Circle(_ref2) {
|
|
|
56
57
|
backgroundColor: bgColor,
|
|
57
58
|
borderRadius,
|
|
58
59
|
overflow: "hidden"
|
|
59
|
-
}]
|
|
60
|
-
|
|
61
|
-
}, children);
|
|
60
|
+
}]
|
|
61
|
+
}, rest), children);
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
function Square(_ref3) {
|
|
@@ -69,13 +69,12 @@ function Square(_ref3) {
|
|
|
69
69
|
style,
|
|
70
70
|
...rest
|
|
71
71
|
} = _ref3;
|
|
72
|
-
return /*#__PURE__*/React.createElement(Center, {
|
|
72
|
+
return /*#__PURE__*/React.createElement(Center, _extends({
|
|
73
73
|
style: style,
|
|
74
74
|
width: size,
|
|
75
75
|
height: size,
|
|
76
|
-
bgColor: bgColor
|
|
77
|
-
|
|
78
|
-
}, children);
|
|
76
|
+
bgColor: bgColor
|
|
77
|
+
}, rest), children);
|
|
79
78
|
}
|
|
80
79
|
|
|
81
80
|
function Row(_ref4) {
|
|
@@ -86,14 +85,14 @@ function Row(_ref4) {
|
|
|
86
85
|
style,
|
|
87
86
|
...rest
|
|
88
87
|
} = _ref4;
|
|
89
|
-
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
90
|
-
style: [style,
|
|
88
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
|
|
89
|
+
style: [style, // style goes first b/c we can't override these
|
|
90
|
+
{
|
|
91
91
|
alignItems,
|
|
92
92
|
flexDirection: "row",
|
|
93
93
|
justifyContent: justifyContent
|
|
94
|
-
}]
|
|
95
|
-
|
|
96
|
-
}, children);
|
|
94
|
+
}]
|
|
95
|
+
}, rest), children);
|
|
97
96
|
}
|
|
98
97
|
|
|
99
98
|
function Spacer(_ref5) {
|
|
@@ -106,37 +105,17 @@ function Spacer(_ref5) {
|
|
|
106
105
|
style,
|
|
107
106
|
...rest
|
|
108
107
|
} = _ref5;
|
|
109
|
-
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
108
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
|
|
110
109
|
style: [style, {
|
|
111
110
|
paddingRight: right,
|
|
112
111
|
paddingTop: top,
|
|
113
112
|
paddingLeft: left,
|
|
114
113
|
paddingBottom: bottom
|
|
115
|
-
}]
|
|
116
|
-
|
|
117
|
-
}, children);
|
|
114
|
+
}]
|
|
115
|
+
}, rest), children);
|
|
118
116
|
}
|
|
119
117
|
|
|
120
118
|
function Stack(_ref6) {
|
|
121
|
-
let {
|
|
122
|
-
children,
|
|
123
|
-
justifyContent = "flex-start",
|
|
124
|
-
alignItems = "flex-start",
|
|
125
|
-
style,
|
|
126
|
-
...rest
|
|
127
|
-
} = _ref6;
|
|
128
|
-
return (
|
|
129
|
-
/*#__PURE__*/
|
|
130
|
-
// style must go first since we don't want justifyContent, alignItems overridden
|
|
131
|
-
React.createElement(_reactNative.View, {
|
|
132
|
-
style: [style, {
|
|
133
|
-
justifyContent,
|
|
134
|
-
alignItems
|
|
135
|
-
}],
|
|
136
|
-
...rest
|
|
137
|
-
}, children)
|
|
138
|
-
);
|
|
139
|
-
}ck(_ref6) {
|
|
140
119
|
let {
|
|
141
120
|
children,
|
|
142
121
|
justifyContent = "flex-start",
|
|
@@ -13,26 +13,29 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
13
13
|
|
|
14
14
|
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; }
|
|
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
|
/**
|
|
17
19
|
* Portal host is the component which actually renders all Portals.
|
|
18
20
|
*/
|
|
19
21
|
class PortalManager extends React.PureComponent {
|
|
20
22
|
constructor() {
|
|
21
23
|
super(...arguments);
|
|
22
|
-
|
|
24
|
+
|
|
25
|
+
_defineProperty(this, "state", {
|
|
23
26
|
portals: []
|
|
24
|
-
};
|
|
27
|
+
});
|
|
25
28
|
|
|
26
|
-
this
|
|
29
|
+
_defineProperty(this, "mount", (key, children) => {
|
|
27
30
|
this.setState(state => ({
|
|
28
31
|
portals: [...state.portals, {
|
|
29
32
|
key,
|
|
30
33
|
children
|
|
31
34
|
}]
|
|
32
35
|
}));
|
|
33
|
-
};
|
|
36
|
+
});
|
|
34
37
|
|
|
35
|
-
this
|
|
38
|
+
_defineProperty(this, "update", (key, children) => this.setState(state => ({
|
|
36
39
|
portals: state.portals.map(item => {
|
|
37
40
|
if (item.key === key) {
|
|
38
41
|
return { ...item,
|
|
@@ -42,11 +45,11 @@ class PortalManager extends React.PureComponent {
|
|
|
42
45
|
|
|
43
46
|
return item;
|
|
44
47
|
})
|
|
45
|
-
}));
|
|
48
|
+
})));
|
|
46
49
|
|
|
47
|
-
this
|
|
50
|
+
_defineProperty(this, "unmount", key => this.setState(state => ({
|
|
48
51
|
portals: state.portals.filter(item => item.key !== key)
|
|
49
|
-
}));
|
|
52
|
+
})));
|
|
50
53
|
}
|
|
51
54
|
|
|
52
55
|
render() {
|
|
@@ -68,15 +71,4 @@ class PortalManager extends React.PureComponent {
|
|
|
68
71
|
|
|
69
72
|
}
|
|
70
73
|
|
|
71
|
-
exports.default = PortalManager;le: false
|
|
72
|
-
/* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */
|
|
73
|
-
,
|
|
74
|
-
pointerEvents: "box-none",
|
|
75
|
-
style: _reactNative.StyleSheet.absoluteFill
|
|
76
|
-
}, children);
|
|
77
|
-
});
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
}
|
|
81
|
-
|
|
82
74
|
exports.default = PortalManager;
|
|
@@ -13,6 +13,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
13
13
|
|
|
14
14
|
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; }
|
|
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
|
+
|
|
18
|
+
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; }
|
|
19
|
+
|
|
16
20
|
const INDETERMINATE_WIDTH_FACTOR = 0.3;
|
|
17
21
|
const BAR_WIDTH_ZERO_POSITION = INDETERMINATE_WIDTH_FACTOR / (1 + INDETERMINATE_WIDTH_FACTOR);
|
|
18
22
|
|
|
@@ -20,7 +24,7 @@ class ProgressBar extends _react.Component {
|
|
|
20
24
|
constructor(props) {
|
|
21
25
|
super(props);
|
|
22
26
|
|
|
23
|
-
this
|
|
27
|
+
_defineProperty(this, "handleLayout", event => {
|
|
24
28
|
const {
|
|
25
29
|
width = 150,
|
|
26
30
|
onLayout
|
|
@@ -35,7 +39,7 @@ class ProgressBar extends _react.Component {
|
|
|
35
39
|
if (onLayout) {
|
|
36
40
|
onLayout(event);
|
|
37
41
|
}
|
|
38
|
-
};
|
|
42
|
+
});
|
|
39
43
|
|
|
40
44
|
const {
|
|
41
45
|
progress: progressP = 0,
|
|
@@ -89,6 +93,7 @@ class ProgressBar extends _react.Component {
|
|
|
89
93
|
_reactNative.Animated[animationType](this.state.progress, { ...animationConfig,
|
|
90
94
|
toValue: progress,
|
|
91
95
|
velocity: 0,
|
|
96
|
+
//adjust this value if animation fails - velocity is required
|
|
92
97
|
useNativeDriver
|
|
93
98
|
}).start();
|
|
94
99
|
} else {
|
|
@@ -160,27 +165,6 @@ class ProgressBar extends _react.Component {
|
|
|
160
165
|
})
|
|
161
166
|
}]
|
|
162
167
|
};
|
|
163
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
164
|
-
style: [containerStyle, style],
|
|
165
|
-
onLayout: this.handleLayout,
|
|
166
|
-
...restProps
|
|
167
|
-
}, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
|
|
168
|
-
style: progressStyle
|
|
169
|
-
}), children);
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
exports.default = ProgressBar;h / (_reactNative.I18nManager.isRTL ? 2 : -2), 0]
|
|
175
|
-
})
|
|
176
|
-
}, {
|
|
177
|
-
// Interpolation a temp workaround for https://github.com/facebook/react-native/issues/6278
|
|
178
|
-
scaleX: this.state.progress.interpolate({
|
|
179
|
-
inputRange: [0, 1],
|
|
180
|
-
outputRange: [0.0001, 1]
|
|
181
|
-
})
|
|
182
|
-
}]
|
|
183
|
-
};
|
|
184
168
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
|
|
185
169
|
style: [containerStyle, style],
|
|
186
170
|
onLayout: this.handleLayout
|
|
@@ -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 RadioButton = _ref => {
|
|
25
27
|
let {
|
|
26
28
|
Icon,
|
|
@@ -49,20 +51,7 @@ const RadioButton = _ref => {
|
|
|
49
51
|
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(realValue);
|
|
50
52
|
};
|
|
51
53
|
|
|
52
|
-
return /*#__PURE__*/React.createElement(_IconButton.default, {
|
|
53
|
-
Icon: Icon,
|
|
54
|
-
icon: isSelected ? selectedIcon : unselectedIcon,
|
|
55
|
-
color: isSelected ? color : unselectedColor,
|
|
56
|
-
disabled: disabled,
|
|
57
|
-
onPress: handlePress,
|
|
58
|
-
size: size,
|
|
59
|
-
style: style,
|
|
60
|
-
...rest
|
|
61
|
-
});
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
var _default = RadioButton;
|
|
65
|
-
exports.default = _default;turn /*#__PURE__*/React.createElement(_IconButton.default, _extends({
|
|
54
|
+
return /*#__PURE__*/React.createElement(_IconButton.default, _extends({
|
|
66
55
|
Icon: Icon,
|
|
67
56
|
icon: isSelected ? selectedIcon : unselectedIcon,
|
|
68
57
|
color: isSelected ? color : unselectedColor,
|
|
@@ -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 {
|
|
21
23
|
Provider
|
|
22
24
|
} = _context.radioButtonGroupContext;
|
|
@@ -61,24 +63,9 @@ const RadioButtonGroup = _ref => {
|
|
|
61
63
|
});
|
|
62
64
|
}
|
|
63
65
|
|
|
64
|
-
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
66
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
|
|
65
67
|
style: [{
|
|
66
68
|
minHeight: 40
|
|
67
|
-
}, style],
|
|
68
|
-
...rest
|
|
69
|
-
}, /*#__PURE__*/React.createElement(Provider, {
|
|
70
|
-
value: {
|
|
71
|
-
value: internalValue,
|
|
72
|
-
onValueChange: handleValueChange,
|
|
73
|
-
direction
|
|
74
|
-
}
|
|
75
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
76
|
-
style: _containerStyle
|
|
77
|
-
}, children)));
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
var _default = RadioButtonGroup;
|
|
81
|
-
exports.default = _default;0
|
|
82
69
|
}, style]
|
|
83
70
|
}, rest), /*#__PURE__*/React.createElement(Provider, {
|
|
84
71
|
value: {
|
|
@@ -13,7 +13,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
13
13
|
|
|
14
14
|
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; }
|
|
15
15
|
|
|
16
|
-
|
|
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
|
+
|
|
17
18
|
const STEP_STATUS = {
|
|
18
19
|
CURRENT: "current",
|
|
19
20
|
FINISHED: "finished",
|
|
@@ -24,7 +25,7 @@ class StepIndicator extends _react.Component {
|
|
|
24
25
|
constructor(props) {
|
|
25
26
|
super(props);
|
|
26
27
|
|
|
27
|
-
this
|
|
28
|
+
_defineProperty(this, "renderProgressBarBackground", () => {
|
|
28
29
|
const {
|
|
29
30
|
stepCount,
|
|
30
31
|
direction
|
|
@@ -69,9 +70,9 @@ class StepIndicator extends _react.Component {
|
|
|
69
70
|
},
|
|
70
71
|
style: progressBarBackgroundStyle
|
|
71
72
|
});
|
|
72
|
-
};
|
|
73
|
+
});
|
|
73
74
|
|
|
74
|
-
this
|
|
75
|
+
_defineProperty(this, "renderProgressBar", () => {
|
|
75
76
|
const {
|
|
76
77
|
stepCount,
|
|
77
78
|
direction
|
|
@@ -103,9 +104,9 @@ class StepIndicator extends _react.Component {
|
|
|
103
104
|
return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
|
|
104
105
|
style: progressBarStyle
|
|
105
106
|
});
|
|
106
|
-
};
|
|
107
|
+
});
|
|
107
108
|
|
|
108
|
-
this
|
|
109
|
+
_defineProperty(this, "renderStepIndicator", () => {
|
|
109
110
|
let steps = [];
|
|
110
111
|
const {
|
|
111
112
|
stepCount,
|
|
@@ -138,9 +139,9 @@ class StepIndicator extends _react.Component {
|
|
|
138
139
|
height: this.state.customStyles.currentStepIndicatorSize
|
|
139
140
|
}]
|
|
140
141
|
}, steps);
|
|
141
|
-
};
|
|
142
|
+
});
|
|
142
143
|
|
|
143
|
-
this
|
|
144
|
+
_defineProperty(this, "renderStepLabels", () => {
|
|
144
145
|
const {
|
|
145
146
|
labels,
|
|
146
147
|
direction,
|
|
@@ -182,9 +183,9 @@ class StepIndicator extends _react.Component {
|
|
|
182
183
|
alignItems: this.state.customStyles.labelAlign
|
|
183
184
|
}]
|
|
184
185
|
}, labelViews);
|
|
185
|
-
};
|
|
186
|
+
});
|
|
186
187
|
|
|
187
|
-
this
|
|
188
|
+
_defineProperty(this, "renderStep", position => {
|
|
188
189
|
const {
|
|
189
190
|
renderStepIndicator
|
|
190
191
|
} = this.props;
|
|
@@ -256,9 +257,9 @@ class StepIndicator extends _react.Component {
|
|
|
256
257
|
}) : /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
|
257
258
|
style: indicatorLabelStyle
|
|
258
259
|
}, "".concat(position + 1)));
|
|
259
|
-
};
|
|
260
|
+
});
|
|
260
261
|
|
|
261
|
-
this
|
|
262
|
+
_defineProperty(this, "getStepStatus", stepPosition => {
|
|
262
263
|
const {
|
|
263
264
|
currentPosition
|
|
264
265
|
} = this.props;
|
|
@@ -270,9 +271,9 @@ class StepIndicator extends _react.Component {
|
|
|
270
271
|
} else {
|
|
271
272
|
return STEP_STATUS.UNFINISHED;
|
|
272
273
|
}
|
|
273
|
-
};
|
|
274
|
+
});
|
|
274
275
|
|
|
275
|
-
this
|
|
276
|
+
_defineProperty(this, "onCurrentPositionChanged", position => {
|
|
276
277
|
let {
|
|
277
278
|
stepCount
|
|
278
279
|
} = this.props;
|
|
@@ -295,7 +296,7 @@ class StepIndicator extends _react.Component {
|
|
|
295
296
|
toValue: this.state.customStyles.currentStepIndicatorSize / 2,
|
|
296
297
|
duration: 100
|
|
297
298
|
})])]).start();
|
|
298
|
-
};
|
|
299
|
+
});
|
|
299
300
|
|
|
300
301
|
const defaultStyles = {
|
|
301
302
|
stepIndicatorSize: 30,
|
|
@@ -410,25 +411,6 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
410
411
|
}
|
|
411
412
|
});
|
|
412
413
|
|
|
413
|
-
StepIndicator.defaultProps = {
|
|
414
|
-
currentPosition: 0,
|
|
415
|
-
stepCount: 5,
|
|
416
|
-
customStyles: {},
|
|
417
|
-
direction: "horizontal"
|
|
418
|
-
}; justifyContent: "center"
|
|
419
|
-
},
|
|
420
|
-
stepLabel: {
|
|
421
|
-
fontSize: 12,
|
|
422
|
-
textAlign: "center",
|
|
423
|
-
fontWeight: "500"
|
|
424
|
-
},
|
|
425
|
-
stepLabelItem: {
|
|
426
|
-
flex: 1,
|
|
427
|
-
alignItems: "center",
|
|
428
|
-
justifyContent: "center"
|
|
429
|
-
}
|
|
430
|
-
});
|
|
431
|
-
|
|
432
414
|
StepIndicator.defaultProps = {
|
|
433
415
|
currentPosition: 0,
|
|
434
416
|
stepCount: 5,
|
|
@@ -15,7 +15,17 @@ 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
|
+
|
|
20
|
+
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; }
|
|
21
|
+
|
|
18
22
|
class Text extends React.Component {
|
|
23
|
+
constructor() {
|
|
24
|
+
super(...arguments);
|
|
25
|
+
|
|
26
|
+
_defineProperty(this, "_root", void 0);
|
|
27
|
+
}
|
|
28
|
+
|
|
19
29
|
setNativeProps(args) {
|
|
20
30
|
return this._root && this._root.setNativeProps(args);
|
|
21
31
|
}
|
|
@@ -26,43 +36,7 @@ class Text extends React.Component {
|
|
|
26
36
|
...rest
|
|
27
37
|
} = this.props;
|
|
28
38
|
const writingDirection = _reactNative.I18nManager.isRTL ? "rtl" : "ltr";
|
|
29
|
-
return /*#__PURE__*/React.createElement(_reactNative.Text, {
|
|
30
|
-
ref: c => {
|
|
31
|
-
this._root = c;
|
|
32
|
-
},
|
|
33
|
-
style: [{
|
|
34
|
-
textAlign: "left",
|
|
35
|
-
writingDirection
|
|
36
|
-
}, style]
|
|
37
|
-
});
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
const BaseLink = _ref => {
|
|
43
|
-
let {
|
|
44
|
-
style,
|
|
45
|
-
theme,
|
|
46
|
-
title,
|
|
47
|
-
...props
|
|
48
|
-
} = _ref;
|
|
49
|
-
return /*#__PURE__*/React.createElement(Text, {
|
|
50
|
-
hitSlop: 8,
|
|
51
|
-
style: [{
|
|
52
|
-
color: theme.colors.primary
|
|
53
|
-
}, style],
|
|
54
|
-
theme: theme,
|
|
55
|
-
...props
|
|
56
|
-
}, title);
|
|
57
|
-
};
|
|
58
|
-
|
|
59
|
-
exports.BaseLink = BaseLink;
|
|
60
|
-
const Link = (0, _theming.withTheme)(BaseLink);
|
|
61
|
-
exports.Link = Link;
|
|
62
|
-
|
|
63
|
-
var _default = (0, _theming.withTheme)(Text);
|
|
64
|
-
|
|
65
|
-
exports.default = _default;/React.createElement(_reactNative.Text, _extends({}, rest, {
|
|
39
|
+
return /*#__PURE__*/React.createElement(_reactNative.Text, _extends({}, rest, {
|
|
66
40
|
ref: c => {
|
|
67
41
|
this._root = c;
|
|
68
42
|
},
|
|
@@ -16,4 +16,4 @@ const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
|
|
|
16
16
|
ios: _reactNative.Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
|
|
17
17
|
});
|
|
18
18
|
|
|
19
|
-
exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;
|
|
19
|
+
exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
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); }
|
|
2
|
-
|
|
3
1
|
import * as React from "react";
|
|
4
2
|
import { Button, Text, View, StyleSheet, Animated } from "react-native";
|
|
5
3
|
import Surface from "./Surface";
|
|
@@ -74,9 +72,9 @@ const Banner = _ref => {
|
|
|
74
72
|
|
|
75
73
|
const height = Animated.multiply(position, layout.height);
|
|
76
74
|
const translateY = Animated.multiply(Animated.add(position, -1), layout.height);
|
|
77
|
-
return /*#__PURE__*/React.createElement(Surface,
|
|
75
|
+
return /*#__PURE__*/React.createElement(Surface, { ...rest,
|
|
78
76
|
style: [styles.container, shadow(ELEVATION), style]
|
|
79
|
-
}
|
|
77
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
80
78
|
style: [styles.wrapper, contentStyle]
|
|
81
79
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
82
80
|
style: {
|
|
@@ -155,4 +153,26 @@ const styles = StyleSheet.create({
|
|
|
155
153
|
margin: 8
|
|
156
154
|
}
|
|
157
155
|
});
|
|
156
|
+
export default withTheme(Banner);00%"
|
|
157
|
+
},
|
|
158
|
+
content: {
|
|
159
|
+
flexDirection: "row",
|
|
160
|
+
justifyContent: "flex-start",
|
|
161
|
+
marginHorizontal: 8,
|
|
162
|
+
marginTop: 16,
|
|
163
|
+
marginBottom: 0
|
|
164
|
+
},
|
|
165
|
+
icon: {
|
|
166
|
+
margin: 8
|
|
167
|
+
},
|
|
168
|
+
message: {
|
|
169
|
+
flex: 1,
|
|
170
|
+
margin: 8
|
|
171
|
+
},
|
|
172
|
+
actions: {
|
|
173
|
+
flexDirection: "row",
|
|
174
|
+
justifyContent: "flex-end",
|
|
175
|
+
margin: 8
|
|
176
|
+
}
|
|
177
|
+
});
|
|
158
178
|
export default withTheme(Banner);
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
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); }
|
|
2
|
-
|
|
3
1
|
import * as React from "react";
|
|
4
2
|
import { View, Animated, Text, StyleSheet, I18nManager, TextInput as NativeTextInput } from "react-native";
|
|
5
3
|
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
|
@@ -262,9 +260,9 @@ const DatePicker = _ref => {
|
|
|
262
260
|
pointerEvents: "none"
|
|
263
261
|
}, /*#__PURE__*/React.createElement(View, {
|
|
264
262
|
style: [styles.container, style]
|
|
265
|
-
}, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon,
|
|
263
|
+
}, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, { ...leftIconProps,
|
|
266
264
|
style: leftIconStyle
|
|
267
|
-
})
|
|
265
|
+
}) : null, /*#__PURE__*/React.createElement(View, {
|
|
268
266
|
style: [containerStyle, style ? {
|
|
269
267
|
height: style.height
|
|
270
268
|
} : {}]
|
|
@@ -312,11 +310,11 @@ const DatePicker = _ref => {
|
|
|
312
310
|
opacity: hasActiveOutline ? labeled : 1
|
|
313
311
|
}],
|
|
314
312
|
numberOfLines: 1
|
|
315
|
-
}, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(Icon,
|
|
313
|
+
}, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(Icon, { ...leftIconProps,
|
|
316
314
|
style: { ...leftIconStyle,
|
|
317
315
|
marginLeft: type === "solid" ? 16 : 0
|
|
318
316
|
}
|
|
319
|
-
})
|
|
317
|
+
}) : null, /*#__PURE__*/React.createElement(NativeTextInput, {
|
|
320
318
|
value: formatDate(),
|
|
321
319
|
placeholder: label ? placeholder1 : placeholder,
|
|
322
320
|
editable: !disabled,
|
|
@@ -325,8 +323,9 @@ const DatePicker = _ref => {
|
|
|
325
323
|
onFocus: _handleFocus,
|
|
326
324
|
onBlur: _handleBlur,
|
|
327
325
|
underlineColorAndroid: "transparent",
|
|
328
|
-
style: inputStyles
|
|
329
|
-
|
|
326
|
+
style: inputStyles,
|
|
327
|
+
...props
|
|
328
|
+
})), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
|
|
330
329
|
name: rightIconName,
|
|
331
330
|
size: ICON_SIZE,
|
|
332
331
|
color: colors.light,
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
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); }
|
|
2
|
-
|
|
3
1
|
import * as React from "react";
|
|
4
2
|
import { Animated, StyleSheet, View } from "react-native";
|
|
5
3
|
import shadow from "../styles/shadow";
|
|
6
4
|
import { withTheme } from "../theming";
|
|
7
|
-
|
|
8
5
|
/* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */
|
|
6
|
+
|
|
9
7
|
const Elevation = _ref => {
|
|
10
8
|
let {
|
|
11
9
|
style,
|
|
@@ -21,7 +19,20 @@ const Elevation = _ref => {
|
|
|
21
19
|
colors
|
|
22
20
|
} = theme;
|
|
23
21
|
const borderRadius = radius;
|
|
24
|
-
return /*#__PURE__*/React.createElement(Animated.View,
|
|
22
|
+
return /*#__PURE__*/React.createElement(Animated.View, { ...rest,
|
|
23
|
+
style: [{
|
|
24
|
+
borderRadius,
|
|
25
|
+
backgroundColor: colors.surface
|
|
26
|
+
}, elevation ? shadow(elevation) : null, style]
|
|
27
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
28
|
+
style: {
|
|
29
|
+
overflow: "hidden",
|
|
30
|
+
borderRadius
|
|
31
|
+
}
|
|
32
|
+
}, children));
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
export default withTheme(Elevation);__*/React.createElement(Animated.View, _extends({}, rest, {
|
|
25
36
|
style: [{
|
|
26
37
|
borderRadius,
|
|
27
38
|
backgroundColor: colors.surface
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
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); }
|
|
2
|
-
|
|
3
1
|
/* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */
|
|
4
2
|
import React from "react";
|
|
5
3
|
import { Image as NativeImage, StyleSheet } from "react-native";
|
|
@@ -64,7 +62,24 @@ const Image = _ref2 => {
|
|
|
64
62
|
height,
|
|
65
63
|
aspectRatio
|
|
66
64
|
}]
|
|
67
|
-
}, /*#__PURE__*/React.createElement(NativeImage,
|
|
65
|
+
}, /*#__PURE__*/React.createElement(NativeImage, { ...props,
|
|
66
|
+
source: imageSource,
|
|
67
|
+
resizeMode: resizeMode,
|
|
68
|
+
style: [style, {
|
|
69
|
+
height: "100%",
|
|
70
|
+
width: "100%"
|
|
71
|
+
}]
|
|
72
|
+
}));
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
return /*#__PURE__*/React.createElement(NativeImage, { ...props,
|
|
76
|
+
source: source,
|
|
77
|
+
resizeMode: resizeMode,
|
|
78
|
+
style: style
|
|
79
|
+
});
|
|
80
|
+
};
|
|
81
|
+
|
|
82
|
+
export default Image;ent(NativeImage, _extends({}, props, {
|
|
68
83
|
source: imageSource,
|
|
69
84
|
resizeMode: resizeMode,
|
|
70
85
|
style: [style, {
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
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; }
|
|
2
|
-
|
|
3
1
|
// @ts-nocheck
|
|
4
2
|
import React, { Component } from "react";
|
|
5
3
|
import { View, Text, StyleSheet, Animated, TouchableWithoutFeedback } from "react-native";
|
|
@@ -12,7 +10,7 @@ export default class StepIndicator extends Component {
|
|
|
12
10
|
constructor(props) {
|
|
13
11
|
super(props);
|
|
14
12
|
|
|
15
|
-
|
|
13
|
+
this.renderProgressBarBackground = () => {
|
|
16
14
|
const {
|
|
17
15
|
stepCount,
|
|
18
16
|
direction
|
|
@@ -57,9 +55,9 @@ export default class StepIndicator extends Component {
|
|
|
57
55
|
},
|
|
58
56
|
style: progressBarBackgroundStyle
|
|
59
57
|
});
|
|
60
|
-
}
|
|
58
|
+
};
|
|
61
59
|
|
|
62
|
-
|
|
60
|
+
this.renderProgressBar = () => {
|
|
63
61
|
const {
|
|
64
62
|
stepCount,
|
|
65
63
|
direction
|
|
@@ -91,9 +89,9 @@ export default class StepIndicator extends Component {
|
|
|
91
89
|
return /*#__PURE__*/React.createElement(Animated.View, {
|
|
92
90
|
style: progressBarStyle
|
|
93
91
|
});
|
|
94
|
-
}
|
|
92
|
+
};
|
|
95
93
|
|
|
96
|
-
|
|
94
|
+
this.renderStepIndicator = () => {
|
|
97
95
|
let steps = [];
|
|
98
96
|
const {
|
|
99
97
|
stepCount,
|
|
@@ -126,9 +124,9 @@ export default class StepIndicator extends Component {
|
|
|
126
124
|
height: this.state.customStyles.currentStepIndicatorSize
|
|
127
125
|
}]
|
|
128
126
|
}, steps);
|
|
129
|
-
}
|
|
127
|
+
};
|
|
130
128
|
|
|
131
|
-
|
|
129
|
+
this.renderStepLabels = () => {
|
|
132
130
|
const {
|
|
133
131
|
labels,
|
|
134
132
|
direction,
|
|
@@ -170,9 +168,9 @@ export default class StepIndicator extends Component {
|
|
|
170
168
|
alignItems: this.state.customStyles.labelAlign
|
|
171
169
|
}]
|
|
172
170
|
}, labelViews);
|
|
173
|
-
}
|
|
171
|
+
};
|
|
174
172
|
|
|
175
|
-
|
|
173
|
+
this.renderStep = position => {
|
|
176
174
|
const {
|
|
177
175
|
renderStepIndicator
|
|
178
176
|
} = this.props;
|
|
@@ -244,9 +242,9 @@ export default class StepIndicator extends Component {
|
|
|
244
242
|
}) : /*#__PURE__*/React.createElement(Text, {
|
|
245
243
|
style: indicatorLabelStyle
|
|
246
244
|
}, "".concat(position + 1)));
|
|
247
|
-
}
|
|
245
|
+
};
|
|
248
246
|
|
|
249
|
-
|
|
247
|
+
this.getStepStatus = stepPosition => {
|
|
250
248
|
const {
|
|
251
249
|
currentPosition
|
|
252
250
|
} = this.props;
|
|
@@ -258,9 +256,9 @@ export default class StepIndicator extends Component {
|
|
|
258
256
|
} else {
|
|
259
257
|
return STEP_STATUS.UNFINISHED;
|
|
260
258
|
}
|
|
261
|
-
}
|
|
259
|
+
};
|
|
262
260
|
|
|
263
|
-
|
|
261
|
+
this.onCurrentPositionChanged = position => {
|
|
264
262
|
let {
|
|
265
263
|
stepCount
|
|
266
264
|
} = this.props;
|
|
@@ -282,7 +280,7 @@ export default class StepIndicator extends Component {
|
|
|
282
280
|
toValue: this.state.customStyles.currentStepIndicatorSize / 2,
|
|
283
281
|
duration: 100
|
|
284
282
|
})])]).start();
|
|
285
|
-
}
|
|
283
|
+
};
|
|
286
284
|
|
|
287
285
|
const defaultStyles = {
|
|
288
286
|
stepIndicatorSize: 30,
|
|
@@ -393,6 +391,25 @@ const styles = StyleSheet.create({
|
|
|
393
391
|
justifyContent: "center"
|
|
394
392
|
}
|
|
395
393
|
});
|
|
394
|
+
StepIndicator.defaultProps = {
|
|
395
|
+
currentPosition: 0,
|
|
396
|
+
stepCount: 5,
|
|
397
|
+
customStyles: {},
|
|
398
|
+
direction: "horizontal"
|
|
399
|
+
};s: "center",
|
|
400
|
+
justifyContent: "center"
|
|
401
|
+
},
|
|
402
|
+
stepLabel: {
|
|
403
|
+
fontSize: 12,
|
|
404
|
+
textAlign: "center",
|
|
405
|
+
fontWeight: "500"
|
|
406
|
+
},
|
|
407
|
+
stepLabelItem: {
|
|
408
|
+
flex: 1,
|
|
409
|
+
alignItems: "center",
|
|
410
|
+
justifyContent: "center"
|
|
411
|
+
}
|
|
412
|
+
});
|
|
396
413
|
StepIndicator.defaultProps = {
|
|
397
414
|
currentPosition: 0,
|
|
398
415
|
stepCount: 5,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "46.4.
|
|
3
|
+
"version": "46.4.4-d73221.2+d73221d",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@date-io/date-fns": "^1.3.13",
|
|
43
43
|
"@draftbit/react-theme-provider": "^2.1.1",
|
|
44
|
-
"@draftbit/types": "^46.4.
|
|
44
|
+
"@draftbit/types": "^46.4.4-d73221.2+d73221d",
|
|
45
45
|
"@material-ui/core": "^4.11.0",
|
|
46
46
|
"@material-ui/pickers": "^3.2.10",
|
|
47
47
|
"@react-native-community/slider": "4.2.3",
|
|
@@ -81,5 +81,5 @@
|
|
|
81
81
|
]
|
|
82
82
|
]
|
|
83
83
|
},
|
|
84
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "d73221d43a4c59a3e3576ae7dd7fd60ce115452c"
|
|
85
85
|
}
|