@draftbit/core 46.10.3-c96e98.2 → 46.10.3-cf3748.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 (93) hide show
  1. package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +5 -23
  2. package/lib/commonjs/components/Checkbox/CheckboxRow.js +6 -23
  3. package/lib/commonjs/components/Table/Table.js +3 -3
  4. package/lib/commonjs/components/Table/TableCell.js +3 -3
  5. package/lib/commonjs/components/Table/TableRow.js +4 -4
  6. package/lib/commonjs/components/Table/index.js +25 -1
  7. package/lib/module/components/Table/Table.js +1 -1
  8. package/lib/module/components/Table/TableCell.js +1 -1
  9. package/lib/module/components/Table/TableRow.js +1 -1
  10. package/lib/module/components/Table/index.js +21 -0
  11. package/lib/typescript/src/components/Table/Table.d.ts +1 -1
  12. package/lib/typescript/src/components/Table/Table.d.ts.map +1 -1
  13. package/lib/typescript/src/components/Table/TableCell.d.ts +1 -1
  14. package/lib/typescript/src/components/Table/TableCell.d.ts.map +1 -1
  15. package/lib/typescript/src/components/Table/TableRow.d.ts +1 -1
  16. package/lib/typescript/src/components/Table/TableRow.d.ts.map +1 -1
  17. package/lib/typescript/src/components/Table/index.d.ts +18 -0
  18. package/lib/typescript/src/components/Table/index.d.ts.map +1 -1
  19. package/package.json +3 -3
  20. package/src/components/Table/Table.js +1 -1
  21. package/src/components/Table/Table.tsx +1 -1
  22. package/src/components/Table/TableCell.js +1 -1
  23. package/src/components/Table/TableCell.tsx +1 -5
  24. package/src/components/Table/TableRow.js +1 -1
  25. package/src/components/Table/TableRow.tsx +1 -1
  26. package/src/components/Table/index.js +12 -0
  27. package/src/components/Table/index.tsx +41 -0
  28. package/lib/commonjs/components/DeprecatedCardWrapper.js +0 -40
  29. package/lib/commonjs/components/DeprecatedFAB.js +0 -157
  30. package/lib/commonjs/components/ProgressIndicator.js +0 -55
  31. package/lib/commonjs/components/ResizeMode.js +0 -5
  32. package/lib/commonjs/components/Table/TableCommon.js +0 -30
  33. package/lib/commonjs/mappings/CardBlock.js +0 -126
  34. package/lib/commonjs/mappings/CardContainer.js +0 -108
  35. package/lib/commonjs/mappings/CardContainerRating.js +0 -130
  36. package/lib/commonjs/mappings/CardContainerShortImage.js +0 -124
  37. package/lib/commonjs/mappings/CardInline.js +0 -59
  38. package/lib/commonjs/mappings/ProgressIndicator.js +0 -188
  39. package/lib/module/components/DeprecatedCardWrapper.js +0 -32
  40. package/lib/module/components/DeprecatedFAB.js +0 -147
  41. package/lib/module/components/ProgressIndicator.js +0 -45
  42. package/lib/module/components/ResizeMode.js +0 -1
  43. package/lib/module/components/Table/TableCommon.js +0 -21
  44. package/lib/module/mappings/CardBlock.js +0 -119
  45. package/lib/module/mappings/CardContainer.js +0 -101
  46. package/lib/module/mappings/CardContainerRating.js +0 -123
  47. package/lib/module/mappings/CardContainerShortImage.js +0 -117
  48. package/lib/module/mappings/CardInline.js +0 -52
  49. package/lib/module/mappings/ProgressIndicator.js +0 -181
  50. package/lib/typescript/src/components/DeprecatedCardWrapper.d.ts +0 -15
  51. package/lib/typescript/src/components/DeprecatedCardWrapper.d.ts.map +0 -1
  52. package/lib/typescript/src/components/DeprecatedFAB.d.ts +0 -56
  53. package/lib/typescript/src/components/DeprecatedFAB.d.ts.map +0 -1
  54. package/lib/typescript/src/components/ProgressIndicator.d.ts +0 -24
  55. package/lib/typescript/src/components/ProgressIndicator.d.ts.map +0 -1
  56. package/lib/typescript/src/components/ResizeMode.d.ts +0 -2
  57. package/lib/typescript/src/components/ResizeMode.d.ts.map +0 -1
  58. package/lib/typescript/src/components/Table/TableCommon.d.ts +0 -20
  59. package/lib/typescript/src/components/Table/TableCommon.d.ts.map +0 -1
  60. package/lib/typescript/src/mappings/CardBlock.d.ts +0 -289
  61. package/lib/typescript/src/mappings/CardBlock.d.ts.map +0 -1
  62. package/lib/typescript/src/mappings/CardContainer.d.ts +0 -102
  63. package/lib/typescript/src/mappings/CardContainer.d.ts.map +0 -1
  64. package/lib/typescript/src/mappings/CardContainerRating.d.ts +0 -108
  65. package/lib/typescript/src/mappings/CardContainerRating.d.ts.map +0 -1
  66. package/lib/typescript/src/mappings/CardContainerShortImage.d.ts +0 -139
  67. package/lib/typescript/src/mappings/CardContainerShortImage.d.ts.map +0 -1
  68. package/lib/typescript/src/mappings/CardInline.d.ts +0 -62
  69. package/lib/typescript/src/mappings/CardInline.d.ts.map +0 -1
  70. package/lib/typescript/src/mappings/ProgressIndicator.d.ts +0 -181
  71. package/lib/typescript/src/mappings/ProgressIndicator.d.ts.map +0 -1
  72. package/src/components/DeprecatedCardWrapper.js +0 -18
  73. package/src/components/DeprecatedCardWrapper.tsx +0 -46
  74. package/src/components/DeprecatedFAB.js +0 -114
  75. package/src/components/DeprecatedFAB.tsx +0 -231
  76. package/src/components/ProgressIndicator.js +0 -27
  77. package/src/components/ProgressIndicator.tsx +0 -71
  78. package/src/components/ResizeMode.js +0 -1
  79. package/src/components/ResizeMode.ts +0 -7
  80. package/src/components/Table/TableCommon.js +0 -12
  81. package/src/components/Table/TableCommon.ts +0 -40
  82. package/src/mappings/CardBlock.js +0 -123
  83. package/src/mappings/CardBlock.ts +0 -136
  84. package/src/mappings/CardContainer.js +0 -104
  85. package/src/mappings/CardContainer.ts +0 -116
  86. package/src/mappings/CardContainerRating.js +0 -126
  87. package/src/mappings/CardContainerRating.ts +0 -137
  88. package/src/mappings/CardContainerShortImage.js +0 -120
  89. package/src/mappings/CardContainerShortImage.ts +0 -130
  90. package/src/mappings/CardInline.js +0 -52
  91. package/src/mappings/CardInline.ts +0 -61
  92. package/src/mappings/ProgressIndicator.js +0 -181
  93. package/src/mappings/ProgressIndicator.ts +0 -190
@@ -1,139 +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
- props: {
10
- image: {
11
- group: string;
12
- label: string;
13
- description: string;
14
- formType: string;
15
- propType: string;
16
- defaultValue: null;
17
- editable: boolean;
18
- required: boolean;
19
- };
20
- title: {
21
- group: string;
22
- label: string;
23
- description: string;
24
- formType: string;
25
- propType: string;
26
- defaultValue: string;
27
- editable: boolean;
28
- required: boolean;
29
- };
30
- subtitle: {
31
- group: string;
32
- label: string;
33
- description: string;
34
- formType: string;
35
- propType: string;
36
- defaultValue: string;
37
- editable: boolean;
38
- required: boolean;
39
- };
40
- aspectRatio: {
41
- group: string;
42
- label: string;
43
- description: string;
44
- formType: string;
45
- propType: string;
46
- defaultValue: null;
47
- editable: boolean;
48
- required: boolean;
49
- };
50
- elevation: {
51
- defaultValue: any;
52
- label: string;
53
- description: string;
54
- formType: string;
55
- propType: string;
56
- options: number[];
57
- editable: boolean;
58
- required: boolean;
59
- group: string;
60
- };
61
- mode: {
62
- group: string;
63
- label: string;
64
- description: string;
65
- formType: string;
66
- propType: string;
67
- defaultValue: string;
68
- options: string[];
69
- editable: boolean;
70
- required: boolean;
71
- };
72
- };
73
- layout: {};
74
- } | {
75
- name: string;
76
- tag: string;
77
- description: string;
78
- category: string;
79
- stylesPanelSections: string[];
80
- preview_image_url: string;
81
- supports_list_render: boolean;
82
- props: {
83
- image: {
84
- group: string;
85
- label: string;
86
- description: string;
87
- formType: string;
88
- propType: string;
89
- defaultValue: null;
90
- editable: boolean;
91
- required: boolean;
92
- };
93
- title: {
94
- group: string;
95
- label: string;
96
- description: string;
97
- formType: string;
98
- propType: string;
99
- defaultValue: string;
100
- editable: boolean;
101
- required: boolean;
102
- };
103
- subtitle: {
104
- group: string;
105
- label: string;
106
- description: string;
107
- formType: string;
108
- propType: string;
109
- defaultValue: string;
110
- editable: boolean;
111
- required: boolean;
112
- };
113
- elevation: {
114
- defaultValue: any;
115
- label: string;
116
- description: string;
117
- formType: string;
118
- propType: string;
119
- options: number[];
120
- editable: boolean;
121
- required: boolean;
122
- group: string;
123
- };
124
- mode: {
125
- label: string;
126
- description: string;
127
- group: string;
128
- formType: string;
129
- propType: string;
130
- defaultValue: string;
131
- editable: boolean;
132
- required: boolean;
133
- options?: undefined;
134
- };
135
- aspectRatio?: undefined;
136
- };
137
- layout: {};
138
- })[];
139
- //# sourceMappingURL=CardContainerShortImage.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardContainerShortImage.d.ts","sourceRoot":"","sources":["../../../../src/mappings/CardContainerShortImage.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwHrB,CAAC"}
@@ -1,62 +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
- props: {
9
- image: {
10
- group: string;
11
- label: string;
12
- description: string;
13
- formType: string;
14
- propType: string;
15
- defaultValue: null;
16
- editable: boolean;
17
- required: boolean;
18
- };
19
- title: {
20
- group: string;
21
- label: string;
22
- description: string;
23
- formType: string;
24
- propType: string;
25
- defaultValue: string;
26
- editable: boolean;
27
- required: boolean;
28
- };
29
- subtitle: {
30
- group: string;
31
- label: string;
32
- description: string;
33
- formType: string;
34
- propType: string;
35
- defaultValue: string;
36
- editable: boolean;
37
- required: boolean;
38
- };
39
- aspectRatio: {
40
- group: string;
41
- label: string;
42
- description: string;
43
- formType: string;
44
- propType: string;
45
- defaultValue: number;
46
- editable: boolean;
47
- required: boolean;
48
- };
49
- elevation: {
50
- defaultValue: any;
51
- label: string;
52
- description: string;
53
- formType: string;
54
- propType: string;
55
- options: number[];
56
- editable: boolean;
57
- required: boolean;
58
- group: string;
59
- };
60
- };
61
- };
62
- //# sourceMappingURL=CardInline.d.ts.map
@@ -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,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,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);