@uxf/wysiwyg 11.48.4 → 11.49.1

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 (6) hide show
  1. package/package.json +2 -2
  2. package/ui/button/button-element.js +3 -2
  3. package/ui/image/image-element.js +3 -2
  4. package/ui/toolbar/buttons/modal-toolbar-button.d.ts +2 -2
  5. package/ui/toolbar/buttons/modal-toolbar-button.js +2 -2
  6. package/ui/video/video-element.js +3 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uxf/wysiwyg",
3
- "version": "11.48.4",
3
+ "version": "11.49.1",
4
4
  "description": "UXF Wysiwyg editor",
5
5
  "author": "Robin Dvorak <dvorak@uxf.cz>",
6
6
  "homepage": "https://gitlab.com/uxf-npm/wysiwyg",
@@ -27,7 +27,7 @@
27
27
  "@udecode/plate-trailing-block": "20.7.2",
28
28
  "@uxf/core": "11.47.0",
29
29
  "@uxf/core-react": "11.47.0",
30
- "@uxf/ui": "11.48.4",
30
+ "@uxf/ui": "11.49.1",
31
31
  "slate": "0.90.0",
32
32
  "slate-history": "0.86.0",
33
33
  "slate-hyperscript": "0.77.0",
package/ui/button/button-element.js CHANGED
@@ -25,6 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
25
25
  Object.defineProperty(exports, "__esModule", { value: true });
26
26
  exports.ButtonElement = void 0;
27
27
  const button_1 = require("@uxf/ui/button");
28
+ const dialog_panel_1 = require("@uxf/ui/dialog/dialog-panel");
28
29
  const modal_service_1 = require("@uxf/ui/modal/modal-service");
29
30
  const react_1 = __importStar(require("react"));
30
31
  const hooks_1 = require("../../hooks");
@@ -38,8 +39,8 @@ const ButtonElement = (props) => {
38
39
  const selected = (0, hooks_1.useSelected)();
39
40
  const onEdit = (0, react_1.useCallback)(() => {
40
41
  (0, modal_service_1.openModal)({
41
- children: react_1.default.createElement(insert_button_modal_content_1.InsertButtonModalContent, { buttonToEdit: (0, button_2.getActiveButton)(props.editor), editor: props.editor }),
42
- width: "lg",
42
+ children: (react_1.default.createElement(dialog_panel_1.DialogPanel, { width: "lg" },
43
+ react_1.default.createElement(insert_button_modal_content_1.InsertButtonModalContent, { buttonToEdit: (0, button_2.getActiveButton)(props.editor), editor: props.editor }))),
43
44
  });
44
45
  }, [props.editor]);
45
46
  const onRemove = (0, react_1.useCallback)(() => {
package/ui/image/image-element.js CHANGED
@@ -24,6 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
24
24
  };
25
25
  Object.defineProperty(exports, "__esModule", { value: true });
26
26
  exports.ImageElement = void 0;
27
+ const dialog_panel_1 = require("@uxf/ui/dialog/dialog-panel");
27
28
  const modal_service_1 = require("@uxf/ui/modal/modal-service");
28
29
  const react_1 = __importStar(require("react"));
29
30
  const hooks_1 = require("../../hooks");
@@ -37,8 +38,8 @@ const ImageElement = (props) => {
37
38
  const selected = (0, hooks_1.useSelected)();
38
39
  const onEdit = (0, react_1.useCallback)(() => {
39
40
  (0, modal_service_1.openModal)({
40
- children: react_1.default.createElement(insert_image_modal_content_1.InsertImageModalContent, { editor: props.editor, imageToEdit: (0, get_active_image_1.getActiveImage)(props.editor) }),
41
- width: "lg",
41
+ children: (react_1.default.createElement(dialog_panel_1.DialogPanel, { width: "lg" },
42
+ react_1.default.createElement(insert_image_modal_content_1.InsertImageModalContent, { editor: props.editor, imageToEdit: (0, get_active_image_1.getActiveImage)(props.editor) }))),
42
43
  });
43
44
  }, [props.editor]);
44
45
  const onDelete = (0, react_1.useCallback)(() => {
package/ui/toolbar/buttons/modal-toolbar-button.d.ts CHANGED
@@ -1,11 +1,11 @@
1
- import { ModalWidths } from "@uxf/ui/modal/theme";
1
+ import type { DialogPanelWidth } from "@uxf/ui/dialog";
2
2
  import { FC, ReactNode } from "react";
3
3
  import { IconsSet } from "../../../config/icons";
4
4
  import { UxfEditor } from "../../../types";
5
5
  interface ModalToolbarButtonProps {
6
6
  className?: string;
7
7
  iconName: IconsSet;
8
- modalWidth?: keyof ModalWidths;
8
+ modalWidth?: DialogPanelWidth;
9
9
  Modal: ReactNode;
10
10
  editor: UxfEditor;
11
11
  pluginKey: string;
package/ui/toolbar/buttons/modal-toolbar-button.js CHANGED
@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.ModalToolbarButton = void 0;
7
+ const dialog_panel_1 = require("@uxf/ui/dialog/dialog-panel");
7
8
  const modal_service_1 = require("@uxf/ui/modal/modal-service");
8
9
  const react_1 = __importDefault(require("react"));
9
10
  const toolbar_button_1 = require("./toolbar-button");
@@ -13,8 +14,7 @@ const ModalToolbarButton = (props) => {
13
14
  const onMouseDown = () => {
14
15
  var _a;
15
16
  (0, modal_service_1.openModal)({
16
- children: props.Modal,
17
- width: (_a = props.modalWidth) !== null && _a !== void 0 ? _a : "lg",
17
+ children: react_1.default.createElement(dialog_panel_1.DialogPanel, { width: (_a = props.modalWidth) !== null && _a !== void 0 ? _a : "lg" }, props.Modal),
18
18
  });
19
19
  };
20
20
  return (react_1.default.createElement(toolbar_button_1.ToolbarButton, { className: `${CLASS_NAME} ${CLASS_NAME}-modal ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}`, editor: props.editor, iconName: props.iconName, isActive: false, onMouseDown: onMouseDown, pluginKey: props.pluginKey, tooltipText: props.tooltipText }));
package/ui/video/video-element.js CHANGED
@@ -24,6 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
24
24
  };
25
25
  Object.defineProperty(exports, "__esModule", { value: true });
26
26
  exports.VideoElement = void 0;
27
+ const dialog_panel_1 = require("@uxf/ui/dialog/dialog-panel");
27
28
  const modal_service_1 = require("@uxf/ui/modal/modal-service");
28
29
  const react_1 = __importStar(require("react"));
29
30
  const hooks_1 = require("../../hooks");
@@ -39,8 +40,8 @@ const VideoElement = (props) => {
39
40
  const selected = (0, hooks_1.useSelected)();
40
41
  const onEdit = (0, react_1.useCallback)(() => {
41
42
  (0, modal_service_1.openModal)({
42
- children: react_1.default.createElement(insert_video_modal_content_1.InsertVideoModalContent, { editedVideo: (0, get_active_video_1.getActiveVideo)(props.editor), editor: props.editor }),
43
- width: "lg",
43
+ children: (react_1.default.createElement(dialog_panel_1.DialogPanel, { width: "lg" },
44
+ react_1.default.createElement(insert_video_modal_content_1.InsertVideoModalContent, { editedVideo: (0, get_active_video_1.getActiveVideo)(props.editor), editor: props.editor }))),
44
45
  });
45
46
  }, [props.editor]);
46
47
  const onDelete = (0, react_1.useCallback)(() => {