@pega/cosmos-react-rte 2.1.3 → 2.1.6

package/lib/components/RichTextEditor/Toolbar/TextSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextSelect.js","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/Toolbar/TextSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,MAAM,EAAE,QAAQ,EAAc,WAAW,EAA6B,MAAM,OAAO,CAAC;AACjG,OAAO,EAAW,UAAU,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,aAAa,EACb,IAAI,EACJ,MAAM,EACN,gBAAgB,EAChB,OAAO,EACP,OAAO,EACP,iBAAiB,EAClB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,kBAAkB,MAAM,yEAAyE,CAAC;AAE9G,OAAO,cAAc,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,YAAY,CAAC,kBAAkB,CAAC,CAAC;AAEjC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACpD,MAAM,SAAS,GAAG,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IACvF,OAAO,GAAG,CAAA;aACC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC;;;iCAGlB,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC;uBACrC,KAAK,CAAC,IAAI,CAAC,OAAO;0BACf,KAAK,CAAC,IAAI,CAAC,OAAO;iBAC3B,SAAS,CAAC,GAAG;;;;;;;oBAOV,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK;;GAExC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEjD,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAElC,CAAC;AAEF,MAAM,WAAW,GAA8B;IAC7C,SAAS,EAAE,QAAQ;IACnB,WAAW,EAAE,WAAW;IACxB,WAAW,EAAE,WAAW;IACxB,WAAW,EAAE,WAAW;IACxB,WAAW,EAAE,WAAW;IACxB,EAAE,EAAE,QAAQ;CACb,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,GAAW,EAAE,GAAY,EAAE,EAAE;IACnD,OAAO,aAAa,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,EAAE,CAAC,CAAC;AACtE,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CACrB,GAAY,EACgD,EAAE;IAC9D,OAAO;QACL,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE;QACtE,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE;QACzE,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE;QACzE,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE;QACzE,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE;KAC1E,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAyB,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;IACnD,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;IACrC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACpC,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAChC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC7B,MAAM,MAAM,GAAG,QAAQ,EAAE,CAAC;IAE1B,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,OAAO,cAAc,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;IAEZ,aAAa,CAAC,OAAO,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC,EAAE,GAAG,EAAE;QAC5D,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,CAAC,IAAqB,EAAE,CAAa,EAAE,EAAE;QAC5D,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,cAAc,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QACtC,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;YAC1B,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;SAC5B;QACD,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QACzB,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,aAAa,CAAC,OAAO,EAAE;gBAC3D,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;gBACnC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;gBAC1B,IAAI,SAAS;oBAAE,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;aACrD;QACH,CAAC,EAAE,CAAC,CAAC,CAAC;IACR,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,MAAC,gBAAgB,IACf,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,KAAK,EACX,GAAG,EAAE,SAAS,EACd,WAAW,EAAE,CAAC,CAAa,EAAE,EAAE;oBAC7B,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,OAAO,CAAC,IAAI,CAAC,CAAC;oBACd,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC/B,CAAC,EACD,SAAS,EAAE,CAAC,CAAgB,EAAE,EAAE;oBAC9B,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;wBAC3C,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,OAAO,CAAC,IAAI,CAAC,CAAC;wBACd,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;qBAC/B;yBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;wBAC5B,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;qBAC3B;yBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,EAAE;wBAC1D,OAAO,CAAC,KAAK,CAAC,CAAC;qBAChB;gBACH,CAAC,EACD,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE;oBACzB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;gBACtB,CAAC,EACD,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,mBAChC,IAAI,gBACP,4BAA4B,CAAC,CAAC,mBAAmB,CAAC,KAC5D,WAAW,CAAC,cAAc,CAAC,kBAAkB,CAAC,MAAM,CAAC,CACvD,WAAW,oCAGX,yBAAO,WAAW,CAAC,cAAc,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,WAAQ,EACrE,KAAC,IAAI,IAAC,IAAI,EAAC,kBAAkB,WAAG,YACf,EAClB,SAAS,CAAC,OAAO,IAAI,CACpB,KAAC,OAAO,IAAC,MAAM,EAAE,SAAS,CAAC,OAAO,EAAE,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,YAClE,CAAC,CAAC,mBAAmB,CAAC,WACf,CACX,EACD,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,gBAAgB,EACpB,MAAM,EAAE,SAAS,CAAC,OAAO,EACzB,SAAS,EAAC,cAAc,EACxB,GAAG,EAAE,UAAU,YAEf,KAAC,IAAI,IACH,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;wBACnD,EAAE,EAAE,IAAI;wBACR,OAAO,EAAE,IAAI;wBACb,SAAS,EAAE,CAAC,OAAO,CAAC;wBACpB,QAAQ,EAAE,IAAI,KAAK,cAAc,CAAC,kBAAkB,CAAC,MAAM,CAAC;qBAC7D,CAAC,CAAC,EACH,cAAc,EAAE,SAAS,CAAC,OAAO,IAAI,SAAS,EAC9C,cAAc,EAAE,KAAK,EACrB,IAAI,EAAC,eAAe,EACpB,GAAG,EAAE,OAAO,EACZ,WAAW,EAAE,YAAmD,WAChE,WACM,YACT,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { FC, useRef, useState, MouseEvent, useCallback, KeyboardEvent, FocusEvent } from 'react';\nimport { Element, Transforms } from 'slate';\nimport { ReactEditor, useSlate } from 'slate-react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Popover,\n  Icon,\n  registerIcon,\n  useOuterEvent,\n  Menu,\n  Button,\n  defaultThemeProp,\n  useI18n,\n  Tooltip,\n  calculateFontSize\n} from '@pega/cosmos-react-core';\nimport * as arrowMicroDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/arrow-micro-down.icon';\n\nimport EditorCommands from '../utils/EditorCommands';\nimport { useRTEContext } from '../RichTextEditor.context';\n\nimport { getKeyCommand } from './utils';\n\nregisterIcon(arrowMicroDownIcon);\n\nconst StyledTextSelect = styled(Button)(({ theme }) => {\n  const fontSizes = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n  return css`\n    color: ${theme.base.palette['foreground-color']};\n    display: inline-flex;\n    align-items: center;\n    border-radius: calc(0.25 * ${theme.base['border-radius']});\n    height: calc(4 * ${theme.base.spacing});\n    padding: calc(0.5 * ${theme.base.spacing});\n    font-size: ${fontSizes.xxs};\n\n    span {\n      white-space: nowrap;\n    }\n\n    :focus {\n      box-shadow: ${theme.base.shadow.focus};\n    }\n  `;\n});\n\nStyledTextSelect.defaultProps = defaultThemeProp;\n\nconst StyledSelectMenu = styled.div`\n  min-width: 10rem;\n`;\n\nconst textMapping: { [key: string]: string } = {\n  paragraph: 'Normal',\n  'heading-1': 'Heading 1',\n  'heading-2': 'Heading 2',\n  'heading-3': 'Heading 3',\n  'heading-4': 'Heading 4',\n  '': 'Normal'\n};\n\nconst getTextCommand = (num: number, osx: boolean) => {\n  return getKeyCommand(osx, ({ ctrl, alt }) => `${ctrl}${alt}${num}`);\n};\n\nconst getTextFormats = (\n  osx: boolean\n): { text: string; subText: string; type: Element['type'] }[] => {\n  return [\n    { text: 'Normal', subText: getTextCommand(0, osx), type: 'paragraph' },\n    { text: 'Heading 1', subText: getTextCommand(1, osx), type: 'heading-1' },\n    { text: 'Heading 2', subText: getTextCommand(2, osx), type: 'heading-2' },\n    { text: 'Heading 3', subText: getTextCommand(3, osx), type: 'heading-3' },\n    { text: 'Heading 4', subText: getTextCommand(4, osx), type: 'heading-4' }\n  ];\n};\n\nconst TextSelect: FC<{ osx: boolean }> = ({ osx }) => {\n  const t = useI18n();\n  const { disabled } = useRTEContext();\n  const [open, setOpen] = useState(false);\n  const selecting = useRef(false);\n  const openedByClick = useRef(false);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const popoverRef = useRef(null);\n  const menuRef = useRef(null);\n  const editor = useSlate();\n\n  const textFormats = useCallback(() => {\n    return getTextFormats(osx);\n  }, [osx])();\n\n  useOuterEvent('click', [buttonRef, popoverRef, menuRef], () => {\n    setOpen(false);\n  });\n\n  const onTextSelect = (type: Element['type'], e: MouseEvent) => {\n    e.stopPropagation();\n    e.preventDefault();\n    EditorCommands.setBlock(type, editor);\n    if (!openedByClick.current) {\n      buttonRef.current?.focus();\n    }\n    setOpen(false);\n    selecting.current = true;\n    setTimeout(() => {\n      if (!ReactEditor.isFocused(editor) && openedByClick.current) {\n        const selection = editor.selection;\n        ReactEditor.focus(editor);\n        if (selection) Transforms.select(editor, selection);\n      }\n    }, 0);\n  };\n\n  return (\n    <>\n      <StyledTextSelect\n        variant='simple'\n        type='button'\n        disabled={disabled}\n        icon={false}\n        ref={buttonRef}\n        onMouseDown={(e: MouseEvent) => {\n          e.preventDefault();\n          e.stopPropagation();\n          setOpen(true);\n          openedByClick.current = true;\n        }}\n        onKeyDown={(e: KeyboardEvent) => {\n          if (e.key === 'Enter' && !selecting.current) {\n            e.preventDefault();\n            setOpen(true);\n            openedByClick.current = false;\n          } else if (e.key === 'Enter') {\n            e.preventDefault();\n            selecting.current = false;\n          } else if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {\n            setOpen(false);\n          }\n        }}\n        onFocus={(e: FocusEvent) => {\n          e.preventDefault();\n          e.stopPropagation();\n        }}\n        onClick={(e: MouseEvent) => e.stopPropagation()}\n        aria-expanded={open}\n        aria-label={`Text formatting toolbar. ${t('rte_heading_style')}. ${\n          textMapping[EditorCommands.getActiveBlockType(editor)]\n        } selected`}\n        aria-haspopup\n      >\n        <span>{textMapping[EditorCommands.getActiveBlockType(editor)]}</span>\n        <Icon name='arrow-micro-down' />\n      </StyledTextSelect>\n      {buttonRef.current && (\n        <Tooltip target={buttonRef.current} showDelay='none' hideDelay='none'>\n          {t('rte_heading_style')}\n        </Tooltip>\n      )}\n      <Popover\n        show={open}\n        as={StyledSelectMenu}\n        target={buttonRef.current}\n        placement='bottom-start'\n        ref={popoverRef}\n      >\n        <Menu\n          items={textFormats.map(({ text, type, subText }) => ({\n            id: type,\n            primary: text,\n            secondary: [subText],\n            selected: type === EditorCommands.getActiveBlockType(editor)\n          }))}\n          focusControlEl={buttonRef.current || undefined}\n          focusElOnClose={false}\n          mode='single-select'\n          ref={menuRef}\n          onItemClick={onTextSelect as (id: string, e: MouseEvent) => void}\n        />\n      </Popover>\n    </>\n  );\n};\n\nexport default TextSelect;\n"]}

package/lib/components/RichTextEditor/Toolbar/Toolbar.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-import { Features } from './Toolbar.types';
-export interface ToolbarProps {
-    features: Features[];
-    sticky?: boolean;
-    setFocusableBtn: (el: HTMLElement) => void;
-}
-declare const Toolbar: FC<ToolbarProps>;
-export default Toolbar;
-//# sourceMappingURL=Toolbar.d.ts.map

package/lib/components/RichTextEditor/Toolbar/Toolbar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAmBxD,OAAO,EAAa,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAuBtD,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,QAAQ,EAAE,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAC;CAC5C;AAyID,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA4E7B,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/components/RichTextEditor/Toolbar/Toolbar.js

@@ -1,140 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useRef } from 'react';
-import { useSlate, useFocused, ReactEditor } from 'slate-react';
-import styled, { css } from 'styled-components';
-import { Flex, Icon, useArrows, useI18n, defaultThemeProp } from '@pega/cosmos-react-core';
-import EditorCommands from '../utils/EditorCommands';
-import ListCommands from '../utils/ListCommands';
-import ToolbarButton from './ToolbarButton';
-import TableButton from './TableButton';
-import AnchorButton from './AnchorButton';
-import ImageButton from './ImageButton';
-import TextSelect from './TextSelect';
-import IndentButton from './IndentButton';
-import { getKeyCommand } from './utils';
-const StyledToolbar = styled.div `
-  background-color: ${props => props.theme.base.palette['primary-background']};
-  border-radius: calc(0.25 * ${props => props.theme.base['border-radius']});
-  overflow: auto;
-  padding: 0.125rem;
-  ${props => props.sticky &&
-    css `
-      position: sticky;
-      bottom: 0;
-    `}
-`;
-StyledToolbar.defaultProps = defaultThemeProp;
-// Function that returns the text styling buttons
-function renderStyleButtons(editor, t, focused, osx) {
-    const inlineStyleButtons = [
-        {
-            style: 'BOLD',
-            text: 'B',
-            format: 'bold',
-            label: t('rte_bold'),
-            tooltip: getKeyCommand(osx, ({ ctrl, shift }) => `${t('rte_bold')} (${ctrl}B, ${ctrl}${shift}B)`)
-        },
-        {
-            style: 'ITALIC',
-            text: 'I',
-            format: 'italic',
-            label: t('rte_italic'),
-            tooltip: getKeyCommand(osx, ({ ctrl, shift }) => `${t('rte_italic')} (${ctrl}I, ${ctrl}${shift}I)`)
-        },
-        {
-            style: 'STRIKE-THROUGH',
-            text: 'S',
-            format: 'line-through',
-            label: t('rte_strike_through'),
-            tooltip: getKeyCommand(osx, ({ ctrl, shift }) => `${t('rte_strike_through')} (${ctrl}${shift}X)`)
-        }
-    ];
-    return inlineStyleButtons.map(({ format, style, text, label, tooltip }) => {
-        return (_jsx(ToolbarButton, { onMouseDown: e => {
-                e.preventDefault();
-                if (!focused) {
-                    ReactEditor.focus(editor);
-                }
-                setTimeout(() => {
-                    EditorCommands.toggleFormat(format, editor);
-                }, 0);
-            }, styleType: style, active: EditorCommands.isFormatActive(format, editor), tooltip: tooltip, label: label, children: text }, style));
-    });
-}
-// Function that returns the cut, copy and paste buttons
-function renderCutCopyPaste(editor, t, osx) {
-    const CutCopyPasteButtons = [
-        {
-            text: 'Cut',
-            icon: 'scissors',
-            label: t('rte_cut'),
-            func: () => {
-                document.execCommand('cut');
-            },
-            tooltip: getKeyCommand(osx, ({ ctrl }) => `${t('rte_cut')} (${ctrl}X)`)
-        },
-        {
-            text: 'Copy',
-            icon: 'copy',
-            label: t('rte_copy'),
-            func: () => {
-                document.execCommand('copy');
-            },
-            tooltip: getKeyCommand(osx, ({ ctrl }) => `${t('rte_copy')} (${ctrl}C)`)
-        },
-        {
-            text: 'Paste',
-            icon: 'clipboard-data',
-            label: t('rte_paste'),
-            func: () => {
-                navigator.clipboard.readText().then(text => {
-                    EditorCommands.replaceWithText(editor, editor.selection, text);
-                });
-            },
-            tooltip: getKeyCommand(osx, ({ ctrl }) => `${t('rte_paste')} (${ctrl}V)`)
-        }
-    ];
-    return CutCopyPasteButtons.map(btn => {
-        return (_jsx(ToolbarButton, { onMouseDown: e => {
-                e.preventDefault();
-                btn.func();
-            }, tooltip: btn.tooltip, label: btn.label, children: _jsx(Icon, { name: btn.icon }, void 0) }, btn.text));
-    });
-}
-// Takes the features array and transforms it into a map for faster lookup
-function createActiveFeaturesMap(features) {
-    return features.reduce((acc, feature) => {
-        return { ...acc, [feature]: true };
-    }, {});
-}
-const Toolbar = (props) => {
-    const { features, sticky, setFocusableBtn } = props;
-    const editor = useSlate();
-    const focused = useFocused();
-    const t = useI18n();
-    const [osx, setOsx] = useState(false);
-    const toolbarRef = useRef(null);
-    useArrows(toolbarRef, { selector: 'button', dir: 'left-right' });
-    const [activeFeatures, setActiveFeatures] = useState(createActiveFeaturesMap(features));
-    useEffect(() => {
-        const btn = toolbarRef?.current?.querySelector('button');
-        if (btn)
-            setFocusableBtn(btn);
-    }, [toolbarRef.current]);
-    useEffect(() => {
-        setActiveFeatures(createActiveFeaturesMap(features));
-    }, [features]);
-    useEffect(() => {
-        if (navigator.appVersion.includes('Mac'))
-            setOsx(true);
-    }, []);
-    return (_jsxs(Flex, { as: StyledToolbar, sticky: sticky, container: { justify: 'between' }, ref: toolbarRef, children: [_jsxs(Flex, { container: { alignItems: 'end' }, children: [_jsx(TextSelect, { osx: osx }, void 0), activeFeatures['inline-styling'] && renderStyleButtons(editor, t, focused, osx), activeFeatures.lists && (_jsxs(_Fragment, { children: [_jsx(ToolbarButton, { onMouseDown: e => {
-                                    e.preventDefault();
-                                    ListCommands.toggleList('unordered-list', editor);
-                                }, active: EditorCommands.isBlockActive('unordered-list', editor), tooltip: getKeyCommand(osx, ({ ctrl, shift }) => `${t('rte_bulleted_list')} (${ctrl}${shift}L)`), label: t('rte_bulleted_list'), children: _jsx(Icon, { name: 'list' }, void 0) }, void 0), _jsx(ToolbarButton, { onMouseDown: e => {
-                                    e.preventDefault();
-                                    ListCommands.toggleList('ordered-list', editor);
-                                }, active: EditorCommands.isBlockActive('ordered-list', editor), tooltip: t('rte_numbered_list'), label: t('rte_numbered_list'), children: _jsx(Icon, { name: 'list-number' }, void 0) }, void 0)] }, void 0)), activeFeatures.indentation && (_jsxs(_Fragment, { children: [_jsx(IndentButton, { type: 'indent', osx: osx }, void 0), _jsx(IndentButton, { type: 'unindent', osx: osx }, void 0)] }, void 0)), activeFeatures.tables && _jsx(TableButton, {}, void 0)] }, void 0), _jsxs(Flex, { container: { alignItems: 'end' }, children: [activeFeatures.links && _jsx(AnchorButton, { osx: osx }, void 0), activeFeatures.images && _jsx(ImageButton, {}, void 0)] }, void 0), activeFeatures['cut-copy-paste'] && (_jsx(Flex, { container: { alignItems: 'end' }, children: renderCutCopyPaste(editor, t, osx) }, void 0))] }, void 0));
-};
-export default Toolbar;
-//# sourceMappingURL=Toolbar.js.map

package/lib/components/RichTextEditor/Toolbar/Toolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/Toolbar/Toolbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, useState, useEffect, useRef } from 'react';\nimport { Text } from 'slate';\nimport { useSlate, useFocused, ReactEditor } from 'slate-react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Flex,\n  Icon,\n  useArrows,\n  useI18n,\n  defaultThemeProp,\n  TranslationPack\n} from '@pega/cosmos-react-core';\nimport { TranslationFunction } from '@pega/cosmos-react-core/lib/i18n/translate';\n\nimport EditorCommands from '../utils/EditorCommands';\nimport ListCommands from '../utils/ListCommands';\n\nimport ToolbarButton from './ToolbarButton';\nimport { StyleType, Features } from './Toolbar.types';\nimport TableButton from './TableButton';\nimport AnchorButton from './AnchorButton';\nimport ImageButton from './ImageButton';\nimport TextSelect from './TextSelect';\nimport IndentButton from './IndentButton';\nimport { getKeyCommand } from './utils';\n\nconst StyledToolbar = styled.div<{ sticky?: boolean }>`\n  background-color: ${props => props.theme.base.palette['primary-background']};\n  border-radius: calc(0.25 * ${props => props.theme.base['border-radius']});\n  overflow: auto;\n  padding: 0.125rem;\n  ${props =>\n    props.sticky &&\n    css`\n      position: sticky;\n      bottom: 0;\n    `}\n`;\n\nStyledToolbar.defaultProps = defaultThemeProp;\n\nexport interface ToolbarProps {\n  features: Features[];\n  sticky?: boolean;\n  setFocusableBtn: (el: HTMLElement) => void;\n}\n\ntype StyleButtonType = {\n  style: StyleType;\n  text: string;\n  icon?: string;\n  label?: string;\n  format: Exclude<keyof Text, 'text'>;\n  tooltip: string;\n};\n\n// Function that returns the text styling buttons\nfunction renderStyleButtons(\n  editor: ReactEditor,\n  t: TranslationFunction<TranslationPack>,\n  focused: boolean,\n  osx: boolean\n) {\n  const inlineStyleButtons: StyleButtonType[] = [\n    {\n      style: 'BOLD',\n      text: 'B',\n      format: 'bold',\n      label: t('rte_bold'),\n      tooltip: getKeyCommand(\n        osx,\n        ({ ctrl, shift }) => `${t('rte_bold')} (${ctrl}B, ${ctrl}${shift}B)`\n      )\n    },\n    {\n      style: 'ITALIC',\n      text: 'I',\n      format: 'italic',\n      label: t('rte_italic'),\n      tooltip: getKeyCommand(\n        osx,\n        ({ ctrl, shift }) => `${t('rte_italic')} (${ctrl}I, ${ctrl}${shift}I)`\n      )\n    },\n    {\n      style: 'STRIKE-THROUGH',\n      text: 'S',\n      format: 'line-through',\n      label: t('rte_strike_through'),\n      tooltip: getKeyCommand(\n        osx,\n        ({ ctrl, shift }) => `${t('rte_strike_through')} (${ctrl}${shift}X)`\n      )\n    }\n  ];\n\n  return inlineStyleButtons.map(({ format, style, text, label, tooltip }) => {\n    return (\n      <ToolbarButton\n        key={style}\n        onMouseDown={e => {\n          e.preventDefault();\n          if (!focused) {\n            ReactEditor.focus(editor);\n          }\n          setTimeout(() => {\n            EditorCommands.toggleFormat(format, editor);\n          }, 0);\n        }}\n        styleType={style}\n        active={EditorCommands.isFormatActive(format, editor)}\n        tooltip={tooltip}\n        label={label}\n      >\n        {text}\n      </ToolbarButton>\n    );\n  });\n}\n\n// Function that returns the cut, copy and paste buttons\nfunction renderCutCopyPaste(\n  editor: ReactEditor,\n  t: TranslationFunction<TranslationPack>,\n  osx: boolean\n) {\n  const CutCopyPasteButtons = [\n    {\n      text: 'Cut',\n      icon: 'scissors',\n      label: t('rte_cut'),\n      func: () => {\n        document.execCommand('cut');\n      },\n      tooltip: getKeyCommand(osx, ({ ctrl }) => `${t('rte_cut')} (${ctrl}X)`)\n    },\n    {\n      text: 'Copy',\n      icon: 'copy',\n      label: t('rte_copy'),\n      func: () => {\n        document.execCommand('copy');\n      },\n      tooltip: getKeyCommand(osx, ({ ctrl }) => `${t('rte_copy')} (${ctrl}C)`)\n    },\n    {\n      text: 'Paste',\n      icon: 'clipboard-data',\n      label: t('rte_paste'),\n      func: () => {\n        navigator.clipboard.readText().then(text => {\n          EditorCommands.replaceWithText(editor, editor.selection, text);\n        });\n      },\n      tooltip: getKeyCommand(osx, ({ ctrl }) => `${t('rte_paste')} (${ctrl}V)`)\n    }\n  ];\n\n  return CutCopyPasteButtons.map(btn => {\n    return (\n      <ToolbarButton\n        onMouseDown={e => {\n          e.preventDefault();\n          btn.func();\n        }}\n        key={btn.text}\n        tooltip={btn.tooltip}\n        label={btn.label}\n      >\n        <Icon name={btn.icon} />\n      </ToolbarButton>\n    );\n  });\n}\n\n// Takes the features array and transforms it into a map for faster lookup\nfunction createActiveFeaturesMap(features: Features[]) {\n  return features.reduce((acc, feature) => {\n    return { ...acc, [feature]: true };\n  }, {} as { [F in Features]: boolean });\n}\n\nconst Toolbar: FC<ToolbarProps> = (props: ToolbarProps) => {\n  const { features, sticky, setFocusableBtn } = props;\n  const editor = useSlate();\n  const focused = useFocused();\n  const t = useI18n();\n  const [osx, setOsx] = useState(false);\n  const toolbarRef = useRef<HTMLElement>(null);\n\n  useArrows(toolbarRef, { selector: 'button', dir: 'left-right' });\n\n  const [activeFeatures, setActiveFeatures] = useState(createActiveFeaturesMap(features));\n\n  useEffect(() => {\n    const btn = toolbarRef?.current?.querySelector('button');\n    if (btn) setFocusableBtn(btn);\n  }, [toolbarRef.current]);\n\n  useEffect(() => {\n    setActiveFeatures(createActiveFeaturesMap(features));\n  }, [features]);\n\n  useEffect(() => {\n    if (navigator.appVersion.includes('Mac')) setOsx(true);\n  }, []);\n\n  return (\n    <Flex as={StyledToolbar} sticky={sticky} container={{ justify: 'between' }} ref={toolbarRef}>\n      <Flex container={{ alignItems: 'end' }}>\n        <TextSelect osx={osx} />\n        {activeFeatures['inline-styling'] && renderStyleButtons(editor, t, focused, osx)}\n        {activeFeatures.lists && (\n          <>\n            <ToolbarButton\n              onMouseDown={e => {\n                e.preventDefault();\n                ListCommands.toggleList('unordered-list', editor);\n              }}\n              active={EditorCommands.isBlockActive('unordered-list', editor)}\n              tooltip={getKeyCommand(\n                osx,\n                ({ ctrl, shift }) => `${t('rte_bulleted_list')} (${ctrl}${shift}L)`\n              )}\n              label={t('rte_bulleted_list')}\n            >\n              <Icon name='list' />\n            </ToolbarButton>\n            <ToolbarButton\n              onMouseDown={e => {\n                e.preventDefault();\n                ListCommands.toggleList('ordered-list', editor);\n              }}\n              active={EditorCommands.isBlockActive('ordered-list', editor)}\n              tooltip={t('rte_numbered_list')}\n              label={t('rte_numbered_list')}\n            >\n              <Icon name='list-number' />\n            </ToolbarButton>\n          </>\n        )}\n        {activeFeatures.indentation && (\n          <>\n            <IndentButton type='indent' osx={osx} />\n            <IndentButton type='unindent' osx={osx} />\n          </>\n        )}\n        {activeFeatures.tables && <TableButton />}\n      </Flex>\n      <Flex container={{ alignItems: 'end' }}>\n        {activeFeatures.links && <AnchorButton osx={osx} />}\n        {activeFeatures.images && <ImageButton />}\n      </Flex>\n      {activeFeatures['cut-copy-paste'] && (\n        <Flex container={{ alignItems: 'end' }}>{renderCutCopyPaste(editor, t, osx)}</Flex>\n      )}\n    </Flex>\n  );\n};\n\nexport default Toolbar;\n"]}

package/lib/components/RichTextEditor/Toolbar/Toolbar.types.d.ts

@@ -1,9 +0,0 @@
-export declare type StyleType = 'BOLD' | 'ITALIC' | 'STRIKE-THROUGH' | 'HEADER-1' | 'HEADER-2';
-export declare type StyleMapType<T = any> = {
-    [S in StyleType]: T;
-};
-export declare type PartialStyleMapType<T = any> = {
-    [S in StyleType]?: T;
-};
-export declare type Features = 'lists' | 'headers' | 'inline-styling' | 'images' | 'links' | 'tables' | 'cut-copy-paste' | 'indentation';
-//# sourceMappingURL=Toolbar.types.d.ts.map

package/lib/components/RichTextEditor/Toolbar/Toolbar.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toolbar.types.d.ts","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/Toolbar/Toolbar.types.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,gBAAgB,GAAG,UAAU,GAAG,UAAU,CAAC;AACvF,oBAAY,YAAY,CAAC,CAAC,GAAG,GAAG,IAAI;KAAG,CAAC,IAAI,SAAS,GAAG,CAAC;CAAE,CAAC;AAC5D,oBAAY,mBAAmB,CAAC,CAAC,GAAG,GAAG,IAAI;KAAG,CAAC,IAAI,SAAS,CAAC,CAAC,EAAE,CAAC;CAAE,CAAC;AACpE,oBAAY,QAAQ,GAChB,OAAO,GACP,SAAS,GACT,gBAAgB,GAChB,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,gBAAgB,GAChB,aAAa,CAAC"}

package/lib/components/RichTextEditor/Toolbar/Toolbar.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Toolbar.types.js.map

package/lib/components/RichTextEditor/Toolbar/Toolbar.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toolbar.types.js","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/Toolbar/Toolbar.types.ts"],"names":[],"mappings":"","sourcesContent":["export type StyleType = 'BOLD' | 'ITALIC' | 'STRIKE-THROUGH' | 'HEADER-1' | 'HEADER-2';\nexport type StyleMapType<T = any> = { [S in StyleType]: T };\nexport type PartialStyleMapType<T = any> = { [S in StyleType]?: T };\nexport type Features =\n  | 'lists'\n  | 'headers'\n  | 'inline-styling'\n  | 'images'\n  | 'links'\n  | 'tables'\n  | 'cut-copy-paste'\n  | 'indentation';\n"]}

package/lib/components/RichTextEditor/Toolbar/ToolbarButton.d.ts

@@ -1,14 +0,0 @@
-import { FC, KeyboardEvent, MouseEvent } from 'react';
-import { ForwardProps } from '@pega/cosmos-react-core';
-import { StyleType } from './Toolbar.types';
-export interface ToolBarButtonProps {
-    tooltip?: string;
-    active?: boolean;
-    styleType?: StyleType;
-    disabled?: boolean;
-    label?: string;
-    onMouseDown?: (e: MouseEvent | KeyboardEvent) => void;
-}
-declare const ToolbarButton: FC<ToolBarButtonProps & ForwardProps>;
-export default ToolbarButton;
-//# sourceMappingURL=ToolbarButton.d.ts.map

package/lib/components/RichTextEditor/Toolbar/ToolbarButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarButton.d.ts","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/Toolbar/ToolbarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAc,aAAa,EAAE,UAAU,EAAO,MAAM,OAAO,CAAC;AAIvE,OAAO,EAEL,YAAY,EAKb,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,GAAG,aAAa,KAAK,IAAI,CAAC;CACvD;AAsDD,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,GAAG,YAAY,CAmCxD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/RichTextEditor/Toolbar/ToolbarButton.js

@@ -1,66 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { mix } from 'polished';
-import { defaultThemeProp, Tooltip, tryCatch, useConsolidatedRef, useElement } from '@pega/cosmos-react-core';
-import { useRTEContext } from '../RichTextEditor.context';
-const StyledToolbarButton = styled.button(props => {
-    const { active, theme, styleType } = props;
-    const size = `calc(4 * ${props.theme.base.spacing})`;
-    const activeColor = tryCatch(() => mix(0.85, theme.base.palette['primary-background'], theme.base.palette.interactive));
-    return css `
-    background-color: ${active ? activeColor : 'transparent'};
-    border: none;
-    color: ${active ? theme.base.palette.interactive : theme.base.palette['foreground-color']};
-    outline: none;
-    display: inline-flex;
-    line-height: 1;
-    align-items: center;
-    justify-content: center;
-    height: ${size};
-    min-width: ${size};
-    opacity: ${active ? 'inherit' : '0.7'};
-    cursor: pointer;
-
-    &:focus {
-      box-shadow: ${theme.base.shadow.focus};
-    }
-
-    &:hover {
-      opacity: 1;
-    }
-
-    &:disabled {
-      cursor: not-allowed;
-      box-shadow: none;
-    }
-
-    ${styleType === 'BOLD' &&
-        css `
-      font-weight: bold;
-    `}
-
-    ${styleType === 'ITALIC' &&
-        css `
-      font-style: italic;
-    `}
-
-    ${styleType === 'STRIKE-THROUGH' &&
-        css `
-      text-decoration: line-through;
-    `}
-  `;
-});
-StyledToolbarButton.defaultProps = defaultThemeProp;
-const ToolbarButton = forwardRef(({ tooltip, active, styleType, disabled, label, onMouseDown, ...restProps }, ref) => {
-    const { disabled: contextDisabled } = useRTEContext();
-    const [el, setEl] = useElement();
-    const toolBarRef = useConsolidatedRef(setEl, ref);
-    return (_jsxs(_Fragment, { children: [_jsx(StyledToolbarButton, { active: active, styleType: styleType, ref: toolBarRef, disabled: contextDisabled || disabled, tabIndex: -1, onKeyPress: (e) => {
-                    if (e.key === 'Enter') {
-                        onMouseDown?.(e);
-                    }
-                }, onMouseDown: onMouseDown, type: 'button', "aria-label": `${label} ${active ? 'active' : ''}`, "aria-pressed": active, ...restProps }, void 0), el && tooltip && (_jsx(Tooltip, { target: el, showDelay: 'none', hideDelay: 'none', children: tooltip }, void 0))] }, void 0));
-});
-export default ToolbarButton;
-//# sourceMappingURL=ToolbarButton.js.map

package/lib/components/RichTextEditor/Toolbar/ToolbarButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarButton.js","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/Toolbar/ToolbarButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, forwardRef, KeyboardEvent, MouseEvent, Ref } from 'react';\nimport styled, { css } from 'styled-components';\nimport { mix } from 'polished';\n\nimport {\n  defaultThemeProp,\n  ForwardProps,\n  Tooltip,\n  tryCatch,\n  useConsolidatedRef,\n  useElement\n} from '@pega/cosmos-react-core';\n\nimport { useRTEContext } from '../RichTextEditor.context';\n\nimport { StyleType } from './Toolbar.types';\n\nexport interface ToolBarButtonProps {\n  tooltip?: string;\n  active?: boolean;\n  styleType?: StyleType;\n  disabled?: boolean;\n  label?: string;\n  onMouseDown?: (e: MouseEvent | KeyboardEvent) => void;\n}\n\nconst StyledToolbarButton = styled.button<ToolBarButtonProps>(props => {\n  const { active, theme, styleType } = props;\n  const size = `calc(4 * ${props.theme.base.spacing})`;\n  const activeColor = tryCatch(() =>\n    mix(0.85, theme.base.palette['primary-background'], theme.base.palette.interactive)\n  );\n  return css`\n    background-color: ${active ? activeColor : 'transparent'};\n    border: none;\n    color: ${active ? theme.base.palette.interactive : theme.base.palette['foreground-color']};\n    outline: none;\n    display: inline-flex;\n    line-height: 1;\n    align-items: center;\n    justify-content: center;\n    height: ${size};\n    min-width: ${size};\n    opacity: ${active ? 'inherit' : '0.7'};\n    cursor: pointer;\n\n    &:focus {\n      box-shadow: ${theme.base.shadow.focus};\n    }\n\n    &:hover {\n      opacity: 1;\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n      box-shadow: none;\n    }\n\n    ${styleType === 'BOLD' &&\n    css`\n      font-weight: bold;\n    `}\n\n    ${styleType === 'ITALIC' &&\n    css`\n      font-style: italic;\n    `}\n\n    ${styleType === 'STRIKE-THROUGH' &&\n    css`\n      text-decoration: line-through;\n    `}\n  `;\n});\n\nStyledToolbarButton.defaultProps = defaultThemeProp;\n\nconst ToolbarButton: FC<ToolBarButtonProps & ForwardProps> = forwardRef(\n  (\n    { tooltip, active, styleType, disabled, label, onMouseDown, ...restProps },\n    ref: Ref<HTMLButtonElement>\n  ) => {\n    const { disabled: contextDisabled } = useRTEContext();\n    const [el, setEl] = useElement();\n    const toolBarRef = useConsolidatedRef<HTMLButtonElement>(setEl, ref);\n    return (\n      <>\n        <StyledToolbarButton\n          active={active}\n          styleType={styleType}\n          ref={toolBarRef}\n          disabled={contextDisabled || disabled}\n          tabIndex={-1}\n          onKeyPress={(e: KeyboardEvent<HTMLButtonElement>) => {\n            if (e.key === 'Enter') {\n              onMouseDown?.(e);\n            }\n          }}\n          onMouseDown={onMouseDown}\n          type='button'\n          aria-label={`${label} ${active ? 'active' : ''}`}\n          aria-pressed={active}\n          {...restProps}\n        />\n        {el && tooltip && (\n          <Tooltip target={el} showDelay='none' hideDelay='none'>\n            {tooltip}\n          </Tooltip>\n        )}\n      </>\n    );\n  }\n);\n\nexport default ToolbarButton;\n"]}

package/lib/components/RichTextEditor/Toolbar/utils.d.ts

@@ -1,7 +0,0 @@
-export declare const getKeyCommand: (osx: boolean, func: (keys: {
-    ctrl: string;
-    alt: string;
-    shift: string;
-}) => string) => string;
-export default getKeyCommand;
-//# sourceMappingURL=utils.d.ts.map

package/lib/components/RichTextEditor/Toolbar/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/Toolbar/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,QACnB,OAAO,eACC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,KAAK,MAAM,KACnE,MAUF,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/RichTextEditor/Toolbar/utils.js

@@ -1,13 +0,0 @@
-export const getKeyCommand = (osx, func) => {
-    let ctrl = 'Ctrl + ';
-    let alt = 'Alt + ';
-    let shift = 'Shift + ';
-    if (osx) {
-        ctrl = '⌘';
-        alt = '⌥';
-        shift = '⇧';
-    }
-    return func({ ctrl, alt, shift });
-};
-export default getKeyCommand;
-//# sourceMappingURL=utils.js.map

package/lib/components/RichTextEditor/Toolbar/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/Toolbar/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,GAAY,EACZ,IAAoE,EAC5D,EAAE;IACV,IAAI,IAAI,GAAG,SAAS,CAAC;IACrB,IAAI,GAAG,GAAG,QAAQ,CAAC;IACnB,IAAI,KAAK,GAAG,UAAU,CAAC;IACvB,IAAI,GAAG,EAAE;QACP,IAAI,GAAG,GAAG,CAAC;QACX,GAAG,GAAG,GAAG,CAAC;QACV,KAAK,GAAG,GAAG,CAAC;KACb;IACD,OAAO,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC;AACpC,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["export const getKeyCommand = (\n  osx: boolean,\n  func: (keys: { ctrl: string; alt: string; shift: string }) => string\n): string => {\n  let ctrl = 'Ctrl + ';\n  let alt = 'Alt + ';\n  let shift = 'Shift + ';\n  if (osx) {\n    ctrl = '⌘';\n    alt = '⌥';\n    shift = '⇧';\n  }\n  return func({ ctrl, alt, shift });\n};\n\nexport default getKeyCommand;\n"]}

package/lib/components/RichTextEditor/index.d.ts

@@ -1,8 +0,0 @@
-export { default as RichTextEditor } from './RichTextEditor';
-export { default as RichTextViewer } from './RichTextViewer';
-export { RichTextEditorProps } from './RichTextEditor.types';
-export { RichTextEditorState } from './RichTextEditor.types';
-export { InteractionRenderers, MDMap, RichTextViewerProps, TokenMap } from './RichTextViewer.types';
-export { default as StyledRichTextEditor } from './RichTextEditor.styles';
-export { default as ToolbarButton } from './Toolbar/ToolbarButton';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/RichTextEditor/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RichTextEditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACpG,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC"}

package/lib/components/RichTextEditor/index.js

@@ -1,5 +0,0 @@
-export { default as RichTextEditor } from './RichTextEditor';
-export { default as RichTextViewer } from './RichTextViewer';
-export { default as StyledRichTextEditor } from './RichTextEditor.styles';
-export { default as ToolbarButton } from './Toolbar/ToolbarButton';
-//# sourceMappingURL=index.js.map

package/lib/components/RichTextEditor/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RichTextEditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAI7D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC","sourcesContent":["export { default as RichTextEditor } from './RichTextEditor';\nexport { default as RichTextViewer } from './RichTextViewer';\nexport { RichTextEditorProps } from './RichTextEditor.types';\nexport { RichTextEditorState } from './RichTextEditor.types';\nexport { InteractionRenderers, MDMap, RichTextViewerProps, TokenMap } from './RichTextViewer.types';\nexport { default as StyledRichTextEditor } from './RichTextEditor.styles';\nexport { default as ToolbarButton } from './Toolbar/ToolbarButton';\n"]}

package/lib/components/RichTextEditor/utils/EditorCommands.d.ts

@@ -1,33 +0,0 @@
-import { KeyboardEvent } from 'react';
-import { Editor, Range, NodeEntry, Node, Element, Text } from 'slate';
-declare const commands: {
-    isFormatActive: (format: Exclude<keyof Text, 'text'>, editor: Editor) => boolean;
-    toggleFormat: (format: Exclude<keyof Text, 'text'>, editor: Editor) => void;
-    isBlockActive: (format: Element['type'], editor: Editor) => boolean;
-    getActiveBlockType: (editor: Editor) => string;
-    setBlock: (format: Element['type'], editor: Editor) => void;
-    replaceWithText: (editor: Editor, target: Range | null, text: string) => void;
-    replaceWithNodes: (editor: Editor, target: Range | null, node: Node) => void;
-    getSelectedNode: (editor: Editor) => NodeEntry<Node>;
-    appendTable: (editor: Editor) => void;
-    appendImage: (editor: Editor, imageData: {
-        src: string;
-        alt: string;
-    }, id: string) => import("slate").BasePoint | null;
-    appendImagePlaceholder: (editor: Editor) => string;
-    createLink: (editor: Editor, text: string, url: string, selection: Range | null) => void;
-    checkImageEnter: (editor: Editor, e: KeyboardEvent) => void;
-    checkLinkBreak: (editor: Editor, e: KeyboardEvent) => void;
-    /**
-     * Turns the searchResult property off on the text node when any key is pressed while on a searchResult.
-     * Will delete the searchResult node if backspace key is hit.
-     * Will re-position cursor to the start/end of the searchResult if arrow navigation is used.
-     */
-    checkSearchDownKeys: (editor: Editor, e: KeyboardEvent) => void;
-    checkSearchUpKeys: (editor: Editor, e: KeyboardEvent) => void;
-    indent: (editor: Editor) => void;
-    unindent: (editor: Editor) => void;
-    checkKeyCommands: (editor: Editor, e: KeyboardEvent) => void;
-};
-export default commands;
-//# sourceMappingURL=EditorCommands.d.ts.map

package/lib/components/RichTextEditor/utils/EditorCommands.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditorCommands.d.ts","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/EditorCommands.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EACL,MAAM,EAEN,KAAK,EAEL,SAAS,EACT,IAAI,EACJ,OAAO,EACP,IAAI,EAEL,MAAM,OAAO,CAAC;AAYf,QAAA,MAAM,QAAQ;6BAEa,QAAQ,MAAM,IAAI,EAAE,MAAM,CAAC,UAAU,MAAM;2BAK7C,QAAQ,MAAM,IAAI,EAAE,MAAM,CAAC,UAAU,MAAM;4BAS1C,OAAO,CAAC,MAAM,CAAC,UAAU,MAAM;iCAQ1B,MAAM,KAAG,MAAM;uBAazB,OAAO,CAAC,MAAM,CAAC,UAAU,MAAM;8BAIxB,MAAM,UAAU,KAAK,GAAG,IAAI,QAAQ,MAAM;+BAQzC,MAAM,UAAU,KAAK,GAAG,IAAI,QAAQ,IAAI;8BAQzC,MAAM;0BASV,MAAM;0BA0CN,MAAM,aAAa;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,MAAM,MAAM;qCAkBhD,MAAM,KAAG,MAAM;yBAgB3B,MAAM,QAAQ,MAAM,OAAO,MAAM,aAAa,KAAK,GAAG,IAAI;8BAuCrD,MAAM,KAAK,aAAa;6BAsBzB,MAAM,KAAK,aAAa;IAUjD;;;;OAIG;kCAC2B,MAAM,KAAK,aAAa;gCAiE1B,MAAM,KAAK,aAAa;qBA4CnC,MAAM;uBAiBJ,MAAM;+BAsBE,MAAM,KAAK,aAAa;CA4DpD,CAAC;AAEF,eAAe,QAAQ,CAAC"}