tee3apps-cms-sdk-react 0.0.32 → 0.0.33

package/package.json

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

package/src/PageComponents/BoxComponent.tsx

@@ -256,19 +256,16 @@ const BoxComponent: React.FC<BoxComponentProps> = ({
             minHeight: "50px",
             boxSizing: "border-box",
             overflow: "hidden",
-            // justifyContent: "center",
-            // alignItems: props.align,
-
           }}>
             <div style={{
               display: "flex",
               flexDirection: "column",
-              justifyContent: getJustifyContent(props.justify),
-              alignItems: getAlignItems(props.align),
+              width: "100%",
               height: "100%",
-              width: "100%"
+              justifyContent: getJustifyContent(props.justify),
+              alignItems: getAlignItems(props.align)
             }}>
-              <div style={{ width: '100%' }}> {childrenArray}</div>
+              {childrenArray}
             </div>
           </div>
         );

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

@@ -129,11 +129,11 @@ const ImageComponent: React.FC<ImageComponentMainProps> = ({
   const link = bannerLink(props);
   
   // Use nullish coalescing to safely access image properties
-  const imageUrl = `${Linodeurl}${props.images?.url ?? props.images?.all?.url ?? ''}`;
-  const altText = props.images?.alt ?? props.images?.all?.alt ?? '';
+  const imageUrl = `${Linodeurl}${props.images?.url}`;
+  const altText = props.images?.alt ?? '';
 
   // Don't render if no image URL is available
-  if (!props.images || (!props.images?.url && !props.images?.all?.url)) {
+  if (!props.images || (!props.images?.url)) {
     return (
       <div
         className="image-box"

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

@@ -82,7 +82,7 @@ const TextComponent: React.FC<{ props: ComponentProps }> = ({ props }) => {
       <div style={{
         display: "flex",
         flexDirection: "column",
-        alignItems:style?.textAlign === 'center' ? 'center' : style?.textAlign === 'right' ? 'flex-end' : 'flex-start',
+        alignItems: style?.textAlign === 'center' ? 'center' : style?.textAlign === 'right' ? 'flex-end' : 'flex-start',
         width: "100%",
         maxWidth: "100%",
         wordWrap: "break-word",
@@ -92,7 +92,7 @@ const TextComponent: React.FC<{ props: ComponentProps }> = ({ props }) => {
       }}>
         <a
           href={url}
-          target={props?.linktype=='EXTERNAL' ? props?.link?.target :'_self'}
+          target={props?.linktype == 'EXTERNAL' ? props?.link?.target : '_self'}
           style={{
             textDecoration: 'none',
             display: "block",
@@ -114,7 +114,10 @@ const TextComponent: React.FC<{ props: ComponentProps }> = ({ props }) => {
 
   return (
     <div style={{
-      display: "block",
+      display: "flex",
+      flexDirection: "column",
+      alignItems: style?.textAlign === 'center' ? 'center' : style?.textAlign === 'right' ? 'flex-end' : 'flex-start',
+      justifyContent: 'center',
       width: "100%",
       maxWidth: "100%",
       wordWrap: "break-word",