@nice-digital/nds-page-header 3.0.2 → 4.0.2-alpha.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/es/PageHeader.d.ts +12 -0
- package/es/PageHeader.js +21 -43
- package/es/PageHeader.test.d.ts +1 -0
- package/es/PageHeader.test.js +35 -0
- package/package.json +12 -11
- package/es/PageHeader.js.map +0 -1
- package/lib/PageHeader.js +0 -103
- package/lib/PageHeader.js.map +0 -1
- package/nds-page-header.d.ts +0 -15
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "../scss/page-header.scss";
|
|
3
|
+
export interface PageHeaderProps {
|
|
4
|
+
[prop: string]: unknown;
|
|
5
|
+
useAltHeading?: boolean;
|
|
6
|
+
preheading?: React.ReactNode;
|
|
7
|
+
heading: React.ReactNode;
|
|
8
|
+
lead?: React.ReactNode;
|
|
9
|
+
metadata?: React.ReactNode[];
|
|
10
|
+
cta?: React.ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export declare const PageHeader: React.FC<PageHeaderProps>;
|
package/es/PageHeader.js
CHANGED
|
@@ -1,43 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
className: "page-header__pre-heading"
|
|
23
|
-
}, preheading), heading), lead && /*#__PURE__*/React.createElement("p", {
|
|
24
|
-
className: "page-header__lead"
|
|
25
|
-
}, lead), metadata && /*#__PURE__*/React.createElement("ul", {
|
|
26
|
-
className: "page-header__metadata"
|
|
27
|
-
}, metadata.map(function (metadatum, i) {
|
|
28
|
-
return /*#__PURE__*/React.createElement("li", {
|
|
29
|
-
key: i
|
|
30
|
-
}, metadatum);
|
|
31
|
-
})), cta && /*#__PURE__*/React.createElement("p", {
|
|
32
|
-
className: "page-header__cta"
|
|
33
|
-
}, cta));
|
|
34
|
-
};
|
|
35
|
-
PageHeader.propTypes = {
|
|
36
|
-
heading: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
|
|
37
|
-
useAltHeading: PropTypes.bool,
|
|
38
|
-
lead: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
|
|
39
|
-
metadata: PropTypes.arrayOf(PropTypes.node),
|
|
40
|
-
preheading: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
|
|
41
|
-
cta: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
|
|
42
|
-
};
|
|
43
|
-
//# sourceMappingURL=PageHeader.js.map
|
|
1
|
+
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
13
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
exports.PageHeader = void 0;
|
|
15
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
+
require("../scss/page-header.scss");
|
|
17
|
+
const PageHeader = (props) => {
|
|
18
|
+
const { heading, useAltHeading = false, lead, metadata, cta, preheading } = props, rest = __rest(props, ["heading", "useAltHeading", "lead", "metadata", "cta", "preheading"]);
|
|
19
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "page-header" }, rest, { children: [(0, jsx_runtime_1.jsxs)("h1", Object.assign({ className: `page-header__heading ${useAltHeading ? "page-header__heading--alt" : ""}` }, { children: [preheading && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "page-header__pre-heading" }, { children: preheading }))), heading] })), lead && (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "page-header__lead" }, { children: lead })), metadata && ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "page-header__metadata" }, { children: metadata.map((metadatum, i) => ((0, jsx_runtime_1.jsx)("li", { children: metadatum }, i))) }))), cta && (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "page-header__cta" }, { children: cta }))] })));
|
|
20
|
+
};
|
|
21
|
+
exports.PageHeader = PageHeader;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const react_1 = require("@testing-library/react");
|
|
5
|
+
const PageHeader_1 = require("./PageHeader");
|
|
6
|
+
const props = {
|
|
7
|
+
heading: "Products",
|
|
8
|
+
cta: "See more below",
|
|
9
|
+
preheading: "Systemic lupus erythematosus",
|
|
10
|
+
lead: "A list of all our products on systemic lupus erythematosus"
|
|
11
|
+
};
|
|
12
|
+
describe("PageHeader", () => {
|
|
13
|
+
it("should match the snapshot with all props supplied", () => {
|
|
14
|
+
const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(PageHeader_1.PageHeader, Object.assign({}, props)));
|
|
15
|
+
expect(wrapper).toMatchSnapshot();
|
|
16
|
+
});
|
|
17
|
+
it("should match the snapshot with only required heading prop supplied", () => {
|
|
18
|
+
const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(PageHeader_1.PageHeader, { heading: "This is our heading" }));
|
|
19
|
+
expect(wrapper).toMatchSnapshot();
|
|
20
|
+
});
|
|
21
|
+
it("should allow a component to be passed as a prop", () => {
|
|
22
|
+
const button = (0, jsx_runtime_1.jsx)("button", Object.assign({ onClick: () => false }, { children: "Click Me" }));
|
|
23
|
+
const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(PageHeader_1.PageHeader, { heading: "This is our heading", cta: button }));
|
|
24
|
+
expect(wrapper).toMatchSnapshot();
|
|
25
|
+
});
|
|
26
|
+
it("should pass additional props to the container", () => {
|
|
27
|
+
var _a;
|
|
28
|
+
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(PageHeader_1.PageHeader, { heading: "This is our heading", "data-track": false }));
|
|
29
|
+
expect((_a = container.querySelector("div")) === null || _a === void 0 ? void 0 : _a.getAttribute("data-track")).toBe("false");
|
|
30
|
+
});
|
|
31
|
+
it("should merge classes with the container", () => {
|
|
32
|
+
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(PageHeader_1.PageHeader, { heading: "This is our heading", className: "mt--0" }));
|
|
33
|
+
expect(container.querySelector("div")).toHaveClass("mt--0");
|
|
34
|
+
});
|
|
35
|
+
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nice-digital/nds-page-header",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "4.0.2-alpha.0",
|
|
4
4
|
"description": "Page header component for the NICE Design System",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"header"
|
|
@@ -8,16 +8,13 @@
|
|
|
8
8
|
"author": "Ian Routledge <ian.routledge@nice.org.uk>",
|
|
9
9
|
"homepage": "https://design-system.nice.org.uk/",
|
|
10
10
|
"license": "MIT",
|
|
11
|
-
"main": "
|
|
12
|
-
"module": "es/PageHeader.js",
|
|
11
|
+
"main": "es/PageHeader.js",
|
|
13
12
|
"style": "scss/page-header.scss",
|
|
14
|
-
"types": "nds-page-header.d.ts",
|
|
15
13
|
"directories": {
|
|
16
|
-
"lib": "
|
|
14
|
+
"lib": "es",
|
|
17
15
|
"test": "__tests__"
|
|
18
16
|
},
|
|
19
17
|
"files": [
|
|
20
|
-
"lib",
|
|
21
18
|
"es",
|
|
22
19
|
"scss",
|
|
23
20
|
"*.d.ts"
|
|
@@ -37,15 +34,19 @@
|
|
|
37
34
|
"url": "https://github.com/nice-digital/nice-design-system/issues"
|
|
38
35
|
},
|
|
39
36
|
"dependencies": {
|
|
40
|
-
"@nice-digital/nds-core": "^
|
|
41
|
-
"prop-types": "^15.7.2"
|
|
37
|
+
"@nice-digital/nds-core": "^4.0.2-alpha.0"
|
|
42
38
|
},
|
|
43
39
|
"peerDependencies": {
|
|
44
40
|
"react": "^16 || ^17 || ^18",
|
|
45
41
|
"react-dom": "^16 || ^17 || ^18"
|
|
46
42
|
},
|
|
47
43
|
"devDependencies": {
|
|
48
|
-
"@
|
|
49
|
-
|
|
50
|
-
|
|
44
|
+
"@testing-library/jest-dom": "^5.16.5",
|
|
45
|
+
"@testing-library/react": "^13.4.0",
|
|
46
|
+
"@testing-library/user-event": "^14.4.3",
|
|
47
|
+
"@types/jest": "^29.2.2",
|
|
48
|
+
"@types/node": "^18.11.9",
|
|
49
|
+
"typescript": "^4.8.4"
|
|
50
|
+
},
|
|
51
|
+
"gitHead": "4e9cad8a2b94cdf4af05b18a6610835883bedf0e"
|
|
51
52
|
}
|
package/es/PageHeader.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.js","names":["React","PropTypes","PageHeader","props","heading","useAltHeading","lead","metadata","cta","preheading","rest","map","metadatum","i","propTypes","oneOfType","arrayOf","node","isRequired","bool"],"sources":["../src/PageHeader.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport \"../scss/page-header.scss\";\n\nexport const PageHeader = (props) => {\n\tconst {\n\t\theading,\n\t\tuseAltHeading = false,\n\t\tlead,\n\t\tmetadata,\n\t\tcta,\n\t\tpreheading,\n\t\t...rest\n\t} = props;\n\n\treturn (\n\t\t<div className=\"page-header\" {...rest}>\n\t\t\t<h1\n\t\t\t\tclassName={`page-header__heading ${\n\t\t\t\t\tuseAltHeading ? \"page-header__heading--alt\" : \"\"\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{preheading && (\n\t\t\t\t\t<span className=\"page-header__pre-heading\">{preheading}</span>\n\t\t\t\t)}\n\t\t\t\t{heading}\n\t\t\t</h1>\n\n\t\t\t{lead && <p className=\"page-header__lead\">{lead}</p>}\n\n\t\t\t{metadata && (\n\t\t\t\t<ul className=\"page-header__metadata\">\n\t\t\t\t\t{metadata.map((metadatum, i) => (\n\t\t\t\t\t\t<li key={i}>{metadatum}</li>\n\t\t\t\t\t))}\n\t\t\t\t</ul>\n\t\t\t)}\n\n\t\t\t{cta && <p className=\"page-header__cta\">{cta}</p>}\n\t\t</div>\n\t);\n};\n\nPageHeader.propTypes = {\n\theading: PropTypes.oneOfType([\n\t\tPropTypes.arrayOf(PropTypes.node),\n\t\tPropTypes.node\n\t]).isRequired,\n\tuseAltHeading: PropTypes.bool,\n\tlead: PropTypes.oneOfType([\n\t\tPropTypes.arrayOf(PropTypes.node),\n\t\tPropTypes.node\n\t]),\n\tmetadata: PropTypes.arrayOf(PropTypes.node),\n\tpreheading: PropTypes.oneOfType([\n\t\tPropTypes.arrayOf(PropTypes.node),\n\t\tPropTypes.node\n\t]),\n\tcta: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAO,0BAAP;AAEA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAW;EACpC,IACCC,OADD,GAQID,KARJ,CACCC,OADD;EAAA,2BAQID,KARJ,CAECE,aAFD;EAAA,IAECA,aAFD,qCAEiB,KAFjB;EAAA,IAGCC,IAHD,GAQIH,KARJ,CAGCG,IAHD;EAAA,IAICC,QAJD,GAQIJ,KARJ,CAICI,QAJD;EAAA,IAKCC,GALD,GAQIL,KARJ,CAKCK,GALD;EAAA,IAMCC,UAND,GAQIN,KARJ,CAMCM,UAND;EAAA,IAOIC,IAPJ,iCAQIP,KARJ;;EAUA,oBACC;IAAK,SAAS,EAAC;EAAf,GAAiCO,IAAjC,gBACC;IACC,SAAS,6BACRL,aAAa,GAAG,2BAAH,GAAiC,EADtC;EADV,GAKEI,UAAU,iBACV;IAAM,SAAS,EAAC;EAAhB,GAA4CA,UAA5C,CANF,EAQEL,OARF,CADD,EAYEE,IAAI,iBAAI;IAAG,SAAS,EAAC;EAAb,GAAkCA,IAAlC,CAZV,EAcEC,QAAQ,iBACR;IAAI,SAAS,EAAC;EAAd,GACEA,QAAQ,CAACI,GAAT,CAAa,UAACC,SAAD,EAAYC,CAAZ;IAAA,oBACb;MAAI,GAAG,EAAEA;IAAT,GAAaD,SAAb,CADa;EAAA,CAAb,CADF,CAfF,EAsBEJ,GAAG,iBAAI;IAAG,SAAS,EAAC;EAAb,GAAiCA,GAAjC,CAtBT,CADD;AA0BA,CArCM;AAuCPN,UAAU,CAACY,SAAX,GAAuB;EACtBV,OAAO,EAAEH,SAAS,CAACc,SAAV,CAAoB,CAC5Bd,SAAS,CAACe,OAAV,CAAkBf,SAAS,CAACgB,IAA5B,CAD4B,EAE5BhB,SAAS,CAACgB,IAFkB,CAApB,EAGNC,UAJmB;EAKtBb,aAAa,EAAEJ,SAAS,CAACkB,IALH;EAMtBb,IAAI,EAAEL,SAAS,CAACc,SAAV,CAAoB,CACzBd,SAAS,CAACe,OAAV,CAAkBf,SAAS,CAACgB,IAA5B,CADyB,EAEzBhB,SAAS,CAACgB,IAFe,CAApB,CANgB;EAUtBV,QAAQ,EAAEN,SAAS,CAACe,OAAV,CAAkBf,SAAS,CAACgB,IAA5B,CAVY;EAWtBR,UAAU,EAAER,SAAS,CAACc,SAAV,CAAoB,CAC/Bd,SAAS,CAACe,OAAV,CAAkBf,SAAS,CAACgB,IAA5B,CAD+B,EAE/BhB,SAAS,CAACgB,IAFqB,CAApB,CAXU;EAetBT,GAAG,EAAEP,SAAS,CAACc,SAAV,CAAoB,CAACd,SAAS,CAACe,OAAV,CAAkBf,SAAS,CAACgB,IAA5B,CAAD,EAAoChB,SAAS,CAACgB,IAA9C,CAApB;AAfiB,CAAvB"}
|
package/lib/PageHeader.js
DELETED
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports.PageHeader = void 0;
|
|
7
|
-
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
|
|
10
|
-
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
11
|
-
|
|
12
|
-
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
|
-
require("../scss/page-header.scss");
|
|
17
|
-
|
|
18
|
-
var _excluded = ["heading", "useAltHeading", "lead", "metadata", "cta", "preheading"];
|
|
19
|
-
|
|
20
|
-
var _jsxFileName = "C:\\dev\\nice-design-system\\components\\nds-page-header\\src\\PageHeader.js",
|
|
21
|
-
_this = void 0;
|
|
22
|
-
|
|
23
|
-
var PageHeader = function PageHeader(props) {
|
|
24
|
-
var heading = props.heading,
|
|
25
|
-
_props$useAltHeading = props.useAltHeading,
|
|
26
|
-
useAltHeading = _props$useAltHeading === void 0 ? false : _props$useAltHeading,
|
|
27
|
-
lead = props.lead,
|
|
28
|
-
metadata = props.metadata,
|
|
29
|
-
cta = props.cta,
|
|
30
|
-
preheading = props.preheading,
|
|
31
|
-
rest = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
|
|
32
|
-
return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
|
|
33
|
-
className: "page-header"
|
|
34
|
-
}, rest, {
|
|
35
|
-
__self: _this,
|
|
36
|
-
__source: {
|
|
37
|
-
fileName: _jsxFileName,
|
|
38
|
-
lineNumber: 18,
|
|
39
|
-
columnNumber: 3
|
|
40
|
-
}
|
|
41
|
-
}), /*#__PURE__*/_react["default"].createElement("h1", {
|
|
42
|
-
className: "page-header__heading " + (useAltHeading ? "page-header__heading--alt" : ""),
|
|
43
|
-
__self: _this,
|
|
44
|
-
__source: {
|
|
45
|
-
fileName: _jsxFileName,
|
|
46
|
-
lineNumber: 19,
|
|
47
|
-
columnNumber: 4
|
|
48
|
-
}
|
|
49
|
-
}, preheading && /*#__PURE__*/_react["default"].createElement("span", {
|
|
50
|
-
className: "page-header__pre-heading",
|
|
51
|
-
__self: _this,
|
|
52
|
-
__source: {
|
|
53
|
-
fileName: _jsxFileName,
|
|
54
|
-
lineNumber: 25,
|
|
55
|
-
columnNumber: 6
|
|
56
|
-
}
|
|
57
|
-
}, preheading), heading), lead && /*#__PURE__*/_react["default"].createElement("p", {
|
|
58
|
-
className: "page-header__lead",
|
|
59
|
-
__self: _this,
|
|
60
|
-
__source: {
|
|
61
|
-
fileName: _jsxFileName,
|
|
62
|
-
lineNumber: 30,
|
|
63
|
-
columnNumber: 13
|
|
64
|
-
}
|
|
65
|
-
}, lead), metadata && /*#__PURE__*/_react["default"].createElement("ul", {
|
|
66
|
-
className: "page-header__metadata",
|
|
67
|
-
__self: _this,
|
|
68
|
-
__source: {
|
|
69
|
-
fileName: _jsxFileName,
|
|
70
|
-
lineNumber: 33,
|
|
71
|
-
columnNumber: 5
|
|
72
|
-
}
|
|
73
|
-
}, metadata.map(function (metadatum, i) {
|
|
74
|
-
return /*#__PURE__*/_react["default"].createElement("li", {
|
|
75
|
-
key: i,
|
|
76
|
-
__self: _this,
|
|
77
|
-
__source: {
|
|
78
|
-
fileName: _jsxFileName,
|
|
79
|
-
lineNumber: 35,
|
|
80
|
-
columnNumber: 7
|
|
81
|
-
}
|
|
82
|
-
}, metadatum);
|
|
83
|
-
})), cta && /*#__PURE__*/_react["default"].createElement("p", {
|
|
84
|
-
className: "page-header__cta",
|
|
85
|
-
__self: _this,
|
|
86
|
-
__source: {
|
|
87
|
-
fileName: _jsxFileName,
|
|
88
|
-
lineNumber: 40,
|
|
89
|
-
columnNumber: 12
|
|
90
|
-
}
|
|
91
|
-
}, cta));
|
|
92
|
-
};
|
|
93
|
-
|
|
94
|
-
exports.PageHeader = PageHeader;
|
|
95
|
-
PageHeader.propTypes = {
|
|
96
|
-
heading: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
|
|
97
|
-
useAltHeading: _propTypes["default"].bool,
|
|
98
|
-
lead: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
|
|
99
|
-
metadata: _propTypes["default"].arrayOf(_propTypes["default"].node),
|
|
100
|
-
preheading: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
|
|
101
|
-
cta: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node])
|
|
102
|
-
};
|
|
103
|
-
//# sourceMappingURL=PageHeader.js.map
|
package/lib/PageHeader.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.js","names":["PageHeader","props","heading","useAltHeading","lead","metadata","cta","preheading","rest","map","metadatum","i","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","bool"],"sources":["../src/PageHeader.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport \"../scss/page-header.scss\";\n\nexport const PageHeader = (props) => {\n\tconst {\n\t\theading,\n\t\tuseAltHeading = false,\n\t\tlead,\n\t\tmetadata,\n\t\tcta,\n\t\tpreheading,\n\t\t...rest\n\t} = props;\n\n\treturn (\n\t\t<div className=\"page-header\" {...rest}>\n\t\t\t<h1\n\t\t\t\tclassName={`page-header__heading ${\n\t\t\t\t\tuseAltHeading ? \"page-header__heading--alt\" : \"\"\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{preheading && (\n\t\t\t\t\t<span className=\"page-header__pre-heading\">{preheading}</span>\n\t\t\t\t)}\n\t\t\t\t{heading}\n\t\t\t</h1>\n\n\t\t\t{lead && <p className=\"page-header__lead\">{lead}</p>}\n\n\t\t\t{metadata && (\n\t\t\t\t<ul className=\"page-header__metadata\">\n\t\t\t\t\t{metadata.map((metadatum, i) => (\n\t\t\t\t\t\t<li key={i}>{metadatum}</li>\n\t\t\t\t\t))}\n\t\t\t\t</ul>\n\t\t\t)}\n\n\t\t\t{cta && <p className=\"page-header__cta\">{cta}</p>}\n\t\t</div>\n\t);\n};\n\nPageHeader.propTypes = {\n\theading: PropTypes.oneOfType([\n\t\tPropTypes.arrayOf(PropTypes.node),\n\t\tPropTypes.node\n\t]).isRequired,\n\tuseAltHeading: PropTypes.bool,\n\tlead: PropTypes.oneOfType([\n\t\tPropTypes.arrayOf(PropTypes.node),\n\t\tPropTypes.node\n\t]),\n\tmetadata: PropTypes.arrayOf(PropTypes.node),\n\tpreheading: PropTypes.oneOfType([\n\t\tPropTypes.arrayOf(PropTypes.node),\n\t\tPropTypes.node\n\t]),\n\tcta: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;;;;;;AAEO,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAW;EACpC,IACCC,OADD,GAQID,KARJ,CACCC,OADD;EAAA,2BAQID,KARJ,CAECE,aAFD;EAAA,IAECA,aAFD,qCAEiB,KAFjB;EAAA,IAGCC,IAHD,GAQIH,KARJ,CAGCG,IAHD;EAAA,IAICC,QAJD,GAQIJ,KARJ,CAICI,QAJD;EAAA,IAKCC,GALD,GAQIL,KARJ,CAKCK,GALD;EAAA,IAMCC,UAND,GAQIN,KARJ,CAMCM,UAND;EAAA,IAOIC,IAPJ,kDAQIP,KARJ;EAUA,oBACC;IAAK,SAAS,EAAC;EAAf,GAAiCO,IAAjC;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,iBACC;IACC,SAAS,6BACRL,aAAa,GAAG,2BAAH,GAAiC,EADtC,CADV;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAKEI,UAAU,iBACV;IAAM,SAAS,EAAC,0BAAhB;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAA4CA,UAA5C,CANF,EAQEL,OARF,CADD,EAYEE,IAAI,iBAAI;IAAG,SAAS,EAAC,mBAAb;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAAkCA,IAAlC,CAZV,EAcEC,QAAQ,iBACR;IAAI,SAAS,EAAC,uBAAd;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GACEA,QAAQ,CAACI,GAAT,CAAa,UAACC,SAAD,EAAYC,CAAZ;IAAA,oBACb;MAAI,GAAG,EAAEA,CAAT;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GAAaD,SAAb,CADa;EAAA,CAAb,CADF,CAfF,EAsBEJ,GAAG,iBAAI;IAAG,SAAS,EAAC,kBAAb;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAAiCA,GAAjC,CAtBT,CADD;AA0BA,CArCM;;;AAuCPN,UAAU,CAACY,SAAX,GAAuB;EACtBV,OAAO,EAAEW,qBAAA,CAAUC,SAAV,CAAoB,CAC5BD,qBAAA,CAAUE,OAAV,CAAkBF,qBAAA,CAAUG,IAA5B,CAD4B,EAE5BH,qBAAA,CAAUG,IAFkB,CAApB,EAGNC,UAJmB;EAKtBd,aAAa,EAAEU,qBAAA,CAAUK,IALH;EAMtBd,IAAI,EAAES,qBAAA,CAAUC,SAAV,CAAoB,CACzBD,qBAAA,CAAUE,OAAV,CAAkBF,qBAAA,CAAUG,IAA5B,CADyB,EAEzBH,qBAAA,CAAUG,IAFe,CAApB,CANgB;EAUtBX,QAAQ,EAAEQ,qBAAA,CAAUE,OAAV,CAAkBF,qBAAA,CAAUG,IAA5B,CAVY;EAWtBT,UAAU,EAAEM,qBAAA,CAAUC,SAAV,CAAoB,CAC/BD,qBAAA,CAAUE,OAAV,CAAkBF,qBAAA,CAAUG,IAA5B,CAD+B,EAE/BH,qBAAA,CAAUG,IAFqB,CAApB,CAXU;EAetBV,GAAG,EAAEO,qBAAA,CAAUC,SAAV,CAAoB,CAACD,qBAAA,CAAUE,OAAV,CAAkBF,qBAAA,CAAUG,IAA5B,CAAD,EAAoCH,qBAAA,CAAUG,IAA9C,CAApB;AAfiB,CAAvB"}
|
package/nds-page-header.d.ts
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
declare module "@nice-digital/nds-page-header" {
|
|
2
|
-
import React = require("react");
|
|
3
|
-
|
|
4
|
-
export interface PageHeaderProps {
|
|
5
|
-
[prop: string]: unknown;
|
|
6
|
-
useAltHeading?: boolean;
|
|
7
|
-
preheading?: React.ReactNode;
|
|
8
|
-
heading: React.ReactNode;
|
|
9
|
-
lead?: React.ReactNode;
|
|
10
|
-
metadata?: React.ReactNode[];
|
|
11
|
-
cta?: React.ReactNode;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
export const PageHeader: React.FC<PageHeaderProps>;
|
|
15
|
-
}
|