@ozen-ui/kit 0.54.0 → 0.55.0

package/__inner__/cjs/components/Collapse/Collapse.js

@@ -2,20 +2,23 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Collapse = exports.cnCollapse = void 0;
 var tslib_1 = require("tslib");
+require("./Collapse.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var react_transition_group_1 = require("react-transition-group");
+var useMultiRef_1 = require("../../hooks/useMultiRef");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var isNumber_1 = require("../../utils/isNumber");
 var isString_1 = require("../../utils/isString");
 var constants_1 = require("./constants");
-require("./Collapse.css");
 exports.cnCollapse = (0, classname_1.cn)('Collapse');
 exports.Collapse = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Collapse' });
-    var onEnter = props.onEnter, onEntering = props.onEntering, onEntered = props.onEntered, onExit = props.onExit, onExiting = props.onExiting, onExited = props.onExited, unmountOnClosed = props.unmountOnClosed, expanded = props.expanded, appear = props.appear, children = props.children, className = props.className, style = props.style, _a = props.collapsedSize, collapsedSizeProp = _a === void 0 ? constants_1.DEFAULT_COLLAPSED_SIZE : _a, _b = props.timeout, timeout = _b === void 0 ? constants_1.DEFAULT_COLLAPSE_TIMEOUT : _b, other = tslib_1.__rest(props, ["onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "unmountOnClosed", "expanded", "appear", "children", "className", "style", "collapsedSize", "timeout"]);
+    var _a = props.collapsedSize, collapsedSizeProp = _a === void 0 ? constants_1.DEFAULT_COLLAPSED_SIZE : _a, _b = props.timeout, timeout = _b === void 0 ? constants_1.DEFAULT_COLLAPSE_TIMEOUT : _b, onEnter = props.onEnter, onEntering = props.onEntering, onEntered = props.onEntered, onExit = props.onExit, onExiting = props.onExiting, onExited = props.onExited, unmountOnClosed = props.unmountOnClosed, expanded = props.expanded, appear = props.appear, children = props.children, className = props.className, style = props.style, other = tslib_1.__rest(props, ["collapsedSize", "timeout", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "unmountOnClosed", "expanded", "appear", "children", "className", "style"]);
+    var rootRef = (0, react_1.useRef)(null);
     // Для высчитывания высоты Collapse
     var collapseInnerRef = (0, react_1.useRef)(null);
+    var collapseRef = (0, useMultiRef_1.useMultiRef)([ref, rootRef]);
     var collapsedSize = (0, react_1.useMemo)(function () {
         if (!collapsedSizeProp ||
             (!(0, isString_1.isString)(collapsedSizeProp) && !(0, isNumber_1.isNumber)(collapsedSizeProp))) {
@@ -25,7 +28,7 @@ exports.Collapse = (0, react_1.forwardRef)(function (inProps, ref) {
             ? collapsedSizeProp
             : "".concat(collapsedSizeProp, "px");
     }, [collapsedSizeProp]);
-    return (react_1.default.createElement(react_transition_group_1.Transition, { timeout: timeout, in: expanded, unmountOnExit: unmountOnClosed, appear: appear, onEntering: onEntering, onExiting: onExiting, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited }, function (state) {
+    return (react_1.default.createElement(react_transition_group_1.Transition, { nodeRef: rootRef, timeout: timeout, in: expanded, unmountOnExit: unmountOnClosed, appear: appear, onEnter: function (isAppeared) { return onEnter === null || onEnter === void 0 ? void 0 : onEnter(rootRef === null || rootRef === void 0 ? void 0 : rootRef.current, isAppeared); }, onEntering: function (isAppeared) { return onEntering === null || onEntering === void 0 ? void 0 : onEntering(rootRef === null || rootRef === void 0 ? void 0 : rootRef.current, isAppeared); }, onEntered: function (isAppeared) { return onEntered === null || onEntered === void 0 ? void 0 : onEntered(rootRef === null || rootRef === void 0 ? void 0 : rootRef.current, isAppeared); }, onExit: function () { return onExit === null || onExit === void 0 ? void 0 : onExit(rootRef === null || rootRef === void 0 ? void 0 : rootRef.current); }, onExiting: function () { return onExiting === null || onExiting === void 0 ? void 0 : onExiting(rootRef === null || rootRef === void 0 ? void 0 : rootRef.current); }, onExited: function () { return onExited === null || onExited === void 0 ? void 0 : onExited(rootRef === null || rootRef === void 0 ? void 0 : rootRef.current); } }, function (state) {
         var _a, _b;
         var transitionStyles = {
             entering: {
@@ -38,9 +41,7 @@ exports.Collapse = (0, react_1.forwardRef)(function (inProps, ref) {
             },
             exited: tslib_1.__assign({}, (collapsedSize === '0px' && { visibility: 'hidden' })),
         };
-        return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, exports.cnCollapse)({
-                animation: state,
-            }, [className]), style: tslib_1.__assign(tslib_1.__assign({ height: collapsedSize, transitionDuration: "".concat(timeout, "ms") }, transitionStyles[state]), style) }, other, { ref: ref }),
+        return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, exports.cnCollapse)({ animation: state }, [className]), style: tslib_1.__assign(tslib_1.__assign({ height: collapsedSize, transitionDuration: "".concat(timeout, "ms") }, transitionStyles[state]), style) }, other, { ref: collapseRef }),
             react_1.default.createElement("div", { ref: collapseInnerRef, className: (0, exports.cnCollapse)('Inner') }, children)));
     }));
 });

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

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

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

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Collapse"), exports);
+tslib_1.__exportStar(require("./types"), exports);

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

@@ -0,0 +1,45 @@
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
+export type CollapseRef = ComponentRef<'div'>;
+export type CollapseProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое */
+    children?: ReactNode;
+    /** Если {true} раскрыт */
+    expanded?: boolean;
+    /** Если {true} размонтирует контент при закрытии */
+    unmountOnClosed?: boolean;
+    /**
+     * Время анимации
+     *
+     * @default 120
+     * */
+    timeout?: number;
+    /**
+     * Размер в полностью закрытом состоянии
+     * При передаче числа размерность будет в пикселях
+     * Например: '10px', 0, '1vh'.
+     *
+     * @default 0
+     */
+    collapsedSize?: number | string;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** Анимирует состояние expanded при первом рендере */
+    appear?: boolean;
+    /** Функция обратного вызова которая будет вызвана до начала
+     * перехода компонента в состояние представлен */
+    onEnter?(node: HTMLElement | null, isAppeared: boolean): void;
+    /** Функция обратного вызова которая будет вызвана после onEnter и до onEntered */
+    onEntering?(node: HTMLElement | null, isAppeared: boolean): void;
+    /** Функция обратного вызова которая будет вызвана после завершения
+     * перехода компонента в состояние представлен */
+    onEntered?(node: HTMLElement | null, isAppeared: boolean): void;
+    /** Функция обратного вызова которая будет вызвана до начала
+     * перехода компонента в состояние не представлен */
+    onExit?(node: HTMLElement | null): void;
+    /** Функция обратного вызова которая будет вызвана до начала
+     * перехода компонента в состояние не представлен */
+    onExiting?(node: HTMLElement | null): void;
+    /** Функция обратного вызова которая будет вызвана после onExit и до onExited */
+    onExited?(node: HTMLElement | null): void;
+}, 'div'>;

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

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

package/__inner__/cjs/components/DataList/components/DataListCheckIcon/DataListCheckIcon.d.ts

@@ -1,8 +1,8 @@
 import './DataListCheckIcon.css';
-import React from 'react';
+import type { FC } from 'react';
 import { type IconSize } from '@ozen-ui/icons';
-export type SelectCheckIconProps = {
+export type DataListCheckIconProps = {
     size?: IconSize;
     selected?: boolean;
 };
-export declare const DataListCheckIcon: React.FC<SelectCheckIconProps>;
+export declare const DataListCheckIcon: FC<DataListCheckIconProps>;

package/__inner__/cjs/components/DataList/components/DataListContent/DataListContent.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+import type { ListItemTextProps } from '../../../List';
+export type DataListContentProps = {
+    label: ListItemTextProps['primary'];
+    selected?: boolean;
+};
+export declare const DataListContent: FC<DataListContentProps>;

package/__inner__/cjs/components/DataList/components/DataListContent/DataListContent.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataListContent = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var getIconSizeToFormElement_1 = require("../../../../utils/getIconSizeToFormElement");
+var List_1 = require("../../../List");
+var DataListCheckIcon_1 = require("../DataListCheckIcon");
+var DataListOption_1 = require("../DataListOption");
+var DataListContent = function (_a) {
+    var label = _a.label, selected = _a.selected;
+    var size = (0, List_1.useListContext)().size;
+    var iconSize = (0, getIconSizeToFormElement_1.getIconSizeToFormElement)(size);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(List_1.ListItemText, { className: (0, DataListOption_1.cnDataListOption)('Text'), primary: label }),
+        react_1.default.createElement(DataListCheckIcon_1.DataListCheckIcon, { selected: selected, size: iconSize })));
+};
+exports.DataListContent = DataListContent;

package/__inner__/cjs/components/DataList/components/DataListContent/index.d.ts

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

package/__inner__/cjs/components/DataList/components/DataListContent/index.js

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

package/__inner__/cjs/components/DataList/components/DataListOption/DataListOption.d.ts

@@ -1,26 +1,5 @@
 import './DataListOption.css';
 import React from 'react';
-import type { KeyboardEventHandler, MouseEventHandler, ReactNode, ComponentPropsWithRef } from 'react';
-import type { DATA_LIST_OPTION_DEFAULT_TAG } from '../../constants';
+import type { DataListOptionProps } from './index';
 export declare const cnDataListOption: import("@bem-react/classname").ClassNameFormatter;
-export type DataListOptionProps = {
-    /** Значение опции */
-    value: string | number;
-    /** Лейбл опции */
-    label?: string | number;
-    /** Если {true} отображает опцию заблокированной */
-    disabled?: boolean;
-    /** Если {true} отображает опцию сфокусированной (клавиатура) */
-    focused?: boolean;
-    /** Если {true} отображает опцию выбранной */
-    selected?: boolean;
-    /** Функция обратного вызова обработчик нажатий на клавиатуре */
-    onKeyDown?: KeyboardEventHandler<HTMLLIElement>;
-    /** Функция обратного вызова обработчик нажатий на клавиатуре */
-    onMouseMove?: MouseEventHandler<HTMLLIElement>;
-    /** Функция обратного вызова обработчик нажатий на клавиатуре */
-    onMouseLeave?: MouseEventHandler<HTMLLIElement>;
-    /** Содержимое компонента */
-    children?: ReactNode;
-} & Omit<ComponentPropsWithRef<typeof DATA_LIST_OPTION_DEFAULT_TAG>, 'value'>;
 export declare const DataListOption: React.ForwardRefExoticComponent<Omit<DataListOptionProps, "ref"> & React.RefAttributes<HTMLLIElement>>;

package/__inner__/cjs/components/DataList/components/DataListOption/DataListOption.js

@@ -5,29 +5,20 @@ var tslib_1 = require("tslib");
 require("./DataListOption.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var classname_1 = require("../../../../utils/classname");
-var getIconSizeToFormElement_1 = require("../../../../utils/getIconSizeToFormElement");
 var isNumber_1 = require("../../../../utils/isNumber");
 var isString_1 = require("../../../../utils/isString");
 var List_1 = require("../../../List");
 var constants_1 = require("../../constants");
-var DataListCheckIcon_1 = require("../DataListCheckIcon");
+var DataListContent_1 = require("../DataListContent");
 exports.cnDataListOption = (0, classname_1.cn)('DataListOption');
-var DataListContent = function (_a) {
-    var label = _a.label, selected = _a.selected;
-    var size = (0, List_1.useListContext)().size;
-    var iconSize = (0, getIconSizeToFormElement_1.getIconSizeToFormElement)(size);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(List_1.ListItemText, { className: (0, exports.cnDataListOption)('Text'), primary: label }),
-        react_1.default.createElement(DataListCheckIcon_1.DataListCheckIcon, { selected: selected, size: iconSize })));
-};
 exports.DataListOption = (0, react_1.forwardRef)(function (_a, ref) {
     var _b = _a.disabled, disabled = _b === void 0 ? constants_1.DATA_LIST_OPTION_DEFAULT_DISABLED : _b, value = _a.value, label = _a.label, children = _a.children, className = _a.className, selected = _a.selected, focused = _a.focused, other = tslib_1.__rest(_a, ["disabled", "value", "label", "children", "className", "selected", "focused"]);
     var renderChildren = function () {
         if ((0, isString_1.isString)(children) || (0, isNumber_1.isNumber)(children)) {
-            return react_1.default.createElement(DataListContent, { label: children, selected: selected });
+            return react_1.default.createElement(DataListContent_1.DataListContent, { label: children, selected: selected });
         }
         if (label && !children) {
-            return react_1.default.createElement(DataListContent, { label: label, selected: selected });
+            return react_1.default.createElement(DataListContent_1.DataListContent, { label: label, selected: selected });
         }
         return children;
     };

package/__inner__/cjs/components/DataList/components/DataListOption/index.d.ts

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

package/__inner__/cjs/components/DataList/components/DataListOption/index.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./DataListOption"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/DataList/components/DataListOption/types.d.ts

@@ -0,0 +1,24 @@
+import type { ComponentRef, KeyboardEventHandler, MouseEventHandler, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+import type { DATA_LIST_OPTION_DEFAULT_TAG } from '../../constants';
+export type DataListOptionRef = ComponentRef<typeof DATA_LIST_OPTION_DEFAULT_TAG>;
+export type DataListOptionProps = ExtendableComponentPropsWithRef<{
+    /** Значение опции */
+    value: string | number;
+    /** Лейбл опции */
+    label?: string | number;
+    /** Если {true} отображает опцию заблокированной */
+    disabled?: boolean;
+    /** Если {true} отображает опцию сфокусированной (клавиатура) */
+    focused?: boolean;
+    /** Если {true} отображает опцию выбранной */
+    selected?: boolean;
+    /** Функция обратного вызова обработчик нажатий на клавиатуре */
+    onKeyDown?: KeyboardEventHandler<HTMLLIElement>;
+    /** Функция обратного вызова обработчик нажатий на клавиатуре */
+    onMouseMove?: MouseEventHandler<HTMLLIElement>;
+    /** Функция обратного вызова обработчик нажатий на клавиатуре */
+    onMouseLeave?: MouseEventHandler<HTMLLIElement>;
+    /** Содержимое компонента */
+    children?: ReactNode;
+}, typeof DATA_LIST_OPTION_DEFAULT_TAG>;

package/__inner__/cjs/components/DataList/components/DataListOption/types.js

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

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

@@ -13,13 +13,13 @@ export declare const DatePicker: React.ForwardRefExoticComponent<(Omit<{
     popoverProps?: import("../Popover").PopoverBaseProps | undefined;
     clearText?: string | undefined;
     disableClearButton?: boolean | undefined;
-    onError?: import("./types").DatePickerPropOnError | undefined;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "defaultValue" | "onChange" | "onError"> & Pick<import("../Calendar").CalendarProps, "exclude" | "offsetDate" | "minDate" | "maxDate"> & Pick<import("../Input").InputProps, "error" | "label" | "onKeyDown" | "disabled" | "placeholder" | "required" | "size" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps"> & {
+    onError?: import("./types").DatePickerPropOnError | undefined; /** Соотношение размера календаря к размеру элемента контроля */
+} & Pick<import("../Calendar").CalendarProps, "exclude" | "offsetDate" | "minDate" | "maxDate"> & Pick<import("../Input").InputProps, "error" | "label" | "onKeyDown" | "disabled" | "placeholder" | "required" | "size" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps"> & {
     open?: boolean | undefined;
     defaultOpen?: undefined;
-}, "ref"> | Omit<{
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "value" | "defaultValue" | "error" | "label" | "onChange" | "onError" | "onKeyDown" | "disabled" | "open" | "onClose" | "placeholder" | "required" | "size" | "exclude" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps" | "clearText" | "disableClearButton" | "onInputChange" | "onOpen" | "defaultOpen" | "offsetDate" | "minDate" | "maxDate" | "calendarProps" | "popoverProps">, "ref"> | Omit<{
     value?: Date | null | undefined;
     defaultValue?: Date | null | undefined;
     onChange?: DatePickerOnChange | undefined;
@@ -30,10 +30,10 @@ export declare const DatePicker: React.ForwardRefExoticComponent<(Omit<{
     popoverProps?: import("../Popover").PopoverBaseProps | undefined;
     clearText?: string | undefined;
     disableClearButton?: boolean | undefined;
-    onError?: import("./types").DatePickerPropOnError | undefined;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "defaultValue" | "onChange" | "onError"> & Pick<import("../Calendar").CalendarProps, "exclude" | "offsetDate" | "minDate" | "maxDate"> & Pick<import("../Input").InputProps, "error" | "label" | "onKeyDown" | "disabled" | "placeholder" | "required" | "size" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps"> & {
+    onError?: import("./types").DatePickerPropOnError | undefined; /** Соотношение размера календаря к размеру элемента контроля */
+} & Pick<import("../Calendar").CalendarProps, "exclude" | "offsetDate" | "minDate" | "maxDate"> & Pick<import("../Input").InputProps, "error" | "label" | "onKeyDown" | "disabled" | "placeholder" | "required" | "size" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps"> & {
     open?: undefined;
     defaultOpen?: boolean | undefined;
-}, "ref">) & React.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "value" | "defaultValue" | "error" | "label" | "onChange" | "onError" | "onKeyDown" | "disabled" | "open" | "onClose" | "placeholder" | "required" | "size" | "exclude" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps" | "clearText" | "disableClearButton" | "onInputChange" | "onOpen" | "defaultOpen" | "offsetDate" | "minDate" | "maxDate" | "calendarProps" | "popoverProps">, "ref">) & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/DatePicker/DatePicker.js

@@ -59,13 +59,13 @@ exports.DatePicker = (0, react_1.forwardRef)(function (inProps, ref) {
         if ((0, utils_1.isCompleted)(value) || value === '')
             callOnChange(value);
     };
-    /** Эффект – автофокусировка в текстовом поле */
+    /** Эффект — автофокусировка в текстовом поле */
     (0, react_1.useEffect)(function () {
         var _a;
         if (autoFocus)
             (_a = anchorRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, [autoFocus]);
-    /** Эффект – синхронизируем значение текстового поля со значением в списке */
+    /** Эффект — синхронизируем значение текстового поля со значением в списке */
     (0, react_1.useEffect)(function () {
         var formattedDate = (0, utils_2.formatDateToString)(value);
         if (formattedDate !== inputValue) {

package/__inner__/cjs/components/DatePicker/components/DateInput/DateInput.d.ts

@@ -1,6 +1,3 @@
 import React from 'react';
-import type { InputProps } from '../../../Input';
-export declare const DateInput: React.ForwardRefExoticComponent<Omit<Omit<InputProps, "value" | "defaultValue"> & {
-    value?: string | undefined;
-    defaultValue?: string | undefined;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+import type { DateInputProps } from './index';
+export declare const DateInput: React.ForwardRefExoticComponent<Omit<DateInputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/DatePicker/components/DateInput/index.d.ts

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

package/__inner__/cjs/components/DatePicker/components/DateInput/index.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./DateInput"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/DatePicker/components/DateInput/types.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+import type { FIELD_CONTROL_DEFAULT_TAG } from '../../../FieldControl';
+import type { InputProps } from '../../../Input';
+export type DateInputRef = ComponentRef<typeof FIELD_CONTROL_DEFAULT_TAG>;
+export type DateInputProps = ExtendableComponentPropsWithRef<{
+    value?: string;
+    defaultValue?: string;
+} & Omit<InputProps, 'value' | 'defaultValue'>, typeof FIELD_CONTROL_DEFAULT_TAG>;

package/__inner__/cjs/components/DatePicker/components/DateInput/types.js

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

package/__inner__/cjs/components/DatePicker/components/DatePickerRenderRight/DatePickerRenderRight.d.ts

@@ -1,8 +1,8 @@
 import type { FC, MouseEvent } from 'react';
 import type { DatePickerProps } from '../../index';
-type AutocompleteRenderRightProps = {
+type DatePickerRenderRightProps = {
     onClear: (e: MouseEvent<HTMLElement>) => void;
     hasValue: boolean;
 } & Pick<DatePickerProps, 'clearText' | 'renderRight' | 'size' | 'open' | 'disableClearButton'>;
-export declare const DatePickerRenderRight: FC<AutocompleteRenderRightProps>;
+export declare const DatePickerRenderRight: FC<DatePickerRenderRightProps>;
 export {};

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

@@ -1,5 +1,7 @@
-import type { ComponentPropsWithRef, ChangeEvent } from 'react';
+import type { ChangeEvent, ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 import type { CalendarProps, CalendarOnChange } from '../Calendar';
+import type { FIELD_CONTROL_DEFAULT_TAG } from '../FieldControl';
 import type { InputProps } from '../Input';
 import type { PopoverBaseProps } from '../Popover';
 export type DatePickerOnChange = CalendarOnChange<'single'>;
@@ -25,7 +27,8 @@ type DatePickerOpenUncontrolledProps = {
     /** Состояние открытие по умолчанию (неконтролируемый компонент) */
     defaultOpen?: boolean;
 };
-export type DatePickerProps = {
+export type DatePickerRef = ComponentRef<typeof FIELD_CONTROL_DEFAULT_TAG>;
+export type DatePickerProps = ExtendableComponentPropsWithRef<{
     /** Выбранная дата */
     value?: Date | null;
     /** Выбранная дата по умолчанию (неконтролируемое состояние) */
@@ -48,5 +51,5 @@ export type DatePickerProps = {
     disableClearButton?: boolean;
     /** Функция обратно вызова, которая сработает если пользователь ввёл дату с ошибкой */
     onError?: DatePickerPropOnError;
-} & Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'defaultValue' | 'onError'> & Pick<CalendarProps, 'minDate' | 'maxDate' | 'exclude' | 'offsetDate'> & Pick<InputProps, 'label' | 'hint' | 'onKeyDown' | 'size' | 'error' | 'required' | 'fullWidth' | 'disableStroke' | 'disabled' | 'renderLeft' | 'renderRight' | 'placeholder' | 'inputProps' | 'hintProps'> & (DatePickerOpenControlledProps | DatePickerOpenUncontrolledProps);
+} & Pick<CalendarProps, 'minDate' | 'maxDate' | 'exclude' | 'offsetDate'> & Pick<InputProps, 'label' | 'hint' | 'onKeyDown' | 'size' | 'error' | 'required' | 'fullWidth' | 'disableStroke' | 'disabled' | 'renderLeft' | 'renderRight' | 'placeholder' | 'inputProps' | 'hintProps'> & (DatePickerOpenControlledProps | DatePickerOpenUncontrolledProps), typeof FIELD_CONTROL_DEFAULT_TAG>;
 export {};

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

@@ -1,51 +1,47 @@
 import './Dialog.css';
 import React from 'react';
-import { type IconButtonProps } from '../IconButtonNext';
-import { type ModalProps } from '../Modal';
 export declare const cnDialog: import("@bem-react/classname").ClassNameFormatter;
-export declare const dialogSizeVariant: readonly ["s", "l"];
-export declare const dialogVariant: readonly ["small", "medium", "large", "fullsize"];
-export type DialogSizeVariant = (typeof dialogSizeVariant)[number];
-export type DialogVariant = (typeof dialogVariant)[number];
-export type DialogProps = {
-    /** Признак по которому компонент будет представлен */
-    open: boolean;
-    /** Содержимое диалогового окна */
-    children: React.ReactNode;
-    /** Устанавливает размер типографики и отступов в диалоговом окне */
-    size?: DialogSizeVariant;
-    /** Вариант диалогового окна */
-    variant?: DialogVariant;
-    /** Функция обратного вызова которая будет вызвана когда компонент запрашивает
-     *  закрытие (нажатие на клавишу {ESC}, клик по подложке Backdrop) */
-    onClose?: () => void;
-    /** Свойства кнопки закрытия диалогового окна */
-    closeButtonProps?: Omit<IconButtonProps, 'icon'> & {
-        'data-testid'?: string;
-    };
-    /** Признак по которому кнопка закрытия диалогового окна будет скрыта */
-    hideCloseButton?: boolean;
-    /** Кастомный класс контейнера диалогового окна */
-    className?: string;
-} & Omit<ModalProps, 'open' | 'onClose' | 'children' | 'className'>;
 export declare const Dialog: React.ForwardRefExoticComponent<{
-    /** Признак по которому компонент будет представлен */
-    open: boolean;
-    /** Содержимое диалогового окна */
-    children: React.ReactNode;
-    /** Устанавливает размер типографики и отступов в диалоговом окне */
     size?: "s" | "l" | undefined;
-    /** Вариант диалогового окна */
     variant?: "small" | "medium" | "large" | "fullsize" | undefined;
-    /** Функция обратного вызова которая будет вызвана когда компонент запрашивает
-     *  закрытие (нажатие на клавишу {ESC}, клик по подложке Backdrop) */
-    onClose?: (() => void) | undefined;
-    /** Свойства кнопки закрытия диалогового окна */
-    closeButtonProps?: (Omit<IconButtonProps, "icon"> & {
+    closeButtonProps?: (Omit<import("../IconButtonNext").IconButtonProps, "icon"> & {
         'data-testid'?: string | undefined;
     }) | undefined;
-    /** Признак по которому кнопка закрытия диалогового окна будет скрыта */
     hideCloseButton?: boolean | undefined;
-    /** Кастомный класс контейнера диалогового окна */
+} & {
+    open?: boolean | undefined;
+    children: React.ReactNode;
+    onEnter?(): void;
+    onEntered?(): void;
+    onExit?(): void;
+    onExited?(): void;
+    onClose?(): void;
+    hideBackdrop?: boolean | undefined;
+    keepMounted?: boolean | undefined;
+    disableScrollLock?: boolean | undefined;
+    disableClickOutside?: boolean | undefined;
+    disableEscapeKeyDown?: boolean | undefined;
+    backdropProps?: (import("../Backdrop").BackdropBaseProps & {
+        as?: "div" | undefined;
+    } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    }, keyof import("../Backdrop").BackdropBaseProps> & {
+        'data-testid'?: string | undefined;
+    }) | undefined;
+    transitionProps?: (Partial<import("react-transition-group/CSSTransition").CSSTransitionProps> & {
+        'data-testid'?: string | undefined;
+    }) | undefined;
+    windowProps?: (import("../Paper").PaperBaseProps & {
+        as?: "div" | undefined;
+    } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    }, keyof import("../Paper").PaperBaseProps> & {
+        'data-testid'?: string | undefined;
+    }) | undefined;
     className?: string | undefined;
-} & Omit<ModalProps, "className" | "children" | "open" | "onClose"> & React.RefAttributes<HTMLDivElement>>;
+    'data-testid'?: string | undefined;
+    ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[] | undefined;
+    disablePortal?: boolean | undefined;
+} & import("../Portal").PortalBaseProps & {
+    as?: "div" | undefined;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "container"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/Dialog/Dialog.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dialog = exports.dialogVariant = exports.dialogSizeVariant = exports.cnDialog = void 0;
+exports.Dialog = exports.cnDialog = void 0;
 var tslib_1 = require("tslib");
 require("./Dialog.css");
 var react_1 = tslib_1.__importStar(require("react"));
@@ -10,13 +10,8 @@ var classname_1 = require("../../utils/classname");
 var IconButtonNext_1 = require("../IconButtonNext");
 var Modal_1 = require("../Modal");
 var constants_1 = require("./constants");
+var utils_1 = require("./utils");
 exports.cnDialog = (0, classname_1.cn)('Dialog');
-exports.dialogSizeVariant = ['s', 'l'];
-exports.dialogVariant = ['small', 'medium', 'large', 'fullsize'];
-var iconButtonSizeMapper = {
-    l: 'm',
-    s: 's',
-};
 exports.Dialog = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
@@ -24,10 +19,12 @@ exports.Dialog = (0, react_1.forwardRef)(function (inProps, ref) {
     });
     var _a = props.variant, variant = _a === void 0 ? constants_1.DIALOG_DEFAULT_VARIANT : _a, _b = props.size, size = _b === void 0 ? constants_1.DIALOG_DEFAULT_SIZE : _b, _c = props.hideCloseButton, hideCloseButton = _c === void 0 ? constants_1.DIALOG_DEFAULT_HIDE_CLOSE_BUTTON : _c, open = props.open, onClose = props.onClose, children = props.children, className = props.className, windowProps = props.windowProps, closeButtonProps = props.closeButtonProps, transitionProps = props.transitionProps, other = tslib_1.__rest(props, ["variant", "size", "hideCloseButton", "open", "onClose", "children", "className", "windowProps", "closeButtonProps", "transitionProps"]);
     var _d = closeButtonProps || {}, closeButtonClassName = _d.className, closeButtonRestProps = tslib_1.__rest(_d, ["className"]);
-    return (react_1.default.createElement(Modal_1.Modal, tslib_1.__assign({}, other, { open: open, onClose: onClose, windowProps: tslib_1.__assign({ role: 'dialog', radius: size === 's' ? 'l' : 'xl', shadow: 'l' }, windowProps), className: (0, exports.cnDialog)({ variant: variant, size: size, hasCloseButton: !hideCloseButton }, [className]), transitionProps: tslib_1.__assign(tslib_1.__assign({}, (variant === 'fullsize' && {
+    return (react_1.default.createElement(Modal_1.Modal, tslib_1.__assign({}, other, { open: open, onClose: onClose, windowProps: tslib_1.__assign({ role: 'dialog', radius: size === 's' ? 'l' : 'xl', shadow: 'l' }, windowProps), className: (0, exports.cnDialog)({ variant: variant, size: size, hasCloseButton: !hideCloseButton }, [
+            className,
+        ]), transitionProps: tslib_1.__assign(tslib_1.__assign({}, (variant === 'fullsize' && {
             classNames: (0, exports.cnDialog)({ animation: 'fullsize' }),
         })), transitionProps), ref: ref }),
-        !hideCloseButton && (react_1.default.createElement(IconButtonNext_1.IconButton, tslib_1.__assign({ size: iconButtonSizeMapper[size], variant: "ghost", name: "close" }, closeButtonRestProps, { className: (0, exports.cnDialog)('CloseButton', [closeButtonClassName]), onClick: onClose, icon: icons_1.CrossIcon, compressed: true }))),
+        !hideCloseButton && (react_1.default.createElement(IconButtonNext_1.IconButton, tslib_1.__assign({ size: utils_1.iconButtonSizeMapper[size], variant: "ghost", name: "close" }, closeButtonRestProps, { className: (0, exports.cnDialog)('CloseButton', [closeButtonClassName]), onClick: onClose, icon: icons_1.CrossIcon, compressed: true }))),
         react_1.default.createElement("div", { className: (0, exports.cnDialog)('InnerContainer') }, children)));
 });
 exports.Dialog.displayName = 'Dialog';

package/__inner__/cjs/components/Dialog/components/DialogBody.d.ts

@@ -1,9 +1,11 @@
-import type { FC, ReactNode, Ref, HTMLAttributes } from 'react';
 import '../Dialog.css';
-export type DialogBodyProps = {
+import React from 'react';
+import type { ReactNode, ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+export type DialogBodyRef = ComponentRef<'div'>;
+export type DialogBodyProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;
     className?: string;
-    ref?: Ref<HTMLDivElement>;
     'data-testid'?: string;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const DialogBody: FC<DialogBodyProps>;
+}, 'div'>;
+export declare const DialogBody: React.ForwardRefExoticComponent<Omit<DialogBodyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/Dialog/components/DialogBody.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogBody = void 0;
 var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var Dialog_1 = require("../Dialog");
 require("../Dialog.css");
-exports.DialogBody = React.forwardRef(function (_a, ref) {
+var react_1 = tslib_1.__importStar(require("react"));
+var Dialog_1 = require("../Dialog");
+exports.DialogBody = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = tslib_1.__rest(_a, ["children", "className"]);
-    return (React.createElement("div", tslib_1.__assign({ ref: ref, className: (0, Dialog_1.cnDialog)('Body', [className]) }, restProps), children));
+    return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, Dialog_1.cnDialog)('Body', [className]) }, restProps, { ref: ref }), children));
 });
 exports.DialogBody.displayName = 'DialogBody';

package/__inner__/cjs/components/Dialog/components/DialogFooter.d.ts

@@ -1,9 +1,11 @@
-import type { FC, ReactNode, Ref, HTMLAttributes } from 'react';
 import '../Dialog.css';
-export type DialogFooterProps = {
+import React from 'react';
+import type { ReactNode, ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+export type DialogFooterRef = ComponentRef<'div'>;
+export type DialogFooterProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;
     className?: string;
-    ref?: Ref<HTMLDivElement>;
     'data-testid'?: string;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const DialogFooter: FC<DialogFooterProps>;
+}, 'div'>;
+export declare const DialogFooter: React.ForwardRefExoticComponent<Omit<DialogFooterProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/Dialog/components/DialogFooter.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogFooter = void 0;
 var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var Dialog_1 = require("../Dialog");
 require("../Dialog.css");
-exports.DialogFooter = React.forwardRef(function (_a, ref) {
+var react_1 = tslib_1.__importStar(require("react"));
+var Dialog_1 = require("../Dialog");
+exports.DialogFooter = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = tslib_1.__rest(_a, ["children", "className"]);
-    return (React.createElement("div", tslib_1.__assign({ ref: ref, className: (0, Dialog_1.cnDialog)('Footer', [className]) }, restProps), children));
+    return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, className: (0, Dialog_1.cnDialog)('Footer', [className]) }, restProps), children));
 });
 exports.DialogFooter.displayName = 'DialogFooter';