@draftbit/core 46.10.3-6f5759.2 → 46.10.3-7476ab.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 (184) hide show
  1. package/lib/commonjs/components/AnimatedCircularProgress.js +12 -1
  2. package/lib/commonjs/components/AspectRatio.js +17 -1
  3. package/lib/commonjs/components/BottomSheet/BottomSheet.js +22 -4
  4. package/lib/commonjs/components/Button.js +33 -10
  5. package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +23 -5
  6. package/lib/commonjs/components/Checkbox/CheckboxRow.js +6 -23
  7. package/lib/commonjs/components/Checkbox/context.js +1 -1
  8. package/lib/commonjs/components/CircleImage.js +15 -1
  9. package/lib/commonjs/components/CircularProgress.js +26 -8
  10. package/lib/commonjs/components/DatePicker/DatePicker.js +26 -13
  11. package/lib/commonjs/components/Divider.js +14 -1
  12. package/lib/commonjs/components/Elevation.js +14 -2
  13. package/lib/commonjs/components/Image.js +17 -2
  14. package/lib/commonjs/components/Picker/PickerComponent.android.js +20 -3
  15. package/lib/commonjs/components/Portal/PortalHost.js +44 -15
  16. package/lib/commonjs/components/RadioButton/RadioButton.js +13 -2
  17. package/lib/commonjs/components/RadioButton/RadioButtonRow.js +23 -5
  18. package/lib/commonjs/components/RadioButton/context.js +1 -1
  19. package/lib/commonjs/components/Shadow.js +15 -2
  20. package/lib/commonjs/components/StarRating.js +23 -4
  21. package/lib/commonjs/components/Switch.js +19 -10
  22. package/lib/commonjs/components/Table/Table.js +123 -0
  23. package/lib/commonjs/components/Table/TableCell.js +49 -0
  24. package/lib/commonjs/components/Table/TableCommon.js +30 -0
  25. package/lib/commonjs/components/Table/TableRow.js +61 -0
  26. package/lib/commonjs/components/Table/index.js +27 -0
  27. package/lib/commonjs/constants.js +1 -1
  28. package/lib/commonjs/index.js +19 -7
  29. package/lib/commonjs/mappings/FieldSearchBarFull.js +3 -1
  30. package/lib/commonjs/mappings/NativeBase/Layout.js +13 -12
  31. package/lib/commonjs/mappings/StarRating.js +6 -2
  32. package/lib/commonjs/mappings/Table.js +140 -0
  33. package/lib/module/components/AspectRatio.js +18 -1
  34. package/lib/module/components/BottomSheet/BottomSheet.js +24 -4
  35. package/lib/module/components/Button.js +33 -10
  36. package/lib/module/components/Checkbox/Checkbox.js +3 -4
  37. package/lib/module/components/Checkbox/CheckboxRow.js +24 -6
  38. package/lib/module/components/Checkbox/context.js +1 -1
  39. package/lib/module/components/DatePicker/DatePicker.js +27 -13
  40. package/lib/module/components/DeckSwiper/DeckSwiper.js +1 -4
  41. package/lib/module/components/DeprecatedButton.js +21 -3
  42. package/lib/module/components/Divider.js +18 -1
  43. package/lib/module/components/FormRow.js +17 -2
  44. package/lib/module/components/NumberInput.js +11 -3
  45. package/lib/module/components/Picker/PickerComponent.android.js +21 -3
  46. package/lib/module/components/Portal/PortalHost.js +45 -15
  47. package/lib/module/components/RadioButton/RadioButtonFieldGroup.js +10 -1
  48. package/lib/module/components/Shadow.js +15 -2
  49. package/lib/module/components/StarRating.js +24 -4
  50. package/lib/module/components/StepIndicator.js +58 -18
  51. package/lib/module/components/TabView/TabView.js +17 -7
  52. package/lib/module/components/Table/Table.js +115 -0
  53. package/lib/module/components/Table/TableCell.js +41 -0
  54. package/lib/module/components/Table/TableCommon.js +21 -0
  55. package/lib/module/components/Table/TableRow.js +52 -0
  56. package/lib/module/components/Table/index.js +3 -0
  57. package/lib/module/constants.js +1 -0
  58. package/lib/module/index.js +1 -1
  59. package/lib/module/mappings/FieldSearchBarFull.js +4 -1
  60. package/lib/module/mappings/NativeBase/Layout.js +14 -13
  61. package/lib/module/mappings/StarRating.js +7 -2
  62. package/lib/module/mappings/Table.js +133 -0
  63. package/lib/module/utilities.js +1 -2
  64. package/lib/typescript/src/components/Table/Table.d.ts +19 -0
  65. package/lib/typescript/src/components/Table/Table.d.ts.map +1 -0
  66. package/lib/typescript/src/components/Table/TableCell.d.ts +9 -0
  67. package/lib/typescript/src/components/Table/TableCell.d.ts.map +1 -0
  68. package/lib/typescript/src/components/Table/TableCommon.d.ts +20 -0
  69. package/lib/typescript/src/components/Table/TableCommon.d.ts.map +1 -0
  70. package/lib/typescript/src/components/{DeprecatedCardWrapper.d.ts → Table/TableRow.d.ts} +7 -8
  71. package/lib/typescript/src/components/Table/TableRow.d.ts.map +1 -0
  72. package/lib/typescript/src/components/Table/index.d.ts +4 -0
  73. package/lib/typescript/src/components/Table/index.d.ts.map +1 -0
  74. package/lib/typescript/src/index.d.ts +1 -1
  75. package/lib/typescript/src/index.d.ts.map +1 -1
  76. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts +36 -20
  77. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts.map +1 -1
  78. package/lib/typescript/src/mappings/{CardBlock.d.ts → Table.d.ts} +129 -81
  79. package/lib/typescript/src/mappings/Table.d.ts.map +1 -0
  80. package/package.json +3 -3
  81. package/src/components/Table/Table.js +93 -0
  82. package/src/components/Table/Table.tsx +176 -0
  83. package/src/components/Table/TableCell.js +31 -0
  84. package/src/components/Table/TableCell.tsx +63 -0
  85. package/src/components/Table/TableCommon.js +12 -0
  86. package/src/components/Table/TableCommon.ts +40 -0
  87. package/src/components/Table/TableRow.js +37 -0
  88. package/src/components/Table/TableRow.tsx +77 -0
  89. package/src/components/Table/index.js +3 -0
  90. package/src/components/Table/index.tsx +3 -0
  91. package/src/index.js +1 -1
  92. package/src/index.tsx +2 -1
  93. package/src/mappings/NativeBase/Layout.js +24 -12
  94. package/src/mappings/NativeBase/Layout.ts +24 -12
  95. package/src/mappings/Table.js +150 -0
  96. package/src/mappings/Table.ts +170 -0
  97. package/lib/commonjs/components/Container.js +0 -93
  98. package/lib/commonjs/components/DeprecatedCardWrapper.js +0 -40
  99. package/lib/commonjs/components/DeprecatedFAB.js +0 -157
  100. package/lib/commonjs/components/ProgressIndicator.js +0 -55
  101. package/lib/commonjs/components/ResizeMode.js +0 -5
  102. package/lib/commonjs/mappings/CardBlock.js +0 -126
  103. package/lib/commonjs/mappings/CardContainer.js +0 -108
  104. package/lib/commonjs/mappings/CardContainerRating.js +0 -130
  105. package/lib/commonjs/mappings/CardContainerShortImage.js +0 -124
  106. package/lib/commonjs/mappings/CardInline.js +0 -59
  107. package/lib/commonjs/mappings/Container.js +0 -37
  108. package/lib/commonjs/mappings/HeaderLarge.js +0 -34
  109. package/lib/commonjs/mappings/HeaderMedium.js +0 -60
  110. package/lib/commonjs/mappings/HeaderOverline.js +0 -60
  111. package/lib/commonjs/mappings/ProgressIndicator.js +0 -188
  112. package/lib/module/components/Container.js +0 -83
  113. package/lib/module/components/DeprecatedCardWrapper.js +0 -32
  114. package/lib/module/components/DeprecatedFAB.js +0 -147
  115. package/lib/module/components/ProgressIndicator.js +0 -45
  116. package/lib/module/components/ResizeMode.js +0 -1
  117. package/lib/module/mappings/CardBlock.js +0 -119
  118. package/lib/module/mappings/CardContainer.js +0 -101
  119. package/lib/module/mappings/CardContainerRating.js +0 -123
  120. package/lib/module/mappings/CardContainerShortImage.js +0 -117
  121. package/lib/module/mappings/CardInline.js +0 -52
  122. package/lib/module/mappings/Container.js +0 -30
  123. package/lib/module/mappings/HeaderLarge.js +0 -27
  124. package/lib/module/mappings/HeaderMedium.js +0 -53
  125. package/lib/module/mappings/HeaderOverline.js +0 -53
  126. package/lib/module/mappings/ProgressIndicator.js +0 -181
  127. package/lib/typescript/src/components/Container.d.ts +0 -21
  128. package/lib/typescript/src/components/Container.d.ts.map +0 -1
  129. package/lib/typescript/src/components/DeprecatedCardWrapper.d.ts.map +0 -1
  130. package/lib/typescript/src/components/DeprecatedFAB.d.ts +0 -56
  131. package/lib/typescript/src/components/DeprecatedFAB.d.ts.map +0 -1
  132. package/lib/typescript/src/components/ProgressIndicator.d.ts +0 -24
  133. package/lib/typescript/src/components/ProgressIndicator.d.ts.map +0 -1
  134. package/lib/typescript/src/components/ResizeMode.d.ts +0 -2
  135. package/lib/typescript/src/components/ResizeMode.d.ts.map +0 -1
  136. package/lib/typescript/src/mappings/CardBlock.d.ts.map +0 -1
  137. package/lib/typescript/src/mappings/CardContainer.d.ts +0 -102
  138. package/lib/typescript/src/mappings/CardContainer.d.ts.map +0 -1
  139. package/lib/typescript/src/mappings/CardContainerRating.d.ts +0 -108
  140. package/lib/typescript/src/mappings/CardContainerRating.d.ts.map +0 -1
  141. package/lib/typescript/src/mappings/CardContainerShortImage.d.ts +0 -139
  142. package/lib/typescript/src/mappings/CardContainerShortImage.d.ts.map +0 -1
  143. package/lib/typescript/src/mappings/CardInline.d.ts +0 -62
  144. package/lib/typescript/src/mappings/CardInline.d.ts.map +0 -1
  145. package/lib/typescript/src/mappings/Container.d.ts +0 -55
  146. package/lib/typescript/src/mappings/Container.d.ts.map +0 -1
  147. package/lib/typescript/src/mappings/HeaderLarge.d.ts +0 -34
  148. package/lib/typescript/src/mappings/HeaderLarge.d.ts.map +0 -1
  149. package/lib/typescript/src/mappings/HeaderMedium.d.ts +0 -53
  150. package/lib/typescript/src/mappings/HeaderMedium.d.ts.map +0 -1
  151. package/lib/typescript/src/mappings/HeaderOverline.d.ts +0 -53
  152. package/lib/typescript/src/mappings/HeaderOverline.d.ts.map +0 -1
  153. package/lib/typescript/src/mappings/ProgressIndicator.d.ts +0 -181
  154. package/lib/typescript/src/mappings/ProgressIndicator.d.ts.map +0 -1
  155. package/src/components/Container.js +0 -43
  156. package/src/components/Container.tsx +0 -116
  157. package/src/components/DeprecatedCardWrapper.js +0 -18
  158. package/src/components/DeprecatedCardWrapper.tsx +0 -46
  159. package/src/components/DeprecatedFAB.js +0 -114
  160. package/src/components/DeprecatedFAB.tsx +0 -231
  161. package/src/components/ProgressIndicator.js +0 -27
  162. package/src/components/ProgressIndicator.tsx +0 -71
  163. package/src/components/ResizeMode.js +0 -1
  164. package/src/components/ResizeMode.ts +0 -7
  165. package/src/mappings/CardBlock.js +0 -123
  166. package/src/mappings/CardBlock.ts +0 -136
  167. package/src/mappings/CardContainer.js +0 -104
  168. package/src/mappings/CardContainer.ts +0 -116
  169. package/src/mappings/CardContainerRating.js +0 -126
  170. package/src/mappings/CardContainerRating.ts +0 -137
  171. package/src/mappings/CardContainerShortImage.js +0 -120
  172. package/src/mappings/CardContainerShortImage.ts +0 -130
  173. package/src/mappings/CardInline.js +0 -52
  174. package/src/mappings/CardInline.ts +0 -61
  175. package/src/mappings/Container.js +0 -30
  176. package/src/mappings/Container.ts +0 -41
  177. package/src/mappings/HeaderLarge.js +0 -29
  178. package/src/mappings/HeaderLarge.ts +0 -38
  179. package/src/mappings/HeaderMedium.js +0 -55
  180. package/src/mappings/HeaderMedium.ts +0 -63
  181. package/src/mappings/HeaderOverline.js +0 -55
  182. package/src/mappings/HeaderOverline.ts +0 -63
  183. package/src/mappings/ProgressIndicator.js +0 -181
  184. package/src/mappings/ProgressIndicator.ts +0 -190
@@ -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
- ];
@@ -1,104 +0,0 @@
1
- import { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES, createElevationType, createNumColumnsType, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
2
- const SEED_DATA_PROPS = {
3
- image: {
4
- label: "Image",
5
- description: "Image",
6
- formType: FORM_TYPES.image,
7
- propType: PROP_TYPES.ASSET,
8
- defaultValue: null,
9
- editable: true,
10
- required: true,
11
- group: GROUPS.data,
12
- },
13
- title: {
14
- label: "Title",
15
- description: "Text to display",
16
- formType: FORM_TYPES.string,
17
- propType: PROP_TYPES.STRING,
18
- defaultValue: "Beautiful West Coast Villa",
19
- editable: true,
20
- required: false,
21
- group: GROUPS.data,
22
- },
23
- leftDescription: {
24
- label: "Left description",
25
- description: "Text to display on the left",
26
- formType: FORM_TYPES.string,
27
- propType: PROP_TYPES.STRING,
28
- defaultValue: "San Diego",
29
- editable: true,
30
- required: false,
31
- group: GROUPS.data,
32
- },
33
- rightDescription: {
34
- label: "Right description",
35
- description: "Text to display on the right",
36
- formType: FORM_TYPES.string,
37
- propType: PROP_TYPES.STRING,
38
- defaultValue: "$100",
39
- editable: true,
40
- required: false,
41
- group: GROUPS.data,
42
- },
43
- icon: {
44
- label: "Icon",
45
- description: "Icon to display on the top right",
46
- formType: FORM_TYPES.icon,
47
- propType: PROP_TYPES.STRING /* OR ASSET TODO TEST ME */,
48
- defaultValue: null,
49
- editable: true,
50
- required: false,
51
- group: GROUPS.basic,
52
- },
53
- aspectRatio: {
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
- group: GROUPS.basic,
62
- },
63
- textCentered: {
64
- label: "Centered Text",
65
- description: "Whether to center the text",
66
- formType: FORM_TYPES.boolean,
67
- propType: PROP_TYPES.BOOLEAN,
68
- defaultValue: false,
69
- editable: true,
70
- required: false,
71
- group: GROUPS.basic,
72
- },
73
- elevation: createElevationType(2),
74
- };
75
- export const SEED_DATA = [
76
- {
77
- name: "Medium Card",
78
- tag: "CardContainer",
79
- description: "An elevated card with a title and description, that takes up half of its container.",
80
- category: COMPONENT_TYPES.card,
81
- stylesPanelSections: BLOCK_STYLES_SECTIONS,
82
- layout: null,
83
- props: {
84
- ...SEED_DATA_PROPS,
85
- numColumns: createNumColumnsType({
86
- defaultValue: 2,
87
- }),
88
- },
89
- },
90
- {
91
- name: "Large Card",
92
- tag: "CardContainer",
93
- description: "An elevated card with a title and description, that takes up its full container.",
94
- category: COMPONENT_TYPES.card,
95
- stylesPanelSections: BLOCK_STYLES_SECTIONS,
96
- layout: null,
97
- props: {
98
- ...SEED_DATA_PROPS,
99
- numColumns: createNumColumnsType({
100
- defaultValue: 3,
101
- }),
102
- },
103
- },
104
- ];
@@ -1,116 +0,0 @@
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
- ];
@@ -1,126 +0,0 @@
1
- import { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES, createElevationType, 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
- icon: {
44
- group: GROUPS.basic,
45
- label: "Icon",
46
- description: "Icon to display on the top right",
47
- formType: FORM_TYPES.icon,
48
- propType: PROP_TYPES.ASSET,
49
- defaultValue: null,
50
- editable: true,
51
- required: false,
52
- },
53
- aspectRatio: {
54
- group: GROUPS.basic,
55
- label: "Aspect ratio",
56
- description: "Aspect ratio of the image",
57
- formType: FORM_TYPES.aspectRatio,
58
- propType: PROP_TYPES.NUMBER,
59
- defaultValue: 1.5,
60
- editable: true,
61
- required: false,
62
- },
63
- rating: {
64
- group: GROUPS.data,
65
- label: "Rating",
66
- description: "Number of stars to show. A number 0-5.",
67
- formType: FORM_TYPES.number,
68
- propType: PROP_TYPES.NUMBER,
69
- defaultValue: 5,
70
- min: 0,
71
- max: 5,
72
- step: 1,
73
- precision: 0,
74
- editable: true,
75
- required: false,
76
- },
77
- elevation: createElevationType(2),
78
- };
79
- export const SEED_DATA = [
80
- {
81
- name: "Medium Card (Rating)",
82
- tag: "CardContainerRating",
83
- description: "An elevated card with a title and description, that takes up half of its container.",
84
- category: COMPONENT_TYPES.card,
85
- stylesPanelSections: BLOCK_STYLES_SECTIONS,
86
- preview_image_url: "{CLOUDINARY_URL}/Card_ContainerRating_2col.png",
87
- supports_list_render: true,
88
- props: {
89
- ...SEED_DATA_PROPS,
90
- numColumns: {
91
- label: "Number of Columns",
92
- description: "Numbre of columns",
93
- group: GROUPS.uncategorized,
94
- formType: FORM_TYPES.number,
95
- propType: PROP_TYPES.NUMBER,
96
- defaultValue: 2,
97
- editable: false,
98
- required: false,
99
- },
100
- },
101
- layout: {},
102
- },
103
- {
104
- name: "Large Card (Rating)",
105
- tag: "CardContainerRating",
106
- description: "An elevated card with a title and description, that takes up its full container.",
107
- category: COMPONENT_TYPES.card,
108
- stylesPanelSections: BLOCK_STYLES_SECTIONS,
109
- preview_image_url: "{CLOUDINARY_URL}/Card_ContainerRating_3col.png",
110
- supports_list_render: true,
111
- props: {
112
- ...SEED_DATA_PROPS,
113
- numColumns: {
114
- label: "Number of Columns",
115
- description: "Numbre of columns",
116
- group: GROUPS.uncategorized,
117
- formType: FORM_TYPES.number,
118
- propType: PROP_TYPES.NUMBER,
119
- defaultValue: 3,
120
- editable: false,
121
- required: false,
122
- },
123
- },
124
- layout: {},
125
- },
126
- ];
@@ -1,137 +0,0 @@
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
- ];