@alfalab/core-components-input-autocomplete 12.9.7 → 13.0.0-snapshot-6a9d3fc
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/Component.responsive.d.ts +2 -4
- package/Component.responsive.js +4 -3
- package/Component.responsive.js.map +1 -0
- package/autocomplete-field/Component.d.ts +4 -6
- package/autocomplete-field/Component.js +4 -5
- package/autocomplete-field/Component.js.map +1 -0
- package/autocomplete-field/index.css +1 -2
- package/autocomplete-field/index.d.ts +1 -1
- package/autocomplete-field/index.js +3 -2
- package/autocomplete-field/index.js.map +1 -0
- package/autocomplete-field/index.module.css.js +8 -0
- package/autocomplete-field/index.module.css.js.map +1 -0
- package/autocomplete-mobile-field/Component.d.ts +7 -9
- package/autocomplete-mobile-field/Component.js +11 -12
- package/autocomplete-mobile-field/Component.js.map +1 -0
- package/autocomplete-mobile-field/index.css +13 -37
- package/autocomplete-mobile-field/index.d.ts +1 -1
- package/autocomplete-mobile-field/index.js +3 -2
- package/autocomplete-mobile-field/index.js.map +1 -0
- package/autocomplete-mobile-field/index.module.css.js +8 -0
- package/autocomplete-mobile-field/index.module.css.js.map +1 -0
- package/cssm/Component.responsive.d.ts +2 -4
- package/cssm/Component.responsive.js +6 -5
- package/cssm/Component.responsive.js.map +1 -0
- package/cssm/autocomplete-field/Component.d.ts +4 -6
- package/cssm/autocomplete-field/Component.js +1 -0
- package/cssm/autocomplete-field/Component.js.map +1 -0
- package/cssm/autocomplete-field/index.d.ts +1 -1
- package/cssm/autocomplete-field/index.js +3 -2
- package/cssm/autocomplete-field/index.js.map +1 -0
- package/cssm/autocomplete-mobile-field/Component.d.ts +7 -9
- package/cssm/autocomplete-mobile-field/Component.js +6 -5
- package/cssm/autocomplete-mobile-field/Component.js.map +1 -0
- package/cssm/autocomplete-mobile-field/index.d.ts +1 -1
- package/cssm/autocomplete-mobile-field/index.js +3 -2
- package/cssm/autocomplete-mobile-field/index.js.map +1 -0
- package/cssm/autocomplete-mobile-field/index.module.css +3 -26
- package/cssm/desktop/Component.desktop.d.ts +2 -4
- package/cssm/desktop/Component.desktop.js +4 -3
- package/cssm/desktop/Component.desktop.js.map +1 -0
- package/cssm/desktop/index.d.ts +2 -2
- package/cssm/desktop/index.js +3 -2
- package/cssm/desktop/index.js.map +1 -0
- package/cssm/enums.d.ts +1 -2
- package/cssm/enums.js +1 -0
- package/cssm/enums.js.map +1 -0
- package/cssm/index.d.ts +2 -2
- package/cssm/index.js +1 -0
- package/cssm/index.js.map +1 -0
- package/cssm/mobile/Component.mobile.d.ts +1 -4
- package/cssm/mobile/Component.mobile.js +6 -5
- package/cssm/mobile/Component.mobile.js.map +1 -0
- package/cssm/mobile/Component.modal.mobile.d.ts +1 -4
- package/cssm/mobile/Component.modal.mobile.js +3 -2
- package/cssm/mobile/Component.modal.mobile.js.map +1 -0
- package/cssm/mobile/index.d.ts +3 -3
- package/cssm/mobile/index.js +5 -4
- package/cssm/mobile/index.js.map +1 -0
- package/cssm/mobile/mobile.module.css +1 -23
- package/cssm/shared/index.d.ts +1 -1
- package/cssm/shared/index.js +1 -0
- package/cssm/shared/index.js.map +1 -0
- package/cssm/types.d.ts +9 -9
- package/cssm/types.js +1 -0
- package/cssm/types.js.map +1 -0
- package/cssm/utils.d.ts +3 -4
- package/cssm/utils.js +38 -37
- package/cssm/utils.js.map +1 -0
- package/desktop/Component.desktop.d.ts +2 -4
- package/desktop/Component.desktop.js +3 -2
- package/desktop/Component.desktop.js.map +1 -0
- package/desktop/index.d.ts +2 -2
- package/desktop/index.js +3 -2
- package/desktop/index.js.map +1 -0
- package/enums.d.ts +1 -2
- package/enums.js +1 -0
- package/enums.js.map +1 -0
- package/esm/Component.responsive.d.ts +2 -4
- package/esm/Component.responsive.js +1 -0
- package/esm/Component.responsive.js.map +1 -0
- package/esm/autocomplete-field/Component.d.ts +4 -6
- package/esm/autocomplete-field/Component.js +2 -3
- package/esm/autocomplete-field/Component.js.map +1 -0
- package/esm/autocomplete-field/index.css +1 -2
- package/esm/autocomplete-field/index.d.ts +1 -1
- package/esm/autocomplete-field/index.js +1 -0
- package/esm/autocomplete-field/index.js.map +1 -0
- package/esm/autocomplete-field/index.module.css.js +6 -0
- package/esm/autocomplete-field/index.module.css.js.map +1 -0
- package/esm/autocomplete-mobile-field/Component.d.ts +7 -9
- package/esm/autocomplete-mobile-field/Component.js +2 -3
- package/esm/autocomplete-mobile-field/Component.js.map +1 -0
- package/esm/autocomplete-mobile-field/index.css +13 -37
- package/esm/autocomplete-mobile-field/index.d.ts +1 -1
- package/esm/autocomplete-mobile-field/index.js +1 -0
- package/esm/autocomplete-mobile-field/index.js.map +1 -0
- package/esm/autocomplete-mobile-field/index.module.css.js +6 -0
- package/esm/autocomplete-mobile-field/index.module.css.js.map +1 -0
- package/esm/desktop/Component.desktop.d.ts +2 -4
- package/esm/desktop/Component.desktop.js +1 -0
- package/esm/desktop/Component.desktop.js.map +1 -0
- package/esm/desktop/index.d.ts +2 -2
- package/esm/desktop/index.js +1 -0
- package/esm/desktop/index.js.map +1 -0
- package/esm/enums.d.ts +1 -2
- package/esm/enums.js +1 -0
- package/esm/enums.js.map +1 -0
- package/esm/index.d.ts +2 -2
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -0
- package/esm/mobile/Component.mobile.d.ts +1 -4
- package/esm/mobile/Component.mobile.js +2 -3
- package/esm/mobile/Component.mobile.js.map +1 -0
- package/esm/mobile/Component.modal.mobile.d.ts +1 -4
- package/esm/mobile/Component.modal.mobile.js +1 -0
- package/esm/mobile/Component.modal.mobile.js.map +1 -0
- package/esm/mobile/index.d.ts +3 -3
- package/esm/mobile/index.js +1 -0
- package/esm/mobile/index.js.map +1 -0
- package/esm/mobile/mobile.css +1 -24
- package/esm/mobile/mobile.module.css.js +6 -0
- package/esm/mobile/mobile.module.css.js.map +1 -0
- package/esm/shared/index.d.ts +1 -1
- package/esm/shared/index.js +1 -0
- package/esm/shared/index.js.map +1 -0
- package/esm/types.d.ts +9 -9
- package/esm/types.js +1 -0
- package/esm/types.js.map +1 -0
- package/esm/utils.d.ts +3 -4
- package/esm/utils.js +1 -0
- package/esm/utils.js.map +1 -0
- package/index.d.ts +2 -2
- package/index.js +1 -0
- package/index.js.map +1 -0
- package/mobile/Component.mobile.d.ts +1 -4
- package/mobile/Component.mobile.js +6 -7
- package/mobile/Component.mobile.js.map +1 -0
- package/mobile/Component.modal.mobile.d.ts +1 -4
- package/mobile/Component.modal.mobile.js +3 -2
- package/mobile/Component.modal.mobile.js.map +1 -0
- package/mobile/index.d.ts +3 -3
- package/mobile/index.js +5 -4
- package/mobile/index.js.map +1 -0
- package/mobile/mobile.css +1 -24
- package/mobile/mobile.module.css.js +8 -0
- package/mobile/mobile.module.css.js.map +1 -0
- package/modern/Component.responsive.d.ts +2 -4
- package/modern/Component.responsive.js +1 -0
- package/modern/Component.responsive.js.map +1 -0
- package/modern/autocomplete-field/Component.d.ts +4 -6
- package/modern/autocomplete-field/Component.js +2 -3
- package/modern/autocomplete-field/Component.js.map +1 -0
- package/modern/autocomplete-field/index.css +1 -2
- package/modern/autocomplete-field/index.d.ts +1 -1
- package/modern/autocomplete-field/index.js +1 -0
- package/modern/autocomplete-field/index.js.map +1 -0
- package/modern/autocomplete-field/index.module.css.js +6 -0
- package/modern/autocomplete-field/index.module.css.js.map +1 -0
- package/modern/autocomplete-mobile-field/Component.d.ts +7 -9
- package/modern/autocomplete-mobile-field/Component.js +2 -3
- package/modern/autocomplete-mobile-field/Component.js.map +1 -0
- package/modern/autocomplete-mobile-field/index.css +13 -37
- package/modern/autocomplete-mobile-field/index.d.ts +1 -1
- package/modern/autocomplete-mobile-field/index.js +1 -0
- package/modern/autocomplete-mobile-field/index.js.map +1 -0
- package/modern/autocomplete-mobile-field/index.module.css.js +6 -0
- package/modern/autocomplete-mobile-field/index.module.css.js.map +1 -0
- package/modern/desktop/Component.desktop.d.ts +2 -4
- package/modern/desktop/Component.desktop.js +1 -0
- package/modern/desktop/Component.desktop.js.map +1 -0
- package/modern/desktop/index.d.ts +2 -2
- package/modern/desktop/index.js +1 -0
- package/modern/desktop/index.js.map +1 -0
- package/modern/enums.d.ts +1 -2
- package/modern/enums.js +1 -0
- package/modern/enums.js.map +1 -0
- package/modern/index.d.ts +2 -2
- package/modern/index.js +1 -0
- package/modern/index.js.map +1 -0
- package/modern/mobile/Component.mobile.d.ts +1 -4
- package/modern/mobile/Component.mobile.js +2 -3
- package/modern/mobile/Component.mobile.js.map +1 -0
- package/modern/mobile/Component.modal.mobile.d.ts +1 -4
- package/modern/mobile/Component.modal.mobile.js +1 -0
- package/modern/mobile/Component.modal.mobile.js.map +1 -0
- package/modern/mobile/index.d.ts +3 -3
- package/modern/mobile/index.js +1 -0
- package/modern/mobile/index.js.map +1 -0
- package/modern/mobile/mobile.css +1 -24
- package/modern/mobile/mobile.module.css.js +6 -0
- package/modern/mobile/mobile.module.css.js.map +1 -0
- package/modern/shared/index.d.ts +1 -1
- package/modern/shared/index.js +1 -0
- package/modern/shared/index.js.map +1 -0
- package/modern/types.d.ts +9 -9
- package/modern/types.js +1 -0
- package/modern/types.js.map +1 -0
- package/modern/utils.d.ts +3 -4
- package/modern/utils.js +1 -0
- package/modern/utils.js.map +1 -0
- package/moderncssm/Component.responsive.d.ts +2 -4
- package/moderncssm/Component.responsive.js +1 -0
- package/moderncssm/Component.responsive.js.map +1 -0
- package/moderncssm/autocomplete-field/Component.d.ts +4 -6
- package/moderncssm/autocomplete-field/Component.js +1 -0
- package/moderncssm/autocomplete-field/Component.js.map +1 -0
- package/moderncssm/autocomplete-field/index.d.ts +1 -1
- package/moderncssm/autocomplete-field/index.js +1 -0
- package/moderncssm/autocomplete-field/index.js.map +1 -0
- package/moderncssm/autocomplete-mobile-field/Component.d.ts +7 -9
- package/moderncssm/autocomplete-mobile-field/Component.js +1 -0
- package/moderncssm/autocomplete-mobile-field/Component.js.map +1 -0
- package/moderncssm/autocomplete-mobile-field/index.d.ts +1 -1
- package/moderncssm/autocomplete-mobile-field/index.js +1 -0
- package/moderncssm/autocomplete-mobile-field/index.js.map +1 -0
- package/moderncssm/autocomplete-mobile-field/index.module.css +0 -4
- package/moderncssm/desktop/Component.desktop.d.ts +2 -4
- package/moderncssm/desktop/Component.desktop.js +1 -0
- package/moderncssm/desktop/Component.desktop.js.map +1 -0
- package/moderncssm/desktop/index.d.ts +2 -2
- package/moderncssm/desktop/index.js +1 -0
- package/moderncssm/desktop/index.js.map +1 -0
- package/moderncssm/enums.d.ts +1 -2
- package/moderncssm/enums.js +1 -0
- package/moderncssm/enums.js.map +1 -0
- package/moderncssm/index.d.ts +2 -2
- package/moderncssm/index.js +1 -0
- package/moderncssm/index.js.map +1 -0
- package/moderncssm/mobile/Component.mobile.d.ts +1 -4
- package/moderncssm/mobile/Component.mobile.js +1 -0
- package/moderncssm/mobile/Component.mobile.js.map +1 -0
- package/moderncssm/mobile/Component.modal.mobile.d.ts +1 -4
- package/moderncssm/mobile/Component.modal.mobile.js +1 -0
- package/moderncssm/mobile/Component.modal.mobile.js.map +1 -0
- package/moderncssm/mobile/index.d.ts +3 -3
- package/moderncssm/mobile/index.js +1 -0
- package/moderncssm/mobile/index.js.map +1 -0
- package/moderncssm/mobile/mobile.module.css +0 -2
- package/moderncssm/shared/index.d.ts +1 -1
- package/moderncssm/shared/index.js +1 -0
- package/moderncssm/shared/index.js.map +1 -0
- package/moderncssm/types.d.ts +9 -9
- package/moderncssm/types.js +1 -0
- package/moderncssm/types.js.map +1 -0
- package/moderncssm/utils.d.ts +3 -4
- package/moderncssm/utils.js +1 -0
- package/moderncssm/utils.js.map +1 -0
- package/package.json +12 -14
- package/shared/index.d.ts +1 -1
- package/shared/index.js +1 -0
- package/shared/index.js.map +1 -0
- package/types.d.ts +9 -9
- package/types.js +1 -0
- package/types.js.map +1 -0
- package/utils.d.ts +3 -4
- package/utils.js +1 -0
- package/utils.js.map +1 -0
- package/cssm/vars.css +0 -5
- package/desktop/package.json +0 -3
- package/mobile/package.json +0 -3
- package/moderncssm/vars.css +0 -5
- package/shared/package.json +0 -3
- package/src/desktop/package.json +0 -3
- package/src/mobile/package.json +0 -3
- package/src/shared/package.json +0 -3
package/modern/utils.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
declare function searchFilterStub(): boolean;
|
|
2
|
-
declare function getInputAutocompleteDesktopTestIds(dataTestId: string): {
|
|
1
|
+
export declare function searchFilterStub(): boolean;
|
|
2
|
+
export declare function getInputAutocompleteDesktopTestIds(dataTestId: string): {
|
|
3
3
|
inputAutocomplete: string;
|
|
4
4
|
option: string;
|
|
5
5
|
optionsList: string;
|
|
@@ -13,7 +13,7 @@ declare function getInputAutocompleteDesktopTestIds(dataTestId: string): {
|
|
|
13
13
|
fieldSuccessIcon: string;
|
|
14
14
|
fieldHint: string;
|
|
15
15
|
};
|
|
16
|
-
declare function getInputAutocompleteMobileTestIds(dataTestId: string): {
|
|
16
|
+
export declare function getInputAutocompleteMobileTestIds(dataTestId: string): {
|
|
17
17
|
inputAutocomplete: string;
|
|
18
18
|
option: string;
|
|
19
19
|
optionsList: string;
|
|
@@ -41,4 +41,3 @@ declare function getInputAutocompleteMobileTestIds(dataTestId: string): {
|
|
|
41
41
|
searchError: string;
|
|
42
42
|
searchHint: string;
|
|
43
43
|
};
|
|
44
|
-
export { searchFilterStub, getInputAutocompleteDesktopTestIds, getInputAutocompleteMobileTestIds };
|
package/modern/utils.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import { getDataTestId } from '@alfalab/core-components-shared';\n\nexport function searchFilterStub() {\n return true;\n}\n\nexport function getInputAutocompleteDesktopTestIds(dataTestId: string) {\n return {\n inputAutocomplete: dataTestId,\n option: getDataTestId(dataTestId, 'option'),\n optionsList: getDataTestId(dataTestId, 'options-list'),\n field: getDataTestId(dataTestId, 'field'),\n fieldInner: getDataTestId(dataTestId, 'field-form-control-inner'),\n fieldFormControl: getDataTestId(dataTestId, 'field-form-control'),\n fieldLeftAddons: getDataTestId(dataTestId, 'field-form-control-left-addons'),\n fieldRightAddons: getDataTestId(dataTestId, 'field-form-control-right-addons'),\n fieldError: getDataTestId(dataTestId, 'field-form-control-error-message'),\n fieldErrorIcon: getDataTestId(dataTestId, 'field-form-control-error-icon'),\n fieldSuccessIcon: getDataTestId(dataTestId, 'field-form-control-success-icon'),\n fieldHint: getDataTestId(dataTestId, 'field-form-control-hint'),\n };\n}\n\nexport function getInputAutocompleteMobileTestIds(dataTestId: string) {\n return {\n inputAutocomplete: dataTestId,\n option: getDataTestId(dataTestId, 'option'),\n optionsList: getDataTestId(dataTestId, 'options-list'),\n bottomSheet: getDataTestId(dataTestId, 'bottom-sheet'),\n bottomSheetHeader: getDataTestId(dataTestId, 'bottom-sheet-header'),\n bottomSheetContent: getDataTestId(dataTestId, 'bottom-sheet-content'),\n modal: getDataTestId(dataTestId, 'modal'),\n modalHeader: getDataTestId(dataTestId, 'modal-header'),\n modalContent: getDataTestId(dataTestId, 'modal-content'),\n clearButton: getDataTestId(dataTestId, 'clear'),\n applyButton: getDataTestId(dataTestId, 'apply'),\n fieldInner: getDataTestId(dataTestId, 'field-form-control-inner'),\n fieldFormControl: getDataTestId(dataTestId, 'field-form-control'),\n fieldLeftAddons: getDataTestId(dataTestId, 'field-form-control-left-addons'),\n fieldRightAddons: getDataTestId(dataTestId, 'field-form-control-right-addons'),\n fieldError: getDataTestId(dataTestId, 'field-form-control-error-message'),\n fieldErrorIcon: getDataTestId(dataTestId, 'field-error-icon'),\n fieldSuccessIcon: getDataTestId(dataTestId, 'field-success-icon'),\n fieldHint: getDataTestId(dataTestId, 'field-form-control-hint'),\n searchInput: getDataTestId(dataTestId, 'search'),\n searchFormControl: getDataTestId(dataTestId, 'search-form-control'),\n searchInner: getDataTestId(dataTestId, 'search-form-control-inner'),\n searchLeftAddons: getDataTestId(dataTestId, 'search-form-control-left-addons'),\n searchRightAddons: getDataTestId(dataTestId, 'search-form-control-right-addons'),\n searchError: getDataTestId(dataTestId, 'search-form-control-error-message'),\n searchHint: getDataTestId(dataTestId, 'search-form-control-hint'),\n };\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import React from 'react';
|
|
3
|
-
import { InputAutocompleteProps } from
|
|
4
|
-
declare const InputAutocomplete: React.ForwardRefExoticComponent<InputAutocompleteProps & React.RefAttributes<
|
|
5
|
-
export { InputAutocomplete };
|
|
2
|
+
import { InputAutocompleteProps } from './types';
|
|
3
|
+
export declare const InputAutocomplete: React.ForwardRefExoticComponent<InputAutocompleteProps & React.RefAttributes<HTMLInputElement | HTMLDivElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.responsive.js","sources":["../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { InputAutocompleteDesktop } from './desktop';\nimport { InputAutocompleteMobile } from './mobile';\nimport { InputAutocompleteProps } from './types';\n\nexport const InputAutocomplete = forwardRef<\n HTMLInputElement | HTMLDivElement,\n InputAutocompleteProps\n>(\n (\n {\n breakpoint,\n client,\n defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n mobileProps,\n ...restProps\n },\n ref,\n ) => {\n const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n return isDesktop ? (\n <InputAutocompleteDesktop {...restProps} ref={ref as React.Ref<HTMLInputElement>} />\n ) : (\n <InputAutocompleteMobile {...restProps} {...mobileProps} ref={ref} />\n );\n },\n);\n\nInputAutocomplete.displayName = 'InputAutocomplete';\n"],"names":[],"mappings":";;;;;;AAQa,MAAA,iBAAiB,GAAG,UAAU,CAIvC,CACI,EACI,UAAU,EACV,MAAM,EACN,sBAAsB,GAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,EAChF,WAAW,EACX,GAAG,SAAS,EACf,EACD,GAAG,KACH;IACA,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;AAElE,IAAA,OAAO,SAAS,IACZ,KAAA,CAAA,aAAA,CAAC,wBAAwB,EAAA,EAAA,GAAK,SAAS,EAAE,GAAG,EAAE,GAAkC,EAAI,CAAA,KAEpF,KAAC,CAAA,aAAA,CAAA,uBAAuB,OAAK,SAAS,EAAA,GAAM,WAAW,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI,CACxE;AACL,CAAC;AAGL,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import React from 'react';
|
|
3
|
-
import { FieldProps } from
|
|
4
|
-
import { InputAutocompleteCommonProps } from
|
|
5
|
-
type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteCommonProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
|
|
6
|
-
declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, dataTestId, }: AutocompleteFieldProps) => React.JSX.Element;
|
|
7
|
-
export { AutocompleteFieldProps, AutocompleteField };
|
|
2
|
+
import type { FieldProps } from '@alfalab/core-components-select/shared';
|
|
3
|
+
import { InputAutocompleteCommonProps } from '../types';
|
|
4
|
+
export declare type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteCommonProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
|
|
5
|
+
export declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, dataTestId, }: AutocompleteFieldProps) => React.JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../src/autocomplete-field/Component.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { InputProps } from '@alfalab/core-components-input';\nimport { InputDesktop as DefaultInput } from '@alfalab/core-components-input/desktop';\nimport type { FieldProps } from '@alfalab/core-components-select/shared';\n\nimport { OnInputReason } from '../enums';\nimport { InputAutocompleteCommonProps } from '../types';\n\nimport styles from './index.module.css';\n\nexport type AutocompleteFieldProps = FieldProps &\n Pick<InputAutocompleteCommonProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;\n\nexport const AutocompleteField = ({\n label,\n labelView = 'inner',\n placeholder,\n size,\n Arrow,\n Input = DefaultInput,\n value,\n error,\n success,\n hint,\n disabled,\n readOnly,\n onInput,\n inputProps = {},\n innerProps,\n dataTestId,\n}: AutocompleteFieldProps) => {\n const inputRef = useRef<HTMLInputElement>(null);\n\n const { onClick, onFocus } = innerProps;\n\n const inputDisabled = disabled || readOnly;\n\n const handleClick = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n if (onClick) onClick(event);\n\n if (inputRef.current) {\n inputRef.current.focus();\n }\n },\n [onClick],\n );\n\n const handleInput: InputProps['onChange'] = (_, payload) =>\n onInput?.(payload.value, OnInputReason.Change);\n\n return (\n <Input\n dataTestId={dataTestId}\n {...inputProps}\n {...innerProps}\n wrapperRef={mergeRefs([\n innerProps.ref as React.Ref<HTMLElement>,\n inputProps.wrapperRef as React.Ref<HTMLElement>,\n ])}\n ref={mergeRefs([inputRef, inputProps.ref as React.Ref<HTMLElement>])}\n disabled={disabled}\n readOnly={readOnly}\n block={true}\n label={label}\n labelView={labelView}\n placeholder={placeholder}\n size={size}\n error={error}\n success={success}\n hint={hint}\n onChange={handleInput}\n onClick={inputDisabled ? undefined : handleClick}\n onFocus={inputDisabled ? undefined : onFocus}\n autoComplete='off'\n value={value}\n rightAddons={\n (Arrow || inputProps.rightAddons) && (\n <React.Fragment>\n {inputProps.rightAddons}\n {Arrow && (\n <span\n className={cn(styles.arrow, {\n [styles.error]: error,\n })}\n >\n {Arrow}\n </span>\n )}\n </React.Fragment>\n )\n }\n />\n );\n};\n"],"names":["DefaultInput"],"mappings":";;;;;;;MAgBa,iBAAiB,GAAG,CAAC,EAC9B,KAAK,EACL,SAAS,GAAG,OAAO,EACnB,WAAW,EACX,IAAI,EACJ,KAAK,EACL,KAAK,GAAGA,YAAY,EACpB,KAAK,EACL,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,UAAU,GAAG,EAAE,EACf,UAAU,EACV,UAAU,GACW,KAAI;AACzB,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC;AAE/C,IAAA,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,UAAU;AAEvC,IAAA,MAAM,aAAa,GAAG,QAAQ,IAAI,QAAQ;AAE1C,IAAA,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,KAAuC,KAAI;AACxC,QAAA,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC;QAE3B,IAAI,QAAQ,CAAC,OAAO,EAAE;AAClB,YAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE;AAC3B;AACL,KAAC,EACD,CAAC,OAAO,CAAC,CACZ;IAED,MAAM,WAAW,GAA2B,CAAC,CAAC,EAAE,OAAO,KACnD,OAAO,GAAG,OAAO,CAAC,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC;AAElD,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACF,UAAU,EAAE,UAAU,EAClB,GAAA,UAAU,KACV,UAAU,EACd,UAAU,EAAE,SAAS,CAAC;AAClB,YAAA,UAAU,CAAC,GAA6B;AACxC,YAAA,UAAU,CAAC,UAAoC;SAClD,CAAC,EACF,GAAG,EAAE,SAAS,CAAC,CAAC,QAAQ,EAAE,UAAU,CAAC,GAA6B,CAAC,CAAC,EACpE,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,IAAI,EACX,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,WAAW,EACrB,OAAO,EAAE,aAAa,GAAG,SAAS,GAAG,WAAW,EAChD,OAAO,EAAE,aAAa,GAAG,SAAS,GAAG,OAAO,EAC5C,YAAY,EAAC,KAAK,EAClB,KAAK,EAAE,KAAK,EACZ,WAAW,EACP,CAAC,KAAK,IAAI,UAAU,CAAC,WAAW,MAC5B,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,QAAQ,EAAA,IAAA;AACV,YAAA,UAAU,CAAC,WAAW;YACtB,KAAK,KACF,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE;AACxB,oBAAA,CAAC,MAAM,CAAC,KAAK,GAAG,KAAK;iBACxB,CAAC,EAAA,EAED,KAAK,CACH,CACV,CACY,CACpB,EAAA,CAEP;AAEV;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './Component';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,19 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
import { FieldProps as BaseFieldProps } from "@alfalab/core-components-select/shared";
|
|
6
|
-
type FieldProps = {
|
|
1
|
+
import React, { ElementType } from 'react';
|
|
2
|
+
import { FormControlMobileProps } from '@alfalab/core-components-form-control/mobile';
|
|
3
|
+
import type { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/shared';
|
|
4
|
+
declare type FieldProps = {
|
|
7
5
|
/**
|
|
8
6
|
* Компонент FormControl
|
|
9
7
|
*/
|
|
10
8
|
FormControlComponent?: ElementType;
|
|
11
9
|
};
|
|
12
|
-
type AutocompleteMobileFieldProps = FormControlMobileProps & Omit<BaseFieldProps, 'selected' | 'multiple' | 'success'> & {
|
|
10
|
+
export declare type AutocompleteMobileFieldProps = FormControlMobileProps & Omit<BaseFieldProps, 'selected' | 'multiple' | 'success'> & {
|
|
13
11
|
/**
|
|
14
12
|
* Значение поля ввода
|
|
15
13
|
*/
|
|
16
14
|
value?: string;
|
|
17
15
|
};
|
|
18
|
-
declare const AutocompleteMobileField: ({ size, open, disabled, value, innerProps, dataTestId, fieldClassName, labelView, placeholder, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, FormControlComponent, rightAddons, error, readOnly, clear, success, onClear, onInput, colors, ...restProps }: AutocompleteMobileFieldProps & FieldProps) => React.JSX.Element;
|
|
19
|
-
export {
|
|
16
|
+
export declare const AutocompleteMobileField: ({ size, open, disabled, value, innerProps, dataTestId, fieldClassName, labelView, placeholder, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, FormControlComponent, rightAddons, error, readOnly, clear, success, onClear, onInput, colors, ...restProps }: AutocompleteMobileFieldProps & FieldProps) => React.JSX.Element;
|
|
17
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../src/autocomplete-mobile-field/Component.tsx"],"sourcesContent":["import React, { ElementType, Fragment, useRef, useState } from 'react';\nimport cn from 'classnames';\n\nimport {\n FormControlMobile,\n FormControlMobileProps,\n} from '@alfalab/core-components-form-control/mobile';\nimport { ClearButton } from '@alfalab/core-components-input/shared';\nimport type { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/shared';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { StatusBadge } from '@alfalab/core-components-status-badge';\nimport { useFocus } from '@alfalab/hooks';\n\nimport styles from './index.module.css';\n\ntype FieldProps = {\n /**\n * Компонент FormControl\n */\n FormControlComponent?: ElementType;\n};\n\nexport type AutocompleteMobileFieldProps = FormControlMobileProps &\n Omit<BaseFieldProps, 'selected' | 'multiple' | 'success'> & {\n /**\n * Значение поля ввода\n */\n value?: string;\n };\n\nexport const AutocompleteMobileField = ({\n size = 56,\n open,\n disabled,\n value,\n innerProps,\n dataTestId,\n fieldClassName,\n labelView = 'inner',\n placeholder,\n Arrow,\n valueRenderer,\n toggleMenu,\n setSelectedItems,\n selectedMultiple,\n FormControlComponent,\n rightAddons,\n error,\n readOnly,\n clear,\n success,\n onClear,\n onInput,\n colors = 'default',\n ...restProps\n}: AutocompleteMobileFieldProps & FieldProps) => {\n const [focused, setFocused] = useState(false);\n\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n const [focusVisible] = useFocus(wrapperRef, 'keyboard');\n\n const filled = Boolean(value);\n const showPlaceholder = placeholder && !filled && labelView === 'outer';\n const clearButtonVisible = clear && filled && !disabled && !readOnly;\n\n const { tabIndex, ...restInnerProps } = innerProps;\n\n const formRightAddons = (Arrow || rightAddons || clearButtonVisible || error || success) && (\n <Fragment>\n {clearButtonVisible && (\n <ClearButton onClick={onClear} disabled={disabled} colors={colors} />\n )}\n {rightAddons}\n {Arrow}\n {error && (\n <div className={styles.errorIcon} data-addon='error-icon'>\n <StatusBadge\n view='negative-alert'\n size={size === 40 ? 16 : 20}\n dataTestId={getDataTestId(dataTestId, 'error-icon')}\n />\n </div>\n )}\n {success && !error && (\n <div className={styles.successIcon}>\n <StatusBadge\n view='positive-checkmark'\n size={size === 40 ? 16 : 20}\n dataTestId={getDataTestId(dataTestId, 'success-icon')}\n />\n </div>\n )}\n </Fragment>\n );\n\n return (\n <div\n className={styles.component}\n ref={wrapperRef}\n onFocus={() => setFocused(true)}\n onBlur={() => setFocused(false)}\n >\n <FormControlMobile\n fieldClassName={cn(styles.field, fieldClassName, {\n [styles.disabled]: disabled,\n [styles.focusVisible]: focusVisible,\n })}\n block={true}\n size={size}\n focused={focused}\n disabled={disabled}\n filled={filled}\n labelView={labelView}\n dataTestId={getDataTestId(dataTestId, 'form-control')}\n // downshift устанавливает фокус на таргет поле после выбора опции, не даем ему это сделать пока открыт список, иначе поле поиска будет терять фокус\n tabIndex={open ? undefined : tabIndex}\n {...restProps}\n {...restInnerProps}\n readOnly={readOnly}\n colors={colors}\n error={error}\n rightAddons={formRightAddons}\n >\n <div className={styles.contentWrapper}>\n {showPlaceholder && <span className={styles.placeholder}>{placeholder}</span>}\n {filled && <div className={styles.value}>{value}</div>}\n </div>\n </FormControlMobile>\n </div>\n );\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './Component';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import React from 'react';
|
|
3
|
-
import { InputAutocompleteCommonProps } from
|
|
4
|
-
declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<InputAutocompleteCommonProps & React.RefAttributes<HTMLInputElement>>;
|
|
5
|
-
export { InputAutocompleteDesktop };
|
|
2
|
+
import { InputAutocompleteCommonProps } from '../types';
|
|
3
|
+
export declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<InputAutocompleteCommonProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { Popover } from '@alfalab/core-components-popover';\nimport {\n AnyObject,\n BaseSelect,\n Optgroup as DefaultOptgroup,\n Option as DefaultOption,\n OptionsList as DefaultOptionsList,\n} from '@alfalab/core-components-select/shared';\n\nimport { AutocompleteField } from '../autocomplete-field';\nimport { InputAutocompleteCommonProps } from '../types';\n\nexport const InputAutocompleteDesktop = forwardRef<HTMLInputElement, InputAutocompleteCommonProps>(\n (\n {\n OptionsList = DefaultOptionsList,\n Optgroup = DefaultOptgroup,\n Option = DefaultOption,\n Input,\n inputProps = {},\n onInput,\n value,\n success,\n readOnly,\n closeOnSelect = false,\n options,\n ...restProps\n },\n ref,\n ) => (\n <BaseSelect\n view='desktop'\n Popover={Popover}\n ref={ref}\n autocomplete={true}\n options={options}\n closeOnSelect={closeOnSelect}\n Option={Option}\n Field={AutocompleteField}\n Optgroup={Optgroup}\n OptionsList={OptionsList}\n {...restProps}\n fieldProps={{\n ...(restProps.fieldProps as AnyObject),\n Input,\n onInput,\n value,\n inputProps,\n readOnly,\n success,\n }}\n />\n ),\n);\n"],"names":["OptionsList","DefaultOptionsList","Optgroup","DefaultOptgroup","Option","DefaultOption"],"mappings":";;;;;MAca,wBAAwB,GAAG,UAAU,CAC9C,CACI,eACIA,aAAW,GAAGC,WAAkB,YAChCC,UAAQ,GAAGC,QAAe,UAC1BC,QAAM,GAAGC,MAAa,EACtB,KAAK,EACL,UAAU,GAAG,EAAE,EACf,OAAO,EACP,KAAK,EACL,OAAO,EACP,QAAQ,EACR,aAAa,GAAG,KAAK,EACrB,OAAO,EACP,GAAG,SAAS,EACf,EACD,GAAG,MAEH,KAAA,CAAA,aAAA,CAAC,UAAU,EACP,EAAA,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,IAAI,EAClB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAED,QAAM,EACd,KAAK,EAAE,iBAAiB,EACxB,QAAQ,EAAEF,UAAQ,EAClB,WAAW,EAAEF,aAAW,EACpB,GAAA,SAAS,EACb,UAAU,EAAE;QACR,GAAI,SAAS,CAAC,UAAwB;QACtC,KAAK;QACL,OAAO;QACP,KAAK;QACL,UAAU;QACV,QAAQ;QACR,OAAO;KACV,EACH,CAAA,CACL;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { InputAutocompleteDesktop } from
|
|
2
|
-
export type { InputAutocompleteCommonProps as InputAutocompleteDesktopProps } from
|
|
1
|
+
export { InputAutocompleteDesktop } from './Component.desktop';
|
|
2
|
+
export type { InputAutocompleteCommonProps as InputAutocompleteDesktopProps } from '../types';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/moderncssm/enums.d.ts
CHANGED
package/moderncssm/enums.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"enums.js","sources":["../src/enums.ts"],"sourcesContent":["export enum OnInputReason {\n Close = 'close',\n Change = 'change',\n}\n"],"names":[],"mappings":"IAAY;AAAZ,CAAA,UAAY,aAAa,EAAA;AACrB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,aAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACrB,CAAC,EAHW,aAAa,KAAb,aAAa,GAGxB,EAAA,CAAA,CAAA;;;;"}
|
package/moderncssm/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { InputAutocomplete } from
|
|
2
|
-
export type { InputAutocompleteProps } from
|
|
1
|
+
export { InputAutocomplete } from './Component.responsive';
|
|
2
|
+
export type { InputAutocompleteProps } from './types';
|
package/moderncssm/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/// <reference types="react-transition-group" />
|
|
3
1
|
import React from 'react';
|
|
4
|
-
declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<import("../types").InputAutocompleteCommonProps & {
|
|
2
|
+
export declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<import("../types").InputAutocompleteCommonProps & {
|
|
5
3
|
isBottomSheet?: boolean | undefined;
|
|
6
4
|
transitionProps?: Partial<import("react-transition-group/Transition").TransitionProps<undefined>> | undefined;
|
|
7
5
|
onApply?: (() => void) | undefined;
|
|
@@ -9,4 +7,3 @@ declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<import(".
|
|
|
9
7
|
title?: string | undefined;
|
|
10
8
|
virtualKeyboard?: boolean | undefined;
|
|
11
9
|
} & React.RefAttributes<unknown>>;
|
|
12
|
-
export { InputAutocompleteMobile };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { Ref, useMemo, useRef, useState } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { maskitoTransform } from '@maskito/core';\nimport cn from 'classnames';\nimport throttle from 'lodash/throttle';\n\nimport {\n SelectMobile,\n SelectMobileProps,\n SelectModalMobile,\n} from '@alfalab/core-components-select/mobile';\nimport {\n AnyObject,\n BottomSheetSelectMobileProps,\n Footer,\n ModalSelectMobileProps,\n} from '@alfalab/core-components-select/shared';\nimport { isMaskitoMask, isNonNullable } from '@alfalab/core-components-shared';\n\nimport { AutocompleteMobileField } from '../autocomplete-mobile-field';\nimport { OnInputReason } from '../enums';\nimport { InputAutocompleteMobileProps } from '../types';\nimport { searchFilterStub } from '../utils';\n\nimport styles from './mobile.module.css';\n\nexport const InputAutocompleteMobile = React.forwardRef(\n (\n {\n Input,\n value,\n name,\n Arrow = null,\n label,\n placeholder = '',\n size = 48,\n open: openProp,\n onInput,\n onOpen,\n multiple,\n inputProps,\n isBottomSheet = true,\n dataTestId,\n transitionProps,\n onCancel,\n onApply,\n title,\n success,\n virtualKeyboard = false,\n ...restProps\n }: InputAutocompleteMobileProps,\n ref,\n ) => {\n const [open, setOpen] = useState(false);\n const frozenValue = useRef<string>('');\n const searchInputRef = useRef<HTMLInputElement>(null);\n const targetRef = useRef<HTMLDivElement>(null);\n\n const restorePrevValue = () => onInput?.(frozenValue.current, OnInputReason.Close);\n\n const setModalVisibility = (isOpen: boolean) => {\n if (isOpen) {\n frozenValue.current = value || '';\n }\n\n if (openProp === undefined) {\n setOpen(isOpen);\n }\n\n onOpen?.({ open: isOpen, name });\n };\n\n const handleOpen: SelectMobileProps['onOpen'] = (payload) => {\n setModalVisibility(Boolean(payload.open));\n };\n\n const handleOptionsListTouchMove = useMemo(\n () =>\n throttle(() => {\n const input = searchInputRef.current;\n\n if (input && document.activeElement === input) {\n input.blur();\n }\n }, 300),\n [],\n );\n\n const handleApply = () => {\n setModalVisibility(false);\n onApply?.();\n };\n\n const handleCancel = () => {\n setModalVisibility(false);\n restorePrevValue();\n onCancel?.();\n };\n\n const handleExiting = (node: HTMLElement) => {\n targetRef.current?.focus();\n transitionProps?.onExiting?.(node);\n };\n\n const isOpen = Boolean(open || openProp);\n\n const Component = isBottomSheet ? SelectMobile : SelectModalMobile;\n\n const componentProps:\n | ModalSelectMobileProps['modalProps']\n | BottomSheetSelectMobileProps['bottomSheetProps'] = {\n title: title || label || placeholder,\n onClose: restorePrevValue,\n transitionProps: {\n ...transitionProps,\n onExiting: handleExiting,\n },\n [isBottomSheet ? 'containerProps' : 'componentDivProps']: {\n onTouchMove: handleOptionsListTouchMove,\n },\n };\n\n const clear = inputProps?.clear ?? false;\n\n const displayValue = isOpen ? frozenValue.current : value;\n\n const fieldValue = useMemo(() => {\n const mask = inputProps?.mask;\n\n return isNonNullable(displayValue) && isMaskitoMask(mask)\n ? maskitoTransform(displayValue, { mask })\n : displayValue;\n }, [displayValue, inputProps?.mask]);\n\n return (\n <Component\n Field={AutocompleteMobileField}\n {...restProps}\n {...(isBottomSheet\n ? { bottomSheetProps: { ...componentProps, virtualKeyboard } }\n : {\n modalProps: componentProps,\n modalHeaderProps: { title },\n })}\n dataTestId={dataTestId}\n useWithApplyHook={false}\n showSearch={true}\n searchProps={{\n value,\n filterFn: searchFilterStub,\n componentProps: {\n leftAddons: null,\n placeholder,\n ...inputProps,\n className: cn(styles.input, inputProps?.className),\n clear,\n ref: mergeRefs([searchInputRef, inputProps?.ref as Ref<HTMLInputElement>]),\n onChange: (_, payload) => onInput?.(payload.value, OnInputReason.Change),\n },\n }}\n Search={Input}\n ref={mergeRefs([targetRef, ref])}\n open={isOpen}\n onOpen={handleOpen}\n Arrow={Arrow}\n placeholder={placeholder}\n label={label}\n size={size}\n name={name}\n multiple={multiple}\n optionsListProps={{\n footer: (\n <Footer\n showClear={true}\n handleClear={handleCancel}\n handleApply={handleApply}\n clearText='Отмена'\n applyText='Продолжить'\n dataTestId={dataTestId}\n />\n ),\n ...(restProps.optionsListProps as AnyObject),\n }}\n fieldProps={{\n value: fieldValue,\n clear,\n onClear: clear ? inputProps?.onClear : undefined,\n success,\n ...(restProps.fieldProps as AnyObject),\n }}\n />\n );\n },\n);\n"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/// <reference types="react-transition-group" />
|
|
3
1
|
import React from 'react';
|
|
4
|
-
declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<import("../types").InputAutocompleteCommonProps & {
|
|
2
|
+
export declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<import("../types").InputAutocompleteCommonProps & {
|
|
5
3
|
isBottomSheet?: boolean | undefined;
|
|
6
4
|
transitionProps?: Partial<import("react-transition-group/Transition").TransitionProps<undefined>> | undefined;
|
|
7
5
|
onApply?: (() => void) | undefined;
|
|
@@ -9,4 +7,3 @@ declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<impo
|
|
|
9
7
|
title?: string | undefined;
|
|
10
8
|
virtualKeyboard?: boolean | undefined;
|
|
11
9
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
-
export { InputAutocompleteModalMobile };
|
|
@@ -4,3 +4,4 @@ import { InputAutocompleteMobile } from './Component.mobile.js';
|
|
|
4
4
|
const InputAutocompleteModalMobile = React.forwardRef((props, ref) => React.createElement(InputAutocompleteMobile, { ...props, ref: ref, isBottomSheet: false }));
|
|
5
5
|
|
|
6
6
|
export { InputAutocompleteModalMobile };
|
|
7
|
+
//# sourceMappingURL=Component.modal.mobile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.modal.mobile.js","sources":["../../src/mobile/Component.modal.mobile.tsx"],"sourcesContent":["import React from 'react';\n\nimport { InputAutocompleteMobileProps } from '../types';\n\nimport { InputAutocompleteMobile } from './Component.mobile';\n\nexport const InputAutocompleteModalMobile = React.forwardRef<\n HTMLDivElement,\n InputAutocompleteMobileProps\n>((props, ref) => <InputAutocompleteMobile {...props} ref={ref} isBottomSheet={false} />);\n"],"names":[],"mappings":";;;AAMO,MAAM,4BAA4B,GAAG,KAAK,CAAC,UAAU,CAG1D,CAAC,KAAK,EAAE,GAAG,KAAK,KAAA,CAAA,aAAA,CAAC,uBAAuB,EAAA,EAAA,GAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,aAAa,EAAE,KAAK,EAAA,CAAI;;;;"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { InputAutocompleteMobile } from
|
|
2
|
-
export { InputAutocompleteModalMobile } from
|
|
3
|
-
export { InputAutocompleteMobileProps } from
|
|
1
|
+
export { InputAutocompleteMobile } from './Component.mobile';
|
|
2
|
+
export { InputAutocompleteModalMobile } from './Component.modal.mobile';
|
|
3
|
+
export { InputAutocompleteMobileProps } from '../types';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { getInputAutocompleteDesktopTestIds, getInputAutocompleteMobileTestIds } from
|
|
1
|
+
export { getInputAutocompleteDesktopTestIds, getInputAutocompleteMobileTestIds } from '../utils';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/moderncssm/types.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { ComponentType, RefAttributes } from 'react';
|
|
2
|
-
import { InputProps } from
|
|
3
|
-
import { BaseSelectProps, BottomSheetSelectMobileProps } from
|
|
4
|
-
type OnInputTypeReason = 'close' | 'change';
|
|
5
|
-
interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomplete' | 'Field' | 'nativeSelect' | 'searchProps' | 'showSearch' | 'Search' | 'valueRenderer'> {
|
|
1
|
+
import type { ComponentType, RefAttributes } from 'react';
|
|
2
|
+
import type { InputProps } from '@alfalab/core-components-input';
|
|
3
|
+
import type { BaseSelectProps, BottomSheetSelectMobileProps } from '@alfalab/core-components-select/shared';
|
|
4
|
+
declare type OnInputTypeReason = 'close' | 'change';
|
|
5
|
+
export interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomplete' | 'Field' | 'nativeSelect' | 'searchProps' | 'showSearch' | 'Search' | 'valueRenderer'> {
|
|
6
6
|
/**
|
|
7
7
|
* Компонент ввода значения
|
|
8
8
|
*/
|
|
@@ -28,7 +28,7 @@ interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomple
|
|
|
28
28
|
*/
|
|
29
29
|
onInput?: (value: string, reason?: OnInputTypeReason) => void;
|
|
30
30
|
}
|
|
31
|
-
type MobileProps = {
|
|
31
|
+
declare type MobileProps = {
|
|
32
32
|
/**
|
|
33
33
|
* Открывать в bottom-sheet
|
|
34
34
|
*/
|
|
@@ -56,8 +56,8 @@ type MobileProps = {
|
|
|
56
56
|
*/
|
|
57
57
|
virtualKeyboard?: boolean;
|
|
58
58
|
};
|
|
59
|
-
type InputAutocompleteMobileProps = InputAutocompleteCommonProps & MobileProps;
|
|
60
|
-
interface InputAutocompleteProps extends InputAutocompleteCommonProps {
|
|
59
|
+
export declare type InputAutocompleteMobileProps = InputAutocompleteCommonProps & MobileProps;
|
|
60
|
+
export interface InputAutocompleteProps extends InputAutocompleteCommonProps {
|
|
61
61
|
/**
|
|
62
62
|
* Пропсы для мобильного компонента
|
|
63
63
|
*/
|
|
@@ -77,4 +77,4 @@ interface InputAutocompleteProps extends InputAutocompleteCommonProps {
|
|
|
77
77
|
*/
|
|
78
78
|
defaultMatchMediaValue?: boolean | (() => boolean);
|
|
79
79
|
}
|
|
80
|
-
export {
|
|
80
|
+
export {};
|
package/moderncssm/types.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/moderncssm/utils.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
declare function searchFilterStub(): boolean;
|
|
2
|
-
declare function getInputAutocompleteDesktopTestIds(dataTestId: string): {
|
|
1
|
+
export declare function searchFilterStub(): boolean;
|
|
2
|
+
export declare function getInputAutocompleteDesktopTestIds(dataTestId: string): {
|
|
3
3
|
inputAutocomplete: string;
|
|
4
4
|
option: string;
|
|
5
5
|
optionsList: string;
|
|
@@ -13,7 +13,7 @@ declare function getInputAutocompleteDesktopTestIds(dataTestId: string): {
|
|
|
13
13
|
fieldSuccessIcon: string;
|
|
14
14
|
fieldHint: string;
|
|
15
15
|
};
|
|
16
|
-
declare function getInputAutocompleteMobileTestIds(dataTestId: string): {
|
|
16
|
+
export declare function getInputAutocompleteMobileTestIds(dataTestId: string): {
|
|
17
17
|
inputAutocomplete: string;
|
|
18
18
|
option: string;
|
|
19
19
|
optionsList: string;
|
|
@@ -41,4 +41,3 @@ declare function getInputAutocompleteMobileTestIds(dataTestId: string): {
|
|
|
41
41
|
searchError: string;
|
|
42
42
|
searchHint: string;
|
|
43
43
|
};
|
|
44
|
-
export { searchFilterStub, getInputAutocompleteDesktopTestIds, getInputAutocompleteMobileTestIds };
|
package/moderncssm/utils.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import { getDataTestId } from '@alfalab/core-components-shared';\n\nexport function searchFilterStub() {\n return true;\n}\n\nexport function getInputAutocompleteDesktopTestIds(dataTestId: string) {\n return {\n inputAutocomplete: dataTestId,\n option: getDataTestId(dataTestId, 'option'),\n optionsList: getDataTestId(dataTestId, 'options-list'),\n field: getDataTestId(dataTestId, 'field'),\n fieldInner: getDataTestId(dataTestId, 'field-form-control-inner'),\n fieldFormControl: getDataTestId(dataTestId, 'field-form-control'),\n fieldLeftAddons: getDataTestId(dataTestId, 'field-form-control-left-addons'),\n fieldRightAddons: getDataTestId(dataTestId, 'field-form-control-right-addons'),\n fieldError: getDataTestId(dataTestId, 'field-form-control-error-message'),\n fieldErrorIcon: getDataTestId(dataTestId, 'field-form-control-error-icon'),\n fieldSuccessIcon: getDataTestId(dataTestId, 'field-form-control-success-icon'),\n fieldHint: getDataTestId(dataTestId, 'field-form-control-hint'),\n };\n}\n\nexport function getInputAutocompleteMobileTestIds(dataTestId: string) {\n return {\n inputAutocomplete: dataTestId,\n option: getDataTestId(dataTestId, 'option'),\n optionsList: getDataTestId(dataTestId, 'options-list'),\n bottomSheet: getDataTestId(dataTestId, 'bottom-sheet'),\n bottomSheetHeader: getDataTestId(dataTestId, 'bottom-sheet-header'),\n bottomSheetContent: getDataTestId(dataTestId, 'bottom-sheet-content'),\n modal: getDataTestId(dataTestId, 'modal'),\n modalHeader: getDataTestId(dataTestId, 'modal-header'),\n modalContent: getDataTestId(dataTestId, 'modal-content'),\n clearButton: getDataTestId(dataTestId, 'clear'),\n applyButton: getDataTestId(dataTestId, 'apply'),\n fieldInner: getDataTestId(dataTestId, 'field-form-control-inner'),\n fieldFormControl: getDataTestId(dataTestId, 'field-form-control'),\n fieldLeftAddons: getDataTestId(dataTestId, 'field-form-control-left-addons'),\n fieldRightAddons: getDataTestId(dataTestId, 'field-form-control-right-addons'),\n fieldError: getDataTestId(dataTestId, 'field-form-control-error-message'),\n fieldErrorIcon: getDataTestId(dataTestId, 'field-error-icon'),\n fieldSuccessIcon: getDataTestId(dataTestId, 'field-success-icon'),\n fieldHint: getDataTestId(dataTestId, 'field-form-control-hint'),\n searchInput: getDataTestId(dataTestId, 'search'),\n searchFormControl: getDataTestId(dataTestId, 'search-form-control'),\n searchInner: getDataTestId(dataTestId, 'search-form-control-inner'),\n searchLeftAddons: getDataTestId(dataTestId, 'search-form-control-left-addons'),\n searchRightAddons: getDataTestId(dataTestId, 'search-form-control-right-addons'),\n searchError: getDataTestId(dataTestId, 'search-form-control-error-message'),\n searchHint: getDataTestId(dataTestId, 'search-form-control-hint'),\n };\n}\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-input-autocomplete",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "13.0.0-snapshot-6a9d3fc",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -12,16 +12,17 @@
|
|
|
12
12
|
},
|
|
13
13
|
"sideEffects": false,
|
|
14
14
|
"peerDependencies": {
|
|
15
|
-
"react": "^16.9.0 || ^17.0.1 || ^18.0.0"
|
|
15
|
+
"react": "^16.9.0 || ^17.0.1 || ^18.0.0",
|
|
16
|
+
"react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
|
|
16
17
|
},
|
|
17
18
|
"dependencies": {
|
|
18
|
-
"@alfalab/core-components-form-control": "
|
|
19
|
-
"@alfalab/core-components-input": "
|
|
20
|
-
"@alfalab/core-components-popover": "
|
|
21
|
-
"@alfalab/core-components-select": "
|
|
22
|
-
"@alfalab/core-components-status-badge": "
|
|
23
|
-
"@alfalab/core-components-shared": "
|
|
24
|
-
"@alfalab/core-components-mq": "
|
|
19
|
+
"@alfalab/core-components-form-control": "13.0.0-snapshot-6a9d3fc",
|
|
20
|
+
"@alfalab/core-components-input": "16.0.0-snapshot-6a9d3fc",
|
|
21
|
+
"@alfalab/core-components-popover": "7.0.0-snapshot-6a9d3fc",
|
|
22
|
+
"@alfalab/core-components-select": "18.0.0-snapshot-6a9d3fc",
|
|
23
|
+
"@alfalab/core-components-status-badge": "2.0.0-snapshot-6a9d3fc",
|
|
24
|
+
"@alfalab/core-components-shared": "1.0.0-snapshot-6a9d3fc",
|
|
25
|
+
"@alfalab/core-components-mq": "5.0.0-snapshot-6a9d3fc",
|
|
25
26
|
"@alfalab/hooks": "^1.13.1",
|
|
26
27
|
"@maskito/core": "^1.7.0",
|
|
27
28
|
"classnames": "^2.5.1",
|
|
@@ -29,9 +30,6 @@
|
|
|
29
30
|
"react-merge-refs": "^1.1.0",
|
|
30
31
|
"tslib": "^2.4.0"
|
|
31
32
|
},
|
|
32
|
-
"
|
|
33
|
-
|
|
34
|
-
},
|
|
35
|
-
"themesVersion": "13.7.4",
|
|
36
|
-
"varsVersion": "9.20.1"
|
|
33
|
+
"themesVersion": "14.0.0-snapshot-6a9d3fc",
|
|
34
|
+
"varsVersion": "10.0.0-snapshot-6a9d3fc"
|
|
37
35
|
}
|
package/shared/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { getInputAutocompleteDesktopTestIds, getInputAutocompleteMobileTestIds } from
|
|
1
|
+
export { getInputAutocompleteDesktopTestIds, getInputAutocompleteMobileTestIds } from '../utils';
|
package/shared/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
package/types.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { ComponentType, RefAttributes } from 'react';
|
|
2
|
-
import { InputProps } from
|
|
3
|
-
import { BaseSelectProps, BottomSheetSelectMobileProps } from
|
|
4
|
-
type OnInputTypeReason = 'close' | 'change';
|
|
5
|
-
interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomplete' | 'Field' | 'nativeSelect' | 'searchProps' | 'showSearch' | 'Search' | 'valueRenderer'> {
|
|
1
|
+
import type { ComponentType, RefAttributes } from 'react';
|
|
2
|
+
import type { InputProps } from '@alfalab/core-components-input';
|
|
3
|
+
import type { BaseSelectProps, BottomSheetSelectMobileProps } from '@alfalab/core-components-select/shared';
|
|
4
|
+
declare type OnInputTypeReason = 'close' | 'change';
|
|
5
|
+
export interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomplete' | 'Field' | 'nativeSelect' | 'searchProps' | 'showSearch' | 'Search' | 'valueRenderer'> {
|
|
6
6
|
/**
|
|
7
7
|
* Компонент ввода значения
|
|
8
8
|
*/
|
|
@@ -28,7 +28,7 @@ interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomple
|
|
|
28
28
|
*/
|
|
29
29
|
onInput?: (value: string, reason?: OnInputTypeReason) => void;
|
|
30
30
|
}
|
|
31
|
-
type MobileProps = {
|
|
31
|
+
declare type MobileProps = {
|
|
32
32
|
/**
|
|
33
33
|
* Открывать в bottom-sheet
|
|
34
34
|
*/
|
|
@@ -56,8 +56,8 @@ type MobileProps = {
|
|
|
56
56
|
*/
|
|
57
57
|
virtualKeyboard?: boolean;
|
|
58
58
|
};
|
|
59
|
-
type InputAutocompleteMobileProps = InputAutocompleteCommonProps & MobileProps;
|
|
60
|
-
interface InputAutocompleteProps extends InputAutocompleteCommonProps {
|
|
59
|
+
export declare type InputAutocompleteMobileProps = InputAutocompleteCommonProps & MobileProps;
|
|
60
|
+
export interface InputAutocompleteProps extends InputAutocompleteCommonProps {
|
|
61
61
|
/**
|
|
62
62
|
* Пропсы для мобильного компонента
|
|
63
63
|
*/
|
|
@@ -77,4 +77,4 @@ interface InputAutocompleteProps extends InputAutocompleteCommonProps {
|
|
|
77
77
|
*/
|
|
78
78
|
defaultMatchMediaValue?: boolean | (() => boolean);
|
|
79
79
|
}
|
|
80
|
-
export {
|
|
80
|
+
export {};
|
package/types.js
CHANGED
package/types.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
package/utils.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
declare function searchFilterStub(): boolean;
|
|
2
|
-
declare function getInputAutocompleteDesktopTestIds(dataTestId: string): {
|
|
1
|
+
export declare function searchFilterStub(): boolean;
|
|
2
|
+
export declare function getInputAutocompleteDesktopTestIds(dataTestId: string): {
|
|
3
3
|
inputAutocomplete: string;
|
|
4
4
|
option: string;
|
|
5
5
|
optionsList: string;
|
|
@@ -13,7 +13,7 @@ declare function getInputAutocompleteDesktopTestIds(dataTestId: string): {
|
|
|
13
13
|
fieldSuccessIcon: string;
|
|
14
14
|
fieldHint: string;
|
|
15
15
|
};
|
|
16
|
-
declare function getInputAutocompleteMobileTestIds(dataTestId: string): {
|
|
16
|
+
export declare function getInputAutocompleteMobileTestIds(dataTestId: string): {
|
|
17
17
|
inputAutocomplete: string;
|
|
18
18
|
option: string;
|
|
19
19
|
optionsList: string;
|
|
@@ -41,4 +41,3 @@ declare function getInputAutocompleteMobileTestIds(dataTestId: string): {
|
|
|
41
41
|
searchError: string;
|
|
42
42
|
searchHint: string;
|
|
43
43
|
};
|
|
44
|
-
export { searchFilterStub, getInputAutocompleteDesktopTestIds, getInputAutocompleteMobileTestIds };
|