npm - @ozen-ui/kit - Versions diffs - 0.67.0 → 0.69.0 - Mend

@ozen-ui/kit 0.67.0 → 0.69.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1213) hide show

package/__inner__/esm/components/ChipNext/Chip.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { __assign, __read, __rest } from "tslib";
 import './Chip.css';
 import React, { useContext } from 'react';
 import { logger } from '@ozen-ui/logger';
-import { IS_DEV } from '../../constants/environment';
+import { isDev } from '../../constants/environment';
 import { useControlled } from '../../hooks/useControlled';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
@@ -20,7 +20,7 @@ export var Chip = polymorphicComponentWithRef(function (inProps, ref) {
     var color = colorProp;
     var chipGroup = useContext(ChipGroupContext);
     if (chipGroup) {
-        if (IS_DEV && value === undefined) {
+        if (isDev && value === undefined) {
             logger.error('Отсутствует параметр "value" для Chip, находящегося в ChipGroup.');
         }
         if (checked === undefined && chipGroup.value) {

package/__inner__/esm/components/DataList/DataList.js CHANGED Viewed

@@ -144,3 +144,4 @@ var DataListRender = function (inProps, ref) {
         React.createElement(List, __assign({ as: "ul", size: size }, listProps, { onMouseDown: handleOnMouseDownList, ref: useMultiRef([listRef, listProps === null || listProps === void 0 ? void 0 : listProps.ref]) }), renderChildren)));
 };
 export var DataList = polymorphicComponentWithRef(DataListRender);
+DataList.displayName = 'DataList';

package/__inner__/esm/components/DataList/types.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import type { ReactNode, ElementType, SyntheticEvent } from 'react';
 import type React from 'react';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+import type { WithDisplayName } from '../../types/react';
 import type { PolymorphicComponentPropsWithRef, PolymorphicComponentRef } from '../../utils/polymorphicComponentWithRef';
 import type { ListProps } from '../List';
 import type { PopoverBaseProps } from '../Popover';
@@ -36,4 +37,4 @@ export type DataListBaseProps<MULTIPLE extends boolean = false> = {
 } & Omit<PopoverBaseProps, 'onSelect'>;
 export type DataListRef = PolymorphicComponentRef<typeof DATA_LIST_DEFAULT_TAG>;
 export type DataListProps<As extends ElementType = typeof DATA_LIST_DEFAULT_TAG, MULTIPLE extends boolean = false> = PolymorphicComponentPropsWithRef<DataListBaseProps<MULTIPLE>, As>;
-export type DataListComponent = <As extends ElementType = typeof DATA_LIST_DEFAULT_TAG, MULTIPLE extends boolean = false>(props: PolymorphicComponentPropsWithRef<DataListBaseProps<MULTIPLE>, As>) => React.ReactElement | null;
+export type DataListComponent = WithDisplayName<(<As extends ElementType = typeof DATA_LIST_DEFAULT_TAG, MULTIPLE extends boolean = false>(props: PolymorphicComponentPropsWithRef<DataListBaseProps<MULTIPLE>, As>) => React.ReactElement | null)>;

package/__inner__/esm/components/DatePicker/DatePicker.js CHANGED Viewed

@@ -11,7 +11,6 @@ var typeMap = {
     'date-range': DatePickerModeDateRange,
 };
 export var cnDatePicker = cn('DatePicker');
-// eslint-disable-next-line react/display-name
 export var DatePicker = forwardRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
@@ -21,3 +20,4 @@ export var DatePicker = forwardRef(function (inProps, ref) {
     var Component = getByMap(typeMap, mode);
     return React.createElement(Component, __assign({ size: size }, other, { ref: ref }));
 });
+DatePicker.displayName = 'DatePicker';

package/__inner__/esm/components/DatePicker/components/DatePickerModeDate/DatePickerModeDate.js CHANGED Viewed

@@ -8,7 +8,6 @@ import { Popover } from '../../../Popover';
 import { cnDatePicker } from '../../index';
 import { formatDateToString, formatStringToDate, getCommonCalendarProps, getCommonPopoverProps, isInExclude, isValidDateString, isOutOfRange, useCalendarKeyboard, } from '../../utils';
 import { DateInput, DatePickerRenderRight } from '../index';
-// eslint-disable-next-line react/display-name
 export var DatePickerModeDate = forwardRef(function (props, ref) {
     var size = props.size, valueProp = props.value, label = props.label, defaultValue = props.defaultValue, openProp = props.open, onCloseProp = props.onClose, onOpenProp = props.onOpen, onInputChange = props.onInputChange, clearText = props.clearText, defaultOpen = props.defaultOpen, disabled = props.disabled, minDate = props.minDate, maxDate = props.maxDate, exclude = props.exclude, inputProps = props.inputProps, renderRight = props.renderRight, className = props.className, _a = props.calendars, calendars = _a === void 0 ? 1 : _a, disableClearButton = props.disableClearButton, onChange = props.onChange, onKeyDown = props.onKeyDown, autoFocus = props.autoFocus, disableCloseOnSelect = props.disableCloseOnSelect, popoverPropsProp = props.popoverProps, calendarPropsProp = props.calendarProps, onError = props.onError, other = __rest(props, ["size", "value", "label", "defaultValue", "open", "onClose", "onOpen", "onInputChange", "clearText", "defaultOpen", "disabled", "minDate", "maxDate", "exclude", "inputProps", "renderRight", "className", "calendars", "disableClearButton", "onChange", "onKeyDown", "autoFocus", "disableCloseOnSelect", "popoverProps", "calendarProps", "onError"]);
     var anchorRef = useRef(null);
@@ -154,3 +153,4 @@ export var DatePickerModeDate = forwardRef(function (props, ref) {
         React.createElement(Popover, __assign({ open: open, anchorRef: anchorRef, onClose: handleClose }, popoverProps, { disableEnforceFocus: !enableEnforceFocus, onExited: handleExited }),
             React.createElement(Calendar, __assign({ calendars: calendars }, calendarProps, { mode: "single", value: value || null, offsetDate: offsetDate, onOffsetDateChange: onOffsetDateChange, onChange: handleChangeCalendar })))));
 });
+DatePickerModeDate.displayName = 'DatePickerModeDate';

package/__inner__/esm/components/DatePicker/components/DatePickerModeDateRange/DatePickerModeDateRange.js CHANGED Viewed

@@ -14,9 +14,7 @@ import { cnDatePicker } from '../../index';
 import { formatDateToString, formatStringToDate, getCommonCalendarProps, getCommonPopoverProps, isValidDateString, useCalendarKeyboard, } from '../../utils';
 import { DateInput, DatePickerRenderRight } from '../index';
 import { formatDateForCalendar, getOffsetDateInRange, getValueForDoubleProp, } from './utils';
-export var DatePickerModeDateRange =
-// eslint-disable-next-line react/display-name
-forwardRef(function (props, ref) {
+export var DatePickerModeDateRange = forwardRef(function (props, ref) {
     var size = props.size, error = props.error, openProp = props.open, label = props.label, onKeyDown = props.onKeyDown, onInputChange = props.onInputChange, renderLeft = props.renderLeft, renderRight = props.renderRight, required = props.required, fullWidth = props.fullWidth, placeholder = props.placeholder, hint = props.hint, disableStroke = props.disableStroke, hintProps = props.hintProps, onChange = props.onChange, labelProps = props.labelProps, popoverPropsProp = props.popoverProps, calendarPropsProp = props.calendarProps, defaultOpen = props.defaultOpen, onCloseProp = props.onClose, defaultValue = props.defaultValue, valueProp = props.value, inputProps = props.inputProps, disabled = props.disabled, className = props.className, _a = props.calendars, calendars = _a === void 0 ? 2 : _a, onError = props.onError, clearText = props.clearText, disableCloseOnSelect = props.disableCloseOnSelect, disableClearButton = props.disableClearButton, onOpenProp = props.onOpen, fieldsProps = props.fieldsProps, other = __rest(props, ["size", "error", "open", "label", "onKeyDown", "onInputChange", "renderLeft", "renderRight", "required", "fullWidth", "placeholder", "hint", "disableStroke", "hintProps", "onChange", "labelProps", "popoverProps", "calendarProps", "defaultOpen", "onClose", "defaultValue", "value", "inputProps", "disabled", "className", "calendars", "onError", "clearText", "disableCloseOnSelect", "disableClearButton", "onOpen", "fieldsProps"]);
     var _b = __read(getValueForDoubleProp(label), 2), labelFrom = _b[0], labelTo = _b[1];
     var _c = __read(getValueForDoubleProp(renderLeft), 2), renderLeftFrom = _c[0], renderLeftTo = _c[1];
@@ -242,3 +240,4 @@ forwardRef(function (props, ref) {
         React.createElement(Popover, __assign({ open: open, anchorRef: anchorRef, onClose: handleClose }, popoverProps, { onExited: handleExited, ignoreClickOutsideRefs: [containerRef], disableEnforceFocus: disableEnforceFocus }),
             React.createElement(Calendar, __assign({ calendars: calendars }, calendarProps, { mode: "range", offsetDate: offsetDate, onChange: handleChangeCalendar, value: formatDateForCalendar(value), onCalendarsChange: onCalendarsChange, onOffsetDateChange: onOffsetDateChange })))));
 });
+DatePickerModeDateRange.displayName = 'DatePickerModeDateRange';

package/__inner__/esm/components/DatePicker/types.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import type { ChangeEvent, ComponentRef, ReactNode } from 'react';
 import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
+import type { WithDisplayName } from '../../types/react';
 import type { CalendarProps } from '../Calendar';
 import type { FieldHintProps } from '../FieldHint';
 import type { FieldInputProps } from '../FieldInput';
@@ -109,6 +110,6 @@ export type DatePickerProps<MODE extends DatePickerModeVariant = typeof DATE_PIC
     /** Количество отображаемых календарей в компоненте: один или два */
     calendars?: 1 | 2;
 } & Pick<CalendarProps, 'minDate' | 'maxDate' | 'exclude'> & Pick<InputProps, 'onKeyDown'>, 'div'>;
-export type DatePickerComponent = <MODE extends DatePickerModeVariant = typeof DATE_PICKER_DEFAULT_MODE>(props: DatePickerProps<MODE>) => ReactNode;
-export type DatePickerModeComponent<MODE extends DatePickerModeVariant> = (props: Omit<DatePickerProps<MODE>, 'mode'>) => ReactNode;
+export type DatePickerComponent = WithDisplayName<(<MODE extends DatePickerModeVariant = typeof DATE_PICKER_DEFAULT_MODE>(props: DatePickerProps<MODE>) => ReactNode)>;
+export type DatePickerModeComponent<MODE extends DatePickerModeVariant> = WithDisplayName<(props: Omit<DatePickerProps<MODE>, 'mode'>) => ReactNode>;
 export {};

package/__inner__/esm/components/Dialog/Dialog.d.ts CHANGED Viewed

@@ -34,6 +34,8 @@ export declare const Dialog: React.ForwardRefExoticComponent<{
     className?: string;
     'data-testid'?: string;
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[];
-} & import("../Portal").PortalBaseProps & {
+} & {
+    container?: import("../../hooks/usePortalContainer").PortalContainer;
+} & Omit<import("../PortalBase").PortalBaseBaseProps, "container"> & {
     as?: "div" | undefined;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../Portal").PortalBaseProps> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "data-testid" | "container" | "disablePortal"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/Dialog/Dialog.js CHANGED Viewed

@@ -2,6 +2,7 @@ import { __assign, __rest } from "tslib";
 import './Dialog.css';
 import React, { forwardRef } from 'react';
 import { CrossIcon } from '@ozen-ui/icons';
+import { useDeprecatedComponent } from '../../hooks/useDeprecated';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { IconButton } from '../IconButtonNext';
@@ -13,6 +14,7 @@ export var cnDialog = cn('Dialog');
  * @deprecated Компонент устарел. Для замены используйте компонент DialogNext
  */
 export var Dialog = forwardRef(function (inProps, ref) {
+    useDeprecatedComponent('Dialog');
     var props = useThemeProps({
         props: inProps,
         name: 'Dialog',

package/__inner__/esm/components/Dialog/components/{DialogBody.d.ts → DialogBody/DialogBody.d.ts} RENAMED Viewed

@@ -1,7 +1,7 @@
-import '../Dialog.css';
+import '../../Dialog.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DialogBodyRef = ComponentRef<'div'>;
 export type DialogBodyProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/esm/components/Dialog/components/{DialogBody.js → DialogBody/DialogBody.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import '../Dialog.css';
+import '../../Dialog.css';
 import React, { forwardRef } from 'react';
-import { cnDialog } from '../Dialog';
+import { cnDialog } from '../../Dialog';
 export var DialogBody = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("div", __assign({ className: cnDialog('Body', [className]) }, restProps, { ref: ref }), children));

package/__inner__/esm/components/Dialog/components/DialogBody/index.d.ts ADDED Viewed

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

package/__inner__/esm/components/Dialog/components/DialogBody/index.js ADDED Viewed

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

package/__inner__/{cjs/components/Dialog/components → esm/components/Dialog/components/DialogFooter}/DialogFooter.d.ts RENAMED Viewed

@@ -1,7 +1,7 @@
-import '../Dialog.css';
+import '../../Dialog.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DialogFooterRef = ComponentRef<'div'>;
 export type DialogFooterProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/esm/components/Dialog/components/{DialogFooter.js → DialogFooter/DialogFooter.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import '../Dialog.css';
+import '../../Dialog.css';
 import React, { forwardRef } from 'react';
-import { cnDialog } from '../Dialog';
+import { cnDialog } from '../../Dialog';
 export var DialogFooter = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("div", __assign({ ref: ref, className: cnDialog('Footer', [className]) }, restProps), children));

package/__inner__/esm/components/Dialog/components/DialogFooter/index.d.ts ADDED Viewed

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

package/__inner__/esm/components/Dialog/components/DialogFooter/index.js ADDED Viewed

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

package/__inner__/{cjs/components/Dialog/components → esm/components/Dialog/components/DialogHeader}/DialogHeader.d.ts RENAMED Viewed

@@ -1,7 +1,7 @@
-import '../Dialog.css';
+import '../../Dialog.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DialogHeaderRef = ComponentRef<'div'>;
 export type DialogHeaderProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/esm/components/Dialog/components/{DialogHeader.js → DialogHeader/DialogHeader.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import '../Dialog.css';
+import '../../Dialog.css';
 import React, { forwardRef } from 'react';
-import { cnDialog } from '../Dialog';
+import { cnDialog } from '../../Dialog';
 export var DialogHeader = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("div", __assign({ ref: ref, className: cnDialog('Header', [className]) }, restProps), children));

package/__inner__/esm/components/Dialog/components/DialogHeader/index.d.ts ADDED Viewed

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

package/__inner__/esm/components/Dialog/components/DialogHeader/index.js ADDED Viewed

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

package/__inner__/{cjs/components/Dialog/components → esm/components/Dialog/components/DialogSubtitle}/DialogSubtitle.d.ts RENAMED Viewed

@@ -1,7 +1,7 @@
-import '../Dialog.css';
+import '../../Dialog.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DialogSubtitleRef = ComponentRef<'div'>;
 export type DialogSubtitleProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/esm/components/Dialog/components/{DialogSubtitle.js → DialogSubtitle/DialogSubtitle.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import '../Dialog.css';
+import '../../Dialog.css';
 import React, { forwardRef } from 'react';
-import { cnDialog } from '../Dialog';
+import { cnDialog } from '../../Dialog';
 export var DialogSubtitle = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("div", __assign({ ref: ref, className: cnDialog('Subtitle', [className]) }, restProps), children));

package/__inner__/esm/components/Dialog/components/DialogSubtitle/index.d.ts ADDED Viewed

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

package/__inner__/esm/components/Dialog/components/DialogSubtitle/index.js ADDED Viewed

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

package/__inner__/{cjs/components/Dialog/components → esm/components/Dialog/components/DialogTitle}/DialogTitle.d.ts RENAMED Viewed

@@ -1,7 +1,7 @@
-import '../Dialog.css';
+import '../../Dialog.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DialogTitleRef = ComponentRef<'h2'>;
 export type DialogTitleProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/esm/components/Dialog/components/{DialogTitle.js → DialogTitle/DialogTitle.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import '../Dialog.css';
+import '../../Dialog.css';
 import React, { forwardRef } from 'react';
-import { cnDialog } from '../Dialog';
+import { cnDialog } from '../../Dialog';
 export var DialogTitle = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("h2", __assign({ ref: ref, className: cnDialog('Title', [className]) }, restProps), children));

package/__inner__/esm/components/Dialog/components/DialogTitle/index.d.ts ADDED Viewed

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

package/__inner__/esm/components/Dialog/components/DialogTitle/index.js ADDED Viewed

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

package/__inner__/esm/components/DialogNext/DialogContext.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { useContext, createContext } from 'react';
-import { IS_DEV } from '../../constants/environment';
+import { isDev } from '../../constants/environment';
 import { DIALOG_DEFAULT_DEVICE_TYPE, DIALOG_DEFAULT_SIZE, DIALOG_DEFAULT_VARIANT, } from './constants';
 export var DialogContextDefaultValue = {
     size: DIALOG_DEFAULT_SIZE,
@@ -14,6 +14,6 @@ export var useDialogContext = function () {
     return useContext(DialogContext);
 };
 // Именованный провайдер
-if (IS_DEV) {
+if (isDev) {
     DialogContext.displayName = 'DialogContext';
 }

package/__inner__/esm/components/DialogNext/components/DialogModal/DialogModal.d.ts CHANGED Viewed

@@ -30,6 +30,8 @@ export declare const DialogModal: React.ForwardRefExoticComponent<{
     className?: string;
     'data-testid'?: string;
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[];
-} & import("../../../Portal").PortalBaseProps & {
+} & {
+    container?: import("../../../../hooks/usePortalContainer").PortalContainer;
+} & Omit<import("../../../PortalBase").PortalBaseBaseProps, "container"> & {
     as?: "div" | undefined;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../../../Portal").PortalBaseProps> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "data-testid" | "container" | "disablePortal"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/DialogNext/modules/DialogCloseButton/DialogCloseButton.js CHANGED Viewed

@@ -16,3 +16,4 @@ export var DialogCloseButton = polymorphicComponentWithRef(function (_a, ref) {
     };
     return (React.createElement(IconButton, __assign({ variant: variant, name: name, as: as, size: size, ref: ref, className: cnDialogCloseButton('', [className]), onClick: onClick, icon: icon, compressed: true }, other)));
 });
+DialogCloseButton.displayName = 'DialogCloseButton';

package/__inner__/esm/components/DialogNext/modules/DialogFooterButton/DialogFooterButton.js CHANGED Viewed

@@ -11,3 +11,4 @@ export var DialogFooterButton = polymorphicComponentWithRef(function (_a, ref) {
     var size = useDialogContext().size;
     return (React.createElement(Button, __assign({}, other, { as: as, ref: ref, className: cnDialogFooterButton('', [className]), size: size }), children));
 });
+DialogFooterButton.displayName = 'DialogFooterButton';

package/__inner__/esm/components/DialogNext/types.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
-import type { RenderContentType } from '../../utils/renderContent';
+import type { RenderContentTypeEmptyProps } from '../../utils/renderContent';
 import type { BackdropProps } from '../Backdrop';
 import type { PortalProps } from '../Portal';
 import type { DialogBottomSheetProps, DialogModalProps } from './components';
 import type { DIALOG_DEFAULT_DEVICE_TYPE } from './constants';
 import type { DialogDeviceType, DialogSizeVariantByDeviceType, DialogVariant } from './entities';
 export type DialogRef = HTMLDivElement;
-export type DialogRenderCloseButton = RenderContentType<{}>['content'];
+export type DialogRenderCloseButton = RenderContentTypeEmptyProps['content'];
 export type DialogContentBottomSheetProps = Omit<DialogBottomSheetProps, 'hideCloseButton' | 'backdrop' | 'open' | 'size' | 'variant' | 'closeButton' | 'onClose' | 'className'>;
 export type DialogContentModalProps = Omit<DialogModalProps, 'open' | 'onClose' | 'hideCloseButton' | 'className' | 'closeButton' | 'size' | 'variant'>;
 export type DialogBaseProps = {

package/__inner__/esm/components/Drawer/Drawer.d.ts CHANGED Viewed

@@ -35,6 +35,8 @@ export declare const Drawer: React.ForwardRefExoticComponent<{
     className?: string;
     'data-testid'?: string;
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[];
-} & import("../Portal").PortalBaseProps & {
+} & {
+    container?: import("../../hooks/usePortalContainer").PortalContainer;
+} & Omit<import("../PortalBase").PortalBaseBaseProps, "container"> & {
     as?: "div" | undefined;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../Portal").PortalBaseProps> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "data-testid" | "container" | "disablePortal"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/Drawer/Drawer.js CHANGED Viewed

@@ -2,6 +2,7 @@ import { __assign, __rest } from "tslib";
 import './Drawer.css';
 import React, { forwardRef } from 'react';
 import { CrossIcon } from '@ozen-ui/icons';
+import { useDeprecatedComponent } from '../../hooks/useDeprecated';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { IconButton } from '../IconButtonNext';
@@ -13,6 +14,7 @@ export var cnDrawer = cn('Drawer');
  * @deprecated Компонент устарел. Для замены используйте компонент DrawerNext
  */
 export var Drawer = forwardRef(function (inProps, ref) {
+    useDeprecatedComponent('Drawer');
     var props = useThemeProps({
         props: inProps,
         name: 'Drawer',

package/__inner__/{cjs/components/Drawer/components → esm/components/Drawer/components/DrawerBody}/DrawerBody.d.ts RENAMED Viewed

@@ -1,7 +1,7 @@
-import '../Drawer.css';
+import '../../Drawer.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DrawerBodyRef = ComponentRef<'div'>;
 export type DrawerBodyProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/esm/components/Drawer/components/{DrawerBody.js → DrawerBody/DrawerBody.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import '../Drawer.css';
+import '../../Drawer.css';
 import React, { forwardRef } from 'react';
-import { cnDrawer } from '../Drawer';
+import { cnDrawer } from '../../Drawer';
 export var DrawerBody = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("div", __assign({ ref: ref, className: cnDrawer('Body', [className]) }, restProps), children));

package/__inner__/esm/components/Drawer/components/DrawerBody/index.d.ts ADDED Viewed

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

package/__inner__/esm/components/Drawer/components/DrawerBody/index.js ADDED Viewed

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

package/__inner__/esm/components/Drawer/components/{DrawerFooter.d.ts → DrawerFooter/DrawerFooter.d.ts} RENAMED Viewed

@@ -1,7 +1,7 @@
-import '../Drawer.css';
+import '../../Drawer.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DrawerFooterRef = ComponentRef<'div'>;
 export type DrawerFooterProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/esm/components/Drawer/components/{DrawerFooter.js → DrawerFooter/DrawerFooter.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import '../Drawer.css';
+import '../../Drawer.css';
 import React, { forwardRef } from 'react';
-import { cnDrawer } from '../Drawer';
+import { cnDrawer } from '../../Drawer';
 export var DrawerFooter = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("div", __assign({ ref: ref, className: cnDrawer('Footer', [className]) }, restProps), children));

package/__inner__/esm/components/Drawer/components/DrawerFooter/index.d.ts ADDED Viewed

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

package/__inner__/esm/components/Drawer/components/DrawerFooter/index.js ADDED Viewed

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

package/__inner__/{cjs/components/Drawer/components → esm/components/Drawer/components/DrawerHeader}/DrawerHeader.d.ts RENAMED Viewed

@@ -1,7 +1,7 @@
-import '../Drawer.css';
+import '../../Drawer.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DrawerHeaderRef = ComponentRef<'div'>;
 export type DrawerHeaderProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/esm/components/Drawer/components/{DrawerHeader.js → DrawerHeader/DrawerHeader.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import '../Drawer.css';
+import '../../Drawer.css';
 import React, { forwardRef } from 'react';
-import { cnDrawer } from '../Drawer';
+import { cnDrawer } from '../../Drawer';
 export var DrawerHeader = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("div", __assign({ ref: ref, className: cnDrawer('Header', [className]) }, restProps), children));

package/__inner__/esm/components/Drawer/components/DrawerHeader/index.d.ts ADDED Viewed

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

package/__inner__/esm/components/Drawer/components/DrawerHeader/index.js ADDED Viewed

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

package/__inner__/esm/components/Drawer/components/{DrawerSubtitle.d.ts → DrawerSubtitle/DrawerSubtitle.d.ts} RENAMED Viewed

@@ -1,7 +1,7 @@
-import '../Drawer.css';
+import '../../Drawer.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DrawerSubtitleRef = ComponentRef<'div'>;
 export type DrawerSubtitleProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/esm/components/Drawer/components/{DrawerSubtitle.js → DrawerSubtitle/DrawerSubtitle.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import '../Drawer.css';
+import '../../Drawer.css';
 import React, { forwardRef } from 'react';
-import { cnDrawer } from '../Drawer';
+import { cnDrawer } from '../../Drawer';
 export var DrawerSubtitle = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("div", __assign({ ref: ref, className: cnDrawer('Subtitle', [className]) }, restProps), children));

package/__inner__/esm/components/Drawer/components/DrawerSubtitle/index.d.ts ADDED Viewed

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

package/__inner__/esm/components/Drawer/components/DrawerSubtitle/index.js ADDED Viewed

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

package/__inner__/esm/components/Drawer/components/{DrawerTitle.d.ts → DrawerTitle/DrawerTitle.d.ts} RENAMED Viewed

@@ -1,7 +1,7 @@
-import '../Drawer.css';
+import '../../Drawer.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DrawerTitleRef = ComponentRef<'h2'>;
 export type DrawerTitleProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/esm/components/Drawer/components/{DrawerTitle.js → DrawerTitle/DrawerTitle.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import '../Drawer.css';
+import '../../Drawer.css';
 import React, { forwardRef } from 'react';
-import { cnDrawer } from '../Drawer';
+import { cnDrawer } from '../../Drawer';
 export var DrawerTitle = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("h2", __assign({ ref: ref, className: cnDrawer('Title', [className]) }, restProps), children));

package/__inner__/esm/components/Drawer/components/DrawerTitle/index.d.ts ADDED Viewed

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

package/__inner__/esm/components/Drawer/components/DrawerTitle/index.js ADDED Viewed

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

package/__inner__/esm/components/Drawer/components/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-export * from './DrawerHeader';
-export * from './DrawerTitle';
-export * from './DrawerSubtitle';
-export * from './DrawerBody';
-export * from './DrawerFooter';
+export * from './DrawerHeader/DrawerHeader';
+export * from './DrawerTitle/DrawerTitle';
+export * from './DrawerSubtitle/DrawerSubtitle';
+export * from './DrawerBody/DrawerBody';
+export * from './DrawerFooter/DrawerFooter';

package/__inner__/esm/components/Drawer/components/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
-export * from './DrawerHeader';
-export * from './DrawerTitle';
-export * from './DrawerSubtitle';
-export * from './DrawerBody';
-export * from './DrawerFooter';
+export * from './DrawerHeader/DrawerHeader';
+export * from './DrawerTitle/DrawerTitle';
+export * from './DrawerSubtitle/DrawerSubtitle';
+export * from './DrawerBody/DrawerBody';
+export * from './DrawerFooter/DrawerFooter';

package/__inner__/esm/components/DrawerNext/DrawerContext.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { useContext, createContext } from 'react';
-import { IS_DEV } from '../../constants/environment';
+import { isDev } from '../../constants/environment';
 import { DRAWER_DEFAULT_DEVICE_TYPE, DRAWER_DEFAULT_SIZE, DRAWER_DEFAULT_VARIANT, } from './constants';
 export var DrawerContextDefaultValue = {
     size: DRAWER_DEFAULT_SIZE,
@@ -12,6 +12,6 @@ export var useDrawerContext = function () {
     return useContext(DrawerContext);
 };
 // Именованный провайдер
-if (IS_DEV) {
+if (isDev) {
     DrawerContext.displayName = 'DrawerContext';
 }

package/__inner__/esm/components/DrawerNext/modules/DrawerCloseButton/DrawerCloseButton.js CHANGED Viewed

@@ -16,3 +16,4 @@ export var DrawerCloseButton = polymorphicComponentWithRef(function (_a, ref) {
     };
     return (React.createElement(IconButton, __assign({ variant: variant, name: name, as: as, size: size, ref: ref, className: cnDrawerCloseButton('', [className]), onClick: onClick, icon: icon, compressed: true }, other)));
 });
+DrawerCloseButton.displayName = 'DrawerCloseButton';

package/__inner__/esm/components/DrawerNext/modules/DrawerFooterButton/DrawerFooterButton.js CHANGED Viewed

@@ -10,3 +10,4 @@ export var DrawerFooterButton = polymorphicComponentWithRef(function (_a, ref) {
     var size = useDrawerContext().size;
     return (React.createElement(Button, __assign({}, other, { as: as, ref: ref, size: size, className: cnDrawerFooterButton('', [className]) }), children));
 });
+DrawerFooterButton.displayName = 'DrawerFooterButton';

package/__inner__/esm/components/DrawerNext/types.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
-import type { RenderContentType } from '../../utils/renderContent';
+import type { RenderContentTypeEmptyProps } from '../../utils/renderContent';
 import type { ModalProps, ModalRef } from '../Modal';
 import type { DRAWER_DEFAULT_DEVICE_TYPE } from './constants';
 import type { DrawerDeviceType, DrawerPlacementVariant, DrawerSizeVariantByDeviceType, DrawerVariant } from './entities';
 export type DrawerRef = ModalRef;
-export type DrawerRenderCloseButton = RenderContentType<{}>['content'];
+export type DrawerRenderCloseButton = RenderContentTypeEmptyProps['content'];
 export type DrawerBaseProps = {
     /** Вариант представления шторки */
     variant?: DrawerVariant;

package/__inner__/esm/components/FieldHint/FieldHint.d.ts CHANGED Viewed

@@ -10,6 +10,7 @@ export type FieldHintProps = ExtendableComponentPropsWithRef<{
     error?: boolean;
     disabled?: boolean;
     size?: FormElementSizeVariant;
+    'data-testid'?: string;
 }, typeof FIELD_HINT_DEFAULT_TAG>;
 export declare const cnFieldHint: import("@bem-react/classname").ClassNameFormatter;
 export declare const FieldHint: React.ForwardRefExoticComponent<Omit<FieldHintProps, "ref"> & React.RefAttributes<HTMLDivElement>>;