@ozen-ui/kit 0.28.0 → 0.29.0

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

@@ -56,6 +56,9 @@ export type ModalProps = {
     container?: PortalProps['container'];
     /** Список ссылок на элементы при клике на которые Modal не будет закрываться (см. хук useClickOutside) */
     ignoreClickOutsideRefs?: Array<RefObject<HTMLElement>>;
+    /** Если {true} отключает портал для компонента.
+     * Подробнее – https://react.dev/reference/react-dom/createPortal. */
+    disablePortal?: boolean;
 } & PortalProps;
 export type ModalRef = PortalRef;
 export declare const Modal: React.ForwardRefExoticComponent<{
@@ -116,6 +119,9 @@ export declare const Modal: React.ForwardRefExoticComponent<{
     container?: PortalProps['container'];
     /** Список ссылок на элементы при клике на которые Modal не будет закрываться (см. хук useClickOutside) */
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[] | undefined;
+    /** Если {true} отключает портал для компонента.
+     * Подробнее – https://react.dev/reference/react-dom/createPortal. */
+    disablePortal?: boolean | undefined;
 } & import("../Portal").PortalBaseProps & {
     as?: "div" | undefined;
 } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "container"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/Modal/Modal.js

@@ -18,13 +18,14 @@ var components_1 = require("./components");
 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 ? false : _b, _c = _a.keepMounted, keepMounted = _c === void 0 ? false : _c, _d = _a.hideBackdrop, hideBackdrop = _d === void 0 ? false : _d, _e = _a.disableScrollLock, disableScrollLock = _e === void 0 ? false : _e, _f = _a.disableClickOutside, disableClickOutside = _f === void 0 ? false : _f, _g = _a.disableEscapeKeyDown, disableEscapeKeyDown = _g === void 0 ? false : _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 ? false : _b, _c = _a.keepMounted, keepMounted = _c === void 0 ? false : _c, _d = _a.hideBackdrop, hideBackdrop = _d === void 0 ? false : _d, _e = _a.disableScrollLock, disableScrollLock = _e === void 0 ? false : _e, _f = _a.disableClickOutside, disableClickOutside = _f === void 0 ? false : _f, _g = _a.disableEscapeKeyDown, disableEscapeKeyDown = _g === void 0 ? false : _g, _h = _a.disablePortal, disablePortal = _h === void 0 ? false : _h, 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", "disablePortal", "children", "onEnter", "onEntered", "onExit", "onExited", "onClose", "backdropProps", "windowProps", "transitionProps", "className", "ignoreClickOutsideRefs"]);
     var hasBackdrop = !hideBackdrop;
     var modalInnerRef = (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)(modalInnerRef, 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 _l = (0, index_1.useModalManager)(modalInnerRef, 1000, openState), isTop = _l.isTop, refsClickOutside = _l.refsClickOutside;
+    var RootComponent = disablePortal ? 'div' : Portal_1.Portal;
     (0, useClickOutside_1.useClickOutside)({
         refs: tslib_1.__spreadArray(tslib_1.__spreadArray([
             modalInnerRef
@@ -73,7 +74,7 @@ exports.Modal = (0, react_1.forwardRef)(function (_a, ref) {
         active: isTop && !disableEscapeKeyDown,
     });
     return (react_1.default.createElement(react_transition_group_1.CSSTransition, tslib_1.__assign({ classNames: (0, exports.cnModal)({ animation: true }), 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: ref }),
+        react_1.default.createElement(RootComponent, tslib_1.__assign({}, other, { className: (0, exports.cnModal)({ hidden: keepMounted && !openState, hasBackdrop: hasBackdrop }, [className]), ref: ref }),
             !hideBackdrop && (react_1.default.createElement(Backdrop_1.Backdrop, tslib_1.__assign({ zIndex: -1 }, backdropProps, { open: openState, 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)([modalInnerRef, trapRef, windowProps === null || windowProps === void 0 ? void 0 : windowProps.ref]) }), children))));
 });

package/__inner__/esm/components/Modal/Modal.d.ts

@@ -56,6 +56,9 @@ export type ModalProps = {
     container?: PortalProps['container'];
     /** Список ссылок на элементы при клике на которые Modal не будет закрываться (см. хук useClickOutside) */
     ignoreClickOutsideRefs?: Array<RefObject<HTMLElement>>;
+    /** Если {true} отключает портал для компонента.
+     * Подробнее – https://react.dev/reference/react-dom/createPortal. */
+    disablePortal?: boolean;
 } & PortalProps;
 export type ModalRef = PortalRef;
 export declare const Modal: React.ForwardRefExoticComponent<{
@@ -116,6 +119,9 @@ export declare const Modal: React.ForwardRefExoticComponent<{
     container?: PortalProps['container'];
     /** Список ссылок на элементы при клике на которые Modal не будет закрываться (см. хук useClickOutside) */
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[] | undefined;
+    /** Если {true} отключает портал для компонента.
+     * Подробнее – https://react.dev/reference/react-dom/createPortal. */
+    disablePortal?: boolean | undefined;
 } & import("../Portal").PortalBaseProps & {
     as?: "div" | undefined;
 } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "container"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/Modal/Modal.js

@@ -15,13 +15,14 @@ import { ModalConsumer } from './components';
 import { useModalManager } from './index';
 export var cnModal = cn('Modal');
 export var Modal = forwardRef(function (_a, ref) {
-    var _b = _a.open, open = _b === void 0 ? false : _b, _c = _a.keepMounted, keepMounted = _c === void 0 ? false : _c, _d = _a.hideBackdrop, hideBackdrop = _d === void 0 ? false : _d, _e = _a.disableScrollLock, disableScrollLock = _e === void 0 ? false : _e, _f = _a.disableClickOutside, disableClickOutside = _f === void 0 ? false : _f, _g = _a.disableEscapeKeyDown, disableEscapeKeyDown = _g === void 0 ? false : _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 = __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 ? false : _b, _c = _a.keepMounted, keepMounted = _c === void 0 ? false : _c, _d = _a.hideBackdrop, hideBackdrop = _d === void 0 ? false : _d, _e = _a.disableScrollLock, disableScrollLock = _e === void 0 ? false : _e, _f = _a.disableClickOutside, disableClickOutside = _f === void 0 ? false : _f, _g = _a.disableEscapeKeyDown, disableEscapeKeyDown = _g === void 0 ? false : _g, _h = _a.disablePortal, disablePortal = _h === void 0 ? false : _h, 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 = __rest(_a, ["open", "keepMounted", "hideBackdrop", "disableScrollLock", "disableClickOutside", "disableEscapeKeyDown", "disablePortal", "children", "onEnter", "onEntered", "onExit", "onExited", "onClose", "backdropProps", "windowProps", "transitionProps", "className", "ignoreClickOutsideRefs"]);
     var hasBackdrop = !hideBackdrop;
     var modalInnerRef = useRef(null);
     var focusedElement = useRef(null);
-    var _h = __read(useState(false), 2), openState = _h[0], setOpenState = _h[1];
-    var _j = __read(useState(false), 2), opened = _j[0], setOpened = _j[1];
-    var _k = useModalManager(modalInnerRef, 1000, openState), isTop = _k.isTop, refsClickOutside = _k.refsClickOutside;
+    var _j = __read(useState(false), 2), openState = _j[0], setOpenState = _j[1];
+    var _k = __read(useState(false), 2), opened = _k[0], setOpened = _k[1];
+    var _l = useModalManager(modalInnerRef, 1000, openState), isTop = _l.isTop, refsClickOutside = _l.refsClickOutside;
+    var RootComponent = disablePortal ? 'div' : Portal;
     useClickOutside({
         refs: __spreadArray(__spreadArray([
             modalInnerRef
@@ -70,7 +71,7 @@ export var Modal = forwardRef(function (_a, ref) {
         active: isTop && !disableEscapeKeyDown,
     });
     return (React.createElement(CSSTransition, __assign({ classNames: cnModal({ animation: true }), timeout: 300 }, transitionProps, { in: openState, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: !keepMounted, appear: true }),
-        React.createElement(Portal, __assign({}, other, { className: cnModal({ hidden: keepMounted && !openState, hasBackdrop: hasBackdrop }, [className]), ref: ref }),
+        React.createElement(RootComponent, __assign({}, other, { className: cnModal({ hidden: keepMounted && !openState, hasBackdrop: hasBackdrop }, [className]), ref: ref }),
             !hideBackdrop && (React.createElement(Backdrop, __assign({ zIndex: -1 }, backdropProps, { open: openState, className: backdropProps === null || backdropProps === void 0 ? void 0 : backdropProps.className }))),
             React.createElement(ModalConsumer, __assign({}, windowProps, { ref: useMultiRef([modalInnerRef, trapRef, windowProps === null || windowProps === void 0 ? void 0 : windowProps.ref]) }), children))));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.28.0",
+  "version": "0.29.0",
   "description": "React component library",
   "files": [
     "*"

package/Calendar/package.json

@@ -1,5 +0,0 @@
-{
-	"main": "../__inner__/cjs/components/Calendar/index.js",
-	"module": "../__inner__/esm/components/Calendar/index.js",
-	"types": "../__inner__/esm/components/Calendar/index.d.ts"
-}

package/DatePicker/package.json

@@ -1,5 +0,0 @@
-{
-	"main": "../__inner__/cjs/components/DatePicker/index.js",
-	"module": "../__inner__/esm/components/DatePicker/index.js",
-	"types": "../__inner__/esm/components/DatePicker/index.d.ts"
-}

package/__inner__/cjs/components/Portal/PortalContext.d.ts

@@ -1,15 +0,0 @@
-import { type RefObject } from 'react';
-export declare const PortalContext: import("react").Context<{
-    top?: boolean | undefined;
-    setTop?: ((top: boolean | undefined) => void) | undefined;
-    refs?: RefObject<HTMLElement>[] | undefined;
-    setRefs?: ((refs: RefObject<HTMLElement>[]) => void) | undefined;
-    clearRefs?: (() => void) | undefined;
-}>;
-export declare function usePortalContext(): {
-    top?: boolean | undefined;
-    setTop?: ((top: boolean | undefined) => void) | undefined;
-    refs?: RefObject<HTMLElement>[] | undefined;
-    setRefs?: ((refs: RefObject<HTMLElement>[]) => void) | undefined;
-    clearRefs?: (() => void) | undefined;
-};

package/__inner__/cjs/components/Portal/PortalContext.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePortalContext = exports.PortalContext = void 0;
-var react_1 = require("react");
-exports.PortalContext = (0, react_1.createContext)({});
-function usePortalContext() {
-    return (0, react_1.useContext)(exports.PortalContext);
-}
-exports.usePortalContext = usePortalContext;

package/__inner__/esm/components/Portal/PortalContext.d.ts

@@ -1,15 +0,0 @@
-import { type RefObject } from 'react';
-export declare const PortalContext: import("react").Context<{
-    top?: boolean | undefined;
-    setTop?: ((top: boolean | undefined) => void) | undefined;
-    refs?: RefObject<HTMLElement>[] | undefined;
-    setRefs?: ((refs: RefObject<HTMLElement>[]) => void) | undefined;
-    clearRefs?: (() => void) | undefined;
-}>;
-export declare function usePortalContext(): {
-    top?: boolean | undefined;
-    setTop?: ((top: boolean | undefined) => void) | undefined;
-    refs?: RefObject<HTMLElement>[] | undefined;
-    setRefs?: ((refs: RefObject<HTMLElement>[]) => void) | undefined;
-    clearRefs?: (() => void) | undefined;
-};

package/__inner__/esm/components/Portal/PortalContext.js

@@ -1,5 +0,0 @@
-import { createContext, useContext } from 'react';
-export var PortalContext = createContext({});
-export function usePortalContext() {
-    return useContext(PortalContext);
-}