@redneckz/wildless-cms-uni-blocks 0.8.14 → 0.8.16

package/bin/migration-scripts/0.8.10.js

@@ -26,6 +26,6 @@ function adjustTile(block) {
   if (block.content) {
     const { description: oldDesc, ...rest } = block.content;
 
-    block.content = { ...rest, __html: `<p>${oldDesc}</p>` };
+    block.content = { ...rest, ...(oldDesc ? { __html: `<p>${oldDesc}</p>` } : undefined) };
   }
 }

package/bin/migration-scripts/0.8.15.js

@@ -0,0 +1,29 @@
+export const description = 'v0.8.15';
+
+export default (uniPath, content) => {
+  if (!content?.blocks) {
+    return content;
+  }
+
+  for (const block of content.blocks) {
+    adjustStepsBlock(block);
+  }
+
+  return { ...content };
+};
+
+function adjustStepsBlock(block) {
+  if (block.blocks) {
+    for (const childBlock of block.blocks) {
+      adjustStepsBlock(childBlock);
+    }
+  }
+
+  if (block.type !== 'StepsBlock') {
+    return;
+  }
+
+  if (block.content?.steps?.length) {
+    block.content.steps = block.content.steps.map((s) => ({ ...s, type: 'default' }));
+  }
+}

package/bin/migration-scripts/0.8.8.js

@@ -0,0 +1,115 @@
+import { renameProp } from '../utils.js';
+
+export const description = 'v0.8.8';
+
+export default (unitPath, content) => {
+  if (!content?.blocks) {
+    return content;
+  }
+
+  for (let block of content.blocks) {
+    adjustCarouselBlock(block);
+  }
+
+  return { ...content };
+};
+
+const adjustCarouselBlock = (block) => {
+  if (block.type === 'Catalog') {
+    adjustCarousel(block, 'CarouselCatalogCard');
+  }
+  if (block.type === 'Gallery') {
+    adjustCarousel(block, 'CarouselProductCard');
+  }
+  if (block.type === 'MiniGallery') {
+    adjustCarousel(block, 'CarouselProductCard', 4);
+  }
+  if (block.type === 'InvestmentGallery') {
+    adjustCarousel(block, 'CarouselInvestmentCard', 2);
+  }
+};
+
+const adjustCarousel = (block, type, cardCount) => {
+  const cards = block?.content?.cards;
+  const headlineTitle = block?.content?.title;
+  const button = block?.content?.button;
+  const headlineVersion = block?.content?.headlineVersion;
+  const anchor = block?.anchor;
+  block.blocks = [];
+  if (headlineTitle) {
+    block.blocks.push(getHeadlineBlock(headlineTitle, headlineVersion));
+  }
+  if (cards && cards?.length > 0) {
+    block.blocks.push(getCarousel(cards, type, cardCount));
+  }
+  if (button?.text || button?.icon?.icon || button?.icon?.src) {
+    block.blocks.push(getButtonBlock(button));
+  }
+  if (anchor) {
+    block.anchor = anchor;
+  }
+
+  const innerPadding = type === 'CarouselCatalogCard' ? true : false;
+  getVerticalLayout(block, innerPadding);
+};
+
+const getVerticalLayout = (block, isInnerPadding = false) => {
+  block.content = {
+    version: 'primary',
+    align: 'center',
+    gap: 'L',
+    isPadding: true,
+    isInnerPadding: isInnerPadding,
+  };
+  block.style = ['col-span-12'];
+  block.type = 'VerticalLayout';
+};
+
+const getCarousel = (cards, cardType, cardCount = 3) => {
+  return {
+    content: {
+      isBlur: true,
+      visibleItemCount: cardCount,
+      isCycle: false,
+    },
+    style: ['col-span-12'],
+    type: 'Carousel',
+    blocks: cards.map((_) => {
+      const newCard = {
+        content: _,
+        style: ['col-span-12'],
+        type: cardType,
+      };
+      if (cardType === 'CarouselInvestmentCard') {
+        const columnsMode = _?.columnsMode === 'double' ? 2 : 1;
+        _.columnsMode = columnsMode;
+        if ('cardList' in _) {
+          for (const card of _.cardList) {
+            renameProp(card, 'parametr', 'parameter');
+            renameProp(card, 'parametrDesccription', 'parameterDescription');
+          }
+        }
+      }
+      return newCard;
+    }),
+  };
+};
+
+const getHeadlineBlock = (title, headlineVersion = 'M') => ({
+  content: {
+    title: title,
+    align: 'center',
+    bgColorHeadline: 'transparent',
+    headlineVersion: headlineVersion,
+  },
+  style: ['col-span-12'],
+  type: 'Headline',
+});
+
+const getButtonBlock = (button) => ({
+  content: {
+    button: button,
+  },
+  style: ['col-span-12'],
+  type: 'ButtonBlock',
+});

package/bundle/BlockRenderer/BlockRendererOptions.d.ts

@@ -9,4 +9,5 @@ export interface BlockRendererOptions {
     parent?: Slot;
     ancestors?: BlockAncestors;
     className?: string;
+    extraProps?: Record<string, any>;
 }

package/bundle/BlockRenderer/renderBlockList.d.ts

@@ -4,6 +4,6 @@ import type { VNode } from '../model/VNode';
 import type { BlockRendererOptions } from './BlockRendererOptions';
 export interface BlocksListRendererProps extends BlockRendererOptions {
     slotName?: SlotName;
-    renderChild?: (block: BlockDef, options: BlockRendererOptions) => VNode;
+    renderProps?: (block: BlockDef, options: BlockRendererOptions) => VNode;
 }
-export declare const renderBlocksList: (blocks: BlockDef[] | undefined, { key, ancestors, slotName, renderChild, ...options }: BlocksListRendererProps) => VNode[];
+export declare const renderBlocksList: (blocks: BlockDef[] | undefined, { key, ancestors, slotName, renderProps, ...options }: BlocksListRendererProps) => VNode[];

package/bundle/BlockRenderer/renderChildren.d.ts

@@ -4,7 +4,7 @@ import type { VNode } from '../model/VNode';
 import type { BlockRendererOptions } from './BlockRendererOptions';
 interface ChildrenRendererProps extends UniBlockProps {
     children?: VNode;
-    renderChild?: (block: BlockDef, options: BlockRendererOptions) => VNode;
+    renderProps?: (block: BlockDef, options: BlockRendererOptions) => VNode;
 }
-export declare function renderChildren({ children, block, options, renderChild, }: ChildrenRendererProps): VNode[] | null;
+export declare function renderChildren({ children, block, options, renderProps, }: ChildrenRendererProps): VNode[] | null;
 export {};