@nice-digital/nds-action-banner 1.2.9 → 1.2.12
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/ActionBanner.js +2 -1
- package/es/ActionBanner.js.map +1 -1
- package/lib/ActionBanner.js +2 -1
- package/lib/ActionBanner.js.map +1 -1
- package/package.json +4 -4
package/es/ActionBanner.js
CHANGED
|
@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
|
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
3
|
import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
4
4
|
import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
|
|
5
|
+
var _excluded = ["variant", "onClosing", "title", "children", "cta"];
|
|
5
6
|
import React from "react";
|
|
6
7
|
import PropTypes from "prop-types";
|
|
7
8
|
import RemoveIcon from "@nice-digital/icons/lib/Remove";
|
|
@@ -38,7 +39,7 @@ export var ActionBanner = /*#__PURE__*/function (_React$Component) {
|
|
|
38
39
|
title = _this$props.title,
|
|
39
40
|
children = _this$props.children,
|
|
40
41
|
cta = _this$props.cta,
|
|
41
|
-
rest = _objectWithoutPropertiesLoose(_this$props,
|
|
42
|
+
rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
|
|
42
43
|
|
|
43
44
|
var classes = ["action-banner"];
|
|
44
45
|
if (variant && variant !== "default") classes.push("action-banner--" + variant);
|
package/es/ActionBanner.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ActionBanner.js"],"names":["React","PropTypes","RemoveIcon","ActionBanner","props","state","isClosed","closeClickHandler","bind","setState","onClosing","Error","render","variant","title","children","cta","rest","classes","push","join","Component","propTypes","string","isRequired","oneOf","oneOfType","arrayOf","node","func","defaultProps"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/ActionBanner.js"],"names":["React","PropTypes","RemoveIcon","ActionBanner","props","state","isClosed","closeClickHandler","bind","setState","onClosing","Error","render","variant","title","children","cta","rest","classes","push","join","Component","propTypes","string","isRequired","oneOf","oneOfType","arrayOf","node","func","defaultProps"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,gCAAvB;AAEA,OAAO,4BAAP;AAEA,WAAaC,YAAb;AAAA;;AACC,wBAAYC,KAAZ,EAAmB;AAAA;;AAClB,wCAAMA,KAAN;AAEA,UAAKC,KAAL,GAAa;AACZC,MAAAA,QAAQ,EAAE;AADE,KAAb;AAIA,UAAKC,iBAAL,GAAyB,MAAKA,iBAAL,CAAuBC,IAAvB,+BAAzB;AAPkB;AAQlB;;AATF;;AAAA,SAWCD,iBAXD,GAWC,6BAAoB;AACnB,SAAKE,QAAL,CAAc;AACbH,MAAAA,QAAQ,EAAE;AADG,KAAd;AAIA,QAAI,OAAO,KAAKF,KAAL,CAAWM,SAAlB,KAAgC,UAApC,EAAgD,KAAKN,KAAL,CAAWM,SAAX,CAAqB,IAArB,EAAhD,KACK,MAAM,IAAIC,KAAJ,CAAU,yCAAV,CAAN;AACL,GAlBF;;AAAA,SAoBCC,MApBD,GAoBC,kBAAS;AACR,QAAI,KAAKP,KAAL,CAAWC,QAAf,EAAyB,OAAO,IAAP;;AAEzB,sBAA8D,KAAKF,KAAnE;AAAA,QAAQS,OAAR,eAAQA,OAAR;AAAA,QAAiBH,SAAjB,eAAiBA,SAAjB;AAAA,QAA4BI,KAA5B,eAA4BA,KAA5B;AAAA,QAAmCC,QAAnC,eAAmCA,QAAnC;AAAA,QAA6CC,GAA7C,eAA6CA,GAA7C;AAAA,QAAqDC,IAArD;;AAEA,QAAMC,OAAO,GAAG,CAAC,eAAD,CAAhB;AAEA,QAAIL,OAAO,IAAIA,OAAO,KAAK,SAA3B,EACCK,OAAO,CAACC,IAAR,qBAA+BN,OAA/B;AAED,QAAIH,SAAJ,EAAeQ,OAAO,CAACC,IAAR,CAAa,0BAAb;AAEf,wBACC;AAAS,MAAA,SAAS,EAAED,OAAO,CAACE,IAAR,CAAa,GAAb;AAApB,OAA2CH,IAA3C,gBACC;AAAK,MAAA,SAAS,EAAC;AAAf,oBACC;AAAK,MAAA,SAAS,EAAC;AAAf,oBACC;AAAK,MAAA,SAAS,EAAC;AAAf,oBACC;AAAI,MAAA,SAAS,EAAC;AAAd,OAAsCH,KAAtC,CADD,EAEEC,QAAQ,iBAAI;AAAG,MAAA,SAAS,EAAC;AAAb,OAAqCA,QAArC,CAFd,CADD,EAKEC,GAAG,iBAAI;AAAK,MAAA,SAAS,EAAC;AAAf,OAAyCA,GAAzC,CALT,EAMEN,SAAS,iBACT;AACC,MAAA,IAAI,EAAC,QADN;AAEC,MAAA,SAAS,EAAC,sBAFX;AAGC,MAAA,OAAO,EAAE,KAAKH;AAHf,oBAKC,oBAAC,UAAD,OALD,eAMC;AAAM,MAAA,SAAS,EAAC;AAAhB,iBAAyCO,KAAzC,CAND,CAPF,CADD,CADD,CADD;AAuBA,GAvDF;;AAAA;AAAA,EAAkCd,KAAK,CAACqB,SAAxC;AA0DAlB,YAAY,CAACmB,SAAb,GAAyB;AACxBR,EAAAA,KAAK,EAAEb,SAAS,CAACsB,MAAV,CAAiBC,UADA;AAExBX,EAAAA,OAAO,EAAEZ,SAAS,CAACwB,KAAV,CAAgB,CAAC,SAAD,EAAY,QAAZ,CAAhB,CAFe;AAGxBV,EAAAA,QAAQ,EAAEd,SAAS,CAACyB,SAAV,CAAoB,CAC7BzB,SAAS,CAAC0B,OAAV,CAAkB1B,SAAS,CAAC2B,IAA5B,CAD6B,EAE7B3B,SAAS,CAAC2B,IAFmB,CAApB,EAGPJ,UANqB;AAOxBR,EAAAA,GAAG,EAAEf,SAAS,CAAC2B,IAPS;AAQxBlB,EAAAA,SAAS,EAAET,SAAS,CAAC4B;AARG,CAAzB;AAWA1B,YAAY,CAAC2B,YAAb,GAA4B;AAC3BjB,EAAAA,OAAO,EAAE;AADkB,CAA5B","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\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, ...rest } = this.props;\n\n\t\tconst classes = [\"action-banner\"];\n\n\t\tif (variant && variant !== \"default\")\n\t\t\tclasses.push(`action-banner--${variant}`);\n\n\t\tif (onClosing) classes.push(\"action-banner--closeable\");\n\n\t\treturn (\n\t\t\t<section className={classes.join(\" \")} {...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};\n\nActionBanner.defaultProps = {\n\tvariant: \"default\"\n};\n"],"file":"ActionBanner.js"}
|
package/lib/ActionBanner.js
CHANGED
|
@@ -21,6 +21,7 @@ var _Remove = _interopRequireDefault(require("@nice-digital/icons/lib/Remove"));
|
|
|
21
21
|
|
|
22
22
|
require("../scss/action-banner.scss");
|
|
23
23
|
|
|
24
|
+
var _excluded = ["variant", "onClosing", "title", "children", "cta"];
|
|
24
25
|
var _jsxFileName = "/Users/warren/Web/nice-design-system/components/nds-action-banner/src/ActionBanner.js";
|
|
25
26
|
|
|
26
27
|
var ActionBanner = /*#__PURE__*/function (_React$Component) {
|
|
@@ -54,7 +55,7 @@ var ActionBanner = /*#__PURE__*/function (_React$Component) {
|
|
|
54
55
|
title = _this$props.title,
|
|
55
56
|
children = _this$props.children,
|
|
56
57
|
cta = _this$props.cta,
|
|
57
|
-
rest = (0, _objectWithoutPropertiesLoose2["default"])(_this$props,
|
|
58
|
+
rest = (0, _objectWithoutPropertiesLoose2["default"])(_this$props, _excluded);
|
|
58
59
|
var classes = ["action-banner"];
|
|
59
60
|
if (variant && variant !== "default") classes.push("action-banner--" + variant);
|
|
60
61
|
if (onClosing) classes.push("action-banner--closeable");
|
package/lib/ActionBanner.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ActionBanner.js"],"names":["ActionBanner","props","state","isClosed","closeClickHandler","bind","setState","onClosing","Error","render","variant","title","children","cta","rest","classes","push","join","React","Component","propTypes","PropTypes","string","isRequired","oneOf","oneOfType","arrayOf","node","func","defaultProps"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAEA
|
|
1
|
+
{"version":3,"sources":["../src/ActionBanner.js"],"names":["ActionBanner","props","state","isClosed","closeClickHandler","bind","setState","onClosing","Error","render","variant","title","children","cta","rest","classes","push","join","React","Component","propTypes","PropTypes","string","isRequired","oneOf","oneOfType","arrayOf","node","func","defaultProps"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\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, ...rest } = this.props;\n\n\t\tconst classes = [\"action-banner\"];\n\n\t\tif (variant && variant !== \"default\")\n\t\t\tclasses.push(`action-banner--${variant}`);\n\n\t\tif (onClosing) classes.push(\"action-banner--closeable\");\n\n\t\treturn (\n\t\t\t<section className={classes.join(\" \")} {...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};\n\nActionBanner.defaultProps = {\n\tvariant: \"default\"\n};\n"],"file":"ActionBanner.js"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nice-digital/nds-action-banner",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.12",
|
|
4
4
|
"description": "Action banner component for the NICE Design System",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"banner"
|
|
@@ -34,8 +34,8 @@
|
|
|
34
34
|
"url": "https://github.com/nice-digital/nice-design-system/issues"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@nice-digital/icons": "^2.2.
|
|
38
|
-
"@nice-digital/nds-core": "^1.2.
|
|
37
|
+
"@nice-digital/icons": "^2.2.7",
|
|
38
|
+
"@nice-digital/nds-core": "^1.2.11",
|
|
39
39
|
"prop-types": "^15.7.2"
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
@@ -45,5 +45,5 @@
|
|
|
45
45
|
"devDependencies": {
|
|
46
46
|
"@babel/cli": "^7.5.0"
|
|
47
47
|
},
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "6507bf955411adbcfdd4ddabe739125dd18dfd16"
|
|
49
49
|
}
|