@addev-be/ui 0.2.18 → 0.2.19

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

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

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

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

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

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

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

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

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

@@ -1,59 +0,0 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridCell = 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 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] : '';
-    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 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) {
-        e.stopPropagation();
-        e.preventDefault();
-        if (isEditable) {
-            setEditingCell([rowIndex, columnIndex]);
-        }
-        else
-            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)(DataGridCellComponent, { onDoubleClick: onDoubleClick, style: style, 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 +0,0 @@
-import { DataGridColumnKeyValuePair, DataGridColumns } from '../types';
-export declare const normalizeColumnsOrders: <R>(columns: DataGridColumns<R> | DataGridColumnKeyValuePair<R>[]) => DataGridColumnKeyValuePair<R>[];

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

@@ -1,24 +0,0 @@
-"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);
-};
-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 }),
-        ];
-    });
-};
-exports.normalizeColumnsOrders = normalizeColumnsOrders;

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

@@ -1,6 +0,0 @@
-import { DataGridContext } from '../types';
-export declare const useDataGridColumnsModal: <R>(context: DataGridContext<R>) => {
-    openModal: () => void;
-    closeModal: () => void;
-    modal: import("react/jsx-runtime").JSX.Element | null;
-};

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

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDataGridColumnsModal = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-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;
-    var _c = (0, react_1.useState)(columns), currentColumns = _c[0], setCurrentColumns = _c[1];
-    var openModal = (0, react_1.useCallback)(function () {
-        setCurrentColumns(columns);
-        setIsVisible(true);
-    }, [columns]);
-    var closeModal = (0, react_1.useCallback)(function () {
-        setIsVisible(false);
-    }, []);
-    var onApplyClicked = (0, react_1.useCallback)(function () {
-        var newSettings = (0, lodash_1.mapValues)(currentColumns, function (col) {
-            var _a, _b;
-            return ({
-                order: (_a = col.order) !== null && _a !== void 0 ? _a : 0,
-                width: (_b = col.width) !== null && _b !== void 0 ? _b : 150,
-            });
-        });
-        setSettings(function () { return newSettings; });
-        saveSettings(newSettings);
-        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;
-    }, [closeModal, currentColumns, isVisible, onApplyClicked]);
-    return { openModal: openModal, closeModal: closeModal, modal: modal };
-};
-exports.useDataGridColumnsModal = useDataGridColumnsModal;

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

@@ -1,15 +0,0 @@
-import { DataGridColumn, DataGridColumns } from '../types';
-import { Dispatch, SetStateAction } from 'react';
-export declare const DataGridColumnItem: <R>({ columnIndex, columnKey, column, visible, onUpButtonClicked, onDownButtonClicked, onVisibleButtonClicked, }: {
-    columnIndex: number;
-    columnKey: string;
-    column: DataGridColumn<R>;
-    visible: boolean;
-    onUpButtonClicked?: (index: number) => void;
-    onDownButtonClicked?: (index: number) => void;
-    onVisibleButtonClicked: (key: string) => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const DataGridColumnsEditor: <R>({ columns, onColumnsChanged, }: {
-    columns: DataGridColumns<R>;
-    onColumnsChanged: Dispatch<SetStateAction<DataGridColumns<R>>>;
-}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,111 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __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.DataGridColumnsEditor = exports.DataGridColumnItem = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles = __importStar(require("./styles"));
-var react_1 = require("react");
-var Icons_1 = require("../../../../Icons");
-var IconButton_1 = require("../../../forms/IconButton");
-var lodash_1 = __importDefault(require("lodash"));
-var helpers_1 = require("./helpers");
-var hooks_1 = require("../hooks");
-var DataGridColumnItem = function (_a) {
-    var columnIndex = _a.columnIndex, columnKey = _a.columnKey, column = _a.column, visible = _a.visible, onUpButtonClicked = _a.onUpButtonClicked, onDownButtonClicked = _a.onDownButtonClicked, onVisibleButtonClicked = _a.onVisibleButtonClicked;
-    return ((0, jsx_runtime_1.jsxs)(styles.ColumnItem, { "$visible": visible, children: [!visible && ((0, jsx_runtime_1.jsx)(styles.Buttons, { "$visible": false, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { size: "small", icon: Icons_1.LeftIcon, onClick: function () { return onVisibleButtonClicked(columnKey); } }) })), (0, jsx_runtime_1.jsx)("span", { children: column === null || column === void 0 ? void 0 : column.name }), visible && ((0, jsx_runtime_1.jsxs)(styles.Buttons, { "$visible": true, children: [onUpButtonClicked && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { size: "small", icon: Icons_1.UpIcon, onClick: function () { return onUpButtonClicked(columnIndex); } })), onDownButtonClicked && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { size: "small", icon: Icons_1.DownIcon, onClick: function () { return onDownButtonClicked(columnIndex); } })), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { size: "small", icon: Icons_1.RightIcon, onClick: function () { return onVisibleButtonClicked(columnKey); } })] }))] }));
-};
-exports.DataGridColumnItem = DataGridColumnItem;
-var DataGridColumnsEditor = function (_a) {
-    var columns = _a.columns, onColumnsChanged = _a.onColumnsChanged;
-    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 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)); });
-        }
-    }, [hiddenColumns, onColumnsChanged, sortedVisibleColumnsEntries]);
-    var onDownButtonClicked = (0, react_1.useCallback)(function (index) {
-        if (index < sortedVisibleColumnsEntries.length - 1) {
-            var newArray_2 = (0, helpers_1.normalizeColumnsOrders)(__spreadArray(__spreadArray(__spreadArray([], sortedVisibleColumnsEntries.slice(0, index), true), [
-                sortedVisibleColumnsEntries[index + 1],
-                sortedVisibleColumnsEntries[index]
-            ], false), sortedVisibleColumnsEntries.slice(index + 2), true));
-            onColumnsChanged(function () { return (__assign(__assign({}, Object.fromEntries(newArray_2)), hiddenColumns)); });
-        }
-    }, [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)));
-        });
-    }, [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)));
-        });
-    }, [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));
-                        }) })] })] }));
-};
-exports.DataGridColumnsEditor = DataGridColumnsEditor;

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

@@ -1,22 +0,0 @@
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string;
-export declare const Panel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string;
-export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string;
-export declare const ColumnsList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
-    ref?: ((instance: HTMLUListElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLUListElement> | null | undefined;
-}>, never>, never>> & string;
-export declare const ColumnItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
-    ref?: ((instance: HTMLLIElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}>, never>, {
-    $visible?: boolean;
-}>> & string;
-export declare const Buttons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, {
-    $visible?: boolean;
-}>> & string;

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

@@ -1,54 +0,0 @@
-"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 __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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Buttons = exports.ColumnItem = exports.ColumnsList = exports.Title = exports.Panel = exports.Container = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-exports.Container = styled_components_1.default.div.attrs({
-    className: 'DataGridColumnsModal-Container',
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-2);\n  overflow: auto;\n  font-size: var(--text-base);\n  height: 100%;\n"], ["\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-2);\n  overflow: auto;\n  font-size: var(--text-base);\n  height: 100%;\n"])));
-exports.Panel = styled_components_1.default.div.attrs({
-    className: 'DataGridColumnsModal-Panel',
-})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n"], ["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n"])));
-exports.Title = styled_components_1.default.div.attrs({
-    className: 'DataGridColumnsModal-Title',
-})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: 0;\n  margin-bottom: var(--space-2);\n  font-weight: bold;\n"], ["\n  margin: 0;\n  margin-bottom: var(--space-2);\n  font-weight: bold;\n"])));
-exports.ColumnsList = styled_components_1.default.ul.attrs({
-    className: 'DataGridColumnsModal-ColumnsList',
-})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: auto;\n  border: 1px solid var(--color-neutral-200);\n  margin: 0;\n  background-color: var(--color-neutral-50);\n\n  & > li:not(:last-child) {\n    border-bottom: 1px solid var(--color-neutral-100);\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: auto;\n  border: 1px solid var(--color-neutral-200);\n  margin: 0;\n  background-color: var(--color-neutral-50);\n\n  & > li:not(:last-child) {\n    border-bottom: 1px solid var(--color-neutral-100);\n  }\n"])));
-exports.ColumnItem = styled_components_1.default.li.attrs({
-    className: 'DataGridColumnsModal-ColumnItem',
-})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  padding: var(--space-1);\n  transition: background-color 0.2s;\n  cursor: pointer;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--space-2);\n\n  span {\n    flex: 1;\n  }\n\n  button {\n    display: none;\n    padding: var(--space-1);\n    width: var(--space-6);\n    height: var(--space-6);\n    border-radius: var(--rounded-full);\n    background-color: var(--color-neutral-200);\n    border: none;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &:hover {\n    background-color: var(--color-neutral-100);\n    button {\n      display: flex;\n      background-color: var(--color-neutral-300);\n    }\n  }\n"], ["\n  padding: var(--space-1);\n  transition: background-color 0.2s;\n  cursor: pointer;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--space-2);\n\n  span {\n    flex: 1;\n  }\n\n  button {\n    display: none;\n    padding: var(--space-1);\n    width: var(--space-6);\n    height: var(--space-6);\n    border-radius: var(--rounded-full);\n    background-color: var(--color-neutral-200);\n    border: none;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &:hover {\n    background-color: var(--color-neutral-100);\n    button {\n      display: flex;\n      background-color: var(--color-neutral-300);\n    }\n  }\n"])));
-exports.Buttons = styled_components_1.default.div.attrs({
-    className: 'DataGridColumnsModal-Buttons',
-})(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  gap: var(--space-1);\n  height: var(--space-6);\n  ", "\n\n  svg {\n    width: var(--space-4);\n    height: var(--space-4);\n  }\n"], ["\n  display: flex;\n  gap: var(--space-1);\n  height: var(--space-6);\n  ", "\n\n  svg {\n    width: var(--space-4);\n    height: var(--space-4);\n  }\n"])), function (_a) {
-    var $visible = _a.$visible;
-    return $visible
-        ? (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n          width: var(--space-24);\n          justify-content: flex-end;\n        "], ["\n          width: var(--space-24);\n          justify-content: flex-end;\n        "]))) : (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n          width: var(--space-6);\n        "], ["\n          width: var(--space-6);\n        "])));
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;

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

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

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

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