@draftbit/core 46.10.3-6f5759.2 → 46.10.3-e89832.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/lib/commonjs/components/AnimatedCircularProgress.js +12 -1
  2. package/lib/commonjs/components/AvatarEdit.js +15 -4
  3. package/lib/commonjs/components/Banner.js +23 -4
  4. package/lib/commonjs/components/Button.js +33 -10
  5. package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +23 -5
  6. package/lib/commonjs/components/Checkbox/CheckboxRow.js +6 -23
  7. package/lib/commonjs/components/Container.js +15 -4
  8. package/lib/commonjs/components/DeprecatedButton.js +20 -3
  9. package/lib/commonjs/components/Divider.js +14 -1
  10. package/lib/commonjs/components/FieldSearchBarFull.js +1 -2
  11. package/lib/commonjs/components/Layout.js +40 -19
  12. package/lib/commonjs/components/NumberInput.js +12 -3
  13. package/lib/commonjs/components/Picker/PickerComponent.android.js +20 -3
  14. package/lib/commonjs/components/Portal/PortalConsumer.js +22 -7
  15. package/lib/commonjs/components/Portal/PortalManager.js +34 -8
  16. package/lib/commonjs/components/RadioButton/RadioButton.js +13 -2
  17. package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js +9 -1
  18. package/lib/commonjs/components/RadioButton/RadioButtonGroup.js +15 -2
  19. package/lib/commonjs/components/RadioButton/RadioButtonRow.js +23 -5
  20. package/lib/commonjs/components/Row.js +73 -0
  21. package/lib/commonjs/components/RowBodyIcon.js +45 -0
  22. package/lib/commonjs/components/RowHeadlineImageCaption.js +45 -0
  23. package/lib/commonjs/components/RowHeadlineImageIcon.js +51 -0
  24. package/lib/commonjs/components/ScreenContainer.js +24 -6
  25. package/lib/commonjs/components/Shadow.js +15 -2
  26. package/lib/commonjs/components/Slider.js +21 -4
  27. package/lib/commonjs/components/StarRating.js +23 -4
  28. package/lib/commonjs/components/StepIndicator.js +57 -18
  29. package/lib/commonjs/components/Surface.js +14 -2
  30. package/lib/commonjs/components/Text.js +50 -4
  31. package/lib/commonjs/components/TextField.js +76 -28
  32. package/lib/commonjs/components/ToggleButton.js +15 -2
  33. package/lib/commonjs/components/Touchable.js +15 -2
  34. package/lib/commonjs/constants.js +1 -1
  35. package/lib/commonjs/index.js +21 -0
  36. package/lib/commonjs/styles/overlay.js +1 -3
  37. package/lib/commonjs/utilities.js +1 -2
  38. package/lib/module/components/Row.js +63 -0
  39. package/lib/module/components/RowBodyIcon.js +35 -0
  40. package/lib/module/components/RowHeadlineImageCaption.js +35 -0
  41. package/lib/module/components/RowHeadlineImageIcon.js +41 -0
  42. package/lib/module/index.js +3 -0
  43. package/lib/typescript/src/components/Row.d.ts +21 -0
  44. package/lib/typescript/src/components/Row.d.ts.map +1 -0
  45. package/lib/typescript/src/components/RowBodyIcon.d.ts +16 -0
  46. package/lib/typescript/src/components/RowBodyIcon.d.ts.map +1 -0
  47. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts +16 -0
  48. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts.map +1 -0
  49. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts +18 -0
  50. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts.map +1 -0
  51. package/lib/typescript/src/index.d.ts +3 -0
  52. package/lib/typescript/src/index.d.ts.map +1 -1
  53. package/package.json +3 -3
  54. package/src/components/Row.js +48 -0
  55. package/src/components/Row.tsx +108 -0
  56. package/src/components/RowBodyIcon.js +8 -0
  57. package/src/components/RowBodyIcon.tsx +47 -0
  58. package/src/components/RowHeadlineImageCaption.js +12 -0
  59. package/src/components/RowHeadlineImageCaption.tsx +49 -0
  60. package/src/components/RowHeadlineImageIcon.js +14 -0
  61. package/src/components/RowHeadlineImageIcon.tsx +61 -0
  62. package/src/index.js +3 -0
  63. package/src/index.tsx +3 -0
  64. package/lib/commonjs/mappings/NativeBase/Layout.js +0 -107
  65. package/lib/module/mappings/NativeBase/Layout.js +0 -100
  66. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts +0 -117
  67. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts.map +0 -1
  68. package/src/mappings/NativeBase/Layout.js +0 -112
  69. package/src/mappings/NativeBase/Layout.ts +0 -133
@@ -15,9 +15,7 @@ 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); }
19
18
  const Picker = _ref => {
20
- var _options$find$label, _options$find;
21
19
  let {
22
20
  style,
23
21
  options,
@@ -27,6 +25,7 @@ const Picker = _ref => {
27
25
  onValueChange: onValueChangeOverride = () => {},
28
26
  ...props
29
27
  } = _ref;
28
+ var _a, _b;
30
29
  const {
31
30
  viewStyles: {
32
31
  borderRadius,
@@ -71,7 +70,7 @@ const Picker = _ref => {
71
70
  };
72
71
 
73
72
  const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
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);
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);
75
74
  return /*#__PURE__*/React.createElement(_Touchable.default, {
76
75
  disabled: disabled,
77
76
  onPress: toggleFocus,
@@ -95,6 +94,24 @@ const Picker = _ref => {
95
94
  key: o.value
96
95
  }))), /*#__PURE__*/React.createElement(_reactNative.View, {
97
96
  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"
98
115
  }, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
99
116
  value: selectedLabel,
100
117
  placeholder: placeholder
@@ -7,16 +7,31 @@ exports.default = void 0;
7
7
  var React = _interopRequireWildcard(require("react"));
8
8
  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); }
9
9
  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; }
10
- 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; }
11
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
12
- 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
10
  class PortalConsumer extends React.Component {
14
- constructor() {
15
- super(...arguments);
16
- _defineProperty(this, "key", void 0);
17
- }
18
11
  async componentDidMount() {
19
12
  this.checkManager();
13
+ // Delay updating to prevent React from going to infinite loop
14
+ await Promise.resolve();
15
+ this.key = this.props.manager.mount(this.props.children);
16
+ }
17
+ componentDidUpdate() {
18
+ this.checkManager();
19
+ this.props.manager.update(this.key, this.props.children);
20
+ }
21
+ componentWillUnmount() {
22
+ this.checkManager();
23
+ this.props.manager.unmount(this.key);
24
+ }
25
+ checkManager() {
26
+ if (!this.props.manager) {
27
+ throw new Error("Looks like you forgot to wrap your root component with `Provider` component from `react-native-paper`.\n\n" + "Please read our getting-started guide and make sure you've followed all the required steps.\n\n" + "https://callstack.github.io/react-native-paper/getting-started.html");
28
+ }
29
+ }
30
+ render() {
31
+ return null;
32
+ }
33
+ }
34
+ exports.default = PortalConsumer;s.checkManager();
20
35
 
21
36
  // Delay updating to prevent React from going to infinite loop
22
37
  await Promise.resolve();
@@ -8,27 +8,24 @@ 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 _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); }
14
11
  /**
15
12
  * Portal host is the component which actually renders all Portals.
16
13
  */
17
14
  class PortalManager extends React.PureComponent {
18
15
  constructor() {
19
16
  super(...arguments);
20
- _defineProperty(this, "state", {
17
+ this.state = {
21
18
  portals: []
22
- });
23
- _defineProperty(this, "mount", (key, children) => {
19
+ };
20
+ this.mount = (key, children) => {
24
21
  this.setState(state => ({
25
22
  portals: [...state.portals, {
26
23
  key,
27
24
  children
28
25
  }]
29
26
  }));
30
- });
31
- _defineProperty(this, "update", (key, children) => this.setState(state => ({
27
+ };
28
+ this.update = (key, children) => this.setState(state => ({
32
29
  portals: state.portals.map(item => {
33
30
  if (item.key === key) {
34
31
  return {
@@ -38,6 +35,35 @@ class PortalManager extends React.PureComponent {
38
35
  }
39
36
  return item;
40
37
  })
38
+ }));
39
+ this.unmount = key => this.setState(state => ({
40
+ portals: state.portals.filter(item => item.key !== key)
41
+ }));
42
+ }
43
+ render() {
44
+ return this.state.portals.map(_ref => {
45
+ let {
46
+ key,
47
+ children
48
+ } = _ref;
49
+ return /*#__PURE__*/React.createElement(_reactNative.View, {
50
+ key: key,
51
+ collapsable: false /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */,
52
+ pointerEvents: "box-none",
53
+ style: _reactNative.StyleSheet.absoluteFill
54
+ }, children);
55
+ });
56
+ }
57
+ }
58
+ exports.default = PortalManager;tate.portals.map(item => {
59
+ if (item.key === key) {
60
+ return {
61
+ ...item,
62
+ children
63
+ };
64
+ }
65
+ return item;
66
+ })
41
67
  })));
42
68
  _defineProperty(this, "unmount", key => this.setState(state => ({
43
69
  portals: state.portals.filter(item => item.key !== key)
@@ -12,7 +12,6 @@ var _context = require("./context");
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
13
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
14
14
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
15
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
16
15
  const RadioButton = _ref => {
17
16
  let {
18
17
  Icon,
@@ -39,7 +38,19 @@ const RadioButton = _ref => {
39
38
  onPress === null || onPress === void 0 ? void 0 : onPress(realValue);
40
39
  onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(realValue);
41
40
  };
42
- return /*#__PURE__*/React.createElement(_IconButton.default, _extends({
41
+ return /*#__PURE__*/React.createElement(_IconButton.default, {
42
+ Icon: Icon,
43
+ icon: isSelected ? selectedIcon : unselectedIcon,
44
+ color: isSelected ? color : unselectedColor,
45
+ disabled: disabled,
46
+ onPress: handlePress,
47
+ size: size,
48
+ style: style,
49
+ ...rest
50
+ });
51
+ };
52
+ var _default = RadioButton;
53
+ exports.default = _default;turn /*#__PURE__*/React.createElement(_IconButton.default, _extends({
43
54
  Icon: Icon,
44
55
  icon: isSelected ? selectedIcon : unselectedIcon,
45
56
  color: isSelected ? color : unselectedColor,
@@ -10,7 +10,6 @@ var _Text = _interopRequireDefault(require("../Text"));
10
10
  var _theming = require("../../theming");
11
11
  var _RadioButtonGroup = _interopRequireDefault(require("./RadioButtonGroup"));
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
14
13
  const RadioButtonFieldGroup = _ref => {
15
14
  let {
16
15
  label,
@@ -27,6 +26,15 @@ const RadioButtonFieldGroup = _ref => {
27
26
  fontSize: theme.typography.headline4.fontSize,
28
27
  color: theme.typography.headline4.color
29
28
  }, labelStyle]
29
+ }, label), /*#__PURE__*/_react.default.createElement(_RadioButtonGroup.default, {
30
+ theme: theme,
31
+ ...rest
32
+ }, children));
33
+ };
34
+ var _default = (0, _theming.withTheme)(RadioButtonFieldGroup);
35
+ exports.default = _default; fontSize: theme.typography.headline4.fontSize,
36
+ color: theme.typography.headline4.color
37
+ }, labelStyle]
30
38
  }, label), /*#__PURE__*/_react.default.createElement(_RadioButtonGroup.default, _extends({
31
39
  theme: theme
32
40
  }, rest), children));
@@ -10,7 +10,6 @@ var _utilities = require("../../utilities");
10
10
  var _context = require("./context");
11
11
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
12
12
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
13
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
14
13
  const {
15
14
  Provider
16
15
  } = _context.radioButtonGroupContext;
@@ -50,9 +49,23 @@ const RadioButtonGroup = _ref => {
50
49
  alignItems: "center"
51
50
  });
52
51
  }
53
- return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
52
+ return /*#__PURE__*/React.createElement(_reactNative.View, {
54
53
  style: [{
55
54
  minHeight: 40
55
+ }, style],
56
+ ...rest
57
+ }, /*#__PURE__*/React.createElement(Provider, {
58
+ value: {
59
+ value: internalValue,
60
+ onValueChange: handleValueChange,
61
+ direction
62
+ }
63
+ }, /*#__PURE__*/React.createElement(_reactNative.View, {
64
+ style: _containerStyle
65
+ }, children)));
66
+ };
67
+ var _default = RadioButtonGroup;
68
+ exports.default = _default;0
56
69
  }, style]
57
70
  }, rest), /*#__PURE__*/React.createElement(Provider, {
58
71
  value: {
@@ -14,8 +14,7 @@ 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
- 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;
17
+ var Direction;
19
18
  exports.Direction = Direction;
20
19
  (function (Direction) {
21
20
  Direction["Row"] = "row";
@@ -72,13 +71,14 @@ const RadioButtonRow = _ref => {
72
71
  textStyles,
73
72
  viewStyles
74
73
  } = (0, _utilities.extractStyles)(style);
75
- return /*#__PURE__*/React.createElement(_Touchable.default, _extends({
74
+ return /*#__PURE__*/React.createElement(_Touchable.default, {
76
75
  onPress: handlePress,
77
76
  style: [styles.mainParent, {
78
77
  flexDirection: direction
79
78
  }, viewStyles],
80
- disabled: disabled
81
- }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
79
+ disabled: disabled,
80
+ ...rest
81
+ }, /*#__PURE__*/React.createElement(_reactNative.View, {
82
82
  style: [styles.label, {
83
83
  alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
84
84
  }, labelContainerStyle]
@@ -116,4 +116,22 @@ 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;
119
137
  exports.default = _default;
@@ -0,0 +1,73 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var React = _interopRequireWildcard(require("react"));
8
+ var _reactNative = require("react-native");
9
+ var _theming = require("../theming");
10
+ var _Config = _interopRequireDefault(require("./Config"));
11
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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
+ 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
+ const Row = _ref => {
15
+ let {
16
+ titleTypeStyle,
17
+ titleColor,
18
+ subtitleTypeStyle,
19
+ subtitleColor,
20
+ title,
21
+ subtitle,
22
+ multilineSubtitle,
23
+ image,
24
+ right,
25
+ style
26
+ } = _ref;
27
+ return /*#__PURE__*/React.createElement(_reactNative.View, {
28
+ style: [styles.container, {
29
+ padding: 16
30
+ }, style]
31
+ }, /*#__PURE__*/React.createElement(_reactNative.View, {
32
+ style: styles.leftContainer
33
+ }, image && /*#__PURE__*/React.createElement(_reactNative.Image, {
34
+ source: typeof image === "string" ? {
35
+ uri: image
36
+ } : image,
37
+ style: {
38
+ marginRight: 12,
39
+ width: subtitle ? _Config.default.rowMultiLineImageSize : _Config.default.rowSingleLineImageSize,
40
+ height: subtitle ? _Config.default.rowMultiLineImageSize : _Config.default.rowSingleLineImageSize
41
+ }
42
+ }), /*#__PURE__*/React.createElement(_reactNative.View, {
43
+ style: styles.textContainer
44
+ }, /*#__PURE__*/React.createElement(_reactNative.Text, {
45
+ style: [titleTypeStyle, {
46
+ color: titleColor
47
+ }],
48
+ numberOfLines: 1
49
+ }, title), subtitle ? /*#__PURE__*/React.createElement(_reactNative.Text, {
50
+ style: [subtitleTypeStyle, {
51
+ color: subtitleColor,
52
+ marginTop: 4
53
+ }],
54
+ numberOfLines: multilineSubtitle ? undefined : 1
55
+ }, subtitle) : null)), right && right());
56
+ };
57
+ const styles = _reactNative.StyleSheet.create({
58
+ leftContainer: {
59
+ flexDirection: "row",
60
+ flex: 1
61
+ },
62
+ container: {
63
+ flexDirection: "row",
64
+ justifyContent: "space-between",
65
+ alignItems: "center"
66
+ },
67
+ textContainer: {
68
+ flex: 1,
69
+ justifyContent: "center"
70
+ }
71
+ });
72
+ var _default = (0, _theming.withTheme)(Row);
73
+ exports.default = _default;
@@ -0,0 +1,45 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var React = _interopRequireWildcard(require("react"));
8
+ var _theming = require("../theming");
9
+ var _Row = _interopRequireDefault(require("./Row"));
10
+ var _Config = _interopRequireDefault(require("./Config"));
11
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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
+ 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
+ const RowBodyIcon = _ref => {
15
+ let {
16
+ Icon,
17
+ title,
18
+ subtitle,
19
+ icon,
20
+ style,
21
+ theme: {
22
+ colors,
23
+ typography
24
+ }
25
+ } = _ref;
26
+ return /*#__PURE__*/React.createElement(_Row.default, {
27
+ titleTypeStyle: typography.body1,
28
+ titleColor: colors.medium,
29
+ subtitleTypeStyle: typography.subtitle2,
30
+ subtitleColor: colors.light,
31
+ title: title,
32
+ subtitle: subtitle,
33
+ right: () => /*#__PURE__*/React.createElement(Icon, {
34
+ name: icon,
35
+ size: _Config.default.rowSingleLineIconSize,
36
+ color: colors.light,
37
+ style: {
38
+ marginLeft: 16
39
+ }
40
+ }),
41
+ style: style
42
+ });
43
+ };
44
+ var _default = (0, _theming.withTheme)(RowBodyIcon);
45
+ exports.default = _default;
@@ -0,0 +1,45 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var React = _interopRequireWildcard(require("react"));
8
+ var _reactNative = require("react-native");
9
+ var _theming = require("../theming");
10
+ var _Row = _interopRequireDefault(require("./Row"));
11
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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
+ 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
+ const RowHeadlineImageCaption = _ref => {
15
+ let {
16
+ title,
17
+ subtitle,
18
+ caption,
19
+ image,
20
+ style,
21
+ theme: {
22
+ colors,
23
+ typography
24
+ }
25
+ } = _ref;
26
+ return /*#__PURE__*/React.createElement(_Row.default, {
27
+ titleTypeStyle: typography.headline6,
28
+ titleColor: colors.strong,
29
+ subtitleTypeStyle: typography.body2,
30
+ subtitleColor: colors.medium,
31
+ title: title,
32
+ subtitle: subtitle,
33
+ image: image,
34
+ right: () => /*#__PURE__*/React.createElement(_reactNative.Text, {
35
+ style: {
36
+ ...typography.caption,
37
+ color: colors.strong,
38
+ marginLeft: 16
39
+ }
40
+ }, caption),
41
+ style: style
42
+ });
43
+ };
44
+ var _default = (0, _theming.withTheme)(RowHeadlineImageCaption);
45
+ exports.default = _default;
@@ -0,0 +1,51 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var React = _interopRequireWildcard(require("react"));
8
+ var _theming = require("../theming");
9
+ var _Row = _interopRequireDefault(require("./Row"));
10
+ var _Config = _interopRequireDefault(require("./Config"));
11
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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
+ 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
+ const RowHeadlineImageIcon = _ref => {
15
+ let {
16
+ Icon,
17
+ icon,
18
+ title,
19
+ image,
20
+ subtitle,
21
+ multilineSubtitle = false,
22
+ style,
23
+ theme: {
24
+ colors,
25
+ typography
26
+ }
27
+ } = _ref;
28
+ return /*#__PURE__*/React.createElement(_Row.default, {
29
+ titleTypeStyle: typography.headline6,
30
+ titleColor: colors.strong,
31
+ subtitleTypeStyle: typography.body2,
32
+ subtitleColor: colors.medium,
33
+ title: title,
34
+ subtitle: subtitle,
35
+ multilineSubtitle: multilineSubtitle,
36
+ image: image,
37
+ right: () => /*#__PURE__*/React.createElement(Icon, {
38
+ name: icon,
39
+ size: multilineSubtitle ? _Config.default.rowMultiLineIconSize : _Config.default.rowSingleLineIconSize,
40
+ color: colors.light,
41
+ style: {
42
+ marginLeft: 16,
43
+ alignSelf: multilineSubtitle ? "flex-start" : "center",
44
+ marginTop: multilineSubtitle ? 4 : 0
45
+ }
46
+ }),
47
+ style: style
48
+ });
49
+ };
50
+ var _default = (0, _theming.withTheme)(RowHeadlineImageIcon);
51
+ exports.default = _default;
@@ -10,9 +10,7 @@ var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
10
10
  var _theming = require("../theming");
11
11
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
12
12
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
13
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
14
13
  function ScreenContainer(_ref) {
15
- var _StyleSheet$flatten;
16
14
  let {
17
15
  scrollable = false,
18
16
  hasSafeArea = false,
@@ -23,7 +21,8 @@ function ScreenContainer(_ref) {
23
21
  children,
24
22
  ...rest
25
23
  } = _ref;
26
- const backgroundColor = ((_StyleSheet$flatten = _reactNative.StyleSheet.flatten(style)) === null || _StyleSheet$flatten === void 0 ? void 0 : _StyleSheet$flatten.backgroundColor) || theme.colors.background;
24
+ var _a;
25
+ const backgroundColor = ((_a = _reactNative.StyleSheet.flatten(style)) === null || _a === void 0 ? void 0 : _a.backgroundColor) || theme.colors.background;
27
26
  const edges = ["left", "right"];
28
27
  if (hasSafeArea || hasTopSafeArea) {
29
28
  edges.push("top");
@@ -31,12 +30,13 @@ function ScreenContainer(_ref) {
31
30
  if (hasSafeArea || hasBottomSafeArea) {
32
31
  edges.push("bottom");
33
32
  }
34
- return /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, _extends({
33
+ return /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
35
34
  edges: edges,
36
35
  style: [styles.container, {
37
36
  backgroundColor
38
- }]
39
- }, rest), scrollable ? /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
37
+ }],
38
+ ...rest
39
+ }, scrollable ? /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
40
40
  contentContainerStyle: [styles.scrollViewContainer, {
41
41
  backgroundColor
42
42
  }, style]
@@ -56,4 +56,22 @@ const styles = _reactNative.StyleSheet.create({
56
56
  }
57
57
  });
58
58
  var _default = (0, _theming.withTheme)(ScreenContainer);
59
+ exports.default = _default;olor
60
+ }, style]
61
+ }, children) : /*#__PURE__*/React.createElement(_reactNative.View, {
62
+ style: [styles.container, {
63
+ backgroundColor
64
+ }, style]
65
+ }, children));
66
+ }
67
+ const styles = _reactNative.StyleSheet.create({
68
+ container: {
69
+ flex: 1
70
+ },
71
+ scrollViewContainer: {
72
+ flexGrow: 1,
73
+ flex: undefined
74
+ }
75
+ });
76
+ var _default = (0, _theming.withTheme)(ScreenContainer);
59
77
  exports.default = _default;
@@ -7,7 +7,6 @@ exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _reactNativeShadow = require("react-native-shadow-2");
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); }
11
10
  const Shadow = _ref => {
12
11
  let {
13
12
  offsetX = 0,
@@ -24,7 +23,7 @@ const Shadow = _ref => {
24
23
  style,
25
24
  ...rest
26
25
  } = _ref;
27
- return /*#__PURE__*/_react.default.createElement(_reactNativeShadow.Shadow, _extends({
26
+ return /*#__PURE__*/_react.default.createElement(_reactNativeShadow.Shadow, {
28
27
  offset: [offsetX, offsetY],
29
28
  sides: {
30
29
  start: showShadowSideStart,
@@ -39,6 +38,20 @@ const Shadow = _ref => {
39
38
  bottomEnd: showShadowCornerBottomEnd
40
39
  },
41
40
  containerStyle: style,
41
+ paintInside: paintInside,
42
+ ...rest
43
+ });
44
+ };
45
+ var _default = Shadow;
46
+ exports.default = _default;showShadowSideBottom
47
+ },
48
+ corners: {
49
+ topStart: showShadowCornerTopStart,
50
+ topEnd: showShadowCornerTopEnd,
51
+ bottomStart: showShadowCornerBottomStart,
52
+ bottomEnd: showShadowCornerBottomEnd
53
+ },
54
+ containerStyle: style,
42
55
  paintInside: paintInside
43
56
  }, rest));
44
57
  };