@comet/admin-rte 8.17.1 → 9.0.0-beta.0
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/lib/core/BlockElement.js +11 -15
- package/lib/core/Controls/BlockTypesControls.js +17 -24
- package/lib/core/Controls/ControlButton.js +11 -18
- package/lib/core/Controls/Controls.js +14 -21
- package/lib/core/Controls/CustomControls.js +5 -12
- package/lib/core/Controls/FeaturesButtonGroup.d.ts +1 -1
- package/lib/core/Controls/FeaturesButtonGroup.d.ts.map +1 -1
- package/lib/core/Controls/FeaturesButtonGroup.js +35 -41
- package/lib/core/Controls/HistoryContols.js +6 -13
- package/lib/core/Controls/InlineStyleTypeControls.js +6 -13
- package/lib/core/Controls/LinkControls.js +19 -26
- package/lib/core/Controls/ListsControls.js +6 -13
- package/lib/core/Controls/ListsIndentControls.js +6 -13
- package/lib/core/Controls/SpecialCharactersControls.js +7 -14
- package/lib/core/Controls/Toolbar/Toolbar.d.ts +1 -0
- package/lib/core/Controls/Toolbar/Toolbar.d.ts.map +1 -1
- package/lib/core/Controls/Toolbar/Toolbar.js +9 -15
- package/lib/core/Controls/Toolbar/Toolbar.styles.d.ts +2 -2
- package/lib/core/Controls/Toolbar/Toolbar.styles.js +7 -14
- package/lib/core/Controls/TranslationControls.js +8 -15
- package/lib/core/Controls/useBlockTypes.d.ts +1 -1
- package/lib/core/Controls/useBlockTypes.d.ts.map +1 -1
- package/lib/core/Controls/useBlockTypes.js +16 -23
- package/lib/core/Controls/useHistory.js +16 -22
- package/lib/core/Controls/useInlineStyleType.d.ts +1 -1
- package/lib/core/Controls/useInlineStyleType.d.ts.map +1 -1
- package/lib/core/Controls/useInlineStyleType.js +30 -37
- package/lib/core/Controls/useListIndent.js +23 -29
- package/lib/core/Rte.js +47 -54
- package/lib/core/RteReadOnly.js +18 -25
- package/lib/core/defaultBlocktypeMap.js +30 -38
- package/lib/core/extension/Link/Decorator.js +4 -11
- package/lib/core/extension/Link/EditorComponent.js +3 -9
- package/lib/core/extension/Link/ToolbarButton.js +50 -55
- package/lib/core/extension/LinksRemove/ToolbarButton.js +8 -14
- package/lib/core/extension/NonBreakingSpace/Decorator.js +3 -10
- package/lib/core/extension/NonBreakingSpace/EditorComponent.js +8 -14
- package/lib/core/extension/NonBreakingSpace/ToolbarButton.js +15 -23
- package/lib/core/extension/SoftHyphen/Decorator.js +3 -9
- package/lib/core/extension/SoftHyphen/EditorComponent.js +7 -13
- package/lib/core/extension/SoftHyphen/ToolbarButton.js +14 -22
- package/lib/core/filterEditor/composeFilterEditorFns.js +1 -7
- package/lib/core/filterEditor/default.js +9 -16
- package/lib/core/filterEditor/manageStandardBlockType.js +3 -9
- package/lib/core/filterEditor/removeBlocksExceedingBlockLimit.js +4 -10
- package/lib/core/filterEditor/removeUnsupportedBlockTypes.js +3 -10
- package/lib/core/filterEditor/removeUnsupportedEntities.js +3 -10
- package/lib/core/filterEditor/removeUnsupportedInlineStyles.js +3 -10
- package/lib/core/filterEditor/removeUnsupportedListLevels.js +3 -9
- package/lib/core/filterEditor/utils/changeBlockType.js +3 -9
- package/lib/core/filterEditor/utils/manipulateEntityData.js +3 -9
- package/lib/core/filterEditor/utils/removeEntities.js +4 -10
- package/lib/core/filterEditor/utils/removeInlineStyles.js +4 -10
- package/lib/core/makeRteApi.js +19 -26
- package/lib/core/translation/EditorStateTranslationDialog.js +8 -15
- package/lib/core/translation/ToolbarButton.js +22 -28
- package/lib/core/translation/htmlToState.js +7 -13
- package/lib/core/translation/stateToHtml.js +5 -12
- package/lib/core/types.d.ts +2 -2
- package/lib/core/types.d.ts.map +1 -1
- package/lib/core/types.js +1 -5
- package/lib/core/utils/createBlockRenderMap.js +4 -12
- package/lib/core/utils/findEntityDataInCurrentSelection.js +3 -9
- package/lib/core/utils/findEntityInCurrentSelection.js +7 -13
- package/lib/core/utils/findTextInCurrentSelection.js +3 -9
- package/lib/core/utils/getCurrentBlock.js +1 -7
- package/lib/core/utils/getRteTheme.js +13 -19
- package/lib/core/utils/pasteAndFilterText.js +7 -13
- package/lib/core/utils/rangesIntersect.js +1 -7
- package/lib/core/utils/selectionIsInOneBlock.js +1 -7
- package/lib/field/createFinalFormRte.js +10 -17
- package/lib/field/createRteField.js +8 -15
- package/lib/index.js +28 -202
- package/lib/useDebounce.js +5 -10
- package/lib/usePrevious.js +4 -9
- package/lib/utils/requiredValidator.js +6 -12
- 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 =
|
|
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 :
|
|
36
|
-
var LinksRemoveButtonComponent = overwriteLinksRemoveButton ? overwriteLinksRemoveButton :
|
|
37
|
-
return /*#__PURE__*/(
|
|
38
|
-
children: [/*#__PURE__*/(
|
|
39
|
-
children: supportedThings.includes("link") && /*#__PURE__*/(
|
|
40
|
-
})), /*#__PURE__*/(
|
|
41
|
-
children: supportedThings.includes("links-remove") && /*#__PURE__*/(
|
|
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 =
|
|
38
|
+
var Root = createComponentSlot(ButtonGroup)({
|
|
46
39
|
componentName: "RteLinkControls",
|
|
47
40
|
slotName: "root"
|
|
48
41
|
})();
|
|
49
|
-
var Item =
|
|
42
|
+
var Item = createComponentSlot("div")({
|
|
50
43
|
componentName: "RteLinkControls",
|
|
51
44
|
slotName: "item"
|
|
52
|
-
})(
|
|
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
|
-
|
|
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__*/(
|
|
61
|
-
};
|
|
53
|
+
return /*#__PURE__*/_jsx(StyledLinkControls, _objectSpread({}, p));
|
|
54
|
+
});
|
|
@@ -1,14 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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 = (
|
|
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__*/(
|
|
25
|
+
return /*#__PURE__*/_jsx(FeaturesButtonGroup, {
|
|
33
26
|
features: listsFeatures,
|
|
34
27
|
disabled: disabled,
|
|
35
28
|
editorRef: editorRef
|
|
@@ -1,14 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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 = (
|
|
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__*/(
|
|
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__*/(
|
|
24
|
-
children: [supportedThings.includes("non-breaking-space") && /*#__PURE__*/(
|
|
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
|
-
|
|
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;
|
|
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
|
-
|
|
21
|
-
|
|
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__*/
|
|
27
|
+
return /*#__PURE__*/createElement(Comp, restProps);
|
|
34
28
|
});
|
|
35
29
|
return (
|
|
36
30
|
/*#__PURE__*/
|
|
37
31
|
// TODO: Find alternative to className
|
|
38
|
-
(
|
|
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__*/(
|
|
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
|
|
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
|
|
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
|
-
|
|
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
|
|
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 =
|
|
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
|
|
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 =
|
|
12
|
+
var translationContext = useContentTranslationService();
|
|
20
13
|
if (translationContext.enabled && !props.options.disableContentTranslation) {
|
|
21
|
-
return /*#__PURE__*/(
|
|
22
|
-
children: /*#__PURE__*/(
|
|
14
|
+
return /*#__PURE__*/_jsx(ButtonGroup, {
|
|
15
|
+
children: /*#__PURE__*/_jsx(TranslationToolbarButton, _objectSpread({}, props))
|
|
23
16
|
});
|
|
24
17
|
}
|
|
25
18
|
return null;
|
|
26
19
|
}
|
|
27
|
-
|
|
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;
|
|
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 =
|
|
55
|
+
var supports = useCallback(function (supportedBy) {
|
|
63
56
|
return supportedBy ? supportedThings.includes(supportedBy) : true;
|
|
64
57
|
}, [supportedThings]);
|
|
65
|
-
var blockTypeActive =
|
|
66
|
-
var currentBlock = (
|
|
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 =
|
|
65
|
+
var handleBlockTypeButtonClick = useCallback(function (blockType, e) {
|
|
73
66
|
e.preventDefault();
|
|
74
|
-
setEditorState(
|
|
67
|
+
setEditorState(RichUtils.toggleBlockType(editorState, blockType));
|
|
75
68
|
}, [setEditorState, editorState]);
|
|
76
|
-
var handleBlockTypeChange =
|
|
69
|
+
var handleBlockTypeChange = useCallback(function (e) {
|
|
77
70
|
e.preventDefault();
|
|
78
71
|
if (!e.target.value) {
|
|
79
|
-
var currentBlock = (
|
|
72
|
+
var currentBlock = getCurrentBlock(editorState);
|
|
80
73
|
if (currentBlock) {
|
|
81
|
-
setEditorState(
|
|
74
|
+
setEditorState(RichUtils.toggleBlockType(editorState, currentBlock.getType()));
|
|
82
75
|
}
|
|
83
76
|
} else {
|
|
84
|
-
setEditorState(
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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 =
|
|
9
|
+
var intl = useIntl();
|
|
16
10
|
|
|
17
11
|
// can check if history is supported
|
|
18
|
-
var supported =
|
|
12
|
+
var supported = useMemo(function () {
|
|
19
13
|
return supportedThings.includes("history");
|
|
20
14
|
}, [supportedThings]);
|
|
21
|
-
var canRedo =
|
|
15
|
+
var canRedo = useMemo(function () {
|
|
22
16
|
return !editorState.getRedoStack().isEmpty();
|
|
23
17
|
}, [editorState]);
|
|
24
|
-
var canUndo =
|
|
18
|
+
var canUndo = useMemo(function () {
|
|
25
19
|
return !editorState.getUndoStack().isEmpty();
|
|
26
20
|
}, [editorState]);
|
|
27
|
-
var handleUndoClick =
|
|
21
|
+
var handleUndoClick = useCallback(function (e) {
|
|
28
22
|
e.preventDefault();
|
|
29
|
-
var newEditorState =
|
|
23
|
+
var newEditorState = EditorState.undo(editorState);
|
|
30
24
|
setEditorState(newEditorState);
|
|
31
25
|
}, [editorState, setEditorState]);
|
|
32
|
-
var handleRedoClick =
|
|
26
|
+
var handleRedoClick = useCallback(function (e) {
|
|
33
27
|
e.preventDefault();
|
|
34
|
-
var newEditorState =
|
|
28
|
+
var newEditorState = EditorState.redo(editorState);
|
|
35
29
|
setEditorState(newEditorState);
|
|
36
30
|
}, [editorState, setEditorState]);
|
|
37
|
-
var features =
|
|
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:
|
|
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:
|
|
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;
|
|
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"}
|