@patternfly/react-core 5.0.0-alpha.36 → 5.0.0-alpha.37
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 +6 -0
- package/components/Modal/ModalBoxCloseButton.d.ts.map +1 -1
- package/components/Modal/ModalBoxCloseButton.js +6 -3
- package/components/Modal/ModalBoxCloseButton.js.map +1 -1
- package/dist/esm/components/Modal/ModalBoxCloseButton.d.ts.map +1 -1
- package/dist/esm/components/Modal/ModalBoxCloseButton.js +6 -3
- package/dist/esm/components/Modal/ModalBoxCloseButton.js.map +1 -1
- package/dist/js/components/Modal/ModalBoxCloseButton.d.ts.map +1 -1
- package/dist/js/components/Modal/ModalBoxCloseButton.js +6 -3
- package/dist/js/components/Modal/ModalBoxCloseButton.js.map +1 -1
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +5 -5
- package/src/components/Modal/ModalBoxCloseButton.tsx +14 -11
- package/src/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap +200 -168
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,12 @@
|
|
|
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
|
+
# [5.0.0-alpha.37](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.0.0-alpha.36...@patternfly/react-core@5.0.0-alpha.37) (2023-03-17)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
- **Modal:** Add close button wrapper div ([#8800](https://github.com/patternfly/patternfly-react/issues/8800)) ([679f1ee](https://github.com/patternfly/patternfly-react/commit/679f1eebd3156e85bf50ded1e5c4578784a2093e))
|
|
11
|
+
|
|
6
12
|
# [5.0.0-alpha.36](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.0.0-alpha.35...@patternfly/react-core@5.0.0-alpha.36) (2023-03-17)
|
|
7
13
|
|
|
8
14
|
### Bug Fixes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ModalBoxCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAiBjF,CAAC"}
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import { __rest } from "tslib";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
+
import { css } from '@patternfly/react-styles';
|
|
4
|
+
import styles from '@patternfly/react-styles/css/components/ModalBox/modal-box';
|
|
3
5
|
import { Button } from '../Button';
|
|
4
6
|
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
|
|
5
7
|
export const ModalBoxCloseButton = (_a) => {
|
|
6
|
-
var { className
|
|
7
|
-
return (React.createElement(
|
|
8
|
-
React.createElement(
|
|
8
|
+
var { className, onClose = () => undefined, ouiaId } = _a, props = __rest(_a, ["className", "onClose", "ouiaId"]);
|
|
9
|
+
return (React.createElement("div", { className: css(styles.modalBoxClose, className) },
|
|
10
|
+
React.createElement(Button, Object.assign({ variant: "plain", onClick: onClose, "aria-label": "Close" }, (ouiaId && { ouiaId: `${ouiaId}-${ModalBoxCloseButton.displayName}` }), props),
|
|
11
|
+
React.createElement(TimesIcon, null))));
|
|
9
12
|
};
|
|
10
13
|
ModalBoxCloseButton.displayName = 'ModalBoxCloseButton';
|
|
11
14
|
//# sourceMappingURL=ModalBoxCloseButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,SAAS,MAAM,mDAAmD,CAAC;AAY1E,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAK5D,EAAE,EAAE;QALwD,EACrF,SAAS,
|
|
1
|
+
{"version":3,"file":"ModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,4DAA4D,CAAC;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,SAAS,MAAM,mDAAmD,CAAC;AAY1E,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAK5D,EAAE,EAAE;QALwD,EACrF,SAAS,EACT,OAAO,GAAG,GAAG,EAAE,CAAC,SAAgB,EAChC,MAAM,OAEmB,EADtB,KAAK,cAJ6E,kCAKtF,CADS;IACsB,OAAA,CAC9B,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC;QAClD,oBAAC,MAAM,kBACL,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,OAAO,gBACL,OAAO,IACd,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,mBAAmB,CAAC,WAAW,EAAE,EAAE,CAAC,EACtE,KAAK;YAET,oBAAC,SAAS,OAAG,CACN,CACL,CACP,CAAA;CAAA,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ModalBoxCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAiBjF,CAAC"}
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import { __rest } from "tslib";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
+
import { css } from '@patternfly/react-styles';
|
|
4
|
+
import styles from '@patternfly/react-styles/css/components/ModalBox/modal-box';
|
|
3
5
|
import { Button } from '../Button';
|
|
4
6
|
import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
|
|
5
7
|
export const ModalBoxCloseButton = (_a) => {
|
|
6
|
-
var { className
|
|
7
|
-
return (React.createElement(
|
|
8
|
-
React.createElement(
|
|
8
|
+
var { className, onClose = () => undefined, ouiaId } = _a, props = __rest(_a, ["className", "onClose", "ouiaId"]);
|
|
9
|
+
return (React.createElement("div", { className: css(styles.modalBoxClose, className) },
|
|
10
|
+
React.createElement(Button, Object.assign({ variant: "plain", onClick: onClose, "aria-label": "Close" }, (ouiaId && { ouiaId: `${ouiaId}-${ModalBoxCloseButton.displayName}` }), props),
|
|
11
|
+
React.createElement(TimesIcon, null))));
|
|
9
12
|
};
|
|
10
13
|
ModalBoxCloseButton.displayName = 'ModalBoxCloseButton';
|
|
11
14
|
//# sourceMappingURL=ModalBoxCloseButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,SAAS,MAAM,mDAAmD,CAAC;AAY1E,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAK5D,EAAE,EAAE;QALwD,EACrF,SAAS,
|
|
1
|
+
{"version":3,"file":"ModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,4DAA4D,CAAC;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,SAAS,MAAM,mDAAmD,CAAC;AAY1E,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAK5D,EAAE,EAAE;QALwD,EACrF,SAAS,EACT,OAAO,GAAG,GAAG,EAAE,CAAC,SAAgB,EAChC,MAAM,OAEmB,EADtB,KAAK,cAJ6E,kCAKtF,CADS;IACsB,OAAA,CAC9B,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC;QAClD,oBAAC,MAAM,kBACL,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,OAAO,gBACL,OAAO,IACd,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,mBAAmB,CAAC,WAAW,EAAE,EAAE,CAAC,EACtE,KAAK;YAET,oBAAC,SAAS,OAAG,CACN,CACL,CACP,CAAA;CAAA,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ModalBoxCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAiBjF,CAAC"}
|
|
@@ -3,12 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.ModalBoxCloseButton = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = tslib_1.__importStar(require("react"));
|
|
6
|
+
const react_styles_1 = require("@patternfly/react-styles");
|
|
7
|
+
const modal_box_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/ModalBox/modal-box"));
|
|
6
8
|
const Button_1 = require("../Button");
|
|
7
9
|
const times_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/times-icon'));
|
|
8
10
|
const ModalBoxCloseButton = (_a) => {
|
|
9
|
-
var { className
|
|
10
|
-
return (React.createElement(
|
|
11
|
-
React.createElement(
|
|
11
|
+
var { className, onClose = () => undefined, ouiaId } = _a, props = tslib_1.__rest(_a, ["className", "onClose", "ouiaId"]);
|
|
12
|
+
return (React.createElement("div", { className: (0, react_styles_1.css)(modal_box_1.default.modalBoxClose, className) },
|
|
13
|
+
React.createElement(Button_1.Button, Object.assign({ variant: "plain", onClick: onClose, "aria-label": "Close" }, (ouiaId && { ouiaId: `${ouiaId}-${exports.ModalBoxCloseButton.displayName}` }), props),
|
|
14
|
+
React.createElement(times_icon_1.default, null))));
|
|
12
15
|
};
|
|
13
16
|
exports.ModalBoxCloseButton = ModalBoxCloseButton;
|
|
14
17
|
exports.ModalBoxCloseButton.displayName = 'ModalBoxCloseButton';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,sCAAmC;AACnC,0GAA0E;AAYnE,MAAM,mBAAmB,GAAsD,CAAC,EAK5D,EAAE,EAAE;QALwD,EACrF,SAAS,
|
|
1
|
+
{"version":3,"file":"ModalBoxCloseButton.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalBoxCloseButton.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,mHAAgF;AAChF,sCAAmC;AACnC,0GAA0E;AAYnE,MAAM,mBAAmB,GAAsD,CAAC,EAK5D,EAAE,EAAE;QALwD,EACrF,SAAS,EACT,OAAO,GAAG,GAAG,EAAE,CAAC,SAAgB,EAChC,MAAM,OAEmB,EADtB,KAAK,sBAJ6E,kCAKtF,CADS;IACsB,OAAA,CAC9B,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,mBAAM,CAAC,aAAa,EAAE,SAAS,CAAC;QAClD,oBAAC,eAAM,kBACL,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,OAAO,gBACL,OAAO,IACd,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,2BAAmB,CAAC,WAAW,EAAE,EAAE,CAAC,EACtE,KAAK;YAET,oBAAC,oBAAS,OAAG,CACN,CACL,CACP,CAAA;CAAA,CAAC;AAjBW,QAAA,mBAAmB,uBAiB9B;AACF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}
|