@wix/auto-patterns 1.44.0 → 1.46.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","Box","Text","Heading","DropdownBase","ToggleButton","useTranslations","LinkButton","combineClasses","HeaderOneIcon","HeaderTwoIcon","HeaderThreeIcon","HeaderFourIcon","HeaderFiveIcon","HeaderSixIcon","ParagraphOneIcon","NormalTextIcon","ParagraphThreeIcon","richTextToolbarDataHook","style","classes","preventEvent","HeaderDropdownItemContent","_ref","titleKey","subtitleKey","selected","className","dataHook","t","createElement","dropdownItemContent","dropdownItemTitle","ellipsis","children","dropdownItemSubtitle","size","HeaderDropdownHelpSection","paddingTop","paddingBottom","paddingLeft","padding","backgroundColor","inText","href","createDropdownOptions","id","value","props","_extends","dropdownHeaderOne","dropdownHeaderTwo","dropdownHeaderThree","dropdownHeaderFour","dropdownHeaderFive","dropdownHeaderSix","dropdownParagraphOne","dropdownNormalText","dropdownParagraphThree","disabled","overrideOptionStyle","headerTypeIconMap","unstyled","HeaderDropdown","_ref2","onChange","dropdownOptions","useMemo","onSelect","option","String","item","onMouseDown","selectedId","options","placement","appendTo","zIndex","maxHeight","dynamicWidth","_ref3","isOpen","toggle","selectedOption","skin","onClick","labelValue"],"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/esm/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/icons/rt-b.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="#3899EC" fill-rule="evenodd" d="M9.002 11h4.007c.626 0 2.013 0 2.013-2 0-1.938-1.224-2-2.013-2H9.002v4zm0 2v4h5.013c1.055 0 2.014-.469 2.014-2 0-1.531-.906-2-2.014-2H9.002zm0 6H7V5h5.916c1.482 0 2.646.639 3.406 1.792a4.024 4.024 0 0 1 .168 4.146c-.148.27-.317.512-.512.736 1.079.576 1.88 1.693 2 2.899.116 1.151-.236 2.239-.99 3.066-.788.865-1.954 1.361-3.2 1.361H9.003z"/></svg>

package/dist/esm/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/icons/rt-clear.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="#3899EC" d="M4.27 6.23L3 7.5 9.5 14 7 19h2.5l1.57-3.66 5.16 4.93L17.5 19 4.27 6.23zM6 5v.18L8 7h4.5L11 10l1.6 1.78L15 7h5V5H6z" fill-rule="evenodd"/></svg>

package/dist/esm/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/icons/rt-header-five.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="black" xmlns="http://www.w3.org/2000/svg">
+ <text x="2" y="16" fill="black" style="font-size:14px;font-weight:bold;font-family:inherit">H5</text>
+</svg>

package/dist/esm/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/icons/rt-header-four.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="black" xmlns="http://www.w3.org/2000/svg">
+ <text x="2" y="16" fill="black" style="font-size:14px;font-weight:bold;font-family:inherit">H4</text>
+</svg>

package/dist/esm/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/icons/rt-header-one.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="black" xmlns="http://www.w3.org/2000/svg">
+ <text x="2" y="16" fill="black" style="font-size:14px;font-weight:bold;font-family:inherit">H1</text>
+</svg>

package/dist/esm/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/icons/rt-header-six.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="black" xmlns="http://www.w3.org/2000/svg">
+ <text x="2" y="16" fill="black" style="font-size:14px;font-weight:bold;font-family:inherit">H6</text>
+</svg>

package/dist/esm/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/icons/rt-header-three.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="black" xmlns="http://www.w3.org/2000/svg">
+ <text x="2" y="16" fill="black" style="font-size:14px;font-weight:bold;font-family:inherit">H3</text>
+</svg>

package/dist/esm/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/icons/rt-header-two.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="black" xmlns="http://www.w3.org/2000/svg">
+ <text x="2" y="16" fill="black" style="font-size:14px;font-weight:bold;font-family:inherit">H2</text>
+</svg>

package/dist/esm/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/icons/rt-i.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="#3899EC" fill-rule="evenodd" d="M16 7V5H9v2h2.712l-1.591 10H8v2h7v-2h-2.853l1.591-10z"/></svg>

package/dist/esm/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/icons/rt-normal-text.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="black" xmlns="http://www.w3.org/2000/svg">
+ <text x="2" y="16" fill="black" style="font-size:14px;font-weight:bold;font-family:inherit">P2</text>
+</svg>

package/dist/esm/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/icons/rt-ordered-list-rtl.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24">
+  <g fill="none" fill-rule="evenodd">
+    <path fill="#308DDD"  d="M17,17 L19,17 L18,18 L19,19 L17,19 L17,20 L20,20 L20,18.992 L19,17.992 L20,16.992 L20,16 L17,16 L17,17 Z M17,11 L19.078,11 L17,13 C17,13 17.003,13 17,14 L20,14 L20,13 L18.078,13 L20,10.992 L20,10 L17,10 L17,11 Z M18,8 L19,8 L19,4 L17,4 L17,5 L18,5 L18,8 Z M5,7 L15,7 L15,5 L5,5 L5,7 Z M5,13 L15,13 L15,11 L5,11 L5,13 Z M5,19 L15,19 L15,17 L5,17 L5,19 Z"/>
+  </g>
+</svg>

package/dist/esm/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/icons/rt-ordered-list.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="#3899EC" fill-rule="evenodd" d="M5 17h2l-1 1 1 1H5v1h3v-1.008l-1-1 1-1V16H5v1zm0-6h2.078L5 13s.003 0 0 1h3v-1H6.078L8 10.992V10H5v1zm1-3h1V4H5v1h1v3zm4-1h10V5H10v2zm0 6h10v-2H10v2zm0 6h10v-2H10v2z"/></svg>

package/dist/esm/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/icons/rt-paragraph-one.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="black" xmlns="http://www.w3.org/2000/svg">
+ <text x="2" y="16" fill="black" style="font-size:14px;font-weight:bold;font-family:inherit">P1</text>
+</svg>

package/dist/esm/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/icons/rt-paragraph-three.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="black" xmlns="http://www.w3.org/2000/svg">
+ <text x="2" y="16" fill="black" style="font-size:14px;font-weight:bold;font-family:inherit">P3</text>
+</svg>

package/dist/esm/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/icons/rt-u.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="#3899EC" fill-rule="evenodd" d="M7 20h11v-2H7v2zm5.5-3.767c2.566 0 4.5-2.057 4.5-4.783V6a1 1 0 1 0-2 0v5.45c0 1.382-.859 2.783-2.5 2.783S10 12.832 10 11.45V6a1 1 0 1 0-2 0v5.45c0 2.726 1.935 4.783 4.5 4.783z"/></svg>

package/dist/esm/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/icons/rt-unordered-list-rtl.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path fill="#3899EC" fill-rule="evenodd" d="M5,19 L15,19 L15,17 L5,17 L5,19 Z M17,19 L20,19 L20,16 L17,16 L17,19 Z M17,13 L20,13 L20,10 L17,10 L17,13 Z M17,7 L20,7 L20,4 L17,4 L17,7 Z M5,7 L15,7 L15,5 L5,5 L5,7 Z M5,13 L15,13 L15,11 L5,11 L5,13 Z"/>
+</svg>

package/dist/esm/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/icons/rt-unordered-list.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path fill="#3899EC" fill-rule="evenodd" d="M10 19h10v-2H10v2zm-5 0h3v-3H5v3zm0-6h3v-3H5v3zm0-6h3V4H5v3zm5 0h10V5H10v2zm0 6h10v-2H10v2z"/></svg>

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

@@ -0,0 +1,2 @@
+export * from './toolbar';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../../../../src/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/index.ts"],"sourcesContent":["export * from './toolbar';\n"],"mappings":"AAAA,cAAc,WAAW","ignoreList":[]}

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

@@ -0,0 +1,48 @@
+import React, { useCallback } from 'react';
+import { getValidURL } from '@wix/auto-cms-field-types';
+import { ToggleButton } from '@wix/design-system';
+import { Link as LinkIcon } from '@wix/wix-ui-icons-common';
+import { preventEvent, stopEvent } from '../../../../../utils';
+import { useOpenState, useTranslations } from '../../../../../hooks';
+import { PasteURLModal } from '../../../../media-control/paste-url-modal';
+import { richTextToolbarDataHook } from '../../data-hooks';
+import { classes } from './toolbar.st.css.js';
+const getUrlFromEntity = entity => (entity == null ? void 0 : entity.getData().url) ?? '';
+export const LinkButton = _ref => {
+  let {
+    entity,
+    onChange
+  } = _ref;
+  const {
+    t
+  } = useTranslations();
+  const {
+    isOpen: show,
+    onClose,
+    onToggle
+  } = useOpenState();
+  const onSave = useCallback(value => onChange(value && getValidURL(value)), [onChange]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.item,
+    onMouseDown: preventEvent,
+    onKeyDown: stopEvent
+  }, /*#__PURE__*/React.createElement(ToggleButton, {
+    dataHook: `${richTextToolbarDataHook}.button.link`,
+    skin: "inverted",
+    onClick: onToggle,
+    selected: show || !!entity,
+    labelValue: t('CMS.richTextEditor.toolbar.button.link')
+  }, /*#__PURE__*/React.createElement(LinkIcon, null)), /*#__PURE__*/React.createElement(PasteURLModal, {
+    dataHook: `${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
+  }));
+};
+//# sourceMappingURL=link-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","getValidURL","ToggleButton","Link","LinkIcon","preventEvent","stopEvent","useOpenState","useTranslations","PasteURLModal","richTextToolbarDataHook","classes","getUrlFromEntity","entity","getData","url","LinkButton","_ref","onChange","t","isOpen","show","onClose","onToggle","onSave","value","createElement","className","item","onMouseDown","onKeyDown","dataHook","skin","onClick","selected","labelValue","title","inputPlaceholder","primaryButtonText","secondaryButtonText","keepMounted"],"sources":["../../../../../../../../src/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/link-button.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport type { EntityInstance } from 'draft-js';\nimport { getValidURL } from '@wix/auto-cms-field-types';\nimport { ToggleButton } from '@wix/design-system';\nimport { Link as LinkIcon } from '@wix/wix-ui-icons-common';\n\nimport { preventEvent, stopEvent } from '../../../../../utils';\nimport { useOpenState, useTranslations } from '../../../../../hooks';\nimport { PasteURLModal } from '../../../../media-control/paste-url-modal';\n\nimport { richTextToolbarDataHook } from '../../data-hooks';\nimport { classes } from './toolbar.st.css.js';\n\nexport interface LinkButtonProps {\n  entity?: EntityInstance;\n  onChange: (value?: string) => void;\n}\n\nconst getUrlFromEntity = (entity?: EntityInstance) =>\n  entity?.getData().url ?? '';\n\nexport const LinkButton: React.FC<LinkButtonProps> = ({ entity, onChange }) => {\n  const { t } = useTranslations();\n\n  const { isOpen: show, onClose, onToggle } = useOpenState();\n  const onSave = useCallback(\n    (value?: string) => onChange(value && getValidURL(value)),\n    [onChange],\n  );\n\n  return (\n    <div\n      className={classes.item}\n      onMouseDown={preventEvent}\n      onKeyDown={stopEvent}\n    >\n      <ToggleButton\n        dataHook={`${richTextToolbarDataHook}.button.link`}\n        skin=\"inverted\"\n        onClick={onToggle}\n        selected={show || !!entity}\n        labelValue={t('CMS.richTextEditor.toolbar.button.link')}\n      >\n        <LinkIcon />\n      </ToggleButton>\n      <PasteURLModal\n        dataHook={`${richTextToolbarDataHook}.linkModal`}\n        show={show}\n        onClose={onClose}\n        value={getUrlFromEntity(entity)}\n        onSave={onSave}\n        title={t('CMS.richTextEditor.toolbar.button.link.paste.url.title')}\n        inputPlaceholder={t(\n          'CMS.richTextEditor.toolbar.button.link.paste.url.placeholder',\n        )}\n        primaryButtonText={t('CMS.richTextEditor.toolbar.button.link.save')}\n        secondaryButtonText={t('CMS.richTextEditor.toolbar.button.link.cancel')}\n        keepMounted={false}\n      />\n    </div>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAG1C,SAASC,WAAW,QAAQ,2BAA2B;AACvD,SAASC,YAAY,QAAQ,oBAAoB;AACjD,SAASC,IAAI,IAAIC,QAAQ,QAAQ,0BAA0B;AAE3D,SAASC,YAAY,EAAEC,SAAS,QAAQ,sBAAsB;AAC9D,SAASC,YAAY,EAAEC,eAAe,QAAQ,sBAAsB;AACpE,SAASC,aAAa,QAAQ,2CAA2C;AAEzE,SAASC,uBAAuB,QAAQ,kBAAkB;AAC1D,SAASC,OAAO,QAAQ,qBAAqB;AAO7C,MAAMC,gBAAgB,GAAIC,MAAuB,IAC/C,CAAAA,MAAM,oBAANA,MAAM,CAAEC,OAAO,CAAC,CAAC,CAACC,GAAG,KAAI,EAAE;AAE7B,OAAO,MAAMC,UAAqC,GAAGC,IAAA,IAA0B;EAAA,IAAzB;IAAEJ,MAAM;IAAEK;EAAS,CAAC,GAAAD,IAAA;EACxE,MAAM;IAAEE;EAAE,CAAC,GAAGX,eAAe,CAAC,CAAC;EAE/B,MAAM;IAAEY,MAAM,EAAEC,IAAI;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGhB,YAAY,CAAC,CAAC;EAC1D,MAAMiB,MAAM,GAAGxB,WAAW,CACvByB,KAAc,IAAKP,QAAQ,CAACO,KAAK,IAAIxB,WAAW,CAACwB,KAAK,CAAC,CAAC,EACzD,CAACP,QAAQ,CACX,CAAC;EAED,oBACEnB,KAAA,CAAA2B,aAAA;IACEC,SAAS,EAAEhB,OAAO,CAACiB,IAAK;IACxBC,WAAW,EAAExB,YAAa;IAC1ByB,SAAS,EAAExB;EAAU,gBAErBP,KAAA,CAAA2B,aAAA,CAACxB,YAAY;IACX6B,QAAQ,EAAE,GAAGrB,uBAAuB,cAAe;IACnDsB,IAAI,EAAC,UAAU;IACfC,OAAO,EAAEV,QAAS;IAClBW,QAAQ,EAAEb,IAAI,IAAI,CAAC,CAACR,MAAO;IAC3BsB,UAAU,EAAEhB,CAAC,CAAC,wCAAwC;EAAE,gBAExDpB,KAAA,CAAA2B,aAAA,CAACtB,QAAQ,MAAE,CACC,CAAC,eACfL,KAAA,CAAA2B,aAAA,CAACjB,aAAa;IACZsB,QAAQ,EAAE,GAAGrB,uBAAuB,YAAa;IACjDW,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBG,KAAK,EAAEb,gBAAgB,CAACC,MAAM,CAAE;IAChCW,MAAM,EAAEA,MAAO;IACfY,KAAK,EAAEjB,CAAC,CAAC,wDAAwD,CAAE;IACnEkB,gBAAgB,EAAElB,CAAC,CACjB,8DACF,CAAE;IACFmB,iBAAiB,EAAEnB,CAAC,CAAC,6CAA6C,CAAE;IACpEoB,mBAAmB,EAAEpB,CAAC,CAAC,+CAA+C,CAAE;IACxEqB,WAAW,EAAE;EAAM,CACpB,CACE,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { ToggleButton } from '@wix/design-system';
+import { preventEvent } from '../../../../../utils';
+import { combineClasses } from '../utils/stylable-helper';
+import { style, classes } from './toolbar.st.css.js';
+export const ToolbarButton = _ref => {
+  let {
+    label,
+    onClick,
+    isSelected,
+    className,
+    children,
+    dataHook
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    className: combineClasses(style, classes.item, className),
+    onMouseDown: preventEvent
+  }, /*#__PURE__*/React.createElement(ToggleButton, {
+    dataHook: dataHook,
+    skin: "inverted",
+    selected: isSelected,
+    labelValue: label,
+    onClick: onClick
+  }, children));
+};
+//# sourceMappingURL=toolbar-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ToggleButton","preventEvent","combineClasses","style","classes","ToolbarButton","_ref","label","onClick","isSelected","className","children","dataHook","createElement","item","onMouseDown","skin","selected","labelValue"],"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,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;AAEjD,SAASC,YAAY,QAAQ,sBAAsB;AACnD,SAASC,cAAc,QAAQ,0BAA0B;AAEzD,SAASC,KAAK,EAAEC,OAAO,QAAQ,qBAAqB;AAWpD,OAAO,MAAMC,aAA2C,GAAGC,IAAA,IAOrD;EAAA,IAPsD;IAC1DC,KAAK;IACLC,OAAO;IACPC,UAAU;IACVC,SAAS;IACTC,QAAQ;IACRC;EACF,CAAC,GAAAN,IAAA;EACC,oBACEP,KAAA,CAAAc,aAAA;IACEH,SAAS,EAAER,cAAc,CAACC,KAAK,EAAEC,OAAO,CAACU,IAAI,EAAEJ,SAAS,CAAE;IAC1DK,WAAW,EAAEd;EAAa,gBAE1BF,KAAA,CAAAc,aAAA,CAACb,YAAY;IACXY,QAAQ,EAAEA,QAAS;IACnBI,IAAI,EAAC,UAAU;IACfC,QAAQ,EAAER,UAAW;IACrBS,UAAU,EAAEX,KAAM;IAClBC,OAAO,EAAEA;EAAQ,GAEhBG,QACW,CACX,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -0,0 +1,19 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useCallback } from 'react';
+import { ToolbarButton } from './toolbar-button';
+export const ToolbarToggle = _ref => {
+  let {
+    onChange,
+    inlineStyle,
+    name,
+    blockType,
+    ...rest
+  } = _ref;
+  const onClick = useCallback(() => onChange(name), [name, onChange]);
+  const isSelected = inlineStyle ? inlineStyle.has(name) : name === blockType;
+  return /*#__PURE__*/React.createElement(ToolbarButton, _extends({
+    isSelected: isSelected,
+    onClick: onClick
+  }, rest));
+};
+//# sourceMappingURL=toolbar-toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","ToolbarButton","ToolbarToggle","_ref","onChange","inlineStyle","name","blockType","rest","onClick","isSelected","has","createElement","_extends"],"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,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAI1C,SAASC,aAAa,QAAQ,kBAAkB;AAYhD,OAAO,MAAMC,aAA2C,GAAGC,IAAA,IAMrD;EAAA,IANsD;IAC1DC,QAAQ;IACRC,WAAW;IACXC,IAAI;IACJC,SAAS;IACT,GAAGC;EACL,CAAC,GAAAL,IAAA;EACC,MAAMM,OAAO,GAAGT,WAAW,CAAC,MAAMI,QAAQ,CAACE,IAAI,CAAC,EAAE,CAACA,IAAI,EAAEF,QAAQ,CAAC,CAAC;EACnE,MAAMM,UAAU,GAAGL,WAAW,GAAGA,WAAW,CAACM,GAAG,CAACL,IAAI,CAAC,GAAGA,IAAI,KAAKC,SAAS;EAC3E,oBAAOR,KAAA,CAAAa,aAAA,CAACX,aAAa,EAAAY,QAAA;IAACH,UAAU,EAAEA,UAAW;IAACD,OAAO,EAAEA;EAAQ,GAAKD,IAAI,CAAG,CAAC;AAC9E,CAAC","ignoreList":[]}

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

@@ -0,0 +1,117 @@
+import React from 'react';
+import { Maximize as MaximizeIcon, Minimise as MinimiseIcon } from '@wix/wix-ui-icons-common';
+import { isTruthy } from '../../../../../utils';
+import { useTranslations } from '../../../../../hooks';
+import { ToolbarToggle } from './toolbar-toggle';
+import { ToolbarButton } from './toolbar-button';
+import { LinkButton } from './link-button';
+import { HeaderDropdown } from './header-dropdown';
+import { AlignDropdown } from './align-dropdown';
+import BoldIcon from './icons/rt-b.svg';
+import ItalicIcon from './icons/rt-i.svg';
+import UnderlineIcon from './icons/rt-u.svg';
+import ClearIcon from './icons/rt-clear.svg';
+import OrderedListIcon from './icons/rt-ordered-list.svg';
+import OrderedListRTLIcon from './icons/rt-ordered-list-rtl.svg';
+import UnorderedListIcon from './icons/rt-unordered-list.svg';
+import UnorderedListRTLIcon from './icons/rt-unordered-list-rtl.svg';
+import { richTextToolbarDataHook } from '../../data-hooks';
+import { classes } from './toolbar.st.css.js';
+export const Toolbar = _ref => {
+  let {
+    onChangeBlock,
+    onChangeStyle,
+    onChangeLink,
+    onChangeAlign,
+    onClear,
+    onToggleFullScreen,
+    editorState,
+    isFullScreen,
+    headingsEnabled
+  } = _ref;
+  const {
+    t
+  } = 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(isTruthy);
+  const blockTheme = inlineBlockType === 'unstyled' ? block.getType() : inlineBlockType;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-hook": `${richTextToolbarDataHook}.toolbar`,
+    className: classes.root
+  }, /*#__PURE__*/React.createElement(ToolbarToggle, {
+    dataHook: `${richTextToolbarDataHook}.button.bold`,
+    label: t('CMS.richTextEditor.toolbar.button.tooltip.bold'),
+    onChange: onChangeStyle,
+    inlineStyle: inlineStyle,
+    name: "BOLD"
+  }, /*#__PURE__*/React.createElement(BoldIcon, null)), /*#__PURE__*/React.createElement(ToolbarToggle, {
+    dataHook: `${richTextToolbarDataHook}.button.italic`,
+    label: t('CMS.richTextEditor.toolbar.button.tooltip.italic'),
+    onChange: onChangeStyle,
+    inlineStyle: inlineStyle,
+    name: "ITALIC"
+  }, /*#__PURE__*/React.createElement(ItalicIcon, null)), /*#__PURE__*/React.createElement(ToolbarToggle, {
+    dataHook: `${richTextToolbarDataHook}.button.underline`,
+    label: t('CMS.richTextEditor.toolbar.button.tooltip.underline'),
+    onChange: onChangeStyle,
+    inlineStyle: inlineStyle,
+    name: "UNDERLINE"
+  }, /*#__PURE__*/React.createElement(UnderlineIcon, null)), /*#__PURE__*/React.createElement("i", {
+    className: classes.separator
+  }), headingsEnabled && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HeaderDropdown, {
+    value: blockTheme,
+    onChange: onChangeBlock
+  }), /*#__PURE__*/React.createElement("i", {
+    className: classes.separator
+  })), /*#__PURE__*/React.createElement(AlignDropdown, {
+    onChange: onChangeAlign,
+    value: blockStyle.textAlign,
+    isRTL: isRTL
+  }), /*#__PURE__*/React.createElement(ToolbarToggle, {
+    dataHook: `${richTextToolbarDataHook}.button.ul`,
+    label: t('CMS.richTextEditor.toolbar.button.tooltip.ul'),
+    onChange: onChangeBlock,
+    blockType: blockType,
+    name: "unordered-list-item"
+  }, isRTL ? /*#__PURE__*/React.createElement(UnorderedListRTLIcon, null) : /*#__PURE__*/React.createElement(UnorderedListIcon, null)), /*#__PURE__*/React.createElement(ToolbarToggle, {
+    dataHook: `${richTextToolbarDataHook}.button.ol`,
+    label: t('CMS.richTextEditor.toolbar.button.tooltip.ol'),
+    onChange: onChangeBlock,
+    blockType: blockType,
+    name: "ordered-list-item"
+  }, isRTL ? /*#__PURE__*/React.createElement(OrderedListRTLIcon, null) : /*#__PURE__*/React.createElement(OrderedListIcon, null)), /*#__PURE__*/React.createElement("i", {
+    className: classes.separator
+  }), /*#__PURE__*/React.createElement(LinkButton, {
+    entity: entities.find(entity => entity.getType() === 'LINK'),
+    onChange: onChangeLink
+  }), /*#__PURE__*/React.createElement(ToolbarButton, {
+    dataHook: `${richTextToolbarDataHook}.button.clear-formatting`,
+    onClick: onClear,
+    className: classes.clearFormatting,
+    label: t('CMS.richTextEditor.toolbar.button.tooltip.clear-formation')
+  }, /*#__PURE__*/React.createElement(ClearIcon, null)), /*#__PURE__*/React.createElement("i", {
+    className: classes.separator
+  }), /*#__PURE__*/React.createElement(ToolbarButton, {
+    dataHook: `${richTextToolbarDataHook}.button.fullscreen`,
+    onClick: onToggleFullScreen,
+    className: classes.fullScreen,
+    label: isFullScreen ? t('CMS.richTextEditor.toolbar.button.tooltip.full-screen.exit') : t('CMS.richTextEditor.toolbar.button.tooltip.full-screen')
+  }, isFullScreen ? /*#__PURE__*/React.createElement(MinimiseIcon, null) : /*#__PURE__*/React.createElement(MaximizeIcon, null)));
+};
+//# sourceMappingURL=toolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Maximize","MaximizeIcon","Minimise","MinimiseIcon","isTruthy","useTranslations","ToolbarToggle","ToolbarButton","LinkButton","HeaderDropdown","AlignDropdown","BoldIcon","ItalicIcon","UnderlineIcon","ClearIcon","OrderedListIcon","OrderedListRTLIcon","UnorderedListIcon","UnorderedListRTLIcon","richTextToolbarDataHook","classes","Toolbar","_ref","onChangeBlock","onChangeStyle","onChangeLink","onChangeAlign","onClear","onToggleFullScreen","editorState","isFullScreen","headingsEnabled","t","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","blockTheme","createElement","className","root","dataHook","label","onChange","name","separator","Fragment","value","textAlign","entity","find","onClick","clearFormatting","fullScreen"],"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":"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","ignoreList":[]}

package/dist/esm/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/esm/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js

@@ -0,0 +1,43 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../../../../stylable-esm-runtime.js";
+var _namespace_ = "toolbar4076200098";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = {
+  "root": "toolbar4076200098__root",
+  "item": "toolbar4076200098__item",
+  "separator": "toolbar4076200098__separator",
+  "clearFormatting": "toolbar4076200098__clearFormatting",
+  "fullScreen": "toolbar4076200098__fullScreen",
+  "dropdownItemContent": "toolbar4076200098__dropdownItemContent",
+  "dropdownItemTitle": "toolbar4076200098__dropdownItemTitle",
+  "dropdownItemSubtitle": "toolbar4076200098__dropdownItemSubtitle",
+  "dropdownHeaderOne": "toolbar4076200098__dropdownHeaderOne",
+  "dropdownHeaderTwo": "toolbar4076200098__dropdownHeaderTwo",
+  "dropdownHeaderThree": "toolbar4076200098__dropdownHeaderThree",
+  "dropdownHeaderFour": "toolbar4076200098__dropdownHeaderFour",
+  "dropdownHeaderFive": "toolbar4076200098__dropdownHeaderFive",
+  "dropdownHeaderSix": "toolbar4076200098__dropdownHeaderSix",
+  "dropdownParagraphOne": "toolbar4076200098__dropdownParagraphOne",
+  "dropdownNormalText": "toolbar4076200098__dropdownNormalText",
+  "dropdownParagraphThree": "toolbar4076200098__dropdownParagraphThree"
+};
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export 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"
+};
+//# sourceMappingURL=toolbar.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","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_ = \"toolbar4076200098\";\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\":\"toolbar4076200098__root\",\"item\":\"toolbar4076200098__item\",\"separator\":\"toolbar4076200098__separator\",\"clearFormatting\":\"toolbar4076200098__clearFormatting\",\"fullScreen\":\"toolbar4076200098__fullScreen\",\"dropdownItemContent\":\"toolbar4076200098__dropdownItemContent\",\"dropdownItemTitle\":\"toolbar4076200098__dropdownItemTitle\",\"dropdownItemSubtitle\":\"toolbar4076200098__dropdownItemSubtitle\",\"dropdownHeaderOne\":\"toolbar4076200098__dropdownHeaderOne\",\"dropdownHeaderTwo\":\"toolbar4076200098__dropdownHeaderTwo\",\"dropdownHeaderThree\":\"toolbar4076200098__dropdownHeaderThree\",\"dropdownHeaderFour\":\"toolbar4076200098__dropdownHeaderFour\",\"dropdownHeaderFive\":\"toolbar4076200098__dropdownHeaderFive\",\"dropdownHeaderSix\":\"toolbar4076200098__dropdownHeaderSix\",\"dropdownParagraphOne\":\"toolbar4076200098__dropdownParagraphOne\",\"dropdownNormalText\":\"toolbar4076200098__dropdownNormalText\",\"dropdownParagraphThree\":\"toolbar4076200098__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":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,2CAA2C;AAIzF,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,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;AAC/8B,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,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/esm/cms-fields/components/rich-text/rich-text-input/rich-text-editor/utils/block.js

@@ -0,0 +1,13 @@
+export function isListItemBlockType(blockType) {
+  return ['unordered-list-item', 'ordered-list-item'].includes(blockType);
+}
+export 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/esm/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":"AAEA,OAAO,SAASA,mBAAmBA,CAACC,SAAyB,EAAW;EACtE,OAAO,CAAC,qBAAqB,EAAE,mBAAmB,CAAC,CAACC,QAAQ,CAACD,SAAS,CAAC;AACzE;AAEA,OAAO,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":[]}