@nice-digital/nds-hero 4.0.1-alpha.0 → 4.0.2

package/es/Hero.js

@@ -20,6 +20,6 @@ const classnames_1 = __importDefault(require("classnames"));
 require("../scss/hero.scss");
 const Hero = (props) => {
     const { actions, children, footer, header, intro, title, className } = props, rest = __rest(props, ["actions", "children", "footer", "header", "intro", "title", "className"]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)(["hero", className]) }, rest, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "hero__container" }, { children: [header && header, (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "hero__body" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "hero__copy" }, { children: [(0, jsx_runtime_1.jsx)("h1", Object.assign({ className: "hero__title" }, { children: title })), intro && (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "hero__intro" }, { children: intro })), actions && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "hero__actions" }, { children: actions }))] })), children && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "hero__extra" }, { children: children }))] })), footer && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "hero__footer" }, { children: footer }))] })) })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)(["hero", className]), "data-component": "hero" }, rest, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "hero__container" }, { children: [header && header, (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "hero__body" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "hero__copy" }, { children: [(0, jsx_runtime_1.jsx)("h1", Object.assign({ className: "hero__title" }, { children: title })), intro && (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "hero__intro" }, { children: intro })), actions && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "hero__actions" }, { children: actions }))] })), children && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "hero__extra" }, { children: children }))] })), footer && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "hero__footer" }, { children: footer }))] })) })));
 };
 exports.Hero = Hero;

package/es/Hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.js","names":["React","PropTypes","classnames","Hero","props","actions","children","footer","header","intro","title","className","rest","propTypes","node","string","isRequired"],"sources":["../src/Hero.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport classnames from \"classnames\";\nimport \"../scss/hero.scss\";\n\nexport const Hero = (props) => {\n\tconst {\n\t\tactions,\n\t\tchildren,\n\t\tfooter,\n\t\theader,\n\t\tintro,\n\t\ttitle,\n\t\tclassName,\n\t\t...rest\n\t} = props;\n\treturn (\n\t\t<div className={classnames([\"hero\", className])} {...rest}>\n\t\t\t<div className=\"hero__container\">\n\t\t\t\t{header && header}\n\t\t\t\t<div className=\"hero__body\">\n\t\t\t\t\t<div className=\"hero__copy\">\n\t\t\t\t\t\t<h1 className=\"hero__title\">{title}</h1>\n\t\t\t\t\t\t{intro && <p className=\"hero__intro\">{intro}</p>}\n\t\t\t\t\t\t{actions && <div className=\"hero__actions\">{actions}</div>}\n\t\t\t\t\t</div>\n\t\t\t\t\t{children && <div className=\"hero__extra\">{children}</div>}\n\t\t\t\t</div>\n\t\t\t\t{footer && <div className=\"hero__footer\">{footer}</div>}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nHero.propTypes = {\n\tactions: PropTypes.node,\n\tchildren: PropTypes.node,\n\tclassName: PropTypes.string,\n\tfooter: PropTypes.node,\n\theader: PropTypes.node,\n\tintro: PropTypes.node,\n\ttitle: PropTypes.node.isRequired\n};\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAO,mBAAP;AAEA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD,EAAW;EAC9B,IACCC,OADD,GASID,KATJ,CACCC,OADD;EAAA,IAECC,QAFD,GASIF,KATJ,CAECE,QAFD;EAAA,IAGCC,MAHD,GASIH,KATJ,CAGCG,MAHD;EAAA,IAICC,MAJD,GASIJ,KATJ,CAICI,MAJD;EAAA,IAKCC,KALD,GASIL,KATJ,CAKCK,KALD;EAAA,IAMCC,KAND,GASIN,KATJ,CAMCM,KAND;EAAA,IAOCC,SAPD,GASIP,KATJ,CAOCO,SAPD;EAAA,IAQIC,IARJ,iCASIR,KATJ;;EAUA,oBACC;IAAK,SAAS,EAAEF,UAAU,CAAC,CAAC,MAAD,EAASS,SAAT,CAAD;EAA1B,GAAqDC,IAArD,gBACC;IAAK,SAAS,EAAC;EAAf,GACEJ,MAAM,IAAIA,MADZ,eAEC;IAAK,SAAS,EAAC;EAAf,gBACC;IAAK,SAAS,EAAC;EAAf,gBACC;IAAI,SAAS,EAAC;EAAd,GAA6BE,KAA7B,CADD,EAEED,KAAK,iBAAI;IAAG,SAAS,EAAC;EAAb,GAA4BA,KAA5B,CAFX,EAGEJ,OAAO,iBAAI;IAAK,SAAS,EAAC;EAAf,GAAgCA,OAAhC,CAHb,CADD,EAMEC,QAAQ,iBAAI;IAAK,SAAS,EAAC;EAAf,GAA8BA,QAA9B,CANd,CAFD,EAUEC,MAAM,iBAAI;IAAK,SAAS,EAAC;EAAf,GAA+BA,MAA/B,CAVZ,CADD,CADD;AAgBA,CA3BM;AA6BPJ,IAAI,CAACU,SAAL,GAAiB;EAChBR,OAAO,EAAEJ,SAAS,CAACa,IADH;EAEhBR,QAAQ,EAAEL,SAAS,CAACa,IAFJ;EAGhBH,SAAS,EAAEV,SAAS,CAACc,MAHL;EAIhBR,MAAM,EAAEN,SAAS,CAACa,IAJF;EAKhBN,MAAM,EAAEP,SAAS,CAACa,IALF;EAMhBL,KAAK,EAAER,SAAS,CAACa,IAND;EAOhBJ,KAAK,EAAET,SAAS,CAACa,IAAV,CAAeE;AAPN,CAAjB"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nice-digital/nds-hero",
-	"version": "4.0.1-alpha.0",
+	"version": "4.0.2",
 	"description": "Hero component for the NICE Design System",
 	"keywords": [
 		"hero"
@@ -33,7 +33,7 @@
 		"url": "https://github.com/nice-digital/nice-design-system/issues"
 	},
 	"dependencies": {
-		"@nice-digital/nds-core": "^4.0.1-alpha.0",
+		"@nice-digital/nds-core": "^4.0.2",
 		"classnames": "^2.3.1"
 	},
 	"peerDependencies": {
@@ -48,5 +48,5 @@
 		"@types/node": "^18.11.9",
 		"typescript": "^4.8.4"
 	},
-	"gitHead": "e75957040c9acfbd7eeb164cad724e3b48760679"
+	"gitHead": "d8feb7beba5fffa49da42d6a550cb8f67a50727d"
 }

package/es/Hero.test.d.ts

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

package/es/Hero.test.js

@@ -1,24 +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 Hero_1 = require("./Hero");
-const actions = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("a", Object.assign({ href: "page-one" }, { children: "Go to page one" })), (0, jsx_runtime_1.jsx)("a", Object.assign({ href: "page-two" }, { children: "Go to page two" }))] }));
-const header = (0, jsx_runtime_1.jsx)("p", { children: "Header content" });
-const footer = (0, jsx_runtime_1.jsx)("p", { children: "Footer content" });
-const extras = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h2", { children: "Quick links" }), (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("a", Object.assign({ href: "page-one" }, { children: "Go to page one" })) }), (0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("ul", { children: (0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("a", Object.assign({ href: "page-two" }, { children: "Go to page two" })) }) }) }), (0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("a", Object.assign({ href: "page-three" }, { children: "Go to page three" })) })] })] }));
-describe("Hero", () => {
-    it("should match the snapshot with props", () => {
-        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Hero_1.Hero, Object.assign({ title: "Welcoming title", intro: "Introduction text", actions: actions, header: header, footer: footer }, { children: extras })));
-        expect(wrapper).toMatchSnapshot();
-    });
-    it("should pass any number of child components via actions and extra props ", () => {
-        var _a;
-        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Hero_1.Hero, Object.assign({ title: "Welcoming title", intro: "Introduction text", actions: actions, "data-track": false, className: "mt--0" }, { children: extras })));
-        const anchors = wrapper.getAllByRole("link", { name: "Go to page two" });
-        expect(anchors.length).toBe(2);
-        expect(anchors[anchors.length - 1].textContent).toBe("Go to page two");
-        expect((_a = wrapper.container.querySelector("div.hero")) === null || _a === void 0 ? void 0 : _a.getAttribute("data-track")).toBe("false");
-        expect(wrapper.container.querySelector("div.hero")).toHaveClass("mt--0");
-    });
-});