@cntrl-site/sdk-nextjs 0.2.11 → 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 added code styling and 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" />
@@ -23,17 +23,17 @@
     <option name="hideEmptyMiddlePackages" value="true" />
     <option name="showLibraryContents" value="true" />
   </component>
-  <component name="PropertiesComponent"><![CDATA[{
-  "keyToString": {
-    "RunOnceActivity.OpenProjectViewOnStart": "true",
-    "RunOnceActivity.ShowReadmeOnStart": "true",
-    "WebServerToolWindowFactoryState": "false",
-    "last_opened_file_path": "/Users/admin/Documents/CNTRL/sdk-nextjs",
-    "nodejs_package_manager_path": "npm",
-    "ts.external.directory.path": "/Users/admin/Documents/CNTRL/sdk-nextjs/node_modules/typescript/lib",
-    "vue.rearranger.settings.migration": "true"
+  <component name="PropertiesComponent">{
+  &quot;keyToString&quot;: {
+    &quot;RunOnceActivity.OpenProjectViewOnStart&quot;: &quot;true&quot;,
+    &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
+    &quot;WebServerToolWindowFactoryState&quot;: &quot;false&quot;,
+    &quot;last_opened_file_path&quot;: &quot;/Users/admin/Documents/CNTRL/sdk-nextjs&quot;,
+    &quot;nodejs_package_manager_path&quot;: &quot;npm&quot;,
+    &quot;ts.external.directory.path&quot;: &quot;/Users/admin/Documents/CNTRL/sdk-nextjs/node_modules/typescript/lib&quot;,
+    &quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
   }
-}]]></component>
+}</component>
   <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="true" />
   <component name="TaskManager">
     <task active="true" id="Default" summary="Default task">
@@ -49,7 +49,8 @@
       <workItem from="1669397663981" duration="8121000" />
       <workItem from="1669630429786" duration="5568000" />
       <workItem from="1669712625667" duration="100000" />
-      <workItem from="1670846885306" duration="13649000" />
+      <workItem from="1670846885306" duration="14667000" />
+      <workItem from="1670922174491" duration="23095000" />
     </task>
     <task id="LOCAL-00001" summary="CNTRL-484 - added embed vimeo video">
       <created>1667586762678</created>
@@ -198,7 +199,56 @@
       <option name="project" value="LOCAL" />
       <updated>1670862883753</updated>
     </task>
-    <option name="localTasksCounter" value="22" />
+    <task id="LOCAL-00022" summary="CNTRL-694 comments fix">
+      <created>1670864771128</created>
+      <option name="number" value="00022" />
+      <option name="presentableId" value="LOCAL-00022" />
+      <option name="project" value="LOCAL" />
+      <updated>1670864771128</updated>
+    </task>
+    <task id="LOCAL-00023" summary="CNTRL-694 undefined url fix">
+      <created>1670947749514</created>
+      <option name="number" value="00023" />
+      <option name="presentableId" value="LOCAL-00023" />
+      <option name="project" value="LOCAL" />
+      <updated>1670947749514</updated>
+    </task>
+    <task id="LOCAL-00024" summary="CNTRL-694 version bump">
+      <created>1670948708761</created>
+      <option name="number" value="00024" />
+      <option name="presentableId" value="LOCAL-00024" />
+      <option name="project" value="LOCAL" />
+      <updated>1670948708762</updated>
+    </task>
+    <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">
@@ -231,6 +281,13 @@
     <MESSAGE value="CNTRL-617 Version bump" />
     <MESSAGE value="CNTRL-694 added valid url builder" />
     <MESSAGE value="CNTRL-694 added code styling and version bump" />
-    <option name="LAST_COMMIT_MESSAGE" value="CNTRL-694 added code styling and version bump" />
+    <MESSAGE value="CNTRL-694 comments fix" />
+    <MESSAGE value="CNTRL-694 undefined url fix" />
+    <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/components/LinkWrapper.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LinkWrapper = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const LinkWrapper = ({ url, children }) => {
-    const validUrl = buildValidUrl(url);
+    const validUrl = url && buildValidUrl(url);
     return url ? ((0, jsx_runtime_1.jsx)("a", { href: validUrl, target: url.startsWith('/') ? '_self' : '_blank', rel: "noreferrer", children: children })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }));
 };
 exports.LinkWrapper = LinkWrapper;

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.11",
+  "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/components/LinkWrapper.tsx

@@ -6,7 +6,7 @@ interface Props {
 }
 
 export const LinkWrapper: React.FC<Props> = ({ url, children }) => {
-  const validUrl = buildValidUrl(url!);
+  const validUrl = url && buildValidUrl(url);
   return url ? (
     <a
       href={validUrl}

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;
             }
           `);