@redneckz/wildless-cms-uni-blocks 0.8.14 → 0.8.16

package/mobile/lib/components/Gallery/GalleryContent.d.ts

@@ -1,71 +0,0 @@
-import type { AlignType } from '../../model/AlignType';
-import type { BlockVersion } from '../../model/BlockVersion';
-import type { HeadlineProps, HeadlineSmallProps } from '../../model/HeadlineType';
-import type { ListOrientation } from '../../model/ListOrientation';
-import type { Picture } from '../../model/Picture';
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-/**
- * @title Элемент списка
- */
-export interface GalleryItemProps {
-    /** @title Заголовок (моб.) */
-    title?: string;
-    /** @title Текст */
-    text?: string;
-}
-/**
- * @title Карточка
- * @default {"headlineSmallVersion": "XL_L"}
- */
-export declare type GalleryCardProps = 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?: GalleryItemProps[];
-    version?: BlockVersion;
-    /**
-     * @title Выравнивание
-     * @default center
-     */
-    align?: AlignType;
-    /**
-     * @title Кнопка по всей ширине
-     * @default true
-     */
-    isFullWidth?: boolean;
-};
-/**
- * @title Галерея
- */
-export declare type GalleryContent = HeadlineProps & {
-    /**
-     * @title Карточки
-     * @minItems 3
-     */
-    cards?: GalleryCardProps[];
-    /** @title Отображать элементы в моб. версии (прокрутка shift+mouseScroll) */
-    orientation?: ListOrientation;
-    button?: ButtonWithIconProps;
-};

package/mobile/lib/components/Gallery/GalleryContent.js

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

package/mobile/lib/components/Gallery/GalleryContent.js.map

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

package/mobile/lib/components/Gallery/GalleryInner.d.ts

@@ -1,7 +0,0 @@
-import type { GalleryVersion } from '../../model/GalleryVersion';
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { GalleryContent } from './GalleryContent';
-export interface GalleryInnerProps extends GalleryContent, UniBlockProps {
-    galleryVersion?: GalleryVersion;
-}
-export declare const GalleryInner: import("@redneckz/uni-jsx").UNIComponent<GalleryInnerProps, any, any>;

package/mobile/lib/components/Gallery/GalleryInner.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { useCarouselControls } from '../../hooks/useCarouselControls.js';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection.js';
-import { renderArrows } from '../../ui-kit/Button/renderArrows.js';
-import { galleryLengthForScrollMap } from './constants.js';
-import { GalleryContainer } from './GalleryContainer.js';
-export const GalleryInner = JSX(({ cards = [], className = '', galleryVersion = 'normal', button, ...rest }) => {
-    const [activeIndex, controls] = useCarouselControls({
-        itemCount: cards?.length,
-        visibleItemCount: galleryLengthForScrollMap[galleryVersion],
-    });
-    const { isScrollAvailable } = controls;
-    return (_jsxs(BlockWrapper, { className: `relative p-[42px] overflow-hidden flex flex-col ${className}`, ...rest, children: [_jsx(GalleryContainer, { cards: cards, galleryVersion: galleryVersion, activeIndex: activeIndex, ...rest }), renderArrows({
-                ...controls,
-                btnClass: ['left-8', 'right-8'],
-                className: 'top-1/2',
-            }), isScrollAvailable ? (_jsxs("div", { children: [_jsx("div", { className: "absolute top-0 left-0 bottom-0 w-[82px] bg-opacity-from-white" }), _jsx("div", { className: "absolute top-0 right-0 bottom-0 w-[82px] bg-opacity-to-white" })] })) : null, renderButtonsSection([button], { className: 'mt-8 mx-auto' })] }));
-});
-//# sourceMappingURL=GalleryInner.js.map

package/mobile/lib/components/Gallery/GalleryInner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GalleryInner.js","sourceRoot":"","sources":["../../../src/components/Gallery/GalleryInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAGtE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAOtD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAC7B,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,cAAc,GAAG,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC7E,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,mBAAmB,CAAC;QAClD,SAAS,EAAE,KAAK,EAAE,MAAM;QACxB,gBAAgB,EAAE,yBAAyB,CAAC,cAAc,CAAC;KAC5D,CAAC,CAAC;IACH,MAAM,EAAE,iBAAiB,EAAE,GAAG,QAAQ,CAAC;IAEvC,OAAO,CACL,MAAC,YAAY,IACX,SAAS,EAAE,mDAAmD,SAAS,EAAE,KACrE,IAAI,aAER,KAAC,gBAAgB,IACf,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,KACpB,IAAI,GACR,EACD,YAAY,CAAC;gBACZ,GAAG,QAAQ;gBACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;gBAC/B,SAAS,EAAE,SAAS;aACrB,CAAC,EACD,iBAAiB,CAAC,CAAC,CAAC,CACnB,0BACE,cAAK,SAAS,EAAC,+DAA+D,GAAG,EACjF,cAAK,SAAS,EAAC,8DAA8D,GAAG,IAC5E,CACP,CAAC,CAAC,CAAC,IAAI,EACP,oBAAoB,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,IACjD,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/components/Gallery/GalleryProps.d.ts

@@ -1,4 +0,0 @@
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { GalleryContent } from './GalleryContent';
-export interface GalleryProps extends GalleryContent, UniBlockProps {
-}

package/mobile/lib/components/Gallery/GalleryProps.js

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

package/mobile/lib/components/Gallery/GalleryProps.js.map

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

package/mobile/lib/components/Gallery/constants.d.ts

@@ -1,4 +0,0 @@
-import type { GalleryVersion } from '../../model/GalleryVersion';
-export declare const galleryLengthForScrollMap: Record<GalleryVersion, number>;
-export declare const cardStyleMap: Record<GalleryVersion, string>;
-export declare const cardWidthMap: Record<GalleryVersion, number>;

package/mobile/lib/components/Gallery/constants.js

@@ -1,13 +0,0 @@
-export const galleryLengthForScrollMap = {
-    normal: 3,
-    mini: 4,
-};
-export const cardStyleMap = {
-    normal: 'min-w-[364px] w-[364px]',
-    mini: 'min-w-[260px] w-[260px]',
-};
-export const cardWidthMap = {
-    normal: 380,
-    mini: 276,
-};
-//# sourceMappingURL=constants.js.map

package/mobile/lib/components/Gallery/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/Gallery/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,yBAAyB,GAAmC;IACvE,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,CAAC;CACR,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAmC;IAC1D,MAAM,EAAE,yBAAyB;IACjC,IAAI,EAAE,yBAAyB;CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAmC;IAC1D,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,GAAG;CACV,CAAC"}

package/mobile/lib/components/MiniGallery/MiniGallery.d.ts

@@ -1,5 +0,0 @@
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { MiniGalleryContent } from './MiniGalleryContent';
-export interface MiniGalleryProps extends MiniGalleryContent, UniBlockProps {
-}
-export declare const MiniGallery: import("@redneckz/uni-jsx").UNIComponent<MiniGalleryProps, any, any>;

package/mobile/lib/components/MiniGallery/MiniGallery.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { GalleryInner } from '../Gallery/GalleryInner.js';
-export const MiniGallery = JSX((props) => (_jsx(GalleryInner, { ...props, galleryVersion: "mini" })));
-//# sourceMappingURL=MiniGallery.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MiniGallery.js","sourceRoot":"","sources":["../../../src/components/MiniGallery/MiniGallery.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAKvD,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,KAAK,EAAE,EAAE,CAAC,CAC1D,KAAC,YAAY,OAAK,KAAK,EAAE,cAAc,EAAC,MAAM,GAAG,CAClD,CAAC,CAAC"}

package/mobile/lib/components/MiniGallery/MiniGalleryContent.d.ts

@@ -1,12 +0,0 @@
-import type { GalleryCardProps, GalleryContent } from '../Gallery/GalleryContent';
-/**
- * @title Мини-галерея
- * @default {"headlineVersion": "L"}
- */
-export interface MiniGalleryContent extends GalleryContent {
-    /**
-     * @title Карточки
-     * @minItems 4
-     */
-    cards?: GalleryCardProps[];
-}

package/mobile/lib/components/MiniGallery/MiniGalleryContent.js

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

package/mobile/lib/components/MiniGallery/MiniGalleryContent.js.map

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

package/mobile/lib/model/GalleryVersion.d.ts

@@ -1 +0,0 @@
-export declare type GalleryVersion = 'normal' | 'mini';

package/mobile/lib/model/GalleryVersion.js

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

package/mobile/lib/model/GalleryVersion.js.map

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

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

@@ -1,59 +0,0 @@
-{
-  "content": {
-    "title": "Каталог",
-    "description": "Описание",
-    "cards": [
-      {
-        "title": "Заголовок карточки 1",
-        "description": "Описание карточки",
-        "image": {
-          "format": "webp",
-          "size": {
-            "width": 230,
-            "height": 230
-          }
-        },
-        "button": {
-          "href": "#Accordion-0",
-          "text": "Подробнее",
-          "target": "_self",
-          "version": "primary"
-        }
-      },
-      {
-        "title": "Заголовок карточки 2",
-        "description": "Описание карточки",
-        "image": {
-          "format": "webp",
-          "size": {
-            "width": 230,
-            "height": 230
-          }
-        },
-        "button": {
-          "href": "",
-          "text": "Подробнее",
-          "target": "_self",
-          "version": "primary"
-        }
-      },
-      {
-        "title": "Заголовок карточки 3",
-        "description": "Описание карточки",
-        "image": {
-          "format": "webp",
-          "size": {
-            "width": 230,
-            "height": 230
-          }
-        },
-        "button": {
-          "href": "",
-          "text": "Подробнее",
-          "target": "_self",
-          "version": "primary"
-        }
-      }
-    ]
-  }
-}

package/mobile/src/components/Catalog/Catalog.tsx

@@ -1,49 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useCarouselControls } from '../../hooks/useCarouselControls';
-import type { UniBlockProps } from '../../model/JSXBlock';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { renderArrows } from '../../ui-kit/Button/renderArrows';
-import { Headline } from '../Headline/Headline';
-import { CatalogCard } from './CatalogCard';
-import type { CatalogContent } from './CatalogContent';
-
-export interface CatalogProps extends CatalogContent, UniBlockProps {}
-
-const BLUR_BLOCK_CLASSES = 'absolute top-0 bottom-0 w-[84px]';
-const CARD_VIEW_COUNT = 3;
-const CARD_SHIFT = 430;
-
-export const Catalog = JSX<CatalogProps>(
-  ({ cards = [], className = '', title, description, ...rest }) => {
-    const [activeIndex, controls] = useCarouselControls({
-      itemCount: cards?.length,
-      visibleItemCount: CARD_VIEW_COUNT,
-    });
-
-    return (
-      <BlockWrapper className={`p-12 overflow-hidden text-center ${className}`} {...rest}>
-        <Headline
-          className="!p-0"
-          title={title}
-          description={description}
-          headlineVersion="M"
-          {...rest}
-        />
-        <div
-          className="flex duration-1000 gap-3.5 mt-8"
-          style={{ transform: `translateX(-${activeIndex * CARD_SHIFT}px)` }}
-          role="list"
-        >
-          {cards?.length ? cards.map((card, i) => <CatalogCard key={String(i)} {...card} />) : null}
-        </div>
-        {renderArrows({
-          ...controls,
-          btnClass: ['left-8', 'right-8'],
-          className: 'top-1/2 z-10 mt-6',
-        })}
-        <div className={`${BLUR_BLOCK_CLASSES} left-0 bg-opacity-from-white`} />
-        <div className={`${BLUR_BLOCK_CLASSES} right-0 bg-opacity-to-white`} />
-      </BlockWrapper>
-    );
-  },
-);

package/mobile/src/components/Catalog/Catalog.ui.json

@@ -1,11 +0,0 @@
-{
-  "content": {
-    "cards": {
-      "items": {
-        "price": {
-          "ui:field": "number"
-        }
-      }
-    }
-  }
-}

package/mobile/src/components/Catalog/CatalogCard.tsx

@@ -1,47 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { BlockVersion } from '../../model/BlockVersion';
-import type { ProductColorVersion } from '../../model/ProductColorVersion';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
-import { Heading } from '../../ui-kit/Heading/Heading';
-import { Img } from '../../ui-kit/Img/Img';
-import type { CatalogCardType } from './CatalogContent';
-
-export interface CatalogCardProps extends CatalogCardType {
-  className?: string;
-  version?: BlockVersion;
-}
-
-const cardStyleMap: Record<ProductColorVersion, string> = {
-  black: 'bg-black',
-  white: 'bg-white',
-};
-
-export const CatalogCard = JSX<CatalogCardProps>(
-  ({ className = '', title, description, image, price, button, colors }) => (
-    <section
-      className={`border border-solid box-border border-gray p-[30px] min-w-[402px] flex flex-col justify-left ${className}`}
-      role="listitem"
-    >
-      {image?.src ? <Img className="mb-5 flex justify-center" image={image} /> : null}
-      {title ? (
-        <Heading headingType="h6" as="h4" className="text-left mb-1.5" title={title} />
-      ) : null}
-      {description ? <div className="text-m-light text-left mb-4">{description}</div> : null}
-      {colors?.length ? (
-        <div className="flex mb-4 text-s-light text-secondary-text">
-          <div className="mr-1.5">Доступные цвета: </div>
-          {colors.map(renderColorOption)}
-        </div>
-      ) : null}
-      {price ? <div className="text-h3 text-left">{price}&nbsp;₽</div> : null}
-      {renderButtonsSection([button], { buttonClassName: 'mt-5 w-full' })}
-    </section>
-  ),
-);
-
-const renderColorOption = (color: ProductColorVersion, i: number) => (
-  <span
-    key={String(i)}
-    className={`w-6 h-6 ml-3 border border-solid border-main-divider rounded-full ${cardStyleMap[color]}`}
-  />
-);

package/mobile/src/components/Catalog/CatalogContent.ts

@@ -1,29 +0,0 @@
-import type { HeadlineCommonProps } from '../../model/HeadlineType';
-import type { ProductColorVersion } from '../../model/ProductColorVersion';
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-import type { ImageContent } from '../../ui-kit/Img/ImgProps';
-import type { BlockVersion } from '../../model/BlockVersion';
-
-export interface CatalogCardType extends HeadlineCommonProps, ImageContent {
-  /** @title Цена в рублях */
-  price?: number;
-  /** @title Доступные цвета */
-  colors?: ProductColorVersion[];
-  /**
-   * @title Кнопка
-   * @default {
-   *  "icon": { "format": "webp", "size": { "width": 24, "height": 24 } },
-   *  "iconRight" : { "format": "webp", "size": { "width": 24, "height": 24 } }
-   * }
-   */
-  button?: ButtonWithIconProps;
-}
-
-/**
- * @title Каталог
- */
-export type CatalogContent = HeadlineCommonProps & {
-  /** @title Список карточек */
-  cards?: CatalogCardType[];
-  version?: BlockVersion;
-};

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

@@ -1,66 +0,0 @@
-{
-  "content": {
-    "title": "Галерея",
-    "description": "Описание",
-    "orientation": "horizontal",
-    "cards": [
-      {
-        "icon": {
-          "format": "webp",
-          "size": {
-            "width": 150,
-            "height": 150
-          }
-        },
-        "title": "Заголовок 1",
-        "description": "Описание 1",
-        "href": "/credit-cards",
-        "version": "primary",
-        "isDotted": true,
-        "items": [
-          { "text": "Элемент списка 1", "title": "Элемент заголовка 1" },
-          { "text": "Элемент списка 2", "title": "Элемент заголовка 2" },
-          { "text": "Элемент списка 3", "title": "Элемент заголовка 3" }
-        ]
-      },
-      {
-        "icon": {
-          "format": "webp",
-          "size": {
-            "width": 140,
-            "height": 140
-          }
-        },
-        "title": "Заголовок 2",
-        "description": "Описание 2",
-        "href": "/credit-cards",
-        "version": "primary",
-        "isDotted": true,
-        "items": [
-          { "text": "Элемент списка 1", "title": "Элемент заголовка 1" },
-          { "text": "Элемент списка 2", "title": "Элемент заголовка 2" },
-          { "text": "Элемент списка 3", "title": "Элемент заголовка 3" }
-        ]
-      },
-      {
-        "image": {
-          "format": "webp",
-          "size": {
-            "width": 140,
-            "height": 140
-          }
-        },
-        "title": "Заголовок 3",
-        "description": "Описание 3",
-        "href": "/credit-cards",
-        "version": "primary",
-        "isDotted": true,
-        "items": [
-          { "text": "Элемент списка 1", "title": "Элемент заголовка 1" },
-          { "text": "Элемент списка 2", "title": "Элемент заголовка 2" },
-          { "text": "Элемент списка 3", "title": "Элемент заголовка 3" }
-        ]
-      }
-    ]
-  }
-}

package/mobile/src/components/Gallery/Gallery.tsx

@@ -1,113 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { BlockVersion } from '../../model/BlockVersion';
-import type { ListOrientation } from '../../model/ListOrientation';
-import type { Picture } from '../../model/Picture';
-import { blockStyles, BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { Button } from '../../ui-kit/Button/Button';
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-import { Heading } from '../../ui-kit/Heading/Heading';
-import { Img } from '../../ui-kit/Img/Img';
-import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl';
-import type { GalleryCardProps, GalleryItemProps } from './GalleryContent';
-import type { GalleryProps } from './GalleryProps';
-
-export const Gallery = JSX<GalleryProps>(
-  ({ className = '', title, description, cards = [], orientation = 'horizontal', ...rest }) => (
-    <BlockWrapper className={`relative px-4 py-6 overflow-hidden ${className}`} {...rest}>
-      <div className="flex flex-col items-center mb-5">
-        {title ? (
-          <Heading
-            headingType="h3"
-            className={`text-center ${description ? 'mb-2' : 'mb-5'}`}
-            title={title}
-          />
-        ) : null}
-        {description ? (
-          <div className="text-m max-w-[600px] text-center mb-5">{description}</div>
-        ) : null}
-      </div>
-      {renderCardsLayout(orientation, cards)}
-    </BlockWrapper>
-  ),
-);
-
-function renderCardsLayout(orientation: ListOrientation, cards: GalleryCardProps[]) {
-  return orientation === 'horizontal' ? (
-    <SwipeListControl>{cards?.map(renderCard)}</SwipeListControl>
-  ) : (
-    <div className="grid gap-3.5">{cards?.map(renderCard)}</div>
-  );
-}
-
-function renderCard(card: GalleryCardProps, key: number) {
-  return (
-    <div
-      className={`w-full h-full flex flex-col justify-between shrink-0 box-border snap-start snap-always border-solid border rounded-md border-gray p-4
-      ${blockStyles[card.version ?? 'primary']}`}
-      key={key}
-    >
-      <div>
-        {renderImage(card.icon)}
-        {card.title ? <h3 className={`text-m-title-xs font-medium m-0`}>{card.title}</h3> : null}
-        {card.description ? renderDescription(card) : null}
-        {card.items?.length ? renderItems(card.items, card.isDotted, card.version) : null}
-      </div>
-      {card?.button?.text ? renderButton(card.button) : null}
-    </div>
-  );
-}
-
-const renderImage = (image?: Picture) =>
-  image?.src || image?.icon ? (
-    <div className="flex justify-center">
-      <Img className="mb-3.5" image={image} />
-    </div>
-  ) : null;
-
-function renderButton(button?: ButtonWithIconProps) {
-  return <Button className="mt-3" {...button} />;
-}
-
-function renderDescription(card: GalleryCardProps) {
-  return (
-    <div
-      className={`text-secondary-text mt-1 text-s ${
-        card.version === 'secondary' ? 'text-white opacity-80' : ''
-      }`}
-    >
-      {card.description}
-    </div>
-  );
-}
-
-const LIST_DOT_STYLE_MAP: Record<BlockVersion, string> = {
-  primary: 'bg-primary-text',
-  secondary: 'bg-white',
-  gray: 'bg-primary-text',
-  transparent: '',
-  '': '',
-};
-
-function renderItems(
-  items: GalleryItemProps[],
-  isDotted?: boolean,
-  version: BlockVersion = 'primary',
-) {
-  return (
-    <section className="mt-3">
-      {items.map((item, i) => (
-        <div key={String(i)}>
-          {isDotted ? (
-            <div
-              className={`rounded-full inline-block mr-3 mt-2 w-2 h-2 min-w-2 min-h-2 ${LIST_DOT_STYLE_MAP[version]}`}
-            />
-          ) : null}
-          <span className="text-m font-medium">{item.title}</span>
-          <span className={`text-s pl-2 ${version === 'primary' ? 'text-secondary-text' : ''}`}>
-            {item.text}
-          </span>
-        </div>
-      ))}
-    </section>
-  );
-}

package/mobile/src/components/Gallery/Gallery.ui.json

@@ -1,22 +0,0 @@
-{
-  "content": {
-    "cards": {
-      "items": {
-        "additionalDescription": {
-          "ui:field": "hidden"
-        },
-        "icon": {
-          "ui:field": "picture"
-        },
-        "button": {
-          "icon": {
-            "ui:field": "icon"
-          },
-          "iconRight": {
-            "ui:field": "icon"
-          }
-        }
-      }
-    }
-  }
-}