@addev-be/ui 0.19.2 → 0.19.4

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

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

package/dist/components/data/SqlRequestDataGrid/SqlRequestForeignListEditableCell.js

@@ -0,0 +1,19 @@
+"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.SqlRequestForeignListEditableCell = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var SqlRequestForeignList_1 = require("../SqlRequestForeignList");
+var SqlRequestForeignListEditableCellInner = function (props, ref) { return (0, jsx_runtime_1.jsx)(SqlRequestForeignList_1.SqlRequestForeignList, __assign({}, props, { ref: ref })); };
+exports.SqlRequestForeignListEditableCell = (0, react_1.forwardRef)(SqlRequestForeignListEditableCellInner);

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

@@ -1,17 +1,16 @@
-import { SqlRequestDataGridColumn, SqlRequestDataGridColumns } from '../types';
-export declare const sqlTextColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<SqlRequestDataGridColumn<R>>) => SqlRequestDataGridColumns<R>;
-/**
- * Creates a column with a composed value from multiple fields,
- * and filtered by a text filter on the first field
- */
-export declare const sqlComposedColumn: <R extends Record<string, any>>(key: string, title: string, fields: string[], options?: Partial<SqlRequestDataGridColumn<R>>) => SqlRequestDataGridColumns<R>;
-export declare const sqlMailColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<SqlRequestDataGridColumn<R>>) => SqlRequestDataGridColumns<R>;
-export declare const sqlPhoneColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<SqlRequestDataGridColumn<R>>) => SqlRequestDataGridColumns<R>;
-export declare const sqlDateColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<SqlRequestDataGridColumn<R>>) => SqlRequestDataGridColumns<R>;
-export declare const sqlDateTimeColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<SqlRequestDataGridColumn<R>>) => SqlRequestDataGridColumns<R>;
-export declare const sqlMonthColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<SqlRequestDataGridColumn<R>>) => SqlRequestDataGridColumns<R>;
-export declare const sqlNumberColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<SqlRequestDataGridColumn<R>>) => SqlRequestDataGridColumns<R>;
-export declare const sqlMoneyColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<SqlRequestDataGridColumn<R>>) => SqlRequestDataGridColumns<R>;
-export declare const sqlPercentageColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<SqlRequestDataGridColumn<R>>) => SqlRequestDataGridColumns<R>;
-export declare const sqlCheckboxColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<SqlRequestDataGridColumn<R>>) => SqlRequestDataGridColumns<R>;
-export declare const sqlColorColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<SqlRequestDataGridColumn<R>>) => SqlRequestDataGridColumns<R>;
+import { SqlRequestDataGridCheckboxColumn, SqlRequestDataGridDateColumn, SqlRequestDataGridForeignListColumn, SqlRequestDataGridNumberColumn, SqlRequestDataGridTextColumn } from '../types';
+import { DeepPartial } from '../../../../typings';
+import { SqlRequestForeignListItemFC } from '../../SqlRequestForeignList/types';
+export declare const sqlTextColumn: <R extends Record<string, any>>(key: string, title: React.ReactNode, options?: DeepPartial<SqlRequestDataGridTextColumn<R>>) => SqlRequestDataGridTextColumn<R>;
+export declare const sqlMailColumn: <R extends Record<string, any>>(key: string, title: string, options?: DeepPartial<SqlRequestDataGridTextColumn<R>>) => SqlRequestDataGridTextColumn<R>;
+export declare const sqlPhoneColumn: <R extends Record<string, any>>(key: string, title: string, options?: DeepPartial<SqlRequestDataGridTextColumn<R>>) => SqlRequestDataGridTextColumn<R>;
+export declare const sqlDateColumn: <R extends Record<string, any>>(key: string, title: string, options?: DeepPartial<SqlRequestDataGridDateColumn<R>>) => SqlRequestDataGridDateColumn<R>;
+export declare const sqlDateTimeColumn: <R extends Record<string, any>>(key: string, title: string, options?: DeepPartial<SqlRequestDataGridDateColumn<R>>) => SqlRequestDataGridDateColumn<R>;
+export declare const sqlMonthColumn: <R extends Record<string, any>>(key: string, title: string, options?: DeepPartial<SqlRequestDataGridTextColumn<R>>) => SqlRequestDataGridTextColumn<R>;
+export declare const sqlNumberColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: DeepPartial<SqlRequestDataGridNumberColumn<R>>) => SqlRequestDataGridNumberColumn<R>;
+export declare const sqlMoneyColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, currency?: string | ((row: R) => string), options?: DeepPartial<SqlRequestDataGridNumberColumn<R>>) => SqlRequestDataGridNumberColumn<R>;
+export declare const sqlPercentageColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: DeepPartial<SqlRequestDataGridNumberColumn<R>>) => SqlRequestDataGridNumberColumn<R>;
+export declare const sqlCheckboxColumn: <R extends Record<string, any>>(key: string, title: string, options?: DeepPartial<SqlRequestDataGridCheckboxColumn<R>>) => SqlRequestDataGridCheckboxColumn<R>;
+export declare const sqlImageColumn: <R extends Record<string, any>>(key: string, title: string, urlPrefix: string, options?: DeepPartial<SqlRequestDataGridTextColumn<R>>) => SqlRequestDataGridTextColumn<R>;
+export declare const sqlColorColumn: <R extends Record<string, any>>(key: string, title: string, options?: DeepPartial<SqlRequestDataGridTextColumn<R>>) => SqlRequestDataGridTextColumn<R>;
+export declare const sqlForeignListColumn: <R extends Record<string, any>, T extends Record<string, any>, C extends string>(key: string, columnMapping: Record<keyof R, C>, title: string, requestName: string, ItemTemplate: SqlRequestForeignListItemFC<T>, options?: DeepPartial<SqlRequestDataGridForeignListColumn<R, T | null>>) => SqlRequestDataGridForeignListColumn<R, T | null>;