@evoke-platform/ui-components 1.0.0-dev.233 → 1.0.0-dev.235

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { Theme } from '@mui/material';
 import { GridToolbarProps as MuiGridToolbarProps } from '@mui/x-data-grid';
 import { BulkAction } from './DataGrid';
-export declare type GridToolbarProps = MuiGridToolbarProps & {
+export type GridToolbarProps = MuiGridToolbarProps & {
     onRefresh?: () => void;
     setAnchorEl?: (anchorEl: HTMLAnchorElement | null) => void;
     loading?: boolean;

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

@@ -1,6 +1,6 @@
 import { GridSize } from '@mui/material';
 import { CSSProperties } from 'react';
-export declare type ErrorComponentProps = {
+export type ErrorComponentProps = {
     code?: 'AccessDenied' | 'NotFound' | 'Misconfigured';
     message?: string;
     colspan?: GridSize;

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

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 import { ApiServices, Obj, ObjectInstance, UserAccount } from '@evoke-platform/context';
 import { ReactComponent } from '@formio/react';
 import '../../../../styles/form-component.css';
 import { Document, ObjectPropertyInputProps } from '../types';
-declare type OnSaveResponse = {
+type OnSaveResponse = {
     isSuccessful: boolean;
     error?: Record<string, unknown>;
 };
-export declare type FormProps = {
+export type FormProps = {
     formKey?: number;
     object?: Obj;
     instance?: ObjectInstance;

package/dist/published/components/custom/Form/Common/Form.js

@@ -81,11 +81,15 @@ export function Form(props) {
             buildComponents();
         }
     }, [formKey]);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const handleFormReady = (instance) => {
+        instance.noeval = true;
+    };
     const buildComponents = async () => {
         const action = object?.actions?.find((action) => action.id === actionId);
         let input;
         const parameters = associatedObject?.propertyId && action?.parameters
-            ? action.parameters.filter((param) => param.id !== associatedObject?.propertyId)
+            ? action.parameters.filter((param) => param.id !== associatedObject.propertyId)
             : action?.parameters;
         if (parameters && object) {
             input = action?.form?.entries
@@ -423,7 +427,7 @@ export function Form(props) {
         componentProps.length ? (React.createElement(FormIO, { key: closeModal ? undefined : formKey, form: {
                 display: 'form',
                 components: componentProps,
-            } })) : (React.createElement(Box, null,
+            }, formReady: handleFormReady })) : (React.createElement(Box, null,
             React.createElement(Box, { display: 'flex', width: '100%', justifyContent: 'space-between' },
                 React.createElement(Skeleton, { width: '78%', sx: { borderRadius: '8px', height: '40px' } }),
                 React.createElement(Skeleton, { width: '20%', sx: { borderRadius: '8px', height: '40px' } })),

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type FormComponentWrapperProps = {
+type FormComponentWrapperProps = {
     inputId: string;
     label: string;
     description?: string;

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

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import { ReactComponent } from '@formio/react';
 import { Root } from 'react-dom/client';
 interface ButtonComponentProps {
     components: Button[];
 }
-declare type Button = {
+type Button = {
     action: 'cancel' | 'submit' | 'save-draft';
     label: string;
     onClick: (event?: any, setError?: (error?: Record<string, unknown>) => void, isSubmitting?: (val: boolean) => void) => void;
@@ -12,7 +11,7 @@ declare type Button = {
     style: any;
     isModal: boolean;
 };
-declare type ButtonProps = {
+type ButtonProps = {
     button: any;
     handleSubmit: (setSubmitting: (value: boolean) => void) => void;
     handleCancel: (event: any) => void;
@@ -25,7 +24,7 @@ export declare class ButtonComponent extends ReactComponent {
     componentRoot?: Root;
     constructor(component: ButtonComponentProps, options: any, data: any);
     setError(error?: Record<string, unknown>): void;
-    getButton: (buttonAction: 'cancel' | 'submit' | 'save-draft') => Button | undefined;
+    getButton: (buttonAction: "cancel" | "submit" | "save-draft") => Button | undefined;
     handleCancel: (event: any) => void;
     handleSaveDraft: (setSubmitting: (value: boolean) => void) => void;
     handleSubmit: (setSubmitting: (value: boolean) => void) => void;

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { ApiServices, DocumentValidation, ObjectInstance, Property } from '@evoke-platform/context';
 import { SavedDocumentReference } from '../../types';
-declare type DocumentProps = {
+type DocumentProps = {
     id: string;
     handleChange: (propertyId: string, value: (File | SavedDocumentReference)[] | null) => void;
     property: Property;

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { ApiServices, ObjectInstance, Property } from '@evoke-platform/context';
 import { SavedDocumentReference } from '../../types';
-declare type DocumentListProps = {
+type DocumentListProps = {
     handleChange: (propertyId: string, value: (File | SavedDocumentReference)[] | null) => void;
     property: Property;
     instance: ObjectInstance;

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

@@ -1,7 +1,7 @@
 import { Property } from '@evoke-platform/context';
 import { ReactComponent } from '@formio/react';
 import { BaseFormComponentProps } from '../types';
-declare type FormFieldComponentProps = Omit<BaseFormComponentProps, 'property'> & {
+type FormFieldComponentProps = Omit<BaseFormComponentProps, 'property'> & {
     property: Omit<Property, 'type'> & {
         type: Property['type'] | 'choices';
     };

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { ObjectInstance } from '@evoke-platform/context';
 export declare function blobToDataUrl(blob: Blob): Promise<string>;
-declare type ImageProps = {
+type ImageProps = {
     id: string;
     value?: string;
     handleChange: (propertyId: string, value: string | null) => void;

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { ApiServices, Obj, ObjectInstance, Property, TableViewLayout } from '@evoke-platform/context';
-export declare type InstanceLookUpProps = {
+export type InstanceLookUpProps = {
     object: Obj;
     instanceId?: string;
     apiServices: ApiServices;
@@ -11,7 +10,7 @@ export declare type InstanceLookUpProps = {
     filter?: Record<string, unknown>;
     layout?: TableViewLayout;
 };
-export declare type SearchFieldProps = {
+export type SearchFieldProps = {
     searchableColumns: Property[];
     filter: Record<string, unknown> | undefined;
     setFilter: (filter: Record<string, unknown> | undefined) => void;

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

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

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { ApiServices, Obj, ObjectInstance, Property, TableViewLayout, UserAccount } from '@evoke-platform/context';
 import { ReactComponent } from '@formio/react';
-export declare type RelatedObjectInstanceProps = {
+export type RelatedObjectInstanceProps = {
     relatedObject?: Obj;
     property: Property;
     apiServices: ApiServices;

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { Action, ApiServices, Obj, Property, UserAccount } from '@evoke-platform/context';
 import { ObjectPropertyInputProps } from '../../types';
-export declare type ActionDialogProps = {
+export type ActionDialogProps = {
     open: boolean;
     onClose: () => void;
     action: Action;

package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ActionDialog.js

@@ -1,7 +1,7 @@
 import { concat } from 'lodash';
 import React, { useEffect, useState } from 'react';
 import { Close } from '../../../../../icons';
-import { Button, Dialog, DialogContent, DialogTitle, IconButton, LoadingButton, Skeleton, Typography, } from '../../../../core';
+import { Dialog, DialogContent, DialogTitle, IconButton, Skeleton } from '../../../../core';
 import { ErrorComponent, Form } from '../../../../custom';
 import { Box } from '../../../../layout';
 import { convertComponentsToForm, convertFormToComponents, getPrefixedUrl } from '../../utils';
@@ -38,16 +38,15 @@ const styles = {
 export const ActionDialog = (props) => {
     const { open, onClose, action, instanceInput, handleSubmit, apiServices, object, instanceId, relatedProperty, objectInputCommonProps, queryAddresses, user, } = props;
     const [updatedObject, setUpdatedObject] = useState();
-    const [hasAccess, setHasAccess] = useState();
+    const [hasAccess, setHasAccess] = useState(false);
     const [loading, setLoading] = useState(false);
-    const [submitting, setSubmitting] = useState(false);
     useEffect(() => {
         if (instanceId) {
             setLoading(true);
             apiServices.get(getPrefixedUrl(`/objects/${object.id}/instances/${instanceId}/checkAccess`), {
                 params: { action: 'execute', field: action.id },
             }, (error, result) => {
-                setHasAccess(result?.result ?? false);
+                setHasAccess(!!result?.result);
                 setLoading(false);
             });
         }
@@ -57,7 +56,7 @@ export const ActionDialog = (props) => {
         }
     }, [object, instanceId]);
     useEffect(() => {
-        const input = (action?.form?.entries && action.parameters) || action?.inputProperties
+        const input = (action.form?.entries && action.parameters) || action?.inputProperties
             ? (action.form?.entries && action.parameters
                 ? convertFormToComponents(action.form.entries, action.parameters, object)
                 : action?.inputProperties)?.filter((inputProperty) => inputProperty?.key !== relatedProperty?.relatedPropertyId)
@@ -66,26 +65,20 @@ export const ActionDialog = (props) => {
             ...action,
             form: input ? { entries: convertComponentsToForm(input) } : undefined,
         };
-        const properties = object?.properties?.filter((prop) => prop?.id !== relatedProperty?.relatedPropertyId);
+        const properties = object.properties?.filter((prop) => prop.id !== relatedProperty?.relatedPropertyId);
         setUpdatedObject({
             ...object,
             properties,
-            actions: concat(object?.actions?.filter((a) => a?.id !== action.id) ?? [], [updatedAction]),
+            actions: concat(object.actions?.filter((a) => a.id !== action.id) ?? [], [updatedAction]),
         });
     }, [object]);
+    const isDeleteAction = action.type === 'delete';
     return (React.createElement(Dialog, { maxWidth: 'md', fullWidth: true, open: open, onClose: (e, reason) => reason !== 'backdropClick' && onClose },
         React.createElement(DialogTitle, { sx: styles.dialogTitle },
             React.createElement(IconButton, { sx: styles.closeIcon, onClick: onClose },
                 React.createElement(Close, { fontSize: "small" })),
             action && hasAccess && !loading ? action?.name : ''),
-        React.createElement(DialogContent, null, hasAccess ? (React.createElement(Box, { sx: { width: '100%', marginTop: '10px' } }, action?.type === 'delete' ? (React.createElement(React.Fragment, null,
-            React.createElement(Typography, null,
-                "Are you sure you want to delete this ",
-                object?.name,
-                "?"),
-            React.createElement(Box, { sx: { padding: '25ox 0 10px 0', display: 'flex', justifyContent: 'flex-end' } },
-                React.createElement(Button, { sx: { ...styles.button, ...styles.cancelBtn }, onClick: onClose }, "Cancel"),
-                React.createElement(LoadingButton, { sx: { ...styles.button, ...styles.deleteBtn }, onClick: () => handleSubmit('delete', undefined, instanceId, setSubmitting), loading: submitting }, "Delete")))) : (updatedObject && (React.createElement(Form, { actionId: action.id, actionType: action.type, apiServices: objectInputCommonProps.apiServices, object: updatedObject, instance: instanceInput, onSave: async (data, setSubmitting) => handleSubmit(action.type, data, instanceId, setSubmitting), objectInputCommonProps: objectInputCommonProps, closeModal: onClose, queryAddresses: queryAddresses, user: user }))))) : (React.createElement(React.Fragment, null, loading ? (React.createElement(React.Fragment, null,
+        React.createElement(DialogContent, null, hasAccess ? (React.createElement(Box, { sx: { width: '100%', marginTop: '10px' } }, (updatedObject || isDeleteAction) && (React.createElement(Form, { actionId: action.id, actionType: action.type, apiServices: objectInputCommonProps.apiServices, object: !isDeleteAction ? updatedObject : object, instance: instanceInput, onSave: async (data, setSubmitting) => handleSubmit(action.type, data, instanceId, setSubmitting), objectInputCommonProps: objectInputCommonProps, closeModal: onClose, queryAddresses: queryAddresses, user: user })))) : (React.createElement(React.Fragment, null, loading ? (React.createElement(React.Fragment, null,
             React.createElement(Skeleton, { height: '30px', animation: 'wave' }),
             React.createElement(Skeleton, { height: '30px', animation: 'wave' }),
             React.createElement(Skeleton, { height: '30px', animation: 'wave' }))) : (React.createElement(ErrorComponent, { code: 'AccessDenied', message: 'You do not have permission to perform this action.', styles: { boxShadow: 'none' } })))))));

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { ApiServices, ObjWithRoot, ObjectInstance, Property, ViewLayoutEntityReference } from '@evoke-platform/context';
-export declare type DropdownRepeatableFieldProps = {
+export type DropdownRepeatableFieldProps = {
     id: string;
     property: Property;
     instance: ObjectInstance;

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { DropdownViewLayout, Obj, ObjectInstance, Property } from '@evoke-platform/context';
 import { AutocompleteOption } from '../../../../../core';
-declare type DropdownRepeatableFieldInputProps = {
+type DropdownRepeatableFieldInputProps = {
     id: string;
     property: Property;
     readOnly: boolean;
@@ -29,7 +28,7 @@ declare type DropdownRepeatableFieldInputProps = {
     };
     setDropdownSelections?: (middleObjectInstances: ObjectInstance[]) => void;
 };
-export declare type DropdownRepeatableFieldInputOption = AutocompleteOption & {
+export type DropdownRepeatableFieldInputOption = AutocompleteOption & {
     endObjectId: string;
     middleObjectId?: string;
     subLabel?: string;

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { ApiServices, ObjectInstance, Property, UserAccount, ViewLayoutEntityReference } from '@evoke-platform/context';
-export declare type ObjectPropertyInputProps = {
+export type ObjectPropertyInputProps = {
     property: Property;
     instance: ObjectInstance;
     canUpdateProperty: boolean;

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

@@ -1,7 +1,7 @@
 import { ObjWithRoot, ObjectInstance, ViewLayoutEntityReference } from '@evoke-platform/context';
 import { ReactComponent } from '@formio/react';
 import { BaseFormComponentProps } from '../../types';
-declare type RepeatableFieldComponentProps = BaseFormComponentProps & {
+type RepeatableFieldComponentProps = BaseFormComponentProps & {
     middleObject: ObjWithRoot;
     initialMiddleObjectInstances: ObjectInstance[];
     getMiddleObjectInstances: () => Promise<ObjectInstance[]>;

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { ApiServices, Property, UserAccount } from '@evoke-platform/context';
 import { AutocompleteOption } from '../../../../core';
-export declare type UserPropertyProps = {
+export type UserPropertyProps = {
     id: string;
     property: Property;
     apiServices: ApiServices;

package/dist/published/components/custom/Form/FormComponents/ViewOnlyComponent.js

@@ -25,7 +25,7 @@ export class ViewOnlyComponent extends ReactComponent {
         this.showValue = this.showValue.bind(this);
     }
     showValue(value) {
-        if (value == null || value == undefined)
+        if (value === null || value === undefined)
             return React.createElement("span", null, "\u00A0");
         switch (this.component.type) {
             case 'ViewOnlyObject':

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

@@ -1,7 +1,7 @@
 import { ApiServices, ObjectInstance, Property, UserAccount, ViewLayoutEntityReference } from '@evoke-platform/context';
 import { ReactComponent } from '@formio/react';
 import { AutocompleteOption } from '../../core';
-export declare type BaseFormComponentProps = {
+export type BaseFormComponentProps = {
     key: string;
     id: string;
     type: string;
@@ -51,7 +51,7 @@ export declare type BaseFormComponentProps = {
     baseUrl: string;
     apiServices: ApiServices;
 };
-export declare type ObjectPropertyInputProps = {
+export type ObjectPropertyInputProps = {
     id: string;
     instance: ObjectInstance;
     property: Property;
@@ -79,7 +79,7 @@ export declare type ObjectPropertyInputProps = {
     viewLayout?: ViewLayoutEntityReference;
     richTextEditor?: typeof ReactComponent;
 };
-export declare type Address = {
+export type Address = {
     line1?: string;
     line2?: string;
     city?: string;
@@ -87,15 +87,15 @@ export declare type Address = {
     state?: string;
     zipCode?: string;
 };
-export declare type User = {
+export type User = {
     id: string;
     name: string;
     status: string;
 };
-export declare type AccessCheck = {
+export type AccessCheck = {
     result: boolean;
 };
-export declare type Document = {
+export type Document = {
     id: string;
     name: string;
     contentType: string;
@@ -106,7 +106,7 @@ export declare type Document = {
     };
     versionId?: string;
 };
-export declare type SavedDocumentReference = {
+export type SavedDocumentReference = {
     id: string;
     name: string;
 };

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

@@ -23,8 +23,8 @@ export declare function getMiddleInstance(instanceId: string, property: Property
 export declare function getPrefixedUrl(url: string): string;
 export declare function addObjectPropertiesToComponentProps(properties: Property[], formComponents: any[], instance?: ObjectInstance, objectPropertyInputProps?: ObjectPropertyInputProps, autoSave?: (data: Record<string, unknown>) => void, readOnly?: boolean, defaultPages?: Record<string, string>, navigateTo?: (path: string) => void, queryAddresses?: unknown, apiServices?: ApiServices, isModal?: boolean, fieldHeight?: 'small' | 'medium', richTextEditor?: typeof ReactComponent): Promise<ActionInput[]>;
 export declare function getDefaultValue(initialValue: unknown, selectOptions?: AutocompleteOption[]): unknown;
-export declare const buildComponentPropsFromObjectProperties: (properties: Property[], objectId: string, instance?: ObjectInstance, objectPropertyInputProps?: ObjectPropertyInputProps, hasActionPermissions?: boolean, autoSave?: ((data: Record<string, unknown>) => void) | undefined, readOnly?: boolean, queryAddresses?: unknown, isModal?: boolean, fieldHeight?: 'small' | 'medium', richTextEditor?: typeof ReactComponent) => unknown[];
-export declare const buildComponentPropsFromDocumentProperties: (documentProperties: [string, unknown][], readOnly?: boolean, autoSave?: ((data: Record<string, unknown>) => void) | undefined, fieldHeight?: 'small' | 'medium') => {
+export declare const buildComponentPropsFromObjectProperties: (properties: Property[], objectId: string, instance?: ObjectInstance, objectPropertyInputProps?: ObjectPropertyInputProps, hasActionPermissions?: boolean, autoSave?: (data: Record<string, unknown>) => void, readOnly?: boolean, queryAddresses?: unknown, isModal?: boolean, fieldHeight?: "small" | "medium", richTextEditor?: typeof ReactComponent) => unknown[];
+export declare const buildComponentPropsFromDocumentProperties: (documentProperties: [string, unknown][], readOnly?: boolean, autoSave?: (data: Record<string, unknown>) => void, fieldHeight?: "small" | "medium") => {
     type: string;
     key: string;
     label: string;

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FormFieldProps } from '../FormField';
-export declare type Address = {
+export type Address = {
     address: {
         line1?: string;
         line2?: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormFieldProps } from '../FormField';
 declare const BooleanSelect: (props: FormFieldProps & {
     id: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormFieldProps } from '../FormField';
 declare const DatePickerSelect: (props: FormFieldProps & {
     id: string;

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

@@ -35,7 +35,7 @@ const DatePickerSelect = (props) => {
         setValue(date);
         onChange(property.id, date, property);
     };
-    return readOnly ? (React.createElement(InputFieldComponent, { ...{ ...props, defaultValue: asMonthDayYearFormat(value) } })) : (React.createElement(LocalizationProvider, null,
+    return readOnly ? (React.createElement(InputFieldComponent, { ...props, defaultValue: asMonthDayYearFormat(value) })) : (React.createElement(LocalizationProvider, null,
         React.createElement(DatePicker, { value: value, onChange: handleChange, inputFormat: "MM/dd/yyyy", renderInput: (params) => (React.createElement(TextField, { ...params, id: id, error: error, errorMessage: errorMessage, onBlur: onBlur, fullWidth: true, required: required, sx: { background: 'white', borderRadius: '8px' }, size: size ?? 'medium', ...(additionalProps ?? {}) })) })));
 };
 export default DatePickerSelect;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormFieldProps } from '../FormField';
 declare const DateTimePickerSelect: (props: FormFieldProps & {
     id: string;

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

@@ -42,7 +42,7 @@ const DateTimePickerSelect = (props) => {
         setValue(date);
         props.onChange(property.id, date, property);
     };
-    return readOnly ? (React.createElement(InputFieldComponent, { ...{ ...props, defaultValue: formatDateTime(value) } })) : (React.createElement(LocalizationProvider, null,
+    return readOnly ? (React.createElement(InputFieldComponent, { ...props, defaultValue: formatDateTime(value) })) : (React.createElement(LocalizationProvider, null,
         React.createElement(DateTimePicker, { value: value, onChange: handleChange, renderInput: (params) => (React.createElement(TextField, { ...params, id: id, error: error, errorMessage: errorMessage, onBlur: onBlur, fullWidth: true, required: required, sx: { background: 'white', borderRadius: '8px' }, size: size ?? 'medium', ...(additionalProps ?? {}) })) })));
 };
 export default DateTimePickerSelect;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormFieldProps } from '../FormField';
 declare const FileUploadControl: (props: FormFieldProps & {
     id: string;

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

@@ -2,7 +2,7 @@ import { FocusEventHandler, ReactNode } from 'react';
 import { ObjectProperty } from '../../../types';
 import { AutocompleteOption } from '../../core';
 import { Address } from './AddressFieldComponent/addressFieldComponent';
-export declare type FormFieldProps = {
+export type FormFieldProps = {
     id?: string;
     property: ObjectProperty;
     onChange: Function;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormFieldProps } from '../FormField';
 declare const Select: (props: FormFieldProps & {
     id: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormFieldProps } from '../FormField';
 declare const TimePickerSelect: (props: FormFieldProps & {
     id: string;

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { Property } from '@evoke-platform/context';
-declare type DisplayedPropertyProps = {
+type DisplayedPropertyProps = {
     property: Property;
     value: unknown;
 };

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { Obj } from '@evoke-platform/context';
-declare type HistoryFilterProps = {
+type HistoryFilterProps = {
     filter: string[];
     setFilter: (filter: string[]) => void;
     object: Obj;

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

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

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

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

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { Obj } from '@evoke-platform/context';
 import { History } from '../../../types';
-export declare type HistoryLogProps = {
+export type HistoryLogProps = {
     /** The object instance associated with the history log */
     object: Obj;
     /** An array of history entries representing the log. */

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { ReactJSXElement } from '@emotion/react/types/jsx-namespace';
-export declare type MenuBarProps = {
+export type MenuBarProps = {
     showNotifications: boolean;
     logo: string;
     logoAltText?: string;

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export declare type DropdownOption = {
+export type DropdownOption = {
     id?: string;
     label: string;
     value: boolean;
@@ -7,7 +6,7 @@ export declare type DropdownOption = {
     tooltip?: string;
     deleted?: boolean;
 };
-export declare type MultiSelectProps = {
+export type MultiSelectProps = {
     options: DropdownOption[];
     onChange: (options: DropdownOption[]) => void;
     maxHeight?: number;

package/dist/published/components/custom/MultiSelect/MultiSelect.js

@@ -69,7 +69,7 @@ export default function MultiSelect(props) {
     }, [optionsArray]);
     const handleFlagChange = (event, idOrLabel) => {
         const newOptions = optionsArray.map((option) => {
-            if (idOrLabel === option.id ?? option.label) {
+            if (idOrLabel === (option.id ?? option.label)) {
                 option.value = event.target.checked;
             }
             return option;

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

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

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

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-export declare type DynamicHeaders = {
+export type DynamicHeaders = {
     field: string;
     displayTitle: string;
     mapping: string;
     isError?: (field: Record<string, unknown>) => boolean;
 };
-export declare type RepeatableFieldProps = {
+export type RepeatableFieldProps = {
     children: Function;
     onChange: Function;
     dynamicHeaders?: DynamicHeaders;

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export declare type RichTextViewerProps = {
+export type RichTextViewerProps = {
     /**
      * The RTF content to be displayed.
      */

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

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import { CustomAvatarProps } from '../../core/Avatar/Avatar';
-declare type User = {
+type User = {
     id: string;
     name: string;
 };
-export declare type UserAvatarProps = CustomAvatarProps & {
+export type UserAvatarProps = CustomAvatarProps & {
     user?: User;
     imageUrl?: string;
 };

package/dist/published/components/layout/Box/Box.d.ts

@@ -1,6 +1,6 @@
 import { BoxProps } from '@mui/material';
 import { ElementType } from 'react';
-declare type CustomBoxProps = BoxProps & {
+type CustomBoxProps = BoxProps & {
     sx?: object;
     component?: ElementType;
 };

package/dist/published/components/layout/Container/Container.d.ts

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

package/dist/published/components/layout/Grid/Grid.d.ts

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

package/dist/published/components/layout/Stack/Stack.d.ts

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