@nice-digital/nds-breadcrumbs 1.2.12 → 1.2.15

package/README.md

@@ -59,6 +59,10 @@ import { Breadcrumbs, Breadcrumb } from "@nice-digital/nds-breadcrumbs";
 
 The indvidual breadcrumb items
 
+###### rest
+
+Any additional props will be spread across the containing `nav`, including any additional classNames
+
 ##### Breadcrumb
 
 ###### to
@@ -87,6 +91,12 @@ The method of activating the link. By default a link is an anchor with `href` at
 
 The text of the breadcrumb. Can accept any valid React node, but should be limited to a string to conform with the design system.
 
+###### className
+
+- Type: `string`
+
+Any additional className will be merged on to the container
+
 ### SCSS
 
 If you're not using [React](#react), then import the SCSS directly into your application by:

package/es/Breadcrumb.js

@@ -1,13 +1,15 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["elementType", "method", "to", "children"];
+var _excluded = ["elementType", "method", "to", "children", "className"];
 import React from "react";
 import PropTypes from "prop-types";
+import classnames from "classnames";
 export var Breadcrumb = function Breadcrumb(props) {
   var elementType = props.elementType,
       method = props.method,
       to = props.to,
       children = props.children,
+      className = props.className,
       attributes = _objectWithoutPropertiesLoose(props, _excluded);
 
   var ElementType = elementType || "span";
@@ -20,7 +22,7 @@ export var Breadcrumb = function Breadcrumb(props) {
   }
 
   return /*#__PURE__*/React.createElement("li", {
-    className: "breadcrumbs__crumb"
+    className: classnames(["breadcrumbs__crumb", className])
   }, /*#__PURE__*/React.createElement(ElementType, innerTagProps, children));
 };
 Breadcrumb.propTypes = {
@@ -28,6 +30,7 @@ Breadcrumb.propTypes = {
   // Allow tag to be customised for custom routing integration
   children: PropTypes.string.isRequired,
   to: PropTypes.string,
-  method: PropTypes.string
+  method: PropTypes.string,
+  className: PropTypes.string
 };
 //# sourceMappingURL=Breadcrumb.js.map

package/es/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Breadcrumb.js"],"names":["React","PropTypes","Breadcrumb","props","elementType","method","to","children","attributes","ElementType","innerTagProps","propTypes","string","isRequired"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAAAC,KAAK,EAAI;AAClC,MAAQC,WAAR,GAA6DD,KAA7D,CAAQC,WAAR;AAAA,MAAqBC,MAArB,GAA6DF,KAA7D,CAAqBE,MAArB;AAAA,MAA6BC,EAA7B,GAA6DH,KAA7D,CAA6BG,EAA7B;AAAA,MAAiCC,QAAjC,GAA6DJ,KAA7D,CAAiCI,QAAjC;AAAA,MAA8CC,UAA9C,iCAA6DL,KAA7D;;AAEA,MAAIM,WAAW,GAAGL,WAAW,IAAI,MAAjC;;AAEA,MAAMM,aAAa,gBACfF,UADe,CAAnB;;AAIA,MAAIF,EAAJ,EAAQ;AACPG,IAAAA,WAAW,GAAGL,WAAW,IAAI,GAA7B;AACAM,IAAAA,aAAa,CAACL,MAAM,IAAKI,WAAW,KAAK,GAAhB,IAAuB,MAAlC,IAA6C,IAA9C,CAAb,GAAmEH,EAAnE;AACA;;AAED,sBACC;AAAI,IAAA,SAAS,EAAC;AAAd,kBACC,oBAAC,WAAD,EAAiBI,aAAjB,EAAiCH,QAAjC,CADD,CADD;AAKA,CAnBM;AAqBPL,UAAU,CAACS,SAAX,GAAuB;AACtBP,EAAAA,WAAW,EAAEH,SAAS,CAACG,WADD;AACc;AACpCG,EAAAA,QAAQ,EAAEN,SAAS,CAACW,MAAV,CAAiBC,UAFL;AAGtBP,EAAAA,EAAE,EAAEL,SAAS,CAACW,MAHQ;AAItBP,EAAAA,MAAM,EAAEJ,SAAS,CAACW;AAJI,CAAvB","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nexport const Breadcrumb = props => {\n\tconst { elementType, method, to, children, ...attributes } = props;\n\n\tlet ElementType = elementType || \"span\";\n\n\tconst innerTagProps = {\n\t\t...attributes\n\t};\n\n\tif (to) {\n\t\tElementType = elementType || \"a\";\n\t\tinnerTagProps[method || (ElementType === \"a\" && \"href\") || \"to\"] = to;\n\t}\n\n\treturn (\n\t\t<li className=\"breadcrumbs__crumb\">\n\t\t\t<ElementType {...innerTagProps}>{children}</ElementType>\n\t\t</li>\n\t);\n};\n\nBreadcrumb.propTypes = {\n\telementType: PropTypes.elementType, // Allow tag to be customised for custom routing integration\n\tchildren: PropTypes.string.isRequired,\n\tto: PropTypes.string,\n\tmethod: PropTypes.string\n};\n"],"file":"Breadcrumb.js"}
+{"version":3,"sources":["../src/Breadcrumb.js"],"names":["React","PropTypes","classnames","Breadcrumb","props","elementType","method","to","children","className","attributes","ElementType","innerTagProps","propTypes","string","isRequired"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAAAC,KAAK,EAAI;AAClC,MAAQC,WAAR,GAAwED,KAAxE,CAAQC,WAAR;AAAA,MAAqBC,MAArB,GAAwEF,KAAxE,CAAqBE,MAArB;AAAA,MAA6BC,EAA7B,GAAwEH,KAAxE,CAA6BG,EAA7B;AAAA,MAAiCC,QAAjC,GAAwEJ,KAAxE,CAAiCI,QAAjC;AAAA,MAA2CC,SAA3C,GAAwEL,KAAxE,CAA2CK,SAA3C;AAAA,MAAyDC,UAAzD,iCAAwEN,KAAxE;;AAEA,MAAIO,WAAW,GAAGN,WAAW,IAAI,MAAjC;;AAEA,MAAMO,aAAa,gBACfF,UADe,CAAnB;;AAIA,MAAIH,EAAJ,EAAQ;AACPI,IAAAA,WAAW,GAAGN,WAAW,IAAI,GAA7B;AACAO,IAAAA,aAAa,CAACN,MAAM,IAAKK,WAAW,KAAK,GAAhB,IAAuB,MAAlC,IAA6C,IAA9C,CAAb,GAAmEJ,EAAnE;AACA;;AAED,sBACC;AAAI,IAAA,SAAS,EAAEL,UAAU,CAAC,CAAC,oBAAD,EAAuBO,SAAvB,CAAD;AAAzB,kBACC,oBAAC,WAAD,EAAiBG,aAAjB,EAAiCJ,QAAjC,CADD,CADD;AAKA,CAnBM;AAqBPL,UAAU,CAACU,SAAX,GAAuB;AACtBR,EAAAA,WAAW,EAAEJ,SAAS,CAACI,WADD;AACc;AACpCG,EAAAA,QAAQ,EAAEP,SAAS,CAACa,MAAV,CAAiBC,UAFL;AAGtBR,EAAAA,EAAE,EAAEN,SAAS,CAACa,MAHQ;AAItBR,EAAAA,MAAM,EAAEL,SAAS,CAACa,MAJI;AAKtBL,EAAAA,SAAS,EAAER,SAAS,CAACa;AALC,CAAvB","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport classnames from \"classnames\";\n\nexport const Breadcrumb = props => {\n\tconst { elementType, method, to, children, className, ...attributes } = props;\n\n\tlet ElementType = elementType || \"span\";\n\n\tconst innerTagProps = {\n\t\t...attributes\n\t};\n\n\tif (to) {\n\t\tElementType = elementType || \"a\";\n\t\tinnerTagProps[method || (ElementType === \"a\" && \"href\") || \"to\"] = to;\n\t}\n\n\treturn (\n\t\t<li className={classnames([\"breadcrumbs__crumb\", className])}>\n\t\t\t<ElementType {...innerTagProps}>{children}</ElementType>\n\t\t</li>\n\t);\n};\n\nBreadcrumb.propTypes = {\n\telementType: PropTypes.elementType, // Allow tag to be customised for custom routing integration\n\tchildren: PropTypes.string.isRequired,\n\tto: PropTypes.string,\n\tmethod: PropTypes.string,\n\tclassName: PropTypes.string\n};\n"],"file":"Breadcrumb.js"}

package/lib/Breadcrumb.js

@@ -13,9 +13,11 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["elementType", "method", "to", "children"];
+var _classnames = _interopRequireDefault(require("classnames"));
 
-var _jsxFileName = "/Users/warren/Web/nice-design-system/components/nds-breadcrumbs/src/Breadcrumb.js",
+var _excluded = ["elementType", "method", "to", "children", "className"];
+
+var _jsxFileName = "C:\\dev\\nice-design-system\\components\\nds-breadcrumbs\\src\\Breadcrumb.js",
     _this = void 0;
 
 var Breadcrumb = function Breadcrumb(props) {
@@ -23,6 +25,7 @@ var Breadcrumb = function Breadcrumb(props) {
       method = props.method,
       to = props.to,
       children = props.children,
+      className = props.className,
       attributes = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
   var ElementType = elementType || "span";
   var innerTagProps = (0, _extends2["default"])({}, attributes);
@@ -33,18 +36,18 @@ var Breadcrumb = function Breadcrumb(props) {
   }
 
   return /*#__PURE__*/_react["default"].createElement("li", {
-    className: "breadcrumbs__crumb",
+    className: (0, _classnames["default"])(["breadcrumbs__crumb", className]),
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 19,
+      lineNumber: 20,
       columnNumber: 3
     }
   }, /*#__PURE__*/_react["default"].createElement(ElementType, (0, _extends2["default"])({}, innerTagProps, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 20,
+      lineNumber: 21,
       columnNumber: 4
     }
   }), children));
@@ -56,6 +59,7 @@ Breadcrumb.propTypes = {
   // Allow tag to be customised for custom routing integration
   children: _propTypes["default"].string.isRequired,
   to: _propTypes["default"].string,
-  method: _propTypes["default"].string
+  method: _propTypes["default"].string,
+  className: _propTypes["default"].string
 };
 //# sourceMappingURL=Breadcrumb.js.map

package/lib/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Breadcrumb.js"],"names":["Breadcrumb","props","elementType","method","to","children","attributes","ElementType","innerTagProps","propTypes","PropTypes","string","isRequired"],"mappings":";;;;;;;;;;;AAAA;;AACA;;;;;;;AAEO,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAAAC,KAAK,EAAI;AAClC,MAAQC,WAAR,GAA6DD,KAA7D,CAAQC,WAAR;AAAA,MAAqBC,MAArB,GAA6DF,KAA7D,CAAqBE,MAArB;AAAA,MAA6BC,EAA7B,GAA6DH,KAA7D,CAA6BG,EAA7B;AAAA,MAAiCC,QAAjC,GAA6DJ,KAA7D,CAAiCI,QAAjC;AAAA,MAA8CC,UAA9C,kDAA6DL,KAA7D;AAEA,MAAIM,WAAW,GAAGL,WAAW,IAAI,MAAjC;AAEA,MAAMM,aAAa,iCACfF,UADe,CAAnB;;AAIA,MAAIF,EAAJ,EAAQ;AACPG,IAAAA,WAAW,GAAGL,WAAW,IAAI,GAA7B;AACAM,IAAAA,aAAa,CAACL,MAAM,IAAKI,WAAW,KAAK,GAAhB,IAAuB,MAAlC,IAA6C,IAA9C,CAAb,GAAmEH,EAAnE;AACA;;AAED,sBACC;AAAI,IAAA,SAAS,EAAC,oBAAd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBACC,gCAAC,WAAD,gCAAiBI,aAAjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAiCH,QAAjC,CADD,CADD;AAKA,CAnBM;;;AAqBPL,UAAU,CAACS,SAAX,GAAuB;AACtBP,EAAAA,WAAW,EAAEQ,sBAAUR,WADD;AACc;AACpCG,EAAAA,QAAQ,EAAEK,sBAAUC,MAAV,CAAiBC,UAFL;AAGtBR,EAAAA,EAAE,EAAEM,sBAAUC,MAHQ;AAItBR,EAAAA,MAAM,EAAEO,sBAAUC;AAJI,CAAvB","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nexport const Breadcrumb = props => {\n\tconst { elementType, method, to, children, ...attributes } = props;\n\n\tlet ElementType = elementType || \"span\";\n\n\tconst innerTagProps = {\n\t\t...attributes\n\t};\n\n\tif (to) {\n\t\tElementType = elementType || \"a\";\n\t\tinnerTagProps[method || (ElementType === \"a\" && \"href\") || \"to\"] = to;\n\t}\n\n\treturn (\n\t\t<li className=\"breadcrumbs__crumb\">\n\t\t\t<ElementType {...innerTagProps}>{children}</ElementType>\n\t\t</li>\n\t);\n};\n\nBreadcrumb.propTypes = {\n\telementType: PropTypes.elementType, // Allow tag to be customised for custom routing integration\n\tchildren: PropTypes.string.isRequired,\n\tto: PropTypes.string,\n\tmethod: PropTypes.string\n};\n"],"file":"Breadcrumb.js"}
+{"version":3,"sources":["../src/Breadcrumb.js"],"names":["Breadcrumb","props","elementType","method","to","children","className","attributes","ElementType","innerTagProps","propTypes","PropTypes","string","isRequired"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;AAEO,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAAAC,KAAK,EAAI;AAClC,MAAQC,WAAR,GAAwED,KAAxE,CAAQC,WAAR;AAAA,MAAqBC,MAArB,GAAwEF,KAAxE,CAAqBE,MAArB;AAAA,MAA6BC,EAA7B,GAAwEH,KAAxE,CAA6BG,EAA7B;AAAA,MAAiCC,QAAjC,GAAwEJ,KAAxE,CAAiCI,QAAjC;AAAA,MAA2CC,SAA3C,GAAwEL,KAAxE,CAA2CK,SAA3C;AAAA,MAAyDC,UAAzD,kDAAwEN,KAAxE;AAEA,MAAIO,WAAW,GAAGN,WAAW,IAAI,MAAjC;AAEA,MAAMO,aAAa,iCACfF,UADe,CAAnB;;AAIA,MAAIH,EAAJ,EAAQ;AACPI,IAAAA,WAAW,GAAGN,WAAW,IAAI,GAA7B;AACAO,IAAAA,aAAa,CAACN,MAAM,IAAKK,WAAW,KAAK,GAAhB,IAAuB,MAAlC,IAA6C,IAA9C,CAAb,GAAmEJ,EAAnE;AACA;;AAED,sBACC;AAAI,IAAA,SAAS,EAAE,4BAAW,CAAC,oBAAD,EAAuBE,SAAvB,CAAX,CAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBACC,gCAAC,WAAD,gCAAiBG,aAAjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAiCJ,QAAjC,CADD,CADD;AAKA,CAnBM;;;AAqBPL,UAAU,CAACU,SAAX,GAAuB;AACtBR,EAAAA,WAAW,EAAES,sBAAUT,WADD;AACc;AACpCG,EAAAA,QAAQ,EAAEM,sBAAUC,MAAV,CAAiBC,UAFL;AAGtBT,EAAAA,EAAE,EAAEO,sBAAUC,MAHQ;AAItBT,EAAAA,MAAM,EAAEQ,sBAAUC,MAJI;AAKtBN,EAAAA,SAAS,EAAEK,sBAAUC;AALC,CAAvB","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport classnames from \"classnames\";\n\nexport const Breadcrumb = props => {\n\tconst { elementType, method, to, children, className, ...attributes } = props;\n\n\tlet ElementType = elementType || \"span\";\n\n\tconst innerTagProps = {\n\t\t...attributes\n\t};\n\n\tif (to) {\n\t\tElementType = elementType || \"a\";\n\t\tinnerTagProps[method || (ElementType === \"a\" && \"href\") || \"to\"] = to;\n\t}\n\n\treturn (\n\t\t<li className={classnames([\"breadcrumbs__crumb\", className])}>\n\t\t\t<ElementType {...innerTagProps}>{children}</ElementType>\n\t\t</li>\n\t);\n};\n\nBreadcrumb.propTypes = {\n\telementType: PropTypes.elementType, // Allow tag to be customised for custom routing integration\n\tchildren: PropTypes.string.isRequired,\n\tto: PropTypes.string,\n\tmethod: PropTypes.string,\n\tclassName: PropTypes.string\n};\n"],"file":"Breadcrumb.js"}

package/lib/Breadcrumbs.js

@@ -21,7 +21,7 @@ require("../scss/breadcrumbs.scss");
 
 var _excluded = ["children"];
 
-var _jsxFileName = "/Users/warren/Web/nice-design-system/components/nds-breadcrumbs/src/Breadcrumbs.js",
+var _jsxFileName = "C:\\dev\\nice-design-system\\components\\nds-breadcrumbs\\src\\Breadcrumbs.js",
     _this = void 0;
 
 var stringify = function stringify(data) {

package/nds-breadcrumbs.d.ts

@@ -18,6 +18,7 @@ declare module "@nice-digital/nds-breadcrumbs" {
 
 	export interface BreadcrumbsProps {
 		[prop: string]: unknown;
+		className?: string;
 		children: ValidBreadcrumbProp[] | ValidBreadcrumbProp;
 	}
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nice-digital/nds-breadcrumbs",
-	"version": "1.2.12",
+	"version": "1.2.15",
 	"description": "Breadcrumbs component for the NICE Design System",
 	"keywords": [
 		"breadcrumbs"
@@ -34,7 +34,8 @@
 		"url": "https://github.com/nice-digital/nice-design-system/issues"
 	},
 	"dependencies": {
-		"@nice-digital/nds-core": "^1.2.11",
+		"@nice-digital/nds-core": "^1.2.13",
+		"classnames": "^2.3.1",
 		"prop-types": "^15.7.2"
 	},
 	"peerDependencies": {
@@ -44,5 +45,5 @@
 	"devDependencies": {
 		"@babel/cli": "^7.5.0"
 	},
-	"gitHead": "6507bf955411adbcfdd4ddabe739125dd18dfd16"
+	"gitHead": "2bdf3454416a51f8e6c407a0f03ff14c08b6023a"
 }