@addev-be/ui 0.16.8 → 0.16.10

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

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __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)
@@ -54,7 +64,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SqlRequestDataGrid = exports.SqlRequestDataGridInner = void 0;
+exports.SqlRequestDataGrid = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var sqlRequests_1 = require("../../../services/sqlRequests");
 var react_1 = require("react");
@@ -62,9 +72,9 @@ var lodash_1 = __importStar(require("lodash"));
 var DataGrid_1 = require("../DataGrid");
 var helpers_1 = require("./helpers");
 var helpers_2 = require("../DataGrid/helpers");
-var SqlRequestDataGridInner = function (_a, ref) {
+var SqlRequestDataGrid = function (_a) {
     var _b, _c;
-    var onSelectionChangeFromProps = _a.onSelectionChange, props = __rest(_a, ["onSelectionChange"]);
+    var onSelectionChangeFromProps = _a.onSelectionChange, rowKey = _a.rowKey, ref = _a.ref, props = __rest(_a, ["onSelectionChange", "rowKey", "ref"]);
     var currentRows = (0, react_1.useRef)([]);
     var _d = (0, react_1.useState)([]), rows = _d[0], setRows = _d[1];
     var setRowsRef = (0, react_1.useCallback)(function (value) {
@@ -130,13 +140,13 @@ var SqlRequestDataGridInner = function (_a, ref) {
         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')
+                columns: columns.includes(rowKey) ? columns : __spreadArray(__spreadArray([], columns, true), [rowKey], false),
+                returnColumns: returnColumns.includes(rowKey)
                     ? returnColumns
-                    : __spreadArray(__spreadArray([], returnColumns, true), ['Id'], false),
-                columnTypes: columnTypes.includes('Id')
+                    : __spreadArray(__spreadArray([], returnColumns, true), [rowKey], false),
+                columnTypes: columnTypes.includes(rowKey)
                     ? columnTypes
-                    : __spreadArray(__spreadArray([], columnTypes, true), ['Id'], false),
+                    : __spreadArray(__spreadArray([], columnTypes, true), [rowKey], false),
                 conditions: conditions,
                 orderBy: orderBy,
                 start: start,
@@ -234,15 +244,23 @@ var SqlRequestDataGridInner = function (_a, ref) {
     var loadAllIds = (0, react_1.useCallback)(function () {
         var _a, _b;
         return sqlIdRequest({
-            columns: columns.includes('Id') ? columns : __spreadArray(__spreadArray([], columns, true), ['Id'], false),
-            returnColumns: ['Id'],
+            columns: columns.includes(rowKey) ? columns : __spreadArray(__spreadArray([], columns, true), [rowKey], false),
+            returnColumns: [rowKey],
             columnTypes: ['text'],
             conditions: __spreadArray(__spreadArray([], ((_a = props.conditions) !== null && _a !== void 0 ? _a : []), true), ((_b = Object.values(conditions)) !== null && _b !== void 0 ? _b : []), true),
             orderBy: orderBy,
             start: 0,
             length: count,
-        }).then(function (response) { return response.data.map(function (row) { return row['Id']; }); });
-    }, [columns, conditions, orderBy, props.conditions, sqlIdRequest, count]);
+        }).then(function (response) { return (0, lodash_1.map)(response.data, rowKey); });
+    }, [
+        columns,
+        conditions,
+        count,
+        orderBy,
+        props.conditions,
+        rowKey,
+        sqlIdRequest,
+    ]);
     var onVisibleRowsChanged = (0, react_1.useCallback)(function (newStart, newLength) {
         if (newStart !== start || newLength !== length) {
             setStart(newStart);
@@ -263,7 +281,7 @@ var SqlRequestDataGridInner = function (_a, ref) {
         }
         else {
             sqlPartialRequest({
-                columns: columns.includes('Id') ? columns : __spreadArray(__spreadArray([], columns, true), ['Id'], false),
+                columns: columns.includes(rowKey) ? columns : __spreadArray(__spreadArray([], columns, true), [rowKey], false),
                 returnColumns: [],
                 columnTypes: [],
                 totalColumns: footers,
@@ -277,6 +295,7 @@ var SqlRequestDataGridInner = function (_a, ref) {
         footers,
         orderBy,
         props.conditions,
+        rowKey,
         sqlPartialRequest,
     ]);
     (0, react_1.useEffect)(function () {
@@ -289,17 +308,18 @@ var SqlRequestDataGridInner = function (_a, ref) {
                 var _b, _c;
                 var columnKey = _a[0], footerKey = _a[1];
                 var column = props.columns.find(function (col) { return col.key === columnKey; });
+                if (!column) {
+                    return acc;
+                }
                 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];
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 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.default.identity;
-                if (!column) {
-                    return acc;
-                }
-                acc[columnKey] = function () { return render(footerData, column); };
+                        function (value, data) { return footerFunc([data], [], []); }
+                    : (_c = column.render) !== null && _c !== void 0 ? _c : (function (value, row) { return row; });
+                acc[columnKey] = function () { return render(null, footerData, column); };
                 return acc;
             }, {});
     }, [footerData, footers, props.columns]);
@@ -311,13 +331,13 @@ var SqlRequestDataGridInner = function (_a, ref) {
         setRows: setRowsRef,
     }); }, [footerFunctions, footers, rows, setRowsRef]);
     (0, react_1.useImperativeHandle)(ref, function () {
-        var _a, _b;
+        var _a, _b, _c, _d;
         return ({
             refresh: refresh,
             setSelectedKeys: (_b = (_a = gridRef.current) === null || _a === void 0 ? void 0 : _a.setSelectedKeys) !== null && _b !== void 0 ? _b : (function () { }),
+            addRows: (_d = (_c = gridRef.current) === null || _c === void 0 ? void 0 : _c.addRows) !== null && _d !== void 0 ? _d : (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)));
+    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, rowKey: rowKey }, props)));
 };
-exports.SqlRequestDataGridInner = SqlRequestDataGridInner;
-exports.SqlRequestDataGrid = (0, react_1.forwardRef)(exports.SqlRequestDataGridInner);
+exports.SqlRequestDataGrid = SqlRequestDataGrid;

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

@@ -1,4 +1,5 @@
-import { ForwardedRef } from 'react';
+import { Ref } from 'react';
 import { SqlRequestForeignListProps } from './types';
-export declare const SqlRequestForeignListInner: <T extends Record<string, any>>({ requestName, idColumn, columns, initialValue, onItemChanged, onIdChanged, onClosed, onBlur, itemTemplate, valueTemplate, rowHeight, maxRows, orderBy, conditions, }: SqlRequestForeignListProps<T>, ref: ForwardedRef<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-export declare const SqlRequestForeignList: <T extends Record<string, any>>(props: SqlRequestForeignListProps<T> & import("react").RefAttributes<HTMLDivElement>) => import("react").JSX.Element | null;
+export declare const SqlRequestForeignList: <T extends Record<string, any>>({ requestName, idColumn, columns, initialValue, onItemChanged, onIdChanged, onClosed, onBlur, itemTemplate, valueTemplate, rowHeight, maxRows, orderBy, conditions, ref, }: SqlRequestForeignListProps<T> & {
+    ref?: Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -9,27 +9,28 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SqlRequestForeignList = exports.SqlRequestForeignListInner = void 0;
+exports.SqlRequestForeignList = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable @typescript-eslint/no-explicit-any */
-var services_1 = require("../../../services");
+var sqlRequests_1 = require("../../../services/sqlRequests");
 var react_1 = require("react");
 var styles_1 = require("./styles");
 var Icons_1 = require("../../../Icons");
-var layout_1 = require("../../layout");
+var Dropdown_1 = require("../../layout/Dropdown");
 var VirtualScroller_1 = require("../VirtualScroller");
 var lodash_1 = require("lodash");
+var components_1 = require("../../../helpers/components");
 var DEFAULT_ROW_HEIGHT = 24;
-var createValueTemplate = function (ValueTemplate, rowHeight) {
+var CreateValueTemplate = function (ValueTemplate, rowHeight) {
     if (rowHeight === void 0) { rowHeight = DEFAULT_ROW_HEIGHT; }
-    return function (_a) {
+    return (0, components_1.withDisplayName)(function (_a) {
         var item = _a.item;
         return ((0, jsx_runtime_1.jsx)(styles_1.SqlRequestForeignListValue, { "$rowHeight": rowHeight, children: (0, jsx_runtime_1.jsx)(ValueTemplate, { item: item, index: 0 }) }));
-    };
+    }, 'SqlRequestForeignListCreateValueTemplate');
 };
 var createItemTemplate = function (ItemTemplate, rowHeight) {
     if (rowHeight === void 0) { rowHeight = DEFAULT_ROW_HEIGHT; }
-    return function (_a) {
+    return (0, components_1.withDisplayName)(function (_a) {
         var item = _a.item, index = _a.index, onItemClick = _a.onClick;
         var onClick = (0, react_1.useCallback)(function (e, item, onItemClick) {
             e.preventDefault();
@@ -37,10 +38,10 @@ var createItemTemplate = function (ItemTemplate, rowHeight) {
             onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item);
         }, []);
         return ((0, jsx_runtime_1.jsx)(styles_1.SqlRequestForeignListItem, { "$rowHeight": rowHeight, onClick: function (e) { return onClick(e, item, onItemClick); }, children: (0, jsx_runtime_1.jsx)(ItemTemplate, { item: item, index: index }) }));
-    };
+    }, 'SqlRequestForeignListCreateItemTemplate');
 };
-var SqlRequestForeignListInner = function (_a, ref) {
-    var requestName = _a.requestName, idColumn = _a.idColumn, _b = _a.columns, columns = _b === void 0 ? [] : _b, _c = _a.initialValue, initialValue = _c === void 0 ? null : _c, onItemChanged = _a.onItemChanged, onIdChanged = _a.onIdChanged, onClosed = _a.onClosed, onBlur = _a.onBlur, itemTemplate = _a.itemTemplate, valueTemplate = _a.valueTemplate, _d = _a.rowHeight, rowHeight = _d === void 0 ? DEFAULT_ROW_HEIGHT : _d, _e = _a.maxRows, maxRows = _e === void 0 ? 10 : _e, _f = _a.orderBy, orderBy = _f === void 0 ? [] : _f, _g = _a.conditions, conditions = _g === void 0 ? [] : _g;
+var SqlRequestForeignList = function (_a) {
+    var requestName = _a.requestName, idColumn = _a.idColumn, _b = _a.columns, columns = _b === void 0 ? [] : _b, _c = _a.initialValue, initialValue = _c === void 0 ? null : _c, onItemChanged = _a.onItemChanged, onIdChanged = _a.onIdChanged, onClosed = _a.onClosed, onBlur = _a.onBlur, itemTemplate = _a.itemTemplate, valueTemplate = _a.valueTemplate, _d = _a.rowHeight, rowHeight = _d === void 0 ? DEFAULT_ROW_HEIGHT : _d, _e = _a.maxRows, maxRows = _e === void 0 ? 10 : _e, _f = _a.orderBy, orderBy = _f === void 0 ? [] : _f, _g = _a.conditions, conditions = _g === void 0 ? [] : _g, ref = _a.ref;
     var _h = (0, react_1.useState)(false), opened = _h[0], setOpened = _h[1];
     var _j = (0, react_1.useState)(null), rect = _j[0], setRect = _j[1];
     var currentRows = (0, react_1.useRef)([]);
@@ -53,7 +54,7 @@ var SqlRequestForeignListInner = function (_a, ref) {
     var internalRef = (0, react_1.useRef)(null);
     // Forward the ref while linking it to our internal ref
     (0, react_1.useImperativeHandle)(ref, function () { return internalRef.current; }, []);
-    var sqlRequest = (0, services_1.useSqlRequestHandler)(requestName)[0];
+    var sqlRequest = (0, sqlRequests_1.useSqlRequestHandler)(requestName)[0];
     var open = (0, react_1.useCallback)(function () {
         if (internalRef.current) {
             var parentRect = internalRef.current.getBoundingClientRect();
@@ -120,12 +121,11 @@ var SqlRequestForeignListInner = function (_a, ref) {
         }
     }, [length, start]);
     var ItemTemplate = (0, react_1.useMemo)(function () { return createItemTemplate(itemTemplate, rowHeight); }, [itemTemplate, rowHeight]);
-    var ValueTemplate = (0, react_1.useMemo)(function () { return createValueTemplate(valueTemplate !== null && valueTemplate !== void 0 ? valueTemplate : itemTemplate, rowHeight); }, [itemTemplate, rowHeight, valueTemplate]);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(styles_1.SqlRequestForeignListInput, { tabIndex: 0, ref: internalRef, onClick: open, onBlur: onBlur, children: [(0, jsx_runtime_1.jsx)(ValueTemplate, { item: selectedItem, index: 0 }), (0, jsx_runtime_1.jsx)(Icons_1.ChevronDownIcon, {}), opened && rect && ((0, jsx_runtime_1.jsx)(layout_1.Dropdown, { "$height": [Math.min(maxRows, rows.length) * rowHeight, 300], "$width": rect.width, "$sourceRect": rect, onClose: close, usePortal: false, children: (0, jsx_runtime_1.jsx)(VirtualScroller_1.VirtualScroller, { gridTemplateColumns: '1fr', items: rows, itemTemplate: ItemTemplate, rowHeightInPx: rowHeight, itemProps: function (item, index) { return ({
+    var ValueTemplate = (0, react_1.useMemo)(function () { return CreateValueTemplate(valueTemplate !== null && valueTemplate !== void 0 ? valueTemplate : itemTemplate, rowHeight); }, [itemTemplate, rowHeight, valueTemplate]);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(styles_1.SqlRequestForeignListInput, { tabIndex: 0, ref: internalRef, onClick: open, onBlur: onBlur, children: [(0, jsx_runtime_1.jsx)(ValueTemplate, { item: selectedItem, index: 0 }), (0, jsx_runtime_1.jsx)(Icons_1.ChevronDownIcon, {}), opened && rect && ((0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, { "$height": [Math.min(maxRows, rows.length) * rowHeight, 300], "$width": rect.width, "$sourceRect": rect, onClose: close, usePortal: false, children: (0, jsx_runtime_1.jsx)(VirtualScroller_1.VirtualScroller, { gridTemplateColumns: '1fr', items: rows, itemTemplate: ItemTemplate, rowHeightInPx: rowHeight, itemProps: function (item, index) { return ({
                             item: item,
                             onClick: onClick,
                             index: index,
                         }); }, onRangeChanged: onVisibleRowsChanged }) }))] }) }));
 };
-exports.SqlRequestForeignListInner = SqlRequestForeignListInner;
-exports.SqlRequestForeignList = (0, react_1.forwardRef)(exports.SqlRequestForeignListInner);
+exports.SqlRequestForeignList = SqlRequestForeignList;

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

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SqlRequestForeignListItem = exports.SqlRequestForeignListValue = exports.SqlRequestForeignListInput = void 0;
 var styles_1 = require("../../forms/Form/styles");
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.SqlRequestForeignListInput = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n\n  padding: 0;\n  position: relative;\n  cursor: pointer;\n  background-color: var(--color-neutral-0);\n\n  & > svg {\n    position: absolute;\n    right: var(--space-2);\n    top: 50%;\n    transform: translateY(-50%);\n    pointer-events: none;\n    width: var(--space-4);\n    height: var(--space-4);\n    fill: var(--color-neutral-900);\n  }\n"], ["\n  ", "\n\n  padding: 0;\n  position: relative;\n  cursor: pointer;\n  background-color: var(--color-neutral-0);\n\n  & > svg {\n    position: absolute;\n    right: var(--space-2);\n    top: 50%;\n    transform: translateY(-50%);\n    pointer-events: none;\n    width: var(--space-4);\n    height: var(--space-4);\n    fill: var(--color-neutral-900);\n  }\n"])), styles_1.inputCss);
+exports.SqlRequestForeignListInput = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n\n  padding: 0;\n  position: relative;\n  cursor: pointer;\n  background-color: var(--color-base-0);\n\n  & > svg {\n    position: absolute;\n    right: var(--space-2);\n    top: 50%;\n    transform: translateY(-50%);\n    pointer-events: none;\n    width: var(--space-4);\n    height: var(--space-4);\n    fill: var(--color-base-900);\n  }\n"], ["\n  ", "\n\n  padding: 0;\n  position: relative;\n  cursor: pointer;\n  background-color: var(--color-base-0);\n\n  & > svg {\n    position: absolute;\n    right: var(--space-2);\n    top: 50%;\n    transform: translateY(-50%);\n    pointer-events: none;\n    width: var(--space-4);\n    height: var(--space-4);\n    fill: var(--color-base-900);\n  }\n"])), styles_1.inputCss);
 exports.SqlRequestForeignListValue = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 0 var(--space-2);\n  height: ", "px;\n"], ["\n  display: flex;\n  align-items: center;\n  padding: 0 var(--space-2);\n  height: ", "px;\n"])), function (_a) {
     var $rowHeight = _a.$rowHeight;
     return $rowHeight;

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

@@ -1,4 +1,4 @@
-import { ConditionDTO, OrderByDTO } from '../../../services';
+import { ConditionDTO, OrderByDTO } from '../../../services/sqlRequests';
 import { VirtualScrollerTemplateFC } from '../VirtualScroller/types';
 export type SqlRequestForeignListProps<T> = {
     requestName: string;

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

@@ -1,3 +1,2 @@
 "use strict";
-/* eslint-disable @typescript-eslint/no-explicit-any */
 Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __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");
@@ -29,8 +39,7 @@ var styles = __importStar(require("./styles"));
 var Icons_1 = require("../../../../Icons");
 var react_1 = require("react");
 var DataGridFilterMenu_1 = require("../../DataGrid/DataGridFilterMenu");
-var forms_1 = require("../../../forms");
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+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];
@@ -46,6 +55,6 @@ var FiltersSidebar = function (_a) {
     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)(forms_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)(forms_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)(forms_1.IconButton, { rounded: true, bordered: false, icon: Icons_1.FilterSlashIcon, color: "danger", onClick: onClearFilters }), (0, jsx_runtime_1.jsx)(forms_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)); })] })) }) }));
+    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.js

@@ -10,8 +10,8 @@ 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-neutral-50);\n  border-right: 1px solid var(--color-neutral-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-neutral-50);\n  border-right: 1px solid var(--color-neutral-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-neutral-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-neutral-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-neutral-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-neutral-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-neutral-300);\n  cursor: pointer;\n\n  &:hover {\n    background-color: var(--color-neutral-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-neutral-300);\n  cursor: pointer;\n\n  &:hover {\n    background-color: var(--color-neutral-100);\n  }\n  svg {\n    margin-left: auto;\n    width: var(--space-4);\n    height: var(--space-4);\n  }\n"])));
+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/index.d.ts

@@ -1,4 +1,5 @@
-import { ForwardedRef } from 'react';
+import { Ref } from 'react';
 import { SqlRequestGridProps, SqlRequestGridRefProps } from './types';
-export declare const SqlRequestGridInner: <R, P extends object = {}>(allProps: SqlRequestGridProps<R, P>, ref: ForwardedRef<SqlRequestGridRefProps>) => import("react/jsx-runtime").JSX.Element;
-export declare const SqlRequestGrid: <R, P extends object = {}>(props: SqlRequestGridProps<R, P> & import("react").RefAttributes<SqlRequestGridRefProps>) => import("react").JSX.Element | null;
+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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __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)
@@ -43,7 +53,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SqlRequestGrid = exports.SqlRequestGridInner = void 0;
+exports.SqlRequestGrid = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styles = __importStar(require("./styles"));
 var sqlRequests_1 = require("../../../services/sqlRequests");
@@ -51,14 +61,13 @@ var react_1 = require("react");
 var lodash_1 = require("lodash");
 var Icons_1 = require("../../../Icons");
 var FiltersSidebar_1 = require("./filters/FiltersSidebar");
-var forms_1 = require("../../forms");
+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");
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type
-var SqlRequestGridInner = function (allProps, ref) {
-    var _a;
+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];
@@ -67,16 +76,7 @@ var SqlRequestGridInner = function (allProps, ref) {
     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)(Object.entries((_a = props.initialSorts) !== null && _a !== void 0 ? _a : {}).map(function (_a) {
-        var _b, _c, _d;
-        var columnKey = _a[0], direction = _a[1];
-        var field = props.fields.find(function (field) { return field.key === columnKey; });
-        return {
-            field: (_c = (_b = field === null || field === void 0 ? void 0 : field.field) === null || _b === void 0 ? void 0 : _b.fieldAlias) !== null && _c !== void 0 ? _c : columnKey,
-            type: (_d = field === null || field === void 0 ? void 0 : field.type) !== null && _d !== void 0 ? _d : 'text',
-            direction: direction.toUpperCase(),
-        };
-    })), orderBy = _h[0], setOrderBy = _h[1];
+    var _h = (0, react_1.useState)([]), orderBy = _h[0], setOrderBy = _h[1];
     var _j = (0, react_1.useMemo)(function () {
         var _a, _b;
         return [
@@ -212,9 +212,10 @@ var SqlRequestGridInner = function (allProps, ref) {
         onSelectionChange: function () { },
         onSelectedRowsChanged: function () { },
         selectable: false,
-        rowKey: function () { return ''; },
+        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 () {
@@ -224,12 +225,11 @@ var SqlRequestGridInner = function (allProps, ref) {
         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)(forms_1.IconButton, { size: "large", onClick: function () { return setSidebarVisible(true); }, icon: Icons_1.FilterFullIcon, color: "primary", rounded: true, style: {
+    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.SqlRequestGridInner = SqlRequestGridInner;
-exports.SqlRequestGrid = (0, react_1.forwardRef)(exports.SqlRequestGridInner);
+exports.SqlRequestGrid = SqlRequestGrid;

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

@@ -1,4 +1,2 @@
 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>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string;
+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/types.js

@@ -1,3 +1,2 @@
 "use strict";
-/* eslint-disable @typescript-eslint/no-empty-object-type */
 Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useVirtualScrolling = exports.VIRTUAL_SCROLL_TOLERANCE = void 0;
 var react_1 = require("react");
-var hooks_1 = require("../../../hooks");
+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, hooks_1.useElementSize)(scrollableElement).height;
+    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),

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

@@ -26,17 +26,26 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __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.VirtualScroller = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable @typescript-eslint/no-empty-object-type */
 var styles = __importStar(require("./styles"));
 var react_1 = require("react");
 var hooks_1 = require("./hooks");

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

@@ -3,14 +3,10 @@ export declare const BottomPaddingItem: import("styled-components/dist/types").I
 export declare const VirtualScrollerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $integrated?: boolean;
 }>> & string;
-export declare const VirtualScrollerFiller: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, {
+export declare const VirtualScrollerFiller: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, {
     $height: number;
 }>, never>> & string;
-export declare const VirtualScrollerItemsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, {
+export declare const VirtualScrollerItemsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, {
     $gridTemplateColumns: string;
     $gap?: string;
     $topPadding: number;

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

@@ -18,7 +18,6 @@ exports.VirtualScrollerContainer = styled_components_1.default.div(templateObjec
 exports.VirtualScrollerFiller = styled_components_1.default.div.attrs(function (_a) {
     var $height = _a.$height;
     return ({
-        className: 'VirtualScrollerFiller',
         style: {
             height: "".concat($height, "px"),
         },

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

@@ -1,3 +1,2 @@
 "use strict";
-/* eslint-disable @typescript-eslint/no-empty-object-type */
 Object.defineProperty(exports, "__esModule", { value: true });

package/dist/components/forms/AutoTextArea.js

@@ -25,6 +25,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AutoTextArea = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
+var styles_1 = require("./styles");
 var AutoTextArea = function (_a) {
     var className = _a.className, _b = _a.canGrow, canGrow = _b === void 0 ? true : _b, _c = _a.canShrink, canShrink = _c === void 0 ? true : _c, _d = _a.minRows, minRows = _d === void 0 ? 1 : _d, _e = _a.maxRows, maxRows = _e === void 0 ? 10 : _e, value = _a.value, props = __rest(_a, ["className", "canGrow", "canShrink", "minRows", "maxRows", "value"]);
     var _f = (0, react_1.useState)(minRows), rows = _f[0], setRows = _f[1];
@@ -35,6 +36,6 @@ var AutoTextArea = function (_a) {
             setRows(rowsCount);
         }
     }, [canGrow, canShrink, maxRows, minRows, rows, value]);
-    return ((0, jsx_runtime_1.jsx)("textarea", __assign({}, props, { className: className, rows: rows, value: value })));
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledTextArea, __assign({}, props, { className: className, rows: rows, value: value })));
 };
 exports.AutoTextArea = AutoTextArea;

package/dist/components/forms/Button.d.ts

@@ -1,17 +1,17 @@
+import { ThemeColor, ThemeColorWithIntensity } from '../../providers/ThemeProvider/types';
 import { IconFC } from '../../Icons';
-import { ThemeColor } from '../../providers/ThemeProvider/types';
 type StyledButtonProps = {
-    $color?: ThemeColor;
+    $color?: ThemeColor | ThemeColorWithIntensity;
     $rounded?: boolean;
     $bordered?: boolean;
 };
 export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledButtonProps>> & string;
 export type ButtonProps = {
-    color?: ThemeColor;
+    color?: ThemeColor | ThemeColorWithIntensity;
     size?: 'small' | 'medium' | 'large';
     icon?: IconFC;
     rounded?: boolean;
     bordered?: boolean;
 };
-export declare const Button: (props: import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof StyledButtonProps> & StyledButtonProps & ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").JSX.Element | null;
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof StyledButtonProps> & StyledButtonProps & ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 export {};