@qoretechnologies/reqore 0.20.0 → 0.20.3

package/dist/components/Table/header.js

@@ -0,0 +1,106 @@
+"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 __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 (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)
+        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;
+};
+exports.__esModule = true;
+exports.StyledColumnGroupHeader = void 0;
+var react_1 = require("react");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_components_1 = __importStar(require("styled-components"));
+var colors_1 = require("../../helpers/colors");
+var headerCell_1 = __importStar(require("./headerCell"));
+var row_1 = require("./row");
+var StyledTableHeaderWrapper = styled_components_1["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var leftScroll = _a.leftScroll;
+    return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: flex;\n    flex-flow: column;\n    transform: translate3d(", "px, 0, 0);\n\n    ", "\n  "], ["\n    display: flex;\n    flex-flow: column;\n    transform: translate3d(", "px, 0, 0);\n\n    ", "\n  "])), -leftScroll, function (_a) {
+        var theme = _a.theme;
+        return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background-color: ", ";\n    "], ["\n      background-color: ", ";\n    "])), theme.main);
+    });
+});
+exports.StyledColumnGroupHeader = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var align = _a.align, theme = _a.theme;
+    return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    background-color: ", ";\n    justify-content: ", ";\n  "], ["\n    background-color: ", ";\n    justify-content: ", ";\n  "])), (0, colors_1.changeLightness)(theme.main, 0.035), align ? row_1.alignToFlex[align] : 'flex-start');
+});
+var StyledColumnGroup = styled_components_1["default"].div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  width: ", "px;\n\n  ", "\n"], ["\n  display: flex;\n  flex-flow: column;\n  width: ", "px;\n\n  ", "\n"])), function (_a) {
+    var width = _a.width;
+    return width;
+}, function (_a) {
+    var grow = _a.grow;
+    return grow && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      flex-grow: ", ";\n    "], ["\n      flex-grow: ", ";\n    "])), grow);
+});
+var StyledColumnGroupHeaders = styled_components_1["default"].div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+var StyledTableHeaderRow = styled_components_1["default"].div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: flex;\n  flex: 1;\n\n  ", "\n\n  ", ", ", " {\n    font-size: 13px;\n    font-weight: 600;\n    padding: 5px 10px;\n\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n  }\n"], ["\n  display: flex;\n  flex: 1;\n\n  ", "\n\n  ", ", ", " {\n    font-size: 13px;\n    font-weight: 600;\n    padding: 5px 10px;\n\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n  }\n"])), function (_a) {
+    var leftScroll = _a.leftScroll;
+    return (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    transform: translate3d(", "px, 0, 0);\n  "], ["\n    transform: translate3d(", "px, 0, 0);\n  "])), -leftScroll);
+}, headerCell_1.StyledTableHeader, exports.StyledColumnGroupHeader);
+var ReqoreTableHeader = function (_a) {
+    var columns = _a.columns, leftScroll = _a.leftScroll, onSortChange = _a.onSortChange, sortData = _a.sortData, selectable = _a.selectable, selectedQuant = _a.selectedQuant, onToggleSelectClick = _a.onToggleSelectClick, selectToggleTooltip = _a.selectToggleTooltip, hasVerticalScroll = _a.hasVerticalScroll;
+    var renderColumns = function (columns) {
+        return columns.map(function (_a, index) {
+            var grow = _a.grow, header = _a.header, _b = _a.props, props = _b === void 0 ? {} : _b, cols = _a.columns, align = _a.align, content = _a.content, onCellClick = _a.onCellClick, rest = __rest(_a, ["grow", "header", "props", "columns", "align", "content", "onCellClick"]);
+            return cols ? ((0, jsx_runtime_1.jsxs)(StyledColumnGroup, __assign({ width: cols.reduce(function (wid, col) { return wid + (col.width || 80); }, 0), grow: grow, className: 'reqore-table-column-group' }, { children: [(0, jsx_runtime_1.jsx)(exports.StyledColumnGroupHeader, __assign({ align: align }, props, { className: 'reqore-table-column-group-header' }, { children: header })), (0, jsx_runtime_1.jsx)(StyledColumnGroupHeaders, __assign({ className: 'reqore-table-headers' }, { children: renderColumns(cols) }))] }), index)) : ((0, react_1.createElement)(headerCell_1["default"], __assign({}, props, rest, { key: index, sortData: sortData, grow: grow, align: align, header: header, onSortChange: onSortChange })));
+        });
+    };
+    var getSelectedIcon = function () {
+        switch (selectedQuant) {
+            case 'all':
+                return 'CheckboxCircleLine';
+            case 'some':
+                return 'IndeterminateCircleLine';
+            default:
+                return 'CheckboxBlankCircleLine';
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(StyledTableHeaderWrapper, __assign({ className: 'reqore-table-header-wrapper', hasVerticalScroll: hasVerticalScroll }, { children: (0, jsx_runtime_1.jsxs)(StyledTableHeaderRow, __assign({ leftScroll: leftScroll }, { children: [selectable && ((0, jsx_runtime_1.jsx)(headerCell_1["default"], { dataId: 'selectbox', sortData: sortData, align: 'center', onSortChange: onSortChange, icon: getSelectedIcon(), iconSize: '15px', width: 60, tooltip: selectToggleTooltip || 'Toggle selection on all data', onClick: function () {
+                        onToggleSelectClick();
+                    } }, 'selectbox')), renderColumns(columns)] })) })));
+};
+exports["default"] = ReqoreTableHeader;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
+//# sourceMappingURL=header.js.map

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

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

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { IReqoreTableColumn, IReqoreTableSort } from '.';
+import { IReqoreTheme } from '../../constants/theme';
+export interface IReqoreTableHeaderCellProps extends React.HTMLAttributes<HTMLDivElement>, IReqoreTableColumn {
+    onSortChange?: (sort: string) => void;
+    sortData: IReqoreTableSort;
+}
+export interface IReqoreTableHeaderStyle {
+    width?: number;
+    grow?: number;
+    theme: IReqoreTheme;
+    align?: 'center' | 'left' | 'right';
+    interactive?: boolean;
+}
+export declare const StyledTableHeader: any;
+declare const ReqoreTableHeaderCell: ({ width, grow, align, header, onSortChange, dataId, sortable, sortData, onClick, className, icon, iconSize, tooltip, ...props }: IReqoreTableHeaderCellProps) => JSX.Element;
+export default ReqoreTableHeaderCell;
+//# sourceMappingURL=headerCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"headerCell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/headerCell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,kBAAkB;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,gBAAgB,CAAC;CAC5B;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,iBAAiB,KAuB7B,CAAC;AAQF,QAAA,MAAM,qBAAqB,oIAexB,2BAA2B,gBA2C7B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/Table/headerCell.js

@@ -0,0 +1,92 @@
+"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 __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 (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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.StyledTableHeader = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+/* @flow */
+var react_1 = require("react");
+var styled_components_1 = __importStar(require("styled-components"));
+var colors_1 = require("../../helpers/colors");
+var usePopover_1 = __importDefault(require("../../hooks/usePopover"));
+var Icon_1 = __importDefault(require("../Icon"));
+var row_1 = require("./row");
+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 ? row_1.alignToFlex[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));
+});
+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, usePopover_1["default"])({ targetElement: ref, content: tooltip || header });
+    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);
+            }
+            if (onClick) {
+                onClick(event);
+            }
+        } }, { 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
+                } }))] })));
+};
+exports["default"] = ReqoreTableHeaderCell;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=headerCell.js.map

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

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

@@ -0,0 +1,8 @@
+import { IReqoreTableSort } from ".";
+export declare const flipSortDirection: (direction: "asc" | "desc") => "asc" | "desc";
+export declare const fixSort: (sort?: IReqoreTableSort) => {
+    direction: "desc" | "asc";
+    by?: string;
+};
+export declare const sortTableData: (data: any[], sort: IReqoreTableSort) => any[];
+//# sourceMappingURL=helpers.d.ts.map

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

@@ -0,0 +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,UAQhE,CAAC"}

package/dist/components/Table/helpers.js

@@ -0,0 +1,41 @@
+"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));
+};
+exports.__esModule = true;
+exports.sortTableData = exports.fixSort = exports.flipSortDirection = void 0;
+var thenby_1 = require("thenby");
+var flipSortDirection = function (direction) {
+    return direction === "asc" ? "desc" : "asc";
+};
+exports.flipSortDirection = flipSortDirection;
+var fixSort = function (sort) {
+    return __assign(__assign({}, (sort || {})), { direction: (sort === null || sort === void 0 ? void 0 : sort.direction) || "desc" });
+};
+exports.fixSort = fixSort;
+var sortTableData = function (data, sort) {
+    var by = sort.by, direction = sort.direction;
+    if (!by) {
+        return data;
+    }
+    return __spreadArray([], data, true).sort((0, thenby_1.firstBy)(by, { ignoreCase: true, direction: direction }));
+};
+exports.sortTableData = sortTableData;
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +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,GAAgB,IAAI,GAApB,EAAE,SAAS,GAAK,IAAI,UAAT,CAAU;IAE/B,IAAI,CAAC,EAAE,EAAE;QACP,OAAO,IAAI,CAAC;KACb;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;AARW,QAAA,aAAa,iBAQxB"}

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

@@ -0,0 +1,75 @@
+import React from 'react';
+import { TSizes } from '../../constants/sizes';
+import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
+import { IReqoreIconName } from '../../types/icons';
+export declare type TReqoreTableColumnContent = React.FC<{
+    [key: string]: any;
+    _selectId?: string;
+}> | 'time-ago' | 'tag' | `tag:${IReqoreIntent}` | `tag:#${string}` | 'title' | `title:${IReqoreIntent}` | 'text' | `text:${IReqoreIntent}`;
+export interface IReqoreTableColumn {
+    dataId: string;
+    header?: string | JSX.Element;
+    grow?: 1 | 2 | 3 | 4;
+    width?: number;
+    content?: TReqoreTableColumnContent;
+    props?: React.HTMLAttributes<HTMLDivElement>;
+    align?: 'center' | 'left' | 'right';
+    columns?: IReqoreTableColumn[];
+    sortable?: boolean;
+    icon?: IReqoreIconName;
+    iconSize?: string;
+    tooltip?: string;
+    intent?: IReqoreIntent;
+    cellTooltip?: (data: {
+        [key: string]: any;
+        _selectId?: string;
+    }) => string | JSX.Element;
+    onCellClick?: (data: {
+        [key: string]: any;
+        _selectId?: string;
+    }) => void;
+}
+export interface IReqoreTableRowData {
+    [key: string]: any;
+    _selectId?: string;
+    _intent?: IReqoreIntent;
+    _disabled?: boolean;
+}
+export declare type IReqoreTableRowClick = (data: IReqoreTableRowData) => void;
+export declare type IReqoreTableData = IReqoreTableRowData[];
+export interface IReqoreTableProps extends React.HTMLAttributes<HTMLDivElement> {
+    columns: IReqoreTableColumn[];
+    data?: IReqoreTableData;
+    className?: string;
+    width?: number;
+    height?: number;
+    sort?: IReqoreTableSort;
+    striped?: boolean;
+    selectable?: boolean;
+    selected?: string[];
+    selectedRowIntent?: IReqoreIntent;
+    onSortChange?: (sort?: IReqoreTableSort) => void;
+    onSelectedChange?: (selected?: any[]) => void;
+    selectToggleTooltip?: string;
+    onRowClick?: IReqoreTableRowClick;
+    customTheme?: IReqoreTheme;
+    intent?: IReqoreIntent;
+    rounded?: boolean;
+    flat?: boolean;
+    size?: TSizes;
+}
+export interface IReqoreTableStyle {
+    theme: IReqoreTheme;
+    width?: number;
+    striped?: boolean;
+    selectable?: boolean;
+    rounded?: boolean;
+    flat?: boolean;
+}
+export interface IReqoreTableSort {
+    by?: 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, ...rest }: IReqoreTableProps) => JSX.Element;
+export default ReqoreTable;
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Table/index.js

@@ -0,0 +1,165 @@
+"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 __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 (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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+/* @flow */
+var lodash_1 = require("lodash");
+var react_1 = require("react");
+var react_use_1 = require("react-use");
+var styled_components_1 = __importStar(require("styled-components"));
+var sizes_1 = require("../../constants/sizes");
+var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
+var colors_1 = require("../../helpers/colors");
+var useTheme_1 = require("../../hooks/useTheme");
+var body_1 = __importDefault(require("./body"));
+var header_1 = __importStar(require("./header"));
+var headerCell_1 = require("./headerCell");
+var helpers_1 = require("./helpers");
+var StyledTableWrapper = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var theme = _a.theme, width = _a.width, rounded = _a.rounded, flat = _a.flat;
+    return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    width: ", ";\n\n    position: relative;\n    clear: both;\n    overflow: hidden;\n    z-index: 1;\n\n    display: flex;\n    flex-flow: column;\n\n    border-radius: ", ";\n\n    background-color: ", ";\n    color: ", ";\n\n    ", "\n  "], ["\n    width: ", ";\n\n    position: relative;\n    clear: both;\n    overflow: hidden;\n    z-index: 1;\n\n    display: flex;\n    flex-flow: column;\n\n    border-radius: ", ";\n\n    background-color: ", ";\n    color: ", ";\n\n    ", "\n  "])), width ? "".concat(width, "px") : '100%', rounded ? '10px' : undefined, theme.main, (0, colors_1.getReadableColor)(theme, undefined, undefined, true), !flat && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      ", ", ", " {\n        ", "\n      }\n    "], ["\n      ", ", ", " {\n        ", "\n      }\n    "])), headerCell_1.StyledTableHeader, header_1.StyledColumnGroupHeader, function (_a) {
+        var theme = _a.theme;
+        return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          border-bottom: 1px solid ", ";\n        "], ["\n          border-bottom: 1px solid ", ";\n        "])), (0, colors_1.changeLightness)(theme.main, 0.07));
+    }));
+});
+var ReqoreTable = function (_a) {
+    var className = _a.className, _b = _a.height, height = _b === void 0 ? 300 : _b, width = _a.width, columns = _a.columns, _c = _a.data, data = _c === void 0 ? [] : _c, sort = _a.sort, onSortChange = _a.onSortChange, selectable = _a.selectable, selected = _a.selected, onSelectedChange = _a.onSelectedChange, selectToggleTooltip = _a.selectToggleTooltip, customTheme = _a.customTheme, rounded = _a.rounded, onRowClick = _a.onRowClick, striped = _a.striped, selectedRowIntent = _a.selectedRowIntent, size = _a.size, intent = _a.intent, rest = __rest(_a, ["className", "height", "width", "columns", "data", "sort", "onSortChange", "selectable", "selected", "onSelectedChange", "selectToggleTooltip", "customTheme", "rounded", "onRowClick", "striped", "selectedRowIntent", "size", "intent"]);
+    var _d = (0, react_1.useState)(0), leftScroll = _d[0], setLeftScroll = _d[1];
+    var _e = (0, react_1.useState)(data || []), _data = _e[0], setData = _e[1];
+    var _f = (0, react_1.useState)((0, helpers_1.fixSort)(sort)), _sort = _f[0], setSort = _f[1];
+    var _g = (0, react_1.useState)([]), _selected = _g[0], setSelected = _g[1];
+    var _h = (0, react_1.useState)('none'), _selectedQuant = _h[0], setSelectedQuant = _h[1];
+    var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
+    (0, react_use_1.useUpdateEffect)(function () {
+        if (onSortChange) {
+            onSortChange(_sort);
+        }
+    }, [_sort]);
+    (0, react_use_1.useUpdateEffect)(function () {
+        setData(data);
+    }, [data]);
+    (0, react_use_1.useUpdateEffect)(function () {
+        if (selectable) {
+            setSelected(selected);
+        }
+    }, [selected]);
+    (0, react_use_1.useUpdateEffect)(function () {
+        if (onSelectedChange) {
+            onSelectedChange(_selected);
+        }
+        var selectableData = _data.filter(function (datum) { var _a; return (_a = datum._selectId) !== null && _a !== void 0 ? _a : false; });
+        if ((0, lodash_1.size)(_selected)) {
+            if ((0, lodash_1.size)(_selected) === (0, lodash_1.size)(selectableData)) {
+                setSelectedQuant('all');
+            }
+            else {
+                setSelectedQuant('some');
+            }
+        }
+        else {
+            setSelectedQuant('none');
+        }
+    }, [_selected]);
+    var handleSortChange = function (by) {
+        setSort(function (currentSort) {
+            var newSort = __assign({}, currentSort);
+            newSort.by = by;
+            newSort.direction =
+                currentSort.by === by ? (0, helpers_1.flipSortDirection)(currentSort.direction) : currentSort.direction;
+            return newSort;
+        });
+    };
+    var handleSelectClick = function (selectId) {
+        setSelected(function (current) {
+            var newSelected = __spreadArray([], current, true);
+            var isSelected = newSelected.find(function (selected) { return selectId === selected; });
+            if (isSelected) {
+                newSelected = newSelected.filter(function (selected) { return selected !== selectId; });
+            }
+            else {
+                newSelected = __spreadArray(__spreadArray([], newSelected, true), [selectId], false);
+            }
+            return newSelected;
+        });
+    };
+    var handleToggleSelectClick = function () {
+        switch (_selectedQuant) {
+            case 'none':
+            case 'some': {
+                var selectableData = _data
+                    .filter(function (datum) { var _a; return (_a = datum._selectId) !== null && _a !== void 0 ? _a : false; })
+                    .map(function (datum) { return datum._selectId; });
+                setSelected(selectableData);
+                break;
+            }
+            default: {
+                setSelected([]);
+                break;
+            }
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], __assign({ theme: theme }, { children: (0, jsx_runtime_1.jsxs)(StyledTableWrapper, __assign({}, rest, { className: "".concat(className || '', " reqore-table"), rounded: rounded, width: width }, { children: [(0, jsx_runtime_1.jsx)(header_1["default"], { columns: columns, leftScroll: leftScroll, onSortChange: handleSortChange, sortData: _sort, selectable: selectable, selectedQuant: _selectedQuant, onToggleSelectClick: handleToggleSelectClick, hasVerticalScroll: (0, lodash_1.size)(_data) * sizes_1.TABLE_SIZE_TO_PX[size] > height, selectToggleTooltip: selectToggleTooltip }), (0, jsx_runtime_1.jsx)(body_1["default"], { data: _sort ? (0, helpers_1.sortTableData)(_data, _sort) : _data, columns: columns, setLeftScroll: setLeftScroll, height: height, selectable: selectable, onSelectClick: handleSelectClick, onRowClick: onRowClick, selected: _selected, selectedRowIntent: selectedRowIntent, size: size, striped: striped, flat: rest.flat })] })) })));
+};
+exports["default"] = ReqoreTable;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,58 @@
+import React from 'react';
+import { IReqoreTableColumn, IReqoreTableData, IReqoreTableRowClick } from '.';
+import { TSizes } from '../../constants/sizes';
+import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
+export interface IReqoreTableRowOptions {
+    columns: IReqoreTableColumn[];
+    data?: IReqoreTableData;
+    selectable?: boolean;
+    onSelectClick?: (selectId: string) => void;
+    selected?: string[];
+    onRowClick?: IReqoreTableRowClick;
+    striped?: boolean;
+    selectedRowIntent?: IReqoreIntent;
+    size?: TSizes;
+    flat?: boolean;
+}
+export interface IReqoreTableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+    data: IReqoreTableRowOptions;
+    style: React.StyleHTMLAttributes<HTMLDivElement>;
+    index: number;
+}
+export interface IReqoreTableRowStyle {
+    theme: IReqoreTheme;
+    interactive?: boolean;
+    intent?: IReqoreIntent;
+    selected?: boolean;
+    selectedIntent?: IReqoreIntent;
+    flat?: boolean;
+    disabled?: boolean;
+    hovered?: boolean;
+}
+export declare const StyledTableRow: any;
+export interface IReqoreTableCellStyle {
+    width?: number;
+    grow?: number;
+    theme?: IReqoreTheme;
+    align?: 'center' | 'left' | 'right';
+    intent?: IReqoreIntent;
+    interactive?: boolean;
+    interactiveCell?: boolean;
+    size?: TSizes;
+    flat?: boolean;
+    disabled?: boolean;
+    selected?: boolean;
+    hovered?: boolean;
+    selectedIntent?: IReqoreIntent;
+    even?: boolean;
+    striped?: boolean;
+}
+export declare const alignToFlex: {
+    center: string;
+    left: string;
+    right: string;
+};
+export declare const StyledTableCell: any;
+declare const ReqoreTableRow: ({ data: { data, columns, selectable, onSelectClick, selected, onRowClick, striped, size, selectedRowIntent, flat, }, style, index, }: IReqoreTableRowProps) => JSX.Element;
+export default ReqoreTableRow;
+//# sourceMappingURL=row.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../../src/components/Table/row.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,oBAAoB,EAErB,MAAM,GAAG,CAAC;AAEX,OAAO,EAA8B,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAQpE,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;IACrF,IAAI,EAAE,sBAAsB,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,KAK1B,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACpC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,WAAW;;;;CAIvB,CAAC;AAEF,eAAO,MAAM,eAAe,KA+F3B,CAAC;AAEF,QAAA,MAAM,cAAc,yIAejB,oBAAoB,gBA8JtB,CAAC;AAEF,eAAe,cAAc,CAAC"}