@draftbit/core 46.2.4-99ac4e.1 → 46.2.4-a572b7.5

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 (64) hide show
  1. package/lib/commonjs/components/AnimatedCircularProgress.js +12 -2
  2. package/lib/commonjs/components/Banner.js +24 -4
  3. package/lib/commonjs/components/CardBlock.js +15 -5
  4. package/lib/commonjs/components/CardContainer.js +15 -5
  5. package/lib/commonjs/components/CardContainerRating.js +15 -5
  6. package/lib/commonjs/components/CardContainerShortImage.js +17 -5
  7. package/lib/commonjs/components/Carousel.js +34 -10
  8. package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +24 -6
  9. package/lib/commonjs/components/Checkbox/context.js +1 -1
  10. package/lib/commonjs/components/CircleImage.js +16 -2
  11. package/lib/commonjs/components/CircularProgress.js +15 -7
  12. package/lib/commonjs/components/Config.js +1 -0
  13. package/lib/commonjs/components/Container.js +17 -5
  14. package/lib/commonjs/components/DeprecatedButton.js +4 -22
  15. package/lib/commonjs/components/DeprecatedCardWrapper.js +17 -2
  16. package/lib/commonjs/components/DeprecatedFAB.js +22 -4
  17. package/lib/commonjs/components/Elevation.js +15 -3
  18. package/lib/commonjs/components/FAB.js +20 -5
  19. package/lib/commonjs/components/FormRow.js +17 -3
  20. package/lib/commonjs/components/Image.js +16 -3
  21. package/lib/commonjs/components/NumberInput.js +13 -2
  22. package/lib/commonjs/components/Picker/PickerComponent.ios.js +42 -13
  23. package/lib/commonjs/components/Portal/PortalHost.js +27 -15
  24. package/lib/commonjs/components/RadioButton/RadioButtonGroup.js +16 -3
  25. package/lib/commonjs/components/RadioButton/RadioButtonRow.js +24 -6
  26. package/lib/commonjs/components/SVG.js +48 -0
  27. package/lib/commonjs/components/ScreenContainer.js +23 -5
  28. package/lib/commonjs/components/Slider.js +24 -5
  29. package/lib/commonjs/components/StarRating.js +25 -5
  30. package/lib/commonjs/components/Surface.js +14 -3
  31. package/lib/commonjs/components/Text.js +37 -11
  32. package/lib/commonjs/components/TextField.js +63 -30
  33. package/lib/commonjs/components/Touchable.js +16 -2
  34. package/lib/commonjs/index.js +8 -0
  35. package/lib/commonjs/mappings/Image.js +2 -2
  36. package/lib/commonjs/mappings/MapView.js +1 -0
  37. package/lib/commonjs/mappings/SVG.js +25 -0
  38. package/lib/module/components/Config.js +1 -0
  39. package/lib/module/components/Picker/PickerComponent.android.js +23 -5
  40. package/lib/module/components/ProgressBar.js +23 -7
  41. package/lib/module/components/SVG.js +31 -0
  42. package/lib/module/components/Surface.js +16 -2
  43. package/lib/module/index.js +1 -0
  44. package/lib/module/mappings/Image.js +2 -2
  45. package/lib/module/mappings/MapView.js +1 -0
  46. package/lib/module/mappings/SVG.js +16 -0
  47. package/lib/typescript/src/components/Config.d.ts +1 -0
  48. package/lib/typescript/src/components/SVG.d.ts +8 -0
  49. package/lib/typescript/src/index.d.ts +1 -0
  50. package/lib/typescript/src/mappings/MapView.d.ts +1 -0
  51. package/lib/typescript/src/mappings/SVG.d.ts +24 -0
  52. package/package.json +4 -3
  53. package/src/components/Config.js +1 -0
  54. package/src/components/Config.ts +1 -0
  55. package/src/components/SVG.js +13 -0
  56. package/src/components/SVG.tsx +35 -0
  57. package/src/index.js +1 -0
  58. package/src/index.tsx +1 -0
  59. package/src/mappings/Image.js +2 -2
  60. package/src/mappings/Image.ts +2 -2
  61. package/src/mappings/MapView.js +1 -0
  62. package/src/mappings/MapView.ts +1 -0
  63. package/src/mappings/SVG.js +21 -0
  64. package/src/mappings/SVG.ts +26 -0
@@ -19,8 +19,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
19
19
 
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
21
 
22
- 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); }
23
-
24
22
  /* directly copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx#L62 */
25
23
  const Elevation = _ref => {
26
24
  let {
@@ -37,11 +35,25 @@ const Elevation = _ref => {
37
35
  colors
38
36
  } = theme;
39
37
  const borderRadius = radius;
40
- return /*#__PURE__*/React.createElement(_reactNative.Animated.View, _extends({}, rest, {
38
+ return /*#__PURE__*/React.createElement(_reactNative.Animated.View, { ...rest,
41
39
  style: [{
42
40
  borderRadius,
43
41
  backgroundColor: colors.surface
44
42
  }, elevation ? (0, _shadow.default)(elevation) : null, style]
43
+ }, /*#__PURE__*/React.createElement(_reactNative.View, {
44
+ style: {
45
+ overflow: "hidden",
46
+ borderRadius
47
+ }
48
+ }, children));
49
+ };
50
+
51
+ var _default = (0, _theming.withTheme)(Elevation);
52
+
53
+ exports.default = _default; [{
54
+ borderRadius,
55
+ backgroundColor: colors.surface
56
+ }, elevation ? (0, _shadow.default)(elevation) : null, style]
45
57
  }), /*#__PURE__*/React.createElement(_reactNative.View, {
46
58
  style: {
47
59
  overflow: "hidden",
@@ -15,8 +15,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
15
15
 
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
17
 
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); }
19
-
20
18
  const FAB = _ref => {
21
19
  let {
22
20
  onPress,
@@ -40,7 +38,7 @@ const FAB = _ref => {
40
38
  borderRadius: size / 2,
41
39
  overflow: "hidden"
42
40
  }, style]
43
- }, /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
41
+ }, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
44
42
  onPress: onPress,
45
43
  disabled: loading || disabled,
46
44
  android_ripple: {
@@ -58,8 +56,9 @@ const FAB = _ref => {
58
56
  borderRadius: size / 2,
59
57
  backgroundColor
60
58
  }];
61
- }
62
- }, props), /*#__PURE__*/React.createElement(_reactNative.View, null, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
59
+ },
60
+ ...props
61
+ }, /*#__PURE__*/React.createElement(_reactNative.View, null, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
63
62
  style: size > 50 ? {
64
63
  marginTop: 2,
65
64
  marginLeft: 2
@@ -89,4 +88,20 @@ const styles = _reactNative.StyleSheet.create({
89
88
 
90
89
  var _default = (0, _theming.withTheme)(FAB);
91
90
 
91
+ exports.default = _default;styles = _reactNative.StyleSheet.create({
92
+ button: {
93
+ backgroundColor: "#5a45ff",
94
+ justifyContent: "center",
95
+ alignItems: "center",
96
+ ..._reactNative.Platform.select({
97
+ web: {
98
+ cursor: "pointer",
99
+ userSelect: "none"
100
+ }
101
+ })
102
+ }
103
+ });
104
+
105
+ var _default = (0, _theming.withTheme)(FAB);
106
+
92
107
  exports.default = _default;
@@ -19,8 +19,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
19
19
 
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
21
 
22
- 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); }
23
-
24
22
  function FormRow(_ref) {
25
23
  let {
26
24
  disabled,
@@ -35,11 +33,27 @@ function FormRow(_ref) {
35
33
  textStyles,
36
34
  viewStyles
37
35
  } = (0, _utilities.extractStyles)(style);
38
- return /*#__PURE__*/React.createElement(_Touchable.default, _extends({
36
+ return /*#__PURE__*/React.createElement(_Touchable.default, {
39
37
  disabled: disabled,
40
38
  onPress: onPress,
41
39
  style: [styles.row, {
42
40
  flexDirection: direction
41
+ }, viewStyles],
42
+ ...rest
43
+ }, /*#__PURE__*/React.createElement(_reactNative.Text, {
44
+ style: textStyles
45
+ }, label), children);
46
+ }
47
+
48
+ const styles = _reactNative.StyleSheet.create({
49
+ row: {
50
+ marginLeft: 8,
51
+ marginRight: 8,
52
+ flexDirection: "row",
53
+ justifyContent: "space-between",
54
+ alignItems: "center"
55
+ }
56
+ });rection: direction
43
57
  }, viewStyles]
44
58
  }, rest), /*#__PURE__*/React.createElement(_reactNative.Text, {
45
59
  style: textStyles
@@ -15,8 +15,7 @@ var _AspectRatio = _interopRequireDefault(require("./AspectRatio"));
15
15
 
16
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
17
 
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); }
19
-
18
+ /* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */
20
19
  const generateDimensions = _ref => {
21
20
  let {
22
21
  aspectRatio,
@@ -77,13 +76,27 @@ const Image = _ref2 => {
77
76
  height,
78
77
  aspectRatio
79
78
  }]
80
- }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({}, props, {
79
+ }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, { ...props,
81
80
  source: imageSource,
82
81
  resizeMode: resizeMode,
83
82
  style: [style, {
84
83
  height: "100%",
85
84
  width: "100%"
86
85
  }]
86
+ }));
87
+ }
88
+
89
+ return /*#__PURE__*/_react.default.createElement(_reactNative.Image, { ...props,
90
+ source: source,
91
+ resizeMode: resizeMode,
92
+ style: style
93
+ });
94
+ };
95
+
96
+ var _default = Image;
97
+ exports.default = _default; height: "100%",
98
+ width: "100%"
99
+ }]
87
100
  })));
88
101
  }
89
102
 
@@ -15,8 +15,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
15
15
 
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
17
 
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); }
19
-
20
18
  const NumberInput = _ref => {
21
19
  let {
22
20
  onChangeText,
@@ -69,6 +67,19 @@ const NumberInput = _ref => {
69
67
  handleChangeText(nextStringNumberValue);
70
68
  } // eslint-disable-next-line react-hooks/exhaustive-deps
71
69
 
70
+ }, [value]);
71
+ return /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, {
72
+ keyboardType: "numeric",
73
+ value: currentStringNumberValue,
74
+ onChangeText: handleChangeText,
75
+ ...props
76
+ });
77
+ };
78
+
79
+ var _default = NumberInput;
80
+ exports.default = _default;lue);
81
+ } // eslint-disable-next-line react-hooks/exhaustive-deps
82
+
72
83
  }, [value]);
73
84
  return /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, _extends({
74
85
  keyboardType: "numeric",
@@ -33,11 +33,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
33
33
 
34
34
  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; }
35
35
 
36
- 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); }
37
-
38
36
  const Picker = _ref => {
39
- var _options$find$label, _options$find;
40
-
41
37
  let {
42
38
  Icon,
43
39
  style,
@@ -51,6 +47,9 @@ const Picker = _ref => {
51
47
  },
52
48
  ...props
53
49
  } = _ref;
50
+
51
+ var _a, _b;
52
+
54
53
  const {
55
54
  viewStyles: {
56
55
  borderRadius,
@@ -92,24 +91,23 @@ const Picker = _ref => {
92
91
  };
93
92
 
94
93
  const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
95
- 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);
94
+ 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);
96
95
  return /*#__PURE__*/React.createElement(_reactNative.View, {
97
96
  style: [styles.container, viewStyles]
98
97
  }, /*#__PURE__*/React.createElement(_Touchable.default, {
99
98
  disabled: disabled,
100
99
  onPress: toggleVisibility
101
- }, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
100
+ }, /*#__PURE__*/React.createElement(_TextField.default, { ...props,
102
101
  value: String(selectedLabel),
103
- placeholder: placeholder // @ts-ignore
104
- ,
105
- ref: textField // cannot determine if ref is of correct type due to component being wrapped in a withTheme()
106
- ,
102
+ placeholder: placeholder,
103
+ // @ts-ignore
104
+ ref: textField,
107
105
  disabled: disabled,
108
- pointerEvents: "none" // @ts-expect-error
109
- ,
106
+ pointerEvents: "none",
107
+ // @ts-expect-error
110
108
  style: stylesWithoutMargin,
111
109
  Icon: Icon
112
- }))), pickerVisible && /*#__PURE__*/React.createElement(_Portal.default, null, /*#__PURE__*/React.createElement(_reactNative.View, {
110
+ })), pickerVisible && /*#__PURE__*/React.createElement(_Portal.default, null, /*#__PURE__*/React.createElement(_reactNative.View, {
113
111
  style: [styles.picker, {
114
112
  backgroundColor: colors.divider
115
113
  }]
@@ -157,4 +155,35 @@ const styles = _reactNative.StyleSheet.create({
157
155
 
158
156
  var _default = (0, _theming.withTheme)(Picker);
159
157
 
158
+ exports.default = _default;ent(_picker.Picker.Item, {
159
+ label: o.label,
160
+ value: o.value,
161
+ key: o.value
162
+ })))))));
163
+ };
164
+
165
+ const styles = _reactNative.StyleSheet.create({
166
+ container: {
167
+ alignSelf: "stretch"
168
+ },
169
+ picker: {
170
+ position: "absolute",
171
+ bottom: 0,
172
+ left: 0,
173
+ right: 0,
174
+ flexDirection: "row",
175
+ justifyContent: "center"
176
+ },
177
+ pickerContainer: {
178
+ backgroundColor: "white",
179
+ flexDirection: "column",
180
+ width: "100%"
181
+ },
182
+ closeButton: {
183
+ alignSelf: "flex-end"
184
+ }
185
+ });
186
+
187
+ var _default = (0, _theming.withTheme)(Picker);
188
+
160
189
  exports.default = _default;
@@ -17,8 +17,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
17
17
 
18
18
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
19
19
 
20
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
21
-
22
20
  const PortalContext = /*#__PURE__*/React.createContext(null);
23
21
  /**
24
22
  * Portal host renders all of its children `Portal` elements.
@@ -51,11 +49,11 @@ class PortalHost extends React.Component {
51
49
  constructor() {
52
50
  super(...arguments);
53
51
 
54
- _defineProperty(this, "setManager", manager => {
52
+ this.setManager = manager => {
55
53
  this.manager = manager;
56
- });
54
+ };
57
55
 
58
- _defineProperty(this, "mount", children => {
56
+ this.mount = children => {
59
57
  const key = this.nextKey++;
60
58
 
61
59
  if (this.manager) {
@@ -69,9 +67,9 @@ class PortalHost extends React.Component {
69
67
  }
70
68
 
71
69
  return key;
72
- });
70
+ };
73
71
 
74
- _defineProperty(this, "update", (key, children) => {
72
+ this.update = (key, children) => {
75
73
  if (this.manager) {
76
74
  this.manager.update(key, children);
77
75
  } else {
@@ -89,9 +87,9 @@ class PortalHost extends React.Component {
89
87
  this.queue.push(op);
90
88
  }
91
89
  }
92
- });
90
+ };
93
91
 
94
- _defineProperty(this, "unmount", key => {
92
+ this.unmount = key => {
95
93
  if (this.manager) {
96
94
  this.manager.unmount(key);
97
95
  } else {
@@ -100,13 +98,10 @@ class PortalHost extends React.Component {
100
98
  key
101
99
  });
102
100
  }
103
- });
104
-
105
- _defineProperty(this, "nextKey", 0);
106
-
107
- _defineProperty(this, "queue", []);
101
+ };
108
102
 
109
- _defineProperty(this, "manager", void 0);
103
+ this.nextKey = 0;
104
+ this.queue = [];
110
105
  }
111
106
 
112
107
  componentDidMount() {
@@ -152,6 +147,23 @@ class PortalHost extends React.Component {
152
147
 
153
148
  }
154
149
 
150
+ exports.default = PortalHost;
151
+ PortalHost.displayName = "Portal.Host";
152
+
153
+ const styles = _reactNative.StyleSheet.create({
154
+ container: {
155
+ flex: 1
156
+ }
157
+ }); style: styles.container,
158
+ collapsable: false,
159
+ pointerEvents: "box-none"
160
+ }, this.props.children), /*#__PURE__*/React.createElement(_PortalManager.default, {
161
+ ref: this.setManager
162
+ }));
163
+ }
164
+
165
+ }
166
+
155
167
  exports.default = PortalHost;
156
168
 
157
169
  _defineProperty(PortalHost, "displayName", "Portal.Host");
@@ -17,8 +17,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
17
17
 
18
18
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
19
19
 
20
- 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
20
  const {
23
21
  Provider
24
22
  } = _context.radioButtonGroupContext;
@@ -63,9 +61,24 @@ const RadioButtonGroup = _ref => {
63
61
  });
64
62
  }
65
63
 
66
- return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
64
+ return /*#__PURE__*/React.createElement(_reactNative.View, {
67
65
  style: [{
68
66
  minHeight: 40
67
+ }, style],
68
+ ...rest
69
+ }, /*#__PURE__*/React.createElement(Provider, {
70
+ value: {
71
+ value: internalValue,
72
+ onValueChange: handleValueChange,
73
+ direction
74
+ }
75
+ }, /*#__PURE__*/React.createElement(_reactNative.View, {
76
+ style: _containerStyle
77
+ }, children)));
78
+ };
79
+
80
+ var _default = RadioButtonGroup;
81
+ exports.default = _default;0
69
82
  }, style]
70
83
  }, rest), /*#__PURE__*/React.createElement(Provider, {
71
84
  value: {
@@ -25,9 +25,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
25
25
 
26
26
  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; }
27
27
 
28
- 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); }
29
-
30
- let Direction;
28
+ var Direction;
31
29
  exports.Direction = Direction;
32
30
 
33
31
  (function (Direction) {
@@ -90,13 +88,14 @@ const RadioButtonRow = _ref => {
90
88
  textStyles,
91
89
  viewStyles
92
90
  } = (0, _utilities.extractStyles)(style);
93
- return /*#__PURE__*/React.createElement(_Touchable.default, _extends({
91
+ return /*#__PURE__*/React.createElement(_Touchable.default, {
94
92
  onPress: handlePress,
95
93
  style: [styles.mainParent, {
96
94
  flexDirection: direction
97
95
  }, viewStyles],
98
- disabled: disabled
99
- }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
96
+ disabled: disabled,
97
+ ...rest
98
+ }, /*#__PURE__*/React.createElement(_reactNative.View, {
100
99
  style: [styles.label, {
101
100
  alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
102
101
  }, labelContainerStyle]
@@ -135,5 +134,24 @@ const styles = _reactNative.StyleSheet.create({
135
134
  }
136
135
  });
137
136
 
137
+ var _default = RadioButtonRow;
138
+ exports.default = _default; "center",
139
+ justifyContent: "space-around",
140
+ paddingStart: 20,
141
+ minHeight: 50,
142
+ paddingEnd: 20,
143
+ display: "flex",
144
+ ..._reactNative.Platform.select({
145
+ web: {
146
+ cursor: "pointer",
147
+ userSelect: "none"
148
+ }
149
+ })
150
+ },
151
+ label: {
152
+ flex: 3
153
+ }
154
+ });
155
+
138
156
  var _default = RadioButtonRow;
139
157
  exports.default = _default;
@@ -0,0 +1,48 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var React = _interopRequireWildcard(require("react"));
9
+
10
+ var _reactNative = require("react-native");
11
+
12
+ var _reactNativeSvg = require("react-native-svg");
13
+
14
+ var _Config = _interopRequireDefault(require("./Config"));
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+
18
+ 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); }
19
+
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
+
22
+ const SVG = _ref => {
23
+ let {
24
+ source = _Config.default.placeholderSvgURL,
25
+ style
26
+ } = _ref;
27
+ return /*#__PURE__*/React.createElement(React.Fragment, null, _reactNative.Platform.OS === "ios" && /*#__PURE__*/React.createElement(_reactNative.View, {
28
+ style: style
29
+ }, /*#__PURE__*/React.createElement(_reactNativeSvg.SvgUri, {
30
+ width: "100%",
31
+ height: "100%",
32
+ uri: source
33
+ })), _reactNative.Platform.OS === "android" && /*#__PURE__*/React.createElement(_reactNative.View, {
34
+ style: style
35
+ }, /*#__PURE__*/React.createElement(_reactNativeSvg.SvgUri, {
36
+ width: "100%",
37
+ height: "100%",
38
+ uri: source
39
+ })), _reactNative.Platform.OS === "web" && /*#__PURE__*/React.createElement(_reactNative.Image, {
40
+ style: style,
41
+ source: {
42
+ uri: source
43
+ }
44
+ }));
45
+ };
46
+
47
+ var _default = SVG;
48
+ exports.default = _default;
@@ -17,8 +17,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
17
17
 
18
18
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
19
19
 
20
- 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
20
  function ScreenContainer(_ref) {
23
21
  let {
24
22
  scrollable = false,
@@ -41,12 +39,13 @@ function ScreenContainer(_ref) {
41
39
  edges.push("bottom");
42
40
  }
43
41
 
44
- return /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, _extends({
42
+ return /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
45
43
  edges: edges,
46
44
  style: [styles.container, {
47
45
  backgroundColor
48
- }]
49
- }, rest), scrollable ? /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
46
+ }],
47
+ ...rest
48
+ }, scrollable ? /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
50
49
  contentContainerStyle: [styles.scrollViewContainer, {
51
50
  backgroundColor
52
51
  }, style]
@@ -69,4 +68,23 @@ const styles = _reactNative.StyleSheet.create({
69
68
 
70
69
  var _default = (0, _theming.withTheme)(ScreenContainer);
71
70
 
71
+ exports.default = _default;reactNative.View, {
72
+ style: [styles.container, {
73
+ backgroundColor
74
+ }, style]
75
+ }, children));
76
+ }
77
+
78
+ const styles = _reactNative.StyleSheet.create({
79
+ container: {
80
+ flex: 1
81
+ },
82
+ scrollViewContainer: {
83
+ flexGrow: 1,
84
+ flex: undefined
85
+ }
86
+ });
87
+
88
+ var _default = (0, _theming.withTheme)(ScreenContainer);
89
+
72
90
  exports.default = _default;
@@ -23,8 +23,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
23
23
 
24
24
  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; }
25
25
 
26
- 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); }
27
-
28
26
  function maybeParseValue(value) {
29
27
  if (value === undefined) {
30
28
  return undefined;
@@ -91,9 +89,10 @@ function Slider(_ref) {
91
89
  onValueChange(newValue);
92
90
  };
93
91
 
94
- return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
95
- style: [styles.container, style]
96
- }, rest), leftIcon ? /*#__PURE__*/React.createElement(Icon, {
92
+ return /*#__PURE__*/React.createElement(_reactNative.View, {
93
+ style: [styles.container, style],
94
+ ...rest
95
+ }, leftIcon ? /*#__PURE__*/React.createElement(Icon, {
97
96
  color: leftIconThemeColor,
98
97
  name: leftIcon,
99
98
  size: 24
@@ -129,4 +128,24 @@ const styles = _reactNative.StyleSheet.create({
129
128
 
130
129
  var _default = (0, _theming.withTheme)(Slider);
131
130
 
131
+ exports.default = _default;: rightIconThemeColor,
132
+ name: rightIcon,
133
+ size: 24
134
+ }) : null);
135
+ }
136
+
137
+ const styles = _reactNative.StyleSheet.create({
138
+ container: {
139
+ height: 40,
140
+ flexDirection: "row",
141
+ alignItems: "center"
142
+ },
143
+ slider: {
144
+ flex: 1,
145
+ marginHorizontal: 12
146
+ }
147
+ });
148
+
149
+ var _default = (0, _theming.withTheme)(Slider);
150
+
132
151
  exports.default = _default;
@@ -15,8 +15,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
15
15
 
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
17
 
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); }
19
-
20
18
  const StarRating = _ref => {
21
19
  let {
22
20
  Icon,
@@ -47,9 +45,10 @@ const StarRating = _ref => {
47
45
  !!onPress && onPress(r);
48
46
  }, [onPress]);
49
47
  const ratingRounded = Math.round(localRating * 2) / 2;
50
- return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
51
- style: [styles.container, style]
52
- }, rest), [...Array(maxStars)].map((_, i) => /*#__PURE__*/React.createElement(_reactNative.View, {
48
+ return /*#__PURE__*/React.createElement(_reactNative.View, {
49
+ style: [styles.container, style],
50
+ ...rest
51
+ }, [...Array(maxStars)].map((_, i) => /*#__PURE__*/React.createElement(_reactNative.View, {
53
52
  key: i,
54
53
  style: {
55
54
  display: "flex"
@@ -93,4 +92,25 @@ const styles = _reactNative.StyleSheet.create({
93
92
 
94
93
  var _default = (0, _theming.withTheme)(StarRating);
95
94
 
95
+ exports.default = _default;ignItems: "center"
96
+ },
97
+ touchContainer: {
98
+ display: "flex",
99
+ flexDirection: "row",
100
+ position: "absolute",
101
+ top: 0,
102
+ right: 0,
103
+ left: 0,
104
+ bottom: 0,
105
+ zIndex: 1
106
+ },
107
+ pressable: {
108
+ flex: 1,
109
+ height: "100%",
110
+ width: "50%"
111
+ }
112
+ });
113
+
114
+ var _default = (0, _theming.withTheme)(StarRating);
115
+
96
116
  exports.default = _default;