@draftbit/core 46.7.2-9358f4.2 → 46.7.4

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 (241) hide show
  1. package/lib/commonjs/components/Justification.js +1 -5
  2. package/lib/commonjs/components/ResizeMode.js +1 -5
  3. package/lib/commonjs/index.js +0 -56
  4. package/lib/commonjs/utilities.js +2 -1
  5. package/lib/module/components/Justification.js +0 -1
  6. package/lib/module/components/ResizeMode.js +0 -1
  7. package/lib/module/index.js +0 -8
  8. package/lib/typescript/src/index.d.ts +0 -8
  9. package/lib/typescript/src/index.d.ts.map +1 -1
  10. package/package.json +3 -3
  11. package/src/index.tsx +0 -8
  12. package/lib/commonjs/components/CardBlock.js +0 -106
  13. package/lib/commonjs/components/CardContainer.js +0 -138
  14. package/lib/commonjs/components/CardContainerRating.js +0 -133
  15. package/lib/commonjs/components/CardContainerShortImage.js +0 -84
  16. package/lib/commonjs/components/CardInline.js +0 -91
  17. package/lib/commonjs/components/Carousel.js +0 -130
  18. package/lib/commonjs/components/Header.js +0 -82
  19. package/lib/commonjs/components/HeaderLarge.js +0 -38
  20. package/lib/commonjs/components/HeaderMedium.js +0 -38
  21. package/lib/commonjs/components/HeaderOverline.js +0 -39
  22. package/lib/module/components/CardBlock.js +0 -98
  23. package/lib/module/components/CardContainer.js +0 -121
  24. package/lib/module/components/CardContainerRating.js +0 -125
  25. package/lib/module/components/CardContainerShortImage.js +0 -76
  26. package/lib/module/components/CardInline.js +0 -82
  27. package/lib/module/components/Carousel.js +0 -120
  28. package/lib/module/components/Header.js +0 -72
  29. package/lib/module/components/HeaderLarge.js +0 -28
  30. package/lib/module/components/HeaderMedium.js +0 -28
  31. package/lib/module/components/HeaderOverline.js +0 -29
  32. package/lib/typescript/src/components/CardBlock.d.ts +0 -21
  33. package/lib/typescript/src/components/CardBlock.d.ts.map +0 -1
  34. package/lib/typescript/src/components/CardContainer.d.ts +0 -23
  35. package/lib/typescript/src/components/CardContainer.d.ts.map +0 -1
  36. package/lib/typescript/src/components/CardContainerRating.d.ts +0 -24
  37. package/lib/typescript/src/components/CardContainerRating.d.ts.map +0 -1
  38. package/lib/typescript/src/components/CardContainerShortImage.d.ts +0 -19
  39. package/lib/typescript/src/components/CardContainerShortImage.d.ts.map +0 -1
  40. package/lib/typescript/src/components/CardInline.d.ts +0 -20
  41. package/lib/typescript/src/components/CardInline.d.ts.map +0 -1
  42. package/lib/typescript/src/components/Carousel.d.ts +0 -15
  43. package/lib/typescript/src/components/Carousel.d.ts.map +0 -1
  44. package/lib/typescript/src/components/Header.d.ts +0 -20
  45. package/lib/typescript/src/components/Header.d.ts.map +0 -1
  46. package/lib/typescript/src/components/HeaderLarge.d.ts +0 -17
  47. package/lib/typescript/src/components/HeaderLarge.d.ts.map +0 -1
  48. package/lib/typescript/src/components/HeaderMedium.d.ts +0 -17
  49. package/lib/typescript/src/components/HeaderMedium.d.ts.map +0 -1
  50. package/lib/typescript/src/components/HeaderOverline.d.ts +0 -17
  51. package/lib/typescript/src/components/HeaderOverline.d.ts.map +0 -1
  52. package/src/Provider.js +0 -9
  53. package/src/components/Accordion/AccordionGroup.js +0 -44
  54. package/src/components/Accordion/AccordionItem.js +0 -32
  55. package/src/components/Accordion/index.js +0 -2
  56. package/src/components/ActionSheet/ActionSheet.js +0 -45
  57. package/src/components/ActionSheet/ActionSheetCancel.js +0 -6
  58. package/src/components/ActionSheet/ActionSheetItem.js +0 -30
  59. package/src/components/ActionSheet/index.js +0 -3
  60. package/src/components/AnimatedCircularProgress.js +0 -43
  61. package/src/components/AspectRatio.js +0 -18
  62. package/src/components/AvatarEdit.js +0 -30
  63. package/src/components/Banner.js +0 -109
  64. package/src/components/Button.js +0 -114
  65. package/src/components/Card.js +0 -57
  66. package/src/components/CardBlock.js +0 -54
  67. package/src/components/CardBlock.tsx +0 -127
  68. package/src/components/CardContainer.js +0 -69
  69. package/src/components/CardContainer.tsx +0 -165
  70. package/src/components/CardContainerRating.js +0 -79
  71. package/src/components/CardContainerRating.tsx +0 -175
  72. package/src/components/CardContainerShortImage.js +0 -33
  73. package/src/components/CardContainerShortImage.tsx +0 -101
  74. package/src/components/CardInline.js +0 -36
  75. package/src/components/CardInline.tsx +0 -93
  76. package/src/components/Carousel.js +0 -68
  77. package/src/components/Carousel.tsx +0 -134
  78. package/src/components/Checkbox/Checkbox.js +0 -62
  79. package/src/components/Checkbox/CheckboxGroup.js +0 -21
  80. package/src/components/Checkbox/CheckboxGroupRow.js +0 -76
  81. package/src/components/Checkbox/CheckboxRow.js +0 -77
  82. package/src/components/Checkbox/context.js +0 -14
  83. package/src/components/Checkbox/index.js +0 -3
  84. package/src/components/CircleImage.js +0 -8
  85. package/src/components/CircularProgress.js +0 -81
  86. package/src/components/Config.js +0 -64
  87. package/src/components/Container.js +0 -43
  88. package/src/components/DatePicker/DatePicker.js +0 -377
  89. package/src/components/DatePicker/DatePickerComponent.js +0 -13
  90. package/src/components/DatePicker/DatePickerComponent.web.js +0 -30
  91. package/src/components/DatePicker/DatePickerComponentType.js +0 -1
  92. package/src/components/DeprecatedButton.js +0 -83
  93. package/src/components/DeprecatedCardWrapper.js +0 -18
  94. package/src/components/DeprecatedFAB.js +0 -114
  95. package/src/components/Divider.js +0 -13
  96. package/src/components/Elevation.js +0 -20
  97. package/src/components/FAB.js +0 -46
  98. package/src/components/FieldSearchBarFull.js +0 -53
  99. package/src/components/FormRow.js +0 -19
  100. package/src/components/Header.js +0 -44
  101. package/src/components/Header.tsx +0 -105
  102. package/src/components/HeaderLarge.js +0 -7
  103. package/src/components/HeaderLarge.tsx +0 -40
  104. package/src/components/HeaderMedium.js +0 -7
  105. package/src/components/HeaderMedium.tsx +0 -41
  106. package/src/components/HeaderOverline.js +0 -7
  107. package/src/components/HeaderOverline.tsx +0 -42
  108. package/src/components/IconButton.js +0 -35
  109. package/src/components/Image.js +0 -47
  110. package/src/components/Justification.js +0 -1
  111. package/src/components/Layout.js +0 -50
  112. package/src/components/NumberInput.js +0 -49
  113. package/src/components/Picker/Picker.js +0 -267
  114. package/src/components/Picker/PickerComponent.android.js +0 -69
  115. package/src/components/Picker/PickerComponent.ios.js +0 -79
  116. package/src/components/Picker/PickerComponent.web.js +0 -70
  117. package/src/components/Picker/PickerTypes.js +0 -1
  118. package/src/components/Portal/Portal.js +0 -35
  119. package/src/components/Portal/PortalConsumer.js +0 -27
  120. package/src/components/Portal/PortalHost.js +0 -107
  121. package/src/components/Portal/PortalManager.js +0 -32
  122. package/src/components/Pressable.js +0 -12
  123. package/src/components/ProgressBar.js +0 -118
  124. package/src/components/ProgressCircle.js +0 -13
  125. package/src/components/ProgressIndicator.js +0 -27
  126. package/src/components/RadioButton/RadioButton.js +0 -17
  127. package/src/components/RadioButton/RadioButtonFieldGroup.js +0 -17
  128. package/src/components/RadioButton/RadioButtonGroup.js +0 -43
  129. package/src/components/RadioButton/RadioButtonRow.js +0 -76
  130. package/src/components/RadioButton/context.js +0 -14
  131. package/src/components/RadioButton/index.js +0 -4
  132. package/src/components/ResizeMode.js +0 -1
  133. package/src/components/Row.js +0 -48
  134. package/src/components/RowBodyIcon.js +0 -8
  135. package/src/components/RowHeadlineImageCaption.js +0 -12
  136. package/src/components/RowHeadlineImageIcon.js +0 -14
  137. package/src/components/SVG.js +0 -13
  138. package/src/components/ScreenContainer.js +0 -34
  139. package/src/components/Slider.js +0 -63
  140. package/src/components/StarRating.js +0 -50
  141. package/src/components/StepIndicator.js +0 -346
  142. package/src/components/Stepper.js +0 -41
  143. package/src/components/Surface.js +0 -32
  144. package/src/components/Swiper/Swiper.js +0 -29
  145. package/src/components/Swiper/SwiperItem.js +0 -9
  146. package/src/components/Swiper/index.js +0 -2
  147. package/src/components/Switch.js +0 -56
  148. package/src/components/Text.js +0 -33
  149. package/src/components/TextField.js +0 -428
  150. package/src/components/ToggleButton.js +0 -39
  151. package/src/components/Touchable.js +0 -12
  152. package/src/components/Touchable.web.js +0 -2
  153. package/src/components/Typography.js +0 -36
  154. package/src/components/useAuthState.js +0 -31
  155. package/src/constants.js +0 -10
  156. package/src/hooks.js +0 -12
  157. package/src/index.js +0 -53
  158. package/src/interfaces/Icon.js +0 -8
  159. package/src/mappings/Accordion.js +0 -41
  160. package/src/mappings/AccordionItem.js +0 -16
  161. package/src/mappings/ActionSheet.js +0 -13
  162. package/src/mappings/ActionSheetCancel.js +0 -19
  163. package/src/mappings/ActionSheetItem.js +0 -23
  164. package/src/mappings/ActivityIndicator.js +0 -58
  165. package/src/mappings/AudioPlayer.js +0 -57
  166. package/src/mappings/AvatarEdit.js +0 -38
  167. package/src/mappings/Banner.js +0 -32
  168. package/src/mappings/BlurView.js +0 -42
  169. package/src/mappings/Button.js +0 -116
  170. package/src/mappings/Card.js +0 -52
  171. package/src/mappings/CardBlock.js +0 -123
  172. package/src/mappings/CardContainer.js +0 -104
  173. package/src/mappings/CardContainerRating.js +0 -126
  174. package/src/mappings/CardContainerShortImage.js +0 -120
  175. package/src/mappings/CardInline.js +0 -52
  176. package/src/mappings/Carousel.js +0 -19
  177. package/src/mappings/Checkbox.js +0 -46
  178. package/src/mappings/CheckboxGroup.js +0 -26
  179. package/src/mappings/CheckboxRow.js +0 -61
  180. package/src/mappings/CircleImage.js +0 -25
  181. package/src/mappings/Container.js +0 -30
  182. package/src/mappings/CustomCode.js +0 -8
  183. package/src/mappings/DatePicker.js +0 -176
  184. package/src/mappings/Divider.js +0 -27
  185. package/src/mappings/FAB.js +0 -37
  186. package/src/mappings/Fetch.js +0 -13
  187. package/src/mappings/FieldSearchBarFull.js +0 -50
  188. package/src/mappings/FlashList.js +0 -85
  189. package/src/mappings/FlatList.js +0 -37
  190. package/src/mappings/HeaderLarge.js +0 -29
  191. package/src/mappings/HeaderMedium.js +0 -55
  192. package/src/mappings/HeaderOverline.js +0 -55
  193. package/src/mappings/Icon.js +0 -32
  194. package/src/mappings/IconButton.js +0 -35
  195. package/src/mappings/Image.js +0 -35
  196. package/src/mappings/ImageBackground.js +0 -29
  197. package/src/mappings/KeyboardAvoidingView.js +0 -41
  198. package/src/mappings/KeyboardAwareScrollView.js +0 -50
  199. package/src/mappings/Layout.js +0 -200
  200. package/src/mappings/LinearGradient.js +0 -77
  201. package/src/mappings/MapCallout.js +0 -21
  202. package/src/mappings/MapMarker.js +0 -47
  203. package/src/mappings/MapView.js +0 -139
  204. package/src/mappings/Modal.js +0 -42
  205. package/src/mappings/NumberInput.js +0 -254
  206. package/src/mappings/Picker.js +0 -148
  207. package/src/mappings/ProgressBar.js +0 -101
  208. package/src/mappings/ProgressCircle.js +0 -109
  209. package/src/mappings/ProgressIndicator.js +0 -181
  210. package/src/mappings/RadioButton.js +0 -51
  211. package/src/mappings/RadioButtonGroup.js +0 -17
  212. package/src/mappings/RadioButtonRow.js +0 -42
  213. package/src/mappings/RowBodyIcon.js +0 -75
  214. package/src/mappings/RowHeadlineImageCaption.js +0 -167
  215. package/src/mappings/RowHeadlineImageIcon.js +0 -99
  216. package/src/mappings/SVG.js +0 -20
  217. package/src/mappings/SafeAreaView.js +0 -33
  218. package/src/mappings/ScrollView.js +0 -31
  219. package/src/mappings/Slider.js +0 -60
  220. package/src/mappings/StarRating.js +0 -43
  221. package/src/mappings/Stepper.js +0 -32
  222. package/src/mappings/Surface.js +0 -14
  223. package/src/mappings/Swiper.js +0 -62
  224. package/src/mappings/SwiperItem.js +0 -8
  225. package/src/mappings/Switch.js +0 -81
  226. package/src/mappings/Text.js +0 -251
  227. package/src/mappings/TextArea.js +0 -274
  228. package/src/mappings/TextField.js +0 -391
  229. package/src/mappings/TextInput.js +0 -402
  230. package/src/mappings/ToggleButton.js +0 -50
  231. package/src/mappings/Touchable.js +0 -60
  232. package/src/mappings/Video.js +0 -81
  233. package/src/mappings/View.js +0 -207
  234. package/src/mappings/WebView.js +0 -88
  235. package/src/styles/DarkTheme.js +0 -26
  236. package/src/styles/DefaultTheme.js +0 -111
  237. package/src/styles/fonts.js +0 -62
  238. package/src/styles/overlay.js +0 -60
  239. package/src/styles/shadow.js +0 -51
  240. package/src/theming.js +0 -3
  241. package/src/utilities.js +0 -102
@@ -1,84 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _reactNative = require("react-native");
9
- var _Image = _interopRequireDefault(require("./Image"));
10
- var _DeprecatedCardWrapper = _interopRequireDefault(require("./DeprecatedCardWrapper"));
11
- var _Elevation = _interopRequireDefault(require("./Elevation"));
12
- var _theming = require("../theming");
13
- var _Config = _interopRequireDefault(require("./Config"));
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
- const CardContainerShortImage = _ref => {
17
- let {
18
- image = _Config.default.squareImageUrl,
19
- title,
20
- subtitle,
21
- mode = "left",
22
- aspectRatio = 1,
23
- elevation = 2,
24
- theme: {
25
- colors,
26
- roundness,
27
- typography
28
- },
29
- style,
30
- onPress,
31
- ...rest
32
- } = _ref;
33
- return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, _extends({
34
- style: style,
35
- onPress: onPress
36
- }, rest), /*#__PURE__*/_react.default.createElement(_Elevation.default, {
37
- style: {
38
- elevation,
39
- borderRadius: roundness
40
- }
41
- }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
42
- style: {
43
- overflow: "hidden",
44
- flexDirection: "row",
45
- justifyContent: mode === "right" ? "space-between" : "flex-start",
46
- borderRadius: roundness
47
- }
48
- }, mode === "left" && /*#__PURE__*/_react.default.createElement(_Image.default, {
49
- style: {
50
- aspectRatio
51
- },
52
- source: typeof image === "string" ? {
53
- uri: image
54
- } : image,
55
- resizeMode: "cover"
56
- }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
57
- style: {
58
- padding: 16,
59
- backgroundColor: colors.surface,
60
- flex: 1
61
- }
62
- }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
63
- numberOfLines: 1,
64
- style: [typography.headline5, {
65
- color: colors.strong
66
- }]
67
- }, title), subtitle ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
68
- numberOfLines: 1,
69
- style: [typography.body2, {
70
- color: colors.medium,
71
- marginTop: 4
72
- }]
73
- }, subtitle) : null), mode === "right" && /*#__PURE__*/_react.default.createElement(_Image.default, {
74
- style: {
75
- aspectRatio
76
- },
77
- source: typeof image === "string" ? {
78
- uri: image
79
- } : image,
80
- resizeMode: "cover"
81
- }))));
82
- };
83
- var _default = (0, _theming.withTheme)(CardContainerShortImage);
84
- exports.default = _default;
@@ -1,91 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _reactNative = require("react-native");
9
- var _Typography = require("./Typography");
10
- var _Image = _interopRequireDefault(require("./Image"));
11
- var _Surface = _interopRequireDefault(require("./Surface"));
12
- var _Config = _interopRequireDefault(require("./Config"));
13
- var _theming = require("../theming");
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
- // @ts-nocheck
16
-
17
- const CardInline = _ref => {
18
- let {
19
- image = _Config.default.cardImageUrl,
20
- title,
21
- subtitle,
22
- aspectRatio = 1.5,
23
- elevation = 2,
24
- style,
25
- titleStyle,
26
- subtitleStyle,
27
- onPress
28
- } = _ref;
29
- const {
30
- alignItems,
31
- justifyContent,
32
- width,
33
- height
34
- } = _reactNative.StyleSheet.flatten(style || {});
35
- const imageStyles = width && height ? {
36
- width,
37
- height
38
- } : {
39
- aspectRatio
40
- };
41
- return /*#__PURE__*/_react.default.createElement(_Surface.default, {
42
- style: [{
43
- elevation
44
- }, style]
45
- }, /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
46
- disabled: !onPress,
47
- onPress: onPress,
48
- style: _ref2 => {
49
- let {
50
- pressed
51
- } = _ref2;
52
- return [{
53
- opacity: pressed ? 0.8 : 1
54
- }];
55
- }
56
- }, /*#__PURE__*/_react.default.createElement(_Image.default, {
57
- style: imageStyles,
58
- source: typeof image === "string" ? {
59
- uri: image
60
- } : image,
61
- resizeMode: "cover"
62
- }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
63
- style: [styles.overlay, {
64
- justifyContent,
65
- alignItems
66
- }]
67
- }, title ? /*#__PURE__*/_react.default.createElement(_Typography.Title, {
68
- style: [{
69
- color: "white"
70
- }, titleStyle],
71
- text: title
72
- }) : null, subtitle ? /*#__PURE__*/_react.default.createElement(_Typography.Subtitle, {
73
- style: [{
74
- color: "rgba(255, 255, 255, 0.7)"
75
- }, subtitleStyle],
76
- text: subtitle
77
- }) : null)));
78
- };
79
- const styles = _reactNative.StyleSheet.create({
80
- overlay: {
81
- position: "absolute",
82
- top: 0,
83
- bottom: 0,
84
- left: 0,
85
- right: 0,
86
- padding: 16,
87
- backgroundColor: "rgba(0, 0, 0, 0.2)"
88
- }
89
- });
90
- var _default = (0, _theming.withTheme)(CardInline);
91
- exports.default = _default;
@@ -1,130 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var React = _interopRequireWildcard(require("react"));
8
- var _theming = require("../theming");
9
- var _reactNative = require("react-native");
10
- var _Image = _interopRequireDefault(require("./Image"));
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
14
- 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
- const screenWidth = _reactNative.Dimensions.get("window").width;
16
- function Pager(_ref) {
17
- let {
18
- color,
19
- index,
20
- length
21
- } = _ref;
22
- return /*#__PURE__*/React.createElement(_reactNative.View, {
23
- style: styles.pager
24
- }, Array.from({
25
- length
26
- }).map((_, i) => {
27
- const current = index === i;
28
- const opacity = current ? 1 : 0.5;
29
- const size = current ? 10 : 8;
30
- return /*#__PURE__*/React.createElement(_reactNative.View, {
31
- key: i,
32
- style: [styles.bullet, {
33
- backgroundColor: color,
34
- opacity,
35
- width: size,
36
- height: size
37
- }]
38
- });
39
- }));
40
- }
41
- function Carousel(_ref2) {
42
- var _data$length;
43
- let {
44
- data,
45
- children,
46
- dotColor = "strong",
47
- style,
48
- ...rest
49
- } = _ref2;
50
- const [index, setIndex] = React.useState(0);
51
- const length = React.Children.count(children);
52
- const itemsLength = ((_data$length = data === null || data === void 0 ? void 0 : data.length) !== null && _data$length !== void 0 ? _data$length : 0) + length;
53
- const slides = Array.isArray(data) ? data : [];
54
- const {
55
- width,
56
- height
57
- } = _reactNative.StyleSheet.flatten(style || {});
58
- const slideWidth = width || screenWidth;
59
- const slideHeight = height || 250;
60
- return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
61
- style: [styles.container, style]
62
- }, rest), /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
63
- pagingEnabled: true,
64
- horizontal: true,
65
- decelerationRate: "fast",
66
- scrollEventThrottle: 200,
67
- showsHorizontalScrollIndicator: false,
68
- onScroll: _ref3 => {
69
- let {
70
- nativeEvent
71
- } = _ref3;
72
- const layoutWidth = nativeEvent.layoutMeasurement.width;
73
- const offset = nativeEvent.contentOffset.x;
74
- const currentIndex = Math.ceil(offset / layoutWidth);
75
- setIndex(currentIndex);
76
- }
77
- }, slides.length > 0 ? slides.map((item, i) => {
78
- return /*#__PURE__*/React.createElement(_Image.default, {
79
- key: i,
80
- resizeMode: "cover",
81
- source: typeof item === "string" ? {
82
- uri: item
83
- } : item,
84
- style: [{
85
- width: slideWidth,
86
- height: slideHeight
87
- }]
88
- });
89
- }) : null, React.Children.map(children, child => {
90
- var _child$props;
91
- const s = (child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.style) || {};
92
- return /*#__PURE__*/React.createElement(_reactNative.View, {
93
- style: {
94
- width: slideWidth
95
- }
96
- }, /*#__PURE__*/React.cloneElement(child, {
97
- style: {
98
- ...s,
99
- width: slideWidth
100
- }
101
- }));
102
- })), /*#__PURE__*/React.createElement(Pager, {
103
- color: dotColor,
104
- index: index,
105
- length: itemsLength
106
- }));
107
- }
108
- const styles = _reactNative.StyleSheet.create({
109
- container: {
110
- backgroundColor: "#eee"
111
- },
112
- pager: {
113
- position: "absolute",
114
- bottom: 12,
115
- left: 0,
116
- right: 0,
117
- flexDirection: "row",
118
- justifyContent: "center",
119
- alignItems: "center"
120
- },
121
- bullet: {
122
- marginHorizontal: 2,
123
- width: 10,
124
- height: 10,
125
- borderRadius: 20,
126
- backgroundColor: "#000"
127
- }
128
- });
129
- var _default = (0, _theming.withTheme)(Carousel);
130
- exports.default = _default;
@@ -1,82 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var React = _interopRequireWildcard(require("react"));
8
- var _reactNative = require("react-native");
9
- var _theming = require("../theming");
10
- var _Divider = _interopRequireDefault(require("./Divider"));
11
- var _Touchable = _interopRequireDefault(require("./Touchable"));
12
- var _Config = _interopRequireDefault(require("./Config"));
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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
- 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
- const Header = _ref => {
17
- let {
18
- Icon,
19
- titleTypeStyle,
20
- titleColor,
21
- title,
22
- buttonText,
23
- dividerTopMargin,
24
- icon,
25
- onPress,
26
- style,
27
- theme: {
28
- colors,
29
- typography
30
- }
31
- } = _ref;
32
- return /*#__PURE__*/React.createElement(_reactNative.View, {
33
- style: [styles.container, style]
34
- }, /*#__PURE__*/React.createElement(_reactNative.View, {
35
- style: styles.topContainer
36
- }, /*#__PURE__*/React.createElement(_reactNative.Text, {
37
- style: [titleTypeStyle, {
38
- color: titleColor,
39
- flex: 1
40
- }],
41
- numberOfLines: 1
42
- }, title), onPress && /*#__PURE__*/React.createElement(_Touchable.default, {
43
- style: {
44
- alignSelf: "center",
45
- marginLeft: 12
46
- },
47
- onPress: onPress
48
- }, /*#__PURE__*/React.createElement(_reactNative.View, {
49
- style: styles.buttonContainer
50
- }, /*#__PURE__*/React.createElement(_reactNative.Text, {
51
- style: [typography.subtitle2, {
52
- color: colors.light,
53
- marginRight: 8
54
- }],
55
- numberOfLines: 1
56
- }, buttonText), /*#__PURE__*/React.createElement(Icon, {
57
- name: icon,
58
- size: _Config.default.headerIconSize,
59
- color: colors.light
60
- })))), /*#__PURE__*/React.createElement(_Divider.default, {
61
- style: {
62
- marginTop: dividerTopMargin || 16
63
- }
64
- }));
65
- };
66
- const styles = _reactNative.StyleSheet.create({
67
- container: {
68
- alignSelf: "stretch"
69
- },
70
- topContainer: {
71
- flexDirection: "row",
72
- justifyContent: "space-between",
73
- alignItems: "center"
74
- },
75
- buttonContainer: {
76
- flexDirection: "row",
77
- justifyContent: "center",
78
- alignItems: "center"
79
- }
80
- });
81
- var _default = (0, _theming.withTheme)(Header);
82
- exports.default = _default;
@@ -1,38 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var React = _interopRequireWildcard(require("react"));
8
- var _theming = require("../theming");
9
- var _Header = _interopRequireDefault(require("./Header"));
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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
- 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
- const HeaderLarge = _ref => {
14
- let {
15
- Icon,
16
- title,
17
- buttonText,
18
- icon,
19
- onPress = () => {},
20
- style,
21
- theme: {
22
- colors,
23
- typography
24
- }
25
- } = _ref;
26
- return /*#__PURE__*/React.createElement(_Header.default, {
27
- Icon: Icon,
28
- titleTypeStyle: typography.headline4,
29
- titleColor: colors.strong,
30
- title: title,
31
- buttonText: buttonText,
32
- icon: icon,
33
- onPress: onPress,
34
- style: style
35
- });
36
- };
37
- var _default = (0, _theming.withTheme)(HeaderLarge);
38
- exports.default = _default;
@@ -1,38 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var React = _interopRequireWildcard(require("react"));
8
- var _theming = require("../theming");
9
- var _Header = _interopRequireDefault(require("./Header"));
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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
- 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
- const HeaderMedium = _ref => {
14
- let {
15
- Icon,
16
- title,
17
- buttonText,
18
- icon,
19
- onPress = () => {},
20
- style,
21
- theme: {
22
- colors,
23
- typography
24
- }
25
- } = _ref;
26
- return /*#__PURE__*/React.createElement(_Header.default, {
27
- Icon: Icon,
28
- titleTypeStyle: typography.headline6,
29
- titleColor: colors.strong,
30
- title: title,
31
- buttonText: buttonText,
32
- icon: icon,
33
- onPress: onPress,
34
- style: style
35
- });
36
- };
37
- var _default = (0, _theming.withTheme)(HeaderMedium);
38
- exports.default = _default;
@@ -1,39 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var React = _interopRequireWildcard(require("react"));
8
- var _theming = require("../theming");
9
- var _Header = _interopRequireDefault(require("./Header"));
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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
- 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
- const HeaderOverline = _ref => {
14
- let {
15
- Icon,
16
- title,
17
- buttonText,
18
- icon,
19
- onPress = () => {},
20
- style,
21
- theme: {
22
- colors,
23
- typography
24
- }
25
- } = _ref;
26
- return /*#__PURE__*/React.createElement(_Header.default, {
27
- Icon: Icon,
28
- titleTypeStyle: typography.overline,
29
- titleColor: colors.light,
30
- title: title && title.toUpperCase(),
31
- buttonText: buttonText,
32
- icon: icon,
33
- dividerTopMargin: 12,
34
- onPress: onPress,
35
- style: style
36
- });
37
- };
38
- var _default = (0, _theming.withTheme)(HeaderOverline);
39
- exports.default = _default;
@@ -1,98 +0,0 @@
1
- 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); }
2
- import React from "react";
3
- import { View, Text } from "react-native";
4
- import Image from "./Image";
5
- import Card from "./DeprecatedCardWrapper";
6
- import Elevation from "./Elevation";
7
- import { withTheme } from "../theming";
8
- import Config from "./Config";
9
- const CardBlock = _ref => {
10
- let {
11
- image = Config.cardImageUrl,
12
- title,
13
- leftDescription,
14
- rightDescription,
15
- titleCentered,
16
- aspectRatio = 1.5,
17
- elevation = 2,
18
- numColumns = 3,
19
- theme: {
20
- colors,
21
- roundness,
22
- typography
23
- },
24
- style,
25
- onPress,
26
- ...rest
27
- } = _ref;
28
- let titleJustification;
29
- let titleStyle;
30
- if (titleCentered && !leftDescription && !rightDescription) {
31
- titleJustification = "center";
32
- } else {
33
- titleJustification = "space-between";
34
- }
35
- if (numColumns === 1) {
36
- titleStyle = typography.button;
37
- } else if (numColumns === 2) {
38
- titleStyle = typography.headline6;
39
- } else {
40
- titleStyle = typography.headline5;
41
- }
42
- const rightDescriptionStyles = [typography.subtitle2, {
43
- color: colors.light
44
- }];
45
- return /*#__PURE__*/React.createElement(Card, _extends({
46
- style: style,
47
- onPress: onPress,
48
- numColumns: numColumns
49
- }, rest), /*#__PURE__*/React.createElement(View, {
50
- style: {
51
- backgroundColor: colors.background
52
- }
53
- }, /*#__PURE__*/React.createElement(Elevation, {
54
- style: {
55
- elevation,
56
- borderRadius: roundness
57
- }
58
- }, /*#__PURE__*/React.createElement(Image, {
59
- style: {
60
- borderRadius: roundness,
61
- aspectRatio
62
- },
63
- source: typeof image === "string" ? {
64
- uri: image
65
- } : image,
66
- resizeMode: "cover"
67
- })), title ? /*#__PURE__*/React.createElement(View, {
68
- style: {
69
- flexDirection: "row",
70
- alignItems: "center",
71
- justifyContent: titleJustification,
72
- marginTop: numColumns === 3 ? 16 : 12
73
- }
74
- }, /*#__PURE__*/React.createElement(Text, {
75
- numberOfLines: 1,
76
- style: [titleStyle, {
77
- color: colors.strong
78
- }]
79
- }, title), !leftDescription && rightDescription ? /*#__PURE__*/React.createElement(Text, {
80
- style: rightDescriptionStyles
81
- }, rightDescription) : null) : null, leftDescription ? /*#__PURE__*/React.createElement(View, {
82
- style: {
83
- flexDirection: "row",
84
- justifyContent: "space-between",
85
- alignItems: "center",
86
- marginTop: numColumns === 3 ? 4 : 4 / 2
87
- }
88
- }, /*#__PURE__*/React.createElement(Text, {
89
- numberOfLines: 1,
90
- style: [typography.body2, {
91
- color: colors.medium
92
- }]
93
- }, leftDescription), rightDescription ? /*#__PURE__*/React.createElement(Text, {
94
- numberOfLines: 1,
95
- style: rightDescriptionStyles
96
- }, rightDescription) : null) : null));
97
- };
98
- export default withTheme(CardBlock);