@vonaffenfels/slate-editor 1.0.74 → 1.0.76
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.
- package/componentLoader.js +6 -1
- package/dist/BlockEditor.css +1 -1
- package/dist/BlockEditor.js +1 -1
- package/dist/Renderer.js +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +1 -1
- package/package.json +2 -2
- package/scss/editor.scss +1 -1
- package/src/Nodes/Storybook.js +12 -0
- package/src/Nodes/StorybookDisplay.js +2 -2
- package/src/SidebarEditor/Resizable.js +2 -2
- package/src/SidebarEditor.js +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vonaffenfels/slate-editor",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.76",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
"cssnano": "^5.0.1",
|
|
72
72
|
"escape-html": "^1.0.3"
|
|
73
73
|
},
|
|
74
|
-
"gitHead": "
|
|
74
|
+
"gitHead": "9fa8d4892ccbfff7b3b317cf81635618d47cf357",
|
|
75
75
|
"publishConfig": {
|
|
76
76
|
"access": "public"
|
|
77
77
|
}
|
package/scss/editor.scss
CHANGED
package/src/Nodes/Storybook.js
CHANGED
|
@@ -3,6 +3,8 @@ import React, {
|
|
|
3
3
|
} from "react";
|
|
4
4
|
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
|
|
5
5
|
import {
|
|
6
|
+
faArrowDown,
|
|
7
|
+
faArrowUp,
|
|
6
8
|
faDesktop, faMobile, faTablet,
|
|
7
9
|
} from "@fortawesome/free-solid-svg-icons";
|
|
8
10
|
import {Storybook} from "../Storybook";
|
|
@@ -120,6 +122,16 @@ const StorybookNodeComponent = ({
|
|
|
120
122
|
"storybook-element-float-left": element?.attributes?.float === "left",
|
|
121
123
|
"storybook-element-float-right": element?.attributes?.float === "right",
|
|
122
124
|
})}>
|
|
125
|
+
<span className="options-container">
|
|
126
|
+
{!element.isInline && (<>
|
|
127
|
+
<span className="options-container-option options-container-option-move-up" title="Move up" onClick={moveUp}>
|
|
128
|
+
<FontAwesomeIcon icon={faArrowUp} size="lg"/>
|
|
129
|
+
</span>
|
|
130
|
+
<span className="options-container-option options-container-option-move-down" title="Move down" onClick={moveDown}>
|
|
131
|
+
<FontAwesomeIcon icon={faArrowDown} size="lg"/>
|
|
132
|
+
</span>
|
|
133
|
+
</>)}
|
|
134
|
+
</span>
|
|
123
135
|
<span className={classNames({"storybook-element-component": true})}>
|
|
124
136
|
<span className="storybook-element-component-overlay" title="Klicken, um das Element zu konfigurieren" onClick={onEditClick}>
|
|
125
137
|
<div className="absolute right-0 top-0 m-2">
|
|
@@ -110,8 +110,8 @@ const BlockComponent = ({
|
|
|
110
110
|
LoadedComponent = EmptyBlock;
|
|
111
111
|
} else {
|
|
112
112
|
try {
|
|
113
|
-
if (
|
|
114
|
-
LoadedComponent.displayName = block;
|
|
113
|
+
if (LoadedComponent.render) {
|
|
114
|
+
LoadedComponent.render.displayName = block; // set displayname to block for better debug
|
|
115
115
|
}
|
|
116
116
|
} catch (e) {
|
|
117
117
|
// this happens if we SSR a non ssr component, its a weird edge case of next/dynamic... so we just ignore it
|
|
@@ -59,13 +59,13 @@ export const Resizable = ({
|
|
|
59
59
|
}
|
|
60
60
|
};
|
|
61
61
|
|
|
62
|
-
|
|
62
|
+
handleRef.current.addEventListener("mousedown", onMouseDown);
|
|
63
63
|
document.addEventListener("mousemove", onMouseMove);
|
|
64
64
|
document.addEventListener("mouseup", onMouseUp);
|
|
65
65
|
|
|
66
66
|
return () => {
|
|
67
67
|
if (rightRef.current) {
|
|
68
|
-
|
|
68
|
+
handleRef.current.removeEventListener("mousedown", onMouseDown);
|
|
69
69
|
}
|
|
70
70
|
document.removeEventListener("mousemove", onMouseMove);
|
|
71
71
|
document.removeEventListener("mouseup", onMouseUp);
|
package/src/SidebarEditor.js
CHANGED
|
@@ -319,7 +319,7 @@ const SidebarEditor = ({
|
|
|
319
319
|
<CollapsableMenuItem onClick={() => onInsert("above")}>Davor hinzufügen</CollapsableMenuItem>
|
|
320
320
|
<CollapsableMenuItem onClick={() => onInsert("below")}>Danach hinzufügen</CollapsableMenuItem>
|
|
321
321
|
<div className="px-4 pb-2 pt-1">
|
|
322
|
-
<b className="mb-1 block text-sm">
|
|
322
|
+
<b className="mb-1 block text-sm">Sichtbar auf:</b>
|
|
323
323
|
<Switch value={!storybookElement.attributes.hideOnDesktop} label="Desktop" className="mb-2" onClick={() => handleFieldValueChange("hideOnDesktop", !storybookElement.attributes.hideOnDesktop)} />
|
|
324
324
|
<Switch value={!storybookElement.attributes.hideOnTablet} label="Tablet" className="mb-2" onClick={() => handleFieldValueChange("hideOnTablet", !storybookElement.attributes.hideOnTablet)} />
|
|
325
325
|
<Switch value={!storybookElement.attributes.hideOnSmartphone} label="Smartphone" className="mb-2" onClick={() => handleFieldValueChange("hideOnSmartphone", !storybookElement.attributes.hideOnSmartphone)} />
|