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

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

@@ -1,130 +0,0 @@
-import { type Picture } from '../../model/Picture';
-import '../../setup-fixture';
-import { PictureText } from './PictureText';
-import { type PictureTextContent } from './PictureTextContent';
-
-const image: Picture = {
-  src: 'legal-support-business.png',
-  format: 'webp',
-  size: {
-    width: 400,
-    height: 300,
-  },
-  alt: 'Варианты потребительского кредита',
-};
-
-const imageInsurance: Picture = {
-  src: 'insurance.png',
-  format: 'webp',
-  alt: 'Страховые риски и продукты',
-  size: {
-    width: 400,
-    height: 300,
-  },
-};
-
-const imageMonitor: Picture = {
-  src: 'monitor.png',
-  format: 'webp',
-  alt: 'Управление несколькими счетами',
-  size: {
-    width: 420,
-  },
-};
-export const PICTURE_TEXT: PictureTextContent = {
-  title: 'Обменивайте бонусы на путешествия',
-  description:
-    'Получайте 1% бонусными баллами с любых покупок и 1,5% баллами с покупок в категории «Путешествия». Обменивайте ' +
-    'бонусные баллы на авиа и ж/д билеты, бронирование отелей и прокат автомобилей.',
-  benefits: [
-    {
-      type: 'default',
-      label: 'Кредит по одному документу',
-      description: 'До 300 тыс ₽ по упрощённой процедуре получения кредита',
-      icon: { icon: 'DocIcon' },
-    },
-    {
-      type: 'default',
-      label: 'Кредит на общих условиях',
-      description: 'До 5 млн ₽ на общих условиях получения кредита',
-      icon: { icon: 'DocIcon' },
-    },
-  ],
-  image,
-};
-
-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>
-  ),
-};

package/src/components/PictureText/PictureText.tsx

@@ -1,36 +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 PictureTextContent } from './PictureTextContent';
-import { renderInsuranceSumMonth } from './renderInsuranceSumMonth';
-
-export interface PictureTextProps extends PictureTextContent, UniBlockProps {}
-
-export const PictureText = JSX<PictureTextProps>(
-  ({
-    className,
-    padding,
-    headlineVersion = 'M',
-    align = 'text-center',
-    sum,
-    monthLimit,
-    imageOptions,
-    ...rest
-  }) => (
-    <BlockWrapper className={className} padding="p-0" {...rest}>
-      <BaseProductTile
-        className="h-full"
-        defaultPadding="p-6xl"
-        padding={padding}
-        headlineVersion={headlineVersion}
-        align={align}
-        isFullWidthTitle={true}
-        imageOptions={{ directionRight: false, imageAlign: 'center', ...imageOptions }}
-        {...rest}
-      >
-        {renderInsuranceSumMonth(Number(sum), Number(monthLimit))}
-      </BaseProductTile>
-    </BlockWrapper>
-  ),
-);

package/src/components/PictureText/PictureText.ui.json

@@ -1,23 +0,0 @@
-{
-  "content": {
-    "sum": {
-      "ui:field": "number"
-    },
-    "monthLimit": {
-      "ui:field": "number"
-    },
-    "benefits": {
-      "items": {
-        "__html": {
-          "ui:widget": "html"
-        },
-        "type": {
-          "ui:widget": "hidden"
-        }
-      }
-    },
-    "__html": {
-      "ui:widget": "html"
-    }
-  }
-}

package/src/components/PictureText/PictureTextContent.ts

@@ -1,13 +0,0 @@
-import { type UniBlockContent } from '../../model/JSXBlock';
-import { type BaseProductTileContent } from '../../ui-kit/BaseProductTile/BaseProductTileContent';
-
-/**
- * @title Картинка с текстом
- */
-export type PictureTextContent = UniBlockContent &
-  BaseProductTileContent & {
-    /** @title Ежемесячный лимит */
-    monthLimit?: number;
-    /** @title Страховая сумма */
-    sum?: number;
-  };

package/src/components/PictureText/renderInsuranceSumMonth.tsx

@@ -1,21 +0,0 @@
-import { Text } from '../../ui-kit/Text/Text';
-import { toLocalNumberFormat } from '../../utils/toLocalNumberFormat';
-
-export const renderInsuranceSumMonth = (sum?: number, monthLimit?: number) =>
-  sum || monthLimit ? (
-    <div className="flex flex-wrap xl:flex-nowrap xl:bg-main-divider xl:rounded-md p-xs gap-xl">
-      {Number(sum) > 0 ? renderValueBlock('Страховая сумма', sum) : null}
-      {Number(monthLimit) > 0 ? renderValueBlock('Ежемесячный лимит', monthLimit) : null}
-    </div>
-  ) : null;
-
-const renderValueBlock = (title: string, value = 0) => (
-  <div className="basis-full flex flex-col-reverse sm:flex-row sm:justify-between sm:bg-main-divider sm:py-m sm:px-lg sm:rounded-md items-baseline whitespace-pre">
-    <Text font="font-light" size="text-l" color="text-secondary-text">
-      {title}
-    </Text>
-    <span className="font-sans text-h6 sm:text-primary-main text-primary-text">
-      {toLocalNumberFormat(2)(value)} ₽
-    </span>
-  </div>
-);