@addev-be/ui 1.2.1 → 2.1.0

package/dist/providers/ThemeProvider/index.d.ts

@@ -1,4 +1,8 @@
-export { ThemeProvider } from './ThemeProvider';
-export * from './types';
-export { defaultTheme } from './defaultTheme';
-export * from './helpers';
+import { Theme } from './types';
+type ThemeProviderProps = {
+    $theme?: Theme;
+    $darkTheme?: Theme;
+    $darkMode?: boolean;
+};
+export declare const ThemeProvider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ThemeProviderProps>> & string;
+export {};

package/dist/providers/ThemeProvider/index.js

@@ -1,23 +1,53 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultTheme = exports.ThemeProvider = void 0;
-var ThemeProvider_1 = require("./ThemeProvider");
-Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return ThemeProvider_1.ThemeProvider; } });
-__exportStar(require("./types"), exports);
+exports.ThemeProvider = void 0;
 var defaultTheme_1 = require("./defaultTheme");
-Object.defineProperty(exports, "defaultTheme", { enumerable: true, get: function () { return defaultTheme_1.defaultTheme; } });
-__exportStar(require("./helpers"), exports);
+var styled_components_1 = __importDefault(require("styled-components"));
+var getThemeValuesCss = function (prefix, obj) {
+    return Object.entries(obj !== null && obj !== void 0 ? obj : {})
+        .map(function (_a) {
+        var key = _a[0], value = _a[1];
+        return "--".concat(prefix, "-").concat(key, ": ").concat(value, ";");
+    })
+        .join('');
+};
+var getThemeColorsCss = function (colors, darkMode) {
+    if (darkMode === void 0) { darkMode = false; }
+    return Object.entries(colors !== null && colors !== void 0 ? colors : {})
+        .map(function (_a) {
+        var _b, _c, _d;
+        var color = _a[0], intensities = _a[1];
+        return Object.entries((_d = (typeof intensities === 'string'
+            ? (_b = (colors !== null && colors !== void 0 ? colors : {})[intensities]) !== null && _b !== void 0 ? _b : ((_c = defaultTheme_1.defaultTheme.colors) !== null && _c !== void 0 ? _c : {})[intensities]
+            : intensities)) !== null && _d !== void 0 ? _d : {})
+            .map(function (_a) {
+            var intensity = _a[0], value = _a[1];
+            return "--color-".concat(color, "-").concat(darkMode ? 1000 - Number(intensity) : intensity, ": ").concat(value, ";");
+        })
+            .join('');
+    })
+        .join('');
+};
+exports.ThemeProvider = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: contents;\n  ", "\n\n  a, a:visited {\n    color: var(--color-primary-500);\n  }\n  a:active,\n  a:hover {\n    color: var(--color-primary-700);\n  }\n"], ["\n  display: contents;\n  ", "\n\n  a, a:visited {\n    color: var(--color-primary-500);\n  }\n  a:active,\n  a:hover {\n    color: var(--color-primary-700);\n  }\n"])), function (_a) {
+    var _b = _a.$theme, $theme = _b === void 0 ? {} : _b, $darkTheme = _a.$darkTheme, $darkMode = _a.$darkMode;
+    var theme = $darkMode ? $darkTheme !== null && $darkTheme !== void 0 ? $darkTheme : $theme : $theme;
+    var darkMode = !$darkTheme && $darkMode;
+    return [
+        getThemeColorsCss(theme.colors, darkMode),
+        getThemeValuesCss('font', theme.fonts),
+        getThemeValuesCss('text', theme.texts),
+        getThemeValuesCss('weight', theme.weights),
+        getThemeValuesCss('space', theme.spaces),
+        getThemeValuesCss('size', theme.sizes),
+        getThemeValuesCss('rounded', theme.rounded),
+        getThemeValuesCss('shadow', theme.shadows),
+    ].join('');
+});
+var templateObject_1;

package/dist/providers/ThemeProvider/types.d.ts

@@ -1,4 +1,4 @@
-import { DeepPartial } from '../../typings';
+import { DeepPartial } from '../../types';
 export type ThemeColorIntensity = 0 | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950 | 1000;
 export type ThemeColorDefinition = Record<ThemeColorIntensity, string>;
 export type ThemeRawColor = 'slate' | 'gray' | 'zinc' | 'neutral' | 'stone' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose';

package/dist/providers/TrackingProvider/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TrackingProvider = exports.TrackingContext = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var services_1 = require("../../services");
+var tracking_1 = require("../../services/requests/tracking");
 exports.TrackingContext = (0, react_1.createContext)({
     sendEvent: function () { },
     enableTracking: function () { },
@@ -12,7 +12,7 @@ exports.TrackingContext = (0, react_1.createContext)({
 var TrackingProvider = function (_a) {
     var children = _a.children;
     var _b = (0, react_1.useState)(true), trackingEnabled = _b[0], setTrackingEnabled = _b[1];
-    var sendTrackingEvent = (0, services_1.useSendTrackingEventRequestHandler)();
+    var sendTrackingEvent = (0, tracking_1.useSendTrackingEventRequestHandler)();
     var sendEvent = (0, react_1.useCallback)(function (name, details) {
         if (details === void 0) { details = {}; }
         if (trackingEnabled) {

package/dist/providers/UiProviders/index.js

@@ -41,7 +41,7 @@ var styles = __importStar(require("./styles"));
 var react_1 = require("react");
 var PortalsProvider_1 = require("../PortalsProvider");
 var SettingsProvider_1 = require("../SettingsProvider");
-var ThemeProvider_1 = require("../ThemeProvider/ThemeProvider");
+var ThemeProvider_1 = require("../ThemeProvider");
 var TrackingProvider_1 = require("../TrackingProvider");
 var defaultTheme_1 = require("../ThemeProvider/defaultTheme");
 exports.UiContext = (0, react_1.createContext)({

package/dist/providers/UiProviders/styles.d.ts

@@ -1,3 +1 @@
-export declare const Root: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 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;
-}>, never>, never>> & string;
+export declare const Root: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;

package/dist/services/hooks.js

@@ -40,9 +40,9 @@ exports.useRequestState = exports.useHttpRequestHandler = exports.useWebSocketRe
 var WebSocketService_1 = require("./WebSocketService");
 var react_1 = require("react");
 var HttpService_1 = require("./HttpService");
-var providers_1 = require("../providers");
+var hooks_1 = require("../providers/hooks");
 var useLoadingRequestHandler = function (name) {
-    var _a = (0, providers_1.useLoading)(), startLoading = _a.startLoading, stopLoading = _a.stopLoading;
+    var _a = (0, hooks_1.useLoading)(), startLoading = _a.startLoading, stopLoading = _a.stopLoading;
     return (0, react_1.useCallback)(function (data) {
         startLoading();
         return WebSocketService_1.WebSocketService.getInstance()

package/dist/services/requests/auth.d.ts

@@ -3,12 +3,12 @@ export declare const useAuthenticateRequestHandler: (name?: string) => (data: {
 }) => Promise<{
     status: number;
     user: {
-        id: string | null;
+        id: string;
         username: string;
         permissions: string[];
         isAdmin: boolean;
         profile: {
-            id: string | null;
+            id: string;
             name: string;
             permissions: string[];
             isAdmin: boolean;
@@ -25,12 +25,12 @@ export declare const useLoginRequestHandler: () => (data: {
     status: number;
     token: string;
     user: {
-        id: string | null;
+        id: string;
         username: string;
         permissions: string[];
         isAdmin: boolean;
         profile: {
-            id: string | null;
+            id: string;
             name: string;
             permissions: string[];
             isAdmin: boolean;

package/dist/services/requests/tracking.d.ts

@@ -1,13 +1,13 @@
 export declare const useSendTrackingEventRequestHandler: () => (data: {
     data: {
-        id: string | null;
+        id: string;
         name: string;
         details: Record<string, string | number | boolean | null>;
     };
 }) => Promise<{
     status: number;
     data: {
-        id: string | null;
+        id: string;
         name: string;
         details: Record<string, string | number | boolean | null>;
     };

package/dist/services/requests/userProfiles.d.ts

@@ -3,7 +3,7 @@ export declare const useGetUserProfileRequestHandler: () => (data: {
 }) => Promise<{
     status: number;
     data: {
-        id: string | null;
+        id: string;
         name: string;
         permissions: string[];
         isAdmin: boolean;
@@ -11,7 +11,7 @@ export declare const useGetUserProfileRequestHandler: () => (data: {
 }>;
 export declare const useGetAllUserProfilesRequestHandler: () => (data: Record<string, never>) => Promise<{
     data: {
-        id: string | null;
+        id: string;
         name: string;
         permissions: string[];
         isAdmin: boolean;
@@ -19,7 +19,7 @@ export declare const useGetAllUserProfilesRequestHandler: () => (data: Record<st
 }>;
 export declare const useSaveUserProfileRequestHandler: () => (data: {
     data: {
-        id: string | null;
+        id: string;
         name: string;
         permissions: string[];
         isAdmin: boolean;
@@ -27,7 +27,7 @@ export declare const useSaveUserProfileRequestHandler: () => (data: {
 }) => Promise<{
     status: number;
     data: {
-        id: string | null;
+        id: string;
         name: string;
         permissions: string[];
         isAdmin: boolean;

package/dist/services/requests/users.d.ts

@@ -3,12 +3,12 @@ export declare const useGetUserRequestHandler: () => (data: {
 }) => Promise<{
     status: number;
     data: {
-        id: string | null;
+        id: string;
         username: string;
         permissions: string[];
         isAdmin: boolean;
         profile: {
-            id: string | null;
+            id: string;
             name: string;
             permissions: string[];
             isAdmin: boolean;
@@ -21,12 +21,12 @@ export declare const useGetUserRequestHandler: () => (data: {
 export declare const useGetAllUsersRequestHandler: () => (data: Record<string, never>) => Promise<{
     status: number;
     data: {
-        id: string | null;
+        id: string;
         username: string;
         permissions: string[];
         isAdmin: boolean;
         profile: {
-            id: string | null;
+            id: string;
             name: string;
             permissions: string[];
             isAdmin: boolean;
@@ -38,12 +38,12 @@ export declare const useGetAllUsersRequestHandler: () => (data: Record<string, n
 }>;
 export declare const useSaveUserRequestHandler: () => (data: {
     data: {
-        id: string | null;
+        id: string;
         username: string;
         permissions: string[];
         isAdmin: boolean;
         profile: {
-            id: string | null;
+            id: string;
             name: string;
             permissions: string[];
             isAdmin: boolean;
@@ -57,12 +57,12 @@ export declare const useSaveUserRequestHandler: () => (data: {
 }) => Promise<{
     status: number;
     data: {
-        id: string | null;
+        id: string;
         username: string;
         permissions: string[];
         isAdmin: boolean;
         profile: {
-            id: string | null;
+            id: string;
             name: string;
             permissions: string[];
             isAdmin: boolean;

package/dist/services/types/auth.d.ts

@@ -7,12 +7,12 @@ export declare const loginResponseDtoSchema: z.ZodObject<{
     status: z.ZodNumber;
     token: z.ZodString;
     user: z.ZodNullable<z.ZodObject<{
-        id: z.ZodNullable<z.ZodString>;
+        id: z.ZodUUID;
         username: z.ZodString;
         permissions: z.ZodArray<z.ZodString>;
         isAdmin: z.ZodBoolean;
         profile: z.ZodNullable<z.ZodObject<{
-            id: z.ZodNullable<z.ZodString>;
+            id: z.ZodUUID;
             name: z.ZodString;
             permissions: z.ZodArray<z.ZodString>;
             isAdmin: z.ZodBoolean;
@@ -38,12 +38,12 @@ export declare const authenticateRequestDtoSchema: z.ZodObject<{
 export declare const authenticateResponseDtoSchema: z.ZodObject<{
     status: z.ZodNumber;
     user: z.ZodNullable<z.ZodObject<{
-        id: z.ZodNullable<z.ZodString>;
+        id: z.ZodUUID;
         username: z.ZodString;
         permissions: z.ZodArray<z.ZodString>;
         isAdmin: z.ZodBoolean;
         profile: z.ZodNullable<z.ZodObject<{
-            id: z.ZodNullable<z.ZodString>;
+            id: z.ZodUUID;
             name: z.ZodString;
             permissions: z.ZodArray<z.ZodString>;
             isAdmin: z.ZodBoolean;

package/dist/services/types/base.d.ts

@@ -1,6 +1,6 @@
 import * as z from 'zod';
 export declare const baseModelDtoSchema: z.ZodObject<{
-    id: z.ZodNullable<z.ZodString>;
+    id: z.ZodUUID;
 }, z.core.$strip>;
 export type BaseModelDTO = z.infer<typeof baseModelDtoSchema>;
 export declare const UUID_REGEX: RegExp;

package/dist/services/types/base.js

@@ -36,6 +36,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.UUID_REGEX = exports.baseModelDtoSchema = void 0;
 var z = __importStar(require("zod"));
 exports.baseModelDtoSchema = z.object({
-    id: z.string().nullable(),
+    id: z.uuid(),
 });
 exports.UUID_REGEX = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-5][0-9a-f]{3}-[089ab][0-9a-f]{3}-[0-9a-f]{12}$/i;

package/dist/services/types/tracking.d.ts

@@ -1,13 +1,13 @@
 import * as z from 'zod';
 export declare const trackingEventDtoSchema: z.ZodObject<{
-    id: z.ZodNullable<z.ZodString>;
+    id: z.ZodUUID;
     name: z.ZodString;
     details: z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodNull]>>;
 }, z.core.$strip>;
 export type TrackingEventDTO = z.infer<typeof trackingEventDtoSchema>;
 export declare const sendTrackingEventRequestDtoSchema: z.ZodObject<{
     data: z.ZodObject<{
-        id: z.ZodNullable<z.ZodString>;
+        id: z.ZodUUID;
         name: z.ZodString;
         details: z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodNull]>>;
     }, z.core.$strip>;
@@ -15,7 +15,7 @@ export declare const sendTrackingEventRequestDtoSchema: z.ZodObject<{
 export declare const sendTrackingEventResponseDtoSchema: z.ZodObject<{
     status: z.ZodNumber;
     data: z.ZodObject<{
-        id: z.ZodNullable<z.ZodString>;
+        id: z.ZodUUID;
         name: z.ZodString;
         details: z.ZodRecord<z.ZodString, z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodNull]>>;
     }, z.core.$strip>;

package/dist/services/types/userProfiles.d.ts

@@ -1,6 +1,6 @@
 import * as z from 'zod';
 export declare const userProfileDtoSchema: z.ZodObject<{
-    id: z.ZodNullable<z.ZodString>;
+    id: z.ZodUUID;
     name: z.ZodString;
     permissions: z.ZodArray<z.ZodString>;
     isAdmin: z.ZodBoolean;
@@ -13,7 +13,7 @@ export declare const getUserProfileRequestDtoSchema: z.ZodObject<{
 export declare const getUserProfileResponseDtoSchema: z.ZodObject<{
     status: z.ZodNumber;
     data: z.ZodObject<{
-        id: z.ZodNullable<z.ZodString>;
+        id: z.ZodUUID;
         name: z.ZodString;
         permissions: z.ZodArray<z.ZodString>;
         isAdmin: z.ZodBoolean;
@@ -25,7 +25,7 @@ export type GetUserProfileResponseDTO = z.infer<typeof getUserProfileResponseDto
 export declare const getAllUserProfilesRequestDtoSchema: z.ZodObject<{}, z.core.$strip>;
 export declare const getAllUserProfilesResponseDtoSchema: z.ZodObject<{
     data: z.ZodArray<z.ZodObject<{
-        id: z.ZodNullable<z.ZodString>;
+        id: z.ZodUUID;
         name: z.ZodString;
         permissions: z.ZodArray<z.ZodString>;
         isAdmin: z.ZodBoolean;
@@ -36,7 +36,7 @@ export type GetAllUserProfilesResponseDTO = z.infer<typeof getAllUserProfilesRes
 /*****/
 export declare const saveUserProfileRequestDtoSchema: z.ZodObject<{
     data: z.ZodObject<{
-        id: z.ZodNullable<z.ZodString>;
+        id: z.ZodUUID;
         name: z.ZodString;
         permissions: z.ZodArray<z.ZodString>;
         isAdmin: z.ZodBoolean;
@@ -45,7 +45,7 @@ export declare const saveUserProfileRequestDtoSchema: z.ZodObject<{
 export declare const saveUserProfileResponseDtoSchema: z.ZodObject<{
     status: z.ZodNumber;
     data: z.ZodObject<{
-        id: z.ZodNullable<z.ZodString>;
+        id: z.ZodUUID;
         name: z.ZodString;
         permissions: z.ZodArray<z.ZodString>;
         isAdmin: z.ZodBoolean;

package/dist/services/types/users.d.ts

@@ -1,11 +1,11 @@
 import * as z from 'zod';
 export declare const userDtoSchema: z.ZodObject<{
-    id: z.ZodNullable<z.ZodString>;
+    id: z.ZodUUID;
     username: z.ZodString;
     permissions: z.ZodArray<z.ZodString>;
     isAdmin: z.ZodBoolean;
     profile: z.ZodNullable<z.ZodObject<{
-        id: z.ZodNullable<z.ZodString>;
+        id: z.ZodUUID;
         name: z.ZodString;
         permissions: z.ZodArray<z.ZodString>;
         isAdmin: z.ZodBoolean;
@@ -22,12 +22,12 @@ export declare const getUserRequestDtoSchema: z.ZodObject<{
 export declare const getUserResponseDtoSchema: z.ZodObject<{
     status: z.ZodNumber;
     data: z.ZodObject<{
-        id: z.ZodNullable<z.ZodString>;
+        id: z.ZodUUID;
         username: z.ZodString;
         permissions: z.ZodArray<z.ZodString>;
         isAdmin: z.ZodBoolean;
         profile: z.ZodNullable<z.ZodObject<{
-            id: z.ZodNullable<z.ZodString>;
+            id: z.ZodUUID;
             name: z.ZodString;
             permissions: z.ZodArray<z.ZodString>;
             isAdmin: z.ZodBoolean;
@@ -44,12 +44,12 @@ export declare const getAllUsersRequestDtoSchema: z.ZodObject<{}, z.core.$strip>
 export declare const getAllUsersResponseDtoSchema: z.ZodObject<{
     status: z.ZodNumber;
     data: z.ZodArray<z.ZodObject<{
-        id: z.ZodNullable<z.ZodString>;
+        id: z.ZodUUID;
         username: z.ZodString;
         permissions: z.ZodArray<z.ZodString>;
         isAdmin: z.ZodBoolean;
         profile: z.ZodNullable<z.ZodObject<{
-            id: z.ZodNullable<z.ZodString>;
+            id: z.ZodUUID;
             name: z.ZodString;
             permissions: z.ZodArray<z.ZodString>;
             isAdmin: z.ZodBoolean;
@@ -64,12 +64,12 @@ export type GetAllUsersResponseDTO = z.infer<typeof getAllUsersResponseDtoSchema
 /*****/
 export declare const saveUserRequestDtoSchema: z.ZodObject<{
     data: z.ZodObject<{
-        id: z.ZodNullable<z.ZodString>;
+        id: z.ZodUUID;
         username: z.ZodString;
         permissions: z.ZodArray<z.ZodString>;
         isAdmin: z.ZodBoolean;
         profile: z.ZodNullable<z.ZodObject<{
-            id: z.ZodNullable<z.ZodString>;
+            id: z.ZodUUID;
             name: z.ZodString;
             permissions: z.ZodArray<z.ZodString>;
             isAdmin: z.ZodBoolean;
@@ -84,12 +84,12 @@ export declare const saveUserRequestDtoSchema: z.ZodObject<{
 export declare const saveUserResponseDtoSchema: z.ZodObject<{
     status: z.ZodNumber;
     data: z.ZodObject<{
-        id: z.ZodNullable<z.ZodString>;
+        id: z.ZodUUID;
         username: z.ZodString;
         permissions: z.ZodArray<z.ZodString>;
         isAdmin: z.ZodBoolean;
         profile: z.ZodNullable<z.ZodObject<{
-            id: z.ZodNullable<z.ZodString>;
+            id: z.ZodUUID;
             name: z.ZodString;
             permissions: z.ZodArray<z.ZodString>;
             isAdmin: z.ZodBoolean;

package/dist/types.d.ts

@@ -0,0 +1,3 @@
+export type DeepPartial<T> = T extends Function ? T : T extends Array<infer U> ? Array<U> : T extends object ? {
+    [P in keyof T]?: DeepPartial<T[P]>;
+} : T;

package/dist/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@addev-be/ui",
-  "version": "1.2.1",
+  "version": "2.1.0",
   "type": "module",
   "scripts": {
     "watch": "tsc -b --watch",
@@ -20,10 +20,10 @@
     "update-version": "../../node/update-version.mjs"
   },
   "devDependencies": {
-    "@addev-be/framework-utils": "^1.2.1",
+    "@addev-be/framework-utils": "^2.1.0",
     "@types/lodash": "^4.17.20",
-    "@types/react": "^18.3.24",
-    "@types/react-dom": "^18.3.7",
+    "@types/react": "^19.1.13",
+    "@types/react-dom": "^19.1.9",
     "@types/uuid": "^11.0.0",
     "@vitejs/plugin-react-swc": "^4.1.0",
     "eslint": "^9.36.0",

package/src/components/auth/LoginForm.tsx

@@ -1,11 +1,13 @@
-import { Button, Input } from '../forms';
-import { Card, Message } from '../ui';
 import { FC, useCallback, useEffect, useRef, useState } from 'react';
 import { Link, redirect } from 'react-router-dom';
 
+import { Button } from '../forms/Button';
+import { Card } from '../ui/Card';
 import { FormContainer } from './styles';
+import { Input } from '../forms/styles';
+import { Message } from '../ui/Message';
 import { StackedLabel } from '../forms/VerticalLabel';
-import { useAuthentication } from '../../providers';
+import { useAuthentication } from '../../providers/hooks';
 
 export const LoginForm: FC = () => {
   const [username, setUsername] = useState(

package/src/components/auth/PasswordRecoveryForm.tsx

@@ -1,12 +1,13 @@
-import { Button, Input } from '../forms';
 import { FC, useCallback, useState } from 'react';
 
-import { Card } from '../ui';
+import { Button } from '../forms/Button';
+import { Card } from '../ui/Card';
 import { FormContainer } from './styles';
+import { Input } from '../forms/styles';
 import { Link } from 'react-router-dom';
 import { Message } from '../ui/Message';
 import { StackedLabel } from '../forms/VerticalLabel';
-import { useAuthentication } from '../../providers';
+import { useAuthentication } from '../../providers/hooks';
 
 export const PasswordRecoveryForm: FC = () => {
   const [email, setEmail] = useState('');

package/src/components/data/DataGrid/DataGridColumnsModal/hooks.tsx

@@ -1,7 +1,7 @@
 import { keyBy, mapValues } from 'lodash';
 import { useCallback, useContext, useMemo, useState } from 'react';
 
-import { Button } from '../../../forms';
+import { Button } from '../../../forms/Button';
 import { DataGridColumnsEditor } from '.';
 import { DataGridContext } from '../types';
 import { Modal } from '../../../layout/Modal';

package/src/components/data/DataGrid/DataGridEditableCell/CheckboxEditableCell.tsx

@@ -1,11 +1,12 @@
-import { ForwardedRef, forwardRef, useCallback } from 'react';
-
 import { DataGridEditableCellProps } from './types';
+import { useCallback } from 'react';
 
-const CheckboxEditableCellInner = <R,>(
-  { value, onChange, onClose }: DataGridEditableCellProps<R, boolean>,
-  ref: ForwardedRef<HTMLInputElement>
-) => {
+export const CheckboxEditableCell = <R,>({
+  value,
+  onChange,
+  onClose,
+  ref,
+}: DataGridEditableCellProps<R, boolean>) => {
   const onBlur = useCallback(() => {
     onClose(true);
   }, [onClose]);
@@ -34,5 +35,3 @@ const CheckboxEditableCellInner = <R,>(
     />
   );
 };
-
-export const CheckboxEditableCell = forwardRef(CheckboxEditableCellInner);

package/src/components/data/DataGrid/DataGridEditableCell/DateEditableCell.tsx

@@ -1,12 +1,13 @@
-import { ForwardedRef, forwardRef, useCallback } from 'react';
-
 import { DataGridEditableCellProps } from './types';
 import moment from 'moment';
+import { useCallback } from 'react';
 
-const DateEditableCellInner = <R,>(
-  { value, onChange, onClose }: DataGridEditableCellProps<R, string>,
-  ref: ForwardedRef<HTMLInputElement>
-) => {
+export const DateEditableCell = <R,>({
+  value,
+  onChange,
+  onClose,
+  ref,
+}: DataGridEditableCellProps<R, string>) => {
   const onBlur = useCallback(() => {
     onClose(true);
   }, [onClose]);
@@ -35,5 +36,3 @@ const DateEditableCellInner = <R,>(
     />
   );
 };
-
-export const DateEditableCell = forwardRef(DateEditableCellInner);