@nice-digital/nds-column-list 4.0.2-alpha.0 → 4.0.3

package/es/ColumnList.js

@@ -23,6 +23,6 @@ const ColumnList = (props) => {
             className
         ]
             .filter(Boolean)
-            .join(" ") }, attrs, { children: children })));
+            .join(" "), "data-component": `column-list${plain ? "--plain" : "--boxed"}` }, attrs, { children: children })));
 };
 exports.ColumnList = ColumnList;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nice-digital/nds-column-list",
-	"version": "4.0.2-alpha.0",
+	"version": "4.0.3",
 	"description": "Column List component for the NICE Design System",
 	"main": "es/ColumnList.js",
 	"style": "scss/column-list.js",
@@ -31,9 +31,9 @@
 	"homepage": "https://design-system.nice.org.uk/",
 	"license": "MIT",
 	"dependencies": {
-		"@nice-digital/nds-core": "^4.0.2-alpha.0"
+		"@nice-digital/nds-core": "^4.0.3"
 	},
-	"gitHead": "4e9cad8a2b94cdf4af05b18a6610835883bedf0e",
+	"gitHead": "ae51389ba2e51dbe9ee3849e71d44fd567fb2822",
 	"devDependencies": {
 		"@testing-library/jest-dom": "^5.16.5",
 		"@testing-library/react": "^13.4.0",

package/es/ColumnList.test.d.ts

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

package/es/ColumnList.test.js

@@ -1,36 +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 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");
-    });
-});