@draftbit/core 46.5.2-b02f9e.2 → 46.5.2-b58416.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/AspectRatio.js +1 -17
- package/lib/commonjs/components/CardBlock.js +4 -13
- package/lib/commonjs/components/Checkbox/Checkbox.js +4 -22
- package/lib/commonjs/components/DatePicker/DatePicker.js +13 -9
- package/lib/commonjs/components/DeprecatedFAB.js +3 -21
- package/lib/commonjs/components/Portal/PortalConsumer.js +7 -22
- package/lib/commonjs/components/StepIndicator.js +18 -57
- package/lib/commonjs/constants.js +1 -1
- package/lib/commonjs/styles/overlay.js +3 -1
- package/package.json +3 -3
|
@@ -7,6 +7,7 @@ exports.default = void 0;
|
|
|
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
|
const AspectRatio = props => {
|
|
11
12
|
const [layout, setLayout] = _react.default.useState(null);
|
|
12
13
|
const {
|
|
@@ -33,23 +34,6 @@ const AspectRatio = props => {
|
|
|
33
34
|
});
|
|
34
35
|
}
|
|
35
36
|
}
|
|
36
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
37
|
-
...props,
|
|
38
|
-
style: style,
|
|
39
|
-
onLayout: _ref => {
|
|
40
|
-
let {
|
|
41
|
-
nativeEvent: {
|
|
42
|
-
layout: l
|
|
43
|
-
}
|
|
44
|
-
} = _ref;
|
|
45
|
-
return setLayout(l);
|
|
46
|
-
}
|
|
47
|
-
}, props.children);
|
|
48
|
-
};
|
|
49
|
-
var _default = AspectRatio;
|
|
50
|
-
exports.default = _default; });
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
37
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, props, {
|
|
54
38
|
style: style,
|
|
55
39
|
onLayout: _ref => {
|
|
@@ -12,6 +12,7 @@ var _Elevation = _interopRequireDefault(require("./Elevation"));
|
|
|
12
12
|
var _theming = require("../theming");
|
|
13
13
|
var _Config = _interopRequireDefault(require("./Config"));
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
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
16
|
const CardBlock = _ref => {
|
|
16
17
|
let {
|
|
17
18
|
image = _Config.default.cardImageUrl,
|
|
@@ -48,12 +49,11 @@ const CardBlock = _ref => {
|
|
|
48
49
|
const rightDescriptionStyles = [typography.subtitle2, {
|
|
49
50
|
color: colors.light
|
|
50
51
|
}];
|
|
51
|
-
return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
|
|
52
|
+
return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
|
|
52
53
|
style: style,
|
|
53
54
|
onPress: onPress,
|
|
54
|
-
numColumns: numColumns
|
|
55
|
-
|
|
56
|
-
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
55
|
+
numColumns: numColumns
|
|
56
|
+
}, rest), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
57
57
|
style: {
|
|
58
58
|
backgroundColor: colors.background
|
|
59
59
|
}
|
|
@@ -103,13 +103,4 @@ const CardBlock = _ref => {
|
|
|
103
103
|
}, rightDescription) : null) : null));
|
|
104
104
|
};
|
|
105
105
|
var _default = (0, _theming.withTheme)(CardBlock);
|
|
106
|
-
exports.default = _default;yle: [typography.body2, {
|
|
107
|
-
color: colors.medium
|
|
108
|
-
}]
|
|
109
|
-
}, leftDescription), rightDescription ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
|
110
|
-
numberOfLines: 1,
|
|
111
|
-
style: rightDescriptionStyles
|
|
112
|
-
}, rightDescription) : null) : null));
|
|
113
|
-
};
|
|
114
|
-
var _default = (0, _theming.withTheme)(CardBlock);
|
|
115
106
|
exports.default = _default;
|
|
@@ -12,6 +12,7 @@ var _hooks = require("../../hooks");
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
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); }
|
|
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
|
+
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
16
|
const Checkbox = _ref => {
|
|
16
17
|
let {
|
|
17
18
|
Icon,
|
|
@@ -35,6 +36,7 @@ const Checkbox = _ref => {
|
|
|
35
36
|
setInternalValue(status);
|
|
36
37
|
}
|
|
37
38
|
}, [status]);
|
|
39
|
+
|
|
38
40
|
// This special logic is to handle weird APIs like Airtable that return
|
|
39
41
|
// true or undefined for a boolean
|
|
40
42
|
const previousDefaultValue = (0, _hooks.usePrevious)(defaultValue);
|
|
@@ -58,8 +60,7 @@ const Checkbox = _ref => {
|
|
|
58
60
|
onUncheck === null || onUncheck === void 0 ? void 0 : onUncheck();
|
|
59
61
|
}
|
|
60
62
|
};
|
|
61
|
-
return /*#__PURE__*/React.createElement(_Touchable.default, {
|
|
62
|
-
...rest,
|
|
63
|
+
return /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
|
|
63
64
|
onPress: handlePress,
|
|
64
65
|
disabled: disabled,
|
|
65
66
|
accessibilityState: {
|
|
@@ -71,7 +72,7 @@ const Checkbox = _ref => {
|
|
|
71
72
|
width: size,
|
|
72
73
|
height: size
|
|
73
74
|
}]
|
|
74
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
75
|
+
}), /*#__PURE__*/React.createElement(Icon, {
|
|
75
76
|
style: styles.icon,
|
|
76
77
|
name: internalValue ? checkedIcon : uncheckedIcon,
|
|
77
78
|
size: size,
|
|
@@ -105,23 +106,4 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
105
106
|
}
|
|
106
107
|
});
|
|
107
108
|
var _default = Checkbox;
|
|
108
|
-
exports.default = _default; styles = _reactNative.StyleSheet.create({
|
|
109
|
-
container: {
|
|
110
|
-
borderRadius: 18
|
|
111
|
-
},
|
|
112
|
-
fillContainer: {
|
|
113
|
-
alignItems: "center",
|
|
114
|
-
justifyContent: "center"
|
|
115
|
-
},
|
|
116
|
-
icon: {
|
|
117
|
-
alignSelf: "center"
|
|
118
|
-
},
|
|
119
|
-
fill: {
|
|
120
|
-
borderRadius: 5,
|
|
121
|
-
width: 30,
|
|
122
|
-
height: 30,
|
|
123
|
-
alignSelf: "center"
|
|
124
|
-
}
|
|
125
|
-
});
|
|
126
|
-
var _default = Checkbox;
|
|
127
109
|
exports.default = _default;
|
|
@@ -16,6 +16,7 @@ var _utilities = require("../../utilities");
|
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
17
|
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); }
|
|
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
|
+
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
|
const AnimatedText = _reactNative.Animated.createAnimatedComponent(_reactNative.Text);
|
|
20
21
|
const FOCUS_ANIMATION_DURATION = 150;
|
|
21
22
|
const BLUR_ANIMATION_DURATION = 180;
|
|
@@ -90,20 +91,24 @@ const DatePicker = _ref => {
|
|
|
90
91
|
focused ? _handleBlur() : _handleFocus();
|
|
91
92
|
};
|
|
92
93
|
const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
|
|
94
|
+
|
|
93
95
|
// const _restoreLabel = () =>
|
|
94
96
|
// Animated.timing(labeled, {
|
|
95
97
|
// toValue: 1,
|
|
96
98
|
// duration: FOCUS_ANIMATION_DURATION,
|
|
97
99
|
// useNativeDriver: true,
|
|
98
100
|
// }).start();
|
|
101
|
+
|
|
99
102
|
// const _minmizeLabel = () =>
|
|
100
103
|
// Animated.timing(labeled, {
|
|
101
104
|
// toValue: 0,
|
|
102
105
|
// duration: BLUR_ANIMATION_DURATION,
|
|
103
106
|
// useNativeDriver: true,
|
|
104
107
|
// }).start();
|
|
108
|
+
|
|
105
109
|
// const _showPlaceholder = () =>
|
|
106
110
|
// setTimeout(() => setPlaceholder1(placeholder || ""), 50);
|
|
111
|
+
|
|
107
112
|
const _hidePlaceholder = () => {
|
|
108
113
|
setPlaceholder1("");
|
|
109
114
|
};
|
|
@@ -246,7 +251,9 @@ const DatePicker = _ref => {
|
|
|
246
251
|
const inputStyles = [styles.input, inputStyle, type === "solid" ? {
|
|
247
252
|
marginHorizontal: 12
|
|
248
253
|
} : {}];
|
|
254
|
+
|
|
249
255
|
// const render = (props) => <NativeTextInput {...props} />;
|
|
256
|
+
|
|
250
257
|
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
251
258
|
style: [styles.container, style]
|
|
252
259
|
}, /*#__PURE__*/React.createElement(_Touchable.default, {
|
|
@@ -256,10 +263,9 @@ const DatePicker = _ref => {
|
|
|
256
263
|
pointerEvents: "none"
|
|
257
264
|
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
258
265
|
style: [styles.container, style]
|
|
259
|
-
}, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, {
|
|
260
|
-
...leftIconProps,
|
|
266
|
+
}, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
|
|
261
267
|
style: leftIconStyle
|
|
262
|
-
}) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
268
|
+
})) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
263
269
|
style: [containerStyle, style ? {
|
|
264
270
|
height: style.height
|
|
265
271
|
} : {}, viewStyles]
|
|
@@ -308,13 +314,12 @@ const DatePicker = _ref => {
|
|
|
308
314
|
opacity: hasActiveOutline ? labeled : 1
|
|
309
315
|
}],
|
|
310
316
|
numberOfLines: 1
|
|
311
|
-
}, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(Icon, {
|
|
312
|
-
...leftIconProps,
|
|
317
|
+
}, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
|
|
313
318
|
style: {
|
|
314
319
|
...leftIconStyle,
|
|
315
320
|
marginLeft: type === "solid" ? 16 : 0
|
|
316
321
|
}
|
|
317
|
-
}) : null, /*#__PURE__*/React.createElement(_reactNative.TextInput, {
|
|
322
|
+
})) : null, /*#__PURE__*/React.createElement(_reactNative.TextInput, _extends({
|
|
318
323
|
value: formatDate(),
|
|
319
324
|
placeholder: label ? placeholder1 : placeholder,
|
|
320
325
|
editable: !disabled,
|
|
@@ -323,9 +328,8 @@ const DatePicker = _ref => {
|
|
|
323
328
|
onFocus: _handleFocus,
|
|
324
329
|
onBlur: _handleBlur,
|
|
325
330
|
underlineColorAndroid: "transparent",
|
|
326
|
-
style: [inputStyles, textStyles]
|
|
327
|
-
|
|
328
|
-
})), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
|
|
331
|
+
style: [inputStyles, textStyles]
|
|
332
|
+
}, props))), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
|
|
329
333
|
name: rightIconName,
|
|
330
334
|
size: ICON_SIZE,
|
|
331
335
|
color: colors.light,
|
|
@@ -15,6 +15,7 @@ var _theming = require("../theming");
|
|
|
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 FAB = _ref => {
|
|
19
20
|
let {
|
|
20
21
|
Icon,
|
|
@@ -106,8 +107,7 @@ const FAB = _ref => {
|
|
|
106
107
|
style: [{
|
|
107
108
|
elevation
|
|
108
109
|
}, style]
|
|
109
|
-
}, /*#__PURE__*/React.createElement(_Touchable.default, {
|
|
110
|
-
...rest,
|
|
110
|
+
}, /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
|
|
111
111
|
onPress: onPress,
|
|
112
112
|
accessibilityState: {
|
|
113
113
|
disabled
|
|
@@ -115,7 +115,7 @@ const FAB = _ref => {
|
|
|
115
115
|
accessibilityRole: "button",
|
|
116
116
|
disabled: disabled || loading,
|
|
117
117
|
style: buttonStyles
|
|
118
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
118
|
+
}), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
119
119
|
style: styles.content
|
|
120
120
|
}, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
121
121
|
style: iconStyle
|
|
@@ -155,22 +155,4 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
155
155
|
}
|
|
156
156
|
});
|
|
157
157
|
var _default = (0, _theming.withTheme)(FAB);
|
|
158
|
-
exports.default = _default;ow",
|
|
159
|
-
alignItems: "center",
|
|
160
|
-
justifyContent: "center"
|
|
161
|
-
},
|
|
162
|
-
icon: {
|
|
163
|
-
alignItems: "center",
|
|
164
|
-
justifyContent: "center",
|
|
165
|
-
width: _Config.default.buttonIconSize
|
|
166
|
-
},
|
|
167
|
-
fixed: {
|
|
168
|
-
left: 0,
|
|
169
|
-
right: 0,
|
|
170
|
-
bottom: 0,
|
|
171
|
-
height: 64,
|
|
172
|
-
borderRadius: 0
|
|
173
|
-
}
|
|
174
|
-
});
|
|
175
|
-
var _default = (0, _theming.withTheme)(FAB);
|
|
176
158
|
exports.default = _default;
|
|
@@ -7,31 +7,16 @@ exports.default = void 0;
|
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
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); }
|
|
9
9
|
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; }
|
|
10
|
+
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; }
|
|
11
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
12
|
+
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); }
|
|
10
13
|
class PortalConsumer extends React.Component {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
await Promise.resolve();
|
|
15
|
-
this.key = this.props.manager.mount(this.props.children);
|
|
14
|
+
constructor() {
|
|
15
|
+
super(...arguments);
|
|
16
|
+
_defineProperty(this, "key", void 0);
|
|
16
17
|
}
|
|
17
|
-
|
|
18
|
-
this.checkManager();
|
|
19
|
-
this.props.manager.update(this.key, this.props.children);
|
|
20
|
-
}
|
|
21
|
-
componentWillUnmount() {
|
|
18
|
+
async componentDidMount() {
|
|
22
19
|
this.checkManager();
|
|
23
|
-
this.props.manager.unmount(this.key);
|
|
24
|
-
}
|
|
25
|
-
checkManager() {
|
|
26
|
-
if (!this.props.manager) {
|
|
27
|
-
throw new Error("Looks like you forgot to wrap your root component with `Provider` component from `react-native-paper`.\n\n" + "Please read our getting-started guide and make sure you've followed all the required steps.\n\n" + "https://callstack.github.io/react-native-paper/getting-started.html");
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
render() {
|
|
31
|
-
return null;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
exports.default = PortalConsumer;s.checkManager();
|
|
35
20
|
|
|
36
21
|
// Delay updating to prevent React from going to infinite loop
|
|
37
22
|
await Promise.resolve();
|
|
@@ -8,8 +8,9 @@ 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
|
-
|
|
12
|
-
|
|
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); }
|
|
13
14
|
const STEP_STATUS = {
|
|
14
15
|
CURRENT: "current",
|
|
15
16
|
FINISHED: "finished",
|
|
@@ -18,7 +19,7 @@ const STEP_STATUS = {
|
|
|
18
19
|
class StepIndicator extends _react.Component {
|
|
19
20
|
constructor(props) {
|
|
20
21
|
super(props);
|
|
21
|
-
this
|
|
22
|
+
_defineProperty(this, "renderProgressBarBackground", () => {
|
|
22
23
|
const {
|
|
23
24
|
stepCount,
|
|
24
25
|
direction
|
|
@@ -61,8 +62,8 @@ class StepIndicator extends _react.Component {
|
|
|
61
62
|
},
|
|
62
63
|
style: progressBarBackgroundStyle
|
|
63
64
|
});
|
|
64
|
-
};
|
|
65
|
-
this
|
|
65
|
+
});
|
|
66
|
+
_defineProperty(this, "renderProgressBar", () => {
|
|
66
67
|
const {
|
|
67
68
|
stepCount,
|
|
68
69
|
direction
|
|
@@ -92,8 +93,8 @@ class StepIndicator extends _react.Component {
|
|
|
92
93
|
return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
|
|
93
94
|
style: progressBarStyle
|
|
94
95
|
});
|
|
95
|
-
};
|
|
96
|
-
this
|
|
96
|
+
});
|
|
97
|
+
_defineProperty(this, "renderStepIndicator", () => {
|
|
97
98
|
let steps = [];
|
|
98
99
|
const {
|
|
99
100
|
stepCount,
|
|
@@ -124,8 +125,8 @@ class StepIndicator extends _react.Component {
|
|
|
124
125
|
height: this.state.customStyles.currentStepIndicatorSize
|
|
125
126
|
}]
|
|
126
127
|
}, steps);
|
|
127
|
-
};
|
|
128
|
-
this
|
|
128
|
+
});
|
|
129
|
+
_defineProperty(this, "renderStepLabels", () => {
|
|
129
130
|
const {
|
|
130
131
|
labels,
|
|
131
132
|
direction,
|
|
@@ -167,8 +168,8 @@ class StepIndicator extends _react.Component {
|
|
|
167
168
|
alignItems: this.state.customStyles.labelAlign
|
|
168
169
|
}]
|
|
169
170
|
}, labelViews);
|
|
170
|
-
};
|
|
171
|
-
this
|
|
171
|
+
});
|
|
172
|
+
_defineProperty(this, "renderStep", position => {
|
|
172
173
|
const {
|
|
173
174
|
renderStepIndicator
|
|
174
175
|
} = this.props;
|
|
@@ -235,8 +236,8 @@ class StepIndicator extends _react.Component {
|
|
|
235
236
|
}) : /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
|
236
237
|
style: indicatorLabelStyle
|
|
237
238
|
}, "".concat(position + 1)));
|
|
238
|
-
};
|
|
239
|
-
this
|
|
239
|
+
});
|
|
240
|
+
_defineProperty(this, "getStepStatus", stepPosition => {
|
|
240
241
|
const {
|
|
241
242
|
currentPosition
|
|
242
243
|
} = this.props;
|
|
@@ -247,8 +248,8 @@ class StepIndicator extends _react.Component {
|
|
|
247
248
|
} else {
|
|
248
249
|
return STEP_STATUS.UNFINISHED;
|
|
249
250
|
}
|
|
250
|
-
};
|
|
251
|
-
this
|
|
251
|
+
});
|
|
252
|
+
_defineProperty(this, "onCurrentPositionChanged", position => {
|
|
252
253
|
let {
|
|
253
254
|
stepCount
|
|
254
255
|
} = this.props;
|
|
@@ -268,7 +269,7 @@ class StepIndicator extends _react.Component {
|
|
|
268
269
|
toValue: this.state.customStyles.currentStepIndicatorSize / 2,
|
|
269
270
|
duration: 100
|
|
270
271
|
})])]).start();
|
|
271
|
-
};
|
|
272
|
+
});
|
|
272
273
|
const defaultStyles = {
|
|
273
274
|
stepIndicatorSize: 30,
|
|
274
275
|
currentStepIndicatorSize: 40,
|
|
@@ -334,6 +335,7 @@ class StepIndicator extends _react.Component {
|
|
|
334
335
|
// ),
|
|
335
336
|
// }));
|
|
336
337
|
// }
|
|
338
|
+
|
|
337
339
|
if (prevProps.currentPosition !== this.props.currentPosition) {
|
|
338
340
|
this.onCurrentPositionChanged(this.props.currentPosition);
|
|
339
341
|
}
|
|
@@ -375,47 +377,6 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
375
377
|
justifyContent: "center"
|
|
376
378
|
}
|
|
377
379
|
});
|
|
378
|
-
StepIndicator.defaultProps = {
|
|
379
|
-
currentPosition: 0,
|
|
380
|
-
stepCount: 5,
|
|
381
|
-
customStyles: {},
|
|
382
|
-
direction: "horizontal"
|
|
383
|
-
};exports.default = StepIndicator;
|
|
384
|
-
const styles = _reactNative.StyleSheet.create({
|
|
385
|
-
container: {
|
|
386
|
-
backgroundColor: "transparent"
|
|
387
|
-
},
|
|
388
|
-
stepIndicatorContainer: {
|
|
389
|
-
flexDirection: "row",
|
|
390
|
-
alignItems: "center",
|
|
391
|
-
justifyContent: "space-around",
|
|
392
|
-
backgroundColor: "transparent"
|
|
393
|
-
},
|
|
394
|
-
stepLabelsContainer: {
|
|
395
|
-
justifyContent: "space-around"
|
|
396
|
-
},
|
|
397
|
-
step: {
|
|
398
|
-
alignItems: "center",
|
|
399
|
-
justifyContent: "center",
|
|
400
|
-
zIndex: 2
|
|
401
|
-
},
|
|
402
|
-
stepContainer: {
|
|
403
|
-
flex: 1,
|
|
404
|
-
flexDirection: "row",
|
|
405
|
-
alignItems: "center",
|
|
406
|
-
justifyContent: "center"
|
|
407
|
-
},
|
|
408
|
-
stepLabel: {
|
|
409
|
-
fontSize: 12,
|
|
410
|
-
textAlign: "center",
|
|
411
|
-
fontWeight: "500"
|
|
412
|
-
},
|
|
413
|
-
stepLabelItem: {
|
|
414
|
-
flex: 1,
|
|
415
|
-
alignItems: "center",
|
|
416
|
-
justifyContent: "center"
|
|
417
|
-
}
|
|
418
|
-
});
|
|
419
380
|
StepIndicator.defaultProps = {
|
|
420
381
|
currentPosition: 0,
|
|
421
382
|
stepCount: 5,
|
|
@@ -12,4 +12,4 @@ const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
|
|
|
12
12
|
android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
|
|
13
13
|
ios: _reactNative.Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
|
|
14
14
|
});
|
|
15
|
-
exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;
|
|
15
|
+
exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;
|
|
@@ -15,6 +15,7 @@ function overlay(elevation) {
|
|
|
15
15
|
let surfaceColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _DarkTheme.default.colors.surface;
|
|
16
16
|
if (isAnimatedValue(elevation)) {
|
|
17
17
|
const inputRange = [0, 1, 2, 3, 8, 24];
|
|
18
|
+
|
|
18
19
|
// @ts-expect-error: TS doesn't seem to refine the type correctly
|
|
19
20
|
return elevation.interpolate({
|
|
20
21
|
inputRange,
|
|
@@ -23,6 +24,7 @@ function overlay(elevation) {
|
|
|
23
24
|
})
|
|
24
25
|
});
|
|
25
26
|
}
|
|
27
|
+
|
|
26
28
|
// @ts-expect-error: TS doesn't seem to refine the type correctly
|
|
27
29
|
return calculateColor(surfaceColor, elevation);
|
|
28
30
|
}
|
|
@@ -63,4 +65,4 @@ const elevationOverlayTransparency = {
|
|
|
63
65
|
22: 15.72,
|
|
64
66
|
23: 15.84,
|
|
65
67
|
24: 16
|
|
66
|
-
};
|
|
68
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "46.5.2-
|
|
3
|
+
"version": "46.5.2-b58416.2+b584161",
|
|
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.5.2-
|
|
44
|
+
"@draftbit/types": "^46.5.2-b58416.2+b584161",
|
|
45
45
|
"@material-ui/core": "^4.11.0",
|
|
46
46
|
"@material-ui/pickers": "^3.2.10",
|
|
47
47
|
"@react-native-community/slider": "4.2.4",
|
|
@@ -91,5 +91,5 @@
|
|
|
91
91
|
]
|
|
92
92
|
]
|
|
93
93
|
},
|
|
94
|
-
"gitHead": "
|
|
94
|
+
"gitHead": "b584161a8d6042f3d8ab8a4cb3b697889503a5db"
|
|
95
95
|
}
|