@redneckz/wildless-cms-uni-blocks 0.14.49 → 0.14.51

package/src/components/ProductTile/ProductTile.fixture.tsx

@@ -1,227 +0,0 @@
-import '../../setup-fixture';
-
-import { type Picture } from '../../model/Picture';
-import { type ComplexBenefitContent } from '../../ui-kit/BenefitItem/BenefitItemContent';
-import { type ButtonProps } from '../../ui-kit/Button/ButtonProps';
-import { ProductTile } from './ProductTile';
-import { type ProductTileContent } from './ProductTileContent';
-
-const imageSize = {
-  height: 242,
-  width: 242,
-};
-
-const cardWithMoney: Picture = {
-  src: 'card-with-diamond.png',
-  alt: 'Кредиты в РСХБ',
-  format: 'webp',
-  size: imageSize,
-};
-
-const letterWithMoney: Picture = {
-  src: 'letter-with-money.png',
-  alt: 'Пенсионный кредит в РСХБ',
-  format: 'webp',
-  size: imageSize,
-};
-
-const letterWithPhone: Picture = {
-  src: 'letter-with-phone.png',
-  alt: 'Пенсионный кредит в РСХБ',
-  format: 'webp',
-  size: imageSize,
-};
-
-const building: Picture = {
-  src: 'building.png',
-  alt: 'Кредит под залог недвижимости в РСХБ',
-  format: 'webp',
-  size: imageSize,
-};
-
-const benefits: ComplexBenefitContent[] = [
-  {
-    type: 'default',
-    label: 'до 5 млн Р',
-    description: 'Кредитный лимит',
-  },
-  {
-    type: 'default',
-    label: 'от 12,5%',
-    description: 'Процентная ставка',
-  },
-  {
-    type: 'default',
-    label: 'до 5 лет',
-    description: 'Срок кредитования',
-  },
-];
-
-const benefits2: ComplexBenefitContent[] = [
-  {
-    type: 'default',
-    label: '1 год',
-    description: 'срок программы',
-  },
-];
-
-const multilineBenefits: ComplexBenefitContent[] = [
-  {
-    type: 'default',
-    label: 'Широкий',
-    description: 'выбор платёжных систем',
-  },
-  {
-    type: 'default',
-    label: 'Специальные',
-    description: 'условия по снятию наличных условия по снятию наличных',
-  },
-  {
-    type: 'default',
-    label: '0,5 балла',
-    description: '«Урожай» за 100 рублей «Урожай» за 100 рублей',
-  },
-];
-
-const buttons: ButtonProps[] = [
-  {
-    text: 'Подробнее',
-    href: '/credit-cards',
-    version: 'secondary',
-  },
-];
-
-const buttons2: ButtonProps[] = [
-  {
-    href: 'https://rshb.ru',
-    text: 'Подробнее',
-    target: '_blank',
-    version: 'secondary',
-  },
-];
-
-const buttons3: ButtonProps[] = [
-  {
-    href: 'https://rshb.ru',
-    text: 'Оформить',
-    target: '_blank',
-    version: 'primary',
-  },
-  {
-    href: 'https://rshb.ru',
-    text: 'Подробнее',
-    target: '_blank',
-    version: 'secondary',
-  },
-];
-
-export const PRODUCT_TILE: ProductTileContent = {
-  title: 'Акция! “Кредит На все, что хочется!”',
-  headlineVersion: 'S',
-  description: 'Потребительский кредит на любые цели, без залога и поручительства',
-  benefits,
-  buttons: buttons,
-  image: cardWithMoney,
-};
-export const PRODUCT_PENSION_TILE: ProductTileContent = {
-  title: 'Кредит пенсионный',
-  headlineVersion: 'S',
-  description: 'Для людей в возрасте до 75 лет',
-  benefits,
-  buttons: buttons2,
-};
-
-export default {
-  default: (
-    <div className="container grid grid-cols-12">
-      <ProductTile className="col-span-6" {...PRODUCT_TILE} />
-    </div>
-  ),
-  secondary: (
-    <div className="container grid grid-cols-12">
-      <ProductTile className="col-span-6" {...PRODUCT_TILE} version="secondary" />
-    </div>
-  ),
-  pension: (
-    <div className="container grid grid-cols-12">
-      <ProductTile
-        className="col-span-6"
-        title="Акция! “Пенсионный кредит”"
-        description="Потребительский кредит на любые цели, без залога и поручительства"
-        benefits={benefits}
-        buttons={buttons2}
-        image={letterWithMoney}
-      />
-    </div>
-  ),
-  'long-title-benefits-without-image': (
-    <div className="container grid grid-cols-12">
-      <ProductTile
-        className="col-span-6"
-        title="Кредит пенсионный"
-        description="Для людей в возрасте до 75 лет"
-        benefits={multilineBenefits}
-        buttons={buttons2}
-      />
-    </div>
-  ),
-  'credit-card': (
-    <div className="container grid grid-cols-12">
-      <ProductTile
-        className="col-span-8"
-        title="Кредит под залог недвижимости"
-        description="Без переоформления залогой недвижимости на банк"
-        benefits={benefits}
-        buttons={buttons2}
-        image={building}
-      />
-    </div>
-  ),
-  'pension-credit': (
-    <div className="container grid grid-cols-12">
-      <ProductTile
-        className="col-span-4"
-        title="Кредит пенсионный"
-        description="Для людей в возрасте до 75 лет"
-        benefits={benefits}
-        buttons={buttons2}
-      />
-    </div>
-  ),
-  'with-add-desc': (
-    <div className="container grid grid-cols-12">
-      <ProductTile
-        className="col-span-6"
-        title="Ипотечное страхование"
-        description="Финансовая защита заемщиков в случае непредвиденных обстоятельств"
-        additionalDescription="Страховая сумма и страховой взнос зависит от остатка задолженности по ипотеке"
-        benefits={benefits2}
-        buttons={buttons3}
-        image={letterWithPhone}
-      />
-    </div>
-  ),
-  'stretching with long description': (
-    <div className="container grid grid-cols-12">
-      <ProductTile
-        className="col-span-6"
-        {...PRODUCT_TILE}
-        benefits={multilineBenefits}
-        title="Многострочные преимущества"
-      />
-    </div>
-  ),
-  'credit-card-reverse': (
-    <div className="container grid grid-cols-12">
-      <ProductTile
-        className="col-span-8"
-        title="Кредит под залог недвижимости"
-        description="Без переоформления залогой недвижимости на банк"
-        benefits={benefits}
-        buttons={buttons2}
-        image={building}
-        imageOptions={{ directionRight: false }}
-      />
-    </div>
-  ),
-};

package/src/components/ProductTile/ProductTile.tsx

@@ -1,40 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type UniBlockProps } from '../../model/JSXBlock';
-import { BaseProductTile } from '../../ui-kit/BaseProductTile/BaseProductTile';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
-import { type ProductTileContent } from './ProductTileContent';
-
-export interface ProductTileProps extends ProductTileContent, UniBlockProps {}
-
-export const ProductTile = JSX<ProductTileProps>(
-  ({
-    className,
-    padding,
-    headlineVersion = 'S',
-    isTabularBenefits = true,
-    additionalDescription,
-    imageOptions,
-    isFullWidthTitle = true,
-    ...rest
-  }) => (
-    <BlockWrapper className={className} padding="p-0" {...rest}>
-      <BaseProductTile
-        className="h-full"
-        defaultPadding="p-4xl sm:p-xl"
-        padding={padding}
-        headlineVersion={headlineVersion}
-        isTabularBenefits={isTabularBenefits}
-        imageOptions={{ isImageSecondary: true, ...imageOptions }}
-        isFullWidthTitle={isFullWidthTitle}
-        {...rest}
-      >
-        {additionalDescription ? (
-          <Paragraph size="text-m" font="font-light" color="group-data-primary:text-secondary-text">
-            {additionalDescription}
-          </Paragraph>
-        ) : null}
-      </BaseProductTile>
-    </BlockWrapper>
-  ),
-);

package/src/components/ProductTile/ProductTile.ui.json

@@ -1,17 +0,0 @@
-{
-  "content": {
-    "benefits": {
-      "items": {
-        "__html": {
-          "ui:widget": "html"
-        },
-        "type": {
-          "ui:widget": "hidden"
-        }
-      }
-    },
-    "__html": {
-      "ui:widget": "html"
-    }
-  }
-}

package/src/components/ProductTile/ProductTileContent.ts

@@ -1,10 +0,0 @@
-import { type AdditionalDescriptionProps } from '../../model/HeadlineType';
-import { type UniBlockContent } from '../../model/JSXBlock';
-import { type BaseProductTileContent } from '../../ui-kit/BaseProductTile/BaseProductTileContent';
-
-/**
- * @title Продуктовая плитка
- */
-export type ProductTileContent = UniBlockContent &
-  BaseProductTileContent &
-  AdditionalDescriptionProps;

package/src/components/Tile/Tile.example.json

@@ -1,28 +0,0 @@
-{
-  "content": {
-    "title": "Плитка",
-    "headlineVersion": "S",
-    "__html": "<p>Описание</p>",
-    "image": {
-      "format": "webp",
-      "size": {
-        "format": "webp",
-        "width": 445
-      }
-    },
-    "isDotted": true,
-    "listItemSize": "M",
-    "items": ["Пункт 1", "Пункт 2", "Пункт 3"],
-    "buttons": [
-      {
-        "text": "Кнопка",
-        "version": "primary"
-      }
-    ],
-    "version": "primary",
-    "imageOptions": {
-      "directionRight": true,
-      "imageAlign": "end"
-    }
-  }
-}

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

@@ -1,48 +0,0 @@
-import '../../setup-fixture';
-
-import { type Picture } from '../../model/Picture';
-import { Tile } from './Tile';
-import { type TileContent } from './TileContent';
-
-const image: Picture = {
-  src: 'from-5-5-percent.svg',
-  format: 'webp',
-  size: {
-    width: 145,
-  },
-};
-
-export const TILE: TileContent = {
-  title: 'Кредиты',
-  isDotted: true,
-  listItemSize: 'L',
-  items: ['До 3 млн ₽', 'до 5 лет'],
-  __html: undefined,
-  buttons: [
-    {
-      text: 'Подробнее',
-      href: '/credit-cards',
-      version: 'secondary',
-    },
-  ],
-  image,
-};
-
-export default {
-  default: (
-    <div className="container grid grid-cols-12">
-      <Tile className="col-span-12" {...TILE} />
-    </div>
-  ),
-  rightImage: (
-    <div className="container grid grid-cols-12">
-      <Tile
-        className="col-span-12"
-        {...TILE}
-        imageOptions={{
-          isImageAlwaysOnRight: true,
-        }}
-      />
-    </div>
-  ),
-};

package/src/components/Tile/Tile.fixture.tsx

@@ -1,146 +0,0 @@
-import { type Picture } from '../../model/Picture';
-import '../../setup-fixture';
-import { Tile } from './Tile';
-import { type TileContent } from './TileContent';
-
-const image: Picture = {
-  src: 'from-5-5-percent.svg',
-  format: 'webp',
-  size: {
-    width: 445,
-  },
-};
-
-const image2: Picture = {
-  src: 'credit-card-1.png',
-  format: 'webp',
-};
-
-const image3: Picture = {
-  src: 'column-1.png',
-  format: 'webp',
-};
-
-const image4: Picture = {
-  src: 'globe-1.png',
-  format: 'webp',
-};
-
-export const TILE: TileContent = {
-  title: 'Кредиты',
-  isDotted: true,
-  listItemSize: 'L',
-  items: ['До 3 млн ₽', 'до 5 лет'],
-  buttons: [
-    {
-      text: 'Подробнее',
-      href: '/credit-cards',
-      version: 'secondary',
-    },
-  ],
-  image,
-};
-
-export const TILE_PREMIUM: TileContent = {
-  title: 'Премиальные продукты',
-  __html:
-    '<p>Выделенные зоны обслуживания и персональный финансовый консультант. <strong>Полный спектр</strong> премиальных продуктов, <u>подчеркивающих</u> ваш статус</p>',
-  buttons: [
-    {
-      href: 'https://rshb.ru',
-      text: 'Подробнее',
-      target: '_blank',
-      version: 'secondary',
-    },
-  ],
-  image: image3,
-};
-
-const tags = ['Tag #1', 'Tag #2', 'Tag #3'];
-
-export default {
-  default: (
-    <div className="container grid grid-cols-12">
-      <Tile className="col-span-8" {...TILE} />
-    </div>
-  ),
-  mortgage: (
-    <div className="container grid grid-cols-12">
-      <Tile
-        version="secondary"
-        className="col-span-4"
-        title="Ипотека"
-        items={[
-          'Качественные фермерские продукты напрямую от производителей',
-          'Самая большая база сельских туров по России',
-          'Площадки для создания комфортной жизни за городом',
-          'Подробная база вакансий для жителей сельской местности',
-        ]}
-        buttons={[
-          {
-            href: 'https://rshb.ru',
-            text: 'Подробнее',
-            target: '_blank',
-            version: 'secondary',
-          },
-        ]}
-      />
-    </div>
-  ),
-  'credit-card': (
-    <div className="container grid grid-cols-12">
-      <Tile
-        className="col-span-6"
-        title="Банковские пластиковые карты"
-        items={['Счета в разных валютах', 'Бесплатное обслуживание', 'Кэшбэк до 15% от покупок']}
-        buttons={[
-          {
-            href: 'https://rshb.ru',
-            text: 'Подробнее',
-            target: '_blank',
-            version: 'secondary',
-          },
-        ]}
-        image={image2}
-      />
-    </div>
-  ),
-  premium: (
-    <div className="container grid grid-cols-12">
-      <Tile className="col-span-6" {...TILE_PREMIUM} />
-    </div>
-  ),
-  ecosystem: (
-    <div className="container grid grid-cols-12">
-      <Tile
-        className="col-span-12"
-        title="Экосистема «СВОЕ», созданная для людей"
-        items={[
-          'Качественные фермерские продукты напрямую от производителей',
-          'Самая большая база сельских туров по России',
-          'Площадки для создания комфортной жизни за городом',
-          'Подробная база вакансий для жителей сельской местности',
-        ]}
-        buttons={[
-          {
-            href: 'https://rshb.ru',
-            text: 'Подробнее',
-            target: '_blank',
-            version: 'secondary',
-          },
-        ]}
-        image={image4}
-      />
-    </div>
-  ),
-  tags: (
-    <div className="container grid grid-cols-12">
-      <Tile className="col-span-8" {...TILE} tags={tags} />
-    </div>
-  ),
-  'direction left': (
-    <div className="container grid grid-cols-12">
-      <Tile className="col-span-8" imageOptions={{ directionRight: false }} {...TILE} />
-    </div>
-  ),
-};

package/src/components/Tile/Tile.tsx

@@ -1,23 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type UniBlockProps } from '../../model/JSXBlock';
-import { BaseProductTile } from '../../ui-kit/BaseProductTile/BaseProductTile';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { type TileContent } from './TileContent';
-
-export interface TileProps extends TileContent, UniBlockProps {}
-
-export const Tile = JSX<TileProps>(
-  ({ className, padding, headlineVersion = 'S', listItemSize = 'M', ...rest }) => (
-    <BlockWrapper className={className} padding="p-0" {...rest}>
-      <BaseProductTile
-        className="h-full"
-        defaultPadding="p-xl"
-        padding={padding}
-        headlineVersion={headlineVersion}
-        listItemSize={listItemSize}
-        isFullWidthTitle={false}
-        {...rest}
-      />
-    </BlockWrapper>
-  ),
-);

package/src/components/Tile/Tile.ui.json

@@ -1,17 +0,0 @@
-{
-  "content": {
-    "benefits": {
-      "items": {
-        "__html": {
-          "ui:widget": "html"
-        },
-        "type": {
-          "ui:widget": "hidden"
-        }
-      }
-    },
-    "__html": {
-      "ui:widget": "html"
-    }
-  }
-}

package/src/components/Tile/TileContent.ts

@@ -1,7 +0,0 @@
-import { type UniBlockContent } from '../../model/JSXBlock';
-import { type BaseProductTileContent } from '../../ui-kit/BaseProductTile/BaseProductTileContent';
-
-/**
- * @title Плитка
- */
-export type TileContent = UniBlockContent & BaseProductTileContent;