Skip to content

Commit 0e7223d

Browse files
YoussefHennaYoussefHenna
committed
Revert "Delete Card mappings"
This reverts commit bdd69c1.
1 parent 9bf45be commit 0e7223d

File tree

5 files changed

+580
-0
lines changed

5 files changed

+580
-0
lines changed

‎packages/core/src/mappings/CardBlock.ts‎

Lines changed: 136 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,136 @@
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+
];

‎packages/core/src/mappings/CardContainer.ts‎

Lines changed: 116 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,116 @@
1+
import {
2+
GROUPS,
3+
FORM_TYPES,
4+
PROP_TYPES,
5+
COMPONENT_TYPES,
6+
createElevationType,
7+
createNumColumnsType,
8+
BLOCK_STYLES_SECTIONS,
9+
} from "@draftbit/types";
10+
11+
const SEED_DATA_PROPS = {
12+
image: {
13+
label: "Image",
14+
description: "Image",
15+
formType: FORM_TYPES.image,
16+
propType: PROP_TYPES.ASSET,
17+
defaultValue: null,
18+
editable: true,
19+
required: true,
20+
group: GROUPS.data,
21+
},
22+
title: {
23+
label: "Title",
24+
description: "Text to display",
25+
formType: FORM_TYPES.string,
26+
propType: PROP_TYPES.STRING,
27+
defaultValue: "Beautiful West Coast Villa",
28+
editable: true,
29+
required: false,
30+
group: GROUPS.data,
31+
},
32+
leftDescription: {
33+
label: "Left description",
34+
description: "Text to display on the left",
35+
formType: FORM_TYPES.string,
36+
propType: PROP_TYPES.STRING,
37+
defaultValue: "San Diego",
38+
editable: true,
39+
required: false,
40+
group: GROUPS.data,
41+
},
42+
rightDescription: {
43+
label: "Right description",
44+
description: "Text to display on the right",
45+
formType: FORM_TYPES.string,
46+
propType: PROP_TYPES.STRING,
47+
defaultValue: "$100",
48+
editable: true,
49+
required: false,
50+
group: GROUPS.data,
51+
},
52+
icon: {
53+
label: "Icon",
54+
description: "Icon to display on the top right",
55+
formType: FORM_TYPES.icon,
56+
propType: PROP_TYPES.STRING /* OR ASSET TODO TEST ME */,
57+
defaultValue: null,
58+
editable: true,
59+
required: false,
60+
group: GROUPS.basic,
61+
},
62+
aspectRatio: {
63+
label: "Aspect ratio",
64+
description: "Aspect ratio of the image",
65+
formType: FORM_TYPES.aspectRatio,
66+
propType: PROP_TYPES.NUMBER,
67+
defaultValue: 1.5,
68+
editable: true,
69+
required: false,
70+
group: GROUPS.basic,
71+
},
72+
textCentered: {
73+
label: "Centered Text",
74+
description: "Whether to center the text",
75+
formType: FORM_TYPES.boolean,
76+
propType: PROP_TYPES.BOOLEAN,
77+
defaultValue: false,
78+
editable: true,
79+
required: false,
80+
group: GROUPS.basic,
81+
},
82+
elevation: createElevationType(2),
83+
};
84+
85+
export const SEED_DATA = [
86+
{
87+
name: "Medium Card",
88+
tag: "CardContainer",
89+
description:
90+
"An elevated card with a title and description, that takes up half of its container.",
91+
category: COMPONENT_TYPES.card,
92+
stylesPanelSections: BLOCK_STYLES_SECTIONS,
93+
layout: null,
94+
props: {
95+
...SEED_DATA_PROPS,
96+
numColumns: createNumColumnsType({
97+
defaultValue: 2,
98+
}),
99+
},
100+
},
101+
{
102+
name: "Large Card",
103+
tag: "CardContainer",
104+
description:
105+
"An elevated card with a title and description, that takes up its full container.",
106+
category: COMPONENT_TYPES.card,
107+
stylesPanelSections: BLOCK_STYLES_SECTIONS,
108+
layout: null,
109+
props: {
110+
...SEED_DATA_PROPS,
111+
numColumns: createNumColumnsType({
112+
defaultValue: 3,
113+
}),
114+
},
115+
},
116+
];

‎packages/core/src/mappings/CardContainerRating.ts‎

Lines changed: 137 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,137 @@
1+
import {
2+
GROUPS,
3+
FORM_TYPES,
4+
PROP_TYPES,
5+
COMPONENT_TYPES,
6+
createElevationType,
7+
BLOCK_STYLES_SECTIONS,
8+
} from "@draftbit/types";
9+
10+
const SEED_DATA_PROPS = {
11+
image: {
12+
group: GROUPS.data,
13+
label: "Image",
14+
description: "Image",
15+
formType: FORM_TYPES.image,
16+
propType: PROP_TYPES.ASSET,
17+
defaultValue: null,
18+
editable: true,
19+
required: false,
20+
},
21+
title: {
22+
group: GROUPS.data,
23+
label: "Title",
24+
description: "Text to display",
25+
formType: FORM_TYPES.string,
26+
propType: PROP_TYPES.STRING,
27+
defaultValue: "Beautiful West Coast Villa",
28+
editable: true,
29+
required: false,
30+
},
31+
leftDescription: {
32+
group: GROUPS.data,
33+
label: "Left description",
34+
description: "Text to display on the left",
35+
formType: FORM_TYPES.string,
36+
propType: PROP_TYPES.STRING,
37+
defaultValue: "San Diego",
38+
editable: true,
39+
required: false,
40+
},
41+
rightDescription: {
42+
group: GROUPS.data,
43+
label: "Right description",
44+
description: "Text to display on the right",
45+
formType: FORM_TYPES.string,
46+
propType: PROP_TYPES.STRING,
47+
defaultValue: "$100",
48+
editable: true,
49+
required: false,
50+
},
51+
icon: {
52+
group: GROUPS.basic,
53+
label: "Icon",
54+
description: "Icon to display on the top right",
55+
formType: FORM_TYPES.icon,
56+
propType: PROP_TYPES.ASSET,
57+
defaultValue: null,
58+
editable: true,
59+
required: false,
60+
},
61+
aspectRatio: {
62+
group: GROUPS.basic,
63+
label: "Aspect ratio",
64+
description: "Aspect ratio of the image",
65+
formType: FORM_TYPES.aspectRatio,
66+
propType: PROP_TYPES.NUMBER,
67+
defaultValue: 1.5,
68+
editable: true,
69+
required: false,
70+
},
71+
rating: {
72+
group: GROUPS.data,
73+
label: "Rating",
74+
description: "Number of stars to show. A number 0-5.",
75+
formType: FORM_TYPES.number,
76+
propType: PROP_TYPES.NUMBER,
77+
defaultValue: 5,
78+
min: 0,
79+
max: 5,
80+
step: 1,
81+
precision: 0,
82+
editable: true,
83+
required: false,
84+
},
85+
elevation: createElevationType(2),
86+
};
87+
88+
export const SEED_DATA = [
89+
{
90+
name: "Medium Card (Rating)",
91+
tag: "CardContainerRating",
92+
description:
93+
"An elevated card with a title and description, that takes up half of its container.",
94+
category: COMPONENT_TYPES.card,
95+
stylesPanelSections: BLOCK_STYLES_SECTIONS,
96+
preview_image_url: "{CLOUDINARY_URL}/Card_ContainerRating_2col.png",
97+
supports_list_render: true,
98+
props: {
99+
...SEED_DATA_PROPS,
100+
numColumns: {
101+
label: "Number of Columns",
102+
description: "Numbre of columns",
103+
group: GROUPS.uncategorized,
104+
formType: FORM_TYPES.number,
105+
propType: PROP_TYPES.NUMBER,
106+
defaultValue: 2,
107+
editable: false,
108+
required: false,
109+
},
110+
},
111+
layout: {},
112+
},
113+
{
114+
name: "Large Card (Rating)",
115+
tag: "CardContainerRating",
116+
description:
117+
"An elevated card with a title and description, that takes up its full container.",
118+
category: COMPONENT_TYPES.card,
119+
stylesPanelSections: BLOCK_STYLES_SECTIONS,
120+
preview_image_url: "{CLOUDINARY_URL}/Card_ContainerRating_3col.png",
121+
supports_list_render: true,
122+
props: {
123+
...SEED_DATA_PROPS,
124+
numColumns: {
125+
label: "Number of Columns",
126+
description: "Numbre of columns",
127+
group: GROUPS.uncategorized,
128+
formType: FORM_TYPES.number,
129+
propType: PROP_TYPES.NUMBER,
130+
defaultValue: 3,
131+
editable: false,
132+
required: false,
133+
},
134+
},
135+
layout: {},
136+
},
137+
];

0 commit comments

Comments
 (0)