@addev-be/ui 0.16.7 → 0.16.8

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

@@ -0,0 +1,53 @@
+"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));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAdvancedRequestDto = void 0;
+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.addIdColumn, addIdColumn = _g === void 0 ? true : _g;
+    return ({
+        fields: __spreadArray(__spreadArray([], (Object.keys(columns).includes('Id') || addIdColumn === false
+            ? []
+            : [{ fieldName: 'Id' }]), 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: __spreadArray(__spreadArray([], conditions, true), [
+            {
+                field: {
+                    fieldName: 'DeletedAt',
+                },
+                operator: 'isNull',
+            },
+        ], false),
+        orderBy: orderBy,
+        type: type,
+        start: start,
+        length: length,
+        getTotal: getTotal,
+    });
+};
+exports.getAdvancedRequestDto = getAdvancedRequestDto;

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

@@ -0,0 +1,28 @@
+import { AdvancedRequestDTO, ConditionDTO, OrderByDTO } from '../../../services/advancedRequests';
+import { DataGridColumn, DataGridColumns, DataGridFilter, DataGridFilterCheckbox, DataGridFilterDataType, DataGridFilterFormatter, DataGridFilterGroup, DataGridFilterPredicates, DataGridFilterType, DataGridFilters, DataGridSettings } from './types';
+export declare const filtersPredicates: DataGridFilterPredicates;
+export declare const applyFilters: <R>(rows: R[], filters: DataGridFilter<R, DataGridFilterType>[]) => R[];
+export declare const applyFilter: <R, T extends DataGridFilterType>(rows: R[], filter: DataGridFilter<R, T>) => R[];
+export declare const defaultFilterGetter: (row: any, columnKey: string) => any;
+export declare const defaultFilterValues: {
+    [K in DataGridFilterType]: DataGridFilterDataType<K>;
+};
+export declare const defaultValueParsers: {
+    [K in DataGridFilterType]: (value: string) => DataGridFilterDataType<K>;
+};
+export declare const groupDatesByYearAndMonth: (dates: any[]) => Record<string, Record<string, any[]>>;
+export declare const getDateGroups: <R extends string | number | null>(dates: any[]) => DataGridFilterGroup<R>[];
+export declare const isColumnVisible: <R>(obj: DataGridColumn<R, any> | DataGridSettings) => boolean;
+export declare const convertFiltersToConditions: <R>(filters: DataGridFilters<R>) => ConditionDTO[];
+export declare const getAdvancedRequestDto: <R>(type: string, columns: DataGridColumns<R>, conditions?: ConditionDTO[], orderBy?: OrderByDTO[], start?: number, length?: number, getTotal?: boolean) => AdvancedRequestDTO;
+export declare const textColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
+export declare const mailColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
+export declare const phoneColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
+export declare const dateColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
+export declare const monthColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
+export declare const numberColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
+export declare const moneyColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
+export declare const percentageColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
+export declare const checkboxColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
+export declare const colorColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
+export declare const getCheckboxes: <R extends string | number | null>(values: R[], formatter: DataGridFilterFormatter, groups?: DataGridFilterGroup<R>[], level?: number) => DataGridFilterCheckbox<R>[];

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

@@ -0,0 +1,436 @@
+"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 __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.getCheckboxes = exports.colorColumn = exports.checkboxColumn = exports.percentageColumn = exports.moneyColumn = exports.numberColumn = exports.monthColumn = exports.dateColumn = exports.phoneColumn = exports.mailColumn = exports.textColumn = exports.getAdvancedRequestDto = exports.convertFiltersToConditions = exports.isColumnVisible = exports.getDateGroups = exports.groupDatesByYearAndMonth = exports.defaultValueParsers = exports.defaultFilterValues = exports.defaultFilterGetter = exports.applyFilter = exports.applyFilters = exports.filtersPredicates = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var numbers_1 = require("../../../helpers/numbers");
+var lodash_1 = __importDefault(require("lodash"));
+var moment_1 = __importDefault(require("moment"));
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
+var escapeRegExp = function (s) { return s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); };
+var textContainsPredicate = function () {
+    var filterValues = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        filterValues[_i] = arguments[_i];
+    }
+    var regex = new RegExp("".concat(escapeRegExp(filterValues[0])), 'i');
+    return function (valueToVerify) { return regex.test(valueToVerify); };
+};
+var textNotContainsPredicate = function () {
+    var filterValues = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        filterValues[_i] = arguments[_i];
+    }
+    var regex = new RegExp("".concat(escapeRegExp(filterValues[0])), 'i');
+    return function (valueToVerify) { return !regex.test(valueToVerify); };
+};
+var textEqualsPredicate = function () {
+    var filterValues = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        filterValues[_i] = arguments[_i];
+    }
+    var regex = new RegExp("^".concat(escapeRegExp(filterValues[0]), "$"), 'i');
+    return function (valueToVerify) { return regex.test(valueToVerify); };
+};
+var textNotEqualsPredicate = function () {
+    var filterValues = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        filterValues[_i] = arguments[_i];
+    }
+    var regex = new RegExp("^".concat(escapeRegExp(filterValues[0]), "$"), 'i');
+    return function (valueToVerify) { return !regex.test(valueToVerify); };
+};
+var textStartsWithPredicate = function () {
+    var filterValues = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        filterValues[_i] = arguments[_i];
+    }
+    var regex = new RegExp("^".concat(escapeRegExp(filterValues[0])), 'i');
+    return function (valueToVerify) { return regex.test(valueToVerify); };
+};
+var textEndsWithPredicate = function () {
+    var filterValues = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        filterValues[_i] = arguments[_i];
+    }
+    var regex = new RegExp("".concat(escapeRegExp(filterValues[0]), "$"), 'i');
+    return function (valueToVerify) { return regex.test(valueToVerify); };
+};
+var textInArrayPredicate = function () {
+    var filterValues = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        filterValues[_i] = arguments[_i];
+    }
+    return function (valueToVerify) { return filterValues.includes(valueToVerify); };
+};
+var numberEqualsPredicate = function () {
+    var filterValues = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        filterValues[_i] = arguments[_i];
+    }
+    return function (valueToVerify) {
+        return valueToVerify === filterValues[0];
+    };
+};
+var numberNotEqualsPredicate = function () {
+    var filterValues = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        filterValues[_i] = arguments[_i];
+    }
+    return function (valueToVerify) {
+        return valueToVerify !== filterValues[0];
+    };
+};
+var numberLessThanPredicate = function () {
+    var filterValues = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        filterValues[_i] = arguments[_i];
+    }
+    return function (valueToVerify) {
+        return valueToVerify < filterValues[0];
+    };
+};
+var numberLessThanOrEqualPredicate = function () {
+    var filterValues = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        filterValues[_i] = arguments[_i];
+    }
+    return function (valueToVerify) {
+        return valueToVerify <= filterValues[0];
+    };
+};
+var numberGreaterThanPredicate = function () {
+    var filterValues = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        filterValues[_i] = arguments[_i];
+    }
+    return function (valueToVerify) {
+        return valueToVerify > filterValues[0];
+    };
+};
+var numberGreaterThanOrEqualPredicate = function () {
+    var filterValues = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        filterValues[_i] = arguments[_i];
+    }
+    return function (valueToVerify) {
+        return valueToVerify >= filterValues[0];
+    };
+};
+var numberInRangePredicate = function () {
+    var filterValues = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        filterValues[_i] = arguments[_i];
+    }
+    return function (valueToVerify) {
+        return valueToVerify >= filterValues[0] && valueToVerify <= filterValues[1];
+    };
+};
+var numberInArrayPredicate = function () {
+    var filterValues = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        filterValues[_i] = arguments[_i];
+    }
+    return function (valueToVerify) { return filterValues.includes(valueToVerify); };
+};
+exports.filtersPredicates = {
+    text: {
+        contains: textContainsPredicate,
+        notContains: textNotContainsPredicate,
+        equals: textEqualsPredicate,
+        notEquals: textNotEqualsPredicate,
+        startsWith: textStartsWithPredicate,
+        endsWith: textEndsWithPredicate,
+        inArray: textInArrayPredicate,
+    },
+    number: {
+        equals: numberEqualsPredicate,
+        notEquals: numberNotEqualsPredicate,
+        lessThan: numberLessThanPredicate,
+        lessThanOrEqual: numberLessThanOrEqualPredicate,
+        greaterThan: numberGreaterThanPredicate,
+        greaterThanOrEqual: numberGreaterThanOrEqualPredicate,
+        inRange: numberInRangePredicate,
+        inArray: numberInArrayPredicate,
+    },
+};
+var applyFilters = function (rows, filters) {
+    return filters.reduce(function (tempRows, filter) { return (0, exports.applyFilter)(tempRows, filter); }, rows);
+};
+exports.applyFilters = applyFilters;
+var applyFilter = function (rows, filter) {
+    var predicateBuilder = exports.filtersPredicates[filter.type][filter.operator];
+    if (typeof predicateBuilder !== 'function')
+        return rows;
+    var predicate = predicateBuilder.apply(void 0, filter.values);
+    return rows.filter(function (row) { return predicate(filter.getter(row)); });
+};
+exports.applyFilter = applyFilter;
+var defaultFilterGetter = function (row, columnKey) {
+    return row[columnKey];
+};
+exports.defaultFilterGetter = defaultFilterGetter;
+exports.defaultFilterValues = {
+    text: '',
+    number: 0,
+};
+exports.defaultValueParsers = {
+    text: function (value) { return value; },
+    number: function (value) { return parseFloat(value); },
+};
+var groupDatesByYearAndMonth = function (dates) {
+    return dates.reduce(function (acc, date) {
+        var year = (0, moment_1.default)(date).format('YYYY');
+        if (!acc[year]) {
+            acc[year] = {};
+        }
+        var yearAndMonth = (0, moment_1.default)(date).format("YYYY-MM");
+        if (!acc[year][yearAndMonth]) {
+            acc[year][yearAndMonth] = [];
+        }
+        acc[year][yearAndMonth].push(date);
+        return acc;
+    }, {});
+};
+exports.groupDatesByYearAndMonth = groupDatesByYearAndMonth;
+var getDateGroups = function (dates) {
+    var grouperDates = (0, exports.groupDatesByYearAndMonth)(dates);
+    return Object.entries(grouperDates).map(function (_a) {
+        var year = _a[0], months = _a[1];
+        return ({
+            name: year,
+            values: Object.values(months).flat(),
+            groups: Object.entries(months).map(function (_a) {
+                var month = _a[0], dates = _a[1];
+                return ({
+                    name: month,
+                    values: dates,
+                });
+            }),
+        });
+    });
+};
+exports.getDateGroups = getDateGroups;
+var isColumnVisible = function (obj) {
+    return (obj === null || obj === void 0 ? void 0 : obj.order) !== -1;
+};
+exports.isColumnVisible = isColumnVisible;
+var convertFiltersToConditions = function (filters) {
+    return Object.entries(filters).map(function (_a) {
+        var columnKey = _a[0], filter = _a[1];
+        var condition = {
+            field: {
+                fieldName: columnKey,
+            },
+            operator: filter.operator,
+            value: ['inArray', 'inRange'].includes(filter.operator)
+                ? filter.values
+                : lodash_1.default.castArray(filter.values)[0],
+        };
+        return condition;
+    });
+};
+exports.convertFiltersToConditions = convertFiltersToConditions;
+var getAdvancedRequestDto = function (type, columns, conditions, orderBy, start, length, getTotal) {
+    if (conditions === void 0) { conditions = []; }
+    if (orderBy === void 0) { orderBy = []; }
+    if (start === void 0) { start = 0; }
+    if (length === void 0) { length = 100; }
+    if (getTotal === void 0) { getTotal = false; }
+    return ({
+        fields: __spreadArray([
+            {
+                fieldName: 'Id',
+            },
+            {
+                fieldName: 'DbId',
+            }
+        ], 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: __spreadArray(__spreadArray([], conditions, true), [
+            {
+                field: {
+                    fieldName: 'DeletedAt',
+                },
+                operator: 'isNull',
+            },
+        ], false),
+        orderBy: orderBy,
+        type: type,
+        start: start,
+        length: length,
+        getTotal: getTotal,
+    });
+};
+exports.getAdvancedRequestDto = getAdvancedRequestDto;
+var textColumn = function (key, title, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign({ name: title, render: function (col, 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: {
+                type: 'text',
+                operator: 'contains',
+                values: [''],
+                getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; },
+            } }, options),
+        _a);
+};
+exports.textColumn = textColumn;
+var mailColumn = function (key, title, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign({ name: title, render: function (col, row) {
+                var _a;
+                return ((0, jsx_runtime_1.jsx)("a", { className: "text-blue-500 hover:text-blue-700", 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: {
+                type: 'text',
+                operator: 'contains',
+                values: [''],
+                getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; },
+            } }, options),
+        _a);
+};
+exports.mailColumn = mailColumn;
+var phoneColumn = function (key, title, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign({ name: title, render: function (col, row) {
+                var _a;
+                return ((0, jsx_runtime_1.jsx)("a", { className: "text-blue-500 hover:text-blue-700", 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: {
+                type: 'text',
+                operator: 'contains',
+                values: [''],
+                getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; },
+            } }, options),
+        _a);
+};
+exports.phoneColumn = phoneColumn;
+var dateColumn = function (key, title, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign({ name: title, render: function (col, 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: {
+                type: 'text',
+                operator: 'contains',
+                values: [''],
+                getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; },
+            } }, options),
+        _a);
+};
+exports.dateColumn = dateColumn;
+var monthColumn = function (key, title, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign({ name: title, render: function (col, 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: {
+                type: 'text',
+                operator: 'contains',
+                values: [''],
+                getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; },
+            } }, options),
+        _a);
+};
+exports.monthColumn = monthColumn;
+var numberColumn = function (key, title, decimals, options) {
+    var _a;
+    if (decimals === void 0) { decimals = 2; }
+    return (_a = {},
+        _a[key] = __assign({ name: title, render: function (col, 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: {
+                type: 'number',
+                operator: 'equals',
+                values: [0],
+                getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : 0; },
+            } }, options),
+        _a);
+};
+exports.numberColumn = numberColumn;
+var moneyColumn = function (key, title, decimals, options) {
+    var _a;
+    if (decimals === void 0) { decimals = 2; }
+    return (_a = {},
+        _a[key] = __assign({ name: title, render: function (col, 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: {
+                type: 'number',
+                operator: 'equals',
+                values: [0],
+                getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : 0; },
+            } }, options),
+        _a);
+};
+exports.moneyColumn = moneyColumn;
+var percentageColumn = function (key, title, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign({ name: title, render: function (col, 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: {
+                type: 'number',
+                operator: 'equals',
+                values: [0],
+                getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : 0; },
+            } }, options),
+        _a);
+};
+exports.percentageColumn = percentageColumn;
+var checkboxColumn = function (key, title, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign({ name: title, render: function (col, row) { return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: row[key] }), (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: {
+                type: 'number',
+                operator: 'equals',
+                values: [0],
+                getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : 0; },
+            } }, options),
+        _a);
+};
+exports.checkboxColumn = checkboxColumn;
+var colorColumn = function (key, title, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign({ name: title, render: function (col, 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: {
+                type: 'text',
+                operator: 'contains',
+                values: [''],
+                getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; },
+            } }, options),
+        _a);
+};
+exports.colorColumn = colorColumn;
+var getCheckboxes = function (values, formatter, groups, level) {
+    if (level === void 0) { level = 0; }
+    return __spreadArray(__spreadArray([], (groups !== null && groups !== void 0 ? groups : [])
+        .map(function (group) { var _a; return (0, exports.getCheckboxes)((_a = group.values) !== null && _a !== void 0 ? _a : [], formatter, group.groups, level + 1); })
+        .flat(), true), values.map(function (value) { return ({
+        displayValue: formatter(value),
+        values: [value],
+        level: level,
+    }); }), true);
+};
+exports.getCheckboxes = getCheckboxes;

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

@@ -1,5 +1,5 @@
-import { ThemeColor } from '../../../providers/ThemeProvider/types';
 import { DataGridCellFCProps } from './types';
+import { ThemeColor } from '../../../providers/ThemeProvider/types';
 export declare const DataGridResizeGrip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $headerColor?: ThemeColor;
 }>> & string;

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

@@ -28,8 +28,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResizeBackdrop = exports.HeaderSelectionCell = exports.SelectionCell = exports.LoadingCell = exports.DataGridRow = exports.DataGridFooterRow = exports.DataGridHeaderRow = exports.DataGridContainer = exports.DataGridToolsRowButtonsContainer = exports.DataGridToolsRow = exports.DataGridHeaderTitle = exports.DataGridCell = exports.dataGridCellCss = exports.DataGridHeaderTextContainer = exports.DataGridHeaderCellContainer = exports.DataGridResizeGrip = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
 var constants_1 = require("./constants");
+var styled_components_1 = __importStar(require("styled-components"));
 var styles_1 = require("../VirtualScroller/styles");
 exports.DataGridResizeGrip = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: var(--space-1);\n  height: 100%;\n\n  ", "\n\n  cursor: col-resize;\n  display: none;\n"], ["\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: var(--space-1);\n  height: 100%;\n\n  ", "\n\n  cursor: col-resize;\n  display: none;\n"])), function (_a) {
     var $headerColor = _a.$headerColor;
@@ -120,14 +120,14 @@ exports.DataGridFooterRow = styled_components_1.default.div.attrs(function (_a)
     });
 })(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  ", "\n  bottom: 0;\n"], ["\n  ", "\n  bottom: 0;\n"])), dataGridHeaderOrFooterRowCss);
 exports.DataGridFooterRow.displayName = 'DataGridFooterRow';
-exports.DataGridRow = styled_components_1.default.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  display: contents;\n\n  &:hover > ", " {\n    background-color: var(--color-blue-100);\n  }\n\n  ", "\n"], ["\n  display: contents;\n\n  &:hover > ", " {\n    background-color: var(--color-blue-100);\n  }\n\n  ", "\n"])), exports.DataGridCell, function (_a) {
+exports.DataGridRow = styled_components_1.default.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  display: contents;\n\n  ", "\n"], ["\n  display: contents;\n\n  ", "\n"])), function (_a) {
     var $edited = _a.$edited;
-    return $edited && (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n      & > ", ", & > ", " {\n        background-color: var(--color-warning-100);\n        color: var(--color-warning-900);\n      }\n      &:hover > ", ", &:hover > ", " {\n        background-color: var(--color-blue-100);\n      }\n    "], ["\n      & > ", ", & > ", " {\n        background-color: var(--color-warning-100);\n        color: var(--color-warning-900);\n      }\n      &:hover > ", ", &:hover > ", " {\n        background-color: var(--color-blue-100);\n      }\n    "])), exports.DataGridCell, exports.SelectionCell, exports.DataGridCell, exports.SelectionCell);
+    return $edited && (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n      & > ", ", & > ", " {\n        background-color: var(--color-warning-100);\n        color: var(--color-warning-900);\n      }\n    "], ["\n      & > ", ", & > ", " {\n        background-color: var(--color-warning-100);\n        color: var(--color-warning-900);\n      }\n    "])), exports.DataGridCell, exports.SelectionCell);
 });
 exports.DataGridRow.displayName = 'DataGridRow';
 exports.LoadingCell = (0, styled_components_1.default)(exports.DataGridCell)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  padding: var(--space-2);\n  box-sizing: border-box;\n\n  &.animate-pulse > div {\n    background-color: var(--color-neutral-200);\n    border-radius: var(--rounded-full);\n    width: 100%;\n    height: 100%;\n  }\n"], ["\n  padding: var(--space-2);\n  box-sizing: border-box;\n\n  &.animate-pulse > div {\n    background-color: var(--color-neutral-200);\n    border-radius: var(--rounded-full);\n    width: 100%;\n    height: 100%;\n  }\n"])));
 exports.LoadingCell.displayName = 'LoadingCell';
-var selectionCellStyle = (0, styled_components_1.css)(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--space-8);\n  padding: 0 var(--space-1);\n  cursor: pointer;\n  width: ", ";\n\n  & > input[type='checkbox'] {\n    height: var(--space-4);\n    width: var(--space-4);\n    border-radius: var(--rounded-sm);\n    border: 1px solid var(--color-neutral-300);\n    color: var(--color-primary-600);\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--space-8);\n  padding: 0 var(--space-1);\n  cursor: pointer;\n  width: ", ";\n\n  & > input[type='checkbox'] {\n    height: var(--space-4);\n    width: var(--space-4);\n    border-radius: var(--rounded-sm);\n    border: 1px solid var(--color-neutral-300);\n    color: var(--color-primary-600);\n  }\n"])), constants_1.SELECTION_CELL_WIDTH);
+var selectionCellStyle = (0, styled_components_1.css)(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--space-8);\n  padding: 0 var(--space-1);\n  cursor: pointer;\n\n  & > input[type='checkbox'] {\n    height: var(--space-4);\n    width: ", ";\n    border-radius: var(--rounded-sm);\n    border: 1px solid var(--color-neutral-300);\n    color: var(--color-primary-600);\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--space-8);\n  padding: 0 var(--space-1);\n  cursor: pointer;\n\n  & > input[type='checkbox'] {\n    height: var(--space-4);\n    width: ", ";\n    border-radius: var(--rounded-sm);\n    border: 1px solid var(--color-neutral-300);\n    color: var(--color-primary-600);\n  }\n"])), constants_1.SELECTION_CELL_WIDTH);
 exports.SelectionCell = (0, styled_components_1.default)(exports.DataGridCell)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), selectionCellStyle);
 exports.SelectionCell.displayName = 'SelectionCell';
 exports.HeaderSelectionCell = (0, styled_components_1.default)(exports.DataGridHeaderCellContainer)(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n  ", "\n  padding: 0;\n"], ["\n  ", "\n  padding: 0;\n"])), selectionCellStyle);

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

@@ -0,0 +1,20 @@
+import { ColumnDTO, ConditionDTO } from '../../../../services/smartQueries';
+import { SmartQueryDataGridColumn, SmartQueryDataGridColumns } from '../types';
+export declare const smartTextColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<SmartQueryDataGridColumn<R>>) => SmartQueryDataGridColumns<R>;
+/**
+ * Creates a column with a composed value from multiple fields,
+ * and filtered by a text filter on the first field
+ */
+export declare const smartComposedColumn: <R extends Record<string, any>>(key: string, title: string, fields: string[], options?: Partial<SmartQueryDataGridColumn<R>>) => SmartQueryDataGridColumns<R>;
+export declare const smartMailColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<SmartQueryDataGridColumn<R>>) => SmartQueryDataGridColumns<R>;
+export declare const smartPhoneColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<SmartQueryDataGridColumn<R>>) => SmartQueryDataGridColumns<R>;
+export declare const smartDateColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<SmartQueryDataGridColumn<R>>) => SmartQueryDataGridColumns<R>;
+export declare const smartDateTimeColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<SmartQueryDataGridColumn<R>>) => SmartQueryDataGridColumns<R>;
+export declare const smartMonthColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<SmartQueryDataGridColumn<R>>) => SmartQueryDataGridColumns<R>;
+export declare const smartNumberColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<SmartQueryDataGridColumn<R>>) => SmartQueryDataGridColumns<R>;
+export declare const smartMoneyColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<SmartQueryDataGridColumn<R>>) => SmartQueryDataGridColumns<R>;
+export declare const smartPercentageColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<SmartQueryDataGridColumn<R>>) => SmartQueryDataGridColumns<R>;
+export declare const smartCheckboxColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<SmartQueryDataGridColumn<R>>) => SmartQueryDataGridColumns<R>;
+export declare const smartColorColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<SmartQueryDataGridColumn<R>>) => SmartQueryDataGridColumns<R>;
+export declare const getColumnsConditions: (columns: ColumnDTO[]) => ConditionDTO[];
+export declare const getFooterColumn: (column: ColumnDTO) => ColumnDTO;