@instructure/ui-modal 10.5.1-snapshot-3 → 10.5.1-snapshot-4
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/package.json +19 -19
- package/src/Modal/README.md +11 -11
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
|
-
## [10.5.1-snapshot-
|
|
6
|
+
## [10.5.1-snapshot-4](https://github.com/instructure/instructure-ui/compare/v10.5.0...v10.5.1-snapshot-4) (2024-11-14)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-modal
|
|
9
9
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-modal",
|
|
3
|
-
"version": "10.5.1-snapshot-
|
|
3
|
+
"version": "10.5.1-snapshot-4",
|
|
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",
|
|
@@ -24,30 +24,30 @@
|
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@babel/runtime": "^7.25.6",
|
|
27
|
-
"@instructure/console": "10.5.1-snapshot-
|
|
28
|
-
"@instructure/emotion": "10.5.1-snapshot-
|
|
29
|
-
"@instructure/shared-types": "10.5.1-snapshot-
|
|
30
|
-
"@instructure/ui-buttons": "10.5.1-snapshot-
|
|
31
|
-
"@instructure/ui-dialog": "10.5.1-snapshot-
|
|
32
|
-
"@instructure/ui-dom-utils": "10.5.1-snapshot-
|
|
33
|
-
"@instructure/ui-motion": "10.5.1-snapshot-
|
|
34
|
-
"@instructure/ui-overlays": "10.5.1-snapshot-
|
|
35
|
-
"@instructure/ui-portal": "10.5.1-snapshot-
|
|
36
|
-
"@instructure/ui-prop-types": "10.5.1-snapshot-
|
|
37
|
-
"@instructure/ui-react-utils": "10.5.1-snapshot-
|
|
38
|
-
"@instructure/ui-testable": "10.5.1-snapshot-
|
|
39
|
-
"@instructure/ui-utils": "10.5.1-snapshot-
|
|
40
|
-
"@instructure/ui-view": "10.5.1-snapshot-
|
|
27
|
+
"@instructure/console": "10.5.1-snapshot-4",
|
|
28
|
+
"@instructure/emotion": "10.5.1-snapshot-4",
|
|
29
|
+
"@instructure/shared-types": "10.5.1-snapshot-4",
|
|
30
|
+
"@instructure/ui-buttons": "10.5.1-snapshot-4",
|
|
31
|
+
"@instructure/ui-dialog": "10.5.1-snapshot-4",
|
|
32
|
+
"@instructure/ui-dom-utils": "10.5.1-snapshot-4",
|
|
33
|
+
"@instructure/ui-motion": "10.5.1-snapshot-4",
|
|
34
|
+
"@instructure/ui-overlays": "10.5.1-snapshot-4",
|
|
35
|
+
"@instructure/ui-portal": "10.5.1-snapshot-4",
|
|
36
|
+
"@instructure/ui-prop-types": "10.5.1-snapshot-4",
|
|
37
|
+
"@instructure/ui-react-utils": "10.5.1-snapshot-4",
|
|
38
|
+
"@instructure/ui-testable": "10.5.1-snapshot-4",
|
|
39
|
+
"@instructure/ui-utils": "10.5.1-snapshot-4",
|
|
40
|
+
"@instructure/ui-view": "10.5.1-snapshot-4",
|
|
41
41
|
"prop-types": "^15.8.1"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
44
|
"react": ">=16.8 <=18"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@instructure/ui-babel-preset": "10.5.1-snapshot-
|
|
48
|
-
"@instructure/ui-color-utils": "10.5.1-snapshot-
|
|
49
|
-
"@instructure/ui-position": "10.5.1-snapshot-
|
|
50
|
-
"@instructure/ui-themes": "10.5.1-snapshot-
|
|
47
|
+
"@instructure/ui-babel-preset": "10.5.1-snapshot-4",
|
|
48
|
+
"@instructure/ui-color-utils": "10.5.1-snapshot-4",
|
|
49
|
+
"@instructure/ui-position": "10.5.1-snapshot-4",
|
|
50
|
+
"@instructure/ui-themes": "10.5.1-snapshot-4",
|
|
51
51
|
"@testing-library/jest-dom": "^6.4.6",
|
|
52
52
|
"@testing-library/react": "^16.0.1",
|
|
53
53
|
"@testing-library/user-event": "^14.5.2",
|
package/src/Modal/README.md
CHANGED
|
@@ -57,7 +57,7 @@ by using the `padding` prop on the `<Modal.Body/>` if the use case requires it.
|
|
|
57
57
|
}}
|
|
58
58
|
onSubmit={this.handleFormSubmit}
|
|
59
59
|
size="auto"
|
|
60
|
-
label="
|
|
60
|
+
label="Hello World"
|
|
61
61
|
shouldCloseOnDocumentClick
|
|
62
62
|
>
|
|
63
63
|
<Modal.Header>
|
|
@@ -127,7 +127,7 @@ by using the `padding` prop on the `<Modal.Body/>` if the use case requires it.
|
|
|
127
127
|
}}
|
|
128
128
|
onSubmit={handleFormSubmit}
|
|
129
129
|
size="auto"
|
|
130
|
-
label="
|
|
130
|
+
label="Hello World"
|
|
131
131
|
shouldCloseOnDocumentClick
|
|
132
132
|
>
|
|
133
133
|
<Modal.Header>
|
|
@@ -204,7 +204,7 @@ Setting the `constrain` property to `parent` will constrain the Modal within the
|
|
|
204
204
|
this.setState({ open: false })
|
|
205
205
|
}}
|
|
206
206
|
size="fullscreen"
|
|
207
|
-
label="
|
|
207
|
+
label="Hello World"
|
|
208
208
|
shouldCloseOnDocumentClick
|
|
209
209
|
mountNode={() => document.getElementById('constrainExample')}
|
|
210
210
|
constrain="parent"
|
|
@@ -329,7 +329,7 @@ Setting the `constrain` property to `parent` will constrain the Modal within the
|
|
|
329
329
|
setOpen(false)
|
|
330
330
|
}}
|
|
331
331
|
size="fullscreen"
|
|
332
|
-
label="
|
|
332
|
+
label="Hello World"
|
|
333
333
|
shouldCloseOnDocumentClick
|
|
334
334
|
mountNode={() => document.getElementById('constrainExample')}
|
|
335
335
|
constrain="parent"
|
|
@@ -448,7 +448,7 @@ Setting the `constrain` property to `parent` will constrain the Modal within the
|
|
|
448
448
|
this.setState({ open: false })
|
|
449
449
|
}}
|
|
450
450
|
size="auto"
|
|
451
|
-
label="
|
|
451
|
+
label="Hello Media"
|
|
452
452
|
shouldCloseOnDocumentClick
|
|
453
453
|
variant="inverse"
|
|
454
454
|
>
|
|
@@ -515,7 +515,7 @@ Setting the `constrain` property to `parent` will constrain the Modal within the
|
|
|
515
515
|
setOpen(false)
|
|
516
516
|
}}
|
|
517
517
|
size="auto"
|
|
518
|
-
label="
|
|
518
|
+
label="Hello Media"
|
|
519
519
|
shouldCloseOnDocumentClick
|
|
520
520
|
variant="inverse"
|
|
521
521
|
>
|
|
@@ -637,7 +637,7 @@ use the [Img](#Img) component's `constrain` property to fit the image inside Mod
|
|
|
637
637
|
this.setState({ open: false })
|
|
638
638
|
}}
|
|
639
639
|
size={this.state.modalSize}
|
|
640
|
-
label="
|
|
640
|
+
label="Hello Media"
|
|
641
641
|
shouldCloseOnDocumentClick
|
|
642
642
|
variant="inverse"
|
|
643
643
|
overflow="fit"
|
|
@@ -775,7 +775,7 @@ use the [Img](#Img) component's `constrain` property to fit the image inside Mod
|
|
|
775
775
|
setOpen(false)
|
|
776
776
|
}}
|
|
777
777
|
size={modalSize}
|
|
778
|
-
label="
|
|
778
|
+
label="Hello Media"
|
|
779
779
|
shouldCloseOnDocumentClick
|
|
780
780
|
variant="inverse"
|
|
781
781
|
overflow="fit"
|
|
@@ -907,7 +907,7 @@ On smaller viewports (like mobile devices or scaled-up UI), we don't want to los
|
|
|
907
907
|
this.setState({ open: false })
|
|
908
908
|
}
|
|
909
909
|
}}
|
|
910
|
-
label="
|
|
910
|
+
label="Hello World"
|
|
911
911
|
shouldCloseOnDocumentClick
|
|
912
912
|
mountNode={() => document.getElementById('viewportExample')}
|
|
913
913
|
constrain="parent"
|
|
@@ -1005,7 +1005,7 @@ On smaller viewports (like mobile devices or scaled-up UI), we don't want to los
|
|
|
1005
1005
|
setOpen(false)
|
|
1006
1006
|
}
|
|
1007
1007
|
}}
|
|
1008
|
-
label="
|
|
1008
|
+
label="Hello World"
|
|
1009
1009
|
shouldCloseOnDocumentClick
|
|
1010
1010
|
mountNode={() => document.getElementById('viewportExample')}
|
|
1011
1011
|
constrain="parent"
|
|
@@ -1100,7 +1100,7 @@ class Example extends React.Component {
|
|
|
1100
1100
|
open={this.state.open}
|
|
1101
1101
|
onDismiss={() => { this.setState({ open: false }) }}
|
|
1102
1102
|
size="large"
|
|
1103
|
-
label="
|
|
1103
|
+
label="Hello World"
|
|
1104
1104
|
shouldCloseOnDocumentClick
|
|
1105
1105
|
variant='inverse'
|
|
1106
1106
|
overflow='scroll'
|