@draftbit/core 46.10.1 → 46.10.2-9a00ea.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.
@@ -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]
@@ -10,6 +10,7 @@ var _Config = _interopRequireDefault(require("./Config"));
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); }
13
14
  const CircleImage = _ref => {
14
15
  let {
15
16
  source = _Config.default.placeholderImageURL,
@@ -18,21 +19,6 @@ const CircleImage = _ref => {
18
19
  ...props
19
20
  } = _ref;
20
21
  const borderRadius = size / 2;
21
- return /*#__PURE__*/React.createElement(_reactNative.Image, {
22
- style: [{
23
- width: size,
24
- height: size,
25
- borderRadius
26
- }, style],
27
- source: typeof source === "string" ? {
28
- uri: source
29
- } : source,
30
- resizeMode: "cover",
31
- ...props
32
- });
33
- };
34
- var _default = CircleImage;
35
- exports.default = _default;size / 2;
36
22
  return /*#__PURE__*/React.createElement(_reactNative.Image, _extends({
37
23
  style: [{
38
24
  width: size,
@@ -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;
@@ -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
- ...rest
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;
@@ -15,7 +15,9 @@ var _Touchable = _interopRequireDefault(require("../Touchable"));
15
15
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
16
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
17
17
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
18
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
18
19
  const Picker = _ref => {
20
+ var _options$find$label, _options$find;
19
21
  let {
20
22
  style,
21
23
  options,
@@ -25,7 +27,6 @@ const Picker = _ref => {
25
27
  onValueChange: onValueChangeOverride = () => {},
26
28
  ...props
27
29
  } = _ref;
28
- var _a, _b;
29
30
  const {
30
31
  viewStyles: {
31
32
  borderRadius,
@@ -70,7 +71,7 @@ const Picker = _ref => {
70
71
  };
71
72
 
72
73
  const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
73
- const selectedLabel = selectedValue && ((_b = (_a = options.find(o => o.value === selectedValue)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : selectedValue);
74
+ const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
74
75
  return /*#__PURE__*/React.createElement(_Touchable.default, {
75
76
  disabled: disabled,
76
77
  onPress: toggleFocus,
@@ -94,24 +95,6 @@ const Picker = _ref => {
94
95
  key: o.value
95
96
  }))), /*#__PURE__*/React.createElement(_reactNative.View, {
96
97
  pointerEvents: "none"
97
- }, /*#__PURE__*/React.createElement(_TextField.default, {
98
- ...props,
99
- value: selectedLabel,
100
- placeholder: placeholder,
101
- // @ts-ignore
102
- ref: textField,
103
- disabled: disabled,
104
- // @ts-expect-error
105
- style: stylesWithoutMargin
106
- }))));
107
- };
108
- const styles = _reactNative.StyleSheet.create({
109
- container: {
110
- alignSelf: "stretch"
111
- }
112
- });
113
- var _default = (0, _theming.withTheme)(Picker);
114
- exports.default = _default;pointerEvents: "none"
115
98
  }, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
116
99
  value: selectedLabel,
117
100
  placeholder: placeholder
@@ -7,6 +7,7 @@ exports.default = Pressable;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _reactNative = require("react-native");
9
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
10
11
  function Pressable(_ref) {
11
12
  let {
12
13
  children,
@@ -19,22 +20,8 @@ function Pressable(_ref) {
19
20
  style,
20
21
  ...props
21
22
  } = _ref;
22
- return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
23
+ return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, _extends({
23
24
  onPress: onPress,
24
- disabled: disabled,
25
- delayLongPress: delayLongPress ? delayLongPress : 500,
26
- hitSlop: hitSlop ? hitSlop : 8,
27
- style: _ref2 => {
28
- let {
29
- pressed
30
- } = _ref2;
31
- return [{
32
- opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1
33
- }, style];
34
- },
35
- ...props
36
- }, children);
37
- } onPress: onPress,
38
25
  disabled: disabled,
39
26
  delayLongPress: delayLongPress ? delayLongPress : 500,
40
27
  hitSlop: hitSlop ? hitSlop : 8,
@@ -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;
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.radioButtonGroupContext = exports.Direction = void 0;
7
7
  exports.useRadioButtonGroupContext = useRadioButtonGroupContext;
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";
@@ -13,6 +13,7 @@ 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); }
16
17
  function maybeParseValue(value) {
17
18
  if (value === undefined) {
18
19
  return undefined;
@@ -72,10 +73,9 @@ function Slider(_ref) {
72
73
  setInternalValue(newValue);
73
74
  onValueChange(newValue);
74
75
  };
75
- return /*#__PURE__*/React.createElement(_reactNative.View, {
76
- style: [styles.container, style],
77
- ...rest
78
- }, leftIcon ? /*#__PURE__*/React.createElement(Icon, {
76
+ return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
77
+ style: [styles.container, style]
78
+ }, rest), leftIcon ? /*#__PURE__*/React.createElement(Icon, {
79
79
  color: leftIconThemeColor,
80
80
  name: leftIcon,
81
81
  size: 24
@@ -108,21 +108,4 @@ const styles = _reactNative.StyleSheet.create({
108
108
  }
109
109
  });
110
110
  var _default = (0, _theming.withTheme)(Slider);
111
- exports.default = _default;or: rightIconThemeColor,
112
- name: rightIcon,
113
- size: 24
114
- }) : null);
115
- }
116
- const styles = _reactNative.StyleSheet.create({
117
- container: {
118
- height: 40,
119
- flexDirection: "row",
120
- alignItems: "center"
121
- },
122
- slider: {
123
- flex: 1,
124
- marginHorizontal: 12
125
- }
126
- });
127
- var _default = (0, _theming.withTheme)(Slider);
128
111
  exports.default = _default;
@@ -10,6 +10,7 @@ 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); }
13
14
  const TabViewComponent = _ref => {
14
15
  let {
15
16
  Icon,
@@ -35,11 +36,13 @@ const TabViewComponent = _ref => {
35
36
  textStyles,
36
37
  viewStyles
37
38
  } = (0, _utilities.extractStyles)(style);
39
+
38
40
  //Check type of child using props
39
41
  //Regular '.type' cannot work because Draftbit strips the type in Draft view
40
42
  const instanceOfTabViewItemProps = object => {
41
43
  return "title" in object;
42
44
  };
45
+
43
46
  //Populate routes and scenes based on children
44
47
  React.useEffect(() => {
45
48
  const newRoutes = [];
@@ -65,8 +68,7 @@ const TabViewComponent = _ref => {
65
68
  }
66
69
  };
67
70
  const renderTabBar = props => {
68
- return /*#__PURE__*/React.createElement(_reactNativeTabView.TabBar, {
69
- ...props,
71
+ return /*#__PURE__*/React.createElement(_reactNativeTabView.TabBar, _extends({}, props, {
70
72
  activeColor: activeColor || theme.colors.primary,
71
73
  inactiveColor: inactiveColor || theme.colors.divider,
72
74
  pressColor: pressColor || theme.colors.primary,
@@ -80,7 +82,7 @@ const TabViewComponent = _ref => {
80
82
  route,
81
83
  color
82
84
  } = _ref2;
83
- return (route === null || route === void 0 ? void 0 : route.icon) ? /*#__PURE__*/React.createElement(Icon, {
85
+ return route !== null && route !== void 0 && route.icon ? /*#__PURE__*/React.createElement(Icon, {
84
86
  name: route.icon,
85
87
  color: color,
86
88
  size: 16
@@ -89,8 +91,9 @@ const TabViewComponent = _ref => {
89
91
  style: {
90
92
  backgroundColor: tabsBackgroundColor || theme.colors.background
91
93
  }
92
- });
94
+ }));
93
95
  };
96
+
94
97
  //Cannot render TabView without at least one tab
95
98
  if (!routes.length) {
96
99
  return /*#__PURE__*/React.createElement(React.Fragment, null);
@@ -110,13 +113,4 @@ const TabViewComponent = _ref => {
110
113
  });
111
114
  };
112
115
  var _default = (0, _theming.withTheme)(TabViewComponent);
113
- exports.default = _default; renderScene: (0, _reactNativeTabView.SceneMap)(tabScenes),
114
- renderTabBar: renderTabBar,
115
- onIndexChange: indexChangeHandler,
116
- tabBarPosition: tabBarPosition,
117
- keyboardDismissMode: keyboardDismissMode,
118
- swipeEnabled: swipeEnabled
119
- });
120
- };
121
- var _default = (0, _theming.withTheme)(TabViewComponent);
122
116
  exports.default = _default;
@@ -23,7 +23,9 @@ const SEED_DATA = {
23
23
  }),
24
24
  fieldName: (0, _types.createFieldNameProp)({
25
25
  defaultValue: "ratingValue",
26
+ // this is the name of the variable declared on the screen in Draftbit
26
27
  handlerPropName: "onPress",
28
+ // the change handler prop in this component
27
29
  valuePropName: "rating" // the value prop in this component
28
30
  }),
29
31
 
@@ -48,10 +50,4 @@ const SEED_DATA = {
48
50
  })
49
51
  }
50
52
  };
51
- exports.SEED_DATA = SEED_DATA;pes.createColorProp)({
52
- label: "Inactive Color",
53
- defaultValue: "divider"
54
- })
55
- }
56
- };
57
53
  exports.SEED_DATA = SEED_DATA;
@@ -24,6 +24,7 @@ const DeckSwiper = _ref => {
24
24
  console.warn("'children' of DeckSwiper ignored due to usage of 'data' and 'renderItem'");
25
25
  }
26
26
  const childrenArray = React.useMemo(() => React.Children.toArray(children), [children]);
27
+
27
28
  // an array of indices based on children count
28
29
  const cardsFillerData = React.useMemo(() => Array.from(Array(childrenArray.length).keys()), [childrenArray]);
29
30
  const cardsData = data || cardsFillerData;
@@ -50,6 +51,7 @@ const DeckSwiper = _ref => {
50
51
  return card === null || card === void 0 ? void 0 : card.toString();
51
52
  }
52
53
  };
54
+
53
55
  /**
54
56
  * By default react-native-deck-swiper positions everything with absolute position.
55
57
  * To overcome this, it is wrapped in a View to be able to add the component in any layout structure.
@@ -59,6 +61,7 @@ const DeckSwiper = _ref => {
59
61
  * To fix/mitage this without setting a static height, the first card is rendered in invisible state to take up space.
60
62
  * This effectivley makes the default height of the container be the height of the first card.
61
63
  */
64
+
62
65
  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
63
66
  style: styles.containerHeightFiller
64
67
  }, renderFirstCard()), /*#__PURE__*/React.createElement(DeckSwiperComponent, {
@@ -1,3 +1,4 @@
1
+ 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); }
1
2
  import * as React from "react";
2
3
  import { View, StyleSheet } from "react-native";
3
4
  import { SafeAreaView } from "react-native-safe-area-context";
@@ -10,6 +11,7 @@ import TextField from "../TextField";
10
11
  import Touchable from "../Touchable";
11
12
  import { extractStyles } from "../../utilities";
12
13
  const Picker = _ref => {
14
+ var _options$find$label, _options$find;
13
15
  let {
14
16
  Icon,
15
17
  style,
@@ -23,7 +25,6 @@ const Picker = _ref => {
23
25
  },
24
26
  ...props
25
27
  } = _ref;
26
- var _a, _b;
27
28
  const {
28
29
  viewStyles: {
29
30
  borderRadius,
@@ -64,24 +65,26 @@ const Picker = _ref => {
64
65
  };
65
66
 
66
67
  const stylesWithoutMargin = style && omit(StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
67
- 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);
68
+ 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);
68
69
  return /*#__PURE__*/React.createElement(View, {
69
70
  style: [styles.container, viewStyles]
70
71
  }, /*#__PURE__*/React.createElement(Touchable, {
71
72
  disabled: disabled,
72
73
  onPress: toggleVisibility
73
- }, /*#__PURE__*/React.createElement(TextField, {
74
- ...props,
74
+ }, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
75
75
  value: String(selectedLabel),
76
- placeholder: placeholder,
76
+ placeholder: placeholder
77
77
  // @ts-ignore
78
- ref: textField,
78
+ ,
79
+ ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()
80
+ ,
79
81
  disabled: disabled,
80
- pointerEvents: "none",
82
+ pointerEvents: "none"
81
83
  // @ts-expect-error
84
+ ,
82
85
  style: stylesWithoutMargin,
83
86
  Icon: Icon
84
- })), pickerVisible && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
87
+ }))), pickerVisible && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
85
88
  style: [styles.picker, {
86
89
  backgroundColor: colors.divider
87
90
  }]
@@ -125,32 +128,4 @@ const styles = StyleSheet.create({
125
128
  alignSelf: "flex-end"
126
129
  }
127
130
  });
128
- export default withTheme(Picker);nValueChange
129
- }, options.map(o => /*#__PURE__*/React.createElement(NativePicker.Item, {
130
- label: o.label,
131
- value: o.value,
132
- key: o.value
133
- })))))));
134
- };
135
- const styles = StyleSheet.create({
136
- container: {
137
- alignSelf: "stretch"
138
- },
139
- picker: {
140
- position: "absolute",
141
- bottom: 0,
142
- left: 0,
143
- right: 0,
144
- flexDirection: "row",
145
- justifyContent: "center"
146
- },
147
- pickerContainer: {
148
- backgroundColor: "white",
149
- flexDirection: "column",
150
- width: "100%"
151
- },
152
- closeButton: {
153
- alignSelf: "flex-end"
154
- }
155
- });
156
131
  export default withTheme(Picker);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@draftbit/core",
3
- "version": "46.10.1",
3
+ "version": "46.10.2-9a00ea.2+9a00ea1",
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.10.1",
44
+ "@draftbit/types": "^46.10.2-9a00ea.2+9a00ea1",
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",
@@ -100,5 +100,5 @@
100
100
  ]
101
101
  ]
102
102
  },
103
- "gitHead": "c0490f94c9794128f3d318f17319ee7411797fb4"
103
+ "gitHead": "9a00ea1e7299879802d50b95a21d0911427cdb05"
104
104
  }