tee3apps-cms-sdk-react 0.0.35 → 0.0.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tee3apps-cms-sdk-react",
-  "version": "0.0.35",
+  "version": "0.0.36",
   "description": "Uses JSON to dynamically generate and render UI pages in a website",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/rollup.config-1772797822233.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var resolve = require('@rollup/plugin-node-resolve');
+var commonjs = require('@rollup/plugin-commonjs');
+var typescript = require('@rollup/plugin-typescript');
+var dts = require('rollup-plugin-dts');
+var terser = require('@rollup/plugin-terser');
+var peerDepsExternal = require('rollup-plugin-peer-deps-external');
+var postcss = require('rollup-plugin-postcss');
+
+const packageJson = require("./package.json");
+
+var rollup_config = [
+  {
+    input: "src/index.ts",
+    output: [
+      {
+        file: packageJson.main,
+        format: "cjs",
+        sourcemap: true,
+      },
+      {
+        file: packageJson.module,
+        format: "esm",
+        sourcemap: true,
+      },
+    ],
+    plugins: [
+      peerDepsExternal(),
+      resolve(),
+      commonjs(),
+      typescript({ tsconfig: "./tsconfig.json" }),
+      terser(),
+      postcss(),
+    ],
+    external: ["react", "react-dom"],
+  },
+  {
+    input: "src/index.ts",
+    output: [{ file: packageJson.types }],
+    plugins: [dts.default()],
+    external: [/\.css$/],
+  },
+];
+
+exports.default = rollup_config;

package/src/Page.tsx

@@ -124,7 +124,7 @@ const Page = ({ data, showsp = true, showdiscount = true }: any) => {
                                 deviceMode={deviceMode} />;
                             }
                           case 'RichTextBoxComponent':
-                            return <RichTextComponent key={compIndex} props={component.props as RichTextComponentProps} />;
+                            return <RichTextComponent key={compIndex} props={component.props as RichTextComponentProps} deviceMode={deviceMode} />;
                           default:
                             return null;
                         }

package/src/PageComponents/RowComponent.tsx

@@ -30,6 +30,7 @@ interface RowProps {
   nowrap: boolean;
   bgsize: React.CSSProperties['backgroundSize'];
   mode: DeviceModes;
+  idname:string;
 }
 
 interface RowComponentProps {
@@ -132,7 +133,8 @@ const getJustifyContent = (): React.CSSProperties['justifyContent'] => {
 };
 
   return (
-    <div 
+    <section 
+     id={props.idname}
       style={{
         minHeight: getRowMinHeight(),
         backgroundColor: props.bgColor,
@@ -159,7 +161,7 @@ const getJustifyContent = (): React.CSSProperties['justifyContent'] => {
       }}
     >
       {children}
-    </div>
+    </section>
   );
 };
 

package/src/PageComponents/Visual-Components/RichTextComponent.tsx

@@ -1,13 +1,21 @@
 import React from 'react';
 
 export interface RichTextComponentProps {
-  content: {
-    all: string;
+  content?: {
+    all?: string;
+  } | string;
+  mode?: {
+    [key: string]: {
+      content: string;
+    };
   };
 }
 
-const RichTextComponent: React.FC<{ props: RichTextComponentProps }> = ({ props }) => {
-  const htmlContent = props?.content?.all || props?.content;
+const RichTextComponent: React.FC<{ props: RichTextComponentProps; deviceMode?: string }> = ({ props, deviceMode = 'web' }) => {
+  const modeData = props?.mode?.[deviceMode] as { content?: string } | undefined;
+  const contentAll = typeof props?.content === 'string' ? props?.content : props?.content?.all;
+
+  const htmlContent = modeData?.content || contentAll || '';
 
   return (
     <div