@addev-be/ui 2.7.7 → 3.0.8

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

@@ -1,8 +0,0 @@
-export declare const DEFAULT_FILTER_ROW_HEIGHT = 24;
-export declare const InputContainer: 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;
-export declare const CheckboxesContainer: 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;
-export declare const Separator: 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;
-export declare const FilterValueContainer: 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;
-export declare const FilterValuesScrollerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<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>, {
-    $rowHeight?: number;
-}>> & string;

package/dist/components/data/DataGrid/DataGridFilterMenu/styles.js

@@ -1,31 +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.FilterValuesScrollerContainer = exports.FilterValueContainer = exports.Separator = exports.CheckboxesContainer = exports.InputContainer = exports.DEFAULT_FILTER_ROW_HEIGHT = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.DEFAULT_FILTER_ROW_HEIGHT = 24;
-exports.InputContainer = styled_components_1.default.div.attrs({
-    className: 'InputContainer',
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  border-radius: var(--rounded-md);\n  padding: 0 var(--space-1);\n\n  svg {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: var(--space-4);\n    display: flex;\n    align-items: center;\n    fill: var(--color-base-400);\n    width: var(--space-4);\n    height: var(--space-4);\n  }\n\n  input {\n    padding-left: var(--space-8);\n  }\n"], ["\n  position: relative;\n  border-radius: var(--rounded-md);\n  padding: 0 var(--space-1);\n\n  svg {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: var(--space-4);\n    display: flex;\n    align-items: center;\n    fill: var(--color-base-400);\n    width: var(--space-4);\n    height: var(--space-4);\n  }\n\n  input {\n    padding-left: var(--space-8);\n  }\n"])));
-exports.CheckboxesContainer = styled_components_1.default.div.attrs({
-    className: 'CheckboxesContainer',
-})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-weight: normal;\n  user-select: none;\n  padding: var(--space-2);\n  margin: var(--space-1);\n  margin-bottom: 0;\n  border: 1px solid var(--color-base-300);\n  border-radius: var(--rounded-md);\n  box-shadow: var(--shadow-inner);\n  background-color: var(--color-base-0);\n  height: 20em;\n  overflow-y: hidden;\n  white-space: nowrap;\n"], ["\n  font-weight: normal;\n  user-select: none;\n  padding: var(--space-2);\n  margin: var(--space-1);\n  margin-bottom: 0;\n  border: 1px solid var(--color-base-300);\n  border-radius: var(--rounded-md);\n  box-shadow: var(--shadow-inner);\n  background-color: var(--color-base-0);\n  height: 20em;\n  overflow-y: hidden;\n  white-space: nowrap;\n"])));
-exports.Separator = styled_components_1.default.div.attrs({
-    className: 'Separator',
-})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border-top: 1px solid var(--color-base-200);\n  margin: var(--space-1) 0;\n"], ["\n  border-top: 1px solid var(--color-base-200);\n  margin: var(--space-1) 0;\n"])));
-exports.FilterValueContainer = styled_components_1.default.div.attrs({
-    className: 'FilterValueContainer',
-})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: pointer;\n  &:hover {\n    background-color: var(--color-base-50);\n  }\n"], ["\n  position: absolute;\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: pointer;\n  &:hover {\n    background-color: var(--color-base-50);\n  }\n"])));
-exports.FilterValuesScrollerContainer = styled_components_1.default.div.attrs({
-    className: 'FilterValuesScrollerContainer',
-})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: block;\n  font-size: var(--text-base);\n  background-color: var(--color-base-0);\n  overflow-y: scroll;\n  overflow-x: hidden;\n  height: 100%;\n\n  & > div {\n    position: relative;\n  }\n\n  & ", " {\n    position: absolute;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    height: ", ";\n\n    input[type='checkbox'] {\n      margin-right: var(--space-1);\n      flex-shrink: 0;\n    }\n  }\n"], ["\n  display: block;\n  font-size: var(--text-base);\n  background-color: var(--color-base-0);\n  overflow-y: scroll;\n  overflow-x: hidden;\n  height: 100%;\n\n  & > div {\n    position: relative;\n  }\n\n  & ", " {\n    position: absolute;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    height: ", ";\n\n    input[type='checkbox'] {\n      margin-right: var(--space-1);\n      flex-shrink: 0;\n    }\n  }\n"])), exports.FilterValueContainer, function (_a) {
-    var _b = _a.$rowHeight, $rowHeight = _b === void 0 ? exports.DEFAULT_FILTER_ROW_HEIGHT : _b;
-    return "".concat($rowHeight, "px");
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

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

@@ -1,4 +0,0 @@
-import { DataGridContext } from './types';
-export declare const DataGridFooter: <R>({ context, }: {
-    context: DataGridContext<R>;
-}) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,52 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridFooter = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles = __importStar(require("./styles"));
-var constants_1 = require("./constants");
-var hooks_1 = require("./hooks");
-var DataGridFooter = function (_a) {
-    var context = _a.context;
-    var _b = (0, hooks_1.useDataGridContext)(context), visibleColumns = _b.visibleColumns, rows = _b.rows, selectedRows = _b.selectedRows, sortedRows = _b.sortedRows, selectable = _b.selectable, headerColor = _b.headerColor, _c = _b.footers, footers = _c === void 0 ? {} : _c, gridTemplateColumns = _b.gridTemplateColumns, footerFunctions = _b.footerFunctions;
-    if (!Object.keys(footers).length) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsxs)(styles.DataGridFooterRow, { "$gridTemplateColumns": gridTemplateColumns, "$headerColor": headerColor, children: [!!selectable && ((0, jsx_runtime_1.jsx)(styles.HeaderSelectionCell, { "$headerColor": headerColor })), visibleColumns.map(function (col) {
-                var _a, _b, _c;
-                return ((0, jsx_runtime_1.jsx)(styles.DataGridHeaderCellContainer, { style: { width: ((_a = col.width) !== null && _a !== void 0 ? _a : constants_1.DEFAULT_COLUMN_WIDTH) + 'px' }, "$headerColor": (_b = col.color) !== null && _b !== void 0 ? _b : headerColor, "$textAlign": col.textAlign, children: (_c = footerFunctions === null || footerFunctions === void 0 ? void 0 : footerFunctions[col.key]) === null || _c === void 0 ? void 0 : _c.call(footerFunctions, rows, sortedRows, selectedRows) }, col.key));
-            })] }));
-};
-exports.DataGridFooter = DataGridFooter;

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

@@ -1,4 +0,0 @@
-import { DataGridContext } from './types';
-export declare const DataGridHeader: <R>({ context, }: {
-    context: DataGridContext<R>;
-}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,113 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridHeader = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles = __importStar(require("./styles"));
-var react_1 = require("react");
-var DataGridHeaderCell_1 = require("./DataGridHeaderCell");
-var IndeterminateCheckbox_1 = require("../../forms/IndeterminateCheckbox");
-var hooks_1 = require("./hooks");
-var DataGridHeader = function (_a) {
-    var context = _a.context;
-    var _b = (0, hooks_1.useDataGridContext)(context), visibleColumns = _b.visibleColumns, selectable = _b.selectable, rows = _b.rows, selectedKeys = _b.selectedKeys, setSelectedKeys = _b.setSelectedKeys, headerColor = _b.headerColor, rowKeyGetter = _b.rowKeyGetter, gridTemplateColumns = _b.gridTemplateColumns, getAllIds = _b.getAllIds;
-    var _c = (0, react_1.useState)(), visibleFilter = _c[0], setVisibleFilter = _c[1];
-    var checkboxStatus = selectedKeys.length === 0
-        ? false
-        : selectedKeys.length === rows.length
-            ? true
-            : undefined;
-    var toggleAll = (0, react_1.useCallback)(function (newStatus) { return __awaiter(void 0, void 0, void 0, function () {
-        var allIds, _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    if (!getAllIds) return [3 /*break*/, 2];
-                    return [4 /*yield*/, getAllIds()];
-                case 1:
-                    _a = _b.sent();
-                    return [3 /*break*/, 3];
-                case 2:
-                    _a = rows.map(rowKeyGetter);
-                    _b.label = 3;
-                case 3:
-                    allIds = _a;
-                    setSelectedKeys(newStatus ? allIds : []);
-                    return [2 /*return*/];
-            }
-        });
-    }); }, [getAllIds, rowKeyGetter, rows, setSelectedKeys]);
-    var onFilterButtonClicked = (0, react_1.useCallback)(function (columnKey) {
-        setVisibleFilter(function (prev) { return (prev === columnKey ? undefined : columnKey); });
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(styles.DataGridHeaderRow, { "$gridTemplateColumns": gridTemplateColumns, "$headerColor": headerColor, children: [!!selectable && ((0, jsx_runtime_1.jsx)(styles.HeaderSelectionCell, { "$headerColor": headerColor, onClick: function () { return toggleAll(!(checkboxStatus !== null && checkboxStatus !== void 0 ? checkboxStatus : true)); }, children: (0, jsx_runtime_1.jsx)(IndeterminateCheckbox_1.IndeterminateCheckbox, { checked: checkboxStatus, readOnly: true }) })), visibleColumns.map(function (col, index) { return ((0, jsx_runtime_1.jsx)(DataGridHeaderCell_1.DataGridHeaderCell, { columnKey: col.key, column: col, context: context, columnIndex: index, isFilterOpen: visibleFilter === col.key, onFilterButtonClicked: onFilterButtonClicked }, col.key)); })] }) }));
-};
-exports.DataGridHeader = DataGridHeader;

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

@@ -1,2 +0,0 @@
-import { DataGridHeaderCellProps } from './types';
-export declare const DataGridHeaderCell: <R>({ columnKey, column, context, }: DataGridHeaderCellProps<R>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,81 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridHeaderCell = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable @typescript-eslint/no-explicit-any */
-var styles = __importStar(require("./styles"));
-var react_1 = require("react");
-var Icons_1 = require("../../../Icons");
-var DataGridFilterMenu_1 = require("./DataGridFilterMenu");
-var Dropdown_1 = require("../../layout/Dropdown");
-var IconButton_1 = require("../../forms/IconButton");
-var hooks_1 = require("./hooks");
-var hooks_2 = require("../../../providers/hooks");
-var DataGridHeaderCell = function (_a) {
-    var _b, _c;
-    var columnKey = _a.columnKey, column = _a.column, context = _a.context;
-    var getElementScreenRect = (0, hooks_2.useUi)().getElementScreenRect;
-    var contextValue = (0, hooks_1.useDataGridContext)(context);
-    var _d = contextValue.filters, filters = _d === void 0 ? {} : _d, headerColor = contextValue.headerColor, resizingColumnKey = contextValue.resizingColumnKey, startResizing = contextValue.startResizing;
-    var filterButtonRef = (0, react_1.useRef)(null);
-    /** RESIZING */
-    var _e = (0, react_1.useState)(false), isFilterDropdownVisible = _e[0], setIsFilterDropdownVisible = _e[1];
-    var filterDropdown = (0, react_1.useMemo)(function () {
-        if (!isFilterDropdownVisible ||
-            !filterButtonRef.current ||
-            !columnKey ||
-            !column.filter) {
-            return null;
-        }
-        var filterButtonRect = getElementScreenRect(filterButtonRef.current);
-        filterButtonRect.x += window.scrollX;
-        filterButtonRect.y += window.scrollY;
-        return ((0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, { "$sourceRect": filterButtonRect, onClose: function () { return setIsFilterDropdownVisible(false); }, "$width": 320, "$height": [350, 500], "$autoPositionX": true, children: (0, jsx_runtime_1.jsx)(DataGridFilterMenu_1.DataGridFilterMenu, { column: column, context: context, onClose: function () { return setIsFilterDropdownVisible(false); } }) }));
-    }, [
-        column,
-        columnKey,
-        context,
-        getElementScreenRect,
-        isFilterDropdownVisible,
-    ]);
-    var onFilterButtonClicked = (0, react_1.useCallback)(function () {
-        setIsFilterDropdownVisible(true);
-    }, []);
-    var isResizing = resizingColumnKey === columnKey;
-    var hasFilters = ((_b = filters[columnKey]) === null || _b === void 0 ? void 0 : _b.values.length) > 0;
-    return ((0, jsx_runtime_1.jsxs)(styles.DataGridHeaderCellContainer, { "$headerColor": (_c = column.color) !== null && _c !== void 0 ? _c : headerColor, "$isResizing": isResizing, "$hasFilterOpened": isFilterDropdownVisible || hasFilters, children: [filterDropdown, typeof column.name === 'string' ? ((0, jsx_runtime_1.jsx)("span", { children: column.name })) : ((0, jsx_runtime_1.jsx)(styles.DataGridHeaderTextContainer, { children: column.name })), !!column.filter && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { size: "small", className: hasFilters ? 'danger' : '', ref: filterButtonRef, icon: Icons_1.ChevronDownIcon, color: hasFilters ? 'danger' : headerColor, onClick: onFilterButtonClicked, bordered: true })), column.resizable !== false && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(styles.DataGridResizeGrip, { className: isResizing ? 'active' : '', "$headerColor": headerColor, onMouseDown: function (e) { return startResizing(e, columnKey); } }) }))] }));
-};
-exports.DataGridHeaderCell = DataGridHeaderCell;

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

@@ -1,3 +0,0 @@
-import { DataGridRowTemplateProps } from './types';
-import { VirtualScrollerTemplateProps } from '../VirtualScroller/types';
-export declare const DataGridRowTemplate: <R>({ item, index: rowIndex, context, }: VirtualScrollerTemplateProps<R, DataGridRowTemplateProps<R>>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,82 +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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridRowTemplate = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles = __importStar(require("./styles"));
-var DataGridCell_1 = require("./DataGridCell");
-var react_1 = require("react");
-var DataGridRowTemplate = function (_a) {
-    var _b, _c;
-    var item = _a.item, rowIndex = _a.index, context = _a.context;
-    var _d = (0, react_1.useContext)(context), visibleColumns = _d.visibleColumns, rowKeyGetter = _d.rowKeyGetter, toggleSelection = _d.toggleSelection, updatedRows = _d.updatedRows, addedRows = _d.addedRows, props = __rest(_d, ["visibleColumns", "rowKeyGetter", "toggleSelection", "updatedRows", "addedRows"]);
-    if (!item) {
-        return ((0, jsx_runtime_1.jsxs)(styles.DataGridRow, { children: [!!props.selectable && ((0, jsx_runtime_1.jsx)(styles.LoadingCell, { className: "animate-pulse", children: (0, jsx_runtime_1.jsx)("div", {}) })), visibleColumns.map(function (_, colIndex) { return ((0, jsx_runtime_1.jsx)(styles.LoadingCell, { className: "animate-pulse", children: (0, jsx_runtime_1.jsx)("div", {}) }, "loading-".concat(rowIndex, "-").concat(colIndex))); })] }, "loading-row-".concat(rowIndex)));
-    }
-    var rowKey = rowKeyGetter(item);
-    var selected = props.selectedKeys.includes(rowKey);
-    var _e = (_c = (_b = props.rowClassNameGetter) === null || _b === void 0 ? void 0 : _b.call(props, item)) !== null && _c !== void 0 ? _c : {
-        className: '',
-        style: undefined,
-    }, className = _e.className, style = _e.style;
-    var isAdded = addedRows.some(function (row) { return rowKeyGetter(row) === rowKey; });
-    var isUpdated = updatedRows.some(function (row) { return rowKeyGetter(row) === rowKey; });
-    return ((0, jsx_runtime_1.jsxs)(styles.DataGridRow, { "$edited": isAdded || isUpdated, children: [!!props.selectable && ((0, jsx_runtime_1.jsx)(styles.SelectionCell, { onClick: function () { return toggleSelection(rowKey); }, children: (0, jsx_runtime_1.jsx)("input", { type: "checkbox", value: rowKey, checked: selected, readOnly: true }) }, "__select_checkbox__")), visibleColumns.map(function (col, colIndex) { return (
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            (0, jsx_runtime_1.jsx)(DataGridCell_1.DataGridCell, __assign({}, (colIndex === 0 ? { className: className, style: style } : {}), { row: item, rowIndex: rowIndex, column: col, columnIndex: colIndex, context: context, columnKey: col.key, color: col.color }), "loading-".concat(colIndex, "-").concat(colIndex))); })] }, rowKey));
-};
-exports.DataGridRowTemplate = DataGridRowTemplate;

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

@@ -1,4 +0,0 @@
-import { DataGridContext } from './types';
-export declare const DataGridToolbar: <R>({ context, }: {
-    context: DataGridContext<R>;
-}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,141 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridToolbar = 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 Button_1 = require("../../forms/Button");
-var Loading_1 = require("../../layout/Loading");
-var hooks_1 = require("./DataGridColumnsModal/hooks");
-var hooks_2 = require("./hooks");
-var useRefreshModal_1 = require("./hooks/useRefreshModal");
-var DataGridToolbar = function (_a) {
-    var context = _a.context;
-    var _b = (0, hooks_2.useDataGridContext)(context), name = _b.name, setSelectedKeys = _b.setSelectedKeys, copyTable = _b.copyTable, setFilters = _b.setFilters, refresh = _b.refresh, editable = _b.editable, onSaveClicked = _b.onSaveClicked, onAddClicked = _b.onAddClicked, addedRows = _b.addedRows, updatedRows = _b.updatedRows, addRow = _b.addRow, clearChangedRows = _b.clearChangedRows, headerContent = _b.headerContent;
-    var _c = (0, hooks_1.useDataGridColumnsModal)(context), openModal = _c.openModal, modal = _c.modal;
-    var _d = (0, react_1.useState)(false), isLoadingVisible = _d[0], setIsLoadingVisible = _d[1];
-    var runCopyTable = (0, react_1.useCallback)(function () {
-        setIsLoadingVisible(true);
-        copyTable().then(function () { return setIsLoadingVisible(false); });
-    }, [copyTable]);
-    var save = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var savedIds;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!(Object.keys(addedRows).length + Object.keys(updatedRows).length > 0 &&
-                        onSaveClicked)) return [3 /*break*/, 2];
-                    return [4 /*yield*/, onSaveClicked(addedRows, updatedRows)];
-                case 1:
-                    savedIds = _a.sent();
-                    clearChangedRows(savedIds);
-                    _a.label = 2;
-                case 2: return [2 /*return*/];
-            }
-        });
-    }); }, [addedRows, clearChangedRows, onSaveClicked, updatedRows]);
-    var add = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var row;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!onAddClicked) return [3 /*break*/, 2];
-                    return [4 /*yield*/, onAddClicked()];
-                case 1:
-                    row = _a.sent();
-                    addRow(row);
-                    _a.label = 2;
-                case 2: return [2 /*return*/];
-            }
-        });
-    }); }, [addRow, onAddClicked]);
-    var doRefresh = (0, react_1.useCallback)(function () {
-        refresh === null || refresh === void 0 ? void 0 : refresh();
-        clearChangedRows();
-        setSelectedKeys([]);
-    }, [clearChangedRows, refresh, setSelectedKeys]);
-    var _e = (0, useRefreshModal_1.useRefreshModal)(doRefresh), openRefreshModal = _e.openModal, refreshModal = _e.modal;
-    var onRefreshClicked = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            if (addedRows.length + updatedRows.length > 0) {
-                openRefreshModal();
-            }
-            else {
-                doRefresh();
-            }
-            return [2 /*return*/];
-        });
-    }); }, [addedRows.length, doRefresh, openRefreshModal, updatedRows.length]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [modal, refreshModal, (0, jsx_runtime_1.jsxs)(styles.DataGridToolsRow, { children: [(0, jsx_runtime_1.jsx)(styles.DataGridToolsRowHeaderContent, { children: headerContent }), (0, jsx_runtime_1.jsxs)(styles.DataGridToolsRowButtonsContainer, { children: [(0, jsx_runtime_1.jsx)(Loading_1.Loading, { visible: isLoadingVisible }), editable && onSaveClicked && ((0, jsx_runtime_1.jsxs)(Button_1.Button, { size: "small", "$color": "primary", onClick: save, bordered: true, children: [(0, jsx_runtime_1.jsx)(Icons_1.FloppyDiskIcon, {}), "Enregistrer"] })), editable && onAddClicked && ((0, jsx_runtime_1.jsxs)(Button_1.Button, { size: "small", "$color": "success", onClick: add, bordered: true, children: [(0, jsx_runtime_1.jsx)(Icons_1.PlusIcon, {}), "Ajouter"] })), (0, jsx_runtime_1.jsxs)(Button_1.Button, { size: "small", onClick: onRefreshClicked, bordered: true, children: [(0, jsx_runtime_1.jsx)(Icons_1.ArrowsRotateIcon, {}), "Rafra\u00EEchir"] }), (0, jsx_runtime_1.jsxs)(Button_1.Button, { "$color": "emerald", size: "small", onClick: runCopyTable, bordered: true, children: [(0, jsx_runtime_1.jsx)(Icons_1.CopyIcon, {}), "Copier la table"] }), (0, jsx_runtime_1.jsxs)(Button_1.Button, { size: "small", "$color": "danger", onClick: function () { return setFilters({}); }, bordered: true, children: [(0, jsx_runtime_1.jsx)(Icons_1.FilterSlashIcon, {}), "Supprimer les filtres"] }), name && ((0, jsx_runtime_1.jsxs)(Button_1.Button, { "$color": "info", size: "small", onClick: openModal, bordered: true, children: [(0, jsx_runtime_1.jsx)(Icons_1.TableColumnsIcon, {}), "Param\u00E8tres des colonnes"] }))] })] })] }));
-};
-exports.DataGridToolbar = DataGridToolbar;

package/dist/components/data/DataGrid/FilterModalContent/index.d.ts

@@ -1,7 +0,0 @@
-import { DataGridFilter } from '../types';
-type FilterModalContentProps = {
-    filter: DataGridFilter;
-    onFilterChanged: (filter: DataGridFilter) => void;
-};
-export declare const FilterModalContent: ({ filter, onFilterChanged, }: FilterModalContentProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};