@imposium-hub/components 1.43.4 → 1.44.0

package/dist/cjs/components/data-table/DataTable.js

@@ -0,0 +1,238 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (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 __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var Paginator_1 = __importDefault(require("./Paginator"));
+var Spinner_1 = __importDefault(require("../spinner/Spinner"));
+var icons_1 = require("../../constants/icons");
+var react_table_1 = require("react-table");
+var DataTableDnDWrapper_1 = __importDefault(require("../assets/DataTableDnDWrapper"));
+var DataTableLoader = function (p) { return ((React.createElement("div", { className: 'ip-table-loader' },
+    React.createElement(Spinner_1.default, null)))); };
+var NoDataComponent = function (p) {
+    return (React.createElement("div", { className: 'ip-table-empty' },
+        React.createElement("span", { className: 'empty-message' },
+            icons_1.ICON_EXCLAIMATION_TRIANGLE,
+            " ",
+            p.copy || 'No Data Found')));
+};
+var preventKeyScroll = function (e) {
+    if ([32, 37, 38, 39, 40].indexOf(e.keyCode) > -1) {
+        e.preventDefault();
+    }
+};
+var processColumnData = function (freshColumns) {
+    var colKeys;
+    if (Array.isArray(freshColumns)) {
+        return freshColumns;
+    }
+    if (!Array.isArray(freshColumns) && typeof freshColumns === 'object') {
+        colKeys = Object.keys(freshColumns);
+        if (colKeys.length > 0) {
+            return colKeys.map(function (key) { return (__assign(__assign({}, freshColumns[key]), { accessor: key })); });
+        }
+    }
+    return [];
+};
+var doubleClickTimeout;
+var DataTable = function (props) {
+    var wrapperRef = React.useRef(null);
+    var activeRowRef = React.useRef(null);
+    var _a = __read(React.useState(false), 2), didMount = _a[0], setDidMount = _a[1];
+    var _b = __read(React.useState([]), 2), data = _b[0], setData = _b[1];
+    var _c = __read(React.useState([]), 2), columns = _c[0], setColumns = _c[1];
+    var hiddenColumns = (Array.isArray(props.hiddenColumns)) ? props.hiddenColumns : [];
+    var manualPagination = (Number.isInteger(props.currentPage) && typeof props.onPage === 'function');
+    var manualSortBy = (typeof props.onSort === 'function' && typeof props.sortBy !== 'undefined');
+    var canPivot = (typeof props.renderPivotComponent === 'function');
+    var renderPivotComponent = (canPivot) ? props.renderPivotComponent : function () { return null; };
+    var doubleClickEnabled = (typeof props.onRowDoubleClick === 'function');
+    var initialTableState = {
+        hiddenColumns: hiddenColumns,
+        sortBy: (manualSortBy) ? props.sortBy : [],
+        pageIndex: (manualPagination) ? props.currentPage - 1 : undefined,
+        pageSize: props.itemsPerPage,
+        autoResetExpanded: false,
+    };
+    var _d = (0, react_table_1.useTable)({
+        columns: columns,
+        data: data,
+        manualSortBy: manualSortBy,
+        manualPagination: manualPagination,
+        initialState: initialTableState,
+        manualFilters: true,
+        disableMultiSorting: true,
+        autoResetExpanded: false,
+        disableSortRemove: manualSortBy,
+        pageCount: props.totalPages,
+        pageSize: props.itemsPerPage,
+    }, react_table_1.useFlexLayout, react_table_1.useFilters, react_table_1.useSortBy, react_table_1.useExpanded, react_table_1.usePagination, react_table_1.useResizeColumns), getTableProps = _d.getTableProps, getTableBodyProps = _d.getTableBodyProps, headerGroups = _d.headerGroups, page = _d.page, rows = _d.rows, prepareRow = _d.prepareRow, canPreviousPage = _d.canPreviousPage, canNextPage = _d.canNextPage, pageOptions = _d.pageOptions, pageCount = _d.pageCount, gotoPage = _d.gotoPage, nextPage = _d.nextPage, previousPage = _d.previousPage, setPageSize = _d.setPageSize, setHiddenColumns = _d.setHiddenColumns, visibleColumns = _d.visibleColumns, totalColumnsWidth = _d.totalColumnsWidth, toggleAllRowsExpanded = _d.toggleAllRowsExpanded, _e = _d.state, pageIndex = _e.pageIndex, pageSize = _e.pageSize, sortBy = _e.sortBy;
+    var rowData = (manualPagination) ? rows : page;
+    var hidePaginatorClass = (props.hidePaginator) ? 'hide-paginator' : '';
+    var horizontalScrollClass = (wrapperRef.current && totalColumnsWidth > wrapperRef.current.clientWidth)
+        ? 'horizontal-scroll'
+        : '';
+    var rowClass = (props.tightRows) ? 'tight-rows' : '';
+    // Set component mounted state
+    React.useEffect(function () { return setDidMount(true); }, []);
+    // Execute when reference to column configs changes
+    React.useEffect(function () {
+        setColumns(processColumnData(props.columns));
+    }, [props.columns]);
+    // Execute if hidden column ids change
+    React.useEffect(function () {
+        if (didMount && Array.isArray(props.hiddenColumns)) {
+            setHiddenColumns(props.hiddenColumns);
+        }
+    }, [props.hiddenColumns]);
+    // Execute when reference to 'data', i.e the array of objects being passed in changes
+    React.useEffect(function () {
+        if (Array.isArray(props.data)) {
+            setData(props.data);
+        }
+    }, [props.data]);
+    // Execute when page or itemsPerPage changes
+    React.useEffect(function () {
+        if (didMount && manualPagination) {
+            toggleAllRowsExpanded(false);
+        }
+    }, [props.currentPage]);
+    // Execute when sort order or sort key changes
+    React.useEffect(function () {
+        if (didMount && manualSortBy) {
+            props.onSort(sortBy);
+        }
+    }, [sortBy]);
+    return (React.createElement("section", { ref: wrapperRef, className: 'ip-table-wrapper', tabIndex: (props.disableKeyScroll) ? 0 : undefined, onKeyDown: (props.disableKeyScroll) ? preventKeyScroll : null },
+        (props.showInterstitial) && React.createElement(DataTableLoader, null),
+        (didMount && !props.showInterstitial && data.length === 0) && (React.createElement(NoDataComponent, { copy: props.noDataText })),
+        React.createElement("table", __assign({}, getTableProps(), { className: "ip-table ".concat(horizontalScrollClass, " ").concat(hidePaginatorClass, " ").concat(rowClass) }),
+            React.createElement("thead", { className: 'ip-table-head' }, headerGroups.map(function (headerGroup) {
+                return (React.createElement(React.Fragment, { key: 'head-fragment' },
+                    React.createElement("tr", __assign({}, headerGroup.getHeaderGroupProps(), { className: 'ip-table-head-row' }), headerGroup.headers.map(function (column) {
+                        var searchable = (column.hasOwnProperty('Search'));
+                        var toggleProps = column.getSortByToggleProps();
+                        var sortSpan = (React.createElement("span", { className: 'sort-status' }, (column.isSorted)
+                            ? column.isSortedDesc ? icons_1.ICON_CHEVRON_DOWN : icons_1.ICON_CHEVRON_UP
+                            : null));
+                        return (React.createElement("th", __assign({}, column.getHeaderProps(), { className: "ip-table-header ".concat(column.canSort ? 'ip-sortable' : '') }),
+                            (!searchable) && (React.createElement("div", __assign({}, toggleProps, { className: 'filterable-cell-wrapper' }),
+                                column.render('Header'),
+                                sortSpan)),
+                            (searchable) && (React.createElement("div", { className: 'filterable-cell-wrapper' },
+                                React.createElement("span", __assign({}, toggleProps, { className: 'searchable-sort-area' }),
+                                    column.render('Header'),
+                                    sortSpan),
+                                column.hasOwnProperty('Search') && column.render('Search'))),
+                            column.canResize && (React.createElement("div", __assign({}, column.getResizerProps(), { className: "ip-table-resizer ".concat(column.isResizing ? 'resizing' : '') })))));
+                    })),
+                    (headerGroup.headers.some(function (column) { return (column.hasOwnProperty('Filter')); })) && (React.createElement("tr", __assign({}, headerGroup.getHeaderGroupProps({ key: 'filters-row' })), headerGroup.headers.map(function (column, i) { return (React.createElement("th", __assign({}, column.getHeaderProps({ key: "filter-".concat(i) }), { key: "filter-col-".concat(i), className: 'ip-table-filter' }), column.canFilter && column.Filter ? column.render('Filter') : null)); })))));
+            })),
+            React.createElement("tbody", __assign({}, getTableBodyProps(), { className: 'ip-table-body' }), rowData.map(function (row, i) {
+                var selectedClass = '';
+                var activeRef;
+                if (props.highlightBy &&
+                    row.original.hasOwnProperty(props.highlightBy.key) &&
+                    row.original[props.highlightBy.key] === props.highlightBy.value) {
+                    selectedClass = 'selected';
+                    activeRef = activeRowRef;
+                }
+                prepareRow(row);
+                var rowProps = row.getRowProps();
+                rowProps.className = "ip-table-row ".concat(selectedClass);
+                rowProps.onClick = function (e) {
+                    var onClick = function () {
+                        if (typeof props.onRowClick === 'function') {
+                            props.onRowClick(row);
+                        }
+                    };
+                    if (!doubleClickEnabled) {
+                        onClick();
+                    }
+                    if (e.detail === 1 && doubleClickEnabled) {
+                        doubleClickTimeout = window.setTimeout(onClick, 200);
+                    }
+                };
+                rowProps.onDoubleClick = function (e) {
+                    clearTimeout(doubleClickTimeout);
+                    if (doubleClickEnabled) {
+                        props.onRowDoubleClick(row);
+                    }
+                };
+                var rowContent = row.cells.map(function (cell) { return (React.createElement("td", __assign({}, cell.getCellProps(), { className: "ip-table-col ".concat((cell.column.overflowVisible) ? 'overflow-visible' : '').trim() }), cell.render('Cell'))); });
+                return React.createElement(React.Fragment, { key: "row-".concat(i) },
+                    (props.dnd) && React.createElement(DataTableDnDWrapper_1.default, { rowProps: rowProps, rowRef: activeRef, key: "row-".concat(i), row: row, dndType: props.dndType, dndName: props.dndName }, rowContent),
+                    (!props.dnd) && React.createElement("tr", __assign({ key: "row-".concat(i), ref: activeRef }, rowProps), rowContent),
+                    (row.isExpanded) &&
+                        (React.createElement("tr", __assign({}, row.getRowProps({ key: 'pivot-row' }), { className: 'ip-pivot-row' }),
+                            React.createElement("td", { className: "ip-pivot-col ".concat(selectedClass), colSpan: visibleColumns.length }, renderPivotComponent(row)))));
+            }))),
+        (!props.hidePaginator) && (React.createElement(Paginator_1.default, __assign({}, {
+            totalItems: props.totalItems,
+            pageIndex: (props.currentPage) ? props.currentPage : pageIndex,
+            manualPagination: manualPagination,
+            pageSize: pageSize,
+            pageCount: pageCount,
+            pageOptions: pageOptions,
+            canNextPage: (manualPagination) ? props.currentPage + 1 <= props.totalPages : canNextPage,
+            canPreviousPage: (manualPagination) ? props.currentPage - 1 >= 1 : canPreviousPage,
+            gotoPage: (manualPagination) ? props.onPage : gotoPage,
+            setPageSize: setPageSize,
+            nextPage: (manualPagination) ? function () { return props.onPage(props.currentPage + 1, pageSize); } : nextPage,
+            previousPage: (manualPagination) ? function () { return props.onPage(props.currentPage - 1, pageSize); } : previousPage,
+        })))));
+};
+exports.default = DataTable;
+//# sourceMappingURL=DataTable.js.map

package/dist/cjs/components/data-table/DataTable.js.map

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

package/dist/cjs/components/data-table/DataTablePaginator.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+interface IDataTablePaginatorProps {
+    page: number;
+    totalPages: number;
+    totalItems: number;
+    onPage: (page: number) => any;
+}
+export default class DataTablePaginator extends React.PureComponent<IDataTablePaginatorProps> {
+    private static readonly DEFAULT_TOTAL;
+    private static readonly DEFAULT_STEP;
+    constructor(p: IDataTablePaginatorProps);
+    render: () => JSX.Element;
+}
+export {};

package/dist/cjs/components/data-table/DataTablePaginator.js

@@ -0,0 +1,85 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var Button_1 = __importDefault(require("../button/Button"));
+var SelectField_1 = __importDefault(require("../select-field/SelectField"));
+var icons_1 = require("../../constants/icons");
+var DataTablePaginator = /** @class */ (function (_super) {
+    __extends(DataTablePaginator, _super);
+    function DataTablePaginator(p) {
+        var _this = _super.call(this, p) || this;
+        _this.render = function () {
+            var _a = _this.props, page = _a.page, totalPages = _a.totalPages, totalItems = _a.totalItems;
+            var listBoundsDefined = (Number.isInteger(totalPages));
+            var hasMultiplePages = (Number.isInteger(totalPages) && totalPages > 1);
+            var pageBackDisabled = (!listBoundsDefined || page - 1 === 0);
+            var pageAheadDisabled = (!listBoundsDefined || page + 1 > totalPages);
+            var cursorMin = Math.max(page - DataTablePaginator.DEFAULT_STEP, 1);
+            var cursorMax = Math.min(page + DataTablePaginator.DEFAULT_STEP, totalPages);
+            var pages = [];
+            for (var i = cursorMin; i <= cursorMax; i++) {
+                pages.push(i);
+            }
+            return (React.createElement("div", { className: 'paginator' },
+                React.createElement("div", { className: 'pagination-controls' },
+                    React.createElement("span", { className: 'paging-button-group' },
+                        React.createElement(Button_1.default, { color: 'secondary', size: 'small', disabled: pageBackDisabled, onClick: function () { return _this.props.onPage(1); } }, icons_1.ICON_ANGLE_DOUBLE_LEFT),
+                        React.createElement(Button_1.default, { color: 'secondary', size: 'small', disabled: pageBackDisabled, onClick: function () { return _this.props.onPage(page - 1); } }, icons_1.ICON_ANGLE_LEFT)),
+                    React.createElement("div", { className: 'jump-to-wrapper' },
+                        React.createElement(SelectField_1.default, { label: 'Page', value: page, disable: !hasMultiplePages, options: pages, onChange: function (p) { return _this.props.onPage(parseInt(p, 10)); } })),
+                    React.createElement("span", { className: 'paging-button-group' },
+                        React.createElement(Button_1.default, { color: 'secondary', size: 'small', disabled: pageAheadDisabled, onClick: function () { return _this.props.onPage(page + 1); } }, icons_1.ICON_ANGLE_RIGHT),
+                        React.createElement(Button_1.default, { color: 'secondary', size: 'small', disabled: pageAheadDisabled, onClick: function () { return _this.props.onPage(totalPages); } }, icons_1.ICON_ANGLE_DOUBLE_RIGHT))),
+                React.createElement("div", { className: 'total-assets' },
+                    "Total: ",
+                    totalItems || DataTablePaginator.DEFAULT_TOTAL)));
+        };
+        return _this;
+    }
+    DataTablePaginator.DEFAULT_TOTAL = 0;
+    DataTablePaginator.DEFAULT_STEP = 25;
+    return DataTablePaginator;
+}(React.PureComponent));
+exports.default = DataTablePaginator;
+//# sourceMappingURL=DataTablePaginator.js.map

package/dist/cjs/components/data-table/DataTablePaginator.js.map

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

package/dist/cjs/components/data-table/Paginator.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const Paginator: React.FC<any>;
+export default Paginator;

package/dist/cjs/components/data-table/Paginator.js

@@ -0,0 +1,72 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var Button_1 = __importDefault(require("../button/Button"));
+var icons_1 = require("../../constants/icons");
+var textInputTimeout;
+var Paginator = function (_a) {
+    var manualPagination = _a.manualPagination, pageCount = _a.pageCount, pageIndex = _a.pageIndex, pageSize = _a.pageSize, pageOptions = _a.pageOptions, totalItems = _a.totalItems, canPreviousPage = _a.canPreviousPage, canNextPage = _a.canNextPage, gotoPage = _a.gotoPage, previousPage = _a.previousPage, nextPage = _a.nextPage, setPageSize = _a.setPageSize;
+    return (React.createElement("section", { className: 'ip-table-pagination' },
+        React.createElement("span", null,
+            React.createElement(Button_1.default, { style: 'subtle', size: 'small', tooltip: 'Go to first page', disabled: !canPreviousPage, onClick: function () { return gotoPage(1, pageSize); } }, icons_1.ICON_ANGLE_DOUBLE_LEFT),
+            React.createElement(Button_1.default, { style: 'subtle', size: 'small', tooltip: 'Go to previous page', disabled: !canPreviousPage, onClick: function () { return previousPage(); } }, icons_1.ICON_ANGLE_LEFT),
+            React.createElement(Button_1.default, { style: 'subtle', size: 'small', tooltip: 'Go to next page', disabled: !canNextPage, onClick: function () { return nextPage(); } }, icons_1.ICON_ANGLE_RIGHT),
+            React.createElement(Button_1.default, { style: 'subtle', size: 'small', tooltip: 'Go to last page', disabled: !canNextPage, onClick: function () { return gotoPage(pageCount, pageSize); } }, icons_1.ICON_ANGLE_DOUBLE_RIGHT),
+            "\u00A0\u00A0",
+            React.createElement("span", null,
+                "Page\u00A0\u00A0",
+                React.createElement("strong", null,
+                    pageIndex,
+                    " of ",
+                    pageCount),
+                "\u00A0\u00A0"),
+            React.createElement("span", null,
+                "Go to page \u00A0\u00A0",
+                React.createElement("input", { className: 'paginator-input', type: 'number', placeholder: pageIndex, onChange: function (e) {
+                        var input = e.target.value;
+                        var inputNum = Number(input);
+                        var next;
+                        clearTimeout(textInputTimeout);
+                        if (!input ||
+                            inputNum < 1 ||
+                            inputNum > pageCount) {
+                            return;
+                        }
+                        if (inputNum >= 1 && inputNum <= pageCount) {
+                            next = inputNum;
+                        }
+                        textInputTimeout = window.setTimeout(function () { return gotoPage(next, pageSize); }, 300);
+                    } })),
+            "\u00A0\u00A0"),
+        React.createElement("span", { className: 'total-assets' },
+            "Total\u00A0\u00A0",
+            React.createElement("strong", null, totalItems || 0))));
+};
+exports.default = Paginator;
+//# sourceMappingURL=Paginator.js.map

package/dist/cjs/components/data-table/Paginator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paginator.js","sourceRoot":"","sources":["../../../../src/components/data-table/Paginator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,4DAAsC;AAEtC,+CAK+B;AAG/B,IAAI,gBAAyB,CAAC;AAE9B,IAAM,SAAS,GAAmB,UAAC,EAalC;QAZG,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,eAAe,qBAAA,EACf,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,WAAW,iBAAA;IACT,OAAA,CACF,iCAAS,SAAS,EAAG,qBAAqB;QACtC;YACI,oBAAC,gBAAM,IACH,KAAK,EAAG,QAAQ,EAChB,IAAI,EAAG,OAAO,EACd,OAAO,EAAG,kBAAkB,EAC5B,QAAQ,EAAI,CAAC,eAAe,EAC5B,OAAO,EAAI,cAAM,OAAA,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,EAArB,CAAqB,IAErC,8BAAsB,CAClB;YAET,oBAAC,gBAAM,IACH,KAAK,EAAG,QAAQ,EAChB,IAAI,EAAG,OAAO,EACd,OAAO,EAAG,qBAAqB,EAC/B,QAAQ,EAAI,CAAC,eAAe,EAC5B,OAAO,EAAI,cAAM,OAAA,YAAY,EAAE,EAAd,CAAc,IAE9B,uBAAe,CACX;YAET,oBAAC,gBAAM,IACH,KAAK,EAAG,QAAQ,EAChB,IAAI,EAAG,OAAO,EACd,OAAO,EAAG,iBAAiB,EAC3B,QAAQ,EAAI,CAAC,WAAW,EACxB,OAAO,EAAI,cAAM,OAAA,QAAQ,EAAE,EAAV,CAAU,IAE1B,wBAAgB,CACZ;YAET,oBAAC,gBAAM,IACH,KAAK,EAAG,QAAQ,EAChB,IAAI,EAAG,OAAO,EACd,OAAO,EAAG,iBAAiB,EAC3B,QAAQ,EAAI,CAAC,WAAW,EACxB,OAAO,EAAI,cAAM,OAAA,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,EAA7B,CAA6B,IAE7C,+BAAuB,CACnB;;YAET;;gBAEI;oBAAS,SAAS;;oBAAM,SAAS,CAAU;+BACxC;YAEP;;gBAEI,+BACI,SAAS,EAAG,iBAAiB,EAC7B,IAAI,EAAG,QAAQ,EACf,WAAW,EAAI,SAAS,EACxB,QAAQ,EAAI,UAAC,CAAC;wBACV,IAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;wBAC7B,IAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;wBAC/B,IAAI,IAAa,CAAC;wBAElB,YAAY,CAAC,gBAAgB,CAAC,CAAC;wBAE/B,IACI,CAAC,KAAK;4BACN,QAAQ,GAAG,CAAC;4BACZ,QAAQ,GAAG,SAAS,EACtB;4BACE,OAAO;yBACV;wBAED,IAAI,QAAQ,IAAI,CAAC,IAAI,QAAQ,IAAI,SAAS,EAAE;4BACxC,IAAI,GAAG,QAAQ,CAAC;yBACnB;wBAED,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,cAAM,OAAA,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAxB,CAAwB,EAAE,GAAG,CAAC,CAAC;oBAC9E,CAAC,GACH,CACC;2BACJ;QAEP,8BAAM,SAAS,EAAG,cAAc;;YAAkB,oCAAS,UAAU,IAAI,CAAC,CAAU,CAAO,CACrF,CACb;AAjFK,CAiFL,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/dist/cjs/components/determinate-loader/DeterminateLoader.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface IDeterminateLoaderProps {
+    progress: number;
+}
+export declare const DeterminateLoader: React.FC<IDeterminateLoaderProps>;

package/dist/cjs/components/determinate-loader/DeterminateLoader.js

@@ -0,0 +1,35 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DeterminateLoader = void 0;
+var React = __importStar(require("react"));
+var DeterminateLoader = function (p) {
+    var transform = (p.progress) ? "scaleX(".concat(p.progress / 100, ")") : 'scaleX(0)';
+    return (React.createElement("div", { className: 'determinate-loader' },
+        React.createElement("div", { className: 'progress-bg', style: { transform: transform } }),
+        React.createElement("div", { className: 'progress-copy' }, "".concat(Math.round(p.progress), "%"))));
+};
+exports.DeterminateLoader = DeterminateLoader;
+//# sourceMappingURL=DeterminateLoader.js.map

package/dist/cjs/components/determinate-loader/DeterminateLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeterminateLoader.js","sourceRoot":"","sources":["../../../../src/components/determinate-loader/DeterminateLoader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAMxB,IAAM,iBAAiB,GAAuC,UAAC,CAA2B;IAC7F,IAAM,SAAS,GAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,iBAAU,CAAC,CAAC,QAAQ,GAAG,GAAG,MAAG,CAAC,CAAC,CAAC,WAAW,CAAC;IAEtF,OAAO,CACH,6BAAK,SAAS,EAAG,oBAAoB;QACjC,6BAAK,SAAS,EAAG,aAAa,EAAC,KAAK,EAAI,EAAC,SAAS,WAAA,EAAC,GAAI;QACvD,6BAAK,SAAS,EAAG,eAAe,IAAE,UAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAG,CAAO,CACnE,CACT,CAAC;AACN,CAAC,CAAC;AATW,QAAA,iBAAiB,qBAS5B"}

package/dist/cjs/components/determinate-loader/DeterminateLoader.stories.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./DeterminateLoader").IDeterminateLoaderProps>;
+};
+export default _default;
+export declare const DeterminateLoader50Percent: () => JSX.Element;
+export declare const DeterminateLoader25Percent: () => JSX.Element;
+export declare const DeterminateLoaderLoading: () => JSX.Element;

package/dist/cjs/components/determinate-loader/DeterminateLoader.stories.js

@@ -0,0 +1,66 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DeterminateLoaderLoading = exports.DeterminateLoader25Percent = exports.DeterminateLoader50Percent = void 0;
+var React = __importStar(require("react"));
+var react_1 = require("react");
+var DeterminateLoader_1 = require("./DeterminateLoader");
+exports.default = {
+    title: 'DeterminateLoader',
+    component: DeterminateLoader_1.DeterminateLoader
+};
+var DeterminateLoader50Percent = function () { return (React.createElement(DeterminateLoader_1.DeterminateLoader, { progress: 50 })); };
+exports.DeterminateLoader50Percent = DeterminateLoader50Percent;
+var DeterminateLoader25Percent = function () { return (React.createElement(DeterminateLoader_1.DeterminateLoader, { progress: 25 })); };
+exports.DeterminateLoader25Percent = DeterminateLoader25Percent;
+var DeterminateLoaderLoading = function () {
+    var _a = __read((0, react_1.useState)(0), 2), percent = _a[0], setPercent = _a[1];
+    (0, react_1.useEffect)(function () {
+        setTimeout(function () {
+            if (percent < 100) {
+                setPercent(percent + 1);
+            }
+        }, 10);
+    });
+    return (React.createElement(DeterminateLoader_1.DeterminateLoader, { progress: percent }));
+};
+exports.DeterminateLoaderLoading = DeterminateLoaderLoading;
+//# sourceMappingURL=DeterminateLoader.stories.js.map

package/dist/cjs/components/determinate-loader/DeterminateLoader.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeterminateLoader.stories.js","sourceRoot":"","sources":["../../../../src/components/determinate-loader/DeterminateLoader.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+BAA4C;AAC5C,yDAAwD;AAExD,kBAAe;IACX,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,qCAAiB;CAC/B,CAAC;AAMK,IAAM,0BAA0B,GAAG,cAAM,OAAA,CAC5C,oBAAC,qCAAiB,IACd,QAAQ,EAAI,EAAE,GACZ,CACT,EAJ+C,CAI/C,CAAC;AAJW,QAAA,0BAA0B,8BAIrC;AAEK,IAAM,0BAA0B,GAAG,cAAM,OAAA,CAC5C,oBAAC,qCAAiB,IACd,QAAQ,EAAI,EAAE,GAChB,CACL,EAJ+C,CAI/C,CAAC;AAJW,QAAA,0BAA0B,8BAIrC;AAEK,IAAM,wBAAwB,GAAG;IAC9B,IAAA,KAAA,OAAwB,IAAA,gBAAQ,EAAC,CAAC,CAAC,IAAA,EAAlC,OAAO,QAAA,EAAE,UAAU,QAAe,CAAC;IAE1C,IAAA,iBAAS,EAAC;QACN,UAAU,CAAC;YACP,IAAK,OAAO,GAAG,GAAG,EAAE;gBAChB,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;aAC3B;QACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEX,CAAC,CAAC,CAAC;IAEH,OAAO,CACH,oBAAC,qCAAiB,IACd,QAAQ,EAAI,OAAO,GACrB,CACL,CAAC;AACN,CAAC,CAAC;AAjBW,QAAA,wBAAwB,4BAiBnC"}

package/dist/cjs/components/dropdown/Dropdown.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+export interface IDropdownMenuProps {
+    toggleRef: any;
+    show: boolean;
+    fixed?: boolean;
+    children: React.ReactChild;
+    position: 'topleft' | 'topright' | 'bottomleft' | 'bottomright';
+    onOutsideClick: (...args: any[]) => any;
+}
+export interface IDropdownMenuState {
+    build: any;
+    offset: any;
+}
+export default class ImposiumDropdown extends React.PureComponent<IDropdownMenuProps, IDropdownMenuState> {
+    private static readonly ESC_CODE;
+    private resizeHandler;
+    private clickHandler;
+    private escHandler;
+    private dropdownRef;
+    constructor(p: any);
+    componentDidUpdate(prevProps: IDropdownMenuProps): void;
+    private onResize;
+    private cancelRender;
+    private onEsc;
+    private detectOutsideClick;
+    render(): JSX.Element;
+}