@newskit-render/shared-components 4.20.1 → 4.20.2
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/InvoiceListItem.d.ts +3 -0
- package/dist/cjs/ContentListView/InvoiceListItem.js +45 -0
- package/dist/cjs/ContentListView/InvoiceListItem.js.map +1 -0
- package/dist/cjs/ContentListView/ListItem.js +10 -14
- package/dist/cjs/ContentListView/ListItem.js.map +1 -1
- package/dist/cjs/ContentListView/types.d.ts +23 -1
- package/dist/cjs/ContentListView/types.js.map +1 -1
- package/dist/esm/ContentListView/InvoiceListItem.d.ts +3 -0
- package/dist/esm/ContentListView/InvoiceListItem.js +38 -0
- package/dist/esm/ContentListView/InvoiceListItem.js.map +1 -0
- package/dist/esm/ContentListView/ListItem.js +11 -15
- package/dist/esm/ContentListView/ListItem.js.map +1 -1
- package/dist/esm/ContentListView/types.d.ts +23 -1
- package/dist/esm/ContentListView/types.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
17
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
|
+
};
|
|
20
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
+
exports.InvoiceListItem = void 0;
|
|
22
|
+
var react_1 = __importDefault(require("react"));
|
|
23
|
+
var newskit_1 = require("newskit");
|
|
24
|
+
var StyledLinkInline = (0, newskit_1.styled)(newskit_1.LinkInline)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n text-decoration: none;\n"], ["\n text-decoration: none;\n"])));
|
|
25
|
+
var StyledTextBlock = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n text-align: right;\n"], ["\n text-align: right;\n"])));
|
|
26
|
+
var InvoiceListItem = function (_a) {
|
|
27
|
+
var item = _a.item, handlePDF = _a.handlePDF, overrides = _a.overrides;
|
|
28
|
+
return (react_1.default.createElement(newskit_1.Stack, __assign({}, overrides === null || overrides === void 0 ? void 0 : overrides.sectionLayout, { flexShrink: true }),
|
|
29
|
+
react_1.default.createElement(newskit_1.Stack, __assign({}, overrides === null || overrides === void 0 ? void 0 : overrides.columns, { flow: "vertical-left", stackDistribution: "space-between" }),
|
|
30
|
+
react_1.default.createElement(newskit_1.TextBlock, __assign({}, overrides === null || overrides === void 0 ? void 0 : overrides.labelOverrides), item.label),
|
|
31
|
+
react_1.default.createElement(newskit_1.TextBlock, { stylePreset: "inkSubtle", typographyPreset: "utilityBody030" }, item.billStatus)),
|
|
32
|
+
react_1.default.createElement(newskit_1.Stack, __assign({}, overrides === null || overrides === void 0 ? void 0 : overrides.columns, { flow: "vertical-right", stackDistribution: "space-between" }),
|
|
33
|
+
react_1.default.createElement(StyledTextBlock, __assign({}, overrides === null || overrides === void 0 ? void 0 : overrides.labelOverrides), item.billDate),
|
|
34
|
+
react_1.default.createElement(StyledLinkInline, { href: "#", external: true, overrides: {
|
|
35
|
+
typographyPreset: 'utilitySubheading020',
|
|
36
|
+
}, onClick: function (event) {
|
|
37
|
+
// this is tested in the my-account package
|
|
38
|
+
// it's flagged as uncovered because of the AND condition
|
|
39
|
+
/* istanbul ignore next */
|
|
40
|
+
handlePDF && handlePDF(event);
|
|
41
|
+
} }, "View"))));
|
|
42
|
+
};
|
|
43
|
+
exports.InvoiceListItem = InvoiceListItem;
|
|
44
|
+
var templateObject_1, templateObject_2;
|
|
45
|
+
//# sourceMappingURL=InvoiceListItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InvoiceListItem.js","sourceRoot":"","sources":["../../../src/ContentListView/InvoiceListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,mCAA8D;AAE9D,IAAM,gBAAgB,GAAG,IAAA,gBAAM,EAAC,oBAAU,CAAC,iGAAA,8BAE1C,IAAA,CAAA;AAED,IAAM,eAAe,GAAG,IAAA,gBAAM,EAAC,mBAAS,CAAC,6FAAA,0BAExC,IAAA,CAAA;AAEM,IAAM,eAAe,GAAmC,UAAC,EAI/D;QAHC,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,SAAS,eAAA;IACL,OAAA,CACJ,8BAAC,eAAK,eAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,aAAa,IAAE,UAAU,EAAE,IAAI;QACnD,8BAAC,eAAK,eACA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,IACtB,IAAI,EAAC,eAAe,EACpB,iBAAiB,EAAC,eAAe;YAEjC,8BAAC,mBAAS,eAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,cAAc,GAAG,IAAI,CAAC,KAAK,CAAa;YAClE,8BAAC,mBAAS,IAAC,WAAW,EAAC,WAAW,EAAC,gBAAgB,EAAC,gBAAgB,IACjE,IAAI,CAAC,UAAU,CACN,CACN;QAER,8BAAC,eAAK,eACA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,IACtB,IAAI,EAAC,gBAAgB,EACrB,iBAAiB,EAAC,eAAe;YAEjC,8BAAC,eAAe,eAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,cAAc,GAC3C,IAAI,CAAC,QAAQ,CACE;YAClB,8BAAC,gBAAgB,IACf,IAAI,EAAC,GAAG,EACR,QAAQ,EAAE,IAAI,EACd,SAAS,EAAE;oBACT,gBAAgB,EAAE,sBAAsB;iBACzC,EACD,OAAO,EAAE,UAAC,KAAK;oBACb,2CAA2C;oBAC3C,yDAAyD;oBACzD,0BAA0B;oBAC1B,SAAS,IAAI,SAAS,CAAC,KAAK,CAAC,CAAA;gBAC/B,CAAC,WAGgB,CACb,CACF,CACT;AAtCK,CAsCL,CAAA;AA1CY,QAAA,eAAe,mBA0C3B"}
|
|
@@ -25,6 +25,7 @@ var OpenInNew_1 = require("@emotion-icons/material/OpenInNew");
|
|
|
25
25
|
var ArrowForwardIos_1 = require("@emotion-icons/material-outlined/ArrowForwardIos");
|
|
26
26
|
var Info_1 = require("@emotion-icons/material-outlined/Info");
|
|
27
27
|
var lodash_unescape_1 = __importDefault(require("lodash.unescape"));
|
|
28
|
+
var InvoiceListItem_1 = require("./InvoiceListItem");
|
|
28
29
|
var IconFilledOpenInNew = (0, newskit_1.toNewsKitIcon)(OpenInNew_1.OpenInNew);
|
|
29
30
|
var IconOutlinedInfo = (0, newskit_1.toNewsKitIcon)(Info_1.Info);
|
|
30
31
|
var IconOutlinedArrowForwardIos = (0, newskit_1.toNewsKitIcon)(ArrowForwardIos_1.ArrowForwardIos);
|
|
@@ -41,18 +42,19 @@ var StyledStructuredListItem = (0, newskit_1.styled)(newskit_1.StructuredListIte
|
|
|
41
42
|
});
|
|
42
43
|
var StyledSpan = newskit_1.styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
|
|
43
44
|
var ListItem = function (_a) {
|
|
44
|
-
var item = _a.item, handlePDF = _a.handlePDF, _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, fullWidthSingleCell = _c.fullWidthSingleCell, listItemProps = _a.listItemProps;
|
|
45
|
+
var item = _a.item, handlePDF = _a.handlePDF, _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, invoiceOverrides = _c.invoiceOverrides, itemValue = _c.itemValue, align = _c.align, fullWidthSingleCell = _c.fullWidthSingleCell, listItemProps = _a.listItemProps;
|
|
46
|
+
if (item.type === 'paymentHistory') {
|
|
47
|
+
return (react_1.default.createElement(InvoiceListItem_1.InvoiceListItem, { item: item, handlePDF: handlePDF, overrides: invoiceOverrides }));
|
|
48
|
+
}
|
|
45
49
|
return (react_1.default.createElement(StyledStructuredListItem, __assign({}, listItemProps, { href: item.href, target: item.target }),
|
|
46
50
|
react_1.default.createElement(newskit_1.StructuredListCell, { xs: xs, md: md, fullWidthSingleCell: fullWidthSingleCell, align: align || 'start' },
|
|
47
51
|
react_1.default.createElement(newskit_1.GridLayout, { alignItems: "center" },
|
|
48
|
-
react_1.default.createElement(newskit_1.TextBlock, __assign({
|
|
52
|
+
react_1.default.createElement(newskit_1.TextBlock, __assign({ stylePreset: "inkContrast", typographyPreset: "utilityHeading010" }, labelOverrides, { style: {
|
|
49
53
|
paddingTop: "".concat(item.type === 'payment' ? '5px' : '0px'),
|
|
50
54
|
}, marginInlineEnd: item.type ? 'space040' : 'space000' }),
|
|
51
55
|
item.labelIcon ? (react_1.default.createElement(StyledSpan, null,
|
|
52
56
|
react_1.default.createElement(IconComponent, __assign({}, item.labelIcon)),
|
|
53
|
-
item.label)) : item.
|
|
54
|
-
react_1.default.createElement(newskit_1.TextBlock, null, item.label),
|
|
55
|
-
react_1.default.createElement(newskit_1.TextBlock, { stylePreset: "inkSubtle", typographyPreset: "utilityBody030" }, item.billStatus))) : (item.label),
|
|
57
|
+
item.label)) : (item.label),
|
|
56
58
|
item.labelDescription && (react_1.default.createElement(Description, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010", marginBlockStart: "space040", id: describedId, as: "span" }, descriptionOverrides), item.labelDescription))),
|
|
57
59
|
item.icon && (react_1.default.createElement(newskit_1.StructuredListCell, { xs: 3, pullRight: true },
|
|
58
60
|
react_1.default.createElement(newskit_1.Visible, __assign({}, (item.iconOverrides || { xs: true, sm: true })),
|
|
@@ -65,7 +67,7 @@ var ListItem = function (_a) {
|
|
|
65
67
|
size: 'iconSize010',
|
|
66
68
|
stylePreset: 'inkContrast',
|
|
67
69
|
} })))))))),
|
|
68
|
-
item.type &&
|
|
70
|
+
item.type && (react_1.default.createElement(newskit_1.StructuredListCell, { xs: 10, md: 6 },
|
|
69
71
|
react_1.default.createElement(newskit_1.TextBlock, { as: "span", typographyPreset: "utilityBody020", stylePreset: "inkBase", noCrop: item.type === 'payment', style: {
|
|
70
72
|
marginLeft: "".concat(item.href ? '0px' : '-2px'),
|
|
71
73
|
} },
|
|
@@ -75,13 +77,7 @@ var ListItem = function (_a) {
|
|
|
75
77
|
display: 'block',
|
|
76
78
|
} }),
|
|
77
79
|
react_1.default.createElement(Description, { stylePreset: "inkSubtle", typographyPreset: "utilityBody010", id: describedId }, description)))))),
|
|
78
|
-
item.
|
|
79
|
-
react_1.default.createElement(newskit_1.TextBlock, { stylePreset: "inkContrast", typographyPreset: "utilityHeading010", style: { display: 'inline' } }, item.billDate),
|
|
80
|
-
react_1.default.createElement(newskit_1.LinkInline, { href: "#", external: true, overrides: {
|
|
81
|
-
stylePreset: 'linkInline',
|
|
82
|
-
typographyPreset: 'utilityBody020',
|
|
83
|
-
}, onClick: function (event) { return handlePDF && handlePDF(event); } }, "View"))) : (item.icon &&
|
|
84
|
-
!item.iconOverrides && (react_1.default.createElement(newskit_1.StructuredListCell, { xs: 3, pullRight: true },
|
|
80
|
+
item.icon && !item.iconOverrides && (react_1.default.createElement(newskit_1.StructuredListCell, { xs: 3, pullRight: true },
|
|
85
81
|
react_1.default.createElement(newskit_1.Visible, { md: true, lg: true, xl: true },
|
|
86
82
|
react_1.default.createElement(newskit_1.Stack, { stackDistribution: "flex-end", flow: "horizontal-center" },
|
|
87
83
|
item.icon === 'external' && (react_1.default.createElement(IconFilledOpenInNew, { overrides: {
|
|
@@ -91,7 +87,7 @@ var ListItem = function (_a) {
|
|
|
91
87
|
item.icon === 'internal' && (react_1.default.createElement(IconOutlinedArrowForwardIos, { overrides: {
|
|
92
88
|
size: 'iconSize010',
|
|
93
89
|
stylePreset: 'inkContrast',
|
|
94
|
-
} }))))))
|
|
90
|
+
} })))))),
|
|
95
91
|
item.tooltip && (react_1.default.createElement(newskit_1.StructuredListCell, { xs: 3, pullRight: true },
|
|
96
92
|
react_1.default.createElement(newskit_1.Stack, { stackDistribution: "flex-end", flow: "horizontal-center" },
|
|
97
93
|
react_1.default.createElement(newskit_1.Tooltip, { content: item.tooltip.content, placement: item.tooltip.placement, trigger: item.tooltip.trigger, overrides: item.tooltip.overrides },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ContentListView/ListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ContentListView/ListItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { MQ, TriggerType, NewsKitIcon } from 'newskit';
|
|
2
|
+
import { MQ, TriggerType, NewsKitIcon, Flow, StackDistribution } from 'newskit';
|
|
3
3
|
import { LogicalProps } from 'newskit/cjs/utils/logical-properties';
|
|
4
4
|
import { DescriptionOverrides, IntroductionProps, TitleOverrides } from '../Introduction/types';
|
|
5
5
|
export interface LabelIcon {
|
|
@@ -13,6 +13,22 @@ export interface ListItemTypeFilter {
|
|
|
13
13
|
dataPath: string;
|
|
14
14
|
showOnTrue?: boolean;
|
|
15
15
|
}
|
|
16
|
+
export interface InvoiceOverrides {
|
|
17
|
+
sectionLayout?: {
|
|
18
|
+
paddingBlock?: MQ<string>;
|
|
19
|
+
paddingInline?: MQ<string>;
|
|
20
|
+
flow?: MQ<Flow>;
|
|
21
|
+
stackDistribution?: MQ<StackDistribution>;
|
|
22
|
+
};
|
|
23
|
+
columns?: {
|
|
24
|
+
paddingInline?: MQ<string>;
|
|
25
|
+
};
|
|
26
|
+
labelOverrides?: {
|
|
27
|
+
typographyPreset?: MQ<string>;
|
|
28
|
+
stylePreset?: MQ<string>;
|
|
29
|
+
marginBlockEnd?: MQ<string>;
|
|
30
|
+
};
|
|
31
|
+
}
|
|
16
32
|
export interface ListItemType {
|
|
17
33
|
href?: string;
|
|
18
34
|
target?: string;
|
|
@@ -107,6 +123,7 @@ export interface ListCellProps {
|
|
|
107
123
|
stylePreset?: MQ<string>;
|
|
108
124
|
marginBlockStart?: MQ<string>;
|
|
109
125
|
};
|
|
126
|
+
invoiceOverrides?: InvoiceOverrides;
|
|
110
127
|
}
|
|
111
128
|
export interface ListItemComponentProps {
|
|
112
129
|
item: ListItemType;
|
|
@@ -114,6 +131,11 @@ export interface ListItemComponentProps {
|
|
|
114
131
|
listItemProps: ListItemProps;
|
|
115
132
|
handlePDF?: (event: any) => Promise<void>;
|
|
116
133
|
}
|
|
134
|
+
export interface InvoiceListItemProps {
|
|
135
|
+
item: ListItemType;
|
|
136
|
+
handlePDF?: (event: any) => Promise<void>;
|
|
137
|
+
overrides?: InvoiceOverrides;
|
|
138
|
+
}
|
|
117
139
|
export interface DateItemType {
|
|
118
140
|
id: string;
|
|
119
141
|
startDate: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/ContentListView/types.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/ContentListView/types.ts"],"names":[],"mappings":";;;AAsFA,IAAY,iBAIX;AAJD,WAAY,iBAAiB;IAC3B,4CAAuB,CAAA;IACvB,4CAAuB,CAAA;IACvB,4CAAuB,CAAA;AACzB,CAAC,EAJW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAI5B"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
+
return cooked;
|
|
4
|
+
};
|
|
5
|
+
var __assign = (this && this.__assign) || function () {
|
|
6
|
+
__assign = Object.assign || function(t) {
|
|
7
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
+
s = arguments[i];
|
|
9
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
+
t[p] = s[p];
|
|
11
|
+
}
|
|
12
|
+
return t;
|
|
13
|
+
};
|
|
14
|
+
return __assign.apply(this, arguments);
|
|
15
|
+
};
|
|
16
|
+
import React from 'react';
|
|
17
|
+
import { LinkInline, Stack, TextBlock, styled } from 'newskit';
|
|
18
|
+
var StyledLinkInline = styled(LinkInline)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n text-decoration: none;\n"], ["\n text-decoration: none;\n"])));
|
|
19
|
+
var StyledTextBlock = styled(TextBlock)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n text-align: right;\n"], ["\n text-align: right;\n"])));
|
|
20
|
+
export var InvoiceListItem = function (_a) {
|
|
21
|
+
var item = _a.item, handlePDF = _a.handlePDF, overrides = _a.overrides;
|
|
22
|
+
return (React.createElement(Stack, __assign({}, overrides === null || overrides === void 0 ? void 0 : overrides.sectionLayout, { flexShrink: true }),
|
|
23
|
+
React.createElement(Stack, __assign({}, overrides === null || overrides === void 0 ? void 0 : overrides.columns, { flow: "vertical-left", stackDistribution: "space-between" }),
|
|
24
|
+
React.createElement(TextBlock, __assign({}, overrides === null || overrides === void 0 ? void 0 : overrides.labelOverrides), item.label),
|
|
25
|
+
React.createElement(TextBlock, { stylePreset: "inkSubtle", typographyPreset: "utilityBody030" }, item.billStatus)),
|
|
26
|
+
React.createElement(Stack, __assign({}, overrides === null || overrides === void 0 ? void 0 : overrides.columns, { flow: "vertical-right", stackDistribution: "space-between" }),
|
|
27
|
+
React.createElement(StyledTextBlock, __assign({}, overrides === null || overrides === void 0 ? void 0 : overrides.labelOverrides), item.billDate),
|
|
28
|
+
React.createElement(StyledLinkInline, { href: "#", external: true, overrides: {
|
|
29
|
+
typographyPreset: 'utilitySubheading020',
|
|
30
|
+
}, onClick: function (event) {
|
|
31
|
+
// this is tested in the my-account package
|
|
32
|
+
// it's flagged as uncovered because of the AND condition
|
|
33
|
+
/* istanbul ignore next */
|
|
34
|
+
handlePDF && handlePDF(event);
|
|
35
|
+
} }, "View"))));
|
|
36
|
+
};
|
|
37
|
+
var templateObject_1, templateObject_2;
|
|
38
|
+
//# sourceMappingURL=InvoiceListItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InvoiceListItem.js","sourceRoot":"","sources":["../../../src/ContentListView/InvoiceListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAE9D,IAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,iGAAA,8BAE1C,IAAA,CAAA;AAED,IAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,6FAAA,0BAExC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAmC,UAAC,EAI/D;QAHC,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,SAAS,eAAA;IACL,OAAA,CACJ,oBAAC,KAAK,eAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,aAAa,IAAE,UAAU,EAAE,IAAI;QACnD,oBAAC,KAAK,eACA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,IACtB,IAAI,EAAC,eAAe,EACpB,iBAAiB,EAAC,eAAe;YAEjC,oBAAC,SAAS,eAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,cAAc,GAAG,IAAI,CAAC,KAAK,CAAa;YAClE,oBAAC,SAAS,IAAC,WAAW,EAAC,WAAW,EAAC,gBAAgB,EAAC,gBAAgB,IACjE,IAAI,CAAC,UAAU,CACN,CACN;QAER,oBAAC,KAAK,eACA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,IACtB,IAAI,EAAC,gBAAgB,EACrB,iBAAiB,EAAC,eAAe;YAEjC,oBAAC,eAAe,eAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,cAAc,GAC3C,IAAI,CAAC,QAAQ,CACE;YAClB,oBAAC,gBAAgB,IACf,IAAI,EAAC,GAAG,EACR,QAAQ,EAAE,IAAI,EACd,SAAS,EAAE;oBACT,gBAAgB,EAAE,sBAAsB;iBACzC,EACD,OAAO,EAAE,UAAC,KAAK;oBACb,2CAA2C;oBAC3C,yDAAyD;oBACzD,0BAA0B;oBAC1B,SAAS,IAAI,SAAS,CAAC,KAAK,CAAC,CAAA;gBAC/B,CAAC,WAGgB,CACb,CACF,CACT;AAtCK,CAsCL,CAAA"}
|
|
@@ -13,12 +13,13 @@ var __assign = (this && this.__assign) || function () {
|
|
|
13
13
|
};
|
|
14
14
|
return __assign.apply(this, arguments);
|
|
15
15
|
};
|
|
16
|
-
import { Block, GridLayout, Stack, StructuredListCell, StructuredListItem, styled, TextBlock, toNewsKitIcon, Tooltip, Visible,
|
|
16
|
+
import { Block, GridLayout, Stack, StructuredListCell, StructuredListItem, styled, TextBlock, toNewsKitIcon, Tooltip, Visible, } from 'newskit';
|
|
17
17
|
import React from 'react';
|
|
18
18
|
import { OpenInNew as FilledOpenInNew } from '@emotion-icons/material/OpenInNew';
|
|
19
19
|
import { ArrowForwardIos as OutlinedArrowForwardIos } from '@emotion-icons/material-outlined/ArrowForwardIos';
|
|
20
20
|
import { Info as OutlinedInfo } from '@emotion-icons/material-outlined/Info';
|
|
21
21
|
import unescape from 'lodash.unescape';
|
|
22
|
+
import { InvoiceListItem } from './InvoiceListItem';
|
|
22
23
|
var IconFilledOpenInNew = toNewsKitIcon(FilledOpenInNew);
|
|
23
24
|
var IconOutlinedInfo = toNewsKitIcon(OutlinedInfo);
|
|
24
25
|
var IconOutlinedArrowForwardIos = toNewsKitIcon(OutlinedArrowForwardIos);
|
|
@@ -35,18 +36,19 @@ var StyledStructuredListItem = styled(StructuredListItem)(templateObject_3 || (t
|
|
|
35
36
|
});
|
|
36
37
|
var StyledSpan = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
|
|
37
38
|
export var ListItem = function (_a) {
|
|
38
|
-
var item = _a.item, handlePDF = _a.handlePDF, _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, fullWidthSingleCell = _c.fullWidthSingleCell, listItemProps = _a.listItemProps;
|
|
39
|
+
var item = _a.item, handlePDF = _a.handlePDF, _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, invoiceOverrides = _c.invoiceOverrides, itemValue = _c.itemValue, align = _c.align, fullWidthSingleCell = _c.fullWidthSingleCell, listItemProps = _a.listItemProps;
|
|
40
|
+
if (item.type === 'paymentHistory') {
|
|
41
|
+
return (React.createElement(InvoiceListItem, { item: item, handlePDF: handlePDF, overrides: invoiceOverrides }));
|
|
42
|
+
}
|
|
39
43
|
return (React.createElement(StyledStructuredListItem, __assign({}, listItemProps, { href: item.href, target: item.target }),
|
|
40
44
|
React.createElement(StructuredListCell, { xs: xs, md: md, fullWidthSingleCell: fullWidthSingleCell, align: align || 'start' },
|
|
41
45
|
React.createElement(GridLayout, { alignItems: "center" },
|
|
42
|
-
React.createElement(TextBlock, __assign({
|
|
46
|
+
React.createElement(TextBlock, __assign({ stylePreset: "inkContrast", typographyPreset: "utilityHeading010" }, labelOverrides, { style: {
|
|
43
47
|
paddingTop: "".concat(item.type === 'payment' ? '5px' : '0px'),
|
|
44
48
|
}, marginInlineEnd: item.type ? 'space040' : 'space000' }),
|
|
45
49
|
item.labelIcon ? (React.createElement(StyledSpan, null,
|
|
46
50
|
React.createElement(IconComponent, __assign({}, item.labelIcon)),
|
|
47
|
-
item.label)) : item.
|
|
48
|
-
React.createElement(TextBlock, null, item.label),
|
|
49
|
-
React.createElement(TextBlock, { stylePreset: "inkSubtle", typographyPreset: "utilityBody030" }, item.billStatus))) : (item.label),
|
|
51
|
+
item.label)) : (item.label),
|
|
50
52
|
item.labelDescription && (React.createElement(Description, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010", marginBlockStart: "space040", id: describedId, as: "span" }, descriptionOverrides), item.labelDescription))),
|
|
51
53
|
item.icon && (React.createElement(StructuredListCell, { xs: 3, pullRight: true },
|
|
52
54
|
React.createElement(Visible, __assign({}, (item.iconOverrides || { xs: true, sm: true })),
|
|
@@ -59,7 +61,7 @@ export var ListItem = function (_a) {
|
|
|
59
61
|
size: 'iconSize010',
|
|
60
62
|
stylePreset: 'inkContrast',
|
|
61
63
|
} })))))))),
|
|
62
|
-
item.type &&
|
|
64
|
+
item.type && (React.createElement(StructuredListCell, { xs: 10, md: 6 },
|
|
63
65
|
React.createElement(TextBlock, { as: "span", typographyPreset: "utilityBody020", stylePreset: "inkBase", noCrop: item.type === 'payment', style: {
|
|
64
66
|
marginLeft: "".concat(item.href ? '0px' : '-2px'),
|
|
65
67
|
} },
|
|
@@ -69,13 +71,7 @@ export var ListItem = function (_a) {
|
|
|
69
71
|
display: 'block',
|
|
70
72
|
} }),
|
|
71
73
|
React.createElement(Description, { stylePreset: "inkSubtle", typographyPreset: "utilityBody010", id: describedId }, description)))))),
|
|
72
|
-
item.
|
|
73
|
-
React.createElement(TextBlock, { stylePreset: "inkContrast", typographyPreset: "utilityHeading010", style: { display: 'inline' } }, item.billDate),
|
|
74
|
-
React.createElement(LinkInline, { href: "#", external: true, overrides: {
|
|
75
|
-
stylePreset: 'linkInline',
|
|
76
|
-
typographyPreset: 'utilityBody020',
|
|
77
|
-
}, onClick: function (event) { return handlePDF && handlePDF(event); } }, "View"))) : (item.icon &&
|
|
78
|
-
!item.iconOverrides && (React.createElement(StructuredListCell, { xs: 3, pullRight: true },
|
|
74
|
+
item.icon && !item.iconOverrides && (React.createElement(StructuredListCell, { xs: 3, pullRight: true },
|
|
79
75
|
React.createElement(Visible, { md: true, lg: true, xl: true },
|
|
80
76
|
React.createElement(Stack, { stackDistribution: "flex-end", flow: "horizontal-center" },
|
|
81
77
|
item.icon === 'external' && (React.createElement(IconFilledOpenInNew, { overrides: {
|
|
@@ -85,7 +81,7 @@ export var ListItem = function (_a) {
|
|
|
85
81
|
item.icon === 'internal' && (React.createElement(IconOutlinedArrowForwardIos, { overrides: {
|
|
86
82
|
size: 'iconSize010',
|
|
87
83
|
stylePreset: 'inkContrast',
|
|
88
|
-
} }))))))
|
|
84
|
+
} })))))),
|
|
89
85
|
item.tooltip && (React.createElement(StructuredListCell, { xs: 3, pullRight: true },
|
|
90
86
|
React.createElement(Stack, { stackDistribution: "flex-end", flow: "horizontal-center" },
|
|
91
87
|
React.createElement(Tooltip, { content: item.tooltip.content, placement: item.tooltip.placement, trigger: item.tooltip.trigger, overrides: item.tooltip.overrides },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ContentListView/ListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,EACL,KAAK,EACL,UAAU,EACV,KAAK,EACL,kBAAkB,EAElB,kBAAkB,EAClB,MAAM,EACN,SAAS,EACT,aAAa,EACb,OAAO,EACP,OAAO,
|
|
1
|
+
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ContentListView/ListItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { MQ, TriggerType, NewsKitIcon } from 'newskit';
|
|
2
|
+
import { MQ, TriggerType, NewsKitIcon, Flow, StackDistribution } from 'newskit';
|
|
3
3
|
import { LogicalProps } from 'newskit/cjs/utils/logical-properties';
|
|
4
4
|
import { DescriptionOverrides, IntroductionProps, TitleOverrides } from '../Introduction/types';
|
|
5
5
|
export interface LabelIcon {
|
|
@@ -13,6 +13,22 @@ export interface ListItemTypeFilter {
|
|
|
13
13
|
dataPath: string;
|
|
14
14
|
showOnTrue?: boolean;
|
|
15
15
|
}
|
|
16
|
+
export interface InvoiceOverrides {
|
|
17
|
+
sectionLayout?: {
|
|
18
|
+
paddingBlock?: MQ<string>;
|
|
19
|
+
paddingInline?: MQ<string>;
|
|
20
|
+
flow?: MQ<Flow>;
|
|
21
|
+
stackDistribution?: MQ<StackDistribution>;
|
|
22
|
+
};
|
|
23
|
+
columns?: {
|
|
24
|
+
paddingInline?: MQ<string>;
|
|
25
|
+
};
|
|
26
|
+
labelOverrides?: {
|
|
27
|
+
typographyPreset?: MQ<string>;
|
|
28
|
+
stylePreset?: MQ<string>;
|
|
29
|
+
marginBlockEnd?: MQ<string>;
|
|
30
|
+
};
|
|
31
|
+
}
|
|
16
32
|
export interface ListItemType {
|
|
17
33
|
href?: string;
|
|
18
34
|
target?: string;
|
|
@@ -107,6 +123,7 @@ export interface ListCellProps {
|
|
|
107
123
|
stylePreset?: MQ<string>;
|
|
108
124
|
marginBlockStart?: MQ<string>;
|
|
109
125
|
};
|
|
126
|
+
invoiceOverrides?: InvoiceOverrides;
|
|
110
127
|
}
|
|
111
128
|
export interface ListItemComponentProps {
|
|
112
129
|
item: ListItemType;
|
|
@@ -114,6 +131,11 @@ export interface ListItemComponentProps {
|
|
|
114
131
|
listItemProps: ListItemProps;
|
|
115
132
|
handlePDF?: (event: any) => Promise<void>;
|
|
116
133
|
}
|
|
134
|
+
export interface InvoiceListItemProps {
|
|
135
|
+
item: ListItemType;
|
|
136
|
+
handlePDF?: (event: any) => Promise<void>;
|
|
137
|
+
overrides?: InvoiceOverrides;
|
|
138
|
+
}
|
|
117
139
|
export interface DateItemType {
|
|
118
140
|
id: string;
|
|
119
141
|
startDate: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/ContentListView/types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/ContentListView/types.ts"],"names":[],"mappings":"AAsFA,MAAM,CAAN,IAAY,iBAIX;AAJD,WAAY,iBAAiB;IAC3B,4CAAuB,CAAA;IACvB,4CAAuB,CAAA;IACvB,4CAAuB,CAAA;AACzB,CAAC,EAJW,iBAAiB,KAAjB,iBAAiB,QAI5B"}
|