@trii/components 2.0.73 → 2.0.74

package/dist/index.d.ts

@@ -4,6 +4,9 @@ import { SxProps, Theme } from '@mui/material';
 import { IContact as IContact$1, IBusiness as IBusiness$1 } from '@trii/types/dist/Contacts/contacts';
 import React from 'react';
 import * as i18next from 'i18next';
+import * as _reduxjs_toolkit from '@reduxjs/toolkit';
+import * as redux_thunk from 'redux-thunk';
+import * as redux from 'redux';
 
 interface ContactInfoPopupProps {
     open: boolean;
@@ -165,4 +168,129 @@ interface TaskData {
 
 declare const i18nInstance: i18next.i18n;
 
-export { type Calendar, type Contact, ContactInfoPopup, EditContactModal, type EventData, EventsDialog, type EventsDialogProps, type ItemType, type ModalMode, type Notification, type TaskData, i18nInstance as i18n };
+declare const MuiComponentsConfig: (themeRedux: Theme) => Theme;
+
+declare module '@mui/material/styles' {
+    interface TypeBackground {
+        mainCenter: string;
+        mainGradient: string;
+        navMenu: string;
+        dropdownMenu: string;
+        panel: string;
+        tooltip: string;
+        accordionHeader: string;
+        panelHeader: string;
+        panelCenter: string;
+    }
+    interface TypeText {
+        colorMain: string;
+    }
+    interface Palette {
+        containerBox: {
+            default: string;
+            main: string;
+        };
+        dropdownBox: string;
+        color: {
+            icons: string;
+        };
+        cellHeader: string;
+        Skeleton: {
+            bg: string;
+        };
+        messageBox: string;
+        boxShadow: string;
+        disabled: string;
+    }
+    interface PaletteOptions {
+        containerBox?: {
+            default?: string;
+            main?: string;
+        };
+        dropdownBox?: string;
+        color?: {
+            icons?: string;
+        };
+        cellHeader?: string;
+        Skeleton?: {
+            bg?: string;
+        };
+        messageBox?: string;
+        boxShadow?: string;
+        disabled?: string;
+    }
+    interface Theme {
+        name?: string;
+    }
+    interface ThemeOptions {
+        name?: string;
+    }
+}
+declare const lightBlueIndigo: Theme;
+declare const lightBlue: Theme;
+declare const lightRed: Theme;
+declare const lightGreen: Theme;
+declare const lightPink: Theme;
+declare const lightPurple: Theme;
+declare const lightTeal: Theme;
+declare const lightLime: Theme;
+declare const lightYellow: Theme;
+declare const lightAmber: Theme;
+declare const lightOrange: Theme;
+declare const lightBrown: Theme;
+declare const lightGray: Theme;
+declare const darkBlue: Theme;
+declare const darkBlack: Theme;
+
+/**
+ * Minimal root state shape required by this slice.
+ * Consumer apps must include both Theme and User (with uid) in their store.
+ */
+interface ThemeRootState {
+    User: {
+        user: {
+            uid: string;
+        };
+    };
+    Theme: ThemeState;
+}
+/**
+ * Theme name type - defines all available theme options
+ */
+type ThemeName = 'lightBlueIndigo' | 'darkBlack' | 'darkBlue' | 'lightAmber' | 'lightBlue' | 'lightBrown' | 'lightGray' | 'lightGreen' | 'lightLime' | 'lightOrange' | 'lightPink' | 'lightPurple' | 'lightRed' | 'lightTeal' | 'lightYellow';
+/**
+ * Theme slice state interface
+ */
+interface ThemeState {
+    themeSelected: Theme;
+    darkMode: boolean;
+    toggleStatus: 'idle' | 'toggled';
+}
+/**
+ * Async thunk to update theme on the server
+ */
+declare const updateTheme: _reduxjs_toolkit.AsyncThunk<{
+    theme: ThemeName;
+}, ThemeName, {
+    state: ThemeRootState;
+    dispatch?: redux_thunk.ThunkDispatch<unknown, unknown, redux.UnknownAction> | undefined;
+    extra?: unknown;
+    rejectValue?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
+/**
+ * Type guard to check if a string is a valid ThemeName
+ * @param theme - String to validate
+ * @returns true if theme is a valid ThemeName
+ */
+declare const isValidThemeName: (theme: string) => theme is ThemeName;
+declare const toggleTheme: _reduxjs_toolkit.ActionCreatorWithPayload<ThemeName, "Theme/toggleTheme">;
+declare const toggleModeTheme: _reduxjs_toolkit.ActionCreatorWithoutPayload<"Theme/toggleModeTheme">;
+declare const selectThemeToggleStatus: (state: ThemeRootState) => "idle" | "toggled";
+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 };

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

@@ -0,0 +1,3 @@
+export { default as MuiComponentsConfig } from './MuiComponentsConfig';
+export * from './themeProvider';
+export * from './themeSlice';

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

@@ -0,0 +1,72 @@
+import { Theme } from '@mui/material';
+declare module '@mui/material/styles' {
+    interface TypeBackground {
+        mainCenter: string;
+        mainGradient: string;
+        navMenu: string;
+        dropdownMenu: string;
+        panel: string;
+        tooltip: string;
+        accordionHeader: string;
+        panelHeader: string;
+        panelCenter: string;
+    }
+    interface TypeText {
+        colorMain: string;
+    }
+    interface Palette {
+        containerBox: {
+            default: string;
+            main: string;
+        };
+        dropdownBox: string;
+        color: {
+            icons: string;
+        };
+        cellHeader: string;
+        Skeleton: {
+            bg: string;
+        };
+        messageBox: string;
+        boxShadow: string;
+        disabled: string;
+    }
+    interface PaletteOptions {
+        containerBox?: {
+            default?: string;
+            main?: string;
+        };
+        dropdownBox?: string;
+        color?: {
+            icons?: string;
+        };
+        cellHeader?: string;
+        Skeleton?: {
+            bg?: string;
+        };
+        messageBox?: string;
+        boxShadow?: string;
+        disabled?: string;
+    }
+    interface Theme {
+        name?: string;
+    }
+    interface ThemeOptions {
+        name?: string;
+    }
+}
+export declare const lightBlueIndigo: Theme;
+export declare const lightBlue: Theme;
+export declare const lightRed: Theme;
+export declare const lightGreen: Theme;
+export declare const lightPink: Theme;
+export declare const lightPurple: Theme;
+export declare const lightTeal: Theme;
+export declare const lightLime: Theme;
+export declare const lightYellow: Theme;
+export declare const lightAmber: Theme;
+export declare const lightOrange: Theme;
+export declare const lightBrown: Theme;
+export declare const lightGray: Theme;
+export declare const darkBlue: Theme;
+export declare const darkBlack: Theme;

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

@@ -0,0 +1,52 @@
+import { Theme } from '@mui/material';
+/**
+ * Minimal root state shape required by this slice.
+ * Consumer apps must include both Theme and User (with uid) in their store.
+ */
+export interface ThemeRootState {
+    User: {
+        user: {
+            uid: string;
+        };
+    };
+    Theme: ThemeState;
+}
+/**
+ * Theme name type - defines all available theme options
+ */
+export type ThemeName = 'lightBlueIndigo' | 'darkBlack' | 'darkBlue' | 'lightAmber' | 'lightBlue' | 'lightBrown' | 'lightGray' | 'lightGreen' | 'lightLime' | 'lightOrange' | 'lightPink' | 'lightPurple' | 'lightRed' | 'lightTeal' | 'lightYellow';
+/**
+ * Theme slice state interface
+ */
+export interface ThemeState {
+    themeSelected: Theme;
+    darkMode: boolean;
+    toggleStatus: 'idle' | 'toggled';
+}
+/**
+ * Async thunk to update theme on the server
+ */
+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;
+}>;
+/**
+ * Type guard to check if a string is a valid ThemeName
+ * @param theme - String to validate
+ * @returns true if theme is a valid ThemeName
+ */
+export declare const isValidThemeName: (theme: string) => theme is ThemeName;
+export declare const toggleTheme: import("@reduxjs/toolkit").ActionCreatorWithPayload<ThemeName, "Theme/toggleTheme">, toggleModeTheme: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"Theme/toggleModeTheme">;
+export declare const selectThemeToggleStatus: (state: ThemeRootState) => "idle" | "toggled";
+export declare const selectedTheme: (state: ThemeRootState) => Theme;
+export declare const selectedDarkTheme: (state: ThemeRootState) => boolean;
+declare const _default: import("redux").Reducer<ThemeState>;
+export default _default;

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
 export { i18n } from './i18n';
+export * from './components/EventsDialog/theme';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trii/components",
-  "version": "2.0.73",
+  "version": "2.0.74",
   "description": "Trii components package",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -60,6 +60,7 @@
     "@mui/icons-material": "^5.15.15",
     "@mui/lab": "^5.0.0-alpha.176",
     "@mui/material": "^5.18.0",
+    "@reduxjs/toolkit": "^2.11.2",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.2.1",
@@ -82,6 +83,7 @@
     "@types/react": "^18.2.23",
     "@typescript-eslint/eslint-plugin": "^8.53.0",
     "@typescript-eslint/parser": "^8.53.0",
+    "axios": "^1.14.0",
     "babel-jest": "^29.7.0",
     "esbuild": "^0.27.2",
     "eslint": "^9.39.2",
@@ -91,6 +93,7 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "google-libphonenumber": "^3.2.44",
+    "immer": "^11.1.4",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "npm-run-all": "^4.1.5",
@@ -111,6 +114,8 @@
     "@emotion/react": "^11.11.4",
     "@mui/x-date-pickers": "^8.24.0",
     "@mui/x-date-pickers-pro": "^8.24.0",
+    "@reduxjs/toolkit": ">=1.9.0",
+    "axios": ">=1.0.0",
     "dayjs": "^1.11.19",
     "google-libphonenumber": "^3.2.43",
     "i18next": "^25.8.0",