@draftbit/core 46.7.7 → 46.7.8-8eb72d.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 (15) hide show
  1. package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +5 -23
  2. package/lib/commonjs/components/Checkbox/context.js +1 -1
  3. package/lib/commonjs/components/CircularProgress.js +8 -26
  4. package/lib/commonjs/components/FAB.js +4 -18
  5. package/lib/commonjs/components/Picker/Picker.js +7 -13
  6. package/lib/commonjs/components/Picker/PickerComponent.ios.js +11 -36
  7. package/lib/commonjs/components/ProgressBar.js +7 -37
  8. package/lib/commonjs/components/RadioButton/RadioButtonRow.js +5 -23
  9. package/lib/commonjs/components/TextField.js +28 -76
  10. package/lib/commonjs/constants.js +1 -1
  11. package/lib/module/components/Picker/Picker.js +7 -13
  12. package/lib/typescript/src/components/Picker/Picker.d.ts.map +1 -1
  13. package/package.json +3 -3
  14. package/src/components/Picker/Picker.js +5 -11
  15. package/src/components/Picker/Picker.tsx +6 -16
package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js CHANGED
@@ -13,7 +13,8 @@ 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
- var Direction;
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;
17
18
  exports.Direction = Direction;
18
19
  (function (Direction) {
19
20
  Direction["Row"] = "row";
@@ -71,14 +72,13 @@ const CheckboxGroupRow = _ref => {
71
72
  textStyles,
72
73
  viewStyles
73
74
  } = (0, _utilities.extractStyles)(style);
74
- return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
75
+ return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
75
76
  onPress: handlePress,
76
77
  style: [styles.mainParent, {
77
78
  flexDirection: direction
78
79
  }, viewStyles],
79
- disabled: disabled,
80
- ...rest
81
- }, /*#__PURE__*/React.createElement(_reactNative.View, {
80
+ disabled: disabled
81
+ }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
82
82
  style: [styles.label, {
83
83
  alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
84
84
  }, labelContainerStyle]
@@ -117,22 +117,4 @@ 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;
138
120
  exports.default = _default;
package/lib/commonjs/components/Checkbox/context.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.checkboxGroupContext = exports.Direction = void 0;
7
7
  exports.useCheckboxGroupContext = useCheckboxGroupContext;
8
8
  var _react = require("react");
9
- var Direction;
9
+ let Direction;
10
10
  exports.Direction = Direction;
11
11
  (function (Direction) {
12
12
  Direction["Horizontal"] = "horizontal";
package/lib/commonjs/components/CircularProgress.js CHANGED
@@ -8,24 +8,27 @@ var _react = _interopRequireDefault(require("react"));
8
8
  var _reactNative = require("react-native");
9
9
  var _reactNativeSvg = require("react-native-svg");
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
12
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
13
+ function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
11
14
  class CircularProgress extends _react.default.Component {
12
15
  constructor() {
13
16
  super(...arguments);
14
- this.polarToCartesian = (centerX, centerY, radius, angleInDegrees) => {
17
+ _defineProperty(this, "polarToCartesian", (centerX, centerY, radius, angleInDegrees) => {
15
18
  var angleInRadians = (angleInDegrees - 90) * Math.PI / 180.0;
16
19
  return {
17
20
  x: centerX + radius * Math.cos(angleInRadians),
18
21
  y: centerY + radius * Math.sin(angleInRadians)
19
22
  };
20
- };
21
- this.circlePath = (x, y, radius, startAngle, endAngle) => {
23
+ });
24
+ _defineProperty(this, "circlePath", (x, y, radius, startAngle, endAngle) => {
22
25
  var start = this.polarToCartesian(x, y, radius, endAngle * 0.9999);
23
26
  var end = this.polarToCartesian(x, y, radius, startAngle);
24
27
  var largeArcFlag = endAngle - startAngle <= 180 ? "0" : "1";
25
28
  var d = ["M", start.x, start.y, "A", radius, radius, 0, largeArcFlag, 0, end.x, end.y];
26
29
  return d.join(" ");
27
- };
28
- this.clampFill = fill => Math.min(100, Math.max(0, fill));
30
+ });
31
+ _defineProperty(this, "clampFill", fill => Math.min(100, Math.max(0, fill)));
29
32
  }
30
33
  render() {
31
34
  const {
@@ -106,25 +109,4 @@ class CircularProgress extends _react.default.Component {
106
109
  }
107
110
  }
108
111
  var _default = CircularProgress;
109
- exports.default = _default;padding) / 2
110
- }, backgroundColor && /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
111
- d: backgroundPath,
112
- stroke: backgroundColor,
113
- strokeWidth: backgroundWidth || width,
114
- strokeLinecap: lineCap,
115
- strokeDasharray: strokeDasharrayBackground,
116
- fill: "transparent"
117
- }), fill > 0 && /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
118
- d: circlePathItem,
119
- stroke: tintColor,
120
- strokeWidth: width,
121
- strokeLinecap: lineCap,
122
- strokeDasharray: strokeDasharrayTint,
123
- fill: "transparent"
124
- }), cap)), children && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
125
- style: localChildrenContainerStyle
126
- }, children(fill)));
127
- }
128
- }
129
- var _default = CircularProgress;
130
112
  exports.default = _default;
package/lib/commonjs/components/FAB.js CHANGED
@@ -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
- ...props
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;
package/lib/commonjs/components/Picker/Picker.js CHANGED
@@ -57,7 +57,6 @@ const Picker = _ref => {
57
57
  placeholder,
58
58
  value,
59
59
  disabled = false,
60
- theme,
61
60
  assistiveText,
62
61
  label,
63
62
  iconColor = unstyledColor,
@@ -95,9 +94,6 @@ const Picker = _ref => {
95
94
  value: placeholder,
96
95
  label: placeholder
97
96
  }, ...normalizedOptions] : normalizedOptions;
98
- const {
99
- colors
100
- } = theme;
101
97
  const {
102
98
  viewStyles,
103
99
  textStyles
@@ -220,12 +216,10 @@ const Picker = _ref => {
220
216
  style: styles.primaryTextContainer
221
217
  }, labelText, /*#__PURE__*/React.createElement(_reactNative.Text, {
222
218
  style: primaryTextStyle
223
- }, String(selectedLabel !== null && selectedLabel !== void 0 ? selectedLabel : placeholder))), rightIcon)), assistiveTextLabel), isIos && pickerVisible ? /*#__PURE__*/React.createElement(_Portal.default, null, /*#__PURE__*/React.createElement(_reactNative.View, {
224
- style: [styles.iosPicker, {
225
- backgroundColor: colors.divider
226
- }]
227
- }, /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
228
- style: styles.iosSafeArea
219
+ }, String(selectedLabel !== null && selectedLabel !== void 0 ? selectedLabel : placeholder))), rightIcon)), assistiveTextLabel), isIos && pickerVisible ? /*#__PURE__*/React.createElement(_Portal.default, null, /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
220
+ style: styles.iosPicker
221
+ }, /*#__PURE__*/React.createElement(_reactNative.View, {
222
+ style: styles.iosPickerContent
229
223
  }, /*#__PURE__*/React.createElement(_DeprecatedButton.default, {
230
224
  Icon: Icon,
231
225
  type: "text",
@@ -297,10 +291,10 @@ const styles = _reactNative.StyleSheet.create({
297
291
  justifyContent: "center",
298
292
  width: "100%",
299
293
  maxWidth: deviceWidth,
300
- maxHeight: deviceHeight
294
+ maxHeight: deviceHeight,
295
+ backgroundColor: "white"
301
296
  },
302
- iosSafeArea: {
303
- backgroundColor: "white",
297
+ iosPickerContent: {
304
298
  flexDirection: "column",
305
299
  width: "100%",
306
300
  maxWidth: deviceWidth
package/lib/commonjs/components/Picker/PickerComponent.ios.js CHANGED
@@ -18,7 +18,9 @@ var _utilities = require("../../utilities");
18
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
19
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
20
20
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
21
22
  const Picker = _ref => {
23
+ var _options$find$label, _options$find;
22
24
  let {
23
25
  Icon,
24
26
  style,
@@ -32,7 +34,6 @@ const Picker = _ref => {
32
34
  },
33
35
  ...props
34
36
  } = _ref;
35
- var _a, _b;
36
37
  const {
37
38
  viewStyles: {
38
39
  borderRadius,
@@ -73,24 +74,26 @@ const Picker = _ref => {
73
74
  };
74
75
 
75
76
  const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
76
- const selectedLabel = selectedValue && ((_b = (_a = options.find(o => o.value === selectedValue)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : selectedValue);
77
+ const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
77
78
  return /*#__PURE__*/React.createElement(_reactNative.View, {
78
79
  style: [styles.container, viewStyles]
79
80
  }, /*#__PURE__*/React.createElement(_Touchable.default, {
80
81
  disabled: disabled,
81
82
  onPress: toggleVisibility
82
- }, /*#__PURE__*/React.createElement(_TextField.default, {
83
- ...props,
83
+ }, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
84
84
  value: String(selectedLabel),
85
- placeholder: placeholder,
85
+ placeholder: placeholder
86
86
  // @ts-ignore
87
- ref: textField,
87
+ ,
88
+ ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()
89
+ ,
88
90
  disabled: disabled,
89
- pointerEvents: "none",
91
+ pointerEvents: "none"
90
92
  // @ts-expect-error
93
+ ,
91
94
  style: stylesWithoutMargin,
92
95
  Icon: Icon
93
- })), pickerVisible && /*#__PURE__*/React.createElement(_Portal.default, null, /*#__PURE__*/React.createElement(_reactNative.View, {
96
+ }))), pickerVisible && /*#__PURE__*/React.createElement(_Portal.default, null, /*#__PURE__*/React.createElement(_reactNative.View, {
94
97
  style: [styles.picker, {
95
98
  backgroundColor: colors.divider
96
99
  }]
@@ -135,32 +138,4 @@ const styles = _reactNative.StyleSheet.create({
135
138
  }
136
139
  });
137
140
  var _default = (0, _theming.withTheme)(Picker);
138
- exports.default = _default;ateElement(_picker.Picker.Item, {
139
- label: o.label,
140
- value: o.value,
141
- key: o.value
142
- })))))));
143
- };
144
- const styles = _reactNative.StyleSheet.create({
145
- container: {
146
- alignSelf: "stretch"
147
- },
148
- picker: {
149
- position: "absolute",
150
- bottom: 0,
151
- left: 0,
152
- right: 0,
153
- flexDirection: "row",
154
- justifyContent: "center"
155
- },
156
- pickerContainer: {
157
- backgroundColor: "white",
158
- flexDirection: "column",
159
- width: "100%"
160
- },
161
- closeButton: {
162
- alignSelf: "flex-end"
163
- }
164
- });
165
- var _default = (0, _theming.withTheme)(Picker);
166
141
  exports.default = _default;
package/lib/commonjs/components/ProgressBar.js CHANGED
@@ -8,12 +8,16 @@ var _react = _interopRequireWildcard(require("react"));
8
8
  var _reactNative = require("react-native");
9
9
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
10
10
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
11
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
12
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
13
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
14
+ function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
11
15
  const INDETERMINATE_WIDTH_FACTOR = 0.3;
12
16
  const BAR_WIDTH_ZERO_POSITION = INDETERMINATE_WIDTH_FACTOR / (1 + INDETERMINATE_WIDTH_FACTOR);
13
17
  class ProgressBar extends _react.Component {
14
18
  constructor(props) {
15
19
  super(props);
16
- this.handleLayout = event => {
20
+ _defineProperty(this, "handleLayout", event => {
17
21
  const {
18
22
  width = 150,
19
23
  onLayout
@@ -26,7 +30,7 @@ class ProgressBar extends _react.Component {
26
30
  if (onLayout) {
27
31
  onLayout(event);
28
32
  }
29
- };
33
+ });
30
34
  const {
31
35
  progress: progressP = 0,
32
36
  indeterminate = false
@@ -74,6 +78,7 @@ class ProgressBar extends _react.Component {
74
78
  ...animationConfig,
75
79
  toValue: progress,
76
80
  velocity: 0,
81
+ //adjust this value if animation fails - velocity is required
77
82
  useNativeDriver
78
83
  }).start();
79
84
  } else {
@@ -142,41 +147,6 @@ class ProgressBar extends _react.Component {
142
147
  })
143
148
  }]
144
149
  };
145
- return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
146
- style: [containerStyle, style],
147
- onLayout: this.handleLayout,
148
- ...restProps
149
- }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
150
- style: progressStyle
151
- }), children);
152
- }
153
- }
154
- exports.default = ProgressBar;,
155
- overflow: "hidden",
156
- backgroundColor: unfilledColor
157
- };
158
- const progressStyle = {
159
- backgroundColor: color,
160
- // Always take up full height of container.
161
- height: "100%",
162
- transform: [{
163
- translateX: this.state.animationValue.interpolate({
164
- inputRange: [0, 1],
165
- outputRange: [innerWidth * -INDETERMINATE_WIDTH_FACTOR, innerWidth]
166
- })
167
- }, {
168
- translateX: this.state.progress.interpolate({
169
- inputRange: [0, 1],
170
- outputRange: [innerWidth / (_reactNative.I18nManager.isRTL ? 2 : -2), 0]
171
- })
172
- }, {
173
- // Interpolation a temp workaround for https://github.com/facebook/react-native/issues/6278
174
- scaleX: this.state.progress.interpolate({
175
- inputRange: [0, 1],
176
- outputRange: [0.0001, 1]
177
- })
178
- }]
179
- };
180
150
  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
181
151
  style: [containerStyle, style],
182
152
  onLayout: this.handleLayout
package/lib/commonjs/components/RadioButton/RadioButtonRow.js CHANGED
@@ -14,7 +14,8 @@ var _utilities = require("../../utilities");
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";
@@ -71,14 +72,13 @@ const RadioButtonRow = _ref => {
71
72
  textStyles,
72
73
  viewStyles
73
74
  } = (0, _utilities.extractStyles)(style);
74
- return /*#__PURE__*/React.createElement(_Touchable.default, {
75
+ return /*#__PURE__*/React.createElement(_Touchable.default, _extends({
75
76
  onPress: handlePress,
76
77
  style: [styles.mainParent, {
77
78
  flexDirection: direction
78
79
  }, viewStyles],
79
- disabled: disabled,
80
- ...rest
81
- }, /*#__PURE__*/React.createElement(_reactNative.View, {
80
+ disabled: disabled
81
+ }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
82
82
  style: [styles.label, {
83
83
  alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
84
84
  }, labelContainerStyle]
@@ -116,22 +116,4 @@ const styles = _reactNative.StyleSheet.create({
116
116
  }
117
117
  });
118
118
  var _default = RadioButtonRow;
119
- exports.default = _default; "center",
120
- justifyContent: "space-around",
121
- paddingStart: 20,
122
- minHeight: 50,
123
- paddingEnd: 20,
124
- display: "flex",
125
- ..._reactNative.Platform.select({
126
- web: {
127
- cursor: "pointer",
128
- userSelect: "none"
129
- }
130
- })
131
- },
132
- label: {
133
- flex: 3
134
- }
135
- });
136
- var _default = RadioButtonRow;
137
119
  exports.default = _default;
package/lib/commonjs/components/TextField.js CHANGED
@@ -10,6 +10,10 @@ var _theming = require("../theming");
10
10
  var _utilities = require("../utilities");
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
+ 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; }
15
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
16
+ 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
17
  const AnimatedText = _reactNative.Animated.createAnimatedComponent(_reactNative.Text);
14
18
  const FOCUS_ANIMATION_DURATION = 150;
15
19
  const BLUR_ANIMATION_DURATION = 180;
@@ -17,7 +21,7 @@ const ICON_SIZE = 24;
17
21
  class TextField extends React.Component {
18
22
  constructor() {
19
23
  super(...arguments);
20
- this.state = {
24
+ _defineProperty(this, "state", {
21
25
  nativeProps: {},
22
26
  labeled: new _reactNative.Animated.Value(this.props.value || this.props.error ? 0 : 1),
23
27
  focused: false,
@@ -26,46 +30,47 @@ class TextField extends React.Component {
26
30
  measured: false,
27
31
  width: 0
28
32
  }
29
- };
30
- this._timer = setTimeout(() => {}, 0);
31
- this._showPlaceholder = () => {
33
+ });
34
+ _defineProperty(this, "_timer", setTimeout(() => {}, 0));
35
+ _defineProperty(this, "_showPlaceholder", () => {
32
36
  clearTimeout(this._timer);
37
+
33
38
  // Set the placeholder in a delay to offset the label animation
34
39
  // If we show it immediately, they'll overlap and look ugly
35
40
  this._timer = setTimeout(() => this.setState({
36
41
  placeholder: this.props.placeholder
37
42
  }), 50);
38
- };
39
- this._hidePlaceholder = () => this.setState({
40
- placeholder: ""
41
43
  });
42
- this._restoreLabel = () => _reactNative.Animated.timing(this.state.labeled, {
44
+ _defineProperty(this, "_hidePlaceholder", () => this.setState({
45
+ placeholder: ""
46
+ }));
47
+ _defineProperty(this, "_restoreLabel", () => _reactNative.Animated.timing(this.state.labeled, {
43
48
  toValue: 1,
44
49
  duration: FOCUS_ANIMATION_DURATION,
45
50
  useNativeDriver: true
46
- }).start();
47
- this._minmizeLabel = () => _reactNative.Animated.timing(this.state.labeled, {
51
+ }).start());
52
+ _defineProperty(this, "_minmizeLabel", () => _reactNative.Animated.timing(this.state.labeled, {
48
53
  toValue: 0,
49
54
  duration: BLUR_ANIMATION_DURATION,
50
55
  useNativeDriver: true
51
- }).start();
52
- this._handleFocus = () => {
56
+ }).start());
57
+ _defineProperty(this, "_handleFocus", () => {
53
58
  if (this.props.disabled) {
54
59
  return;
55
60
  }
56
61
  this.setState({
57
62
  focused: true
58
63
  });
59
- };
60
- this._handleBlur = () => {
64
+ });
65
+ _defineProperty(this, "_handleBlur", () => {
61
66
  if (this.props.disabled) {
62
67
  return;
63
68
  }
64
69
  this.setState({
65
70
  focused: false
66
71
  });
67
- };
68
- this._handleChangeText = value => {
72
+ });
73
+ _defineProperty(this, "_handleChangeText", value => {
69
74
  if (this.props.disabled) {
70
75
  return;
71
76
  }
@@ -80,8 +85,8 @@ class TextField extends React.Component {
80
85
  });
81
86
  this.props.onChangeText && this.props.onChangeText(value.nativeEvent.text);
82
87
  }
83
- };
84
- this._root = undefined;
88
+ });
89
+ _defineProperty(this, "_root", undefined);
85
90
  }
86
91
  static getDerivedStateFromProps(nextProps, prevState) {
87
92
  return {
@@ -168,9 +173,7 @@ class TextField extends React.Component {
168
173
  roundness,
169
174
  disabledOpacity
170
175
  },
171
- render = props => /*#__PURE__*/React.createElement(_reactNative.TextInput, {
172
- ...props
173
- }),
176
+ render = props => /*#__PURE__*/React.createElement(_reactNative.TextInput, props),
174
177
  ...rest
175
178
  } = this.props;
176
179
  const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);
@@ -310,10 +313,9 @@ class TextField extends React.Component {
310
313
  } = _reactNative.StyleSheet.flatten(style || {});
311
314
  return /*#__PURE__*/React.createElement(_reactNative.View, {
312
315
  style: [styles.container, styleProp]
313
- }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, {
314
- ...leftIconProps,
316
+ }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
315
317
  style: leftIconStyle
316
- }) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
318
+ })) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
317
319
  style: (0, _utilities.applyStyles)([containerStyle], {
318
320
  height: style === null || style === void 0 ? void 0 : style.height,
319
321
  backgroundColor: bgColor,
@@ -381,10 +383,9 @@ class TextField extends React.Component {
381
383
  style: {
382
384
  justifyContent: type === "solid" ? "center" : undefined
383
385
  }
384
- }, /*#__PURE__*/React.createElement(Icon, {
385
- ...leftIconProps,
386
+ }, /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
386
387
  style: leftIconStyle
387
- })) : null, render({
388
+ }))) : null, render({
388
389
  ref: c => {
389
390
  this._root = c;
390
391
  },
@@ -422,55 +423,6 @@ class TextField extends React.Component {
422
423
  }
423
424
  var _default = (0, _theming.withTheme)(TextField);
424
425
  exports.default = _default;
425
- const styles = _reactNative.StyleSheet.create({
426
- container: {
427
- alignSelf: "stretch"
428
- },
429
- placeholder: {
430
- position: "absolute",
431
- left: 0
432
- },
433
- underline: {
434
- position: "absolute",
435
- left: 0,
436
- right: 0,
437
- bottom: 0,
438
- height: 2
439
- },
440
- input: {
441
- flexGrow: 1,
442
- justifyContent: "center",
443
- textAlignVertical: "center",
444
- margin: 0,
445
- textAlign: _reactNative.I18nManager.isRTL ? "right" : "left"
446
- }
447
- });_handleFocus,
448
- onBlur: this._handleBlur,
449
- underlineColorAndroid: "transparent",
450
- style: inputStyles,
451
- ...rest,
452
- ...this.state.nativeProps,
453
- value: this.state.value
454
- })), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
455
- name: rightIconName,
456
- size: ICON_SIZE,
457
- color: colors.light,
458
- style: {
459
- position: "absolute",
460
- right: 16,
461
- marginTop: type === "solid" ? MINIMIZED_LABEL_FONT_SIZE + 4 : 16
462
- }
463
- }) : null, assistiveText ? /*#__PURE__*/React.createElement(_reactNative.Text, {
464
- style: [{
465
- color: error ? colors.error : colors.light,
466
- marginTop: 8,
467
- marginLeft: assistiveTextLeftMargin
468
- }]
469
- }, assistiveText) : null);
470
- }
471
- }
472
- var _default = (0, _theming.withTheme)(TextField);
473
- exports.default = _default;
474
426
  const styles = _reactNative.StyleSheet.create({
475
427
  container: {
476
428
  alignSelf: "stretch"
package/lib/commonjs/constants.js CHANGED
@@ -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;AR_HEIGHT;
15
+ exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;
package/lib/module/components/Picker/Picker.js CHANGED
@@ -48,7 +48,6 @@ const Picker = _ref => {
48
48
  placeholder,
49
49
  value,
50
50
  disabled = false,
51
- theme,
52
51
  assistiveText,
53
52
  label,
54
53
  iconColor = unstyledColor,
@@ -86,9 +85,6 @@ const Picker = _ref => {
86
85
  value: placeholder,
87
86
  label: placeholder
88
87
  }, ...normalizedOptions] : normalizedOptions;
89
- const {
90
- colors
91
- } = theme;
92
88
  const {
93
89
  viewStyles,
94
90
  textStyles
@@ -211,12 +207,10 @@ const Picker = _ref => {
211
207
  style: styles.primaryTextContainer
212
208
  }, labelText, /*#__PURE__*/React.createElement(Text, {
213
209
  style: primaryTextStyle
214
- }, String(selectedLabel !== null && selectedLabel !== void 0 ? selectedLabel : placeholder))), rightIcon)), assistiveTextLabel), isIos && pickerVisible ? /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
215
- style: [styles.iosPicker, {
216
- backgroundColor: colors.divider
217
- }]
218
- }, /*#__PURE__*/React.createElement(SafeAreaView, {
219
- style: styles.iosSafeArea
210
+ }, String(selectedLabel !== null && selectedLabel !== void 0 ? selectedLabel : placeholder))), rightIcon)), assistiveTextLabel), isIos && pickerVisible ? /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(SafeAreaView, {
211
+ style: styles.iosPicker
212
+ }, /*#__PURE__*/React.createElement(View, {
213
+ style: styles.iosPickerContent
220
214
  }, /*#__PURE__*/React.createElement(Button, {
221
215
  Icon: Icon,
222
216
  type: "text",
@@ -288,10 +282,10 @@ const styles = StyleSheet.create({
288
282
  justifyContent: "center",
289
283
  width: "100%",
290
284
  maxWidth: deviceWidth,
291
- maxHeight: deviceHeight
285
+ maxHeight: deviceHeight,
286
+ backgroundColor: "white"
292
287
  },
293
- iosSafeArea: {
294
- backgroundColor: "white",
288
+ iosPickerContent: {
295
289
  flexDirection: "column",
296
290
  width: "100%",
297
291
  maxWidth: deviceWidth
package/lib/typescript/src/components/Picker/Picker.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/Picker/Picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AAStB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQtD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,YAAY,EAAE,GAAG,MAAM,EAAE,CAAC;IACnC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CACxB,CAAC;;;;AA2aF,wBAAiC"}
1
+ {"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/Picker/Picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AAStB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQtD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,YAAY,EAAE,GAAG,MAAM,EAAE,CAAC;IACnC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CACxB,CAAC;;;;AAiaF,wBAAiC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@draftbit/core",
3
- "version": "46.7.7",
3
+ "version": "46.7.8-8eb72d.2+8eb72d9",
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.7.7",
44
+ "@draftbit/types": "^46.7.8-8eb72d.2+8eb72d9",
45
45
  "@material-ui/core": "^4.11.0",
46
46
  "@material-ui/pickers": "^3.2.10",
47
47
  "@react-native-community/slider": "4.2.3",
@@ -91,5 +91,5 @@
91
91
  ]
92
92
  ]
93
93
  },
94
- "gitHead": "d7f6751101d18cfac0bb93af7714cf3ebd35d9f7"
94
+ "gitHead": "8eb72d98b8394516ca2d63b414d5501a9f685bef"
95
95
  }
package/src/components/Picker/Picker.js CHANGED
@@ -35,7 +35,7 @@ const isIos = Platform.OS === "ios";
35
35
  const unstyledColor = "rgba(165, 173, 183, 1)";
36
36
  const disabledColor = "rgb(240, 240, 240)";
37
37
  const errorColor = "rgba(255, 69, 100, 1)";
38
- const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style, placeholder, value, disabled = false, theme, assistiveText, label, iconColor = unstyledColor, iconSize = 24, leftIconMode = "inset", leftIconName, placeholderTextColor = unstyledColor, rightIconName, type = "solid", }) => {
38
+ const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style, placeholder, value, disabled = false, assistiveText, label, iconColor = unstyledColor, iconSize = 24, leftIconMode = "inset", leftIconName, placeholderTextColor = unstyledColor, rightIconName, type = "solid", }) => {
39
39
  var _a, _b;
40
40
  const androidPickerRef = React.useRef(undefined);
41
41
  const [internalValue, setInternalValue] = React.useState(value || defaultValue);
@@ -63,7 +63,6 @@ const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style,
63
63
  const pickerOptions = placeholder
64
64
  ? [{ value: placeholder, label: placeholder }, ...normalizedOptions]
65
65
  : normalizedOptions;
66
- const { colors } = theme;
67
66
  const { viewStyles, textStyles } = extractStyles(style);
68
67
  const additionalBorderStyles = ["backgroundColor"];
69
68
  const additionalMarginStyles = [
@@ -183,13 +182,8 @@ const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style,
183
182
  rightIcon)),
184
183
  assistiveTextLabel),
185
184
  isIos && pickerVisible ? (React.createElement(Portal, null,
186
- React.createElement(View, { style: [
187
- styles.iosPicker,
188
- {
189
- backgroundColor: colors.divider,
190
- },
191
- ] },
192
- React.createElement(SafeAreaView, { style: styles.iosSafeArea },
185
+ React.createElement(SafeAreaView, { style: styles.iosPicker },
186
+ React.createElement(View, { style: styles.iosPickerContent },
193
187
  React.createElement(Button, { Icon: Icon, type: "text", onPress: togglePickerVisible, style: styles.iosButton }, "Close"),
194
188
  React.createElement(NativePicker, { style: styles.iosNativePicker, selectedValue: internalValue, onValueChange: handleValueChange }, pickerOptions.map((option) => (React.createElement(NativePicker.Item, { label: option.label, value: option.value, key: option.value })))))))) : null,
195
189
  !isIos && pickerVisible ? (React.createElement(NativePicker, { enabled: pickerVisible, selectedValue: internalValue, onValueChange: handleValueChange, style: styles.nonIosPicker, ref: androidPickerRef, onBlur: () => setPickerVisible(false) }, pickerOptions.map((option) => (React.createElement(NativePicker.Item, { label: option.label, value: option.value, key: option.value }))))) : null));
@@ -239,9 +233,9 @@ const styles = StyleSheet.create({
239
233
  width: "100%",
240
234
  maxWidth: deviceWidth,
241
235
  maxHeight: deviceHeight,
242
- },
243
- iosSafeArea: {
244
236
  backgroundColor: "white",
237
+ },
238
+ iosPickerContent: {
245
239
  flexDirection: "column",
246
240
  width: "100%",
247
241
  maxWidth: deviceWidth,
package/src/components/Picker/Picker.tsx CHANGED
@@ -98,7 +98,6 @@ const Picker: React.FC<PickerProps> = ({
98
98
  placeholder,
99
99
  value,
100
100
  disabled = false,
101
- theme,
102
101
  assistiveText,
103
102
  label,
104
103
  iconColor = unstyledColor,
@@ -145,8 +144,6 @@ const Picker: React.FC<PickerProps> = ({
145
144
  ? [{ value: placeholder, label: placeholder }, ...normalizedOptions]
146
145
  : normalizedOptions;
147
146
 
148
- const { colors } = theme;
149
-
150
147
  const { viewStyles, textStyles } = extractStyles(style);
151
148
 
152
149
  const additionalBorderStyles = ["backgroundColor"];
@@ -347,15 +344,8 @@ const Picker: React.FC<PickerProps> = ({
347
344
  {/* iosPicker */}
348
345
  {isIos && pickerVisible ? (
349
346
  <Portal>
350
- <View
351
- style={[
352
- styles.iosPicker,
353
- {
354
- backgroundColor: colors.divider,
355
- },
356
- ]}
357
- >
358
- <SafeAreaView style={styles.iosSafeArea}>
347
+ <SafeAreaView style={styles.iosPicker}>
348
+ <View style={styles.iosPickerContent}>
359
349
  <Button
360
350
  Icon={Icon}
361
351
  type="text"
@@ -378,8 +368,8 @@ const Picker: React.FC<PickerProps> = ({
378
368
  />
379
369
  ))}
380
370
  </NativePicker>
381
- </SafeAreaView>
382
- </View>
371
+ </View>
372
+ </SafeAreaView>
383
373
  </Portal>
384
374
  ) : null}
385
375
 
@@ -451,9 +441,9 @@ const styles = StyleSheet.create({
451
441
  width: "100%",
452
442
  maxWidth: deviceWidth,
453
443
  maxHeight: deviceHeight,
454
- },
455
- iosSafeArea: {
456
444
  backgroundColor: "white",
445
+ },
446
+ iosPickerContent: {
457
447
  flexDirection: "column",
458
448
  width: "100%",
459
449
  maxWidth: deviceWidth,