@comet/admin-rte 8.20.2 → 9.0.0-beta.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 (77) hide show
  1. package/lib/core/BlockElement.js +11 -15
  2. package/lib/core/Controls/BlockTypesControls.js +17 -24
  3. package/lib/core/Controls/ControlButton.js +11 -18
  4. package/lib/core/Controls/Controls.js +14 -21
  5. package/lib/core/Controls/CustomControls.js +5 -12
  6. package/lib/core/Controls/FeaturesButtonGroup.d.ts +1 -1
  7. package/lib/core/Controls/FeaturesButtonGroup.d.ts.map +1 -1
  8. package/lib/core/Controls/FeaturesButtonGroup.js +35 -41
  9. package/lib/core/Controls/HistoryContols.js +6 -13
  10. package/lib/core/Controls/InlineStyleTypeControls.js +6 -13
  11. package/lib/core/Controls/LinkControls.js +19 -26
  12. package/lib/core/Controls/ListsControls.js +6 -13
  13. package/lib/core/Controls/ListsIndentControls.js +6 -13
  14. package/lib/core/Controls/SpecialCharactersControls.js +7 -14
  15. package/lib/core/Controls/Toolbar/Toolbar.d.ts +1 -0
  16. package/lib/core/Controls/Toolbar/Toolbar.d.ts.map +1 -1
  17. package/lib/core/Controls/Toolbar/Toolbar.js +9 -15
  18. package/lib/core/Controls/Toolbar/Toolbar.styles.d.ts +2 -2
  19. package/lib/core/Controls/Toolbar/Toolbar.styles.js +7 -14
  20. package/lib/core/Controls/TranslationControls.js +8 -15
  21. package/lib/core/Controls/useBlockTypes.d.ts +1 -1
  22. package/lib/core/Controls/useBlockTypes.d.ts.map +1 -1
  23. package/lib/core/Controls/useBlockTypes.js +16 -23
  24. package/lib/core/Controls/useHistory.js +16 -22
  25. package/lib/core/Controls/useInlineStyleType.d.ts +1 -1
  26. package/lib/core/Controls/useInlineStyleType.d.ts.map +1 -1
  27. package/lib/core/Controls/useInlineStyleType.js +30 -37
  28. package/lib/core/Controls/useListIndent.js +23 -29
  29. package/lib/core/Rte.js +47 -54
  30. package/lib/core/RteReadOnly.js +18 -25
  31. package/lib/core/defaultBlocktypeMap.js +30 -38
  32. package/lib/core/extension/Link/Decorator.js +4 -11
  33. package/lib/core/extension/Link/EditorComponent.js +3 -9
  34. package/lib/core/extension/Link/ToolbarButton.js +50 -55
  35. package/lib/core/extension/LinksRemove/ToolbarButton.js +8 -14
  36. package/lib/core/extension/NonBreakingSpace/Decorator.js +3 -10
  37. package/lib/core/extension/NonBreakingSpace/EditorComponent.js +8 -14
  38. package/lib/core/extension/NonBreakingSpace/ToolbarButton.js +15 -23
  39. package/lib/core/extension/SoftHyphen/Decorator.js +3 -9
  40. package/lib/core/extension/SoftHyphen/EditorComponent.js +7 -13
  41. package/lib/core/extension/SoftHyphen/ToolbarButton.js +14 -22
  42. package/lib/core/filterEditor/composeFilterEditorFns.js +1 -7
  43. package/lib/core/filterEditor/default.js +9 -16
  44. package/lib/core/filterEditor/manageStandardBlockType.js +3 -9
  45. package/lib/core/filterEditor/removeBlocksExceedingBlockLimit.js +4 -10
  46. package/lib/core/filterEditor/removeUnsupportedBlockTypes.js +3 -10
  47. package/lib/core/filterEditor/removeUnsupportedEntities.js +3 -10
  48. package/lib/core/filterEditor/removeUnsupportedInlineStyles.js +3 -10
  49. package/lib/core/filterEditor/removeUnsupportedListLevels.js +3 -9
  50. package/lib/core/filterEditor/utils/changeBlockType.js +3 -9
  51. package/lib/core/filterEditor/utils/manipulateEntityData.js +3 -9
  52. package/lib/core/filterEditor/utils/removeEntities.js +4 -10
  53. package/lib/core/filterEditor/utils/removeInlineStyles.js +4 -10
  54. package/lib/core/makeRteApi.js +19 -26
  55. package/lib/core/translation/EditorStateTranslationDialog.js +8 -15
  56. package/lib/core/translation/ToolbarButton.js +22 -28
  57. package/lib/core/translation/htmlToState.js +7 -13
  58. package/lib/core/translation/stateToHtml.js +5 -12
  59. package/lib/core/types.d.ts +2 -2
  60. package/lib/core/types.d.ts.map +1 -1
  61. package/lib/core/types.js +1 -5
  62. package/lib/core/utils/createBlockRenderMap.js +4 -12
  63. package/lib/core/utils/findEntityDataInCurrentSelection.js +3 -9
  64. package/lib/core/utils/findEntityInCurrentSelection.js +7 -13
  65. package/lib/core/utils/findTextInCurrentSelection.js +3 -9
  66. package/lib/core/utils/getCurrentBlock.js +1 -7
  67. package/lib/core/utils/getRteTheme.js +13 -19
  68. package/lib/core/utils/pasteAndFilterText.js +7 -13
  69. package/lib/core/utils/rangesIntersect.js +1 -7
  70. package/lib/core/utils/selectionIsInOneBlock.js +1 -7
  71. package/lib/field/createFinalFormRte.js +10 -17
  72. package/lib/field/createRteField.js +8 -15
  73. package/lib/index.js +28 -202
  74. package/lib/useDebounce.js +5 -10
  75. package/lib/usePrevious.js +4 -9
  76. package/lib/utils/requiredValidator.js +6 -12
  77. package/package.json +18 -14
@@ -1,18 +1,6 @@
1
- "use strict";
2
-
3
1
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _admin = require("@comet/admin");
9
- var _material = require("@mui/material");
10
- var _ToolbarButton = _interopRequireDefault(require("../extension/Link/ToolbarButton"));
11
- var _ToolbarButton2 = _interopRequireDefault(require("../extension/LinksRemove/ToolbarButton"));
12
- var _jsxRuntime = require("react/jsx-runtime");
13
2
  var _templateObject;
14
3
  var _excluded = ["options", "slotProps"];
15
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
16
4
  function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
17
5
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
18
6
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -21,8 +9,13 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
21
9
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
22
10
  function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
23
11
  function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
12
+ import { createComponentSlot } from "@comet/admin";
13
+ import { ButtonGroup, css, useThemeProps } from "@mui/material";
14
+ import LinkToolbarButton from "../extension/Link/ToolbarButton";
15
+ import LinksRemoveToolbarButton from "../extension/LinksRemove/ToolbarButton";
16
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
24
17
  function StyledLinkControls(inProps) {
25
- var props = (0, _material.useThemeProps)({
18
+ var props = useThemeProps({
26
19
  props: inProps,
27
20
  name: "CometAdminRteLinkControls"
28
21
  });
@@ -32,30 +25,30 @@ function StyledLinkControls(inProps) {
32
25
  overwriteLinksRemoveButton = _props$options.overwriteLinksRemoveButton,
33
26
  slotProps = props.slotProps,
34
27
  restProps = _objectWithoutProperties(props, _excluded);
35
- var LinkButtonComponent = overwriteLinkButton ? overwriteLinkButton : _ToolbarButton["default"];
36
- var LinksRemoveButtonComponent = overwriteLinksRemoveButton ? overwriteLinksRemoveButton : _ToolbarButton2["default"];
37
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, _objectSpread(_objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
38
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Item, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.item), {}, {
39
- children: supportedThings.includes("link") && /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkButtonComponent, _objectSpread({}, props))
40
- })), /*#__PURE__*/(0, _jsxRuntime.jsx)(Item, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.item), {}, {
41
- children: supportedThings.includes("links-remove") && /*#__PURE__*/(0, _jsxRuntime.jsx)(LinksRemoveButtonComponent, _objectSpread({}, props))
28
+ var LinkButtonComponent = overwriteLinkButton ? overwriteLinkButton : LinkToolbarButton;
29
+ var LinksRemoveButtonComponent = overwriteLinksRemoveButton ? overwriteLinksRemoveButton : LinksRemoveToolbarButton;
30
+ return /*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
31
+ children: [/*#__PURE__*/_jsx(Item, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.item), {}, {
32
+ children: supportedThings.includes("link") && /*#__PURE__*/_jsx(LinkButtonComponent, _objectSpread({}, props))
33
+ })), /*#__PURE__*/_jsx(Item, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.item), {}, {
34
+ children: supportedThings.includes("links-remove") && /*#__PURE__*/_jsx(LinksRemoveButtonComponent, _objectSpread({}, props))
42
35
  }))]
43
36
  }));
44
37
  }
45
- var Root = (0, _admin.createComponentSlot)(_material.ButtonGroup)({
38
+ var Root = createComponentSlot(ButtonGroup)({
46
39
  componentName: "RteLinkControls",
47
40
  slotName: "root"
48
41
  })();
49
- var Item = (0, _admin.createComponentSlot)("div")({
42
+ var Item = createComponentSlot("div")({
50
43
  componentName: "RteLinkControls",
51
44
  slotName: "item"
52
- })((0, _material.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin-right: 1px;\n min-width: 0;\n &:last-child {\n margin-right: 0;\n }\n"]))));
45
+ })(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin-right: 1px;\n min-width: 0;\n &:last-child {\n margin-right: 0;\n }\n"]))));
53
46
 
54
47
  // If there are no link-actions, this must return null not just an empty component, to prevent an empty item from being rendered in Toolbar
55
- var _default = exports["default"] = function _default(p) {
48
+ export default (function (p) {
56
49
  var supportedThings = p.options.supports;
57
50
  if (!supportedThings.includes("link") && !supportedThings.includes("links-remove")) {
58
51
  return null;
59
52
  }
60
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledLinkControls, _objectSpread({}, p));
61
- };
53
+ return /*#__PURE__*/_jsx(StyledLinkControls, _objectSpread({}, p));
54
+ });
@@ -1,14 +1,7 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = ListsControls;
7
- var _FeaturesButtonGroup = require("./FeaturesButtonGroup");
8
- var _useBlockTypes2 = _interopRequireDefault(require("./useBlockTypes"));
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
11
- function ListsControls(_ref) {
1
+ import { FeaturesButtonGroup } from "./FeaturesButtonGroup";
2
+ import useBlockTypes from "./useBlockTypes";
3
+ import { jsx as _jsx } from "react/jsx-runtime";
4
+ export default function ListsControls(_ref) {
12
5
  var editorState = _ref.editorState,
13
6
  setEditorState = _ref.setEditorState,
14
7
  editorRef = _ref.editorRef,
@@ -17,7 +10,7 @@ function ListsControls(_ref) {
17
10
  blocktypeMap = _ref$options.blocktypeMap,
18
11
  standardBlockType = _ref$options.standardBlockType,
19
12
  disabled = _ref.disabled;
20
- var _useBlockTypes = (0, _useBlockTypes2["default"])({
13
+ var _useBlockTypes = useBlockTypes({
21
14
  editorState: editorState,
22
15
  setEditorState: setEditorState,
23
16
  supportedThings: supportedThings,
@@ -29,7 +22,7 @@ function ListsControls(_ref) {
29
22
  if (listsFeatures.length < 1) {
30
23
  return null;
31
24
  }
32
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FeaturesButtonGroup.FeaturesButtonGroup, {
25
+ return /*#__PURE__*/_jsx(FeaturesButtonGroup, {
33
26
  features: listsFeatures,
34
27
  disabled: disabled,
35
28
  editorRef: editorRef
@@ -1,14 +1,7 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = ListsIndentControls;
7
- var _FeaturesButtonGroup = require("./FeaturesButtonGroup");
8
- var _useListIndent2 = _interopRequireDefault(require("./useListIndent"));
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
11
- function ListsIndentControls(_ref) {
1
+ import { FeaturesButtonGroup } from "./FeaturesButtonGroup";
2
+ import useListIndent from "./useListIndent";
3
+ import { jsx as _jsx } from "react/jsx-runtime";
4
+ export default function ListsIndentControls(_ref) {
12
5
  var editorState = _ref.editorState,
13
6
  setEditorState = _ref.setEditorState,
14
7
  _ref$options = _ref.options,
@@ -16,7 +9,7 @@ function ListsIndentControls(_ref) {
16
9
  listLevelMax = _ref$options.listLevelMax,
17
10
  disabled = _ref.disabled,
18
11
  editorRef = _ref.editorRef;
19
- var _useListIndent = (0, _useListIndent2["default"])({
12
+ var _useListIndent = useListIndent({
20
13
  editorState: editorState,
21
14
  setEditorState: setEditorState,
22
15
  supportedThings: supportedThings,
@@ -26,7 +19,7 @@ function ListsIndentControls(_ref) {
26
19
  if (features.length < 1) {
27
20
  return null;
28
21
  }
29
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FeaturesButtonGroup.FeaturesButtonGroup, {
22
+ return /*#__PURE__*/_jsx(FeaturesButtonGroup, {
30
23
  features: features,
31
24
  disabled: disabled,
32
25
  editorRef: editorRef
@@ -1,27 +1,20 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
- var _material = require("@mui/material");
8
- var _ToolbarButton = _interopRequireDefault(require("../extension/NonBreakingSpace/ToolbarButton"));
9
- var _ToolbarButton2 = require("../extension/SoftHyphen/ToolbarButton");
10
- var _jsxRuntime = require("react/jsx-runtime");
11
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
12
1
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
13
2
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
14
3
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
15
4
  function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
16
5
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
17
6
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
7
+ import { ButtonGroup } from "@mui/material";
8
+ import NonBreakingSpaceToolbarButton from "../extension/NonBreakingSpace/ToolbarButton";
9
+ import { ToolbarButton as SoftHyphenToolbarButton } from "../extension/SoftHyphen/ToolbarButton";
10
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
18
11
  function SpecialCharactersControls(props) {
19
12
  var supportedThings = props.options.supports;
20
13
  if (!supportedThings.includes("non-breaking-space") && !supportedThings.includes("soft-hyphen")) {
21
14
  return null;
22
15
  }
23
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ButtonGroup, {
24
- children: [supportedThings.includes("non-breaking-space") && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToolbarButton["default"], _objectSpread({}, props)), supportedThings.includes("soft-hyphen") && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToolbarButton2.ToolbarButton, _objectSpread({}, props))]
16
+ return /*#__PURE__*/_jsxs(ButtonGroup, {
17
+ children: [supportedThings.includes("non-breaking-space") && /*#__PURE__*/_jsx(NonBreakingSpaceToolbarButton, _objectSpread({}, props)), supportedThings.includes("soft-hyphen") && /*#__PURE__*/_jsx(SoftHyphenToolbarButton, _objectSpread({}, props))]
25
18
  });
26
19
  }
27
- var _default = exports["default"] = SpecialCharactersControls;
20
+ export default SpecialCharactersControls;
@@ -1,5 +1,6 @@
1
1
  import { type ThemedComponentBaseProps } from "@comet/admin";
2
2
  import { type ComponentsOverrides, type Theme } from "@mui/material";
3
+ import { type JSX } from "react";
3
4
  import { type IControlProps } from "../../types";
4
5
  import { type RteToolbarClassKey } from "./Toolbar.styles";
5
6
  interface RteToolbarProps extends IControlProps, ThemedComponentBaseProps<{
@@ -1 +1 @@
1
- {"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../src/core/Controls/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,KAAK,EAAE,MAAM,eAAe,CAAC;AAIrE,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAQ,KAAK,kBAAkB,EAAQ,MAAM,kBAAkB,CAAC;AAEvE,UAAU,eACN,SAAQ,aAAa,EACjB,wBAAwB,CAAC;IACrB,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,EAAE,KAAK,CAAC;CACf,CAAC;IACN,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,aAAa,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;CAC7D;AAED,wBAAgB,OAAO,CAAC,OAAO,EAAE,eAAe,2CAyB/C;AAED,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,mBAAmB;QACzB,oBAAoB,EAAE,eAAe,CAAC;KACzC;IAED,UAAU,uBAAuB;QAC7B,oBAAoB,EAAE,kBAAkB,CAAC;KAC5C;IAED,UAAU,UAAU;QAChB,oBAAoB,CAAC,EAAE;YACnB,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,sBAAsB,CAAC,CAAC,CAAC;YACpE,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,sBAAsB,CAAC,CAAC;SACvE,CAAC;KACL;CACJ"}
1
+ {"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../src/core/Controls/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,KAAK,EAAE,MAAM,eAAe,CAAC;AAErE,OAAO,EAAiB,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAQ,KAAK,kBAAkB,EAAQ,MAAM,kBAAkB,CAAC;AAEvE,UAAU,eACN,SAAQ,aAAa,EACjB,wBAAwB,CAAC;IACrB,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,EAAE,KAAK,CAAC;CACf,CAAC;IACN,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,aAAa,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;CAC7D;AAED,wBAAgB,OAAO,CAAC,OAAO,EAAE,eAAe,2CAyB/C;AAED,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,mBAAmB;QACzB,oBAAoB,EAAE,eAAe,CAAC;KACzC;IAED,UAAU,uBAAuB;QAC7B,oBAAoB,EAAE,kBAAkB,CAAC;KAC5C;IAED,UAAU,UAAU;QAChB,oBAAoB,CAAC,EAAE;YACnB,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,sBAAsB,CAAC,CAAC,CAAC;YACpE,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,sBAAsB,CAAC,CAAC;SACvE,CAAC;KACL;CACJ"}
@@ -1,14 +1,4 @@
1
- "use strict";
2
-
3
1
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.Toolbar = Toolbar;
8
- var _styles = require("@mui/material/styles");
9
- var _react = require("react");
10
- var _Toolbar = require("./Toolbar.styles");
11
- var _jsxRuntime = require("react/jsx-runtime");
12
2
  var _excluded = ["children", "slotProps"];
13
3
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
14
4
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -17,8 +7,12 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
17
7
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
18
8
  function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
19
9
  function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
20
- function Toolbar(inProps) {
21
- var _useThemeProps = (0, _styles.useThemeProps)({
10
+ import { useThemeProps } from "@mui/material/styles";
11
+ import { createElement } from "react";
12
+ import { Root, Slot } from "./Toolbar.styles";
13
+ import { jsx as _jsx } from "react/jsx-runtime";
14
+ export function Toolbar(inProps) {
15
+ var _useThemeProps = useThemeProps({
22
16
  props: inProps,
23
17
  name: "CometAdminRteToolbar"
24
18
  }),
@@ -30,15 +24,15 @@ function Toolbar(inProps) {
30
24
  return Comp(restProps) !== null; // filter out unused control components
31
25
  }).map(function (c) {
32
26
  var Comp = c;
33
- return /*#__PURE__*/(0, _react.createElement)(Comp, restProps);
27
+ return /*#__PURE__*/createElement(Comp, restProps);
34
28
  });
35
29
  return (
36
30
  /*#__PURE__*/
37
31
  // TODO: Find alternative to className
38
- (0, _jsxRuntime.jsx)(_Toolbar.Root, _objectSpread(_objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
32
+ _jsx(Root, _objectSpread(_objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
39
33
  className: "CometAdminRteToolbar-root",
40
34
  children: childrenElements.map(function (c, idx) {
41
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toolbar.Slot, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.slot), {}, {
35
+ return /*#__PURE__*/_jsx(Slot, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.slot), {}, {
42
36
  children: c
43
37
  }), idx);
44
38
  })
@@ -1,11 +1,11 @@
1
1
  export type RteToolbarClassKey = "root" | "slot";
2
- export declare const Root: import("react").ForwardRefExoticComponent<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
2
+ export declare const Root: import("react").ForwardRefExoticComponent<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
3
3
  ownerState?: undefined;
4
4
  } & {
5
5
  className?: string;
6
6
  ownerState?: object;
7
7
  }, "ref"> & import("react").RefAttributes<unknown>>;
8
- export declare const Slot: import("react").ForwardRefExoticComponent<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
8
+ export declare const Slot: import("react").ForwardRefExoticComponent<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
9
9
  ownerState?: undefined;
10
10
  } & {
11
11
  className?: string;
@@ -1,28 +1,21 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Slot = exports.Root = void 0;
7
- var _admin = require("@comet/admin");
8
- var _styles = require("@mui/material/styles");
9
- var _getRteTheme = _interopRequireDefault(require("../../utils/getRteTheme"));
10
1
  var _templateObject, _templateObject2;
11
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
12
2
  function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
13
- var Root = exports.Root = (0, _admin.createComponentSlot)("div")({
3
+ import { createComponentSlot } from "@comet/admin";
4
+ import { css } from "@mui/material/styles";
5
+ import getRteTheme from "../../utils/getRteTheme";
6
+ export var Root = createComponentSlot("div")({
14
7
  componentName: "RteToolbar",
15
8
  slotName: "root"
16
9
  })(function (_ref) {
17
10
  var _getRteTheme$colors, _theme$components;
18
11
  var theme = _ref.theme;
19
- return (0, _styles.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: sticky;\n top: 0;\n z-index: 2;\n display: flex;\n flex-wrap: wrap;\n border-top: 1px solid var(--comet-admin-rte-outer-border-color);\n background-color: ", ";\n padding-left: 6px;\n padding-right: 6px;\n overflow: hidden;\n "])), (_getRteTheme$colors = (0, _getRteTheme["default"])((_theme$components = theme.components) === null || _theme$components === void 0 || (_theme$components = _theme$components.CometAdminRte) === null || _theme$components === void 0 ? void 0 : _theme$components.defaultProps).colors) === null || _getRteTheme$colors === void 0 ? void 0 : _getRteTheme$colors.toolbarBackground);
12
+ return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: sticky;\n top: 0;\n z-index: 2;\n display: flex;\n flex-wrap: wrap;\n border-top: 1px solid var(--comet-admin-rte-outer-border-color);\n background-color: ", ";\n padding-left: 6px;\n padding-right: 6px;\n overflow: hidden;\n "])), (_getRteTheme$colors = getRteTheme((_theme$components = theme.components) === null || _theme$components === void 0 || (_theme$components = _theme$components.CometAdminRte) === null || _theme$components === void 0 ? void 0 : _theme$components.defaultProps).colors) === null || _getRteTheme$colors === void 0 ? void 0 : _getRteTheme$colors.toolbarBackground);
20
13
  });
21
- var Slot = exports.Slot = (0, _admin.createComponentSlot)("div")({
14
+ export var Slot = createComponentSlot("div")({
22
15
  componentName: "RteToolbar",
23
16
  slotName: "slot"
24
17
  })(function (_ref2) {
25
18
  var _getRteTheme$colors2, _theme$components2;
26
19
  var theme = _ref2.theme;
27
- return (0, _styles.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n flex-shrink: 0;\n flex-grow: 0;\n height: 34px;\n box-sizing: border-box;\n padding-top: 5px;\n padding-bottom: 5px;\n padding-right: 6px;\n margin-right: 5px;\n\n &::before,\n &::after {\n content: \"\";\n position: absolute;\n background-color: ", ";\n }\n\n &::before {\n bottom: 0;\n height: 1px;\n left: -100vw;\n right: -100vw;\n }\n\n &::after {\n top: 8px;\n right: 0;\n bottom: 8px;\n width: 1px;\n }\n\n &:last-child {\n margin-right: 0;\n }\n\n &:last-child::after {\n display: none;\n }\n "])), (_getRteTheme$colors2 = (0, _getRteTheme["default"])((_theme$components2 = theme.components) === null || _theme$components2 === void 0 || (_theme$components2 = _theme$components2.CometAdminRte) === null || _theme$components2 === void 0 ? void 0 : _theme$components2.defaultProps).colors) === null || _getRteTheme$colors2 === void 0 ? void 0 : _getRteTheme$colors2.border);
20
+ return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n flex-shrink: 0;\n flex-grow: 0;\n height: 34px;\n box-sizing: border-box;\n padding-top: 5px;\n padding-bottom: 5px;\n padding-right: 6px;\n margin-right: 5px;\n\n &::before,\n &::after {\n content: \"\";\n position: absolute;\n background-color: ", ";\n }\n\n &::before {\n bottom: 0;\n height: 1px;\n left: -100vw;\n right: -100vw;\n }\n\n &::after {\n top: 8px;\n right: 0;\n bottom: 8px;\n width: 1px;\n }\n\n &:last-child {\n margin-right: 0;\n }\n\n &:last-child::after {\n display: none;\n }\n "])), (_getRteTheme$colors2 = getRteTheme((_theme$components2 = theme.components) === null || _theme$components2 === void 0 || (_theme$components2 = _theme$components2.CometAdminRte) === null || _theme$components2 === void 0 ? void 0 : _theme$components2.defaultProps).colors) === null || _getRteTheme$colors2 === void 0 ? void 0 : _getRteTheme$colors2.border);
28
21
  });
@@ -1,27 +1,20 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
- var _admin = require("@comet/admin");
8
- var _material = require("@mui/material");
9
- var _ToolbarButton = _interopRequireDefault(require("../translation/ToolbarButton"));
10
- var _jsxRuntime = require("react/jsx-runtime");
11
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
12
1
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
13
2
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
14
3
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
15
4
  function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
16
5
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
17
6
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
7
+ import { useContentTranslationService } from "@comet/admin";
8
+ import { ButtonGroup } from "@mui/material";
9
+ import TranslationToolbarButton from "../translation/ToolbarButton";
10
+ import { jsx as _jsx } from "react/jsx-runtime";
18
11
  function TranslationControls(props) {
19
- var translationContext = (0, _admin.useContentTranslationService)();
12
+ var translationContext = useContentTranslationService();
20
13
  if (translationContext.enabled && !props.options.disableContentTranslation) {
21
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ButtonGroup, {
22
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToolbarButton["default"], _objectSpread({}, props))
14
+ return /*#__PURE__*/_jsx(ButtonGroup, {
15
+ children: /*#__PURE__*/_jsx(TranslationToolbarButton, _objectSpread({}, props))
23
16
  });
24
17
  }
25
18
  return null;
26
19
  }
27
- var _default = exports["default"] = TranslationControls;
20
+ export default TranslationControls;
@@ -8,7 +8,7 @@ interface IProps {
8
8
  setEditorState: (editorState: EditorState) => void;
9
9
  supportedThings: SupportedThings[];
10
10
  blocktypeMap: IBlocktypeMap;
11
- editorRef: RefObject<Editor>;
11
+ editorRef: RefObject<Editor | null>;
12
12
  standardBlockType: DraftBlockType;
13
13
  }
14
14
  type BlockChangeEvent = SelectChangeEvent<DraftBlockType>;
@@ -1 +1 @@
1
- {"version":3,"file":"useBlockTypes.d.ts","sourceRoot":"","sources":["../../../src/core/Controls/useBlockTypes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,MAAM,EAAE,KAAK,WAAW,EAAa,MAAM,UAAU,CAAC;AACzF,OAAO,EAAmB,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC;AAGnE,UAAU,MAAM;IACZ,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;IACnD,eAAe,EAAE,eAAe,EAAE,CAAC;IACnC,YAAY,EAAE,aAAa,CAAC;IAC5B,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC7B,iBAAiB,EAAE,cAAc,CAAC;CACrC;AA+BD,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,cAAc,CAAC,CAAC;AAE1D,MAAM,WAAW,aAAa;IAC1B,gBAAgB,EAAE,cAAc,EAAE,CAAC;IACnC,uBAAuB,EAAE,MAAM,CAAC;IAChC,qBAAqB,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrD,aAAa,EAAE,cAAc,EAAE,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAClC,WAAW,EACX,cAAc,EACd,eAAe,EACf,YAAY,EACZ,SAAS,EACT,iBAAiB,GACpB,EAAE,MAAM,GAAG,aAAa,CAkExB"}
1
+ {"version":3,"file":"useBlockTypes.d.ts","sourceRoot":"","sources":["../../../src/core/Controls/useBlockTypes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,MAAM,EAAE,KAAK,WAAW,EAAa,MAAM,UAAU,CAAC;AACzF,OAAO,EAAmB,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC;AAGnE,UAAU,MAAM;IACZ,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;IACnD,eAAe,EAAE,eAAe,EAAE,CAAC;IACnC,YAAY,EAAE,aAAa,CAAC;IAC5B,SAAS,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACpC,iBAAiB,EAAE,cAAc,CAAC;CACrC;AA+BD,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,cAAc,CAAC,CAAC;AAE1D,MAAM,WAAW,aAAa;IAC1B,gBAAgB,EAAE,cAAc,EAAE,CAAC;IACnC,uBAAuB,EAAE,MAAM,CAAC;IAChC,qBAAqB,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrD,aAAa,EAAE,cAAc,EAAE,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAClC,WAAW,EACX,cAAc,EACd,eAAe,EACf,YAAY,EACZ,SAAS,EACT,iBAAiB,GACpB,EAAE,MAAM,GAAG,aAAa,CAkExB"}
@@ -1,13 +1,3 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = useBlockTypes;
7
- var _draftJs = require("draft-js");
8
- var _react = require("react");
9
- var _getCurrentBlock = _interopRequireDefault(require("../utils/getCurrentBlock"));
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
11
1
  function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
12
2
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
13
3
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
@@ -18,6 +8,9 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
18
8
  function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
19
9
  function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
20
10
  function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
11
+ import { RichUtils } from "draft-js";
12
+ import { useCallback, useMemo } from "react";
13
+ import getCurrentBlock from "../utils/getCurrentBlock";
21
14
  var DEFAULT_GROUP = "dropdown";
22
15
  var createFeaturesFromBlocktypeMap = function createFeaturesFromBlocktypeMap(group) {
23
16
  return function (_ref) {
@@ -51,7 +44,7 @@ var createFeaturesFromBlocktypeMap = function createFeaturesFromBlocktypeMap(gro
51
44
  }));
52
45
  };
53
46
  };
54
- function useBlockTypes(_ref6) {
47
+ export default function useBlockTypes(_ref6) {
55
48
  var editorState = _ref6.editorState,
56
49
  setEditorState = _ref6.setEditorState,
57
50
  supportedThings = _ref6.supportedThings,
@@ -59,29 +52,29 @@ function useBlockTypes(_ref6) {
59
52
  editorRef = _ref6.editorRef,
60
53
  standardBlockType = _ref6.standardBlockType;
61
54
  // can check if blocktype is supported by the editor
62
- var supports = (0, _react.useCallback)(function (supportedBy) {
55
+ var supports = useCallback(function (supportedBy) {
63
56
  return supportedBy ? supportedThings.includes(supportedBy) : true;
64
57
  }, [supportedThings]);
65
- var blockTypeActive = (0, _react.useCallback)(function (blockType) {
66
- var currentBlock = (0, _getCurrentBlock["default"])(editorState);
58
+ var blockTypeActive = useCallback(function (blockType) {
59
+ var currentBlock = getCurrentBlock(editorState);
67
60
  if (!currentBlock) {
68
61
  return false;
69
62
  }
70
63
  return currentBlock.getType() === blockType;
71
64
  }, [editorState]);
72
- var handleBlockTypeButtonClick = (0, _react.useCallback)(function (blockType, e) {
65
+ var handleBlockTypeButtonClick = useCallback(function (blockType, e) {
73
66
  e.preventDefault();
74
- setEditorState(_draftJs.RichUtils.toggleBlockType(editorState, blockType));
67
+ setEditorState(RichUtils.toggleBlockType(editorState, blockType));
75
68
  }, [setEditorState, editorState]);
76
- var handleBlockTypeChange = (0, _react.useCallback)(function (e) {
69
+ var handleBlockTypeChange = useCallback(function (e) {
77
70
  e.preventDefault();
78
71
  if (!e.target.value) {
79
- var currentBlock = (0, _getCurrentBlock["default"])(editorState);
72
+ var currentBlock = getCurrentBlock(editorState);
80
73
  if (currentBlock) {
81
- setEditorState(_draftJs.RichUtils.toggleBlockType(editorState, currentBlock.getType()));
74
+ setEditorState(RichUtils.toggleBlockType(editorState, currentBlock.getType()));
82
75
  }
83
76
  } else {
84
- setEditorState(_draftJs.RichUtils.toggleBlockType(editorState, e.target.value));
77
+ setEditorState(RichUtils.toggleBlockType(editorState, e.target.value));
85
78
  }
86
79
  // keeps editor focused
87
80
  setTimeout(function () {
@@ -90,7 +83,7 @@ function useBlockTypes(_ref6) {
90
83
  }
91
84
  }, 0);
92
85
  }, [setEditorState, editorState, editorRef]);
93
- var dropdownFeatures = (0, _react.useMemo)(function () {
86
+ var dropdownFeatures = useMemo(function () {
94
87
  return createFeaturesFromBlocktypeMap("dropdown")({
95
88
  supports: supports,
96
89
  blockTypeActive: blockTypeActive,
@@ -99,7 +92,7 @@ function useBlockTypes(_ref6) {
99
92
  standardBlockType: standardBlockType
100
93
  });
101
94
  }, [supports, blockTypeActive, handleBlockTypeButtonClick, blocktypeMap, standardBlockType]);
102
- var listsFeatures = (0, _react.useMemo)(function () {
95
+ var listsFeatures = useMemo(function () {
103
96
  return createFeaturesFromBlocktypeMap("button")({
104
97
  supports: supports,
105
98
  blockTypeActive: blockTypeActive,
@@ -108,7 +101,7 @@ function useBlockTypes(_ref6) {
108
101
  standardBlockType: standardBlockType
109
102
  });
110
103
  }, [supports, blockTypeActive, handleBlockTypeButtonClick, blocktypeMap, standardBlockType]);
111
- var activeDropdownBlockType = (0, _react.useMemo)(function () {
104
+ var activeDropdownBlockType = useMemo(function () {
112
105
  var activeFeature = dropdownFeatures.find(function (c) {
113
106
  return c.selected;
114
107
  });
@@ -1,40 +1,34 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = useHistory;
7
- var _adminIcons = require("@comet/admin-icons");
8
- var _draftJs = require("draft-js");
9
- var _react = require("react");
10
- var _reactIntl = require("react-intl");
11
- function useHistory(_ref) {
1
+ import { RteRedo, RteUndo } from "@comet/admin-icons";
2
+ import { EditorState } from "draft-js";
3
+ import { useCallback, useMemo } from "react";
4
+ import { useIntl } from "react-intl";
5
+ export default function useHistory(_ref) {
12
6
  var editorState = _ref.editorState,
13
7
  setEditorState = _ref.setEditorState,
14
8
  supportedThings = _ref.supportedThings;
15
- var intl = (0, _reactIntl.useIntl)();
9
+ var intl = useIntl();
16
10
 
17
11
  // can check if history is supported
18
- var supported = (0, _react.useMemo)(function () {
12
+ var supported = useMemo(function () {
19
13
  return supportedThings.includes("history");
20
14
  }, [supportedThings]);
21
- var canRedo = (0, _react.useMemo)(function () {
15
+ var canRedo = useMemo(function () {
22
16
  return !editorState.getRedoStack().isEmpty();
23
17
  }, [editorState]);
24
- var canUndo = (0, _react.useMemo)(function () {
18
+ var canUndo = useMemo(function () {
25
19
  return !editorState.getUndoStack().isEmpty();
26
20
  }, [editorState]);
27
- var handleUndoClick = (0, _react.useCallback)(function (e) {
21
+ var handleUndoClick = useCallback(function (e) {
28
22
  e.preventDefault();
29
- var newEditorState = _draftJs.EditorState.undo(editorState);
23
+ var newEditorState = EditorState.undo(editorState);
30
24
  setEditorState(newEditorState);
31
25
  }, [editorState, setEditorState]);
32
- var handleRedoClick = (0, _react.useCallback)(function (e) {
26
+ var handleRedoClick = useCallback(function (e) {
33
27
  e.preventDefault();
34
- var newEditorState = _draftJs.EditorState.redo(editorState);
28
+ var newEditorState = EditorState.redo(editorState);
35
29
  setEditorState(newEditorState);
36
30
  }, [editorState, setEditorState]);
37
- var features = (0, _react.useMemo)(function () {
31
+ var features = useMemo(function () {
38
32
  return supported ? [{
39
33
  name: "undo",
40
34
  label: intl.formatMessage({
@@ -43,7 +37,7 @@ function useHistory(_ref) {
43
37
  }),
44
38
  disabled: !canUndo,
45
39
  onButtonClick: handleUndoClick,
46
- icon: _adminIcons.RteUndo,
40
+ icon: RteUndo,
47
41
  tooltipText: intl.formatMessage({
48
42
  id: "comet.rte.controls.undo.tooltip",
49
43
  defaultMessage: "Ctrl+Z"
@@ -56,7 +50,7 @@ function useHistory(_ref) {
56
50
  }),
57
51
  disabled: !canRedo,
58
52
  onButtonClick: handleRedoClick,
59
- icon: _adminIcons.RteRedo,
53
+ icon: RteRedo,
60
54
  tooltipText: intl.formatMessage({
61
55
  id: "comet.rte.controls.redo.tooltip",
62
56
  defaultMessage: "Ctrl+Y"
@@ -6,7 +6,7 @@ interface IProps {
6
6
  editorState: EditorState;
7
7
  setEditorState: (editorState: EditorState) => void;
8
8
  supportedThings: SupportedThings[];
9
- editorRef: RefObject<Editor>;
9
+ editorRef: RefObject<Editor | null>;
10
10
  customInlineStyles?: CustomInlineStyles;
11
11
  }
12
12
  export default function useInlineStyleType({ editorState, setEditorState, supportedThings, editorRef, customInlineStyles }: IProps): {
@@ -1 +1 @@
1
- {"version":3,"file":"useInlineStyleType.d.ts","sourceRoot":"","sources":["../../../src/core/Controls/useInlineStyleType.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,WAAW,EAAa,MAAM,UAAU,CAAC;AACpE,OAAO,EAAE,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,KAAK,kBAAkB,EAAE,KAAK,cAAc,EAAwB,MAAM,UAAU,CAAC;AAI9F,UAAU,MAAM;IACZ,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;IACnD,eAAe,EAAE,eAAe,EAAE,CAAC;IACnC,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC7B,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;CAC3C;AAqDD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,WAAW,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,EAAE,kBAAkB,EAAE,EAAE,MAAM;;EAgEjI"}
1
+ {"version":3,"file":"useInlineStyleType.d.ts","sourceRoot":"","sources":["../../../src/core/Controls/useInlineStyleType.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,WAAW,EAAa,MAAM,UAAU,CAAC;AACpE,OAAO,EAAE,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,KAAK,kBAAkB,EAAE,KAAK,cAAc,EAAwB,MAAM,UAAU,CAAC;AAI9F,UAAU,MAAM;IACZ,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;IACnD,eAAe,EAAE,eAAe,EAAE,CAAC;IACnC,SAAS,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACpC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;CAC3C;AAqDD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,WAAW,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,EAAE,kBAAkB,EAAE,EAAE,MAAM;;EAgEjI"}