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

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;