@nice-digital/nds-alphabet 2.0.2 → 3.0.0-alpha.0

package/es/Alphabet.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import "../scss/alphabet.scss";
+export interface AlphabetProps {
+    id?: string;
+    children: React.ReactElement<LetterProps>[];
+    chunky?: boolean;
+    className?: string;
+    [key: string]: unknown;
+}
+export interface LetterProps {
+    children: React.ReactNode;
+    label?: string;
+    chunky?: boolean;
+    elementType?: React.ElementType;
+    to?: string | false;
+    [key: string]: unknown;
+}
+export interface LinkProps {
+    text: React.ReactNode;
+    destination: string;
+    elementType?: React.ElementType;
+    method?: string;
+    ariaLabel: string;
+}
+export declare const Alphabet: React.FC<AlphabetProps>;
+export declare const Letter: React.FC<LetterProps>;

package/es/Alphabet.js

@@ -1,101 +1,58 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["children", "className", "id", "chunky"],
-    _excluded2 = ["children", "label", "to", "chunky", "elementType"];
-import React, { Children, isValidElement, cloneElement } from "react";
-import PropTypes from "prop-types";
-import "../scss/alphabet.scss";
-export var Alphabet = function Alphabet(props) {
-  var children = props.children,
-      className = props.className,
-      id = props.id,
-      chunky = props.chunky,
-      attrs = _objectWithoutPropertiesLoose(props, _excluded);
-
-  var chunkyChild = function chunkyChild(child) {
-    return /*#__PURE__*/isValidElement(child) ? /*#__PURE__*/cloneElement(child, {
-      chunky: true
-    }) : child;
-  };
-
-  return /*#__PURE__*/React.createElement("ol", _extends({
-    className: ["alphabet " + (chunky ? "alphabet--chunky" : ""), className].join(" "),
-    id: id || "a-to-z"
-  }, attrs), chunky ? Children.map(children, function (child) {
-    return chunkyChild(child);
-  }) : children);
-};
-Alphabet.propTypes = {
-  id: PropTypes.string,
-  children: PropTypes.node.isRequired,
-  chunky: PropTypes.bool,
-  className: PropTypes.string
-};
-export var Letter = function Letter(props) {
-  var children = props.children,
-      label = props.label,
-      to = props.to,
-      chunky = props.chunky,
-      elementType = props.elementType,
-      attrs = _objectWithoutPropertiesLoose(props, _excluded2);
-
-  var body;
-
-  if (!to) {
-    // No link
-    body = /*#__PURE__*/React.createElement("span", {
-      "aria-label": label
-    }, children);
-  } else if (to[0] === "#") {
-    // Link to an id on the same page
-    body = /*#__PURE__*/React.createElement("a", {
-      href: to,
-      "aria-label": label
-    }, children);
-  } else {
-    // Link to somewhere else!
-    body = /*#__PURE__*/React.createElement(Link, {
-      elementType: elementType,
-      ariaLabel: label,
-      destination: to,
-      text: children
-    });
-  }
-
-  return /*#__PURE__*/React.createElement("li", _extends({
-    className: "alphabet__letter " + (chunky ? "alphabet__letter--chunky" : "")
-  }, attrs), body);
-};
-Letter.propTypes = {
-  children: PropTypes.node.isRequired,
-  chunky: PropTypes.bool,
-  label: PropTypes.string,
-  to: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  elementType: PropTypes.elementType
-};
-
-var Link = function Link(_ref) {
-  var _linkProps;
-
-  var text = _ref.text,
-      destination = _ref.destination,
-      _ref$elementType = _ref.elementType,
-      ElementType = _ref$elementType === void 0 ? "a" : _ref$elementType,
-      method = _ref.method,
-      ariaLabel = _ref.ariaLabel;
-  var linkProps = (_linkProps = {
-    className: "alphabet__link"
-  }, _linkProps[method || ElementType === "a" && "href" || "to"] = destination, _linkProps);
-  return /*#__PURE__*/React.createElement(ElementType, _extends({
-    "aria-label": ariaLabel
-  }, linkProps), text);
-};
-
-Link.propTypes = {
-  text: PropTypes.string,
-  destination: PropTypes.string,
-  elementType: PropTypes.elementType,
-  method: PropTypes.string,
-  ariaLabel: PropTypes.string
-};
-//# sourceMappingURL=Alphabet.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.Letter = exports.Alphabet = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+require("../scss/alphabet.scss");
+const Alphabet = (props) => {
+    const { children, className, id, chunky } = props, attrs = __rest(props, ["children", "className", "id", "chunky"]);
+    const chunkyChild = (child) => {
+        return (0, react_1.isValidElement)(child)
+            ? (0, react_1.cloneElement)(child, { chunky: true })
+            : child;
+    };
+    return ((0, jsx_runtime_1.jsx)("ol", Object.assign({ className: [
+            `alphabet ${chunky ? "alphabet--chunky" : ""}`,
+            className
+        ].join(" "), id: id || "a-to-z" }, attrs, { children: chunky
+            ? react_1.Children.map(children, (child) => chunkyChild(child))
+            : children })));
+};
+exports.Alphabet = Alphabet;
+const Letter = (props) => {
+    const { children, label, to, chunky, elementType } = props, attrs = __rest(props, ["children", "label", "to", "chunky", "elementType"]);
+    let body;
+    if (!to) {
+        // No link
+        body = (0, jsx_runtime_1.jsx)("span", Object.assign({ "aria-label": label }, { children: children }));
+    }
+    else if (to[0] === "#") {
+        // Link to an id on the same page
+        body = ((0, jsx_runtime_1.jsx)("a", Object.assign({ href: to, "aria-label": label }, { children: children })));
+    }
+    else {
+        // Link to somewhere else!
+        const linkLabel = label || "";
+        body = ((0, jsx_runtime_1.jsx)(Link, { elementType: elementType, ariaLabel: linkLabel, destination: to, text: children }));
+    }
+    return ((0, jsx_runtime_1.jsx)("li", Object.assign({ className: `alphabet__letter ${chunky ? "alphabet__letter--chunky" : ""}` }, attrs, { children: body })));
+};
+exports.Letter = Letter;
+const Link = ({ text, destination, elementType: ElementType = "a", method, ariaLabel }) => {
+    let linkProps = {
+        className: "alphabet__link",
+        [method || (ElementType === "a" && "href") || "to"]: destination
+    };
+    return ((0, jsx_runtime_1.jsx)(ElementType, Object.assign({ "aria-label": ariaLabel }, linkProps, { children: text })));
+};

package/es/Alphabet.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alphabet.js","names":["React","Children","isValidElement","cloneElement","PropTypes","Alphabet","props","children","className","id","chunky","attrs","chunkyChild","child","join","map","propTypes","string","node","isRequired","bool","Letter","label","to","elementType","body","oneOfType","Link","text","destination","ElementType","method","ariaLabel","linkProps"],"sources":["../src/Alphabet.js"],"sourcesContent":["import React, { Children, isValidElement, cloneElement } from \"react\";\nimport PropTypes from \"prop-types\";\nimport \"../scss/alphabet.scss\";\n\nexport const Alphabet = (props) => {\n\tconst { children, className, id, chunky, ...attrs } = props;\n\n\tconst chunkyChild = (child) => {\n\t\treturn isValidElement(child)\n\t\t\t? cloneElement(child, { chunky: true })\n\t\t\t: child;\n\t};\n\n\treturn (\n\t\t<ol\n\t\t\tclassName={[\n\t\t\t\t`alphabet ${chunky ? \"alphabet--chunky\" : \"\"}`,\n\t\t\t\tclassName\n\t\t\t].join(\" \")}\n\t\t\tid={id || \"a-to-z\"}\n\t\t\t{...attrs}\n\t\t>\n\t\t\t{chunky\n\t\t\t\t? Children.map(children, (child) => chunkyChild(child))\n\t\t\t\t: children}\n\t\t</ol>\n\t);\n};\n\nAlphabet.propTypes = {\n\tid: PropTypes.string,\n\tchildren: PropTypes.node.isRequired,\n\tchunky: PropTypes.bool,\n\tclassName: PropTypes.string\n};\n\nexport const Letter = (props) => {\n\tconst { children, label, to, chunky, elementType, ...attrs } = props;\n\n\tlet body;\n\n\tif (!to) {\n\t\t// No link\n\t\tbody = <span aria-label={label}>{children}</span>;\n\t} else if (to[0] === \"#\") {\n\t\t// Link to an id on the same page\n\t\tbody = (\n\t\t\t<a href={to} aria-label={label}>\n\t\t\t\t{children}\n\t\t\t</a>\n\t\t);\n\t} else {\n\t\t// Link to somewhere else!\n\t\tbody = (\n\t\t\t<Link\n\t\t\t\telementType={elementType}\n\t\t\t\tariaLabel={label}\n\t\t\t\tdestination={to}\n\t\t\t\ttext={children}\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<li\n\t\t\tclassName={`alphabet__letter ${chunky ? \"alphabet__letter--chunky\" : \"\"}`}\n\t\t\t{...attrs}\n\t\t>\n\t\t\t{body}\n\t\t</li>\n\t);\n};\n\nLetter.propTypes = {\n\tchildren: PropTypes.node.isRequired,\n\tchunky: PropTypes.bool,\n\tlabel: PropTypes.string,\n\tto: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\telementType: PropTypes.elementType\n};\n\nconst Link = ({\n\ttext,\n\tdestination,\n\telementType: ElementType = \"a\",\n\tmethod,\n\tariaLabel\n}) => {\n\tlet linkProps = {\n\t\tclassName: \"alphabet__link\",\n\t\t[method || (ElementType === \"a\" && \"href\") || \"to\"]: destination\n\t};\n\n\treturn (\n\t\t<ElementType aria-label={ariaLabel} {...linkProps}>\n\t\t\t{text}\n\t\t</ElementType>\n\t);\n};\n\nLink.propTypes = {\n\ttext: PropTypes.string,\n\tdestination: PropTypes.string,\n\telementType: PropTypes.elementType,\n\tmethod: PropTypes.string,\n\tariaLabel: PropTypes.string\n};\n"],"mappings":"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"}
+{"version":3,"file":"Alphabet.js","names":["React","Children","isValidElement","cloneElement","PropTypes","Alphabet","props","children","className","id","chunky","attrs","chunkyChild","child","join","map","propTypes","string","node","isRequired","bool","Letter","label","to","elementType","body","oneOfType","Link","text","destination","ElementType","method","ariaLabel","linkProps"],"sources":["../src/Alphabet.js"],"sourcesContent":["import React, { Children, isValidElement, cloneElement } from \"react\";\nimport PropTypes from \"prop-types\";\nimport \"../scss/alphabet.scss\";\n\nexport const Alphabet = (props) => {\n\tconst { children, className, id, chunky, ...attrs } = props;\n\n\tconst chunkyChild = (child) => {\n\t\treturn isValidElement(child)\n\t\t\t? cloneElement(child, { chunky: true })\n\t\t\t: child;\n\t};\n\n\treturn (\n\t\t<ol\n\t\t\tclassName={[\n\t\t\t\t`alphabet ${chunky ? \"alphabet--chunky\" : \"\"}`,\n\t\t\t\tclassName\n\t\t\t].join(\" \")}\n\t\t\tid={id || \"a-to-z\"}\n\t\t\t{...attrs}\n\t\t>\n\t\t\t{chunky\n\t\t\t\t? Children.map(children, (child) => chunkyChild(child))\n\t\t\t\t: children}\n\t\t</ol>\n\t);\n};\n\nAlphabet.propTypes = {\n\tid: PropTypes.string,\n\tchildren: PropTypes.node.isRequired,\n\tchunky: PropTypes.bool,\n\tclassName: PropTypes.string\n};\n\nexport const Letter = (props) => {\n\tconst { children, label, to, chunky, elementType, ...attrs } = props;\n\n\tlet body;\n\n\tif (!to) {\n\t\t// No link\n\t\tbody = <span aria-label={label}>{children}</span>;\n\t} else if (to[0] === \"#\") {\n\t\t// Link to an id on the same page\n\t\tbody = (\n\t\t\t<a href={to} aria-label={label}>\n\t\t\t\t{children}\n\t\t\t</a>\n\t\t);\n\t} else {\n\t\t// Link to somewhere else!\n\t\tbody = (\n\t\t\t<Link\n\t\t\t\telementType={elementType}\n\t\t\t\tariaLabel={label}\n\t\t\t\tdestination={to}\n\t\t\t\ttext={children}\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<li\n\t\t\tclassName={`alphabet__letter ${chunky ? \"alphabet__letter--chunky\" : \"\"}`}\n\t\t\t{...attrs}\n\t\t>\n\t\t\t{body}\n\t\t</li>\n\t);\n};\n\nLetter.propTypes = {\n\tchildren: PropTypes.node.isRequired,\n\tchunky: PropTypes.bool,\n\tlabel: PropTypes.string,\n\tto: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\telementType: PropTypes.elementType\n};\n\nconst Link = ({\n\ttext,\n\tdestination,\n\telementType: ElementType = \"a\",\n\tmethod,\n\tariaLabel\n}) => {\n\tlet linkProps = {\n\t\tclassName: \"alphabet__link\",\n\t\t[method || (ElementType === \"a\" && \"href\") || \"to\"]: destination\n\t};\n\n\treturn (\n\t\t<ElementType aria-label={ariaLabel} {...linkProps}>\n\t\t\t{text}\n\t\t</ElementType>\n\t);\n};\n\nLink.propTypes = {\n\ttext: PropTypes.string,\n\tdestination: PropTypes.string,\n\telementType: PropTypes.elementType,\n\tmethod: PropTypes.string,\n\tariaLabel: PropTypes.string\n};\n"],"mappings":"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"}

package/es/Alphabet.test.d.ts

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

package/es/Alphabet.test.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const Alphabet_1 = require("./Alphabet");
+describe("Alphabet", () => {
+    const allLetters = "abcdefghijklmnopqrstuvwxyz".split("");
+    const letterElements = allLetters.map((letter) => ((0, jsx_runtime_1.jsx)(Alphabet_1.Letter, Object.assign({ to: `#${letter}`, label: `Letter ${letter}` }, { children: letter.toUpperCase() }), letter)));
+    it("should match snapshot", () => {
+        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Alphabet_1.Alphabet, { children: letterElements }));
+        expect(wrapper).toMatchSnapshot();
+    });
+    it("should add a class of 'alphabet' to the default variant", () => {
+        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Alphabet_1.Alphabet, { children: letterElements }));
+        expect(wrapper.getByRole("list")).toHaveClass("alphabet");
+    });
+    it("should add a custom class when one is specified", () => {
+        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Alphabet_1.Alphabet, Object.assign({ className: "test-class" }, { children: letterElements })));
+        expect(wrapper.getByRole("list")).toHaveClass("test-class");
+    });
+    it("should add a class of 'alphabet--chunky' to the chunky variant", () => {
+        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Alphabet_1.Alphabet, Object.assign({ chunky: true }, { children: letterElements })));
+        expect(wrapper.getByRole("list")).toHaveClass("alphabet--chunky");
+    });
+    it("should render a child component for each letter of the alphabet", () => {
+        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Alphabet_1.Alphabet, { children: letterElements }));
+        expect(wrapper.getByRole("list").children.length).toBe(allLetters.length);
+    });
+    it("should render chunky child components when the chunky variant is specified on the parent", () => {
+        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Alphabet_1.Alphabet, Object.assign({ chunky: true }, { children: letterElements })));
+        expect(wrapper.getAllByRole("listitem")[0]).toHaveClass("alphabet__letter alphabet__letter--chunky");
+    });
+    it("should append className prop to rendered class attribute", () => {
+        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Alphabet_1.Alphabet, Object.assign({ className: "test" }, { children: letterElements })));
+        expect(wrapper.getByRole("list")).toHaveClass("test");
+    });
+    it("should render additional props as attributes", () => {
+        const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(Alphabet_1.Alphabet, Object.assign({ "aria-label": "hello" }, { children: letterElements })));
+        expect(wrapper.getByRole("list").getAttribute("aria-label")).toBe("hello");
+    });
+});

package/es/__tests__/nds-alphabet.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"nds-alphabet.test.js","names":["React","shallow","Alphabet","Letter","describe","allLetters","split","letterElements","map","letter","toUpperCase","it","wrapper","expect","toHaveLength","hasClass","toEqual","children","length","childAt","render","prop"],"sources":["../../src/__tests__/nds-alphabet.test.js"],"sourcesContent":["\"use strict\";\n\nimport React from \"react\";\nimport { shallow } from \"enzyme\";\nimport { Alphabet, Letter } from \"../Alphabet\";\n\ndescribe(\"Alphabet\", () => {\n\tconst allLetters = \"abcdefghijklmnopqrstuvwxyz\".split(\"\");\n\tconst letterElements = allLetters.map((letter) => (\n\t\t<Letter key={letter} to={`#${letter}`} label={`Letter ${letter}`}>\n\t\t\t{letter.toUpperCase()}\n\t\t</Letter>\n\t));\n\n\tit(\"should render without crashing\", () => {\n\t\tconst wrapper = shallow(<Alphabet>{letterElements}</Alphabet>);\n\t\texpect(wrapper).toHaveLength(1);\n\t});\n\n\tit(\"should add a class of 'alphabet' to the default variant\", () => {\n\t\tconst wrapper = shallow(<Alphabet>{letterElements}</Alphabet>);\n\t\texpect(wrapper.hasClass(\"alphabet\")).toEqual(true);\n\t});\n\n\tit(\"should add a custom class when one is specified\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<Alphabet className=\"test-class\">{letterElements}</Alphabet>\n\t\t);\n\t\texpect(wrapper.hasClass(\"test-class\")).toEqual(true);\n\t});\n\n\tit(\"should add a class of 'alphabet--chunky' to the chunky variant\", () => {\n\t\tconst wrapper = shallow(<Alphabet chunky>{letterElements}</Alphabet>);\n\t\texpect(wrapper.hasClass(\"alphabet--chunky\")).toEqual(true);\n\t});\n\n\tit(\"should render a child component for each letter of the alphabet\", () => {\n\t\tconst wrapper = shallow(<Alphabet>{letterElements}</Alphabet>);\n\t\texpect(wrapper.children()).toHaveLength(allLetters.length);\n\t});\n\n\tit(\"should render chunky child components when the chunky variant is specified on the parent\", () => {\n\t\tconst wrapper = shallow(<Alphabet chunky>{letterElements}</Alphabet>);\n\t\texpect(\n\t\t\twrapper\n\t\t\t\t.childAt(0)\n\t\t\t\t.render() //  Used here due to this issue: https://github.com/enzymejs/enzyme/issues/1177#issuecomment-332717606\n\t\t\t\t.hasClass(\"alphabet__letter alphabet__letter--chunky\")\n\t\t).toEqual(true);\n\t});\n\n\tit(\"should append className prop to rendered class attribute\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<Alphabet className=\"test\">{letterElements}</Alphabet>\n\t\t);\n\t\texpect(wrapper.hasClass(\"test\")).toEqual(true);\n\t});\n\n\tit(\"should render additional props as attributes\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<Alphabet aria-label=\"hello\">{letterElements}</Alphabet>\n\t\t);\n\t\texpect(wrapper.prop(\"aria-label\")).toEqual(\"hello\");\n\t});\n});\n"],"mappings":"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"}
+{"version":3,"file":"nds-alphabet.test.js","names":["React","shallow","Alphabet","Letter","describe","allLetters","split","letterElements","map","letter","toUpperCase","it","wrapper","expect","toHaveLength","hasClass","toEqual","children","length","childAt","render","prop"],"sources":["../../src/__tests__/nds-alphabet.test.js"],"sourcesContent":["\"use strict\";\n\nimport React from \"react\";\nimport { shallow } from \"enzyme\";\nimport { Alphabet, Letter } from \"../Alphabet\";\n\ndescribe(\"Alphabet\", () => {\n\tconst allLetters = \"abcdefghijklmnopqrstuvwxyz\".split(\"\");\n\tconst letterElements = allLetters.map((letter) => (\n\t\t<Letter key={letter} to={`#${letter}`} label={`Letter ${letter}`}>\n\t\t\t{letter.toUpperCase()}\n\t\t</Letter>\n\t));\n\n\tit(\"should render without crashing\", () => {\n\t\tconst wrapper = shallow(<Alphabet>{letterElements}</Alphabet>);\n\t\texpect(wrapper).toHaveLength(1);\n\t});\n\n\tit(\"should add a class of 'alphabet' to the default variant\", () => {\n\t\tconst wrapper = shallow(<Alphabet>{letterElements}</Alphabet>);\n\t\texpect(wrapper.hasClass(\"alphabet\")).toEqual(true);\n\t});\n\n\tit(\"should add a custom class when one is specified\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<Alphabet className=\"test-class\">{letterElements}</Alphabet>\n\t\t);\n\t\texpect(wrapper.hasClass(\"test-class\")).toEqual(true);\n\t});\n\n\tit(\"should add a class of 'alphabet--chunky' to the chunky variant\", () => {\n\t\tconst wrapper = shallow(<Alphabet chunky>{letterElements}</Alphabet>);\n\t\texpect(wrapper.hasClass(\"alphabet--chunky\")).toEqual(true);\n\t});\n\n\tit(\"should render a child component for each letter of the alphabet\", () => {\n\t\tconst wrapper = shallow(<Alphabet>{letterElements}</Alphabet>);\n\t\texpect(wrapper.children()).toHaveLength(allLetters.length);\n\t});\n\n\tit(\"should render chunky child components when the chunky variant is specified on the parent\", () => {\n\t\tconst wrapper = shallow(<Alphabet chunky>{letterElements}</Alphabet>);\n\t\texpect(\n\t\t\twrapper\n\t\t\t\t.childAt(0)\n\t\t\t\t.render() //  Used here due to this issue: https://github.com/enzymejs/enzyme/issues/1177#issuecomment-332717606\n\t\t\t\t.hasClass(\"alphabet__letter alphabet__letter--chunky\")\n\t\t).toEqual(true);\n\t});\n\n\tit(\"should append className prop to rendered class attribute\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<Alphabet className=\"test\">{letterElements}</Alphabet>\n\t\t);\n\t\texpect(wrapper.hasClass(\"test\")).toEqual(true);\n\t});\n\n\tit(\"should render additional props as attributes\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<Alphabet aria-label=\"hello\">{letterElements}</Alphabet>\n\t\t);\n\t\texpect(wrapper.prop(\"aria-label\")).toEqual(\"hello\");\n\t});\n});\n"],"mappings":"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"}

package/package.json

@@ -1,41 +1,45 @@
 {
-  "name": "@nice-digital/nds-alphabet",
-  "version": "2.0.2",
-  "description": "Alphabet component for the NICE Design System",
-  "main": "lib/Alphabet.js",
-  "module": "es/Alphabet.js",
-  "style": "scss/alphabet.js",
-  "types": "nds-alphabet.d.ts",
-  "files": [
-    "lib",
-    "es",
-    "scss",
-    "*.d.ts"
-  ],
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/",
-    "access": "public"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/nice-digital/nice-design-system.git"
-  },
-  "scripts": {
-    "test": "echo \"Error: run tests from root\" && exit 1"
-  },
-  "bugs": {
-    "url": "https://github.com/nice-digital/nice-design-system/issues"
-  },
-  "keywords": [
-    "alphabet",
-    "a to z"
-  ],
-  "author": "Chris Barker <chris.barker@nice.org.uk>",
-  "homepage": "https://design-system.nice.org.uk/",
-  "license": "MIT",
-  "dependencies": {
-    "@nice-digital/nds-core": "^3.0.2",
-    "prop-types": "^15.8.1"
-  },
-  "gitHead": "88329347c4985509b2347ecc27daec0a33aef607"
+	"name": "@nice-digital/nds-alphabet",
+	"version": "3.0.0-alpha.0",
+	"description": "Alphabet component for the NICE Design System",
+	"main": "es/Alphabet.js",
+	"style": "scss/alphabet.js",
+	"files": [
+		"es",
+		"scss",
+		"*.d.ts"
+	],
+	"publishConfig": {
+		"registry": "https://registry.npmjs.org/",
+		"access": "public"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/nice-digital/nice-design-system.git"
+	},
+	"scripts": {
+		"test": "echo \"Error: run tests from root\" && exit 1"
+	},
+	"bugs": {
+		"url": "https://github.com/nice-digital/nice-design-system/issues"
+	},
+	"keywords": [
+		"alphabet",
+		"a to z"
+	],
+	"author": "Chris Barker <chris.barker@nice.org.uk>",
+	"homepage": "https://design-system.nice.org.uk/",
+	"license": "MIT",
+	"dependencies": {
+		"@nice-digital/nds-core": "^4.0.0-alpha.0"
+	},
+	"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"
+	},
+	"gitHead": "e225e0b15723013fb3df7309d197590a09cc2ea7"
 }

package/lib/Alphabet.js

@@ -1,164 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.Letter = exports.Alphabet = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-require("../scss/alphabet.scss");
-
-var _excluded = ["children", "className", "id", "chunky"],
-    _excluded2 = ["children", "label", "to", "chunky", "elementType"];
-
-var _jsxFileName = "C:\\dev\\nice-design-system\\components\\nds-alphabet\\src\\Alphabet.js",
-    _this = void 0;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var Alphabet = function Alphabet(props) {
-  var children = props.children,
-      className = props.className,
-      id = props.id,
-      chunky = props.chunky,
-      attrs = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
-
-  var chunkyChild = function chunkyChild(child) {
-    return /*#__PURE__*/(0, _react.isValidElement)(child) ? /*#__PURE__*/(0, _react.cloneElement)(child, {
-      chunky: true
-    }) : child;
-  };
-
-  return /*#__PURE__*/_react["default"].createElement("ol", (0, _extends2["default"])({
-    className: ["alphabet " + (chunky ? "alphabet--chunky" : ""), className].join(" "),
-    id: id || "a-to-z"
-  }, attrs, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 15,
-      columnNumber: 3
-    }
-  }), chunky ? _react.Children.map(children, function (child) {
-    return chunkyChild(child);
-  }) : children);
-};
-
-exports.Alphabet = Alphabet;
-Alphabet.propTypes = {
-  id: _propTypes["default"].string,
-  children: _propTypes["default"].node.isRequired,
-  chunky: _propTypes["default"].bool,
-  className: _propTypes["default"].string
-};
-
-var Letter = function Letter(props) {
-  var children = props.children,
-      label = props.label,
-      to = props.to,
-      chunky = props.chunky,
-      elementType = props.elementType,
-      attrs = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded2);
-  var body;
-
-  if (!to) {
-    // No link
-    body = /*#__PURE__*/_react["default"].createElement("span", {
-      "aria-label": label,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 44,
-        columnNumber: 10
-      }
-    }, children);
-  } else if (to[0] === "#") {
-    // Link to an id on the same page
-    body = /*#__PURE__*/_react["default"].createElement("a", {
-      href: to,
-      "aria-label": label,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 48,
-        columnNumber: 4
-      }
-    }, children);
-  } else {
-    // Link to somewhere else!
-    body = /*#__PURE__*/_react["default"].createElement(Link, {
-      elementType: elementType,
-      ariaLabel: label,
-      destination: to,
-      text: children,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 55,
-        columnNumber: 4
-      }
-    });
-  }
-
-  return /*#__PURE__*/_react["default"].createElement("li", (0, _extends2["default"])({
-    className: "alphabet__letter " + (chunky ? "alphabet__letter--chunky" : "")
-  }, attrs, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 65,
-      columnNumber: 3
-    }
-  }), body);
-};
-
-exports.Letter = Letter;
-Letter.propTypes = {
-  children: _propTypes["default"].node.isRequired,
-  chunky: _propTypes["default"].bool,
-  label: _propTypes["default"].string,
-  to: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].bool]),
-  elementType: _propTypes["default"].elementType
-};
-
-var Link = function Link(_ref) {
-  var _linkProps;
-
-  var text = _ref.text,
-      destination = _ref.destination,
-      _ref$elementType = _ref.elementType,
-      ElementType = _ref$elementType === void 0 ? "a" : _ref$elementType,
-      method = _ref.method,
-      ariaLabel = _ref.ariaLabel;
-  var linkProps = (_linkProps = {
-    className: "alphabet__link"
-  }, _linkProps[method || ElementType === "a" && "href" || "to"] = destination, _linkProps);
-  return /*#__PURE__*/_react["default"].createElement(ElementType, (0, _extends2["default"])({
-    "aria-label": ariaLabel
-  }, linkProps, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 95,
-      columnNumber: 3
-    }
-  }), text);
-};
-
-Link.propTypes = {
-  text: _propTypes["default"].string,
-  destination: _propTypes["default"].string,
-  elementType: _propTypes["default"].elementType,
-  method: _propTypes["default"].string,
-  ariaLabel: _propTypes["default"].string
-};
-//# sourceMappingURL=Alphabet.js.map

package/lib/Alphabet.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alphabet.js","names":["Alphabet","props","children","className","id","chunky","attrs","chunkyChild","child","isValidElement","cloneElement","join","Children","map","propTypes","PropTypes","string","node","isRequired","bool","Letter","label","to","elementType","body","oneOfType","Link","text","destination","ElementType","method","ariaLabel","linkProps"],"sources":["../src/Alphabet.js"],"sourcesContent":["import React, { Children, isValidElement, cloneElement } from \"react\";\nimport PropTypes from \"prop-types\";\nimport \"../scss/alphabet.scss\";\n\nexport const Alphabet = (props) => {\n\tconst { children, className, id, chunky, ...attrs } = props;\n\n\tconst chunkyChild = (child) => {\n\t\treturn isValidElement(child)\n\t\t\t? cloneElement(child, { chunky: true })\n\t\t\t: child;\n\t};\n\n\treturn (\n\t\t<ol\n\t\t\tclassName={[\n\t\t\t\t`alphabet ${chunky ? \"alphabet--chunky\" : \"\"}`,\n\t\t\t\tclassName\n\t\t\t].join(\" \")}\n\t\t\tid={id || \"a-to-z\"}\n\t\t\t{...attrs}\n\t\t>\n\t\t\t{chunky\n\t\t\t\t? Children.map(children, (child) => chunkyChild(child))\n\t\t\t\t: children}\n\t\t</ol>\n\t);\n};\n\nAlphabet.propTypes = {\n\tid: PropTypes.string,\n\tchildren: PropTypes.node.isRequired,\n\tchunky: PropTypes.bool,\n\tclassName: PropTypes.string\n};\n\nexport const Letter = (props) => {\n\tconst { children, label, to, chunky, elementType, ...attrs } = props;\n\n\tlet body;\n\n\tif (!to) {\n\t\t// No link\n\t\tbody = <span aria-label={label}>{children}</span>;\n\t} else if (to[0] === \"#\") {\n\t\t// Link to an id on the same page\n\t\tbody = (\n\t\t\t<a href={to} aria-label={label}>\n\t\t\t\t{children}\n\t\t\t</a>\n\t\t);\n\t} else {\n\t\t// Link to somewhere else!\n\t\tbody = (\n\t\t\t<Link\n\t\t\t\telementType={elementType}\n\t\t\t\tariaLabel={label}\n\t\t\t\tdestination={to}\n\t\t\t\ttext={children}\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<li\n\t\t\tclassName={`alphabet__letter ${chunky ? \"alphabet__letter--chunky\" : \"\"}`}\n\t\t\t{...attrs}\n\t\t>\n\t\t\t{body}\n\t\t</li>\n\t);\n};\n\nLetter.propTypes = {\n\tchildren: PropTypes.node.isRequired,\n\tchunky: PropTypes.bool,\n\tlabel: PropTypes.string,\n\tto: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\telementType: PropTypes.elementType\n};\n\nconst Link = ({\n\ttext,\n\tdestination,\n\telementType: ElementType = \"a\",\n\tmethod,\n\tariaLabel\n}) => {\n\tlet linkProps = {\n\t\tclassName: \"alphabet__link\",\n\t\t[method || (ElementType === \"a\" && \"href\") || \"to\"]: destination\n\t};\n\n\treturn (\n\t\t<ElementType aria-label={ariaLabel} {...linkProps}>\n\t\t\t{text}\n\t\t</ElementType>\n\t);\n};\n\nLink.propTypes = {\n\ttext: PropTypes.string,\n\tdestination: PropTypes.string,\n\telementType: PropTypes.elementType,\n\tmethod: PropTypes.string,\n\tariaLabel: PropTypes.string\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;AAEO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;EAClC,IAAQC,QAAR,GAAsDD,KAAtD,CAAQC,QAAR;EAAA,IAAkBC,SAAlB,GAAsDF,KAAtD,CAAkBE,SAAlB;EAAA,IAA6BC,EAA7B,GAAsDH,KAAtD,CAA6BG,EAA7B;EAAA,IAAiCC,MAAjC,GAAsDJ,KAAtD,CAAiCI,MAAjC;EAAA,IAA4CC,KAA5C,kDAAsDL,KAAtD;;EAEA,IAAMM,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAW;IAC9B,OAAO,iBAAAC,qBAAA,EAAeD,KAAf,iBACJ,IAAAE,mBAAA,EAAaF,KAAb,EAAoB;MAAEH,MAAM,EAAE;IAAV,CAApB,CADI,GAEJG,KAFH;EAGA,CAJD;;EAMA,oBACC;IACC,SAAS,EAAE,gBACEH,MAAM,GAAG,kBAAH,GAAwB,EADhC,GAEVF,SAFU,EAGTQ,IAHS,CAGJ,GAHI,CADZ;IAKC,EAAE,EAAEP,EAAE,IAAI;EALX,GAMKE,KANL;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,IAQED,MAAM,GACJO,eAAA,CAASC,GAAT,CAAaX,QAAb,EAAuB,UAACM,KAAD;IAAA,OAAWD,WAAW,CAACC,KAAD,CAAtB;EAAA,CAAvB,CADI,GAEJN,QAVJ,CADD;AAcA,CAvBM;;;AAyBPF,QAAQ,CAACc,SAAT,GAAqB;EACpBV,EAAE,EAAEW,qBAAA,CAAUC,MADM;EAEpBd,QAAQ,EAAEa,qBAAA,CAAUE,IAAV,CAAeC,UAFL;EAGpBb,MAAM,EAAEU,qBAAA,CAAUI,IAHE;EAIpBhB,SAAS,EAAEY,qBAAA,CAAUC;AAJD,CAArB;;AAOO,IAAMI,MAAM,GAAG,SAATA,MAAS,CAACnB,KAAD,EAAW;EAChC,IAAQC,QAAR,GAA+DD,KAA/D,CAAQC,QAAR;EAAA,IAAkBmB,KAAlB,GAA+DpB,KAA/D,CAAkBoB,KAAlB;EAAA,IAAyBC,EAAzB,GAA+DrB,KAA/D,CAAyBqB,EAAzB;EAAA,IAA6BjB,MAA7B,GAA+DJ,KAA/D,CAA6BI,MAA7B;EAAA,IAAqCkB,WAArC,GAA+DtB,KAA/D,CAAqCsB,WAArC;EAAA,IAAqDjB,KAArD,kDAA+DL,KAA/D;EAEA,IAAIuB,IAAJ;;EAEA,IAAI,CAACF,EAAL,EAAS;IACR;IACAE,IAAI,gBAAG;MAAM,cAAYH,KAAlB;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GAA0BnB,QAA1B,CAAP;EACA,CAHD,MAGO,IAAIoB,EAAE,CAAC,CAAD,CAAF,KAAU,GAAd,EAAmB;IACzB;IACAE,IAAI,gBACH;MAAG,IAAI,EAAEF,EAAT;MAAa,cAAYD,KAAzB;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GACEnB,QADF,CADD;EAKA,CAPM,MAOA;IACN;IACAsB,IAAI,gBACH,gCAAC,IAAD;MACC,WAAW,EAAED,WADd;MAEC,SAAS,EAAEF,KAFZ;MAGC,WAAW,EAAEC,EAHd;MAIC,IAAI,EAAEpB,QAJP;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EADD;EAQA;;EAED,oBACC;IACC,SAAS,yBAAsBG,MAAM,GAAG,0BAAH,GAAgC,EAA5D;EADV,GAEKC,KAFL;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,IAIEkB,IAJF,CADD;AAQA,CAnCM;;;AAqCPJ,MAAM,CAACN,SAAP,GAAmB;EAClBZ,QAAQ,EAAEa,qBAAA,CAAUE,IAAV,CAAeC,UADP;EAElBb,MAAM,EAAEU,qBAAA,CAAUI,IAFA;EAGlBE,KAAK,EAAEN,qBAAA,CAAUC,MAHC;EAIlBM,EAAE,EAAEP,qBAAA,CAAUU,SAAV,CAAoB,CAACV,qBAAA,CAAUC,MAAX,EAAmBD,qBAAA,CAAUI,IAA7B,CAApB,CAJc;EAKlBI,WAAW,EAAER,qBAAA,CAAUQ;AALL,CAAnB;;AAQA,IAAMG,IAAI,GAAG,SAAPA,IAAO,OAMP;EAAA;;EAAA,IALLC,IAKK,QALLA,IAKK;EAAA,IAJLC,WAIK,QAJLA,WAIK;EAAA,4BAHLL,WAGK;EAAA,IAHQM,WAGR,iCAHsB,GAGtB;EAAA,IAFLC,MAEK,QAFLA,MAEK;EAAA,IADLC,SACK,QADLA,SACK;EACL,IAAIC,SAAS;IACZ7B,SAAS,EAAE;EADC,cAEX2B,MAAM,IAAKD,WAAW,KAAK,GAAhB,IAAuB,MAAlC,IAA6C,IAFlC,IAEyCD,WAFzC,aAAb;EAKA,oBACC,gCAAC,WAAD;IAAa,cAAYG;EAAzB,GAAwCC,SAAxC;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,IACEL,IADF,CADD;AAKA,CAjBD;;AAmBAD,IAAI,CAACZ,SAAL,GAAiB;EAChBa,IAAI,EAAEZ,qBAAA,CAAUC,MADA;EAEhBY,WAAW,EAAEb,qBAAA,CAAUC,MAFP;EAGhBO,WAAW,EAAER,qBAAA,CAAUQ,WAHP;EAIhBO,MAAM,EAAEf,qBAAA,CAAUC,MAJF;EAKhBe,SAAS,EAAEhB,qBAAA,CAAUC;AALL,CAAjB"}

package/lib/__tests__/nds-alphabet.test.js

@@ -1,124 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _Alphabet = require("../Alphabet");
-
-var _jsxFileName = "C:\\dev\\nice-design-system\\components\\nds-alphabet\\src\\__tests__\\nds-alphabet.test.js",
-    _this = void 0;
-
-describe("Alphabet", function () {
-  var allLetters = "abcdefghijklmnopqrstuvwxyz".split("");
-  var letterElements = allLetters.map(function (letter) {
-    return /*#__PURE__*/_react["default"].createElement(_Alphabet.Letter, {
-      key: letter,
-      to: "#" + letter,
-      label: "Letter " + letter,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 10,
-        columnNumber: 3
-      }
-    }, letter.toUpperCase());
-  });
-  it("should render without crashing", function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Alphabet.Alphabet, {
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 16,
-        columnNumber: 27
-      }
-    }, letterElements));
-    expect(wrapper).toHaveLength(1);
-  });
-  it("should add a class of 'alphabet' to the default variant", function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Alphabet.Alphabet, {
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 21,
-        columnNumber: 27
-      }
-    }, letterElements));
-    expect(wrapper.hasClass("alphabet")).toEqual(true);
-  });
-  it("should add a custom class when one is specified", function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Alphabet.Alphabet, {
-      className: "test-class",
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 27,
-        columnNumber: 4
-      }
-    }, letterElements));
-    expect(wrapper.hasClass("test-class")).toEqual(true);
-  });
-  it("should add a class of 'alphabet--chunky' to the chunky variant", function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Alphabet.Alphabet, {
-      chunky: true,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 33,
-        columnNumber: 27
-      }
-    }, letterElements));
-    expect(wrapper.hasClass("alphabet--chunky")).toEqual(true);
-  });
-  it("should render a child component for each letter of the alphabet", function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Alphabet.Alphabet, {
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 38,
-        columnNumber: 27
-      }
-    }, letterElements));
-    expect(wrapper.children()).toHaveLength(allLetters.length);
-  });
-  it("should render chunky child components when the chunky variant is specified on the parent", function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Alphabet.Alphabet, {
-      chunky: true,
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 43,
-        columnNumber: 27
-      }
-    }, letterElements));
-    expect(wrapper.childAt(0).render() //  Used here due to this issue: https://github.com/enzymejs/enzyme/issues/1177#issuecomment-332717606
-    .hasClass("alphabet__letter alphabet__letter--chunky")).toEqual(true);
-  });
-  it("should append className prop to rendered class attribute", function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Alphabet.Alphabet, {
-      className: "test",
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 54,
-        columnNumber: 4
-      }
-    }, letterElements));
-    expect(wrapper.hasClass("test")).toEqual(true);
-  });
-  it("should render additional props as attributes", function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Alphabet.Alphabet, {
-      "aria-label": "hello",
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 61,
-        columnNumber: 4
-      }
-    }, letterElements));
-    expect(wrapper.prop("aria-label")).toEqual("hello");
-  });
-});
-//# sourceMappingURL=nds-alphabet.test.js.map

package/lib/__tests__/nds-alphabet.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nds-alphabet.test.js","names":["describe","allLetters","split","letterElements","map","letter","toUpperCase","it","wrapper","shallow","expect","toHaveLength","hasClass","toEqual","children","length","childAt","render","prop"],"sources":["../../src/__tests__/nds-alphabet.test.js"],"sourcesContent":["\"use strict\";\n\nimport React from \"react\";\nimport { shallow } from \"enzyme\";\nimport { Alphabet, Letter } from \"../Alphabet\";\n\ndescribe(\"Alphabet\", () => {\n\tconst allLetters = \"abcdefghijklmnopqrstuvwxyz\".split(\"\");\n\tconst letterElements = allLetters.map((letter) => (\n\t\t<Letter key={letter} to={`#${letter}`} label={`Letter ${letter}`}>\n\t\t\t{letter.toUpperCase()}\n\t\t</Letter>\n\t));\n\n\tit(\"should render without crashing\", () => {\n\t\tconst wrapper = shallow(<Alphabet>{letterElements}</Alphabet>);\n\t\texpect(wrapper).toHaveLength(1);\n\t});\n\n\tit(\"should add a class of 'alphabet' to the default variant\", () => {\n\t\tconst wrapper = shallow(<Alphabet>{letterElements}</Alphabet>);\n\t\texpect(wrapper.hasClass(\"alphabet\")).toEqual(true);\n\t});\n\n\tit(\"should add a custom class when one is specified\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<Alphabet className=\"test-class\">{letterElements}</Alphabet>\n\t\t);\n\t\texpect(wrapper.hasClass(\"test-class\")).toEqual(true);\n\t});\n\n\tit(\"should add a class of 'alphabet--chunky' to the chunky variant\", () => {\n\t\tconst wrapper = shallow(<Alphabet chunky>{letterElements}</Alphabet>);\n\t\texpect(wrapper.hasClass(\"alphabet--chunky\")).toEqual(true);\n\t});\n\n\tit(\"should render a child component for each letter of the alphabet\", () => {\n\t\tconst wrapper = shallow(<Alphabet>{letterElements}</Alphabet>);\n\t\texpect(wrapper.children()).toHaveLength(allLetters.length);\n\t});\n\n\tit(\"should render chunky child components when the chunky variant is specified on the parent\", () => {\n\t\tconst wrapper = shallow(<Alphabet chunky>{letterElements}</Alphabet>);\n\t\texpect(\n\t\t\twrapper\n\t\t\t\t.childAt(0)\n\t\t\t\t.render() //  Used here due to this issue: https://github.com/enzymejs/enzyme/issues/1177#issuecomment-332717606\n\t\t\t\t.hasClass(\"alphabet__letter alphabet__letter--chunky\")\n\t\t).toEqual(true);\n\t});\n\n\tit(\"should append className prop to rendered class attribute\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<Alphabet className=\"test\">{letterElements}</Alphabet>\n\t\t);\n\t\texpect(wrapper.hasClass(\"test\")).toEqual(true);\n\t});\n\n\tit(\"should render additional props as attributes\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<Alphabet aria-label=\"hello\">{letterElements}</Alphabet>\n\t\t);\n\t\texpect(wrapper.prop(\"aria-label\")).toEqual(\"hello\");\n\t});\n});\n"],"mappings":"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"}

package/nds-alphabet.d.ts

@@ -1,21 +0,0 @@
-declare module "@nice-digital/nds-alphabet" {
-	import React = require("react");
-
-	export interface AlphabetProps {
-		id?: string;
-		children: React.ReactElement<LetterProps>[];
-		chunky?: boolean;
-		[key: string]: unknown;
-	}
-
-	export interface LetterProps {
-		children: React.ReactNode;
-		label?: string;
-		chunky?: boolean;
-		to?: string | false;
-		[key: string]: unknown;
-	}
-
-	export const Alphabet: React.FC<AlphabetProps>;
-	export const Letter: React.FC<LetterProps>;
-}