@newskit-render/shared-components 4.19.0 → 4.19.1
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/ButtonGroup/defaults.d.ts +1 -0
- package/dist/cjs/ButtonGroup/defaults.js +9 -1
- package/dist/cjs/ButtonGroup/defaults.js.map +1 -1
- package/dist/cjs/ButtonGroup/style-presets.d.ts +10 -0
- package/dist/cjs/ButtonGroup/style-presets.js +10 -0
- package/dist/cjs/ButtonGroup/style-presets.js.map +1 -1
- package/dist/cjs/ContentListView/ListItem.js +16 -8
- package/dist/cjs/ContentListView/ListItem.js.map +1 -1
- package/dist/cjs/ContentListView/types.d.ts +9 -1
- package/dist/cjs/ContentListView/types.js.map +1 -1
- package/dist/cjs/theme/sharedTheme/componentDefaults.d.ts +1 -0
- package/dist/cjs/theme/sharedTheme/componentDefaults.js +1 -0
- package/dist/cjs/theme/sharedTheme/componentDefaults.js.map +1 -1
- package/dist/esm/ButtonGroup/defaults.d.ts +1 -0
- package/dist/esm/ButtonGroup/defaults.js +8 -0
- package/dist/esm/ButtonGroup/defaults.js.map +1 -1
- package/dist/esm/ButtonGroup/style-presets.d.ts +10 -0
- package/dist/esm/ButtonGroup/style-presets.js +10 -0
- package/dist/esm/ButtonGroup/style-presets.js.map +1 -1
- package/dist/esm/ContentListView/ListItem.js +17 -9
- package/dist/esm/ContentListView/ListItem.js.map +1 -1
- package/dist/esm/ContentListView/types.d.ts +9 -1
- package/dist/esm/ContentListView/types.js.map +1 -1
- package/dist/esm/theme/sharedTheme/componentDefaults.d.ts +1 -0
- package/dist/esm/theme/sharedTheme/componentDefaults.js +2 -1
- package/dist/esm/theme/sharedTheme/componentDefaults.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.secondaryButton = exports.primaryButton = exports.buttonGroup = void 0;
|
|
3
|
+
exports.transparentButton = exports.secondaryButton = exports.primaryButton = exports.buttonGroup = void 0;
|
|
4
4
|
exports.buttonGroup = {
|
|
5
5
|
stylePreset: {
|
|
6
6
|
xs: 'buttonGroupXs',
|
|
@@ -25,4 +25,12 @@ exports.secondaryButton = {
|
|
|
25
25
|
typographyPreset: 'utilityButton020',
|
|
26
26
|
},
|
|
27
27
|
};
|
|
28
|
+
exports.transparentButton = {
|
|
29
|
+
size: 'medium',
|
|
30
|
+
overrides: {
|
|
31
|
+
stylePreset: 'buttonGroupOutlinedTransparent',
|
|
32
|
+
minWidth: { xs: '200px', sm: '200px' },
|
|
33
|
+
typographyPreset: 'utilityButton020',
|
|
34
|
+
},
|
|
35
|
+
};
|
|
28
36
|
//# sourceMappingURL=defaults.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/ButtonGroup/defaults.ts"],"names":[],"mappings":";;;AACa,QAAA,WAAW,GAAqB;IAC3C,WAAW,EAAE;QACX,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,eAAe;KACpB;IACD,UAAU,EAAE,KAAK;IACjB,SAAS,EAAE,IAAI;CAChB,CAAA;AAEY,QAAA,aAAa,GAAgB;IACxC,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE;QACT,WAAW,EAAE,oBAAoB;QACjC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE;QACzC,gBAAgB,EAAE,kBAAkB;KACrC;CACF,CAAA;AAEY,QAAA,eAAe,GAAgB;IAC1C,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE;QACT,WAAW,EAAE,wBAAwB;QACrC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE;QACzC,gBAAgB,EAAE,kBAAkB;KACrC;CACF,CAAA"}
|
|
1
|
+
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/ButtonGroup/defaults.ts"],"names":[],"mappings":";;;AACa,QAAA,WAAW,GAAqB;IAC3C,WAAW,EAAE;QACX,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,eAAe;KACpB;IACD,UAAU,EAAE,KAAK;IACjB,SAAS,EAAE,IAAI;CAChB,CAAA;AAEY,QAAA,aAAa,GAAgB;IACxC,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE;QACT,WAAW,EAAE,oBAAoB;QACjC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE;QACzC,gBAAgB,EAAE,kBAAkB;KACrC;CACF,CAAA;AAEY,QAAA,eAAe,GAAgB;IAC1C,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE;QACT,WAAW,EAAE,wBAAwB;QACrC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE;QACzC,gBAAgB,EAAE,kBAAkB;KACrC;CACF,CAAA;AAEY,QAAA,iBAAiB,GAAgB;IAC5C,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE;QACT,WAAW,EAAE,gCAAgC;QAC7C,QAAQ,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE;QACtC,gBAAgB,EAAE,kBAAkB;KACrC;CACF,CAAA"}
|
|
@@ -20,4 +20,14 @@ export declare const buttonGroupPresets: {
|
|
|
20
20
|
backgroundColor: string;
|
|
21
21
|
};
|
|
22
22
|
};
|
|
23
|
+
buttonGroupOutlinedTransparent: {
|
|
24
|
+
base: {
|
|
25
|
+
backgroundColor: string;
|
|
26
|
+
borderRadius: string;
|
|
27
|
+
borderColor: string;
|
|
28
|
+
borderStyle: string;
|
|
29
|
+
borderWidth: string;
|
|
30
|
+
minWidth: string;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
23
33
|
};
|
|
@@ -23,5 +23,15 @@ exports.buttonGroupPresets = {
|
|
|
23
23
|
backgroundColor: '{{colors.transparent}}',
|
|
24
24
|
},
|
|
25
25
|
},
|
|
26
|
+
buttonGroupOutlinedTransparent: {
|
|
27
|
+
base: {
|
|
28
|
+
backgroundColor: '{{colors.transparent}}',
|
|
29
|
+
borderRadius: '{{borders.borderRadiusSharp}}',
|
|
30
|
+
borderColor: '{{colors.inkContrast}}',
|
|
31
|
+
borderStyle: 'solid',
|
|
32
|
+
borderWidth: '{{borders.borderWidth010}}',
|
|
33
|
+
minWidth: 'sizing120',
|
|
34
|
+
},
|
|
35
|
+
},
|
|
26
36
|
};
|
|
27
37
|
//# sourceMappingURL=style-presets.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/ButtonGroup/style-presets.ts"],"names":[],"mappings":";;;AAAa,QAAA,kBAAkB,GAAG;IAChC,aAAa,EAAE;QACb,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;YAC1C,WAAW,EAAE,yBAAyB;YACtC,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,aAAa,EAAE;QACb,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,yBAAyB;YACtC,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,sBAAsB,EAAE;QACtB,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;SAC1C;KACF;CACF,CAAA"}
|
|
1
|
+
{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/ButtonGroup/style-presets.ts"],"names":[],"mappings":";;;AAAa,QAAA,kBAAkB,GAAG;IAChC,aAAa,EAAE;QACb,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;YAC1C,WAAW,EAAE,yBAAyB;YACtC,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,aAAa,EAAE;QACb,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,yBAAyB;YACtC,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,sBAAsB,EAAE;QACtB,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;SAC1C;KACF;IACD,8BAA8B,EAAE;QAC9B,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,YAAY,EAAE,+BAA+B;YAC7C,WAAW,EAAE,wBAAwB;YACrC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,4BAA4B;YACzC,QAAQ,EAAE,WAAW;SACtB;KACF;CACF,CAAA"}
|
|
@@ -41,16 +41,18 @@ var StyledStructuredListItem = (0, newskit_1.styled)(newskit_1.StructuredListIte
|
|
|
41
41
|
});
|
|
42
42
|
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
43
|
var ListItem = function (_a) {
|
|
44
|
-
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, fullWidthSingleCell = _c.fullWidthSingleCell, listItemProps = _a.listItemProps;
|
|
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
45
|
return (react_1.default.createElement(StyledStructuredListItem, __assign({}, listItemProps, { href: item.href, target: item.target }),
|
|
46
46
|
react_1.default.createElement(newskit_1.StructuredListCell, { xs: xs, md: md, fullWidthSingleCell: fullWidthSingleCell, align: align || 'start' },
|
|
47
|
-
react_1.default.createElement(newskit_1.GridLayout, {
|
|
48
|
-
react_1.default.createElement(newskit_1.TextBlock, __assign({ stylePreset: "inkContrast", typographyPreset: "utilityHeading010" }, labelOverrides, { style: {
|
|
47
|
+
react_1.default.createElement(newskit_1.GridLayout, { alignItems: "center" },
|
|
48
|
+
react_1.default.createElement(newskit_1.TextBlock, __assign({ as: item.type === 'paymentHistory' ? 'span' : 'p', stylePreset: "inkContrast", typographyPreset: "utilityHeading010" }, labelOverrides, { style: {
|
|
49
49
|
paddingTop: "".concat(item.type === 'payment' ? '5px' : '0px'),
|
|
50
|
-
}, marginInlineEnd: item.type ? 'space040' :
|
|
50
|
+
}, marginInlineEnd: item.type ? 'space040' : 'space000' }),
|
|
51
51
|
item.labelIcon ? (react_1.default.createElement(StyledSpan, null,
|
|
52
52
|
react_1.default.createElement(IconComponent, __assign({}, item.labelIcon)),
|
|
53
|
-
item.label)) :
|
|
53
|
+
item.label)) : item.pdfLink ? (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-left", stackDistribution: "space-between", spaceInline: "space020", height: "100%" },
|
|
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),
|
|
54
56
|
item.labelDescription && (react_1.default.createElement(Description, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010", marginBlockStart: "space040", id: describedId, as: "span" }, descriptionOverrides), item.labelDescription))),
|
|
55
57
|
item.icon && (react_1.default.createElement(newskit_1.StructuredListCell, { xs: 3, pullRight: true },
|
|
56
58
|
react_1.default.createElement(newskit_1.Visible, __assign({}, (item.iconOverrides || { xs: true, sm: true })),
|
|
@@ -63,7 +65,7 @@ var ListItem = function (_a) {
|
|
|
63
65
|
size: 'iconSize010',
|
|
64
66
|
stylePreset: 'inkContrast',
|
|
65
67
|
} })))))))),
|
|
66
|
-
item.type && (react_1.default.createElement(newskit_1.StructuredListCell, { xs: 10, md: 6 },
|
|
68
|
+
item.type && item.type !== 'paymentHistory' && (react_1.default.createElement(newskit_1.StructuredListCell, { xs: 10, md: 6 },
|
|
67
69
|
react_1.default.createElement(newskit_1.TextBlock, { as: "span", typographyPreset: "utilityBody020", stylePreset: "inkBase", noCrop: item.type === 'payment', style: {
|
|
68
70
|
marginLeft: "".concat(item.href ? '0px' : '-2px'),
|
|
69
71
|
} },
|
|
@@ -73,7 +75,13 @@ var ListItem = function (_a) {
|
|
|
73
75
|
display: 'block',
|
|
74
76
|
} }),
|
|
75
77
|
react_1.default.createElement(Description, { stylePreset: "inkSubtle", typographyPreset: "utilityBody010", id: describedId }, description)))))),
|
|
76
|
-
item.
|
|
78
|
+
item.type === 'paymentHistory' ? (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-right", stackDistribution: "space-between", spaceInline: "space020", height: "100%", wrap: "nowrap", flexShrink: true },
|
|
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 },
|
|
77
85
|
react_1.default.createElement(newskit_1.Visible, { md: true, lg: true, xl: true },
|
|
78
86
|
react_1.default.createElement(newskit_1.Stack, { stackDistribution: "flex-end", flow: "horizontal-center" },
|
|
79
87
|
item.icon === 'external' && (react_1.default.createElement(IconFilledOpenInNew, { overrides: {
|
|
@@ -83,7 +91,7 @@ var ListItem = function (_a) {
|
|
|
83
91
|
item.icon === 'internal' && (react_1.default.createElement(IconOutlinedArrowForwardIos, { overrides: {
|
|
84
92
|
size: 'iconSize010',
|
|
85
93
|
stylePreset: 'inkContrast',
|
|
86
|
-
} })))))),
|
|
94
|
+
} }))))))),
|
|
87
95
|
item.tooltip && (react_1.default.createElement(newskit_1.StructuredListCell, { xs: 3, pullRight: true },
|
|
88
96
|
react_1.default.createElement(newskit_1.Stack, { stackDistribution: "flex-end", flow: "horizontal-center" },
|
|
89
97
|
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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"}
|
|
@@ -37,6 +37,13 @@ export interface ListItemType {
|
|
|
37
37
|
'data-testid'?: string;
|
|
38
38
|
tooltip?: ListItemTooltip;
|
|
39
39
|
filter?: ListItemTypeFilter;
|
|
40
|
+
billDate?: string;
|
|
41
|
+
billAmount?: string;
|
|
42
|
+
billStatus?: string;
|
|
43
|
+
pdfLink?: string;
|
|
44
|
+
invoicePdfId?: string;
|
|
45
|
+
invoiceId?: string;
|
|
46
|
+
handlePDF?: (event: any) => Promise<void>;
|
|
40
47
|
}
|
|
41
48
|
export interface ListItemTooltip {
|
|
42
49
|
content: string;
|
|
@@ -56,7 +63,7 @@ export declare enum HolidayStopStatus {
|
|
|
56
63
|
processed = "processed",
|
|
57
64
|
cancelled = "cancelled"
|
|
58
65
|
}
|
|
59
|
-
export type ItemTypes = 'name' | 'dob' | 'displayName' | 'email' | 'password' | 'mobile' | 'landline' | 'address' | 'subscription' | 'price' | 'customerNumber' | 'subDate' | 'payment' | 'paymentMethods' | 'billDate' | 'amountDue' | 'newsletters' | 'commentingNotifications' | 'contactPreferences' | 'benefits' | 'deliveryInstructions' | 'holidayStops' | 'billingPostcode' | 'vouchers' | 'vouchersStartDate';
|
|
66
|
+
export type ItemTypes = 'name' | 'dob' | 'displayName' | 'email' | 'password' | 'mobile' | 'landline' | 'address' | 'subscription' | 'price' | 'customerNumber' | 'subDate' | 'payment' | 'paymentMethods' | 'billDate' | 'amountDue' | 'newsletters' | 'commentingNotifications' | 'contactPreferences' | 'benefits' | 'deliveryInstructions' | 'holidayStops' | 'billingPostcode' | 'vouchers' | 'vouchersStartDate' | 'paymentHistory';
|
|
60
67
|
export type EditComponentType = 'likedYourMessage' | 'userMentioned' | 'repliedToMessage';
|
|
61
68
|
export interface ContentListViewProps {
|
|
62
69
|
children: React.ReactNode;
|
|
@@ -105,6 +112,7 @@ export interface ListItemComponentProps {
|
|
|
105
112
|
item: ListItemType;
|
|
106
113
|
listCellProps?: ListCellProps;
|
|
107
114
|
listItemProps: ListItemProps;
|
|
115
|
+
handlePDF?: (event: any) => Promise<void>;
|
|
108
116
|
}
|
|
109
117
|
export interface DateItemType {
|
|
110
118
|
id: 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":";;;AAqEA,IAAY,iBAIX;AAJD,WAAY,iBAAiB;IAC3B,4CAAuB,CAAA;IACvB,4CAAuB,CAAA;IACvB,4CAAuB,CAAA;AACzB,CAAC,EAJW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAI5B"}
|
|
@@ -2,6 +2,7 @@ export declare const componentDefaults: {
|
|
|
2
2
|
buttonGroup: import("../../ButtonGroup").ButtonGroupProps;
|
|
3
3
|
primaryButton: import("../../ButtonGroup").ButtonProps;
|
|
4
4
|
secondaryButton: import("../../ButtonGroup").ButtonProps;
|
|
5
|
+
transparentButton: import("../../ButtonGroup").ButtonProps;
|
|
5
6
|
secureFlag: import("../../SecureFlag").SecureFlagProps;
|
|
6
7
|
contentListView: {
|
|
7
8
|
stylePreset: string;
|
|
@@ -8,6 +8,7 @@ exports.componentDefaults = {
|
|
|
8
8
|
buttonGroup: ButtonGroup_1.buttonGroup,
|
|
9
9
|
primaryButton: ButtonGroup_1.primaryButton,
|
|
10
10
|
secondaryButton: ButtonGroup_1.secondaryButton,
|
|
11
|
+
transparentButton: ButtonGroup_1.transparentButton,
|
|
11
12
|
secureFlag: SecureFlag_1.secureFlagComponentDefaults,
|
|
12
13
|
contentListView: ContentListView_1.contentListView,
|
|
13
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"componentDefaults.js","sourceRoot":"","sources":["../../../../src/theme/sharedTheme/componentDefaults.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"componentDefaults.js","sourceRoot":"","sources":["../../../../src/theme/sharedTheme/componentDefaults.ts"],"names":[],"mappings":";;;AAAA,iDAK0B;AAC1B,+CAA4E;AAC5E,yDAAuD;AAE1C,QAAA,iBAAiB,GAAG;IAC/B,WAAW,2BAAA;IACX,aAAa,6BAAA;IACb,eAAe,+BAAA;IACf,iBAAiB,iCAAA;IACjB,UAAU,0CAAA;IACV,eAAe,mCAAA;CAChB,CAAA"}
|
|
@@ -22,4 +22,12 @@ export var secondaryButton = {
|
|
|
22
22
|
typographyPreset: 'utilityButton020',
|
|
23
23
|
},
|
|
24
24
|
};
|
|
25
|
+
export var transparentButton = {
|
|
26
|
+
size: 'medium',
|
|
27
|
+
overrides: {
|
|
28
|
+
stylePreset: 'buttonGroupOutlinedTransparent',
|
|
29
|
+
minWidth: { xs: '200px', sm: '200px' },
|
|
30
|
+
typographyPreset: 'utilityButton020',
|
|
31
|
+
},
|
|
32
|
+
};
|
|
25
33
|
//# sourceMappingURL=defaults.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/ButtonGroup/defaults.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,IAAM,WAAW,GAAqB;IAC3C,WAAW,EAAE;QACX,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,eAAe;KACpB;IACD,UAAU,EAAE,KAAK;IACjB,SAAS,EAAE,IAAI;CAChB,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAgB;IACxC,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE;QACT,WAAW,EAAE,oBAAoB;QACjC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE;QACzC,gBAAgB,EAAE,kBAAkB;KACrC;CACF,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAgB;IAC1C,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE;QACT,WAAW,EAAE,wBAAwB;QACrC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE;QACzC,gBAAgB,EAAE,kBAAkB;KACrC;CACF,CAAA"}
|
|
1
|
+
{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/ButtonGroup/defaults.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,IAAM,WAAW,GAAqB;IAC3C,WAAW,EAAE;QACX,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,eAAe;KACpB;IACD,UAAU,EAAE,KAAK;IACjB,SAAS,EAAE,IAAI;CAChB,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAgB;IACxC,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE;QACT,WAAW,EAAE,oBAAoB;QACjC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE;QACzC,gBAAgB,EAAE,kBAAkB;KACrC;CACF,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAgB;IAC1C,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE;QACT,WAAW,EAAE,wBAAwB;QACrC,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE;QACzC,gBAAgB,EAAE,kBAAkB;KACrC;CACF,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAgB;IAC5C,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE;QACT,WAAW,EAAE,gCAAgC;QAC7C,QAAQ,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE;QACtC,gBAAgB,EAAE,kBAAkB;KACrC;CACF,CAAA"}
|
|
@@ -20,4 +20,14 @@ export declare const buttonGroupPresets: {
|
|
|
20
20
|
backgroundColor: string;
|
|
21
21
|
};
|
|
22
22
|
};
|
|
23
|
+
buttonGroupOutlinedTransparent: {
|
|
24
|
+
base: {
|
|
25
|
+
backgroundColor: string;
|
|
26
|
+
borderRadius: string;
|
|
27
|
+
borderColor: string;
|
|
28
|
+
borderStyle: string;
|
|
29
|
+
borderWidth: string;
|
|
30
|
+
minWidth: string;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
23
33
|
};
|
|
@@ -20,5 +20,15 @@ export var buttonGroupPresets = {
|
|
|
20
20
|
backgroundColor: '{{colors.transparent}}',
|
|
21
21
|
},
|
|
22
22
|
},
|
|
23
|
+
buttonGroupOutlinedTransparent: {
|
|
24
|
+
base: {
|
|
25
|
+
backgroundColor: '{{colors.transparent}}',
|
|
26
|
+
borderRadius: '{{borders.borderRadiusSharp}}',
|
|
27
|
+
borderColor: '{{colors.inkContrast}}',
|
|
28
|
+
borderStyle: 'solid',
|
|
29
|
+
borderWidth: '{{borders.borderWidth010}}',
|
|
30
|
+
minWidth: 'sizing120',
|
|
31
|
+
},
|
|
32
|
+
},
|
|
23
33
|
};
|
|
24
34
|
//# sourceMappingURL=style-presets.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/ButtonGroup/style-presets.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,kBAAkB,GAAG;IAChC,aAAa,EAAE;QACb,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;YAC1C,WAAW,EAAE,yBAAyB;YACtC,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,aAAa,EAAE;QACb,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,yBAAyB;YACtC,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,sBAAsB,EAAE;QACtB,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;SAC1C;KACF;CACF,CAAA"}
|
|
1
|
+
{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/ButtonGroup/style-presets.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,kBAAkB,GAAG;IAChC,aAAa,EAAE;QACb,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;YAC1C,WAAW,EAAE,yBAAyB;YACtC,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,aAAa,EAAE;QACb,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,yBAAyB;YACtC,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,sBAAsB,EAAE;QACtB,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;SAC1C;KACF;IACD,8BAA8B,EAAE;QAC9B,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,YAAY,EAAE,+BAA+B;YAC7C,WAAW,EAAE,wBAAwB;YACrC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,4BAA4B;YACzC,QAAQ,EAAE,WAAW;SACtB;KACF;CACF,CAAA"}
|
|
@@ -13,7 +13,7 @@ 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, } from 'newskit';
|
|
16
|
+
import { Block, GridLayout, Stack, StructuredListCell, StructuredListItem, styled, TextBlock, toNewsKitIcon, Tooltip, Visible, LinkInline, } 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';
|
|
@@ -35,16 +35,18 @@ var StyledStructuredListItem = styled(StructuredListItem)(templateObject_3 || (t
|
|
|
35
35
|
});
|
|
36
36
|
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
37
|
export var ListItem = function (_a) {
|
|
38
|
-
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, fullWidthSingleCell = _c.fullWidthSingleCell, listItemProps = _a.listItemProps;
|
|
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
39
|
return (React.createElement(StyledStructuredListItem, __assign({}, listItemProps, { href: item.href, target: item.target }),
|
|
40
40
|
React.createElement(StructuredListCell, { xs: xs, md: md, fullWidthSingleCell: fullWidthSingleCell, align: align || 'start' },
|
|
41
|
-
React.createElement(GridLayout, {
|
|
42
|
-
React.createElement(TextBlock, __assign({ stylePreset: "inkContrast", typographyPreset: "utilityHeading010" }, labelOverrides, { style: {
|
|
41
|
+
React.createElement(GridLayout, { alignItems: "center" },
|
|
42
|
+
React.createElement(TextBlock, __assign({ as: item.type === 'paymentHistory' ? 'span' : 'p', stylePreset: "inkContrast", typographyPreset: "utilityHeading010" }, labelOverrides, { style: {
|
|
43
43
|
paddingTop: "".concat(item.type === 'payment' ? '5px' : '0px'),
|
|
44
|
-
}, marginInlineEnd: item.type ? 'space040' :
|
|
44
|
+
}, marginInlineEnd: item.type ? 'space040' : 'space000' }),
|
|
45
45
|
item.labelIcon ? (React.createElement(StyledSpan, null,
|
|
46
46
|
React.createElement(IconComponent, __assign({}, item.labelIcon)),
|
|
47
|
-
item.label)) :
|
|
47
|
+
item.label)) : item.pdfLink ? (React.createElement(Stack, { flow: "vertical-left", stackDistribution: "space-between", spaceInline: "space020", height: "100%" },
|
|
48
|
+
React.createElement(TextBlock, null, item.label),
|
|
49
|
+
React.createElement(TextBlock, { stylePreset: "inkSubtle", typographyPreset: "utilityBody030" }, item.billStatus))) : (item.label),
|
|
48
50
|
item.labelDescription && (React.createElement(Description, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010", marginBlockStart: "space040", id: describedId, as: "span" }, descriptionOverrides), item.labelDescription))),
|
|
49
51
|
item.icon && (React.createElement(StructuredListCell, { xs: 3, pullRight: true },
|
|
50
52
|
React.createElement(Visible, __assign({}, (item.iconOverrides || { xs: true, sm: true })),
|
|
@@ -57,7 +59,7 @@ export var ListItem = function (_a) {
|
|
|
57
59
|
size: 'iconSize010',
|
|
58
60
|
stylePreset: 'inkContrast',
|
|
59
61
|
} })))))))),
|
|
60
|
-
item.type && (React.createElement(StructuredListCell, { xs: 10, md: 6 },
|
|
62
|
+
item.type && item.type !== 'paymentHistory' && (React.createElement(StructuredListCell, { xs: 10, md: 6 },
|
|
61
63
|
React.createElement(TextBlock, { as: "span", typographyPreset: "utilityBody020", stylePreset: "inkBase", noCrop: item.type === 'payment', style: {
|
|
62
64
|
marginLeft: "".concat(item.href ? '0px' : '-2px'),
|
|
63
65
|
} },
|
|
@@ -67,7 +69,13 @@ export var ListItem = function (_a) {
|
|
|
67
69
|
display: 'block',
|
|
68
70
|
} }),
|
|
69
71
|
React.createElement(Description, { stylePreset: "inkSubtle", typographyPreset: "utilityBody010", id: describedId }, description)))))),
|
|
70
|
-
item.
|
|
72
|
+
item.type === 'paymentHistory' ? (React.createElement(Stack, { flow: "vertical-right", stackDistribution: "space-between", spaceInline: "space020", height: "100%", wrap: "nowrap", flexShrink: true },
|
|
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 },
|
|
71
79
|
React.createElement(Visible, { md: true, lg: true, xl: true },
|
|
72
80
|
React.createElement(Stack, { stackDistribution: "flex-end", flow: "horizontal-center" },
|
|
73
81
|
item.icon === 'external' && (React.createElement(IconFilledOpenInNew, { overrides: {
|
|
@@ -77,7 +85,7 @@ export var ListItem = function (_a) {
|
|
|
77
85
|
item.icon === 'internal' && (React.createElement(IconOutlinedArrowForwardIos, { overrides: {
|
|
78
86
|
size: 'iconSize010',
|
|
79
87
|
stylePreset: 'inkContrast',
|
|
80
|
-
} })))))),
|
|
88
|
+
} }))))))),
|
|
81
89
|
item.tooltip && (React.createElement(StructuredListCell, { xs: 3, pullRight: true },
|
|
82
90
|
React.createElement(Stack, { stackDistribution: "flex-end", flow: "horizontal-center" },
|
|
83
91
|
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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"}
|
|
@@ -37,6 +37,13 @@ export interface ListItemType {
|
|
|
37
37
|
'data-testid'?: string;
|
|
38
38
|
tooltip?: ListItemTooltip;
|
|
39
39
|
filter?: ListItemTypeFilter;
|
|
40
|
+
billDate?: string;
|
|
41
|
+
billAmount?: string;
|
|
42
|
+
billStatus?: string;
|
|
43
|
+
pdfLink?: string;
|
|
44
|
+
invoicePdfId?: string;
|
|
45
|
+
invoiceId?: string;
|
|
46
|
+
handlePDF?: (event: any) => Promise<void>;
|
|
40
47
|
}
|
|
41
48
|
export interface ListItemTooltip {
|
|
42
49
|
content: string;
|
|
@@ -56,7 +63,7 @@ export declare enum HolidayStopStatus {
|
|
|
56
63
|
processed = "processed",
|
|
57
64
|
cancelled = "cancelled"
|
|
58
65
|
}
|
|
59
|
-
export type ItemTypes = 'name' | 'dob' | 'displayName' | 'email' | 'password' | 'mobile' | 'landline' | 'address' | 'subscription' | 'price' | 'customerNumber' | 'subDate' | 'payment' | 'paymentMethods' | 'billDate' | 'amountDue' | 'newsletters' | 'commentingNotifications' | 'contactPreferences' | 'benefits' | 'deliveryInstructions' | 'holidayStops' | 'billingPostcode' | 'vouchers' | 'vouchersStartDate';
|
|
66
|
+
export type ItemTypes = 'name' | 'dob' | 'displayName' | 'email' | 'password' | 'mobile' | 'landline' | 'address' | 'subscription' | 'price' | 'customerNumber' | 'subDate' | 'payment' | 'paymentMethods' | 'billDate' | 'amountDue' | 'newsletters' | 'commentingNotifications' | 'contactPreferences' | 'benefits' | 'deliveryInstructions' | 'holidayStops' | 'billingPostcode' | 'vouchers' | 'vouchersStartDate' | 'paymentHistory';
|
|
60
67
|
export type EditComponentType = 'likedYourMessage' | 'userMentioned' | 'repliedToMessage';
|
|
61
68
|
export interface ContentListViewProps {
|
|
62
69
|
children: React.ReactNode;
|
|
@@ -105,6 +112,7 @@ export interface ListItemComponentProps {
|
|
|
105
112
|
item: ListItemType;
|
|
106
113
|
listCellProps?: ListCellProps;
|
|
107
114
|
listItemProps: ListItemProps;
|
|
115
|
+
handlePDF?: (event: any) => Promise<void>;
|
|
108
116
|
}
|
|
109
117
|
export interface DateItemType {
|
|
110
118
|
id: 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":"AAqEA,MAAM,CAAN,IAAY,iBAIX;AAJD,WAAY,iBAAiB;IAC3B,4CAAuB,CAAA;IACvB,4CAAuB,CAAA;IACvB,4CAAuB,CAAA;AACzB,CAAC,EAJW,iBAAiB,KAAjB,iBAAiB,QAI5B"}
|
|
@@ -2,6 +2,7 @@ export declare const componentDefaults: {
|
|
|
2
2
|
buttonGroup: import("../../ButtonGroup").ButtonGroupProps;
|
|
3
3
|
primaryButton: import("../../ButtonGroup").ButtonProps;
|
|
4
4
|
secondaryButton: import("../../ButtonGroup").ButtonProps;
|
|
5
|
+
transparentButton: import("../../ButtonGroup").ButtonProps;
|
|
5
6
|
secureFlag: import("../../SecureFlag").SecureFlagProps;
|
|
6
7
|
contentListView: {
|
|
7
8
|
stylePreset: string;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { buttonGroup, primaryButton, secondaryButton } from '../../ButtonGroup';
|
|
1
|
+
import { buttonGroup, primaryButton, secondaryButton, transparentButton, } from '../../ButtonGroup';
|
|
2
2
|
import { secureFlagComponentDefaults as secureFlag } from '../../SecureFlag';
|
|
3
3
|
import { contentListView } from '../../ContentListView';
|
|
4
4
|
export var componentDefaults = {
|
|
5
5
|
buttonGroup: buttonGroup,
|
|
6
6
|
primaryButton: primaryButton,
|
|
7
7
|
secondaryButton: secondaryButton,
|
|
8
|
+
transparentButton: transparentButton,
|
|
8
9
|
secureFlag: secureFlag,
|
|
9
10
|
contentListView: contentListView,
|
|
10
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"componentDefaults.js","sourceRoot":"","sources":["../../../../src/theme/sharedTheme/componentDefaults.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"componentDefaults.js","sourceRoot":"","sources":["../../../../src/theme/sharedTheme/componentDefaults.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,aAAa,EACb,eAAe,EACf,iBAAiB,GAClB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,2BAA2B,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD,MAAM,CAAC,IAAM,iBAAiB,GAAG;IAC/B,WAAW,aAAA;IACX,aAAa,eAAA;IACb,eAAe,iBAAA;IACf,iBAAiB,mBAAA;IACjB,UAAU,YAAA;IACV,eAAe,iBAAA;CAChB,CAAA"}
|