@redneckz/wildless-cms-uni-blocks 0.2.115 → 0.3.1

package/mobile/src/components/BaseTile/BaseTile.tsx

@@ -1,52 +1,21 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../types';
-import { Title } from '../../ui-kit/Title/Title';
-import { BaseTileInner } from './BaseTileInner';
-import type { AlignType, BaseTileCommonProps } from './BaseTileProps';
-import { getTitleSizeByClassName } from './getTitleSizeByClassName';
-
-const alignBlock: Record<AlignType, string> = {
-  left: 'items-start',
-  center: 'items-center',
-  right: 'items-end',
-};
+import type { BaseTileCommonProps } from './BaseTileProps';
 
 export interface BaseTileProps extends BaseTileCommonProps, UniBlockProps {}
 
-const TITLE_CLASSES = 'font-medium m-0 whitespace-pre-wrap max-w-[600px]';
-
 export const BaseTile = JSX<BaseTileProps>(
-  ({
-    className,
-    context,
-    title,
-    titleSize,
-    description,
-    children,
-    buttons,
-    image,
-    items,
-    version = 'primary',
-    align = 'left',
-  }) => {
+  ({ className = '', title, children, buttons, image }) => {
     return (
-      <div className={`font-sans flex flex-col grow h-full ${alignBlock[align]}`}>
-        {title && (
-          <Title
-            size={titleSize || getTitleSizeByClassName(className)}
-            className={`${TITLE_CLASSES} ${version === 'primary' ? 'text-primary-text' : ''}`}
-          >
-            {title}
-          </Title>
-        )}
-        <BaseTileInner
-          context={context}
-          buttons={buttons}
-          image={image}
-          children={children}
-          description={description}
-          items={items}
-        />
+      <div className={`font-sans flex flex-col grow h-full items-start ${className}`}>
+        {title}
+        <div className={`flex grow w-full justify-between`}>
+          <div className={`flex flex-col justify-between`}>
+            <div>{children}</div>
+            <div>{buttons}</div>
+          </div>
+          {image}
+        </div>
       </div>
     );
   },

package/mobile/src/components/BaseTile/BaseTileProps.ts

@@ -1,8 +1,7 @@
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { Picture } from '../../model/Picture';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-import type { IconName } from '../../ui-kit/Icon/IconProps';
-import type { TitleSize } from '../../ui-kit/Title/TitleProps';
+import type { HeadingType } from '../../ui-kit/Heading/HeadingContent';
 
 /**
  * @title Выравнивание
@@ -14,14 +13,10 @@ import type { TitleSize } from '../../ui-kit/Title/TitleProps';
  */
 export type AlignType = 'left' | 'center' | 'right';
 
-export interface BaseTileIconButton extends ButtonWithIconProps {
-  icon?: IconName;
-}
-
 /**
  * @title Общий компонент плиток
  */
-export interface BaseTileCommonProps extends BaseTileTitleProps, BaseTileMainProps {}
+export type BaseTileCommonProps = BaseTileTitleProps & BaseTileMainProps;
 
 /**
  * @title Заголовк плитки
@@ -30,21 +25,24 @@ export interface BaseTileTitleProps {
   /** @title Заголовок */
   title?: string;
   /**
-   * @title Размер заголовка
-   * @default M
+   * @title Тип заголовка
    */
-  titleSize?: TitleSize;
+  headingType?: HeadingType;
 }
+
 export interface BaseTileMainProps {
   description?: string;
   image?: Picture;
   /** @title Список */
   items?: string[];
+
+  list?: string;
+
   /**
    * @title Кнопки
    * @maxItems 4
    */
-  buttons?: BaseTileIconButton[];
+  buttons?: ButtonWithIconProps[];
   version?: BlockVersion;
   align?: AlignType;
 }

package/{src/components/BaseTile/getTitleSizeByClassName.ts → mobile/src/components/BaseTile/getTileHeadingType.ts}

@@ -1,11 +1,12 @@
 import { getColSpan } from '../../utils/getColSpan';
-export function getTitleSizeByClassName(className = '') {
+
+export function getTileHeadingType(className = '') {
   const colSpan = getColSpan(className);
   if (colSpan <= 4) {
-    return 'S';
+    return 'h4';
   } else if (colSpan <= 8) {
-    return 'M';
+    return 'h3';
   } else {
-    return 'L';
+    return 'h2';
   }
 }

package/mobile/src/components/BaseTile/getTileMinHeight.ts

@@ -0,0 +1,12 @@
+import { getColSpan } from '../../utils/getColSpan';
+
+export function getTileMinHeight(className = '') {
+  const colSpan = getColSpan(className);
+  if (colSpan <= 6) {
+    return 'min-h-[300px]';
+  } else if (colSpan <= 8) {
+    return 'min-h-[320px]';
+  } else {
+    return 'min-h-[360px]';
+  }
+}

package/mobile/src/components/BaseTile/getTileRightPadding.ts

@@ -0,0 +1,12 @@
+import { getColSpan } from '../../utils/getColSpan';
+
+export function getTileRightPadding(className = '') {
+  const colSpan = getColSpan(className);
+  if (colSpan <= 6) {
+    return 'pr-9';
+  } else if (colSpan <= 8) {
+    return 'pr-[4.75rem]';
+  } else {
+    return 'pr-[9.4rem]';
+  }
+}

package/mobile/src/components/BenefitsBlock/BenefitsBlock.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../types';
+import { Heading } from '../../ui-kit/Heading/Heading';
 import { Icon } from '../../ui-kit/Icon/Icon';
-import { Title } from '../../ui-kit/Title/Title';
 import type { Benefit, BenefitsBlockContent } from './BenefitsBlockContent';
 
 export interface BenefitsBlockProps extends BenefitsBlockContent, UniBlockProps {}
@@ -13,7 +13,9 @@ export const BenefitsBlock = JSX<BenefitsBlockProps>(({ className, title, benefi
         className || ''
       }`}
     >
-      {title ? <Title className="font-medium m-0 max-w-[47rem] text-center">{title}</Title> : null}
+      {title ? (
+        <Heading headingType="h2" className="max-w-[47rem] text-center" title={title} />
+      ) : null}
       {benefits?.length ? (
         <div className="grid grid-cols-2 gap-5 mt-9">{benefits.map(renderStep)}</div>
       ) : null}

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

@@ -1,13 +1,16 @@
 import type { IconName } from '../../ui-kit/Icon/IconProps';
 
-/**
- * @title Преимущество
- */
-export interface Benefit {
+export interface TextBenefit {
   /** @title Название */
   label?: string;
   /** @title Описание */
   description?: string;
+}
+
+/**
+ * @title Преимущество
+ */
+export interface Benefit extends TextBenefit {
   icon?: IconName;
 }
 

package/mobile/src/components/Blocks.ts

@@ -2,6 +2,7 @@ import { ExchangeRateTile } from './ExchangeRateTile/ExchangeRateTile';
 import { Footer } from './Footer/Footer';
 import { Header } from './Header/Header';
 import { Headline } from './Headline/Headline';
+import { LinkDocs } from './LinkDocs/LinkDocs';
 import { Placeholder } from './Placeholder/Placeholder';
 import { ProductBlock } from './ProductBlock/ProductBlock';
 import { ProductGallery } from './ProductGallery/ProductGallery';
@@ -13,6 +14,7 @@ export const Blocks = {
   Footer,
   Header,
   Headline,
+  LinkDocs,
   Placeholder,
   ProductBlock,
   ProductGallery,

package/mobile/src/components/ComparisonTable/ComparisonTable.tsx

@@ -3,7 +3,7 @@ import { useComparisonTableScroll } from '../../hooks/useComparisonTableScroll';
 import { useLink } from '../../hooks/useLink';
 import type { UniBlockProps } from '../../types';
 import { ArrowButton } from '../../ui-kit/Button/ArrowButton';
-import { Title } from '../../ui-kit/Title/Title';
+import { Heading } from '../../ui-kit/Heading/Heading';
 import type { ComparisonTableContent } from './ComparisonTableContent';
 import { COLS_LENGTH_FOR_SCROLL, COLUMN_WIDTH, FIRST_CELL_CLASSES } from './constants';
 import { HeaderCell } from './HeaderCell';
@@ -54,7 +54,11 @@ export const ComparisonTable = JSX<ComparisonTableProps>(
           className || ''
         }`}
       >
-        <Title className="font-medium m-0 max-w-[47rem] text-center mb-9 mx-auto">{title}</Title>
+        <Heading
+          headingType="h2"
+          className="max-w-[47rem] text-center mb-9 mx-auto"
+          title={title}
+        />
         <div role="table">
           {colHeaders?.length ? (
             <TableRowContainer>

package/mobile/src/components/ComparisonTable/HeaderCell.tsx

@@ -2,10 +2,10 @@ import { JSX } from '@redneckz/uni-jsx';
 import type { LinkProps } from '../../model/LinkProps';
 import type { Picture } from '../../model/Picture';
 import { Button } from '../../ui-kit/Button/Button';
+import { Heading } from '../../ui-kit/Heading/Heading';
 import { Icon } from '../../ui-kit/Icon/Icon';
 import type { IconName } from '../../ui-kit/Icon/IconProps';
-import { Img } from '../../ui-kit/Img';
-import { Title } from '../../ui-kit/Title/Title';
+import { Img } from '../../ui-kit/Img/Img';
 import { BORDER_CLASSES, GRADIENT } from './constants';
 
 export interface HeaderCellProps {
@@ -30,11 +30,7 @@ export const HeaderCell = JSX<HeaderCellProps>(({ icon, image, title, link }) =>
       />
     )}
     {image?.src && <Img className="mb-[18px]" image={image} />}
-    {title && (
-      <Title size="S" className="font-medium m-0 text-center text-white">
-        {title}
-      </Title>
-    )}
+    {title && <Heading headingType="h4" className="text-center text-white" title={title} />}
     {link?.text && (
       <div className="mt-auto w-full">
         <Button