@nice-digital/nds-column-list 2.0.2-alpha.0 → 2.0.3-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
|
@@ -86,7 +86,7 @@ Any additional className will be merged on to the containing `<ol>` element.
|
|
|
86
86
|
If you're not using [React](#react), then import the SCSS directly into your application by:
|
|
87
87
|
|
|
88
88
|
```scss
|
|
89
|
-
@
|
|
89
|
+
@forward '@nice-digital/nds-column-list/scss/column-list';
|
|
90
90
|
```
|
|
91
91
|
|
|
92
92
|
### HTML
|
package/es/ColumnList.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"ColumnList.js","names":["React","PropTypes","ColumnList","props","children","plain","className","columns","attrs","filter","Boolean","join","propTypes","node","isRequired","bool","string","number"],"sources":["../src/ColumnList.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport \"../scss/column-list.scss\";\n\nexport const ColumnList = (props) => {\n\tconst { children, plain, className, columns, ...attrs } = props;\n\n\treturn (\n\t\t<ol\n\t\t\tclassName={[\n\t\t\t\t\"column-list\",\n\t\t\t\tplain ? \"column-list--plain\" : \"column-list--boxed\",\n\t\t\t\tcolumns === 2 ? \"column-list--two-columns\" : \"\",\n\t\t\t\tclassName\n\t\t\t]\n\t\t\t\t.filter(Boolean)\n\t\t\t\t.join(\" \")}\n\t\t\t{...attrs}\n\t\t>\n\t\t\t{children}\n\t\t</ol>\n\t);\n};\n\nColumnList.propTypes = {\n\tchildren: PropTypes.node.isRequired,\n\tplain: PropTypes.bool,\n\tclassName: PropTypes.string,\n\tcolumns: PropTypes.number\n};\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAO,0BAAP;AAEA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAW;EACpC,IAAQC,QAAR,GAA0DD,KAA1D,CAAQC,QAAR;EAAA,IAAkBC,KAAlB,GAA0DF,KAA1D,CAAkBE,KAAlB;EAAA,IAAyBC,SAAzB,GAA0DH,KAA1D,CAAyBG,SAAzB;EAAA,IAAoCC,OAApC,GAA0DJ,KAA1D,CAAoCI,OAApC;EAAA,IAAgDC,KAAhD,iCAA0DL,KAA1D;;EAEA,oBACC;IACC,SAAS,EAAE,CACV,aADU,EAEVE,KAAK,GAAG,oBAAH,GAA0B,oBAFrB,EAGVE,OAAO,KAAK,CAAZ,GAAgB,0BAAhB,GAA6C,EAHnC,EAIVD,SAJU,EAMTG,MANS,CAMFC,OANE,EAOTC,IAPS,CAOJ,GAPI;EADZ,GASKH,KATL,GAWEJ,QAXF,CADD;AAeA,CAlBM;AAoBPF,UAAU,CAACU,SAAX,GAAuB;EACtBR,QAAQ,EAAEH,SAAS,CAACY,IAAV,CAAeC,UADH;EAEtBT,KAAK,EAAEJ,SAAS,CAACc,IAFK;EAGtBT,SAAS,EAAEL,SAAS,CAACe,MAHC;EAItBT,OAAO,EAAEN,SAAS,CAACgB;AAJG,CAAvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"nds-column-list.test.js","names":["React","shallow","ColumnList","ListItems","describe","it","wrapper","expect","toHaveLength","hasClass","toEqual","prop"],"sources":["../../src/__tests__/nds-column-list.test.js"],"sourcesContent":["\"use strict\";\n\nimport React from \"react\";\nimport { shallow } from \"enzyme\";\nimport { ColumnList } from \"../ColumnList\";\n\nconst ListItems = () => (\n\t<>\n\t\t<li>One</li>\n\t\t<li>Two</li>\n\t\t<li>Three</li>\n\t\t<li>Four</li>\n\t\t<li>Five</li>\n\t\t<li>Six</li>\n\t</>\n);\n\ndescribe(\"ColumnList\", () => {\n\tit(\"should render without crashing\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList>\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper).toHaveLength(1);\n\t});\n\tit(\"should add CSS module class name to parent list for standard (boxed) variant\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList>\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper.hasClass(\"column-list--boxed\")).toEqual(true);\n\t});\n\tit(\"should add CSS module class name to parent list for the plain variant\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList plain>\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper.hasClass(\"column-list--plain\")).toEqual(true);\n\t});\n\tit(\"should add CSS module class name to parent list for the 2 column variant\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList columns={2}>\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper.hasClass(\"column-list--two-columns\")).toEqual(true);\n\t});\n\tit(\"should add no CSS module class name to parent list for the 3 column variant\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList columns={3}>\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper.hasClass(\"column-list--two-columns\")).toEqual(false);\n\t});\n\tit(\"should append className prop to rendered class attribute\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList className=\"test\">\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper.hasClass(\"test\")).toEqual(true);\n\t});\n\tit(\"should render additional props as attributes\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList aria-label=\"hello\">\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper.prop(\"aria-label\")).toEqual(\"hello\");\n\t});\n});\n"],"mappings":"AAAA;;AAEA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,OAAT,QAAwB,QAAxB;AACA,SAASC,UAAT,QAA2B,eAA3B;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY;EAAA,oBACjB,uDACC,sCADD,eAEC,sCAFD,eAGC,wCAHD,eAIC,uCAJD,eAKC,uCALD,eAMC,sCAND,CADiB;AAAA,CAAlB;;AAWAC,QAAQ,CAAC,YAAD,EAAe,YAAM;EAC5BC,EAAE,CAAC,gCAAD,EAAmC,YAAM;IAC1C,IAAMC,OAAO,GAAGL,OAAO,eACtB,oBAAC,UAAD,qBACC,oBAAC,SAAD,OADD,CADsB,CAAvB;IAKAM,MAAM,CAACD,OAAD,CAAN,CAAgBE,YAAhB,CAA6B,CAA7B;EACA,CAPC,CAAF;EAQAH,EAAE,CAAC,8EAAD,EAAiF,YAAM;IACxF,IAAMC,OAAO,GAAGL,OAAO,eACtB,oBAAC,UAAD,qBACC,oBAAC,SAAD,OADD,CADsB,CAAvB;IAKAM,MAAM,CAACD,OAAO,CAACG,QAAR,CAAiB,oBAAjB,CAAD,CAAN,CAA+CC,OAA/C,CAAuD,IAAvD;EACA,CAPC,CAAF;EAQAL,EAAE,CAAC,uEAAD,EAA0E,YAAM;IACjF,IAAMC,OAAO,GAAGL,OAAO,eACtB,oBAAC,UAAD;MAAY,KAAK;IAAjB,gBACC,oBAAC,SAAD,OADD,CADsB,CAAvB;IAKAM,MAAM,CAACD,OAAO,CAACG,QAAR,CAAiB,oBAAjB,CAAD,CAAN,CAA+CC,OAA/C,CAAuD,IAAvD;EACA,CAPC,CAAF;EAQAL,EAAE,CAAC,0EAAD,EAA6E,YAAM;IACpF,IAAMC,OAAO,GAAGL,OAAO,eACtB,oBAAC,UAAD;MAAY,OAAO,EAAE;IAArB,gBACC,oBAAC,SAAD,OADD,CADsB,CAAvB;IAKAM,MAAM,CAACD,OAAO,CAACG,QAAR,CAAiB,0BAAjB,CAAD,CAAN,CAAqDC,OAArD,CAA6D,IAA7D;EACA,CAPC,CAAF;EAQAL,EAAE,CAAC,6EAAD,EAAgF,YAAM;IACvF,IAAMC,OAAO,GAAGL,OAAO,eACtB,oBAAC,UAAD;MAAY,OAAO,EAAE;IAArB,gBACC,oBAAC,SAAD,OADD,CADsB,CAAvB;IAKAM,MAAM,CAACD,OAAO,CAACG,QAAR,CAAiB,0BAAjB,CAAD,CAAN,CAAqDC,OAArD,CAA6D,KAA7D;EACA,CAPC,CAAF;EAQAL,EAAE,CAAC,0DAAD,EAA6D,YAAM;IACpE,IAAMC,OAAO,GAAGL,OAAO,eACtB,oBAAC,UAAD;MAAY,SAAS,EAAC;IAAtB,gBACC,oBAAC,SAAD,OADD,CADsB,CAAvB;IAKAM,MAAM,CAACD,OAAO,CAACG,QAAR,CAAiB,MAAjB,CAAD,CAAN,CAAiCC,OAAjC,CAAyC,IAAzC;EACA,CAPC,CAAF;EAQAL,EAAE,CAAC,8CAAD,EAAiD,YAAM;IACxD,IAAMC,OAAO,GAAGL,OAAO,eACtB,oBAAC,UAAD;MAAY,cAAW;IAAvB,gBACC,oBAAC,SAAD,OADD,CADsB,CAAvB;IAKAM,MAAM,CAACD,OAAO,CAACK,IAAR,CAAa,YAAb,CAAD,CAAN,CAAmCD,OAAnC,CAA2C,OAA3C;EACA,CAPC,CAAF;AAQA,CAzDO,CAAR"}
|
package/lib/ColumnList.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"ColumnList.js","names":["ColumnList","props","children","plain","className","columns","attrs","filter","Boolean","join","propTypes","PropTypes","node","isRequired","bool","string","number"],"sources":["../src/ColumnList.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport \"../scss/column-list.scss\";\n\nexport const ColumnList = (props) => {\n\tconst { children, plain, className, columns, ...attrs } = props;\n\n\treturn (\n\t\t<ol\n\t\t\tclassName={[\n\t\t\t\t\"column-list\",\n\t\t\t\tplain ? \"column-list--plain\" : \"column-list--boxed\",\n\t\t\t\tcolumns === 2 ? \"column-list--two-columns\" : \"\",\n\t\t\t\tclassName\n\t\t\t]\n\t\t\t\t.filter(Boolean)\n\t\t\t\t.join(\" \")}\n\t\t\t{...attrs}\n\t\t>\n\t\t\t{children}\n\t\t</ol>\n\t);\n};\n\nColumnList.propTypes = {\n\tchildren: PropTypes.node.isRequired,\n\tplain: PropTypes.bool,\n\tclassName: PropTypes.string,\n\tcolumns: PropTypes.number\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;AAEO,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAW;EACpC,IAAQC,QAAR,GAA0DD,KAA1D,CAAQC,QAAR;EAAA,IAAkBC,KAAlB,GAA0DF,KAA1D,CAAkBE,KAAlB;EAAA,IAAyBC,SAAzB,GAA0DH,KAA1D,CAAyBG,SAAzB;EAAA,IAAoCC,OAApC,GAA0DJ,KAA1D,CAAoCI,OAApC;EAAA,IAAgDC,KAAhD,kDAA0DL,KAA1D;EAEA,oBACC;IACC,SAAS,EAAE,CACV,aADU,EAEVE,KAAK,GAAG,oBAAH,GAA0B,oBAFrB,EAGVE,OAAO,KAAK,CAAZ,GAAgB,0BAAhB,GAA6C,EAHnC,EAIVD,SAJU,EAMTG,MANS,CAMFC,OANE,EAOTC,IAPS,CAOJ,GAPI;EADZ,GASKH,KATL;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,IAWEJ,QAXF,CADD;AAeA,CAlBM;;;AAoBPF,UAAU,CAACU,SAAX,GAAuB;EACtBR,QAAQ,EAAES,qBAAA,CAAUC,IAAV,CAAeC,UADH;EAEtBV,KAAK,EAAEQ,qBAAA,CAAUG,IAFK;EAGtBV,SAAS,EAAEO,qBAAA,CAAUI,MAHC;EAItBV,OAAO,EAAEM,qBAAA,CAAUK;AAJG,CAAvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"nds-column-list.test.js","names":["ListItems","describe","it","wrapper","shallow","expect","toHaveLength","hasClass","toEqual","prop"],"sources":["../../src/__tests__/nds-column-list.test.js"],"sourcesContent":["\"use strict\";\n\nimport React from \"react\";\nimport { shallow } from \"enzyme\";\nimport { ColumnList } from \"../ColumnList\";\n\nconst ListItems = () => (\n\t<>\n\t\t<li>One</li>\n\t\t<li>Two</li>\n\t\t<li>Three</li>\n\t\t<li>Four</li>\n\t\t<li>Five</li>\n\t\t<li>Six</li>\n\t</>\n);\n\ndescribe(\"ColumnList\", () => {\n\tit(\"should render without crashing\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList>\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper).toHaveLength(1);\n\t});\n\tit(\"should add CSS module class name to parent list for standard (boxed) variant\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList>\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper.hasClass(\"column-list--boxed\")).toEqual(true);\n\t});\n\tit(\"should add CSS module class name to parent list for the plain variant\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList plain>\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper.hasClass(\"column-list--plain\")).toEqual(true);\n\t});\n\tit(\"should add CSS module class name to parent list for the 2 column variant\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList columns={2}>\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper.hasClass(\"column-list--two-columns\")).toEqual(true);\n\t});\n\tit(\"should add no CSS module class name to parent list for the 3 column variant\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList columns={3}>\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper.hasClass(\"column-list--two-columns\")).toEqual(false);\n\t});\n\tit(\"should append className prop to rendered class attribute\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList className=\"test\">\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper.hasClass(\"test\")).toEqual(true);\n\t});\n\tit(\"should render additional props as attributes\", () => {\n\t\tconst wrapper = shallow(\n\t\t\t<ColumnList aria-label=\"hello\">\n\t\t\t\t<ListItems />\n\t\t\t</ColumnList>\n\t\t);\n\t\texpect(wrapper.prop(\"aria-label\")).toEqual(\"hello\");\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-column-list",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.3-alpha.0",
|
|
4
4
|
"description": "Column List component for the NICE Design System",
|
|
5
5
|
"main": "lib/ColumnList.js",
|
|
6
6
|
"module": "es/ColumnList.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.3-alpha.0",
|
|
38
38
|
"prop-types": "^15.8.1"
|
|
39
39
|
},
|
|
40
|
-
"gitHead": "
|
|
40
|
+
"gitHead": "4a3743bed00bf33822d76b1815e85e96c0d699f4"
|
|
41
41
|
}
|