@draftbit/core 46.6.0 → 46.6.5-427e0d.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 +4 -23
- package/lib/commonjs/components/Banner.js +4 -23
- package/lib/commonjs/components/Button.js +10 -33
- package/lib/commonjs/components/CardContainer.js +4 -13
- package/lib/commonjs/components/CardContainerShortImage.js +4 -15
- package/lib/commonjs/components/Checkbox/Checkbox.js +4 -22
- package/lib/commonjs/components/Checkbox/CheckboxGroup.js +2 -17
- package/lib/commonjs/components/Container.js +4 -15
- package/lib/commonjs/components/DeprecatedCardWrapper.js +1 -15
- package/lib/commonjs/components/Elevation.js +2 -14
- package/lib/commonjs/components/FAB.js +4 -18
- package/lib/commonjs/components/FieldSearchBarFull.js +2 -1
- package/lib/commonjs/components/Image.js +2 -17
- package/lib/commonjs/components/Layout.js +19 -40
- package/lib/commonjs/components/Picker/Picker.js +4 -9
- package/lib/commonjs/components/Picker/PickerComponent.ios.js +11 -36
- package/lib/commonjs/components/Picker/PickerComponent.web.js +3 -20
- package/lib/commonjs/components/Portal/PortalManager.js +8 -34
- package/lib/commonjs/components/Pressable.js +2 -15
- package/lib/commonjs/components/ProgressBar.js +7 -37
- package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js +1 -9
- package/lib/commonjs/components/ScreenContainer.js +4 -20
- package/lib/commonjs/components/StepIndicator.js +18 -57
- package/lib/commonjs/components/Surface.js +2 -14
- package/lib/commonjs/components/Switch.js +10 -19
- package/lib/commonjs/components/TextField.js +28 -76
- package/lib/commonjs/components/ToggleButton.js +2 -15
- package/lib/commonjs/components/Touchable.js +2 -15
- package/lib/module/components/AvatarEdit.js +4 -15
- package/lib/module/components/Button.js +10 -33
- package/lib/module/components/Carousel.js +8 -32
- package/lib/module/components/Checkbox/Checkbox.js +4 -25
- package/lib/module/components/Checkbox/CheckboxGroup.js +2 -16
- package/lib/module/components/Checkbox/CheckboxGroupRow.js +5 -24
- package/lib/module/components/CircularProgress.js +8 -28
- package/lib/module/components/DatePicker/DatePicker.js +13 -27
- package/lib/module/components/DeprecatedButton.js +3 -21
- package/lib/module/components/Elevation.js +2 -14
- package/lib/module/components/FieldSearchBarFull.js +2 -1
- package/lib/module/components/Image.js +2 -18
- package/lib/module/components/Layout.js +21 -42
- package/lib/module/components/NumberInput.js +3 -12
- package/lib/module/components/Picker/Picker.js +4 -10
- package/lib/module/components/Picker/PickerComponent.ios.js +11 -36
- package/lib/module/components/Picker/PickerComponent.web.js +3 -21
- package/lib/module/components/Portal/PortalConsumer.js +7 -22
- package/lib/module/components/RadioButton/RadioButtonRow.js +5 -24
- package/lib/module/components/ScreenContainer.js +4 -21
- package/lib/module/components/Switch.js +10 -21
- package/lib/module/components/Text.js +4 -50
- package/lib/module/components/TextField.js +28 -78
- package/lib/module/constants.js +2 -1
- package/lib/module/mappings/FieldSearchBarFull.js +1 -4
- package/lib/module/mappings/StarRating.js +2 -7
- package/package.json +3 -3
|
@@ -13,6 +13,7 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
13
13
|
var _reactNative = require("react-native");
|
|
14
14
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
15
|
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; }
|
|
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); }
|
|
16
17
|
function Center(_ref) {
|
|
17
18
|
let {
|
|
18
19
|
width = 240,
|
|
@@ -22,16 +23,15 @@ function Center(_ref) {
|
|
|
22
23
|
style,
|
|
23
24
|
...rest
|
|
24
25
|
} = _ref;
|
|
25
|
-
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
26
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
|
|
26
27
|
style: [{
|
|
27
28
|
justifyContent: "center",
|
|
28
29
|
alignItems: "center",
|
|
29
30
|
width,
|
|
30
31
|
height,
|
|
31
32
|
backgroundColor: bgColor
|
|
32
|
-
}, style]
|
|
33
|
-
|
|
34
|
-
}, children);
|
|
33
|
+
}, style]
|
|
34
|
+
}, rest), children);
|
|
35
35
|
}
|
|
36
36
|
function Circle(_ref2) {
|
|
37
37
|
let {
|
|
@@ -42,7 +42,7 @@ function Circle(_ref2) {
|
|
|
42
42
|
...rest
|
|
43
43
|
} = _ref2;
|
|
44
44
|
const borderRadius = 1000;
|
|
45
|
-
return /*#__PURE__*/React.createElement(Center, {
|
|
45
|
+
return /*#__PURE__*/React.createElement(Center, _extends({
|
|
46
46
|
width: size,
|
|
47
47
|
height: size,
|
|
48
48
|
bgColor: bgColor,
|
|
@@ -50,9 +50,8 @@ function Circle(_ref2) {
|
|
|
50
50
|
backgroundColor: bgColor,
|
|
51
51
|
borderRadius,
|
|
52
52
|
overflow: "hidden"
|
|
53
|
-
}]
|
|
54
|
-
|
|
55
|
-
}, children);
|
|
53
|
+
}]
|
|
54
|
+
}, rest), children);
|
|
56
55
|
}
|
|
57
56
|
function Square(_ref3) {
|
|
58
57
|
let {
|
|
@@ -62,13 +61,12 @@ function Square(_ref3) {
|
|
|
62
61
|
style,
|
|
63
62
|
...rest
|
|
64
63
|
} = _ref3;
|
|
65
|
-
return /*#__PURE__*/React.createElement(Center, {
|
|
64
|
+
return /*#__PURE__*/React.createElement(Center, _extends({
|
|
66
65
|
style: style,
|
|
67
66
|
width: size,
|
|
68
67
|
height: size,
|
|
69
|
-
bgColor: bgColor
|
|
70
|
-
|
|
71
|
-
}, children);
|
|
68
|
+
bgColor: bgColor
|
|
69
|
+
}, rest), children);
|
|
72
70
|
}
|
|
73
71
|
function Row(_ref4) {
|
|
74
72
|
let {
|
|
@@ -78,14 +76,15 @@ function Row(_ref4) {
|
|
|
78
76
|
style,
|
|
79
77
|
...rest
|
|
80
78
|
} = _ref4;
|
|
81
|
-
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
82
|
-
style: [style,
|
|
79
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
|
|
80
|
+
style: [style,
|
|
81
|
+
// style goes first b/c we can't override these
|
|
82
|
+
{
|
|
83
83
|
alignItems,
|
|
84
84
|
flexDirection: "row",
|
|
85
85
|
justifyContent: justifyContent
|
|
86
|
-
}]
|
|
87
|
-
|
|
88
|
-
}, children);
|
|
86
|
+
}]
|
|
87
|
+
}, rest), children);
|
|
89
88
|
}
|
|
90
89
|
function Spacer(_ref5) {
|
|
91
90
|
let {
|
|
@@ -97,36 +96,16 @@ function Spacer(_ref5) {
|
|
|
97
96
|
style,
|
|
98
97
|
...rest
|
|
99
98
|
} = _ref5;
|
|
100
|
-
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
99
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
|
|
101
100
|
style: [style, {
|
|
102
101
|
paddingRight: right,
|
|
103
102
|
paddingTop: top,
|
|
104
103
|
paddingLeft: left,
|
|
105
104
|
paddingBottom: bottom
|
|
106
|
-
}]
|
|
107
|
-
|
|
108
|
-
}, children);
|
|
105
|
+
}]
|
|
106
|
+
}, rest), children);
|
|
109
107
|
}
|
|
110
108
|
function Stack(_ref6) {
|
|
111
|
-
let {
|
|
112
|
-
children,
|
|
113
|
-
justifyContent = "flex-start",
|
|
114
|
-
alignItems = "flex-start",
|
|
115
|
-
style,
|
|
116
|
-
...rest
|
|
117
|
-
} = _ref6;
|
|
118
|
-
return (
|
|
119
|
-
/*#__PURE__*/
|
|
120
|
-
// style must go first since we don't want justifyContent, alignItems overridden
|
|
121
|
-
React.createElement(_reactNative.View, {
|
|
122
|
-
style: [style, {
|
|
123
|
-
justifyContent,
|
|
124
|
-
alignItems
|
|
125
|
-
}],
|
|
126
|
-
...rest
|
|
127
|
-
}, children)
|
|
128
|
-
);
|
|
129
|
-
}Stack(_ref6) {
|
|
130
109
|
let {
|
|
131
110
|
children,
|
|
132
111
|
justifyContent = "flex-start",
|
|
@@ -46,6 +46,7 @@ const unstyledColor = "rgba(165, 173, 183, 1)";
|
|
|
46
46
|
const disabledColor = "rgb(240, 240, 240)";
|
|
47
47
|
const errorColor = "rgba(255, 69, 100, 1)";
|
|
48
48
|
const Picker = _ref => {
|
|
49
|
+
var _find$label, _find;
|
|
49
50
|
let {
|
|
50
51
|
error,
|
|
51
52
|
options = [],
|
|
@@ -67,7 +68,6 @@ const Picker = _ref => {
|
|
|
67
68
|
rightIconName,
|
|
68
69
|
type = "solid"
|
|
69
70
|
} = _ref;
|
|
70
|
-
var _a, _b;
|
|
71
71
|
const androidPickerRef = React.useRef(undefined);
|
|
72
72
|
const [internalValue, setInternalValue] = React.useState(value || defaultValue);
|
|
73
73
|
const [pickerVisible, setPickerVisible] = React.useState(false);
|
|
@@ -85,9 +85,9 @@ const Picker = _ref => {
|
|
|
85
85
|
}
|
|
86
86
|
}, [defaultValue]);
|
|
87
87
|
React.useEffect(() => {
|
|
88
|
-
var _a;
|
|
89
88
|
if (pickerVisible && androidPickerRef.current) {
|
|
90
|
-
|
|
89
|
+
var _androidPickerRef$cur;
|
|
90
|
+
androidPickerRef === null || androidPickerRef === void 0 ? void 0 : (_androidPickerRef$cur = androidPickerRef.current) === null || _androidPickerRef$cur === void 0 ? void 0 : _androidPickerRef$cur.focus();
|
|
91
91
|
}
|
|
92
92
|
}, [pickerVisible, androidPickerRef]);
|
|
93
93
|
const normalizedOptions = normalizeOptions(options);
|
|
@@ -137,7 +137,7 @@ const Picker = _ref => {
|
|
|
137
137
|
...extractedMarginStyles
|
|
138
138
|
};
|
|
139
139
|
const stylesWithoutBordersAndMargins = (0, _lodash.omit)(viewStyles, [..._utilities.borderStyleNames, ..._utilities.marginStyleNames, ...additionalBorderStyles, ...additionalMarginStyles]);
|
|
140
|
-
const selectedLabel = internalValue && ((
|
|
140
|
+
const selectedLabel = internalValue && ((_find$label = (_find = pickerOptions.find(option => option.value === internalValue)) === null || _find === void 0 ? void 0 : _find.label) !== null && _find$label !== void 0 ? _find$label : internalValue);
|
|
141
141
|
const labelText = label ? /*#__PURE__*/React.createElement(_reactNative.Text, {
|
|
142
142
|
style: {
|
|
143
143
|
textAlign: textStyles.textAlign,
|
|
@@ -324,9 +324,4 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
324
324
|
}
|
|
325
325
|
});
|
|
326
326
|
var _default = (0, _theming.withTheme)(Picker);
|
|
327
|
-
exports.default = _default;: deviceWidth,
|
|
328
|
-
maxHeight: deviceHeight
|
|
329
|
-
}
|
|
330
|
-
});
|
|
331
|
-
var _default = (0, _theming.withTheme)(Picker);
|
|
332
327
|
exports.default = _default;
|
|
@@ -18,7 +18,9 @@ var _utilities = require("../../utilities");
|
|
|
18
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
19
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
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
|
+
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
22
|
const Picker = _ref => {
|
|
23
|
+
var _options$find$label, _options$find;
|
|
22
24
|
let {
|
|
23
25
|
Icon,
|
|
24
26
|
style,
|
|
@@ -32,7 +34,6 @@ const Picker = _ref => {
|
|
|
32
34
|
},
|
|
33
35
|
...props
|
|
34
36
|
} = _ref;
|
|
35
|
-
var _a, _b;
|
|
36
37
|
const {
|
|
37
38
|
viewStyles: {
|
|
38
39
|
borderRadius,
|
|
@@ -73,24 +74,26 @@ const Picker = _ref => {
|
|
|
73
74
|
};
|
|
74
75
|
|
|
75
76
|
const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
|
|
76
|
-
const selectedLabel = selectedValue && ((
|
|
77
|
+
const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
|
|
77
78
|
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
78
79
|
style: [styles.container, viewStyles]
|
|
79
80
|
}, /*#__PURE__*/React.createElement(_Touchable.default, {
|
|
80
81
|
disabled: disabled,
|
|
81
82
|
onPress: toggleVisibility
|
|
82
|
-
}, /*#__PURE__*/React.createElement(_TextField.default, {
|
|
83
|
-
...props,
|
|
83
|
+
}, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
|
|
84
84
|
value: String(selectedLabel),
|
|
85
|
-
placeholder: placeholder
|
|
85
|
+
placeholder: placeholder
|
|
86
86
|
// @ts-ignore
|
|
87
|
-
|
|
87
|
+
,
|
|
88
|
+
ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()
|
|
89
|
+
,
|
|
88
90
|
disabled: disabled,
|
|
89
|
-
pointerEvents: "none"
|
|
91
|
+
pointerEvents: "none"
|
|
90
92
|
// @ts-expect-error
|
|
93
|
+
,
|
|
91
94
|
style: stylesWithoutMargin,
|
|
92
95
|
Icon: Icon
|
|
93
|
-
})), pickerVisible && /*#__PURE__*/React.createElement(_Portal.default, null, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
96
|
+
}))), pickerVisible && /*#__PURE__*/React.createElement(_Portal.default, null, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
94
97
|
style: [styles.picker, {
|
|
95
98
|
backgroundColor: colors.divider
|
|
96
99
|
}]
|
|
@@ -135,32 +138,4 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
135
138
|
}
|
|
136
139
|
});
|
|
137
140
|
var _default = (0, _theming.withTheme)(Picker);
|
|
138
|
-
exports.default = _default;ateElement(_picker.Picker.Item, {
|
|
139
|
-
label: o.label,
|
|
140
|
-
value: o.value,
|
|
141
|
-
key: o.value
|
|
142
|
-
})))))));
|
|
143
|
-
};
|
|
144
|
-
const styles = _reactNative.StyleSheet.create({
|
|
145
|
-
container: {
|
|
146
|
-
alignSelf: "stretch"
|
|
147
|
-
},
|
|
148
|
-
picker: {
|
|
149
|
-
position: "absolute",
|
|
150
|
-
bottom: 0,
|
|
151
|
-
left: 0,
|
|
152
|
-
right: 0,
|
|
153
|
-
flexDirection: "row",
|
|
154
|
-
justifyContent: "center"
|
|
155
|
-
},
|
|
156
|
-
pickerContainer: {
|
|
157
|
-
backgroundColor: "white",
|
|
158
|
-
flexDirection: "column",
|
|
159
|
-
width: "100%"
|
|
160
|
-
},
|
|
161
|
-
closeButton: {
|
|
162
|
-
alignSelf: "flex-end"
|
|
163
|
-
}
|
|
164
|
-
});
|
|
165
|
-
var _default = (0, _theming.withTheme)(Picker);
|
|
166
141
|
exports.default = _default;
|
|
@@ -15,7 +15,9 @@ var _Touchable = _interopRequireDefault(require("../Touchable"));
|
|
|
15
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
17
|
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; }
|
|
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); }
|
|
18
19
|
const Picker = _ref => {
|
|
20
|
+
var _options$find$label, _options$find;
|
|
19
21
|
let {
|
|
20
22
|
style,
|
|
21
23
|
options,
|
|
@@ -25,7 +27,6 @@ const Picker = _ref => {
|
|
|
25
27
|
onValueChange: onValueChangeOverride = () => {},
|
|
26
28
|
...props
|
|
27
29
|
} = _ref;
|
|
28
|
-
var _a, _b;
|
|
29
30
|
const {
|
|
30
31
|
viewStyles: {
|
|
31
32
|
borderRadius,
|
|
@@ -70,7 +71,7 @@ const Picker = _ref => {
|
|
|
70
71
|
};
|
|
71
72
|
|
|
72
73
|
const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
|
|
73
|
-
const selectedLabel = selectedValue && ((
|
|
74
|
+
const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
|
|
74
75
|
return /*#__PURE__*/React.createElement(_Touchable.default, {
|
|
75
76
|
disabled: disabled,
|
|
76
77
|
onPress: toggleFocus,
|
|
@@ -95,24 +96,6 @@ const Picker = _ref => {
|
|
|
95
96
|
key: o.value
|
|
96
97
|
}))), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
97
98
|
pointerEvents: "none"
|
|
98
|
-
}, /*#__PURE__*/React.createElement(_TextField.default, {
|
|
99
|
-
...props,
|
|
100
|
-
value: selectedLabel,
|
|
101
|
-
placeholder: placeholder,
|
|
102
|
-
// @ts-ignore
|
|
103
|
-
ref: textField,
|
|
104
|
-
disabled: disabled,
|
|
105
|
-
// @ts-expect-error
|
|
106
|
-
style: stylesWithoutMargin
|
|
107
|
-
}))));
|
|
108
|
-
};
|
|
109
|
-
const styles = _reactNative.StyleSheet.create({
|
|
110
|
-
container: {
|
|
111
|
-
alignSelf: "stretch"
|
|
112
|
-
}
|
|
113
|
-
});
|
|
114
|
-
var _default = (0, _theming.withTheme)(Picker);
|
|
115
|
-
exports.default = _default;pointerEvents: "none"
|
|
116
99
|
}, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
|
|
117
100
|
value: selectedLabel,
|
|
118
101
|
placeholder: placeholder
|
|
@@ -8,54 +8,28 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
10
10
|
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; }
|
|
11
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
12
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
13
|
+
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
11
14
|
/**
|
|
12
15
|
* Portal host is the component which actually renders all Portals.
|
|
13
16
|
*/
|
|
14
17
|
class PortalManager extends React.PureComponent {
|
|
15
18
|
constructor() {
|
|
16
19
|
super(...arguments);
|
|
17
|
-
this
|
|
20
|
+
_defineProperty(this, "state", {
|
|
18
21
|
portals: []
|
|
19
|
-
};
|
|
20
|
-
this
|
|
22
|
+
});
|
|
23
|
+
_defineProperty(this, "mount", (key, children) => {
|
|
21
24
|
this.setState(state => ({
|
|
22
25
|
portals: [...state.portals, {
|
|
23
26
|
key,
|
|
24
27
|
children
|
|
25
28
|
}]
|
|
26
29
|
}));
|
|
27
|
-
};
|
|
28
|
-
this.update = (key, children) => this.setState(state => ({
|
|
29
|
-
portals: state.portals.map(item => {
|
|
30
|
-
if (item.key === key) {
|
|
31
|
-
return {
|
|
32
|
-
...item,
|
|
33
|
-
children
|
|
34
|
-
};
|
|
35
|
-
}
|
|
36
|
-
return item;
|
|
37
|
-
})
|
|
38
|
-
}));
|
|
39
|
-
this.unmount = key => this.setState(state => ({
|
|
40
|
-
portals: state.portals.filter(item => item.key !== key)
|
|
41
|
-
}));
|
|
42
|
-
}
|
|
43
|
-
render() {
|
|
44
|
-
return this.state.portals.map(_ref => {
|
|
45
|
-
let {
|
|
46
|
-
key,
|
|
47
|
-
children
|
|
48
|
-
} = _ref;
|
|
49
|
-
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
50
|
-
key: key,
|
|
51
|
-
collapsable: false /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */,
|
|
52
|
-
pointerEvents: "box-none",
|
|
53
|
-
style: _reactNative.StyleSheet.absoluteFill
|
|
54
|
-
}, children);
|
|
55
30
|
});
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
exports.default = PortalManager;tate.portals.map(item => {
|
|
31
|
+
_defineProperty(this, "update", (key, children) => this.setState(state => ({
|
|
32
|
+
portals: state.portals.map(item => {
|
|
59
33
|
if (item.key === key) {
|
|
60
34
|
return {
|
|
61
35
|
...item,
|
|
@@ -7,6 +7,7 @@ exports.default = Pressable;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
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); }
|
|
10
11
|
function Pressable(_ref) {
|
|
11
12
|
let {
|
|
12
13
|
children,
|
|
@@ -19,22 +20,8 @@ function Pressable(_ref) {
|
|
|
19
20
|
style,
|
|
20
21
|
...props
|
|
21
22
|
} = _ref;
|
|
22
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
|
|
23
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, _extends({
|
|
23
24
|
onPress: onPress,
|
|
24
|
-
disabled: disabled,
|
|
25
|
-
delayLongPress: delayLongPress ? delayLongPress : 500,
|
|
26
|
-
hitSlop: hitSlop ? hitSlop : 8,
|
|
27
|
-
style: _ref2 => {
|
|
28
|
-
let {
|
|
29
|
-
pressed
|
|
30
|
-
} = _ref2;
|
|
31
|
-
return [{
|
|
32
|
-
opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1
|
|
33
|
-
}, style];
|
|
34
|
-
},
|
|
35
|
-
...props
|
|
36
|
-
}, children);
|
|
37
|
-
} onPress: onPress,
|
|
38
25
|
disabled: disabled,
|
|
39
26
|
delayLongPress: delayLongPress ? delayLongPress : 500,
|
|
40
27
|
hitSlop: hitSlop ? hitSlop : 8,
|
|
@@ -8,12 +8,16 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
10
10
|
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; }
|
|
11
|
+
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); }
|
|
12
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
13
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
14
|
+
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
11
15
|
const INDETERMINATE_WIDTH_FACTOR = 0.3;
|
|
12
16
|
const BAR_WIDTH_ZERO_POSITION = INDETERMINATE_WIDTH_FACTOR / (1 + INDETERMINATE_WIDTH_FACTOR);
|
|
13
17
|
class ProgressBar extends _react.Component {
|
|
14
18
|
constructor(props) {
|
|
15
19
|
super(props);
|
|
16
|
-
this
|
|
20
|
+
_defineProperty(this, "handleLayout", event => {
|
|
17
21
|
const {
|
|
18
22
|
width = 150,
|
|
19
23
|
onLayout
|
|
@@ -26,7 +30,7 @@ class ProgressBar extends _react.Component {
|
|
|
26
30
|
if (onLayout) {
|
|
27
31
|
onLayout(event);
|
|
28
32
|
}
|
|
29
|
-
};
|
|
33
|
+
});
|
|
30
34
|
const {
|
|
31
35
|
progress: progressP = 0,
|
|
32
36
|
indeterminate = false
|
|
@@ -74,6 +78,7 @@ class ProgressBar extends _react.Component {
|
|
|
74
78
|
...animationConfig,
|
|
75
79
|
toValue: progress,
|
|
76
80
|
velocity: 0,
|
|
81
|
+
//adjust this value if animation fails - velocity is required
|
|
77
82
|
useNativeDriver
|
|
78
83
|
}).start();
|
|
79
84
|
} else {
|
|
@@ -142,41 +147,6 @@ class ProgressBar extends _react.Component {
|
|
|
142
147
|
})
|
|
143
148
|
}]
|
|
144
149
|
};
|
|
145
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
146
|
-
style: [containerStyle, style],
|
|
147
|
-
onLayout: this.handleLayout,
|
|
148
|
-
...restProps
|
|
149
|
-
}, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
|
|
150
|
-
style: progressStyle
|
|
151
|
-
}), children);
|
|
152
|
-
}
|
|
153
|
-
}
|
|
154
|
-
exports.default = ProgressBar;,
|
|
155
|
-
overflow: "hidden",
|
|
156
|
-
backgroundColor: unfilledColor
|
|
157
|
-
};
|
|
158
|
-
const progressStyle = {
|
|
159
|
-
backgroundColor: color,
|
|
160
|
-
// Always take up full height of container.
|
|
161
|
-
height: "100%",
|
|
162
|
-
transform: [{
|
|
163
|
-
translateX: this.state.animationValue.interpolate({
|
|
164
|
-
inputRange: [0, 1],
|
|
165
|
-
outputRange: [innerWidth * -INDETERMINATE_WIDTH_FACTOR, innerWidth]
|
|
166
|
-
})
|
|
167
|
-
}, {
|
|
168
|
-
translateX: this.state.progress.interpolate({
|
|
169
|
-
inputRange: [0, 1],
|
|
170
|
-
outputRange: [innerWidth / (_reactNative.I18nManager.isRTL ? 2 : -2), 0]
|
|
171
|
-
})
|
|
172
|
-
}, {
|
|
173
|
-
// Interpolation a temp workaround for https://github.com/facebook/react-native/issues/6278
|
|
174
|
-
scaleX: this.state.progress.interpolate({
|
|
175
|
-
inputRange: [0, 1],
|
|
176
|
-
outputRange: [0.0001, 1]
|
|
177
|
-
})
|
|
178
|
-
}]
|
|
179
|
-
};
|
|
180
150
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
|
|
181
151
|
style: [containerStyle, style],
|
|
182
152
|
onLayout: this.handleLayout
|
|
@@ -10,6 +10,7 @@ var _Text = _interopRequireDefault(require("../Text"));
|
|
|
10
10
|
var _theming = require("../../theming");
|
|
11
11
|
var _RadioButtonGroup = _interopRequireDefault(require("./RadioButtonGroup"));
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
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); }
|
|
13
14
|
const RadioButtonFieldGroup = _ref => {
|
|
14
15
|
let {
|
|
15
16
|
label,
|
|
@@ -26,15 +27,6 @@ const RadioButtonFieldGroup = _ref => {
|
|
|
26
27
|
fontSize: theme.typography.headline4.fontSize,
|
|
27
28
|
color: theme.typography.headline4.color
|
|
28
29
|
}, labelStyle]
|
|
29
|
-
}, label), /*#__PURE__*/_react.default.createElement(_RadioButtonGroup.default, {
|
|
30
|
-
theme: theme,
|
|
31
|
-
...rest
|
|
32
|
-
}, children));
|
|
33
|
-
};
|
|
34
|
-
var _default = (0, _theming.withTheme)(RadioButtonFieldGroup);
|
|
35
|
-
exports.default = _default; fontSize: theme.typography.headline4.fontSize,
|
|
36
|
-
color: theme.typography.headline4.color
|
|
37
|
-
}, labelStyle]
|
|
38
30
|
}, label), /*#__PURE__*/_react.default.createElement(_RadioButtonGroup.default, _extends({
|
|
39
31
|
theme: theme
|
|
40
32
|
}, rest), children));
|
|
@@ -10,6 +10,7 @@ var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
|
|
|
10
10
|
var _theming = require("../theming");
|
|
11
11
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
12
|
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; }
|
|
13
|
+
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); }
|
|
13
14
|
function ScreenContainer(_ref) {
|
|
14
15
|
let {
|
|
15
16
|
scrollable = false,
|
|
@@ -29,13 +30,12 @@ function ScreenContainer(_ref) {
|
|
|
29
30
|
if (hasSafeArea || hasBottomSafeArea) {
|
|
30
31
|
edges.push("bottom");
|
|
31
32
|
}
|
|
32
|
-
return /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
|
|
33
|
+
return /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, _extends({
|
|
33
34
|
edges: edges,
|
|
34
35
|
style: [styles.container, {
|
|
35
36
|
backgroundColor
|
|
36
|
-
}]
|
|
37
|
-
|
|
38
|
-
}, scrollable ? /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
|
|
37
|
+
}]
|
|
38
|
+
}, rest), scrollable ? /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
|
|
39
39
|
contentContainerStyle: [styles.scrollViewContainer, {
|
|
40
40
|
backgroundColor
|
|
41
41
|
}, style]
|
|
@@ -55,20 +55,4 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
55
55
|
}
|
|
56
56
|
});
|
|
57
57
|
var _default = (0, _theming.withTheme)(ScreenContainer);
|
|
58
|
-
exports.default = _default;(_reactNative.View, {
|
|
59
|
-
style: [styles.container, {
|
|
60
|
-
backgroundColor
|
|
61
|
-
}, style]
|
|
62
|
-
}, children));
|
|
63
|
-
}
|
|
64
|
-
const styles = _reactNative.StyleSheet.create({
|
|
65
|
-
container: {
|
|
66
|
-
flex: 1
|
|
67
|
-
},
|
|
68
|
-
scrollViewContainer: {
|
|
69
|
-
flexGrow: 1,
|
|
70
|
-
flex: undefined
|
|
71
|
-
}
|
|
72
|
-
});
|
|
73
|
-
var _default = (0, _theming.withTheme)(ScreenContainer);
|
|
74
58
|
exports.default = _default;
|