@addev-be/ui 2.7.7 → 3.0.6

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

@@ -1,22 +0,0 @@
-import { ConditionDTO, OrderByDTO } from '../../../services/sqlRequests';
-import { VirtualScrollerTemplateFC } from '../VirtualScroller/types';
-export type SqlRequestForeignListProps<T> = {
-    requestName: string;
-    idColumn: string;
-    columns: string[];
-    initialValue?: T | null;
-    onIdChanged?: (value: string | null) => void;
-    onItemChanged?: (value: T | null) => void;
-    onClosed?: () => void;
-    onBlur?: () => void;
-    valueTemplate?: VirtualScrollerTemplateFC<T, SqlRequestForeignListItemProps<T>>;
-    itemTemplate: VirtualScrollerTemplateFC<T, SqlRequestForeignListItemProps<T>>;
-    rowHeight?: number;
-    maxRows?: number;
-    orderBy?: OrderByDTO[];
-    conditions?: ConditionDTO[];
-};
-export type SqlRequestForeignListItemProps<T> = {
-    onClick?: (item: T | null) => void;
-};
-export type SqlRequestForeignListItemFC<T> = VirtualScrollerTemplateFC<T, SqlRequestForeignListItemProps<T>>;

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

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

package/dist/components/data/SqlRequestGrid/filters/FiltersSidebar.d.ts

@@ -1,10 +0,0 @@
-import { SqlRequestGridProps } from '../types';
-import { DataGridContext } from '../../DataGrid/types';
-type FiltersSidebarProps<R, P extends object = {}> = {
-    props: SqlRequestGridProps<R, P>;
-    context: DataGridContext<R>;
-    onClose?: () => void;
-    onClearFilters?: () => void;
-};
-export declare const FiltersSidebar: <R, P extends object = {}>({ props, context, onClose, onClearFilters, }: FiltersSidebarProps<R, P>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/data/SqlRequestGrid/filters/FiltersSidebar.js

@@ -1,60 +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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FiltersSidebar = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles = __importStar(require("./styles"));
-var Icons_1 = require("../../../../Icons");
-var react_1 = require("react");
-var DataGridFilterMenu_1 = require("../../DataGrid/DataGridFilterMenu");
-var IconButton_1 = require("../../../forms/IconButton");
-var FiltersSidebar = function (_a) {
-    var props = _a.props, context = _a.context, onClose = _a.onClose, onClearFilters = _a.onClearFilters;
-    var _b = (0, react_1.useState)(null), columnKey = _b[0], setColumnKey = _b[1];
-    var column = columnKey
-        ? props.fields.find(function (field) {
-            return field.key === columnKey && !!field.filter;
-        })
-        : null;
-    var visible = !!(columnKey && column);
-    var stopPropagation = (0, react_1.useCallback)(function (e) {
-        e.stopPropagation();
-    }, []);
-    var onFilterClick = (0, react_1.useCallback)(function (columnKey) {
-        setColumnKey(columnKey);
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(styles.Backdrop, { onClick: onClose, children: (0, jsx_runtime_1.jsx)(styles.FiltersSidebarContainer, { onClick: stopPropagation, children: visible ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles.FiltersSidebarHeader, { children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { rounded: true, bordered: false, icon: Icons_1.AngleLeftIcon, color: "neutral", onClick: function () { return onFilterClick(null); } }), (0, jsx_runtime_1.jsx)("h3", { children: column.name }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { rounded: true, bordered: false, icon: Icons_1.XMarkIcon, color: "neutral", onClick: onClose })] }), (0, jsx_runtime_1.jsx)(DataGridFilterMenu_1.DataGridFilterMenu, { contextMenu: false, column: column, context: context, showTotalButton: false })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles.FiltersSidebarHeader, { children: [(0, jsx_runtime_1.jsx)("h3", { children: "Filtres" }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { rounded: true, bordered: false, icon: Icons_1.FilterSlashIcon, color: "danger", onClick: onClearFilters }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { rounded: true, bordered: false, icon: Icons_1.XMarkIcon, color: "neutral", onClick: onClose })] }), props.fields.map(function (field) { return ((0, jsx_runtime_1.jsxs)(styles.FiltersSidebarFilter, { onClick: function () { return onFilterClick(field.key); }, children: [field.name, (0, jsx_runtime_1.jsx)(Icons_1.AngleRightIcon, {})] }, field.key)); })] })) }) }));
-};
-exports.FiltersSidebar = FiltersSidebar;

package/dist/components/data/SqlRequestGrid/filters/styles.d.ts

@@ -1,4 +0,0 @@
-export declare const FiltersSidebarContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const FiltersSidebarHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const FiltersSidebarFilter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Backdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/data/SqlRequestGrid/filters/styles.js

@@ -1,17 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Backdrop = exports.FiltersSidebarFilter = exports.FiltersSidebarHeader = exports.FiltersSidebarContainer = void 0;
-var styles_1 = require("../../../ui/ContextMenu/styles");
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.FiltersSidebarContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  max-width: var(--space-96);\n  border-radius: var(--rounded-none);\n  padding: 0;\n  z-index: 1;\n  overflow-y: auto;\n  box-sizing: border-box;\n  background-color: var(--color-base-50);\n  border-right: 1px solid var(--color-base-300);\n  box-shadow: var(--shadow-sm);\n\n  & > ", " {\n    position: relative;\n    background: none;\n    padding: var(--space-2) 0;\n\n    ", " {\n      background: none;\n      /* height: var(--size-6); */\n      padding: var(--space-2) var(--space-4);\n    }\n\n    ", " {\n      margin: var(--space-2) 0;\n    }\n  }\n"], ["\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  max-width: var(--space-96);\n  border-radius: var(--rounded-none);\n  padding: 0;\n  z-index: 1;\n  overflow-y: auto;\n  box-sizing: border-box;\n  background-color: var(--color-base-50);\n  border-right: 1px solid var(--color-base-300);\n  box-shadow: var(--shadow-sm);\n\n  & > ", " {\n    position: relative;\n    background: none;\n    padding: var(--space-2) 0;\n\n    ", " {\n      background: none;\n      /* height: var(--size-6); */\n      padding: var(--space-2) var(--space-4);\n    }\n\n    ", " {\n      margin: var(--space-2) 0;\n    }\n  }\n"])), styles_1.MenuContainer, styles_1.MenuItemContainer, styles_1.Divider);
-exports.FiltersSidebarHeader = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  background-color: var(--color-base-50);\n\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: var(--space-4);\n  padding: var(--space-2);\n\n  padding-bottom: var(--space-2);\n  border-bottom: 1px solid var(--color-base-300);\n\n  h3 {\n    margin: 0;\n    margin-right: auto;\n  }\n"], ["\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  background-color: var(--color-base-50);\n\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: var(--space-4);\n  padding: var(--space-2);\n\n  padding-bottom: var(--space-2);\n  border-bottom: 1px solid var(--color-base-300);\n\n  h3 {\n    margin: 0;\n    margin-right: auto;\n  }\n"])));
-exports.FiltersSidebarFilter = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: var(--space-4) var(--space-2);\n  border-bottom: 1px solid var(--color-base-300);\n  cursor: pointer;\n\n  &:hover {\n    background-color: var(--color-base-100);\n  }\n  svg {\n    margin-left: auto;\n    width: var(--space-4);\n    height: var(--space-4);\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  padding: var(--space-4) var(--space-2);\n  border-bottom: 1px solid var(--color-base-300);\n  cursor: pointer;\n\n  &:hover {\n    background-color: var(--color-base-100);\n  }\n  svg {\n    margin-left: auto;\n    width: var(--space-4);\n    height: var(--space-4);\n  }\n"])));
-exports.Backdrop = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: sticky;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  background-color: rgba(0, 0, 0, 0.5);\n"], ["\n  position: sticky;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  background-color: rgba(0, 0, 0, 0.5);\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

@@ -1 +0,0 @@
-export * from './sqlRequests';

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

@@ -1,17 +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 __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("./sqlRequests"), exports);

package/dist/components/data/SqlRequestGrid/helpers/sqlRequests.d.ts

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

package/dist/components/data/SqlRequestGrid/helpers/sqlRequests.js

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

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

@@ -1,5 +0,0 @@
-import { Ref } from 'react';
-import { SqlRequestGridProps, SqlRequestGridRefProps } from './types';
-export declare const SqlRequestGrid: <R, P extends object = {}>({ ref, ...allProps }: SqlRequestGridProps<R, P> & {
-    ref: Ref<SqlRequestGridRefProps>;
-}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,235 +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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SqlRequestGrid = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles = __importStar(require("./styles"));
-var sqlRequests_1 = require("../../../services/sqlRequests");
-var react_1 = require("react");
-var lodash_1 = require("lodash");
-var Icons_1 = require("../../../Icons");
-var FiltersSidebar_1 = require("./filters/FiltersSidebar");
-var IconButton_1 = require("../../forms/IconButton");
-var VirtualScroller_1 = require("../VirtualScroller");
-var helpers_1 = require("./helpers");
-var helpers_2 = require("../DataGrid/helpers");
-var hooks_1 = require("../DataGrid/hooks");
-var SqlRequestGrid = function (_a) {
-    var ref = _a.ref, allProps = __rest(_a, ["ref"]);
-    var _b = allProps.rowHeight, rowHeight = _b === void 0 ? styles.DEFAULT_ROW_HEIGHT : _b, itemsPerRow = allProps.itemsPerRow, itemTemplate = allProps.itemTemplate, itemProps = allProps.itemProps, gap = allProps.gap, props = __rest(allProps, ["rowHeight", "itemsPerRow", "itemTemplate", "itemProps", "gap"]);
-    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 sqlRequest = (0, sqlRequests_1.useSqlRequestHandler)(props.type)[0];
-    var _g = (0, react_1.useState)({}), conditions = _g[0], setConditions = _g[1];
-    var _h = (0, react_1.useState)([]), orderBy = _h[0], setOrderBy = _h[1];
-    var _j = (0, react_1.useMemo)(function () {
-        var _a, _b;
-        return [
-            __spreadArray(__spreadArray([], props.fields
-                .filter(function (field) { return !field.ignore; })
-                .map(function (field) { return field.key; }), true), ((_a = props.additionalFields) !== null && _a !== void 0 ? _a : []), true),
-            __spreadArray(__spreadArray([], props.fields
-                .filter(function (field) { return !field.ignore; })
-                .filter(helpers_2.isColumnVisible)
-                .map(function (field) { return field.key; }), true), ((_b = props.additionalFields) !== null && _b !== void 0 ? _b : []), true),
-        ];
-    }, [props.fields, props.additionalFields]), columnsKeys = _j[0], visibleColumnsKeys = _j[1];
-    var columnTypes = (0, react_1.useMemo)(function () {
-        return visibleColumnsKeys.map(function (key) { var _a, _b; return String((_b = (_a = props.fields.find(function (field) { return field.key === key; })) === null || _a === void 0 ? void 0 : _a.type) !== null && _b !== void 0 ? _b : 'text'); });
-    }, [visibleColumnsKeys, props.fields]);
-    var loadRows = (0, react_1.useRef)((0, lodash_1.debounce)(function (columns, returnColumns, conditions, orderBy, start, length, getCount) {
-        if (conditions === void 0) { conditions = []; }
-        if (orderBy === void 0) { orderBy = []; }
-        if (start === void 0) { start = 0; }
-        if (length === void 0) { length = 100; }
-        if (getCount === void 0) { getCount = false; }
-        if (length > 0) {
-            sqlRequest({
-                columns: columns.includes('Id') ? columns : __spreadArray(__spreadArray([], columns, true), ['Id'], false),
-                returnColumns: returnColumns.includes('Id')
-                    ? returnColumns
-                    : __spreadArray(__spreadArray([], returnColumns, true), ['Id'], false),
-                columnTypes: columnTypes.includes('Id')
-                    ? columnTypes
-                    : __spreadArray(__spreadArray([], columnTypes, true), ['Id'], false),
-                conditions: conditions,
-                orderBy: orderBy,
-                start: start,
-                length: length,
-                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([start, length], parsedRows, false));
-                setRows(__spreadArray([], currentRows.current, true));
-            });
-        }
-    }, 100, {
-        leading: true,
-        trailing: true,
-    }));
-    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.convertSqlFiltersToConditions)(filters);
-        setConditions(newConditions);
-        refresh();
-    }, [refresh]);
-    var onSortsChanged = (0, react_1.useCallback)(function (sorts) {
-        refresh();
-        var newOrderBy = Object.entries(sorts).map(function (_a) {
-            var columnKey = _a[0], direction = _a[1];
-            return ({
-                field: columnKey,
-                direction: direction.toUpperCase(),
-            });
-        });
-        setOrderBy(newOrderBy);
-    }, [refresh]);
-    var loadFilterValues = (0, react_1.useCallback)(function (columnKey) {
-        var _a, _b, _c, _d, _e, _f, _g;
-        var field = props.fields.find(function (field) { return field.key === columnKey; });
-        if (!field)
-            return Promise.resolve([]);
-        return sqlRequest({
-            columns: columnsKeys,
-            returnColumns: [columnKey],
-            // columnTypes: [field.type ?? 'text'],
-            conditions: __spreadArray(__spreadArray([], ((_a = props.conditions) !== null && _a !== void 0 ? _a : []), true), Object.values((0, lodash_1.pickBy)(conditions, function (_, key) { return key !== columnKey; })), true).filter(function (condition) { return condition.field !== columnKey; }),
-            orderBy: [
-                {
-                    field: (_f = (_d = (_b = field.filterField) !== null && _b !== void 0 ? _b : (_c = field.field) === null || _c === void 0 ? void 0 : _c.fieldAlias) !== null && _d !== void 0 ? _d : (_e = field.field) === null || _e === void 0 ? void 0 : _e.fieldName) !== null && _f !== void 0 ? _f : columnKey,
-                    type: (_g = field.type) !== null && _g !== void 0 ? _g : 'text',
-                    direction: 'ASC',
-                },
-            ],
-            getCount: false,
-            unique: true,
-        }).then(function (response) {
-            return response.data.map(function (row) { var _a, _b, _c; return (_c = (_b = (_a = field.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; });
-        });
-    }, [columnsKeys, conditions, props.fields, props.conditions, sqlRequest]);
-    (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(columnsKeys, visibleColumnsKeys, __spreadArray(__spreadArray([], ((_a = props.conditions) !== null && _a !== void 0 ? _a : []), true), Object.values(conditions), true), orderBy, start, length, count < 0);
-        }
-    }, [
-        props.fields,
-        start,
-        length,
-        count,
-        conditions,
-        columnsKeys,
-        visibleColumnsKeys,
-        rows,
-        orderBy,
-        props.conditions,
-    ]);
-    var onVisibleRowsChanged = (0, react_1.useCallback)(function (newStart, newLength) {
-        if (newStart !== start || newLength !== length) {
-            setStart(newStart);
-            setLength(newLength);
-        }
-    }, [length, start]);
-    (0, react_1.useImperativeHandle)(ref, function () { return ({
-        refresh: refresh,
-    }); }, [refresh]);
-    var _k = (0, hooks_1.useDataGrid)({
-        columns: props.fields,
-        rows: rows,
-        onFiltersChanged: onFiltersChanged,
-        filterValuesLoader: loadFilterValues,
-        onSortsChanged: onSortsChanged,
-        onSelectionChange: function () { },
-        onSelectedRowsChanged: function () { },
-        selectable: false,
-        rowKey: '',
-        filter: false,
-        sort: false,
-        initialSorts: props.initialSorts,
-    }), contextProps = _k[0], DataGridContext = _k[1];
-    var _l = (0, react_1.useState)(false), sidebarVisible = _l[0], setSidebarVisible = _l[1];
-    var onSidebarClose = (0, react_1.useCallback)(function () {
-        setSidebarVisible(false);
-    }, []);
-    var onClearFilters = (0, react_1.useCallback)(function () {
-        onFiltersChanged({});
-        setSidebarVisible(false);
-    }, [onFiltersChanged]);
-    return ((0, jsx_runtime_1.jsx)(DataGridContext.Provider, { value: contextProps, children: (0, jsx_runtime_1.jsxs)(styles.SqlRequestGridContainer, { children: [sidebarVisible ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(FiltersSidebar_1.FiltersSidebar, { props: allProps, context: DataGridContext, onClose: onSidebarClose, onClearFilters: onClearFilters }) })) : ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { size: "large", onClick: function () { return setSidebarVisible(true); }, icon: Icons_1.FilterFullIcon, color: "primary", rounded: true, style: {
-                        position: 'absolute',
-                        bottom: 'var(--space-2)',
-                        right: 'var(--space-2)',
-                        zIndex: 1,
-                    } })), (0, jsx_runtime_1.jsx)(VirtualScroller_1.VirtualScroller, { gridTemplateColumns: "repeat(".concat(itemsPerRow, ", 1fr)"), items: rows, itemTemplate: itemTemplate, itemsPerRow: itemsPerRow, itemProps: itemProps, rowHeightInPx: rowHeight, onRangeChanged: onVisibleRowsChanged, gap: gap })] }) }));
-};
-exports.SqlRequestGrid = SqlRequestGrid;

package/dist/components/data/SqlRequestGrid/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const DEFAULT_ROW_HEIGHT = 200;
-export declare const SqlRequestGridContainer: 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>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;

package/dist/components/data/SqlRequestGrid/styles.js

@@ -1,17 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SqlRequestGridContainer = exports.DEFAULT_ROW_HEIGHT = void 0;
-var styles_1 = require("../VirtualScroller/styles");
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.DEFAULT_ROW_HEIGHT = 200;
-exports.SqlRequestGridContainer = styled_components_1.default.div.attrs({
-    className: 'SqlRequestGridContainer',
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n  position: relative;\n\n  ", " {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n  }\n"], ["\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n  position: relative;\n\n  ", " {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n  }\n"])), styles_1.VirtualScrollerContainer);
-var templateObject_1;

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

@@ -1,40 +0,0 @@
-import { ConditionDTO, FieldDTO, OrderByDTO, SqlRequestRow } from '../../../services/sqlRequests';
-import { DataGridCheckboxColumn, DataGridDateColumn, DataGridFilter, DataGridFilterType, DataGridNumberColumn, DataGridSort, DataGridTextColumn } from '../DataGrid/types';
-import { VirtualScrollerTemplateFC } from '../VirtualScroller/types';
-export type SqlRequestGridFilter<T extends DataGridFilterType = DataGridFilterType> = DataGridFilter<T> & {
-    field?: FieldDTO;
-};
-export type SqlRequestGridFilters = Record<string, SqlRequestGridFilter>;
-export type SqlRequestGridCommonProps = {
-    filter?: SqlRequestGridFilter;
-    field?: FieldDTO;
-    filterField?: string;
-    sortField?: string;
-    ignore?: boolean;
-};
-export type SqlRequestGridTextColumn<R> = DataGridTextColumn<R> & SqlRequestGridCommonProps;
-export type SqlRequestGridNumberColumn<R> = DataGridNumberColumn<R> & SqlRequestGridCommonProps;
-export type SqlRequestGridCheckboxColumn<R> = DataGridCheckboxColumn<R> & SqlRequestGridCommonProps;
-export type SqlRequestGridDateColumn<R> = DataGridDateColumn<R> & SqlRequestGridCommonProps;
-export type SqlRequestGridColumn<R> = SqlRequestGridTextColumn<R> | SqlRequestGridNumberColumn<R> | SqlRequestGridCheckboxColumn<R> | SqlRequestGridDateColumn<R>;
-export type SqlRequestGridColumnWithFilter<R> = SqlRequestGridColumn<R> & {
-    filter: SqlRequestGridFilter;
-};
-export type SqlRequestGridColumns<R> = SqlRequestGridColumn<R>[];
-export type SqlRequestGridProps<R, P extends object = {}> = {
-    itemTemplate: VirtualScrollerTemplateFC<R, P>;
-    itemsPerRow?: number;
-    rowHeight?: number;
-    gap?: string;
-    fields: SqlRequestGridColumns<R>;
-    additionalFields?: string[];
-    type: string;
-    orderBy?: OrderByDTO[];
-    conditions?: ConditionDTO[];
-    parser?: (row: SqlRequestRow<R>) => R;
-    itemProps: P | ((item: R) => P);
-    initialSorts?: Record<string, DataGridSort>;
-};
-export type SqlRequestGridRefProps = {
-    refresh: () => void;
-};

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

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

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

@@ -1,18 +0,0 @@
-export declare const VIRTUAL_SCROLL_TOLERANCE = 20;
-type VirtualScrollingProps<R> = {
-    scrollableElement: HTMLElement | null;
-    rowHeightInPx: number;
-    items: R[];
-    itemsPerRow?: number;
-    tolerance?: number;
-};
-export declare const useVirtualScrolling: <R>({ scrollableElement, rowHeightInPx, items, itemsPerRow, tolerance, }: VirtualScrollingProps<R>) => {
-    index: number;
-    length: number;
-    indexWithTolerance: number;
-    lengthWithTolerance: number;
-    visibleItems: R[];
-    totalHeight: number;
-    topPadding: number;
-};
-export {};

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

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useVirtualScrolling = exports.VIRTUAL_SCROLL_TOLERANCE = void 0;
-var react_1 = require("react");
-var useElementSize_1 = require("../../../hooks/useElementSize");
-exports.VIRTUAL_SCROLL_TOLERANCE = 20;
-var useVirtualScrolling = function (_a) {
-    var _b;
-    var scrollableElement = _a.scrollableElement, rowHeightInPx = _a.rowHeightInPx, items = _a.items, _c = _a.itemsPerRow, itemsPerRow = _c === void 0 ? 1 : _c, _d = _a.tolerance, tolerance = _d === void 0 ? exports.VIRTUAL_SCROLL_TOLERANCE : _d;
-    var height = (0, useElementSize_1.useElementSize)(scrollableElement).height;
-    var _e = (0, react_1.useState)(0), scrollTop = _e[0], setScrollTop = _e[1];
-    var _f = [
-        Math.floor(scrollTop / rowHeightInPx),
-        Math.ceil(height / rowHeightInPx),
-    ], rowIndex = _f[0], rowLength = _f[1];
-    var _g = [rowIndex * itemsPerRow, rowLength * itemsPerRow], index = _g[0], length = _g[1];
-    var rowTolerance = Math.ceil(tolerance / itemsPerRow);
-    var totalRows = Math.ceil(((_b = items === null || items === void 0 ? void 0 : items.length) !== null && _b !== void 0 ? _b : 0) / itemsPerRow);
-    var totalHeight = totalRows * rowHeightInPx;
-    var topPadding = Math.max(0, rowIndex - rowTolerance) * rowHeightInPx;
-    var onScroll = (0, react_1.useCallback)(function () {
-        if (scrollableElement) {
-            setScrollTop(scrollableElement.scrollTop);
-        }
-    }, [scrollableElement]);
-    (0, react_1.useEffect)(function () {
-        var scrollable = scrollableElement;
-        if (scrollable) {
-            scrollable.addEventListener('scroll', onScroll);
-            return function () {
-                scrollable.removeEventListener('scroll', onScroll);
-            };
-        }
-    }, [onScroll, scrollableElement]);
-    var rowIndexWithTolerance = Math.max(0, rowIndex - rowTolerance);
-    var rowLengthWithTolerance = rowLength + 2 * rowTolerance;
-    var indexWithTolerance = rowIndexWithTolerance * itemsPerRow;
-    var lengthWithTolerance = rowLengthWithTolerance * itemsPerRow;
-    var visibleItems = items.slice(indexWithTolerance, indexWithTolerance + lengthWithTolerance);
-    return {
-        index: index,
-        length: length,
-        indexWithTolerance: indexWithTolerance,
-        lengthWithTolerance: lengthWithTolerance,
-        visibleItems: visibleItems,
-        totalHeight: totalHeight,
-        topPadding: topPadding,
-    };
-};
-exports.useVirtualScrolling = useVirtualScrolling;

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

@@ -1,15 +0,0 @@
-import { VirtualScrollerTemplateFC } from './types';
-type VirtualScrollerProps<R, P extends object> = {
-    gridTemplateColumns: string;
-    items: R[];
-    itemTemplate: VirtualScrollerTemplateFC<R, P>;
-    rowHeightInPx: number;
-    gap?: string;
-    itemsPerRow?: number;
-    tolerance?: number;
-    itemProps: P | ((item: R, index: number) => P);
-    onRangeChanged?: (index: number, length: number) => void;
-    integrated?: boolean;
-};
-export declare const VirtualScroller: <R, P extends object>({ gridTemplateColumns, items, rowHeightInPx, itemTemplate: ItemTemplate, itemProps, onRangeChanged, gap, itemsPerRow, tolerance, integrated, }: VirtualScrollerProps<R, P>) => import("react/jsx-runtime").JSX.Element;
-export {};