@draftbit/core 46.10.3-93b2ea.2 → 46.10.3-a5cf6b.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 (112) hide show
  1. package/lib/commonjs/components/Checkbox/CheckboxRow.js +6 -23
  2. package/lib/commonjs/components/DeprecatedButton.js +20 -3
  3. package/lib/commonjs/index.js +0 -28
  4. package/lib/commonjs/mappings/NativeBase/Layout.js +108 -0
  5. package/lib/module/components/TabView/TabView.js +17 -7
  6. package/lib/module/index.js +0 -4
  7. package/lib/module/mappings/NativeBase/Layout.js +101 -0
  8. package/lib/typescript/src/index.d.ts +0 -4
  9. package/lib/typescript/src/index.d.ts.map +1 -1
  10. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts +133 -0
  11. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts.map +1 -0
  12. package/package.json +3 -3
  13. package/src/index.js +0 -4
  14. package/src/index.tsx +0 -4
  15. package/src/mappings/NativeBase/Layout.js +124 -0
  16. package/src/mappings/NativeBase/Layout.ts +145 -0
  17. package/lib/commonjs/components/Container.js +0 -93
  18. package/lib/commonjs/components/DeprecatedCardWrapper.js +0 -40
  19. package/lib/commonjs/components/DeprecatedFAB.js +0 -157
  20. package/lib/commonjs/components/ProgressIndicator.js +0 -55
  21. package/lib/commonjs/components/ResizeMode.js +0 -5
  22. package/lib/commonjs/components/Row.js +0 -73
  23. package/lib/commonjs/components/RowBodyIcon.js +0 -45
  24. package/lib/commonjs/components/RowHeadlineImageCaption.js +0 -45
  25. package/lib/commonjs/components/RowHeadlineImageIcon.js +0 -51
  26. package/lib/commonjs/mappings/CardBlock.js +0 -126
  27. package/lib/commonjs/mappings/CardContainer.js +0 -108
  28. package/lib/commonjs/mappings/CardContainerRating.js +0 -130
  29. package/lib/commonjs/mappings/CardContainerShortImage.js +0 -124
  30. package/lib/commonjs/mappings/CardInline.js +0 -59
  31. package/lib/commonjs/mappings/Container.js +0 -37
  32. package/lib/commonjs/mappings/ProgressIndicator.js +0 -188
  33. package/lib/module/components/Container.js +0 -83
  34. package/lib/module/components/DeprecatedCardWrapper.js +0 -32
  35. package/lib/module/components/DeprecatedFAB.js +0 -147
  36. package/lib/module/components/ProgressIndicator.js +0 -45
  37. package/lib/module/components/ResizeMode.js +0 -1
  38. package/lib/module/components/Row.js +0 -63
  39. package/lib/module/components/RowBodyIcon.js +0 -35
  40. package/lib/module/components/RowHeadlineImageCaption.js +0 -35
  41. package/lib/module/components/RowHeadlineImageIcon.js +0 -41
  42. package/lib/module/mappings/CardBlock.js +0 -119
  43. package/lib/module/mappings/CardContainer.js +0 -101
  44. package/lib/module/mappings/CardContainerRating.js +0 -123
  45. package/lib/module/mappings/CardContainerShortImage.js +0 -117
  46. package/lib/module/mappings/CardInline.js +0 -52
  47. package/lib/module/mappings/Container.js +0 -30
  48. package/lib/module/mappings/ProgressIndicator.js +0 -181
  49. package/lib/typescript/src/components/Container.d.ts +0 -21
  50. package/lib/typescript/src/components/Container.d.ts.map +0 -1
  51. package/lib/typescript/src/components/DeprecatedCardWrapper.d.ts +0 -15
  52. package/lib/typescript/src/components/DeprecatedCardWrapper.d.ts.map +0 -1
  53. package/lib/typescript/src/components/DeprecatedFAB.d.ts +0 -56
  54. package/lib/typescript/src/components/DeprecatedFAB.d.ts.map +0 -1
  55. package/lib/typescript/src/components/ProgressIndicator.d.ts +0 -24
  56. package/lib/typescript/src/components/ProgressIndicator.d.ts.map +0 -1
  57. package/lib/typescript/src/components/ResizeMode.d.ts +0 -2
  58. package/lib/typescript/src/components/ResizeMode.d.ts.map +0 -1
  59. package/lib/typescript/src/components/Row.d.ts +0 -21
  60. package/lib/typescript/src/components/Row.d.ts.map +0 -1
  61. package/lib/typescript/src/components/RowBodyIcon.d.ts +0 -16
  62. package/lib/typescript/src/components/RowBodyIcon.d.ts.map +0 -1
  63. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts +0 -16
  64. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts.map +0 -1
  65. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts +0 -18
  66. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts.map +0 -1
  67. package/lib/typescript/src/mappings/CardBlock.d.ts +0 -289
  68. package/lib/typescript/src/mappings/CardBlock.d.ts.map +0 -1
  69. package/lib/typescript/src/mappings/CardContainer.d.ts +0 -102
  70. package/lib/typescript/src/mappings/CardContainer.d.ts.map +0 -1
  71. package/lib/typescript/src/mappings/CardContainerRating.d.ts +0 -108
  72. package/lib/typescript/src/mappings/CardContainerRating.d.ts.map +0 -1
  73. package/lib/typescript/src/mappings/CardContainerShortImage.d.ts +0 -139
  74. package/lib/typescript/src/mappings/CardContainerShortImage.d.ts.map +0 -1
  75. package/lib/typescript/src/mappings/CardInline.d.ts +0 -62
  76. package/lib/typescript/src/mappings/CardInline.d.ts.map +0 -1
  77. package/lib/typescript/src/mappings/Container.d.ts +0 -55
  78. package/lib/typescript/src/mappings/Container.d.ts.map +0 -1
  79. package/lib/typescript/src/mappings/ProgressIndicator.d.ts +0 -181
  80. package/lib/typescript/src/mappings/ProgressIndicator.d.ts.map +0 -1
  81. package/src/components/Container.js +0 -43
  82. package/src/components/Container.tsx +0 -116
  83. package/src/components/DeprecatedCardWrapper.js +0 -18
  84. package/src/components/DeprecatedCardWrapper.tsx +0 -46
  85. package/src/components/DeprecatedFAB.js +0 -114
  86. package/src/components/DeprecatedFAB.tsx +0 -231
  87. package/src/components/ProgressIndicator.js +0 -27
  88. package/src/components/ProgressIndicator.tsx +0 -71
  89. package/src/components/ResizeMode.js +0 -1
  90. package/src/components/ResizeMode.ts +0 -7
  91. package/src/components/Row.js +0 -48
  92. package/src/components/Row.tsx +0 -108
  93. package/src/components/RowBodyIcon.js +0 -8
  94. package/src/components/RowBodyIcon.tsx +0 -47
  95. package/src/components/RowHeadlineImageCaption.js +0 -12
  96. package/src/components/RowHeadlineImageCaption.tsx +0 -49
  97. package/src/components/RowHeadlineImageIcon.js +0 -14
  98. package/src/components/RowHeadlineImageIcon.tsx +0 -61
  99. package/src/mappings/CardBlock.js +0 -123
  100. package/src/mappings/CardBlock.ts +0 -136
  101. package/src/mappings/CardContainer.js +0 -104
  102. package/src/mappings/CardContainer.ts +0 -116
  103. package/src/mappings/CardContainerRating.js +0 -126
  104. package/src/mappings/CardContainerRating.ts +0 -137
  105. package/src/mappings/CardContainerShortImage.js +0 -120
  106. package/src/mappings/CardContainerShortImage.ts +0 -130
  107. package/src/mappings/CardInline.js +0 -52
  108. package/src/mappings/CardInline.ts +0 -61
  109. package/src/mappings/Container.js +0 -30
  110. package/src/mappings/Container.ts +0 -41
  111. package/src/mappings/ProgressIndicator.js +0 -181
  112. package/src/mappings/ProgressIndicator.ts +0 -190
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardInline.d.ts","sourceRoot":"","sources":["../../../../src/mappings/CardInline.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDrB,CAAC"}
@@ -1,55 +0,0 @@
1
- export declare const SEED_DATA: {
2
- name: string;
3
- tag: string;
4
- description: string;
5
- category: string;
6
- stylesPanelSections: string[];
7
- layout: {
8
- height: number;
9
- };
10
- props: {
11
- useThemeGutterPadding: {
12
- group: string;
13
- label: string;
14
- description: string;
15
- formType: string;
16
- propType: string;
17
- defaultValue: boolean;
18
- editable: boolean;
19
- required: boolean;
20
- };
21
- backgroundImage: {
22
- label: string;
23
- description: string;
24
- group: string;
25
- formType: string;
26
- propType: string;
27
- defaultValue: string;
28
- editable: boolean;
29
- required: boolean;
30
- };
31
- backgroundImageResizeMode: {
32
- group: string;
33
- label: string;
34
- description: string;
35
- editable: boolean;
36
- required: boolean;
37
- defaultValue: string;
38
- formType: string;
39
- propType: string;
40
- options: string[];
41
- };
42
- elevation: {
43
- defaultValue: any;
44
- label: string;
45
- description: string;
46
- formType: string;
47
- propType: string;
48
- options: number[];
49
- editable: boolean;
50
- required: boolean;
51
- group: string;
52
- };
53
- };
54
- };
55
- //# sourceMappingURL=Container.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Container.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BrB,CAAC"}
@@ -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);