@pega/cosmos-react-rte 2.0.0-dev.18.0 → 2.0.0-dev.20.0

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

@@ -5,42 +5,42 @@ import { Table, TableRow, TableCell, TableBody } from '../DecoratorComponents/Ta
 export const nodeRenderer = (props) => {
     switch (props.element.type) {
         case 'heading-1':
-            return (_jsx(Text, Object.assign({ variant: 'h1' }, props.attributes, { children: props.children }), void 0));
+            return (_jsx(Text, { variant: 'h1', ...props.attributes, children: props.children }, void 0));
         case 'heading-2':
-            return (_jsx(Text, Object.assign({ variant: 'h2' }, props.attributes, { children: props.children }), void 0));
+            return (_jsx(Text, { variant: 'h2', ...props.attributes, children: props.children }, void 0));
         case 'heading-3':
-            return (_jsx(Text, Object.assign({ variant: 'h3' }, props.attributes, { children: props.children }), void 0));
+            return (_jsx(Text, { variant: 'h3', ...props.attributes, children: props.children }, void 0));
         case 'heading-4':
-            return (_jsx(Text, Object.assign({ variant: 'h4' }, props.attributes, { children: props.children }), void 0));
+            return (_jsx(Text, { variant: 'h4', ...props.attributes, children: props.children }, void 0));
         case 'ordered-list':
-            return _jsx("ol", Object.assign({}, props.attributes, { children: props.children }), void 0);
+            return _jsx("ol", { ...props.attributes, children: props.children }, void 0);
         case 'unordered-list':
-            return _jsx("ul", Object.assign({}, props.attributes, { children: props.children }), void 0);
+            return _jsx("ul", { ...props.attributes, children: props.children }, void 0);
         case 'list-item':
-            return (_jsx("li", Object.assign({}, props.attributes, { "data-order": props.element.order, "data-level": props.element.level, "data-id": props.element.id, "data-parent-id": props.element.parentId }, { children: props.children }), void 0));
+            return (_jsx("li", { ...props.attributes, "data-order": props.element.order, "data-level": props.element.level, "data-id": props.element.id, "data-parent-id": props.element.parentId, children: props.children }, void 0));
         case 'custom': {
             const CustomComponent = props.element.component;
-            return _jsx(CustomComponent, Object.assign({}, props.attributes, { children: props.element.content }), void 0);
+            return _jsx(CustomComponent, { ...props.attributes, children: props.element.content }, void 0);
         }
         case 'override': {
             return props.element.component;
         }
         case 'table':
-            return _jsx(Table, Object.assign({}, props.attributes, { children: props.children }), void 0);
+            return _jsx(Table, { ...props.attributes, children: props.children }, void 0);
         case 'table-body':
-            return _jsx(TableBody, Object.assign({}, props.attributes, { children: props.children }), void 0);
+            return _jsx(TableBody, { ...props.attributes, children: props.children }, void 0);
         case 'table-row':
-            return _jsx(TableRow, Object.assign({}, props.attributes, { children: props.children }), void 0);
+            return _jsx(TableRow, { ...props.attributes, children: props.children }, void 0);
         case 'table-cell':
-            return _jsx(TableCell, Object.assign({}, props.attributes, { children: props.children }), void 0);
+            return _jsx(TableCell, { ...props.attributes, children: props.children }, void 0);
         case 'paragraph':
-            return (_jsx("div", { children: _jsx(Text, Object.assign({}, props.attributes, { children: props.children }), void 0) }, void 0));
+            return (_jsx("div", { children: _jsx(Text, { ...props.attributes, children: props.children }, void 0) }, void 0));
         case 'image':
-            return (_jsxs("div", Object.assign({}, props.attributes, { children: [_jsx(Image, { src: props.element.src, alt: props.element.alt }, void 0), props.children] }), void 0));
+            return (_jsxs("div", { ...props.attributes, children: [_jsx(Image, { src: props.element.src, alt: props.element.alt }, void 0), props.children] }, void 0));
         case 'image-placeholder':
-            return _jsx("div", Object.assign({}, props.attributes, { children: props.children }), void 0);
+            return _jsx("div", { ...props.attributes, children: props.children }, void 0);
         default: {
-            return _jsx("span", Object.assign({}, props.attributes, { children: props.children }), void 0);
+            return _jsx("span", { ...props.attributes, children: props.children }, void 0);
         }
     }
 };
@@ -49,7 +49,7 @@ export const leafRenderer = (props) => {
     let child = props.children;
     if (props.leaf.searchResult) {
         const CustomComponent = props.leaf.searchResult.component;
-        return (_jsx("span", Object.assign({}, props.attributes, { children: _jsx(CustomComponent, Object.assign({}, props.leaf.searchResult.props, { children: child }), void 0) }), void 0));
+        return (_jsx("span", { ...props.attributes, children: _jsx(CustomComponent, { ...props.leaf.searchResult.props, children: child }, void 0) }, void 0));
     }
     if (props.leaf['line-through']) {
         child = _jsx("del", { children: child }, void 0);
@@ -61,8 +61,8 @@ export const leafRenderer = (props) => {
         child = _jsx("strong", { children: child }, void 0);
     }
     if (props.leaf.href) {
-        child = (_jsx(Link, Object.assign({ href: props.leaf.href, target: '_blank' }, { children: child }), void 0));
+        child = (_jsx(Link, { href: props.leaf.href, target: '_blank', children: child }, void 0));
     }
-    return _jsx("span", Object.assign({}, props.attributes, { children: child }), void 0);
+    return _jsx("span", { ...props.attributes, children: child }, void 0);
 };
 //# sourceMappingURL=renderers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderers.js","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/renderers.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAErF,oCAAoC;AACpC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAyB,EAAE,EAAE;IACxD,QAAQ,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE;QAC1B,KAAK,WAAW;YACd,OAAO,CACL,KAAC,IAAI,kBAAC,OAAO,EAAC,IAAI,IAAK,KAAK,CAAC,UAAU,cACpC,KAAK,CAAC,QAAQ,YACV,CACR,CAAC;QACJ,KAAK,WAAW;YACd,OAAO,CACL,KAAC,IAAI,kBAAC,OAAO,EAAC,IAAI,IAAK,KAAK,CAAC,UAAU,cACpC,KAAK,CAAC,QAAQ,YACV,CACR,CAAC;QACJ,KAAK,WAAW;YACd,OAAO,CACL,KAAC,IAAI,kBAAC,OAAO,EAAC,IAAI,IAAK,KAAK,CAAC,UAAU,cACpC,KAAK,CAAC,QAAQ,YACV,CACR,CAAC;QACJ,KAAK,WAAW;YACd,OAAO,CACL,KAAC,IAAI,kBAAC,OAAO,EAAC,IAAI,IAAK,KAAK,CAAC,UAAU,cACpC,KAAK,CAAC,QAAQ,YACV,CACR,CAAC;QACJ,KAAK,cAAc;YACjB,OAAO,6BAAQ,KAAK,CAAC,UAAU,cAAG,KAAK,CAAC,QAAQ,YAAM,CAAC;QACzD,KAAK,gBAAgB;YACnB,OAAO,6BAAQ,KAAK,CAAC,UAAU,cAAG,KAAK,CAAC,QAAQ,YAAM,CAAC;QACzD,KAAK,WAAW;YACd,OAAO,CACL,6BACM,KAAK,CAAC,UAAU,kBACR,KAAK,CAAC,OAAO,CAAC,KAAK,gBACnB,KAAK,CAAC,OAAO,CAAC,KAAK,aACtB,KAAK,CAAC,OAAO,CAAC,EAAE,oBACT,KAAK,CAAC,OAAO,CAAC,QAAQ,gBAErC,KAAK,CAAC,QAAQ,YACZ,CACN,CAAC;QACJ,KAAK,QAAQ,CAAC,CAAC;YACb,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC;YAChD,OAAO,KAAC,eAAe,oBAAK,KAAK,CAAC,UAAU,cAAG,KAAK,CAAC,OAAO,CAAC,OAAO,YAAmB,CAAC;SACzF;QACD,KAAK,UAAU,CAAC,CAAC;YACf,OAAO,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC;SAChC;QACD,KAAK,OAAO;YACV,OAAO,KAAC,KAAK,oBAAK,KAAK,CAAC,UAAU,cAAG,KAAK,CAAC,QAAQ,YAAS,CAAC;QAC/D,KAAK,YAAY;YACf,OAAO,KAAC,SAAS,oBAAK,KAAK,CAAC,UAAU,cAAG,KAAK,CAAC,QAAQ,YAAa,CAAC;QACvE,KAAK,WAAW;YACd,OAAO,KAAC,QAAQ,oBAAK,KAAK,CAAC,UAAU,cAAG,KAAK,CAAC,QAAQ,YAAY,CAAC;QACrE,KAAK,YAAY;YACf,OAAO,KAAC,SAAS,oBAAK,KAAK,CAAC,UAAU,cAAG,KAAK,CAAC,QAAQ,YAAa,CAAC;QACvE,KAAK,WAAW;YACd,OAAO,CACL,wBACE,KAAC,IAAI,oBAAK,KAAK,CAAC,UAAU,cAAG,KAAK,CAAC,QAAQ,YAAQ,WAC/C,CACP,CAAC;QACJ,KAAK,OAAO;YACV,OAAO,CACL,+BAAS,KAAK,CAAC,UAAU,eACvB,KAAC,KAAK,IAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAa,WAAI,EAClE,KAAK,CAAC,QAAQ,aACX,CACP,CAAC;QACJ,KAAK,mBAAmB;YACtB,OAAO,8BAAS,KAAK,CAAC,UAAU,cAAG,KAAK,CAAC,QAAQ,YAAO,CAAC;QAC3D,OAAO,CAAC,CAAC;YACP,OAAO,+BAAU,KAAK,CAAC,UAAU,cAAG,KAAK,CAAC,QAAQ,YAAQ,CAAC;SAC5D;KACF;AACH,CAAC,CAAC;AAEF,+BAA+B;AAC/B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAsB,EAAE,EAAE;IACrD,IAAI,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC;IAE3B,IAAI,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE;QAC3B,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC;QAC1D,OAAO,CACL,+BAAU,KAAK,CAAC,UAAU,cACxB,KAAC,eAAe,oBAAK,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,cAAG,KAAK,YAAmB,YACxE,CACR,CAAC;KACH;IAED,IAAI,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE;QAC9B,KAAK,GAAG,wBAAM,KAAK,WAAO,CAAC;KAC5B;IAED,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE;QACrB,KAAK,GAAG,uBAAK,KAAK,WAAM,CAAC;KAC1B;IAED,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE;QACnB,KAAK,GAAG,2BAAS,KAAK,WAAU,CAAC;KAClC;IAED,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE;QACnB,KAAK,GAAG,CACN,KAAC,IAAI,kBAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,gBACzC,KAAK,YACD,CACR,CAAC;KACH;IAED,OAAO,+BAAU,KAAK,CAAC,UAAU,cAAG,KAAK,YAAQ,CAAC;AACpD,CAAC,CAAC","sourcesContent":["import { RenderElementProps, RenderLeafProps } from 'slate-react';\n\nimport { Text, Link, Image } from '@pega/cosmos-react-core';\n\nimport { Table, TableRow, TableCell, TableBody } from '../DecoratorComponents/Table';\n\n// Renderer for block level elements\nexport const nodeRenderer = (props: RenderElementProps) => {\n  switch (props.element.type) {\n    case 'heading-1':\n      return (\n        <Text variant='h1' {...props.attributes}>\n          {props.children}\n        </Text>\n      );\n    case 'heading-2':\n      return (\n        <Text variant='h2' {...props.attributes}>\n          {props.children}\n        </Text>\n      );\n    case 'heading-3':\n      return (\n        <Text variant='h3' {...props.attributes}>\n          {props.children}\n        </Text>\n      );\n    case 'heading-4':\n      return (\n        <Text variant='h4' {...props.attributes}>\n          {props.children}\n        </Text>\n      );\n    case 'ordered-list':\n      return <ol {...props.attributes}>{props.children}</ol>;\n    case 'unordered-list':\n      return <ul {...props.attributes}>{props.children}</ul>;\n    case 'list-item':\n      return (\n        <li\n          {...props.attributes}\n          data-order={props.element.order}\n          data-level={props.element.level}\n          data-id={props.element.id}\n          data-parent-id={props.element.parentId}\n        >\n          {props.children}\n        </li>\n      );\n    case 'custom': {\n      const CustomComponent = props.element.component;\n      return <CustomComponent {...props.attributes}>{props.element.content}</CustomComponent>;\n    }\n    case 'override': {\n      return props.element.component;\n    }\n    case 'table':\n      return <Table {...props.attributes}>{props.children}</Table>;\n    case 'table-body':\n      return <TableBody {...props.attributes}>{props.children}</TableBody>;\n    case 'table-row':\n      return <TableRow {...props.attributes}>{props.children}</TableRow>;\n    case 'table-cell':\n      return <TableCell {...props.attributes}>{props.children}</TableCell>;\n    case 'paragraph':\n      return (\n        <div>\n          <Text {...props.attributes}>{props.children}</Text>\n        </div>\n      );\n    case 'image':\n      return (\n        <div {...props.attributes}>\n          <Image src={props.element.src} alt={props.element.alt as string} />\n          {props.children}\n        </div>\n      );\n    case 'image-placeholder':\n      return <div {...props.attributes}>{props.children}</div>;\n    default: {\n      return <span {...props.attributes}>{props.children}</span>;\n    }\n  }\n};\n\n// Renderer for inline elements\nexport const leafRenderer = (props: RenderLeafProps) => {\n  let child = props.children;\n\n  if (props.leaf.searchResult) {\n    const CustomComponent = props.leaf.searchResult.component;\n    return (\n      <span {...props.attributes}>\n        <CustomComponent {...props.leaf.searchResult.props}>{child}</CustomComponent>\n      </span>\n    );\n  }\n\n  if (props.leaf['line-through']) {\n    child = <del>{child}</del>;\n  }\n\n  if (props.leaf.italic) {\n    child = <em>{child}</em>;\n  }\n\n  if (props.leaf.bold) {\n    child = <strong>{child}</strong>;\n  }\n\n  if (props.leaf.href) {\n    child = (\n      <Link href={props.leaf.href} target='_blank'>\n        {child}\n      </Link>\n    );\n  }\n\n  return <span {...props.attributes}>{child}</span>;\n};\n"]}
+{"version":3,"file":"renderers.js","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/utils/renderers.tsx"],"names":[],"mappings":"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","sourcesContent":["import { RenderElementProps, RenderLeafProps } from 'slate-react';\n\nimport { Text, Link, Image } from '@pega/cosmos-react-core';\n\nimport { Table, TableRow, TableCell, TableBody } from '../DecoratorComponents/Table';\n\n// Renderer for block level elements\nexport const nodeRenderer = (props: RenderElementProps) => {\n  switch (props.element.type) {\n    case 'heading-1':\n      return (\n        <Text variant='h1' {...props.attributes}>\n          {props.children}\n        </Text>\n      );\n    case 'heading-2':\n      return (\n        <Text variant='h2' {...props.attributes}>\n          {props.children}\n        </Text>\n      );\n    case 'heading-3':\n      return (\n        <Text variant='h3' {...props.attributes}>\n          {props.children}\n        </Text>\n      );\n    case 'heading-4':\n      return (\n        <Text variant='h4' {...props.attributes}>\n          {props.children}\n        </Text>\n      );\n    case 'ordered-list':\n      return <ol {...props.attributes}>{props.children}</ol>;\n    case 'unordered-list':\n      return <ul {...props.attributes}>{props.children}</ul>;\n    case 'list-item':\n      return (\n        <li\n          {...props.attributes}\n          data-order={props.element.order}\n          data-level={props.element.level}\n          data-id={props.element.id}\n          data-parent-id={props.element.parentId}\n        >\n          {props.children}\n        </li>\n      );\n    case 'custom': {\n      const CustomComponent = props.element.component;\n      return <CustomComponent {...props.attributes}>{props.element.content}</CustomComponent>;\n    }\n    case 'override': {\n      return props.element.component;\n    }\n    case 'table':\n      return <Table {...props.attributes}>{props.children}</Table>;\n    case 'table-body':\n      return <TableBody {...props.attributes}>{props.children}</TableBody>;\n    case 'table-row':\n      return <TableRow {...props.attributes}>{props.children}</TableRow>;\n    case 'table-cell':\n      return <TableCell {...props.attributes}>{props.children}</TableCell>;\n    case 'paragraph':\n      return (\n        <div>\n          <Text {...props.attributes}>{props.children}</Text>\n        </div>\n      );\n    case 'image':\n      return (\n        <div {...props.attributes}>\n          <Image src={props.element.src} alt={props.element.alt as string} />\n          {props.children}\n        </div>\n      );\n    case 'image-placeholder':\n      return <div {...props.attributes}>{props.children}</div>;\n    default: {\n      return <span {...props.attributes}>{props.children}</span>;\n    }\n  }\n};\n\n// Renderer for inline elements\nexport const leafRenderer = (props: RenderLeafProps) => {\n  let child = props.children;\n\n  if (props.leaf.searchResult) {\n    const CustomComponent = props.leaf.searchResult.component;\n    return (\n      <span {...props.attributes}>\n        <CustomComponent {...props.leaf.searchResult.props}>{child}</CustomComponent>\n      </span>\n    );\n  }\n\n  if (props.leaf['line-through']) {\n    child = <del>{child}</del>;\n  }\n\n  if (props.leaf.italic) {\n    child = <em>{child}</em>;\n  }\n\n  if (props.leaf.bold) {\n    child = <strong>{child}</strong>;\n  }\n\n  if (props.leaf.href) {\n    child = (\n      <Link href={props.leaf.href} target='_blank'>\n        {child}\n      </Link>\n    );\n  }\n\n  return <span {...props.attributes}>{child}</span>;\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-rte",
-  "version": "2.0.0-dev.18.0",
+  "version": "2.0.0-dev.20.0",
   "author": "Pegasystems",
   "license": "SEE LICENSE IN LICENSE",
   "repository": {
@@ -20,7 +20,7 @@
     "build": "tsc -b"
   },
   "dependencies": {
-    "@pega/cosmos-react-core": "2.0.0-dev.18.0",
+    "@pega/cosmos-react-core": "2.0.0-dev.20.0",
     "@popperjs/core": "^2.9.2",
     "dompurify": "^2.3.1",
     "marked": "^2.0.3",
@@ -46,6 +46,6 @@
     "@types/marked": "2.0.2",
     "@types/parse5": "^6.0.0",
     "enzyme": "^3.11.0",
-    "typescript": "~4.4.2"
+    "typescript": "~4.5.2"
   }
 }