@nice-digital/nds-page-header 4.0.0-alpha.0 → 4.0.2

package/es/PageHeader.js

@@ -16,6 +16,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 require("../scss/page-header.scss");
 const PageHeader = (props) => {
     const { heading, useAltHeading = false, lead, metadata, cta, preheading } = props, rest = __rest(props, ["heading", "useAltHeading", "lead", "metadata", "cta", "preheading"]);
-    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 }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "page-header", "data-component": "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 }))] })));
 };
 exports.PageHeader = PageHeader;

package/es/PageHeader.js.map

@@ -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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nice-digital/nds-page-header",
-	"version": "4.0.0-alpha.0",
+	"version": "4.0.2",
 	"description": "Page header component for the NICE Design System",
 	"keywords": [
 		"header"
@@ -34,7 +34,7 @@
 		"url": "https://github.com/nice-digital/nice-design-system/issues"
 	},
 	"dependencies": {
-		"@nice-digital/nds-core": "^4.0.0-alpha.0"
+		"@nice-digital/nds-core": "^4.0.2"
 	},
 	"peerDependencies": {
 		"react": "^16 || ^17 || ^18",
@@ -48,5 +48,5 @@
 		"@types/node": "^18.11.9",
 		"typescript": "^4.8.4"
 	},
-	"gitHead": "e225e0b15723013fb3df7309d197590a09cc2ea7"
+	"gitHead": "d8feb7beba5fffa49da42d6a550cb8f67a50727d"
 }

package/es/PageHeader.test.d.ts

@@ -1 +0,0 @@
-export {};

package/es/PageHeader.test.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@testing-library/react");
-const PageHeader_1 = require("./PageHeader");
-const props = {
-    heading: "Products",
-    cta: "See more below",
-    preheading: "Systemic lupus erythematosus",
-    lead: "A list of all our products on systemic lupus erythematosus"
-};
-describe("PageHeader", () => {
-    it("should match the snapshot with all props supplied", () => {
-        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(PageHeader_1.PageHeader, Object.assign({}, props)));
-        expect(wrapper).toMatchSnapshot();
-    });
-    it("should match the snapshot with only required heading prop supplied", () => {
-        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(PageHeader_1.PageHeader, { heading: "This is our heading" }));
-        expect(wrapper).toMatchSnapshot();
-    });
-    it("should allow a component to be passed as a prop", () => {
-        const button = (0, jsx_runtime_1.jsx)("button", Object.assign({ onClick: () => false }, { children: "Click Me" }));
-        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(PageHeader_1.PageHeader, { heading: "This is our heading", cta: button }));
-        expect(wrapper).toMatchSnapshot();
-    });
-    it("should pass additional props to the container", () => {
-        var _a;
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(PageHeader_1.PageHeader, { heading: "This is our heading", "data-track": false }));
-        expect((_a = container.querySelector("div")) === null || _a === void 0 ? void 0 : _a.getAttribute("data-track")).toBe("false");
-    });
-    it("should merge classes with the container", () => {
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(PageHeader_1.PageHeader, { heading: "This is our heading", className: "mt--0" }));
-        expect(container.querySelector("div")).toHaveClass("mt--0");
-    });
-});