@draftbit/core 46.10.1 → 46.10.2-14170b.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 (88) hide show
  1. package/lib/commonjs/components/Checkbox/CheckboxGroup.js +2 -17
  2. package/lib/commonjs/components/Checkbox/CheckboxRow.js +23 -6
  3. package/lib/commonjs/components/CircleImage.js +1 -15
  4. package/lib/commonjs/components/CircularProgress.js +8 -26
  5. package/lib/commonjs/components/Container.js +4 -15
  6. package/lib/commonjs/components/Picker/PickerComponent.android.js +3 -20
  7. package/lib/commonjs/components/Pressable.js +2 -15
  8. package/lib/commonjs/components/RadioButton/RadioButtonRow.js +5 -23
  9. package/lib/commonjs/components/RadioButton/context.js +1 -1
  10. package/lib/commonjs/components/Slider.js +4 -21
  11. package/lib/commonjs/components/TabView/TabView.js +7 -13
  12. package/lib/commonjs/components/YoutubePlayer/YoutubePlayer.js +40 -0
  13. package/lib/commonjs/components/{YotubePlayer.js → YoutubePlayer/YoutubePlayer.native.js} +4 -10
  14. package/lib/commonjs/components/YoutubePlayer/YoutubePlayerProps.js +5 -0
  15. package/lib/commonjs/components/YoutubePlayer/index.js +13 -0
  16. package/lib/commonjs/constants.js +1 -1
  17. package/lib/commonjs/index.js +2 -23
  18. package/lib/commonjs/mappings/NativeBase/Layout.js +97 -0
  19. package/lib/commonjs/mappings/StarRating.js +2 -6
  20. package/lib/commonjs/mappings/YoutubePlayer.js +0 -6
  21. package/lib/module/components/DeckSwiper/DeckSwiper.js +3 -0
  22. package/lib/module/components/Picker/PickerComponent.ios.js +11 -36
  23. package/lib/module/components/YoutubePlayer/YoutubePlayer.js +32 -0
  24. package/lib/module/components/YoutubePlayer/YoutubePlayer.native.js +24 -0
  25. package/lib/module/components/YoutubePlayer/YoutubePlayerProps.js +1 -0
  26. package/lib/module/components/YoutubePlayer/index.js +1 -0
  27. package/lib/module/hooks.js +1 -2
  28. package/lib/module/index.js +1 -4
  29. package/lib/module/mappings/NativeBase/Layout.js +90 -0
  30. package/lib/module/mappings/YoutubePlayer.js +0 -6
  31. package/lib/typescript/src/components/YoutubePlayer/YoutubePlayer.d.ts +5 -0
  32. package/lib/typescript/src/components/YoutubePlayer/YoutubePlayer.d.ts.map +1 -0
  33. package/lib/typescript/src/components/YoutubePlayer/YoutubePlayer.native.d.ts +5 -0
  34. package/lib/typescript/src/components/YoutubePlayer/YoutubePlayer.native.d.ts.map +1 -0
  35. package/lib/typescript/src/components/YoutubePlayer/YoutubePlayerProps.d.ts +8 -0
  36. package/lib/typescript/src/components/YoutubePlayer/YoutubePlayerProps.d.ts.map +1 -0
  37. package/lib/typescript/src/components/YoutubePlayer/index.d.ts +2 -0
  38. package/lib/typescript/src/components/YoutubePlayer/index.d.ts.map +1 -0
  39. package/lib/typescript/src/index.d.ts +1 -4
  40. package/lib/typescript/src/index.d.ts.map +1 -1
  41. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts +107 -0
  42. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts.map +1 -0
  43. package/lib/typescript/src/mappings/YoutubePlayer.d.ts +0 -10
  44. package/lib/typescript/src/mappings/YoutubePlayer.d.ts.map +1 -1
  45. package/package.json +5 -5
  46. package/src/components/YoutubePlayer/YoutubePlayer.js +20 -0
  47. package/src/components/YoutubePlayer/YoutubePlayer.native.js +9 -0
  48. package/src/components/YoutubePlayer/YoutubePlayer.native.tsx +27 -0
  49. package/src/components/YoutubePlayer/YoutubePlayer.tsx +36 -0
  50. package/src/components/YoutubePlayer/YoutubePlayerProps.js +1 -0
  51. package/src/components/YoutubePlayer/YoutubePlayerProps.ts +8 -0
  52. package/src/components/YoutubePlayer/index.js +1 -0
  53. package/src/components/YoutubePlayer/index.ts +1 -0
  54. package/src/index.js +1 -4
  55. package/src/index.tsx +1 -4
  56. package/src/mappings/NativeBase/Layout.js +101 -0
  57. package/src/mappings/NativeBase/Layout.ts +116 -0
  58. package/src/mappings/YoutubePlayer.js +0 -6
  59. package/src/mappings/YoutubePlayer.ts +0 -6
  60. package/lib/commonjs/components/Row.js +0 -73
  61. package/lib/commonjs/components/RowBodyIcon.js +0 -45
  62. package/lib/commonjs/components/RowHeadlineImageCaption.js +0 -45
  63. package/lib/commonjs/components/RowHeadlineImageIcon.js +0 -51
  64. package/lib/module/components/Row.js +0 -63
  65. package/lib/module/components/RowBodyIcon.js +0 -35
  66. package/lib/module/components/RowHeadlineImageCaption.js +0 -35
  67. package/lib/module/components/RowHeadlineImageIcon.js +0 -41
  68. package/lib/module/components/YotubePlayer.js +0 -30
  69. package/lib/typescript/src/components/Row.d.ts +0 -21
  70. package/lib/typescript/src/components/Row.d.ts.map +0 -1
  71. package/lib/typescript/src/components/RowBodyIcon.d.ts +0 -16
  72. package/lib/typescript/src/components/RowBodyIcon.d.ts.map +0 -1
  73. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts +0 -16
  74. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts.map +0 -1
  75. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts +0 -18
  76. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts.map +0 -1
  77. package/lib/typescript/src/components/YotubePlayer.d.ts +0 -12
  78. package/lib/typescript/src/components/YotubePlayer.d.ts.map +0 -1
  79. package/src/components/Row.js +0 -48
  80. package/src/components/Row.tsx +0 -108
  81. package/src/components/RowBodyIcon.js +0 -8
  82. package/src/components/RowBodyIcon.tsx +0 -47
  83. package/src/components/RowHeadlineImageCaption.js +0 -12
  84. package/src/components/RowHeadlineImageCaption.tsx +0 -49
  85. package/src/components/RowHeadlineImageIcon.js +0 -14
  86. package/src/components/RowHeadlineImageIcon.tsx +0 -61
  87. package/src/components/YotubePlayer.js +0 -10
  88. package/src/components/YotubePlayer.tsx +0 -38
@@ -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]
@@ -14,8 +14,7 @@ var _Checkbox = _interopRequireDefault(require("./Checkbox"));
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
16
16
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
17
- 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";
@@ -58,7 +57,6 @@ const CheckboxRow = _ref => {
58
57
  setInternalValue(status);
59
58
  }
60
59
  }, [status]);
61
-
62
60
  // This special logic is to handle weird APIs like Airtable that return
63
61
  // true or undefined for a boolean
64
62
  const previousDefaultValue = (0, _hooks.usePrevious)(defaultValue);
@@ -82,13 +80,14 @@ const CheckboxRow = _ref => {
82
80
  textStyles,
83
81
  viewStyles
84
82
  } = (0, _utilities.extractStyles)(style);
85
- return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
83
+ return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
86
84
  onPress: handlePress,
87
85
  style: [viewStyles, styles.mainParent, {
88
86
  flexDirection: direction
89
87
  }],
90
- disabled: disabled
91
- }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
88
+ disabled: disabled,
89
+ ...rest
90
+ }, /*#__PURE__*/React.createElement(_reactNative.View, {
92
91
  style: [styles.label, {
93
92
  alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
94
93
  }, labelContainerStyle]
@@ -125,4 +124,22 @@ const styles = _reactNative.StyleSheet.create({
125
124
  }
126
125
  });
127
126
  var _default = CheckboxRow;
127
+ exports.default = _default;ems: "center",
128
+ justifyContent: "space-around",
129
+ paddingStart: 20,
130
+ minHeight: 50,
131
+ paddingEnd: 20,
132
+ display: "flex",
133
+ ..._reactNative.Platform.select({
134
+ web: {
135
+ cursor: "pointer",
136
+ userSelect: "none"
137
+ }
138
+ })
139
+ },
140
+ label: {
141
+ flex: 3
142
+ }
143
+ });
144
+ var _default = CheckboxRow;
128
145
  exports.default = _default;
@@ -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;
@@ -0,0 +1,40 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _reactNative = require("react-native");
9
+ var _utilities = require("../../utilities");
10
+ var _reactYoutube = _interopRequireDefault(require("react-youtube"));
11
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
+ const YoutubePlayer = _ref => {
13
+ let {
14
+ videoId,
15
+ playlist,
16
+ autoplay = false,
17
+ style
18
+ } = _ref;
19
+ const {
20
+ viewStyles
21
+ } = (0, _utilities.extractStyles)(style);
22
+ const defaultVideoId = "nwMUpDESXrI";
23
+ const options = {
24
+ width: viewStyles.width,
25
+ height: viewStyles.height,
26
+ playerVars: {
27
+ autoplay: autoplay ? 1 : 0,
28
+ list: playlist,
29
+ listType: "playlist"
30
+ }
31
+ };
32
+ return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
33
+ style: viewStyles
34
+ }, /*#__PURE__*/_react.default.createElement(_reactYoutube.default, {
35
+ videoId: !videoId && !playlist ? defaultVideoId : videoId,
36
+ opts: options
37
+ }));
38
+ };
39
+ var _default = YoutubePlayer;
40
+ exports.default = _default;
@@ -6,32 +6,26 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _reactNativeYoutubeIframe = _interopRequireDefault(require("react-native-youtube-iframe"));
9
- var _utilities = require("../utilities");
9
+ var _utilities = require("../../utilities");
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
11
  const YoutubePlayer = _ref => {
12
12
  let {
13
13
  videoId,
14
14
  playlist,
15
- mute = false,
16
15
  autoplay = false,
17
16
  style
18
17
  } = _ref;
19
18
  const {
20
19
  viewStyles
21
20
  } = (0, _utilities.extractStyles)(style);
22
- const {
23
- height,
24
- width
25
- } = viewStyles;
26
21
  const defaultVideoId = "nwMUpDESXrI";
27
22
  return /*#__PURE__*/_react.default.createElement(_reactNativeYoutubeIframe.default, {
28
- height: height,
29
- width: width,
23
+ width: viewStyles.width,
24
+ height: viewStyles.height,
30
25
  play: autoplay,
31
26
  videoId: !videoId && !playlist ? defaultVideoId : videoId,
32
27
  playList: playlist,
33
- mute: mute,
34
- webViewStyle: style
28
+ webViewStyle: viewStyles
35
29
  });
36
30
  };
37
31
  var _default = YoutubePlayer;
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "YoutubePlayer", {
7
+ enumerable: true,
8
+ get: function () {
9
+ return _YoutubePlayer.default;
10
+ }
11
+ });
12
+ var _YoutubePlayer = _interopRequireDefault(require("./YoutubePlayer"));
13
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -12,4 +12,4 @@ const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
12
12
  android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
13
13
  ios: _reactNative.Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
14
14
  });
15
- exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;AR_HEIGHT;
15
+ exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;
@@ -255,24 +255,6 @@ Object.defineProperty(exports, "Row", {
255
255
  return _Layout.Row;
256
256
  }
257
257
  });
258
- Object.defineProperty(exports, "RowBodyIcon", {
259
- enumerable: true,
260
- get: function () {
261
- return _RowBodyIcon.default;
262
- }
263
- });
264
- Object.defineProperty(exports, "RowHeadlineImageCaption", {
265
- enumerable: true,
266
- get: function () {
267
- return _RowHeadlineImageCaption.default;
268
- }
269
- });
270
- Object.defineProperty(exports, "RowHeadlineImageIcon", {
271
- enumerable: true,
272
- get: function () {
273
- return _RowHeadlineImageIcon.default;
274
- }
275
- });
276
258
  Object.defineProperty(exports, "SVG", {
277
259
  enumerable: true,
278
260
  get: function () {
@@ -396,7 +378,7 @@ Object.defineProperty(exports, "Touchable", {
396
378
  Object.defineProperty(exports, "YoutubePlayer", {
397
379
  enumerable: true,
398
380
  get: function () {
399
- return _YotubePlayer.default;
381
+ return _YoutubePlayer.YoutubePlayer;
400
382
  }
401
383
  });
402
384
  Object.defineProperty(exports, "injectIcon", {
@@ -454,14 +436,11 @@ var _DeckSwiper = require("./components/DeckSwiper");
454
436
  var _TabView = require("./components/TabView");
455
437
  var _Markdown = _interopRequireDefault(require("./components/Markdown"));
456
438
  var _BottomSheet = require("./components/BottomSheet");
457
- var _YotubePlayer = _interopRequireDefault(require("./components/YotubePlayer"));
439
+ var _YoutubePlayer = require("./components/YoutubePlayer");
458
440
  var _DatePicker = _interopRequireDefault(require("./components/DatePicker/DatePicker"));
459
441
  var _Picker = _interopRequireDefault(require("./components/Picker/Picker"));
460
442
  var _ProgressBar = _interopRequireDefault(require("./components/ProgressBar"));
461
443
  var _ProgressCircle = _interopRequireDefault(require("./components/ProgressCircle"));
462
- var _RowBodyIcon = _interopRequireDefault(require("./components/RowBodyIcon"));
463
- var _RowHeadlineImageCaption = _interopRequireDefault(require("./components/RowHeadlineImageCaption"));
464
- var _RowHeadlineImageIcon = _interopRequireDefault(require("./components/RowHeadlineImageIcon"));
465
444
  var _Slider = _interopRequireDefault(require("./components/Slider"));
466
445
  var _Stepper = _interopRequireDefault(require("./components/Stepper"));
467
446
  var _useAuthState = require("./components/useAuthState");