@wix/patterns-fields 1.17.0 → 1.18.0

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

@@ -7,7 +7,6 @@ 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"));
@@ -97,9 +96,13 @@ const HeaderDropdownHelpSection = () => {
       lineNumber: 80,
       columnNumber: 9
     }
-  }), /*#__PURE__*/_react.default.createElement(_link.LinkButton, {
-    inText: true,
-    href: t('CMS.richTextEditor.toolbar.headerDropdown.button.info.link'),
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+    as: "a",
+    href: "https://support.wix.com/en/article/formatting-rich-text-elements-in-the-dashboards-data-manager",
+    target: "_blank",
+    rel: "noopener noreferrer",
+    size: "small",
+    underline: "always",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
@@ -108,151 +111,158 @@ const HeaderDropdownHelpSection = () => {
     }
   }, 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 HEADING_IDS = new Set(['header-one', 'header-two', 'header-three', 'header-four', 'header-five', 'header-six', 'help-text']);
+const createDropdownOptions = (headingsEnabled = true) => {
+  const all = [{
+    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: 113,
+        columnNumber: 9
+      }
+    }))
+  }, {
+    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: 125,
+        columnNumber: 9
+      }
+    }))
+  }, {
+    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: 137,
+        columnNumber: 9
+      }
+    }))
+  }, {
+    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: 149,
+        columnNumber: 9
+      }
+    }))
+  }, {
+    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: 161,
+        columnNumber: 9
+      }
+    }))
+  }, {
+    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: 173,
+        columnNumber: 9
+      }
+    }))
+  }, {
+    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: 185,
+        columnNumber: 9
+      }
+    }))
+  }, {
+    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: 197,
+        columnNumber: 9
+      }
+    }))
+  }, {
+    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: 209,
+        columnNumber: 9
+      }
+    }))
+  }, {
+    id: 'help-text',
+    disabled: true,
+    overrideOptionStyle: true,
+    value: /*#__PURE__*/_react.default.createElement(HeaderDropdownHelpSection, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 222,
+        columnNumber: 14
+      }
+    })
+  }];
+  if (!headingsEnabled) {
+    return all.filter(opt => !HEADING_IDS.has(String(opt.id)));
+  }
+  return all;
+};
 const headerTypeIconMap = {
   'header-one': /*#__PURE__*/_react.default.createElement(_rtHeaderOne.default, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 210,
+      lineNumber: 232,
       columnNumber: 17
     }
   }),
@@ -260,7 +270,7 @@ const headerTypeIconMap = {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 211,
+      lineNumber: 233,
       columnNumber: 17
     }
   }),
@@ -268,7 +278,7 @@ const headerTypeIconMap = {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 212,
+      lineNumber: 234,
       columnNumber: 19
     }
   }),
@@ -276,7 +286,7 @@ const headerTypeIconMap = {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 213,
+      lineNumber: 235,
       columnNumber: 18
     }
   }),
@@ -284,7 +294,7 @@ const headerTypeIconMap = {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 214,
+      lineNumber: 236,
       columnNumber: 18
     }
   }),
@@ -292,7 +302,7 @@ const headerTypeIconMap = {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 215,
+      lineNumber: 237,
       columnNumber: 17
     }
   }),
@@ -300,7 +310,7 @@ const headerTypeIconMap = {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 216,
+      lineNumber: 238,
       columnNumber: 20
     }
   }),
@@ -308,7 +318,7 @@ const headerTypeIconMap = {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 217,
+      lineNumber: 239,
       columnNumber: 13
     }
   }),
@@ -316,19 +326,20 @@ const headerTypeIconMap = {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 218,
+      lineNumber: 240,
       columnNumber: 22
     }
   })
 };
 const HeaderDropdown = ({
   value,
-  onChange
+  onChange,
+  headingsEnabled = true
 }) => {
   const {
     t
   } = (0, _hooks.useTranslations)();
-  const dropdownOptions = _react.default.useMemo(() => createDropdownOptions(), []);
+  const dropdownOptions = _react.default.useMemo(() => createDropdownOptions(headingsEnabled), [headingsEnabled]);
   const onSelect = (0, _react.useCallback)(option => onChange(String(option.id)), [onChange]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _toolbarStCss.classes.item,
@@ -336,7 +347,7 @@ const HeaderDropdown = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 240,
+      lineNumber: 267,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.DropdownBase, {
@@ -352,7 +363,7 @@ const HeaderDropdown = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 241,
+      lineNumber: 268,
       columnNumber: 7
     }
   }, ({
@@ -368,7 +379,7 @@ const HeaderDropdown = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 253,
+      lineNumber: 280,
       columnNumber: 11
     }
   }, headerTypeIconMap[(selectedOption == null ? void 0 : selectedOption.id) ?? 'unstyled'])));

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

@@ -1 +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/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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_hooks","_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","TextButton","as","href","target","rel","underline","HEADING_IDS","Set","createDropdownOptions","headingsEnabled","all","id","value","props","_extends2","richTextToolbarDataHook","dropdownHeaderOne","dropdownHeaderTwo","dropdownHeaderThree","dropdownHeaderFour","dropdownHeaderFive","dropdownHeaderSix","dropdownParagraphOne","dropdownNormalText","dropdownParagraphThree","disabled","overrideOptionStyle","filter","opt","String","headerTypeIconMap","unstyled","HeaderDropdown","onChange","dropdownOptions","React","useMemo","onSelect","useCallback","option","item","onMouseDown","preventEvent","DropdownBase","selectedId","options","placement","appendTo","zIndex","maxHeight","dynamicWidth","isOpen","toggle","selectedOption","ToggleButton","skin","onClick","labelValue","exports"],"sources":["../../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/toolbar/header-dropdown.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport {\n  Box,\n  DropdownBase,\n  DropdownLayoutValueOption,\n  Heading,\n  Text,\n  TextButton,\n  ToggleButton,\n} from '@wix/design-system';\n\nimport { useTranslations } from '../../../../../hooks';\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 { classes, style } 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        <TextButton\n          as=\"a\"\n          href=\"https://support.wix.com/en/article/formatting-rich-text-elements-in-the-dashboards-data-manager\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          size=\"small\"\n          underline=\"always\"\n        >\n          {t('CMS.richTextEditor.toolbar.headerDropdown.button.info')}\n        </TextButton>\n      </Text>\n    </Box>\n  );\n};\n\nconst HEADING_IDS = new Set([\n  'header-one',\n  'header-two',\n  'header-three',\n  'header-four',\n  'header-five',\n  'header-six',\n  'help-text',\n]);\n\nconst createDropdownOptions = (\n  headingsEnabled = true,\n): DropdownLayoutValueOption[] => {\n  const all: 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  if (!headingsEnabled) {\n    return all.filter((opt) => !HEADING_IDS.has(String(opt.id)));\n  }\n  return all;\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  headingsEnabled?: boolean;\n}\n\nexport const HeaderDropdown: React.FC<HeaderDropdownProps> = ({\n  value,\n  onChange,\n  headingsEnabled = true,\n}) => {\n  const { t } = useTranslations();\n\n  const dropdownOptions = React.useMemo(\n    () => createDropdownOptions(headingsEnabled),\n    [headingsEnabled],\n  );\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/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css

@@ -2,6 +2,7 @@
 @property st-global(--wds-color-black-400);
 @property st-global(--wds-color-white);
 @property st-global(--wds-font-family-default);
+@property st-global(--wsr-font-family);
 @property st-global(--wds-font-weight-medium);
 @property st-global(--wds-font-weight-bold);
 @property st-global(--wds-font-size-500);
@@ -10,8 +11,8 @@
 .root {
     padding: 12px 18px;
     display: flex;
-    border-bottom: 1px solid var(--wds-color-blue-400);
-    background: var(--wds-color-white);
+    border-bottom: 1px solid var(--wds-color-blue-400, var(--wsr-color-B40, #d6dcff));
+    background: var(--wds-color-white, var(--wsr-color-D80, #ffffff));
     align-items: center;
 }
 
@@ -30,7 +31,7 @@
     display: inline-flex;
     margin-right: 12px;
     border-left: 1px solid #ddd;
-    height: 100%;
+    align-self: stretch;
 }
 
 .clearFormatting {
@@ -65,53 +66,53 @@
     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;
+    font-family: var(--wds-font-family-default, var(--wsr-font-family, Madefor)) !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;
+    font-family: var(--wds-font-family-default, Madefor, "Helvetica Neue", Helvetica, Arial, sans-serif) !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;
+    font-family: var(--wds-font-family-default, Madefor, "Helvetica Neue", Helvetica, Arial, sans-serif) !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;
+    font-family: var(--wds-font-family-default, Madefor, "Helvetica Neue", Helvetica, Arial, sans-serif) !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;
+    font-family: var(--wds-font-family-default, Madefor, "Helvetica Neue", Helvetica, Arial, sans-serif) !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;
+    font-family: var(--wds-font-family-default, Madefor, "Helvetica Neue", Helvetica, Arial, sans-serif) !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;
+    font-family: var(--wds-font-family-default, Madefor, "Helvetica Neue", Helvetica, Arial, sans-serif) !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;
+    font-family: var(--wds-font-family-default, Madefor, "Helvetica Neue", Helvetica, Arial, sans-serif) !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;
+    font-family: var(--wds-font-family-default, Madefor, "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
 }