@newskit-render/shared-components 1.9.0 → 1.10.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/ListItem.js +5 -3
- package/dist/cjs/ContentListView/ListItem.js.map +1 -1
- package/dist/cjs/ContentListView/types.d.ts +5 -0
- package/dist/esm/ContentListView/ListItem.js +5 -3
- package/dist/esm/ContentListView/ListItem.js.map +1 -1
- package/dist/esm/ContentListView/types.d.ts +5 -0
- package/package.json +1 -1
|
@@ -28,16 +28,18 @@ var IconOutlinedArrowForwardIos = (0, newskit_1.toNewsKitIcon)(ArrowForwardIos_1
|
|
|
28
28
|
var Description = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: transparent;\n"], ["\n background: transparent;\n"])));
|
|
29
29
|
var WordBreakSpan = newskit_1.styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n word-break: break-word;\n"], ["\n word-break: break-word;\n"])));
|
|
30
30
|
var ListItem = function (_a) {
|
|
31
|
-
var item = _a.item, _b = _a.listCellProps, _c = _b === void 0 ? {} : _b, xs = _c.xs, md = _c.md, labelOverrides = _c.labelOverrides, describedId = _c.describedId, description = _c.description, itemValue = _c.itemValue, align = _c.align, listItemProps = _a.listItemProps;
|
|
31
|
+
var item = _a.item, _b = _a.listCellProps, _c = _b === void 0 ? {} : _b, xs = _c.xs, md = _c.md, labelOverrides = _c.labelOverrides, describedId = _c.describedId, description = _c.description, descriptionOverrides = _c.descriptionOverrides, itemValue = _c.itemValue, align = _c.align, listItemProps = _a.listItemProps;
|
|
32
32
|
return (react_1.default.createElement(newskit_1.StructuredListItem, __assign({}, listItemProps, { href: item.href }),
|
|
33
33
|
react_1.default.createElement(newskit_1.StructuredListCell, { xs: xs, md: md, align: align || 'start' },
|
|
34
34
|
react_1.default.createElement(newskit_1.TextBlock, __assign({ stylePreset: "inkContrast", typographyPreset: "utilityHeading010" }, labelOverrides, { style: {
|
|
35
35
|
paddingTop: "".concat(item.type === 'payment' ? '5px' : '0px'),
|
|
36
36
|
} }),
|
|
37
37
|
item.label,
|
|
38
|
-
item.labelDescription && (react_1.default.createElement(Description, { stylePreset: "inkSubtle", typographyPreset: "utilityBody010", id: describedId, as: "span" }, item.labelDescription)))),
|
|
38
|
+
item.labelDescription && (react_1.default.createElement(Description, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010", marginBlockStart: "space040", id: describedId, as: "span" }, descriptionOverrides), item.labelDescription)))),
|
|
39
39
|
item.type && (react_1.default.createElement(newskit_1.StructuredListCell, { xs: 10, md: 6 },
|
|
40
|
-
react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityBody020", stylePreset: "inkBase", noCrop: item.type === 'payment'
|
|
40
|
+
react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityBody020", stylePreset: "inkBase", noCrop: item.type === 'payment', style: {
|
|
41
|
+
marginLeft: "".concat(item.href ? '0px' : '-2px'),
|
|
42
|
+
} },
|
|
41
43
|
react_1.default.createElement(WordBreakSpan, null, itemValue),
|
|
42
44
|
item.valueDescription && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
43
45
|
react_1.default.createElement(newskit_1.Block, { as: "span", marginBlock: item.type !== 'payment' ? 'space040' : 'space020', style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ContentListView/ListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,mCASgB;AAChB,gDAAyB;AAEzB,+DAAgF;AAChF,oFAA6G;AAE7G,IAAM,mBAAmB,GAAG,IAAA,uBAAa,EAAC,qBAAe,CAAC,CAAA;AAC1D,IAAM,2BAA2B,GAAG,IAAA,uBAAa,EAAC,iCAAuB,CAAC,CAAA;AAE1E,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,mBAAS,CAAC,mGAAA,gCAEpC,IAAA,CAAA;AAED,IAAM,aAAa,GAAG,gBAAM,CAAC,IAAI,kGAAA,+BAEhC,IAAA,CAAA;AAEM,IAAM,QAAQ,GAAqC,UAAC,
|
|
1
|
+
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ContentListView/ListItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -52,6 +52,11 @@ export interface ListCellProps {
|
|
|
52
52
|
describedId?: string;
|
|
53
53
|
itemValue?: string | string[] | JSX.Element;
|
|
54
54
|
description?: string;
|
|
55
|
+
descriptionOverrides?: {
|
|
56
|
+
typographyPreset?: MQ<string>;
|
|
57
|
+
stylePreset?: MQ<string>;
|
|
58
|
+
marginBlockStart?: MQ<string>;
|
|
59
|
+
};
|
|
55
60
|
}
|
|
56
61
|
export interface ListItemComponentProps {
|
|
57
62
|
item: ListItemType;
|
|
@@ -22,16 +22,18 @@ var IconOutlinedArrowForwardIos = toNewsKitIcon(OutlinedArrowForwardIos);
|
|
|
22
22
|
var Description = styled(TextBlock)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: transparent;\n"], ["\n background: transparent;\n"])));
|
|
23
23
|
var WordBreakSpan = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n word-break: break-word;\n"], ["\n word-break: break-word;\n"])));
|
|
24
24
|
export var ListItem = function (_a) {
|
|
25
|
-
var item = _a.item, _b = _a.listCellProps, _c = _b === void 0 ? {} : _b, xs = _c.xs, md = _c.md, labelOverrides = _c.labelOverrides, describedId = _c.describedId, description = _c.description, itemValue = _c.itemValue, align = _c.align, listItemProps = _a.listItemProps;
|
|
25
|
+
var item = _a.item, _b = _a.listCellProps, _c = _b === void 0 ? {} : _b, xs = _c.xs, md = _c.md, labelOverrides = _c.labelOverrides, describedId = _c.describedId, description = _c.description, descriptionOverrides = _c.descriptionOverrides, itemValue = _c.itemValue, align = _c.align, listItemProps = _a.listItemProps;
|
|
26
26
|
return (React.createElement(StructuredListItem, __assign({}, listItemProps, { href: item.href }),
|
|
27
27
|
React.createElement(StructuredListCell, { xs: xs, md: md, align: align || 'start' },
|
|
28
28
|
React.createElement(TextBlock, __assign({ stylePreset: "inkContrast", typographyPreset: "utilityHeading010" }, labelOverrides, { style: {
|
|
29
29
|
paddingTop: "".concat(item.type === 'payment' ? '5px' : '0px'),
|
|
30
30
|
} }),
|
|
31
31
|
item.label,
|
|
32
|
-
item.labelDescription && (React.createElement(Description, { stylePreset: "inkSubtle", typographyPreset: "utilityBody010", id: describedId, as: "span" }, item.labelDescription)))),
|
|
32
|
+
item.labelDescription && (React.createElement(Description, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010", marginBlockStart: "space040", id: describedId, as: "span" }, descriptionOverrides), item.labelDescription)))),
|
|
33
33
|
item.type && (React.createElement(StructuredListCell, { xs: 10, md: 6 },
|
|
34
|
-
React.createElement(TextBlock, { typographyPreset: "utilityBody020", stylePreset: "inkBase", noCrop: item.type === 'payment'
|
|
34
|
+
React.createElement(TextBlock, { typographyPreset: "utilityBody020", stylePreset: "inkBase", noCrop: item.type === 'payment', style: {
|
|
35
|
+
marginLeft: "".concat(item.href ? '0px' : '-2px'),
|
|
36
|
+
} },
|
|
35
37
|
React.createElement(WordBreakSpan, null, itemValue),
|
|
36
38
|
item.valueDescription && (React.createElement(React.Fragment, null,
|
|
37
39
|
React.createElement(Block, { as: "span", marginBlock: item.type !== 'payment' ? 'space040' : 'space020', style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ContentListView/ListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,EACL,KAAK,EACL,KAAK,EACL,kBAAkB,EAElB,kBAAkB,EAClB,MAAM,EACN,SAAS,EACT,aAAa,GACd,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,mCAAmC,CAAA;AAChF,OAAO,EAAE,eAAe,IAAI,uBAAuB,EAAE,MAAM,kDAAkD,CAAA;AAE7G,IAAM,mBAAmB,GAAG,aAAa,CAAC,eAAe,CAAC,CAAA;AAC1D,IAAM,2BAA2B,GAAG,aAAa,CAAC,uBAAuB,CAAC,CAAA;AAE1E,IAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,mGAAA,gCAEpC,IAAA,CAAA;AAED,IAAM,aAAa,GAAG,MAAM,CAAC,IAAI,kGAAA,+BAEhC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,QAAQ,GAAqC,UAAC,
|
|
1
|
+
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ContentListView/ListItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -52,6 +52,11 @@ export interface ListCellProps {
|
|
|
52
52
|
describedId?: string;
|
|
53
53
|
itemValue?: string | string[] | JSX.Element;
|
|
54
54
|
description?: string;
|
|
55
|
+
descriptionOverrides?: {
|
|
56
|
+
typographyPreset?: MQ<string>;
|
|
57
|
+
stylePreset?: MQ<string>;
|
|
58
|
+
marginBlockStart?: MQ<string>;
|
|
59
|
+
};
|
|
55
60
|
}
|
|
56
61
|
export interface ListItemComponentProps {
|
|
57
62
|
item: ListItemType;
|