tee3apps-cms-sdk-react 0.0.5 → 0.0.7

package/src/PageFormComponents/TextComponent.tsx

@@ -0,0 +1,45 @@
+import React from 'react';
+import type { ComponentProps } from '../types';
+
+const TextComponent: React.FC<{ props: ComponentProps }> = ({ props }) => {
+  const { text, style } = props;
+
+  if (!text?.all) {
+    return <span className="text-sm text-gray-500">No text content</span>;
+  }
+
+  const textStyle: React.CSSProperties = {
+    fontSize: style?.fontSize ? `${style.fontSize}px` : '16px',
+    fontWeight: style?.fontStyle?.isBold ? 'bold' : 'normal',
+    fontStyle: style?.fontStyle?.isItalic ? 'italic' : 'normal',
+    textDecoration: style?.fontStyle?.isUnderLine ? 'underline' : 'none',
+    textDecorationLine: style?.fontStyle?.isStrikeThrough ? 'line-through' : 'none',
+    color: style?.fontColor || '#000',
+    textAlign: (style?.textAlign as any) || 'left',
+    fontFamily: style?.fontFamily || 'inherit',
+    margin: 5,
+    display: 'inline', // keeps it inline instead of block like p/div
+  };
+
+  const textElement = (
+    <span style={textStyle}>
+      {text.all}
+    </span>
+  );
+
+  if (props.linktype === 'EXTERNAL' && props.link?.url) {
+    return (
+      <a 
+        href={props.link.url} 
+        target={props.link.target}
+        style={{ textDecoration: 'none' }}
+      >
+        {textElement}
+      </a>
+    );
+  }
+
+  return textElement;
+};
+
+export default TextComponent;

package/src/index.ts

@@ -1,2 +1,2 @@
-import Page from "./Page";
-export default Page
+export { default as Page } from "./Page";
+export { default as PageForm } from './PageFormComponents/PageForm';