@addev-be/ui 0.19.2 → 0.19.3

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

@@ -0,0 +1,173 @@
+"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));
+};
+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 helpers_1 = require("./helpers");
+var react_1 = require("react");
+var _1 = require(".");
+var lodash_1 = require("lodash");
+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,
+        };
+};
+var getFirstColumnField = function (columns) {
+    return getColumnField(columns, Object.keys(columns)[0]);
+};
+var AdvancedRequestDataGrid = function (props) {
+    var _a;
+    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 _f = (0, react_1.useState)([]), conditions = _f[0], setConditions = _f[1];
+    var _g = (0, react_1.useState)((_a = props.orderBy) !== null && _a !== void 0 ? _a : [
+        {
+            field: getFirstColumnField(props.columns),
+            direction: 'ASC',
+        },
+    ]), 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) {
+        console.log('filters changed', filters);
+        var newConditions = (0, helpers_1.convertFiltersToConditions)(filters);
+        console.log('new conditions:', newConditions);
+        setTotal(-1);
+        setConditions(newConditions);
+    }, []);
+    var onSortsChanged = (0, react_1.useCallback)(function (sorts) {
+        console.log('sorts changed', sorts);
+        refresh();
+        setOrderBy(Object.entries(sorts).map(function (_a) {
+            var columnKey = _a[0], direction = _a[1];
+            return ({
+                field: getColumnField(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, 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,
+        })).then(function (response) {
+            var _a;
+            var _b, _c;
+            if (getTotal) {
+                currentRows.current = Array(response.total).fill(null);
+                if (getTotal)
+                    setTotal((_b = response.total) !== null && _b !== void 0 ? _b : 0);
+            }
+            var parsedRows = response.data.map((_c = props.parser) !== null && _c !== void 0 ? _c : (function (row) { return row; }));
+            (_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;
+        return advancedRequest({
+            fields: [
+                {
+                    fieldName: columnKey,
+                },
+            ],
+            conditions: __spreadArray(__spreadArray(__spreadArray([], ((_a = props.conditions) !== null && _a !== void 0 ? _a : []), true), conditions, true), [
+                {
+                    field: {
+                        fieldName: 'DeletedAt',
+                    },
+                    operator: 'isNull',
+                },
+            ], false).filter(function (condition) {
+                var _a;
+                return ((_a = condition.field.fieldAlias) !== null && _a !== void 0 ? _a : condition.field.fieldName) !==
+                    columnKey;
+            }),
+            orderBy: [
+                {
+                    field: { fieldName: columnKey },
+                    direction: 'ASC',
+                },
+            ],
+            type: props.type,
+            getTotal: false,
+            unique: true,
+        }).then(function (response) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            return response.data.map(function (row) { return row[columnKey]; });
+        });
+    }, [advancedRequest, conditions, props.conditions, props.type]);
+    (0, react_1.useEffect)(function () {
+        var _a;
+        return loadRows.current(props.columns, __spreadArray(__spreadArray([], ((_a = props.conditions) !== null && _a !== void 0 ? _a : []), true), (conditions !== null && conditions !== void 0 ? conditions : []), true), orderBy, start, length, total < 0);
+    }, [props.columns, conditions, orderBy, start, length, total, props.conditions]);
+    var loadCopyRows = (0, react_1.useCallback)(function () {
+        var _a;
+        return advancedRequest((0, helpers_1.getAdvancedRequestDto)({
+            type: props.type,
+            columns: props.columns,
+            conditions: __spreadArray(__spreadArray([], ((_a = props.conditions) !== null && _a !== void 0 ? _a : []), true), (conditions !== null && conditions !== void 0 ? conditions : []), true),
+            orderBy: orderBy,
+            start: 0,
+            length: total,
+        })).then(function (response) { var _a; return response.data.map((_a = props.parser) !== null && _a !== void 0 ? _a : (function (row) { return row; })); });
+    }, [
+        advancedRequest,
+        conditions,
+        orderBy,
+        props.columns,
+        props.conditions,
+        props.parser,
+        props.type,
+        total,
+    ]);
+    var onVisibleRowsChanged = (0, react_1.useCallback)(function (newStart, newLength) {
+        if (newStart !== start || newLength !== length) {
+            setStart(newStart);
+            setLength(newLength);
+        }
+    }, [length, start]);
+    return ((0, jsx_runtime_1.jsx)(_1.DataGrid, __assign({ onVisibleRowsChange: onVisibleRowsChanged, filter: false, sort: false, onFiltersChanged: onFiltersChanged, onSortsChanged: onSortsChanged, filterValuesLoader: loadFilterValues, rows: rows, loadCopyRows: loadCopyRows, refresh: refresh }, props)));
+};
+exports.AdvancedRequestDataGrid = AdvancedRequestDataGrid;

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

@@ -32,14 +32,14 @@ var react_1 = require("react");
 var DataGridEditableCell_1 = require("./DataGridEditableCell");
 var hooks_1 = require("./hooks");
 var defaultRender = function (row, col) {
-    var value = col.propertyName ? row[col.propertyName] : '';
+    var value = col.getter(row);
     return !value ? '' : String(value);
 };
 var DataGridCell = function (_a) {
     var _b, _c;
     var row = _a.row, rowIndex = _a.rowIndex, columnKey = _a.columnKey, columnIndex = _a.columnIndex, column = _a.column, context = _a.context, style = _a.style;
-    var _d = (0, hooks_1.useDataGridContext)(context), name = _d.name, editable = _d.editable, _e = _d.editingCell, editingCell = _e === void 0 ? [-1, -1] : _e, setEditingCell = _d.setEditingCell, onRowDoubleClick = _d.onRowDoubleClick;
-    var isEditable = !!editable && !!column.editable && column.type && column.getter;
+    var _d = (0, hooks_1.useDataGridContext)(context), name = _d.name, editable = _d.editable, _e = _d.editingCell, editingCell = _e === void 0 ? [-1, -1] : _e, setEditingCell = _d.setEditingCell, onRowDoubleClick = _d.onRowDoubleClick, userSelect = _d.userSelect;
+    var isEditable = !!editable && !!column.editable && !!column.editComponent;
     var isEditing = isEditable && editingCell[0] === rowIndex && editingCell[1] === columnIndex;
     var DataGridCellComponent = (_b = column.component) !== null && _b !== void 0 ? _b : styles.DataGridCell;
     var onDoubleClick = (0, react_1.useCallback)(function (e) {
@@ -52,8 +52,8 @@ var DataGridCell = function (_a) {
             onRowDoubleClick === null || onRowDoubleClick === void 0 ? void 0 : onRowDoubleClick(row, e);
     }, [columnIndex, isEditable, onRowDoubleClick, row, rowIndex, setEditingCell]);
     if (isEditing) {
-        return ((0, jsx_runtime_1.jsx)(DataGridEditableCell_1.DataGridEditableCell, { row: row, rowIndex: rowIndex, columnKey: columnKey, columnIndex: columnIndex, column: column, context: context }, "".concat(name, "-").concat(rowIndex, "-").concat(columnIndex)));
+        return ((0, jsx_runtime_1.jsx)(DataGridEditableCell_1.DataGridEditableCell, { row: row, rowIndex: rowIndex, columnKey: columnKey, columnIndex: columnIndex, column: column, context: context, userSelect: userSelect }, "".concat(name, "-").concat(rowIndex, "-").concat(columnIndex)));
     }
-    return ((0, jsx_runtime_1.jsx)(DataGridCellComponent, { onDoubleClick: onDoubleClick, style: style, children: ((_c = column.render) !== null && _c !== void 0 ? _c : defaultRender)(row, column) }, "".concat(name, "-").concat(rowIndex, "-").concat(columnIndex)));
+    return ((0, jsx_runtime_1.jsx)(DataGridCellComponent, { onDoubleClick: onDoubleClick, style: style, "$userSelect": userSelect, "$color": column.color, "$textAlign": column.textAlign, children: ((_c = column.render) !== null && _c !== void 0 ? _c : defaultRender)(row, column) }, "".concat(name, "-").concat(rowIndex, "-").concat(columnIndex)));
 };
 exports.DataGridCell = DataGridCell;

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

@@ -1,2 +1,2 @@
-import { DataGridColumnKeyValuePair, DataGridColumns } from '../types';
-export declare const normalizeColumnsOrders: <R>(columns: DataGridColumns<R> | DataGridColumnKeyValuePair<R>[]) => DataGridColumnKeyValuePair<R>[];
+import { DataGridColumns } from '../types';
+export declare const normalizeColumnsOrders: <R>(columns: DataGridColumns<R>) => DataGridColumns<R>;

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

@@ -13,12 +13,6 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalizeColumnsOrders = void 0;
 var normalizeColumnsOrders = function (columns) {
-    return (Array.isArray(columns) ? columns : Object.entries(columns)).map(function (_a, index) {
-        var key = _a[0], column = _a[1];
-        return [
-            key,
-            __assign(__assign({}, column), { order: index }),
-        ];
-    });
+    return columns.map(function (column, index) { return (__assign(__assign({}, column), { order: index })); });
 };
 exports.normalizeColumnsOrders = normalizeColumnsOrders;

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

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDataGridColumnsModal = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var lodash_1 = require("lodash");
 var react_1 = require("react");
 var forms_1 = require("../../../forms");
 var _1 = require(".");
 var Modal_1 = require("../../../layout/Modal");
-var lodash_1 = require("lodash");
 var useDataGridColumnsModal = function (context) {
     var _a = (0, react_1.useState)(false), isVisible = _a[0], setIsVisible = _a[1];
     var _b = (0, react_1.useContext)(context), columns = _b.columns, setSettings = _b.setSettings, saveSettings = _b.saveSettings;
@@ -19,7 +19,7 @@ var useDataGridColumnsModal = function (context) {
         setIsVisible(false);
     }, []);
     var onApplyClicked = (0, react_1.useCallback)(function () {
-        var newSettings = (0, lodash_1.mapValues)(currentColumns, function (col) {
+        var newSettings = (0, lodash_1.mapValues)((0, lodash_1.keyBy)(currentColumns, 'key'), function (col) {
             var _a, _b;
             return ({
                 order: (_a = col.order) !== null && _a !== void 0 ? _a : 0,
@@ -31,7 +31,7 @@ var useDataGridColumnsModal = function (context) {
         closeModal();
     }, [currentColumns, closeModal, saveSettings, setSettings]);
     var modal = (0, react_1.useMemo)(function () {
-        return isVisible ? ((0, jsx_runtime_1.jsxs)(Modal_1.Modal, { "$width": 600, "$height": 400, children: [(0, jsx_runtime_1.jsx)(Modal_1.Modal.Header, { children: "Param\u00E8tres des colonnes" }), (0, jsx_runtime_1.jsx)(Modal_1.Modal.Content, { children: (0, jsx_runtime_1.jsx)(_1.DataGridColumnsEditor, { columns: currentColumns, onColumnsChanged: setCurrentColumns }) }), (0, jsx_runtime_1.jsxs)(Modal_1.Modal.Footer, { children: [(0, jsx_runtime_1.jsx)(forms_1.Button, { onClick: closeModal, children: "Annuler" }), (0, jsx_runtime_1.jsx)(forms_1.Button, { color: "primary", style: { marginLeft: 'auto' }, onClick: onApplyClicked, children: "Appliquer" })] })] })) : null;
+        return isVisible ? ((0, jsx_runtime_1.jsxs)(Modal_1.Modal, { "$width": 600, "$height": 400, children: [(0, jsx_runtime_1.jsx)(Modal_1.Modal.Header, { children: "Param\u00E8tres des colonnes" }), (0, jsx_runtime_1.jsx)(Modal_1.Modal.Content, { children: (0, jsx_runtime_1.jsx)(_1.DataGridColumnsEditor, { columns: currentColumns, onColumnsChanged: setCurrentColumns }) }), (0, jsx_runtime_1.jsxs)(Modal_1.Modal.Footer, { children: [(0, jsx_runtime_1.jsx)(forms_1.Button, { onClick: closeModal, children: "Annuler" }), (0, jsx_runtime_1.jsx)(forms_1.Button, { "$color": "primary", style: { marginLeft: 'auto' }, onClick: onApplyClicked, children: "Appliquer" })] })] })) : null;
     }, [closeModal, currentColumns, isVisible, onApplyClicked]);
     return { openModal: openModal, closeModal: closeModal, modal: modal };
 };

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

@@ -62,19 +62,16 @@ var DataGridColumnItem = function (_a) {
 exports.DataGridColumnItem = DataGridColumnItem;
 var DataGridColumnsEditor = function (_a) {
     var columns = _a.columns, onColumnsChanged = _a.onColumnsChanged;
+    console.log('DataGridColumnsEditor columns:', columns);
     var _b = (0, hooks_1.useVisibleAndHiddenColumns)(columns), visibleColumns = _b[0], hiddenColumns = _b[1];
-    var sortedVisibleColumnsEntries = (0, helpers_1.normalizeColumnsOrders)(lodash_1.default.sortBy(Object.entries(visibleColumns), function (_a) {
-        var _b;
-        var col = _a[1];
-        return (_b = col.order) !== null && _b !== void 0 ? _b : 0;
-    }));
+    var sortedVisibleColumnsEntries = (0, helpers_1.normalizeColumnsOrders)(lodash_1.default.sortBy(visibleColumns, function (col) { var _a; return (_a = col.order) !== null && _a !== void 0 ? _a : 0; }));
     var onUpButtonClicked = (0, react_1.useCallback)(function (index) {
         if (index > 0) {
             var newArray_1 = (0, helpers_1.normalizeColumnsOrders)(__spreadArray(__spreadArray(__spreadArray([], sortedVisibleColumnsEntries.slice(0, index - 1), true), [
                 sortedVisibleColumnsEntries[index],
                 sortedVisibleColumnsEntries[index - 1]
             ], false), sortedVisibleColumnsEntries.slice(index + 1), true));
-            onColumnsChanged(function () { return (__assign(__assign({}, Object.fromEntries(newArray_1)), hiddenColumns)); });
+            onColumnsChanged(function () { return __spreadArray(__spreadArray([], newArray_1, true), hiddenColumns, true); });
         }
     }, [hiddenColumns, onColumnsChanged, sortedVisibleColumnsEntries]);
     var onDownButtonClicked = (0, react_1.useCallback)(function (index) {
@@ -83,29 +80,27 @@ var DataGridColumnsEditor = function (_a) {
                 sortedVisibleColumnsEntries[index + 1],
                 sortedVisibleColumnsEntries[index]
             ], false), sortedVisibleColumnsEntries.slice(index + 2), true));
-            onColumnsChanged(function () { return (__assign(__assign({}, Object.fromEntries(newArray_2)), hiddenColumns)); });
+            onColumnsChanged(function () { return __spreadArray(__spreadArray([], newArray_2, true), hiddenColumns, true); });
         }
     }, [hiddenColumns, onColumnsChanged, sortedVisibleColumnsEntries]);
     var onHideButtonClicked = (0, react_1.useCallback)(function (columnKey) {
         onColumnsChanged(function (prev) {
-            var _a;
-            return (__assign(__assign({}, prev), (_a = {}, _a[columnKey] = __assign(__assign({}, prev[columnKey]), { order: -1 }), _a)));
+            return prev.map(function (column) {
+                return column.key === columnKey
+                    ? __assign(__assign({}, column), { order: -1 }) : column;
+            });
         });
     }, [onColumnsChanged]);
     var onShowButtonClicked = (0, react_1.useCallback)(function (columnKey) {
         onColumnsChanged(function (prev) {
-            var _a;
-            return (__assign(__assign({}, prev), (_a = {}, _a[columnKey] = __assign(__assign({}, hiddenColumns[columnKey]), { order: Object.keys(prev).length }), _a)));
+            return prev.map(function (column) {
+                return column.key === columnKey
+                    ? __assign(__assign({}, column), { order: Object.keys(prev).length }) : column;
+            });
         });
-    }, [hiddenColumns, onColumnsChanged]);
-    return ((0, jsx_runtime_1.jsxs)(styles.Container, { children: [(0, jsx_runtime_1.jsxs)(styles.Panel, { children: [(0, jsx_runtime_1.jsx)(styles.Title, { children: "Colonnes visibles" }), (0, jsx_runtime_1.jsx)(styles.ColumnsList, { children: sortedVisibleColumnsEntries.map(function (_a, index) {
-                            var key = _a[0], column = _a[1];
-                            return ((0, jsx_runtime_1.jsx)(exports.DataGridColumnItem, { columnKey: key, columnIndex: index, column: column, visible: true, onUpButtonClicked: index > 0 ? onUpButtonClicked : undefined, onDownButtonClicked: index < sortedVisibleColumnsEntries.length - 1
-                                    ? onDownButtonClicked
-                                    : undefined, onVisibleButtonClicked: onHideButtonClicked }, key));
-                        }) })] }), (0, jsx_runtime_1.jsxs)(styles.Panel, { children: [(0, jsx_runtime_1.jsx)(styles.Title, { children: "Colonnes masqu\u00E9es" }), (0, jsx_runtime_1.jsx)(styles.ColumnsList, { children: Object.entries(hiddenColumns).map(function (_a, index) {
-                            var key = _a[0], column = _a[1];
-                            return ((0, jsx_runtime_1.jsx)(exports.DataGridColumnItem, { columnKey: key, columnIndex: index, column: column, visible: false, onVisibleButtonClicked: onShowButtonClicked }, key));
-                        }) })] })] }));
+    }, [onColumnsChanged]);
+    return ((0, jsx_runtime_1.jsxs)(styles.Container, { children: [(0, jsx_runtime_1.jsxs)(styles.Panel, { children: [(0, jsx_runtime_1.jsx)(styles.Title, { children: "Colonnes visibles" }), (0, jsx_runtime_1.jsx)(styles.ColumnsList, { children: sortedVisibleColumnsEntries.map(function (column, index) { return ((0, jsx_runtime_1.jsx)(exports.DataGridColumnItem, { columnKey: column.key, columnIndex: index, column: column, visible: true, onUpButtonClicked: index > 0 ? onUpButtonClicked : undefined, onDownButtonClicked: index < sortedVisibleColumnsEntries.length - 1
+                                ? onDownButtonClicked
+                                : undefined, onVisibleButtonClicked: onHideButtonClicked }, column.key)); }) })] }), (0, jsx_runtime_1.jsxs)(styles.Panel, { children: [(0, jsx_runtime_1.jsx)(styles.Title, { children: "Colonnes masqu\u00E9es" }), (0, jsx_runtime_1.jsx)(styles.ColumnsList, { children: hiddenColumns.map(function (column, index) { return ((0, jsx_runtime_1.jsx)(exports.DataGridColumnItem, { columnKey: column.key, columnIndex: index, column: column, visible: false, onVisibleButtonClicked: onShowButtonClicked }, column.key)); }) })] })] }));
 };
 exports.DataGridColumnsEditor = DataGridColumnsEditor;

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

@@ -0,0 +1,2 @@
+import { DataGridEditableCellProps } from './types';
+export declare const CheckboxEditableCell: <R>(props: DataGridEditableCellProps<R, boolean> & import("react").RefAttributes<HTMLInputElement>) => import("react").JSX.Element | null;

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxEditableCell = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var CheckboxEditableCellInner = function (_a, ref) {
+    var value = _a.value, onChange = _a.onChange, onClose = _a.onClose;
+    var onBlur = (0, react_1.useCallback)(function () {
+        onClose(true);
+    }, [onClose]);
+    var onKeyDown = (0, react_1.useCallback)(function (e) {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            onClose(true);
+        }
+        else if (e.key === 'Escape') {
+            e.preventDefault();
+            onClose(false);
+        }
+    }, [onClose]);
+    return ((0, jsx_runtime_1.jsx)("input", { ref: ref, type: "checkbox", checked: value, onChange: function (e) { return onChange(e.target.checked); }, onBlur: onBlur, onKeyDown: onKeyDown }));
+};
+exports.CheckboxEditableCell = (0, react_1.forwardRef)(CheckboxEditableCellInner);

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

@@ -0,0 +1,2 @@
+import { DataGridEditableCellProps } from './types';
+export declare const DateEditableCell: <R>(props: DataGridEditableCellProps<R, string> & import("react").RefAttributes<HTMLInputElement>) => import("react").JSX.Element | null;

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

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateEditableCell = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var moment_1 = __importDefault(require("moment"));
+var DateEditableCellInner = function (_a, ref) {
+    var value = _a.value, onChange = _a.onChange, onClose = _a.onClose;
+    var onBlur = (0, react_1.useCallback)(function () {
+        onClose(true);
+    }, [onClose]);
+    var onKeyDown = (0, react_1.useCallback)(function (e) {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            onClose(true);
+        }
+        else if (e.key === 'Escape') {
+            e.preventDefault();
+            onClose(false);
+        }
+    }, [onClose]);
+    return ((0, jsx_runtime_1.jsx)("input", { ref: ref, type: "date", value: (0, moment_1.default)(value).format('YYYY-MM-DD'), onChange: function (e) { return onChange(e.target.value); }, onBlur: onBlur, onKeyDown: onKeyDown }));
+};
+exports.DateEditableCell = (0, react_1.forwardRef)(DateEditableCellInner);

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

@@ -0,0 +1,5 @@
+import { DataGridEditableCellProps } from './types';
+export declare const NumberEditableCell: <R>(props: DataGridEditableCellProps<R, number> & {
+    decimals?: number;
+    currency?: string | ((row: R) => string);
+} & import("react").RefAttributes<HTMLElement>) => import("react").JSX.Element | null;

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumberEditableCell = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var numbers_1 = require("../../../../helpers/numbers");
+var react_number_format_1 = require("react-number-format");
+var NumberEditableCellInner = function (_a, ref) {
+    var _b = _a.decimals, decimals = _b === void 0 ? 0 : _b, currency = _a.currency, row = _a.row, value = _a.value, onChange = _a.onChange, onClose = _a.onClose;
+    var currencyName = typeof currency === 'function' ? currency(row) : currency;
+    var _c = currencyName
+        ? (0, numbers_1.getCurrencySymbol)(currencyName)
+        : [undefined, undefined], prefix = _c[0], suffix = _c[1];
+    var onBlur = (0, react_1.useCallback)(function () {
+        onClose(true);
+    }, [onClose]);
+    var onKeyDown = (0, react_1.useCallback)(function (e) {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            onClose(true);
+        }
+        else if (e.key === 'Escape') {
+            e.preventDefault();
+            onClose(false);
+        }
+    }, [onClose]);
+    return ((0, jsx_runtime_1.jsx)(react_number_format_1.NumericFormat, { getInputRef: ref, value: Number(value), onChange: function (e) {
+            console.log('e:', e);
+            onChange((0, numbers_1.parseNumber)(e.target.value));
+        }, onBlur: onBlur, onKeyDown: onKeyDown, decimalSeparator: numbers_1.decimalSeparator, decimalScale: decimals, fixedDecimalScale: !!decimals, prefix: prefix ? prefix + ' ' : undefined, suffix: suffix ? ' ' + suffix : undefined }));
+};
+exports.NumberEditableCell = (0, react_1.forwardRef)(NumberEditableCellInner);

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

@@ -0,0 +1,2 @@
+import { DataGridEditableCellProps } from './types';
+export declare const TextEditableCell: <R>(props: DataGridEditableCellProps<R, string> & import("react").RefAttributes<HTMLInputElement>) => import("react").JSX.Element | null;

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextEditableCell = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var TextEditableCellInner = function (_a, ref) {
+    var value = _a.value, onChange = _a.onChange, onClose = _a.onClose;
+    var onBlur = (0, react_1.useCallback)(function () {
+        onClose(true);
+    }, [onClose]);
+    var onKeyDown = (0, react_1.useCallback)(function (e) {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            onClose(true);
+        }
+        else if (e.key === 'Escape') {
+            e.preventDefault();
+            onClose(false);
+        }
+    }, [onClose]);
+    return ((0, jsx_runtime_1.jsx)("input", { ref: ref, type: "text", value: String(value), onChange: function (e) { return onChange(e.target.value); }, onBlur: onBlur, onKeyDown: onKeyDown }));
+};
+exports.TextEditableCell = (0, react_1.forwardRef)(TextEditableCellInner);

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

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

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

@@ -0,0 +1,91 @@
+"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));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridEditableCell = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var styles_1 = require("./styles");
+var hooks_1 = require("../hooks");
+var DataGridEditableCell = function (_a) {
+    var _b;
+    var row = _a.row, columnKey = _a.columnKey, column = _a.column, context = _a.context;
+    var _c = (0, hooks_1.useDataGridContext)(context), setEditingCell = _c.setEditingCell, setRows = _c.setRows, editRow = _c.editRow, rows = _c.rows, rowKeyGetter = _c.rowKeyGetter;
+    var initialValue = (0, react_1.useMemo)(function () { var _a; return (_a = column.getter(row)) !== null && _a !== void 0 ? _a : ''; }, [column, row]);
+    var _d = (0, react_1.useState)(initialValue), value = _d[0], setValue = _d[1];
+    var inputRef = (0, react_1.useRef)(null);
+    var rowKey = rowKeyGetter(row);
+    var defaultItemToPartialRow = (0, react_1.useCallback)(function (row, newValue) {
+        var _a;
+        return (_a = {}, _a[columnKey] = newValue, _a);
+    }, [columnKey]);
+    var partialRowGetter = (_b = column.itemToPartialRow) !== null && _b !== void 0 ? _b : defaultItemToPartialRow;
+    var save = (0, react_1.useCallback)(function () {
+        var rowIndex = rows.findIndex(function (r) { return rowKeyGetter(r) === rowKeyGetter(row); });
+        // If row is found
+        if (rowIndex >= 0) {
+            // Update the row with the new value
+            var partialRow = partialRowGetter(row, value);
+            var newRow_1 = __assign(__assign({}, row), partialRow);
+            // Update the edited rows state
+            editRow(rowKey, partialRow);
+            // Update the rows
+            setRows === null || setRows === void 0 ? void 0 : setRows(function (oldRows) {
+                var newRows = __spreadArray([], oldRows, true);
+                newRows[rowIndex] = newRow_1;
+                return newRows;
+            });
+        }
+    }, [
+        editRow,
+        partialRowGetter,
+        row,
+        rowKey,
+        rowKeyGetter,
+        rows,
+        setRows,
+        value,
+    ]);
+    var onClose = (0, react_1.useCallback)(function (shouldSave, nextEditingCell) {
+        if (nextEditingCell === void 0) { nextEditingCell = [-1, -1]; }
+        if (shouldSave && value !== initialValue) {
+            save();
+        }
+        setEditingCell(nextEditingCell);
+    }, [initialValue, save, setEditingCell, value]);
+    (0, react_1.useEffect)(function () {
+        if (inputRef.current) {
+            inputRef.current.focus();
+            if (inputRef.current instanceof HTMLInputElement) {
+                inputRef.current.select();
+            }
+        }
+    }, [inputRef]);
+    var input = (0, react_1.useMemo)(function () {
+        if (!column.editable || !column.editComponent) {
+            return null;
+        }
+        var EditComponent = column.editComponent;
+        return ((0, jsx_runtime_1.jsx)(EditComponent, { row: row, ref: inputRef, value: value, onChange: setValue, onClose: onClose, context: context }));
+    }, [column.editComponent, column.editable, context, onClose, row, value]);
+    return ((0, jsx_runtime_1.jsx)(styles_1.EditableCellContainer, { "$textAlign": column.textAlign, children: input }, columnKey));
+};
+exports.DataGridEditableCell = DataGridEditableCell;

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

@@ -0,0 +1,3 @@
+export declare const EditableCellContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $textAlign?: "left" | "right" | "center";
+}>> & string;

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

@@ -0,0 +1,17 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditableCellContainer = void 0;
+var styles_1 = require("../styles");
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.EditableCellContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  ", "\n  padding: 1px 4px 0px 4px;\n  overflow: visible;\n  background-color: var(--color-neutral-0);\n\n  & input,\n  & select {\n    position: absolute;\n    inset: 0;\n    z-index: 10;\n\n    font-size: inherit;\n    font-family: inherit;\n    font-weight: inherit;\n    text-align: ", ";\n\n    border: 1px solid var(--color-neutral-300);\n    padding: var(--space-1) var(--space-2);\n\n    color: var(--color-neutral-900);\n    &::placeholder {\n      color: var(--color-neutral-400);\n    }\n\n    border: none;\n    outline: none;\n  }\n"], ["\n  position: relative;\n  ", "\n  padding: 1px 4px 0px 4px;\n  overflow: visible;\n  background-color: var(--color-neutral-0);\n\n  & input,\n  & select {\n    position: absolute;\n    inset: 0;\n    z-index: 10;\n\n    font-size: inherit;\n    font-family: inherit;\n    font-weight: inherit;\n    text-align: ", ";\n\n    border: 1px solid var(--color-neutral-300);\n    padding: var(--space-1) var(--space-2);\n\n    color: var(--color-neutral-900);\n    &::placeholder {\n      color: var(--color-neutral-400);\n    }\n\n    border: none;\n    outline: none;\n  }\n"])), styles_1.dataGridCellCss, function (_a) {
+    var _b = _a.$textAlign, $textAlign = _b === void 0 ? 'left' : _b;
+    return $textAlign;
+});
+var templateObject_1;

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

@@ -0,0 +1,11 @@
+import { DataGridContext } from '../types';
+import { Ref } from 'react';
+export type DataGridEditableCellProps<R, T> = {
+    ref?: Ref<any>;
+    row: R;
+    value: T;
+    onChange: (value: T) => void;
+    onClose: (save: boolean) => void;
+    context: DataGridContext<R>;
+};
+export type DataGridEditableCellFC<R, T = any> = (props: DataGridEditableCellProps<R, T>, ref: Ref<any>) => JSX.Element | null;

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

@@ -0,0 +1,3 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/components/data/DataGrid/DataGridFilterMenu/FilterValuesScroller.js

@@ -33,6 +33,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+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.FilterValuesScroller = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
@@ -61,7 +70,14 @@ var FilterValuesScroller = function (_a) {
         setScrollTop(function () { return target.scrollTop; });
     }, 50), []);
     var checkboxes = (0, react_1.useMemo)(function () { return (0, helpers_1.getCheckboxes)(values, '', renderer, formatter, groups); }, [values, groups, renderer, formatter]);
-    var visibleCheckboxes = checkboxes.slice(Math.max(0, index - tolerance), index + length + 1 + tolerance);
+    var visibleCheckboxes = (0, react_1.useMemo)(function () { return __spreadArray([
+        {
+            title: 'Sélectionner tout',
+            values: checkboxes.map(function (checkbox) { return checkbox.values; }).flat(),
+            displayValue: 'Sélectionner tout',
+            level: 0,
+        }
+    ], checkboxes.slice(Math.max(0, index - tolerance), index + length + 1 + tolerance), true); }, [checkboxes, index, length, tolerance]);
     var firstCheckboxTop = Math.max(0, index - tolerance) * rowHeight;
     (0, react_1.useEffect)(function () {
         onRangeChange === null || onRangeChange === void 0 ? void 0 : onRangeChange(index, length);

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

@@ -1,7 +1,8 @@
-import { DataGridContext } from '../types';
-export declare const useFilterModal: <R>({ columnKey, context, }: {
-    columnKey: string;
+import { DataGridColumnWithFilter, DataGridContext } from '../types';
+export declare const useFilterModal: <R>({ column, context, onClose, }: {
+    column: DataGridColumnWithFilter<R>;
     context: DataGridContext<R>;
+    onClose?: () => void;
 }) => {
     openModal: () => void;
     closeModal: () => void;