@redneckz/wildless-cms-uni-blocks 0.14.28 → 0.14.30

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/OfficesAtmsMap/renderLunchHour.tsx

@@ -1,28 +0,0 @@
-import { Text } from '../../ui-kit/Text/Text';
-
-export const renderLunchHour = (lunchHour: string) => {
-  const hasLunch = /\d+/gi.test(lunchHour);
-
-  return hasLunch ? (
-    <div className="flex flex-row w-full pb-2xs">
-      <div className="pr-s">
-        <Text size="text-l" color="text-error">
-          Перерыв
-        </Text>
-      </div>
-      <div>
-        <Text size="text-l" color="text-error">
-          {lunchHour}
-        </Text>
-      </div>
-    </div>
-  ) : (
-    <div className="items-center w-full pb-2xs">
-      <div>
-        <Text size="text-m" color="text-primary-main" font="font-light">
-          {lunchHour}
-        </Text>
-      </div>
-    </div>
-  );
-};

package/src/components/PictureText/PictureText.example.json

@@ -1,40 +0,0 @@
-{
-  "content": {
-    "title": "Блок с картинкой",
-    "description": "Описание",
-    "headlineVersion": "M",
-    "align": "text-center",
-    "image": {
-      "format": "webp",
-      "size": {
-        "width": 400,
-        "height": 300
-      }
-    },
-    "version": "primary",
-    "benefits": [
-      {
-        "type": "default",
-        "label": "Преимущество №1",
-        "icon": {
-          "format": "webp",
-          "icon": "ShieldTickIcon"
-        }
-      },
-      {
-        "type": "default",
-        "label": "Преимущество №2",
-        "icon": {
-          "format": "webp",
-          "icon": "ShieldTickIcon"
-        }
-      }
-    ],
-    "sum": 500000,
-    "monthLimit": 25000,
-    "imageOptions": {
-      "directionRight": false,
-      "imageAlign": "center"
-    }
-  }
-}

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

@@ -1,116 +0,0 @@
-import { type Picture } from '../../model/Picture';
-import '../../setup-fixture';
-import { PictureText } from './PictureText';
-import { type PictureTextContent } from './PictureTextContent';
-
-const imageInsurance: Picture = {
-  src: 'insurance.png',
-  format: 'webp',
-  alt: 'Страховые риски и продукты',
-  size: {
-    width: 335,
-  },
-};
-
-const imageMonitor: Picture = {
-  src: 'monitor.png',
-  format: 'webp',
-  alt: 'Управление несколькими счетами',
-  size: {
-    width: 420,
-  },
-};
-export const PICTURE_TEXT: PictureTextContent = {
-  title: 'Страховые риски и продукты',
-  description: 'Покрываемые риски программы «Страхование от потери работы»',
-  benefits: [
-    {
-      type: 'default',
-      label: 'Кредит по одному документу',
-      description: 'До 300 тыс ₽ по упрощённой процедуре получения кредита',
-      icon: { icon: 'DocIcon' },
-    },
-    {
-      type: 'default',
-      label: 'Кредит на общих условиях',
-      description: 'До 5 млн ₽ на общих условиях получения кредита',
-      icon: { icon: 'DocIcon', iconVersion: 'white' },
-    },
-  ],
-};
-
-export const INSURANCE_TEXT: PictureTextContent = {
-  title: 'Страховые риски и продукты',
-  description: 'Покрываемые риски программы «Защита вас и ваших близких»',
-  benefits: [
-    {
-      type: 'default',
-      label: 'Телесное повреждение',
-      icon: { icon: 'ShieldTickIcon' },
-    },
-    {
-      type: 'default',
-      label: 'Госпитализация застрахованного',
-      description: 'Описание',
-      icon: { icon: 'ShieldTickIcon' },
-    },
-    {
-      type: 'default',
-      label: 'Сокращение численности работников организации и другой текст для теста длинны текста',
-      icon: { icon: 'ShieldTickIcon' },
-    },
-    {
-      type: 'default',
-      label: 'Смерть застрахованного',
-      icon: { icon: 'ShieldTickIcon' },
-    },
-  ],
-  image: imageInsurance,
-  sum: 500000,
-};
-
-export const BENEFITS_HTML_TEXT: PictureTextContent = {
-  title: '',
-  benefits: [
-    {
-      type: 'rte',
-      __html:
-        '<p class="h3">Управление несколькими счетами</p><p>Контролируйте баланс, пересылайте реквизиты  контрагентам и установите любимый счёт для регулярных платежей</p>',
-    },
-    {
-      type: 'rte',
-      __html:
-        '<p class="h3">Управление несколькими счетами</p><p>Контролируйте баланс, пересылайте реквизиты контрагентам и установите любимый счёт для регулярных платежей</p>',
-    },
-  ],
-
-  image: imageMonitor,
-};
-
-export default {
-  default: (
-    <div className="container grid grid-cols-12">
-      <PictureText className="col-span-12" {...PICTURE_TEXT} />
-    </div>
-  ),
-  secondary: (
-    <div className="container grid grid-cols-12">
-      <PictureText className="col-span-12" {...PICTURE_TEXT} version="secondary" />
-    </div>
-  ),
-  'insurance sum': (
-    <div className="container grid grid-cols-12">
-      <PictureText className="col-span-12" {...INSURANCE_TEXT} />
-    </div>
-  ),
-  'insurance monthPay': (
-    <div className="container grid grid-cols-12">
-      <PictureText className="col-span-12" {...INSURANCE_TEXT} monthLimit={25000} />
-    </div>
-  ),
-  'benefits as html': (
-    <div className="container grid grid-cols-12">
-      <PictureText className="col-span-12" {...BENEFITS_HTML_TEXT} />
-    </div>
-  ),
-};