@qoretechnologies/reqore 0.34.12 → 0.35.0

package/dist/components/Table/headerCell.js

@@ -14,29 +14,6 @@ var __assign = (this && this.__assign) || function () {
     };
     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 (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 __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)
@@ -52,41 +29,73 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.StyledTableHeader = void 0;
+exports.ReqoreTableHeaderCell = exports.StyledTableHeaderResize = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 /* @flow */
+var polished_1 = require("polished");
+var re_resizable_1 = require("re-resizable");
 var react_1 = require("react");
-var styled_components_1 = __importStar(require("styled-components"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var __1 = require("../..");
 var colors_1 = require("../../helpers/colors");
-var utils_1 = require("../../helpers/utils");
-var useTooltip_1 = require("../../hooks/useTooltip");
-var Icon_1 = __importDefault(require("../Icon"));
-exports.StyledTableHeader = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n\n  ", "\n\n  ", ";\n"], ["\n  ", ";\n\n  ", "\n\n  ", ";\n"])), function (_a) {
-    var width = _a.width, grow = _a.grow;
-    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      width: ", "px;\n      flex-grow: ", ";\n    "], ["\n      width: ", "px;\n      flex-grow: ", ";\n    "])), !width || width < 80 ? 80 : width, grow || (width ? undefined : 1));
-}, function (_a) {
-    var align = _a.align, theme = _a.theme;
-    return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    background-color: ", ";\n    justify-content: ", ";\n  "], ["\n    background-color: ", ";\n    justify-content: ", ";\n  "])), (0, colors_1.changeLightness)(theme.main, 0.03), align ? (0, utils_1.alignToFlexAlign)(align) : 'flex-start');
-}, function (_a) {
-    var interactive = _a.interactive, theme = _a.theme;
-    return interactive && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      cursor: pointer;\n      transition: background-color 0.2s ease-out;\n\n      &:hover {\n        color: ", ";\n        background-color: ", ";\n      }\n    "], ["\n      cursor: pointer;\n      transition: background-color 0.2s ease-out;\n\n      &:hover {\n        color: ", ";\n        background-color: ", ";\n      }\n    "])), (0, colors_1.getReadableColor)(theme, undefined, undefined), (0, colors_1.changeLightness)(theme.main, 0.06));
+exports.StyledTableHeaderResize = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &:before {\n    content: '';\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translateX(-50%) translateY(-50%);\n    width: 1px;\n    height: 70%;\n    border-left: 1px dashed ", ";\n  }\n"], ["\n  &:before {\n    content: '';\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translateX(-50%) translateY(-50%);\n    width: 1px;\n    height: 70%;\n    border-left: 1px dashed ", ";\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.3);
 });
-var StyledTableHeaderLabel = styled_components_1["default"].span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"], ["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])));
 var ReqoreTableHeaderCell = function (_a) {
-    var width = _a.width, grow = _a.grow, align = _a.align, header = _a.header, onSortChange = _a.onSortChange, dataId = _a.dataId, sortable = _a.sortable, sortData = _a.sortData, onClick = _a.onClick, className = _a.className, icon = _a.icon, iconSize = _a.iconSize, tooltip = _a.tooltip, props = __rest(_a, ["width", "grow", "align", "header", "onSortChange", "dataId", "sortable", "sortData", "onClick", "className", "icon", "iconSize", "tooltip"]);
-    var _b = (0, react_1.useState)(null), ref = _b[0], setRef = _b[1];
-    (0, useTooltip_1.useTooltip)(ref, { content: tooltip || header, delay: 300 });
-    return ((0, jsx_runtime_1.jsxs)(exports.StyledTableHeader, __assign({}, props, { className: "".concat(className || '', " reqore-table-header-cell"), ref: setRef, width: width, grow: grow, align: align, interactive: sortable || !!onClick, onClick: function (event) {
-            if (sortable) {
-                onSortChange(dataId);
+    var width = _a.width, resizedWidth = _a.resizedWidth, grow = _a.grow, align = _a.align, onSortChange = _a.onSortChange, dataId = _a.dataId, sortable = _a.sortable, sortData = _a.sortData, className = _a.className, onClick = _a.onClick, onColumnsUpdate = _a.onColumnsUpdate, _b = _a.resizable, resizable = _b === void 0 ? true : _b, filterPlaceholder = _a.filterPlaceholder, filterable = _a.filterable, _c = _a.hideable, hideable = _c === void 0 ? true : _c, filter = _a.filter, onFilterChange = _a.onFilterChange, rest = __rest(_a, ["width", "resizedWidth", "grow", "align", "onSortChange", "dataId", "sortable", "sortData", "className", "onClick", "onColumnsUpdate", "resizable", "filterPlaceholder", "filterable", "hideable", "filter", "onFilterChange"]);
+    var items = (0, react_1.useMemo)(function () {
+        var _items = [];
+        if (resizable || hideable) {
+            _items.push({
+                divider: true,
+                label: 'Options'
+            });
+            if (resizable) {
+                _items.push({
+                    label: 'Reset size',
+                    icon: 'HistoryLine',
+                    disabled: !resizedWidth || width === resizedWidth,
+                    onClick: function () {
+                        onColumnsUpdate === null || onColumnsUpdate === void 0 ? void 0 : onColumnsUpdate(dataId, 'resizedWidth', width);
+                    }
+                });
             }
-            if (onClick) {
-                onClick(event);
+            if (hideable) {
+                _items.push({
+                    label: 'Hide column',
+                    icon: 'EyeCloseLine',
+                    onClick: function () {
+                        onColumnsUpdate === null || onColumnsUpdate === void 0 ? void 0 : onColumnsUpdate(dataId, 'show', false);
+                    }
+                });
             }
-        } }, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size: iconSize || '13px', margin: header ? 'right' : undefined })), (0, jsx_runtime_1.jsx)(StyledTableHeaderLabel, { children: header }), sortable && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: "Arrow".concat(sortData.direction === 'desc' ? 'Down' : 'Up', "Fill"), size: iconSize || '13px', margin: 'left', style: {
-                    opacity: sortData.by === dataId ? 1 : 0.2
-                } }))] })));
+        }
+        return _items;
+    }, [resizable, hideable, width, resizedWidth, onColumnsUpdate, dataId]);
+    return ((0, jsx_runtime_1.jsx)(re_resizable_1.Resizable, __assign({ minWidth: width, onResize: function (_event, _direction, _component) {
+            onColumnsUpdate === null || onColumnsUpdate === void 0 ? void 0 : onColumnsUpdate(dataId, 'resizedWidth', parseInt(_component.style.width));
+        }, handleComponent: {
+            right: (0, jsx_runtime_1.jsx)(exports.StyledTableHeaderResize, {})
+        }, style: {
+            overflow: 'hidden',
+            flexGrow: grow
+        }, size: {
+            width: resizedWidth || width,
+            height: undefined
+        }, enable: {
+            right: resizable
+        } }, { children: (0, jsx_runtime_1.jsxs)(__1.ReqoreControlGroup, __assign({ fluid: true, stack: true, rounded: false, fill: true, style: { height: '100%' } }, { children: [(0, jsx_runtime_1.jsx)(__1.ReqoreButton, __assign({}, rest, { readOnly: !sortable && !onClick, className: "".concat(className || '', " reqore-table-header-cell"), rounded: false, textAlign: align, rightIcon: sortable && sortData.by === dataId
+                        ? "Arrow".concat(sortData.direction === 'desc' ? 'Down' : 'Up', "Fill")
+                        : rest.rightIcon, onClick: function (e) {
+                        if (sortable) {
+                            onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange(dataId);
+                        }
+                        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+                    } })), filterable || hideable || resizable ? ((0, jsx_runtime_1.jsx)(__1.ReqoreDropdown, { icon: 'MoreLine', className: 'reqore-table-header-cell-options', fixed: true, rounded: false, intent: filter ? 'info' : undefined, filterable: filterable, filterPlaceholder: filterPlaceholder || 'Filter by this column...', filter: filter, onFilterChange: function (value) {
+                        onFilterChange === null || onFilterChange === void 0 ? void 0 : onFilterChange(dataId, value);
+                    }, items: items })) : null] })) })));
 };
-exports["default"] = ReqoreTableHeaderCell;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+exports.ReqoreTableHeaderCell = ReqoreTableHeaderCell;
+var templateObject_1;
 //# sourceMappingURL=headerCell.js.map

package/dist/components/Table/headerCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerCell.js","sourceRoot":"","sources":["../../../src/components/Table/headerCell.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"headerCell.js","sourceRoot":"","sources":["../../../src/components/Table/headerCell.tsx"],"names":[],"mappings":"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"}

package/dist/components/Table/helpers.d.ts

@@ -1,4 +1,7 @@
-import { IReqoreTableSort } from '.';
+import { IReqoreTableColumn, IReqoreTableSort } from '.';
+import { TSizes } from '../../constants/sizes';
+import { IReqoreIconName } from '../../types/icons';
+import { IReqorePanelAction } from '../Panel';
 export declare const flipSortDirection: (direction: 'asc' | 'desc') => 'asc' | 'desc';
 export declare const fixSort: (sort?: IReqoreTableSort) => {
     direction: "desc" | "asc";
@@ -6,4 +9,39 @@ export declare const fixSort: (sort?: IReqoreTableSort) => {
     thenBy?: string;
 };
 export declare const sortTableData: (data: any[], sort: IReqoreTableSort) => any[];
+export declare const updateColumnData: (columns: IReqoreTableColumn[], columnId: string, key: keyof IReqoreTableColumn, value: any) => IReqoreTableColumn[];
+export declare const sizeToZoom: {
+    tiny: number;
+    small: number;
+    normal: number;
+    big: number;
+    huge: number;
+};
+export declare const zoomToSize: {
+    0: string;
+    0.5: string;
+    1: string;
+    1.5: string;
+    2: string;
+};
+export declare const zoomToWidth: {
+    0: string;
+    0.5: string;
+    1: string;
+    1.5: string;
+    2: string;
+};
+export declare const zoomToLabel: {
+    0: string;
+    0.5: string;
+    1: string;
+    1.5: string;
+    2: string;
+};
+export declare const getZoomActions: (type: string, zoom: number, setter: (zoom: number) => void) => IReqorePanelAction[];
+export declare const getColumnsCount: (columns: IReqoreTableColumn[]) => number;
+export declare const hasHiddenColumns: (columns: IReqoreTableColumn[]) => boolean;
+export declare const getOnlyShownColumns: (columns: IReqoreTableColumn[]) => IReqoreTableColumn[];
+export declare const prepareColumns: (columns: IReqoreTableColumn[], size?: TSizes) => IReqoreTableColumn[];
+export declare const calculateMinimumCellWidth: (currentWidth?: number, size?: TSizes, icon?: IReqoreIconName, sortable?: boolean, filterable?: boolean, hideable?: boolean, resizable?: boolean) => number;
 //# sourceMappingURL=helpers.d.ts.map

package/dist/components/Table/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Table/helpers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AAErC,eAAO,MAAM,iBAAiB,cAAe,KAAK,GAAG,MAAM,KAAG,KAAK,GAAG,MAChC,CAAC;AAEvC,eAAO,MAAM,OAAO,UAAW,gBAAgB;;;;CAE9C,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,GAAG,EAAE,QAAQ,gBAAgB,UAchE,CAAC"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Table/helpers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AACzD,OAAO,EAA8B,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,eAAO,MAAM,iBAAiB,cAAe,KAAK,GAAG,MAAM,KAAG,KAAK,GAAG,MAChC,CAAC;AAEvC,eAAO,MAAM,OAAO,UAAW,gBAAgB;;;;CAE9C,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,GAAG,EAAE,QAAQ,gBAAgB,UAchE,CAAC;AAEF,eAAO,MAAM,gBAAgB,YAClB,kBAAkB,EAAE,YACnB,MAAM,OACX,MAAM,kBAAkB,SACtB,GAAG,KACT,kBAAkB,EAoBpB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC;AAGF,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC;AAEF,eAAO,MAAM,cAAc,SACnB,MAAM,QACN,MAAM,iBACG,MAAM,KAAK,IAAI,KAC7B,kBAAkB,EA6BpB,CAAC;AAEF,eAAO,MAAM,eAAe,YAAa,kBAAkB,EAAE,KAAG,MAY/D,CAAC;AAEF,eAAO,MAAM,gBAAgB,YAAa,kBAAkB,EAAE,KAAG,OAQhE,CAAC;AAEF,eAAO,MAAM,mBAAmB,YAAa,kBAAkB,EAAE,KAAG,kBAAkB,EAwBrF,CAAC;AAEF,eAAO,MAAM,cAAc,YAChB,kBAAkB,EAAE,SACvB,MAAM,KACX,kBAAkB,EAyBpB,CAAC;AAEF,eAAO,MAAM,yBAAyB,kBACtB,MAAM,SACb,MAAM,SACN,eAAe,aACX,OAAO,eACL,OAAO,aACT,OAAO,cACN,OAAO,KAClB,MAgBF,CAAC"}

package/dist/components/Table/helpers.js

@@ -20,8 +20,10 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 exports.__esModule = true;
-exports.sortTableData = exports.fixSort = exports.flipSortDirection = void 0;
+exports.calculateMinimumCellWidth = exports.prepareColumns = exports.getOnlyShownColumns = exports.hasHiddenColumns = exports.getColumnsCount = exports.getZoomActions = exports.zoomToLabel = exports.zoomToWidth = exports.zoomToSize = exports.sizeToZoom = exports.updateColumnData = exports.sortTableData = exports.fixSort = exports.flipSortDirection = void 0;
+var lodash_1 = require("lodash");
 var thenby_1 = require("thenby");
+var sizes_1 = require("../../constants/sizes");
 var flipSortDirection = function (direction) {
     return direction === 'asc' ? 'desc' : 'asc';
 };
@@ -41,4 +43,146 @@ var sortTableData = function (data, sort) {
     return __spreadArray([], data, true).sort((0, thenby_1.firstBy)(by, { ignoreCase: true, direction: direction }));
 };
 exports.sortTableData = sortTableData;
+var updateColumnData = function (columns, columnId, key, value) {
+    var newColumns = columns.map(function (column) {
+        var _a;
+        var _b;
+        if (column.dataId === columnId) {
+            return __assign(__assign({}, column), (_a = {}, _a[key] = value, _a));
+        }
+        if ((_b = column.header) === null || _b === void 0 ? void 0 : _b.columns) {
+            return __assign(__assign({}, column), { header: __assign(__assign({}, column.header), { columns: (0, exports.updateColumnData)(column.header.columns, columnId, key, value) }) });
+        }
+        return column;
+    });
+    return newColumns;
+};
+exports.updateColumnData = updateColumnData;
+exports.sizeToZoom = {
+    tiny: 0,
+    small: 0.5,
+    normal: 1,
+    big: 1.5,
+    huge: 2
+};
+exports.zoomToSize = {
+    0: 'tiny',
+    0.5: 'small',
+    1: 'normal',
+    1.5: 'big',
+    2: 'huge'
+};
+exports.zoomToWidth = {
+    0: '200px',
+    0.5: '300px',
+    1: '400px',
+    1.5: '500px',
+    2: '600px'
+};
+// This code converts a zoom level to a label.
+exports.zoomToLabel = {
+    0: '0.6x',
+    0.5: '0.8x',
+    1: '1x',
+    1.5: '1.2x',
+    2: '1.4x'
+};
+var getZoomActions = function (type, zoom, setter) { return [
+    {
+        icon: 'ZoomInLine',
+        tooltip: 'Zoom in',
+        disabled: zoom === 2,
+        className: "".concat(type, "-zoom-in"),
+        onClick: function () {
+            setter(zoom + 0.5);
+        }
+    },
+    {
+        icon: 'RestartLine',
+        label: exports.zoomToLabel[zoom],
+        tooltip: 'Reset zoom',
+        disabled: zoom === 1,
+        className: "".concat(type, "-zoom-reset"),
+        onClick: function () {
+            setter(1);
+        }
+    },
+    {
+        icon: 'ZoomOutLine',
+        tooltip: 'Zoom out',
+        disabled: zoom === 0,
+        className: "".concat(type, "-zoom-out"),
+        onClick: function () {
+            setter(zoom - 0.5);
+        }
+    },
+]; };
+exports.getZoomActions = getZoomActions;
+var getColumnsCount = function (columns) {
+    var count = 0;
+    columns.forEach(function (column) {
+        if (column.header.columns) {
+            count += (0, exports.getColumnsCount)(column.header.columns);
+        }
+        else {
+            count += 1;
+        }
+    });
+    return count;
+};
+exports.getColumnsCount = getColumnsCount;
+var hasHiddenColumns = function (columns) {
+    return columns.some(function (column) {
+        if (column.header.columns) {
+            return column.header.columns.some(function (subColumn) { return subColumn.show === false; });
+        }
+        return column.show === false;
+    });
+};
+exports.hasHiddenColumns = hasHiddenColumns;
+var getOnlyShownColumns = function (columns) {
+    return columns.reduce(function (newColumns, column) {
+        if (column.header.columns) {
+            var subColumns = (0, exports.getOnlyShownColumns)(column.header.columns);
+            if ((0, lodash_1.size)(subColumns)) {
+                return __spreadArray(__spreadArray([], newColumns, true), [
+                    __assign(__assign({}, column), { header: __assign(__assign({}, column.header), { columns: (0, exports.getOnlyShownColumns)(column.header.columns) }) }),
+                ], false);
+            }
+            return newColumns;
+        }
+        if (column.show !== false) {
+            return __spreadArray(__spreadArray([], newColumns, true), [column], false);
+        }
+        return newColumns;
+    }, []);
+};
+exports.getOnlyShownColumns = getOnlyShownColumns;
+var prepareColumns = function (columns, size) {
+    if (size === void 0) { size = 'normal'; }
+    // We need to set the width of each column
+    return columns.map(function (column) {
+        if (column.header.columns) {
+            return __assign(__assign({}, column), { header: __assign(__assign({}, column.header), { columns: (0, exports.prepareColumns)(column.header.columns) }) });
+        }
+        var newWidth = (0, exports.calculateMinimumCellWidth)(column.width || 50, size, column.header.icon, column.sortable, column.filterable, column.hideable, column.resizable);
+        return __assign(__assign({}, column), { width: newWidth });
+    });
+};
+exports.prepareColumns = prepareColumns;
+var calculateMinimumCellWidth = function (currentWidth, size, icon, sortable, filterable, hideable, resizable) {
+    if (currentWidth === void 0) { currentWidth = 50; }
+    var width = currentWidth;
+    if (icon) {
+        width += sizes_1.ICON_FROM_SIZE[size];
+    }
+    if (sortable) {
+        width += sizes_1.ICON_FROM_SIZE[size];
+    }
+    if (filterable || hideable || resizable) {
+        width += sizes_1.SIZE_TO_PX[size];
+    }
+    return width;
+};
+exports.calculateMinimumCellWidth = calculateMinimumCellWidth;
 //# sourceMappingURL=helpers.js.map

package/dist/components/Table/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/Table/helpers.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAiC;AAG1B,IAAM,iBAAiB,GAAG,UAAC,SAAyB;IACzD,OAAA,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;AAApC,CAAoC,CAAC;AAD1B,QAAA,iBAAiB,qBACS;AAEhC,IAAM,OAAO,GAAG,UAAC,IAAuB;IAC7C,6BAAY,CAAC,IAAI,IAAI,EAAE,CAAC,KAAE,SAAS,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,KAAI,MAAM,IAAG;AACnE,CAAC,CAAC;AAFW,QAAA,OAAO,WAElB;AAEK,IAAM,aAAa,GAAG,UAAC,IAAW,EAAE,IAAsB;IACvD,IAAA,EAAE,GAAwB,IAAI,GAA5B,EAAE,MAAM,GAAgB,IAAI,OAApB,EAAE,SAAS,GAAK,IAAI,UAAT,CAAU;IAEvC,IAAI,CAAC,EAAE,EAAE;QACP,OAAO,IAAI,CAAC;KACb;IAED,IAAI,MAAM,EAAE;QACV,OAAO,kBAAI,IAAI,QAAE,IAAI,CACnB,IAAA,gBAAO,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,WAAA,EAAE,CAAC,CAC7F,CAAC;KACH;IAED,OAAO,kBAAI,IAAI,QAAE,IAAI,CAAC,IAAA,gBAAO,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC,CAAC;AACtE,CAAC,CAAC;AAdW,QAAA,aAAa,iBAcxB"}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/Table/helpers.ts"],"names":[],"mappings":"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"}

package/dist/components/Table/index.d.ts

@@ -1,33 +1,40 @@
 import React from 'react';
 import { TSizes } from '../../constants/sizes';
 import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
-import { IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreFlat } from '../../types/global';
-import { IReqoreIconName } from '../../types/icons';
+import { IReqoreIntent, IReqoreTooltip } from '../../types/global';
+import { IReqoreButtonProps } from '../Button';
+import { IReqoreInputProps } from '../Input';
+import { IReqorePanelProps } from '../Panel';
+import { IReqoreCustomHeaderCellComponent } from './header';
+import { IReqoreTableHeaderCellProps } from './headerCell';
+import { IReqoreTableRowOptions } from './row';
 export type TReqoreTableColumnContent = React.FC<{
     [key: string]: any;
     _selectId?: string | number;
 }> | 'time-ago' | 'tag' | `tag:${TReqoreIntent}` | `tag:#${string}` | 'title' | `title:${TReqoreIntent}` | 'text' | `text:${TReqoreIntent}`;
 export interface IReqoreTableColumn extends IReqoreIntent {
     dataId: string;
-    header?: string | JSX.Element;
+    show?: boolean;
     grow?: 1 | 2 | 3 | 4;
     width?: number;
-    content?: TReqoreTableColumnContent;
-    props?: React.HTMLAttributes<HTMLDivElement>;
+    resizedWidth?: number;
     align?: 'center' | 'left' | 'right';
-    columns?: IReqoreTableColumn[];
+    resizable?: boolean;
     sortable?: boolean;
-    icon?: IReqoreIconName;
-    iconSize?: string;
-    tooltip?: string;
-    cellTooltip?: (data: {
-        [key: string]: any;
-        _selectId?: string | number;
-    }) => string | JSX.Element;
-    onCellClick?: (data: {
-        [key: string]: any;
-        _selectId?: string | number;
-    }) => void;
+    hideable?: boolean;
+    filterable?: boolean;
+    filterPlaceholder?: string;
+    filter?: string | number;
+    header?: {
+        columns?: IReqoreTableColumn[];
+        component?: React.FC<IReqoreTableHeaderCellProps>;
+    } & IReqoreButtonProps;
+    cell?: {
+        onClick?: (cellValue: any) => void;
+        tooltip?: (cellValue: any) => string | IReqoreTooltip;
+        content?: TReqoreTableColumnContent;
+        intent?: TReqoreIntent;
+    };
 }
 export interface IReqoreTableRowData {
     [key: string]: any;
@@ -37,24 +44,31 @@ export interface IReqoreTableRowData {
 }
 export type IReqoreTableRowClick = (data: IReqoreTableRowData) => void;
 export type IReqoreTableData = IReqoreTableRowData[];
-export interface IReqoreTableProps extends React.HTMLAttributes<HTMLDivElement>, IReqoreIntent, IWithReqoreFlat, IWithReqoreCustomTheme {
+export interface IReqoreTableProps extends IReqorePanelProps {
     columns: IReqoreTableColumn[];
     data?: IReqoreTableData;
-    className?: string;
     width?: number;
     height?: number;
+    wrapperSize?: TSizes;
     sort?: IReqoreTableSort;
-    striped?: boolean;
+    onSortChange?: (sort?: IReqoreTableSort) => void;
+    filterable?: boolean;
+    filterProps?: (data: IReqoreTableData) => IReqoreInputProps;
+    filter?: string;
+    onFilterChange?: (query: string) => void;
+    zoomable?: boolean;
+    defaultZoom?: number;
     selectable?: boolean;
     selected?: string[];
     selectedRowIntent?: TReqoreIntent;
-    onSortChange?: (sort?: IReqoreTableSort) => void;
     onSelectedChange?: (selected?: any[]) => void;
     selectToggleTooltip?: string;
+    striped?: boolean;
+    emptyMessage?: string;
     onRowClick?: IReqoreTableRowClick;
-    rounded?: boolean;
-    size?: TSizes;
-    fill?: boolean;
+    headerCellComponent?: IReqoreCustomHeaderCellComponent;
+    rowComponent?: IReqoreTableRowOptions['rowComponent'];
+    bodyCellComponent?: IReqoreTableRowOptions['cellComponent'];
 }
 export interface IReqoreTableStyle {
     theme: IReqoreTheme;
@@ -70,6 +84,6 @@ export interface IReqoreTableSort {
     thenBy?: string;
     direction?: 'asc' | 'desc';
 }
-declare const ReqoreTable: ({ className, height, width, columns, data, sort, onSortChange, selectable, selected, onSelectedChange, selectToggleTooltip, customTheme, rounded, onRowClick, striped, selectedRowIntent, size, intent, fill, ...rest }: IReqoreTableProps) => JSX.Element;
+declare const ReqoreTable: ({ className, height, width, columns, data, sort, onSortChange, selectable, selected, onSelectedChange, selectToggleTooltip, customTheme, onRowClick, striped, selectedRowIntent, size, wrapperSize, intent, fill, filterable, zoomable, filter, actions, onFilterChange, filterProps, emptyMessage, headerCellComponent, rowComponent, bodyCellComponent, ...rest }: IReqoreTableProps) => JSX.Element;
 export default ReqoreTable;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"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"}