@vonaffenfels/slate-editor 1.0.20 → 1.0.23

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vonaffenfels/slate-editor",
-    "version": "1.0.20",
+    "version": "1.0.23",
     "description": "",
     "main": "dist/index.js",
     "scripts": {
@@ -71,7 +71,7 @@
         "cssnano": "^5.0.1",
         "escape-html": "^1.0.3"
     },
-    "gitHead": "a846930c8b8e27a6ecf7bab999e1b6a77b22c6a2",
+    "gitHead": "3e1bd9a8bec354c2f96703797b9985250c3d37e0",
     "publishConfig": {
         "access": "public"
     }

package/src/SidebarEditor/SidebarEditorField.js

@@ -35,7 +35,34 @@ export const SidebarEditorField = ({
         onChange(fieldKey, swapArrayElements(value, index, newIndex));
     };
 
+    const renderFieldSelectOptions = field => {
+        if (!field?.control?.options) {
+            return;
+        }
+
+        if (Array.isArray(field.control.options)) {
+            return field.control.options.map(value => (
+                <option key={`select-option-${value}`} value={value}>{value}</option>
+            ));
+        } else {
+            return Object.keys(field.control.options).map(key => (
+                <option key={`select-option-${key}`} value={field.control.options[key]}>{key}</option>
+            ));
+        }
+    };
+
     const getInputByField = (field, fieldKey) => {
+        if (field?.control?.type === undefined) {
+            if (field?.options) {
+                field.control = {
+                    type: "select",
+                    options: field.options,
+                };
+            } else {
+                field.control = {type: "text"};
+            }
+        }
+
         switch (field?.control?.type) {
             case "text":
                 return <input
@@ -57,9 +84,7 @@ export const SidebarEditorField = ({
                         value={value || ""}
                         onChange={e => onChange(fieldKey, e.target.value)}>
                         <option value="">Auswählen</option>
-                        {Object.keys(field.control.options).map(key => (
-                            <option key={`select-option-${key}`} value={field.control.options[key]}>{key}</option>
-                        ))}
+                        {renderFieldSelectOptions(field)}
                     </select>
                 );
             case "data-stream":

package/src/SidebarEditor.js

@@ -359,11 +359,11 @@ const BlockSelect = ({
             return onChange({}); // reset to empty
         }
 
-        // reset to the first story
+        // reset to the first or second story
         onChange({
             ...active,
             block: story.id,
-            attributes: {...(story?.stories?.[0]?.args || {})},
+            attributes: {...(story?.stories?.[0]?.args || story?.stories?.[1]?.args || {})},
         });
     };
 
@@ -428,6 +428,7 @@ const BlockSelect = ({
             <label className="block">Element</label>
             <select
                 onChange={e => onSelectChange(stories.find(s => s.id === e.target.value))}
+                value={active?.block}
                 className="font-bold"
             >
                 <option>Element wählen</option>

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

@@ -198,6 +198,13 @@ export default {
             control: {type: "text"},
             table: {category: "Kategorie 2"},
         },
+        linkTarget: {
+            name: "Link target (Verhalten beim Klick)",
+            options: [
+                undefined,
+                "_blank",
+            ],
+        },
     },
 };