npm - @ozen-ui/kit - Versions diffs - 0.68.0 → 0.70.0 - Mend

@ozen-ui/kit 0.68.0 → 0.70.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 (1296) hide show

package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/z-index/ozen-default/z-index-ozen-default.js ADDED Viewed

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.themeZIndexTokenOzenDefault = void 0;
+require("./z-index-ozen-default.css");
+var utility_1 = require("../utility");
+exports.themeZIndexTokenOzenDefault = (0, utility_1.createZIndexToken)('ozenDefault', {
+    default: 0,
+    absolute: 1,
+    select: 10,
+    header: 600,
+    sidebar: 800,
+    modal: 1000,
+    popover: 1000,
+    snackbar: 1100,
+    tooltip: 1500,
+    chat: 9999,
+});

package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/z-index/utility.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const createZIndexToken: (variant: string, properties: import("./entity").ThemeZIndexTokenProperties) => import("../..").ThemeToken<import("./entity").ThemeZIndexTokenProperties>;

package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/z-index/utility.js ADDED Viewed

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createZIndexToken = void 0;
+var utils_1 = require("../../utils");
+exports.createZIndexToken = (0, utils_1.createGenerateTokenPreset)('z-index');

package/__inner__/cjs/components/OzenProvider/providers/theme/types.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import type { PropsWithChildren } from 'react';
+import type { Theme } from './entities';
+export type OzenThemeProviderProps = PropsWithChildren<{
+    theme: Theme;
+}>;

package/__inner__/cjs/components/OzenProvider/providers/theme/types.js ADDED Viewed

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

package/__inner__/cjs/components/OzenProvider/providers/theme/utils.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import type { ThemeToken, ThemeTokenProperties, Theme } from './entities';
+export declare const generateTokenClassName: ({ variant, token, }: {
+    variant: string;
+    token: string;
+}) => string;
+export declare const generateToken: <Properties extends ThemeTokenProperties>({ variant, token, properties, }: {
+    variant: string;
+    token: string;
+    properties: Properties;
+}) => ThemeToken<Properties>;
+export declare const createGenerateTokenPreset: <Token extends ThemeToken<ThemeTokenProperties>>(token: string) => (variant: string, properties: Token["properties"]) => ThemeToken<Token["properties"]>;
+export declare const extendTheme: (target: Theme, source: { [key in keyof Theme]?: Partial<Theme[key]>; }) => Theme;

package/__inner__/cjs/components/OzenProvider/providers/theme/utils.js ADDED Viewed

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extendTheme = exports.createGenerateTokenPreset = exports.generateToken = exports.generateTokenClassName = void 0;
+var object_1 = require("../../../../utils/object");
+var string_1 = require("../../../../utils/string");
+var classNames_1 = require("../../classNames");
+var generateTokenClassName = function (_a) {
+    var variant = _a.variant, token = _a.token;
+    return "".concat((0, classNames_1.cnOzenProvider)(), "_").concat((0, string_1.toKebabCase)(token), "_").concat(variant);
+};
+exports.generateTokenClassName = generateTokenClassName;
+var generateToken = function (_a) {
+    var variant = _a.variant, token = _a.token, properties = _a.properties;
+    return ({
+        properties: properties,
+        variant: variant,
+        token: token,
+        className: (0, exports.generateTokenClassName)({ variant: variant, token: token }),
+        toCSSProperty: function (key) { return "--".concat(token, "-").concat(String(key)); },
+    });
+};
+exports.generateToken = generateToken;
+var createGenerateTokenPreset = function (token) {
+    return function (variant, properties) {
+        return (0, exports.generateToken)({
+            variant: variant,
+            token: token,
+            properties: properties,
+        });
+    };
+};
+exports.createGenerateTokenPreset = createGenerateTokenPreset;
+var extendTheme = function (target, source) { return (0, object_1.mergeDeep)(target, source); };
+exports.extendTheme = extendTheme;

package/__inner__/cjs/components/OzenProvider/types.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { OZEN_PROVIDER_DEFAULT_TAG } from './constants';
+import type { Theme, OzenSSRConfig } from './providers';
+export type OzenProviderBaseProps = {
+    /** Настройки SSR */
+    ssr: OzenSSRConfig;
+    /** Тема */
+    theme?: Theme;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+};
+export type OzenProviderProps<As extends ElementType = typeof OZEN_PROVIDER_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<OzenProviderBaseProps, As>;
+export type OzenProviderRef = ComponentRef<typeof OZEN_PROVIDER_DEFAULT_TAG>;

package/__inner__/cjs/components/OzenProvider/types.js ADDED Viewed

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

package/__inner__/cjs/components/Popover/Popover.js CHANGED Viewed

@@ -6,16 +6,18 @@ var react_1 = tslib_1.__importStar(require("react"));
 var react_popper_1 = require("react-popper");
 var react_transition_group_1 = require("react-transition-group");
 require("./Popover.css");
+var environment_1 = require("../../constants/environment");
 var useClickOutside_1 = require("../../hooks/useClickOutside");
 var useEventListener_1 = require("../../hooks/useEventListener");
 var useFocusTrap_1 = require("../../hooks/useFocusTrap");
 var useMultiRef_1 = require("../../hooks/useMultiRef");
+var usePortalContainer_1 = require("../../hooks/usePortalContainer");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var isKey_1 = require("../../utils/isKey");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
 var Paper_1 = require("../Paper");
-var Portal_1 = require("../Portal");
+var PortalBase_1 = require("../PortalBase");
 var components_1 = require("./components");
 var constants_1 = require("./constants");
 var index_1 = require("./index");
@@ -23,21 +25,21 @@ var PopoverContext_1 = require("./PopoverContext");
 exports.cnPopover = (0, classname_1.cn)('Popover');
 exports.Popover = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Popover' });
-    var _a = props.arrow, arrow = _a === void 0 ? constants_1.POPOVER_DEFAULT_ARROW : _a, _b = props.open, open = _b === void 0 ? constants_1.POPOVER_DEFAULT_OPEN : _b, _c = props.disableInteractive, disableInteractive = _c === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_INTERACTIVE : _c, _d = props.disableEnforceFocus, disableEnforceFocus = _d === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS : _d, _e = props.disableReturnFocus, disableReturnFocus = _e === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_RETURN_FOCUS : _e, _f = props.disableClickOutside, disableClickOutside = _f === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = props.placement, placement = _g === void 0 ? constants_1.POPOVER_DEFAULT_PLACEMENT : _g, _h = props.strategy, strategy = _h === void 0 ? constants_1.POPOVER_DEFAULT_STRATEGY : _h, _j = props.disablePreventOverflow, disablePreventOverflow = _j === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_PREVENT_OVERFLOW : _j, ignoreClickOutsideRefs = props.ignoreClickOutsideRefs, disableEscapeKeyDown = props.disableEscapeKeyDown, arrowProps = props.arrowProps, anchorRef = props.anchorRef, equalAnchorWidth = props.equalAnchorWidth, offset = props.offset, children = props.children, transitionProps = props.transitionProps, onClose = props.onClose, onEnter = props.onEnter, onEntered = props.onEntered, onExit = props.onExit, onExitedProp = props.onExited, className = props.className, position = props.position, style = props.style, setUpdate = props.setUpdate, modifiersProp = props.modifiers, _k = props.as, as = _k === void 0 ? constants_1.POPOVER_DEFAULT_TAG : _k, other = tslib_1.__rest(props, ["arrow", "open", "disableInteractive", "disableEnforceFocus", "disableReturnFocus", "disableClickOutside", "placement", "strategy", "disablePreventOverflow", "ignoreClickOutsideRefs", "disableEscapeKeyDown", "arrowProps", "anchorRef", "equalAnchorWidth", "offset", "children", "transitionProps", "onClose", "onEnter", "onEntered", "onExit", "onExited", "className", "position", "style", "setUpdate", "modifiers", "as"]);
+    var _a = props.arrow, arrow = _a === void 0 ? constants_1.POPOVER_DEFAULT_ARROW : _a, _b = props.open, open = _b === void 0 ? constants_1.POPOVER_DEFAULT_OPEN : _b, _c = props.disableInteractive, disableInteractive = _c === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_INTERACTIVE : _c, _d = props.disableEnforceFocus, disableEnforceFocus = _d === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS : _d, _e = props.disableReturnFocus, disableReturnFocus = _e === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_RETURN_FOCUS : _e, _f = props.disableClickOutside, disableClickOutside = _f === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = props.placement, placement = _g === void 0 ? constants_1.POPOVER_DEFAULT_PLACEMENT : _g, _h = props.strategy, strategy = _h === void 0 ? constants_1.POPOVER_DEFAULT_STRATEGY : _h, _j = props.disablePreventOverflow, disablePreventOverflow = _j === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_PREVENT_OVERFLOW : _j, _k = props.container, containerProp = _k === void 0 ? constants_1.POPOVER_DEFAULT_PORTAL_CONTAINER : _k, ignoreClickOutsideRefs = props.ignoreClickOutsideRefs, disableEscapeKeyDown = props.disableEscapeKeyDown, arrowProps = props.arrowProps, anchorRef = props.anchorRef, equalAnchorWidth = props.equalAnchorWidth, offset = props.offset, children = props.children, transitionProps = props.transitionProps, onClose = props.onClose, onEnter = props.onEnter, onEntered = props.onEntered, onExit = props.onExit, onExitedProp = props.onExited, className = props.className, position = props.position, style = props.style, setUpdate = props.setUpdate, modifiersProp = props.modifiers, _l = props.as, as = _l === void 0 ? constants_1.POPOVER_DEFAULT_TAG : _l, other = tslib_1.__rest(props, ["arrow", "open", "disableInteractive", "disableEnforceFocus", "disableReturnFocus", "disableClickOutside", "placement", "strategy", "disablePreventOverflow", "container", "ignoreClickOutsideRefs", "disableEscapeKeyDown", "arrowProps", "anchorRef", "equalAnchorWidth", "offset", "children", "transitionProps", "onClose", "onEnter", "onEntered", "onExit", "onExited", "className", "position", "style", "setUpdate", "modifiers", "as"]);
     var Tag = (0, react_1.useMemo)(function () {
         // eslint-disable-next-line react/display-name
         return (0, react_1.forwardRef)(function (props, ref) { return (react_1.default.createElement(Paper_1.Paper, tslib_1.__assign({ radius: "l", shadow: "m", background: "main" }, props, { as: as, ref: ref }))); });
     }, [as]);
-    var _l = tslib_1.__read((0, react_1.useState)(false), 2), openState = _l[0], setOpenState = _l[1];
+    var _m = tslib_1.__read((0, react_1.useState)(false), 2), openState = _m[0], setOpenState = _m[1];
     var focusedElement = (0, react_1.useRef)(null);
     var popoverRef = (0, react_1.useRef)(null);
-    var _m = (0, index_1.usePopoverManager)(popoverRef, 1000, openState), refsClickOutside = _m.refsClickOutside, isTop = _m.isTop;
+    var _o = (0, index_1.usePopoverManager)(popoverRef, 1000, openState), refsClickOutside = _o.refsClickOutside, isTop = _o.isTop;
     // Ловушка фокуса
     var trapRef = (0, useFocusTrap_1.useFocusTrap)({
         active: !disableEnforceFocus && isTop,
         focusinTrap: false,
     });
-    var _o = tslib_1.__read((0, react_1.useState)(null), 2), popperElement = _o[0], setPopperElement = _o[1];
+    var _p = tslib_1.__read((0, react_1.useState)(null), 2), popperElement = _p[0], setPopperElement = _p[1];
     var portalRef = (0, useMultiRef_1.useMultiRef)([ref, popoverRef, trapRef, setPopperElement]);
     // Нажатие клавиши {ESC}
     (0, useEventListener_1.useEventListener)({
@@ -58,6 +60,9 @@ exports.Popover = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)
     });
     var onExited = (0, react_1.useCallback)(function () {
         var _a, _b;
+        if (environment_1.isServer) {
+            return;
+        }
         // Возвращаем фокус активного элемента
         if (!disableReturnFocus &&
             (((_a = popoverRef.current) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement)) ||
@@ -130,11 +135,11 @@ exports.Popover = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)
             };
         return undefined;
     }, [anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current, position]);
-    var _p = (0, react_popper_1.usePopper)(resolveReferenceElement, popperElement, {
+    var _q = (0, react_popper_1.usePopper)(resolveReferenceElement, popperElement, {
         placement: placement,
         strategy: strategy,
         modifiers: modifiers,
-    }), styles = _p.styles, attributes = _p.attributes, update = _p.update;
+    }), styles = _q.styles, attributes = _q.attributes, update = _q.update;
     // Передача метода по перерасчету расположения компонента Popover в родительский компонент
     (0, react_1.useEffect)(function () {
         setUpdate === null || setUpdate === void 0 ? void 0 : setUpdate(update);
@@ -149,9 +154,13 @@ exports.Popover = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)
         }
         setOpenState(open);
     }, [open]);
+    var container = (0, usePortalContainer_1.usePortalContainer)(containerProp);
+    if (!container) {
+        return null;
+    }
     return (react_1.default.createElement(PopoverContext_1.PopoverContext.Provider, { value: { isTop: isTop } },
         react_1.default.createElement(react_transition_group_1.CSSTransition, tslib_1.__assign({ nodeRef: popoverRef, classNames: (0, exports.cnPopover)({ animation: true }), timeout: 120 }, transitionProps, { in: openState, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: true }),
-            react_1.default.createElement(Portal_1.Portal, tslib_1.__assign({ as: Tag }, other, { style: tslib_1.__assign(tslib_1.__assign({}, style), styles.popper), ref: portalRef, className: (0, exports.cnPopover)({ disableInteractive: disableInteractive }, [className]) }, attributes.popper),
+            react_1.default.createElement(PortalBase_1.PortalBase, tslib_1.__assign({ as: Tag }, other, { style: tslib_1.__assign(tslib_1.__assign({}, style), styles.popper), ref: portalRef, container: container, className: (0, exports.cnPopover)({ disableInteractive: disableInteractive }, [className]) }, attributes.popper),
                 children,
                 arrow && (react_1.default.createElement(components_1.PopoverArrow, tslib_1.__assign({}, arrowProps, { style: tslib_1.__assign(tslib_1.__assign({}, arrowProps === null || arrowProps === void 0 ? void 0 : arrowProps.style), styles.arrow), "data-popper-arrow": true })))))));
 });

package/__inner__/cjs/components/Popover/constants.d.ts CHANGED Viewed

@@ -8,3 +8,4 @@ export declare const POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE = false;
 export declare const POPOVER_DEFAULT_PLACEMENT = "auto";
 export declare const POPOVER_DEFAULT_STRATEGY = "fixed";
 export declare const POPOVER_DEFAULT_DISABLE_PREVENT_OVERFLOW = false;
+export declare const POPOVER_DEFAULT_PORTAL_CONTAINER: () => HTMLElement;

package/__inner__/cjs/components/Popover/constants.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.POPOVER_DEFAULT_DISABLE_PREVENT_OVERFLOW = exports.POPOVER_DEFAULT_STRATEGY = exports.POPOVER_DEFAULT_PLACEMENT = exports.POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE = exports.POPOVER_DEFAULT_DISABLE_RETURN_FOCUS = exports.POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS = exports.POPOVER_DEFAULT_DISABLE_INTERACTIVE = exports.POPOVER_DEFAULT_OPEN = exports.POPOVER_DEFAULT_ARROW = exports.POPOVER_DEFAULT_TAG = void 0;
+exports.POPOVER_DEFAULT_PORTAL_CONTAINER = exports.POPOVER_DEFAULT_DISABLE_PREVENT_OVERFLOW = exports.POPOVER_DEFAULT_STRATEGY = exports.POPOVER_DEFAULT_PLACEMENT = exports.POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE = exports.POPOVER_DEFAULT_DISABLE_RETURN_FOCUS = exports.POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS = exports.POPOVER_DEFAULT_DISABLE_INTERACTIVE = exports.POPOVER_DEFAULT_OPEN = exports.POPOVER_DEFAULT_ARROW = exports.POPOVER_DEFAULT_TAG = void 0;
 exports.POPOVER_DEFAULT_TAG = 'div';
 exports.POPOVER_DEFAULT_ARROW = false;
 exports.POPOVER_DEFAULT_OPEN = false;
@@ -11,3 +11,6 @@ exports.POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE = false;
 exports.POPOVER_DEFAULT_PLACEMENT = 'auto';
 exports.POPOVER_DEFAULT_STRATEGY = 'fixed';
 exports.POPOVER_DEFAULT_DISABLE_PREVENT_OVERFLOW = false;
+exports.POPOVER_DEFAULT_PORTAL_CONTAINER = (function () {
+    return window.document.body;
+});

package/__inner__/cjs/components/Popover/types.d.ts CHANGED Viewed

@@ -14,6 +14,8 @@ export declare const popoverPlacementVariant: readonly ["top-start", "top-end",
 export type PopoverPlacementVariant = (typeof popoverPlacementVariant)[number];
 export declare const popoverStrategyVariant: readonly ["absolute", "fixed"];
 export type PopoverStrategyVariant = (typeof popoverStrategyVariant)[number];
+export type PopoverUpdate = PopperJS.Instance['update'];
+export type PopoverSetUpdate = (update: PopoverUpdate | null) => void;
 export type PopoverBaseProps = {
     /** Признак по которому компонент будет представлен */
     open?: boolean;
@@ -70,7 +72,7 @@ export type PopoverBaseProps = {
     /** Идентификатор компонента для тестов */
     'data-testid'?: string;
     /** Функция обратного вызова для получения метода по перерасчету расположения компонента Popover */
-    setUpdate?(update: PopperJS.Instance['update'] | null): void;
+    setUpdate?: PopoverSetUpdate;
     /** Стратегия позиционирования */
     strategy?: PopoverStrategyVariant;
     /** Если `true` позволяет смещаться по границе якорного элемента компонента  */

package/__inner__/cjs/components/Portal/Portal.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import type { PortalBaseProps } from './index';
+import type { PortalBaseProps } from './types';
 export declare const Portal: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<PortalBaseProps, "div">;

package/__inner__/cjs/components/Portal/Portal.js CHANGED Viewed

@@ -3,18 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Portal = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
-var react_dom_1 = require("react-dom");
+var usePortalContainer_1 = require("../../hooks/usePortalContainer");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
-var ThemeProvider_1 = require("../ThemeProvider");
+var PortalBase_1 = require("../PortalBase");
 var constants_1 = require("./constants");
 exports.Portal = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var _a = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
         name: 'Portal',
-    }), _b = _a.disablePortal, disablePortal = _b === void 0 ? constants_1.PORTAL_DEFAULT_DISABLE_PORTAL : _b, _c = _a.as, Tag = _c === void 0 ? constants_1.PORTAL_DEFAULT_TAG : _c, containerProp = _a.container, children = _a.children, other = tslib_1.__rest(_a, ["disablePortal", "as", "container", "children"]);
-    var container = containerProp || constants_1.PORTAL_DEFAULT_CONTAINER;
-    var theme = (0, ThemeProvider_1.useTheme)();
-    return disablePortal ? (react_1.default.createElement(Tag, tslib_1.__assign({}, other, { ref: ref }), children)) : ((0, react_dom_1.createPortal)(react_1.default.createElement(ThemeProvider_1.ThemeProvider, tslib_1.__assign({ theme: theme, as: Tag }, other, { ref: ref }), children), container));
+    }), _b = _a.disablePortal, disablePortal = _b === void 0 ? constants_1.PORTAL_DEFAULT_DISABLE_PORTAL : _b, _c = _a.as, as = _c === void 0 ? constants_1.PORTAL_DEFAULT_TAG : _c, containerProp = _a.container, children = _a.children, other = tslib_1.__rest(_a, ["disablePortal", "as", "container", "children"]);
+    var container = (0, usePortalContainer_1.usePortalContainer)(containerProp || constants_1.PORTAL_DEFAULT_CONTAINER);
+    return (react_1.default.createElement(PortalBase_1.PortalBase, tslib_1.__assign({}, other, { container: container, as: as, ref: ref, disablePortal: disablePortal }), children));
 });
 exports.Portal.displayName = 'Portal';

package/__inner__/cjs/components/Portal/constants.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 export declare const PORTAL_DEFAULT_TAG = "div";
-export declare const PORTAL_DEFAULT_CONTAINER: HTMLElement;
+export declare const PORTAL_DEFAULT_CONTAINER: () => HTMLElement;
 export declare const PORTAL_DEFAULT_DISABLE_PORTAL = false;

package/__inner__/cjs/components/Portal/constants.js CHANGED Viewed

@@ -2,5 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PORTAL_DEFAULT_DISABLE_PORTAL = exports.PORTAL_DEFAULT_CONTAINER = exports.PORTAL_DEFAULT_TAG = void 0;
 exports.PORTAL_DEFAULT_TAG = 'div';
-exports.PORTAL_DEFAULT_CONTAINER = window.document.body;
+exports.PORTAL_DEFAULT_CONTAINER = (function () {
+    return window.document.body;
+});
 exports.PORTAL_DEFAULT_DISABLE_PORTAL = false;

package/__inner__/cjs/components/Portal/types.d.ts CHANGED Viewed

@@ -1,12 +1,11 @@
 import type { ComponentRef, ElementType } from 'react';
+import type { PortalContainer } from '../../hooks/usePortalContainer';
+import type { ExtendableProps } from '../../types/ExtendableProps';
 import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { PortalBaseBaseProps } from '../PortalBase';
 import type { PORTAL_DEFAULT_TAG } from './constants';
 export type PortalRef = ComponentRef<typeof PORTAL_DEFAULT_TAG>;
-export type PortalBaseProps = {
-    /** Контейнер для монтирования портала */
-    container?: Element | DocumentFragment | null;
-    /** Если `true` отключает портал для компонента.
-     * Подробнее — https://react.dev/reference/react-dom/createPortal. */
-    disablePortal?: boolean;
-};
+export type PortalBaseProps = ExtendableProps<{
+    container?: PortalContainer;
+}, PortalBaseBaseProps>;
 export type PortalProps<As extends ElementType = typeof PORTAL_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<PortalBaseProps, As>;

package/__inner__/cjs/components/PortalBase/PortalBase.d.ts ADDED Viewed

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

package/__inner__/cjs/components/PortalBase/PortalBase.js ADDED Viewed

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PortalBase = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var react_dom_1 = require("react-dom");
+var useTheme_1 = require("../../hooks/useTheme");
+var useThemeSettings_1 = require("../../hooks/useThemeSettings");
+var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
+var OzenProvider_1 = require("../OzenProvider");
+var ThemeProvider_1 = require("../ThemeProvider");
+var constants_1 = require("./constants");
+exports.PortalBase = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
+    var _b = _a.disablePortal, disablePortal = _b === void 0 ? constants_1.PORTAL_BASE_DEFAULT_DISABLE_PORTAL : _b, _c = _a.as, Tag = _c === void 0 ? constants_1.PORTAL_BASE_DEFAULT_TAG : _c, container = _a.container, children = _a.children, other = tslib_1.__rest(_a, ["disablePortal", "as", "container", "children"]);
+    var oldTheme = (0, ThemeProvider_1.useTheme)();
+    var theme = (0, useTheme_1.useTheme)();
+    var isUseNewProvider = (0, useThemeSettings_1.useThemeSettings)().isUseNewProvider;
+    var ssr = (0, OzenProvider_1.useOzenSSR)();
+    if (disablePortal) {
+        return (react_1.default.createElement(Tag, tslib_1.__assign({}, other, { ref: ref }), children));
+    }
+    if (!container) {
+        return null;
+    }
+    if (!isUseNewProvider) {
+        return (react_1.default.createElement(ThemeProvider_1.ThemeProvider, tslib_1.__assign({ theme: oldTheme, as: Tag }, other, { ref: ref }), children));
+    }
+    return (0, react_dom_1.createPortal)(react_1.default.createElement(OzenProvider_1.OzenProvider, tslib_1.__assign({ theme: theme, as: Tag, ssr: ssr.config }, other, { ref: ref }), children), container);
+});
+exports.PortalBase.displayName = 'PortalBase';

package/__inner__/cjs/components/PortalBase/constants.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare const PORTAL_BASE_DEFAULT_TAG = "div";
2	+ export declare const PORTAL_BASE_DEFAULT_DISABLE_PORTAL = false;

package/__inner__/cjs/components/PortalBase/constants.js ADDED Viewed

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PORTAL_BASE_DEFAULT_DISABLE_PORTAL = exports.PORTAL_BASE_DEFAULT_TAG = void 0;
+exports.PORTAL_BASE_DEFAULT_TAG = 'div';
+exports.PORTAL_BASE_DEFAULT_DISABLE_PORTAL = false;

package/__inner__/cjs/components/PortalBase/index.d.ts ADDED Viewed

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

package/__inner__/cjs/components/PortalBase/index.js ADDED Viewed

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

package/__inner__/cjs/components/PortalBase/types.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { PortalContainerElement } from '../../hooks/usePortalContainer';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { PORTAL_BASE_DEFAULT_TAG } from './constants';
+export type PortalBaseRef = ComponentRef<typeof PORTAL_BASE_DEFAULT_TAG>;
+export type PortalBaseBaseProps = {
+    /** Контейнер для монтирования портала */
+    container: PortalContainerElement;
+    /** Если `true` отключает портал для компонента.
+     * Подробнее — https://react.dev/reference/react-dom/createPortal. */
+    disablePortal?: boolean;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+};
+export type PortalBaseProps<As extends ElementType = typeof PORTAL_BASE_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<PortalBaseBaseProps, As>;

package/__inner__/cjs/components/PortalBase/types.js ADDED Viewed

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

package/__inner__/cjs/components/Radio/Radio.js CHANGED Viewed

@@ -4,6 +4,7 @@ exports.Radio = exports.cnRadio = void 0;
 var tslib_1 = require("tslib");
 require("./Radio.css");
 var react_1 = tslib_1.__importStar(require("react"));
+var useDeprecated_1 = require("../../hooks/useDeprecated");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var FormControlLabel_1 = require("../FormControlLabel");
@@ -14,6 +15,7 @@ exports.cnRadio = (0, classname_1.cn)('Radio');
  * @deprecated Компонент устарел. Для замены используйте компонент RadioNext
  */
 exports.Radio = (0, react_1.forwardRef)(function (inProps, ref) {
+    (0, useDeprecated_1.useDeprecatedComponent)('Radio');
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
         name: 'Radio',

package/__inner__/cjs/components/RadioGroup/RadioGroup.js CHANGED Viewed

@@ -5,6 +5,7 @@ var tslib_1 = require("tslib");
 require("./RadioGroup.css");
 var react_1 = tslib_1.__importDefault(require("react"));
 var useControlled_1 = require("../../hooks/useControlled");
+var useDeprecated_1 = require("../../hooks/useDeprecated");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
@@ -17,6 +18,7 @@ exports.cnRadioGroup = (0, classname_1.cn)('RadioGroup');
  * @deprecated Компонент устарел. Для замены используйте компонент RadioGroupNext
  */
 exports.RadioGroup = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
+    (0, useDeprecated_1.useDeprecatedComponent)('RadioGroup');
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
         name: 'RadioGroup',

package/__inner__/cjs/components/RadioGroupNext/RadioGroupContext.js CHANGED Viewed

@@ -7,6 +7,6 @@ exports.RadioGroupContext = (0, react_1.createContext)(undefined);
 var useRadioGroupContext = function () { return (0, react_1.useContext)(exports.RadioGroupContext); };
 exports.useRadioGroupContext = useRadioGroupContext;
 // Именованный провайдер
-if (environment_1.IS_DEV) {
+if (environment_1.isDev) {
     exports.RadioGroupContext.displayName = 'RadioGroupContext';
 }

package/__inner__/cjs/components/RadioNext/Radio.css CHANGED Viewed

@@ -69,8 +69,8 @@
   }
   .RadioNext-Box {
-    inline-size: var(--radio-size, 20px);
-    block-size: var(--radio-size, 20px);
+    inline-size: var(--radio-size);
+    block-size: var(--radio-size);
     position: relative;
     border-radius: 50%;
     flex-shrink: 0;

package/__inner__/cjs/components/SectionMessage/SectionMessageContext.js CHANGED Viewed

@@ -11,6 +11,6 @@ exports.SectionMessageContext = (0, react_1.createContext)(exports.SectionMessag
 var useSectionMessageContext = function () { return (0, react_1.useContext)(exports.SectionMessageContext); };
 exports.useSectionMessageContext = useSectionMessageContext;
 // Именованный провайдер
-if (environment_1.IS_DEV) {
+if (environment_1.isDev) {
     exports.SectionMessageContext.displayName = 'SectionMessageContext';
 }

package/__inner__/cjs/components/SectionMessage/index.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
+export * from './modules';
 export * from './SectionMessage';
 export * from './types';

package/__inner__/cjs/components/SectionMessage/index.js CHANGED Viewed

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

package/__inner__/cjs/components/Select/Select.js CHANGED Viewed

@@ -151,3 +151,4 @@ var SelectRender = function (inProps, ref) {
             selected: (valueState || null) }), children)));
 };
 exports.Select = (0, react_1.forwardRef)(SelectRender);
+exports.Select.displayName = 'Select';

package/__inner__/cjs/components/Select/types.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import type { ReactElement, ReactNode, SyntheticEvent } from 'react';
 import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+import type { WithDisplayName } from '../../types/react';
 import type { DataListBaseProps, DataListOptionProps, DataListSelected } from '../DataList';
 import type { SelectInputProps, SelectInputRef } from './components';
 export type SelectPropSize = FormElementSizeVariant;
@@ -70,5 +71,5 @@ export type SelectProps<MULTIPLE extends boolean = false> = ExtendableComponentP
     /** Идентификатор компонента для тестов */
     'data-testid'?: string;
 } & Pick<SelectInputProps, 'id' | 'name' | 'label' | 'placeholder' | 'disabled' | 'required' | 'disableStroke' | 'error' | 'hint' | 'fullWidth' | 'renderLeft' | 'renderRight' | 'multiline' | 'inputProps' | 'labelProps' | 'hintProps' | 'bodyProps' | 'inputRef' | 'labelRef' | 'bodyRef'> & SelectPropsDeprecated<MULTIPLE>, 'div'>;
-export type SelectComponent = <MULTIPLE extends boolean = false>(props: SelectProps<MULTIPLE>) => ReactElement | null;
+export type SelectComponent = WithDisplayName<(<MULTIPLE extends boolean = false>(props: SelectProps<MULTIPLE>) => ReactElement | null)>;
 export {};

package/__inner__/cjs/components/Skeleton/Skeleton.js CHANGED Viewed

@@ -5,7 +5,6 @@ var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 require("./Skeleton.css");
 var components_1 = require("./components");
-// eslint-disable-next-line react/display-name
 exports.Skeleton = (0, react_1.forwardRef)(function (props, ref) {
     var variant = props.variant, children = props.children, waveColor = props.waveColor, bgColor = props.bgColor, styleProp = props.style, other = tslib_1.__rest(props, ["variant", "children", "waveColor", "bgColor", "style"]);
     var style = tslib_1.__assign({ '--skeleton-wave-color': waveColor, '--skeleton-bg-color': bgColor }, styleProp);
@@ -18,3 +17,4 @@ exports.Skeleton = (0, react_1.forwardRef)(function (props, ref) {
     }
     return react_1.default.createElement(components_1.SkeletonRectangular, tslib_1.__assign({}, commonProps), children);
 });
+exports.Skeleton.displayName = 'Skeleton';

package/__inner__/cjs/components/Skeleton/types.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import type { ReactNode } from 'react';
+import type { WithDisplayName } from '../../types/react';
 import type { SkeletonCircularProps, SkeletonRectangularProps, SkeletonTypographyProps } from './index';
 export type SkeletonProps = (({
     variant: 'rectangular';
@@ -12,4 +13,4 @@ export type SkeletonProps = (({
     /** Цвет фона */
     bgColor?: string;
 };
-export type SkeletonComponent = (props: SkeletonProps) => ReactNode;
+export type SkeletonComponent = WithDisplayName<(props: SkeletonProps) => ReactNode>;

package/__inner__/cjs/components/Snackbar/components/Snackbar/Snackbar.d.ts CHANGED Viewed

@@ -8,9 +8,11 @@ export type SnackbarProps = PortalProps & {
     /** Расположение сообщения относительно контейнера */
     anchorOrigin?: SnackbarAnchorOrigin;
 };
-export declare const Snackbar: React.ForwardRefExoticComponent<import("../../../Portal").PortalBaseProps & {
+export declare const Snackbar: React.ForwardRefExoticComponent<{
+    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> & {
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "data-testid" | "container" | "disablePortal"> & {
     /** Расположение сообщения относительно контейнера */
     anchorOrigin?: SnackbarAnchorOrigin;
 } & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/Snackbar/constants.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import type { SnackbarAnchorOrigin } from './types';
 export declare const SNACKBAR_DEFAULT_ANCHOR_ORIGIN: SnackbarAnchorOrigin;
 export declare const SNACKBAR_DEFAULT_MAX_MESSAGES = 3;
 export declare const SNACKBAR_DEFAULT_DISABLE_WINDOW_BLUR_LISTENER = false;
-export declare const SNACKBAR_DEFAULT_CONTAINER: HTMLElement;
+export declare const SNACKBAR_DEFAULT_CONTAINER: () => HTMLElement;
 export declare const SNACKBAR_DEFAULT_LIFETIME = 5000;
 export declare const SNACKBAR_ITEM_DEFAULT_STATUS = "info";
 export declare const SNACKBAR_ITEM_COLLAPSE_TRANSITION_TIMEOUT = 300;

package/__inner__/cjs/components/Snackbar/constants.js CHANGED Viewed

@@ -7,7 +7,9 @@ exports.SNACKBAR_DEFAULT_ANCHOR_ORIGIN = {
 };
 exports.SNACKBAR_DEFAULT_MAX_MESSAGES = 3;
 exports.SNACKBAR_DEFAULT_DISABLE_WINDOW_BLUR_LISTENER = false;
-exports.SNACKBAR_DEFAULT_CONTAINER = document.body;
+exports.SNACKBAR_DEFAULT_CONTAINER = (function () {
+    return document.body;
+});
 exports.SNACKBAR_DEFAULT_LIFETIME = 5000;
 exports.SNACKBAR_ITEM_DEFAULT_STATUS = 'info';
 exports.SNACKBAR_ITEM_COLLAPSE_TRANSITION_TIMEOUT = 300;

package/__inner__/cjs/components/Stack/Stack.js CHANGED Viewed

@@ -39,3 +39,4 @@ exports.Stack = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(f
             wrap: wrap,
         }), (0, utils_1.generateDirectionCn)(exports.cnStack, direction), (0, utils_1.generateGapCn)(exports.cnStack, gap), className), ref: ref }), resolveChildren()));
 });
+exports.Stack.displayName = 'Stack';

package/__inner__/cjs/components/Table/components/TableCell/TableCell.css CHANGED Viewed

@@ -29,4 +29,4 @@
       padding: var(--table-header-cell-padding);
       text-transform: uppercase;
       white-space: nowrap;
-    }
+    }

package/__inner__/cjs/components/Tabs/Tabs.js CHANGED Viewed

@@ -5,6 +5,7 @@ var tslib_1 = require("tslib");
 require("./Tabs.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var react_is_1 = require("react-is");
+var environment_1 = require("../../constants/environment");
 var useDebounceCallback_1 = require("../../hooks/useDebounceCallback");
 var useEventListener_1 = require("../../hooks/useEventListener");
 var animateProperty_1 = require("../../utils/animateProperty");
@@ -121,6 +122,9 @@ exports.Tabs = (0, react_1.forwardRef)(function (_a, ref) {
     };
     var handleKeyDown = (0, react_1.useCallback)(function (e) {
         var _a, _b;
+        if (environment_1.isServer) {
+            return;
+        }
         var event = e;
         var key = event.key;
         if (!Object.keys(types_1.ControlKeys).includes(key))

package/__inner__/cjs/components/Tabs/components/Tab/Tab.js CHANGED Viewed

@@ -43,3 +43,4 @@ exports.TabComponent = (0, polymorphicComponentWithRef_1.polymorphicComponentWit
 });
 exports.TabComponent.displayName = 'Tab';
 exports.Tab = react_1.default.memo(exports.TabComponent);
+exports.Tab.displayName = 'Tab';