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

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/ContentPage/CustomContentPage.tsx

@@ -1,82 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { ContentPageDef, CustomPageTemplate, UniBlockProps } from '../../types';
-import { style2className } from '../../utils/style2className';
-import { ContentPageContext } from './ContentPageContext';
-
-interface PageDecoratorProps<VNode> {
-  pageClassName: string;
-  pageTemplate: CustomPageTemplate;
-  render: (props: { pageClassName: string; pageTemplate: CustomPageTemplate }) => VNode;
-}
-
-export type PageDecorator<VNode = any> = (
-  props: PageDecoratorProps<VNode>,
-  index?: number | string,
-) => any;
-
-export interface PageTemplate {
-  name: string;
-  template: any;
-}
-
-export type PageTemplatesRegistry = Record<string, PageTemplate>;
-
-export interface CustomContentPageProps extends UniBlockProps {
-  pageTemplatesRegistry: PageTemplatesRegistry;
-  data: ContentPageDef;
-  pageDecorator?: PageDecorator;
-}
-
-export interface RenderPageFunc {
-  pageTemplate: CustomPageTemplate;
-  pageClassName: string;
-  pageDecorator: PageDecorator;
-  pageTemplatesRegistry: PageTemplatesRegistry;
-  context: ContentPageContext;
-}
-
-const defaultPageDecorator: PageDecorator = ({ pageClassName, pageTemplate, render }) =>
-  render({ pageClassName, pageTemplate });
-
-export const CustomContentPage = JSX<CustomContentPageProps>(
-  ({
-    className = '',
-    context,
-    pageTemplatesRegistry,
-    data: { style: pageStyle, customPageTmpl: pageTemplate },
-    pageDecorator = defaultPageDecorator,
-  }) => {
-    return pageTemplate
-      ? renderPage({
-          pageTemplate,
-          pageClassName: `${style2className(pageStyle)} ${className}`,
-          pageDecorator,
-          pageTemplatesRegistry,
-          context,
-        })
-      : null;
-  },
-);
-
-function renderPage({
-  pageTemplate,
-  pageClassName,
-  pageDecorator,
-  pageTemplatesRegistry,
-  context,
-}: RenderPageFunc) {
-  const { type } = pageTemplate;
-  if (!(type && type in pageTemplatesRegistry) || !pageTemplatesRegistry[type].template) {
-    throw new Error(`No page template with "${type}" is registered`);
-  }
-
-  const { template: PageComponent } = pageTemplatesRegistry[type];
-  return pageDecorator({
-    pageClassName,
-    pageTemplate,
-    render: (props) => {
-      const { content } = props.pageTemplate;
-      return <PageComponent className={props.pageClassName} context={context} {...content} />;
-    },
-  });
-}

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