@redneckz/wildless-cms-uni-blocks 0.3.84 → 0.3.85

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

@@ -0,0 +1,60 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { ImgSource, Picture } from '../../model/Picture';
+import type { ImageProps } from './ImgProps';
+
+const sourcesComparator = (a: Picture, b: Picture) => {
+  if (a.media && b.media) {
+    return a.media - b.media;
+  }
+
+  return 0;
+};
+
+export const ImgAsPicture = JSX<ImageProps<Picture>>(
+  ({ className = '', image, imageClassName = '', isMobile = false }) => {
+    if (!image) {
+      return null;
+    }
+
+    const pictureStyles = isMobile ? 'flex' : 'flex-none';
+
+    return (
+      <picture className={`${pictureStyles} ${className}`}>
+        {image?.sources?.length
+          ? image.sources
+              .sort(sourcesComparator)
+              .map(({ src, format, media, size }, index) => (
+                <source
+                  key={`${index}_${src}`}
+                  srcSet={src}
+                  type={formatToMimeType(format)}
+                  media={media ? `(max-width: ${media}px)` : ''}
+                  {...size}
+                />
+              ))
+          : null}
+        {renderImg(image, imageClassName, isMobile)}
+      </picture>
+    );
+  },
+);
+
+const renderImg = (image: Picture, imageClassName = '', isMobile = false) => {
+  const title = image.title || '';
+  const alt = image.alt || image.title;
+  const imgStyle = isMobile ? 'm-auto' : 'm-0';
+
+  return (
+    <img
+      src={image.src}
+      className={`${imgStyle} ${imageClassName}`}
+      alt={alt}
+      title={title}
+      {...image.size}
+    />
+  );
+};
+
+export function formatToMimeType(format: ImgSource['format']): string | undefined {
+  return format ? `image/${String(format)}` : undefined;
+}

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

@@ -0,0 +1,37 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { Picture } from '../../model/Picture';
+import { Icon } from '../Icon/Icon';
+import { getIconVersion } from './getIconVersion';
+import { ImgAsPicture } from './ImgAsPicture';
+import type { Image, ImageProps } from './ImgProps';
+
+export const ImgInner = JSX<ImageProps<Image>>(
+  ({ className = '', image, imageClassName = '', isMobile, ...iconProps }) => {
+    if (!image) {
+      return null;
+    }
+
+    // backwards compatibility with existing icons in usage
+    const icon = typeof image === 'string' ? image : image.icon;
+    if (icon || icon === '') {
+      return icon.length ? (
+        <Icon
+          className={className}
+          imageClassName={imageClassName}
+          iconVersion={getIconVersion(image)}
+          name={icon}
+          {...iconProps}
+        />
+      ) : null;
+    }
+
+    return (
+      <ImgAsPicture
+        className={className}
+        imageClassName={imageClassName}
+        image={image as Picture}
+        isMobile={isMobile}
+      />
+    );
+  },
+);

package/src/ui-kit/Img/ImgProps.ts

@@ -9,4 +9,5 @@ export interface ImageContent<T = Picture> {
 export interface ImageProps<T> extends ImageContent<T>, IconCompatibilityFields {
   className?: string;
   imageClassName?: string;
+  isMobile?: boolean;
 }

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

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { BgColorVersion } from '../../model/BgColorVersion';
-import { SVG } from '../SVG';
+import { Img } from '../Img/Img';
 
 export interface LogoProps {
   className: string;
@@ -10,13 +10,6 @@ export interface LogoProps {
   hideTitle?: boolean;
 }
 
-const LOGO_PATHS = [
-  'm13.72 25.51 4.42-4.33v-2.95l-4.42 4.32v2.96Zm0-10.98 4.42-4.35V7.41l-4.42 4.31v2.8Zm0 3.63 4.42-4.33v-2.78l-4.42 4.32v2.8ZM12.46 7.44l-.6-.56V0h-.66v6.22l-.58-.57V0h-.67v5l-.59-.58V0H8.7v6.56l4.44 4.33V0h-.67v7.44Zm1.26 14.35 4.42-4.33v-2.78L13.72 19v2.8Zm-5.03-.61 4.44 4.33v-2.96l-4.44-4.32v2.95Zm8.79-16.76-.59.58V0h-.66v5.66l-.6.56V0h-.66v6.87l-.58.57V0h-.67v10.9l4.42-4.34V0h-.66v4.42Zm-8.79 5.76 4.44 4.35v-2.8L8.69 7.4v2.77Zm0 3.65 4.44 4.33v-2.8l-4.44-4.3v2.77Zm0 3.63 4.44 4.33V19l-4.44-4.31v2.78Zm26.37 2.29H24.3a2.25 2.25 0 0 0 .36-1.22 2.32 2.32 0 0 0-2.33-2.31 2.32 2.32 0 0 0-2.31 2.31c0 .5.16.96.43 1.34a.74.74 0 0 0-.33.61c0 .26.14.49.33.62a2.32 2.32 0 0 0-.43 1.34 2.31 2.31 0 0 0 2.31 2.31 2.32 2.32 0 0 0 2.33-2.31c0-.45-.13-.87-.36-1.22h8.01v.49h-.8v.68h.8v.7h-.8v1.3h.8v-.58h1.17v.58h.79v-1.3h-.79v-.7h.79v-.68h-.79v-.5h1.58a.56.56 0 0 0 .56-.56v-.34a.57.57 0 0 0-.56-.56Zm-11.53 2.7a1.2 1.2 0 0 1-2.4 0c0-.24.08-.47.2-.66l.34-.56a.97.97 0 0 1-.34-.75c0-.3.13-.56.33-.74l-.32-.56a1.13 1.13 0 0 1-.2-.66 1.2 1.2 0 0 1 2.4 0c0 .49-.56 1.65-.56 1.65v.62c-.01.01.55 1.17.55 1.66ZM4.67 18.34v2.89c0 2.75 1.2 4.53 1.9 5.21l4.58 4.5c1.28 1.25 1.5 1.66 1.79 2.37v-3.2c0-2.84-1.44-3.94-2.19-4.67-1.73-1.68-2.89-2.8-3.82-3.73a8.98 8.98 0 0 1-2.26-3.37Zm6.08 14.24c-1.73-1.7-2.89-2.8-3.82-3.73a10 10 0 0 1-2.25-2.98v2.49a7.87 7.87 0 0 0 1.89 5.24l4.58 4.47c1.28 1.25 1.5 1.85 1.79 2.55v-3.37c0-2.85-1.45-3.95-2.19-4.67Z',
-  'M19.88 5.34c-.32 0-.64 0-.96.02V6.7a18.5 18.5 0 1 1 .95 36.94A18.5 18.5 0 0 1 1.35 25.17c0-5.67 2.55-10.73 6.58-14.13V9.32A19.78 19.78 0 0 0 0 25.17C0 36.12 8.9 45 19.88 45a19.85 19.85 0 0 0 19.86-19.83c0-10.95-8.9-19.83-19.87-19.83Z',
-  'M33.93 35.53c.3-.41.6-.85.87-1.3v-2.66h-.87v3.96Zm2.54-4.92c.12-.4.24-.78.34-1.16h-2.88v.7h.43c.77-.02 1.63-.03 2.11.46Zm-19.19-1.27h-.78v7.91h.78v-7.9Z',
-  'M14.7 27.83h2.58c.67 0 1.14.14 1.4.4.27.25.4.72.4 1.38v7.4c0 .66-.12 1.12-.4 1.38-.4.41-1.16.41-1.78.41l-.4-.01v3.5l.78.14v-2.88c1.2 0 1.97-.4 2.34-1.22v4.29h.26l.5-.01V29.74c0-.68.13-1.16.4-1.43.25-.27.72-.4 1.37-.4.67 0 1.65-.1 2.16.4.26.27.38.76.38 1.43v3.8h-1.77v-4.06h-.77v12.99c.26-.03.5-.07.77-.12V34.3h1.77v7.64c.36-.1.72-.21 1.08-.34v-7c0-.8.19-1.4 1-1.67l-.9-4.87h1.8l.3 5.31h.22l.3-5.31h1.88l-1.01 4.87c.84.3 1.01.81 1.01 1.66v4.53a16.63 16.63 0 0 0 1.5-1.27v-9.83h5.25l.1-.72H24.93l.17.89c-.38-.72-1.12-1.08-2.2-1.08h-.77c-1.3 0-2.1.52-2.4 1.55-.27-1.08-1.1-1.62-2.46-1.62h-3.36v14.52c.26.09.52.18.78.25V27.84Zm16.29 5.58-.85-.8.85-4.37v5.17Z',
-  'M27.66 40.79c.27-.14.55-.28.8-.43v-5.98h-.8v6.4Z',
-];
 const SVG_COLOR: Record<BgColorVersion, string> = {
   'bg-white': 'text-primary-main',
   transparent: 'text-white',
@@ -35,11 +28,7 @@ export const Logo = JSX<Partial<LogoProps>>(
         target={targetBlank ? '_blank' : '_self'}
         aria-label="Россельхозбанк"
       >
-        <SVG
-          className={`${SVG_COLOR[bgColor]} w-10 h-[38px]`}
-          viewBox="0 0 40 45"
-          paths={LOGO_PATHS.map((d) => ({ d }))}
-        />
+        <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`}>
             {children || 'Россельхозбанк'}

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

@@ -2,7 +2,6 @@ import { JSX } from '@redneckz/uni-jsx';
 import { BgColorVersion } from '../../model/BgColorVersion';
 import type { Picture } from '../../model/Picture';
 import { Img } from '../Img/Img';
-import { SVG } from '../SVG';
 
 export interface LogoProps {
   className: string;
@@ -16,13 +15,6 @@ export interface LogoProps {
   };
 }
 
-const LOGO_PATHS = [
-  'm13.72 25.51 4.42-4.33v-2.95l-4.42 4.32v2.96Zm0-10.98 4.42-4.35V7.41l-4.42 4.31v2.8Zm0 3.63 4.42-4.33v-2.78l-4.42 4.32v2.8ZM12.46 7.44l-.6-.56V0h-.66v6.22l-.58-.57V0h-.67v5l-.59-.58V0H8.7v6.56l4.44 4.33V0h-.67v7.44Zm1.26 14.35 4.42-4.33v-2.78L13.72 19v2.8Zm-5.03-.61 4.44 4.33v-2.96l-4.44-4.32v2.95Zm8.79-16.76-.59.58V0h-.66v5.66l-.6.56V0h-.66v6.87l-.58.57V0h-.67v10.9l4.42-4.34V0h-.66v4.42Zm-8.79 5.76 4.44 4.35v-2.8L8.69 7.4v2.77Zm0 3.65 4.44 4.33v-2.8l-4.44-4.3v2.77Zm0 3.63 4.44 4.33V19l-4.44-4.31v2.78Zm26.37 2.29H24.3a2.25 2.25 0 0 0 .36-1.22 2.32 2.32 0 0 0-2.33-2.31 2.32 2.32 0 0 0-2.31 2.31c0 .5.16.96.43 1.34a.74.74 0 0 0-.33.61c0 .26.14.49.33.62a2.32 2.32 0 0 0-.43 1.34 2.31 2.31 0 0 0 2.31 2.31 2.32 2.32 0 0 0 2.33-2.31c0-.45-.13-.87-.36-1.22h8.01v.49h-.8v.68h.8v.7h-.8v1.3h.8v-.58h1.17v.58h.79v-1.3h-.79v-.7h.79v-.68h-.79v-.5h1.58a.56.56 0 0 0 .56-.56v-.34a.57.57 0 0 0-.56-.56Zm-11.53 2.7a1.2 1.2 0 0 1-2.4 0c0-.24.08-.47.2-.66l.34-.56a.97.97 0 0 1-.34-.75c0-.3.13-.56.33-.74l-.32-.56a1.13 1.13 0 0 1-.2-.66 1.2 1.2 0 0 1 2.4 0c0 .49-.56 1.65-.56 1.65v.62c-.01.01.55 1.17.55 1.66ZM4.67 18.34v2.89c0 2.75 1.2 4.53 1.9 5.21l4.58 4.5c1.28 1.25 1.5 1.66 1.79 2.37v-3.2c0-2.84-1.44-3.94-2.19-4.67-1.73-1.68-2.89-2.8-3.82-3.73a8.98 8.98 0 0 1-2.26-3.37Zm6.08 14.24c-1.73-1.7-2.89-2.8-3.82-3.73a10 10 0 0 1-2.25-2.98v2.49a7.87 7.87 0 0 0 1.89 5.24l4.58 4.47c1.28 1.25 1.5 1.85 1.79 2.55v-3.37c0-2.85-1.45-3.95-2.19-4.67Z',
-  'M19.88 5.34c-.32 0-.64 0-.96.02V6.7a18.5 18.5 0 1 1 .95 36.94A18.5 18.5 0 0 1 1.35 25.17c0-5.67 2.55-10.73 6.58-14.13V9.32A19.78 19.78 0 0 0 0 25.17C0 36.12 8.9 45 19.88 45a19.85 19.85 0 0 0 19.86-19.83c0-10.95-8.9-19.83-19.87-19.83Z',
-  'M33.93 35.53c.3-.41.6-.85.87-1.3v-2.66h-.87v3.96Zm2.54-4.92c.12-.4.24-.78.34-1.16h-2.88v.7h.43c.77-.02 1.63-.03 2.11.46Zm-19.19-1.27h-.78v7.91h.78v-7.9Z',
-  'M14.7 27.83h2.58c.67 0 1.14.14 1.4.4.27.25.4.72.4 1.38v7.4c0 .66-.12 1.12-.4 1.38-.4.41-1.16.41-1.78.41l-.4-.01v3.5l.78.14v-2.88c1.2 0 1.97-.4 2.34-1.22v4.29h.26l.5-.01V29.74c0-.68.13-1.16.4-1.43.25-.27.72-.4 1.37-.4.67 0 1.65-.1 2.16.4.26.27.38.76.38 1.43v3.8h-1.77v-4.06h-.77v12.99c.26-.03.5-.07.77-.12V34.3h1.77v7.64c.36-.1.72-.21 1.08-.34v-7c0-.8.19-1.4 1-1.67l-.9-4.87h1.8l.3 5.31h.22l.3-5.31h1.88l-1.01 4.87c.84.3 1.01.81 1.01 1.66v4.53a16.63 16.63 0 0 0 1.5-1.27v-9.83h5.25l.1-.72H24.93l.17.89c-.38-.72-1.12-1.08-2.2-1.08h-.77c-1.3 0-2.1.52-2.4 1.55-.27-1.08-1.1-1.62-2.46-1.62h-3.36v14.52c.26.09.52.18.78.25V27.84Zm16.29 5.58-.85-.8.85-4.37v5.17Z',
-  'M27.66 40.79c.27-.14.55-.28.8-.43v-5.98h-.8v6.4Z',
-];
 const SVG_COLOR: Record<BgColorVersion, string> = {
   'bg-white': 'text-primary-main',
   transparent: 'text-white',
@@ -52,10 +44,12 @@ export const Logo = JSX<Partial<LogoProps>>(
         {logo?.image?.src ? (
           <Img image={logo.image} className={SVG_COLOR[bgColor]} width="40" height="45" asSVG />
         ) : (
-          <SVG
+          <Img
+            image={{ icon: 'Logo' }}
             className={`${SVG_COLOR[bgColor]} w-10`}
-            viewBox="0 0 40 45"
-            paths={LOGO_PATHS.map((d) => ({ d }))}
+            width="40"
+            height="45"
+            asSVG
           />
         )}
         {hideTitle ? null : renderTitle(children, bgColor, logo?.title)}

package/src/ui-kit/RadioButtonGroup/RadioButtonGroup.fixture.tsx

@@ -0,0 +1,26 @@
+import { context } from '../../react/setup-fixture';
+import { RadioButtonGroup } from './RadioButtonGroup';
+
+const items = [
+  {
+    id: '1',
+    text: 'Аннуитетный',
+  },
+  {
+    id: '2',
+    text: 'Дифференцированный',
+  },
+];
+
+export default {
+  default: (
+    <div>
+      <RadioButtonGroup
+        context={context}
+        items={items}
+        checkedItem={'Аннуитетный'}
+        onChangeCheckedItem={(text) => console.log('Выбран пункт меню: ', text)}
+      />
+    </div>
+  ),
+};

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

@@ -0,0 +1,32 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { UniBlockProps } from '../../types';
+import { Checkbox } from '../Checkbox/Checkbox';
+
+interface RadioButtonItem {
+  id: string;
+  text: string;
+}
+
+interface RadioButtonGroupProps extends UniBlockProps {
+  items: RadioButtonItem[];
+  checkedItem?: string;
+  onChangeCheckedItem: (id: string) => void;
+}
+
+export const RadioButtonGroup = JSX<RadioButtonGroupProps>(
+  ({ items, checkedItem, onChangeCheckedItem }) => {
+    return (
+      <div>
+        {items?.map(({ id, text }) => (
+          <Checkbox
+            key={id}
+            isRadio
+            text={text}
+            checked={checkedItem === id}
+            onChange={() => onChangeCheckedItem(id)}
+          />
+        ))}
+      </div>
+    );
+  },
+);

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

@@ -1,45 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../types';
-import { Img } from '../Img/Img';
+import { SearchBarInner } from './SearchBarInner';
 
-export const SearchBar = JSX<UniBlockProps>(({ className, context }) => {
-  const { term, setTerm } = context.useSearch();
-
-  return (
-    <form className={`relative ${className || ''}`}>
-      <div className="absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none">
-        <div className="w-[20px] h-[20px]">
-          <Img image="LoupeIcon" width="24" height="24" />
-        </div>
-        {term ? null : (
-          <label
-            htmlFor="search-bar-input"
-            className="font-sans font-normal text-sm text-secondary-text"
-          >
-            Поиск по сайту
-          </label>
-        )}
-      </div>
-      <input
-        id="search-bar-input"
-        className={
-          'h-12 pl-12 w-full peer placeholder-transparent font-sans font-normal text-base text-black border border-solid rounded box-border outline-none pr-[6%] border-main-divider focus:border-primary-text'
-        }
-        value={term}
-        onChange={(e) => setTerm(e.target.value)}
-        type="text"
-        name="search-bar-input"
-        placeholder="some search"
-      />
-      <button
-        className="visible peer-placeholder-shown:invisible absolute top-2 right-3 w-6 h-6 p-1 bg-transparent cursor-pointer border-none"
-        onClick={(e) => {
-          e.preventDefault();
-          setTerm('');
-        }}
-      >
-        <Img image="CloseIcon" width="24" height="24" />
-      </button>
-    </form>
-  );
+export const SearchBar = JSX<UniBlockProps>(({ className = '', context }) => {
+  return <SearchBarInner context={context} className={className} isMobile={true} />;
 });

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

@@ -1,47 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../types';
-import { Button } from '../Button/Button';
-import { Img } from '../Img/Img';
+import { SearchBarInner } from './SearchBarInner';
 
-export const SearchBar = JSX<UniBlockProps>(({ className, context }) => {
-  const { term, setTerm } = context.useSearch();
-
-  return (
-    <form className={`relative ${className || ''}`}>
-      <div className="absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none">
-        <div className="w-[24px] h-[24px]">
-          <Img image="LoupeIcon" width="24" height="24" />
-        </div>
-        {term ? null : (
-          <label
-            htmlFor="search-bar-input"
-            className="font-sans font-light text-base text-secondary-text"
-          >
-            Поиск по сайту
-          </label>
-        )}
-      </div>
-      <input
-        id="search-bar-input"
-        className={
-          'h-12 pl-12 w-full peer font-sans font-light text-base text-black border border-solid rounded h-full box-border outline-none pr-[6%] border-main-divider focus:border-primary-text'
-        }
-        value={term}
-        onChange={(e) => setTerm(e.target.value)}
-        type="text"
-        name="search-bar-input"
-      />
-      <Button
-        version="primary"
-        text="Найти"
-        className="invisible peer-focus:visible absolute top-1 right-1"
-        onClick={(e) => {
-          e.preventDefault();
-          console.log('click');
-        }}
-      >
-        <div className="font-normal text-sm px-9 py-[9px]">Найти</div>
-      </Button>
-    </form>
-  );
+export const SearchBar = JSX<UniBlockProps>(({ className = '', context }) => {
+  return <SearchBarInner context={context} className={className} />;
 });

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

@@ -0,0 +1,72 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { UniBlockProps } from '../../types';
+import { Button } from '../Button/Button';
+import { Img } from '../Img/Img';
+
+export interface SearchBarInnerProps extends UniBlockProps {
+  isMobile?: boolean;
+}
+
+export const SearchBarInner = JSX<SearchBarInnerProps>(
+  ({ className, context, isMobile = false }) => {
+    const { term, setTerm } = context.useSearch();
+
+    const LoupeIconClassName = isMobile ? 'w-[20px] h-[20px]' : 'w-[24px] h-[24px]';
+    const SearchBarLabelClassName = isMobile ? 'font-normal text-sm' : 'font-light text-base';
+    const SearchBarInputClassName = isMobile
+      ? ' placeholder-transparent font-normal'
+      : 'font-light h-full';
+    const inputPlaceholder = isMobile ? 'some search' : null;
+
+    return (
+      <form className={`font-sans relative ${className}`}>
+        <div className="absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none">
+          <div className={LoupeIconClassName}>
+            <Img image="LoupeIcon" width="24" height="24" />
+          </div>
+          {term ? null : (
+            <label
+              htmlFor="search-bar-input"
+              className={`text-secondary-text ${SearchBarLabelClassName}`}
+            >
+              Поиск по сайту
+            </label>
+          )}
+        </div>
+        <input
+          id="search-bar-input"
+          className={`h-12 pl-12 w-full peer text-base text-black border border-solid rounded box-border
+              outline-none pr-[6%] border-main-divider focus:border-primary-text ${SearchBarInputClassName}`}
+          value={term}
+          onChange={(e) => setTerm(e.target.value)}
+          type="text"
+          name="search-bar-input"
+          placeholder={inputPlaceholder}
+        />
+        {isMobile ? (
+          <button
+            className="visible peer-placeholder-shown:invisible absolute top-2 right-3 w-6 h-6 p-1 bg-transparent cursor-pointer border-none"
+            onClick={(e) => {
+              e.preventDefault();
+              setTerm('');
+            }}
+          >
+            <Img image="CloseIcon" width="24" height="24" />
+          </button>
+        ) : (
+          <Button
+            version="primary"
+            text="Найти"
+            className="invisible peer-focus:visible absolute top-1 right-1"
+            onClick={(e) => {
+              e.preventDefault();
+              console.log('click');
+            }}
+          >
+            <div className="font-normal text-sm px-9 py-[9px]">Найти</div>
+          </Button>
+        )}
+      </form>
+    );
+  },
+);

package/dist/components/Calculator/getCalculatorParams.d.ts

@@ -1,7 +0,0 @@
-import type { CalculatorParams } from './CalculatorContent';
-interface GetCalculatorParamsParams {
-    tableRows?: CalculatorParams[];
-    isAnnuity?: boolean;
-}
-export declare const getCalculatorParams: (params: GetCalculatorParamsParams) => CalculatorParams;
-export {};

package/dist/components/Calculator/getCalculatorParams.js

@@ -1,12 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCalculatorParams = void 0;
-const getCalculatorParams = (params) => {
-    const { tableRows, isAnnuity = false } = params;
-    if (!tableRows) {
-        return {};
-    }
-    const calculatorParams = tableRows.find((row) => row.isAnnuity === isAnnuity);
-    return calculatorParams || {};
-};
-exports.getCalculatorParams = getCalculatorParams;
-//# sourceMappingURL=getCalculatorParams.js.map

package/dist/components/Calculator/getCalculatorParams.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getCalculatorParams.js","sourceRoot":"","sources":["../../../src/components/Calculator/getCalculatorParams.ts"],"names":[],"mappings":";;AAOO,MAAM,mBAAmB,GAAG,CAAC,MAAiC,EAAE,EAAE;IACvE,MAAM,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,MAAM,CAAC;IAEhD,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,EAAE,CAAC;KACX;IAED,MAAM,gBAAgB,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC;IAE9E,OAAO,gBAAgB,IAAI,EAAE,CAAC;AAChC,CAAC,CAAC;AAVW,QAAA,mBAAmB,uBAU9B"}

package/dist/components/Calculator/renderRate.d.ts

@@ -1,8 +0,0 @@
-declare type rateType = {
-    rate: number;
-    title?: string;
-    sup?: string;
-    className?: string;
-};
-export declare function renderRate({ rate, title, sup, className }: rateType): any;
-export {};

package/dist/components/Calculator/renderRate.js

@@ -1,9 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderRate = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-function renderRate({ rate, title, sup, className = '' }) {
-    const rateFormat = String(rate).replace('.', ',');
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-sm font-light ml-3", children: title }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-start", children: [(0, jsx_runtime_1.jsx)("span", { className: `calc-rate-text font-mohave text-title-huge pr-4 mt-[-16px] ${className}`, children: rateFormat }), sup ? (0, jsx_runtime_1.jsx)("span", { className: "calc-rate-text text-[65px] leading-[75px]", children: sup }) : ''] })] }));
-}
-exports.renderRate = renderRate;
-//# sourceMappingURL=renderRate.js.map

package/dist/components/Calculator/renderRate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderRate.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderRate.tsx"],"names":[],"mappings":";;;AAOA,SAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,GAAG,EAAE,EAAY;IACvE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAElD,OAAO,CACL,4CACE,gCAAK,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAO,EACtD,iCAAK,SAAS,EAAC,oBAAoB,aACjC,iCAAM,SAAS,EAAE,8DAA8D,SAAS,EAAE,YACvF,UAAU,GACN,EACN,GAAG,CAAC,CAAC,CAAC,iCAAM,SAAS,EAAC,2CAA2C,YAAE,GAAG,GAAQ,CAAC,CAAC,CAAC,EAAE,IAChF,IACF,CACP,CAAC;AACJ,CAAC;AAdD,gCAcC"}

package/dist/components/ProductGallery/ProductGalleryBlock.mobile.d.ts

@@ -1,8 +0,0 @@
-import { HeadingType } from '../../ui-kit/Heading/HeadingContent';
-import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
-import type { UniBlockProps } from '../../types';
-export interface ProductGalleryBlockProps extends UniBlockProps {
-    headingType?: HeadingType;
-    block?: ProductBlockInnerContent;
-}
-export declare const ProductGalleryBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<ProductGalleryBlockProps, any>, context?: any) => any;

package/dist/components/ProductGallery/ProductGalleryBlock.mobile.js

@@ -1,14 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProductGalleryBlock = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const ProductBlockInner_1 = require("../ProductBlock/ProductBlockInner");
-const productGalleryStyleMap = {
-    primary: 'bg-white text-primary-text',
-    secondary: 'bg-primary-main text-white',
-};
-exports.ProductGalleryBlock = (0, uni_jsx_1.JSX)(({ block, headingType, context, className = '' }) => {
-    const version = block?.version ?? 'primary';
-    return ((0, jsx_runtime_1.jsx)("section", { className: `flex grow-0 shrink-0 basis-full px-4 pt-6 ${productGalleryStyleMap[version]} ${className}`, children: (0, jsx_runtime_1.jsx)("div", { className: "flex grow", children: (0, jsx_runtime_1.jsx)(ProductBlockInner_1.ProductBlockInner, { context: context, headingType: headingType || 'h2', ...block }) }) }));
-});
-//# sourceMappingURL=ProductGalleryBlock.mobile.js.map

package/dist/components/ProductGallery/ProductGalleryBlock.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductGalleryBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/ProductGallery/ProductGalleryBlock.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,yEAAsE;AAKtE,MAAM,sBAAsB,GAAiC;IAC3D,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC;AAOW,QAAA,mBAAmB,GAAG,IAAA,aAAG,EACpC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE;IAClD,MAAM,OAAO,GAAG,KAAK,EAAE,OAAO,IAAI,SAAS,CAAC;IAE5C,OAAO,CACL,oCACE,SAAS,EAAE,6CAA6C,sBAAsB,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,YAEtG,gCAAK,SAAS,EAAC,WAAW,YACxB,uBAAC,qCAAiB,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,IAAI,IAAI,KAAM,KAAK,GAAI,GAChF,GACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/hooks/useCreditCalculatorData.d.ts

@@ -1,2 +0,0 @@
-import type { AsyncDataHook } from '../components/ContentPage/ContentPageContext';
-export declare function useCreditCalculatorData(useAsyncData: AsyncDataHook, directoryName: string | undefined): any;

package/dist/hooks/useCreditCalculatorData.js

@@ -1,15 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCreditCalculatorData = void 0;
-function useCreditCalculatorData(useAsyncData, directoryName) {
-    const { data } = useAsyncData(creditCalculatorUrl(directoryName), fetchCreditCalculatorData);
-    return data || {};
-}
-exports.useCreditCalculatorData = useCreditCalculatorData;
-async function fetchCreditCalculatorData(url) {
-    const response = await fetch(url);
-    return await response.json();
-}
-function creditCalculatorUrl(directoryName) {
-    return `/wcms-resources/${directoryName || 'credit-calculator-data'}.json`;
-}
-//# sourceMappingURL=useCreditCalculatorData.js.map

package/dist/hooks/useCreditCalculatorData.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCreditCalculatorData.js","sourceRoot":"","sources":["../../src/hooks/useCreditCalculatorData.ts"],"names":[],"mappings":";;AAEA,SAAgB,uBAAuB,CACrC,YAA2B,EAC3B,aAAiC;IAEjC,MAAM,EAAE,IAAI,EAAE,GAAG,YAAY,CAAC,mBAAmB,CAAC,aAAa,CAAC,EAAE,yBAAyB,CAAC,CAAC;IAE7F,OAAO,IAAI,IAAI,EAAE,CAAC;AACpB,CAAC;AAPD,0DAOC;AAED,KAAK,UAAU,yBAAyB,CAAC,GAAW;IAClD,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;IAElC,OAAO,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;AAC/B,CAAC;AAED,SAAS,mBAAmB,CAAC,aAAiC;IAC5D,OAAO,mBAAmB,aAAa,IAAI,wBAAwB,OAAO,CAAC;AAC7E,CAAC"}

package/dist/ui-kit/SearchBar.mobile.d.ts

@@ -1,2 +0,0 @@
-import type { UniBlockProps } from '../types';
-export declare const SearchBar: (props: import("@redneckz/uni-jsx").PropsWithChildren<UniBlockProps, any>, context?: any) => any;

package/dist/ui-kit/SearchBar.mobile.js

@@ -1,14 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchBar = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const Button_1 = require("./Button/Button");
-const Img_1 = require("./Img/Img");
-exports.SearchBar = (0, uni_jsx_1.JSX)(({ className, context }) => {
-    const { term, setTerm } = context.useSearch();
-    return ((0, jsx_runtime_1.jsxs)("form", { className: `relative ${className || ''}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-[20px] h-[20px]", children: (0, jsx_runtime_1.jsx)(Img_1.Img, { image: "LoupeIcon", width: "24", height: "24" }) }), term ? null : ((0, jsx_runtime_1.jsx)("label", { htmlFor: "search-bar-input", className: "font-sans font-normal text-sm text-secondary-text", children: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443" }))] }), (0, jsx_runtime_1.jsx)("input", { id: "search-bar-input", className: "pl-12 w-full peer font-sans font-normal text-base text-black border border-solid rounded h-full box-border outline-none pr-[6%] border-main-divider focus:border-primary-text", value: term, onChange: (e) => setTerm(e.target.value), type: "text", name: "search-bar-input" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { version: "primary", text: "\u041D\u0430\u0439\u0442\u0438", className: "invisible peer-focus:visible absolute top-1 right-1", onClick: (e) => {
-                    e.preventDefault();
-                    console.log('click');
-                }, children: (0, jsx_runtime_1.jsx)("div", { className: "font-normal text-sm px-9 py-[9px]", children: "\u041D\u0430\u0439\u0442\u0438" }) })] }));
-});
-//# sourceMappingURL=SearchBar.mobile.js.map

package/dist/ui-kit/SearchBar.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchBar.mobile.js","sourceRoot":"","sources":["../../src/ui-kit/SearchBar.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,4CAAyC;AACzC,mCAAgC;AAEnB,QAAA,SAAS,GAAG,IAAA,aAAG,EAAgB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IACrE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IAE9C,OAAO,CACL,kCAAM,SAAS,EAAE,YAAY,SAAS,IAAI,EAAE,EAAE,aAC5C,iCAAK,SAAS,EAAC,yGAAyG,aACtH,gCAAK,SAAS,EAAC,mBAAmB,YAChC,uBAAC,SAAG,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GAC5C,EACL,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACb,kCACE,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAC,mDAAmD,2FAGvD,CACT,IACG,EACN,kCACE,EAAE,EAAC,kBAAkB,EACrB,SAAS,EAAC,+KAA+K,EACzL,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACxC,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,kBAAkB,GACvB,EACF,uBAAC,eAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,gCAAO,EACZ,SAAS,EAAC,qDAAqD,EAC/D,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;gBACvB,CAAC,YAED,gCAAK,SAAS,EAAC,mCAAmC,+CAAY,GACvD,IACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/components/Calculator/getCalculatorParams.d.ts

@@ -1,7 +0,0 @@
-import type { CalculatorParams } from './CalculatorContent';
-interface GetCalculatorParamsParams {
-    tableRows?: CalculatorParams[];
-    isAnnuity?: boolean;
-}
-export declare const getCalculatorParams: (params: GetCalculatorParamsParams) => CalculatorParams;
-export {};

package/lib/components/Calculator/getCalculatorParams.js

@@ -1,9 +0,0 @@
-export const getCalculatorParams = (params) => {
-    const { tableRows, isAnnuity = false } = params;
-    if (!tableRows) {
-        return {};
-    }
-    const calculatorParams = tableRows.find((row) => row.isAnnuity === isAnnuity);
-    return calculatorParams || {};
-};
-//# sourceMappingURL=getCalculatorParams.js.map

package/lib/components/Calculator/getCalculatorParams.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getCalculatorParams.js","sourceRoot":"","sources":["../../../src/components/Calculator/getCalculatorParams.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,MAAiC,EAAE,EAAE;IACvE,MAAM,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,MAAM,CAAC;IAEhD,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,EAAE,CAAC;KACX;IAED,MAAM,gBAAgB,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC;IAE9E,OAAO,gBAAgB,IAAI,EAAE,CAAC;AAChC,CAAC,CAAC"}

package/lib/components/Calculator/renderRate.d.ts

@@ -1,8 +0,0 @@
-declare type rateType = {
-    rate: number;
-    title?: string;
-    sup?: string;
-    className?: string;
-};
-export declare function renderRate({ rate, title, sup, className }: rateType): any;
-export {};

package/lib/components/Calculator/renderRate.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
-export function renderRate({ rate, title, sup, className = '' }) {
-    const rateFormat = String(rate).replace('.', ',');
-    return (_jsxs("div", { children: [_jsx("div", { className: "text-sm font-light ml-3", children: title }), _jsxs("div", { className: "flex justify-start", children: [_jsx("span", { className: `calc-rate-text font-mohave text-title-huge pr-4 mt-[-16px] ${className}`, children: rateFormat }), sup ? _jsx("span", { className: "calc-rate-text text-[65px] leading-[75px]", children: sup }) : ''] })] }));
-}
-//# sourceMappingURL=renderRate.js.map

package/lib/components/Calculator/renderRate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderRate.js","sourceRoot":"","sources":["../../../src/components/Calculator/renderRate.tsx"],"names":[],"mappings":";AAOA,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,GAAG,EAAE,EAAY;IACvE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAElD,OAAO,CACL,0BACE,cAAK,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAO,EACtD,eAAK,SAAS,EAAC,oBAAoB,aACjC,eAAM,SAAS,EAAE,8DAA8D,SAAS,EAAE,YACvF,UAAU,GACN,EACN,GAAG,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,2CAA2C,YAAE,GAAG,GAAQ,CAAC,CAAC,CAAC,EAAE,IAChF,IACF,CACP,CAAC;AACJ,CAAC"}

package/lib/components/ProductGallery/ProductGalleryBlock.mobile.d.ts

@@ -1,8 +0,0 @@
-import { HeadingType } from '../../ui-kit/Heading/HeadingContent';
-import type { ProductBlockInnerContent } from '../ProductBlock/ProductBlockContent';
-import type { UniBlockProps } from '../../types';
-export interface ProductGalleryBlockProps extends UniBlockProps {
-    headingType?: HeadingType;
-    block?: ProductBlockInnerContent;
-}
-export declare const ProductGalleryBlock: (props: import("@redneckz/uni-jsx").PropsWithChildren<ProductGalleryBlockProps, any>, context?: any) => any;

package/lib/components/ProductGallery/ProductGalleryBlock.mobile.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { ProductBlockInner } from '../ProductBlock/ProductBlockInner.js';
-const productGalleryStyleMap = {
-    primary: 'bg-white text-primary-text',
-    secondary: 'bg-primary-main text-white',
-};
-export const ProductGalleryBlock = JSX(({ block, headingType, context, className = '' }) => {
-    const version = block?.version ?? 'primary';
-    return (_jsx("section", { className: `flex grow-0 shrink-0 basis-full px-4 pt-6 ${productGalleryStyleMap[version]} ${className}`, children: _jsx("div", { className: "flex grow", children: _jsx(ProductBlockInner, { context: context, headingType: headingType || 'h2', ...block }) }) }));
-});
-//# sourceMappingURL=ProductGalleryBlock.mobile.js.map

package/lib/components/ProductGallery/ProductGalleryBlock.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductGalleryBlock.mobile.js","sourceRoot":"","sources":["../../../src/components/ProductGallery/ProductGalleryBlock.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAKtE,MAAM,sBAAsB,GAAiC;IAC3D,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC;AAOF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE;IAClD,MAAM,OAAO,GAAG,KAAK,EAAE,OAAO,IAAI,SAAS,CAAC;IAE5C,OAAO,CACL,kBACE,SAAS,EAAE,6CAA6C,sBAAsB,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,YAEtG,cAAK,SAAS,EAAC,WAAW,YACxB,KAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,IAAI,IAAI,KAAM,KAAK,GAAI,GAChF,GACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/hooks/useCreditCalculatorData.d.ts

@@ -1,2 +0,0 @@
-import type { AsyncDataHook } from '../components/ContentPage/ContentPageContext';
-export declare function useCreditCalculatorData(useAsyncData: AsyncDataHook, directoryName: string | undefined): any;