@draftbit/core 46.7.3 → 46.7.5

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 (174) hide show
  1. package/lib/commonjs/components/Accordion/AccordionItem.js +4 -23
  2. package/lib/commonjs/components/AnimatedCircularProgress.js +1 -12
  3. package/lib/commonjs/components/AvatarEdit.js +4 -15
  4. package/lib/commonjs/components/Button.js +12 -35
  5. package/lib/commonjs/components/Checkbox/Checkbox.js +4 -22
  6. package/lib/commonjs/components/Container.js +4 -15
  7. package/lib/commonjs/components/DeprecatedButton.js +3 -20
  8. package/lib/commonjs/components/DeprecatedCardWrapper.js +1 -15
  9. package/lib/commonjs/components/Elevation.js +14 -2
  10. package/lib/commonjs/components/IconButton.js +4 -2
  11. package/lib/commonjs/components/Image.js +2 -17
  12. package/lib/commonjs/components/NumberInput.js +1 -1
  13. package/lib/commonjs/components/Picker/Picker.js +4 -9
  14. package/lib/commonjs/components/Portal/PortalHost.js +15 -44
  15. package/lib/commonjs/components/Portal/PortalManager.js +8 -34
  16. package/lib/commonjs/components/Pressable.js +2 -2
  17. package/lib/commonjs/components/ProgressBar.js +7 -37
  18. package/lib/commonjs/components/Slider.js +4 -21
  19. package/lib/commonjs/components/Surface.js +2 -14
  20. package/lib/commonjs/components/TextField.js +28 -76
  21. package/lib/commonjs/components/Touchable.js +4 -17
  22. package/lib/commonjs/constants.js +1 -1
  23. package/lib/commonjs/hooks.js +2 -1
  24. package/lib/commonjs/index.js +0 -56
  25. package/lib/commonjs/mappings/Button.js +2 -2
  26. package/lib/commonjs/mappings/FlashList.js +28 -0
  27. package/lib/commonjs/mappings/FlatList.js +14 -0
  28. package/lib/commonjs/mappings/IconButton.js +4 -6
  29. package/lib/commonjs/mappings/MapView.js +3 -1
  30. package/lib/commonjs/mappings/ScrollView.js +7 -1
  31. package/lib/commonjs/mappings/Touchable.js +9 -2
  32. package/lib/commonjs/styles/overlay.js +1 -3
  33. package/lib/commonjs/utilities.js +2 -1
  34. package/lib/module/components/Button.js +12 -35
  35. package/lib/module/components/Checkbox/CheckboxGroupRow.js +5 -24
  36. package/lib/module/components/Checkbox/context.js +1 -1
  37. package/lib/module/components/CircleImage.js +1 -16
  38. package/lib/module/components/DeprecatedCardWrapper.js +1 -18
  39. package/lib/module/components/Divider.js +1 -18
  40. package/lib/module/components/Elevation.js +2 -14
  41. package/lib/module/components/FieldSearchBarFull.js +2 -1
  42. package/lib/module/components/FormRow.js +2 -17
  43. package/lib/module/components/IconButton.js +4 -2
  44. package/lib/module/components/Image.js +2 -18
  45. package/lib/module/components/Layout.js +21 -42
  46. package/lib/module/components/NumberInput.js +4 -13
  47. package/lib/module/components/Picker/PickerComponent.ios.js +11 -36
  48. package/lib/module/components/Portal/PortalConsumer.js +7 -22
  49. package/lib/module/components/Pressable.js +2 -2
  50. package/lib/module/components/RadioButton/RadioButton.js +1 -13
  51. package/lib/module/components/RadioButton/RadioButtonGroup.js +2 -16
  52. package/lib/module/components/RadioButton/RadioButtonRow.js +5 -24
  53. package/lib/module/components/Slider.js +4 -21
  54. package/lib/module/components/StepIndicator.js +18 -58
  55. package/lib/module/components/TextField.js +28 -78
  56. package/lib/module/components/ToggleButton.js +2 -16
  57. package/lib/module/components/Touchable.js +4 -17
  58. package/lib/module/constants.js +2 -1
  59. package/lib/module/index.js +0 -8
  60. package/lib/module/mappings/Button.js +2 -2
  61. package/lib/module/mappings/FieldSearchBarFull.js +1 -4
  62. package/lib/module/mappings/FlashList.js +29 -1
  63. package/lib/module/mappings/FlatList.js +15 -1
  64. package/lib/module/mappings/IconButton.js +5 -7
  65. package/lib/module/mappings/MapView.js +3 -1
  66. package/lib/module/mappings/ScrollView.js +8 -2
  67. package/lib/module/mappings/Touchable.js +10 -3
  68. package/lib/module/styles/overlay.js +3 -1
  69. package/lib/module/utilities.js +2 -1
  70. package/lib/typescript/src/components/IconButton.d.ts +2 -0
  71. package/lib/typescript/src/components/IconButton.d.ts.map +1 -1
  72. package/lib/typescript/src/components/Pressable.d.ts.map +1 -1
  73. package/lib/typescript/src/components/Touchable.d.ts.map +1 -1
  74. package/lib/typescript/src/index.d.ts +0 -8
  75. package/lib/typescript/src/index.d.ts.map +1 -1
  76. package/lib/typescript/src/mappings/FlashList.d.ts +60 -0
  77. package/lib/typescript/src/mappings/FlashList.d.ts.map +1 -1
  78. package/lib/typescript/src/mappings/FlatList.d.ts +30 -0
  79. package/lib/typescript/src/mappings/FlatList.d.ts.map +1 -1
  80. package/lib/typescript/src/mappings/IconButton.d.ts +20 -10
  81. package/lib/typescript/src/mappings/IconButton.d.ts.map +1 -1
  82. package/lib/typescript/src/mappings/MapView.d.ts +2 -0
  83. package/lib/typescript/src/mappings/MapView.d.ts.map +1 -1
  84. package/lib/typescript/src/mappings/ScrollView.d.ts +21 -0
  85. package/lib/typescript/src/mappings/ScrollView.d.ts.map +1 -1
  86. package/lib/typescript/src/mappings/Touchable.d.ts +20 -0
  87. package/lib/typescript/src/mappings/Touchable.d.ts.map +1 -1
  88. package/package.json +3 -3
  89. package/src/components/Button.js +1 -1
  90. package/src/components/Button.tsx +2 -2
  91. package/src/components/IconButton.js +2 -2
  92. package/src/components/IconButton.tsx +6 -2
  93. package/src/components/NumberInput.js +1 -1
  94. package/src/components/NumberInput.tsx +1 -1
  95. package/src/components/Pressable.js +1 -1
  96. package/src/components/Pressable.tsx +2 -2
  97. package/src/components/Touchable.js +1 -1
  98. package/src/components/Touchable.tsx +2 -2
  99. package/src/index.js +0 -8
  100. package/src/index.tsx +0 -8
  101. package/src/mappings/Button.js +2 -2
  102. package/src/mappings/Button.ts +2 -2
  103. package/src/mappings/FlashList.js +29 -1
  104. package/src/mappings/FlashList.ts +33 -0
  105. package/src/mappings/FlatList.js +15 -1
  106. package/src/mappings/FlatList.ts +17 -0
  107. package/src/mappings/IconButton.js +5 -7
  108. package/src/mappings/IconButton.ts +5 -7
  109. package/src/mappings/MapView.js +2 -0
  110. package/src/mappings/MapView.ts +2 -0
  111. package/src/mappings/ScrollView.js +8 -2
  112. package/src/mappings/ScrollView.ts +10 -1
  113. package/src/mappings/Touchable.js +10 -3
  114. package/src/mappings/Touchable.ts +12 -2
  115. package/lib/commonjs/components/CardBlock.js +0 -115
  116. package/lib/commonjs/components/CardContainer.js +0 -138
  117. package/lib/commonjs/components/CardContainerRating.js +0 -133
  118. package/lib/commonjs/components/CardContainerShortImage.js +0 -84
  119. package/lib/commonjs/components/CardInline.js +0 -91
  120. package/lib/commonjs/components/Carousel.js +0 -130
  121. package/lib/commonjs/components/Header.js +0 -82
  122. package/lib/commonjs/components/HeaderLarge.js +0 -38
  123. package/lib/commonjs/components/HeaderMedium.js +0 -38
  124. package/lib/commonjs/components/HeaderOverline.js +0 -39
  125. package/lib/module/components/CardBlock.js +0 -108
  126. package/lib/module/components/CardContainer.js +0 -121
  127. package/lib/module/components/CardContainerRating.js +0 -135
  128. package/lib/module/components/CardContainerShortImage.js +0 -90
  129. package/lib/module/components/CardInline.js +0 -82
  130. package/lib/module/components/Carousel.js +0 -120
  131. package/lib/module/components/Header.js +0 -72
  132. package/lib/module/components/HeaderLarge.js +0 -28
  133. package/lib/module/components/HeaderMedium.js +0 -28
  134. package/lib/module/components/HeaderOverline.js +0 -29
  135. package/lib/typescript/src/components/CardBlock.d.ts +0 -21
  136. package/lib/typescript/src/components/CardBlock.d.ts.map +0 -1
  137. package/lib/typescript/src/components/CardContainer.d.ts +0 -23
  138. package/lib/typescript/src/components/CardContainer.d.ts.map +0 -1
  139. package/lib/typescript/src/components/CardContainerRating.d.ts +0 -24
  140. package/lib/typescript/src/components/CardContainerRating.d.ts.map +0 -1
  141. package/lib/typescript/src/components/CardContainerShortImage.d.ts +0 -19
  142. package/lib/typescript/src/components/CardContainerShortImage.d.ts.map +0 -1
  143. package/lib/typescript/src/components/CardInline.d.ts +0 -20
  144. package/lib/typescript/src/components/CardInline.d.ts.map +0 -1
  145. package/lib/typescript/src/components/Carousel.d.ts +0 -15
  146. package/lib/typescript/src/components/Carousel.d.ts.map +0 -1
  147. package/lib/typescript/src/components/Header.d.ts +0 -20
  148. package/lib/typescript/src/components/Header.d.ts.map +0 -1
  149. package/lib/typescript/src/components/HeaderLarge.d.ts +0 -17
  150. package/lib/typescript/src/components/HeaderLarge.d.ts.map +0 -1
  151. package/lib/typescript/src/components/HeaderMedium.d.ts +0 -17
  152. package/lib/typescript/src/components/HeaderMedium.d.ts.map +0 -1
  153. package/lib/typescript/src/components/HeaderOverline.d.ts +0 -17
  154. package/lib/typescript/src/components/HeaderOverline.d.ts.map +0 -1
  155. package/src/components/CardBlock.js +0 -54
  156. package/src/components/CardBlock.tsx +0 -127
  157. package/src/components/CardContainer.js +0 -69
  158. package/src/components/CardContainer.tsx +0 -165
  159. package/src/components/CardContainerRating.js +0 -79
  160. package/src/components/CardContainerRating.tsx +0 -175
  161. package/src/components/CardContainerShortImage.js +0 -33
  162. package/src/components/CardContainerShortImage.tsx +0 -101
  163. package/src/components/CardInline.js +0 -36
  164. package/src/components/CardInline.tsx +0 -93
  165. package/src/components/Carousel.js +0 -68
  166. package/src/components/Carousel.tsx +0 -134
  167. package/src/components/Header.js +0 -44
  168. package/src/components/Header.tsx +0 -105
  169. package/src/components/HeaderLarge.js +0 -7
  170. package/src/components/HeaderLarge.tsx +0 -40
  171. package/src/components/HeaderMedium.js +0 -7
  172. package/src/components/HeaderMedium.tsx +0 -41
  173. package/src/components/HeaderOverline.js +0 -7
  174. package/src/components/HeaderOverline.tsx +0 -42
@@ -1,90 +0,0 @@
1
- import React from "react";
2
- import { View, Text } from "react-native";
3
- import Image from "./Image";
4
- import Card from "./DeprecatedCardWrapper";
5
- import Elevation from "./Elevation";
6
- import { withTheme } from "../theming";
7
- import Config from "./Config";
8
- const CardContainerShortImage = _ref => {
9
- let {
10
- image = Config.squareImageUrl,
11
- title,
12
- subtitle,
13
- mode = "left",
14
- aspectRatio = 1,
15
- elevation = 2,
16
- theme: {
17
- colors,
18
- roundness,
19
- typography
20
- },
21
- style,
22
- onPress,
23
- ...rest
24
- } = _ref;
25
- return /*#__PURE__*/React.createElement(Card, {
26
- style: style,
27
- onPress: onPress,
28
- ...rest
29
- }, /*#__PURE__*/React.createElement(Elevation, {
30
- style: {
31
- elevation,
32
- borderRadius: roundness
33
- }
34
- }, /*#__PURE__*/React.createElement(View, {
35
- style: {
36
- overflow: "hidden",
37
- flexDirection: "row",
38
- justifyContent: mode === "right" ? "space-between" : "flex-start",
39
- borderRadius: roundness
40
- }
41
- }, mode === "left" && /*#__PURE__*/React.createElement(Image, {
42
- style: {
43
- aspectRatio
44
- },
45
- source: typeof image === "string" ? {
46
- uri: image
47
- } : image,
48
- resizeMode: "cover"
49
- }), /*#__PURE__*/React.createElement(View, {
50
- style: {
51
- padding: 16,
52
- backgroundColor: colors.surface,
53
- flex: 1
54
- }
55
- }, /*#__PURE__*/React.createElement(Text, {
56
- numberOfLines: 1,
57
- style: [typography.headline5, {
58
- color: colors.strong
59
- }]
60
- }, title), subtitle ? /*#__PURE__*/React.createElement(Text, {
61
- numberOfLines: 1,
62
- style: [typography.body2, {
63
- color: colors.medium,
64
- marginTop: 4
65
- }]
66
- }, subtitle) : null), mode === "right" && /*#__PURE__*/React.createElement(Image, {
67
- style: {
68
- aspectRatio
69
- },
70
- source: typeof image === "string" ? {
71
- uri: image
72
- } : image,
73
- resizeMode: "cover"
74
- }))));
75
- };
76
- export default withTheme(CardContainerShortImage);2, {
77
- color: colors.medium,
78
- marginTop: 4
79
- }]
80
- }, subtitle) : null), mode === "right" && /*#__PURE__*/React.createElement(Image, {
81
- style: {
82
- aspectRatio
83
- },
84
- source: typeof image === "string" ? {
85
- uri: image
86
- } : image,
87
- resizeMode: "cover"
88
- }))));
89
- };
90
- export default withTheme(CardContainerShortImage);
@@ -1,82 +0,0 @@
1
- // @ts-nocheck
2
- import React from "react";
3
- import { Pressable, View, StyleSheet } from "react-native";
4
- import { Title, Subtitle } from "./Typography";
5
- import Image from "./Image";
6
- import Surface from "./Surface";
7
- import Config from "./Config";
8
- import { withTheme } from "../theming";
9
- const CardInline = _ref => {
10
- let {
11
- image = Config.cardImageUrl,
12
- title,
13
- subtitle,
14
- aspectRatio = 1.5,
15
- elevation = 2,
16
- style,
17
- titleStyle,
18
- subtitleStyle,
19
- onPress
20
- } = _ref;
21
- const {
22
- alignItems,
23
- justifyContent,
24
- width,
25
- height
26
- } = StyleSheet.flatten(style || {});
27
- const imageStyles = width && height ? {
28
- width,
29
- height
30
- } : {
31
- aspectRatio
32
- };
33
- return /*#__PURE__*/React.createElement(Surface, {
34
- style: [{
35
- elevation
36
- }, style]
37
- }, /*#__PURE__*/React.createElement(Pressable, {
38
- disabled: !onPress,
39
- onPress: onPress,
40
- style: _ref2 => {
41
- let {
42
- pressed
43
- } = _ref2;
44
- return [{
45
- opacity: pressed ? 0.8 : 1
46
- }];
47
- }
48
- }, /*#__PURE__*/React.createElement(Image, {
49
- style: imageStyles,
50
- source: typeof image === "string" ? {
51
- uri: image
52
- } : image,
53
- resizeMode: "cover"
54
- }), /*#__PURE__*/React.createElement(View, {
55
- style: [styles.overlay, {
56
- justifyContent,
57
- alignItems
58
- }]
59
- }, title ? /*#__PURE__*/React.createElement(Title, {
60
- style: [{
61
- color: "white"
62
- }, titleStyle],
63
- text: title
64
- }) : null, subtitle ? /*#__PURE__*/React.createElement(Subtitle, {
65
- style: [{
66
- color: "rgba(255, 255, 255, 0.7)"
67
- }, subtitleStyle],
68
- text: subtitle
69
- }) : null)));
70
- };
71
- const styles = StyleSheet.create({
72
- overlay: {
73
- position: "absolute",
74
- top: 0,
75
- bottom: 0,
76
- left: 0,
77
- right: 0,
78
- padding: 16,
79
- backgroundColor: "rgba(0, 0, 0, 0.2)"
80
- }
81
- });
82
- export default withTheme(CardInline);
@@ -1,120 +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 * as React from "react";
3
- import { withTheme } from "../theming";
4
- import { ScrollView, View, StyleSheet, Dimensions } from "react-native";
5
- import Image from "./Image";
6
- const screenWidth = Dimensions.get("window").width;
7
- function Pager(_ref) {
8
- let {
9
- color,
10
- index,
11
- length
12
- } = _ref;
13
- return /*#__PURE__*/React.createElement(View, {
14
- style: styles.pager
15
- }, Array.from({
16
- length
17
- }).map((_, i) => {
18
- const current = index === i;
19
- const opacity = current ? 1 : 0.5;
20
- const size = current ? 10 : 8;
21
- return /*#__PURE__*/React.createElement(View, {
22
- key: i,
23
- style: [styles.bullet, {
24
- backgroundColor: color,
25
- opacity,
26
- width: size,
27
- height: size
28
- }]
29
- });
30
- }));
31
- }
32
- function Carousel(_ref2) {
33
- var _data$length;
34
- let {
35
- data,
36
- children,
37
- dotColor = "strong",
38
- style,
39
- ...rest
40
- } = _ref2;
41
- const [index, setIndex] = React.useState(0);
42
- const length = React.Children.count(children);
43
- const itemsLength = ((_data$length = data === null || data === void 0 ? void 0 : data.length) !== null && _data$length !== void 0 ? _data$length : 0) + length;
44
- const slides = Array.isArray(data) ? data : [];
45
- const {
46
- width,
47
- height
48
- } = StyleSheet.flatten(style || {});
49
- const slideWidth = width || screenWidth;
50
- const slideHeight = height || 250;
51
- return /*#__PURE__*/React.createElement(View, _extends({
52
- style: [styles.container, style]
53
- }, rest), /*#__PURE__*/React.createElement(ScrollView, {
54
- pagingEnabled: true,
55
- horizontal: true,
56
- decelerationRate: "fast",
57
- scrollEventThrottle: 200,
58
- showsHorizontalScrollIndicator: false,
59
- onScroll: _ref3 => {
60
- let {
61
- nativeEvent
62
- } = _ref3;
63
- const layoutWidth = nativeEvent.layoutMeasurement.width;
64
- const offset = nativeEvent.contentOffset.x;
65
- const currentIndex = Math.ceil(offset / layoutWidth);
66
- setIndex(currentIndex);
67
- }
68
- }, slides.length > 0 ? slides.map((item, i) => {
69
- return /*#__PURE__*/React.createElement(Image, {
70
- key: i,
71
- resizeMode: "cover",
72
- source: typeof item === "string" ? {
73
- uri: item
74
- } : item,
75
- style: [{
76
- width: slideWidth,
77
- height: slideHeight
78
- }]
79
- });
80
- }) : null, React.Children.map(children, child => {
81
- var _child$props;
82
- const s = (child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.style) || {};
83
- return /*#__PURE__*/React.createElement(View, {
84
- style: {
85
- width: slideWidth
86
- }
87
- }, /*#__PURE__*/React.cloneElement(child, {
88
- style: {
89
- ...s,
90
- width: slideWidth
91
- }
92
- }));
93
- })), /*#__PURE__*/React.createElement(Pager, {
94
- color: dotColor,
95
- index: index,
96
- length: itemsLength
97
- }));
98
- }
99
- const styles = StyleSheet.create({
100
- container: {
101
- backgroundColor: "#eee"
102
- },
103
- pager: {
104
- position: "absolute",
105
- bottom: 12,
106
- left: 0,
107
- right: 0,
108
- flexDirection: "row",
109
- justifyContent: "center",
110
- alignItems: "center"
111
- },
112
- bullet: {
113
- marginHorizontal: 2,
114
- width: 10,
115
- height: 10,
116
- borderRadius: 20,
117
- backgroundColor: "#000"
118
- }
119
- });
120
- export default withTheme(Carousel);
@@ -1,72 +0,0 @@
1
- import * as React from "react";
2
- import { View, Text, StyleSheet } from "react-native";
3
- import { withTheme } from "../theming";
4
- import Divider from "./Divider";
5
- import Touchable from "./Touchable";
6
- import Config from "./Config";
7
- const Header = _ref => {
8
- let {
9
- Icon,
10
- titleTypeStyle,
11
- titleColor,
12
- title,
13
- buttonText,
14
- dividerTopMargin,
15
- icon,
16
- onPress,
17
- style,
18
- theme: {
19
- colors,
20
- typography
21
- }
22
- } = _ref;
23
- return /*#__PURE__*/React.createElement(View, {
24
- style: [styles.container, style]
25
- }, /*#__PURE__*/React.createElement(View, {
26
- style: styles.topContainer
27
- }, /*#__PURE__*/React.createElement(Text, {
28
- style: [titleTypeStyle, {
29
- color: titleColor,
30
- flex: 1
31
- }],
32
- numberOfLines: 1
33
- }, title), onPress && /*#__PURE__*/React.createElement(Touchable, {
34
- style: {
35
- alignSelf: "center",
36
- marginLeft: 12
37
- },
38
- onPress: onPress
39
- }, /*#__PURE__*/React.createElement(View, {
40
- style: styles.buttonContainer
41
- }, /*#__PURE__*/React.createElement(Text, {
42
- style: [typography.subtitle2, {
43
- color: colors.light,
44
- marginRight: 8
45
- }],
46
- numberOfLines: 1
47
- }, buttonText), /*#__PURE__*/React.createElement(Icon, {
48
- name: icon,
49
- size: Config.headerIconSize,
50
- color: colors.light
51
- })))), /*#__PURE__*/React.createElement(Divider, {
52
- style: {
53
- marginTop: dividerTopMargin || 16
54
- }
55
- }));
56
- };
57
- const styles = StyleSheet.create({
58
- container: {
59
- alignSelf: "stretch"
60
- },
61
- topContainer: {
62
- flexDirection: "row",
63
- justifyContent: "space-between",
64
- alignItems: "center"
65
- },
66
- buttonContainer: {
67
- flexDirection: "row",
68
- justifyContent: "center",
69
- alignItems: "center"
70
- }
71
- });
72
- export default withTheme(Header);
@@ -1,28 +0,0 @@
1
- import * as React from "react";
2
- import { withTheme } from "../theming";
3
- import Header from "./Header";
4
- const HeaderLarge = _ref => {
5
- let {
6
- Icon,
7
- title,
8
- buttonText,
9
- icon,
10
- onPress = () => {},
11
- style,
12
- theme: {
13
- colors,
14
- typography
15
- }
16
- } = _ref;
17
- return /*#__PURE__*/React.createElement(Header, {
18
- Icon: Icon,
19
- titleTypeStyle: typography.headline4,
20
- titleColor: colors.strong,
21
- title: title,
22
- buttonText: buttonText,
23
- icon: icon,
24
- onPress: onPress,
25
- style: style
26
- });
27
- };
28
- export default withTheme(HeaderLarge);
@@ -1,28 +0,0 @@
1
- import * as React from "react";
2
- import { withTheme } from "../theming";
3
- import Header from "./Header";
4
- const HeaderMedium = _ref => {
5
- let {
6
- Icon,
7
- title,
8
- buttonText,
9
- icon,
10
- onPress = () => {},
11
- style,
12
- theme: {
13
- colors,
14
- typography
15
- }
16
- } = _ref;
17
- return /*#__PURE__*/React.createElement(Header, {
18
- Icon: Icon,
19
- titleTypeStyle: typography.headline6,
20
- titleColor: colors.strong,
21
- title: title,
22
- buttonText: buttonText,
23
- icon: icon,
24
- onPress: onPress,
25
- style: style
26
- });
27
- };
28
- export default withTheme(HeaderMedium);
@@ -1,29 +0,0 @@
1
- import * as React from "react";
2
- import { withTheme } from "../theming";
3
- import Header from "./Header";
4
- const HeaderOverline = _ref => {
5
- let {
6
- Icon,
7
- title,
8
- buttonText,
9
- icon,
10
- onPress = () => {},
11
- style,
12
- theme: {
13
- colors,
14
- typography
15
- }
16
- } = _ref;
17
- return /*#__PURE__*/React.createElement(Header, {
18
- Icon: Icon,
19
- titleTypeStyle: typography.overline,
20
- titleColor: colors.light,
21
- title: title && title.toUpperCase(),
22
- buttonText: buttonText,
23
- icon: icon,
24
- dividerTopMargin: 12,
25
- onPress: onPress,
26
- style: style
27
- });
28
- };
29
- export default withTheme(HeaderOverline);
@@ -1,21 +0,0 @@
1
- import React from "react";
2
- import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
3
- import theme from "../styles/DefaultTheme";
4
- declare type Props = {
5
- image?: string | ImageSourcePropType;
6
- title?: string;
7
- leftDescription?: string;
8
- rightDescription?: string;
9
- titleCentered: boolean;
10
- aspectRatio?: number;
11
- elevation?: number;
12
- numColumns?: number;
13
- theme: typeof theme;
14
- style?: StyleProp<ViewStyle>;
15
- onPress: () => void;
16
- };
17
- declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
18
- theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
19
- }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
20
- export default _default;
21
- //# sourceMappingURL=CardBlock.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/CardBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,mBAAmB,EAGnB,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAMtB,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAG3C,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;;;;AAkGF,wBAAoC"}
@@ -1,23 +0,0 @@
1
- import React from "react";
2
- import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
3
- import type { Theme } from "../styles/DefaultTheme";
4
- import type { IconSlot } from "../interfaces/Icon";
5
- declare type Props = {
6
- image?: string | ImageSourcePropType;
7
- title?: string;
8
- leftDescription?: string;
9
- rightDescription?: string;
10
- textCentered: boolean;
11
- icon?: string;
12
- aspectRatio?: number;
13
- elevation?: number;
14
- numColumns?: number;
15
- theme: Theme;
16
- style?: StyleProp<ViewStyle>;
17
- onPress: () => void;
18
- } & IconSlot;
19
- declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
20
- theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
21
- }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
22
- export default _default;
23
- //# sourceMappingURL=CardContainer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/CardContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EAEnB,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAMtB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAQnD,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,QAAQ,CAAC;;;;AAiIb,wBAAwC"}
@@ -1,24 +0,0 @@
1
- import React from "react";
2
- import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
3
- import type { Theme } from "../styles/DefaultTheme";
4
- import type { IconSlot } from "../interfaces/Icon";
5
- declare type Props = {
6
- image?: string | ImageSourcePropType;
7
- title?: string;
8
- leftDescription?: string;
9
- rightDescription?: string;
10
- textCentered: boolean;
11
- icon?: string;
12
- rating: number;
13
- aspectRatio?: number;
14
- elevation?: number;
15
- numColumns?: number;
16
- theme: Theme;
17
- style?: StyleProp<ViewStyle>;
18
- onPress: () => void;
19
- } & IconSlot;
20
- declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
21
- theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
22
- }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
23
- export default _default;
24
- //# sourceMappingURL=CardContainerRating.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardContainerRating.d.ts","sourceRoot":"","sources":["../../../../src/components/CardContainerRating.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,mBAAmB,EAEnB,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAOtB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAOnD,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,QAAQ,CAAC;;;;AA0Ib,wBAA8C"}
@@ -1,19 +0,0 @@
1
- import React from "react";
2
- import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
3
- import theme from "../styles/DefaultTheme";
4
- declare type Props = {
5
- image?: string | ImageSourcePropType;
6
- title?: string;
7
- subtitle?: string;
8
- mode?: "right" | "left";
9
- aspectRatio?: number;
10
- elevation?: number;
11
- theme: typeof theme;
12
- style?: StyleProp<ViewStyle>;
13
- onPress: () => void;
14
- };
15
- declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
16
- theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
17
- }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
18
- export default _default;
19
- //# sourceMappingURL=CardContainerShortImage.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardContainerShortImage.d.ts","sourceRoot":"","sources":["../../../../src/components/CardContainerShortImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,mBAAmB,EACnB,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAMtB,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAE3C,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;;;;AA2EF,wBAAkD"}
@@ -1,20 +0,0 @@
1
- import React from "react";
2
- import { ImageSourcePropType, StyleProp, ViewStyle, TextStyle } from "react-native";
3
- import theme from "../styles/DefaultTheme";
4
- declare type Props = {
5
- image?: string | ImageSourcePropType;
6
- title?: string;
7
- subtitle?: string;
8
- aspectRatio?: number;
9
- elevation?: number;
10
- theme: typeof theme;
11
- style?: StyleProp<ViewStyle>;
12
- titleStyle?: StyleProp<TextStyle>;
13
- subtitleStyle?: StyleProp<TextStyle>;
14
- onPress: () => void;
15
- };
16
- declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
17
- theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
18
- }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
19
- export default _default;
20
- //# sourceMappingURL=CardInline.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardInline.d.ts","sourceRoot":"","sources":["../../../../src/components/CardInline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,mBAAmB,EACnB,SAAS,EACT,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AAMtB,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAE3C,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;;;;AA+DF,wBAAqC"}
@@ -1,15 +0,0 @@
1
- import * as React from "react";
2
- import { StyleProp, ViewStyle } from "react-native";
3
- declare type Props = {
4
- data?: any[];
5
- children?: React.ReactNode;
6
- style?: StyleProp<ViewStyle>;
7
- dotColor?: string;
8
- theme: any;
9
- };
10
- declare function Carousel({ data, children, dotColor, style, ...rest }: React.PropsWithChildren<Props>): JSX.Element;
11
- declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
12
- theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
13
- }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & typeof Carousel, {}>;
14
- export default _default;
15
- //# sourceMappingURL=Carousel.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAKL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,aAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,GAAG,CAAC;CACZ,CAAC;AA+BF,iBAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,QAAQ,EACR,QAAmB,EACnB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,eAoDhC;;;;AAwBD,wBAAmC"}
@@ -1,20 +0,0 @@
1
- import * as React from "react";
2
- import { StyleProp, TextStyle, ViewStyle } from "react-native";
3
- import type { Theme } from "../styles/DefaultTheme";
4
- import type { IconSlot } from "../interfaces/Icon";
5
- declare type Props = {
6
- titleTypeStyle?: StyleProp<TextStyle>;
7
- titleColor: string;
8
- title: string;
9
- buttonText: string;
10
- dividerTopMargin?: number;
11
- icon: string;
12
- onPress: () => void;
13
- style?: StyleProp<ViewStyle>;
14
- theme: Theme;
15
- } & IconSlot;
16
- declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
17
- theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
18
- }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
19
- export default _default;
20
- //# sourceMappingURL=Header.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAMtB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,aAAK,KAAK,GAAG;IACX,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AA6Eb,wBAAiC"}
@@ -1,17 +0,0 @@
1
- import * as React from "react";
2
- import type { Theme } from "../styles/DefaultTheme";
3
- import type { IconSlot } from "../interfaces/Icon";
4
- import { StyleProp, ViewStyle } from "react-native";
5
- declare type Props = {
6
- title: string;
7
- buttonText: string;
8
- icon: string;
9
- onPress?: () => void;
10
- style?: StyleProp<ViewStyle>;
11
- theme: Theme;
12
- } & IconSlot;
13
- declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
14
- theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
15
- }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
16
- export default _default;
17
- //# sourceMappingURL=HeaderLarge.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HeaderLarge.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderLarge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AAyBb,wBAAsC"}