@ozen-ui/kit 0.69.0 → 0.71.0

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)>;

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

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

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

@@ -0,0 +1,2 @@
+export * from './isAutocompleteListCardItem';
+export * from './toAutocompleteListCardValue';

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

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

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

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+import type { AutocompleteListCardItemProps } from '../modules/AutocompleteListCardItem';
+export declare const isAutocompleteListCardItem: (child: ReactElement) => child is ReactElement<AutocompleteListCardItemProps>;

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isAutocompleteListCardItem = void 0;
+var utils_1 = require("../../DataListBase/utils");
+var isAutocompleteListCardItem = function (child) {
+    return (0, utils_1.isDataListBaseItem)(child);
+};
+exports.isAutocompleteListCardItem = isAutocompleteListCardItem;

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

@@ -0,0 +1,3 @@
+import type { AutocompleteBaseDefaultOption, AutocompleteBaseValue } from '../../AutocompleteBase';
+import type { DataListBaseValue } from '../../DataListBase';
+export declare const toAutocompleteListCardValue: <Multiple extends boolean>(value: AutocompleteBaseValue<AutocompleteBaseDefaultOption, Multiple> | null | undefined) => DataListBaseValue<Multiple>;

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toAutocompleteListCardValue = void 0;
+var array_1 = require("../../../utils/array");
+var isString_1 = require("../../../utils/isString");
+var toAutocompleteListCardValue = function (value) {
+    var _a, _b;
+    if ((0, array_1.isArray)(value)) {
+        return ((_a = value === null || value === void 0 ? void 0 : value.map(function (value) { return ((0, isString_1.isString)(value) ? value : value.id); })) !== null && _a !== void 0 ? _a : []);
+    }
+    if ((0, isString_1.isString)(value)) {
+        return value;
+    }
+    return ((_b = value === null || value === void 0 ? void 0 : value.id) !== null && _b !== void 0 ? _b : null);
+};
+exports.toAutocompleteListCardValue = toAutocompleteListCardValue;

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

@@ -43,15 +43,15 @@ export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, M
     error?: boolean | undefined;
     label?: string | undefined;
     style?: import("react").CSSProperties | undefined;
+    autoFocus?: boolean | 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;
+    disableStroke?: boolean | undefined;
     renderLeft?: import("../FieldIcon").FieldIconProps["icon"];
     renderRight?: import("../FieldIcon").FieldIconProps["icon"];
     inputProps?: import("../FieldInput").FieldInputProps | undefined;

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

@@ -24,4 +24,6 @@ export type AvatarProps = ExtendableComponentPropsWithRef<{
     indicatorProps?: IndicatorProps;
     /** Содержимое компонента — иконка */
     children?: ReactNode;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
 }, typeof AVATAR_DEFAULT_TAG>;

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

@@ -1,4 +1,4 @@
 import './Backdrop.css';
 import type { BackdropBaseProps } from './index';
 export declare const cnBackdrop: import("@bem-react/classname").ClassNameFormatter;
-export declare const Backdrop: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<BackdropBaseProps, "div">;
+export declare const Backdrop: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<BackdropBaseProps, "div", "as">;

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

@@ -1,4 +1,4 @@
 import './Badge.css';
 import type { BadgeBaseProps } from './index';
 export declare const cnBadge: import("@bem-react/classname").ClassNameFormatter;
-export declare const Badge: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<BadgeBaseProps, "div">;
+export declare const Badge: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<BadgeBaseProps, "div", "as">;

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseBackdrop/BottomSheetBaseBackdrop.d.ts

@@ -1,4 +1,4 @@
 import './BottomSheetBaseBackdrop.css';
 import type { BottomSheetBaseBackdropBaseProps } from './types';
 export declare const cnBottomSheetBaseBackdrop: import("@bem-react/classname").ClassNameFormatter;
-export declare const BottomSheetBaseBackdrop: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<BottomSheetBaseBackdropBaseProps, "div">;
+export declare const BottomSheetBaseBackdrop: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<BottomSheetBaseBackdropBaseProps, "div", "as">;

package/__inner__/cjs/components/Breadcrumbs/components/BreadcrumbItem.d.ts

@@ -1,3 +1,3 @@
 import type { BreadcrumbItemBaseProps } from './index';
 export declare const cnBreadcrumbItem: import("@bem-react/classname").ClassNameFormatter;
-export declare const BreadcrumbItem: import("../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<BreadcrumbItemBaseProps, "a">;
+export declare const BreadcrumbItem: import("../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<BreadcrumbItemBaseProps, "a", "as">;

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

@@ -48,5 +48,5 @@ export declare const cnButton: import("@bem-react/classname").ClassNameFormatter
 /**
  * @deprecated Компонент устарел. Для замены используйте компонент ButtonNext
  */
-export declare const Button: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ButtonBaseProps, "button">;
+export declare const Button: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ButtonBaseProps, "button", "as">;
 export {};

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

@@ -16,5 +16,5 @@ type ButtonBaseBaseProps = {
 };
 export type ButtonBaseProps<As extends ElementType = typeof BUTTON_BASE_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<ButtonBaseBaseProps, As>;
 export declare const cnButtonBase: import("@bem-react/classname").ClassNameFormatter;
-export declare const ButtonBase: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ButtonBaseBaseProps, "button">;
+export declare const ButtonBase: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ButtonBaseBaseProps, "button", "as">;
 export {};

package/__inner__/cjs/components/ButtonNext/Button.d.ts

@@ -1,4 +1,4 @@
 import './Button.css';
 import type { ButtonBaseProps } from './index';
 export declare const cnButton: import("@bem-react/classname").ClassNameFormatter;
-export declare const Button: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ButtonBaseProps, "button">;
+export declare const Button: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ButtonBaseProps, "button", "as">;

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

@@ -1,4 +1,4 @@
 import './Card.css';
 import type { CardBaseProps } from './index';
 export declare const cnCard: import("@bem-react/classname").ClassNameFormatter;
-export declare const Card: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<CardBaseProps, "div">;
+export declare const Card: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<CardBaseProps, "div", "as">;

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

@@ -4,4 +4,4 @@ export declare const cnCheckboxGroup: import("@bem-react/classname").ClassNameFo
 /**
  * @deprecated Компонент устарел. Для замены используйте компонент CheckboxGroupNext
  */
-export declare const CheckboxGroup: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<CheckboxGroupBaseProps, "div">;
+export declare const CheckboxGroup: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<CheckboxGroupBaseProps, "div", "as">;

package/__inner__/cjs/components/CheckboxGroupNext/CheckboxGroup.d.ts

@@ -1,4 +1,4 @@
 import './CheckboxGroup.css';
 import type { CheckboxGroupBaseProps } from './types';
 export declare const cnCheckboxGroup: import("@bem-react/classname").ClassNameFormatter;
-export declare const CheckboxGroup: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<CheckboxGroupBaseProps, "div">;
+export declare const CheckboxGroup: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<CheckboxGroupBaseProps, "div", "as">;

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

@@ -1,4 +1,4 @@
 import './ChipGroup.css';
 import type { ChipGroupBaseProps } from './types';
 export declare const cnChipGroup: import("@bem-react/classname").ClassNameFormatter;
-export declare const ChipGroup: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ChipGroupBaseProps, "div">;
+export declare const ChipGroup: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ChipGroupBaseProps, "div", "as">;

package/__inner__/cjs/components/ChipNext/Chip.d.ts

@@ -1,4 +1,4 @@
 import './Chip.css';
 import type { ChipBaseProps } from './index';
 export declare const cnChip: import("@bem-react/classname").ClassNameFormatter;
-export declare const Chip: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ChipBaseProps, "button">;
+export declare const Chip: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ChipBaseProps, "button", "as">;

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

@@ -22,5 +22,5 @@ export type ContainerBaseProps = {
     className?: string;
 };
 export type ContainerProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithoutRef<ContainerBaseProps, As>;
-export declare const Container: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ContainerBaseProps, "div">;
+export declare const Container: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ContainerBaseProps, "div", "as">;
 export {};

package/__inner__/cjs/components/DataListBase/DataListBase.css

@@ -0,0 +1,70 @@
+.DataListBase {
+  --scroll-bar-size: 12px;
+}
+  .DataListBase::-webkit-scrollbar {
+    inline-size: var(--scroll-bar-size);
+  }
+  .DataListBase::-webkit-scrollbar-thumb {
+    background-color: var(--color-background-secondary);
+    border-radius: calc(var(--scroll-bar-size) / 2);
+    border: calc(var(--scroll-bar-size) / 4) solid transparent;
+    background-clip: padding-box;
+    border-image: initial;
+    min-block-size: 24px;
+  }
+  .DataListBase::-webkit-scrollbar-thumb:hover,
+    .DataListBase::-webkit-scrollbar-thumb:active {
+      border: calc(var(--scroll-bar-size) / 4) solid transparent;
+      background-clip: padding-box;
+    }
+  .DataListBase::-webkit-scrollbar-thumb:hover {
+      background-color: var(--color-background-secondary-hover);
+    }
+  .DataListBase::-webkit-scrollbar-thumb:active {
+      background-color: var(--color-background-secondary-pressed);
+    }
+  .DataListBase::-webkit-scrollbar-corner {
+    background: transparent;
+  }
+  .DataListBase {
+  box-sizing: border-box;
+  overflow: hidden auto;
+  max-block-size: 40vh;
+  padding: 0;
+  margin: 0;
+}
+.DataListBase-animation-enter {
+    opacity: 0;
+    transform: translate(0, calc(var(--spacing-2xs) * -1));
+    pointer-events: none;
+  }
+.DataListBase-animation-enter-active {
+    opacity: 1;
+    transition:
+      opacity var(--transition-default),
+      transform var(--transition-default);
+    transform: translate(0);
+    pointer-events: none;
+  }
+.DataListBase-animation-enter-done {
+    opacity: 1;
+    transform: translate(0);
+  }
+.DataListBase-animation-exit {
+    opacity: 1;
+    transform: translate(0);
+    pointer-events: none;
+  }
+.DataListBase-animation-exit-active {
+    opacity: 0;
+    transition:
+      opacity var(--transition-default),
+      transform var(--transition-default);
+    transform: translate(0, calc(var(--spacing-2xs) * -1));
+    pointer-events: none;
+  }
+.DataListBase-animation-exit-done {
+    opacity: 0;
+    transform: translate(0, calc(var(--spacing-2xs) * -1));
+    pointer-events: none;
+  }

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

@@ -0,0 +1,4 @@
+import './DataListBase.css';
+import type { DataListBaseComponent } from './types';
+export declare const cnDataListBase: import("@bem-react/classname").ClassNameFormatter;
+export declare const DataListBase: DataListBaseComponent;

package/__inner__/cjs/components/DataListBase/DataListBase.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataListBase = exports.cnDataListBase = void 0;
+var tslib_1 = require("tslib");
+require("./DataListBase.css");
+var react_1 = tslib_1.__importStar(require("react"));
+var useMultiRef_1 = require("../../hooks/useMultiRef");
+var useThemeProps_1 = require("../../hooks/useThemeProps");
+var classname_1 = require("../../utils/classname");
+var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
+var Popover_1 = require("../Popover");
+var constants_1 = require("./constants");
+var DataListBaseContext_1 = require("./DataListBaseContext");
+var hooks_1 = require("./hooks");
+exports.cnDataListBase = (0, classname_1.cn)('DataListBase');
+var DataListBaseRender = function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'DataListBase',
+    });
+    var children = props.children, _a = props.as, as = _a === void 0 ? constants_1.DATA_LIST_BASE_DEFAULT_TAG : _a, value = props.value, defaultValue = props.defaultValue, _b = props.multiple, multiple = _b === void 0 ? constants_1.DATA_LIST_BASE_DEFAULT_MULTIPLE : _b, open = props.open, anchorRef = props.anchorRef, onMouseDown = props.onMouseDown, className = props.className, onChange = props.onChange, onClose = props.onClose, optionsStoreProp = props.optionsStore, _c = props.disabled, disabled = _c === void 0 ? constants_1.DATA_LIST_BASE_DEFAULT_DISABLED : _c, other = tslib_1.__rest(props, ["children", "as", "value", "defaultValue", "multiple", "open", "anchorRef", "onMouseDown", "className", "onChange", "onClose", "optionsStore", "disabled"]);
+    var active = !!open;
+    var internalRef = (0, react_1.useRef)(null);
+    var internalOptionsStore = (0, hooks_1.useDataListBaseOptionsStore)(children);
+    var optionsStore = optionsStoreProp !== null && optionsStoreProp !== void 0 ? optionsStoreProp : internalOptionsStore;
+    var valueControl = (0, hooks_1.useDataListBaseValue)({
+        value: value,
+        defaultValue: defaultValue,
+        onChange: function (event, value, changedOption) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(event, value, changedOption);
+        },
+        inProps: inProps,
+        multiple: multiple,
+    });
+    var controlsControl = (0, hooks_1.useDataListBaseControls)({
+        active: active,
+        valueControl: valueControl,
+        optionsStore: optionsStore,
+    });
+    (0, hooks_1.useDataListBaseEvents)({
+        container: anchorRef !== null && anchorRef !== void 0 ? anchorRef : internalRef,
+        onClose: onClose,
+        active: active,
+        controlsControl: controlsControl,
+    });
+    var optionsControl = (0, hooks_1.useDataListBaseOptions)({
+        optionsStore: optionsStore,
+        valueControl: valueControl,
+        multiple: multiple,
+    });
+    var scrollControl = (0, hooks_1.useDataListBaseScroll)({
+        dataListRef: internalRef,
+        active: active,
+        valueControl: valueControl,
+        optionsStore: optionsStore,
+    });
+    return (react_1.default.createElement(DataListBaseContext_1.DataListBaseContext.Provider, { value: {
+            optionsStore: optionsStore,
+            valueControl: valueControl,
+            optionsControl: optionsControl,
+            multiple: multiple,
+            scrollControl: scrollControl,
+            active: active,
+            disabled: disabled,
+        } },
+        react_1.default.createElement(Popover_1.Popover, tslib_1.__assign({ disableReturnFocus: true, disableEnforceFocus: true, equalAnchorWidth: true, offset: [0, 4], strategy: "absolute", placement: "bottom-start" }, other, { onClose: onClose, transitionProps: { classNames: 'DataListBase-animation' }, className: (0, exports.cnDataListBase)('', [className]), as: as, open: open, anchorRef: anchorRef, onMouseDown: function (event) {
+                event.preventDefault();
+                onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);
+            }, ref: (0, useMultiRef_1.useMultiRef)([internalRef, ref]) }), children)));
+};
+exports.DataListBase = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(DataListBaseRender);
+exports.DataListBase.displayName = 'DataListBase';

package/__inner__/cjs/components/DataListBase/DataListBaseContext.d.ts

@@ -0,0 +1,13 @@
+import type { DataListBaseOptionsControl, DataListBaseOptionsStore, DataListBaseScrollControl, DataListBaseValueControl } from './hooks';
+export type DataListBaseContextValue<Multiple extends boolean = boolean> = {
+    optionsStore: DataListBaseOptionsStore;
+    optionsControl: DataListBaseOptionsControl;
+    scrollControl: DataListBaseScrollControl;
+    valueControl: DataListBaseValueControl<Multiple>;
+    multiple: Multiple;
+    active: boolean;
+    disabled: boolean;
+};
+export declare const DataListBaseContextDefaultValue: DataListBaseContextValue;
+export declare const DataListBaseContext: import("react").Context<DataListBaseContextValue<boolean>>;
+export declare const useDataListBaseContext: <Multiple extends boolean = boolean>() => DataListBaseContextValue<Multiple>;

package/__inner__/cjs/components/DataListBase/DataListBaseContext.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDataListBaseContext = exports.DataListBaseContext = exports.DataListBaseContextDefaultValue = void 0;
+var react_1 = require("react");
+var environment_1 = require("../../constants/environment");
+exports.DataListBaseContextDefaultValue = {
+    optionsStore: {
+        setFocused: function () { },
+        availableOptions: { current: [] },
+        options: {
+            current: [],
+        },
+        currentOption: { current: null },
+        focused: { current: null },
+        setCurrentOption: function () { },
+        getOptionFullInfo: function () { return null; },
+        getOptionIndex: function () { return null; },
+        unregisterOption: function () { },
+        registerOption: function () { },
+        hasOptions: false,
+    },
+    optionsControl: {
+        isFocused: function () { return false; },
+        isSelected: function () { return false; },
+    },
+    scrollControl: {
+        scrollToOption: function () { },
+    },
+    valueControl: {
+        value: null,
+        hasValue: false,
+        setValue: function () { },
+        selectedOptionsLength: 0,
+        lastSelected: null,
+    },
+    multiple: false,
+    active: false,
+    disabled: true,
+};
+exports.DataListBaseContext = (0, react_1.createContext)(exports.DataListBaseContextDefaultValue);
+var useDataListBaseContext = function () {
+    return (0, react_1.useContext)(exports.DataListBaseContext);
+};
+exports.useDataListBaseContext = useDataListBaseContext;
+// Именованный провайдер
+if (environment_1.isDev) {
+    exports.DataListBaseContext.displayName = 'DataListBaseContext';
+}

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

@@ -0,0 +1,4 @@
+export declare const DATA_LIST_BASE_DEFAULT_TAG = "ul";
+export declare const DATA_LIST_BASE_DEFAULT_MULTIPLE = false;
+export declare const DATA_LIST_BASE_DEFAULT_DISABLED = false;
+export declare const DATA_LIST_BASE_ITEM_DISPLAY_NAME = "DataListBaseItem";

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DATA_LIST_BASE_ITEM_DISPLAY_NAME = exports.DATA_LIST_BASE_DEFAULT_DISABLED = exports.DATA_LIST_BASE_DEFAULT_MULTIPLE = exports.DATA_LIST_BASE_DEFAULT_TAG = void 0;
+exports.DATA_LIST_BASE_DEFAULT_TAG = 'ul';
+exports.DATA_LIST_BASE_DEFAULT_MULTIPLE = false;
+exports.DATA_LIST_BASE_DEFAULT_DISABLED = false;
+exports.DATA_LIST_BASE_ITEM_DISPLAY_NAME = 'DataListBaseItem';

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

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

package/__inner__/cjs/components/DataListBase/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/DataListBase/entities/events/onChange.d.ts

@@ -0,0 +1,3 @@
+import type { SyntheticEvent } from 'react';
+import type { DataListBaseSingleValue, DataListBaseValue } from '../value';
+export type DataListBaseOnChange<Multiple extends boolean> = (event: SyntheticEvent | KeyboardEvent | null, value: DataListBaseValue<Multiple>, changedOption: DataListBaseSingleValue | null) => void;

package/__inner__/cjs/components/DataListBase/entities/events/onChange.js

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

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

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

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

@@ -0,0 +1,6 @@
+"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("./value"), exports);

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

@@ -0,0 +1,10 @@
+import type { RefObject } from 'react';
+export type DataListBaseOptionId = string;
+export type DataListBaseOptionRef = HTMLElement;
+export type DataListBaseOption = {
+    id: DataListBaseOptionId;
+    disabled: boolean;
+};
+export type DataListBaseInternalOption = DataListBaseOption & {
+    ref: RefObject<DataListBaseOptionRef | null>;
+};

package/__inner__/cjs/components/DataListBase/entities/option.js

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

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

@@ -0,0 +1,5 @@
+import type { DataListBaseOptionId } from './option';
+export type DataListBaseSingleValue = DataListBaseOptionId;
+export type DataListBaseMultipleValue = DataListBaseOptionId[];
+export type DataListBaseValueNonNullable<Multiple extends boolean> = Multiple extends true ? DataListBaseMultipleValue : DataListBaseSingleValue;
+export type DataListBaseValue<Multiple extends boolean> = DataListBaseValueNonNullable<Multiple> | null;

package/__inner__/cjs/components/DataListBase/entities/value.js

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

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

@@ -0,0 +1,7 @@
+export * from './useAsDataListBaseItem';
+export * from './useDataListBaseControls';
+export * from './useDataListBaseEvents';
+export * from './useDataListBaseOptions';
+export * from './useDataListBaseOptionsStore';
+export * from './useDataListBaseScroll';
+export * from './useDataListBaseValue';

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useAsDataListBaseItem"), exports);
+tslib_1.__exportStar(require("./useDataListBaseControls"), exports);
+tslib_1.__exportStar(require("./useDataListBaseEvents"), exports);
+tslib_1.__exportStar(require("./useDataListBaseOptions"), exports);
+tslib_1.__exportStar(require("./useDataListBaseOptionsStore"), exports);
+tslib_1.__exportStar(require("./useDataListBaseScroll"), exports);
+tslib_1.__exportStar(require("./useDataListBaseValue"), exports);

package/__inner__/cjs/components/DataListBase/hooks/useAsDataListBaseItem/index.d.ts

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

package/__inner__/cjs/components/DataListBase/hooks/useAsDataListBaseItem/index.js

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

package/__inner__/cjs/components/DataListBase/hooks/useAsDataListBaseItem/useAsDataListBaseItem.d.ts

@@ -0,0 +1,13 @@
+import type { RefObject, MouseEvent } from 'react';
+import type { DataListBaseOptionId, DataListBaseOptionRef } from '../../entities';
+export declare const useAsDataListBaseItem: ({ optionId, ref, disabled: disabledProp, }: {
+    optionId: DataListBaseOptionId;
+    ref: RefObject<DataListBaseOptionRef>;
+    disabled?: boolean;
+}) => {
+    select: () => void;
+    selected: boolean;
+    focused: boolean;
+    onClick: (event: MouseEvent<HTMLElement>) => void;
+    disabled: boolean;
+};

package/__inner__/cjs/components/DataListBase/hooks/useAsDataListBaseItem/useAsDataListBaseItem.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAsDataListBaseItem = void 0;
+var react_1 = require("react");
+var DataListBaseContext_1 = require("../../DataListBaseContext");
+var useAsDataListBaseItem = function (_a) {
+    var optionId = _a.optionId, ref = _a.ref, _b = _a.disabled, disabledProp = _b === void 0 ? false : _b;
+    var _c = (0, DataListBaseContext_1.useDataListBaseContext)(), optionsControl = _c.optionsControl, optionsStore = _c.optionsStore, valueControl = _c.valueControl, active = _c.active, globalDisabled = _c.disabled;
+    var disabled = disabledProp || globalDisabled;
+    var option = {
+        id: optionId,
+        disabled: disabled,
+        ref: ref,
+    };
+    var onClick = function (event) {
+        if (!active || disabled) {
+            return;
+        }
+        var newFocused = option.id === optionsStore.focused.current ? option.id : null;
+        optionsStore.setFocused(newFocused);
+        optionsStore.setCurrentOption(option.id);
+        valueControl.setValue(event, option.id);
+    };
+    optionsStore.registerOption(option);
+    (0, react_1.useEffect)(function () { return function () {
+        optionsStore.unregisterOption(option);
+    }; }, []);
+    var select = function () {
+        if (disabled) {
+            return;
+        }
+        valueControl.setValue(null, option.id);
+    };
+    var isSelected = optionsControl.isSelected(option);
+    var isFocused = optionsControl.isFocused(option);
+    return {
+        select: select,
+        selected: isSelected,
+        focused: isFocused,
+        onClick: onClick,
+        disabled: disabled,
+    };
+};
+exports.useAsDataListBaseItem = useAsDataListBaseItem;

package/__inner__/cjs/components/DataListBase/hooks/useDataListBaseControls/index.d.ts

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

package/__inner__/cjs/components/DataListBase/hooks/useDataListBaseControls/index.js

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

package/__inner__/cjs/components/DataListBase/hooks/useDataListBaseControls/types.d.ts

@@ -0,0 +1,4 @@
+export type DataListBaseControlsOnKeyDown = (event: KeyboardEvent) => void;
+export type DataListBaseControlsControl = {
+    onKeyDown: DataListBaseControlsOnKeyDown;
+};

package/__inner__/cjs/components/DataListBase/hooks/useDataListBaseControls/types.js

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

package/__inner__/cjs/components/DataListBase/hooks/useDataListBaseControls/useDataListBaseControls.d.ts

@@ -0,0 +1,8 @@
+import type { DataListBaseOptionsStore } from '../useDataListBaseOptionsStore';
+import type { DataListBaseValueControl } from '../useDataListBaseValue';
+import type { DataListBaseControlsControl } from './types';
+export declare const useDataListBaseControls: ({ active, valueControl, optionsStore, }: {
+    active: boolean;
+    valueControl: DataListBaseValueControl<boolean>;
+    optionsStore: DataListBaseOptionsStore;
+}) => DataListBaseControlsControl;