udp-react-enterprise-component-library 1.0.6 → 25.1.0-beta.2

package/dist/types/udp/ShortcutContent/ListSearch.d.ts

@@ -1 +1,2 @@
-export declare const ListSearch: (props: any) => JSX.Element;
+import React from 'react';
+export declare const ListSearch: (props: any) => React.JSX.Element;

package/dist/types/udp/ShortcutContent/ShortcutContentFinder.d.ts

@@ -1 +1,2 @@
-export declare const ShortcutContentFinder: (props: any) => JSX.Element;
+import React from 'react';
+export declare const ShortcutContentFinder: (props: any) => React.JSX.Element;

package/dist/types/udp/export/ExportSidesheet.d.ts

@@ -1 +1,2 @@
-export declare const ExportSidesheet: (props: any) => JSX.Element;
+import React from 'react';
+export declare const ExportSidesheet: (props: any) => React.JSX.Element;

package/dist/types/udp/export/MyExportsPage.d.ts

@@ -1 +1,2 @@
-export declare const MyExportsPage: (props: any) => JSX.Element;
+import React from 'react';
+export declare const MyExportsPage: (props: any) => React.JSX.Element;

package/dist/types/udp/export/VisualSearchObject.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare const VisualSearchObject: ({ searchObject }: {
     searchObject: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/udp/export/useUdpExport.d.ts

@@ -1,14 +1,14 @@
 export declare const useUdpExport: (apiCatalogId: any, productId: any) => {
-    updateExportParameters: any;
-    createExport: any;
-    entity: any;
-    searchObject: any;
-    fileFormat: any;
+    updateExportParameters: (entity: any, searchObject: any) => void;
+    createExport: () => Promise<void>;
+    entity: undefined;
+    searchObject: undefined;
+    fileFormat: string;
     numRowsToExport: any;
-    validSearch: any;
-    errorList: any;
-    activeExportJob: any;
-    exportLoading: any;
-    handleFileDownload: any;
-    clearParameters: any;
+    validSearch: boolean;
+    errorList: any[];
+    activeExportJob: undefined;
+    exportLoading: boolean;
+    handleFileDownload: () => void;
+    clearParameters: () => void;
 };

package/dist/types/udp/fileImportMapping/FileImportConfigCard.d.ts

@@ -1 +1,2 @@
-export declare const FileImportConfigCard: (props: any) => JSX.Element;
+import React from 'react';
+export declare const FileImportConfigCard: (props: any) => React.JSX.Element;

package/dist/types/udp/fileImportMapping/FileImportMappingWizard.d.ts

@@ -1,2 +1,3 @@
-declare const FileImportMappingWizard: (props: any) => JSX.Element;
+import React from 'react';
+declare const FileImportMappingWizard: (props: any) => React.JSX.Element;
 export default FileImportMappingWizard;

package/dist/types/udp/fileImportMapping/ImportDataFromFileMapping.d.ts

@@ -1 +1,2 @@
-export declare const ImportDataFromFileMapping: (props: any) => JSX.Element;
+import React from 'react';
+export declare const ImportDataFromFileMapping: (props: any) => React.JSX.Element;

package/dist/types/udp/fileImportMapping/SampleFileImportGrid.d.ts

@@ -1 +1,2 @@
-export declare const SampleFileImportGrid: (props: any) => JSX.Element;
+import React from 'react';
+export declare const SampleFileImportGrid: (props: any) => React.JSX.Element;

package/dist/types/udp/pages/ChatUDP.d.ts

@@ -1,2 +1,3 @@
-declare const ChatUDP: () => JSX.Element;
+import React from 'react';
+declare const ChatUDP: () => React.JSX.Element;
 export default ChatUDP;

package/dist/types/udp/pages/UdpDataBrowserPage.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 // const FILTER_PARAMS = [
 //   {
 //     name: 'tenantName',
@@ -16,6 +17,6 @@
 //   }
 // ];
 // const FUNCTION_LIST = [() => 1, () => 2];
-export declare const UdpDataBrowserPage: (props: any) => JSX.Element;
-declare const _default: any;
+export declare const UdpDataBrowserPage: (props: any) => React.JSX.Element;
+declare const _default: React.MemoExoticComponent<(props: any) => React.JSX.Element>;
 export default _default;

package/dist/types/udp/pages/UdpFormsBuilderPage.d.ts

@@ -1,2 +1,3 @@
-declare const UdpFormsBuilderPage: () => JSX.Element;
+import React from 'react';
+declare const UdpFormsBuilderPage: () => React.JSX.Element;
 export default UdpFormsBuilderPage;

package/dist/types/udp/pages/UdpFormsListPage.d.ts

@@ -1,2 +1,3 @@
-declare const UdpFormsListPage: (props: any) => JSX.Element;
+import React from 'react';
+declare const UdpFormsListPage: (props: any) => React.JSX.Element;
 export default UdpFormsListPage;

package/dist/types/udp/pages/UdpGridPanelManagementPage.d.ts

@@ -1,2 +1,3 @@
-declare const UdpGridPanelManagementPage: (props: any) => JSX.Element;
+import React from 'react';
+declare const UdpGridPanelManagementPage: (props: any) => React.JSX.Element;
 export default UdpGridPanelManagementPage;

package/dist/types/udp/pages/UdpImportFromFileMappingPage.d.ts

@@ -1,2 +1,3 @@
-declare const UdpImportFromFileMappingPage: (props: any) => JSX.Element;
+import React from 'react';
+declare const UdpImportFromFileMappingPage: (props: any) => React.JSX.Element;
 export default UdpImportFromFileMappingPage;

package/dist/types/udp/pages/UdpInquiryMaintenanceEnginePage.d.ts

@@ -1,2 +1,3 @@
-declare const UdpInquiryMaintenanceEnginePage: (props: any) => JSX.Element;
+import React from 'react';
+declare const UdpInquiryMaintenanceEnginePage: (props: any) => React.JSX.Element;
 export default UdpInquiryMaintenanceEnginePage;

package/dist/types/udp/pages/UdpMaintenanceConfigPage.d.ts

@@ -1 +1,2 @@
-export declare const UdpMaintenanceConfigPage: (props: any) => JSX.Element;
+import React from 'react';
+export declare const UdpMaintenanceConfigPage: (props: any) => React.JSX.Element;

package/dist/types/udp/pages/UdpMaintenanceEnginePage.d.ts

@@ -1,2 +1,3 @@
-export declare const UdpMaintenanceEnginePage: (props: any) => JSX.Element;
+import React from 'react';
+export declare const UdpMaintenanceEnginePage: (props: any) => React.JSX.Element;
 export default UdpMaintenanceEnginePage;

package/dist/types/udp/pages/UdpNotesPage.d.ts

@@ -1,2 +1,3 @@
-declare const UdpNotesPage: (props: any) => JSX.Element;
+import React from 'react';
+declare const UdpNotesPage: (props: any) => React.JSX.Element;
 export default UdpNotesPage;

package/dist/types/udp/pages/UdpPrivateForm.d.ts

@@ -1,2 +1,3 @@
-declare const UdpPrivateForm: (props: any) => JSX.Element;
+import React from 'react';
+declare const UdpPrivateForm: (props: any) => React.JSX.Element;
 export default UdpPrivateForm;

package/dist/types/udp/pages/UdpPublicForm.d.ts

@@ -1,2 +1,3 @@
-export declare const UdpPublicForm: (props: any) => JSX.Element;
+import React from 'react';
+export declare const UdpPublicForm: (props: any) => React.JSX.Element;
 export default UdpPublicForm;

package/dist/types/udp/pages/UdpRemindersPage.d.ts

@@ -1,2 +1,3 @@
-declare const UdpRemindersPage: (props: any) => JSX.Element;
+import React from 'react';
+declare const UdpRemindersPage: (props: any) => React.JSX.Element;
 export default UdpRemindersPage;

package/dist/types/udp/pages/UdpReportsPage.d.ts

@@ -1,2 +1,3 @@
-declare const UdpReportsPage: (props: any) => JSX.Element;
+import React from 'react';
+declare const UdpReportsPage: (props: any) => React.JSX.Element;
 export default UdpReportsPage;

package/dist/types/udp/pages/UdpVerticalManagementPage.d.ts

@@ -1,2 +1,3 @@
-declare const UdpVerticalManagementPage: (props: any) => JSX.Element;
+import React from 'react';
+declare const UdpVerticalManagementPage: (props: any) => React.JSX.Element;
 export default UdpVerticalManagementPage;

package/dist/types/udp/pages/UdpVerticalManagementSidesheet.d.ts

@@ -1,2 +1,3 @@
-declare const UdpVerticalManagementSidesheet: (props: any) => JSX.Element;
+import React from 'react';
+declare const UdpVerticalManagementSidesheet: (props: any) => React.JSX.Element;
 export default UdpVerticalManagementSidesheet;

package/dist/types/uploader/DragDropFileUpload.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const DragDropFileUpload: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         /**
          * Optional, title

package/dist/types/uploader/FileProfile.d.ts

@@ -1,2 +1,3 @@
-declare const FileProfile: (props: any) => JSX.Element;
+import React from 'react';
+declare const FileProfile: (props: any) => React.JSX.Element;
 export default FileProfile;

package/dist/types/uploader/FileUpload.d.ts

@@ -1,2 +1,3 @@
-declare const FileUpload: (props: any) => JSX.Element;
+import React from 'react';
+declare const FileUpload: (props: any) => React.JSX.Element;
 export default FileUpload;

package/dist/types/uploader/ImagePreview.d.ts

@@ -1,2 +1,3 @@
-declare const ImagePreview: (props: any) => JSX.Element;
+import React from 'react';
+declare const ImagePreview: (props: any) => React.JSX.Element;
 export default ImagePreview;

package/dist/types/utilities/FluentIcon.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 /**
  * Wrapper for @fluentui/react-icons to provide it with required size
  */
-export declare const FluentIcon: (props: any) => JSX.Element;
+export declare const FluentIcon: (props: any) => React.JSX.Element;

package/dist/types/utilities/UnityFluentIcon.d.ts

@@ -1 +1,2 @@
-export declare const UnityFluentIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const UnityFluentIcon: (props: any) => React.JSX.Element;

package/dist/types/utilities/UnityIcon.d.ts

@@ -1 +1,2 @@
-export declare const UnityIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const UnityIcon: (props: any) => React.JSX.Element;

package/dist/types/utilities/aggrid/SplitButton.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 /**
  * https://material-ui.com/components/button-group/#split-button
  */
-export declare const SplitButton: (props: any) => JSX.Element;
+export declare const SplitButton: (props: any) => React.JSX.Element;

package/dist/types/utilities/aggrid/aggridHelpers.d.ts

@@ -1 +1,2 @@
-export declare const useServerSideDatasource: (refetchData: Function, refetchGroupData: any, filterChanged: any, setFilterChanged: any) => any;
+import { IServerSideDatasource } from '@ag-grid-community/core';
+export declare const useServerSideDatasource: (refetchData: Function, refetchGroupData: any, filterChanged: any, setFilterChanged: any) => IServerSideDatasource;

package/dist/types/utilities/apiHelpers.d.ts

@@ -7,6 +7,6 @@ export declare const getAccessToken: () => Promise<void | string>;
  *preCallBack returns a bool, true = show snackbar
  */
 export declare const useHandleAxiosSnackbar: () => {
-    handleErrorSnackbar: any;
-    handleSuccessSnackbar: any;
+    handleErrorSnackbar: (error: any, customMessage: any, preCallBack: any, callback: any) => void;
+    handleSuccessSnackbar: (message: any, preCallBack: any, callback: any, navigationPath: any, buttonText: any) => void;
 };

package/dist/types/utilities/auth/AuthDialogs.d.ts

@@ -1,2 +1,3 @@
-declare const AuthDialogs: (props: any) => JSX.Element;
+import React from 'react';
+declare const AuthDialogs: (props: any) => React.JSX.Element;
 export default AuthDialogs;

package/dist/types/utilities/auth/AuthProvider.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const AuthProvider: ({ children, doNotWaitForTenant, unityTenantId }: {
     children: any;
     doNotWaitForTenant?: boolean;
     unityTenantId: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/utilities/auth/AuthProviderWrapper.d.ts

@@ -1 +1,2 @@
-export declare const AuthProviderWrapper: (props: any) => JSX.Element;
+import React from 'react';
+export declare const AuthProviderWrapper: (props: any) => React.JSX.Element;

package/dist/types/utilities/auth/UserProvider.d.ts

@@ -1,2 +1,3 @@
-declare const UserProvider: (props: any) => JSX.Element;
+import React from 'react';
+declare const UserProvider: (props: any) => React.JSX.Element;
 export default UserProvider;

package/dist/types/utilities/auth/users.d.ts

@@ -1,8 +1,8 @@
 export declare function useUserActions(): {
-    setUser: any;
-    changeTenant: any;
+    setUser: (user: any) => void;
+    changeTenant: (tenantId: any) => void;
 };
 export declare function useLocalUserActions(): {
-    setUser: any;
-    setAccessToken: any;
+    setUser: (user: any) => void;
+    setAccessToken: (accessToken: any) => void;
 };

package/dist/types/utilities/chatBot/ChatBotContext.d.ts

@@ -1 +1,6 @@
-export declare const ChatBotContext: any;
+export declare const ChatBotContext: import("react").Context<{
+    messageHistory: any;
+    addMessage: any;
+    removeMessageHistory: any;
+    removeLoadingMessage: any;
+}>;

package/dist/types/utilities/chatBot/ChatBotProvider.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare const ChatBotProvider: ({ children }: {
     children: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/utilities/floorplanFunctions/gridVisualizationFunctions.d.ts

@@ -1,2 +1,2 @@
-export declare const useScreenControl: (e: any) => any[];
-export declare const useNoticeUpdate: () => any[];
+export declare const useScreenControl: (e: any) => (number | boolean | import("react").Dispatch<import("react").SetStateAction<boolean>>)[];
+export declare const useNoticeUpdate: () => {}[];

package/dist/types/utilities/form/AltSubmitButton.d.ts

@@ -1,4 +1,4 @@
-import React, { ComponentType } from 'react';
+import React from 'react';
 import { ButtonProps } from '@material-ui/core';
 import { FluentButton } from '../../UI/inputs/buttons/FluentButton';
 export type AltSubmitButtonProps<P = {}, D extends React.ElementType = 'button'> = Omit<ButtonProps<D, P>, 'onClick'> & {
@@ -6,9 +6,8 @@ export type AltSubmitButtonProps<P = {}, D extends React.ElementType = 'button'>
     ButtonComponent: typeof FluentButton;
     disablePristine: boolean;
 };
-type AltSubmitButtonComponent<P = {}, D extends React.ElementType = 'button'> = ComponentType<AltSubmitButtonProps<P, D>>;
 /**
  * Submit button
  */
-declare const AltSubmitButton: AltSubmitButtonComponent;
+declare const AltSubmitButton: React.ForwardRefExoticComponent<Omit<AltSubmitButtonProps<{}, "button">, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default AltSubmitButton;

package/dist/types/utilities/form/Field.d.ts

@@ -6,13 +6,14 @@ export interface MuiFieldComponentProps {
     helperText?: React.ReactNode;
     inputProps?: InputBaseComponentProps;
     onChange: React.ChangeEventHandler;
-    ComponentProps?: MuiFieldComponentProps;
+    ComponentProps?: any;
 }
 export type MuiFieldComponent = ElementType<MuiFieldComponentProps>;
 export type FieldProps<FieldValue, RP extends FieldRenderProps<FieldValue, T>, T extends HTMLElement = HTMLElement> = {
     component: MuiFieldComponent;
     // @fixme Some of the onChange handlers pass value instead
     valueForChange?: (event: React.ChangeEvent<T>) => FieldValue;
+    pattern?: string;
 } & Pick<FinalFieldProps<FieldValue, RP, T>, 'afterSubmit' | 'allowNull' | 'beforeSubmit' | 'defaultValue' | 'format' | 'formatOnBlur' | 'initialValue' | 'isEqual' | 'name' | 'parse' | 'subscription' | 'type' | 'validate' | 'validateFields' | 'value' | 'required'> & MuiFieldComponentProps; // @fixme Add another generic to extend this with componentProps
 type FieldComponent<FieldValue = any, RP extends FieldRenderProps<FieldValue, T> = FieldRenderProps<FieldValue, HTMLElement>, T extends HTMLElement = HTMLElement> = ComponentType<FieldProps<FieldValue, RP, T>>;
 /**

package/dist/types/utilities/form/SubmitButton.d.ts

@@ -1,14 +1,12 @@
 import { ButtonProps } from '@material-ui/core';
-import React, { ComponentType } from 'react';
+import React from 'react';
 import { FluentButton } from '../../UI/inputs/buttons/FluentButton';
 export type SubmitButtonProps<P = {}, D extends React.ElementType = 'button'> = ButtonProps<D, P> & {
     // @fixme Probably want to swap this with something that'll allow ...otherProps to inherit the specified component's props to pass through
     ButtonComponent?: typeof FluentButton;
     disablePristine: boolean;
 };
-type SubmitButtonComponent<P = {}, D extends React.ElementType = 'button'> = ComponentType<SubmitButtonProps<P, D>>;
 /**
  * A MUI Button varaint intended for use as the submit button for a form
  */
-export declare let SubmitButton: SubmitButtonComponent;
-export {};
+export declare let SubmitButton: React.ForwardRefExoticComponent<Omit<SubmitButtonProps<{}, "button">, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/utilities/form/paymentForm/BankIcon.d.ts

@@ -1,7 +1,8 @@
+import * as React from "react";
 /**
  * BankIcon
  *
  * @param {(JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>)} props
  * @return {*}
  */
-export declare const BankIcon: (props: any) => JSX.Element;
+export declare const BankIcon: (props: JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/dist/types/utilities/form/paymentForm/CashForm.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { PaymentDetails } from './AccountPayment.model';
 interface CashFormProps {
     isFormDisabled?: boolean;
@@ -5,5 +6,5 @@ interface CashFormProps {
     amountValue?: string | number | null | undefined;
     onStatusChange?: (paymentFormResult: boolean) => void;
 }
-export declare const CashForm: ({ isFormDisabled, paymentDetails, amountValue, onStatusChange }: CashFormProps) => JSX.Element;
+export declare const CashForm: ({ isFormDisabled, paymentDetails, amountValue, onStatusChange }: CashFormProps) => React.JSX.Element;
 export {};

package/dist/types/utilities/form/paymentForm/CashIcon.d.ts

@@ -1,7 +1,8 @@
+import * as React from "react";
 /**
  * CashIcon
  *
  * @param {(JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>)} props
  * @return {*}
  */
-export declare const CashIcon: (props: any) => JSX.Element;
+export declare const CashIcon: (props: JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/dist/types/utilities/form/paymentForm/CheckIcon.d.ts

@@ -1,7 +1,8 @@
+import * as React from "react";
 /**
  * CheckIcon
  *
  * @param {(JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>)} props
  * @return {*}
  */
-export declare const CheckIcon: (props: any) => JSX.Element;
+export declare const CheckIcon: (props: JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/dist/types/utilities/form/paymentForm/CreditCardAdornment.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 /**
  * CreditCardAdornment component displays an icon at the start of an input field.
  * It shows a default payment card icon if no credit card number is provided.
@@ -9,4 +10,4 @@
  */
 export declare const CreditCardAdornment: ({ creditCardNumberInput }: {
     creditCardNumberInput: string;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/utilities/form/paymentForm/CreditCardIcon.d.ts

@@ -1,7 +1,8 @@
+import * as React from "react";
 /**
  * CreditCardIcon
  *
  * @param {(JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>)} props
  * @return {*}
  */
-export declare const CreditCardIcon: (props: any) => JSX.Element;
+export declare const CreditCardIcon: (props: JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>) => React.JSX.Element;

package/dist/types/utilities/form/paymentForm/DisableOverlay.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 /**
  * DisabledOverlay
  *
  * @param {*} { message }
  * @return {*}
  */
-export declare const DisabledOverlay: ({ message }: any) => JSX.Element;
+export declare const DisabledOverlay: ({ message }: any) => React.JSX.Element;

package/dist/types/utilities/form/paymentForm/HostedPaymentError.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 /**
  * @file HostedPaymentError.tsx
  * @description This component displays an error message when there is an issue rendering the hosted payment form.
@@ -17,4 +18,4 @@
 export declare const HostedPaymentError: ({ error, message }: {
     error: string;
     message: string;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/utilities/form/paymentForm/NewCreditCardForm.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { PaymentDetails } from './AccountPayment.model';
 /**
  * NewCardForm component renders a form for entering new credit card details.
@@ -15,4 +16,4 @@ export declare const NewCreditCardForm: ({ isFormDisabled, classes, creditCardNu
     creditCardNumberInput: string;
     paymentDetails: PaymentDetails;
     setCreditCardNumberInput: React.Dispatch<React.SetStateAction<string>>;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/utilities/form/paymentForm/NewECheckForm.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 /**
  * NewCardForm component renders a form for entering new credit card details.
  *
@@ -12,4 +13,4 @@ export declare const NewECheckForm: ({ isFormDisabled, classes, bankAccountTypes
     isFormDisabled: boolean;
     classes: Record<string, string>;
     bankAccountTypes?: any[];
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/utilities/form/paymentForm/PaymentBankDetails.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { CardData } from "./PaymentDropdown";
 /**
  * PaymentBankDetails component displays the bank details of a payment method.
@@ -9,4 +10,4 @@ import { CardData } from "./PaymentDropdown";
  */
 export declare const PaymentBankDetails: ({ bankData }: {
     bankData: CardData;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/utilities/form/paymentForm/PaymentBoxDetail.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface PaymentToken {
     nickname: string;
 }
@@ -28,5 +29,5 @@ interface CardData {
  */
 export declare const PaymentBoxDetail: ({ cardData }: {
     cardData: CardData;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export {};

package/dist/types/utilities/form/paymentForm/PaymentCardDetail.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { CardData } from "./PaymentDropdown";
 /**
  * PaymentCardDetail component displays the details of a payment card.
@@ -16,4 +17,4 @@ import { CardData } from "./PaymentDropdown";
  */
 export declare const PaymentCardDetail: ({ cardData }: {
     cardData: CardData;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/utilities/form/paymentForm/TabPanel.d.ts

@@ -16,5 +16,5 @@ interface TabPanelProps {
  * @param {TabPanelProps} props
  * @return {*}
  */
-export declare const TabPanel: (props: TabPanelProps) => JSX.Element;
+export declare const TabPanel: (props: TabPanelProps) => React.JSX.Element;
 export {};

package/dist/types/utilities/form/paymentForm/vendorsForms/FiservForm.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { PaymentTenderTypeEnum } from '../../../../enums/paymentTenderTypeEnum';
 /**
  * `FiservForm` Component
@@ -37,4 +38,4 @@ export declare const FiservForm: ({ paymentMethod, onStatusChange, baseUrl, cust
     onStatusChange?: (paymentFormResult: any) => void;
     paymentData?: any;
     paymentMethod?: PaymentTenderTypeEnum;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/utilities/iconLibrary/IconLibrary.d.ts

@@ -1,2 +1,3 @@
-declare const _default: any;
+import React from 'react';
+declare const _default: React.MemoExoticComponent<(props: any) => React.JSX.Element>;
 export default _default;

package/dist/types/utilities/iconLibrary/IconLibraryComponent.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 declare const IconLibraryComponent: ({ open, onClose, handleIconSelect, selectedIconName }: {
     handleIconSelect: any;
     onClose: any;
     open: any;
     selectedIconName: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default IconLibraryComponent;

package/dist/types/utilities/iconLibrary/SelectedLibraryItem.d.ts

@@ -1,2 +1,3 @@
-declare const SelectedLibraryItem: (props: any) => JSX.Element;
+import React from 'react';
+declare const SelectedLibraryItem: (props: any) => React.JSX.Element;
 export default SelectedLibraryItem;

package/dist/types/utilities/iconLibrary/UnityIconLibrary.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 export declare const unityIcons: {
     id: string;
     label: string;
-    icon: JSX.Element;
+    icon: React.JSX.Element;
     type: string;
 }[];
-export declare const getUnityIconFromName: (name: any) => JSX.Element;
+export declare const getUnityIconFromName: (name: any) => React.JSX.Element;

package/dist/types/utilities/page/PageSubHeaderAction.d.ts

@@ -6,4 +6,4 @@ export declare const PageSubHeaderActionsTarget: React.FC;
 /**
  * Places a button in the App SubHeader
  */
-export declare const PageSubHeaderAction: (props: any) => JSX.Element;
+export declare const PageSubHeaderAction: (props: any) => React.JSX.Element;

package/dist/types/utilities/provider/ActionProvider.d.ts

@@ -1 +1,2 @@
-export declare const ActionProvider: (props: any) => JSX.Element;
+import React from 'react';
+export declare const ActionProvider: (props: any) => React.JSX.Element;

package/dist/types/utilities/redirect/pages/OutlookCallback.d.ts

@@ -1 +1,2 @@
-export declare function OutlookCallback(): JSX.Element;
+import React from 'react';
+export declare function OutlookCallback(): React.JSX.Element;

package/dist/types/utilities/style/ContentContainer.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const ContentContainer: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         /**
          * removes padding from container to allow for custom padding