@redneckz/wildless-cms-uni-blocks 0.3.61 → 0.3.62

package/mobile/src/components/ProductBlock/ProductBlockInner.tsx

@@ -35,13 +35,13 @@ export const ProductBlockInner = JSX<ProductBlockInnerProps>(
           <BaseTile
             context={context}
             title={
-              title && (
+              title ? (
                 <Heading
                   headingType={headingType}
                   title={title}
                   className="whitespace-pre-wrap max-w-[600px]"
                 />
-              )
+              ) : null
             }
             buttons={
               buttons?.length ? (

package/mobile/src/components/ProductTile/ProductTile.tsx

@@ -42,14 +42,14 @@ export const ProductTile = JSX<ProductTileProps>(
         <BaseTile
           context={context}
           title={
-            title && (
+            title ? (
               <Heading
                 headingType={headingType}
                 as="h3"
                 title={title}
                 className={`whitespace-pre-wrap max-w-[600px]`}
               />
-            )
+            ) : null
           }
           buttons={
             buttons?.length ? (

package/mobile/src/components/Recommendation/Recommendation.tsx

@@ -87,20 +87,20 @@ const renderNavButtons = ({
 
   return (
     <div>
-      {showPrevButton && (
+      {showPrevButton ? (
         <ArrowButton
           className="absolute top-1/2 left-8 z-10 mt-6"
           onClick={handlePrevClick}
           ariaLabel="Пролистать влево"
         />
-      )}
-      {showNextButton && (
+      ) : null}
+      {showNextButton ? (
         <ArrowButton
           className="absolute top-1/2 right-8 z-10 mt-6 rotate-180"
           onClick={handleNextClick}
           ariaLabel="Пролистать вправо"
         />
-      )}
+      ) : null}
     </div>
   );
 };

package/mobile/src/components/StepsBlock/StepsBlock.tsx

@@ -53,14 +53,14 @@ export const StepsBlock = JSX<StepsBlockProps>(
         className={`box-border font-sans bg-white px-4 py-6 flex flex-col
         ${style.background} ${style.title} ${className || ''}`}
       >
-        {title && (
+        {title ? (
           <Heading headingType="h3" className={`text-center ${style.title}`} title={title} />
-        )}
-        {description && (
+        ) : null}
+        {description ? (
           <p className={`text-m-md text-center ${style.description} ${title && 'mt-2'}`}>
             {description}
           </p>
-        )}
+        ) : null}
         {steps?.length ? (
           <div className={`box-border py-0.5 mb-0.5 mt-5`}>
             <div className="flex flex-col justify-between gap-x-[101px]">
@@ -94,17 +94,17 @@ const renderStepTitle = (params: RenderStepTitleParams) => {
       <div key={String(i)} className="flex flex-row text-center relative">
         <div className="overflow-hidden">
           {renderIconArea(params)}
-          {!isLastStep && (
+          {isLastStep ? null : (
             <div className={`min-h-8 h-full w-[2px] ${style.iconConnector} ${margin}`} />
           )}
         </div>
         <div
           className={`flex flex-col justify-center h-fit ${STEPS_TILE_DESCRIPTION_HEIGHT_MAP[size]}`}
         >
-          {step.label && (
+          {step.label ? (
             <div className="font-medium text-m-title-xs m-0 text-left">{step.label}</div>
-          )}
-          {step.description && (
+          ) : null}
+          {step.description ? (
             <div
               className={`font-normal text-sm ${style.description} text-left ${
                 step.label ? 'mt-1' : ''
@@ -112,7 +112,7 @@ const renderStepTitle = (params: RenderStepTitleParams) => {
             >
               {step.description}
             </div>
-          )}
+          ) : null}
         </div>
       </div>
     </div>

package/mobile/src/components/Tile/Tile.tsx

@@ -47,7 +47,7 @@ export const Tile = JSX<TileProps>((props) => {
       <BaseTile
         context={context}
         title={
-          title && (
+          title ? (
             <Heading
               headingType={headingType}
               as="h3"
@@ -55,7 +55,7 @@ export const Tile = JSX<TileProps>((props) => {
               className={`whitespace-pre-wrap max-w-[600px] ${title ? 'mb-3' : ''}
               ${version === 'primary' ? 'text-primary-text' : ''}`}
             />
-          )
+          ) : null
         }
         buttons={
           buttons?.length ? (
@@ -68,12 +68,12 @@ export const Tile = JSX<TileProps>((props) => {
         }
         image={image?.src && <Img className="mt-auto ml-7" image={image} />}
       >
-        {description && (
+        {description ? (
           <Description
             className="max-w-[600px] text-title-new-sm font-light"
             description={description}
           />
-        )}
+        ) : null}
         {children}
         {renderList(items, version)}
       </BaseTile>

package/mobile/src/ui-kit/Logo/Logo.tsx

@@ -40,7 +40,7 @@ export const Logo = JSX<Partial<LogoProps>>(
           viewBox="0 0 40 45"
           paths={LOGO_PATHS.map((d) => ({ d }))}
         />
-        {!hideTitle && (
+        {hideTitle ? null : (
           <span className={`${TEXT_COLOR[bgColor]} text-sm font-medium ml-2.5`}>
             {children || 'Россельхозбанк'}
           </span>

package/mobile/src/ui-kit/SearchBar/SearchBar.tsx

@@ -10,7 +10,7 @@ export const SearchBar = JSX<UniBlockProps>(({ className, context }) => {
         <div className="w-[20px] h-[20px]">
           <Img image="LoupeIcon" width="24" height="24" />
         </div>
-        {!term && (
+        {term ? null : (
           <label
             htmlFor="search-bar-input"
             className="font-sans font-normal text-sm text-secondary-text"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.3.61",
+  "version": "0.3.62",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

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

@@ -39,9 +39,9 @@ export const ComparisonTable = JSX<ComparisonTableProps>(
           className || ''
         }`}
       >
-        {title && (
+        {title ? (
           <Heading headingType="h3" className="font-medium text-center m-0 mb-5" title={title} />
-        )}
+        ) : null}
 
         {renderColumns({
           tableData,

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

@@ -29,20 +29,20 @@ export const HeaderCell = JSX<HeaderCellProps>(
           <Img image={image} />
         </div>
       )}
-      {title && (
+      {title ? (
         <Heading
           headingType="h4"
           className={`${isFillGradient ? 'text-white' : ''}`}
           title={title}
         />
-      )}
-      {subtitle && (
+      ) : null}
+      {subtitle ? (
         <div
           className={`text-m-sm mb-3.5 ${isFillGradient ? 'text-white' : 'text-secondary-text/80'}`}
         >
           {subtitle}
         </div>
-      )}
+      ) : null}
     </div>
   ),
 );

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

@@ -31,16 +31,16 @@ const renderCellInner =
           {rowHeader}
         </div>
         <div className="basis-1/2">
-          {label && (
+          {label ? (
             <div className={`text-right ${isFillGradient ? 'text-white' : ''}`}>{label}</div>
-          )}
-          {description && (
+          ) : null}
+          {description ? (
             <div
               className={`text-right ${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`}
             >
               {description}
             </div>
-          )}
+          ) : null}
         </div>
       </div>
     );

package/src/components/ComparisonTable/TableCell.tsx

@@ -30,15 +30,15 @@ export const TableCell = JSX<TableCellProps>(({ cell, isFirstRow, isLastRow, isF
 
 const renderCellInner = ({ label, description }: CellData, i: number, isFillGradient: boolean) => (
   <div key={String(i)} className="first:pt-7 pt-6 last:pb-7">
-    {label && (
+    {label ? (
       <h4 className={`text-xl font-medium m-0 ${isFillGradient ? 'text-white' : ''}`}>{label}</h4>
-    )}
-    {description && (
+    ) : null}
+    {description ? (
       <div
         className={`text-sm opacity-80 ${isFillGradient ? 'text-white' : 'text-secondary-text'}`}
       >
         {description}
       </div>
-    )}
+    ) : null}
   </div>
 );

package/src/components/ContentPage/ContentPage.tsx

@@ -85,7 +85,7 @@ export const ContentPage = JSX<ContentPageProps>(
           </div>
         ) : null}
 
-        {likeControl && (
+        {likeControl ? (
           <div className="flex items-end absolute bottom-0 right-0 h-full pointer-events-none">
             <LikeControl
               key="LikeControl"
@@ -93,7 +93,7 @@ export const ContentPage = JSX<ContentPageProps>(
               context={context}
             />
           </div>
-        )}
+        ) : null}
       </section>
     );
   },

package/src/components/Gallery/GalleryInner.tsx

@@ -37,22 +37,22 @@ export const GalleryInner = JSX<GalleryInnerProps>(
           activeCardIndex={activeCardIndex}
           {...rest}
         />
-        {showPrevButton && (
+        {showPrevButton ? (
           <ArrowButton
             className="absolute top-1/2 left-8 z-10 mt-[25px]"
             onClick={handlePrevClick}
             ariaLabel="Пролистать влево"
             data-block-control="scroll-left"
           />
-        )}
-        {showNextButton && (
+        ) : null}
+        {showNextButton ? (
           <ArrowButton
             className="absolute top-1/2 right-8 z-10 mt-[25px] rotate-180"
             onClick={handleNextClick}
             ariaLabel="Пролистать вправо"
             data-block-control="scroll-right"
           />
-        )}
+        ) : null}
         <div className="absolute top-0 left-0 bottom-0 w-[84px] bg-opacity-from-white" />
         <div className="absolute top-0 right-0 bottom-0 w-[100px] bg-opacity-to-white" />
       </section>

package/src/components/Headline/Headline.mobile.tsx

@@ -20,14 +20,14 @@ export const Headline = JSX<HeadlineProps>(
     const STYLE_MAPS = HEADLINE_BLOCK_STYLE_MAPS[bgColorHeadline];
     return (
       <section className={`px-4 py-6 ${STYLE_MAPS.background} ${className}`}>
-        {title && (
+        {title ? (
           <Heading
             headingType="h2"
             className={`${STYLE_MAPS.text} ${ALIGN_TEXT[align]}`}
             title={title}
           />
-        )}
-        {description && (
+        ) : null}
+        {description ? (
           <p
             className={`font-normal text-m-md ${STYLE_MAPS.description} ${ALIGN_TEXT[align]} ${
               title ? 'mt-2.5' : ''
@@ -35,7 +35,7 @@ export const Headline = JSX<HeadlineProps>(
           >
             {description}
           </p>
-        )}
+        ) : null}
         {image?.src && (
           <div className="mt-5 mx-auto flex justify-center">
             <Img image={image} />

package/src/components/Headline/Headline.tsx

@@ -19,18 +19,18 @@ export const Headline = JSX<HeadlineProps>(
     const STYLE_MAPS = HEADLINE_BLOCK_STYLE_MAPS[bgColorHeadline];
     return (
       <section className={`p-[50px] ${STYLE_MAPS.background} ${className}`} id={anchor}>
-        {title && (
+        {title ? (
           <Heading
             headingType="h2"
             className={`text-primary-text ${STYLE_MAPS.text} ${ALIGN_TEXT[align]}`}
             title={title}
           />
-        )}
-        {description && (
+        ) : null}
+        {description ? (
           <p className={`font-normal text-base mt-4 ${STYLE_MAPS.text} ${ALIGN_TEXT[align]}`}>
             {description}
           </p>
-        )}
+        ) : null}
       </section>
     );
   },

package/src/components/MobileAppTile/MobileAppTile.tsx

@@ -28,13 +28,13 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
         <BaseTile
           context={context}
           title={
-            title && (
+            title ? (
               <Heading
                 headingType="h3"
                 title={title}
                 className={`whitespace-pre-wrap max-w-[600px] mb-[30px]`}
               />
-            )
+            ) : null
           }
           buttons={
             buttons?.length ? (

package/src/components/ProductBlock/ProductBlockInner.mobile.tsx

@@ -35,13 +35,13 @@ export const ProductBlockInner = JSX<ProductBlockInnerProps>(
           <BaseTile
             context={context}
             title={
-              title && (
+              title ? (
                 <Heading
                   headingType={headingType}
                   title={title}
                   className="whitespace-pre-wrap max-w-[600px]"
                 />
-              )
+              ) : null
             }
             buttons={
               buttons?.length ? (

package/src/components/ProductBlock/ProductBlockInner.tsx

@@ -36,12 +36,12 @@ export const ProductBlockInner = JSX<ProductBlockInnerProps>(
             title={getTitle(title, headingType)}
             buttons={getButtons(context, buttons)}
           >
-            {description && (
+            {description ? (
               <Description
                 className={`mt-4 max-w-[600px] text-md font-light ${textColor}`}
                 description={description}
               />
-            )}
+            ) : null}
             {benefits?.filter((items) => items.label)?.length ? (
               <div className="flex gap-6 mt-6">
                 {benefits.map((benefit, i) =>
@@ -67,15 +67,13 @@ export const ProductBlockInner = JSX<ProductBlockInnerProps>(
 );
 
 const getTitle = (title, headingType) => {
-  return (
-    title && (
-      <Heading
-        headingType={headingType}
-        title={title}
-        className="whitespace-pre-wrap max-w-[600px]"
-      />
-    )
-  );
+  return title ? (
+    <Heading
+      headingType={headingType}
+      title={title}
+      className="whitespace-pre-wrap max-w-[600px]"
+    />
+  ) : null;
 };
 
 const getButtons = (context, buttons) => {

package/src/components/ProductTile/ProductTile.tsx

@@ -42,14 +42,14 @@ export const ProductTile = JSX<ProductTileProps>(
         <BaseTile
           context={context}
           title={
-            title && (
+            title ? (
               <Heading
                 headingType={headingType}
                 as="h3"
                 title={title}
                 className={`whitespace-pre-wrap max-w-[600px]`}
               />
-            )
+            ) : null
           }
           buttons={
             buttons?.length ? (

package/src/components/Recommendation/Recommendation.tsx

@@ -87,20 +87,20 @@ const renderNavButtons = ({
 
   return (
     <div>
-      {showPrevButton && (
+      {showPrevButton ? (
         <ArrowButton
           className="absolute top-1/2 left-8 z-10 mt-6"
           onClick={handlePrevClick}
           ariaLabel="Пролистать влево"
         />
-      )}
-      {showNextButton && (
+      ) : null}
+      {showNextButton ? (
         <ArrowButton
           className="absolute top-1/2 right-8 z-10 mt-6 rotate-180"
           onClick={handleNextClick}
           ariaLabel="Пролистать вправо"
         />
-      )}
+      ) : null}
     </div>
   );
 };

package/src/components/StepsBlock/StepsBlock.mobile.tsx

@@ -53,14 +53,14 @@ export const StepsBlock = JSX<StepsBlockProps>(
         className={`box-border font-sans bg-white px-4 py-6 flex flex-col
         ${style.background} ${style.title} ${className || ''}`}
       >
-        {title && (
+        {title ? (
           <Heading headingType="h3" className={`text-center ${style.title}`} title={title} />
-        )}
-        {description && (
+        ) : null}
+        {description ? (
           <p className={`text-m-md text-center ${style.description} ${title && 'mt-2'}`}>
             {description}
           </p>
-        )}
+        ) : null}
         {steps?.length ? (
           <div className={`box-border py-0.5 mb-0.5 mt-5`}>
             <div className="flex flex-col justify-between gap-x-[101px]">
@@ -94,17 +94,17 @@ const renderStepTitle = (params: RenderStepTitleParams) => {
       <div key={String(i)} className="flex flex-row text-center relative">
         <div className="overflow-hidden">
           {renderIconArea(params)}
-          {!isLastStep && (
+          {isLastStep ? null : (
             <div className={`min-h-8 h-full w-[2px] ${style.iconConnector} ${margin}`} />
           )}
         </div>
         <div
           className={`flex flex-col justify-center h-fit ${STEPS_TILE_DESCRIPTION_HEIGHT_MAP[size]}`}
         >
-          {step.label && (
+          {step.label ? (
             <div className="font-medium text-m-title-xs m-0 text-left">{step.label}</div>
-          )}
-          {step.description && (
+          ) : null}
+          {step.description ? (
             <div
               className={`font-normal text-sm ${style.description} text-left ${
                 step.label ? 'mt-1' : ''
@@ -112,7 +112,7 @@ const renderStepTitle = (params: RenderStepTitleParams) => {
             >
               {step.description}
             </div>
-          )}
+          ) : null}
         </div>
       </div>
     </div>

package/src/components/TextBlock/TextBlock.tsx

@@ -49,12 +49,12 @@ export const TextBlock = JSX<TextBlockProps>(
         {iconVersion === 'small' ? renderIcon(textBlockStyleMap.icon) : null}
         {iconVersion === 'big' ? renderImage(image) : null}
         <div className="py-0.5">
-          {title && (
+          {title ? (
             <div className={`font-medium text-base mb-1 ${textBlockStyleMap.title}`}>{title}</div>
-          )}
-          {description && (
+          ) : null}
+          {description ? (
             <div className={`text-sm ${textBlockStyleMap.description}`}>{description}</div>
-          )}
+          ) : null}
         </div>
       </section>
     );

package/src/components/Tile/Tile.tsx

@@ -47,7 +47,7 @@ export const Tile = JSX<TileProps>((props) => {
       <BaseTile
         context={context}
         title={
-          title && (
+          title ? (
             <Heading
               headingType={headingType}
               as="h3"
@@ -55,7 +55,7 @@ export const Tile = JSX<TileProps>((props) => {
               className={`whitespace-pre-wrap max-w-[600px] ${title ? 'mb-3' : ''}
               ${version === 'primary' ? 'text-primary-text' : ''}`}
             />
-          )
+          ) : null
         }
         buttons={
           buttons?.length ? (
@@ -68,12 +68,12 @@ export const Tile = JSX<TileProps>((props) => {
         }
         image={image?.src && <Img className="mt-auto ml-7" image={image} />}
       >
-        {description && (
+        {description ? (
           <Description
             className="max-w-[600px] text-title-new-sm font-light"
             description={description}
           />
-        )}
+        ) : null}
         {children}
         {renderList(items, version)}
       </BaseTile>

package/src/ui-kit/Logo/Logo.mobile.tsx

@@ -40,7 +40,7 @@ export const Logo = JSX<Partial<LogoProps>>(
           viewBox="0 0 40 45"
           paths={LOGO_PATHS.map((d) => ({ d }))}
         />
-        {!hideTitle && (
+        {hideTitle ? null : (
           <span className={`${TEXT_COLOR[bgColor]} text-sm font-medium ml-2.5`}>
             {children || 'Россельхозбанк'}
           </span>

package/src/ui-kit/SearchBar/SearchBar.mobile.tsx

@@ -10,7 +10,7 @@ export const SearchBar = JSX<UniBlockProps>(({ className, context }) => {
         <div className="w-[20px] h-[20px]">
           <Img image="LoupeIcon" width="24" height="24" />
         </div>
-        {!term && (
+        {term ? null : (
           <label
             htmlFor="search-bar-input"
             className="font-sans font-normal text-sm text-secondary-text"

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

@@ -11,7 +11,7 @@ export const SearchBar = JSX<UniBlockProps>(({ className, context }) => {
         <div className="w-[24px] h-[24px]">
           <Img image="LoupeIcon" width="24" height="24" />
         </div>
-        {!term && (
+        {term ? null : (
           <label
             htmlFor="search-bar-input"
             className="font-sans font-light text-base text-secondary-text"

package/src/ui-kit/SearchBar.mobile.tsx

@@ -11,7 +11,7 @@ export const SearchBar = JSX<UniBlockProps>(({ className, context }) => {
         <div className="w-[20px] h-[20px]">
           <Img image="LoupeIcon" width="24" height="24" />
         </div>
-        {!term && (
+        {term ? null : (
           <label
             htmlFor="search-bar-input"
             className="font-sans font-normal text-sm text-secondary-text"