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

package/es/Container.js

@@ -25,6 +25,6 @@ const Container = (props) => {
         fullWidth && "container--full",
         className
     ]);
-    return ((0, jsx_runtime_1.jsx)(ElementType, Object.assign({ className: classes }, rest, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(ElementType, Object.assign({ className: classes, "data-component": "container" }, rest, { children: children })));
 };
 exports.Container = Container;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nice-digital/nds-container",
-	"version": "4.0.2-alpha.0",
+	"version": "4.0.3",
 	"description": "Container component for the NICE Design System",
 	"keywords": [
 		"container"
@@ -33,13 +33,13 @@
 		"url": "https://github.com/nice-digital/nice-design-system/issues"
 	},
 	"dependencies": {
-		"@nice-digital/nds-core": "^4.0.2-alpha.0",
+		"@nice-digital/nds-core": "^4.0.3",
 		"classnames": "^2.2.6"
 	},
 	"peerDependencies": {
 		"react": "^16 || ^17 || ^18"
 	},
-	"gitHead": "4e9cad8a2b94cdf4af05b18a6610835883bedf0e",
+	"gitHead": "ae51389ba2e51dbe9ee3849e71d44fd567fb2822",
 	"devDependencies": {
 		"@testing-library/jest-dom": "^5.16.5",
 		"@testing-library/react": "^13.4.0",

package/es/Container.test.d.ts

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

package/es/Container.test.js

@@ -1,29 +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 Container_1 = require("./Container");
-const Content = () => (0, jsx_runtime_1.jsx)("p", { children: "Test" });
-describe("Container", () => {
-    it("should match snapshot", () => {
-        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Container_1.Container, { children: (0, jsx_runtime_1.jsx)(Content, {}) }));
-        expect(wrapper).toMatchSnapshot();
-    });
-    it("should add additional classNames", () => {
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Container_1.Container, Object.assign({ className: "testclass" }, { children: (0, jsx_runtime_1.jsx)(Content, {}) })));
-        expect(container.querySelector(".container")).toHaveClass("testclass");
-    });
-    it("should add full width class if bool supplied", () => {
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Container_1.Container, Object.assign({ fullWidth: true }, { children: (0, jsx_runtime_1.jsx)(Content, {}) })));
-        expect(container.querySelector(".container")).toHaveClass("container--full");
-    });
-    it("should use elementType prop as rendered DOM node type", () => {
-        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Container_1.Container, Object.assign({ elementType: "main" }, { children: (0, jsx_runtime_1.jsx)(Content, {}) })));
-        expect(wrapper.getByRole("main")).toHaveClass("container");
-    });
-    it("should spread other props against the container", () => {
-        var _a;
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Container_1.Container, Object.assign({ "data-track": "trackme" }, { children: (0, jsx_runtime_1.jsx)(Content, {}) })));
-        expect((_a = container.querySelector(".container")) === null || _a === void 0 ? void 0 : _a.getAttribute("data-track")).toBe("trackme");
-    });
-});