@addev-be/ui 0.18.2 → 0.19.1

package/dist/components/data/DataGrid/DataGridEditableCell/index.js

@@ -1,91 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridEditableCell = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var styles_1 = require("./styles");
-var hooks_1 = require("../hooks");
-var DataGridEditableCell = function (_a) {
-    var _b;
-    var row = _a.row, columnKey = _a.columnKey, column = _a.column, context = _a.context;
-    var _c = (0, hooks_1.useDataGridContext)(context), setEditingCell = _c.setEditingCell, setRows = _c.setRows, editRow = _c.editRow, rows = _c.rows, rowKeyGetter = _c.rowKeyGetter;
-    var initialValue = (0, react_1.useMemo)(function () { var _a; return (_a = column.getter(row)) !== null && _a !== void 0 ? _a : ''; }, [column, row]);
-    var _d = (0, react_1.useState)(initialValue), value = _d[0], setValue = _d[1];
-    var inputRef = (0, react_1.useRef)(null);
-    var rowKey = rowKeyGetter(row);
-    var defaultItemToPartialRow = (0, react_1.useCallback)(function (row, newValue) {
-        var _a;
-        return (_a = {}, _a[columnKey] = newValue, _a);
-    }, [columnKey]);
-    var partialRowGetter = (_b = column.itemToPartialRow) !== null && _b !== void 0 ? _b : defaultItemToPartialRow;
-    var save = (0, react_1.useCallback)(function () {
-        var rowIndex = rows.findIndex(function (r) { return rowKeyGetter(r) === rowKeyGetter(row); });
-        // If row is found
-        if (rowIndex >= 0) {
-            // Update the row with the new value
-            var partialRow = partialRowGetter(row, value);
-            var newRow_1 = __assign(__assign({}, row), partialRow);
-            // Update the edited rows state
-            editRow(rowKey, partialRow);
-            // Update the rows
-            setRows === null || setRows === void 0 ? void 0 : setRows(function (oldRows) {
-                var newRows = __spreadArray([], oldRows, true);
-                newRows[rowIndex] = newRow_1;
-                return newRows;
-            });
-        }
-    }, [
-        editRow,
-        partialRowGetter,
-        row,
-        rowKey,
-        rowKeyGetter,
-        rows,
-        setRows,
-        value,
-    ]);
-    var onClose = (0, react_1.useCallback)(function (shouldSave, nextEditingCell) {
-        if (nextEditingCell === void 0) { nextEditingCell = [-1, -1]; }
-        if (shouldSave && value !== initialValue) {
-            save();
-        }
-        setEditingCell(nextEditingCell);
-    }, [initialValue, save, setEditingCell, value]);
-    (0, react_1.useEffect)(function () {
-        if (inputRef.current) {
-            inputRef.current.focus();
-            if (inputRef.current instanceof HTMLInputElement) {
-                inputRef.current.select();
-            }
-        }
-    }, [inputRef]);
-    var input = (0, react_1.useMemo)(function () {
-        if (!column.editable || !column.editComponent) {
-            return null;
-        }
-        var EditComponent = column.editComponent;
-        return ((0, jsx_runtime_1.jsx)(EditComponent, { row: row, ref: inputRef, value: value, onChange: setValue, onClose: onClose, context: context }));
-    }, [column.editComponent, column.editable, context, onClose, row, value]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.EditableCellContainer, { "$textAlign": column.textAlign, children: input }, columnKey));
-};
-exports.DataGridEditableCell = DataGridEditableCell;

package/dist/components/data/DataGrid/DataGridEditableCell/styles.d.ts

@@ -1,3 +0,0 @@
-export declare const EditableCellContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $textAlign?: "left" | "right" | "center";
-}>> & string;

package/dist/components/data/DataGrid/DataGridEditableCell/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.EditableCellContainer = void 0;
-var styles_1 = require("../styles");
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.EditableCellContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  ", "\n  padding: 1px 4px 0px 4px;\n  overflow: visible;\n  background-color: var(--color-neutral-0);\n\n  & input,\n  & select {\n    position: absolute;\n    inset: 0;\n    z-index: 10;\n\n    font-size: inherit;\n    font-family: inherit;\n    font-weight: inherit;\n    text-align: ", ";\n\n    border: 1px solid var(--color-neutral-300);\n    padding: var(--space-1) var(--space-2);\n\n    color: var(--color-neutral-900);\n    &::placeholder {\n      color: var(--color-neutral-400);\n    }\n\n    border: none;\n    outline: none;\n  }\n"], ["\n  position: relative;\n  ", "\n  padding: 1px 4px 0px 4px;\n  overflow: visible;\n  background-color: var(--color-neutral-0);\n\n  & input,\n  & select {\n    position: absolute;\n    inset: 0;\n    z-index: 10;\n\n    font-size: inherit;\n    font-family: inherit;\n    font-weight: inherit;\n    text-align: ", ";\n\n    border: 1px solid var(--color-neutral-300);\n    padding: var(--space-1) var(--space-2);\n\n    color: var(--color-neutral-900);\n    &::placeholder {\n      color: var(--color-neutral-400);\n    }\n\n    border: none;\n    outline: none;\n  }\n"])), styles_1.dataGridCellCss, function (_a) {
-    var _b = _a.$textAlign, $textAlign = _b === void 0 ? 'left' : _b;
-    return $textAlign;
-});
-var templateObject_1;

package/dist/components/data/DataGrid/DataGridEditableCell/types.d.ts

@@ -1,11 +0,0 @@
-import { DataGridContext } from '../types';
-import { Ref } from 'react';
-export type DataGridEditableCellProps<R, T> = {
-    ref?: Ref<any>;
-    row: R;
-    value: T;
-    onChange: (value: T) => void;
-    onClose: (save: boolean) => void;
-    context: DataGridContext<R>;
-};
-export type DataGridEditableCellFC<R, T = any> = (props: DataGridEditableCellProps<R, T>, ref: Ref<any>) => JSX.Element | null;

package/dist/components/data/DataGrid/constants.d.ts

@@ -1,6 +0,0 @@
-export declare const TOOLBAR_HEIGHT = 40;
-export declare const DEFAULT_HEADER_ROW_HEIGHT = 40;
-export declare const DEFAULT_FOOTER_ROW_HEIGHT = 40;
-export declare const DEFAULT_ROW_HEIGHT = 32;
-export declare const SELECTION_CELL_WIDTH = "var(--space-8)";
-export declare const DEFAULT_COLUMN_WIDTH = 150;

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_COLUMN_WIDTH = exports.SELECTION_CELL_WIDTH = exports.DEFAULT_ROW_HEIGHT = exports.DEFAULT_FOOTER_ROW_HEIGHT = exports.DEFAULT_HEADER_ROW_HEIGHT = exports.TOOLBAR_HEIGHT = void 0;
-exports.TOOLBAR_HEIGHT = 40;
-exports.DEFAULT_HEADER_ROW_HEIGHT = 40;
-exports.DEFAULT_FOOTER_ROW_HEIGHT = 40;
-exports.DEFAULT_ROW_HEIGHT = 32;
-exports.SELECTION_CELL_WIDTH = 'var(--space-8)';
-exports.DEFAULT_COLUMN_WIDTH = 150;

package/dist/components/data/DataGrid/hooks/useDataGridChangedRows.d.ts

@@ -1,9 +0,0 @@
-import { DataGridEditedRows } from '../types';
-export declare const useDataGridChangedRows: <R>(onRowAdded: (row: R) => void) => {
-    addedRows: DataGridEditedRows<R>;
-    updatedRows: DataGridEditedRows<R>;
-    editRow: (key: string, row: Partial<R>) => void;
-    addRow: (key: string, row: R) => void;
-    updateRow: (key: string, row: Partial<R>) => void;
-    clearChangedRows: (keys?: string[]) => void;
-};

package/dist/components/data/DataGrid/hooks/useDataGridChangedRows.js

@@ -1,71 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDataGridChangedRows = void 0;
-var react_1 = require("react");
-var lodash_1 = require("lodash");
-var useDataGridChangedRows = function (onRowAdded) {
-    var _a = (0, react_1.useState)({}), addedRows = _a[0], setAddedRows = _a[1];
-    var _b = (0, react_1.useState)({}), updatedRows = _b[0], setUpdatedRows = _b[1];
-    var addRow = (0, react_1.useCallback)(function (key, row) {
-        setAddedRows(function (prev) {
-            var _a;
-            return (__assign(__assign({}, prev), (_a = {}, _a[key] = row, _a)));
-        });
-        onRowAdded(row);
-    }, [onRowAdded]);
-    var updateRow = (0, react_1.useCallback)(function (key, row) {
-        setUpdatedRows(function (prev) {
-            var _a;
-            return (__assign(__assign({}, prev), (_a = {}, _a[key] = row, _a)));
-        });
-    }, []);
-    var editRow = (0, react_1.useCallback)(function (key, row) {
-        if (addedRows[key]) {
-            setAddedRows(function (prev) {
-                var _a;
-                return (__assign(__assign({}, prev), (_a = {}, _a[key] = __assign(__assign({}, prev[key]), row), _a)));
-            });
-        }
-        else if (updatedRows[key]) {
-            setUpdatedRows(function (prev) {
-                var _a;
-                return (__assign(__assign({}, prev), (_a = {}, _a[key] = __assign(__assign({}, prev[key]), row), _a)));
-            });
-        }
-        else {
-            setUpdatedRows(function (prev) {
-                var _a;
-                return (__assign(__assign({}, prev), (_a = {}, _a[key] = row, _a)));
-            });
-        }
-    }, [addedRows, updatedRows]);
-    var clearChangedRows = (0, react_1.useCallback)(function (keys) {
-        if (!keys) {
-            setAddedRows({});
-            setUpdatedRows({});
-            return;
-        }
-        setAddedRows(function (prev) { return (0, lodash_1.pickBy)(prev, function (_, key) { return !keys.includes(key); }); });
-        setUpdatedRows(function (prev) { return (0, lodash_1.pickBy)(prev, function (_, key) { return !keys.includes(key); }); });
-    }, []);
-    return {
-        addedRows: addedRows,
-        updatedRows: updatedRows,
-        editRow: editRow,
-        addRow: addRow,
-        updateRow: updateRow,
-        clearChangedRows: clearChangedRows,
-    };
-};
-exports.useDataGridChangedRows = useDataGridChangedRows;

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

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

@@ -1,19 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const SqlImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SqlImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;

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

@@ -1,14 +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.SqlImage = exports.SqlImageWrapper = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.SqlImageWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n"])));
-exports.SqlImage = styled_components_1.default.img(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  max-width: 100%;\n  height: 100%;\n  object-fit: contain;\n"], ["\n  max-width: 100%;\n  height: 100%;\n  object-fit: contain;\n"])));
-var templateObject_1, templateObject_2;

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

@@ -1,4 +0,0 @@
-import { ForwardedRef } 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;

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

@@ -1,131 +0,0 @@
-"use strict";
-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.SqlRequestForeignList = exports.SqlRequestForeignListInner = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable @typescript-eslint/no-explicit-any */
-var services_1 = require("../../../services");
-var react_1 = require("react");
-var styles_1 = require("./styles");
-var Icons_1 = require("../../../Icons");
-var layout_1 = require("../../layout");
-var VirtualScroller_1 = require("../VirtualScroller");
-var lodash_1 = require("lodash");
-var DEFAULT_ROW_HEIGHT = 24;
-var createValueTemplate = function (ValueTemplate, rowHeight) {
-    if (rowHeight === void 0) { rowHeight = DEFAULT_ROW_HEIGHT; }
-    return 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 }) }));
-    };
-};
-var createItemTemplate = function (ItemTemplate, rowHeight) {
-    if (rowHeight === void 0) { rowHeight = DEFAULT_ROW_HEIGHT; }
-    return function (_a) {
-        var item = _a.item, index = _a.index, onItemClick = _a.onClick;
-        var onClick = (0, react_1.useCallback)(function (e, item, onItemClick) {
-            e.preventDefault();
-            e.stopPropagation();
-            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 }) }));
-    };
-};
-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 _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)([]);
-    var _k = (0, react_1.useState)([]), rows = _k[0], setRows = _k[1];
-    var _l = (0, react_1.useState)(0), start = _l[0], setStart = _l[1];
-    var _m = (0, react_1.useState)(-1), length = _m[0], setLength = _m[1];
-    var _o = (0, react_1.useState)(-1), count = _o[0], setCount = _o[1];
-    var _p = (0, react_1.useState)(initialValue), selectedItem = _p[0], setSelectedItem = _p[1];
-    // Create an internal ref for the component to use
-    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 open = (0, react_1.useCallback)(function () {
-        if (internalRef.current) {
-            var parentRect = internalRef.current.getBoundingClientRect();
-            setRect(new DOMRect(0, 0, parentRect.width, parentRect.height));
-            setOpened(true);
-        }
-    }, []);
-    var close = (0, react_1.useCallback)(function () {
-        setOpened(false);
-        onClosed === null || onClosed === void 0 ? void 0 : onClosed();
-    }, [onClosed]);
-    var onClick = (0, react_1.useCallback)(function (item) {
-        var _a;
-        setSelectedItem(item);
-        onItemChanged === null || onItemChanged === void 0 ? void 0 : onItemChanged(item);
-        onIdChanged === null || onIdChanged === void 0 ? void 0 : onIdChanged((_a = item === null || item === void 0 ? void 0 : item[idColumn]) !== null && _a !== void 0 ? _a : null);
-        close();
-    }, [close, idColumn, onIdChanged, onItemChanged]);
-    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),
-                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 = data;
-                (_a = currentRows.current).splice.apply(_a, __spreadArray([start, length], parsedRows, false));
-                setRows(__spreadArray([], currentRows.current, true));
-            });
-        }
-    }, 100, {
-        leading: true,
-        trailing: true,
-    }));
-    (0, react_1.useEffect)(function () {
-        if ((!rows.length && count < 0) ||
-            rows.slice(start, start + length).some(function (row) { return row === null; })) {
-            loadRows.current(columns, columns, conditions, orderBy, start, length, count < 0);
-        }
-    }, [start, length, count, conditions, rows, orderBy, columns]);
-    var onVisibleRowsChanged = (0, react_1.useCallback)(function (newStart, newLength) {
-        if (newStart !== start || newLength !== length) {
-            setStart(newStart);
-            setLength(newLength);
-        }
-    }, [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 ({
-                            item: item,
-                            onClick: onClick,
-                            index: index,
-                        }); }, onRangeChanged: onVisibleRowsChanged }) }))] }) }));
-};
-exports.SqlRequestForeignListInner = SqlRequestForeignListInner;
-exports.SqlRequestForeignList = (0, react_1.forwardRef)(exports.SqlRequestForeignListInner);

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

@@ -1,9 +0,0 @@
-export declare const SqlRequestForeignListInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $readOnly?: boolean;
-}>> & string;
-export declare const SqlRequestForeignListValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $rowHeight: number;
-}>> & string;
-export declare const SqlRequestForeignListItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $rowHeight: number;
-}>> & string;

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

@@ -1,22 +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.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.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;
-});
-exports.SqlRequestForeignListItem = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 0 var(--space-2);\n  cursor: pointer;\n  height: ", "px;\n  overflow: hidden;\n  box-sizing: border-box;\n\n  &:hover {\n    background-color: var(--color-primary-300);\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  padding: 0 var(--space-2);\n  cursor: pointer;\n  height: ", "px;\n  overflow: hidden;\n  box-sizing: border-box;\n\n  &:hover {\n    background-color: var(--color-primary-300);\n  }\n"])), function (_a) {
-    var $rowHeight = _a.$rowHeight;
-    return $rowHeight;
-});
-var templateObject_1, templateObject_2, templateObject_3;

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

@@ -1,22 +0,0 @@
-import { ConditionDTO, OrderByDTO } from '../../../services';
-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,3 +0,0 @@
-"use strict";
-/* eslint-disable @typescript-eslint/no-explicit-any */
-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,51 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.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 forms_1 = require("../../../forms");
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type
-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)(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)); })] })) }) }));
-};
-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-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.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/forms/AutoTextArea.d.ts

@@ -1,10 +0,0 @@
-import { DetailedHTMLProps, TextareaHTMLAttributes } from 'react';
-type TextAreaProps = DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>;
-type AutoTextAreaProps = TextAreaProps & {
-    minRows?: number;
-    maxRows?: number;
-    canGrow?: boolean;
-    canShrink?: boolean;
-};
-export declare const AutoTextArea: ({ className, canGrow, canShrink, minRows, maxRows, value, ...props }: AutoTextAreaProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/forms/AutoTextArea.js

@@ -1,40 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AutoTextArea = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-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];
-    (0, react_1.useEffect)(function () {
-        var linesCount = String(value).split('\n').length;
-        var rowsCount = Math.min(maxRows, Math.max(minRows, linesCount));
-        if ((canGrow && rowsCount > rows) || (canShrink && rowsCount < rows)) {
-            setRows(rowsCount);
-        }
-    }, [canGrow, canShrink, maxRows, minRows, rows, value]);
-    return ((0, jsx_runtime_1.jsx)("textarea", __assign({}, props, { className: className, rows: rows, value: value })));
-};
-exports.AutoTextArea = AutoTextArea;

package/dist/components/forms/Form/Checkbox.d.ts

@@ -1,3 +0,0 @@
-import { FC, InputHTMLAttributes } from 'react';
-import { FormRowProps } from './Row';
-export declare const Checkbox: FC<FormRowProps & InputHTMLAttributes<HTMLInputElement>>;