@draftbit/core 46.6.6 → 46.6.7-d8d4b8.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 (67) hide show
  1. package/lib/commonjs/components/CardBlock.js +4 -13
  2. package/lib/commonjs/components/CardContainerRating.js +4 -13
  3. package/lib/commonjs/components/Checkbox/Checkbox.js +4 -22
  4. package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +5 -23
  5. package/lib/commonjs/components/Checkbox/CheckboxRow.js +6 -23
  6. package/lib/commonjs/components/Container.js +4 -15
  7. package/lib/commonjs/components/DatePicker/DatePicker.js +13 -26
  8. package/lib/commonjs/components/DeprecatedFAB.js +3 -21
  9. package/lib/commonjs/components/Divider.js +1 -14
  10. package/lib/commonjs/components/FAB.js +4 -18
  11. package/lib/commonjs/components/FormRow.js +2 -16
  12. package/lib/commonjs/components/IconButton.js +4 -19
  13. package/lib/commonjs/components/Image.js +2 -17
  14. package/lib/commonjs/components/Layout.js +19 -40
  15. package/lib/commonjs/components/Picker/Picker.js +1 -1
  16. package/lib/commonjs/components/Picker/PickerComponent.web.js +4 -19
  17. package/lib/commonjs/components/Portal/PortalHost.js +15 -44
  18. package/lib/commonjs/components/Portal/PortalManager.js +8 -34
  19. package/lib/commonjs/components/Pressable.js +2 -15
  20. package/lib/commonjs/components/ProgressBar.js +7 -37
  21. package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js +1 -9
  22. package/lib/commonjs/components/ScreenContainer.js +4 -20
  23. package/lib/commonjs/components/StepIndicator.js +18 -57
  24. package/lib/commonjs/components/Surface.js +2 -14
  25. package/lib/commonjs/components/Switch.js +10 -19
  26. package/lib/commonjs/components/TextField.js +28 -76
  27. package/lib/commonjs/components/ToggleButton.js +2 -15
  28. package/lib/commonjs/components/Touchable.js +2 -15
  29. package/lib/commonjs/constants.js +1 -1
  30. package/lib/commonjs/mappings/FieldSearchBarFull.js +1 -3
  31. package/lib/commonjs/utilities.js +2 -1
  32. package/lib/module/components/Accordion/AccordionItem.js +4 -25
  33. package/lib/module/components/AnimatedCircularProgress.js +1 -13
  34. package/lib/module/components/AspectRatio.js +1 -18
  35. package/lib/module/components/AvatarEdit.js +4 -15
  36. package/lib/module/components/CardContainerRating.js +4 -14
  37. package/lib/module/components/CardContainerShortImage.js +4 -18
  38. package/lib/module/components/Checkbox/Checkbox.js +4 -25
  39. package/lib/module/components/Checkbox/CheckboxGroup.js +2 -16
  40. package/lib/module/components/CircleImage.js +1 -16
  41. package/lib/module/components/CircularProgress.js +8 -28
  42. package/lib/module/components/Container.js +4 -17
  43. package/lib/module/components/DatePicker/DatePicker.js +13 -27
  44. package/lib/module/components/DeprecatedCardWrapper.js +1 -18
  45. package/lib/module/components/DeprecatedFAB.js +3 -23
  46. package/lib/module/components/Elevation.js +2 -14
  47. package/lib/module/components/FAB.js +4 -22
  48. package/lib/module/components/FieldSearchBarFull.js +2 -1
  49. package/lib/module/components/IconButton.js +4 -21
  50. package/lib/module/components/Picker/Picker.js +1 -1
  51. package/lib/module/components/Picker/PickerComponent.web.js +4 -19
  52. package/lib/module/components/Portal/Portal.js +3 -28
  53. package/lib/module/components/Portal/PortalHost.js +15 -45
  54. package/lib/module/components/Portal/PortalManager.js +7 -33
  55. package/lib/module/components/ProgressBar.js +7 -39
  56. package/lib/module/components/RadioButton/RadioButtonFieldGroup.js +1 -10
  57. package/lib/module/components/RadioButton/context.js +1 -1
  58. package/lib/module/components/StarRating.js +4 -24
  59. package/lib/module/components/Stepper.js +4 -1
  60. package/lib/module/components/Surface.js +1 -15
  61. package/lib/module/components/TextField.js +28 -78
  62. package/lib/module/components/ToggleButton.js +2 -16
  63. package/lib/module/components/Touchable.js +2 -15
  64. package/lib/module/constants.js +0 -1
  65. package/lib/module/mappings/StarRating.js +2 -7
  66. package/lib/module/utilities.js +2 -1
  67. package/package.json +3 -3
@@ -12,6 +12,7 @@ var _Elevation = _interopRequireDefault(require("./Elevation"));
12
12
  var _theming = require("../theming");
13
13
  var _Config = _interopRequireDefault(require("./Config"));
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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); }
15
16
  const CardBlock = _ref => {
16
17
  let {
17
18
  image = _Config.default.cardImageUrl,
@@ -48,12 +49,11 @@ const CardBlock = _ref => {
48
49
  const rightDescriptionStyles = [typography.subtitle2, {
49
50
  color: colors.light
50
51
  }];
51
- return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
52
+ return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
52
53
  style: style,
53
54
  onPress: onPress,
54
- numColumns: numColumns,
55
- ...rest
56
- }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
55
+ numColumns: numColumns
56
+ }, rest), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
57
57
  style: {
58
58
  backgroundColor: colors.background
59
59
  }
@@ -103,13 +103,4 @@ const CardBlock = _ref => {
103
103
  }, rightDescription) : null) : null));
104
104
  };
105
105
  var _default = (0, _theming.withTheme)(CardBlock);
106
- exports.default = _default;yle: [typography.body2, {
107
- color: colors.medium
108
- }]
109
- }, leftDescription), rightDescription ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
110
- numberOfLines: 1,
111
- style: rightDescriptionStyles
112
- }, rightDescription) : null) : null));
113
- };
114
- var _default = (0, _theming.withTheme)(CardBlock);
115
106
  exports.default = _default;
@@ -14,6 +14,7 @@ var _StarRating = _interopRequireDefault(require("./StarRating"));
14
14
  var _theming = require("../theming");
15
15
  var _Config = _interopRequireDefault(require("./Config"));
16
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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); }
17
18
  const ICON_CONTAINER_SIZE = _Config.default.cardIconSize * 2;
18
19
  const ICON_CONTAINER_PADDING = _Config.default.cardIconSize / 2 - 1;
19
20
  const CardContainerRating = _ref => {
@@ -48,12 +49,11 @@ const CardContainerRating = _ref => {
48
49
  rightDescriptionStyle = typography.caption;
49
50
  break;
50
51
  }
51
- return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
52
+ return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
52
53
  style: style,
53
54
  onPress: onPress,
54
- numColumns: numColumns,
55
- ...rest
56
- }, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
55
+ numColumns: numColumns
56
+ }, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
57
57
  style: {
58
58
  elevation,
59
59
  borderRadius: roundness
@@ -130,13 +130,4 @@ const CardContainerRating = _ref => {
130
130
  })) : null)));
131
131
  };
132
132
  var _default = (0, _theming.withTheme)(CardContainerRating);
133
- exports.default = _default;lor.default)(colors.strong).alpha(_Config.default.cardIconBackgroundOpacity).rgb().string()
134
- }
135
- }, /*#__PURE__*/_react.default.createElement(Icon, {
136
- name: icon,
137
- size: _Config.default.cardIconSize,
138
- color: colors.surface
139
- })) : null)));
140
- };
141
- var _default = (0, _theming.withTheme)(CardContainerRating);
142
133
  exports.default = _default;
@@ -10,6 +10,7 @@ var _theming = require("../../theming");
10
10
  var _hooks = require("../../hooks");
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 Checkbox = _ref => {
14
15
  let {
15
16
  Icon,
@@ -33,6 +34,7 @@ const Checkbox = _ref => {
33
34
  setInternalValue(status);
34
35
  }
35
36
  }, [status]);
37
+
36
38
  // This special logic is to handle weird APIs like Airtable that return
37
39
  // true or undefined for a boolean
38
40
  const previousDefaultValue = (0, _hooks.usePrevious)(defaultValue);
@@ -56,8 +58,7 @@ const Checkbox = _ref => {
56
58
  onUncheck === null || onUncheck === void 0 ? void 0 : onUncheck();
57
59
  }
58
60
  };
59
- return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
60
- ...rest,
61
+ return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({}, rest, {
61
62
  onPress: handlePress,
62
63
  disabled: disabled,
63
64
  accessibilityState: {
@@ -69,7 +70,7 @@ const Checkbox = _ref => {
69
70
  width: size,
70
71
  height: size
71
72
  }]
72
- }, /*#__PURE__*/React.createElement(Icon, {
73
+ }), /*#__PURE__*/React.createElement(Icon, {
73
74
  style: styles.icon,
74
75
  name: internalValue ? checkedIcon : uncheckedIcon,
75
76
  size: size,
@@ -103,23 +104,4 @@ const styles = _reactNative.StyleSheet.create({
103
104
  }
104
105
  });
105
106
  var _default = Checkbox;
106
- exports.default = _default; styles = _reactNative.StyleSheet.create({
107
- container: {
108
- borderRadius: 18
109
- },
110
- fillContainer: {
111
- alignItems: "center",
112
- justifyContent: "center"
113
- },
114
- icon: {
115
- alignSelf: "center"
116
- },
117
- fill: {
118
- borderRadius: 5,
119
- width: 30,
120
- height: 30,
121
- alignSelf: "center"
122
- }
123
- });
124
- var _default = Checkbox;
125
107
  exports.default = _default;
@@ -13,7 +13,8 @@ var _utilities = require("../../utilities");
13
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
14
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
15
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
16
- var Direction;
16
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
17
+ let Direction;
17
18
  exports.Direction = Direction;
18
19
  (function (Direction) {
19
20
  Direction["Row"] = "row";
@@ -71,14 +72,13 @@ const CheckboxGroupRow = _ref => {
71
72
  textStyles,
72
73
  viewStyles
73
74
  } = (0, _utilities.extractStyles)(style);
74
- return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
75
+ return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
75
76
  onPress: handlePress,
76
77
  style: [styles.mainParent, {
77
78
  flexDirection: direction
78
79
  }, viewStyles],
79
- disabled: disabled,
80
- ...rest
81
- }, /*#__PURE__*/React.createElement(_reactNative.View, {
80
+ disabled: disabled
81
+ }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
82
82
  style: [styles.label, {
83
83
  alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
84
84
  }, labelContainerStyle]
@@ -117,22 +117,4 @@ const styles = _reactNative.StyleSheet.create({
117
117
  }
118
118
  });
119
119
  var _default = CheckboxGroupRow;
120
- exports.default = _default;center",
121
- justifyContent: "space-around",
122
- paddingStart: 20,
123
- minHeight: 50,
124
- paddingEnd: 20,
125
- display: "flex",
126
- ..._reactNative.Platform.select({
127
- web: {
128
- cursor: "pointer",
129
- userSelect: "none"
130
- }
131
- })
132
- },
133
- label: {
134
- flex: 3
135
- }
136
- });
137
- var _default = CheckboxGroupRow;
138
120
  exports.default = _default;
@@ -14,7 +14,8 @@ 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
- 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";
@@ -57,6 +58,7 @@ const CheckboxRow = _ref => {
57
58
  setInternalValue(status);
58
59
  }
59
60
  }, [status]);
61
+
60
62
  // This special logic is to handle weird APIs like Airtable that return
61
63
  // true or undefined for a boolean
62
64
  const previousDefaultValue = (0, _hooks.usePrevious)(defaultValue);
@@ -80,14 +82,13 @@ const CheckboxRow = _ref => {
80
82
  textStyles,
81
83
  viewStyles
82
84
  } = (0, _utilities.extractStyles)(style);
83
- return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
85
+ return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
84
86
  onPress: handlePress,
85
87
  style: [viewStyles, styles.mainParent, {
86
88
  flexDirection: direction
87
89
  }],
88
- disabled: disabled,
89
- ...rest
90
- }, /*#__PURE__*/React.createElement(_reactNative.View, {
90
+ disabled: disabled
91
+ }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
91
92
  style: [styles.label, {
92
93
  alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
93
94
  }, labelContainerStyle]
@@ -124,22 +125,4 @@ const styles = _reactNative.StyleSheet.create({
124
125
  }
125
126
  });
126
127
  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;
145
128
  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;
@@ -16,6 +16,7 @@ var _utilities = require("../../utilities");
16
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
17
  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); }
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
+ 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
  const AnimatedText = _reactNative.Animated.createAnimatedComponent(_reactNative.Text);
20
21
  const FOCUS_ANIMATION_DURATION = 150;
21
22
  const BLUR_ANIMATION_DURATION = 180;
@@ -90,20 +91,24 @@ const DatePicker = _ref => {
90
91
  focused ? _handleBlur() : _handleFocus();
91
92
  };
92
93
  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
94
+
93
95
  // const _restoreLabel = () =>
94
96
  // Animated.timing(labeled, {
95
97
  // toValue: 1,
96
98
  // duration: FOCUS_ANIMATION_DURATION,
97
99
  // useNativeDriver: true,
98
100
  // }).start();
101
+
99
102
  // const _minmizeLabel = () =>
100
103
  // Animated.timing(labeled, {
101
104
  // toValue: 0,
102
105
  // duration: BLUR_ANIMATION_DURATION,
103
106
  // useNativeDriver: true,
104
107
  // }).start();
108
+
105
109
  // const _showPlaceholder = () =>
106
110
  // setTimeout(() => setPlaceholder1(placeholder || ""), 50);
111
+
107
112
  const _hidePlaceholder = () => {
108
113
  setPlaceholder1("");
109
114
  };
@@ -246,7 +251,9 @@ const DatePicker = _ref => {
246
251
  const inputStyles = [styles.input, inputStyle, type === "solid" ? {
247
252
  marginHorizontal: 12
248
253
  } : {}];
254
+
249
255
  // const render = (props) => <NativeTextInput {...props} />;
256
+
250
257
  return /*#__PURE__*/React.createElement(_reactNative.View, {
251
258
  style: [styles.container, style]
252
259
  }, /*#__PURE__*/React.createElement(_Touchable.default, {
@@ -256,10 +263,9 @@ const DatePicker = _ref => {
256
263
  pointerEvents: "none"
257
264
  }, /*#__PURE__*/React.createElement(_reactNative.View, {
258
265
  style: [styles.container, style]
259
- }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, {
260
- ...leftIconProps,
266
+ }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
261
267
  style: leftIconStyle
262
- }) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
268
+ })) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
263
269
  style: [containerStyle, style ? {
264
270
  height: style.height
265
271
  } : {}, viewStyles]
@@ -308,13 +314,12 @@ const DatePicker = _ref => {
308
314
  opacity: hasActiveOutline ? labeled : 1
309
315
  }],
310
316
  numberOfLines: 1
311
- }, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(Icon, {
312
- ...leftIconProps,
317
+ }, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
313
318
  style: {
314
319
  ...leftIconStyle,
315
320
  marginLeft: type === "solid" ? 16 : 0
316
321
  }
317
- }) : null, /*#__PURE__*/React.createElement(_reactNative.TextInput, {
322
+ })) : null, /*#__PURE__*/React.createElement(_reactNative.TextInput, _extends({
318
323
  value: formatDate(),
319
324
  placeholder: label ? placeholder1 : placeholder,
320
325
  editable: !disabled,
@@ -323,9 +328,8 @@ const DatePicker = _ref => {
323
328
  onFocus: _handleFocus,
324
329
  onBlur: _handleBlur,
325
330
  underlineColorAndroid: "transparent",
326
- style: [inputStyles, textStyles],
327
- ...props
328
- })), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
331
+ style: [inputStyles, textStyles]
332
+ }, props))), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
329
333
  name: rightIconName,
330
334
  size: ICON_SIZE,
331
335
  color: colors.light,
@@ -397,21 +401,4 @@ const styles = _reactNative.StyleSheet.create({
397
401
  }
398
402
  });
399
403
  var _default = (0, _theming.withTheme)(DatePicker);
400
- exports.default = _default; margin: 0,
401
- textAlign: _reactNative.I18nManager.isRTL ? "right" : "left"
402
- },
403
- placeholder: {
404
- position: "absolute",
405
- left: 0
406
- },
407
- pickerContainer: {
408
- flexDirection: "column",
409
- width: "100%",
410
- zIndex: 100
411
- },
412
- closeButton: {
413
- alignSelf: "flex-end"
414
- }
415
- });
416
- var _default = (0, _theming.withTheme)(DatePicker);
417
404
  exports.default = _default;
@@ -14,6 +14,7 @@ var _theming = require("../theming");
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); }
17
18
  const FAB = _ref => {
18
19
  let {
19
20
  Icon,
@@ -105,8 +106,7 @@ const FAB = _ref => {
105
106
  style: [{
106
107
  elevation
107
108
  }, style]
108
- }, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
109
- ...rest,
109
+ }, /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({}, rest, {
110
110
  onPress: onPress,
111
111
  accessibilityState: {
112
112
  disabled
@@ -114,7 +114,7 @@ const FAB = _ref => {
114
114
  accessibilityRole: "button",
115
115
  disabled: disabled || loading,
116
116
  style: buttonStyles
117
- }, /*#__PURE__*/React.createElement(_reactNative.View, {
117
+ }), /*#__PURE__*/React.createElement(_reactNative.View, {
118
118
  style: styles.content
119
119
  }, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
120
120
  style: iconStyle
@@ -154,22 +154,4 @@ const styles = _reactNative.StyleSheet.create({
154
154
  }
155
155
  });
156
156
  var _default = (0, _theming.withTheme)(FAB);
157
- exports.default = _default;ow",
158
- alignItems: "center",
159
- justifyContent: "center"
160
- },
161
- icon: {
162
- alignItems: "center",
163
- justifyContent: "center",
164
- width: _Config.default.buttonIconSize
165
- },
166
- fixed: {
167
- left: 0,
168
- right: 0,
169
- bottom: 0,
170
- height: 64,
171
- borderRadius: 0
172
- }
173
- });
174
- var _default = (0, _theming.withTheme)(FAB);
175
157
  exports.default = _default;
@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
9
9
  var _theming = require("../theming");
10
10
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
11
11
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
12
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
12
13
  const Divider = _ref => {
13
14
  let {
14
15
  style,
@@ -18,20 +19,6 @@ const Divider = _ref => {
18
19
  },
19
20
  ...rest
20
21
  } = _ref;
21
- return /*#__PURE__*/React.createElement(_reactNative.View, {
22
- style: [{
23
- backgroundColor: color || colors.divider,
24
- height: _reactNative.StyleSheet.hairlineWidth
25
- }, style],
26
- ...rest
27
- });
28
- };
29
- var _default = (0, _theming.withTheme)(Divider);
30
- exports.default = _default;eme: {
31
- colors
32
- },
33
- ...rest
34
- } = _ref;
35
22
  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
36
23
  style: [{
37
24
  backgroundColor: color || colors.divider,
@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
9
9
  var _theming = require("../theming");
10
10
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
11
11
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
12
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
12
13
  const FAB = _ref => {
13
14
  let {
14
15
  onPress,
@@ -32,7 +33,7 @@ const FAB = _ref => {
32
33
  borderRadius: size / 2,
33
34
  overflow: "hidden"
34
35
  }, style]
35
- }, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
36
+ }, /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
36
37
  onPress: onPress,
37
38
  disabled: loading || disabled,
38
39
  android_ripple: {
@@ -50,9 +51,8 @@ const FAB = _ref => {
50
51
  borderRadius: size / 2,
51
52
  backgroundColor
52
53
  }];
53
- },
54
- ...props
55
- }, /*#__PURE__*/React.createElement(_reactNative.View, null, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
54
+ }
55
+ }, props), /*#__PURE__*/React.createElement(_reactNative.View, null, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
56
56
  style: size > 50 ? {
57
57
  marginTop: 2,
58
58
  marginLeft: 2
@@ -79,18 +79,4 @@ const styles = _reactNative.StyleSheet.create({
79
79
  }
80
80
  });
81
81
  var _default = (0, _theming.withTheme)(FAB);
82
- exports.default = _default; styles = _reactNative.StyleSheet.create({
83
- button: {
84
- backgroundColor: "#5a45ff",
85
- justifyContent: "center",
86
- alignItems: "center",
87
- ..._reactNative.Platform.select({
88
- web: {
89
- cursor: "pointer",
90
- userSelect: "none"
91
- }
92
- })
93
- }
94
- });
95
- var _default = (0, _theming.withTheme)(FAB);
96
82
  exports.default = _default;
@@ -11,6 +11,7 @@ var _Touchable = _interopRequireDefault(require("./Touchable"));
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
  function FormRow(_ref) {
15
16
  let {
16
17
  disabled,
@@ -25,26 +26,11 @@ function FormRow(_ref) {
25
26
  textStyles,
26
27
  viewStyles
27
28
  } = (0, _utilities.extractStyles)(style);
28
- return /*#__PURE__*/React.createElement(_Touchable.default, {
29
+ return /*#__PURE__*/React.createElement(_Touchable.default, _extends({
29
30
  disabled: disabled,
30
31
  onPress: onPress,
31
32
  style: [styles.row, {
32
33
  flexDirection: direction
33
- }, viewStyles],
34
- ...rest
35
- }, /*#__PURE__*/React.createElement(_reactNative.Text, {
36
- style: textStyles
37
- }, label), children);
38
- }
39
- const styles = _reactNative.StyleSheet.create({
40
- row: {
41
- marginLeft: 8,
42
- marginRight: 8,
43
- flexDirection: "row",
44
- justifyContent: "space-between",
45
- alignItems: "center"
46
- }
47
- });rection: direction
48
34
  }, viewStyles]
49
35
  }, rest), /*#__PURE__*/React.createElement(_reactNative.Text, {
50
36
  style: textStyles
@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
9
9
  var _theming = require("../theming");
10
10
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
11
11
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
12
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
12
13
  const IconButton = _ref => {
13
14
  let {
14
15
  Icon,
@@ -23,7 +24,7 @@ const IconButton = _ref => {
23
24
  ...props
24
25
  } = _ref;
25
26
  const iconColor = customColor || theme.colors.primary;
26
- return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
27
+ return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
27
28
  onPress: onPress,
28
29
  disabled: disabled || loading,
29
30
  style: _ref2 => {
@@ -37,9 +38,8 @@ const IconButton = _ref => {
37
38
  alignItems: "center",
38
39
  justifyContent: "center"
39
40
  }, style];
40
- },
41
- ...props
42
- }, /*#__PURE__*/React.createElement(_reactNative.View, null, icon && !loading ? /*#__PURE__*/React.createElement(Icon, {
41
+ }
42
+ }, props), /*#__PURE__*/React.createElement(_reactNative.View, null, icon && !loading ? /*#__PURE__*/React.createElement(Icon, {
43
43
  name: icon,
44
44
  size: size - 2,
45
45
  color: iconColor
@@ -61,19 +61,4 @@ const styles = _reactNative.StyleSheet.create({
61
61
  }
62
62
  });
63
63
  var _default = (0, _theming.withTheme)(IconButton);
64
- exports.default = _default; }) : null));
65
- };
66
- const styles = _reactNative.StyleSheet.create({
67
- container: {
68
- alignItems: "center",
69
- justifyContent: "center",
70
- ..._reactNative.Platform.select({
71
- web: {
72
- cursor: "pointer",
73
- userSelect: "none"
74
- }
75
- })
76
- }
77
- });
78
- var _default = (0, _theming.withTheme)(IconButton);
79
64
  exports.default = _default;
@@ -9,8 +9,7 @@ var _reactNative = require("react-native");
9
9
  var _Config = _interopRequireDefault(require("./Config"));
10
10
  var _AspectRatio = _interopRequireDefault(require("./AspectRatio"));
11
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- /* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */
13
-
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); }
14
13
  const generateDimensions = _ref => {
15
14
  let {
16
15
  aspectRatio,
@@ -63,27 +62,13 @@ const Image = _ref2 => {
63
62
  height,
64
63
  aspectRatio
65
64
  }]
66
- }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
67
- ...props,
65
+ }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({}, props, {
68
66
  source: imageSource,
69
67
  resizeMode: resizeMode,
70
68
  style: [style, {
71
69
  height: "100%",
72
70
  width: "100%"
73
71
  }]
74
- }));
75
- }
76
- return /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
77
- ...props,
78
- source: source,
79
- resizeMode: resizeMode,
80
- style: style
81
- });
82
- };
83
- var _default = Image;
84
- exports.default = _default; "100%",
85
- width: "100%"
86
- }]
87
72
  })));
88
73
  }
89
74
  return /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({}, props, {