@ltht-react/table 1.0.46 → 1.0.47

package/lib/molecules/table-styled-components.js

@@ -1,75 +1,87 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledSpinnerContainer = exports.StyledTHead = exports.StyledNextPageButtonContainer = exports.StyledSpinnerIcon = exports.StyledStandardButton = exports.StyledPageCountDiv = exports.StyledPaginationButtonDiv = exports.ScrollableContainer = exports.StyledPaginationButton = exports.StyledHideOnMobile = exports.StyledPaginationPageSelect = exports.StyledPaginationPageInput = exports.PaginationContainer = exports.StyledTableData = exports.StyledTableHeader = exports.StyledTable = void 0;
-var styles_1 = require("@ltht-react/styles");
-var styled_1 = __importDefault(require("@emotion/styled"));
-var icon_1 = require("@ltht-react/icon");
-var ScrollableContainer = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  background-color: white;\n  ", "\n  border-radius: 6px;\n  overflow: auto;\n  &::-webkit-scrollbar {\n    width: 7px;\n    height: 7px;\n    border: 0;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 10px;\n  }\n"], ["\n  ", ";\n  background-color: white;\n  ",
-    "\n  border-radius: 6px;\n  overflow: auto;\n  &::-webkit-scrollbar {\n    width: 7px;\n    height: 7px;\n    border: 0;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 10px;\n  }\n"])), styles_1.CSS_RESET, function (_a) {
-    var tableHeaderAxis = _a.tableHeaderAxis, maxWidth = _a.maxWidth, maxHeight = _a.maxHeight;
-    return "\n    display: " + (tableHeaderAxis === 'y' ? 'inline-flex' : 'inline-block') + ";\n    max-width: " + (maxWidth !== null && maxWidth !== void 0 ? maxWidth : '100%') + ";\n    max-height: " + (maxHeight !== null && maxHeight !== void 0 ? maxHeight : '100%') + ";\n  ";
-}, styles_1.SCROLLBAR);
-exports.ScrollableContainer = ScrollableContainer;
-var StyledTable = styled_1.default.table(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: white;\n  border-collapse: separate;\n  border-spacing: 0px;\n  border-radius: 6px;\n"], ["\n  background-color: white;\n  border-collapse: separate;\n  border-spacing: 0px;\n  border-radius: 6px;\n"])));
-exports.StyledTable = StyledTable;
-var StyledTableHeader = styled_1.default.th(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: ", ";\n  border: thin solid ", ";\n  font-weight: bold;\n  padding: 1rem;\n\n  ", "\n"], ["\n  background-color: ", ";\n  border: thin solid ", ";\n  font-weight: bold;\n  padding: 1rem;\n\n  ",
-    "\n"])), styles_1.TABLE_COLOURS.HEADER, styles_1.TABLE_COLOURS.BORDER, function (_a) {
-    var stickyWidth = _a.stickyWidth;
-    return stickyWidth !== undefined &&
-        "\n    position: sticky !important;\n    left: " + stickyWidth + "px;\n    top: 0;\n    z-index: 1;";
-});
-exports.StyledTableHeader = StyledTableHeader;
-var StyledTableData = styled_1.default.td(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  border: thin solid ", ";\n  white-space: nowrap;\n\n  ", "\n\n  &:first-of-type {\n    background-color: ", " !important;\n  }\n"], ["\n  border: thin solid ", ";\n  white-space: nowrap;\n\n  ",
-    "\n\n  &:first-of-type {\n    background-color: ", " !important;\n  }\n"])), styles_1.TABLE_COLOURS.BORDER, function (_a) {
-    var stickyWidth = _a.stickyWidth;
-    return stickyWidth !== undefined &&
-        "\n    position: sticky !important;\n    left: " + stickyWidth + "px;\n    top: 0;\n    z-index: 1;";
-}, styles_1.TABLE_COLOURS.HEADER);
-exports.StyledTableData = StyledTableData;
-var PaginationContainer = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n  margin-top: 5px;\n  display: block;\n"], ["\n  ", ";\n  margin-top: 5px;\n  display: block;\n"])), styles_1.CSS_RESET);
-exports.PaginationContainer = PaginationContainer;
-var StyledPaginationPageInput = styled_1.default.input(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", ";\n  width: 50px;\n  border: 1px solid gray;\n"], ["\n  ", ";\n  width: 50px;\n  border: 1px solid gray;\n"])), styles_1.CSS_RESET);
-exports.StyledPaginationPageInput = StyledPaginationPageInput;
-var StyledPaginationPageSelect = styled_1.default.select(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", ";\n  width: 45px;\n  display: inline-block;\n  font-size: 0.9rem;\n  border: 1px solid gray;\n"], ["\n  ", ";\n  width: 45px;\n  display: inline-block;\n  font-size: 0.9rem;\n  border: 1px solid gray;\n"])), styles_1.CSS_RESET);
-exports.StyledPaginationPageSelect = StyledPaginationPageSelect;
-var StyledHideOnMobile = styled_1.default.span(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  font-size: 1.1em;\n  padding: 2px;\n  @media (max-width: 320px) {\n    display: none;\n  }\n"], ["\n  font-size: 1.1em;\n  padding: 2px;\n  @media (max-width: 320px) {\n    display: none;\n  }\n"])));
-exports.StyledHideOnMobile = StyledHideOnMobile;
-var StyledPaginationButtonDiv = styled_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  float: right;\n  display: flex;\n  justify-content: space-between;\n  align-items: stretch;\n"], ["\n  float: right;\n  display: flex;\n  justify-content: space-between;\n  align-items: stretch;\n"])));
-exports.StyledPaginationButtonDiv = StyledPaginationButtonDiv;
-var StyledPageCountDiv = styled_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  margin-right: 5px;\n  margin-left: 5px;\n  display: flex;\n  font-size: 1.1em;\n  padding: 1px;\n"], ["\n  margin-right: 5px;\n  margin-left: 5px;\n  display: flex;\n  font-size: 1.1em;\n  padding: 1px;\n"])));
-exports.StyledPageCountDiv = StyledPageCountDiv;
-var StyledStandardButton = styled_1.default(icon_1.IconButton)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  color: ", ";\n  background-color: ", ";\n  padding: 2px 5px;\n  border-radius: 5px;\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:disabled {\n    background-color: ", ";\n  }\n"], ["\n  color: ", ";\n  background-color: ", ";\n  padding: 2px 5px;\n  border-radius: 5px;\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:disabled {\n    background-color: ", ";\n  }\n"])), styles_1.BTN_COLOURS.STANDARD.TEXT, styles_1.BTN_COLOURS.STANDARD.VALUE, styles_1.BTN_COLOURS.STANDARD.HOVER, styles_1.BTN_COLOURS.STANDARD.DISABLED);
-exports.StyledStandardButton = StyledStandardButton;
-var StyledPaginationButton = styled_1.default(icon_1.IconButton)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  padding: 2px 5px;\n  background-color: ", ";\n  color: black;\n  border: 1px solid ", ";\n  margin: 0 2.5px;\n  border-radius: 3px;\n\n  &:disabled {\n    background-color: inherit;\n    color: gray;\n    border-color: ", ";\n    pointer-events: none;\n  }\n"], ["\n  padding: 2px 5px;\n  background-color: ", ";\n  color: black;\n  border: 1px solid ", ";\n  margin: 0 2.5px;\n  border-radius: 3px;\n\n  &:disabled {\n    background-color: inherit;\n    color: gray;\n    border-color: ", ";\n    pointer-events: none;\n  }\n"])), styles_1.TRANSLUCENT_BRIGHT_BLUE, styles_1.TRANSLUCENT_MID_GREY, styles_1.TRANSLUCENT_MID_GREY);
-exports.StyledPaginationButton = StyledPaginationButton;
-var StyledSpinnerIcon = styled_1.default(icon_1.Icon)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  margin: 3px 0;\n  font-size: 1.1em;\n  padding: 1.5px;\n"], ["\n  margin: 3px 0;\n  font-size: 1.1em;\n  padding: 1.5px;\n"])));
-exports.StyledSpinnerIcon = StyledSpinnerIcon;
-var StyledNextPageButtonContainer = styled_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  display: ", ";\n  justify-content: center;\n  cursor: pointer;\n  align-items: center;\n\n  &:hover {\n    padding: 5px;\n    font-size: 1.3em;\n    transition: 0.15s linear;\n  }\n"], ["\n  display: ",
-    ";\n  justify-content: center;\n  cursor: pointer;\n  align-items: center;\n\n  &:hover {\n    padding: 5px;\n    font-size: 1.3em;\n    transition: 0.15s linear;\n  }\n"])), function (_a) {
-    var hidden = _a.hidden, elementPosition = _a.elementPosition;
-    if (!hidden) {
-        return elementPosition === 'bottom' ? 'flex' : 'inline-flex';
-    }
-    return 'none';
-});
-exports.StyledNextPageButtonContainer = StyledNextPageButtonContainer;
-var StyledSpinnerContainer = styled_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  display: ", ";\n  justify-content: center;\n  cursor: pointer;\n  align-items: center;\n  padding: 5px;\n"], ["\n  display: ",
-    ";\n  justify-content: center;\n  cursor: pointer;\n  align-items: center;\n  padding: 5px;\n"])), function (_a) {
-    var hidden = _a.hidden, elementPosition = _a.elementPosition;
-    if (!hidden) {
-        return elementPosition === 'bottom' ? 'flex' : 'inline-flex';
-    }
-    return 'none';
-});
-exports.StyledSpinnerContainer = StyledSpinnerContainer;
-var StyledTHead = styled_1.default.thead(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  position: sticky;\n  left: 0;\n  top: 0;\n  z-index: 2;\n"], ["\n  position: sticky;\n  left: 0;\n  top: 0;\n  z-index: 2;\n"])));
-exports.StyledTHead = StyledTHead;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16;
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledSpinnerContainer = exports.StyledTHead = exports.StyledNextPageButtonContainer = exports.StyledSpinnerIcon = exports.StyledStandardButton = exports.StyledPageCountDiv = exports.StyledPaginationButtonDiv = exports.ScrollableContainer = exports.StyledPaginationButton = exports.StyledHideOnMobile = exports.StyledPaginationPageSelect = exports.StyledPaginationPageInput = exports.PaginationContainer = exports.StyledTableData = exports.StyledTableRow = exports.StyledTableHeader = exports.StyledTable = void 0;
+var styles_1 = require("@ltht-react/styles");
+var styled_1 = __importDefault(require("@emotion/styled"));
+var icon_1 = require("@ltht-react/icon");
+var ScrollableContainer = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  background-color: white;\n  ", "\n  border-radius: 6px;\n  overflow: auto;\n  &::-webkit-scrollbar {\n    width: 7px;\n    height: 7px;\n    border: 0;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 10px;\n  }\n"], ["\n  ", ";\n  background-color: white;\n  ",
+    "\n  border-radius: 6px;\n  overflow: auto;\n  &::-webkit-scrollbar {\n    width: 7px;\n    height: 7px;\n    border: 0;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 10px;\n  }\n"])), styles_1.CSS_RESET, function (_a) {
+    var tableHeaderAxis = _a.tableHeaderAxis, maxWidth = _a.maxWidth, maxHeight = _a.maxHeight;
+    return "\n    display: " + (tableHeaderAxis === 'y' ? 'inline-flex' : 'inline-block') + ";\n    max-width: " + (maxWidth !== null && maxWidth !== void 0 ? maxWidth : '100%') + ";\n    max-height: " + (maxHeight !== null && maxHeight !== void 0 ? maxHeight : '100%') + ";\n  ";
+}, styles_1.SCROLLBAR);
+exports.ScrollableContainer = ScrollableContainer;
+var StyledTable = styled_1.default.table(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-spacing: 0px;\n  border-radius: 6px;\n"], ["\n  border-spacing: 0px;\n  border-radius: 6px;\n"])));
+exports.StyledTable = StyledTable;
+var StyledTableHeader = styled_1.default.th(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: ", ";\n  border: thin solid ", ";\n  font-weight: bold;\n  padding: 1rem;\n\n  ", "\n"], ["\n  background-color: ", ";\n  border: thin solid ", ";\n  font-weight: bold;\n  padding: 1rem;\n\n  ",
+    "\n"])), styles_1.TABLE_COLOURS.HEADER, styles_1.TABLE_COLOURS.BORDER, function (_a) {
+    var stickyWidth = _a.stickyWidth;
+    return stickyWidth !== undefined &&
+        "\n    position: sticky !important;\n    left: " + stickyWidth + "px;\n    top: 0;\n    z-index: 1;";
+});
+exports.StyledTableHeader = StyledTableHeader;
+var StyledTableData = styled_1.default.td(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  border: thin solid ", ";\n  white-space: nowrap;\n  text-align: center;\n\n  &:first-of-type {\n    background-color: ", " !important;\n    font-weight: bold;\n  }\n\n  ", "\n\n  ", "\n"], ["\n  border: thin solid ", ";\n  white-space: nowrap;\n  text-align: center;\n\n  &:first-of-type {\n    background-color: ", " !important;\n    font-weight: bold;\n  }\n\n  ",
+    "\n\n  ",
+    "\n"])), styles_1.TABLE_COLOURS.BORDER, styles_1.TABLE_COLOURS.HEADER, function (_a) {
+    var stickyWidth = _a.stickyWidth;
+    return stickyWidth !== undefined &&
+        "\n    background-color: " + styles_1.TABLE_COLOURS.STRIPE_LIGHT + ";\n    position: sticky !important;\n    left: " + stickyWidth + "px;\n    top: 0;\n    z-index: 1;";
+}, function (_a) {
+    var tableHeaderAxis = _a.tableHeaderAxis;
+    return tableHeaderAxis === 'y' &&
+        "\n    &:nth-of-type(even) {\n      background-color: " + styles_1.TABLE_COLOURS.STRIPE_DARK + ";\n    }";
+});
+exports.StyledTableData = StyledTableData;
+var StyledTableRow = styled_1.default.tr(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (_a) {
+    var tableHeaderAxis = _a.tableHeaderAxis;
+    return tableHeaderAxis === 'x' &&
+        "\n    &:nth-of-type(odd) {\n      background-color: " + styles_1.TABLE_COLOURS.STRIPE_DARK + ";\n    }";
+});
+exports.StyledTableRow = StyledTableRow;
+var PaginationContainer = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", ";\n  margin-top: 5px;\n  display: block;\n"], ["\n  ", ";\n  margin-top: 5px;\n  display: block;\n"])), styles_1.CSS_RESET);
+exports.PaginationContainer = PaginationContainer;
+var StyledPaginationPageInput = styled_1.default.input(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", ";\n  width: 50px;\n  border: 1px solid gray;\n"], ["\n  ", ";\n  width: 50px;\n  border: 1px solid gray;\n"])), styles_1.CSS_RESET);
+exports.StyledPaginationPageInput = StyledPaginationPageInput;
+var StyledPaginationPageSelect = styled_1.default.select(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", ";\n  width: 45px;\n  display: inline-block;\n  font-size: 0.9rem;\n  border: 1px solid gray;\n"], ["\n  ", ";\n  width: 45px;\n  display: inline-block;\n  font-size: 0.9rem;\n  border: 1px solid gray;\n"])), styles_1.CSS_RESET);
+exports.StyledPaginationPageSelect = StyledPaginationPageSelect;
+var StyledHideOnMobile = styled_1.default.span(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  font-size: 1.1em;\n  padding: 2px;\n  @media (max-width: 320px) {\n    display: none;\n  }\n"], ["\n  font-size: 1.1em;\n  padding: 2px;\n  @media (max-width: 320px) {\n    display: none;\n  }\n"])));
+exports.StyledHideOnMobile = StyledHideOnMobile;
+var StyledPaginationButtonDiv = styled_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  float: right;\n  display: flex;\n  justify-content: space-between;\n  align-items: stretch;\n"], ["\n  float: right;\n  display: flex;\n  justify-content: space-between;\n  align-items: stretch;\n"])));
+exports.StyledPaginationButtonDiv = StyledPaginationButtonDiv;
+var StyledPageCountDiv = styled_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  margin-right: 5px;\n  margin-left: 5px;\n  display: flex;\n  font-size: 1.1em;\n  padding: 1px;\n"], ["\n  margin-right: 5px;\n  margin-left: 5px;\n  display: flex;\n  font-size: 1.1em;\n  padding: 1px;\n"])));
+exports.StyledPageCountDiv = StyledPageCountDiv;
+var StyledStandardButton = styled_1.default(icon_1.IconButton)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  color: ", ";\n  background-color: ", ";\n  padding: 2px 5px;\n  border-radius: 5px;\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:disabled {\n    background-color: ", ";\n  }\n"], ["\n  color: ", ";\n  background-color: ", ";\n  padding: 2px 5px;\n  border-radius: 5px;\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:disabled {\n    background-color: ", ";\n  }\n"])), styles_1.BTN_COLOURS.STANDARD.TEXT, styles_1.BTN_COLOURS.STANDARD.VALUE, styles_1.BTN_COLOURS.STANDARD.HOVER, styles_1.BTN_COLOURS.STANDARD.DISABLED);
+exports.StyledStandardButton = StyledStandardButton;
+var StyledPaginationButton = styled_1.default(icon_1.IconButton)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  padding: 2px 5px;\n  background-color: ", ";\n  color: black;\n  border: 1px solid ", ";\n  margin: 0 2.5px;\n  border-radius: 3px;\n\n  &:disabled {\n    background-color: inherit;\n    color: gray;\n    border-color: ", ";\n    pointer-events: none;\n  }\n"], ["\n  padding: 2px 5px;\n  background-color: ", ";\n  color: black;\n  border: 1px solid ", ";\n  margin: 0 2.5px;\n  border-radius: 3px;\n\n  &:disabled {\n    background-color: inherit;\n    color: gray;\n    border-color: ", ";\n    pointer-events: none;\n  }\n"])), styles_1.TRANSLUCENT_BRIGHT_BLUE, styles_1.TRANSLUCENT_MID_GREY, styles_1.TRANSLUCENT_MID_GREY);
+exports.StyledPaginationButton = StyledPaginationButton;
+var StyledSpinnerIcon = styled_1.default(icon_1.Icon)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  margin: 3px 0;\n  font-size: 1.1em;\n  padding: 1.5px;\n"], ["\n  margin: 3px 0;\n  font-size: 1.1em;\n  padding: 1.5px;\n"])));
+exports.StyledSpinnerIcon = StyledSpinnerIcon;
+var StyledNextPageButtonContainer = styled_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  display: ", ";\n  justify-content: center;\n  cursor: pointer;\n  align-items: center;\n\n  &:hover {\n    padding: 5px;\n    font-size: 1.3em;\n    transition: 0.15s linear;\n  }\n"], ["\n  display: ",
+    ";\n  justify-content: center;\n  cursor: pointer;\n  align-items: center;\n\n  &:hover {\n    padding: 5px;\n    font-size: 1.3em;\n    transition: 0.15s linear;\n  }\n"])), function (_a) {
+    var hidden = _a.hidden, elementPosition = _a.elementPosition;
+    if (!hidden) {
+        return elementPosition === 'bottom' ? 'flex' : 'inline-flex';
+    }
+    return 'none';
+});
+exports.StyledNextPageButtonContainer = StyledNextPageButtonContainer;
+var StyledSpinnerContainer = styled_1.default.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  display: ", ";\n  justify-content: center;\n  cursor: pointer;\n  align-items: center;\n  padding: 5px;\n"], ["\n  display: ",
+    ";\n  justify-content: center;\n  cursor: pointer;\n  align-items: center;\n  padding: 5px;\n"])), function (_a) {
+    var hidden = _a.hidden, elementPosition = _a.elementPosition;
+    if (!hidden) {
+        return elementPosition === 'bottom' ? 'flex' : 'inline-flex';
+    }
+    return 'none';
+});
+exports.StyledSpinnerContainer = StyledSpinnerContainer;
+var StyledTHead = styled_1.default.thead(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  position: sticky;\n  left: 0;\n  top: 0;\n  z-index: 2;\n"], ["\n  position: sticky;\n  left: 0;\n  top: 0;\n  z-index: 2;\n"])));
+exports.StyledTHead = StyledTHead;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17;
 //# sourceMappingURL=table-styled-components.js.map

package/lib/molecules/table-styled-components.js.map

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

package/lib/molecules/table.d.ts

@@ -1,37 +1,37 @@
-import { FC } from 'react';
-import { Axis } from '@ltht-react/types';
-import { CellProps } from './table-cell';
-declare const Table: FC<IProps>;
-interface IProps extends IPaginationProps, ITableDimensionProps {
-    tableData: TableData;
-    staticColumns?: 0 | 1 | 2;
-    headerAxis?: Axis;
-}
-export interface IPaginationProps {
-    currentPage?: number;
-    pageSize?: number;
-    manualPagination?: boolean;
-    nextPage?: () => void;
-    getCanNextPage?: () => boolean;
-    isFetching?: boolean;
-    keepPreviousData?: boolean;
-}
-export interface ITableDimensionProps {
-    maxWidth?: string;
-    maxHeight?: string;
-}
-declare type DataEntity = Record<string, CellProps | DataEntity[]> & {
-    subRows?: DataEntity[];
-};
-interface Header {
-    type: 'accessor' | 'group' | 'display';
-    id: string;
-    cellProps: CellProps;
-    subHeaders?: Header[];
-}
-interface TableData {
-    headers: Header[];
-    rows: DataEntity[];
-}
-export default Table;
-export { DataEntity, Header, TableData };
+import { FC } from 'react';
+import { Axis } from '@ltht-react/types';
+import { CellProps } from './table-cell';
+declare const Table: FC<IProps>;
+interface IProps extends IPaginationProps, ITableDimensionProps {
+    tableData: TableData;
+    staticColumns?: 0 | 1 | 2;
+    headerAxis?: Axis;
+}
+export interface IPaginationProps {
+    currentPage?: number;
+    pageSize?: number;
+    manualPagination?: boolean;
+    nextPage?: () => void;
+    getCanNextPage?: () => boolean;
+    isFetching?: boolean;
+    keepPreviousData?: boolean;
+}
+export interface ITableDimensionProps {
+    maxWidth?: string;
+    maxHeight?: string;
+}
+declare type DataEntity = Record<string, CellProps | DataEntity[]> & {
+    subRows?: DataEntity[];
+};
+interface Header {
+    type: 'accessor' | 'group' | 'display';
+    id: string;
+    cellProps: CellProps;
+    subHeaders?: Header[];
+}
+interface TableData {
+    headers: Header[];
+    rows: DataEntity[];
+}
+export default Table;
+export { DataEntity, Header, TableData };

package/lib/molecules/table.js

@@ -1,99 +1,99 @@
-"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;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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 jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var react_table_1 = require("@tanstack/react-table");
-var table_styled_components_1 = require("./table-styled-components");
-var useScrollRef_1 = __importDefault(require("./useScrollRef"));
-var table_methods_1 = require("./table-methods");
-var table_component_1 = __importStar(require("./table-component"));
-var Table = function (_a) {
-    var tableData = _a.tableData, _b = _a.staticColumns, staticColumns = _b === void 0 ? 0 : _b, _c = _a.currentPage, currentPage = _c === void 0 ? 1 : _c, _d = _a.pageSize, pageSizeParam = _d === void 0 ? 10 : _d, _e = _a.headerAxis, headerAxis = _e === void 0 ? 'x' : _e, _f = _a.manualPagination, manualPagination = _f === void 0 ? false : _f, _g = _a.getCanNextPage, getCanNextPage = _g === void 0 ? function () { return false; } : _g, _h = _a.nextPage, nextPage = _h === void 0 ? function () { return null; } : _h, _j = _a.isFetching, isFetching = _j === void 0 ? false : _j, _k = _a.keepPreviousData, keepPreviousData = _k === void 0 ? false : _k, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth;
-    var scrollableDivElement = react_1.useRef(null);
-    var scrollState = useScrollRef_1.default(scrollableDivElement);
-    var _l = react_1.useState({}), expanded = _l[0], setExpanded = _l[1];
-    var _m = react_1.useState([]), sorting = _m[0], setSorting = _m[1];
-    var _o = react_1.useState({
-        pageIndex: currentPage - 1,
-        pageSize: pageSizeParam,
-    }), _p = _o[0], pageIndex = _p.pageIndex, pageSize = _p.pageSize, setPagination = _o[1];
-    var pagination = react_1.useMemo(function () { return ({ pageIndex: pageIndex, pageSize: pageSize }); }, [pageIndex, pageSize]);
-    var _q = react_1.useState([]), data = _q[0], setData = _q[1];
-    var _r = react_1.useState([]), columns = _r[0], setColumns = _r[1];
-    var _s = react_1.useState(-1), pageCount = _s[0], setPageCount = _s[1];
-    react_1.useEffect(function () {
-        if (!manualPagination) {
-            table_methods_1.handleDataUpdate(tableData, pageIndex, pageSize, headerAxis, setColumns, setData, setPageCount);
-        }
-    }, [pageIndex, pageSize, headerAxis, tableData, manualPagination]);
-    react_1.useEffect(function () {
-        if (manualPagination) {
-            table_methods_1.handleDataUpdateForManualPagination(tableData, headerAxis, keepPreviousData, setColumns, setData);
-        }
-    }, [headerAxis, tableData, manualPagination, keepPreviousData]);
-    var table = react_table_1.useReactTable(__assign(__assign(__assign({ data: data,
-        columns: columns }, (!manualPagination ? { pageCount: pageCount } : {})), { state: __assign({ expanded: expanded,
-            sorting: sorting }, (!manualPagination ? { pagination: pagination } : {})), manualPagination: true, onExpandedChange: setExpanded, onSortingChange: setSorting, getSubRows: function (row) { return row.subRows; }, getCoreRowModel: react_table_1.getCoreRowModel(), getExpandedRowModel: react_table_1.getExpandedRowModel(), getSortedRowModel: react_table_1.getSortedRowModel() }), (!manualPagination ? { onPaginationChange: setPagination } : {})));
-    react_1.useEffect(function () {
-        if (!scrollState) {
-            return;
-        }
-        if (manualPagination && !isFetching) {
-            table_methods_1.handleScrollEventManual(getCanNextPage, nextPage, headerAxis, scrollState);
-        }
-    }, [scrollState, headerAxis, manualPagination, isFetching, getCanNextPage, nextPage]);
-    react_1.useEffect(function () {
-        if (!scrollState) {
-            return;
-        }
-        if (!manualPagination) {
-            table_methods_1.handleScrollEvent(table, headerAxis, scrollState);
-        }
-    }, [scrollState, table, headerAxis, manualPagination]);
-    var getNextPage = function () {
-        if (manualPagination) {
-            nextPage();
-        }
-        else {
-            table.nextPage();
-        }
-    };
-    return (jsx_runtime_1.jsxs(table_styled_components_1.ScrollableContainer, __assign({ ref: scrollableDivElement, tableHeaderAxis: headerAxis }, { maxHeight: maxHeight, maxWidth: maxWidth }, { children: [jsx_runtime_1.jsx(table_component_1.default, { table: table, staticColumns: staticColumns }, void 0),
-            manualPagination ? (jsx_runtime_1.jsx(table_component_1.TableSpinner, { position: headerAxis === 'x' ? 'bottom' : 'right', hidden: !isFetching }, void 0)) : null,
-            jsx_runtime_1.jsx(table_component_1.TableNavigationButton, { position: headerAxis === 'x' ? 'bottom' : 'right', hidden: isFetching || (manualPagination ? !getCanNextPage() : !table.getCanNextPage()), clickHandler: getNextPage }, void 0)] }), void 0));
-};
-exports.default = Table;
+"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;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var react_table_1 = require("@tanstack/react-table");
+var table_styled_components_1 = require("./table-styled-components");
+var useScrollRef_1 = __importDefault(require("./useScrollRef"));
+var table_methods_1 = require("./table-methods");
+var table_component_1 = __importStar(require("./table-component"));
+var Table = function (_a) {
+    var tableData = _a.tableData, _b = _a.staticColumns, staticColumns = _b === void 0 ? 0 : _b, _c = _a.currentPage, currentPage = _c === void 0 ? 1 : _c, _d = _a.pageSize, pageSizeParam = _d === void 0 ? 10 : _d, _e = _a.headerAxis, headerAxis = _e === void 0 ? 'x' : _e, _f = _a.manualPagination, manualPagination = _f === void 0 ? false : _f, _g = _a.getCanNextPage, getCanNextPage = _g === void 0 ? function () { return false; } : _g, _h = _a.nextPage, nextPage = _h === void 0 ? function () { return null; } : _h, _j = _a.isFetching, isFetching = _j === void 0 ? false : _j, _k = _a.keepPreviousData, keepPreviousData = _k === void 0 ? false : _k, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth;
+    var scrollableDivElement = react_1.useRef(null);
+    var scrollState = useScrollRef_1.default(scrollableDivElement);
+    var _l = react_1.useState({}), expanded = _l[0], setExpanded = _l[1];
+    var _m = react_1.useState([]), sorting = _m[0], setSorting = _m[1];
+    var _o = react_1.useState({
+        pageIndex: currentPage - 1,
+        pageSize: pageSizeParam,
+    }), _p = _o[0], pageIndex = _p.pageIndex, pageSize = _p.pageSize, setPagination = _o[1];
+    var pagination = react_1.useMemo(function () { return ({ pageIndex: pageIndex, pageSize: pageSize }); }, [pageIndex, pageSize]);
+    var _q = react_1.useState([]), data = _q[0], setData = _q[1];
+    var _r = react_1.useState([]), columns = _r[0], setColumns = _r[1];
+    var _s = react_1.useState(-1), pageCount = _s[0], setPageCount = _s[1];
+    react_1.useEffect(function () {
+        if (!manualPagination) {
+            table_methods_1.handleDataUpdate(tableData, pageIndex, pageSize, headerAxis, setColumns, setData, setPageCount);
+        }
+    }, [pageIndex, pageSize, headerAxis, tableData, manualPagination]);
+    react_1.useEffect(function () {
+        if (manualPagination) {
+            table_methods_1.handleDataUpdateForManualPagination(tableData, headerAxis, keepPreviousData, setColumns, setData);
+        }
+    }, [headerAxis, tableData, manualPagination, keepPreviousData]);
+    var table = react_table_1.useReactTable(__assign(__assign(__assign({ data: data,
+        columns: columns }, (!manualPagination ? { pageCount: pageCount } : {})), { state: __assign({ expanded: expanded,
+            sorting: sorting }, (!manualPagination ? { pagination: pagination } : {})), manualPagination: true, onExpandedChange: setExpanded, onSortingChange: setSorting, getSubRows: function (row) { return row.subRows; }, getCoreRowModel: react_table_1.getCoreRowModel(), getExpandedRowModel: react_table_1.getExpandedRowModel(), getSortedRowModel: react_table_1.getSortedRowModel() }), (!manualPagination ? { onPaginationChange: setPagination } : {})));
+    react_1.useEffect(function () {
+        if (!scrollState) {
+            return;
+        }
+        if (manualPagination && !isFetching) {
+            table_methods_1.handleScrollEventManual(getCanNextPage, nextPage, headerAxis, scrollState);
+        }
+    }, [scrollState, headerAxis, manualPagination, isFetching, getCanNextPage, nextPage]);
+    react_1.useEffect(function () {
+        if (!scrollState) {
+            return;
+        }
+        if (!manualPagination) {
+            table_methods_1.handleScrollEvent(table, headerAxis, scrollState);
+        }
+    }, [scrollState, table, headerAxis, manualPagination]);
+    var getNextPage = function () {
+        if (manualPagination) {
+            nextPage();
+        }
+        else {
+            table.nextPage();
+        }
+    };
+    return (jsx_runtime_1.jsxs(table_styled_components_1.ScrollableContainer, __assign({ ref: scrollableDivElement, tableHeaderAxis: headerAxis }, { maxHeight: maxHeight, maxWidth: maxWidth }, { children: [jsx_runtime_1.jsx(table_component_1.default, { table: table, staticColumns: staticColumns, headerAxis: headerAxis }, void 0),
+            manualPagination ? (jsx_runtime_1.jsx(table_component_1.TableSpinner, { position: headerAxis === 'x' ? 'bottom' : 'right', hidden: !isFetching }, void 0)) : null,
+            jsx_runtime_1.jsx(table_component_1.TableNavigationButton, { position: headerAxis === 'x' ? 'bottom' : 'right', hidden: isFetching || (manualPagination ? !getCanNextPage() : !table.getCanNextPage()), clickHandler: getNextPage }, void 0)] }), void 0));
+};
+exports.default = Table;
 //# sourceMappingURL=table.js.map

package/lib/molecules/table.js.map

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

package/lib/molecules/useDimensionRef.d.ts

@@ -1,5 +1,5 @@
-declare const useDimensionsRef: (elementRef: React.RefObject<HTMLElement>, parentElementRef: React.RefObject<HTMLElement>) => {
-    width: number;
-    height: number;
-};
-export default useDimensionsRef;
+declare const useDimensionsRef: (elementRef: React.RefObject<HTMLElement>, parentElementRef: React.RefObject<HTMLElement>) => {
+    width: number;
+    height: number;
+};
+export default useDimensionsRef;

package/lib/molecules/useDimensionRef.js

@@ -1,31 +1,31 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var useDimensionsRef = function (elementRef, parentElementRef) {
-    var _a = react_1.useState({
-        width: 0,
-        height: 0,
-    }), dimensions = _a[0], setDimensions = _a[1];
-    react_1.useEffect(function () {
-        var getDimensions = function () { return ({
-            width: (elementRef && elementRef.current && elementRef.current.offsetWidth) || 0,
-            height: (elementRef && elementRef.current && elementRef.current.offsetHeight) || 0,
-        }); };
-        var handleResize = function () {
-            setDimensions(getDimensions());
-        };
-        if (elementRef.current) {
-            setDimensions(getDimensions());
-        }
-        var parentElementResizeObserver = new ResizeObserver(function (_e) { return handleResize(); });
-        if (parentElementRef === null || parentElementRef === void 0 ? void 0 : parentElementRef.current) {
-            parentElementResizeObserver.observe(parentElementRef.current);
-        }
-        return function () {
-            parentElementResizeObserver === null || parentElementResizeObserver === void 0 ? void 0 : parentElementResizeObserver.disconnect();
-        };
-    }, [elementRef, parentElementRef]);
-    return dimensions;
-};
-exports.default = useDimensionsRef;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useDimensionsRef = function (elementRef, parentElementRef) {
+    var _a = react_1.useState({
+        width: 0,
+        height: 0,
+    }), dimensions = _a[0], setDimensions = _a[1];
+    react_1.useEffect(function () {
+        var getDimensions = function () { return ({
+            width: (elementRef && elementRef.current && elementRef.current.offsetWidth) || 0,
+            height: (elementRef && elementRef.current && elementRef.current.offsetHeight) || 0,
+        }); };
+        var handleResize = function () {
+            setDimensions(getDimensions());
+        };
+        if (elementRef.current) {
+            setDimensions(getDimensions());
+        }
+        var parentElementResizeObserver = new ResizeObserver(function (_e) { return handleResize(); });
+        if (parentElementRef === null || parentElementRef === void 0 ? void 0 : parentElementRef.current) {
+            parentElementResizeObserver.observe(parentElementRef.current);
+        }
+        return function () {
+            parentElementResizeObserver === null || parentElementResizeObserver === void 0 ? void 0 : parentElementResizeObserver.disconnect();
+        };
+    }, [elementRef, parentElementRef]);
+    return dimensions;
+};
+exports.default = useDimensionsRef;
 //# sourceMappingURL=useDimensionRef.js.map

package/lib/molecules/useScrollRef.d.ts

@@ -1,8 +1,8 @@
-declare const useScrollRef: (elementRef: React.RefObject<HTMLElement>) => ScrollState | undefined;
-export interface ScrollState {
-    scrollWidth: number;
-    scrollHeight: number;
-    currentXScroll: number;
-    currentYScroll: number;
-}
-export default useScrollRef;
+declare const useScrollRef: (elementRef: React.RefObject<HTMLElement>) => ScrollState | undefined;
+export interface ScrollState {
+    scrollWidth: number;
+    scrollHeight: number;
+    currentXScroll: number;
+    currentYScroll: number;
+}
+export default useScrollRef;