@nice-digital/nds-column-list 3.0.2 → 4.0.1-alpha.0

package/es/ColumnList.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import "../scss/column-list.scss";
+export interface ColumnListProps {
+    children: React.ReactNode;
+    plain?: boolean;
+    className?: string;
+    /** Number of columns on desktop-width screens */
+    columns?: 2 | 3;
+    [prop: string]: unknown;
+}
+export declare const ColumnList: React.FC<ColumnListProps>;

package/es/ColumnList.js

@@ -1,24 +1,28 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["children", "plain", "className", "columns"];
-import React from "react";
-import PropTypes from "prop-types";
-import "../scss/column-list.scss";
-export var ColumnList = function ColumnList(props) {
-  var children = props.children,
-      plain = props.plain,
-      className = props.className,
-      columns = props.columns,
-      attrs = _objectWithoutPropertiesLoose(props, _excluded);
-
-  return /*#__PURE__*/React.createElement("ol", _extends({
-    className: ["column-list", plain ? "column-list--plain" : "column-list--boxed", columns === 2 ? "column-list--two-columns" : "", className].filter(Boolean).join(" ")
-  }, attrs), children);
-};
-ColumnList.propTypes = {
-  children: PropTypes.node.isRequired,
-  plain: PropTypes.bool,
-  className: PropTypes.string,
-  columns: PropTypes.number
-};
-//# sourceMappingURL=ColumnList.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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+require("../scss/column-list.scss");
+const ColumnList = (props) => {
+    const { children, plain, className, columns } = props, attrs = __rest(props, ["children", "plain", "className", "columns"]);
+    return ((0, jsx_runtime_1.jsx)("ol", Object.assign({ className: [
+            "column-list",
+            plain ? "column-list--plain" : "column-list--boxed",
+            columns === 2 ? "column-list--two-columns" : "",
+            className
+        ]
+            .filter(Boolean)
+            .join(" ") }, attrs, { children: children })));
+};
+exports.ColumnList = ColumnList;

package/es/ColumnList.test.d.ts

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

package/es/ColumnList.test.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const ColumnList_1 = require("./ColumnList");
+const ListItems = () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("li", { children: "One" }), (0, jsx_runtime_1.jsx)("li", { children: "Two" }), (0, jsx_runtime_1.jsx)("li", { children: "Three" }), (0, jsx_runtime_1.jsx)("li", { children: "Four" }), (0, jsx_runtime_1.jsx)("li", { children: "Five" }), (0, jsx_runtime_1.jsx)("li", { children: "Six" })] }));
+describe("ColumnList", () => {
+    it("should match snapshot", () => {
+        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(ColumnList_1.ColumnList, { children: (0, jsx_runtime_1.jsx)(ListItems, {}) }));
+        expect(wrapper).toMatchSnapshot();
+    });
+    it("should add CSS module class name to parent list for standard (boxed) variant", () => {
+        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(ColumnList_1.ColumnList, { children: (0, jsx_runtime_1.jsx)(ListItems, {}) }));
+        expect(wrapper.getByRole("list")).toHaveClass("column-list--boxed");
+    });
+    it("should add CSS module class name to parent list for the plain variant", () => {
+        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(ColumnList_1.ColumnList, Object.assign({ plain: true }, { children: (0, jsx_runtime_1.jsx)(ListItems, {}) })));
+        expect(wrapper.getByRole("list")).toHaveClass("column-list--plain");
+    });
+    it("should add CSS module class name to parent list for the 2 column variant", () => {
+        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(ColumnList_1.ColumnList, Object.assign({ columns: 2 }, { children: (0, jsx_runtime_1.jsx)(ListItems, {}) })));
+        expect(wrapper.getByRole("list")).toHaveClass("column-list--two-columns");
+    });
+    it("should add no CSS module class name to parent list for the 3 column variant", () => {
+        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(ColumnList_1.ColumnList, Object.assign({ columns: 3 }, { children: (0, jsx_runtime_1.jsx)(ListItems, {}) })));
+        expect(wrapper.getByRole("list")).not.toHaveClass("column-list--two-columns");
+    });
+    it("should append className prop to rendered class attribute", () => {
+        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(ColumnList_1.ColumnList, Object.assign({ className: "test" }, { children: (0, jsx_runtime_1.jsx)(ListItems, {}) })));
+        expect(wrapper.getByRole("list")).toHaveClass("test");
+    });
+    it("should render additional props as attributes", () => {
+        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(ColumnList_1.ColumnList, Object.assign({ "aria-label": "hello" }, { children: (0, jsx_runtime_1.jsx)(ListItems, {}) })));
+        expect(wrapper.getByRole("list").getAttribute("aria-label")).toBe("hello");
+    });
+});

package/package.json

@@ -1,41 +1,45 @@
 {
-  "name": "@nice-digital/nds-column-list",
-  "version": "3.0.2",
-  "description": "Column List component for the NICE Design System",
-  "main": "lib/ColumnList.js",
-  "module": "es/ColumnList.js",
-  "style": "scss/column-list.js",
-  "types": "nds-column-list.d.ts",
-  "files": [
-    "lib",
-    "es",
-    "scss",
-    "*.d.ts"
-  ],
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/",
-    "access": "public"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/nice-digital/nice-design-system.git"
-  },
-  "scripts": {
-    "test": "echo \"Error: run tests from root\" && exit 1"
-  },
-  "bugs": {
-    "url": "https://github.com/nice-digital/nice-design-system/issues"
-  },
-  "keywords": [
-    "column",
-    "list"
-  ],
-  "author": "Chris Barker <chris.barker@nice.org.uk>",
-  "homepage": "https://design-system.nice.org.uk/",
-  "license": "MIT",
-  "dependencies": {
-    "@nice-digital/nds-core": "^3.0.2",
-    "prop-types": "^15.8.1"
-  },
-  "gitHead": "88329347c4985509b2347ecc27daec0a33aef607"
+	"name": "@nice-digital/nds-column-list",
+	"version": "4.0.1-alpha.0",
+	"description": "Column List component for the NICE Design System",
+	"main": "es/ColumnList.js",
+	"style": "scss/column-list.js",
+	"files": [
+		"es",
+		"scss",
+		"*.d.ts"
+	],
+	"publishConfig": {
+		"registry": "https://registry.npmjs.org/",
+		"access": "public"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/nice-digital/nice-design-system.git"
+	},
+	"scripts": {
+		"test": "echo \"Error: run tests from root\" && exit 1"
+	},
+	"bugs": {
+		"url": "https://github.com/nice-digital/nice-design-system/issues"
+	},
+	"keywords": [
+		"column",
+		"list"
+	],
+	"author": "Chris Barker <chris.barker@nice.org.uk>",
+	"homepage": "https://design-system.nice.org.uk/",
+	"license": "MIT",
+	"dependencies": {
+		"@nice-digital/nds-core": "^4.0.1-alpha.0"
+	},
+	"gitHead": "e75957040c9acfbd7eeb164cad724e3b48760679",
+	"devDependencies": {
+		"@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"
+	}
 }

package/es/ColumnList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColumnList.js","names":["React","PropTypes","ColumnList","props","children","plain","className","columns","attrs","filter","Boolean","join","propTypes","node","isRequired","bool","string","number"],"sources":["../src/ColumnList.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport \"../scss/column-list.scss\";\n\nexport const ColumnList = (props) => {\n\tconst { children, plain, className, columns, ...attrs } = props;\n\n\treturn (\n\t\t<ol\n\t\t\tclassName={[\n\t\t\t\t\"column-list\",\n\t\t\t\tplain ? \"column-list--plain\" : \"column-list--boxed\",\n\t\t\t\tcolumns === 2 ? \"column-list--two-columns\" : \"\",\n\t\t\t\tclassName\n\t\t\t]\n\t\t\t\t.filter(Boolean)\n\t\t\t\t.join(\" \")}\n\t\t\t{...attrs}\n\t\t>\n\t\t\t{children}\n\t\t</ol>\n\t);\n};\n\nColumnList.propTypes = {\n\tchildren: PropTypes.node.isRequired,\n\tplain: PropTypes.bool,\n\tclassName: PropTypes.string,\n\tcolumns: PropTypes.number\n};\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAO,0BAAP;AAEA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAW;EACpC,IAAQC,QAAR,GAA0DD,KAA1D,CAAQC,QAAR;EAAA,IAAkBC,KAAlB,GAA0DF,KAA1D,CAAkBE,KAAlB;EAAA,IAAyBC,SAAzB,GAA0DH,KAA1D,CAAyBG,SAAzB;EAAA,IAAoCC,OAApC,GAA0DJ,KAA1D,CAAoCI,OAApC;EAAA,IAAgDC,KAAhD,iCAA0DL,KAA1D;;EAEA,oBACC;IACC,SAAS,EAAE,CACV,aADU,EAEVE,KAAK,GAAG,oBAAH,GAA0B,oBAFrB,EAGVE,OAAO,KAAK,CAAZ,GAAgB,0BAAhB,GAA6C,EAHnC,EAIVD,SAJU,EAMTG,MANS,CAMFC,OANE,EAOTC,IAPS,CAOJ,GAPI;EADZ,GASKH,KATL,GAWEJ,QAXF,CADD;AAeA,CAlBM;AAoBPF,UAAU,CAACU,SAAX,GAAuB;EACtBR,QAAQ,EAAEH,SAAS,CAACY,IAAV,CAAeC,UADH;EAEtBT,KAAK,EAAEJ,SAAS,CAACc,IAFK;EAGtBT,SAAS,EAAEL,SAAS,CAACe,MAHC;EAItBT,OAAO,EAAEN,SAAS,CAACgB;AAJG,CAAvB"}

package/es/__tests__/nds-column-list.test.js

@@ -1,51 +0,0 @@
-"use strict";
-
-import React from "react";
-import { shallow } from "enzyme";
-import { ColumnList } from "../ColumnList";
-
-var ListItems = function ListItems() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("li", null, "One"), /*#__PURE__*/React.createElement("li", null, "Two"), /*#__PURE__*/React.createElement("li", null, "Three"), /*#__PURE__*/React.createElement("li", null, "Four"), /*#__PURE__*/React.createElement("li", null, "Five"), /*#__PURE__*/React.createElement("li", null, "Six"));
-};
-
-describe("ColumnList", function () {
-  it("should render without crashing", function () {
-    var wrapper = shallow( /*#__PURE__*/React.createElement(ColumnList, null, /*#__PURE__*/React.createElement(ListItems, null)));
-    expect(wrapper).toHaveLength(1);
-  });
-  it("should add CSS module class name to parent list for standard (boxed) variant", function () {
-    var wrapper = shallow( /*#__PURE__*/React.createElement(ColumnList, null, /*#__PURE__*/React.createElement(ListItems, null)));
-    expect(wrapper.hasClass("column-list--boxed")).toEqual(true);
-  });
-  it("should add CSS module class name to parent list for the plain variant", function () {
-    var wrapper = shallow( /*#__PURE__*/React.createElement(ColumnList, {
-      plain: true
-    }, /*#__PURE__*/React.createElement(ListItems, null)));
-    expect(wrapper.hasClass("column-list--plain")).toEqual(true);
-  });
-  it("should add CSS module class name to parent list for the 2 column variant", function () {
-    var wrapper = shallow( /*#__PURE__*/React.createElement(ColumnList, {
-      columns: 2
-    }, /*#__PURE__*/React.createElement(ListItems, null)));
-    expect(wrapper.hasClass("column-list--two-columns")).toEqual(true);
-  });
-  it("should add no CSS module class name to parent list for the 3 column variant", function () {
-    var wrapper = shallow( /*#__PURE__*/React.createElement(ColumnList, {
-      columns: 3
-    }, /*#__PURE__*/React.createElement(ListItems, null)));
-    expect(wrapper.hasClass("column-list--two-columns")).toEqual(false);
-  });
-  it("should append className prop to rendered class attribute", function () {
-    var wrapper = shallow( /*#__PURE__*/React.createElement(ColumnList, {
-      className: "test"
-    }, /*#__PURE__*/React.createElement(ListItems, null)));
-    expect(wrapper.hasClass("test")).toEqual(true);
-  });
-  it("should render additional props as attributes", function () {
-    var wrapper = shallow( /*#__PURE__*/React.createElement(ColumnList, {
-      "aria-label": "hello"
-    }, /*#__PURE__*/React.createElement(ListItems, null)));
-    expect(wrapper.prop("aria-label")).toEqual("hello");
-  });
-});
-//# sourceMappingURL=nds-column-list.test.js.map

package/es/__tests__/nds-column-list.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nds-column-list.test.js","names":["React","shallow","ColumnList","ListItems","describe","it","wrapper","expect","toHaveLength","hasClass","toEqual","prop"],"sources":["../../src/__tests__/nds-column-list.test.js"],"sourcesContent":["\"use strict\";\n\nimport React from \"react\";\nimport { shallow } from \"enzyme\";\nimport { ColumnList } from \"../ColumnList\";\n\nconst ListItems = () => (\n\t<>\n\t\t<li>One</li>\n\t\t<li>Two</li>\n\t\t<li>Three</li>\n\t\t<li>Four</li>\n\t\t<li>Five</li>\n\t\t<li>Six</li>\n\t</>\n);\n\ndescribe(\"ColumnList\", () => {\n\tit(\"should render without crashing\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList>\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper).toHaveLength(1);\n\t});\n\tit(\"should add CSS module class name to parent list for standard (boxed) variant\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList>\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper.hasClass(\"column-list--boxed\")).toEqual(true);\n\t});\n\tit(\"should add CSS module class name to parent list for the plain variant\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList plain>\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper.hasClass(\"column-list--plain\")).toEqual(true);\n\t});\n\tit(\"should add CSS module class name to parent list for the 2 column variant\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList columns={2}>\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper.hasClass(\"column-list--two-columns\")).toEqual(true);\n\t});\n\tit(\"should add no CSS module class name to parent list for the 3 column variant\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList columns={3}>\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper.hasClass(\"column-list--two-columns\")).toEqual(false);\n\t});\n\tit(\"should append className prop to rendered class attribute\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList className=\"test\">\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper.hasClass(\"test\")).toEqual(true);\n\t});\n\tit(\"should render additional props as attributes\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList aria-label=\"hello\">\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper.prop(\"aria-label\")).toEqual(\"hello\");\n\t});\n});\n"],"mappings":"AAAA;;AAEA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,OAAT,QAAwB,QAAxB;AACA,SAASC,UAAT,QAA2B,eAA3B;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY;EAAA,oBACjB,uDACC,sCADD,eAEC,sCAFD,eAGC,wCAHD,eAIC,uCAJD,eAKC,uCALD,eAMC,sCAND,CADiB;AAAA,CAAlB;;AAWAC,QAAQ,CAAC,YAAD,EAAe,YAAM;EAC5BC,EAAE,CAAC,gCAAD,EAAmC,YAAM;IAC1C,IAAMC,OAAO,GAAGL,OAAO,eACtB,oBAAC,UAAD,qBACC,oBAAC,SAAD,OADD,CADsB,CAAvB;IAKAM,MAAM,CAACD,OAAD,CAAN,CAAgBE,YAAhB,CAA6B,CAA7B;EACA,CAPC,CAAF;EAQAH,EAAE,CAAC,8EAAD,EAAiF,YAAM;IACxF,IAAMC,OAAO,GAAGL,OAAO,eACtB,oBAAC,UAAD,qBACC,oBAAC,SAAD,OADD,CADsB,CAAvB;IAKAM,MAAM,CAACD,OAAO,CAACG,QAAR,CAAiB,oBAAjB,CAAD,CAAN,CAA+CC,OAA/C,CAAuD,IAAvD;EACA,CAPC,CAAF;EAQAL,EAAE,CAAC,uEAAD,EAA0E,YAAM;IACjF,IAAMC,OAAO,GAAGL,OAAO,eACtB,oBAAC,UAAD;MAAY,KAAK;IAAjB,gBACC,oBAAC,SAAD,OADD,CADsB,CAAvB;IAKAM,MAAM,CAACD,OAAO,CAACG,QAAR,CAAiB,oBAAjB,CAAD,CAAN,CAA+CC,OAA/C,CAAuD,IAAvD;EACA,CAPC,CAAF;EAQAL,EAAE,CAAC,0EAAD,EAA6E,YAAM;IACpF,IAAMC,OAAO,GAAGL,OAAO,eACtB,oBAAC,UAAD;MAAY,OAAO,EAAE;IAArB,gBACC,oBAAC,SAAD,OADD,CADsB,CAAvB;IAKAM,MAAM,CAACD,OAAO,CAACG,QAAR,CAAiB,0BAAjB,CAAD,CAAN,CAAqDC,OAArD,CAA6D,IAA7D;EACA,CAPC,CAAF;EAQAL,EAAE,CAAC,6EAAD,EAAgF,YAAM;IACvF,IAAMC,OAAO,GAAGL,OAAO,eACtB,oBAAC,UAAD;MAAY,OAAO,EAAE;IAArB,gBACC,oBAAC,SAAD,OADD,CADsB,CAAvB;IAKAM,MAAM,CAACD,OAAO,CAACG,QAAR,CAAiB,0BAAjB,CAAD,CAAN,CAAqDC,OAArD,CAA6D,KAA7D;EACA,CAPC,CAAF;EAQAL,EAAE,CAAC,0DAAD,EAA6D,YAAM;IACpE,IAAMC,OAAO,GAAGL,OAAO,eACtB,oBAAC,UAAD;MAAY,SAAS,EAAC;IAAtB,gBACC,oBAAC,SAAD,OADD,CADsB,CAAvB;IAKAM,MAAM,CAACD,OAAO,CAACG,QAAR,CAAiB,MAAjB,CAAD,CAAN,CAAiCC,OAAjC,CAAyC,IAAzC;EACA,CAPC,CAAF;EAQAL,EAAE,CAAC,8CAAD,EAAiD,YAAM;IACxD,IAAMC,OAAO,GAAGL,OAAO,eACtB,oBAAC,UAAD;MAAY,cAAW;IAAvB,gBACC,oBAAC,SAAD,OADD,CADsB,CAAvB;IAKAM,MAAM,CAACD,OAAO,CAACK,IAAR,CAAa,YAAb,CAAD,CAAN,CAAmCD,OAAnC,CAA2C,OAA3C;EACA,CAPC,CAAF;AAQA,CAzDO,CAAR"}

package/lib/ColumnList.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.ColumnList = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-require("../scss/column-list.scss");
-
-var _excluded = ["children", "plain", "className", "columns"];
-
-var _jsxFileName = "C:\\dev\\nice-design-system\\components\\nds-column-list\\src\\ColumnList.js",
-    _this = void 0;
-
-var ColumnList = function ColumnList(props) {
-  var children = props.children,
-      plain = props.plain,
-      className = props.className,
-      columns = props.columns,
-      attrs = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
-  return /*#__PURE__*/_react["default"].createElement("ol", (0, _extends2["default"])({
-    className: ["column-list", plain ? "column-list--plain" : "column-list--boxed", columns === 2 ? "column-list--two-columns" : "", className].filter(Boolean).join(" ")
-  }, attrs, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 9,
-      columnNumber: 3
-    }
-  }), children);
-};
-
-exports.ColumnList = ColumnList;
-ColumnList.propTypes = {
-  children: _propTypes["default"].node.isRequired,
-  plain: _propTypes["default"].bool,
-  className: _propTypes["default"].string,
-  columns: _propTypes["default"].number
-};
-//# sourceMappingURL=ColumnList.js.map

package/lib/ColumnList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColumnList.js","names":["ColumnList","props","children","plain","className","columns","attrs","filter","Boolean","join","propTypes","PropTypes","node","isRequired","bool","string","number"],"sources":["../src/ColumnList.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport \"../scss/column-list.scss\";\n\nexport const ColumnList = (props) => {\n\tconst { children, plain, className, columns, ...attrs } = props;\n\n\treturn (\n\t\t<ol\n\t\t\tclassName={[\n\t\t\t\t\"column-list\",\n\t\t\t\tplain ? \"column-list--plain\" : \"column-list--boxed\",\n\t\t\t\tcolumns === 2 ? \"column-list--two-columns\" : \"\",\n\t\t\t\tclassName\n\t\t\t]\n\t\t\t\t.filter(Boolean)\n\t\t\t\t.join(\" \")}\n\t\t\t{...attrs}\n\t\t>\n\t\t\t{children}\n\t\t</ol>\n\t);\n};\n\nColumnList.propTypes = {\n\tchildren: PropTypes.node.isRequired,\n\tplain: PropTypes.bool,\n\tclassName: PropTypes.string,\n\tcolumns: PropTypes.number\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;AAEO,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAW;EACpC,IAAQC,QAAR,GAA0DD,KAA1D,CAAQC,QAAR;EAAA,IAAkBC,KAAlB,GAA0DF,KAA1D,CAAkBE,KAAlB;EAAA,IAAyBC,SAAzB,GAA0DH,KAA1D,CAAyBG,SAAzB;EAAA,IAAoCC,OAApC,GAA0DJ,KAA1D,CAAoCI,OAApC;EAAA,IAAgDC,KAAhD,kDAA0DL,KAA1D;EAEA,oBACC;IACC,SAAS,EAAE,CACV,aADU,EAEVE,KAAK,GAAG,oBAAH,GAA0B,oBAFrB,EAGVE,OAAO,KAAK,CAAZ,GAAgB,0BAAhB,GAA6C,EAHnC,EAIVD,SAJU,EAMTG,MANS,CAMFC,OANE,EAOTC,IAPS,CAOJ,GAPI;EADZ,GASKH,KATL;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,IAWEJ,QAXF,CADD;AAeA,CAlBM;;;AAoBPF,UAAU,CAACU,SAAX,GAAuB;EACtBR,QAAQ,EAAES,qBAAA,CAAUC,IAAV,CAAeC,UADH;EAEtBV,KAAK,EAAEQ,qBAAA,CAAUG,IAFK;EAGtBV,SAAS,EAAEO,qBAAA,CAAUI,MAHC;EAItBV,OAAO,EAAEM,qBAAA,CAAUK;AAJG,CAAvB"}

package/lib/__tests__/nds-column-list.test.js

@@ -1,193 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _ColumnList = require("../ColumnList");
-
-var _jsxFileName = "C:\\dev\\nice-design-system\\components\\nds-column-list\\src\\__tests__\\nds-column-list.test.js",
-    _this = void 0;
-
-var ListItems = function ListItems() {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("li", {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 9,
-      columnNumber: 3
-    }
-  }, "One"), /*#__PURE__*/_react["default"].createElement("li", {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 10,
-      columnNumber: 3
-    }
-  }, "Two"), /*#__PURE__*/_react["default"].createElement("li", {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 11,
-      columnNumber: 3
-    }
-  }, "Three"), /*#__PURE__*/_react["default"].createElement("li", {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 12,
-      columnNumber: 3
-    }
-  }, "Four"), /*#__PURE__*/_react["default"].createElement("li", {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 13,
-      columnNumber: 3
-    }
-  }, "Five"), /*#__PURE__*/_react["default"].createElement("li", {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 14,
-      columnNumber: 3
-    }
-  }, "Six"));
-};
-
-describe("ColumnList", function () {
-  it("should render without crashing", function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_ColumnList.ColumnList, {
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 21,
-        columnNumber: 4
-      }
-    }, /*#__PURE__*/_react["default"].createElement(ListItems, {
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 22,
-        columnNumber: 5
-      }
-    })));
-    expect(wrapper).toHaveLength(1);
-  });
-  it("should add CSS module class name to parent list for standard (boxed) variant", function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_ColumnList.ColumnList, {
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 29,
-        columnNumber: 4
-      }
-    }, /*#__PURE__*/_react["default"].createElement(ListItems, {
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 30,
-        columnNumber: 5
-      }
-    })));
-    expect(wrapper.hasClass("column-list--boxed")).toEqual(true);
-  });
-  it("should add CSS module class name to parent list for the plain variant", function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_ColumnList.ColumnList, {
-      plain: true,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 37,
-        columnNumber: 4
-      }
-    }, /*#__PURE__*/_react["default"].createElement(ListItems, {
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 38,
-        columnNumber: 5
-      }
-    })));
-    expect(wrapper.hasClass("column-list--plain")).toEqual(true);
-  });
-  it("should add CSS module class name to parent list for the 2 column variant", function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_ColumnList.ColumnList, {
-      columns: 2,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 45,
-        columnNumber: 4
-      }
-    }, /*#__PURE__*/_react["default"].createElement(ListItems, {
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 46,
-        columnNumber: 5
-      }
-    })));
-    expect(wrapper.hasClass("column-list--two-columns")).toEqual(true);
-  });
-  it("should add no CSS module class name to parent list for the 3 column variant", function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_ColumnList.ColumnList, {
-      columns: 3,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 53,
-        columnNumber: 4
-      }
-    }, /*#__PURE__*/_react["default"].createElement(ListItems, {
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 54,
-        columnNumber: 5
-      }
-    })));
-    expect(wrapper.hasClass("column-list--two-columns")).toEqual(false);
-  });
-  it("should append className prop to rendered class attribute", function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_ColumnList.ColumnList, {
-      className: "test",
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 61,
-        columnNumber: 4
-      }
-    }, /*#__PURE__*/_react["default"].createElement(ListItems, {
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 62,
-        columnNumber: 5
-      }
-    })));
-    expect(wrapper.hasClass("test")).toEqual(true);
-  });
-  it("should render additional props as attributes", function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_ColumnList.ColumnList, {
-      "aria-label": "hello",
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 69,
-        columnNumber: 4
-      }
-    }, /*#__PURE__*/_react["default"].createElement(ListItems, {
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 70,
-        columnNumber: 5
-      }
-    })));
-    expect(wrapper.prop("aria-label")).toEqual("hello");
-  });
-});
-//# sourceMappingURL=nds-column-list.test.js.map

package/lib/__tests__/nds-column-list.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nds-column-list.test.js","names":["ListItems","describe","it","wrapper","shallow","expect","toHaveLength","hasClass","toEqual","prop"],"sources":["../../src/__tests__/nds-column-list.test.js"],"sourcesContent":["\"use strict\";\n\nimport React from \"react\";\nimport { shallow } from \"enzyme\";\nimport { ColumnList } from \"../ColumnList\";\n\nconst ListItems = () => (\n\t<>\n\t\t<li>One</li>\n\t\t<li>Two</li>\n\t\t<li>Three</li>\n\t\t<li>Four</li>\n\t\t<li>Five</li>\n\t\t<li>Six</li>\n\t</>\n);\n\ndescribe(\"ColumnList\", () => {\n\tit(\"should render without crashing\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList>\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper).toHaveLength(1);\n\t});\n\tit(\"should add CSS module class name to parent list for standard (boxed) variant\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList>\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper.hasClass(\"column-list--boxed\")).toEqual(true);\n\t});\n\tit(\"should add CSS module class name to parent list for the plain variant\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList plain>\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper.hasClass(\"column-list--plain\")).toEqual(true);\n\t});\n\tit(\"should add CSS module class name to parent list for the 2 column variant\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList columns={2}>\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper.hasClass(\"column-list--two-columns\")).toEqual(true);\n\t});\n\tit(\"should add no CSS module class name to parent list for the 3 column variant\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList columns={3}>\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper.hasClass(\"column-list--two-columns\")).toEqual(false);\n\t});\n\tit(\"should append className prop to rendered class attribute\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList className=\"test\">\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper.hasClass(\"test\")).toEqual(true);\n\t});\n\tit(\"should render additional props as attributes\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList aria-label=\"hello\">\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper.prop(\"aria-label\")).toEqual(\"hello\");\n\t});\n});\n"],"mappings":"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"}

package/nds-column-list.d.ts

@@ -1,14 +0,0 @@
-declare module "@nice-digital/nds-column-list" {
-	import React = require("react");
-
-	export interface ColumnListProps {
-		children: React.ReactNode;
-		plain?: boolean;
-		className?: string;
-		/** Number of columns on desktop-width screens */
-		columns?: 2 | 3;
-		[prop: string]: unknown;
-	}
-
-	export const ColumnList: React.FC<ColumnListProps>;
-}