@addev-be/ui 0.4.2 → 0.4.4

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

@@ -1,119 +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;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridHeader = 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 Icons_1 = require("../../../Icons");
-var react_1 = require("react");
-var forms_1 = require("../../forms");
-var DataGridHeaderCell_1 = require("./DataGridHeaderCell");
-var IndeterminateCheckbox_1 = require("../../forms/IndeterminateCheckbox");
-var layout_1 = require("../../layout");
-var hooks_1 = require("./DataGridColumnsModal/hooks");
-var hooks_2 = require("./hooks");
-var DataGridHeader = function (_a) {
-    var context = _a.context;
-    var _b = (0, hooks_2.useDataGridContext)(context), name = _b.name, visibleColumns = _b.visibleColumns, selectable = _b.selectable, rows = _b.rows, selectedKeys = _b.selectedKeys, setSelectedKeys = _b.setSelectedKeys, copyTable = _b.copyTable, setFilters = _b.setFilters, refresh = _b.refresh, headerColor = _b.headerColor, rowKeyGetter = _b.rowKeyGetter, gridTemplateColumns = _b.gridTemplateColumns, getAllIds = _b.getAllIds;
-    var _c = (0, react_1.useState)(), visibleFilter = _c[0], setVisibleFilter = _c[1];
-    var _d = (0, hooks_1.useDataGridColumnsModal)(context), openModal = _d.openModal, modal = _d.modal;
-    var checkboxStatus = selectedKeys.length === 0
-        ? false
-        : selectedKeys.length === rows.length
-            ? true
-            : undefined;
-    var toggleAll = (0, react_1.useCallback)(function (newStatus) { return __awaiter(void 0, void 0, void 0, function () {
-        var allIds, _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    if (!getAllIds) return [3 /*break*/, 2];
-                    return [4 /*yield*/, getAllIds()];
-                case 1:
-                    _a = _b.sent();
-                    return [3 /*break*/, 3];
-                case 2:
-                    _a = rows.map(rowKeyGetter);
-                    _b.label = 3;
-                case 3:
-                    allIds = _a;
-                    setSelectedKeys(newStatus ? allIds : []);
-                    return [2 /*return*/];
-            }
-        });
-    }); }, [getAllIds, rowKeyGetter, rows, setSelectedKeys]);
-    var onFilterButtonClicked = (0, react_1.useCallback)(function (columnKey) {
-        setVisibleFilter(function (prev) { return (prev === columnKey ? undefined : columnKey); });
-    }, []);
-    var _e = (0, react_1.useState)(false), isLoadingVisible = _e[0], setIsLoadingVisible = _e[1];
-    var runCopyTable = (0, react_1.useCallback)(function () {
-        setIsLoadingVisible(true);
-        copyTable().then(function () { return setIsLoadingVisible(false); });
-    }, [copyTable]);
-    var toolsRow = ((0, jsx_runtime_1.jsxs)(styles.DataGridToolsRow, { children: [(0, jsx_runtime_1.jsx)(layout_1.Loading, { visible: isLoadingVisible }), refresh && ((0, jsx_runtime_1.jsxs)(forms_1.Button, { size: "small", onClick: refresh, children: [(0, jsx_runtime_1.jsx)(Icons_1.ArrowsRotateIcon, {}), "Rafra\u00EEchir"] })), (0, jsx_runtime_1.jsxs)(forms_1.Button, { color: "emerald", size: "small", onClick: runCopyTable, children: [(0, jsx_runtime_1.jsx)(Icons_1.CopyIcon, {}), "Copier la table"] }), (0, jsx_runtime_1.jsxs)(forms_1.Button, { size: "small", color: "danger", onClick: function () { return setFilters({}); }, children: [(0, jsx_runtime_1.jsx)(Icons_1.FilterSlashIcon, {}), "Supprimer les filtres"] }), name && ((0, jsx_runtime_1.jsxs)(forms_1.Button, { color: "info", size: "small", onClick: openModal, children: [(0, jsx_runtime_1.jsx)(Icons_1.TableColumnsIcon, {}), "Param\u00E8tres des colonnes"] }))] }));
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [modal, toolsRow, (0, jsx_runtime_1.jsxs)(styles.DataGridHeaderRow, { "$gridTemplateColumns": gridTemplateColumns, "$headerColor": headerColor, children: [!!selectable && ((0, jsx_runtime_1.jsx)(styles.HeaderSelectionCell, { "$headerColor": headerColor, onClick: function () { return toggleAll(!(checkboxStatus !== null && checkboxStatus !== void 0 ? checkboxStatus : true)); }, children: (0, jsx_runtime_1.jsx)(IndeterminateCheckbox_1.IndeterminateCheckbox, { checked: checkboxStatus, readOnly: true }) })), visibleColumns.map(function (_a, index) {
-                        var key = _a[0], col = _a[1];
-                        return ((0, jsx_runtime_1.jsx)(DataGridHeaderCell_1.DataGridHeaderCell, { columnKey: key, column: col, context: context, columnIndex: index, isFilterOpen: visibleFilter === key, onFilterButtonClicked: onFilterButtonClicked }, key));
-                    })] })] }));
-};
-exports.DataGridHeader = DataGridHeader;

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

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

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

@@ -1,84 +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.DataGridHeaderCell = 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 Icons_1 = require("../../../Icons");
-var DataGridFilterMenu_1 = require("./DataGridFilterMenu");
-var layout_1 = require("../../layout");
-var IconButton_1 = require("../../forms/IconButton");
-var hooks_1 = require("./hooks");
-var providers_1 = require("../../../providers");
-var DataGridHeaderCell = function (_a) {
-    var _b;
-    var columnKey = _a.columnKey, columnIndex = _a.columnIndex, column = _a.column, context = _a.context;
-    var getElementScreenRect = (0, providers_1.useUi)().getElementScreenRect;
-    var contextValue = (0, hooks_1.useDataGridContext)(context);
-    var _c = contextValue.filters, filters = _c === void 0 ? {} : _c, setColumnWidth = contextValue.setColumnWidth, saveSettings = contextValue.saveSettings, headerColor = contextValue.headerColor;
-    var filterButtonRef = (0, react_1.useRef)(null);
-    /** RESIZING */
-    var _d = (0, react_1.useState)(false), isResizing = _d[0], setIsResizing = _d[1];
-    var resizingOffset = (0, react_1.useRef)(0);
-    var onResizeStart = (0, react_1.useCallback)(function (e) {
-        resizingOffset.current = e.screenX - (column.width || 150);
-        setIsResizing(true);
-    }, [column.width]);
-    var onResizeMove = (0, react_1.useCallback)(function (e) {
-        if (isResizing) {
-            var newWidth = Math.max(86, e.screenX - resizingOffset.current);
-            setColumnWidth(columnKey, newWidth);
-        }
-    }, [columnKey, isResizing, setColumnWidth]);
-    var onResizeEnd = (0, react_1.useCallback)(function () {
-        setIsResizing(false);
-        saveSettings();
-    }, [saveSettings]);
-    var _e = (0, react_1.useState)(false), isFilterDropdownVisible = _e[0], setIsFilterDropdownVisible = _e[1];
-    var filterDropdown = (0, react_1.useMemo)(function () {
-        if (!isFilterDropdownVisible || !filterButtonRef.current || !columnKey) {
-            return null;
-        }
-        var filterButtonRect = getElementScreenRect(filterButtonRef.current);
-        filterButtonRect.x += window.scrollX;
-        filterButtonRect.y += window.scrollY;
-        return ((0, jsx_runtime_1.jsx)(layout_1.Dropdown, { "$sourceRect": filterButtonRect, onClose: function () { return setIsFilterDropdownVisible(false); }, "$width": 320, "$height": [250, 400], "$autoPositionX": true, children: (0, jsx_runtime_1.jsx)(DataGridFilterMenu_1.DataGridFilterMenu, { columnKey: columnKey, columnIndex: columnIndex, context: context, onClose: function () { return setIsFilterDropdownVisible(false); } }) }));
-    }, [
-        columnIndex,
-        columnKey,
-        context,
-        getElementScreenRect,
-        isFilterDropdownVisible,
-    ]);
-    var onFilterButtonClicked = (0, react_1.useCallback)(function () {
-        setIsFilterDropdownVisible(true);
-    }, []);
-    var hasFilters = ((_b = filters[columnKey]) === null || _b === void 0 ? void 0 : _b.values.length) > 0;
-    return ((0, jsx_runtime_1.jsxs)(styles.DataGridHeaderCellContainer, { "$headerColor": headerColor, "$isResizing": isResizing, children: [filterDropdown, (0, jsx_runtime_1.jsx)("span", { children: column.name }), !!column.filter && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { size: "small", className: hasFilters ? 'danger' : '', ref: filterButtonRef, icon: Icons_1.ChevronDownIcon, color: hasFilters ? 'danger' : headerColor, onClick: onFilterButtonClicked })), column.resizable !== false && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styles.DataGridResizeGrip, { className: isResizing ? 'active' : '', "$headerColor": headerColor, onMouseDown: onResizeStart }), isResizing && ((0, jsx_runtime_1.jsx)(styles.ResizeBackdrop, { onMouseMove: onResizeMove, onMouseUp: onResizeEnd }))] }))] }));
-};
-exports.DataGridHeaderCell = DataGridHeaderCell;

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

@@ -1,7 +0,0 @@
-import { DataGridFilter } from '../types';
-type FilterModalContentProps = {
-    filter: DataGridFilter;
-    onFilterChanged: (filter: DataGridFilter) => void;
-};
-export declare const FilterModalContent: ({ filter, onFilterChanged, }: FilterModalContentProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};

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

@@ -1,108 +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));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterModalContent = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
-var styles = __importStar(require("./styles"));
-var forms_1 = require("../../../forms");
-var react_1 = require("react");
-// import { Select } from '../../Select';
-// import clx from 'classnames';
-var filterOperators = {
-    number: {
-        equals: 'Égal à',
-        notEquals: 'Différent de',
-        greaterThan: 'Supérieur à',
-        greaterThanOrEqual: 'Supérieur ou égal à',
-        lessThan: 'Inférieur à',
-        lessThanOrEqual: 'Inférieur ou égal à',
-        inRange: "Dans l'intervalle",
-    },
-    text: {
-        equals: 'Égal à',
-        notEquals: 'Différent de',
-        contains: 'Contient',
-        notContains: 'Ne contient pas',
-        startsWith: 'Commence par',
-        endsWith: 'Finit par',
-    },
-};
-var FilterModalContent = function (_a) {
-    var _b, _c;
-    var filter = _a.filter, onFilterChanged = _a.onFilterChanged;
-    var value1Ref = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(function () {
-        setTimeout(function () { var _a; return (_a = value1Ref.current) === null || _a === void 0 ? void 0 : _a.focus(); }, 100);
-    }, []);
-    if (!filter)
-        return null;
-    var operator = filter.operator, type = filter.type, values = filter.values;
-    return ((0, jsx_runtime_1.jsxs)(styles.FilterModalContentContainer, { children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: "filterOperator", children: [(0, jsx_runtime_1.jsx)("span", { children: "Op\u00E9rateur :" }), (0, jsx_runtime_1.jsx)(forms_1.Select, { name: "filterOperator", items: Object.entries(filterOperators[filter.type]), itemKey: 0, itemLabel: 1, value: String(operator), className: "text-sm", onChange: function (e) {
-                            return onFilterChanged(__assign(__assign({}, filter), { operator: e.target.value }));
-                        } })] }), (0, jsx_runtime_1.jsxs)("label", { htmlFor: "filterValue1", children: [(0, jsx_runtime_1.jsxs)("span", { children: [operator === 'inRange' ? 'Entre' : 'Valeur', " :"] }), (0, jsx_runtime_1.jsx)(forms_1.Input, { ref: value1Ref, name: "filterValue1", type: filter.type, value: (_b = values[0]) !== null && _b !== void 0 ? _b : '', onChange: function (e) {
-                            if (type === 'number') {
-                                var newValues = __spreadArray([], values, true);
-                                newValues[0] = Number(e.target.value);
-                                onFilterChanged(__assign(__assign({}, filter), { values: newValues }));
-                            }
-                            else {
-                                var newValues = __spreadArray([], values, true);
-                                newValues[0] = String(e.target.value);
-                                onFilterChanged(__assign(__assign({}, filter), { values: newValues }));
-                            }
-                        } })] }), operator === 'inRange' && ((0, jsx_runtime_1.jsxs)("label", { htmlFor: "filterValue2", children: [(0, jsx_runtime_1.jsx)("span", { children: "et" }), (0, jsx_runtime_1.jsx)("input", { name: "filterValue2", type: filter.type, value: (_c = values[1]) !== null && _c !== void 0 ? _c : '', 
-                        // className="text-sm w-24"
-                        onChange: function (e) {
-                            var newValues = __spreadArray([], values, true);
-                            newValues[0] =
-                                type === 'number'
-                                    ? Number(e.target.value)
-                                    : String(e.target.value);
-                            onFilterChanged(__assign(__assign({}, filter), { values: newValues }));
-                        } })] }))] }));
-};
-exports.FilterModalContent = FilterModalContent;

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

@@ -1,3 +0,0 @@
-export declare const FilterModalContentContainer: 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;

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

@@ -1,15 +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.FilterModalContentContainer = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.FilterModalContentContainer = styled_components_1.default.div.attrs({
-    className: 'FilterModalContentContainer',
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  font-size: var(--text-base);\n  gap: var(--space-1);\n\n  & > label {\n    display: flex;\n    flex-direction: row;\n    gap: var(--space-1);\n    align-items: center;\n\n    & > span {\n      font-weight: bold;\n      width: var(--space-32);\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  font-size: var(--text-base);\n  gap: var(--space-1);\n\n  & > label {\n    display: flex;\n    flex-direction: row;\n    gap: var(--space-1);\n    align-items: center;\n\n    & > span {\n      font-weight: bold;\n      width: var(--space-32);\n    }\n  }\n"])));
-var templateObject_1;

package/dist/components/data/DataGrid/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/FilterValuesScroller.js

@@ -1,73 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterValuesScroller = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable @typescript-eslint/no-explicit-any */
-var styles = __importStar(require("./styles"));
-var lodash_1 = require("lodash");
-var helpers_1 = require("./helpers");
-var react_1 = require("react");
-var hooks_1 = require("../../../hooks");
-var CheckboxTemplate = function (_a) {
-    var selectedValues = _a.selectedValues, value = _a.value, index = _a.index, className = _a.className, style = _a.style, onToggle = _a.onToggle;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, lodash_1.join)([
-            // 'absolute left-0 right-0 flex flex-row cursor-pointer hover:bg-gray-50',
-            className,
-        ], ' '), style: __assign(__assign({}, style), { paddingLeft: "".concat(value.level, "rem") }), title: value.title, onClick: function () { return onToggle === null || onToggle === void 0 ? void 0 : onToggle([value.value]); }, children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: selectedValues.includes(value.value), 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, hooks_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 = checkboxes.slice(Math.max(0, index - tolerance), index + length + 1 + 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(values.length * rowHeight, "px") }, children: visibleCheckboxes.map(function (value, index) { return ((0, jsx_runtime_1.jsx)(CheckboxTemplate, { className: "checkbox", style: { top: firstCheckboxTop + index * rowHeight + 'px' }, selectedValues: selectedValues, value: value, index: index, onToggle: onToggle }, index)); }) }) }));
-};
-exports.FilterValuesScroller = FilterValuesScroller;

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

@@ -1,11 +0,0 @@
-import { ReactNode } from 'react';
-import { DataGridContext } from './types';
-type VirtualScrollerProps<R> = {
-    showAllRows?: boolean;
-    rowTemplate: (row: R, index: number) => ReactNode;
-    hasFooter?: boolean;
-    context: DataGridContext<R>;
-    onRangeChange?: (startIndex: number, length: number) => void;
-};
-export declare const VirtualScroller: <R>(props: VirtualScrollerProps<R>) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,41 +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.VirtualScroller = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles = __importStar(require("./styles"));
-var react_1 = require("react");
-var VirtualScroller = function (props) {
-    var _a = (0, react_1.useContext)(props.context), _b = _a.rowHeight, rowHeight = _b === void 0 ? styles.DEFAULT_ROW_HEIGHT : _b, 
-    // headerRowHeight = styles.DEFAULT_HEADER_ROW_HEIGHT,
-    sortedRows = _a.sortedRows, index = _a.index, visibleRows = _a.visibleRows, gridTemplateColumns = _a.gridTemplateColumns;
-    var rowTemplate = props.rowTemplate;
-    var totalHeight = sortedRows.length * rowHeight;
-    var topPadding = Math.max(0, index - styles.VIRTUAL_SCROLL_TOLERANCE) * rowHeight;
-    // const headerAndFooterHeight =
-    //   2 * headerRowHeight + (hasFooter ? rowHeight : 0) + 2;
-    return ((0, jsx_runtime_1.jsx)(styles.VirtualScrollerContainer, { "$height": totalHeight, children: (0, jsx_runtime_1.jsx)(styles.VirtualScrollerRowsContainer, { "$gridTemplateColumns": gridTemplateColumns, "$topPadding": topPadding, "$rowHeight": rowHeight, children: visibleRows.map(rowTemplate) }) }));
-};
-exports.VirtualScroller = VirtualScroller;

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

@@ -1,12 +0,0 @@
-import { AdvancedRequestDTO, ConditionDTO, OrderByDTO } from '../../../../services/advancedRequests';
-import { DataGridColumns } from '../types';
-export declare const getAdvancedRequestDto: <R>({ type, columns, conditions, orderBy, start, length, getTotal, addIdColumn, }: {
-    type: string;
-    columns: DataGridColumns<R>;
-    conditions?: ConditionDTO[];
-    orderBy?: OrderByDTO[];
-    start?: number;
-    length?: number;
-    getTotal?: boolean;
-    addIdColumn?: boolean;
-}) => AdvancedRequestDTO;

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

@@ -1,53 +0,0 @@
-"use strict";
-/* eslint-disable @typescript-eslint/no-explicit-any */
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAdvancedRequestDto = void 0;
-var getAdvancedRequestDto = function (_a) {
-    var type = _a.type, columns = _a.columns, _b = _a.conditions, conditions = _b === void 0 ? [] : _b, _c = _a.orderBy, orderBy = _c === void 0 ? [] : _c, _d = _a.start, start = _d === void 0 ? 0 : _d, _e = _a.length, length = _e === void 0 ? 100 : _e, _f = _a.getTotal, getTotal = _f === void 0 ? false : _f, _g = _a.addIdColumn, addIdColumn = _g === void 0 ? true : _g;
-    return ({
-        fields: __spreadArray(__spreadArray([], (Object.keys(columns).includes('Id') || addIdColumn === false
-            ? []
-            : [{ fieldName: 'Id' }]), true), Object.keys(columns).map(function (key) {
-            var _a, _b;
-            return columns[key].field
-                ? __assign(__assign({}, columns[key].field), { fieldName: (_b = (_a = columns[key].field) === null || _a === void 0 ? void 0 : _a.fieldName) !== null && _b !== void 0 ? _b : key, fieldAlias: key }) : {
-                fieldName: key,
-                fieldAlias: key,
-            };
-        }), true),
-        conditions: __spreadArray(__spreadArray([], conditions, true), [
-            {
-                field: {
-                    fieldName: 'DeletedAt',
-                },
-                operator: 'isNull',
-            },
-        ], false),
-        orderBy: orderBy,
-        type: type,
-        start: start,
-        length: length,
-        getTotal: getTotal,
-    });
-};
-exports.getAdvancedRequestDto = getAdvancedRequestDto;

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

@@ -1,12 +0,0 @@
-import { DataGridColumn, DataGridColumns, DataGridSettings } from '../types';
-export declare const isColumnVisible: <R>(obj: DataGridColumn<R> | DataGridSettings) => boolean;
-export declare const textColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R>>) => DataGridColumns<R>;
-export declare const mailColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R>>) => DataGridColumns<R>;
-export declare const phoneColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R>>) => DataGridColumns<R>;
-export declare const dateColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R>>) => DataGridColumns<R>;
-export declare const monthColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R>>) => DataGridColumns<R>;
-export declare const numberColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<DataGridColumn<R>>) => DataGridColumns<R>;
-export declare const moneyColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<DataGridColumn<R>>) => DataGridColumns<R>;
-export declare const percentageColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<DataGridColumn<R>>) => DataGridColumns<R>;
-export declare const checkboxColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R>>) => DataGridColumns<R>;
-export declare const colorColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R>>) => DataGridColumns<R>;