@alfalab/core-components-base-modal 5.0.8 → 5.0.10

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,34 +21,7 @@ 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_7hxkw","wrapper":"base-modal__wrapper_7hxkw","content":"base-modal__content_7hxkw","hidden":"base-modal__hidden_7hxkw","backdrop":"base-modal__backdrop_7hxkw","appear":"base-modal__appear_7hxkw","enter":"base-modal__enter_7hxkw","appearActive":"base-modal__appearActive_7hxkw","enterActive":"base-modal__enterActive_7hxkw","exit":"base-modal__exit_7hxkw","exitActive":"base-modal__exitActive_7hxkw","exitDone":"base-modal__exitDone_7hxkw"};
+var styles = {"component":"base-modal__component_1tgx5","wrapper":"base-modal__wrapper_1tgx5","content":"base-modal__content_1tgx5","hidden":"base-modal__hidden_1tgx5","backdrop":"base-modal__backdrop_1tgx5","appear":"base-modal__appear_1tgx5","enter":"base-modal__enter_1tgx5","appearActive":"base-modal__appearActive_1tgx5","enterActive":"base-modal__enterActive_1tgx5","exit":"base-modal__exit_1tgx5","exitActive":"base-modal__exitActive_1tgx5","exitDone":"base-modal__exitDone_1tgx5"};
 require('./index.css')
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare
@@ -260,7 +234,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 +244,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.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,33 +23,6 @@ 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({
     hasFooter: false,
@@ -259,7 +233,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 +243,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.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,34 +12,7 @@ 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_7hxkw","wrapper":"base-modal__wrapper_7hxkw","content":"base-modal__content_7hxkw","hidden":"base-modal__hidden_7hxkw","backdrop":"base-modal__backdrop_7hxkw","appear":"base-modal__appear_7hxkw","enter":"base-modal__enter_7hxkw","appearActive":"base-modal__appearActive_7hxkw","enterActive":"base-modal__enterActive_7hxkw","exit":"base-modal__exit_7hxkw","exitActive":"base-modal__exitActive_7hxkw","exitDone":"base-modal__exitDone_7hxkw"};
+var styles = {"component":"base-modal__component_1tgx5","wrapper":"base-modal__wrapper_1tgx5","content":"base-modal__content_1tgx5","hidden":"base-modal__hidden_1tgx5","backdrop":"base-modal__backdrop_1tgx5","appear":"base-modal__appear_1tgx5","enter":"base-modal__enter_1tgx5","appearActive":"base-modal__appearActive_1tgx5","enterActive":"base-modal__enterActive_1tgx5","exit":"base-modal__exit_1tgx5","exitActive":"base-modal__exitActive_1tgx5","exitDone":"base-modal__exitDone_1tgx5"};
 require('./index.css')
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare

package/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: xt53z */
+/* hash: 1b946 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -15,13 +15,13 @@
 } :root {
 } :root {
 } :root {
-} .base-modal__component_7hxkw {
+} .base-modal__component_1tgx5 {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_7hxkw {
+} .base-modal__wrapper_1tgx5 {
     position: fixed;
     top: 0;
     left: 0;
@@ -33,27 +33,27 @@
     flex-direction: column;
     align-items: center;
     outline: 0;
-} .base-modal__content_7hxkw {
+} .base-modal__content_1tgx5 {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-} .base-modal__hidden_7hxkw {
+} .base-modal__hidden_1tgx5 {
     display: none;
-} .base-modal__backdrop_7hxkw {
+} .base-modal__backdrop_1tgx5 {
     z-index: 0;
-} .base-modal__appear_7hxkw,
-.base-modal__enter_7hxkw {
+} .base-modal__appear_1tgx5,
+.base-modal__enter_1tgx5 {
     opacity: 0;
-} .base-modal__appearActive_7hxkw,
-.base-modal__enterActive_7hxkw {
+} .base-modal__appearActive_1tgx5,
+.base-modal__enterActive_1tgx5 {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_7hxkw {
+} .base-modal__exit_1tgx5 {
     opacity: 1;
-} .base-modal__exitActive_7hxkw,
-.base-modal__exitDone_7hxkw {
+} .base-modal__exitActive_1tgx5,
+.base-modal__exitDone_1tgx5 {
     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: xt53z */
+/* hash: 1b946 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -15,13 +15,13 @@
 } :root {
 } :root {
 } :root {
-} .base-modal__component_7hxkw {
+} .base-modal__component_1tgx5 {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_7hxkw {
+} .base-modal__wrapper_1tgx5 {
     position: fixed;
     top: 0;
     left: 0;
@@ -33,27 +33,27 @@
     flex-direction: column;
     align-items: center;
     outline: 0;
-} .base-modal__content_7hxkw {
+} .base-modal__content_1tgx5 {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-} .base-modal__hidden_7hxkw {
+} .base-modal__hidden_1tgx5 {
     display: none;
-} .base-modal__backdrop_7hxkw {
+} .base-modal__backdrop_1tgx5 {
     z-index: 0;
-} .base-modal__appear_7hxkw,
-.base-modal__enter_7hxkw {
+} .base-modal__appear_1tgx5,
+.base-modal__enter_1tgx5 {
     opacity: 0;
-} .base-modal__appearActive_7hxkw,
-.base-modal__enterActive_7hxkw {
+} .base-modal__appearActive_1tgx5,
+.base-modal__enterActive_1tgx5 {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_7hxkw {
+} .base-modal__exit_1tgx5 {
     opacity: 1;
-} .base-modal__exitActive_7hxkw,
-.base-modal__exitDone_7hxkw {
+} .base-modal__exitActive_1tgx5,
+.base-modal__exitDone_1tgx5 {
     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.js

@@ -11,7 +11,7 @@ import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerS
 import './matches-polyfill.js';
 import '@alfalab/core-components-global-store/modern';
 
-const styles = {"component":"base-modal__component_7hxkw","wrapper":"base-modal__wrapper_7hxkw","content":"base-modal__content_7hxkw","hidden":"base-modal__hidden_7hxkw","backdrop":"base-modal__backdrop_7hxkw","appear":"base-modal__appear_7hxkw","enter":"base-modal__enter_7hxkw","appearActive":"base-modal__appearActive_7hxkw","enterActive":"base-modal__enterActive_7hxkw","exit":"base-modal__exit_7hxkw","exitActive":"base-modal__exitActive_7hxkw","exitDone":"base-modal__exitDone_7hxkw"};
+const styles = {"component":"base-modal__component_1tgx5","wrapper":"base-modal__wrapper_1tgx5","content":"base-modal__content_1tgx5","hidden":"base-modal__hidden_1tgx5","backdrop":"base-modal__backdrop_1tgx5","appear":"base-modal__appear_1tgx5","enter":"base-modal__enter_1tgx5","appearActive":"base-modal__appearActive_1tgx5","enterActive":"base-modal__enterActive_1tgx5","exit":"base-modal__exit_1tgx5","exitActive":"base-modal__exitActive_1tgx5","exitDone":"base-modal__exitDone_1tgx5"};
 require('./index.css')
 
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: xt53z */
+/* hash: 1b946 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -15,13 +15,13 @@
 } :root {
 } :root {
 } :root {
-} .base-modal__component_7hxkw {
+} .base-modal__component_1tgx5 {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_7hxkw {
+} .base-modal__wrapper_1tgx5 {
     position: fixed;
     top: 0;
     left: 0;
@@ -33,27 +33,27 @@
     flex-direction: column;
     align-items: center;
     outline: 0;
-} .base-modal__content_7hxkw {
+} .base-modal__content_1tgx5 {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1;
-} .base-modal__hidden_7hxkw {
+} .base-modal__hidden_1tgx5 {
     display: none;
-} .base-modal__backdrop_7hxkw {
+} .base-modal__backdrop_1tgx5 {
     z-index: 0;
-} .base-modal__appear_7hxkw,
-.base-modal__enter_7hxkw {
+} .base-modal__appear_1tgx5,
+.base-modal__enter_1tgx5 {
     opacity: 0;
-} .base-modal__appearActive_7hxkw,
-.base-modal__enterActive_7hxkw {
+} .base-modal__appearActive_1tgx5,
+.base-modal__enterActive_1tgx5 {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_7hxkw {
+} .base-modal__exit_1tgx5 {
     opacity: 1;
-} .base-modal__exitActive_7hxkw,
-.base-modal__exitDone_7hxkw {
+} .base-modal__exitActive_1tgx5,
+.base-modal__exitDone_1tgx5 {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-base-modal",
-    "version": "5.0.8",
+    "version": "5.0.10",
     "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.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"