@vonaffenfels/slate-editor 1.2.15 → 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 (84) hide show
  1. package/.babelrc +43 -43
  2. package/README.md +5 -5
  3. package/componentLoader.js +93 -93
  4. package/dist/BlockEditor.js +1 -1
  5. package/dist/Renderer.js +1 -1
  6. package/dist/index.js +1 -1
  7. package/package.json +2 -2
  8. package/postcss.config.js +6 -6
  9. package/scss/demo.scss +148 -148
  10. package/scss/sidebarEditor.scss +185 -185
  11. package/scss/toolbar.scss +162 -162
  12. package/src/Blocks/EmptyBlock.js +11 -11
  13. package/src/Blocks/EmptyWrapper.js +4 -4
  14. package/src/Blocks/ErrorBoundary.js +40 -40
  15. package/src/Blocks/LayoutBlock.js +274 -274
  16. package/src/Blocks/LayoutSlot.js +90 -90
  17. package/src/CollapsableMenu/CollapsableMenu.js +48 -48
  18. package/src/Context/StorybookContext.js +6 -6
  19. package/src/ElementAutocomplete.js +134 -134
  20. package/src/Loader.js +137 -137
  21. package/src/Nodes/Default.js +162 -158
  22. package/src/Nodes/Leaf.js +54 -54
  23. package/src/Nodes/Text.js +97 -97
  24. package/src/ObjectId.js +3 -3
  25. package/src/Renderer.js +73 -73
  26. package/src/Serializer/Html.js +42 -42
  27. package/src/Serializer/Serializer.js +371 -371
  28. package/src/Serializer/Text.js +17 -17
  29. package/src/Serializer/ads.js +187 -187
  30. package/src/Serializer/index.js +3 -3
  31. package/src/SidebarEditor/AssetList.js +181 -181
  32. package/src/SidebarEditor/Fields/CloudinaryContentSelect.js +89 -89
  33. package/src/SidebarEditor/Fields/ColorPicker.js +89 -89
  34. package/src/SidebarEditor/Fields/ContentfulContentSelect.js +62 -62
  35. package/src/SidebarEditor/Fields/DateTime.js +55 -55
  36. package/src/SidebarEditor/Fields/MVP.js +66 -66
  37. package/src/SidebarEditor/Fields/MultiSelect.js +13 -13
  38. package/src/SidebarEditor/Fields/RemoteMultiSelect.js +40 -40
  39. package/src/SidebarEditor/Fields/RemoteSelect.js +39 -39
  40. package/src/SidebarEditor/Fields/Select.js +47 -47
  41. package/src/SidebarEditor/Fields/StreamSelect.js +15 -15
  42. package/src/SidebarEditor/Fields/Switch.js +34 -34
  43. package/src/SidebarEditor/Fields/Textarea.js +21 -21
  44. package/src/SidebarEditor/Resizable.js +85 -85
  45. package/src/Storybook.js +151 -151
  46. package/src/Toolbar/Align.js +64 -64
  47. package/src/Toolbar/Anchor.js +94 -94
  48. package/src/Toolbar/Block.js +135 -135
  49. package/src/Toolbar/Element.js +44 -44
  50. package/src/Toolbar/Formats.js +71 -71
  51. package/src/Toolbar/Insert.js +28 -28
  52. package/src/Toolbar/Layout.js +399 -399
  53. package/src/Toolbar/Link.js +164 -164
  54. package/src/Toolbar/Toolbar.js +235 -235
  55. package/src/Tools/Margin.js +51 -51
  56. package/src/Translation/TranslationToolbarButton.js +119 -119
  57. package/src/dev/draftToSlate.json +3147 -3147
  58. package/src/dev/index.css +2 -2
  59. package/src/dev/index.html +10 -10
  60. package/src/dev/index.js +4 -4
  61. package/src/dev/sampleValue1.json +4294 -4294
  62. package/src/dev/sampleValueValid.json +410 -410
  63. package/src/dev/testComponents/TestStory.js +74 -74
  64. package/src/dev/testComponents/TestStory.stories.js +216 -216
  65. package/src/dev/testComponents/TestStory2.js +74 -74
  66. package/src/dev/testComponents/TestStory2.stories.js +197 -197
  67. package/src/dev/testComponents/TestStory3.js +74 -74
  68. package/src/dev/testComponents/TestStory3.stories.js +197 -197
  69. package/src/dev/testSampleValue.json +746 -746
  70. package/src/fromHTML.js +4 -4
  71. package/src/helper/array.js +8 -8
  72. package/src/index.js +10 -10
  73. package/src/plugins/ListItem.js +48 -48
  74. package/src/plugins/SoftBreak.js +23 -23
  75. package/src/toHTML.js +6 -6
  76. package/src/toText.js +6 -6
  77. package/src/util/reduceContentfulResponse.js +64 -64
  78. package/src/util.js +19 -19
  79. package/storyLoader.js +47 -47
  80. package/tailwind.config.js +4 -4
  81. package/webpack.config.build.js +55 -55
  82. package/webpack.config.dev.js +60 -60
  83. package/webpack.config.js +130 -130
  84. package/webpack.config.watch.js +4 -4
package/src/dev/testComponents/TestStory3.js CHANGED
@@ -1,75 +1,75 @@
1
- export default function TestStory3({
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 TestStory3({
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/TestStory3.stories.js CHANGED
@@ -1,197 +1,197 @@
1
- import TestStory3 from "./TestStory3";
2
-
3
- export default {
4
- title: "Design-System/Atoms/Ad Tags/Test Story 3",
5
- // id: "TestStory3",
6
- component: TestStory3,
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) => <TestStory3 {...args} />;
193
- export const TestStoryVariant2 = (args) => <TestStory3 {...args} />;
194
-
195
- TestStoryVariant1.args = {text: "Test 1"};
196
-
197
- TestStoryVariant2.args = {text: "Test 2"};
1
+ import TestStory3 from "./TestStory3";
2
+
3
+ export default {
4
+ title: "Design-System/Atoms/Ad Tags/Test Story 3",
5
+ // id: "TestStory3",
6
+ component: TestStory3,
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) => <TestStory3 {...args} />;
193
+ export const TestStoryVariant2 = (args) => <TestStory3 {...args} />;
194
+
195
+ TestStoryVariant1.args = {text: "Test 1"};
196
+
197
+ TestStoryVariant2.args = {text: "Test 2"};