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

package/es/Checkbox.js

@@ -28,7 +28,7 @@ const Checkbox = (props) => {
         "checkbox--inline": inline,
         "checkbox--error": error
     });
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [error && error.toString().length && ((0, jsx_runtime_1.jsx)("p", Object.assign({ className: "checkbox__error-message" }, { children: error }))), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: classNames }, { children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("input", Object.assign({ type: "checkbox", className: "checkbox__input", id: unique, name: name, value: value }, rest)), (0, jsx_runtime_1.jsx)("label", Object.assign({ className: "checkbox__label", htmlFor: unique }, { children: label ? label : value })), hint && (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "checkbox__hint" }, { children: hint }))] }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [error && error.toString().length && ((0, jsx_runtime_1.jsx)("p", Object.assign({ className: "checkbox__error-message" }, { children: error }))), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: classNames, "data-component": "checkbox" }, { children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("input", Object.assign({ type: "checkbox", className: "checkbox__input", id: unique, name: name, value: value }, rest)), (0, jsx_runtime_1.jsx)("label", Object.assign({ className: "checkbox__label", htmlFor: unique }, { children: label ? label : value })), hint && (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "checkbox__hint" }, { children: hint }))] }) }))] }));
 };
 exports.Checkbox = Checkbox;
 exports.default = exports.Checkbox;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nice-digital/nds-checkbox",
-	"version": "4.0.2-alpha.0",
+	"version": "4.0.3",
 	"description": "Checkbox component for the NICE Design System",
 	"author": "Warren Keith <warren.keith@nice.org.uk>",
 	"homepage": "https://design-system.nice.org.uk/",
@@ -30,7 +30,7 @@
 		"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": {
@@ -45,5 +45,5 @@
 		"@types/node": "^18.11.9",
 		"typescript": "^4.8.4"
 	},
-	"gitHead": "4e9cad8a2b94cdf4af05b18a6610835883bedf0e"
+	"gitHead": "ae51389ba2e51dbe9ee3849e71d44fd567fb2822"
 }

package/es/Checkbox.test.d.ts

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

package/es/Checkbox.test.js

@@ -1,58 +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 Checkbox_1 = require("./../src/Checkbox");
-const props = {
-    name: "contact-preference",
-    label: "Email",
-    value: "email",
-    disabled: false,
-    error: false
-};
-describe("Checkbox", () => {
-    it("should match snapshot with some default attributes", () => {
-        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, Object.assign({}, props)));
-        expect(wrapper).toMatchSnapshot();
-    });
-    it("should match snapshot with hint text supplied", () => {
-        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, Object.assign({}, props, { hint: "This is a hint to appear." })));
-        expect(wrapper).toMatchSnapshot();
-    });
-    it("should not render a checkbox control if it doesn't have a value", () => {
-        const localProps = Object.assign({}, props);
-        localProps.value = "";
-        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, Object.assign({}, localProps)));
-        expect(wrapper.queryByRole("checkbox")).toBe(null);
-    });
-    it("should prevent actions if the button is disabled", () => {
-        const localProps = Object.assign({}, props);
-        localProps.disabled = true;
-        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, Object.assign({}, localProps)));
-        const input = wrapper.getByRole("checkbox");
-        expect(input.disabled).toBe(true);
-    });
-    it("should add an error class to the parent if the error prop is true", () => {
-        const localProps = Object.assign({}, props);
-        localProps.error = true;
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, Object.assign({}, localProps)));
-        const parent = container.querySelector("div.checkbox--error");
-        expect(parent).toBeInTheDocument();
-    });
-    it("should add display error text above the control if an error string is supplied", () => {
-        const localProps = Object.assign({}, props);
-        localProps.error = "Error message here.";
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, Object.assign({}, localProps)));
-        const parent = container.querySelector("p.checkbox__error-message");
-        expect(parent === null || parent === void 0 ? void 0 : parent.textContent).toBe("Error message here.");
-    });
-    it("should pass through any additional attributes supplied", () => {
-        const localProps = Object.assign({}, props);
-        localProps.defaultChecked = true;
-        localProps["data-something"] = "test";
-        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, Object.assign({}, localProps)));
-        const checked = wrapper.getByRole("checkbox");
-        expect(checked.checked).toBe(true);
-        expect(checked.getAttribute("data-something")).toBe("test");
-    });
-});