@redneckz/wildless-cms-uni-blocks 0.14.44 → 0.14.46

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

@@ -1,29 +0,0 @@
-{
-  "content": {
-    "cards": {
-      "items": {
-        "image": {
-          "ui:field": "picture"
-        },
-        "button": {
-          "href": {
-            "ui:field": "attachmentHref"
-          },
-          "icon": {
-            "ui:field": "icon"
-          },
-          "iconRight": {
-            "ui:field": "icon"
-          }
-        },
-        "cardItems": {
-          "items": {
-            "icon": {
-              "ui:field": "icon"
-            }
-          }
-        }
-      }
-    }
-  }
-}

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

@@ -1,30 +0,0 @@
-import { type TitleProps } from '../../model/HeadlineType';
-import { type UniBlockContent } from '../../model/JSXBlock';
-import { type IconProps } from '../../model/Picture';
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
-import { type ImageContent } from '../../ui-kit/Img/ImgProps';
-
-export type BusinessCardItemProps = IconProps & {
-  /** @title Текст */
-  text?: string;
-};
-
-export type BusinessCardProps = TitleProps &
-  ImageContent & {
-    /** @title Список */
-    cardItems?: BusinessCardItemProps[];
-    button?: ButtonContent;
-  };
-
-/**
- * @title Бизнес блок
- */
-export type BusinessBlockContent = UniBlockContent &
-  TitleProps & {
-    /**
-     * @title Карточки
-     * @minItems 2
-     * @maxItems 2
-     */
-    cards?: BusinessCardProps[];
-  };

package/mobile/src/components/BusinessBlock/BusinessCard.tsx

@@ -1,42 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
-import { Heading } from '../../ui-kit/Heading/Heading';
-import { Img } from '../../ui-kit/Img/Img';
-import { Text } from '../../ui-kit/Text/Text';
-import { type BusinessCardItemProps, type BusinessCardProps } from './BusinessBlockContent';
-
-export const BusinessCard = JSX<BusinessCardProps>((props) => {
-  const { title, image, cardItems, button } = props;
-
-  return (
-    <div className="border-gray border p-4xl w-1/2 space-y-lg">
-      {image ? (
-        <div className="flex justify-center">
-          {image?.src ? <Img image={image} /> : null}
-          {image?.icon ? <Img image={image} /> : null}
-        </div>
-      ) : null}
-      {title ? <Heading headingType="h4" title={title} /> : null}
-      {cardItems?.length ? (
-        <ul className="space-y-s">{cardItems.map((_, i) => renderItem(_, String(i)))}</ul>
-      ) : null}
-      {renderButtonsSection([button])}
-    </div>
-  );
-});
-
-const renderItem = (item: BusinessCardItemProps, key: string) => {
-  const { icon, text } = item;
-
-  return (
-    <li key={key} className="flex items-center gap-s">
-      {icon?.icon ? (
-        <Img image={icon} className="w-12 h-12 min-w-12 p-s rounded-icon bg-main-divider" />
-      ) : null}
-      {icon?.src ? <Img image={icon} /> : null}
-      <Text size="text-xl" font="font-light">
-        {text}
-      </Text>
-    </li>
-  );
-};

package/src/components/BusinessBlock/BusinessBlock.example.json

@@ -1,97 +0,0 @@
-{
-  "title": "Заголовок блока",
-  "cards": [
-    {
-      "image": {
-        "format": "webp",
-        "size": {
-          "width": 319,
-          "height": 230
-        }
-      },
-      "title": "Заголовок карточки",
-      "cardItems": [
-        {
-          "icon": {
-            "icon": "RoundRubleIcon",
-            "format": "webp",
-            "size": { "width": 24, "height": 24 },
-            "iconVersion": "color"
-          },
-          "text": "Пункт 1"
-        },
-        {
-          "icon": {
-            "icon": "EmptyWalletIcon",
-            "format": "webp",
-            "size": { "width": 24, "height": 24 },
-            "iconVersion": "color"
-          },
-          "text": "Пункт 2"
-        },
-        {
-          "icon": {
-            "icon": "PercentageRoundIcon",
-            "format": "webp",
-            "size": { "width": 24, "height": 24 },
-            "iconVersion": "color"
-          },
-          "text": "Пункт 3"
-        }
-      ],
-      "button": {
-        "href": "#",
-        "text": "Кнопка",
-        "version": "primary",
-        "icon": { "format": "webp", "size": { "width": 24, "height": 24 } },
-        "iconRight": { "format": "webp", "size": { "width": 24, "height": 24 } }
-      }
-    },
-    {
-      "image": {
-        "format": "webp",
-        "size": {
-          "width": 304,
-          "height": 237
-        }
-      },
-      "title": "Заголовок карточки",
-      "cardItems": [
-        {
-          "icon": {
-            "icon": "RoundRubleIcon",
-            "format": "webp",
-            "size": { "width": 24, "height": 24 },
-            "iconVersion": "color"
-          },
-          "text": "Пункт 1"
-        },
-        {
-          "icon": {
-            "icon": "EmptyWalletIcon",
-            "format": "webp",
-            "size": { "width": 24, "height": 24 },
-            "iconVersion": "color"
-          },
-          "text": "Пункт 2"
-        },
-        {
-          "icon": {
-            "icon": "PercentageRoundIcon",
-            "format": "webp",
-            "size": { "width": 24, "height": 24 },
-            "iconVersion": "color"
-          },
-          "text": "Пункт 3"
-        }
-      ],
-      "button": {
-        "href": "#",
-        "text": "Кнопка",
-        "version": "primary",
-        "icon": { "format": "webp", "size": { "width": 24, "height": 24 } },
-        "iconRight": { "format": "webp", "size": { "width": 24, "height": 24 } }
-      }
-    }
-  ]
-}

package/src/components/BusinessBlock/BusinessBlock.fixture.tsx

@@ -1,75 +0,0 @@
-import '../../setup-fixture';
-
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
-import { BusinessBlock } from './BusinessBlock';
-import {
-  type BusinessBlockContent,
-  type BusinessCardItemProps,
-  type BusinessCardProps,
-} from './BusinessBlockContent';
-
-const button: ButtonContent = {
-  href: '#',
-  text: 'Подробнее',
-  target: '_blank',
-  version: 'secondary',
-};
-
-const items: BusinessCardItemProps[] = [
-  {
-    icon: { icon: 'RoundRubleIcon' },
-    text: 'Пункт 1',
-  },
-  {
-    icon: { icon: 'EmptyWalletIcon' },
-    text: 'Пункт 2',
-  },
-  {
-    icon: { icon: 'PercentageRoundIcon' },
-    text: 'Пункт 3',
-  },
-];
-
-const cards: BusinessCardProps[] = [
-  {
-    image: {
-      src: 'business-block-1.png',
-      format: 'png',
-      size: {
-        width: 319,
-        height: 230,
-      },
-      title: 'business-block-1',
-    },
-    title: 'Заголовок карточки',
-    cardItems: items,
-    button,
-  },
-  {
-    image: {
-      src: 'business-block-2.png',
-      format: 'png',
-      size: {
-        width: 304,
-        height: 237,
-      },
-      title: 'business-block-2',
-    },
-    title: 'Заголовок карточки',
-    cardItems: items,
-    button,
-  },
-];
-
-const PROPS: BusinessBlockContent = {
-  title: 'Заголовок блока',
-  cards,
-};
-
-export default {
-  default: (
-    <div className="container grid grid-cols-12">
-      <BusinessBlock className="col-span-12" {...PROPS} />
-    </div>
-  ),
-};

package/src/components/BusinessBlock/BusinessBlock.tsx

@@ -1,17 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type UniBlockProps } from '../../model/JSXBlock';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { Heading } from '../../ui-kit/Heading/Heading';
-import { type BusinessBlockContent } from './BusinessBlockContent';
-import { BusinessCard } from './BusinessCard';
-
-export interface BusinessBlockProps extends BusinessBlockContent, UniBlockProps {}
-
-export const BusinessBlock = JSX<BusinessBlockProps>(({ className, title, cards, ...rest }) => (
-  <BlockWrapper className={className} defaultPadding="p-6xl space-y-3xl" {...rest}>
-    <Heading headingType="h3" title={title} className="text-center" />
-    <div className="flex gap-lg">
-      {cards?.length ? cards.map((_, i) => <BusinessCard key={String(i)} {..._} />) : null}
-    </div>
-  </BlockWrapper>
-));

package/src/components/BusinessBlock/BusinessBlock.ui.json

@@ -1,29 +0,0 @@
-{
-  "content": {
-    "cards": {
-      "items": {
-        "image": {
-          "ui:field": "picture"
-        },
-        "button": {
-          "href": {
-            "ui:field": "attachmentHref"
-          },
-          "icon": {
-            "ui:field": "icon"
-          },
-          "iconRight": {
-            "ui:field": "icon"
-          }
-        },
-        "cardItems": {
-          "items": {
-            "icon": {
-              "ui:field": "icon"
-            }
-          }
-        }
-      }
-    }
-  }
-}

package/src/components/BusinessBlock/BusinessBlockContent.ts

@@ -1,30 +0,0 @@
-import { type TitleProps } from '../../model/HeadlineType';
-import { type UniBlockContent } from '../../model/JSXBlock';
-import { type IconProps } from '../../model/Picture';
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
-import { type ImageContent } from '../../ui-kit/Img/ImgProps';
-
-export type BusinessCardItemProps = IconProps & {
-  /** @title Текст */
-  text?: string;
-};
-
-export type BusinessCardProps = TitleProps &
-  ImageContent & {
-    /** @title Список */
-    cardItems?: BusinessCardItemProps[];
-    button?: ButtonContent;
-  };
-
-/**
- * @title Бизнес блок
- */
-export type BusinessBlockContent = UniBlockContent &
-  TitleProps & {
-    /**
-     * @title Карточки
-     * @minItems 2
-     * @maxItems 2
-     */
-    cards?: BusinessCardProps[];
-  };

package/src/components/BusinessBlock/BusinessCard.tsx

@@ -1,42 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
-import { Heading } from '../../ui-kit/Heading/Heading';
-import { Img } from '../../ui-kit/Img/Img';
-import { Text } from '../../ui-kit/Text/Text';
-import { type BusinessCardItemProps, type BusinessCardProps } from './BusinessBlockContent';
-
-export const BusinessCard = JSX<BusinessCardProps>((props) => {
-  const { title, image, cardItems, button } = props;
-
-  return (
-    <div className="border-gray border p-4xl w-1/2 space-y-lg">
-      {image ? (
-        <div className="flex justify-center">
-          {image?.src ? <Img image={image} /> : null}
-          {image?.icon ? <Img image={image} /> : null}
-        </div>
-      ) : null}
-      {title ? <Heading headingType="h4" title={title} /> : null}
-      {cardItems?.length ? (
-        <ul className="space-y-s">{cardItems.map((_, i) => renderItem(_, String(i)))}</ul>
-      ) : null}
-      {renderButtonsSection([button])}
-    </div>
-  );
-});
-
-const renderItem = (item: BusinessCardItemProps, key: string) => {
-  const { icon, text } = item;
-
-  return (
-    <li key={key} className="flex items-center gap-s">
-      {icon?.icon ? (
-        <Img image={icon} className="w-12 h-12 min-w-12 p-s rounded-icon bg-main-divider" />
-      ) : null}
-      {icon?.src ? <Img image={icon} /> : null}
-      <Text size="text-xl" font="font-light">
-        {text}
-      </Text>
-    </li>
-  );
-};