@trii/components 3.1.4 → 3.1.6

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const EditContactApiProvider: import("react").Provider<{
     fetchLabels: ({ signal }?: {
         signal?: AbortSignal;
@@ -31,12 +30,12 @@ export declare const EditContactApiProvider: import("react").Provider<{
     fetchContactFields: ({ forType, signal }: {
         signal?: AbortSignal;
     } & {
-        forType: "business" | "contact";
+        forType: "contact" | "business";
     }) => Promise<import("@trii/types/dist/Contacts").IContactField[]>;
     updateEntity: ({ entityType, entityId, body, signal }: {
         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[];
@@ -70,7 +69,7 @@ export declare const EditContactApiProvider: import("react").Provider<{
     }) => Promise<{
         success: boolean;
         warnings: string[];
-        contactId?: string;
+        contactId?: string | null;
     }>;
     setContactAddress: ({ data, signal }: {
         signal?: AbortSignal;
@@ -99,7 +98,7 @@ export declare const EditContactApiProvider: import("react").Provider<{
         contactId: string;
         file: File;
     }) => Promise<string>;
-}>;
+} | null>;
 export declare const useEditContactApi: () => {
     fetchLabels: ({ signal }?: {
         signal?: AbortSignal;
@@ -132,12 +131,12 @@ export declare const useEditContactApi: () => {
     fetchContactFields: ({ forType, signal }: {
         signal?: AbortSignal;
     } & {
-        forType: "business" | "contact";
+        forType: "contact" | "business";
     }) => Promise<import("@trii/types/dist/Contacts").IContactField[]>;
     updateEntity: ({ entityType, entityId, body, signal }: {
         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[];
@@ -171,7 +170,7 @@ export declare const useEditContactApi: () => {
     }) => Promise<{
         success: boolean;
         warnings: string[];
-        contactId?: string;
+        contactId?: string | null;
     }>;
     setContactAddress: ({ data, signal }: {
         signal?: AbortSignal;
@@ -200,4 +199,4 @@ export declare const useEditContactApi: () => {
         contactId: string;
         file: File;
     }) => Promise<string>;
-};
+} | null;

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export type EditContactView = 'main' | 'tags' | 'searchLocation' | 'businessSelect' | 'businessMembers';
 export type EditContactViewContextValue = {
     view: EditContactView;
     setView: (view: EditContactView) => void;
 };
-export declare const EditContactViewProvider: import("react").Provider<EditContactViewContextValue>;
+export declare const EditContactViewProvider: import("react").Provider<EditContactViewContextValue | null>;
 export declare const useEditContactView: () => EditContactViewContextValue;

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

@@ -38,7 +38,7 @@ export declare function useEditContactModalController({ open, baseUrl, spaceId,
         tags: IContactTag[];
         labels: ILabel[];
         contactFields: IContactField[];
-        userTrii: UserTrii;
+        userTrii: UserTrii | null;
         userLoading: boolean;
         userError: unknown;
     };

package/dist/types/components/EditContactModal/hooks/utils/editContactHelper.d.ts

@@ -1,6 +1,6 @@
 import { IContactAddress } from '@trii/types/dist/Contacts';
 declare const _default: {
-    getEditedField: (key: string, originalValue: string | number, editedValue: string | number) => Record<string, string | number>;
+    getEditedField: (key: string, originalValue: string | number | null, editedValue: string | number) => Record<string, string | number> | null;
     getAddressesWithUpdatedValues: (newValue: string, newValueAddressId: string, addresses: IContactAddress[]) => IContactAddress[];
 };
 export default _default;

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,3 +1,4 @@
-export declare const StyledDatePickerContainer: import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", import("@mui/material").Theme>>;
-export declare const StyledPickersContainer: import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", import("@mui/material").Theme>>;
-export declare const StyledPickersDivider: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").TypographyTypeMap<{}, "span">>;
+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,11 +1,8 @@
-/// <reference types="react" />
-import { TextField } from '@mui/material';
-export declare const StyledReminderItemContainer: import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", import("@mui/material").Theme>>;
-export declare const StyledReminderItemViewContainer: import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", import("@mui/material").Theme>>;
-export declare const StyledReminderInputsContainer: import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", 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: (<Value = unknown>(props: import("@mui/material").SelectProps<Value>) => import("react").JSX.Element) & {
-    muiName: string;
-};
-export declare const StyledReminderActionsContainer: import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", import("@mui/material").Theme>>;
-export declare const StyledReminderDeleteIconButton: import("@mui/material").ExtendButtonBase<import("@mui/material").IconButtonTypeMap<{}, "button">>;
+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,2 +1,3 @@
-export declare const ReminderNotificationsContainer: import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", import("@mui/material").Theme>>;
-export declare const HeaderContainer: import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", 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,9 +1,8 @@
-/// <reference types="react" />
 export interface EventsDialogApi {
     baseUrl: string;
     spaceId: string;
 }
-declare const EventsDialogApiContext: import("react").Context<EventsDialogApi>;
-export declare const EventsDialogApiProvider: import("react").Provider<EventsDialogApi>;
-export declare const useEventsDialogApi: () => EventsDialogApi;
+declare const EventsDialogApiContext: import("react").Context<EventsDialogApi | null>;
+export declare const EventsDialogApiProvider: import("react").Provider<EventsDialogApi | null>;
+export declare const useEventsDialogApi: () => EventsDialogApi | null;
 export default EventsDialogApiContext;

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/hooks/useNotifications.d.ts

@@ -3,7 +3,7 @@ import { IEventNotification } from '@trii/types/dist/Calendar';
 import { SelectChangeEvent } from '@mui/material';
 import { EventNotificationFront } from '../types';
 export declare const useNotificationsInitialDef: {
-    notifications: any[];
+    notifications: never[];
     action: {
         addNotification: () => void;
         deleteNotification: (_notificationId: string) => void;

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

@@ -1,2 +1,3 @@
-export declare const StyledBoxContainer: import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", import("@mui/material").Theme>>;
-export declare const StyledDialogContextText: import("@mui/types").OverridableComponent<import("@mui/system").BoxTypeMap<{}, "div", 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/EventsDialog/utils/googleMapsLoader.d.ts

@@ -19,7 +19,7 @@ export declare const GOOGLE_MAPS_SCRIPT_CONFIG: {
  */
 export declare const useGoogleMapsLoader: () => {
     isLoaded: boolean;
-    error: Error;
+    error: Error | null;
 };
 /**
  * Carga la API de Google Maps de manera asincrónica

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

@@ -3,3 +3,5 @@ export type { MuiComponentsConfigOptions } from './MuiComponentsConfig';
 export { default as themeReducer } from './themeSlice';
 export * from './themeProvider';
 export * from './themeSlice';
+export { THEME_PREFERENCES, normalizeThemePreference, resolveThemePreference, observeThemePreference } from './themePreference';
+export type { ThemePreference, ResolvedTheme, LegacyThemeName } from './themePreference';

package/dist/types/theme/themeActionTypes.d.ts

@@ -0,0 +1,5 @@
+import type { ThemeName } from './themePreference';
+export declare const UPDATE_THEME_TYPE = "Theme/updateTheme";
+export declare const themeUpdateFulfilled: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    theme: ThemeName;
+}, string>;

package/dist/types/theme/themePersistence.d.ts

@@ -0,0 +1,15 @@
+import type { ThemeRootState } from './themeSlice';
+import { ThemeName } from './themePreference';
+/** Guarda el tema elegido en el backend. */
+export declare const updateTheme: import("@reduxjs/toolkit").AsyncThunk<{
+    theme: ThemeName;
+}, ThemeName, {
+    state: ThemeRootState;
+    dispatch?: import("redux-thunk").ThunkDispatch<unknown, unknown, import("redux").UnknownAction> | undefined;
+    extra?: unknown;
+    rejectValue?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;

package/dist/types/theme/themePreference.d.ts

@@ -0,0 +1,14 @@
+export type ThemePreference = 'light' | 'dark' | 'system';
+export type ResolvedTheme = 'light' | 'dark';
+export declare const THEME_PREFERENCES: readonly ThemePreference[];
+export declare const LEGACY_THEME_NAMES: readonly ["lightBlueIndigo", "lightBlue", "lightRed", "lightGreen", "lightPink", "lightPurple", "lightTeal", "lightLime", "lightYellow", "lightAmber", "lightOrange", "lightBrown", "lightGray", "darkBlue", "darkBlack"];
+export type LegacyThemeName = typeof LEGACY_THEME_NAMES[number];
+export type ThemeName = ThemePreference | LegacyThemeName;
+export declare const isValidThemeName: (name: string) => name is ThemeName;
+/** Missing/unknown preferences follow the OS. Existing choices keep their mode. */
+export declare const normalizeThemePreference: (name?: string | null) => ThemePreference;
+export declare const resolveThemePreference: (preference: ThemePreference, systemDark?: boolean) => ResolvedTheme;
+/** Emits immediately; caller must unsubscribe on unmount/preference change.
+ * Does not persist or call an API when the OS appearance changes.
+ */
+export declare const observeThemePreference: (preference: ThemePreference, listener: (mode: ResolvedTheme) => void) => (() => void);

package/dist/types/theme/themePreference.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/theme/themeProvider.d.ts

@@ -57,18 +57,35 @@ declare module '@mui/material/styles' {
         name?: string;
     }
 }
+export declare const lightTheme: Theme;
+export declare const darkTheme: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightBlueIndigo: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightBlue: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightRed: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightGreen: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightPink: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightPurple: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightTeal: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightLime: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightYellow: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightAmber: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightOrange: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightBrown: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightGray: Theme;
+/** @deprecated Use darkTheme. */
 export declare const darkBlue: Theme;
+/** @deprecated Use darkTheme. */
 export declare const darkBlack: Theme;

package/dist/types/theme/themeSlice.d.ts

@@ -1,4 +1,8 @@
+export { updateTheme } from './themePersistence';
 import { Theme } from '@mui/material';
+import { ThemeName, ThemePreference, ResolvedTheme } from './themePreference';
+export { isValidThemeName } from './themePreference';
+export type { ThemeName } from './themePreference';
 /**
  * Forma mínima del store que necesita este slice: la app que lo use tiene que
  * tener `Theme` y `User.user.uid`.
@@ -13,30 +17,15 @@ export interface ThemeRootState {
     };
     Theme: ThemeState;
 }
-/** Nombres de tema disponibles. */
-export type ThemeName = 'lightBlueIndigo' | 'darkBlack' | 'darkBlue' | 'lightAmber' | 'lightBlue' | 'lightBrown' | 'lightGray' | 'lightGreen' | 'lightLime' | 'lightOrange' | 'lightPink' | 'lightPurple' | 'lightRed' | 'lightTeal' | 'lightYellow';
 /** Estado del slice. */
 export interface ThemeState {
     themeSelected: Theme;
+    preference: ThemePreference;
     darkMode: boolean;
     toggleStatus: 'idle' | 'toggled';
 }
-/** Guarda el tema elegido en el backend. */
-export declare const updateTheme: import("@reduxjs/toolkit").AsyncThunk<{
-    theme: ThemeName;
-}, ThemeName, {
-    state: ThemeRootState;
-    dispatch?: import("redux-thunk").ThunkDispatch<unknown, unknown, import("redux").UnknownAction>;
-    extra?: unknown;
-    rejectValue?: unknown;
-    serializedErrorType?: unknown;
-    pendingMeta?: unknown;
-    fulfilledMeta?: unknown;
-    rejectedMeta?: unknown;
-}>;
-/** Valida que el string sea un `ThemeName`. */
-export declare const isValidThemeName: (theme: string) => theme is ThemeName;
-export declare const toggleTheme: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<ThemeName, "Theme/toggleTheme">, toggleModeTheme: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"Theme/toggleModeTheme">;
+export declare const selectThemePreference: (state: ThemeRootState) => ThemePreference;
+export declare const toggleTheme: import("@reduxjs/toolkit").ActionCreatorWithPayload<ThemeName, "Theme/toggleTheme">, toggleModeTheme: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"Theme/toggleModeTheme">, systemThemeChanged: import("@reduxjs/toolkit").ActionCreatorWithPayload<ResolvedTheme, "Theme/systemThemeChanged">;
 export declare const selectThemeToggleStatus: (state: ThemeRootState) => "idle" | "toggled";
 export declare const selectTheme: (state: ThemeRootState) => Theme;
 export declare const selectDarkTheme: (state: ThemeRootState) => boolean;

package/package.json

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