@vonaffenfels/slate-editor 1.2.18 → 1.2.19

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 (81) hide show
  1. package/.babelrc +43 -43
  2. package/README.md +5 -5
  3. package/componentLoader.js +93 -93
  4. package/package.json +2 -2
  5. package/postcss.config.js +6 -6
  6. package/scss/demo.scss +148 -148
  7. package/scss/sidebarEditor.scss +185 -185
  8. package/scss/toolbar.scss +162 -162
  9. package/src/Blocks/EmptyBlock.js +11 -11
  10. package/src/Blocks/EmptyWrapper.js +4 -4
  11. package/src/Blocks/ErrorBoundary.js +40 -40
  12. package/src/Blocks/LayoutBlock.js +274 -274
  13. package/src/Blocks/LayoutSlot.js +90 -90
  14. package/src/CollapsableMenu/CollapsableMenu.js +48 -48
  15. package/src/Context/StorybookContext.js +6 -6
  16. package/src/ElementAutocomplete.js +134 -134
  17. package/src/Loader.js +137 -137
  18. package/src/Nodes/Default.js +162 -162
  19. package/src/Nodes/Leaf.js +54 -54
  20. package/src/Nodes/Text.js +97 -97
  21. package/src/ObjectId.js +3 -3
  22. package/src/Renderer.js +73 -73
  23. package/src/Serializer/Html.js +42 -42
  24. package/src/Serializer/Serializer.js +371 -371
  25. package/src/Serializer/Text.js +17 -17
  26. package/src/Serializer/ads.js +187 -187
  27. package/src/Serializer/index.js +3 -3
  28. package/src/SidebarEditor/AssetList.js +181 -181
  29. package/src/SidebarEditor/Fields/CloudinaryContentSelect.js +89 -89
  30. package/src/SidebarEditor/Fields/ColorPicker.js +89 -89
  31. package/src/SidebarEditor/Fields/ContentfulContentSelect.js +62 -62
  32. package/src/SidebarEditor/Fields/DateTime.js +55 -55
  33. package/src/SidebarEditor/Fields/MVP.js +66 -66
  34. package/src/SidebarEditor/Fields/MultiSelect.js +13 -13
  35. package/src/SidebarEditor/Fields/RemoteMultiSelect.js +40 -40
  36. package/src/SidebarEditor/Fields/RemoteSelect.js +39 -39
  37. package/src/SidebarEditor/Fields/Select.js +47 -47
  38. package/src/SidebarEditor/Fields/StreamSelect.js +15 -15
  39. package/src/SidebarEditor/Fields/Switch.js +34 -34
  40. package/src/SidebarEditor/Fields/Textarea.js +21 -21
  41. package/src/SidebarEditor/Resizable.js +85 -85
  42. package/src/Storybook.js +151 -151
  43. package/src/Toolbar/Align.js +64 -64
  44. package/src/Toolbar/Anchor.js +94 -94
  45. package/src/Toolbar/Block.js +135 -135
  46. package/src/Toolbar/Element.js +44 -44
  47. package/src/Toolbar/Formats.js +71 -71
  48. package/src/Toolbar/Insert.js +28 -28
  49. package/src/Toolbar/Layout.js +399 -399
  50. package/src/Toolbar/Link.js +164 -164
  51. package/src/Toolbar/Toolbar.js +235 -235
  52. package/src/Tools/Margin.js +51 -51
  53. package/src/Translation/TranslationToolbarButton.js +119 -119
  54. package/src/dev/draftToSlate.json +3147 -3147
  55. package/src/dev/index.css +2 -2
  56. package/src/dev/index.html +10 -10
  57. package/src/dev/index.js +4 -4
  58. package/src/dev/sampleValue1.json +4294 -4294
  59. package/src/dev/sampleValueValid.json +410 -410
  60. package/src/dev/testComponents/TestStory.js +74 -74
  61. package/src/dev/testComponents/TestStory.stories.js +216 -216
  62. package/src/dev/testComponents/TestStory2.js +74 -74
  63. package/src/dev/testComponents/TestStory2.stories.js +197 -197
  64. package/src/dev/testComponents/TestStory3.js +74 -74
  65. package/src/dev/testComponents/TestStory3.stories.js +197 -197
  66. package/src/dev/testSampleValue.json +746 -746
  67. package/src/fromHTML.js +4 -4
  68. package/src/helper/array.js +8 -8
  69. package/src/index.js +10 -10
  70. package/src/plugins/ListItem.js +48 -48
  71. package/src/plugins/SoftBreak.js +23 -23
  72. package/src/toHTML.js +6 -6
  73. package/src/toText.js +6 -6
  74. package/src/util/reduceContentfulResponse.js +64 -64
  75. package/src/util.js +19 -19
  76. package/storyLoader.js +47 -47
  77. package/tailwind.config.js +4 -4
  78. package/webpack.config.build.js +55 -55
  79. package/webpack.config.dev.js +60 -60
  80. package/webpack.config.js +130 -130
  81. package/webpack.config.watch.js +4 -4
package/src/dev/testComponents/TestStory2.js CHANGED
@@ -1,75 +1,75 @@
1
- export default function TestStory2({
2
- title,
3
- mvp,
4
- ...props
5
- }) {
6
- return <div className="bg-green flex flex-col space-y-8 p-4 text-black">
7
- <h1>{title}</h1>
8
- <div className="grid grid-cols-4">
9
- <div className="border border-black p-4" data-teasermanager-slot="test-1">
10
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aperiam beatae consequatur consequuntur deserunt exercitationem fugit, magni necessitatibus pariatur quae quia, quisquam saepe sunt, tenetur!
11
- </div>
12
- <div className="border border-black p-4" data-teasermanager-slot="test-2">
13
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, obcaecati, unde! In labore nesciunt optio, possimus praesentium sunt temporibus vero.
14
- </div>
15
- <div className="border border-black p-4" data-teasermanager-slot="test-3">
16
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, rem, sapiente! At consequatur cum distinctio dolorem doloribus eligendi labore necessitatibus nemo officia, perspiciatis porro quisquam quos, saepe vitae voluptas. Eligendi?
17
- </div>
18
- <div className="border border-black p-4" data-teasermanager-slot="test-4">
19
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad alias beatae doloribus ex, impedit labore maxime perspiciatis quas. Alias aspernatur cupiditate, error impedit ipsa libero obcaecati reprehenderit sit sunt veniam.
20
- </div>
21
- <div className="border border-black p-4" data-teasermanager-slot="test-5">
22
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores at consequatur cupiditate dolore, dolorem, eligendi et eum explicabo harum illum inventore maxime molestias porro quod recusandae, reiciendis repellat repudiandae saepe sint tempora tempore temporibus veniam voluptates. Dignissimos explicabo iusto reprehenderit.
23
- </div>
24
- <div className="border border-black p-4" data-teasermanager-slot="test-6">
25
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aperiam beatae consequatur consequuntur deserunt exercitationem fugit, magni necessitatibus pariatur quae quia, quisquam saepe sunt, tenetur!
26
- </div>
27
- <div className="border border-black p-4" data-teasermanager-slot="test-7">
28
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, obcaecati, unde! In labore nesciunt optio, possimus praesentium sunt temporibus vero.
29
- </div>
30
- <div className="border border-black p-4" data-teasermanager-slot="test-8">
31
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, rem, sapiente! At consequatur cum distinctio dolorem doloribus eligendi labore necessitatibus nemo officia, perspiciatis porro quisquam quos, saepe vitae voluptas. Eligendi?
32
- </div>
33
- <div className="border border-black p-4" data-teasermanager-slot="test-9">
34
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad alias beatae doloribus ex, impedit labore maxime perspiciatis quas. Alias aspernatur cupiditate, error impedit ipsa libero obcaecati reprehenderit sit sunt veniam.
35
- </div>
36
- <div className="border border-black p-4" data-teasermanager-slot="test-10">
37
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores at consequatur cupiditate dolore, dolorem, eligendi et eum explicabo harum illum inventore maxime molestias porro quod recusandae, reiciendis repellat repudiandae saepe sint tempora tempore temporibus veniam voluptates. Dignissimos explicabo iusto reprehenderit.
38
- </div>
39
- <div className="border border-black p-4" data-teasermanager-slot="test-11">
40
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aperiam beatae consequatur consequuntur deserunt exercitationem fugit, magni necessitatibus pariatur quae quia, quisquam saepe sunt, tenetur!
41
- </div>
42
- <div className="border border-black p-4" data-teasermanager-slot="test-12">
43
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, obcaecati, unde! In labore nesciunt optio, possimus praesentium sunt temporibus vero.
44
- </div>
45
- <div className="border border-black p-4" data-teasermanager-slot="test-13">
46
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, rem, sapiente! At consequatur cum distinctio dolorem doloribus eligendi labore necessitatibus nemo officia, perspiciatis porro quisquam quos, saepe vitae voluptas. Eligendi?
47
- </div>
48
- <div className="border border-black p-4" data-teasermanager-slot="test-14">
49
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad alias beatae doloribus ex, impedit labore maxime perspiciatis quas. Alias aspernatur cupiditate, error impedit ipsa libero obcaecati reprehenderit sit sunt veniam.
50
- </div>
51
- <div className="border border-black p-4" data-teasermanager-slot="test-15">
52
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores at consequatur cupiditate dolore, dolorem, eligendi et eum explicabo harum illum inventore maxime molestias porro quod recusandae, reiciendis repellat repudiandae saepe sint tempora tempore temporibus veniam voluptates. Dignissimos explicabo iusto reprehenderit.
53
- </div>
54
- <div className="border border-black p-4" data-teasermanager-slot="test-16">
55
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aperiam beatae consequatur consequuntur deserunt exercitationem fugit, magni necessitatibus pariatur quae quia, quisquam saepe sunt, tenetur!
56
- </div>
57
- </div>
58
- <h2>Props</h2>
59
- {!!mvp && mvp.length > 0 && (
60
- <ul>
61
- {mvp.map(m => (
62
- <li key={m.feld1}>
63
- <b>{m.feld1}</b>:
64
- <span>{m.feld2}</span>
65
- </li>
66
- ))}
67
- </ul>
68
- )}
69
- <div>{JSON.stringify({
70
- ...props,
71
- mvp,
72
- title,
73
- })}</div>
74
- </div>;
1
+ export default function TestStory2({
2
+ title,
3
+ mvp,
4
+ ...props
5
+ }) {
6
+ return <div className="bg-green flex flex-col space-y-8 p-4 text-black">
7
+ <h1>{title}</h1>
8
+ <div className="grid grid-cols-4">
9
+ <div className="border border-black p-4" data-teasermanager-slot="test-1">
10
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aperiam beatae consequatur consequuntur deserunt exercitationem fugit, magni necessitatibus pariatur quae quia, quisquam saepe sunt, tenetur!
11
+ </div>
12
+ <div className="border border-black p-4" data-teasermanager-slot="test-2">
13
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, obcaecati, unde! In labore nesciunt optio, possimus praesentium sunt temporibus vero.
14
+ </div>
15
+ <div className="border border-black p-4" data-teasermanager-slot="test-3">
16
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, rem, sapiente! At consequatur cum distinctio dolorem doloribus eligendi labore necessitatibus nemo officia, perspiciatis porro quisquam quos, saepe vitae voluptas. Eligendi?
17
+ </div>
18
+ <div className="border border-black p-4" data-teasermanager-slot="test-4">
19
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad alias beatae doloribus ex, impedit labore maxime perspiciatis quas. Alias aspernatur cupiditate, error impedit ipsa libero obcaecati reprehenderit sit sunt veniam.
20
+ </div>
21
+ <div className="border border-black p-4" data-teasermanager-slot="test-5">
22
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores at consequatur cupiditate dolore, dolorem, eligendi et eum explicabo harum illum inventore maxime molestias porro quod recusandae, reiciendis repellat repudiandae saepe sint tempora tempore temporibus veniam voluptates. Dignissimos explicabo iusto reprehenderit.
23
+ </div>
24
+ <div className="border border-black p-4" data-teasermanager-slot="test-6">
25
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aperiam beatae consequatur consequuntur deserunt exercitationem fugit, magni necessitatibus pariatur quae quia, quisquam saepe sunt, tenetur!
26
+ </div>
27
+ <div className="border border-black p-4" data-teasermanager-slot="test-7">
28
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, obcaecati, unde! In labore nesciunt optio, possimus praesentium sunt temporibus vero.
29
+ </div>
30
+ <div className="border border-black p-4" data-teasermanager-slot="test-8">
31
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, rem, sapiente! At consequatur cum distinctio dolorem doloribus eligendi labore necessitatibus nemo officia, perspiciatis porro quisquam quos, saepe vitae voluptas. Eligendi?
32
+ </div>
33
+ <div className="border border-black p-4" data-teasermanager-slot="test-9">
34
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad alias beatae doloribus ex, impedit labore maxime perspiciatis quas. Alias aspernatur cupiditate, error impedit ipsa libero obcaecati reprehenderit sit sunt veniam.
35
+ </div>
36
+ <div className="border border-black p-4" data-teasermanager-slot="test-10">
37
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores at consequatur cupiditate dolore, dolorem, eligendi et eum explicabo harum illum inventore maxime molestias porro quod recusandae, reiciendis repellat repudiandae saepe sint tempora tempore temporibus veniam voluptates. Dignissimos explicabo iusto reprehenderit.
38
+ </div>
39
+ <div className="border border-black p-4" data-teasermanager-slot="test-11">
40
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aperiam beatae consequatur consequuntur deserunt exercitationem fugit, magni necessitatibus pariatur quae quia, quisquam saepe sunt, tenetur!
41
+ </div>
42
+ <div className="border border-black p-4" data-teasermanager-slot="test-12">
43
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, obcaecati, unde! In labore nesciunt optio, possimus praesentium sunt temporibus vero.
44
+ </div>
45
+ <div className="border border-black p-4" data-teasermanager-slot="test-13">
46
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, rem, sapiente! At consequatur cum distinctio dolorem doloribus eligendi labore necessitatibus nemo officia, perspiciatis porro quisquam quos, saepe vitae voluptas. Eligendi?
47
+ </div>
48
+ <div className="border border-black p-4" data-teasermanager-slot="test-14">
49
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad alias beatae doloribus ex, impedit labore maxime perspiciatis quas. Alias aspernatur cupiditate, error impedit ipsa libero obcaecati reprehenderit sit sunt veniam.
50
+ </div>
51
+ <div className="border border-black p-4" data-teasermanager-slot="test-15">
52
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores at consequatur cupiditate dolore, dolorem, eligendi et eum explicabo harum illum inventore maxime molestias porro quod recusandae, reiciendis repellat repudiandae saepe sint tempora tempore temporibus veniam voluptates. Dignissimos explicabo iusto reprehenderit.
53
+ </div>
54
+ <div className="border border-black p-4" data-teasermanager-slot="test-16">
55
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aperiam beatae consequatur consequuntur deserunt exercitationem fugit, magni necessitatibus pariatur quae quia, quisquam saepe sunt, tenetur!
56
+ </div>
57
+ </div>
58
+ <h2>Props</h2>
59
+ {!!mvp && mvp.length > 0 && (
60
+ <ul>
61
+ {mvp.map(m => (
62
+ <li key={m.feld1}>
63
+ <b>{m.feld1}</b>:
64
+ <span>{m.feld2}</span>
65
+ </li>
66
+ ))}
67
+ </ul>
68
+ )}
69
+ <div>{JSON.stringify({
70
+ ...props,
71
+ mvp,
72
+ title,
73
+ })}</div>
74
+ </div>;
75
75
  }
package/src/dev/testComponents/TestStory2.stories.js CHANGED
@@ -1,197 +1,197 @@
1
- import TestStory2 from "./TestStory2";
2
-
3
- export default {
4
- title: "Elemente/Test/Test Story 2",
5
- id: "TestStory2",
6
- component: TestStory2,
7
- storyContext: ["layout"],
8
- argTypes: {
9
- title: {
10
- name: "Titel",
11
- control: {type: "text"},
12
- },
13
- text: {
14
- name: "Text",
15
- control: {type: "text"},
16
- },
17
- boolean: {
18
- name: "Boolean",
19
- control: {type: "boolean"},
20
- },
21
- number: {
22
- name: "Number",
23
- control: {
24
- type: "number",
25
- min:1,
26
- max:30,
27
- step: 2,
28
- },
29
- },
30
- range: {
31
- name: "Range",
32
- control: {
33
- type: "range",
34
- min:1,
35
- max:30,
36
- step: 1,
37
- },
38
- },
39
- object: {
40
- name: "Object",
41
- control: {type: "object"},
42
- },
43
- radio: {
44
- name: "Radio",
45
- control: {
46
- type: "radio",
47
- options: {
48
- "Option 1": "option1",
49
- "Option 2": "option2",
50
- },
51
- },
52
- },
53
- inlineRadio: {
54
- name: "Inline Radio",
55
- control: {
56
- type: "inline-radio",
57
- options: {
58
- "Option 1": "option1",
59
- "Option 2": "option2",
60
- },
61
- },
62
- },
63
- check: {
64
- name: "Check",
65
- control: {
66
- type: "check",
67
- options: {
68
- "Option 1": "option1",
69
- "Option 2": "option2",
70
- },
71
- },
72
- },
73
- inlineCheck: {
74
- name: "Inline Check",
75
- control: {
76
- type: "inline-check",
77
- options: {
78
- "Option 1": "option1",
79
- "Option 2": "option2",
80
- },
81
- },
82
- },
83
- select: {
84
- name: "Select",
85
- control: {
86
- type: "select",
87
- options: {
88
- "Option 1": "option1",
89
- "Option 2": "option2",
90
- },
91
- },
92
- },
93
- mutliSelect: {
94
- name: "Multi Select",
95
- control: {
96
- type: "multi-select",
97
- options: {
98
- "Option 1": "option1",
99
- "Option 2": "option2",
100
- },
101
- },
102
- },
103
- color: {
104
- name: "Color",
105
- control: {type: "color"},
106
- },
107
- date: {
108
- name: "Date",
109
- control: {type: "date"},
110
- },
111
- contentfulAsset: {
112
- name: "Contentful Asset",
113
- control: {
114
- type: 'contentful-content',
115
- contentTypes: ["asset"],
116
- },
117
- },
118
- contentfulAssets: {
119
- name: "Contentful Assets",
120
- control: {
121
- type: 'contentful-contents',
122
- contentTypes: ["asset"],
123
- },
124
- },
125
- cloudinaryImage: {
126
- name: "Cloudinary Image",
127
- control: {type: 'cloudinary-image'},
128
- },
129
- cloudinaryImages: {
130
- name: "Cloudinary Images",
131
- control: {type: 'cloudinary-images'},
132
- },
133
- mvp: {
134
- name: "MVP",
135
- control: {
136
- type: "mvp",
137
- fields: {
138
- feld1: {
139
- name: "Feld 1",
140
- control: {type: "text"},
141
- },
142
- feld2: {
143
- name: "Feld 2",
144
- control: {type: "text"},
145
- },
146
- feld3: {
147
- name: "Feld 3",
148
- control: {
149
- type: "select",
150
- options: {
151
- "Option 1": "option1",
152
- "Option 2": "option2",
153
- },
154
- },
155
- },
156
- },
157
- },
158
- },
159
- testText1: {
160
- name: "Text 1",
161
- control: {type: "text"},
162
- table: {category: "Kategorie"},
163
- },
164
- testText2: {
165
- name: "Text 2",
166
- control: {type: "text"},
167
- table: {category: "Kategorie"},
168
- },
169
- testText3: {
170
- name: "Text 3",
171
- control: {type: "text"},
172
- table: {category: "Kategorie"},
173
- },
174
- testText4: {
175
- name: "Text 4",
176
- control: {type: "text"},
177
- table: {category: "Kategorie 2"},
178
- },
179
- testText5: {
180
- name: "Text 5",
181
- control: {type: "text"},
182
- table: {category: "Kategorie 2"},
183
- },
184
- testText6: {
185
- name: "Text 6",
186
- control: {type: "text"},
187
- table: {category: "Kategorie 2"},
188
- },
189
- },
190
- };
191
-
192
- export const TestStoryVariant1 = (args) => <TestStory2 {...args} />;
193
- export const TestStoryVariant2 = (args) => <TestStory2 {...args} />;
194
-
195
- TestStoryVariant1.args = {text: "Test 1"};
196
-
197
- TestStoryVariant2.args = {text: "Test 2"};
1
+ import TestStory2 from "./TestStory2";
2
+
3
+ export default {
4
+ title: "Elemente/Test/Test Story 2",
5
+ id: "TestStory2",
6
+ component: TestStory2,
7
+ storyContext: ["layout"],
8
+ argTypes: {
9
+ title: {
10
+ name: "Titel",
11
+ control: {type: "text"},
12
+ },
13
+ text: {
14
+ name: "Text",
15
+ control: {type: "text"},
16
+ },
17
+ boolean: {
18
+ name: "Boolean",
19
+ control: {type: "boolean"},
20
+ },
21
+ number: {
22
+ name: "Number",
23
+ control: {
24
+ type: "number",
25
+ min:1,
26
+ max:30,
27
+ step: 2,
28
+ },
29
+ },
30
+ range: {
31
+ name: "Range",
32
+ control: {
33
+ type: "range",
34
+ min:1,
35
+ max:30,
36
+ step: 1,
37
+ },
38
+ },
39
+ object: {
40
+ name: "Object",
41
+ control: {type: "object"},
42
+ },
43
+ radio: {
44
+ name: "Radio",
45
+ control: {
46
+ type: "radio",
47
+ options: {
48
+ "Option 1": "option1",
49
+ "Option 2": "option2",
50
+ },
51
+ },
52
+ },
53
+ inlineRadio: {
54
+ name: "Inline Radio",
55
+ control: {
56
+ type: "inline-radio",
57
+ options: {
58
+ "Option 1": "option1",
59
+ "Option 2": "option2",
60
+ },
61
+ },
62
+ },
63
+ check: {
64
+ name: "Check",
65
+ control: {
66
+ type: "check",
67
+ options: {
68
+ "Option 1": "option1",
69
+ "Option 2": "option2",
70
+ },
71
+ },
72
+ },
73
+ inlineCheck: {
74
+ name: "Inline Check",
75
+ control: {
76
+ type: "inline-check",
77
+ options: {
78
+ "Option 1": "option1",
79
+ "Option 2": "option2",
80
+ },
81
+ },
82
+ },
83
+ select: {
84
+ name: "Select",
85
+ control: {
86
+ type: "select",
87
+ options: {
88
+ "Option 1": "option1",
89
+ "Option 2": "option2",
90
+ },
91
+ },
92
+ },
93
+ mutliSelect: {
94
+ name: "Multi Select",
95
+ control: {
96
+ type: "multi-select",
97
+ options: {
98
+ "Option 1": "option1",
99
+ "Option 2": "option2",
100
+ },
101
+ },
102
+ },
103
+ color: {
104
+ name: "Color",
105
+ control: {type: "color"},
106
+ },
107
+ date: {
108
+ name: "Date",
109
+ control: {type: "date"},
110
+ },
111
+ contentfulAsset: {
112
+ name: "Contentful Asset",
113
+ control: {
114
+ type: 'contentful-content',
115
+ contentTypes: ["asset"],
116
+ },
117
+ },
118
+ contentfulAssets: {
119
+ name: "Contentful Assets",
120
+ control: {
121
+ type: 'contentful-contents',
122
+ contentTypes: ["asset"],
123
+ },
124
+ },
125
+ cloudinaryImage: {
126
+ name: "Cloudinary Image",
127
+ control: {type: 'cloudinary-image'},
128
+ },
129
+ cloudinaryImages: {
130
+ name: "Cloudinary Images",
131
+ control: {type: 'cloudinary-images'},
132
+ },
133
+ mvp: {
134
+ name: "MVP",
135
+ control: {
136
+ type: "mvp",
137
+ fields: {
138
+ feld1: {
139
+ name: "Feld 1",
140
+ control: {type: "text"},
141
+ },
142
+ feld2: {
143
+ name: "Feld 2",
144
+ control: {type: "text"},
145
+ },
146
+ feld3: {
147
+ name: "Feld 3",
148
+ control: {
149
+ type: "select",
150
+ options: {
151
+ "Option 1": "option1",
152
+ "Option 2": "option2",
153
+ },
154
+ },
155
+ },
156
+ },
157
+ },
158
+ },
159
+ testText1: {
160
+ name: "Text 1",
161
+ control: {type: "text"},
162
+ table: {category: "Kategorie"},
163
+ },
164
+ testText2: {
165
+ name: "Text 2",
166
+ control: {type: "text"},
167
+ table: {category: "Kategorie"},
168
+ },
169
+ testText3: {
170
+ name: "Text 3",
171
+ control: {type: "text"},
172
+ table: {category: "Kategorie"},
173
+ },
174
+ testText4: {
175
+ name: "Text 4",
176
+ control: {type: "text"},
177
+ table: {category: "Kategorie 2"},
178
+ },
179
+ testText5: {
180
+ name: "Text 5",
181
+ control: {type: "text"},
182
+ table: {category: "Kategorie 2"},
183
+ },
184
+ testText6: {
185
+ name: "Text 6",
186
+ control: {type: "text"},
187
+ table: {category: "Kategorie 2"},
188
+ },
189
+ },
190
+ };
191
+
192
+ export const TestStoryVariant1 = (args) => <TestStory2 {...args} />;
193
+ export const TestStoryVariant2 = (args) => <TestStory2 {...args} />;
194
+
195
+ TestStoryVariant1.args = {text: "Test 1"};
196
+
197
+ TestStoryVariant2.args = {text: "Test 2"};