@draftbit/core 46.6.5-8b9fed.2 → 46.6.6

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 +13 -4
  2. package/lib/commonjs/components/CardContainerRating.js +13 -4
  3. package/lib/commonjs/components/Checkbox/Checkbox.js +22 -4
  4. package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +23 -5
  5. package/lib/commonjs/components/Checkbox/CheckboxRow.js +23 -6
  6. package/lib/commonjs/components/Container.js +15 -4
  7. package/lib/commonjs/components/DatePicker/DatePicker.js +26 -13
  8. package/lib/commonjs/components/DeprecatedFAB.js +21 -3
  9. package/lib/commonjs/components/Divider.js +14 -1
  10. package/lib/commonjs/components/FAB.js +18 -4
  11. package/lib/commonjs/components/FormRow.js +16 -2
  12. package/lib/commonjs/components/IconButton.js +19 -4
  13. package/lib/commonjs/components/Image.js +17 -2
  14. package/lib/commonjs/components/Layout.js +40 -19
  15. package/lib/commonjs/components/Picker/Picker.js +1 -1
  16. package/lib/commonjs/components/Picker/PickerComponent.web.js +19 -4
  17. package/lib/commonjs/components/Portal/PortalHost.js +44 -15
  18. package/lib/commonjs/components/Portal/PortalManager.js +34 -8
  19. package/lib/commonjs/components/Pressable.js +15 -2
  20. package/lib/commonjs/components/ProgressBar.js +37 -7
  21. package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js +9 -1
  22. package/lib/commonjs/components/ScreenContainer.js +20 -4
  23. package/lib/commonjs/components/StepIndicator.js +57 -18
  24. package/lib/commonjs/components/Surface.js +14 -2
  25. package/lib/commonjs/components/Switch.js +19 -10
  26. package/lib/commonjs/components/TextField.js +76 -28
  27. package/lib/commonjs/components/ToggleButton.js +15 -2
  28. package/lib/commonjs/components/Touchable.js +15 -2
  29. package/lib/commonjs/constants.js +1 -1
  30. package/lib/commonjs/mappings/FieldSearchBarFull.js +3 -1
  31. package/lib/commonjs/utilities.js +1 -2
  32. package/lib/module/components/Accordion/AccordionItem.js +25 -4
  33. package/lib/module/components/AnimatedCircularProgress.js +13 -1
  34. package/lib/module/components/AspectRatio.js +18 -1
  35. package/lib/module/components/AvatarEdit.js +15 -4
  36. package/lib/module/components/CardContainerRating.js +14 -4
  37. package/lib/module/components/CardContainerShortImage.js +18 -4
  38. package/lib/module/components/Checkbox/Checkbox.js +25 -4
  39. package/lib/module/components/Checkbox/CheckboxGroup.js +16 -2
  40. package/lib/module/components/CircleImage.js +16 -1
  41. package/lib/module/components/CircularProgress.js +28 -8
  42. package/lib/module/components/Container.js +17 -4
  43. package/lib/module/components/DatePicker/DatePicker.js +27 -13
  44. package/lib/module/components/DeprecatedCardWrapper.js +18 -1
  45. package/lib/module/components/DeprecatedFAB.js +23 -3
  46. package/lib/module/components/Elevation.js +14 -2
  47. package/lib/module/components/FAB.js +22 -4
  48. package/lib/module/components/FieldSearchBarFull.js +1 -2
  49. package/lib/module/components/IconButton.js +21 -4
  50. package/lib/module/components/Picker/Picker.js +1 -1
  51. package/lib/module/components/Picker/PickerComponent.web.js +19 -4
  52. package/lib/module/components/Portal/Portal.js +28 -3
  53. package/lib/module/components/Portal/PortalHost.js +45 -15
  54. package/lib/module/components/Portal/PortalManager.js +33 -7
  55. package/lib/module/components/ProgressBar.js +39 -7
  56. package/lib/module/components/RadioButton/RadioButtonFieldGroup.js +10 -1
  57. package/lib/module/components/RadioButton/context.js +1 -1
  58. package/lib/module/components/StarRating.js +24 -4
  59. package/lib/module/components/Stepper.js +1 -4
  60. package/lib/module/components/Surface.js +15 -1
  61. package/lib/module/components/TextField.js +78 -28
  62. package/lib/module/components/ToggleButton.js +16 -2
  63. package/lib/module/components/Touchable.js +15 -2
  64. package/lib/module/constants.js +1 -0
  65. package/lib/module/mappings/StarRating.js +7 -2
  66. package/lib/module/utilities.js +1 -2
  67. package/package.json +3 -3
@@ -12,7 +12,6 @@ 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); }
16
15
  const CardBlock = _ref => {
17
16
  let {
18
17
  image = _Config.default.cardImageUrl,
@@ -49,11 +48,12 @@ const CardBlock = _ref => {
49
48
  const rightDescriptionStyles = [typography.subtitle2, {
50
49
  color: colors.light
51
50
  }];
52
- return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
51
+ return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
53
52
  style: style,
54
53
  onPress: onPress,
55
- numColumns: numColumns
56
- }, rest), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
54
+ numColumns: numColumns,
55
+ ...rest
56
+ }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
57
57
  style: {
58
58
  backgroundColor: colors.background
59
59
  }
@@ -103,4 +103,13 @@ 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);
106
115
  exports.default = _default;
@@ -14,7 +14,6 @@ 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); }
18
17
  const ICON_CONTAINER_SIZE = _Config.default.cardIconSize * 2;
19
18
  const ICON_CONTAINER_PADDING = _Config.default.cardIconSize / 2 - 1;
20
19
  const CardContainerRating = _ref => {
@@ -49,11 +48,12 @@ const CardContainerRating = _ref => {
49
48
  rightDescriptionStyle = typography.caption;
50
49
  break;
51
50
  }
52
- return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
51
+ return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
53
52
  style: style,
54
53
  onPress: onPress,
55
- numColumns: numColumns
56
- }, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
54
+ numColumns: numColumns,
55
+ ...rest
56
+ }, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
57
57
  style: {
58
58
  elevation,
59
59
  borderRadius: roundness
@@ -130,4 +130,13 @@ 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);
133
142
  exports.default = _default;
@@ -10,7 +10,6 @@ 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); }
14
13
  const Checkbox = _ref => {
15
14
  let {
16
15
  Icon,
@@ -34,7 +33,6 @@ const Checkbox = _ref => {
34
33
  setInternalValue(status);
35
34
  }
36
35
  }, [status]);
37
-
38
36
  // This special logic is to handle weird APIs like Airtable that return
39
37
  // true or undefined for a boolean
40
38
  const previousDefaultValue = (0, _hooks.usePrevious)(defaultValue);
@@ -58,7 +56,8 @@ const Checkbox = _ref => {
58
56
  onUncheck === null || onUncheck === void 0 ? void 0 : onUncheck();
59
57
  }
60
58
  };
61
- return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({}, rest, {
59
+ return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
60
+ ...rest,
62
61
  onPress: handlePress,
63
62
  disabled: disabled,
64
63
  accessibilityState: {
@@ -70,7 +69,7 @@ const Checkbox = _ref => {
70
69
  width: size,
71
70
  height: size
72
71
  }]
73
- }), /*#__PURE__*/React.createElement(Icon, {
72
+ }, /*#__PURE__*/React.createElement(Icon, {
74
73
  style: styles.icon,
75
74
  name: internalValue ? checkedIcon : uncheckedIcon,
76
75
  size: size,
@@ -104,4 +103,23 @@ const styles = _reactNative.StyleSheet.create({
104
103
  }
105
104
  });
106
105
  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;
107
125
  exports.default = _default;
@@ -13,8 +13,7 @@ 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
- 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;
16
+ var Direction;
18
17
  exports.Direction = Direction;
19
18
  (function (Direction) {
20
19
  Direction["Row"] = "row";
@@ -72,13 +71,14 @@ const CheckboxGroupRow = _ref => {
72
71
  textStyles,
73
72
  viewStyles
74
73
  } = (0, _utilities.extractStyles)(style);
75
- return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
74
+ return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
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]
@@ -117,4 +117,22 @@ 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;
120
138
  exports.default = _default;
@@ -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;
@@ -11,7 +11,6 @@ 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); }
15
14
  const Container = _ref => {
16
15
  let {
17
16
  useThemeGutterPadding,
@@ -73,9 +72,10 @@ const Container = _ref => {
73
72
  };
74
73
  const Wrap = elevation ? _Elevation.default : _reactNative.View;
75
74
  if (elevation) containerStyle.elevation = elevation;
76
- return /*#__PURE__*/React.createElement(Wrap, _extends({
77
- style: [containerStyle, style]
78
- }, rest), backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
75
+ return /*#__PURE__*/React.createElement(Wrap, {
76
+ style: [containerStyle, style],
77
+ ...rest
78
+ }, backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
79
79
  source: typeof backgroundImage === "string" ? {
80
80
  uri: backgroundImage
81
81
  } : backgroundImage,
@@ -90,4 +90,15 @@ 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);
93
104
  exports.default = _default;
@@ -16,7 +16,6 @@ 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); }
20
19
  const AnimatedText = _reactNative.Animated.createAnimatedComponent(_reactNative.Text);
21
20
  const FOCUS_ANIMATION_DURATION = 150;
22
21
  const BLUR_ANIMATION_DURATION = 180;
@@ -91,24 +90,20 @@ const DatePicker = _ref => {
91
90
  focused ? _handleBlur() : _handleFocus();
92
91
  };
93
92
  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
94
-
95
93
  // const _restoreLabel = () =>
96
94
  // Animated.timing(labeled, {
97
95
  // toValue: 1,
98
96
  // duration: FOCUS_ANIMATION_DURATION,
99
97
  // useNativeDriver: true,
100
98
  // }).start();
101
-
102
99
  // const _minmizeLabel = () =>
103
100
  // Animated.timing(labeled, {
104
101
  // toValue: 0,
105
102
  // duration: BLUR_ANIMATION_DURATION,
106
103
  // useNativeDriver: true,
107
104
  // }).start();
108
-
109
105
  // const _showPlaceholder = () =>
110
106
  // setTimeout(() => setPlaceholder1(placeholder || ""), 50);
111
-
112
107
  const _hidePlaceholder = () => {
113
108
  setPlaceholder1("");
114
109
  };
@@ -251,9 +246,7 @@ const DatePicker = _ref => {
251
246
  const inputStyles = [styles.input, inputStyle, type === "solid" ? {
252
247
  marginHorizontal: 12
253
248
  } : {}];
254
-
255
249
  // const render = (props) => <NativeTextInput {...props} />;
256
-
257
250
  return /*#__PURE__*/React.createElement(_reactNative.View, {
258
251
  style: [styles.container, style]
259
252
  }, /*#__PURE__*/React.createElement(_Touchable.default, {
@@ -263,9 +256,10 @@ const DatePicker = _ref => {
263
256
  pointerEvents: "none"
264
257
  }, /*#__PURE__*/React.createElement(_reactNative.View, {
265
258
  style: [styles.container, style]
266
- }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
259
+ }, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, {
260
+ ...leftIconProps,
267
261
  style: leftIconStyle
268
- })) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
262
+ }) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
269
263
  style: [containerStyle, style ? {
270
264
  height: style.height
271
265
  } : {}, viewStyles]
@@ -314,12 +308,13 @@ const DatePicker = _ref => {
314
308
  opacity: hasActiveOutline ? labeled : 1
315
309
  }],
316
310
  numberOfLines: 1
317
- }, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
311
+ }, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(Icon, {
312
+ ...leftIconProps,
318
313
  style: {
319
314
  ...leftIconStyle,
320
315
  marginLeft: type === "solid" ? 16 : 0
321
316
  }
322
- })) : null, /*#__PURE__*/React.createElement(_reactNative.TextInput, _extends({
317
+ }) : null, /*#__PURE__*/React.createElement(_reactNative.TextInput, {
323
318
  value: formatDate(),
324
319
  placeholder: label ? placeholder1 : placeholder,
325
320
  editable: !disabled,
@@ -328,8 +323,9 @@ const DatePicker = _ref => {
328
323
  onFocus: _handleFocus,
329
324
  onBlur: _handleBlur,
330
325
  underlineColorAndroid: "transparent",
331
- style: [inputStyles, textStyles]
332
- }, props))), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
326
+ style: [inputStyles, textStyles],
327
+ ...props
328
+ })), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
333
329
  name: rightIconName,
334
330
  size: ICON_SIZE,
335
331
  color: colors.light,
@@ -401,4 +397,21 @@ const styles = _reactNative.StyleSheet.create({
401
397
  }
402
398
  });
403
399
  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);
404
417
  exports.default = _default;
@@ -14,7 +14,6 @@ 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); }
18
17
  const FAB = _ref => {
19
18
  let {
20
19
  Icon,
@@ -106,7 +105,8 @@ const FAB = _ref => {
106
105
  style: [{
107
106
  elevation
108
107
  }, style]
109
- }, /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({}, rest, {
108
+ }, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
109
+ ...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,4 +154,22 @@ 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);
157
175
  exports.default = _default;
@@ -9,7 +9,6 @@ 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); }
13
12
  const Divider = _ref => {
14
13
  let {
15
14
  style,
@@ -19,6 +18,20 @@ const Divider = _ref => {
19
18
  },
20
19
  ...rest
21
20
  } = _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;
22
35
  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
23
36
  style: [{
24
37
  backgroundColor: color || colors.divider,
@@ -9,7 +9,6 @@ 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); }
13
12
  const FAB = _ref => {
14
13
  let {
15
14
  onPress,
@@ -33,7 +32,7 @@ const FAB = _ref => {
33
32
  borderRadius: size / 2,
34
33
  overflow: "hidden"
35
34
  }, style]
36
- }, /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
35
+ }, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
37
36
  onPress: onPress,
38
37
  disabled: loading || disabled,
39
38
  android_ripple: {
@@ -51,8 +50,9 @@ const FAB = _ref => {
51
50
  borderRadius: size / 2,
52
51
  backgroundColor
53
52
  }];
54
- }
55
- }, props), /*#__PURE__*/React.createElement(_reactNative.View, null, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
53
+ },
54
+ ...props
55
+ }, /*#__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,4 +79,18 @@ 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);
82
96
  exports.default = _default;
@@ -11,7 +11,6 @@ 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); }
15
14
  function FormRow(_ref) {
16
15
  let {
17
16
  disabled,
@@ -26,11 +25,26 @@ function FormRow(_ref) {
26
25
  textStyles,
27
26
  viewStyles
28
27
  } = (0, _utilities.extractStyles)(style);
29
- return /*#__PURE__*/React.createElement(_Touchable.default, _extends({
28
+ return /*#__PURE__*/React.createElement(_Touchable.default, {
30
29
  disabled: disabled,
31
30
  onPress: onPress,
32
31
  style: [styles.row, {
33
32
  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
34
48
  }, viewStyles]
35
49
  }, rest), /*#__PURE__*/React.createElement(_reactNative.Text, {
36
50
  style: textStyles
@@ -9,7 +9,6 @@ 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); }
13
12
  const IconButton = _ref => {
14
13
  let {
15
14
  Icon,
@@ -24,7 +23,7 @@ const IconButton = _ref => {
24
23
  ...props
25
24
  } = _ref;
26
25
  const iconColor = customColor || theme.colors.primary;
27
- return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
26
+ return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
28
27
  onPress: onPress,
29
28
  disabled: disabled || loading,
30
29
  style: _ref2 => {
@@ -38,8 +37,9 @@ const IconButton = _ref => {
38
37
  alignItems: "center",
39
38
  justifyContent: "center"
40
39
  }, style];
41
- }
42
- }, props), /*#__PURE__*/React.createElement(_reactNative.View, null, icon && !loading ? /*#__PURE__*/React.createElement(Icon, {
40
+ },
41
+ ...props
42
+ }, /*#__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,4 +61,19 @@ 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);
64
79
  exports.default = _default;
@@ -9,7 +9,8 @@ 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
- 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
+ /* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */
13
+
13
14
  const generateDimensions = _ref => {
14
15
  let {
15
16
  aspectRatio,
@@ -62,13 +63,27 @@ const Image = _ref2 => {
62
63
  height,
63
64
  aspectRatio
64
65
  }]
65
- }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({}, props, {
66
+ }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
67
+ ...props,
66
68
  source: imageSource,
67
69
  resizeMode: resizeMode,
68
70
  style: [style, {
69
71
  height: "100%",
70
72
  width: "100%"
71
73
  }]
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
+ }]
72
87
  })));
73
88
  }
74
89
  return /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({}, props, {