@redneckz/wildless-cms-uni-blocks 0.6.33 → 0.6.35

package/src/components/Carousel/CarouselNavButtons.tsx

@@ -1,51 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
-import type { VNode } from '../../model/VNode';
-import { renderArrows } from '../../ui-kit/Button/renderArrows';
-
-interface CarouselNavButtonsProps {
-  cardsCount: number;
-  activeCardIndex: number;
-  setActiveCardIndex: (index: number) => void;
-  cardFullViewCount: number;
-  cards?: VNode[];
-  isCycle?: boolean;
-}
-
-export const CarouselNavButtons = JSX<CarouselNavButtonsProps>(
-  ({ cardsCount, activeCardIndex, setActiveCardIndex, cardFullViewCount, isCycle }) => {
-    const isGalleryScrollAvailable = cardsCount > cardFullViewCount;
-
-    const showNextButton =
-      (isCycle && isGalleryScrollAvailable) ||
-      (isGalleryScrollAvailable && cardsCount - activeCardIndex > cardFullViewCount);
-
-    const showPrevButton =
-      (isCycle && isGalleryScrollAvailable) || (isGalleryScrollAvailable && activeCardIndex > 0);
-
-    const handleNextClick = useCallback(() => {
-      if (isCycle) {
-        const nextIndex = activeCardIndex + 1;
-        setActiveCardIndex(cardsCount === nextIndex ? 0 : nextIndex);
-      } else {
-        setActiveCardIndex(activeCardIndex + 1);
-      }
-    }, []);
-
-    const handlePrevClick = useCallback(() => {
-      if (isCycle && cardsCount > 0) {
-        const prevIndex = activeCardIndex - 1;
-        setActiveCardIndex(prevIndex < 0 ? cardsCount - 1 : prevIndex);
-      } else {
-        setActiveCardIndex(activeCardIndex - 1);
-      }
-    }, []);
-
-    return renderArrows({
-      handler: [handlePrevClick, handleNextClick],
-      isShown: [showPrevButton, showNextButton],
-      btnClass: ['left-8', 'right-8'],
-      className: 'top-1/2 z-10',
-    });
-  },
-);

package/src/components/ContentPage/renderBlock.tsx

@@ -1,61 +0,0 @@
-import { BlockAncestors, BlockDecorator } from '../../model/BlockDecorator';
-import type { BlocksRegistry } from '../../model/BlocksRegistry';
-import type { BlockDef, ContentPageDef } from '../../model/ContentPageDef';
-import { style2className } from '../../utils/style2className';
-import { renderBlocksList } from './renderBlockList';
-import { renderSlots } from './renderSlots';
-
-export interface RenderBlockOptions {
-  key: string;
-  page: ContentPageDef;
-  blockDecorator: BlockDecorator;
-  blocksRegistry: BlocksRegistry;
-}
-
-export interface RenderBlockProps {
-  block?: BlockDef;
-  options: RenderBlockOptions;
-  ancestors?: BlockAncestors; // Recursion context
-}
-
-export function renderBlock({ block = {}, options, ancestors = [] }: RenderBlockProps) {
-  const { key, page, blockDecorator, blocksRegistry = {} } = options;
-  const { type, slots, blocks: childBlocks } = block;
-
-  if (!(type && type in blocksRegistry)) {
-    console.warn(`No block with "${type}" is registered`);
-  }
-
-  const BlockComponent = type && blocksRegistry[type];
-
-  const subBlockRenderProps = { parent: block, options, ancestors };
-  const children = renderBlocksList({ ...subBlockRenderProps, blocks: childBlocks });
-  const blockSlots = slots ? renderSlots({ ...subBlockRenderProps, slots }) : {};
-
-  return blockDecorator(
-    {
-      blockClassName: `scroll-mt-12 ${style2className(block.style)}`, // TODO scroll-mt-12 ? here?
-      block,
-      ancestors,
-      // Adjusted by decorator block and blockClassName
-      render: ({ block: adjustedBlock, blockClassName: adjustedBlockClassName }) => {
-        const { content } = adjustedBlock;
-
-        return BlockComponent ? (
-          <BlockComponent
-            key={key}
-            page={page}
-            block={adjustedBlock}
-            className={adjustedBlockClassName}
-            ancestors={ancestors}
-            slots={blockSlots}
-            {...content}
-          >
-            {children}
-          </BlockComponent>
-        ) : null;
-      },
-    },
-    key,
-  );
-}

package/src/components/ContentPage/renderBlockList.tsx

@@ -1,28 +0,0 @@
-import type { SlotName } from '../../model/BlockDecorator';
-import { BlockAncestors, DEFAULT_SLOT_NAME } from '../../model/BlockDecorator';
-import type { BlockDef, Slot } from '../../model/ContentPageDef';
-import type { VNode } from '../../model/VNode';
-import { renderBlock, RenderBlockOptions } from './renderBlock';
-
-interface RenderBlockListProps {
-  blocks?: BlockDef[];
-  parent: Slot;
-  slotName?: SlotName;
-  options: RenderBlockOptions;
-  ancestors?: BlockAncestors; // Recursion context
-}
-
-export const renderBlocksList = ({
-  blocks,
-  parent,
-  slotName = DEFAULT_SLOT_NAME,
-  options,
-  ancestors = [],
-}: RenderBlockListProps): VNode[] =>
-  (blocks || []).map((_: BlockDef, j: number) =>
-    renderBlock({
-      block: _,
-      options: { ...options, key: `${options.key ? options.key : _.type}-${j}` },
-      ancestors: [...ancestors, [parent, slotName]],
-    }),
-  );

package/src/components/ContentPage/renderSlots.tsx

@@ -1,32 +0,0 @@
-import { BlockAncestors } from '../../model/BlockDecorator';
-import type { BlockDef, Slot } from '../../model/ContentPageDef';
-import type { VNode } from '../../model/VNode';
-import type { RenderBlockOptions } from './renderBlock';
-import { renderBlocksList } from './renderBlockList';
-
-interface RenderSlotsProps {
-  slots?: Record<string, BlockDef[]>;
-  parent: Slot;
-  options: RenderBlockOptions;
-  ancestors?: BlockAncestors;
-}
-
-export const renderSlots = ({
-  slots,
-  parent,
-  options,
-  ancestors = [],
-}: RenderSlotsProps): Record<string, VNode[]> =>
-  Object.entries(slots || {}).reduce(
-    (res, [slotName, slotBlocks]) => ({
-      ...res,
-      [slotName]: renderBlocksList({
-        blocks: slotBlocks,
-        parent,
-        slotName,
-        options,
-        ancestors,
-      }),
-    }),
-    {},
-  );

package/src/model/getParentBlockDef.ts

@@ -1,12 +0,0 @@
-import type { BlockAncestors } from './BlockDecorator';
-import type { BlockDef } from './ContentPageDef';
-
-export function getParentBlockDef(ancestors: BlockAncestors | undefined, type?: string): BlockDef {
-  const [block] =
-    (ancestors || [])
-      .map((item) => item)
-      .reverse()
-      .find(([_]) => _ && 'type' in _ && (!type || type === (_ as BlockDef).type)) || [];
-
-  return block || {};
-}

package/src/utils/sliceArray.ts

@@ -1,15 +0,0 @@
-export const sliceArray = <T>(items: T[], size: number) => {
-  const result = items.reduce((resultArray: T[][], item: T, index: number) => {
-    const chunkIndex = Math.floor(index / (size - 1));
-
-    if (!resultArray[chunkIndex]) {
-      resultArray[chunkIndex] = [item];
-    }
-
-    resultArray[chunkIndex].push(item);
-
-    return resultArray;
-  }, []);
-
-  return result;
-};