@pega/cosmos-react-rte 4.0.0-dev.19.1 → 4.0.0-dev.19.3

package/lib/components/DynamicContentEditor/DynamicContentEditor.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent } from 'react';
+import { ForwardProps } from '@pega/cosmos-react-core';
+import { DynamicContentEditorProps } from './DynamicContentEditor.types';
+export declare const StyledSearchPopover: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    offset?: number | undefined;
+}, never>;
+declare const DynamicContentEditor: FunctionComponent<DynamicContentEditorProps & ForwardProps>;
+export default DynamicContentEditor;
+//# sourceMappingURL=DynamicContentEditor.d.ts.map

package/lib/components/DynamicContentEditor/DynamicContentEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicContentEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicContentEditor/DynamicContentEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAgD,MAAM,OAAO,CAAC;AAIpG,OAAO,EAGL,YAAY,EAab,MAAM,yBAAyB,CAAC;AAKjC,OAAO,EAAE,yBAAyB,EAAY,MAAM,8BAA8B,CAAC;AAOnF,eAAO,MAAM,mBAAmB;;SAE/B,CAAC;AAIF,QAAA,MAAM,oBAAoB,EAAE,iBAAiB,CAAC,yBAAyB,GAAG,YAAY,CA2TnF,CAAC;AAEJ,eAAe,oBAAoB,CAAC"}

package/lib/components/DynamicContentEditor/DynamicContentEditor.js

@@ -0,0 +1,239 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useRef, useEffect, useState } from 'react';
+import styled from 'styled-components';
+import { Button, defaultThemeProp, Menu, menuHelpers, Modal, Popover, StyledPopover, useModalManager, useConsolidatedRef, useI18n, useUID } from '@pega/cosmos-react-core';
+import { getKeyCommand } from '@pega/cosmos-react-rte/lib/components/RichTextEditor/Toolbar/utils';
+import { Editor } from '../Editor';
+import { pegaReferenceElementStyle, createPegaReferenceElement } from './PegaCustomElement';
+const StyledDynamicContentEditor = styled.div ``;
+export const StyledSearchPopover = styled(StyledPopover) `
+  min-width: 20rem;
+`;
+StyledDynamicContentEditor.defaultProps = defaultThemeProp;
+const DynamicContentEditor = forwardRef(({ form: { dynamicContentPicker, onSubmit }, onActiveFieldChange, label, toolbar, fieldItems, defaultValue, onBlur, ...restProps }, ref) => {
+    const menuID = useUID();
+    const { create } = useModalManager();
+    const t = useI18n();
+    const modalMethods = useRef();
+    const [editor, setEditor] = useState();
+    const [bookmark, setBookmark] = useState();
+    const [fieldMenuItems, setFieldMenuItems] = useState(fieldItems || []);
+    const [currentElementId, setCurrentElementId] = useState('');
+    const [currentElementContent, setCurrentElementContent] = useState('');
+    const [currentCursorPosition, setCurrentCursorPosition] = useState({
+        bottom: 0,
+        height: 0,
+        left: 0,
+        right: 0,
+        top: 0,
+        width: 0,
+        x: 0,
+        y: 0,
+        toJSON: () => { }
+    });
+    const [showFieldsPopover, setShowFieldsPopover] = useState(false);
+    const fieldPopoverRef = useRef(null);
+    const editorRef = useConsolidatedRef(ref);
+    const tooltip = getKeyCommand(navigator.appVersion.includes('Mac'), ({ ctrl }) => `${t('rte_insert_field')} (${ctrl}/)`);
+    const insertField = (field) => {
+        if (!editor)
+            return;
+        const fieldContent = `<pega-reference role="button" contenteditable="false" data-rule-type='field' data-rule-id=${field.id}>${field.text}</pega-reference>`;
+        if (bookmark) {
+            editor.selection.moveToBookmark(bookmark);
+            editor.selection.setContent(fieldContent);
+        }
+        else {
+            editor.insertContent(fieldContent);
+        }
+        modalMethods.current?.dismiss();
+    };
+    const modalProps = {
+        children: dynamicContentPicker,
+        heading: t('rte_insert_field'),
+        actions: (_jsxs(_Fragment, { children: [_jsx(Button, { variant: 'secondary', onClick: () => modalMethods.current?.dismiss(), children: t('cancel') }), _jsx(Button, { variant: 'primary', onClick: () => onSubmit(insertField), children: t('submit') })] })),
+        center: true,
+        onAfterClose: () => {
+            setBookmark(undefined);
+            setCurrentElementId('');
+            setCurrentElementContent('');
+            onActiveFieldChange({ id: '', text: '' });
+        },
+        onBeforeOpen: () => {
+            if (currentElementId) {
+                onActiveFieldChange({ id: currentElementId, text: currentElementContent });
+            }
+        }
+    };
+    const findAndRenameField = (fieldId) => {
+        if (!editor || !fieldMenuItems)
+            return;
+        const selectedRange = editor.selection.getRng();
+        const endOffset = selectedRange.endOffset;
+        const stringToSearch = selectedRange.commonAncestorContainer.nodeValue?.slice(0, endOffset);
+        if (stringToSearch === undefined)
+            return;
+        const splitSearch = stringToSearch.split(' ');
+        const fieldString = splitSearch[splitSearch.length - 1];
+        const range = editor.getDoc().createRange();
+        const startPos = stringToSearch.lastIndexOf(fieldString);
+        const endPos = startPos + fieldString.length;
+        range.setStart(selectedRange.commonAncestorContainer, startPos);
+        range.setEnd(selectedRange.commonAncestorContainer, endPos);
+        editor.getDoc().getSelection()?.removeAllRanges();
+        editor.getDoc().getSelection()?.addRange(range);
+        const selectedField = menuHelpers.getItem(fieldMenuItems, fieldId);
+        if (selectedField) {
+            editor.selection.setContent(`<pega-reference role="button" contenteditable="false" data-rule-type="field" data-rule-id=".${selectedField.id}">${selectedField.primary}</pega-reference>`);
+            setShowFieldsPopover(false);
+        }
+    };
+    const hidePopover = () => {
+        if (fieldPopoverRef)
+            setShowFieldsPopover(false);
+    };
+    const filterFieldMenu = (searchString) => {
+        setShowFieldsPopover(true);
+        setFieldMenuItems(fieldItems || []);
+        if (/\s/.test(searchString)) {
+            setShowFieldsPopover(false);
+            return;
+        }
+        if (searchString && fieldMenuItems) {
+            const newFieldMenuItems = menuHelpers
+                .flatten(fieldMenuItems)
+                .filter(({ primary }) => primary.toLowerCase().startsWith(searchString.toLocaleLowerCase()));
+            if (newFieldMenuItems) {
+                setShowFieldsPopover(true);
+                setFieldMenuItems(newFieldMenuItems);
+            }
+            else
+                setShowFieldsPopover(false);
+        }
+    };
+    const updateBookmarkAndCurrentElement = (editorSelection) => {
+        const targetEl = editorSelection.getNode();
+        const fieldId = targetEl.getAttribute('data-rule-id');
+        const fieldValue = targetEl.innerText;
+        setBookmark(editorSelection.getBookmark());
+        setCurrentElementId(fieldId || '');
+        setCurrentElementContent(fieldValue);
+    };
+    const handleElementClick = ({ target }) => {
+        if (editor && target && target.tagName === 'PEGA-REFERENCE') {
+            updateBookmarkAndCurrentElement(editor.selection);
+        }
+        hidePopover();
+    };
+    const onInsertField = (incEditor) => {
+        const targetEl = incEditor.selection.getNode();
+        if (targetEl.tagName === 'PEGA-REFERENCE') {
+            updateBookmarkAndCurrentElement(incEditor.selection);
+        }
+        else {
+            modalMethods.current = create(Modal, modalProps);
+        }
+    };
+    const isPegaRefActive = (incEditor) => {
+        const targetEl = incEditor.selection.getNode();
+        return targetEl.tagName === 'PEGA-REFERENCE';
+    };
+    const fieldSelectionPopover = (_jsx(Popover, { show: showFieldsPopover, strategy: 'fixed', ref: fieldPopoverRef, target: {
+            getBoundingClientRect() {
+                return currentCursorPosition;
+            }
+        }, modifiers: [
+            {
+                name: 'offset',
+                options: {
+                    offset: () => {
+                        const iframe = editorRef.current?.element?.querySelector('iframe');
+                        const iframeRect = iframe?.getBoundingClientRect();
+                        const x = iframeRect?.x ?? 0;
+                        const y = iframeRect?.y ?? 0;
+                        return [x, y];
+                    }
+                }
+            }
+        ], placement: 'bottom-start', children: fieldMenuItems && (_jsx(Menu, { id: menuID, items: fieldMenuItems, as: StyledSearchPopover, focusControlEl: editor?.getBody() || undefined, mode: 'action', onItemClick: findAndRenameField, variant: 'drill-down' })) }));
+    useEffect(() => {
+        if (currentElementId && currentElementContent)
+            modalMethods.current = create(Modal, modalProps);
+    }, [currentElementId, currentElementContent]);
+    useEffect(() => {
+        editor?.getDoc().addEventListener('click', handleElementClick);
+        return () => {
+            editor?.getDoc().removeEventListener('click', handleElementClick);
+        };
+    }, [editor, editorRef.current]);
+    useEffect(() => {
+        if (modalMethods.current) {
+            modalMethods.current.update(modalProps);
+        }
+    }, [modalProps]);
+    const onEditorChange = (formEditor) => {
+        if (formEditor) {
+            const targetEl = formEditor.selection.getBoundingClientRect();
+            const { left = 0, top = 0 } = targetEl ?? {};
+            setCurrentCursorPosition({
+                ...formEditor.selection.getBoundingClientRect(),
+                x: left,
+                y: top,
+                toJSON: () => { }
+            });
+            if (formEditor.selection.isCollapsed()) {
+                // get the full line string
+                const selectedRange = formEditor.selection.getRng();
+                const endOffset = selectedRange.endOffset;
+                const stringToSearch = selectedRange.commonAncestorContainer.nodeValue?.slice(0, endOffset);
+                const fieldString = stringToSearch?.split(' ')[stringToSearch.split(' ').length - 1];
+                if (fieldString?.startsWith('@') &&
+                    fieldString.indexOf('@') === fieldString.lastIndexOf('@')) {
+                    filterFieldMenu(fieldString.slice(1));
+                }
+                else
+                    setShowFieldsPopover(false);
+            }
+        }
+    };
+    const onKeyDown = event => {
+        if ((event?.key === 'Enter' ||
+            event?.key === 'ArrowLeft' ||
+            event?.key === 'ArrowRight' ||
+            event?.key === 'ArrowDown' ||
+            event?.key === 'ArrowUp') &&
+            !!fieldPopoverRef.current) {
+            event?.preventDefault();
+        }
+        if (event?.key === 'Escape' && !!fieldPopoverRef.current) {
+            hidePopover();
+        }
+    };
+    return (_jsx(Editor, { ref: editorRef, ...restProps, label: label, toolbar: toolbar, customComponents: [
+            {
+                createCustomElement: createPegaReferenceElement,
+                name: 'pega-reference',
+                extensionAttributes: ['contenteditable'],
+                style: pegaReferenceElementStyle
+            }
+        ], customActions: [
+            {
+                icon: 'code',
+                text: tooltip,
+                onMouseDown: () => {
+                    modalMethods.current = create(Modal, modalProps);
+                },
+                active: isPegaRefActive,
+                shortcut: {
+                    pattern: 'meta+191',
+                    description: tooltip,
+                    command: onInsertField
+                }
+            }
+        ], onInit: setEditor, onChange: onEditorChange, onBlur: () => {
+            onBlur?.();
+            hidePopover();
+        }, onKeyDown: onKeyDown, defaultValue: defaultValue, children: fieldSelectionPopover }));
+});
+export default DynamicContentEditor;
+//# sourceMappingURL=DynamicContentEditor.js.map

package/lib/components/DynamicContentEditor/DynamicContentEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicContentEditor.js","sourceRoot":"","sources":["../../../src/components/DynamicContentEditor/DynamicContentEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpG,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,OAAO,EACL,MAAM,EACN,gBAAgB,EAEhB,IAAI,EACJ,WAAW,EAEX,KAAK,EAEL,OAAO,EAEP,aAAa,EACb,eAAe,EACf,kBAAkB,EAClB,OAAO,EACP,MAAM,EACP,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,oEAAoE,CAAC;AAEnG,OAAO,EAAE,MAAM,EAAe,MAAM,WAAW,CAAC;AAGhD,OAAO,EAAE,yBAAyB,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AAI5F,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAAuC,EAAE,CAAC;AAEvF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA;;CAEvD,CAAC;AAEF,0BAA0B,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE3D,MAAM,oBAAoB,GACxB,UAAU,CACR,CACE,EACE,IAAI,EAAE,EAAE,oBAAoB,EAAE,QAAQ,EAAE,EACxC,mBAAmB,EACnB,KAAK,EACL,OAAO,EACP,UAAU,EACV,YAAY,EACZ,MAAM,EACN,GAAG,SAAS,EAC+B,EAC7C,GAAqC,EACrC,EAAE;IACF,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC;IACxB,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAC;IACrC,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,MAAM,YAAY,GAAG,MAAM,EAAgB,CAAC;IAC5C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAA6B,CAAC;IAClE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAwB,CAAC;IACjE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAqB,UAAU,IAAI,EAAE,CAAC,CAAC;IAC3F,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7D,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvE,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC;QACjE,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;QACR,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;QACJ,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;KACjB,CAAC,CAAC;IACH,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE3E,MAAM,eAAe,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACrD,MAAM,SAAS,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAE1C,MAAM,OAAO,GAAG,aAAa,CAC3B,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,EACpC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,kBAAkB,CAAC,KAAK,IAAI,IAAI,CACpD,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAe,EAAE,EAAE;QACtC,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,MAAM,YAAY,GAAG,6FAA6F,KAAK,CAAC,EAAE,IAAI,KAAK,CAAC,IAAI,mBAAmB,CAAC;QAC5J,IAAI,QAAQ,EAAE;YACZ,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;YAC1C,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;SAC3C;aAAM;YACL,MAAM,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;SACpC;QAED,YAAY,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC;IAClC,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,QAAQ,EAAE,oBAAoB;QAC9B,OAAO,EAAE,CAAC,CAAC,kBAAkB,CAAC;QAC9B,OAAO,EAAE,CACP,8BACE,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,EAAE,YACvE,CAAC,CAAC,QAAQ,CAAC,GACL,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,YAC3D,CAAC,CAAC,QAAQ,CAAC,GACL,IACR,CACJ;QACD,MAAM,EAAE,IAAI;QACZ,YAAY,EAAE,GAAG,EAAE;YACjB,WAAW,CAAC,SAAS,CAAC,CAAC;YACvB,mBAAmB,CAAC,EAAE,CAAC,CAAC;YACxB,wBAAwB,CAAC,EAAE,CAAC,CAAC;YAC7B,mBAAmB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;QAC5C,CAAC;QACD,YAAY,EAAE,GAAG,EAAE;YACjB,IAAI,gBAAgB,EAAE;gBACpB,mBAAmB,CAAC,EAAE,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,qBAAqB,EAAE,CAAC,CAAC;aAC5E;QACH,CAAC;KACF,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,OAAe,EAAE,EAAE;QAC7C,IAAI,CAAC,MAAM,IAAI,CAAC,cAAc;YAAE,OAAO;QAEvC,MAAM,aAAa,GAAG,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;QAChD,MAAM,SAAS,GAAG,aAAa,CAAC,SAAS,CAAC;QAC1C,MAAM,cAAc,GAAG,aAAa,CAAC,uBAAuB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;QAC5F,IAAI,cAAc,KAAK,SAAS;YAAE,OAAO;QAEzC,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC9C,MAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACxD,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,WAAW,EAAE,CAAC;QAE5C,MAAM,QAAQ,GAAG,cAAc,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QACzD,MAAM,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC,MAAM,CAAC;QAC7C,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,uBAAuB,EAAE,QAAQ,CAAC,CAAC;QAChE,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAAC;QAC5D,MAAM,CAAC,MAAM,EAAE,CAAC,YAAY,EAAE,EAAE,eAAe,EAAE,CAAC;QAClD,MAAM,CAAC,MAAM,EAAE,CAAC,YAAY,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;QAEhD,MAAM,aAAa,GAAG,WAAW,CAAC,OAAO,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;QACnE,IAAI,aAAa,EAAE;YACjB,MAAM,CAAC,SAAS,CAAC,UAAU,CACzB,+FAA+F,aAAa,CAAC,EAAE,KAAK,aAAa,CAAC,OAAO,mBAAmB,CAC7J,CAAC;YACF,oBAAoB,CAAC,KAAK,CAAC,CAAC;SAC7B;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,eAAe;YAAE,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACnD,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,YAAoB,EAAE,EAAE;QAC/C,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAC3B,iBAAiB,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC;QACpC,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE;YAC3B,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC5B,OAAO;SACR;QACD,IAAI,YAAY,IAAI,cAAc,EAAE;YAClC,MAAM,iBAAiB,GAAuB,WAAW;iBACtD,OAAO,CAAC,cAAc,CAAC;iBACvB,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CACtB,OAAO,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC,iBAAiB,EAAE,CAAC,CACnE,CAAC;YACJ,IAAI,iBAAiB,EAAE;gBACrB,oBAAoB,CAAC,IAAI,CAAC,CAAC;gBAC3B,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;aACtC;;gBAAM,oBAAoB,CAAC,KAAK,CAAC,CAAC;SACpC;IACH,CAAC,CAAC;IAEF,MAAM,+BAA+B,GAAG,CAAC,eAAgC,EAAE,EAAE;QAC3E,MAAM,QAAQ,GAAG,eAAe,CAAC,OAAO,EAAiB,CAAC;QAC1D,MAAM,OAAO,GAAG,QAAQ,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;QACtD,MAAM,UAAU,GAAG,QAAQ,CAAC,SAAS,CAAC;QACtC,WAAW,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC,CAAC;QAC3C,mBAAmB,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;QACnC,wBAAwB,CAAC,UAAU,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,EAAE,MAAM,EAAc,EAAE,EAAE;QACpD,IAAI,MAAM,IAAI,MAAM,IAAK,MAAsB,CAAC,OAAO,KAAK,gBAAgB,EAAE;YAC5E,+BAA+B,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;SACnD;QACD,WAAW,EAAE,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,SAAwB,EAAE,EAAE;QACjD,MAAM,QAAQ,GAAG,SAAS,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;QAC/C,IAAI,QAAQ,CAAC,OAAO,KAAK,gBAAgB,EAAE;YACzC,+BAA+B,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;SACtD;aAAM;YACL,YAAY,CAAC,OAAO,GAAG,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;SAClD;IACH,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,SAAwB,EAAE,EAAE;QACnD,MAAM,QAAQ,GAAG,SAAS,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;QAC/C,OAAO,QAAQ,CAAC,OAAO,KAAK,gBAAgB,CAAC;IAC/C,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,CAC5B,KAAC,OAAO,IACN,IAAI,EAAE,iBAAiB,EACvB,QAAQ,EAAC,OAAO,EAChB,GAAG,EAAE,eAAe,EACpB,MAAM,EAAE;YACN,qBAAqB;gBACnB,OAAO,qBAAqB,CAAC;YAC/B,CAAC;SACF,EACD,SAAS,EAAE;YACT;gBACE,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE;oBACP,MAAM,EAAE,GAAG,EAAE;wBACX,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;wBACnE,MAAM,UAAU,GAAG,MAAM,EAAE,qBAAqB,EAAE,CAAC;wBACnD,MAAM,CAAC,GAAG,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC;wBAC7B,MAAM,CAAC,GAAG,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC;wBAC7B,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;oBAChB,CAAC;iBACF;aACF;SACF,EACD,SAAS,EAAC,cAAc,YAEvB,cAAc,IAAI,CACjB,KAAC,IAAI,IACH,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,cAAc,EACrB,EAAE,EAAE,mBAAmB,EACvB,cAAc,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,SAAS,EAC9C,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE,kBAAkB,EAC/B,OAAO,EAAC,YAAY,GACpB,CACH,GACO,CACX,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,gBAAgB,IAAI,qBAAqB;YAC3C,YAAY,CAAC,OAAO,GAAG,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IACrD,CAAC,EAAE,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,MAAM,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;QAC/D,OAAO,GAAG,EAAE;YACV,MAAM,EAAE,MAAM,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;QACpE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;SACzC;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,cAAc,GAA4B,CAAC,UAA0B,EAAE,EAAE;QAC7E,IAAI,UAAU,EAAE;YACd,MAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC;YAC9D,MAAM,EAAE,IAAI,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,QAAQ,IAAI,EAAE,CAAC;YAC7C,wBAAwB,CAAC;gBACvB,GAAG,UAAU,CAAC,SAAS,CAAC,qBAAqB,EAAE;gBAC/C,CAAC,EAAE,IAAI;gBACP,CAAC,EAAE,GAAG;gBACN,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;aACjB,CAAC,CAAC;YAEH,IAAI,UAAU,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE;gBACtC,2BAA2B;gBAC3B,MAAM,aAAa,GAAG,UAAU,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;gBACpD,MAAM,SAAS,GAAG,aAAa,CAAC,SAAS,CAAC;gBAC1C,MAAM,cAAc,GAAG,aAAa,CAAC,uBAAuB,CAAC,SAAS,EAAE,KAAK,CAC3E,CAAC,EACD,SAAS,CACV,CAAC;gBACF,MAAM,WAAW,GAAG,cAAc,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBACrF,IACE,WAAW,EAAE,UAAU,CAAC,GAAG,CAAC;oBAC5B,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,WAAW,CAAC,WAAW,CAAC,GAAG,CAAC,EACzD;oBACA,eAAe,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;iBACvC;;oBAAM,oBAAoB,CAAC,KAAK,CAAC,CAAC;aACpC;SACF;IACH,CAAC,CAAC;IAEF,MAAM,SAAS,GAA6B,KAAK,CAAC,EAAE;QAClD,IACE,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO;YACrB,KAAK,EAAE,GAAG,KAAK,WAAW;YAC1B,KAAK,EAAE,GAAG,KAAK,YAAY;YAC3B,KAAK,EAAE,GAAG,KAAK,WAAW;YAC1B,KAAK,EAAE,GAAG,KAAK,SAAS,CAAC;YAC3B,CAAC,CAAC,eAAe,CAAC,OAAO,EACzB;YACA,KAAK,EAAE,cAAc,EAAE,CAAC;SACzB;QACD,IAAI,KAAK,EAAE,GAAG,KAAK,QAAQ,IAAI,CAAC,CAAC,eAAe,CAAC,OAAO,EAAE;YACxD,WAAW,EAAE,CAAC;SACf;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,IACL,GAAG,EAAE,SAAS,KACV,SAAS,EACb,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE;YAChB;gBACE,mBAAmB,EAAE,0BAA0B;gBAC/C,IAAI,EAAE,gBAAgB;gBACtB,mBAAmB,EAAE,CAAC,iBAAiB,CAAC;gBACxC,KAAK,EAAE,yBAAyB;aACjC;SACF,EACD,aAAa,EAAE;YACb;gBACE,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,OAAO;gBACb,WAAW,EAAE,GAAG,EAAE;oBAChB,YAAY,CAAC,OAAO,GAAG,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;gBACnD,CAAC;gBACD,MAAM,EAAE,eAAe;gBACvB,QAAQ,EAAE;oBACR,OAAO,EAAE,UAAU;oBACnB,WAAW,EAAE,OAAO;oBACpB,OAAO,EAAE,aAAa;iBACvB;aACF;SACF,EACD,MAAM,EAAE,SAAS,EACjB,QAAQ,EAAE,cAAc,EACxB,MAAM,EAAE,GAAG,EAAE;YACX,MAAM,EAAE,EAAE,CAAC;YACX,WAAW,EAAE,CAAC;QAChB,CAAC,EACD,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,YAEzB,qBAAqB,GACf,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,eAAe,oBAAoB,CAAC","sourcesContent":["import { forwardRef, FunctionComponent, PropsWithoutRef, useRef, useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { Bookmark, Editor as TinyMCEEditor, EditorSelection } from 'tinymce';\n\nimport {\n  Button,\n  defaultThemeProp,\n  ForwardProps,\n  Menu,\n  menuHelpers,\n  MenuProps,\n  Modal,\n  ModalMethods,\n  Popover,\n  PropsWithDefaults,\n  StyledPopover,\n  useModalManager,\n  useConsolidatedRef,\n  useI18n,\n  useUID\n} from '@pega/cosmos-react-core';\nimport { getKeyCommand } from '@pega/cosmos-react-rte/lib/components/RichTextEditor/Toolbar/utils';\n\nimport { Editor, EditorProps } from '../Editor';\n\nimport { DynamicContentEditorProps, ItemType } from './DynamicContentEditor.types';\nimport { pegaReferenceElementStyle, createPegaReferenceElement } from './PegaCustomElement';\n\ntype DynamicContentEditorPropsWithDefaults = PropsWithDefaults<DynamicContentEditorProps>;\n\nconst StyledDynamicContentEditor = styled.div<DynamicContentEditorPropsWithDefaults>``;\n\nexport const StyledSearchPopover = styled(StyledPopover)`\n  min-width: 20rem;\n`;\n\nStyledDynamicContentEditor.defaultProps = defaultThemeProp;\n\nconst DynamicContentEditor: FunctionComponent<DynamicContentEditorProps & ForwardProps> =\n  forwardRef(\n    (\n      {\n        form: { dynamicContentPicker, onSubmit },\n        onActiveFieldChange,\n        label,\n        toolbar,\n        fieldItems,\n        defaultValue,\n        onBlur,\n        ...restProps\n      }: PropsWithoutRef<DynamicContentEditorProps>,\n      ref: DynamicContentEditorProps['ref']\n    ) => {\n      const menuID = useUID();\n      const { create } = useModalManager();\n      const t = useI18n();\n\n      const modalMethods = useRef<ModalMethods>();\n      const [editor, setEditor] = useState<TinyMCEEditor | undefined>();\n      const [bookmark, setBookmark] = useState<Bookmark | undefined>();\n      const [fieldMenuItems, setFieldMenuItems] = useState<MenuProps['items']>(fieldItems || []);\n      const [currentElementId, setCurrentElementId] = useState('');\n      const [currentElementContent, setCurrentElementContent] = useState('');\n      const [currentCursorPosition, setCurrentCursorPosition] = useState({\n        bottom: 0,\n        height: 0,\n        left: 0,\n        right: 0,\n        top: 0,\n        width: 0,\n        x: 0,\n        y: 0,\n        toJSON: () => {}\n      });\n      const [showFieldsPopover, setShowFieldsPopover] = useState<boolean>(false);\n\n      const fieldPopoverRef = useRef<HTMLDivElement>(null);\n      const editorRef = useConsolidatedRef(ref);\n\n      const tooltip = getKeyCommand(\n        navigator.appVersion.includes('Mac'),\n        ({ ctrl }) => `${t('rte_insert_field')} (${ctrl}/)`\n      );\n\n      const insertField = (field: ItemType) => {\n        if (!editor) return;\n\n        const fieldContent = `<pega-reference role=\"button\" contenteditable=\"false\" data-rule-type='field' data-rule-id=${field.id}>${field.text}</pega-reference>`;\n        if (bookmark) {\n          editor.selection.moveToBookmark(bookmark);\n          editor.selection.setContent(fieldContent);\n        } else {\n          editor.insertContent(fieldContent);\n        }\n\n        modalMethods.current?.dismiss();\n      };\n\n      const modalProps = {\n        children: dynamicContentPicker,\n        heading: t('rte_insert_field'),\n        actions: (\n          <>\n            <Button variant='secondary' onClick={() => modalMethods.current?.dismiss()}>\n              {t('cancel')}\n            </Button>\n            <Button variant='primary' onClick={() => onSubmit(insertField)}>\n              {t('submit')}\n            </Button>\n          </>\n        ),\n        center: true,\n        onAfterClose: () => {\n          setBookmark(undefined);\n          setCurrentElementId('');\n          setCurrentElementContent('');\n          onActiveFieldChange({ id: '', text: '' });\n        },\n        onBeforeOpen: () => {\n          if (currentElementId) {\n            onActiveFieldChange({ id: currentElementId, text: currentElementContent });\n          }\n        }\n      };\n\n      const findAndRenameField = (fieldId: string) => {\n        if (!editor || !fieldMenuItems) return;\n\n        const selectedRange = editor.selection.getRng();\n        const endOffset = selectedRange.endOffset;\n        const stringToSearch = selectedRange.commonAncestorContainer.nodeValue?.slice(0, endOffset);\n        if (stringToSearch === undefined) return;\n\n        const splitSearch = stringToSearch.split(' ');\n        const fieldString = splitSearch[splitSearch.length - 1];\n        const range = editor.getDoc().createRange();\n\n        const startPos = stringToSearch.lastIndexOf(fieldString);\n        const endPos = startPos + fieldString.length;\n        range.setStart(selectedRange.commonAncestorContainer, startPos);\n        range.setEnd(selectedRange.commonAncestorContainer, endPos);\n        editor.getDoc().getSelection()?.removeAllRanges();\n        editor.getDoc().getSelection()?.addRange(range);\n\n        const selectedField = menuHelpers.getItem(fieldMenuItems, fieldId);\n        if (selectedField) {\n          editor.selection.setContent(\n            `<pega-reference role=\"button\" contenteditable=\"false\" data-rule-type=\"field\" data-rule-id=\".${selectedField.id}\">${selectedField.primary}</pega-reference>`\n          );\n          setShowFieldsPopover(false);\n        }\n      };\n\n      const hidePopover = () => {\n        if (fieldPopoverRef) setShowFieldsPopover(false);\n      };\n\n      const filterFieldMenu = (searchString: string) => {\n        setShowFieldsPopover(true);\n        setFieldMenuItems(fieldItems || []);\n        if (/\\s/.test(searchString)) {\n          setShowFieldsPopover(false);\n          return;\n        }\n        if (searchString && fieldMenuItems) {\n          const newFieldMenuItems: MenuProps['items'] = menuHelpers\n            .flatten(fieldMenuItems)\n            .filter(({ primary }) =>\n              primary.toLowerCase().startsWith(searchString.toLocaleLowerCase())\n            );\n          if (newFieldMenuItems) {\n            setShowFieldsPopover(true);\n            setFieldMenuItems(newFieldMenuItems);\n          } else setShowFieldsPopover(false);\n        }\n      };\n\n      const updateBookmarkAndCurrentElement = (editorSelection: EditorSelection) => {\n        const targetEl = editorSelection.getNode() as HTMLElement;\n        const fieldId = targetEl.getAttribute('data-rule-id');\n        const fieldValue = targetEl.innerText;\n        setBookmark(editorSelection.getBookmark());\n        setCurrentElementId(fieldId || '');\n        setCurrentElementContent(fieldValue);\n      };\n\n      const handleElementClick = ({ target }: MouseEvent) => {\n        if (editor && target && (target as HTMLElement).tagName === 'PEGA-REFERENCE') {\n          updateBookmarkAndCurrentElement(editor.selection);\n        }\n        hidePopover();\n      };\n\n      const onInsertField = (incEditor: TinyMCEEditor) => {\n        const targetEl = incEditor.selection.getNode();\n        if (targetEl.tagName === 'PEGA-REFERENCE') {\n          updateBookmarkAndCurrentElement(incEditor.selection);\n        } else {\n          modalMethods.current = create(Modal, modalProps);\n        }\n      };\n\n      const isPegaRefActive = (incEditor: TinyMCEEditor) => {\n        const targetEl = incEditor.selection.getNode();\n        return targetEl.tagName === 'PEGA-REFERENCE';\n      };\n\n      const fieldSelectionPopover = (\n        <Popover\n          show={showFieldsPopover}\n          strategy='fixed'\n          ref={fieldPopoverRef}\n          target={{\n            getBoundingClientRect() {\n              return currentCursorPosition;\n            }\n          }}\n          modifiers={[\n            {\n              name: 'offset',\n              options: {\n                offset: () => {\n                  const iframe = editorRef.current?.element?.querySelector('iframe');\n                  const iframeRect = iframe?.getBoundingClientRect();\n                  const x = iframeRect?.x ?? 0;\n                  const y = iframeRect?.y ?? 0;\n                  return [x, y];\n                }\n              }\n            }\n          ]}\n          placement='bottom-start'\n        >\n          {fieldMenuItems && (\n            <Menu\n              id={menuID}\n              items={fieldMenuItems}\n              as={StyledSearchPopover}\n              focusControlEl={editor?.getBody() || undefined}\n              mode='action'\n              onItemClick={findAndRenameField}\n              variant='drill-down'\n            />\n          )}\n        </Popover>\n      );\n\n      useEffect(() => {\n        if (currentElementId && currentElementContent)\n          modalMethods.current = create(Modal, modalProps);\n      }, [currentElementId, currentElementContent]);\n\n      useEffect(() => {\n        editor?.getDoc().addEventListener('click', handleElementClick);\n        return () => {\n          editor?.getDoc().removeEventListener('click', handleElementClick);\n        };\n      }, [editor, editorRef.current]);\n\n      useEffect(() => {\n        if (modalMethods.current) {\n          modalMethods.current.update(modalProps);\n        }\n      }, [modalProps]);\n\n      const onEditorChange: EditorProps['onChange'] = (formEditor?: TinyMCEEditor) => {\n        if (formEditor) {\n          const targetEl = formEditor.selection.getBoundingClientRect();\n          const { left = 0, top = 0 } = targetEl ?? {};\n          setCurrentCursorPosition({\n            ...formEditor.selection.getBoundingClientRect(),\n            x: left,\n            y: top,\n            toJSON: () => {}\n          });\n\n          if (formEditor.selection.isCollapsed()) {\n            // get the full line string\n            const selectedRange = formEditor.selection.getRng();\n            const endOffset = selectedRange.endOffset;\n            const stringToSearch = selectedRange.commonAncestorContainer.nodeValue?.slice(\n              0,\n              endOffset\n            );\n            const fieldString = stringToSearch?.split(' ')[stringToSearch.split(' ').length - 1];\n            if (\n              fieldString?.startsWith('@') &&\n              fieldString.indexOf('@') === fieldString.lastIndexOf('@')\n            ) {\n              filterFieldMenu(fieldString.slice(1));\n            } else setShowFieldsPopover(false);\n          }\n        }\n      };\n\n      const onKeyDown: EditorProps['onKeyDown'] = event => {\n        if (\n          (event?.key === 'Enter' ||\n            event?.key === 'ArrowLeft' ||\n            event?.key === 'ArrowRight' ||\n            event?.key === 'ArrowDown' ||\n            event?.key === 'ArrowUp') &&\n          !!fieldPopoverRef.current\n        ) {\n          event?.preventDefault();\n        }\n        if (event?.key === 'Escape' && !!fieldPopoverRef.current) {\n          hidePopover();\n        }\n      };\n\n      return (\n        <Editor\n          ref={editorRef}\n          {...restProps}\n          label={label}\n          toolbar={toolbar}\n          customComponents={[\n            {\n              createCustomElement: createPegaReferenceElement,\n              name: 'pega-reference',\n              extensionAttributes: ['contenteditable'],\n              style: pegaReferenceElementStyle\n            }\n          ]}\n          customActions={[\n            {\n              icon: 'code',\n              text: tooltip,\n              onMouseDown: () => {\n                modalMethods.current = create(Modal, modalProps);\n              },\n              active: isPegaRefActive,\n              shortcut: {\n                pattern: 'meta+191',\n                description: tooltip,\n                command: onInsertField\n              }\n            }\n          ]}\n          onInit={setEditor}\n          onChange={onEditorChange}\n          onBlur={() => {\n            onBlur?.();\n            hidePopover();\n          }}\n          onKeyDown={onKeyDown}\n          defaultValue={defaultValue}\n        >\n          {fieldSelectionPopover}\n        </Editor>\n      );\n    }\n  );\n\nexport default DynamicContentEditor;\n"]}

package/lib/components/DynamicContentEditor/DynamicContentEditor.types.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+import { MenuProps } from '@pega/cosmos-react-core/lib/components/Menu/Menu.types';
+import { EditorProps } from '../Editor';
+export type ItemType = {
+    id: string;
+    text: string;
+};
+export interface DynamicContentEditorProps extends EditorProps {
+    /** Insert field form */
+    form: {
+        onSubmit: (insertField: (selectedField: ItemType) => void) => void;
+        dynamicContentPicker: ReactNode;
+    };
+    onActiveFieldChange: (field: ItemType) => void;
+    /** Property selection array */
+    fieldItems?: MenuProps['items'];
+    defaultValue?: string;
+    onBlur?: () => void;
+}
+export interface DynamicContentEditorContextProps extends DynamicContentEditorProps {
+    updateProperties?: (selectedfield: ItemType) => void;
+}
+//# sourceMappingURL=DynamicContentEditor.types.d.ts.map

package/lib/components/DynamicContentEditor/DynamicContentEditor.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicContentEditor.types.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicContentEditor/DynamicContentEditor.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,SAAS,EAAE,MAAM,wDAAwD,CAAC;AAEnF,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,WAAW,yBAA0B,SAAQ,WAAW;IAC5D,wBAAwB;IACxB,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC,aAAa,EAAE,QAAQ,KAAK,IAAI,KAAK,IAAI,CAAC;QACnE,oBAAoB,EAAE,SAAS,CAAC;KACjC,CAAC;IACF,mBAAmB,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC/C,+BAA+B;IAC/B,UAAU,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,gCAAiC,SAAQ,yBAAyB;IACjF,gBAAgB,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,KAAK,IAAI,CAAC;CACtD"}

package/lib/components/DynamicContentEditor/DynamicContentEditor.types.js

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

package/lib/components/DynamicContentEditor/DynamicContentEditor.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicContentEditor.types.js","sourceRoot":"","sources":["../../../src/components/DynamicContentEditor/DynamicContentEditor.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ReactNode } from 'react';\n\nimport { MenuProps } from '@pega/cosmos-react-core/lib/components/Menu/Menu.types';\n\nimport { EditorProps } from '../Editor';\n\nexport type ItemType = {\n  id: string;\n  text: string;\n};\n\nexport interface DynamicContentEditorProps extends EditorProps {\n  /** Insert field form */\n  form: {\n    onSubmit: (insertField: (selectedField: ItemType) => void) => void;\n    dynamicContentPicker: ReactNode;\n  };\n  onActiveFieldChange: (field: ItemType) => void;\n  /** Property selection array */\n  fieldItems?: MenuProps['items'];\n  defaultValue?: string;\n  onBlur?: () => void;\n}\n\nexport interface DynamicContentEditorContextProps extends DynamicContentEditorProps {\n  updateProperties?: (selectedfield: ItemType) => void;\n}\n"]}

package/lib/components/DynamicContentEditor/PegaCustomElement.d.ts

@@ -0,0 +1,322 @@
+export declare const pegaReferenceElementStyle = "pega-reference {\n  color: #076bc9;\n  cursor: pointer;\n}\n\npega-reference:hover{\n  text-decoration: underline;\n}\n\npega-reference::before{\n  content: '['\n}\n\npega-reference::after{\n  content: ']'\n}";
+export declare const createPegaReferenceElement: (win: typeof globalThis) => {
+    new (): {
+        connectedCallback(): void;
+        accessKey: string;
+        readonly accessKeyLabel: string;
+        autocapitalize: string;
+        dir: string;
+        draggable: boolean;
+        hidden: boolean;
+        inert: boolean;
+        innerText: string;
+        lang: string;
+        readonly offsetHeight: number;
+        readonly offsetLeft: number;
+        readonly offsetParent: Element | null;
+        readonly offsetTop: number;
+        readonly offsetWidth: number;
+        outerText: string;
+        spellcheck: boolean;
+        title: string;
+        translate: boolean;
+        attachInternals(): ElementInternals;
+        click(): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
+        removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
+        readonly attributes: NamedNodeMap;
+        readonly classList: DOMTokenList;
+        className: string;
+        readonly clientHeight: number;
+        readonly clientLeft: number;
+        readonly clientTop: number;
+        readonly clientWidth: number;
+        id: string;
+        readonly localName: string;
+        readonly namespaceURI: string | null;
+        onfullscreenchange: ((this: Element, ev: Event) => any) | null;
+        onfullscreenerror: ((this: Element, ev: Event) => any) | null;
+        outerHTML: string;
+        readonly ownerDocument: Document;
+        readonly part: DOMTokenList;
+        readonly prefix: string | null;
+        readonly scrollHeight: number;
+        scrollLeft: number;
+        scrollTop: number;
+        readonly scrollWidth: number;
+        readonly shadowRoot: ShadowRoot | null;
+        slot: string;
+        readonly tagName: string;
+        attachShadow(init: ShadowRootInit): ShadowRoot;
+        checkVisibility(options?: CheckVisibilityOptions | undefined): boolean;
+        closest<K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2] | null;
+        closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3] | null;
+        closest<K_4 extends keyof MathMLElementTagNameMap>(selector: K_4): MathMLElementTagNameMap[K_4] | null;
+        closest<E extends Element = Element>(selectors: string): E | null;
+        getAttribute(qualifiedName: string): string | null;
+        getAttributeNS(namespace: string | null, localName: string): string | null;
+        getAttributeNames(): string[];
+        getAttributeNode(qualifiedName: string): Attr | null;
+        getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
+        getBoundingClientRect(): DOMRect;
+        getClientRects(): DOMRectList;
+        getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
+        getElementsByTagName<K_5 extends keyof HTMLElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<HTMLElementTagNameMap[K_5]>;
+        getElementsByTagName<K_6 extends keyof SVGElementTagNameMap>(qualifiedName: K_6): HTMLCollectionOf<SVGElementTagNameMap[K_6]>;
+        getElementsByTagName<K_7 extends keyof MathMLElementTagNameMap>(qualifiedName: K_7): HTMLCollectionOf<MathMLElementTagNameMap[K_7]>;
+        getElementsByTagName<K_8 extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K_8): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K_8]>;
+        getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
+        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
+        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
+        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
+        getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
+        hasAttribute(qualifiedName: string): boolean;
+        hasAttributeNS(namespace: string | null, localName: string): boolean;
+        hasAttributes(): boolean;
+        hasPointerCapture(pointerId: number): boolean;
+        insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
+        insertAdjacentHTML(position: InsertPosition, text: string): void;
+        insertAdjacentText(where: InsertPosition, data: string): void;
+        matches(selectors: string): boolean;
+        releasePointerCapture(pointerId: number): void;
+        removeAttribute(qualifiedName: string): void;
+        removeAttributeNS(namespace: string | null, localName: string): void;
+        removeAttributeNode(attr: Attr): Attr;
+        requestFullscreen(options?: FullscreenOptions | undefined): Promise<void>;
+        requestPointerLock(): void;
+        scroll(options?: ScrollToOptions | undefined): void;
+        scroll(x: number, y: number): void;
+        scrollBy(options?: ScrollToOptions | undefined): void;
+        scrollBy(x: number, y: number): void;
+        scrollIntoView(arg?: boolean | ScrollIntoViewOptions | undefined): void;
+        scrollTo(options?: ScrollToOptions | undefined): void;
+        scrollTo(x: number, y: number): void;
+        setAttribute(qualifiedName: string, value: string): void;
+        setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
+        setAttributeNode(attr: Attr): Attr | null;
+        setAttributeNodeNS(attr: Attr): Attr | null;
+        setPointerCapture(pointerId: number): void;
+        toggleAttribute(qualifiedName: string, force?: boolean | undefined): boolean;
+        webkitMatchesSelector(selectors: string): boolean;
+        readonly baseURI: string;
+        readonly childNodes: NodeListOf<ChildNode>;
+        readonly firstChild: ChildNode | null;
+        readonly isConnected: boolean;
+        readonly lastChild: ChildNode | null;
+        readonly nextSibling: ChildNode | null;
+        readonly nodeName: string;
+        readonly nodeType: number;
+        nodeValue: string | null;
+        readonly parentElement: HTMLElement | null;
+        readonly parentNode: ParentNode | null;
+        readonly previousSibling: ChildNode | null;
+        textContent: string | null;
+        appendChild<T extends Node>(node: T): T;
+        cloneNode(deep?: boolean | undefined): Node;
+        compareDocumentPosition(other: Node): number;
+        contains(other: Node | null): boolean;
+        getRootNode(options?: GetRootNodeOptions | undefined): Node;
+        hasChildNodes(): boolean;
+        insertBefore<T_1 extends Node>(node: T_1, child: Node | null): T_1;
+        isDefaultNamespace(namespace: string | null): boolean;
+        isEqualNode(otherNode: Node | null): boolean;
+        isSameNode(otherNode: Node | null): boolean;
+        lookupNamespaceURI(prefix: string | null): string | null;
+        lookupPrefix(namespace: string | null): string | null;
+        normalize(): void;
+        removeChild<T_2 extends Node>(child: T_2): T_2;
+        replaceChild<T_3 extends Node>(node: Node, child: T_3): T_3;
+        readonly ELEMENT_NODE: 1;
+        readonly ATTRIBUTE_NODE: 2;
+        readonly TEXT_NODE: 3;
+        readonly CDATA_SECTION_NODE: 4;
+        readonly ENTITY_REFERENCE_NODE: 5;
+        readonly ENTITY_NODE: 6;
+        readonly PROCESSING_INSTRUCTION_NODE: 7;
+        readonly COMMENT_NODE: 8;
+        readonly DOCUMENT_NODE: 9;
+        readonly DOCUMENT_TYPE_NODE: 10;
+        readonly DOCUMENT_FRAGMENT_NODE: 11;
+        readonly NOTATION_NODE: 12;
+        readonly DOCUMENT_POSITION_DISCONNECTED: 1;
+        readonly DOCUMENT_POSITION_PRECEDING: 2;
+        readonly DOCUMENT_POSITION_FOLLOWING: 4;
+        readonly DOCUMENT_POSITION_CONTAINS: 8;
+        readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
+        readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
+        dispatchEvent(event: Event): boolean;
+        ariaAtomic: string | null;
+        ariaAutoComplete: string | null;
+        ariaBusy: string | null;
+        ariaChecked: string | null;
+        ariaColCount: string | null;
+        ariaColIndex: string | null;
+        ariaColSpan: string | null;
+        ariaCurrent: string | null;
+        ariaDisabled: string | null;
+        ariaExpanded: string | null;
+        ariaHasPopup: string | null;
+        ariaHidden: string | null;
+        ariaInvalid: string | null;
+        ariaKeyShortcuts: string | null;
+        ariaLabel: string | null;
+        ariaLevel: string | null;
+        ariaLive: string | null;
+        ariaModal: string | null;
+        ariaMultiLine: string | null;
+        ariaMultiSelectable: string | null;
+        ariaOrientation: string | null;
+        ariaPlaceholder: string | null;
+        ariaPosInSet: string | null;
+        ariaPressed: string | null;
+        ariaReadOnly: string | null;
+        ariaRequired: string | null;
+        ariaRoleDescription: string | null;
+        ariaRowCount: string | null;
+        ariaRowIndex: string | null;
+        ariaRowSpan: string | null;
+        ariaSelected: string | null;
+        ariaSetSize: string | null;
+        ariaSort: string | null;
+        ariaValueMax: string | null;
+        ariaValueMin: string | null;
+        ariaValueNow: string | null;
+        ariaValueText: string | null;
+        role: string | null;
+        animate(keyframes: PropertyIndexedKeyframes | Keyframe[] | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
+        getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
+        after(...nodes: (string | Node)[]): void;
+        before(...nodes: (string | Node)[]): void;
+        remove(): void;
+        replaceWith(...nodes: (string | Node)[]): void;
+        innerHTML: string;
+        readonly nextElementSibling: Element | null;
+        readonly previousElementSibling: Element | null;
+        readonly childElementCount: number;
+        readonly children: HTMLCollection;
+        readonly firstElementChild: Element | null;
+        readonly lastElementChild: Element | null;
+        append(...nodes: (string | Node)[]): void;
+        prepend(...nodes: (string | Node)[]): void;
+        querySelector<K_9 extends keyof HTMLElementTagNameMap>(selectors: K_9): HTMLElementTagNameMap[K_9] | null;
+        querySelector<K_10 extends keyof SVGElementTagNameMap>(selectors: K_10): SVGElementTagNameMap[K_10] | null;
+        querySelector<K_11 extends keyof MathMLElementTagNameMap>(selectors: K_11): MathMLElementTagNameMap[K_11] | null;
+        querySelector<K_12 extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K_12): HTMLElementDeprecatedTagNameMap[K_12] | null;
+        querySelector<E_1 extends Element = Element>(selectors: string): E_1 | null;
+        querySelectorAll<K_13 extends keyof HTMLElementTagNameMap>(selectors: K_13): NodeListOf<HTMLElementTagNameMap[K_13]>;
+        querySelectorAll<K_14 extends keyof SVGElementTagNameMap>(selectors: K_14): NodeListOf<SVGElementTagNameMap[K_14]>;
+        querySelectorAll<K_15 extends keyof MathMLElementTagNameMap>(selectors: K_15): NodeListOf<MathMLElementTagNameMap[K_15]>;
+        querySelectorAll<K_16 extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K_16): NodeListOf<HTMLElementDeprecatedTagNameMap[K_16]>;
+        querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
+        replaceChildren(...nodes: (string | Node)[]): void;
+        readonly assignedSlot: HTMLSlotElement | null;
+        readonly style: CSSStyleDeclaration;
+        contentEditable: string;
+        enterKeyHint: string;
+        inputMode: string;
+        readonly isContentEditable: boolean;
+        onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
+        onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+        onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+        onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+        onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+        onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+        onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
+        oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+        oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+        ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+        ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onerror: OnErrorEventHandler;
+        onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
+        onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
+        ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+        onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+        onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+        onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+        onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any) | null;
+        onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
+        onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
+        onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
+        onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        ontoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+        ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+        ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+        ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+        onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
+        autofocus: boolean;
+        readonly dataset: DOMStringMap;
+        nonce?: string | undefined;
+        tabIndex: number;
+        blur(): void;
+        focus(options?: FocusOptions | undefined): void;
+    };
+};
+//# sourceMappingURL=PegaCustomElement.d.ts.map

package/lib/components/DynamicContentEditor/PegaCustomElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PegaCustomElement.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicContentEditor/PegaCustomElement.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,qNAgBpC,CAAC;AAEH,eAAO,MAAM,0BAA0B,QAAS,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQhE,CAAC"}

package/lib/components/DynamicContentEditor/PegaCustomElement.js

@@ -0,0 +1,27 @@
+export const pegaReferenceElementStyle = `\
+pega-reference {
+  color: #076bc9;
+  cursor: pointer;
+}
+
+pega-reference:hover{
+  text-decoration: underline;
+}
+
+pega-reference::before{
+  content: '['
+}
+
+pega-reference::after{
+  content: ']'
+}`;
+export const createPegaReferenceElement = (win) => {
+    return class PegaReferenceElement extends win.HTMLElement {
+        connectedCallback() {
+            const template = document.createElement('template');
+            const temp = document.importNode(template.content, true);
+            this.append(temp);
+        }
+    };
+};
+//# sourceMappingURL=PegaCustomElement.js.map

package/lib/components/DynamicContentEditor/PegaCustomElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PegaCustomElement.js","sourceRoot":"","sources":["../../../src/components/DynamicContentEditor/PegaCustomElement.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,yBAAyB,GAAG;;;;;;;;;;;;;;;;EAgBvC,CAAC;AAEH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,GAAsB,EAAE,EAAE;IACnE,OAAO,MAAM,oBAAqB,SAAQ,GAAG,CAAC,WAAW;QACvD,iBAAiB;YACf,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;YACpD,MAAM,IAAI,GAAG,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;YACzD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["export const pegaReferenceElementStyle = `\\\npega-reference {\n  color: #076bc9;\n  cursor: pointer;\n}\n\npega-reference:hover{\n  text-decoration: underline;\n}\n\npega-reference::before{\n  content: '['\n}\n\npega-reference::after{\n  content: ']'\n}`;\n\nexport const createPegaReferenceElement = (win: typeof globalThis) => {\n  return class PegaReferenceElement extends win.HTMLElement {\n    connectedCallback() {\n      const template = document.createElement('template');\n      const temp = document.importNode(template.content, true);\n      this.append(temp);\n    }\n  };\n};\n"]}

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

@@ -0,0 +1,3 @@
+export { default } from './DynamicContentEditor';
+export { DynamicContentEditorProps, ItemType } from './DynamicContentEditor.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicContentEditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,yBAAyB,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC"}

package/lib/components/DynamicContentEditor/index.js

@@ -0,0 +1,2 @@
+export { default } from './DynamicContentEditor';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DynamicContentEditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC","sourcesContent":["export { default } from './DynamicContentEditor';\nexport { DynamicContentEditorProps, ItemType } from './DynamicContentEditor.types';\n"]}

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

@@ -1,6 +1,6 @@
 import { marked } from 'marked';
 import { ComponentType, FC } from 'react';
-import { ErrorStateProps } from '@pega/cosmos-react-core';
+import { ErrorStateProps, ExcludeStrict } from '@pega/cosmos-react-core';
 export interface InteractionRenderers {
     type: string;
     regexPattern: RegExp;
@@ -14,12 +14,12 @@ export interface InteractionRenderers {
     } | undefined;
 }
 export type TokenMap = {
-    [K in Exclude<marked.Token, marked.Tokens.Def>['type']]: Extract<marked.Token, {
+    [K in ExcludeStrict<marked.Token, marked.Tokens.Def>['type']]: Extract<marked.Token, {
         type: K;
     }>;
 };
 export type MDMap = {
-    [K in Exclude<marked.Token, marked.Tokens.Def>['type']]?: (token: TokenMap[K]) => FC<{
+    [K in ExcludeStrict<marked.Token, marked.Tokens.Def>['type']]?: (token: TokenMap[K]) => FC<{
         token: TokenMap[K];
     }> | undefined;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"RichTextViewer.types.d.ts","sourceRoot":"","sources":["../../../src/components/RichTextEditor/RichTextViewer.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC/B,mBAAmB,CAAC,EAAE,CACpB,UAAU,EAAE,MAAM,EAClB,YAAY,EAAE,MAAM,KAElB;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAC7F,SAAS,CAAC;CACf;AAED,MAAM,MAAM,QAAQ,GAAG;KACpB,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,CAAC;CAC5F,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;KACjB,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CACxD,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KACf,EAAE,CAAC;QAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;KAAE,CAAC,GAAG,SAAS;CAC5C,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,UAAU,CAAC;IACvC,oBAAoB,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC9C,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;CACtC"}
+{"version":3,"file":"RichTextViewer.types.d.ts","sourceRoot":"","sources":["../../../src/components/RichTextEditor/RichTextViewer.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAEzE,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC/B,mBAAmB,CAAC,EAAE,CACpB,UAAU,EAAE,MAAM,EAClB,YAAY,EAAE,MAAM,KAElB;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAC7F,SAAS,CAAC;CACf;AAED,MAAM,MAAM,QAAQ,GAAG;KACpB,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,CAAC;CAClG,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;KACjB,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAC9D,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KACf,EAAE,CAAC;QAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;KAAE,CAAC,GAAG,SAAS;CAC5C,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,UAAU,CAAC;IACvC,oBAAoB,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC9C,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;CACtC"}

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

@@ -1 +1 @@
-{"version":3,"file":"RichTextViewer.types.js","sourceRoot":"","sources":["../../../src/components/RichTextEditor/RichTextViewer.types.ts"],"names":[],"mappings":"","sourcesContent":["import { marked } from 'marked';\nimport { ComponentType, FC } from 'react';\n\nimport { ErrorStateProps } from '@pega/cosmos-react-core';\n\nexport interface InteractionRenderers {\n  type: string;\n  regexPattern: RegExp;\n  xmlElement?: string;\n  component?: ComponentType<any>;\n  getSearchAttributes?: (\n    xmlElement: string,\n    searchResult: string\n  ) =>\n    | { markdown: string; component: ComponentType<any>; props: Record<string, any>; text: string }\n    | undefined;\n}\n\nexport type TokenMap = {\n  [K in Exclude<marked.Token, marked.Tokens.Def>['type']]: Extract<marked.Token, { type: K }>;\n};\n\nexport type MDMap = {\n  [K in Exclude<marked.Token, marked.Tokens.Def>['type']]?: (\n    token: TokenMap[K]\n  ) => FC<{ token: TokenMap[K] }> | undefined;\n};\n\nexport interface RichTextViewerProps {\n  content: string;\n  type: 'markdown' | 'html' | 'richtext';\n  interactionRenderers?: InteractionRenderers[];\n  markdownMap?: MDMap;\n  onRetry?: ErrorStateProps['onRetry'];\n}\n"]}
+{"version":3,"file":"RichTextViewer.types.js","sourceRoot":"","sources":["../../../src/components/RichTextEditor/RichTextViewer.types.ts"],"names":[],"mappings":"","sourcesContent":["import { marked } from 'marked';\nimport { ComponentType, FC } from 'react';\n\nimport { ErrorStateProps, ExcludeStrict } from '@pega/cosmos-react-core';\n\nexport interface InteractionRenderers {\n  type: string;\n  regexPattern: RegExp;\n  xmlElement?: string;\n  component?: ComponentType<any>;\n  getSearchAttributes?: (\n    xmlElement: string,\n    searchResult: string\n  ) =>\n    | { markdown: string; component: ComponentType<any>; props: Record<string, any>; text: string }\n    | undefined;\n}\n\nexport type TokenMap = {\n  [K in ExcludeStrict<marked.Token, marked.Tokens.Def>['type']]: Extract<marked.Token, { type: K }>;\n};\n\nexport type MDMap = {\n  [K in ExcludeStrict<marked.Token, marked.Tokens.Def>['type']]?: (\n    token: TokenMap[K]\n  ) => FC<{ token: TokenMap[K] }> | undefined;\n};\n\nexport interface RichTextViewerProps {\n  content: string;\n  type: 'markdown' | 'html' | 'richtext';\n  interactionRenderers?: InteractionRenderers[];\n  markdownMap?: MDMap;\n  onRetry?: ErrorStateProps['onRetry'];\n}\n"]}

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

@@ -1 +1 @@
-{"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;AAoBxD,OAAO,EAAa,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AA4BtD,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;AAwID,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAgF7B,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"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;AAqBxD,OAAO,EAAa,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AA4BtD,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;AAwID,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAgF7B,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/Toolbar/Toolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAChE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,OAAO,EACP,gBAAgB,EAEhB,oBAAoB,EACrB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,cAAc,MAAM,yBAAyB,CAAC;AACrD,OAAO,YAAY,MAAM,uBAAuB,CAAC;AAEjD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAuB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;IAC3E,OAAO,GAAG,CAAA;wBACY,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC;iCAC9C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC;;;MAGrE,MAAM;QACR,GAAG,CAAA;;;KAGF;;;oBAGe,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC;;GAEjD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAiB9C,MAAM,QAAQ,GAAG,oBAAoB,IAAI,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAEhF,iDAAiD;AACjD,SAAS,kBAAkB,CACzB,MAAmB,EACnB,CAAuC,EACvC,OAAgB,EAChB,GAAY;IAEZ,MAAM,kBAAkB,GAAsB;QAC5C;YACE,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,GAAG;YACT,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC;YACpB,OAAO,EAAE,QAAQ;gBACf,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,EAAE;gBACpB,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,KAAK,IAAI,MAAM,IAAI,GAAG,KAAK,IAAI,CAAC;SAC7F;QACD;YACE,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,GAAG;YACT,MAAM,EAAE,QAAQ;YAChB,KAAK,EAAE,CAAC,CAAC,YAAY,CAAC;YACtB,OAAO,EAAE,QAAQ;gBACf,CAAC,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,EAAE;gBACtB,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,KAAK,IAAI,MAAM,IAAI,GAAG,KAAK,IAAI,CAAC;SAC/F;QACD;YACE,KAAK,EAAE,gBAAgB;YACvB,IAAI,EAAE,GAAG;YACT,MAAM,EAAE,cAAc;YACtB,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC;YAC9B,OAAO,EAAE,QAAQ;gBACf,CAAC,CAAC,GAAG,CAAC,CAAC,oBAAoB,CAAC,EAAE;gBAC9B,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,oBAAoB,CAAC,KAAK,IAAI,GAAG,KAAK,IAAI,CAAC;SAC7F;KACF,CAAC;IAEF,OAAO,kBAAkB,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;QACxE,OAAO,CACL,KAAC,aAAa,IAEZ,WAAW,EAAE,CAAC,CAAC,EAAE;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,OAAO,EAAE;oBACZ,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;iBAC3B;gBACD,UAAU,CAAC,GAAG,EAAE;oBACd,cAAc,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;gBAC9C,CAAC,EAAE,CAAC,CAAC,CAAC;YACR,CAAC,EACD,SAAS,EAAE,KAAK,EAChB,MAAM,EAAE,cAAc,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,EACrD,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,YAEX,IAAI,IAfA,KAAK,CAgBI,CACjB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED,wDAAwD;AACxD,SAAS,kBAAkB,CACzB,MAAmB,EACnB,CAAuC,EACvC,GAAY;IAEZ,MAAM,mBAAmB,GAAG;QAC1B;YACE,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,CAAC,CAAC,SAAS,CAAC;YACnB,IAAI,EAAE,GAAG,EAAE;gBACT,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC;YACD,OAAO,EAAE,aAAa,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,KAAK,IAAI,IAAI,CAAC;SACxE;QACD;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC;YACpB,IAAI,EAAE,GAAG,EAAE;gBACT,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAC/B,CAAC;YACD,OAAO,EAAE,aAAa,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,KAAK,IAAI,IAAI,CAAC;SACzE;QACD;YACE,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,gBAAgB;YACtB,KAAK,EAAE,CAAC,CAAC,WAAW,CAAC;YACrB,IAAI,EAAE,GAAG,EAAE;gBACT,SAAS,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;oBACzC,cAAc,CAAC,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;gBACjE,CAAC,CAAC,CAAC;YACL,CAAC;YACD,OAAO,EAAE,aAAa,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC,KAAK,IAAI,IAAI,CAAC;SAC1E;KACF,CAAC;IAEF,OAAO,mBAAmB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;QACnC,OAAO,CACL,KAAC,aAAa,IACZ,WAAW,EAAE,CAAC,CAAC,EAAE;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,GAAG,CAAC,IAAI,EAAE,CAAC;YACb,CAAC,EAED,OAAO,EAAE,GAAG,CAAC,OAAO,EACpB,KAAK,EAAE,GAAG,CAAC,KAAK,YAEhB,KAAC,IAAI,IAAC,IAAI,EAAE,GAAG,CAAC,IAAI,GAAI,IAJnB,GAAG,CAAC,IAAI,CAKC,CACjB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED,0EAA0E;AAC1E,SAAS,uBAAuB,CAAC,QAAoB;IACnD,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE;QACtC,OAAO,EAAE,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC;IACrC,CAAC,EAAE,EAAkC,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,OAAO,GAAqB,CAAC,KAAmB,EAAE,EAAE;IACxD,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IACpD,MAAM,MAAM,GAAG,QAAQ,EAAE,CAAC;IAC1B,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,UAAU,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,UAAU,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,CAAC;IAEjE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAExF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAG,UAAU,EAAE,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;QACzD,IAAI,GAAG;YAAE,eAAe,CAAC,GAAG,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IAEzB,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACvD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC;YAAE,MAAM,CAAC,IAAI,CAAC,CAAC;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,MAAC,IAAI,IAAC,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,UAAU,aACzF,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,aACpC,KAAC,UAAU,IAAC,GAAG,EAAE,GAAG,GAAI,EACvB,cAAc,CAAC,gBAAgB,CAAC,IAAI,kBAAkB,CAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAC/E,cAAc,CAAC,KAAK,IAAI,CACvB,8BACE,KAAC,aAAa,IACZ,WAAW,EAAE,CAAC,CAAC,EAAE;oCACf,CAAC,CAAC,cAAc,EAAE,CAAC;oCACnB,YAAY,CAAC,UAAU,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;gCACpD,CAAC,EACD,MAAM,EAAE,cAAc,CAAC,aAAa,CAAC,gBAAgB,EAAE,MAAM,CAAC,EAC9D,OAAO,EACL,QAAQ;oCACN,CAAC,CAAC,GAAG,CAAC,CAAC,mBAAmB,CAAC,EAAE;oCAC7B,CAAC,CAAC,aAAa,CACX,GAAG,EACH,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,mBAAmB,CAAC,KAAK,IAAI,GAAG,KAAK,IAAI,CACpE,EAEP,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC,YAE7B,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACN,EAChB,KAAC,aAAa,IACZ,WAAW,EAAE,CAAC,CAAC,EAAE;oCACf,CAAC,CAAC,cAAc,EAAE,CAAC;oCACnB,YAAY,CAAC,UAAU,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;gCAClD,CAAC,EACD,MAAM,EAAE,cAAc,CAAC,aAAa,CAAC,cAAc,EAAE,MAAM,CAAC,EAC5D,OAAO,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAC/B,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC,YAE7B,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,GACb,IACf,CACJ,EACA,cAAc,CAAC,WAAW,IAAI,CAC7B,8BACE,KAAC,YAAY,IAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,GAAI,EACxC,KAAC,YAAY,IAAC,IAAI,EAAC,UAAU,EAAC,GAAG,EAAE,GAAG,GAAI,IACzC,CACJ,EACA,cAAc,CAAC,MAAM,IAAI,KAAC,WAAW,KAAG,IACpC,EACP,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,aACnC,cAAc,CAAC,KAAK,IAAI,KAAC,YAAY,IAAC,GAAG,EAAE,GAAG,GAAI,EAClD,cAAc,CAAC,MAAM,IAAI,KAAC,WAAW,KAAG,IACpC,EACN,cAAc,CAAC,gBAAgB,CAAC,IAAI,CACnC,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,YAAG,kBAAkB,CAAC,MAAM,EAAE,CAAC,EAAE,GAAG,CAAC,GAAQ,CACpF,IACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC","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  navigatorIsAvailable\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 }>(({ sticky, theme }) => {\n  return css`\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    ${sticky &&\n    css`\n      position: sticky;\n      bottom: 0;\n    `}\n\n    &:has(:focus-visible) {\n      box-shadow: ${theme.base.shadow['focus-group']};\n    }\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\nconst isMobile = navigatorIsAvailable && navigator.userAgent.includes('Mobile');\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: isMobile\n        ? `${t('rte_bold')}`\n        : getKeyCommand(osx, ({ ctrl, shift }) => `${t('rte_bold')} (${ctrl}B, ${ctrl}${shift}B)`)\n    },\n    {\n      style: 'ITALIC',\n      text: 'I',\n      format: 'italic',\n      label: t('rte_italic'),\n      tooltip: isMobile\n        ? `${t('rte_italic')}`\n        : getKeyCommand(osx, ({ ctrl, shift }) => `${t('rte_italic')} (${ctrl}I, ${ctrl}${shift}I)`)\n    },\n    {\n      style: 'STRIKE-THROUGH',\n      text: 'S',\n      format: 'line-through',\n      label: t('rte_strike_through'),\n      tooltip: isMobile\n        ? `${t('rte_strike_through')}`\n        : getKeyCommand(osx, ({ ctrl, shift }) => `${t('rte_strike_through')} (${ctrl}${shift}X)`)\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={\n                isMobile\n                  ? `${t('rte_bulleted_list')}`\n                  : getKeyCommand(\n                      osx,\n                      ({ ctrl, shift }) => `${t('rte_bulleted_list')} (${ctrl}${shift}L)`\n                    )\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"]}
+{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/Toolbar/Toolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAChE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,OAAO,EACP,gBAAgB,EAEhB,oBAAoB,EAErB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,cAAc,MAAM,yBAAyB,CAAC;AACrD,OAAO,YAAY,MAAM,uBAAuB,CAAC;AAEjD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAuB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;IAC3E,OAAO,GAAG,CAAA;wBACY,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC;iCAC9C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC;;;MAGrE,MAAM;QACR,GAAG,CAAA;;;KAGF;;;oBAGe,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC;;GAEjD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAiB9C,MAAM,QAAQ,GAAG,oBAAoB,IAAI,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAEhF,iDAAiD;AACjD,SAAS,kBAAkB,CACzB,MAAmB,EACnB,CAAuC,EACvC,OAAgB,EAChB,GAAY;IAEZ,MAAM,kBAAkB,GAAsB;QAC5C;YACE,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,GAAG;YACT,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC;YACpB,OAAO,EAAE,QAAQ;gBACf,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,EAAE;gBACpB,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,KAAK,IAAI,MAAM,IAAI,GAAG,KAAK,IAAI,CAAC;SAC7F;QACD;YACE,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,GAAG;YACT,MAAM,EAAE,QAAQ;YAChB,KAAK,EAAE,CAAC,CAAC,YAAY,CAAC;YACtB,OAAO,EAAE,QAAQ;gBACf,CAAC,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,EAAE;gBACtB,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,KAAK,IAAI,MAAM,IAAI,GAAG,KAAK,IAAI,CAAC;SAC/F;QACD;YACE,KAAK,EAAE,gBAAgB;YACvB,IAAI,EAAE,GAAG;YACT,MAAM,EAAE,cAAc;YACtB,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC;YAC9B,OAAO,EAAE,QAAQ;gBACf,CAAC,CAAC,GAAG,CAAC,CAAC,oBAAoB,CAAC,EAAE;gBAC9B,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,oBAAoB,CAAC,KAAK,IAAI,GAAG,KAAK,IAAI,CAAC;SAC7F;KACF,CAAC;IAEF,OAAO,kBAAkB,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;QACxE,OAAO,CACL,KAAC,aAAa,IAEZ,WAAW,EAAE,CAAC,CAAC,EAAE;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,OAAO,EAAE;oBACZ,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;iBAC3B;gBACD,UAAU,CAAC,GAAG,EAAE;oBACd,cAAc,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;gBAC9C,CAAC,EAAE,CAAC,CAAC,CAAC;YACR,CAAC,EACD,SAAS,EAAE,KAAK,EAChB,MAAM,EAAE,cAAc,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,EACrD,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,YAEX,IAAI,IAfA,KAAK,CAgBI,CACjB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED,wDAAwD;AACxD,SAAS,kBAAkB,CACzB,MAAmB,EACnB,CAAuC,EACvC,GAAY;IAEZ,MAAM,mBAAmB,GAAG;QAC1B;YACE,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,CAAC,CAAC,SAAS,CAAC;YACnB,IAAI,EAAE,GAAG,EAAE;gBACT,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC;YACD,OAAO,EAAE,aAAa,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,KAAK,IAAI,IAAI,CAAC;SACxE;QACD;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC;YACpB,IAAI,EAAE,GAAG,EAAE;gBACT,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAC/B,CAAC;YACD,OAAO,EAAE,aAAa,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,KAAK,IAAI,IAAI,CAAC;SACzE;QACD;YACE,IAAI,EAAE,OAAO;YACb,IAAI,EAAE,gBAAgB;YACtB,KAAK,EAAE,CAAC,CAAC,WAAW,CAAC;YACrB,IAAI,EAAE,GAAG,EAAE;gBACT,SAAS,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;oBACzC,cAAc,CAAC,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;gBACjE,CAAC,CAAC,CAAC;YACL,CAAC;YACD,OAAO,EAAE,aAAa,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC,KAAK,IAAI,IAAI,CAAC;SAC1E;KACF,CAAC;IAEF,OAAO,mBAAmB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;QACnC,OAAO,CACL,KAAC,aAAa,IACZ,WAAW,EAAE,CAAC,CAAC,EAAE;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,GAAG,CAAC,IAAI,EAAE,CAAC;YACb,CAAC,EAED,OAAO,EAAE,GAAG,CAAC,OAAO,EACpB,KAAK,EAAE,GAAG,CAAC,KAAK,YAEhB,KAAC,IAAI,IAAC,IAAI,EAAE,GAAG,CAAC,IAAI,GAAI,IAJnB,GAAG,CAAC,IAAI,CAKC,CACjB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED,0EAA0E;AAC1E,SAAS,uBAAuB,CAAC,QAAoB;IACnD,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE;QACtC,OAAO,EAAE,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC;IACrC,CAAC,EAAE,EAAkC,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,OAAO,GAAqB,CAAC,KAAmB,EAAE,EAAE;IACxD,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IACpD,MAAM,MAAM,GAAG,QAAQ,EAAE,CAAC;IAC1B,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,UAAU,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,UAAU,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,CAAC;IAEjE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAExF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAG,UAAU,EAAE,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;QACzD,IAAI,GAAG;YAAE,eAAe,CAAC,GAAG,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IAEzB,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACvD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC;YAAE,MAAM,CAAC,IAAI,CAAC,CAAC;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,MAAC,IAAI,IAAC,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,UAAU,aACzF,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,aACpC,KAAC,UAAU,IAAC,GAAG,EAAE,GAAG,GAAI,EACvB,cAAc,CAAC,gBAAgB,CAAC,IAAI,kBAAkB,CAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAC/E,cAAc,CAAC,KAAK,IAAI,CACvB,8BACE,KAAC,aAAa,IACZ,WAAW,EAAE,CAAC,CAAC,EAAE;oCACf,CAAC,CAAC,cAAc,EAAE,CAAC;oCACnB,YAAY,CAAC,UAAU,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;gCACpD,CAAC,EACD,MAAM,EAAE,cAAc,CAAC,aAAa,CAAC,gBAAgB,EAAE,MAAM,CAAC,EAC9D,OAAO,EACL,QAAQ;oCACN,CAAC,CAAC,GAAG,CAAC,CAAC,mBAAmB,CAAC,EAAE;oCAC7B,CAAC,CAAC,aAAa,CACX,GAAG,EACH,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,mBAAmB,CAAC,KAAK,IAAI,GAAG,KAAK,IAAI,CACpE,EAEP,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC,YAE7B,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACN,EAChB,KAAC,aAAa,IACZ,WAAW,EAAE,CAAC,CAAC,EAAE;oCACf,CAAC,CAAC,cAAc,EAAE,CAAC;oCACnB,YAAY,CAAC,UAAU,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;gCAClD,CAAC,EACD,MAAM,EAAE,cAAc,CAAC,aAAa,CAAC,cAAc,EAAE,MAAM,CAAC,EAC5D,OAAO,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAC/B,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC,YAE7B,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,GACb,IACf,CACJ,EACA,cAAc,CAAC,WAAW,IAAI,CAC7B,8BACE,KAAC,YAAY,IAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,GAAI,EACxC,KAAC,YAAY,IAAC,IAAI,EAAC,UAAU,EAAC,GAAG,EAAE,GAAG,GAAI,IACzC,CACJ,EACA,cAAc,CAAC,MAAM,IAAI,KAAC,WAAW,KAAG,IACpC,EACP,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,aACnC,cAAc,CAAC,KAAK,IAAI,KAAC,YAAY,IAAC,GAAG,EAAE,GAAG,GAAI,EAClD,cAAc,CAAC,MAAM,IAAI,KAAC,WAAW,KAAG,IACpC,EACN,cAAc,CAAC,gBAAgB,CAAC,IAAI,CACnC,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,YAAG,kBAAkB,CAAC,MAAM,EAAE,CAAC,EAAE,GAAG,CAAC,GAAQ,CACpF,IACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC","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  navigatorIsAvailable,\n  ExcludeStrict\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 }>(({ sticky, theme }) => {\n  return css`\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    ${sticky &&\n    css`\n      position: sticky;\n      bottom: 0;\n    `}\n\n    &:has(:focus-visible) {\n      box-shadow: ${theme.base.shadow['focus-group']};\n    }\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: ExcludeStrict<keyof Text, 'text'>;\n  tooltip: string;\n};\n\nconst isMobile = navigatorIsAvailable && navigator.userAgent.includes('Mobile');\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: isMobile\n        ? `${t('rte_bold')}`\n        : getKeyCommand(osx, ({ ctrl, shift }) => `${t('rte_bold')} (${ctrl}B, ${ctrl}${shift}B)`)\n    },\n    {\n      style: 'ITALIC',\n      text: 'I',\n      format: 'italic',\n      label: t('rte_italic'),\n      tooltip: isMobile\n        ? `${t('rte_italic')}`\n        : getKeyCommand(osx, ({ ctrl, shift }) => `${t('rte_italic')} (${ctrl}I, ${ctrl}${shift}I)`)\n    },\n    {\n      style: 'STRIKE-THROUGH',\n      text: 'S',\n      format: 'line-through',\n      label: t('rte_strike_through'),\n      tooltip: isMobile\n        ? `${t('rte_strike_through')}`\n        : getKeyCommand(osx, ({ ctrl, shift }) => `${t('rte_strike_through')} (${ctrl}${shift}X)`)\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={\n                isMobile\n                  ? `${t('rte_bulleted_list')}`\n                  : getKeyCommand(\n                      osx,\n                      ({ ctrl, shift }) => `${t('rte_bulleted_list')} (${ctrl}${shift}L)`\n                    )\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/utils/EditorCommands.d.ts

@@ -1,8 +1,9 @@
 import { KeyboardEvent } from 'react';
 import { Editor, Range, NodeEntry, Node, Element, Text } from 'slate';
+import { ExcludeStrict } from '@pega/cosmos-react-core';
 declare const commands: {
-    isFormatActive: (format: Exclude<keyof Text, 'text'>, editor: Editor) => boolean;
-    toggleFormat: (format: Exclude<keyof Text, 'text'>, editor: Editor) => void;
+    isFormatActive: (format: ExcludeStrict<keyof Text, 'text'>, editor: Editor) => boolean;
+    toggleFormat: (format: ExcludeStrict<keyof Text, 'text'>, editor: Editor) => void;
     isBlockActive: (format: Element['type'], editor: Editor) => boolean;
     getActiveBlockType: (editor: Editor) => string;
     setBlock: (format: Element['type'], editor: Editor) => void;

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

@@ -1 +1 @@
-{"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;8BAOzC,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;IAajD;;;;OAIG;kCAC2B,MAAM,KAAK,aAAa;gCAiE1B,MAAM,KAAK,aAAa;qBA4CnC,MAAM;uBAiBJ,MAAM;+BAsBE,MAAM,KAAK,aAAa,iBAAiB,OAAO;CAkF5E,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"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;AAEf,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAYxD,QAAA,MAAM,QAAQ;6BAEa,cAAc,MAAM,IAAI,EAAE,MAAM,CAAC,UAAU,MAAM;2BAKnD,cAAc,MAAM,IAAI,EAAE,MAAM,CAAC,UAAU,MAAM;4BAShD,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;8BAOzC,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;IAajD;;;;OAIG;kCAC2B,MAAM,KAAK,aAAa;gCAiE1B,MAAM,KAAK,aAAa;qBA4CnC,MAAM;uBAiBJ,MAAM;+BAsBE,MAAM,KAAK,aAAa,iBAAiB,OAAO;CAkF5E,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"EditorCommands.js","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/EditorCommands.ts"],"names":[],"mappings":"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","sourcesContent":["import { KeyboardEvent } from 'react';\nimport {\n  Editor,\n  Transforms,\n  Range,\n  Path,\n  NodeEntry,\n  Node,\n  Element,\n  Text,\n  CosmosCustom\n} from 'slate';\n\nimport ListCommands from './ListCommands';\n\nconst textKeyCodeMapping: { [key: number]: Element['type'] } = {\n  48: 'paragraph',\n  49: 'heading-1',\n  50: 'heading-2',\n  51: 'heading-3',\n  52: 'heading-4'\n};\n\nconst commands = {\n  // Checks if an inline format is active\n  isFormatActive: (format: Exclude<keyof Text, 'text'>, editor: Editor) => {\n    const marks = Editor.marks(editor);\n    return marks ? marks[format] === true : false;\n  },\n  // Toggles an inline format on or off\n  toggleFormat: (format: Exclude<keyof Text, 'text'>, editor: Editor) => {\n    const formatActive = commands.isFormatActive(format, editor);\n    if (formatActive) {\n      Editor.removeMark(editor, format);\n    } else {\n      Editor.addMark(editor, format, true);\n    }\n  },\n  // Checks if a block level format is active\n  isBlockActive: (format: Element['type'], editor: Editor) => {\n    const [match] = Editor.nodes<Element>(editor, {\n      match: n => Element.isElement(n) && n.type === format\n    });\n\n    return !!match;\n  },\n  // Gets the active block level type\n  getActiveBlockType: (editor: Editor): string => {\n    const [match] = Editor.nodes<Element>(editor, {\n      at: editor.selection || undefined,\n      match: Element.isElement,\n      mode: 'lowest'\n    });\n\n    if (match) {\n      return match[0].type;\n    }\n    return '';\n  },\n  // Sets the block type of the currently selected block\n  setBlock: (format: Element['type'], editor: Editor) => {\n    Transforms.setNodes(editor, { type: format }, { mode: 'lowest' });\n  },\n  // Replaces a target in the editor with the given text\n  replaceWithText: (editor: Editor, target: Range | null, text: string) => {\n    if (target) {\n      Transforms.select(editor, target);\n    }\n    Transforms.insertText(editor, text);\n    Transforms.move(editor);\n  },\n  // Replaces a target in the editor with the given node\n  replaceWithNodes: (editor: Editor, target: Range | null, node: Node) => {\n    if (target) {\n      Transforms.select(editor, target);\n    }\n    Transforms.insertNodes(editor, node);\n  },\n  // Gets the highest selected block level node\n  getSelectedNode: (editor: Editor): NodeEntry<Node> => {\n    const [node] = Editor.nodes<Element>(editor, {\n      at: editor.selection || undefined,\n      match: n => Element.isElement(n),\n      mode: 'highest'\n    });\n    return node;\n  },\n  // Appends a 3x3 table into the editor and adds a blank line to the bottom\n  appendTable: (editor: Editor) => {\n    const baseArr: unknown[][] = new Array(3).fill(new Array(3).fill(0));\n    const table: [CosmosCustom.TableElement, CosmosCustom.ParagraphElement] = [\n      {\n        type: 'table',\n        children: [\n          {\n            type: 'table-body',\n            children: baseArr.map(row => {\n              return {\n                type: 'table-row',\n                children: row.map(() => {\n                  return {\n                    type: 'table-cell',\n                    children: [{ type: 'paragraph', children: [{ text: '' }] }]\n                  };\n                })\n              };\n            })\n          }\n        ]\n      },\n      {\n        type: 'paragraph',\n        children: [{ text: '' }]\n      }\n    ];\n\n    Transforms.insertNodes(editor, table, { mode: 'highest' });\n    const [firstTableCell] = Editor.nodes<CosmosCustom.ParagraphElement>(editor, {\n      at: editor.selection?.anchor.path.slice(0, 1),\n      match: n => Element.isElement(n) && n.type === 'paragraph',\n      mode: 'highest'\n    });\n    if (firstTableCell) {\n      const [, path] = firstTableCell;\n      path.push(0);\n      const nextPosition = { path, offset: 0 };\n      Transforms.setSelection(editor, { anchor: nextPosition, focus: nextPosition });\n    }\n  },\n  // Finds the image placeholder and replaces it with an image node\n  appendImage: (editor: Editor, imageData: { src: string; alt: string }, id: string) => {\n    const [node] = Editor.nodes<CosmosCustom.ImagePlaceholderElement>(editor, {\n      match: n => Element.isElement(n) && n.type === 'image-placeholder',\n      at: [Number(id)]\n    });\n\n    if (node) {\n      const [, path] = node;\n      Transforms.setNodes(\n        editor,\n        { type: 'image', src: imageData.src, alt: imageData.alt },\n        { at: path }\n      );\n      Transforms.unsetNodes(editor, 'id', { at: path });\n      return Editor.end(editor, path);\n    }\n    return null;\n  },\n  appendImagePlaceholder: (editor: Editor): string => {\n    const node = commands.getSelectedNode(editor);\n\n    if (node) {\n      const [, path] = node;\n      const next = Path.next(path);\n      Transforms.insertNodes(\n        editor,\n        { type: 'image-placeholder', children: [{ text: '' }] },\n        { at: next }\n      );\n      return next[0].toString();\n    }\n    return '';\n  },\n  // Creates a link at the given selection\n  createLink: (editor: Editor, text: string, url: string, selection: Range | null) => {\n    const linkNode = { text: text || url, href: url };\n    if (selection) {\n      if (Range.isCollapsed(selection)) {\n        const [node] = Editor.node(editor, selection);\n        if (Text.isText(node) && node.href) {\n          const before = Editor.before(editor, selection, { unit: 'word' });\n          const after = Editor.after(editor, selection, { unit: 'word' });\n\n          if (before && after) {\n            Transforms.insertNodes(editor, [linkNode], { at: { anchor: before, focus: after } });\n          } else if (before) {\n            const calculatedAfter = Editor.after(editor, before, { unit: 'word' });\n            if (calculatedAfter) {\n              Transforms.insertNodes(editor, [linkNode], {\n                at: { anchor: before, focus: calculatedAfter }\n              });\n            }\n          } else if (after) {\n            const calculatedBefore = Editor.before(editor, after, { unit: 'word' });\n            if (calculatedBefore) {\n              Transforms.insertNodes(editor, [linkNode], {\n                at: { anchor: calculatedBefore, focus: after }\n              });\n            }\n          }\n        } else {\n          Transforms.insertNodes(editor, [linkNode]);\n        }\n      } else {\n        Transforms.insertNodes(editor, [linkNode], {\n          at: selection\n        });\n      }\n    } else {\n      Transforms.insertNodes(editor, [linkNode]);\n    }\n  },\n  // Used to handle the enter key when the cursor is next to an image, inserts a new paragraph\n  checkImageEnter: (editor: Editor, e: KeyboardEvent) => {\n    const [image] = Editor.nodes<CosmosCustom.ImageElement>(editor, {\n      match: n => Element.isElement(n) && n.type === 'image'\n    });\n    if (image) {\n      if (e.keyCode < 37 && e.keyCode > 40) {\n        e.preventDefault();\n      }\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        const [, path] = image;\n        const next = Path.next(path);\n        Transforms.insertNodes(\n          editor,\n          { type: 'paragraph', children: [{ text: '' }] },\n          { at: next }\n        );\n        Transforms.select(editor, next);\n      }\n    }\n  },\n  // Turns the href and/or searchResult property off on the text node when space is pressed while on a link or mention\n  checkLinkBreak: (editor: Editor, e: KeyboardEvent) => {\n    const [link] = Editor.nodes<Text>(editor, {\n      match: n => Text.isText(n) && !!n.href\n    });\n    const [searchResult] = Editor.nodes<Text>(editor, {\n      match: n => Text.isText(n) && !!n.searchResult\n    });\n    if ((link || searchResult) && (e.key === ' ' || e.key === 'Enter')) {\n      e.preventDefault();\n      Editor.insertNode(editor, { text: e.key === 'Enter' ? '\\n' : ' ' });\n      Editor.removeMark(editor, link ? 'href' : 'searchResult');\n    }\n  },\n  /**\n   * Turns the searchResult property off on the text node when any key is pressed while on a searchResult.\n   * Will delete the searchResult node if backspace key is hit.\n   * Will re-position cursor to the start/end of the searchResult if arrow navigation is used.\n   */\n  checkSearchDownKeys: (editor: Editor, e: KeyboardEvent) => {\n    const [text] = Editor.nodes<Text>(editor, {\n      match: n => Text.isText(n)\n    });\n\n    if (text) {\n      const [node, path] = text;\n      const nextNode = Editor.next(editor)?.[0] as Text;\n      const nextPath = Editor.next(editor)?.[1];\n      const previousNode = Editor.previous(editor)?.[0] as Text;\n      const previousPath = Editor.previous(editor)?.[1];\n\n      const next = nextNode && nextNode.searchResult;\n      const nextInline = next && path[0] === nextPath?.[0];\n      const previous = previousNode && previousNode.searchResult;\n      const previousInline = previous && path[0] === previousPath?.[0];\n\n      // Checks if the current selection is a single cursor point rather than spanning multiple characters\n      const singlePointSelection =\n        editor.selection?.anchor.offset === editor.selection?.focus.offset &&\n        editor.selection?.anchor.path[0] === editor.selection?.focus.path[0] &&\n        editor.selection?.anchor.path[1] === editor.selection?.focus.path[1];\n\n      // Checks if the current selected node is a search result, or directly adjacent inline with a search result\n      if (node.searchResult || (next && nextInline) || (previous && previousInline)) {\n        const atStart = node.searchResult && editor.selection?.anchor.offset === 0;\n        const atEnd = node.searchResult && editor.selection?.anchor.offset === node.text.length;\n\n        // Deletes the entire search result only if the cursor is at the end of the search result\n        if (e.key === 'Backspace' && (atEnd || (previous && previousInline))) {\n          if (singlePointSelection) e.preventDefault();\n          Transforms.delete(editor, { at: previous ? previousPath : path });\n          // Deletes the entire search result only if the cursor is at the start of the search result\n        } else if (e.key === 'Delete' && (atStart || (next && nextInline))) {\n          if (singlePointSelection) e.preventDefault();\n          Transforms.delete(editor, { at: next ? nextPath : path });\n          // Moves cursor to start of search result only if the cursor is at the end of the search result\n        } else if (e.key === 'ArrowLeft' && (atEnd || (previous && previousInline))) {\n          if (singlePointSelection) e.preventDefault();\n          Transforms.move(editor, {\n            distance: previous ? previousNode.text.length : node.text.length,\n            unit: 'character',\n            reverse: true\n          });\n          // Moves cursor to end of search result only if the cursor is at the start of the search result\n        } else if (e.key === 'ArrowRight' && (atStart || (next && nextInline))) {\n          if (singlePointSelection) e.preventDefault();\n          Transforms.move(editor, {\n            distance: next ? nextNode.text.length : node.text.length,\n            unit: 'character'\n          });\n          // Ensures all other character (besides special key bindings) are inserted as plain text\n        } else if (e.key.length === 1 && !e.altKey && !e.ctrlKey && !e.metaKey) {\n          e.preventDefault();\n          Editor.insertNode(editor, { text: e.key === 'Enter' ? '\\n' : e.key });\n        }\n\n        // Prevents partial search result selections from disabling the searchResult flag\n        if (singlePointSelection) {\n          Editor.removeMark(editor, 'searchResult');\n        }\n      }\n    }\n  },\n  // Checks arrow navigation key up events around search results\n  checkSearchUpKeys: (editor: Editor, e: KeyboardEvent) => {\n    const [text] = Editor.nodes<Text>(editor, {\n      match: n => Text.isText(n)\n    });\n\n    if (text) {\n      const [node, path] = text;\n\n      const cursorInSearchResult =\n        node.searchResult &&\n        editor.selection?.anchor.path[0] === path[0] &&\n        editor.selection?.anchor.path[1] === path[1];\n\n      if (cursorInSearchResult && editor.selection) {\n        const distanceToStart = editor.selection.anchor.offset;\n        const distanceToEnd = node.text.length - editor.selection.anchor.offset;\n        // Moves cursor to the start of the search result\n        if (e.key === 'ArrowLeft') {\n          e.preventDefault();\n          Transforms.move(editor, {\n            distance: distanceToStart,\n            unit: 'character',\n            reverse: true\n          });\n          // Moves cursor to end of search result\n        } else if (e.key === 'ArrowRight') {\n          e.preventDefault();\n          Transforms.move(editor, {\n            distance: distanceToEnd,\n            unit: 'character'\n          });\n          // Moves cursor to start or end of search result, whichever is closer\n        } else if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n          e.preventDefault();\n          Transforms.move(editor, {\n            distance: distanceToStart <= distanceToEnd ? distanceToStart : distanceToEnd,\n            unit: 'character',\n            reverse: distanceToStart <= distanceToEnd\n          });\n        }\n      }\n    }\n  },\n  // Either adds a tab character or indents a list depending on the selection\n  indent: (editor: Editor) => {\n    const [nodeInListItem] = Editor.nodes<CosmosCustom.ListElement>(editor, {\n      match: n => Element.isElement(n) && n.type === 'list-item'\n    });\n\n    if (nodeInListItem) {\n      ListCommands.nestList(editor);\n      return;\n    }\n\n    if (editor.selection) {\n      let start = Editor.before(editor, editor.selection, { unit: 'block' });\n      start = start || Editor.start(editor, editor.selection);\n      Transforms.insertText(editor, '\\t', { at: start });\n    }\n  },\n  // Either removes a tab character or un indents a list depending on the selection\n  unindent: (editor: Editor) => {\n    const [nodeInListItem] = Editor.nodes<CosmosCustom.ListItemElement>(editor, {\n      match: n => Element.isElement(n) && n.type === 'list-item'\n    });\n\n    if (nodeInListItem) {\n      ListCommands.unNestList(editor);\n      return;\n    }\n\n    if (editor.selection) {\n      let start = Editor.before(editor, editor.selection, { unit: 'block' });\n      start = start || Editor.start(editor, editor.selection);\n      let end = Editor.after(editor, editor.selection, { unit: 'block' });\n      end = end || Editor.end(editor, editor.selection);\n      if (start && end) {\n        const text = Editor.string(editor, { anchor: start, focus: end });\n        const newText = text.replace(/\\t/, '');\n        Transforms.insertText(editor, newText, { at: { anchor: start, focus: end } });\n      }\n    }\n  },\n  checkKeyCommands: (editor: Editor, e: KeyboardEvent, markdownOnly?: boolean) => {\n    const cmdOrCtrl = e.metaKey || e.ctrlKey;\n    let commandExecuted = false;\n    if (cmdOrCtrl && !markdownOnly) {\n      // Command or Ctrl + Shift\n      if (e.shiftKey) {\n        switch (e.key) {\n          case 'b':\n            commands.toggleFormat('bold', editor);\n            commandExecuted = true;\n            break;\n          case 'i':\n            commands.toggleFormat('italic', editor);\n            commandExecuted = true;\n            break;\n          case 'x':\n            commands.toggleFormat('line-through', editor);\n            commandExecuted = true;\n            break;\n          case 'l':\n            ListCommands.toggleList('unordered-list', editor);\n            commandExecuted = true;\n            break;\n          default:\n        }\n        // Command or Ctrl but not alt\n      } else if (!e.shiftKey && !e.altKey) {\n        switch (e.key) {\n          case 'b':\n            commands.toggleFormat('bold', editor);\n            commandExecuted = true;\n            break;\n          case 'i':\n            commands.toggleFormat('italic', editor);\n            commandExecuted = true;\n            break;\n          default:\n        }\n      }\n    } else if (cmdOrCtrl && markdownOnly && !e.shiftKey && !e.altKey && e.key === 'x') {\n      const [searchResult] = Editor.nodes<Text>(editor, {\n        match: n => Text.isText(n) && !!n.searchResult\n      });\n      if (searchResult) {\n        Editor.removeMark(editor, 'searchResult');\n      }\n    }\n\n    if (e.altKey && !markdownOnly) {\n      if (cmdOrCtrl) {\n        if (textKeyCodeMapping[e.keyCode]) {\n          commands.setBlock(textKeyCodeMapping[e.keyCode], editor);\n          commandExecuted = true;\n        }\n      } else if (e.keyCode === 77) {\n        if (e.shiftKey) {\n          commands.unindent(editor);\n          commandExecuted = true;\n        } else {\n          commands.indent(editor);\n          commandExecuted = true;\n        }\n      }\n    }\n\n    if (markdownOnly && e.key === 'Backspace') {\n      const [searchResult] = Editor.nodes<Text>(editor, {\n        match: n => Text.isText(n) && !!n.searchResult\n      });\n      if (searchResult) {\n        Editor.removeMark(editor, 'searchResult');\n      }\n      if (!editor.selection) {\n        Transforms.select(editor, {\n          anchor: { offset: 0, path: [0, 0] },\n          focus: { offset: 0, path: [0, 0] }\n        });\n      }\n    }\n\n    if (commandExecuted) e.preventDefault();\n  }\n};\n\nexport default commands;\n"]}
+{"version":3,"file":"EditorCommands.js","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/EditorCommands.ts"],"names":[],"mappings":"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","sourcesContent":["import { KeyboardEvent } from 'react';\nimport {\n  Editor,\n  Transforms,\n  Range,\n  Path,\n  NodeEntry,\n  Node,\n  Element,\n  Text,\n  CosmosCustom\n} from 'slate';\n\nimport { ExcludeStrict } from '@pega/cosmos-react-core';\n\nimport ListCommands from './ListCommands';\n\nconst textKeyCodeMapping: { [key: number]: Element['type'] } = {\n  48: 'paragraph',\n  49: 'heading-1',\n  50: 'heading-2',\n  51: 'heading-3',\n  52: 'heading-4'\n};\n\nconst commands = {\n  // Checks if an inline format is active\n  isFormatActive: (format: ExcludeStrict<keyof Text, 'text'>, editor: Editor) => {\n    const marks = Editor.marks(editor);\n    return marks ? marks[format] === true : false;\n  },\n  // Toggles an inline format on or off\n  toggleFormat: (format: ExcludeStrict<keyof Text, 'text'>, editor: Editor) => {\n    const formatActive = commands.isFormatActive(format, editor);\n    if (formatActive) {\n      Editor.removeMark(editor, format);\n    } else {\n      Editor.addMark(editor, format, true);\n    }\n  },\n  // Checks if a block level format is active\n  isBlockActive: (format: Element['type'], editor: Editor) => {\n    const [match] = Editor.nodes<Element>(editor, {\n      match: n => Element.isElement(n) && n.type === format\n    });\n\n    return !!match;\n  },\n  // Gets the active block level type\n  getActiveBlockType: (editor: Editor): string => {\n    const [match] = Editor.nodes<Element>(editor, {\n      at: editor.selection || undefined,\n      match: Element.isElement,\n      mode: 'lowest'\n    });\n\n    if (match) {\n      return match[0].type;\n    }\n    return '';\n  },\n  // Sets the block type of the currently selected block\n  setBlock: (format: Element['type'], editor: Editor) => {\n    Transforms.setNodes(editor, { type: format }, { mode: 'lowest' });\n  },\n  // Replaces a target in the editor with the given text\n  replaceWithText: (editor: Editor, target: Range | null, text: string) => {\n    if (target) {\n      Transforms.select(editor, target);\n    }\n    Transforms.insertText(editor, text);\n    Transforms.move(editor);\n  },\n  // Replaces a target in the editor with the given node\n  replaceWithNodes: (editor: Editor, target: Range | null, node: Node) => {\n    if (target) {\n      Transforms.select(editor, target);\n    }\n    Transforms.insertNodes(editor, node);\n  },\n  // Gets the highest selected block level node\n  getSelectedNode: (editor: Editor): NodeEntry<Node> => {\n    const [node] = Editor.nodes<Element>(editor, {\n      at: editor.selection || undefined,\n      match: n => Element.isElement(n),\n      mode: 'highest'\n    });\n    return node;\n  },\n  // Appends a 3x3 table into the editor and adds a blank line to the bottom\n  appendTable: (editor: Editor) => {\n    const baseArr: unknown[][] = new Array(3).fill(new Array(3).fill(0));\n    const table: [CosmosCustom.TableElement, CosmosCustom.ParagraphElement] = [\n      {\n        type: 'table',\n        children: [\n          {\n            type: 'table-body',\n            children: baseArr.map(row => {\n              return {\n                type: 'table-row',\n                children: row.map(() => {\n                  return {\n                    type: 'table-cell',\n                    children: [{ type: 'paragraph', children: [{ text: '' }] }]\n                  };\n                })\n              };\n            })\n          }\n        ]\n      },\n      {\n        type: 'paragraph',\n        children: [{ text: '' }]\n      }\n    ];\n\n    Transforms.insertNodes(editor, table, { mode: 'highest' });\n    const [firstTableCell] = Editor.nodes<CosmosCustom.ParagraphElement>(editor, {\n      at: editor.selection?.anchor.path.slice(0, 1),\n      match: n => Element.isElement(n) && n.type === 'paragraph',\n      mode: 'highest'\n    });\n    if (firstTableCell) {\n      const [, path] = firstTableCell;\n      path.push(0);\n      const nextPosition = { path, offset: 0 };\n      Transforms.setSelection(editor, { anchor: nextPosition, focus: nextPosition });\n    }\n  },\n  // Finds the image placeholder and replaces it with an image node\n  appendImage: (editor: Editor, imageData: { src: string; alt: string }, id: string) => {\n    const [node] = Editor.nodes<CosmosCustom.ImagePlaceholderElement>(editor, {\n      match: n => Element.isElement(n) && n.type === 'image-placeholder',\n      at: [Number(id)]\n    });\n\n    if (node) {\n      const [, path] = node;\n      Transforms.setNodes(\n        editor,\n        { type: 'image', src: imageData.src, alt: imageData.alt },\n        { at: path }\n      );\n      Transforms.unsetNodes(editor, 'id', { at: path });\n      return Editor.end(editor, path);\n    }\n    return null;\n  },\n  appendImagePlaceholder: (editor: Editor): string => {\n    const node = commands.getSelectedNode(editor);\n\n    if (node) {\n      const [, path] = node;\n      const next = Path.next(path);\n      Transforms.insertNodes(\n        editor,\n        { type: 'image-placeholder', children: [{ text: '' }] },\n        { at: next }\n      );\n      return next[0].toString();\n    }\n    return '';\n  },\n  // Creates a link at the given selection\n  createLink: (editor: Editor, text: string, url: string, selection: Range | null) => {\n    const linkNode = { text: text || url, href: url };\n    if (selection) {\n      if (Range.isCollapsed(selection)) {\n        const [node] = Editor.node(editor, selection);\n        if (Text.isText(node) && node.href) {\n          const before = Editor.before(editor, selection, { unit: 'word' });\n          const after = Editor.after(editor, selection, { unit: 'word' });\n\n          if (before && after) {\n            Transforms.insertNodes(editor, [linkNode], { at: { anchor: before, focus: after } });\n          } else if (before) {\n            const calculatedAfter = Editor.after(editor, before, { unit: 'word' });\n            if (calculatedAfter) {\n              Transforms.insertNodes(editor, [linkNode], {\n                at: { anchor: before, focus: calculatedAfter }\n              });\n            }\n          } else if (after) {\n            const calculatedBefore = Editor.before(editor, after, { unit: 'word' });\n            if (calculatedBefore) {\n              Transforms.insertNodes(editor, [linkNode], {\n                at: { anchor: calculatedBefore, focus: after }\n              });\n            }\n          }\n        } else {\n          Transforms.insertNodes(editor, [linkNode]);\n        }\n      } else {\n        Transforms.insertNodes(editor, [linkNode], {\n          at: selection\n        });\n      }\n    } else {\n      Transforms.insertNodes(editor, [linkNode]);\n    }\n  },\n  // Used to handle the enter key when the cursor is next to an image, inserts a new paragraph\n  checkImageEnter: (editor: Editor, e: KeyboardEvent) => {\n    const [image] = Editor.nodes<CosmosCustom.ImageElement>(editor, {\n      match: n => Element.isElement(n) && n.type === 'image'\n    });\n    if (image) {\n      if (e.keyCode < 37 && e.keyCode > 40) {\n        e.preventDefault();\n      }\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        const [, path] = image;\n        const next = Path.next(path);\n        Transforms.insertNodes(\n          editor,\n          { type: 'paragraph', children: [{ text: '' }] },\n          { at: next }\n        );\n        Transforms.select(editor, next);\n      }\n    }\n  },\n  // Turns the href and/or searchResult property off on the text node when space is pressed while on a link or mention\n  checkLinkBreak: (editor: Editor, e: KeyboardEvent) => {\n    const [link] = Editor.nodes<Text>(editor, {\n      match: n => Text.isText(n) && !!n.href\n    });\n    const [searchResult] = Editor.nodes<Text>(editor, {\n      match: n => Text.isText(n) && !!n.searchResult\n    });\n    if ((link || searchResult) && (e.key === ' ' || e.key === 'Enter')) {\n      e.preventDefault();\n      Editor.insertNode(editor, { text: e.key === 'Enter' ? '\\n' : ' ' });\n      Editor.removeMark(editor, link ? 'href' : 'searchResult');\n    }\n  },\n  /**\n   * Turns the searchResult property off on the text node when any key is pressed while on a searchResult.\n   * Will delete the searchResult node if backspace key is hit.\n   * Will re-position cursor to the start/end of the searchResult if arrow navigation is used.\n   */\n  checkSearchDownKeys: (editor: Editor, e: KeyboardEvent) => {\n    const [text] = Editor.nodes<Text>(editor, {\n      match: n => Text.isText(n)\n    });\n\n    if (text) {\n      const [node, path] = text;\n      const nextNode = Editor.next(editor)?.[0] as Text;\n      const nextPath = Editor.next(editor)?.[1];\n      const previousNode = Editor.previous(editor)?.[0] as Text;\n      const previousPath = Editor.previous(editor)?.[1];\n\n      const next = nextNode && nextNode.searchResult;\n      const nextInline = next && path[0] === nextPath?.[0];\n      const previous = previousNode && previousNode.searchResult;\n      const previousInline = previous && path[0] === previousPath?.[0];\n\n      // Checks if the current selection is a single cursor point rather than spanning multiple characters\n      const singlePointSelection =\n        editor.selection?.anchor.offset === editor.selection?.focus.offset &&\n        editor.selection?.anchor.path[0] === editor.selection?.focus.path[0] &&\n        editor.selection?.anchor.path[1] === editor.selection?.focus.path[1];\n\n      // Checks if the current selected node is a search result, or directly adjacent inline with a search result\n      if (node.searchResult || (next && nextInline) || (previous && previousInline)) {\n        const atStart = node.searchResult && editor.selection?.anchor.offset === 0;\n        const atEnd = node.searchResult && editor.selection?.anchor.offset === node.text.length;\n\n        // Deletes the entire search result only if the cursor is at the end of the search result\n        if (e.key === 'Backspace' && (atEnd || (previous && previousInline))) {\n          if (singlePointSelection) e.preventDefault();\n          Transforms.delete(editor, { at: previous ? previousPath : path });\n          // Deletes the entire search result only if the cursor is at the start of the search result\n        } else if (e.key === 'Delete' && (atStart || (next && nextInline))) {\n          if (singlePointSelection) e.preventDefault();\n          Transforms.delete(editor, { at: next ? nextPath : path });\n          // Moves cursor to start of search result only if the cursor is at the end of the search result\n        } else if (e.key === 'ArrowLeft' && (atEnd || (previous && previousInline))) {\n          if (singlePointSelection) e.preventDefault();\n          Transforms.move(editor, {\n            distance: previous ? previousNode.text.length : node.text.length,\n            unit: 'character',\n            reverse: true\n          });\n          // Moves cursor to end of search result only if the cursor is at the start of the search result\n        } else if (e.key === 'ArrowRight' && (atStart || (next && nextInline))) {\n          if (singlePointSelection) e.preventDefault();\n          Transforms.move(editor, {\n            distance: next ? nextNode.text.length : node.text.length,\n            unit: 'character'\n          });\n          // Ensures all other character (besides special key bindings) are inserted as plain text\n        } else if (e.key.length === 1 && !e.altKey && !e.ctrlKey && !e.metaKey) {\n          e.preventDefault();\n          Editor.insertNode(editor, { text: e.key === 'Enter' ? '\\n' : e.key });\n        }\n\n        // Prevents partial search result selections from disabling the searchResult flag\n        if (singlePointSelection) {\n          Editor.removeMark(editor, 'searchResult');\n        }\n      }\n    }\n  },\n  // Checks arrow navigation key up events around search results\n  checkSearchUpKeys: (editor: Editor, e: KeyboardEvent) => {\n    const [text] = Editor.nodes<Text>(editor, {\n      match: n => Text.isText(n)\n    });\n\n    if (text) {\n      const [node, path] = text;\n\n      const cursorInSearchResult =\n        node.searchResult &&\n        editor.selection?.anchor.path[0] === path[0] &&\n        editor.selection?.anchor.path[1] === path[1];\n\n      if (cursorInSearchResult && editor.selection) {\n        const distanceToStart = editor.selection.anchor.offset;\n        const distanceToEnd = node.text.length - editor.selection.anchor.offset;\n        // Moves cursor to the start of the search result\n        if (e.key === 'ArrowLeft') {\n          e.preventDefault();\n          Transforms.move(editor, {\n            distance: distanceToStart,\n            unit: 'character',\n            reverse: true\n          });\n          // Moves cursor to end of search result\n        } else if (e.key === 'ArrowRight') {\n          e.preventDefault();\n          Transforms.move(editor, {\n            distance: distanceToEnd,\n            unit: 'character'\n          });\n          // Moves cursor to start or end of search result, whichever is closer\n        } else if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n          e.preventDefault();\n          Transforms.move(editor, {\n            distance: distanceToStart <= distanceToEnd ? distanceToStart : distanceToEnd,\n            unit: 'character',\n            reverse: distanceToStart <= distanceToEnd\n          });\n        }\n      }\n    }\n  },\n  // Either adds a tab character or indents a list depending on the selection\n  indent: (editor: Editor) => {\n    const [nodeInListItem] = Editor.nodes<CosmosCustom.ListElement>(editor, {\n      match: n => Element.isElement(n) && n.type === 'list-item'\n    });\n\n    if (nodeInListItem) {\n      ListCommands.nestList(editor);\n      return;\n    }\n\n    if (editor.selection) {\n      let start = Editor.before(editor, editor.selection, { unit: 'block' });\n      start = start || Editor.start(editor, editor.selection);\n      Transforms.insertText(editor, '\\t', { at: start });\n    }\n  },\n  // Either removes a tab character or un indents a list depending on the selection\n  unindent: (editor: Editor) => {\n    const [nodeInListItem] = Editor.nodes<CosmosCustom.ListItemElement>(editor, {\n      match: n => Element.isElement(n) && n.type === 'list-item'\n    });\n\n    if (nodeInListItem) {\n      ListCommands.unNestList(editor);\n      return;\n    }\n\n    if (editor.selection) {\n      let start = Editor.before(editor, editor.selection, { unit: 'block' });\n      start = start || Editor.start(editor, editor.selection);\n      let end = Editor.after(editor, editor.selection, { unit: 'block' });\n      end = end || Editor.end(editor, editor.selection);\n      if (start && end) {\n        const text = Editor.string(editor, { anchor: start, focus: end });\n        const newText = text.replace(/\\t/, '');\n        Transforms.insertText(editor, newText, { at: { anchor: start, focus: end } });\n      }\n    }\n  },\n  checkKeyCommands: (editor: Editor, e: KeyboardEvent, markdownOnly?: boolean) => {\n    const cmdOrCtrl = e.metaKey || e.ctrlKey;\n    let commandExecuted = false;\n    if (cmdOrCtrl && !markdownOnly) {\n      // Command or Ctrl + Shift\n      if (e.shiftKey) {\n        switch (e.key) {\n          case 'b':\n            commands.toggleFormat('bold', editor);\n            commandExecuted = true;\n            break;\n          case 'i':\n            commands.toggleFormat('italic', editor);\n            commandExecuted = true;\n            break;\n          case 'x':\n            commands.toggleFormat('line-through', editor);\n            commandExecuted = true;\n            break;\n          case 'l':\n            ListCommands.toggleList('unordered-list', editor);\n            commandExecuted = true;\n            break;\n          default:\n        }\n        // Command or Ctrl but not alt\n      } else if (!e.shiftKey && !e.altKey) {\n        switch (e.key) {\n          case 'b':\n            commands.toggleFormat('bold', editor);\n            commandExecuted = true;\n            break;\n          case 'i':\n            commands.toggleFormat('italic', editor);\n            commandExecuted = true;\n            break;\n          default:\n        }\n      }\n    } else if (cmdOrCtrl && markdownOnly && !e.shiftKey && !e.altKey && e.key === 'x') {\n      const [searchResult] = Editor.nodes<Text>(editor, {\n        match: n => Text.isText(n) && !!n.searchResult\n      });\n      if (searchResult) {\n        Editor.removeMark(editor, 'searchResult');\n      }\n    }\n\n    if (e.altKey && !markdownOnly) {\n      if (cmdOrCtrl) {\n        if (textKeyCodeMapping[e.keyCode]) {\n          commands.setBlock(textKeyCodeMapping[e.keyCode], editor);\n          commandExecuted = true;\n        }\n      } else if (e.keyCode === 77) {\n        if (e.shiftKey) {\n          commands.unindent(editor);\n          commandExecuted = true;\n        } else {\n          commands.indent(editor);\n          commandExecuted = true;\n        }\n      }\n    }\n\n    if (markdownOnly && e.key === 'Backspace') {\n      const [searchResult] = Editor.nodes<Text>(editor, {\n        match: n => Text.isText(n) && !!n.searchResult\n      });\n      if (searchResult) {\n        Editor.removeMark(editor, 'searchResult');\n      }\n      if (!editor.selection) {\n        Transforms.select(editor, {\n          anchor: { offset: 0, path: [0, 0] },\n          focus: { offset: 0, path: [0, 0] }\n        });\n      }\n    }\n\n    if (commandExecuted) e.preventDefault();\n  }\n};\n\nexport default commands;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"slateConverter.d.ts","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/slateConverter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;CAoB1B,CAAC;AA8BF,eAAO,MAAM,aAAa,UAAW,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,KAAG,MAkCzD,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,KAAG,MAW9D,CAAC"}
+{"version":3,"file":"slateConverter.d.ts","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/slateConverter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAIpD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;CAoB1B,CAAC;AA8BF,eAAO,MAAM,aAAa,UAAW,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,KAAG,MAkCzD,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,KAAG,MAW9D,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"slateConverter.js","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/slateConverter.ts"],"names":[],"mappings":"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","sourcesContent":["import { CosmosCustom, Element, Text } from 'slate';\n\nexport const slateToHtmlMap = {\n  link: 'a',\n  'heading-1': 'h1',\n  'heading-2': 'h2',\n  'heading-3': 'h3',\n  'heading-4': 'h4',\n  'unordered-list': 'ul',\n  'ordered-list': 'ol',\n  'list-item': 'li',\n  table: 'table',\n  'table-body': 'tbody',\n  'table-row': 'tr',\n  'table-cell': 'td',\n  text: 'span',\n  paragraph: 'p',\n  bold: 'b',\n  'line-through': 'del',\n  italic: 'i',\n  href: 'a',\n  image: 'img'\n};\n\n// Reduces the properties in a slate node into the correct html attributes, mostly used for list-items at the moment\nconst getAttrs = (\n  el: Exclude<Element, CosmosCustom.ImagePlaceholderElement | CosmosCustom.CustomElement>\n) => {\n  // eslint-disable-next-line sonarjs/no-small-switch\n  switch (el.type) {\n    case 'list-item':\n      return [\n        { name: 'data-id', value: el.id },\n        { name: 'data-parent-id', value: el.parentId },\n        { name: 'data-order', value: el.order },\n        { name: 'data-level', value: el.level }\n      ].reduce((acc, attr) => {\n        if (attr.value) {\n          return `${acc} ${attr.name}='${attr.value}'`;\n        }\n        return acc;\n      }, '');\n    default:\n      return Object.keys(el).reduce((innerAcc, key) => {\n        return key !== 'type' && key !== 'children'\n          ? `${innerAcc} ${key}='${el[key as keyof Element]}'`\n          : innerAcc;\n      }, '');\n  }\n};\n\n// Recursive function to reduce Slate Nodes into an HTML string\nexport const constructHtml = (nodes: (Element | Text)[]): string => {\n  return nodes.reduce((acc, node) => {\n    if (\n      Element.isElement(node) &&\n      (node.type === 'image-placeholder' || node.type === 'custom' || node.type === 'override')\n    )\n      return acc;\n\n    const htmlTag = Element.isElement(node) ? slateToHtmlMap[node.type] : undefined;\n    let html;\n    if (Text.isText(node)) {\n      const { text, ...restNode } = node;\n      // Reducing inline style properties from a single Slate Node into the correct HTML tags\n      html = Object.keys(restNode).reduce((innerAcc, key, i) => {\n        const tag = slateToHtmlMap[key as 'bold' | 'line-through' | 'italic' | 'href'];\n        // Add the href attribute if needed\n        const firstInnerTag = tag === 'a' ? `${tag} href='${restNode[key as 'href']}'` : tag;\n\n        if (i === 0) {\n          return `<${firstInnerTag}>${text}</${tag}>`;\n        }\n        return `<${firstInnerTag}>${innerAcc}</${tag}>`;\n      }, '');\n      if (!html) {\n        html = text;\n      }\n    } else {\n      const attrs = getAttrs(node);\n      html = `<${htmlTag}${attrs}>${constructHtml(\n        (node.children as (Element | Text)[]) || []\n      )}</${htmlTag}>`;\n    }\n    return `${acc}${html}`;\n  }, '');\n};\n\nexport const convertSlateToHtml = (nodes: (Element | Text)[]): string => {\n  if (\n    nodes.length === 1 &&\n    Element.isElement(nodes[0]) &&\n    Text.isText(nodes[0].children[0]) &&\n    nodes[0].children[0].text === ''\n  ) {\n    return '';\n  }\n  const htmlNodes = constructHtml(nodes);\n  return `<body>${htmlNodes}</body>`;\n};\n"]}
+{"version":3,"file":"slateConverter.js","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/slateConverter.ts"],"names":[],"mappings":"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","sourcesContent":["import { CosmosCustom, Element, Text } from 'slate';\n\nimport { ExcludeStrict } from '@pega/cosmos-react-core';\n\nexport const slateToHtmlMap = {\n  link: 'a',\n  'heading-1': 'h1',\n  'heading-2': 'h2',\n  'heading-3': 'h3',\n  'heading-4': 'h4',\n  'unordered-list': 'ul',\n  'ordered-list': 'ol',\n  'list-item': 'li',\n  table: 'table',\n  'table-body': 'tbody',\n  'table-row': 'tr',\n  'table-cell': 'td',\n  text: 'span',\n  paragraph: 'p',\n  bold: 'b',\n  'line-through': 'del',\n  italic: 'i',\n  href: 'a',\n  image: 'img'\n};\n\n// Reduces the properties in a slate node into the correct html attributes, mostly used for list-items at the moment\nconst getAttrs = (\n  el: ExcludeStrict<Element, CosmosCustom.ImagePlaceholderElement | CosmosCustom.CustomElement>\n) => {\n  // eslint-disable-next-line sonarjs/no-small-switch\n  switch (el.type) {\n    case 'list-item':\n      return [\n        { name: 'data-id', value: el.id },\n        { name: 'data-parent-id', value: el.parentId },\n        { name: 'data-order', value: el.order },\n        { name: 'data-level', value: el.level }\n      ].reduce((acc, attr) => {\n        if (attr.value) {\n          return `${acc} ${attr.name}='${attr.value}'`;\n        }\n        return acc;\n      }, '');\n    default:\n      return Object.keys(el).reduce((innerAcc, key) => {\n        return key !== 'type' && key !== 'children'\n          ? `${innerAcc} ${key}='${el[key as keyof Element]}'`\n          : innerAcc;\n      }, '');\n  }\n};\n\n// Recursive function to reduce Slate Nodes into an HTML string\nexport const constructHtml = (nodes: (Element | Text)[]): string => {\n  return nodes.reduce((acc, node) => {\n    if (\n      Element.isElement(node) &&\n      (node.type === 'image-placeholder' || node.type === 'custom' || node.type === 'override')\n    )\n      return acc;\n\n    const htmlTag = Element.isElement(node) ? slateToHtmlMap[node.type] : undefined;\n    let html;\n    if (Text.isText(node)) {\n      const { text, ...restNode } = node;\n      // Reducing inline style properties from a single Slate Node into the correct HTML tags\n      html = Object.keys(restNode).reduce((innerAcc, key, i) => {\n        const tag = slateToHtmlMap[key as 'bold' | 'line-through' | 'italic' | 'href'];\n        // Add the href attribute if needed\n        const firstInnerTag = tag === 'a' ? `${tag} href='${restNode[key as 'href']}'` : tag;\n\n        if (i === 0) {\n          return `<${firstInnerTag}>${text}</${tag}>`;\n        }\n        return `<${firstInnerTag}>${innerAcc}</${tag}>`;\n      }, '');\n      if (!html) {\n        html = text;\n      }\n    } else {\n      const attrs = getAttrs(node);\n      html = `<${htmlTag}${attrs}>${constructHtml(\n        (node.children as (Element | Text)[]) || []\n      )}</${htmlTag}>`;\n    }\n    return `${acc}${html}`;\n  }, '');\n};\n\nexport const convertSlateToHtml = (nodes: (Element | Text)[]): string => {\n  if (\n    nodes.length === 1 &&\n    Element.isElement(nodes[0]) &&\n    Text.isText(nodes[0].children[0]) &&\n    nodes[0].children[0].text === ''\n  ) {\n    return '';\n  }\n  const htmlNodes = constructHtml(nodes);\n  return `<body>${htmlNodes}</body>`;\n};\n"]}

package/lib/index.d.ts

@@ -1,3 +1,5 @@
+export { default as DynamicContentEditor } from './components/DynamicContentEditor';
+export * from './components/DynamicContentEditor';
 export * from './components/Editor';
 export * from './components/RichTextEditor';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACpF,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC"}

package/lib/index.js

@@ -1,4 +1,6 @@
 // This file is autogenerated. Any changes will be overwritten.
+export { default as DynamicContentEditor } from './components/DynamicContentEditor';
+export * from './components/DynamicContentEditor';
 export * from './components/Editor';
 export * from './components/RichTextEditor';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\nexport * from './components/Editor';\nexport * from './components/RichTextEditor';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACpF,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\nexport { default as DynamicContentEditor } from './components/DynamicContentEditor';\nexport * from './components/DynamicContentEditor';\nexport * from './components/Editor';\nexport * from './components/RichTextEditor';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-rte",
-  "version": "4.0.0-dev.19.1",
+  "version": "4.0.0-dev.19.3",
   "repository": {
     "type": "git",
     "url": "https://github.com/pegasystems/cosmos-react.git",
@@ -20,7 +20,7 @@
     "build": "tsc -b"
   },
   "dependencies": {
-    "@pega/cosmos-react-core": "4.0.0-dev.19.1",
+    "@pega/cosmos-react-core": "4.0.0-dev.19.3",
     "@popperjs/core": "^2.11.6",
     "@types/marked": "^4.0.2",
     "@types/parse5": "^6.0.0",