@mvf/external-components 3.11.0 → 3.11.1
Sign up to get free protection for your applications and to get access to all the features.
- package/Components/Molecules/SupplierCard/ISupplierCardProps.d.ts +2 -1
- package/Components/Molecules/SupplierCard/SupplierCard.js +2 -5
- package/Components/Molecules/SupplierCard/SupplierCard.js.map +1 -1
- package/Components/Molecules/SupplierCard/SupplierCard.test.js +3 -3
- package/Components/Molecules/SupplierCard/SupplierCard.test.js.map +1 -1
- package/Components/Molecules/SupplierCard/SupplierCardStory.d.ts +2 -1
- package/Components/Molecules/SupplierCard/SupplierCardStory.js +9 -4
- package/Components/Molecules/SupplierCard/SupplierCardStory.js.map +1 -1
- package/Components/Molecules/SupplierCard/defaultProps.d.ts +2 -0
- package/Components/Molecules/SupplierCard/defaultProps.js +2 -0
- package/Components/Molecules/SupplierCard/defaultProps.js.map +1 -1
- package/package.json +1 -1
@@ -24,13 +24,10 @@ var makeSupplierCardStyling_1 = __importDefault(require("./makeSupplierCardStyli
|
|
24
24
|
var Text_1 = __importDefault(require("../../Atoms/Text/Text"));
|
25
25
|
var InsetCheckbox_1 = __importDefault(require("../../Atoms/InsetCheckbox/InsetCheckbox"));
|
26
26
|
var SupplierCard = function (_a) {
|
27
|
-
var SupplierLogo = _a.SupplierLogo, supplierName = _a.supplierName, badgeText = _a.badgeText, children = _a.children, CtaIcon = _a.CtaIcon, ctaText = _a.ctaText, dataTestId = _a.dataTestId, id = _a.id, includeCta = _a.includeCta, invertCtaColors = _a.invertCtaColors, onClick = _a.onClick, onClickCta = _a.onClickCta, selected = _a.selected;
|
27
|
+
var SupplierLogo = _a.SupplierLogo, supplierName = _a.supplierName, badgeText = _a.badgeText, children = _a.children, CtaIcon = _a.CtaIcon, ctaText = _a.ctaText, dataTestId = _a.dataTestId, id = _a.id, includeCheckbox = _a.includeCheckbox, includeCta = _a.includeCta, invertCtaColors = _a.invertCtaColors, onClick = _a.onClick, onClickCta = _a.onClickCta, selected = _a.selected;
|
28
28
|
var styles = (0, makeSupplierCardStyling_1.default)();
|
29
|
-
var includesSelection = selected !== undefined;
|
30
29
|
var ctaBoxInUse = Boolean(includeCta || ctaText);
|
31
|
-
return ((0, jsx_runtime_1.jsxs)(CardButton_1.default, __assign({ onClick: function () {
|
32
|
-
return onClick({ id: id, selected: includesSelection ? !selected : undefined });
|
33
|
-
}, "data-testid": dataTestId, selected: !!selected }, { children: [includesSelection && includeCta === false && ((0, jsx_runtime_1.jsx)(InsetCheckbox_1.default, { checked: selected, customCss: styles.topRightCheckbox, dataTestId: dataTestId ? "".concat(dataTestId, "-topRightCheckbox") : undefined })), badgeText && ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ css: styles.badge }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ css: styles.badgeText, "data-testid": dataTestId ? "".concat(dataTestId, "-badge") : undefined }, { children: badgeText })) }))), (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, direction: "row", alignItems: "center", css: styles.cardContainer }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12, mobileLarge: 12, tabletSmall: 3 }, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, alignItems: "center", justifyContent: "center", direction: "column", css: styles.logoGridContainer }, { children: [SupplierLogo && ((0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, css: styles.logoGridItem }, { children: SupplierLogo }))), supplierName && ((0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ id: "".concat(id, "-supplierName"), css: styles.supplierName, "data-testid": dataTestId ? "".concat(dataTestId, "-supplierName") : undefined }, { children: supplierName })) })))] })) })), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12, mobileLarge: ctaBoxInUse ? 7 : 12, tabletSmall: ctaBoxInUse || includesSelection ? 6 : 8 }, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ container: true, direction: "column", justifyContent: "center", css: styles.textGridItem }, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12 }, { children: (0, jsx_runtime_1.jsx)(Text_1.default, __assign({ id: "".concat(id, "-mainText"), align: "left", variant: "tickedList", "data-testid": dataTestId ? "".concat(dataTestId, "-mainText") : undefined }, { children: children })) })) })) })), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12, mobileLarge: ctaBoxInUse ? 5 : 0, tabletSmall: ctaBoxInUse || includesSelection ? 3 : 0 }, { children: includeCta ? ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ css: styles.buttonContainer }, { children: (0, jsx_runtime_1.jsx)(Button_1.default, { label: ctaText || '', onClick: onClickCta, selected: selected, Icon: CtaIcon, invertColors: invertCtaColors, dataTestId: dataTestId ? "".concat(dataTestId, "-cta") : undefined }) }))) : ((0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, alignItems: "center", justifyContent: "center" }, { children: [includesSelection && ((0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(InsetCheckbox_1.default, { checked: selected, customCss: styles.rightCheckbox, dataTestId: dataTestId ? "".concat(dataTestId, "-rightCheckbox") : undefined }) }))), ctaText && ((0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ css: styles.rightText, "data-testid": dataTestId ? "".concat(dataTestId, "-rightText") : undefined }, { children: ctaText })) })))] }))) }))] }))] })));
|
30
|
+
return ((0, jsx_runtime_1.jsxs)(CardButton_1.default, __assign({ onClick: function () { return onClick({ id: id, selected: selected }); }, "data-testid": dataTestId, selected: !!selected }, { children: [includeCheckbox && includeCta === false && ((0, jsx_runtime_1.jsx)(InsetCheckbox_1.default, { checked: selected, customCss: styles.topRightCheckbox, dataTestId: dataTestId ? "".concat(dataTestId, "-topRightCheckbox") : undefined })), badgeText && ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ css: styles.badge }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ css: styles.badgeText, "data-testid": dataTestId ? "".concat(dataTestId, "-badge") : undefined }, { children: badgeText })) }))), (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, direction: "row", alignItems: "center", css: styles.cardContainer }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12, mobileLarge: 12, tabletSmall: 3 }, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, alignItems: "center", justifyContent: "center", direction: "column", css: styles.logoGridContainer }, { children: [SupplierLogo && ((0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, css: styles.logoGridItem }, { children: SupplierLogo }))), supplierName && ((0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ id: "".concat(id, "-supplierName"), css: styles.supplierName, "data-testid": dataTestId ? "".concat(dataTestId, "-supplierName") : undefined }, { children: supplierName })) })))] })) })), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12, mobileLarge: ctaBoxInUse ? 7 : 12, tabletSmall: ctaBoxInUse || includeCheckbox ? 6 : 8 }, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ container: true, direction: "column", justifyContent: "center", css: styles.textGridItem }, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12 }, { children: (0, jsx_runtime_1.jsx)(Text_1.default, __assign({ id: "".concat(id, "-mainText"), align: "left", variant: "tickedList", "data-testid": dataTestId ? "".concat(dataTestId, "-mainText") : undefined }, { children: children })) })) })) })), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12, mobileLarge: ctaBoxInUse ? 5 : 0, tabletSmall: ctaBoxInUse || includeCheckbox ? 3 : 0 }, { children: includeCta ? ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ css: styles.buttonContainer }, { children: (0, jsx_runtime_1.jsx)(Button_1.default, { label: ctaText || '', onClick: onClickCta, selected: includeCheckbox ? selected : undefined, Icon: CtaIcon, invertColors: invertCtaColors, dataTestId: dataTestId ? "".concat(dataTestId, "-cta") : undefined }) }))) : ((0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, alignItems: "center", justifyContent: "center" }, { children: [includeCheckbox && ((0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(InsetCheckbox_1.default, { checked: selected, customCss: styles.rightCheckbox, dataTestId: dataTestId ? "".concat(dataTestId, "-rightCheckbox") : undefined }) }))), ctaText && ((0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ css: styles.rightText, "data-testid": dataTestId ? "".concat(dataTestId, "-rightText") : undefined }, { children: ctaText })) })))] }))) }))] }))] })));
|
34
31
|
};
|
35
32
|
SupplierCard.defaultProps = defaultProps_1.default;
|
36
33
|
exports.default = SupplierCard;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SupplierCard.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/SupplierCard/SupplierCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,qEAA+C;AAE/C,iFAA2D;AAE3D,gEAA0C;AAC1C,0CAAsD;AACtD,sFAAgE;AAChE,+DAAyC;AACzC,0FAAoE;AAMpE,IAAM,YAAY,GAAqB,UAAC,
|
1
|
+
{"version":3,"file":"SupplierCard.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/SupplierCard/SupplierCard.tsx"],"names":[],"mappings":"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"}
|
@@ -64,19 +64,19 @@ describe('<SupplierCard />', function () {
|
|
64
64
|
});
|
65
65
|
describe('When selection is included', function () {
|
66
66
|
it('should show a selected checkbox within the cta', function () {
|
67
|
-
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { selected: true, ctaText: ctaText, id: id })).getByRole;
|
67
|
+
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { selected: true, includeCheckbox: true, ctaText: ctaText, id: id })).getByRole;
|
68
68
|
var button = getByRole('button');
|
69
69
|
var checkbox = button.querySelector('input[type="checkbox"]');
|
70
70
|
expect(checkbox).toHaveAttribute('checked');
|
71
71
|
});
|
72
72
|
it('should show an unselected checkbox within the cta', function () {
|
73
|
-
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { selected: false, ctaText: ctaText, id: id })).getByRole;
|
73
|
+
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { selected: false, includeCheckbox: true, ctaText: ctaText, id: id })).getByRole;
|
74
74
|
var button = getByRole('button');
|
75
75
|
var checkbox = button.querySelector('input[type="checkbox"]');
|
76
76
|
expect(checkbox).not.toHaveAttribute('checked');
|
77
77
|
});
|
78
78
|
it('should include checkboxes when there is no cta', function () {
|
79
|
-
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { selected: true, id: id, includeCta: false })).getByRole;
|
79
|
+
var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(SupplierCard_1.default, { selected: true, includeCheckbox: true, id: id, includeCta: false })).getByRole;
|
80
80
|
var checkbox = getByRole('checkbox');
|
81
81
|
expect(checkbox).toBeInTheDocument();
|
82
82
|
expect(checkbox).toHaveAttribute('checked');
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SupplierCard.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/SupplierCard/SupplierCard.test.tsx"],"names":[],"mappings":"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
|
1
|
+
{"version":3,"file":"SupplierCard.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/SupplierCard/SupplierCard.test.tsx"],"names":[],"mappings":"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"}
|
@@ -1,9 +1,10 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import supplierLogos from '../../../Assets/SupplierLogos/supplierLogos';
|
3
3
|
declare type SupplierCardStoryType = React.FunctionComponent<{
|
4
|
-
allowSelection: boolean;
|
5
4
|
ctaText: string;
|
6
5
|
badgeText?: string;
|
6
|
+
includeCheckbox: boolean;
|
7
|
+
selected: boolean;
|
7
8
|
supplierLogoName: keyof typeof supplierLogos | 'none';
|
8
9
|
supplierNameText?: string;
|
9
10
|
bulletOneText: string;
|
@@ -26,18 +26,23 @@ var icons = {
|
|
26
26
|
phone: (0, jsx_runtime_1.jsx)(icons_material_1.Phone, {}),
|
27
27
|
};
|
28
28
|
var SupplierCardStory = function (_a) {
|
29
|
-
var
|
30
|
-
var _b = (0, react_1.useState)(
|
29
|
+
var badgeText = _a.badgeText, includeCheckbox = _a.includeCheckbox, selected = _a.selected, supplierLogoName = _a.supplierLogoName, supplierNameText = _a.supplierNameText, bulletOneText = _a.bulletOneText, bulletTwoText = _a.bulletTwoText, bulletThreeText = _a.bulletThreeText, ctaIcon = _a.ctaIcon, ctaText = _a.ctaText, id = _a.id, includeCta = _a.includeCta, invertCtaColors = _a.invertCtaColors;
|
30
|
+
var _b = (0, react_1.useState)(selected), currentlySelected = _b[0], setCurrentlySelected = _b[1];
|
31
31
|
var handleClickCard = function (eventProps) {
|
32
32
|
(0, addon_actions_1.action)('Clicked Card')(eventProps);
|
33
|
-
|
33
|
+
if (includeCheckbox) {
|
34
|
+
setCurrentlySelected(!currentlySelected);
|
35
|
+
}
|
34
36
|
};
|
35
37
|
var handleClickCta = function () {
|
36
38
|
(0, addon_actions_1.action)('Clicked CTA')();
|
37
39
|
};
|
38
40
|
var bulletList = "\n <ul>\n <li>".concat(bulletOneText, "</li>\n <li>").concat(bulletTwoText, "</li>\n <li>").concat(bulletThreeText, "</li>\n </ul>\n ");
|
39
41
|
var SupplierLogo = supplierLogoName !== 'none' ? ((0, jsx_runtime_1.jsx)("img", { alt: 'supplier-logo', src: supplierLogos_1.default[supplierLogoName], style: { maxWidth: '100%', height: 'auto' } })) : undefined;
|
40
|
-
|
42
|
+
(0, react_1.useEffect)(function () {
|
43
|
+
setCurrentlySelected(selected);
|
44
|
+
}, [selected]);
|
45
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: 668 } }, { children: (0, jsx_runtime_1.jsx)(SupplierCard_1.default, __assign({ badgeText: badgeText, SupplierLogo: SupplierLogo, supplierName: supplierNameText, CtaIcon: icons[ctaIcon], ctaText: ctaText, id: id, includeCta: includeCta, invertCtaColors: invertCtaColors, onClick: handleClickCard, onClickCta: handleClickCta, selected: currentlySelected, includeCheckbox: includeCheckbox }, { children: (0, jsx_runtime_1.jsx)("span", { dangerouslySetInnerHTML: { __html: bulletList } }) })) })));
|
41
46
|
};
|
42
47
|
exports.default = SupplierCardStory;
|
43
48
|
//# sourceMappingURL=SupplierCardStory.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SupplierCardStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/SupplierCard/SupplierCardStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,gEAA0C;AAE1C,+
|
1
|
+
{"version":3,"file":"SupplierCardStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/SupplierCard/SupplierCardStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0DAAkD;AAClD,gEAA0C;AAE1C,+BAA4C;AAC5C,sDAAmD;AACnD,8FAAwE;AAExE,IAAM,KAAK,GAAG;IACZ,KAAK,EAAE,uBAAC,sBAAK,KAAG;IAChB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,uBAAC,sBAAK,KAAG;CACjB,CAAC;AAkBF,IAAM,iBAAiB,GAA0B,UAAC,EAcjD;QAbC,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA,EAChB,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,OAAO,aAAA,EACP,OAAO,aAAA,EACP,EAAE,QAAA,EACF,UAAU,gBAAA,EACV,eAAe,qBAAA;IAET,IAAA,KAA4C,IAAA,gBAAQ,EAAC,QAAQ,CAAC,EAA7D,iBAAiB,QAAA,EAAE,oBAAoB,QAAsB,CAAC;IAErE,IAAM,eAAe,GAAG,UAAC,UAAuC;QAC9D,IAAA,sBAAM,EAAC,cAAc,CAAC,CAAC,UAAU,CAAC,CAAC;QACnC,IAAI,eAAe,EAAE;YACnB,oBAAoB,CAAC,CAAC,iBAAiB,CAAC,CAAC;SAC1C;IACH,CAAC,CAAC;IACF,IAAM,cAAc,GAAG;QACrB,IAAA,sBAAM,EAAC,aAAa,CAAC,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,gCAET,aAAa,8BACb,aAAa,8BACb,eAAe,yBAExB,CAAC;IAEF,IAAM,YAAY,GAChB,gBAAgB,KAAK,MAAM,CAAC,CAAC,CAAC,CAC5B,gCACE,GAAG,EAAE,eAAe,EACpB,GAAG,EAAE,uBAAa,CAAC,gBAAgB,CAAC,EACpC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAC3C,CACH,CAAC,CAAC,CAAC,SAAS,CAAC;IAEhB,IAAA,iBAAS,EAAC;QACR,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,yCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,gBAC3B,uBAAC,sBAAY,aACX,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,gBAAgB,EAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,EACvB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,eAAe,EACxB,UAAU,EAAE,cAAc,EAC1B,QAAQ,EAAE,iBAAiB,EAC3B,eAAe,EAAE,eAAe,gBAEhC,iCAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,GAAI,IAC5C,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/SupplierCard/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,UAAU,EAAE,IAAI;IAChB,eAAe,EAAE,KAAK;IACtB,OAAO,EAAE,cAAa,CAAC;IACvB,UAAU,EAAE,cAAa,CAAC;
|
1
|
+
{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/SupplierCard/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,UAAU,EAAE,IAAI;IAChB,eAAe,EAAE,KAAK;IACtB,OAAO,EAAE,cAAa,CAAC;IACvB,UAAU,EAAE,cAAa,CAAC;IAC1B,eAAe,EAAE,KAAK;IACtB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|