@redneckz/wildless-cms-uni-blocks 0.2.112 → 0.2.113

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

@@ -1,3 +1,6 @@
+/* eslint-disable max-lines-per-function */
+/* eslint-disable complexity */
+
 import { JSX } from '@redneckz/uni-jsx';
 import type { ButtonVersion } from '../../model/ButtonVersion';
 import type { ButtonProps, ButtonWithIconProps } from './ButtonProps';
@@ -13,7 +16,7 @@ const buttonDisabledStyleMap: Record<ButtonVersion, string> = {
   secondary: 'bg-secondary-light text-secondary-text',
 };
 
-const styleButton = 'inline-block text-center font-sans select-none';
+const styleButton = 'text-center font-sans select-none';
 
 export interface ButtonCommonProps extends ButtonProps, ButtonWithIconProps {}
 
@@ -46,7 +49,7 @@ export const Button = JSX<ButtonCommonProps>(
           aria-disabled="true"
           aria-label={ariaLabel}
           tabIndex="-1"
-          className={`${styleButton} ${buttonDisabledStyleMap[version] || ''} ${
+          className={`inline-block ${styleButton} ${buttonDisabledStyleMap[version] || ''} ${
             rounded ? 'rounded-full' : 'rounded-md'
           } ${className || ''}`}
         >
@@ -57,9 +60,9 @@ export const Button = JSX<ButtonCommonProps>(
 
     return (
       <a
-        className={`${styleButton} cursor-pointer no-underline ${buttonStyleMap[version] || ''} ${
-          rounded ? 'rounded-full' : 'rounded-md'
-        } ${className || ''}`}
+        className={`${styleButton} inline-block cursor-pointer no-underline ${
+          buttonStyleMap[version] || ''
+        } ${rounded ? 'rounded-full' : 'rounded-md'} ${className || ''}`}
         href={href}
         target={target}
         onClick={onClick}
@@ -77,18 +80,18 @@ export const ButtonInner = JSX<ButtonInner>(({ text, aboveText, appendLeft, roun
   const withoutText = !text && !aboveText && Boolean(appendLeft);
 
   const buttonInnerClasses = `flex items-center justify-center ${
-    withoutText ? 'h-12 w-12 min-h-12 min-w-12' : `px-8 gap-2 ${aboveText ? 'py-2' : 'py-[13px]'}`
+    withoutText ? 'h-12 w-12' : `px-9 gap-2 ${aboveText ? 'py-2' : 'py-3.5'}`
   } ${rounded ? 'rounded-full' : ''}`;
 
   return (
     <div className={buttonInnerClasses}>
       {appendLeft ? appendLeft : null}
-      {!withoutText ? (
+      {withoutText ? null : (
         <div>
           <div className="text-2xs text-left">{aboveText}</div>
-          <div className="text-sm font-medium text-left">{text}</div>
+          <div className="text-button font-medium text-left">{text}</div>
         </div>
-      ) : null}
+      )}
     </div>
   );
 });

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

@@ -0,0 +1,43 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { BgColorVersion } from '../../model/BgColorVersion';
+import type { TopItemProps } from '../TopItem/TopItem';
+
+export type HeaderItemProps = TopItemProps;
+
+const TEXT_CLASSES = 'font-sans font-normal text-sm';
+const BORDER_CLASSES = 'absolute left-0 -bottom-3 w-full h-[2px]';
+
+export const HeaderItem = JSX<HeaderItemProps>(
+  ({ className, text, href, target, active, onClick, children, bgColor = 'bg-white' }) => {
+    return (
+      <a
+        className={`relative inline-block bg-transparent text-center no-underline ${
+          className || ''
+        }`}
+        href={href}
+        target={target}
+        onClick={onClick}
+      >
+        <span className={getTextClasses(bgColor, active)}>{text || children}</span>
+        {active ? <div className={getBorderClasses(bgColor, active)} /> : null}
+      </a>
+    );
+  },
+);
+
+const getTextClasses = (bgColor: BgColorVersion, active?: boolean) => {
+  let classes = 'text-white';
+  if (bgColor === 'bg-white') {
+    classes = active ? 'text-primary-main' : 'text-secondary-text hover:text-primary-main';
+  }
+
+  return `${classes} ${TEXT_CLASSES}`;
+};
+
+const getBorderClasses = (bgColor: BgColorVersion, active?: boolean) => {
+  if (!active) {
+    return BORDER_CLASSES;
+  }
+
+  return `${bgColor === 'bg-white' ? 'bg-primary-main' : bgColor} ${BORDER_CLASSES}`;
+};

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

@@ -2,12 +2,10 @@ import { JSX } from '@redneckz/uni-jsx';
 import { BgColorVersion } from '../../model/BgColorVersion';
 import type { TopItemProps } from '../TopItem/TopItem';
 
-export type HeaderItemProps = TopItemProps;
-
 const TEXT_CLASSES = 'font-sans font-normal text-base';
-const BORDER_CLASSES = 'absolute left-0 -bottom-2 w-full h-[2px]';
+const BORDER_CLASSES = 'absolute left-0 -bottom-3 w-full h-[2px]';
 
-export const HeaderItem = JSX<HeaderItemProps>(
+export const HeaderItem = JSX<TopItemProps>(
   ({ className, text, href, target, active, onClick, children, bgColor = 'bg-white' }) => (
     <a
       className={`relative inline-block bg-transparent text-center no-underline ${className || ''}`}
@@ -35,5 +33,5 @@ const getBorderClasses = (bgColor: BgColorVersion, active?: boolean) => {
     return BORDER_CLASSES;
   }
 
-  return `${bgColor === 'bg-white' ? bgColor : 'bg-primary-main'} ${BORDER_CLASSES}`;
+  return `${bgColor === 'bg-white' ? 'bg-primary-main' : bgColor} ${BORDER_CLASSES}`;
 };

package/src/ui-kit/Icon/IconProps.ts

@@ -4,6 +4,10 @@
 export enum IconMap {
   'ActualBalanceIcon',
   'AppleIcon',
+  'AtmIcon',
+  'BankIcon',
+  'BurgerIcon',
+  'BurgerIconWhite',
   'Calendar2Icon',
   'CalendarCircleIcon',
   'CalendarIcon',
@@ -15,6 +19,7 @@ export enum IconMap {
   'CardWithGemIcon',
   'ChartSquareIcon',
   'ClockIcon',
+  'CloseIcon',
   'ComfortableCompIcon',
   'CreditCardsIcon',
   'DocIcon',
@@ -25,6 +30,7 @@ export enum IconMap {
   'EmptyWalletIcon',
   'EmptyWalletWhiteIcon',
   'EuroIcon',
+  'GeolocationIcon',
   'GlassIcon',
   'GlobalIcon',
   'GridIcon',
@@ -72,6 +78,10 @@ export enum IconMap {
  * @enumNames [
  *    "Деньги",
  *    "Лого «Apple»",
+ *    "Банкомат",
+ *    "Банк",
+ *    "Бургер",
+ *    "Бургер (белый)",
  *    "Календарь 2",
  *    "Скруглённый календарь",
  *    "Календарь",
@@ -83,6 +93,7 @@ export enum IconMap {
  *    "Карта с драгоценностями",
  *    "Деньги внутри кошелька",
  *    "Часы",
+ *    "Крестик",
  *    "Кресло",
  *    "Скидка",
  *    "Кредитные карты",
@@ -94,6 +105,7 @@ export enum IconMap {
  *    "Пустой кошелёк",
  *    "Пустой кошелёк (белый)",
  *    "Евро",
+ *    "Геолокация",
  *    "Зеркало",
  *    "Глобус",
  *    "Сетка",

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

@@ -0,0 +1,36 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { ImgSource, Picture } from '../model/Picture';
+
+export interface ImageProps {
+  className?: string;
+  image: Picture;
+}
+
+export const Img = JSX<ImageProps>(({ className = '', image: { size, ...image } }) => {
+  const style = {
+    width: size?.width ? `${size?.width}px` : '100%',
+    height: size?.height ? `${size?.height}px` : '100%',
+  };
+
+  return (
+    <picture className={className}>
+      {image.sources?.length
+        ? image.sources.map(({ src, format }, index) => (
+            <source key={`${index}_${src}`} srcSet={src} type={formatToMimeType(format)} />
+          ))
+        : null}
+      <img
+        src={image.src}
+        className={`m-auto ${image.className || ''}`}
+        alt={image.alt || image.title}
+        title={image.title}
+        style={style}
+        {...size}
+      />
+    </picture>
+  );
+});
+
+export function formatToMimeType(format: ImgSource['format']): string | undefined {
+  return format ? `image/${String(format)}` : undefined;
+}

package/src/ui-kit/Img.tsx

@@ -6,20 +6,21 @@ export interface ImageProps {
   image: Picture;
 }
 
-export const Img = JSX<ImageProps>(({ className, image: { size, ...image } }) => {
+export const Img = JSX<ImageProps>(({ className = '', image: { size, ...image } }) => {
   const style = {
     width: size?.width ? `${size?.width}px` : '100%',
     height: size?.height ? `${size?.height}px` : '100%',
   };
 
   return (
-    <picture className={`flex-none ${className || ''}`}>
+    <picture className={`flex-none ${className}`}>
       {image.sources?.length
         ? image.sources.map(({ src, format }, index) => (
             <source key={`${index}_${src}`} srcSet={src} type={formatToMimeType(format)} />
           ))
         : null}
       <img
+        className={image.className || ''}
         src={image.src}
         alt={image.alt || image.title}
         title={image.title}

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

@@ -0,0 +1,50 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { BgColorVersion } from '../../model/BgColorVersion';
+import { SVG } from '../SVG';
+
+export interface LogoProps {
+  className: string;
+  href: string;
+  targetBlank: boolean;
+  bgColor?: string;
+  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',
+};
+const TEXT_COLOR: Record<BgColorVersion, string> = {
+  'bg-white': 'text-black',
+  transparent: 'text-white',
+};
+
+export const Logo = JSX<Partial<LogoProps>>(
+  ({ className = '', href, children, targetBlank, bgColor = 'bg-white', hideTitle }) => {
+    return (
+      <a
+        className={`inline-flex items-center font-sans no-underline ${className}`}
+        href={href || 'https://rshb.ru/'}
+        target={targetBlank ? '_blank' : '_self'}
+      >
+        <SVG
+          className={`${SVG_COLOR[bgColor]} w-10 h-[38px]`}
+          viewBox="0 0 40 45"
+          paths={LOGO_PATHS.map((d) => ({ d }))}
+        />
+        {!hideTitle && (
+          <span className={`${TEXT_COLOR[bgColor]} text-sm font-medium ml-2.5`}>
+            {children || 'Россельхозбанк'}
+          </span>
+        )}
+      </a>
+    );
+  },
+);

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

@@ -7,6 +7,7 @@ export interface LogoProps {
   href: string;
   targetBlank: boolean;
   bgColor?: string;
+  hideTitle?: boolean;
 }
 
 const LOGO_PATHS = [
@@ -26,7 +27,7 @@ const TEXT_COLOR: Record<BgColorVersion, string> = {
 };
 
 export const Logo = JSX<Partial<LogoProps>>(
-  ({ className, href, children, targetBlank, bgColor = 'bg-white' }) => {
+  ({ className, href, children, targetBlank, bgColor = 'bg-white', hideTitle }) => {
     return (
       <a
         className={`inline-flex items-center font-sans no-underline ${className || ''}`}
@@ -38,9 +39,11 @@ export const Logo = JSX<Partial<LogoProps>>(
           viewBox="0 0 40 45"
           paths={LOGO_PATHS.map((d) => ({ d }))}
         />
-        <span className={`${TEXT_COLOR[bgColor]} text-base font-medium ml-2.5`}>
-          {children || 'Россельхозбанк'}
-        </span>
+        {!hideTitle && (
+          <span className={`${TEXT_COLOR[bgColor]} text-base font-medium ml-2.5`}>
+            {children || 'Россельхозбанк'}
+          </span>
+        )}
       </a>
     );
   },

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

@@ -0,0 +1,46 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { UniBlockProps } from '../../types';
+import { Button } from '../Button/Button';
+import { Icon } from '../Icon/Icon';
+
+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]">
+          <Icon name="LoupeIcon" width="24" height="24" />
+        </div>
+        {!term && (
+          <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 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"
+      />
+      <Button
+        version="primary"
+        text="Найти"
+        className="w-auto 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/src/ui-kit/{SearchBar.tsx → SearchBar/SearchBar.tsx}

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../types';
-import { Button } from './Button/Button';
-import { Icon } from './Icon/Icon';
+import type { UniBlockProps } from '../../types';
+import { Button } from '../Button/Button';
+import { Icon } from '../Icon/Icon';
 
 export const SearchBar = JSX<UniBlockProps>(({ className, context }) => {
   const { term, setTerm } = context.useSearch();

package/{mobile/src/ui-kit/SearchBar.tsx → src/ui-kit/SearchBar.mobile.tsx}

@@ -8,13 +8,13 @@ export const SearchBar = JSX<UniBlockProps>(({ className, context }) => {
   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]">
+        <div className="w-[20px] h-[20px]">
           <Icon name="LoupeIcon" width="24" height="24" />
         </div>
         {!term && (
           <label
             htmlFor="search-bar-input"
-            className="font-sans font-normal text-base text-secondary-text"
+            className="font-sans font-normal text-sm text-secondary-text"
           >
             Поиск по сайту
           </label>

package/src/utils/getAccordionItems.ts

@@ -0,0 +1,10 @@
+export const getAccordionItems = (items) =>
+  items?.map((item) => ({
+    label: item.text || '',
+    blocks: [
+      {
+        accordionBlockType: 'LinkDocs',
+        documents: item.items || [],
+      },
+    ],
+  }));

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

@@ -1 +0,0 @@
-{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../src/ui-kit/SearchBar.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,4CAAyC;AACzC,sCAAmC;AAEtB,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;IAC9C,OAAO,CACL,kCAAM,SAAS,EAAE,YAAY,SAAS,IAAI,EAAE,EAAE,aAC5C,iCAAK,SAAS,EAAC,yGAAyG,aACtH,gCAAK,SAAS,EAAC,mBAAmB,YAChC,uBAAC,WAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GAC5C,EACL,CAAC,IAAI,IAAI,CACR,kCACE,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAC,qDAAqD,2FAGzD,CACT,IACG,EACN,kCACE,EAAE,EAAC,kBAAkB,EACrB,SAAS,EACP,oLAAoL,EAEtL,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/ui-kit/SearchBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../src/ui-kit/SearchBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAgB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IACrE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IAC9C,OAAO,CACL,gBAAM,SAAS,EAAE,YAAY,SAAS,IAAI,EAAE,EAAE,aAC5C,eAAK,SAAS,EAAC,yGAAyG,aACtH,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GAC5C,EACL,CAAC,IAAI,IAAI,CACR,gBACE,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAC,qDAAqD,2FAGzD,CACT,IACG,EACN,gBACE,EAAE,EAAC,kBAAkB,EACrB,SAAS,EACP,oLAAoL,EAEtL,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,KAAC,MAAM,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,cAAK,SAAS,EAAC,mCAAmC,+CAAY,GACvD,IACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../src/ui-kit/SearchBar.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,4CAAyC;AACzC,sCAAmC;AAEtB,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;IAC9C,OAAO,CACL,kCAAM,SAAS,EAAE,YAAY,SAAS,IAAI,EAAE,EAAE,aAC5C,iCAAK,SAAS,EAAC,yGAAyG,aACtH,gCAAK,SAAS,EAAC,mBAAmB,YAChC,uBAAC,WAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GAC5C,EACL,CAAC,IAAI,IAAI,CACR,kCACE,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAC,qDAAqD,2FAGzD,CACT,IACG,EACN,kCACE,EAAE,EAAC,kBAAkB,EACrB,SAAS,EACP,oLAAoL,EAEtL,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/mobile/lib/ui-kit/SearchBar.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { Button } from './Button/Button.js';
-import { Icon } from './Icon/Icon.js';
-export const SearchBar = JSX(({ className, context }) => {
-    const { term, setTerm } = context.useSearch();
-    return (_jsxs("form", { className: `relative ${className || ''}`, children: [_jsxs("div", { className: "absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none", children: [_jsx("div", { className: "w-[24px] h-[24px]", children: _jsx(Icon, { name: "LoupeIcon", width: "24", height: "24" }) }), !term && (_jsx("label", { htmlFor: "search-bar-input", className: "font-sans font-normal text-base text-secondary-text", children: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443" }))] }), _jsx("input", { id: "search-bar-input", className: 'h-12 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" }), _jsx(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: _jsx("div", { className: "font-normal text-sm px-9 py-[9px]", children: "\u041D\u0430\u0439\u0442\u0438" }) })] }));
-});
-//# sourceMappingURL=SearchBar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../src/ui-kit/SearchBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAgB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IACrE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IAC9C,OAAO,CACL,gBAAM,SAAS,EAAE,YAAY,SAAS,IAAI,EAAE,EAAE,aAC5C,eAAK,SAAS,EAAC,yGAAyG,aACtH,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GAC5C,EACL,CAAC,IAAI,IAAI,CACR,gBACE,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAC,qDAAqD,2FAGzD,CACT,IACG,EACN,gBACE,EAAE,EAAC,kBAAkB,EACrB,SAAS,EACP,oLAAoL,EAEtL,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,KAAC,MAAM,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,cAAK,SAAS,EAAC,mCAAmC,+CAAY,GACvD,IACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}