@mvf/external-components 3.7.1-dev.3 → 3.8.1-dev.1

package/Assets/BrandLogos/ExpertMarketLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-type ExpertMarketLogoType = FunctionComponent;
+declare type ExpertMarketLogoType = FunctionComponent;
 declare const ExpertMarketLogo: ExpertMarketLogoType;
 export default ExpertMarketLogo;

package/Assets/BrandLogos/ExpertReviewsLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-type ExpertReviewsLogoType = FunctionComponent;
+declare type ExpertReviewsLogoType = FunctionComponent;
 declare const ExpertReviewsLogo: ExpertReviewsLogoType;
 export default ExpertReviewsLogo;

package/Assets/BrandLogos/GoWizardLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-type GoWizardLogoType = FunctionComponent;
+declare type GoWizardLogoType = FunctionComponent;
 declare const GoWizardLogo: GoWizardLogoType;
 export default GoWizardLogo;

package/Assets/BrandLogos/HearClearLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-type HearClearLogoType = FunctionComponent;
+declare type HearClearLogoType = FunctionComponent;
 declare const HearClearLogo: HearClearLogoType;
 export default HearClearLogo;

package/Assets/BrandLogos/LasikEyesLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-type LasikEyesLogoType = FunctionComponent;
+declare type LasikEyesLogoType = FunctionComponent;
 declare const LasikEyesLogo: LasikEyesLogoType;
 export default LasikEyesLogo;

package/Assets/BrandLogos/StartupsLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-type StartUpsLogoType = FunctionComponent;
+declare type StartUpsLogoType = FunctionComponent;
 declare const StartUpsLogo: StartUpsLogoType;
 export default StartUpsLogo;

package/Assets/BrandLogos/TechcoLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-type TechCoLogoType = FunctionComponent;
+declare type TechCoLogoType = FunctionComponent;
 declare const TechCoLogo: TechCoLogoType;
 export default TechCoLogo;

package/Assets/BrandLogos/TheEcoExpertsLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-type TheEcoExpertsLogoType = FunctionComponent;
+declare type TheEcoExpertsLogoType = FunctionComponent;
 declare const TheEcoExpertsLogo: TheEcoExpertsLogoType;
 export default TheEcoExpertsLogo;

package/Assets/BrandLogos/WebsiteBuilderExpertLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-type WebsiteBuilderExpertLogoType = FunctionComponent;
+declare type WebsiteBuilderExpertLogoType = FunctionComponent;
 declare const WebsiteBuilderExpertLogo: WebsiteBuilderExpertLogoType;
 export default WebsiteBuilderExpertLogo;

package/Assets/BrandLogos/brandLogos.d.ts

@@ -11,5 +11,5 @@ declare const brandLogos: {
     lasikEyes: import("react").FunctionComponent<{}>;
     none: null;
 };
-export type IBrandLogos = typeof brandLogos;
+export declare type IBrandLogos = typeof brandLogos;
 export default brandLogos;

package/Assets/CustomIcons/CheckboxIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-type CheckboxType = React.FunctionComponent<{
+declare type CheckboxType = React.FunctionComponent<{
     isChecked: boolean;
 }>;
 declare const CheckboxIcon: CheckboxType;

package/Assets/CustomIcons/RadioIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-type RadioType = React.FunctionComponent<{
+declare type RadioType = React.FunctionComponent<{
     isChecked: boolean;
 }>;
 declare const RadioIcon: RadioType;

package/Assets/svgs/svgs.d.ts

@@ -7,5 +7,5 @@ declare const svgs: {
     truck: string;
     ringcentral: string;
 };
-export type ISvgs = typeof svgs;
+export declare type ISvgs = typeof svgs;
 export default svgs;

package/Components/Atoms/AnimationWrapper/AnimationWrapperStory.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type AnimationWrapperStoryType = React.FunctionComponent<{
+declare type AnimationWrapperStoryType = React.FunctionComponent<{
     effect: 'fadeIn' | 'fadeInUp' | 'fadeInDown' | 'fadeInLeft' | 'fadeInRight';
     delay: number;
     animationTime: number;

package/Components/Atoms/Button/Button.d.ts

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

package/Components/Atoms/Button/ButtonStory.d.ts

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

package/Components/Atoms/CardButton/CardButton.d.ts

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

package/Components/Atoms/CardButton/CardButtonStory.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type CardButtonStoryType = React.FunctionComponent<{
+declare type CardButtonStoryType = React.FunctionComponent<{
     error: boolean;
 }>;
 declare const CardButtonStory: CardButtonStoryType;

package/Components/Atoms/ErrorMessage/ErrorMessage.d.ts

@@ -1,5 +1,5 @@
 /** @jsxImportSource @emotion/react */
 import { FunctionComponent } from 'react';
-type ErrorMessageType = FunctionComponent;
+declare type ErrorMessageType = FunctionComponent;
 declare const ErrorMessage: ErrorMessageType;
 export default ErrorMessage;

package/Components/Atoms/ErrorMessage/ErrorMessageStory.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type ErrorMessageStoryType = React.FunctionComponent<{
+declare type ErrorMessageStoryType = React.FunctionComponent<{
     error: boolean;
     errorMessage: string;
 }>;

package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
-type ErrorMessageProviderProps = {
+declare type ErrorMessageProviderProps = {
     errorMessage: string | undefined;
 };
-type ErrorMessageProviderType = React.FunctionComponent<{
+declare type ErrorMessageProviderType = React.FunctionComponent<{
     children: React.ReactNode;
     errorMessage?: string;
 }>;
 declare const ErrorMessageProvider: ErrorMessageProviderType;
-type UseErrorMessageProps = {
+declare type UseErrorMessageProps = {
     isErrorMessageProviderRequired: boolean;
 };
 declare const useErrorMessage: (props?: UseErrorMessageProps) => ErrorMessageProviderProps;

package/Components/Atoms/FormControl/FormControl.d.ts

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

package/Components/Atoms/FormControl/FormControlStory.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type StoryType = React.FunctionComponent<{
+declare type StoryType = React.FunctionComponent<{
     error: boolean;
     parentContainerWidth: number;
 }>;

package/Components/Atoms/IconButton/IconButton.d.ts

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

package/Components/Atoms/IconButton/IconButtonStory.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IIcons } from '../../../Helpers/icons';
-type ButtonStartIconStoryType = React.FunctionComponent<{
+declare type ButtonStartIconStoryType = React.FunctionComponent<{
     disabled: boolean;
     iconType: keyof IIcons;
     children: React.ReactNode;

package/Components/Atoms/InfoPanel/InfoPanel.d.ts

@@ -2,6 +2,6 @@
 import { FunctionComponentWithDefaultProps } from '../../../Helpers/React/FunctionComponentWithDefaultProps';
 import defaultProps from './defaultProps';
 import IInfoPanelProps from './IInfoPanelProps';
-type InfoPanelType = FunctionComponentWithDefaultProps<IInfoPanelProps, typeof defaultProps>;
+declare type InfoPanelType = FunctionComponentWithDefaultProps<IInfoPanelProps, typeof defaultProps>;
 declare const InfoPanel: InfoPanelType;
 export default InfoPanel;

package/Components/Atoms/InfoPanel/InfoPanelStory.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ISvgs } from '../../../Assets/svgs/svgs';
-type InfoPanelType = React.FunctionComponent<{
+declare type InfoPanelType = React.FunctionComponent<{
     title?: string;
     iconType?: keyof ISvgs;
     content: React.ReactNode;

package/Components/Atoms/Input/Input.d.ts

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

package/Components/Atoms/Input/InputStory.d.ts

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

package/Components/Atoms/InputLabel/InputLabel.d.ts

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

package/Components/Atoms/InputLabel/InputLabelStory.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-type StoryType = React.FunctionComponent;
+declare type StoryType = React.FunctionComponent;
 declare const FormControlStory: StoryType;
 export default FormControlStory;

package/Components/Atoms/Link/Link.d.ts

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

package/Components/Atoms/Link/LinkStory.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type LinkType = React.FunctionComponent<{
+declare type LinkType = React.FunctionComponent<{
     children: string;
     variant: 'button' | 'text';
 }>;

package/Components/Atoms/LoadingIndicator/LoadingIndicator.d.ts

@@ -1,6 +1,6 @@
 /** @jsxImportSource @emotion/react */
 import { FunctionComponent } from 'react';
 import IComponentProps from './IComponentProps';
-type LoadingIndicatorType = FunctionComponent<IComponentProps>;
+declare type LoadingIndicatorType = FunctionComponent<IComponentProps>;
 declare const LoadingIndicator: LoadingIndicatorType;
 export default LoadingIndicator;

package/Components/Atoms/Modal/Modal.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import IModalProps from './IModalProps';
-type ModalType = React.FunctionComponent<IModalProps>;
+declare type ModalType = React.FunctionComponent<IModalProps>;
 declare const Modal: ModalType;
 export default Modal;

package/Components/Atoms/Modal/ModalStory.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-type ModalStoryType = React.FunctionComponent<{
+declare type ModalStoryType = React.FunctionComponent<{
     linkVariant: 'text' | 'button';
     children: React.ReactNode;
 }>;

package/Components/Atoms/ProgressBar/ProgressBar.d.ts

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

package/Components/Atoms/ProgressBar/ProgressBarStory.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-type ProgressBarStoryType = React.FunctionComponent<{
+declare type ProgressBarStoryType = React.FunctionComponent<{
     progress: number;
     text: string;
 }>;

package/Components/Atoms/Text/Text.d.ts

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

package/Components/Atoms/Text/TextStory.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type TextStoryType = React.FunctionComponent<{
+declare type TextStoryType = React.FunctionComponent<{
     text: string;
     variant: 'header' | 'note' | 'summary' | 'question' | 'text' | 'footer' | 'listItem' | 'tileItem';
     align: 'center' | 'inherit' | 'justify' | 'left' | 'right';

package/Components/Molecules/CheckBox/CheckBox.d.ts

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

package/Components/Molecules/CheckBox/CheckBox.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 (g && (g = 0, op[0] && (_ = 0)), _) try {
+        while (_) 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/CheckBox/CheckBoxStory.d.ts

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

package/Components/Molecules/DatePicker/DatePicker.d.ts

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

package/Components/Molecules/DatePicker/DatePicker.js

@@ -35,7 +35,7 @@ var makeDatePickerStyling_1 = __importDefault(require("./makeDatePickerStyling")
 var react_2 = require("@emotion/react");
 var DesktopDatePicker_1 = require("@mui/x-date-pickers/DesktopDatePicker");
 var DatePicker = function (_a) {
-    var id = _a.id, onChange = _a.onChange, format = _a.format, value = _a.value, errorMessage = _a.errorMessage, placeholder = _a.placeholder, props = __rest(_a, ["id", "onChange", "format", "value", "errorMessage", "placeholder"]);
+    var id = _a.id, onChange = _a.onChange, onOpen = _a.onOpen, onClose = _a.onClose, format = _a.format, value = _a.value, errorMessage = _a.errorMessage, placeholder = _a.placeholder, props = __rest(_a, ["id", "onChange", "onOpen", "onClose", "format", "value", "errorMessage", "placeholder"]);
     var isValid = !errorMessage && !!value;
     var _b = react_1.default.useState(false), isPickerOpen = _b[0], setIsPickerOpen = _b[1];
     var styles = (0, makeDatePickerStyling_1.default)({
@@ -45,13 +45,21 @@ var DatePicker = function (_a) {
     var handleChange = function (d) {
         onChange(d ? d : undefined);
     };
+    var handleOpen = function () {
+        setIsPickerOpen(true);
+        onOpen();
+    };
+    var handleClose = function () {
+        setIsPickerOpen(false);
+        onClose();
+    };
     var endAdornment;
     if (isValid || errorMessage) {
         var validationIconType = isValid ? 'valid' : 'invalid';
         var ValidationIconComponent = icons_1.default[validationIconType];
         endAdornment = ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, __assign({ position: "end", "data-testid": "endAdornment-".concat(validationIconType), css: styles.inputAdornmentEnd }, { children: (0, jsx_runtime_1.jsx)(ValidationIconComponent, { fill: "red", viewBox: "2 2 20 20" }) })));
     }
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: styles.datePickerContainer }, { children: [(0, jsx_runtime_1.jsx)(react_2.Global, { styles: styles.globalStyles }), (0, jsx_runtime_1.jsx)(DesktopDatePicker_1.DesktopDatePicker, __assign({ closeOnSelect: true, open: isPickerOpen, onOpen: function () { return setIsPickerOpen(true); }, onClose: function () { return setIsPickerOpen(false); }, format: format, slotProps: {
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: styles.datePickerContainer }, { children: [(0, jsx_runtime_1.jsx)(react_2.Global, { styles: styles.globalStyles }), (0, jsx_runtime_1.jsx)(DesktopDatePicker_1.DesktopDatePicker, __assign({ closeOnSelect: true, open: isPickerOpen, onOpen: handleOpen, onClose: handleClose, format: format, slotProps: {
                     inputAdornment: {
                         position: 'start',
                     },

package/Components/Molecules/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,gFAA0D;AAC1D,gDAA0B;AAE1B,oEAA8C;AAE9C,gEAA0C;AAC1C,kFAA4D;AAC5D,wCAAwC;AAExC,2EAA0E;AAO1E,IAAM,UAAU,GAAmB,UAAC,EAQjB;IAPjB,IAAA,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACR,KAAK,cAP0B,oEAQnC,CADS;IAER,IAAM,OAAO,GAAG,CAAC,YAAY,IAAI,CAAC,CAAC,KAAK,CAAC;IACnC,IAAA,KAAkC,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAtD,YAAY,QAAA,EAAE,eAAe,QAAyB,CAAC;IAE9D,IAAM,MAAM,GAAG,IAAA,+BAAqB,EAAC;QACnC,OAAO,EAAE,CAAC,CAAC,YAAY;QACvB,OAAO,SAAA;KACR,CAAC,CAAC;IAEH,IAAM,YAAY,GAAG,UAAC,CAAc;QAClC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,IAAI,YAAY,CAAC;IAEjB,IAAI,OAAO,IAAI,YAAY,EAAE;QAC3B,IAAM,kBAAkB,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;QACzD,IAAM,uBAAuB,GAAG,eAAK,CAAC,kBAAkB,CAAC,CAAC;QAC1D,YAAY,GAAG,CACb,uBAAC,wBAAc,aACb,QAAQ,EAAC,KAAK,iBACD,uBAAgB,kBAAkB,CAAE,EACjD,GAAG,EAAE,MAAM,CAAC,iBAAiB,gBAE7B,uBAAC,uBAAuB,IAAC,IAAI,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW,GAAG,IAC3C,CAClB,CAAC;KACH;IAED,OAAO,CACL,0CAAK,GAAG,EAAE,MAAM,CAAC,mBAAmB,iBAClC,uBAAC,cAAM,IAAC,MAAM,EAAE,MAAM,CAAC,YAAY,GAAI,EACvC,uBAAC,qCAAiB,aAChB,aAAa,QACb,IAAI,EAAE,YAAY,EAClB,MAAM,EAAE,cAAM,OAAA,eAAe,CAAC,IAAI,CAAC,EAArB,CAAqB,EACnC,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,KAAK,CAAC,EAAtB,CAAsB,EACrC,MAAM,EAAE,MAAM,EACd,SAAS,EAAE;oBACT,cAAc,EAAE;wBACd,QAAQ,EAAE,OAAO;qBAClB;oBACD,SAAS,EAAE;wBACT,QAAQ,EAAE,IAAI;wBACd,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,IAAI,CAAC,EAArB,CAAqB;wBACpC,WAAW,aAAA;wBACX,UAAU,EAAE;4BACV,YAAY,cAAA;4BACZ,EAAE,IAAA;4BACF,IAAI,EAAE,YAAY;yBACnB;qBACyB;oBAC5B,MAAM,EAAE;wBACN,SAAS,EAAE,QAAQ;wBACnB,SAAS,EAAE;4BACT;gCACE,IAAI,EAAE,QAAQ;gCACd,OAAO,EAAE;oCACP,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;iCACjB;6BACF;yBACF;qBACF;iBACF,EACD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,IAClB,KAAK,EACT,KACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}

package/Components/Molecules/DatePicker/DatePickerStory.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type DatePickerStoryType = React.FunctionComponent<{
+declare type DatePickerStoryType = React.FunctionComponent<{
     disableFuture: boolean;
     disablePast: boolean;
     errorMessage: string;

package/Components/Molecules/DatePicker/DatePickerTextFieldType.d.ts

@@ -5,5 +5,5 @@ import { TextField } from '@mui/material';
  * I'm disabling eslint so the type definition can be exactly the same as the one in the material ui x-date-pickers package.
  * The type defined in MUI is wrong as readOnly is allowed, so I'm using "as" to override the type in DatePicker.tsx
  */
-type DatePickerTextFieldType = SlotComponentProps<typeof TextField, {}, Record<string, any>>;
+declare type DatePickerTextFieldType = SlotComponentProps<typeof TextField, {}, Record<string, any>>;
 export default DatePickerTextFieldType;

package/Components/Molecules/DatePicker/IDatePickerProps.d.ts

@@ -1,6 +1,8 @@
 interface IDatePickerProps {
     id: string;
     onChange: (date: Date | undefined) => void;
+    onOpen: () => void;
+    onClose: () => void;
     disableFuture?: boolean;
     disablePast?: boolean;
     errorMessage?: string;

package/Components/Molecules/DatePicker/__tests__/DatePicker.test.js

@@ -25,7 +25,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 (g && (g = 0, op[0] && (_ = 0)), _) try {
+        while (_) 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/DatePicker/defaultProps.d.ts

@@ -4,5 +4,7 @@ declare const defaultProps: {
     format: string;
     placeholder: string;
     value: undefined;
+    onOpen: () => void;
+    onClose: () => void;
 };
 export default defaultProps;

package/Components/Molecules/DatePicker/defaultProps.js

@@ -6,6 +6,8 @@ var defaultProps = {
     format: 'dd/MM/yyyy',
     placeholder: 'DD/MM/YYYY',
     value: undefined,
+    onOpen: function () { },
+    onClose: function () { },
 };
 exports.default = defaultProps;
 //# sourceMappingURL=defaultProps.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DatePicker/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,aAAa,EAAE,KAAK;IACpB,WAAW,EAAE,KAAK;IAClB,MAAM,EAAE,YAAY;IACpB,WAAW,EAAE,YAAY;IACzB,KAAK,EAAE,SAAS;CACjB,CAAC;AAEF,kBAAe,YAAY,CAAC"}
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DatePicker/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,aAAa,EAAE,KAAK;IACpB,WAAW,EAAE,KAAK;IAClB,MAAM,EAAE,YAAY;IACpB,WAAW,EAAE,YAAY;IACzB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,cAAO,CAAC;IAChB,OAAO,EAAE,cAAO,CAAC;CAClB,CAAC;AAEF,kBAAe,YAAY,CAAC"}

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

@@ -1,6 +1,6 @@
 import { FunctionComponentWithDefaultProps } from '../../../Helpers/React';
 import IComponentProps from './IComponentProps';
 import defaultProps from './defaultProps';
-type DropDownSelectType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
+declare 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';
-type StoryType = React.FunctionComponent<{
+declare type StoryType = React.FunctionComponent<{
     disabled: boolean;
     errorMessage: string;
     iconType?: 'none' | 'person' | 'zipcode' | 'phone' | 'email' | 'company' | 'state';

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';
-type IconTileCheckBoxType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
+declare 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';
-type IconTileCheckBoxStoryType = React.FunctionComponent<{
+declare type IconTileCheckBoxStoryType = React.FunctionComponent<{
     error: boolean;
     iconType: keyof ISvgs;
     isOtherOption: boolean;

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';
-type IconTileRadioButtonType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
+declare 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 (g && (g = 0, op[0] && (_ = 0)), _) try {
+        while (_) 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';
-type IconTileRadioButtonStoryType = React.FunctionComponent<{
+declare type IconTileRadioButtonStoryType = React.FunctionComponent<{
     error: boolean;
     iconType: keyof ISvgs;
     isOtherOption: boolean;

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';
-type NavBarType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
+declare 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';
-type NavBarStoryType = React.FunctionComponent<{
+declare type NavBarStoryType = React.FunctionComponent<{
     disabled: boolean;
     buttonDisabled: boolean;
     buttonLabel: string;

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

@@ -1,6 +1,6 @@
 import { FunctionComponentWithDefaultProps } from '../../../Helpers/React';
 import IPhoneNumberTextFieldProps from './IPhoneNumberTextFieldProps';
 import defaultProps from './defaultProps';
-type PhoneNumberTextFieldType = FunctionComponentWithDefaultProps<IPhoneNumberTextFieldProps, typeof defaultProps>;
+declare 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';
-type StoryType = React.FunctionComponent<{
+declare type StoryType = React.FunctionComponent<{
     disabled: boolean;
     errorMessage: string;
     isAnswered: boolean;

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';
-type RadioButtonType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
+declare 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';
-type RadioButtonStoryType = React.FunctionComponent<{
+declare type RadioButtonStoryType = React.FunctionComponent<{
     error: boolean;
     iconType: keyof ISvgs | 'none';
     otherInputError: boolean;

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 (g && (g = 0, op[0] && (_ = 0)), _) try {
+        while (_) 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';
-type ScrollContainerType = FunctionComponent<{
+declare 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 type ScrollContainerType = React.FunctionComponent<IScrollContainerProps>;
-export type ScrollDetails = {
+export declare type ScrollContainerType = React.FunctionComponent<IScrollContainerProps>;
+export declare type ScrollDetails = {
     scrollHeight: number;
     clientHeight: number;
     offsetTop: number;

package/Components/Molecules/TextField/TextField.d.ts

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

package/Components/Molecules/TextField/TextFieldStory.d.ts

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

package/Components/Molecules/ThankYouBanner/ThankYouBanner.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 /** @jsxImportSource @emotion/react */
 import IThankYouBannerProps from './IThankYouBannerProps';
-type ThankYouBannerType = React.FunctionComponent<IThankYouBannerProps>;
+declare type ThankYouBannerType = React.FunctionComponent<IThankYouBannerProps>;
 declare const ThankYouBanner: ThankYouBannerType;
 export default ThankYouBanner;

package/Components/Molecules/ThankYouBanner/ThankYouBannerStory.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { IBrandLogos } from '../../../Assets/BrandLogos/brandLogos';
-type ThankYouBannerStoryType = React.FunctionComponent<{
+declare type ThankYouBannerStoryType = React.FunctionComponent<{
     brandType: keyof IBrandLogos;
     submissionId: string;
 }>;

package/Components/Organisms/ListLayout/ListLayout.d.ts

@@ -1,6 +1,6 @@
 /** @jsxImportSource @emotion/react */
 import { FunctionComponent } from 'react';
 import IComponentProps from './IComponentProps';
-type ListLayoutType = FunctionComponent<IComponentProps>;
+declare type ListLayoutType = FunctionComponent<IComponentProps>;
 declare const ListLayout: ListLayoutType;
 export default ListLayout;

package/Components/Organisms/ListLayout/ListLayoutStory.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ISvgs } from '../../../Assets/svgs/svgs';
-type ListLayoutStoryType = React.FunctionComponent<{
+declare type ListLayoutStoryType = React.FunctionComponent<{
     iconType: keyof ISvgs | 'none';
     optionsCount: number;
     text: string;

package/Components/Organisms/RadioGroup/RadioGroup.d.ts

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

package/Components/Organisms/RadioGroup/RadioGroup.test.js

@@ -25,7 +25,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 (g && (g = 0, op[0] && (_ = 0)), _) try {
+        while (_) 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/Organisms/RadioGroup/RadioGroupContext.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-type RadioGroupContextType = {
+declare type RadioGroupContextType = {
     selectedId?: string;
     setSelectedId: (id: string | undefined) => void;
 };

package/Components/Organisms/RadioGroup/RadioGroupStory.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ISvgs } from '../../../Assets/svgs/svgs';
-type RadioGroupStoryType = React.FunctionComponent<{
+declare type RadioGroupStoryType = React.FunctionComponent<{
     iconType: keyof ISvgs | 'none';
     defaultSelectedId?: string;
     itemsCount: number;

package/Components/Organisms/TileLayout/IconTileCheckBoxStory.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ISvgs } from '../../../Assets/svgs/svgs';
-type TileLayoutStoryType = React.FunctionComponent<{
+declare type TileLayoutStoryType = React.FunctionComponent<{
     itemsCount: number;
     iconType: keyof ISvgs;
     text: string;

package/Components/Organisms/TileLayout/IconTileRadioButtonStory.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ISvgs } from '../../../Assets/svgs/svgs';
-type TileLayoutStoryType = React.FunctionComponent<{
+declare type TileLayoutStoryType = React.FunctionComponent<{
     itemsCount: number;
     iconType: keyof ISvgs;
     text: string;

package/Components/Organisms/TileLayout/TileLayout.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
 import IComponentProps from './IComponentProps';
-type TileLayoutType = FunctionComponent<IComponentProps>;
+declare type TileLayoutType = FunctionComponent<IComponentProps>;
 declare const TileLayout: TileLayoutType;
 export default TileLayout;

package/Helpers/React/FunctionComponentWithDefaultProps.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export type FunctionComponentWithDefaultProps<T, D extends Partial<React.ComponentProps<React.FC<T>>>> = Pick<React.FC<T>, Exclude<keyof React.FC<T>, 'defaultProps'>> & (React.FC<T> extends (...a: infer A) => infer R ? (...a: A) => R : never) & {
+export declare type FunctionComponentWithDefaultProps<T, D extends Partial<React.ComponentProps<React.FC<T>>>> = Pick<React.FC<T>, Exclude<keyof React.FC<T>, 'defaultProps'>> & (React.FC<T> extends (...a: infer A) => infer R ? (...a: A) => R : never) & {
     defaultProps: D;
 };

package/Helpers/React/css.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-type CssProps = React.CSSProperties | {
+declare type CssProps = React.CSSProperties | {
     [key: string]: CssProps;
 };
 declare const css: (props: CssProps) => React.CSSProperties;

package/Helpers/icons.d.ts

@@ -9,5 +9,5 @@ declare const icons: {
         muiName: string;
     };
 };
-export type IIcons = typeof icons;
+export declare type IIcons = typeof icons;
 export default icons;

package/Helpers/useThrottle.d.ts

@@ -1,4 +1,4 @@
 import { DebouncedFunc } from 'lodash';
-type ThrottledFunction = (value: unknown) => void;
+declare type ThrottledFunction = (value: unknown) => void;
 declare const useThrottle: (func: ThrottledFunction, wait: number) => DebouncedFunc<ThrottledFunction>;
 export default useThrottle;

package/Themes/StoryThemeWrapper.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IThemes } from './themes';
-type StoryThemeWrapperType = React.FunctionComponent<{
+declare type StoryThemeWrapperType = React.FunctionComponent<{
     children: React.ReactNode;
     themeType: keyof IThemes;
     fontSizeMultiplier?: number;

package/Themes/themes.d.ts

@@ -865,8 +865,8 @@ declare const themes: {
         };
     };
 };
-export type ITheme = typeof customTheme;
-export type IThemes = typeof themes;
+export declare type ITheme = typeof customTheme;
+export declare type IThemes = typeof themes;
 export declare const getThemeWithFontMultiplier: (theme: keyof IThemes, fontSizeMultiplier?: number) => import("@mui/material").Theme & {
     mvf: {
         border: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mvf/external-components",
-  "version": "3.7.1-dev.3",
+  "version": "3.8.1-dev.1",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "scripts/up.sh",