@nice-digital/nds-grid 3.0.3 → 4.0.1-alpha.0

package/es/Grid.d.ts

@@ -0,0 +1,42 @@
+import React from "react";
+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 interface GridProps {
+    /** Grid item elements */
+    children: ValidGridItemProps[] | ValidGridItemProps;
+    /** Renders grid items in the opposite way to the source order */
+    reverse?: boolean;
+    /** 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;
+    /** The vertical alignment of items within the grid. Leave blank to default to top. */
+    verticalAlignment?: VerticalAlignmentEnum;
+    /** The gap between grid cells. Leave blank to default to the standard gutter. */
+    gutter?: GutterEnum;
+    /** Debug puts a coloured outline around the grid and its cells */
+    debug?: boolean;
+    /** Additional classes to add to the grid, for example mt--e */
+    className?: string;
+    /** 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>;

package/es/Grid.js

@@ -1,76 +1,61 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["children", "reverse", "equalHeight", "gutter", "horizontalAlignment", "verticalAlignment", "debug", "className", "elementType"];
-import React from "react";
-import PropTypes from "prop-types";
-import classnames from "classnames";
-import { GridItem } from "./GridItem";
-import "../scss/grid.scss";
-export { GridItem };
-export var Grid = function Grid(props) {
-  var _classnames;
-
-  var children = props.children,
-      reverse = props.reverse,
-      equalHeight = props.equalHeight,
-      gutter = props.gutter,
-      horizontalAlignment = props.horizontalAlignment,
-      verticalAlignment = props.verticalAlignment,
-      debug = props.debug,
-      className = props.className,
-      GridElementType = props.elementType,
-      rest = _objectWithoutPropertiesLoose(props, _excluded);
-
-  var classNames = classnames((_classnames = {
-    grid: true,
-    "grid--rev": reverse,
-    "grid--equal-height": equalHeight,
-    "grid--gutterless": gutter === Grid.gutter.none,
-    "grid--compact": gutter === Grid.gutter.compact,
-    "grid--loose": gutter === Grid.gutter.loose,
-    "grid--center": horizontalAlignment === Grid.horizontalAlignment.center,
-    "grid--right": horizontalAlignment === Grid.horizontalAlignment.right,
-    "grid--middle": verticalAlignment === Grid.verticalAlignment.middle,
-    "grid--bottom": verticalAlignment === Grid.verticalAlignment.bottom,
-    "grid--debug": debug
-  }, _classnames[className] = className, _classnames));
-  return /*#__PURE__*/React.createElement(GridElementType, _extends({
-    className: classNames
-  }, rest), children);
-};
-Grid.gutter = {
-  none: "none",
-  standard: "standard",
-  compact: "compact",
-  loose: "loose"
-};
-Grid.horizontalAlignment = {
-  left: "left",
-  center: "center",
-  right: "right"
-};
-Grid.verticalAlignment = {
-  top: "top",
-  middle: "middle",
-  bottom: "bottom"
-};
-Grid.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.element]).isRequired,
-  reverse: PropTypes.bool,
-  equalHeight: PropTypes.bool,
-  horizontalAlignment: PropTypes.oneOf([Grid.horizontalAlignment.left, Grid.horizontalAlignment.center, Grid.horizontalAlignment.right]),
-  verticalAlignment: PropTypes.oneOf([Grid.verticalAlignment.top, Grid.verticalAlignment.middle, Grid.verticalAlignment.bottom]),
-  gutter: PropTypes.oneOf([Grid.gutter.standard, Grid.gutter.none, Grid.gutter.compact, Grid.gutter.loose]),
-  debug: PropTypes.bool,
-  className: PropTypes.string,
-  elementType: PropTypes.elementType
-};
-Grid.defaultProps = {
-  reverse: false,
-  equalHeight: false,
-  gutter: Grid.gutter.standard,
-  horizontalAlignment: Grid.horizontalAlignment.left,
-  verticalAlignment: Grid.verticalAlignment.top,
-  elementType: "div"
-};
-//# sourceMappingURL=Grid.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.Grid = exports.GutterEnum = exports.VerticalAlignmentEnum = exports.HorizontalAlignmentEnum = 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 = {}));
+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--debug": debug,
+        [`${className}`]: className
+    });
+    const GridElementType = elementType || "div";
+    return ((0, jsx_runtime_1.jsx)(GridElementType, Object.assign({ className: classNames }, rest, { children: children })));
+};
+exports.Grid = Grid;

package/es/Grid.test.d.ts

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

package/es/Grid.test.js

@@ -0,0 +1,75 @@
+"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.d.ts

@@ -0,0 +1,37 @@
+import React from "react";
+declare type Columns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+declare type PullOrPush = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;
+declare type BreakPointGridDefinition = Columns | {
+    /** The number of columns at this breakpoint */
+    cols: Columns;
+    /** The number of columns to pull at this breakpoint */
+    pull?: PullOrPush;
+    /** The number of columns to push at this breakpoint */
+    push?: PullOrPush;
+};
+export interface GridItemProps {
+    /** Contents of the grid item */
+    children: React.ReactNode;
+    /** The number of columns for the first (smallest) screen size */
+    cols?: Columns;
+    /** The number of columns to pull the grid item for the first (smallest) screen size */
+    pull?: PullOrPush;
+    /** The number of columns to push the grid item for the first (smallest) screen size */
+    push?: PullOrPush;
+    /** Grid definition from the xs breakpoint */
+    xs?: BreakPointGridDefinition;
+    /** Grid definition from the sm breakpoint */
+    sm?: BreakPointGridDefinition;
+    /** Grid definition from the md breakpoint */
+    md?: BreakPointGridDefinition;
+    /** Grid definition from the lg breakpoint */
+    lg?: BreakPointGridDefinition;
+    /** Grid definition from the xl breakpoint */
+    xl?: BreakPointGridDefinition;
+    /** Additional classes to add to the grid, for example mt--e */
+    className?: string;
+    /** The type of DOM node to render for the grid item. Leave blank to default to div. */
+    elementType?: React.ElementType;
+}
+export declare const GridItem: React.FC<GridItemProps>;
+export {};

package/es/GridItem.js

@@ -1,74 +1,48 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["children", "cols", "push", "pull", "xs", "sm", "md", "lg", "xl", "className", "elementType"];
-import React from "react";
-import PropTypes from "prop-types";
-export var GridItem = function GridItem(props) {
-  var children = props.children,
-      _props$cols = props.cols,
-      cols = _props$cols === void 0 ? 12 : _props$cols,
-      push = props.push,
-      pull = props.pull,
-      xs = props.xs,
-      sm = props.sm,
-      md = props.md,
-      lg = props.lg,
-      xl = props.xl,
-      className = props.className,
-      _props$elementType = props.elementType,
-      GridItemElementType = _props$elementType === void 0 ? "div" : _props$elementType,
-      rest = _objectWithoutPropertiesLoose(props, _excluded);
-
-  var gridColsAttr = [cols.toString()];
-  if (push) gridColsAttr.push("push:" + push);
-  if (pull) gridColsAttr.push("pull:" + pull);
-  var bpGridDefs = {
-    xs: xs,
-    sm: sm,
-    md: md,
-    lg: lg,
-    xl: xl
-  };
-
-  var mapBpToAttr = function mapBpToAttr(bp) {
-    var bpGridDef = bpGridDefs[bp];
-    if (!bpGridDef) return null; // E.g. "xs:6"
-
-    if (typeof bpGridDef === "number") return bp + ":" + bpGridDef; // E.g. "xs:6 xs:push:3"
-
-    var cols = bpGridDef.cols,
-        pull = bpGridDef.pull,
-        push = bpGridDef.push;
-    var gridDefAttr = bp + ":" + cols;
-    if (pull) gridDefAttr += " " + bp + ":pull:" + pull;
-    if (push) gridDefAttr += " " + bp + ":push:" + push;
-    return gridDefAttr;
-  };
-
-  gridColsAttr = gridColsAttr.concat(Object.keys(bpGridDefs).map(mapBpToAttr)).filter(function (col) {
-    return col;
-  }).join(" ");
-  return /*#__PURE__*/React.createElement(GridItemElementType, _extends({
-    "data-g": gridColsAttr,
-    className: className
-  }, rest), children);
-};
-var breakpointPropType = PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-  cols: PropTypes.number.isRequired,
-  push: PropTypes.number,
-  pull: PropTypes.number
-})]);
-GridItem.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
-  cols: PropTypes.number,
-  push: PropTypes.number,
-  pull: PropTypes.number,
-  xs: breakpointPropType,
-  sm: breakpointPropType,
-  md: breakpointPropType,
-  lg: breakpointPropType,
-  xl: breakpointPropType,
-  className: PropTypes.string,
-  elementType: PropTypes.elementType
-};
-//# sourceMappingURL=GridItem.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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridItem = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const GridItem = (props) => {
+    const { children, cols = 12, push, pull, xs, sm, md, lg, xl, className, elementType: GridItemElementType = "div" } = props, rest = __rest(props, ["children", "cols", "push", "pull", "xs", "sm", "md", "lg", "xl", "className", "elementType"]);
+    let gridColsAttr = [cols.toString()];
+    if (push)
+        gridColsAttr.push("push:" + push);
+    if (pull)
+        gridColsAttr.push("pull:" + pull);
+    const bpGridDefs = { xs, sm, md, lg, xl };
+    const mapBpToAttr = (bp) => {
+        const key = bp;
+        const bpGridDef = bpGridDefs[key];
+        if (!bpGridDef)
+            return null;
+        // E.g. "xs:6"
+        if (typeof bpGridDef === "number")
+            return bp + ":" + bpGridDef;
+        // E.g. "xs:6 xs:push:3"
+        const { cols, pull, push } = bpGridDef;
+        let gridDefAttr = bp + ":" + cols;
+        if (pull)
+            gridDefAttr += ` ${bp}:pull:${pull}`;
+        if (push)
+            gridDefAttr += ` ${bp}:push:${push}`;
+        return gridDefAttr;
+    };
+    const bpGridDefKeys = Object.keys(bpGridDefs).map(mapBpToAttr);
+    gridColsAttr = gridColsAttr
+        .concat(bpGridDefKeys)
+        .filter((col) => col)
+        .join(" ");
+    return ((0, jsx_runtime_1.jsx)(GridItemElementType, Object.assign({ "data-g": gridColsAttr, className: className }, rest, { children: children })));
+};
+exports.GridItem = GridItem;

package/es/GridItem.test.d.ts

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

package/es/GridItem.test.js

@@ -0,0 +1,63 @@
+"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();
+    });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nice-digital/nds-grid",
-	"version": "3.0.3",
+	"version": "4.0.1-alpha.0",
 	"description": "Grid component for the NICE Design System",
 	"keywords": [
 		"grid"
@@ -8,16 +8,12 @@
 	"author": "Ian Routledge <ian.routledge@nice.org.uk>",
 	"homepage": "https://design-system.nice.org.uk/",
 	"license": "MIT",
-	"main": "lib/Grid.js",
-	"module": "es/Grid.js",
+	"main": "es/Grid.js",
 	"style": "scss/grid.scss",
-	"types": "nds-grid.d.ts",
 	"directories": {
-		"lib": "lib",
-		"test": "__tests__"
+		"lib": "es"
 	},
 	"files": [
-		"lib",
 		"es",
 		"scss",
 		"*.d.ts"
@@ -37,12 +33,19 @@
 		"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"
 	},
-	"gitHead": "88329347c4985509b2347ecc27daec0a33aef607"
+	"gitHead": "e75957040c9acfbd7eeb164cad724e3b48760679",
+	"devDependencies": {
+		"@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"
+	}
 }

package/es/Grid.js.map

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;EAClC,IACCC,QADD,GAaID,KAbJ,CACCC,QADD;EAAA,kBAaID,KAbJ,CAECE,IAFD;EAAA,IAECA,IAFD,4BAEQ,EAFR;EAAA,IAGCC,IAHD,GAaIH,KAbJ,CAGCG,IAHD;EAAA,IAICC,IAJD,GAaIJ,KAbJ,CAICI,IAJD;EAAA,IAKCC,EALD,GAaIL,KAbJ,CAKCK,EALD;EAAA,IAMCC,EAND,GAaIN,KAbJ,CAMCM,EAND;EAAA,IAOCC,EAPD,GAaIP,KAbJ,CAOCO,EAPD;EAAA,IAQCC,EARD,GAaIR,KAbJ,CAQCQ,EARD;EAAA,IASCC,EATD,GAaIT,KAbJ,CASCS,EATD;EAAA,IAUCC,SAVD,GAaIV,KAbJ,CAUCU,SAVD;EAAA,yBAaIV,KAbJ,CAWCW,WAXD;EAAA,IAWcC,mBAXd,mCAWoC,KAXpC;EAAA,IAYIC,IAZJ,iCAaIb,KAbJ;;EAeA,IAAIc,YAAY,GAAG,CAACZ,IAAI,CAACa,QAAL,EAAD,CAAnB;EAEA,IAAIZ,IAAJ,EAAUW,YAAY,CAACX,IAAb,CAAkB,UAAUA,IAA5B;EACV,IAAIC,IAAJ,EAAUU,YAAY,CAACX,IAAb,CAAkB,UAAUC,IAA5B;EAEV,IAAMY,UAAU,GAAG;IAAEX,EAAE,EAAFA,EAAF;IAAMC,EAAE,EAAFA,EAAN;IAAUC,EAAE,EAAFA,EAAV;IAAcC,EAAE,EAAFA,EAAd;IAAkBC,EAAE,EAAFA;EAAlB,CAAnB;;EACA,IAAMQ,WAAW,GAAG,SAAdA,WAAc,CAACC,EAAD,EAAQ;IAC3B,IAAMC,SAAS,GAAGH,UAAU,CAACE,EAAD,CAA5B;IAEA,IAAI,CAACC,SAAL,EAAgB,OAAO,IAAP,CAHW,CAK3B;;IACA,IAAI,OAAOA,SAAP,KAAqB,QAAzB,EAAmC,OAAOD,EAAE,GAAG,GAAL,GAAWC,SAAlB,CANR,CAQ3B;;IACA,IAAQjB,IAAR,GAA6BiB,SAA7B,CAAQjB,IAAR;IAAA,IAAcE,IAAd,GAA6Be,SAA7B,CAAcf,IAAd;IAAA,IAAoBD,IAApB,GAA6BgB,SAA7B,CAAoBhB,IAApB;IACA,IAAIiB,WAAW,GAAGF,EAAE,GAAG,GAAL,GAAWhB,IAA7B;IACA,IAAIE,IAAJ,EAAUgB,WAAW,UAAQF,EAAR,cAAmBd,IAA9B;IACV,IAAID,IAAJ,EAAUiB,WAAW,UAAQF,EAAR,cAAmBf,IAA9B;IACV,OAAOiB,WAAP;EACA,CAdD;;EAeAN,YAAY,GAAGA,YAAY,CACzBO,MADa,CACNC,MAAM,CAACC,IAAP,CAAYP,UAAZ,EAAwBQ,GAAxB,CAA4BP,WAA5B,CADM,EAEbQ,MAFa,CAEN,UAACC,GAAD;IAAA,OAASA,GAAT;EAAA,CAFM,EAGbC,IAHa,CAGR,GAHQ,CAAf;EAKA,oBACC,oBAAC,mBAAD;IAAqB,UAAQb,YAA7B;IAA2C,SAAS,EAAEJ;EAAtD,GAAqEG,IAArE,GACEZ,QADF,CADD;AAKA,CA/CM;AAiDP,IAAM2B,kBAAkB,GAAG9B,SAAS,CAAC+B,SAAV,CAAoB,CAC9C/B,SAAS,CAACgC,MADoC,EAE9ChC,SAAS,CAACiC,KAAV,CAAgB;EACf7B,IAAI,EAAEJ,SAAS,CAACgC,MAAV,CAAiBE,UADR;EAEf7B,IAAI,EAAEL,SAAS,CAACgC,MAFD;EAGf1B,IAAI,EAAEN,SAAS,CAACgC;AAHD,CAAhB,CAF8C,CAApB,CAA3B;AASA/B,QAAQ,CAACkC,SAAT,GAAqB;EACpBhC,QAAQ,EAAEH,SAAS,CAAC+B,SAAV,CAAoB,CAC7B/B,SAAS,CAACoC,OAAV,CAAkBpC,SAAS,CAACqC,IAA5B,CAD6B,EAE7BrC,SAAS,CAACqC,IAFmB,CAApB,EAGPH,UAJiB;EAKpB9B,IAAI,EAAEJ,SAAS,CAACgC,MALI;EAMpB3B,IAAI,EAAEL,SAAS,CAACgC,MANI;EAOpB1B,IAAI,EAAEN,SAAS,CAACgC,MAPI;EAQpBzB,EAAE,EAAEuB,kBARgB;EASpBtB,EAAE,EAAEsB,kBATgB;EAUpBrB,EAAE,EAAEqB,kBAVgB;EAWpBpB,EAAE,EAAEoB,kBAXgB;EAYpBnB,EAAE,EAAEmB,kBAZgB;EAapBlB,SAAS,EAAEZ,SAAS,CAACsC,MAbD;EAcpBzB,WAAW,EAAEb,SAAS,CAACa;AAdH,CAArB"}

package/lib/Grid.js

@@ -1,103 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.Grid = 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"));
-
-var _GridItem = require("./GridItem");
-
-exports.GridItem = _GridItem.GridItem;
-
-require("../scss/grid.scss");
-
-var _excluded = ["children", "reverse", "equalHeight", "gutter", "horizontalAlignment", "verticalAlignment", "debug", "className", "elementType"];
-
-var _jsxFileName = "C:\\dev\\nice-design-system\\components\\nds-grid\\src\\Grid.js",
-    _this = void 0;
-
-var Grid = function Grid(props) {
-  var _classnames;
-
-  var children = props.children,
-      reverse = props.reverse,
-      equalHeight = props.equalHeight,
-      gutter = props.gutter,
-      horizontalAlignment = props.horizontalAlignment,
-      verticalAlignment = props.verticalAlignment,
-      debug = props.debug,
-      className = props.className,
-      GridElementType = props.elementType,
-      rest = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
-  var classNames = (0, _classnames2["default"])((_classnames = {
-    grid: true,
-    "grid--rev": reverse,
-    "grid--equal-height": equalHeight,
-    "grid--gutterless": gutter === Grid.gutter.none,
-    "grid--compact": gutter === Grid.gutter.compact,
-    "grid--loose": gutter === Grid.gutter.loose,
-    "grid--center": horizontalAlignment === Grid.horizontalAlignment.center,
-    "grid--right": horizontalAlignment === Grid.horizontalAlignment.right,
-    "grid--middle": verticalAlignment === Grid.verticalAlignment.middle,
-    "grid--bottom": verticalAlignment === Grid.verticalAlignment.bottom,
-    "grid--debug": debug
-  }, _classnames[className] = className, _classnames));
-  return /*#__PURE__*/_react["default"].createElement(GridElementType, (0, _extends2["default"])({
-    className: classNames
-  }, rest, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 37,
-      columnNumber: 3
-    }
-  }), children);
-};
-
-exports.Grid = Grid;
-Grid.gutter = {
-  none: "none",
-  standard: "standard",
-  compact: "compact",
-  loose: "loose"
-};
-Grid.horizontalAlignment = {
-  left: "left",
-  center: "center",
-  right: "right"
-};
-Grid.verticalAlignment = {
-  top: "top",
-  middle: "middle",
-  bottom: "bottom"
-};
-Grid.propTypes = {
-  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].element), _propTypes["default"].element]).isRequired,
-  reverse: _propTypes["default"].bool,
-  equalHeight: _propTypes["default"].bool,
-  horizontalAlignment: _propTypes["default"].oneOf([Grid.horizontalAlignment.left, Grid.horizontalAlignment.center, Grid.horizontalAlignment.right]),
-  verticalAlignment: _propTypes["default"].oneOf([Grid.verticalAlignment.top, Grid.verticalAlignment.middle, Grid.verticalAlignment.bottom]),
-  gutter: _propTypes["default"].oneOf([Grid.gutter.standard, Grid.gutter.none, Grid.gutter.compact, Grid.gutter.loose]),
-  debug: _propTypes["default"].bool,
-  className: _propTypes["default"].string,
-  elementType: _propTypes["default"].elementType
-};
-Grid.defaultProps = {
-  reverse: false,
-  equalHeight: false,
-  gutter: Grid.gutter.standard,
-  horizontalAlignment: Grid.horizontalAlignment.left,
-  verticalAlignment: Grid.verticalAlignment.top,
-  elementType: "div"
-};
-//# sourceMappingURL=Grid.js.map

package/lib/Grid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Grid.js","names":["Grid","props","children","reverse","equalHeight","gutter","horizontalAlignment","verticalAlignment","debug","className","GridElementType","elementType","rest","classNames","classnames","grid","none","compact","loose","center","right","middle","bottom","standard","left","top","propTypes","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/lib/GridItem.js

@@ -1,99 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.GridItem = 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 _excluded = ["children", "cols", "push", "pull", "xs", "sm", "md", "lg", "xl", "className", "elementType"];
-
-var _jsxFileName = "C:\\dev\\nice-design-system\\components\\nds-grid\\src\\GridItem.js",
-    _this = void 0;
-
-var GridItem = function GridItem(props) {
-  var children = props.children,
-      _props$cols = props.cols,
-      cols = _props$cols === void 0 ? 12 : _props$cols,
-      push = props.push,
-      pull = props.pull,
-      xs = props.xs,
-      sm = props.sm,
-      md = props.md,
-      lg = props.lg,
-      xl = props.xl,
-      className = props.className,
-      _props$elementType = props.elementType,
-      GridItemElementType = _props$elementType === void 0 ? "div" : _props$elementType,
-      rest = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
-  var gridColsAttr = [cols.toString()];
-  if (push) gridColsAttr.push("push:" + push);
-  if (pull) gridColsAttr.push("pull:" + pull);
-  var bpGridDefs = {
-    xs: xs,
-    sm: sm,
-    md: md,
-    lg: lg,
-    xl: xl
-  };
-
-  var mapBpToAttr = function mapBpToAttr(bp) {
-    var bpGridDef = bpGridDefs[bp];
-    if (!bpGridDef) return null; // E.g. "xs:6"
-
-    if (typeof bpGridDef === "number") return bp + ":" + bpGridDef; // E.g. "xs:6 xs:push:3"
-
-    var cols = bpGridDef.cols,
-        pull = bpGridDef.pull,
-        push = bpGridDef.push;
-    var gridDefAttr = bp + ":" + cols;
-    if (pull) gridDefAttr += " " + bp + ":pull:" + pull;
-    if (push) gridDefAttr += " " + bp + ":push:" + push;
-    return gridDefAttr;
-  };
-
-  gridColsAttr = gridColsAttr.concat(Object.keys(bpGridDefs).map(mapBpToAttr)).filter(function (col) {
-    return col;
-  }).join(" ");
-  return /*#__PURE__*/_react["default"].createElement(GridItemElementType, (0, _extends2["default"])({
-    "data-g": gridColsAttr,
-    className: className
-  }, rest, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 47,
-      columnNumber: 3
-    }
-  }), children);
-};
-
-exports.GridItem = GridItem;
-
-var breakpointPropType = _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].shape({
-  cols: _propTypes["default"].number.isRequired,
-  push: _propTypes["default"].number,
-  pull: _propTypes["default"].number
-})]);
-
-GridItem.propTypes = {
-  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
-  cols: _propTypes["default"].number,
-  push: _propTypes["default"].number,
-  pull: _propTypes["default"].number,
-  xs: breakpointPropType,
-  sm: breakpointPropType,
-  md: breakpointPropType,
-  lg: breakpointPropType,
-  xl: breakpointPropType,
-  className: _propTypes["default"].string,
-  elementType: _propTypes["default"].elementType
-};
-//# sourceMappingURL=GridItem.js.map

package/lib/GridItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GridItem.js","names":["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","PropTypes","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/nds-grid.d.ts

@@ -1,93 +0,0 @@
-declare module "@nice-digital/nds-grid" {
-	import React = require("react");
-
-	type Columns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-	type PullOrPush = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;
-	type BreakPointGridDefinition =
-		| Columns
-		| {
-				/** The number of columns at this breakpoint */
-				cols: Columns;
-				/** The number of columns to pull at this breakpoint */
-				pull?: PullOrPush;
-				/** The number of columns to push at this breakpoint */
-				push?: PullOrPush;
-		  };
-
-	export interface GridItemProps {
-		/** Contents of the grid item */
-		children: React.ReactNode;
-		/** The number of columns for the first (smallest) screen size */
-		cols?: Columns;
-		/** The number of columns to pull the grid item for the first (smallest) screen size */
-		pull?: PullOrPush;
-		/** The number of columns to push the grid item for the first (smallest) screen size */
-		push?: PullOrPush;
-		/** Grid definition from the xs breakpoint */
-		xs?: BreakPointGridDefinition;
-		/** Grid definition from the sm breakpoint */
-		sm?: BreakPointGridDefinition;
-		/** Grid definition from the md breakpoint */
-		md?: BreakPointGridDefinition;
-		/** Grid definition from the lg breakpoint */
-		lg?: BreakPointGridDefinition;
-		/** Grid definition from the xl breakpoint */
-		xl?: BreakPointGridDefinition;
-		/** Additional classes to add to the grid, for example mt--e */
-		className?: string;
-		/** The type of DOM node to render for the grid item. Leave blank to default to div. */
-		elementType?: React.ElementType;
-	}
-
-	/** An item within the grid than spans up to 12 columnns */
-	export const GridItem: React.FC<GridItemProps>;
-
-	type ValidGridItemProps =
-		| React.ReactElement<typeof GridItem>
-		| boolean
-		| null
-		| undefined;
-
-	export interface GridProps {
-		/** Grid item elements */
-		children: ValidGridItemProps[] | ValidGridItemProps;
-		/** Renders grid items in the opposite way to the source order */
-		reverse?: boolean;
-		/** 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?: "left" | "center" | "right";
-		/** The vertical alignment of items within the grid. Leave blank to default to top. */
-		verticalAlignment?: "top" | "middle" | "bottom";
-		/** The gap between grid cells. Leave blank to default to the standard gutter. */
-		gutter?: "standard" | "none" | "compact" | "loose";
-		/** Debug puts a coloured outline around the grid and its cells */
-		debug?: boolean;
-		/** Additional classes to add to the grid, for example mt--e */
-		className?: string;
-		/** The type of DOM node to render for the grid. Leave blank to default to div. */
-		elementType?: React.ElementType;
-	}
-
-	interface GridComponent extends React.FC<GridProps> {
-		gutter: {
-			none: "none";
-			standard: "standard";
-			compact: "compact";
-			loose: "loose";
-		};
-		horizontalAlignment: {
-			left: "left";
-			center: "center";
-			right: "right";
-		};
-		verticalAlignment: {
-			top: "top";
-			middle: "middle";
-			bottom: "bottom";
-		};
-	}
-
-	/** A mobile first, 12 columns grid component */
-	export const Grid: GridComponent;
-}