@redneckz/wildless-cms-uni-blocks 0.14.914 → 0.14.916

package/src/ui-kit/FormField/Fields/DadataPartySelectField.tsx

@@ -0,0 +1,150 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useAsyncEffect } from '../../../hooks/useAsyncEffect';
+import { useDadataParty, type DaDataPartyHint } from '../../../hooks/useDadataParty';
+import { type OptionWithData } from '../../Select/Option';
+import { SelectControl } from '../../Select/SelectControl';
+import { Text } from '../../Text/Text';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+type FieldType = 'dadataPartyInnSelect' | 'dadataPartyNameSelect';
+
+type FieldConfig = {
+  label: string;
+  placeholder: string;
+  inputProps?: {
+    isInteger?: boolean;
+    maxLength?: number;
+  };
+};
+
+type FieldMappingValue = {
+  fieldValue: string;
+  linkedFieldName: string;
+  linkedFieldValue: string;
+};
+
+const FIELD_MAPPING: Record<FieldType, FieldMappingValue> = {
+  dadataPartyInnSelect: {
+    fieldValue: 'inn',
+    linkedFieldName: 'dadataPartyNameSelect',
+    linkedFieldValue: 'fullName',
+  },
+  dadataPartyNameSelect: {
+    fieldValue: 'fullName',
+    linkedFieldName: 'dadataPartyInnSelect',
+    linkedFieldValue: 'inn',
+  },
+};
+
+const FIELD_CONFIG: Record<FieldType, FieldConfig> = {
+  dadataPartyInnSelect: {
+    label: 'ИНН',
+    placeholder: 'Введите ИНН',
+    inputProps: {
+      isInteger: true,
+      maxLength: 12,
+    },
+  },
+  dadataPartyNameSelect: {
+    label: 'Полное наименование',
+    placeholder: 'Введите полное наименование',
+  },
+};
+
+export const DadataPartySelectField = JSX<CustomFieldProps>(({ field, input = {} }) => {
+  const fieldName = input.name ?? '';
+
+  const linkedField = FIELD_MAPPING[fieldName].linkedFieldName;
+  const linkedFieldValue = field(linkedField).value;
+  const linkedFieldValueData = linkedFieldValue?.data;
+
+  useAsyncEffect(async () => {
+    if (
+      linkedFieldValueData?.fullName &&
+      linkedFieldValueData?.fullName !== field(fieldName)?.value?.data?.fullName
+    ) {
+      const fieldValues = getFieldValues(linkedFieldValue as OptionWithData<DaDataPartyHint>);
+      const { fullName, address, inn } = fieldValues;
+
+      const optionTextValue = getLinkedFieldValue(fieldValues, linkedField as string);
+      const dadataFields = useDadataParty(optionTextValue);
+      setSearchQuery(optionTextValue);
+
+      setOptions(await dadataFields);
+
+      field(fieldName)?.onChange?.({
+        key: inn,
+        text: optionTextValue,
+        data: {
+          fullName,
+          address,
+        },
+      });
+    }
+  }, [linkedFieldValueData]);
+
+  const [options, setOptions] = useState<DaDataPartyHint[]>([]); // InnSuggestion
+  const [searchQuery, setSearchQuery] = useState('');
+
+  useAsyncEffect(async () => {
+    const dadataFields = useDadataParty(searchQuery);
+    setOptions(await dadataFields);
+
+    return options;
+  }, [searchQuery]);
+
+  const getOptions = useMemo(
+    () =>
+      (options || []).map((item = {}) => ({
+        key: item.inn ?? '',
+        text: item[FIELD_MAPPING[fieldName].fieldValue],
+        data: {
+          fullName: item.fullName,
+          address: item.address,
+        },
+      })),
+    [options],
+  );
+
+  return (
+    <SelectControl
+      {...FIELD_CONFIG[fieldName]}
+      options={getOptions}
+      {...field(input.name ?? '')}
+      isSearch
+      isManualInput
+      disableFilterOptions={true}
+      onSearchQuery={setSearchQuery}
+      renderOptions={renderOptions}
+    />
+  );
+});
+
+export type CompanyDataProps = {
+  fullName?: string;
+  address?: string;
+};
+
+const getFieldValues = (value: OptionWithData<CompanyDataProps>): DaDataPartyHint => ({
+  inn: value?.key,
+  fullName: value?.data?.fullName,
+  address: value?.data?.address,
+});
+
+const renderOptions = (option: OptionWithData<CompanyDataProps>) => (
+  <span>
+    <Text size="text-s">{option?.data?.fullName}</Text>
+    <div className="space-x-2">
+      <Text size="text-s" font="font-light">
+        {option?.key}
+      </Text>
+      <Text size="text-s" font="font-light">
+        {option?.data?.address}
+      </Text>
+    </div>
+  </span>
+);
+
+const getLinkedFieldValue = (fieldValues: DaDataPartyHint, linkedField: string): string =>
+  fieldValues?.[FIELD_MAPPING[linkedField].linkedFieldValue];

package/src/ui-kit/FormField/NameFieldDef.ts

@@ -40,8 +40,8 @@ type NameFieldApplicationDef =
   | 'consentToReceiveMaterials'
   | 'consentDataProcessing'
   | 'partnerSymbolCode'
-  | 'innDadata'
-  | 'companyNameByInn'
-  | 'partnerName';
+  | 'partnerName'
+  | 'dadataPartyNameSelect'
+  | 'dadataPartyInnSelect';
 
 export type NameFieldDef = NameFieldApplicationDef;

package/src/ui-kit/FormField/getField.tsx

@@ -13,13 +13,12 @@ import { BankEmpoleeField } from './Fields/BankEmpoleeField';
 import { BirthdayField } from './Fields/BirthdayField';
 import { CollectionCountField } from './Fields/CollectionCountField';
 import { CommentField } from './Fields/CommentField';
-import { CompanyNameByInnField } from './Fields/CompanyNameByInnField';
+import { DadataPartySelectField } from './Fields/DadataPartySelectField';
 import { DesiredMeetingDateField } from './Fields/DesiredMeetingDateField';
 import { EmailField } from './Fields/EmailField';
 import { FeedbackMethodField } from './Fields/FeedbackMethodField';
 import { FullNameField } from './Fields/FullNameField';
 import { FullRegionField } from './Fields/FullRegionField';
-import { InnDadataField } from './Fields/InnDadataField';
 import { InnField } from './Fields/InnField';
 import { IsClientField } from './Fields/IsClientField';
 import { LocalitiesField } from './Fields/LocalitiesField';
@@ -100,9 +99,9 @@ const InputsMap = {
   partnerSymbolCode: (props: CustomFieldProps) => (
     <PartnerSymbolCodeField {...props} source={AGENTS_REF} />
   ),
-  innDadata: InnDadataField,
-  companyNameByInn: CompanyNameByInnField,
   partnerName: (props: CustomFieldProps) => <PartnerNameField {...props} source={AGENTS_REF} />,
+  dadataPartyNameSelect: DadataPartySelectField,
+  dadataPartyInnSelect: DadataPartySelectField,
 };
 
 export const getField =

package/src/ui-kit/FormField/getObjectValidator.tsx

@@ -41,9 +41,9 @@ export const validatorObj: Record<string, Validator> = {
   typeForm: defaultValidator(),
   consentToReceiveMaterials: agreementValidator,
   consentDataProcessing: agreementValidator,
-  partnerSymbolCode: defaultValidator(),
-  innDadata: innDadataValidator('Укажите ИНН'),
-  companyNameByInn: defaultValidator(),
+  partnerSymbolCode: defaultValidator('Укажите идентификатор партнёра'),
+  dadataPartyInnSelect: innDadataValidator('Укажите ИНН'),
+  dadataPartyNameSelect: defaultValidator('Укажите наименование организации'),
 };
 
 export const getFormValidator = <FormState extends Record<string, any>, F extends BaseFieldDef>(

package/src/ui-kit/Select/Option.ts

@@ -1,11 +1,9 @@
 import type { TextProps } from '../../model/HeadlineType';
 
-type companyData = {
-  companyName?: string;
-  companyAddress?: string;
-};
-
 export type Option = TextProps & {
   key: string;
-  innDaData?: companyData;
+};
+
+export type OptionWithData<T = unknown> = Option & {
+  data?: T;
 };

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

@@ -8,7 +8,7 @@ import { debounce } from '../../utils/debounce';
 import { noop } from '../../utils/noop';
 import { style } from '../../utils/style';
 import { renderLabel } from '../Input/renderLabel';
-import { type Option } from './Option';
+import { type Option, type OptionWithData } from './Option';
 import { renderSearchInput } from './renderSearchInput';
 import { renderSelectContainer } from './renderSelectContainer';
 import { useSelectPopup } from './useSelectPopup';
@@ -23,6 +23,7 @@ export interface SelectProps extends DefaultControlType, ControlProps<Option> {
   inputProps?: InputTypeProps;
   disableFilterOptions?: boolean;
   onSearchQuery?: (value: string) => void;
+  renderOptions?: (option?: OptionWithData) => void;
 }
 
 export type InputTypeProps = {
@@ -44,6 +45,7 @@ export const Select = JSX<SelectProps>(
     onSearchQuery = noop,
     inputProps,
     disableFilterOptions = false,
+    renderOptions,
     ...rest
   }) => {
     const [isOpen, { setFalse: close, setTrue: open }] = useBool();
@@ -61,19 +63,19 @@ export const Select = JSX<SelectProps>(
     }, [isDisabled]);
 
     const handleClose = useCallback(() => {
-      !isManualInput && setQuery('');
+      !isSearch && setQuery('');
       close();
     }, [isManualInput]);
 
     const handleChangeQuery = useCallback(
       (newQuery: string) => {
         setQuery(newQuery);
-        isManualInput && onChange?.({ key: newQuery, text: newQuery, innDaData: {} });
+        isManualInput && onChange?.({ key: newQuery, text: newQuery });
         debouncedOnSearchQuery?.(newQuery);
       },
       [isManualInput, onChange, debouncedOnSearchQuery],
     );
-    const selectState = { query, value, options, isOpen, iconVersion };
+    const selectState = { query, value, options, isOpen, iconVersion, renderOptions, isSearch };
     const inputRef = useSelectPopup({
       onChange,
       onClose: handleClose,

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

@@ -3,15 +3,18 @@ import { type ControlProps } from '../../model/ControlProps';
 import { type IconVersion } from '../../model/IconVersion';
 import { style } from '../../utils/style';
 import { Icon } from '../Icon/Icon';
-import { Text } from '../Text/Text';
 import { filterOptions } from './filterOptions';
 import { formatOption } from './formatOption';
-import { type Option } from './Option';
+import { type Option, type OptionWithData } from './Option';
 
-export interface SelectPopupProps extends ControlProps<Option> {
+export interface SelectPopupProps extends ControlProps<Option>, SelectSearchProps {
   iconVersion?: IconVersion;
   options?: Option[];
   popupRef?: { current: HTMLDivElement | null };
+  renderOptions?: (option: OptionWithData) => void;
+}
+
+interface SelectSearchProps {
   query?: string;
   onChangeQuery?: (value: string) => void;
   disableFilterOptions?: boolean;
@@ -22,11 +25,13 @@ export const SelectPopup = JSX<SelectPopupProps>(
     popupRef,
     options,
     value,
-    query,
     iconVersion,
-    disableFilterOptions,
     onChange,
+    renderOptions = renderDefaultOptions,
+    // TODO: вынести в хук отвечающий за фильтрацию
+    query,
     onChangeQuery,
+    disableFilterOptions,
   }) =>
     options?.length ? (
       <div
@@ -48,22 +53,7 @@ export const SelectPopup = JSX<SelectPopupProps>(
               }
             }}
           >
-            {option?.innDaData ? (
-              <span>
-                <Text size="text-s">{option?.innDaData?.companyName}</Text>
-                <div className="space-x-2">
-                  <Text size="text-s" font="font-light">
-                    {formatOption(option)}
-                  </Text>
-                  <Text size="text-s" font="font-light">
-                    {option?.innDaData?.companyAddress}
-                  </Text>
-                </div>
-              </span>
-            ) : (
-              <span className="min-h-6">{formatOption(option)}</span>
-            )}
-
+            {renderOptions(option)}
             <Icon
               name="DoneSimpleIcon"
               width="16"
@@ -78,3 +68,7 @@ export const SelectPopup = JSX<SelectPopupProps>(
       </div>
     ) : null,
 );
+
+const renderDefaultOptions = (option: Option) => (
+  <span className="min-h-6">{formatOption(option)}</span>
+);

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

@@ -10,6 +10,7 @@ interface SelectPopupOptions extends SelectPopupProps, OnCloseProps {
   isOpen?: boolean;
   onChangeQuery?: (value: string) => void;
   disableFilterOptions?: boolean;
+  isSearch?: boolean;
 }
 
 export function useSelectPopup({
@@ -22,6 +23,8 @@ export function useSelectPopup({
   iconVersion,
   disableFilterOptions = false,
   onChangeQuery = noop,
+  renderOptions,
+  isSearch = false,
 }: SelectPopupOptions) {
   const popup = usePopupManager();
 
@@ -34,11 +37,15 @@ export function useSelectPopup({
     (option: Option) => {
       close();
       onChange(option);
-      onChangeQuery('');
+      onChangeQuery(isSearch && option?.text ? option.text : '');
     },
     [close, onChange],
   );
 
+  useEffect(() => {
+    onChangeQuery(isSearch && value?.text ? value.text : '');
+  }, [value]);
+
   const inputRef = useRef<HTMLDivElement | null>(null);
   const popupRef = useOutsideClick<HTMLDivElement>(close);
 
@@ -61,6 +68,7 @@ export function useSelectPopup({
           disableFilterOptions={disableFilterOptions}
           onChange={handleChange}
           onChangeQuery={onChangeQuery}
+          renderOptions={renderOptions}
         />
       ),
       top: top + window.scrollY + height,

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

@@ -11,37 +11,35 @@ import { type SitemapProps } from './SitemapProps';
 const FOOTER_AREA_KEYS = ['all', 'footer'];
 const IS_SINGLE_SEARCH_INDEX = Boolean(env.SINGLE_SEARCH_INDEX);
 
-export const Sitemap = JSX<SitemapProps>(({ className, navigationItems }) => {
-  const link = useLink();
+export const Sitemap = JSX<SitemapProps>(
+  ({ className, navigationItems, isSearchPanel = false }) => {
+    const link = useLink();
 
-  const filteredItems = navigationItems?.filter(isVisibleItem(FOOTER_AREA_KEYS))?.map(link) ?? [];
+    const filteredItems = navigationItems?.filter(isVisibleItem(FOOTER_AREA_KEYS))?.map(link) ?? [];
 
-  const [firstItem] = filteredItems;
+    const [firstItem] = filteredItems;
 
-  return (
-    <div className="space-y-2">
-      {IS_SINGLE_SEARCH_INDEX ? (
-        <div>
-          <LinkList
-            className="columns-3 space-y-3 gap-x-6xl"
-            items={firstItem?.items}
-            isFlex={false}
-          />
-        </div>
-      ) : (
-        <div
-          role="menu"
-          className={style(
-            'w-full flex items-start justify-between flex-col md:flex-row gap-y-m lg:order-2',
-            className,
-          )}
-        >
-          {filteredItems?.map(renderColumn)}
-        </div>
-      )}
-    </div>
-  );
-});
+    return (
+      <div className="space-y-2">
+        {IS_SINGLE_SEARCH_INDEX && isSearchPanel ? (
+          <div>
+            <LinkList className="block columns-3 space-y-3 gap-x-6xl" items={firstItem?.items} />
+          </div>
+        ) : (
+          <div
+            role="menu"
+            className={style(
+              'w-full flex items-start justify-between flex-col md:flex-row gap-m lg:order-2',
+              className,
+            )}
+          >
+            {filteredItems?.map(renderColumn)}
+          </div>
+        )}
+      </div>
+    );
+  },
+);
 
 const renderColumn = (menuItem: TopMenuItemProps & { onClick: () => void }, index: number) => {
   const { text, items = [], href, target = '_self', onClick, dataFooter } = menuItem;
@@ -60,7 +58,9 @@ const renderColumn = (menuItem: TopMenuItemProps & { onClick: () => void }, inde
       >
         {text}
       </a>
-      {visibleSubItems ? <LinkList items={visibleSubItems} /> : null}
+      {visibleSubItems ? (
+        <LinkList className="flex flex-col gap-s" items={visibleSubItems} />
+      ) : null}
     </div>
   );
 };

package/src/ui-kit/Sitemap/SitemapProps.ts

@@ -3,4 +3,5 @@ import { type ComponentType } from '../../model/ComponentType';
 
 export interface SitemapProps extends ComponentType {
   navigationItems?: TopMenuItemProps[];
+  isSearchPanel?: boolean;
 }

package/bundle/hooks/useInn.d.ts

@@ -1,7 +0,0 @@
-interface InnHint {
-    fullName?: string;
-    address?: string;
-    inn?: string;
-}
-export declare const useInn: (searchQuery: string) => Promise<InnHint[]>;
-export {};

package/bundle/ui-kit/FormField/Fields/CompanyNameByInnField.d.ts

@@ -1,2 +0,0 @@
-import { type CustomFieldProps } from '../CustomFieldProps';
-export declare const CompanyNameByInnField: import("@redneckz/uni-jsx").UNIComponent<CustomFieldProps, any, any>;

package/bundle/ui-kit/FormField/Fields/InnDadataField.d.ts

@@ -1,2 +0,0 @@
-import { type CustomFieldProps } from '../CustomFieldProps';
-export declare const InnDadataField: import("@redneckz/uni-jsx").UNIComponent<CustomFieldProps, any, any>;

package/dist/hooks/useInn.d.ts

@@ -1,7 +0,0 @@
-interface InnHint {
-    fullName?: string;
-    address?: string;
-    inn?: string;
-}
-export declare const useInn: (searchQuery: string) => Promise<InnHint[]>;
-export {};

package/dist/hooks/useInn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInn.js","sourceRoot":"","sources":["../../src/hooks/useInn.ts"],"names":[],"mappings":";;AAAA,uEAAuE;AAEvE,MAAM,cAAc,GAAG,eAAe,CAAC;AAQhC,MAAM,MAAM,GAAG,KAAK,EAAE,WAAmB,EAAsB,EAAE,CACtE,CAAC,MAAM,IAAA,4BAAc,EAAC,EAAE,GAAG,EAAE,cAAc,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC9E,QAAQ,EAAE,CAAC,EAAE,KAAK;IAClB,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK;IAChC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG;CAClB,CAAC,CAAC,CAAC;AALO,QAAA,MAAM,UAKb"}

package/dist/ui-kit/FormField/Fields/CompanyNameByInnField.d.ts

@@ -1,2 +0,0 @@
-import { type CustomFieldProps } from '../CustomFieldProps';
-export declare const CompanyNameByInnField: import("@redneckz/uni-jsx").UNIComponent<CustomFieldProps, any, any>;

package/dist/ui-kit/FormField/Fields/CompanyNameByInnField.js

@@ -1,17 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CompanyNameByInnField = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
-const InputControl_1 = require("../../Input/InputControl");
-exports.CompanyNameByInnField = (0, uni_jsx_1.JSX)(({ field, input }) => {
-    const fieldInn = field('innDadata');
-    (0, hooks_1.useEffect)(() => {
-        if (fieldInn?.value?.key !== '') {
-            const companyName = fieldInn?.value?.innDaData?.companyName;
-            companyName && field?.('companyNameByInn')?.onChange?.(companyName);
-        }
-    }, [fieldInn?.value]);
-    return ((0, jsx_runtime_1.jsx)(InputControl_1.InputControl, { maxLength: 60, label: "\u041F\u043E\u043B\u043D\u043E\u0435 \u043D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435", ...field(input?.name ?? ''), ...input }));
-});
-//# sourceMappingURL=CompanyNameByInnField.js.map

package/dist/ui-kit/FormField/Fields/CompanyNameByInnField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompanyNameByInnField.js","sourceRoot":"","sources":["../../../../src/ui-kit/FormField/Fields/CompanyNameByInnField.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAwD;AACxD,2DAAwD;AAG3C,QAAA,qBAAqB,GAAG,IAAA,aAAG,EAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IAC9E,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IAEpC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE;YAC/B,MAAM,WAAW,GAAG,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,CAAC;YAC5D,WAAW,IAAI,KAAK,EAAE,CAAC,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;SACrE;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,uBAAC,2BAAY,IACX,SAAS,EAAE,EAAE,EACb,KAAK,EAAC,+GAAqB,KACvB,KAAK,CAAC,KAAK,EAAE,IAAI,IAAI,EAAE,CAAC,KACxB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/ui-kit/FormField/Fields/InnDadataField.d.ts

@@ -1,2 +0,0 @@
-import { type CustomFieldProps } from '../CustomFieldProps';
-export declare const InnDadataField: import("@redneckz/uni-jsx").UNIComponent<CustomFieldProps, any, any>;

package/dist/ui-kit/FormField/Fields/InnDadataField.js

@@ -1,32 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InnDadataField = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
-const useAsyncEffect_1 = require("../../../hooks/useAsyncEffect");
-const useInn_1 = require("../../../hooks/useInn");
-const SelectControl_1 = require("../../Select/SelectControl");
-exports.InnDadataField = (0, uni_jsx_1.JSX)(({ field, input = {} }) => {
-    const [options, setOptions] = (0, hooks_1.useState)([]);
-    const [searchQuery, setSearchQuery] = (0, hooks_1.useState)('');
-    (0, useAsyncEffect_1.useAsyncEffect)(async () => {
-        const fieldInns = (0, useInn_1.useInn)(searchQuery);
-        setOptions(await fieldInns);
-        return options;
-    }, [searchQuery]);
-    const getOptions = (0, hooks_1.useMemo)(() => {
-        return (options || []).map((item) => ({
-            key: item?.inn ?? '',
-            text: item?.inn,
-            innDaData: {
-                companyName: item?.fullName,
-                companyAddress: item?.address,
-            },
-        }));
-    }, [options]);
-    return ((0, jsx_runtime_1.jsx)(SelectControl_1.SelectControl, { label: "\u0418\u041D\u041D", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0418\u041D\u041D", options: getOptions, ...field(input.name ?? ''), isSearch: true, isManualInput: true, inputProps: {
-            isInteger: true,
-            maxLength: 12,
-        }, disableFilterOptions: true, onSearchQuery: setSearchQuery }));
-});
-//# sourceMappingURL=InnDadataField.js.map

package/dist/ui-kit/FormField/Fields/InnDadataField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InnDadataField.js","sourceRoot":"","sources":["../../../../src/ui-kit/FormField/Fields/InnDadataField.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAAgE;AAChE,kEAA+D;AAC/D,kDAA+C;AAC/C,8DAA2D;AAS9C,QAAA,cAAc,GAAG,IAAA,aAAG,EAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE,EAAE;IAC5E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAkB,EAAE,CAAC,CAAC;IAC5D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAEnD,IAAA,+BAAc,EAAC,KAAK,IAAI,EAAE;QACxB,MAAM,SAAS,GAAG,IAAA,eAAM,EAAC,WAAW,CAAC,CAAC;QACtC,UAAU,CAAC,MAAM,SAAS,CAAC,CAAC;QAE5B,OAAO,OAAO,CAAC;IACjB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACpC,GAAG,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE;YACpB,IAAI,EAAE,IAAI,EAAE,GAAG;YACf,SAAS,EAAE;gBACT,WAAW,EAAE,IAAI,EAAE,QAAQ;gBAC3B,cAAc,EAAE,IAAI,EAAE,OAAO;aAC9B;SACF,CAAC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,uBAAC,6BAAa,IACZ,KAAK,EAAC,oBAAK,EACX,WAAW,EAAC,+DAAa,EACzB,OAAO,EAAE,UAAU,KACf,KAAK,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,EAC3B,QAAQ,QACR,aAAa,QACb,UAAU,EAAE;YACV,SAAS,EAAE,IAAI;YACf,SAAS,EAAE,EAAE;SACd,EACD,oBAAoB,EAAE,IAAI,EAC1B,aAAa,EAAE,cAAc,GAC7B,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/hooks/useInn.d.ts

@@ -1,7 +0,0 @@
-interface InnHint {
-    fullName?: string;
-    address?: string;
-    inn?: string;
-}
-export declare const useInn: (searchQuery: string) => Promise<InnHint[]>;
-export {};

package/lib/hooks/useInn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInn.js","sourceRoot":"","sources":["../../src/hooks/useInn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAEvE,MAAM,cAAc,GAAG,eAAe,CAAC;AAQvC,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,EAAE,WAAmB,EAAsB,EAAE,CACtE,CAAC,MAAM,cAAc,CAAC,EAAE,GAAG,EAAE,cAAc,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC9E,QAAQ,EAAE,CAAC,EAAE,KAAK;IAClB,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK;IAChC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG;CAClB,CAAC,CAAC,CAAC"}

package/lib/ui-kit/FormField/Fields/CompanyNameByInnField.d.ts

@@ -1,2 +0,0 @@
-import { type CustomFieldProps } from '../CustomFieldProps';
-export declare const CompanyNameByInnField: import("@redneckz/uni-jsx").UNIComponent<CustomFieldProps, any, any>;

package/lib/ui-kit/FormField/Fields/CompanyNameByInnField.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
-import { InputControl } from '../../Input/InputControl.js';
-export const CompanyNameByInnField = JSX(({ field, input }) => {
-    const fieldInn = field('innDadata');
-    useEffect(() => {
-        if (fieldInn?.value?.key !== '') {
-            const companyName = fieldInn?.value?.innDaData?.companyName;
-            companyName && field?.('companyNameByInn')?.onChange?.(companyName);
-        }
-    }, [fieldInn?.value]);
-    return (_jsx(InputControl, { maxLength: 60, label: "\u041F\u043E\u043B\u043D\u043E\u0435 \u043D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435", ...field(input?.name ?? ''), ...input }));
-});
-//# sourceMappingURL=CompanyNameByInnField.js.map

package/lib/ui-kit/FormField/Fields/CompanyNameByInnField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompanyNameByInnField.js","sourceRoot":"","sources":["../../../../src/ui-kit/FormField/Fields/CompanyNameByInnField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGxD,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IAC9E,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE;YAC/B,MAAM,WAAW,GAAG,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,CAAC;YAC5D,WAAW,IAAI,KAAK,EAAE,CAAC,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;SACrE;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EAAE,EAAE,EACb,KAAK,EAAC,+GAAqB,KACvB,KAAK,CAAC,KAAK,EAAE,IAAI,IAAI,EAAE,CAAC,KACxB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/ui-kit/FormField/Fields/InnDadataField.d.ts

@@ -1,2 +0,0 @@
-import { type CustomFieldProps } from '../CustomFieldProps';
-export declare const InnDadataField: import("@redneckz/uni-jsx").UNIComponent<CustomFieldProps, any, any>;

package/lib/ui-kit/FormField/Fields/InnDadataField.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { useAsyncEffect } from '../../../hooks/useAsyncEffect.js';
-import { useInn } from '../../../hooks/useInn.js';
-import { SelectControl } from '../../Select/SelectControl.js';
-export const InnDadataField = JSX(({ field, input = {} }) => {
-    const [options, setOptions] = useState([]);
-    const [searchQuery, setSearchQuery] = useState('');
-    useAsyncEffect(async () => {
-        const fieldInns = useInn(searchQuery);
-        setOptions(await fieldInns);
-        return options;
-    }, [searchQuery]);
-    const getOptions = useMemo(() => {
-        return (options || []).map((item) => ({
-            key: item?.inn ?? '',
-            text: item?.inn,
-            innDaData: {
-                companyName: item?.fullName,
-                companyAddress: item?.address,
-            },
-        }));
-    }, [options]);
-    return (_jsx(SelectControl, { label: "\u0418\u041D\u041D", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0418\u041D\u041D", options: getOptions, ...field(input.name ?? ''), isSearch: true, isManualInput: true, inputProps: {
-            isInteger: true,
-            maxLength: 12,
-        }, disableFilterOptions: true, onSearchQuery: setSearchQuery }));
-});
-//# sourceMappingURL=InnDadataField.js.map

package/lib/ui-kit/FormField/Fields/InnDadataField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InnDadataField.js","sourceRoot":"","sources":["../../../../src/ui-kit/FormField/Fields/InnDadataField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAS3D,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE,EAAE;IAC5E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAkB,EAAE,CAAC,CAAC;IAC5D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEnD,cAAc,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,SAAS,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;QACtC,UAAU,CAAC,MAAM,SAAS,CAAC,CAAC;QAE5B,OAAO,OAAO,CAAC;IACjB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACpC,GAAG,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE;YACpB,IAAI,EAAE,IAAI,EAAE,GAAG;YACf,SAAS,EAAE;gBACT,WAAW,EAAE,IAAI,EAAE,QAAQ;gBAC3B,cAAc,EAAE,IAAI,EAAE,OAAO;aAC9B;SACF,CAAC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,KAAC,aAAa,IACZ,KAAK,EAAC,oBAAK,EACX,WAAW,EAAC,+DAAa,EACzB,OAAO,EAAE,UAAU,KACf,KAAK,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,EAC3B,QAAQ,QACR,aAAa,QACb,UAAU,EAAE;YACV,SAAS,EAAE,IAAI;YACf,SAAS,EAAE,EAAE;SACd,EACD,oBAAoB,EAAE,IAAI,EAC1B,aAAa,EAAE,cAAc,GAC7B,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/bundle/hooks/useInn.d.ts

@@ -1,7 +0,0 @@
-interface InnHint {
-    fullName?: string;
-    address?: string;
-    inn?: string;
-}
-export declare const useInn: (searchQuery: string) => Promise<InnHint[]>;
-export {};