@nice-digital/nds-maintain-ratio 4.0.0-alpha.0 → 4.0.2

package/es/MaintainRatio.js

@@ -36,6 +36,6 @@ const MaintainRatio = (props) => {
         "maintain-ratio--stretch": stretchFirstChild,
         [`${className}`]: className && true
     });
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: classNames }, attributes, { children: children })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: classNames, "data-component": "maintain-ratio" }, attributes, { children: children })));
 };
 exports.MaintainRatio = MaintainRatio;

package/es/MaintainRatio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaintainRatio.js","names":["React","PropTypes","classnames","MaintainRatio","props","ratio","className","stretchFirstChild","children","attributes","classNames","propTypes","oneOf","string","node","isRequired","bool","defaultProps","ratios","square"],"sources":["../src/MaintainRatio.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport classnames from \"classnames\";\n\nimport \"../scss/maintain-ratio.scss\";\n\nexport const MaintainRatio = (props) => {\n\tconst { ratio, className, stretchFirstChild, children, ...attributes } =\n\t\tprops;\n\n\tconst classNames = classnames({\n\t\t\"maintain-ratio\": true,\n\t\t\"maintain-ratio--16-9\": ratio === \"16:9\",\n\t\t\"maintain-ratio--21-9\": ratio === \"21:9\",\n\t\t\"maintain-ratio--4-3\": ratio === \"4:3\",\n\t\t\"maintain-ratio--square\": ratio === \"square\" || ratio === \"1:1\",\n\t\t\"maintain-ratio--stretch\": stretchFirstChild,\n\t\t[className]: className && true\n\t});\n\n\treturn (\n\t\t<div className={classNames} {...attributes}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nMaintainRatio.propTypes = {\n\tratio: PropTypes.oneOf([\"16:9\", \"21:9\", \"4:3\", \"square\", \"1:1\"]),\n\tclassName: PropTypes.string,\n\tchildren: PropTypes.node.isRequired,\n\tstretchFirstChild: PropTypes.bool\n};\n\nMaintainRatio.defaultProps = {\n\tratio: \"16:9\",\n\tstretchFirstChild: false\n};\n\nMaintainRatio.ratios = {\n\t\"16:9\": \"16:9\",\n\t\"21:9\": \"21:9\",\n\t\"4:3\": \"4:3\",\n\tsquare: \"square\",\n\t\"1:1\": \"square\"\n};\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,OAAO,6BAAP;AAEA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;EAAA;;EACvC,IAAQC,KAAR,GACCD,KADD,CAAQC,KAAR;EAAA,IAAeC,SAAf,GACCF,KADD,CAAeE,SAAf;EAAA,IAA0BC,iBAA1B,GACCH,KADD,CAA0BG,iBAA1B;EAAA,IAA6CC,QAA7C,GACCJ,KADD,CAA6CI,QAA7C;EAAA,IAA0DC,UAA1D,iCACCL,KADD;;EAGA,IAAMM,UAAU,GAAGR,UAAU;IAC5B,kBAAkB,IADU;IAE5B,wBAAwBG,KAAK,KAAK,MAFN;IAG5B,wBAAwBA,KAAK,KAAK,MAHN;IAI5B,uBAAuBA,KAAK,KAAK,KAJL;IAK5B,0BAA0BA,KAAK,KAAK,QAAV,IAAsBA,KAAK,KAAK,KAL9B;IAM5B,2BAA2BE;EANC,eAO3BD,SAP2B,IAOfA,SAAS,IAAI,IAPE,eAA7B;EAUA,oBACC;IAAK,SAAS,EAAEI;EAAhB,GAAgCD,UAAhC,GACED,QADF,CADD;AAKA,CAnBM;AAqBPL,aAAa,CAACQ,SAAd,GAA0B;EACzBN,KAAK,EAAEJ,SAAS,CAACW,KAAV,CAAgB,CAAC,MAAD,EAAS,MAAT,EAAiB,KAAjB,EAAwB,QAAxB,EAAkC,KAAlC,CAAhB,CADkB;EAEzBN,SAAS,EAAEL,SAAS,CAACY,MAFI;EAGzBL,QAAQ,EAAEP,SAAS,CAACa,IAAV,CAAeC,UAHA;EAIzBR,iBAAiB,EAAEN,SAAS,CAACe;AAJJ,CAA1B;AAOAb,aAAa,CAACc,YAAd,GAA6B;EAC5BZ,KAAK,EAAE,MADqB;EAE5BE,iBAAiB,EAAE;AAFS,CAA7B;AAKAJ,aAAa,CAACe,MAAd,GAAuB;EACtB,QAAQ,MADc;EAEtB,QAAQ,MAFc;EAGtB,OAAO,KAHe;EAItBC,MAAM,EAAE,QAJc;EAKtB,OAAO;AALe,CAAvB"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nice-digital/nds-maintain-ratio",
-	"version": "4.0.0-alpha.0",
+	"version": "4.0.2",
 	"description": "Maintain ratio component for the NICE Design System",
 	"author": "Ian Routledge <ian.routledge@nice.org.uk>",
 	"homepage": "https://design-system.nice.org.uk/",
@@ -31,7 +31,7 @@
 		"url": "https://github.com/nice-digital/nice-design-system/issues"
 	},
 	"dependencies": {
-		"@nice-digital/nds-core": "^4.0.0-alpha.0",
+		"@nice-digital/nds-core": "^4.0.2",
 		"classnames": "^2.3.1"
 	},
 	"peerDependencies": {
@@ -46,5 +46,5 @@
 		"@types/node": "^18.11.9",
 		"typescript": "^4.8.4"
 	},
-	"gitHead": "e225e0b15723013fb3df7309d197590a09cc2ea7"
+	"gitHead": "d8feb7beba5fffa49da42d6a550cb8f67a50727d"
 }

package/es/MaintainRatio.test.d.ts

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

package/es/MaintainRatio.test.js

@@ -1,28 +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 MaintainRatio_1 = require("./MaintainRatio");
-describe("nds-maintain-ratio", () => {
-    it("should match the snapshot with no options", () => {
-        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(MaintainRatio_1.MaintainRatio, { children: (0, jsx_runtime_1.jsx)("p", { children: "Test" }) }));
-        expect(wrapper).toMatchSnapshot();
-    });
-    it("should pass down classname and extra props", () => {
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(MaintainRatio_1.MaintainRatio, Object.assign({ className: "testing", "data-test": "yes" }, { children: (0, jsx_runtime_1.jsx)("p", { children: "Test" }) })));
-        const ratioDiv = container.querySelector(".testing");
-        expect(ratioDiv).toBeInTheDocument();
-        expect(ratioDiv === null || ratioDiv === void 0 ? void 0 : ratioDiv.getAttribute("data-test")).toBe("yes");
-    });
-    Object.keys(MaintainRatio_1.ratios).forEach((ratio) => {
-        it(`should apply the class for the ratio: ${ratio}`, () => {
-            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(MaintainRatio_1.MaintainRatio, Object.assign({ ratio: ratio }, { children: (0, jsx_runtime_1.jsx)("p", { children: "Test" }) })));
-            if (ratio === "1:1") {
-                expect(container.querySelector(".maintain-ratio--square")).toBeInTheDocument();
-            }
-            else {
-                expect(container.querySelector(`.maintain-ratio--${ratio.replace(":", "-")}`)).toBeInTheDocument();
-            }
-        });
-    });
-});