@redneckz/wildless-cms-uni-blocks 0.14.55 → 0.14.57

package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx

@@ -54,15 +54,13 @@ export const CarouselRecommendationCard = JSX<RecommendationCardProps>(
             defaultPadding="p-2xl"
             padding={padding}
             insetTitle={
-              title ? (
-                <Headline
-                  title={title}
-                  description={description}
-                  headlineVersion="XS"
-                  isEmbedded={true}
-                  align={align}
-                />
-              ) : null
+              <Headline
+                title={title}
+                description={description}
+                headlineVersion="XS"
+                isEmbedded={true}
+                align={align}
+              />
             }
             {...leftOrRightImage(isIcon(icon) ? <Img image={icon} /> : null, directionRight)}
             buttons={

package/src/components/Footer/Footer.mobile.tsx

@@ -35,7 +35,12 @@ export const Footer = JSX<FooterProps>(({ className, ...rest }) => {
     <BlockWrapper tag="footer" className={className} defaultPadding="p-4xl pb-24" {...rest}>
       <div className="mb-lg pb-xs border-b border-main-divider">
         {topItems?.map((item, i) => (
-          <RollupItem key={String(i)} label={item?.text} labelIcon={item?.icon}>
+          <RollupItem
+            key={String(i)}
+            foldButtonVersion="accordion"
+            label={item?.text}
+            labelIcon={item?.icon}
+          >
             <LinkList items={item.items} basePath={appendSlash(item.href)} />
           </RollupItem>
         ))}

package/src/components/RollupItem/RollupItem.fixture.mobile.tsx

@@ -34,9 +34,13 @@ export default {
         labelIcon={labelIcon}
         labelIconBgVersion="primary"
         options={options}
-        foldButtonVersion="default"
       />
-      <RollupItem {...ROLLUP_ITEM.content} block={ROLLUP_ITEM} options={options} />
+      <RollupItem
+        foldButtonVersion="accordion"
+        {...ROLLUP_ITEM.content}
+        block={ROLLUP_ITEM}
+        options={options}
+      />
     </div>
   ),
   labelIcon: (
@@ -44,6 +48,7 @@ export default {
       <RollupItem
         block={ROLLUP_ITEM}
         isExpanded={true}
+        foldButtonVersion="accordion"
         label="RollupItem label 1"
         labelIcon={labelIcon}
         labelIconBgVersion="primary"

package/src/components/RollupItem/RollupItem.fixture.tsx

@@ -29,6 +29,7 @@ export default {
   accordion: (
     <RollupItem
       label="Rollup button 2"
+      foldButtonVersion="accordion"
       isExpanded={true}
       block={{
         type: 'RollupItem',

package/src/components/RollupItem/RollupItem.tsx

@@ -28,7 +28,9 @@ export const RollupItem: JSXBlock<RollupItemProps> = JSX<RollupItemProps>(
     label = 'Развернуть',
     labelIcon,
     labelIconBgVersion,
-    foldButtonVersion = 'accordion',
+    foldButtonVersion = 'default',
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    version,
     ...rest
   }) => (
     <BlockWrapper

package/src/components/VerticalLayout/VerticalLayout.fixture.mobile.tsx

@@ -110,6 +110,7 @@ export default {
               type: 'RollupItem',
               content: {
                 label: 'Rollup button 1',
+                foldButtonVersion: 'accordion',
               },
               blocks: [
                 { type: 'TextBlock', content: TEXT_BLOCK },
@@ -120,6 +121,7 @@ export default {
               type: 'RollupItem',
               content: {
                 label: 'Rollup button 2',
+                foldButtonVersion: 'accordion',
                 isExpanded: true,
               },
               blocks: [{ type: 'LinkDocs', content: linkDocsExample }],
@@ -128,6 +130,7 @@ export default {
               type: 'RollupItem',
               content: {
                 label: 'Rollup button 2',
+                foldButtonVersion: 'accordion',
                 isExpanded: true,
               },
               blocks: [{ type: 'LinkDocs', content: linkDocsExample }],
@@ -138,6 +141,7 @@ export default {
               content: {
                 label: 'Rollup button 3 RichText',
                 labelIcon: { icon: 'BriefcaseIcon' },
+                foldButtonVersion: 'accordion',
                 isExpanded: true,
               },
               blocks: [

package/src/components/VerticalLayout/VerticalLayout.fixture.tsx

@@ -150,7 +150,6 @@ export default {
               type: 'RollupItem',
               content: {
                 label: 'Rollup button 1 with TEXT_BLOCK',
-                foldButtonVersion: 'default',
                 isFoldButtonOnTop: false,
                 isExpanded: true,
               },
@@ -163,7 +162,6 @@ export default {
               type: 'RollupItem',
               content: {
                 label: 'Rollup button 2 with TEXT_BLOCK',
-                foldButtonVersion: 'default',
                 isFoldButtonOnTop: false,
                 isExpanded: true,
               },
@@ -191,6 +189,7 @@ export default {
               type: 'RollupItem',
               content: {
                 label: 'Rollup button 1',
+                foldButtonVersion: 'accordion',
               },
               blocks: [
                 { type: 'TextBlock', content: TEXT_BLOCK },
@@ -201,6 +200,7 @@ export default {
               type: 'RollupItem',
               content: {
                 label: 'Rollup button 2',
+                foldButtonVersion: 'accordion',
                 isExpanded: true,
               },
               blocks: [{ type: 'LinkDocs', content: linkDocsExample }],
@@ -209,6 +209,7 @@ export default {
               type: 'RollupItem',
               content: {
                 label: 'Rollup button 3 RichText',
+                foldButtonVersion: 'accordion',
                 isExpanded: true,
               },
               blocks: [

package/src/ui-kit/BaseProductTile/BaseProductTile.tsx

@@ -1,6 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { Headline } from '../../components/Headline/Headline';
-import { type HeadlineVersion } from '../../model/HeadlineType';
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { type VNode } from '../../model/VNode';
 import { BaseTile } from '../BaseTile/BaseTile';
@@ -11,7 +10,6 @@ import { List } from '../List/List';
 import { PriceList } from '../PriceList/PriceList';
 import { RichText } from '../RichText/RichText';
 import { Tags } from '../Tags/Tags';
-import { type TextAlign } from '../Text/TextProps';
 import { type BaseProductTileContent } from './BaseProductTileContent';
 
 interface BaseProductTileProps extends UniBlockProps, BaseProductTileContent {
@@ -19,6 +17,7 @@ interface BaseProductTileProps extends UniBlockProps, BaseProductTileContent {
 }
 
 export const BaseProductTile = JSX<BaseProductTileProps>(
+  // eslint-disable-next-line max-lines-per-function
   ({
     className,
     padding,
@@ -50,7 +49,15 @@ export const BaseProductTile = JSX<BaseProductTileProps>(
     ...rest
   }) => {
     const img = image?.src ? <Img image={image} /> : null;
-    const headline = renderHeadline({ title, description, headlineVersion, align });
+    const headline = (
+      <Headline
+        title={title}
+        description={description}
+        headlineVersion={headlineVersion}
+        align={align}
+        isEmbedded={true}
+      />
+    );
     const filteredBenefits = benefits?.filter(
       (_) => _?.type === 'rte' || 'label' in _ || 'description' in _,
     );
@@ -94,21 +101,3 @@ export const leftOrRightImage = (img: VNode, directionRight: boolean) =>
   directionRight ? { rightImage: img } : { leftImage: img };
 
 const renderTags = (tags: string[]) => (tags?.length ? <Tags tags={tags} /> : null);
-
-interface RenderHeadline {
-  title?: string;
-  description?: string;
-  headlineVersion?: HeadlineVersion;
-  align?: TextAlign;
-}
-
-const renderHeadline = ({ title, description, headlineVersion, align }: RenderHeadline) =>
-  title || description ? (
-    <Headline
-      title={title}
-      description={description}
-      headlineVersion={headlineVersion}
-      align={align}
-      isEmbedded={true}
-    />
-  ) : null;