@wix/auto-patterns 1.45.0 → 1.47.0

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar-button.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ToolbarButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _utils = require("../../../../../utils");
+var _stylableHelper = require("../utils/stylable-helper");
+var _toolbarStCss = require("./toolbar.st.css.js");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar-button.tsx";
+const ToolbarButton = ({
+  label,
+  onClick,
+  isSelected,
+  className,
+  children,
+  dataHook
+}) => {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _stylableHelper.combineClasses)(_toolbarStCss.style, _toolbarStCss.classes.item, className),
+    onMouseDown: _utils.preventEvent,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 28,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.ToggleButton, {
+    dataHook: dataHook,
+    skin: "inverted",
+    selected: isSelected,
+    labelValue: label,
+    onClick: onClick,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 7
+    }
+  }, children));
+};
+exports.ToolbarButton = ToolbarButton;
+//# sourceMappingURL=toolbar-button.js.map

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_utils","_stylableHelper","_toolbarStCss","_jsxFileName","ToolbarButton","label","onClick","isSelected","className","children","dataHook","default","createElement","combineClasses","style","classes","item","onMouseDown","preventEvent","__self","__source","fileName","lineNumber","columnNumber","ToggleButton","skin","selected","labelValue","exports"],"sources":["../../../../../../../../src/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar-button.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ToggleButton } from '@wix/design-system';\n\nimport { preventEvent } from '../../../../../utils';\nimport { combineClasses } from '../utils/stylable-helper';\n\nimport { style, classes } from './toolbar.st.css.js';\n\nexport interface ToolbarButtonProps {\n  isSelected?: boolean;\n  onClick?: () => void;\n  label?: string;\n  className?: string;\n  children?: React.ReactNode;\n  dataHook?: string;\n}\n\nexport const ToolbarButton: React.FC<ToolbarButtonProps> = ({\n  label,\n  onClick,\n  isSelected,\n  className,\n  children,\n  dataHook,\n}) => {\n  return (\n    <div\n      className={combineClasses(style, classes.item, className)}\n      onMouseDown={preventEvent}\n    >\n      <ToggleButton\n        dataHook={dataHook}\n        skin=\"inverted\"\n        selected={isSelected}\n        labelValue={label}\n        onClick={onClick}\n      >\n        {children}\n      </ToggleButton>\n    </div>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AAAqD,IAAAK,YAAA;AAW9C,MAAMC,aAA2C,GAAGA,CAAC;EAC1DC,KAAK;EACLC,OAAO;EACPC,UAAU;EACVC,SAAS;EACTC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,oBACEd,MAAA,CAAAe,OAAA,CAAAC,aAAA;IACEJ,SAAS,EAAE,IAAAK,8BAAc,EAACC,mBAAK,EAAEC,qBAAO,CAACC,IAAI,EAAER,SAAS,CAAE;IAC1DS,WAAW,EAAEC,mBAAa;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE1B3B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAyB,YAAY;IACXd,QAAQ,EAAEA,QAAS;IACnBe,IAAI,EAAC,UAAU;IACfC,QAAQ,EAAEnB,UAAW;IACrBoB,UAAU,EAAEtB,KAAM;IAClBC,OAAO,EAAEA,OAAQ;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhBd,QACW,CACX,CAAC;AAEV,CAAC;AAACmB,OAAA,CAAAxB,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar-toggle.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ToolbarToggle = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _toolbarButton = require("./toolbar-button");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar-toggle.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const ToolbarToggle = ({
+  onChange,
+  inlineStyle,
+  name,
+  blockType,
+  ...rest
+}) => {
+  const onClick = (0, _react.useCallback)(() => onChange(name), [name, onChange]);
+  const isSelected = inlineStyle ? inlineStyle.has(name) : name === blockType;
+  return /*#__PURE__*/_react.default.createElement(_toolbarButton.ToolbarButton, (0, _extends2.default)({
+    isSelected: isSelected,
+    onClick: onClick
+  }, rest, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 26,
+      columnNumber: 10
+    }
+  }));
+};
+exports.ToolbarToggle = ToolbarToggle;
+//# sourceMappingURL=toolbar-toggle.js.map

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_toolbarButton","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ToolbarToggle","onChange","inlineStyle","name","blockType","rest","onClick","useCallback","isSelected","createElement","ToolbarButton","_extends2","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../../../../src/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar-toggle.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport type { OrderedSet } from 'immutable';\n\nimport { ToolbarButton } from './toolbar-button';\n\nexport interface ToolbarToggleProps {\n  name: string;\n  label?: string;\n  onChange: (value: string) => void;\n  inlineStyle?: OrderedSet<string>;\n  blockType?: string;\n  dataHook?: string;\n  children?: React.ReactNode;\n}\n\nexport const ToolbarToggle: React.FC<ToolbarToggleProps> = ({\n  onChange,\n  inlineStyle,\n  name,\n  blockType,\n  ...rest\n}) => {\n  const onClick = useCallback(() => onChange(name), [name, onChange]);\n  const isSelected = inlineStyle ? inlineStyle.has(name) : name === blockType;\n  return <ToolbarButton isSelected={isSelected} onClick={onClick} {...rest} />;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAIA,IAAAC,cAAA,GAAAD,OAAA;AAAiD,IAAAE,YAAA;AAAA,SAAAH,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAY1C,MAAMkB,aAA2C,GAAGA,CAAC;EAC1DC,QAAQ;EACRC,WAAW;EACXC,IAAI;EACJC,SAAS;EACT,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,OAAO,GAAG,IAAAC,kBAAW,EAAC,MAAMN,QAAQ,CAACE,IAAI,CAAC,EAAE,CAACA,IAAI,EAAEF,QAAQ,CAAC,CAAC;EACnE,MAAMO,UAAU,GAAGN,WAAW,GAAGA,WAAW,CAACV,GAAG,CAACW,IAAI,CAAC,GAAGA,IAAI,KAAKC,SAAS;EAC3E,oBAAO5B,MAAA,CAAAe,OAAA,CAAAkB,aAAA,CAAC9B,cAAA,CAAA+B,aAAa,MAAAC,SAAA,CAAApB,OAAA;IAACiB,UAAU,EAAEA,UAAW;IAACF,OAAO,EAAEA;EAAQ,GAAKD,IAAI;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AAC9E,CAAC;AAACC,OAAA,CAAAjB,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.js

@@ -0,0 +1,283 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Toolbar = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _utils = require("../../../../../utils");
+var _hooks = require("../../../../../hooks");
+var _toolbarToggle = require("./toolbar-toggle");
+var _toolbarButton = require("./toolbar-button");
+var _linkButton = require("./link-button");
+var _headerDropdown = require("./header-dropdown");
+var _alignDropdown = require("./align-dropdown");
+var _rtB = _interopRequireDefault(require("./icons/rt-b.svg"));
+var _rtI = _interopRequireDefault(require("./icons/rt-i.svg"));
+var _rtU = _interopRequireDefault(require("./icons/rt-u.svg"));
+var _rtClear = _interopRequireDefault(require("./icons/rt-clear.svg"));
+var _rtOrderedList = _interopRequireDefault(require("./icons/rt-ordered-list.svg"));
+var _rtOrderedListRtl = _interopRequireDefault(require("./icons/rt-ordered-list-rtl.svg"));
+var _rtUnorderedList = _interopRequireDefault(require("./icons/rt-unordered-list.svg"));
+var _rtUnorderedListRtl = _interopRequireDefault(require("./icons/rt-unordered-list-rtl.svg"));
+var _dataHooks = require("../../data-hooks");
+var _toolbarStCss = require("./toolbar.st.css.js");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.tsx";
+const Toolbar = ({
+  onChangeBlock,
+  onChangeStyle,
+  onChangeLink,
+  onChangeAlign,
+  onClear,
+  onToggleFullScreen,
+  editorState,
+  isFullScreen,
+  headingsEnabled
+}) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  // TODO getCurrentBlock
+  const currentContent = editorState.getCurrentContent();
+  const directionMap = editorState.getDirectionMap();
+  const selectionState = editorState.getSelection();
+  const inlineStyle = editorState.getCurrentInlineStyle();
+  const anchorKey = selectionState.getAnchorKey();
+  const block = currentContent.getBlockForKey(anchorKey);
+  const inlineBlockType = block.getData().get('inlineBlockType', 'unstyled');
+  const blockType = block.getType();
+  const selectionStart = selectionState.getStartOffset();
+  const selectionEnd = selectionState.getEndOffset();
+  const blockStyle = block.getData().get('style', {});
+  const characters = Array.from(block.getCharacterList().values());
+  const isRTL = directionMap.get(anchorKey) === 'RTL';
+  const entities = characters.slice(selectionStart, selectionEnd + 1).map(character => {
+    const key = character.getEntity();
+    return key && currentContent.getEntity(key);
+  }).filter(_utils.isTruthy);
+  const blockTheme = inlineBlockType === 'unstyled' ? block.getType() : inlineBlockType;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": `${_dataHooks.richTextToolbarDataHook}.toolbar`,
+    className: _toolbarStCss.classes.root,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 80,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_toolbarToggle.ToolbarToggle, {
+    dataHook: `${_dataHooks.richTextToolbarDataHook}.button.bold`,
+    label: t('CMS.richTextEditor.toolbar.button.tooltip.bold'),
+    onChange: onChangeStyle,
+    inlineStyle: inlineStyle,
+    name: "BOLD",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 84,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_rtB.default, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 91,
+      columnNumber: 9
+    }
+  })), /*#__PURE__*/_react.default.createElement(_toolbarToggle.ToolbarToggle, {
+    dataHook: `${_dataHooks.richTextToolbarDataHook}.button.italic`,
+    label: t('CMS.richTextEditor.toolbar.button.tooltip.italic'),
+    onChange: onChangeStyle,
+    inlineStyle: inlineStyle,
+    name: "ITALIC",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 93,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_rtI.default, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 100,
+      columnNumber: 9
+    }
+  })), /*#__PURE__*/_react.default.createElement(_toolbarToggle.ToolbarToggle, {
+    dataHook: `${_dataHooks.richTextToolbarDataHook}.button.underline`,
+    label: t('CMS.richTextEditor.toolbar.button.tooltip.underline'),
+    onChange: onChangeStyle,
+    inlineStyle: inlineStyle,
+    name: "UNDERLINE",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 102,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_rtU.default, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 109,
+      columnNumber: 9
+    }
+  })), /*#__PURE__*/_react.default.createElement("i", {
+    className: _toolbarStCss.classes.separator,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 112,
+      columnNumber: 7
+    }
+  }), headingsEnabled && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_headerDropdown.HeaderDropdown, {
+    value: blockTheme,
+    onChange: onChangeBlock,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 116,
+      columnNumber: 11
+    }
+  }), /*#__PURE__*/_react.default.createElement("i", {
+    className: _toolbarStCss.classes.separator,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 118,
+      columnNumber: 11
+    }
+  })), /*#__PURE__*/_react.default.createElement(_alignDropdown.AlignDropdown, {
+    onChange: onChangeAlign,
+    value: blockStyle.textAlign,
+    isRTL: isRTL,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 122,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_toolbarToggle.ToolbarToggle, {
+    dataHook: `${_dataHooks.richTextToolbarDataHook}.button.ul`,
+    label: t('CMS.richTextEditor.toolbar.button.tooltip.ul'),
+    onChange: onChangeBlock,
+    blockType: blockType,
+    name: "unordered-list-item",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 127,
+      columnNumber: 7
+    }
+  }, isRTL ? /*#__PURE__*/_react.default.createElement(_rtUnorderedListRtl.default, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 134,
+      columnNumber: 18
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_rtUnorderedList.default, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 134,
+      columnNumber: 45
+    }
+  })), /*#__PURE__*/_react.default.createElement(_toolbarToggle.ToolbarToggle, {
+    dataHook: `${_dataHooks.richTextToolbarDataHook}.button.ol`,
+    label: t('CMS.richTextEditor.toolbar.button.tooltip.ol'),
+    onChange: onChangeBlock,
+    blockType: blockType,
+    name: "ordered-list-item",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 136,
+      columnNumber: 7
+    }
+  }, isRTL ? /*#__PURE__*/_react.default.createElement(_rtOrderedListRtl.default, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 143,
+      columnNumber: 18
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_rtOrderedList.default, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 143,
+      columnNumber: 43
+    }
+  })), /*#__PURE__*/_react.default.createElement("i", {
+    className: _toolbarStCss.classes.separator,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 146,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_linkButton.LinkButton, {
+    entity: entities.find(entity => entity.getType() === 'LINK'),
+    onChange: onChangeLink,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 148,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_toolbarButton.ToolbarButton, {
+    dataHook: `${_dataHooks.richTextToolbarDataHook}.button.clear-formatting`,
+    onClick: onClear,
+    className: _toolbarStCss.classes.clearFormatting,
+    label: t('CMS.richTextEditor.toolbar.button.tooltip.clear-formation'),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 152,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_rtClear.default, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 158,
+      columnNumber: 9
+    }
+  })), /*#__PURE__*/_react.default.createElement("i", {
+    className: _toolbarStCss.classes.separator,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 161,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_toolbarButton.ToolbarButton, {
+    dataHook: `${_dataHooks.richTextToolbarDataHook}.button.fullscreen`,
+    onClick: onToggleFullScreen,
+    className: _toolbarStCss.classes.fullScreen,
+    label: isFullScreen ? t('CMS.richTextEditor.toolbar.button.tooltip.full-screen.exit') : t('CMS.richTextEditor.toolbar.button.tooltip.full-screen'),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 163,
+      columnNumber: 7
+    }
+  }, isFullScreen ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Minimise, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 173,
+      columnNumber: 25
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Maximize, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 173,
+      columnNumber: 44
+    }
+  })));
+};
+exports.Toolbar = Toolbar;
+//# sourceMappingURL=toolbar.js.map

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_wixUiIconsCommon","_utils","_hooks","_toolbarToggle","_toolbarButton","_linkButton","_headerDropdown","_alignDropdown","_rtB","_rtI","_rtU","_rtClear","_rtOrderedList","_rtOrderedListRtl","_rtUnorderedList","_rtUnorderedListRtl","_dataHooks","_toolbarStCss","_jsxFileName","Toolbar","onChangeBlock","onChangeStyle","onChangeLink","onChangeAlign","onClear","onToggleFullScreen","editorState","isFullScreen","headingsEnabled","t","useTranslations","currentContent","getCurrentContent","directionMap","getDirectionMap","selectionState","getSelection","inlineStyle","getCurrentInlineStyle","anchorKey","getAnchorKey","block","getBlockForKey","inlineBlockType","getData","get","blockType","getType","selectionStart","getStartOffset","selectionEnd","getEndOffset","blockStyle","characters","Array","from","getCharacterList","values","isRTL","entities","slice","map","character","key","getEntity","filter","isTruthy","blockTheme","default","createElement","richTextToolbarDataHook","className","classes","root","__self","__source","fileName","lineNumber","columnNumber","ToolbarToggle","dataHook","label","onChange","name","separator","Fragment","HeaderDropdown","value","AlignDropdown","textAlign","LinkButton","entity","find","ToolbarButton","onClick","clearFormatting","fullScreen","Minimise","Maximize","exports"],"sources":["../../../../../../../../src/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.tsx"],"sourcesContent":["import React from 'react';\nimport type { EditorState, EntityInstance, CharacterMetadata } from 'draft-js';\n\nimport {\n  Maximize as MaximizeIcon,\n  Minimise as MinimiseIcon,\n} from '@wix/wix-ui-icons-common';\n\nimport { isTruthy } from '../../../../../utils';\nimport { useTranslations } from '../../../../../hooks';\n\nimport { ToolbarToggle } from './toolbar-toggle';\nimport { ToolbarButton } from './toolbar-button';\nimport { LinkButton } from './link-button';\nimport { HeaderDropdown } from './header-dropdown';\nimport { AlignDropdown } from './align-dropdown';\nimport BoldIcon from './icons/rt-b.svg';\nimport ItalicIcon from './icons/rt-i.svg';\nimport UnderlineIcon from './icons/rt-u.svg';\nimport ClearIcon from './icons/rt-clear.svg';\nimport OrderedListIcon from './icons/rt-ordered-list.svg';\nimport OrderedListRTLIcon from './icons/rt-ordered-list-rtl.svg';\nimport UnorderedListIcon from './icons/rt-unordered-list.svg';\nimport UnorderedListRTLIcon from './icons/rt-unordered-list-rtl.svg';\nimport { richTextToolbarDataHook } from '../../data-hooks';\nimport { classes } from './toolbar.st.css.js';\n\nexport interface ToolbarProps {\n  isFullScreen?: boolean;\n  editorState: EditorState;\n  onChangeBlock: (blockType: string) => void;\n  onChangeStyle: (inlineStyle: string) => void;\n  onChangeLink: (link?: string) => void;\n  onChangeAlign: (textAlign: string) => void;\n  onClear: () => void;\n  onToggleFullScreen?: () => void;\n  headingsEnabled?: boolean;\n}\n\nexport const Toolbar: React.FC<ToolbarProps> = ({\n  onChangeBlock,\n  onChangeStyle,\n  onChangeLink,\n  onChangeAlign,\n  onClear,\n  onToggleFullScreen,\n  editorState,\n  isFullScreen,\n  headingsEnabled,\n}) => {\n  const { t } = useTranslations();\n  // TODO getCurrentBlock\n  const currentContent = editorState.getCurrentContent();\n  const directionMap = editorState.getDirectionMap();\n  const selectionState = editorState.getSelection();\n  const inlineStyle = editorState.getCurrentInlineStyle();\n  const anchorKey = selectionState.getAnchorKey();\n  const block = currentContent.getBlockForKey(anchorKey);\n  const inlineBlockType = block.getData().get('inlineBlockType', 'unstyled');\n  const blockType = block.getType();\n  const selectionStart = selectionState.getStartOffset();\n  const selectionEnd = selectionState.getEndOffset();\n  const blockStyle = block.getData().get('style', {});\n  const characters = Array.from<CharacterMetadata>(\n    block.getCharacterList().values() as any,\n  );\n  const isRTL = directionMap.get(anchorKey) === 'RTL';\n  const entities: EntityInstance[] = characters\n    .slice(selectionStart, selectionEnd + 1)\n    .map((character) => {\n      const key = character.getEntity();\n      return key && currentContent.getEntity(key);\n    })\n    .filter(isTruthy);\n\n  const blockTheme =\n    inlineBlockType === 'unstyled' ? block.getType() : inlineBlockType;\n\n  return (\n    <div\n      data-hook={`${richTextToolbarDataHook}.toolbar`}\n      className={classes.root}\n    >\n      <ToolbarToggle\n        dataHook={`${richTextToolbarDataHook}.button.bold`}\n        label={t('CMS.richTextEditor.toolbar.button.tooltip.bold')}\n        onChange={onChangeStyle}\n        inlineStyle={inlineStyle}\n        name=\"BOLD\"\n      >\n        <BoldIcon />\n      </ToolbarToggle>\n      <ToolbarToggle\n        dataHook={`${richTextToolbarDataHook}.button.italic`}\n        label={t('CMS.richTextEditor.toolbar.button.tooltip.italic')}\n        onChange={onChangeStyle}\n        inlineStyle={inlineStyle}\n        name=\"ITALIC\"\n      >\n        <ItalicIcon />\n      </ToolbarToggle>\n      <ToolbarToggle\n        dataHook={`${richTextToolbarDataHook}.button.underline`}\n        label={t('CMS.richTextEditor.toolbar.button.tooltip.underline')}\n        onChange={onChangeStyle}\n        inlineStyle={inlineStyle}\n        name=\"UNDERLINE\"\n      >\n        <UnderlineIcon />\n      </ToolbarToggle>\n\n      <i className={classes.separator} />\n\n      {headingsEnabled && (\n        <>\n          <HeaderDropdown value={blockTheme} onChange={onChangeBlock} />\n\n          <i className={classes.separator} />\n        </>\n      )}\n\n      <AlignDropdown\n        onChange={onChangeAlign}\n        value={blockStyle.textAlign}\n        isRTL={isRTL}\n      />\n      <ToolbarToggle\n        dataHook={`${richTextToolbarDataHook}.button.ul`}\n        label={t('CMS.richTextEditor.toolbar.button.tooltip.ul')}\n        onChange={onChangeBlock}\n        blockType={blockType}\n        name=\"unordered-list-item\"\n      >\n        {isRTL ? <UnorderedListRTLIcon /> : <UnorderedListIcon />}\n      </ToolbarToggle>\n      <ToolbarToggle\n        dataHook={`${richTextToolbarDataHook}.button.ol`}\n        label={t('CMS.richTextEditor.toolbar.button.tooltip.ol')}\n        onChange={onChangeBlock}\n        blockType={blockType}\n        name=\"ordered-list-item\"\n      >\n        {isRTL ? <OrderedListRTLIcon /> : <OrderedListIcon />}\n      </ToolbarToggle>\n\n      <i className={classes.separator} />\n\n      <LinkButton\n        entity={entities.find((entity) => entity.getType() === 'LINK')}\n        onChange={onChangeLink}\n      />\n      <ToolbarButton\n        dataHook={`${richTextToolbarDataHook}.button.clear-formatting`}\n        onClick={onClear}\n        className={classes.clearFormatting}\n        label={t('CMS.richTextEditor.toolbar.button.tooltip.clear-formation')}\n      >\n        <ClearIcon />\n      </ToolbarButton>\n\n      <i className={classes.separator} />\n\n      <ToolbarButton\n        dataHook={`${richTextToolbarDataHook}.button.fullscreen`}\n        onClick={onToggleFullScreen}\n        className={classes.fullScreen}\n        label={\n          isFullScreen\n            ? t('CMS.richTextEditor.toolbar.button.tooltip.full-screen.exit')\n            : t('CMS.richTextEditor.toolbar.button.tooltip.full-screen')\n        }\n      >\n        {isFullScreen ? <MinimiseIcon /> : <MaximizeIcon />}\n      </ToolbarButton>\n    </div>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,iBAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,eAAA,GAAAP,OAAA;AACA,IAAAQ,cAAA,GAAAR,OAAA;AACA,IAAAS,IAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,IAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,IAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,QAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,cAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,iBAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,gBAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,mBAAA,GAAAjB,sBAAA,CAAAC,OAAA;AACA,IAAAiB,UAAA,GAAAjB,OAAA;AACA,IAAAkB,aAAA,GAAAlB,OAAA;AAA8C,IAAAmB,YAAA;AAcvC,MAAMC,OAA+B,GAAGA,CAAC;EAC9CC,aAAa;EACbC,aAAa;EACbC,YAAY;EACZC,aAAa;EACbC,OAAO;EACPC,kBAAkB;EAClBC,WAAW;EACXC,YAAY;EACZC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,sBAAe,EAAC,CAAC;EAC/B;EACA,MAAMC,cAAc,GAAGL,WAAW,CAACM,iBAAiB,CAAC,CAAC;EACtD,MAAMC,YAAY,GAAGP,WAAW,CAACQ,eAAe,CAAC,CAAC;EAClD,MAAMC,cAAc,GAAGT,WAAW,CAACU,YAAY,CAAC,CAAC;EACjD,MAAMC,WAAW,GAAGX,WAAW,CAACY,qBAAqB,CAAC,CAAC;EACvD,MAAMC,SAAS,GAAGJ,cAAc,CAACK,YAAY,CAAC,CAAC;EAC/C,MAAMC,KAAK,GAAGV,cAAc,CAACW,cAAc,CAACH,SAAS,CAAC;EACtD,MAAMI,eAAe,GAAGF,KAAK,CAACG,OAAO,CAAC,CAAC,CAACC,GAAG,CAAC,iBAAiB,EAAE,UAAU,CAAC;EAC1E,MAAMC,SAAS,GAAGL,KAAK,CAACM,OAAO,CAAC,CAAC;EACjC,MAAMC,cAAc,GAAGb,cAAc,CAACc,cAAc,CAAC,CAAC;EACtD,MAAMC,YAAY,GAAGf,cAAc,CAACgB,YAAY,CAAC,CAAC;EAClD,MAAMC,UAAU,GAAGX,KAAK,CAACG,OAAO,CAAC,CAAC,CAACC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;EACnD,MAAMQ,UAAU,GAAGC,KAAK,CAACC,IAAI,CAC3Bd,KAAK,CAACe,gBAAgB,CAAC,CAAC,CAACC,MAAM,CAAC,CAClC,CAAC;EACD,MAAMC,KAAK,GAAGzB,YAAY,CAACY,GAAG,CAACN,SAAS,CAAC,KAAK,KAAK;EACnD,MAAMoB,QAA0B,GAAGN,UAAU,CAC1CO,KAAK,CAACZ,cAAc,EAAEE,YAAY,GAAG,CAAC,CAAC,CACvCW,GAAG,CAAEC,SAAS,IAAK;IAClB,MAAMC,GAAG,GAAGD,SAAS,CAACE,SAAS,CAAC,CAAC;IACjC,OAAOD,GAAG,IAAIhC,cAAc,CAACiC,SAAS,CAACD,GAAG,CAAC;EAC7C,CAAC,CAAC,CACDE,MAAM,CAACC,eAAQ,CAAC;EAEnB,MAAMC,UAAU,GACdxB,eAAe,KAAK,UAAU,GAAGF,KAAK,CAACM,OAAO,CAAC,CAAC,GAAGJ,eAAe;EAEpE,oBACE9C,MAAA,CAAAuE,OAAA,CAAAC,aAAA;IACE,aAAW,GAAGC,kCAAuB,UAAW;IAChDC,SAAS,EAAEC,qBAAO,CAACC,IAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAExBjF,MAAA,CAAAuE,OAAA,CAAAC,aAAA,CAAClE,cAAA,CAAA4E,aAAa;IACZC,QAAQ,EAAE,GAAGV,kCAAuB,cAAe;IACnDW,KAAK,EAAEpD,CAAC,CAAC,gDAAgD,CAAE;IAC3DqD,QAAQ,EAAE7D,aAAc;IACxBgB,WAAW,EAAEA,WAAY;IACzB8C,IAAI,EAAC,MAAM;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEXjF,MAAA,CAAAuE,OAAA,CAAAC,aAAA,CAAC7D,IAAA,CAAA4D,OAAQ;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACE,CAAC,eAChBjF,MAAA,CAAAuE,OAAA,CAAAC,aAAA,CAAClE,cAAA,CAAA4E,aAAa;IACZC,QAAQ,EAAE,GAAGV,kCAAuB,gBAAiB;IACrDW,KAAK,EAAEpD,CAAC,CAAC,kDAAkD,CAAE;IAC7DqD,QAAQ,EAAE7D,aAAc;IACxBgB,WAAW,EAAEA,WAAY;IACzB8C,IAAI,EAAC,QAAQ;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEbjF,MAAA,CAAAuE,OAAA,CAAAC,aAAA,CAAC5D,IAAA,CAAA2D,OAAU;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACA,CAAC,eAChBjF,MAAA,CAAAuE,OAAA,CAAAC,aAAA,CAAClE,cAAA,CAAA4E,aAAa;IACZC,QAAQ,EAAE,GAAGV,kCAAuB,mBAAoB;IACxDW,KAAK,EAAEpD,CAAC,CAAC,qDAAqD,CAAE;IAChEqD,QAAQ,EAAE7D,aAAc;IACxBgB,WAAW,EAAEA,WAAY;IACzB8C,IAAI,EAAC,WAAW;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEhBjF,MAAA,CAAAuE,OAAA,CAAAC,aAAA,CAAC3D,IAAA,CAAA0D,OAAa;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACH,CAAC,eAEhBjF,MAAA,CAAAuE,OAAA,CAAAC,aAAA;IAAGE,SAAS,EAAEC,qBAAO,CAACY,SAAU;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,EAElClD,eAAe,iBACd/B,MAAA,CAAAuE,OAAA,CAAAC,aAAA,CAAAxE,MAAA,CAAAuE,OAAA,CAAAiB,QAAA,qBACExF,MAAA,CAAAuE,OAAA,CAAAC,aAAA,CAAC/D,eAAA,CAAAgF,cAAc;IAACC,KAAK,EAAEpB,UAAW;IAACe,QAAQ,EAAE9D,aAAc;IAAAsD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAE9DjF,MAAA,CAAAuE,OAAA,CAAAC,aAAA;IAAGE,SAAS,EAAEC,qBAAO,CAACY,SAAU;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAClC,CACH,eAEDjF,MAAA,CAAAuE,OAAA,CAAAC,aAAA,CAAC9D,cAAA,CAAAiF,aAAa;IACZN,QAAQ,EAAE3D,aAAc;IACxBgE,KAAK,EAAEnC,UAAU,CAACqC,SAAU;IAC5B/B,KAAK,EAAEA,KAAM;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,CACd,CAAC,eACFjF,MAAA,CAAAuE,OAAA,CAAAC,aAAA,CAAClE,cAAA,CAAA4E,aAAa;IACZC,QAAQ,EAAE,GAAGV,kCAAuB,YAAa;IACjDW,KAAK,EAAEpD,CAAC,CAAC,8CAA8C,CAAE;IACzDqD,QAAQ,EAAE9D,aAAc;IACxB0B,SAAS,EAAEA,SAAU;IACrBqC,IAAI,EAAC,qBAAqB;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEzBpB,KAAK,gBAAG7D,MAAA,CAAAuE,OAAA,CAAAC,aAAA,CAACtD,mBAAA,CAAAqD,OAAoB;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,gBAAGjF,MAAA,CAAAuE,OAAA,CAAAC,aAAA,CAACvD,gBAAA,CAAAsD,OAAiB;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC3C,CAAC,eAChBjF,MAAA,CAAAuE,OAAA,CAAAC,aAAA,CAAClE,cAAA,CAAA4E,aAAa;IACZC,QAAQ,EAAE,GAAGV,kCAAuB,YAAa;IACjDW,KAAK,EAAEpD,CAAC,CAAC,8CAA8C,CAAE;IACzDqD,QAAQ,EAAE9D,aAAc;IACxB0B,SAAS,EAAEA,SAAU;IACrBqC,IAAI,EAAC,mBAAmB;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEvBpB,KAAK,gBAAG7D,MAAA,CAAAuE,OAAA,CAAAC,aAAA,CAACxD,iBAAA,CAAAuD,OAAkB;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,gBAAGjF,MAAA,CAAAuE,OAAA,CAAAC,aAAA,CAACzD,cAAA,CAAAwD,OAAe;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACvC,CAAC,eAEhBjF,MAAA,CAAAuE,OAAA,CAAAC,aAAA;IAAGE,SAAS,EAAEC,qBAAO,CAACY,SAAU;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAEnCjF,MAAA,CAAAuE,OAAA,CAAAC,aAAA,CAAChE,WAAA,CAAAqF,UAAU;IACTC,MAAM,EAAEhC,QAAQ,CAACiC,IAAI,CAAED,MAAM,IAAKA,MAAM,CAAC5C,OAAO,CAAC,CAAC,KAAK,MAAM,CAAE;IAC/DmC,QAAQ,EAAE5D,YAAa;IAAAoD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,CACxB,CAAC,eACFjF,MAAA,CAAAuE,OAAA,CAAAC,aAAA,CAACjE,cAAA,CAAAyF,aAAa;IACZb,QAAQ,EAAE,GAAGV,kCAAuB,0BAA2B;IAC/DwB,OAAO,EAAEtE,OAAQ;IACjB+C,SAAS,EAAEC,qBAAO,CAACuB,eAAgB;IACnCd,KAAK,EAAEpD,CAAC,CAAC,2DAA2D,CAAE;IAAA6C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEtEjF,MAAA,CAAAuE,OAAA,CAAAC,aAAA,CAAC1D,QAAA,CAAAyD,OAAS;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACC,CAAC,eAEhBjF,MAAA,CAAAuE,OAAA,CAAAC,aAAA;IAAGE,SAAS,EAAEC,qBAAO,CAACY,SAAU;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAEnCjF,MAAA,CAAAuE,OAAA,CAAAC,aAAA,CAACjE,cAAA,CAAAyF,aAAa;IACZb,QAAQ,EAAE,GAAGV,kCAAuB,oBAAqB;IACzDwB,OAAO,EAAErE,kBAAmB;IAC5B8C,SAAS,EAAEC,qBAAO,CAACwB,UAAW;IAC9Bf,KAAK,EACHtD,YAAY,GACRE,CAAC,CAAC,4DAA4D,CAAC,GAC/DA,CAAC,CAAC,uDAAuD,CAC9D;IAAA6C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEAnD,YAAY,gBAAG9B,MAAA,CAAAuE,OAAA,CAAAC,aAAA,CAACrE,iBAAA,CAAAiG,QAAY;IAAAvB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,gBAAGjF,MAAA,CAAAuE,OAAA,CAAAC,aAAA,CAACrE,iBAAA,CAAAkG,QAAY;IAAAxB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACrC,CACZ,CAAC;AAEV,CAAC;AAACqB,OAAA,CAAAhF,OAAA,GAAAA,OAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css

@@ -0,0 +1,117 @@
+@property st-global(--wds-color-blue-400);
+@property st-global(--wds-color-black-400);
+@property st-global(--wds-color-white);
+@property st-global(--wds-font-family-default);
+@property st-global(--wds-font-weight-medium);
+@property st-global(--wds-font-weight-bold);
+@property st-global(--wds-font-size-500);
+@property st-global(--wds-font-line-height-300);
+
+.root {
+    padding: 12px 18px;
+    display: flex;
+    border-bottom: 1px solid var(--wds-color-blue-400);
+    background: var(--wds-color-white);
+    align-items: center;
+}
+
+.item {
+    display: flex;
+    margin-right: 12px;
+}
+.item svg,
+.item svg path,
+.item svg text {
+    color: inherit;
+    fill: currentColor;
+}
+
+.separator {
+    display: inline-flex;
+    margin-right: 12px;
+    border-left: 1px solid #ddd;
+    height: 100%;
+}
+
+.clearFormatting {
+    margin-left: auto;
+}
+
+.fullScreen {
+    margin-right: 0;
+}
+
+.dropdownItemContent {
+    -st-states: selected;
+    height: 36px;
+    width: 100%;
+    display: flex;
+    gap: 12px;
+    justify-content: space-between;
+    align-items: center;
+}
+.dropdownItemContent:selected .dropdownItemTitle,
+.dropdownItemContent:selected .dropdownItemSubtitle {
+    color: var(--wds-color-white) !important;
+}
+
+.dropdownItemSubtitle {
+    color: var(--wds-color-black-400) !important;
+    padding-right: 12px;
+    flex-shrink: 0;
+}
+
+.dropdownHeaderOne {
+    font-weight: var(--wds-font-weight-bold) !important;
+    font-size: 36px !important;
+    line-height: 1.2 !important;
+    font-family: var(--wds-font-family-default) !important;
+}
+.dropdownHeaderTwo {
+    font-weight: var(--wds-font-weight-bold) !important;
+    font-size: 32px !important;
+    line-height: 1.2 !important;
+    font-family: var(--wds-font-family-default) !important;
+}
+.dropdownHeaderThree {
+    font-weight: var(--wds-font-weight-medium) !important;
+    font-size: 28px !important;
+    line-height: 1.2 !important;
+    font-family: var(--wds-font-family-default) !important;
+}
+.dropdownHeaderFour {
+    font-weight: var(--wds-font-weight-bold) !important;
+    font-size: 24px !important;
+    line-height: 1.2 !important;
+    font-family: var(--wds-font-family-default) !important;
+}
+.dropdownHeaderFive {
+    font-weight: var(--wds-font-weight-bold) !important;
+    font-size: 22px !important;
+    line-height: 1.2 !important;
+    font-family: var(--wds-font-family-default) !important;
+}
+.dropdownHeaderSix {
+    font-weight: var(--wds-font-weight-medium) !important;
+    font-size: 20px !important;
+    line-height: 1.2 !important;
+    font-family: var(--wds-font-family-default) !important;
+}
+.dropdownParagraphOne {
+    font-weight: var(--wds-font-weight-medium) !important;
+    font-size: 18px !important;
+    line-height: 1.33 !important;
+    font-family: var(--wds-font-family-default) !important;
+}
+.dropdownNormalText {
+    font-weight: var(--wds-font-weight-medium) !important;
+    font-size: var(--wds-font-size-500) !important;
+    line-height: var(--wds-font-line-height-300) !important;
+    font-family: var(--wds-font-family-default) !important;
+}
+.dropdownParagraphThree {
+    font-weight: var(--wds-font-weight-medium) !important;
+    font-size: 14px !important;
+    line-height: 1.29 !important;
+    font-family: var(--wds-font-family-default) !important;
+}

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js

@@ -0,0 +1,47 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "toolbar2005554075";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "toolbar2005554075__root",
+  "item": "toolbar2005554075__item",
+  "separator": "toolbar2005554075__separator",
+  "clearFormatting": "toolbar2005554075__clearFormatting",
+  "fullScreen": "toolbar2005554075__fullScreen",
+  "dropdownItemContent": "toolbar2005554075__dropdownItemContent",
+  "dropdownItemTitle": "toolbar2005554075__dropdownItemTitle",
+  "dropdownItemSubtitle": "toolbar2005554075__dropdownItemSubtitle",
+  "dropdownHeaderOne": "toolbar2005554075__dropdownHeaderOne",
+  "dropdownHeaderTwo": "toolbar2005554075__dropdownHeaderTwo",
+  "dropdownHeaderThree": "toolbar2005554075__dropdownHeaderThree",
+  "dropdownHeaderFour": "toolbar2005554075__dropdownHeaderFour",
+  "dropdownHeaderFive": "toolbar2005554075__dropdownHeaderFive",
+  "dropdownHeaderSix": "toolbar2005554075__dropdownHeaderSix",
+  "dropdownParagraphOne": "toolbar2005554075__dropdownParagraphOne",
+  "dropdownNormalText": "toolbar2005554075__dropdownNormalText",
+  "dropdownParagraphThree": "toolbar2005554075__dropdownParagraphThree"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {
+  "wds-color-blue-400": "--wds-color-blue-400",
+  "wds-color-black-400": "--wds-color-black-400",
+  "wds-color-white": "--wds-color-white",
+  "wds-font-family-default": "--wds-font-family-default",
+  "wds-font-weight-medium": "--wds-font-weight-medium",
+  "wds-font-weight-bold": "--wds-font-weight-bold",
+  "wds-font-size-500": "--wds-font-size-500",
+  "wds-font-line-height-300": "--wds-font-line-height-300"
+};
+//# sourceMappingURL=toolbar.st.css.js.map

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../../src/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"toolbar2005554075\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"toolbar2005554075__root\",\"item\":\"toolbar2005554075__item\",\"separator\":\"toolbar2005554075__separator\",\"clearFormatting\":\"toolbar2005554075__clearFormatting\",\"fullScreen\":\"toolbar2005554075__fullScreen\",\"dropdownItemContent\":\"toolbar2005554075__dropdownItemContent\",\"dropdownItemTitle\":\"toolbar2005554075__dropdownItemTitle\",\"dropdownItemSubtitle\":\"toolbar2005554075__dropdownItemSubtitle\",\"dropdownHeaderOne\":\"toolbar2005554075__dropdownHeaderOne\",\"dropdownHeaderTwo\":\"toolbar2005554075__dropdownHeaderTwo\",\"dropdownHeaderThree\":\"toolbar2005554075__dropdownHeaderThree\",\"dropdownHeaderFour\":\"toolbar2005554075__dropdownHeaderFour\",\"dropdownHeaderFive\":\"toolbar2005554075__dropdownHeaderFive\",\"dropdownHeaderSix\":\"toolbar2005554075__dropdownHeaderSix\",\"dropdownParagraphOne\":\"toolbar2005554075__dropdownParagraphOne\",\"dropdownNormalText\":\"toolbar2005554075__dropdownNormalText\",\"dropdownParagraphThree\":\"toolbar2005554075__dropdownParagraphThree\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-400\":\"--wds-color-blue-400\",\"wds-color-black-400\":\"--wds-color-black-400\",\"wds-color-white\":\"--wds-color-white\",\"wds-font-family-default\":\"--wds-font-family-default\",\"wds-font-weight-medium\":\"--wds-font-weight-medium\",\"wds-font-weight-bold\":\"--wds-font-weight-bold\",\"wds-font-size-500\":\"--wds-font-size-500\",\"wds-font-line-height-300\":\"--wds-font-line-height-300\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,yBAAyB;EAAC,MAAM,EAAC,yBAAyB;EAAC,WAAW,EAAC,8BAA8B;EAAC,iBAAiB,EAAC,oCAAoC;EAAC,YAAY,EAAC,+BAA+B;EAAC,qBAAqB,EAAC,wCAAwC;EAAC,mBAAmB,EAAC,sCAAsC;EAAC,sBAAsB,EAAC,yCAAyC;EAAC,mBAAmB,EAAC,sCAAsC;EAAC,mBAAmB,EAAC,sCAAsC;EAAC,qBAAqB,EAAC,wCAAwC;EAAC,oBAAoB,EAAC,uCAAuC;EAAC,oBAAoB,EAAC,uCAAuC;EAAC,mBAAmB,EAAC,sCAAsC;EAAC,sBAAsB,EAAC,yCAAyC;EAAC,oBAAoB,EAAC,uCAAuC;EAAC,wBAAwB,EAAC;AAA2C,CAAC;AACx8B,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,wBAAwB,EAAC,0BAA0B;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,0BAA0B,EAAC;AAA4B,CAAC","ignoreList":[]}

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/utils/block.js

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getPreviousListItemBlock = getPreviousListItemBlock;
+exports.isListItemBlockType = isListItemBlockType;
+function isListItemBlockType(blockType) {
+  return ['unordered-list-item', 'ordered-list-item'].includes(blockType);
+}
+function getPreviousListItemBlock(editorState, blockKey) {
+  const contentState = editorState.getCurrentContent();
+  const block = contentState.getBlockForKey(blockKey);
+  const blockBefore = contentState.getBlockBefore(blockKey);
+  if (!block || !blockBefore) {
+    return null;
+  }
+  return block.getType() === blockBefore.getType() ? blockBefore : null;
+}
+//# sourceMappingURL=block.js.map

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/utils/block.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isListItemBlockType","blockType","includes","getPreviousListItemBlock","editorState","blockKey","contentState","getCurrentContent","block","getBlockForKey","blockBefore","getBlockBefore","getType"],"sources":["../../../../../../../../src/cms-fields/components/rich-text/rich-text-input/rich-text-editor/utils/block.ts"],"sourcesContent":["import type { EditorState, DraftBlockType } from 'draft-js';\n\nexport function isListItemBlockType(blockType: DraftBlockType): boolean {\n  return ['unordered-list-item', 'ordered-list-item'].includes(blockType);\n}\n\nexport function getPreviousListItemBlock(\n  editorState: EditorState,\n  blockKey: string,\n) {\n  const contentState = editorState.getCurrentContent();\n  const block = contentState.getBlockForKey(blockKey);\n  const blockBefore = contentState.getBlockBefore(blockKey);\n\n  if (!block || !blockBefore) {\n    return null;\n  }\n\n  return block.getType() === blockBefore.getType() ? blockBefore : null;\n}\n"],"mappings":";;;;;AAEO,SAASA,mBAAmBA,CAACC,SAAyB,EAAW;EACtE,OAAO,CAAC,qBAAqB,EAAE,mBAAmB,CAAC,CAACC,QAAQ,CAACD,SAAS,CAAC;AACzE;AAEO,SAASE,wBAAwBA,CACtCC,WAAwB,EACxBC,QAAgB,EAChB;EACA,MAAMC,YAAY,GAAGF,WAAW,CAACG,iBAAiB,CAAC,CAAC;EACpD,MAAMC,KAAK,GAAGF,YAAY,CAACG,cAAc,CAACJ,QAAQ,CAAC;EACnD,MAAMK,WAAW,GAAGJ,YAAY,CAACK,cAAc,CAACN,QAAQ,CAAC;EAEzD,IAAI,CAACG,KAAK,IAAI,CAACE,WAAW,EAAE;IAC1B,OAAO,IAAI;EACb;EAEA,OAAOF,KAAK,CAACI,OAAO,CAAC,CAAC,KAAKF,WAAW,CAACE,OAAO,CAAC,CAAC,GAAGF,WAAW,GAAG,IAAI;AACvE","ignoreList":[]}