@pushwoosh/smart-components-kit 1.0.10 → 1.0.11

package/RichMessageEditor/RichMessageViewerContent.js

@@ -1,7 +1,7 @@
 /* eslint-disable react/no-array-index-key */
 import React, { Fragment } from 'react';
-import { Color } from '@pushwoosh/kit-constants';
 import { isElement } from './helpers';
+import { DynamicContentBracket, DynamicContentRoot } from './RichMessageViewerContent.styled';
 export const RichMessageViewerContent = ({
   content,
   lineBreaks
@@ -9,14 +9,9 @@ export const RichMessageViewerContent = ({
   return content.map((node, index) => {
     let children = node.children.map((child, idx) => {
       if (isElement(child) && child.type === 'dc') {
-        return React.createElement("span", {
-          key: idx,
-          style: {
-            backgroundColor: Color.WARNING_LIGHT_HOVER,
-            outline: `2px solid ${Color.WARNING_LIGHT_HOVER}`,
-            borderRadius: 4
-          }
-        }, child.dc.tagName);
+        return React.createElement(DynamicContentRoot, {
+          key: idx
+        }, React.createElement(DynamicContentBracket, null, '{'), "\u00A0", child.dc.tagName, "\u00A0", React.createElement(DynamicContentBracket, null, '}'));
       }
       return child.text;
     });

package/RichMessageEditor/RichMessageViewerContent.styled.d.ts

@@ -0,0 +1,2 @@
+export declare const DynamicContentRoot: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const DynamicContentBracket: import("styled-components").StyledComponent<"span", any, {}, never>;

package/RichMessageEditor/RichMessageViewerContent.styled.js

@@ -0,0 +1,10 @@
+import styled from 'styled-components';
+import { Color, FontWeight } from '@pushwoosh/kit-constants';
+export const DynamicContentRoot = styled.span.withConfig({
+  displayName: "DynamicContentRoot",
+  componentId: "sc-vbadt7-0"
+})(["background-color:", ";border-radius:4px;white-space:nowrap;font-weight:", ";padding-left:2px;padding-right:2px;"], Color.EXCEPTIONAL_LIGHT, FontWeight.MEDIUM);
+export const DynamicContentBracket = styled.span.withConfig({
+  displayName: "DynamicContentBracket",
+  componentId: "sc-vbadt7-1"
+})(["color:", ";"], Color.EXCEPTIONAL);

package/_devel/index.d.ts

@@ -4,6 +4,6 @@ export type ParcelResult<P> = {
     unmount: () => void;
 };
 export type ParcelProps = {
-    context: SPAContextType;
+    spaContext: SPAContextType;
 };
 export declare function parcel(container: HTMLElement): ParcelResult<ParcelProps>;

package/_devel/index.js

@@ -9,9 +9,9 @@ export function parcel(container) {
   return {
     render(props) {
       root.render(React.createElement(Router, {
-        history: props.context.history
+        history: props.spaContext.history
       }, React.createElement(SPAContextProvider, {
-        value: props.context
+        value: props.spaContext
       }, React.createElement(Switch, null, React.createElement(Route, {
         path: "/:url",
         exact: true,

package/package.json

@@ -6,6 +6,7 @@
   "sideEffects": false,
   "scripts": {
     "start": "npm run playground",
+    "dev": "`pushwoosh-engine app:command:dev`",
     "build": "pushwoosh-engine lib:build",
     "playground": "`pushwoosh-engine lib:command:playground`",
     "check": "npm run check:lint && npm run check:types",
@@ -51,5 +52,5 @@
   "engines": {
     "node": ">= 18"
   },
-  "version": "1.0.10"
+  "version": "1.0.11"
 }