@redneckz/wildless-cms-uni-blocks 0.3.57 → 0.3.58

package/mobile/lib/components/ProductGalleryGreen/ProductGalleryGreen.js

@@ -1,51 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { ProductBlockInner } from '../ProductBlock/ProductBlockInner.js';
-const productGalleryGreenStyleMap = {
-    primary: 'bg-white text-primary-text',
-    secondary: 'bg-primary-main text-white',
-};
-const productBlockStyleMap = {
-    primary: { title: 'text-secondary-text', text: 'text-secondary-text' },
-    secondary: { title: 'text-white', text: 'text-white/80' },
-};
-const productSlideStyleMap = {
-    primary: 'bg-white text-primary-text',
-    secondary: 'bg-primary-main text-white',
-};
-export const ProductGalleryGreen = JSX(({ className = '', context, slides = [], version = 'primary', anchor = null }) => {
-    const galleryNav = slides.map((s) => s.nav);
-    const galleryBlocks = slides.map((s) => s.productBlock);
-    const [activeSlideIndex, setActiveSlideIndex] = context.useState(0);
-    return (_jsxs("section", { id: anchor, className: `box-border pt-[50px] overflow-hidden relative font-sans w-100 ${className}
-        ${productGalleryGreenStyleMap[version]}`, children: [_jsx("div", { className: "flex duration-1000 pb-14", style: { transform: `translateX(-${activeSlideIndex}00%)` }, role: "list", children: galleryBlocks.map((_, i) => renderProductBlock({ ..._, version }, i, context)) }), _jsx("div", { className: "flex items-center absolute bottom-6 left-0 right-0 px-[26px] box-border", children: galleryNav.map((slide, i) => renderNavButton({
-                    slide,
-                    i,
-                    activeSlideIndex,
-                    onClick: () => setActiveSlideIndex(i),
-                    version,
-                })) })] }));
-});
-function renderProductBlock(block, i, context) {
-    const { version } = block;
-    const additionalClass = version ? productBlockStyleMap[version].title : '';
-    return (_jsx("section", { className: "box-border relative flex grow-0 shrink-0 basis-full", role: "listitem", children: _jsx("div", { className: "flex grow", children: _jsx(ProductBlockInner, { className: `pl-[50px] z-[1] ${additionalClass}`, context: context, textBlockClassName: "mb-[154px]", ...block }) }) }, String(i)));
-}
-function renderNavButton({ slide, i, activeSlideIndex, onClick, version }) {
-    const isActiveBtn = i === activeSlideIndex;
-    const btnClassName = isActiveBtn
-        ? 'bg-white shadow-dark-blue/42 h-[102px] w-[354px] min-w-[354px] p-0 border-none'
-        : `min-w-[277px] px-0 pt-4 pb-[23px] hover:py-[26px] hover:py-[26px] ease-in duration-300 bg-white/10
-      ${productSlideStyleMap[version]}`;
-    const btnTitleClassName = isActiveBtn
-        ? 'text-primary-text text-title-2xs'
-        : `text-base ${productBlockStyleMap[version].title}`;
-    const btnDescClassName = isActiveBtn
-        ? 'text-secondary-text text-m-title-xs mt-2.5'
-        : `text-m-md mt-1.5 ${productBlockStyleMap[version].text}`;
-    const additionalBorder = version === 'secondary' ? 'border-white/50' : 'border-black/50';
-    return (_jsx("button", { type: "button", onClick: onClick, "aria-label": slide?.title, className: `box-border font-sans relative overflow-hidden border-[1px] border-white/50 cursor-pointer text-left mx-1 grow basis-0
-        ${btnClassName} ${additionalBorder}
-      `, children: _jsxs("div", { className: "border-0 px-6", children: [_jsx("div", { className: `font-medium ${btnTitleClassName}`, children: slide?.title }), _jsx("div", { className: `text-secondary-text ${btnDescClassName}`, children: slide.description })] }) }, String(i)));
-}
-//# sourceMappingURL=ProductGalleryGreen.js.map

package/mobile/lib/components/ProductGalleryGreen/ProductGalleryGreen.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductGalleryGreen.js","sourceRoot":"","sources":["../../../src/components/ProductGalleryGreen/ProductGalleryGreen.tsx"],"names":[],"mappings":"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"}

package/mobile/lib/components/ProductGalleryGreen/ProductGalleryGreenContent.d.ts

@@ -1,32 +0,0 @@
-import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
-import type { BlockVersion } from '../../model/BlockVersion';
-/** @title Кнопка под слайдом */
-interface ProductGalleryNav {
-    /** @title Заголовок */
-    title: string;
-    /** @title Описание */
-    description: string;
-}
-/**
- * @title Слайд
- */
-export interface ProductSlide {
-    /** @title Превью содержимого слайда на навигации */
-    nav?: ProductGalleryNav;
-    /** @title Содержимое слайда */
-    productBlock: ProductBlockInnerContent;
-}
-/**
- * @title Продуктовая галерея
- */
-export interface ProductGalleryGreenContent {
-    /**
-     * @title Задержка
-     * @hidden //! temporary not used
-     */
-    duration?: number;
-    /** @title Слайды */
-    slides?: ProductSlide[];
-    version?: BlockVersion;
-}
-export {};

package/mobile/lib/components/ProductGalleryGreen/ProductGalleryGreenContent.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=ProductGalleryGreenContent.js.map

package/mobile/lib/components/ProductGalleryGreen/ProductGalleryGreenContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductGalleryGreenContent.js","sourceRoot":"","sources":["../../../src/components/ProductGalleryGreen/ProductGalleryGreenContent.ts"],"names":[],"mappings":""}

package/mobile/src/components/ProductGalleryGreen/ProductGalleryGreen.example.json

@@ -1,23 +0,0 @@
-{
-  "slides": [
-    {
-      "nav": {
-        "title": "Заголовок",
-        "description": "Описание"
-      },
-      "productBlock": {
-        "title": "Продуктовая галерея",
-        "image": {
-          "format": "webp",
-          "size": {
-            "width": 608,
-            "height": 299
-          }
-        },
-        "version": "primary",
-        "description": "Описание",
-        "items": ["Элемент списка 1", "Элемент списка 2", "Элемент списка 3"]
-      }
-    }
-  ]
-}

package/mobile/src/components/ProductGalleryGreen/ProductGalleryGreen.tsx

@@ -1,120 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../types';
-import type { BlockVersion } from '../../model/BlockVersion';
-import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
-import { ProductBlockInner } from '../ProductBlock/ProductBlockInner';
-import type { ProductGalleryGreenContent } from './ProductGalleryGreenContent';
-
-export interface ProductGalleryProps extends ProductGalleryGreenContent, UniBlockProps {}
-
-type StyleType = {
-  title: string;
-  text: string;
-};
-
-const productGalleryGreenStyleMap: Record<BlockVersion, string> = {
-  primary: 'bg-white text-primary-text',
-  secondary: 'bg-primary-main text-white',
-};
-
-const productBlockStyleMap: Record<BlockVersion, StyleType> = {
-  primary: { title: 'text-secondary-text', text: 'text-secondary-text' },
-  secondary: { title: 'text-white', text: 'text-white/80' },
-};
-
-const productSlideStyleMap: Record<BlockVersion, string> = {
-  primary: 'bg-white text-primary-text',
-  secondary: 'bg-primary-main text-white',
-};
-
-export const ProductGalleryGreen = JSX<ProductGalleryProps>(
-  ({ className = '', context, slides = [], version = 'primary', anchor = null }) => {
-    const galleryNav = slides.map((s) => s.nav);
-    const galleryBlocks = slides.map((s) => s.productBlock);
-    const [activeSlideIndex, setActiveSlideIndex] = context.useState(0);
-
-    return (
-      <section
-        id={anchor}
-        className={`box-border pt-[50px] overflow-hidden relative font-sans w-100 ${className}
-        ${productGalleryGreenStyleMap[version]}`}
-      >
-        <div
-          className="flex duration-1000 pb-14"
-          style={{ transform: `translateX(-${activeSlideIndex}00%)` }}
-          role="list"
-        >
-          {galleryBlocks.map((_, i) => renderProductBlock({ ..._, version }, i, context))}
-        </div>
-
-        <div className="flex items-center absolute bottom-6 left-0 right-0 px-[26px] box-border">
-          {galleryNav.map((slide, i) =>
-            renderNavButton({
-              slide,
-              i,
-              activeSlideIndex,
-              onClick: () => setActiveSlideIndex(i),
-              version,
-            }),
-          )}
-        </div>
-      </section>
-    );
-  },
-);
-
-function renderProductBlock(block: ProductBlockInnerContent, i: number, context) {
-  const { version } = block;
-  const additionalClass = version ? productBlockStyleMap[version].title : '';
-
-  return (
-    <section
-      key={String(i)}
-      className="box-border relative flex grow-0 shrink-0 basis-full"
-      role="listitem"
-    >
-      <div className="flex grow">
-        <ProductBlockInner
-          className={`pl-[50px] z-[1] ${additionalClass}`}
-          context={context}
-          textBlockClassName="mb-[154px]"
-          {...block}
-        />
-      </div>
-    </section>
-  );
-}
-
-function renderNavButton({ slide, i, activeSlideIndex, onClick, version }) {
-  const isActiveBtn = i === activeSlideIndex;
-
-  const btnClassName = isActiveBtn
-    ? 'bg-white shadow-dark-blue/42 h-[102px] w-[354px] min-w-[354px] p-0 border-none'
-    : `min-w-[277px] px-0 pt-4 pb-[23px] hover:py-[26px] hover:py-[26px] ease-in duration-300 bg-white/10
-      ${productSlideStyleMap[version]}`;
-  const btnTitleClassName = isActiveBtn
-    ? 'text-primary-text text-title-2xs'
-    : `text-base ${productBlockStyleMap[version].title}`;
-  const btnDescClassName = isActiveBtn
-    ? 'text-secondary-text text-m-title-xs mt-2.5'
-    : `text-m-md mt-1.5 ${productBlockStyleMap[version].text}`;
-
-  const additionalBorder = version === 'secondary' ? 'border-white/50' : 'border-black/50';
-
-  return (
-    <button
-      type="button"
-      key={String(i)}
-      onClick={onClick}
-      aria-label={slide?.title}
-      className={`box-border font-sans relative overflow-hidden border-[1px] border-white/50 cursor-pointer text-left mx-1 grow basis-0
-        ${btnClassName} ${additionalBorder}
-      `}
-    >
-      <div className="border-0 px-6">
-        <div className={`font-medium ${btnTitleClassName}`}>{slide?.title}</div>
-        <div className={`text-secondary-text ${btnDescClassName}`}>{slide.description}</div>
-      </div>
-    </button>
-  );
-}

package/mobile/src/components/ProductGalleryGreen/ProductGalleryGreenContent.ts

@@ -1,34 +0,0 @@
-import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
-import type { BlockVersion } from '../../model/BlockVersion';
-
-/** @title Кнопка под слайдом */
-interface ProductGalleryNav {
-  /** @title Заголовок */
-  title: string;
-  /** @title Описание */
-  description: string;
-}
-
-/**
- * @title Слайд
- */
-export interface ProductSlide {
-  /** @title Превью содержимого слайда на навигации */
-  nav?: ProductGalleryNav;
-  /** @title Содержимое слайда */
-  productBlock: ProductBlockInnerContent;
-}
-
-/**
- * @title Продуктовая галерея
- */
-export interface ProductGalleryGreenContent {
-  /**
-   * @title Задержка
-   * @hidden //! temporary not used
-   */
-  duration?: number;
-  /** @title Слайды */
-  slides?: ProductSlide[];
-  version?: BlockVersion;
-}

package/src/components/ProductGalleryGreen/ProductGalleryGreen.example.json

@@ -1,23 +0,0 @@
-{
-  "slides": [
-    {
-      "nav": {
-        "title": "Заголовок",
-        "description": "Описание"
-      },
-      "productBlock": {
-        "title": "Продуктовая галерея",
-        "image": {
-          "format": "webp",
-          "size": {
-            "width": 608,
-            "height": 299
-          }
-        },
-        "version": "primary",
-        "description": "Описание",
-        "items": ["Элемент списка 1", "Элемент списка 2", "Элемент списка 3"]
-      }
-    }
-  ]
-}

package/src/components/ProductGalleryGreen/ProductGalleryGreen.fixture.tsx

@@ -1,186 +0,0 @@
-import { context } from '../../setup-fixture';
-
-import type { Picture } from '../../model/Picture';
-import { ProductGalleryGreen } from './ProductGalleryGreen';
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-
-const percentImage: Picture = {
-  src: '3-6-percent.png',
-  format: 'webp',
-  size: {
-    width: 338,
-    height: 420,
-  },
-  alt: 'Ставка от 3,6% годовых',
-};
-
-const worker: Picture = {
-  src: 'money-2.png',
-  format: 'webp',
-  size: {
-    width: 280,
-    height: 280,
-  },
-};
-
-const creditCard: Picture = {
-  src: 'credit-card-1.png',
-  format: 'webp',
-  size: {
-    width: 280,
-    height: 280,
-  },
-};
-
-const items = [
-  'Потребительский кредит по специальной процентной ставке',
-  'Получите деньги без залога и поручительства',
-  'Кредитный лимит до 5 млн рублей',
-];
-const buttons: ButtonWithIconProps[] = [
-  {
-    href: 'https://rshb.ru',
-    text: 'Подробнее',
-    target: '_blank',
-    version: 'primary',
-  },
-];
-
-const buttonsSecondary: ButtonWithIconProps[] = [
-  {
-    href: 'https://rshb.ru',
-    text: 'Подробнее',
-    target: '_blank',
-    version: 'secondary',
-  },
-];
-
-export default {
-  default: (
-    <div className="container grid grid-cols-12">
-      <ProductGalleryGreen
-        className="col-span-12"
-        context={context}
-        slides={[
-          {
-            nav: {
-              title: 'Кредит по одному документу',
-              description: 'Ставка от 5,5% годовых',
-            },
-            productBlock: {
-              title: 'Кредит по одному документу',
-              description: 'Ставка от 5,5% годовых',
-              headingType: 'h2',
-              items,
-              buttons,
-              image: percentImage,
-            },
-          },
-          {
-            nav: {
-              title: 'Для людей в возрасте',
-              description: 'Ставка до 7% годовых',
-            },
-            productBlock: {
-              title: 'Ставка от 12,5% годовых на срок до 3 лет!',
-              headingType: 'h2',
-              items,
-              buttons,
-              image: worker,
-            },
-          },
-          {
-            nav: {
-              title: 'Выгодно покупать',
-              description: 'Ставка от 5% годовых',
-            },
-            productBlock: {
-              title: 'Дополнительные бонусные баллы за покупки!',
-              headingType: 'h2',
-              items,
-              buttons,
-              image: creditCard,
-            },
-          },
-          {
-            nav: {
-              title: 'Карты Unionpay',
-              description: '120 дней льготный период',
-            },
-            productBlock: {
-              title: 'Карты Unionpay',
-              headingType: 'h2',
-              items,
-              buttons,
-              image: creditCard,
-            },
-          },
-        ]}
-      />
-    </div>
-  ),
-  primary: (
-    <div className="container grid grid-cols-12">
-      <ProductGalleryGreen
-        className="col-span-12"
-        context={context}
-        version={'secondary'}
-        slides={[
-          {
-            nav: {
-              title: 'Кредит по одному документу',
-              description: 'Ставка от 5,5% годовых',
-            },
-            productBlock: {
-              title: 'Кредит по одному документу',
-              description: 'Кредит наличными без залога и поручительства, только по паспорту',
-              headingType: 'h2',
-              items,
-              buttons: buttonsSecondary,
-              image: percentImage,
-            },
-          },
-          {
-            nav: {
-              title: 'Для людей в возрасте',
-              description: 'Ставка до 7% годовых',
-            },
-            productBlock: {
-              title: 'Ставка от 12,5% годовых на срок до 3 лет!',
-              headingType: 'h2',
-              items,
-              buttons: buttonsSecondary,
-              image: worker,
-            },
-          },
-          {
-            nav: {
-              title: 'Выгодно покупать',
-              description: 'Ставка от 5% годовых',
-            },
-            productBlock: {
-              title: 'Дополнительные бонусные баллы за покупки!',
-              headingType: 'h2',
-              items,
-              buttons: buttonsSecondary,
-              image: creditCard,
-            },
-          },
-          {
-            nav: {
-              title: 'Карты Unionpay',
-              description: '120 дней льготный период',
-            },
-            productBlock: {
-              title: 'Карты Unionpay',
-              headingType: 'h2',
-              items,
-              buttons: buttonsSecondary,
-              image: creditCard,
-            },
-          },
-        ]}
-      />
-    </div>
-  ),
-};

package/src/components/ProductGalleryGreen/ProductGalleryGreen.tsx

@@ -1,120 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../types';
-import type { BlockVersion } from '../../model/BlockVersion';
-import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
-import { ProductBlockInner } from '../ProductBlock/ProductBlockInner';
-import type { ProductGalleryGreenContent } from './ProductGalleryGreenContent';
-
-export interface ProductGalleryProps extends ProductGalleryGreenContent, UniBlockProps {}
-
-type StyleType = {
-  title: string;
-  text: string;
-};
-
-const productGalleryGreenStyleMap: Record<BlockVersion, string> = {
-  primary: 'bg-white text-primary-text',
-  secondary: 'bg-primary-main text-white',
-};
-
-const productBlockStyleMap: Record<BlockVersion, StyleType> = {
-  primary: { title: 'text-secondary-text', text: 'text-secondary-text' },
-  secondary: { title: 'text-white', text: 'text-white/80' },
-};
-
-const productSlideStyleMap: Record<BlockVersion, string> = {
-  primary: 'bg-white text-primary-text',
-  secondary: 'bg-primary-main text-white',
-};
-
-export const ProductGalleryGreen = JSX<ProductGalleryProps>(
-  ({ className = '', context, slides = [], version = 'primary', anchor = null }) => {
-    const galleryNav = slides.map((s) => s.nav);
-    const galleryBlocks = slides.map((s) => s.productBlock);
-    const [activeSlideIndex, setActiveSlideIndex] = context.useState(0);
-
-    return (
-      <section
-        id={anchor}
-        className={`box-border pt-[50px] overflow-hidden relative font-sans w-100 ${className}
-        ${productGalleryGreenStyleMap[version]}`}
-      >
-        <div
-          className="flex duration-1000 pb-14"
-          style={{ transform: `translateX(-${activeSlideIndex}00%)` }}
-          role="list"
-        >
-          {galleryBlocks.map((_, i) => renderProductBlock({ ..._, version }, i, context))}
-        </div>
-
-        <div className="flex items-center absolute bottom-6 left-0 right-0 px-[26px] box-border">
-          {galleryNav.map((slide, i) =>
-            renderNavButton({
-              slide,
-              i,
-              activeSlideIndex,
-              onClick: () => setActiveSlideIndex(i),
-              version,
-            }),
-          )}
-        </div>
-      </section>
-    );
-  },
-);
-
-function renderProductBlock(block: ProductBlockInnerContent, i: number, context) {
-  const { version } = block;
-  const additionalClass = version ? productBlockStyleMap[version].title : '';
-
-  return (
-    <section
-      key={String(i)}
-      className="box-border relative flex grow-0 shrink-0 basis-full"
-      role="listitem"
-    >
-      <div className="flex grow">
-        <ProductBlockInner
-          className={`pl-[50px] z-[1] ${additionalClass}`}
-          context={context}
-          textBlockClassName="mb-[154px]"
-          {...block}
-        />
-      </div>
-    </section>
-  );
-}
-
-function renderNavButton({ slide, i, activeSlideIndex, onClick, version }) {
-  const isActiveBtn = i === activeSlideIndex;
-
-  const btnClassName = isActiveBtn
-    ? 'bg-white shadow-dark-blue/42 h-[102px] w-[354px] min-w-[354px] p-0 border-none'
-    : `min-w-[277px] px-0 pt-4 pb-[23px] hover:py-[26px] hover:py-[26px] ease-in duration-300 bg-white/10
-      ${productSlideStyleMap[version]}`;
-  const btnTitleClassName = isActiveBtn
-    ? 'text-primary-text text-title-2xs'
-    : `text-base ${productBlockStyleMap[version].title}`;
-  const btnDescClassName = isActiveBtn
-    ? 'text-secondary-text text-m-title-xs mt-2.5'
-    : `text-m-md mt-1.5 ${productBlockStyleMap[version].text}`;
-
-  const additionalBorder = version === 'secondary' ? 'border-white/50' : 'border-black/50';
-
-  return (
-    <button
-      type="button"
-      key={String(i)}
-      onClick={onClick}
-      aria-label={slide?.title}
-      className={`box-border font-sans relative overflow-hidden border-[1px] border-white/50 cursor-pointer text-left mx-1 grow basis-0
-        ${btnClassName} ${additionalBorder}
-      `}
-    >
-      <div className="border-0 px-6">
-        <div className={`font-medium ${btnTitleClassName}`}>{slide?.title}</div>
-        <div className={`text-secondary-text ${btnDescClassName}`}>{slide.description}</div>
-      </div>
-    </button>
-  );
-}

package/src/components/ProductGalleryGreen/ProductGalleryGreenContent.ts

@@ -1,34 +0,0 @@
-import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
-import type { BlockVersion } from '../../model/BlockVersion';
-
-/** @title Кнопка под слайдом */
-interface ProductGalleryNav {
-  /** @title Заголовок */
-  title: string;
-  /** @title Описание */
-  description: string;
-}
-
-/**
- * @title Слайд
- */
-export interface ProductSlide {
-  /** @title Превью содержимого слайда на навигации */
-  nav?: ProductGalleryNav;
-  /** @title Содержимое слайда */
-  productBlock: ProductBlockInnerContent;
-}
-
-/**
- * @title Продуктовая галерея
- */
-export interface ProductGalleryGreenContent {
-  /**
-   * @title Задержка
-   * @hidden //! temporary not used
-   */
-  duration?: number;
-  /** @title Слайды */
-  slides?: ProductSlide[];
-  version?: BlockVersion;
-}