@addev-be/ui 2.7.0 → 2.7.1

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

@@ -0,0 +1,20 @@
+import { ColumnDTO, ConditionDTO } from '../../../../services/smartQueries';
+import { SmartQueryDataGridColumn, SmartQueryDataGridColumns } from '../types';
+export declare const smartTextColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<SmartQueryDataGridColumn<R>>) => SmartQueryDataGridColumns<R>;
+/**
+ * Creates a column with a composed value from multiple fields,
+ * and filtered by a text filter on the first field
+ */
+export declare const smartComposedColumn: <R extends Record<string, any>>(key: string, title: string, fields: string[], options?: Partial<SmartQueryDataGridColumn<R>>) => SmartQueryDataGridColumns<R>;
+export declare const smartMailColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<SmartQueryDataGridColumn<R>>) => SmartQueryDataGridColumns<R>;
+export declare const smartPhoneColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<SmartQueryDataGridColumn<R>>) => SmartQueryDataGridColumns<R>;
+export declare const smartDateColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<SmartQueryDataGridColumn<R>>) => SmartQueryDataGridColumns<R>;
+export declare const smartDateTimeColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<SmartQueryDataGridColumn<R>>) => SmartQueryDataGridColumns<R>;
+export declare const smartMonthColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<SmartQueryDataGridColumn<R>>) => SmartQueryDataGridColumns<R>;
+export declare const smartNumberColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<SmartQueryDataGridColumn<R>>) => SmartQueryDataGridColumns<R>;
+export declare const smartMoneyColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<SmartQueryDataGridColumn<R>>) => SmartQueryDataGridColumns<R>;
+export declare const smartPercentageColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<SmartQueryDataGridColumn<R>>) => SmartQueryDataGridColumns<R>;
+export declare const smartCheckboxColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<SmartQueryDataGridColumn<R>>) => SmartQueryDataGridColumns<R>;
+export declare const smartColorColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<SmartQueryDataGridColumn<R>>) => SmartQueryDataGridColumns<R>;
+export declare const getColumnsConditions: (columns: ColumnDTO[]) => ConditionDTO[];
+export declare const getFooterColumn: (column: ColumnDTO) => ColumnDTO;

package/dist/components/data/SmartQueryDataGrid/helpers/columns.js

@@ -0,0 +1,160 @@
+"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.getFooterColumn = exports.getColumnsConditions = exports.smartColorColumn = exports.smartCheckboxColumn = exports.smartPercentageColumn = exports.smartMoneyColumn = exports.smartNumberColumn = exports.smartMonthColumn = exports.smartDateTimeColumn = exports.smartDateColumn = exports.smartPhoneColumn = exports.smartMailColumn = exports.smartComposedColumn = exports.smartTextColumn = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var helpers_1 = require("../../DataGrid/helpers");
+var dates_1 = require("../../../../helpers/dates");
+var numbers_1 = require("../../../../helpers/numbers");
+var smartTextColumn = function (key, title, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign(__assign({ name: title, render: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.textFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : ''; } }) }, options), { footer: function (rows) { return "".concat(rows[0][key], " \u00E9l\u00E9ments"); } }),
+        _a);
+};
+exports.smartTextColumn = smartTextColumn;
+/**
+ * Creates a column with a composed value from multiple fields,
+ * and filtered by a text filter on the first field
+ */
+var smartComposedColumn = function (key, title, fields, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign({ field: {
+                fieldAlias: key,
+                operator: 'jsonObject',
+                operands: fields.flatMap(function (field) { return [
+                    { constantValue: field },
+                    { fieldName: field },
+                ]; }),
+            }, name: title, render: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.textFilter)(fields[0])), { getter: function (value) { var _a; return (_a = value[fields[0]]) !== null && _a !== void 0 ? _a : 0; } }), filterField: fields[0], sortField: fields[0], footer: function (rows) { return "".concat(rows[0][key], " \u00E9l\u00E9ments"); } }, options),
+        _a);
+};
+exports.smartComposedColumn = smartComposedColumn;
+var smartMailColumn = function (key, title, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign({ name: title, render: function (row) { var _a; return (0, jsx_runtime_1.jsx)("a", { href: "mailto:".concat(row[key]), children: (_a = row[key]) !== null && _a !== void 0 ? _a : '' }); }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.textFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : ''; } }), footer: function (rows) { return "".concat(rows[0][key], " \u00E9l\u00E9ments"); } }, options),
+        _a);
+};
+exports.smartMailColumn = smartMailColumn;
+var smartPhoneColumn = function (key, title, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign({ name: title, render: function (row) { var _a; return (0, jsx_runtime_1.jsx)("a", { href: "tel:".concat(row[key]), children: (_a = row[key]) !== null && _a !== void 0 ? _a : '' }); }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.textFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : ''; } }), footer: function (rows) { return "".concat(rows[0][key], " \u00E9l\u00E9ments"); } }, options),
+        _a);
+};
+exports.smartPhoneColumn = smartPhoneColumn;
+var smartDateColumn = function (key, title, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign({ name: title, type: 'date', render: function (row) { return (0, dates_1.formatDate)(row[key]); }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, excelFormatter: function () { return 'dd/mm/yyyy'; }, excelValue: function (value) { return (0, dates_1.formatDate)(value, 'YYYY-MM-DD'); }, filter: __assign(__assign({}, (0, helpers_1.dateFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : ''; }, formatter: function (value) { return (0, dates_1.formatDate)(value); }, renderer: function (value) { return (0, dates_1.formatDate)(value); } }), footer: function (rows) { return "".concat(rows[0][key], " \u00E9l\u00E9ments"); } }, options),
+        _a);
+};
+exports.smartDateColumn = smartDateColumn;
+var smartDateTimeColumn = function (key, title, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign({ name: title, type: 'date', render: function (row) { return (0, dates_1.formatDateTime)(row[key]); }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, excelFormatter: function () { return 'dd/mm/yyyy hh:mm:ss'; }, excelValue: function (value) { return (0, dates_1.formatDateTime)(value, 'YYYY-MM-DD HH:mm:ss'); }, filter: __assign(__assign({}, (0, helpers_1.dateFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : ''; }, formatter: function (value) { return (0, dates_1.formatDateTime)(value); }, renderer: function (value) { return (0, dates_1.formatDateTime)(value); } }), footer: function (rows) { return "".concat(rows[0][key], " \u00E9l\u00E9ments"); } }, options),
+        _a);
+};
+exports.smartDateTimeColumn = smartDateTimeColumn;
+var smartMonthColumn = function (key, title, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign({ name: title, render: function (row) { return (row[key] ? "".concat(row[key], " mois ") : ''); }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.textFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : ''; } }), footer: function (rows) { return "".concat(rows[0][key], " \u00E9l\u00E9ments"); } }, options),
+        _a);
+};
+exports.smartMonthColumn = smartMonthColumn;
+var smartNumberColumn = function (key, title, decimals, options) {
+    var _a;
+    if (decimals === void 0) { decimals = 2; }
+    return (_a = {},
+        _a[key] = __assign({ name: title, type: 'number', render: function (row) { var _a; return (_a = (0, numbers_1.formatNumber)(row[key], decimals)) !== null && _a !== void 0 ? _a : ''; }, excelFormatter: function () { return (0, helpers_1.buildExcelFormat)(decimals); }, excelValue: function (value) { return (0, numbers_1.formatNumberInvariant)(value, decimals); }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : 0; }, filter: __assign(__assign({}, (0, helpers_1.numberFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : 0; }, renderer: function (value) { var _a; return (_a = (0, numbers_1.formatNumber)(value, decimals)) !== null && _a !== void 0 ? _a : ''; } }), footer: {
+                sum: null,
+                avg: null,
+                count: null,
+                max: null,
+                min: null,
+            } }, options),
+        _a);
+};
+exports.smartNumberColumn = smartNumberColumn;
+var smartMoneyColumn = function (key, title, decimals, options) {
+    var _a;
+    if (decimals === void 0) { decimals = 2; }
+    return (_a = {},
+        _a[key] = __assign({ name: title, type: 'number', render: function (row) { var _a; return (_a = (0, numbers_1.formatMoney)(row[key], decimals)) !== null && _a !== void 0 ? _a : ''; }, excelFormatter: function () { return (0, helpers_1.buildExcelFormat)(decimals, ' €'); }, excelValue: function (value) { return (0, numbers_1.formatNumberInvariant)(value, decimals); }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : 0; }, filter: __assign(__assign({}, (0, helpers_1.numberFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : 0; }, renderer: function (value) { var _a; return (_a = (0, numbers_1.formatMoney)(value, decimals)) !== null && _a !== void 0 ? _a : ''; } }), footer: {
+                sum: null,
+                avg: null,
+                count: null,
+                max: null,
+                min: null,
+            } }, options),
+        _a);
+};
+exports.smartMoneyColumn = smartMoneyColumn;
+var smartPercentageColumn = function (key, title, decimals, options) {
+    var _a;
+    if (decimals === void 0) { decimals = 2; }
+    return (_a = {},
+        _a[key] = __assign({ name: title, type: 'number', render: function (row) { var _a; return (_a = (0, numbers_1.formatPercentage)(row[key])) !== null && _a !== void 0 ? _a : ''; }, excelFormatter: function () { return (0, helpers_1.buildExcelFormat)(decimals, '%'); }, excelValue: function (value) { return (0, numbers_1.formatNumberInvariant)(value, decimals); }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : 0; }, filter: __assign(__assign({}, (0, helpers_1.numberFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : 0; }, renderer: function (value) { var _a; return (_a = (0, numbers_1.formatPercentage)(value, decimals)) !== null && _a !== void 0 ? _a : ''; } }) }, options),
+        _a);
+};
+exports.smartPercentageColumn = smartPercentageColumn;
+var smartCheckboxColumn = function (key, title, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign({ name: title, render: function (row) {
+                var _a;
+                var value = !!+((_a = row[key]) !== null && _a !== void 0 ? _a : 0);
+                return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: value, readOnly: true }), (0, jsx_runtime_1.jsx)("span", { children: value ? ' Oui' : ' Non' })] }));
+            }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.numberFilter)(key)), { getter: function (value) { var _a; return +((_a = value[key]) !== null && _a !== void 0 ? _a : 0); } }), footer: function (rows) { return "".concat(rows[0][key], " \u00E9l\u00E9ments"); } }, options),
+        _a);
+};
+exports.smartCheckboxColumn = smartCheckboxColumn;
+var smartColorColumn = function (key, title, options) {
+    var _a;
+    return (_a = {},
+        _a[key] = __assign({ name: title, render: function (row) { return ((0, jsx_runtime_1.jsx)("div", { style: { position: 'absolute', inset: 0, backgroundColor: row[key] }, children: "\u00A0" })); }, excelValue: function () { return ''; }, excelBackgroundColor: function (value) { return value; }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, filter: __assign(__assign({}, (0, helpers_1.textFilter)(key)), { getter: function (value) { var _a; return (_a = value[key]) !== null && _a !== void 0 ? _a : ''; }, renderer: function (value) { return ((0, jsx_runtime_1.jsx)("div", { style: {
+                        backgroundColor: value,
+                        width: 'var(--space-16)',
+                        height: '1em',
+                    }, children: "\u00A0" })); } }) }, options),
+        _a);
+};
+exports.smartColorColumn = smartColorColumn;
+var getColumnsConditions = function (columns) {
+    return columns
+        .filter(function (column) { return !!column.having; })
+        .map(function (column) {
+        var _a, _b, _c;
+        return ({
+            field: column.field,
+            operator: (_b = (_a = column.having) === null || _a === void 0 ? void 0 : _a.operator) !== null && _b !== void 0 ? _b : 'equals',
+            value: (_c = column.having) === null || _c === void 0 ? void 0 : _c.value,
+        });
+    });
+};
+exports.getColumnsConditions = getColumnsConditions;
+var getFooterColumn = function (column) {
+    var _a;
+    return !column.footer
+        ? column
+        : __assign(__assign({}, column), { field: {
+                operator: column.footer,
+                operands: [{ fieldName: column.field.fieldName }],
+                fieldAlias: (_a = column.field.fieldAlias) !== null && _a !== void 0 ? _a : column.field.fieldName,
+            }, groupBy: true });
+};
+exports.getFooterColumn = getFooterColumn;

package/dist/components/data/SmartQueryDataGrid/helpers/hooks.d.ts

@@ -0,0 +1,5 @@
+import { ColumnDTO, ConditionDTO } from '../../../../services/smartQueries';
+import { SmartQueryDataGridColumns } from '../types';
+import { SmartQueries } from '../../../../services';
+export declare const useSmartColumnDTOs: <R>(columns: SmartQueryDataGridColumns<R>, conditions?: Record<string, ConditionDTO>, footers?: Record<string, SmartQueries.FooterFunction>, sorts?: Record<string, SmartQueries.OrderByDirection>) => ColumnDTO[];
+export declare const useIdSmartColumnDTO: (smartColumns: SmartQueries.ColumnDTO[]) => ColumnDTO;

package/dist/components/data/SmartQueryDataGrid/helpers/hooks.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIdSmartColumnDTO = exports.useSmartColumnDTOs = void 0;
+var react_1 = require("react");
+var useSmartColumnDTOs = function (columns, conditions, footers, sorts) {
+    if (conditions === void 0) { conditions = {}; }
+    if (footers === void 0) { footers = {}; }
+    if (sorts === void 0) { sorts = {}; }
+    return (0, react_1.useMemo)(function () {
+        return Object.entries(columns).map(function (_a) {
+            var _b, _c, _d, _e, _f, _g;
+            var key = _a[0], col = _a[1];
+            return ({
+                key: key,
+                field: {
+                    fieldName: (_c = (_b = col.field) === null || _b === void 0 ? void 0 : _b.fieldName) !== null && _c !== void 0 ? _c : key,
+                    fieldAlias: (_e = (_d = col.field) === null || _d === void 0 ? void 0 : _d.fieldAlias) !== null && _e !== void 0 ? _e : key,
+                    groupBy: (_g = (_f = col.field) === null || _f === void 0 ? void 0 : _f.groupBy) !== null && _g !== void 0 ? _g : false,
+                },
+                having: conditions[key],
+                footer: footers[key],
+                orderBy: sorts[key],
+            });
+        });
+    }, [columns, conditions, footers, sorts]);
+};
+exports.useSmartColumnDTOs = useSmartColumnDTOs;
+var useIdSmartColumnDTO = function (smartColumns) {
+    return (0, react_1.useMemo)(function () {
+        var _a;
+        return (_a = smartColumns.find(function (col) { return col.field.fieldName === 'id'; })) !== null && _a !== void 0 ? _a : {
+            key: 'id',
+            field: {
+                fieldName: 'id',
+                fieldAlias: 'id',
+                groupBy: false,
+            },
+        };
+    }, [smartColumns]);
+};
+exports.useIdSmartColumnDTO = useIdSmartColumnDTO;

package/dist/components/data/SmartQueryDataGrid/helpers/index.d.ts

@@ -0,0 +1,2 @@
+export * from './smartQueries';
+export * from './columns';

package/dist/components/data/SmartQueryDataGrid/helpers/index.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./smartQueries"), exports);
+__exportStar(require("./columns"), exports);

package/dist/components/data/SmartQueryDataGrid/helpers/smartQueries.d.ts

@@ -0,0 +1,3 @@
+import { ConditionDTO } from '../../../../services/smartQueries';
+import { SmartQueryDataGridFilters } from '../types';
+export declare const convertSmartFiltersToConditions: (filters: SmartQueryDataGridFilters) => Record<string, ConditionDTO>;

package/dist/components/data/SmartQueryDataGrid/helpers/smartQueries.js

@@ -0,0 +1,15 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.convertSmartFiltersToConditions = void 0;
+var lodash_1 = require("lodash");
+var convertSmartFiltersToConditions = function (filters) {
+    return (0, lodash_1.mapValues)(filters, function (filter, columnKey) { return ({
+        field: { fieldName: columnKey },
+        operator: filter.operator,
+        value: ['inArray', 'inRange'].includes(filter.operator)
+            ? filter.values
+            : (0, lodash_1.castArray)(filter.values)[0],
+    }); });
+};
+exports.convertSmartFiltersToConditions = convertSmartFiltersToConditions;

package/dist/components/data/SmartQueryDataGrid/hooks.d.ts

@@ -0,0 +1,9 @@
+import { ColumnDTO } from '../../../services/smartQueries';
+import { SmartQueries } from '../../../services';
+export declare const useSmartQuery: (type: string, columns: ColumnDTO[]) => {
+    query: SmartQueries.QueryDTO;
+    havings: SmartQueries.HavingDTO[];
+    setHaving: (columnId: string, having: SmartQueries.HavingDTO) => void;
+    footers: ("max" | "min" | "sum" | "avg" | "count")[];
+    setFooter: (columnId: string, footer: SmartQueries.FooterFunction) => void;
+};

package/dist/components/data/SmartQueryDataGrid/hooks.js

@@ -0,0 +1,63 @@
+"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.useSmartQuery = void 0;
+var react_1 = require("react");
+var useSmartQuery = function (type, columns) {
+    var _a = (0, react_1.useState)({
+        type: type,
+        columns: columns,
+    }), query = _a[0], setQuery = _a[1];
+    var havings = (0, react_1.useMemo)(function () {
+        var _a;
+        return ((_a = query.columns) !== null && _a !== void 0 ? _a : [])
+            .filter(function (column) {
+            return !!column.having;
+        })
+            .map(function (col) { return col.having; });
+    }, [query.columns]);
+    var setHaving = (0, react_1.useCallback)(function (columnId, having) {
+        setQuery(function (currentQuery) {
+            var _a;
+            return (__assign(__assign({}, currentQuery), { columns: (_a = currentQuery.columns) === null || _a === void 0 ? void 0 : _a.map(function (column) {
+                    return column.key === columnId
+                        ? __assign(__assign({}, column), { having: having }) : column;
+                }) }));
+        });
+    }, []);
+    var footers = (0, react_1.useMemo)(function () {
+        var _a;
+        return ((_a = query.columns) !== null && _a !== void 0 ? _a : [])
+            .filter(function (column) {
+            return !!column.footer;
+        })
+            .map(function (col) { return col.footer; });
+    }, [query.columns]);
+    var setFooter = (0, react_1.useCallback)(function (columnId, footer) {
+        setQuery(function (currentQuery) {
+            var _a;
+            return (__assign(__assign({}, currentQuery), { columns: (_a = currentQuery.columns) === null || _a === void 0 ? void 0 : _a.map(function (column) {
+                    return column.key === columnId
+                        ? __assign(__assign({}, column), { footer: footer }) : column;
+                }) }));
+        });
+    }, []);
+    return {
+        query: query,
+        havings: havings,
+        setHaving: setHaving,
+        footers: footers,
+        setFooter: setFooter,
+    };
+};
+exports.useSmartQuery = useSmartQuery;

package/dist/components/data/SmartQueryDataGrid/index.d.ts

@@ -0,0 +1,12 @@
+import { ConditionDTO, FooterFunction, RequestRow } from '../../../services/smartQueries';
+import { DataGridRefProps } from '../DataGrid/types';
+import { ForwardedRef } from 'react';
+import { SmartQueryDataGridProps } from './types';
+export declare const SmartQueryDataGridInner: <R>({ onSelectionChange: onSelectionChangeFromProps, ...props }: SmartQueryDataGridProps<R>, ref: ForwardedRef<DataGridRefProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const SmartQueryDataGrid: <R>(props: Omit<import("../DataGrid/types").DataGridProps<R>, "rows" | "columns"> & {
+    columns: import("./types").SmartQueryDataGridColumns<R>;
+    type: string;
+    conditions?: ConditionDTO[];
+    initialFooters?: Record<string, FooterFunction>;
+    parser?: ((row: RequestRow<R>) => R) | undefined;
+} & import("react").RefAttributes<DataGridRefProps>) => import("react").JSX.Element | null;

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

@@ -0,0 +1,242 @@
+"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 __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.SmartQueryDataGrid = exports.SmartQueryDataGridInner = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var smartQueries_1 = require("../../../services/smartQueries");
+var react_1 = require("react");
+var helpers_1 = require("./helpers");
+var lodash_1 = require("lodash");
+var hooks_1 = require("./helpers/hooks");
+var DataGrid_1 = require("../DataGrid");
+var SmartQueryDataGridInner = function (_a, ref) {
+    var _b;
+    var onSelectionChangeFromProps = _a.onSelectionChange, props = __rest(_a, ["onSelectionChange"]);
+    var currentRows = (0, react_1.useRef)([]);
+    var _c = (0, react_1.useState)([]), rows = _c[0], setRows = _c[1];
+    var _d = (0, react_1.useState)(0), start = _d[0], setStart = _d[1];
+    var _e = (0, react_1.useState)(-1), length = _e[0], setLength = _e[1];
+    var _f = (0, react_1.useState)(-1), count = _f[0], setCount = _f[1];
+    var _g = (0, smartQueries_1.useSmartQueryHandler)('SmartQuery'), smartQuery = _g[0], smartIdRequest = _g[1];
+    var gridRef = (0, react_1.useRef)(null);
+    var _h = (0, react_1.useState)({}), sorts = _h[0], setSorts = _h[1];
+    var _j = (0, react_1.useState)((_b = props.initialFooters) !== null && _b !== void 0 ? _b : {}), footers = _j[0], setFooters = _j[1];
+    var _k = (0, react_1.useState)({}), conditions = _k[0], setConditions = _k[1];
+    var smartColumns = (0, hooks_1.useSmartColumnDTOs)(props.columns, conditions, footers, sorts);
+    var smartIdColumn = (0, hooks_1.useIdSmartColumnDTO)(smartColumns);
+    var refresh = (0, react_1.useCallback)(function () {
+        setRows([]);
+        setStart(0);
+        setCount(-1);
+    }, []);
+    var onFiltersChanged = (0, react_1.useCallback)(function (filters) {
+        var newConditions = (0, helpers_1.convertSmartFiltersToConditions)(filters);
+        console.log('newConditions', newConditions);
+        setConditions(newConditions);
+        refresh();
+    }, [refresh]);
+    var onSortsChanged = (0, react_1.useCallback)(function (sorts) {
+        setSorts((0, lodash_1.mapValues)(sorts, function (sort) {
+            return sort === 'asc' ? 'ascending' : 'descending';
+        }));
+        refresh();
+    }, [refresh]);
+    var loadRows = (0, react_1.useRef)((0, lodash_1.debounce)(function (type, columns, where, offset, limit, getCount) {
+        if (where === void 0) { where = []; }
+        if (offset === void 0) { offset = 0; }
+        if (limit === void 0) { limit = 0; }
+        if (getCount === void 0) { getCount = false; }
+        if (limit > 0) {
+            smartQuery({
+                type: type,
+                columns: columns,
+                where: where,
+                offset: offset,
+                limit: limit,
+                getCount: getCount,
+            }).then(function (response) {
+                var _a;
+                var _b, _c;
+                if (getCount) {
+                    currentRows.current = Array(response.count).fill(null);
+                    if (getCount)
+                        setCount((_b = response.count) !== null && _b !== void 0 ? _b : 0);
+                }
+                var data = (_c = response.data) !== null && _c !== void 0 ? _c : [];
+                var parsedRows = props.parser
+                    ? data.map(props.parser)
+                    : data;
+                (_a = currentRows.current).splice.apply(_a, __spreadArray([offset, limit], parsedRows, false));
+                setRows(__spreadArray([], currentRows.current, true));
+            });
+        }
+    }, 100, {
+        leading: true,
+        trailing: true,
+    }));
+    var loadFilterValues = (0, react_1.useCallback)(function (columnKey) {
+        var _a;
+        var smartColumn = smartColumns.find(function (col) { return col.key === columnKey; });
+        if (!smartColumn) {
+            return Promise.resolve([]);
+        }
+        var otherSmartColumns = smartColumns.filter(function (col) { return col.key !== columnKey; });
+        return smartQuery({
+            type: props.type,
+            columns: __spreadArray([
+                __assign(__assign({}, smartColumn), { having: undefined })
+            ], otherSmartColumns, true),
+            filterColumn: smartColumn,
+            where: (_a = props.conditions) !== null && _a !== void 0 ? _a : [],
+            getCount: false,
+        }).then(function (response) {
+            return response.data.map(function (row) { var _a, _b, _c; return (_c = (_b = (_a = props.columns[columnKey].filter) === null || _a === void 0 ? void 0 : _a.getter) === null || _b === void 0 ? void 0 : _b.call(_a, row)) !== null && _c !== void 0 ? _c : null; });
+        });
+    }, [props.columns, props.conditions, props.type, smartColumns, smartQuery]);
+    (0, react_1.useEffect)(function () {
+        var _a;
+        if ((!rows.length && count < 0) ||
+            rows.slice(start, start + length).some(function (row) { return row === null; })) {
+            loadRows.current(props.type, smartColumns, (_a = props.conditions) !== null && _a !== void 0 ? _a : [], start, length, count < 0);
+        }
+    }, [
+        conditions,
+        count,
+        length,
+        props.conditions,
+        props.type,
+        rows,
+        smartColumns,
+        start,
+    ]);
+    var loadCopyRows = (0, react_1.useCallback)(function () {
+        var _a;
+        return smartQuery({
+            type: props.type,
+            columns: smartColumns,
+            where: (_a = props.conditions) !== null && _a !== void 0 ? _a : [],
+        }).then(function (response) {
+            return props.parser ? response.data.map(props.parser) : response.data;
+        });
+    }, [smartQuery, props.type, props.conditions, props.parser, smartColumns]);
+    var loadAllIds = (0, react_1.useCallback)(function () {
+        var _a, _b;
+        return smartIdRequest({
+            type: props.type,
+            columns: [smartIdColumn],
+            where: __spreadArray(__spreadArray([], ((_a = props.conditions) !== null && _a !== void 0 ? _a : []), true), ((_b = Object.values(conditions)) !== null && _b !== void 0 ? _b : []), true),
+            // orderBy,
+            offset: 0,
+            limit: count,
+        }).then(function (response) { return response.data.map(function (row) { return row['id']; }); });
+    }, [
+        conditions,
+        count,
+        props.conditions,
+        props.type,
+        smartIdColumn,
+        smartIdRequest,
+    ]);
+    var onVisibleRowsChanged = (0, react_1.useCallback)(function (newStart, newLength) {
+        if (newStart !== start || newLength !== length) {
+            setStart(newStart);
+            setLength(newLength);
+        }
+    }, [length, start]);
+    var onSelectionChange = (0, react_1.useCallback)(function (selectedKeys) {
+        onSelectionChangeFromProps === null || onSelectionChangeFromProps === void 0 ? void 0 : onSelectionChangeFromProps(selectedKeys);
+    }, [onSelectionChangeFromProps]);
+    /** FOOTERS */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    var _l = (0, react_1.useState)({}), footerData = _l[0], setFooterData = _l[1];
+    var loadFooters = (0, react_1.useCallback)(function () {
+        var columnsWithFooter = smartColumns
+            .filter(function (column) { return !!column.footer; })
+            .map(helpers_1.getFooterColumn);
+        var otherSmartColumns = smartColumns.filter(function (column) { return !column.footer; });
+        if (columnsWithFooter.length === 0) {
+            setFooterData({});
+        }
+        else {
+            columnsWithFooter.map(function (column) {
+                var _a;
+                return smartQuery({
+                    type: props.type,
+                    columns: [column],
+                    where: __spreadArray(__spreadArray([], ((_a = props.conditions) !== null && _a !== void 0 ? _a : []), true), (0, helpers_1.getColumnsConditions)(otherSmartColumns), true),
+                }).then(function (response) {
+                    return setFooterData(function (previousData) { return (__assign(__assign({}, previousData), response.data[0])); });
+                });
+            });
+        }
+    }, [props.conditions, props.type, smartColumns, smartQuery]);
+    (0, react_1.useEffect)(function () {
+        loadFooters();
+    }, [loadFooters]);
+    var footerFunctions = (0, react_1.useMemo)(function () {
+        return !footerData
+            ? {}
+            : Object.entries(footers).reduce(function (acc, _a) {
+                var _b, _c;
+                var columnKey = _a[0], footerKey = _a[1];
+                var column = props.columns[columnKey];
+                var footerFunc = typeof (column === null || column === void 0 ? void 0 : column.footer) === 'function'
+                    ? column.footer
+                    : (_b = column === null || column === void 0 ? void 0 : column.footer) === null || _b === void 0 ? void 0 : _b[footerKey];
+                var render = footerFunc
+                    ? // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        function (data) { return footerFunc([data], [], []); }
+                    : (_c = column === null || column === void 0 ? void 0 : column.render) !== null && _c !== void 0 ? _c : lodash_1.identity;
+                if (!column) {
+                    return acc;
+                }
+                acc[columnKey] = function () { return render(footerData, column); };
+                return acc;
+            }, {});
+    }, [footerData, footers, props.columns]);
+    var contextOverride = (0, react_1.useMemo)(function () { return ({
+        footers: footers,
+        setFooters: setFooters,
+        footerFunctions: footerFunctions,
+    }); }, [footers, setFooters, footerFunctions]);
+    (0, react_1.useImperativeHandle)(ref, function () {
+        var _a, _b;
+        return ({
+            refresh: refresh,
+            setSelectedKeys: (_b = (_a = gridRef.current) === null || _a === void 0 ? void 0 : _a.setSelectedKeys) !== null && _b !== void 0 ? _b : (function () { }),
+        });
+    }, [refresh]);
+    return ((0, jsx_runtime_1.jsx)(DataGrid_1.DataGrid, __assign({ ref: gridRef, onVisibleRowsChange: onVisibleRowsChanged, filter: false, sort: false, onFiltersChanged: onFiltersChanged, onSortsChanged: onSortsChanged, filterValuesLoader: loadFilterValues, rows: rows, loadCopyRows: loadCopyRows, refresh: refresh, onSelectionChange: onSelectionChange, getAllIds: loadAllIds, contextOverride: contextOverride }, props)));
+};
+exports.SmartQueryDataGridInner = SmartQueryDataGridInner;
+exports.SmartQueryDataGrid = (0, react_1.forwardRef)(exports.SmartQueryDataGridInner);

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

@@ -0,0 +1,22 @@
+import { ConditionDTO, FieldDTO } from '../../../services/smartQueries';
+import { DataGridColumn, DataGridFilter, DataGridFilterType, DataGridProps } from '../DataGrid/types';
+import { SmartQueries } from '../../../services';
+export type SmartQueryDataGridFilter<T extends DataGridFilterType = DataGridFilterType> = DataGridFilter<T> & {
+    field?: FieldDTO;
+};
+export type SmartQueryDataGridFilters = Record<string, SmartQueryDataGridFilter>;
+export type SmartQueryDataGridColumn<R> = DataGridColumn<R> & {
+    filter?: SmartQueryDataGridFilter;
+    field?: FieldDTO;
+    filterField?: string;
+    sortField?: string;
+    ignore?: boolean;
+};
+export type SmartQueryDataGridColumns<R> = Record<string, SmartQueryDataGridColumn<R>>;
+export type SmartQueryDataGridProps<R> = Omit<DataGridProps<R>, 'rows' | 'columns'> & {
+    columns: SmartQueryDataGridColumns<R>;
+    type: string;
+    conditions?: ConditionDTO[];
+    initialFooters?: Record<string, SmartQueries.FooterFunction>;
+    parser?: (row: SmartQueries.RequestRow<R>) => R;
+};

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

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

package/dist/components/data/SqlRequestDataGrid/SqlRequestForeignListEditableCell.d.ts

@@ -1,2 +1,3 @@
+import { ForwardedRef } from 'react';
 import { SqlRequestForeignListProps } from '../SqlRequestForeignList/types';
-export declare const SqlRequestForeignListEditableCell: <R extends Record<string, any>>(props: SqlRequestForeignListProps<R> & import("react").RefAttributes<HTMLDivElement>) => import("react").JSX.Element | null;
+export declare const SqlRequestForeignListEditableCell: <R extends Record<string, any>>(props: SqlRequestForeignListProps<R>, ref: ForwardedRef<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;