@addev-be/ui 2.7.7 → 3.0.6

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

@@ -1,2 +0,0 @@
-import { DataGridEditableCellProps } from './types';
-export declare const TextEditableCell: <R>({ value, onChange, onClose, ref, }: DataGridEditableCellProps<R, string>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,23 +0,0 @@
-"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 TextEditableCell = function (_a) {
-    var value = _a.value, onChange = _a.onChange, onClose = _a.onClose, ref = _a.ref;
-    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 = TextEditableCell;

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

@@ -1,2 +0,0 @@
-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

@@ -1,91 +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 __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 row = _a.row, columnKey = _a.columnKey, column = _a.column, context = _a.context;
-    var _b = (0, hooks_1.useDataGridContext)(context), setEditingCell = _b.setEditingCell, setRows = _b.setRows, editRow = _b.editRow, rows = _b.rows, rowKeyGetter = _b.rowKeyGetter;
-    var initialValue = (0, react_1.useMemo)(function () { return column.getter(row); }, [column, row]);
-    var _c = (0, react_1.useState)(initialValue), value = _c[0], setValue = _c[1];
-    var inputRef = (0, react_1.useRef)(null);
-    var rowKey = rowKeyGetter(row);
-    var defaultItemToPartialRow = (0, react_1.useCallback)(function (key, row, newValue) {
-        var _a;
-        return (_a = { Id: key }, _a[columnKey] = newValue, _a);
-    }, [columnKey]);
-    var partialRowGetter = ('itemToPartialRow' in column && column.itemToPartialRow) ||
-        defaultItemToPartialRow;
-    var save = (0, react_1.useCallback)(function () {
-        var rowIndex = rows.findIndex(function (r) { return rowKeyGetter(r) === rowKey; });
-        // If row is found
-        if (rowIndex >= 0) {
-            // Update the row with the new value
-            var partialRow = partialRowGetter(rowKey, row, value);
-            var newRow_1 = __assign(__assign({}, row), partialRow);
-            // Update the edited rows state
-            editRow(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 (!('editable' in column) || !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, 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

@@ -1,3 +0,0 @@
-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

@@ -1,17 +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 __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-base-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-base-300);\n    padding: var(--space-1) var(--space-2);\n\n    color: var(--color-text-800);\n    &::placeholder {\n      color: var(--color-text-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-base-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-base-300);\n    padding: var(--space-1) var(--space-2);\n\n    color: var(--color-text-800);\n    &::placeholder {\n      color: var(--color-text-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

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

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

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

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;

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

@@ -1,13 +0,0 @@
-import { DataGridFilterFormatter, DataGridFilterGroup, DataGridFilterRenderer, DataGridFilterValue } from '../types';
-type FilterValuesScrollerProps = {
-    values: DataGridFilterValue[];
-    rowHeight?: number;
-    formatter: DataGridFilterFormatter;
-    renderer: DataGridFilterRenderer;
-    onRangeChange?: (startIndex: number, length: number) => void;
-    onToggle?: (values: DataGridFilterValue[]) => void;
-    selectedValues?: DataGridFilterValue[];
-    groups?: DataGridFilterGroup[];
-};
-export declare const FilterValuesScroller: ({ values, rowHeight, onRangeChange, onToggle, formatter, renderer, selectedValues, groups, }: FilterValuesScrollerProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,96 +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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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");
-var styles = __importStar(require("./styles"));
-var helpers_1 = require("../helpers");
-var react_1 = require("react");
-var lodash_1 = require("lodash");
-var useElementSize_1 = require("../../../../hooks/useElementSize");
-var CheckboxTemplate = function (_a) {
-    var selectedValues = _a.selectedValues, value = _a.value, index = _a.index, style = _a.style, onToggle = _a.onToggle;
-    var checked = (0, react_1.useMemo)(function () { return value.values.every(function (v) { return selectedValues.includes(v); }); }, [selectedValues, value.values]);
-    return ((0, jsx_runtime_1.jsxs)(styles.FilterValueContainer, { style: __assign(__assign({}, style), { paddingLeft: "".concat(value.level, "rem") }), title: value.title, onClick: function () { return onToggle === null || onToggle === void 0 ? void 0 : onToggle(value.values); }, children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: checked, readOnly: true }), (0, jsx_runtime_1.jsx)("span", { children: value.displayValue || '(Vides)' })] }, index));
-};
-var FilterValuesScroller = function (_a) {
-    var values = _a.values, _b = _a.rowHeight, rowHeight = _b === void 0 ? styles.DEFAULT_FILTER_ROW_HEIGHT : _b, onRangeChange = _a.onRangeChange, onToggle = _a.onToggle, _c = _a.formatter, formatter = _c === void 0 ? helpers_1.defaultRendererAndFormatter : _c, _d = _a.renderer, renderer = _d === void 0 ? helpers_1.defaultRendererAndFormatter : _d, _e = _a.selectedValues, selectedValues = _e === void 0 ? [] : _e, groups = _a.groups;
-    var scrollableRef = (0, react_1.useRef)(null);
-    var height = (0, useElementSize_1.useElementSize)(scrollableRef.current).height;
-    var tolerance = 20;
-    var _f = (0, react_1.useState)(0), scrollTop = _f[0], setScrollTop = _f[1];
-    var index = Math.floor(scrollTop / rowHeight);
-    var length = Math.ceil(height / rowHeight);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    var onScroll = (0, react_1.useCallback)((0, lodash_1.debounce)(function (e) {
-        var target = e.target;
-        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 = (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);
-    }, [index, length, onRangeChange]);
-    return ((0, jsx_runtime_1.jsx)(styles.FilterValuesScrollerContainer, { ref: scrollableRef, onScroll: onScroll, "$rowHeight": rowHeight, children: (0, jsx_runtime_1.jsx)("div", { style: { height: "".concat(checkboxes.length * rowHeight, "px") }, children: visibleCheckboxes.map(function (value, index) { return ((0, jsx_runtime_1.jsx)(CheckboxTemplate, { style: { top: firstCheckboxTop + index * rowHeight + 'px' }, selectedValues: selectedValues, value: value, index: index, onToggle: onToggle }, index)); }) }) }));
-};
-exports.FilterValuesScroller = FilterValuesScroller;

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

@@ -1,2 +0,0 @@
-import { DataGridColumn, DataGridFilterValue } from '../types';
-export declare const sortAvailableValues: <R>(values: unknown[], column: DataGridColumn<R>) => DataGridFilterValue[];

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

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.sortAvailableValues = void 0;
-var lodash_1 = require("lodash");
-var sortAvailableValues = function (values, column) {
-    switch (column === null || column === void 0 ? void 0 : column.type) {
-        case 'number':
-            return (0, lodash_1.uniq)(values).sort(function (a, b) { return a - b; });
-        case 'select':
-            return (0, lodash_1.uniq)(values).sort(function (a, b) {
-                return column.itemLabel(a).localeCompare(column.itemLabel(b));
-            });
-        default:
-            return (0, lodash_1.uniq)(values).sort(function (a, b) {
-                return a.localeCompare(b);
-            });
-    }
-};
-exports.sortAvailableValues = sortAvailableValues;

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

@@ -1,10 +0,0 @@
-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;
-    modal: import("react/jsx-runtime").JSX.Element | null;
-};

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

@@ -1,51 +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.useFilterModal = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Icons_1 = require("../../../../Icons");
-var react_1 = require("react");
-var Button_1 = require("../../../forms/Button");
-var FilterModalContent_1 = require("../FilterModalContent");
-var Modal_1 = require("../../../layout/Modal");
-var hooks_1 = require("../hooks");
-var useFilterModal = function (_a) {
-    var column = _a.column, context = _a.context, onClose = _a.onClose;
-    var _b = (0, react_1.useState)(false), isVisible = _b[0], setIsVisible = _b[1];
-    var _c = (0, hooks_1.useDataGridContext)(context), _d = _c.filters, filters = _d === void 0 ? {} : _d, setFilters = _c.setFilters;
-    var _e = (0, react_1.useState)(column.filter), currentFilter = _e[0], setCurrentFilter = _e[1];
-    var openModal = (0, react_1.useCallback)(function () {
-        setIsVisible(true);
-    }, []);
-    var closeModal = (0, react_1.useCallback)(function () {
-        setIsVisible(false);
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-    }, [onClose]);
-    var onClearClicked = (0, react_1.useCallback)(function () {
-        var newFilters = __assign({}, filters);
-        delete newFilters[column.key];
-        setFilters(newFilters);
-        closeModal();
-    }, [closeModal, column.key, filters, setFilters]);
-    var onApplyClicked = (0, react_1.useCallback)(function () {
-        var _a;
-        setFilters(__assign(__assign({}, filters), (_a = {}, _a[column.key] = currentFilter, _a)));
-        closeModal();
-    }, [closeModal, column.key, currentFilter, filters, setFilters]);
-    var onCancelClicked = (0, react_1.useCallback)(function () {
-        closeModal();
-    }, [closeModal]);
-    var modal = isVisible ? ((0, jsx_runtime_1.jsxs)(Modal_1.Modal, { children: [(0, jsx_runtime_1.jsxs)(Modal_1.Modal.Header, { children: ["Filtrer \"", column.name, "\""] }), (0, jsx_runtime_1.jsxs)(Modal_1.Modal.ContentWithIcon, { children: [(0, jsx_runtime_1.jsx)(Icons_1.FilterIcon, { fill: "var(--color-primary-400)" }), (0, jsx_runtime_1.jsx)(FilterModalContent_1.FilterModalContent, { filter: currentFilter, onFilterChanged: setCurrentFilter })] }), (0, jsx_runtime_1.jsxs)(Modal_1.Modal.Buttons, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { "$color": "danger", icon: Icons_1.FilterSlashIcon, onClick: onClearClicked, children: "Supprimer" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { style: { marginLeft: 'auto' }, "$color": "primary", icon: Icons_1.FilterIcon, onClick: onApplyClicked, children: "Filtrer" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onCancelClicked, children: "Annuler" })] })] })) : null;
-    return { openModal: openModal, closeModal: closeModal, modal: modal };
-};
-exports.useFilterModal = useFilterModal;

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

@@ -1,10 +0,0 @@
-import { DataGridColumnWithFilter, DataGridContext } from '../types';
-type FilterValuesProps<R> = {
-    column: DataGridColumnWithFilter<R>;
-    context: DataGridContext<R>;
-    onClose?: () => void;
-    contextMenu?: boolean;
-    showTotalButton?: boolean;
-};
-export declare const DataGridFilterMenu: <R>({ column, context, onClose, contextMenu, showTotalButton, }: FilterValuesProps<R>) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,230 +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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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.DataGridFilterMenu = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable @typescript-eslint/no-explicit-any */
-var styles = __importStar(require("./styles"));
-var Icons_1 = require("../../../../Icons");
-var helpers_1 = require("../helpers");
-var lodash_1 = require("lodash");
-var react_1 = require("react");
-var ContextMenu_1 = require("../../../ui/ContextMenu");
-var FilterValuesScroller_1 = require("./FilterValuesScroller");
-var styles_1 = require("../../../forms/styles");
-var styles_2 = require("../../../ui/ContextMenu/styles");
-var helpers_2 = require("./helpers");
-var hooks_1 = require("./hooks");
-var sortAsc = {
-    number: ['Trier du plus petit au plus grand', Icons_1.ArrowDown19Icon],
-    text: ['Trier de A à Z', Icons_1.ArrowDownAZIcon],
-    date: ['Trier du plus ancien au plus récent', Icons_1.SortCalendarAscendingIcon],
-};
-var sortDesc = {
-    number: ['Trier du plus grand au plus petit', Icons_1.ArrowUp91Icon],
-    text: ['Trier de Z à A', Icons_1.ArrowUpZAIcon],
-    date: ['Trier du plus récent au plus ancien', Icons_1.SortCalendarDescendingIcon],
-};
-var footerFunctionsTexts = {
-    average: 'Moyenne',
-    avg: 'Moyenne',
-    count: 'Nombre',
-    max: 'Maximum',
-    min: 'Minimum',
-    sum: 'Somme',
-};
-var footerFunctionsIcons = {
-    average: Icons_1.XBarIcon,
-    avg: Icons_1.XBarIcon,
-    count: Icons_1.TallyIcon,
-    max: Icons_1.ArrowUpBigSmallIcon,
-    min: Icons_1.ArrowDownBigSmallIcon,
-    sum: Icons_1.SigmaIcon,
-};
-var DataGridFilterMenu = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h;
-    var column = _a.column, context = _a.context, onClose = _a.onClose, _j = _a.contextMenu, contextMenu = _j === void 0 ? true : _j, _k = _a.showTotalButton, showTotalButton = _k === void 0 ? true : _k;
-    var _l = (0, hooks_1.useFilterModal)({ column: column, context: context, onClose: onClose }), openModal = _l.openModal, modal = _l.modal;
-    var _m = (0, react_1.useContext)(context), _o = _m.filters, filters = _o === void 0 ? {} : _o, _p = _m.footers, footers = _p === void 0 ? {} : _p, rows = _m.rows, setFilters = _m.setFilters, filterValuesLoader = _m.filterValuesLoader, setSorts = _m.setSorts, setFooters = _m.setFooters;
-    var textFilterInputRef = (0, react_1.useRef)(null);
-    var _q = (0, react_1.useState)(''), textFilter = _q[0], setTextFilter = _q[1];
-    var _r = (0, react_1.useState)([]), availableValues = _r[0], setAvailableValues = _r[1];
-    (0, react_1.useEffect)(function () {
-        if (filterValuesLoader) {
-            filterValuesLoader(column.key).then(function (values) {
-                setAvailableValues(function () { return values; });
-            });
-        }
-        else {
-            var otherFilters = Object.entries(filters)
-                .filter(function (_a) {
-                var key = _a[0];
-                return key !== column.key;
-            })
-                .map(function (_a) {
-                var filter = _a[1];
-                return filter;
-            });
-            var availableRows = (0, helpers_1.applyFilters)(rows, otherFilters);
-            var values_1 = availableRows.map(function (row) { return column.filter.getter(row); });
-            setAvailableValues(function () { return (0, helpers_2.sortAvailableValues)(values_1, column); });
-        }
-    }, [column, filterValuesLoader, filters, rows]);
-    var selectedValues = (0, react_1.useMemo)(function () { var _a, _b; return (_b = (_a = filters === null || filters === void 0 ? void 0 : filters[column.key]) === null || _a === void 0 ? void 0 : _a.values) !== null && _b !== void 0 ? _b : []; }, [column.key, filters]);
-    var clearFilter = (0, react_1.useCallback)(function () {
-        var newFilters = __assign({}, filters);
-        delete newFilters[column.key];
-        setFilters(newFilters);
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-    }, [filters, column.key, setFilters, onClose]);
-    var setValuesChecked = (0, react_1.useCallback)(function (values, checked) {
-        setFilters(function (prevFilters) {
-            var _a, _b, _c, _d, _e;
-            var newValues = checked
-                ? __spreadArray(__spreadArray([], ((_b = (_a = prevFilters[column.key]) === null || _a === void 0 ? void 0 : _a.values) !== null && _b !== void 0 ? _b : []), true), values, true) : lodash_1.without.apply(void 0, __spreadArray([(_d = (_c = prevFilters[column.key]) === null || _c === void 0 ? void 0 : _c.values) !== null && _d !== void 0 ? _d : []], values, false));
-            var newFilters = __assign({}, prevFilters);
-            if (newValues.length === 0) {
-                delete newFilters[column.key];
-            }
-            else {
-                newFilters[column.key] = __assign(__assign({}, ((_e = prevFilters[column.key]) !== null && _e !== void 0 ? _e : column.filter)), { operator: 'inArray', values: newValues });
-            }
-            return newFilters;
-        });
-    }, [setFilters, column.key, column.filter]);
-    var toggleValues = (0, react_1.useCallback)(function (values) {
-        var checked = (0, lodash_1.intersection)(selectedValues, values).length === values.length;
-        setValuesChecked(values, !checked);
-    }, [setValuesChecked, selectedValues]);
-    var formatter = (0, react_1.useMemo)(function () { var _a, _b; return (_b = (_a = column.filter) === null || _a === void 0 ? void 0 : _a.formatter) !== null && _b !== void 0 ? _b : helpers_1.defaultRendererAndFormatter; }, [(_b = column.filter) === null || _b === void 0 ? void 0 : _b.formatter]);
-    var renderer = (0, react_1.useMemo)(function () { var _a, _b; return (_b = (_a = column.filter) === null || _a === void 0 ? void 0 : _a.renderer) !== null && _b !== void 0 ? _b : helpers_1.defaultRendererAndFormatter; }, [(_c = column.filter) === null || _c === void 0 ? void 0 : _c.renderer]);
-    var filteredAvailableValues = (0, react_1.useMemo)(function () {
-        return !textFilter
-            ? availableValues
-            : availableValues.filter(function (value) { var _a; return (_a = formatter(value)) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(textFilter.toLowerCase()); });
-    }, [availableValues, formatter, textFilter]);
-    (0, react_1.useEffect)(function () {
-        if (textFilterInputRef.current) {
-            textFilterInputRef.current.focus();
-        }
-    }, []);
-    var checkboxesComponent = (0, react_1.useMemo)(function () {
-        var groups = column.type === 'date'
-            ? (0, helpers_1.getDateGroups)(filteredAvailableValues)
-            : undefined;
-        return ((0, jsx_runtime_1.jsx)(FilterValuesScroller_1.FilterValuesScroller, { values: filteredAvailableValues, selectedValues: selectedValues, onToggle: toggleValues, formatter: formatter, renderer: renderer, groups: groups }));
-    }, [
-        column.type,
-        filteredAvailableValues,
-        formatter,
-        renderer,
-        selectedValues,
-        toggleValues,
-    ]);
-    var onSortAscClicked = (0, react_1.useCallback)(function () {
-        var _a;
-        setSorts((_a = {}, _a[column.key] = 'asc', _a));
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-    }, [column.key, onClose, setSorts]);
-    var onSortDescClicked = (0, react_1.useCallback)(function () {
-        var _a;
-        setSorts((_a = {}, _a[column.key] = 'desc', _a));
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-    }, [column.key, onClose, setSorts]);
-    var hasFilters = ((_d = filters[column.key]) === null || _d === void 0 ? void 0 : _d.values.length) > 0;
-    var _s = [
-        sortAsc[(_f = (_e = column.filter) === null || _e === void 0 ? void 0 : _e.type) !== null && _f !== void 0 ? _f : 'text'],
-        sortDesc[(_h = (_g = column.filter) === null || _g === void 0 ? void 0 : _g.type) !== null && _h !== void 0 ? _h : 'text'],
-    ], _t = _s[0], sortAscText = _t[0], SortAscIcon = _t[1], _u = _s[1], sortDescText = _u[0], SortDescIcon = _u[1];
-    var isFooterVisible = column.key in footers && footers[column.key] !== undefined;
-    var showFooter = (0, react_1.useCallback)(function (key) {
-        setFooters(function (prevFooters) {
-            var _a;
-            return (__assign(__assign({}, prevFooters), (_a = {}, _a[column.key] = key, _a)));
-        });
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-    }, [column.key, onClose, setFooters]);
-    var hideFooter = (0, react_1.useCallback)(function () {
-        setFooters(function (prevFooters) {
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            var _a = prevFooters, _b = column.key, _ = _a[_b], newFooters = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
-            return newFooters;
-        });
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-    }, [column.key, onClose, setFooters]);
-    var content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [modal, column.sortGetter && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(ContextMenu_1.ContextMenu.Item, { onClick: onSortAscClicked, children: [(0, jsx_runtime_1.jsx)(SortAscIcon, {}), sortAscText] }), (0, jsx_runtime_1.jsxs)(ContextMenu_1.ContextMenu.Item, { onClick: onSortDescClicked, children: [(0, jsx_runtime_1.jsx)(SortDescIcon, {}), sortDescText] }), (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu.Divider, {})] })), isFooterVisible && typeof column.footer === 'function' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(ContextMenu_1.ContextMenu.Item, { onClick: hideFooter, children: [(0, jsx_runtime_1.jsx)(Icons_1.TableFooterSlashIcon, {}), "Masquer le total"] }), (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu.Divider, {})] })), showTotalButton && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isFooterVisible && typeof column.footer === 'function' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(ContextMenu_1.ContextMenu.Item, { onClick: function () { return showFooter('count'); }, children: [(0, jsx_runtime_1.jsx)(Icons_1.TableFooterIcon, {}), "Afficher le total"] }), (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu.Divider, {})] })), showTotalButton && typeof column.footer === 'object' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(ContextMenu_1.ContextMenu.ParentItem, { children: [(0, jsx_runtime_1.jsx)(Icons_1.TableFooterIcon, {}), "Afficher le total", (0, jsx_runtime_1.jsxs)(ContextMenu_1.ContextMenu.SubMenu, { children: [Object.keys(column.footer).map(function (key) {
-                                                var _a;
-                                                var TotalIcon = (_a = footerFunctionsIcons[key]) !== null && _a !== void 0 ? _a : Icons_1.TableFooterIcon;
-                                                return ((0, jsx_runtime_1.jsxs)(ContextMenu_1.ContextMenu.Item, { onClick: function () { return showFooter(key); }, children: [(0, jsx_runtime_1.jsx)(TotalIcon, {}), key in footerFunctionsTexts
-                                                            ? footerFunctionsTexts[key]
-                                                            : key] }, key));
-                                            }), (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu.Divider, {}), (0, jsx_runtime_1.jsxs)(ContextMenu_1.ContextMenu.Item, { onClick: hideFooter, disabled: !isFooterVisible, children: [(0, jsx_runtime_1.jsx)(Icons_1.TableFooterSlashIcon, {}), "Masquer le total"] })] })] }), (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu.Divider, {})] }))] })), (0, jsx_runtime_1.jsxs)(ContextMenu_1.ContextMenu.Item, { onClick: openModal, children: [(0, jsx_runtime_1.jsx)(Icons_1.FilterIcon, {}), "Filtrer ..."] }), (0, jsx_runtime_1.jsxs)(ContextMenu_1.ContextMenu.Item, { "$color": "danger", onClick: clearFilter, disabled: !hasFilters, children: [(0, jsx_runtime_1.jsx)(Icons_1.FilterSlashIcon, {}), "Supprimer le filtre"] }), (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu.Divider, {}), (0, jsx_runtime_1.jsxs)(styles.InputContainer, { children: [(0, jsx_runtime_1.jsx)(Icons_1.MagnifierIcon, {}), (0, jsx_runtime_1.jsx)(styles_1.Input, { ref: textFilterInputRef, type: "text", name: "search", id: "search", placeholder: "Rechercher ...", value: textFilter, onChange: function (e) { return setTextFilter(e.target.value); } })] }), (0, jsx_runtime_1.jsx)(styles.CheckboxesContainer, { children: checkboxesComponent })] }));
-    if (!contextMenu) {
-        return (0, jsx_runtime_1.jsx)(styles_2.MenuContainer, { children: content });
-    }
-    return (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu, { children: content });
-};
-exports.DataGridFilterMenu = DataGridFilterMenu;