@draftbit/core 46.6.0 → 46.6.4
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/AnimatedCircularProgress.js +13 -1
- package/lib/module/components/AvatarEdit.js +4 -15
- package/lib/module/components/Button.js +10 -33
- 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/Portal/PortalConsumer.js +0 -23
- 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
|
@@ -12,6 +12,7 @@ var _theming = require("../../theming");
|
|
|
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 AccordionItem = _ref => {
|
|
16
17
|
let {
|
|
17
18
|
Icon,
|
|
@@ -26,10 +27,9 @@ const AccordionItem = _ref => {
|
|
|
26
27
|
textStyles,
|
|
27
28
|
viewStyles
|
|
28
29
|
} = (0, _utilities.extractStyles)(style);
|
|
29
|
-
return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
30
|
-
style: [styles.container, viewStyles]
|
|
31
|
-
|
|
32
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
30
|
+
return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
|
|
31
|
+
style: [styles.container, viewStyles]
|
|
32
|
+
}, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
33
33
|
style: styles.row
|
|
34
34
|
}, icon ? /*#__PURE__*/React.createElement(Icon, {
|
|
35
35
|
name: icon,
|
|
@@ -61,23 +61,4 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
61
61
|
}
|
|
62
62
|
});
|
|
63
63
|
var _default = (0, _theming.withTheme)(AccordionItem);
|
|
64
|
-
exports.default = _default;.StyleSheet.create({
|
|
65
|
-
container: {
|
|
66
|
-
padding: 8
|
|
67
|
-
},
|
|
68
|
-
row: {
|
|
69
|
-
flexDirection: "row",
|
|
70
|
-
alignItems: "center",
|
|
71
|
-
paddingLeft: 8
|
|
72
|
-
},
|
|
73
|
-
item: {
|
|
74
|
-
marginVertical: 6,
|
|
75
|
-
paddingLeft: 8
|
|
76
|
-
},
|
|
77
|
-
content: {
|
|
78
|
-
flex: 1,
|
|
79
|
-
justifyContent: "center"
|
|
80
|
-
}
|
|
81
|
-
});
|
|
82
|
-
var _default = (0, _theming.withTheme)(AccordionItem);
|
|
83
64
|
exports.default = _default;
|
|
@@ -12,6 +12,7 @@ var _theming = require("../theming");
|
|
|
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 ELEVATION = 1;
|
|
16
17
|
const DEFAULT_MAX_WIDTH = 960;
|
|
17
18
|
const Banner = _ref => {
|
|
@@ -69,6 +70,7 @@ const Banner = _ref => {
|
|
|
69
70
|
measured: true
|
|
70
71
|
});
|
|
71
72
|
};
|
|
73
|
+
|
|
72
74
|
// The banner animation has 2 parts:
|
|
73
75
|
// 1. Blank spacer element which animates its height to move the content
|
|
74
76
|
// 2. Actual banner which animates its translateY
|
|
@@ -78,10 +80,9 @@ const Banner = _ref => {
|
|
|
78
80
|
// However we can't animated banner's height directly as it'll also resize the content inside
|
|
79
81
|
const height = _reactNative.Animated.multiply(position, layout.height);
|
|
80
82
|
const translateY = _reactNative.Animated.multiply(_reactNative.Animated.add(position, -1), layout.height);
|
|
81
|
-
return /*#__PURE__*/React.createElement(_Surface.default, {
|
|
82
|
-
...rest,
|
|
83
|
+
return /*#__PURE__*/React.createElement(_Surface.default, _extends({}, rest, {
|
|
83
84
|
style: [styles.container, (0, _shadow.default)(ELEVATION), style]
|
|
84
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
85
|
+
}), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
85
86
|
style: [styles.wrapper, contentStyle]
|
|
86
87
|
}, /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
|
|
87
88
|
style: {
|
|
@@ -163,24 +164,4 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
163
164
|
}
|
|
164
165
|
});
|
|
165
166
|
var _default = (0, _theming.withTheme)(Banner);
|
|
166
|
-
exports.default = _default;",
|
|
167
|
-
justifyContent: "flex-start",
|
|
168
|
-
marginHorizontal: 8,
|
|
169
|
-
marginTop: 16,
|
|
170
|
-
marginBottom: 0
|
|
171
|
-
},
|
|
172
|
-
icon: {
|
|
173
|
-
margin: 8
|
|
174
|
-
},
|
|
175
|
-
message: {
|
|
176
|
-
flex: 1,
|
|
177
|
-
margin: 8
|
|
178
|
-
},
|
|
179
|
-
actions: {
|
|
180
|
-
flexDirection: "row",
|
|
181
|
-
justifyContent: "flex-end",
|
|
182
|
-
margin: 8
|
|
183
|
-
}
|
|
184
|
-
});
|
|
185
|
-
var _default = (0, _theming.withTheme)(Banner);
|
|
186
167
|
exports.default = _default;
|
|
@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _theming = require("../theming");
|
|
10
10
|
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); }
|
|
11
11
|
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; }
|
|
12
|
+
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
13
|
const CONSTANTS = {
|
|
13
14
|
baseHeight: 42,
|
|
14
15
|
borderRadius: 4,
|
|
@@ -60,7 +61,7 @@ function Base(_ref) {
|
|
|
60
61
|
if (textAlign === "right") {
|
|
61
62
|
buttonStyles.justifyContent = "flex-end";
|
|
62
63
|
}
|
|
63
|
-
return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
64
|
+
return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
|
|
64
65
|
disabled: disabled || loading,
|
|
65
66
|
style: _ref2 => {
|
|
66
67
|
let {
|
|
@@ -69,9 +70,8 @@ function Base(_ref) {
|
|
|
69
70
|
return [styles.base, {
|
|
70
71
|
opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1
|
|
71
72
|
}, buttonStyles];
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
}, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
|
|
73
|
+
}
|
|
74
|
+
}, props), loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
|
|
75
75
|
size: "small",
|
|
76
76
|
color: color,
|
|
77
77
|
style: styles.loading
|
|
@@ -90,14 +90,13 @@ const Solid = _ref3 => {
|
|
|
90
90
|
theme,
|
|
91
91
|
...props
|
|
92
92
|
} = _ref3;
|
|
93
|
-
return /*#__PURE__*/React.createElement(Base, {
|
|
93
|
+
return /*#__PURE__*/React.createElement(Base, _extends({
|
|
94
94
|
style: [{
|
|
95
95
|
color: "#FFF",
|
|
96
96
|
borderRadius: theme.roundness,
|
|
97
97
|
backgroundColor: theme.colors.primary
|
|
98
|
-
}, style]
|
|
99
|
-
|
|
100
|
-
});
|
|
98
|
+
}, style]
|
|
99
|
+
}, props));
|
|
101
100
|
};
|
|
102
101
|
const ButtonSolid = (0, _theming.withTheme)(Solid);
|
|
103
102
|
exports.ButtonSolid = ButtonSolid;
|
|
@@ -109,14 +108,13 @@ const Outline = _ref4 => {
|
|
|
109
108
|
theme,
|
|
110
109
|
...props
|
|
111
110
|
} = _ref4;
|
|
112
|
-
return /*#__PURE__*/React.createElement(Base, {
|
|
111
|
+
return /*#__PURE__*/React.createElement(Base, _extends({
|
|
113
112
|
style: [styles.outline, {
|
|
114
113
|
borderRadius: theme.roundness,
|
|
115
114
|
borderColor: theme.colors.primary,
|
|
116
115
|
color: theme.colors.primary
|
|
117
|
-
}, style]
|
|
118
|
-
|
|
119
|
-
});
|
|
116
|
+
}, style]
|
|
117
|
+
}, props));
|
|
120
118
|
};
|
|
121
119
|
const ButtonOutline = (0, _theming.withTheme)(Outline);
|
|
122
120
|
exports.ButtonOutline = ButtonOutline;
|
|
@@ -163,25 +161,4 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
163
161
|
}
|
|
164
162
|
})
|
|
165
163
|
}
|
|
166
|
-
});ent",
|
|
167
|
-
padding: 0,
|
|
168
|
-
minHeight: undefined
|
|
169
|
-
},
|
|
170
|
-
loading: {
|
|
171
|
-
marginRight: 6
|
|
172
|
-
},
|
|
173
|
-
icon: {
|
|
174
|
-
..._reactNative.Platform.select({
|
|
175
|
-
web: {
|
|
176
|
-
marginTop: 1,
|
|
177
|
-
marginRight: 4,
|
|
178
|
-
alignSelf: "center"
|
|
179
|
-
},
|
|
180
|
-
default: {
|
|
181
|
-
marginBottom: 2,
|
|
182
|
-
marginRight: 4,
|
|
183
|
-
alignSelf: "center"
|
|
184
|
-
}
|
|
185
|
-
})
|
|
186
|
-
}
|
|
187
164
|
});
|
|
@@ -13,6 +13,7 @@ var _Elevation = _interopRequireDefault(require("./Elevation"));
|
|
|
13
13
|
var _theming = require("../theming");
|
|
14
14
|
var _Config = _interopRequireDefault(require("./Config"));
|
|
15
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
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
|
const ICON_CONTAINER_SIZE = _Config.default.cardIconSize * 2;
|
|
17
18
|
const ICON_CONTAINER_PADDING = _Config.default.cardIconSize / 2 - 1;
|
|
18
19
|
const CardContainer = _ref => {
|
|
@@ -51,12 +52,11 @@ const CardContainer = _ref => {
|
|
|
51
52
|
titleStyle = typography.headline5;
|
|
52
53
|
break;
|
|
53
54
|
}
|
|
54
|
-
return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
|
|
55
|
+
return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
|
|
55
56
|
style: style,
|
|
56
57
|
onPress: onPress,
|
|
57
|
-
numColumns: numColumns
|
|
58
|
-
|
|
59
|
-
}, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
|
|
58
|
+
numColumns: numColumns
|
|
59
|
+
}, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
|
|
60
60
|
style: {
|
|
61
61
|
elevation,
|
|
62
62
|
borderRadius: roundness
|
|
@@ -126,13 +126,4 @@ const CardContainer = _ref => {
|
|
|
126
126
|
})) : null)));
|
|
127
127
|
};
|
|
128
128
|
var _default = (0, _theming.withTheme)(CardContainer);
|
|
129
|
-
exports.default = _default;0, _color.default)(colors.strong).alpha(_Config.default.cardIconBackgroundOpacity).rgb().string()
|
|
130
|
-
}
|
|
131
|
-
}, /*#__PURE__*/_react.default.createElement(Icon, {
|
|
132
|
-
name: icon,
|
|
133
|
-
size: _Config.default.cardIconSize,
|
|
134
|
-
color: colors.surface
|
|
135
|
-
})) : null)));
|
|
136
|
-
};
|
|
137
|
-
var _default = (0, _theming.withTheme)(CardContainer);
|
|
138
129
|
exports.default = _default;
|
|
@@ -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 CardContainerShortImage = _ref => {
|
|
16
17
|
let {
|
|
17
18
|
image = _Config.default.squareImageUrl,
|
|
@@ -29,11 +30,10 @@ const CardContainerShortImage = _ref => {
|
|
|
29
30
|
onPress,
|
|
30
31
|
...rest
|
|
31
32
|
} = _ref;
|
|
32
|
-
return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
|
|
33
|
+
return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
|
|
33
34
|
style: style,
|
|
34
|
-
onPress: onPress
|
|
35
|
-
|
|
36
|
-
}, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
|
|
35
|
+
onPress: onPress
|
|
36
|
+
}, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
|
|
37
37
|
style: {
|
|
38
38
|
elevation,
|
|
39
39
|
borderRadius: roundness
|
|
@@ -81,15 +81,4 @@ const CardContainerShortImage = _ref => {
|
|
|
81
81
|
}))));
|
|
82
82
|
};
|
|
83
83
|
var _default = (0, _theming.withTheme)(CardContainerShortImage);
|
|
84
|
-
exports.default = _default; }, subtitle) : null), mode === "right" && /*#__PURE__*/_react.default.createElement(_Image.default, {
|
|
85
|
-
style: {
|
|
86
|
-
aspectRatio
|
|
87
|
-
},
|
|
88
|
-
source: typeof image === "string" ? {
|
|
89
|
-
uri: image
|
|
90
|
-
} : image,
|
|
91
|
-
resizeMode: "cover"
|
|
92
|
-
}))));
|
|
93
|
-
};
|
|
94
|
-
var _default = (0, _theming.withTheme)(CardContainerShortImage);
|
|
95
84
|
exports.default = _default;
|
|
@@ -10,6 +10,7 @@ var _theming = require("../../theming");
|
|
|
10
10
|
var _hooks = require("../../hooks");
|
|
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
|
const Checkbox = _ref => {
|
|
14
15
|
let {
|
|
15
16
|
Icon,
|
|
@@ -33,6 +34,7 @@ const Checkbox = _ref => {
|
|
|
33
34
|
setInternalValue(status);
|
|
34
35
|
}
|
|
35
36
|
}, [status]);
|
|
37
|
+
|
|
36
38
|
// This special logic is to handle weird APIs like Airtable that return
|
|
37
39
|
// true or undefined for a boolean
|
|
38
40
|
const previousDefaultValue = (0, _hooks.usePrevious)(defaultValue);
|
|
@@ -56,8 +58,7 @@ const Checkbox = _ref => {
|
|
|
56
58
|
onUncheck === null || onUncheck === void 0 ? void 0 : onUncheck();
|
|
57
59
|
}
|
|
58
60
|
};
|
|
59
|
-
return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
60
|
-
...rest,
|
|
61
|
+
return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({}, rest, {
|
|
61
62
|
onPress: handlePress,
|
|
62
63
|
disabled: disabled,
|
|
63
64
|
accessibilityState: {
|
|
@@ -69,7 +70,7 @@ const Checkbox = _ref => {
|
|
|
69
70
|
width: size,
|
|
70
71
|
height: size
|
|
71
72
|
}]
|
|
72
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
73
|
+
}), /*#__PURE__*/React.createElement(Icon, {
|
|
73
74
|
style: styles.icon,
|
|
74
75
|
name: internalValue ? checkedIcon : uncheckedIcon,
|
|
75
76
|
size: size,
|
|
@@ -103,23 +104,4 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
103
104
|
}
|
|
104
105
|
});
|
|
105
106
|
var _default = Checkbox;
|
|
106
|
-
exports.default = _default; styles = _reactNative.StyleSheet.create({
|
|
107
|
-
container: {
|
|
108
|
-
borderRadius: 18
|
|
109
|
-
},
|
|
110
|
-
fillContainer: {
|
|
111
|
-
alignItems: "center",
|
|
112
|
-
justifyContent: "center"
|
|
113
|
-
},
|
|
114
|
-
icon: {
|
|
115
|
-
alignSelf: "center"
|
|
116
|
-
},
|
|
117
|
-
fill: {
|
|
118
|
-
borderRadius: 5,
|
|
119
|
-
width: 30,
|
|
120
|
-
height: 30,
|
|
121
|
-
alignSelf: "center"
|
|
122
|
-
}
|
|
123
|
-
});
|
|
124
|
-
var _default = Checkbox;
|
|
125
107
|
exports.default = _default;
|
|
@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _context = require("./context");
|
|
10
10
|
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); }
|
|
11
11
|
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; }
|
|
12
|
+
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
13
|
const {
|
|
13
14
|
Provider
|
|
14
15
|
} = _context.checkboxGroupContext;
|
|
@@ -30,23 +31,7 @@ const CheckboxGroup = _ref => {
|
|
|
30
31
|
alignItems: "center"
|
|
31
32
|
});
|
|
32
33
|
}
|
|
33
|
-
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
34
|
-
style: [{
|
|
35
|
-
minHeight: 40
|
|
36
|
-
}, style],
|
|
37
|
-
...rest
|
|
38
|
-
}, /*#__PURE__*/React.createElement(Provider, {
|
|
39
|
-
value: {
|
|
40
|
-
values,
|
|
41
|
-
onValueChange,
|
|
42
|
-
direction
|
|
43
|
-
}
|
|
44
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
45
|
-
style: _containerStyle
|
|
46
|
-
}, children)));
|
|
47
|
-
};
|
|
48
|
-
var _default = CheckboxGroup;
|
|
49
|
-
exports.default = _default;s({
|
|
34
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
|
|
50
35
|
style: [{
|
|
51
36
|
minHeight: 40
|
|
52
37
|
}, style]
|
|
@@ -11,6 +11,7 @@ var _Elevation = _interopRequireDefault(require("./Elevation"));
|
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
12
|
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); }
|
|
13
13
|
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; }
|
|
14
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
15
|
const Container = _ref => {
|
|
15
16
|
let {
|
|
16
17
|
useThemeGutterPadding,
|
|
@@ -72,10 +73,9 @@ const Container = _ref => {
|
|
|
72
73
|
};
|
|
73
74
|
const Wrap = elevation ? _Elevation.default : _reactNative.View;
|
|
74
75
|
if (elevation) containerStyle.elevation = elevation;
|
|
75
|
-
return /*#__PURE__*/React.createElement(Wrap, {
|
|
76
|
-
style: [containerStyle, style]
|
|
77
|
-
|
|
78
|
-
}, backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
|
|
76
|
+
return /*#__PURE__*/React.createElement(Wrap, _extends({
|
|
77
|
+
style: [containerStyle, style]
|
|
78
|
+
}, rest), backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
|
|
79
79
|
source: typeof backgroundImage === "string" ? {
|
|
80
80
|
uri: backgroundImage
|
|
81
81
|
} : backgroundImage,
|
|
@@ -90,15 +90,4 @@ const Container = _ref => {
|
|
|
90
90
|
}, children));
|
|
91
91
|
};
|
|
92
92
|
var _default = (0, _theming.withTheme)(Container);
|
|
93
|
-
exports.default = _default;sizeMode: backgroundImageResizeMode,
|
|
94
|
-
style: {
|
|
95
|
-
flex: 1
|
|
96
|
-
}
|
|
97
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
98
|
-
style: innerStyle
|
|
99
|
-
}, children)) : /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
100
|
-
style: innerStyle
|
|
101
|
-
}, children));
|
|
102
|
-
};
|
|
103
|
-
var _default = (0, _theming.withTheme)(Container);
|
|
104
93
|
exports.default = _default;
|
|
@@ -8,6 +8,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _theming = require("../theming");
|
|
9
9
|
var _Touchable = _interopRequireDefault(require("./Touchable"));
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
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); }
|
|
11
12
|
const getWidth = numColumns => {
|
|
12
13
|
switch (numColumns) {
|
|
13
14
|
case 1:
|
|
@@ -27,21 +28,6 @@ const Card = _ref => {
|
|
|
27
28
|
...rest
|
|
28
29
|
} = _ref;
|
|
29
30
|
const width = getWidth(numColumns);
|
|
30
|
-
return /*#__PURE__*/_react.default.createElement(_Touchable.default, {
|
|
31
|
-
disabled: !onPress,
|
|
32
|
-
onPress: onPress,
|
|
33
|
-
style: [style, {
|
|
34
|
-
width
|
|
35
|
-
}],
|
|
36
|
-
...rest
|
|
37
|
-
}, children);
|
|
38
|
-
};
|
|
39
|
-
var _default = (0, _theming.withTheme)(Card);
|
|
40
|
-
exports.default = _default;s,
|
|
41
|
-
style,
|
|
42
|
-
...rest
|
|
43
|
-
} = _ref;
|
|
44
|
-
const width = getWidth(numColumns);
|
|
45
31
|
return /*#__PURE__*/_react.default.createElement(_Touchable.default, _extends({
|
|
46
32
|
disabled: !onPress,
|
|
47
33
|
onPress: onPress,
|
|
@@ -11,6 +11,7 @@ var _theming = require("../theming");
|
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
12
|
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); }
|
|
13
13
|
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; }
|
|
14
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
15
|
/* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */
|
|
15
16
|
const Elevation = _ref => {
|
|
16
17
|
let {
|
|
@@ -27,24 +28,11 @@ const Elevation = _ref => {
|
|
|
27
28
|
colors
|
|
28
29
|
} = theme;
|
|
29
30
|
const borderRadius = radius;
|
|
30
|
-
return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
|
|
31
|
-
...rest,
|
|
31
|
+
return /*#__PURE__*/React.createElement(_reactNative.Animated.View, _extends({}, rest, {
|
|
32
32
|
style: [{
|
|
33
33
|
borderRadius,
|
|
34
34
|
backgroundColor: colors.surface
|
|
35
35
|
}, elevation ? (0, _shadow.default)(elevation) : null, style]
|
|
36
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
37
|
-
style: {
|
|
38
|
-
overflow: "hidden",
|
|
39
|
-
borderRadius
|
|
40
|
-
}
|
|
41
|
-
}, children));
|
|
42
|
-
};
|
|
43
|
-
var _default = (0, _theming.withTheme)(Elevation);
|
|
44
|
-
exports.default = _default;
|
|
45
|
-
borderRadius,
|
|
46
|
-
backgroundColor: colors.surface
|
|
47
|
-
}, elevation ? (0, _shadow.default)(elevation) : null, style]
|
|
48
36
|
}), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
49
37
|
style: {
|
|
50
38
|
overflow: "hidden",
|
|
@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _theming = require("../theming");
|
|
10
10
|
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); }
|
|
11
11
|
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; }
|
|
12
|
+
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
13
|
const FAB = _ref => {
|
|
13
14
|
let {
|
|
14
15
|
onPress,
|
|
@@ -32,7 +33,7 @@ const FAB = _ref => {
|
|
|
32
33
|
borderRadius: size / 2,
|
|
33
34
|
overflow: "hidden"
|
|
34
35
|
}, style]
|
|
35
|
-
}, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
36
|
+
}, /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
|
|
36
37
|
onPress: onPress,
|
|
37
38
|
disabled: loading || disabled,
|
|
38
39
|
android_ripple: {
|
|
@@ -50,9 +51,8 @@ const FAB = _ref => {
|
|
|
50
51
|
borderRadius: size / 2,
|
|
51
52
|
backgroundColor
|
|
52
53
|
}];
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, null, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
|
|
54
|
+
}
|
|
55
|
+
}, props), /*#__PURE__*/React.createElement(_reactNative.View, null, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
|
|
56
56
|
style: size > 50 ? {
|
|
57
57
|
marginTop: 2,
|
|
58
58
|
marginLeft: 2
|
|
@@ -79,18 +79,4 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
79
79
|
}
|
|
80
80
|
});
|
|
81
81
|
var _default = (0, _theming.withTheme)(FAB);
|
|
82
|
-
exports.default = _default; styles = _reactNative.StyleSheet.create({
|
|
83
|
-
button: {
|
|
84
|
-
backgroundColor: "#5a45ff",
|
|
85
|
-
justifyContent: "center",
|
|
86
|
-
alignItems: "center",
|
|
87
|
-
..._reactNative.Platform.select({
|
|
88
|
-
web: {
|
|
89
|
-
cursor: "pointer",
|
|
90
|
-
userSelect: "none"
|
|
91
|
-
}
|
|
92
|
-
})
|
|
93
|
-
}
|
|
94
|
-
});
|
|
95
|
-
var _default = (0, _theming.withTheme)(FAB);
|
|
96
82
|
exports.default = _default;
|
|
@@ -55,6 +55,7 @@ const FieldSearchBarFull = _ref => {
|
|
|
55
55
|
lineHeight,
|
|
56
56
|
...typeStyles
|
|
57
57
|
} = typography.body2; // eslint-disable-line @typescript-eslint/no-unused-vars
|
|
58
|
+
|
|
58
59
|
const handleChangeText = newValue => {
|
|
59
60
|
setInternalValue(newValue);
|
|
60
61
|
if (onChange) {
|
|
@@ -93,4 +94,4 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
93
94
|
}
|
|
94
95
|
});
|
|
95
96
|
var _default = (0, _theming.withTheme)(FieldSearchBarFull);
|
|
96
|
-
exports.default = _default
|
|
97
|
+
exports.default = _default;
|
|
@@ -9,8 +9,7 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _Config = _interopRequireDefault(require("./Config"));
|
|
10
10
|
var _AspectRatio = _interopRequireDefault(require("./AspectRatio"));
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
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); }
|
|
14
13
|
const generateDimensions = _ref => {
|
|
15
14
|
let {
|
|
16
15
|
aspectRatio,
|
|
@@ -63,27 +62,13 @@ const Image = _ref2 => {
|
|
|
63
62
|
height,
|
|
64
63
|
aspectRatio
|
|
65
64
|
}]
|
|
66
|
-
}, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
|
|
67
|
-
...props,
|
|
65
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({}, props, {
|
|
68
66
|
source: imageSource,
|
|
69
67
|
resizeMode: resizeMode,
|
|
70
68
|
style: [style, {
|
|
71
69
|
height: "100%",
|
|
72
70
|
width: "100%"
|
|
73
71
|
}]
|
|
74
|
-
}));
|
|
75
|
-
}
|
|
76
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
|
|
77
|
-
...props,
|
|
78
|
-
source: source,
|
|
79
|
-
resizeMode: resizeMode,
|
|
80
|
-
style: style
|
|
81
|
-
});
|
|
82
|
-
};
|
|
83
|
-
var _default = Image;
|
|
84
|
-
exports.default = _default; "100%",
|
|
85
|
-
width: "100%"
|
|
86
|
-
}]
|
|
87
72
|
})));
|
|
88
73
|
}
|
|
89
74
|
return /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({}, props, {
|