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__/cjs/components/FormControlCarcass/entities/variant.js ADDED Viewed

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formControlCarcassVariant = void 0;
+exports.formControlCarcassVariant = ['default', 'error'];

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

@@ -0,0 +1,6 @@
+export * from './components';
+export * from './entities';
+export * from './modules';
+export * from './FormControlCarcass';
+export * from './FormControlCarcassContext';
+export * from './types';

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./components"), exports);
+tslib_1.__exportStar(require("./entities"), exports);
+tslib_1.__exportStar(require("./modules"), exports);
+tslib_1.__exportStar(require("./FormControlCarcass"), exports);
+tslib_1.__exportStar(require("./FormControlCarcassContext"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/FormControlCarcass/modules/FormControlCarcassIcon/FormControlCarcassIcon.css ADDED Viewed

@@ -0,0 +1,4 @@
+.FormControlCarcassIcon {
+  --form-control-carcass-icon-color: var(--color-content-tertiary);
+  color: var(--form-control-carcass-icon-color);
+}

package/__inner__/cjs/components/FormControlCarcass/modules/FormControlCarcassIcon/FormControlCarcassIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import type { FormControlCarcassIconProps } from './types';
+export declare const cnFormControlCarcassIcon: import("@bem-react/classname").ClassNameFormatter;
+export declare const FormControlCarcassIcon: import("react").ForwardRefExoticComponent<Omit<FormControlCarcassIconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;

package/__inner__/cjs/components/FormControlCarcass/modules/FormControlCarcassIcon/FormControlCarcassIcon.js ADDED Viewed

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormControlCarcassIcon = exports.cnFormControlCarcassIcon = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var classname_1 = require("../../../../utils/classname");
+var renderContent_1 = require("../../../../utils/renderContent");
+var FormControlCarcassContext_1 = require("../../FormControlCarcassContext");
+var constants_1 = require("./constants");
+exports.cnFormControlCarcassIcon = (0, classname_1.cn)('FormControlCarcassIcon');
+exports.FormControlCarcassIcon = (0, react_1.forwardRef)(function (_a, ref) {
+    var icon = _a.icon, className = _a.className, other = tslib_1.__rest(_a, ["icon", "className"]);
+    var _b = (0, FormControlCarcassContext_1.useFormControlCarcassContext)(), size = _b.size, disabled = _b.disabled;
+    return (0, renderContent_1.renderContent)({
+        content: icon,
+        props: tslib_1.__assign(tslib_1.__assign({}, other), { ref: ref, size: constants_1.FORM_CONTROL_CARCASS_SIZE_TO_ICON_SIZE[size], className: (0, exports.cnFormControlCarcassIcon)({
+                disabled: disabled,
+            }, [className]) }),
+    });
+});
+exports.FormControlCarcassIcon.displayName = 'FormControlCarcassIcon';

package/__inner__/cjs/components/FormControlCarcass/modules/FormControlCarcassIcon/constants.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import type { IconSize } from '@ozen-ui/icons';
+import type { FormControlCarcassSizeVariant } from '../../entities';
+export declare const FORM_CONTROL_CARCASS_SIZE_TO_ICON_SIZE: Readonly<Record<FormControlCarcassSizeVariant, IconSize>>;

package/__inner__/cjs/components/FormControlCarcass/modules/FormControlCarcassIcon/constants.js ADDED Viewed

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FORM_CONTROL_CARCASS_SIZE_TO_ICON_SIZE = void 0;
+exports.FORM_CONTROL_CARCASS_SIZE_TO_ICON_SIZE = {
+    '2xs': 's',
+    xs: 's',
+    s: 's',
+    m: 'm',
+    l: 'm',
+};

package/__inner__/cjs/components/FormControlCarcass/modules/FormControlCarcassIcon/index.d.ts ADDED Viewed

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

package/__inner__/cjs/components/FormControlCarcass/modules/FormControlCarcassIcon/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("./FormControlCarcassIcon"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/FormControlCarcass/modules/FormControlCarcassIcon/types.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import type { IconProps, IconRef } from '@ozen-ui/icons';
+import type { RenderContentType } from '../../../../utils/renderContent';
+export type FormControlCarcassIconIcon = RenderContentType<IconProps>['content'];
+export type FormControlCarcassIconRef = IconRef;
+export type FormControlCarcassIconProps = {
+    icon: FormControlCarcassIconIcon;
+} & Omit<IconProps, 'size'>;

package/__inner__/cjs/components/FormControlCarcass/modules/FormControlCarcassIcon/types.js ADDED Viewed

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

package/__inner__/cjs/components/FormControlCarcass/modules/index.d.ts ADDED Viewed

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

package/__inner__/cjs/components/FormControlCarcass/modules/index.js ADDED Viewed

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

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

@@ -0,0 +1,24 @@
+import type { ComponentPropsWithRef, ElementType, ReactNode } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { FormControlCarcassHintProps } from './components';
+import type { FORM_CONTROL_CARCASS_DEFAULT_AS } from './constants';
+import type { FormControlCarcassAlignVariant, FormControlCarcassRenderAfter, FormControlCarcassRenderAfterProps, FormControlCarcassSizeVariant, FormControlCarcassVariant, FormControlCarcassContentProps, FormControlCarcassControlProps } from './entities';
+export type FormControlLabelBaseProps = {
+    label?: ReactNode;
+    labelProps?: Omit<ComponentPropsWithRef<'span'>, 'children'>;
+    contentProps?: Omit<FormControlCarcassContentProps, 'children'>;
+    children?: ReactNode;
+    controlProps?: Omit<FormControlCarcassControlProps, 'children'>;
+    mirrored?: boolean;
+    hint?: string | null;
+    hintProps?: Omit<FormControlCarcassHintProps, 'children'>;
+    align?: FormControlCarcassAlignVariant;
+    renderAfter?: FormControlCarcassRenderAfter;
+    renderAfterProps?: Omit<FormControlCarcassRenderAfterProps, 'children'>;
+    variant?: FormControlCarcassVariant;
+    size?: FormControlCarcassSizeVariant;
+    disabled?: boolean;
+    className?: string;
+    'data-testid'?: string;
+};
+export type FormControlCarcassProps<As extends ElementType = typeof FORM_CONTROL_CARCASS_DEFAULT_AS> = PolymorphicComponentPropsWithoutRef<FormControlLabelBaseProps, As>;

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

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

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

@@ -4,7 +4,7 @@ exports.IconButton = exports.cnIconButton = exports.iconButtonVariant = exports.
 var tslib_1 = require("tslib");
 require("./IconButton.css");
 var react_1 = tslib_1.__importStar(require("react"));
-var logger_1 = require("@ozen-ui/logger");
+var useDeprecated_1 = require("../../hooks/useDeprecated");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var getIconSizeToFormElement_1 = require("../../utils/getIconSizeToFormElement");
@@ -36,9 +36,7 @@ exports.IconButton = (0, polymorphicComponentWithRef_1.polymorphicComponentWithR
         props: inProps,
         name: 'IconButton',
     });
-    if (process.env.NODE_ENV !== 'production') {
-        (0, logger_1.deprecate)('Компонент «IconButton» устарел. Для замены используйте компонент «IconButtonNext».');
-    }
+    (0, useDeprecated_1.useDeprecatedComponent)('IconButton');
     var _a = props.size, size = _a === void 0 ? constants_1.ICON_BUTTON_DEFAULT_SIZE : _a, _b = props.variant, variant = _b === void 0 ? constants_1.ICON_BUTTON_DEFAULT_VARIANT : _b, _c = props.color, color = _c === void 0 ? constants_1.ICON_BUTTON_DEFAULT_COLOR : _c, _d = props.as, Tag = _d === void 0 ? constants_1.ICON_BUTTON_DEFAULT_TAG : _d, iconColor = props.iconColor, compressed = props.compressed, loading = props.loading, disabled = props.disabled, className = props.className, icon = props.icon, onClick = props.onClick, rounded = props.rounded, other = tslib_1.__rest(props, ["size", "variant", "color", "as", "iconColor", "compressed", "loading", "disabled", "className", "icon", "onClick", "rounded"]);
     var isInteractionPrevented = disabled || loading;
     var handleClick = function (event) {

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

@@ -177,3 +177,4 @@ exports.InputOTP = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef
                 react_1.default.createElement(Fieldset_1.Fieldset, null))));
     })));
 });
+exports.InputOTP.displayName = 'InputOTP';

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

@@ -4,7 +4,7 @@ exports.Menu = exports.cnMenu = void 0;
 var tslib_1 = require("tslib");
 require("./Menu.css");
 var react_1 = tslib_1.__importStar(require("react"));
-var logger_1 = require("@ozen-ui/logger");
+var useDeprecated_1 = require("../../hooks/useDeprecated");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var getPaperSizeToFormElement_1 = require("../../utils/getPaperSizeToFormElement");
@@ -17,9 +17,7 @@ exports.Menu = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Menu' });
     var _a = props.size, size = _a === void 0 ? constants_1.MENU_DEFAULT_SIZE : _a, open = props.open, menuListProps = props.menuListProps, menuListRef = props.menuListRef, onClose = props.onClose, children = props.children, className = props.className, other = tslib_1.__rest(props, ["size", "open", "menuListProps", "menuListRef", "onClose", "children", "className"]);
     var radius = (0, getPaperSizeToFormElement_1.getPaperSizeToFormElement)(size);
-    if (process.env.NODE_ENV !== 'production' && menuListRef) {
-        (0, logger_1.deprecate)('Свойство «menuListRef» устарело. Для замены используйте «menuListProps.ref».');
-    }
+    (0, useDeprecated_1.useDeprecatedProperty)(!!menuListRef, 'menuListRef', 'menuListProps.ref');
     return (react_1.default.createElement(Popover_1.Popover, tslib_1.__assign({ as: Paper_1.Paper, offset: [0, 4], radius: radius }, other, { open: open, onClose: onClose, className: (0, exports.cnMenu)('', [className]), disableEnforceFocus: true, ref: ref }),
         react_1.default.createElement(components_1.MenuContextConsumer, { onClose: onClose, menuListRef: menuListRef, menuListProps: tslib_1.__assign(tslib_1.__assign({ size: size }, menuListProps), { ref: menuListRef || (menuListProps === null || menuListProps === void 0 ? void 0 : menuListProps.ref) }) }, children)));
 });

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

@@ -24,6 +24,8 @@ export declare const Modal: 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__/cjs/components/Modal/Modal.js CHANGED Viewed

@@ -5,28 +5,41 @@ var tslib_1 = require("tslib");
 require("./Modal.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var react_transition_group_1 = require("react-transition-group");
+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 useLockBodyScroll_1 = require("../../hooks/useLockBodyScroll");
 var useMultiRef_1 = require("../../hooks/useMultiRef");
+var usePortalContainer_1 = require("../../hooks/usePortalContainer");
 var classname_1 = require("../../utils/classname");
 var isKey_1 = require("../../utils/isKey");
 var Backdrop_1 = require("../Backdrop");
-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");
 exports.cnModal = (0, classname_1.cn)('Modal');
 exports.Modal = (0, react_1.forwardRef)(function (_a, ref) {
-    var _b = _a.open, open = _b === void 0 ? constants_1.MODAL_DEFAULT_OPEN : _b, _c = _a.keepMounted, keepMounted = _c === void 0 ? constants_1.MODAL_DEFAULT_KEEP_MOUNTED : _c, _d = _a.hideBackdrop, hideBackdrop = _d === void 0 ? constants_1.MODAL_DEFAULT_HIDE_BACKDROP : _d, _e = _a.disableScrollLock, disableScrollLock = _e === void 0 ? constants_1.MODAL_DEFAULT_DISABLE_SCROLL_LOCK : _e, _f = _a.disableClickOutside, disableClickOutside = _f === void 0 ? constants_1.MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = _a.disableEscapeKeyDown, disableEscapeKeyDown = _g === void 0 ? constants_1.MODAL_DEFAULT_ESCAPE_KEY_DOWN : _g, children = _a.children, onEnter = _a.onEnter, onEntered = _a.onEntered, onExit = _a.onExit, onExitedProp = _a.onExited, onClose = _a.onClose, backdropProps = _a.backdropProps, windowProps = _a.windowProps, transitionProps = _a.transitionProps, className = _a.className, ignoreClickOutsideRefs = _a.ignoreClickOutsideRefs, other = tslib_1.__rest(_a, ["open", "keepMounted", "hideBackdrop", "disableScrollLock", "disableClickOutside", "disableEscapeKeyDown", "children", "onEnter", "onEntered", "onExit", "onExited", "onClose", "backdropProps", "windowProps", "transitionProps", "className", "ignoreClickOutsideRefs"]);
+    var _b = _a.open, open = _b === void 0 ? constants_1.MODAL_DEFAULT_OPEN : _b, _c = _a.keepMounted, keepMounted = _c === void 0 ? constants_1.MODAL_DEFAULT_KEEP_MOUNTED : _c, _d = _a.hideBackdrop, hideBackdrop = _d === void 0 ? constants_1.MODAL_DEFAULT_HIDE_BACKDROP : _d, _e = _a.disableScrollLock, disableScrollLock = _e === void 0 ? constants_1.MODAL_DEFAULT_DISABLE_SCROLL_LOCK : _e, _f = _a.disableClickOutside, disableClickOutside = _f === void 0 ? constants_1.MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = _a.disableEscapeKeyDown, disableEscapeKeyDown = _g === void 0 ? constants_1.MODAL_DEFAULT_ESCAPE_KEY_DOWN : _g, children = _a.children, onEnter = _a.onEnter, onEntered = _a.onEntered, onExit = _a.onExit, onExitedProp = _a.onExited, onClose = _a.onClose, backdropProps = _a.backdropProps, windowProps = _a.windowProps, transitionProps = _a.transitionProps, className = _a.className, ignoreClickOutsideRefs = _a.ignoreClickOutsideRefs, _h = _a.container, containerProp = _h === void 0 ? constants_1.MODAL_DEFAULT_PORTAL_CONTAINER : _h, other = tslib_1.__rest(_a, ["open", "keepMounted", "hideBackdrop", "disableScrollLock", "disableClickOutside", "disableEscapeKeyDown", "children", "onEnter", "onEntered", "onExit", "onExited", "onClose", "backdropProps", "windowProps", "transitionProps", "className", "ignoreClickOutsideRefs", "container"]);
     var hasBackdrop = !hideBackdrop;
     var rootRef = (0, react_1.useRef)(null);
     var windowInnerRef = (0, react_1.useRef)(null);
     var focusedElement = (0, react_1.useRef)(null);
-    var _h = tslib_1.__read((0, react_1.useState)(false), 2), openState = _h[0], setOpenState = _h[1];
-    var _j = tslib_1.__read((0, react_1.useState)(false), 2), opened = _j[0], setOpened = _j[1];
-    var _k = (0, index_1.useModalManager)(windowInnerRef, 1000, openState), isTop = _k.isTop, refsClickOutside = _k.refsClickOutside;
+    var _j = tslib_1.__read((0, react_1.useState)(false), 2), openState = _j[0], setOpenState = _j[1];
+    var _k = tslib_1.__read((0, react_1.useState)(false), 2), opened = _k[0], setOpened = _k[1];
+    var container = (0, usePortalContainer_1.usePortalContainer)(containerProp);
+    var _l = (0, index_1.useModalManager)(windowInnerRef, 1000, openState), isTop = _l.isTop, refsClickOutside = _l.refsClickOutside;
+    var portalMultiRef = (0, useMultiRef_1.useMultiRef)([rootRef, ref]);
+    var trapRef = (0, useFocusTrap_1.useFocusTrap)({
+        active: isTop,
+        focusinTrap: false,
+    });
+    var modalConsumerMultiRef = (0, useMultiRef_1.useMultiRef)([
+        windowInnerRef,
+        trapRef,
+        windowProps === null || windowProps === void 0 ? void 0 : windowProps.ref,
+    ]);
     (0, useClickOutside_1.useClickOutside)({
         refs: tslib_1.__spreadArray(tslib_1.__spreadArray([
             windowInnerRef
@@ -47,12 +60,11 @@ exports.Modal = (0, react_1.forwardRef)(function (_a, ref) {
         }
         setOpenState(open);
     }, [open]);
-    var trapRef = (0, useFocusTrap_1.useFocusTrap)({
-        active: isTop,
-        focusinTrap: false,
-    });
     var onExited = (0, react_1.useCallback)(function () {
         var _a, _b;
+        if (environment_1.isServer) {
+            return;
+        }
         // Возвращаем фокус активного элемента
         if (((_a = windowInnerRef.current) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement)) ||
             document.activeElement === document.body) {
@@ -71,9 +83,12 @@ exports.Modal = (0, react_1.forwardRef)(function (_a, ref) {
         },
         active: isTop && !disableEscapeKeyDown,
     });
+    if (!container) {
+        return null;
+    }
     return (react_1.default.createElement(react_transition_group_1.CSSTransition, tslib_1.__assign({ classNames: (0, exports.cnModal)({ animation: true }), nodeRef: rootRef, timeout: 300 }, transitionProps, { in: openState, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: !keepMounted, appear: true }),
-        react_1.default.createElement(Portal_1.Portal, tslib_1.__assign({}, other, { className: (0, exports.cnModal)({ hidden: keepMounted && !openState, hasBackdrop: hasBackdrop }, [className]), ref: (0, useMultiRef_1.useMultiRef)([rootRef, ref]) }),
+        react_1.default.createElement(PortalBase_1.PortalBase, tslib_1.__assign({}, other, { container: container, className: (0, exports.cnModal)({ hidden: keepMounted && !openState, hasBackdrop: hasBackdrop }, [className]), ref: portalMultiRef }),
             !hideBackdrop && (react_1.default.createElement(Backdrop_1.Backdrop, tslib_1.__assign({ zIndex: -1, open: openState }, backdropProps, { className: backdropProps === null || backdropProps === void 0 ? void 0 : backdropProps.className }))),
-            react_1.default.createElement(components_1.ModalConsumer, tslib_1.__assign({}, windowProps, { ref: (0, useMultiRef_1.useMultiRef)([windowInnerRef, trapRef, windowProps === null || windowProps === void 0 ? void 0 : windowProps.ref]) }), children))));
+            react_1.default.createElement(components_1.ModalConsumer, tslib_1.__assign({}, windowProps, { ref: modalConsumerMultiRef }), children))));
 });
 exports.Modal.displayName = 'Modal';

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

@@ -4,3 +4,4 @@ export declare const MODAL_DEFAULT_HIDE_BACKDROP = false;
 export declare const MODAL_DEFAULT_DISABLE_SCROLL_LOCK = false;
 export declare const MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE = false;
 export declare const MODAL_DEFAULT_ESCAPE_KEY_DOWN = false;
+export declare const MODAL_DEFAULT_PORTAL_CONTAINER: () => HTMLElement;

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

@@ -1,9 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MODAL_DEFAULT_ESCAPE_KEY_DOWN = exports.MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE = exports.MODAL_DEFAULT_DISABLE_SCROLL_LOCK = exports.MODAL_DEFAULT_HIDE_BACKDROP = exports.MODAL_DEFAULT_KEEP_MOUNTED = exports.MODAL_DEFAULT_OPEN = void 0;
+exports.MODAL_DEFAULT_PORTAL_CONTAINER = exports.MODAL_DEFAULT_ESCAPE_KEY_DOWN = exports.MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE = exports.MODAL_DEFAULT_DISABLE_SCROLL_LOCK = exports.MODAL_DEFAULT_HIDE_BACKDROP = exports.MODAL_DEFAULT_KEEP_MOUNTED = exports.MODAL_DEFAULT_OPEN = void 0;
 exports.MODAL_DEFAULT_OPEN = false;
 exports.MODAL_DEFAULT_KEEP_MOUNTED = false;
 exports.MODAL_DEFAULT_HIDE_BACKDROP = false;
 exports.MODAL_DEFAULT_DISABLE_SCROLL_LOCK = false;
 exports.MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE = false;
 exports.MODAL_DEFAULT_ESCAPE_KEY_DOWN = false;
+exports.MODAL_DEFAULT_PORTAL_CONTAINER = (function () {
+    return window.document.body;
+});

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

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

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OzenProvider = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
+var ThemeProvider_1 = require("../ThemeProvider");
+var constants_1 = require("./constants");
+var providers_1 = require("./providers");
+exports.OzenProvider = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
+    var children = _a.children, ssr = _a.ssr, theme = _a.theme, _b = _a.as, as = _b === void 0 ? constants_1.OZEN_PROVIDER_DEFAULT_TAG : _b, other = tslib_1.__rest(_a, ["children", "ssr", "theme", "as"]);
+    return (react_1.default.createElement(providers_1.OzenSSRProvider, { config: ssr },
+        react_1.default.createElement(ThemeProvider_1.ThemeProvider, tslib_1.__assign({}, other, { theme: theme, as: as, ref: ref }), children)));
+});
+exports.OzenProvider.displayName = 'OzenProvider';

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

	@@ -0,0 +1 @@
1	+ export declare const OZEN_PROVIDER_DEFAULT_TAG = "div";

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

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

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

@@ -0,0 +1,3 @@
+export * from './providers';
+export * from './OzenProvider';
+export * from './types';

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

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

package/__inner__/cjs/components/OzenProvider/providers/SSR/OzenSSRContext.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import type { OzenSSRConfig } from './entities';
+export type OzenSSRContextValue = {
+    config: OzenSSRConfig;
+};
+export declare const OzenSSRContextDefaultValue: OzenSSRContextValue;
+export declare const OzenSSRContext: import("react").Context<OzenSSRContextValue>;

package/__inner__/cjs/components/OzenProvider/providers/SSR/OzenSSRContext.js ADDED Viewed

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OzenSSRContext = exports.OzenSSRContextDefaultValue = void 0;
+var react_1 = require("react");
+var environment_1 = require("../../../../constants/environment");
+var constants_1 = require("./constants");
+exports.OzenSSRContextDefaultValue = {
+    config: constants_1.OZEN_DEFAULT_SSR_CONFIG,
+};
+exports.OzenSSRContext = (0, react_1.createContext)(exports.OzenSSRContextDefaultValue);
+// Именованный провайдер
+if (environment_1.isDev) {
+    exports.OzenSSRContext.displayName = 'OzenSSRContext';
+}

package/__inner__/cjs/components/OzenProvider/providers/SSR/OzenSSRProvider.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { OzenSSRProviderProps } from './types';
+export declare const OzenSSRProvider: ({ children, config }: OzenSSRProviderProps) => React.JSX.Element;

package/__inner__/cjs/components/OzenProvider/providers/SSR/OzenSSRProvider.js ADDED Viewed

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OzenSSRProvider = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var logger_1 = require("@ozen-ui/logger");
+var environment_1 = require("../../../../constants/environment");
+var useStoredValue_1 = require("../../../../hooks/useStoredValue");
+var shallowEqual_1 = require("../../../../utils/shallowEqual");
+var OzenSSRContext_1 = require("./OzenSSRContext");
+var OzenSSRProvider = function (_a) {
+    var children = _a.children, config = _a.config;
+    if (environment_1.isDev) {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        var originalConfig = (0, useStoredValue_1.useStoredValue)(config);
+        var isEqualConfigs = (0, shallowEqual_1.shallowEqual)(originalConfig.current, config);
+        if (!isEqualConfigs) {
+            logger_1.logger.error('Конфиг SSR отличается от изначального, он не может меняться динамически!', {
+                original: originalConfig.current,
+                current: config,
+            });
+        }
+    }
+    return (react_1.default.createElement(OzenSSRContext_1.OzenSSRContext.Provider, { value: {
+            config: config,
+        } }, children));
+};
+exports.OzenSSRProvider = OzenSSRProvider;

package/__inner__/cjs/components/OzenProvider/providers/SSR/constants.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import type { OzenSSRConfig } from './entities';
2	+ export declare const OZEN_DEFAULT_SSR_CONFIG: OzenSSRConfig;

package/__inner__/cjs/components/OzenProvider/providers/SSR/constants.js ADDED Viewed

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OZEN_DEFAULT_SSR_CONFIG = void 0;
+exports.OZEN_DEFAULT_SSR_CONFIG = {
+    isEnabled: false,
+};

package/__inner__/cjs/components/OzenProvider/providers/SSR/entities/config.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+export type OzenSSRConfigDisabled = {
+    isEnabled: false;
+};
+export type OzenSSRConfigEnabled = {
+    isEnabled: true;
+    serverWidth: number;
+};
+export type OzenSSRConfig = OzenSSRConfigDisabled | OzenSSRConfigEnabled;

package/__inner__/cjs/components/OzenProvider/providers/SSR/entities/config.js ADDED Viewed

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

package/__inner__/cjs/components/OzenProvider/providers/SSR/entities/index.d.ts ADDED Viewed

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

package/__inner__/cjs/components/OzenProvider/providers/SSR/entities/index.js ADDED Viewed

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

package/__inner__/cjs/components/OzenProvider/providers/SSR/hooks/index.d.ts ADDED Viewed

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

package/__inner__/cjs/components/OzenProvider/providers/SSR/hooks/index.js ADDED Viewed

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

package/__inner__/cjs/components/OzenProvider/providers/SSR/hooks/useOzenSSR/index.d.ts ADDED Viewed

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

package/__inner__/cjs/components/OzenProvider/providers/SSR/hooks/useOzenSSR/index.js ADDED Viewed

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

package/__inner__/cjs/components/OzenProvider/providers/SSR/hooks/useOzenSSR/useOzenSSR.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const useOzenSSR: () => import("../../OzenSSRContext").OzenSSRContextValue;

package/__inner__/cjs/components/OzenProvider/providers/SSR/hooks/useOzenSSR/useOzenSSR.js ADDED Viewed

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOzenSSR = void 0;
+var react_1 = require("react");
+var OzenSSRContext_1 = require("../../OzenSSRContext");
+var useOzenSSR = function () { return (0, react_1.useContext)(OzenSSRContext_1.OzenSSRContext); };
+exports.useOzenSSR = useOzenSSR;

package/__inner__/cjs/components/OzenProvider/providers/SSR/index.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export * from './entities';
+export * from './hooks';
+export * from './OzenSSRProvider';
+export * from './constants';
+export * from './types';

package/__inner__/cjs/components/OzenProvider/providers/SSR/index.js ADDED Viewed

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

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

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

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

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

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

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

package/__inner__/cjs/components/OzenProvider/providers/index.js ADDED Viewed

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

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

@@ -0,0 +1,11 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { Theme } from '../ThemeProvider';
+import type { OZEN_PROVIDER_DEFAULT_TAG } from './constants';
+import type { OzenSSRConfig } from './providers';
+export type OzenProviderBaseProps = {
+    ssr: OzenSSRConfig;
+    theme?: Theme;
+};
+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 });