@redneckz/wildless-cms-uni-blocks 0.3.52 → 0.3.53

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

@@ -4,6 +4,7 @@ import type { ListOrientation } from '../../model/ListOrientation';
 import { Button } from '../../ui-kit/Button/Button';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
+import { getListStyle } from '../../ui-kit/List/ListItem';
 import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl';
 import type { GalleryCard } from './GalleryContent';
 import { GalleryItem } from './GalleryContent';
@@ -63,7 +64,7 @@ function renderCard(card: GalleryCard, key: number) {
         ) : null}
         {card.title ? <h3 className={`font-medium text-m-title-xs m-0`}>{card.title}</h3> : null}
         {card.description ? renderDescription(card) : null}
-        {card.items?.length ? renderItems(card.items, card.version) : null}
+        {card.items?.length ? renderItems(card.items, card.version, card.isDotted) : null}
       </div>
       {card?.button?.text ? renderButton(card.button) : null}
     </div>
@@ -92,11 +93,12 @@ function renderDescription(card: GalleryCard) {
   );
 }
 
-function renderItems(items: GalleryItem[], version: BlockVersion = 'primary') {
+function renderItems(items: GalleryItem[], version: BlockVersion = 'primary', isDotted) {
   return (
     <section className="mt-3">
       {items.map((item, i) => (
         <div key={String(i)}>
+          {isDotted && <div className={getListStyle(version)} />}
           <span className="text-m-md font-medium">{item.title}</span>
           <span className={`text-m-sm pl-2 ${version === 'primary' ? 'text-secondary-text' : ''}`}>
             {item.text}

package/src/components/Gallery/GalleryCardInner.tsx

@@ -6,7 +6,7 @@ import { List } from '../../ui-kit/List/List';
 import type { GalleryCard, GalleryItem } from './GalleryContent';
 
 export const GalleryCardInner = JSX<GalleryCard>(
-  ({ title, description, image, items, button, version }) => {
+  ({ title, description, image, items, button, version, isDotted = true }) => {
     const titleStyleClasses = getTitleStyle(version);
     return (
       <div className="h-full flex flex-col justify-between text-center">
@@ -20,7 +20,7 @@ export const GalleryCardInner = JSX<GalleryCard>(
           {description ? (
             <div className={`font-light text-m-md-new ${title ? 'mt-2' : ''}`}>{description}</div>
           ) : null}
-          {items?.length ? renderItems(items, version) : null}
+          {items?.length ? renderItems(items, version, isDotted) : null}
         </div>
         {button?.text ? renderButton(button) : null}
       </div>
@@ -42,7 +42,7 @@ function renderCardTitle(title: string, className: string) {
   return <div className={`text-xl m-0 ${className}`}>{title}</div>;
 }
 
-function renderItems(items: GalleryItem[], version: BlockVersion = 'primary') {
+function renderItems(items: GalleryItem[], version: BlockVersion = 'primary', isDotted: boolean) {
   return (
     <List
       className={`max-w-[308px] mt-2 text-sm ${
@@ -50,6 +50,7 @@ function renderItems(items: GalleryItem[], version: BlockVersion = 'primary') {
       }`}
       itemClassName="mt-1 first:mt-0"
       items={items.filter((item) => item?.text).map((item) => item.text as string)}
+      isDotted={isDotted}
       version={version}
     />
   );

package/src/components/Gallery/GalleryContent.ts

@@ -34,6 +34,11 @@ export interface GalleryCard {
   image?: Picture;
   /** @title Кнопка */
   button?: ButtonWithIconProps;
+  /**
+   * @title Буллиты
+   * @default true
+   */
+  isDotted?: boolean;
   /** @title Список */
   items?: GalleryItem[];
   version?: BlockVersion;

package/src/components/ProductBlock/ProductBlockContent.ts

@@ -1,11 +1,11 @@
 import type { BlockVersion } from '../../model/BlockVersion';
+import type { IconVersion } from '../../model/IconVersion';
 import type { LinkProps } from '../../model/LinkProps';
 import type { ButtonContent, ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
 import type { HeadingContent, HeadingTypeContent } from '../../ui-kit/Heading/HeadingContent';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { ListContent } from '../../ui-kit/List/ListContent';
-import type { IconVersion } from '../../model/IconVersion';
 import type { Benefit } from '../BenefitsBlock/BenefitsBlockContent';
 
 export type BenefitItemProps = {

package/src/components/ProductBlock/ProductBlockInner.tsx

@@ -2,9 +2,9 @@ import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../types';
 import { ButtonSection } from '../../ui-kit/Button/ButtonSection';
 import { Description } from '../../ui-kit/Description/Description';
+import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { List } from '../../ui-kit/List/List';
-import { Heading } from '../../ui-kit/Heading/Heading';
 import { BaseTile } from '../BaseTile/BaseTile';
 import type { ProductBlockInnerContent } from './ProductBlockContent';
 import { renderBenefit } from './renderBenefit';

package/src/ui-kit/List/ListItem.tsx

@@ -38,7 +38,7 @@ export const ListItem = JSX<ListItemProps>(
   },
 );
 
-const getListStyle = (version: ListItemVersion) => {
+export const getListStyle = (version: ListItemVersion) => {
   const size = {
     primary: 'w-2 h-2 min-w-2 min-h-2',
     secondary: 'w-2 h-2 min-w-2 min-h-2',