@newskit-render/shared-components 3.21.0-alpha.1 → 4.0.0-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/dist/cjs/ContentListView/ContentListView.js +4 -4
- package/dist/cjs/ContentListView/ContentListView.js.map +1 -1
- package/dist/cjs/ContentListView/types.d.ts +0 -1
- package/dist/esm/ContentListView/ContentListView.js +4 -4
- package/dist/esm/ContentListView/ContentListView.js.map +1 -1
- package/dist/esm/ContentListView/types.d.ts +0 -1
- package/package.json +2 -2
|
@@ -34,7 +34,7 @@ var Introduction_1 = require("../Introduction");
|
|
|
34
34
|
var defaults_1 = require("./defaults");
|
|
35
35
|
var StyledBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: hidden;\n"], ["\n overflow: hidden;\n"])));
|
|
36
36
|
var ContentListViewComponent = function (_a) {
|
|
37
|
-
var children = _a.children, introductionProps = _a.introductionProps,
|
|
37
|
+
var children = _a.children, introductionProps = _a.introductionProps, ariaLabel = _a.ariaLabel, marginBlockEnd = _a.marginBlockEnd, stylePreset = _a.stylePreset, _b = _a.showDividerByBreakpoint, showDividerByBreakpoint = _b === void 0 ? false : _b;
|
|
38
38
|
var bp = (0, newskit_1.useBreakpointKey)();
|
|
39
39
|
var _c = (0, react_1.useState)(true), showDivider = _c[0], setShowDivider = _c[1];
|
|
40
40
|
(0, react_1.useEffect)(function () {
|
|
@@ -46,9 +46,9 @@ var ContentListViewComponent = function (_a) {
|
|
|
46
46
|
react_1.default.createElement(Introduction_1.Introduction, { title: introductionProps.title, titleOverrides: introductionProps.extendTitleOverrides, description: introductionProps.description, descriptionOverrides: introductionProps.extendDescriptionOverrides }))),
|
|
47
47
|
react_1.default.createElement(newskit_1.Cell, { xs: 12, "data-testid": "ContentListItems" },
|
|
48
48
|
react_1.default.createElement(StyledBlock, { marginBlockEnd: marginBlockEnd !== null && marginBlockEnd !== void 0 ? marginBlockEnd : {
|
|
49
|
-
xs:
|
|
50
|
-
sm:
|
|
51
|
-
md:
|
|
49
|
+
xs: 'space050',
|
|
50
|
+
sm: 'space080',
|
|
51
|
+
md: 'space100',
|
|
52
52
|
}, stylePreset: stylePreset, "data-testid": "content-list" },
|
|
53
53
|
react_1.default.createElement(newskit_1.StructuredList, { divider: showDivider, ariaLabel: ariaLabel || (introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.title) }, children)))));
|
|
54
54
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentListView.js","sourceRoot":"","sources":["../../../src/ContentListView/ContentListView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAElD,mCAQgB;AAEhB,gDAA8C;AAC9C,uCAA4C;AAE5C,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,4FAAA,yBAEhC,IAAA,CAAA;AAEM,IAAM,wBAAwB,GAAmC,UAAC,
|
|
1
|
+
{"version":3,"file":"ContentListView.js","sourceRoot":"","sources":["../../../src/ContentListView/ContentListView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAElD,mCAQgB;AAEhB,gDAA8C;AAC9C,uCAA4C;AAE5C,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,4FAAA,yBAEhC,IAAA,CAAA;AAEM,IAAM,wBAAwB,GAAmC,UAAC,EAOxE;QANC,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,+BAA+B,EAA/B,uBAAuB,mBAAG,KAAK,KAAA;IAE/B,IAAM,EAAE,GAAG,IAAA,0BAAgB,GAAE,CAAA;IACvB,IAAA,KAAgC,IAAA,gBAAQ,EAAU,IAAI,CAAC,EAAtD,WAAW,QAAA,EAAE,cAAc,QAA2B,CAAA;IAC7D,IAAA,iBAAS,EAAC;QACR,IAAM,kBAAkB,GAAG,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI,CAAA;QACpE,cAAc,CAAC,CAAC,CAAC,uBAAuB,IAAI,kBAAkB,CAAC,CAAC,CAAA;IAClE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAER,OAAO,CACL,8BAAC,cAAI,IACH,cAAc,EAAE,UAAU,EAC1B,WAAW,EAAE,UAAU,EACvB,QAAQ,EAAE,UAAU;QAEnB,iBAAiB,IAAI,CACpB,8BAAC,cAAI,IAAC,EAAE,EAAE,EAAE,iBAAc,yBAAyB;YACjD,8BAAC,2BAAY,IACX,KAAK,EAAE,iBAAiB,CAAC,KAAK,EAC9B,cAAc,EAAE,iBAAiB,CAAC,oBAAoB,EACtD,WAAW,EAAE,iBAAiB,CAAC,WAAW,EAC1C,oBAAoB,EAAE,iBAAiB,CAAC,0BAA0B,GAClE,CACG,CACR;QACD,8BAAC,cAAI,IAAC,EAAE,EAAE,EAAE,iBAAc,kBAAkB;YAC1C,8BAAC,WAAW,IACV,cAAc,EACZ,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI;oBAChB,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;iBACf,EAEH,WAAW,EAAE,WAAW,iBACZ,cAAc;gBAE1B,8BAAC,wBAAc,IACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,KAAI,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,KAAK,CAAA,IAE/C,QAAe,CACD,CACL,CACT,CACF,CACR,CAAA;AACH,CAAC,CAAA;AArDY,QAAA,wBAAwB,4BAqDpC;AAEY,QAAA,eAAe,GAAG,IAAA,0BAAgB,EAC7C,gCAAwB,EACxB,0BAAe,EACf,iBAAiB,CAClB,CAAA"}
|
|
@@ -8,7 +8,7 @@ import { Introduction } from '../Introduction';
|
|
|
8
8
|
import { contentListView } from './defaults';
|
|
9
9
|
var StyledBlock = styled(Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: hidden;\n"], ["\n overflow: hidden;\n"])));
|
|
10
10
|
export var ContentListViewComponent = function (_a) {
|
|
11
|
-
var children = _a.children, introductionProps = _a.introductionProps,
|
|
11
|
+
var children = _a.children, introductionProps = _a.introductionProps, ariaLabel = _a.ariaLabel, marginBlockEnd = _a.marginBlockEnd, stylePreset = _a.stylePreset, _b = _a.showDividerByBreakpoint, showDividerByBreakpoint = _b === void 0 ? false : _b;
|
|
12
12
|
var bp = useBreakpointKey();
|
|
13
13
|
var _c = useState(true), showDivider = _c[0], setShowDivider = _c[1];
|
|
14
14
|
useEffect(function () {
|
|
@@ -20,9 +20,9 @@ export var ContentListViewComponent = function (_a) {
|
|
|
20
20
|
React.createElement(Introduction, { title: introductionProps.title, titleOverrides: introductionProps.extendTitleOverrides, description: introductionProps.description, descriptionOverrides: introductionProps.extendDescriptionOverrides }))),
|
|
21
21
|
React.createElement(Cell, { xs: 12, "data-testid": "ContentListItems" },
|
|
22
22
|
React.createElement(StyledBlock, { marginBlockEnd: marginBlockEnd !== null && marginBlockEnd !== void 0 ? marginBlockEnd : {
|
|
23
|
-
xs:
|
|
24
|
-
sm:
|
|
25
|
-
md:
|
|
23
|
+
xs: 'space050',
|
|
24
|
+
sm: 'space080',
|
|
25
|
+
md: 'space100',
|
|
26
26
|
}, stylePreset: stylePreset, "data-testid": "content-list" },
|
|
27
27
|
React.createElement(StructuredList, { divider: showDivider, ariaLabel: ariaLabel || (introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.title) }, children)))));
|
|
28
28
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentListView.js","sourceRoot":"","sources":["../../../src/ContentListView/ContentListView.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,MAAM,EACN,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAE5C,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,4FAAA,yBAEhC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,wBAAwB,GAAmC,UAAC,
|
|
1
|
+
{"version":3,"file":"ContentListView.js","sourceRoot":"","sources":["../../../src/ContentListView/ContentListView.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,MAAM,EACN,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAE5C,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,4FAAA,yBAEhC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,wBAAwB,GAAmC,UAAC,EAOxE;QANC,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,+BAA+B,EAA/B,uBAAuB,mBAAG,KAAK,KAAA;IAE/B,IAAM,EAAE,GAAG,gBAAgB,EAAE,CAAA;IACvB,IAAA,KAAgC,QAAQ,CAAU,IAAI,CAAC,EAAtD,WAAW,QAAA,EAAE,cAAc,QAA2B,CAAA;IAC7D,SAAS,CAAC;QACR,IAAM,kBAAkB,GAAG,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI,CAAA;QACpE,cAAc,CAAC,CAAC,CAAC,uBAAuB,IAAI,kBAAkB,CAAC,CAAC,CAAA;IAClE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAER,OAAO,CACL,oBAAC,IAAI,IACH,cAAc,EAAE,UAAU,EAC1B,WAAW,EAAE,UAAU,EACvB,QAAQ,EAAE,UAAU;QAEnB,iBAAiB,IAAI,CACpB,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE,iBAAc,yBAAyB;YACjD,oBAAC,YAAY,IACX,KAAK,EAAE,iBAAiB,CAAC,KAAK,EAC9B,cAAc,EAAE,iBAAiB,CAAC,oBAAoB,EACtD,WAAW,EAAE,iBAAiB,CAAC,WAAW,EAC1C,oBAAoB,EAAE,iBAAiB,CAAC,0BAA0B,GAClE,CACG,CACR;QACD,oBAAC,IAAI,IAAC,EAAE,EAAE,EAAE,iBAAc,kBAAkB;YAC1C,oBAAC,WAAW,IACV,cAAc,EACZ,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI;oBAChB,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;oBACd,EAAE,EAAE,UAAU;iBACf,EAEH,WAAW,EAAE,WAAW,iBACZ,cAAc;gBAE1B,oBAAC,cAAc,IACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,KAAI,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,KAAK,CAAA,IAE/C,QAAe,CACD,CACL,CACT,CACF,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,gBAAgB,CAC7C,wBAAwB,EACxB,eAAe,EACf,iBAAiB,CAClB,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@newskit-render/shared-components",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "4.0.0-alpha.0",
|
|
4
4
|
"description": "Newskit Render Shared Components",
|
|
5
5
|
"author": "",
|
|
6
6
|
"license": "UNLICENSED",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"@babel/polyfill": "7.12.1",
|
|
48
48
|
"@babel/register": "7.18.9",
|
|
49
49
|
"@emotion/jest": "11.10.5",
|
|
50
|
-
"@newskit-render/validation": "^1.12.0
|
|
50
|
+
"@newskit-render/validation": "^1.12.0",
|
|
51
51
|
"@storybook/addon-actions": "6.2.9",
|
|
52
52
|
"@storybook/react": "6.2.9",
|
|
53
53
|
"@testing-library/jest-dom": "5.16.5",
|