@redneckz/wildless-cms-uni-blocks 0.8.21 → 0.8.23

package/mobile/src/components/ApplicationForm/ApplicationFormContent.ts

@@ -1,5 +1,6 @@
 import type { ButtonVersion } from '../../model/ButtonVersion';
 import type { TitleProps } from '../../model/HeadlineType';
+import type { UniBlockContent } from '../../model/JSXBlock';
 import type { LinkProps } from '../../model/LinkProps';
 import type { ButtonAdditionalProps } from '../../ui-kit/Button/ButtonProps';
 
@@ -18,14 +19,15 @@ export interface SubmitButtonProps extends ButtonAdditionalProps {
 /**
  * @title Форма заявки
  */
-export type ApplicationFormContent = TitleProps & {
-  /**
-   * @title Вид заявки
-   * @default credit
-   * @enumNames ["Бизнес-карта", "ВЭД", "Депозит", "Кредит", "Эквайринг"]
-   */
-  typeForm?: 'business-card' | 'wed' | 'deposit' | 'credit' | 'acquiring';
-  button?: SubmitButtonProps;
-  /** @title Условия передачи данных */
-  link?: LinkProps;
-};
+export type ApplicationFormContent = UniBlockContent &
+  TitleProps & {
+    /**
+     * @title Вид заявки
+     * @default credit
+     * @enumNames ["Бизнес-карта", "ВЭД", "Депозит", "Кредит", "Эквайринг"]
+     */
+    typeForm?: 'business-card' | 'wed' | 'deposit' | 'credit' | 'acquiring';
+    button?: SubmitButtonProps;
+    /** @title Условия передачи данных */
+    link?: LinkProps;
+  };

package/mobile/src/components/BenefitsBlock/BenefitsBlockContent.ts

@@ -1,6 +1,6 @@
-import type { BlockVersion } from '../../model/BlockVersion';
 import type { EmptyOption } from '../../model/EmptyOptionType';
 import type { LabelProps, TitleProps } from '../../model/HeadlineType';
+import type { UniBlockContent } from '../../model/JSXBlock';
 import type { IconProps } from '../../model/Picture';
 
 /**
@@ -47,12 +47,11 @@ export type BenefitBlockItemProps = LabelProps &
 /**
  * @title Блок преимущества
  */
-export type BenefitsBlockContent = TitleProps & {
-  /**
-   * @title Список преимуществ
-   * @maxItems 6
-   */
-  benefitList?: BenefitBlockItemProps[];
-  /** @default primary */
-  version?: BlockVersion;
-};
+export type BenefitsBlockContent = UniBlockContent &
+  TitleProps & {
+    /**
+     * @title Список преимуществ
+     * @maxItems 6
+     */
+    benefitList?: BenefitBlockItemProps[];
+  };

package/mobile/src/components/Bonus/BonusContent.ts

@@ -1,15 +1,15 @@
 import type { EmptyOption } from '../../model/EmptyOptionType';
 import type { HeadlineCommonProps } from '../../model/HeadlineType';
-import type { Picture } from '../../model/Picture';
+import type { UniBlockContent } from '../../model/JSXBlock';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 
 /**
  * @title Изображение
  */
-export type BonusImageDef = {
+export type BonusImageDef = ImageContent & {
   /** @default image */
   bonusType?: 'image';
-  image?: Picture;
 };
 
 /**
@@ -45,7 +45,8 @@ export type BonusItem = HeadlineCommonProps & {
 /**
  * @title Блок Бонусы
  */
-export type BonusContent = HeadlineCommonProps & {
-  /** @title Список плиток */
-  bonusItems?: BonusItem[];
-};
+export type BonusContent = UniBlockContent &
+  HeadlineCommonProps & {
+    /** @title Список плиток */
+    bonusItems?: BonusItem[];
+  };

package/mobile/src/components/BonusBenefitsBlock/BonusBenefitsBlockContent.ts

@@ -1,6 +1,8 @@
 import type { AlignType } from '../../model/AlignType';
 import type { DescriptionProps, LabelProps, TitleProps } from '../../model/HeadlineType';
+import type { UniBlockContent } from '../../model/JSXBlock';
 import type { IconProps } from '../../model/Picture';
+
 /**
  * @title Количество элементов в строке
  * @enumNames [
@@ -19,11 +21,12 @@ export type BonusBenefit = LabelProps & IconProps & DescriptionProps;
 /**
  * @title Блок бонусов и преимуществ
  */
-export type BonusBenefitsBlockContent = TitleProps & {
-  /** @title Подзаголовок */
-  subtitle?: string;
-  /** @title Список бонусов */
-  bonusBenefits?: BonusBenefit[];
-  columnsCount?: ColumnsCount;
-  cardTextAlign?: AlignType;
-};
+export type BonusBenefitsBlockContent = UniBlockContent &
+  TitleProps & {
+    /** @title Подзаголовок */
+    subtitle?: string;
+    /** @title Список бонусов */
+    bonusBenefits?: BonusBenefit[];
+    columnsCount?: ColumnsCount;
+    cardTextAlign?: AlignType;
+  };

package/mobile/src/components/BusinessBlock/BusinessBlockContent.ts

@@ -1,5 +1,8 @@
-import type { IconProps, Picture } from '../../model/Picture';
+import type { TitleProps } from '../../model/HeadlineType';
+import type { UniBlockContent } from '../../model/JSXBlock';
+import type { IconProps } from '../../model/Picture';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 
 /** @default {"icon": {"format": "webp", "size": { "width": 24, "height": 24 }}} */
 export type BusinessCardItemProps = IconProps & {
@@ -7,30 +10,27 @@ export type BusinessCardItemProps = IconProps & {
   text?: string;
 };
 
-export interface BusinessCardProps {
-  /** @title Заголовок карточки */
-  title?: string;
-  image?: Picture;
-  /** @title Список */
-  cardItems?: BusinessCardItemProps[];
-  /**
-   * @title Кнопка
-   * @default {"icon": {"format": "webp", "size": { "width": 24, "height": 24 }},
-   * "iconRight": {"format": "webp", "size": { "width": 24, "height": 24 }}, "text": "Кнопка"}
-   */
-  button?: ButtonWithIconProps;
-}
+export type BusinessCardProps = TitleProps &
+  ImageContent & {
+    /** @title Список */
+    cardItems?: BusinessCardItemProps[];
+    /**
+     * @title Кнопка
+     * @default {"icon": {"format": "webp", "size": { "width": 24, "height": 24 }},
+     * "iconRight": {"format": "webp", "size": { "width": 24, "height": 24 }}, "text": "Кнопка"}
+     */
+    button?: ButtonWithIconProps;
+  };
 
 /**
  * @title Бизнес блок
  */
-export interface BusinessBlockContent {
-  /** @title Заголовок блока */
-  title?: string;
-  /**
-   * @title Карточки
-   * @minItems 2
-   * @maxItems 2
-   */
-  cards?: BusinessCardProps[];
-}
+export type BusinessBlockContent = UniBlockContent &
+  TitleProps & {
+    /**
+     * @title Карточки
+     * @minItems 2
+     * @maxItems 2
+     */
+    cards?: BusinessCardProps[];
+  };

package/mobile/src/components/CardTransfer/CardTransferContent.ts

@@ -1,10 +1,12 @@
 import type { LabelProps, TitleProps } from '../../model/HeadlineType';
+import type { UniBlockContent } from '../../model/JSXBlock';
 import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 
 /**
  * @title Перевод с карты на карту
  */
-export type CardTransferContent = LabelProps &
+export type CardTransferContent = UniBlockContent &
+  LabelProps &
   TitleProps & {
     /** @title Плейсхолдер */
     placeholder?: string;

package/mobile/src/components/Carousel/Carousel.tsx

@@ -43,7 +43,14 @@ export const Carousel: JSXBlock<CarouselProps> = JSX<CarouselProps>(
     const isBankHistoryCarousel = childBlocks && childBlocks[0]?.type === 'CarouselBankHistoryCard';
 
     return (
-      <BlockWrapper className={style(getPaddingStyle(isPadding), className)} {...rest}>
+      <BlockWrapper
+        className={style(
+          getPaddingStyle(isPadding),
+          'group-data-secondary:bg-primary-main group-data-secondary:text-white',
+          className,
+        )}
+        {...rest}
+      >
         <div className="relative max-w-full">
           <SwipeListContainer
             containerRef={containerRef}

package/mobile/src/components/Carousel/CarouselContent.ts

@@ -1,7 +1,9 @@
+import type { UniBlockContent } from '../../model/JSXBlock';
+
 /**
  * @title Карусель
  */
-export interface CarouselContent {
+export type CarouselContent = UniBlockContent & {
   /**
    * @title Количество видимых карточек
    * @enumNames ["auto", "1", "2", "3"]
@@ -18,4 +20,4 @@ export interface CarouselContent {
   isCyclic?: boolean;
   /** @title Внутренний отступ  */
   isPadding?: boolean;
-}
+};

package/mobile/src/components/CarouselBankHistoryCard/CarouselBankHistoryCard.tsx

@@ -11,7 +11,7 @@ interface CarouselBankHistoryCardProps extends CarouselBankHistoryCardContent, U
 }
 
 export const CarouselBankHistoryCard = JSX<CarouselBankHistoryCardProps>(
-  ({ title, description, blocksLength = 0, activeIndex, options, ...rest }) => {
+  ({ title, description, blocksLength = 0, activeIndex, options }) => {
     const orderNumber = Number(options?.key?.split('-').slice(-1)[0]) || 0;
     const isActive = orderNumber === activeIndex;
 

package/mobile/src/components/CarouselBankHistoryCard/CarouselBankHistoryCardContent.ts

@@ -1,9 +1,7 @@
+import type { HeadlineCommonProps } from '../../model/HeadlineType';
+import type { UniBlockContent } from '../../model/JSXBlock';
+
 /**
  * @title Карточка карусели истории банка
  */
-export interface CarouselBankHistoryCardContent {
-  /** @title Заголовок */
-  title?: string;
-  /** @title Описание */
-  description?: string;
-}
+export type CarouselBankHistoryCardContent = UniBlockContent & HeadlineCommonProps;

package/mobile/src/components/CarouselCard/CarouselCardContent.ts

@@ -1,18 +1,20 @@
-import type { SizeVersion } from '../../model/SizeVersion';
 import type { HeadlineCommonProps } from '../../model/HeadlineType';
+import type { UniBlockContent } from '../../model/JSXBlock';
+import type { SizeVersion } from '../../model/SizeVersion';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 
 /**
  * @title Карточка карусели
  */
-export interface CarouselCardContent extends HeadlineCommonProps {
-  /**
-   * @title Кнопка
-   * @default {
-   *  "icon": { "format": "webp", "size": { "width": 24, "height": 24 } },
-   *  "iconRight" : { "format": "webp", "size": { "width": 24, "height": 24 } }
-   * }
-   */
-  button?: ButtonWithIconProps;
-  carouselVersion?: SizeVersion;
-}
+export type CarouselCardContent = UniBlockContent &
+  HeadlineCommonProps & {
+    /**
+     * @title Кнопка
+     * @default {
+     *  "icon": { "format": "webp", "size": { "width": 24, "height": 24 } },
+     *  "iconRight" : { "format": "webp", "size": { "width": 24, "height": 24 } }
+     * }
+     */
+    button?: ButtonWithIconProps;
+    carouselVersion?: SizeVersion;
+  };

package/mobile/src/components/CarouselCatalogCard/CarouselCatalogCardContent.ts

@@ -1,5 +1,5 @@
-import type { BlockVersion } from '../../model/BlockVersion';
 import type { HeadlineCommonProps } from '../../model/HeadlineType';
+import type { UniBlockContent } from '../../model/JSXBlock';
 import type { ProductColorVersion } from '../../model/ProductColorVersion';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
@@ -7,7 +7,8 @@ import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 /**
  * @title Карточка каталога
  */
-export type CarouselCatalogCardContent = HeadlineCommonProps &
+export type CarouselCatalogCardContent = UniBlockContent &
+  HeadlineCommonProps &
   ImageContent & {
     /** @title Цена в рублях */
     price?: number;
@@ -21,5 +22,4 @@ export type CarouselCatalogCardContent = HeadlineCommonProps &
      * }
      */
     button?: ButtonWithIconProps;
-    version?: BlockVersion;
   };

package/mobile/src/components/CarouselEventCard/CarouselEventCardContent.ts

@@ -1,12 +1,13 @@
 import type { DescriptionProps, TitleProps } from '../../model/HeadlineType';
+import type { UniBlockContent } from '../../model/JSXBlock';
 import type { LinkCommonProps } from '../../model/LinkProps';
-import type { Picture } from '../../model/Picture';
+import type { IconProps } from '../../model/Picture';
 
 /**
  * @title Карточка мероприятия в карусели
  */
-export type CarouselEventCardContent = TitleProps &
+export type CarouselEventCardContent = UniBlockContent &
+  TitleProps &
   DescriptionProps &
-  LinkCommonProps & {
-    icon?: Picture;
-  };
+  LinkCommonProps &
+  IconProps;

package/mobile/src/components/CarouselInvestmentCard/CarouselInvestmentCardContent.ts

@@ -1,5 +1,5 @@
-import type { BlockVersion } from '../../model/BlockVersion';
-import type { HeadlineCommonProps } from '../../model/HeadlineType';
+import type { AdditionalDescriptionProps, HeadlineCommonProps } from '../../model/HeadlineType';
+import type { UniBlockContent } from '../../model/JSXBlock';
 import type { Picture } from '../../model/Picture';
 
 /**
@@ -21,29 +21,28 @@ export interface CardsListItem {
 /**
  * @title Карточка галереи инвестиций
  */
-export interface CarouselInvestmentCardContent extends HeadlineCommonProps {
-  /** @title Доп. описание карточки  */
-  additionalDescription?: string;
-  /** @default 1 */
-  columnsMode?: CardColumnsMode;
-  /**
-   * @title Список
-   */
-  cardsList?: CardsListItem[];
-  /**
-   * @default {
-   *   "format": "webp",
-   *   "size": {
-   *       "width": 290
-   *   },
-   *   "sources": [{
-   *       "media": 1279,
-   *       "width": 174,
-   *       "format": "webp",
-   *       "alignment": "southeast"
-   *   }]
-   * }
-   */
-  image?: Picture;
-  version?: BlockVersion;
-}
+export type CarouselInvestmentCardContent = UniBlockContent &
+  HeadlineCommonProps &
+  AdditionalDescriptionProps & {
+    /** @default 1 */
+    columnsMode?: CardColumnsMode;
+    /**
+     * @title Список
+     */
+    cardsList?: CardsListItem[];
+    /**
+     * @default {
+     *   "format": "webp",
+     *   "size": {
+     *       "width": 290
+     *   },
+     *   "sources": [{
+     *       "media": 1279,
+     *       "width": 174,
+     *       "format": "webp",
+     *       "alignment": "southeast"
+     *   }]
+     * }
+     */
+    image?: Picture;
+  };

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

@@ -51,5 +51,6 @@
       "text": "Текст",
       "href": "#"
     }
-  ]
+  ],
+  "version": "secondary"
 }

package/mobile/src/components/CarouselLinks/CarouselLinks.tsx

@@ -13,19 +13,10 @@ export interface CarouselLinksProps extends CarouselLinksContent, UniBlockProps
 const MAX_LINKS_COUNT = 10;
 
 export const CarouselLinks = JSX<CarouselLinksProps>(
-  ({
-    className = '',
-    additionalDescription,
-    description,
-    links,
-    title,
-    version = 'secondary',
-    ...rest
-  }) => {
+  ({ className = '', additionalDescription, description, links, title, ...rest }) => {
     return (
       <BlockWrapper
         className={`flex w-full p-10 overflow-hidden justify-between ${className}`}
-        version={version}
         {...rest}
       >
         <div className="flex flex-col max-w-96 pr-9 text-white text-xl-light">
@@ -53,7 +44,6 @@ const renderLinks = (links: LinkProps[]) => {
 
   return (
     <Carousel
-      version=""
       className="min-w-[832px] w-[832px]"
       isBlur={false}
       isCyclic={true}

package/mobile/src/components/CarouselLinks/CarouselLinksContent.ts

@@ -1,10 +1,11 @@
-import type { HeadlineCommonProps } from '../../model/HeadlineType';
+import type { AdditionalDescriptionProps, HeadlineCommonProps } from '../../model/HeadlineType';
+import type { UniBlockContent } from '../../model/JSXBlock';
 import type { LinkProps } from '../../model/LinkProps';
 
 /** @title Карусель с ссылками */
-export interface CarouselLinksContent extends HeadlineCommonProps {
-  /** @title Дополнительное описание */
-  additionalDescription?: string;
-  /** @title Ссылки */
-  links?: LinkProps[];
-}
+export type CarouselLinksContent = UniBlockContent &
+  HeadlineCommonProps &
+  AdditionalDescriptionProps & {
+    /** @title Ссылки */
+    links?: LinkProps[];
+  };

package/mobile/src/components/CarouselProductCard/CarouselProductCardContent.ts

@@ -1,5 +1,5 @@
-import type { BlockVersion } from '../../model/BlockVersion';
-import type { HeadlineSmallProps } from '../../model/HeadlineType';
+import type { AdditionalDescriptionProps, HeadlineSmallProps } from '../../model/HeadlineType';
+import type { UniBlockContent } from '../../model/JSXBlock';
 import type { Picture } from '../../model/Picture';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 import type { TextAlign } from '../../ui-kit/Text/TextProps';
@@ -15,37 +15,36 @@ export interface ListProps {
 /**
  * @title Карточка продуктовой карусели
  */
-export type CarouselProductCardContent = HeadlineSmallProps & {
-  /** @title Дополнительное описание */
-  additionalDescription?: string;
-  /**
-   * @default {
-   *   "format": "webp",
-   *   "size": {
-   *       "width": 140
-   *   },
-   *   "sources": [{
-   *       "media": 1279,
-   *       "width": 84,
-   *       "format": "webp",
-   *       "alignment": "center"
-   *   }]
-   * }
-   */
-  icon?: Picture;
-  /** @title Кнопка */
-  button?: ButtonWithIconProps;
-  /**
-   * @title Буллиты
-   * @default true
-   */
-  isDotted?: boolean;
-  /** @title Список */
-  items?: ListProps[];
-  version?: BlockVersion;
-  /**
-   * @title Выравнивание
-   * @default text-center
-   */
-  align?: TextAlign;
-};
+export type CarouselProductCardContent = UniBlockContent &
+  HeadlineSmallProps &
+  AdditionalDescriptionProps & {
+    /**
+     * @default {
+     *   "format": "webp",
+     *   "size": {
+     *       "width": 140
+     *   },
+     *   "sources": [{
+     *       "media": 1279,
+     *       "width": 84,
+     *       "format": "webp",
+     *       "alignment": "center"
+     *   }]
+     * }
+     */
+    icon?: Picture;
+    /** @title Кнопка */
+    button?: ButtonWithIconProps;
+    /**
+     * @title Буллиты
+     * @default true
+     */
+    isDotted?: boolean;
+    /** @title Список */
+    items?: ListProps[];
+    /**
+     * @title Выравнивание
+     * @default text-center
+     */
+    align?: TextAlign;
+  };

package/mobile/src/components/CarouselProgramsCard/CarouselProgramsCardContent.ts

@@ -1,13 +1,13 @@
-import type { BlockVersion } from '../../model/BlockVersion';
 import type { HeadlineCommonProps, TitleProps } from '../../model/HeadlineType';
-import type { Picture } from '../../model/Picture';
+import type { UniBlockContent } from '../../model/JSXBlock';
+import type { IconProps } from '../../model/Picture';
 
 /**
  * @title Карточка программ карусели
  */
-export type CarouselProgramsCardContent = TitleProps & {
-  icon?: Picture;
-  /** @title Список */
-  list?: HeadlineCommonProps[];
-  version?: BlockVersion;
-};
+export type CarouselProgramsCardContent = UniBlockContent &
+  TitleProps &
+  IconProps & {
+    /** @title Список */
+    list?: HeadlineCommonProps[];
+  };

package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCardContent.ts

@@ -1,38 +1,39 @@
-import type { BlockVersion } from '../../model/BlockVersion';
 import type { ButtonVersion } from '../../model/ButtonVersion';
 import type { HeadlineCommonProps } from '../../model/HeadlineType';
+import type { UniBlockContent } from '../../model/JSXBlock';
 import type { LinkCommonProps } from '../../model/LinkProps';
-import type { Picture } from '../../model/Picture';
+import type { IconProps, Picture } from '../../model/Picture';
 import type { ListContent } from '../../ui-kit/List/ListContent';
 
-export type RecommendationSocialMedia = LinkCommonProps & {
-  version: ButtonVersion;
-  icon?: Picture;
-  rounded?: boolean;
-};
+export type RecommendationSocialMedia = LinkCommonProps &
+  IconProps & {
+    version: ButtonVersion;
+    rounded?: boolean;
+  };
 
 /**
  * @title Карточка рекомендаций
  */
-export interface CarouselRecommendationCardContent extends HeadlineCommonProps, ListContent {
-  /**
-   * @title Соц сети
-   */
-  socialMedia?: RecommendationSocialMedia[];
-  /**
-   * @default {
-   *   "format": "webp",
-   *   "size": {
-   *       "width": 290
-   *   },
-   *   "sources": [{
-   *       "media": 1279,
-   *       "width": 174,
-   *       "format": "webp",
-   *       "alignment": "southeast"
-   *   }]
-   * }
-   */
-  image?: Picture;
-  version?: BlockVersion;
-}
+export type CarouselRecommendationCardContent = UniBlockContent &
+  HeadlineCommonProps &
+  ListContent & {
+    /**
+     * @title Соц сети
+     */
+    socialMedia?: RecommendationSocialMedia[];
+    /**
+     * @default {
+     *   "format": "webp",
+     *   "size": {
+     *       "width": 290
+     *   },
+     *   "sources": [{
+     *       "media": 1279,
+     *       "width": 174,
+     *       "format": "webp",
+     *       "alignment": "southeast"
+     *   }]
+     * }
+     */
+    image?: Picture;
+  };