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

package/src/components/MortgageFiltration/MortgageFiltration.tsx

@@ -1,69 +0,0 @@
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
-import { FilteredBlocks } from '../../ui-kit/BaseFiltration/FilteredBlocks';
-import { FiltrationForm } from '../../ui-kit/BaseFiltration/FiltrationForm';
-import { useFiltrationForm } from '../../ui-kit/BaseFiltration/useFiltrationForm';
-import { useHotFilters } from '../../ui-kit/BaseFiltration/useHotFilters';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { TabsControl } from '../../ui-kit/TabsControl/TabsControl';
-import { UniBlock } from '../../UniBlock/UniBlock';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { style } from '../../utils/style';
-import {
-  type MortgageFiltrationContent,
-  type MortgageFiltrationSchema,
-} from './MortgageFiltrationContent';
-
-type MortgageFiltrationState = Partial<Record<keyof MortgageFiltrationSchema, string[]>>;
-
-const initialFiltrationState: MortgageFiltrationState = {
-  categories: [],
-  extraOptions: [],
-  propertyType: [],
-  stage: [],
-};
-
-interface MortgageFiltrationProps extends MortgageFiltrationContent, UniBlockProps {}
-
-export const MortgageFiltration = UniBlock<MortgageFiltrationProps>(
-  ({ className, hotFilters, filtrationSchema = {}, resetButton, ...rest }) => {
-    const [filtrationState, { blocksToRender }, { field, reset, update: replaceFiltrationState }] =
-      useFiltrationForm(initialFiltrationState, {
-        block: rest.block,
-        page: rest.options?.page,
-      });
-
-    const handleFiltrationStateChange = useCallback(
-      (_ = initialFiltrationState) => replaceFiltrationState(_),
-      [],
-    );
-
-    const tabsControlProps = useHotFilters({
-      hotFilters,
-      filtrationState,
-      blocks: rest.block?.blocks,
-      onFiltrationStateChange: handleFiltrationStateChange,
-    });
-
-    return (
-      <BlockWrapper
-        className={style('space-y-2xs', className)}
-        defaultPadding="p-0"
-        version="transparent"
-        {...rest}
-      >
-        <TabsControl {...tabsControlProps} />
-        <FiltrationForm
-          filtrationSchema={filtrationSchema}
-          resetButton={resetButton}
-          field={field}
-          reset={reset}
-        />
-        <FilteredBlocks blocksToRender={blocksToRender} {...rest} />
-      </BlockWrapper>
-    );
-  },
-  {
-    childrenTypes: ['ProductBlock'],
-    childSchema: (content?: MortgageFiltrationContent) => content?.filtrationSchema || {},
-  },
-);

package/src/components/MortgageFiltration/MortgageFiltration.ui.json

@@ -1,12 +0,0 @@
-{
-  "content": {
-    "blocksSection": {
-      "view": {
-        "ui:widget": "hidden"
-      },
-      "topItemsCount": {
-        "ui:field": "number"
-      }
-    }
-  }
-}

package/src/components/MortgageFiltration/MortgageFiltrationContent.ts

@@ -1,38 +0,0 @@
-import { type BaseFiltrationContent } from '../../ui-kit/BaseFiltration/BaseFiltrationContent';
-import { type StringArray } from '../../ui-kit/BaseFiltration/FiltrationSchemaContent';
-import { type HotFilterBase } from '../../ui-kit/BaseFiltration/HotFilterBase';
-
-export type MortgageFiltrationSchema = {
-  /** @title Тип недвижимости */
-  propertyType?: StringArray;
-  /** @title Этап строительства */
-  stage?: StringArray;
-  /** @title Категории */
-  categories?: StringArray;
-  /** @title Дополнительно */
-  extraOptions?: StringArray;
-};
-
-export interface MortgageFiltrationHotFilter extends HotFilterBase {
-  /** @title Применяемые фильтры */
-  filter?: {
-    /** @title Тип недвижимости */
-    propertyType?: string[];
-    /** @title Этап строительства */
-    stage?: string[];
-    /** @title Категории */
-    categories?: string[];
-    /** @title Дополнительно */
-    extraOptions?: string[];
-  };
-}
-
-/**
- * @title Подборщик ипотек
- */
-export interface MortgageFiltrationContent extends BaseFiltrationContent {
-  /** @title Параметры фильтрации */
-  filtrationSchema?: MortgageFiltrationSchema;
-  /** @title Горячие фильтры */
-  hotFilters?: MortgageFiltrationHotFilter[];
-}

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

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

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>
-    );
-  };