@alfalab/core-components-base-modal 5.0.9 → 5.1.0

package/Component.d.ts

@@ -119,6 +119,7 @@ type BaseModalProps = {
     componentRef?: MutableRefObject<HTMLDivElement | null>;
 };
 type BaseModalContext = {
+    parentRef: React.RefObject<HTMLDivElement>;
     hasFooter?: boolean;
     hasHeader?: boolean;
     hasScroll?: boolean;

package/Component.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var tslib = require('tslib');
 var React = require('react');
 var FocusLock = require('react-focus-lock');
 var mergeRefs = require('react-merge-refs');
@@ -20,38 +21,12 @@ var FocusLock__default = /*#__PURE__*/_interopDefaultCompat(FocusLock);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var __assign = function () {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s)
-                if (Object.prototype.hasOwnProperty.call(s, p))
-                    t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-var styles = {"component":"base-modal__component_6hw5o","wrapper":"base-modal__wrapper_6hw5o","content":"base-modal__content_6hw5o","hidden":"base-modal__hidden_6hw5o","backdrop":"base-modal__backdrop_6hw5o","appear":"base-modal__appear_6hw5o","enter":"base-modal__enter_6hw5o","appearActive":"base-modal__appearActive_6hw5o","enterActive":"base-modal__enterActive_6hw5o","exit":"base-modal__exit_6hw5o","exitActive":"base-modal__exitActive_6hw5o","exitDone":"base-modal__exitDone_6hw5o"};
+var styles = {"component":"base-modal__component_11i04","wrapper":"base-modal__wrapper_11i04","content":"base-modal__content_11i04","hidden":"base-modal__hidden_11i04","backdrop":"base-modal__backdrop_11i04","appear":"base-modal__appear_11i04","enter":"base-modal__enter_11i04","appearActive":"base-modal__appearActive_11i04","enterActive":"base-modal__enterActive_11i04","exit":"base-modal__exit_11i04","exitActive":"base-modal__exitActive_11i04","exitDone":"base-modal__exitDone_11i04"};
 require('./index.css')
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare
 var BaseModalContext = React__default.default.createContext({
+    parentRef: { current: null },
     hasFooter: false,
     hasHeader: false,
     hasScroll: false,
@@ -231,6 +206,7 @@ var BaseModal = React.forwardRef(function (_a, ref) {
         };
     }, []);
     var contextValue = React.useMemo(function () { return ({
+        parentRef: wrapperRef,
         hasHeader: hasHeader,
         hasFooter: hasFooter,
         hasScroll: hasScroll,
@@ -260,7 +236,7 @@ var BaseModal = React.forwardRef(function (_a, ref) {
         return (React__default.default.createElement(coreComponentsPortal.Portal, { getPortalContainer: container, immediateMount: true },
             React__default.default.createElement(BaseModalContext.Provider, { value: contextValue },
                 React__default.default.createElement(FocusLock__default.default, { autoFocus: !disableAutoFocus, disabled: disableFocusLock || !open, returnFocus: !disableRestoreFocus },
-                    Backdrop && (React__default.default.createElement(Backdrop, __assign({}, backdropProps, { className: cn__default.default(backdropProps.className, styles.backdrop), open: open, style: {
+                    Backdrop && (React__default.default.createElement(Backdrop, tslib.__assign({}, backdropProps, { className: cn__default.default(backdropProps.className, styles.backdrop), open: open, style: {
                             zIndex: computedZIndex,
                         } }))),
                     React__default.default.createElement("div", { role: 'dialog', className: cn__default.default(styles.wrapper, wrapperClassName, (_a = {},
@@ -270,7 +246,7 @@ var BaseModal = React.forwardRef(function (_a, ref) {
                         tabIndex: 0, "data-test-id": dataTestId, style: {
                             zIndex: computedZIndex,
                         } },
-                        React__default.default.createElement(reactTransitionGroup.CSSTransition, __assign({ appear: true, timeout: 200, classNames: styles }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),
+                        React__default.default.createElement(reactTransitionGroup.CSSTransition, tslib.__assign({ appear: true, timeout: 200, classNames: styles }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),
                             React__default.default.createElement("div", { className: cn__default.default(styles.component, className), ref: mergeRefs__default.default([componentRef, componentNodeRef]) },
                                 React__default.default.createElement("div", { className: cn__default.default(styles.content, contentClassName) }, children))))))));
     }));

package/cssm/Component.d.ts

@@ -119,6 +119,7 @@ type BaseModalProps = {
     componentRef?: MutableRefObject<HTMLDivElement | null>;
 };
 type BaseModalContext = {
+    parentRef: React.RefObject<HTMLDivElement>;
     hasFooter?: boolean;
     hasHeader?: boolean;
     hasScroll?: boolean;

package/cssm/Component.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var tslib = require('tslib');
 var React = require('react');
 var FocusLock = require('react-focus-lock');
 var mergeRefs = require('react-merge-refs');
@@ -22,35 +23,9 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var __assign = function () {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s)
-                if (Object.prototype.hasOwnProperty.call(s, p))
-                    t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
 // eslint-disable-next-line @typescript-eslint/no-redeclare
 var BaseModalContext = React__default.default.createContext({
+    parentRef: { current: null },
     hasFooter: false,
     hasHeader: false,
     hasScroll: false,
@@ -230,6 +205,7 @@ var BaseModal = React.forwardRef(function (_a, ref) {
         };
     }, []);
     var contextValue = React.useMemo(function () { return ({
+        parentRef: wrapperRef,
         hasHeader: hasHeader,
         hasFooter: hasFooter,
         hasScroll: hasScroll,
@@ -259,7 +235,7 @@ var BaseModal = React.forwardRef(function (_a, ref) {
         return (React__default.default.createElement(coreComponentsPortal.Portal, { getPortalContainer: container, immediateMount: true },
             React__default.default.createElement(BaseModalContext.Provider, { value: contextValue },
                 React__default.default.createElement(FocusLock__default.default, { autoFocus: !disableAutoFocus, disabled: disableFocusLock || !open, returnFocus: !disableRestoreFocus },
-                    Backdrop && (React__default.default.createElement(Backdrop, __assign({}, backdropProps, { className: cn__default.default(backdropProps.className, styles__default.default.backdrop), open: open, style: {
+                    Backdrop && (React__default.default.createElement(Backdrop, tslib.__assign({}, backdropProps, { className: cn__default.default(backdropProps.className, styles__default.default.backdrop), open: open, style: {
                             zIndex: computedZIndex,
                         } }))),
                     React__default.default.createElement("div", { role: 'dialog', className: cn__default.default(styles__default.default.wrapper, wrapperClassName, (_a = {},
@@ -269,7 +245,7 @@ var BaseModal = React.forwardRef(function (_a, ref) {
                         tabIndex: 0, "data-test-id": dataTestId, style: {
                             zIndex: computedZIndex,
                         } },
-                        React__default.default.createElement(reactTransitionGroup.CSSTransition, __assign({ appear: true, timeout: 200, classNames: styles__default.default }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),
+                        React__default.default.createElement(reactTransitionGroup.CSSTransition, tslib.__assign({ appear: true, timeout: 200, classNames: styles__default.default }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),
                             React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className), ref: mergeRefs__default.default([componentRef, componentNodeRef]) },
                                 React__default.default.createElement("div", { className: cn__default.default(styles__default.default.content, contentClassName) }, children))))))));
     }));

package/cssm/index.js

@@ -2,6 +2,7 @@
 
 var Component = require('./Component.js');
 var utils = require('./utils.js');
+require('tslib');
 require('react');
 require('react-focus-lock');
 require('react-merge-refs');

package/esm/Component.d.ts

@@ -119,6 +119,7 @@ type BaseModalProps = {
     componentRef?: MutableRefObject<HTMLDivElement | null>;
 };
 type BaseModalContext = {
+    parentRef: React.RefObject<HTMLDivElement>;
     hasFooter?: boolean;
     hasHeader?: boolean;
     hasScroll?: boolean;

package/esm/Component.js

@@ -1,3 +1,4 @@
+import { __assign } from 'tslib';
 import React, { forwardRef, useState, useRef, useCallback, useEffect, useMemo } from 'react';
 import FocusLock from 'react-focus-lock';
 import mergeRefs from 'react-merge-refs';
@@ -11,38 +12,12 @@ import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerS
 import './matches-polyfill.js';
 import '@alfalab/core-components-global-store/esm';
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var __assign = function () {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s)
-                if (Object.prototype.hasOwnProperty.call(s, p))
-                    t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-var styles = {"component":"base-modal__component_6hw5o","wrapper":"base-modal__wrapper_6hw5o","content":"base-modal__content_6hw5o","hidden":"base-modal__hidden_6hw5o","backdrop":"base-modal__backdrop_6hw5o","appear":"base-modal__appear_6hw5o","enter":"base-modal__enter_6hw5o","appearActive":"base-modal__appearActive_6hw5o","enterActive":"base-modal__enterActive_6hw5o","exit":"base-modal__exit_6hw5o","exitActive":"base-modal__exitActive_6hw5o","exitDone":"base-modal__exitDone_6hw5o"};
+var styles = {"component":"base-modal__component_11i04","wrapper":"base-modal__wrapper_11i04","content":"base-modal__content_11i04","hidden":"base-modal__hidden_11i04","backdrop":"base-modal__backdrop_11i04","appear":"base-modal__appear_11i04","enter":"base-modal__enter_11i04","appearActive":"base-modal__appearActive_11i04","enterActive":"base-modal__enterActive_11i04","exit":"base-modal__exit_11i04","exitActive":"base-modal__exitActive_11i04","exitDone":"base-modal__exitDone_11i04"};
 require('./index.css')
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare
 var BaseModalContext = React.createContext({
+    parentRef: { current: null },
     hasFooter: false,
     hasHeader: false,
     hasScroll: false,
@@ -222,6 +197,7 @@ var BaseModal = forwardRef(function (_a, ref) {
         };
     }, []);
     var contextValue = useMemo(function () { return ({
+        parentRef: wrapperRef,
         hasHeader: hasHeader,
         hasFooter: hasFooter,
         hasScroll: hasScroll,

package/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: gcy7v */
+/* hash: n3prj */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -15,13 +15,13 @@
 } :root {
 } :root {
 } :root {
-} .base-modal__component_6hw5o {
+} .base-modal__component_11i04 {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_6hw5o {
+} .base-modal__wrapper_11i04 {
     position: fixed;
     top: 0;
     left: 0;
@@ -33,27 +33,27 @@
     flex-direction: column;
     align-items: center;
     outline: 0;
-} .base-modal__content_6hw5o {
+} .base-modal__content_11i04 {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-} .base-modal__hidden_6hw5o {
+} .base-modal__hidden_11i04 {
     display: none;
-} .base-modal__backdrop_6hw5o {
+} .base-modal__backdrop_11i04 {
     z-index: 0;
-} .base-modal__appear_6hw5o,
-.base-modal__enter_6hw5o {
+} .base-modal__appear_11i04,
+.base-modal__enter_11i04 {
     opacity: 0;
-} .base-modal__appearActive_6hw5o,
-.base-modal__enterActive_6hw5o {
+} .base-modal__appearActive_11i04,
+.base-modal__enterActive_11i04 {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_6hw5o {
+} .base-modal__exit_11i04 {
     opacity: 1;
-} .base-modal__exitActive_6hw5o,
-.base-modal__exitDone_6hw5o {
+} .base-modal__exitActive_11i04,
+.base-modal__exitDone_11i04 {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/esm/index.js

@@ -1,5 +1,6 @@
 export { BaseModal, BaseModalContext } from './Component.js';
 export { getScrollbarSize, handleContainer, hasScrollbar, isScrolledToBottom, isScrolledToTop, restoreContainerStyles } from './utils.js';
+import 'tslib';
 import 'react';
 import 'react-focus-lock';
 import 'react-merge-refs';

package/index.css

@@ -1,4 +1,4 @@
-/* hash: gcy7v */
+/* hash: n3prj */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -15,13 +15,13 @@
 } :root {
 } :root {
 } :root {
-} .base-modal__component_6hw5o {
+} .base-modal__component_11i04 {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_6hw5o {
+} .base-modal__wrapper_11i04 {
     position: fixed;
     top: 0;
     left: 0;
@@ -33,27 +33,27 @@
     flex-direction: column;
     align-items: center;
     outline: 0;
-} .base-modal__content_6hw5o {
+} .base-modal__content_11i04 {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-} .base-modal__hidden_6hw5o {
+} .base-modal__hidden_11i04 {
     display: none;
-} .base-modal__backdrop_6hw5o {
+} .base-modal__backdrop_11i04 {
     z-index: 0;
-} .base-modal__appear_6hw5o,
-.base-modal__enter_6hw5o {
+} .base-modal__appear_11i04,
+.base-modal__enter_11i04 {
     opacity: 0;
-} .base-modal__appearActive_6hw5o,
-.base-modal__enterActive_6hw5o {
+} .base-modal__appearActive_11i04,
+.base-modal__enterActive_11i04 {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_6hw5o {
+} .base-modal__exit_11i04 {
     opacity: 1;
-} .base-modal__exitActive_6hw5o,
-.base-modal__exitDone_6hw5o {
+} .base-modal__exitActive_11i04,
+.base-modal__exitDone_11i04 {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/index.js

@@ -2,6 +2,7 @@
 
 var Component = require('./Component.js');
 var utils = require('./utils.js');
+require('tslib');
 require('react');
 require('react-focus-lock');
 require('react-merge-refs');

package/modern/Component.d.ts

@@ -119,6 +119,7 @@ type BaseModalProps = {
     componentRef?: MutableRefObject<HTMLDivElement | null>;
 };
 type BaseModalContext = {
+    parentRef: React.RefObject<HTMLDivElement>;
     hasFooter?: boolean;
     hasHeader?: boolean;
     hasScroll?: boolean;

package/modern/Component.js

@@ -11,12 +11,13 @@ import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerS
 import './matches-polyfill.js';
 import '@alfalab/core-components-global-store/modern';
 
-const styles = {"component":"base-modal__component_6hw5o","wrapper":"base-modal__wrapper_6hw5o","content":"base-modal__content_6hw5o","hidden":"base-modal__hidden_6hw5o","backdrop":"base-modal__backdrop_6hw5o","appear":"base-modal__appear_6hw5o","enter":"base-modal__enter_6hw5o","appearActive":"base-modal__appearActive_6hw5o","enterActive":"base-modal__enterActive_6hw5o","exit":"base-modal__exit_6hw5o","exitActive":"base-modal__exitActive_6hw5o","exitDone":"base-modal__exitDone_6hw5o"};
+const styles = {"component":"base-modal__component_11i04","wrapper":"base-modal__wrapper_11i04","content":"base-modal__content_11i04","hidden":"base-modal__hidden_11i04","backdrop":"base-modal__backdrop_11i04","appear":"base-modal__appear_11i04","enter":"base-modal__enter_11i04","appearActive":"base-modal__appearActive_11i04","enterActive":"base-modal__enterActive_11i04","exit":"base-modal__exit_11i04","exitActive":"base-modal__exitActive_11i04","exitDone":"base-modal__exitDone_11i04"};
 require('./index.css')
 
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
 // eslint-disable-next-line @typescript-eslint/no-redeclare
 const BaseModalContext = React.createContext({
+    parentRef: { current: null },
     hasFooter: false,
     hasHeader: false,
     hasScroll: false,
@@ -194,6 +195,7 @@ const BaseModal = forwardRef(({ open, container, children, scrollHandler = 'wrap
         };
     }, []);
     const contextValue = useMemo(() => ({
+        parentRef: wrapperRef,
         hasHeader,
         hasFooter,
         hasScroll,

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: gcy7v */
+/* hash: n3prj */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -15,13 +15,13 @@
 } :root {
 } :root {
 } :root {
-} .base-modal__component_6hw5o {
+} .base-modal__component_11i04 {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_6hw5o {
+} .base-modal__wrapper_11i04 {
     position: fixed;
     top: 0;
     left: 0;
@@ -33,27 +33,27 @@
     flex-direction: column;
     align-items: center;
     outline: 0;
-} .base-modal__content_6hw5o {
+} .base-modal__content_11i04 {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-} .base-modal__hidden_6hw5o {
+} .base-modal__hidden_11i04 {
     display: none;
-} .base-modal__backdrop_6hw5o {
+} .base-modal__backdrop_11i04 {
     z-index: 0;
-} .base-modal__appear_6hw5o,
-.base-modal__enter_6hw5o {
+} .base-modal__appear_11i04,
+.base-modal__enter_11i04 {
     opacity: 0;
-} .base-modal__appearActive_6hw5o,
-.base-modal__enterActive_6hw5o {
+} .base-modal__appearActive_11i04,
+.base-modal__enterActive_11i04 {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_6hw5o {
+} .base-modal__exit_11i04 {
     opacity: 1;
-} .base-modal__exitActive_6hw5o,
-.base-modal__exitDone_6hw5o {
+} .base-modal__exitActive_11i04,
+.base-modal__exitDone_11i04 {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-base-modal",
-    "version": "5.0.9",
+    "version": "5.1.0",
     "description": "BaseModal component",
     "keywords": [],
     "license": "MIT",
@@ -13,15 +13,16 @@
         "directory": "dist"
     },
     "dependencies": {
-        "@alfalab/core-components-backdrop": "^3.0.3",
+        "@alfalab/core-components-backdrop": "^3.0.4",
         "@alfalab/core-components-global-store": "^2.0.3",
-        "@alfalab/core-components-portal": "^3.1.2",
-        "@alfalab/core-components-stack": "^4.0.2",
+        "@alfalab/core-components-portal": "^3.1.3",
+        "@alfalab/core-components-stack": "^4.0.3",
         "@juggle/resize-observer": "^3.3.1",
         "classnames": "^2.3.1",
         "react-focus-lock": "^2.9.3",
         "react-merge-refs": "^1.1.0",
-        "react-transition-group": "^4.4.5"
+        "react-transition-group": "^4.4.5",
+        "tslib": "^2.4.0"
     },
     "devDependencies": {
         "@types/react-transition-group": "^4.4.5"