@wix/auto-patterns 1.48.0 → 1.50.0

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

@@ -0,0 +1,114 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.AlignDropdown = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _utils = require("../../../../../utils");
+var _hooks = require("../../../../../hooks");
+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/align-dropdown.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 getIconProps = alignment => ({
+  'data-hook': `${_dataHooks.richTextToolbarDataHook}.dropdownOption.${alignment}`,
+  style: {
+    display: 'flex'
+  }
+});
+const dropdownOptions = [{
+  id: 'left',
+  value: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.TextAlignLeft, (0, _extends2.default)({}, getIconProps('left'), {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 12
+    }
+  }))
+}, {
+  id: 'center',
+  value: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.TextAlignCenter, (0, _extends2.default)({}, getIconProps('center'), {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 12
+    }
+  }))
+}, {
+  id: 'right',
+  value: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.TextAlignRight, (0, _extends2.default)({}, getIconProps('right'), {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 40,
+      columnNumber: 12
+    }
+  }))
+}, {
+  id: 'justify',
+  value: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.TextJustify, (0, _extends2.default)({}, getIconProps('justify'), {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 44,
+      columnNumber: 12
+    }
+  }))
+}];
+const AlignDropdown = ({
+  value,
+  onChange,
+  isRTL
+}) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  const onSelect = (0, _react.useCallback)(option => onChange(String(option.id)), [onChange]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _toolbarStCss.classes.item,
+    onMouseDown: _utils.preventEvent,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 61,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.DropdownBase, {
+    dataHook: `${_dataHooks.richTextToolbarDataHook}.dropdown.align`,
+    options: dropdownOptions,
+    onSelect: onSelect,
+    selectedId: value || (!isRTL ? 'left' : 'right'),
+    appendTo: "window",
+    zIndex: 10000,
+    dynamicWidth: true,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 62,
+      columnNumber: 7
+    }
+  }, ({
+    isOpen,
+    toggle,
+    selectedOption
+  }) => /*#__PURE__*/_react.default.createElement(_designSystem.ToggleButton, {
+    dataHook: `${_dataHooks.richTextToolbarDataHook}.button.align`,
+    skin: "inverted",
+    onClick: toggle,
+    selected: isOpen,
+    labelValue: t('CMS.richTextEditor.toolbar.button.tooltip.align'),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 72,
+      columnNumber: 11
+    }
+  }, selectedOption == null ? void 0 : selectedOption.value)));
+};
+exports.AlignDropdown = AlignDropdown;
+//# sourceMappingURL=align-dropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_utils","_hooks","_dataHooks","_toolbarStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","getIconProps","alignment","richTextToolbarDataHook","style","display","dropdownOptions","id","value","createElement","TextAlignLeft","_extends2","__self","__source","fileName","lineNumber","columnNumber","TextAlignCenter","TextAlignRight","TextJustify","AlignDropdown","onChange","isRTL","useTranslations","onSelect","useCallback","option","String","className","classes","item","onMouseDown","preventEvent","DropdownBase","dataHook","options","selectedId","appendTo","zIndex","dynamicWidth","isOpen","toggle","selectedOption","ToggleButton","skin","onClick","selected","labelValue","exports"],"sources":["../../../../../../../../src/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/align-dropdown.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport type { DropdownLayoutValueOption } from '@wix/design-system';\nimport { DropdownBase, ToggleButton } from '@wix/design-system';\nimport {\n  TextAlignLeft as TextAlignLeftIcon,\n  TextAlignCenter as TextAlignCenterIcon,\n  TextAlignRight as TextAlignRightIcon,\n  TextJustify as TextJustifyIcon,\n} from '@wix/wix-ui-icons-common';\n\nimport { preventEvent } from '../../../../../utils';\nimport { useTranslations } from '../../../../../hooks';\n\nimport { richTextToolbarDataHook } from '../../data-hooks';\nimport { classes } from './toolbar.st.css.js';\n\nexport interface AlignDropdownProps {\n  value?: string;\n  onChange: (value: string) => void;\n  isRTL: boolean;\n}\n\nconst getIconProps = (alignment: string) => ({\n  'data-hook': `${richTextToolbarDataHook}.dropdownOption.${alignment}`,\n  style: { display: 'flex' },\n});\n\nconst dropdownOptions: DropdownLayoutValueOption[] = [\n  {\n    id: 'left',\n    value: <TextAlignLeftIcon {...getIconProps('left')} />,\n  },\n  {\n    id: 'center',\n    value: <TextAlignCenterIcon {...getIconProps('center')} />,\n  },\n  {\n    id: 'right',\n    value: <TextAlignRightIcon {...getIconProps('right')} />,\n  },\n  {\n    id: 'justify',\n    value: <TextJustifyIcon {...getIconProps('justify')} />,\n  },\n];\n\nexport const AlignDropdown: React.FC<AlignDropdownProps> = ({\n  value,\n  onChange,\n  isRTL,\n}) => {\n  const { t } = useTranslations();\n\n  const onSelect = useCallback(\n    (option: DropdownLayoutValueOption) => onChange(String(option.id)),\n    [onChange],\n  );\n\n  return (\n    <div className={classes.item} onMouseDown={preventEvent}>\n      <DropdownBase\n        dataHook={`${richTextToolbarDataHook}.dropdown.align`}\n        options={dropdownOptions}\n        onSelect={onSelect}\n        selectedId={value || (!isRTL ? 'left' : 'right')}\n        appendTo=\"window\"\n        zIndex={10000}\n        dynamicWidth\n      >\n        {({ isOpen, toggle, selectedOption }) => (\n          <ToggleButton\n            dataHook={`${richTextToolbarDataHook}.button.align`}\n            skin=\"inverted\"\n            onClick={toggle}\n            selected={isOpen}\n            labelValue={t('CMS.richTextEditor.toolbar.button.tooltip.align')}\n          >\n            {selectedOption?.value}\n          </ToggleButton>\n        )}\n      </DropdownBase>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,377 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.HeaderDropdown = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _hooks = require("../../../../../hooks");
+var _link = require("../../../components/link");
+var _stylableHelper = require("../utils/stylable-helper");
+var _rtHeaderOne = _interopRequireDefault(require("./icons/rt-header-one.svg"));
+var _rtHeaderTwo = _interopRequireDefault(require("./icons/rt-header-two.svg"));
+var _rtHeaderThree = _interopRequireDefault(require("./icons/rt-header-three.svg"));
+var _rtHeaderFour = _interopRequireDefault(require("./icons/rt-header-four.svg"));
+var _rtHeaderFive = _interopRequireDefault(require("./icons/rt-header-five.svg"));
+var _rtHeaderSix = _interopRequireDefault(require("./icons/rt-header-six.svg"));
+var _rtParagraphOne = _interopRequireDefault(require("./icons/rt-paragraph-one.svg"));
+var _rtNormalText = _interopRequireDefault(require("./icons/rt-normal-text.svg"));
+var _rtParagraphThree = _interopRequireDefault(require("./icons/rt-paragraph-three.svg"));
+var _dataHooks = require("../../data-hooks");
+var _toolbarStCss = require("./toolbar.st.css.js");
+var _utils = require("../../../../../utils");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/header-dropdown.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 HeaderDropdownItemContent = ({
+  titleKey,
+  subtitleKey,
+  selected,
+  className,
+  dataHook
+}) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": dataHook,
+    className: (0, _stylableHelper.combineClasses)(_toolbarStCss.style, _toolbarStCss.classes.dropdownItemContent, {
+      selected
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 48,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    className: (0, _stylableHelper.combineClasses)(_toolbarStCss.style, _toolbarStCss.classes.dropdownItemTitle, className),
+    ellipsis: true,
+    children: t(titleKey),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 54,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
+    className: _toolbarStCss.classes.dropdownItemSubtitle,
+    size: "extraTiny",
+    children: t(subtitleKey),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 59,
+      columnNumber: 7
+    }
+  }));
+};
+const HeaderDropdownHelpSection = () => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    paddingTop: "SP2",
+    paddingBottom: "SP2",
+    paddingLeft: "SP4",
+    padding: "SP4",
+    backgroundColor: "Y40",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 71,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    size: "small",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 78,
+      columnNumber: 7
+    }
+  }, t('CMS.richTextEditor.toolbar.headerDropdown.help.text'), /*#__PURE__*/_react.default.createElement("br", {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 80,
+      columnNumber: 9
+    }
+  }), /*#__PURE__*/_react.default.createElement(_link.LinkButton, {
+    inText: true,
+    href: t('CMS.richTextEditor.toolbar.headerDropdown.button.info.link'),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 81,
+      columnNumber: 9
+    }
+  }, t('CMS.richTextEditor.toolbar.headerDropdown.button.info'))));
+};
+const createDropdownOptions = () => [{
+  id: 'header-one',
+  value: props => /*#__PURE__*/_react.default.createElement(HeaderDropdownItemContent, (0, _extends2.default)({}, props, {
+    dataHook: `${_dataHooks.richTextToolbarDataHook}.dropdownOption.header-one`,
+    titleKey: "CMS.richTextEditor.toolbar.headerDropdown.option.h1.title",
+    subtitleKey: "CMS.richTextEditor.toolbar.headerDropdown.option.h1.subtitle",
+    className: _toolbarStCss.classes.dropdownHeaderOne,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 96,
+      columnNumber: 7
+    }
+  }))
+}, {
+  id: 'header-two',
+  value: props => /*#__PURE__*/_react.default.createElement(HeaderDropdownItemContent, (0, _extends2.default)({}, props, {
+    dataHook: `${_dataHooks.richTextToolbarDataHook}.dropdownOption.header-two`,
+    titleKey: "CMS.richTextEditor.toolbar.headerDropdown.option.h2.title",
+    subtitleKey: "CMS.richTextEditor.toolbar.headerDropdown.option.h2.subtitle",
+    className: _toolbarStCss.classes.dropdownHeaderTwo,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 108,
+      columnNumber: 7
+    }
+  }))
+}, {
+  id: 'header-three',
+  value: props => /*#__PURE__*/_react.default.createElement(HeaderDropdownItemContent, (0, _extends2.default)({}, props, {
+    dataHook: `${_dataHooks.richTextToolbarDataHook}.dropdownOption.header-three`,
+    titleKey: "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title",
+    subtitleKey: "CMS.richTextEditor.toolbar.headerDropdown.option.h3.subtitle",
+    className: _toolbarStCss.classes.dropdownHeaderThree,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 120,
+      columnNumber: 7
+    }
+  }))
+}, {
+  id: 'header-four',
+  value: props => /*#__PURE__*/_react.default.createElement(HeaderDropdownItemContent, (0, _extends2.default)({}, props, {
+    dataHook: `${_dataHooks.richTextToolbarDataHook}.dropdownOption.header-four`,
+    titleKey: "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title",
+    subtitleKey: "CMS.richTextEditor.toolbar.headerDropdown.option.h4.subtitle",
+    className: _toolbarStCss.classes.dropdownHeaderFour,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 132,
+      columnNumber: 7
+    }
+  }))
+}, {
+  id: 'header-five',
+  value: props => /*#__PURE__*/_react.default.createElement(HeaderDropdownItemContent, (0, _extends2.default)({}, props, {
+    dataHook: `${_dataHooks.richTextToolbarDataHook}.dropdownOption.header-five`,
+    titleKey: "CMS.richTextEditor.toolbar.headerDropdown.option.h5.title",
+    subtitleKey: "CMS.richTextEditor.toolbar.headerDropdown.option.h5.subtitle",
+    className: _toolbarStCss.classes.dropdownHeaderFive,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 144,
+      columnNumber: 7
+    }
+  }))
+}, {
+  id: 'header-six',
+  value: props => /*#__PURE__*/_react.default.createElement(HeaderDropdownItemContent, (0, _extends2.default)({}, props, {
+    dataHook: `${_dataHooks.richTextToolbarDataHook}.dropdownOption.header-six`,
+    titleKey: "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title",
+    subtitleKey: "CMS.richTextEditor.toolbar.headerDropdown.option.h6.subtitle",
+    className: _toolbarStCss.classes.dropdownHeaderSix,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 156,
+      columnNumber: 7
+    }
+  }))
+}, {
+  id: 'paragraph-one',
+  value: props => /*#__PURE__*/_react.default.createElement(HeaderDropdownItemContent, (0, _extends2.default)({}, props, {
+    dataHook: `${_dataHooks.richTextToolbarDataHook}.dropdownOption.paragraph-one`,
+    titleKey: "CMS.richTextEditor.toolbar.headerDropdown.option.p1.title",
+    subtitleKey: "CMS.richTextEditor.toolbar.headerDropdown.option.p1.subtitle",
+    className: _toolbarStCss.classes.dropdownParagraphOne,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 168,
+      columnNumber: 7
+    }
+  }))
+}, {
+  id: 'unstyled',
+  value: props => /*#__PURE__*/_react.default.createElement(HeaderDropdownItemContent, (0, _extends2.default)({}, props, {
+    dataHook: `${_dataHooks.richTextToolbarDataHook}.dropdownOption.unstyled`,
+    titleKey: "CMS.richTextEditor.toolbar.headerDropdown.option.p2.title",
+    subtitleKey: "CMS.richTextEditor.toolbar.headerDropdown.option.p2.subtitle",
+    className: _toolbarStCss.classes.dropdownNormalText,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 180,
+      columnNumber: 7
+    }
+  }))
+}, {
+  id: 'paragraph-three',
+  value: props => /*#__PURE__*/_react.default.createElement(HeaderDropdownItemContent, (0, _extends2.default)({}, props, {
+    dataHook: `${_dataHooks.richTextToolbarDataHook}.dropdownOption.paragraph-three`,
+    titleKey: "CMS.richTextEditor.toolbar.headerDropdown.option.p3.title",
+    subtitleKey: "CMS.richTextEditor.toolbar.headerDropdown.option.p3.subtitle",
+    className: _toolbarStCss.classes.dropdownParagraphThree,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 192,
+      columnNumber: 7
+    }
+  }))
+}, {
+  id: 'help-text',
+  disabled: true,
+  overrideOptionStyle: true,
+  value: /*#__PURE__*/_react.default.createElement(HeaderDropdownHelpSection, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 205,
+      columnNumber: 12
+    }
+  })
+}];
+const headerTypeIconMap = {
+  'header-one': /*#__PURE__*/_react.default.createElement(_rtHeaderOne.default, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 210,
+      columnNumber: 17
+    }
+  }),
+  'header-two': /*#__PURE__*/_react.default.createElement(_rtHeaderTwo.default, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 211,
+      columnNumber: 17
+    }
+  }),
+  'header-three': /*#__PURE__*/_react.default.createElement(_rtHeaderThree.default, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 212,
+      columnNumber: 19
+    }
+  }),
+  'header-four': /*#__PURE__*/_react.default.createElement(_rtHeaderFour.default, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 213,
+      columnNumber: 18
+    }
+  }),
+  'header-five': /*#__PURE__*/_react.default.createElement(_rtHeaderFive.default, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 214,
+      columnNumber: 18
+    }
+  }),
+  'header-six': /*#__PURE__*/_react.default.createElement(_rtHeaderSix.default, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 215,
+      columnNumber: 17
+    }
+  }),
+  'paragraph-one': /*#__PURE__*/_react.default.createElement(_rtParagraphOne.default, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 216,
+      columnNumber: 20
+    }
+  }),
+  unstyled: /*#__PURE__*/_react.default.createElement(_rtNormalText.default, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 217,
+      columnNumber: 13
+    }
+  }),
+  'paragraph-three': /*#__PURE__*/_react.default.createElement(_rtParagraphThree.default, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 218,
+      columnNumber: 22
+    }
+  })
+};
+const HeaderDropdown = ({
+  value,
+  onChange
+}) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  const dropdownOptions = _react.default.useMemo(() => createDropdownOptions(), []);
+  const onSelect = (0, _react.useCallback)(option => onChange(String(option.id)), [onChange]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _toolbarStCss.classes.item,
+    onMouseDown: _utils.preventEvent,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 240,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.DropdownBase, {
+    dataHook: `${_dataHooks.richTextToolbarDataHook}.dropdown.header`,
+    selectedId: value || 'unstyled',
+    onSelect: onSelect,
+    options: dropdownOptions,
+    placement: "bottom-start",
+    appendTo: "window",
+    zIndex: 10000,
+    maxHeight: 720,
+    dynamicWidth: true,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 241,
+      columnNumber: 7
+    }
+  }, ({
+    isOpen,
+    toggle,
+    selectedOption
+  }) => /*#__PURE__*/_react.default.createElement(_designSystem.ToggleButton, {
+    dataHook: `${_dataHooks.richTextToolbarDataHook}.button.header`,
+    skin: "inverted",
+    onClick: toggle,
+    selected: isOpen,
+    labelValue: t('CMS.richTextEditor.toolbar.header'),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 253,
+      columnNumber: 11
+    }
+  }, headerTypeIconMap[(selectedOption == null ? void 0 : selectedOption.id) ?? 'unstyled'])));
+};
+exports.HeaderDropdown = HeaderDropdown;
+//# sourceMappingURL=header-dropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_hooks","_link","_stylableHelper","_rtHeaderOne","_interopRequireDefault","_rtHeaderTwo","_rtHeaderThree","_rtHeaderFour","_rtHeaderFive","_rtHeaderSix","_rtParagraphOne","_rtNormalText","_rtParagraphThree","_dataHooks","_toolbarStCss","_utils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","HeaderDropdownItemContent","titleKey","subtitleKey","selected","className","dataHook","useTranslations","createElement","combineClasses","style","classes","dropdownItemContent","__self","__source","fileName","lineNumber","columnNumber","Text","dropdownItemTitle","ellipsis","children","Heading","dropdownItemSubtitle","size","HeaderDropdownHelpSection","Box","paddingTop","paddingBottom","paddingLeft","padding","backgroundColor","LinkButton","inText","href","createDropdownOptions","id","value","props","_extends2","richTextToolbarDataHook","dropdownHeaderOne","dropdownHeaderTwo","dropdownHeaderThree","dropdownHeaderFour","dropdownHeaderFive","dropdownHeaderSix","dropdownParagraphOne","dropdownNormalText","dropdownParagraphThree","disabled","overrideOptionStyle","headerTypeIconMap","unstyled","HeaderDropdown","onChange","dropdownOptions","React","useMemo","onSelect","useCallback","option","String","item","onMouseDown","preventEvent","DropdownBase","selectedId","options","placement","appendTo","zIndex","maxHeight","dynamicWidth","isOpen","toggle","selectedOption","ToggleButton","skin","onClick","labelValue","exports"],"sources":["../../../../../../../../src/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/header-dropdown.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport type { DropdownLayoutValueOption } from '@wix/design-system';\nimport {\n  Box,\n  Text,\n  Heading,\n  DropdownBase,\n  ToggleButton,\n} from '@wix/design-system';\n\nimport { useTranslations } from '../../../../../hooks';\nimport { LinkButton } from '../../../components/link';\nimport { combineClasses } from '../utils/stylable-helper';\n\nimport HeaderOneIcon from './icons/rt-header-one.svg';\nimport HeaderTwoIcon from './icons/rt-header-two.svg';\nimport HeaderThreeIcon from './icons/rt-header-three.svg';\nimport HeaderFourIcon from './icons/rt-header-four.svg';\nimport HeaderFiveIcon from './icons/rt-header-five.svg';\nimport HeaderSixIcon from './icons/rt-header-six.svg';\nimport ParagraphOneIcon from './icons/rt-paragraph-one.svg';\nimport NormalTextIcon from './icons/rt-normal-text.svg';\nimport ParagraphThreeIcon from './icons/rt-paragraph-three.svg';\nimport { richTextToolbarDataHook } from '../../data-hooks';\nimport { style, classes } from './toolbar.st.css.js';\n\nimport { preventEvent } from '../../../../../utils';\nimport type { TextKeys } from '../../../types';\n\nexport interface HeaderDropdownItemContentProps {\n  titleKey: TextKeys;\n  subtitleKey: TextKeys;\n  selected?: boolean;\n  className?: string;\n  dataHook?: string;\n}\n\nconst HeaderDropdownItemContent: React.FC<HeaderDropdownItemContentProps> = ({\n  titleKey,\n  subtitleKey,\n  selected,\n  className,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n  return (\n    <div\n      data-hook={dataHook}\n      className={combineClasses(style, classes.dropdownItemContent, {\n        selected,\n      })}\n    >\n      <Text\n        className={combineClasses(style, classes.dropdownItemTitle, className)}\n        ellipsis\n        children={t(titleKey as any)}\n      />\n      <Heading\n        className={classes.dropdownItemSubtitle}\n        size=\"extraTiny\"\n        children={t(subtitleKey as any)}\n      />\n    </div>\n  );\n};\n\nconst HeaderDropdownHelpSection: React.FC = () => {\n  const { t } = useTranslations();\n  return (\n    <Box\n      paddingTop=\"SP2\"\n      paddingBottom=\"SP2\"\n      paddingLeft=\"SP4\"\n      padding=\"SP4\"\n      backgroundColor=\"Y40\"\n    >\n      <Text size=\"small\">\n        {t('CMS.richTextEditor.toolbar.headerDropdown.help.text')}\n        <br />\n        <LinkButton\n          inText\n          href={t('CMS.richTextEditor.toolbar.headerDropdown.button.info.link')}\n        >\n          {t('CMS.richTextEditor.toolbar.headerDropdown.button.info')}\n        </LinkButton>\n      </Text>\n    </Box>\n  );\n};\n\nconst createDropdownOptions = (): DropdownLayoutValueOption[] => [\n  {\n    id: 'header-one',\n    value: (props) => (\n      <HeaderDropdownItemContent\n        {...props}\n        dataHook={`${richTextToolbarDataHook}.dropdownOption.header-one`}\n        titleKey=\"CMS.richTextEditor.toolbar.headerDropdown.option.h1.title\"\n        subtitleKey=\"CMS.richTextEditor.toolbar.headerDropdown.option.h1.subtitle\"\n        className={classes.dropdownHeaderOne}\n      />\n    ),\n  },\n  {\n    id: 'header-two',\n    value: (props) => (\n      <HeaderDropdownItemContent\n        {...props}\n        dataHook={`${richTextToolbarDataHook}.dropdownOption.header-two`}\n        titleKey=\"CMS.richTextEditor.toolbar.headerDropdown.option.h2.title\"\n        subtitleKey=\"CMS.richTextEditor.toolbar.headerDropdown.option.h2.subtitle\"\n        className={classes.dropdownHeaderTwo}\n      />\n    ),\n  },\n  {\n    id: 'header-three',\n    value: (props) => (\n      <HeaderDropdownItemContent\n        {...props}\n        dataHook={`${richTextToolbarDataHook}.dropdownOption.header-three`}\n        titleKey=\"CMS.richTextEditor.toolbar.headerDropdown.option.h3.title\"\n        subtitleKey=\"CMS.richTextEditor.toolbar.headerDropdown.option.h3.subtitle\"\n        className={classes.dropdownHeaderThree}\n      />\n    ),\n  },\n  {\n    id: 'header-four',\n    value: (props) => (\n      <HeaderDropdownItemContent\n        {...props}\n        dataHook={`${richTextToolbarDataHook}.dropdownOption.header-four`}\n        titleKey=\"CMS.richTextEditor.toolbar.headerDropdown.option.h4.title\"\n        subtitleKey=\"CMS.richTextEditor.toolbar.headerDropdown.option.h4.subtitle\"\n        className={classes.dropdownHeaderFour}\n      />\n    ),\n  },\n  {\n    id: 'header-five',\n    value: (props) => (\n      <HeaderDropdownItemContent\n        {...props}\n        dataHook={`${richTextToolbarDataHook}.dropdownOption.header-five`}\n        titleKey=\"CMS.richTextEditor.toolbar.headerDropdown.option.h5.title\"\n        subtitleKey=\"CMS.richTextEditor.toolbar.headerDropdown.option.h5.subtitle\"\n        className={classes.dropdownHeaderFive}\n      />\n    ),\n  },\n  {\n    id: 'header-six',\n    value: (props) => (\n      <HeaderDropdownItemContent\n        {...props}\n        dataHook={`${richTextToolbarDataHook}.dropdownOption.header-six`}\n        titleKey=\"CMS.richTextEditor.toolbar.headerDropdown.option.h6.title\"\n        subtitleKey=\"CMS.richTextEditor.toolbar.headerDropdown.option.h6.subtitle\"\n        className={classes.dropdownHeaderSix}\n      />\n    ),\n  },\n  {\n    id: 'paragraph-one',\n    value: (props) => (\n      <HeaderDropdownItemContent\n        {...props}\n        dataHook={`${richTextToolbarDataHook}.dropdownOption.paragraph-one`}\n        titleKey=\"CMS.richTextEditor.toolbar.headerDropdown.option.p1.title\"\n        subtitleKey=\"CMS.richTextEditor.toolbar.headerDropdown.option.p1.subtitle\"\n        className={classes.dropdownParagraphOne}\n      />\n    ),\n  },\n  {\n    id: 'unstyled',\n    value: (props) => (\n      <HeaderDropdownItemContent\n        {...props}\n        dataHook={`${richTextToolbarDataHook}.dropdownOption.unstyled`}\n        titleKey=\"CMS.richTextEditor.toolbar.headerDropdown.option.p2.title\"\n        subtitleKey=\"CMS.richTextEditor.toolbar.headerDropdown.option.p2.subtitle\"\n        className={classes.dropdownNormalText}\n      />\n    ),\n  },\n  {\n    id: 'paragraph-three',\n    value: (props) => (\n      <HeaderDropdownItemContent\n        {...props}\n        dataHook={`${richTextToolbarDataHook}.dropdownOption.paragraph-three`}\n        titleKey=\"CMS.richTextEditor.toolbar.headerDropdown.option.p3.title\"\n        subtitleKey=\"CMS.richTextEditor.toolbar.headerDropdown.option.p3.subtitle\"\n        className={classes.dropdownParagraphThree}\n      />\n    ),\n  },\n  {\n    id: 'help-text',\n    disabled: true,\n    overrideOptionStyle: true,\n    value: <HeaderDropdownHelpSection />,\n  },\n];\n\nconst headerTypeIconMap: Record<string, React.ReactElement> = {\n  'header-one': <HeaderOneIcon />,\n  'header-two': <HeaderTwoIcon />,\n  'header-three': <HeaderThreeIcon />,\n  'header-four': <HeaderFourIcon />,\n  'header-five': <HeaderFiveIcon />,\n  'header-six': <HeaderSixIcon />,\n  'paragraph-one': <ParagraphOneIcon />,\n  unstyled: <NormalTextIcon />,\n  'paragraph-three': <ParagraphThreeIcon />,\n};\n\nexport interface HeaderDropdownProps {\n  value?: string;\n  onChange: (value: string) => void;\n}\n\nexport const HeaderDropdown: React.FC<HeaderDropdownProps> = ({\n  value,\n  onChange,\n}) => {\n  const { t } = useTranslations();\n\n  const dropdownOptions = React.useMemo(() => createDropdownOptions(), []);\n\n  const onSelect = useCallback(\n    (option: DropdownLayoutValueOption) => onChange(String(option.id)),\n    [onChange],\n  );\n\n  return (\n    <div className={classes.item} onMouseDown={preventEvent}>\n      <DropdownBase\n        dataHook={`${richTextToolbarDataHook}.dropdown.header`}\n        selectedId={value || 'unstyled'}\n        onSelect={onSelect}\n        options={dropdownOptions}\n        placement=\"bottom-start\"\n        appendTo=\"window\"\n        zIndex={10000}\n        maxHeight={720}\n        dynamicWidth\n      >\n        {({ isOpen, toggle, selectedOption }) => (\n          <ToggleButton\n            dataHook={`${richTextToolbarDataHook}.button.header`}\n            skin=\"inverted\"\n            onClick={toggle}\n            selected={isOpen}\n            labelValue={t('CMS.richTextEditor.toolbar.header')}\n          >\n            {headerTypeIconMap[selectedOption?.id ?? 'unstyled']}\n          </ToggleButton>\n        )}\n      </DropdownBase>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _toolbar = require("./toolbar");
+Object.keys(_toolbar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _toolbar[key]) return;
+  exports[key] = _toolbar[key];
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_toolbar","require","Object","keys","forEach","key","exports"],"sources":["../../../../../../../../src/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/index.ts"],"sourcesContent":["export * from './toolbar';\n"],"mappings":";;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,QAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

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

@@ -0,0 +1,79 @@
+"use strict";
+
+exports.__esModule = true;
+exports.LinkButton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _autoCmsFieldTypes = require("../../../../../auto-cms-field-types");
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _utils = require("../../../../../utils");
+var _hooks = require("../../../../../hooks");
+var _pasteUrlModal = require("../../../../media-control/paste-url-modal");
+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/link-button.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 getUrlFromEntity = entity => (entity == null ? void 0 : entity.getData().url) ?? '';
+const LinkButton = ({
+  entity,
+  onChange
+}) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  const {
+    isOpen: show,
+    onClose,
+    onToggle
+  } = (0, _hooks.useOpenState)();
+  const onSave = (0, _react.useCallback)(value => onChange(value && (0, _autoCmsFieldTypes.getValidURL)(value)), [onChange]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _toolbarStCss.classes.item,
+    onMouseDown: _utils.preventEvent,
+    onKeyDown: _utils.stopEvent,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 33,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.ToggleButton, {
+    dataHook: `${_dataHooks.richTextToolbarDataHook}.button.link`,
+    skin: "inverted",
+    onClick: onToggle,
+    selected: show || !!entity,
+    labelValue: t('CMS.richTextEditor.toolbar.button.link'),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 38,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Link, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 9
+    }
+  })), /*#__PURE__*/_react.default.createElement(_pasteUrlModal.PasteURLModal, {
+    dataHook: `${_dataHooks.richTextToolbarDataHook}.linkModal`,
+    show: show,
+    onClose: onClose,
+    value: getUrlFromEntity(entity),
+    onSave: onSave,
+    title: t('CMS.richTextEditor.toolbar.button.link.paste.url.title'),
+    inputPlaceholder: t('CMS.richTextEditor.toolbar.button.link.paste.url.placeholder'),
+    primaryButtonText: t('CMS.richTextEditor.toolbar.button.link.save'),
+    secondaryButtonText: t('CMS.richTextEditor.toolbar.button.link.cancel'),
+    keepMounted: false,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 47,
+      columnNumber: 7
+    }
+  }));
+};
+exports.LinkButton = LinkButton;
+//# sourceMappingURL=link-button.js.map