@evoke-platform/ui-components 1.2.0-testing.0 → 1.2.0-testing.2

package/dist/published/components/core/Tooltip/Tooltip.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
 import { TooltipProps } from '@mui/material';
-declare const Tooltip: (props: TooltipProps) => JSX.Element;
+import React from 'react';
+declare const Tooltip: (props: TooltipProps) => React.JSX.Element;
 export default Tooltip;

package/dist/published/components/core/Typography/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-declare const Typography: (props: any) => JSX.Element;
+import React from 'react';
+declare const Typography: (props: any) => React.JSX.Element;
 export default Typography;
 export { Typography };

package/dist/published/components/custom/BuilderGrid/BuilderGrid.d.ts

@@ -1,5 +1,5 @@
 import { GridSortItem, GridValidRowModel, DataGridProps as MuiDataGridProps } from '@mui/x-data-grid';
-import { ReactElement } from 'react';
+import React, { ReactElement } from 'react';
 import { EmptyContentSelectOptions } from './EmptyContent';
 export type GridAction = {
     label: string;
@@ -23,5 +23,5 @@ export type BuilderGridProps<T extends GridValidRowModel> = MuiDataGridProps<T>
     filterComponent?: ReactElement;
     error?: number;
 };
-declare const BuilderGrid: <T extends GridValidRowModel>(props: BuilderGridProps<T>) => JSX.Element;
+declare const BuilderGrid: <T extends GridValidRowModel>(props: BuilderGridProps<T>) => React.JSX.Element;
 export default BuilderGrid;

package/dist/published/components/custom/BuilderGrid/BuilderGridToolbar.d.ts

@@ -1,5 +1,5 @@
 import { GridToolbarProps as MuiGridToolbarProps } from '@mui/x-data-grid';
-import { ReactElement } from 'react';
+import React, { ReactElement } from 'react';
 import { GridAction } from './BuilderGrid';
 export type BuilderGridToolbar = MuiGridToolbarProps & {
     actions?: GridAction[];
@@ -8,5 +8,5 @@ export type BuilderGridToolbar = MuiGridToolbarProps & {
     filter?: ReactElement;
     hideSearchbar?: boolean;
 };
-declare function BuilderGridToolbar(props: BuilderGridToolbar): JSX.Element;
+declare function BuilderGridToolbar(props: BuilderGridToolbar): React.JSX.Element;
 export default BuilderGridToolbar;

package/dist/published/components/custom/BuilderGrid/EmptyContent.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { AutocompleteOption } from '../../core';
 export type EmptyContentSelectOptions = {
     instructionText: string;
@@ -12,5 +12,5 @@ type EmptyStateComponentProps = {
     onClick?: () => void;
     selectOptions?: EmptyContentSelectOptions;
 };
-export declare const EmptyContent: (props: EmptyStateComponentProps) => JSX.Element;
+export declare const EmptyContent: (props: EmptyStateComponentProps) => React.JSX.Element;
 export {};

package/dist/published/components/custom/BuilderGrid/EmptyContentIllustration.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
 import { SvgIconProps } from '@mui/material';
-export declare const EmptyContentIllustration: (props: SvgIconProps) => JSX.Element;
+import React from 'react';
+export declare const EmptyContentIllustration: (props: SvgIconProps) => React.JSX.Element;

package/dist/published/components/custom/BuilderGrid/ToolbarActions.d.ts

@@ -1,8 +1,8 @@
-import { ReactElement } from 'react';
+import React, { ReactElement } from 'react';
 import { GridAction } from './BuilderGrid';
 type ToolbarActionsProps = {
     filter?: ReactElement;
     actions?: GridAction[];
 };
-export declare const ToolbarActions: (props: ToolbarActionsProps) => JSX.Element;
+export declare const ToolbarActions: (props: ToolbarActionsProps) => React.JSX.Element;
 export {};

package/dist/published/components/custom/CriteriaBuilder/CriteriaBuilder.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import 'react-querybuilder/dist/query-builder.css';
 import { EvokeObject } from '../../../types';
 import { ObjectProperty, Operator, PresetValue, TreeViewObject } from './types';
@@ -36,6 +36,6 @@ export type CriteriaInputProps = {
      */
     disableRegexEscapeChars?: boolean;
 };
-export declare const valueEditor: (props: ValueEditorProps) => JSX.Element;
-declare const CriteriaBuilder: (props: CriteriaInputProps) => JSX.Element;
+export declare const valueEditor: (props: ValueEditorProps) => React.JSX.Element;
+declare const CriteriaBuilder: (props: CriteriaInputProps) => React.JSX.Element;
 export default CriteriaBuilder;

package/dist/published/components/custom/CriteriaBuilder/PropertyTree.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { EvokeObject } from '../../../types';
 type PropertyTreeProps = {
     fetchObject: (id: string) => Promise<EvokeObject | undefined>;
@@ -6,5 +6,5 @@ type PropertyTreeProps = {
     handleTreePropertySelect: (propertyId: string) => void;
     value: string | undefined;
 };
-declare const PropertyTree: ({ fetchObject, handleTreePropertySelect, rootObject, value }: PropertyTreeProps) => JSX.Element;
+declare const PropertyTree: ({ fetchObject, handleTreePropertySelect, rootObject, value }: PropertyTreeProps) => React.JSX.Element;
 export default PropertyTree;

package/dist/published/components/custom/CriteriaBuilder/PropertyTreeItem.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ExpandedProperty, Obj } from '../../../types';
 type PropertyTreeItemProps = {
     property: ExpandedProperty | undefined;
@@ -6,5 +6,5 @@ type PropertyTreeItemProps = {
     treeData: ExpandedProperty[];
     onClick: (property: string) => void;
 };
-declare const PropertyTreeItem: ({ property, fetchObject, treeData, onClick }: PropertyTreeItemProps) => JSX.Element | null;
+declare const PropertyTreeItem: ({ property, fetchObject, treeData, onClick }: PropertyTreeItemProps) => React.JSX.Element | null;
 export default PropertyTreeItem;

package/dist/published/components/custom/CriteriaBuilder/ValueEditor.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { ValueEditorProps as ValueEditorBaseProps } from 'react-querybuilder';
 import { AutocompleteOption } from '../../core';
 export type ValueEditorProps = ValueEditorBaseProps & {
     values?: AutocompleteOption[] | any[];
 };
-declare const ValueEditor: (props: ValueEditorProps) => JSX.Element;
+declare const ValueEditor: (props: ValueEditorProps) => React.JSX.Element;
 export default ValueEditor;

package/dist/published/components/custom/DataGrid/DataGrid.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { Theme } from '@mui/material';
 import { GridValidRowModel, DataGridProps as MuiDataGridProps } from '@mui/x-data-grid';
+import React from 'react';
 export type BulkAction = {
     label: string;
     onClick: () => void;
@@ -23,5 +23,5 @@ export type DataGridProps<T extends GridValidRowModel> = MuiDataGridProps<T> & {
     hideSearchbar?: boolean;
     loadingOptions?: LoadingOptions;
 };
-export default function <T extends GridValidRowModel>(props: DataGridProps<T>): JSX.Element;
+export default function <T extends GridValidRowModel>(props: DataGridProps<T>): React.JSX.Element;
 export {};

package/dist/published/components/custom/DataGrid/Toolbar.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { Theme } from '@mui/material';
 import { GridToolbarProps as MuiGridToolbarProps } from '@mui/x-data-grid';
+import React from 'react';
 import { BulkAction } from './DataGrid';
 export type GridToolbarProps = MuiGridToolbarProps & {
     onRefresh?: () => void;
@@ -11,5 +11,5 @@ export type GridToolbarProps = MuiGridToolbarProps & {
     bulkAction?: BulkAction;
     hideSearchbar?: boolean;
 };
-declare function Toolbar(props: GridToolbarProps): JSX.Element;
+declare function Toolbar(props: GridToolbarProps): React.JSX.Element;
 export default Toolbar;

package/dist/published/components/custom/ErrorComponent/ErrorComponent.d.ts

@@ -1,9 +1,9 @@
 import { GridSize } from '@mui/material';
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 export type ErrorComponentProps = {
     code?: 'AccessDenied' | 'NotFound' | 'Misconfigured';
     message?: string;
     colspan?: GridSize;
     styles?: CSSProperties;
 };
-export default function ErrorComponent(props: ErrorComponentProps): JSX.Element;
+export default function ErrorComponent(props: ErrorComponentProps): React.JSX.Element;

package/dist/published/components/custom/Form/Common/Form.d.ts

@@ -78,5 +78,5 @@ export type FormRef = {
     submit: (submission: Record<string, unknown>, type: 'submit' | 'draft', setError: (error?: Record<string, unknown>) => void, setSubmitting?: (value: boolean) => void) => void;
     data?: Record<string, unknown>;
 };
-export declare function Form(props: FormProps): JSX.Element;
+export declare function Form(props: FormProps): React.JSX.Element;
 export default Form;

package/dist/published/components/custom/Form/Common/FormComponentWrapper.d.ts

@@ -27,5 +27,5 @@ type FormComponentWrapperProps = {
  * A component that wraps a FormField and adds a label,
  * description, tooltip, prefix, suffix and word/char counts
  */
-export declare const FormComponentWrapper: (props: FormComponentWrapperProps) => JSX.Element;
+export declare const FormComponentWrapper: (props: FormComponentWrapperProps) => React.JSX.Element;
 export {};

package/dist/published/components/custom/Form/FormComponents/ButtonComponent.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ReactComponent } from '@formio/react';
+import React from 'react';
 import { Root } from 'react-dom/client';
 interface ButtonComponentProps {
     components: Button[];
@@ -32,5 +32,5 @@ export declare class ButtonComponent extends ReactComponent {
     setButtonKey: (value: string) => void;
     attachReact(element: Element): void;
 }
-declare const Button: (props: ButtonProps) => JSX.Element;
+declare const Button: (props: ButtonProps) => React.JSX.Element;
 export {};

package/dist/published/components/custom/Form/FormComponents/DocumentComponent/Document.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ApiServices, DocumentValidation, ObjectInstance, Property } from '@evoke-platform/context';
+import React from 'react';
 import { SavedDocumentReference } from '../../types';
 type DocumentProps = {
     id: string;
@@ -13,5 +13,5 @@ type DocumentProps = {
     validate?: DocumentValidation;
     value: (File | SavedDocumentReference)[] | undefined;
 };
-export declare const Document: (props: DocumentProps) => JSX.Element;
+export declare const Document: (props: DocumentProps) => React.JSX.Element;
 export {};

package/dist/published/components/custom/Form/FormComponents/DocumentComponent/DocumentList.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ApiServices, ObjectInstance, Property } from '@evoke-platform/context';
+import React from 'react';
 import { SavedDocumentReference } from '../../types';
 type DocumentListProps = {
     handleChange: (propertyId: string, value: (File | SavedDocumentReference)[] | null) => void;
@@ -11,5 +11,5 @@ type DocumentListProps = {
     objectId?: string;
     setSnackbarError: (type: 'error' | 'success', message: string) => void;
 };
-export declare const DocumentList: (props: DocumentListProps) => JSX.Element;
+export declare const DocumentList: (props: DocumentListProps) => React.JSX.Element;
 export {};

package/dist/published/components/custom/Form/FormComponents/ImageComponent/Image.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ObjectInstance } from '@evoke-platform/context';
+import React from 'react';
 export declare function blobToDataUrl(blob: Blob): Promise<string>;
 type ImageProps = {
     id: string;
@@ -13,5 +13,5 @@ type ImageProps = {
     error: boolean;
     initialValue?: unknown;
 };
-export declare const Image: (props: ImageProps) => JSX.Element;
+export declare const Image: (props: ImageProps) => React.JSX.Element;
 export {};

package/dist/published/components/custom/Form/FormComponents/ObjectComponent/InstanceLookup.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ApiServices, Obj, ObjectInstance, Property, TableViewLayout } from '@evoke-platform/context';
+import React from 'react';
 export type InstanceLookUpProps = {
     object: Obj;
     instanceId?: string;
@@ -18,4 +18,4 @@ export type SearchFieldProps = {
     searchString: string;
     setSearchString: (searchStrig: string) => void;
 };
-export declare const InstanceLookup: (props: InstanceLookUpProps) => JSX.Element;
+export declare const InstanceLookup: (props: InstanceLookUpProps) => React.JSX.Element;

package/dist/published/components/custom/Form/FormComponents/ObjectComponent/ObjectPropertyInput.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { ObjectPropertyInputProps } from '../../types';
-export declare const ObjectPropertyInput: (props: ObjectPropertyInputProps) => JSX.Element;
+export declare const ObjectPropertyInput: (props: ObjectPropertyInputProps) => React.JSX.Element;

package/dist/published/components/custom/Form/FormComponents/ObjectComponent/RelatedObjectInstance.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { ApiServices, Obj, ObjectInstance, Property, TableViewLayout, UserAccount } from '@evoke-platform/context';
 import { ReactComponent } from '@formio/react';
+import React from 'react';
 export type RelatedObjectInstanceProps = {
     relatedObject?: Obj;
     property: Property;
@@ -24,4 +24,4 @@ export type RelatedObjectInstanceProps = {
     layout?: TableViewLayout;
     richTextEditor?: typeof ReactComponent;
 };
-export declare const RelatedObjectInstance: (props: RelatedObjectInstanceProps) => JSX.Element;
+export declare const RelatedObjectInstance: (props: RelatedObjectInstanceProps) => React.JSX.Element;

package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ActionDialog.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { Action, ApiServices, Obj, Property, UserAccount } from '@evoke-platform/context';
+import React from 'react';
 import { Address, ObjectPropertyInputProps } from '../../types';
 export type ActionDialogProps = {
     open: boolean;
@@ -18,4 +18,4 @@ export type ActionDialogProps = {
     queryAddresses?: (query: string) => Promise<Address[]>;
     user?: UserAccount;
 };
-export declare const ActionDialog: (props: ActionDialogProps) => JSX.Element;
+export declare const ActionDialog: (props: ActionDialogProps) => React.JSX.Element;

package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ManyToMany/DropdownRepeatableField.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ApiServices, ObjWithRoot, ObjectInstance, Property, ViewLayoutEntityReference } from '@evoke-platform/context';
+import React from 'react';
 export type DropdownRepeatableFieldProps = {
     id: string;
     property: Property;
@@ -13,4 +13,4 @@ export type DropdownRepeatableFieldProps = {
     fieldHeight?: 'small' | 'medium';
     viewLayout?: ViewLayoutEntityReference;
 };
-export declare const DropdownRepeatableField: (props: DropdownRepeatableFieldProps) => JSX.Element;
+export declare const DropdownRepeatableField: (props: DropdownRepeatableFieldProps) => React.JSX.Element;

package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ManyToMany/DropdownRepeatableFieldInput.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { DropdownViewLayout, Obj, ObjectInstance, Property } from '@evoke-platform/context';
+import React from 'react';
 import { AutocompleteOption } from '../../../../../core';
 type DropdownRepeatableFieldInputProps = {
     id: string;
@@ -35,5 +35,5 @@ export type DropdownRepeatableFieldInputOption = AutocompleteOption & {
     subLabel?: string;
     hidden?: boolean;
 };
-export declare const DropdownRepeatableFieldInput: (props: DropdownRepeatableFieldInputProps) => JSX.Element;
+export declare const DropdownRepeatableFieldInput: (props: DropdownRepeatableFieldInputProps) => React.JSX.Element;
 export {};

package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/RepeatableField.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ApiServices, ObjectInstance, Property, UserAccount, ViewLayoutEntityReference } from '@evoke-platform/context';
+import React from 'react';
 import { Address } from '../../types';
 export type ObjectPropertyInputProps = {
     property: Property;
@@ -10,5 +10,5 @@ export type ObjectPropertyInputProps = {
     user?: UserAccount;
     viewLayout?: ViewLayoutEntityReference;
 };
-declare const RepeatableField: (props: ObjectPropertyInputProps) => JSX.Element;
+declare const RepeatableField: (props: ObjectPropertyInputProps) => React.JSX.Element;
 export default RepeatableField;

package/dist/published/components/custom/Form/FormComponents/UserComponent/UserProperty.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ApiServices, Property, UserAccount } from '@evoke-platform/context';
+import React from 'react';
 import { AutocompleteOption } from '../../../../core';
 export type UserPropertyProps = {
     id: string;
@@ -20,4 +20,4 @@ export type UserPropertyProps = {
     } | '$_CURRENT';
     fieldHeight?: 'small' | 'medium';
 };
-export declare const UserProperty: (props: UserPropertyProps) => JSX.Element;
+export declare const UserProperty: (props: UserPropertyProps) => React.JSX.Element;

package/dist/published/components/custom/FormField/AddressFieldComponent/addressFieldComponent.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FormFieldProps } from '../FormField';
 export type Address = {
     address: {
@@ -12,5 +12,5 @@ export type Address = {
 };
 declare const AddressFieldComponent: (props: FormFieldProps & {
     id: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default AddressFieldComponent;

package/dist/published/components/custom/FormField/AddressFieldComponent/addressFieldComponent.js

@@ -48,7 +48,7 @@ const AddressFieldComponent = (props) => {
         !mask ? (React.createElement(TextField, { id: id, inputRef: textFieldRef, onChange: !readOnly ? handleChange : undefined, error: error, errorMessage: errorMessage, value: value, fullWidth: true, onBlur: onBlur, size: size ?? 'medium', placeholder: placeholder, InputProps: {
                 type: 'search',
                 autoComplete: 'off',
-            }, required: required, readOnly: readOnly, multiline: property.type === 'string' && !readOnly && isMultiLineText, rows: isMultiLineText ? (rows ? rows : 3) : undefined, ...(additionalProps ?? {}) })) : (React.createElement(InputMask, { mask: mask, maskChar: inputMaskPlaceholderChar ?? '_', value: value, onChange: !readOnly ? handleChange : undefined, onBlur: onBlur, alwaysShowMask: true }, () => (React.createElement(TextField, { id: id, inputRef: textFieldRef, sx: readOnly
+            }, required: required, readOnly: readOnly, multiline: property.type === 'string' && !readOnly && isMultiLineText, rows: isMultiLineText ? (rows ? rows : 3) : undefined, ...(additionalProps ?? {}) })) : (React.createElement(InputMask, { mask: mask, disabled: false, maskChar: inputMaskPlaceholderChar ?? '_', value: value, onChange: !readOnly ? handleChange : undefined, onBlur: onBlur, alwaysShowMask: true }, () => (React.createElement(TextField, { id: id, inputRef: textFieldRef, sx: readOnly
                 ? {
                     '& .MuiOutlinedInput-notchedOutline': {
                         border: 'none',

package/dist/published/components/custom/FormField/BooleanSelect/BooleanSelect.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { FormFieldProps } from '../FormField';
 declare const BooleanSelect: (props: FormFieldProps & {
     id: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default BooleanSelect;

package/dist/published/components/custom/FormField/DatePickerSelect/DatePickerSelect.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { FormFieldProps } from '../FormField';
 declare const DatePickerSelect: (props: FormFieldProps & {
     id: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default DatePickerSelect;

package/dist/published/components/custom/FormField/DateTimePickerSelect/DateTimePickerSelect.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { FormFieldProps } from '../FormField';
 declare const DateTimePickerSelect: (props: FormFieldProps & {
     id: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default DateTimePickerSelect;

package/dist/published/components/custom/FormField/FileUpload/FileUpload.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { FormFieldProps } from '../FormField';
 declare const FileUploadControl: (props: FormFieldProps & {
     id: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default FileUploadControl;

package/dist/published/components/custom/FormField/FormField.d.ts

@@ -1,4 +1,4 @@
-import { FocusEventHandler, ReactNode } from 'react';
+import React, { FocusEventHandler, ReactNode } from 'react';
 import { ObjectProperty } from '../../../types';
 import { AutocompleteOption } from '../../core';
 import { Address } from './AddressFieldComponent/addressFieldComponent';
@@ -31,5 +31,5 @@ export type FormFieldProps = {
     displayOption?: 'dropdown' | 'radioButton';
     sortBy?: 'ASC' | 'DESC' | 'NONE';
 };
-declare const FormField: (props: FormFieldProps) => JSX.Element;
+declare const FormField: (props: FormFieldProps) => React.JSX.Element;
 export default FormField;

package/dist/published/components/custom/FormField/InputFieldComponent/InputFieldComponent.d.ts

@@ -1,7 +1,7 @@
-import { FunctionComponent } from 'react';
+import React, { FunctionComponent } from 'react';
 import { FormFieldProps } from '../FormField';
 export declare const NumericFormat: FunctionComponent<any>;
 declare const InputFieldComponent: (props: FormFieldProps & {
     id: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default InputFieldComponent;

package/dist/published/components/custom/FormField/InputFieldComponent/InputFieldComponent.js

@@ -62,7 +62,7 @@ const InputFieldComponent = (props) => {
                     backgroundColor: '#f4f6f8',
                 },
             }),
-        }, error: error, errorMessage: errorMessage, value: value, onChange: !readOnly ? handleChange : undefined, InputProps: { ...InputProps, readOnly: readOnly }, required: required, fullWidth: true, onBlur: onBlur, placeholder: placeholder, size: size ?? 'medium', type: property.type === 'integer' ? 'number' : 'text', multiline: property.type === 'string' && !readOnly && isMultiLineText, rows: isMultiLineText ? (rows ? rows : 3) : undefined, ...(additionalProps ?? {}) })) : (React.createElement(InputMask, { mask: mask, maskChar: inputMaskPlaceholderChar ?? '_', value: value, onChange: !readOnly ? handleChange : undefined, onBlur: onBlur, alwaysShowMask: true }, () => (React.createElement(TextField, { id: id, sx: readOnly
+        }, error: error, errorMessage: errorMessage, value: value, onChange: !readOnly ? handleChange : undefined, InputProps: { ...InputProps, readOnly: readOnly }, required: required, fullWidth: true, onBlur: onBlur, placeholder: placeholder, size: size ?? 'medium', type: property.type === 'integer' ? 'number' : 'text', multiline: property.type === 'string' && !readOnly && isMultiLineText, rows: isMultiLineText ? (rows ? rows : 3) : undefined, ...(additionalProps ?? {}) })) : (React.createElement(InputMask, { mask: mask, disabled: false, maskChar: inputMaskPlaceholderChar ?? '_', value: value, onChange: !readOnly ? handleChange : undefined, onBlur: onBlur, alwaysShowMask: true }, () => (React.createElement(TextField, { id: id, sx: readOnly
             ? {
                 '& .MuiOutlinedInput-notchedOutline': {
                     border: 'none',

package/dist/published/components/custom/FormField/Select/Select.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { FormFieldProps } from '../FormField';
 declare const Select: (props: FormFieldProps & {
     id: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default Select;

package/dist/published/components/custom/FormField/TimePickerSelect/TimePickerSelect.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { FormFieldProps } from '../FormField';
 declare const TimePickerSelect: (props: FormFieldProps & {
     id: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default TimePickerSelect;

package/dist/published/components/custom/HistoryLog/DisplayedProperty.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
 import { Property } from '@evoke-platform/context';
+import React from 'react';
 type DisplayedPropertyProps = {
     property: Property;
     value: unknown;
 };
-declare const DisplayedProperty: (props: DisplayedPropertyProps) => JSX.Element;
+declare const DisplayedProperty: (props: DisplayedPropertyProps) => React.JSX.Element;
 export default DisplayedProperty;

package/dist/published/components/custom/HistoryLog/Filter.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { Obj } from '@evoke-platform/context';
+import React from 'react';
 type HistoryFilterProps = {
     filter: string[];
     setFilter: (filter: string[]) => void;
@@ -7,5 +7,5 @@ type HistoryFilterProps = {
     order?: 'desc' | 'asc';
     setOrder: (order: 'desc' | 'asc') => void;
 };
-declare const HistoryFilter: (props: HistoryFilterProps) => JSX.Element;
+declare const HistoryFilter: (props: HistoryFilterProps) => React.JSX.Element;
 export default HistoryFilter;

package/dist/published/components/custom/HistoryLog/HistoryData.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { Obj } from '@evoke-platform/context';
+import React from 'react';
 import { History } from '../../../types';
 export declare const nanoid: (size?: number | undefined) => string;
 type HistoryDataProps = {
@@ -7,5 +7,5 @@ type HistoryDataProps = {
     documentHistory?: Record<string, History[]>;
     object: Obj;
 };
-declare const HistoricalData: (props: HistoryDataProps) => JSX.Element;
+declare const HistoricalData: (props: HistoryDataProps) => React.JSX.Element;
 export default HistoricalData;

package/dist/published/components/custom/HistoryLog/HistoryLoading.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const HistoryLoading: () => JSX.Element;
+import React from 'react';
+declare const HistoryLoading: () => React.JSX.Element;
 export default HistoryLoading;

package/dist/published/components/custom/HistoryLog/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { Obj } from '@evoke-platform/context';
+import React from 'react';
 import { History } from '../../../types';
 export type HistoryLogProps = {
     /** The object instance associated with the history log */
@@ -19,5 +19,5 @@ export type HistoryLogProps = {
  * @param {HistoryLogProps} props - Configuration properties for the History Log component.
  * @returns {JSX.Element} A timeline view representing the instance's history.
  */
-export declare const HistoryLog: (props: HistoryLogProps) => JSX.Element;
+export declare const HistoryLog: (props: HistoryLogProps) => React.JSX.Element;
 export default HistoryLog;

package/dist/published/components/custom/Menubar/Menubar.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ReactJSXElement } from '@emotion/react/types/jsx-namespace';
+import React from 'react';
 export type MenuBarProps = {
     showNotifications: boolean;
     logo: string;
@@ -7,4 +7,4 @@ export type MenuBarProps = {
     navItems?: ReactJSXElement;
     envName?: string;
 };
-export default function MenuBar(props: MenuBarProps): JSX.Element;
+export default function MenuBar(props: MenuBarProps): React.JSX.Element;

package/dist/published/components/custom/MultiSelect/MultiSelect.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type DropdownOption = {
     id?: string;
     label: string;
@@ -13,4 +13,4 @@ export type MultiSelectProps = {
     maxHeight?: number;
     isSortable?: boolean;
 };
-export default function MultiSelect(props: MultiSelectProps): JSX.Element;
+export default function MultiSelect(props: MultiSelectProps): React.JSX.Element;

package/dist/published/components/custom/MultiSelect/SortableItem.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const SortableItem: (props: any) => JSX.Element;
+import React from 'react';
+export declare const SortableItem: (props: any) => React.JSX.Element;

package/dist/published/components/custom/RepeatableField/RepeatableField.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type DynamicHeaders = {
     field: string;
     displayTitle: string;
@@ -12,4 +12,4 @@ export type RepeatableFieldProps = {
     value?: object[];
     noInitialItem?: boolean;
 };
-export default function RepeatableField(props: RepeatableFieldProps): JSX.Element;
+export default function RepeatableField(props: RepeatableFieldProps): React.JSX.Element;

package/dist/published/components/custom/RichTextViewer/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export type RichTextViewerProps = {
     /**
      * The RTF content to be displayed.
@@ -12,4 +12,4 @@ export type RichTextViewerProps = {
  * @param props - The props for the component, including the RTF content.
  * @returns The rendered HTML content.
  */
-export declare const RichTextViewer: (props: RichTextViewerProps) => JSX.Element;
+export declare const RichTextViewer: (props: RichTextViewerProps) => React.JSX.Element;

package/dist/published/components/custom/UserAvatar/UserAvatar.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { CustomAvatarProps } from '../../core/Avatar/Avatar';
 type User = {
     id: string;
@@ -8,5 +8,5 @@ export type UserAvatarProps = CustomAvatarProps & {
     user?: User;
     imageUrl?: string;
 };
-export default function UserAvatar(props: UserAvatarProps): JSX.Element;
+export default function UserAvatar(props: UserAvatarProps): React.JSX.Element;
 export {};