@draftbit/core 46.10.3-e89832.2 → 46.10.3-fb35c9.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 (175) hide show
  1. package/lib/commonjs/components/AnimatedCircularProgress.js +1 -12
  2. package/lib/commonjs/components/AvatarEdit.js +4 -15
  3. package/lib/commonjs/components/Banner.js +4 -23
  4. package/lib/commonjs/components/Button.js +10 -33
  5. package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +5 -23
  6. package/lib/commonjs/components/DeprecatedButton.js +3 -20
  7. package/lib/commonjs/components/Divider.js +1 -14
  8. package/lib/commonjs/components/FieldSearchBarFull.js +2 -1
  9. package/lib/commonjs/components/Layout.js +19 -40
  10. package/lib/commonjs/components/NumberInput.js +3 -12
  11. package/lib/commonjs/components/Picker/PickerComponent.android.js +3 -20
  12. package/lib/commonjs/components/Portal/PortalConsumer.js +7 -22
  13. package/lib/commonjs/components/Portal/PortalManager.js +8 -34
  14. package/lib/commonjs/components/RadioButton/RadioButton.js +2 -13
  15. package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js +1 -9
  16. package/lib/commonjs/components/RadioButton/RadioButtonGroup.js +2 -15
  17. package/lib/commonjs/components/RadioButton/RadioButtonRow.js +5 -23
  18. package/lib/commonjs/components/ScreenContainer.js +6 -24
  19. package/lib/commonjs/components/Shadow.js +2 -15
  20. package/lib/commonjs/components/Slider.js +4 -21
  21. package/lib/commonjs/components/StarRating.js +4 -23
  22. package/lib/commonjs/components/StepIndicator.js +18 -57
  23. package/lib/commonjs/components/Surface.js +2 -14
  24. package/lib/commonjs/components/TabView/TabView.js +7 -13
  25. package/lib/commonjs/components/Table/Table.js +123 -0
  26. package/lib/commonjs/components/Table/TableCell.js +49 -0
  27. package/lib/commonjs/components/Table/TableCommon.js +30 -0
  28. package/lib/commonjs/components/Table/TableRow.js +61 -0
  29. package/lib/commonjs/components/Table/index.js +27 -0
  30. package/lib/commonjs/components/Text.js +4 -50
  31. package/lib/commonjs/components/TextField.js +28 -76
  32. package/lib/commonjs/components/ToggleButton.js +2 -15
  33. package/lib/commonjs/components/Touchable.js +2 -15
  34. package/lib/commonjs/constants.js +1 -1
  35. package/lib/commonjs/index.js +19 -28
  36. package/lib/commonjs/mappings/NativeBase/Layout.js +108 -0
  37. package/lib/commonjs/mappings/Table.js +140 -0
  38. package/lib/commonjs/styles/overlay.js +3 -1
  39. package/lib/commonjs/utilities.js +2 -1
  40. package/lib/module/components/Portal/PortalManager.js +33 -7
  41. package/lib/module/components/Table/Table.js +114 -0
  42. package/lib/module/components/Table/TableCell.js +41 -0
  43. package/lib/module/components/Table/TableCommon.js +21 -0
  44. package/lib/module/components/Table/TableRow.js +53 -0
  45. package/lib/module/components/Table/index.js +3 -0
  46. package/lib/module/index.js +1 -4
  47. package/lib/module/mappings/NativeBase/Layout.js +101 -0
  48. package/lib/module/mappings/Table.js +133 -0
  49. package/lib/typescript/src/components/Table/Table.d.ts +19 -0
  50. package/lib/typescript/src/components/Table/Table.d.ts.map +1 -0
  51. package/lib/typescript/src/components/Table/TableCell.d.ts +9 -0
  52. package/lib/typescript/src/components/Table/TableCell.d.ts.map +1 -0
  53. package/lib/typescript/src/components/Table/TableCommon.d.ts +20 -0
  54. package/lib/typescript/src/components/Table/TableCommon.d.ts.map +1 -0
  55. package/lib/typescript/src/components/{DeprecatedCardWrapper.d.ts → Table/TableRow.d.ts} +7 -8
  56. package/lib/typescript/src/components/Table/TableRow.d.ts.map +1 -0
  57. package/lib/typescript/src/components/Table/index.d.ts +4 -0
  58. package/lib/typescript/src/components/Table/index.d.ts.map +1 -0
  59. package/lib/typescript/src/index.d.ts +1 -4
  60. package/lib/typescript/src/index.d.ts.map +1 -1
  61. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts +133 -0
  62. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts.map +1 -0
  63. package/lib/typescript/src/mappings/{CardBlock.d.ts → Table.d.ts} +129 -81
  64. package/lib/typescript/src/mappings/Table.d.ts.map +1 -0
  65. package/package.json +3 -3
  66. package/src/components/Table/Table.js +93 -0
  67. package/src/components/Table/Table.tsx +176 -0
  68. package/src/components/Table/TableCell.js +31 -0
  69. package/src/components/Table/TableCell.tsx +63 -0
  70. package/src/components/Table/TableCommon.js +12 -0
  71. package/src/components/Table/TableCommon.ts +40 -0
  72. package/src/components/Table/TableRow.js +37 -0
  73. package/src/components/Table/TableRow.tsx +77 -0
  74. package/src/components/Table/index.js +3 -0
  75. package/src/components/Table/index.tsx +3 -0
  76. package/src/index.js +1 -4
  77. package/src/index.tsx +2 -4
  78. package/src/mappings/NativeBase/Layout.js +124 -0
  79. package/src/mappings/NativeBase/Layout.ts +145 -0
  80. package/src/mappings/Table.js +150 -0
  81. package/src/mappings/Table.ts +170 -0
  82. package/lib/commonjs/components/Container.js +0 -104
  83. package/lib/commonjs/components/DeprecatedCardWrapper.js +0 -40
  84. package/lib/commonjs/components/DeprecatedFAB.js +0 -157
  85. package/lib/commonjs/components/ProgressIndicator.js +0 -55
  86. package/lib/commonjs/components/ResizeMode.js +0 -5
  87. package/lib/commonjs/components/Row.js +0 -73
  88. package/lib/commonjs/components/RowBodyIcon.js +0 -45
  89. package/lib/commonjs/components/RowHeadlineImageCaption.js +0 -45
  90. package/lib/commonjs/components/RowHeadlineImageIcon.js +0 -51
  91. package/lib/commonjs/mappings/CardBlock.js +0 -126
  92. package/lib/commonjs/mappings/CardContainer.js +0 -108
  93. package/lib/commonjs/mappings/CardContainerRating.js +0 -130
  94. package/lib/commonjs/mappings/CardContainerShortImage.js +0 -124
  95. package/lib/commonjs/mappings/CardInline.js +0 -59
  96. package/lib/commonjs/mappings/Container.js +0 -37
  97. package/lib/commonjs/mappings/ProgressIndicator.js +0 -188
  98. package/lib/module/components/Container.js +0 -83
  99. package/lib/module/components/DeprecatedCardWrapper.js +0 -32
  100. package/lib/module/components/DeprecatedFAB.js +0 -147
  101. package/lib/module/components/ProgressIndicator.js +0 -45
  102. package/lib/module/components/ResizeMode.js +0 -1
  103. package/lib/module/components/Row.js +0 -63
  104. package/lib/module/components/RowBodyIcon.js +0 -35
  105. package/lib/module/components/RowHeadlineImageCaption.js +0 -35
  106. package/lib/module/components/RowHeadlineImageIcon.js +0 -41
  107. package/lib/module/mappings/CardBlock.js +0 -119
  108. package/lib/module/mappings/CardContainer.js +0 -101
  109. package/lib/module/mappings/CardContainerRating.js +0 -123
  110. package/lib/module/mappings/CardContainerShortImage.js +0 -117
  111. package/lib/module/mappings/CardInline.js +0 -52
  112. package/lib/module/mappings/Container.js +0 -30
  113. package/lib/module/mappings/ProgressIndicator.js +0 -181
  114. package/lib/typescript/src/components/Container.d.ts +0 -21
  115. package/lib/typescript/src/components/Container.d.ts.map +0 -1
  116. package/lib/typescript/src/components/DeprecatedCardWrapper.d.ts.map +0 -1
  117. package/lib/typescript/src/components/DeprecatedFAB.d.ts +0 -56
  118. package/lib/typescript/src/components/DeprecatedFAB.d.ts.map +0 -1
  119. package/lib/typescript/src/components/ProgressIndicator.d.ts +0 -24
  120. package/lib/typescript/src/components/ProgressIndicator.d.ts.map +0 -1
  121. package/lib/typescript/src/components/ResizeMode.d.ts +0 -2
  122. package/lib/typescript/src/components/ResizeMode.d.ts.map +0 -1
  123. package/lib/typescript/src/components/Row.d.ts +0 -21
  124. package/lib/typescript/src/components/Row.d.ts.map +0 -1
  125. package/lib/typescript/src/components/RowBodyIcon.d.ts +0 -16
  126. package/lib/typescript/src/components/RowBodyIcon.d.ts.map +0 -1
  127. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts +0 -16
  128. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts.map +0 -1
  129. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts +0 -18
  130. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts.map +0 -1
  131. package/lib/typescript/src/mappings/CardBlock.d.ts.map +0 -1
  132. package/lib/typescript/src/mappings/CardContainer.d.ts +0 -102
  133. package/lib/typescript/src/mappings/CardContainer.d.ts.map +0 -1
  134. package/lib/typescript/src/mappings/CardContainerRating.d.ts +0 -108
  135. package/lib/typescript/src/mappings/CardContainerRating.d.ts.map +0 -1
  136. package/lib/typescript/src/mappings/CardContainerShortImage.d.ts +0 -139
  137. package/lib/typescript/src/mappings/CardContainerShortImage.d.ts.map +0 -1
  138. package/lib/typescript/src/mappings/CardInline.d.ts +0 -62
  139. package/lib/typescript/src/mappings/CardInline.d.ts.map +0 -1
  140. package/lib/typescript/src/mappings/Container.d.ts +0 -55
  141. package/lib/typescript/src/mappings/Container.d.ts.map +0 -1
  142. package/lib/typescript/src/mappings/ProgressIndicator.d.ts +0 -181
  143. package/lib/typescript/src/mappings/ProgressIndicator.d.ts.map +0 -1
  144. package/src/components/Container.js +0 -43
  145. package/src/components/Container.tsx +0 -116
  146. package/src/components/DeprecatedCardWrapper.js +0 -18
  147. package/src/components/DeprecatedCardWrapper.tsx +0 -46
  148. package/src/components/DeprecatedFAB.js +0 -114
  149. package/src/components/DeprecatedFAB.tsx +0 -231
  150. package/src/components/ProgressIndicator.js +0 -27
  151. package/src/components/ProgressIndicator.tsx +0 -71
  152. package/src/components/ResizeMode.js +0 -1
  153. package/src/components/ResizeMode.ts +0 -7
  154. package/src/components/Row.js +0 -48
  155. package/src/components/Row.tsx +0 -108
  156. package/src/components/RowBodyIcon.js +0 -8
  157. package/src/components/RowBodyIcon.tsx +0 -47
  158. package/src/components/RowHeadlineImageCaption.js +0 -12
  159. package/src/components/RowHeadlineImageCaption.tsx +0 -49
  160. package/src/components/RowHeadlineImageIcon.js +0 -14
  161. package/src/components/RowHeadlineImageIcon.tsx +0 -61
  162. package/src/mappings/CardBlock.js +0 -123
  163. package/src/mappings/CardBlock.ts +0 -136
  164. package/src/mappings/CardContainer.js +0 -104
  165. package/src/mappings/CardContainer.ts +0 -116
  166. package/src/mappings/CardContainerRating.js +0 -126
  167. package/src/mappings/CardContainerRating.ts +0 -137
  168. package/src/mappings/CardContainerShortImage.js +0 -120
  169. package/src/mappings/CardContainerShortImage.ts +0 -130
  170. package/src/mappings/CardInline.js +0 -52
  171. package/src/mappings/CardInline.ts +0 -61
  172. package/src/mappings/Container.js +0 -30
  173. package/src/mappings/Container.ts +0 -41
  174. package/src/mappings/ProgressIndicator.js +0 -181
  175. package/src/mappings/ProgressIndicator.ts +0 -190
@@ -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
- ];
@@ -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
- ];