@draftbit/core 46.10.3-1b8e7d.2 → 46.10.3-258cfa.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 (87) 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 +5 -7
  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 +5 -5
  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 +3 -7
  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 +3 -4
  21. package/src/components/Table/Table.tsx +3 -7
  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/ProgressIndicator.js +0 -55
  30. package/lib/commonjs/components/ResizeMode.js +0 -5
  31. package/lib/commonjs/components/Table/TableCommon.js +0 -30
  32. package/lib/commonjs/mappings/CardBlock.js +0 -126
  33. package/lib/commonjs/mappings/CardContainer.js +0 -108
  34. package/lib/commonjs/mappings/CardContainerRating.js +0 -130
  35. package/lib/commonjs/mappings/CardContainerShortImage.js +0 -124
  36. package/lib/commonjs/mappings/CardInline.js +0 -59
  37. package/lib/commonjs/mappings/ProgressIndicator.js +0 -188
  38. package/lib/module/components/DeprecatedCardWrapper.js +0 -32
  39. package/lib/module/components/ProgressIndicator.js +0 -45
  40. package/lib/module/components/ResizeMode.js +0 -1
  41. package/lib/module/components/Table/TableCommon.js +0 -21
  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/ProgressIndicator.js +0 -181
  48. package/lib/typescript/src/components/DeprecatedCardWrapper.d.ts +0 -15
  49. package/lib/typescript/src/components/DeprecatedCardWrapper.d.ts.map +0 -1
  50. package/lib/typescript/src/components/ProgressIndicator.d.ts +0 -24
  51. package/lib/typescript/src/components/ProgressIndicator.d.ts.map +0 -1
  52. package/lib/typescript/src/components/ResizeMode.d.ts +0 -2
  53. package/lib/typescript/src/components/ResizeMode.d.ts.map +0 -1
  54. package/lib/typescript/src/components/Table/TableCommon.d.ts +0 -20
  55. package/lib/typescript/src/components/Table/TableCommon.d.ts.map +0 -1
  56. package/lib/typescript/src/mappings/CardBlock.d.ts +0 -289
  57. package/lib/typescript/src/mappings/CardBlock.d.ts.map +0 -1
  58. package/lib/typescript/src/mappings/CardContainer.d.ts +0 -102
  59. package/lib/typescript/src/mappings/CardContainer.d.ts.map +0 -1
  60. package/lib/typescript/src/mappings/CardContainerRating.d.ts +0 -108
  61. package/lib/typescript/src/mappings/CardContainerRating.d.ts.map +0 -1
  62. package/lib/typescript/src/mappings/CardContainerShortImage.d.ts +0 -139
  63. package/lib/typescript/src/mappings/CardContainerShortImage.d.ts.map +0 -1
  64. package/lib/typescript/src/mappings/CardInline.d.ts +0 -62
  65. package/lib/typescript/src/mappings/CardInline.d.ts.map +0 -1
  66. package/lib/typescript/src/mappings/ProgressIndicator.d.ts +0 -181
  67. package/lib/typescript/src/mappings/ProgressIndicator.d.ts.map +0 -1
  68. package/src/components/DeprecatedCardWrapper.js +0 -18
  69. package/src/components/DeprecatedCardWrapper.tsx +0 -46
  70. package/src/components/ProgressIndicator.js +0 -27
  71. package/src/components/ProgressIndicator.tsx +0 -71
  72. package/src/components/ResizeMode.js +0 -1
  73. package/src/components/ResizeMode.ts +0 -7
  74. package/src/components/Table/TableCommon.js +0 -12
  75. package/src/components/Table/TableCommon.ts +0 -40
  76. package/src/mappings/CardBlock.js +0 -123
  77. package/src/mappings/CardBlock.ts +0 -136
  78. package/src/mappings/CardContainer.js +0 -104
  79. package/src/mappings/CardContainer.ts +0 -116
  80. package/src/mappings/CardContainerRating.js +0 -126
  81. package/src/mappings/CardContainerRating.ts +0 -137
  82. package/src/mappings/CardContainerShortImage.js +0 -120
  83. package/src/mappings/CardContainerShortImage.ts +0 -130
  84. package/src/mappings/CardInline.js +0 -52
  85. package/src/mappings/CardInline.ts +0 -61
  86. package/src/mappings/ProgressIndicator.js +0 -181
  87. 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,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,27 +0,0 @@
1
- import * as React from "react";
2
- import StepIndicator from "./StepIndicator";
3
- import { withTheme } from "../theming";
4
- const ProgressIndicator = ({ numberOfSteps, currentStep, currentStepStrokeWidth = 3, stepStrokeCurrentColor = "primary", stepIndicatorSize, currentStepIndicatorSize, stepIndicatorCurrentColor, stepIndicatorLabelCurrentColor, stepIndicatorLabelFontSize = 12, stepNumberFinishedColor = "strongInverse", stepNumberUnfinishedColor = "primary", unfinishedColor = "light", finishedColor = "primary", theme, }) => {
5
- const currentPosition = currentStep - 1;
6
- return (React.createElement(StepIndicator, { stepCount: numberOfSteps, currentPosition: currentPosition, customStyles: {
7
- stepIndicatorSize,
8
- currentStepIndicatorSize: currentStepIndicatorSize
9
- ? currentStepIndicatorSize
10
- : stepIndicatorSize,
11
- stepStrokeFinishedColor: finishedColor,
12
- stepStrokeUnFinishedColor: unfinishedColor,
13
- separatorFinishedColor: finishedColor,
14
- separatorUnFinishedColor: unfinishedColor,
15
- stepIndicatorFinishedColor: finishedColor,
16
- stepIndicatorUnFinishedColor: unfinishedColor,
17
- currentStepStrokeWidth,
18
- stepStrokeCurrentColor: stepStrokeCurrentColor || stepIndicatorCurrentColor,
19
- stepIndicatorLabelUnFinishedColor: stepNumberUnfinishedColor,
20
- stepIndicatorLabelFinishedColor: stepNumberFinishedColor,
21
- stepIndicatorCurrentColor: stepIndicatorCurrentColor || unfinishedColor,
22
- stepIndicatorLabelCurrentColor: stepIndicatorLabelCurrentColor || stepNumberUnfinishedColor,
23
- stepIndicatorLabelFontSize,
24
- labelFontFamily: theme.typography.body1.fontFamily,
25
- } }));
26
- };
27
- export default withTheme(ProgressIndicator);
@@ -1,71 +0,0 @@
1
- import * as React from "react";
2
- import StepIndicator from "./StepIndicator";
3
- import { withTheme } from "../theming";
4
- import themeT from "../styles/DefaultTheme";
5
- import { colorTypes } from "@draftbit/types";
6
-
7
- type Props = {
8
- numberOfSteps: number;
9
- currentStep: number;
10
- currentStepStrokeWidth?: number;
11
- stepStrokeCurrentColor?: colorTypes;
12
- stepIndicatorSize?: number;
13
- currentStepIndicatorSize?: number;
14
- stepIndicatorCurrentColor?: colorTypes;
15
- stepIndicatorLabelCurrentColor?: colorTypes;
16
- stepIndicatorLabelFontSize?: number;
17
- stepNumberFinishedColor?: colorTypes;
18
- stepNumberUnfinishedColor?: colorTypes;
19
- unfinishedColor?: colorTypes;
20
- finishedColor?: colorTypes;
21
- theme: typeof themeT;
22
- };
23
-
24
- const ProgressIndicator: React.FC<React.PropsWithChildren<Props>> = ({
25
- numberOfSteps,
26
- currentStep,
27
- currentStepStrokeWidth = 3,
28
- stepStrokeCurrentColor = "primary",
29
- stepIndicatorSize,
30
- currentStepIndicatorSize,
31
- stepIndicatorCurrentColor,
32
- stepIndicatorLabelCurrentColor,
33
- stepIndicatorLabelFontSize = 12,
34
- stepNumberFinishedColor = "strongInverse",
35
- stepNumberUnfinishedColor = "primary",
36
- unfinishedColor = "light",
37
- finishedColor = "primary",
38
- theme,
39
- }) => {
40
- const currentPosition = currentStep - 1;
41
- return (
42
- <StepIndicator
43
- stepCount={numberOfSteps}
44
- currentPosition={currentPosition}
45
- customStyles={{
46
- stepIndicatorSize,
47
- currentStepIndicatorSize: currentStepIndicatorSize
48
- ? currentStepIndicatorSize
49
- : stepIndicatorSize,
50
- stepStrokeFinishedColor: finishedColor,
51
- stepStrokeUnFinishedColor: unfinishedColor,
52
- separatorFinishedColor: finishedColor,
53
- separatorUnFinishedColor: unfinishedColor,
54
- stepIndicatorFinishedColor: finishedColor,
55
- stepIndicatorUnFinishedColor: unfinishedColor,
56
- currentStepStrokeWidth,
57
- stepStrokeCurrentColor:
58
- stepStrokeCurrentColor || stepIndicatorCurrentColor,
59
- stepIndicatorLabelUnFinishedColor: stepNumberUnfinishedColor,
60
- stepIndicatorLabelFinishedColor: stepNumberFinishedColor,
61
- stepIndicatorCurrentColor: stepIndicatorCurrentColor || unfinishedColor,
62
- stepIndicatorLabelCurrentColor:
63
- stepIndicatorLabelCurrentColor || stepNumberUnfinishedColor,
64
- stepIndicatorLabelFontSize,
65
- labelFontFamily: theme.typography.body1.fontFamily,
66
- }}
67
- />
68
- );
69
- };
70
-
71
- export default withTheme(ProgressIndicator);
@@ -1 +0,0 @@
1
- export {};
@@ -1,7 +0,0 @@
1
- export type ResizeModeType =
2
- | "cover"
3
- | "contain"
4
- | "stretch"
5
- | "repeat"
6
- | "center"
7
- | undefined;
@@ -1,12 +0,0 @@
1
- import React from "react";
2
- export const TableStyleContext = React.createContext({});
3
- export function generateBorderStyles({ borderColor, borderWidth, borderStyle, drawTopBorder, drawBottomBorder, drawStartBorder, drawEndBorder, }) {
4
- return {
5
- borderColor,
6
- borderStyle,
7
- borderTopWidth: drawTopBorder ? borderWidth : 0,
8
- borderBottomWidth: drawBottomBorder ? borderWidth : 0,
9
- borderStartWidth: drawStartBorder ? borderWidth : 0,
10
- borderEndWidth: drawEndBorder ? borderWidth : 0,
11
- };
12
- }
@@ -1,40 +0,0 @@
1
- import React from "react";
2
- import { ViewStyle } from "react-native";
3
-
4
- type BorderStyle = "solid" | "dotted" | "dashed";
5
-
6
- export const TableStyleContext = React.createContext<TableStyleProps>({});
7
-
8
- export interface TableStyleProps {
9
- borderWidth?: number;
10
- borderColor?: string;
11
- borderStyle?: BorderStyle;
12
- cellVerticalPadding?: number;
13
- cellHorizontalPadding?: number;
14
- }
15
-
16
- export interface TableProps extends TableStyleProps {
17
- drawTopBorder?: boolean;
18
- drawBottomBorder?: boolean;
19
- drawStartBorder?: boolean;
20
- drawEndBorder?: boolean;
21
- }
22
-
23
- export function generateBorderStyles({
24
- borderColor,
25
- borderWidth,
26
- borderStyle,
27
- drawTopBorder,
28
- drawBottomBorder,
29
- drawStartBorder,
30
- drawEndBorder,
31
- }: TableProps): ViewStyle {
32
- return {
33
- borderColor,
34
- borderStyle,
35
- borderTopWidth: drawTopBorder ? borderWidth : 0,
36
- borderBottomWidth: drawBottomBorder ? borderWidth : 0,
37
- borderStartWidth: drawStartBorder ? borderWidth : 0,
38
- borderEndWidth: drawEndBorder ? borderWidth : 0,
39
- };
40
- }
@@ -1,123 +0,0 @@
1
- import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createElevationType, createNumColumnsType, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
2
- const SEED_DATA_PROPS = {
3
- image: {
4
- group: GROUPS.data,
5
- label: "Image",
6
- description: "Image",
7
- formType: FORM_TYPES.image,
8
- propType: PROP_TYPES.ASSET,
9
- defaultValue: null,
10
- editable: true,
11
- required: false,
12
- },
13
- title: {
14
- group: GROUPS.data,
15
- label: "Title",
16
- description: "Text to display",
17
- formType: FORM_TYPES.string,
18
- propType: PROP_TYPES.STRING,
19
- defaultValue: "Beautiful West Coast Villa",
20
- editable: true,
21
- required: false,
22
- },
23
- leftDescription: {
24
- group: GROUPS.data,
25
- label: "Left description",
26
- description: "Text to display on the left",
27
- formType: FORM_TYPES.string,
28
- propType: PROP_TYPES.STRING,
29
- defaultValue: "San Diego",
30
- editable: true,
31
- required: false,
32
- },
33
- rightDescription: {
34
- group: GROUPS.data,
35
- label: "Right description",
36
- description: "Text to display on the right",
37
- formType: FORM_TYPES.string,
38
- propType: PROP_TYPES.STRING,
39
- defaultValue: "$100",
40
- editable: true,
41
- required: false,
42
- },
43
- aspectRatio: {
44
- group: GROUPS.basic,
45
- label: "Aspect ratio",
46
- description: "Aspect ratio of the image",
47
- formType: FORM_TYPES.aspectRatio,
48
- propType: PROP_TYPES.NUMBER,
49
- defaultValue: 1.5,
50
- editable: true,
51
- required: false,
52
- },
53
- titleCentered: {
54
- group: GROUPS.basic,
55
- label: "Title centered",
56
- description: "Whether to center the title",
57
- formType: FORM_TYPES.boolean,
58
- propType: PROP_TYPES.BOOLEAN,
59
- defaultValue: false,
60
- editable: true,
61
- required: false,
62
- },
63
- elevation: createElevationType(2),
64
- };
65
- export const SEED_DATA = [
66
- {
67
- name: "Small Card",
68
- tag: "CardBlock",
69
- description: "An elevated card with a title and description, that takes up one third of its container.",
70
- category: COMPONENT_TYPES.card,
71
- props: {
72
- ...SEED_DATA_PROPS,
73
- numColumns: createNumColumnsType({
74
- defaultValue: 1,
75
- }),
76
- },
77
- },
78
- {
79
- name: "Medium Block Card",
80
- tag: "CardBlock",
81
- description: "An elevated card with a title and description, that takes up one half of its container.",
82
- category: COMPONENT_TYPES.card,
83
- props: {
84
- ...SEED_DATA_PROPS,
85
- icon: {
86
- group: GROUPS.basic,
87
- label: "Icon",
88
- description: "Icon to display on the top right",
89
- formType: FORM_TYPES.icon,
90
- propType: PROP_TYPES.STRING,
91
- defaultValue: null,
92
- editable: true,
93
- required: true,
94
- },
95
- numColumns: createNumColumnsType({
96
- defaultValue: 2,
97
- }),
98
- },
99
- },
100
- {
101
- name: "Large Block Card",
102
- tag: "CardBlock",
103
- description: "An elevated card with a title and description, that takes up the full width its container.",
104
- category: COMPONENT_TYPES.card,
105
- stylesPanelSections: BLOCK_STYLES_SECTIONS,
106
- props: {
107
- ...SEED_DATA_PROPS,
108
- icon: {
109
- group: GROUPS.basic,
110
- label: "Icon",
111
- description: "Icon to display on the top right",
112
- formType: FORM_TYPES.icon,
113
- propType: PROP_TYPES.STRING,
114
- defaultValue: null,
115
- editable: true,
116
- required: true,
117
- },
118
- numColumns: createNumColumnsType({
119
- defaultValue: 3,
120
- }),
121
- },
122
- },
123
- ];
@@ -1,136 +0,0 @@
1
- import {
2
- GROUPS,
3
- COMPONENT_TYPES,
4
- FORM_TYPES,
5
- PROP_TYPES,
6
- createElevationType,
7
- createNumColumnsType,
8
- BLOCK_STYLES_SECTIONS,
9
- } from "@draftbit/types";
10
-
11
- const SEED_DATA_PROPS = {
12
- image: {
13
- group: GROUPS.data,
14
- label: "Image",
15
- description: "Image",
16
- formType: FORM_TYPES.image,
17
- propType: PROP_TYPES.ASSET,
18
- defaultValue: null,
19
- editable: true,
20
- required: false,
21
- },
22
- title: {
23
- group: GROUPS.data,
24
- label: "Title",
25
- description: "Text to display",
26
- formType: FORM_TYPES.string,
27
- propType: PROP_TYPES.STRING,
28
- defaultValue: "Beautiful West Coast Villa",
29
- editable: true,
30
- required: false,
31
- },
32
- leftDescription: {
33
- group: GROUPS.data,
34
- label: "Left description",
35
- description: "Text to display on the left",
36
- formType: FORM_TYPES.string,
37
- propType: PROP_TYPES.STRING,
38
- defaultValue: "San Diego",
39
- editable: true,
40
- required: false,
41
- },
42
- rightDescription: {
43
- group: GROUPS.data,
44
- label: "Right description",
45
- description: "Text to display on the right",
46
- formType: FORM_TYPES.string,
47
- propType: PROP_TYPES.STRING,
48
- defaultValue: "$100",
49
- editable: true,
50
- required: false,
51
- },
52
- aspectRatio: {
53
- group: GROUPS.basic,
54
- label: "Aspect ratio",
55
- description: "Aspect ratio of the image",
56
- formType: FORM_TYPES.aspectRatio,
57
- propType: PROP_TYPES.NUMBER,
58
- defaultValue: 1.5,
59
- editable: true,
60
- required: false,
61
- },
62
- titleCentered: {
63
- group: GROUPS.basic,
64
- label: "Title centered",
65
- description: "Whether to center the title",
66
- formType: FORM_TYPES.boolean,
67
- propType: PROP_TYPES.BOOLEAN,
68
- defaultValue: false,
69
- editable: true,
70
- required: false,
71
- },
72
- elevation: createElevationType(2),
73
- };
74
-
75
- export const SEED_DATA = [
76
- {
77
- name: "Small Card",
78
- tag: "CardBlock",
79
- description:
80
- "An elevated card with a title and description, that takes up one third of its container.",
81
- category: COMPONENT_TYPES.card,
82
- props: {
83
- ...SEED_DATA_PROPS,
84
- numColumns: createNumColumnsType({
85
- defaultValue: 1,
86
- }),
87
- },
88
- },
89
- {
90
- name: "Medium Block Card",
91
- tag: "CardBlock",
92
- description:
93
- "An elevated card with a title and description, that takes up one half of its container.",
94
- category: COMPONENT_TYPES.card,
95
- props: {
96
- ...SEED_DATA_PROPS,
97
- icon: {
98
- group: GROUPS.basic,
99
- label: "Icon",
100
- description: "Icon to display on the top right",
101
- formType: FORM_TYPES.icon,
102
- propType: PROP_TYPES.STRING,
103
- defaultValue: null,
104
- editable: true,
105
- required: true,
106
- },
107
- numColumns: createNumColumnsType({
108
- defaultValue: 2,
109
- }),
110
- },
111
- },
112
- {
113
- name: "Large Block Card",
114
- tag: "CardBlock",
115
- description:
116
- "An elevated card with a title and description, that takes up the full width its container.",
117
- category: COMPONENT_TYPES.card,
118
- stylesPanelSections: BLOCK_STYLES_SECTIONS,
119
- props: {
120
- ...SEED_DATA_PROPS,
121
- icon: {
122
- group: GROUPS.basic,
123
- label: "Icon",
124
- description: "Icon to display on the top right",
125
- formType: FORM_TYPES.icon,
126
- propType: PROP_TYPES.STRING,
127
- defaultValue: null,
128
- editable: true,
129
- required: true,
130
- },
131
- numColumns: createNumColumnsType({
132
- defaultValue: 3,
133
- }),
134
- },
135
- },
136
- ];