@instructure/ui-modal 11.6.0 → 11.6.1-snapshot-129
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 +49 -311
- package/es/Modal/{ModalBody → v1/ModalBody}/index.js +2 -2
- package/es/Modal/{ModalFooter → v1/ModalFooter}/index.js +1 -1
- package/es/Modal/{ModalHeader → v1/ModalHeader}/index.js +2 -2
- package/es/Modal/{index.js → v1/index.js} +2 -2
- package/es/Modal/v2/ModalBody/index.js +132 -0
- package/es/Modal/v2/ModalBody/props.js +26 -0
- package/es/Modal/v2/ModalBody/styles.js +68 -0
- package/es/Modal/v2/ModalContext.js +34 -0
- package/es/Modal/v2/ModalFooter/index.js +73 -0
- package/es/{index.js → Modal/v2/ModalFooter/props.js} +3 -1
- package/es/Modal/v2/ModalFooter/styles.js +60 -0
- package/es/Modal/v2/ModalHeader/index.js +112 -0
- package/es/Modal/v2/ModalHeader/props.js +26 -0
- package/es/Modal/v2/ModalHeader/styles.js +76 -0
- package/es/Modal/v2/index.js +259 -0
- package/es/Modal/v2/props.js +26 -0
- package/es/Modal/v2/styles.js +119 -0
- package/es/exports/a.js +24 -0
- package/es/exports/b.js +24 -0
- package/lib/Modal/{ModalBody → v1/ModalBody}/index.js +4 -4
- package/lib/Modal/{ModalFooter → v1/ModalFooter}/index.js +1 -1
- package/lib/Modal/{ModalHeader → v1/ModalHeader}/index.js +3 -3
- package/lib/Modal/v1/index.js +285 -0
- package/lib/Modal/v2/ModalBody/index.js +137 -0
- package/lib/Modal/v2/ModalBody/props.js +31 -0
- package/lib/Modal/v2/ModalBody/styles.js +74 -0
- package/lib/Modal/v2/ModalContext.js +39 -0
- package/lib/Modal/v2/ModalFooter/index.js +78 -0
- package/lib/Modal/v2/ModalFooter/props.js +31 -0
- package/lib/Modal/v2/ModalFooter/styles.js +66 -0
- package/lib/Modal/v2/ModalHeader/index.js +118 -0
- package/lib/Modal/v2/ModalHeader/props.js +31 -0
- package/lib/Modal/v2/ModalHeader/styles.js +82 -0
- package/lib/Modal/{index.js → v2/index.js} +3 -4
- package/lib/Modal/v2/props.js +31 -0
- package/lib/Modal/v2/styles.js +125 -0
- package/lib/{index.js → exports/a.js} +5 -5
- package/lib/exports/b.js +30 -0
- package/package.json +46 -24
- package/src/Modal/{ModalBody → v1/ModalBody}/index.tsx +2 -2
- package/src/Modal/{ModalFooter → v1/ModalFooter}/index.tsx +1 -1
- package/src/Modal/{ModalHeader → v1/ModalHeader}/index.tsx +3 -3
- package/src/Modal/{index.tsx → v1/index.tsx} +2 -2
- package/src/Modal/v2/ModalBody/index.tsx +164 -0
- package/src/Modal/v2/ModalBody/props.ts +72 -0
- package/src/Modal/v2/ModalBody/styles.ts +76 -0
- package/src/Modal/v2/ModalContext.ts +46 -0
- package/src/Modal/v2/ModalFooter/index.tsx +80 -0
- package/src/Modal/v2/ModalFooter/props.ts +50 -0
- package/src/Modal/v2/ModalFooter/styles.ts +74 -0
- package/src/Modal/v2/ModalHeader/index.tsx +138 -0
- package/src/Modal/v2/ModalHeader/props.ts +54 -0
- package/src/Modal/v2/ModalHeader/styles.ts +99 -0
- package/src/Modal/v2/README.md +673 -0
- package/src/Modal/v2/index.tsx +326 -0
- package/src/Modal/v2/props.ts +235 -0
- package/src/Modal/v2/styles.ts +130 -0
- package/src/{index.ts → exports/a.ts} +5 -5
- package/src/exports/b.ts +29 -0
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/Modal/v1/ModalBody/index.d.ts.map +1 -0
- package/types/Modal/v1/ModalBody/props.d.ts.map +1 -0
- package/types/Modal/v1/ModalBody/styles.d.ts.map +1 -0
- package/types/Modal/v1/ModalBody/theme.d.ts.map +1 -0
- package/types/Modal/v1/ModalContext.d.ts.map +1 -0
- package/types/Modal/v1/ModalFooter/index.d.ts.map +1 -0
- package/types/Modal/v1/ModalFooter/props.d.ts.map +1 -0
- package/types/Modal/v1/ModalFooter/styles.d.ts.map +1 -0
- package/types/Modal/v1/ModalFooter/theme.d.ts.map +1 -0
- package/types/Modal/v1/ModalHeader/index.d.ts.map +1 -0
- package/types/Modal/v1/ModalHeader/props.d.ts.map +1 -0
- package/types/Modal/v1/ModalHeader/styles.d.ts.map +1 -0
- package/types/Modal/v1/ModalHeader/theme.d.ts.map +1 -0
- package/types/Modal/v1/index.d.ts.map +1 -0
- package/types/Modal/v1/props.d.ts.map +1 -0
- package/types/Modal/v1/styles.d.ts.map +1 -0
- package/types/Modal/v1/theme.d.ts.map +1 -0
- package/types/Modal/v2/ModalBody/index.d.ts +36 -0
- package/types/Modal/v2/ModalBody/index.d.ts.map +1 -0
- package/types/Modal/v2/ModalBody/props.d.ts +23 -0
- package/types/Modal/v2/ModalBody/props.d.ts.map +1 -0
- package/types/Modal/v2/ModalBody/styles.d.ts +16 -0
- package/types/Modal/v2/ModalBody/styles.d.ts.map +1 -0
- package/types/Modal/v2/ModalContext.d.ts +17 -0
- package/types/Modal/v2/ModalContext.d.ts.map +1 -0
- package/types/Modal/v2/ModalFooter/index.d.ts +27 -0
- package/types/Modal/v2/ModalFooter/index.d.ts.map +1 -0
- package/types/Modal/v2/ModalFooter/props.d.ts +16 -0
- package/types/Modal/v2/ModalFooter/props.d.ts.map +1 -0
- package/types/Modal/v2/ModalFooter/styles.d.ts +16 -0
- package/types/Modal/v2/ModalFooter/styles.d.ts.map +1 -0
- package/types/Modal/v2/ModalHeader/index.d.ts +37 -0
- package/types/Modal/v2/ModalHeader/index.d.ts.map +1 -0
- package/types/Modal/v2/ModalHeader/props.d.ts +19 -0
- package/types/Modal/v2/ModalHeader/props.d.ts.map +1 -0
- package/types/Modal/v2/ModalHeader/styles.d.ts +16 -0
- package/types/Modal/v2/ModalHeader/styles.d.ts.map +1 -0
- package/types/Modal/v2/index.d.ts +54 -0
- package/types/Modal/v2/index.d.ts.map +1 -0
- package/types/Modal/v2/props.d.ts +132 -0
- package/types/Modal/v2/props.d.ts.map +1 -0
- package/types/Modal/v2/styles.d.ts +16 -0
- package/types/Modal/v2/styles.d.ts.map +1 -0
- package/types/exports/a.d.ts +6 -0
- package/types/exports/a.d.ts.map +1 -0
- package/types/exports/b.d.ts +6 -0
- package/types/exports/b.d.ts.map +1 -0
- package/types/Modal/ModalBody/index.d.ts.map +0 -1
- package/types/Modal/ModalBody/props.d.ts.map +0 -1
- package/types/Modal/ModalBody/styles.d.ts.map +0 -1
- package/types/Modal/ModalBody/theme.d.ts.map +0 -1
- package/types/Modal/ModalContext.d.ts.map +0 -1
- package/types/Modal/ModalFooter/index.d.ts.map +0 -1
- package/types/Modal/ModalFooter/props.d.ts.map +0 -1
- package/types/Modal/ModalFooter/styles.d.ts.map +0 -1
- package/types/Modal/ModalFooter/theme.d.ts.map +0 -1
- package/types/Modal/ModalHeader/index.d.ts.map +0 -1
- package/types/Modal/ModalHeader/props.d.ts.map +0 -1
- package/types/Modal/ModalHeader/styles.d.ts.map +0 -1
- package/types/Modal/ModalHeader/theme.d.ts.map +0 -1
- package/types/Modal/index.d.ts.map +0 -1
- package/types/Modal/props.d.ts.map +0 -1
- package/types/Modal/styles.d.ts.map +0 -1
- package/types/Modal/theme.d.ts.map +0 -1
- package/types/index.d.ts +0 -6
- package/types/index.d.ts.map +0 -1
- /package/es/Modal/{ModalBody → v1/ModalBody}/props.js +0 -0
- /package/es/Modal/{ModalBody → v1/ModalBody}/styles.js +0 -0
- /package/es/Modal/{ModalBody → v1/ModalBody}/theme.js +0 -0
- /package/es/Modal/{ModalContext.js → v1/ModalContext.js} +0 -0
- /package/es/Modal/{ModalFooter → v1/ModalFooter}/props.js +0 -0
- /package/es/Modal/{ModalFooter → v1/ModalFooter}/styles.js +0 -0
- /package/es/Modal/{ModalFooter → v1/ModalFooter}/theme.js +0 -0
- /package/es/Modal/{ModalHeader → v1/ModalHeader}/props.js +0 -0
- /package/es/Modal/{ModalHeader → v1/ModalHeader}/styles.js +0 -0
- /package/es/Modal/{ModalHeader → v1/ModalHeader}/theme.js +0 -0
- /package/es/Modal/{props.js → v1/props.js} +0 -0
- /package/es/Modal/{styles.js → v1/styles.js} +0 -0
- /package/es/Modal/{theme.js → v1/theme.js} +0 -0
- /package/lib/Modal/{ModalBody → v1/ModalBody}/props.js +0 -0
- /package/lib/Modal/{ModalBody → v1/ModalBody}/styles.js +0 -0
- /package/lib/Modal/{ModalBody → v1/ModalBody}/theme.js +0 -0
- /package/lib/Modal/{ModalContext.js → v1/ModalContext.js} +0 -0
- /package/lib/Modal/{ModalFooter → v1/ModalFooter}/props.js +0 -0
- /package/lib/Modal/{ModalFooter → v1/ModalFooter}/styles.js +0 -0
- /package/lib/Modal/{ModalFooter → v1/ModalFooter}/theme.js +0 -0
- /package/lib/Modal/{ModalHeader → v1/ModalHeader}/props.js +0 -0
- /package/lib/Modal/{ModalHeader → v1/ModalHeader}/styles.js +0 -0
- /package/lib/Modal/{ModalHeader → v1/ModalHeader}/theme.js +0 -0
- /package/lib/Modal/{props.js → v1/props.js} +0 -0
- /package/lib/Modal/{styles.js → v1/styles.js} +0 -0
- /package/lib/Modal/{theme.js → v1/theme.js} +0 -0
- /package/src/Modal/{ModalBody → v1/ModalBody}/props.ts +0 -0
- /package/src/Modal/{ModalBody → v1/ModalBody}/styles.ts +0 -0
- /package/src/Modal/{ModalBody → v1/ModalBody}/theme.ts +0 -0
- /package/src/Modal/{ModalContext.ts → v1/ModalContext.ts} +0 -0
- /package/src/Modal/{ModalFooter → v1/ModalFooter}/props.ts +0 -0
- /package/src/Modal/{ModalFooter → v1/ModalFooter}/styles.ts +0 -0
- /package/src/Modal/{ModalFooter → v1/ModalFooter}/theme.ts +0 -0
- /package/src/Modal/{ModalHeader → v1/ModalHeader}/props.ts +0 -0
- /package/src/Modal/{ModalHeader → v1/ModalHeader}/styles.ts +0 -0
- /package/src/Modal/{ModalHeader → v1/ModalHeader}/theme.ts +0 -0
- /package/src/Modal/{README.md → v1/README.md} +0 -0
- /package/src/Modal/{props.ts → v1/props.ts} +0 -0
- /package/src/Modal/{styles.ts → v1/styles.ts} +0 -0
- /package/src/Modal/{theme.ts → v1/theme.ts} +0 -0
- /package/types/Modal/{ModalBody → v1/ModalBody}/index.d.ts +0 -0
- /package/types/Modal/{ModalBody → v1/ModalBody}/props.d.ts +0 -0
- /package/types/Modal/{ModalBody → v1/ModalBody}/styles.d.ts +0 -0
- /package/types/Modal/{ModalBody → v1/ModalBody}/theme.d.ts +0 -0
- /package/types/Modal/{ModalContext.d.ts → v1/ModalContext.d.ts} +0 -0
- /package/types/Modal/{ModalFooter → v1/ModalFooter}/index.d.ts +0 -0
- /package/types/Modal/{ModalFooter → v1/ModalFooter}/props.d.ts +0 -0
- /package/types/Modal/{ModalFooter → v1/ModalFooter}/styles.d.ts +0 -0
- /package/types/Modal/{ModalFooter → v1/ModalFooter}/theme.d.ts +0 -0
- /package/types/Modal/{ModalHeader → v1/ModalHeader}/index.d.ts +0 -0
- /package/types/Modal/{ModalHeader → v1/ModalHeader}/props.d.ts +0 -0
- /package/types/Modal/{ModalHeader → v1/ModalHeader}/styles.d.ts +0 -0
- /package/types/Modal/{ModalHeader → v1/ModalHeader}/theme.d.ts +0 -0
- /package/types/Modal/{index.d.ts → v1/index.d.ts} +0 -0
- /package/types/Modal/{props.d.ts → v1/props.d.ts} +0 -0
- /package/types/Modal/{styles.d.ts → v1/styles.d.ts} +0 -0
- /package/types/Modal/{theme.d.ts → v1/theme.d.ts} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Modal/v1/ModalBody/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWjC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAGrD;;;;;GAKG;AACH,cACM,SAAU,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/C,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;MAIlB;IAED,GAAG,EAAE,SAAS,GAAG,IAAI,CAAO;IAE5B,SAAS,GAAI,IAAI,SAAS,GAAG,IAAI,UAQhC;gBAEW,KAAK,EAAE,cAAc;IAIjC,iBAAiB;IAkBjB,kBAAkB;IAIlB,WAAW,CAAC,EAAE,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS;IAa/C,MAAM;CA8CP;AAED,eAAe,SAAS,CAAA;AACxB,OAAO,EAAE,SAAS,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/Modal/v1/ModalBody/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,SAAS,EACV,MAAM,2BAA2B,CAAA;AAElC,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAA;IAChD,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;CAC5B,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,iBAAiB,CAAA;AAEvC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,cAAc,GAAG,iBAAiB,GACrC,cAAc,CAAC,cAAc,EAAE,cAAc,CAAC,GAC9C,mBAAmB,CAAC,iBAAiB,CAAC,CAAA;AAExC,KAAK,cAAc,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;AAEjD,KAAK,cAAc,GAAG;IACpB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAOnB,CAAA;AAED,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Modal/v1/ModalBody/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7D;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,cAAc,EAC9B,OAAO,cAAc,KACpB,cAyBF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/Modal/v1/ModalBody/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE1D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,cAM9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../../src/Modal/v1/ModalContext.ts"],"names":[],"mappings":"AA0BA,KAAK,gBAAgB,GAAG;IACtB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,sBAAsB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED;;;GAGG;AACH,QAAA,MAAM,YAAY,2CAEhB,CAAA;AAEF,eAAe,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Modal/v1/ModalFooter/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQjC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;;GAKG;AACH,cACM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,YAAY;;;SAAe;IAClC,MAAM,CAAC,YAAY;;MAElB;IAED,GAAG,EAAE,cAAc,GAAG,IAAI,CAAO;IAEjC,SAAS,GAAI,IAAI,cAAc,GAAG,IAAI,UAErC;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM;CAcP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/Modal/v1/ModalFooter/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAChC,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,gBAAgB,GAAG,mBAAmB,GACzC,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAClD,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;AAE1C,KAAK,gBAAgB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAA;AACrD,QAAA,MAAM,YAAY,EAAE,eAAyC,CAAA;AAE7D,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Modal/v1/ModalFooter/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAEjE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,gBAAgB,EAChC,OAAO,gBAAgB,KACtB,gBA2BF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/Modal/v1/ModalFooter/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,gBAiB9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Modal/v1/ModalHeader/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAA8B,SAAS,EAAE,MAAM,OAAO,CAAA;AAgB7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AACtE,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAI1C;;;;;GAKG;AACH,cACM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,YAAY;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;MAGlB;IAED,GAAG,EAAE,cAAc,GAAG,IAAI,CAAO;IACzB,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,YAAY,CAAC,CAAA;IACvD,MAAM,CAAC,WAAW,sEAAe;IAEjC;;OAEG;IACH,uBAAuB,GAAI,MAAM,IAAI,YAcpC;IAED,SAAS,GAAI,IAAI,cAAc,GAAG,IAAI,UAMrC;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,cAAc,QAAO,qBAAqB,CAIzC;IAED,IAAI,eAAe,YAalB;IAED,MAAM;CAcP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/Modal/v1/ModalHeader/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAChC,CAAA;AAED,KAAK,qBAAqB,GAAG;IAC3B,eAAe,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,gBAAgB,GAAG,mBAAmB,GACzC,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAClD,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;AAE1C,KAAK,gBAAgB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAA;AACrD,QAAA,MAAM,YAAY,EAAE,eAAoD,CAAA;AAExE,YAAY,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,CAAA;AACzE,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Modal/v1/ModalHeader/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,KAAK,EACV,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EACjB,MAAM,SAAS,CAAA;AAEhB;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,gBAAgB,EAChC,OAAO,gBAAgB,EACvB,OAAO,qBAAqB,KAC3B,gBAiDF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/Modal/v1/ModalHeader/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,gBAgB9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modal/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAY,SAAS,EAAkB,MAAM,OAAO,CAAA;AAO3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAG/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAQ3C,OAAO,KAAK,EACV,UAAU,EACV,UAAU,EACV,mBAAmB,EACnB,uBAAuB,EACxB,MAAM,SAAS,CAAA;AAGhB;;;;;GAKG;AACH,cACM,KAAM,SAAQ,SAAS,CAAC,UAAU,EAAE,UAAU,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,WAAU;IAErC,MAAM,CAAC,YAAY,mMAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;MAUlB;IAED,MAAM,CAAC,MAAM,qBAAc;IAC3B,MAAM,CAAC,IAAI,mBAAY;IACvB,MAAM,CAAC,MAAM,qBAAc;gBAEf,KAAK,EAAE,UAAU;IAW7B,QAAQ,EAAE,UAAU,CAAO;IAC3B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAO;IAE9B,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,CAAO;IAE3B,SAAS,GAAI,KAAK,OAAO,GAAG,IAAI,UAE/B;IAED,iBAAiB;IAKjB,kBAAkB,CAAC,SAAS,EAAE,UAAU;IAOxC,oBAAoB;IAIpB,YAAY,aAEX;IAED,IAAI,mBAAmB,8DAEtB;IAED,IAAI,OAAO,IAGK,UAAU,CADzB;IACD,IAAI,OAAO,CAAC,EAAE,EAAE,UAAU,EAEzB;IAED,IAAI,aAAa,yBAMhB;IAED,gBAAgB,GAAI,SAAS,UAAU,UAEtC;IAED,wBAAwB,EAAE,UAAU,CAAC,WAAW,GAAG,UAAU,CAAC,CAI7D;IAED,UAAU,GAAI,IAAI,MAAM,GAAG,IAAI,UAK9B;IAED,cAAc;IA6Bd,mBAAmB,CACjB,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,OAAO,EAAE,MAAM,GAAG,SAAS,EAC3B,QAAQ,EAAE,MAAM,GAAG,SAAS;IAY9B,YAAY,CACV,KAAK,EAAE,IAAI,CACT,UAAU,EACR,MAAM,mBAAmB,GACzB,MAAM,uBAAuB,GAC7B,WAAW,GACX,UAAU,CACb;IAiDH,MAAM;CAmEP;AAED,eAAe,KAAK,CAAA;AACpB,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Modal/v1/props.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Modal/v1/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAErD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,UAAU,EAC1B,OAAO,UAAU,KAChB,UAoFF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/Modal/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAEtD;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,UAwB9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
import type { ModalBodyProps } from './props';
|
|
3
|
+
import { UIElement } from '@instructure/shared-types';
|
|
4
|
+
/**
|
|
5
|
+
---
|
|
6
|
+
parent: Modal
|
|
7
|
+
id: Modal.Body
|
|
8
|
+
---
|
|
9
|
+
**/
|
|
10
|
+
declare class ModalBody extends Component<ModalBodyProps> {
|
|
11
|
+
static readonly componentId = "Modal.Body";
|
|
12
|
+
static allowedProps: readonly (keyof {
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
padding?: import("@instructure/emotion").Spacing;
|
|
15
|
+
elementRef?: (element: UIElement | null) => void;
|
|
16
|
+
as?: import("@instructure/shared-types").AsElementType;
|
|
17
|
+
variant?: "default" | "inverse";
|
|
18
|
+
overflow?: "scroll" | "fit";
|
|
19
|
+
spacing?: "default" | "compact";
|
|
20
|
+
})[];
|
|
21
|
+
static defaultProps: {
|
|
22
|
+
padding: string;
|
|
23
|
+
as: string;
|
|
24
|
+
variant: string;
|
|
25
|
+
};
|
|
26
|
+
ref: UIElement | null;
|
|
27
|
+
handleRef: (el: UIElement | null) => void;
|
|
28
|
+
constructor(props: ModalBodyProps);
|
|
29
|
+
componentDidMount(): void;
|
|
30
|
+
componentDidUpdate(): void;
|
|
31
|
+
getFinalRef(el: UIElement): Element | undefined;
|
|
32
|
+
render(): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
33
|
+
}
|
|
34
|
+
export default ModalBody;
|
|
35
|
+
export { ModalBody };
|
|
36
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Modal/v2/ModalBody/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUjC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAGrD;;;;;GAKG;AACH,cACM,SAAU,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/C,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;MAIlB;IAED,GAAG,EAAE,SAAS,GAAG,IAAI,CAAO;IAE5B,SAAS,GAAI,IAAI,SAAS,GAAG,IAAI,UAQhC;gBAEW,KAAK,EAAE,cAAc;IAIjC,iBAAiB;IAkBjB,kBAAkB;IAIlB,WAAW,CAAC,EAAE,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS;IAa/C,MAAM;CAsDP;AAED,eAAe,SAAS,CAAA;AACxB,OAAO,EAAE,SAAS,EAAE,CAAA"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
|
3
|
+
import type { AsElementType, ModalBodyTheme, OtherHTMLAttributes, UIElement } from '@instructure/shared-types';
|
|
4
|
+
type ModalBodyOwnProps = {
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
padding?: Spacing;
|
|
7
|
+
elementRef?: (element: UIElement | null) => void;
|
|
8
|
+
as?: AsElementType;
|
|
9
|
+
variant?: 'default' | 'inverse';
|
|
10
|
+
overflow?: 'scroll' | 'fit';
|
|
11
|
+
spacing?: 'default' | 'compact';
|
|
12
|
+
};
|
|
13
|
+
type PropKeys = keyof ModalBodyOwnProps;
|
|
14
|
+
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
15
|
+
type ModalBodyProps = ModalBodyOwnProps & WithStyleProps<ModalBodyTheme, ModalBodyStyle> & OtherHTMLAttributes<ModalBodyOwnProps>;
|
|
16
|
+
type ModalBodyStyle = ComponentStyle<'modalBody'>;
|
|
17
|
+
type ModalBodyState = {
|
|
18
|
+
isFirefox: boolean;
|
|
19
|
+
};
|
|
20
|
+
declare const allowedProps: AllowedPropKeys;
|
|
21
|
+
export type { ModalBodyProps, ModalBodyState, ModalBodyStyle };
|
|
22
|
+
export { allowedProps };
|
|
23
|
+
//# sourceMappingURL=props.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/Modal/v2/ModalBody/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,SAAS,EACV,MAAM,2BAA2B,CAAA;AAElC,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAA;IAChD,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAChC,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,iBAAiB,CAAA;AAEvC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,cAAc,GAAG,iBAAiB,GACrC,cAAc,CAAC,cAAc,EAAE,cAAc,CAAC,GAC9C,mBAAmB,CAAC,iBAAiB,CAAC,CAAA;AAExC,KAAK,cAAc,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;AAEjD,KAAK,cAAc,GAAG;IACpB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { NewComponentTypes } from '@instructure/ui-themes';
|
|
2
|
+
import type { ModalBodyProps, ModalBodyStyle } from './props';
|
|
3
|
+
/**
|
|
4
|
+
* ---
|
|
5
|
+
* private: true
|
|
6
|
+
* ---
|
|
7
|
+
* Generates the style object from the theme and provided additional information
|
|
8
|
+
* @param {Object} componentTheme The theme variable object.
|
|
9
|
+
* @param {Object} props the props of the component, the style is applied to
|
|
10
|
+
* @param {Object} sharedTokens Shared theme token object
|
|
11
|
+
* @param {Object} state the state of the component, the style is applied to
|
|
12
|
+
* @return {Object} The final style object, which will be used in the component
|
|
13
|
+
*/
|
|
14
|
+
declare const generateStyle: (componentTheme: NewComponentTypes["ModalBody"], props: ModalBodyProps) => ModalBodyStyle;
|
|
15
|
+
export default generateStyle;
|
|
16
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Modal/v2/ModalBody/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7D;;;;;;;;;;GAUG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,iBAAiB,CAAC,WAAW,CAAC,EAC9C,OAAO,cAAc,KACpB,cAgCF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
type ModalContextType = {
|
|
2
|
+
/**
|
|
3
|
+
* Needed for setting the correct aria-label in the modal body when its scrollable.
|
|
4
|
+
* This is a value read from the Modal's Header.
|
|
5
|
+
*/
|
|
6
|
+
bodyScrollAriaLabel?: string;
|
|
7
|
+
setBodyScrollAriaLabel?: (txt: string) => void;
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
* React context created by the `Modal` component
|
|
11
|
+
* @private
|
|
12
|
+
*/
|
|
13
|
+
declare const ModalContext: import("react").Context<ModalContextType>;
|
|
14
|
+
export default ModalContext;
|
|
15
|
+
export { ModalContext };
|
|
16
|
+
export type { ModalContextType };
|
|
17
|
+
//# sourceMappingURL=ModalContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../../src/Modal/v2/ModalContext.ts"],"names":[],"mappings":"AA0BA,KAAK,gBAAgB,GAAG;IACtB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,sBAAsB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED;;;GAGG;AACH,QAAA,MAAM,YAAY,2CAEhB,CAAA;AAEF,eAAe,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
import type { ModalFooterProps } from './props';
|
|
3
|
+
/**
|
|
4
|
+
---
|
|
5
|
+
parent: Modal
|
|
6
|
+
id: Modal.Footer
|
|
7
|
+
---
|
|
8
|
+
**/
|
|
9
|
+
declare class ModalFooter extends Component<ModalFooterProps> {
|
|
10
|
+
static readonly componentId = "Modal.Footer";
|
|
11
|
+
static allowedProps: readonly (keyof {
|
|
12
|
+
children?: React.ReactNode;
|
|
13
|
+
variant?: "default" | "inverse";
|
|
14
|
+
spacing?: "default" | "compact";
|
|
15
|
+
})[];
|
|
16
|
+
static defaultProps: {
|
|
17
|
+
variant: string;
|
|
18
|
+
};
|
|
19
|
+
ref: HTMLDivElement | null;
|
|
20
|
+
handleRef: (el: HTMLDivElement | null) => void;
|
|
21
|
+
componentDidMount(): void;
|
|
22
|
+
componentDidUpdate(): void;
|
|
23
|
+
render(): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
24
|
+
}
|
|
25
|
+
export default ModalFooter;
|
|
26
|
+
export { ModalFooter };
|
|
27
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Modal/v2/ModalFooter/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;;GAKG;AACH,cACM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,YAAY;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;MAElB;IAED,GAAG,EAAE,cAAc,GAAG,IAAI,CAAO;IAEjC,SAAS,GAAI,IAAI,cAAc,GAAG,IAAI,UAErC;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM;CAcP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ModalFooterTheme, OtherHTMLAttributes } from '@instructure/shared-types';
|
|
3
|
+
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
|
4
|
+
type ModalFooterOwnProps = {
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
variant?: 'default' | 'inverse';
|
|
7
|
+
spacing?: 'default' | 'compact';
|
|
8
|
+
};
|
|
9
|
+
type PropKeys = keyof ModalFooterOwnProps;
|
|
10
|
+
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
11
|
+
type ModalFooterProps = ModalFooterOwnProps & WithStyleProps<ModalFooterTheme, ModalFooterStyle> & OtherHTMLAttributes<ModalFooterOwnProps>;
|
|
12
|
+
type ModalFooterStyle = ComponentStyle<'modalFooter'>;
|
|
13
|
+
declare const allowedProps: AllowedPropKeys;
|
|
14
|
+
export type { ModalFooterProps, ModalFooterStyle };
|
|
15
|
+
export { allowedProps };
|
|
16
|
+
//# sourceMappingURL=props.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/Modal/v2/ModalFooter/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAChC,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,gBAAgB,GAAG,mBAAmB,GACzC,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAClD,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;AAE1C,KAAK,gBAAgB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAA;AACrD,QAAA,MAAM,YAAY,EAAE,eAAoD,CAAA;AAExE,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { NewComponentTypes } from '@instructure/ui-themes';
|
|
2
|
+
import type { ModalFooterProps, ModalFooterStyle } from './props';
|
|
3
|
+
/**
|
|
4
|
+
* ---
|
|
5
|
+
* private: true
|
|
6
|
+
* ---
|
|
7
|
+
* Generates the style object from the theme and provided additional information
|
|
8
|
+
* @param {Object} componentTheme The theme variable object.
|
|
9
|
+
* @param {Object} props the props of the component, the style is applied to
|
|
10
|
+
* @param {Object} sharedTokens Shared theme token object
|
|
11
|
+
* @param {Object} state the state of the component, the style is applied to
|
|
12
|
+
* @return {Object} The final style object, which will be used in the component
|
|
13
|
+
*/
|
|
14
|
+
declare const generateStyle: (componentTheme: NewComponentTypes["ModalFooter"], props: ModalFooterProps) => ModalFooterStyle;
|
|
15
|
+
export default generateStyle;
|
|
16
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Modal/v2/ModalFooter/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAEjE;;;;;;;;;;GAUG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,iBAAiB,CAAC,aAAa,CAAC,EAChD,OAAO,gBAAgB,KACtB,gBA8BF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
import type { ModalHeaderProps, ModalHeaderStyleProps } from './props';
|
|
3
|
+
import ModalContext from '../ModalContext';
|
|
4
|
+
/**
|
|
5
|
+
---
|
|
6
|
+
parent: Modal
|
|
7
|
+
id: Modal.Header
|
|
8
|
+
---
|
|
9
|
+
**/
|
|
10
|
+
declare class ModalHeader extends Component<ModalHeaderProps> {
|
|
11
|
+
static readonly componentId = "Modal.Header";
|
|
12
|
+
static allowedProps: readonly (keyof {
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
variant?: "default" | "inverse";
|
|
15
|
+
spacing?: "default" | "compact";
|
|
16
|
+
})[];
|
|
17
|
+
static defaultProps: {
|
|
18
|
+
variant: string;
|
|
19
|
+
spacing: string;
|
|
20
|
+
};
|
|
21
|
+
ref: HTMLDivElement | null;
|
|
22
|
+
context: React.ContextType<typeof ModalContext>;
|
|
23
|
+
static contextType: import("react").Context<import("../ModalContext").ModalContextType>;
|
|
24
|
+
/**
|
|
25
|
+
* Gets all text in a DOM subtree, text under <button> nodes is excluded
|
|
26
|
+
*/
|
|
27
|
+
getTextExcludingButtons: (root: Node) => string;
|
|
28
|
+
handleRef: (el: HTMLDivElement | null) => void;
|
|
29
|
+
componentDidMount(): void;
|
|
30
|
+
componentDidUpdate(): void;
|
|
31
|
+
makeStyleProps: () => ModalHeaderStyleProps;
|
|
32
|
+
get usesCloseButton(): boolean;
|
|
33
|
+
render(): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
34
|
+
}
|
|
35
|
+
export default ModalHeader;
|
|
36
|
+
export { ModalHeader };
|
|
37
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Modal/v2/ModalHeader/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAA8B,SAAS,EAAE,MAAM,OAAO,CAAA;AAe7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AACtE,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAI1C;;;;;GAKG;AACH,cACM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,YAAY;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;MAGlB;IAED,GAAG,EAAE,cAAc,GAAG,IAAI,CAAO;IACzB,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,YAAY,CAAC,CAAA;IACvD,MAAM,CAAC,WAAW,sEAAe;IAEjC;;OAEG;IACH,uBAAuB,GAAI,MAAM,IAAI,YAcpC;IAED,SAAS,GAAI,IAAI,cAAc,GAAG,IAAI,UAMrC;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,cAAc,QAAO,qBAAqB,CAIzC;IAED,IAAI,eAAe,YAalB;IAED,MAAM;CAcP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ModalHeaderTheme, OtherHTMLAttributes } from '@instructure/shared-types';
|
|
3
|
+
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
|
4
|
+
type ModalHeaderOwnProps = {
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
variant?: 'default' | 'inverse';
|
|
7
|
+
spacing?: 'default' | 'compact';
|
|
8
|
+
};
|
|
9
|
+
type ModalHeaderStyleProps = {
|
|
10
|
+
withCloseButton: boolean;
|
|
11
|
+
};
|
|
12
|
+
type PropKeys = keyof ModalHeaderOwnProps;
|
|
13
|
+
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
14
|
+
type ModalHeaderProps = ModalHeaderOwnProps & WithStyleProps<ModalHeaderTheme, ModalHeaderStyle> & OtherHTMLAttributes<ModalHeaderOwnProps>;
|
|
15
|
+
type ModalHeaderStyle = ComponentStyle<'modalHeader'>;
|
|
16
|
+
declare const allowedProps: AllowedPropKeys;
|
|
17
|
+
export type { ModalHeaderProps, ModalHeaderStyleProps, ModalHeaderStyle };
|
|
18
|
+
export { allowedProps };
|
|
19
|
+
//# sourceMappingURL=props.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/Modal/v2/ModalHeader/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAChC,CAAA;AAED,KAAK,qBAAqB,GAAG;IAC3B,eAAe,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,gBAAgB,GAAG,mBAAmB,GACzC,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAClD,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;AAE1C,KAAK,gBAAgB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAA;AACrD,QAAA,MAAM,YAAY,EAAE,eAAoD,CAAA;AAExE,YAAY,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,CAAA;AACzE,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { NewComponentTypes, SharedTokens } from '@instructure/ui-themes';
|
|
2
|
+
import type { ModalHeaderProps, ModalHeaderStyleProps, ModalHeaderStyle } from './props';
|
|
3
|
+
/**
|
|
4
|
+
* ---
|
|
5
|
+
* private: true
|
|
6
|
+
* ---
|
|
7
|
+
* Generates the style object from the theme and provided additional information
|
|
8
|
+
* @param {Object} componentTheme The theme variable object.
|
|
9
|
+
* @param {Object} props the props of the component, the style is applied to
|
|
10
|
+
* @param {Object} _sharedTokens Shared theme token object (unused)
|
|
11
|
+
* @param {Object} state the state of the component, the style is applied to
|
|
12
|
+
* @return {Object} The final style object, which will be used in the component
|
|
13
|
+
*/
|
|
14
|
+
declare const generateStyle: (componentTheme: NewComponentTypes["ModalHeader"], props: ModalHeaderProps, _sharedTokens: SharedTokens, state: ModalHeaderStyleProps) => ModalHeaderStyle;
|
|
15
|
+
export default generateStyle;
|
|
16
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Modal/v2/ModalHeader/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC7E,OAAO,KAAK,EACV,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EACjB,MAAM,SAAS,CAAA;AAEhB;;;;;;;;;;GAUG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,iBAAiB,CAAC,aAAa,CAAC,EAChD,OAAO,gBAAgB,EACvB,eAAe,YAAY,EAC3B,OAAO,qBAAqB,KAC3B,gBAiDF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
import type { PortalNode } from '@instructure/ui-portal';
|
|
3
|
+
import { Dialog } from '@instructure/ui-dialog';
|
|
4
|
+
import { ModalHeader } from './ModalHeader';
|
|
5
|
+
import { ModalBody } from './ModalBody';
|
|
6
|
+
import { ModalFooter } from './ModalFooter';
|
|
7
|
+
import type { ModalProps, ModalState, ModalPropsForPortal, ModalPropsForTransition } from './props';
|
|
8
|
+
/**
|
|
9
|
+
---
|
|
10
|
+
category: components
|
|
11
|
+
tags: overlay, portal, dialog
|
|
12
|
+
---
|
|
13
|
+
**/
|
|
14
|
+
declare class Modal extends Component<ModalProps, ModalState> {
|
|
15
|
+
static readonly componentId = "Modal";
|
|
16
|
+
static allowedProps: readonly ("children" | "variant" | "size" | "overflow" | "contentRef" | "constrain" | keyof ModalPropsForPortal | keyof ModalPropsForTransition | keyof import("./props").ModalPropsForDialog)[];
|
|
17
|
+
static defaultProps: {
|
|
18
|
+
open: boolean;
|
|
19
|
+
size: string;
|
|
20
|
+
variant: string;
|
|
21
|
+
transition: string;
|
|
22
|
+
insertAt: string;
|
|
23
|
+
shouldCloseOnDocumentClick: boolean;
|
|
24
|
+
shouldReturnFocus: boolean;
|
|
25
|
+
constrain: string;
|
|
26
|
+
overflow: string;
|
|
27
|
+
};
|
|
28
|
+
static Header: typeof ModalHeader;
|
|
29
|
+
static Body: typeof ModalBody;
|
|
30
|
+
static Footer: typeof ModalFooter;
|
|
31
|
+
constructor(props: ModalProps);
|
|
32
|
+
_DOMNode: PortalNode;
|
|
33
|
+
_content: Dialog | null;
|
|
34
|
+
ref?: Element | null;
|
|
35
|
+
handleRef: (el?: Element | null) => void;
|
|
36
|
+
componentDidMount(): void;
|
|
37
|
+
componentDidUpdate(prevProps: ModalProps): void;
|
|
38
|
+
componentWillUnmount(): void;
|
|
39
|
+
updateHeight: () => void;
|
|
40
|
+
get defaultFocusElement(): import("@instructure/shared-types").UIElement | undefined;
|
|
41
|
+
get DOMNode(): PortalNode;
|
|
42
|
+
set DOMNode(el: PortalNode);
|
|
43
|
+
get maskPlacement(): "stretch" | "center";
|
|
44
|
+
handlePortalOpen: (DOMNode: PortalNode) => void;
|
|
45
|
+
handleTransitionComplete: ModalProps['onEntered' | 'onExited'];
|
|
46
|
+
contentRef: (el: Dialog | null) => void;
|
|
47
|
+
renderChildren(): (string | number | boolean | Iterable<import("react").ReactNode> | import("@emotion/react/jsx-runtime").JSX.Element | null | undefined)[];
|
|
48
|
+
cloneChildWithProps(child: React.ReactNode, variant: string | undefined, overflow: string | undefined): string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined;
|
|
49
|
+
renderDialog(props: Omit<ModalProps, keyof ModalPropsForPortal | keyof ModalPropsForTransition | 'constrain' | 'overflow'>): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
50
|
+
render(): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
51
|
+
}
|
|
52
|
+
export default Modal;
|
|
53
|
+
export { Modal, ModalHeader, ModalBody, ModalFooter };
|
|
54
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modal/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAY,SAAS,EAAkB,MAAM,OAAO,CAAA;AAO3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAG/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAO3C,OAAO,KAAK,EACV,UAAU,EACV,UAAU,EACV,mBAAmB,EACnB,uBAAuB,EACxB,MAAM,SAAS,CAAA;AAGhB;;;;;GAKG;AACH,cACM,KAAM,SAAQ,SAAS,CAAC,UAAU,EAAE,UAAU,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,WAAU;IAErC,MAAM,CAAC,YAAY,mMAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;MAUlB;IAED,MAAM,CAAC,MAAM,qBAAc;IAC3B,MAAM,CAAC,IAAI,mBAAY;IACvB,MAAM,CAAC,MAAM,qBAAc;gBAEf,KAAK,EAAE,UAAU;IAW7B,QAAQ,EAAE,UAAU,CAAO;IAC3B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAO;IAE9B,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,CAAO;IAE3B,SAAS,GAAI,KAAK,OAAO,GAAG,IAAI,UAE/B;IAED,iBAAiB;IAKjB,kBAAkB,CAAC,SAAS,EAAE,UAAU;IAOxC,oBAAoB;IAIpB,YAAY,aAEX;IAED,IAAI,mBAAmB,8DAEtB;IAED,IAAI,OAAO,IAGK,UAAU,CADzB;IACD,IAAI,OAAO,CAAC,EAAE,EAAE,UAAU,EAEzB;IAED,IAAI,aAAa,yBAMhB;IAED,gBAAgB,GAAI,SAAS,UAAU,UAEtC;IAED,wBAAwB,EAAE,UAAU,CAAC,WAAW,GAAG,UAAU,CAAC,CAI7D;IAED,UAAU,GAAI,IAAI,MAAM,GAAG,IAAI,UAK9B;IAED,cAAc;IA6Bd,mBAAmB,CACjB,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,OAAO,EAAE,MAAM,GAAG,SAAS,EAC3B,QAAQ,EAAE,MAAM,GAAG,SAAS;IAY9B,YAAY,CACV,KAAK,EAAE,IAAI,CACT,UAAU,EACR,MAAM,mBAAmB,GACzB,MAAM,uBAAuB,GAC7B,WAAW,GACX,UAAU,CACb;IAiDH,MAAM;CAmEP;AAED,eAAe,KAAK,CAAA;AACpB,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Dialog } from '@instructure/ui-dialog';
|
|
3
|
+
import type { AsElementType, ModalTheme, OtherHTMLAttributes, LiveRegion, UIElement } from '@instructure/shared-types';
|
|
4
|
+
import type { PositionMountNode } from '@instructure/ui-position';
|
|
5
|
+
import type { TransitionType } from '@instructure/ui-motion';
|
|
6
|
+
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
|
7
|
+
type ModalPropsForPortal = {
|
|
8
|
+
/**
|
|
9
|
+
* Whether or not the `<Modal />` is open
|
|
10
|
+
*/
|
|
11
|
+
open?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* An element or a function returning an element to use as the mount node
|
|
14
|
+
* for the `<Modal />` (defaults to `document.body`)
|
|
15
|
+
*/
|
|
16
|
+
mountNode?: PositionMountNode;
|
|
17
|
+
/**
|
|
18
|
+
* Insert the element at the 'top' of the mountNode or at the 'bottom'
|
|
19
|
+
*/
|
|
20
|
+
insertAt?: 'bottom' | 'top';
|
|
21
|
+
/**
|
|
22
|
+
* Callback fired when `<Modal />` content has been mounted in the DOM
|
|
23
|
+
*/
|
|
24
|
+
onOpen?: (type?: TransitionType) => void;
|
|
25
|
+
/**
|
|
26
|
+
* Callback fired when `<Modal />` has been unmounted from the DOM
|
|
27
|
+
*/
|
|
28
|
+
onClose?: () => void;
|
|
29
|
+
};
|
|
30
|
+
type ModalPropsForTransition = {
|
|
31
|
+
transition?: TransitionType;
|
|
32
|
+
/**
|
|
33
|
+
* Callback fired before the <Modal /> transitions in
|
|
34
|
+
*/
|
|
35
|
+
onEnter?: () => void;
|
|
36
|
+
/**
|
|
37
|
+
* Callback fired as the <Modal /> begins to transition in
|
|
38
|
+
*/
|
|
39
|
+
onEntering?: () => void;
|
|
40
|
+
/**
|
|
41
|
+
* Callback fired after the <Modal /> finishes transitioning in
|
|
42
|
+
*/
|
|
43
|
+
onEntered?: (type?: TransitionType) => void;
|
|
44
|
+
/**
|
|
45
|
+
* Callback fired right before the <Modal /> transitions out
|
|
46
|
+
*/
|
|
47
|
+
onExit?: () => void;
|
|
48
|
+
/**
|
|
49
|
+
* Callback fired as the <Modal /> begins to transition out
|
|
50
|
+
*/
|
|
51
|
+
onExiting?: () => void;
|
|
52
|
+
/**
|
|
53
|
+
* Callback fired after the <Modal /> finishes transitioning out
|
|
54
|
+
*/
|
|
55
|
+
onExited?: (type?: TransitionType) => void;
|
|
56
|
+
};
|
|
57
|
+
type ModalPropsForDialog = {
|
|
58
|
+
/**
|
|
59
|
+
* An accessible label for the `<Modal />` content
|
|
60
|
+
*/
|
|
61
|
+
label: string;
|
|
62
|
+
/**
|
|
63
|
+
* The element to render the dialog as, `span` by default
|
|
64
|
+
*/
|
|
65
|
+
as?: AsElementType;
|
|
66
|
+
/**
|
|
67
|
+
* Whether focus should be returned to the trigger when the `<Modal/>` is closed
|
|
68
|
+
*/
|
|
69
|
+
shouldReturnFocus?: boolean;
|
|
70
|
+
/**
|
|
71
|
+
* Whether the `<Modal/>` should request close when the document is clicked
|
|
72
|
+
*/
|
|
73
|
+
shouldCloseOnDocumentClick?: boolean;
|
|
74
|
+
/**
|
|
75
|
+
* Callback fired when the `<Modal />` is requesting to be closed
|
|
76
|
+
*/
|
|
77
|
+
onDismiss?: (event: React.UIEvent | React.FocusEvent, documentClick?: boolean) => void;
|
|
78
|
+
/**
|
|
79
|
+
* An element, function returning an element, or array of elements that will not be hidden from
|
|
80
|
+
* the screen reader when the `<Modal />` is open
|
|
81
|
+
*/
|
|
82
|
+
liveRegion?: LiveRegion;
|
|
83
|
+
/**
|
|
84
|
+
* An element or a function returning an element to focus by default
|
|
85
|
+
*/
|
|
86
|
+
defaultFocusElement?: UIElement;
|
|
87
|
+
};
|
|
88
|
+
type ModalOwnProps = {
|
|
89
|
+
/**
|
|
90
|
+
* Recommended children types are: `Modal.Header`, `Modal.Body`, `Modal.Footer`. Custom children can be used as well. `Variant` and `overflow` properties are always passed down to children.
|
|
91
|
+
*/
|
|
92
|
+
children: React.ReactNode;
|
|
93
|
+
/**
|
|
94
|
+
* The size of the `<Modal />` content
|
|
95
|
+
*/
|
|
96
|
+
size?: 'auto' | 'small' | 'medium' | 'large' | 'fullscreen';
|
|
97
|
+
/**
|
|
98
|
+
* Designates the background style of the `<Modal />`
|
|
99
|
+
*/
|
|
100
|
+
variant?: 'default' | 'inverse';
|
|
101
|
+
/**
|
|
102
|
+
*
|
|
103
|
+
* A function that returns a reference to the content element
|
|
104
|
+
*/
|
|
105
|
+
contentRef?: (dialog: Dialog | null) => void;
|
|
106
|
+
/**
|
|
107
|
+
* Constrain the Modal to the document window or its closest positioned parent
|
|
108
|
+
*/
|
|
109
|
+
constrain?: 'window' | 'parent';
|
|
110
|
+
/**
|
|
111
|
+
* Should ModalBody handle overflow with scrollbars, or fit its
|
|
112
|
+
* content within its own height?
|
|
113
|
+
*/
|
|
114
|
+
overflow?: 'scroll' | 'fit';
|
|
115
|
+
} & ModalPropsForPortal & ModalPropsForTransition & ModalPropsForDialog;
|
|
116
|
+
type PropKeys = keyof ModalOwnProps;
|
|
117
|
+
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
118
|
+
type ModalProps = ModalOwnProps & WithStyleProps<ModalTheme, ModalStyle> & OtherHTMLAttributes<ModalOwnProps>;
|
|
119
|
+
type ModalStyle = ComponentStyle<'modal' | 'constrainContext' | 'joinedHeaderAndBody'>;
|
|
120
|
+
type ModalState = {
|
|
121
|
+
transitioning: boolean;
|
|
122
|
+
open: boolean;
|
|
123
|
+
windowHeight: number;
|
|
124
|
+
/**
|
|
125
|
+
* The `aria-label` on the Modal's body if it's scrollable.
|
|
126
|
+
*/
|
|
127
|
+
bodyScrollAriaLabel?: string;
|
|
128
|
+
};
|
|
129
|
+
declare const allowedProps: AllowedPropKeys;
|
|
130
|
+
export type { ModalProps, ModalStyle, ModalState, ModalPropsForPortal, ModalPropsForTransition, ModalPropsForDialog };
|
|
131
|
+
export { allowedProps };
|
|
132
|
+
//# sourceMappingURL=props.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Modal/v2/props.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { NewComponentTypes } from '@instructure/ui-themes';
|
|
2
|
+
import type { ModalProps, ModalStyle } from './props';
|
|
3
|
+
/**
|
|
4
|
+
* ---
|
|
5
|
+
* private: true
|
|
6
|
+
* ---
|
|
7
|
+
* Generates the style object from the theme and provided additional information
|
|
8
|
+
* @param {Object} componentTheme The theme variable object.
|
|
9
|
+
* @param {Object} props the props of the component, the style is applied to
|
|
10
|
+
* @param {Object} sharedTokens Shared theme token object
|
|
11
|
+
* @param {Object} state the state of the component, the style is applied to
|
|
12
|
+
* @return {Object} The final style object, which will be used in the component
|
|
13
|
+
*/
|
|
14
|
+
declare const generateStyle: (componentTheme: NewComponentTypes["Modal"], props: ModalProps) => ModalStyle;
|
|
15
|
+
export default generateStyle;
|
|
16
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Modal/v2/styles.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAErD;;;;;;;;;;GAUG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,iBAAiB,CAAC,OAAO,CAAC,EAC1C,OAAO,UAAU,KAChB,UAqFF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { Modal, ModalBody, ModalFooter, ModalHeader } from '../Modal/v1';
|
|
2
|
+
export type { ModalProps } from '../Modal/v1/props';
|
|
3
|
+
export type { ModalBodyProps } from '../Modal/v1/ModalBody/props';
|
|
4
|
+
export type { ModalFooterProps } from '../Modal/v1/ModalFooter/props';
|
|
5
|
+
export type { ModalHeaderProps } from '../Modal/v1/ModalHeader/props';
|
|
6
|
+
//# sourceMappingURL=a.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"a.d.ts","sourceRoot":"","sources":["../../src/exports/a.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAExE,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AACjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AACrE,YAAY,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { Modal, ModalBody, ModalFooter, ModalHeader } from '../Modal/v2';
|
|
2
|
+
export type { ModalProps } from '../Modal/v2/props';
|
|
3
|
+
export type { ModalBodyProps } from '../Modal/v2/ModalBody/props';
|
|
4
|
+
export type { ModalFooterProps } from '../Modal/v2/ModalFooter/props';
|
|
5
|
+
export type { ModalHeaderProps } from '../Modal/v2/ModalHeader/props';
|
|
6
|
+
//# sourceMappingURL=b.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"b.d.ts","sourceRoot":"","sources":["../../src/exports/b.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAExE,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AACjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AACrE,YAAY,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modal/ModalBody/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWjC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAGrD;;;;;GAKG;AACH,cACM,SAAU,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/C,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;MAIlB;IAED,GAAG,EAAE,SAAS,GAAG,IAAI,CAAO;IAE5B,SAAS,GAAI,IAAI,SAAS,GAAG,IAAI,UAQhC;gBAEW,KAAK,EAAE,cAAc;IAIjC,iBAAiB;IAkBjB,kBAAkB;IAIlB,WAAW,CAAC,EAAE,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS;IAa/C,MAAM;CA8CP;AAED,eAAe,SAAS,CAAA;AACxB,OAAO,EAAE,SAAS,EAAE,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Modal/ModalBody/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,SAAS,EACV,MAAM,2BAA2B,CAAA;AAElC,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAA;IAChD,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;CAC5B,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,iBAAiB,CAAA;AAEvC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,cAAc,GAAG,iBAAiB,GACrC,cAAc,CAAC,cAAc,EAAE,cAAc,CAAC,GAC9C,mBAAmB,CAAC,iBAAiB,CAAC,CAAA;AAExC,KAAK,cAAc,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;AAEjD,KAAK,cAAc,GAAG;IACpB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAOnB,CAAA;AAED,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,CAAA"}
|