fuse-importer 0.7.0

package/lib/esm/common/Table/TableDataProvider.js

@@ -0,0 +1,127 @@
+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 __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;
+    return g = { next: verb(0), "throw": verb(1), "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 (_) 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 };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useState } from "react";
+import { Spinner } from "../Spinner";
+import { api } from "../../api";
+export var SortDirection;
+(function (SortDirection) {
+    SortDirection["asc"] = "asc";
+    SortDirection["desc"] = "desc";
+})(SortDirection || (SortDirection = {}));
+var TableContext = createContext({});
+export var TableDataProvider = function (_a) {
+    var children = _a.children, dataUrl = _a.dataUrl, _b = _a.query, query = _b === void 0 ? "" : _b, _c = _a.filters, filters = _c === void 0 ? null : _c, _d = _a.defaultSortBy, defaultSortBy = _d === void 0 ? { field: null, direction: null } : _d, _e = _a.onGetData, onGetData = _e === void 0 ? null : _e;
+    var _f = useState(null), data = _f[0], setData = _f[1];
+    var _g = useState(false), isLoading = _g[0], setLoading = _g[1];
+    var _h = useState(1), currentPage = _h[0], setCurrentPage = _h[1];
+    var _j = useState(null), totalPages = _j[0], setTotalPages = _j[1];
+    var _k = useState(defaultSortBy), sortBy = _k[0], setSortBy = _k[1];
+    var _l = useState(0), totalCount = _l[0], setTotalCount = _l[1];
+    var _m = useState(7), pageSize = _m[0], setPageSize = _m[1];
+    var getData = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var payload;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    setLoading(true);
+                    return [4 /*yield*/, api.get(dataUrl, {
+                            params: {
+                                query: query,
+                                page: currentPage,
+                                per_page: pageSize,
+                                sort: sortBy.field,
+                                sort_direction: sortBy.direction,
+                                filters: filters || {},
+                            },
+                        })];
+                case 1:
+                    payload = (_c.sent()).data;
+                    if (onGetData) {
+                        onGetData(payload);
+                    }
+                    setData(payload.data);
+                    setTotalPages((_a = payload.pagination) === null || _a === void 0 ? void 0 : _a.total_pages);
+                    setTotalCount((_b = payload.pagination) === null || _b === void 0 ? void 0 : _b.total_count);
+                    setLoading(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var resetPagination = function () {
+        setCurrentPage(null);
+        setTimeout(function () {
+            setCurrentPage(1);
+        }, 10);
+    };
+    useEffect(function () {
+        resetPagination();
+    }, [query, dataUrl, sortBy, filters, pageSize]);
+    useEffect(function () {
+        if (currentPage) {
+            getData();
+        }
+    }, [currentPage]);
+    var value = {
+        data: data,
+        isLoading: isLoading,
+        currentPage: currentPage,
+        totalPages: totalPages || 1,
+        sortBy: sortBy,
+        pageSize: pageSize,
+        totalCount: totalCount,
+        setPageSize: setPageSize,
+        getData: getData,
+        setSortBy: setSortBy,
+        setCurrentPage: setCurrentPage,
+    };
+    return (_jsx(TableContext.Provider, __assign({ value: value }, { children: data ? children : isLoading && _jsx(Spinner, { mt: 200 }, void 0) }), void 0));
+};
+export var useTableContext = function () { return useContext(TableContext); };
+//# sourceMappingURL=TableDataProvider.js.map

package/lib/esm/common/Table/TableDataProvider.js.map

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

package/lib/esm/common/Table/TableView/TableHeaders.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { TableViewProps } from ".";
+import { DivCSSProps } from "../../../styled/utils";
+import { SortDirection } from "../TableDataProvider";
+declare type TableViewHeaderProps = {
+    isLast: boolean;
+};
+export declare const TableViewHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../../styled/utils").CSSProps & TableViewHeaderProps, never>;
+declare type SortIndicatorProps = {
+    direction: SortDirection;
+};
+export declare const SortIndicator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../../styled/utils").CSSProps & SortIndicatorProps, never>;
+export declare const TableHeadersContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../../styled/utils").CSSProps, never>;
+export declare const TableHeadersContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../../styled/utils").CSSProps, never>;
+declare type TableHeadersProps = Pick<TableViewProps, "columns" | "sortBy" | "setSortBy" | "rowHeight" | "rowWidth"> & {
+    scrollLeft: number;
+} & DivCSSProps;
+export declare const TableHeaders: ({ scrollLeft, columns, sortBy, setSortBy, rowHeight, rowWidth, ...props }: TableHeadersProps) => JSX.Element;
+export {};

package/lib/esm/common/Table/TableView/TableHeaders.js

@@ -0,0 +1,71 @@
+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 __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;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import styled, { css } from "styled-components";
+import { Div } from "../../../styled/utils";
+import { chevronDown as chevronDownIcon } from "../icons";
+import { SortDirection } from "../TableDataProvider";
+import { columnWidthPercentage, TableViewCellContainer } from "./common";
+export var TableViewHeader = styled(TableViewCellContainer)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-bottom: solid 1px ", ";\n  background-color: ", ";\n  height: 47px;\n  ", ";\n  color: ", ";\n  ", "\n"], ["\n  border-bottom: solid 1px ", ";\n  background-color: ", ";\n  height: 47px;\n  ", ";\n  color: ", ";\n  ", "\n"])), function (p) { return p.theme.colors.gray100; }, function (p) { return p.theme.colors.gray50; }, function (p) { return p.theme.css.label3; }, function (p) { return p.theme.colors.textTert; }, function (p) {
+    return p.isLast && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      border-right: solid 1px transparent !important;\n    "], ["\n      border-right: solid 1px transparent !important;\n    "])));
+});
+export var SortIndicator = styled(Div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin-left: 10px;\n  margin-top: -4px;\n  ", "\n  svg {\n    path {\n      fill: ", ";\n    }\n  }\n"], ["\n  margin-left: 10px;\n  margin-top: -4px;\n  ", "\n  svg {\n    path {\n      fill: ", ";\n    }\n  }\n"])), function (p) {
+    return p.direction === SortDirection.asc && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      margin-top: 3px;\n      transform: rotate(180deg);\n    "], ["\n      margin-top: 3px;\n      transform: rotate(180deg);\n    "])));
+}, function (p) { return p.theme.colors.gray300; });
+export var TableHeadersContainer = styled(Div)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  overflow-x: hidden;\n"], ["\n  overflow-x: hidden;\n"])));
+export var TableHeadersContent = styled(Div)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  /* table scrollbar offset */\n  border-right: solid 10px ", ";\n"], ["\n  /* table scrollbar offset */\n  border-right: solid 10px ", ";\n"])), function (p) { return p.theme.colors.gray50; });
+export var TableHeaders = function (_a) {
+    var _b = _a.scrollLeft, scrollLeft = _b === void 0 ? 0 : _b, columns = _a.columns, sortBy = _a.sortBy, setSortBy = _a.setSortBy, rowHeight = _a.rowHeight, _c = _a.rowWidth, rowWidth = _c === void 0 ? 1 : _c, props = __rest(_a, ["scrollLeft", "columns", "sortBy", "setSortBy", "rowHeight", "rowWidth"]);
+    var containerRef = useRef(null);
+    if (containerRef.current)
+        containerRef.current.scrollLeft = scrollLeft;
+    return (_jsx(TableHeadersContainer, __assign({ ref: containerRef }, props, { children: _jsx(TableHeadersContent, __assign({ dflex: true, w: "".concat(100 * rowWidth, "%") }, { children: columns.map(function (column, index) {
+                var header = column.header, Header = column.Header;
+                var onHeaderClick = function () {
+                    if (!setSortBy || column.disableSort)
+                        return;
+                    var field = column.dataAccessor;
+                    if ((sortBy === null || sortBy === void 0 ? void 0 : sortBy.field) === field &&
+                        (sortBy === null || sortBy === void 0 ? void 0 : sortBy.direction) === SortDirection.asc) {
+                        setSortBy({
+                            field: field,
+                            direction: SortDirection.desc,
+                        });
+                    }
+                    else {
+                        setSortBy({
+                            field: field,
+                            direction: SortDirection.asc,
+                        });
+                    }
+                };
+                return (_jsxs(TableViewHeader, __assign({ isLast: index === columns.length - 1, w: columnWidthPercentage(column, columns), onClick: onHeaderClick }, { children: [_jsx(_Fragment, { children: Header ? _jsx(Header, {}, void 0) : header }, void 0), (sortBy === null || sortBy === void 0 ? void 0 : sortBy.field) === column.dataAccessor && (_jsx(SortIndicator, __assign({ direction: sortBy === null || sortBy === void 0 ? void 0 : sortBy.direction }, { children: chevronDownIcon }), void 0))] }), index));
+            }) }), void 0) }), void 0));
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=TableHeaders.js.map

package/lib/esm/common/Table/TableView/TableHeaders.js.map

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

package/lib/esm/common/Table/TableView/TableRow.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { TableViewProps } from ".";
+import { DivCSSProps } from "../../../styled/utils";
+export declare const Cell: (props: any) => JSX.Element;
+declare type TableViewRowProps = {
+    isHighlighted: boolean;
+    isLast: boolean;
+};
+export declare const TableViewRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../../styled/utils").CSSProps & TableViewRowProps, never>;
+declare type Props = Pick<TableViewProps, "columns" | "onRowClick" | "highlightFirstRow"> & {
+    row: any;
+    indexI: number;
+    isLast?: boolean;
+} & DivCSSProps;
+export declare const TableRow: ({ row, indexI, columns, onRowClick, isLast, highlightFirstRow, ...props }: Props) => JSX.Element;
+export {};

package/lib/esm/common/Table/TableView/TableRow.js

@@ -0,0 +1,58 @@
+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 __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;
+};
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo } from "react";
+import styled, { css } from "styled-components";
+import { Div } from "../../../styled/utils";
+import { columnWidthPercentage, TableViewCellContainer } from "./common";
+export var Cell = function (props) {
+    var row = props.row, children = props.children, cellProps = __rest(props, ["row", "children"]);
+    return useMemo(function () { return (_jsx(TableViewCellContainer, __assign({}, cellProps, { children: children }), void 0)); }, 
+    // using [row] with usememo optimizes table renders but disables react hotreloading
+    // [row, children] enables hotreloading, missing tests for optimizations
+    // should we use [row] instead of [row, children] for table optimization ?
+    [row]);
+};
+export var TableViewRow = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 70px;\n  background-color: white;\n  ", "\n  ", "\n"], ["\n  height: 70px;\n  background-color: white;\n  ", "\n  ", "\n"])), function (p) {
+    return !p.isLast && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      box-shadow: inset 0 -1px 0 ", ";\n    "], ["\n      box-shadow: inset 0 -1px 0 ", ";\n    "])), function (p) { return p.theme.colors.gray200; });
+}, function (p) {
+    return p.isHighlighted && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      background: ", ";\n      box-shadow: inset 0 0 0 3px ", ";\n    "], ["\n      background: ", ";\n      box-shadow: inset 0 0 0 3px ", ";\n    "])), p.theme.colors.blue100, p.theme.colors.blue500);
+});
+export var TableRow = function (_a) {
+    var row = _a.row, indexI = _a.indexI, columns = _a.columns, onRowClick = _a.onRowClick, isLast = _a.isLast, highlightFirstRow = _a.highlightFirstRow, props = __rest(_a, ["row", "indexI", "columns", "onRowClick", "isLast", "highlightFirstRow"]);
+    var isHighlighted = indexI === 0 && highlightFirstRow;
+    return (_jsx(_Fragment, { children: _jsx(TableViewRow, __assign({ dflex: true }, { isHighlighted: isHighlighted, isLast: isLast }, props, { children: columns.map(function (column, indexJ) {
+                var Content = column.Content;
+                return (_jsx(Cell, __assign({ row: row, onClick: onRowClick && !column.preventRowClick
+                        ? function () {
+                            onRowClick(row);
+                        }
+                        : null, w: columnWidthPercentage(column, columns) }, { children: _jsx(_Fragment, { children: Content ? (_jsx(Content, __assign({}, row, { rowIndex: indexI }), void 0)) : (_jsx(Div, __assign({ truncateText: true }, { children: row[column.dataAccessor] || "-" }), void 0)) }, void 0) }), indexJ));
+            }) }), void 0) }, void 0));
+};
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=TableRow.js.map

package/lib/esm/common/Table/TableView/TableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../../../src/common/Table/TableView/TableRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,GAAG,EAAe,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAEzE,MAAM,CAAC,IAAM,IAAI,GAAG,UAAC,KAAU;IACrB,IAAA,GAAG,GAA6B,KAAK,IAAlC,EAAE,QAAQ,GAAmB,KAAK,SAAxB,EAAK,SAAS,UAAK,KAAK,EAAvC,mBAA+B,CAAF,CAAW;IAC9C,OAAO,OAAO,CACZ,cAAM,OAAA,CACJ,KAAC,sBAAsB,eAAK,SAAS,cAAG,QAAQ,YAA0B,CAC3E,EAFK,CAEL;IACD,mFAAmF;IACnF,wEAAwE;IACxE,0EAA0E;IAC1E,CAAC,GAAG,CAAC,CACN,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,oIAAmB,mDAGtD,EAIC,MACD,EAKC,IACJ,KAXG,UAAC,CAAC;IACF,OAAA,CAAC,CAAC,CAAC,MAAM,IACT,GAAG,mHAAA,qCAC4B,EAA6B,SAC3D,KAD8B,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAtB,CAAsB,CAC3D;AAHD,CAGC,EACD,UAAC,CAAC;IACF,OAAA,CAAC,CAAC,aAAa,IACf,GAAG,6IAAA,sBACa,EAAsB,uCACN,EAAsB,SACrD,KAFe,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EACN,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CACrD;AAJD,CAIC,CACJ,CAAC;AAUF,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAQjB;IAPN,IAAA,GAAG,SAAA,EACH,MAAM,YAAA,EACN,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,iBAAiB,uBAAA,EACd,KAAK,cAPe,yEAQxB,CADS;IAER,IAAM,aAAa,GAAG,MAAM,KAAK,CAAC,IAAI,iBAAiB,CAAC;IACxD,OAAO,CACL,4BACE,KAAC,YAAY,aAAC,KAAK,UAAK,EAAE,aAAa,eAAA,EAAE,MAAM,QAAA,EAAE,EAAM,KAAK,cACzD,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,MAAM;gBAClB,IAAA,OAAO,GAAK,MAAM,QAAX,CAAY;gBAC3B,OAAO,CACL,KAAC,IAAI,aACH,GAAG,EAAE,GAAG,EAER,OAAO,EACL,UAAU,IAAI,CAAC,MAAM,CAAC,eAAe;wBACnC,CAAC,CAAC;4BACE,UAAU,CAAC,GAAG,CAAC,CAAC;wBAClB,CAAC;wBACH,CAAC,CAAC,IAAI,EAEV,CAAC,EAAE,qBAAqB,CAAC,MAAM,EAAE,OAAO,CAAC,gBAEzC,4BACG,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,OAAO,eAAK,GAAG,IAAE,QAAQ,EAAE,MAAM,YAAI,CACvC,CAAC,CAAC,CAAC,CACF,KAAC,GAAG,aAAC,YAAY,sBAAE,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,GAAG,YAAO,CAC1D,WACA,KAhBE,MAAM,CAiBN,CACR,CAAC;YACJ,CAAC,CAAC,YACW,WACd,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/lib/esm/common/Table/TableView/common.d.ts

@@ -0,0 +1,3 @@
+import { TableViewColumn } from ".";
+export declare const columnWidthPercentage: (column: TableViewColumn, columns: TableViewColumn[]) => string;
+export declare const TableViewCellContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../../styled/utils").CSSProps, never>;

package/lib/esm/common/Table/TableView/common.js

@@ -0,0 +1,19 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from "styled-components";
+import { Div } from "../../../styled/utils";
+export var columnWidthPercentage = function (column, columns) {
+    var totalColumnWidthCount = columns.reduce(function (sum, c) {
+        return sum + (c.width ? c.width : 1);
+    }, 0);
+    return totalColumnWidthCount
+        ? "".concat((column.width || 1 / totalColumnWidthCount) * 100, "%")
+        : "0%";
+};
+export var TableViewCellContainer = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  padding-left: 16px;\n  align-items: center;\n  ", "\n  ", ";\n  color: ", ";\n"], ["\n  display: flex;\n  padding-left: 16px;\n  align-items: center;\n  ", "\n  ", ";\n  color: ", ";\n"])), function (p) {
+    return p.onClick && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      :hover {\n        cursor: pointer;\n      }\n    "], ["\n      :hover {\n        cursor: pointer;\n      }\n    "])));
+}, function (p) { return p.theme.css.body2; }, function (p) { return p.theme.colors.textPrim; });
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=common.js.map

package/lib/esm/common/Table/TableView/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../../src/common/Table/TableView/common.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAE5C,MAAM,CAAC,IAAM,qBAAqB,GAAG,UACnC,MAAuB,EACvB,OAA0B;IAE1B,IAAM,qBAAqB,GAAG,OAAO,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,CAAC;QAClD,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,CAAC,CAAC;IAEN,OAAO,qBAAqB;QAC1B,CAAC,CAAC,UAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,GAAG,qBAAqB,CAAC,GAAG,GAAG,MAAG;QACzD,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAC,yKAAA,uEAI7C,EAMC,MACD,EAAwB,cACjB,EAA8B,KACxC,KATG,UAAC,CAAC;IACF,OAAA,CAAC,CAAC,OAAO,IACT,GAAG,8HAAA,2DAIF,IAAA;AALD,CAKC,EACD,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,EAAjB,CAAiB,EACjB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAvB,CAAuB,CACxC,CAAC"}

package/lib/esm/common/Table/TableView/index.d.ts

@@ -0,0 +1,40 @@
+import React from "react";
+import { DivCSSProps } from "../../../styled/utils";
+import { SortBy } from "../TableDataProvider";
+export * from "./common";
+export * from "./TableHeaders";
+export * from "./TableRow";
+export { TableView };
+declare type TableViewWrapperProps = {
+    isLoading: boolean;
+};
+export declare const TableViewWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../../styled/utils").CSSProps & TableViewWrapperProps, never>;
+export declare type TableViewColumn = {
+    header?: string;
+    Header?: (p: any) => JSX.Element;
+    Content?: (p: any) => JSX.Element;
+    dataAccessor?: string;
+    preventRowClick?: boolean;
+    disableSort?: boolean;
+    width?: number;
+};
+declare type TableSection = {
+    rowStartIndex?: number;
+    rowStopIndex?: number;
+    data?: any[];
+};
+export declare type TableViewProps = {
+    data: any[];
+    columns: TableViewColumn[];
+    sortBy?: SortBy;
+    setSortBy?: React.Dispatch<React.SetStateAction<SortBy>>;
+    isLoading?: boolean;
+    pageSize?: number;
+    highlightFirstRow?: boolean;
+    rowWidth?: number;
+    rowHeight?: number;
+    onSectionRendered?: (section: TableSection) => void;
+    onTableScroll?: (scrollTop: number) => void;
+    onRowClick?: (row: any) => void;
+} & DivCSSProps;
+declare const TableView: ({ data, columns, pageSize, onRowClick, sortBy, isLoading, highlightFirstRow, setSortBy, rowWidth, onSectionRendered, rowHeight, h, onTableScroll, ...props }: TableViewProps) => JSX.Element;

package/lib/esm/common/Table/TableView/index.js

@@ -0,0 +1,92 @@
+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 __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;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { AutoSizer, Grid } from "react-virtualized";
+import styled, { css } from "styled-components";
+import { Div } from "../../../styled/utils";
+import { Spinner } from "../../Spinner";
+import { TableHeaders } from "./TableHeaders";
+import { TableRow } from "./TableRow";
+export * from "./common";
+export * from "./TableHeaders";
+export * from "./TableRow";
+export { TableView };
+export var TableViewWrapper = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  border-radius: 8px;\n  border: solid 1px ", ";\n  overflow: hidden;\n\n  // prevents clipped dropdowns\n  .ReactVirtualized__Grid__innerScrollContainer {\n    overflow: visible !important;\n  }\n  .ReactVirtualized__Table__row {\n    overflow: visible !important;\n  }\n"], ["\n  ", "\n  border-radius: 8px;\n  border: solid 1px ", ";\n  overflow: hidden;\n\n  // prevents clipped dropdowns\n  .ReactVirtualized__Grid__innerScrollContainer {\n    overflow: visible !important;\n  }\n  .ReactVirtualized__Table__row {\n    overflow: visible !important;\n  }\n"])), function (p) {
+    return p.isLoading && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      opacity: 0.5;\n    "], ["\n      opacity: 0.5;\n    "])));
+}, function (p) { return p.theme.colors.gray200; });
+var SpinnerWrapper = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  pointer-events: none;\n  z-index: 100;\n"], ["\n  pointer-events: none;\n  z-index: 100;\n"])));
+var tableHeaderId = "tableHeaderId";
+var TableView = function (_a) {
+    var _b;
+    var data = _a.data, columns = _a.columns, pageSize = _a.pageSize, _c = _a.onRowClick, onRowClick = _c === void 0 ? null : _c, _d = _a.sortBy, sortBy = _d === void 0 ? { field: null, direction: null } : _d, _e = _a.isLoading, isLoading = _e === void 0 ? false : _e, _f = _a.highlightFirstRow, highlightFirstRow = _f === void 0 ? false : _f, _g = _a.setSortBy, setSortBy = _g === void 0 ? null : _g, _h = _a.rowWidth, rowWidth = _h === void 0 ? 1 : _h, onSectionRendered = _a.onSectionRendered, _j = _a.rowHeight, rowHeight = _j === void 0 ? 70 : _j, _k = _a.h, h = _k === void 0 ? 500 : _k, _l = _a.onTableScroll, onTableScroll = _l === void 0 ? null : _l, props = __rest(_a, ["data", "columns", "pageSize", "onRowClick", "sortBy", "isLoading", "highlightFirstRow", "setSortBy", "rowWidth", "onSectionRendered", "rowHeight", "h", "onTableScroll"]);
+    var _m = useState(0), scrollLeft = _m[0], setScrollLeft = _m[1];
+    var tableHeadersHeight = ((_b = document.getElementById(tableHeaderId)) === null || _b === void 0 ? void 0 : _b.clientHeight) || 0;
+    var tableHeadersUI = (_jsx(_Fragment, { children: data.length > 0 && (_jsx(TableHeaders, __assign({ id: tableHeaderId }, { rowHeight: rowHeight, rowWidth: rowWidth, scrollLeft: scrollLeft, columns: columns, sortBy: sortBy, setSortBy: setSortBy }), void 0)) }, void 0));
+    var onScroll = function (_a) {
+        var scrollTop = _a.scrollTop, _scrollLeft = _a.scrollLeft;
+        setScrollLeft(_scrollLeft);
+        if (onTableScroll)
+            onTableScroll(scrollTop);
+    };
+    var _onSectionRendered = function (_a) {
+        var rowStartIndex = _a.rowStartIndex, rowStopIndex = _a.rowStopIndex;
+        if (onSectionRendered)
+            onSectionRendered({
+                rowStartIndex: rowStartIndex,
+                rowStopIndex: rowStopIndex,
+                data: data.slice(rowStartIndex, rowStopIndex + 1),
+            });
+    };
+    var rowRenderer = function (_a) {
+        var rowIndex = _a.rowIndex, key = _a.key, style = _a.style;
+        return (_jsx(Div, __assign({ style: style }, { children: _jsx(TableRow, __assign({}, {
+                columns: columns,
+                onRowClick: onRowClick,
+                highlightFirstRow: highlightFirstRow,
+            }, { row: data[rowIndex], indexI: rowIndex, isLast: rowIndex === data.length - 1, pRelative: true }), void 0) }), key));
+    };
+    var loadingUI = (_jsx(_Fragment, { children: isLoading && (_jsx(SpinnerWrapper, __assign({ pRelative: true }, { children: _jsx(Div, __assign({ w100: true, h100: true, centered: true, h: 400, pAbsolute: true }, { children: _jsx(Spinner, {}, void 0) }), void 0) }), void 0)) }, void 0));
+    var tableHeight = pageSize
+        ? pageSize * rowHeight + tableHeadersHeight + 3
+        : h;
+    return (_jsxs(TableViewWrapper, __assign({}, { isLoading: isLoading }, { h: tableHeight }, props, { children: [tableHeadersUI, loadingUI, _jsx(AutoSizer, { children: function (_a) {
+                    var width = _a.width, height = _a.height;
+                    /* using style={{ willChange: "unset" }} is important for having items
+                      like backdrops with position fixed inside of the table working as
+                      expected. Required for dropdowns in cells */
+                    var gridStyles = {
+                        outline: "none",
+                        willChange: "unset",
+                    };
+                    if (rowWidth === 1)
+                        gridStyles = __assign(__assign({}, gridStyles), { overflowX: "hidden", overflowY: "visible" });
+                    return (_jsx(Grid, { scrollLeft: scrollLeft, style: gridStyles, width: width, columnCount: 1, onSectionRendered: _onSectionRendered, onScroll: onScroll, columnWidth: Math.floor(width * rowWidth), height: height - tableHeadersHeight, rowHeight: rowHeight, cellRenderer: rowRenderer, rowCount: data.length }, void 0));
+                } }, void 0)] }), void 0));
+};
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=index.js.map

package/lib/esm/common/Table/TableView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/common/Table/TableView/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,GAAG,EAAe,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,CAAC;AAKrB,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,+VAAuB,MAC9D,EAIC,+CAEiB,EAA6B,mOAUlD,KAhBG,UAAC,CAAM;IACP,OAAA,CAAC,CAAC,SAAS,IACX,GAAG,gGAAA,6BAEF,IAAA;AAHD,CAGC,EAEiB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAtB,CAAsB,CAUlD,CAAC;AAEF,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,iHAAA,8CAGjC,IAAA,CAAC;AAEF,IAAM,aAAa,GAAG,eAAe,CAAC;AA8BtC,IAAM,SAAS,GAAG,UAAC,EAeF;;IAdf,IAAA,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA,EACjB,cAAyC,EAAzC,MAAM,mBAAG,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,KAAA,EACzC,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,yBAAyB,EAAzB,iBAAiB,mBAAG,KAAK,KAAA,EACzB,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,gBAAY,EAAZ,QAAQ,mBAAG,CAAC,KAAA,EACZ,iBAAiB,uBAAA,EACjB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,SAAO,EAAP,CAAC,mBAAG,GAAG,KAAA,EACP,qBAAoB,EAApB,aAAa,mBAAG,IAAI,KAAA,EACjB,KAAK,cAdS,0KAelB,CADS;IAEF,IAAA,KAA8B,QAAQ,CAAC,CAAC,CAAC,EAAxC,UAAU,QAAA,EAAE,aAAa,QAAe,CAAC;IAEhD,IAAM,kBAAkB,GACtB,CAAA,MAAA,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,0CAAE,YAAY,KAAI,CAAC,CAAC;IAE5D,IAAM,cAAc,GAAG,CACrB,4BACG,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAClB,KAAC,YAAY,aACX,EAAE,EAAE,aAAa,IACb,EAAE,SAAS,WAAA,EAAE,QAAQ,UAAA,EAAE,UAAU,YAAA,EAAE,OAAO,SAAA,EAAE,MAAM,QAAA,EAAE,SAAS,WAAA,EAAE,UACnE,CACH,WACA,CACJ,CAAC;IAEF,IAAM,QAAQ,GAAG,UAAC,EAAsC;YAApC,SAAS,eAAA,EAAc,WAAW,gBAAA;QACpD,aAAa,CAAC,WAAW,CAAC,CAAC;QAC3B,IAAI,aAAa;YAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG,UAAC,EAA+B;YAA7B,aAAa,mBAAA,EAAE,YAAY,kBAAA;QACvD,IAAI,iBAAiB;YACnB,iBAAiB,CAAC;gBAChB,aAAa,eAAA;gBACb,YAAY,cAAA;gBACZ,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,YAAY,GAAG,CAAC,CAAC;aAClD,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,EAAwB;YAAtB,QAAQ,cAAA,EAAE,GAAG,SAAA,EAAE,KAAK,WAAA;QAAO,OAAA,CAChD,KAAC,GAAG,aAAC,KAAK,EAAE,KAAK,gBACf,KAAC,QAAQ,eACH;gBACF,OAAO,SAAA;gBACP,UAAU,YAAA;gBACV,iBAAiB,mBAAA;aAClB,IACD,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,EACnB,MAAM,EAAE,QAAQ,EAChB,MAAM,EAAE,QAAQ,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,EACpC,SAAS,kBACT,KAXoB,GAAG,CAYrB,CACP;IAdiD,CAcjD,CAAC;IAEF,IAAM,SAAS,GAAG,CAChB,4BACG,SAAS,IAAI,CACZ,KAAC,cAAc,aAAC,SAAS,sBACvB,KAAC,GAAG,aAAC,IAAI,QAAC,IAAI,QAAC,QAAQ,QAAC,CAAC,EAAE,GAAG,EAAE,SAAS,sBACvC,KAAC,OAAO,aAAG,YACP,YACS,CAClB,WACA,CACJ,CAAC;IAEF,IAAM,WAAW,GAAG,QAAQ;QAC1B,CAAC,CAAC,QAAQ,GAAG,SAAS,GAAG,kBAAkB,GAAG,CAAC;QAC/C,CAAC,CAAC,CAAC,CAAC;IACN,OAAO,CACL,MAAC,gBAAgB,eAAK,EAAE,SAAS,WAAA,EAAE,IAAE,CAAC,EAAE,WAAW,IAAM,KAAK,eAC3D,cAAc,EACd,SAAS,EACV,KAAC,SAAS,cACP,UAAC,EAAiB;wBAAf,KAAK,WAAA,EAAE,MAAM,YAAA;oBACf;;kEAE8C;oBAC9C,IAAI,UAAU,GAAwB;wBACpC,OAAO,EAAE,MAAM;wBACf,UAAU,EAAE,OAAO;qBACpB,CAAC;oBACF,IAAI,QAAQ,KAAK,CAAC;wBAChB,UAAU,yBACL,UAAU,KACb,SAAS,EAAE,QAAQ,EACnB,SAAS,EAAE,SAAS,GACrB,CAAC;oBAEJ,OAAO,CACL,KAAC,IAAI,IACH,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,CAAC,EACd,iBAAiB,EAAE,kBAAkB,EACrC,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAC,EACzC,MAAM,EAAE,MAAM,GAAG,kBAAkB,EACnC,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,MAAM,WACrB,CACH,CAAC;gBACJ,CAAC,WACS,aACK,CACpB,CAAC;AACJ,CAAC,CAAC"}

package/lib/esm/common/Table/icons.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const chevronDown: JSX.Element;
+export declare const chevronRight: JSX.Element;

package/lib/esm/common/Table/icons.js

@@ -0,0 +1,15 @@
+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);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+export var chevronDown = (_jsx("svg", __assign({ width: "9", height: "5", viewBox: "0 0 9 5", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M4.31848 4.93945L0.421366 0.439453L8.2156 0.439454L4.31848 4.93945Z", fill: "#102622" }, void 0) }), void 0));
+export var chevronRight = (_jsx("svg", __assign({ width: "6", height: "8", viewBox: "0 0 6 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M5.31848 4.06738L0.818482 7.9645L0.818482 0.170269L5.31848 4.06738Z", fill: "#102622" }, void 0) }), void 0));
+//# sourceMappingURL=icons.js.map

package/lib/esm/common/Table/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../src/common/Table/icons.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,MAAM,CAAC,IAAM,WAAW,GAAG,CACzB,uBACE,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,gBAElC,eACE,CAAC,EAAC,qEAAqE,EACvE,IAAI,EAAC,SAAS,WACd,YACE,CACP,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,CAC1B,uBACE,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,gBAElC,eACE,CAAC,EAAC,qEAAqE,EACvE,IAAI,EAAC,SAAS,WACd,YACE,CACP,CAAC"}

package/lib/esm/common/Table/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { DivCSSProps } from "../../styled/utils";
+declare type Props = {
+    blankState?: JSX.Element | null;
+    columns: any[];
+    onRowClick?: (row: any) => void;
+} & DivCSSProps;
+declare const Table: ({ columns, onRowClick, blankState, ...props }: Props) => JSX.Element;
+export { Table };
+export * from "./TableDataProvider";

package/lib/esm/common/Table/index.js

@@ -0,0 +1,46 @@
+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 __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;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import styled, { css } from "styled-components";
+import { Div } from "../../styled/utils";
+import { Pagination } from "./Pagination";
+import { useTableContext } from "./TableDataProvider";
+import { TableView as TableViewBase } from "./TableView";
+var TableView = styled(TableViewBase)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (p) {
+    return p.withPagination && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      border-radius: 0px;\n      border-top-left-radius: 8px;\n      border-top-right-radius: 8px;\n    "], ["\n      border-radius: 0px;\n      border-top-left-radius: 8px;\n      border-top-right-radius: 8px;\n    "])));
+});
+var Table = function (_a) {
+    var columns = _a.columns, _b = _a.onRowClick, onRowClick = _b === void 0 ? null : _b, _c = _a.blankState, blankState = _c === void 0 ? null : _c, props = __rest(_a, ["columns", "onRowClick", "blankState"]);
+    var _d = useTableContext(), data = _d.data, isLoading = _d.isLoading, sortBy = _d.sortBy, setSortBy = _d.setSortBy, totalPages = _d.totalPages;
+    var withPagination = data.length > 0 && totalPages > 1;
+    var paginationUI = (_jsx(_Fragment, { children: withPagination && (_jsx(Div, __assign({ dflex: true, justifyCenter: true, pb: 50 }, { children: _jsx(Pagination, {}, void 0) }), void 0)) }, void 0));
+    return (_jsxs(Div, __assign({}, props, { children: [data.length ? (_jsx(TableView, __assign({ pageSize: data.length, withPagination: withPagination }, { isLoading: isLoading, data: data, columns: columns, sortBy: sortBy, setSortBy: setSortBy, onRowClick: onRowClick }), void 0)) : (blankState), paginationUI] }), void 0));
+};
+export { Table };
+export * from "./TableDataProvider";
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=index.js.map

package/lib/esm/common/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/common/Table/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAe,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,aAAa,CAAC;AAKzD,IAAM,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,+EAAgB,MACnD,EAMC,IACJ,KAPG,UAAC,CAAC;IACF,OAAA,CAAC,CAAC,cAAc,IAChB,GAAG,+KAAA,4GAIF,IAAA;AALD,CAKC,CACJ,CAAC;AAQF,IAAM,KAAK,GAAG,UAAC,EAKP;IAJN,IAAA,OAAO,aAAA,EACP,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA,EACjB,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA,EACd,KAAK,cAJK,uCAKd,CADS;IAEF,IAAA,KAAqD,eAAe,EAAE,EAApE,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,UAAU,gBAAsB,CAAC;IAC7E,IAAM,cAAc,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,UAAU,GAAG,CAAC,CAAC;IAEzD,IAAM,YAAY,GAAG,CACnB,4BACG,cAAc,IAAI,CACjB,KAAC,GAAG,aAAC,KAAK,QAAC,aAAa,QAAC,EAAE,EAAE,EAAE,gBAC7B,KAAC,UAAU,aAAG,YACV,CACP,WACA,CACJ,CAAC;IAEF,OAAO,CACL,MAAC,GAAG,eAAK,KAAK,eACX,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACb,KAAC,SAAS,aACR,QAAQ,EAAE,IAAI,CAAC,MAAM,EACrB,cAAc,EAAE,cAAc,IAC1B,EAAE,SAAS,WAAA,EAAE,IAAI,MAAA,EAAE,OAAO,SAAA,EAAE,MAAM,QAAA,EAAE,SAAS,WAAA,EAAE,UAAU,YAAA,EAAE,UAC/D,CACH,CAAC,CAAC,CAAC,CACF,UAAU,CACX,EACA,YAAY,aACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,cAAc,qBAAqB,CAAC"}

package/lib/esm/common/TooltipProvider.d.ts

@@ -0,0 +1,13 @@
+import { Placement } from "@popperjs/core";
+import React from "react";
+import { DivCSSProps } from "../styled/utils";
+declare type TooltipContentProps = {
+    isActionable?: boolean;
+};
+export declare const TooltipContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../styled/utils").CSSProps & TooltipContentProps, never>;
+declare type TooltipProps = {
+    tooltip: JSX.Element | string;
+    placement?: Placement;
+} & DivCSSProps;
+export declare const TooltipProvider: React.FC<TooltipProps>;
+export {};