@finam/web-ui-kit-components 3.31.0 → 3.33.0

package/dist/Modal/Modal.js

@@ -1,118 +1,176 @@
-import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState, forwardRef, memo } from 'react';
-import classnames from 'clsx';
-import { CSSTransition } from 'react-transition-group';
-import { setRef } from '../utils/withForwardedRef.js';
-import { KeyboardEventKey } from '../types.js';
-import useModal from './useModal.js';
-import ModalManager from './ModalManager.js';
-import Portal from './Portal.js';
-import Backdrop from './Backdrop.js';
-import { Root } from './Modal.styles.js';
-export const defaultModalManager = new ModalManager();
-const Modal = forwardRef((_a, ref) => {
-    var { open: openProp, id, children, container, disablePortal = false, onRendered, BackdropComponent = Backdrop, disableBackdropClick = false, disableCloseOnEscape = false, onEscapeKeyDown, onBackdropClick, hideBackdrop = false, BackdropProps: backdropProps, onClose, keepMounted = false, manager = defaultModalManager, TransitionProps, ContainerComponent, onKeyDown, className, absolute, closeGlobal } = _a, otherProps = __rest(_a, ["open", "id", "children", "container", "disablePortal", "onRendered", "BackdropComponent", "disableBackdropClick", "disableCloseOnEscape", "onEscapeKeyDown", "onBackdropClick", "hideBackdrop", "BackdropProps", "onClose", "keepMounted", "manager", "TransitionProps", "ContainerComponent", "onKeyDown", "className", "absolute", "closeGlobal"]);
-    const { open, className: classNameGlobal, } = useModal({ id, open: openProp, closeGlobal, onClose });
-    const transitionDuration = TransitionProps === null || TransitionProps === void 0 ? void 0 : TransitionProps.timeout;
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, memo, useCallback, useEffect, useRef, useState } from "react";
+import clsx from "clsx";
+import { CSSTransition } from "react-transition-group";
+import { setRef } from "../utils/withForwardedRef.js";
+import { KeyboardEventKey } from "../types.js";
+import useModal from "./useModal.js";
+import ModalManager from "./ModalManager.js";
+import Portal from "./Portal.js";
+import Backdrop from "./Backdrop.js";
+import { Root } from "./Modal.styles.js";
+const defaultModalManager = new ModalManager();
+const Modal = /*#__PURE__*/ forwardRef((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { open: openProp, id, children, container, disablePortal = false, onRendered, BackdropComponent = Backdrop, disableBackdropClick = false, disableCloseOnEscape = false, onEscapeKeyDown, onBackdropClick, hideBackdrop = false, BackdropProps: backdropProps, onClose, keepMounted = false, manager = defaultModalManager, TransitionProps, ContainerComponent, onKeyDown, className, absolute, closeGlobal } = _ref1, otherProps = _object_without_properties__(_ref1, [
+        "open",
+        "id",
+        "children",
+        "container",
+        "disablePortal",
+        "onRendered",
+        "BackdropComponent",
+        "disableBackdropClick",
+        "disableCloseOnEscape",
+        "onEscapeKeyDown",
+        "onBackdropClick",
+        "hideBackdrop",
+        "BackdropProps",
+        "onClose",
+        "keepMounted",
+        "manager",
+        "TransitionProps",
+        "ContainerComponent",
+        "onKeyDown",
+        "className",
+        "absolute",
+        "closeGlobal"
+    ]), [ref] = _rest;
+    const { open, className: classNameGlobal } = useModal({
+        id,
+        open: openProp,
+        closeGlobal,
+        onClose
+    });
+    const transitionDuration = null == TransitionProps ? void 0 : TransitionProps.timeout;
     const [exited, setExited] = useState(transitionDuration ? !open : true);
-    if (!exited && !transitionDuration) {
-        setExited(true);
-    }
-    if (exited && transitionDuration && open) {
-        setExited(false);
-    }
+    if (!exited && !transitionDuration) setExited(true);
+    if (exited && transitionDuration && open) setExited(false);
     const modalRef = useRef(null);
-    const isModalOnTop = useCallback(() => (modalRef.current && (manager === null || manager === void 0 ? void 0 : manager.isTop(modalRef.current))), [manager]);
-    const handleKeyDown = useCallback((event) => {
-        if (event.key !== KeyboardEventKey.ESCAPE && event.key !== KeyboardEventKey.ESC ||
-            event.defaultPrevented ||
-            !isModalOnTop()) {
-            return;
-        }
+    const isModalOnTop = useCallback(()=>modalRef.current && (null == manager ? void 0 : manager.isTop(modalRef.current)), [
+        manager
+    ]);
+    const handleKeyDown = useCallback((event)=>{
+        if (event.key !== KeyboardEventKey.ESCAPE && event.key !== KeyboardEventKey.ESC || event.defaultPrevented || !isModalOnTop()) return;
         event.stopPropagation();
-        if (onEscapeKeyDown) {
-            onEscapeKeyDown(event);
-        }
-        if (!disableCloseOnEscape && onClose) {
-            onClose();
-        }
-    }, [isModalOnTop, onEscapeKeyDown, disableCloseOnEscape, onClose]);
-    useEffect(() => {
+        if (onEscapeKeyDown) onEscapeKeyDown(event);
+        if (!disableCloseOnEscape && onClose) onClose();
+    }, [
+        isModalOnTop,
+        onEscapeKeyDown,
+        disableCloseOnEscape,
+        onClose
+    ]);
+    useEffect(()=>{
         if (open) {
             if (modalRef.current) {
                 modalRef.current.scrollTop = 0;
-                manager === null || manager === void 0 ? void 0 : manager.add(modalRef.current);
+                null == manager || manager.add(modalRef.current);
             }
-            return () => {
-                if (modalRef.current) {
-                    manager === null || manager === void 0 ? void 0 : manager.remove(modalRef.current);
-                }
+            return ()=>{
+                if (modalRef.current) null == manager || manager.remove(modalRef.current);
             };
         }
-        return undefined;
-    }, [open, manager]);
-    useEffect(() => {
+    }, [
+        open,
+        manager
+    ]);
+    useEffect(()=>{
         if (open) {
             document.addEventListener('keydown', handleKeyDown);
-            return () => {
+            return ()=>{
                 document.removeEventListener('keydown', handleKeyDown);
             };
         }
-        return undefined;
-    }, [open, handleKeyDown]);
-    const handleRef = useCallback((node) => {
-        if (node && !modalRef.current && open) {
-            manager === null || manager === void 0 ? void 0 : manager.add(node);
-        }
-        if (!node && modalRef.current) {
-            manager === null || manager === void 0 ? void 0 : manager.remove(modalRef.current);
-        }
+    }, [
+        open,
+        handleKeyDown
+    ]);
+    const handleRef = useCallback((node)=>{
+        if (node && !modalRef.current && open) null == manager || manager.add(node);
+        if (!node && modalRef.current) null == manager || manager.remove(modalRef.current);
         modalRef.current = node;
-        if (ref) {
-            setRef(ref, node);
-        }
-    }, [manager, open, modalRef, ref]);
-    const handleExited = useCallback(() => {
-        var _a;
+        if (ref) setRef(ref, node);
+    }, [
+        manager,
+        open,
+        modalRef,
+        ref
+    ]);
+    const handleExited = useCallback(()=>{
+        var _TransitionProps_onExited;
         setExited(true);
-        (_a = TransitionProps === null || TransitionProps === void 0 ? void 0 : TransitionProps.onExited) === null || _a === void 0 ? void 0 : _a.call(TransitionProps);
-    }, [TransitionProps]);
-    const handleBackdropClick = useCallback((event) => {
-        if (event.target !== event.currentTarget) {
-            return;
-        }
-        onBackdropClick === null || onBackdropClick === void 0 ? void 0 : onBackdropClick(event);
-        if (!disableBackdropClick) {
-            onClose === null || onClose === void 0 ? void 0 : onClose();
-        }
-    }, [onBackdropClick, disableBackdropClick, onClose]);
-    const handleRootKeyDown = useCallback((event) => {
+        null == TransitionProps || null == (_TransitionProps_onExited = TransitionProps.onExited) || _TransitionProps_onExited.call(TransitionProps);
+    }, [
+        TransitionProps
+    ]);
+    const handleBackdropClick = useCallback((event)=>{
+        if (event.target !== event.currentTarget) return;
+        null == onBackdropClick || onBackdropClick(event);
+        if (!disableBackdropClick) null == onClose || onClose();
+    }, [
+        onBackdropClick,
+        disableBackdropClick,
+        onClose
+    ]);
+    const handleRootKeyDown = useCallback((event)=>{
         handleKeyDown(event);
-        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
-    }, [handleKeyDown, onKeyDown]);
+        null == onKeyDown || onKeyDown(event);
+    }, [
+        handleKeyDown,
+        onKeyDown
+    ]);
     const isHidden = !keepMounted && !open && (!transitionDuration || exited);
-    if (isHidden && disablePortal) {
-        return null;
-    }
+    if (isHidden && disablePortal) return null;
     let content = children;
-    if (transitionDuration) {
-        content = (_jsx(CSSTransition, Object.assign({ appear: !keepMounted, in: open }, TransitionProps, { onExited: handleExited, children: content })));
-    }
-    if (ContainerComponent) {
-        content = (_jsx(ContainerComponent, { onClick: BackdropComponent && !hideBackdrop ? handleBackdropClick : undefined, children: content }));
-    }
-    const root = (_jsxs(Root, Object.assign({ role: "presentation", id: id }, otherProps, { className: classnames(classNameGlobal, className, {
+    if (transitionDuration) content = /*#__PURE__*/ jsx(CSSTransition, _object_spread_props__(_({
+        appear: !keepMounted,
+        in: open
+    }, TransitionProps), {
+        onExited: handleExited,
+        children: content
+    }));
+    if (ContainerComponent) content = /*#__PURE__*/ jsx(ContainerComponent, {
+        onClick: BackdropComponent && !hideBackdrop ? handleBackdropClick : void 0,
+        children: content
+    });
+    const root = /*#__PURE__*/ jsxs(Root, _object_spread_props__(_({
+        role: "presentation",
+        id: id
+    }, otherProps), {
+        className: clsx(classNameGlobal, className, {
             hidden: exited && keepMounted,
-            absolute,
-        }), ref: handleRef, onKeyDown: handleRootKeyDown, children: [BackdropComponent && !hideBackdrop && (_jsx(BackdropComponent, Object.assign({ open: open, onClick: handleBackdropClick, TransitionProps: {
+            absolute
+        }),
+        ref: handleRef,
+        onKeyDown: handleRootKeyDown,
+        children: [
+            BackdropComponent && !hideBackdrop && /*#__PURE__*/ jsx(BackdropComponent, _({
+                open: open,
+                onClick: handleBackdropClick,
+                TransitionProps: {
                     timeout: transitionDuration,
-                    appear: !keepMounted,
-                } }, backdropProps))), content] })));
-    if (disablePortal) {
-        return root;
-    }
-    return (_jsx(Portal, { container: container, onRendered: onRendered, show: !isHidden, children: root }));
+                    appear: !keepMounted
+                }
+            }, backdropProps)),
+            content
+        ]
+    }));
+    if (disablePortal) return root;
+    return /*#__PURE__*/ jsx(Portal, {
+        container: container,
+        onRendered: onRendered,
+        show: !isHidden,
+        children: root
+    });
 });
-export default memo(Modal);
+const Modal_Modal = /*#__PURE__*/ memo(Modal);
+export default Modal_Modal;
+export { defaultModalManager };
+
 //# sourceMappingURL=Modal.js.map

package/dist/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/Modal/Modal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Modal/Modal.js","sources":["../../src/Modal/Modal.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, forwardRef, memo } from 'react';\nimport type * as React from 'react';\nimport classnames from 'clsx';\nimport { CSSTransition } from 'react-transition-group';\nimport { setRef } from '../utils/withForwardedRef.js';\nimport { type CSSTransitionProps, KeyboardEventKey } from '../types.js';\nimport useModal from './useModal.js';\nimport ModalManager from './ModalManager.js';\nimport Portal from './Portal.js';\nimport Backdrop, { type Props as BackdropProps } from './Backdrop.js';\nimport { Root } from './Modal.styles.js';\n\nexport interface Props extends React.HTMLAttributes<HTMLDivElement> {\n  /** Управление видимостью модального окна */\n  open: boolean;\n  /** Содержимое модального окна */\n  children: React.ReactElement<any> & { ref?: React.Ref<HTMLElement>; };\n  /** DOM-элемент, в который будет произведено монтирование портала с модальным окном */\n  container?: Element | (() => Element);\n  /** Флаг отключения использования портала для размещения модального окна */\n  disablePortal?: boolean;\n  /** Коллбэк, вызываемый после отображения модального окна */\n  onRendered?(): void;\n  /** Флаг отключения закрытия модального окна на нажатие ESCAPE */\n  disableCloseOnEscape?: boolean;\n  /** Коллбэк, вызываемый на нажатие ESCAPE */\n  onEscapeKeyDown?(e: React.KeyboardEvent<HTMLDivElement> | KeyboardEvent): void;\n  /** Флаг, предотвращающий закрытие модального окна при клике на задний фон */\n  disableBackdropClick?: boolean;\n  /** Коллбэк, при клике на задний фон */\n  onBackdropClick?(e: React.MouseEvent<HTMLDivElement>): void;\n  /** Флаг, скрывающий задний фон модального окна */\n  hideBackdrop?: boolean;\n  /** Кастомный компонент заднего фона модального окна */\n  BackdropComponent?: React.ComponentType<BackdropProps>;\n  /** Дополнительные параметры для компонента Backdrop модального окна */\n  BackdropProps?: Partial<BackdropProps>;\n  /** Функция закрытия модального окна */\n  onClose?(): void;\n  /** Флаг удерживания DOM-узела модального окна в дереве документа, даже когда окно закрыто */\n  keepMounted?: boolean;\n  /** Экземпляр класса ModalManager для управления порядком открытых модальных окон */\n  manager?: ModalManager;\n  /** Дополнительные параметры для компонента CSSTransition модального окна */\n  TransitionProps?: CSSTransitionProps<HTMLElement>;\n  /** Компонент используемый для обертывания содержимого модального окна */\n  ContainerComponent?: React.ComponentType<any>;\n  /** Флаг, определяющий абсолютное позиционирование для модального окна */\n  absolute?: boolean;\n  /** Флаг, который не позволяет открыть модальное окно глобально, если локальное значение\n   * open = false */\n  closeGlobal?: boolean;\n}\n\nexport const defaultModalManager = new ModalManager();\n\nconst Modal = forwardRef<HTMLDivElement, Props>(({\n  open: openProp,\n  id,\n  children,\n  container,\n  disablePortal = false,\n  onRendered,\n  BackdropComponent = Backdrop,\n  disableBackdropClick = false,\n  disableCloseOnEscape = false,\n  onEscapeKeyDown,\n  onBackdropClick,\n  hideBackdrop = false,\n  BackdropProps: backdropProps,\n  onClose,\n  keepMounted = false,\n  manager = defaultModalManager,\n  TransitionProps,\n  ContainerComponent,\n  onKeyDown,\n  className,\n  absolute,\n  closeGlobal,\n  ...otherProps\n}, ref) => {\n  const {\n    open,\n    className: classNameGlobal,\n  } = useModal({ id, open: openProp, closeGlobal, onClose });\n\n  const transitionDuration = TransitionProps?.timeout;\n  const [exited, setExited] = useState(transitionDuration ? !open : true);\n\n  if (!exited && !transitionDuration) {\n    setExited(true);\n  }\n  if (exited && transitionDuration && open) {\n    setExited(false);\n  }\n\n  const modalRef = useRef<HTMLDivElement | null>(null);\n\n  const isModalOnTop = useCallback(() => (\n    modalRef.current && manager?.isTop(modalRef.current)\n  ), [manager]);\n\n  const handleKeyDown = useCallback((\n    event: React.KeyboardEvent<HTMLDivElement> | KeyboardEvent,\n  ) => {\n    if (\n      event.key !== KeyboardEventKey.ESCAPE && event.key !== KeyboardEventKey.ESC ||\n      event.defaultPrevented ||\n      !isModalOnTop()\n    ) {\n      return;\n    }\n\n    event.stopPropagation();\n\n    if (onEscapeKeyDown) {\n      onEscapeKeyDown(event);\n    }\n\n    if (!disableCloseOnEscape && onClose) {\n      onClose();\n    }\n  }, [isModalOnTop, onEscapeKeyDown, disableCloseOnEscape, onClose]);\n\n  useEffect(() => {\n    if (open) {\n      if (modalRef.current) {\n        modalRef.current.scrollTop = 0;\n        manager?.add(modalRef.current);\n      }\n\n      return () => {\n        if (modalRef.current) {\n          manager?.remove(modalRef.current);\n        }\n      };\n    }\n\n    return undefined;\n  }, [open, manager]);\n\n  useEffect(() => {\n    if (open) {\n      document.addEventListener('keydown', handleKeyDown);\n\n      return () => {\n        document.removeEventListener('keydown', handleKeyDown);\n      };\n    }\n\n    return undefined;\n  }, [open, handleKeyDown]);\n\n  const handleRef = useCallback((node: HTMLDivElement | null) => {\n    if (node && !modalRef.current && open) {\n      manager?.add(node);\n    }\n    if (!node && modalRef.current) {\n      manager?.remove(modalRef.current);\n    }\n    modalRef.current = node;\n    if (ref) {\n      setRef(ref, node);\n    }\n  }, [manager, open, modalRef, ref]);\n\n  const handleExited = useCallback(() => {\n    setExited(true);\n    TransitionProps?.onExited?.();\n  }, [TransitionProps]);\n\n  const handleBackdropClick = useCallback((event: React.MouseEvent<HTMLDivElement>) => {\n    if (event.target !== event.currentTarget) {\n      return;\n    }\n\n    onBackdropClick?.(event);\n    if (!disableBackdropClick) {\n      onClose?.();\n    }\n  }, [onBackdropClick, disableBackdropClick, onClose]);\n\n  const handleRootKeyDown = useCallback((event: React.KeyboardEvent<HTMLDivElement>) => {\n    handleKeyDown(event);\n    onKeyDown?.(event);\n  }, [handleKeyDown, onKeyDown]);\n\n  const isHidden = !keepMounted && !open && (!transitionDuration || exited);\n\n  if (isHidden && disablePortal) {\n    return null;\n  }\n\n  let content = children;\n\n  if (transitionDuration) {\n    content = (\n      <CSSTransition\n        appear={!keepMounted}\n        in={open}\n        {...TransitionProps}\n        onExited={handleExited}\n      >\n        {\n          content\n        }\n      </CSSTransition>\n    );\n  }\n  if (ContainerComponent) {\n    content = (\n      <ContainerComponent\n        onClick={BackdropComponent && !hideBackdrop ? handleBackdropClick : undefined}\n      >\n        {content}\n      </ContainerComponent>\n    );\n  }\n\n  const root = (\n    <Root\n      role=\"presentation\"\n      id={id}\n      {...otherProps}\n      className={classnames(classNameGlobal, className, {\n        hidden: exited && keepMounted,\n        absolute,\n      })}\n      ref={handleRef}\n      onKeyDown={handleRootKeyDown}\n    >\n      {BackdropComponent && !hideBackdrop && (\n        <BackdropComponent\n          open={open}\n          onClick={handleBackdropClick}\n          TransitionProps={{\n            timeout: transitionDuration,\n            appear: !keepMounted,\n          }}\n          {...backdropProps}\n        />\n      )}\n      {content}\n    </Root>\n  );\n\n  if (disablePortal) {\n    return root;\n  }\n\n  return (\n    <Portal\n      container={container}\n      onRendered={onRendered}\n      show={!isHidden}\n    >\n      {root}\n    </Portal>\n  );\n});\n\nexport default memo(Modal);\n"],"names":["defaultModalManager","ModalManager","Modal","forwardRef","openProp","id","children","container","disablePortal","onRendered","BackdropComponent","Backdrop","disableBackdropClick","disableCloseOnEscape","onEscapeKeyDown","onBackdropClick","hideBackdrop","backdropProps","onClose","keepMounted","manager","TransitionProps","ContainerComponent","onKeyDown","className","absolute","closeGlobal","otherProps","ref","open","classNameGlobal","useModal","transitionDuration","exited","setExited","useState","modalRef","useRef","isModalOnTop","useCallback","handleKeyDown","event","KeyboardEventKey","useEffect","document","handleRef","node","setRef","handleExited","handleBackdropClick","handleRootKeyDown","isHidden","content","CSSTransition","undefined","root","Root","classnames","Portal","memo"],"mappings":"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"}

package/dist/Modal/Modal.styles.js

@@ -1,9 +1,10 @@
-import { styled } from '@linaria/react';
-export const Root = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+const Root = /*#__PURE__*/styled('div')({
   name: "Root",
   class: "ui_components_r1mfp29x",
   propsAsIs: false
 });
+export { Root };
 //# sourceMappingURL=Modal.styles.js.map
 
 import "./Modal.styles.css";

package/dist/Modal/Modal.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.styles.js","sourceRoot":"","sources":["../../src/Modal/Modal.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAE/D,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;aAEjB,MAAM,CAAC,MAAM,CAAC,KAAK;;;;;;;;;;;;;CAa/B,CAAC"}
+{"version":3,"file":"Modal/Modal.styles.js","sources":["../../src/Modal/Modal.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\n\nexport const Root = styled.div`\n  position: fixed;\n  z-index: ${tokens.zIndex.modal};\n  right: 0;\n  bottom: 0;\n  top: 0;\n  left: 0;\n\n  &.hidden {\n    visibility: hidden;\n  }\n\n  &.absolute {\n    position: absolute;\n  }\n`;\n"],"names":["Root","styled","tokens"],"mappings":";;AAGO,MAAMA,OAAOC,OAAO,GAAG,CAAC;;WAEpB,EAAEC,OAAO,MAAM,CAAC,KAAK,CAAC;;;;;;;;;;;;;AAajC,CAAC"}

package/dist/Modal/ModalManager.js

@@ -1,25 +1,23 @@
 class ModalManager {
-    constructor() {
-        this.modals = [];
-    }
     add(modal) {
         const modalIndex = this.modals.indexOf(modal);
-        if (modalIndex !== -1) {
-            return modalIndex;
-        }
+        if (-1 !== modalIndex) return modalIndex;
         return this.modals.push(modal) - 1;
     }
     remove(modal) {
         const modalIndex = this.modals.indexOf(modal);
-        if (modalIndex === -1) {
-            return modalIndex;
-        }
+        if (-1 === modalIndex) return modalIndex;
         this.modals.splice(modalIndex, 1);
         return modalIndex;
     }
     isTop(modal) {
         return this.modals.length > 0 && this.modals[this.modals.length - 1] === modal;
     }
+    constructor(){
+        this.modals = [];
+    }
 }
-export default ModalManager;
+const Modal_ModalManager = ModalManager;
+export default Modal_ModalManager;
+
 //# sourceMappingURL=ModalManager.js.map

package/dist/Modal/ModalManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalManager.js","sourceRoot":"","sources":["../../src/Modal/ModalManager.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY;IAAlB;QACU,WAAM,GAAkB,EAAE,CAAC;IAyBrC,CAAC;IAvBC,GAAG,CAAC,KAAkB;QACpB,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,UAAU,KAAK,CAAC,CAAC,EAAE,CAAC;YACtB,OAAO,UAAU,CAAC;QACpB,CAAC;QAED,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACrC,CAAC;IAED,MAAM,CAAC,KAAkB;QACvB,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAE9C,IAAI,UAAU,KAAK,CAAC,CAAC,EAAE,CAAC;YACtB,OAAO,UAAU,CAAC;QACpB,CAAC;QAED,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;QAClC,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,KAAK,CAAC,KAAkB;QACtB,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,KAAK,CAAC;IACjF,CAAC;CACF;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"Modal/ModalManager.js","sources":["../../src/Modal/ModalManager.ts"],"sourcesContent":["class ModalManager {\n  private modals: HTMLElement[] = [];\n\n  add(modal: HTMLElement) {\n    const modalIndex = this.modals.indexOf(modal);\n    if (modalIndex !== -1) {\n      return modalIndex;\n    }\n\n    return this.modals.push(modal) - 1;\n  }\n\n  remove(modal: HTMLElement) {\n    const modalIndex = this.modals.indexOf(modal);\n\n    if (modalIndex === -1) {\n      return modalIndex;\n    }\n\n    this.modals.splice(modalIndex, 1);\n    return modalIndex;\n  }\n\n  isTop(modal: HTMLElement) {\n    return this.modals.length > 0 && this.modals[this.modals.length - 1] === modal;\n  }\n}\n\nexport default ModalManager;\n"],"names":["ModalManager","modal","modalIndex"],"mappings":"AAAA,MAAMA;IAGJ,IAAIC,KAAkB,EAAE;QACtB,MAAMC,aAAa,IAAI,CAAC,MAAM,CAAC,OAAO,CAACD;QACvC,IAAIC,AAAe,OAAfA,YACF,OAAOA;QAGT,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAACD,SAAS;IACnC;IAEA,OAAOA,KAAkB,EAAE;QACzB,MAAMC,aAAa,IAAI,CAAC,MAAM,CAAC,OAAO,CAACD;QAEvC,IAAIC,AAAe,OAAfA,YACF,OAAOA;QAGT,IAAI,CAAC,MAAM,CAAC,MAAM,CAACA,YAAY;QAC/B,OAAOA;IACT;IAEA,MAAMD,KAAkB,EAAE;QACxB,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,KAAK,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,EAAE,KAAKA;IAC3E;;aAxBQ,MAAM,GAAkB,EAAE;;AAyBpC;AAEA,2BAAeD"}

package/dist/Modal/Portal.js

@@ -1,21 +1,24 @@
-import { useEffect, useState } from 'react';
-import { createPortal } from 'react-dom';
+import { useEffect, useState } from "react";
+import { createPortal } from "react-dom";
 function getContainer(container) {
-    return typeof container === 'function' ? container() : container || null;
+    return 'function' == typeof container ? container() : container || null;
 }
-/**
- * Portals provide a first-class way to render children into a DOM node
- * that exists outside the DOM hierarchy of the parent component.
- */
-const Portal = ({ container, onRendered, show, children }) => {
+const Portal = ({ container, onRendered, show, children })=>{
     const [mountNode, setMountNode] = useState(null);
-    useEffect(() => {
+    useEffect(()=>{
         onRendered && onRendered(mountNode);
-    }, [mountNode, onRendered]);
-    useEffect(() => {
+    }, [
+        mountNode,
+        onRendered
+    ]);
+    useEffect(()=>{
         setMountNode(getContainer(container) || document.body);
-    }, [container]);
-    return mountNode && show ? createPortal(children, mountNode) : null;
+    }, [
+        container
+    ]);
+    return mountNode && show ? /*#__PURE__*/ createPortal(children, mountNode) : null;
 };
-export default Portal;
+const Modal_Portal = Portal;
+export default Modal_Portal;
+
 //# sourceMappingURL=Portal.js.map

package/dist/Modal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../src/Modal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,SAAS,YAAY,CAAC,SAAuD;IAC3E,OAAO,OAAO,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,IAAI,IAAI,CAAC;AAC3E,CAAC;AAqBD;;;GAGG;AACH,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAS,EAAE,EAAE;IAClE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAC;IAEjE,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,IAAI,UAAU,CAAC,SAAS,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;IACzD,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACtE,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Modal/Portal.js","sources":["../../src/Modal/Portal.tsx"],"sourcesContent":["import { ReactNode, useEffect, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nfunction getContainer(container: Element | (() => Element) | null | undefined): Element | null {\n  return typeof container === 'function' ? container() : container || null;\n}\n\ninterface Props {\n  /**\n   * The children to render into the `container`.\n   */\n  children: ReactNode;\n  /**\n   * A node, component instance, or function that returns either.\n   * The `container` will have the portal children appended to it.\n   * By default, it uses the body of the top-level document object,\n   * so it's simply `document.body` most of the time.\n   */\n  container?: Element | (() => Element);\n  /**\n   * Callback fired once the children has been mounted into the `container`.\n   */\n  onRendered?(mountNode: Element | null): void;\n  show: boolean;\n}\n\n/**\n * Portals provide a first-class way to render children into a DOM node\n * that exists outside the DOM hierarchy of the parent component.\n */\nconst Portal = ({ container, onRendered, show, children }: Props) => {\n  const [mountNode, setMountNode] = useState<Element | null>(null);\n\n  useEffect(() => {\n    onRendered && onRendered(mountNode);\n  }, [mountNode, onRendered]);\n\n  useEffect(() => {\n    setMountNode(getContainer(container) || document.body);\n  }, [container]);\n\n  return mountNode && show ? createPortal(children, mountNode) : null;\n};\n\nexport default Portal;\n"],"names":["getContainer","container","Portal","onRendered","show","children","mountNode","setMountNode","useState","useEffect","document","createPortal"],"mappings":";;AAGA,SAASA,aAAaC,SAAuD;IAC3E,OAAO,AAAqB,cAArB,OAAOA,YAA2BA,cAAcA,aAAa;AACtE;AAyBA,MAAMC,SAAS,CAAC,EAAED,SAAS,EAAEE,UAAU,EAAEC,IAAI,EAAEC,QAAQ,EAAS;IAC9D,MAAM,CAACC,WAAWC,aAAa,GAAGC,SAAyB;IAE3DC,UAAU;QACRN,cAAcA,WAAWG;IAC3B,GAAG;QAACA;QAAWH;KAAW;IAE1BM,UAAU;QACRF,aAAaP,aAAaC,cAAcS,SAAS,IAAI;IACvD,GAAG;QAACT;KAAU;IAEd,OAAOK,aAAaF,OAAO,WAAPA,GAAOO,aAAaN,UAAUC,aAAa;AACjE;AAEA,qBAAeJ"}

package/dist/Modal/index.js

@@ -1,3 +1,2 @@
-export { default, defaultModalManager } from './Modal.js';
-export { default as ModalManager } from './ModalManager.js';
-//# sourceMappingURL=index.js.map
+export { default, defaultModalManager } from "./Modal.js";
+export { default as ModalManager } from "./ModalManager.js";

package/dist/Modal/useModal.js

@@ -1,44 +1,52 @@
-import { useEffect, useRef } from 'react';
-import { useModalState } from '../ModalsProvider/index.js';
-const useModal = ({ id, open, closeGlobal, onClose }) => {
+import { useEffect, useRef } from "react";
+import { useModalState } from "../ModalsProvider/index.js";
+const useModal = ({ id, open, closeGlobal, onClose })=>{
     const prevOpenRef = useRef(open);
     const { open: openGlobal, onChangeOpen, className } = useModalState(id);
     const prevOpenGlobalRef = useRef(openGlobal);
     const isInitialMount = useRef(true);
-    useEffect(() => {
+    useEffect(()=>{
         if (isInitialMount.current) {
             isInitialMount.current = false;
-            if (open && open !== openGlobal) {
-                onChangeOpen === null || onChangeOpen === void 0 ? void 0 : onChangeOpen(open);
-            }
+            if (open && open !== openGlobal) null == onChangeOpen || onChangeOpen(open);
         }
-    }, [onChangeOpen, open, openGlobal]);
-    useEffect(() => {
+    }, [
+        onChangeOpen,
+        open,
+        openGlobal
+    ]);
+    useEffect(()=>{
         if (open !== prevOpenRef.current) {
-            if (open !== openGlobal) {
-                onChangeOpen === null || onChangeOpen === void 0 ? void 0 : onChangeOpen(open);
-            }
+            if (open !== openGlobal) null == onChangeOpen || onChangeOpen(open);
             prevOpenRef.current = open;
         }
-    }, [open, openGlobal, onChangeOpen]);
-    useEffect(() => {
+    }, [
+        open,
+        openGlobal,
+        onChangeOpen
+    ]);
+    useEffect(()=>{
         if (openGlobal !== prevOpenGlobalRef.current) {
-            if (openGlobal === false && open) {
-                onClose === null || onClose === void 0 ? void 0 : onClose();
-            }
+            if (false === openGlobal && open) null == onClose || onClose();
             prevOpenGlobalRef.current = openGlobal;
         }
-    }, [openGlobal, open, onClose]);
-    useEffect(() => {
-        if (closeGlobal && !open && openGlobal) {
-            onChangeOpen === null || onChangeOpen === void 0 ? void 0 : onChangeOpen(false);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [closeGlobal, openGlobal]);
+    }, [
+        openGlobal,
+        open,
+        onClose
+    ]);
+    useEffect(()=>{
+        if (closeGlobal && !open && openGlobal) null == onChangeOpen || onChangeOpen(false);
+    }, [
+        closeGlobal,
+        openGlobal
+    ]);
     return {
-        open: closeGlobal ? openGlobal !== false && open : (openGlobal !== null && openGlobal !== void 0 ? openGlobal : open),
-        className,
+        open: closeGlobal ? false !== openGlobal && open : null != openGlobal ? openGlobal : open,
+        className
     };
 };
-export default useModal;
+const Modal_useModal = useModal;
+export default Modal_useModal;
+
 //# sourceMappingURL=useModal.js.map

package/dist/Modal/useModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModal.js","sourceRoot":"","sources":["../../src/Modal/useModal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAS3D,MAAM,QAAQ,GAAG,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAe,EAAE,EAAE;IACnE,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC;IACxE,MAAM,iBAAiB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAC7C,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;YAC3B,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;YAE/B,IAAI,IAAI,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;gBAChC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,IAAI,CAAC,CAAC;YACvB,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,KAAK,WAAW,CAAC,OAAO,EAAE,CAAC;YACjC,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;gBACxB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,IAAI,CAAC,CAAC;YACvB,CAAC;YACD,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,KAAK,iBAAiB,CAAC,OAAO,EAAE,CAAC;YAC7C,IAAI,UAAU,KAAK,KAAK,IAAI,IAAI,EAAE,CAAC;gBACjC,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAC;YACd,CAAC;YACD,iBAAiB,CAAC,OAAO,GAAG,UAAU,CAAC;QACzC,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,IAAI,CAAC,IAAI,IAAI,UAAU,EAAE,CAAC;YACvC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,KAAK,CAAC,CAAC;QACxB,CAAC;QACH,uDAAuD;IACvD,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAE9B,OAAO;QACL,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,UAAU,KAAK,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,IAAI,CAAC;QACvE,SAAS;KACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Modal/useModal.js","sources":["../../src/Modal/useModal.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { useModalState } from '../ModalsProvider/index.js';\n\nexport interface ModalParams {\n  id?: string;\n  open: boolean;\n  closeGlobal?: boolean;\n  onClose?: () => void;\n}\n\nconst useModal = ({ id, open, closeGlobal, onClose }: ModalParams) => {\n  const prevOpenRef = useRef(open);\n  const { open: openGlobal, onChangeOpen, className } = useModalState(id);\n  const prevOpenGlobalRef = useRef(openGlobal);\n  const isInitialMount = useRef(true);\n\n  useEffect(() => {\n    if (isInitialMount.current) {\n      isInitialMount.current = false;\n\n      if (open && open !== openGlobal) {\n        onChangeOpen?.(open);\n      }\n    }\n  }, [onChangeOpen, open, openGlobal]);\n\n  useEffect(() => {\n    if (open !== prevOpenRef.current) {\n      if (open !== openGlobal) {\n        onChangeOpen?.(open);\n      }\n      prevOpenRef.current = open;\n    }\n  }, [open, openGlobal, onChangeOpen]);\n\n  useEffect(() => {\n    if (openGlobal !== prevOpenGlobalRef.current) {\n      if (openGlobal === false && open) {\n        onClose?.();\n      }\n      prevOpenGlobalRef.current = openGlobal;\n    }\n  }, [openGlobal, open, onClose]);\n\n  useEffect(() => {\n    if (closeGlobal && !open && openGlobal) {\n      onChangeOpen?.(false);\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [closeGlobal, openGlobal]);\n\n  return {\n    open: closeGlobal ? openGlobal !== false && open : (openGlobal ?? open),\n    className,\n  };\n};\n\nexport default useModal;\n"],"names":["useModal","id","open","closeGlobal","onClose","prevOpenRef","useRef","openGlobal","onChangeOpen","className","useModalState","prevOpenGlobalRef","isInitialMount","useEffect"],"mappings":";;AAUA,MAAMA,WAAW,CAAC,EAAEC,EAAE,EAAEC,IAAI,EAAEC,WAAW,EAAEC,OAAO,EAAe;IAC/D,MAAMC,cAAcC,OAAOJ;IAC3B,MAAM,EAAE,MAAMK,UAAU,EAAEC,YAAY,EAAEC,SAAS,EAAE,GAAGC,cAAcT;IACpE,MAAMU,oBAAoBL,OAAOC;IACjC,MAAMK,iBAAiBN,OAAO;IAE9BO,UAAU;QACR,IAAID,eAAe,OAAO,EAAE;YAC1BA,eAAe,OAAO,GAAG;YAEzB,IAAIV,QAAQA,SAASK,YACnBC,QAAAA,gBAAAA,aAAeN;QAEnB;IACF,GAAG;QAACM;QAAcN;QAAMK;KAAW;IAEnCM,UAAU;QACR,IAAIX,SAASG,YAAY,OAAO,EAAE;YAChC,IAAIH,SAASK,YACXC,QAAAA,gBAAAA,aAAeN;YAEjBG,YAAY,OAAO,GAAGH;QACxB;IACF,GAAG;QAACA;QAAMK;QAAYC;KAAa;IAEnCK,UAAU;QACR,IAAIN,eAAeI,kBAAkB,OAAO,EAAE;YAC5C,IAAIJ,AAAe,UAAfA,cAAwBL,MAC1BE,QAAAA,WAAAA;YAEFO,kBAAkB,OAAO,GAAGJ;QAC9B;IACF,GAAG;QAACA;QAAYL;QAAME;KAAQ;IAE9BS,UAAU;QACR,IAAIV,eAAe,CAACD,QAAQK,YAC1BC,QAAAA,gBAAAA,aAAe;IAGnB,GAAG;QAACL;QAAaI;KAAW;IAE5B,OAAO;QACL,MAAMJ,cAAcI,AAAe,UAAfA,cAAwBL,OAAQK,QAAAA,aAAAA,aAAcL;QAClEO;IACF;AACF;AAEA,uBAAeT"}

package/dist/ModalsProvider/ModalsContext.js

@@ -1,3 +1,5 @@
-import { createContext } from 'react';
-export default createContext({});
+import { createContext } from "react";
+const ModalsContext = createContext({});
+export default ModalsContext;
+
 //# sourceMappingURL=ModalsContext.js.map

package/dist/ModalsProvider/ModalsContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalsContext.js","sourceRoot":"","sources":["../../src/ModalsProvider/ModalsContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,eAAe,aAAa,CAAc,EAAE,CAAC,CAAC"}
+{"version":3,"file":"ModalsProvider/ModalsContext.js","sources":["../../src/ModalsProvider/ModalsContext.ts"],"sourcesContent":["import { createContext } from 'react';\nimport type { ModalsProps } from './types.js';\n\nexport default createContext<ModalsProps>({});\n"],"names":["createContext"],"mappings":";AAGA,sBAAeA,cAA2B,CAAC"}

package/dist/ModalsProvider/ModalsProvider.js

@@ -1,13 +1,23 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import ModalsContext from './ModalsContext.js';
-export const ModalsProvider = ({ openState, onChangeOpenState, className, children, }) => {
-    const contextValue = useMemo(() => ({
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import ModalsContext from "./ModalsContext.js";
+const ModalsProvider = ({ openState, onChangeOpenState, className, children })=>{
+    const contextValue = useMemo(()=>({
+            openState,
+            onChangeOpenState,
+            className
+        }), [
         openState,
         onChangeOpenState,
-        className,
-    }), [openState, onChangeOpenState, className]);
-    return (_jsx(ModalsContext.Provider, { value: contextValue, children: children }));
+        className
+    ]);
+    return /*#__PURE__*/ jsx(ModalsContext.Provider, {
+        value: contextValue,
+        children: children
+    });
 };
-export default ModalsProvider;
+const ModalsProvider_ModalsProvider = ModalsProvider;
+export default ModalsProvider_ModalsProvider;
+export { ModalsProvider };
+
 //# sourceMappingURL=ModalsProvider.js.map

package/dist/ModalsProvider/ModalsProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalsProvider.js","sourceRoot":"","sources":["../../src/ModalsProvider/ModalsProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAiB,MAAM,OAAO,CAAC;AAC/C,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAO/C,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EACtD,SAAS,EACT,iBAAiB,EACjB,SAAS,EACT,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,OAAO,CAAC,GAAgB,EAAE,CAAC,CAAC;QAC/C,SAAS;QACT,iBAAiB;QACjB,SAAS;KACV,CAAC,EAAE,CAAC,SAAS,EAAE,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAC;IAE/C,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACxC,QAAQ,GACc,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ModalsProvider/ModalsProvider.js","sources":["../../src/ModalsProvider/ModalsProvider.tsx"],"sourcesContent":["import { useMemo, ReactNode, FC } from 'react';\nimport ModalsContext from './ModalsContext.js';\nimport type { ModalsProps } from './types.js';\n\nexport interface ModalsProviderProps extends ModalsProps {\n  children: ReactNode;\n}\n\nexport const ModalsProvider: FC<ModalsProviderProps> = ({\n  openState,\n  onChangeOpenState,\n  className,\n  children,\n}) => {\n  const contextValue = useMemo((): ModalsProps => ({\n    openState,\n    onChangeOpenState,\n    className,\n  }), [openState, onChangeOpenState, className]);\n\n  return (\n    <ModalsContext.Provider value={contextValue}>\n      {children}\n    </ModalsContext.Provider>\n  );\n};\n\nexport default ModalsProvider;\n"],"names":["ModalsProvider","openState","onChangeOpenState","className","children","contextValue","useMemo","ModalsContext"],"mappings":";;;AAQO,MAAMA,iBAA0C,CAAC,EACtDC,SAAS,EACTC,iBAAiB,EACjBC,SAAS,EACTC,QAAQ,EACT;IACC,MAAMC,eAAeC,QAAQ,IAAoB;YAC/CL;YACAC;YACAC;QACF,IAAI;QAACF;QAAWC;QAAmBC;KAAU;IAE7C,OAAO,WAAP,GACE,IAACI,cAAc,QAAQ;QAAC,OAAOF;kBAC5BD;;AAGP;AAEA,sCAAeJ"}

package/dist/ModalsProvider/index.js

@@ -1,6 +1,8 @@
-import ModalsProvider from './ModalsProvider.js';
+import ModalsProvider from "./ModalsProvider.js";
+export * from "./types.js";
+const src_ModalsProvider = ModalsProvider;
+export { default as useModalState } from "./useModalState.js";
+export default src_ModalsProvider;
 export { ModalsProvider };
-export { default as useModalState } from './useModalState.js';
-export * from './types.js';
-export default ModalsProvider;
+
 //# sourceMappingURL=index.js.map

package/dist/ModalsProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ModalsProvider/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAuC,MAAM,qBAAqB,CAAC;AAE1E,OAAO,EAAE,cAAc,EAA4B,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9D,cAAc,YAAY,CAAC;AAE3B,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ModalsProvider/index.js","sources":["../../src/ModalsProvider/index.ts"],"sourcesContent":["import ModalsProvider, { ModalsProviderProps } from './ModalsProvider.js';\n\nexport { ModalsProvider, type ModalsProviderProps };\nexport { default as useModalState } from './useModalState.js';\nexport * from './types.js';\n\nexport default ModalsProvider;\n"],"names":["ModalsProvider"],"mappings":";;AAMA,2BAAeA"}