@redneckz/wildless-cms-uni-blocks 0.14.27 → 0.14.29

package/src/components/CarouselProductCard/CarouselProductCard.fixture.mobile.tsx

@@ -1,92 +0,0 @@
-import '../../setup-fixture';
-
-import { type Picture } from '../../model/Picture';
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
-import { CarouselProductCard } from './CarouselProductCard';
-import { type CarouselProductCardContent } from './CarouselProductCardContent';
-
-const isDotted = false;
-
-const image: Picture = {
-  src: 'money-1.png',
-  format: 'webp',
-  size: {
-    width: 140,
-    height: 140,
-  },
-  title: 'money',
-};
-
-const buttonPrimary: ButtonContent = {
-  href: '/credit-cards',
-  text: 'Подробнее',
-  target: '_blank',
-  version: 'secondary',
-};
-
-const buttonPrimaryIcon: ButtonContent = {
-  href: '/credit-cards',
-  text: 'Подробнее',
-  target: '_blank',
-  version: 'secondary',
-  icon: { icon: 'BankIcon' },
-};
-
-const defaultItems = [
-  { text: 'Качественные фермерские продукты напрямую от производителей' },
-  { text: 'Самая большая база сельских туров по России' },
-  { text: 'Площадки для создания комфортной жизни за городом' },
-];
-
-export const PRODUCT_CARD: CarouselProductCardContent = {
-  title: 'Более 5000 товаров',
-  description: 'Время копить: ставка растет в зависимости от срока нахождения средств на Счете!',
-  icon: image,
-  button: buttonPrimary,
-  isDotted,
-  items: defaultItems,
-  isImageFullWidth: true,
-  additionalDescription: 'Дополнительное описание',
-};
-
-export const PRODUCT_CARD_SMALL: CarouselProductCardContent = {
-  title: 'Более 5000 товаров Более 5000 товаров Более 5000 товаров',
-  icon: image,
-  button: buttonPrimary,
-  isDotted,
-  isButtonFullWidth: true,
-};
-export const PRODUCT_CARD_EVENT: CarouselProductCardContent = {
-  title: 'Более 5000 товаров',
-  icon: image,
-  isDotted,
-  additionalDescription: 'Дополнительное описание',
-  isTopPosition: true,
-  isImageFullWidth: true,
-};
-
-const CAROUSEL_PRODUCT_CARD = <CarouselProductCard className="col-span-12" {...PRODUCT_CARD} />;
-const CAROUSEL_PRODUCT_CARD_SECONDARY = (
-  <CarouselProductCard
-    className="col-span-12"
-    {...PRODUCT_CARD}
-    version="secondary"
-    isDotted={true}
-    button={buttonPrimaryIcon}
-    isButtonFullWidth={true}
-  />
-);
-const CAROUSEL_PRODUCT_CARD_SMALL = (
-  <CarouselProductCard className="col-span-12" {...PRODUCT_CARD_SMALL} />
-);
-
-const CAROUSEL_PRODUCT_CARD_EVENT = (
-  <CarouselProductCard className="col-span-12" {...PRODUCT_CARD_EVENT} />
-);
-
-export default {
-  default: <div className="container grid grid-cols-12">{CAROUSEL_PRODUCT_CARD}</div>,
-  secondary: <div className="container grid grid-cols-12">{CAROUSEL_PRODUCT_CARD_SECONDARY}</div>,
-  small: <div className="container grid grid-cols-12">{CAROUSEL_PRODUCT_CARD_SMALL}</div>,
-  event: <div className="container grid grid-cols-12">{CAROUSEL_PRODUCT_CARD_EVENT}</div>,
-};

package/src/components/CarouselProductCard/CarouselProductCard.fixture.tsx

@@ -1,96 +0,0 @@
-import '../../setup-fixture';
-
-import { type Picture } from '../../model/Picture';
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
-import { CarouselProductCard } from './CarouselProductCard';
-import { type CarouselProductCardContent } from './CarouselProductCardContent';
-
-const isDotted = false;
-
-const image: Picture = {
-  src: 'money-1.png',
-  format: 'webp',
-  size: {
-    width: 140,
-    height: 140,
-  },
-  title: 'money',
-};
-
-const buttonPrimary: ButtonContent = {
-  href: '/credit-cards',
-  text: 'Подробнее',
-  target: '_blank',
-  version: 'secondary',
-};
-
-const buttonPrimaryIcon: ButtonContent = {
-  href: '/credit-cards',
-  text: 'Подробнее',
-  target: '_blank',
-  version: 'secondary',
-  icon: { icon: 'BankIcon' },
-};
-
-const defaultItems = [
-  { text: 'Качественные фермерские продукты напрямую от производителей' },
-  { text: 'Самая большая база сельских туров по России' },
-  { text: 'Площадки для создания комфортной жизни за городом' },
-];
-
-export const PRODUCT_CARD: CarouselProductCardContent = {
-  title: 'Более 5000 товаров',
-  description: 'Время копить: ставка растет в зависимости от срока нахождения средств на Счете!',
-  icon: image,
-  button: buttonPrimary,
-  isDotted,
-  items: defaultItems,
-  additionalDescription: 'Дополнительное описание',
-};
-
-export const PRODUCT_CARD_SMALL: CarouselProductCardContent = {
-  title: 'Более 5000 товаров Более 5000 товаров Более 5000 товаров',
-  icon: image,
-  button: buttonPrimary,
-  isDotted,
-  isButtonFullWidth: false,
-  align: 'text-left',
-};
-
-export const PRODUCT_CARD_EVENT: CarouselProductCardContent = {
-  title: 'Более 5000 товаров',
-  icon: image,
-  isDotted,
-  additionalDescription: 'Дополнительное описание',
-  align: 'text-left',
-  isTopPosition: true,
-  isImageFullWidth: true,
-};
-
-const CAROUSEL_PRODUCT_CARD = <CarouselProductCard className="col-span-4" {...PRODUCT_CARD} />;
-
-const CAROUSEL_PRODUCT_CARD_SECONDARY = (
-  <CarouselProductCard
-    className="col-span-4"
-    {...PRODUCT_CARD}
-    version="secondary"
-    isDotted={true}
-    button={buttonPrimaryIcon}
-    isButtonFullWidth={false}
-  />
-);
-
-const CAROUSEL_PRODUCT_CARD_SMALL = (
-  <CarouselProductCard className="col-span-4" {...PRODUCT_CARD_SMALL} />
-);
-
-const CAROUSEL_PRODUCT_CARD_EVENT = (
-  <CarouselProductCard className="col-span-4" {...PRODUCT_CARD_EVENT} />
-);
-
-export default {
-  default: <div className="container grid grid-cols-12">{CAROUSEL_PRODUCT_CARD}</div>,
-  secondary: <div className="container grid grid-cols-12">{CAROUSEL_PRODUCT_CARD_SECONDARY}</div>,
-  small: <div className="container grid grid-cols-12">{CAROUSEL_PRODUCT_CARD_SMALL}</div>,
-  event: <div className="container grid grid-cols-12">{CAROUSEL_PRODUCT_CARD_EVENT}</div>,
-};

package/src/components/CarouselProductCard/CarouselProductCard.tsx

@@ -1,115 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { AlignStyles } from '../../model/AlignStyles';
-import { type BlockVersion } from '../../model/BlockVersion';
-import { type UniBlockProps } from '../../model/JSXBlock';
-import { type Picture } from '../../model/Picture';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
-import { Img } from '../../ui-kit/Img/Img';
-import { LinkWrapper } from '../../ui-kit/LinkWrapper/LinkWrapper';
-import { List } from '../../ui-kit/List/List';
-import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
-import { Text } from '../../ui-kit/Text/Text';
-import { type TextAlign } from '../../ui-kit/Text/TextProps';
-import { style } from '../../utils/style';
-import { HEADLINE_SMALL_VERSION } from '../Headline/headlineVersionStyles';
-import { type CarouselProductCardContent, type ListProps } from './CarouselProductCardContent';
-
-export interface CarouselProductCardProps extends CarouselProductCardContent, UniBlockProps {}
-
-export const CarouselProductCard = JSX<CarouselProductCardProps>(
-  ({
-    additionalDescription,
-    align = AlignStyles,
-    button = {},
-    className = '',
-    description,
-    headlineSmallVersion = 'H6',
-    href,
-    icon,
-    isDotted = true,
-    isButtonFullWidth = true,
-    isImageFullWidth = false,
-    isTopPosition = false,
-    items = [],
-    target,
-    title,
-    version = 'primary',
-    ...rest
-  }) => {
-    return (
-      <BlockWrapper
-        className={style('flex flex-col justify-between', className)}
-        defaultPadding="p-0"
-        version={version}
-        {...rest}
-      >
-        <LinkWrapper className="p-m flex flex-col gap-xs" href={href} target={target}>
-          {renderCardTitle(headlineSmallVersion, title, align)}
-          {renderDescription(description, align)}
-          {renderItems(items, isDotted, version)}
-          {renderAdditionalDescription(additionalDescription, align)}
-          {renderImage(icon, isImageFullWidth, isTopPosition)}
-        </LinkWrapper>
-        {renderButtonsSection([button], {
-          className: style('p-m pt-0', isButtonFullWidth ? '' : 'self-center'),
-          isVertical: isButtonFullWidth,
-        })}
-      </BlockWrapper>
-    );
-  },
-);
-
-const renderImage = (image?: Picture, isImageFullWidth?: boolean, isTopPosition?: boolean) => (
-  <div
-    className={style(
-      'flex gap-y-lg justify-center',
-      isImageFullWidth ? 'min-w-full h-full' : '',
-      isTopPosition ? 'order-first' : 'order-last',
-    )}
-  >
-    {image?.src ? <Img image={image} /> : null}
-    {image?.icon ? (
-      <Img
-        className={style(!isImageFullWidth ? 'w-8 h-8 min-w-8' : 'w-full h-full')}
-        image={image}
-      />
-    ) : null}
-  </div>
-);
-
-const renderCardTitle = (headlineSmallVersion: string, title?: string, align?: TextAlign) =>
-  title ? (
-    <Text align={align} size={HEADLINE_SMALL_VERSION[headlineSmallVersion]}>
-      {title}
-    </Text>
-  ) : null;
-
-const renderDescription = (description?: string, align?: TextAlign) =>
-  description ? (
-    <Paragraph align={align} size="text-l">
-      {description}
-    </Paragraph>
-  ) : null;
-
-const renderAdditionalDescription = (additionalDescription?: string, align?: TextAlign) =>
-  additionalDescription ? (
-    <Text
-      size="text-m"
-      font="font-light"
-      color="text-secondary-text group-data-secondary:text-white/80"
-      align={align}
-    >
-      {additionalDescription}
-    </Text>
-  ) : null;
-
-const renderItems = (items: ListProps[], isDotted: boolean, version: BlockVersion = 'primary') =>
-  items?.length ? (
-    <List
-      className={style('text-s', version === 'primary' ? '!text-secondary-text' : '')}
-      items={items.filter((item) => item?.text).map((item) => item.text as string)}
-      isDotted={isDotted}
-      listItemSize="S"
-    />
-  ) : null;

package/src/components/CarouselProductCard/CarouselProductCard.ui.json

@@ -1,21 +0,0 @@
-{
-  "content": {
-    "additionalDescription": {
-      "ui:field": "hidden"
-    },
-    "icon": {
-      "ui:field": "picture"
-    },
-    "button": {
-      "href": {
-        "ui:field": "attachmentHref"
-      },
-      "icon": {
-        "ui:field": "icon"
-      },
-      "iconRight": {
-        "ui:field": "icon"
-      }
-    }
-  }
-}

package/src/components/CarouselProductCard/CarouselProductCardContent.ts

@@ -1,39 +0,0 @@
-import { type BulletsProps } from '../../model/Bullets';
-import {
-  type AdditionalDescriptionProps,
-  type AlignProps,
-  type HeadlineSmallProps,
-} from '../../model/HeadlineType';
-import { type UniBlockContent } from '../../model/JSXBlock';
-import { type LinkCommonProps } from '../../model/LinkProps';
-import { type IconProps } from '../../model/Picture';
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
-
-/**
- * @title Элемент списка
- */
-export interface ListProps {
-  /** @title Текст */
-  text?: string;
-}
-
-/**
- * @title Карточка продуктовой карусели
- */
-export type CarouselProductCardContent = UniBlockContent &
-  HeadlineSmallProps &
-  AdditionalDescriptionProps &
-  IconProps &
-  BulletsProps &
-  LinkCommonProps &
-  AlignProps & {
-    /** @title Список */
-    items?: ListProps[];
-    /** @title  Изображение на всю ширину */
-    isImageFullWidth?: boolean;
-    /**  @title  Картинка сверху над текстом */
-    isTopPosition?: boolean;
-    /** @title Кнопка по всей ширине */
-    isButtonFullWidth?: boolean;
-    button?: ButtonContent;
-  };

package/src/components/CarouselRichTextCard/CarouselRichTextCard.example.json

@@ -1,6 +0,0 @@
-{
-  "content": {
-    "richVersion": "striped",
-    "__html": "<h4>Заголовок4</h4><p><br></p><table><thead><tr><th><p>Заголовок 1-1</p></th><th><p>Заголовок 1-2</p></th></tr></thead><tbody><tr><td><p>Описание 1-1</p></td><td><p>Описание 1-2</p></td></tr><tr><td><p>Описание 2-1</p></td><td><p>Описание 2-2</p></td></tr><tr><td><p>Описание 3-1<br></p></td><td><p>Описание 3-2<br></p></td></tr><tr><td><p>Описание 4-1<br></p></td><td><p>Описание 4-2<br></p></td></tr></tbody></table></li>"
-  }
-}

package/src/components/CarouselRichTextCard/CarouselRichTextCard.fixture.tsx

@@ -1,26 +0,0 @@
-import '../../setup-fixture';
-
-import { CarouselRichTextCard } from './CarouselRichTextCard';
-import { type CarouselRichTextCardContent } from './CarouselRichTextCardContent';
-
-export const RICH_CARD: CarouselRichTextCardContent = {
-  __html:
-    '<h4>Заголовок 4</h4><p><br></p>' +
-    '<table>' +
-    '<thead><tr><th><p>Эмитент</p></th><th><p>Код</p></th></tr></thead>' +
-    '<tbody>' +
-    '<tr><td><p>ПАО «Полюс»</p></td><td><p>PLZL</p></td></tr>' +
-    '<tr><td><p>Полиметалл Интернэшнл плс</p></td><td><p>POLY</p></td></tr>' +
-    '<tr><td><p>ПАО «ГМК «Норильский никель»<br></p></td><td><p>GMKN<br></p></td></tr>' +
-    '<tr><td><p>ПАО «Лензолото»<br></p></td><td><p>LNZL<br></p></td></tr>' +
-    '</tbody>' +
-    '</table>',
-};
-
-export default {
-  default: (
-    <div className="container grid grid-cols-12">
-      <CarouselRichTextCard className="col-span-4" {...RICH_CARD} />
-    </div>
-  ),
-};

package/src/components/CarouselRichTextCard/CarouselRichTextCard.tsx

@@ -1,15 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type UniBlockProps } from '../../model/JSXBlock';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { RichText } from '../../ui-kit/RichText/RichText';
-import { type CarouselRichTextCardContent } from './CarouselRichTextCardContent';
-
-export interface CarouselRichTextCardProps extends CarouselRichTextCardContent, UniBlockProps {}
-
-export const CarouselRichTextCard = JSX<CarouselRichTextCardProps>(
-  ({ className = '', __html, richVersion = 'striped', ...rest }) => (
-    <BlockWrapper className={className} {...rest}>
-      <RichText __html={__html} richVersion={richVersion} />
-    </BlockWrapper>
-  ),
-);

package/src/components/CarouselRichTextCard/CarouselRichTextCard.ui.json

@@ -1,7 +0,0 @@
-{
-  "content": {
-    "__html": {
-      "ui:widget": "html"
-    }
-  }
-}

package/src/components/CarouselRichTextCard/CarouselRichTextCardContent.ts

@@ -1,7 +0,0 @@
-import { type UniBlockContent } from '../../model/JSXBlock';
-import { type RichTextProps } from '../../ui-kit/RichText/RichTextProps';
-
-/**
- * @title Карточка c форматированным вводом
- */
-export type CarouselRichTextCardContent = UniBlockContent & RichTextProps;

package/src/components/PromoTile/PromoTile.example.json

@@ -1,16 +0,0 @@
-{
-  "content": {
-    "title": "Акции и спецпредложения",
-    "date": "2022-04-16",
-    "description": "Пенсионный кредит по специальной процентной ставке",
-    "headlineVersion": "M",
-    "buttons": [
-      {
-        "text": "Все акции",
-        "href": "/credits",
-        "version": "secondary"
-      }
-    ],
-    "version": "secondary"
-  }
-}

package/src/components/PromoTile/PromoTile.fixture.tsx

@@ -1,25 +0,0 @@
-import '../../setup-fixture';
-
-import { getCurrentDate } from '../../utils/getCurrentDate';
-import { PromoTile } from './PromoTile';
-
-export default {
-  default: (
-    <div className="container grid grid-cols-12">
-      <PromoTile
-        className="col-span-4"
-        title="Акции и спецпредложения"
-        description="Пенсионный кредит по специальной процентной ставке"
-        version="secondary"
-        date={getCurrentDate()}
-        buttons={[
-          {
-            text: 'Все акции',
-            href: '/credits',
-            version: 'secondary',
-          },
-        ]}
-      />
-    </div>
-  ),
-};

package/src/components/PromoTile/PromoTile.tsx

@@ -1,53 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type UniBlockProps } from '../../model/JSXBlock';
-import { BaseTile } from '../../ui-kit/BaseTile/BaseTile';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
-import { style } from '../../utils/style';
-import { Headline } from '../Headline/Headline';
-import { type PromoTileContent } from './PromoTileContent';
-
-export interface PromoTileProps extends PromoTileContent, UniBlockProps {}
-
-export const PromoTile = JSX<PromoTileProps>(
-  ({
-    className,
-    title = 'Акции и спецпредложения',
-    description,
-    headlineVersion = 'S',
-    date,
-    buttons = [],
-    ...rest
-  }) => (
-    <BlockWrapper className={style('box-border', className)} {...rest}>
-      <BaseTile
-        className="h-full"
-        title={
-          title ? (
-            <Headline
-              title={title}
-              headlineVersion={headlineVersion}
-              align="text-left"
-              isEmbedded={true}
-            />
-          ) : null
-        }
-        buttons={renderButtonsSection(buttons)}
-      >
-        {date ? <div className="text-s mb-xs">{formatDate(date)}</div> : null}
-        <div className="text-l">{description}</div>
-      </BaseTile>
-    </BlockWrapper>
-  ),
-);
-
-function formatDate(date: string) {
-  const dateObj = new Date(date);
-  const dateFormat: Intl.DateTimeFormatOptions = {
-    day: 'numeric',
-    month: 'long',
-    year: 'numeric',
-  };
-
-  return dateObj.toLocaleString('ru-RU', dateFormat).replace('г.', '');
-}

package/src/components/PromoTile/PromoTile.ui.json

@@ -1 +0,0 @@
-{}

package/src/components/PromoTile/PromoTileContent.ts

@@ -1,14 +0,0 @@
-import { type DescriptionProps, type HeadlineProps } from '../../model/HeadlineType';
-import { type UniBlockContent } from '../../model/JSXBlock';
-import { type ButtonsSectionContent } from '../../ui-kit/Button/ButtonsSectionContent';
-
-/**
- * @title Акции
- */
-export type PromoTileContent = UniBlockContent &
-  HeadlineProps &
-  DescriptionProps &
-  ButtonsSectionContent & {
-    /** @title Дата публикации */
-    date?: string;
-  };

package/src/components/TariffsTable/headlineAlign.mobile.tsx

@@ -1 +0,0 @@
-export const headlineAlign = 'text-left';

package/src/components/TariffsTable/headlineAlign.tsx

@@ -1 +0,0 @@
-export const headlineAlign = 'text-center';