@uxf/wysiwyg 2.0.0-beta.12 → 2.0.0-beta.13
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uxf/wysiwyg",
|
|
3
|
-
"version": "2.0.0-beta.
|
|
3
|
+
"version": "2.0.0-beta.13",
|
|
4
4
|
"description": "UXF Wysiwyg editor",
|
|
5
5
|
"author": "Robin Dvorak <dvorak@uxf.cz>",
|
|
6
6
|
"homepage": "https://gitlab.com/uxf-npm/wysiwyg",
|
|
@@ -20,27 +20,27 @@
|
|
|
20
20
|
},
|
|
21
21
|
"devDependencies": {
|
|
22
22
|
"@tailwindcss/aspect-ratio": "^0.4.2",
|
|
23
|
-
"@tailwindcss/line-clamp": "^0.4.
|
|
23
|
+
"@tailwindcss/line-clamp": "^0.4.4",
|
|
24
24
|
"@types/react": "^18.0.26",
|
|
25
25
|
"@types/react-dom": "^18.0.10",
|
|
26
26
|
"@uxf/eslint-config": "^1.2.3",
|
|
27
27
|
"@uxf/icons-generator": "^1.3.0",
|
|
28
|
-
"@uxf/ui": "^1.0.0-beta.
|
|
28
|
+
"@uxf/ui": "^1.0.0-beta.138",
|
|
29
29
|
"autoprefixer": "^10.4.13",
|
|
30
30
|
"eslint": "^8.31.0",
|
|
31
31
|
"next": "^13.1.6",
|
|
32
32
|
"parcel": "^2.8.3",
|
|
33
33
|
"postcss": "^8.4.21",
|
|
34
34
|
"prettier": "^2.8.2",
|
|
35
|
-
"prettier-plugin-tailwindcss": "^0.2.
|
|
35
|
+
"prettier-plugin-tailwindcss": "^0.2.7",
|
|
36
36
|
"process": "^0.11.10",
|
|
37
37
|
"react": "^18.2.0",
|
|
38
38
|
"react-dom": "^18.2.0",
|
|
39
|
-
"tailwindcss": "^3.
|
|
39
|
+
"tailwindcss": "^3.3.1",
|
|
40
40
|
"typescript": "^4.9.4"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
|
-
"@uxf/ui": "^1.0.0-beta.
|
|
43
|
+
"@uxf/ui": "^1.0.0-beta.138",
|
|
44
44
|
"react": ">=18.0.0",
|
|
45
45
|
"react-dom": ">=18.0.0"
|
|
46
46
|
},
|
|
@@ -21,7 +21,7 @@ const ButtonElement = ({ attributes, element, children, editor, className, }) =>
|
|
|
21
21
|
const onRemove = (0, react_1.useCallback)(() => {
|
|
22
22
|
(0, remove_selected_button_1.removeSelectedButton)(editor);
|
|
23
23
|
}, [editor]);
|
|
24
|
-
return ((0, jsx_runtime_1.jsxs)("div", { ...attributes, className: `${className}
|
|
24
|
+
return ((0, jsx_runtime_1.jsxs)("div", { ...attributes, className: `${className} mb-4 mt-4`, children: [(0, jsx_runtime_1.jsx)(element_with_action_buttons_1.ElementWithActionButtons, { onEdit: onEdit, onDelete: onRemove, isSelected: selected, padding: selected, children: (0, jsx_runtime_1.jsx)(button_1.Button, { href: element.buttonUrl, variant: "outlined", disabled: true, children: element.buttonText }) }), children] }));
|
|
25
25
|
};
|
|
26
26
|
exports.ButtonElement = ButtonElement;
|
|
27
27
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWVsZW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvYnV0dG9uL2J1dHRvbi1lbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsMkNBQXdDO0FBQ3hDLGlEQUF1RDtBQUV2RCxtR0FBNkY7QUFDN0YsaUNBQW9DO0FBQ3BDLCtEQUF3RDtBQUN4RCwrRUFBeUU7QUFDekUsbUdBQThGO0FBQzlGLHVDQUEwQztBQUVuQyxNQUFNLGFBQWEsR0FBeUMsQ0FBQyxFQUNoRSxVQUFVLEVBQ1YsT0FBTyxFQUNQLFFBQVEsRUFDUixNQUFNLEVBQ04sU0FBUyxHQUNaLEVBQUUsRUFBRTtJQUNELE1BQU0sUUFBUSxHQUFHLElBQUEsbUJBQVcsR0FBRSxDQUFDO0lBRS9CLE1BQU0sTUFBTSxHQUFHLElBQUEsbUJBQVcsRUFBQyxHQUFHLEVBQUU7UUFDNUIsSUFBQSx5QkFBUyxFQUFDO1lBQ04sUUFBUSxFQUFFLHVCQUFDLHNEQUF3QixJQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLElBQUEsd0JBQWUsRUFBQyxNQUFNLENBQUMsR0FBSTtZQUM3RixLQUFLLEVBQUUsSUFBSTtTQUNkLENBQUMsQ0FBQztJQUNQLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7SUFFYixNQUFNLFFBQVEsR0FBRyxJQUFBLG1CQUFXLEVBQUMsR0FBRyxFQUFFO1FBQzlCLElBQUEsNkNBQW9CLEVBQUMsTUFBTSxDQUFDLENBQUM7SUFDakMsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztJQUViLE9BQU8sQ0FDSCxvQ0FBUyxVQUFVLEVBQUUsU0FBUyxFQUFFLEdBQUcsU0FBUyxZQUFZLGFBQ3BELHVCQUFDLHNEQUF3QixJQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxRQUFRLFlBQ2pHLHVCQUFDLGVBQU0sSUFBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUMsVUFBVSxFQUFDLFFBQVEsa0JBQ3ZELE9BQU8sQ0FBQyxVQUFVLEdBQ2QsR0FDYyxFQUMxQixRQUFRLElBQ1AsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBOUJXLFFBQUEsYUFBYSxpQkE4QnhCIn0=
|
|
@@ -8,7 +8,7 @@ const ElementActionButtons = ({ onEdit, onDelete, isSelected }) => {
|
|
|
8
8
|
if (!isSelected) {
|
|
9
9
|
return null;
|
|
10
10
|
}
|
|
11
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "absolute
|
|
11
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "absolute right-3 top-3 flex gap-1", contentEditable: false, tabIndex: -1, children: [(0, jsx_runtime_1.jsx)(button_1.Button, { onClick: onEdit, variant: "white", isIconButton: true, children: (0, jsx_runtime_1.jsx)(icon_1.Icon, { name: "edit" }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: onDelete, variant: "white", isIconButton: true, children: (0, jsx_runtime_1.jsx)(icon_1.Icon, { name: "delete" }) })] }));
|
|
12
12
|
};
|
|
13
13
|
exports.ElementActionButtons = ElementActionButtons;
|
|
14
14
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC1hY3Rpb24tYnV0dG9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy91aS9jb21wb25lbnRzL2VsZW1lbnQvZWxlbWVudC1hY3Rpb24tYnV0dG9ucy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLDJDQUF3QztBQUV4Qyx1Q0FBb0M7QUFPN0IsTUFBTSxvQkFBb0IsR0FBa0MsQ0FBQyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRTtJQUNwRyxJQUFJLENBQUMsVUFBVSxFQUFFO1FBQ2IsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sQ0FDSCxpQ0FBSyxTQUFTLEVBQUMsbUNBQW1DLEVBQUMsZUFBZSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDLGFBQ25GLHVCQUFDLGVBQU0sSUFBQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBQyxPQUFPLEVBQUMsWUFBWSxrQkFDakQsdUJBQUMsV0FBSSxJQUFDLElBQUksRUFBQyxNQUFNLEdBQUcsR0FDZixFQUNULHVCQUFDLGVBQU0sSUFBQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBQyxPQUFPLEVBQUMsWUFBWSxrQkFDbkQsdUJBQUMsV0FBSSxJQUFDLElBQUksRUFBQyxRQUFRLEdBQUcsR0FDakIsSUFDUCxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFmVyxRQUFBLG9CQUFvQix3QkFlL0IifQ==
|
|
@@ -4,7 +4,7 @@ exports.ElementWithActionButtons = void 0;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const element_action_buttons_1 = require("./element-action-buttons");
|
|
6
6
|
const ElementWithActionButtons = ({ children, isSelected, onEdit, onDelete, padding = false }) => {
|
|
7
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: `relative
|
|
7
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: `relative mb-4 mt-4 flex h-full w-full items-center justify-center overflow-hidden rounded-lg ${padding && "p-6"} ${isSelected ? "border-2 border-primary-500" : ""}`, contentEditable: false, children: [(0, jsx_runtime_1.jsx)(element_action_buttons_1.ElementActionButtons, { onEdit: onEdit, onDelete: onDelete, isSelected: isSelected }), children] }));
|
|
8
8
|
};
|
|
9
9
|
exports.ElementWithActionButtons = ElementWithActionButtons;
|
|
10
10
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC13aXRoLWFjdGlvbi1idXR0b25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3VpL2NvbXBvbmVudHMvZWxlbWVudC9lbGVtZW50LXdpdGgtYWN0aW9uLWJ1dHRvbnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFDQSxxRUFBZ0U7QUFRekQsTUFBTSx3QkFBd0IsR0FBYyxDQUFDLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE9BQU8sR0FBRyxLQUFLLEVBQUUsRUFBRSxFQUFFO0lBQy9HLE9BQU8sQ0FDSCxpQ0FDSSxTQUFTLEVBQUUsZ0dBQ1AsT0FBTyxJQUFJLEtBQ2YsSUFBSSxVQUFVLENBQUMsQ0FBQyxDQUFDLDZCQUE2QixDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFDckQsZUFBZSxFQUFFLEtBQUssYUFFdEIsdUJBQUMsNkNBQW9CLElBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxVQUFVLEdBQUksRUFDbkYsUUFBUSxJQUNQLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQVpXLFFBQUEsd0JBQXdCLDRCQVluQyJ9
|
package/ui/floating-link.js
CHANGED
|
@@ -4,33 +4,43 @@ exports.FloatingLink = void 0;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const plate_link_1 = require("@udecode/plate-link");
|
|
6
6
|
const button_1 = require("@uxf/ui/button");
|
|
7
|
-
const
|
|
7
|
+
const button_group_1 = require("@uxf/ui/button-group");
|
|
8
|
+
const checkbox_input_1 = require("@uxf/ui/checkbox-input");
|
|
9
|
+
const icon_1 = require("@uxf/ui/icon");
|
|
8
10
|
const text_input_1 = require("@uxf/ui/text-input");
|
|
9
11
|
const react_1 = require("react");
|
|
10
|
-
const hooks_1 = require("../
|
|
11
|
-
const hooks_2 = require("../hooks");
|
|
12
|
+
const hooks_1 = require("../hooks");
|
|
12
13
|
const floating_link_wrapper_1 = require("../plugins/link/floating-link-wrapper");
|
|
13
|
-
const
|
|
14
|
-
const button_group_1 = require("@uxf/ui/button-group");
|
|
15
|
-
const unwrap_link_1 = require("../plugins/link/transforms/unwrap-link");
|
|
14
|
+
const hooks_2 = require("../plugins/link/hooks");
|
|
16
15
|
const get_active_link_1 = require("../plugins/link/transforms/get-active-link");
|
|
17
|
-
const
|
|
16
|
+
const unwrap_link_1 = require("../plugins/link/transforms/unwrap-link");
|
|
17
|
+
const Edit = () => {
|
|
18
18
|
var _a;
|
|
19
|
-
const editor = (0,
|
|
20
|
-
const linkActions = (0, hooks_1.useLinkActions)();
|
|
21
|
-
const isEditing = (0, plate_link_1.useFloatingLinkSelectors)().isEditing();
|
|
22
|
-
const onChangeTarget = (0, react_1.useCallback)((checked) => {
|
|
23
|
-
linkActions.setTarget(checked ? "_blank" : "_self");
|
|
24
|
-
}, [linkActions]);
|
|
19
|
+
const editor = (0, hooks_1.useUxfEditorRef)();
|
|
25
20
|
const onEdit = (0, react_1.useCallback)(() => {
|
|
26
21
|
(0, plate_link_1.triggerFloatingLinkEdit)(editor);
|
|
27
22
|
}, [editor]);
|
|
28
23
|
const onRemove = (0, react_1.useCallback)(() => {
|
|
29
24
|
(0, unwrap_link_1.removeLink)(editor);
|
|
30
25
|
}, [editor]);
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
26
|
+
return ((0, jsx_runtime_1.jsxs)(button_group_1.ButtonGroup, { className: "z-50", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { onClick: onEdit, variant: "white", className: "text-gray-400", isIconButton: true, children: (0, jsx_runtime_1.jsx)(icon_1.Icon, { name: "edit", size: 15 }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { href: (_a = (0, get_active_link_1.getActiveLink)(editor)) === null || _a === void 0 ? void 0 : _a.url, target: "_blank", variant: "white", className: "text-gray-400", isIconButton: true, children: (0, jsx_runtime_1.jsx)(icon_1.Icon, { name: "open-link-in-new-tab", size: 15 }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: onRemove, variant: "white", className: "text-gray-400", isIconButton: true, children: (0, jsx_runtime_1.jsx)(icon_1.Icon, { name: "delete", size: 15 }) })] }));
|
|
27
|
+
};
|
|
28
|
+
const Insert = () => {
|
|
29
|
+
const linkActions = (0, hooks_2.useLinkActions)();
|
|
30
|
+
const onChangeTarget = (0, react_1.useCallback)((checked) => {
|
|
31
|
+
linkActions.setTarget(checked ? "_blank" : "_self");
|
|
32
|
+
}, [linkActions]);
|
|
33
|
+
(0, react_1.useEffect)(() => {
|
|
34
|
+
const firstInput = document.querySelector(".first-input .uxf-input__element");
|
|
35
|
+
if (firstInput instanceof HTMLElement) {
|
|
36
|
+
firstInput.focus();
|
|
37
|
+
}
|
|
38
|
+
}, []);
|
|
39
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "z-50 w-80 bg-white p-4 shadow sm:rounded-lg", children: [(0, jsx_runtime_1.jsx)(text_input_1.TextInput, { className: "first-input", leftAddon: (0, jsx_runtime_1.jsx)("span", { className: "ml-2 mr-2 w-24", children: "URL adresa" }), placeholder: "Vlo\u017Ete URL adresu", onChange: linkActions.setUrl, value: linkActions.getUrl }), (0, jsx_runtime_1.jsx)(text_input_1.TextInput, { className: "mt-4", leftAddon: (0, jsx_runtime_1.jsx)("span", { className: "ml-2 mr-2 w-24", children: "Text odkazu" }), placeholder: "Vlo\u017Ete text odkazu", onChange: linkActions.setText, value: linkActions.getText }), (0, jsx_runtime_1.jsx)(checkbox_input_1.CheckboxInput, { className: "mt-4", label: "Otev\u0159\u00EDt v nov\u00E9 z\u00E1lo\u017Ece", onChange: onChangeTarget, value: linkActions.getTarget === "_blank" })] }));
|
|
40
|
+
};
|
|
41
|
+
const FloatingLink = () => {
|
|
42
|
+
const isEditing = (0, plate_link_1.useFloatingLinkSelectors)().isEditing();
|
|
43
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(floating_link_wrapper_1.FloatingLinkWrapper.InsertRoot, { children: (0, jsx_runtime_1.jsx)(Insert, {}) }), (0, jsx_runtime_1.jsx)(floating_link_wrapper_1.FloatingLinkWrapper.EditRoot, { children: !isEditing ? (0, jsx_runtime_1.jsx)(Edit, {}) : (0, jsx_runtime_1.jsx)(Insert, {}) })] }));
|
|
34
44
|
};
|
|
35
45
|
exports.FloatingLink = FloatingLink;
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvYXRpbmctbGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91aS9mbG9hdGluZy1saW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsb0RBQXdGO0FBQ3hGLDJDQUF3QztBQUN4Qyx1REFBbUQ7QUFDbkQsMkRBQXVEO0FBQ3ZELHVDQUFvQztBQUNwQyxtREFBK0M7QUFDL0MsaUNBQW1EO0FBQ25ELG9DQUEyQztBQUMzQyxpRkFBNEU7QUFDNUUsaURBQXVEO0FBQ3ZELGdGQUEyRTtBQUMzRSx3RUFBb0U7QUFHcEUsTUFBTSxJQUFJLEdBQU8sR0FBRyxFQUFFOztJQUNsQixNQUFNLE1BQU0sR0FBRyxJQUFBLHVCQUFlLEdBQUUsQ0FBQztJQUVqQyxNQUFNLE1BQU0sR0FBRyxJQUFBLG1CQUFXLEVBQUMsR0FBRyxFQUFFO1FBQzVCLElBQUEsb0NBQXVCLEVBQUMsTUFBTSxDQUFDLENBQUM7SUFDcEMsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztJQUViLE1BQU0sUUFBUSxHQUFHLElBQUEsbUJBQVcsRUFBQyxHQUFHLEVBQUU7UUFDOUIsSUFBQSx3QkFBVSxFQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3ZCLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7SUFFYixPQUFPLENBQ0gsd0JBQUMsMEJBQVcsSUFBQyxTQUFTLEVBQUMsTUFBTSxhQUN6Qix1QkFBQyxlQUFNLElBQUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUMsT0FBTyxFQUFDLFNBQVMsRUFBQyxlQUFlLEVBQUMsWUFBWSxrQkFDM0UsdUJBQUMsV0FBSSxJQUFDLElBQUksRUFBQyxNQUFNLEVBQUMsSUFBSSxFQUFFLEVBQUUsR0FBSSxHQUN6QixFQUNULHVCQUFDLGVBQU0sSUFDSCxJQUFJLEVBQUUsTUFBQSxJQUFBLCtCQUFhLEVBQUMsTUFBTSxDQUFDLDBDQUFFLEdBQUcsRUFDaEMsTUFBTSxFQUFDLFFB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
|
|
@@ -14,7 +14,7 @@ const modal_buttons_1 = require("../components/modal/modal-buttons");
|
|
|
14
14
|
const modal_content_1 = require("../components/modal/modal-content");
|
|
15
15
|
const InsertImageModalContent = ({ editor, imageToEdit }) => {
|
|
16
16
|
const imageHandlers = (0, use_image_handlers_1.useImageHandlers)(editor);
|
|
17
|
-
const [selectedFile, setSelectedFile] = (0, react_1.useState)((imageToEdit === null || imageToEdit === void 0 ? void 0 : imageToEdit.file) ||
|
|
17
|
+
const [selectedFile, setSelectedFile] = (0, react_1.useState)((imageToEdit === null || imageToEdit === void 0 ? void 0 : imageToEdit.file) || null);
|
|
18
18
|
const [alt, setAlt] = (0, react_1.useState)((imageToEdit === null || imageToEdit === void 0 ? void 0 : imageToEdit.alt) || "");
|
|
19
19
|
const [caption, setCaption] = (0, react_1.useState)((imageToEdit === null || imageToEdit === void 0 ? void 0 : imageToEdit.caption) || "");
|
|
20
20
|
const [source, setSource] = (0, react_1.useState)((imageToEdit === null || imageToEdit === void 0 ? void 0 : imageToEdit.source) || "");
|
|
@@ -26,7 +26,7 @@ const InsertImageModalContent = ({ editor, imageToEdit }) => {
|
|
|
26
26
|
});
|
|
27
27
|
}, [imageHandlers]);
|
|
28
28
|
const reset = (0, react_1.useCallback)(() => {
|
|
29
|
-
setSelectedFile(
|
|
29
|
+
setSelectedFile(null);
|
|
30
30
|
setAlt("");
|
|
31
31
|
setCaption("");
|
|
32
32
|
setSource("");
|
|
@@ -47,7 +47,7 @@ const InsertImageModalContent = ({ editor, imageToEdit }) => {
|
|
|
47
47
|
(0, modal_service_1.closeModal)();
|
|
48
48
|
}
|
|
49
49
|
}, [alt, caption, editor, imageHandlers, imageToEdit, reset, selectedFile, source]);
|
|
50
|
-
return ((0, jsx_runtime_1.jsxs)(modal_content_1.ModalContent, { title: title, children: [(0, jsx_runtime_1.jsx)(file_input_1.FileInput, { onUploadFile: fileUploadHandler, label: "Obr\u00E1zek", value: selectedFile }), (0, jsx_runtime_1.jsx)(text_input_1.TextInput, { className: "mt-4", type: "text", label: "Alt obr\u00E1zku", value: alt, onChange: setAlt }), (0, jsx_runtime_1.jsx)(text_input_1.TextInput, { className: "mt-4", type: "text", label: "Popisek obr\u00E1zku", value: caption, onChange: setCaption }), (0, jsx_runtime_1.jsx)(text_input_1.TextInput, { className: "mt-4", type: "text", label: "Zdroj obr\u00E1zku", value: source, onChange: setSource }), selectedFile && ((0, jsx_runtime_1.jsx)("div", { className: "relative mt-6", children: (0, jsx_runtime_1.jsx)("img", { src: imageHandlers.getImageUrl(selectedFile), alt: alt }) })), (0, jsx_runtime_1.jsx)(modal_buttons_1.ModalButtons, { editor: editor, onSubmit: onAddHandler, submitText: title, onCancel: onCloseHandler })] }));
|
|
50
|
+
return ((0, jsx_runtime_1.jsxs)(modal_content_1.ModalContent, { title: title, children: [(0, jsx_runtime_1.jsx)(file_input_1.FileInput, { onChange: setSelectedFile, onUploadFile: fileUploadHandler, label: "Obr\u00E1zek", value: selectedFile }), (0, jsx_runtime_1.jsx)(text_input_1.TextInput, { className: "mt-4", type: "text", label: "Alt obr\u00E1zku", value: alt, onChange: setAlt }), (0, jsx_runtime_1.jsx)(text_input_1.TextInput, { className: "mt-4", type: "text", label: "Popisek obr\u00E1zku", value: caption, onChange: setCaption }), (0, jsx_runtime_1.jsx)(text_input_1.TextInput, { className: "mt-4", type: "text", label: "Zdroj obr\u00E1zku", value: source, onChange: setSource }), selectedFile && ((0, jsx_runtime_1.jsx)("div", { className: "relative mt-6", children: (0, jsx_runtime_1.jsx)("img", { src: imageHandlers.getImageUrl(selectedFile), alt: alt }) })), (0, jsx_runtime_1.jsx)(modal_buttons_1.ModalButtons, { editor: editor, onSubmit: onAddHandler, submitText: title, onCancel: onCloseHandler })] }));
|
|
51
51
|
};
|
|
52
52
|
exports.InsertImageModalContent = InsertImageModalContent;
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5zZXJ0LWltYWdlLW1vZGFsLWNvbnRlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvaW1hZ2UvaW5zZXJ0LWltYWdlLW1vZGFsLWNvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxtREFBK0M7QUFDL0MsK0RBQXlEO0FBQ3pELG1EQUErQztBQUMvQyxpQ0FBa0Q7QUFDbEQscUZBQWdGO0FBQ2hGLDhFQUEwRTtBQUMxRSw4RUFBMEU7QUFHMUUsb0NBQStDO0FBQy9DLHFFQUFpRTtBQUNqRSxxRUFBaUU7QUFPMUQsTUFBTSx1QkFBdUIsR0FBcUMsQ0FBQyxFQUFFLE1BQU0sRUFBRSxXQUFXLEVBQUUsRUFBRSxFQUFFO0lBQ2pHLE1BQU0sYUFBYSxHQUFHLElBQUEscUNBQWdCLEVBQUMsTUFBTSxDQUFDLENBQUM7SUFDL0MsTUFBTSxDQUFDLFlBQVksRUFBRSxlQUFlLENBQUMsR0FBRyxJQUFBLGdCQUFRLEVBQXNCLENBQUEsV0FBVyxhQUFYLFdBQVcsdUJBQVgsV0FBVyxDQUFFLElBQUksS0FBSSxJQUFJLENBQUMsQ0FBQztJQUNqRyxNQUFNLENBQUMsR0FBRyxFQUFFLE1BQU0sQ0FBQyxHQUFHLElBQUEsZ0JBQVEsRUFBUyxDQUFBLFdBQVcsYUFBWCxXQUFXLHVCQUFYLFdBQVcsQ0FBRSxHQUFHLEtBQUksRUFBRSxDQUFDLENBQUM7SUFDL0QsTUFBTSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsR0FBRyxJQUFBLGdCQUFRLEVBQVMsQ0FBQSxXQUFXLGFBQVgsV0FBVyx1QkFBWCxXQUFXLENBQUUsT0FBTyxLQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQzNFLE1BQU0sQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFDLEdBQUcsSUFBQSxnQkFBUSxFQUFTLENBQUEsV0FBVyxhQUFYLFdBQVcsdUJBQVgsV0FBVyxDQUFFLE1BQU0sS0FBSSxFQUFFLENBQUMsQ0FBQztJQUN4RSxNQUFNLEtBQUssR0FB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
|