@draftbit/core 46.10.3-e89832.2 → 46.10.3-fb35c9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (175) hide show
  1. package/lib/commonjs/components/AnimatedCircularProgress.js +1 -12
  2. package/lib/commonjs/components/AvatarEdit.js +4 -15
  3. package/lib/commonjs/components/Banner.js +4 -23
  4. package/lib/commonjs/components/Button.js +10 -33
  5. package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +5 -23
  6. package/lib/commonjs/components/DeprecatedButton.js +3 -20
  7. package/lib/commonjs/components/Divider.js +1 -14
  8. package/lib/commonjs/components/FieldSearchBarFull.js +2 -1
  9. package/lib/commonjs/components/Layout.js +19 -40
  10. package/lib/commonjs/components/NumberInput.js +3 -12
  11. package/lib/commonjs/components/Picker/PickerComponent.android.js +3 -20
  12. package/lib/commonjs/components/Portal/PortalConsumer.js +7 -22
  13. package/lib/commonjs/components/Portal/PortalManager.js +8 -34
  14. package/lib/commonjs/components/RadioButton/RadioButton.js +2 -13
  15. package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js +1 -9
  16. package/lib/commonjs/components/RadioButton/RadioButtonGroup.js +2 -15
  17. package/lib/commonjs/components/RadioButton/RadioButtonRow.js +5 -23
  18. package/lib/commonjs/components/ScreenContainer.js +6 -24
  19. package/lib/commonjs/components/Shadow.js +2 -15
  20. package/lib/commonjs/components/Slider.js +4 -21
  21. package/lib/commonjs/components/StarRating.js +4 -23
  22. package/lib/commonjs/components/StepIndicator.js +18 -57
  23. package/lib/commonjs/components/Surface.js +2 -14
  24. package/lib/commonjs/components/TabView/TabView.js +7 -13
  25. package/lib/commonjs/components/Table/Table.js +123 -0
  26. package/lib/commonjs/components/Table/TableCell.js +49 -0
  27. package/lib/commonjs/components/Table/TableCommon.js +30 -0
  28. package/lib/commonjs/components/Table/TableRow.js +61 -0
  29. package/lib/commonjs/components/Table/index.js +27 -0
  30. package/lib/commonjs/components/Text.js +4 -50
  31. package/lib/commonjs/components/TextField.js +28 -76
  32. package/lib/commonjs/components/ToggleButton.js +2 -15
  33. package/lib/commonjs/components/Touchable.js +2 -15
  34. package/lib/commonjs/constants.js +1 -1
  35. package/lib/commonjs/index.js +19 -28
  36. package/lib/commonjs/mappings/NativeBase/Layout.js +108 -0
  37. package/lib/commonjs/mappings/Table.js +140 -0
  38. package/lib/commonjs/styles/overlay.js +3 -1
  39. package/lib/commonjs/utilities.js +2 -1
  40. package/lib/module/components/Portal/PortalManager.js +33 -7
  41. package/lib/module/components/Table/Table.js +114 -0
  42. package/lib/module/components/Table/TableCell.js +41 -0
  43. package/lib/module/components/Table/TableCommon.js +21 -0
  44. package/lib/module/components/Table/TableRow.js +53 -0
  45. package/lib/module/components/Table/index.js +3 -0
  46. package/lib/module/index.js +1 -4
  47. package/lib/module/mappings/NativeBase/Layout.js +101 -0
  48. package/lib/module/mappings/Table.js +133 -0
  49. package/lib/typescript/src/components/Table/Table.d.ts +19 -0
  50. package/lib/typescript/src/components/Table/Table.d.ts.map +1 -0
  51. package/lib/typescript/src/components/Table/TableCell.d.ts +9 -0
  52. package/lib/typescript/src/components/Table/TableCell.d.ts.map +1 -0
  53. package/lib/typescript/src/components/Table/TableCommon.d.ts +20 -0
  54. package/lib/typescript/src/components/Table/TableCommon.d.ts.map +1 -0
  55. package/lib/typescript/src/components/{DeprecatedCardWrapper.d.ts → Table/TableRow.d.ts} +7 -8
  56. package/lib/typescript/src/components/Table/TableRow.d.ts.map +1 -0
  57. package/lib/typescript/src/components/Table/index.d.ts +4 -0
  58. package/lib/typescript/src/components/Table/index.d.ts.map +1 -0
  59. package/lib/typescript/src/index.d.ts +1 -4
  60. package/lib/typescript/src/index.d.ts.map +1 -1
  61. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts +133 -0
  62. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts.map +1 -0
  63. package/lib/typescript/src/mappings/{CardBlock.d.ts → Table.d.ts} +129 -81
  64. package/lib/typescript/src/mappings/Table.d.ts.map +1 -0
  65. package/package.json +3 -3
  66. package/src/components/Table/Table.js +93 -0
  67. package/src/components/Table/Table.tsx +176 -0
  68. package/src/components/Table/TableCell.js +31 -0
  69. package/src/components/Table/TableCell.tsx +63 -0
  70. package/src/components/Table/TableCommon.js +12 -0
  71. package/src/components/Table/TableCommon.ts +40 -0
  72. package/src/components/Table/TableRow.js +37 -0
  73. package/src/components/Table/TableRow.tsx +77 -0
  74. package/src/components/Table/index.js +3 -0
  75. package/src/components/Table/index.tsx +3 -0
  76. package/src/index.js +1 -4
  77. package/src/index.tsx +2 -4
  78. package/src/mappings/NativeBase/Layout.js +124 -0
  79. package/src/mappings/NativeBase/Layout.ts +145 -0
  80. package/src/mappings/Table.js +150 -0
  81. package/src/mappings/Table.ts +170 -0
  82. package/lib/commonjs/components/Container.js +0 -104
  83. package/lib/commonjs/components/DeprecatedCardWrapper.js +0 -40
  84. package/lib/commonjs/components/DeprecatedFAB.js +0 -157
  85. package/lib/commonjs/components/ProgressIndicator.js +0 -55
  86. package/lib/commonjs/components/ResizeMode.js +0 -5
  87. package/lib/commonjs/components/Row.js +0 -73
  88. package/lib/commonjs/components/RowBodyIcon.js +0 -45
  89. package/lib/commonjs/components/RowHeadlineImageCaption.js +0 -45
  90. package/lib/commonjs/components/RowHeadlineImageIcon.js +0 -51
  91. package/lib/commonjs/mappings/CardBlock.js +0 -126
  92. package/lib/commonjs/mappings/CardContainer.js +0 -108
  93. package/lib/commonjs/mappings/CardContainerRating.js +0 -130
  94. package/lib/commonjs/mappings/CardContainerShortImage.js +0 -124
  95. package/lib/commonjs/mappings/CardInline.js +0 -59
  96. package/lib/commonjs/mappings/Container.js +0 -37
  97. package/lib/commonjs/mappings/ProgressIndicator.js +0 -188
  98. package/lib/module/components/Container.js +0 -83
  99. package/lib/module/components/DeprecatedCardWrapper.js +0 -32
  100. package/lib/module/components/DeprecatedFAB.js +0 -147
  101. package/lib/module/components/ProgressIndicator.js +0 -45
  102. package/lib/module/components/ResizeMode.js +0 -1
  103. package/lib/module/components/Row.js +0 -63
  104. package/lib/module/components/RowBodyIcon.js +0 -35
  105. package/lib/module/components/RowHeadlineImageCaption.js +0 -35
  106. package/lib/module/components/RowHeadlineImageIcon.js +0 -41
  107. package/lib/module/mappings/CardBlock.js +0 -119
  108. package/lib/module/mappings/CardContainer.js +0 -101
  109. package/lib/module/mappings/CardContainerRating.js +0 -123
  110. package/lib/module/mappings/CardContainerShortImage.js +0 -117
  111. package/lib/module/mappings/CardInline.js +0 -52
  112. package/lib/module/mappings/Container.js +0 -30
  113. package/lib/module/mappings/ProgressIndicator.js +0 -181
  114. package/lib/typescript/src/components/Container.d.ts +0 -21
  115. package/lib/typescript/src/components/Container.d.ts.map +0 -1
  116. package/lib/typescript/src/components/DeprecatedCardWrapper.d.ts.map +0 -1
  117. package/lib/typescript/src/components/DeprecatedFAB.d.ts +0 -56
  118. package/lib/typescript/src/components/DeprecatedFAB.d.ts.map +0 -1
  119. package/lib/typescript/src/components/ProgressIndicator.d.ts +0 -24
  120. package/lib/typescript/src/components/ProgressIndicator.d.ts.map +0 -1
  121. package/lib/typescript/src/components/ResizeMode.d.ts +0 -2
  122. package/lib/typescript/src/components/ResizeMode.d.ts.map +0 -1
  123. package/lib/typescript/src/components/Row.d.ts +0 -21
  124. package/lib/typescript/src/components/Row.d.ts.map +0 -1
  125. package/lib/typescript/src/components/RowBodyIcon.d.ts +0 -16
  126. package/lib/typescript/src/components/RowBodyIcon.d.ts.map +0 -1
  127. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts +0 -16
  128. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts.map +0 -1
  129. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts +0 -18
  130. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts.map +0 -1
  131. package/lib/typescript/src/mappings/CardBlock.d.ts.map +0 -1
  132. package/lib/typescript/src/mappings/CardContainer.d.ts +0 -102
  133. package/lib/typescript/src/mappings/CardContainer.d.ts.map +0 -1
  134. package/lib/typescript/src/mappings/CardContainerRating.d.ts +0 -108
  135. package/lib/typescript/src/mappings/CardContainerRating.d.ts.map +0 -1
  136. package/lib/typescript/src/mappings/CardContainerShortImage.d.ts +0 -139
  137. package/lib/typescript/src/mappings/CardContainerShortImage.d.ts.map +0 -1
  138. package/lib/typescript/src/mappings/CardInline.d.ts +0 -62
  139. package/lib/typescript/src/mappings/CardInline.d.ts.map +0 -1
  140. package/lib/typescript/src/mappings/Container.d.ts +0 -55
  141. package/lib/typescript/src/mappings/Container.d.ts.map +0 -1
  142. package/lib/typescript/src/mappings/ProgressIndicator.d.ts +0 -181
  143. package/lib/typescript/src/mappings/ProgressIndicator.d.ts.map +0 -1
  144. package/src/components/Container.js +0 -43
  145. package/src/components/Container.tsx +0 -116
  146. package/src/components/DeprecatedCardWrapper.js +0 -18
  147. package/src/components/DeprecatedCardWrapper.tsx +0 -46
  148. package/src/components/DeprecatedFAB.js +0 -114
  149. package/src/components/DeprecatedFAB.tsx +0 -231
  150. package/src/components/ProgressIndicator.js +0 -27
  151. package/src/components/ProgressIndicator.tsx +0 -71
  152. package/src/components/ResizeMode.js +0 -1
  153. package/src/components/ResizeMode.ts +0 -7
  154. package/src/components/Row.js +0 -48
  155. package/src/components/Row.tsx +0 -108
  156. package/src/components/RowBodyIcon.js +0 -8
  157. package/src/components/RowBodyIcon.tsx +0 -47
  158. package/src/components/RowHeadlineImageCaption.js +0 -12
  159. package/src/components/RowHeadlineImageCaption.tsx +0 -49
  160. package/src/components/RowHeadlineImageIcon.js +0 -14
  161. package/src/components/RowHeadlineImageIcon.tsx +0 -61
  162. package/src/mappings/CardBlock.js +0 -123
  163. package/src/mappings/CardBlock.ts +0 -136
  164. package/src/mappings/CardContainer.js +0 -104
  165. package/src/mappings/CardContainer.ts +0 -116
  166. package/src/mappings/CardContainerRating.js +0 -126
  167. package/src/mappings/CardContainerRating.ts +0 -137
  168. package/src/mappings/CardContainerShortImage.js +0 -120
  169. package/src/mappings/CardContainerShortImage.ts +0 -130
  170. package/src/mappings/CardInline.js +0 -52
  171. package/src/mappings/CardInline.ts +0 -61
  172. package/src/mappings/Container.js +0 -30
  173. package/src/mappings/Container.ts +0 -41
  174. package/src/mappings/ProgressIndicator.js +0 -181
  175. package/src/mappings/ProgressIndicator.ts +0 -190
@@ -1,181 +0,0 @@
1
- export declare const SEED_DATA: {
2
- name: string;
3
- tag: string;
4
- description: string;
5
- category: string;
6
- stylesPanelSections: string[];
7
- preview_image_url: string;
8
- supports_list_render: boolean;
9
- layout: {};
10
- props: {
11
- numberOfSteps: {
12
- group: string;
13
- label: string;
14
- description: string;
15
- editable: boolean;
16
- required: boolean;
17
- formType: string;
18
- propType: string;
19
- min: number;
20
- max: number;
21
- step: number;
22
- precision: number;
23
- defaultValue: number;
24
- };
25
- currentStep: {
26
- group: string;
27
- label: string;
28
- description: string;
29
- editable: boolean;
30
- required: boolean;
31
- formType: string;
32
- propType: string;
33
- min: number;
34
- max: number;
35
- step: number;
36
- precision: number;
37
- defaultValue: number;
38
- };
39
- stepIndicatorSize: {
40
- group: string;
41
- label: string;
42
- description: string;
43
- editable: boolean;
44
- required: boolean;
45
- formType: string;
46
- propType: string;
47
- min: number;
48
- max: number;
49
- step: number;
50
- precision: number;
51
- defaultValue: number;
52
- };
53
- stepIndicatorLabelFontSize: {
54
- group: string;
55
- label: string;
56
- description: string;
57
- editable: boolean;
58
- required: boolean;
59
- formType: string;
60
- propType: string;
61
- min: number;
62
- max: number;
63
- step: number;
64
- precision: number;
65
- defaultValue: number;
66
- };
67
- currentStepIndicatorLabelFontSize: {
68
- group: string;
69
- label: string;
70
- description: string;
71
- editable: boolean;
72
- required: boolean;
73
- formType: string;
74
- propType: string;
75
- min: number;
76
- max: number;
77
- step: number;
78
- precision: number;
79
- defaultValue: number;
80
- };
81
- unfinishedColor: {
82
- group: string;
83
- label: string;
84
- description: string;
85
- editable: boolean;
86
- required: boolean;
87
- formType: string;
88
- propType: string;
89
- defaultValue: null;
90
- };
91
- finishedColor: {
92
- group: string;
93
- label: string;
94
- description: string;
95
- editable: boolean;
96
- required: boolean;
97
- formType: string;
98
- propType: string;
99
- defaultValue: null;
100
- };
101
- stepNumberUnfinishedColor: {
102
- group: string;
103
- label: string;
104
- description: string;
105
- editable: boolean;
106
- required: boolean;
107
- formType: string;
108
- propType: string;
109
- defaultValue: null;
110
- };
111
- stepNumberFinishedColor: {
112
- group: string;
113
- label: string;
114
- description: string;
115
- editable: boolean;
116
- required: boolean;
117
- formType: string;
118
- propType: string;
119
- defaultValue: null;
120
- };
121
- stepIndicatorCurrentColor: {
122
- group: string;
123
- label: string;
124
- description: string;
125
- editable: boolean;
126
- required: boolean;
127
- formType: string;
128
- propType: string;
129
- defaultValue: null;
130
- };
131
- stepIndicatorLabelCurrentColor: {
132
- group: string;
133
- label: string;
134
- description: string;
135
- editable: boolean;
136
- required: boolean;
137
- formType: string;
138
- propType: string;
139
- defaultValue: null;
140
- };
141
- stepStrokeCurrentColor: {
142
- group: string;
143
- label: string;
144
- description: string;
145
- editable: boolean;
146
- required: boolean;
147
- formType: string;
148
- propType: string;
149
- defaultValue: null;
150
- };
151
- currentStepStrokeWidth: {
152
- group: string;
153
- label: string;
154
- description: string;
155
- editable: boolean;
156
- required: boolean;
157
- formType: string;
158
- propType: string;
159
- min: number;
160
- max: number;
161
- step: number;
162
- precision: number;
163
- defaultValue: number;
164
- };
165
- currentStepIndicatorSize: {
166
- group: string;
167
- label: string;
168
- description: string;
169
- editable: boolean;
170
- required: boolean;
171
- formType: string;
172
- propType: string;
173
- min: number;
174
- max: number;
175
- step: number;
176
- precision: number;
177
- defaultValue: null;
178
- };
179
- };
180
- };
181
- //# sourceMappingURL=ProgressIndicator.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProgressIndicator.d.ts","sourceRoot":"","sources":["../../../../src/mappings/ProgressIndicator.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqLrB,CAAC"}
@@ -1,43 +0,0 @@
1
- import * as React from "react";
2
- import { View, ImageBackground, StyleSheet, } from "react-native";
3
- import { withTheme } from "../theming";
4
- import Elevation from "./Elevation";
5
- const Container = ({ useThemeGutterPadding, borderColor, borderWidth, backgroundColor, backgroundImage, backgroundImageResizeMode, elevation, style, children, theme, // eslint-disable-line @typescript-eslint/no-unused-vars
6
- ...rest }) => {
7
- const { flex, flexGrow, flexWrap, flexBasis, flexShrink, flexDirection, alignContent, justifyContent, alignItems, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, paddingVertical, paddingHorizontal, ...styleProp } = StyleSheet.flatten(style) || {};
8
- const containerStyle = {
9
- backgroundColor,
10
- borderColor,
11
- borderWidth,
12
- width: "100%",
13
- ...styleProp,
14
- };
15
- const innerStyle = {
16
- flex,
17
- flexGrow,
18
- flexWrap,
19
- flexBasis,
20
- flexShrink,
21
- flexDirection,
22
- alignContent,
23
- justifyContent,
24
- alignItems,
25
- padding,
26
- paddingTop,
27
- paddingBottom,
28
- paddingLeft,
29
- paddingRight,
30
- paddingVertical,
31
- paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0,
32
- };
33
- const Wrap = elevation ? Elevation : View;
34
- if (elevation)
35
- containerStyle.elevation = elevation;
36
- return (React.createElement(Wrap, { style: [containerStyle, style], ...rest }, backgroundImage ? (React.createElement(ImageBackground, { source: typeof backgroundImage === "string"
37
- ? { uri: backgroundImage }
38
- : backgroundImage, resizeMode: backgroundImageResizeMode, style: {
39
- flex: 1,
40
- } },
41
- React.createElement(View, { style: innerStyle }, children))) : (React.createElement(View, { style: innerStyle }, children))));
42
- };
43
- export default withTheme(Container);
@@ -1,116 +0,0 @@
1
- import * as React from "react";
2
- import {
3
- View,
4
- ImageBackground,
5
- ImageSourcePropType,
6
- StyleProp,
7
- StyleSheet,
8
- ViewStyle,
9
- } from "react-native";
10
- import { withTheme } from "../theming";
11
-
12
- import Elevation from "./Elevation";
13
- import type { Theme } from "../styles/DefaultTheme";
14
- import { ResizeModeType } from "./ResizeMode";
15
-
16
- type Props = {
17
- theme: Theme;
18
- useThemeGutterPadding: boolean;
19
- borderColor: string;
20
- borderWidth: number;
21
- backgroundColor: string;
22
- backgroundImage?: string | ImageSourcePropType;
23
- backgroundImageResizeMode?: ResizeModeType;
24
- elevation?: number;
25
- style?: StyleProp<ViewStyle>;
26
- children?: React.ReactNode;
27
- };
28
-
29
- const Container: React.FC<React.PropsWithChildren<Props>> = ({
30
- useThemeGutterPadding,
31
- borderColor,
32
- borderWidth,
33
- backgroundColor,
34
- backgroundImage,
35
- backgroundImageResizeMode,
36
- elevation,
37
- style,
38
- children,
39
- theme, // eslint-disable-line @typescript-eslint/no-unused-vars
40
- ...rest
41
- }) => {
42
- const {
43
- flex,
44
- flexGrow,
45
- flexWrap,
46
- flexBasis,
47
- flexShrink,
48
- flexDirection,
49
- alignContent,
50
- justifyContent,
51
- alignItems,
52
- padding,
53
- paddingTop,
54
- paddingBottom,
55
- paddingLeft,
56
- paddingRight,
57
- paddingVertical,
58
- paddingHorizontal,
59
- ...styleProp
60
- } = StyleSheet.flatten(style) || {};
61
-
62
- const containerStyle: StyleProp<ViewStyle> = {
63
- backgroundColor,
64
- borderColor,
65
- borderWidth,
66
- width: "100%",
67
- ...styleProp,
68
- };
69
-
70
- const innerStyle: StyleProp<ViewStyle> = {
71
- flex,
72
- flexGrow,
73
- flexWrap,
74
- flexBasis,
75
- flexShrink,
76
- flexDirection,
77
- alignContent,
78
- justifyContent,
79
- alignItems,
80
- padding,
81
- paddingTop,
82
- paddingBottom,
83
- paddingLeft,
84
- paddingRight,
85
- paddingVertical,
86
- paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0,
87
- };
88
-
89
- const Wrap = elevation ? Elevation : View;
90
-
91
- if (elevation) containerStyle.elevation = elevation;
92
-
93
- return (
94
- <Wrap style={[containerStyle, style]} {...rest}>
95
- {backgroundImage ? (
96
- <ImageBackground
97
- source={
98
- typeof backgroundImage === "string"
99
- ? { uri: backgroundImage }
100
- : backgroundImage
101
- }
102
- resizeMode={backgroundImageResizeMode}
103
- style={{
104
- flex: 1,
105
- }}
106
- >
107
- <View style={innerStyle}>{children}</View>
108
- </ImageBackground>
109
- ) : (
110
- <View style={innerStyle}>{children}</View>
111
- )}
112
- </Wrap>
113
- );
114
- };
115
-
116
- export default withTheme(Container);
@@ -1,18 +0,0 @@
1
- import React from "react";
2
- import { withTheme } from "../theming";
3
- import Touchable from "./Touchable";
4
- const getWidth = (numColumns) => {
5
- switch (numColumns) {
6
- case 1:
7
- return "33%";
8
- case 2:
9
- return "50%";
10
- default:
11
- return "100%";
12
- }
13
- };
14
- const Card = ({ numColumns = 3, children, onPress, style, ...rest }) => {
15
- const width = getWidth(numColumns);
16
- return (React.createElement(Touchable, { disabled: !onPress, onPress: onPress, style: [style, { width }], ...rest }, children));
17
- };
18
- export default withTheme(Card);
@@ -1,46 +0,0 @@
1
- import React from "react";
2
- import { withTheme } from "../theming";
3
- import Touchable from "./Touchable";
4
- import { StyleProp, ViewStyle } from "react-native";
5
- import theme from "../styles/DefaultTheme";
6
-
7
- type Props = {
8
- numColumns?: number;
9
- children?: React.ReactNode;
10
- onPress?: () => void;
11
- style?: StyleProp<ViewStyle>;
12
- theme: typeof theme;
13
- };
14
-
15
- const getWidth = (numColumns: number) => {
16
- switch (numColumns) {
17
- case 1:
18
- return "33%";
19
- case 2:
20
- return "50%";
21
- default:
22
- return "100%";
23
- }
24
- };
25
-
26
- const Card: React.FC<React.PropsWithChildren<Props>> = ({
27
- numColumns = 3,
28
- children,
29
- onPress,
30
- style,
31
- ...rest
32
- }) => {
33
- const width = getWidth(numColumns);
34
- return (
35
- <Touchable
36
- disabled={!onPress}
37
- onPress={onPress}
38
- style={[style, { width }]}
39
- {...rest}
40
- >
41
- {children}
42
- </Touchable>
43
- );
44
- };
45
-
46
- export default withTheme(Card);
@@ -1,114 +0,0 @@
1
- import * as React from "react";
2
- import { ActivityIndicator, View, StyleSheet, Pressable, } from "react-native";
3
- import color from "color";
4
- import Config from "./Config";
5
- import Text from "./Text";
6
- import Elevation from "./Elevation";
7
- import { withTheme } from "../theming";
8
- const FAB = ({ Icon, icon, disabled = false, type = "solid", loading = false, color: colorOverride, label, onPress, elevation = 0, style, theme: { colors, disabledOpacity, roundness, typography }, ...rest }) => {
9
- let backgroundColor, borderColor, textColor, borderWidth;
10
- const buttonColor = colorOverride || colors.primary;
11
- if (type === "standard" || type === "extended" || type === "fixed") {
12
- backgroundColor = buttonColor;
13
- if (disabled) {
14
- textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();
15
- }
16
- else {
17
- textColor = colors.surface;
18
- }
19
- }
20
- else {
21
- backgroundColor = "transparent";
22
- if (disabled) {
23
- textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();
24
- }
25
- else {
26
- textColor = buttonColor;
27
- }
28
- }
29
- if (type === "outline") {
30
- if (disabled) {
31
- borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();
32
- }
33
- else {
34
- borderColor = buttonColor;
35
- }
36
- borderWidth = StyleSheet.hairlineWidth;
37
- }
38
- else {
39
- borderColor = "transparent";
40
- borderWidth = 0;
41
- }
42
- const buttonStyle = {
43
- backgroundColor,
44
- borderColor,
45
- borderWidth,
46
- borderRadius: roundness,
47
- alignItems: "center",
48
- justifyContent: "center",
49
- };
50
- const buttonStyles = [styles.button, buttonStyle];
51
- const contentStyle = [styles.content];
52
- const textStyle = {
53
- textAlign: "center",
54
- color: textColor,
55
- };
56
- const iconStyle = [
57
- styles.icon,
58
- {
59
- width: Config.buttonIconSize,
60
- },
61
- ];
62
- if (type === "standard" || type === "outline") {
63
- buttonStyle.width = Config.FABSize;
64
- buttonStyle.height = Config.FABSize;
65
- buttonStyle.borderRadius = Config.FABBorderRadius;
66
- contentStyle.push({
67
- width: Config.FABSize,
68
- height: Config.FABSize,
69
- });
70
- }
71
- if (type === "extended" || type === "fixed") {
72
- iconStyle.push({
73
- marginLeft: 16,
74
- marginRight: -8,
75
- });
76
- textStyle.margin = 16;
77
- }
78
- if (type === "fixed") {
79
- buttonStyles.push({
80
- height: Config.FABFixedHeight,
81
- alignSelf: "stretch",
82
- });
83
- }
84
- return (React.createElement(Elevation, { style: [{ elevation }, style] },
85
- React.createElement(Pressable, { ...rest, onPress: onPress, accessibilityState: { disabled }, accessibilityRole: "button", disabled: disabled || loading, style: buttonStyles },
86
- React.createElement(View, { style: styles.content },
87
- icon && loading !== true ? (React.createElement(View, { style: iconStyle },
88
- React.createElement(Icon, { name: icon, size: Config.buttonIconSize, color: textColor }))) : null,
89
- loading ? (React.createElement(ActivityIndicator, { size: "small", color: textColor, style: iconStyle })) : null,
90
- label ? (React.createElement(Text, { numberOfLines: 1, style: [textStyle, typography.button] }, label)) : null))));
91
- };
92
- const styles = StyleSheet.create({
93
- button: {
94
- borderStyle: "solid",
95
- },
96
- content: {
97
- flexDirection: "row",
98
- alignItems: "center",
99
- justifyContent: "center",
100
- },
101
- icon: {
102
- alignItems: "center",
103
- justifyContent: "center",
104
- width: Config.buttonIconSize,
105
- },
106
- fixed: {
107
- left: 0,
108
- right: 0,
109
- bottom: 0,
110
- height: 64,
111
- borderRadius: 0,
112
- },
113
- });
114
- export default withTheme(FAB);