@redneckz/wildless-cms-uni-blocks 0.10.0 → 0.10.1

package/src/components/RepresentativeOfficeInfo/RepresentativeOfficeInfoContent.ts

@@ -0,0 +1,22 @@
+import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+import type { IconProps } from '../../model/Picture';
+import type { RichTextProps } from '../../ui-kit/RichText/RichTextProps';
+import type { TitleProps } from '../../model/HeadlineType';
+import type { UniBlockContent } from '../../model/JSXBlock';
+
+/**
+ * @title Блок с информацией о представительстве
+ */
+export type RepresentativeOfficeInfoContent = UniBlockContent &
+  TitleProps &
+  RichTextProps &
+  IconProps & {
+    /** @title Адрес */
+    address?: string;
+    /** @title Телефон (факс) */
+    telephone?: string;
+    /** @title E-mail */
+    email?: string;
+    /** @title Кнопка */
+    button?: ButtonWithIconProps;
+  };

package/src/components/Tile/Tile.example.json

@@ -28,6 +28,7 @@
         "version": "primary"
       }
     ],
-    "version": "primary"
+    "version": "primary",
+    "directionRight": true
   }
 }

package/src/components/Tile/Tile.fixture.tsx

@@ -144,4 +144,9 @@ export default {
       <Tile className="col-span-8" {...TILE} tags={tags} />
     </div>
   ),
+  'direction left': (
+    <div className="container grid grid-cols-12">
+      <Tile className="col-span-8" directionRight={false} {...TILE} />
+    </div>
+  ),
 };

package/src/components/Tile/Tile.tsx

@@ -11,6 +11,7 @@ import { BaseTile } from '../BaseTile/BaseTile';
 import { getTileMinHeight } from '../BaseTile/getTileMinHeight';
 import { getTileRightPadding } from '../BaseTile/getTileRightPadding';
 import type { TileContent } from './TileContent';
+import { style } from '../../utils/style';
 
 export interface TileProps extends TileContent, UniBlockProps {}
 
@@ -27,14 +28,21 @@ export const Tile = JSX<TileProps>(
     className = '',
     tags,
     children,
+    directionRight = true,
     ...rest
   }) => (
     <BlockWrapper
-      className={`overflow-hidden p-9 pr-3 box-border ${getTileRightPadding(
+      className={style(
+        'flex grow justify-between items-stretch h-full p-9 pr-3 box-border',
+        getTileRightPadding(className),
+        getTileMinHeight(className),
         className,
-      )} ${getTileMinHeight(className)} ${className}`}
+      )}
       {...rest}
     >
+      {image?.src ? (
+        <Img className={style('mt-auto ml-7', directionRight ? 'order-2' : '')} image={image} />
+      ) : null}
       <BaseTile
         title={
           title ? (
@@ -50,22 +58,23 @@ export const Tile = JSX<TileProps>(
           className: 'mt-8',
           buttonClassName: 'min-w-[158px]',
         })}
-        image={image?.src ? <Img className="mt-auto ml-7" image={image} /> : null}
       >
-        {__html ? (
-          <div className="max-w-[600px] mt-2.5">
-            <RichText __html={__html} />
-          </div>
-        ) : null}
-        {children}
-        <List
-          className="mt-2.5"
-          itemClassName="mb-1.5"
-          items={items}
-          isDotted={isDotted}
-          listItemSize={listItemSize}
-        />
-        {tags?.length ? <Tags tags={tags} className="mt-5" /> : null}
+        <div>
+          {__html ? (
+            <div className="max-w-[600px] mt-2.5">
+              <RichText __html={__html} />
+            </div>
+          ) : null}
+          {children}
+          <List
+            className="mt-2.5"
+            itemClassName="mb-1.5"
+            items={items}
+            isDotted={isDotted}
+            listItemSize={listItemSize}
+          />
+          {tags?.length ? <Tags tags={tags} className="mt-5" /> : null}
+        </div>
       </BaseTile>
     </BlockWrapper>
   ),

package/src/components/Tile/TileContent.ts

@@ -20,4 +20,6 @@ export type TileContent = UniBlockContent &
   ImageContent &
   BulletsProps & {
     listItemSize?: ListItemSize;
+    /** @title Картинка справа/текст слева */
+    directionRight?: boolean;
   };