@nice-digital/nds-a-z-list 2.0.1-alpha.0 → 2.0.4-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/README.md
CHANGED
|
@@ -79,7 +79,7 @@ This can be any content at all and will be displayed below the title.
|
|
|
79
79
|
If you're not using [React](#react), then import the SCSS directly into your application by:
|
|
80
80
|
|
|
81
81
|
```scss
|
|
82
|
-
@
|
|
82
|
+
@forward '@nice-digital/nds-a-z-list/scss/a-z-list';
|
|
83
83
|
```
|
|
84
84
|
|
|
85
85
|
### HTML
|
package/es/AZList.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAO,uBAAP;AAEA,OAAO,IAAMC,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,iCAA8DL,KAA9D;;EAEA,oBACC,uDACC,oBAAC,QAAD;IAAU,SAAS,EAAC;EAApB,EADD,eAEC;IAAI,SAAS,EAAE,CAAC,UAAD,EAAaI,SAAb,EAAwBE,IAAxB,CAA6B,GAA7B;EAAf,GAAsDD,KAAtD,GACEF,QADF,CAFD,CADD;AAQA,CAXM;AAaPJ,MAAM,CAACQ,SAAP,GAAmB;EAClBL,QAAQ,EAAEJ,SAAS,CAACU,WAAV,CAAsBC,UADd;EAElBN,QAAQ,EAAEL,SAAS,CAACY,IAAV,CAAeD,UAFP;EAGlBL,SAAS,EAAEN,SAAS,CAACa;AAHH,CAAnB;AAMA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACZ,KAAD,EAAW;EACpC,IAAQa,EAAR,GAAqDb,KAArD,CAAQa,EAAR;EAAA,IAAYC,KAAZ,GAAqDd,KAArD,CAAYc,KAAZ;EAAA,IAAmBX,QAAnB,GAAqDH,KAArD,CAAmBG,QAAnB;EAAA,IAA6BC,SAA7B,GAAqDJ,KAArD,CAA6BI,SAA7B;EAAA,IAA2CC,KAA3C,iCAAqDL,KAArD;;EAEA,IAAMe,MAAM,GAAGF,EAAE,IAAIC,KAAK,CAACE,OAAN,CAAc,GAAd,EAAmB,EAAnB,EAAuBC,WAAvB,EAArB;EAEA,oBACC;IAAI,SAAS,EAAE,CAAC,gBAAD,EAAmBb,SAAnB,EAA8BE,IAA9B,CAAmC,GAAnC;EAAf,GAA4DD,KAA5D,gBACC;IAAI,SAAS,EAAC,wBAAd;IAAuC,EAAE,EAAEU;EAA3C,GACED,KADF,CADD,EAIEX,QAJF,CADD;AAQA,CAbM;AAePS,UAAU,CAACL,SAAX,GAAuB;EACtBM,EAAE,EAAEf,SAAS,CAACa,MADQ;EAEtBG,KAAK,EAAEhB,SAAS,CAACa,MAAV,CAAiBF,UAFF;EAGtBN,QAAQ,EAAEL,SAAS,CAACY,IAAV,CAAeD,UAHH;EAItBL,SAAS,EAAEN,SAAS,CAACa;AAJC,CAAvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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":"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"}
|
package/lib/AZList.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nice-digital/nds-a-z-list",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.4-alpha.0",
|
|
4
4
|
"description": "A to Z list component for the NICE Design System",
|
|
5
5
|
"main": "lib/AZList.js",
|
|
6
6
|
"module": "es/AZList.js",
|
|
@@ -34,8 +34,8 @@
|
|
|
34
34
|
"homepage": "https://design-system.nice.org.uk/",
|
|
35
35
|
"license": "MIT",
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@nice-digital/nds-core": "^2.0.
|
|
37
|
+
"@nice-digital/nds-core": "^2.0.4-alpha.0",
|
|
38
38
|
"prop-types": "^15.8.1"
|
|
39
39
|
},
|
|
40
|
-
"gitHead": "
|
|
40
|
+
"gitHead": "5bbe911b595b15d7d039aec0972d5aeabcd8de6f"
|
|
41
41
|
}
|
package/scss/a-z-list.scss
CHANGED
|
@@ -17,7 +17,8 @@
|
|
|
17
17
|
@include typography.font-size(h4);
|
|
18
18
|
background: colours.$a-z-list-heading-background;
|
|
19
19
|
border: 1px solid colours.$border;
|
|
20
|
-
font-
|
|
20
|
+
font-family: typography.get-font-family(sans);
|
|
21
|
+
font-weight: 600;
|
|
21
22
|
margin: 0;
|
|
22
23
|
max-width: 100%;
|
|
23
24
|
padding: utils.rem(spacing.$small spacing.$medium);
|