@nice-digital/nds-action-banner 3.0.2 → 4.0.1-alpha.0

package/es/ActionBanner.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from "react";
+import "../scss/action-banner.scss";
+interface ActionBannerProps {
+    title: string;
+    variant?: "default" | "subtle";
+    children: ReactNode[] | ReactNode;
+    cta?: ReactNode;
+    onClosing?: Function;
+    className?: string;
+}
+interface ActionBannerState {
+    isClosed: boolean;
+}
+export declare class ActionBanner extends React.Component<ActionBannerProps, ActionBannerState> {
+    constructor(props: ActionBannerProps);
+    closeClickHandler(): void;
+    render(): JSX.Element | null;
+}
+export {};

package/es/ActionBanner.js

@@ -1,88 +1,53 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-var _excluded = ["variant", "onClosing", "title", "children", "cta", "className"];
-import React from "react";
-import PropTypes from "prop-types";
-import classnames from "classnames";
-import RemoveIcon from "@nice-digital/icons/lib/Remove";
-import "../scss/action-banner.scss";
-export var ActionBanner = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(ActionBanner, _React$Component);
-
-  function ActionBanner(props) {
-    var _this;
-
-    _this = _React$Component.call(this, props) || this;
-    _this.state = {
-      isClosed: false
-    };
-    _this.closeClickHandler = _this.closeClickHandler.bind(_assertThisInitialized(_this));
-    return _this;
-  }
-
-  var _proto = ActionBanner.prototype;
-
-  _proto.closeClickHandler = function closeClickHandler() {
-    this.setState({
-      isClosed: true
-    });
-    if (typeof this.props.onClosing === "function") this.props.onClosing(this);else throw new Error("The onClosing prop should be a function");
-  };
-
-  _proto.render = function render() {
-    var _classes;
-
-    if (this.state.isClosed) return null;
-
-    var _this$props = this.props,
-        variant = _this$props.variant,
-        onClosing = _this$props.onClosing,
-        title = _this$props.title,
-        children = _this$props.children,
-        cta = _this$props.cta,
-        className = _this$props.className,
-        rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
-
-    var classes = (_classes = {
-      "action-banner": true,
-      "action-banner--closeable": onClosing
-    }, _classes["action-banner--" + variant] = variant, _classes[className] = className, _classes);
-    return /*#__PURE__*/React.createElement("section", _extends({
-      className: classnames(classes)
-    }, rest), /*#__PURE__*/React.createElement("div", {
-      className: "action-banner__container"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "action-banner__inner"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "action-banner__text"
-    }, /*#__PURE__*/React.createElement("h2", {
-      className: "action-banner__title"
-    }, title), children && /*#__PURE__*/React.createElement("p", {
-      className: "action-banner__intro"
-    }, children)), cta && /*#__PURE__*/React.createElement("div", {
-      className: "action-banner__actions"
-    }, cta), onClosing && /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: "action-banner__close",
-      onClick: this.closeClickHandler
-    }, /*#__PURE__*/React.createElement(RemoveIcon, null), /*#__PURE__*/React.createElement("span", {
-      className: "visually-hidden"
-    }, "Close ", title)))));
-  };
-
-  return ActionBanner;
-}(React.Component);
-ActionBanner.propTypes = {
-  title: PropTypes.string.isRequired,
-  variant: PropTypes.oneOf(["default", "subtle"]),
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
-  cta: PropTypes.node,
-  onClosing: PropTypes.func,
-  className: PropTypes.string
-};
-ActionBanner.defaultProps = {
-  variant: "default"
-};
-//# sourceMappingURL=ActionBanner.js.map
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionBanner = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Remove_1 = __importDefault(require("@nice-digital/icons/lib/Remove"));
+require("../scss/action-banner.scss");
+class ActionBanner extends react_1.default.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            isClosed: false
+        };
+        this.closeClickHandler = this.closeClickHandler.bind(this);
+    }
+    closeClickHandler() {
+        this.setState({
+            isClosed: true
+        });
+        if (typeof this.props.onClosing === "function")
+            this.props.onClosing(this);
+        else
+            throw new Error("The onClosing prop should be a function");
+    }
+    render() {
+        if (this.state.isClosed)
+            return null;
+        const _a = this.props, { variant, onClosing, title, children, cta, className } = _a, rest = __rest(_a, ["variant", "onClosing", "title", "children", "cta", "className"]);
+        const classes = {
+            "action-banner": true,
+            "action-banner--closeable": onClosing,
+            [`action-banner--${variant}`]: variant,
+            [`${className}`]: className
+        };
+        return ((0, jsx_runtime_1.jsx)("section", Object.assign({ className: (0, classnames_1.default)(classes), "data-component": `action-banner${variant ? `--${variant}` : ""}` }, rest, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "action-banner__container" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "action-banner__inner" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "action-banner__text" }, { children: [(0, jsx_runtime_1.jsx)("h2", Object.assign({ className: "action-banner__title" }, { children: title })), children && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "action-banner__intro" }, { children: children })))] })), cta && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "action-banner__actions" }, { children: cta })), onClosing && ((0, jsx_runtime_1.jsxs)("button", Object.assign({ type: "button", className: "action-banner__close", onClick: this.closeClickHandler }, { children: [(0, jsx_runtime_1.jsx)(Remove_1.default, {}), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "visually-hidden" }, { children: ["Close ", title] }))] })))] })) })) })));
+    }
+}
+exports.ActionBanner = ActionBanner;

package/es/ActionBanner.test.d.ts

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

package/es/ActionBanner.test.js

@@ -0,0 +1,65 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const ActionBanner_1 = require("./ActionBanner");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+describe("ActionBanner", () => {
+    it("should render child text", () => {
+        const sampleText = "Some sample text";
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(ActionBanner_1.ActionBanner, Object.assign({ title: "Title" }, { children: sampleText })));
+        expect(react_1.screen.getByText(sampleText)).toBeInTheDocument();
+    });
+    it("should match snapshot for default action banner", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ActionBanner_1.ActionBanner, Object.assign({ title: "Some title", cta: (0, jsx_runtime_1.jsx)("a", Object.assign({ href: "/test" }, { children: "Some CTA" })) }, { children: "Some body" })));
+        expect(container).toMatchSnapshot();
+    });
+    it("should match snapshot for closeable subtle action banner", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ActionBanner_1.ActionBanner, Object.assign({ variant: "subtle", title: "Some title", cta: (0, jsx_runtime_1.jsx)("a", Object.assign({ href: "/test" }, { children: "Some CTA" })), onClosing: jest.fn() }, { children: "Some body" })));
+        expect(container).toMatchSnapshot();
+    });
+    it("should spread additional props onto the container", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ActionBanner_1.ActionBanner, Object.assign({ title: "Some title", cta: (0, jsx_runtime_1.jsx)("a", Object.assign({ href: "/test" }, { children: "Some CTA" })), "data-track": "test" }, { children: "Some body" })));
+        expect(container.querySelector("section")).toHaveAttribute("data-track", "test");
+    });
+    it("should merge additional classes into the existing classes", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ActionBanner_1.ActionBanner, Object.assign({ title: "Some title", className: "mt--0" }, { children: "Some body" })));
+        expect(container.querySelector("section")).toHaveClass("mt--0");
+    });
+    it("should not render an empty CTA", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ActionBanner_1.ActionBanner, Object.assign({ title: "Title" }, { children: "Body" })));
+        expect(container.querySelector(".action-banner__actions")).toBe(null);
+    });
+    it("should hide banner after clicking close button", () => __awaiter(void 0, void 0, void 0, function* () {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ActionBanner_1.ActionBanner, Object.assign({ title: "Title", onClosing: jest.fn() }, { children: "Body" })));
+        // First, check for the banner's existence
+        expect(container.querySelector("section")).toBeInTheDocument();
+        const button = react_1.screen.getByRole("button");
+        user_event_1.default.click(button);
+        // Next, check that the banner has gone
+        yield (0, react_1.waitFor)(() => {
+            expect(container.querySelector("section")).toBe(null);
+        });
+    }));
+    it("should call onClosing prop with component instance on close button click", () => __awaiter(void 0, void 0, void 0, function* () {
+        const onClosing = jest.fn();
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ActionBanner_1.ActionBanner, Object.assign({ title: "Title", onClosing: onClosing }, { children: "Body" })));
+        const button = react_1.screen.getByRole("button");
+        user_event_1.default.click(button);
+        yield (0, react_1.waitFor)(() => {
+            expect(onClosing).toHaveBeenCalledTimes(1);
+        });
+    }));
+});

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nice-digital/nds-action-banner",
-	"version": "3.0.2",
+	"version": "4.0.1-alpha.0",
 	"description": "Action banner component for the NICE Design System",
 	"keywords": [
 		"banner"
@@ -8,16 +8,12 @@
 	"author": "Ian Routledge <ian.routledge@nice.org.uk>",
 	"homepage": "https://design-system.nice.org.uk/",
 	"license": "MIT",
-	"main": "lib/ActionBanner.js",
-	"module": "es/ActionBanner.js",
+	"main": "es/ActionBanner.js",
 	"style": "scss/action-banner.scss",
-	"types": "nds-action-banner.d.ts",
 	"directories": {
-		"lib": "lib",
-		"test": "__tests__"
+		"lib": "es"
 	},
 	"files": [
-		"lib",
 		"es",
 		"scss",
 		"*.d.ts"
@@ -34,17 +30,21 @@
 		"url": "https://github.com/nice-digital/nice-design-system/issues"
 	},
 	"dependencies": {
-		"@nice-digital/icons": "^5.0.2",
-		"@nice-digital/nds-core": "^3.0.2",
-		"classnames": "^2.3.1",
-		"prop-types": "^15.7.2"
+		"@nice-digital/icons": "^6.0.0-alpha.0",
+		"@nice-digital/nds-core": "^4.0.1-alpha.0",
+		"classnames": "^2.3.1"
 	},
 	"peerDependencies": {
 		"react": "^16 || ^17 || ^18",
 		"react-dom": "^16 || ^17 || ^18"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.5.0"
+		"@testing-library/jest-dom": "^5.16.5",
+		"@testing-library/react": "^13.4.0",
+		"@testing-library/user-event": "^14.4.3",
+		"@types/jest": "^29.2.2",
+		"@types/node": "^18.11.9",
+		"typescript": "^4.8.4"
 	},
-	"gitHead": "88329347c4985509b2347ecc27daec0a33aef607"
+	"gitHead": "e75957040c9acfbd7eeb164cad724e3b48760679"
 }

package/es/ActionBanner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionBanner.js","names":["React","PropTypes","classnames","RemoveIcon","ActionBanner","props","state","isClosed","closeClickHandler","bind","setState","onClosing","Error","render","variant","title","children","cta","className","rest","classes","Component","propTypes","string","isRequired","oneOf","oneOfType","arrayOf","node","func","defaultProps"],"sources":["../src/ActionBanner.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport classnames from \"classnames\";\nimport RemoveIcon from \"@nice-digital/icons/lib/Remove\";\n\nimport \"../scss/action-banner.scss\";\n\nexport class ActionBanner extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tisClosed: false\n\t\t};\n\n\t\tthis.closeClickHandler = this.closeClickHandler.bind(this);\n\t}\n\n\tcloseClickHandler() {\n\t\tthis.setState({\n\t\t\tisClosed: true\n\t\t});\n\n\t\tif (typeof this.props.onClosing === \"function\") this.props.onClosing(this);\n\t\telse throw new Error(\"The onClosing prop should be a function\");\n\t}\n\n\trender() {\n\t\tif (this.state.isClosed) return null;\n\n\t\tconst { variant, onClosing, title, children, cta, className, ...rest } =\n\t\t\tthis.props;\n\n\t\tconst classes = {\n\t\t\t\"action-banner\": true,\n\t\t\t\"action-banner--closeable\": onClosing,\n\t\t\t[`action-banner--${variant}`]: variant,\n\t\t\t[className]: className\n\t\t};\n\n\t\treturn (\n\t\t\t<section className={classnames(classes)} {...rest}>\n\t\t\t\t<div className=\"action-banner__container\">\n\t\t\t\t\t<div className=\"action-banner__inner\">\n\t\t\t\t\t\t<div className=\"action-banner__text\">\n\t\t\t\t\t\t\t<h2 className=\"action-banner__title\">{title}</h2>\n\t\t\t\t\t\t\t{children && <p className=\"action-banner__intro\">{children}</p>}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{cta && <div className=\"action-banner__actions\">{cta}</div>}\n\t\t\t\t\t\t{onClosing && (\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tclassName=\"action-banner__close\"\n\t\t\t\t\t\t\t\tonClick={this.closeClickHandler}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<RemoveIcon />\n\t\t\t\t\t\t\t\t<span className=\"visually-hidden\">Close {title}</span>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</section>\n\t\t);\n\t}\n}\n\nActionBanner.propTypes = {\n\ttitle: PropTypes.string.isRequired,\n\tvariant: PropTypes.oneOf([\"default\", \"subtle\"]),\n\tchildren: PropTypes.oneOfType([\n\t\tPropTypes.arrayOf(PropTypes.node),\n\t\tPropTypes.node\n\t]).isRequired,\n\tcta: PropTypes.node,\n\tonClosing: PropTypes.func,\n\tclassName: PropTypes.string\n};\n\nActionBanner.defaultProps = {\n\tvariant: \"default\"\n};\n"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,UAAP,MAAuB,gCAAvB;AAEA,OAAO,4BAAP;AAEA,WAAaC,YAAb;EAAA;;EACC,sBAAYC,KAAZ,EAAmB;IAAA;;IAClB,oCAAMA,KAAN;IAEA,MAAKC,KAAL,GAAa;MACZC,QAAQ,EAAE;IADE,CAAb;IAIA,MAAKC,iBAAL,GAAyB,MAAKA,iBAAL,CAAuBC,IAAvB,+BAAzB;IAPkB;EAQlB;;EATF;;EAAA,OAWCD,iBAXD,GAWC,6BAAoB;IACnB,KAAKE,QAAL,CAAc;MACbH,QAAQ,EAAE;IADG,CAAd;IAIA,IAAI,OAAO,KAAKF,KAAL,CAAWM,SAAlB,KAAgC,UAApC,EAAgD,KAAKN,KAAL,CAAWM,SAAX,CAAqB,IAArB,EAAhD,KACK,MAAM,IAAIC,KAAJ,CAAU,yCAAV,CAAN;EACL,CAlBF;;EAAA,OAoBCC,MApBD,GAoBC,kBAAS;IAAA;;IACR,IAAI,KAAKP,KAAL,CAAWC,QAAf,EAAyB,OAAO,IAAP;;IAEzB,kBACC,KAAKF,KADN;IAAA,IAAQS,OAAR,eAAQA,OAAR;IAAA,IAAiBH,SAAjB,eAAiBA,SAAjB;IAAA,IAA4BI,KAA5B,eAA4BA,KAA5B;IAAA,IAAmCC,QAAnC,eAAmCA,QAAnC;IAAA,IAA6CC,GAA7C,eAA6CA,GAA7C;IAAA,IAAkDC,SAAlD,eAAkDA,SAAlD;IAAA,IAAgEC,IAAhE;;IAGA,IAAMC,OAAO;MACZ,iBAAiB,IADL;MAEZ,4BAA4BT;IAFhB,gCAGOG,OAHP,IAGmBA,OAHnB,WAIXI,SAJW,IAICA,SAJD,WAAb;IAOA,oBACC;MAAS,SAAS,EAAEhB,UAAU,CAACkB,OAAD;IAA9B,GAA6CD,IAA7C,gBACC;MAAK,SAAS,EAAC;IAAf,gBACC;MAAK,SAAS,EAAC;IAAf,gBACC;MAAK,SAAS,EAAC;IAAf,gBACC;MAAI,SAAS,EAAC;IAAd,GAAsCJ,KAAtC,CADD,EAEEC,QAAQ,iBAAI;MAAG,SAAS,EAAC;IAAb,GAAqCA,QAArC,CAFd,CADD,EAKEC,GAAG,iBAAI;MAAK,SAAS,EAAC;IAAf,GAAyCA,GAAzC,CALT,EAMEN,SAAS,iBACT;MACC,IAAI,EAAC,QADN;MAEC,SAAS,EAAC,sBAFX;MAGC,OAAO,EAAE,KAAKH;IAHf,gBAKC,oBAAC,UAAD,OALD,eAMC;MAAM,SAAS,EAAC;IAAhB,aAAyCO,KAAzC,CAND,CAPF,CADD,CADD,CADD;EAuBA,CAxDF;;EAAA;AAAA,EAAkCf,KAAK,CAACqB,SAAxC;AA2DAjB,YAAY,CAACkB,SAAb,GAAyB;EACxBP,KAAK,EAAEd,SAAS,CAACsB,MAAV,CAAiBC,UADA;EAExBV,OAAO,EAAEb,SAAS,CAACwB,KAAV,CAAgB,CAAC,SAAD,EAAY,QAAZ,CAAhB,CAFe;EAGxBT,QAAQ,EAAEf,SAAS,CAACyB,SAAV,CAAoB,CAC7BzB,SAAS,CAAC0B,OAAV,CAAkB1B,SAAS,CAAC2B,IAA5B,CAD6B,EAE7B3B,SAAS,CAAC2B,IAFmB,CAApB,EAGPJ,UANqB;EAOxBP,GAAG,EAAEhB,SAAS,CAAC2B,IAPS;EAQxBjB,SAAS,EAAEV,SAAS,CAAC4B,IARG;EASxBX,SAAS,EAAEjB,SAAS,CAACsB;AATG,CAAzB;AAYAnB,YAAY,CAAC0B,YAAb,GAA4B;EAC3BhB,OAAO,EAAE;AADkB,CAA5B"}

package/lib/ActionBanner.js

@@ -1,168 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.ActionBanner = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _Remove = _interopRequireDefault(require("@nice-digital/icons/lib/Remove"));
-
-require("../scss/action-banner.scss");
-
-var _excluded = ["variant", "onClosing", "title", "children", "cta", "className"];
-var _jsxFileName = "C:\\dev\\nice-design-system\\components\\nds-action-banner\\src\\ActionBanner.js";
-
-var ActionBanner = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2["default"])(ActionBanner, _React$Component);
-
-  function ActionBanner(props) {
-    var _this;
-
-    _this = _React$Component.call(this, props) || this;
-    _this.state = {
-      isClosed: false
-    };
-    _this.closeClickHandler = _this.closeClickHandler.bind((0, _assertThisInitialized2["default"])(_this));
-    return _this;
-  }
-
-  var _proto = ActionBanner.prototype;
-
-  _proto.closeClickHandler = function closeClickHandler() {
-    this.setState({
-      isClosed: true
-    });
-    if (typeof this.props.onClosing === "function") this.props.onClosing(this);else throw new Error("The onClosing prop should be a function");
-  };
-
-  _proto.render = function render() {
-    var _classes;
-
-    if (this.state.isClosed) return null;
-    var _this$props = this.props,
-        variant = _this$props.variant,
-        onClosing = _this$props.onClosing,
-        title = _this$props.title,
-        children = _this$props.children,
-        cta = _this$props.cta,
-        className = _this$props.className,
-        rest = (0, _objectWithoutPropertiesLoose2["default"])(_this$props, _excluded);
-    var classes = (_classes = {
-      "action-banner": true,
-      "action-banner--closeable": onClosing
-    }, _classes["action-banner--" + variant] = variant, _classes[className] = className, _classes);
-    return /*#__PURE__*/_react["default"].createElement("section", (0, _extends2["default"])({
-      className: (0, _classnames["default"])(classes)
-    }, rest, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 42,
-        columnNumber: 4
-      }
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "action-banner__container",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 43,
-        columnNumber: 5
-      }
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "action-banner__inner",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 44,
-        columnNumber: 6
-      }
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "action-banner__text",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 45,
-        columnNumber: 7
-      }
-    }, /*#__PURE__*/_react["default"].createElement("h2", {
-      className: "action-banner__title",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 46,
-        columnNumber: 8
-      }
-    }, title), children && /*#__PURE__*/_react["default"].createElement("p", {
-      className: "action-banner__intro",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 47,
-        columnNumber: 21
-      }
-    }, children)), cta && /*#__PURE__*/_react["default"].createElement("div", {
-      className: "action-banner__actions",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 49,
-        columnNumber: 15
-      }
-    }, cta), onClosing && /*#__PURE__*/_react["default"].createElement("button", {
-      type: "button",
-      className: "action-banner__close",
-      onClick: this.closeClickHandler,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 51,
-        columnNumber: 8
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_Remove["default"], {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 56,
-        columnNumber: 9
-      }
-    }), /*#__PURE__*/_react["default"].createElement("span", {
-      className: "visually-hidden",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 57,
-        columnNumber: 9
-      }
-    }, "Close ", title)))));
-  };
-
-  return ActionBanner;
-}(_react["default"].Component);
-
-exports.ActionBanner = ActionBanner;
-ActionBanner.propTypes = {
-  title: _propTypes["default"].string.isRequired,
-  variant: _propTypes["default"].oneOf(["default", "subtle"]),
-  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
-  cta: _propTypes["default"].node,
-  onClosing: _propTypes["default"].func,
-  className: _propTypes["default"].string
-};
-ActionBanner.defaultProps = {
-  variant: "default"
-};
-//# sourceMappingURL=ActionBanner.js.map

package/lib/ActionBanner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionBanner.js","names":["ActionBanner","props","state","isClosed","closeClickHandler","bind","setState","onClosing","Error","render","variant","title","children","cta","className","rest","classes","classnames","React","Component","propTypes","PropTypes","string","isRequired","oneOf","oneOfType","arrayOf","node","func","defaultProps"],"sources":["../src/ActionBanner.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport classnames from \"classnames\";\nimport RemoveIcon from \"@nice-digital/icons/lib/Remove\";\n\nimport \"../scss/action-banner.scss\";\n\nexport class ActionBanner extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tisClosed: false\n\t\t};\n\n\t\tthis.closeClickHandler = this.closeClickHandler.bind(this);\n\t}\n\n\tcloseClickHandler() {\n\t\tthis.setState({\n\t\t\tisClosed: true\n\t\t});\n\n\t\tif (typeof this.props.onClosing === \"function\") this.props.onClosing(this);\n\t\telse throw new Error(\"The onClosing prop should be a function\");\n\t}\n\n\trender() {\n\t\tif (this.state.isClosed) return null;\n\n\t\tconst { variant, onClosing, title, children, cta, className, ...rest } =\n\t\t\tthis.props;\n\n\t\tconst classes = {\n\t\t\t\"action-banner\": true,\n\t\t\t\"action-banner--closeable\": onClosing,\n\t\t\t[`action-banner--${variant}`]: variant,\n\t\t\t[className]: className\n\t\t};\n\n\t\treturn (\n\t\t\t<section className={classnames(classes)} {...rest}>\n\t\t\t\t<div className=\"action-banner__container\">\n\t\t\t\t\t<div className=\"action-banner__inner\">\n\t\t\t\t\t\t<div className=\"action-banner__text\">\n\t\t\t\t\t\t\t<h2 className=\"action-banner__title\">{title}</h2>\n\t\t\t\t\t\t\t{children && <p className=\"action-banner__intro\">{children}</p>}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{cta && <div className=\"action-banner__actions\">{cta}</div>}\n\t\t\t\t\t\t{onClosing && (\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tclassName=\"action-banner__close\"\n\t\t\t\t\t\t\t\tonClick={this.closeClickHandler}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<RemoveIcon />\n\t\t\t\t\t\t\t\t<span className=\"visually-hidden\">Close {title}</span>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</section>\n\t\t);\n\t}\n}\n\nActionBanner.propTypes = {\n\ttitle: PropTypes.string.isRequired,\n\tvariant: PropTypes.oneOf([\"default\", \"subtle\"]),\n\tchildren: PropTypes.oneOfType([\n\t\tPropTypes.arrayOf(PropTypes.node),\n\t\tPropTypes.node\n\t]).isRequired,\n\tcta: PropTypes.node,\n\tonClosing: PropTypes.func,\n\tclassName: PropTypes.string\n};\n\nActionBanner.defaultProps = {\n\tvariant: \"default\"\n};\n"],"mappings":"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"}

package/nds-action-banner.d.ts

@@ -1,14 +0,0 @@
-declare module "@nice-digital/nds-action-banner" {
-	import React = require("react");
-
-	export interface ActionBannerProps {
-		[prop: string]: unknown;
-		children: React.ReactNode;
-		title: string;
-		variant?: "default" | "subtle";
-		cta?: React.ReactNode;
-		onClosing?: (element: React.ReactElement) => void;
-	}
-
-	export class ActionBanner extends React.Component<ActionBannerProps> {}
-}