@trii/components 2.0.93 → 2.0.96

package/dist/index.d.ts

@@ -22,9 +22,10 @@ interface ContactInfoPopupProps {
 }
 declare const ContactInfoPopup: (props: ContactInfoPopupProps) => react_jsx_runtime.JSX.Element;
 
-interface Props {
-    open: boolean;
-    onClose: () => void;
+type EditContactMode = 'modal' | 'card';
+interface EditContactModalProps {
+    open?: boolean;
+    onClose?: () => void;
     baseUrl?: string;
     spaceId?: string;
     contactId?: string;
@@ -34,8 +35,15 @@ interface Props {
     googleMapsApiKey?: string;
     onEntityUpdated?: (entity: IContact$1 | IBusiness$1) => void;
     contactNameFormat?: Spaces.nameFormat;
+    mode?: EditContactMode;
+    title?: string;
+    expanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+    entityType?: 'contact' | 'business';
+    entityId?: string;
+    initialEntityData?: IContact$1 | IBusiness$1;
 }
-declare const EditContactModal: (props: Props) => react_jsx_runtime.JSX.Element;
+declare const EditContactModal: (props: EditContactModalProps) => react_jsx_runtime.JSX.Element;
 
 type Mode = 'view' | 'create' | 'edit';
 
@@ -361,4 +369,5 @@ declare const selectThemeToggleStatus: (state: ThemeRootState) => "idle" | "togg
 declare const selectedTheme: (state: ThemeRootState) => Theme;
 declare const selectedDarkTheme: (state: ThemeRootState) => boolean;
 
-export { type Calendar, type Contact, ContactInfoPopup, EditContactModal, type EventData, EventsDialog, type EventsDialogProps, type ItemType, type ModalMode, MuiComponentsConfig, type Notification, type TaskData, type ThemeName, type ThemeRootState, type ThemeState, darkBlack, darkBlue, i18nInstance as i18n, isValidThemeName, lightAmber, lightBlue, lightBlueIndigo, lightBrown, lightGray, lightGreen, lightLime, lightOrange, lightPink, lightPurple, lightRed, lightTeal, lightYellow, selectThemeToggleStatus, selectedDarkTheme, selectedTheme, toggleModeTheme, toggleTheme, updateTheme };
+export { ContactInfoPopup, EditContactModal, EventsDialog, MuiComponentsConfig, darkBlack, darkBlue, i18nInstance as i18n, isValidThemeName, lightAmber, lightBlue, lightBlueIndigo, lightBrown, lightGray, lightGreen, lightLime, lightOrange, lightPink, lightPurple, lightRed, lightTeal, lightYellow, selectThemeToggleStatus, selectedDarkTheme, selectedTheme, toggleModeTheme, toggleTheme, updateTheme };
+export type { Calendar, Contact, EditContactModalProps, EditContactMode, EventData, EventsDialogProps, ItemType, ModalMode, Notification, TaskData, ThemeName, ThemeRootState, ThemeState };

package/dist/types/components/ContactInfoPopup/components/ContactMethod/ContactMethod.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IContactAddress } from '@trii/types/dist/Contacts';
 interface ContactProps {
     contactList: IContactAddress[];

package/dist/types/components/EditContactModal/EditContactModal.d.ts

@@ -1,9 +1,10 @@
 import { SxProps, Theme } from '@mui/material';
 import { IBusiness, IContact } from '@trii/types/dist/Contacts/contacts';
 import { Spaces } from '@trii/types';
-export interface Props {
-    open: boolean;
-    onClose: () => void;
+export type EditContactMode = 'modal' | 'card';
+export interface EditContactModalProps {
+    open?: boolean;
+    onClose?: () => void;
     baseUrl?: string;
     spaceId?: string;
     contactId?: string;
@@ -13,6 +14,14 @@ export interface Props {
     googleMapsApiKey?: string;
     onEntityUpdated?: (entity: IContact | IBusiness) => void;
     contactNameFormat?: Spaces.nameFormat;
+    mode?: EditContactMode;
+    title?: string;
+    expanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+    entityType?: 'contact' | 'business';
+    entityId?: string;
+    initialEntityData?: IContact | IBusiness;
 }
-declare const EditContactModal: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export type Props = EditContactModalProps;
+declare const EditContactModal: (props: EditContactModalProps) => import("react/jsx-runtime").JSX.Element;
 export default EditContactModal;

package/dist/types/components/EditContactModal/components/BusinessMembers/BusinessMembersEditor.d.ts

@@ -0,0 +1,8 @@
+import type { IBusiness } from '@trii/types/dist/Contacts';
+type Props = {
+    business: IBusiness | null;
+    onBack: () => void;
+    onEntityUpdated?: (entity: unknown) => void;
+};
+declare const BusinessMembersEditor: ({ business, onBack, onEntityUpdated }: Props) => import("react/jsx-runtime").JSX.Element;
+export default BusinessMembersEditor;

package/dist/types/components/EditContactModal/components/BusinessMembers/BusinessMembersSection.d.ts

@@ -0,0 +1,10 @@
+import type { IBusiness } from '@trii/types/dist/Contacts';
+import { Spaces } from '@trii/types';
+type Props = {
+    business: IBusiness;
+    onEdit: () => void;
+    language?: 'en' | 'es';
+    contactNameFormat?: Spaces.nameFormat;
+};
+declare const BusinessMembersSection: ({ business, onEdit, language, contactNameFormat }: Props) => import("react/jsx-runtime").JSX.Element;
+export default BusinessMembersSection;

package/dist/types/components/EditContactModal/components/BusinessMembers/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BusinessMembersEditor } from './BusinessMembersEditor';
+export { default as BusinessMembersSection } from './BusinessMembersSection';

package/dist/types/components/EditContactModal/components/Section/ContactInformation/components/EditModal/EditModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface EditModalProps {
     open: boolean;
     onClose: () => void;

package/dist/types/components/EditContactModal/context/EditContactApiContext.d.ts

@@ -1,49 +1,48 @@
-/// <reference types="react" />
 export declare const EditContactApiProvider: import("react").Provider<{
     fetchLabels: ({ signal }?: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     }) => Promise<import("@trii/types/dist/Contacts").ILabel[]>;
     createLabel: ({ name, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         name: string;
     }) => Promise<import("@trii/types/dist/Contacts").ILabel>;
     fetchContact: ({ contactId, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         contactId: string;
     }) => Promise<import("@trii/types/dist/Contacts").IContact | import("@trii/types/dist/Contacts").IBusiness>;
     fetchBusiness: ({ businessId, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         businessId: string;
     }) => Promise<import("@trii/types/dist/Contacts").IContact | import("@trii/types/dist/Contacts").IBusiness>;
     fetchBusinessTableData: ({ pagination, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         pagination: import("../services/api").Pagination;
     }) => Promise<import("../services/api").BusinessTableData>;
     createBusiness: ({ business, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         business: Record<string, unknown>;
     }) => Promise<import("@trii/types/dist/Contacts").IBusiness>;
     fetchContactFields: ({ forType, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
-        forType: "business" | "contact";
+        forType: "contact" | "business";
     }) => Promise<import("@trii/types/dist/Contacts").IContactField[]>;
     updateEntity: ({ entityType, entityId, body, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
-        entityType: "business" | "contact";
+        entityType: "contact" | "business";
         entityId: string;
         body: Partial<import("@trii/types/dist/Contacts").IContact> | Partial<import("@trii/types/dist/Contacts").IBusiness> | {
             tags: import("@trii/types/dist/Contacts").IContactTag[];
         };
     }) => Promise<import("@trii/types/dist/Contacts").IContact | import("@trii/types/dist/Contacts").IBusiness>;
     deleteAddress: ({ data, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         data: {
             contactId: string;
@@ -52,7 +51,7 @@ export declare const EditContactApiProvider: import("react").Provider<{
         };
     }) => Promise<unknown>;
     deleteAddres: ({ data, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         data: {
             contactId: string;
@@ -61,7 +60,7 @@ export declare const EditContactApiProvider: import("react").Provider<{
         };
     }) => Promise<unknown>;
     checkContactAddress: ({ data, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         data: {
             address: string;
@@ -72,28 +71,28 @@ export declare const EditContactApiProvider: import("react").Provider<{
         warnings: string[];
     }>;
     setContactAddress: ({ data, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         data: import("../services/api").SetContactAddressRequestData;
     }) => Promise<import("@trii/types/dist/Contacts").IContactAddress>;
     updateContactAddress: ({ data, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         data: import("../services/api").UpdateContactAddressData;
     }) => Promise<import("@trii/types/dist/Contacts").IContactAddress>;
     fetchUserTrii: ({ signal }?: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     }) => Promise<import("@trii/types/dist/Users").UserTrii>;
     fetchUsers: ({ signal }?: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     }) => Promise<import("@trii/types/dist/Users").UserInfo[]>;
     fetchUserTriiById: ({ userId, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         userId: string;
     }) => Promise<import("@trii/types/dist/Users").UserTrii>;
     uploadAvatar: ({ contactId, file, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         contactId: string;
         file: File;
@@ -101,49 +100,49 @@ export declare const EditContactApiProvider: import("react").Provider<{
 } | null>;
 export declare const useEditContactApi: () => {
     fetchLabels: ({ signal }?: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     }) => Promise<import("@trii/types/dist/Contacts").ILabel[]>;
     createLabel: ({ name, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         name: string;
     }) => Promise<import("@trii/types/dist/Contacts").ILabel>;
     fetchContact: ({ contactId, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         contactId: string;
     }) => Promise<import("@trii/types/dist/Contacts").IContact | import("@trii/types/dist/Contacts").IBusiness>;
     fetchBusiness: ({ businessId, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         businessId: string;
     }) => Promise<import("@trii/types/dist/Contacts").IContact | import("@trii/types/dist/Contacts").IBusiness>;
     fetchBusinessTableData: ({ pagination, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         pagination: import("../services/api").Pagination;
     }) => Promise<import("../services/api").BusinessTableData>;
     createBusiness: ({ business, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         business: Record<string, unknown>;
     }) => Promise<import("@trii/types/dist/Contacts").IBusiness>;
     fetchContactFields: ({ forType, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
-        forType: "business" | "contact";
+        forType: "contact" | "business";
     }) => Promise<import("@trii/types/dist/Contacts").IContactField[]>;
     updateEntity: ({ entityType, entityId, body, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
-        entityType: "business" | "contact";
+        entityType: "contact" | "business";
         entityId: string;
         body: Partial<import("@trii/types/dist/Contacts").IContact> | Partial<import("@trii/types/dist/Contacts").IBusiness> | {
             tags: import("@trii/types/dist/Contacts").IContactTag[];
         };
     }) => Promise<import("@trii/types/dist/Contacts").IContact | import("@trii/types/dist/Contacts").IBusiness>;
     deleteAddress: ({ data, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         data: {
             contactId: string;
@@ -152,7 +151,7 @@ export declare const useEditContactApi: () => {
         };
     }) => Promise<unknown>;
     deleteAddres: ({ data, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         data: {
             contactId: string;
@@ -161,7 +160,7 @@ export declare const useEditContactApi: () => {
         };
     }) => Promise<unknown>;
     checkContactAddress: ({ data, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         data: {
             address: string;
@@ -172,28 +171,28 @@ export declare const useEditContactApi: () => {
         warnings: string[];
     }>;
     setContactAddress: ({ data, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         data: import("../services/api").SetContactAddressRequestData;
     }) => Promise<import("@trii/types/dist/Contacts").IContactAddress>;
     updateContactAddress: ({ data, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         data: import("../services/api").UpdateContactAddressData;
     }) => Promise<import("@trii/types/dist/Contacts").IContactAddress>;
     fetchUserTrii: ({ signal }?: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     }) => Promise<import("@trii/types/dist/Users").UserTrii>;
     fetchUsers: ({ signal }?: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     }) => Promise<import("@trii/types/dist/Users").UserInfo[]>;
     fetchUserTriiById: ({ userId, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         userId: string;
     }) => Promise<import("@trii/types/dist/Users").UserTrii>;
     uploadAvatar: ({ contactId, file, signal }: {
-        signal?: AbortSignal | undefined;
+        signal?: AbortSignal;
     } & {
         contactId: string;
         file: File;

package/dist/types/components/EditContactModal/context/EditContactViewContext.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export type EditContactView = 'main' | 'tags' | 'searchLocation' | 'businessSelect';
+export type EditContactView = 'main' | 'tags' | 'searchLocation' | 'businessSelect' | 'businessMembers';
 export type EditContactViewContextValue = {
     view: EditContactView;
     setView: (view: EditContactView) => void;

package/dist/types/components/EditContactModal/hooks/useEditContactModalController.d.ts

@@ -7,8 +7,12 @@ export type UseEditContactModalControllerArgs = {
     baseUrl?: string;
     spaceId?: string;
     contactId?: string;
+    entityId?: string;
+    entityType?: 'contact' | 'business';
     initialContactData?: IContact | IBusiness;
+    initialEntityData?: IContact | IBusiness;
     contactNameFormat?: Spaces.nameFormat;
+    resetOnClose?: boolean;
 };
 type ControllerState = {
     isLoading: boolean;
@@ -24,7 +28,7 @@ type ControllerState = {
     userLoading: boolean;
     userError: unknown;
 };
-export declare function useEditContactModalController({ open, baseUrl, spaceId, contactId, contactNameFormat, }: UseEditContactModalControllerArgs): {
+export declare function useEditContactModalController({ open, baseUrl, spaceId, contactId, entityId, entityType, initialContactData, initialEntityData, contactNameFormat, resetOnClose, }: UseEditContactModalControllerArgs): {
     state: ControllerState;
     selectors: {
         isBusiness: boolean;

package/dist/types/components/EditContactModal/hooks/useTagsEditorController.d.ts

@@ -1,5 +1,6 @@
 import type { ILabel } from '@trii/types/dist/Contacts';
 import type { IBusiness, IContact, IContactTag } from '@trii/types/dist/Contacts/contacts';
+import type { EditContactView } from '../context/EditContactViewContext';
 type ContactType = 'contact' | 'business' | 'unknown';
 type UseTagsEditorControllerArgs = {
     open: boolean;
@@ -12,8 +13,8 @@ type UseTagsEditorControllerArgs = {
     onTagsUpdated: (tags: IContactTag[]) => void;
 };
 type UseTagsEditorControllerReturn = {
-    view: 'main' | 'tags' | 'searchLocation' | 'businessSelect';
-    setView: (view: 'main' | 'tags' | 'searchLocation' | 'businessSelect') => void;
+    view: EditContactView;
+    setView: (view: EditContactView) => void;
     draftLabels: ILabel[];
     setDraftLabels: (labels: ILabel[]) => void;
     labelsOptions: ILabel[];

package/dist/types/components/EditContactModal/index.d.ts

@@ -1 +1,2 @@
 export { default } from './EditContactModal';
+export type { EditContactModalProps, EditContactMode, Props } from './EditContactModal';

package/dist/types/components/EditContactModal/layout/Section.d.ts

@@ -4,6 +4,7 @@ type SectionProps = {
     children: ReactNode;
     enableDirectionSearch?: boolean;
     onDirectionSearchClick?: () => void;
+    action?: ReactNode;
 };
-declare const Section: ({ title, children, enableDirectionSearch, onDirectionSearchClick, }: SectionProps) => import("react/jsx-runtime").JSX.Element;
+declare const Section: ({ title, children, enableDirectionSearch, onDirectionSearchClick, action, }: SectionProps) => import("react/jsx-runtime").JSX.Element;
 export default Section;

package/dist/types/components/EventsDialog/components/ConfirmDeleteDialog/ConfirmDeleteDialog.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ConfirmDeleteDialogProps {
     open: boolean;
     onClose: () => void;

package/dist/types/components/EventsDialog/components/DatePicker/styles.d.ts

@@ -1,10 +1,4 @@
-/// <reference types="react" />
-export declare const StyledDatePickerContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const StyledPickersContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const StyledPickersDivider: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "p" | "style" | "className" | "color" | "children" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "sx" | "classes" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+import { Box, Typography } from '@mui/material';
+export declare const StyledDatePickerContainer: typeof Box;
+export declare const StyledPickersContainer: typeof Box;
+export declare const StyledPickersDivider: typeof Typography;

package/dist/types/components/EventsDialog/components/DeleteRecurringEventDialog/DeleteRecurringEventDialog.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface DeleteRecurringEventDialogProps {
     open: boolean;
     onClose: () => void;

package/dist/types/components/EventsDialog/components/EditRecurringEventDialog/EditRecurringEventDialog.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface EditRecurringEventDialogProps {
     open: boolean;
     onClose: () => void;

package/dist/types/components/EventsDialog/components/LocationTextField/SendLocation/components/GoogleMap/components/LocationSearch/locationSearch.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@types/google.maps" />
 interface Props {
     onPlaceSelected: (location: google.maps.LatLngLiteral, address?: string) => void;
 }

package/dist/types/components/EventsDialog/components/ReminderNotifications/components/ReminderItem/style.d.ts

@@ -1,20 +1,8 @@
-/// <reference types="react" />
-export declare const StyledReminderItemContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const StyledReminderItemViewContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const StyledReminderInputsContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const StyledReminderTextField: import("@emotion/styled").StyledComponent<{
-    variant?: import("@mui/material").TextFieldVariants | undefined;
-} & Omit<import("@mui/material").OutlinedTextFieldProps | import("@mui/material").FilledTextFieldProps | import("@mui/material").StandardTextFieldProps, "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const StyledReminderSelect: import("@emotion/styled").StyledComponent<import("@mui/material").SelectProps<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const StyledReminderActionsContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const StyledReminderDeleteIconButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "style" | "className" | "tabIndex" | "color" | "children" | "sx" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "size"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+import { Box, Select, TextField, IconButton } from '@mui/material';
+export declare const StyledReminderItemContainer: typeof Box;
+export declare const StyledReminderItemViewContainer: typeof Box;
+export declare const StyledReminderInputsContainer: typeof Box;
+export declare const StyledReminderTextField: typeof TextField;
+export declare const StyledReminderSelect: typeof Select;
+export declare const StyledReminderActionsContainer: typeof Box;
+export declare const StyledReminderDeleteIconButton: typeof IconButton;

package/dist/types/components/EventsDialog/components/ReminderNotifications/styles.d.ts

@@ -1,7 +1,3 @@
-/// <reference types="react" />
-export declare const ReminderNotificationsContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const HeaderContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+import { Box } from '@mui/material';
+export declare const ReminderNotificationsContainer: typeof Box;
+export declare const HeaderContainer: typeof Box;

package/dist/types/components/EventsDialog/context/CalendarContextProvider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Mode } from './types/Mode';
 interface Props {
     children: React.ReactNode;

package/dist/types/components/EventsDialog/context/EventsDialogApiContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface EventsDialogApi {
     baseUrl: string;
     spaceId: string;

package/dist/types/components/EventsDialog/hooks/useCalendarEvents.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IEvent } from '@trii/types/dist/Calendar';
 export interface CalendarEvent {
     id: string;

package/dist/types/components/EventsDialog/hooks/useCalendarTasks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface CalendarTask {
     id: string;
     title: string;

package/dist/types/components/EventsDialog/layout/BasicInputContainer/styles.d.ts

@@ -1,7 +1,3 @@
-/// <reference types="react" />
-export declare const StyledBoxContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const StyledDialogContextText: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+import { Box } from '@mui/material';
+export declare const StyledBoxContainer: typeof Box;
+export declare const StyledDialogContextText: typeof Box;

package/dist/types/components/index.d.ts

@@ -1,5 +1,6 @@
 export { default as ContactInfoPopup } from './ContactInfoPopup';
 export { default as EditContactModal } from './EditContactModal';
+export type { EditContactModalProps, EditContactMode } from './EditContactModal';
 export { default as EventsDialog } from './EventsDialog';
 export type { EventsDialogProps, EventData, TaskData } from './EventsDialog';
 export type { ModalMode, ItemType, Calendar, Contact, Notification } from './EventsDialog/types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trii/components",
-  "version": "2.0.93",
+  "version": "2.0.96",
   "description": "Trii components package",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",