@mvf/external-components 3.11.3 → 3.11.4

package/Components/Molecules/DropDownSelect/DropDownSelect.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponentWithDefaultProps } from '../../../Helpers/React';
 import IComponentProps from './IComponentProps';
 import defaultProps from './defaultProps';
-declare type DropDownSelectType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
+type DropDownSelectType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
 declare const DropDownSelect: DropDownSelectType;
 export default DropDownSelect;

package/Components/Molecules/DropDownSelect/DropDownSelectStory.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare type StoryType = React.FunctionComponent<{
+type StoryType = React.FunctionComponent<{
     disabled: boolean;
     errorMessage: string;
     iconType?: 'none' | 'person' | 'zipcode' | 'phone' | 'email' | 'company' | 'state';

package/Components/Molecules/DropDownSelect/makeDropDownSelectStyling.d.ts

@@ -4,8 +4,8 @@ interface IDropDownSelectStyleProps {
     isError: boolean;
 }
 declare const useDropDownSelectStyles: ({ isIconPresent, isDisabled, isError, }: IDropDownSelectStyleProps) => {
-    listItems: import("@emotion/react").SerializedStyles;
-    formControl: import("@emotion/react").SerializedStyles;
-    label: import("@emotion/react").SerializedStyles;
+    listItems: import("@emotion/utils").SerializedStyles;
+    formControl: import("@emotion/utils").SerializedStyles;
+    label: import("@emotion/utils").SerializedStyles;
 };
 export default useDropDownSelectStyles;

package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponentWithDefaultProps } from '../../../Helpers/React/FunctionComponentWithDefaultProps';
 import IComponentProps from './IComponentProps';
 import defaultProps from './defaultProps';
-declare type IconTileCheckBoxType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
+type IconTileCheckBoxType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
 declare const IconTileCheckBox: IconTileCheckBoxType;
 export default IconTileCheckBox;

package/Components/Molecules/IconTileCheckBox/IconTileCheckBoxStory.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ISvgs } from '../../../Assets/svgs/svgs';
-declare type IconTileCheckBoxStoryType = React.FunctionComponent<{
+type IconTileCheckBoxStoryType = React.FunctionComponent<{
     error: boolean;
     iconType: keyof ISvgs;
     isOtherOption: boolean;

package/Components/Molecules/IconTileCheckBox/makeIconTileCheckBoxStyling.d.ts

@@ -1,10 +1,10 @@
 declare const makeIconTileCheckBoxStyling: ({ showText }: {
     showText: boolean;
 }) => {
-    container: import("@emotion/react").SerializedStyles;
-    icon: import("@emotion/react").SerializedStyles;
-    checkbox: import("@emotion/react").SerializedStyles;
-    otherInput: import("@emotion/react").SerializedStyles;
-    imgDiv: import("@emotion/react").SerializedStyles;
+    container: import("@emotion/utils").SerializedStyles;
+    icon: import("@emotion/utils").SerializedStyles;
+    checkbox: import("@emotion/utils").SerializedStyles;
+    otherInput: import("@emotion/utils").SerializedStyles;
+    imgDiv: import("@emotion/utils").SerializedStyles;
 };
 export default makeIconTileCheckBoxStyling;

package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponentWithDefaultProps } from '../../../Helpers/React/FunctionComponentWithDefaultProps';
 import IComponentProps from './IComponentProps';
 import defaultProps from './defaultProps';
-declare type IconTileRadioButtonType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
+type IconTileRadioButtonType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
 declare const IconTileRadioButton: IconTileRadioButtonType;
 export default IconTileRadioButton;

package/Components/Molecules/IconTileRadioButton/IconTileRadioButton.test.js

@@ -48,7 +48,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

package/Components/Molecules/IconTileRadioButton/IconTileRadioButtonStory.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ISvgs } from '../../../Assets/svgs/svgs';
-declare type IconTileRadioButtonStoryType = React.FunctionComponent<{
+type IconTileRadioButtonStoryType = React.FunctionComponent<{
     error: boolean;
     iconType: keyof ISvgs;
     isOtherOption: boolean;

package/Components/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.d.ts

@@ -1,7 +1,7 @@
 declare const makeIconTileRadioButtonStyling: () => {
-    container: import("@emotion/react").SerializedStyles;
-    icon: import("@emotion/react").SerializedStyles;
-    otherInput: import("@emotion/react").SerializedStyles;
-    imgDiv: import("@emotion/react").SerializedStyles;
+    container: import("@emotion/utils").SerializedStyles;
+    icon: import("@emotion/utils").SerializedStyles;
+    otherInput: import("@emotion/utils").SerializedStyles;
+    imgDiv: import("@emotion/utils").SerializedStyles;
 };
 export default makeIconTileRadioButtonStyling;

package/Components/Molecules/NavBar/NavBar.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponentWithDefaultProps } from '../../../Helpers/React/FunctionComponentWithDefaultProps';
 import defaultProps from './defaultProps';
 import IComponentProps from './IComponentProps';
-declare type NavBarType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
+type NavBarType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
 declare const NavBar: NavBarType;
 export default NavBar;

package/Components/Molecules/NavBar/NavBarStory.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare type NavBarStoryType = React.FunctionComponent<{
+type NavBarStoryType = React.FunctionComponent<{
     disabled: boolean;
     buttonDisabled: boolean;
     buttonLabel: string;

package/Components/Molecules/NavBar/makeNavBarStyles.d.ts

@@ -1,7 +1,7 @@
 declare const makeNavBarStyles: () => {
-    container: import("@emotion/react").SerializedStyles;
-    space: import("@emotion/react").SerializedStyles;
-    continueButton: import("@emotion/react").SerializedStyles;
-    backButton: import("@emotion/react").SerializedStyles;
+    container: import("@emotion/utils").SerializedStyles;
+    space: import("@emotion/utils").SerializedStyles;
+    continueButton: import("@emotion/utils").SerializedStyles;
+    backButton: import("@emotion/utils").SerializedStyles;
 };
 export default makeNavBarStyles;

package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponentWithDefaultProps } from '../../../Helpers/React';
 import IPhoneNumberTextFieldProps from './IPhoneNumberTextFieldProps';
 import defaultProps from './defaultProps';
-declare type PhoneNumberTextFieldType = FunctionComponentWithDefaultProps<IPhoneNumberTextFieldProps, typeof defaultProps>;
+type PhoneNumberTextFieldType = FunctionComponentWithDefaultProps<IPhoneNumberTextFieldProps, typeof defaultProps>;
 declare const PhoneNumberTextField: PhoneNumberTextFieldType;
 export default PhoneNumberTextField;

package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.d.ts

@@ -1,6 +1,6 @@
 import 'intl-tel-input/build/css/intlTelInput.css';
 import * as React from 'react';
-declare type StoryType = React.FunctionComponent<{
+type StoryType = React.FunctionComponent<{
     disabled: boolean;
     errorMessage: string;
     isAnswered: boolean;

package/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.d.ts

@@ -1,5 +1,5 @@
 interface IMakeFormControlPhoneNumberStylingProps {
     isAnswered: boolean;
 }
-declare const makeFormControlPhoneNumberStyling: ({ isAnswered, }: IMakeFormControlPhoneNumberStylingProps) => import("@emotion/react").SerializedStyles;
+declare const makeFormControlPhoneNumberStyling: ({ isAnswered, }: IMakeFormControlPhoneNumberStylingProps) => import("@emotion/utils").SerializedStyles;
 export default makeFormControlPhoneNumberStyling;

package/Components/Molecules/RadioButton/RadioButton.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponentWithDefaultProps } from '../../../Helpers/React/FunctionComponentWithDefaultProps';
 import IComponentProps from './IRadioButtonProps';
 import defaultProps from './defaultProps';
-declare type RadioButtonType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
+type RadioButtonType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
 declare const RadioButton: RadioButtonType;
 export default RadioButton;

package/Components/Molecules/RadioButton/RadioButtonStory.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ISvgs } from '../../../Assets/svgs/svgs';
-declare type RadioButtonStoryType = React.FunctionComponent<{
+type RadioButtonStoryType = React.FunctionComponent<{
     error: boolean;
     iconType: keyof ISvgs | 'none';
     otherInputError: boolean;

package/Components/Molecules/RadioButton/makeRadioButtonStyling.d.ts

@@ -1,10 +1,10 @@
 declare const makeRadioButtonStyling: () => {
-    radio: import("@emotion/react").SerializedStyles;
-    grid: import("@emotion/react").SerializedStyles;
-    icon: import("@emotion/react").SerializedStyles;
-    imgDiv: import("@emotion/react").SerializedStyles;
-    innerGrid: import("@emotion/react").SerializedStyles;
-    textGrid: import("@emotion/react").SerializedStyles;
-    otherInput: import("@emotion/react").SerializedStyles;
+    radio: import("@emotion/utils").SerializedStyles;
+    grid: import("@emotion/utils").SerializedStyles;
+    icon: import("@emotion/utils").SerializedStyles;
+    imgDiv: import("@emotion/utils").SerializedStyles;
+    innerGrid: import("@emotion/utils").SerializedStyles;
+    textGrid: import("@emotion/utils").SerializedStyles;
+    otherInput: import("@emotion/utils").SerializedStyles;
 };
 export default makeRadioButtonStyling;

package/Components/Molecules/ScrollContainer/ScrollContainer.test.js

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

package/Components/Molecules/ScrollContainer/ScrollContainerStory.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-declare type ScrollContainerType = FunctionComponent<{
+type ScrollContainerType = FunctionComponent<{
     parentHeight: number;
     childHeight: number;
 }>;

package/Components/Molecules/ScrollContainer/ScrollContainerTypes.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import IScrollContainerProps from './IScrollContainerProps';
-export declare type ScrollContainerType = React.FunctionComponent<IScrollContainerProps>;
-export declare type ScrollDetails = {
+export type ScrollContainerType = React.FunctionComponent<IScrollContainerProps>;
+export type ScrollDetails = {
     scrollHeight: number;
     clientHeight: number;
     offsetTop: number;

package/Components/Molecules/ScrollContainer/makeScrollContainerStyling.d.ts

@@ -5,8 +5,8 @@ interface IScrollContainerStyleProps {
 export declare const SCROLL_BUFFER_HEIGHT = 17;
 export declare const SCROLL_PADDING_HEIGHT: number;
 declare const makeScrollContainerStyling: ({ scrollBufferOffset, scrollBufferOpacity, }: IScrollContainerStyleProps) => {
-    scrollBox: import("@emotion/react").SerializedStyles;
-    scrollPadding: import("@emotion/react").SerializedStyles;
-    scrollBuffer: import("@emotion/react").SerializedStyles;
+    scrollBox: import("@emotion/utils").SerializedStyles;
+    scrollPadding: import("@emotion/utils").SerializedStyles;
+    scrollBuffer: import("@emotion/utils").SerializedStyles;
 };
 export default makeScrollContainerStyling;

package/Components/Molecules/SupplierCard/ISupplierCardProps.d.ts

@@ -13,7 +13,7 @@ interface ISupplierCardProps {
     id: string;
     includeCta: boolean;
     invertCtaColors: boolean;
-    onClick: (item: ISupplierCardCallbackParams) => void;
+    onClick?: (item: ISupplierCardCallbackParams) => void;
     onClickCta: () => void;
     selected: boolean;
     includeCheckbox: boolean;

package/Components/Molecules/SupplierCard/SupplierCard.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponentWithDefaultProps } from '../../../Helpers/React/FunctionComponentWithDefaultProps';
 import ISupplierCardProps from './ISupplierCardProps';
 import defaultProps from './defaultProps';
-declare type SupplierCardType = FunctionComponentWithDefaultProps<ISupplierCardProps, typeof defaultProps>;
+type SupplierCardType = FunctionComponentWithDefaultProps<ISupplierCardProps, typeof defaultProps>;
 declare const SupplierCard: SupplierCardType;
 export default SupplierCard;

package/Components/Molecules/SupplierCard/SupplierCard.js

@@ -25,9 +25,10 @@ var Text_1 = __importDefault(require("../../Atoms/Text/Text"));
 var InsetCheckbox_1 = __importDefault(require("../../Atoms/InsetCheckbox/InsetCheckbox"));
 var SupplierCard = function (_a) {
     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;
-    var styles = (0, makeSupplierCardStyling_1.default)();
+    var isClickable = typeof onClick === 'function';
+    var styles = (0, makeSupplierCardStyling_1.default)({ isClickable: isClickable });
     var ctaBoxInUse = Boolean(includeCta || ctaText);
-    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, 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, 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, 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 })) })))] }))) }))] }))] })));
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ css: styles.container }, { children: (0, jsx_runtime_1.jsxs)(CardButton_1.default, __assign({ onClick: isClickable ? function () { return onClick({ id: id, selected: selected }); } : undefined, "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, 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, 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, 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 })) })))] }))) }))] }))] })) })));
 };
 SupplierCard.defaultProps = defaultProps_1.default;
 exports.default = SupplierCard;

package/Components/Molecules/SupplierCard/SupplierCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"SupplierCard.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/SupplierCard/SupplierCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SupplierCard.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/SupplierCard/SupplierCard.tsx"],"names":[],"mappings":"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"}

package/Components/Molecules/SupplierCard/SupplierCardStory.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import supplierLogos from '../../../Assets/SupplierLogos/supplierLogos';
-declare type SupplierCardStoryType = React.FunctionComponent<{
+type SupplierCardStoryType = React.FunctionComponent<{
     ctaText: string;
     badgeText?: string;
     includeCheckbox: boolean;
@@ -14,6 +14,7 @@ declare type SupplierCardStoryType = React.FunctionComponent<{
     id: string;
     includeCta?: boolean;
     invertCtaColors: boolean;
+    disableClick: boolean;
 }>;
 declare const SupplierCardStory: SupplierCardStoryType;
 export default SupplierCardStory;

package/Components/Molecules/SupplierCard/SupplierCardStory.js

@@ -26,7 +26,7 @@ var icons = {
     phone: (0, jsx_runtime_1.jsx)(icons_material_1.Phone, {}),
 };
 var SupplierCardStory = function (_a) {
-    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;
+    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, disableClick = _a.disableClick;
     var _b = (0, react_1.useState)(selected), currentlySelected = _b[0], setCurrentlySelected = _b[1];
     var handleClickCard = function (eventProps) {
         (0, addon_actions_1.action)('Clicked Card')(eventProps);
@@ -42,7 +42,7 @@ var SupplierCardStory = function (_a) {
     (0, react_1.useEffect)(function () {
         setCurrentlySelected(selected);
     }, [selected]);
-    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 } }) })) })));
+    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: !disableClick ? handleClickCard : undefined, onClickCta: handleClickCta, selected: currentlySelected, includeCheckbox: includeCheckbox }, { children: (0, jsx_runtime_1.jsx)("span", { dangerouslySetInnerHTML: { __html: bulletList } }) })) })));
 };
 exports.default = SupplierCardStory;
 //# sourceMappingURL=SupplierCardStory.js.map

package/Components/Molecules/SupplierCard/SupplierCardStory.js.map

@@ -1 +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"}
+{"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;AAmBF,IAAM,iBAAiB,GAA0B,UAAC,EAejD;QAdC,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,EACf,YAAY,kBAAA;IAEN,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,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,EACpD,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"}

package/Components/Molecules/SupplierCard/defaultProps.d.ts

@@ -1,7 +1,6 @@
 declare const defaultProps: {
     includeCta: boolean;
     invertCtaColors: boolean;
-    onClick: () => void;
     onClickCta: () => void;
     includeCheckbox: boolean;
     selected: boolean;

package/Components/Molecules/SupplierCard/defaultProps.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var defaultProps = {
     includeCta: true,
     invertCtaColors: false,
-    onClick: function () { },
     onClickCta: function () { },
     includeCheckbox: false,
     selected: false,

package/Components/Molecules/SupplierCard/defaultProps.js.map

@@ -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;IAC1B,eAAe,EAAE,KAAK;IACtB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
+{"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,UAAU,EAAE,cAAa,CAAC;IAC1B,eAAe,EAAE,KAAK;IACtB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/Components/Molecules/SupplierCard/makeSupplierCardStyling.d.ts

@@ -1,15 +1,22 @@
-declare const makeSupplierCardStyling: () => {
-    badge: import("@emotion/react").SerializedStyles;
-    badgeText: import("@emotion/react").SerializedStyles;
-    supplierName: import("@emotion/react").SerializedStyles;
-    supplierNameText: import("@emotion/react").SerializedStyles;
-    buttonContainer: import("@emotion/react").SerializedStyles;
-    cardContainer: import("@emotion/react").SerializedStyles;
-    logoGridContainer: import("@emotion/react").SerializedStyles;
-    logoGridItem: import("@emotion/react").SerializedStyles;
-    rightCheckbox: import("@emotion/react").SerializedStyles;
-    rightText: import("@emotion/react").SerializedStyles;
-    textGridItem: import("@emotion/react").SerializedStyles;
-    topRightCheckbox: import("@emotion/react").SerializedStyles;
+interface ISupplierCardStyleProps {
+    isClickable: boolean;
+}
+declare const makeSupplierCardStyling: ({ isClickable }: ISupplierCardStyleProps) => {
+    container: {
+        cursor?: string | undefined;
+        pointerEvents?: import("csstype").Property.PointerEvents | undefined;
+    };
+    badge: import("@emotion/utils").SerializedStyles;
+    badgeText: import("@emotion/utils").SerializedStyles;
+    supplierName: import("@emotion/utils").SerializedStyles;
+    supplierNameText: import("@emotion/utils").SerializedStyles;
+    buttonContainer: import("@emotion/utils").SerializedStyles;
+    cardContainer: import("@emotion/utils").SerializedStyles;
+    logoGridContainer: import("@emotion/utils").SerializedStyles;
+    logoGridItem: import("@emotion/utils").SerializedStyles;
+    rightCheckbox: import("@emotion/utils").SerializedStyles;
+    rightText: import("@emotion/utils").SerializedStyles;
+    textGridItem: import("@emotion/utils").SerializedStyles;
+    topRightCheckbox: import("@emotion/utils").SerializedStyles;
 };
 export default makeSupplierCardStyling;

package/Components/Molecules/SupplierCard/makeSupplierCardStyling.js

@@ -1,14 +1,30 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("@emotion/react");
 var material_1 = require("@mui/material");
-var makeSupplierCardStyling = function () {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    var _k = (0, react_1.useTheme)(), breakpoints = _k.breakpoints, mvf = _k.mvf;
+var makeSupplierCardStyling = function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var isClickable = _a.isClickable;
+    var _l = (0, react_1.useTheme)(), breakpoints = _l.breakpoints, mvf = _l.mvf;
     var fontSize = mvf.fontSize, typography = mvf.typography, palette = mvf.palette, filters = mvf.filters, border = mvf.border;
     var weight = typography.weight;
     return {
-        badge: (0, react_1.css)((_a = {
+        container: __assign({}, (!isClickable && {
+            cursor: 'default',
+            pointerEvents: 'none',
+        })),
+        badge: (0, react_1.css)((_b = {
                 position: 'absolute',
                 top: 0,
                 left: 0,
@@ -16,21 +32,21 @@ var makeSupplierCardStyling = function () {
                 padding: '1px 14px',
                 borderTopLeftRadius: border.radius
             },
-            _a[breakpoints.up('tabletSmall')] = {
+            _b[breakpoints.up('tabletSmall')] = {
                 padding: '5px 16px 3px 16px',
             },
-            _a)),
-        badgeText: (0, react_1.css)((_b = {
+            _b)),
+        badgeText: (0, react_1.css)((_c = {
                 fontFamily: typography.fontFamily,
                 letterSpacing: 'inherit',
                 color: palette.text.continueButtonTextColor,
                 fontSize: fontSize.mini,
                 fontWeight: weight.thick
             },
-            _b[breakpoints.up('tabletSmall')] = {
+            _c[breakpoints.up('tabletSmall')] = {
                 fontSize: fontSize.small,
             },
-            _b)),
+            _c)),
         supplierName: (0, react_1.css)({
             color: palette.text.primaryTextColor,
         }),
@@ -41,27 +57,27 @@ var makeSupplierCardStyling = function () {
             fontSize: fontSize.medium,
             fontWeight: weight.thick,
         }),
-        buttonContainer: (0, react_1.css)((_c = {
+        buttonContainer: (0, react_1.css)((_d = {
                 maxWidth: 230,
                 height: 44,
                 margin: '10px auto',
                 paddingLeft: 10,
                 paddingRight: 10
             },
-            _c[breakpoints.up('tabletSmall')] = {
+            _d[breakpoints.up('tabletSmall')] = {
                 height: 55,
             },
-            _c)),
-        cardContainer: (0, react_1.css)((_d = {
+            _d)),
+        cardContainer: (0, react_1.css)((_e = {
                 minHeight: 260,
                 paddingTop: 10,
                 paddingBottom: 10
             },
-            _d[breakpoints.up('tabletSmall')] = {
+            _e[breakpoints.up('tabletSmall')] = {
                 minHeight: 150,
             },
-            _d)),
-        logoGridContainer: (0, react_1.css)((_e = {
+            _e)),
+        logoGridContainer: (0, react_1.css)((_f = {
                 height: '100%',
                 margin: 'auto',
                 paddingBottom: 10,
@@ -70,26 +86,26 @@ var makeSupplierCardStyling = function () {
                 borderBottomColor: (0, material_1.lighten)(palette.component.answerUnselectedColor, filters.lighten.medium),
                 borderBottomWidth: border.width.thin
             },
-            _e[breakpoints.up('tabletSmall')] = {
+            _f[breakpoints.up('tabletSmall')] = {
                 borderBottom: 'none',
                 padding: 0,
                 minHeight: 120,
             },
-            _e)),
+            _f)),
         logoGridItem: (0, react_1.css)({
             width: 100,
             maxHeight: 50,
         }),
-        rightCheckbox: (0, react_1.css)((_f = {
+        rightCheckbox: (0, react_1.css)((_g = {
                 display: 'none'
             },
-            _f[breakpoints.up('tabletSmall')] = {
+            _g[breakpoints.up('tabletSmall')] = {
                 display: 'block',
                 margin: 0,
                 padding: 0,
             },
-            _f)),
-        rightText: (0, react_1.css)((_g = {
+            _g)),
+        rightText: (0, react_1.css)((_h = {
                 fontFamily: typography.fontFamily,
                 letterSpacing: 'inherit',
                 color: palette.component.answerSelectedColor,
@@ -97,18 +113,18 @@ var makeSupplierCardStyling = function () {
                 fontWeight: weight.thick,
                 textAlign: 'center'
             },
-            _g[breakpoints.up('tabletSmall')] = {
+            _h[breakpoints.up('tabletSmall')] = {
                 fontSize: fontSize.medium,
             },
-            _g)),
-        textGridItem: (0, react_1.css)((_h = {
+            _h)),
+        textGridItem: (0, react_1.css)((_j = {
                 width: '100%',
                 height: '100%',
                 margin: '10px auto',
                 paddingLeft: 10,
                 paddingRight: 10
             },
-            _h[breakpoints.up('tabletSmall')] = {
+            _j[breakpoints.up('tabletSmall')] = {
                 paddingLeft: 10,
                 paddingRight: 5,
                 borderLeft: 'solid',
@@ -116,8 +132,8 @@ var makeSupplierCardStyling = function () {
                 borderLeftWidth: border.width.thin,
                 minHeight: 120,
             },
-            _h)),
-        topRightCheckbox: (0, react_1.css)((_j = {
+            _j)),
+        topRightCheckbox: (0, react_1.css)((_k = {
                 position: 'absolute',
                 top: 0,
                 right: 0,
@@ -125,10 +141,10 @@ var makeSupplierCardStyling = function () {
                 padding: 0,
                 display: 'block'
             },
-            _j[breakpoints.up('tabletSmall')] = {
+            _k[breakpoints.up('tabletSmall')] = {
                 display: 'none',
             },
-            _j)),
+            _k)),
     };
 };
 exports.default = makeSupplierCardStyling;