@redneckz/wildless-cms-uni-blocks 0.14.914 → 0.14.915
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bin/migration-scripts/0.14.910.js +27 -0
- package/bundle/api/LeadServiceAPI.d.ts +0 -1
- package/bundle/api/getSubmitBody.d.ts +120 -96
- package/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +133 -82
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/ApplicationForm/getInitialFormState.d.ts +3 -0
- package/bundle/hooks/useDadataParty.d.ts +6 -0
- package/bundle/ui-kit/FormField/Fields/DadataPartySelectField.d.ts +6 -0
- package/bundle/ui-kit/FormField/NameFieldDef.d.ts +1 -1
- package/bundle/ui-kit/Select/Option.d.ts +3 -6
- package/bundle/ui-kit/Select/Select.d.ts +2 -1
- package/bundle/ui-kit/Select/SelectPopup.d.ts +6 -2
- package/bundle/ui-kit/Select/useSelectPopup.d.ts +2 -1
- package/dist/api/LeadServiceAPI.d.ts +0 -1
- package/dist/api/LeadServiceAPI.js.map +1 -1
- package/dist/api/getSubmitBody.d.ts +120 -96
- package/dist/api/getSubmitBody.js +1 -6
- package/dist/api/getSubmitBody.js.map +1 -1
- package/dist/components/ApplicationForm/getFormatData.js +11 -1
- package/dist/components/ApplicationForm/getFormatData.js.map +1 -1
- package/dist/components/ApplicationForm/getInitialFormState.d.ts +3 -0
- package/dist/components/ApplicationForm/getInitialFormState.js.map +1 -1
- package/dist/hooks/useDadataParty.d.ts +6 -0
- package/dist/hooks/{useInn.js → useDadataParty.js} +4 -4
- package/dist/hooks/useDadataParty.js.map +1 -0
- package/dist/ui-kit/FormField/Fields/DadataPartySelectField.d.ts +6 -0
- package/dist/ui-kit/FormField/Fields/DadataPartySelectField.js +84 -0
- package/dist/ui-kit/FormField/Fields/DadataPartySelectField.js.map +1 -0
- package/dist/ui-kit/FormField/NameFieldDef.d.ts +1 -1
- package/dist/ui-kit/FormField/getField.js +3 -4
- package/dist/ui-kit/FormField/getField.js.map +1 -1
- package/dist/ui-kit/FormField/getObjectValidator.js +3 -3
- package/dist/ui-kit/FormField/getObjectValidator.js.map +1 -1
- package/dist/ui-kit/Select/Option.d.ts +3 -6
- package/dist/ui-kit/Select/Select.d.ts +2 -1
- package/dist/ui-kit/Select/Select.js +4 -4
- package/dist/ui-kit/Select/Select.js.map +1 -1
- package/dist/ui-kit/Select/SelectPopup.d.ts +6 -2
- package/dist/ui-kit/Select/SelectPopup.js +5 -3
- package/dist/ui-kit/Select/SelectPopup.js.map +1 -1
- package/dist/ui-kit/Select/useSelectPopup.d.ts +2 -1
- package/dist/ui-kit/Select/useSelectPopup.js +6 -3
- package/dist/ui-kit/Select/useSelectPopup.js.map +1 -1
- package/lib/api/LeadServiceAPI.d.ts +0 -1
- package/lib/api/LeadServiceAPI.js.map +1 -1
- package/lib/api/getSubmitBody.d.ts +120 -96
- package/lib/api/getSubmitBody.js +1 -6
- package/lib/api/getSubmitBody.js.map +1 -1
- package/lib/components/ApplicationForm/ApplicationForm.fixture.mobile.d.ts +1 -0
- package/lib/components/ApplicationForm/getFormatData.js +11 -1
- package/lib/components/ApplicationForm/getFormatData.js.map +1 -1
- package/lib/components/ApplicationForm/getInitialFormState.d.ts +3 -0
- package/lib/components/ApplicationForm/getInitialFormState.js.map +1 -1
- package/lib/hooks/useDadataParty.d.ts +6 -0
- package/lib/hooks/{useInn.js → useDadataParty.js} +2 -2
- package/lib/hooks/useDadataParty.js.map +1 -0
- package/lib/ui-kit/FormField/Fields/DadataPartySelectField.d.ts +6 -0
- package/lib/ui-kit/FormField/Fields/DadataPartySelectField.js +82 -0
- package/lib/ui-kit/FormField/Fields/DadataPartySelectField.js.map +1 -0
- package/lib/ui-kit/FormField/NameFieldDef.d.ts +1 -1
- package/lib/ui-kit/FormField/getField.js +3 -4
- package/lib/ui-kit/FormField/getField.js.map +1 -1
- package/lib/ui-kit/FormField/getObjectValidator.js +3 -3
- package/lib/ui-kit/FormField/getObjectValidator.js.map +1 -1
- package/lib/ui-kit/Select/Option.d.ts +3 -6
- package/lib/ui-kit/Select/Select.d.ts +2 -1
- package/lib/ui-kit/Select/Select.js +4 -4
- package/lib/ui-kit/Select/Select.js.map +1 -1
- package/lib/ui-kit/Select/SelectPopup.d.ts +6 -2
- package/lib/ui-kit/Select/SelectPopup.js +5 -3
- package/lib/ui-kit/Select/SelectPopup.js.map +1 -1
- package/lib/ui-kit/Select/useSelectPopup.d.ts +2 -1
- package/lib/ui-kit/Select/useSelectPopup.js +6 -3
- package/lib/ui-kit/Select/useSelectPopup.js.map +1 -1
- package/mobile/bundle/api/LeadServiceAPI.d.ts +0 -1
- package/mobile/bundle/api/getSubmitBody.d.ts +120 -96
- package/mobile/bundle/bundle.umd.js +133 -82
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/ApplicationForm/getInitialFormState.d.ts +3 -0
- package/mobile/bundle/hooks/useDadataParty.d.ts +6 -0
- package/mobile/bundle/ui-kit/FormField/Fields/DadataPartySelectField.d.ts +6 -0
- package/mobile/bundle/ui-kit/FormField/NameFieldDef.d.ts +1 -1
- package/mobile/bundle/ui-kit/Select/Option.d.ts +3 -6
- package/mobile/bundle/ui-kit/Select/Select.d.ts +2 -1
- package/mobile/bundle/ui-kit/Select/SelectPopup.d.ts +6 -2
- package/mobile/bundle/ui-kit/Select/useSelectPopup.d.ts +2 -1
- package/mobile/dist/api/LeadServiceAPI.d.ts +0 -1
- package/mobile/dist/api/LeadServiceAPI.js.map +1 -1
- package/mobile/dist/api/getSubmitBody.d.ts +120 -96
- package/mobile/dist/api/getSubmitBody.js +1 -6
- package/mobile/dist/api/getSubmitBody.js.map +1 -1
- package/mobile/dist/components/ApplicationForm/getFormatData.js +11 -1
- package/mobile/dist/components/ApplicationForm/getFormatData.js.map +1 -1
- package/mobile/dist/components/ApplicationForm/getInitialFormState.d.ts +3 -0
- package/mobile/dist/components/ApplicationForm/getInitialFormState.js.map +1 -1
- package/mobile/dist/hooks/useDadataParty.d.ts +6 -0
- package/mobile/dist/hooks/{useInn.js → useDadataParty.js} +4 -4
- package/mobile/dist/hooks/useDadataParty.js.map +1 -0
- package/mobile/dist/ui-kit/FormField/Fields/DadataPartySelectField.d.ts +6 -0
- package/mobile/dist/ui-kit/FormField/Fields/DadataPartySelectField.js +84 -0
- package/mobile/dist/ui-kit/FormField/Fields/DadataPartySelectField.js.map +1 -0
- package/mobile/dist/ui-kit/FormField/NameFieldDef.d.ts +1 -1
- package/mobile/dist/ui-kit/FormField/getField.js +3 -4
- package/mobile/dist/ui-kit/FormField/getField.js.map +1 -1
- package/mobile/dist/ui-kit/FormField/getObjectValidator.js +3 -3
- package/mobile/dist/ui-kit/FormField/getObjectValidator.js.map +1 -1
- package/mobile/dist/ui-kit/Select/Option.d.ts +3 -6
- package/mobile/dist/ui-kit/Select/Select.d.ts +2 -1
- package/mobile/dist/ui-kit/Select/Select.js +4 -4
- package/mobile/dist/ui-kit/Select/Select.js.map +1 -1
- package/mobile/dist/ui-kit/Select/SelectPopup.d.ts +6 -2
- package/mobile/dist/ui-kit/Select/SelectPopup.js +5 -3
- package/mobile/dist/ui-kit/Select/SelectPopup.js.map +1 -1
- package/mobile/dist/ui-kit/Select/useSelectPopup.d.ts +2 -1
- package/mobile/dist/ui-kit/Select/useSelectPopup.js +6 -3
- package/mobile/dist/ui-kit/Select/useSelectPopup.js.map +1 -1
- package/mobile/lib/api/LeadServiceAPI.d.ts +0 -1
- package/mobile/lib/api/LeadServiceAPI.js.map +1 -1
- package/mobile/lib/api/getSubmitBody.d.ts +120 -96
- package/mobile/lib/api/getSubmitBody.js +1 -6
- package/mobile/lib/api/getSubmitBody.js.map +1 -1
- package/mobile/lib/components/ApplicationForm/getFormatData.js +11 -1
- package/mobile/lib/components/ApplicationForm/getFormatData.js.map +1 -1
- package/mobile/lib/components/ApplicationForm/getInitialFormState.d.ts +3 -0
- package/mobile/lib/components/ApplicationForm/getInitialFormState.js.map +1 -1
- package/mobile/lib/hooks/useDadataParty.d.ts +6 -0
- package/mobile/lib/hooks/{useInn.js → useDadataParty.js} +2 -2
- package/mobile/lib/hooks/useDadataParty.js.map +1 -0
- package/mobile/lib/ui-kit/FormField/Fields/DadataPartySelectField.d.ts +6 -0
- package/mobile/lib/ui-kit/FormField/Fields/DadataPartySelectField.js +82 -0
- package/mobile/lib/ui-kit/FormField/Fields/DadataPartySelectField.js.map +1 -0
- package/mobile/lib/ui-kit/FormField/NameFieldDef.d.ts +1 -1
- package/mobile/lib/ui-kit/FormField/getField.js +3 -4
- package/mobile/lib/ui-kit/FormField/getField.js.map +1 -1
- package/mobile/lib/ui-kit/FormField/getObjectValidator.js +3 -3
- package/mobile/lib/ui-kit/FormField/getObjectValidator.js.map +1 -1
- package/mobile/lib/ui-kit/Select/Option.d.ts +3 -6
- package/mobile/lib/ui-kit/Select/Select.d.ts +2 -1
- package/mobile/lib/ui-kit/Select/Select.js +4 -4
- package/mobile/lib/ui-kit/Select/Select.js.map +1 -1
- package/mobile/lib/ui-kit/Select/SelectPopup.d.ts +6 -2
- package/mobile/lib/ui-kit/Select/SelectPopup.js +5 -3
- package/mobile/lib/ui-kit/Select/SelectPopup.js.map +1 -1
- package/mobile/lib/ui-kit/Select/useSelectPopup.d.ts +2 -1
- package/mobile/lib/ui-kit/Select/useSelectPopup.js +6 -3
- package/mobile/lib/ui-kit/Select/useSelectPopup.js.map +1 -1
- package/mobile/src/api/LeadServiceAPI.ts +0 -1
- package/mobile/src/api/getSubmitBody.ts +0 -11
- package/mobile/src/components/ApplicationForm/ApplicationForm.example.json +22 -43
- package/mobile/src/components/ApplicationForm/getFormatData.tsx +16 -0
- package/mobile/src/components/ApplicationForm/getInitialFormState.tsx +3 -0
- package/mobile/src/hooks/{useInn.ts → useDadataParty.ts} +2 -2
- package/mobile/src/ui-kit/FormField/Fields/DadataPartySelectField.tsx +150 -0
- package/mobile/src/ui-kit/FormField/NameFieldDef.ts +3 -3
- package/mobile/src/ui-kit/FormField/getField.tsx +3 -4
- package/mobile/src/ui-kit/FormField/getObjectValidator.tsx +3 -3
- package/mobile/src/ui-kit/Select/Option.ts +4 -6
- package/mobile/src/ui-kit/Select/Select.tsx +6 -4
- package/mobile/src/ui-kit/Select/SelectPopup.tsx +15 -21
- package/mobile/src/ui-kit/Select/useSelectPopup.tsx +9 -1
- package/package.json +1 -1
- package/src/api/LeadServiceAPI.ts +0 -1
- package/src/api/getSubmitBody.ts +0 -11
- package/src/components/ApplicationForm/ApplicationForm.example.json +22 -43
- package/src/components/ApplicationForm/ApplicationForm.fixture.mobile.tsx +36 -13
- package/src/components/ApplicationForm/ApplicationForm.fixture.tsx +13 -12
- package/src/components/ApplicationForm/getFormatData.tsx +16 -0
- package/src/components/ApplicationForm/getInitialFormState.tsx +3 -0
- package/src/hooks/{useInn.ts → useDadataParty.ts} +2 -2
- package/src/ui-kit/FormField/Fields/DadataPartySelectField.tsx +150 -0
- package/src/ui-kit/FormField/NameFieldDef.ts +3 -3
- package/src/ui-kit/FormField/getField.tsx +3 -4
- package/src/ui-kit/FormField/getObjectValidator.tsx +3 -3
- package/src/ui-kit/Select/Option.ts +4 -6
- package/src/ui-kit/Select/Select.tsx +6 -4
- package/src/ui-kit/Select/SelectPopup.tsx +15 -21
- package/src/ui-kit/Select/useSelectPopup.tsx +9 -1
- package/bundle/hooks/useInn.d.ts +0 -7
- package/bundle/ui-kit/FormField/Fields/CompanyNameByInnField.d.ts +0 -2
- package/bundle/ui-kit/FormField/Fields/InnDadataField.d.ts +0 -2
- package/dist/hooks/useInn.d.ts +0 -7
- package/dist/hooks/useInn.js.map +0 -1
- package/dist/ui-kit/FormField/Fields/CompanyNameByInnField.d.ts +0 -2
- package/dist/ui-kit/FormField/Fields/CompanyNameByInnField.js +0 -17
- package/dist/ui-kit/FormField/Fields/CompanyNameByInnField.js.map +0 -1
- package/dist/ui-kit/FormField/Fields/InnDadataField.d.ts +0 -2
- package/dist/ui-kit/FormField/Fields/InnDadataField.js +0 -32
- package/dist/ui-kit/FormField/Fields/InnDadataField.js.map +0 -1
- package/lib/hooks/useInn.d.ts +0 -7
- package/lib/hooks/useInn.js.map +0 -1
- package/lib/ui-kit/FormField/Fields/CompanyNameByInnField.d.ts +0 -2
- package/lib/ui-kit/FormField/Fields/CompanyNameByInnField.js +0 -15
- package/lib/ui-kit/FormField/Fields/CompanyNameByInnField.js.map +0 -1
- package/lib/ui-kit/FormField/Fields/InnDadataField.d.ts +0 -2
- package/lib/ui-kit/FormField/Fields/InnDadataField.js +0 -30
- package/lib/ui-kit/FormField/Fields/InnDadataField.js.map +0 -1
- package/mobile/bundle/hooks/useInn.d.ts +0 -7
- package/mobile/bundle/ui-kit/FormField/Fields/CompanyNameByInnField.d.ts +0 -2
- package/mobile/bundle/ui-kit/FormField/Fields/InnDadataField.d.ts +0 -2
- package/mobile/dist/hooks/useInn.d.ts +0 -7
- package/mobile/dist/hooks/useInn.js.map +0 -1
- package/mobile/dist/ui-kit/FormField/Fields/CompanyNameByInnField.d.ts +0 -2
- package/mobile/dist/ui-kit/FormField/Fields/CompanyNameByInnField.js +0 -17
- package/mobile/dist/ui-kit/FormField/Fields/CompanyNameByInnField.js.map +0 -1
- package/mobile/dist/ui-kit/FormField/Fields/InnDadataField.d.ts +0 -2
- package/mobile/dist/ui-kit/FormField/Fields/InnDadataField.js +0 -32
- package/mobile/dist/ui-kit/FormField/Fields/InnDadataField.js.map +0 -1
- package/mobile/lib/hooks/useInn.d.ts +0 -7
- package/mobile/lib/hooks/useInn.js.map +0 -1
- package/mobile/lib/ui-kit/FormField/Fields/CompanyNameByInnField.d.ts +0 -2
- package/mobile/lib/ui-kit/FormField/Fields/CompanyNameByInnField.js +0 -15
- package/mobile/lib/ui-kit/FormField/Fields/CompanyNameByInnField.js.map +0 -1
- package/mobile/lib/ui-kit/FormField/Fields/InnDadataField.d.ts +0 -2
- package/mobile/lib/ui-kit/FormField/Fields/InnDadataField.js +0 -30
- package/mobile/lib/ui-kit/FormField/Fields/InnDadataField.js.map +0 -1
- package/mobile/src/ui-kit/FormField/Fields/CompanyNameByInnField.tsx +0 -24
- package/mobile/src/ui-kit/FormField/Fields/InnDadataField.tsx +0 -52
- package/src/ui-kit/FormField/Fields/CompanyNameByInnField.tsx +0 -24
- package/src/ui-kit/FormField/Fields/InnDadataField.tsx +0 -52
|
@@ -40,8 +40,8 @@ type NameFieldApplicationDef =
|
|
|
40
40
|
| 'consentToReceiveMaterials'
|
|
41
41
|
| 'consentDataProcessing'
|
|
42
42
|
| 'partnerSymbolCode'
|
|
43
|
-
| '
|
|
44
|
-
| '
|
|
45
|
-
| '
|
|
43
|
+
| 'partnerName'
|
|
44
|
+
| 'dadataPartyNameSelect'
|
|
45
|
+
| 'dadataPartyInnSelect';
|
|
46
46
|
|
|
47
47
|
export type NameFieldDef = NameFieldApplicationDef;
|
|
@@ -13,13 +13,12 @@ import { BankEmpoleeField } from './Fields/BankEmpoleeField';
|
|
|
13
13
|
import { BirthdayField } from './Fields/BirthdayField';
|
|
14
14
|
import { CollectionCountField } from './Fields/CollectionCountField';
|
|
15
15
|
import { CommentField } from './Fields/CommentField';
|
|
16
|
-
import {
|
|
16
|
+
import { DadataPartySelectField } from './Fields/DadataPartySelectField';
|
|
17
17
|
import { DesiredMeetingDateField } from './Fields/DesiredMeetingDateField';
|
|
18
18
|
import { EmailField } from './Fields/EmailField';
|
|
19
19
|
import { FeedbackMethodField } from './Fields/FeedbackMethodField';
|
|
20
20
|
import { FullNameField } from './Fields/FullNameField';
|
|
21
21
|
import { FullRegionField } from './Fields/FullRegionField';
|
|
22
|
-
import { InnDadataField } from './Fields/InnDadataField';
|
|
23
22
|
import { InnField } from './Fields/InnField';
|
|
24
23
|
import { IsClientField } from './Fields/IsClientField';
|
|
25
24
|
import { LocalitiesField } from './Fields/LocalitiesField';
|
|
@@ -100,9 +99,9 @@ const InputsMap = {
|
|
|
100
99
|
partnerSymbolCode: (props: CustomFieldProps) => (
|
|
101
100
|
<PartnerSymbolCodeField {...props} source={AGENTS_REF} />
|
|
102
101
|
),
|
|
103
|
-
innDadata: InnDadataField,
|
|
104
|
-
companyNameByInn: CompanyNameByInnField,
|
|
105
102
|
partnerName: (props: CustomFieldProps) => <PartnerNameField {...props} source={AGENTS_REF} />,
|
|
103
|
+
dadataPartyNameSelect: DadataPartySelectField,
|
|
104
|
+
dadataPartyInnSelect: DadataPartySelectField,
|
|
106
105
|
};
|
|
107
106
|
|
|
108
107
|
export const getField =
|
|
@@ -41,9 +41,9 @@ export const validatorObj: Record<string, Validator> = {
|
|
|
41
41
|
typeForm: defaultValidator(),
|
|
42
42
|
consentToReceiveMaterials: agreementValidator,
|
|
43
43
|
consentDataProcessing: agreementValidator,
|
|
44
|
-
partnerSymbolCode: defaultValidator(),
|
|
45
|
-
|
|
46
|
-
|
|
44
|
+
partnerSymbolCode: defaultValidator('Укажите идентификатор партнёра'),
|
|
45
|
+
dadataPartyInnSelect: innDadataValidator('Укажите ИНН'),
|
|
46
|
+
dadataPartyNameSelect: defaultValidator('Укажите наименование организации'),
|
|
47
47
|
};
|
|
48
48
|
|
|
49
49
|
export const getFormValidator = <FormState extends Record<string, any>, F extends BaseFieldDef>(
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import type { TextProps } from '../../model/HeadlineType';
|
|
2
2
|
|
|
3
|
-
type companyData = {
|
|
4
|
-
companyName?: string;
|
|
5
|
-
companyAddress?: string;
|
|
6
|
-
};
|
|
7
|
-
|
|
8
3
|
export type Option = TextProps & {
|
|
9
4
|
key: string;
|
|
10
|
-
|
|
5
|
+
};
|
|
6
|
+
|
|
7
|
+
export type OptionWithData<T = unknown> = Option & {
|
|
8
|
+
data?: T;
|
|
11
9
|
};
|
|
@@ -8,7 +8,7 @@ import { debounce } from '../../utils/debounce';
|
|
|
8
8
|
import { noop } from '../../utils/noop';
|
|
9
9
|
import { style } from '../../utils/style';
|
|
10
10
|
import { renderLabel } from '../Input/renderLabel';
|
|
11
|
-
import { type Option } from './Option';
|
|
11
|
+
import { type Option, type OptionWithData } from './Option';
|
|
12
12
|
import { renderSearchInput } from './renderSearchInput';
|
|
13
13
|
import { renderSelectContainer } from './renderSelectContainer';
|
|
14
14
|
import { useSelectPopup } from './useSelectPopup';
|
|
@@ -23,6 +23,7 @@ export interface SelectProps extends DefaultControlType, ControlProps<Option> {
|
|
|
23
23
|
inputProps?: InputTypeProps;
|
|
24
24
|
disableFilterOptions?: boolean;
|
|
25
25
|
onSearchQuery?: (value: string) => void;
|
|
26
|
+
renderOptions?: (option?: OptionWithData) => void;
|
|
26
27
|
}
|
|
27
28
|
|
|
28
29
|
export type InputTypeProps = {
|
|
@@ -44,6 +45,7 @@ export const Select = JSX<SelectProps>(
|
|
|
44
45
|
onSearchQuery = noop,
|
|
45
46
|
inputProps,
|
|
46
47
|
disableFilterOptions = false,
|
|
48
|
+
renderOptions,
|
|
47
49
|
...rest
|
|
48
50
|
}) => {
|
|
49
51
|
const [isOpen, { setFalse: close, setTrue: open }] = useBool();
|
|
@@ -61,19 +63,19 @@ export const Select = JSX<SelectProps>(
|
|
|
61
63
|
}, [isDisabled]);
|
|
62
64
|
|
|
63
65
|
const handleClose = useCallback(() => {
|
|
64
|
-
!
|
|
66
|
+
!isSearch && setQuery('');
|
|
65
67
|
close();
|
|
66
68
|
}, [isManualInput]);
|
|
67
69
|
|
|
68
70
|
const handleChangeQuery = useCallback(
|
|
69
71
|
(newQuery: string) => {
|
|
70
72
|
setQuery(newQuery);
|
|
71
|
-
isManualInput && onChange?.({ key: newQuery, text: newQuery
|
|
73
|
+
isManualInput && onChange?.({ key: newQuery, text: newQuery });
|
|
72
74
|
debouncedOnSearchQuery?.(newQuery);
|
|
73
75
|
},
|
|
74
76
|
[isManualInput, onChange, debouncedOnSearchQuery],
|
|
75
77
|
);
|
|
76
|
-
const selectState = { query, value, options, isOpen, iconVersion };
|
|
78
|
+
const selectState = { query, value, options, isOpen, iconVersion, renderOptions, isSearch };
|
|
77
79
|
const inputRef = useSelectPopup({
|
|
78
80
|
onChange,
|
|
79
81
|
onClose: handleClose,
|
|
@@ -3,15 +3,18 @@ import { type ControlProps } from '../../model/ControlProps';
|
|
|
3
3
|
import { type IconVersion } from '../../model/IconVersion';
|
|
4
4
|
import { style } from '../../utils/style';
|
|
5
5
|
import { Icon } from '../Icon/Icon';
|
|
6
|
-
import { Text } from '../Text/Text';
|
|
7
6
|
import { filterOptions } from './filterOptions';
|
|
8
7
|
import { formatOption } from './formatOption';
|
|
9
|
-
import { type Option } from './Option';
|
|
8
|
+
import { type Option, type OptionWithData } from './Option';
|
|
10
9
|
|
|
11
|
-
export interface SelectPopupProps extends ControlProps<Option
|
|
10
|
+
export interface SelectPopupProps extends ControlProps<Option>, SelectSearchProps {
|
|
12
11
|
iconVersion?: IconVersion;
|
|
13
12
|
options?: Option[];
|
|
14
13
|
popupRef?: { current: HTMLDivElement | null };
|
|
14
|
+
renderOptions?: (option: OptionWithData) => void;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
interface SelectSearchProps {
|
|
15
18
|
query?: string;
|
|
16
19
|
onChangeQuery?: (value: string) => void;
|
|
17
20
|
disableFilterOptions?: boolean;
|
|
@@ -22,11 +25,13 @@ export const SelectPopup = JSX<SelectPopupProps>(
|
|
|
22
25
|
popupRef,
|
|
23
26
|
options,
|
|
24
27
|
value,
|
|
25
|
-
query,
|
|
26
28
|
iconVersion,
|
|
27
|
-
disableFilterOptions,
|
|
28
29
|
onChange,
|
|
30
|
+
renderOptions = renderDefaultOptions,
|
|
31
|
+
// TODO: вынести в хук отвечающий за фильтрацию
|
|
32
|
+
query,
|
|
29
33
|
onChangeQuery,
|
|
34
|
+
disableFilterOptions,
|
|
30
35
|
}) =>
|
|
31
36
|
options?.length ? (
|
|
32
37
|
<div
|
|
@@ -48,22 +53,7 @@ export const SelectPopup = JSX<SelectPopupProps>(
|
|
|
48
53
|
}
|
|
49
54
|
}}
|
|
50
55
|
>
|
|
51
|
-
{option
|
|
52
|
-
<span>
|
|
53
|
-
<Text size="text-s">{option?.innDaData?.companyName}</Text>
|
|
54
|
-
<div className="space-x-2">
|
|
55
|
-
<Text size="text-s" font="font-light">
|
|
56
|
-
{formatOption(option)}
|
|
57
|
-
</Text>
|
|
58
|
-
<Text size="text-s" font="font-light">
|
|
59
|
-
{option?.innDaData?.companyAddress}
|
|
60
|
-
</Text>
|
|
61
|
-
</div>
|
|
62
|
-
</span>
|
|
63
|
-
) : (
|
|
64
|
-
<span className="min-h-6">{formatOption(option)}</span>
|
|
65
|
-
)}
|
|
66
|
-
|
|
56
|
+
{renderOptions(option)}
|
|
67
57
|
<Icon
|
|
68
58
|
name="DoneSimpleIcon"
|
|
69
59
|
width="16"
|
|
@@ -78,3 +68,7 @@ export const SelectPopup = JSX<SelectPopupProps>(
|
|
|
78
68
|
</div>
|
|
79
69
|
) : null,
|
|
80
70
|
);
|
|
71
|
+
|
|
72
|
+
const renderDefaultOptions = (option: Option) => (
|
|
73
|
+
<span className="min-h-6">{formatOption(option)}</span>
|
|
74
|
+
);
|
|
@@ -10,6 +10,7 @@ interface SelectPopupOptions extends SelectPopupProps, OnCloseProps {
|
|
|
10
10
|
isOpen?: boolean;
|
|
11
11
|
onChangeQuery?: (value: string) => void;
|
|
12
12
|
disableFilterOptions?: boolean;
|
|
13
|
+
isSearch?: boolean;
|
|
13
14
|
}
|
|
14
15
|
|
|
15
16
|
export function useSelectPopup({
|
|
@@ -22,6 +23,8 @@ export function useSelectPopup({
|
|
|
22
23
|
iconVersion,
|
|
23
24
|
disableFilterOptions = false,
|
|
24
25
|
onChangeQuery = noop,
|
|
26
|
+
renderOptions,
|
|
27
|
+
isSearch = false,
|
|
25
28
|
}: SelectPopupOptions) {
|
|
26
29
|
const popup = usePopupManager();
|
|
27
30
|
|
|
@@ -34,11 +37,15 @@ export function useSelectPopup({
|
|
|
34
37
|
(option: Option) => {
|
|
35
38
|
close();
|
|
36
39
|
onChange(option);
|
|
37
|
-
onChangeQuery('');
|
|
40
|
+
onChangeQuery(isSearch && option?.text ? option.text : '');
|
|
38
41
|
},
|
|
39
42
|
[close, onChange],
|
|
40
43
|
);
|
|
41
44
|
|
|
45
|
+
useEffect(() => {
|
|
46
|
+
onChangeQuery(isSearch && value?.text ? value.text : '');
|
|
47
|
+
}, [value]);
|
|
48
|
+
|
|
42
49
|
const inputRef = useRef<HTMLDivElement | null>(null);
|
|
43
50
|
const popupRef = useOutsideClick<HTMLDivElement>(close);
|
|
44
51
|
|
|
@@ -61,6 +68,7 @@ export function useSelectPopup({
|
|
|
61
68
|
disableFilterOptions={disableFilterOptions}
|
|
62
69
|
onChange={handleChange}
|
|
63
70
|
onChangeQuery={onChangeQuery}
|
|
71
|
+
renderOptions={renderOptions}
|
|
64
72
|
/>
|
|
65
73
|
),
|
|
66
74
|
top: top + window.scrollY + height,
|
package/bundle/hooks/useInn.d.ts
DELETED
package/dist/hooks/useInn.d.ts
DELETED
package/dist/hooks/useInn.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
-
exports.CompanyNameByInnField = void 0;
|
|
3
|
-
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
-
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
-
const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
|
|
6
|
-
const InputControl_1 = require("../../Input/InputControl");
|
|
7
|
-
exports.CompanyNameByInnField = (0, uni_jsx_1.JSX)(({ field, input }) => {
|
|
8
|
-
const fieldInn = field('innDadata');
|
|
9
|
-
(0, hooks_1.useEffect)(() => {
|
|
10
|
-
if (fieldInn?.value?.key !== '') {
|
|
11
|
-
const companyName = fieldInn?.value?.innDaData?.companyName;
|
|
12
|
-
companyName && field?.('companyNameByInn')?.onChange?.(companyName);
|
|
13
|
-
}
|
|
14
|
-
}, [fieldInn?.value]);
|
|
15
|
-
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 }));
|
|
16
|
-
});
|
|
17
|
-
//# sourceMappingURL=CompanyNameByInnField.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
-
exports.InnDadataField = void 0;
|
|
3
|
-
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
-
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
-
const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
|
|
6
|
-
const useAsyncEffect_1 = require("../../../hooks/useAsyncEffect");
|
|
7
|
-
const useInn_1 = require("../../../hooks/useInn");
|
|
8
|
-
const SelectControl_1 = require("../../Select/SelectControl");
|
|
9
|
-
exports.InnDadataField = (0, uni_jsx_1.JSX)(({ field, input = {} }) => {
|
|
10
|
-
const [options, setOptions] = (0, hooks_1.useState)([]);
|
|
11
|
-
const [searchQuery, setSearchQuery] = (0, hooks_1.useState)('');
|
|
12
|
-
(0, useAsyncEffect_1.useAsyncEffect)(async () => {
|
|
13
|
-
const fieldInns = (0, useInn_1.useInn)(searchQuery);
|
|
14
|
-
setOptions(await fieldInns);
|
|
15
|
-
return options;
|
|
16
|
-
}, [searchQuery]);
|
|
17
|
-
const getOptions = (0, hooks_1.useMemo)(() => {
|
|
18
|
-
return (options || []).map((item) => ({
|
|
19
|
-
key: item?.inn ?? '',
|
|
20
|
-
text: item?.inn,
|
|
21
|
-
innDaData: {
|
|
22
|
-
companyName: item?.fullName,
|
|
23
|
-
companyAddress: item?.address,
|
|
24
|
-
},
|
|
25
|
-
}));
|
|
26
|
-
}, [options]);
|
|
27
|
-
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: {
|
|
28
|
-
isInteger: true,
|
|
29
|
-
maxLength: 12,
|
|
30
|
-
}, disableFilterOptions: true, onSearchQuery: setSearchQuery }));
|
|
31
|
-
});
|
|
32
|
-
//# sourceMappingURL=InnDadataField.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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
DELETED
package/lib/hooks/useInn.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
-
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
-
import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
|
|
4
|
-
import { InputControl } from '../../Input/InputControl.js';
|
|
5
|
-
export const CompanyNameByInnField = JSX(({ field, input }) => {
|
|
6
|
-
const fieldInn = field('innDadata');
|
|
7
|
-
useEffect(() => {
|
|
8
|
-
if (fieldInn?.value?.key !== '') {
|
|
9
|
-
const companyName = fieldInn?.value?.innDaData?.companyName;
|
|
10
|
-
companyName && field?.('companyNameByInn')?.onChange?.(companyName);
|
|
11
|
-
}
|
|
12
|
-
}, [fieldInn?.value]);
|
|
13
|
-
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 }));
|
|
14
|
-
});
|
|
15
|
-
//# sourceMappingURL=CompanyNameByInnField.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
-
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
-
import { useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
4
|
-
import { useAsyncEffect } from '../../../hooks/useAsyncEffect.js';
|
|
5
|
-
import { useInn } from '../../../hooks/useInn.js';
|
|
6
|
-
import { SelectControl } from '../../Select/SelectControl.js';
|
|
7
|
-
export const InnDadataField = JSX(({ field, input = {} }) => {
|
|
8
|
-
const [options, setOptions] = useState([]);
|
|
9
|
-
const [searchQuery, setSearchQuery] = useState('');
|
|
10
|
-
useAsyncEffect(async () => {
|
|
11
|
-
const fieldInns = useInn(searchQuery);
|
|
12
|
-
setOptions(await fieldInns);
|
|
13
|
-
return options;
|
|
14
|
-
}, [searchQuery]);
|
|
15
|
-
const getOptions = useMemo(() => {
|
|
16
|
-
return (options || []).map((item) => ({
|
|
17
|
-
key: item?.inn ?? '',
|
|
18
|
-
text: item?.inn,
|
|
19
|
-
innDaData: {
|
|
20
|
-
companyName: item?.fullName,
|
|
21
|
-
companyAddress: item?.address,
|
|
22
|
-
},
|
|
23
|
-
}));
|
|
24
|
-
}, [options]);
|
|
25
|
-
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: {
|
|
26
|
-
isInteger: true,
|
|
27
|
-
maxLength: 12,
|
|
28
|
-
}, disableFilterOptions: true, onSearchQuery: setSearchQuery }));
|
|
29
|
-
});
|
|
30
|
-
//# sourceMappingURL=InnDadataField.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
-
exports.CompanyNameByInnField = void 0;
|
|
3
|
-
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
-
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
-
const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
|
|
6
|
-
const InputControl_1 = require("../../Input/InputControl");
|
|
7
|
-
exports.CompanyNameByInnField = (0, uni_jsx_1.JSX)(({ field, input }) => {
|
|
8
|
-
const fieldInn = field('innDadata');
|
|
9
|
-
(0, hooks_1.useEffect)(() => {
|
|
10
|
-
if (fieldInn?.value?.key !== '') {
|
|
11
|
-
const companyName = fieldInn?.value?.innDaData?.companyName;
|
|
12
|
-
companyName && field?.('companyNameByInn')?.onChange?.(companyName);
|
|
13
|
-
}
|
|
14
|
-
}, [fieldInn?.value]);
|
|
15
|
-
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 }));
|
|
16
|
-
});
|
|
17
|
-
//# sourceMappingURL=CompanyNameByInnField.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
-
exports.InnDadataField = void 0;
|
|
3
|
-
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
-
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
-
const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
|
|
6
|
-
const useAsyncEffect_1 = require("../../../hooks/useAsyncEffect");
|
|
7
|
-
const useInn_1 = require("../../../hooks/useInn");
|
|
8
|
-
const SelectControl_1 = require("../../Select/SelectControl");
|
|
9
|
-
exports.InnDadataField = (0, uni_jsx_1.JSX)(({ field, input = {} }) => {
|
|
10
|
-
const [options, setOptions] = (0, hooks_1.useState)([]);
|
|
11
|
-
const [searchQuery, setSearchQuery] = (0, hooks_1.useState)('');
|
|
12
|
-
(0, useAsyncEffect_1.useAsyncEffect)(async () => {
|
|
13
|
-
const fieldInns = (0, useInn_1.useInn)(searchQuery);
|
|
14
|
-
setOptions(await fieldInns);
|
|
15
|
-
return options;
|
|
16
|
-
}, [searchQuery]);
|
|
17
|
-
const getOptions = (0, hooks_1.useMemo)(() => {
|
|
18
|
-
return (options || []).map((item) => ({
|
|
19
|
-
key: item?.inn ?? '',
|
|
20
|
-
text: item?.inn,
|
|
21
|
-
innDaData: {
|
|
22
|
-
companyName: item?.fullName,
|
|
23
|
-
companyAddress: item?.address,
|
|
24
|
-
},
|
|
25
|
-
}));
|
|
26
|
-
}, [options]);
|
|
27
|
-
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: {
|
|
28
|
-
isInteger: true,
|
|
29
|
-
maxLength: 12,
|
|
30
|
-
}, disableFilterOptions: true, onSearchQuery: setSearchQuery }));
|
|
31
|
-
});
|
|
32
|
-
//# sourceMappingURL=InnDadataField.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
-
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
-
import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
|
|
4
|
-
import { InputControl } from '../../Input/InputControl.js';
|
|
5
|
-
export const CompanyNameByInnField = JSX(({ field, input }) => {
|
|
6
|
-
const fieldInn = field('innDadata');
|
|
7
|
-
useEffect(() => {
|
|
8
|
-
if (fieldInn?.value?.key !== '') {
|
|
9
|
-
const companyName = fieldInn?.value?.innDaData?.companyName;
|
|
10
|
-
companyName && field?.('companyNameByInn')?.onChange?.(companyName);
|
|
11
|
-
}
|
|
12
|
-
}, [fieldInn?.value]);
|
|
13
|
-
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 }));
|
|
14
|
-
});
|
|
15
|
-
//# sourceMappingURL=CompanyNameByInnField.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
-
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
-
import { useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
4
|
-
import { useAsyncEffect } from '../../../hooks/useAsyncEffect.js';
|
|
5
|
-
import { useInn } from '../../../hooks/useInn.js';
|
|
6
|
-
import { SelectControl } from '../../Select/SelectControl.js';
|
|
7
|
-
export const InnDadataField = JSX(({ field, input = {} }) => {
|
|
8
|
-
const [options, setOptions] = useState([]);
|
|
9
|
-
const [searchQuery, setSearchQuery] = useState('');
|
|
10
|
-
useAsyncEffect(async () => {
|
|
11
|
-
const fieldInns = useInn(searchQuery);
|
|
12
|
-
setOptions(await fieldInns);
|
|
13
|
-
return options;
|
|
14
|
-
}, [searchQuery]);
|
|
15
|
-
const getOptions = useMemo(() => {
|
|
16
|
-
return (options || []).map((item) => ({
|
|
17
|
-
key: item?.inn ?? '',
|
|
18
|
-
text: item?.inn,
|
|
19
|
-
innDaData: {
|
|
20
|
-
companyName: item?.fullName,
|
|
21
|
-
companyAddress: item?.address,
|
|
22
|
-
},
|
|
23
|
-
}));
|
|
24
|
-
}, [options]);
|
|
25
|
-
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: {
|
|
26
|
-
isInteger: true,
|
|
27
|
-
maxLength: 12,
|
|
28
|
-
}, disableFilterOptions: true, onSearchQuery: setSearchQuery }));
|
|
29
|
-
});
|
|
30
|
-
//# sourceMappingURL=InnDadataField.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { JSX } from '@redneckz/uni-jsx';
|
|
2
|
-
import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
|
|
3
|
-
import { InputControl } from '../../Input/InputControl';
|
|
4
|
-
import { type CustomFieldProps } from '../CustomFieldProps';
|
|
5
|
-
|
|
6
|
-
export const CompanyNameByInnField = JSX<CustomFieldProps>(({ field, input }) => {
|
|
7
|
-
const fieldInn = field('innDadata');
|
|
8
|
-
|
|
9
|
-
useEffect(() => {
|
|
10
|
-
if (fieldInn?.value?.key !== '') {
|
|
11
|
-
const companyName = fieldInn?.value?.innDaData?.companyName;
|
|
12
|
-
companyName && field?.('companyNameByInn')?.onChange?.(companyName);
|
|
13
|
-
}
|
|
14
|
-
}, [fieldInn?.value]);
|
|
15
|
-
|
|
16
|
-
return (
|
|
17
|
-
<InputControl
|
|
18
|
-
maxLength={60}
|
|
19
|
-
label="Полное наименование"
|
|
20
|
-
{...field(input?.name ?? '')}
|
|
21
|
-
{...input}
|
|
22
|
-
/>
|
|
23
|
-
);
|
|
24
|
-
});
|