@doist/reactist 25.1.0 → 25.2.0
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/dist/reactist.cjs.development.js +6 -4
- package/dist/reactist.cjs.development.js.map +1 -1
- package/dist/reactist.cjs.production.min.js +1 -1
- package/dist/reactist.cjs.production.min.js.map +1 -1
- package/es/modal/modal.js +7 -4
- package/es/modal/modal.js.map +1 -1
- package/lib/modal/modal-stories-components.d.ts +1 -1
- package/lib/modal/modal.d.ts +2 -2
- package/lib/modal/modal.js +1 -1
- package/lib/modal/modal.js.map +1 -1
- package/package.json +1 -1
- package/styles/index.css +8 -1
- /package/styles/{inline.css → box.css} +0 -0
- /package/styles/{stack.css → divider.css} +0 -0
|
@@ -2326,7 +2326,8 @@ function Modal(_ref) {
|
|
|
2326
2326
|
}, /*#__PURE__*/React__namespace.createElement(FocusLock__default["default"], {
|
|
2327
2327
|
autoFocus: autoFocus,
|
|
2328
2328
|
whiteList: isNotInternalFrame,
|
|
2329
|
-
returnFocus: true
|
|
2329
|
+
returnFocus: true,
|
|
2330
|
+
crossFrame: false
|
|
2330
2331
|
}, /*#__PURE__*/React__namespace.createElement(react.Dialog, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
2331
2332
|
ref: dialogRef,
|
|
2332
2333
|
render: /*#__PURE__*/React__namespace.createElement(Box$1, {
|
|
@@ -2426,7 +2427,7 @@ function ModalHeader(_ref2) {
|
|
|
2426
2427
|
* Renders the body of a modal.
|
|
2427
2428
|
*
|
|
2428
2429
|
* Convenient to use alongside ModalHeader and/or ModalFooter as needed. It ensures, among other
|
|
2429
|
-
* things, that the
|
|
2430
|
+
* things, that the content of the modal body expands or contracts depending on the modal height
|
|
2430
2431
|
* setting or the size of the content. The body content also automatically scrolls when it's too
|
|
2431
2432
|
* large to fit the available space.
|
|
2432
2433
|
*
|
|
@@ -2435,7 +2436,7 @@ function ModalHeader(_ref2) {
|
|
|
2435
2436
|
* @see ModalFooter
|
|
2436
2437
|
*/
|
|
2437
2438
|
|
|
2438
|
-
function ModalBody(_ref3) {
|
|
2439
|
+
const ModalBody = /*#__PURE__*/React.forwardRef(function ModalBody(_ref3, ref) {
|
|
2439
2440
|
let {
|
|
2440
2441
|
exceptionallySetClassName,
|
|
2441
2442
|
children
|
|
@@ -2446,6 +2447,7 @@ function ModalBody(_ref3) {
|
|
|
2446
2447
|
height
|
|
2447
2448
|
} = React__namespace.useContext(ModalContext);
|
|
2448
2449
|
return /*#__PURE__*/React__namespace.createElement(Box$1, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
2450
|
+
ref: ref,
|
|
2449
2451
|
className: exceptionallySetClassName,
|
|
2450
2452
|
flexGrow: height === 'expand' ? 1 : 0,
|
|
2451
2453
|
height: height === 'expand' ? 'full' : undefined,
|
|
@@ -2454,7 +2456,7 @@ function ModalBody(_ref3) {
|
|
|
2454
2456
|
padding: "large",
|
|
2455
2457
|
paddingBottom: "xxlarge"
|
|
2456
2458
|
}, children));
|
|
2457
|
-
}
|
|
2459
|
+
});
|
|
2458
2460
|
/**
|
|
2459
2461
|
* Renders a standard modal footer area.
|
|
2460
2462
|
*
|