tee3apps-cms-sdk-react 0.0.5 → 0.0.6

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;
+  const Tag = (style?.headingTag as keyof JSX.IntrinsicElements) || 'p';
+  
+  if (!text?.all) {
+    return <div className="text-sm text-gray-500">No text content</div>;
+  }
+
+  const textElement = (
+    <Tag 
+      style={{
+        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,
+      }}
+    >
+      {text.all}
+    </Tag>
+  );
+
+  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';