Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@alfalab/core-components-base-modal

Package Overview
Dependencies
Maintainers
0
Versions
69
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@alfalab/core-components-base-modal - npm Package Compare versions

Comparing version 5.7.8 to 5.7.9

5

Component.js

@@ -16,2 +16,3 @@ 'use strict';

var coreComponentsStack = require('@alfalab/core-components-stack');
var stackContext = require('@alfalab/stack-context');
var helpers_lockScroll = require('./helpers/lockScroll.js');

@@ -28,3 +29,3 @@ var utils = require('./utils.js');

var styles = {"component":"base-modal__component_ocb2l","wrapper":"base-modal__wrapper_ocb2l","content":"base-modal__content_ocb2l","hidden":"base-modal__hidden_ocb2l","backdrop":"base-modal__backdrop_ocb2l","appear":"base-modal__appear_ocb2l","enter":"base-modal__enter_ocb2l","appearActive":"base-modal__appearActive_ocb2l","enterActive":"base-modal__enterActive_ocb2l","exit":"base-modal__exit_ocb2l","exitActive":"base-modal__exitActive_ocb2l","exitDone":"base-modal__exitDone_ocb2l"};
var styles = {"component":"base-modal__component_1sok7","wrapper":"base-modal__wrapper_1sok7","content":"base-modal__content_1sok7","hidden":"base-modal__hidden_1sok7","backdrop":"base-modal__backdrop_1sok7","appear":"base-modal__appear_1sok7","enter":"base-modal__enter_1sok7","appearActive":"base-modal__appearActive_1sok7","enterActive":"base-modal__enterActive_1sok7","exit":"base-modal__exit_1sok7","exitActive":"base-modal__exitActive_1sok7","exitDone":"base-modal__exitDone_1sok7"};
require('./index.css')

@@ -49,3 +50,3 @@

var BaseModal = React.forwardRef(function (_a, ref) {
var open = _a.open, container = _a.container, children = _a.children, _b = _a.scrollHandler, scrollHandler = _b === void 0 ? 'wrapper' : _b, _c = _a.Backdrop, Backdrop = _c === void 0 ? coreComponentsBackdrop.Backdrop : _c, _d = _a.backdropProps, backdropProps = _d === void 0 ? {} : _d, _e = _a.transitionProps, transitionProps = _e === void 0 ? {} : _e, disableBackdropClick = _a.disableBackdropClick, _f = _a.disableAutoFocus, disableAutoFocus = _f === void 0 ? false : _f, _g = _a.disableFocusLock, disableFocusLock = _g === void 0 ? false : _g, _h = _a.disableEscapeKeyDown, disableEscapeKeyDown = _h === void 0 ? false : _h, _j = _a.disableRestoreFocus, disableRestoreFocus = _j === void 0 ? false : _j, _k = _a.disableBlockingScroll, disableBlockingScroll = _k === void 0 ? false : _k, _l = _a.keepMounted, keepMounted = _l === void 0 ? false : _l, className = _a.className, contentClassName = _a.contentClassName, wrapperProps = _a.wrapperProps, contentProps = _a.contentProps, componentDivProps = _a.componentDivProps, wrapperClassName = _a.wrapperClassName, onBackdropClick = _a.onBackdropClick, onClose = _a.onClose, onEscapeKeyDown = _a.onEscapeKeyDown, onMount = _a.onMount, onUnmount = _a.onUnmount, dataTestId = _a.dataTestId, _m = _a.zIndex, zIndex = _m === void 0 ? coreComponentsStack.stackingOrder.MODAL : _m, _o = _a.componentRef, componentRef = _o === void 0 ? null : _o, _p = _a.usePortal, usePortal = _p === void 0 ? true : _p, _q = _a.iOSLock, iOSLock = _q === void 0 ? false : _q;
var open = _a.open, container = _a.container, children = _a.children, _b = _a.scrollHandler, scrollHandler = _b === void 0 ? 'wrapper' : _b, _c = _a.Backdrop, Backdrop = _c === void 0 ? coreComponentsBackdrop.Backdrop : _c, _d = _a.backdropProps, backdropProps = _d === void 0 ? {} : _d, _e = _a.transitionProps, transitionProps = _e === void 0 ? {} : _e, disableBackdropClick = _a.disableBackdropClick, _f = _a.disableAutoFocus, disableAutoFocus = _f === void 0 ? false : _f, _g = _a.disableFocusLock, disableFocusLock = _g === void 0 ? false : _g, _h = _a.disableEscapeKeyDown, disableEscapeKeyDown = _h === void 0 ? false : _h, _j = _a.disableRestoreFocus, disableRestoreFocus = _j === void 0 ? false : _j, _k = _a.disableBlockingScroll, disableBlockingScroll = _k === void 0 ? false : _k, _l = _a.keepMounted, keepMounted = _l === void 0 ? false : _l, className = _a.className, contentClassName = _a.contentClassName, wrapperProps = _a.wrapperProps, contentProps = _a.contentProps, componentDivProps = _a.componentDivProps, wrapperClassName = _a.wrapperClassName, onBackdropClick = _a.onBackdropClick, onClose = _a.onClose, onEscapeKeyDown = _a.onEscapeKeyDown, onMount = _a.onMount, onUnmount = _a.onUnmount, dataTestId = _a.dataTestId, _m = _a.zIndex, zIndex = _m === void 0 ? stackContext.stackingOrder.MODAL : _m, _o = _a.componentRef, componentRef = _o === void 0 ? null : _o, _p = _a.usePortal, usePortal = _p === void 0 ? true : _p, _q = _a.iOSLock, iOSLock = _q === void 0 ? false : _q;
var _r = React.useState(null), exited = _r[0], setExited = _r[1];

@@ -52,0 +53,0 @@ var _s = React.useState(false), hasScroll = _s[0], setHasScroll = _s[1];

3

cssm/Component.js

@@ -16,2 +16,3 @@ 'use strict';

var coreComponentsStack = require('@alfalab/core-components-stack/cssm');
var stackContext = require('@alfalab/stack-context');
var helpers_lockScroll = require('./helpers/lockScroll.js');

@@ -47,3 +48,3 @@ var utils = require('./utils.js');

var BaseModal = React.forwardRef(function (_a, ref) {
var open = _a.open, container = _a.container, children = _a.children, _b = _a.scrollHandler, scrollHandler = _b === void 0 ? 'wrapper' : _b, _c = _a.Backdrop, Backdrop = _c === void 0 ? coreComponentsBackdrop.Backdrop : _c, _d = _a.backdropProps, backdropProps = _d === void 0 ? {} : _d, _e = _a.transitionProps, transitionProps = _e === void 0 ? {} : _e, disableBackdropClick = _a.disableBackdropClick, _f = _a.disableAutoFocus, disableAutoFocus = _f === void 0 ? false : _f, _g = _a.disableFocusLock, disableFocusLock = _g === void 0 ? false : _g, _h = _a.disableEscapeKeyDown, disableEscapeKeyDown = _h === void 0 ? false : _h, _j = _a.disableRestoreFocus, disableRestoreFocus = _j === void 0 ? false : _j, _k = _a.disableBlockingScroll, disableBlockingScroll = _k === void 0 ? false : _k, _l = _a.keepMounted, keepMounted = _l === void 0 ? false : _l, className = _a.className, contentClassName = _a.contentClassName, wrapperProps = _a.wrapperProps, contentProps = _a.contentProps, componentDivProps = _a.componentDivProps, wrapperClassName = _a.wrapperClassName, onBackdropClick = _a.onBackdropClick, onClose = _a.onClose, onEscapeKeyDown = _a.onEscapeKeyDown, onMount = _a.onMount, onUnmount = _a.onUnmount, dataTestId = _a.dataTestId, _m = _a.zIndex, zIndex = _m === void 0 ? coreComponentsStack.stackingOrder.MODAL : _m, _o = _a.componentRef, componentRef = _o === void 0 ? null : _o, _p = _a.usePortal, usePortal = _p === void 0 ? true : _p, _q = _a.iOSLock, iOSLock = _q === void 0 ? false : _q;
var open = _a.open, container = _a.container, children = _a.children, _b = _a.scrollHandler, scrollHandler = _b === void 0 ? 'wrapper' : _b, _c = _a.Backdrop, Backdrop = _c === void 0 ? coreComponentsBackdrop.Backdrop : _c, _d = _a.backdropProps, backdropProps = _d === void 0 ? {} : _d, _e = _a.transitionProps, transitionProps = _e === void 0 ? {} : _e, disableBackdropClick = _a.disableBackdropClick, _f = _a.disableAutoFocus, disableAutoFocus = _f === void 0 ? false : _f, _g = _a.disableFocusLock, disableFocusLock = _g === void 0 ? false : _g, _h = _a.disableEscapeKeyDown, disableEscapeKeyDown = _h === void 0 ? false : _h, _j = _a.disableRestoreFocus, disableRestoreFocus = _j === void 0 ? false : _j, _k = _a.disableBlockingScroll, disableBlockingScroll = _k === void 0 ? false : _k, _l = _a.keepMounted, keepMounted = _l === void 0 ? false : _l, className = _a.className, contentClassName = _a.contentClassName, wrapperProps = _a.wrapperProps, contentProps = _a.contentProps, componentDivProps = _a.componentDivProps, wrapperClassName = _a.wrapperClassName, onBackdropClick = _a.onBackdropClick, onClose = _a.onClose, onEscapeKeyDown = _a.onEscapeKeyDown, onMount = _a.onMount, onUnmount = _a.onUnmount, dataTestId = _a.dataTestId, _m = _a.zIndex, zIndex = _m === void 0 ? stackContext.stackingOrder.MODAL : _m, _o = _a.componentRef, componentRef = _o === void 0 ? null : _o, _p = _a.usePortal, usePortal = _p === void 0 ? true : _p, _q = _a.iOSLock, iOSLock = _q === void 0 ? false : _q;
var _r = React.useState(null), exited = _r[0], setExited = _r[1];

@@ -50,0 +51,0 @@ var _s = React.useState(false), hasScroll = _s[0], setHasScroll = _s[1];

@@ -11,3 +11,4 @@ import { __assign } from 'tslib';

import { os, browser } from '@alfalab/core-components-shared/esm';
import { stackingOrder, Stack } from '@alfalab/core-components-stack/esm';
import { Stack } from '@alfalab/core-components-stack/esm';
import { stackingOrder } from '@alfalab/stack-context';
import { unlockScroll, syncHeight, lockScroll } from './helpers/lockScroll.js';

@@ -17,3 +18,3 @@ import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerStyles, hasScrollbar } from './utils.js';

var styles = {"component":"base-modal__component_ocb2l","wrapper":"base-modal__wrapper_ocb2l","content":"base-modal__content_ocb2l","hidden":"base-modal__hidden_ocb2l","backdrop":"base-modal__backdrop_ocb2l","appear":"base-modal__appear_ocb2l","enter":"base-modal__enter_ocb2l","appearActive":"base-modal__appearActive_ocb2l","enterActive":"base-modal__enterActive_ocb2l","exit":"base-modal__exit_ocb2l","exitActive":"base-modal__exitActive_ocb2l","exitDone":"base-modal__exitDone_ocb2l"};
var styles = {"component":"base-modal__component_1sok7","wrapper":"base-modal__wrapper_1sok7","content":"base-modal__content_1sok7","hidden":"base-modal__hidden_1sok7","backdrop":"base-modal__backdrop_1sok7","appear":"base-modal__appear_1sok7","enter":"base-modal__enter_1sok7","appearActive":"base-modal__appearActive_1sok7","enterActive":"base-modal__enterActive_1sok7","exit":"base-modal__exit_1sok7","exitActive":"base-modal__exitActive_1sok7","exitDone":"base-modal__exitDone_1sok7"};
require('./index.css')

@@ -20,0 +21,0 @@

@@ -10,3 +10,4 @@ import React, { forwardRef, useState, useRef, useCallback, useEffect, useMemo } from 'react';

import { os, browser } from '@alfalab/core-components-shared/modern';
import { stackingOrder, Stack } from '@alfalab/core-components-stack/modern';
import { Stack } from '@alfalab/core-components-stack/modern';
import { stackingOrder } from '@alfalab/stack-context';
import { unlockScroll, syncHeight, lockScroll } from './helpers/lockScroll.js';

@@ -16,3 +17,3 @@ import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerStyles, hasScrollbar } from './utils.js';

const styles = {"component":"base-modal__component_ocb2l","wrapper":"base-modal__wrapper_ocb2l","content":"base-modal__content_ocb2l","hidden":"base-modal__hidden_ocb2l","backdrop":"base-modal__backdrop_ocb2l","appear":"base-modal__appear_ocb2l","enter":"base-modal__enter_ocb2l","appearActive":"base-modal__appearActive_ocb2l","enterActive":"base-modal__enterActive_ocb2l","exit":"base-modal__exit_ocb2l","exitActive":"base-modal__exitActive_ocb2l","exitDone":"base-modal__exitDone_ocb2l"};
const styles = {"component":"base-modal__component_1sok7","wrapper":"base-modal__wrapper_1sok7","content":"base-modal__content_1sok7","hidden":"base-modal__hidden_1sok7","backdrop":"base-modal__backdrop_1sok7","appear":"base-modal__appear_1sok7","enter":"base-modal__enter_1sok7","appearActive":"base-modal__appearActive_1sok7","enterActive":"base-modal__enterActive_1sok7","exit":"base-modal__exit_1sok7","exitActive":"base-modal__exitActive_1sok7","exitDone":"base-modal__exitDone_1sok7"};
require('./index.css')

@@ -19,0 +20,0 @@

{
"name": "@alfalab/core-components-base-modal",
"version": "5.7.8",
"version": "5.7.9",
"description": "BaseModal component",

@@ -17,3 +17,3 @@ "keywords": [],

"@alfalab/core-components-portal": "^3.3.0",
"@alfalab/core-components-stack": "^4.1.0",
"@alfalab/core-components-stack": "^5.0.0",
"@alfalab/core-components-shared": "^0.11.0",

@@ -20,0 +20,0 @@ "@juggle/resize-observer": "^3.3.1",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc