@ltht-react/table 1.0.137 → 1.0.139

package/lib/molecules/table-methods.js

@@ -1,194 +1,194 @@
-"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) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.handleDataUpdateForManualPagination = exports.handleDataUpdate = exports.handleScrollEvent = exports.calculateStaticColumnOffset = exports.createColumns = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_table_1 = require("@tanstack/react-table");
-var table_cell_1 = __importDefault(require("./table-cell"));
-var createColumns = function (tableData, headerAxis) {
-    var columnHelper = react_table_1.createColumnHelper();
-    var columns = createColumnsRecursively(tableData.headers, columnHelper, headerAxis);
-    if (tableData.rows.some(function (row) { return row.subRows; })) {
-        columns = prependColumnWithExpansionControls(columns, columnHelper, headerAxis);
-    }
-    return columns;
-};
-exports.createColumns = createColumns;
-var createColumnsRecursively = function (headers, columnHelper, headerAxis) {
-    var result = headers.map(function (header) {
-        var _a, _b;
-        if (header.type === 'display') {
-            return columnHelper.display({
-                id: header.id,
-                header: function () {
-                    var headerCellProps = __assign(__assign({}, header.cellProps), { headerAxis: headerAxis });
-                    return jsx_runtime_1.jsx(table_cell_1.default, __assign({}, headerCellProps), void 0);
-                },
-                cell: function (props) {
-                    var cellProps = __assign(__assign({}, props.getValue()), { headerAxis: headerAxis });
-                    return jsx_runtime_1.jsx(table_cell_1.default, __assign({}, cellProps), void 0);
-                },
-            });
-        }
-        if (header.type === 'accessor') {
-            return columnHelper.accessor(header.id, {
-                header: function (props) {
-                    var cellProps = __assign(__assign({}, header.cellProps), { iconProps: deriveHeaderIconProps(props), headerAxis: headerAxis });
-                    return jsx_runtime_1.jsx(table_cell_1.default, __assign({}, cellProps), void 0);
-                },
-                cell: function (props) {
-                    var cellProps = __assign(__assign({}, props.getValue()), { headerAxis: headerAxis });
-                    return jsx_runtime_1.jsx(table_cell_1.default, __assign({}, cellProps), void 0);
-                },
-            });
-        }
-        return columnHelper.group({
-            header: (_a = header.cellProps.text) !== null && _a !== void 0 ? _a : '',
-            columns: createColumnsRecursively((_b = header.subHeaders) !== null && _b !== void 0 ? _b : [], columnHelper, headerAxis),
-        });
-    });
-    return result;
-};
-var deriveHeaderIconProps = function (props) {
-    if (props.column.getIsSorted() === 'asc') {
-        return {
-            type: 'chevron',
-            direction: 'up',
-            size: 'medium',
-        };
-    }
-    if (props.column.getIsSorted() === 'desc') {
-        return {
-            type: 'chevron',
-            direction: 'down',
-            size: 'medium',
-        };
-    }
-    return undefined;
-};
-var prependColumnWithExpansionControls = function (columns, columnHelper, headerAxis) {
-    var expanderColumn = columnHelper.display({
-        id: 'expander',
-        header: function (_a) {
-            var table = _a.table;
-            var headerCellProps = {
-                iconProps: {
-                    type: 'chevron',
-                    direction: table.getIsAllRowsExpanded() ? 'down' : 'right',
-                    size: 'medium',
-                },
-                headerAxis: headerAxis,
-                clickHandler: table.getToggleAllRowsExpandedHandler(),
-            };
-            return jsx_runtime_1.jsx(table_cell_1.default, __assign({}, headerCellProps), void 0);
-        },
-        cell: function (props) {
-            var cellProps = props.row.getCanExpand()
-                ? {
-                    iconProps: {
-                        type: 'chevron',
-                        direction: props.row.getIsExpanded() ? 'down' : 'right',
-                        size: 'medium',
-                    },
-                    headerAxis: headerAxis,
-                    clickHandler: props.row.getToggleExpandedHandler(),
-                }
-                : { headerAxis: headerAxis };
-            return jsx_runtime_1.jsx(table_cell_1.default, __assign({}, cellProps), void 0);
-        },
-    });
-    return [expanderColumn].concat(columns);
-};
-var calculateStaticColumnOffset = function (cellIdx, staticColumns, firstColumnWidth, secondColumnWidth) {
-    if (staticColumns === 0) {
-        return undefined;
-    }
-    switch (cellIdx) {
-        case 0:
-            return 0;
-        case 1:
-            return cellIdx < staticColumns ? firstColumnWidth : undefined;
-        case 2:
-            return cellIdx < staticColumns ? firstColumnWidth + secondColumnWidth : undefined;
-        default:
-            return undefined;
-    }
-};
-exports.calculateStaticColumnOffset = calculateStaticColumnOffset;
-var handleScrollEvent = function (table, headerAxis, scrollState) {
-    var scrollWidth = scrollState.scrollWidth, scrollHeight = scrollState.scrollHeight, currentXScroll = scrollState.currentXScroll, currentYScroll = scrollState.currentYScroll;
-    if (headerAxis === 'x' &&
-        currentYScroll >= scrollHeight - getPercentageOfMax(5, scrollHeight) &&
-        currentYScroll <= scrollHeight &&
-        table.getCanNextPage()) {
-        table.nextPage();
-    }
-    if (headerAxis === 'y' &&
-        currentXScroll >= scrollWidth - getPercentageOfMax(5, scrollWidth) &&
-        currentXScroll <= scrollWidth &&
-        table.getCanNextPage()) {
-        table.nextPage();
-    }
-};
-exports.handleScrollEvent = handleScrollEvent;
-var getPercentageOfMax = function (percentage, max) { return max * (percentage / 100); };
-var handleDataUpdate = function (tableData, pageIndex, pageSize, headerAxis, setColumns, setData, setPageCount) {
-    if (tableData && tableData.headers.length > 0) {
-        if (headerAxis === 'x') {
-            setColumns(createColumns(tableData, headerAxis));
-            setData(tableData.rows.slice(0, (pageIndex + 1) * pageSize));
-            setPageCount(Math.ceil(tableData.rows.length / pageSize));
-        }
-        else {
-            var head = tableData.headers[0];
-            var tail = tableData.headers.slice(1, tableData.headers.length);
-            setColumns(createColumns({ headers: __spreadArray([head], tail.slice(0, (pageIndex + 1) * pageSize)), rows: tableData.rows }, headerAxis));
-            setData(tableData.rows);
-            setPageCount(Math.ceil(tail.length / pageSize));
-        }
-    }
-};
-exports.handleDataUpdate = handleDataUpdate;
-var calculateSliceStartPoint = function (oldLength, usingExpanderColumn) {
-    if (oldLength > 0) {
-        return usingExpanderColumn ? 2 : 1;
-    }
-    return 0;
-};
-var handleDataUpdateForManualPagination = function (tableData, headerAxis, keepPreviousData, setColumns, setData) {
-    if (headerAxis === 'x') {
-        setData(function (old) {
-            var newData = keepPreviousData ? __spreadArray(__spreadArray([], old), tableData.rows) : tableData.rows;
-            setColumns(createColumns({ headers: tableData.headers, rows: newData }, headerAxis));
-            return newData;
-        });
-    }
-    else if (tableData.headers.length > 0) {
-        setColumns(function (old) {
-            var newColumns = createColumns(tableData, headerAxis);
-            var sliceStartPoint = calculateSliceStartPoint(old.length, tableData.rows.some(function (x) { return x.subRows; }));
-            return keepPreviousData ? __spreadArray(__spreadArray([], old), newColumns.slice(sliceStartPoint, newColumns.length)) : newColumns;
-        });
-        setData(tableData.rows);
-    }
-};
-exports.handleDataUpdateForManualPagination = handleDataUpdateForManualPagination;
+"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) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleDataUpdateForManualPagination = exports.handleDataUpdate = exports.handleScrollEvent = exports.calculateStaticColumnOffset = exports.createColumns = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_table_1 = require("@tanstack/react-table");
+var table_cell_1 = __importDefault(require("./table-cell"));
+var createColumns = function (tableData, headerAxis) {
+    var columnHelper = react_table_1.createColumnHelper();
+    var columns = createColumnsRecursively(tableData.headers, columnHelper, headerAxis);
+    if (tableData.rows.some(function (row) { return row.subRows; })) {
+        columns = prependColumnWithExpansionControls(columns, columnHelper, headerAxis);
+    }
+    return columns;
+};
+exports.createColumns = createColumns;
+var createColumnsRecursively = function (headers, columnHelper, headerAxis) {
+    var result = headers.map(function (header) {
+        var _a, _b;
+        if (header.type === 'display') {
+            return columnHelper.display({
+                id: header.id,
+                header: function () {
+                    var headerCellProps = __assign(__assign({}, header.cellProps), { headerAxis: headerAxis });
+                    return jsx_runtime_1.jsx(table_cell_1.default, __assign({}, headerCellProps), void 0);
+                },
+                cell: function (props) {
+                    var cellProps = __assign(__assign({}, props.getValue()), { headerAxis: headerAxis });
+                    return jsx_runtime_1.jsx(table_cell_1.default, __assign({}, cellProps), void 0);
+                },
+            });
+        }
+        if (header.type === 'accessor') {
+            return columnHelper.accessor(header.id, {
+                header: function (props) {
+                    var cellProps = __assign(__assign({}, header.cellProps), { iconProps: deriveHeaderIconProps(props), headerAxis: headerAxis });
+                    return jsx_runtime_1.jsx(table_cell_1.default, __assign({}, cellProps), void 0);
+                },
+                cell: function (props) {
+                    var cellProps = __assign(__assign({}, props.getValue()), { headerAxis: headerAxis });
+                    return jsx_runtime_1.jsx(table_cell_1.default, __assign({}, cellProps), void 0);
+                },
+            });
+        }
+        return columnHelper.group({
+            header: (_a = header.cellProps.text) !== null && _a !== void 0 ? _a : '',
+            columns: createColumnsRecursively((_b = header.subHeaders) !== null && _b !== void 0 ? _b : [], columnHelper, headerAxis),
+        });
+    });
+    return result;
+};
+var deriveHeaderIconProps = function (props) {
+    if (props.column.getIsSorted() === 'asc') {
+        return {
+            type: 'chevron',
+            direction: 'up',
+            size: 'medium',
+        };
+    }
+    if (props.column.getIsSorted() === 'desc') {
+        return {
+            type: 'chevron',
+            direction: 'down',
+            size: 'medium',
+        };
+    }
+    return undefined;
+};
+var prependColumnWithExpansionControls = function (columns, columnHelper, headerAxis) {
+    var expanderColumn = columnHelper.display({
+        id: 'expander',
+        header: function (_a) {
+            var table = _a.table;
+            var headerCellProps = {
+                iconProps: {
+                    type: 'chevron',
+                    direction: table.getIsAllRowsExpanded() ? 'down' : 'right',
+                    size: 'medium',
+                },
+                headerAxis: headerAxis,
+                clickHandler: table.getToggleAllRowsExpandedHandler(),
+            };
+            return jsx_runtime_1.jsx(table_cell_1.default, __assign({}, headerCellProps), void 0);
+        },
+        cell: function (props) {
+            var cellProps = props.row.getCanExpand()
+                ? {
+                    iconProps: {
+                        type: 'chevron',
+                        direction: props.row.getIsExpanded() ? 'down' : 'right',
+                        size: 'medium',
+                    },
+                    headerAxis: headerAxis,
+                    clickHandler: props.row.getToggleExpandedHandler(),
+                }
+                : { headerAxis: headerAxis };
+            return jsx_runtime_1.jsx(table_cell_1.default, __assign({}, cellProps), void 0);
+        },
+    });
+    return [expanderColumn].concat(columns);
+};
+var calculateStaticColumnOffset = function (cellIdx, staticColumns, firstColumnWidth, secondColumnWidth) {
+    if (staticColumns === 0) {
+        return undefined;
+    }
+    switch (cellIdx) {
+        case 0:
+            return 0;
+        case 1:
+            return cellIdx < staticColumns ? firstColumnWidth : undefined;
+        case 2:
+            return cellIdx < staticColumns ? firstColumnWidth + secondColumnWidth : undefined;
+        default:
+            return undefined;
+    }
+};
+exports.calculateStaticColumnOffset = calculateStaticColumnOffset;
+var handleScrollEvent = function (table, headerAxis, scrollState) {
+    var scrollWidth = scrollState.scrollWidth, scrollHeight = scrollState.scrollHeight, currentXScroll = scrollState.currentXScroll, currentYScroll = scrollState.currentYScroll;
+    if (headerAxis === 'x' &&
+        currentYScroll >= scrollHeight - getPercentageOfMax(5, scrollHeight) &&
+        currentYScroll <= scrollHeight &&
+        table.getCanNextPage()) {
+        table.nextPage();
+    }
+    if (headerAxis === 'y' &&
+        currentXScroll >= scrollWidth - getPercentageOfMax(5, scrollWidth) &&
+        currentXScroll <= scrollWidth &&
+        table.getCanNextPage()) {
+        table.nextPage();
+    }
+};
+exports.handleScrollEvent = handleScrollEvent;
+var getPercentageOfMax = function (percentage, max) { return max * (percentage / 100); };
+var handleDataUpdate = function (tableData, pageIndex, pageSize, headerAxis, setColumns, setData, setPageCount) {
+    if (tableData && tableData.headers.length > 0) {
+        if (headerAxis === 'x') {
+            setColumns(createColumns(tableData, headerAxis));
+            setData(tableData.rows.slice(0, (pageIndex + 1) * pageSize));
+            setPageCount(Math.ceil(tableData.rows.length / pageSize));
+        }
+        else {
+            var head = tableData.headers[0];
+            var tail = tableData.headers.slice(1, tableData.headers.length);
+            setColumns(createColumns({ headers: __spreadArray([head], tail.slice(0, (pageIndex + 1) * pageSize)), rows: tableData.rows }, headerAxis));
+            setData(tableData.rows);
+            setPageCount(Math.ceil(tail.length / pageSize));
+        }
+    }
+};
+exports.handleDataUpdate = handleDataUpdate;
+var calculateSliceStartPoint = function (oldLength, usingExpanderColumn) {
+    if (oldLength > 0) {
+        return usingExpanderColumn ? 2 : 1;
+    }
+    return 0;
+};
+var handleDataUpdateForManualPagination = function (tableData, headerAxis, keepPreviousData, setColumns, setData) {
+    if (headerAxis === 'x') {
+        setData(function (old) {
+            var newData = keepPreviousData ? __spreadArray(__spreadArray([], old), tableData.rows) : tableData.rows;
+            setColumns(createColumns({ headers: tableData.headers, rows: newData }, headerAxis));
+            return newData;
+        });
+    }
+    else if (tableData.headers.length > 0) {
+        setColumns(function (old) {
+            var newColumns = createColumns(tableData, headerAxis);
+            var sliceStartPoint = calculateSliceStartPoint(old.length, tableData.rows.some(function (x) { return x.subRows; }));
+            return keepPreviousData ? __spreadArray(__spreadArray([], old), newColumns.slice(sliceStartPoint, newColumns.length)) : newColumns;
+        });
+        setData(tableData.rows);
+    }
+};
+exports.handleDataUpdateForManualPagination = handleDataUpdateForManualPagination;
 //# sourceMappingURL=table-methods.js.map

package/lib/molecules/table-styled-components.d.ts

@@ -1,86 +1,86 @@
-/// <reference types="react" />
-import { Axis } from '@ltht-react/types';
-declare const ScrollableContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IScrollableContainer, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare const StyledTable: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
-declare const StyledTableHeader: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledTableCell, import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {}>;
-declare const StyledTableData: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledTableCell, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
-declare const StyledTableRow: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledTableCell, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
-declare const PaginationContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare const StyledPaginationPageInput: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-declare const StyledPaginationPageSelect: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {}>;
-declare const StyledHideOnMobile: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-declare const StyledPaginationButtonDiv: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare const StyledPageCountDiv: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare const StyledStandardButton: import("@emotion/styled").StyledComponent<import("@ltht-react/icon/lib/organisms/icon-button").IconButtonProps & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-declare const StyledPaginationButton: import("@emotion/styled").StyledComponent<import("@ltht-react/icon/lib/organisms/icon-button").IconButtonProps & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-declare const StyledSpinnerIcon: import("@emotion/styled").StyledComponent<import("@ltht-react/icon").IconProps & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-declare const StyledNextPageButtonContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledNextPageButtonContainer, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare const StyledSpinnerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledNextPageButtonContainer, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare const StyledTHead: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;
-interface IStyledTableCell {
-    stickyWidth?: number;
-    tableHeaderAxis?: string;
-}
-interface IStyledNextPageButtonContainer {
-    elementPosition: 'right' | 'bottom';
-}
-interface IScrollableContainer {
-    tableHeaderAxis: Axis;
-    maxHeight?: string;
-    maxWidth?: string;
-}
-export { StyledTable, StyledTableHeader, StyledTableRow, StyledTableData, PaginationContainer, StyledPaginationPageInput, StyledPaginationPageSelect, StyledHideOnMobile, StyledPaginationButton, ScrollableContainer, StyledPaginationButtonDiv, StyledPageCountDiv, StyledStandardButton, StyledSpinnerIcon, StyledNextPageButtonContainer, StyledTHead, StyledSpinnerContainer, };
+/// <reference types="react" />
+import { Axis } from '@ltht-react/types';
+declare const ScrollableContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IScrollableContainer, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const StyledTable: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+declare const StyledTableHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledTableCell, import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {}>;
+declare const StyledTableData: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledTableCell, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
+declare const StyledTableRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledTableCell, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
+declare const PaginationContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const StyledPaginationPageInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+declare const StyledPaginationPageSelect: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {}>;
+declare const StyledHideOnMobile: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+declare const StyledPaginationButtonDiv: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const StyledPageCountDiv: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const StyledStandardButton: import("@emotion/styled").StyledComponent<import("@ltht-react/icon/lib/organisms/icon-button").IconButtonProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+declare const StyledPaginationButton: import("@emotion/styled").StyledComponent<import("@ltht-react/icon/lib/organisms/icon-button").IconButtonProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+declare const StyledSpinnerIcon: import("@emotion/styled").StyledComponent<import("@ltht-react/icon").IconProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+declare const StyledNextPageButtonContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledNextPageButtonContainer, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const StyledSpinnerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledNextPageButtonContainer, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const StyledTHead: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;
+interface IStyledTableCell {
+    stickyWidth?: number;
+    tableHeaderAxis?: string;
+}
+interface IStyledNextPageButtonContainer {
+    elementPosition: 'right' | 'bottom';
+}
+interface IScrollableContainer {
+    tableHeaderAxis: Axis;
+    maxHeight?: string;
+    maxWidth?: string;
+}
+export { StyledTable, StyledTableHeader, StyledTableRow, StyledTableData, PaginationContainer, StyledPaginationPageInput, StyledPaginationPageSelect, StyledHideOnMobile, StyledPaginationButton, ScrollableContainer, StyledPaginationButtonDiv, StyledPageCountDiv, StyledStandardButton, StyledSpinnerIcon, StyledNextPageButtonContainer, StyledTHead, StyledSpinnerContainer, };