@ozen-ui/kit 0.68.0 → 0.70.0

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/components/AutocompleteBaseInputMultiple/AutocompleteBaseInputMultiple.js

@@ -0,0 +1,117 @@
+import { __assign, __read, __rest } from "tslib";
+import React, { forwardRef, useState } from 'react';
+import { CrossSmallIcon } from '@ozen-ui/icons';
+import { useElementSize } from '../../../../../../hooks/useElementSize';
+import { useIsomorphicEffect } from '../../../../../../hooks/useIsomorphicEffect';
+import { isNumber } from '../../../../../../utils/number';
+import { useAutocompleteBaseContext } from '../../../../AutocompleteBaseContext';
+import { AutocompleteBaseInputTag } from '../../../AutocompleteBaseInputTag';
+import { cnAutocompleteBaseInput } from '../../classNames';
+import { calcElementSize, calcElementsSize, createMap } from './utils';
+var AutocompleteInputMultipleRender = function (_a, ref) {
+    var label = _a.label, placeholder = _a.placeholder, renderTagProp = _a.renderTag, renderMoreTagProp = _a.renderMoreTag, limitTags = _a.limitTags, other = __rest(_a, ["label", "placeholder", "renderTag", "renderMoreTag", "limitTags"]);
+    var _b = useAutocompleteBaseContext(), inputControl = _b.inputControl, valueControl = _b.valueControl;
+    var value = inputControl.value;
+    var selectedOptions = valueControl.value;
+    var selectedOptionsLength = (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) || 0;
+    var responsive = limitTags === 'responsive';
+    var hasLimitTags = isNumber(limitTags) && limitTags > 0;
+    var showMoreTag = !!selectedOptionsLength && (responsive || hasLimitTags);
+    var _c = __read(useState(), 2), visibleMap = _c[0], setVisibleMap = _c[1];
+    var omittedValues = selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.filter(function (_, index) { return !(visibleMap === null || visibleMap === void 0 ? void 0 : visibleMap[index]); });
+    var renderMoreTagDefault = function (_a, ref) {
+        var props = _a.props;
+        return React.createElement(AutocompleteBaseInputTag, __assign({}, props, { ref: ref }));
+    };
+    var renderMoreTag = renderMoreTagProp || renderMoreTagDefault;
+    var renderTagDefault = function (_, props, ref) { return React.createElement(AutocompleteBaseInputTag, __assign({}, props, { ref: ref })); };
+    var renderTag = renderTagProp || renderTagDefault;
+    var _d = useElementSize(), parentRef = _d.ref, parentSize = _d.width;
+    var moreTagSize = (parentRef === null || parentRef === void 0 ? void 0 : parentRef.current)
+        ? calcElementSize(parentRef === null || parentRef === void 0 ? void 0 : parentRef.current.children[selectedOptionsLength])
+        : 0;
+    var _e = useElementSize(), helperInputRef = _e.ref, _f = _e.width, helperInputSize = _f === void 0 ? 20 : _f;
+    var getInputSize = function () {
+        var inputSize = helperInputSize + 20;
+        if (responsive &&
+            (visibleMap === null || visibleMap === void 0 ? void 0 : visibleMap.filter(function (item) { return !item; }).length) === selectedOptionsLength) {
+            return inputSize > parentSize - moreTagSize
+                ? parentSize - moreTagSize
+                : inputSize;
+        }
+        return inputSize > parentSize ? parentSize : inputSize;
+    };
+    var inputSize = getInputSize();
+    useIsomorphicEffect(function () {
+        if ((!responsive && !isNumber(limitTags)) || !parentSize) {
+            return;
+        }
+        var optionsLength = selectedOptionsLength;
+        var parentSizeWithoutInput = parentSize - inputSize;
+        var moreIndex = optionsLength;
+        var map = createMap(optionsLength + 1, moreIndex);
+        for (var i = 0; i < optionsLength + 1; i += 1) {
+            var index = moreIndex - i;
+            if (index !== moreIndex) {
+                var elementsSize = calcElementsSize(parentRef.current.children, map);
+                var condition = responsive
+                    ? elementsSize > parentSizeWithoutInput
+                    : isNumber(limitTags) && limitTags <= index;
+                if (condition) {
+                    map[index] = false;
+                    map[moreIndex] = true;
+                }
+            }
+        }
+        setVisibleMap(map);
+    }, [
+        limitTags,
+        inputSize,
+        parentSize,
+        selectedOptions,
+        selectedOptionsLength,
+    ]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { ref: parentRef, className: cnAutocompleteBaseInput('Input', {
+                responsive: responsive,
+                multiple: true,
+                hasLabel: !!label,
+            }) }, selectedOptions === null || selectedOptions === void 0 ? void 0 :
+            selectedOptions.map(function (option, index) {
+                return renderTag(option, {
+                    key: option.id,
+                    label: option.label,
+                    className: cnAutocompleteBaseInput('Tag'),
+                    disabled: option.disabled,
+                    iconRight: function (_a) {
+                        var size = _a.size;
+                        return (React.createElement("span", { "aria-hidden": "true", "data-testid": "clear-tag", className: cnAutocompleteBaseInput('ClearTag', {
+                                hidden: (responsive || hasLimitTags) && !(visibleMap === null || visibleMap === void 0 ? void 0 : visibleMap[index]),
+                                disabled: option.disabled,
+                            }), onClick: function (event) {
+                                if (option.disabled) {
+                                    return;
+                                }
+                                event.preventDefault();
+                                valueControl.setValue(event, option, {
+                                    source: 'input',
+                                });
+                            } },
+                            React.createElement(CrossSmallIcon, { size: size })));
+                    },
+                });
+            }),
+            showMoreTag &&
+                renderMoreTag({
+                    omittedValues: omittedValues,
+                    props: {
+                        label: "+".concat(visibleMap === null || visibleMap === void 0 ? void 0 : visibleMap.filter(function (item) { return !item; }).length),
+                        className: cnAutocompleteBaseInput('Tag', {
+                            hidden: !(visibleMap === null || visibleMap === void 0 ? void 0 : visibleMap[selectedOptionsLength]),
+                        }),
+                    },
+                }),
+            React.createElement("input", __assign({}, other, { value: value, ref: ref, style: { width: inputSize }, placeholder: placeholder }))),
+        React.createElement("div", { className: cnAutocompleteBaseInput('HelperInput'), ref: helperInputRef }, value || placeholder)));
+};
+export var AutocompleteBaseInputMultiple = forwardRef(AutocompleteInputMultipleRender);

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/components/AutocompleteBaseInputMultiple/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AutocompleteBaseInputMultiple';
+export * from './types';

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/components/AutocompleteBaseInputMultiple/index.js

@@ -0,0 +1,2 @@
+export * from './AutocompleteBaseInputMultiple';
+export * from './types';

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/components/AutocompleteBaseInputMultiple/types.d.ts

@@ -0,0 +1,12 @@
+import type { ReactElement, Ref } from 'react';
+import type { InputProps } from '../../../../../Input';
+import type { AutocompleteBaseDefaultOption } from '../../../../entities';
+import type { AutocompleteBaseRenderMoreTag, AutocompleteBaseRenderTag } from '../../entities';
+export type AutocompleteBaseInputMultipleRef = HTMLInputElement;
+export type AutocompleteBaseInputMultipleProps<Option = AutocompleteBaseDefaultOption> = Pick<InputProps, 'placeholder' | 'label'> & {
+    renderTag?: AutocompleteBaseRenderTag<Option>;
+    renderMoreTag?: AutocompleteBaseRenderMoreTag<Option>;
+    limitTags?: 'responsive' | number;
+    ref?: Ref<AutocompleteBaseInputMultipleRef>;
+};
+export type AutocompleteBaseInputMultipleComponent = <Option = AutocompleteBaseDefaultOption>(props: AutocompleteBaseInputMultipleProps<Option>) => ReactElement | null;

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/components/AutocompleteBaseInputMultiple/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/components/AutocompleteBaseInputMultiple/utils.d.ts

@@ -0,0 +1,3 @@
+export declare const calcElementSize: (element?: Element) => number;
+export declare const calcElementsSize: (elements: Element[], map: boolean[]) => number;
+export declare const createMap: (length: number, moreIndex: number) => boolean[];

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/components/AutocompleteBaseInputMultiple/utils.js

@@ -0,0 +1,19 @@
+export var calcElementSize = function (element) {
+    if (!element) {
+        return 0;
+    }
+    var _a = getComputedStyle(element), marginRight = _a.marginRight, marginLeft = _a.marginLeft;
+    return (element.getBoundingClientRect().width +
+        parseInt(marginRight, 10) +
+        parseInt(marginLeft, 10));
+};
+export var calcElementsSize = function (elements, map) {
+    var sum = 0;
+    for (var index = 0; index < elements.length; index++) {
+        sum += map[index] ? calcElementSize(elements === null || elements === void 0 ? void 0 : elements[index]) : 0;
+    }
+    return sum;
+};
+export var createMap = function (length, moreIndex) {
+    return new Array(length).fill(0).map(function (_, index) { return index !== moreIndex; });
+};

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/components/AutocompleteBaseRenderRight/AutocompleteBaseRenderRight.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { AutocompleteBaseRenderRightProps } from './types';
+export declare const AutocompleteBaseRenderRight: ({ openText, clearText, closeText, renderSuffix, suffixPosition, showClearButton, showChevron, className, ...other }: AutocompleteBaseRenderRightProps) => React.JSX.Element;

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/components/AutocompleteBaseRenderRight/AutocompleteBaseRenderRight.js

@@ -0,0 +1,34 @@
+import { __assign, __read, __rest } from "tslib";
+import React from 'react';
+import { ChevronDownIcon, ChevronUpIcon, CrossIcon } from '@ozen-ui/icons';
+import { renderContent } from '../../../../../../utils/renderContent';
+import { useFieldControl } from '../../../../../FieldControl';
+import { IconButton } from '../../../../../IconButtonNext';
+import { useAutocompleteBaseContext } from '../../../../AutocompleteBaseContext';
+import { cnAutocompleteBaseInput } from '../../classNames';
+export var AutocompleteBaseRenderRight = function (_a) {
+    var openText = _a.openText, clearText = _a.clearText, closeText = _a.closeText, renderSuffix = _a.renderSuffix, suffixPosition = _a.suffixPosition, showClearButton = _a.showClearButton, showChevron = _a.showChevron, className = _a.className, other = __rest(_a, ["openText", "clearText", "closeText", "renderSuffix", "suffixPosition", "showClearButton", "showChevron", "className"]);
+    var _b = useAutocompleteBaseContext(), dropdownControl = _b.dropdownControl, valueControl = _b.valueControl, disabled = _b.disabled, size = _b.size, clear = _b.clear;
+    var open = dropdownControl.isOpen;
+    var _c = __read(useFieldControl(), 1), _d = _c[0], focused = _d.focused, hovered = _d.hovered;
+    var isVisibleClearButton = !!(hovered || open || focused) && valueControl.hasValue;
+    var renderedSuffix = renderContent({
+        content: renderSuffix,
+    });
+    var clearButton = (React.createElement(IconButton, { size: size, type: "button", tabIndex: -1, icon: CrossIcon, variant: "function", title: clearText, "aria-label": clearText, onClick: function (event) {
+            event.preventDefault();
+            clear(event);
+        }, className: cnAutocompleteBaseInput('ClearButton', {
+            visibility: isVisibleClearButton,
+        }), compressed: true }));
+    return (React.createElement("div", __assign({ className: cnAutocompleteBaseInput('RenderRight', [className]) }, other),
+        showClearButton && !isVisibleClearButton && clearButton,
+        suffixPosition === 'before' && renderedSuffix,
+        showClearButton && isVisibleClearButton && clearButton,
+        suffixPosition === 'between' && renderedSuffix,
+        showChevron && (React.createElement(IconButton, { size: size, type: "button", tabIndex: -1, variant: "ghost", disabled: disabled, title: open ? closeText : openText, "aria-label": open ? closeText : openText, icon: open ? ChevronUpIcon : ChevronDownIcon, onClick: function (event) {
+                event.preventDefault();
+                dropdownControl.toggle();
+            }, compressed: true })),
+        suffixPosition === 'after' && renderedSuffix));
+};

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/components/AutocompleteBaseRenderRight/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AutocompleteBaseRenderRight';
+export * from './types';

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/components/AutocompleteBaseRenderRight/index.js

@@ -0,0 +1,2 @@
+export * from './AutocompleteBaseRenderRight';
+export * from './types';

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/components/AutocompleteBaseRenderRight/types.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentProps } from 'react';
+import type { AutocompleteBaseRenderSuffix, AutocompleteBaseSuffixPosition } from '../../entities';
+export type AutocompleteBaseRenderRightProps = {
+    suffixPosition: AutocompleteBaseSuffixPosition;
+    showClearButton: boolean;
+    showChevron: boolean;
+    renderSuffix?: AutocompleteBaseRenderSuffix;
+    openText?: string;
+    clearText?: string;
+    closeText?: string;
+} & ComponentProps<'div'>;

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/components/AutocompleteBaseRenderRight/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AutocompleteBaseInputMultiple';
+export * from './AutocompleteBaseRenderRight';

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/components/index.js

@@ -0,0 +1,2 @@
+export * from './AutocompleteBaseInputMultiple';
+export * from './AutocompleteBaseRenderRight';

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const AUTOCOMPLETE_BASE_INPUT_DEFAULT_SUFFIX_POSITION = "between";
+export declare const AUTOCOMPLETE_BASE_INPUT_DEFAULT_SHOW_CLEAR_BUTTON = true;
+export declare const AUTOCOMPLETE_BASE_INPUT_DEFAULT_SHOW_CHEVRON = true;

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/constants.js

@@ -0,0 +1,3 @@
+export var AUTOCOMPLETE_BASE_INPUT_DEFAULT_SUFFIX_POSITION = 'between';
+export var AUTOCOMPLETE_BASE_INPUT_DEFAULT_SHOW_CLEAR_BUTTON = true;
+export var AUTOCOMPLETE_BASE_INPUT_DEFAULT_SHOW_CHEVRON = true;

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/entities/index.d.ts

@@ -0,0 +1,5 @@
+export * from './renderBefore';
+export * from './renderMoreTag';
+export * from './renderSuffix';
+export * from './renderTag';
+export * from './suffixPosition';

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/entities/index.js

@@ -0,0 +1,5 @@
+export * from './renderBefore';
+export * from './renderMoreTag';
+export * from './renderSuffix';
+export * from './renderTag';
+export * from './suffixPosition';

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/entities/renderBefore.d.ts

@@ -0,0 +1,2 @@
+import type { RenderContentTypeEmptyProps } from '../../../../../utils/renderContent';
+export type AutocompleteBaseRenderBefore = RenderContentTypeEmptyProps['content'];

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/entities/renderBefore.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/entities/renderMoreTag.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode, Ref } from 'react';
+import type { AutocompleteBaseInternalValue } from '../../../entities';
+import type { AutocompleteBaseInputTagProps, AutocompleteBaseInputTagRef } from '../../AutocompleteBaseInputTag';
+export type AutocompleteBaseRenderMoreTagProps<Option> = {
+    props: AutocompleteBaseInputTagProps;
+    omittedValues?: AutocompleteBaseInternalValue<Option, true>;
+};
+export type AutocompleteBaseRenderMoreTag<Option> = (props: AutocompleteBaseRenderMoreTagProps<Option>, ref?: Ref<AutocompleteBaseInputTagRef>) => ReactNode;

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/entities/renderMoreTag.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/entities/renderSuffix.d.ts

@@ -0,0 +1,2 @@
+import type { RenderContentTypeEmptyProps } from '../../../../../utils/renderContent';
+export type AutocompleteBaseRenderSuffix = RenderContentTypeEmptyProps['content'];

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/entities/renderSuffix.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/entities/renderTag.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode, Ref } from 'react';
+import type { AutocompleteBaseInternalOption } from '../../../entities';
+import type { AutocompleteBaseInputTagProps, AutocompleteBaseInputTagRef } from '../../AutocompleteBaseInputTag';
+export type AutocompleteBaseRenderTagProps = AutocompleteBaseInputTagProps;
+export type AutocompleteBaseRenderTagRef = AutocompleteBaseInputTagRef;
+export type AutocompleteBaseRenderTag<Option> = (option: AutocompleteBaseInternalOption<Option>, props: AutocompleteBaseRenderTagProps, ref?: Ref<AutocompleteBaseRenderTagRef>) => ReactNode;

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/entities/renderTag.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/entities/suffixPosition.d.ts

@@ -0,0 +1,2 @@
+export declare const autocompleteBaseSuffixPosition: readonly ["before", "between", "after"];
+export type AutocompleteBaseSuffixPosition = (typeof autocompleteBaseSuffixPosition)[number];

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/entities/suffixPosition.js

@@ -0,0 +1,5 @@
+export var autocompleteBaseSuffixPosition = [
+    'before',
+    'between',
+    'after',
+];

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/index.d.ts

@@ -0,0 +1,3 @@
+export * from './entities';
+export * from './AutocompleteBaseInput';
+export * from './types';

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/index.js

@@ -0,0 +1,3 @@
+export * from './entities';
+export * from './AutocompleteBaseInput';
+export * from './types';

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/types.d.ts

@@ -0,0 +1,31 @@
+import type { ReactElement, Ref } from 'react';
+import type { InputProps, InputRef } from '../../../Input';
+import type { AutocompleteBaseDefaultOption } from '../../entities';
+import type { AutocompleteBaseSuffixPosition, AutocompleteBaseRenderSuffix, AutocompleteBaseRenderBefore, AutocompleteBaseRenderMoreTag, AutocompleteBaseRenderTag } from './entities';
+export type AutocompleteInputRef = InputRef;
+export type AutocompleteBaseInputProps<Option = AutocompleteBaseDefaultOption> = Omit<InputProps, 'value' | 'onChange' | 'size' | 'disabled' | 'renderRight' | 'renderLeft' | 'error'> & {
+    /** Текст для кнопки открытия выпадающего списка */
+    openText?: string;
+    /** Текст для кнопки закрытия выпадающего списка */
+    closeText?: string;
+    /** Текст для кнопки очистки поля */
+    clearText?: string;
+    /** Если `true` показывает кнопку раскрытия/скрытия списка */
+    showChevron?: boolean;
+    /** Если `true`, то отображает кнопку закрытия */
+    showClearButton?: boolean;
+    ref?: Ref<AutocompleteInputRef>;
+    /** Задает максимальное количество отображаемых тегов в компоненте с множественным выбором */
+    limitTags?: 'responsive' | number;
+    /** Функция для кастомизации тега выбранного значения в компоненте с множественным выбором */
+    renderTag?: AutocompleteBaseRenderTag<Option>;
+    /** Функция для кастомизации тега «more», который отображается в случае скрытия элементов в компоненте с множественным выбором */
+    renderMoreTag?: AutocompleteBaseRenderMoreTag<Option>;
+    /** Компонент справа */
+    renderSuffix?: AutocompleteBaseRenderSuffix;
+    /** Компонент слева */
+    renderBefore?: AutocompleteBaseRenderBefore;
+    /** Положение компонента справа */
+    suffixPosition?: AutocompleteBaseSuffixPosition;
+};
+export type AutocompleteInputComponent = <Option = AutocompleteBaseDefaultOption>(props: AutocompleteBaseInputProps<Option>) => ReactElement | null;

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInputIcon/AutocompleteBaseInputIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { AutocompleteBaseInputIconProps } from './types';
+export declare const cnAutocompleteBaseInputIcon: import("@bem-react/classname").ClassNameFormatter;
+export declare const AutocompleteBaseInputIcon: React.ForwardRefExoticComponent<Omit<AutocompleteBaseInputIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInputIcon/AutocompleteBaseInputIcon.js

@@ -0,0 +1,15 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { cn } from '../../../../utils/classname';
+import { FieldIcon } from '../../../FieldIcon';
+export var cnAutocompleteBaseInputIcon = cn('AutocompleteBaseInputIcon');
+export var AutocompleteBaseInputIcon = forwardRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'AutocompleteBaseInputIcon',
+    });
+    var className = props.className, icon = props.icon, other = __rest(props, ["className", "icon"]);
+    return (React.createElement(FieldIcon, __assign({}, other, { icon: icon, className: cnAutocompleteBaseInputIcon('', [className]), ref: ref })));
+});
+AutocompleteBaseInputIcon.displayName = 'AutocompleteBaseInputIcon';

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInputIcon/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AutocompleteBaseInputIcon';
+export * from './types';

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInputIcon/index.js

@@ -0,0 +1,2 @@
+export * from './AutocompleteBaseInputIcon';
+export * from './types';

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInputIcon/types.d.ts

@@ -0,0 +1,4 @@
+import type { FieldIconProps } from '../../../FieldIcon';
+import type { TagRef } from '../../../TagNext';
+export type AutocompleteBaseInputIconProps = Omit<FieldIconProps, 'size'>;
+export type AutocompleteBaseInputIconRef = TagRef;

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInputIcon/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInputTag/AutocompleteBaseInputTag.css

@@ -0,0 +1,4 @@
+.AutocompleteBaseInputTag_disabled {
+    pointer-events: none;
+    opacity: 0.6;
+  }

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInputTag/AutocompleteBaseInputTag.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const cnAutocompleteBaseInputTag: import("@bem-react/classname").ClassNameFormatter;
+export declare const AutocompleteBaseInputTag: React.ForwardRefExoticComponent<Omit<import("../../../TagNext").TagProps, "size"> & {
+    disabled?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInputTag/AutocompleteBaseInputTag.js

@@ -0,0 +1,21 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { cn } from '../../../../utils/classname';
+import { Tag } from '../../../TagNext';
+import { useAutocompleteBaseContext } from '../../AutocompleteBaseContext';
+import { AUTOCOMPLETE_BASE_INPUT_TAG_DEFAULT_COLOR, AUTOCOMPLETE_BASE_INPUT_TAG_DEFAULT_TAG, AUTOCOMPLETE_BASE_SIZE_TO_TAG_SIZE, } from './constants';
+export var cnAutocompleteBaseInputTag = cn('AutocompleteBaseInputTag');
+export var AutocompleteBaseInputTag = forwardRef(function (inProps, ref) {
+    var props = useThemeProps({
+        props: inProps,
+        name: 'AutocompleteBaseInputTag',
+    });
+    var className = props.className, _a = props.as, as = _a === void 0 ? AUTOCOMPLETE_BASE_INPUT_TAG_DEFAULT_TAG : _a, _b = props.color, color = _b === void 0 ? AUTOCOMPLETE_BASE_INPUT_TAG_DEFAULT_COLOR : _b, disabled = props.disabled, other = __rest(props, ["className", "as", "color", "disabled"]);
+    var autocompleteSize = useAutocompleteBaseContext().size;
+    var size = AUTOCOMPLETE_BASE_SIZE_TO_TAG_SIZE[autocompleteSize];
+    return (React.createElement(Tag, __assign({ as: as, size: size, className: cnAutocompleteBaseInputTag({
+            disabled: disabled,
+        }, [className]), color: color }, other, { ref: ref })));
+});
+AutocompleteBaseInputTag.displayName = 'AutocompleteBaseInputTag';

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInputTag/constants.d.ts

@@ -0,0 +1,5 @@
+import type { TagSizeVariant } from '../../../TagNext';
+import type { AutocompleteBaseSize } from '../../entities';
+export declare const AUTOCOMPLETE_BASE_SIZE_TO_TAG_SIZE: Readonly<Record<AutocompleteBaseSize, TagSizeVariant>>;
+export declare const AUTOCOMPLETE_BASE_INPUT_TAG_DEFAULT_COLOR = "neutral";
+export declare const AUTOCOMPLETE_BASE_INPUT_TAG_DEFAULT_TAG = "div";

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInputTag/constants.js

@@ -0,0 +1,9 @@
+export var AUTOCOMPLETE_BASE_SIZE_TO_TAG_SIZE = {
+    '2xs': '2xs',
+    xs: '2xs',
+    s: '2xs',
+    m: 'xs',
+    l: 'xs',
+};
+export var AUTOCOMPLETE_BASE_INPUT_TAG_DEFAULT_COLOR = 'neutral';
+export var AUTOCOMPLETE_BASE_INPUT_TAG_DEFAULT_TAG = 'div';

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInputTag/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AutocompleteBaseInputTag';
+export * from './types';

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInputTag/index.js

@@ -0,0 +1,2 @@
+export * from './AutocompleteBaseInputTag';
+export * from './types';

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInputTag/types.d.ts

@@ -0,0 +1,5 @@
+import type { TagProps, TagRef } from '../../../TagNext';
+export type AutocompleteBaseInputTagRef = TagRef;
+export type AutocompleteBaseInputTagProps = Omit<TagProps, 'size'> & {
+    disabled?: boolean;
+};

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInputTag/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/modules/index.d.ts

@@ -0,0 +1,4 @@
+export * from './AutocompleteBaseDropdown';
+export * from './AutocompleteBaseInput';
+export * from './AutocompleteBaseInputIcon';
+export * from './AutocompleteBaseInputTag';

package/__inner__/esm/components/AutocompleteBase/modules/index.js

@@ -0,0 +1,4 @@
+export * from './AutocompleteBaseDropdown';
+export * from './AutocompleteBaseInput';
+export * from './AutocompleteBaseInputIcon';
+export * from './AutocompleteBaseInputTag';

package/__inner__/esm/components/AutocompleteBase/types.d.ts

@@ -0,0 +1,45 @@
+import type { AutocompleteBaseOnInputChange, AutocompleteBaseOnChange, AutocompleteBaseRenderInput, AutocompleteBaseOnClose, AutocompleteBaseOnOpen, AutocompleteBaseDefaultOption, AutocompleteBasePropPrepareOption, AutocompleteBaseSearchFunction, AutocompleteBaseSize, AutocompleteBaseValue, AutocompleteBaseRenderDropdown } from './entities';
+export type AutocompleteBaseProps<Option = AutocompleteBaseDefaultOption, Multiple extends boolean = false> = {
+    /** Если `true` из списка можно выбрать несколько вариантов */
+    multiple?: Multiple;
+    /** Список вариантов выбора (опции) */
+    options: Option[];
+    /** Размер */
+    size?: AutocompleteBaseSize;
+    /** Если `true` переводит поле в состояние ошибки */
+    error?: boolean;
+    /** Выбранное значение опции */
+    value?: AutocompleteBaseValue<Option, Multiple>;
+    /** Выбранное значение опции по умолчанию */
+    defaultValue?: AutocompleteBaseValue<Option, Multiple>;
+    /** Текущее состояние списка. Если `true`, список отображается. */
+    open?: boolean;
+    /** Состояние открытие по умолчанию (неконтролируемый компонент) */
+    defaultOpen?: boolean;
+    /** Функция обратного вызова, которая будет вызвана когда компонент запрашивает открытие */
+    onOpen?: AutocompleteBaseOnOpen;
+    /** Функция обратного вызова, которая будет вызвана когда компонент запрашивает закрытие */
+    onClose?: AutocompleteBaseOnClose;
+    /** Функция обратного вызова, которая будет вызвана при выборе значения */
+    onChange?: AutocompleteBaseOnChange<Option, Multiple>;
+    /** Функция обратного вызова, которая будет вызвана при вводе значения с клавиатуры */
+    onInputChange?: AutocompleteBaseOnInputChange;
+    /** Введённое значение в текстовом поле */
+    inputValue?: string;
+    /** Если `true` отображает статус загрузки (при условии отсутствующих опций) */
+    loading?: boolean;
+    /** Функция поиска */
+    searchFunction?: AutocompleteBaseSearchFunction<Option>;
+    /** Функция для кастомизации текстового поля */
+    renderInput: AutocompleteBaseRenderInput;
+    /** Функция для кастомизации выпадающего элемента для выбора значения */
+    renderDropdown: AutocompleteBaseRenderDropdown;
+    /** Функция для приведения опцию к внутреннему формату */
+    prepareOption?: AutocompleteBasePropPrepareOption<Option>;
+    /** Если `true` делает элемент неактивным */
+    disabled?: boolean;
+    /** Если `true` позволяет вводить кастомное значение в текстовом поле */
+    allowCustomValue?: boolean;
+    /** Если `true` закрывает выпадающий список при выборе опции */
+    closeOnSelect?: boolean;
+};

package/__inner__/esm/components/AutocompleteBase/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/AutocompleteBase/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './isMultiple';
+export * from './isSingle';
+export * from './prepareOption';

package/__inner__/esm/components/AutocompleteBase/utils/index.js

@@ -0,0 +1,3 @@
+export * from './isMultiple';
+export * from './isSingle';
+export * from './prepareOption';

package/__inner__/esm/components/AutocompleteBase/utils/isMultiple.d.ts

@@ -0,0 +1,4 @@
+import type { AutocompleteBaseInternalMultipleValue, AutocompleteBaseInternalValue } from '../entities';
+import type { AutocompleteBaseProps } from '../types';
+export declare const isMultipleProps: <Option>(props: AutocompleteBaseProps<Option, boolean>) => props is AutocompleteBaseProps<Option, true>;
+export declare const isMultipleInternalValue: <Option>(_: AutocompleteBaseInternalValue<Option, boolean> | undefined, multiple: boolean) => _ is AutocompleteBaseInternalMultipleValue<Option> | undefined;

package/__inner__/esm/components/AutocompleteBase/utils/isMultiple.js

@@ -0,0 +1,2 @@
+export var isMultipleProps = function (props) { return !!props.multiple; };
+export var isMultipleInternalValue = function (_, multiple) { return multiple; };

package/__inner__/esm/components/AutocompleteBase/utils/isSingle.d.ts

@@ -0,0 +1,4 @@
+import type { AutocompleteBaseInternalSingleValue, AutocompleteBaseInternalValue } from '../entities';
+import type { AutocompleteBaseProps } from '../types';
+export declare const isSingleProps: <Option>(props: AutocompleteBaseProps<Option, boolean>) => props is AutocompleteBaseProps<Option, false>;
+export declare const isSingleInternalValue: <Option>(_: AutocompleteBaseInternalValue<Option, boolean> | undefined, multiple: boolean) => _ is AutocompleteBaseInternalSingleValue<Option> | undefined;

package/__inner__/esm/components/AutocompleteBase/utils/isSingle.js

@@ -0,0 +1,2 @@
+export var isSingleProps = function (props) { return !props.multiple; };
+export var isSingleInternalValue = function (_, multiple) { return !multiple; };

package/__inner__/esm/components/AutocompleteBase/utils/prepareOption.d.ts

@@ -0,0 +1,2 @@
+import type { AutocompleteBaseDefaultOption, AutocompleteBasePropPrepareOption } from '../entities';
+export declare const autocompleteBaseDefaultPrepareOption: AutocompleteBasePropPrepareOption<AutocompleteBaseDefaultOption>;

package/__inner__/esm/components/AutocompleteBase/utils/prepareOption.js

@@ -0,0 +1,16 @@
+import { isString } from '../../../utils/isString';
+export var autocompleteBaseDefaultPrepareOption = function (option) {
+    var _a;
+    if (isString(option)) {
+        return {
+            id: option,
+            label: option,
+            disabled: false,
+        };
+    }
+    return {
+        id: option.id,
+        label: option.label,
+        disabled: (_a = option.disabled) !== null && _a !== void 0 ? _a : false,
+    };
+};

package/__inner__/esm/components/AutocompleteNext/Autocomplete.js

@@ -211,3 +211,4 @@ function AutocompleteRender(inProps, ref) {
         React.createElement(AutocompleteDropdown, { open: open, size: size, loading: loading, setUpdate: setUpdate, value: valueState, multiple: multiple, onClose: handleClose, listProps: listProps, anchorRef: anchorRef, hasOptions: hasOptions, options: filteredOptions, loadingText: loadingText, renderOption: renderOption, getOptionKey: getOptionKey, noOptionsText: noOptionsText, onChange: handleChangeDropdown, getOptionLabel: getOptionLabel, getOptionDisabled: getOptionDisabled, disableShowEmptyOptionsList: disableShowEmptyOptionsList, popoverProps: __assign(__assign({}, popoverProps), { onExited: handleExited }) })));
 }
 export var Autocomplete = forwardRef(AutocompleteRender);
+Autocomplete.displayName = 'Autocomplete';