@redneckz/wildless-cms-uni-blocks 0.3.94 → 0.3.96

package/src/hooks/useSafeDepositRental.ts

@@ -12,7 +12,11 @@ export function useSafeDepositRental(useAsyncData: AsyncDataHook) {
 
 async function fetchSafeDepositRental(): Promise<any | undefined> {
   try {
-    const response = await fetch(SAFE_DEPOSIT_RENTAL_URL);
+    const response = await fetch(SAFE_DEPOSIT_RENTAL_URL, {
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    });
 
     return await response.json();
   } catch (err) {

package/src/icons/IconName.ts

@@ -72,6 +72,7 @@ export enum IconMap {
   SignDocsIcon = 'SignDocsIcon',
   SmallClockIcon = 'SmallClockIcon',
   SoundIcon = 'SoundIcon',
+  StateMortgageIcon = 'StateMortgageIcon',
   TelegramIcon = 'TelegramIcon',
   UnionPayIcon = 'UnionPayIcon',
   UserTickIcon = 'UserTickIcon',
@@ -156,6 +157,7 @@ export enum IconTitleMap {
   SignDocsIcon = 'Подписанные документы',
   SmallClockIcon = 'Маленькие часы',
   SoundIcon = 'Звук',
+  StateMortgageIcon = 'StateMortgageIcon',
   TelegramIcon = 'Лого «Telegram»',
   UnionPayIcon = 'UnionPay',
   UserTickIcon = 'Пользователь',
@@ -173,7 +175,7 @@ export enum IconTitleMap {
  * @title Иконка
  * @enumNames [
  *   "",
- *   'Деньги', 'Самолет', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка', 'Стрелка вверх', 'Банкомат', 'Банк', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Кино', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'MasterCard', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'PackA4', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'Персональная карта', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'Лого «Telegram»', 'UnionPay', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт'
+ *   'Деньги', 'Самолет', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка', 'Стрелка вверх', 'Банкомат', 'Банк', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Кино', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'MasterCard', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'PackA4', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'Персональная карта', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'StateMortgageIcon', 'Лого «Telegram»', 'UnionPay', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт'
  * ]
  */
 export type IconName =
@@ -249,6 +251,7 @@ export type IconName =
   | 'SignDocsIcon'
   | 'SmallClockIcon'
   | 'SoundIcon'
+  | 'StateMortgageIcon'
   | 'TelegramIcon'
   | 'UnionPayIcon'
   | 'UserTickIcon'

package/src/icons/StateMortgageIcon.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 22h22M19.781 22.01v-4.46" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.802 10.89c-1.22 0-2.2.98-2.2 2.2v2.27c0 1.22.98 2.2 2.2 2.2 1.22 0 2.2-.98 2.2-2.2v-2.27c0-1.22-.98-2.2-2.2-2.2Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.102 6.02c0-2.01 1-3.02 2.99-3.02h6.23c1.99 0 2.98 1.01 2.98 3.02V22M2.102 22V10.01" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.8 8.25h4.95M5.8 12h4.95" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.25 22v-3.75" stroke="#000000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>

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

@@ -9,7 +9,7 @@ import type { ButtonProps, ButtonWithIconProps } from './ButtonProps';
 const buttonStyleMap: Record<ButtonVersion, string> = {
   primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
   secondary:
-    'text-primary-main bg-secondary-light hover:bg-secondary-hover active:bg-secondary-active',
+    'text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active',
   link: 'text-primary-main',
 };
 
@@ -67,7 +67,7 @@ export const Button = JSX<ButtonCommonProps>(
 
     return (
       <a
-        className={`${styleButton} inline-block cursor-pointer no-underline ${
+        className={`${styleButton} inline-block cursor-pointer no-underline focus:border focus:border-primary-focus ${
           buttonStyleMap[version] || ''
         } ${rounded ? 'rounded-full' : 'rounded-md'} ${className || ''}`}
         href={href}

package/src/ui-kit/Button/ButtonInner.tsx

@@ -14,7 +14,7 @@ export const ButtonInner = JSX<ButtonInnerProps>((props) => {
       {appendLeft ? appendLeft : null}
       {isWithText(props) ? (
         <div>
-          <div className="text-xs text-left">{aboveText}</div>
+          <div className="text-xs-light text-left">{aboveText}</div>
           <div className={`text-left ${aboveText ? 'text-s -mt-0.5' : 'text-l'}`}>{text}</div>
         </div>
       ) : null}

package/src/ui-kit/Button/ButtonProps.ts

@@ -23,6 +23,8 @@ export interface ButtonProps extends ButtonAdditionalProps, LinkProps {
    * @default Кнопка
    */
   text?: string;
+  /** @title Закругленные углы */
+  rounded?: boolean;
   version?: ButtonVersion;
 }
 
@@ -37,8 +39,6 @@ export interface ButtonWithIconProps extends ButtonProps {
   appendLeft?: VNode;
   /** @hidden */
   appendRight?: VNode;
-  /** @title Закругленные углы */
-  rounded?: boolean;
   /** @hidden */
   asSVG?: boolean;
 }

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

@@ -75,7 +75,7 @@ const renderBlocks = (
   { blocksToHide, isActive, containerClasses }: RenderBlocksParams,
 ) => {
   const visibleBlocks = blocks.slice(0, blocks.length - blocksToHide);
-  const hiddenBlocks = blocks.slice(-blocksToHide);
+  const hiddenBlocks = blocksToHide > 0 ? blocks.slice(-blocksToHide) : [];
 
   return render(
     <div>

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

@@ -4,7 +4,7 @@ import type { TopItemProps } from '../TopItem/TopItem';
 
 export type HeaderItemProps = TopItemProps;
 
-const TEXT_CLASSES = 'font-sans font-normal text-sm';
+const TEXT_CLASSES = 'font-sans text-s';
 const BORDER_CLASSES = 'absolute left-0 -bottom-3 w-full h-[2px]';
 
 export const HeaderItem = JSX<HeaderItemProps>(

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

@@ -3,6 +3,16 @@ import { ImgInner } from './ImgInner';
 
 import type { Image, ImageProps } from './ImgProps';
 
-export const Img = JSX<ImageProps<Image>>(({ className = '', image }) => {
-  return <ImgInner className={className} image={image} isMobile={true} />;
-});
+export const Img = JSX<ImageProps<Image>>(
+  ({ className = '', image, imageClassName, ...iconProps }) => {
+    return (
+      <ImgInner
+        className={className}
+        image={image}
+        imageClassName={imageClassName}
+        {...iconProps}
+        isMobile={true}
+      />
+    );
+  },
+);

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

@@ -12,7 +12,7 @@ const sourcesComparator = (a: Picture, b: Picture) => {
 
 export const ImgAsPicture = JSX<ImageProps<Picture>>(
   ({ className = '', image, imageClassName = '', isMobile = false }) => {
-    if (!image) {
+    if (!image || (!image?.sources && !image?.src)) {
       return null;
     }
 

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

@@ -52,7 +52,7 @@ export const InputRange = JSX<InputRangeProps>(
         </label>
         <div className="flex justify-between my-3">
           {items.map((item, i) => (
-            <span key={String(i)} className="text-sm leading-[14px] text-secondary-text pl-4">
+            <span key={String(i)} className="text-s leading-[14px] text-secondary-text pl-4">
               {item}
             </span>
           ))}

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

@@ -30,7 +30,7 @@ export const Logo = JSX<Partial<LogoProps>>(
       >
         <Img image={{ icon: 'Logo' }} className={`${SVG_COLOR[bgColor]} w-10 h-[38px]`} asSVG />
         {hideTitle ? null : (
-          <span className={`${TEXT_COLOR[bgColor]} text-sm font-medium ml-2.5`}>
+          <span className={`${TEXT_COLOR[bgColor]} text-s font-medium ml-2.5`}>
             {children || 'Россельхозбанк'}
           </span>
         )}

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

@@ -12,7 +12,7 @@ export const Radio = JSX<RadioProps>(({ name, text, value, checked, onChange, cl
         checked={checked}
         onChange={onChange}
       />
-      {text ? <span className="font-sans ml-3 text-m-base cursor-pointer">{text}</span> : null}
+      {text ? <span className="font-sans ml-3 cursor-pointer">{text}</span> : null}
     </label>
   </div>
 ));

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

@@ -12,10 +12,8 @@ export const SearchBarInner = JSX<SearchBarInnerProps>(
     const { term, setTerm } = context.useSearch();
 
     const LoupeIconClassName = isMobile ? 'w-[20px] h-[20px]' : 'w-[24px] h-[24px]';
-    const SearchBarLabelClassName = isMobile ? 'font-normal text-sm' : 'text-l-light';
-    const SearchBarInputClassName = isMobile
-      ? ' placeholder-transparent font-normal'
-      : 'font-light h-full';
+    const SearchBarLabelClassName = isMobile ? 'text-s' : 'text-l-light';
+    const SearchBarInputClassName = isMobile ? ' placeholder-transparent' : 'h-full';
     const inputPlaceholder = isMobile ? 'some search' : undefined;
 
     return (
@@ -63,7 +61,7 @@ export const SearchBarInner = JSX<SearchBarInnerProps>(
               console.log('click');
             }}
           >
-            <div className="font-normal text-sm px-9 py-[9px]">Найти</div>
+            <div className="text-s px-9 py-2.5">Найти</div>
           </Button>
         )}
       </form>

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

@@ -14,7 +14,7 @@ export const Tabs = JSX<TabsProps>(({ tabs, currentTabIndex, onTabClick }) => {
 });
 
 const tabDescriptionStyle = (isActive = false) =>
-  `font-light text-xs ${isActive ? '' : 'text-secondary-text'}`;
+  `text-xs-light ${isActive ? '' : 'text-secondary-text'}`;
 
 const renderTab =
   (currentTabIndex: number, onTabClick: TabClickHandler) => (tab: Tab, index: number) => {
@@ -32,7 +32,7 @@ const renderTab =
       >
         {tab?.icon ? renderIcon(tab, isActive) : null}
         <div>
-          {tab?.title ? <h3 className="font-medium m-0 text-base">{tab?.title}</h3> : null}
+          {tab?.title ? <h3 className="m-0 text-l font-medium">{tab?.title}</h3> : null}
           {tab?.description ? (
             <span className={tabDescriptionStyle(isActive)}>{tab?.description}</span>
           ) : null}

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

@@ -15,7 +15,7 @@ export interface TopItemProps extends TopItemContent {
   dataItemName?: string;
 }
 
-const TEXT_CLASSES = 'font-sans font-light text-sm';
+const TEXT_CLASSES = 'font-sans text-s-light';
 const LINK_CLASSES = 'inline-block border border-solid bg-transparent text-center no-underline';
 
 export const TopItem = JSX<TopItemProps>(