@draftbit/core 46.10.3-6f5759.2 → 46.10.3-e89832.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.
Files changed (69) hide show
  1. package/lib/commonjs/components/AnimatedCircularProgress.js +12 -1
  2. package/lib/commonjs/components/AvatarEdit.js +15 -4
  3. package/lib/commonjs/components/Banner.js +23 -4
  4. package/lib/commonjs/components/Button.js +33 -10
  5. package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +23 -5
  6. package/lib/commonjs/components/Checkbox/CheckboxRow.js +6 -23
  7. package/lib/commonjs/components/Container.js +15 -4
  8. package/lib/commonjs/components/DeprecatedButton.js +20 -3
  9. package/lib/commonjs/components/Divider.js +14 -1
  10. package/lib/commonjs/components/FieldSearchBarFull.js +1 -2
  11. package/lib/commonjs/components/Layout.js +40 -19
  12. package/lib/commonjs/components/NumberInput.js +12 -3
  13. package/lib/commonjs/components/Picker/PickerComponent.android.js +20 -3
  14. package/lib/commonjs/components/Portal/PortalConsumer.js +22 -7
  15. package/lib/commonjs/components/Portal/PortalManager.js +34 -8
  16. package/lib/commonjs/components/RadioButton/RadioButton.js +13 -2
  17. package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js +9 -1
  18. package/lib/commonjs/components/RadioButton/RadioButtonGroup.js +15 -2
  19. package/lib/commonjs/components/RadioButton/RadioButtonRow.js +23 -5
  20. package/lib/commonjs/components/Row.js +73 -0
  21. package/lib/commonjs/components/RowBodyIcon.js +45 -0
  22. package/lib/commonjs/components/RowHeadlineImageCaption.js +45 -0
  23. package/lib/commonjs/components/RowHeadlineImageIcon.js +51 -0
  24. package/lib/commonjs/components/ScreenContainer.js +24 -6
  25. package/lib/commonjs/components/Shadow.js +15 -2
  26. package/lib/commonjs/components/Slider.js +21 -4
  27. package/lib/commonjs/components/StarRating.js +23 -4
  28. package/lib/commonjs/components/StepIndicator.js +57 -18
  29. package/lib/commonjs/components/Surface.js +14 -2
  30. package/lib/commonjs/components/Text.js +50 -4
  31. package/lib/commonjs/components/TextField.js +76 -28
  32. package/lib/commonjs/components/ToggleButton.js +15 -2
  33. package/lib/commonjs/components/Touchable.js +15 -2
  34. package/lib/commonjs/constants.js +1 -1
  35. package/lib/commonjs/index.js +21 -0
  36. package/lib/commonjs/styles/overlay.js +1 -3
  37. package/lib/commonjs/utilities.js +1 -2
  38. package/lib/module/components/Row.js +63 -0
  39. package/lib/module/components/RowBodyIcon.js +35 -0
  40. package/lib/module/components/RowHeadlineImageCaption.js +35 -0
  41. package/lib/module/components/RowHeadlineImageIcon.js +41 -0
  42. package/lib/module/index.js +3 -0
  43. package/lib/typescript/src/components/Row.d.ts +21 -0
  44. package/lib/typescript/src/components/Row.d.ts.map +1 -0
  45. package/lib/typescript/src/components/RowBodyIcon.d.ts +16 -0
  46. package/lib/typescript/src/components/RowBodyIcon.d.ts.map +1 -0
  47. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts +16 -0
  48. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts.map +1 -0
  49. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts +18 -0
  50. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts.map +1 -0
  51. package/lib/typescript/src/index.d.ts +3 -0
  52. package/lib/typescript/src/index.d.ts.map +1 -1
  53. package/package.json +3 -3
  54. package/src/components/Row.js +48 -0
  55. package/src/components/Row.tsx +108 -0
  56. package/src/components/RowBodyIcon.js +8 -0
  57. package/src/components/RowBodyIcon.tsx +47 -0
  58. package/src/components/RowHeadlineImageCaption.js +12 -0
  59. package/src/components/RowHeadlineImageCaption.tsx +49 -0
  60. package/src/components/RowHeadlineImageIcon.js +14 -0
  61. package/src/components/RowHeadlineImageIcon.tsx +61 -0
  62. package/src/index.js +3 -0
  63. package/src/index.tsx +3 -0
  64. package/lib/commonjs/mappings/NativeBase/Layout.js +0 -107
  65. package/lib/module/mappings/NativeBase/Layout.js +0 -100
  66. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts +0 -117
  67. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts.map +0 -1
  68. package/src/mappings/NativeBase/Layout.js +0 -112
  69. package/src/mappings/NativeBase/Layout.ts +0 -133
@@ -10,7 +10,6 @@ var _CircularProgress = _interopRequireDefault(require("./CircularProgress"));
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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); }
14
13
  const AnimatedProgress = _reactNative.Animated.createAnimatedComponent(_CircularProgress.default);
15
14
  const AnimatedCircularProgress = _ref => {
16
15
  let {
@@ -55,6 +54,18 @@ const AnimatedCircularProgress = _ref => {
55
54
  React.useEffect(() => {
56
55
  animate();
57
56
  }, [fill, animate]);
57
+ return /*#__PURE__*/React.createElement(AnimatedProgress, {
58
+ ...other,
59
+ style: other.style,
60
+ childrenContainerStyle: other.childrenContainerStyle,
61
+ fill: fillAnimation,
62
+ tintColor: animateColor()
63
+ });
64
+ };
65
+ var _default = AnimatedCircularProgress;
66
+ exports.default = _default;ect(() => {
67
+ animate();
68
+ }, [fill, animate]);
58
69
  return /*#__PURE__*/React.createElement(AnimatedProgress, _extends({}, other, {
59
70
  style: other.style,
60
71
  childrenContainerStyle: other.childrenContainerStyle,
@@ -12,7 +12,6 @@ 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); }
16
15
  const AvatarEdit = _ref => {
17
16
  let {
18
17
  Icon,
@@ -32,9 +31,10 @@ const AvatarEdit = _ref => {
32
31
  width: size,
33
32
  height: size
34
33
  };
35
- return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
36
- style: [style, dimensions]
37
- }, rest), /*#__PURE__*/React.createElement(_Touchable.default, {
34
+ return /*#__PURE__*/React.createElement(_reactNative.View, {
35
+ style: [style, dimensions],
36
+ ...rest
37
+ }, /*#__PURE__*/React.createElement(_Touchable.default, {
38
38
  onPress: onPress
39
39
  }, /*#__PURE__*/React.createElement(_CircleImage.default, {
40
40
  source: image,
@@ -56,4 +56,15 @@ const AvatarEdit = _ref => {
56
56
  }))));
57
57
  };
58
58
  var _default = (0, _theming.withTheme)(AvatarEdit);
59
+ exports.default = _default;r: colorStyles.editBackgroundColor,
60
+ borderRadius: size * (3 / 16),
61
+ padding: size * (3 / 32)
62
+ }
63
+ }, /*#__PURE__*/React.createElement(Icon, {
64
+ name: "MaterialIcons/edit",
65
+ color: colorStyles.editIconColor,
66
+ size: size * (3 / 16)
67
+ }))));
68
+ };
69
+ var _default = (0, _theming.withTheme)(AvatarEdit);
59
70
  exports.default = _default;
@@ -12,7 +12,6 @@ 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); }
16
15
  const ELEVATION = 1;
17
16
  const DEFAULT_MAX_WIDTH = 960;
18
17
  const Banner = _ref => {
@@ -70,7 +69,6 @@ const Banner = _ref => {
70
69
  measured: true
71
70
  });
72
71
  };
73
-
74
72
  // The banner animation has 2 parts:
75
73
  // 1. Blank spacer element which animates its height to move the content
76
74
  // 2. Actual banner which animates its translateY
@@ -80,9 +78,10 @@ const Banner = _ref => {
80
78
  // However we can't animated banner's height directly as it'll also resize the content inside
81
79
  const height = _reactNative.Animated.multiply(position, layout.height);
82
80
  const translateY = _reactNative.Animated.multiply(_reactNative.Animated.add(position, -1), layout.height);
83
- return /*#__PURE__*/React.createElement(_Surface.default, _extends({}, rest, {
81
+ return /*#__PURE__*/React.createElement(_Surface.default, {
82
+ ...rest,
84
83
  style: [styles.container, (0, _shadow.default)(ELEVATION), style]
85
- }), /*#__PURE__*/React.createElement(_reactNative.View, {
84
+ }, /*#__PURE__*/React.createElement(_reactNative.View, {
86
85
  style: [styles.wrapper, contentStyle]
87
86
  }, /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
88
87
  style: {
@@ -164,4 +163,24 @@ const styles = _reactNative.StyleSheet.create({
164
163
  }
165
164
  });
166
165
  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);
167
186
  exports.default = _default;
@@ -9,7 +9,6 @@ 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); }
13
12
  const CONSTANTS = {
14
13
  baseHeight: 42,
15
14
  borderRadius: 4,
@@ -61,7 +60,7 @@ function Base(_ref) {
61
60
  if (textAlign === "right") {
62
61
  buttonStyles.justifyContent = "flex-end";
63
62
  }
64
- return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
63
+ return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
65
64
  disabled: disabled || loading,
66
65
  style: _ref2 => {
67
66
  let {
@@ -70,8 +69,9 @@ function Base(_ref) {
70
69
  return [styles.base, {
71
70
  opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1
72
71
  }, buttonStyles];
73
- }
74
- }, props), loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
72
+ },
73
+ ...props
74
+ }, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
75
75
  size: "small",
76
76
  color: color,
77
77
  style: styles.loading
@@ -90,13 +90,14 @@ const Solid = _ref3 => {
90
90
  theme,
91
91
  ...props
92
92
  } = _ref3;
93
- return /*#__PURE__*/React.createElement(Base, _extends({
93
+ return /*#__PURE__*/React.createElement(Base, {
94
94
  style: [{
95
95
  color: "#FFF",
96
96
  borderRadius: theme.roundness,
97
97
  backgroundColor: theme.colors.primary
98
- }, style]
99
- }, props));
98
+ }, style],
99
+ ...props
100
+ });
100
101
  };
101
102
  const ButtonSolid = (0, _theming.withTheme)(Solid);
102
103
  exports.ButtonSolid = ButtonSolid;
@@ -108,13 +109,14 @@ const Outline = _ref4 => {
108
109
  theme,
109
110
  ...props
110
111
  } = _ref4;
111
- return /*#__PURE__*/React.createElement(Base, _extends({
112
+ return /*#__PURE__*/React.createElement(Base, {
112
113
  style: [styles.outline, {
113
114
  borderRadius: theme.roundness,
114
115
  borderColor: theme.colors.primary,
115
116
  color: theme.colors.primary
116
- }, style]
117
- }, props));
117
+ }, style],
118
+ ...props
119
+ });
118
120
  };
119
121
  const ButtonOutline = (0, _theming.withTheme)(Outline);
120
122
  exports.ButtonOutline = ButtonOutline;
@@ -161,4 +163,25 @@ const styles = _reactNative.StyleSheet.create({
161
163
  }
162
164
  })
163
165
  }
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
+ }
164
187
  });
@@ -13,8 +13,7 @@ var _utilities = require("../../utilities");
13
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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); }
17
- let Direction;
16
+ var Direction;
18
17
  exports.Direction = Direction;
19
18
  (function (Direction) {
20
19
  Direction["Row"] = "row";
@@ -72,13 +71,14 @@ const CheckboxGroupRow = _ref => {
72
71
  textStyles,
73
72
  viewStyles
74
73
  } = (0, _utilities.extractStyles)(style);
75
- return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
74
+ return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
76
75
  onPress: handlePress,
77
76
  style: [styles.mainParent, {
78
77
  flexDirection: direction
79
78
  }, viewStyles],
80
- disabled: disabled
81
- }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
79
+ disabled: disabled,
80
+ ...rest
81
+ }, /*#__PURE__*/React.createElement(_reactNative.View, {
82
82
  style: [styles.label, {
83
83
  alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
84
84
  }, labelContainerStyle]
@@ -117,4 +117,22 @@ const styles = _reactNative.StyleSheet.create({
117
117
  }
118
118
  });
119
119
  var _default = CheckboxGroupRow;
120
+ exports.default = _default;center",
121
+ justifyContent: "space-around",
122
+ paddingStart: 20,
123
+ minHeight: 50,
124
+ paddingEnd: 20,
125
+ display: "flex",
126
+ ..._reactNative.Platform.select({
127
+ web: {
128
+ cursor: "pointer",
129
+ userSelect: "none"
130
+ }
131
+ })
132
+ },
133
+ label: {
134
+ flex: 3
135
+ }
136
+ });
137
+ var _default = CheckboxGroupRow;
120
138
  exports.default = _default;
@@ -14,7 +14,8 @@ var _Checkbox = _interopRequireDefault(require("./Checkbox"));
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
  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); }
16
16
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
17
- var Direction;
17
+ 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
+ let Direction;
18
19
  exports.Direction = Direction;
19
20
  (function (Direction) {
20
21
  Direction["Row"] = "row";
@@ -57,6 +58,7 @@ const CheckboxRow = _ref => {
57
58
  setInternalValue(status);
58
59
  }
59
60
  }, [status]);
61
+
60
62
  // This special logic is to handle weird APIs like Airtable that return
61
63
  // true or undefined for a boolean
62
64
  const previousDefaultValue = (0, _hooks.usePrevious)(defaultValue);
@@ -80,14 +82,13 @@ const CheckboxRow = _ref => {
80
82
  textStyles,
81
83
  viewStyles
82
84
  } = (0, _utilities.extractStyles)(style);
83
- return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
85
+ return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
84
86
  onPress: handlePress,
85
87
  style: [viewStyles, styles.mainParent, {
86
88
  flexDirection: direction
87
89
  }],
88
- disabled: disabled,
89
- ...rest
90
- }, /*#__PURE__*/React.createElement(_reactNative.View, {
90
+ disabled: disabled
91
+ }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
91
92
  style: [styles.label, {
92
93
  alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
93
94
  }, labelContainerStyle]
@@ -124,22 +125,4 @@ const styles = _reactNative.StyleSheet.create({
124
125
  }
125
126
  });
126
127
  var _default = CheckboxRow;
127
- exports.default = _default;ems: "center",
128
- justifyContent: "space-around",
129
- paddingStart: 20,
130
- minHeight: 50,
131
- paddingEnd: 20,
132
- display: "flex",
133
- ..._reactNative.Platform.select({
134
- web: {
135
- cursor: "pointer",
136
- userSelect: "none"
137
- }
138
- })
139
- },
140
- label: {
141
- flex: 3
142
- }
143
- });
144
- var _default = CheckboxRow;
145
128
  exports.default = _default;
@@ -11,7 +11,6 @@ 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); }
15
14
  const Container = _ref => {
16
15
  let {
17
16
  useThemeGutterPadding,
@@ -73,9 +72,10 @@ const Container = _ref => {
73
72
  };
74
73
  const Wrap = elevation ? _Elevation.default : _reactNative.View;
75
74
  if (elevation) containerStyle.elevation = elevation;
76
- return /*#__PURE__*/React.createElement(Wrap, _extends({
77
- style: [containerStyle, style]
78
- }, rest), backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
75
+ return /*#__PURE__*/React.createElement(Wrap, {
76
+ style: [containerStyle, style],
77
+ ...rest
78
+ }, backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
79
79
  source: typeof backgroundImage === "string" ? {
80
80
  uri: backgroundImage
81
81
  } : backgroundImage,
@@ -90,4 +90,15 @@ 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);
93
104
  exports.default = _default;
@@ -13,7 +13,6 @@ var _theming = require("../theming");
13
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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); }
17
16
  const Button = _ref => {
18
17
  let {
19
18
  Icon,
@@ -84,7 +83,8 @@ const Button = _ref => {
84
83
  elevation,
85
84
  alignSelf: "stretch"
86
85
  }
87
- }, /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({}, rest, {
86
+ }, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
87
+ ...rest,
88
88
  onPress: onPress,
89
89
  accessibilityState: {
90
90
  disabled
@@ -92,7 +92,7 @@ const Button = _ref => {
92
92
  accessibilityRole: "button",
93
93
  disabled: disabled || loading,
94
94
  style: [styles.button, buttonStyle]
95
- }), /*#__PURE__*/React.createElement(_reactNative.View, {
95
+ }, /*#__PURE__*/React.createElement(_reactNative.View, {
96
96
  style: styles.content
97
97
  }, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
98
98
  style: iconStyle
@@ -124,4 +124,21 @@ const styles = _reactNative.StyleSheet.create({
124
124
  }
125
125
  });
126
126
  var _default = (0, _theming.withTheme)(Button);
127
+ exports.default = _default;;
128
+ };
129
+ const styles = _reactNative.StyleSheet.create({
130
+ button: {
131
+ minWidth: 64,
132
+ borderStyle: "solid"
133
+ },
134
+ content: {
135
+ flexDirection: "row",
136
+ alignItems: "center",
137
+ justifyContent: "center"
138
+ },
139
+ icon: {
140
+ width: _Config.default.buttonIconSize
141
+ }
142
+ });
143
+ var _default = (0, _theming.withTheme)(Button);
127
144
  exports.default = _default;
@@ -9,7 +9,6 @@ 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); }
13
12
  const Divider = _ref => {
14
13
  let {
15
14
  style,
@@ -19,6 +18,20 @@ const Divider = _ref => {
19
18
  },
20
19
  ...rest
21
20
  } = _ref;
21
+ return /*#__PURE__*/React.createElement(_reactNative.View, {
22
+ style: [{
23
+ backgroundColor: color || colors.divider,
24
+ height: _reactNative.StyleSheet.hairlineWidth
25
+ }, style],
26
+ ...rest
27
+ });
28
+ };
29
+ var _default = (0, _theming.withTheme)(Divider);
30
+ exports.default = _default;eme: {
31
+ colors
32
+ },
33
+ ...rest
34
+ } = _ref;
22
35
  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
23
36
  style: [{
24
37
  backgroundColor: color || colors.divider,
@@ -55,7 +55,6 @@ const FieldSearchBarFull = _ref => {
55
55
  lineHeight,
56
56
  ...typeStyles
57
57
  } = typography.body2; // eslint-disable-line @typescript-eslint/no-unused-vars
58
-
59
58
  const handleChangeText = newValue => {
60
59
  setInternalValue(newValue);
61
60
  if (onChange) {
@@ -94,4 +93,4 @@ const styles = _reactNative.StyleSheet.create({
94
93
  }
95
94
  });
96
95
  var _default = (0, _theming.withTheme)(FieldSearchBarFull);
97
- exports.default = _default;
96
+ exports.default = _default;;
@@ -13,7 +13,6 @@ 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); }
17
16
  function Center(_ref) {
18
17
  let {
19
18
  width = 240,
@@ -23,15 +22,16 @@ function Center(_ref) {
23
22
  style,
24
23
  ...rest
25
24
  } = _ref;
26
- return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
25
+ return /*#__PURE__*/React.createElement(_reactNative.View, {
27
26
  style: [{
28
27
  justifyContent: "center",
29
28
  alignItems: "center",
30
29
  width,
31
30
  height,
32
31
  backgroundColor: bgColor
33
- }, style]
34
- }, rest), children);
32
+ }, style],
33
+ ...rest
34
+ }, 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, _extends({
45
+ return /*#__PURE__*/React.createElement(Center, {
46
46
  width: size,
47
47
  height: size,
48
48
  bgColor: bgColor,
@@ -50,8 +50,9 @@ function Circle(_ref2) {
50
50
  backgroundColor: bgColor,
51
51
  borderRadius,
52
52
  overflow: "hidden"
53
- }]
54
- }, rest), children);
53
+ }],
54
+ ...rest
55
+ }, children);
55
56
  }
56
57
  function Square(_ref3) {
57
58
  let {
@@ -61,12 +62,13 @@ function Square(_ref3) {
61
62
  style,
62
63
  ...rest
63
64
  } = _ref3;
64
- return /*#__PURE__*/React.createElement(Center, _extends({
65
+ return /*#__PURE__*/React.createElement(Center, {
65
66
  style: style,
66
67
  width: size,
67
68
  height: size,
68
- bgColor: bgColor
69
- }, rest), children);
69
+ bgColor: bgColor,
70
+ ...rest
71
+ }, children);
70
72
  }
71
73
  function Row(_ref4) {
72
74
  let {
@@ -76,15 +78,14 @@ function Row(_ref4) {
76
78
  style,
77
79
  ...rest
78
80
  } = _ref4;
79
- return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
80
- style: [style,
81
- // style goes first b/c we can't override these
82
- {
81
+ return /*#__PURE__*/React.createElement(_reactNative.View, {
82
+ style: [style, {
83
83
  alignItems,
84
84
  flexDirection: "row",
85
85
  justifyContent: justifyContent
86
- }]
87
- }, rest), children);
86
+ }],
87
+ ...rest
88
+ }, children);
88
89
  }
89
90
  function Spacer(_ref5) {
90
91
  let {
@@ -96,16 +97,36 @@ function Spacer(_ref5) {
96
97
  style,
97
98
  ...rest
98
99
  } = _ref5;
99
- return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
100
+ return /*#__PURE__*/React.createElement(_reactNative.View, {
100
101
  style: [style, {
101
102
  paddingRight: right,
102
103
  paddingTop: top,
103
104
  paddingLeft: left,
104
105
  paddingBottom: bottom
105
- }]
106
- }, rest), children);
106
+ }],
107
+ ...rest
108
+ }, children);
107
109
  }
108
110
  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) {
109
130
  let {
110
131
  children,
111
132
  justifyContent = "flex-start",
@@ -9,7 +9,6 @@ var _reactNative = require("react-native");
9
9
  var _lodash = require("lodash");
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); }
13
12
  const NumberInput = _ref => {
14
13
  let {
15
14
  onChangeText,
@@ -40,7 +39,6 @@ const NumberInput = _ref => {
40
39
  setCurrentStringNumberValue(newStringNumberValue);
41
40
  onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(number);
42
41
  };
43
-
44
42
  // run handleChangeText with value prop only when value prop changes (and first render to reset currentStringNumberValue)
45
43
  (0, _react.useEffect)(() => {
46
44
  const nextStringNumberValue = formatValueToStringNumber(value);
@@ -49,7 +47,6 @@ const NumberInput = _ref => {
49
47
  }
50
48
  // eslint-disable-next-line react-hooks/exhaustive-deps
51
49
  }, [value]);
52
-
53
50
  // set currentStringNumberValue as defaultValue prop if there is a differnce on first render only
54
51
  (0, _react.useEffect)(() => {
55
52
  const defaultStringNumberValue = formatValueToStringNumber(defaultValue);
@@ -58,6 +55,18 @@ const NumberInput = _ref => {
58
55
  }
59
56
  // eslint-disable-next-line react-hooks/exhaustive-deps
60
57
  }, []);
58
+ return /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, {
59
+ keyboardType: "numeric",
60
+ value: currentStringNumberValue,
61
+ onChangeText: handleChangeText,
62
+ ...props
63
+ });
64
+ };
65
+ var _default = NumberInput;
66
+ exports.default = _default;erValue);
67
+ }
68
+ // eslint-disable-next-line react-hooks/exhaustive-deps
69
+ }, []);
61
70
  return /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, _extends({
62
71
  keyboardType: "numeric",
63
72
  value: currentStringNumberValue,