@draftbit/core 46.9.1-fe76aa.2 → 46.9.1

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 (211) hide show
  1. package/lib/commonjs/components/Accordion/AccordionItem.js +4 -23
  2. package/lib/commonjs/components/DeprecatedFAB.js +3 -21
  3. package/lib/commonjs/components/Justification.js +1 -5
  4. package/lib/commonjs/components/ResizeMode.js +1 -5
  5. package/lib/commonjs/mappings/ActionSheet.js +1 -1
  6. package/lib/commonjs/mappings/ActionSheetCancel.js +1 -1
  7. package/lib/commonjs/mappings/ActionSheetItem.js +1 -1
  8. package/lib/commonjs/mappings/MapCallout.js +1 -1
  9. package/lib/commonjs/mappings/MapMarker.js +1 -1
  10. package/lib/module/components/Justification.js +0 -1
  11. package/lib/module/components/ResizeMode.js +0 -1
  12. package/lib/module/mappings/ActionSheet.js +1 -1
  13. package/lib/module/mappings/ActionSheetCancel.js +1 -1
  14. package/lib/module/mappings/ActionSheetItem.js +1 -1
  15. package/lib/module/mappings/MapCallout.js +2 -2
  16. package/lib/module/mappings/MapMarker.js +2 -2
  17. package/lib/typescript/src/mappings/ActionSheet.d.ts.map +1 -1
  18. package/lib/typescript/src/mappings/ActionSheetCancel.d.ts.map +1 -1
  19. package/lib/typescript/src/mappings/ActionSheetItem.d.ts.map +1 -1
  20. package/lib/typescript/src/mappings/MapCallout.d.ts.map +1 -1
  21. package/lib/typescript/src/mappings/MapMarker.d.ts.map +1 -1
  22. package/package.json +3 -3
  23. package/src/mappings/ActionSheet.ts +1 -4
  24. package/src/mappings/ActionSheetCancel.ts +1 -4
  25. package/src/mappings/ActionSheetItem.ts +1 -4
  26. package/src/mappings/MapCallout.ts +2 -6
  27. package/src/mappings/MapMarker.ts +2 -6
  28. package/src/Provider.js +0 -9
  29. package/src/components/Accordion/AccordionGroup.js +0 -44
  30. package/src/components/Accordion/AccordionItem.js +0 -32
  31. package/src/components/Accordion/index.js +0 -2
  32. package/src/components/ActionSheet/ActionSheet.js +0 -45
  33. package/src/components/ActionSheet/ActionSheetCancel.js +0 -6
  34. package/src/components/ActionSheet/ActionSheetItem.js +0 -30
  35. package/src/components/ActionSheet/index.js +0 -3
  36. package/src/components/AnimatedCircularProgress.js +0 -43
  37. package/src/components/AspectRatio.js +0 -18
  38. package/src/components/AvatarEdit.js +0 -30
  39. package/src/components/Banner.js +0 -109
  40. package/src/components/Button.js +0 -114
  41. package/src/components/Card.js +0 -57
  42. package/src/components/Checkbox/Checkbox.js +0 -62
  43. package/src/components/Checkbox/CheckboxGroup.js +0 -21
  44. package/src/components/Checkbox/CheckboxGroupRow.js +0 -76
  45. package/src/components/Checkbox/CheckboxRow.js +0 -77
  46. package/src/components/Checkbox/context.js +0 -14
  47. package/src/components/Checkbox/index.js +0 -3
  48. package/src/components/CircleImage.js +0 -8
  49. package/src/components/CircularProgress.js +0 -81
  50. package/src/components/Config.js +0 -64
  51. package/src/components/Container.js +0 -43
  52. package/src/components/DatePicker/DatePicker.js +0 -382
  53. package/src/components/DatePicker/DatePickerComponent.js +0 -13
  54. package/src/components/DatePicker/DatePickerComponent.web.js +0 -30
  55. package/src/components/DatePicker/DatePickerComponentType.js +0 -1
  56. package/src/components/DeckSwiper/DeckSwiper.js +0 -65
  57. package/src/components/DeckSwiper/DeckSwiperCard.js +0 -21
  58. package/src/components/DeckSwiper/index.js +0 -2
  59. package/src/components/DeprecatedButton.js +0 -83
  60. package/src/components/DeprecatedCardWrapper.js +0 -18
  61. package/src/components/DeprecatedFAB.js +0 -114
  62. package/src/components/Divider.js +0 -13
  63. package/src/components/Elevation.js +0 -20
  64. package/src/components/FAB.js +0 -46
  65. package/src/components/FieldSearchBarFull.js +0 -53
  66. package/src/components/FormRow.js +0 -19
  67. package/src/components/IconButton.js +0 -35
  68. package/src/components/Image.js +0 -47
  69. package/src/components/Justification.js +0 -1
  70. package/src/components/Layout.js +0 -50
  71. package/src/components/Markdown.js +0 -10
  72. package/src/components/NumberInput.js +0 -49
  73. package/src/components/Picker/Picker.js +0 -266
  74. package/src/components/Picker/PickerComponent.android.js +0 -69
  75. package/src/components/Picker/PickerComponent.ios.js +0 -79
  76. package/src/components/Picker/PickerComponent.web.js +0 -70
  77. package/src/components/Picker/PickerTypes.js +0 -1
  78. package/src/components/Portal/Portal.js +0 -35
  79. package/src/components/Portal/PortalConsumer.js +0 -27
  80. package/src/components/Portal/PortalHost.js +0 -107
  81. package/src/components/Portal/PortalManager.js +0 -32
  82. package/src/components/Pressable.js +0 -12
  83. package/src/components/ProgressBar.js +0 -118
  84. package/src/components/ProgressCircle.js +0 -13
  85. package/src/components/ProgressIndicator.js +0 -27
  86. package/src/components/RadioButton/RadioButton.js +0 -17
  87. package/src/components/RadioButton/RadioButtonFieldGroup.js +0 -17
  88. package/src/components/RadioButton/RadioButtonGroup.js +0 -43
  89. package/src/components/RadioButton/RadioButtonRow.js +0 -76
  90. package/src/components/RadioButton/context.js +0 -14
  91. package/src/components/RadioButton/index.js +0 -4
  92. package/src/components/ResizeMode.js +0 -1
  93. package/src/components/Row.js +0 -48
  94. package/src/components/RowBodyIcon.js +0 -8
  95. package/src/components/RowHeadlineImageCaption.js +0 -12
  96. package/src/components/RowHeadlineImageIcon.js +0 -14
  97. package/src/components/SVG.js +0 -13
  98. package/src/components/ScreenContainer.js +0 -35
  99. package/src/components/Shadow.js +0 -16
  100. package/src/components/Slider.js +0 -63
  101. package/src/components/StarRating.js +0 -50
  102. package/src/components/StepIndicator.js +0 -346
  103. package/src/components/Stepper.js +0 -41
  104. package/src/components/Surface.js +0 -32
  105. package/src/components/Swiper/Swiper.js +0 -29
  106. package/src/components/Swiper/SwiperItem.js +0 -9
  107. package/src/components/Swiper/index.js +0 -2
  108. package/src/components/Switch.js +0 -56
  109. package/src/components/TabView/TabView.js +0 -54
  110. package/src/components/TabView/TabViewItem.js +0 -11
  111. package/src/components/TabView/index.js +0 -2
  112. package/src/components/Text.js +0 -33
  113. package/src/components/TextField.js +0 -428
  114. package/src/components/ToggleButton.js +0 -39
  115. package/src/components/Touchable.js +0 -12
  116. package/src/components/Touchable.web.js +0 -2
  117. package/src/components/Typography.js +0 -36
  118. package/src/components/useAuthState.js +0 -31
  119. package/src/constants.js +0 -10
  120. package/src/hooks.js +0 -12
  121. package/src/index.js +0 -49
  122. package/src/interfaces/Icon.js +0 -8
  123. package/src/mappings/Accordion.js +0 -50
  124. package/src/mappings/AccordionItem.js +0 -17
  125. package/src/mappings/ActionSheet.js +0 -17
  126. package/src/mappings/ActionSheetCancel.js +0 -23
  127. package/src/mappings/ActionSheetItem.js +0 -27
  128. package/src/mappings/ActivityIndicator.js +0 -58
  129. package/src/mappings/AudioPlayer.js +0 -57
  130. package/src/mappings/AvatarEdit.js +0 -38
  131. package/src/mappings/Banner.js +0 -32
  132. package/src/mappings/BlurView.js +0 -42
  133. package/src/mappings/Button.js +0 -116
  134. package/src/mappings/Card.js +0 -52
  135. package/src/mappings/CardBlock.js +0 -123
  136. package/src/mappings/CardContainer.js +0 -104
  137. package/src/mappings/CardContainerRating.js +0 -126
  138. package/src/mappings/CardContainerShortImage.js +0 -120
  139. package/src/mappings/CardInline.js +0 -52
  140. package/src/mappings/Carousel.js +0 -19
  141. package/src/mappings/Checkbox.js +0 -46
  142. package/src/mappings/CheckboxGroup.js +0 -26
  143. package/src/mappings/CheckboxRow.js +0 -61
  144. package/src/mappings/CircleImage.js +0 -25
  145. package/src/mappings/Container.js +0 -30
  146. package/src/mappings/CustomCode.js +0 -8
  147. package/src/mappings/DatePicker.js +0 -182
  148. package/src/mappings/DeckSwiper.js +0 -48
  149. package/src/mappings/DeckSwiperCard.js +0 -16
  150. package/src/mappings/Divider.js +0 -27
  151. package/src/mappings/FAB.js +0 -37
  152. package/src/mappings/Fetch.js +0 -13
  153. package/src/mappings/FieldSearchBarFull.js +0 -50
  154. package/src/mappings/FlashList.js +0 -113
  155. package/src/mappings/FlatList.js +0 -51
  156. package/src/mappings/HeaderLarge.js +0 -29
  157. package/src/mappings/HeaderMedium.js +0 -55
  158. package/src/mappings/HeaderOverline.js +0 -55
  159. package/src/mappings/Icon.js +0 -32
  160. package/src/mappings/IconButton.js +0 -33
  161. package/src/mappings/Image.js +0 -35
  162. package/src/mappings/ImageBackground.js +0 -29
  163. package/src/mappings/KeyboardAvoidingView.js +0 -41
  164. package/src/mappings/KeyboardAwareScrollView.js +0 -50
  165. package/src/mappings/Layout.js +0 -200
  166. package/src/mappings/LinearGradient.js +0 -82
  167. package/src/mappings/MapCallout.js +0 -26
  168. package/src/mappings/MapMarker.js +0 -52
  169. package/src/mappings/MapView.js +0 -142
  170. package/src/mappings/Markdown.js +0 -25
  171. package/src/mappings/Modal.js +0 -42
  172. package/src/mappings/NumberInput.js +0 -254
  173. package/src/mappings/Picker.js +0 -153
  174. package/src/mappings/ProgressBar.js +0 -101
  175. package/src/mappings/ProgressCircle.js +0 -109
  176. package/src/mappings/ProgressIndicator.js +0 -181
  177. package/src/mappings/RadioButton.js +0 -51
  178. package/src/mappings/RadioButtonGroup.js +0 -17
  179. package/src/mappings/RadioButtonRow.js +0 -42
  180. package/src/mappings/RowBodyIcon.js +0 -75
  181. package/src/mappings/RowHeadlineImageCaption.js +0 -167
  182. package/src/mappings/RowHeadlineImageIcon.js +0 -99
  183. package/src/mappings/SVG.js +0 -20
  184. package/src/mappings/SafeAreaView.js +0 -33
  185. package/src/mappings/ScrollView.js +0 -37
  186. package/src/mappings/Shadow.js +0 -95
  187. package/src/mappings/Slider.js +0 -60
  188. package/src/mappings/StarRating.js +0 -43
  189. package/src/mappings/Stepper.js +0 -32
  190. package/src/mappings/Surface.js +0 -14
  191. package/src/mappings/Swiper.js +0 -71
  192. package/src/mappings/SwiperItem.js +0 -9
  193. package/src/mappings/Switch.js +0 -81
  194. package/src/mappings/TabView.js +0 -75
  195. package/src/mappings/TabViewItem.js +0 -30
  196. package/src/mappings/Text.js +0 -251
  197. package/src/mappings/TextArea.js +0 -283
  198. package/src/mappings/TextField.js +0 -400
  199. package/src/mappings/TextInput.js +0 -402
  200. package/src/mappings/ToggleButton.js +0 -50
  201. package/src/mappings/Touchable.js +0 -67
  202. package/src/mappings/Video.js +0 -81
  203. package/src/mappings/View.js +0 -207
  204. package/src/mappings/WebView.js +0 -88
  205. package/src/styles/DarkTheme.js +0 -26
  206. package/src/styles/DefaultTheme.js +0 -111
  207. package/src/styles/fonts.js +0 -62
  208. package/src/styles/overlay.js +0 -60
  209. package/src/styles/shadow.js +0 -51
  210. package/src/theming.js +0 -3
  211. package/src/utilities.js +0 -102
@@ -12,6 +12,7 @@ var _theming = require("../../theming");
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
13
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
14
14
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
15
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
15
16
  const AccordionItem = _ref => {
16
17
  let {
17
18
  Icon,
@@ -26,10 +27,9 @@ const AccordionItem = _ref => {
26
27
  textStyles,
27
28
  viewStyles
28
29
  } = (0, _utilities.extractStyles)(style);
29
- return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
30
- style: [styles.container, viewStyles],
31
- ...rest
32
- }, /*#__PURE__*/React.createElement(_reactNative.View, {
30
+ return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
31
+ style: [styles.container, viewStyles]
32
+ }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
33
33
  style: styles.row
34
34
  }, icon ? /*#__PURE__*/React.createElement(Icon, {
35
35
  name: icon,
@@ -61,23 +61,4 @@ const styles = _reactNative.StyleSheet.create({
61
61
  }
62
62
  });
63
63
  var _default = (0, _theming.withTheme)(AccordionItem);
64
- exports.default = _default;.StyleSheet.create({
65
- container: {
66
- padding: 8
67
- },
68
- row: {
69
- flexDirection: "row",
70
- alignItems: "center",
71
- paddingLeft: 8
72
- },
73
- item: {
74
- marginVertical: 6,
75
- paddingLeft: 8
76
- },
77
- content: {
78
- flex: 1,
79
- justifyContent: "center"
80
- }
81
- });
82
- var _default = (0, _theming.withTheme)(AccordionItem);
83
64
  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;
@@ -1,5 +1 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
1
+ "use strict";
@@ -1,5 +1 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
1
+ "use strict";
@@ -10,7 +10,7 @@ const SEED_DATA = {
10
10
  tag: "ActionSheet",
11
11
  description: "Action Sheet container",
12
12
  category: _types.COMPONENT_TYPES.actionsheet,
13
- stylesPanelSections: [_types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects],
13
+ stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins],
14
14
  props: {
15
15
  visible: (0, _types.createStaticBoolProp)({
16
16
  group: _types.GROUPS.data,
@@ -9,7 +9,7 @@ const SEED_DATA = {
9
9
  name: "Action Sheet Cancel",
10
10
  tag: "ActionSheetCancel",
11
11
  description: "Action Sheet cancel",
12
- stylesPanelSections: [_types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects],
12
+ stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins],
13
13
  category: _types.COMPONENT_TYPES.actionsheet,
14
14
  triggers: [_types.Triggers.OnPress],
15
15
  props: {
@@ -10,7 +10,7 @@ const SEED_DATA = {
10
10
  tag: "ActionSheetItem",
11
11
  description: "Action Sheet item",
12
12
  category: _types.COMPONENT_TYPES.actionsheet,
13
- stylesPanelSections: [_types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects],
13
+ stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins],
14
14
  triggers: [_types.Triggers.OnPress],
15
15
  layout: {
16
16
  textAlign: "center"
@@ -9,7 +9,7 @@ const SEED_DATA = {
9
9
  name: "Map Callout",
10
10
  tag: "MapCallout",
11
11
  packageName: "@draftbit/maps",
12
- stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects],
12
+ stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
13
13
  description: "An info window to display on top of a marker when it is clicked",
14
14
  category: _types.COMPONENT_TYPES.map,
15
15
  triggers: [_types.Triggers.OnPress],
@@ -11,7 +11,7 @@ const SEED_DATA = {
11
11
  packageName: "@draftbit/maps",
12
12
  description: "A marker to show inside map view",
13
13
  category: _types.COMPONENT_TYPES.map,
14
- stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects],
14
+ stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
15
15
  layout: {},
16
16
  props: {
17
17
  latitude: (0, _types.createNumberProp)({
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -4,7 +4,7 @@ export const SEED_DATA = {
4
4
  tag: "ActionSheet",
5
5
  description: "Action Sheet container",
6
6
  category: COMPONENT_TYPES.actionsheet,
7
- stylesPanelSections: [StylesPanelSections.Margins, StylesPanelSections.Effects],
7
+ stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
8
8
  props: {
9
9
  visible: createStaticBoolProp({
10
10
  group: GROUPS.data,
@@ -3,7 +3,7 @@ export const SEED_DATA = {
3
3
  name: "Action Sheet Cancel",
4
4
  tag: "ActionSheetCancel",
5
5
  description: "Action Sheet cancel",
6
- stylesPanelSections: [StylesPanelSections.Margins, StylesPanelSections.Effects],
6
+ stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
7
7
  category: COMPONENT_TYPES.actionsheet,
8
8
  triggers: [Triggers.OnPress],
9
9
  props: {
@@ -4,7 +4,7 @@ export const SEED_DATA = {
4
4
  tag: "ActionSheetItem",
5
5
  description: "Action Sheet item",
6
6
  category: COMPONENT_TYPES.actionsheet,
7
- stylesPanelSections: [StylesPanelSections.Margins, StylesPanelSections.Effects],
7
+ stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
8
8
  triggers: [Triggers.OnPress],
9
9
  layout: {
10
10
  textAlign: "center"
@@ -1,9 +1,9 @@
1
- import { COMPONENT_TYPES, createActionProp, createBoolProp, GROUPS, Triggers, StylesPanelSections } from "@draftbit/types";
1
+ import { COMPONENT_TYPES, createActionProp, createBoolProp, GROUPS, Triggers, CONTAINER_COMPONENT_STYLES_SECTIONS } from "@draftbit/types";
2
2
  export const SEED_DATA = {
3
3
  name: "Map Callout",
4
4
  tag: "MapCallout",
5
5
  packageName: "@draftbit/maps",
6
- stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Effects],
6
+ stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
7
7
  description: "An info window to display on top of a marker when it is clicked",
8
8
  category: COMPONENT_TYPES.map,
9
9
  triggers: [Triggers.OnPress],
@@ -1,11 +1,11 @@
1
- import { COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createTextProp, GROUPS, StylesPanelSections } from "@draftbit/types";
1
+ import { COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createTextProp, GROUPS, CONTAINER_COMPONENT_STYLES_SECTIONS } from "@draftbit/types";
2
2
  export const SEED_DATA = {
3
3
  name: "Map Marker",
4
4
  tag: "MapMarker",
5
5
  packageName: "@draftbit/maps",
6
6
  description: "A marker to show inside map view",
7
7
  category: COMPONENT_TYPES.map,
8
- stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Effects],
8
+ stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
9
9
  layout: {},
10
10
  props: {
11
11
  latitude: createNumberProp({
@@ -1 +1 @@
1
- {"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../../../src/mappings/ActionSheet.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;CAerB,CAAC"}
1
+ {"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../../../src/mappings/ActionSheet.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;CAYrB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ActionSheetCancel.d.ts","sourceRoot":"","sources":["../../../../src/mappings/ActionSheetCancel.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqBrB,CAAC"}
1
+ {"version":3,"file":"ActionSheetCancel.d.ts","sourceRoot":"","sources":["../../../../src/mappings/ActionSheetCancel.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkBrB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ActionSheetItem.d.ts","sourceRoot":"","sources":["../../../../src/mappings/ActionSheetItem.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBrB,CAAC"}
1
+ {"version":3,"file":"ActionSheetItem.d.ts","sourceRoot":"","sources":["../../../../src/mappings/ActionSheetItem.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBrB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"MapCallout.d.ts","sourceRoot":"","sources":["../../../../src/mappings/MapCallout.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BrB,CAAC"}
1
+ {"version":3,"file":"MapCallout.d.ts","sourceRoot":"","sources":["../../../../src/mappings/MapCallout.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBrB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"MapMarker.d.ts","sourceRoot":"","sources":["../../../../src/mappings/MapMarker.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDrB,CAAC"}
1
+ {"version":3,"file":"MapMarker.d.ts","sourceRoot":"","sources":["../../../../src/mappings/MapMarker.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CrB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@draftbit/core",
3
- "version": "46.9.1-fe76aa.2+fe76aa6",
3
+ "version": "46.9.1",
4
4
  "description": "Core (non-native) Components",
5
5
  "main": "lib/commonjs/index.js",
6
6
  "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
41
41
  "dependencies": {
42
42
  "@date-io/date-fns": "^1.3.13",
43
43
  "@draftbit/react-theme-provider": "^2.1.1",
44
- "@draftbit/types": "^46.9.1-fe76aa.2+fe76aa6",
44
+ "@draftbit/types": "~46.9.0",
45
45
  "@material-ui/core": "^4.11.0",
46
46
  "@material-ui/pickers": "^3.2.10",
47
47
  "@react-native-community/slider": "4.2.3",
@@ -96,5 +96,5 @@
96
96
  ]
97
97
  ]
98
98
  },
99
- "gitHead": "fe76aa6b6bfe2846c8e6487388d22333541a1faf"
99
+ "gitHead": "47a79020bf300ba2f8abf34bc4a48a5b15b190eb"
100
100
  }
@@ -10,10 +10,7 @@ export const SEED_DATA = {
10
10
  tag: "ActionSheet",
11
11
  description: "Action Sheet container",
12
12
  category: COMPONENT_TYPES.actionsheet,
13
- stylesPanelSections: [
14
- StylesPanelSections.Margins,
15
- StylesPanelSections.Effects,
16
- ],
13
+ stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
17
14
  props: {
18
15
  visible: createStaticBoolProp({
19
16
  group: GROUPS.data,
@@ -12,10 +12,7 @@ export const SEED_DATA = {
12
12
  name: "Action Sheet Cancel",
13
13
  tag: "ActionSheetCancel",
14
14
  description: "Action Sheet cancel",
15
- stylesPanelSections: [
16
- StylesPanelSections.Margins,
17
- StylesPanelSections.Effects,
18
- ],
15
+ stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
19
16
  category: COMPONENT_TYPES.actionsheet,
20
17
  triggers: [Triggers.OnPress],
21
18
  props: {
@@ -13,10 +13,7 @@ export const SEED_DATA = {
13
13
  tag: "ActionSheetItem",
14
14
  description: "Action Sheet item",
15
15
  category: COMPONENT_TYPES.actionsheet,
16
- stylesPanelSections: [
17
- StylesPanelSections.Margins,
18
- StylesPanelSections.Effects,
19
- ],
16
+ stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
20
17
  triggers: [Triggers.OnPress],
21
18
  layout: {
22
19
  textAlign: "center",
@@ -4,18 +4,14 @@ import {
4
4
  createBoolProp,
5
5
  GROUPS,
6
6
  Triggers,
7
- StylesPanelSections,
7
+ CONTAINER_COMPONENT_STYLES_SECTIONS,
8
8
  } from "@draftbit/types";
9
9
 
10
10
  export const SEED_DATA = {
11
11
  name: "Map Callout",
12
12
  tag: "MapCallout",
13
13
  packageName: "@draftbit/maps",
14
- stylesPanelSections: [
15
- StylesPanelSections.Size,
16
- StylesPanelSections.Margins,
17
- StylesPanelSections.Effects,
18
- ],
14
+ stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
19
15
  description:
20
16
  "An info window to display on top of a marker when it is clicked",
21
17
  category: COMPONENT_TYPES.map,
@@ -5,7 +5,7 @@ import {
5
5
  createNumberProp,
6
6
  createTextProp,
7
7
  GROUPS,
8
- StylesPanelSections,
8
+ CONTAINER_COMPONENT_STYLES_SECTIONS,
9
9
  } from "@draftbit/types";
10
10
 
11
11
  export const SEED_DATA = {
@@ -14,11 +14,7 @@ export const SEED_DATA = {
14
14
  packageName: "@draftbit/maps",
15
15
  description: "A marker to show inside map view",
16
16
  category: COMPONENT_TYPES.map,
17
- stylesPanelSections: [
18
- StylesPanelSections.Size,
19
- StylesPanelSections.Margins,
20
- StylesPanelSections.Effects,
21
- ],
17
+ stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
22
18
  layout: {},
23
19
  props: {
24
20
  latitude: createNumberProp({
package/src/Provider.js DELETED
@@ -1,9 +0,0 @@
1
- import * as React from "react";
2
- import { ThemeProvider } from "./theming";
3
- import PortalHost from "./components/Portal/PortalHost";
4
- export default class Provider extends React.Component {
5
- render() {
6
- return (React.createElement(PortalHost, null,
7
- React.createElement(ThemeProvider, { theme: this.props.theme }, this.props.children)));
8
- }
9
- }
@@ -1,44 +0,0 @@
1
- import * as React from "react";
2
- import { View, StyleSheet, Pressable, } from "react-native";
3
- import Text from "../Text";
4
- import { withTheme } from "../../theming";
5
- import { extractStyles } from "../../utilities";
6
- const AccordionGroup = ({ label, expanded: expandedProp = false, openColor, closedColor, caretColor: caretColorProp, caretSize = 24, icon, iconSize = 24, style, children, theme, Icon, }) => {
7
- const [expanded, setExpanded] = React.useState(expandedProp);
8
- const { textStyles, viewStyles } = extractStyles(style);
9
- const expandedColor = openColor || theme.colors.primary;
10
- const collapsedColor = closedColor || theme.colors.primary;
11
- const labelColor = expanded ? expandedColor : collapsedColor;
12
- const caretColor = caretColorProp || labelColor;
13
- const handlePressAction = () => {
14
- setExpanded(!expanded);
15
- };
16
- return (React.createElement(React.Fragment, null,
17
- React.createElement(Pressable, { style: [styles.row, viewStyles], onPress: handlePressAction, accessibilityRole: "button" },
18
- icon ? (React.createElement(Icon, { name: icon, size: iconSize, color: labelColor, style: styles.icon })) : null,
19
- React.createElement(View, { style: styles.content },
20
- React.createElement(Text, { selectable: false, style: [
21
- textStyles,
22
- {
23
- color: labelColor,
24
- },
25
- ] }, label)),
26
- React.createElement(Icon, { name: expanded
27
- ? "MaterialIcons/keyboard-arrow-up"
28
- : "MaterialIcons/keyboard-arrow-down", color: caretColor, size: caretSize })),
29
- expanded ? children : null));
30
- };
31
- const styles = StyleSheet.create({
32
- row: {
33
- flexDirection: "row",
34
- alignItems: "center",
35
- },
36
- content: {
37
- flex: 1,
38
- justifyContent: "center",
39
- },
40
- icon: {
41
- marginRight: 8,
42
- },
43
- });
44
- export default withTheme(AccordionGroup);
@@ -1,32 +0,0 @@
1
- import * as React from "react";
2
- import { Pressable, StyleSheet, View, } from "react-native";
3
- import Text from "../Text";
4
- import { extractStyles } from "../../utilities";
5
- import { withTheme } from "../../theming";
6
- const AccordionItem = ({ Icon, icon, label, style, iconColor, theme, ...rest }) => {
7
- const { textStyles, viewStyles } = extractStyles(style);
8
- return (React.createElement(Pressable, { style: [styles.container, viewStyles], ...rest },
9
- React.createElement(View, { style: styles.row },
10
- icon ? (React.createElement(Icon, { name: icon, size: 24, color: iconColor || theme.colors.primary })) : null,
11
- React.createElement(View, { style: [styles.item, styles.content] },
12
- React.createElement(Text, { selectable: false, style: textStyles }, label)))));
13
- };
14
- const styles = StyleSheet.create({
15
- container: {
16
- padding: 8,
17
- },
18
- row: {
19
- flexDirection: "row",
20
- alignItems: "center",
21
- paddingLeft: 8,
22
- },
23
- item: {
24
- marginVertical: 6,
25
- paddingLeft: 8,
26
- },
27
- content: {
28
- flex: 1,
29
- justifyContent: "center",
30
- },
31
- });
32
- export default withTheme(AccordionItem);
@@ -1,2 +0,0 @@
1
- export { default as AccordionGroup } from "./AccordionGroup";
2
- export { default as AccordionItem } from "./AccordionItem";
@@ -1,45 +0,0 @@
1
- import React from "react";
2
- import { View, StyleSheet } from "react-native";
3
- import Portal from "../Portal/Portal";
4
- import Touchable from "../Touchable";
5
- import ActionSheetCancel from "./ActionSheetCancel";
6
- const ActionSheet = ({ visible = false, onClose, children }) => {
7
- return visible ? (React.createElement(Portal, null,
8
- React.createElement(Touchable, { style: styles.wrapper, onPress: onClose },
9
- React.createElement(View, { style: styles.overlay }),
10
- React.createElement(View, { style: styles.groupWrapper },
11
- React.createElement(View, { style: styles.group }, React.Children.toArray(children).filter((child) => (child === null || child === void 0 ? void 0 : child.type) !== ActionSheetCancel)),
12
- React.createElement(View, { style: styles.group }, React.Children.toArray(children).filter((child) => child.type === ActionSheetCancel)))))) : (React.createElement(React.Fragment, null));
13
- };
14
- const styles = StyleSheet.create({
15
- wrapper: {
16
- flex: 1,
17
- display: "flex",
18
- flexDirection: "column",
19
- },
20
- overlay: {
21
- position: "absolute",
22
- top: 0,
23
- left: 0,
24
- right: 0,
25
- bottom: 0,
26
- backgroundColor: "#000000",
27
- opacity: 0.3,
28
- },
29
- groupWrapper: {
30
- flex: 1,
31
- flexDirection: "column",
32
- justifyContent: "flex-end",
33
- display: "flex",
34
- marginBottom: 25,
35
- },
36
- group: {
37
- display: "flex",
38
- flexDirection: "column",
39
- borderRadius: 10,
40
- marginHorizontal: 7,
41
- marginVertical: 2.5,
42
- overflow: "hidden",
43
- },
44
- });
45
- export default ActionSheet;
@@ -1,6 +0,0 @@
1
- import React from "react";
2
- import ActionSheetItem from "./ActionSheetItem";
3
- const ActionSheetCancel = ({ label = "Cancel", color, style, onPress, }) => {
4
- return (React.createElement(ActionSheetItem, { label: label, color: color || "#FF453A", style: [style], onPress: onPress }));
5
- };
6
- export default ActionSheetCancel;
@@ -1,30 +0,0 @@
1
- import React from "react";
2
- import { Text, StyleSheet, TouchableOpacity, } from "react-native";
3
- import { extractStyles } from "../../utilities";
4
- const ActionSheetItem = ({ label, style, color, onPress, }) => {
5
- const { textStyles, viewStyles } = extractStyles(style);
6
- return (React.createElement(TouchableOpacity, { activeOpacity: 0.7, style: [styles.wrapper, viewStyles], onPress: onPress },
7
- React.createElement(Text, { style: [styles.label, textStyles, { color }] }, label)));
8
- };
9
- const styles = StyleSheet.create({
10
- wrapper: {
11
- borderBottomWidth: StyleSheet.hairlineWidth,
12
- borderBottomColor: "#CCCCCC",
13
- backgroundColor: "#F1F1F1",
14
- minHeight: 50,
15
- overflow: "hidden",
16
- display: "flex",
17
- justifyContent: "center",
18
- },
19
- label: {
20
- fontSize: 16,
21
- textAlign: "center",
22
- color: "#0A84FF",
23
- fontWeight: "500",
24
- overflow: "hidden",
25
- paddingHorizontal: 20,
26
- paddingVertical: 10,
27
- alignSelf: "center",
28
- },
29
- });
30
- export default ActionSheetItem;
@@ -1,3 +0,0 @@
1
- export { default as ActionSheet } from "./ActionSheet";
2
- export { default as ActionSheetItem } from "./ActionSheetItem";
3
- export { default as ActionSheetCancel } from "./ActionSheetCancel";
@@ -1,43 +0,0 @@
1
- import * as React from "react";
2
- import { Animated, Easing, } from "react-native";
3
- import CircularProgress from "./CircularProgress";
4
- const AnimatedProgress = Animated.createAnimatedComponent(CircularProgress);
5
- const AnimatedCircularProgress = ({ duration = 500, easing = Easing.out(Easing.ease), fill, prefill = 0, useNativeDriver = false, tintColorSecondary, onAnimationComplete, tintColor = "black", ...other }) => {
6
- const [fillAnimation] = React.useState(new Animated.Value(prefill));
7
- const animate = React.useCallback((toVal = -1, dur, ease) => {
8
- const toValue = toVal >= 0 ? toVal : fill;
9
- const dura = dur || duration;
10
- const eas = ease || easing;
11
- const useNative = useNativeDriver;
12
- const anim = Animated.timing(fillAnimation, {
13
- useNativeDriver: useNative,
14
- toValue,
15
- easing: eas,
16
- duration: dura,
17
- });
18
- anim.start(onAnimationComplete);
19
- return anim;
20
- }, [
21
- duration,
22
- easing,
23
- fill,
24
- useNativeDriver,
25
- fillAnimation,
26
- onAnimationComplete,
27
- ]);
28
- const animateColor = () => {
29
- if (!tintColorSecondary) {
30
- return tintColor;
31
- }
32
- const tintAnimation = fillAnimation.interpolate({
33
- inputRange: [0, 100],
34
- outputRange: [tintColor, tintColorSecondary],
35
- });
36
- return tintAnimation;
37
- };
38
- React.useEffect(() => {
39
- animate();
40
- }, [fill, animate]);
41
- return (React.createElement(AnimatedProgress, { ...other, style: other.style, childrenContainerStyle: other.childrenContainerStyle, fill: fillAnimation, tintColor: animateColor() }));
42
- };
43
- export default AnimatedCircularProgress;
@@ -1,18 +0,0 @@
1
- import React from "react";
2
- import { View, StyleSheet, } from "react-native";
3
- const AspectRatio = (props) => {
4
- const [layout, setLayout] = React.useState(null);
5
- const { aspectRatio = 1, ...inputStyle } = StyleSheet.flatten(props.style) || {};
6
- const style = [inputStyle, { aspectRatio }];
7
- if (layout) {
8
- const { width = 0, height = 0 } = layout;
9
- if (width === 0) {
10
- style.push({ width: height * (1 / aspectRatio), height });
11
- }
12
- else {
13
- style.push({ width, height: width * (1 / aspectRatio) });
14
- }
15
- }
16
- return (React.createElement(View, { ...props, style: style, onLayout: ({ nativeEvent: { layout: l } }) => setLayout(l) }, props.children));
17
- };
18
- export default AspectRatio;
@@ -1,30 +0,0 @@
1
- import * as React from "react";
2
- import { View } from "react-native";
3
- import Touchable from "./Touchable";
4
- import CircleImage from "./CircleImage";
5
- import { withTheme } from "../theming";
6
- const AvatarEdit = ({ Icon, image, size = 80, onPress = () => { }, style, theme, ...rest }) => {
7
- const colorStyles = {
8
- editBackgroundColor: theme.colors.primary,
9
- editIconColor: theme.colors.surface,
10
- editBorderColor: theme.colors.surface,
11
- };
12
- const dimensions = {
13
- width: size,
14
- height: size,
15
- };
16
- return (React.createElement(View, { style: [style, dimensions], ...rest },
17
- React.createElement(Touchable, { onPress: onPress },
18
- React.createElement(CircleImage, { source: image, size: size }),
19
- React.createElement(View, { style: {
20
- position: "absolute",
21
- top: -3,
22
- right: -3,
23
- borderColor: colorStyles.editBorderColor,
24
- backgroundColor: colorStyles.editBackgroundColor,
25
- borderRadius: size * (3 / 16),
26
- padding: size * (3 / 32),
27
- } },
28
- React.createElement(Icon, { name: "MaterialIcons/edit", color: colorStyles.editIconColor, size: size * (3 / 16) })))));
29
- };
30
- export default withTheme(AvatarEdit);