@redneckz/wildless-cms-uni-blocks 0.14.909 → 0.14.911

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { style } from '../../utils/style.js';
+import { renderIcon } from './renderIcon.js';
+import { renderOptionText } from './renderOptionText.js';
+export const renderSelectContainer = ({ isBorder = true, valid = true, isDisabled = false, isOpen = false, onOpen, onClose, isManualInput = false, query = '', value, placeholder = '', iconVersion = 'black', options = [], }) => {
+    const isIconHidden = getIconHidden(isManualInput, options, query);
+    return (_jsxs("div", { className: style({ 'border rounded-md': isBorder }, { 'hover:border-primary-hover': isBorder && !isDisabled }, isDisabled ? 'bg-main-divider' : 'cursor-pointer ', valid ? 'border-gray' : 'border-error', 'h-14 [&>*]:p-m pr-6 text-l flex items-center justify-between text-primary-text relative z-10 overflow-hidden'), onClick: isOpen ? onClose : onOpen, children: [_jsx("p", { className: "line-clamp-2 text-ellipsis", children: renderOptionText({ isManualInput, query, value, placeholder }) }), isIconHidden ? '' : renderIcon(isOpen, iconVersion)] }));
+};
+const getIconHidden = (isManualInput, options, query) => {
+    if (isManualInput && query?.length) {
+        return true;
+    }
+    return isManualInput && !options.length;
+};
+//# sourceMappingURL=renderSelectContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"renderSelectContainer.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/renderSelectContainer.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAYtD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,IAAI,EACZ,UAAU,GAAG,KAAK,EAClB,MAAM,GAAG,KAAK,EACd,MAAM,EACN,OAAO,EACP,aAAa,GAAG,KAAK,EACrB,KAAK,GAAG,EAAE,EACV,KAAK,EACL,WAAW,GAAG,EAAE,EAChB,WAAW,GAAG,OAAO,EACrB,OAAO,GAAG,EAAE,GACS,EAAE,EAAE;IACzB,MAAM,YAAY,GAAG,aAAa,CAAC,aAAa,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IAElE,OAAO,CACL,eACE,SAAS,EAAE,KAAK,CACd,EAAE,mBAAmB,EAAE,QAAQ,EAAE,EACjC,EAAE,4BAA4B,EAAE,QAAQ,IAAI,CAAC,UAAU,EAAE,EACzD,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EAClD,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,EACtC,8GAA8G,CAC/G,EACD,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,aAElC,YAAG,SAAS,EAAC,4BAA4B,YACtC,gBAAgB,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,GAC7D,EACH,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,EAAE,WAAW,CAAC,IAChD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,aAAsB,EAAE,OAAiB,EAAE,KAAc,EAAE,EAAE;IAClF,IAAI,aAAa,IAAI,KAAK,EAAE,MAAM,EAAE;QAClC,OAAO,IAAI,CAAC;KACb;IAED,OAAO,aAAa,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;AAC1C,CAAC,CAAC"}

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

@@ -3,8 +3,9 @@ import { type SelectPopupProps } from './SelectPopup';
 interface SelectPopupOptions extends SelectPopupProps, OnCloseProps {
     isOpen?: boolean;
     onChangeQuery?: (value: string) => void;
+    disableFilterOptions?: boolean;
 }
-export declare function useSelectPopup({ isOpen, options, value, query, onChange, onClose, iconVersion, onChangeQuery, }: SelectPopupOptions): {
+export declare function useSelectPopup({ isOpen, options, value, query, onChange, onClose, iconVersion, disableFilterOptions, onChangeQuery, }: SelectPopupOptions): {
     current: HTMLDivElement | null;
 };
 export {};

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

@@ -1,18 +1,19 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { useCallback, useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
 import { useOutsideClick } from '@redneckz/uni-jsx/lib/hooks/useOutsideClick';
+import { noop } from '../../utils/noop.js';
 import { usePopupManager } from '../PopupManager/usePopupManager.js';
 import { SelectPopup } from './SelectPopup.js';
-export function useSelectPopup({ isOpen, options, value, query, onChange, onClose, iconVersion, onChangeQuery, }) {
+export function useSelectPopup({ isOpen, options, value, query, onChange = noop, onClose = noop, iconVersion, disableFilterOptions = false, onChangeQuery = noop, }) {
     const popup = usePopupManager();
     const close = useCallback(() => {
         popup.close();
-        onClose && onClose();
+        onClose();
     }, [onClose]);
     const handleChange = useCallback((option) => {
         close();
-        onChange && onChange(option);
-        onChangeQuery && onChangeQuery('');
+        onChange(option);
+        onChangeQuery('');
     }, [close, onChange]);
     const inputRef = useRef(null);
     const popupRef = useOutsideClick(close);
@@ -23,7 +24,7 @@ export function useSelectPopup({ isOpen, options, value, query, onChange, onClos
         const inputElement = inputRef.current;
         const { top, left, width, height } = inputElement.getBoundingClientRect();
         popup.open({
-            popup: (_jsx(SelectPopup, { popupRef: popupRef, options: options, value: value, query: query, onChange: handleChange, iconVersion: iconVersion, onChangeQuery: onChangeQuery })),
+            popup: (_jsx(SelectPopup, { popupRef: popupRef, options: options, value: value, query: query, iconVersion: iconVersion, disableFilterOptions: disableFilterOptions, onChange: handleChange, onChangeQuery: onChangeQuery })),
             top: top + window.scrollY + height,
             left,
             width,

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

@@ -1 +1 @@
-{"version":3,"file":"useSelectPopup.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/useSelectPopup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAE9E,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AAOnE,MAAM,UAAU,cAAc,CAAC,EAC7B,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAW,EACX,aAAa,GACM;IACnB,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAEhC,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,OAAO,IAAI,OAAO,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,MAAc,EAAE,EAAE;QACjB,KAAK,EAAE,CAAC;QACR,QAAQ,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC7B,aAAa,IAAI,aAAa,CAAC,EAAE,CAAC,CAAC;IACrC,CAAC,EACD,CAAC,KAAK,EAAE,QAAQ,CAAC,CAClB,CAAC;IAEF,MAAM,QAAQ,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACrD,MAAM,QAAQ,GAAG,eAAe,CAAiB,KAAK,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;YAChC,OAAO;SACR;QAED,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC;QACtC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC,qBAAqB,EAAE,CAAC;QAE1E,KAAK,CAAC,IAAI,CAAC;YACT,KAAK,EAAE,CACL,KAAC,WAAW,IACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,GAC5B,CACH;YACD,GAAG,EAAE,GAAG,GAAG,MAAM,CAAC,OAAO,GAAG,MAAM;YAClC,IAAI;YACJ,KAAK;SACN,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;IAElD,OAAO,QAAQ,CAAC;AAClB,CAAC"}
+{"version":3,"file":"useSelectPopup.js","sourceRoot":"","sources":["../../../src/ui-kit/Select/useSelectPopup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAE9E,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AAQnE,MAAM,UAAU,cAAc,CAAC,EAC7B,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,GAAG,IAAI,EACf,OAAO,GAAG,IAAI,EACd,WAAW,EACX,oBAAoB,GAAG,KAAK,EAC5B,aAAa,GAAG,IAAI,GACD;IACnB,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAEhC,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,MAAc,EAAE,EAAE;QACjB,KAAK,EAAE,CAAC;QACR,QAAQ,CAAC,MAAM,CAAC,CAAC;QACjB,aAAa,CAAC,EAAE,CAAC,CAAC;IACpB,CAAC,EACD,CAAC,KAAK,EAAE,QAAQ,CAAC,CAClB,CAAC;IAEF,MAAM,QAAQ,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACrD,MAAM,QAAQ,GAAG,eAAe,CAAiB,KAAK,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;YAChC,OAAO;SACR;QAED,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC;QACtC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC,qBAAqB,EAAE,CAAC;QAE1E,KAAK,CAAC,IAAI,CAAC;YACT,KAAK,EAAE,CACL,KAAC,WAAW,IACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,oBAAoB,EAAE,oBAAoB,EAC1C,QAAQ,EAAE,YAAY,EACtB,aAAa,EAAE,aAAa,GAC5B,CACH;YACD,GAAG,EAAE,GAAG,GAAG,MAAM,CAAC,OAAO,GAAG,MAAM;YAClC,IAAI;YACJ,KAAK;SACN,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;IAElD,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/mobile/src/Env.ts

@@ -2,6 +2,8 @@ export interface Env {
   SITE_URL?: string;
   SUB_PORTALS?: string;
   MOBILE?: string;
+  SINGLE_SEARCH_INDEX?: string;
+  SEARCH_LANG?: string;
 }
 
 export const env: Env & {

package/mobile/src/components/Footer/LinkList.tsx

@@ -8,13 +8,14 @@ import { style } from '../../utils/style';
 
 interface LinkListProps extends ComponentType {
   items?: LinkProps[];
+  isFlex?: boolean;
 }
 
-export const LinkList = JSX<LinkListProps>(({ className = '', items }) => {
+export const LinkList = JSX<LinkListProps>(({ className = '', items, isFlex = true }) => {
   const link = useLink();
 
   return (
-    <ul className={style('flex flex-col gap-s w-full', className)}>
+    <ul className={style(isFlex ? 'flex flex-col gap-s' : 'block', 'w-full', className)}>
       {items?.map(renderLinkListItem(link))}
     </ul>
   );

package/mobile/src/services/search/tokenize.ts

@@ -1,7 +1,14 @@
+import { env } from '../../Env';
+
 const MIN_TERM_LEN = 3;
+const LANG = env.SEARCH_LANG;
 
 export const tokenize = (text: string) =>
   text
     .toLowerCase()
     .split(/[^0-9a-zа-я-]+/)
-    .filter((token) => token.length >= MIN_TERM_LEN && !/[0-9a-z]/.test(token));
+    .filter(
+      (token) =>
+        token.length >= MIN_TERM_LEN &&
+        (LANG === 'en' ? !/[а-яА-ЯёЁ0-9]/.test(token) : !/[0-9a-z]/.test(token)),
+    );

package/mobile/src/ui-kit/FormField/Fields/InnDadataField.tsx

@@ -11,7 +11,7 @@ type InnSuggestion = {
   inn?: string;
 };
 
-export const InnDadataField = JSX<CustomFieldProps>(({ field, input }) => {
+export const InnDadataField = JSX<CustomFieldProps>(({ field, input = {} }) => {
   const [options, setOptions] = useState<InnSuggestion[]>([]);
   const [searchQuery, setSearchQuery] = useState('');
 
@@ -38,9 +38,14 @@ export const InnDadataField = JSX<CustomFieldProps>(({ field, input }) => {
       label="ИНН"
       placeholder="Введите ИНН"
       options={getOptions}
-      {...field(input?.name ?? '')}
+      {...field(input.name ?? '')}
       isSearch
       isManualInput
+      inputProps={{
+        isInteger: true,
+        maxLength: 12,
+      }}
+      disableFilterOptions={true}
       onSearchQuery={setSearchQuery}
     />
   );

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

@@ -1,10 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
 import { type TopMenuItemProps } from '../../data/NavigationData';
+import { env } from '../../Env';
 import { type LinkProps } from '../../model/LinkProps';
 import type { OnCloseProps } from '../../model/OnCloseProps';
 import { useSearch, type SearchResult } from '../../services/search/useSearch';
 import { zip } from '../../utils/fp/zip';
+import { getBasePath } from '../../utils/getBasePath';
 import { joinPath } from '../../utils/url';
 import { Dialog } from '../DialogManager/Dialog';
 import { Sitemap } from '../Sitemap/Sitemap';
@@ -15,8 +17,16 @@ export interface SearchDialogProps extends OnCloseProps {
   navigationItems?: TopMenuItemProps[];
 }
 
+const IS_SINGLE_SEARCH_INDEX = Boolean(env.SINGLE_SEARCH_INDEX);
+
 export const SearchDialog = JSX<SearchDialogProps>(({ initialQuery, navigationItems, onClose }) => {
-  const basePathList = useMemo(() => navigationItems?.map((_) => _.href || '/'), [navigationItems]);
+  const basePath = getBasePath(env.SITE_URL);
+
+  const basePathList = useMemo(
+    () => (IS_SINGLE_SEARCH_INDEX ? [basePath] : navigationItems?.map((_) => _.href || '/')),
+    [navigationItems],
+  );
+
   const [searchResult, searchInputProps] = useSearch({
     basePathList,
     initialQuery,

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

@@ -4,14 +4,13 @@ import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { type ControlProps } from '../../model/ControlProps';
 import { type DefaultControlType } from '../../model/DefaultControlType';
 import { type IconVersion } from '../../model/IconVersion';
-import { type PlaceholderProps } from '../../model/PlaceholderProps';
 import { debounce } from '../../utils/debounce';
+import { noop } from '../../utils/noop';
 import { style } from '../../utils/style';
-import { Icon } from '../Icon/Icon';
-import { Input } from '../Input/Input';
 import { renderLabel } from '../Input/renderLabel';
-import { formatOption } from './formatOption';
 import { type Option } from './Option';
+import { renderSearchInput } from './renderSearchInput';
+import { renderSelectContainer } from './renderSelectContainer';
 import { useSelectPopup } from './useSelectPopup';
 
 export interface SelectProps extends DefaultControlType, ControlProps<Option> {
@@ -21,13 +20,14 @@ export interface SelectProps extends DefaultControlType, ControlProps<Option> {
   isSearch?: boolean;
   isManualInput?: boolean;
   iconVersion?: IconVersion;
+  inputProps?: InputTypeProps;
+  disableFilterOptions?: boolean;
   onSearchQuery?: (value: string) => void;
 }
 
-type renderOptionTextProps = PlaceholderProps & {
-  isManualInput?: boolean;
-  query?: string;
-  value?: Option;
+export type InputTypeProps = {
+  isInteger?: boolean;
+  maxLength?: number;
 };
 
 export const Select = JSX<SelectProps>(
@@ -36,133 +36,74 @@ export const Select = JSX<SelectProps>(
     label,
     options = [],
     value,
-    valid = true,
-    isBorder = true,
-    placeholder = '',
     isSearch = false,
     isManualInput = false,
     disabled = false,
     iconVersion = 'black',
     onChange,
-    onSearchQuery,
+    onSearchQuery = noop,
+    inputProps,
+    disableFilterOptions = false,
+    ...rest
   }) => {
     const [isOpen, { setFalse: close, setTrue: open }] = useBool();
     const [query, setQuery] = useState('');
-    const isDisabled = getDisabled(disabled, options.length, isManualInput);
-    const isIconHidden = getIconHidden(isManualInput, options);
-    const hasOpen = isOpen && !isDisabled;
+
+    const isDisabled = disabled || (!isManualInput && options.length === 0);
 
     const debouncedOnSearchQuery = useMemo(
-      () => onSearchQuery && getDebouncedSearchQuery(onSearchQuery),
+      () => debounce((searchValue: string) => onSearchQuery(searchValue), 300),
       [onSearchQuery],
     );
 
     const handleOpen = useCallback(() => {
-      if (isDisabled) {
-        return;
-      }
-
-      open();
+      isDisabled ? noop() : open();
     }, [isDisabled]);
 
-    const handleChangeQuery = (newQuery: string) => {
-      setQuery(newQuery);
-      isManualInput && setOption(newQuery, onChange);
-      debouncedOnSearchQuery && debouncedOnSearchQuery(newQuery);
-    };
-
     const handleClose = useCallback(() => {
       !isManualInput && setQuery('');
       close();
-    }, []);
-
+    }, [isManualInput]);
+
+    const handleChangeQuery = useCallback(
+      (newQuery: string) => {
+        setQuery(newQuery);
+        isManualInput && onChange?.({ key: newQuery, text: newQuery, innDaData: {} });
+        debouncedOnSearchQuery?.(newQuery);
+      },
+      [isManualInput, onChange, debouncedOnSearchQuery],
+    );
+    const selectState = { query, value, options, isOpen, iconVersion };
     const inputRef = useSelectPopup({
-      isOpen,
-      options,
-      value,
-      query,
       onChange,
       onClose: handleClose,
-      iconVersion,
+      disableFilterOptions,
       onChangeQuery: setQuery,
+      ...selectState,
     });
 
     return (
       <div className={style('space-y-xs', className)}>
         {renderLabel(label)}
-        <div className={style('relative', hasOpen ? 'z-20' : 'z-10')} ref={inputRef}>
-          <div
-            className={style(
-              'h-14 [&>*]:p-m pr-6 text-l flex items-center justify-between text-primary-text relative z-10 overflow-hidden',
-              getStyle(isBorder, valid, isDisabled),
-            )}
-            onClick={hasOpen ? handleClose : handleOpen}
-          >
-            <p className="line-clamp-2 text-ellipsis">
-              {useRenderOptionText({ isManualInput, query, value, placeholder })}
-            </p>
-            {isIconHidden ? '' : renderIcon(hasOpen, iconVersion)}
-          </div>
-          {isSearch && hasOpen ? renderSearchInput(query, isDisabled, handleChangeQuery) : null}
+        <div className={style('relative', isOpen ? 'z-20' : 'z-10')} ref={inputRef}>
+          {renderSelectContainer({
+            isDisabled,
+            onClose: handleClose,
+            onOpen: handleOpen,
+            isManualInput,
+            ...selectState,
+            ...rest,
+          })}
+          {isSearch && isOpen
+            ? renderSearchInput({
+                query,
+                isDisabled,
+                inputProps,
+                onChangeQuery: handleChangeQuery,
+              })
+            : null}
         </div>
       </div>
     );
   },
 );
-
-const useRenderOptionText = (data: renderOptionTextProps) =>
-  useMemo(() => {
-    if (data.isManualInput && data.query) {
-      return data.query;
-    }
-
-    return formatOption(data.value) || data.placeholder;
-  }, [data.isManualInput, data.query, data.value, data.placeholder]);
-
-const renderSearchInput = (
-  query: string,
-  isDisabled: boolean,
-  onChangeQuery: (value: string) => void,
-) => (
-  <div className={style('absolute top-0 w-full z-20')}>
-    <Input
-      type="text"
-      value={query}
-      autoFocus
-      disabled={isDisabled}
-      onChange={(value) => onChangeQuery(value)}
-    />
-  </div>
-);
-
-const renderIcon = (isOpen: boolean, iconVersion?: IconVersion) => (
-  <Icon
-    className={style('absolute right-0 flex self-center', { 'rotate-180': !isOpen })}
-    iconVersion={iconVersion}
-    name="ArrowUpIcon"
-    width="16"
-    height="16"
-  />
-);
-
-const getStyle = (isBorder: boolean, valid: boolean, disabled: boolean) =>
-  style(
-    isBorder ? 'border rounded-md ' : '',
-    isBorder && !disabled ? 'hover:border-primary-hover' : '',
-    disabled ? 'bg-main-divider' : 'cursor-pointer ',
-    valid ? 'border-gray' : 'border-error',
-  );
-
-// TODO Нужен рефактор и декомпозиция компонента getDisabled, setOption, getIconHidden
-const getDisabled = (disabled: boolean, length: number, isManualInput: boolean) =>
-  disabled || (!isManualInput && length === 0);
-
-const setOption = (query: string, onChange?: (data: Option) => void) => {
-  onChange && query.trim() !== '' && onChange({ key: query, text: query, innDaData: {} });
-};
-
-const getIconHidden = (isManualInput: boolean, options: Option[]) =>
-  isManualInput && !options.length;
-
-const getDebouncedSearchQuery = (onSearchQuery: (value: string) => void) =>
-  debounce((searchValue: string) => onSearchQuery(searchValue), 300);

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

@@ -14,17 +14,27 @@ export interface SelectPopupProps extends ControlProps<Option> {
   popupRef?: { current: HTMLDivElement | null };
   query?: string;
   onChangeQuery?: (value: string) => void;
+  disableFilterOptions?: boolean;
 }
 
 export const SelectPopup = JSX<SelectPopupProps>(
-  ({ popupRef, options, value, query, onChange, iconVersion, onChangeQuery }) =>
+  ({
+    popupRef,
+    options,
+    value,
+    query,
+    iconVersion,
+    disableFilterOptions,
+    onChange,
+    onChangeQuery,
+  }) =>
     options?.length ? (
       <div
         className="bg-white text-l max-h-64 overflow-y-auto overflow-x-hidden rounded-md shadow-2xl"
         role="list"
         ref={popupRef}
       >
-        {filterOptions(options, query).map((option) => (
+        {filterOptions(options, query, disableFilterOptions).map((option) => (
           <div
             key={option.key}
             className="flex px-m py-s cursor-pointer hover:bg-main-divider pr-5xl relative"

package/mobile/src/ui-kit/Select/filterOptions.ts

@@ -1,7 +1,11 @@
 import { type Option } from './Option';
 
-export const filterOptions = (options: Option[], query: string | undefined): Option[] => {
-  if (!options?.length || !query?.trim()) {
+export const filterOptions = (
+  options: Option[],
+  query: string | undefined,
+  disableFilterOptions?: boolean,
+): Option[] => {
+  if (!options?.length || !query?.trim() || disableFilterOptions) {
     return options;
   }
 

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

@@ -0,0 +1,13 @@
+import type { IconVersion } from '../../model/IconVersion';
+import { style } from '../../utils/style';
+import { Icon } from '../Icon/Icon';
+
+export const renderIcon = (isOpen: boolean, iconVersion?: IconVersion) => (
+  <Icon
+    className={style('absolute right-0 flex self-center', { 'rotate-180': !isOpen })}
+    iconVersion={iconVersion}
+    name="ArrowUpIcon"
+    width="16"
+    height="16"
+  />
+);

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

@@ -0,0 +1,22 @@
+import { type PlaceholderProps } from '../../model/PlaceholderProps';
+import { formatOption } from './formatOption';
+import { type Option } from './Option';
+
+type RenderOptionTextProps = PlaceholderProps & {
+  isManualInput?: boolean;
+  query?: string;
+  value?: Option;
+};
+
+export const renderOptionText = ({
+  isManualInput,
+  query,
+  value,
+  placeholder,
+}: RenderOptionTextProps) => {
+  if (isManualInput && query) {
+    return query;
+  }
+
+  return formatOption(value) || placeholder;
+};

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

@@ -0,0 +1,28 @@
+import { InputControl } from '../Input/InputControl';
+import { type InputTypeProps } from './Select';
+
+type RenderSearchInputProps = {
+  query: string;
+  isDisabled: boolean;
+  onChangeQuery: (value: string) => void;
+  inputProps?: InputTypeProps;
+};
+
+export const renderSearchInput = ({
+  query,
+  isDisabled,
+  onChangeQuery,
+  inputProps,
+}: RenderSearchInputProps) => (
+  <div className="absolute top-0 w-full z-20">
+    <InputControl
+      type="text"
+      value={query}
+      autoFocus
+      disabled={isDisabled}
+      onChange={(value) => onChangeQuery(value)}
+      maxLength={inputProps?.maxLength}
+      isInteger={inputProps?.isInteger ?? false}
+    />
+  </div>
+);

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

@@ -0,0 +1,60 @@
+import type { ControlProps } from '../../model/ControlProps';
+import { type IconVersion } from '../../model/IconVersion';
+import { type OnCloseProps } from '../../model/OnCloseProps';
+import { style } from '../../utils/style';
+import { type Option } from './Option';
+import { renderIcon } from './renderIcon';
+import { renderOptionText } from './renderOptionText';
+import { type SelectProps } from './Select';
+
+interface SelectContainerProps extends OnCloseProps, SelectProps, ControlProps<Option> {
+  isOpen?: boolean;
+  isDisabled?: boolean;
+  iconVersion?: IconVersion;
+  query?: string;
+  isIconHidden?: boolean;
+  onOpen?: () => void;
+}
+
+export const renderSelectContainer = ({
+  isBorder = true,
+  valid = true,
+  isDisabled = false,
+  isOpen = false,
+  onOpen,
+  onClose,
+  isManualInput = false,
+  query = '',
+  value,
+  placeholder = '',
+  iconVersion = 'black',
+  options = [],
+}: SelectContainerProps) => {
+  const isIconHidden = getIconHidden(isManualInput, options, query);
+
+  return (
+    <div
+      className={style(
+        { 'border rounded-md': isBorder },
+        { 'hover:border-primary-hover': isBorder && !isDisabled },
+        isDisabled ? 'bg-main-divider' : 'cursor-pointer ',
+        valid ? 'border-gray' : 'border-error',
+        'h-14 [&>*]:p-m pr-6 text-l flex items-center justify-between text-primary-text relative z-10 overflow-hidden',
+      )}
+      onClick={isOpen ? onClose : onOpen}
+    >
+      <p className="line-clamp-2 text-ellipsis">
+        {renderOptionText({ isManualInput, query, value, placeholder })}
+      </p>
+      {isIconHidden ? '' : renderIcon(isOpen, iconVersion)}
+    </div>
+  );
+};
+
+const getIconHidden = (isManualInput: boolean, options: Option[], query?: string) => {
+  if (isManualInput && query?.length) {
+    return true;
+  }
+
+  return isManualInput && !options.length;
+};

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

@@ -1,6 +1,7 @@
 import { useCallback, useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
 import { useOutsideClick } from '@redneckz/uni-jsx/lib/hooks/useOutsideClick';
 import type { OnCloseProps } from '../../model/OnCloseProps';
+import { noop } from '../../utils/noop';
 import { usePopupManager } from '../PopupManager/usePopupManager';
 import { type Option } from './Option';
 import { SelectPopup, type SelectPopupProps } from './SelectPopup';
@@ -8,6 +9,7 @@ import { SelectPopup, type SelectPopupProps } from './SelectPopup';
 interface SelectPopupOptions extends SelectPopupProps, OnCloseProps {
   isOpen?: boolean;
   onChangeQuery?: (value: string) => void;
+  disableFilterOptions?: boolean;
 }
 
 export function useSelectPopup({
@@ -15,23 +17,24 @@ export function useSelectPopup({
   options,
   value,
   query,
-  onChange,
-  onClose,
+  onChange = noop,
+  onClose = noop,
   iconVersion,
-  onChangeQuery,
+  disableFilterOptions = false,
+  onChangeQuery = noop,
 }: SelectPopupOptions) {
   const popup = usePopupManager();
 
   const close = useCallback(() => {
     popup.close();
-    onClose && onClose();
+    onClose();
   }, [onClose]);
 
   const handleChange = useCallback(
     (option: Option) => {
       close();
-      onChange && onChange(option);
-      onChangeQuery && onChangeQuery('');
+      onChange(option);
+      onChangeQuery('');
     },
     [close, onChange],
   );
@@ -54,8 +57,9 @@ export function useSelectPopup({
           options={options}
           value={value}
           query={query}
-          onChange={handleChange}
           iconVersion={iconVersion}
+          disableFilterOptions={disableFilterOptions}
+          onChange={handleChange}
           onChangeQuery={onChangeQuery}
         />
       ),

package/package.json

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

package/src/Env.ts

@@ -2,6 +2,8 @@ export interface Env {
   SITE_URL?: string;
   SUB_PORTALS?: string;
   MOBILE?: string;
+  SINGLE_SEARCH_INDEX?: string;
+  SEARCH_LANG?: string;
 }
 
 export const env: Env & {

package/src/components/Footer/LinkList.tsx

@@ -8,13 +8,14 @@ import { style } from '../../utils/style';
 
 interface LinkListProps extends ComponentType {
   items?: LinkProps[];
+  isFlex?: boolean;
 }
 
-export const LinkList = JSX<LinkListProps>(({ className = '', items }) => {
+export const LinkList = JSX<LinkListProps>(({ className = '', items, isFlex = true }) => {
   const link = useLink();
 
   return (
-    <ul className={style('flex flex-col gap-s w-full', className)}>
+    <ul className={style(isFlex ? 'flex flex-col gap-s' : 'block', 'w-full', className)}>
       {items?.map(renderLinkListItem(link))}
     </ul>
   );