@addev-be/ui 2.6.0 → 2.7.0

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

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

package/dist/components/data/DataGrid/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.d.ts

@@ -1,28 +0,0 @@
-import { AdvancedRequestDTO, ConditionDTO, OrderByDTO } from '../../../services/advancedRequests';
-import { DataGridColumn, DataGridColumns, DataGridFilter, DataGridFilterCheckbox, DataGridFilterDataType, DataGridFilterFormatter, DataGridFilterGroup, DataGridFilterPredicates, DataGridFilterType, DataGridFilters, DataGridSettings } from './types';
-export declare const filtersPredicates: DataGridFilterPredicates;
-export declare const applyFilters: <R>(rows: R[], filters: DataGridFilter<R, DataGridFilterType>[]) => R[];
-export declare const applyFilter: <R, T extends DataGridFilterType>(rows: R[], filter: DataGridFilter<R, T>) => R[];
-export declare const defaultFilterGetter: (row: any, columnKey: string) => any;
-export declare const defaultFilterValues: {
-    [K in DataGridFilterType]: DataGridFilterDataType<K>;
-};
-export declare const defaultValueParsers: {
-    [K in DataGridFilterType]: (value: string) => DataGridFilterDataType<K>;
-};
-export declare const groupDatesByYearAndMonth: (dates: any[]) => Record<string, Record<string, any[]>>;
-export declare const getDateGroups: <R extends string | number | null>(dates: any[]) => DataGridFilterGroup<R>[];
-export declare const isColumnVisible: <R>(obj: DataGridColumn<R, any> | DataGridSettings) => boolean;
-export declare const convertFiltersToConditions: <R>(filters: DataGridFilters<R>) => ConditionDTO[];
-export declare const getAdvancedRequestDto: <R>(type: string, columns: DataGridColumns<R>, conditions?: ConditionDTO[], orderBy?: OrderByDTO[], start?: number, length?: number, getTotal?: boolean) => AdvancedRequestDTO;
-export declare const textColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
-export declare const mailColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
-export declare const phoneColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
-export declare const dateColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
-export declare const monthColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
-export declare const numberColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
-export declare const moneyColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
-export declare const percentageColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
-export declare const checkboxColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
-export declare const colorColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<DataGridColumn<R, DataGridFilterType>>) => DataGridColumns<R>;
-export declare const getCheckboxes: <R extends string | number | null>(values: R[], formatter: DataGridFilterFormatter, groups?: DataGridFilterGroup<R>[], level?: number) => DataGridFilterCheckbox<R>[];