@addev-be/ui 0.21.3 → 0.21.4

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

@@ -0,0 +1,131 @@
+"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 __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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridToolbar = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styles = __importStar(require("./styles"));
+var Icons_1 = require("../../../Icons");
+var react_1 = require("react");
+var forms_1 = require("../../forms");
+var layout_1 = require("../../layout");
+var hooks_1 = require("./DataGridColumnsModal/hooks");
+var hooks_2 = require("./hooks");
+var useRefreshModal_1 = require("./hooks/useRefreshModal");
+var DataGridToolbar = function (_a) {
+    var context = _a.context;
+    var _b = (0, hooks_2.useDataGridContext)(context), name = _b.name, setSelectedKeys = _b.setSelectedKeys, copyTable = _b.copyTable, setFilters = _b.setFilters, refresh = _b.refresh, editable = _b.editable, onSaveClicked = _b.onSaveClicked, onAddClicked = _b.onAddClicked, addedRows = _b.addedRows, updatedRows = _b.updatedRows, addRow = _b.addRow, clearChangedRows = _b.clearChangedRows, headerContent = _b.headerContent;
+    var _c = (0, hooks_1.useDataGridColumnsModal)(context), openModal = _c.openModal, modal = _c.modal;
+    var _d = (0, react_1.useState)(false), isLoadingVisible = _d[0], setIsLoadingVisible = _d[1];
+    var runCopyTable = (0, react_1.useCallback)(function () {
+        setIsLoadingVisible(true);
+        copyTable().then(function () { return setIsLoadingVisible(false); });
+    }, [copyTable]);
+    var save = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var savedIds;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(Object.keys(addedRows).length + Object.keys(updatedRows).length > 0 &&
+                        onSaveClicked)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, onSaveClicked(addedRows, updatedRows)];
+                case 1:
+                    savedIds = _a.sent();
+                    clearChangedRows(savedIds);
+                    _a.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); }, [addedRows, clearChangedRows, onSaveClicked, updatedRows]);
+    var add = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var row;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!onAddClicked) return [3 /*break*/, 2];
+                    return [4 /*yield*/, onAddClicked()];
+                case 1:
+                    row = _a.sent();
+                    addRow(row);
+                    _a.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); }, [addRow, onAddClicked]);
+    var doRefresh = (0, react_1.useCallback)(function () {
+        refresh === null || refresh === void 0 ? void 0 : refresh();
+        clearChangedRows();
+        setSelectedKeys([]);
+    }, [clearChangedRows, refresh, setSelectedKeys]);
+    var _e = (0, useRefreshModal_1.useRefreshModal)(doRefresh), openRefreshModal = _e.openModal, refreshModal = _e.modal;
+    var onRefreshClicked = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            if (addedRows.length + updatedRows.length > 0) {
+                openRefreshModal();
+            }
+            else {
+                doRefresh();
+            }
+            return [2 /*return*/];
+        });
+    }); }, [addedRows.length, doRefresh, openRefreshModal, updatedRows.length]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [modal, refreshModal, (0, jsx_runtime_1.jsxs)(styles.DataGridToolsRow, { children: [(0, jsx_runtime_1.jsx)(styles.DataGridToolsRowHeaderContent, { children: headerContent }), (0, jsx_runtime_1.jsxs)(styles.DataGridToolsRowButtonsContainer, { children: [(0, jsx_runtime_1.jsx)(layout_1.Loading, { visible: isLoadingVisible }), editable && onSaveClicked && ((0, jsx_runtime_1.jsxs)(forms_1.Button, { size: "small", "$color": "primary", onClick: save, bordered: true, children: [(0, jsx_runtime_1.jsx)(Icons_1.FloppyDiskIcon, {}), "Enregistrer"] })), editable && onAddClicked && ((0, jsx_runtime_1.jsxs)(forms_1.Button, { size: "small", "$color": "success", onClick: add, bordered: true, children: [(0, jsx_runtime_1.jsx)(Icons_1.PlusIcon, {}), "Ajouter"] })), (0, jsx_runtime_1.jsxs)(forms_1.Button, { size: "small", onClick: onRefreshClicked, bordered: true, children: [(0, jsx_runtime_1.jsx)(Icons_1.ArrowsRotateIcon, {}), "Rafra\u00EEchir"] }), (0, jsx_runtime_1.jsxs)(forms_1.Button, { "$color": "emerald", size: "small", onClick: runCopyTable, bordered: true, children: [(0, jsx_runtime_1.jsx)(Icons_1.CopyIcon, {}), "Copier la table"] }), (0, jsx_runtime_1.jsxs)(forms_1.Button, { size: "small", "$color": "danger", onClick: function () { return setFilters({}); }, bordered: true, children: [(0, jsx_runtime_1.jsx)(Icons_1.FilterSlashIcon, {}), "Supprimer les filtres"] }), name && ((0, jsx_runtime_1.jsxs)(forms_1.Button, { "$color": "info", size: "small", onClick: openModal, bordered: true, children: [(0, jsx_runtime_1.jsx)(Icons_1.TableColumnsIcon, {}), "Param\u00E8tres des colonnes"] }))] })] })] }));
+};
+exports.DataGridToolbar = DataGridToolbar;

package/dist/components/data/DataGrid/FilterModalContent/index.js

@@ -46,7 +46,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilterModalContent = 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 styles = __importStar(require("./styles"));
 var forms_1 = require("../../../forms");
 var react_1 = require("react");
@@ -88,7 +87,7 @@ var FilterModalContent = function (_a) {
     if (!filter)
         return null;
     var operator = filter.operator, type = filter.type, values = filter.values;
-    return ((0, jsx_runtime_1.jsxs)(styles.FilterModalContentContainer, { children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: "filterOperator", children: [(0, jsx_runtime_1.jsx)("span", { children: "Op\u00E9rateur :" }), (0, jsx_runtime_1.jsx)(forms_1.Select, { name: "filterOperator", items: Object.entries(filterOperators[filter.type]), itemKey: 0, itemLabel: 1, value: String(operator), className: "text-sm", onChange: function (e) {
+    return ((0, jsx_runtime_1.jsxs)(styles.FilterModalContentContainer, { children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: "filterOperator", children: [(0, jsx_runtime_1.jsx)("span", { children: "Op\u00E9rateur :" }), (0, jsx_runtime_1.jsx)(forms_1.Select, { name: "filterOperator", items: Object.entries(filterOperators[filter.type]), itemKey: function (item) { return item[0]; }, itemLabel: function (item) { return item[1]; }, value: String(operator), className: "text-sm", onChange: function (e) {
                             return onFilterChanged(__assign(__assign({}, filter), { operator: e.target.value }));
                         } })] }), (0, jsx_runtime_1.jsxs)("label", { htmlFor: "filterValue1", children: [(0, jsx_runtime_1.jsxs)("span", { children: [operator === 'inRange' ? 'Entre' : 'Valeur', " :"] }), (0, jsx_runtime_1.jsx)(forms_1.Input, { ref: value1Ref, name: "filterValue1", type: filter.type, value: (_b = values[0]) !== null && _b !== void 0 ? _b : '', onChange: function (e) {
                             if (type === 'number') {

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

@@ -0,0 +1,6 @@
+export declare const TOOLBAR_HEIGHT = 40;
+export declare const DEFAULT_HEADER_ROW_HEIGHT = 40;
+export declare const DEFAULT_FOOTER_ROW_HEIGHT = 40;
+export declare const DEFAULT_ROW_HEIGHT = 32;
+export declare const SELECTION_CELL_WIDTH = "var(--space-8)";
+export declare const DEFAULT_COLUMN_WIDTH = 150;

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_COLUMN_WIDTH = exports.SELECTION_CELL_WIDTH = exports.DEFAULT_ROW_HEIGHT = exports.DEFAULT_FOOTER_ROW_HEIGHT = exports.DEFAULT_HEADER_ROW_HEIGHT = exports.TOOLBAR_HEIGHT = void 0;
+exports.TOOLBAR_HEIGHT = 40;
+exports.DEFAULT_HEADER_ROW_HEIGHT = 40;
+exports.DEFAULT_FOOTER_ROW_HEIGHT = 40;
+exports.DEFAULT_ROW_HEIGHT = 32;
+exports.SELECTION_CELL_WIDTH = 'var(--space-8)';
+exports.DEFAULT_COLUMN_WIDTH = 150;

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

@@ -1,14 +1,15 @@
-import { DataGridColumn, DataGridColumns, DataGridSettings } from '../types';
+import { DataGridCheckboxColumn, DataGridColorColumn, DataGridColumn, DataGridDateColumn, DataGridNumberColumn, DataGridSelectColumn, DataGridSettings, DataGridTextColumn } from '../types';
 export declare const isColumnVisible: <R>(obj: DataGridColumn<R> | DataGridSettings) => boolean;
 export declare const buildExcelFormat: (decimals?: number, suffix?: string) => string;
-export declare const textColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R>>) => DataGridColumns<R>;
-export declare const mailColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R>>) => DataGridColumns<R>;
-export declare const phoneColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R>>) => DataGridColumns<R>;
-export declare const dateColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R>>) => DataGridColumns<R>;
-export declare const dateTimeColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R>>) => DataGridColumns<R>;
-export declare const monthColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R>>) => DataGridColumns<R>;
-export declare const numberColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<DataGridColumn<R>>) => DataGridColumns<R>;
-export declare const moneyColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<DataGridColumn<R>>) => DataGridColumns<R>;
-export declare const percentageColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<DataGridColumn<R>>) => DataGridColumns<R>;
-export declare const checkboxColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R>>) => DataGridColumns<R>;
-export declare const colorColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R>>) => DataGridColumns<R>;
+export declare const textColumn: <R extends Record<string, any>>(key: string, title: string, otherOptions?: Partial<DataGridTextColumn<R>>) => DataGridTextColumn<R>;
+export declare const mailColumn: <R extends Record<string, any>>(key: string, title: string, otherOptions?: Partial<DataGridTextColumn<R>>) => DataGridTextColumn<R>;
+export declare const phoneColumn: <R extends Record<string, any>>(key: string, title: string, otherOptions?: Partial<DataGridTextColumn<R>>) => DataGridTextColumn<R>;
+export declare const dateColumn: <R extends Record<string, any>>(key: string, title: string, otherOptions?: Partial<DataGridDateColumn<R>>) => DataGridDateColumn<R>;
+export declare const dateTimeColumn: <R extends Record<string, any>>(key: string, title: string, otherOptions?: Partial<DataGridDateColumn<R>>) => DataGridDateColumn<R>;
+export declare const monthColumn: <R extends Record<string, any>>(key: string, title: string, otherOptions?: Partial<DataGridTextColumn<R>>) => DataGridTextColumn<R>;
+export declare const numberColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, otherOptions?: Partial<DataGridNumberColumn<R>>) => DataGridNumberColumn<R>;
+export declare const moneyColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, otherOptions?: Partial<DataGridNumberColumn<R>>) => DataGridNumberColumn<R>;
+export declare const percentageColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, otherOptions?: Partial<DataGridNumberColumn<R>>) => DataGridNumberColumn<R>;
+export declare const checkboxColumn: <R extends Record<string, any>>(key: string, title: string, otherOptions?: Partial<DataGridCheckboxColumn<R>>) => DataGridCheckboxColumn<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

@@ -14,10 +14,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.colorColumn = exports.checkboxColumn = exports.percentageColumn = exports.moneyColumn = exports.numberColumn = exports.monthColumn = exports.dateTimeColumn = exports.dateColumn = exports.phoneColumn = exports.mailColumn = exports.textColumn = exports.buildExcelFormat = exports.isColumnVisible = void 0;
+exports.colorColumn = exports.selectColumn = exports.checkboxColumn = exports.percentageColumn = exports.moneyColumn = exports.numberColumn = exports.monthColumn = exports.dateTimeColumn = exports.dateColumn = exports.phoneColumn = exports.mailColumn = exports.textColumn = exports.buildExcelFormat = exports.isColumnVisible = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var filters_1 = require("./filters");
 var numbers_1 = require("../../../../helpers/numbers");
+var CheckboxEditableCell_1 = require("../DataGridEditableCell/CheckboxEditableCell");
+var DateEditableCell_1 = require("../DataGridEditableCell/DateEditableCell");
+var NumberEditableCell_1 = require("../DataGridEditableCell/NumberEditableCell");
+var Select_1 = require("../../../forms/Form/Select");
+var TextEditableCell_1 = require("../DataGridEditableCell/TextEditableCell");
+var components_1 = require("../../../../helpers/components");
 var moment_1 = __importDefault(require("moment"));
 var lodash_1 = require("lodash");
 var isColumnVisible = function (obj) { return (obj === null || obj === void 0 ? void 0 : obj.order) !== -1; };
@@ -28,149 +34,113 @@ var buildExcelFormat = function (decimals, suffix) {
     return "#0".concat(decimals > 0 ? ".".concat((0, lodash_1.repeat)('0', decimals)) : '').concat(suffix);
 };
 exports.buildExcelFormat = buildExcelFormat;
-var textColumn = 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 : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: (0, filters_1.textFilter)(key) }, options),
-        _a);
-};
+var textColumn = function (key, title, otherOptions) { return (__assign({ key: key, type: 'text', name: title, render: function (value, 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 : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: (0, filters_1.textFilter)(key), editComponent: TextEditableCell_1.TextEditableCell }, otherOptions)); };
 exports.textColumn = textColumn;
-var mailColumn = 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", { 
-                    // 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 : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: (0, filters_1.textFilter)(key) }, options),
-        _a);
-};
+var mailColumn = function (key, title, otherOptions) { return (__assign({ key: key, type: 'text', name: title, render: function (value, 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 : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: (0, filters_1.textFilter)(key), editComponent: TextEditableCell_1.TextEditableCell }, otherOptions)); };
 exports.mailColumn = mailColumn;
-var phoneColumn = 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", { 
-                    // 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 : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: (0, filters_1.textFilter)(key) }, options),
-        _a);
-};
+var phoneColumn = function (key, title, otherOptions) { return (__assign({ key: key, type: 'text', name: title, render: function (value, 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 : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: (0, filters_1.textFilter)(key), editComponent: TextEditableCell_1.TextEditableCell }, otherOptions)); };
 exports.phoneColumn = phoneColumn;
-var dateColumn = function (key, title, options) {
-    var _a;
-    return (_a = {},
-        _a[key] = __assign({ name: title, type: 'date', render: function (row) { var _a; return (_a = (0, moment_1.default)(row[key]).format('DD/MM/YYYY')) !== null && _a !== void 0 ? _a : ''; }, excelFormatter: function () { return 'dd/mm/yyyy'; }, excelValue: function (date) { var _a; return (_a = (0, moment_1.default)(date).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 : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: __assign(__assign({}, (0, filters_1.dateFilter)(key)), { renderer: function (value) { var _a; return (_a = (0, moment_1.default)(value).format('DD/MM/YYYY')) !== null && _a !== void 0 ? _a : ''; } }) }, options),
-        _a);
-};
+var dateColumn = function (key, title, otherOptions) { return (__assign({ key: key, type: 'date', name: title, render: function (value, row) { var _a; return (_a = (0, moment_1.default)(row[key]).format('DD/MM/YYYY')) !== null && _a !== void 0 ? _a : ''; }, excelOptions: {
+        formatter: function () { return 'dd/mm/yyyy'; },
+        valueGetter: function (value) { var _a; return (_a = (0, moment_1.default)(value).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 : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: __assign(__assign({}, (0, filters_1.dateFilter)(key)), { renderer: function (value) { var _a; return (_a = (0, moment_1.default)(value).format('DD/MM/YYYY')) !== null && _a !== void 0 ? _a : ''; } }), editComponent: DateEditableCell_1.DateEditableCell }, otherOptions)); };
 exports.dateColumn = dateColumn;
-var dateTimeColumn = function (key, title, options) {
-    var _a;
-    return (_a = {},
-        _a[key] = __assign({ name: title, type: 'date', render: function (row) { var _a; return (_a = (0, moment_1.default)(row[key]).format('DD/MM/YYYY HH:mm:ss')) !== null && _a !== void 0 ? _a : ''; }, excelFormatter: function () { return 'dd/mm/yyyy hh:mm:ss'; }, excelValue: function (date) { var _a; return (_a = (0, moment_1.default)(date).format('DD/MM/YYYY HH:mm:ss')) !== 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 : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: __assign(__assign({}, (0, filters_1.dateFilter)(key)), { renderer: function (value) { var _a; return (_a = (0, moment_1.default)(value).format('DD/MM/YYYY HH:mm:ss')) !== null && _a !== void 0 ? _a : ''; } }) }, options),
-        _a);
-};
+var dateTimeColumn = function (key, title, otherOptions) { return (__assign({ key: key, type: 'date', name: title, render: function (value, row) { var _a; return (_a = (0, moment_1.default)(row[key]).format('DD/MM/YYYY HH:mm:ss')) !== null && _a !== void 0 ? _a : ''; }, excelOptions: {
+        formatter: function () { return 'dd/mm/yyyy hh:mm:ss'; },
+        valueGetter: function (value) { var _a; return (_a = (0, moment_1.default)(value).format('DD/MM/YYYY HH:mm:ss')) !== 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 : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: __assign(__assign({}, (0, filters_1.dateFilter)(key)), { renderer: function (value) { var _a; return (_a = (0, moment_1.default)(value).format('DD/MM/YYYY HH:mm:ss')) !== null && _a !== void 0 ? _a : ''; } }), editComponent: DateEditableCell_1.DateEditableCell }, otherOptions)); };
 exports.dateTimeColumn = dateTimeColumn;
-var monthColumn = 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 : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: (0, filters_1.textFilter)(key) }, options),
-        _a);
-};
+var monthColumn = function (key, title, otherOptions) { return (__assign({ key: key, type: 'text', name: title, render: function (value, 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 : ''; }, 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) {
-    var _a;
+var numberColumn = function (key, title, decimals, otherOptions) {
     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 (0, exports.buildExcelFormat)(decimals); }, excelValue: function (value) { return (0, numbers_1.formatNumberInvariant)(value, decimals); }, 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: {
-                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);
-                },
-                average: 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) /
-                        (filteredRows.length || 1), decimals);
-                },
-                count: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); },
-                max: function (_, filteredRows) {
-                    return (0, numbers_1.formatNumber)(Math.max.apply(Math, filteredRows.map(function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : 0; })), decimals);
-                },
-                min: function (_, filteredRows) {
-                    return (0, numbers_1.formatNumber)(Math.min.apply(Math, filteredRows.map(function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : 0; })), decimals);
-                },
-            }, 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 : ''; } }) }, options),
-        _a);
+    var column = __assign({ key: key, type: 'number', name: title, render: function (value, row) { var _a; return (_a = (0, numbers_1.formatNumber)(row[key], decimals)) !== null && _a !== void 0 ? _a : ''; }, excelOptions: {
+            formatter: function () { return (0, exports.buildExcelFormat)(decimals); },
+            valueGetter: function (value) { return (0, numbers_1.formatNumberInvariant)(value, decimals); },
+        }, 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: {
+            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);
+            },
+            average: 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) /
+                    (filteredRows.length || 1), decimals);
+            },
+            count: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); },
+            max: function (_, filteredRows) {
+                return (0, numbers_1.formatNumber)(Math.max.apply(Math, filteredRows.map(function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : 0; })), decimals);
+            },
+            min: function (_, filteredRows) {
+                return (0, numbers_1.formatNumber)(Math.min.apply(Math, filteredRows.map(function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : 0; })), decimals);
+            },
+        }, 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.forwardRefWithName)(function (props, ref) { return ((0, jsx_runtime_1.jsx)(NumberEditableCell_1.NumberEditableCell, __assign({ ref: ref, decimals: column.decimals, currency: column.currency }, props))); }, 'NumberColumnEditComponent') }, otherOptions);
+    return column;
 };
 exports.numberColumn = numberColumn;
-var moneyColumn = function (key, title, decimals, options) {
-    var _a;
+var moneyColumn = function (key, title, decimals, otherOptions) {
     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, exports.buildExcelFormat)(decimals, ' €'); }, excelValue: function (value) { return (0, numbers_1.formatNumberInvariant)(value, decimals); }, 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, filters_1.numberFilter)(key)), { renderer: function (value) { var _a; return (_a = (0, numbers_1.formatMoney)(value, decimals)) !== null && _a !== void 0 ? _a : ''; } }), footer: {
-                sum: function (_, filteredRows) {
-                    return (0, numbers_1.formatMoney)(filteredRows.reduce(function (acc, row) { var _a; return acc + ((_a = row[key]) !== null && _a !== void 0 ? _a : 0); }, 0), decimals);
-                },
-                average: function (_, filteredRows) {
-                    return (0, numbers_1.formatMoney)(filteredRows.reduce(function (acc, row) { var _a; return acc + ((_a = row[key]) !== null && _a !== void 0 ? _a : 0); }, 0) /
-                        (filteredRows.length || 1), decimals);
-                },
-                count: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); },
-                max: function (_, filteredRows) {
-                    return (0, numbers_1.formatMoney)(Math.max.apply(Math, filteredRows.map(function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : 0; })), decimals);
-                },
-                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);
-                },
-            } }, options),
-        _a);
+    var column = __assign({ key: key, type: 'number', name: title, render: function (value, row) { var _a; return (_a = (0, numbers_1.formatMoney)(row[key], decimals)) !== null && _a !== void 0 ? _a : ''; }, excelOptions: {
+            formatter: function () { return (0, exports.buildExcelFormat)(decimals, ' €'); },
+            valueGetter: function (value) { return (0, numbers_1.formatNumberInvariant)(value, decimals); },
+        }, 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, filters_1.numberFilter)(key)), { renderer: function (value) { var _a; return (_a = (0, numbers_1.formatMoney)(value, decimals)) !== null && _a !== void 0 ? _a : ''; } }), footer: {
+            sum: function (_, filteredRows) {
+                return (0, numbers_1.formatMoney)(filteredRows.reduce(function (acc, row) { var _a; return acc + ((_a = row[key]) !== null && _a !== void 0 ? _a : 0); }, 0), decimals);
+            },
+            average: function (_, filteredRows) {
+                return (0, numbers_1.formatMoney)(filteredRows.reduce(function (acc, row) { var _a; return acc + ((_a = row[key]) !== null && _a !== void 0 ? _a : 0); }, 0) /
+                    (filteredRows.length || 1), decimals);
+            },
+            count: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); },
+            max: function (_, filteredRows) {
+                return (0, numbers_1.formatMoney)(Math.max.apply(Math, filteredRows.map(function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : 0; })), decimals);
+            },
+            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);
+    return column;
 };
 exports.moneyColumn = moneyColumn;
-var percentageColumn = function (key, title, decimals, options) {
-    var _a;
+var percentageColumn = function (key, title, decimals, otherOptions) {
     if (decimals === void 0) { decimals = 2; }
-    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, exports.buildExcelFormat)(decimals, '%'); }, excelValue: function (value) { return (0, numbers_1.formatNumberInvariant)(value, decimals); }, 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: (0, filters_1.numberFilter)(key), footer: {
-                average: 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) /
-                        (filteredRows.length || 1), decimals);
-                },
-                count: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); },
-                max: function (_, filteredRows) {
-                    return (0, numbers_1.formatNumber)(Math.max.apply(Math, filteredRows.map(function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : 0; })), decimals);
-                },
-                min: function (_, filteredRows) {
-                    return (0, numbers_1.formatNumber)(Math.min.apply(Math, filteredRows.map(function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : 0; })), decimals);
-                },
-                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);
-                },
-            } }, options),
-        _a);
+    var column = __assign({ key: key, type: 'number', name: title, render: function (value, row) { var _a; return (_a = (0, numbers_1.formatPercentage)(row[key])) !== null && _a !== void 0 ? _a : ''; }, excelOptions: {
+            formatter: function () { return (0, exports.buildExcelFormat)(decimals, '%'); },
+            valueGetter: function (value) { return (0, numbers_1.formatNumberInvariant)(value, decimals); },
+        }, 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: (0, filters_1.numberFilter)(key), footer: {
+            average: 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) /
+                    (filteredRows.length || 1), decimals);
+            },
+            count: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); },
+            max: function (_, filteredRows) {
+                return (0, numbers_1.formatNumber)(Math.max.apply(Math, filteredRows.map(function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : 0; })), decimals);
+            },
+            min: function (_, filteredRows) {
+                return (0, numbers_1.formatNumber)(Math.min.apply(Math, filteredRows.map(function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : 0; })), decimals);
+            },
+            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);
+    return column;
 };
 exports.percentageColumn = percentageColumn;
-var checkboxColumn = 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: (0, filters_1.numberFilter)(key), footer: {
-                count: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); },
-                checked: function (_, filteredRows) {
-                    return "".concat(filteredRows.filter(function (row) { return !!row[key]; }).length, " coch\u00E9s");
-                },
-                unchecked: function (_, filteredRows) {
-                    return "".concat(filteredRows.filter(function (row) { return !row[key]; }).length, " d\u00E9coch\u00E9s");
-                },
-            } }, options),
-        _a);
-};
+var checkboxColumn = function (key, title, otherOptions) { return (__assign({ key: key, type: 'checkbox', name: title, render: function (value, 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: (0, filters_1.numberFilter)(key), footer: {
+        count: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); },
+        checked: function (_, filteredRows) {
+            return "".concat(filteredRows.filter(function (row) { return !!row[key]; }).length, " coch\u00E9s");
+        },
+        unchecked: function (_, filteredRows) {
+            return "".concat(filteredRows.filter(function (row) { return !row[key]; }).length, " d\u00E9coch\u00E9s");
+        },
+    }, editComponent: CheckboxEditableCell_1.CheckboxEditableCell }, otherOptions)); };
 exports.checkboxColumn = checkboxColumn;
-var colorColumn = 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: (0, filters_1.textFilter)(key), footer: function (rows) { return "".concat(rows.length, " \u00E9l\u00E9ments"); } }, options),
-        _a);
-};
+var selectColumn = function (key, title, items, itemKey, itemLabel, otherOptions) { return (__assign({ key: key, type: 'select', name: title, render: function (value, row) { var _a; return (_a = itemLabel(row[key])) !== null && _a !== void 0 ? _a : ''; }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : null; }, sortGetter: function (row) { var _a; return (_a = itemLabel(row[key])) !== null && _a !== void 0 ? _a : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: (0, filters_1.textFilter)(key), items: items, itemKey: itemKey, itemLabel: itemLabel, editComponent: (0, components_1.forwardRefWithName)(function (_a, ref) {
+        var value = _a.value, onChange = _a.onChange, onClose = _a.onClose;
+        return ((0, jsx_runtime_1.jsx)(Select_1.Select, { ref: ref, items: items, itemKey: itemKey, itemLabel: itemLabel, value: value, onChange: onChange, onBlur: function () { return onClose(true); } }));
+    }, 'SelectColumnEditComponent') }, otherOptions)); };
+exports.selectColumn = selectColumn;
+var colorColumn = function (key, title, otherOptions) { return (__assign({ key: key, type: 'color', name: title, render: function (value, 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: (0, filters_1.textFilter)(key), footer: function (rows) { return "".concat(rows.length, " \u00E9l\u00E9ments"); } }, otherOptions)); };
 exports.colorColumn = colorColumn;

package/dist/components/data/DataGrid/hooks/index.d.ts

@@ -1,7 +1,7 @@
 import { DataGridColumns, DataGridContext } from '../types';
+export { useDataGrid } from './useDataGrid';
 export { useDataGridCopy } from './useDataGridCopy';
 export { useDataGridSettings } from './useDataGridSettings';
-export { useDataGrid } from './useDataGrid';
 export declare const useDataGridContext: <R>(context: DataGridContext<R>) => import("../types").DataGridContextProps<R>;
-export declare const useVisibleAndHiddenColumns: <R>(columns: DataGridColumns<R>) => import("lodash").Dictionary<import("../types").DataGridColumn<R>>[];
-export declare const useSortedColumns: <R>(columns: DataGridColumns<R>) => [string, import("../types").DataGridColumn<R>][];
+export declare const useVisibleAndHiddenColumns: <R>(columns: DataGridColumns<R>) => import("../types").DataGridColumn<R>[][];
+export declare const useSortedColumns: <R>(columns: DataGridColumns<R>) => import("../types").DataGridColumn<R>[];

package/dist/components/data/DataGrid/hooks/index.js

@@ -1,34 +1,30 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSortedColumns = exports.useVisibleAndHiddenColumns = exports.useDataGridContext = exports.useDataGrid = exports.useDataGridSettings = exports.useDataGridCopy = void 0;
+exports.useSortedColumns = exports.useVisibleAndHiddenColumns = exports.useDataGridContext = exports.useDataGridSettings = exports.useDataGridCopy = exports.useDataGrid = void 0;
 var react_1 = require("react");
 var columns_1 = require("../helpers/columns");
-var lodash_1 = require("lodash");
+var useDataGrid_1 = require("./useDataGrid");
+Object.defineProperty(exports, "useDataGrid", { enumerable: true, get: function () { return useDataGrid_1.useDataGrid; } });
 var useDataGridCopy_1 = require("./useDataGridCopy");
 Object.defineProperty(exports, "useDataGridCopy", { enumerable: true, get: function () { return useDataGridCopy_1.useDataGridCopy; } });
 var useDataGridSettings_1 = require("./useDataGridSettings");
 Object.defineProperty(exports, "useDataGridSettings", { enumerable: true, get: function () { return useDataGridSettings_1.useDataGridSettings; } });
-var useDataGrid_1 = require("./useDataGrid");
-Object.defineProperty(exports, "useDataGrid", { enumerable: true, get: function () { return useDataGrid_1.useDataGrid; } });
 var useDataGridContext = function (context) {
     return (0, react_1.useContext)(context);
 };
 exports.useDataGridContext = useDataGridContext;
 var useVisibleAndHiddenColumns = function (columns) {
     return (0, react_1.useMemo)(function () { return [
-        (0, lodash_1.pickBy)(columns, function (col) { return (0, columns_1.isColumnVisible)(col); }),
-        (0, lodash_1.pickBy)(columns, function (col) { return !(0, columns_1.isColumnVisible)(col); }),
+        columns.filter(columns_1.isColumnVisible),
+        columns.filter(function (col) { return !(0, columns_1.isColumnVisible)(col); }),
     ]; }, [columns]);
 };
 exports.useVisibleAndHiddenColumns = useVisibleAndHiddenColumns;
 var useSortedColumns = function (columns) {
     return (0, react_1.useMemo)(function () {
-        return Object.entries(columns)
-            .filter(function (_a) {
-            var col = _a[1];
-            return (0, columns_1.isColumnVisible)(col);
-        })
-            .sort(function (a, b) { var _a, _b; return ((_a = a[1].order) !== null && _a !== void 0 ? _a : 0) - ((_b = b[1].order) !== null && _b !== void 0 ? _b : 0); });
+        return columns
+            .filter(columns_1.isColumnVisible)
+            .sort(function (a, b) { var _a, _b; return ((_a = a.order) !== null && _a !== void 0 ? _a : 0) - ((_b = b.order) !== null && _b !== void 0 ? _b : 0); });
     }, [columns]);
 };
 exports.useSortedColumns = useSortedColumns;