@vonaffenfels/slate-editor 1.2.30 → 1.2.41

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 (83) 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/index.js +1 -1
  6. package/package.json +2 -2
  7. package/postcss.config.js +6 -6
  8. package/scss/demo.scss +148 -148
  9. package/scss/sidebarEditor.scss +185 -185
  10. package/scss/toolbar.scss +162 -162
  11. package/src/Blocks/EmptyBlock.js +11 -11
  12. package/src/Blocks/EmptyWrapper.js +4 -4
  13. package/src/Blocks/ErrorBoundary.js +40 -40
  14. package/src/Blocks/LayoutBlock.js +274 -274
  15. package/src/Blocks/LayoutSlot.js +90 -90
  16. package/src/CollapsableMenu/CollapsableMenu.js +48 -48
  17. package/src/Context/StorybookContext.js +6 -6
  18. package/src/ElementAutocomplete.js +134 -134
  19. package/src/Loader.js +137 -137
  20. package/src/Nodes/Default.js +162 -162
  21. package/src/Nodes/Leaf.js +54 -54
  22. package/src/Nodes/Text.js +97 -97
  23. package/src/ObjectId.js +3 -3
  24. package/src/Renderer.js +73 -73
  25. package/src/Serializer/Html.js +42 -42
  26. package/src/Serializer/Serializer.js +374 -374
  27. package/src/Serializer/Text.js +17 -17
  28. package/src/Serializer/ads.js +187 -187
  29. package/src/Serializer/index.js +3 -3
  30. package/src/SidebarEditor/AssetList.js +185 -181
  31. package/src/SidebarEditor/Fields/CloudinaryContentSelect.js +89 -89
  32. package/src/SidebarEditor/Fields/ColorPicker.js +89 -89
  33. package/src/SidebarEditor/Fields/ContentfulContentSelect.js +63 -62
  34. package/src/SidebarEditor/Fields/DateTime.js +55 -55
  35. package/src/SidebarEditor/Fields/MVP.js +66 -66
  36. package/src/SidebarEditor/Fields/MultiSelect.js +13 -13
  37. package/src/SidebarEditor/Fields/RemoteMultiSelect.js +40 -40
  38. package/src/SidebarEditor/Fields/RemoteSelect.js +39 -39
  39. package/src/SidebarEditor/Fields/Select.js +47 -47
  40. package/src/SidebarEditor/Fields/StreamSelect.js +15 -15
  41. package/src/SidebarEditor/Fields/Switch.js +34 -34
  42. package/src/SidebarEditor/Fields/Textarea.js +21 -21
  43. package/src/SidebarEditor/Resizable.js +85 -85
  44. package/src/Storybook.js +151 -151
  45. package/src/Toolbar/Align.js +64 -64
  46. package/src/Toolbar/Anchor.js +94 -94
  47. package/src/Toolbar/Block.js +135 -135
  48. package/src/Toolbar/Element.js +44 -44
  49. package/src/Toolbar/Formats.js +71 -71
  50. package/src/Toolbar/Insert.js +28 -28
  51. package/src/Toolbar/Layout.js +399 -399
  52. package/src/Toolbar/Link.js +164 -164
  53. package/src/Toolbar/Toolbar.js +235 -235
  54. package/src/Tools/Margin.js +51 -51
  55. package/src/Translation/TranslationToolbarButton.js +119 -119
  56. package/src/dev/draftToSlate.json +3147 -3147
  57. package/src/dev/index.css +2 -2
  58. package/src/dev/index.html +10 -10
  59. package/src/dev/index.js +4 -4
  60. package/src/dev/sampleValue1.json +4294 -4294
  61. package/src/dev/sampleValueValid.json +410 -410
  62. package/src/dev/testComponents/TestStory.js +74 -74
  63. package/src/dev/testComponents/TestStory.stories.js +216 -216
  64. package/src/dev/testComponents/TestStory2.js +74 -74
  65. package/src/dev/testComponents/TestStory2.stories.js +197 -197
  66. package/src/dev/testComponents/TestStory3.js +74 -74
  67. package/src/dev/testComponents/TestStory3.stories.js +197 -197
  68. package/src/dev/testSampleValue.json +746 -746
  69. package/src/fromHTML.js +4 -4
  70. package/src/helper/array.js +8 -8
  71. package/src/index.js +10 -10
  72. package/src/plugins/ListItem.js +48 -48
  73. package/src/plugins/SoftBreak.js +23 -23
  74. package/src/toHTML.js +6 -6
  75. package/src/toText.js +6 -6
  76. package/src/util/reduceContentfulResponse.js +64 -64
  77. package/src/util.js +19 -19
  78. package/storyLoader.js +47 -47
  79. package/tailwind.config.js +4 -4
  80. package/webpack.config.build.js +55 -55
  81. package/webpack.config.dev.js +60 -60
  82. package/webpack.config.js +130 -130
  83. package/webpack.config.watch.js +4 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vonaffenfels/slate-editor",
3
- "version": "1.2.30",
3
+ "version": "1.2.41",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
@@ -72,7 +72,7 @@
72
72
  "cssnano": "^5.0.1",
73
73
  "escape-html": "^1.0.3"
74
74
  },
75
- "gitHead": "78ae4b0bd976f82d941d7a47211504dd7dbcc46c",
75
+ "gitHead": "5eeb733acccf6de22fe63f38203d2595b95a0308",
76
76
  "publishConfig": {
77
77
  "access": "public"
78
78
  }
package/postcss.config.js CHANGED
@@ -1,7 +1,7 @@
1
- module.exports = {
2
- plugins: {
3
- 'postcss-import': {},
4
- tailwindcss: {},
5
- autoprefixer: {},
6
- },
1
+ module.exports = {
2
+ plugins: {
3
+ 'postcss-import': {},
4
+ tailwindcss: {},
5
+ autoprefixer: {},
6
+ },
7
7
  };
package/scss/demo.scss CHANGED
@@ -1,149 +1,149 @@
1
- html, body, #root {
2
- height: 100%;
3
- width: 100%;
4
- }
5
-
6
- @media (prefers-color-scheme: dark) {
7
- .slate-editor {
8
- color: white;
9
- background-color: #1c1c27;
10
- }
11
- }
12
-
13
- .editor-demo-wrapper {
14
- display: flex;
15
- height: 100%;
16
- justify-content: center;
17
- width: 100%;
18
- flex-direction: column;
19
-
20
- .editor-demo-output {
21
- display: none;
22
- width: 100%;
23
- }
24
-
25
- .editor-demo {
26
- display: block;
27
- flex: 1;
28
- height: 100%;
29
- width: 100%;
30
- position: relative;
31
-
32
- .editor-demo-editor {
33
- display: flex;
34
- height: 100%;
35
- position: relative;
36
- width: 100%;
37
- padding-top: 40px;
38
-
39
- &.container {
40
- display: flex;
41
- flex: 1;
42
- justify-content: center;
43
- min-width: 100%;
44
- min-height: 100%;
45
- position: relative;
46
-
47
- &.block-editor-wrapper {
48
- flex-grow: 1;
49
- //max-width: 703px;
50
- //width: 703px; // contentful editor default width
51
- }
52
- }
53
-
54
- &.value {
55
- textarea {
56
- max-height: 50px;
57
- }
58
- }
59
- }
60
- }
61
- }
62
-
63
- .test-block {
64
- background-color: #fefefe;
65
- border: 1px solid black;
66
- color: black;
67
- padding: 5px;
68
- }
69
-
70
- .block-editor-content {
71
- font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
72
- line-height: 1em;
73
- }
74
-
75
- .block-editor-content p {
76
- margin-bottom: 20px;
77
- }
78
-
79
- .block-editor-content h1 {
80
- font-size: 2em;
81
- margin-bottom: 2em;
82
- }
83
-
84
- .block-editor-content h2 {
85
- font-size: 1.5em;
86
- margin-bottom: 1em;
87
- }
88
-
89
- .block-editor-content h3 {
90
- font-size: 1.3em;
91
- margin-bottom: 1em;
92
- }
93
-
94
- .block-editor-content h4 {
95
- font-size: 1.1em;
96
- margin-bottom: 1em;
97
- }
98
-
99
- .block-editor-content h5,
100
- .block-editor-content h6 {
101
- font-size: 1em;
102
- margin-bottom: 1em;
103
- }
104
-
105
- .block-editor-content ul, .block-editor-content ol {
106
- margin-block-start: 1em;
107
- margin-block-end: 1em;
108
- margin-inline-start: 0px;
109
- margin-inline-end: 0px;
110
- padding-inline-start: 40px;
111
- }
112
-
113
- .block-editor-content ul {
114
- list-style-type: disc;
115
- }
116
-
117
- .block-editor-content ol {
118
- list-style-type: decimal;
119
- }
120
-
121
- .block-editor-content blockquote {
122
- display: block;
123
- background-color: grey;
124
- padding: 1em;
125
- }
126
-
127
- .block-editor-content a,
128
- .block-editor-content a:visited {
129
- color: blue;
130
- cursor: pointer;
131
- }
132
-
133
-
134
- .block-editor-content a:hover {
135
- text-decoration: underline;
136
- }
137
-
138
- .editor-mt-16 {
139
- @apply pt-16 block;
140
- }
141
- .editor-mr-16 {
142
- @apply md:pr-16 block;
143
- }
144
- .editor-mb-16 {
145
- @apply pb-16 block;
146
- }
147
- .editor-ml-16 {
148
- @apply md:pl-16 block;
1
+ html, body, #root {
2
+ height: 100%;
3
+ width: 100%;
4
+ }
5
+
6
+ @media (prefers-color-scheme: dark) {
7
+ .slate-editor {
8
+ color: white;
9
+ background-color: #1c1c27;
10
+ }
11
+ }
12
+
13
+ .editor-demo-wrapper {
14
+ display: flex;
15
+ height: 100%;
16
+ justify-content: center;
17
+ width: 100%;
18
+ flex-direction: column;
19
+
20
+ .editor-demo-output {
21
+ display: none;
22
+ width: 100%;
23
+ }
24
+
25
+ .editor-demo {
26
+ display: block;
27
+ flex: 1;
28
+ height: 100%;
29
+ width: 100%;
30
+ position: relative;
31
+
32
+ .editor-demo-editor {
33
+ display: flex;
34
+ height: 100%;
35
+ position: relative;
36
+ width: 100%;
37
+ padding-top: 40px;
38
+
39
+ &.container {
40
+ display: flex;
41
+ flex: 1;
42
+ justify-content: center;
43
+ min-width: 100%;
44
+ min-height: 100%;
45
+ position: relative;
46
+
47
+ &.block-editor-wrapper {
48
+ flex-grow: 1;
49
+ //max-width: 703px;
50
+ //width: 703px; // contentful editor default width
51
+ }
52
+ }
53
+
54
+ &.value {
55
+ textarea {
56
+ max-height: 50px;
57
+ }
58
+ }
59
+ }
60
+ }
61
+ }
62
+
63
+ .test-block {
64
+ background-color: #fefefe;
65
+ border: 1px solid black;
66
+ color: black;
67
+ padding: 5px;
68
+ }
69
+
70
+ .block-editor-content {
71
+ font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
72
+ line-height: 1em;
73
+ }
74
+
75
+ .block-editor-content p {
76
+ margin-bottom: 20px;
77
+ }
78
+
79
+ .block-editor-content h1 {
80
+ font-size: 2em;
81
+ margin-bottom: 2em;
82
+ }
83
+
84
+ .block-editor-content h2 {
85
+ font-size: 1.5em;
86
+ margin-bottom: 1em;
87
+ }
88
+
89
+ .block-editor-content h3 {
90
+ font-size: 1.3em;
91
+ margin-bottom: 1em;
92
+ }
93
+
94
+ .block-editor-content h4 {
95
+ font-size: 1.1em;
96
+ margin-bottom: 1em;
97
+ }
98
+
99
+ .block-editor-content h5,
100
+ .block-editor-content h6 {
101
+ font-size: 1em;
102
+ margin-bottom: 1em;
103
+ }
104
+
105
+ .block-editor-content ul, .block-editor-content ol {
106
+ margin-block-start: 1em;
107
+ margin-block-end: 1em;
108
+ margin-inline-start: 0px;
109
+ margin-inline-end: 0px;
110
+ padding-inline-start: 40px;
111
+ }
112
+
113
+ .block-editor-content ul {
114
+ list-style-type: disc;
115
+ }
116
+
117
+ .block-editor-content ol {
118
+ list-style-type: decimal;
119
+ }
120
+
121
+ .block-editor-content blockquote {
122
+ display: block;
123
+ background-color: grey;
124
+ padding: 1em;
125
+ }
126
+
127
+ .block-editor-content a,
128
+ .block-editor-content a:visited {
129
+ color: blue;
130
+ cursor: pointer;
131
+ }
132
+
133
+
134
+ .block-editor-content a:hover {
135
+ text-decoration: underline;
136
+ }
137
+
138
+ .editor-mt-16 {
139
+ @apply pt-16 block;
140
+ }
141
+ .editor-mr-16 {
142
+ @apply md:pr-16 block;
143
+ }
144
+ .editor-mb-16 {
145
+ @apply pb-16 block;
146
+ }
147
+ .editor-ml-16 {
148
+ @apply md:pl-16 block;
149
149
  }