@redneckz/wildless-cms-uni-blocks 0.13.4 → 0.13.5

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/ui-kit/List/List.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,MAAM,aAAa,GAAiC;IAClD,CAAC,EAAE,mBAAmB;IACtB,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;CACb,CAAC;AAEF,MAAM,eAAe,GAAiC;IACpD,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,GAAG,GAAG,EAAE,EAAE,EAAE,CAChE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACd,kBACE,SAAS,EAAE,KAAK,CACd,sHAAsH,EACtH,aAAa,CAAC,YAAY,CAAC,EAC3B,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,EAC9C,SAAS,CACV,EACD,IAAI,EAAC,MAAM,YAEV,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,QAAQ,IAAiB,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,YAC7D,IAAI,IADQ,MAAM,CAAC,CAAC,CAAC,CAEb,CACZ,CAAC,GACM,CACX,CAAC,CAAC,CAAC,IAAI,CACX,CAAC"}
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/ui-kit/List/List.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,MAAM,aAAa,GAAiC;IAClD,EAAE,EAAE,mBAAmB;IACvB,CAAC,EAAE,mBAAmB;IACtB,CAAC,EAAE,SAAS;IACZ,CAAC,EAAE,SAAS;CACb,CAAC;AAEF,MAAM,eAAe,GAAiC;IACpD,EAAE,EAAE,QAAQ;IACZ,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CACrB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,GAAG,GAAG,EAAE,EAAE,EAAE,CAChE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACd,kBACE,SAAS,EAAE,KAAK,CACd,sHAAsH,EACtH,aAAa,CAAC,YAAY,CAAC,EAC3B,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,EAC9C,SAAS,CACV,EACD,IAAI,EAAC,MAAM,YAEV,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,QAAQ,IAAiB,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,YAC7D,IAAI,IADQ,MAAM,CAAC,CAAC,CAAC,CAEb,CACZ,CAAC,GACM,CACX,CAAC,CAAC,CAAC,IAAI,CACX,CAAC"}

package/mobile/lib/ui-kit/List/ListContent.d.ts

@@ -1,8 +1,8 @@
 /**
  * @title Размер пунктов списка
- * @enumNames ["Маленький", "Средний", "Большой"]
+ * @enumNames ["Очень маленький", "Маленький", "Средний", "Большой"]
  */
-export declare type ListItemSize = 'S' | 'M' | 'L';
+export declare type ListItemSize = 'XS' | 'S' | 'M' | 'L';
 export interface ListContent {
     /** @title Список */
     items?: string[];

package/mobile/lib/ui-kit/List/ListItem.js

@@ -5,6 +5,7 @@ const DOT_SIZE_MAP = {
     L: 'w-1.5 h-1.5 mr-m',
     M: 'w-1.5 h-1.5 mr-s',
     S: 'w-1 h-1 mr-xs',
+    XS: 'w-1 h-1 mr-xs',
 };
 export const ListItem = JSX(({ className, isDotted = true, children, size = 'M' }) => (_jsxs("div", { className: style('font-sans flex', className), role: "listitem", children: [isDotted ? (_jsx("div", { className: "shrink-0", children: _jsx("div", { className: style('align-middle inline-block rounded-full bg-primary-text group-data-secondary:bg-white', DOT_SIZE_MAP[size]) }) })) : null, _jsx("span", { children: children })] })));
 //# sourceMappingURL=ListItem.js.map

package/mobile/lib/ui-kit/List/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ui-kit/List/ListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAa1C,MAAM,YAAY,GAAG;IACnB,CAAC,EAAE,kBAAkB;IACrB,CAAC,EAAE,kBAAkB;IACrB,CAAC,EAAE,eAAe;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAG,IAAI,EAAE,QAAQ,EAAE,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE,CAAC,CACxD,eAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,UAAU,aAChE,QAAQ,CAAC,CAAC,CAAC,CACV,cAAK,SAAS,EAAC,UAAU,YACvB,cACE,SAAS,EAAE,KAAK,CACd,sFAAsF,EACtF,YAAY,CAAC,IAAI,CAAC,CACnB,GACD,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,yBAAO,QAAQ,GAAQ,IACnB,CACP,CACF,CAAC"}
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ui-kit/List/ListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAa1C,MAAM,YAAY,GAAG;IACnB,CAAC,EAAE,kBAAkB;IACrB,CAAC,EAAE,kBAAkB;IACrB,CAAC,EAAE,eAAe;IAClB,EAAE,EAAE,eAAe;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EAAE,SAAS,EAAE,QAAQ,GAAG,IAAI,EAAE,QAAQ,EAAE,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE,CAAC,CACxD,eAAK,SAAS,EAAE,KAAK,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,UAAU,aAChE,QAAQ,CAAC,CAAC,CAAC,CACV,cAAK,SAAS,EAAC,UAAU,YACvB,cACE,SAAS,EAAE,KAAK,CACd,sFAAsF,EACtF,YAAY,CAAC,IAAI,CAAC,CACnB,GACD,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,yBAAO,QAAQ,GAAQ,IACnB,CACP,CACF,CAAC"}

package/mobile/lib/ui-kit/Select/Select.d.ts

@@ -11,5 +11,6 @@ export declare type SelectProps = LabelProps & {
     isBorder?: boolean;
     placeholder?: string;
     onChange?: (value: Option) => void;
+    isSearch?: boolean;
 };
 export declare const Select: import("@redneckz/uni-jsx").UNIComponent<SelectProps, any, any>;

package/mobile/lib/ui-kit/Select/Select.js

@@ -1,21 +1,35 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useBool } from '../../hooks/useBool.js';
 import { useOutsideClick } from '../../hooks/useOutsideClick.js';
+import { jaroWinklerDistance } from '../../services/search/jaroWinklerDistance.js';
 import { Text } from '../../ui-kit/Text/Text.js';
 import { style } from '../../utils/style.js';
 import { Icon } from '../Icon/Icon.js';
-export const Select = JSX(({ className = '', label, options = [], value, valid = true, isBorder = true, placeholder = '', onChange, }) => {
+import { Input } from '../Input/Input.js';
+export const Select = JSX(({ className = '', label, options = [], value, valid = true, isBorder = true, placeholder = '', onChange, isSearch = false, }) => {
     const [isOpen, { setFalse: close, toggle }] = useBool();
-    const wrapperRef = useOutsideClick(close);
-    const handleChange = useCallback((option) => {
+    const [searchValue, setSearchValue] = useState('');
+    const reset = useCallback(() => {
         close();
+        setSearchValue('');
+    }, []);
+    const wrapperRef = useOutsideClick(reset);
+    const handleChange = useCallback((option) => {
+        reset();
         onChange && onChange(option);
     }, [onChange]);
     const isSelected = (option) => option.key === value?.key;
-    return (_jsxs("div", { className: className, ref: wrapperRef, children: [label ? (_jsx("div", { className: "mb-xs", children: _jsx(Text, { size: "text-m", color: "text-primary-text", font: "font-light", children: label }) })) : null, _jsxs("div", { className: style('relative', isOpen ? 'z-20' : 'z-10'), children: [_jsxs("div", { className: style('text-l flex justify-between items-center text-primary-text cursor-pointer', getBorderStyle(isBorder, valid)), onClick: toggle, children: [_jsx("p", { className: "p-m pr-3xl h-14 overflow-hidden text-ellipsis whitespace-nowrap", children: formatOption(value) || placeholder }), _jsx(Icon, { className: style('absolute right-3', isOpen ? '' : 'rotate-180'), name: "ArrowUpIcon", width: "16", height: "16" })] }), options?.length ? (_jsx("div", { className: style('h-0', isOpen ? '' : 'overflow-hidden'), children: _jsx("div", { className: "bg-white text-l max-h-64 overflow-y-auto overflow-x-hidden rounded-md shadow-[0_4px_25px_rgba(0,0,0,0.07)]", children: options.map(renderOption(handleChange, isOpen, isSelected)) }) })) : null] })] }));
+    return (_jsxs("div", { className: className, ref: wrapperRef, children: [renderLabel(label), _jsxs("div", { className: style('relative', isOpen ? 'z-20' : 'z-10'), children: [_jsxs("div", { className: style('text-l flex justify-between items-center text-primary-text cursor-pointer relative z-10', getBorderStyle(isBorder, valid)), onClick: toggle, children: [_jsx("p", { className: "p-m pr-3xl h-14 overflow-hidden text-ellipsis whitespace-nowrap", children: formatOption(value) || placeholder }), _jsx(Icon, { className: style('absolute right-3', isOpen ? '' : 'rotate-180'), name: "ArrowUpIcon", width: "16", height: "16" })] }), isSearch ? renderSearch(isOpen, searchValue, setSearchValue) : null, options?.length ? (_jsx("div", { className: style('h-0', isOpen ? '' : 'overflow-hidden'), children: _jsx("div", { className: "bg-white text-l max-h-64 overflow-y-auto overflow-x-hidden rounded-md shadow-[0_4px_25px_rgba(0,0,0,0.07)]", children: getFilteredOptions(options, searchValue).map(renderOption(handleChange, isOpen, isSelected)) }) })) : null] })] }));
 });
+const renderLabel = (label) => label ? (_jsx("div", { className: "mb-xs", children: _jsx(Text, { size: "text-m", color: "text-primary-text", font: "font-light", children: label }) })) : null;
+const getFilteredOptions = (options, searchValue) => {
+    return searchValue
+        ? options.filter((_) => jaroWinklerDistance(_.text?.toLowerCase())(searchValue.toLowerCase()) >= 0.6)
+        : options;
+};
+const renderSearch = (isOpen, searchValue, setSearchValue) => isOpen ? (_jsx("div", { className: style('absolute top-0 w-full h-full z-20'), children: _jsx(Input, { type: "text", autoFocus: true, value: searchValue, onChange: setSearchValue }) })) : null;
 const renderOption = (handleChange, isOpen, isSelected) => (option, i) => (_jsxs("div", { onClick: () => {
         handleChange(option);
     }, className: "flex px-m py-s cursor-pointer hover:bg-main-divider pr-5xl relative", children: [_jsx("span", { className: "min-h-6", children: formatOption(option) }), _jsx(Icon, { name: "DoneSimpleIcon", width: "16", height: "16", className: style('absolute right-4 pt-3xs', isSelected(option) && isOpen ? '' : 'hidden') })] }, String(i)));

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/Select.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/Select.tsx"],"names":[],"mappings":"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"}

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

@@ -28,6 +28,7 @@ const initialFormState: CreditFormState = {
 };
 
 const creditValidator = objectValidator({
+  fullName: defaultValidator,
   annualRevenue: defaultValidator,
   inn: innValidator,
   name: nameValidator,
@@ -65,7 +66,7 @@ export const ApplicationFormCredit = JSX<ApplicationFormsProps>(({ button, link,
 
   return (
     <form className="container space-y-m" onSubmit={formProps.onSubmit}>
-      <Heading headingType="h6" title="Параметры кредита" className="sm:text-center" />
+      <Heading headingType="h6" title="Параметры" className="sm:text-center" />
       {renderCreditParameters(field)}
       <Heading headingType="h6" title="Данные организации" className="sm:text-center" />
       {renderCreditDataOrganization(field)}

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

@@ -13,6 +13,7 @@ export const PhoneInputControl = JSX<InputControlProps>(
         value={value}
         onChange={onChange}
         onBlur={onBlur}
+        placeholder="+7 (___) ___-__-__"
       />
       <div className="h-2">
         {error ? (

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

@@ -11,7 +11,7 @@ export const renderCreditDataOrganization = (field: FormFieldRegisterer<CreditFo
       <InputControl
         className="shrink-0 w-full"
         label="Наименование организации"
-        {...field('fullName')}
+        {...withValidator(field('fullName'), defaultValidator)}
       />
       <InputControl
         className="shrink-0 w-full"

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

@@ -16,7 +16,7 @@ export const renderCreditParameters = (field: FormFieldRegisterer<CreditFormStat
     <div className="sm:w-1/2">
       <label>
         <Text size="text-m" font="font-light">
-          Сумма кредита, ₽
+          Сумма, ₽
         </Text>
       </label>
       <InputRange
@@ -29,7 +29,7 @@ export const renderCreditParameters = (field: FormFieldRegisterer<CreditFormStat
     <div className="sm:w-1/2">
       <label>
         <Text size="text-m" font="font-light">
-          Срок кредита, месяцев
+          Срок, месяцев
         </Text>
       </label>
       <InputRange

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

@@ -15,6 +15,7 @@ export const renderRegion = ({ regions, field }: RegionProps) => (
     className="w-full"
     label="Регион"
     placeholder="Выберите регион"
+    isSearch
     options={regions.map(({ code = '', name = '' }) => ({ key: code, text: name }))}
     {...withValidator(field('region'), defaultValidator)}
   />

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

@@ -18,6 +18,7 @@ export const renderRegionDepartment = ({ regions, branches, field }: RegionDepar
       <SelectControl
         label="Регион"
         placeholder="Выберите регион"
+        isSearch
         options={regions.map(({ code = '', name = '' }) => ({ key: code, text: name }))}
         {...withValidator(field('region'), defaultValidator)}
       />

package/mobile/src/components/Carousel/Carousel.example.json

@@ -4,5 +4,6 @@
   "arrowsPadded": true,
   "isCycle": false,
   "isPadding": true,
-  "isAlignCenter": false
+  "isAlignCenter": false,
+  "cardSize": "normal"
 }

package/mobile/src/components/Carousel/Carousel.tsx

@@ -26,6 +26,7 @@ export const Carousel: JSXBlock<CarouselProps> = JSX<CarouselProps>(
     showDots,
     arrowsPadded = true,
     isGap = true,
+    cardSize = 'normal',
     ...rest
   }) => {
     const { blocks: childBlocks = [] } = rest.block || {};
@@ -55,7 +56,7 @@ export const Carousel: JSXBlock<CarouselProps> = JSX<CarouselProps>(
             gap={isGap ? ITEMS_GAP : undefined}
             onVisibleIndicesChange={scroll.handleVisibleIndicesChange}
           >
-            {renderCarouselCards({ noCardBorder, activeIndex, ...rest })}
+            {renderCarouselCards({ noCardBorder, activeIndex, cardSize, ...rest })}
           </SwipeListContainer>
           <CarouselScrollButtons
             scroll={scroll}

package/mobile/src/components/Carousel/CarouselContent.ts

@@ -1,5 +1,11 @@
 import type { UniBlockContent } from '../../model/JSXBlock';
 
+/**
+ * @title Размер карточек
+ * @enumNames ["Нормальный", "Большой"]
+ */
+export type CardSizeMode = 'normal' | 'big';
+
 /**
  * @title Карусель
  */
@@ -17,4 +23,5 @@ export type CarouselContent = UniBlockContent & {
   isGap?: boolean;
   /** @title Не показывать контур на карточках */
   noCardBorder?: boolean;
+  cardSize?: CardSizeMode;
 };

package/mobile/src/components/Carousel/renderCarouselCards.tsx

@@ -5,14 +5,21 @@ import type { BlockDef } from '../../model/ContentPageDef';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { style } from '../../utils/style';
 import { renderCardHighlight } from './renderCardHighlight';
+import type { CardSizeMode } from './CarouselContent';
 
 const cardBaseStyle = 'relative h-full';
 
+const CARD_SIZE_MAP: Record<CardSizeMode, string> = {
+  normal: 'sm:min-w-96',
+  big: 'sm:min-w-[515px]',
+};
+
 export const renderCarouselCards = ({
   noCardBorder,
   activeIndex,
+  cardSize = 'normal',
   ...rest
-}: UniBlockProps & { noCardBorder?: boolean; activeIndex?: number }) => {
+}: UniBlockProps & { noCardBorder?: boolean; activeIndex?: number; cardSize?: CardSizeMode }) => {
   const { blocks: childBlocks } = rest.block || {};
   const someCardsHighlighted = childBlocks?.some(isCardHighlighted);
 
@@ -21,7 +28,11 @@ export const renderCarouselCards = ({
     renderProps: (block: BlockDef, options: BlockRendererOptions, blockIndex) => (
       <div className={cardWrapperStyle(block, { someCardsHighlighted })}>
         {renderBlock(block, options, {
-          className: cardStyle(block, { someCardsHighlighted, showBorder: !noCardBorder }),
+          className: cardStyle(block, {
+            someCardsHighlighted,
+            showBorder: !noCardBorder,
+            cardSize,
+          }),
           blockIndex,
           isActive: blockIndex === activeIndex,
         })}
@@ -44,11 +55,16 @@ const cardWrapperStyle = (
 
 const cardStyle = (
   _: BlockDef | undefined,
-  { someCardsHighlighted, showBorder }: { someCardsHighlighted?: boolean; showBorder?: boolean },
+  {
+    someCardsHighlighted,
+    showBorder,
+    cardSize = 'normal',
+  }: { someCardsHighlighted?: boolean; showBorder?: boolean; cardSize?: CardSizeMode },
 ) =>
   style(
     cardBaseStyle,
-    'min-w-80 sm:min-w-96',
+    'min-w-80',
+    CARD_SIZE_MAP[cardSize], // TODO fix для RecommendationCard
     someCardsHighlighted && (isCardHighlighted(_) ? 'pt-3xl sm:pt-16' : 'pt-3xl'),
     showBorder &&
       'border border-solid border-gray group-data-secondary:border-white/50 group-data-gray:border-main-divider',

package/mobile/src/components/CarouselLinks/CarouselLinks.tsx

@@ -53,7 +53,7 @@ const renderLinks = (links: LinkProps[], maxLinksCount: number) => {
 
   return (
     <Carousel
-      className="sm:w-2/3 w-full p-0 sm:p-xs"
+      className="@container-normal sm:w-2/3 w-full p-0 sm:p-xs"
       version="secondary"
       itemCount={itemCount}
       arrowsPadded={false}

package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx

@@ -1,6 +1,4 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { Picture } from '../../model/Picture';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Img } from '../../ui-kit/Img/Img';
 import { LinkWrapper } from '../../ui-kit/LinkWrapper/LinkWrapper';
@@ -9,6 +7,8 @@ import { style } from '../../utils/style';
 import { SocialMedia } from '../Footer/SocialMedia';
 import { Headline } from '../Headline/Headline';
 import type { CarouselRecommendationCardContent } from './CarouselRecommendationCardContent';
+import type { UniBlockProps } from '../../model/JSXBlock';
+import type { Picture } from '../../model/Picture';
 
 export interface RecommendationCardProps extends CarouselRecommendationCardContent, UniBlockProps {}
 
@@ -27,20 +27,20 @@ export const CarouselRecommendationCard = JSX<RecommendationCardProps>(
   }) => {
     return (
       <BlockWrapper
-        className={style('relative group-data-gray:bg-main-divider/50 space-y-m', className)}
-        defaultPadding="p-6xl"
+        className={style('relative group-data-gray:bg-main-divider/50', className)}
+        defaultPadding="p-3xl"
         {...rest}
       >
-        <LinkWrapper href={href} target={target}>
+        <LinkWrapper href={href} target={target} className={'space-y-lg'}>
           <Headline
             title={title}
             description={description}
-            headlineVersion="S"
+            headlineVersion="XS"
             isEmbedded={true}
             align={align}
           />
           {items.length ? (
-            <List className="flex flex-col gap-xs" items={items} listItemSize="S" />
+            <List className="flex flex-col gap-xs" items={items} listItemSize="XS" />
           ) : null}
           {renderIcon(icon)}
           {socialMedia.length ? <SocialMedia media={socialMedia} /> : null}

package/mobile/src/components/Footer/buttonSizeStyles.ts

@@ -1,6 +1,6 @@
 import { ButtonSize } from './MediaButton';
 
 export const buttonSizeStyles: { [key in ButtonSize]: string } = {
-  default: 'w-24 h-14',
+  default: 'w-14 h-14',
   stretched: 'flex-1 h-14',
 };

package/mobile/src/components/Headline/headlineVersionStyles.ts

@@ -43,7 +43,7 @@ export const headlineVersionStyles: Record<
   },
   XS: {
     title: { headingType: 'h5', as: 'h2' },
-    descriptionSize: 'text-l',
+    descriptionSize: 'text-m',
     descriptionWeight: 'font-light',
     descriptionStyle: 'mt-xs',
   },

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

@@ -68,7 +68,7 @@ const renderImageContainer = (
   { className, imageAlign }: { className?: string; imageAlign?: Align },
 ) => {
   //TODO Спорное решение
-  const fullWidth = image?.props?.image.size?.width > 400;
+  const fullWidth = image?.props?.image?.size?.width > 400;
 
   return image ? (
     <div

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

@@ -21,6 +21,7 @@ export const Input = JSX<InputProps>(
     onFocus,
     onBlur,
     pattern,
+    autoFocus = false,
   }) => {
     const handleChange = useCallback(
       (e: { target?: { value?: string } }) => {
@@ -61,6 +62,7 @@ export const Input = JSX<InputProps>(
             onFocus={onFocus}
             onBlur={onBlur}
             pattern={pattern}
+            autoFocus={autoFocus}
           />
         </label>
         {children}

package/mobile/src/ui-kit/Input/InputProps.ts

@@ -14,4 +14,5 @@ export interface InputProps<V = string> extends ControlProps<V>, LabelProps {
   onBlur?: () => void;
   valid?: boolean;
   disabled?: boolean;
+  autoFocus?: boolean;
 }

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

@@ -5,12 +5,14 @@ import { ListItem } from './ListItem';
 import type { ListProps } from './ListProps';
 
 const TEXT_SIZE_MAP: Record<ListItemSize, string> = {
+  XS: 'text-m font-light',
   S: 'text-l font-light',
   M: 'text-h6',
   L: 'text-h5',
 };
 
 const ITEM_INDENT_MAP: Record<ListItemSize, string> = {
+  XS: 'ml-2xs',
   S: 'ml-xs',
   M: 'ml-s',
   L: 'ml-m',

package/mobile/src/ui-kit/List/ListContent.ts

@@ -1,8 +1,8 @@
 /**
  * @title Размер пунктов списка
- * @enumNames ["Маленький", "Средний", "Большой"]
+ * @enumNames ["Очень маленький", "Маленький", "Средний", "Большой"]
  */
-export type ListItemSize = 'S' | 'M' | 'L';
+export type ListItemSize = 'XS' | 'S' | 'M' | 'L';
 
 export interface ListContent {
   /** @title Список */

package/mobile/src/ui-kit/List/ListItem.tsx

@@ -16,6 +16,7 @@ const DOT_SIZE_MAP = {
   L: 'w-1.5 h-1.5 mr-m', // TODO: Действительно нужен этот вариант? отличается только margin
   M: 'w-1.5 h-1.5 mr-s',
   S: 'w-1 h-1 mr-xs',
+  XS: 'w-1 h-1 mr-xs',
 };
 
 export const ListItem = JSX<ListItemProps>(

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

@@ -1,11 +1,13 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useBool } from '../../hooks/useBool';
 import { useOutsideClick } from '../../hooks/useOutsideClick';
 import { LabelProps } from '../../model/HeadlineType';
+import { jaroWinklerDistance } from '../../services/search/jaroWinklerDistance';
 import { Text } from '../../ui-kit/Text/Text';
 import { style } from '../../utils/style';
 import { Icon } from '../Icon/Icon';
+import { Input } from '../Input/Input';
 
 export interface Option {
   key: string;
@@ -20,6 +22,7 @@ export type SelectProps = LabelProps & {
   isBorder?: boolean;
   placeholder?: string;
   onChange?: (value: Option) => void;
+  isSearch?: boolean;
 };
 
 export const Select = JSX<SelectProps>(
@@ -32,13 +35,19 @@ export const Select = JSX<SelectProps>(
     isBorder = true,
     placeholder = '',
     onChange,
+    isSearch = false,
   }) => {
     const [isOpen, { setFalse: close, toggle }] = useBool();
-    const wrapperRef = useOutsideClick<HTMLDivElement>(close);
+    const [searchValue, setSearchValue] = useState('');
+    const reset = useCallback(() => {
+      close();
+      setSearchValue('');
+    }, []);
+    const wrapperRef = useOutsideClick<HTMLDivElement>(reset);
 
     const handleChange = useCallback(
       (option: Option) => {
-        close();
+        reset();
         onChange && onChange(option);
       },
       [onChange],
@@ -48,17 +57,11 @@ export const Select = JSX<SelectProps>(
 
     return (
       <div className={className} ref={wrapperRef}>
-        {label ? (
-          <div className="mb-xs">
-            <Text size="text-m" color="text-primary-text" font="font-light">
-              {label}
-            </Text>
-          </div>
-        ) : null}
+        {renderLabel(label)}
         <div className={style('relative', isOpen ? 'z-20' : 'z-10')}>
           <div
             className={style(
-              'text-l flex justify-between items-center text-primary-text cursor-pointer',
+              'text-l flex justify-between items-center text-primary-text cursor-pointer relative z-10',
               getBorderStyle(isBorder, valid),
             )}
             onClick={toggle}
@@ -73,10 +76,13 @@ export const Select = JSX<SelectProps>(
               height="16"
             />
           </div>
+          {isSearch ? renderSearch(isOpen, searchValue, setSearchValue) : null}
           {options?.length ? (
             <div className={style('h-0', isOpen ? '' : 'overflow-hidden')}>
               <div className="bg-white text-l max-h-64 overflow-y-auto overflow-x-hidden rounded-md shadow-[0_4px_25px_rgba(0,0,0,0.07)]">
-                {options.map(renderOption(handleChange, isOpen, isSelected))}
+                {getFilteredOptions(options, searchValue).map(
+                  renderOption(handleChange, isOpen, isSelected),
+                )}
               </div>
             </div>
           ) : null}
@@ -86,6 +92,34 @@ export const Select = JSX<SelectProps>(
   },
 );
 
+const renderLabel = (label?: string) =>
+  label ? (
+    <div className="mb-xs">
+      <Text size="text-m" color="text-primary-text" font="font-light">
+        {label}
+      </Text>
+    </div>
+  ) : null;
+
+const getFilteredOptions = (options: Option[], searchValue: string) => {
+  return searchValue
+    ? options.filter(
+        (_) => jaroWinklerDistance(_.text?.toLowerCase())(searchValue.toLowerCase()) >= 0.6,
+      )
+    : options;
+};
+
+const renderSearch = (
+  isOpen: boolean,
+  searchValue: string,
+  setSearchValue: (value: string) => void,
+) =>
+  isOpen ? (
+    <div className={style('absolute top-0 w-full h-full z-20')}>
+      <Input type="text" autoFocus value={searchValue} onChange={setSearchValue} />
+    </div>
+  ) : null;
+
 const renderOption =
   (
     handleChange: (option: Option) => void,

package/package.json

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

package/src/components/ApplicationForm/ApplicationFormCredit.tsx

@@ -28,6 +28,7 @@ const initialFormState: CreditFormState = {
 };
 
 const creditValidator = objectValidator({
+  fullName: defaultValidator,
   annualRevenue: defaultValidator,
   inn: innValidator,
   name: nameValidator,
@@ -65,7 +66,7 @@ export const ApplicationFormCredit = JSX<ApplicationFormsProps>(({ button, link,
 
   return (
     <form className="container space-y-m" onSubmit={formProps.onSubmit}>
-      <Heading headingType="h6" title="Параметры кредита" className="sm:text-center" />
+      <Heading headingType="h6" title="Параметры" className="sm:text-center" />
       {renderCreditParameters(field)}
       <Heading headingType="h6" title="Данные организации" className="sm:text-center" />
       {renderCreditDataOrganization(field)}

package/src/components/ApplicationForm/PhoneInputControl.tsx

@@ -13,6 +13,7 @@ export const PhoneInputControl = JSX<InputControlProps>(
         value={value}
         onChange={onChange}
         onBlur={onBlur}
+        placeholder="+7 (___) ___-__-__"
       />
       <div className="h-2">
         {error ? (

package/src/components/ApplicationForm/renderCreditDataOrganization.tsx

@@ -11,7 +11,7 @@ export const renderCreditDataOrganization = (field: FormFieldRegisterer<CreditFo
       <InputControl
         className="shrink-0 w-full"
         label="Наименование организации"
-        {...field('fullName')}
+        {...withValidator(field('fullName'), defaultValidator)}
       />
       <InputControl
         className="shrink-0 w-full"

package/src/components/ApplicationForm/renderCreditParameters.tsx

@@ -16,7 +16,7 @@ export const renderCreditParameters = (field: FormFieldRegisterer<CreditFormStat
     <div className="sm:w-1/2">
       <label>
         <Text size="text-m" font="font-light">
-          Сумма кредита, ₽
+          Сумма, ₽
         </Text>
       </label>
       <InputRange
@@ -29,7 +29,7 @@ export const renderCreditParameters = (field: FormFieldRegisterer<CreditFormStat
     <div className="sm:w-1/2">
       <label>
         <Text size="text-m" font="font-light">
-          Срок кредита, месяцев
+          Срок, месяцев
         </Text>
       </label>
       <InputRange

package/src/components/ApplicationForm/renderRegion.tsx

@@ -15,6 +15,7 @@ export const renderRegion = ({ regions, field }: RegionProps) => (
     className="w-full"
     label="Регион"
     placeholder="Выберите регион"
+    isSearch
     options={regions.map(({ code = '', name = '' }) => ({ key: code, text: name }))}
     {...withValidator(field('region'), defaultValidator)}
   />

package/src/components/ApplicationForm/renderRegionDepartment.tsx

@@ -18,6 +18,7 @@ export const renderRegionDepartment = ({ regions, branches, field }: RegionDepar
       <SelectControl
         label="Регион"
         placeholder="Выберите регион"
+        isSearch
         options={regions.map(({ code = '', name = '' }) => ({ key: code, text: name }))}
         {...withValidator(field('region'), defaultValidator)}
       />

package/src/components/Carousel/Carousel.example.json

@@ -4,5 +4,6 @@
   "arrowsPadded": true,
   "isCycle": false,
   "isPadding": true,
-  "isAlignCenter": false
+  "isAlignCenter": false,
+  "cardSize": "normal"
 }