@vonaffenfels/slate-editor 1.0.2 → 1.0.4

package/src/dev/testComponents/TestStory.stories.js

@@ -33,7 +33,7 @@ export default {
                 type: "range",
                 min:1,
                 max:30,
-                step: 2,
+                step: 1,
             },
         },
         object: {
@@ -112,14 +112,14 @@ export default {
             name: "Contentful Asset",
             control: {
                 type: 'contentful-content',
-                contentTypes: ["asset"],
+                contentTypes: ["image"],
             },
         },
         contentfulAssets: {
             name: "Contentful Assets",
             control: {
                 type: 'contentful-contents',
-                contentTypes: ["asset"],
+                contentTypes: ["image"],
             },
         },
         cloudinaryImage: {
@@ -143,6 +143,16 @@ export default {
                         name: "Feld 2",
                         control: {type: "text"},
                     },
+                    feld3: {
+                        name: "Feld 3",
+                        control: {
+                            type: "select",
+                            options: {
+                                "Option 1": "option1",
+                                "Option 2": "option2",
+                            },
+                        },
+                    },
                 },
             },
         },

package/src/helper/array.js

@@ -0,0 +1,9 @@
+export const swapArrayElements = (array, index1, index2) => {
+    let newArray = JSON.parse(JSON.stringify(array));
+
+    let temp = newArray[index1];
+    newArray[index1] = newArray[index2];
+    newArray[index2] = temp;
+
+    return newArray;
+};

package/webpack.config.build.js

@@ -35,6 +35,7 @@ config.module = {
                 },
                 "css-loader",
                 "sass-loader",
+                {loader: 'postcss-loader'},
             ],
         },
         {
@@ -45,6 +46,7 @@ config.module = {
                     options: {esModule: false},
                 },
                 'css-loader',
+                {loader: 'postcss-loader'},
             ],
         },
     ],

package/src/SidebarEditor.css

@@ -1,92 +0,0 @@
-* {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
-}
-
-#sidebar-editor {
-    background-color: rgb(247, 249, 250);
-    height: 100%;
-    overflow-y: auto;
-    flex-basis: 400px;
-    flex-shrink: 0;
-    padding: 61px 16px 16px 16px;
-    resize: horizontal;
-}
-
-select {
-    font-size: 0.875rem !important;
-    color: rgb(90, 101, 124) !important;
-    background-color: white !important;
-    border: 1px solid #cfd9e0 !important;
-    border-radius: 6px !important;
-    box-shadow: none !important;
-    filter: none !important;
-}
-
-p, label {
-    color: rgb(90, 101, 124);
-}
-
-label {
-    display: block;
-    margin: 0 0 4px 0 !important;
-}
-
-input[type="text"],
-input[type="number"],
-input[type="color"],
-input[type="date"],
-select,
-textarea {
-    display: block;
-    font-size: 0.875rem !important;
-    color: rgb(90, 101, 124) !important;
-    background-color: white !important;
-    border: 1px solid #cfd9e0 !important;
-    border-radius: 6px !important;
-    box-shadow: none !important;
-    filter: none !important;
-    width: 100% !important;
-    padding: 8px 0.75rem !important;
-}
-
-input[type="color"] {
-    padding: 0;
-}
-
-input[type="range"] {
-    display: block;
-    width: 100%;
-}
-
-input[type="radio"],
-input[type="checkbox"] {
-    margin-right: 4px;
-}
-
-/* button[data-test-id="cf-ui-button"] span {
-    color: #036fe3 !important;
-}
-
-button[data-test-id="cf-ui-button"] svg {
-    fill: #036fe3 !important;
-}
-
-button[data-test-id="cf-ui-button"]:hover span {
-    color: #FFFFFF !important;
-}
-
-button[data-test-id="cf-ui-button"]:hover svg {
-    fill: #FFFFFF !important;
-} */
-
-.inline-check-wrapper {
-    display: inline-block;
-    margin-right: 8px;
-}
-
-button {
-    width: 100%;
-    padding: 8px !important;
-    color: #036fe3 !important;
-    border: 1px solid #036fe3 !important;
-}