npm - udp-react-enterprise-component-library - Versions diffs - 1.0.6 → 25.1.0-beta.2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (566) hide show

package/dist/types/UI/dataDisplay/visualization/amCharts/AmSankeyChart.d.ts CHANGED Viewed

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

package/dist/types/UI/demos/InputsExample.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from 'react';
 // Extend JSX types for Stencil components
-export declare const InputsExample: () => JSX.Element;
+export declare const InputsExample: () => React.JSX.Element;
 export default InputsExample;

package/dist/types/UI/feedback/AmbientAlert.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare const AmbientAlert: ({ alertButton, alertMessage, alertTitle, showAlert, alertSeverity, closeAlert, alertAction, alertActionButton, alertHandleAction, ...otherProps }: {
     [x: string]: any;
     alertAction: any;
@@ -9,4 +10,4 @@ export declare const AmbientAlert: ({ alertButton, alertMessage, alertTitle, sho
     alertTitle: any;
     closeAlert: any;
     showAlert: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/UI/feedback/AmbientToast.d.ts CHANGED Viewed

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

package/dist/types/UI/feedback/FluentDialog.d.ts CHANGED Viewed

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

package/dist/types/UI/feedback/NodeLoader.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
+import React from 'react';
 export declare const NodeLoader: ({ loading, nodesRequested }: {
     loading: any;
     nodesRequested?: number[];
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/UI/feedback/PageLoading.d.ts CHANGED Viewed

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

package/dist/types/UI/fileViewer/FileViewer.d.ts CHANGED Viewed

@@ -1 +1,3 @@
-export declare const FileViewer: (props: any) => JSX.Element;
+/* eslint-disable react/jsx-no-useless-fragment */
+import React from 'react';
+export declare const FileViewer: (props: any) => React.JSX.Element;

package/dist/types/UI/fileViewer/imageSlider/Image.d.ts CHANGED Viewed

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

package/dist/types/UI/fileViewer/imageSlider/ImageFooter.d.ts CHANGED Viewed

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

package/dist/types/UI/fileViewer/imageSlider/ImageSlider.d.ts CHANGED Viewed

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

package/dist/types/UI/fileViewer/imageSlider/ImageViewerSideSheet.d.ts CHANGED Viewed

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

package/dist/types/UI/fileViewer/pdfViewer/ControlPanel.d.ts CHANGED Viewed

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

package/dist/types/UI/floorplans/CoreLayoutFloorplan.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const CoreLayoutFloorplan: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         /**
          * Container to add Primary Action Header to page

package/dist/types/UI/forms/CrudForm.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const CrudForm: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         /**
          * Entity attributes for selected entity within catalog

package/dist/types/UI/forms/LoginForm.d.ts CHANGED Viewed

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

package/dist/types/UI/forms/PaymentReversalForm.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const PaymentReversalForm: ({ id, paymentData, onSubmitCompleted }: {
     id: any;
     onSubmitCompleted: any;
     paymentData: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/UI/forms/UdpCrudFormFields.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const UdpCrudFormFields: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         /**
          * Entity name for promoted entity

package/dist/types/UI/forms/VirtualForm.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const VirtualForm: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         /**
          * onClick event for closing sidesheet

package/dist/types/UI/iframe/Iframe.d.ts CHANGED Viewed

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

package/dist/types/UI/inputs/buttons/AdvanceButton.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
+import React from 'react';
 declare const AdvanceButton: ({ ...otherProps }: {
     [x: string]: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default AdvanceButton;

package/dist/types/UI/inputs/buttons/AmbientCardButton.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const AmbientCardButton: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         /**
          * When true will display edit button.

package/dist/types/UI/inputs/buttons/AmbientChipButton.d.ts CHANGED Viewed

@@ -1 +1,2 @@
-export declare const AmbientChipButton: any;
+import React from 'react';
+export declare const AmbientChipButton: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;

package/dist/types/UI/inputs/buttons/AmbientPopoverMenuItem.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const AmbientPopoverMenuItem: ({ label, component, click }: {
     click: any;
     component: any;
     label: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/UI/inputs/buttons/AmbientToggleButton.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare const AmbientToggleButton: {
     ({ children, value, ariaLabel, onClick, ...otherProps }: {
         [x: string]: any;
@@ -5,7 +6,7 @@ export declare const AmbientToggleButton: {
         children: any;
         onClick: any;
         value: any;
-    }): JSX.Element;
+    }): React.JSX.Element;
     propTypes: {
         /**
          * Contents of the button

package/dist/types/UI/inputs/buttons/AmbientToggleButtonGroup.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
-export declare const AmbientToggleButtonGroup: any;
+import React from 'react';
+export declare const AmbientToggleButtonGroup: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
 // export default withStyles(styles, { name: 'MuiToggleButtonGroup' })(AmbientToggleButtonGroup);

package/dist/types/UI/inputs/buttons/AmbientTokenButton.d.ts CHANGED Viewed

@@ -1 +1,2 @@
-export declare const AmbientTokenButton: any;
+import React from 'react';
+export declare const AmbientTokenButton: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;

package/dist/types/UI/inputs/buttons/FUISquareIconButton.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
+import React from 'react';
 /**
  * <IconButton> but with a square highlight
  */
-declare const FUISquareIconButton: (props: any) => JSX.Element;
+declare const FUISquareIconButton: (props: any) => React.JSX.Element;
 export default FUISquareIconButton;

package/dist/types/UI/inputs/buttons/FluentButton.d.ts CHANGED Viewed

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

package/dist/types/UI/inputs/buttons/FluentCompoundButton.d.ts CHANGED Viewed

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

package/dist/types/UI/inputs/buttons/FluentIconButton.d.ts CHANGED Viewed

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

package/dist/types/UI/inputs/buttons/FluentMenuListButton.d.ts CHANGED Viewed

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

package/dist/types/UI/inputs/buttons/FluentMenuListItem.d.ts CHANGED Viewed

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

package/dist/types/UI/inputs/buttons/FluentUploadButton.d.ts CHANGED Viewed

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

package/dist/types/UI/inputs/buttons/FluentUploadIconButton.d.ts CHANGED Viewed

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

package/dist/types/UI/inputs/buttons/IconButtonWithToolTip.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from 'react';
 // IconButtonWithTooltip allows you to set a tooltip on a disabled IconButton without ruining ButtonGroup layout
 export declare const IconButtonWithTooltip: ({ icon, title, disabled, onClick, className, fluentIconClassName, id, udprecordid, ...other }: {
     [x: string]: any;
@@ -9,4 +10,4 @@ export declare const IconButtonWithTooltip: ({ icon, title, disabled, onClick, c
     onClick: any;
     title: any;
     udprecordid: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/UI/inputs/buttons/PrimaryActionButton.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
+import React from 'react';
 export declare const PrimaryActionButton: ({ children, icon, ...otherProps }: {
     [x: string]: any;
     children: any;
     icon: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default PrimaryActionButton;

package/dist/types/UI/inputs/buttons/ToolBarButton.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const ToolBarButton: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         component: any;
         click: any;

package/dist/types/UI/inputs/calendar/AmbientDateRangeSelector.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from 'react';
 import 'react-date-range/dist/styles.css'; // main style file
 import 'react-date-range/dist/theme/default.css'; // theme css file
-export declare const AmbientDateRangeSelector: (props: any) => JSX.Element;
+export declare const AmbientDateRangeSelector: (props: any) => React.JSX.Element;

package/dist/types/UI/inputs/calendar/AmbientSingleDateSelector.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from 'react';
 import 'react-date-range/dist/styles.css'; // main style file
 import 'react-date-range/dist/theme/default.css'; // theme css file
-export declare const AmbientSingleDateSelector: (props: any) => JSX.Element;
+export declare const AmbientSingleDateSelector: (props: any) => React.JSX.Element;

package/dist/types/UI/inputs/checkbox/FluentCheckbox.d.ts CHANGED Viewed

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

package/dist/types/UI/inputs/datetimes/DateField.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
+import React from 'react';
 // import { useIntl } from '../../../intl';
 // import { useDateFormat } from '../../utils/CompanyPreferencesProvider';
 /**
  * TextField for date input
  */
-export declare const DateField: (props: any) => JSX.Element;
+export declare const DateField: (props: any) => React.JSX.Element;

package/dist/types/UI/inputs/datetimes/DateTimeField.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
+import React from 'react';
 /**
  * TextField for date input
  */
-export declare const DateTimeField: (props: any) => JSX.Element;
+export declare const DateTimeField: (props: any) => React.JSX.Element;

package/dist/types/UI/inputs/datetimes/TimeField.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
+import React from 'react';
 // import { useIntl } from '../../../intl';
 /**
  * TextField for time input
  */
-export declare const TimeField: (props: any) => JSX.Element;
+export declare const TimeField: (props: any) => React.JSX.Element;

package/dist/types/UI/inputs/fieldArrayCard/AutocompleteFinalField.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from 'react';
 // this is only to used in FieldArrayCard
-declare const AutocompleteFinalField: (props: any) => JSX.Element;
+declare const AutocompleteFinalField: (props: any) => React.JSX.Element;
 export default AutocompleteFinalField;

package/dist/types/UI/inputs/fieldArrayCard/DateRangeField.d.ts CHANGED Viewed

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

package/dist/types/UI/inputs/fieldArrayCard/FieldArrayCard.d.ts CHANGED Viewed

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

package/dist/types/UI/inputs/fieldArrayCard/SearchSideSheet.d.ts CHANGED Viewed

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

package/dist/types/UI/inputs/link/BreadCrumbMenu.d.ts CHANGED Viewed

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

package/dist/types/UI/inputs/link/FluentLink.d.ts CHANGED Viewed

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

package/dist/types/UI/inputs/menus/AmbientStepper/AmbientStepContent.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from 'react';
 declare const AmbientStepContent: ({ activeStep, step1, step2, step3, step4, step5 }: {
     activeStep: any;
     step1: any;
@@ -5,5 +6,5 @@ declare const AmbientStepContent: ({ activeStep, step1, step2, step3, step4, ste
     step3: any;
     step4: any;
     step5: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default AmbientStepContent;

package/dist/types/UI/inputs/menus/AmbientStepper/AmbientStepper.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from 'react';
 // function getSteps() {
 //   return [
 //     'Select campaign settings',
@@ -10,4 +11,4 @@ export declare const AmbientStepper: ({ activeStep, steps, orientation }: {
     activeStep: any;
     orientation: any;
     steps: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/UI/inputs/menus/FluentSelectDirectoryMenu.d.ts CHANGED Viewed

@@ -1,6 +1,8 @@
+/* eslint-disable no-use-before-define */
+import React from 'react';
 export declare const FluentSelectGroupMenu: ({ data, placeholder, id, handleChange }: {
     data: any;
     handleChange: any;
     id: any;
     placeholder: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/UI/inputs/menus/FluentSelectGroupMenu.d.ts CHANGED Viewed

@@ -1,7 +1,9 @@
+/* eslint-disable no-use-before-define */
+import React from 'react';
 export declare const SelectGroupMenu: ({ data, placeholder, id, handleChange, className }: {
     className: any;
     data: any;
     handleChange: any;
     id: any;
     placeholder: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/UI/inputs/menus/FluentSelectMenu-old.d.ts CHANGED Viewed

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

package/dist/types/UI/inputs/menus/FluentSelectMenu.d.ts CHANGED Viewed

@@ -1,3 +1,5 @@
+/* eslint-disable no-use-before-define */
+import React from 'react';
 export declare const FluentSelectMenu: ({ data, id, onChange: onChangeProp, width, autoCompleteProps, displayProperty, ...otherProps }: {
     [x: string]: any;
     autoCompleteProps: any;
@@ -6,4 +8,4 @@ export declare const FluentSelectMenu: ({ data, id, onChange: onChangeProp, widt
     id: any;
     onChange: any;
     width?: number;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/UI/inputs/menus/FluentSimpleSelect.d.ts CHANGED Viewed

@@ -1 +1,9 @@
-export declare const FluentSimpleSelect: any;
+import React from 'react';
+export declare const FluentSimpleSelect: React.ForwardRefExoticComponent<{
+    children: any;
+    defaultValue: any;
+    handleChange: any;
+    id: any;
+    label: any;
+    value: any;
+} & React.RefAttributes<unknown>>;

package/dist/types/UI/inputs/pickers/FluentColorPicker.d.ts CHANGED Viewed

@@ -1 +1,3 @@
-export declare const FluentColorPicker: (props: any) => JSX.Element;
+//JIRA: UNT-3388, Author: Mithara Silva, Date: 06/09/2023=====
+import React from 'react';
+export declare const FluentColorPicker: (props: any) => React.JSX.Element;

package/dist/types/UI/inputs/pickers/FluentDatePicker.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const FluentDatePicker: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         /**
          * Adornment label (eg, From: )

package/dist/types/UI/inputs/pickers/FluentDateTimePicker.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const FluentDateTimePicker: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         /**
          * Adornment label (eg, From: )

package/dist/types/UI/inputs/pickers/FluentTimePicker.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const FluentTimePicker: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         /**
          * Adornment label (eg, From: )

package/dist/types/UI/inputs/pickers/UdpDateSelector.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const UdpDateSelector: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         label: any;
         id: any;

package/dist/types/UI/inputs/pickers/UdpTimeSelector.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
+import React from 'react';
 export declare const UdpTimeSelector: {
-    (props: any): JSX.Element;
+    (props: any): React.JSX.Element;
     propTypes: {
         /**
          * Label for the time input

package/dist/types/UI/inputs/radio/FluentRadio.d.ts CHANGED Viewed

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

package/dist/types/UI/inputs/radio/FluentRadioGroup.d.ts CHANGED Viewed

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

package/dist/types/UI/inputs/richEditors/CkRichEditor.d.ts CHANGED Viewed

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

package/dist/types/UI/inputs/sliders/FluentInputSlider.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import React from 'react';
 // @todo: make icon a props, updated to fluent design specs
-declare const FluentInputSlider: (props: any) => JSX.Element;
+declare const FluentInputSlider: (props: any) => React.JSX.Element;
 export default FluentInputSlider;

package/dist/types/UI/inputs/textField/AmbientAutoComplete.d.ts CHANGED Viewed

@@ -1 +1,3 @@
-export declare const AmbientAutoComplete: (props: any) => JSX.Element;
+/* eslint-disable no-use-before-define */
+import React from 'react';
+export declare const AmbientAutoComplete: (props: any) => React.JSX.Element;

package/dist/types/UI/inputs/textField/AmbientTextField.d.ts CHANGED Viewed

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

package/dist/types/UI/inputs/textField/FluentSearchField.d.ts CHANGED Viewed

@@ -1 +1,3 @@
-export declare const FluentSearchField: (props: any) => JSX.Element;
+/* eslint-disable no-use-before-define */
+import React from 'react';
+export declare const FluentSearchField: (props: any) => React.JSX.Element;

package/dist/types/UI/inputs/textField/FluentTagField.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
-export declare const FluentTagFieldComponent: (props: any, ref: any) => JSX.Element;
-export declare const FluentTagField: any;
+import React from 'react';
+export declare const FluentTagFieldComponent: (props: any, ref: any) => React.JSX.Element;
+export declare const FluentTagField: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;

package/dist/types/UI/inputs/textField/FluentTextField.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
-export declare const FluentTextFieldComponent: (props: any, ref: any) => JSX.Element;
-export declare const FluentTextField: any;
+import React from 'react';
+export declare const FluentTextFieldComponent: (props: any, ref: any) => React.JSX.Element;
+export declare const FluentTextField: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;

package/dist/types/UI/inputs/textField/FluentTextFieldAutoComplete.d.ts CHANGED Viewed

@@ -1 +1,3 @@
-export declare const FluentTextFieldAutoComplete: (props: any) => JSX.Element;
+/* eslint-disable no-use-before-define */
+import React from 'react';
+export declare const FluentTextFieldAutoComplete: (props: any) => React.JSX.Element;

package/dist/types/UI/inputs/textField/KeyValueTextField.d.ts CHANGED Viewed

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

package/dist/types/UI/inputs/toggle/FluentToggle.d.ts CHANGED Viewed

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

package/dist/types/UI/loading/CircularProgress.d.ts CHANGED Viewed

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

package/dist/types/UI/loading/LinearProgress.d.ts CHANGED Viewed

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

package/dist/types/UI/loading/LoadingIndicator.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
+import React from 'react';
 export declare const LoadingIndicator: ({ state, width }: {
     state?: boolean;
     width?: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/UI/loading/LoadingOverlay.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
+import React from 'react';
 declare const LoadingOverlay: ({ open }: {
     open?: boolean;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default LoadingOverlay;

package/dist/types/UI/mapLayout/MapLayout.d.ts CHANGED Viewed

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