@instructure/ui-overlays 11.7.8 → 11.7.9-snapshot-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/lib/Mask/v1/index.js +3 -4
- package/lib/Mask/v2/index.js +3 -4
- package/lib/Overlay/v1/index.js +14 -15
- package/package.json +20 -20
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [11.7.9-snapshot-1](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-snapshot-1) (2026-10-06)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @instructure/ui-overlays
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
## [11.7.8](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8) (2026-10-02)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @instructure/ui-overlays
|
package/lib/Mask/v1/index.js
CHANGED
|
@@ -8,8 +8,7 @@ exports.default = exports.Mask = void 0;
|
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _noScroll = _interopRequireDefault(require("no-scroll"));
|
|
10
10
|
var _emotion = require("@instructure/emotion");
|
|
11
|
-
var
|
|
12
|
-
var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
|
|
11
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
13
12
|
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
14
13
|
var _theme = _interopRequireDefault(require("./theme.js"));
|
|
15
14
|
var _props = require("./props.js");
|
|
@@ -87,11 +86,11 @@ let Mask = exports.Mask = (_dec = (0, _emotion.withStyle)(_styles.default, _them
|
|
|
87
86
|
this._content = el;
|
|
88
87
|
};
|
|
89
88
|
render() {
|
|
90
|
-
const content = (0,
|
|
89
|
+
const content = (0, _uiReactUtils.ensureSingleChild)(this.props.children, {
|
|
91
90
|
ref: this.contentRef
|
|
92
91
|
});
|
|
93
92
|
const props = {
|
|
94
|
-
...(0,
|
|
93
|
+
...(0, _uiReactUtils.omitProps)(this.props, Mask.allowedProps),
|
|
95
94
|
css: this.props.styles?.mask,
|
|
96
95
|
ref: this.handleElementRef
|
|
97
96
|
};
|
package/lib/Mask/v2/index.js
CHANGED
|
@@ -8,8 +8,7 @@ exports.default = exports.Mask = void 0;
|
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _noScroll = _interopRequireDefault(require("no-scroll"));
|
|
10
10
|
var _emotion = require("@instructure/emotion");
|
|
11
|
-
var
|
|
12
|
-
var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
|
|
11
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
13
12
|
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
14
13
|
var _props = require("./props.js");
|
|
15
14
|
var _MaskCounter = _interopRequireDefault(require("./MaskCounter.js"));
|
|
@@ -86,11 +85,11 @@ let Mask = exports.Mask = (_dec = (0, _emotion.withStyleNew)(_styles.default), _
|
|
|
86
85
|
this._content = el;
|
|
87
86
|
};
|
|
88
87
|
render() {
|
|
89
|
-
const content = (0,
|
|
88
|
+
const content = (0, _uiReactUtils.ensureSingleChild)(this.props.children, {
|
|
90
89
|
ref: this.contentRef
|
|
91
90
|
});
|
|
92
91
|
const props = {
|
|
93
|
-
...(0,
|
|
92
|
+
...(0, _uiReactUtils.omitProps)(this.props, Mask.allowedProps),
|
|
94
93
|
css: this.props.styles?.mask,
|
|
95
94
|
ref: this.handleElementRef
|
|
96
95
|
};
|
package/lib/Overlay/v1/index.js
CHANGED
|
@@ -5,12 +5,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.Overlay = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var _Transition = require("@instructure/ui-motion/lib/Transition");
|
|
8
|
+
var _uiUtils = require("@instructure/ui-utils");
|
|
9
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
10
|
+
var _uiDialog = require("@instructure/ui-dialog");
|
|
11
|
+
var _uiPortal = require("@instructure/ui-portal");
|
|
12
|
+
var _uiMotion = require("@instructure/ui-motion");
|
|
14
13
|
var _props = require("./props.js");
|
|
15
14
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
16
15
|
/*
|
|
@@ -109,22 +108,22 @@ category: components
|
|
|
109
108
|
});
|
|
110
109
|
};
|
|
111
110
|
renderTransition(content) {
|
|
112
|
-
return (0, _jsxRuntime.jsx)(
|
|
113
|
-
...(0,
|
|
111
|
+
return (0, _jsxRuntime.jsx)(_uiMotion.Transition, {
|
|
112
|
+
...(0, _uiReactUtils.pickProps)(this.props, _uiMotion.Transition.allowedProps),
|
|
114
113
|
in: this.props.open,
|
|
115
114
|
transitionOnMount: true,
|
|
116
115
|
unmountOnExit: true,
|
|
117
116
|
type: this.props.transition,
|
|
118
|
-
onExited: (0,
|
|
117
|
+
onExited: (0, _uiUtils.createChainedFunction)(this.handleTransitionExited, this.props.onExited),
|
|
119
118
|
children: (0, _jsxRuntime.jsx)("div", {
|
|
120
119
|
children: content
|
|
121
120
|
})
|
|
122
121
|
});
|
|
123
122
|
}
|
|
124
123
|
render() {
|
|
125
|
-
let content = (0, _jsxRuntime.jsx)(
|
|
126
|
-
...(0,
|
|
127
|
-
...(0,
|
|
124
|
+
let content = (0, _jsxRuntime.jsx)(_uiDialog.Dialog, {
|
|
125
|
+
...(0, _uiReactUtils.omitProps)(this.props, Overlay.allowedProps),
|
|
126
|
+
...(0, _uiReactUtils.pickProps)(this.props, _uiDialog.Dialog.allowedProps),
|
|
128
127
|
defaultFocusElement: this.props.defaultFocusElement,
|
|
129
128
|
open: this.state.open,
|
|
130
129
|
elementRef: this.handleRef,
|
|
@@ -133,10 +132,10 @@ category: components
|
|
|
133
132
|
if (this.props.transition) {
|
|
134
133
|
content = this.renderTransition(content);
|
|
135
134
|
}
|
|
136
|
-
return (0, _jsxRuntime.jsx)(
|
|
137
|
-
...(0,
|
|
135
|
+
return (0, _jsxRuntime.jsx)(_uiPortal.Portal, {
|
|
136
|
+
...(0, _uiReactUtils.pickProps)(this.props, _uiPortal.Portal.allowedProps),
|
|
138
137
|
open: this.props.open || this.state.transitioning,
|
|
139
|
-
onOpen: (0,
|
|
138
|
+
onOpen: (0, _uiUtils.createChainedFunction)(this.handlePortalOpen, this.props.onOpen),
|
|
140
139
|
"data-cid": "Overlay",
|
|
141
140
|
children: content
|
|
142
141
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-overlays",
|
|
3
|
-
"version": "11.7.
|
|
3
|
+
"version": "11.7.9-snapshot-1",
|
|
4
4
|
"description": "A UI component library made by Instructure Inc.",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -16,29 +16,29 @@
|
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@babel/runtime": "^7.29.7",
|
|
18
18
|
"no-scroll": "^2.1.1",
|
|
19
|
-
"@instructure/
|
|
20
|
-
"@instructure/shared-types": "11.7.
|
|
21
|
-
"@instructure/
|
|
22
|
-
"@instructure/ui-
|
|
23
|
-
"@instructure/ui-
|
|
24
|
-
"@instructure/ui-dom-utils": "11.7.
|
|
25
|
-
"@instructure/ui-
|
|
26
|
-
"@instructure/ui-
|
|
27
|
-
"@instructure/ui-
|
|
28
|
-
"@instructure/ui-
|
|
29
|
-
"@instructure/ui-
|
|
30
|
-
"@instructure/ui-
|
|
31
|
-
"@instructure/ui-
|
|
32
|
-
"@instructure/ui-
|
|
33
|
-
"@instructure/ui-
|
|
34
|
-
"@instructure/ui-
|
|
35
|
-
"@instructure/ui-
|
|
36
|
-
"@instructure/uid": "11.7.
|
|
19
|
+
"@instructure/console": "11.7.9-snapshot-1",
|
|
20
|
+
"@instructure/shared-types": "11.7.9-snapshot-1",
|
|
21
|
+
"@instructure/emotion": "11.7.9-snapshot-1",
|
|
22
|
+
"@instructure/ui-dialog": "11.7.9-snapshot-1",
|
|
23
|
+
"@instructure/ui-buttons": "11.7.9-snapshot-1",
|
|
24
|
+
"@instructure/ui-dom-utils": "11.7.9-snapshot-1",
|
|
25
|
+
"@instructure/ui-focusable": "11.7.9-snapshot-1",
|
|
26
|
+
"@instructure/ui-i18n": "11.7.9-snapshot-1",
|
|
27
|
+
"@instructure/ui-motion": "11.7.9-snapshot-1",
|
|
28
|
+
"@instructure/ui-popover": "11.7.9-snapshot-1",
|
|
29
|
+
"@instructure/ui-portal": "11.7.9-snapshot-1",
|
|
30
|
+
"@instructure/ui-position": "11.7.9-snapshot-1",
|
|
31
|
+
"@instructure/ui-react-utils": "11.7.9-snapshot-1",
|
|
32
|
+
"@instructure/ui-themes": "11.7.9-snapshot-1",
|
|
33
|
+
"@instructure/ui-tooltip": "11.7.9-snapshot-1",
|
|
34
|
+
"@instructure/ui-utils": "11.7.9-snapshot-1",
|
|
35
|
+
"@instructure/ui-view": "11.7.9-snapshot-1",
|
|
36
|
+
"@instructure/uid": "11.7.9-snapshot-1"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"@types/no-scroll": "^2.1.2",
|
|
40
40
|
"vitest": "^5.0.0",
|
|
41
|
-
"@instructure/ui-babel-preset": "11.7.
|
|
41
|
+
"@instructure/ui-babel-preset": "11.7.9-snapshot-1"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
44
|
"react": ">=18 <=19"
|