@addev-be/ui 2.4.3 → 2.4.5

package/assets/icons/table.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M48 264V160H232V264H48zm0 48H232V432H64c-8.8 0-16-7.2-16-16V312zM280 432V312H464V416c0 8.8-7.2 16-16 16H280zM464 264H280V160H464V264zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M48 264V160H232V264H48zm0 48H232V432H64c-8.8 0-16-7.2-16-16V312zM280 432V312H464V416c0 8.8-7.2 16-16 16H280zM464 264H280V160H464V264zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z"/></svg>

package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.d.ts

@@ -0,0 +1,14 @@
+import { AdvancedRequestDTO, ConditionDTO, FieldDTO, OrderByDTO } from '../../../../services/advancedRequests';
+import { AdvancedRequestDataGridColumns, AdvancedRequestDataGridFilters } from '../types';
+export declare const getAdvancedRequestDto: <R>({ type, columns, conditions, orderBy, start, length, getTotal, idField, }: {
+    type: string;
+    columns: AdvancedRequestDataGridColumns<R>;
+    conditions?: ConditionDTO[];
+    orderBy?: OrderByDTO[];
+    start?: number;
+    length?: number;
+    getTotal?: boolean;
+    idField?: FieldDTO | null;
+}) => AdvancedRequestDTO;
+export declare const convertFiltersToConditions: <R>(filters: AdvancedRequestDataGridFilters, columns: AdvancedRequestDataGridColumns<R>) => Record<string, ConditionDTO>;
+export declare const parseJsonObjectFields: <R>(rows: any[], columns: AdvancedRequestDataGridColumns<R>, parser?: (row: any) => R) => R[];

package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.js

@@ -0,0 +1,76 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseJsonObjectFields = exports.convertFiltersToConditions = exports.getAdvancedRequestDto = void 0;
+var lodash_1 = __importDefault(require("lodash"));
+var getAdvancedRequestDto = function (_a) {
+    var type = _a.type, columns = _a.columns, _b = _a.conditions, conditions = _b === void 0 ? [] : _b, _c = _a.orderBy, orderBy = _c === void 0 ? [] : _c, _d = _a.start, start = _d === void 0 ? 0 : _d, _e = _a.length, length = _e === void 0 ? 100 : _e, _f = _a.getTotal, getTotal = _f === void 0 ? false : _f, _g = _a.idField, idField = _g === void 0 ? { fieldName: 'Id' } : _g;
+    return ({
+        fields: __spreadArray(__spreadArray([], (idField === null ? [] : [idField]), true), Object.keys(columns).map(function (key) {
+            var _a, _b;
+            return columns[key].field
+                ? __assign(__assign({}, columns[key].field), { fieldName: (_b = (_a = columns[key].field) === null || _a === void 0 ? void 0 : _a.fieldName) !== null && _b !== void 0 ? _b : key, fieldAlias: key }) : {
+                fieldName: key,
+                fieldAlias: key,
+            };
+        }), true),
+        conditions: conditions,
+        orderBy: orderBy,
+        type: type,
+        start: start,
+        length: length,
+        getTotal: getTotal,
+    });
+};
+exports.getAdvancedRequestDto = getAdvancedRequestDto;
+var convertFiltersToConditions = function (filters, columns) {
+    return lodash_1.default.mapValues(filters, function (filter, columnKey) {
+        var _a, _b, _c, _d, _e;
+        return ({
+            field: (_e = (_c = (_a = columns[columnKey].filterField) !== null && _a !== void 0 ? _a : (_b = columns[columnKey].field) === null || _b === void 0 ? void 0 : _b.fieldAlias) !== null && _c !== void 0 ? _c : (_d = columns[columnKey].field) === null || _d === void 0 ? void 0 : _d.fieldName) !== null && _e !== void 0 ? _e : columnKey,
+            operator: filter.operator,
+            value: ['inArray', 'inRange'].includes(filter.operator)
+                ? filter.values
+                : lodash_1.default.castArray(filter.values)[0],
+        });
+    });
+};
+exports.convertFiltersToConditions = convertFiltersToConditions;
+var parseJsonObjectFields = function (rows, columns, parser) {
+    var jsonColumns = Object.keys(columns).filter(function (key) { var _a; return ((_a = columns[key].field) === null || _a === void 0 ? void 0 : _a.operator) === 'jsonObject'; });
+    var parsedRows = jsonColumns.length === 0
+        ? rows
+        : rows.map(function (row) {
+            var parsedRow = __assign({}, row);
+            jsonColumns.forEach(function (key) {
+                var _a;
+                parsedRow[key] = JSON.parse((_a = parsedRow[key]) !== null && _a !== void 0 ? _a : '{}');
+            });
+            return parsedRow;
+        });
+    return parser ? parsedRows.map(parser) : parsedRows;
+};
+exports.parseJsonObjectFields = parseJsonObjectFields;

package/dist/components/data/AdvancedRequestDataGrid/helpers/columns.d.ts

@@ -0,0 +1,22 @@
+import { AdvancedRequestDataGridColumn, AdvancedRequestDataGridColumns } from '../types';
+import { FieldDTO } from '../../../../services/advancedRequests';
+export declare const withGroupBy: <R extends Record<string, any>>(columns: AdvancedRequestDataGridColumns<R>) => AdvancedRequestDataGridColumns<R>;
+export declare const advancedTextColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
+/**
+ * Creates a column with a composed value from multiple fields,
+ * and filtered by a text filter on the first field
+ */
+export declare const advancedComposedColumn: <R extends Record<string, any>>(key: string, title: string, fields: string[], options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
+export declare const advancedMailColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
+export declare const advancedPhoneColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
+export declare const advancedDateColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
+export declare const advancedMonthColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
+export declare const advancedNumberColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
+export declare const advancedMoneyColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
+export declare const advancedPercentageColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
+export declare const advancedCheckboxColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
+export declare const advancedColorColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
+export declare const getColumnField: <R>(columns: AdvancedRequestDataGridColumns<R>, columnKey: string) => FieldDTO;
+export declare const getColumnSortField: <R>(columns: AdvancedRequestDataGridColumns<R>, columnKey: string) => FieldDTO;
+export declare const getFirstColumnField: <R>(columns: AdvancedRequestDataGridColumns<R>) => FieldDTO;
+export declare const getFirstColumnSortField: <R>(columns: AdvancedRequestDataGridColumns<R>) => FieldDTO;

package/dist/components/data/AdvancedRequestDataGrid/helpers/columns.js

@@ -0,0 +1,156 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFirstColumnSortField = exports.getFirstColumnField = exports.getColumnSortField = exports.getColumnField = exports.advancedColorColumn = exports.advancedCheckboxColumn = exports.advancedPercentageColumn = exports.advancedMoneyColumn = exports.advancedNumberColumn = exports.advancedMonthColumn = exports.advancedDateColumn = exports.advancedPhoneColumn = exports.advancedMailColumn = exports.advancedComposedColumn = exports.advancedTextColumn = exports.withGroupBy = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var numbers_1 = require("../../../../helpers/numbers");
+var helpers_1 = require("../../DataGrid/helpers");
+var lodash_1 = __importDefault(require("lodash"));
+var moment_1 = __importDefault(require("moment"));
+var withGroupBy = function (columns) {
+    return lodash_1.default.mapValues(columns, function (column, key) {
+        var _a;
+        return (__assign(__assign({}, column), { field: __assign(__assign({}, ((_a = column.field) !== null && _a !== void 0 ? _a : { fieldName: key })), { groupBy: true }) }));
+    });
+};
+exports.withGroupBy = withGroupBy;
+var advancedTextColumn = function (key, title, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign({ name: title, render: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.textFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : ''; } }) }, options),
+        _a);
+};
+exports.advancedTextColumn = advancedTextColumn;
+/**
+ * Creates a column with a composed value from multiple fields,
+ * and filtered by a text filter on the first field
+ */
+var advancedComposedColumn = function (key, title, fields, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign({ field: {
+                fieldAlias: key,
+                operator: 'jsonObject',
+                operands: fields.flatMap(function (field) { return [
+                    { constantValue: field },
+                    { fieldName: field },
+                ]; }),
+            }, name: title, render: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.textFilter)(fields[0])), { getter: function (value) { var _a; return (_a = value[fields[0]]) !== null && _a !== void 0 ? _a : 0; } }), filterField: fields[0], sortField: fields[0] }, options),
+        _a);
+};
+exports.advancedComposedColumn = advancedComposedColumn;
+var advancedMailColumn = function (key, title, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign({ name: title, render: function (row) { var _a; return (0, jsx_runtime_1.jsx)("a", { href: "mailto:".concat(row[key]), children: (_a = row[key]) !== null && _a !== void 0 ? _a : '' }); }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.textFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : ''; } }) }, options),
+        _a);
+};
+exports.advancedMailColumn = advancedMailColumn;
+var advancedPhoneColumn = function (key, title, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign({ name: title, render: function (row) { var _a; return (0, jsx_runtime_1.jsx)("a", { href: "tel:".concat(row[key]), children: (_a = row[key]) !== null && _a !== void 0 ? _a : '' }); }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.textFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : ''; } }) }, options),
+        _a);
+};
+exports.advancedPhoneColumn = advancedPhoneColumn;
+var advancedDateColumn = function (key, title, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign({ name: title, render: function (row) { var _a; return (_a = (0, moment_1.default)(row[key]).format('DD/MM/YYYY')) !== null && _a !== void 0 ? _a : ''; }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.textFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : ''; } }) }, options),
+        _a);
+};
+exports.advancedDateColumn = advancedDateColumn;
+var advancedMonthColumn = function (key, title, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign({ name: title, render: function (row) { return (row[key] ? "".concat(row[key], " mois ") : ''); }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.textFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : ''; } }) }, options),
+        _a);
+};
+exports.advancedMonthColumn = advancedMonthColumn;
+var advancedNumberColumn = function (key, title, decimals, options) {
+    var _a;
+    if (decimals === void 0) { decimals = 2; }
+    return (_a = {},
+        _a[key] = __assign({ name: title, render: function (row) { var _a; return (_a = (0, numbers_1.formatNumber)(row[key], decimals)) !== null && _a !== void 0 ? _a : ''; }, excelFormatter: function () { return '#'; }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.numberFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : 0; } }) }, options),
+        _a);
+};
+exports.advancedNumberColumn = advancedNumberColumn;
+var advancedMoneyColumn = function (key, title, decimals, options) {
+    var _a;
+    if (decimals === void 0) { decimals = 2; }
+    return (_a = {},
+        _a[key] = __assign({ name: title, render: function (row) { var _a; return (_a = (0, numbers_1.formatMoney)(row[key], decimals)) !== null && _a !== void 0 ? _a : ''; }, excelFormatter: function () { return '#0.00'; }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.numberFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : 0; } }) }, options),
+        _a);
+};
+exports.advancedMoneyColumn = advancedMoneyColumn;
+var advancedPercentageColumn = function (key, title, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign({ name: title, render: function (row) { var _a; return (_a = (0, numbers_1.formatPercentage)(row[key])) !== null && _a !== void 0 ? _a : ''; }, excelFormatter: function () { return '#0.00'; }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.numberFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : 0; } }) }, options),
+        _a);
+};
+exports.advancedPercentageColumn = advancedPercentageColumn;
+var advancedCheckboxColumn = function (key, title, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign({ name: title, render: function (row) { return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: row[key], readOnly: true }), (0, jsx_runtime_1.jsx)("span", { children: row[key] ? ' Oui' : ' Non' })] })); }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.numberFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : 0; } }) }, options),
+        _a);
+};
+exports.advancedCheckboxColumn = advancedCheckboxColumn;
+var advancedColorColumn = function (key, title, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign({ name: title, render: function (row) {
+                var _a;
+                return ((0, jsx_runtime_1.jsx)("div", { style: { backgroundColor: row[key] }, children: (_a = row[key]) !== null && _a !== void 0 ? _a : '' }));
+            }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.textFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : ''; } }) }, options),
+        _a);
+};
+exports.advancedColorColumn = advancedColorColumn;
+var getColumnField = function (columns, columnKey) {
+    var _a, _b;
+    return columns[columnKey].field
+        ? {
+            fieldName: (_b = (_a = columns[columnKey].field) === null || _a === void 0 ? void 0 : _a.fieldName) !== null && _b !== void 0 ? _b : columnKey,
+            fieldAlias: columnKey,
+        }
+        : {
+            fieldName: columnKey,
+            fieldAlias: columnKey,
+        };
+};
+exports.getColumnField = getColumnField;
+var getColumnSortField = function (columns, columnKey) {
+    var _a;
+    return columns[columnKey].sortField
+        ? {
+            fieldName: (_a = columns[columnKey].sortField) !== null && _a !== void 0 ? _a : columnKey,
+            fieldAlias: columnKey,
+        }
+        : {
+            fieldName: columnKey,
+            fieldAlias: columnKey,
+        };
+};
+exports.getColumnSortField = getColumnSortField;
+var getFirstColumnField = function (columns) {
+    return (0, exports.getColumnField)(columns, Object.keys(columns)[0]);
+};
+exports.getFirstColumnField = getFirstColumnField;
+var getFirstColumnSortField = function (columns) {
+    return (0, exports.getColumnSortField)(columns, Object.keys(columns)[0]);
+};
+exports.getFirstColumnSortField = getFirstColumnSortField;

package/dist/components/data/AdvancedRequestDataGrid/helpers/index.d.ts

@@ -0,0 +1,2 @@
+export * from './advancedRequests';
+export * from './columns';

package/dist/components/data/AdvancedRequestDataGrid/helpers/index.js

@@ -0,0 +1,18 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./advancedRequests"), exports);
+__exportStar(require("./columns"), exports);

package/dist/components/data/AdvancedRequestDataGrid/index.d.ts

@@ -0,0 +1,2 @@
+import { AdvancedRequestDataGridProps } from './types';
+export declare const AdvancedRequestDataGrid: <R>({ onSelectionChange: onSelectionChangeFromProps, idField, ...props }: AdvancedRequestDataGridProps<R>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data/AdvancedRequestDataGrid/index.js

@@ -0,0 +1,215 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdvancedRequestDataGrid = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var advancedRequests_1 = require("../../../services/advancedRequests");
+var lodash_1 = __importStar(require("lodash"));
+var helpers_1 = require("./helpers");
+var react_1 = require("react");
+var DataGrid_1 = require("../DataGrid");
+var AdvancedRequestDataGrid = function (_a) {
+    var onSelectionChangeFromProps = _a.onSelectionChange, idField = _a.idField, props = __rest(_a, ["onSelectionChange", "idField"]);
+    var currentRows = (0, react_1.useRef)([]);
+    var _b = (0, react_1.useState)([]), rows = _b[0], setRows = _b[1];
+    var _c = (0, react_1.useState)(0), start = _c[0], setStart = _c[1];
+    var _d = (0, react_1.useState)(50), length = _d[0], setLength = _d[1];
+    var _e = (0, react_1.useState)(-1), total = _e[0], setTotal = _e[1];
+    var advancedRequest = (0, advancedRequests_1.useAdvancedRequestHandler)();
+    var idAdvancedRequest = (0, advancedRequests_1.useAdvancedRequestHandler)();
+    var _f = (0, react_1.useState)({}), conditions = _f[0], setConditions = _f[1];
+    var _g = (0, react_1.useState)([]), orderBy = _g[0], setOrderBy = _g[1];
+    var refresh = (0, react_1.useCallback)(function () {
+        setRows([]);
+        setStart(0);
+        setLength(50);
+        setTotal(-1);
+    }, []);
+    var onFiltersChanged = (0, react_1.useCallback)(function (filters) {
+        var newConditions = (0, helpers_1.convertFiltersToConditions)(filters, props.columns);
+        setTotal(-1);
+        setConditions(newConditions);
+    }, [props.columns]);
+    var onSortsChanged = (0, react_1.useCallback)(function (sorts) {
+        refresh();
+        setOrderBy(Object.entries(sorts).map(function (_a) {
+            var columnKey = _a[0], direction = _a[1];
+            return ({
+                field: (0, helpers_1.getColumnSortField)(props.columns, columnKey),
+                direction: direction.toUpperCase(),
+            });
+        }));
+    }, [props.columns, refresh]);
+    var loadRows = (0, react_1.useRef)((0, lodash_1.debounce)(function (columns, conditions, orderBy, start, length, idField, getTotal) {
+        if (getTotal === void 0) { getTotal = false; }
+        advancedRequest((0, helpers_1.getAdvancedRequestDto)({
+            type: props.type,
+            columns: columns,
+            conditions: conditions,
+            orderBy: orderBy,
+            start: start,
+            length: length,
+            getTotal: getTotal,
+            idField: idField,
+        })).then(function (response) {
+            var _a;
+            var _b;
+            if (getTotal) {
+                currentRows.current = Array(response.count).fill(null);
+                if (getTotal)
+                    setTotal((_b = response.count) !== null && _b !== void 0 ? _b : 0);
+            }
+            var parsedRows = (0, helpers_1.parseJsonObjectFields)(response.data, columns, props.parser);
+            (_a = currentRows.current).splice.apply(_a, __spreadArray([start, length], parsedRows, false));
+            setRows(__spreadArray([], currentRows.current, true));
+        });
+    }, 100));
+    var loadFilterValues = (0, react_1.useCallback)(function (columnKey) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        return advancedRequest({
+            fields: [
+                (_a = props.columns[columnKey].field) !== null && _a !== void 0 ? _a : {
+                    fieldName: columnKey,
+                },
+            ],
+            conditions: __spreadArray(__spreadArray([], ((_b = props.conditions) !== null && _b !== void 0 ? _b : []), true), Object.values(lodash_1.default.pickBy(conditions, function (_, key) { return key !== columnKey; })), true).filter(function (condition) { return condition.field !== columnKey; }),
+            orderBy: [
+                {
+                    field: (_g = (_e = (_c = props.columns[columnKey].filterField) !== null && _c !== void 0 ? _c : (_d = props.columns[columnKey].field) === null || _d === void 0 ? void 0 : _d.fieldAlias) !== null && _e !== void 0 ? _e : (_f = props.columns[columnKey].field) === null || _f === void 0 ? void 0 : _f.fieldName) !== null && _g !== void 0 ? _g : columnKey,
+                    direction: 'ASC',
+                },
+            ],
+            type: props.type,
+            getTotal: false,
+            unique: true,
+        }).then(function (response) {
+            return response.data.map(function (row) { var _a, _b, _c; return (_c = (_b = (_a = props.columns[columnKey].filter) === null || _a === void 0 ? void 0 : _a.getter) === null || _b === void 0 ? void 0 : _b.call(_a, row)) !== null && _c !== void 0 ? _c : null; });
+        });
+    }, [advancedRequest, conditions, props.columns, props.conditions, props.type]);
+    (0, react_1.useEffect)(function () {
+        var _a, _b;
+        return loadRows.current(props.columns, __spreadArray(__spreadArray([], ((_a = props.conditions) !== null && _a !== void 0 ? _a : []), true), ((_b = Object.values(conditions)) !== null && _b !== void 0 ? _b : []), true), orderBy, start, length, idField, total < 0);
+    }, [
+        props.columns,
+        conditions,
+        orderBy,
+        start,
+        length,
+        total,
+        props.conditions,
+        idField,
+    ]);
+    var loadCopyRows = (0, react_1.useCallback)(function () {
+        var _a, _b;
+        return advancedRequest((0, helpers_1.getAdvancedRequestDto)({
+            type: props.type,
+            columns: props.columns,
+            conditions: __spreadArray(__spreadArray([], ((_a = props.conditions) !== null && _a !== void 0 ? _a : []), true), ((_b = Object.values(conditions)) !== null && _b !== void 0 ? _b : []), true),
+            orderBy: orderBy,
+            start: 0,
+            length: total,
+            idField: idField,
+        })).then(function (response) {
+            return (0, helpers_1.parseJsonObjectFields)(response.data, props.columns, props.parser);
+        });
+    }, [
+        advancedRequest,
+        conditions,
+        idField,
+        orderBy,
+        props.columns,
+        props.conditions,
+        props.parser,
+        props.type,
+        total,
+    ]);
+    var loadAllIds = (0, react_1.useCallback)(function () {
+        var _a, _b;
+        return idAdvancedRequest((0, helpers_1.getAdvancedRequestDto)({
+            type: props.type,
+            columns: {
+                Id: {
+                    name: 'Id',
+                    field: idField !== null && idField !== void 0 ? idField : { fieldName: 'Id' },
+                },
+            },
+            conditions: __spreadArray(__spreadArray([], ((_a = props.conditions) !== null && _a !== void 0 ? _a : []), true), ((_b = Object.values(conditions)) !== null && _b !== void 0 ? _b : []), true),
+            orderBy: orderBy,
+            start: 0,
+            length: total,
+            idField: null,
+        })).then(function (response) { return response.data.map(function (row) { return row['Id']; }); });
+    }, [
+        conditions,
+        idAdvancedRequest,
+        idField,
+        orderBy,
+        props.conditions,
+        props.type,
+        total,
+    ]);
+    var onVisibleRowsChanged = (0, react_1.useCallback)(function (newStart, newLength) {
+        if (newStart !== start || newLength !== length) {
+            setStart(newStart);
+            setLength(newLength);
+        }
+    }, [length, start]);
+    var onSelectionChange = (0, react_1.useCallback)(function (selectedKeys) {
+        onSelectionChangeFromProps === null || onSelectionChangeFromProps === void 0 ? void 0 : onSelectionChangeFromProps(selectedKeys);
+    }, [onSelectionChangeFromProps]);
+    return ((0, jsx_runtime_1.jsx)(DataGrid_1.DataGrid, __assign({ onVisibleRowsChange: onVisibleRowsChanged, filter: false, sort: false, onFiltersChanged: onFiltersChanged, onSortsChanged: onSortsChanged, filterValuesLoader: loadFilterValues, rows: rows, loadCopyRows: loadCopyRows, refresh: refresh, onSelectionChange: onSelectionChange, getAllIds: loadAllIds }, props)));
+};
+exports.AdvancedRequestDataGrid = AdvancedRequestDataGrid;

package/dist/components/data/AdvancedRequestDataGrid/types.d.ts

@@ -0,0 +1,21 @@
+import { AdvancedRequestRow, ConditionDTO, FieldDTO, OrderByDTO } from '../../../services/advancedRequests';
+import { DataGridColumn, DataGridFilter, DataGridFilterType, DataGridProps } from '../DataGrid/types';
+export type AdvancedRequestDataGridFilter<T extends DataGridFilterType = DataGridFilterType> = DataGridFilter<T> & {
+    field?: FieldDTO;
+};
+export type AdvancedRequestDataGridFilters = Record<string, AdvancedRequestDataGridFilter>;
+export type AdvancedRequestDataGridColumn<R> = DataGridColumn<R> & {
+    filter?: AdvancedRequestDataGridFilter;
+    field?: FieldDTO;
+    filterField?: string;
+    sortField?: string;
+};
+export type AdvancedRequestDataGridColumns<R> = Record<string, AdvancedRequestDataGridColumn<R>>;
+export type AdvancedRequestDataGridProps<R> = Omit<DataGridProps<R>, 'rows' | 'columns'> & {
+    columns: AdvancedRequestDataGridColumns<R>;
+    type: string;
+    orderBy?: OrderByDTO[];
+    conditions?: ConditionDTO[];
+    idField?: FieldDTO | null;
+    parser?: (row: AdvancedRequestRow<R>) => R;
+};

package/dist/components/data/AdvancedRequestDataGrid/types.js

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

package/dist/components/data/DataGrid/DataGridEditableCell.d.ts

@@ -0,0 +1,2 @@
+import { DataGridCellProps } from './types';
+export declare const DataGridEditableCell: <R>({ row, columnKey, column, context, }: DataGridCellProps<R>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data/DataGrid/DataGridEditableCell.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridEditableCell = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
+var react_1 = require("react");
+var hooks_1 = require("./hooks");
+var DataGridEditableCell = function (_a) {
+    var row = _a.row, columnKey = _a.columnKey, column = _a.column, context = _a.context;
+    var _b = (0, hooks_1.useDataGridContext)(context), onCellEdited = _b.onCellEdited, setEditingCell = _b.setEditingCell;
+    var _c = (0, react_1.useState)(column.getter
+        ? column.getter(row)
+        : column.propertyName
+            ? String(row[column.propertyName])
+            : ''), value = _c[0], setValue = _c[1];
+    var onClose = (0, react_1.useCallback)(function () {
+        onCellEdited === null || onCellEdited === void 0 ? void 0 : onCellEdited(row, columnKey, value);
+        setEditingCell([-1, -1]);
+    }, [columnKey, onCellEdited, row, setEditingCell, value]);
+    return ((0, jsx_runtime_1.jsxs)("td", { children: [(0, jsx_runtime_1.jsx)("input", { type: "text", 
+                // className="relative  z-10 block text-normal w-full border-0 py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-sky-600 sm:text-sm sm:leading-6"
+                value: String(value), onChange: function (e) { return setValue(e.target.value); } }), (0, jsx_runtime_1.jsx)("div", { 
+                // className="fixed inset-0 bg-black bg-opacity-10"
+                onClick: onClose })] }, columnKey));
+};
+exports.DataGridEditableCell = DataGridEditableCell;

package/dist/components/data/DataGrid/helpers/columns.d.ts

@@ -9,9 +9,9 @@ export declare const phoneColumn: <R extends Record<string, any>>(key: string, t
 export declare const dateColumn: <R extends Record<string, any>>(key: string, title: string, options?: DeepPartial<SqlRequestDataGridTextColumn<R>>, otherOptions?: Partial<DataGridDateColumn<R>>) => DataGridDateColumn<R>;
 export declare const dateTimeColumn: <R extends Record<string, any>>(key: string, title: string, options?: DeepPartial<SqlRequestDataGridTextColumn<R>>, otherOptions?: Partial<DataGridDateColumn<R>>) => DataGridDateColumn<R>;
 export declare const monthColumn: <R extends Record<string, any>>(key: string, title: string, options?: DeepPartial<SqlRequestDataGridTextColumn<R>>, otherOptions?: Partial<DataGridTextColumn<R>>) => DataGridTextColumn<R>;
-export declare const numberColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: DeepPartial<SqlRequestDataGridTextColumn<R>>, otherOptions?: Partial<DataGridNumberColumn<R>>) => DataGridNumberColumn<R>;
-export declare const moneyColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, currency?: string | ((row: R) => string), options?: DeepPartial<SqlRequestDataGridTextColumn<R>>, otherOptions?: Partial<DataGridNumberColumn<R>>) => DataGridNumberColumn<R>;
-export declare const percentageColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: DeepPartial<SqlRequestDataGridTextColumn<R>>, otherOptions?: Partial<DataGridNumberColumn<R>>) => DataGridNumberColumn<R>;
+export declare const numberColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: DeepPartial<SqlRequestDataGridTextColumn<R>> & Partial<DataGridNumberColumn<R>>) => DataGridNumberColumn<R>;
+export declare const moneyColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, currency?: string | ((row: R) => string), options?: DeepPartial<SqlRequestDataGridTextColumn<R>> & Partial<DataGridNumberColumn<R>>) => DataGridNumberColumn<R>;
+export declare const percentageColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: DeepPartial<SqlRequestDataGridTextColumn<R>> & Partial<DataGridNumberColumn<R>>) => DataGridNumberColumn<R>;
 export declare const checkboxColumn: <R extends Record<string, any>>(key: string, title: string, options?: DeepPartial<DataGridCheckboxColumn<R>>) => SqlRequestDataGridCheckboxColumn<R>;
 export declare const selectColumn: <R extends Record<string, any>, T>(key: string, title: string, items: T[], itemKey: (item: T | null) => string, itemLabel: (item: T | null) => string, otherOptions?: Partial<DataGridSelectColumn<R, T>>) => DataGridSelectColumn<R, T>;
 export declare const colorColumn: <R extends Record<string, any>>(key: string, title: string, otherOptions?: Partial<DataGridColorColumn<R>>) => DataGridColorColumn<R>;

package/dist/components/data/DataGrid/helpers/columns.js

@@ -65,7 +65,7 @@ var dateTimeColumn = function (key, title, options, otherOptions) { return (__as
 exports.dateTimeColumn = dateTimeColumn;
 var monthColumn = function (key, title, options, otherOptions) { return (__assign({ key: key, type: 'text', name: title, render: function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({}, options === null || options === void 0 ? void 0 : options.typography, { children: value + 'Mois' }))); }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: (0, filters_1.textFilter)(key) }, otherOptions)); };
 exports.monthColumn = monthColumn;
-var numberColumn = function (key, title, decimals, options, otherOptions) {
+var numberColumn = function (key, title, decimals, options) {
     if (decimals === void 0) { decimals = 2; }
     var column = __assign({ key: key, type: 'number', name: title, render: function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({}, options === null || options === void 0 ? void 0 : options.typography, { children: (0, numbers_1.formatNumber)(value, decimals) }))); }, excelOptions: {
             formatter: function () { return (0, exports.buildExcelFormat)(decimals); },
@@ -88,11 +88,11 @@ var numberColumn = function (key, title, decimals, options, otherOptions) {
         }, filter: __assign(__assign({}, (0, filters_1.numberFilter)(key)), { renderer: function (value) { var _a; return (_a = (0, numbers_1.formatNumber)(value, decimals)) !== null && _a !== void 0 ? _a : ''; } }), editComponent: (0, components_1.withDisplayName)(function (_a) {
             var ref = _a.ref, otherProps = __rest(_a, ["ref"]);
             return ((0, jsx_runtime_1.jsx)(NumberEditableCell_1.NumberEditableCell, __assign({ ref: ref, decimals: column.decimals, currency: column.currency }, otherProps)));
-        }, 'NumberColumnEditComponent') }, otherOptions);
+        }, 'NumberColumnEditComponent') }, options);
     return column;
 };
 exports.numberColumn = numberColumn;
-var moneyColumn = function (key, title, decimals, currency, options, otherOptions) {
+var moneyColumn = function (key, title, decimals, currency, options) {
     if (decimals === void 0) { decimals = 2; }
     if (currency === void 0) { currency = '€'; }
     var column = __assign({ key: key, type: 'number', name: title, render: typeof currency === 'function'
@@ -115,11 +115,11 @@ var moneyColumn = function (key, title, decimals, currency, options, otherOption
             min: function (_, filteredRows) {
                 return (0, numbers_1.formatMoney)(Math.min.apply(Math, filteredRows.map(function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : 0; })), decimals);
             },
-        } }, otherOptions);
+        } }, options);
     return column;
 };
 exports.moneyColumn = moneyColumn;
-var percentageColumn = function (key, title, decimals, options, otherOptions) {
+var percentageColumn = function (key, title, decimals, options) {
     if (decimals === void 0) { decimals = 2; }
     var column = __assign({ key: key, type: 'number', name: title, render: function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({}, options === null || options === void 0 ? void 0 : options.typography, { children: (0, numbers_1.formatPercentage)(value) }))); }, excelOptions: {
             formatter: function () { return (0, exports.buildExcelFormat)(decimals, '%'); },
@@ -139,7 +139,7 @@ var percentageColumn = function (key, title, decimals, options, otherOptions) {
             sum: function (_, filteredRows) {
                 return (0, numbers_1.formatNumber)(filteredRows.reduce(function (acc, row) { var _a; return acc + ((_a = row[key]) !== null && _a !== void 0 ? _a : 0); }, 0), decimals);
             },
-        } }, otherOptions);
+        } }, options);
     return column;
 };
 exports.percentageColumn = percentageColumn;

package/dist/helpers/styled/index.d.ts

@@ -0,0 +1 @@
+export * from './space';

package/dist/helpers/styled/index.js

@@ -0,0 +1,17 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./space"), exports);

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

@@ -0,0 +1,2 @@
+import { PrintQuestModelRequestDTO, PrintQuestModelResponseDTO } from '../types/printing';
+export declare const usePrintModelRequestHandler: () => (data: PrintQuestModelRequestDTO) => Promise<PrintQuestModelResponseDTO>;

package/dist/services/requests/printing.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePrintModelRequestHandler = void 0;
+var hooks_1 = require("../hooks");
+var usePrintModelRequestHandler = function () {
+    return (0, hooks_1.useWebSocketRequestHandler)('PrintQuestModel');
+};
+exports.usePrintModelRequestHandler = usePrintModelRequestHandler;

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

@@ -0,0 +1,8 @@
+import { QuestPageElement } from '@addev-be/logiprint-common';
+export type PrintQuestModelRequestDTO = {
+    pages: QuestPageElement[];
+};
+export type PrintQuestModelResponseDTO = {
+    status: number;
+    pdfBase64Url: string;
+};

package/dist/services/types/printing.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": "2.4.3",
+  "version": "2.4.5",
   "type": "module",
   "scripts": {
     "watch": "tsc -b --watch",
@@ -20,7 +20,7 @@
     "update-version": "../../node/update-version.mjs"
   },
   "devDependencies": {
-    "@addev-be/framework-utils": "^2.4.3",
+    "@addev-be/framework-utils": "^2.4.5",
     "@types/lodash": "^4.17.20",
     "@types/react": "^19.1.13",
     "@types/react-dom": "^19.1.9",

package/src/components/data/DataGrid/DataGridFilterMenu/helpers.ts

@@ -1,23 +1,23 @@
-import { DataGridColumn, DataGridFilterValue } from '../types';
-
-import { uniq } from 'lodash';
-
-export const sortAvailableValues = <R>(
-  values: unknown[],
-  column: DataGridColumn<R>
-): DataGridFilterValue[] => {
-  switch (column?.type) {
-    case 'number':
-      return uniq(values).sort(
-        (a, b) => (a as number) - (b as number)
-      ) as number[];
-    case 'select':
-      return uniq(values).sort((a, b) =>
-        column.itemLabel(a).localeCompare(column.itemLabel(b))
-      ) as string[];
-    default:
-      return uniq(values).sort((a, b) =>
-        (a as string).localeCompare(b as string)
-      ) as string[];
-  }
-};
+import { DataGridColumn, DataGridFilterValue } from '../types';
+
+import { uniq } from 'lodash';
+
+export const sortAvailableValues = <R>(
+  values: unknown[],
+  column: DataGridColumn<R>
+): DataGridFilterValue[] => {
+  switch (column?.type) {
+    case 'number':
+      return uniq(values).sort(
+        (a, b) => (a as number) - (b as number)
+      ) as number[];
+    case 'select':
+      return uniq(values).sort((a, b) =>
+        column.itemLabel(a).localeCompare(column.itemLabel(b))
+      ) as string[];
+    default:
+      return uniq(values).sort((a, b) =>
+        (a as string).localeCompare(b as string)
+      ) as string[];
+  }
+};

package/src/components/data/DataGrid/helpers/columns.tsx

@@ -193,8 +193,8 @@ export const numberColumn = <R extends Record<string, any>>(
   key: string,
   title: string,
   decimals = 2,
-  options?: DeepPartial<SqlRequestDataGridTextColumn<R>>,
-  otherOptions?: Partial<DataGridNumberColumn<R>>
+  options?: DeepPartial<SqlRequestDataGridTextColumn<R>> &
+    Partial<DataGridNumberColumn<R>>
 ): DataGridNumberColumn<R> => {
   const column: DataGridNumberColumn<R> = {
     key,
@@ -250,7 +250,7 @@ export const numberColumn = <R extends Record<string, any>>(
       ),
       'NumberColumnEditComponent'
     ),
-    ...otherOptions,
+    ...options,
   };
   return column;
 };
@@ -260,8 +260,8 @@ export const moneyColumn = <R extends Record<string, any>>(
   title: string,
   decimals = 2,
   currency: string | ((row: R) => string) = '€',
-  options?: DeepPartial<SqlRequestDataGridTextColumn<R>>,
-  otherOptions?: Partial<DataGridNumberColumn<R>>
+  options?: DeepPartial<SqlRequestDataGridTextColumn<R>> &
+    Partial<DataGridNumberColumn<R>>
 ): DataGridNumberColumn<R> => {
   const column: DataGridNumberColumn<R> = {
     key,
@@ -313,7 +313,7 @@ export const moneyColumn = <R extends Record<string, any>>(
           decimals
         ),
     },
-    ...otherOptions,
+    ...options,
   };
   return column;
 };
@@ -322,8 +322,8 @@ export const percentageColumn = <R extends Record<string, any>>(
   key: string,
   title: string,
   decimals = 2,
-  options?: DeepPartial<SqlRequestDataGridTextColumn<R>>,
-  otherOptions?: Partial<DataGridNumberColumn<R>>
+  options?: DeepPartial<SqlRequestDataGridTextColumn<R>> &
+    Partial<DataGridNumberColumn<R>>
 ): DataGridNumberColumn<R> => {
   const column: DataGridNumberColumn<R> = {
     key,
@@ -365,7 +365,7 @@ export const percentageColumn = <R extends Record<string, any>>(
           decimals
         ),
     },
-    ...otherOptions,
+    ...options,
   };
   return column;
 };

package/src/components/ui/Avatar/styles.ts

@@ -1,61 +1,61 @@
-import styled, { css } from 'styled-components';
-
-export type AvatarContainerProps = {
-  size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-};
-
-const stylesMap: Record<
-  AvatarContainerProps['size'],
-  ReturnType<typeof css>
-> = {
-  xs: css`
-    width: var(--size-6);
-    height: var(--size-6);
-    min-width: var(--size-6);
-    min-height: var(--size-6);
-    font-size: var(--text-xs);
-    line-height: var(--text-xs);
-  `,
-  sm: css`
-    width: var(--size-8);
-    height: var(--size-8);
-    min-width: var(--size-8);
-    min-height: var(--size-8);
-    font-size: var(--text-sm);
-    line-height: var(--text-sm);
-  `,
-  md: css`
-    width: var(--size-10);
-    height: var(--size-10);
-    min-width: var(--size-10);
-    min-height: var(--size-10);
-    font-size: var(--text-md);
-    line-height: var(--text-md);
-  `,
-  lg: css`
-    width: var(--size-12);
-    height: var(--size-12);
-    min-width: var(--size-12);
-    min-height: var(--size-12);
-    font-size: var(--text-lg);
-    line-height: var(--text-lg);
-  `,
-  xl: css`
-    width: var(--size-14);
-    height: var(--size-14);
-    min-width: var(--size-14);
-    min-height: var(--size-14);
-    font-size: var(--text-2xl);
-    line-height: var(--text-2xl);
-  `,
-};
-
-export const AvatarContainer = styled.div<AvatarContainerProps>`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: var(--rounded-full);
-  user-select: none;
-
-  ${({ size }) => stylesMap[size]}
-`;
+import styled, { css } from 'styled-components';
+
+export type AvatarContainerProps = {
+  size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+};
+
+const stylesMap: Record<
+  AvatarContainerProps['size'],
+  ReturnType<typeof css>
+> = {
+  xs: css`
+    width: var(--size-6);
+    height: var(--size-6);
+    min-width: var(--size-6);
+    min-height: var(--size-6);
+    font-size: var(--text-xs);
+    line-height: var(--text-xs);
+  `,
+  sm: css`
+    width: var(--size-8);
+    height: var(--size-8);
+    min-width: var(--size-8);
+    min-height: var(--size-8);
+    font-size: var(--text-sm);
+    line-height: var(--text-sm);
+  `,
+  md: css`
+    width: var(--size-10);
+    height: var(--size-10);
+    min-width: var(--size-10);
+    min-height: var(--size-10);
+    font-size: var(--text-md);
+    line-height: var(--text-md);
+  `,
+  lg: css`
+    width: var(--size-12);
+    height: var(--size-12);
+    min-width: var(--size-12);
+    min-height: var(--size-12);
+    font-size: var(--text-lg);
+    line-height: var(--text-lg);
+  `,
+  xl: css`
+    width: var(--size-14);
+    height: var(--size-14);
+    min-width: var(--size-14);
+    min-height: var(--size-14);
+    font-size: var(--text-2xl);
+    line-height: var(--text-2xl);
+  `,
+};
+
+export const AvatarContainer = styled.div<AvatarContainerProps>`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--rounded-full);
+  user-select: none;
+
+  ${({ size }) => stylesMap[size]}
+`;

package/src/components/ui/TabsView/index.ts

@@ -1,3 +1,3 @@
-export * from './types';
-export * from './TabsView';
-export * from './TabsList';
+export * from './types';
+export * from './TabsView';
+export * from './TabsList';

package/src/providers/TrackingProvider/hooks.ts

@@ -1,14 +1,14 @@
-import { useContext, useEffect } from 'react';
-
-import { TrackingContext } from '.';
-import { useLocation } from 'react-router-dom';
-
-export const useLocationTracking = () => {
-  const { sendEvent } = useContext(TrackingContext);
-  const { pathname, search } = useLocation();
-  const pathWithSearch = `${pathname}${search}`;
-
-  useEffect(() => {
-    sendEvent('PageView', { path: pathWithSearch });
-  }, [pathWithSearch, sendEvent]);
-};
+import { useContext, useEffect } from 'react';
+
+import { TrackingContext } from '.';
+import { useLocation } from 'react-router-dom';
+
+export const useLocationTracking = () => {
+  const { sendEvent } = useContext(TrackingContext);
+  const { pathname, search } = useLocation();
+  const pathWithSearch = `${pathname}${search}`;
+
+  useEffect(() => {
+    sendEvent('PageView', { path: pathWithSearch });
+  }, [pathWithSearch, sendEvent]);
+};