@nice-digital/nds-a-z-list 3.0.2 → 4.0.1-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/AZList.d.ts +17 -0
- package/es/AZList.js +27 -46
- package/es/AZList.js.map +1 -1
- package/es/AZList.test.d.ts +1 -0
- package/es/AZList.test.js +45 -0
- package/es/__tests__/nds-a-z-list.test.js +0 -3
- package/es/__tests__/nds-a-z-list.test.js.map +1 -1
- package/package.json +43 -39
- package/lib/AZList.js +0 -91
- package/lib/AZList.js.map +0 -1
- package/lib/__tests__/nds-a-z-list.test.js +0 -268
- package/lib/__tests__/nds-a-z-list.test.js.map +0 -1
- package/nds-a-z-list.d.ts +0 -21
package/es/AZList.d.ts
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "../scss/a-z-list.scss";
|
|
3
|
+
export interface AZListProps {
|
|
4
|
+
alphabet: React.ElementType;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
className?: string;
|
|
7
|
+
[prop: string]: unknown;
|
|
8
|
+
}
|
|
9
|
+
export interface AZListItemProps {
|
|
10
|
+
id?: string;
|
|
11
|
+
title: string;
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
className?: string;
|
|
14
|
+
[prop: string]: unknown;
|
|
15
|
+
}
|
|
16
|
+
export declare const AZList: React.FC<AZListProps>;
|
|
17
|
+
export declare const AZListItem: React.FC<AZListItemProps>;
|
package/es/AZList.js
CHANGED
|
@@ -1,46 +1,27 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
children = props.children,
|
|
29
|
-
className = props.className,
|
|
30
|
-
attrs = _objectWithoutPropertiesLoose(props, _excluded2);
|
|
31
|
-
|
|
32
|
-
var itemId = id || title.replace(" ", "").toLowerCase();
|
|
33
|
-
return /*#__PURE__*/React.createElement("li", _extends({
|
|
34
|
-
className: ["a-z-list__item", className].join(" ")
|
|
35
|
-
}, attrs), /*#__PURE__*/React.createElement("h2", {
|
|
36
|
-
className: "a-z-list__item-heading",
|
|
37
|
-
id: itemId
|
|
38
|
-
}, title), children);
|
|
39
|
-
};
|
|
40
|
-
AZListItem.propTypes = {
|
|
41
|
-
id: PropTypes.string,
|
|
42
|
-
title: PropTypes.string.isRequired,
|
|
43
|
-
children: PropTypes.node.isRequired,
|
|
44
|
-
className: PropTypes.string
|
|
45
|
-
};
|
|
46
|
-
//# sourceMappingURL=AZList.js.map
|
|
1
|
+
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
13
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
exports.AZListItem = exports.AZList = void 0;
|
|
15
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
+
require("../scss/a-z-list.scss");
|
|
17
|
+
const AZList = (props) => {
|
|
18
|
+
const { alphabet: Alphabet, children, className } = props, attrs = __rest(props, ["alphabet", "children", "className"]);
|
|
19
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Alphabet, { className: "a-z-list__alphabet" }), (0, jsx_runtime_1.jsx)("ol", Object.assign({ className: ["a-z-list", className].join(" ") }, attrs, { children: children }))] }));
|
|
20
|
+
};
|
|
21
|
+
exports.AZList = AZList;
|
|
22
|
+
const AZListItem = (props) => {
|
|
23
|
+
const { id, title, children, className } = props, attrs = __rest(props, ["id", "title", "children", "className"]);
|
|
24
|
+
const itemId = id || title.replace(" ", "").toLowerCase();
|
|
25
|
+
return ((0, jsx_runtime_1.jsxs)("li", Object.assign({ className: ["a-z-list__item", className].join(" ") }, attrs, { children: [(0, jsx_runtime_1.jsx)("h2", Object.assign({ className: "a-z-list__item-heading", id: itemId }, { children: title })), children] })));
|
|
26
|
+
};
|
|
27
|
+
exports.AZListItem = AZListItem;
|
package/es/AZList.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AZList.js","names":["React","PropTypes","AZList","props","Alphabet","alphabet","children","className","attrs","join","propTypes","elementType","isRequired","node","string","AZListItem","id","title","itemId","replace","toLowerCase"],"sources":["../src/AZList.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport \"../scss/a-z-list.scss\";\n\nexport const AZList = (props) => {\n\tconst { alphabet: Alphabet, children, className, ...attrs } = props;\n\n\treturn (\n\t\t<>\n\t\t\t<Alphabet className=\"a-z-list__alphabet\" />\n\t\t\t<ol className={[\"a-z-list\", className].join(\" \")} {...attrs}>\n\t\t\t\t{children}\n\t\t\t</ol>\n\t\t</>\n\t);\n};\n\nAZList.propTypes = {\n\talphabet: PropTypes.elementType.isRequired,\n\tchildren: PropTypes.node.isRequired,\n\tclassName: PropTypes.string\n};\n\nexport const AZListItem = (props) => {\n\tconst { id, title, children, className, ...attrs } = props;\n\n\tconst itemId = id || title.replace(\" \", \"\").toLowerCase();\n\n\treturn (\n\t\t<li className={[\"a-z-list__item\", className].join(\" \")} {...attrs}>\n\t\t\t<h2 className=\"a-z-list__item-heading\" id={itemId}>\n\t\t\t\t{title}\n\t\t\t</h2>\n\t\t\t{children}\n\t\t</li>\n\t);\n};\n\nAZListItem.propTypes = {\n\tid: PropTypes.string,\n\ttitle: PropTypes.string.isRequired,\n\tchildren: PropTypes.node.isRequired,\n\tclassName: PropTypes.string\n};\n"],"mappings":";;;;AAAA,OAAOA,
|
|
1
|
+
{"version":3,"file":"AZList.js","names":["React","PropTypes","AZList","props","Alphabet","alphabet","children","className","attrs","join","propTypes","elementType","isRequired","node","string","AZListItem","id","title","itemId","replace","toLowerCase"],"sources":["../src/AZList.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport \"../scss/a-z-list.scss\";\n\nexport const AZList = (props) => {\n\tconst { alphabet: Alphabet, children, className, ...attrs } = props;\n\n\treturn (\n\t\t<>\n\t\t\t<Alphabet className=\"a-z-list__alphabet\" />\n\t\t\t<ol className={[\"a-z-list\", className].join(\" \")} {...attrs}>\n\t\t\t\t{children}\n\t\t\t</ol>\n\t\t</>\n\t);\n};\n\nAZList.propTypes = {\n\talphabet: PropTypes.elementType.isRequired,\n\tchildren: PropTypes.node.isRequired,\n\tclassName: PropTypes.string\n};\n\nexport const AZListItem = (props) => {\n\tconst { id, title, children, className, ...attrs } = props;\n\n\tconst itemId = id || title.replace(\" \", \"\").toLowerCase();\n\n\treturn (\n\t\t<li className={[\"a-z-list__item\", className].join(\" \")} {...attrs}>\n\t\t\t<h2 className=\"a-z-list__item-heading\" id={itemId}>\n\t\t\t\t{title}\n\t\t\t</h2>\n\t\t\t{children}\n\t\t</li>\n\t);\n};\n\nAZListItem.propTypes = {\n\tid: PropTypes.string,\n\ttitle: PropTypes.string.isRequired,\n\tchildren: PropTypes.node.isRequired,\n\tclassName: PropTypes.string\n};\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAO,uBAAuB;AAE9B,OAAO,IAAMC,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK,EAAK;EAChC,IAAkBC,QAAQ,GAAoCD,KAAK,CAA3DE,QAAQ;IAAYC,QAAQ,GAA0BH,KAAK,CAAvCG,QAAQ;IAAEC,SAAS,GAAeJ,KAAK,CAA7BI,SAAS;IAAKC,KAAK,iCAAKL,KAAK;EAEnE,oBACC,uDACC,oBAAC,QAAQ;IAAC,SAAS,EAAC;EAAoB,EAAG,eAC3C;IAAI,SAAS,EAAE,CAAC,UAAU,EAAEI,SAAS,CAAC,CAACE,IAAI,CAAC,GAAG;EAAE,GAAKD,KAAK,GACzDF,QAAQ,CACL,CACH;AAEL,CAAC;AAEDJ,MAAM,CAACQ,SAAS,GAAG;EAClBL,QAAQ,EAAEJ,SAAS,CAACU,WAAW,CAACC,UAAU;EAC1CN,QAAQ,EAAEL,SAAS,CAACY,IAAI,CAACD,UAAU;EACnCL,SAAS,EAAEN,SAAS,CAACa;AACtB,CAAC;AAED,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAIZ,KAAK,EAAK;EACpC,IAAQa,EAAE,GAA2Cb,KAAK,CAAlDa,EAAE;IAAEC,KAAK,GAAoCd,KAAK,CAA9Cc,KAAK;IAAEX,QAAQ,GAA0BH,KAAK,CAAvCG,QAAQ;IAAEC,SAAS,GAAeJ,KAAK,CAA7BI,SAAS;IAAKC,KAAK,iCAAKL,KAAK;EAE1D,IAAMe,MAAM,GAAGF,EAAE,IAAIC,KAAK,CAACE,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAACC,WAAW,EAAE;EAEzD,oBACC;IAAI,SAAS,EAAE,CAAC,gBAAgB,EAAEb,SAAS,CAAC,CAACE,IAAI,CAAC,GAAG;EAAE,GAAKD,KAAK,gBAChE;IAAI,SAAS,EAAC,wBAAwB;IAAC,EAAE,EAAEU;EAAO,GAChDD,KAAK,CACF,EACJX,QAAQ,CACL;AAEP,CAAC;AAEDS,UAAU,CAACL,SAAS,GAAG;EACtBM,EAAE,EAAEf,SAAS,CAACa,MAAM;EACpBG,KAAK,EAAEhB,SAAS,CAACa,MAAM,CAACF,UAAU;EAClCN,QAAQ,EAAEL,SAAS,CAACY,IAAI,CAACD,UAAU;EACnCL,SAAS,EAAEN,SAAS,CAACa;AACtB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const react_1 = require("@testing-library/react");
|
|
5
|
+
const AZList_1 = require("./AZList");
|
|
6
|
+
describe("A-Z List", () => {
|
|
7
|
+
const AZListItems = () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("li", { children: "Item one" }), (0, jsx_runtime_1.jsx)("li", { children: "Item two" })] }));
|
|
8
|
+
const mockAlphabet = () => ((0, jsx_runtime_1.jsxs)("ol", Object.assign({ "data-testid": "mock-alphabet" }, { children: [(0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("a", Object.assign({ href: "#a" }, { children: "A" })) }), (0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("a", Object.assign({ href: "#b" }, { children: "B" })) })] })));
|
|
9
|
+
const azListClass = "a-z-list";
|
|
10
|
+
it("should match snapshot with default attributes", () => {
|
|
11
|
+
const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(AZList_1.AZList, Object.assign({ alphabet: mockAlphabet }, { children: (0, jsx_runtime_1.jsx)(AZListItems, {}) })));
|
|
12
|
+
expect(wrapper).toMatchSnapshot();
|
|
13
|
+
});
|
|
14
|
+
it("should match snapshot with custom attributes", () => {
|
|
15
|
+
const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(AZList_1.AZList, Object.assign({ className: "test-class", "aria-label": "test-label", alphabet: mockAlphabet }, { children: (0, jsx_runtime_1.jsx)(AZListItems, {}) })));
|
|
16
|
+
expect(wrapper).toMatchSnapshot();
|
|
17
|
+
});
|
|
18
|
+
it("should render an ordered list component", () => {
|
|
19
|
+
const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(AZList_1.AZList, Object.assign({ alphabet: mockAlphabet }, { children: (0, jsx_runtime_1.jsx)(AZListItems, {}) })));
|
|
20
|
+
const lists = wrapper.getAllByRole("list");
|
|
21
|
+
const azList = lists.find((l) => l.classList.contains(azListClass));
|
|
22
|
+
expect(azList).toBeInTheDocument();
|
|
23
|
+
});
|
|
24
|
+
it("should append className prop to rendered class attribute for the list", () => {
|
|
25
|
+
const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(AZList_1.AZList, Object.assign({ className: "test", alphabet: mockAlphabet }, { children: (0, jsx_runtime_1.jsx)(AZListItems, {}) })));
|
|
26
|
+
const lists = wrapper.getAllByRole("list");
|
|
27
|
+
const azList = lists.find((l) => l.classList.contains(azListClass));
|
|
28
|
+
expect(azList).toHaveClass("test");
|
|
29
|
+
});
|
|
30
|
+
it("should render additional props as attributes for the list", () => {
|
|
31
|
+
const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(AZList_1.AZList, Object.assign({ "aria-label": "test", alphabet: mockAlphabet }, { children: (0, jsx_runtime_1.jsx)(AZListItems, {}) })));
|
|
32
|
+
const lists = wrapper.getAllByRole("list");
|
|
33
|
+
const azList = lists.find((l) => l.classList.contains(azListClass));
|
|
34
|
+
expect(azList === null || azList === void 0 ? void 0 : azList.getAttribute("aria-label")).toBe("test");
|
|
35
|
+
});
|
|
36
|
+
it("should render an alphabet component that has been passed in", () => {
|
|
37
|
+
const wrapper = (0, react_1.render)((0, jsx_runtime_1.jsx)(AZList_1.AZList, Object.assign({ alphabet: mockAlphabet }, { children: (0, jsx_runtime_1.jsx)(AZListItems, {}) })));
|
|
38
|
+
expect(wrapper.getByTestId("mock-alphabet")).toBeInTheDocument();
|
|
39
|
+
});
|
|
40
|
+
it("should render an alphabet component with a custom class", () => {
|
|
41
|
+
const customAlphabet = () => (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "test-class" }, { children: "Alphabet" }));
|
|
42
|
+
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(AZList_1.AZList, Object.assign({ alphabet: customAlphabet }, { children: (0, jsx_runtime_1.jsx)(AZListItems, {}) })));
|
|
43
|
+
expect(container.querySelector(".test-class")).toBeInTheDocument();
|
|
44
|
+
});
|
|
45
|
+
});
|
|
@@ -8,7 +8,6 @@ describe("A-Z List", function () {
|
|
|
8
8
|
var AZListItems = function AZListItems() {
|
|
9
9
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("li", null, "Item one"), /*#__PURE__*/React.createElement("li", null, "Item two"));
|
|
10
10
|
};
|
|
11
|
-
|
|
12
11
|
var mockAlphabet = function mockAlphabet() {
|
|
13
12
|
return /*#__PURE__*/React.createElement("ol", null, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("a", {
|
|
14
13
|
href: "#a"
|
|
@@ -16,7 +15,6 @@ describe("A-Z List", function () {
|
|
|
16
15
|
href: "#b"
|
|
17
16
|
}, "B")));
|
|
18
17
|
};
|
|
19
|
-
|
|
20
18
|
it("should render without crashing", function () {
|
|
21
19
|
var wrapper = shallow( /*#__PURE__*/React.createElement(AZList, {
|
|
22
20
|
alphabet: mockAlphabet
|
|
@@ -78,7 +76,6 @@ describe("A-Z List", function () {
|
|
|
78
76
|
className: "test-class"
|
|
79
77
|
}, "Alphabet");
|
|
80
78
|
};
|
|
81
|
-
|
|
82
79
|
var wrapper = mount( /*#__PURE__*/React.createElement(AZList, {
|
|
83
80
|
alphabet: customAlphabet
|
|
84
81
|
}, /*#__PURE__*/React.createElement(AZListItems, null)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nds-a-z-list.test.js","names":["React","shallow","mount","toJson","AZList","describe","AZListItems","mockAlphabet","it","wrapper","expect","toHaveLength","children","length","toEqual","hasClass","prop","toMatchSnapshot","unmount","find","customAlphabet","childAt"],"sources":["../../src/__tests__/nds-a-z-list.test.js"],"sourcesContent":["\"use strict\";\n\nimport React from \"react\";\nimport { shallow, mount } from \"enzyme\";\nimport toJson from \"enzyme-to-json\";\n\nimport { AZList } from \"../AZList\";\n\ndescribe(\"A-Z List\", () => {\n\tconst AZListItems = () => (\n\t\t<>\n\t\t\t<li>Item one</li>\n\t\t\t<li>Item two</li>\n\t\t</>\n\t);\n\tconst mockAlphabet = () => (\n\t\t<ol>\n\t\t\t<li>\n\t\t\t\t<a href=\"#a\">A</a>\n\t\t\t</li>\n\t\t\t<li>\n\t\t\t\t<a href=\"#b\">B</a>\n\t\t\t</li>\n\t\t</ol>\n\t);\n\n\tit(\"should render without crashing\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<AZList alphabet={mockAlphabet}>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(wrapper).toHaveLength(1);\n\t});\n\n\tit(\"should render an ordered list component\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<AZList alphabet={mockAlphabet}>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(wrapper.children(\"ol\").length).toEqual(1);\n\t});\n\n\tit(\"should render an ordered list with the expected class name\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<AZList alphabet={mockAlphabet}>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(wrapper.children(\"ol\").hasClass(\"a-z-list\")).toEqual(true);\n\t});\n\n\tit(\"should append className prop to rendered class attribute for the list\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<AZList className=\"test\" alphabet={mockAlphabet}>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(wrapper.children(\"ol\").hasClass(\"test\")).toEqual(true);\n\t});\n\n\tit(\"should render additional props as attributes for the list\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<AZList aria-label=\"test\" alphabet={mockAlphabet}>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(wrapper.children(\"ol\").prop(\"aria-label\")).toEqual(\"test\");\n\t});\n\n\tit(\"should match snapshot with default attributes\", () => {\n\t\tconst wrapper = mount(\n\t\t\t<AZList alphabet={mockAlphabet}>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(toJson(wrapper)).toMatchSnapshot();\n\t\twrapper.unmount();\n\t});\n\n\tit(\"should match snapshot with custom attributes\", () => {\n\t\tconst wrapper = mount(\n\t\t\t<AZList\n\t\t\t\tclassName=\"test-class\"\n\t\t\t\taria-label=\"test-label\"\n\t\t\t\talphabet={mockAlphabet}\n\t\t\t>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(toJson(wrapper)).toMatchSnapshot();\n\t\twrapper.unmount();\n\t});\n\n\tit(\"should render an alphabet component that has been passed in\", () => {\n\t\tconst wrapper = mount(\n\t\t\t<AZList alphabet={mockAlphabet}>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(wrapper.find(mockAlphabet)).toHaveLength(1);\n\t\twrapper.unmount();\n\t});\n\n\tit(\"should render an alphabet component with a custom class\", () => {\n\t\tconst customAlphabet = () => <div className=\"test-class\">Alphabet</div>;\n\t\tconst wrapper = mount(\n\t\t\t<AZList alphabet={customAlphabet}>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(\n\t\t\twrapper.find(customAlphabet).childAt(0).hasClass(\"test-class\")\n\t\t).toEqual(true);\n\t\twrapper.unmount();\n\t});\n});\n"],"mappings":"AAAA;;
|
|
1
|
+
{"version":3,"file":"nds-a-z-list.test.js","names":["React","shallow","mount","toJson","AZList","describe","AZListItems","mockAlphabet","it","wrapper","expect","toHaveLength","children","length","toEqual","hasClass","prop","toMatchSnapshot","unmount","find","customAlphabet","childAt"],"sources":["../../src/__tests__/nds-a-z-list.test.js"],"sourcesContent":["\"use strict\";\n\nimport React from \"react\";\nimport { shallow, mount } from \"enzyme\";\nimport toJson from \"enzyme-to-json\";\n\nimport { AZList } from \"../AZList\";\n\ndescribe(\"A-Z List\", () => {\n\tconst AZListItems = () => (\n\t\t<>\n\t\t\t<li>Item one</li>\n\t\t\t<li>Item two</li>\n\t\t</>\n\t);\n\tconst mockAlphabet = () => (\n\t\t<ol>\n\t\t\t<li>\n\t\t\t\t<a href=\"#a\">A</a>\n\t\t\t</li>\n\t\t\t<li>\n\t\t\t\t<a href=\"#b\">B</a>\n\t\t\t</li>\n\t\t</ol>\n\t);\n\n\tit(\"should render without crashing\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<AZList alphabet={mockAlphabet}>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(wrapper).toHaveLength(1);\n\t});\n\n\tit(\"should render an ordered list component\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<AZList alphabet={mockAlphabet}>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(wrapper.children(\"ol\").length).toEqual(1);\n\t});\n\n\tit(\"should render an ordered list with the expected class name\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<AZList alphabet={mockAlphabet}>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(wrapper.children(\"ol\").hasClass(\"a-z-list\")).toEqual(true);\n\t});\n\n\tit(\"should append className prop to rendered class attribute for the list\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<AZList className=\"test\" alphabet={mockAlphabet}>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(wrapper.children(\"ol\").hasClass(\"test\")).toEqual(true);\n\t});\n\n\tit(\"should render additional props as attributes for the list\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<AZList aria-label=\"test\" alphabet={mockAlphabet}>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(wrapper.children(\"ol\").prop(\"aria-label\")).toEqual(\"test\");\n\t});\n\n\tit(\"should match snapshot with default attributes\", () => {\n\t\tconst wrapper = mount(\n\t\t\t<AZList alphabet={mockAlphabet}>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(toJson(wrapper)).toMatchSnapshot();\n\t\twrapper.unmount();\n\t});\n\n\tit(\"should match snapshot with custom attributes\", () => {\n\t\tconst wrapper = mount(\n\t\t\t<AZList\n\t\t\t\tclassName=\"test-class\"\n\t\t\t\taria-label=\"test-label\"\n\t\t\t\talphabet={mockAlphabet}\n\t\t\t>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(toJson(wrapper)).toMatchSnapshot();\n\t\twrapper.unmount();\n\t});\n\n\tit(\"should render an alphabet component that has been passed in\", () => {\n\t\tconst wrapper = mount(\n\t\t\t<AZList alphabet={mockAlphabet}>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(wrapper.find(mockAlphabet)).toHaveLength(1);\n\t\twrapper.unmount();\n\t});\n\n\tit(\"should render an alphabet component with a custom class\", () => {\n\t\tconst customAlphabet = () => <div className=\"test-class\">Alphabet</div>;\n\t\tconst wrapper = mount(\n\t\t\t<AZList alphabet={customAlphabet}>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(\n\t\t\twrapper.find(customAlphabet).childAt(0).hasClass(\"test-class\")\n\t\t).toEqual(true);\n\t\twrapper.unmount();\n\t});\n});\n"],"mappings":"AAAA,YAAY;;AAEZ,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,EAAEC,KAAK,QAAQ,QAAQ;AACvC,OAAOC,MAAM,MAAM,gBAAgB;AAEnC,SAASC,MAAM,QAAQ,WAAW;AAElCC,QAAQ,CAAC,UAAU,EAAE,YAAM;EAC1B,IAAMC,WAAW,GAAG,SAAdA,WAAW;IAAA,oBAChB,uDACC,2CAAiB,eACjB,2CAAiB,CACf;EAAA,CACH;EACD,IAAMC,YAAY,GAAG,SAAfA,YAAY;IAAA,oBACjB,6CACC,6CACC;MAAG,IAAI,EAAC;IAAI,OAAM,CACd,eACL,6CACC;MAAG,IAAI,EAAC;IAAI,OAAM,CACd,CACD;EAAA,CACL;EAEDC,EAAE,CAAC,gCAAgC,EAAE,YAAM;IAC1C,IAAMC,OAAO,GAAGR,OAAO,eACtB,oBAAC,MAAM;MAAC,QAAQ,EAAEM;IAAa,gBAC9B,oBAAC,WAAW,OAAG,CACP,CACT;IACDG,MAAM,CAACD,OAAO,CAAC,CAACE,YAAY,CAAC,CAAC,CAAC;EAChC,CAAC,CAAC;EAEFH,EAAE,CAAC,yCAAyC,EAAE,YAAM;IACnD,IAAMC,OAAO,GAAGR,OAAO,eACtB,oBAAC,MAAM;MAAC,QAAQ,EAAEM;IAAa,gBAC9B,oBAAC,WAAW,OAAG,CACP,CACT;IACDG,MAAM,CAACD,OAAO,CAACG,QAAQ,CAAC,IAAI,CAAC,CAACC,MAAM,CAAC,CAACC,OAAO,CAAC,CAAC,CAAC;EACjD,CAAC,CAAC;EAEFN,EAAE,CAAC,4DAA4D,EAAE,YAAM;IACtE,IAAMC,OAAO,GAAGR,OAAO,eACtB,oBAAC,MAAM;MAAC,QAAQ,EAAEM;IAAa,gBAC9B,oBAAC,WAAW,OAAG,CACP,CACT;IACDG,MAAM,CAACD,OAAO,CAACG,QAAQ,CAAC,IAAI,CAAC,CAACG,QAAQ,CAAC,UAAU,CAAC,CAAC,CAACD,OAAO,CAAC,IAAI,CAAC;EAClE,CAAC,CAAC;EAEFN,EAAE,CAAC,uEAAuE,EAAE,YAAM;IACjF,IAAMC,OAAO,GAAGR,OAAO,eACtB,oBAAC,MAAM;MAAC,SAAS,EAAC,MAAM;MAAC,QAAQ,EAAEM;IAAa,gBAC/C,oBAAC,WAAW,OAAG,CACP,CACT;IACDG,MAAM,CAACD,OAAO,CAACG,QAAQ,CAAC,IAAI,CAAC,CAACG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAACD,OAAO,CAAC,IAAI,CAAC;EAC9D,CAAC,CAAC;EAEFN,EAAE,CAAC,2DAA2D,EAAE,YAAM;IACrE,IAAMC,OAAO,GAAGR,OAAO,eACtB,oBAAC,MAAM;MAAC,cAAW,MAAM;MAAC,QAAQ,EAAEM;IAAa,gBAChD,oBAAC,WAAW,OAAG,CACP,CACT;IACDG,MAAM,CAACD,OAAO,CAACG,QAAQ,CAAC,IAAI,CAAC,CAACI,IAAI,CAAC,YAAY,CAAC,CAAC,CAACF,OAAO,CAAC,MAAM,CAAC;EAClE,CAAC,CAAC;EAEFN,EAAE,CAAC,+CAA+C,EAAE,YAAM;IACzD,IAAMC,OAAO,GAAGP,KAAK,eACpB,oBAAC,MAAM;MAAC,QAAQ,EAAEK;IAAa,gBAC9B,oBAAC,WAAW,OAAG,CACP,CACT;IACDG,MAAM,CAACP,MAAM,CAACM,OAAO,CAAC,CAAC,CAACQ,eAAe,EAAE;IACzCR,OAAO,CAACS,OAAO,EAAE;EAClB,CAAC,CAAC;EAEFV,EAAE,CAAC,8CAA8C,EAAE,YAAM;IACxD,IAAMC,OAAO,GAAGP,KAAK,eACpB,oBAAC,MAAM;MACN,SAAS,EAAC,YAAY;MACtB,cAAW,YAAY;MACvB,QAAQ,EAAEK;IAAa,gBAEvB,oBAAC,WAAW,OAAG,CACP,CACT;IACDG,MAAM,CAACP,MAAM,CAACM,OAAO,CAAC,CAAC,CAACQ,eAAe,EAAE;IACzCR,OAAO,CAACS,OAAO,EAAE;EAClB,CAAC,CAAC;EAEFV,EAAE,CAAC,6DAA6D,EAAE,YAAM;IACvE,IAAMC,OAAO,GAAGP,KAAK,eACpB,oBAAC,MAAM;MAAC,QAAQ,EAAEK;IAAa,gBAC9B,oBAAC,WAAW,OAAG,CACP,CACT;IACDG,MAAM,CAACD,OAAO,CAACU,IAAI,CAACZ,YAAY,CAAC,CAAC,CAACI,YAAY,CAAC,CAAC,CAAC;IAClDF,OAAO,CAACS,OAAO,EAAE;EAClB,CAAC,CAAC;EAEFV,EAAE,CAAC,yDAAyD,EAAE,YAAM;IACnE,IAAMY,cAAc,GAAG,SAAjBA,cAAc;MAAA,oBAAS;QAAK,SAAS,EAAC;MAAY,cAAe;IAAA;IACvE,IAAMX,OAAO,GAAGP,KAAK,eACpB,oBAAC,MAAM;MAAC,QAAQ,EAAEkB;IAAe,gBAChC,oBAAC,WAAW,OAAG,CACP,CACT;IACDV,MAAM,CACLD,OAAO,CAACU,IAAI,CAACC,cAAc,CAAC,CAACC,OAAO,CAAC,CAAC,CAAC,CAACN,QAAQ,CAAC,YAAY,CAAC,CAC9D,CAACD,OAAO,CAAC,IAAI,CAAC;IACfL,OAAO,CAACS,OAAO,EAAE;EAClB,CAAC,CAAC;AACH,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,41 +1,45 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
2
|
+
"name": "@nice-digital/nds-a-z-list",
|
|
3
|
+
"version": "4.0.1-alpha.0",
|
|
4
|
+
"description": "A to Z list component for the NICE Design System",
|
|
5
|
+
"main": "es/AZList.js",
|
|
6
|
+
"style": "scss/a-z-list.js",
|
|
7
|
+
"files": [
|
|
8
|
+
"es",
|
|
9
|
+
"scss",
|
|
10
|
+
"*.d.ts"
|
|
11
|
+
],
|
|
12
|
+
"publishConfig": {
|
|
13
|
+
"registry": "https://registry.npmjs.org/",
|
|
14
|
+
"access": "public"
|
|
15
|
+
},
|
|
16
|
+
"repository": {
|
|
17
|
+
"type": "git",
|
|
18
|
+
"url": "git+https://github.com/nice-digital/nice-design-system.git"
|
|
19
|
+
},
|
|
20
|
+
"scripts": {
|
|
21
|
+
"test": "echo \"Error: run tests from root\" && exit 1"
|
|
22
|
+
},
|
|
23
|
+
"bugs": {
|
|
24
|
+
"url": "https://github.com/nice-digital/nice-design-system/issues"
|
|
25
|
+
},
|
|
26
|
+
"keywords": [
|
|
27
|
+
"a to z",
|
|
28
|
+
"list"
|
|
29
|
+
],
|
|
30
|
+
"author": "Chris Barker <chris.barker@nice.org.uk>",
|
|
31
|
+
"homepage": "https://design-system.nice.org.uk/",
|
|
32
|
+
"license": "MIT",
|
|
33
|
+
"dependencies": {
|
|
34
|
+
"@nice-digital/nds-core": "^4.0.1-alpha.0"
|
|
35
|
+
},
|
|
36
|
+
"devDependencies": {
|
|
37
|
+
"@testing-library/jest-dom": "^5.16.5",
|
|
38
|
+
"@testing-library/react": "^13.4.0",
|
|
39
|
+
"@testing-library/user-event": "^14.4.3",
|
|
40
|
+
"@types/jest": "^29.2.2",
|
|
41
|
+
"@types/node": "^18.11.9",
|
|
42
|
+
"typescript": "^4.8.4"
|
|
43
|
+
},
|
|
44
|
+
"gitHead": "e75957040c9acfbd7eeb164cad724e3b48760679"
|
|
41
45
|
}
|
package/lib/AZList.js
DELETED
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports.AZListItem = exports.AZList = void 0;
|
|
7
|
-
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
|
|
10
|
-
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
11
|
-
|
|
12
|
-
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
|
-
require("../scss/a-z-list.scss");
|
|
17
|
-
|
|
18
|
-
var _excluded = ["alphabet", "children", "className"],
|
|
19
|
-
_excluded2 = ["id", "title", "children", "className"];
|
|
20
|
-
|
|
21
|
-
var _jsxFileName = "C:\\dev\\nice-design-system\\components\\nds-a-z-list\\src\\AZList.js",
|
|
22
|
-
_this = void 0;
|
|
23
|
-
|
|
24
|
-
var AZList = function AZList(props) {
|
|
25
|
-
var Alphabet = props.alphabet,
|
|
26
|
-
children = props.children,
|
|
27
|
-
className = props.className,
|
|
28
|
-
attrs = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
|
|
29
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Alphabet, {
|
|
30
|
-
className: "a-z-list__alphabet",
|
|
31
|
-
__self: _this,
|
|
32
|
-
__source: {
|
|
33
|
-
fileName: _jsxFileName,
|
|
34
|
-
lineNumber: 10,
|
|
35
|
-
columnNumber: 4
|
|
36
|
-
}
|
|
37
|
-
}), /*#__PURE__*/_react["default"].createElement("ol", (0, _extends2["default"])({
|
|
38
|
-
className: ["a-z-list", className].join(" ")
|
|
39
|
-
}, attrs, {
|
|
40
|
-
__self: _this,
|
|
41
|
-
__source: {
|
|
42
|
-
fileName: _jsxFileName,
|
|
43
|
-
lineNumber: 11,
|
|
44
|
-
columnNumber: 4
|
|
45
|
-
}
|
|
46
|
-
}), children));
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
exports.AZList = AZList;
|
|
50
|
-
AZList.propTypes = {
|
|
51
|
-
alphabet: _propTypes["default"].elementType.isRequired,
|
|
52
|
-
children: _propTypes["default"].node.isRequired,
|
|
53
|
-
className: _propTypes["default"].string
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
var AZListItem = function AZListItem(props) {
|
|
57
|
-
var id = props.id,
|
|
58
|
-
title = props.title,
|
|
59
|
-
children = props.children,
|
|
60
|
-
className = props.className,
|
|
61
|
-
attrs = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded2);
|
|
62
|
-
var itemId = id || title.replace(" ", "").toLowerCase();
|
|
63
|
-
return /*#__PURE__*/_react["default"].createElement("li", (0, _extends2["default"])({
|
|
64
|
-
className: ["a-z-list__item", className].join(" ")
|
|
65
|
-
}, attrs, {
|
|
66
|
-
__self: _this,
|
|
67
|
-
__source: {
|
|
68
|
-
fileName: _jsxFileName,
|
|
69
|
-
lineNumber: 30,
|
|
70
|
-
columnNumber: 3
|
|
71
|
-
}
|
|
72
|
-
}), /*#__PURE__*/_react["default"].createElement("h2", {
|
|
73
|
-
className: "a-z-list__item-heading",
|
|
74
|
-
id: itemId,
|
|
75
|
-
__self: _this,
|
|
76
|
-
__source: {
|
|
77
|
-
fileName: _jsxFileName,
|
|
78
|
-
lineNumber: 31,
|
|
79
|
-
columnNumber: 4
|
|
80
|
-
}
|
|
81
|
-
}, title), children);
|
|
82
|
-
};
|
|
83
|
-
|
|
84
|
-
exports.AZListItem = AZListItem;
|
|
85
|
-
AZListItem.propTypes = {
|
|
86
|
-
id: _propTypes["default"].string,
|
|
87
|
-
title: _propTypes["default"].string.isRequired,
|
|
88
|
-
children: _propTypes["default"].node.isRequired,
|
|
89
|
-
className: _propTypes["default"].string
|
|
90
|
-
};
|
|
91
|
-
//# sourceMappingURL=AZList.js.map
|
package/lib/AZList.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AZList.js","names":["AZList","props","Alphabet","alphabet","children","className","attrs","join","propTypes","PropTypes","elementType","isRequired","node","string","AZListItem","id","title","itemId","replace","toLowerCase"],"sources":["../src/AZList.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport \"../scss/a-z-list.scss\";\n\nexport const AZList = (props) => {\n\tconst { alphabet: Alphabet, children, className, ...attrs } = props;\n\n\treturn (\n\t\t<>\n\t\t\t<Alphabet className=\"a-z-list__alphabet\" />\n\t\t\t<ol className={[\"a-z-list\", className].join(\" \")} {...attrs}>\n\t\t\t\t{children}\n\t\t\t</ol>\n\t\t</>\n\t);\n};\n\nAZList.propTypes = {\n\talphabet: PropTypes.elementType.isRequired,\n\tchildren: PropTypes.node.isRequired,\n\tclassName: PropTypes.string\n};\n\nexport const AZListItem = (props) => {\n\tconst { id, title, children, className, ...attrs } = props;\n\n\tconst itemId = id || title.replace(\" \", \"\").toLowerCase();\n\n\treturn (\n\t\t<li className={[\"a-z-list__item\", className].join(\" \")} {...attrs}>\n\t\t\t<h2 className=\"a-z-list__item-heading\" id={itemId}>\n\t\t\t\t{title}\n\t\t\t</h2>\n\t\t\t{children}\n\t\t</li>\n\t);\n};\n\nAZListItem.propTypes = {\n\tid: PropTypes.string,\n\ttitle: PropTypes.string.isRequired,\n\tchildren: PropTypes.node.isRequired,\n\tclassName: PropTypes.string\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAEO,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;EAChC,IAAkBC,QAAlB,GAA8DD,KAA9D,CAAQE,QAAR;EAAA,IAA4BC,QAA5B,GAA8DH,KAA9D,CAA4BG,QAA5B;EAAA,IAAsCC,SAAtC,GAA8DJ,KAA9D,CAAsCI,SAAtC;EAAA,IAAoDC,KAApD,kDAA8DL,KAA9D;EAEA,oBACC,+EACC,gCAAC,QAAD;IAAU,SAAS,EAAC,oBAApB;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EADD,eAEC;IAAI,SAAS,EAAE,CAAC,UAAD,EAAaI,SAAb,EAAwBE,IAAxB,CAA6B,GAA7B;EAAf,GAAsDD,KAAtD;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,IACEF,QADF,CAFD,CADD;AAQA,CAXM;;;AAaPJ,MAAM,CAACQ,SAAP,GAAmB;EAClBL,QAAQ,EAAEM,qBAAA,CAAUC,WAAV,CAAsBC,UADd;EAElBP,QAAQ,EAAEK,qBAAA,CAAUG,IAAV,CAAeD,UAFP;EAGlBN,SAAS,EAAEI,qBAAA,CAAUI;AAHH,CAAnB;;AAMO,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACb,KAAD,EAAW;EACpC,IAAQc,EAAR,GAAqDd,KAArD,CAAQc,EAAR;EAAA,IAAYC,KAAZ,GAAqDf,KAArD,CAAYe,KAAZ;EAAA,IAAmBZ,QAAnB,GAAqDH,KAArD,CAAmBG,QAAnB;EAAA,IAA6BC,SAA7B,GAAqDJ,KAArD,CAA6BI,SAA7B;EAAA,IAA2CC,KAA3C,kDAAqDL,KAArD;EAEA,IAAMgB,MAAM,GAAGF,EAAE,IAAIC,KAAK,CAACE,OAAN,CAAc,GAAd,EAAmB,EAAnB,EAAuBC,WAAvB,EAArB;EAEA,oBACC;IAAI,SAAS,EAAE,CAAC,gBAAD,EAAmBd,SAAnB,EAA8BE,IAA9B,CAAmC,GAAnC;EAAf,GAA4DD,KAA5D;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,iBACC;IAAI,SAAS,EAAC,wBAAd;IAAuC,EAAE,EAAEW,MAA3C;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GACED,KADF,CADD,EAIEZ,QAJF,CADD;AAQA,CAbM;;;AAePU,UAAU,CAACN,SAAX,GAAuB;EACtBO,EAAE,EAAEN,qBAAA,CAAUI,MADQ;EAEtBG,KAAK,EAAEP,qBAAA,CAAUI,MAAV,CAAiBF,UAFF;EAGtBP,QAAQ,EAAEK,qBAAA,CAAUG,IAAV,CAAeD,UAHH;EAItBN,SAAS,EAAEI,qBAAA,CAAUI;AAJC,CAAvB"}
|
|
@@ -1,268 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _react = _interopRequireDefault(require("react"));
|
|
6
|
-
|
|
7
|
-
var _enzyme = require("enzyme");
|
|
8
|
-
|
|
9
|
-
var _enzymeToJson = _interopRequireDefault(require("enzyme-to-json"));
|
|
10
|
-
|
|
11
|
-
var _AZList = require("../AZList");
|
|
12
|
-
|
|
13
|
-
var _jsxFileName = "C:\\dev\\nice-design-system\\components\\nds-a-z-list\\src\\__tests__\\nds-a-z-list.test.js",
|
|
14
|
-
_this = void 0;
|
|
15
|
-
|
|
16
|
-
describe("A-Z List", function () {
|
|
17
|
-
var AZListItems = function AZListItems() {
|
|
18
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("li", {
|
|
19
|
-
__self: _this,
|
|
20
|
-
__source: {
|
|
21
|
-
fileName: _jsxFileName,
|
|
22
|
-
lineNumber: 12,
|
|
23
|
-
columnNumber: 4
|
|
24
|
-
}
|
|
25
|
-
}, "Item one"), /*#__PURE__*/_react["default"].createElement("li", {
|
|
26
|
-
__self: _this,
|
|
27
|
-
__source: {
|
|
28
|
-
fileName: _jsxFileName,
|
|
29
|
-
lineNumber: 13,
|
|
30
|
-
columnNumber: 4
|
|
31
|
-
}
|
|
32
|
-
}, "Item two"));
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
var mockAlphabet = function mockAlphabet() {
|
|
36
|
-
return /*#__PURE__*/_react["default"].createElement("ol", {
|
|
37
|
-
__self: _this,
|
|
38
|
-
__source: {
|
|
39
|
-
fileName: _jsxFileName,
|
|
40
|
-
lineNumber: 17,
|
|
41
|
-
columnNumber: 3
|
|
42
|
-
}
|
|
43
|
-
}, /*#__PURE__*/_react["default"].createElement("li", {
|
|
44
|
-
__self: _this,
|
|
45
|
-
__source: {
|
|
46
|
-
fileName: _jsxFileName,
|
|
47
|
-
lineNumber: 18,
|
|
48
|
-
columnNumber: 4
|
|
49
|
-
}
|
|
50
|
-
}, /*#__PURE__*/_react["default"].createElement("a", {
|
|
51
|
-
href: "#a",
|
|
52
|
-
__self: _this,
|
|
53
|
-
__source: {
|
|
54
|
-
fileName: _jsxFileName,
|
|
55
|
-
lineNumber: 19,
|
|
56
|
-
columnNumber: 5
|
|
57
|
-
}
|
|
58
|
-
}, "A")), /*#__PURE__*/_react["default"].createElement("li", {
|
|
59
|
-
__self: _this,
|
|
60
|
-
__source: {
|
|
61
|
-
fileName: _jsxFileName,
|
|
62
|
-
lineNumber: 21,
|
|
63
|
-
columnNumber: 4
|
|
64
|
-
}
|
|
65
|
-
}, /*#__PURE__*/_react["default"].createElement("a", {
|
|
66
|
-
href: "#b",
|
|
67
|
-
__self: _this,
|
|
68
|
-
__source: {
|
|
69
|
-
fileName: _jsxFileName,
|
|
70
|
-
lineNumber: 22,
|
|
71
|
-
columnNumber: 5
|
|
72
|
-
}
|
|
73
|
-
}, "B")));
|
|
74
|
-
};
|
|
75
|
-
|
|
76
|
-
it("should render without crashing", function () {
|
|
77
|
-
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_AZList.AZList, {
|
|
78
|
-
alphabet: mockAlphabet,
|
|
79
|
-
__self: _this,
|
|
80
|
-
__source: {
|
|
81
|
-
fileName: _jsxFileName,
|
|
82
|
-
lineNumber: 29,
|
|
83
|
-
columnNumber: 4
|
|
84
|
-
}
|
|
85
|
-
}, /*#__PURE__*/_react["default"].createElement(AZListItems, {
|
|
86
|
-
__self: _this,
|
|
87
|
-
__source: {
|
|
88
|
-
fileName: _jsxFileName,
|
|
89
|
-
lineNumber: 30,
|
|
90
|
-
columnNumber: 5
|
|
91
|
-
}
|
|
92
|
-
})));
|
|
93
|
-
expect(wrapper).toHaveLength(1);
|
|
94
|
-
});
|
|
95
|
-
it("should render an ordered list component", function () {
|
|
96
|
-
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_AZList.AZList, {
|
|
97
|
-
alphabet: mockAlphabet,
|
|
98
|
-
__self: _this,
|
|
99
|
-
__source: {
|
|
100
|
-
fileName: _jsxFileName,
|
|
101
|
-
lineNumber: 38,
|
|
102
|
-
columnNumber: 4
|
|
103
|
-
}
|
|
104
|
-
}, /*#__PURE__*/_react["default"].createElement(AZListItems, {
|
|
105
|
-
__self: _this,
|
|
106
|
-
__source: {
|
|
107
|
-
fileName: _jsxFileName,
|
|
108
|
-
lineNumber: 39,
|
|
109
|
-
columnNumber: 5
|
|
110
|
-
}
|
|
111
|
-
})));
|
|
112
|
-
expect(wrapper.children("ol").length).toEqual(1);
|
|
113
|
-
});
|
|
114
|
-
it("should render an ordered list with the expected class name", function () {
|
|
115
|
-
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_AZList.AZList, {
|
|
116
|
-
alphabet: mockAlphabet,
|
|
117
|
-
__self: _this,
|
|
118
|
-
__source: {
|
|
119
|
-
fileName: _jsxFileName,
|
|
120
|
-
lineNumber: 47,
|
|
121
|
-
columnNumber: 4
|
|
122
|
-
}
|
|
123
|
-
}, /*#__PURE__*/_react["default"].createElement(AZListItems, {
|
|
124
|
-
__self: _this,
|
|
125
|
-
__source: {
|
|
126
|
-
fileName: _jsxFileName,
|
|
127
|
-
lineNumber: 48,
|
|
128
|
-
columnNumber: 5
|
|
129
|
-
}
|
|
130
|
-
})));
|
|
131
|
-
expect(wrapper.children("ol").hasClass("a-z-list")).toEqual(true);
|
|
132
|
-
});
|
|
133
|
-
it("should append className prop to rendered class attribute for the list", function () {
|
|
134
|
-
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_AZList.AZList, {
|
|
135
|
-
className: "test",
|
|
136
|
-
alphabet: mockAlphabet,
|
|
137
|
-
__self: _this,
|
|
138
|
-
__source: {
|
|
139
|
-
fileName: _jsxFileName,
|
|
140
|
-
lineNumber: 56,
|
|
141
|
-
columnNumber: 4
|
|
142
|
-
}
|
|
143
|
-
}, /*#__PURE__*/_react["default"].createElement(AZListItems, {
|
|
144
|
-
__self: _this,
|
|
145
|
-
__source: {
|
|
146
|
-
fileName: _jsxFileName,
|
|
147
|
-
lineNumber: 57,
|
|
148
|
-
columnNumber: 5
|
|
149
|
-
}
|
|
150
|
-
})));
|
|
151
|
-
expect(wrapper.children("ol").hasClass("test")).toEqual(true);
|
|
152
|
-
});
|
|
153
|
-
it("should render additional props as attributes for the list", function () {
|
|
154
|
-
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_AZList.AZList, {
|
|
155
|
-
"aria-label": "test",
|
|
156
|
-
alphabet: mockAlphabet,
|
|
157
|
-
__self: _this,
|
|
158
|
-
__source: {
|
|
159
|
-
fileName: _jsxFileName,
|
|
160
|
-
lineNumber: 65,
|
|
161
|
-
columnNumber: 4
|
|
162
|
-
}
|
|
163
|
-
}, /*#__PURE__*/_react["default"].createElement(AZListItems, {
|
|
164
|
-
__self: _this,
|
|
165
|
-
__source: {
|
|
166
|
-
fileName: _jsxFileName,
|
|
167
|
-
lineNumber: 66,
|
|
168
|
-
columnNumber: 5
|
|
169
|
-
}
|
|
170
|
-
})));
|
|
171
|
-
expect(wrapper.children("ol").prop("aria-label")).toEqual("test");
|
|
172
|
-
});
|
|
173
|
-
it("should match snapshot with default attributes", function () {
|
|
174
|
-
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_AZList.AZList, {
|
|
175
|
-
alphabet: mockAlphabet,
|
|
176
|
-
__self: _this,
|
|
177
|
-
__source: {
|
|
178
|
-
fileName: _jsxFileName,
|
|
179
|
-
lineNumber: 74,
|
|
180
|
-
columnNumber: 4
|
|
181
|
-
}
|
|
182
|
-
}, /*#__PURE__*/_react["default"].createElement(AZListItems, {
|
|
183
|
-
__self: _this,
|
|
184
|
-
__source: {
|
|
185
|
-
fileName: _jsxFileName,
|
|
186
|
-
lineNumber: 75,
|
|
187
|
-
columnNumber: 5
|
|
188
|
-
}
|
|
189
|
-
})));
|
|
190
|
-
expect((0, _enzymeToJson["default"])(wrapper)).toMatchSnapshot();
|
|
191
|
-
wrapper.unmount();
|
|
192
|
-
});
|
|
193
|
-
it("should match snapshot with custom attributes", function () {
|
|
194
|
-
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_AZList.AZList, {
|
|
195
|
-
className: "test-class",
|
|
196
|
-
"aria-label": "test-label",
|
|
197
|
-
alphabet: mockAlphabet,
|
|
198
|
-
__self: _this,
|
|
199
|
-
__source: {
|
|
200
|
-
fileName: _jsxFileName,
|
|
201
|
-
lineNumber: 84,
|
|
202
|
-
columnNumber: 4
|
|
203
|
-
}
|
|
204
|
-
}, /*#__PURE__*/_react["default"].createElement(AZListItems, {
|
|
205
|
-
__self: _this,
|
|
206
|
-
__source: {
|
|
207
|
-
fileName: _jsxFileName,
|
|
208
|
-
lineNumber: 89,
|
|
209
|
-
columnNumber: 5
|
|
210
|
-
}
|
|
211
|
-
})));
|
|
212
|
-
expect((0, _enzymeToJson["default"])(wrapper)).toMatchSnapshot();
|
|
213
|
-
wrapper.unmount();
|
|
214
|
-
});
|
|
215
|
-
it("should render an alphabet component that has been passed in", function () {
|
|
216
|
-
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_AZList.AZList, {
|
|
217
|
-
alphabet: mockAlphabet,
|
|
218
|
-
__self: _this,
|
|
219
|
-
__source: {
|
|
220
|
-
fileName: _jsxFileName,
|
|
221
|
-
lineNumber: 98,
|
|
222
|
-
columnNumber: 4
|
|
223
|
-
}
|
|
224
|
-
}, /*#__PURE__*/_react["default"].createElement(AZListItems, {
|
|
225
|
-
__self: _this,
|
|
226
|
-
__source: {
|
|
227
|
-
fileName: _jsxFileName,
|
|
228
|
-
lineNumber: 99,
|
|
229
|
-
columnNumber: 5
|
|
230
|
-
}
|
|
231
|
-
})));
|
|
232
|
-
expect(wrapper.find(mockAlphabet)).toHaveLength(1);
|
|
233
|
-
wrapper.unmount();
|
|
234
|
-
});
|
|
235
|
-
it("should render an alphabet component with a custom class", function () {
|
|
236
|
-
var customAlphabet = function customAlphabet() {
|
|
237
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
238
|
-
className: "test-class",
|
|
239
|
-
__self: _this,
|
|
240
|
-
__source: {
|
|
241
|
-
fileName: _jsxFileName,
|
|
242
|
-
lineNumber: 107,
|
|
243
|
-
columnNumber: 32
|
|
244
|
-
}
|
|
245
|
-
}, "Alphabet");
|
|
246
|
-
};
|
|
247
|
-
|
|
248
|
-
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_AZList.AZList, {
|
|
249
|
-
alphabet: customAlphabet,
|
|
250
|
-
__self: _this,
|
|
251
|
-
__source: {
|
|
252
|
-
fileName: _jsxFileName,
|
|
253
|
-
lineNumber: 109,
|
|
254
|
-
columnNumber: 4
|
|
255
|
-
}
|
|
256
|
-
}, /*#__PURE__*/_react["default"].createElement(AZListItems, {
|
|
257
|
-
__self: _this,
|
|
258
|
-
__source: {
|
|
259
|
-
fileName: _jsxFileName,
|
|
260
|
-
lineNumber: 110,
|
|
261
|
-
columnNumber: 5
|
|
262
|
-
}
|
|
263
|
-
})));
|
|
264
|
-
expect(wrapper.find(customAlphabet).childAt(0).hasClass("test-class")).toEqual(true);
|
|
265
|
-
wrapper.unmount();
|
|
266
|
-
});
|
|
267
|
-
});
|
|
268
|
-
//# sourceMappingURL=nds-a-z-list.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"nds-a-z-list.test.js","names":["describe","AZListItems","mockAlphabet","it","wrapper","shallow","expect","toHaveLength","children","length","toEqual","hasClass","prop","mount","toJson","toMatchSnapshot","unmount","find","customAlphabet","childAt"],"sources":["../../src/__tests__/nds-a-z-list.test.js"],"sourcesContent":["\"use strict\";\n\nimport React from \"react\";\nimport { shallow, mount } from \"enzyme\";\nimport toJson from \"enzyme-to-json\";\n\nimport { AZList } from \"../AZList\";\n\ndescribe(\"A-Z List\", () => {\n\tconst AZListItems = () => (\n\t\t<>\n\t\t\t<li>Item one</li>\n\t\t\t<li>Item two</li>\n\t\t</>\n\t);\n\tconst mockAlphabet = () => (\n\t\t<ol>\n\t\t\t<li>\n\t\t\t\t<a href=\"#a\">A</a>\n\t\t\t</li>\n\t\t\t<li>\n\t\t\t\t<a href=\"#b\">B</a>\n\t\t\t</li>\n\t\t</ol>\n\t);\n\n\tit(\"should render without crashing\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<AZList alphabet={mockAlphabet}>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(wrapper).toHaveLength(1);\n\t});\n\n\tit(\"should render an ordered list component\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<AZList alphabet={mockAlphabet}>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(wrapper.children(\"ol\").length).toEqual(1);\n\t});\n\n\tit(\"should render an ordered list with the expected class name\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<AZList alphabet={mockAlphabet}>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(wrapper.children(\"ol\").hasClass(\"a-z-list\")).toEqual(true);\n\t});\n\n\tit(\"should append className prop to rendered class attribute for the list\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<AZList className=\"test\" alphabet={mockAlphabet}>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(wrapper.children(\"ol\").hasClass(\"test\")).toEqual(true);\n\t});\n\n\tit(\"should render additional props as attributes for the list\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<AZList aria-label=\"test\" alphabet={mockAlphabet}>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(wrapper.children(\"ol\").prop(\"aria-label\")).toEqual(\"test\");\n\t});\n\n\tit(\"should match snapshot with default attributes\", () => {\n\t\tconst wrapper = mount(\n\t\t\t<AZList alphabet={mockAlphabet}>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(toJson(wrapper)).toMatchSnapshot();\n\t\twrapper.unmount();\n\t});\n\n\tit(\"should match snapshot with custom attributes\", () => {\n\t\tconst wrapper = mount(\n\t\t\t<AZList\n\t\t\t\tclassName=\"test-class\"\n\t\t\t\taria-label=\"test-label\"\n\t\t\t\talphabet={mockAlphabet}\n\t\t\t>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(toJson(wrapper)).toMatchSnapshot();\n\t\twrapper.unmount();\n\t});\n\n\tit(\"should render an alphabet component that has been passed in\", () => {\n\t\tconst wrapper = mount(\n\t\t\t<AZList alphabet={mockAlphabet}>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(wrapper.find(mockAlphabet)).toHaveLength(1);\n\t\twrapper.unmount();\n\t});\n\n\tit(\"should render an alphabet component with a custom class\", () => {\n\t\tconst customAlphabet = () => <div className=\"test-class\">Alphabet</div>;\n\t\tconst wrapper = mount(\n\t\t\t<AZList alphabet={customAlphabet}>\n\t\t\t\t<AZListItems />\n\t\t\t</AZList>\n\t\t);\n\t\texpect(\n\t\t\twrapper.find(customAlphabet).childAt(0).hasClass(\"test-class\")\n\t\t).toEqual(true);\n\t\twrapper.unmount();\n\t});\n});\n"],"mappings":"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"}
|
package/nds-a-z-list.d.ts
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
declare module "@nice-digital/nds-a-z-list" {
|
|
2
|
-
import React = require("react");
|
|
3
|
-
|
|
4
|
-
export interface AZListProps {
|
|
5
|
-
alphabet: React.ElementType;
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
className?: string;
|
|
8
|
-
[prop: string]: unknown;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export interface AZListItemProps {
|
|
12
|
-
id?: string;
|
|
13
|
-
title: string;
|
|
14
|
-
children: React.ReactNode;
|
|
15
|
-
className?: string;
|
|
16
|
-
[prop: string]: unknown;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
export const AZList: React.FC<AZListProps>;
|
|
20
|
-
export const AZListItem: React.FC<AZListItemProps>;
|
|
21
|
-
}
|