@redneckz/wildless-cms-uni-blocks 0.14.828 → 0.14.829

package/src/components/Placeholder/Placeholder.fixture.tsx

@@ -1,11 +0,0 @@
-import '../../setup-fixture';
-
-import { Placeholder } from './Placeholder';
-
-export default {
-  default: (
-    <div className="container grid grid-cols-12">
-      <Placeholder className="col-span-12" title="Неизвестный блок" />
-    </div>
-  ),
-};

package/src/components/Placeholder/Placeholder.tsx

@@ -1,25 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { Shimmer } from '../../ui-kit/Shimmer/Shimmer';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { style } from '../../utils/style';
-import { Headline } from '../Headline/Headline';
-import { type PlaceholderContent } from './PlaceholderContent';
-
-export interface PlaceholderProps extends PlaceholderContent, UniBlockProps {}
-
-export const Placeholder = JSX<PlaceholderProps>(
-  ({ className, title, description = 'Блок в разработке...', ...rest }) => (
-    <BlockWrapper className={style('box-border', className)} {...rest}>
-      <Headline
-        className="max-w-[600px]"
-        title={title}
-        description={description}
-        headlineVersion="L"
-        align="text-left"
-        isEmbedded={true}
-      />
-      <Shimmer />
-    </BlockWrapper>
-  ),
-);

package/src/components/Placeholder/Placeholder.ui.json

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

package/src/components/Placeholder/PlaceholderContent.ts

@@ -1,7 +0,0 @@
-import { type HeadlineCommonProps } from '../../model/HeadlineType';
-import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
-
-/**
- * @hidden
- */
-export type PlaceholderContent = UniBlockContent & HeadlineCommonProps;

package/src/components/ProductGallery/ProductGallery.example.json

@@ -1,72 +0,0 @@
-{
-  "content": {
-    "version": "primary",
-    "padding": "",
-    "slides": [
-      {
-        "nav": {
-          "title": "Заголовок",
-          "description": "Описание"
-        },
-        "productBlock": {
-          "title": "Продуктовая галерея",
-          "headlineVersion": "M",
-          "description": "Описание",
-          "__html": "<ul><li>Элемент списка 1</li><li>Элемент списка 2</li><li>Элемент списка 3</li></ul>",
-          "isDotted": true,
-          "benefitsVersion": "normal",
-          "benefits": [
-            {
-              "icon": {
-                "icon": "ActualBalanceIcon"
-              },
-              "label": "Преимущество №1",
-              "description": "Описание",
-              "type": "default"
-            },
-            {
-              "icon": {
-                "icon": "BankIcon"
-              },
-              "label": "Преимущество №2",
-              "description": "Описание",
-              "type": "default"
-            }
-          ]
-        }
-      },
-      {
-        "nav": {
-          "title": "Заголовок",
-          "description": "Описание"
-        },
-        "productBlock": {
-          "title": "Продуктовая галерея",
-          "headlineVersion": "XXL",
-          "description": "Описание",
-          "__html": "<ul><li>Элемент списка 1</li><li>Элемент списка 2</li><li>Элемент списка 3</li></ul>",
-          "isDotted": true,
-          "benefitsVersion": "normal",
-          "benefits": [
-            {
-              "icon": {
-                "icon": "BankIcon"
-              },
-              "label": "Возврат %",
-              "description": "при пополнении счёта",
-              "type": "default"
-            },
-            {
-              "icon": {
-                "icon": "ActualBalanceIcon"
-              },
-              "label": "Денежное преимущество",
-              "description": "эмпирическая выгода",
-              "type": "default"
-            }
-          ]
-        }
-      }
-    ]
-  }
-}

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

@@ -1,146 +0,0 @@
-import '../../setup-fixture';
-
-import { type Picture } from '../../model/Picture';
-import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
-import { ProductGallery } from './ProductGallery';
-
-const percentImage: Picture = {
-  src: '3-6-percent.png',
-  format: 'webp',
-  size: {
-    width: 338,
-    height: 420,
-  },
-  alt: 'Ставка от 3,6% годовых',
-};
-
-const creditCard: Picture = {
-  src: 'credit-card-1.png',
-  format: 'webp',
-  size: {
-    width: 280,
-    height: 280,
-  },
-};
-
-const __html = `
-  <ul>
-    <li>Потребительский кредит по специальной процентной ставке</li>
-    <li>Получите деньги без залога и поручительства</li>
-    <li>Кредитный лимит до 5 млн рублей</li>
-  </ul>
-`;
-
-const buttons: LinkButtonContent[] = [
-  {
-    href: 'https://rshb.ru',
-    text: 'Подробнее',
-    target: '_blank',
-    version: 'primary',
-  },
-];
-
-const buttonsSecondary: LinkButtonContent[] = [
-  {
-    href: 'https://rshb.ru',
-    text: 'Подробнее',
-    target: '_blank',
-    version: 'white',
-  },
-];
-
-export default {
-  default: (
-    <div className="container grid grid-cols-12">
-      <ProductGallery
-        className="col-span-12"
-        slides={[
-          {
-            productBlock: {
-              title: 'Кредит по одному документу',
-              description: 'Ставка от 5,5% годовых',
-              headlineVersion: 'L',
-              __html,
-              buttons,
-              image: percentImage,
-            },
-          },
-          {
-            productBlock: {
-              title: 'Ставка от 12,5% годовых на срок до 3 лет!',
-              headlineVersion: 'L',
-              __html,
-              buttons,
-              image: creditCard,
-            },
-          },
-          {
-            productBlock: {
-              title: 'Дополнительные бонусные баллы за покупки!',
-              headlineVersion: 'L',
-              __html,
-              buttons,
-              image: creditCard,
-            },
-          },
-          {
-            productBlock: {
-              title: 'Карты Unionpay',
-              headlineVersion: 'L',
-              __html,
-              buttons,
-              image: creditCard,
-            },
-          },
-        ]}
-      />
-    </div>
-  ),
-  primary: (
-    <div className="container grid grid-cols-12">
-      <ProductGallery
-        className="col-span-12"
-        version={'secondary'}
-        slides={[
-          {
-            productBlock: {
-              title: 'Кредит по одному документу',
-              description: 'Кредит наличными без залога и поручительства, только по паспорту',
-              headlineVersion: 'L',
-              __html,
-              buttons: buttonsSecondary,
-              image: percentImage,
-            },
-          },
-          {
-            productBlock: {
-              title: 'Ставка от 12,5% годовых на срок до 3 лет!',
-              headlineVersion: 'L',
-              __html,
-              buttons: buttonsSecondary,
-              image: creditCard,
-            },
-          },
-          {
-            productBlock: {
-              title: 'Дополнительные бонусные баллы за покупки!',
-              headlineVersion: 'L',
-              __html,
-              buttons: buttonsSecondary,
-              image: creditCard,
-            },
-          },
-          {
-            productBlock: {
-              title: 'Карты Unionpay',
-              headlineVersion: 'L',
-              __html,
-              buttons: buttonsSecondary,
-              image: creditCard,
-            },
-          },
-        ]}
-      />
-    </div>
-  ),
-};

package/src/components/ProductGallery/ProductGallery.fixture.tsx

@@ -1,120 +0,0 @@
-import '../../setup-fixture';
-
-import { type Picture } from '../../model/Picture';
-import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
-import { type ProductBlockContent } from '../ProductBlock/ProductBlockContent';
-import { ProductGallery } from './ProductGallery';
-
-const percentImage: Picture = {
-  src: '3-6-percent.png',
-  format: 'webp',
-  size: {
-    width: 338,
-    height: 420,
-  },
-  alt: 'Ставка от 3,6% годовых',
-};
-
-const __html = `
-  <ul>
-    <li>Потребительский кредит по специальной процентной ставке</li>
-    <li>Получите деньги без залога и поручительства</li>
-    <li>Кредитный лимит до 5 млн рублей</li>
-  </ul>
-`;
-
-const buttons: LinkButtonContent[] = [
-  {
-    href: 'https://rshb.ru',
-    text: 'Подробнее',
-    target: '_blank',
-    version: 'primary',
-  },
-];
-
-const productBlock: ProductBlockContent = {
-  title: 'Кредит по одному документу',
-  description: 'Ставка от 5,5% годовых',
-  headlineVersion: 'L',
-  __html,
-  buttons,
-  image: percentImage,
-};
-
-export default {
-  default: (
-    <div className="container grid grid-cols-12">
-      <ProductGallery
-        className="col-span-12"
-        slides={[
-          {
-            nav: {
-              title: 'Кредит по одному документу',
-              description: 'Ставка от 5,5% годовых',
-            },
-            productBlock,
-          },
-          {
-            nav: {
-              title: 'Для людей в возрасте',
-              description: 'Ставка до 7% годовых',
-            },
-            productBlock,
-          },
-          {
-            nav: {
-              title: 'Выгодно покупать',
-              description: 'Ставка от 5% годовых',
-            },
-            productBlock,
-          },
-          {
-            nav: {
-              title: 'Карты Unionpay',
-              description: '120 дней льготный период',
-            },
-            productBlock,
-          },
-        ]}
-      />
-    </div>
-  ),
-  primary: (
-    <div className="container grid grid-cols-12">
-      <ProductGallery
-        className="col-span-12"
-        version={'secondary'}
-        slides={[
-          {
-            nav: {
-              title: 'Кредит по одному документу',
-              description: 'Ставка от 5,5% годовых',
-            },
-            productBlock,
-          },
-          {
-            nav: {
-              title: 'Для людей в возрасте',
-              description: 'Ставка до 7% годовых',
-            },
-            productBlock,
-          },
-          {
-            nav: {
-              title: 'Выгодно покупать',
-              description: 'Ставка от 5% годовых',
-            },
-            productBlock,
-          },
-          {
-            nav: {
-              title: 'Карты Unionpay',
-              description: '120 дней льготный период',
-            },
-            productBlock,
-          },
-        ]}
-      />
-    </div>
-  ),
-};

package/src/components/ProductGallery/ProductGallery.mobile.tsx

@@ -1,29 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { BaseProductTile } from '../../ui-kit/BaseProductTile/BaseProductTile';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { style } from '../../utils/style';
-import { type ProductGalleryContent } from './ProductGalleryContent';
-
-export interface ProductGalleryProps extends ProductGalleryContent, UniBlockProps {}
-
-export const ProductGallery = JSX<ProductGalleryProps>(
-  ({ className, padding, slides = [], ...rest }) => (
-    <BlockWrapper
-      className={style('overflow-hidden relative', className)}
-      padding={padding}
-      {...rest}
-    >
-      <SwipeListControl gap={0} padding={0}>
-        {slides
-          .map((s) => s.productBlock)
-          .map((_, i) => (
-            <div key={String(i)} className="box-border h-full">
-              <BaseProductTile className="px-5 h-full" headlineVersion="L" {..._} {...rest} />
-            </div>
-          ))}
-      </SwipeListControl>
-    </BlockWrapper>
-  ),
-);

package/src/components/ProductGallery/ProductGallery.tsx

@@ -1,117 +0,0 @@
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
-import { BaseProductTile } from '../../ui-kit/BaseProductTile/BaseProductTile';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { ArrowLeftButton, ArrowRightButton } from '../../ui-kit/LinkButton/ArrowButton';
-import { SwipeListContainer } from '../../ui-kit/SwipeListControl/SwipeListContainer';
-import { useSwipeListScroll } from '../../ui-kit/SwipeListControl/useSwipeListScroll';
-import { UniBlock } from '../../UniBlock/UniBlock';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { style } from '../../utils/style';
-import { type ProductGalleryContent, type ProductSlide } from './ProductGalleryContent';
-
-export interface ProductGalleryProps extends ProductGalleryContent, UniBlockProps {}
-
-const scrollButtonStyle = 'hidden sm:flex absolute z-40 top-10';
-
-export const ProductGallery = UniBlock<ProductGalleryProps>(
-  ({ className = '', padding, slides = [], ...rest }) => {
-    const [activeSlideIndex, setActiveSlideIndex] = useState(0);
-
-    const [containerRef, scroll] = useSwipeListScroll<HTMLDivElement>({
-      itemCount: slides?.length || 0,
-    });
-
-    return (
-      <BlockWrapper
-        className={style('box-border overflow-hidden', className)}
-        defaultPadding="pt-6xl"
-        padding={padding}
-        {...rest}
-      >
-        <div
-          className="flex duration-1000"
-          style={{ transform: `translateX(-${activeSlideIndex * 100}%)` }}
-          role="list"
-        >
-          {slides.map(({ productBlock }, i) => (
-            <div key={String(i)} className="box-border grow-0 shrink-0 basis-full" role="listitem">
-              <BaseProductTile
-                className="pl-6xl h-full"
-                headlineVersion="M"
-                isFullWidthTitle={false}
-                {...productBlock}
-                {...rest}
-              />
-            </div>
-          ))}
-        </div>
-
-        <div className="relative pr-xs mt-m -mb-m flex gap-xs box-border">
-          <SwipeListContainer
-            containerRef={containerRef}
-            snapAlign="snap-start"
-            onVisibleIndicesChange={scroll.handleVisibleIndicesChange}
-            itemClassName={'h-40 flex items-stretch w-screen'}
-            gap={8}
-          >
-            {slides.map(renderNavButton({ activeSlideIndex, onClick: setActiveSlideIndex }))}
-          </SwipeListContainer>
-          {scroll.canScrollLeft ? (
-            <ArrowLeftButton
-              wcmsIgnore
-              className={style('left-6', scrollButtonStyle)}
-              onClick={scroll.scrollLeft}
-            />
-          ) : null}
-          {scroll.canScrollRight ? (
-            <ArrowRightButton
-              wcmsIgnore
-              className={style('right-6', scrollButtonStyle)}
-              onClick={scroll.scrollRight}
-            />
-          ) : null}
-        </div>
-      </BlockWrapper>
-    );
-  },
-);
-
-interface NavButtonProps {
-  activeSlideIndex: number;
-  onClick: (i: number) => void;
-}
-
-const renderNavButton =
-  ({ activeSlideIndex, onClick }: NavButtonProps) =>
-  ({ nav }: ProductSlide, i: number) => {
-    const isActive = i === activeSlideIndex;
-    const btnClassName = isActive
-      ? 'min-w-[370px] mt-s h-28 bg-white shadow-dark-blue border-none p-6'
-      : 'min-w-72  mt-lg h-24 ease-in duration-300 bg-white/10 px-xl py-lg hover:backdrop-blur';
-    const btnTitleClassName = isActive
-      ? 'text-primary-text text-h6 py-xs'
-      : 'text-l pb-2xs text-secondary-text group-data-secondary:text-white';
-    const btnDescClassName = isActive
-      ? 'text-secondary-text text-l font-light'
-      : 'text-secondary-text text-m font-light group-data-secondary:text-white/80';
-
-    return (
-      <button
-        type="button"
-        key={String(i)}
-        onClick={() => onClick(i)}
-        aria-label={nav?.title}
-        className={style(
-          'relative overflow-hidden grow',
-          'ml-xs px-xl',
-          'box-border basis-0 border',
-          'border-gray group-data-secondary:border-white/50',
-          'text-left whitespace-nowrap',
-          btnClassName,
-        )}
-      >
-        <div className={btnTitleClassName}>{nav?.title}</div>
-        <div className={btnDescClassName}>{nav?.description}</div>
-      </button>
-    );
-  };

package/src/components/ProductGallery/ProductGallery.ui.json

@@ -1,42 +0,0 @@
-{
-  "content": {
-    "slides": {
-      "items": {
-        "productBlock": {
-          "image": {
-            "ui:field": "picture"
-          },
-          "benefits": {
-            "items": {
-              "icon": {
-                "ui:field": "icon"
-              },
-              "__html": {
-                "ui:widget": "html"
-              },
-              "type": {
-                "ui:widget": "hidden"
-              }
-            }
-          },
-          "buttons": {
-            "items": {
-              "href": {
-                "ui:field": "attachmentHref"
-              },
-              "icon": {
-                "ui:field": "icon"
-              },
-              "iconRight": {
-                "ui:field": "icon"
-              }
-            }
-          },
-          "__html": {
-            "ui:widget": "html"
-          }
-        }
-      }
-    }
-  }
-}

package/src/components/ProductGallery/ProductGalleryContent.ts

@@ -1,27 +0,0 @@
-import { type DescriptionProps, type TitleProps } from '../../model/HeadlineType';
-import { type BaseProductTileContent } from '../../ui-kit/BaseProductTile/BaseProductTileContent';
-import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
-
-/** @title Кнопка под слайдом */
-export type ProductGalleryNav = TitleProps & DescriptionProps;
-
-/**
- * @title Слайд
- */
-export interface ProductSlide {
-  /** @title Превью содержимого слайда на навигации */
-  nav?: ProductGalleryNav;
-  /** @title Содержимое слайда */
-  productBlock?: BaseProductTileContent;
-}
-
-/**
- * @title Продуктовая галерея
- */
-export type ProductGalleryContent = UniBlockContent & {
-  /**
-   * @title Слайды
-   * @minItems 2
-   */
-  slides?: ProductSlide[];
-};

package/src/components/SafeDepositRental/RadioButtons.tsx

@@ -1,33 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks/core';
-import { Radio } from '../../ui-kit/Radio/Radio';
-import { style } from '../../utils/style';
-
-interface RadioButtonsProps {
-  className?: string;
-}
-
-export const RadioButtons = JSX(({ className = '' }: RadioButtonsProps) => {
-  const [selectedOption, setSelectedOption] = useState('option2');
-  const onChange = useCallback((_: string) => setSelectedOption(_), []);
-
-  return (
-    <div className={style('order-4', className)} role="radiogroup">
-      <Radio
-        className="mb-xs"
-        name="contractType"
-        text="Простое хранение"
-        value="option1"
-        checked={selectedOption === 'option1'}
-        onChange={onChange}
-      />
-      <Radio
-        name="contractType"
-        text="Сделка с недвижимостью"
-        value="option2"
-        checked={selectedOption === 'option2'}
-        onChange={onChange}
-      />
-    </div>
-  );
-});

package/src/components/SafeDepositRental/RegionsAndBranches.tsx

@@ -1,48 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type Region } from '../../hooks/useRegions';
-import { type Branch } from './useSafeBoxes';
-import { WrapperSelect } from './WrapperSelect';
-
-interface RegionsAndBranchesProps {
-  regions?: Region[];
-  selectedRegion: string;
-  onSelectedRegion: (value: string) => void;
-  branches?: Branch[];
-  selectedBranch: string;
-  onSelectedBranch: (value: string) => void;
-}
-
-export const RegionsAndBranches = JSX<RegionsAndBranchesProps>(
-  ({
-    regions = [],
-    selectedRegion,
-    onSelectedRegion: onSelectedRegion,
-    branches = [],
-    selectedBranch,
-    onSelectedBranch,
-  }) => (
-    <div className="flex flex-col @xl:flex-row gap-m order-1">
-      <div className="flex-1 min-w-0">
-        <WrapperSelect
-          data={regions}
-          fieldValue="code"
-          fieldLabel="name"
-          selected={selectedRegion}
-          setSelected={onSelectedRegion}
-          label="Регион"
-        />
-      </div>
-      <div className="flex-1 min-w-0">
-        <WrapperSelect
-          data={branches}
-          fieldValue="branchCode"
-          fieldLabel="address"
-          selected={selectedBranch}
-          setSelected={onSelectedBranch}
-          label="Отделение"
-          placeholder="Выберите отделение"
-        />
-      </div>
-    </div>
-  ),
-);