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

package/es/Grid.d.ts

@@ -3,22 +3,22 @@ import { GridItem } from "./GridItem";
 import "../scss/grid.scss";
 export { GridItem };
 declare type ValidGridItemProps = React.ReactElement<typeof GridItem> | boolean | null | undefined;
-export declare enum HorizontalAlignmentEnum {
-    left = "left",
-    center = "center",
-    right = "right"
-}
-export declare enum VerticalAlignmentEnum {
-    top = "top",
-    middle = "middle",
-    bottom = "bottom"
-}
-export declare enum GutterEnum {
-    standard = "standard",
-    none = "none",
-    compact = "compact",
-    loose = "loose"
-}
+export declare const gutterTypes: {
+    readonly standard: "standard";
+    readonly none: "none";
+    readonly compact: "compact";
+    readonly loose: "loose";
+};
+export declare const horizontalAlignmentTypes: {
+    readonly left: "left";
+    readonly center: "center";
+    readonly right: "right";
+};
+export declare const verticalAlignmentTypes: {
+    readonly top: "top";
+    readonly middle: "middle";
+    readonly bottom: "bottom";
+};
 export interface GridProps {
     /** Grid item elements */
     children: ValidGridItemProps[] | ValidGridItemProps;
@@ -27,11 +27,11 @@ export interface GridProps {
     /** Make children of grid items ahve 100% height to fill the vertical space */
     equalHeight?: boolean;
     /** The horizontal alignment of items within the grid, when there are empty columns. Leave blank to default to left. */
-    horizontalAlignment?: HorizontalAlignmentEnum;
+    horizontalAlignment?: keyof typeof horizontalAlignmentTypes;
     /** The vertical alignment of items within the grid. Leave blank to default to top. */
-    verticalAlignment?: VerticalAlignmentEnum;
+    verticalAlignment?: keyof typeof verticalAlignmentTypes;
     /** The gap between grid cells. Leave blank to default to the standard gutter. */
-    gutter?: GutterEnum;
+    gutter?: keyof typeof gutterTypes;
     /** Debug puts a coloured outline around the grid and its cells */
     debug?: boolean;
     /** Additional classes to add to the grid, for example mt--e */
@@ -39,4 +39,22 @@ export interface GridProps {
     /** The type of DOM node to render for the grid. Leave blank to default to div. */
     elementType?: React.ElementType;
 }
-export declare const Grid: React.FC<GridProps>;
+export declare const Grid: {
+    (props: GridProps): JSX.Element;
+    gutter: {
+        readonly standard: "standard";
+        readonly none: "none";
+        readonly compact: "compact";
+        readonly loose: "loose";
+    };
+    horizontalAlignment: {
+        readonly left: "left";
+        readonly center: "center";
+        readonly right: "right";
+    };
+    verticalAlignment: {
+        readonly top: "top";
+        readonly middle: "middle";
+        readonly bottom: "bottom";
+    };
+};

package/es/Grid.js

@@ -14,44 +14,41 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Grid = exports.GutterEnum = exports.VerticalAlignmentEnum = exports.HorizontalAlignmentEnum = exports.GridItem = void 0;
+exports.Grid = exports.verticalAlignmentTypes = exports.horizontalAlignmentTypes = exports.gutterTypes = exports.GridItem = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const classnames_1 = __importDefault(require("classnames"));
 const GridItem_1 = require("./GridItem");
 Object.defineProperty(exports, "GridItem", { enumerable: true, get: function () { return GridItem_1.GridItem; } });
 require("../scss/grid.scss");
-var HorizontalAlignmentEnum;
-(function (HorizontalAlignmentEnum) {
-    HorizontalAlignmentEnum["left"] = "left";
-    HorizontalAlignmentEnum["center"] = "center";
-    HorizontalAlignmentEnum["right"] = "right";
-})(HorizontalAlignmentEnum = exports.HorizontalAlignmentEnum || (exports.HorizontalAlignmentEnum = {}));
-var VerticalAlignmentEnum;
-(function (VerticalAlignmentEnum) {
-    VerticalAlignmentEnum["top"] = "top";
-    VerticalAlignmentEnum["middle"] = "middle";
-    VerticalAlignmentEnum["bottom"] = "bottom";
-})(VerticalAlignmentEnum = exports.VerticalAlignmentEnum || (exports.VerticalAlignmentEnum = {}));
-var GutterEnum;
-(function (GutterEnum) {
-    GutterEnum["standard"] = "standard";
-    GutterEnum["none"] = "none";
-    GutterEnum["compact"] = "compact";
-    GutterEnum["loose"] = "loose";
-})(GutterEnum = exports.GutterEnum || (exports.GutterEnum = {}));
+exports.gutterTypes = {
+    standard: "standard",
+    none: "none",
+    compact: "compact",
+    loose: "loose"
+};
+exports.horizontalAlignmentTypes = {
+    left: "left",
+    center: "center",
+    right: "right"
+};
+exports.verticalAlignmentTypes = {
+    top: "top",
+    middle: "middle",
+    bottom: "bottom"
+};
 const Grid = (props) => {
     const { children, reverse, equalHeight, gutter, horizontalAlignment, verticalAlignment, debug, className, elementType } = props, rest = __rest(props, ["children", "reverse", "equalHeight", "gutter", "horizontalAlignment", "verticalAlignment", "debug", "className", "elementType"]);
     const classNames = (0, classnames_1.default)({
         grid: true,
         "grid--rev": reverse,
         "grid--equal-height": equalHeight,
-        "grid--gutterless": gutter === GutterEnum.none,
-        "grid--compact": gutter === GutterEnum.compact,
-        "grid--loose": gutter === GutterEnum.loose,
-        "grid--center": horizontalAlignment === HorizontalAlignmentEnum.center,
-        "grid--right": horizontalAlignment === HorizontalAlignmentEnum.right,
-        "grid--middle": verticalAlignment === VerticalAlignmentEnum.middle,
-        "grid--bottom": verticalAlignment === VerticalAlignmentEnum.bottom,
+        "grid--gutterless": gutter === exports.gutterTypes.none,
+        "grid--compact": gutter === exports.gutterTypes.compact,
+        "grid--loose": gutter === exports.gutterTypes.loose,
+        "grid--center": horizontalAlignment === exports.horizontalAlignmentTypes.center,
+        "grid--right": horizontalAlignment === exports.horizontalAlignmentTypes.right,
+        "grid--middle": verticalAlignment === exports.verticalAlignmentTypes.middle,
+        "grid--bottom": verticalAlignment === exports.verticalAlignmentTypes.bottom,
         "grid--debug": debug,
         [`${className}`]: className
     });
@@ -59,3 +56,7 @@ const Grid = (props) => {
     return ((0, jsx_runtime_1.jsx)(GridElementType, Object.assign({ className: classNames }, rest, { children: children })));
 };
 exports.Grid = Grid;
+// Legacy references - deprecated!
+exports.Grid.gutter = exports.gutterTypes;
+exports.Grid.horizontalAlignment = exports.horizontalAlignmentTypes;
+exports.Grid.verticalAlignment = exports.verticalAlignmentTypes;

package/es/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","names":["React","PropTypes","classnames","GridItem","Grid","props","children","reverse","equalHeight","gutter","horizontalAlignment","verticalAlignment","debug","className","GridElementType","elementType","rest","classNames","grid","none","compact","loose","center","right","middle","bottom","standard","left","top","propTypes","oneOfType","arrayOf","element","isRequired","bool","oneOf","string","defaultProps"],"sources":["../src/Grid.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport classnames from \"classnames\";\nimport { GridItem } from \"./GridItem\";\nimport \"../scss/grid.scss\";\nexport { GridItem };\n\nexport const Grid = (props) => {\n\tconst {\n\t\tchildren,\n\t\treverse,\n\t\tequalHeight,\n\t\tgutter,\n\t\thorizontalAlignment,\n\t\tverticalAlignment,\n\t\tdebug,\n\t\tclassName,\n\t\telementType: GridElementType,\n\t\t...rest\n\t} = props;\n\n\tconst classNames = classnames({\n\t\tgrid: true,\n\t\t\"grid--rev\": reverse,\n\t\t\"grid--equal-height\": equalHeight,\n\t\t\"grid--gutterless\": gutter === Grid.gutter.none,\n\t\t\"grid--compact\": gutter === Grid.gutter.compact,\n\t\t\"grid--loose\": gutter === Grid.gutter.loose,\n\t\t\"grid--center\": horizontalAlignment === Grid.horizontalAlignment.center,\n\t\t\"grid--right\": horizontalAlignment === Grid.horizontalAlignment.right,\n\t\t\"grid--middle\": verticalAlignment === Grid.verticalAlignment.middle,\n\t\t\"grid--bottom\": verticalAlignment === Grid.verticalAlignment.bottom,\n\t\t\"grid--debug\": debug,\n\t\t[className]: className\n\t});\n\treturn (\n\t\t<GridElementType className={classNames} {...rest}>\n\t\t\t{children}\n\t\t</GridElementType>\n\t);\n};\n\nGrid.gutter = {\n\tnone: \"none\",\n\tstandard: \"standard\",\n\tcompact: \"compact\",\n\tloose: \"loose\"\n};\n\nGrid.horizontalAlignment = {\n\tleft: \"left\",\n\tcenter: \"center\",\n\tright: \"right\"\n};\n\nGrid.verticalAlignment = {\n\ttop: \"top\",\n\tmiddle: \"middle\",\n\tbottom: \"bottom\"\n};\n\nGrid.propTypes = {\n\tchildren: PropTypes.oneOfType([\n\t\tPropTypes.arrayOf(PropTypes.element),\n\t\tPropTypes.element\n\t]).isRequired,\n\treverse: PropTypes.bool,\n\tequalHeight: PropTypes.bool,\n\thorizontalAlignment: PropTypes.oneOf([\n\t\tGrid.horizontalAlignment.left,\n\t\tGrid.horizontalAlignment.center,\n\t\tGrid.horizontalAlignment.right\n\t]),\n\tverticalAlignment: PropTypes.oneOf([\n\t\tGrid.verticalAlignment.top,\n\t\tGrid.verticalAlignment.middle,\n\t\tGrid.verticalAlignment.bottom\n\t]),\n\tgutter: PropTypes.oneOf([\n\t\tGrid.gutter.standard,\n\t\tGrid.gutter.none,\n\t\tGrid.gutter.compact,\n\t\tGrid.gutter.loose\n\t]),\n\tdebug: PropTypes.bool,\n\tclassName: PropTypes.string,\n\telementType: PropTypes.elementType\n};\n\nGrid.defaultProps = {\n\treverse: false,\n\tequalHeight: false,\n\tgutter: Grid.gutter.standard,\n\thorizontalAlignment: Grid.horizontalAlignment.left,\n\tverticalAlignment: Grid.verticalAlignment.top,\n\telementType: \"div\"\n};\n"],"mappings":"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"}

package/es/GridItem.js

@@ -43,6 +43,6 @@ const GridItem = (props) => {
         .concat(bpGridDefKeys)
         .filter((col) => col)
         .join(" ");
-    return ((0, jsx_runtime_1.jsx)(GridItemElementType, Object.assign({ "data-g": gridColsAttr, className: className }, rest, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(GridItemElementType, Object.assign({ "data-g": gridColsAttr, "data-component": "grid-item", className: className }, rest, { children: children })));
 };
 exports.GridItem = GridItem;

package/es/GridItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridItem.js","names":["React","PropTypes","GridItem","props","children","cols","push","pull","xs","sm","md","lg","xl","className","elementType","GridItemElementType","rest","gridColsAttr","toString","bpGridDefs","mapBpToAttr","bp","bpGridDef","gridDefAttr","concat","Object","keys","map","filter","col","join","breakpointPropType","oneOfType","number","shape","isRequired","propTypes","arrayOf","node","string"],"sources":["../src/GridItem.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nexport const GridItem = (props) => {\n\tconst {\n\t\tchildren,\n\t\tcols = 12,\n\t\tpush,\n\t\tpull,\n\t\txs,\n\t\tsm,\n\t\tmd,\n\t\tlg,\n\t\txl,\n\t\tclassName,\n\t\telementType: GridItemElementType = \"div\",\n\t\t...rest\n\t} = props;\n\n\tlet gridColsAttr = [cols.toString()];\n\n\tif (push) gridColsAttr.push(\"push:\" + push);\n\tif (pull) gridColsAttr.push(\"pull:\" + pull);\n\n\tconst bpGridDefs = { xs, sm, md, lg, xl };\n\tconst mapBpToAttr = (bp) => {\n\t\tconst bpGridDef = bpGridDefs[bp];\n\n\t\tif (!bpGridDef) return null;\n\n\t\t// E.g. \"xs:6\"\n\t\tif (typeof bpGridDef === \"number\") return bp + \":\" + bpGridDef;\n\n\t\t// E.g. \"xs:6 xs:push:3\"\n\t\tconst { cols, pull, push } = bpGridDef;\n\t\tlet gridDefAttr = bp + \":\" + cols;\n\t\tif (pull) gridDefAttr += ` ${bp}:pull:${pull}`;\n\t\tif (push) gridDefAttr += ` ${bp}:push:${push}`;\n\t\treturn gridDefAttr;\n\t};\n\tgridColsAttr = gridColsAttr\n\t\t.concat(Object.keys(bpGridDefs).map(mapBpToAttr))\n\t\t.filter((col) => col)\n\t\t.join(\" \");\n\n\treturn (\n\t\t<GridItemElementType data-g={gridColsAttr} className={className} {...rest}>\n\t\t\t{children}\n\t\t</GridItemElementType>\n\t);\n};\n\nconst breakpointPropType = PropTypes.oneOfType([\n\tPropTypes.number,\n\tPropTypes.shape({\n\t\tcols: PropTypes.number.isRequired,\n\t\tpush: PropTypes.number,\n\t\tpull: PropTypes.number\n\t})\n]);\n\nGridItem.propTypes = {\n\tchildren: PropTypes.oneOfType([\n\t\tPropTypes.arrayOf(PropTypes.node),\n\t\tPropTypes.node\n\t]).isRequired,\n\tcols: PropTypes.number,\n\tpush: PropTypes.number,\n\tpull: PropTypes.number,\n\txs: breakpointPropType,\n\tsm: breakpointPropType,\n\tmd: breakpointPropType,\n\tlg: breakpointPropType,\n\txl: breakpointPropType,\n\tclassName: PropTypes.string,\n\telementType: PropTypes.elementType\n};\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nice-digital/nds-grid",
-	"version": "4.0.2-alpha.0",
+	"version": "4.0.3",
 	"description": "Grid component for the NICE Design System",
 	"keywords": [
 		"grid"
@@ -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.2",
 		"classnames": "^2.2.6"
 	},
 	"peerDependencies": {
 		"react": "^16 || ^17 || ^18"
 	},
-	"gitHead": "4e9cad8a2b94cdf4af05b18a6610835883bedf0e",
+	"gitHead": "d8feb7beba5fffa49da42d6a550cb8f67a50727d",
 	"devDependencies": {
 		"@testing-library/jest-dom": "^5.16.5",
 		"@testing-library/react": "^13.4.0",

package/es/Grid.test.d.ts

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

package/es/Grid.test.js

@@ -1,75 +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 Grid_1 = require("./Grid");
-describe("Grid", () => {
-    it("should match snapshot", () => {
-        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsxs)(Grid_1.Grid, { children: [(0, jsx_runtime_1.jsx)(Grid_1.GridItem, Object.assign({ cols: 6 }, { children: "Test" })), (0, jsx_runtime_1.jsx)(Grid_1.GridItem, Object.assign({ cols: 6 }, { children: "Test" }))] }));
-        expect(wrapper).toMatchSnapshot();
-    });
-    it("should add rev class name to grid with reverse prop", () => {
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Grid_1.Grid, Object.assign({ reverse: true }, { children: (0, jsx_runtime_1.jsx)(Grid_1.GridItem, Object.assign({ cols: 6 }, { children: "Test" })) })));
-        expect(container.querySelector(".grid")).toHaveClass("grid grid--rev");
-    });
-    describe("gutters", () => {
-        const gutterTest = (gutter, expectedClassName) => {
-            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Grid_1.Grid, Object.assign({ gutter: gutter }, { children: (0, jsx_runtime_1.jsx)(Grid_1.GridItem, Object.assign({ cols: 6 }, { children: "Test" })) })));
-            expect(container.querySelector(".grid")).toHaveClass(expectedClassName);
-        };
-        it("shouldn't add any class to grid with gutter prop as standard", () => {
-            gutterTest(Grid_1.GutterEnum.standard, "grid");
-        });
-        it("should add gutterless class to grid with gutter prop as none", () => {
-            gutterTest(Grid_1.GutterEnum.none, "grid grid--gutterless");
-        });
-        it("should add compact class to grid with gutter prop as compact", () => {
-            gutterTest(Grid_1.GutterEnum.compact, "grid grid--compact");
-        });
-        it("should add compact class to grid with gutter prop as compact", () => {
-            gutterTest(Grid_1.GutterEnum.loose, "grid grid--loose");
-        });
-    });
-    describe("horizontal alignment", () => {
-        const horizontalAlignmentTest = (hAlignment, expectedClassName) => {
-            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Grid_1.Grid, Object.assign({ horizontalAlignment: hAlignment }, { children: (0, jsx_runtime_1.jsx)(Grid_1.GridItem, Object.assign({ cols: 6 }, { children: "Test" })) })));
-            expect(container.querySelector(".grid")).toHaveClass(expectedClassName);
-        };
-        it("shouldn't add any class to grid with horizontalAlignment prop as left", () => {
-            horizontalAlignmentTest(Grid_1.HorizontalAlignmentEnum.left, "grid");
-        });
-        it("should add center modifier class to grid when horizontalAlignment prop set to center", () => {
-            horizontalAlignmentTest(Grid_1.HorizontalAlignmentEnum.center, "grid grid--center");
-        });
-        it("should add right modifier class to grid when horizontalAlignment prop set to right", () => {
-            horizontalAlignmentTest(Grid_1.HorizontalAlignmentEnum.right, "grid grid--right");
-        });
-    });
-    describe("vertical alignment", () => {
-        const verticalAlignmentTest = (vAlignment, expectedClassName) => {
-            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Grid_1.Grid, Object.assign({ verticalAlignment: vAlignment }, { children: (0, jsx_runtime_1.jsx)(Grid_1.GridItem, Object.assign({ cols: 6 }, { children: "Test" })) })));
-            expect(container.querySelector(".grid")).toHaveClass(expectedClassName);
-        };
-        it("shouldn't add any class to grid with vertical alignment prop as top", () => {
-            verticalAlignmentTest(Grid_1.VerticalAlignmentEnum.top, "grid");
-        });
-        it("should add middle modifier class to grid when verticalAlignment prop set to middle", () => {
-            verticalAlignmentTest(Grid_1.VerticalAlignmentEnum.middle, "grid grid--middle");
-        });
-        it("should add bottom modifier class to grid when verticalAlignment prop set to bottom", () => {
-            verticalAlignmentTest(Grid_1.VerticalAlignmentEnum.bottom, "grid grid--bottom");
-        });
-    });
-    it("should add a debug modifier class when debug prop set to true", () => {
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Grid_1.Grid, Object.assign({ debug: true }, { children: (0, jsx_runtime_1.jsx)(Grid_1.GridItem, Object.assign({ cols: 6 }, { children: "Test" })) })));
-        expect(container.querySelector(".grid")).toHaveClass("grid grid--debug");
-    });
-    it("should add given additional class names to rendered grid class names", () => {
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Grid_1.Grid, Object.assign({ className: "mt--d" }, { children: (0, jsx_runtime_1.jsx)(Grid_1.GridItem, Object.assign({ cols: 6 }, { children: "Test" })) })));
-        expect(container.querySelector(".grid")).toHaveClass("grid mt--d");
-    });
-    it("should use elementType prop as rendered DOM node type", () => {
-        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Grid_1.Grid, Object.assign({ elementType: "ul" }, { children: (0, jsx_runtime_1.jsx)(Grid_1.GridItem, Object.assign({ cols: 6 }, { children: "Test" })) })));
-        expect(wrapper.getByRole("list")).toBeInTheDocument();
-    });
-});

package/es/GridItem.test.d.ts

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

package/es/GridItem.test.js

@@ -1,63 +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 Grid_1 = require("../src/Grid");
-describe("GridItem", () => {
-    it("should match snapshot", () => {
-        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Grid_1.GridItem, Object.assign({ cols: 6 }, { children: "Test" })));
-        expect(wrapper).toMatchSnapshot();
-    });
-    it("should add push columns to data attribute", () => {
-        var _a;
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Grid_1.GridItem, Object.assign({ cols: 6, push: 2 }, { children: "Test" })));
-        expect((_a = container.querySelector("div")) === null || _a === void 0 ? void 0 : _a.getAttribute("data-g")).toBe("6 push:2");
-    });
-    it("should add pull columns to data attribute", () => {
-        var _a;
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Grid_1.GridItem, Object.assign({ cols: 6, pull: 2 }, { children: "Test" })));
-        expect((_a = container.querySelector("div")) === null || _a === void 0 ? void 0 : _a.getAttribute("data-g")).toBe("6 pull:2");
-    });
-    describe("breakpoints", () => {
-        const pushDef = { cols: 4, push: 2, toString: () => "push 2" };
-        const pullDef = { cols: 3, pull: 1, toString: () => "pull 1" };
-        it.each([
-            ["xs", 8, "xs:8"],
-            ["xs", pushDef, "xs:4 xs:push:2"],
-            ["xs", pullDef, "xs:3 xs:pull:1"],
-            ["sm", 8, "sm:8"],
-            ["sm", pushDef, "sm:4 sm:push:2"],
-            ["sm", pullDef, "sm:3 sm:pull:1"],
-            ["md", 8, "md:8"],
-            ["md", pushDef, "md:4 md:push:2"],
-            ["md", pullDef, "md:3 md:pull:1"],
-            ["lg", 8, "lg:8"],
-            ["lg", pushDef, "lg:4 lg:push:2"],
-            ["lg", pullDef, "lg:3 lg:pull:1"],
-            ["xl", 8, "xl:8"],
-            ["xl", pushDef, "xl:4 xl:push:2"],
-            ["xl", pullDef, "xl:3 xl:pull:1"]
-        ])("for breakpoint '%s' and grid definition '%s' should set data-g to '%s'", (breakpointName, breakpointGridDef, expected) => {
-            var _a;
-            const cols = 6;
-            const breakPointProps = {
-                [breakpointName]: breakpointGridDef
-            };
-            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Grid_1.GridItem, Object.assign({ cols: cols }, breakPointProps, { children: "Test" })));
-            expect((_a = container.querySelector("div")) === null || _a === void 0 ? void 0 : _a.getAttribute("data-g")).toBe(cols + " " + expected);
-        });
-    });
-    it("should add given additional class names to rendered grid item class names", () => {
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Grid_1.GridItem, Object.assign({ cols: 6, className: "mt--d" }, { children: "Test" })));
-        expect(container.querySelector("[data-g]")).toHaveClass("mt--d");
-    });
-    it("should add other props to rendered grid item", () => {
-        var _a;
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Grid_1.GridItem, Object.assign({ cols: 6, "aria-label": "test" }, { children: "Test" })));
-        expect((_a = container.querySelector("[data-g]")) === null || _a === void 0 ? void 0 : _a.getAttribute("aria-label")).toBe("test");
-    });
-    it("should use elementType prop as rendered DOM node type", () => {
-        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Grid_1.GridItem, Object.assign({ cols: 6, elementType: "li" }, { children: "Test" })));
-        expect(wrapper.getByRole("listitem")).toBeInTheDocument();
-    });
-});