@redneckz/wildless-cms-uni-blocks 0.14.71 → 0.14.73

package/mobile/src/components/ApplicationForm/Footnote.tsx

@@ -16,7 +16,7 @@ export const Footnote = JSX<FootnoteProps>(({ text, link }) => (
       <LinkButton
         href={link.href}
         ariaLabel="условия передачи данных"
-        target={link.target}
+        target={link.target || ''}
         className="text-primary-main"
       >
         <Text>{link.text}</Text>

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

@@ -48,7 +48,7 @@ export const TableColumn = JSX<TableColumnProps>(
         {showRow && header?.link ? (
           <LinkButton
             href={header.link.href}
-            target={header.link.target}
+            target={header.link?.target}
             version={buttonVersion}
             className="text-s font-medium mt-m py-s"
           >

package/mobile/src/components/InvestmentInfo/InvestmentInfo.tsx

@@ -121,13 +121,9 @@ const renderInvestmentCell = (cell: InvestmentCell, i: number) => {
   ) : null;
 };
 
-const renderInvestmentColumnTitle = (
-  column: InvestmentColumn | InvestmentZeroColumn,
-  i: number,
-) => {
-  return (
+const renderInvestmentColumnTitle = (column: InvestmentColumn | InvestmentZeroColumn, i: number) =>
+  column?.title ? (
     <div key={`title_${i}`} className={`flex-1 max-w-[180px] text-center px-xs last:pr-3xl`}>
       {column.title}
     </div>
-  );
-};
+  ) : null;

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

@@ -5,6 +5,7 @@ import { type SizeVersion } from '../../model/SizeVersion';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Img } from '../../ui-kit/Img/Img';
 import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
+import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
 import { RichText } from '../../ui-kit/RichText/RichText';
 import { assertUnreachable } from '../../utils/assertUnreachable';
 import { isIcon } from '../../utils/isIcon';
@@ -101,7 +102,11 @@ const renderDefaultStep =
               STEPS_TILE_DESCRIPTION_HEIGHT_MAP[size],
             )}
           >
-            {step.label ? <div className="text-l text-left">{step.label}</div> : null}
+            {step.label ? (
+              <Paragraph size="text-l" align="text-left">
+                {step.label}
+              </Paragraph>
+            ) : null}
             {step.description ? (
               <div className={style('text-s font-light text-left', styleMap.description)}>
                 {step.description}

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

@@ -52,11 +52,11 @@ const renderDefaultStep =
           getContainerWidth(arr.length),
         )}
       >
-        <div className="text-center space-y-xs">
+        <div className="space-y-xs">
           {label ? (
-            <div>
-              <Text size="text-h6">{label}</Text>
-            </div>
+            <Text size="text-h6" align="text-center">
+              {label}
+            </Text>
           ) : null}
           <div className="flex flex-col items-center gap-3xs">
             {description ? <div className={styleMap.description}>{description}</div> : null}

package/mobile/src/components/StickyBottomMenu/RenderItem.tsx

@@ -7,13 +7,13 @@ import { type MenuItemProps } from './StickyBottomMenuProps';
 
 interface RenderItemProps {
   isActive?: boolean;
-  item: MenuItemProps;
+  item?: MenuItemProps;
   onClick?: () => void;
 }
 
 export const RenderItem = JSX<RenderItemProps>(({ isActive, item, onClick }) => {
   const isAnotherPortal = projectSettings?.BASE_PATH
-    ? !item.href?.startsWith(projectSettings?.BASE_PATH)
+    ? !item?.href?.startsWith(projectSettings?.BASE_PATH)
     : true;
 
   const link = useLink({ isRemote: isAnotherPortal });
@@ -22,7 +22,7 @@ export const RenderItem = JSX<RenderItemProps>(({ isActive, item, onClick }) =>
     target,
     onClick: handleClick,
   } = link({
-    href: item.href,
+    href: item?.href || '',
     target: '_self',
   });
   const isActiveItem = item?.icon?.icon === 'BurgerIcon' ? item.isActive : isActive;
@@ -45,7 +45,7 @@ export const RenderItem = JSX<RenderItemProps>(({ isActive, item, onClick }) =>
           iconVersion: iconVersion,
         }}
       />
-      {item.title}
+      {item?.title || ''}
     </a>
   );
 });

package/mobile/src/ui-kit/Img/ImgAsPicture.tsx

@@ -25,8 +25,8 @@ export const ImgAsPicture = JSX<ImageProps>(
                   srcSet={adjustSrc(router, pathPrefix)(src)}
                   type={formatToMimeType(format)}
                   media={media ? `(max-width: ${media}px)` : ''}
-                  width={image.size?.width}
-                  height={image.size?.height}
+                  width={image?.size?.width}
+                  height={image?.size?.height}
                 />
               ))
           : null}
@@ -42,14 +42,14 @@ const renderImg = (image: Picture, imageClassName = '') => (
   <img
     src={image.src}
     className={style('object-contain', imageClassName)}
-    alt={image.alt || image.title}
-    title={image.title || ''}
+    alt={image?.alt || image?.title || ''}
+    title={image?.title || ''}
     style={{
-      width: image.size?.width ? `${image.size?.width}px` : '100%',
-      height: image.size?.height ? `${image.size?.height}px` : 'auto',
+      width: image?.size?.width ? `${image.size?.width}px` : '100%',
+      height: image?.size?.height ? `${image.size?.height}px` : 'auto',
     }}
-    width={image.size?.width}
-    height={image.size?.height}
+    width={image?.size?.width}
+    height={image?.size?.height}
   />
 );
 

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

@@ -29,9 +29,11 @@ export const SlideCheckbox = JSX<SlideCheckboxProps>(
           )}
         />
       </div>
-      <Text size="text-l" font="font-light" color="text-primary-text">
-        {text}
-      </Text>
+      {text ? (
+        <Text size="text-l" font="font-light" color="text-primary-text">
+          {text}
+        </Text>
+      ) : null}
     </div>
   ),
 );

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

@@ -9,12 +9,12 @@ type SlideCheckboxGroupItem = {
 
 interface SlideCheckboxGroupProps extends ControlProps<string> {
   multiple: false;
-  items: SlideCheckboxGroupItem[];
+  items?: SlideCheckboxGroupItem[];
 }
 
 interface MultipleSlideCheckboxGroupProps extends ControlProps<string[]> {
   multiple: true;
-  items: SlideCheckboxGroupItem[];
+  items?: SlideCheckboxGroupItem[];
 }
 
 export const SlideCheckboxGroup = JSX<SlideCheckboxGroupProps | MultipleSlideCheckboxGroupProps>(
@@ -38,7 +38,7 @@ export const SlideCheckboxGroup = JSX<SlideCheckboxGroupProps | MultipleSlideChe
     return items.map((item) => (
       <SlideCheckbox
         key={item.value}
-        text={item.title}
+        text={item?.title}
         value={[value].flatMap((_) => _).includes(item.value)}
         onChange={() => handleChange(item.value)}
         type={multiple ? 'checkbox' : 'radio'}

package/package.json

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

package/src/components/ApplicationForm/Footnote.tsx

@@ -16,7 +16,7 @@ export const Footnote = JSX<FootnoteProps>(({ text, link }) => (
       <LinkButton
         href={link.href}
         ariaLabel="условия передачи данных"
-        target={link.target}
+        target={link.target || ''}
         className="text-primary-main"
       >
         <Text>{link.text}</Text>

package/src/components/ComparisonTable/HeaderCell.tsx

@@ -35,7 +35,7 @@ export const HeaderCell = JSX<HeaderCellProps>(({ icon, image, title, link }) =>
       <div className="mt-auto w-full">
         <LinkButton
           href={link.href}
-          target={link.target}
+          target={link.target || ''}
           className="w-full text-primary-main bg-white hover:bg-secondary-hover active:bg-secondary-active"
         >
           <div className="text-xs font-light font-medium py-s">{link.text}</div>

package/src/components/ComparisonTable/TableColumn.tsx

@@ -48,7 +48,7 @@ export const TableColumn = JSX<TableColumnProps>(
         {showRow && header?.link ? (
           <LinkButton
             href={header.link.href}
-            target={header.link.target}
+            target={header.link?.target}
             version={buttonVersion}
             className="text-s font-medium mt-m py-s"
           >

package/src/components/InvestmentInfo/InvestmentInfo.tsx

@@ -121,13 +121,9 @@ const renderInvestmentCell = (cell: InvestmentCell, i: number) => {
   ) : null;
 };
 
-const renderInvestmentColumnTitle = (
-  column: InvestmentColumn | InvestmentZeroColumn,
-  i: number,
-) => {
-  return (
+const renderInvestmentColumnTitle = (column: InvestmentColumn | InvestmentZeroColumn, i: number) =>
+  column?.title ? (
     <div key={`title_${i}`} className={`flex-1 max-w-[180px] text-center px-xs last:pr-3xl`}>
       {column.title}
     </div>
-  );
-};
+  ) : null;

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

@@ -5,6 +5,7 @@ import { type SizeVersion } from '../../model/SizeVersion';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Img } from '../../ui-kit/Img/Img';
 import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
+import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
 import { RichText } from '../../ui-kit/RichText/RichText';
 import { assertUnreachable } from '../../utils/assertUnreachable';
 import { isIcon } from '../../utils/isIcon';
@@ -101,7 +102,11 @@ const renderDefaultStep =
               STEPS_TILE_DESCRIPTION_HEIGHT_MAP[size],
             )}
           >
-            {step.label ? <div className="text-l text-left">{step.label}</div> : null}
+            {step.label ? (
+              <Paragraph size="text-l" align="text-left">
+                {step.label}
+              </Paragraph>
+            ) : null}
             {step.description ? (
               <div className={style('text-s font-light text-left', styleMap.description)}>
                 {step.description}

package/src/components/StepsBlock/renderStep.tsx

@@ -52,11 +52,11 @@ const renderDefaultStep =
           getContainerWidth(arr.length),
         )}
       >
-        <div className="text-center space-y-xs">
+        <div className="space-y-xs">
           {label ? (
-            <div>
-              <Text size="text-h6">{label}</Text>
-            </div>
+            <Text size="text-h6" align="text-center">
+              {label}
+            </Text>
           ) : null}
           <div className="flex flex-col items-center gap-3xs">
             {description ? <div className={styleMap.description}>{description}</div> : null}

package/src/components/StickyBottomMenu/RenderItem.tsx

@@ -7,13 +7,13 @@ import { type MenuItemProps } from './StickyBottomMenuProps';
 
 interface RenderItemProps {
   isActive?: boolean;
-  item: MenuItemProps;
+  item?: MenuItemProps;
   onClick?: () => void;
 }
 
 export const RenderItem = JSX<RenderItemProps>(({ isActive, item, onClick }) => {
   const isAnotherPortal = projectSettings?.BASE_PATH
-    ? !item.href?.startsWith(projectSettings?.BASE_PATH)
+    ? !item?.href?.startsWith(projectSettings?.BASE_PATH)
     : true;
 
   const link = useLink({ isRemote: isAnotherPortal });
@@ -22,7 +22,7 @@ export const RenderItem = JSX<RenderItemProps>(({ isActive, item, onClick }) =>
     target,
     onClick: handleClick,
   } = link({
-    href: item.href,
+    href: item?.href || '',
     target: '_self',
   });
   const isActiveItem = item?.icon?.icon === 'BurgerIcon' ? item.isActive : isActive;
@@ -45,7 +45,7 @@ export const RenderItem = JSX<RenderItemProps>(({ isActive, item, onClick }) =>
           iconVersion: iconVersion,
         }}
       />
-      {item.title}
+      {item?.title || ''}
     </a>
   );
 });

package/src/ui-kit/Img/ImgAsPicture.tsx

@@ -25,8 +25,8 @@ export const ImgAsPicture = JSX<ImageProps>(
                   srcSet={adjustSrc(router, pathPrefix)(src)}
                   type={formatToMimeType(format)}
                   media={media ? `(max-width: ${media}px)` : ''}
-                  width={image.size?.width}
-                  height={image.size?.height}
+                  width={image?.size?.width}
+                  height={image?.size?.height}
                 />
               ))
           : null}
@@ -42,14 +42,14 @@ const renderImg = (image: Picture, imageClassName = '') => (
   <img
     src={image.src}
     className={style('object-contain', imageClassName)}
-    alt={image.alt || image.title}
-    title={image.title || ''}
+    alt={image?.alt || image?.title || ''}
+    title={image?.title || ''}
     style={{
-      width: image.size?.width ? `${image.size?.width}px` : '100%',
-      height: image.size?.height ? `${image.size?.height}px` : 'auto',
+      width: image?.size?.width ? `${image.size?.width}px` : '100%',
+      height: image?.size?.height ? `${image.size?.height}px` : 'auto',
     }}
-    width={image.size?.width}
-    height={image.size?.height}
+    width={image?.size?.width}
+    height={image?.size?.height}
   />
 );
 

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

@@ -29,9 +29,11 @@ export const SlideCheckbox = JSX<SlideCheckboxProps>(
           )}
         />
       </div>
-      <Text size="text-l" font="font-light" color="text-primary-text">
-        {text}
-      </Text>
+      {text ? (
+        <Text size="text-l" font="font-light" color="text-primary-text">
+          {text}
+        </Text>
+      ) : null}
     </div>
   ),
 );

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

@@ -9,12 +9,12 @@ type SlideCheckboxGroupItem = {
 
 interface SlideCheckboxGroupProps extends ControlProps<string> {
   multiple: false;
-  items: SlideCheckboxGroupItem[];
+  items?: SlideCheckboxGroupItem[];
 }
 
 interface MultipleSlideCheckboxGroupProps extends ControlProps<string[]> {
   multiple: true;
-  items: SlideCheckboxGroupItem[];
+  items?: SlideCheckboxGroupItem[];
 }
 
 export const SlideCheckboxGroup = JSX<SlideCheckboxGroupProps | MultipleSlideCheckboxGroupProps>(
@@ -38,7 +38,7 @@ export const SlideCheckboxGroup = JSX<SlideCheckboxGroupProps | MultipleSlideChe
     return items.map((item) => (
       <SlideCheckbox
         key={item.value}
-        text={item.title}
+        text={item?.title}
         value={[value].flatMap((_) => _).includes(item.value)}
         onChange={() => handleChange(item.value)}
         type={multiple ? 'checkbox' : 'radio'}