@cntrl-site/sdk-nextjs 0.2.12 → 0.2.13

package/.idea/workspace.xml

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ChangeListManager">
-    <list default="true" id="daade3cc-2214-4d1b-a6ad-012b8ae407bf" name="Changes" comment="CNTRL-694 version bump" />
+    <list default="true" id="daade3cc-2214-4d1b-a6ad-012b8ae407bf" name="Changes" comment="CNTRL-427: version bump" />
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
@@ -50,7 +50,7 @@
       <workItem from="1669630429786" duration="5568000" />
       <workItem from="1669712625667" duration="100000" />
       <workItem from="1670846885306" duration="14667000" />
-      <workItem from="1670922174491" duration="11184000" />
+      <workItem from="1670922174491" duration="23095000" />
     </task>
     <task id="LOCAL-00001" summary="CNTRL-484 - added embed vimeo video">
       <created>1667586762678</created>
@@ -220,7 +220,35 @@
       <option name="project" value="LOCAL" />
       <updated>1670948708762</updated>
     </task>
-    <option name="localTasksCounter" value="25" />
+    <task id="LOCAL-00025" summary="CNTRL-427: changed Item w and h params">
+      <created>1670952164829</created>
+      <option name="number" value="00025" />
+      <option name="presentableId" value="LOCAL-00025" />
+      <option name="project" value="LOCAL" />
+      <updated>1670952164829</updated>
+    </task>
+    <task id="LOCAL-00026" summary="CNTRL-427: changed white-space prop to normal for all text aligns">
+      <created>1671017859114</created>
+      <option name="number" value="00026" />
+      <option name="presentableId" value="LOCAL-00026" />
+      <option name="project" value="LOCAL" />
+      <updated>1671017859114</updated>
+    </task>
+    <task id="LOCAL-00027" summary="CNTRL-427: deleted unused import">
+      <created>1671017914825</created>
+      <option name="number" value="00027" />
+      <option name="presentableId" value="LOCAL-00027" />
+      <option name="project" value="LOCAL" />
+      <updated>1671017914825</updated>
+    </task>
+    <task id="LOCAL-00028" summary="CNTRL-427: version bump">
+      <created>1671097766100</created>
+      <option name="number" value="00028" />
+      <option name="presentableId" value="LOCAL-00028" />
+      <option name="project" value="LOCAL" />
+      <updated>1671097766100</updated>
+    </task>
+    <option name="localTasksCounter" value="29" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -256,6 +284,10 @@
     <MESSAGE value="CNTRL-694 comments fix" />
     <MESSAGE value="CNTRL-694 undefined url fix" />
     <MESSAGE value="CNTRL-694 version bump" />
-    <option name="LAST_COMMIT_MESSAGE" value="CNTRL-694 version bump" />
+    <MESSAGE value="CNTRL-427: changed Item w and h params" />
+    <MESSAGE value="CNTRL-427: changed white-space prop to normal for all text aligns" />
+    <MESSAGE value="CNTRL-427: deleted unused import" />
+    <MESSAGE value="CNTRL-427: version bump" />
+    <option name="LAST_COMMIT_MESSAGE" value="CNTRL-427: version bump" />
   </component>
 </project>

package/lib/components/Item.js

@@ -33,8 +33,8 @@ const Item = ({ item, layouts }) => {
               position: absolute;
               top: ${getItemTopStyle(area.top, area.anchorSide)};
               left: ${area.left * 100}vw;
-              width: ${sizingAxis.x === sdk_1.ArticleItemSizingType.Manual ? `${area.width * 100}vw` : 'auto'};
-              height: ${sizingAxis.y === sdk_1.ArticleItemSizingType.Manual ? `${area.height * 100}vw` : 'auto'};
+              width: ${sizingAxis.x === sdk_1.ArticleItemSizingType.Manual ? `${area.width * 100}vw` : 'max-content'};
+              height: ${sizingAxis.y === sdk_1.ArticleItemSizingType.Manual ? `${area.height * 100}vw` : 'unset'};
               z-index: ${area.zIndex};
               transform: rotate(${area.angle}deg);
             }

package/lib/utils/RichTextConverter.js

@@ -54,13 +54,12 @@ class RichTextConverter {
                 const kids = [];
                 layouts.forEach(l => {
                     const ta = richText.layoutParams[l.id].textAlign;
-                    const whiteSpace = ta === sdk_1.TextAlign.Justify || ta === sdk_1.TextAlign.Right ? 'normal' : 'pre-wrap';
                     styleRules[l.id].push(`
             .${blockClass} {
               display: ${group.some(g => g.layout === l.id) ? 'block' : 'none'};
               text-align: ${ta};
               line-height: 0;
-              white-space: ${whiteSpace};
+              white-space: normal;
               overflow-wrap: break-word;
             }
           `);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cntrl-site/sdk-nextjs",
-  "version": "0.2.12",
+  "version": "0.2.13",
   "description": "SDK for Next.js",
   "main": "lib/index.js",
   "types": "src/index.js",

package/src/components/Item.tsx

@@ -50,8 +50,8 @@ export const Item: FC<ItemProps<TArticleItemAny>> = ({ item, layouts }) => {
               position: absolute;
               top: ${getItemTopStyle(area.top, area.anchorSide)};
               left: ${area.left * 100}vw;
-              width: ${sizingAxis.x === SizingType.Manual ? `${area.width * 100}vw` : 'auto'};
-              height: ${sizingAxis.y === SizingType.Manual ? `${area.height * 100}vw` : 'auto'};
+              width: ${sizingAxis.x === SizingType.Manual ? `${area.width * 100}vw` : 'max-content'};
+              height: ${sizingAxis.y === SizingType.Manual ? `${area.height * 100}vw` : 'unset'};
               z-index: ${area.zIndex};
               transform: rotate(${area.angle}deg);
             }

package/src/utils/RichTextConverter.tsx

@@ -2,7 +2,6 @@ import { ReactElement, ReactNode } from 'react';
 import {
   getLayoutMediaQuery,
   RichText,
-  TextAlign,
   TextTransform,
   TLayout,
   TRichTextItem,
@@ -83,13 +82,12 @@ export class RichTextConverter {
         const kids: ReactNode[] = [];
         layouts.forEach(l => {
           const ta = richText.layoutParams[l.id].textAlign;
-          const whiteSpace = ta === TextAlign.Justify || ta === TextAlign.Right ? 'normal' : 'pre-wrap';
           styleRules[l.id].push(`
             .${blockClass} {
               display: ${group.some(g => g.layout === l.id) ? 'block' : 'none'};
               text-align: ${ta};
               line-height: 0;
-              white-space: ${whiteSpace};
+              white-space: normal;
               overflow-wrap: break-word;
             }
           `);