@ozen-ui/kit 0.57.0 → 0.58.0

package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteInput/components/AutocompleteInputMultiple.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutocompleteInputMultiple = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var icons_1 = require("@ozen-ui/icons");
+var useElementSize_1 = require("../../../../../hooks/useElementSize");
+var useIsomorphicEffect_1 = require("../../../../../hooks/useIsomorphicEffect");
+var isNumber_1 = require("../../../../../utils/isNumber");
+var TagNext_1 = require("../../../../TagNext");
+var index_1 = require("../../../index");
+var helpers_1 = require("./helpers");
+var AutocompleteInputMultipleRender = function (inProps, ref) {
+    var _a = inProps.size, size = _a === void 0 ? 'm' : _a, value = inProps.value, placeholder = inProps.placeholder, selectedOptions = inProps.selectedOptions, onRemoveTag = inProps.onRemoveTag, renderTagProp = inProps.renderTag, renderMoreTagProp = inProps.renderMoreTag, getOptionKey = inProps.getOptionKey, getOptionLabel = inProps.getOptionLabel, getOptionDisabled = inProps.getOptionDisabled, limitTags = inProps.limitTags, other = tslib_1.__rest(inProps, ["size", "value", "placeholder", "selectedOptions", "onRemoveTag", "renderTag", "renderMoreTag", "getOptionKey", "getOptionLabel", "getOptionDisabled", "limitTags"]);
+    var selectedOptionsLength = (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) || 0;
+    var responsive = limitTags === 'responsive';
+    var hasLimitTags = (0, isNumber_1.isNumber)(limitTags) && limitTags > 0;
+    var showMoreTag = !!selectedOptionsLength && (responsive || hasLimitTags);
+    var _b = tslib_1.__read((0, react_1.useState)(), 2), visibleMap = _b[0], setVisibleMap = _b[1];
+    var omittedValues = selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.filter(function (_, i) { return !(visibleMap === null || visibleMap === void 0 ? void 0 : visibleMap[i]); });
+    var renderMoreTagDefault = function (_a, ref) {
+        var props = _a.props;
+        return react_1.default.createElement(TagNext_1.Tag, tslib_1.__assign({ color: "neutral" }, props, { ref: ref }));
+    };
+    var renderMoreTag = renderMoreTagProp || renderMoreTagDefault;
+    var renderTagDefault = function (props, ref) { return (react_1.default.createElement(TagNext_1.Tag, tslib_1.__assign({ color: "neutral" }, props, { ref: ref }))); };
+    var renderTag = renderTagProp || renderTagDefault;
+    var _c = (0, useElementSize_1.useElementSize)(), parentRef = _c.ref, parentSize = _c.width;
+    var moreTagSize = (parentRef === null || parentRef === void 0 ? void 0 : parentRef.current)
+        ? (0, helpers_1.calcElementSize)(parentRef === null || parentRef === void 0 ? void 0 : parentRef.current.children[selectedOptionsLength])
+        : 0;
+    var _d = (0, useElementSize_1.useElementSize)(), helperInputRef = _d.ref, _e = _d.width, helperInputSize = _e === void 0 ? 20 : _e;
+    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();
+    (0, useIsomorphicEffect_1.useIsomorphicEffect)(function () {
+        if ((!responsive && !(0, isNumber_1.isNumber)(limitTags)) || !parentSize)
+            return;
+        var optionsLength = selectedOptionsLength;
+        var parentSizeWithoutInput = parentSize - inputSize;
+        var moreIndex = optionsLength;
+        var map = (0, helpers_1.createMap)(optionsLength + 1, moreIndex);
+        for (var i = 0; i < optionsLength + 1; i += 1) {
+            var index = moreIndex - i;
+            if (index !== moreIndex) {
+                var elementsSize = (0, helpers_1.calcElementsSize)(parentRef.current.children, map);
+                var condition = responsive
+                    ? elementsSize > parentSizeWithoutInput
+                    : (0, isNumber_1.isNumber)(limitTags) && limitTags <= index;
+                if (condition) {
+                    map[index] = false;
+                    map[moreIndex] = true;
+                }
+            }
+        }
+        setVisibleMap(map);
+    }, [
+        limitTags,
+        inputSize,
+        parentSize,
+        selectedOptions,
+        selectedOptionsLength,
+    ]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { ref: parentRef, className: (0, index_1.cnAutocomplete)('Input', { responsive: responsive, multiple: true }) }, selectedOptions === null || selectedOptions === void 0 ? void 0 :
+            selectedOptions.map(function (option, index) {
+                var label = (getOptionLabel === null || getOptionLabel === void 0 ? void 0 : getOptionLabel(option)) || '';
+                var key = getOptionKey === null || getOptionKey === void 0 ? void 0 : getOptionKey(option);
+                var disabled = getOptionDisabled === null || getOptionDisabled === void 0 ? void 0 : getOptionDisabled(option);
+                return renderTag({
+                    key: key,
+                    label: label,
+                    size: (0, helpers_1.getAutocompleteSizeToTag)(size),
+                    className: (0, index_1.cnAutocomplete)('Tag', {
+                        hidden: (responsive || hasLimitTags) && !(visibleMap === null || visibleMap === void 0 ? void 0 : visibleMap[index]),
+                        disabled: disabled,
+                    }),
+                    iconRight: function (_a) {
+                        var size = _a.size;
+                        return (react_1.default.createElement("span", { "aria-hidden": "true", "data-testid": "clear-tag", className: (0, index_1.cnAutocomplete)('ClearTag'), onClick: function (e) {
+                                if (disabled)
+                                    return;
+                                e.preventDefault();
+                                onRemoveTag === null || onRemoveTag === void 0 ? void 0 : onRemoveTag(e, option);
+                            } },
+                            react_1.default.createElement(icons_1.CrossSmallIcon, { size: size })));
+                    },
+                });
+            }),
+            showMoreTag &&
+                renderMoreTag({
+                    omittedValues: omittedValues,
+                    props: {
+                        label: "+".concat(visibleMap === null || visibleMap === void 0 ? void 0 : visibleMap.filter(function (item) { return !item; }).length),
+                        size: (0, helpers_1.getAutocompleteSizeToTag)(size),
+                        className: (0, index_1.cnAutocomplete)('Tag', {
+                            hidden: !(visibleMap === null || visibleMap === void 0 ? void 0 : visibleMap[selectedOptionsLength]),
+                        }),
+                    },
+                }),
+            react_1.default.createElement("input", tslib_1.__assign({}, other, { value: value, ref: ref, style: { width: inputSize }, placeholder: placeholder }))),
+        react_1.default.createElement("div", { className: (0, index_1.cnAutocomplete)('HelperInput'), ref: helperInputRef }, value || placeholder)));
+};
+exports.AutocompleteInputMultiple = (0, react_1.forwardRef)(AutocompleteInputMultipleRender);

package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteInput/components/helpers.d.ts

@@ -0,0 +1,5 @@
+import type { AutocompletePropSize } from '../../../index';
+export declare const getAutocompleteSizeToTag: (size: AutocompletePropSize) => "s" | "m" | "l" | "2xs" | "xs";
+export declare function calcElementSize(el?: Element): number;
+export declare const calcElementsSize: (elements: Element[], map: boolean[]) => number;
+export declare const createMap: (length: number, moreIndex: number) => boolean[];

package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteInput/components/helpers.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createMap = exports.calcElementsSize = exports.calcElementSize = exports.getAutocompleteSizeToTag = void 0;
+var getByMap_1 = require("../../../../../utils/getByMap");
+var typeMap = {
+    '2xs': '2xs',
+    xs: '2xs',
+    s: '2xs',
+    m: 'xs',
+    l: 'xs',
+};
+var getAutocompleteSizeToTag = function (size) {
+    return (0, getByMap_1.getByMap)(typeMap, size);
+};
+exports.getAutocompleteSizeToTag = getAutocompleteSizeToTag;
+function calcElementSize(el) {
+    if (!el)
+        return 0;
+    var _a = getComputedStyle(el), marginRight = _a.marginRight, marginLeft = _a.marginLeft;
+    return (el.getBoundingClientRect().width +
+        parseInt(marginRight, 10) +
+        parseInt(marginLeft, 10));
+}
+exports.calcElementSize = calcElementSize;
+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;
+};
+exports.calcElementsSize = calcElementsSize;
+var createMap = function (length, moreIndex) {
+    return new Array(length).fill(0).map(function (_, index) { return index !== moreIndex; });
+};
+exports.createMap = createMap;

package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteInput/components/index.d.ts

@@ -0,0 +1 @@
+export * from './AutocompleteInputMultiple';

package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteInput/components/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./AutocompleteInputMultiple"), exports);

package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteInput/components/types.d.ts

@@ -0,0 +1,17 @@
+import type { ReactElement, Ref } from 'react';
+import type { InputProps } from '../../../../Input';
+import type { AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompletePropRenderMoreTag, AutocompletePropRenderTag, AutocompletePropValue } from '../../../index';
+import type { AutocompleteDropdownOnChange } from '../../index';
+export type AutocompleteInputMultipleRef = HTMLInputElement;
+export type AutocompleteInputMultipleProps<OPTION = AutocompleteDefaultOption> = Pick<InputProps, 'size' | 'value' | 'placeholder'> & {
+    getOptionLabel?: AutocompletePropGetOptionLabel<OPTION>;
+    getOptionKey?: AutocompletePropGetOptionKey<OPTION>;
+    getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION>;
+    onRemoveTag?: AutocompleteDropdownOnChange<OPTION>;
+    selectedOptions?: AutocompletePropValue<OPTION, true>;
+    renderTag?: AutocompletePropRenderTag;
+    renderMoreTag?: AutocompletePropRenderMoreTag<OPTION>;
+    limitTags?: 'responsive' | number;
+    ref?: Ref<AutocompleteInputMultipleRef>;
+};
+export type AutocompleteInputMultipleComponent = <OPTION = AutocompleteDefaultOption>(props: AutocompleteInputMultipleProps<OPTION>) => ReactElement | null;

package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteInput/components/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteInput/helpers.d.ts

@@ -0,0 +1,3 @@
+import type { AutocompleteInputProps } from './types';
+export declare const isMultipleParams: <OPTION>(params: AutocompleteInputProps<OPTION, boolean>) => params is AutocompleteInputProps<OPTION, true>;
+export declare const isNotMultipleParams: <OPTION>(params: AutocompleteInputProps<OPTION, boolean>) => params is AutocompleteInputProps<OPTION, false>;

package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteInput/index.d.ts

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

package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteInput/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./AutocompleteInput"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteInput/types.d.ts

@@ -0,0 +1,26 @@
+import type { ReactElement, Ref } from 'react';
+import type { InputProps, InputRef } from '../../../Input';
+import type { AutocompleteDefaultOption, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompletePropValue, AutocompletePropRenderInput, AutocompletePropRenderTag, AutocompletePropRenderMoreTag, AutocompletePropGetOptionDisabled } from '../../index';
+import type { AutocompleteDropdownOnChange } from '../AutocompleteDropdown';
+import type { AutocompleteRenderRightProps } from '../AutocompleteRenderRight';
+export type AutocompleteInputRef = InputRef;
+export type AutocompleteInputProps<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false> = Pick<InputProps, 'size' | 'value' | 'disabled' | 'required' | 'onChange' | 'fullWidth' | 'onKeyDown' | 'className' | 'bodyProps' | 'inputProps' | 'renderRight' | 'placeholder'> & Pick<AutocompleteRenderRightProps, 'onOpen' | 'onClear'> & {
+    open?: boolean;
+    openText?: string;
+    closeText?: string;
+    clearText?: string;
+    multiple?: MULTIPLE;
+    disableShowChevron?: boolean;
+    disableClearButton?: boolean;
+    ref?: Ref<AutocompleteInputRef>;
+    limitTags?: 'responsive' | number;
+    renderTag?: AutocompletePropRenderTag;
+    renderInput?: AutocompletePropRenderInput;
+    onRemoveTag?: AutocompleteDropdownOnChange<OPTION>;
+    getOptionKey?: AutocompletePropGetOptionKey<OPTION>;
+    renderMoreTag?: AutocompletePropRenderMoreTag<OPTION>;
+    getOptionLabel?: AutocompletePropGetOptionLabel<OPTION>;
+    getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION>;
+    selectedOptions?: AutocompletePropValue<OPTION, MULTIPLE>;
+};
+export type AutocompleteInputComponent = <OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false>(props: AutocompleteInputProps<OPTION, MULTIPLE>) => ReactElement | null;

package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteInput/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteRenderRight/AutocompleteRenderRight.d.ts

@@ -0,0 +1,8 @@
+import type { FC, MouseEvent } from 'react';
+import type { AutocompleteProps } from '../../index';
+export type AutocompleteRenderRightProps = {
+    hasValue: boolean;
+    onOpen: () => void;
+    onClear: (e: MouseEvent<HTMLElement>) => void;
+} & Pick<AutocompleteProps, 'size' | 'open' | 'disabled' | 'openText' | 'clearText' | 'closeText' | 'renderRight' | 'disableClearButton' | 'disableShowChevron'>;
+export declare const AutocompleteRenderRight: FC<AutocompleteRenderRightProps>;

package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteRenderRight/AutocompleteRenderRight.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutocompleteRenderRight = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var icons_1 = require("@ozen-ui/icons");
+var FieldControl_1 = require("../../../FieldControl");
+var FieldIcon_1 = require("../../../FieldIcon");
+var IconButtonNext_1 = require("../../../IconButtonNext");
+var index_1 = require("../../index");
+var AutocompleteRenderRight = function (_a) {
+    var open = _a.open, size = _a.size, onOpen = _a.onOpen, onClear = _a.onClear, openText = _a.openText, disabled = _a.disabled, hasValue = _a.hasValue, clearText = _a.clearText, closeText = _a.closeText, renderRight = _a.renderRight, disableClearButton = _a.disableClearButton, disableShowChevron = _a.disableShowChevron;
+    var _b = tslib_1.__read((0, FieldControl_1.useFieldControl)(), 1), _c = _b[0], focused = _c.focused, hovered = _c.hovered;
+    var isVisibleClearButton = !!(hovered || open || focused) && hasValue;
+    return (react_1.default.createElement("div", { className: (0, index_1.cnAutocomplete)('RenderRight') },
+        !disableClearButton && (react_1.default.createElement(IconButtonNext_1.IconButton, { size: size, type: "button", tabIndex: -1, icon: icons_1.CrossIcon, variant: "function", title: clearText, "aria-label": clearText, onClick: function (e) {
+                e.preventDefault();
+                onClear === null || onClear === void 0 ? void 0 : onClear(e);
+            }, className: (0, index_1.cnAutocomplete)('ClearButton', {
+                visibility: isVisibleClearButton,
+            }), compressed: true })),
+        react_1.default.createElement(FieldIcon_1.FieldIcon, { icon: renderRight }),
+        !disableShowChevron && (react_1.default.createElement(IconButtonNext_1.IconButton, { size: size, type: "button", tabIndex: -1, variant: "ghost", disabled: disabled, title: open ? closeText : openText, "aria-label": open ? closeText : openText, icon: open ? icons_1.ChevronUpIcon : icons_1.ChevronDownIcon, onClick: function (e) {
+                e.preventDefault();
+                onOpen();
+            }, compressed: true }))));
+};
+exports.AutocompleteRenderRight = AutocompleteRenderRight;

package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteRenderRight/index.d.ts

@@ -0,0 +1 @@
+export * from './AutocompleteRenderRight';

package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteRenderRight/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./AutocompleteRenderRight"), exports);

package/__inner__/cjs/components/AutocompleteNext/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AutocompleteRenderRight';
+export * from './AutocompleteDropdown';
+export * from './AutocompleteInput';

package/__inner__/cjs/components/AutocompleteNext/components/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./AutocompleteRenderRight"), exports);
+tslib_1.__exportStar(require("./AutocompleteDropdown"), exports);
+tslib_1.__exportStar(require("./AutocompleteInput"), exports);

package/__inner__/cjs/components/AutocompleteNext/constants.d.ts

@@ -0,0 +1,10 @@
+export declare const AUTOCOMPLETE_DEFAULT_DISABLED = false;
+export declare const AUTOCOMPLETE_DEFAULT_REQUIRED = false;
+export declare const AUTOCOMPLETE_DEFAULT_AUTOFOCUS = false;
+export declare const AUTOCOMPLETE_DEFAULT_FULLWIDTH = false;
+export declare const AUTOCOMPLETE_DEFAULT_ALLOW_CUSTOM_VALUE = false;
+export declare const AUTOCOMPLETE_DEFAULT_DISABLE_SHOW_CHEVRON = false;
+export declare const AUTOCOMPLETE_DEFAULT_DISABLE_SHOW_EMPTY_OPTIONS_LIST = false;
+export declare const AUTOCOMPLETE_DEFAULT_DISABLE_CLOSE_ON_SELECT = false;
+export declare const AUTOCOMPLETE_DEFAULT_DISABLE_CLEAR_BUTTON = false;
+export declare const AUTOCOMPLETE_DEFAULT_SIZE = "m";

package/__inner__/cjs/components/AutocompleteNext/constants.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AUTOCOMPLETE_DEFAULT_SIZE = exports.AUTOCOMPLETE_DEFAULT_DISABLE_CLEAR_BUTTON = exports.AUTOCOMPLETE_DEFAULT_DISABLE_CLOSE_ON_SELECT = exports.AUTOCOMPLETE_DEFAULT_DISABLE_SHOW_EMPTY_OPTIONS_LIST = exports.AUTOCOMPLETE_DEFAULT_DISABLE_SHOW_CHEVRON = exports.AUTOCOMPLETE_DEFAULT_ALLOW_CUSTOM_VALUE = exports.AUTOCOMPLETE_DEFAULT_FULLWIDTH = exports.AUTOCOMPLETE_DEFAULT_AUTOFOCUS = exports.AUTOCOMPLETE_DEFAULT_REQUIRED = exports.AUTOCOMPLETE_DEFAULT_DISABLED = void 0;
+exports.AUTOCOMPLETE_DEFAULT_DISABLED = false;
+exports.AUTOCOMPLETE_DEFAULT_REQUIRED = false;
+exports.AUTOCOMPLETE_DEFAULT_AUTOFOCUS = false;
+exports.AUTOCOMPLETE_DEFAULT_FULLWIDTH = false;
+exports.AUTOCOMPLETE_DEFAULT_ALLOW_CUSTOM_VALUE = false;
+exports.AUTOCOMPLETE_DEFAULT_DISABLE_SHOW_CHEVRON = false;
+exports.AUTOCOMPLETE_DEFAULT_DISABLE_SHOW_EMPTY_OPTIONS_LIST = false;
+exports.AUTOCOMPLETE_DEFAULT_DISABLE_CLOSE_ON_SELECT = false;
+exports.AUTOCOMPLETE_DEFAULT_DISABLE_CLEAR_BUTTON = false;
+exports.AUTOCOMPLETE_DEFAULT_SIZE = 'm';

package/__inner__/cjs/components/AutocompleteNext/helpers.d.ts

@@ -0,0 +1,152 @@
+/// <reference types="react" />
+import type { AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompleteProps } from './types';
+export declare const defaultGetOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption>;
+export declare const defaultGetOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption>;
+export declare const defaultGetOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption>;
+export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false>(props: AutocompleteProps<OPTION, MULTIPLE>): ({
+    multiple?: MULTIPLE | undefined;
+    limitTags?: number | "responsive" | undefined;
+    renderTag?: import("./types").AutocompletePropRenderTag | undefined;
+    renderMoreTag?: import("./types").AutocompletePropRenderMoreTag<OPTION> | undefined;
+    options: OPTION[];
+    size?: "s" | "m" | "l" | "2xs" | "xs" | undefined;
+    value?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
+    defaultValue?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
+    onChange?: import("./types").AutocompleteOnChange<OPTION, MULTIPLE> | undefined;
+    inputValue?: string | undefined;
+    onInputChange?: import("./types").AutocompleteOnInputChange | undefined;
+    renderInput?: import("./types").AutocompletePropRenderInput | undefined;
+    renderOption?: import("./types").AutocompletePropRenderOption<OPTION> | undefined;
+    getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
+    getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
+    getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
+    disableCloseOnSelect?: boolean | undefined;
+    allowCustomValue?: boolean | undefined;
+    loading?: boolean | undefined;
+    noOptionsText?: import("react").ReactNode;
+    clearText?: string | undefined;
+    openText?: string | undefined;
+    closeText?: string | undefined;
+    loadingText?: import("react").ReactNode;
+    onClose?(): void;
+    onOpen?(): void;
+    disableClearButton?: boolean | undefined;
+    searchFunction?: import("./types").AutocompletePropSearchFunction<OPTION> | undefined;
+    disableShowEmptyOptionsList?: boolean | undefined;
+    disableShowChevron?: boolean | undefined;
+    popoverProps?: Partial<Omit<import("../Popover").PopoverProps, "className" | "children" | "open" | "onClose" | "anchorRef">> | undefined;
+    listProps?: Partial<Omit<import("../List").ListProps, "children">> | undefined;
+} & {
+    error?: boolean | undefined;
+    label?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+    className?: string | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    autoFocus?: boolean | undefined;
+    disabled?: boolean | undefined;
+    placeholder?: string | undefined;
+    required?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    disableStroke?: boolean | undefined;
+    hint?: string | null | undefined;
+    renderLeft?: string | number | import("react").FC<import("@ozen-ui/icons").IconProps> | import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>>) | undefined;
+    renderRight?: string | number | import("react").FC<import("@ozen-ui/icons").IconProps> | import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>>) | undefined;
+    inputProps?: import("../FieldInput").FieldInputProps | undefined;
+    bodyProps?: (Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+        ref?: ((instance: HTMLLabelElement | null) => void) | import("react").RefObject<HTMLLabelElement> | null | undefined;
+    }) | undefined;
+    hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
+} & {
+    open?: boolean | undefined;
+    defaultOpen?: undefined;
+} & (OPTION extends {
+    label: string;
+} ? Record<string, unknown> : {
+    getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
+}) & (OPTION extends {
+    id: string | number;
+} ? Record<string, unknown> : {
+    getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
+}) & (OPTION extends {
+    disabled: boolean | undefined;
+} ? Record<string, unknown> : {
+    getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
+}) & {
+    getOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption> | AutocompletePropGetOptionLabel<OPTION>;
+    getOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption> | AutocompletePropGetOptionKey<OPTION>;
+    getOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption> | AutocompletePropGetOptionDisabled<OPTION>;
+}) | ({
+    multiple?: MULTIPLE | undefined;
+    limitTags?: number | "responsive" | undefined;
+    renderTag?: import("./types").AutocompletePropRenderTag | undefined;
+    renderMoreTag?: import("./types").AutocompletePropRenderMoreTag<OPTION> | undefined;
+    options: OPTION[];
+    size?: "s" | "m" | "l" | "2xs" | "xs" | undefined;
+    value?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
+    defaultValue?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
+    onChange?: import("./types").AutocompleteOnChange<OPTION, MULTIPLE> | undefined;
+    inputValue?: string | undefined;
+    onInputChange?: import("./types").AutocompleteOnInputChange | undefined;
+    renderInput?: import("./types").AutocompletePropRenderInput | undefined;
+    renderOption?: import("./types").AutocompletePropRenderOption<OPTION> | undefined;
+    getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
+    getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
+    getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
+    disableCloseOnSelect?: boolean | undefined;
+    allowCustomValue?: boolean | undefined;
+    loading?: boolean | undefined;
+    noOptionsText?: import("react").ReactNode;
+    clearText?: string | undefined;
+    openText?: string | undefined;
+    closeText?: string | undefined;
+    loadingText?: import("react").ReactNode;
+    onClose?(): void;
+    onOpen?(): void;
+    disableClearButton?: boolean | undefined;
+    searchFunction?: import("./types").AutocompletePropSearchFunction<OPTION> | undefined;
+    disableShowEmptyOptionsList?: boolean | undefined;
+    disableShowChevron?: boolean | undefined;
+    popoverProps?: Partial<Omit<import("../Popover").PopoverProps, "className" | "children" | "open" | "onClose" | "anchorRef">> | undefined;
+    listProps?: Partial<Omit<import("../List").ListProps, "children">> | undefined;
+} & {
+    error?: boolean | undefined;
+    label?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+    className?: string | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    autoFocus?: boolean | undefined;
+    disabled?: boolean | undefined;
+    placeholder?: string | undefined;
+    required?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    disableStroke?: boolean | undefined;
+    hint?: string | null | undefined;
+    renderLeft?: string | number | import("react").FC<import("@ozen-ui/icons").IconProps> | import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>>) | undefined;
+    renderRight?: string | number | import("react").FC<import("@ozen-ui/icons").IconProps> | import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>>) | undefined;
+    inputProps?: import("../FieldInput").FieldInputProps | undefined;
+    bodyProps?: (Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+        ref?: ((instance: HTMLLabelElement | null) => void) | import("react").RefObject<HTMLLabelElement> | null | undefined;
+    }) | undefined;
+    hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
+} & {
+    open?: undefined;
+    defaultOpen?: boolean | undefined;
+} & (OPTION extends {
+    label: string;
+} ? Record<string, unknown> : {
+    getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
+}) & (OPTION extends {
+    id: string | number;
+} ? Record<string, unknown> : {
+    getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
+}) & (OPTION extends {
+    disabled: boolean | undefined;
+} ? Record<string, unknown> : {
+    getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
+}) & {
+    getOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption> | AutocompletePropGetOptionLabel<OPTION>;
+    getOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption> | AutocompletePropGetOptionKey<OPTION>;
+    getOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption> | AutocompletePropGetOptionDisabled<OPTION>;
+});
+export declare const isMultipleParams: <OPTION>(params: AutocompleteProps<OPTION, boolean>) => params is AutocompleteProps<OPTION, true>;
+export declare const isNotMultipleParams: <OPTION>(params: AutocompleteProps<OPTION, boolean>) => params is AutocompleteProps<OPTION, false>;

package/__inner__/cjs/components/AutocompleteNext/helpers.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isNotMultipleParams = exports.isMultipleParams = exports.withDefaultGetters = exports.defaultGetOptionDisabled = exports.defaultGetOptionLabel = exports.defaultGetOptionKey = void 0;
+var tslib_1 = require("tslib");
+var defaultGetOptionKey = function (option) { var _a; return (_a = option.id) !== null && _a !== void 0 ? _a : option; };
+exports.defaultGetOptionKey = defaultGetOptionKey;
+var defaultGetOptionLabel = function (option) { var _a; return (_a = option.label) !== null && _a !== void 0 ? _a : option; };
+exports.defaultGetOptionLabel = defaultGetOptionLabel;
+var defaultGetOptionDisabled = function (option) { var _a; return (_a = option.disabled) !== null && _a !== void 0 ? _a : false; };
+exports.defaultGetOptionDisabled = defaultGetOptionDisabled;
+function withDefaultGetters(props) {
+    return tslib_1.__assign(tslib_1.__assign({}, props), { getOptionLabel: props.getOptionLabel || exports.defaultGetOptionLabel, getOptionKey: props.getOptionKey || exports.defaultGetOptionKey, getOptionDisabled: props.getOptionDisabled || exports.defaultGetOptionDisabled });
+}
+exports.withDefaultGetters = withDefaultGetters;
+var isMultipleParams = function (params) { return !!params.multiple; };
+exports.isMultipleParams = isMultipleParams;
+var isNotMultipleParams = function (params) { return !params.multiple; };
+exports.isNotMultipleParams = isNotMultipleParams;

package/__inner__/cjs/components/AutocompleteNext/index.d.ts

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

package/__inner__/cjs/components/AutocompleteNext/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./types"), exports);
+tslib_1.__exportStar(require("./Autocomplete"), exports);