@addev-be/ui 2.5.17 → 2.6.0

package/dist/hooks/useMutableState.test.js

@@ -0,0 +1,320 @@
+"use strict";
+/**
+ * @vitest-environment jsdom
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("@testing-library/react");
+var vitest_1 = require("vitest");
+var useMutableState_1 = require("./useMutableState");
+(0, vitest_1.describe)('isDispatchFunction', function () {
+    (0, vitest_1.it)('should return true for functions', function () {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        var fn = function (state) { return state; };
+        (0, vitest_1.expect)((0, useMutableState_1.isDispatchFunction)(fn)).toBe(true);
+    });
+    (0, vitest_1.it)('should return false for objects', function () {
+        (0, vitest_1.expect)((0, useMutableState_1.isDispatchFunction)({ key: 'value' })).toBe(false);
+    });
+    (0, vitest_1.it)('should return false for primitives', function () {
+        (0, vitest_1.expect)((0, useMutableState_1.isDispatchFunction)('string')).toBe(false);
+        (0, vitest_1.expect)((0, useMutableState_1.isDispatchFunction)(123)).toBe(false);
+        (0, vitest_1.expect)((0, useMutableState_1.isDispatchFunction)(null)).toBe(false);
+        (0, vitest_1.expect)((0, useMutableState_1.isDispatchFunction)(undefined)).toBe(false);
+    });
+});
+(0, vitest_1.describe)('useMutableState', function () {
+    (0, vitest_1.describe)('initialization', function () {
+        (0, vitest_1.it)('should initialize with default value', function () {
+            var result = (0, react_1.renderHook)(function () {
+                return (0, useMutableState_1.useMutableState)({ name: 'John', age: 30 });
+            }).result;
+            var state = result.current[0];
+            (0, vitest_1.expect)(state).toEqual({ name: 'John', age: 30 });
+        });
+        (0, vitest_1.it)('should initialize with empty object when no value is provided', function () {
+            var result = (0, react_1.renderHook)(function () { return (0, useMutableState_1.useMutableState)(); }).result;
+            var state = result.current[0];
+            (0, vitest_1.expect)(state).toEqual({});
+        });
+        (0, vitest_1.it)('should initialize with function result', function () {
+            var result = (0, react_1.renderHook)(function () {
+                return (0, useMutableState_1.useMutableState)(function () { return ({ count: 0, items: [] }); });
+            }).result;
+            var state = result.current[0];
+            (0, vitest_1.expect)(state).toEqual({ count: 0, items: [] });
+        });
+        (0, vitest_1.it)('should return tuple with three elements', function () {
+            var result = (0, react_1.renderHook)(function () { return (0, useMutableState_1.useMutableState)({ value: 1 }); }).result;
+            (0, vitest_1.expect)(result.current).toHaveLength(3);
+            (0, vitest_1.expect)(typeof result.current[0]).toBe('object');
+            (0, vitest_1.expect)(typeof result.current[1]).toBe('function');
+            (0, vitest_1.expect)(typeof result.current[2]).toBe('function');
+        });
+    });
+    (0, vitest_1.describe)('setValue (full state update)', function () {
+        (0, vitest_1.it)('should update entire state with new value', function () {
+            var result = (0, react_1.renderHook)(function () {
+                return (0, useMutableState_1.useMutableState)({ name: 'John', age: 30 });
+            }).result;
+            (0, react_1.act)(function () {
+                var _a = result.current, setValue = _a[1];
+                setValue({ name: 'Jane', age: 25 });
+            });
+            (0, vitest_1.expect)(result.current[0]).toEqual({ name: 'Jane', age: 25 });
+        });
+        (0, vitest_1.it)('should update state using function', function () {
+            var result = (0, react_1.renderHook)(function () { return (0, useMutableState_1.useMutableState)({ count: 0 }); }).result;
+            (0, react_1.act)(function () {
+                var _a = result.current, setValue = _a[1];
+                setValue(function (prev) { return ({ count: prev.count + 1 }); });
+            });
+            (0, vitest_1.expect)(result.current[0]).toEqual({ count: 1 });
+        });
+        (0, vitest_1.it)('should replace entire state object', function () {
+            var result = (0, react_1.renderHook)(function () {
+                return (0, useMutableState_1.useMutableState)({ name: 'John', age: 30, city: 'Paris' });
+            }).result;
+            (0, react_1.act)(function () {
+                var _a = result.current, setValue = _a[1];
+                setValue({ name: 'Jane', age: 22, city: 'London' });
+            });
+            (0, vitest_1.expect)(result.current[0]).toEqual({
+                name: 'Jane',
+                age: 22,
+                city: 'London',
+            });
+        });
+    });
+    (0, vitest_1.describe)('setPartialValue (partial state update)', function () {
+        (0, vitest_1.it)('should merge partial object with existing state', function () {
+            var result = (0, react_1.renderHook)(function () {
+                return (0, useMutableState_1.useMutableState)({ name: 'John', age: 30, city: 'Paris' });
+            }).result;
+            (0, react_1.act)(function () {
+                var _a = result.current, setPartialValue = _a[2];
+                setPartialValue({ age: 31 });
+            });
+            (0, vitest_1.expect)(result.current[0]).toEqual({
+                name: 'John',
+                age: 31,
+                city: 'Paris',
+            });
+        });
+        (0, vitest_1.it)('should merge partial object using function', function () {
+            var result = (0, react_1.renderHook)(function () {
+                return (0, useMutableState_1.useMutableState)({ count: 0, total: 100 });
+            }).result;
+            (0, react_1.act)(function () {
+                var _a = result.current, setPartialValue = _a[2];
+                setPartialValue(function (state) { return ({ count: state.count + 5 }); });
+            });
+            (0, vitest_1.expect)(result.current[0]).toEqual({ count: 5, total: 100 });
+        });
+        (0, vitest_1.it)('should handle deep nested objects', function () {
+            var result = (0, react_1.renderHook)(function () {
+                return (0, useMutableState_1.useMutableState)({
+                    user: {
+                        name: 'John',
+                        address: {
+                            city: 'Paris',
+                            country: 'France',
+                        },
+                    },
+                    settings: {
+                        theme: 'dark',
+                    },
+                });
+            }).result;
+            (0, react_1.act)(function () {
+                var _a = result.current, setPartialValue = _a[2];
+                setPartialValue({
+                    user: {
+                        address: {
+                            city: 'Lyon',
+                        },
+                    },
+                });
+            });
+            (0, vitest_1.expect)(result.current[0]).toEqual({
+                user: {
+                    name: 'John',
+                    address: {
+                        city: 'Lyon',
+                        country: 'France',
+                    },
+                },
+                settings: {
+                    theme: 'dark',
+                },
+            });
+        });
+        (0, vitest_1.it)('should add new properties to state', function () {
+            var result = (0, react_1.renderHook)(function () {
+                return (0, useMutableState_1.useMutableState)({ name: 'John' });
+            }).result;
+            (0, react_1.act)(function () {
+                var _a = result.current, setPartialValue = _a[2];
+                setPartialValue({ age: 30 });
+            });
+            (0, vitest_1.expect)(result.current[0]).toEqual({ name: 'John', age: 30 });
+        });
+        (0, vitest_1.it)('should handle multiple consecutive updates', function () {
+            var result = (0, react_1.renderHook)(function () {
+                return (0, useMutableState_1.useMutableState)({ count: 0, value: 10 });
+            }).result;
+            (0, react_1.act)(function () {
+                var _a = result.current, setPartialValue = _a[2];
+                setPartialValue({ count: 1 });
+                setPartialValue({ value: 20 });
+                setPartialValue({ count: 2 });
+            });
+            (0, vitest_1.expect)(result.current[0]).toEqual({ count: 2, value: 20 });
+        });
+        (0, vitest_1.it)('should handle empty partial object', function () {
+            var result = (0, react_1.renderHook)(function () {
+                return (0, useMutableState_1.useMutableState)({ name: 'John', age: 30 });
+            }).result;
+            (0, react_1.act)(function () {
+                var _a = result.current, setPartialValue = _a[2];
+                setPartialValue({});
+            });
+            (0, vitest_1.expect)(result.current[0]).toEqual({ name: 'John', age: 30 });
+        });
+        (0, vitest_1.it)('should preserve arrays correctly', function () {
+            var result = (0, react_1.renderHook)(function () {
+                return (0, useMutableState_1.useMutableState)({ items: [1, 2, 3], count: 0 });
+            }).result;
+            (0, react_1.act)(function () {
+                var _a = result.current, setPartialValue = _a[2];
+                setPartialValue({ count: 5 });
+            });
+            (0, vitest_1.expect)(result.current[0]).toEqual({ items: [1, 2, 3], count: 5 });
+        });
+        (0, vitest_1.it)('should update arrays when provided', function () {
+            var result = (0, react_1.renderHook)(function () {
+                return (0, useMutableState_1.useMutableState)({ items: [1, 2, 3], count: 0 });
+            }).result;
+            (0, react_1.act)(function () {
+                var _a = result.current, setPartialValue = _a[2];
+                setPartialValue({ items: [4, 5, 6] });
+            });
+            (0, vitest_1.expect)(result.current[0]).toEqual({ items: [4, 5, 6], count: 0 });
+        });
+    });
+    (0, vitest_1.describe)('referential stability', function () {
+        (0, vitest_1.it)('should maintain stable setPartialValue reference', function () {
+            var _a = (0, react_1.renderHook)(function () {
+                return (0, useMutableState_1.useMutableState)({ count: 0 });
+            }), result = _a.result, rerender = _a.rerender;
+            var _b = result.current, firstSetPartial = _b[2];
+            (0, react_1.act)(function () {
+                var _a = result.current, setValue = _a[1];
+                setValue({ count: 1 });
+            });
+            rerender();
+            var _c = result.current, secondSetPartial = _c[2];
+            (0, vitest_1.expect)(firstSetPartial).toBe(secondSetPartial);
+        });
+        (0, vitest_1.it)('should trigger new reference when state changes', function () {
+            var _a = (0, react_1.renderHook)(function () {
+                return (0, useMutableState_1.useMutableState)({ count: 0 });
+            }), result = _a.result, rerender = _a.rerender;
+            var firstState = result.current[0];
+            (0, react_1.act)(function () {
+                var _a = result.current, setPartialValue = _a[2];
+                setPartialValue({ count: 1 });
+            });
+            rerender();
+            var secondState = result.current[0];
+            (0, vitest_1.expect)(firstState).not.toBe(secondState);
+        });
+    });
+    (0, vitest_1.describe)('complex types', function () {
+        (0, vitest_1.it)('should handle complex nested types', function () {
+            var initialState = {
+                id: 1,
+                user: {
+                    name: 'John',
+                    email: 'john@example.com',
+                    preferences: {
+                        notifications: true,
+                        theme: 'dark',
+                    },
+                },
+                items: ['item1', 'item2'],
+            };
+            var result = (0, react_1.renderHook)(function () { return (0, useMutableState_1.useMutableState)(initialState); }).result;
+            (0, react_1.act)(function () {
+                var _a = result.current, setPartialValue = _a[2];
+                setPartialValue({
+                    user: {
+                        preferences: {
+                            theme: 'light',
+                        },
+                    },
+                    metadata: { lastUpdated: Date.now() },
+                });
+            });
+            var state = result.current[0];
+            (0, vitest_1.expect)(state.user.name).toBe('John');
+            (0, vitest_1.expect)(state.user.email).toBe('john@example.com');
+            (0, vitest_1.expect)(state.user.preferences.notifications).toBe(true);
+            (0, vitest_1.expect)(state.user.preferences.theme).toBe('light');
+            (0, vitest_1.expect)(state.metadata).toBeDefined();
+            (0, vitest_1.expect)(state.items).toEqual(['item1', 'item2']);
+        });
+    });
+    (0, vitest_1.describe)('edge cases', function () {
+        (0, vitest_1.it)('should handle null values', function () {
+            var result = (0, react_1.renderHook)(function () {
+                return (0, useMutableState_1.useMutableState)({ value: 'test' });
+            }).result;
+            (0, react_1.act)(function () {
+                var _a = result.current, setPartialValue = _a[2];
+                setPartialValue({ value: null });
+            });
+            (0, vitest_1.expect)(result.current[0]).toEqual({ value: null });
+        });
+        (0, vitest_1.it)('should handle undefined values', function () {
+            var result = (0, react_1.renderHook)(function () {
+                return (0, useMutableState_1.useMutableState)({ value: 'test' });
+            }).result;
+            (0, react_1.act)(function () {
+                var _a = result.current, setPartialValue = _a[2];
+                setPartialValue({ value: undefined });
+            });
+            // defaultsDeep doesn't override with undefined, so original value remains
+            (0, vitest_1.expect)(result.current[0].value).toBe('test');
+        });
+        (0, vitest_1.it)('should handle state with boolean false', function () {
+            var result = (0, react_1.renderHook)(function () {
+                return (0, useMutableState_1.useMutableState)({ isActive: true, isEnabled: true });
+            }).result;
+            (0, react_1.act)(function () {
+                var _a = result.current, setPartialValue = _a[2];
+                setPartialValue({ isActive: false });
+            });
+            (0, vitest_1.expect)(result.current[0]).toEqual({ isActive: false, isEnabled: true });
+        });
+        (0, vitest_1.it)('should handle state with number zero', function () {
+            var result = (0, react_1.renderHook)(function () {
+                return (0, useMutableState_1.useMutableState)({ count: 10, total: 100 });
+            }).result;
+            (0, react_1.act)(function () {
+                var _a = result.current, setPartialValue = _a[2];
+                setPartialValue({ count: 0 });
+            });
+            (0, vitest_1.expect)(result.current[0]).toEqual({ count: 0, total: 100 });
+        });
+        (0, vitest_1.it)('should handle state with empty string', function () {
+            var result = (0, react_1.renderHook)(function () {
+                return (0, useMutableState_1.useMutableState)({ name: 'John', description: 'Test' });
+            }).result;
+            (0, react_1.act)(function () {
+                var _a = result.current, setPartialValue = _a[2];
+                setPartialValue({ name: '' });
+            });
+            (0, vitest_1.expect)(result.current[0]).toEqual({ name: '', description: 'Test' });
+        });
+    });
+});

package/dist/index.d.ts

@@ -15,6 +15,7 @@ export * from './components/data/SqlRequestForeignList';
 export * from './components/data/VirtualScroller';
 export * from './components/data/VirtualScroller/types';
 export * from './components/forms/AutoTextArea';
+export * from './components/forms/BillitIdentifier';
 export * from './components/forms/Button';
 export * from './components/forms/Select';
 export * from './components/forms/IconButton';

package/dist/index.js

@@ -31,6 +31,7 @@ __exportStar(require("./components/data/SqlRequestForeignList"), exports);
 __exportStar(require("./components/data/VirtualScroller"), exports);
 __exportStar(require("./components/data/VirtualScroller/types"), exports);
 __exportStar(require("./components/forms/AutoTextArea"), exports);
+__exportStar(require("./components/forms/BillitIdentifier"), exports);
 __exportStar(require("./components/forms/Button"), exports);
 __exportStar(require("./components/forms/Select"), exports);
 __exportStar(require("./components/forms/IconButton"), exports);

package/dist/providers/ThemeProvider/defaultTheme.js

@@ -365,6 +365,7 @@ exports.defaultTheme = {
         sans: "'Montserrat', Helvetica, Arial, Verdana, sans-serif",
         serif: "Georgia, Cambria, 'Times New Roman', Times, serif",
         mono: "Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
+        input: "'Montserrat', Helvetica, Arial, Verdana, sans-serif",
     },
     weights: {
         light: '200',

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

@@ -3,7 +3,7 @@ import { DeepPartial } from '../../types';
 export declare const extendTheme: (base: Theme, override?: DeepPartial<Theme>) => Theme;
 export declare const extendDefaultTheme: (override?: DeepPartial<Theme>) => Theme;
 export declare const extendDefaultDarkTheme: (override?: DeepPartial<Theme>) => Theme;
-export declare const getColor: (colorWithIntensity: ThemeColorWithIntensity) => ThemeColor;
+export declare const getColor: (colorWithIntensity: ThemeColor | ThemeColorWithIntensity) => ThemeColor;
 export declare const getIntensity: (colorWithIntensity: ThemeColorWithIntensity) => ThemeColorIntensity;
 export declare const isThemeColorWithIntensity: (color: ThemeColor | ThemeColorWithIntensity) => color is ThemeColorWithIntensity;
 export declare const getColorWithIntensity: (color: ThemeColor | ThemeColorWithIntensity, defaultIntensity?: ThemeColorIntensity) => ThemeColorWithIntensity;

package/dist/providers/ThemeProvider/index.js

@@ -35,7 +35,7 @@ var getThemeColorsCss = function (colors, darkMode) {
     })
         .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) {
+exports.ThemeProvider = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: contents;\n  ", "\n\n  font-family: var(--font-sans);\n  font-size: var(--text-base);\n  font-weight: var(--weight-normal);\n  color: var(--color-text-800);\n  background-color: var(--color-base-0);\n\n  a,\n  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  font-family: var(--font-sans);\n  font-size: var(--text-base);\n  font-weight: var(--weight-normal);\n  color: var(--color-text-800);\n  background-color: var(--color-base-0);\n\n  a,\n  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;

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

@@ -7,7 +7,7 @@ export type ThemeColor = ThemeRawColor | ThemePredefinedColor;
 export type ThemeColorReference = ThemeColor | ThemeColorDefinition;
 export type ThemeColorWithIntensity = `${ThemeColor}-${ThemeColorIntensity}`;
 export type ThemeTextSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
-export type ThemeFontFamily = 'sans' | 'serif' | 'mono';
+export type ThemeFontFamily = 'sans' | 'serif' | 'mono' | 'input';
 export type ThemeFontWeight = 'light' | 'normal' | 'bold';
 export type ThemeSpace = '0' | '0_5' | '1' | '1_5' | '2' | '3' | '4' | '5' | '6' | '8' | '10' | '12' | '14' | '16' | '20' | '24' | '32' | '40' | '48' | '56' | '64' | '72' | '80' | '96' | '128';
 export type ThemeSpaceWithNegative = ThemeSpace | `-${ThemeSpace}`;

package/dist/services/index.js

@@ -18,13 +18,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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 __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SmartQueries = void 0;
 __exportStar(require("./WebSocketService"), exports);

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

@@ -0,0 +1,4 @@
+export declare const useGetUserPermissionRequestHandler: () => (data: GetUserPermissionRequestDTO) => Promise<GetUserPermissionResponseDTO>;
+export declare const useGetAllUserPermissionsRequestHandler: () => (data: GetAllUserPermissionsRequestDTO) => Promise<GetAllUserPermissionsResponseDTO>;
+export declare const useSaveUserPermissionRequestHandler: () => (data: SaveUserPermissionRequestDTO) => Promise<SaveUserPermissionResponseDTO>;
+export declare const useDeleteUserPermissionRequestHandler: () => (data: DeleteUserPermissionRequestDTO) => Promise<DeleteUserPermissionResponseDTO>;

package/dist/services/requests/userPermissions.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeleteUserPermissionRequestHandler = exports.useSaveUserPermissionRequestHandler = exports.useGetAllUserPermissionsRequestHandler = exports.useGetUserPermissionRequestHandler = void 0;
+var hooks_1 = require("../hooks");
+var useGetUserPermissionRequestHandler = function () {
+    return (0, hooks_1.useLoadingRequestHandler)('GetUserPermission');
+};
+exports.useGetUserPermissionRequestHandler = useGetUserPermissionRequestHandler;
+var useGetAllUserPermissionsRequestHandler = function () {
+    return (0, hooks_1.useLoadingRequestHandler)('GetAllUserPermissions');
+};
+exports.useGetAllUserPermissionsRequestHandler = useGetAllUserPermissionsRequestHandler;
+var useSaveUserPermissionRequestHandler = function () {
+    return (0, hooks_1.useLoadingRequestHandler)('SaveUserPermission');
+};
+exports.useSaveUserPermissionRequestHandler = useSaveUserPermissionRequestHandler;
+var useDeleteUserPermissionRequestHandler = function () {
+    return (0, hooks_1.useLoadingRequestHandler)('DeleteUserPermission');
+};
+exports.useDeleteUserPermissionRequestHandler = useDeleteUserPermissionRequestHandler;

package/dist/services/sqlRequests.d.ts

@@ -9,7 +9,7 @@ export type FieldDTO<T extends string = string> = {
 };
 export type ConditionDTO = {
     field: string;
-    operator: 'lessThan' | 'lessThanOrEqual' | 'lessThanOrEquals' | 'equals' | 'notEquals' | 'greaterThanOrEqual' | 'greaterThanOrEquals' | 'greaterThan' | 'like' | 'contains' | 'notContains' | 'startsWith' | 'endsWith' | 'notLike' | 'inRange' | 'between' | 'isNull' | 'isNotNull' | 'inArray' | 'in' | 'not' | 'and' | 'or';
+    operator: 'isLessThan' | 'isLessThanOrEqual' | 'isLessThanOrEquals' | 'lessThan' | 'lessThanOrEqual' | 'lessThanOrEquals' | 'equals' | 'notEquals' | 'isGreaterThanOrEqual' | 'isGreaterThanOrEquals' | 'isGreaterThan' | 'greaterThanOrEqual' | 'greaterThanOrEquals' | 'greaterThan' | 'like' | 'contains' | 'notContains' | 'startsWith' | 'endsWith' | 'notLike' | 'inRange' | 'between' | 'isNull' | 'isNotNull' | 'inArray' | 'in' | 'not' | 'and' | 'or';
     value?: string | number | boolean | null | (string | number | boolean | null)[];
     children?: ConditionDTO[];
     type?: SqlRequestGridColumn<unknown>['type'];

package/eslint.config.js

@@ -1,3 +1,3 @@
-import { eslintReactConfig } from '@addev-be/framework-utils/eslint/react.config.mjs';
-
-export default [...eslintReactConfig, { ignores: ['dist'] }];
+import { eslintReactConfig } from '@addev-be/framework-utils/eslint/react.config.mjs';
+
+export default [...eslintReactConfig, { ignores: ['dist'] }];

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@addev-be/ui",
-  "version": "2.5.17",
+  "version": "2.6.0",
   "type": "module",
   "scripts": {
     "watch": "tsc -b --watch",
     "build": "tsc -b",
     "lint": "eslint .",
-    "publish": "yarn npm publish"
+    "publish": "yarn npm publish",
+    "test": "vitest"
   },
   "types": "src/index.ts",
   "exports": {
@@ -20,7 +21,11 @@
     "update-version": "../../node/update-version.mjs"
   },
   "devDependencies": {
-    "@addev-be/framework-utils": "^2.5.17",
+    "@addev-be/framework-utils": "^2.6.0",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/react-hooks": "^8.0.1",
+    "@types/jsdom": "^27",
     "@types/lodash": "^4.17.20",
     "@types/react": "^19.1.13",
     "@types/react-dom": "^19.1.9",
@@ -28,7 +33,9 @@
     "@vitejs/plugin-react-swc": "^4.1.0",
     "eslint": "^9.36.0",
     "globals": "^16.4.0",
-    "typescript": "^5.9.2"
+    "jsdom": "^27.3.0",
+    "typescript": "^5.9.2",
+    "vitest": "^4.0.15"
   },
   "peerDependencies": {
     "react": "^18.3.1",