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

@instructure/ui-overlays

Package Overview
Dependencies
Maintainers
0
Versions
1935
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@instructure/ui-overlays - npm Package Compare versions

Comparing version 8.56.5-pr-snapshot-1728655013879 to 8.56.5-pr-snapshot-1729507712924

2

CHANGELOG.md

@@ -6,3 +6,3 @@ # Change Log

## [8.56.5-pr-snapshot-1728655013879](https://github.com/instructure/instructure-ui/compare/v8.56.4...v8.56.5-pr-snapshot-1728655013879) (2024-10-11)
## [8.56.5-pr-snapshot-1729507712924](https://github.com/instructure/instructure-ui/compare/v8.56.4...v8.56.5-pr-snapshot-1729507712924) (2024-10-21)

@@ -9,0 +9,0 @@ **Note:** Version bump only for package @instructure/ui-overlays

10

lib/Mask/index.js

@@ -12,3 +12,5 @@ "use strict";

var _emotion = require("@instructure/emotion");
var _uiReactUtils = require("@instructure/ui-react-utils");
var _ensureSingleChild = require("@instructure/ui-react-utils/lib/ensureSingleChild.js");
var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
var _deprecated = require("@instructure/ui-react-utils/lib/deprecated.js");
var _styles = _interopRequireDefault(require("./styles"));

@@ -48,3 +50,3 @@ var _theme = _interopRequireDefault(require("./theme"));

**/
let Mask = exports.Mask = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _uiReactUtils.deprecated)('9.0.0', {
let Mask = exports.Mask = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _deprecated.deprecated)('9.0.0', {
onDismiss: null

@@ -90,7 +92,7 @@ }), _dec(_class = _dec2(_class = (_class2 = class Mask extends _react.Component {

var _this$props$styles;
const content = (0, _uiReactUtils.ensureSingleChild)(this.props.children, {
const content = (0, _ensureSingleChild.ensureSingleChild)(this.props.children, {
ref: this.contentRef
});
const props = {
...(0, _uiReactUtils.omitProps)(this.props, Mask.allowedProps),
...(0, _omitProps.omitProps)(this.props, Mask.allowedProps),
css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.mask,

@@ -97,0 +99,0 @@ ref: this.handleElementRef

26

lib/Overlay/index.js

@@ -9,8 +9,10 @@ "use strict";

var _react = _interopRequireWildcard(require("react"));
var _uiTestable = require("@instructure/ui-testable");
var _uiUtils = require("@instructure/ui-utils");
var _uiReactUtils = require("@instructure/ui-react-utils");
var _uiDialog = require("@instructure/ui-dialog");
var _uiPortal = require("@instructure/ui-portal");
var _uiMotion = require("@instructure/ui-motion");
var _testable = require("@instructure/ui-testable/lib/testable.js");
var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
var _deprecated = require("@instructure/ui-react-utils/lib/deprecated.js");
var _Dialog = require("@instructure/ui-dialog/lib/Dialog");
var _Portal = require("@instructure/ui-portal/lib/Portal");
var _Transition = require("@instructure/ui-motion/lib/Transition");
var _props = require("./props");

@@ -46,3 +48,3 @@ var _dec, _dec2, _class, _class2;

**/
let Overlay = exports.Overlay = (_dec = (0, _uiTestable.testable)(), _dec2 = (0, _uiReactUtils.deprecated)('9.0.0', {
let Overlay = exports.Overlay = (_dec = (0, _testable.testable)(), _dec2 = (0, _deprecated.deprecated)('9.0.0', {
applicationElement: null

@@ -102,3 +104,3 @@ }), _dec(_class = _dec2(_class = (_class2 = class Overlay extends _react.Component {

renderTransition(content) {
return /*#__PURE__*/_react.default.createElement(_uiMotion.Transition, Object.assign({}, (0, _uiReactUtils.pickProps)(this.props, _uiMotion.Transition.allowedProps), {
return /*#__PURE__*/_react.default.createElement(_Transition.Transition, Object.assign({}, (0, _pickProps.pickProps)(this.props, _Transition.Transition.allowedProps), {
in: this.props.open,

@@ -108,7 +110,7 @@ transitionOnMount: true,

type: this.props.transition,
onExited: (0, _uiUtils.createChainedFunction)(this.handleTransitionExited, this.props.onExited)
onExited: (0, _createChainedFunction.createChainedFunction)(this.handleTransitionExited, this.props.onExited)
}), content);
}
render() {
let content = /*#__PURE__*/_react.default.createElement(_uiDialog.Dialog, Object.assign({}, (0, _uiReactUtils.omitProps)(this.props, Overlay.allowedProps), (0, _uiReactUtils.pickProps)(this.props, _uiDialog.Dialog.allowedProps), {
let content = /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, Object.assign({}, (0, _omitProps.omitProps)(this.props, Overlay.allowedProps), (0, _pickProps.pickProps)(this.props, _Dialog.Dialog.allowedProps), {
defaultFocusElement: this.props.defaultFocusElement,

@@ -121,5 +123,5 @@ open: this.state.open,

}
return /*#__PURE__*/_react.default.createElement(_uiPortal.Portal, Object.assign({}, (0, _uiReactUtils.pickProps)(this.props, _uiPortal.Portal.allowedProps), {
return /*#__PURE__*/_react.default.createElement(_Portal.Portal, Object.assign({}, (0, _pickProps.pickProps)(this.props, _Portal.Portal.allowedProps), {
open: this.props.open || this.state.transitioning,
onOpen: (0, _uiUtils.createChainedFunction)(this.handlePortalOpen, this.props.onOpen)
onOpen: (0, _createChainedFunction.createChainedFunction)(this.handlePortalOpen, this.props.onOpen)
}), content);

@@ -126,0 +128,0 @@ }

4

lib/Overlay/props.js

@@ -9,3 +9,3 @@ "use strict";

var _propTypes = _interopRequireDefault(require("prop-types"));
var _uiPropTypes = require("@instructure/ui-prop-types");
var _element = require("@instructure/ui-prop-types/lib/element.js");
var _uiMotion = require("@instructure/ui-motion");

@@ -41,3 +41,3 @@ /*

onClose: _propTypes.default.func,
mountNode: _propTypes.default.oneOfType([_uiPropTypes.element, _propTypes.default.func]),
mountNode: _propTypes.default.oneOfType([_element.element, _propTypes.default.func]),
insertAt: _propTypes.default.oneOf(['bottom', 'top']),

@@ -44,0 +44,0 @@ label: _propTypes.default.string.isRequired,

44

package.json
{
"name": "@instructure/ui-overlays",
"version": "8.56.5-pr-snapshot-1728655013879",
"version": "8.56.5-pr-snapshot-1729507712924",
"description": "A UI component library made by Instructure Inc.",

@@ -26,4 +26,4 @@ "author": "Instructure, Inc. Engineering and Product Design",

"devDependencies": {
"@instructure/ui-babel-preset": "8.56.5-pr-snapshot-1728655013879",
"@instructure/ui-themes": "8.56.5-pr-snapshot-1728655013879",
"@instructure/ui-babel-preset": "8.56.5-pr-snapshot-1729507712924",
"@instructure/ui-themes": "8.56.5-pr-snapshot-1729507712924",
"@testing-library/jest-dom": "^6.1.4",

@@ -36,21 +36,21 @@ "@testing-library/react": "^14.1.2",

"@babel/runtime": "^7.23.2",
"@instructure/console": "8.56.5-pr-snapshot-1728655013879",
"@instructure/emotion": "8.56.5-pr-snapshot-1728655013879",
"@instructure/shared-types": "8.56.5-pr-snapshot-1728655013879",
"@instructure/ui-buttons": "8.56.5-pr-snapshot-1728655013879",
"@instructure/ui-dialog": "8.56.5-pr-snapshot-1728655013879",
"@instructure/ui-dom-utils": "8.56.5-pr-snapshot-1728655013879",
"@instructure/ui-focusable": "8.56.5-pr-snapshot-1728655013879",
"@instructure/ui-i18n": "8.56.5-pr-snapshot-1728655013879",
"@instructure/ui-motion": "8.56.5-pr-snapshot-1728655013879",
"@instructure/ui-popover": "8.56.5-pr-snapshot-1728655013879",
"@instructure/ui-portal": "8.56.5-pr-snapshot-1728655013879",
"@instructure/ui-position": "8.56.5-pr-snapshot-1728655013879",
"@instructure/ui-prop-types": "8.56.5-pr-snapshot-1728655013879",
"@instructure/ui-react-utils": "8.56.5-pr-snapshot-1728655013879",
"@instructure/ui-testable": "8.56.5-pr-snapshot-1728655013879",
"@instructure/ui-tooltip": "8.56.5-pr-snapshot-1728655013879",
"@instructure/ui-utils": "8.56.5-pr-snapshot-1728655013879",
"@instructure/ui-view": "8.56.5-pr-snapshot-1728655013879",
"@instructure/uid": "8.56.5-pr-snapshot-1728655013879",
"@instructure/console": "8.56.5-pr-snapshot-1729507712924",
"@instructure/emotion": "8.56.5-pr-snapshot-1729507712924",
"@instructure/shared-types": "8.56.5-pr-snapshot-1729507712924",
"@instructure/ui-buttons": "8.56.5-pr-snapshot-1729507712924",
"@instructure/ui-dialog": "8.56.5-pr-snapshot-1729507712924",
"@instructure/ui-dom-utils": "8.56.5-pr-snapshot-1729507712924",
"@instructure/ui-focusable": "8.56.5-pr-snapshot-1729507712924",
"@instructure/ui-i18n": "8.56.5-pr-snapshot-1729507712924",
"@instructure/ui-motion": "8.56.5-pr-snapshot-1729507712924",
"@instructure/ui-popover": "8.56.5-pr-snapshot-1729507712924",
"@instructure/ui-portal": "8.56.5-pr-snapshot-1729507712924",
"@instructure/ui-position": "8.56.5-pr-snapshot-1729507712924",
"@instructure/ui-prop-types": "8.56.5-pr-snapshot-1729507712924",
"@instructure/ui-react-utils": "8.56.5-pr-snapshot-1729507712924",
"@instructure/ui-testable": "8.56.5-pr-snapshot-1729507712924",
"@instructure/ui-tooltip": "8.56.5-pr-snapshot-1729507712924",
"@instructure/ui-utils": "8.56.5-pr-snapshot-1729507712924",
"@instructure/ui-view": "8.56.5-pr-snapshot-1729507712924",
"@instructure/uid": "8.56.5-pr-snapshot-1729507712924",
"no-scroll": "^2.1.1",

@@ -57,0 +57,0 @@ "prop-types": "^15.8.1"

SocketSocket SOC 2 Logo

Product

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

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc