@trii/components 3.1.3 → 3.1.4

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

@@ -0,0 +1,6 @@
+export declare const SelectPrimaryContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/system").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/system").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
+export declare const SelectSecondaryContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/system").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/system").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;

package/dist/types/components/EventsDialog/components/LocationTextField/MapLocationPicker.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface MapLocationPickerProps {
+    onLocationSelect: (address: string, lat: number, lng: number) => void;
+    initialAddress?: string;
+    onClose?: () => void;
+}
+declare const MapLocationPicker: React.FC<MapLocationPickerProps>;
+export default MapLocationPicker;

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

@@ -0,0 +1 @@
+export { default } from './GoogleMapStandalone';

package/dist/types/components/EventsDialog/components/LocationTextField/SendLocation/components/index.d.ts

@@ -0,0 +1 @@
+export { default as GoogleMapStandalone } from './GoogleMap/GoogleMapStandalone';

package/dist/types/components/EventsDialog/components/LocationTextField/SendLocation/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './LocationSelectorModal';
+export { default as LocationSelectorModal } from './LocationSelectorModal';
+export type { LocationData } from './types';

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

@@ -0,0 +1,9 @@
+export { default as useField, useFieldInitialState, type UseFieldType } from './useField';
+export { default as useSelect, type UseSelect } from './useSelect';
+export { default as useDialog, useDialogInitialState, type UseDialog } from './useDialog';
+export { default as useEvent, useEventInitialState, type UseEvent, type UseDateState, type UseLinkContact, } from './useEvent';
+export { type UseNotificationsType } from './useNotifications';
+export { default as useTask, useTaskInitialState, type UseTask } from './useTask';
+export { default as useCalendar, useCalendarInitialState, type UseCalendarType, } from './useCalendar';
+export { default as useCalendarEvents, useCalendarEventsInitialState, type UseCalendarEventsType, type CalendarEvent, } from './useCalendarEvents';
+export { default as useCalendarTasks, useCalendarTasksInitialState, type UseCalendarTasksType, type CalendarTask, } from './useCalendarTasks';

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { SelectChangeEvent } from '@mui/material';
+export interface UseSelect {
+    actions: {
+        resetValue: () => void;
+        changeValue: (newValue: string | number) => void;
+    };
+    attributes: {
+        value: string | number;
+        onChange: (event: SelectChangeEvent<string>, child: ReactNode) => void;
+    };
+}
+declare const useSelect: (initialValue: string | number) => UseSelect;
+export default useSelect;

package/dist/types/components/EventsDialog/utils/eventValidation.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Utilidades para validación de eventos del calendario
+ */
+export interface CalendarItem {
+    id?: string;
+    start: Date | string;
+    end: Date | string;
+    title?: string;
+    kind?: 'event' | 'task';
+}
+/**
+ * Verifica si dos eventos se solapan en el tiempo
+ */
+export declare const eventsOverlap: (event1: CalendarItem, event2: CalendarItem) => boolean;
+/**
+ * Encuentra todos los eventos que se solapan con un evento dado
+ */
+export declare const findOverlappingEvents: (targetEvent: CalendarItem, allEvents: CalendarItem[]) => CalendarItem[];
+/**
+ * Valida que un evento tenga fechas válidas
+ */
+export declare const validateEventDates: (event: CalendarItem) => {
+    isValid: boolean;
+    error?: string;
+};
+/**
+ * Genera un mensaje descriptivo sobre eventos solapados
+ */
+export declare const getOverlapWarningMessage: (overlappingEvents: CalendarItem[]) => string;
+/**
+ * Calcula la duración de un evento en minutos
+ */
+export declare const getEventDuration: (event: CalendarItem) => number;
+/**
+ * Verifica si un evento es de todo el día
+ */
+export declare const isAllDayEvent: (event: CalendarItem) => boolean;

package/dist/types/components/EventsDialog/utils/googleMapsUtils.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Re-exportaciones de googleMapsLoader para mantener compatibilidad
+ * Este archivo actúa como alias para las funciones de Google Maps
+ */
+export { GOOGLE_MAPS_CONFIG, GOOGLE_MAPS_SCRIPT_CONFIG, useGoogleMapsLoader, loadGoogleMapsAsync, getStaticMapUrl, geocodeAddress, } from './googleMapsLoader';

package/dist/types/components/EventsDialog/utils/keyboardNavigation.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Utilidades para navegación por teclado en el calendario
+ */
+type View = 'month' | 'week' | 'day' | 'work_week' | 'agenda';
+export interface KeyboardNavigationConfig {
+    onNavigate: (action: 'PREV' | 'NEXT' | 'TODAY' | 'DATE', date?: Date) => void;
+    onViewChange: (view: View) => void;
+    onCreateEvent?: () => void;
+    currentDate: Date;
+    currentView: View;
+}
+/**
+ * Maneja los eventos de teclado para el calendario
+ */
+export declare const handleCalendarKeyDown: (event: KeyboardEvent, config: KeyboardNavigationConfig) => void;
+/**
+ * Genera el mensaje de ayuda para atajos de teclado
+ */
+export declare const getKeyboardShortcutsHelp: () => string;
+/**
+ * Genera los atributos ARIA para el calendario
+ */
+export declare const getCalendarAriaAttributes: (currentView: View, currentDate: Date) => Record<string, string>;
+export {};

package/dist/types/components/PanelErrorBoundary/__tests__/PanelErrorBoundary.test.d.ts

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

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

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

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

@@ -0,0 +1,3 @@
+import { Theme } from '@mui/material/styles';
+/** Aplica los ajustes de contraste compartidos exclusivamente en modo oscuro. */
+export declare const applyDarkThemeComponents: (sharedTheme: Theme) => Theme;

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

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

package/package.json

@@ -1,174 +1,194 @@
-{
-  "name": "@trii/components",
-  "version": "3.1.3",
-  "description": "Trii components package",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist",
-    "async-state",
-    "theme"
-  ],
-  "scripts": {
-    "dev": "npm-run-all --parallel dev:types dev:js",
-    "dev:types": "tsc --watch",
-    "dev:js": "rollup -c --watch",
-    "build": "npm-run-all --serial build:types build:js",
-    "build:types": "tsc --project tsconfig.build.json --emitDeclarationOnly",
-    "build:js": "rollup -c",
-    "test": "jest",
-    "test:watch": "jest --watchAll --verbose",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
-  },
-  "author": "Ezequiel",
-  "license": "MIT",
-  "babel": {
-    "sourceType": "unambiguous",
-    "presets": [
-      [
-        "@babel/preset-env",
-        {
-          "targets": {
-            "chrome": 100,
-            "safari": 15,
-            "firefox": 91
-          }
-        }
-      ],
-      [
-        "@babel/preset-react",
-        {
-          "runtime": "automatic"
-        }
-      ],
-      "@babel/preset-typescript"
-    ]
-  },
-  "postcss": {
-    "plugins": {
-      "postcss-import": {}
-    }
-  },
-  "devDependencies": {
-    "@babel/core": "^7.23.0",
-    "@babel/preset-env": "^7.22.20",
-    "@babel/preset-react": "^7.22.15",
-    "@babel/preset-typescript": "^7.23.0",
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.5",
-    "@fontsource/material-icons": "^5.0.18",
-    "@fontsource/roboto": "^5.0.13",
-    "@mdi/js": "^7.4.47",
-    "@mdi/react": "^1.6.1",
-    "@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-image": "^3.0.3",
-    "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^15.2.1",
-    "@storybook/addon-essentials": "^8.5.3",
-    "@storybook/addon-interactions": "^8.5.3",
-    "@storybook/addon-links": "^8.5.3",
-    "@storybook/addon-onboarding": "^8.5.3",
-    "@storybook/addon-themes": "^8.5.3",
-    "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
-    "@storybook/addon-webpack5-compiler-swc": "^2.0.0",
-    "@storybook/blocks": "^8.5.3",
-    "@storybook/react": "^8.5.3",
-    "@storybook/react-webpack5": "^8.5.3",
-    "@storybook/test": "^8.5.3",
-    "@testing-library/jest-dom": "^6.1.3",
-    "@testing-library/react": "^14.0.0",
-    "@types/google-libphonenumber": "^7.4.30",
-    "@types/google.maps": "^3.58.1",
-    "@types/jest": "^29.5.5",
-    "@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",
-    "date-fns": "^2.30.0",
-    "dompurify": "^2.5.8",
-    "esbuild": "^0.27.2",
-    "eslint": "^9.39.2",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-prettier": "^5.5.5",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "google-libphonenumber": "^3.2.44",
-    "handlebars": "^4.7.8",
-    "immer": "^11.1.4",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "markdown-it": "^14.1.0",
-    "markdown-it-emoji": "^3.0.0",
-    "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.31",
-    "postcss-import": "^15.1.0",
-    "prettier": "^3.8.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-file-icon": "^1.6.0",
-    "react-to-print": "^2.14.15",
-    "react-virtuoso": "^4.17.0",
-    "rollup": "^3.29.4",
-    "rollup-plugin-dts": "^6.0.2",
-    "rollup-plugin-esbuild": "^6.2.1",
-    "rollup-plugin-postcss": "^4.0.2",
-    "single-spa": "^5.9.3",
-    "single-spa-react": "^6.0.2",
-    "storybook": "^8.5.3",
-    "tslib": "^2.6.2",
-    "typescript": "^5.2.2",
-    "uuid": "^10.0.0",
-    "wavesurfer.js": "^6.6.3"
-  },
-  "peerDependencies": {
-    "@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",
-    "handlebars": "^4.7.8",
-    "i18next": "^25.8.0",
-    "moment": "^2.30.1",
-    "react": ">=17.0.2 <19.0.0",
-    "react-dom": ">=17.0.2 <19.0.0",
-    "react-i18next": "^16.5.3",
-    "single-spa": "^5.9.3",
-    "single-spa-react": ">=4.0.0"
-  },
-  "peerDependenciesMeta": {
-    "@mui/x-date-pickers": { "optional": true },
-    "@mui/x-date-pickers-pro": { "optional": true },
-    "dayjs": { "optional": true },
-    "google-libphonenumber": { "optional": true },
-    "handlebars": { "optional": true },
-    "i18next": { "optional": true },
-    "moment": { "optional": true },
-    "react-i18next": { "optional": true },
-    "single-spa": { "optional": true },
-    "single-spa-react": { "optional": true }
-  },
-  "dependencies": {
-    "@mdi/js": "^7.4.47",
-    "@mdi/react": "^1.6.1",
-    "@trii/types": "^2.10.638",
-    "date-fns": "^2.30.0",
-    "dompurify": "^2.5.8",
-    "markdown-it": "^14.1.0",
-    "markdown-it-emoji": "^3.0.0",
-    "react-file-icon": "^1.6.0",
-    "react-to-print": "^2.14.15",
-    "react-virtuoso": "^4.17.0",
-    "uuid": "^10.0.0",
-    "wavesurfer.js": "^6.6.3"
-  }
-}
+{
+  "name": "@trii/components",
+  "version": "3.1.4",
+  "description": "Trii components package",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "async-state",
+    "theme"
+  ],
+  "scripts": {
+    "dev": "npm-run-all --parallel dev:types dev:js",
+    "dev:types": "tsc --watch",
+    "dev:js": "rollup -c --watch",
+    "build": "npm-run-all --serial build:types build:js",
+    "build:types": "tsc --project tsconfig.build.json --emitDeclarationOnly",
+    "build:js": "rollup -c",
+    "test": "jest",
+    "test:watch": "jest --watchAll --verbose",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "author": "Ezequiel",
+  "license": "MIT",
+  "babel": {
+    "sourceType": "unambiguous",
+    "presets": [
+      [
+        "@babel/preset-env",
+        {
+          "targets": {
+            "chrome": 100,
+            "safari": 15,
+            "firefox": 91
+          }
+        }
+      ],
+      [
+        "@babel/preset-react",
+        {
+          "runtime": "automatic"
+        }
+      ],
+      "@babel/preset-typescript"
+    ]
+  },
+  "postcss": {
+    "plugins": {
+      "postcss-import": {}
+    }
+  },
+  "devDependencies": {
+    "@babel/core": "^7.23.0",
+    "@babel/preset-env": "^7.22.20",
+    "@babel/preset-react": "^7.22.15",
+    "@babel/preset-typescript": "^7.23.0",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
+    "@fontsource/material-icons": "^5.0.18",
+    "@fontsource/roboto": "^5.0.13",
+    "@mdi/js": "^7.4.47",
+    "@mdi/react": "^1.6.1",
+    "@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-image": "^3.0.3",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.2.1",
+    "@storybook/addon-essentials": "^8.5.3",
+    "@storybook/addon-interactions": "^8.5.3",
+    "@storybook/addon-links": "^8.5.3",
+    "@storybook/addon-onboarding": "^8.5.3",
+    "@storybook/addon-themes": "^8.5.3",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
+    "@storybook/addon-webpack5-compiler-swc": "^2.0.0",
+    "@storybook/blocks": "^8.5.3",
+    "@storybook/react": "^8.5.3",
+    "@storybook/react-webpack5": "^8.5.3",
+    "@storybook/test": "^8.5.3",
+    "@testing-library/jest-dom": "^6.1.3",
+    "@testing-library/react": "^14.0.0",
+    "@types/google-libphonenumber": "^7.4.30",
+    "@types/google.maps": "^3.58.1",
+    "@types/jest": "^29.5.5",
+    "@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",
+    "date-fns": "^2.30.0",
+    "dompurify": "^2.5.8",
+    "esbuild": "^0.27.2",
+    "eslint": "^9.39.2",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "google-libphonenumber": "^3.2.44",
+    "handlebars": "^4.7.8",
+    "immer": "^11.1.4",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "markdown-it": "^14.1.0",
+    "markdown-it-emoji": "^3.0.0",
+    "npm-run-all": "^4.1.5",
+    "postcss": "^8.4.31",
+    "postcss-import": "^15.1.0",
+    "prettier": "^3.8.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-file-icon": "^1.6.0",
+    "react-to-print": "^2.14.15",
+    "react-virtuoso": "^4.17.0",
+    "rollup": "^3.29.4",
+    "rollup-plugin-dts": "^6.0.2",
+    "rollup-plugin-esbuild": "^6.2.1",
+    "rollup-plugin-postcss": "^4.0.2",
+    "single-spa": "^5.9.3",
+    "single-spa-react": "^6.0.2",
+    "storybook": "^8.5.3",
+    "tslib": "^2.6.2",
+    "typescript": "^5.2.2",
+    "uuid": "^10.0.0",
+    "wavesurfer.js": "^6.6.3"
+  },
+  "peerDependencies": {
+    "@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",
+    "handlebars": "^4.7.8",
+    "i18next": "^25.8.0",
+    "moment": "^2.30.1",
+    "react": ">=17.0.2 <19.0.0",
+    "react-dom": ">=17.0.2 <19.0.0",
+    "react-i18next": "^16.5.3",
+    "single-spa": "^5.9.3",
+    "single-spa-react": ">=4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@mui/x-date-pickers": {
+      "optional": true
+    },
+    "@mui/x-date-pickers-pro": {
+      "optional": true
+    },
+    "dayjs": {
+      "optional": true
+    },
+    "google-libphonenumber": {
+      "optional": true
+    },
+    "handlebars": {
+      "optional": true
+    },
+    "i18next": {
+      "optional": true
+    },
+    "moment": {
+      "optional": true
+    },
+    "react-i18next": {
+      "optional": true
+    },
+    "single-spa": {
+      "optional": true
+    },
+    "single-spa-react": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@mdi/js": "^7.4.47",
+    "@mdi/react": "^1.6.1",
+    "@trii/types": "^2.10.638",
+    "date-fns": "^2.30.0",
+    "dompurify": "^2.5.8",
+    "markdown-it": "^14.1.0",
+    "markdown-it-emoji": "^3.0.0",
+    "react-file-icon": "^1.6.0",
+    "react-to-print": "^2.14.15",
+    "react-virtuoso": "^4.17.0",
+    "uuid": "^10.0.0",
+    "wavesurfer.js": "^6.6.3"
+  }
+}

package/readme

@@ -1,71 +1,71 @@
-# Trii Components
-
-## Introduction
-
-This project contains reusable components for the Trii application.
-
-## Prerequisites
-
-- Node.js (v14 or higher)
-- npm (v6 or higher) or yarn (v1.22 or higher)
-
-## Installation
-
-1. Clone the repository:
-   ```sh
-   git clone https://github.com/yourusername/trii-components.git
-   ```
-2. Navigate to the project directory:
-   ```sh
-   cd trii-components
-   ```
-3. Install dependencies:
-   ```sh
-   npm install
-   ```
-   or
-   ```sh
-   yarn install
-   ```
-
-## Running the Project
-
-To start the development server, run:
-
-```sh
-npm run storybook
-```
-
-or
-
-```sh
-yarn storybook
-```
-
-## Building the Project
-
-To build the project, run:
-
-```sh
-npm run build
-```
-
-or
-
-```sh
-yarn build
-```
-
-## Upload build to NPM
-
-To upload the build to NPM, run:
-
-```sh
-npm publish
-```
-
-or
-
-```sh
-yarn publish
-```
+# Trii Components
+
+## Introduction
+
+This project contains reusable components for the Trii application.
+
+## Prerequisites
+
+- Node.js (v14 or higher)
+- npm (v6 or higher) or yarn (v1.22 or higher)
+
+## Installation
+
+1. Clone the repository:
+   ```sh
+   git clone https://github.com/yourusername/trii-components.git
+   ```
+2. Navigate to the project directory:
+   ```sh
+   cd trii-components
+   ```
+3. Install dependencies:
+   ```sh
+   npm install
+   ```
+   or
+   ```sh
+   yarn install
+   ```
+
+## Running the Project
+
+To start the development server, run:
+
+```sh
+npm run storybook
+```
+
+or
+
+```sh
+yarn storybook
+```
+
+## Building the Project
+
+To build the project, run:
+
+```sh
+npm run build
+```
+
+or
+
+```sh
+yarn build
+```
+
+## Upload build to NPM
+
+To upload the build to NPM, run:
+
+```sh
+npm publish
+```
+
+or
+
+```sh
+yarn publish
+```