@trii/components 3.1.3 → 3.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/async-state/package.json +9 -9
- package/dist/cjs/async-state.js.map +1 -1
- package/dist/cjs/index.js +100 -100
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/theme.js +1 -1
- package/dist/cjs/theme.js.map +1 -1
- package/dist/esm/async-state.js.map +1 -1
- package/dist/esm/index.js +101 -101
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/theme.js +1 -1
- package/dist/esm/theme.js.map +1 -1
- package/dist/types/asyncState/__tests__/asyncState.test.d.ts +1 -0
- package/dist/types/asyncState/__tests__/useAsyncData.test.d.ts +1 -0
- package/dist/types/components/AsyncContent/__tests__/AsyncContent.test.d.ts +1 -0
- package/dist/types/components/AsyncContent/__tests__/AsyncContentI18n.test.d.ts +1 -0
- package/dist/types/components/ContactInfoPopup/ContactInfoPopup.stories.d.ts +9 -0
- package/dist/types/components/ContactSidebar/ContactSidebar.stories.d.ts +58 -0
- package/dist/types/components/EditContactModal/EditContactModal.stories.d.ts +9 -0
- package/dist/types/components/EventsDialog/components/LinkContactsSelect/styles.d.ts +6 -0
- package/dist/types/components/EventsDialog/components/LocationTextField/MapLocationPicker.d.ts +8 -0
- package/dist/types/components/EventsDialog/components/LocationTextField/SendLocation/components/GoogleMap/index.d.ts +1 -0
- package/dist/types/components/EventsDialog/components/LocationTextField/SendLocation/components/index.d.ts +1 -0
- package/dist/types/components/EventsDialog/components/LocationTextField/SendLocation/index.d.ts +3 -0
- package/dist/types/components/EventsDialog/hooks/index.d.ts +9 -0
- package/dist/types/components/EventsDialog/hooks/useSelect.d.ts +14 -0
- package/dist/types/components/EventsDialog/utils/eventValidation.d.ts +37 -0
- package/dist/types/components/EventsDialog/utils/googleMapsUtils.d.ts +5 -0
- package/dist/types/components/EventsDialog/utils/keyboardNavigation.d.ts +24 -0
- package/dist/types/components/PanelErrorBoundary/__tests__/PanelErrorBoundary.test.d.ts +1 -0
- package/dist/types/theme/MuiComponentsConfig.test.d.ts +1 -0
- package/dist/types/theme/darkThemeComponents.d.ts +3 -0
- package/dist/types/theme/themeProvider.test.d.ts +1 -0
- package/package.json +194 -174
- package/readme +71 -71
- package/theme/package.json +9 -9
- package/dist/types/components/EditContactModal/context/LanguageContext.d.ts +0 -9
- package/dist/types/components/EventsDialog/theme/MuiComponentsConfig.d.ts +0 -3
- package/dist/types/components/EventsDialog/theme/index.d.ts +0 -4
- package/dist/types/components/EventsDialog/theme/themeProvider.d.ts +0 -74
- package/dist/types/components/EventsDialog/theme/themeSlice.d.ts +0 -52
package/theme/package.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@trii/components-theme",
|
|
3
|
-
"private": true,
|
|
4
|
-
"description": "Stub de resolucion para el subpath @trii/components/theme. No se publica como paquete propio: existe para que Node/webpack/TS con moduleResolution 'node' encuentren la entrada secundaria sin pasar por el campo 'exports'. Trae solo la paleta, el slice y MuiComponentsConfig, sin arrastrar la UI del paquete (x-date-pickers, lab, i18n, single-spa).",
|
|
5
|
-
"main": "../dist/cjs/theme.js",
|
|
6
|
-
"module": "../dist/esm/theme.js",
|
|
7
|
-
"types": "../dist/theme.d.ts",
|
|
8
|
-
"sideEffects": false
|
|
9
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@trii/components-theme",
|
|
3
|
+
"private": true,
|
|
4
|
+
"description": "Stub de resolucion para el subpath @trii/components/theme. No se publica como paquete propio: existe para que Node/webpack/TS con moduleResolution 'node' encuentren la entrada secundaria sin pasar por el campo 'exports'. Trae solo la paleta, el slice y MuiComponentsConfig, sin arrastrar la UI del paquete (x-date-pickers, lab, i18n, single-spa).",
|
|
5
|
+
"main": "../dist/cjs/theme.js",
|
|
6
|
+
"module": "../dist/esm/theme.js",
|
|
7
|
+
"types": "../dist/theme.d.ts",
|
|
8
|
+
"sideEffects": false
|
|
9
|
+
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export type Language = 'en' | 'es';
|
|
3
|
-
interface LanguageProviderProps {
|
|
4
|
-
language: Language;
|
|
5
|
-
children: ReactNode;
|
|
6
|
-
}
|
|
7
|
-
export declare const LanguageProvider: ({ language, children }: LanguageProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export declare const useLanguageContext: () => Language;
|
|
9
|
-
export {};
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import { Theme } from '@mui/material';
|
|
2
|
-
declare module '@mui/material/styles' {
|
|
3
|
-
interface TypeBackground {
|
|
4
|
-
mainCenter: string;
|
|
5
|
-
mainGradient: string;
|
|
6
|
-
navMenu: string;
|
|
7
|
-
dropdownMenu: string;
|
|
8
|
-
panel: string;
|
|
9
|
-
tooltip: string;
|
|
10
|
-
accordionHeader: string;
|
|
11
|
-
panelHeader: string;
|
|
12
|
-
panelCenter: string;
|
|
13
|
-
panelGradient: string;
|
|
14
|
-
selectedItem: string;
|
|
15
|
-
}
|
|
16
|
-
interface TypeText {
|
|
17
|
-
colorMain: string;
|
|
18
|
-
}
|
|
19
|
-
interface Palette {
|
|
20
|
-
containerBox: {
|
|
21
|
-
default: string;
|
|
22
|
-
main: string;
|
|
23
|
-
};
|
|
24
|
-
dropdownBox: string;
|
|
25
|
-
color: {
|
|
26
|
-
icons: string;
|
|
27
|
-
};
|
|
28
|
-
cellHeader: string;
|
|
29
|
-
Skeleton: {
|
|
30
|
-
bg: string;
|
|
31
|
-
};
|
|
32
|
-
messageBox: string;
|
|
33
|
-
boxShadow: string;
|
|
34
|
-
disabled: string;
|
|
35
|
-
}
|
|
36
|
-
interface PaletteOptions {
|
|
37
|
-
containerBox?: {
|
|
38
|
-
default?: string;
|
|
39
|
-
main?: string;
|
|
40
|
-
};
|
|
41
|
-
dropdownBox?: string;
|
|
42
|
-
color?: {
|
|
43
|
-
icons?: string;
|
|
44
|
-
};
|
|
45
|
-
cellHeader?: string;
|
|
46
|
-
Skeleton?: {
|
|
47
|
-
bg?: string;
|
|
48
|
-
};
|
|
49
|
-
messageBox?: string;
|
|
50
|
-
boxShadow?: string;
|
|
51
|
-
disabled?: string;
|
|
52
|
-
}
|
|
53
|
-
interface Theme {
|
|
54
|
-
name?: string;
|
|
55
|
-
}
|
|
56
|
-
interface ThemeOptions {
|
|
57
|
-
name?: string;
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
export declare const lightBlueIndigo: Theme;
|
|
61
|
-
export declare const lightBlue: Theme;
|
|
62
|
-
export declare const lightRed: Theme;
|
|
63
|
-
export declare const lightGreen: Theme;
|
|
64
|
-
export declare const lightPink: Theme;
|
|
65
|
-
export declare const lightPurple: Theme;
|
|
66
|
-
export declare const lightTeal: Theme;
|
|
67
|
-
export declare const lightLime: Theme;
|
|
68
|
-
export declare const lightYellow: Theme;
|
|
69
|
-
export declare const lightAmber: Theme;
|
|
70
|
-
export declare const lightOrange: Theme;
|
|
71
|
-
export declare const lightBrown: Theme;
|
|
72
|
-
export declare const lightGray: Theme;
|
|
73
|
-
export declare const darkBlue: Theme;
|
|
74
|
-
export declare const darkBlack: Theme;
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { Theme } from '@mui/material';
|
|
2
|
-
/**
|
|
3
|
-
* Minimal root state shape required by this slice.
|
|
4
|
-
* Consumer apps must include both Theme and User (with uid) in their store.
|
|
5
|
-
*/
|
|
6
|
-
export interface ThemeRootState {
|
|
7
|
-
User: {
|
|
8
|
-
user: {
|
|
9
|
-
uid: string;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
Theme: ThemeState;
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* Theme name type - defines all available theme options
|
|
16
|
-
*/
|
|
17
|
-
export type ThemeName = 'lightBlueIndigo' | 'darkBlack' | 'darkBlue' | 'lightAmber' | 'lightBlue' | 'lightBrown' | 'lightGray' | 'lightGreen' | 'lightLime' | 'lightOrange' | 'lightPink' | 'lightPurple' | 'lightRed' | 'lightTeal' | 'lightYellow';
|
|
18
|
-
/**
|
|
19
|
-
* Theme slice state interface
|
|
20
|
-
*/
|
|
21
|
-
export interface ThemeState {
|
|
22
|
-
themeSelected: Theme;
|
|
23
|
-
darkMode: boolean;
|
|
24
|
-
toggleStatus: 'idle' | 'toggled';
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* Async thunk to update theme on the server
|
|
28
|
-
*/
|
|
29
|
-
export declare const updateTheme: import("@reduxjs/toolkit").AsyncThunk<{
|
|
30
|
-
theme: ThemeName;
|
|
31
|
-
}, ThemeName, {
|
|
32
|
-
state: ThemeRootState;
|
|
33
|
-
dispatch?: import("redux-thunk").ThunkDispatch<unknown, unknown, import("redux").UnknownAction>;
|
|
34
|
-
extra?: unknown;
|
|
35
|
-
rejectValue?: unknown;
|
|
36
|
-
serializedErrorType?: unknown;
|
|
37
|
-
pendingMeta?: unknown;
|
|
38
|
-
fulfilledMeta?: unknown;
|
|
39
|
-
rejectedMeta?: unknown;
|
|
40
|
-
}>;
|
|
41
|
-
/**
|
|
42
|
-
* Type guard to check if a string is a valid ThemeName
|
|
43
|
-
* @param theme - String to validate
|
|
44
|
-
* @returns true if theme is a valid ThemeName
|
|
45
|
-
*/
|
|
46
|
-
export declare const isValidThemeName: (theme: string) => theme is ThemeName;
|
|
47
|
-
export declare const toggleTheme: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<ThemeName, "Theme/toggleTheme">, toggleModeTheme: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"Theme/toggleModeTheme">;
|
|
48
|
-
export declare const selectThemeToggleStatus: (state: ThemeRootState) => "idle" | "toggled";
|
|
49
|
-
export declare const selectedTheme: (state: ThemeRootState) => Theme;
|
|
50
|
-
export declare const selectedDarkTheme: (state: ThemeRootState) => boolean;
|
|
51
|
-
declare const _default: import("redux").Reducer<ThemeState>;
|
|
52
|
-
export default _default;
|