@instructure/ui-modal 11.7.4-snapshot-14 → 11.7.4-snapshot-49
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 +1 -1
- package/LICENSE.md +1 -0
- package/es/Modal/v1/ModalBody/index.js +6 -5
- package/es/Modal/v1/ModalFooter/index.js +4 -4
- package/es/Modal/v1/ModalHeader/index.js +5 -5
- package/es/Modal/v1/index.js +9 -8
- package/es/Modal/v2/ModalBody/index.js +5 -4
- package/es/Modal/v2/ModalFooter/index.js +3 -3
- package/es/Modal/v2/ModalHeader/index.js +4 -4
- package/es/Modal/v2/index.js +8 -7
- package/es/exports/a.js +1 -1
- package/es/exports/b.js +1 -1
- package/lib/Modal/v1/ModalBody/index.js +5 -5
- package/lib/Modal/v1/ModalFooter/index.js +4 -4
- package/lib/Modal/v1/ModalHeader/index.js +5 -5
- package/lib/Modal/v1/index.js +14 -14
- package/lib/Modal/v2/ModalBody/index.js +4 -4
- package/lib/Modal/v2/ModalFooter/index.js +3 -3
- package/lib/Modal/v2/ModalHeader/index.js +4 -4
- package/lib/Modal/v2/index.js +13 -13
- package/lib/exports/a.js +5 -5
- package/lib/exports/b.js +5 -5
- package/package.json +17 -17
- package/src/Modal/v1/ModalBody/index.tsx +5 -4
- package/src/Modal/v1/ModalFooter/index.tsx +4 -3
- package/src/Modal/v1/ModalHeader/index.tsx +5 -4
- package/src/Modal/v1/index.tsx +8 -7
- package/src/Modal/v2/ModalBody/index.tsx +4 -3
- package/src/Modal/v2/ModalFooter/index.tsx +3 -2
- package/src/Modal/v2/ModalHeader/index.tsx +4 -3
- package/src/Modal/v2/index.tsx +7 -6
- package/src/exports/a.ts +1 -1
- package/src/exports/b.ts +1 -1
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/Modal/v1/ModalBody/index.d.ts +1 -0
- package/types/Modal/v1/ModalBody/index.d.ts.map +1 -1
- package/types/Modal/v1/ModalFooter/index.d.ts +1 -0
- package/types/Modal/v1/ModalFooter/index.d.ts.map +1 -1
- package/types/Modal/v1/ModalHeader/index.d.ts +3 -2
- package/types/Modal/v1/ModalHeader/index.d.ts.map +1 -1
- package/types/Modal/v1/index.d.ts +5 -4
- package/types/Modal/v1/index.d.ts.map +1 -1
- package/types/Modal/v2/ModalBody/index.d.ts +1 -0
- package/types/Modal/v2/ModalBody/index.d.ts.map +1 -1
- package/types/Modal/v2/ModalFooter/index.d.ts +1 -0
- package/types/Modal/v2/ModalFooter/index.d.ts.map +1 -1
- package/types/Modal/v2/ModalHeader/index.d.ts +3 -2
- package/types/Modal/v2/ModalHeader/index.d.ts.map +1 -1
- package/types/Modal/v2/index.d.ts +5 -4
- package/types/Modal/v2/index.d.ts.map +1 -1
- package/types/exports/a.d.ts +1 -1
- package/types/exports/a.d.ts.map +1 -1
- package/types/exports/b.d.ts +1 -1
- package/types/exports/b.d.ts.map +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
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.4-snapshot-
|
|
6
|
+
## [11.7.4-snapshot-49](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-49) (2026-06-17)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-modal
|
|
9
9
|
|
package/LICENSE.md
CHANGED
|
@@ -28,10 +28,11 @@ import { View } from '@instructure/ui-view/v11_6';
|
|
|
28
28
|
import { omitProps } from '@instructure/ui-react-utils';
|
|
29
29
|
import { getCSSStyleDeclaration } from '@instructure/ui-dom-utils';
|
|
30
30
|
import { withStyle } from '@instructure/emotion';
|
|
31
|
-
import generateStyle from
|
|
32
|
-
import generateComponentTheme from
|
|
33
|
-
import { allowedProps } from
|
|
34
|
-
import ModalContext from
|
|
31
|
+
import generateStyle from './styles.js';
|
|
32
|
+
import generateComponentTheme from './theme.js';
|
|
33
|
+
import { allowedProps } from './props.js';
|
|
34
|
+
import ModalContext from '../ModalContext.js';
|
|
35
|
+
|
|
35
36
|
/**
|
|
36
37
|
---
|
|
37
38
|
parent: Modal
|
|
@@ -40,7 +41,7 @@ id: Modal.Body
|
|
|
40
41
|
**/
|
|
41
42
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
42
43
|
let ModalBody = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class ModalBody extends Component {
|
|
43
|
-
static displayName =
|
|
44
|
+
static displayName = 'ModalBody';
|
|
44
45
|
static componentId = 'Modal.Body';
|
|
45
46
|
static allowedProps = allowedProps;
|
|
46
47
|
static defaultProps = {
|
|
@@ -26,9 +26,9 @@ var _dec, _class;
|
|
|
26
26
|
import { Component } from 'react';
|
|
27
27
|
import { passthroughProps } from '@instructure/ui-react-utils';
|
|
28
28
|
import { withStyle } from '@instructure/emotion';
|
|
29
|
-
import generateStyle from
|
|
30
|
-
import generateComponentTheme from
|
|
31
|
-
import { allowedProps } from
|
|
29
|
+
import generateStyle from './styles.js';
|
|
30
|
+
import generateComponentTheme from './theme.js';
|
|
31
|
+
import { allowedProps } from './props.js';
|
|
32
32
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
33
33
|
/**
|
|
34
34
|
---
|
|
@@ -37,7 +37,7 @@ id: Modal.Footer
|
|
|
37
37
|
---
|
|
38
38
|
**/
|
|
39
39
|
let ModalFooter = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class ModalFooter extends Component {
|
|
40
|
-
static displayName =
|
|
40
|
+
static displayName = 'ModalFooter';
|
|
41
41
|
static componentId = 'Modal.Footer';
|
|
42
42
|
static allowedProps = allowedProps;
|
|
43
43
|
static defaultProps = {
|
|
@@ -27,10 +27,10 @@ import { Children, Component } from 'react';
|
|
|
27
27
|
import { matchComponentTypes, passthroughProps } from '@instructure/ui-react-utils';
|
|
28
28
|
import { withStyle } from '@instructure/emotion';
|
|
29
29
|
import { CloseButton } from '@instructure/ui-buttons/v11_6';
|
|
30
|
-
import generateStyle from
|
|
31
|
-
import generateComponentTheme from
|
|
32
|
-
import { allowedProps } from
|
|
33
|
-
import ModalContext from
|
|
30
|
+
import generateStyle from './styles.js';
|
|
31
|
+
import generateComponentTheme from './theme.js';
|
|
32
|
+
import { allowedProps } from './props.js';
|
|
33
|
+
import ModalContext from '../ModalContext.js';
|
|
34
34
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
35
35
|
/**
|
|
36
36
|
---
|
|
@@ -39,7 +39,7 @@ id: Modal.Header
|
|
|
39
39
|
---
|
|
40
40
|
**/
|
|
41
41
|
let ModalHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class ModalHeader extends Component {
|
|
42
|
-
static displayName =
|
|
42
|
+
static displayName = 'ModalHeader';
|
|
43
43
|
static componentId = 'Modal.Header';
|
|
44
44
|
static allowedProps = allowedProps;
|
|
45
45
|
static defaultProps = {
|
package/es/Modal/v1/index.js
CHANGED
|
@@ -30,14 +30,15 @@ import { Transition } from '@instructure/ui-motion';
|
|
|
30
30
|
import { Portal } from '@instructure/ui-portal';
|
|
31
31
|
import { Dialog } from '@instructure/ui-dialog';
|
|
32
32
|
import { Mask } from '@instructure/ui-overlays/v11_6';
|
|
33
|
-
import { ModalHeader } from
|
|
34
|
-
import { ModalBody } from
|
|
35
|
-
import { ModalFooter } from
|
|
33
|
+
import { ModalHeader } from './ModalHeader/index.js';
|
|
34
|
+
import { ModalBody } from './ModalBody/index.js';
|
|
35
|
+
import { ModalFooter } from './ModalFooter/index.js';
|
|
36
36
|
import { withStyle } from '@instructure/emotion';
|
|
37
|
-
import generateStyle from
|
|
38
|
-
import generateComponentTheme from
|
|
39
|
-
import { allowedProps } from
|
|
40
|
-
import ModalContext from
|
|
37
|
+
import generateStyle from './styles.js';
|
|
38
|
+
import generateComponentTheme from './theme.js';
|
|
39
|
+
import { allowedProps } from './props.js';
|
|
40
|
+
import ModalContext from './ModalContext.js';
|
|
41
|
+
|
|
41
42
|
/**
|
|
42
43
|
---
|
|
43
44
|
category: components
|
|
@@ -46,7 +47,7 @@ tags: overlay, portal, dialog
|
|
|
46
47
|
**/
|
|
47
48
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
48
49
|
let Modal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class Modal extends Component {
|
|
49
|
-
static displayName =
|
|
50
|
+
static displayName = 'Modal';
|
|
50
51
|
static componentId = 'Modal';
|
|
51
52
|
static allowedProps = allowedProps;
|
|
52
53
|
static defaultProps = {
|
|
@@ -28,9 +28,10 @@ import { View } from '@instructure/ui-view/latest';
|
|
|
28
28
|
import { omitProps } from '@instructure/ui-react-utils';
|
|
29
29
|
import { getCSSStyleDeclaration } from '@instructure/ui-dom-utils';
|
|
30
30
|
import { withStyleNew } from '@instructure/emotion';
|
|
31
|
-
import generateStyle from
|
|
32
|
-
import { allowedProps } from
|
|
33
|
-
import ModalContext from
|
|
31
|
+
import generateStyle from './styles.js';
|
|
32
|
+
import { allowedProps } from './props.js';
|
|
33
|
+
import ModalContext from '../ModalContext.js';
|
|
34
|
+
|
|
34
35
|
/**
|
|
35
36
|
---
|
|
36
37
|
parent: Modal
|
|
@@ -39,7 +40,7 @@ id: Modal.Body
|
|
|
39
40
|
**/
|
|
40
41
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
41
42
|
let ModalBody = (_dec = withStyleNew(generateStyle, 'ModalBody'), _dec(_class = class ModalBody extends Component {
|
|
42
|
-
static displayName =
|
|
43
|
+
static displayName = 'ModalBody';
|
|
43
44
|
static componentId = 'Modal.Body';
|
|
44
45
|
static allowedProps = allowedProps;
|
|
45
46
|
static defaultProps = {
|
|
@@ -26,8 +26,8 @@ var _dec, _class;
|
|
|
26
26
|
import { Component } from 'react';
|
|
27
27
|
import { passthroughProps } from '@instructure/ui-react-utils';
|
|
28
28
|
import { withStyleNew } from '@instructure/emotion';
|
|
29
|
-
import generateStyle from
|
|
30
|
-
import { allowedProps } from
|
|
29
|
+
import generateStyle from './styles.js';
|
|
30
|
+
import { allowedProps } from './props.js';
|
|
31
31
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
32
32
|
/**
|
|
33
33
|
---
|
|
@@ -36,7 +36,7 @@ id: Modal.Footer
|
|
|
36
36
|
---
|
|
37
37
|
**/
|
|
38
38
|
let ModalFooter = (_dec = withStyleNew(generateStyle, 'ModalFooter'), _dec(_class = class ModalFooter extends Component {
|
|
39
|
-
static displayName =
|
|
39
|
+
static displayName = 'ModalFooter';
|
|
40
40
|
static componentId = 'Modal.Footer';
|
|
41
41
|
static allowedProps = allowedProps;
|
|
42
42
|
static defaultProps = {
|
|
@@ -27,9 +27,9 @@ import { Children, Component } from 'react';
|
|
|
27
27
|
import { matchComponentTypes, passthroughProps } from '@instructure/ui-react-utils';
|
|
28
28
|
import { withStyleNew } from '@instructure/emotion';
|
|
29
29
|
import { CloseButton } from '@instructure/ui-buttons/latest';
|
|
30
|
-
import generateStyle from
|
|
31
|
-
import { allowedProps } from
|
|
32
|
-
import ModalContext from
|
|
30
|
+
import generateStyle from './styles.js';
|
|
31
|
+
import { allowedProps } from './props.js';
|
|
32
|
+
import ModalContext from '../ModalContext.js';
|
|
33
33
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
34
34
|
/**
|
|
35
35
|
---
|
|
@@ -38,7 +38,7 @@ id: Modal.Header
|
|
|
38
38
|
---
|
|
39
39
|
**/
|
|
40
40
|
let ModalHeader = (_dec = withStyleNew(generateStyle, 'ModalHeader'), _dec(_class = class ModalHeader extends Component {
|
|
41
|
-
static displayName =
|
|
41
|
+
static displayName = 'ModalHeader';
|
|
42
42
|
static componentId = 'Modal.Header';
|
|
43
43
|
static allowedProps = allowedProps;
|
|
44
44
|
static defaultProps = {
|
package/es/Modal/v2/index.js
CHANGED
|
@@ -30,13 +30,14 @@ import { Transition } from '@instructure/ui-motion';
|
|
|
30
30
|
import { Portal } from '@instructure/ui-portal';
|
|
31
31
|
import { Dialog } from '@instructure/ui-dialog';
|
|
32
32
|
import { Mask } from '@instructure/ui-overlays/latest';
|
|
33
|
-
import { ModalHeader } from
|
|
34
|
-
import { ModalBody } from
|
|
35
|
-
import { ModalFooter } from
|
|
33
|
+
import { ModalHeader } from './ModalHeader/index.js';
|
|
34
|
+
import { ModalBody } from './ModalBody/index.js';
|
|
35
|
+
import { ModalFooter } from './ModalFooter/index.js';
|
|
36
36
|
import { withStyleNew } from '@instructure/emotion';
|
|
37
|
-
import generateStyle from
|
|
38
|
-
import { allowedProps } from
|
|
39
|
-
import ModalContext from
|
|
37
|
+
import generateStyle from './styles.js';
|
|
38
|
+
import { allowedProps } from './props.js';
|
|
39
|
+
import ModalContext from './ModalContext.js';
|
|
40
|
+
|
|
40
41
|
/**
|
|
41
42
|
---
|
|
42
43
|
category: components
|
|
@@ -45,7 +46,7 @@ tags: overlay, portal, dialog
|
|
|
45
46
|
**/
|
|
46
47
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
47
48
|
let Modal = (_dec = withStyleNew(generateStyle), _dec(_class = class Modal extends Component {
|
|
48
|
-
static displayName =
|
|
49
|
+
static displayName = 'Modal';
|
|
49
50
|
static componentId = 'Modal';
|
|
50
51
|
static allowedProps = allowedProps;
|
|
51
52
|
static defaultProps = {
|
package/es/exports/a.js
CHANGED
|
@@ -21,4 +21,4 @@
|
|
|
21
21
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
22
22
|
* SOFTWARE.
|
|
23
23
|
*/
|
|
24
|
-
export { Modal, ModalBody, ModalFooter, ModalHeader } from
|
|
24
|
+
export { Modal, ModalBody, ModalFooter, ModalHeader } from '../Modal/v1/index.js';
|
package/es/exports/b.js
CHANGED
|
@@ -21,4 +21,4 @@
|
|
|
21
21
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
22
22
|
* SOFTWARE.
|
|
23
23
|
*/
|
|
24
|
-
export { Modal, ModalBody, ModalFooter, ModalHeader } from
|
|
24
|
+
export { Modal, ModalBody, ModalFooter, ModalHeader } from '../Modal/v2/index.js';
|
|
@@ -10,10 +10,10 @@ var _v11_ = require("@instructure/ui-view/v11_6");
|
|
|
10
10
|
var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
|
|
11
11
|
var _getCSSStyleDeclaration = require("@instructure/ui-dom-utils/lib/getCSSStyleDeclaration.js");
|
|
12
12
|
var _emotion = require("@instructure/emotion");
|
|
13
|
-
var _styles = _interopRequireDefault(require("./styles"));
|
|
14
|
-
var _theme = _interopRequireDefault(require("./theme"));
|
|
15
|
-
var _props = require("./props");
|
|
16
|
-
var _ModalContext = _interopRequireDefault(require("../ModalContext"));
|
|
13
|
+
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
14
|
+
var _theme = _interopRequireDefault(require("./theme.js"));
|
|
15
|
+
var _props = require("./props.js");
|
|
16
|
+
var _ModalContext = _interopRequireDefault(require("../ModalContext.js"));
|
|
17
17
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
18
18
|
var _dec, _class;
|
|
19
19
|
/*
|
|
@@ -46,7 +46,7 @@ id: Modal.Body
|
|
|
46
46
|
---
|
|
47
47
|
**/
|
|
48
48
|
let ModalBody = exports.ModalBody = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class ModalBody extends _react.Component {
|
|
49
|
-
static displayName =
|
|
49
|
+
static displayName = 'ModalBody';
|
|
50
50
|
static componentId = 'Modal.Body';
|
|
51
51
|
static allowedProps = _props.allowedProps;
|
|
52
52
|
static defaultProps = {
|
|
@@ -8,9 +8,9 @@ exports.default = exports.ModalFooter = void 0;
|
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
|
|
10
10
|
var _emotion = require("@instructure/emotion");
|
|
11
|
-
var _styles = _interopRequireDefault(require("./styles"));
|
|
12
|
-
var _theme = _interopRequireDefault(require("./theme"));
|
|
13
|
-
var _props = require("./props");
|
|
11
|
+
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
12
|
+
var _theme = _interopRequireDefault(require("./theme.js"));
|
|
13
|
+
var _props = require("./props.js");
|
|
14
14
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
15
15
|
var _dec, _class;
|
|
16
16
|
/*
|
|
@@ -43,7 +43,7 @@ id: Modal.Footer
|
|
|
43
43
|
---
|
|
44
44
|
**/
|
|
45
45
|
let ModalFooter = exports.ModalFooter = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class ModalFooter extends _react.Component {
|
|
46
|
-
static displayName =
|
|
46
|
+
static displayName = 'ModalFooter';
|
|
47
47
|
static componentId = 'Modal.Footer';
|
|
48
48
|
static allowedProps = _props.allowedProps;
|
|
49
49
|
static defaultProps = {
|
|
@@ -10,10 +10,10 @@ var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchCompone
|
|
|
10
10
|
var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
|
|
11
11
|
var _emotion = require("@instructure/emotion");
|
|
12
12
|
var _v11_ = require("@instructure/ui-buttons/v11_6");
|
|
13
|
-
var _styles = _interopRequireDefault(require("./styles"));
|
|
14
|
-
var _theme = _interopRequireDefault(require("./theme"));
|
|
15
|
-
var _props = require("./props");
|
|
16
|
-
var _ModalContext = _interopRequireDefault(require("../ModalContext"));
|
|
13
|
+
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
14
|
+
var _theme = _interopRequireDefault(require("./theme.js"));
|
|
15
|
+
var _props = require("./props.js");
|
|
16
|
+
var _ModalContext = _interopRequireDefault(require("../ModalContext.js"));
|
|
17
17
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
18
18
|
var _dec, _class;
|
|
19
19
|
/*
|
|
@@ -46,7 +46,7 @@ id: Modal.Header
|
|
|
46
46
|
---
|
|
47
47
|
**/
|
|
48
48
|
let ModalHeader = exports.ModalHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class ModalHeader extends _react.Component {
|
|
49
|
-
static displayName =
|
|
49
|
+
static displayName = 'ModalHeader';
|
|
50
50
|
static componentId = 'Modal.Header';
|
|
51
51
|
static allowedProps = _props.allowedProps;
|
|
52
52
|
static defaultProps = {
|
package/lib/Modal/v1/index.js
CHANGED
|
@@ -8,19 +8,19 @@ exports.Modal = void 0;
|
|
|
8
8
|
Object.defineProperty(exports, "ModalBody", {
|
|
9
9
|
enumerable: true,
|
|
10
10
|
get: function () {
|
|
11
|
-
return
|
|
11
|
+
return _index2.ModalBody;
|
|
12
12
|
}
|
|
13
13
|
});
|
|
14
14
|
Object.defineProperty(exports, "ModalFooter", {
|
|
15
15
|
enumerable: true,
|
|
16
16
|
get: function () {
|
|
17
|
-
return
|
|
17
|
+
return _index3.ModalFooter;
|
|
18
18
|
}
|
|
19
19
|
});
|
|
20
20
|
Object.defineProperty(exports, "ModalHeader", {
|
|
21
21
|
enumerable: true,
|
|
22
22
|
get: function () {
|
|
23
|
-
return
|
|
23
|
+
return _index.ModalHeader;
|
|
24
24
|
}
|
|
25
25
|
});
|
|
26
26
|
exports.default = void 0;
|
|
@@ -32,14 +32,14 @@ var _Transition = require("@instructure/ui-motion/lib/Transition");
|
|
|
32
32
|
var _Portal = require("@instructure/ui-portal/lib/Portal");
|
|
33
33
|
var _Dialog = require("@instructure/ui-dialog/lib/Dialog");
|
|
34
34
|
var _v11_ = require("@instructure/ui-overlays/v11_6");
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
var
|
|
35
|
+
var _index = require("./ModalHeader/index.js");
|
|
36
|
+
var _index2 = require("./ModalBody/index.js");
|
|
37
|
+
var _index3 = require("./ModalFooter/index.js");
|
|
38
38
|
var _emotion = require("@instructure/emotion");
|
|
39
|
-
var _styles = _interopRequireDefault(require("./styles"));
|
|
40
|
-
var _theme = _interopRequireDefault(require("./theme"));
|
|
41
|
-
var _props = require("./props");
|
|
42
|
-
var _ModalContext = _interopRequireDefault(require("./ModalContext"));
|
|
39
|
+
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
40
|
+
var _theme = _interopRequireDefault(require("./theme.js"));
|
|
41
|
+
var _props = require("./props.js");
|
|
42
|
+
var _ModalContext = _interopRequireDefault(require("./ModalContext.js"));
|
|
43
43
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
44
44
|
var _dec, _class;
|
|
45
45
|
/*
|
|
@@ -72,7 +72,7 @@ tags: overlay, portal, dialog
|
|
|
72
72
|
---
|
|
73
73
|
**/
|
|
74
74
|
let Modal = exports.Modal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class Modal extends _react.Component {
|
|
75
|
-
static displayName =
|
|
75
|
+
static displayName = 'Modal';
|
|
76
76
|
static componentId = 'Modal';
|
|
77
77
|
static allowedProps = _props.allowedProps;
|
|
78
78
|
static defaultProps = {
|
|
@@ -86,9 +86,9 @@ let Modal = exports.Modal = (_dec = (0, _emotion.withStyle)(_styles.default, _th
|
|
|
86
86
|
constrain: 'window',
|
|
87
87
|
overflow: 'scroll'
|
|
88
88
|
};
|
|
89
|
-
static Header =
|
|
90
|
-
static Body =
|
|
91
|
-
static Footer =
|
|
89
|
+
static Header = _index.ModalHeader;
|
|
90
|
+
static Body = _index2.ModalBody;
|
|
91
|
+
static Footer = _index3.ModalFooter;
|
|
92
92
|
constructor(props) {
|
|
93
93
|
super(props);
|
|
94
94
|
this.state = {
|
|
@@ -10,9 +10,9 @@ var _latest = require("@instructure/ui-view/latest");
|
|
|
10
10
|
var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
|
|
11
11
|
var _getCSSStyleDeclaration = require("@instructure/ui-dom-utils/lib/getCSSStyleDeclaration.js");
|
|
12
12
|
var _emotion = require("@instructure/emotion");
|
|
13
|
-
var _styles = _interopRequireDefault(require("./styles"));
|
|
14
|
-
var _props = require("./props");
|
|
15
|
-
var _ModalContext = _interopRequireDefault(require("../ModalContext"));
|
|
13
|
+
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
14
|
+
var _props = require("./props.js");
|
|
15
|
+
var _ModalContext = _interopRequireDefault(require("../ModalContext.js"));
|
|
16
16
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
17
17
|
var _dec, _class;
|
|
18
18
|
/*
|
|
@@ -45,7 +45,7 @@ id: Modal.Body
|
|
|
45
45
|
---
|
|
46
46
|
**/
|
|
47
47
|
let ModalBody = exports.ModalBody = (_dec = (0, _emotion.withStyleNew)(_styles.default, 'ModalBody'), _dec(_class = class ModalBody extends _react.Component {
|
|
48
|
-
static displayName =
|
|
48
|
+
static displayName = 'ModalBody';
|
|
49
49
|
static componentId = 'Modal.Body';
|
|
50
50
|
static allowedProps = _props.allowedProps;
|
|
51
51
|
static defaultProps = {
|
|
@@ -8,8 +8,8 @@ exports.default = exports.ModalFooter = void 0;
|
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
|
|
10
10
|
var _emotion = require("@instructure/emotion");
|
|
11
|
-
var _styles = _interopRequireDefault(require("./styles"));
|
|
12
|
-
var _props = require("./props");
|
|
11
|
+
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
12
|
+
var _props = require("./props.js");
|
|
13
13
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
14
14
|
var _dec, _class;
|
|
15
15
|
/*
|
|
@@ -42,7 +42,7 @@ id: Modal.Footer
|
|
|
42
42
|
---
|
|
43
43
|
**/
|
|
44
44
|
let ModalFooter = exports.ModalFooter = (_dec = (0, _emotion.withStyleNew)(_styles.default, 'ModalFooter'), _dec(_class = class ModalFooter extends _react.Component {
|
|
45
|
-
static displayName =
|
|
45
|
+
static displayName = 'ModalFooter';
|
|
46
46
|
static componentId = 'Modal.Footer';
|
|
47
47
|
static allowedProps = _props.allowedProps;
|
|
48
48
|
static defaultProps = {
|
|
@@ -10,9 +10,9 @@ var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchCompone
|
|
|
10
10
|
var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
|
|
11
11
|
var _emotion = require("@instructure/emotion");
|
|
12
12
|
var _latest = require("@instructure/ui-buttons/latest");
|
|
13
|
-
var _styles = _interopRequireDefault(require("./styles"));
|
|
14
|
-
var _props = require("./props");
|
|
15
|
-
var _ModalContext = _interopRequireDefault(require("../ModalContext"));
|
|
13
|
+
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
14
|
+
var _props = require("./props.js");
|
|
15
|
+
var _ModalContext = _interopRequireDefault(require("../ModalContext.js"));
|
|
16
16
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
17
17
|
var _dec, _class;
|
|
18
18
|
/*
|
|
@@ -45,7 +45,7 @@ id: Modal.Header
|
|
|
45
45
|
---
|
|
46
46
|
**/
|
|
47
47
|
let ModalHeader = exports.ModalHeader = (_dec = (0, _emotion.withStyleNew)(_styles.default, 'ModalHeader'), _dec(_class = class ModalHeader extends _react.Component {
|
|
48
|
-
static displayName =
|
|
48
|
+
static displayName = 'ModalHeader';
|
|
49
49
|
static componentId = 'Modal.Header';
|
|
50
50
|
static allowedProps = _props.allowedProps;
|
|
51
51
|
static defaultProps = {
|
package/lib/Modal/v2/index.js
CHANGED
|
@@ -8,19 +8,19 @@ exports.Modal = void 0;
|
|
|
8
8
|
Object.defineProperty(exports, "ModalBody", {
|
|
9
9
|
enumerable: true,
|
|
10
10
|
get: function () {
|
|
11
|
-
return
|
|
11
|
+
return _index2.ModalBody;
|
|
12
12
|
}
|
|
13
13
|
});
|
|
14
14
|
Object.defineProperty(exports, "ModalFooter", {
|
|
15
15
|
enumerable: true,
|
|
16
16
|
get: function () {
|
|
17
|
-
return
|
|
17
|
+
return _index3.ModalFooter;
|
|
18
18
|
}
|
|
19
19
|
});
|
|
20
20
|
Object.defineProperty(exports, "ModalHeader", {
|
|
21
21
|
enumerable: true,
|
|
22
22
|
get: function () {
|
|
23
|
-
return
|
|
23
|
+
return _index.ModalHeader;
|
|
24
24
|
}
|
|
25
25
|
});
|
|
26
26
|
exports.default = void 0;
|
|
@@ -32,13 +32,13 @@ var _Transition = require("@instructure/ui-motion/lib/Transition");
|
|
|
32
32
|
var _Portal = require("@instructure/ui-portal/lib/Portal");
|
|
33
33
|
var _Dialog = require("@instructure/ui-dialog/lib/Dialog");
|
|
34
34
|
var _latest = require("@instructure/ui-overlays/latest");
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
var
|
|
35
|
+
var _index = require("./ModalHeader/index.js");
|
|
36
|
+
var _index2 = require("./ModalBody/index.js");
|
|
37
|
+
var _index3 = require("./ModalFooter/index.js");
|
|
38
38
|
var _emotion = require("@instructure/emotion");
|
|
39
|
-
var _styles = _interopRequireDefault(require("./styles"));
|
|
40
|
-
var _props = require("./props");
|
|
41
|
-
var _ModalContext = _interopRequireDefault(require("./ModalContext"));
|
|
39
|
+
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
40
|
+
var _props = require("./props.js");
|
|
41
|
+
var _ModalContext = _interopRequireDefault(require("./ModalContext.js"));
|
|
42
42
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
43
43
|
var _dec, _class;
|
|
44
44
|
/*
|
|
@@ -71,7 +71,7 @@ tags: overlay, portal, dialog
|
|
|
71
71
|
---
|
|
72
72
|
**/
|
|
73
73
|
let Modal = exports.Modal = (_dec = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = class Modal extends _react.Component {
|
|
74
|
-
static displayName =
|
|
74
|
+
static displayName = 'Modal';
|
|
75
75
|
static componentId = 'Modal';
|
|
76
76
|
static allowedProps = _props.allowedProps;
|
|
77
77
|
static defaultProps = {
|
|
@@ -85,9 +85,9 @@ let Modal = exports.Modal = (_dec = (0, _emotion.withStyleNew)(_styles.default),
|
|
|
85
85
|
constrain: 'window',
|
|
86
86
|
overflow: 'scroll'
|
|
87
87
|
};
|
|
88
|
-
static Header =
|
|
89
|
-
static Body =
|
|
90
|
-
static Footer =
|
|
88
|
+
static Header = _index.ModalHeader;
|
|
89
|
+
static Body = _index2.ModalBody;
|
|
90
|
+
static Footer = _index3.ModalFooter;
|
|
91
91
|
constructor(props) {
|
|
92
92
|
super(props);
|
|
93
93
|
this.state = {
|
package/lib/exports/a.js
CHANGED
|
@@ -6,25 +6,25 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
Object.defineProperty(exports, "Modal", {
|
|
7
7
|
enumerable: true,
|
|
8
8
|
get: function () {
|
|
9
|
-
return
|
|
9
|
+
return _index.Modal;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "ModalBody", {
|
|
13
13
|
enumerable: true,
|
|
14
14
|
get: function () {
|
|
15
|
-
return
|
|
15
|
+
return _index.ModalBody;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, "ModalFooter", {
|
|
19
19
|
enumerable: true,
|
|
20
20
|
get: function () {
|
|
21
|
-
return
|
|
21
|
+
return _index.ModalFooter;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
24
|
Object.defineProperty(exports, "ModalHeader", {
|
|
25
25
|
enumerable: true,
|
|
26
26
|
get: function () {
|
|
27
|
-
return
|
|
27
|
+
return _index.ModalHeader;
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
|
-
var
|
|
30
|
+
var _index = require("../Modal/v1/index.js");
|
package/lib/exports/b.js
CHANGED
|
@@ -6,25 +6,25 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
Object.defineProperty(exports, "Modal", {
|
|
7
7
|
enumerable: true,
|
|
8
8
|
get: function () {
|
|
9
|
-
return
|
|
9
|
+
return _index.Modal;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "ModalBody", {
|
|
13
13
|
enumerable: true,
|
|
14
14
|
get: function () {
|
|
15
|
-
return
|
|
15
|
+
return _index.ModalBody;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, "ModalFooter", {
|
|
19
19
|
enumerable: true,
|
|
20
20
|
get: function () {
|
|
21
|
-
return
|
|
21
|
+
return _index.ModalFooter;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
24
|
Object.defineProperty(exports, "ModalHeader", {
|
|
25
25
|
enumerable: true,
|
|
26
26
|
get: function () {
|
|
27
|
-
return
|
|
27
|
+
return _index.ModalHeader;
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
|
-
var
|
|
30
|
+
var _index = require("../Modal/v2/index.js");
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-modal",
|
|
3
|
-
"version": "11.7.4-snapshot-
|
|
3
|
+
"version": "11.7.4-snapshot-49",
|
|
4
4
|
"description": "A component for displaying content in a dialog overlay",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -15,28 +15,28 @@
|
|
|
15
15
|
"license": "MIT",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@babel/runtime": "^7.29.2",
|
|
18
|
-
"@instructure/console": "11.7.4-snapshot-
|
|
19
|
-
"@instructure/
|
|
20
|
-
"@instructure/
|
|
21
|
-
"@instructure/ui-
|
|
22
|
-
"@instructure/
|
|
23
|
-
"@instructure/ui-dom-utils": "11.7.4-snapshot-
|
|
24
|
-
"@instructure/ui-
|
|
25
|
-
"@instructure/ui-
|
|
26
|
-
"@instructure/ui-portal": "11.7.4-snapshot-
|
|
27
|
-
"@instructure/ui-
|
|
28
|
-
"@instructure/ui-
|
|
29
|
-
"@instructure/ui-view": "11.7.4-snapshot-
|
|
30
|
-
"@instructure/ui-utils": "11.7.4-snapshot-
|
|
18
|
+
"@instructure/console": "11.7.4-snapshot-49",
|
|
19
|
+
"@instructure/emotion": "11.7.4-snapshot-49",
|
|
20
|
+
"@instructure/shared-types": "11.7.4-snapshot-49",
|
|
21
|
+
"@instructure/ui-buttons": "11.7.4-snapshot-49",
|
|
22
|
+
"@instructure/ui-dialog": "11.7.4-snapshot-49",
|
|
23
|
+
"@instructure/ui-dom-utils": "11.7.4-snapshot-49",
|
|
24
|
+
"@instructure/ui-overlays": "11.7.4-snapshot-49",
|
|
25
|
+
"@instructure/ui-motion": "11.7.4-snapshot-49",
|
|
26
|
+
"@instructure/ui-portal": "11.7.4-snapshot-49",
|
|
27
|
+
"@instructure/ui-react-utils": "11.7.4-snapshot-49",
|
|
28
|
+
"@instructure/ui-themes": "11.7.4-snapshot-49",
|
|
29
|
+
"@instructure/ui-view": "11.7.4-snapshot-49",
|
|
30
|
+
"@instructure/ui-utils": "11.7.4-snapshot-49"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
33
|
"@testing-library/jest-dom": "^6.6.3",
|
|
34
34
|
"@testing-library/react": "15.0.7",
|
|
35
35
|
"@testing-library/user-event": "^14.6.1",
|
|
36
36
|
"vitest": "^3.2.2",
|
|
37
|
-
"@instructure/ui-
|
|
38
|
-
"@instructure/ui-
|
|
39
|
-
"@instructure/ui-
|
|
37
|
+
"@instructure/ui-babel-preset": "11.7.4-snapshot-49",
|
|
38
|
+
"@instructure/ui-color-utils": "11.7.4-snapshot-49",
|
|
39
|
+
"@instructure/ui-position": "11.7.4-snapshot-49"
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
42
42
|
"react": ">=18 <=19"
|