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

package/es/Alert.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import "../scss/alert.scss";
+interface AlertProps {
+    [prop: string]: unknown;
+    type?: "info" | "caution" | "error" | "success";
+    children: React.ReactNode;
+}
+export declare const Alert: React.FC<AlertProps>;
+export {};

package/es/Alert.js

@@ -1,30 +1,30 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["children", "type"];
-import React from "react";
-import PropTypes from "prop-types";
-import classnames from "classnames";
-import "../scss/alert.scss";
-var allowedTypes = ["info", "caution", "error", "success"];
-export var Alert = function Alert(props) {
-  var _classnames;
-
-  var children = props.children,
-      type = props.type,
-      rest = _objectWithoutPropertiesLoose(props, _excluded);
-
-  var classNames = classnames((_classnames = {
-    alert: true
-  }, _classnames["alert--" + type] = true, _classnames));
-  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
-    className: classNames
-  }), children);
-};
-Alert.propTypes = {
-  type: PropTypes.oneOf(allowedTypes),
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
-};
-Alert.defaultProps = {
-  type: "info"
-};
-//# sourceMappingURL=Alert.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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alert = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+require("../scss/alert.scss");
+const allowedTypes = ["info", "caution", "error", "success"];
+const Alert = (_a) => {
+    var { children, type = "info" } = _a, rest = __rest(_a, ["children", "type"]);
+    const classNames = (0, classnames_1.default)({
+        alert: true,
+        [`alert--${type}`]: true
+    });
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, rest, { className: classNames }, { children: children })));
+};
+exports.Alert = Alert;

package/es/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","names":["React","PropTypes","classnames","allowedTypes","Alert","props","children","type","rest","classNames","alert","propTypes","oneOf","oneOfType","arrayOf","node","isRequired","defaultProps"],"sources":["../src/Alert.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport classnames from \"classnames\";\n\nimport \"../scss/alert.scss\";\n\nconst allowedTypes = [\"info\", \"caution\", \"error\", \"success\"];\n\nexport const Alert = (props) => {\n\tconst { children, type, ...rest } = props;\n\tconst classNames = classnames({\n\t\talert: true,\n\t\t[`alert--${type}`]: true\n\t});\n\treturn (\n\t\t<div {...rest} className={classNames}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nAlert.propTypes = {\n\ttype: PropTypes.oneOf(allowedTypes),\n\tchildren: PropTypes.oneOfType([\n\t\tPropTypes.arrayOf(PropTypes.node),\n\t\tPropTypes.node\n\t]).isRequired\n};\n\nAlert.defaultProps = {\n\ttype: \"info\"\n};\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,OAAO,oBAAP;AAEA,IAAMC,YAAY,GAAG,CAAC,MAAD,EAAS,SAAT,EAAoB,OAApB,EAA6B,SAA7B,CAArB;AAEA,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAW;EAAA;;EAC/B,IAAQC,QAAR,GAAoCD,KAApC,CAAQC,QAAR;EAAA,IAAkBC,IAAlB,GAAoCF,KAApC,CAAkBE,IAAlB;EAAA,IAA2BC,IAA3B,iCAAoCH,KAApC;;EACA,IAAMI,UAAU,GAAGP,UAAU;IAC5BQ,KAAK,EAAE;EADqB,2BAEjBH,IAFiB,IAER,IAFQ,eAA7B;EAIA,oBACC,wCAASC,IAAT;IAAe,SAAS,EAAEC;EAA1B,IACEH,QADF,CADD;AAKA,CAXM;AAaPF,KAAK,CAACO,SAAN,GAAkB;EACjBJ,IAAI,EAAEN,SAAS,CAACW,KAAV,CAAgBT,YAAhB,CADW;EAEjBG,QAAQ,EAAEL,SAAS,CAACY,SAAV,CAAoB,CAC7BZ,SAAS,CAACa,OAAV,CAAkBb,SAAS,CAACc,IAA5B,CAD6B,EAE7Bd,SAAS,CAACc,IAFmB,CAApB,EAGPC;AALc,CAAlB;AAQAZ,KAAK,CAACa,YAAN,GAAqB;EACpBV,IAAI,EAAE;AADc,CAArB"}
+{"version":3,"file":"Alert.js","names":["React","PropTypes","classnames","allowedTypes","Alert","props","children","type","rest","classNames","alert","propTypes","oneOf","oneOfType","arrayOf","node","isRequired","defaultProps"],"sources":["../src/Alert.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport classnames from \"classnames\";\n\nimport \"../scss/alert.scss\";\n\nconst allowedTypes = [\"info\", \"caution\", \"error\", \"success\"];\n\nexport const Alert = (props) => {\n\tconst { children, type, ...rest } = props;\n\tconst classNames = classnames({\n\t\talert: true,\n\t\t[`alert--${type}`]: true\n\t});\n\treturn (\n\t\t<div {...rest} className={classNames}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nAlert.propTypes = {\n\ttype: PropTypes.oneOf(allowedTypes),\n\tchildren: PropTypes.oneOfType([\n\t\tPropTypes.arrayOf(PropTypes.node),\n\t\tPropTypes.node\n\t]).isRequired\n};\n\nAlert.defaultProps = {\n\ttype: \"info\"\n};\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAO,oBAAoB;AAE3B,IAAMC,YAAY,GAAG,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC;AAE5D,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK,EAAK;EAAA;EAC/B,IAAQC,QAAQ,GAAoBD,KAAK,CAAjCC,QAAQ;IAAEC,IAAI,GAAcF,KAAK,CAAvBE,IAAI;IAAKC,IAAI,iCAAKH,KAAK;EACzC,IAAMI,UAAU,GAAGP,UAAU;IAC5BQ,KAAK,EAAE;EAAI,2BACAH,IAAI,IAAK,IAAI,eACvB;EACF,oBACC,wCAASC,IAAI;IAAE,SAAS,EAAEC;EAAW,IACnCH,QAAQ,CACJ;AAER,CAAC;AAEDF,KAAK,CAACO,SAAS,GAAG;EACjBJ,IAAI,EAAEN,SAAS,CAACW,KAAK,CAACT,YAAY,CAAC;EACnCG,QAAQ,EAAEL,SAAS,CAACY,SAAS,CAAC,CAC7BZ,SAAS,CAACa,OAAO,CAACb,SAAS,CAACc,IAAI,CAAC,EACjCd,SAAS,CAACc,IAAI,CACd,CAAC,CAACC;AACJ,CAAC;AAEDZ,KAAK,CAACa,YAAY,GAAG;EACpBV,IAAI,EAAE;AACP,CAAC"}

package/es/Alert.test.d.ts

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

package/es/Alert.test.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const Alert_1 = require("../src/Alert");
+const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h1", { children: "Alert Title" }), (0, jsx_runtime_1.jsx)("p", { children: "Alert body content" })] }));
+describe("Alert", () => {
+    it("should match snapshot for default alert if type not supplied", () => {
+        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Alert_1.Alert, { children: content }));
+        expect(wrapper).toMatchSnapshot();
+    });
+    it("should match snapshot for a supplied type", () => {
+        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Alert_1.Alert, Object.assign({ type: "success" }, { children: content })));
+        expect(wrapper).toMatchSnapshot();
+    });
+    it("should cascade any additional attributes to the container", () => {
+        var _a;
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Alert_1.Alert, Object.assign({ "data-hidden": false }, { children: content })));
+        expect((_a = container.querySelector(".alert")) === null || _a === void 0 ? void 0 : _a.getAttribute("data-hidden")).toBe("false");
+    });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nice-digital/nds-alert",
-	"version": "3.0.2",
+	"version": "4.0.1-alpha.0",
 	"description": "Alert component for the NICE Design System",
 	"keywords": [
 		"alert"
@@ -8,16 +8,12 @@
 	"author": "Warren Keith <warren.keith@nice.org.uk>",
 	"homepage": "https://design-system.nice.org.uk/",
 	"license": "MIT",
-	"main": "lib/Alert.js",
-	"module": "es/Alert.js",
+	"main": "es/Alert.js",
 	"style": "scss/alert.scss",
-	"types": "nds-alert.d.ts",
 	"directories": {
-		"lib": "lib",
 		"test": "__tests__"
 	},
 	"files": [
-		"lib",
 		"es",
 		"scss",
 		"*.d.ts"
@@ -34,16 +30,20 @@
 		"url": "https://github.com/nice-digital/nice-design-system/issues"
 	},
 	"dependencies": {
-		"@nice-digital/nds-core": "^3.0.2",
-		"classnames": "^2.2.6",
-		"prop-types": "^15.7.2"
+		"@nice-digital/nds-core": "^4.0.1-alpha.0",
+		"classnames": "^2.2.6"
 	},
 	"peerDependencies": {
 		"react": "^16 || ^17 || ^18",
 		"react-dom": "^16 || ^17 || ^18"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.5.0"
+		"@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"
 	},
-	"gitHead": "88329347c4985509b2347ecc27daec0a33aef607"
+	"gitHead": "e75957040c9acfbd7eeb164cad724e3b48760679"
 }

package/lib/Alert.js

@@ -1,55 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.Alert = 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"));
-
-var _classnames2 = _interopRequireDefault(require("classnames"));
-
-require("../scss/alert.scss");
-
-var _excluded = ["children", "type"];
-
-var _jsxFileName = "C:\\dev\\nice-design-system\\components\\nds-alert\\src\\Alert.js",
-    _this = void 0;
-
-var allowedTypes = ["info", "caution", "error", "success"];
-
-var Alert = function Alert(props) {
-  var _classnames;
-
-  var children = props.children,
-      type = props.type,
-      rest = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
-  var classNames = (0, _classnames2["default"])((_classnames = {
-    alert: true
-  }, _classnames["alert--" + type] = true, _classnames));
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, rest, {
-    className: classNames,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 16,
-      columnNumber: 3
-    }
-  }), children);
-};
-
-exports.Alert = Alert;
-Alert.propTypes = {
-  type: _propTypes["default"].oneOf(allowedTypes),
-  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
-};
-Alert.defaultProps = {
-  type: "info"
-};
-//# sourceMappingURL=Alert.js.map

package/lib/Alert.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.js","names":["allowedTypes","Alert","props","children","type","rest","classNames","classnames","alert","propTypes","PropTypes","oneOf","oneOfType","arrayOf","node","isRequired","defaultProps"],"sources":["../src/Alert.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport classnames from \"classnames\";\n\nimport \"../scss/alert.scss\";\n\nconst allowedTypes = [\"info\", \"caution\", \"error\", \"success\"];\n\nexport const Alert = (props) => {\n\tconst { children, type, ...rest } = props;\n\tconst classNames = classnames({\n\t\talert: true,\n\t\t[`alert--${type}`]: true\n\t});\n\treturn (\n\t\t<div {...rest} className={classNames}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nAlert.propTypes = {\n\ttype: PropTypes.oneOf(allowedTypes),\n\tchildren: PropTypes.oneOfType([\n\t\tPropTypes.arrayOf(PropTypes.node),\n\t\tPropTypes.node\n\t]).isRequired\n};\n\nAlert.defaultProps = {\n\ttype: \"info\"\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;;AAEA,IAAMA,YAAY,GAAG,CAAC,MAAD,EAAS,SAAT,EAAoB,OAApB,EAA6B,SAA7B,CAArB;;AAEO,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAW;EAAA;;EAC/B,IAAQC,QAAR,GAAoCD,KAApC,CAAQC,QAAR;EAAA,IAAkBC,IAAlB,GAAoCF,KAApC,CAAkBE,IAAlB;EAAA,IAA2BC,IAA3B,kDAAoCH,KAApC;EACA,IAAMI,UAAU,GAAG,IAAAC,uBAAA;IAClBC,KAAK,EAAE;EADW,2BAEPJ,IAFO,IAEE,IAFF,eAAnB;EAIA,oBACC,qEAASC,IAAT;IAAe,SAAS,EAAEC,UAA1B;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,IACEH,QADF,CADD;AAKA,CAXM;;;AAaPF,KAAK,CAACQ,SAAN,GAAkB;EACjBL,IAAI,EAAEM,qBAAA,CAAUC,KAAV,CAAgBX,YAAhB,CADW;EAEjBG,QAAQ,EAAEO,qBAAA,CAAUE,SAAV,CAAoB,CAC7BF,qBAAA,CAAUG,OAAV,CAAkBH,qBAAA,CAAUI,IAA5B,CAD6B,EAE7BJ,qBAAA,CAAUI,IAFmB,CAApB,EAGPC;AALc,CAAlB;AAQAd,KAAK,CAACe,YAAN,GAAqB;EACpBZ,IAAI,EAAE;AADc,CAArB"}

package/nds-alert.d.ts

@@ -1,11 +0,0 @@
-declare module "@nice-digital/nds-alert" {
-	import React = require("react");
-
-	interface AlertProps {
-		[prop: string]: unknown;
-		type?: "info" | "caution" | "error" | "success";
-		children: React.ReactNode;
-	}
-
-	export const Alert: React.FC<AlertProps>;
-}