@redneckz/wildless-cms-uni-blocks 0.5.13 → 0.5.15

package/src/components/Accordion/AccordionItem.mobile.tsx

@@ -1,72 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { Picture } from '../../model/Picture';
-import { Foldable } from '../../ui-kit/Foldable/Foldable';
-import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
-import type { IconName } from '../../ui-kit/Icon/IconProps';
-import { Img } from '../../ui-kit/Img/Img';
-import type { AccordionItemProps } from './AccordionItemProps';
-
-const icons: IconName[] = ['PlusIcon', 'MinusIcon'];
-
-export const AccordionItem = JSX<AccordionItemProps>(
-  ({ label = '', labelIcon, bordered, children, hasContent = true }) => (
-    <li className={`${borderedLiClass(bordered)} border-solid border-main-divider`}>
-      <Foldable
-        isFoldButtonOnTop={true}
-        renderFoldableSection={({ isUnfolded }) => (
-          <FoldableSection className="flex flex-wrap group-last:last:pb-0" isUnfolded={isUnfolded}>
-            {children}
-          </FoldableSection>
-        )}
-        renderFoldButton={({ isUnfolded, onToggle }) => (
-          <FoldButton
-            className={bordered ? '' : 'py-[14px] px-0'}
-            label={label}
-            icon={icons[Number(isUnfolded)]}
-            primaryIcon={labelIcon}
-            hasContent={hasContent}
-            onClick={onToggle}
-          />
-        )}
-      />
-    </li>
-  ),
-);
-
-interface FoldButtonProps {
-  className?: string;
-  label: string;
-  icon: IconName;
-  primaryIcon?: Picture;
-  hasContent: boolean;
-  onClick?: () => void;
-}
-
-const FoldButton = JSX<FoldButtonProps>(
-  ({ className, hasContent, icon, label, primaryIcon, onClick }) => (
-    <button
-      className={`border-none bg-transparent flex justify-between text-left w-full font-sans text-primary-text
-  ${className}
-  ${hasContent ? 'group cursor-pointer' : ''}`}
-      onClick={onClick}
-    >
-      <span
-        className={`text-m-title-xs font-medium pr-2.5 flex ${
-          hasContent ? 'group-hover:text-primary-main' : ''
-        }`}
-      >
-        {primaryIcon ? (
-          <Img image={primaryIcon} className="mr-3 flex-shrink-0" width="24" height="24" asSVG />
-        ) : null}
-        {label}
-      </span>
-      {hasContent ? (
-        <Img className="flex-shrink-0" image={icon} width="24" height="24" asSVG />
-      ) : null}
-    </button>
-  ),
-);
-
-function borderedLiClass(bordered?: boolean) {
-  return bordered ? 'border p-4 rounded mb-4' : 'border-0 border-b last:border-b-0';
-}

package/src/components/Accordion/AccordionItem.tsx

@@ -1,52 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { Foldable } from '../../ui-kit/Foldable/Foldable';
-import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
-import type { IconName } from '../../ui-kit/Icon/IconProps';
-import { Img } from '../../ui-kit/Img/Img';
-import type { AccordionItemProps } from './AccordionItemProps';
-
-const icons: IconName[] = ['PlusIcon', 'MinusIcon'];
-
-export const AccordionItem = JSX<AccordionItemProps>(
-  ({ label = '', children, hasContent = true }) => (
-    <li className="border-0 border-b border-solid border-main-divider last:border-b-0">
-      <Foldable
-        isFoldButtonOnTop={true}
-        renderFoldableSection={({ isUnfolded }) => (
-          <FoldableSection className="grid grid-cols-12" isUnfolded={isUnfolded}>
-            {children}
-          </FoldableSection>
-        )}
-        renderFoldButton={({ isUnfolded, onToggle }) => (
-          <FoldButton
-            label={label}
-            icon={icons[Number(isUnfolded)]}
-            hasContent={hasContent}
-            onClick={onToggle}
-          />
-        )}
-      />
-    </li>
-  ),
-);
-
-interface FoldButtonProps {
-  label: string;
-  icon: IconName;
-  hasContent: boolean;
-  onClick?: () => void;
-}
-
-const FoldButton = JSX<FoldButtonProps>(({ label, icon, hasContent, onClick }) => (
-  <button
-    className={`border-none bg-transparent px-0 pt-5 pb-3.5 flex justify-between text-left w-full font-sans text-h6 group cursor-pointer ${
-      hasContent ? 'group cursor-pointer' : ''
-    }`}
-    onClick={onClick}
-  >
-    <span className={`text-xl font-medium pr-2.5`}>{label}</span>
-    {hasContent ? (
-      <Img image={icon} className="text-primary-main flex-shrink-0" width="24" height="24" asSVG />
-    ) : null}
-  </button>
-));

package/src/components/Accordion/AccordionItemProps.ts

@@ -1,6 +0,0 @@
-import type { UniBlockProps } from '../../model/ContentPageDef';
-import type { AccordionItemCommonProps } from './AccordionContent';
-
-export interface AccordionItemProps extends AccordionItemCommonProps, UniBlockProps {
-  hasContent?: boolean;
-}

package/src/components/BonusBenefitsBlock/getElementsColsValue.ts

@@ -1,12 +0,0 @@
-import { getColSpan } from '../../utils/getColSpan';
-
-export function getElementsColsValue(className = '') {
-  const colSpan = getColSpan(className);
-  if (colSpan <= 6) {
-    return 'grid-cols-2';
-  } else if (colSpan <= 8) {
-    return 'grid-cols-3';
-  } else {
-    return 'grid-cols-4';
-  }
-}

package/src/components/OtherProducts/OtherProductsItem.tsx

@@ -1,52 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { ColorPalette, UniBlockProps } from '../../model/ContentPageDef';
-import type { VNode } from '../../model/VNode';
-import { renderBlocksList } from '../../ui-kit/BlocksList/renderBlocksList';
-import { DefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton';
-import { Foldable } from '../../ui-kit/Foldable/Foldable';
-import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
-import type { IconName } from '../../ui-kit/Icon/IconProps';
-import type { BlockItemCommonProps } from './OtherProductsContent';
-
-export interface BlockItemProps extends BlockItemCommonProps, UniBlockProps {
-  dataTheme?: ColorPalette;
-}
-
-const icons: IconName[] = ['ArrowDownIcon', 'ArrowUpIcon'];
-
-export const OtherProductsItem = JSX<BlockItemProps>(
-  ({ label = '', blocks, context, dataTheme, isUnfolded: unfoldedByDefault }) => {
-    const foldableBlocks = renderBlocksList({
-      context,
-      blocks,
-    }) as VNode[];
-
-    return (
-      <div className="˝border-0 border-b border-solid border-main-divider">
-        {blocks?.length ? (
-          <Foldable
-            unfoldedByDefault={unfoldedByDefault}
-            renderFoldableSection={({ isUnfolded }) => (
-              <div className="box-border">
-                <FoldableSection
-                  className="grid grid-cols-12 gap-1 border-box"
-                  isUnfolded={isUnfolded}
-                >
-                  {foldableBlocks}
-                </FoldableSection>
-              </div>
-            )}
-            renderFoldButton={({ isUnfolded, onToggle }) => (
-              <DefaultFoldButton
-                label={label}
-                icon={icons[Number(isUnfolded)]}
-                dataTheme={dataTheme}
-                onClick={onToggle}
-              />
-            )}
-          />
-        ) : null}
-      </div>
-    );
-  },
-);

package/src/ui-kit/BlocksList/BlocksListProps.ts

@@ -1,130 +0,0 @@
-import type { GalleryContent } from '../../components/Gallery/GalleryContent';
-import type { HeadlineContent } from '../../components/Headline/HeadlineContent';
-import type { LinkDocsContent } from '../../components/LinkDocs/LinkDocsContent';
-import type { LinkListContent } from '../../components/LinkList/LinkListContent';
-import type { MiniGalleryContent } from '../../components/MiniGallery/MiniGalleryContent';
-import type { PictureTextContent } from '../../components/PictureText/PictureTextContent';
-import type { ProductBlockContent } from '../../components/ProductBlock/ProductBlockContent';
-import type { ProductTileContent } from '../../components/ProductTile/ProductTileContent';
-import type { TextBlockContent } from '../../components/TextBlock/TextBlockContent';
-import type { TileContent } from '../../components/Tile/TileContent';
-import type { EmptyOption } from '../../model/EmptyOptionType';
-
-export interface ActiveHandler {
-  blocks?: BlockDef[];
-  initialState?: boolean;
-}
-
-export interface BlocksCommonProps {
-  /**
-   * @title Стиль
-   * @default ["col-span-12"]
-   **/
-  style?: string[];
-}
-
-/**
- * @title Заголовок
- */
-export type HeadlineBlockListDef = HeadlineContent &
-  BlocksCommonProps & {
-    /** @default Headline */
-    blockListType: 'Headline';
-  };
-
-/**
- * @title Список документов
- */
-export type LinkDocsBlockListDef = LinkDocsContent &
-  BlocksCommonProps & {
-    /** @default LinkDocs */
-    blockListType: 'LinkDocs';
-  };
-
-/**
- * @title Текстовый блок
- */
-export type TextBlockBlockListDef = TextBlockContent &
-  BlocksCommonProps & {
-    /** @default TextBlock */
-    blockListType: 'TextBlock';
-  };
-
-/**
- * @title Картинка с текстом
- */
-export type PictureTextBlockListDef = PictureTextContent &
-  BlocksCommonProps & {
-    /** @default PictureText */
-    blockListType: 'PictureText';
-  };
-
-/**
- * @title Продуктовый блок
- */
-export type ProductBlockBlockListDef = ProductBlockContent &
-  BlocksCommonProps & {
-    /** @default ProductBlock */
-    blockListType: 'ProductBlock';
-  };
-
-/**
- * @title Плитка
- */
-export type TileBlockListDef = TileContent &
-  BlocksCommonProps & {
-    /** @default Tile */
-    blockListType: 'Tile';
-  };
-
-/**
- * @title Продуктовая плитка
- */
-export type ProductTileBlockListDef = ProductTileContent &
-  BlocksCommonProps & {
-    /** @default ProductTile */
-    blockListType: 'ProductTile';
-  };
-
-/**
- * @title Галерея
- */
-export type GalleryBlockListDef = GalleryContent &
-  BlocksCommonProps & {
-    /** @default Gallery */
-    blockListType: 'Gallery';
-  };
-
-/**
- * @title Мини-галлерея
- */
-export type MiniGalleryBlockListDef = MiniGalleryContent &
-  BlocksCommonProps & {
-    /** @default MiniGallery */
-    blockListType: 'MiniGallery';
-  };
-
-/**
- * @title Список ссылок
- */
-export type LinkListBlockListDef = LinkListContent &
-  BlocksCommonProps & {
-    /** @default LinkList */
-    blockListType: 'LinkList';
-  };
-
-/**
- * @title Содержимое блока
- */
-export type BlockDef =
-  | EmptyOption
-  | HeadlineBlockListDef
-  | LinkDocsBlockListDef
-  | TextBlockBlockListDef
-  | PictureTextBlockListDef
-  | ProductBlockBlockListDef
-  | TileBlockListDef
-  | ProductTileBlockListDef
-  | GalleryBlockListDef
-  | MiniGalleryBlockListDef
-  | LinkListBlockListDef;

package/src/ui-kit/BlocksList/EmbeddableBlocks.mobile.tsx

@@ -1,15 +0,0 @@
-import { Headline } from '../../components/Headline/Headline';
-import { LinkDocs } from '../../components/LinkDocs/LinkDocs';
-import { ProductBlock } from '../../components/ProductBlock/ProductBlock';
-import { TextBlock } from '../../components/TextBlock/TextBlock';
-import { Gallery } from '../../components/Gallery/Gallery';
-import { LinkList } from '../../components/LinkList/LinkList';
-
-export const EmbeddableBlocks = {
-  Headline,
-  LinkDocs,
-  TextBlock,
-  ProductBlock,
-  Gallery,
-  LinkList,
-};

package/src/ui-kit/BlocksList/EmbeddableBlocks.tsx

@@ -1,23 +0,0 @@
-import { Headline } from '../../components/Headline/Headline';
-import { LinkDocs } from '../../components/LinkDocs/LinkDocs';
-import { PictureText } from '../../components/PictureText/PictureText';
-import { ProductBlock } from '../../components/ProductBlock/ProductBlock';
-import { TextBlock } from '../../components/TextBlock/TextBlock';
-import { Tile } from '../../components/Tile/Tile';
-import { ProductTile } from '../../components/ProductTile/ProductTile';
-import { Gallery } from '../../components/Gallery/Gallery';
-import { MiniGallery } from '../../components/MiniGallery/MiniGallery';
-import { LinkList } from '../../components/LinkList/LinkList';
-
-export const EmbeddableBlocks = {
-  Headline,
-  LinkDocs,
-  TextBlock,
-  PictureText,
-  ProductBlock,
-  Tile,
-  ProductTile,
-  Gallery,
-  MiniGallery,
-  LinkList,
-};

package/src/ui-kit/BlocksList/renderBlocksList.tsx

@@ -1,41 +0,0 @@
-import type { ContentPageContext } from '../../components/ContentPage/ContentPageContext';
-import type { JSXBlock } from '../../model/BlocksRegistry';
-import type { UniBlockProps } from '../../model/ContentPageDef';
-import { style2className } from '../../utils/style2className';
-import type { BlockDef } from './BlocksListProps';
-import { EmbeddableBlocks } from './EmbeddableBlocks';
-
-export type EmbeddableBlocksProps = {
-  blocks?: BlockDef[];
-  context: ContentPageContext;
-  className?: string;
-};
-
-export const renderBlocksList = ({ blocks, context, className = '' }: EmbeddableBlocksProps) =>
-  blocks?.length ? blocks.map(renderBlock({ context, className })) : [];
-
-const renderBlock =
-  ({ context, className }: UniBlockProps) =>
-  (block: BlockDef, i: number) => {
-    if (!block) {
-      return null;
-    }
-
-    const { style, blockListType: type, ...rest } = block;
-
-    if (!type || !(type in EmbeddableBlocks)) {
-      return null;
-    }
-
-    const classNameBlock = style2className(style);
-    const EmbeddedBlock: JSXBlock = EmbeddableBlocks[type];
-
-    return (
-      <EmbeddedBlock
-        key={`block_${i}`}
-        className={`${className} ${classNameBlock}`}
-        context={context}
-        {...rest}
-      />
-    );
-  };