@ozen-ui/kit 0.70.0 → 0.71.0

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

@@ -1,4 +1,5 @@
-import type { AutocompleteBaseOnInputChange, AutocompleteBaseOnChange, AutocompleteBaseRenderInput, AutocompleteBaseOnClose, AutocompleteBaseOnOpen, AutocompleteBaseDefaultOption, AutocompleteBasePropPrepareOption, AutocompleteBaseSearchFunction, AutocompleteBaseSize, AutocompleteBaseValue, AutocompleteBaseRenderDropdown } from './entities';
+import type { ReactNode } from 'react';
+import type { AutocompleteBaseOnInputChange, AutocompleteBaseOnChange, AutocompleteBaseOnClose, AutocompleteBaseOnOpen, AutocompleteBaseDefaultOption, AutocompleteBasePropPrepareOption, AutocompleteBaseSearchFunction, AutocompleteBaseSize, AutocompleteBaseValue } from './entities';
 export type AutocompleteBaseProps<Option = AutocompleteBaseDefaultOption, Multiple extends boolean = false> = {
     /** Если `true` из списка можно выбрать несколько вариантов */
     multiple?: Multiple;
@@ -30,10 +31,10 @@ export type AutocompleteBaseProps<Option = AutocompleteBaseDefaultOption, Multip
     loading?: boolean;
     /** Функция поиска */
     searchFunction?: AutocompleteBaseSearchFunction<Option>;
-    /** Функция для кастомизации текстового поля */
-    renderInput: AutocompleteBaseRenderInput;
-    /** Функция для кастомизации выпадающего элемента для выбора значения */
-    renderDropdown: AutocompleteBaseRenderDropdown;
+    /** Компонент текстового поля */
+    input: ReactNode;
+    /** Компонент выпадающего элемента для выбора значения */
+    dropdown: ReactNode;
     /** Функция для приведения опцию к внутреннему формату */
     prepareOption?: AutocompleteBasePropPrepareOption<Option>;
     /** Если `true` делает элемент неактивным */

package/__inner__/cjs/components/AutocompleteListCard/AutocompleteListCard.d.ts

@@ -0,0 +1,2 @@
+import type { AutocompleteListCardComponent } from './types';
+export declare const AutocompleteListCard: AutocompleteListCardComponent;

package/__inner__/cjs/components/AutocompleteListCard/AutocompleteListCard.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutocompleteListCard = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var useStoredValue_1 = require("../../hooks/useStoredValue");
+var useThemeProps_1 = require("../../hooks/useThemeProps");
+var react_2 = require("../../utils/react");
+var AutocompleteBase_1 = require("../AutocompleteBase");
+var constants_1 = require("./constants");
+var context_1 = require("./context");
+var hooks_1 = require("./hooks");
+var modules_1 = require("./modules");
+var utils_1 = require("./utils");
+var AutocompleteListCardRender = function (inProps) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'AutocompleteListCard',
+    });
+    var children = props.children, onChange = props.onChange, _a = props.multiple, multiple = _a === void 0 ? constants_1.AUTOCOMPLETE_LIST_CARD_DEFAULT_MULTIPLE : _a, valueProp = props.value, defaultValueProp = props.defaultValue, other = tslib_1.__rest(props, ["children", "onChange", "multiple", "value", "defaultValue"]);
+    var options = (0, useStoredValue_1.useStoredValue)([]);
+    var optionById = (0, useStoredValue_1.useStoredValue)({});
+    options.current = [];
+    optionById.current = {};
+    (0, react_2.extractElementsFromChildren)(children, utils_1.isAutocompleteListCardItem, function (element) {
+        var _a;
+        var props = element.props;
+        var option = {
+            label: props.label,
+            disabled: (_a = props.disabled) !== null && _a !== void 0 ? _a : false,
+            id: props.listId,
+        };
+        options.current.push(option);
+        optionById.current[option.id] = option;
+    });
+    var value = (0, hooks_1.useAutocompleteListCardValue)(valueProp, optionById);
+    var defaultValue = (0, hooks_1.useAutocompleteListCardValue)(defaultValueProp, optionById);
+    return (react_1.default.createElement(context_1.AutocompleteListCardChildrenContext.Provider, { value: {
+            children: children,
+        } },
+        react_1.default.createElement(AutocompleteBase_1.AutocompleteBase, tslib_1.__assign({ input: react_1.default.createElement(modules_1.AutocompleteListCardInput, null), dropdown: react_1.default.createElement(modules_1.AutocompleteListCardDropdown, null) }, other, { options: options.current, onChange: function (event, value, params) {
+                onChange === null || onChange === void 0 ? void 0 : onChange(event, (0, utils_1.toAutocompleteListCardValue)(value), params);
+            }, value: value, defaultValue: defaultValue, multiple: multiple }))));
+};
+exports.AutocompleteListCard = AutocompleteListCardRender;

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

@@ -0,0 +1,2 @@
+export declare const AUTOCOMPLETE_LIST_CARD_DEFAULT_DROPDOWN_TAG = "ul";
+export declare const AUTOCOMPLETE_LIST_CARD_DEFAULT_MULTIPLE = false;

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AUTOCOMPLETE_LIST_CARD_DEFAULT_MULTIPLE = exports.AUTOCOMPLETE_LIST_CARD_DEFAULT_DROPDOWN_TAG = void 0;
+var DataListCard_1 = require("../DataListCard");
+exports.AUTOCOMPLETE_LIST_CARD_DEFAULT_DROPDOWN_TAG = DataListCard_1.DATA_LIST_CARD_DEFAULT_TAG;
+exports.AUTOCOMPLETE_LIST_CARD_DEFAULT_MULTIPLE = false;

package/__inner__/cjs/components/AutocompleteListCard/context/base/AutocompleteListCardContext.d.ts

@@ -0,0 +1,6 @@
+import type { AutocompleteBaseContextValue, AutocompleteBaseDefaultOption } from '../../../AutocompleteBase';
+import type { AutocompleteListCardSizeVariant } from '../../entities';
+export type AutocompleteListCardContextValue<Multiple extends boolean = boolean> = Omit<AutocompleteBaseContextValue<AutocompleteBaseDefaultOption, Multiple>, 'size'> & {
+    size: AutocompleteListCardSizeVariant;
+};
+export declare const useAutocompleteListCardContext: <Multiple extends boolean = boolean>() => AutocompleteListCardContextValue<Multiple>;

package/__inner__/cjs/components/AutocompleteListCard/context/base/AutocompleteListCardContext.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAutocompleteListCardContext = void 0;
+var AutocompleteBase_1 = require("../../../AutocompleteBase");
+var useAutocompleteListCardContext = function () {
+    return (0, AutocompleteBase_1.useAutocompleteBaseContext)();
+};
+exports.useAutocompleteListCardContext = useAutocompleteListCardContext;

package/__inner__/cjs/components/AutocompleteListCard/context/base/index.d.ts

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

package/__inner__/cjs/components/AutocompleteListCard/context/base/index.js

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

package/__inner__/cjs/components/AutocompleteListCard/context/children/AutocompleteListCardChildrenContext.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export type AutocompleteListCardChildrenContextValue = {
+    children: ReactNode;
+};
+export declare const AutocompleteListCardChildrenContextDefaultValue: AutocompleteListCardChildrenContextValue;
+export declare const AutocompleteListCardChildrenContext: import("react").Context<AutocompleteListCardChildrenContextValue>;
+export declare const useAutocompleteListCardChildrenContext: () => AutocompleteListCardChildrenContextValue;

package/__inner__/cjs/components/AutocompleteListCard/context/children/AutocompleteListCardChildrenContext.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAutocompleteListCardChildrenContext = exports.AutocompleteListCardChildrenContext = exports.AutocompleteListCardChildrenContextDefaultValue = void 0;
+var react_1 = require("react");
+var environment_1 = require("../../../../constants/environment");
+exports.AutocompleteListCardChildrenContextDefaultValue = {
+    children: null,
+};
+exports.AutocompleteListCardChildrenContext = (0, react_1.createContext)(exports.AutocompleteListCardChildrenContextDefaultValue);
+var useAutocompleteListCardChildrenContext = function () {
+    return (0, react_1.useContext)(exports.AutocompleteListCardChildrenContext);
+};
+exports.useAutocompleteListCardChildrenContext = useAutocompleteListCardChildrenContext;
+// Именованный провайдер
+if (environment_1.isDev) {
+    exports.AutocompleteListCardChildrenContext.displayName =
+        'AutocompleteListCardChildrenContext';
+}

package/__inner__/cjs/components/AutocompleteListCard/context/children/index.d.ts

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

package/__inner__/cjs/components/AutocompleteListCard/context/children/index.js

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

package/__inner__/cjs/components/AutocompleteListCard/context/index.d.ts

@@ -0,0 +1,2 @@
+export * from './base';
+export * from './children';

package/__inner__/cjs/components/AutocompleteListCard/context/index.js

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

package/__inner__/cjs/components/AutocompleteListCard/entities/events/index.d.ts

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

package/__inner__/cjs/components/AutocompleteListCard/entities/events/index.js

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

package/__inner__/cjs/components/AutocompleteListCard/entities/events/onChange.d.ts

@@ -0,0 +1,4 @@
+import type { SyntheticEvent } from 'react';
+import type { AutocompleteBaseOnChangeParams } from '../../../AutocompleteBase';
+import type { AutocompleteListCardValue } from '../../entities';
+export type AutocompleteListCardOnChange<Multiple extends boolean> = (event: SyntheticEvent | KeyboardEvent | null, value: AutocompleteListCardValue<Multiple>, params: AutocompleteBaseOnChangeParams) => void;

package/__inner__/cjs/components/AutocompleteListCard/entities/index.d.ts

@@ -0,0 +1,4 @@
+export * from './events';
+export * from './option';
+export * from './size';
+export * from './value';

package/__inner__/cjs/components/AutocompleteListCard/entities/index.js

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

package/__inner__/cjs/components/AutocompleteListCard/entities/option.d.ts

@@ -0,0 +1,2 @@
+import type { AutocompleteBaseDefaultOptionObject, AutocompleteBaseOptionId } from '../../AutocompleteBase';
+export type AutocompleteListCardOptionById = Record<AutocompleteBaseOptionId, AutocompleteBaseDefaultOptionObject>;

package/__inner__/cjs/components/AutocompleteListCard/entities/size.d.ts

@@ -0,0 +1,2 @@
+export declare const autocompleteListCardSizeVariant: readonly ["xs", "s", "m", "l"];
+export type AutocompleteListCardSizeVariant = (typeof autocompleteListCardSizeVariant)[number];

package/__inner__/cjs/components/AutocompleteListCard/entities/size.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.autocompleteListCardSizeVariant = void 0;
+var ListCardItem_1 = require("../../ListCardItem");
+exports.autocompleteListCardSizeVariant = ListCardItem_1.listCardItemSizeVariant;

package/__inner__/cjs/components/AutocompleteListCard/entities/value.d.ts

@@ -0,0 +1,5 @@
+import type { AutocompleteBaseOptionId } from '../../AutocompleteBase';
+export type AutocompleteListCardSingleValue = AutocompleteBaseOptionId;
+export type AutocompleteListCardMultipleValue = AutocompleteBaseOptionId[];
+export type AutocompleteListCardValueNonNullable<Multiple extends boolean> = Multiple extends true ? AutocompleteListCardMultipleValue : AutocompleteListCardSingleValue;
+export type AutocompleteListCardValue<Multiple extends boolean> = AutocompleteListCardValueNonNullable<Multiple> | null;

package/__inner__/cjs/components/AutocompleteListCard/hooks/index.d.ts

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

package/__inner__/cjs/components/AutocompleteListCard/hooks/index.js

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

package/__inner__/cjs/components/AutocompleteListCard/hooks/useAutocompleteListCardValue.d.ts

@@ -0,0 +1,4 @@
+import type { StoredValue } from '../../../hooks/useStoredValue';
+import type { AutocompleteBaseDefaultOptionObject, AutocompleteBaseValue } from '../../AutocompleteBase';
+import type { AutocompleteListCardOptionById, AutocompleteListCardValue } from '../entities';
+export declare const useAutocompleteListCardValue: <Multiple extends boolean>(value: AutocompleteListCardValue<Multiple> | undefined, optionById: StoredValue<AutocompleteListCardOptionById>) => AutocompleteBaseValue<AutocompleteBaseDefaultOptionObject, Multiple>;

package/__inner__/cjs/components/AutocompleteListCard/hooks/useAutocompleteListCardValue.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAutocompleteListCardValue = void 0;
+var array_1 = require("../../../utils/array");
+var useAutocompleteListCardValue = function (value, optionById) {
+    var preparedValue = (function () {
+        if ((0, array_1.isArray)(value)) {
+            var values_1 = [];
+            value.forEach(function (id) {
+                var option = optionById.current[id];
+                if (option) {
+                    values_1.push(option);
+                }
+            });
+            return values_1;
+        }
+        if (value === undefined) {
+            return undefined;
+        }
+        if (value === null) {
+            return null;
+        }
+        var option = optionById.current[value];
+        if (!option) {
+            return undefined;
+        }
+        return option;
+    })();
+    return preparedValue;
+};
+exports.useAutocompleteListCardValue = useAutocompleteListCardValue;

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

@@ -0,0 +1,8 @@
+export * from './context';
+export * from './entities';
+export * from './hooks';
+export * from './modules';
+export * from './utils';
+export * from './AutocompleteListCard';
+export * from './constants';
+export * from './types';

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./context"), exports);
+tslib_1.__exportStar(require("./entities"), exports);
+tslib_1.__exportStar(require("./hooks"), exports);
+tslib_1.__exportStar(require("./modules"), exports);
+tslib_1.__exportStar(require("./utils"), exports);
+tslib_1.__exportStar(require("./AutocompleteListCard"), exports);
+tslib_1.__exportStar(require("./constants"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardDropdown/AutocompleteListCardDropdown.d.ts

@@ -0,0 +1,2 @@
+import type { AutocompleteListCardDropdownBaseProps } from './types';
+export declare const AutocompleteListCardDropdown: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<AutocompleteListCardDropdownBaseProps, "ul", "as">;

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardDropdown/AutocompleteListCardDropdown.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutocompleteListCardDropdown = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var useCreateResizeObserver_1 = require("../../../../hooks/useCreateResizeObserver");
+var useStoredValue_1 = require("../../../../hooks/useStoredValue");
+var useThemeProps_1 = require("../../../../hooks/useThemeProps");
+var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
+var DataListCard_1 = require("../../../DataListCard");
+var constants_1 = require("../../constants");
+var context_1 = require("../../context");
+var utils_1 = require("../../utils");
+var hooks_1 = require("./hooks");
+exports.AutocompleteListCardDropdown = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'AutocompleteListCardDropdown',
+    });
+    var _a = props.as, as = _a === void 0 ? constants_1.AUTOCOMPLETE_LIST_CARD_DEFAULT_DROPDOWN_TAG : _a, onClose = props.onClose, other = tslib_1.__rest(props, ["as", "onClose"]);
+    var _b = (0, context_1.useAutocompleteListCardContext)(), inputRef = _b.inputRef, size = _b.size, dropdownControl = _b.dropdownControl, multiple = _b.multiple, valueControl = _b.valueControl, disabled = _b.disabled;
+    var children = (0, hooks_1.useAutocompleteListCardDropdownChildren)();
+    var updateStored = (0, useStoredValue_1.useStoredValue)(null);
+    var resizeObserver = (0, useCreateResizeObserver_1.useCreateResizeObserver)(function () {
+        var _a;
+        (_a = updateStored.current) === null || _a === void 0 ? void 0 : _a.call(updateStored);
+    });
+    (0, react_1.useEffect)(function () {
+        var input = inputRef.current;
+        if (input) {
+            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe(inputRef.current);
+        }
+    }, [inputRef]);
+    return (react_1.default.createElement(DataListCard_1.DataListCard, tslib_1.__assign({}, other, { ref: ref, as: as, anchorRef: inputRef, size: size, open: dropdownControl.isOpen, onClose: function () {
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+            dropdownControl.close();
+        }, setUpdate: function (update) {
+            var _a;
+            updateStored.current = update;
+            (_a = other.setUpdate) === null || _a === void 0 ? void 0 : _a.call(other, update);
+        }, onChange: function (event, _, changedOption) {
+            if (disabled) {
+                return;
+            }
+            valueControl.setValue(event, changedOption, { source: 'select' });
+        }, multiple: multiple, value: (0, utils_1.toAutocompleteListCardValue)(valueControl.value) }), children));
+});

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardDropdown/hooks/index.d.ts

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

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardDropdown/hooks/index.js

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

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardDropdown/hooks/useAutocompleteListCardDropdownChildren.d.ts

@@ -0,0 +1,2 @@
+import type { ReactNode } from 'react';
+export declare const useAutocompleteListCardDropdownChildren: () => ReactNode[];

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardDropdown/hooks/useAutocompleteListCardDropdownChildren.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAutocompleteListCardDropdownChildren = void 0;
+var react_1 = require("react");
+var react_2 = require("../../../../../utils/react");
+var context_1 = require("../../../context");
+var utils_1 = require("../../../utils");
+var useAutocompleteListCardDropdownChildren = function () {
+    var children = (0, context_1.useAutocompleteListCardChildrenContext)().children;
+    var optionsControl = (0, context_1.useAutocompleteListCardContext)().optionsControl;
+    var filtered = [];
+    var filteredOptionsIds = new Set(optionsControl.filteredOptions.map(function (_a) {
+        var id = _a.id;
+        return id;
+    }));
+    react_1.Children.forEach((0, react_2.resolveChildren)(children), function (child) {
+        if (!(0, utils_1.isAutocompleteListCardItem)(child)) {
+            filtered.push(child);
+            return;
+        }
+        if (!filteredOptionsIds.has(child.props.listId)) {
+            return;
+        }
+        filtered.push(child);
+    });
+    return filtered;
+};
+exports.useAutocompleteListCardDropdownChildren = useAutocompleteListCardDropdownChildren;

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardDropdown/index.d.ts

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

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardDropdown/index.js

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

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardDropdown/types.d.ts

@@ -0,0 +1,7 @@
+import type { ElementType } from 'react';
+import type { PolymorphicComponentPropsWithRef, PolymorphicComponentRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { DataListCardBaseProps } from '../../../DataListCard';
+import type { AUTOCOMPLETE_LIST_CARD_DEFAULT_DROPDOWN_TAG } from '../../constants';
+export type AutocompleteListCardDropdownBaseProps<Multiple extends boolean = boolean> = Omit<DataListCardBaseProps<Multiple>, 'anchorRef' | 'size' | 'onChange' | 'open' | 'children' | 'multiple' | 'value' | 'defaultValue' | 'optionsStore'>;
+export type AutocompleteListCardDropdownRef = PolymorphicComponentRef<typeof AUTOCOMPLETE_LIST_CARD_DEFAULT_DROPDOWN_TAG>;
+export type AutocompleteListCardDropdownProps<As extends ElementType = typeof AUTOCOMPLETE_LIST_CARD_DEFAULT_DROPDOWN_TAG, Multiple extends boolean = false> = PolymorphicComponentPropsWithRef<DataListCardBaseProps<Multiple>, As>;

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardInput/AutocompleteListCardInput.d.ts

@@ -0,0 +1,2 @@
+import type { AutocompleteListCardInputComponent } from './types';
+export declare const AutocompleteListCardInput: AutocompleteListCardInputComponent;

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardInput/AutocompleteListCardInput.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutocompleteListCardInput = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var useThemeProps_1 = require("../../../../hooks/useThemeProps");
+var AutocompleteBase_1 = require("../../../AutocompleteBase");
+var AutocompleteListCardInputRender = function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'AutocompleteListCardInput',
+    });
+    return react_1.default.createElement(AutocompleteBase_1.AutocompleteBaseInput, tslib_1.__assign({}, props, { ref: ref }));
+};
+exports.AutocompleteListCardInput = (0, react_1.forwardRef)(AutocompleteListCardInputRender);
+exports.AutocompleteListCardInput.displayName = 'AutocompleteListCardInput';

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardInput/index.d.ts

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

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardInput/index.js

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

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardInput/types.d.ts

@@ -0,0 +1,6 @@
+import type { ForwardedRef, ReactElement } from 'react';
+import type { WithDisplayName } from '../../../../types/react';
+import type { AutocompleteBaseDefaultOptionObject, AutocompleteBaseInputProps, AutocompleteInputRef } from '../../../AutocompleteBase';
+export type AutocompleteListCardInputProps<Option = AutocompleteBaseDefaultOptionObject> = AutocompleteBaseInputProps<Option>;
+export type AutocompleteListCardInputRef = AutocompleteInputRef;
+export type AutocompleteListCardInputComponent = WithDisplayName<(<Option = AutocompleteBaseDefaultOptionObject>(props: AutocompleteListCardInputProps<Option>, ref: ForwardedRef<AutocompleteListCardInputRef>) => ReactElement | null)>;

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardInput/types.js

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

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardInputAvatar/AutocompleteListCardInputAvatar.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { AutocompleteListCardInputAvatarProps } from './types';
+export declare const AutocompleteListCardInputAvatar: React.ForwardRefExoticComponent<Omit<AutocompleteListCardInputAvatarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardInputAvatar/AutocompleteListCardInputAvatar.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutocompleteListCardInputAvatar = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var useThemeProps_1 = require("../../../../hooks/useThemeProps");
+var Avatar_1 = require("../../../Avatar");
+var ListCardItem_1 = require("../../../ListCardItem");
+var context_1 = require("../../context");
+exports.AutocompleteListCardInputAvatar = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'AutocompleteListCardInputAvatar',
+    });
+    var autocompleteSize = (0, context_1.useAutocompleteListCardContext)().size;
+    var size = ListCardItem_1.LIST_CARD_ITEM_SIZE_TO_LEADING_AVATAR_SIZE[autocompleteSize];
+    return react_1.default.createElement(Avatar_1.Avatar, tslib_1.__assign({}, props, { ref: ref, size: size }));
+});
+exports.AutocompleteListCardInputAvatar.displayName = 'AutocompleteListCardInputAvatar';

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardInputAvatar/index.d.ts

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

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardInputAvatar/index.js

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

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardInputAvatar/types.d.ts

@@ -0,0 +1,3 @@
+import type { AvatarProps, AvatarRef } from '../../../Avatar';
+export type AutocompleteListCardInputAvatarProps = Omit<AvatarProps, 'size'>;
+export type AutocompleteListCardInputAvatarRef = AvatarRef;

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardInputAvatar/types.js

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

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardItem/AutocompleteListCardItem.d.ts

@@ -0,0 +1,3 @@
+import type { AutocompleteListCardItemBaseProps } from './types';
+export declare const cnAutocompleteListCardItem: import("@bem-react/classname").ClassNameFormatter;
+export declare const AutocompleteListCardItem: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<AutocompleteListCardItemBaseProps, "li", "as">;

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardItem/AutocompleteListCardItem.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutocompleteListCardItem = exports.cnAutocompleteListCardItem = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var useThemeProps_1 = require("../../../../hooks/useThemeProps");
+var classname_1 = require("../../../../utils/classname");
+var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
+var DataListBase_1 = require("../../../DataListBase");
+var DataListCard_1 = require("../../../DataListCard");
+var constants_1 = require("./constants");
+exports.cnAutocompleteListCardItem = (0, classname_1.cn)('AutocompleteListCardItem');
+exports.AutocompleteListCardItem = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'AutocompleteListCardItem',
+    });
+    var children = props.children, className = props.className, _a = props.as, as = _a === void 0 ? constants_1.AUTOCOMPLETE_LIST_CARD_ITEM_DEFAULT_TAG : _a, listId = props.listId, disabled = props.disabled, other = tslib_1.__rest(props, ["children", "className", "as", "listId", "disabled"]);
+    return (react_1.default.createElement(DataListCard_1.DataListCardItem, tslib_1.__assign({ ref: ref, as: as, className: (0, exports.cnAutocompleteListCardItem)('', [className]) }, other, { listId: listId, disabled: disabled }), children));
+});
+exports.AutocompleteListCardItem.displayName = DataListBase_1.DATA_LIST_BASE_ITEM_DISPLAY_NAME;

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardItem/constants.d.ts

@@ -0,0 +1 @@
+export declare const AUTOCOMPLETE_LIST_CARD_ITEM_DEFAULT_TAG = "li";

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardItem/constants.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AUTOCOMPLETE_LIST_CARD_ITEM_DEFAULT_TAG = void 0;
+var DataListCard_1 = require("../../../DataListCard");
+exports.AUTOCOMPLETE_LIST_CARD_ITEM_DEFAULT_TAG = DataListCard_1.DATA_LIST_CARD_ITEM_DEFAULT_TAG;

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardItem/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AutocompleteListCardItem';
+export * from './constants';
+export * from './types';

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardItem/index.js

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

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardItem/types.d.ts

@@ -0,0 +1,10 @@
+import type { ElementType } from 'react';
+import type { PolymorphicComponentPropsWithRef, PolymorphicComponentRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { DataListCardItemBaseProps } from '../../../DataListCard';
+import type { AUTOCOMPLETE_LIST_CARD_ITEM_DEFAULT_TAG } from './constants';
+export type AutocompleteListCardItemBaseProps = DataListCardItemBaseProps & {
+    /** Label */
+    label: string;
+};
+export type AutocompleteListCardItemItemRef = PolymorphicComponentRef<typeof AUTOCOMPLETE_LIST_CARD_ITEM_DEFAULT_TAG>;
+export type AutocompleteListCardItemProps<As extends ElementType = typeof AUTOCOMPLETE_LIST_CARD_ITEM_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<AutocompleteListCardItemBaseProps, As>;

package/__inner__/cjs/components/AutocompleteListCard/modules/AutocompleteListCardItem/types.js

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

package/__inner__/cjs/components/AutocompleteListCard/modules/index.d.ts

@@ -0,0 +1,4 @@
+export * from './AutocompleteListCardDropdown';
+export * from './AutocompleteListCardInput';
+export * from './AutocompleteListCardInputAvatar';
+export * from './AutocompleteListCardItem';

package/__inner__/cjs/components/AutocompleteListCard/modules/index.js

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

package/__inner__/cjs/components/AutocompleteListCard/types.d.ts

@@ -0,0 +1,18 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { WithPartial } from '../../types/object';
+import type { WithDisplayName } from '../../types/react';
+import type { AutocompleteBaseProps, AutocompleteBaseDefaultOptionObject } from '../AutocompleteBase';
+import type { AutocompleteListCardSizeVariant, AutocompleteListCardOnChange, AutocompleteListCardValue } from './entities';
+export type AutocompleteListCardProps<Multiple extends boolean = false> = WithPartial<Omit<AutocompleteBaseProps<AutocompleteBaseDefaultOptionObject, Multiple>, 'size' | 'prepareOption' | 'options' | 'onChange' | 'defaultValue' | 'value' | 'loading' | 'error'>, 'input' | 'dropdown'> & {
+    /** Контент */
+    children: ReactNode;
+    /** Размер */
+    size?: AutocompleteListCardSizeVariant;
+    /** Функция обратного вызова, которая будет вызвана при выборе значения */
+    onChange?: AutocompleteListCardOnChange<Multiple>;
+    /** Выбранное значение опции */
+    value?: AutocompleteListCardValue<Multiple>;
+    /** Выбранное значение опции по умолчанию */
+    defaultValue?: AutocompleteListCardValue<Multiple>;
+};
+export type AutocompleteListCardComponent = WithDisplayName<(<Multiple extends boolean = false>(props: AutocompleteListCardProps<Multiple>) => ReactElement | null)>;