@ltht-react/table 2.0.193 → 2.0.194

package/src/organisms/questionnaire-table.tsx

@@ -1,56 +1,56 @@
-import { QuestionnaireResponse, Questionnaire } from '@ltht-react/types'
-import { FC, useMemo } from 'react'
-import Icon from '@ltht-react/icon'
-import Table, { IPaginationProps, ITableDimensionProps, ITableConfig } from '../molecules/table'
-import mapQuestionnaireDefinitionAndResponsesToTableData, {
-  AdminActionsForQuestionnaire,
-} from './questionnaire-table-methods'
-
-const QuestionnaireTable: FC<IProps> = ({
-  definition,
-  records,
-  headerAxis = 'y',
-  staticColumns = 0,
-  adminActions,
-  pageSize = 10,
-  currentPage = 1,
-  keepPreviousData = true,
-  ...props
-}) => {
-  const tableData = useMemo(
-    () => mapQuestionnaireDefinitionAndResponsesToTableData(definition, records, headerAxis, adminActions),
-    [headerAxis, definition, records, adminActions]
-  )
-
-  // TODO: Replace this fragment with a properly styled error component.
-  // Maybe this could be a re-usable atom?
-  if (!tableData) {
-    return (
-      <>
-        <Icon type="exclamation" size="large" color="red" />
-        <div>An error occurred whilst loading this table.</div>
-      </>
-    )
-  }
-
-  return (
-    <Table
-      tableData={tableData}
-      staticColumns={staticColumns}
-      headerAxis={headerAxis}
-      pageSize={pageSize}
-      currentPage={currentPage}
-      keepPreviousData={keepPreviousData}
-      {...props}
-    />
-  )
-}
-
-interface IProps extends ITableConfig, IPaginationProps, ITableDimensionProps {
-  id?: string
-  definition: Questionnaire
-  records: QuestionnaireResponse[]
-  adminActions?: AdminActionsForQuestionnaire[]
-}
-
-export default QuestionnaireTable
+import { QuestionnaireResponse, Questionnaire } from '@ltht-react/types'
+import { FC, useMemo } from 'react'
+import Icon from '@ltht-react/icon'
+import Table, { IPaginationProps, ITableDimensionProps, ITableConfig } from '../molecules/table'
+import mapQuestionnaireDefinitionAndResponsesToTableData, {
+  AdminActionsForQuestionnaire,
+} from './questionnaire-table-methods'
+
+const QuestionnaireTable: FC<IProps> = ({
+  definition,
+  records,
+  headerAxis = 'y',
+  staticColumns = 0,
+  adminActions,
+  pageSize = 10,
+  currentPage = 1,
+  keepPreviousData = true,
+  ...props
+}) => {
+  const tableData = useMemo(
+    () => mapQuestionnaireDefinitionAndResponsesToTableData(definition, records, headerAxis, adminActions),
+    [headerAxis, definition, records, adminActions]
+  )
+
+  // TODO: Replace this fragment with a properly styled error component.
+  // Maybe this could be a re-usable atom?
+  if (!tableData) {
+    return (
+      <>
+        <Icon type="exclamation" size="large" color="red" />
+        <div>An error occurred whilst loading this table.</div>
+      </>
+    )
+  }
+
+  return (
+    <Table
+      tableData={tableData}
+      staticColumns={staticColumns}
+      headerAxis={headerAxis}
+      pageSize={pageSize}
+      currentPage={currentPage}
+      keepPreviousData={keepPreviousData}
+      {...props}
+    />
+  )
+}
+
+interface IProps extends ITableConfig, IPaginationProps, ITableDimensionProps {
+  id?: string
+  definition: Questionnaire
+  records: QuestionnaireResponse[]
+  adminActions?: AdminActionsForQuestionnaire[]
+}
+
+export default QuestionnaireTable

package/lib/atoms/questionnaire-withdrawn-table-cell.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-declare const QuestionnaireWithdrawnTableCell: FC<WithdrawnCellProps>;
-export interface WithdrawnCellProps {
-    text?: string;
-}
-export default QuestionnaireWithdrawnTableCell;

package/lib/atoms/questionnaire-withdrawn-table-cell.js

@@ -1,19 +0,0 @@
-"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 });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_1 = __importDefault(require("@emotion/styled"));
-var StyledText = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-decoration: line-through;\n  color: gray;\n"], ["\n  text-decoration: line-through;\n  color: gray;\n"])));
-var QuestionnaireWithdrawnTableCell = function (_a) {
-    var text = _a.text;
-    return (0, jsx_runtime_1.jsx)(StyledText, { children: text !== null && text !== void 0 ? text : '' });
-};
-exports.default = QuestionnaireWithdrawnTableCell;
-var templateObject_1;
-//# sourceMappingURL=questionnaire-withdrawn-table-cell.js.map

package/lib/atoms/questionnaire-withdrawn-table-cell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"questionnaire-withdrawn-table-cell.js","sourceRoot":"","sources":["../../src/atoms/questionnaire-withdrawn-table-cell.tsx"],"names":[],"mappings":";;;;;;;;;;AACA,2DAAoC;AAEpC,IAAM,UAAU,GAAG,gBAAM,CAAC,GAAG,yHAAA,sDAG5B,IAAA,CAAA;AAED,IAAM,+BAA+B,GAA2B,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,uBAAC,UAAU,cAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,GAAc;AAArC,CAAqC,CAAA;AAMnH,kBAAe,+BAA+B,CAAA"}

package/lib/index.d.ts

@@ -1,7 +0,0 @@
-import Table, { Header, DataEntity, TableData, CellProps } from './molecules/table';
-import GenericTable from './organisms/generic-table';
-import QuestionnaireTable from './organisms/questionnaire-table';
-import { AdminActionsForQuestionnaire } from './organisms/questionnaire-table-methods';
-export default Table;
-export { Header, TableData, DataEntity, CellProps, GenericTable, QuestionnaireTable, AdminActionsForQuestionnaire };
-export { default as mapQuestionnaireToTableData } from './organisms/questionnaire-table-methods';

package/lib/index.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mapQuestionnaireToTableData = exports.QuestionnaireTable = exports.GenericTable = void 0;
-var table_1 = __importDefault(require("./molecules/table"));
-var generic_table_1 = __importDefault(require("./organisms/generic-table"));
-exports.GenericTable = generic_table_1.default;
-var questionnaire_table_1 = __importDefault(require("./organisms/questionnaire-table"));
-exports.QuestionnaireTable = questionnaire_table_1.default;
-exports.default = table_1.default;
-var questionnaire_table_methods_1 = require("./organisms/questionnaire-table-methods");
-Object.defineProperty(exports, "mapQuestionnaireToTableData", { enumerable: true, get: function () { return __importDefault(questionnaire_table_methods_1).default; } });
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;AAAA,4DAAmF;AACnF,4EAAoD;AAKD,uBAL5C,uBAAY,CAK4C;AAJ/D,wFAAgE;AAIC,6BAJ1D,6BAAkB,CAI0D;AADnF,kBAAe,eAAK,CAAA;AAEpB,uFAAgG;AAAvF,2JAAA,OAAO,OAA+B"}

package/lib/molecules/table-cell.d.ts

@@ -1,17 +0,0 @@
-import { FC } from 'react';
-import { IconProps } from '@ltht-react/icon';
-import { ActionMenuOption } from '@ltht-react/menu';
-import { Axis } from '@ltht-react/types';
-declare const TableCell: FC<CellProps>;
-export interface CellProps {
-    adminActions?: ActionMenuOption[];
-    isButton?: boolean;
-    text?: string;
-    iconProps?: IconProps;
-    clickHandler?: React.MouseEventHandler<HTMLButtonElement>;
-    customComponentOverride?: JSX.Element;
-    parentStyle?: React.CSSProperties;
-    headerAxis?: Axis;
-    id?: string;
-}
-export default TableCell;

package/lib/molecules/table-cell.js

@@ -1,109 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __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 button_1 = require("@ltht-react/button");
-var styled_1 = __importDefault(require("@emotion/styled"));
-var icon_1 = __importStar(require("@ltht-react/icon"));
-var menu_1 = __importDefault(require("@ltht-react/menu"));
-var styles_1 = require("@ltht-react/styles");
-var StyledIconText = styled_1.default.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-left: 0.4rem;\n"], ["\n  margin-left: 0.4rem;\n"])));
-var StyledActionMenuContainer = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n"], ["\n  display: flex;\n  justify-content: center;\n"
-    // TODO: This component is still a WIP and will be re-factored soon!
-    // May be best to split it out into different components, the important part is unifying Type used by React-Table so the mapping can be simplified
-    // It will need to facilitate the Actions list capability Jonny Dyson has requested
-    // Betters ways of handling the customComponentOverride will be considered too
-])));
-// TODO: This component is still a WIP and will be re-factored soon!
-// May be best to split it out into different components, the important part is unifying Type used by React-Table so the mapping can be simplified
-// It will need to facilitate the Actions list capability Jonny Dyson has requested
-// Betters ways of handling the customComponentOverride will be considered too
-var TableCell = function (_a) {
-    var id = _a.id, adminActions = _a.adminActions, _b = _a.isButton, isButton = _b === void 0 ? false : _b, text = _a.text, iconProps = _a.iconProps, _c = _a.headerAxis, headerAxis = _c === void 0 ? 'x' : _c, clickHandler = _a.clickHandler, customComponentOverride = _a.customComponentOverride;
-    /*
-     * Ensures the action menu popup is rendered within the table’s DOM.
-     * Needed for Fullscreen API, since only elements inside the fullscreen subtree are visible.
-     * Using this ref as the portal root keeps the popup visible on top of the table in fullscreen.
-     */
-    var actionMenuRootElementRef = (0, react_1.useRef)(null);
-    if (customComponentOverride) {
-        return customComponentOverride;
-    }
-    if (adminActions) {
-        if (adminActions.length === 0) {
-            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-        }
-        return ((0, jsx_runtime_1.jsx)(StyledActionMenuContainer, { ref: actionMenuRootElementRef, children: (0, jsx_runtime_1.jsx)(menu_1.default, { root: actionMenuRootElementRef, id: "".concat("".concat(id !== null && id !== void 0 ? id : '', "-"), "action-menu-button"), actions: adminActions, menuButtonOptions: {
-                    type: 'button',
-                    text: '',
-                    buttonProps: {
-                        styling: {
-                            buttonStyle: 'standard',
-                            padding: headerAxis === 'x' ? '0.3rem 0.5rem' : '0.15rem 0.3rem',
-                        },
-                        icon: ((0, jsx_runtime_1.jsx)(icon_1.default, { type: headerAxis === 'x' ? 'ellipsis-vertical' : 'ellipsis-horizontal', size: 'medium' })),
-                        iconPlacement: 'center',
-                        color: "".concat(styles_1.BTN_COLOURS.DANGER.VALUE),
-                    },
-                }, style: {
-                    width: 'fit-content',
-                } }) }));
-    }
-    if (isButton) {
-        return (0, jsx_runtime_1.jsx)(button_1.Button, { id: id, value: text, icon: iconProps && (0, jsx_runtime_1.jsx)(icon_1.default, __assign({}, iconProps)), onClick: clickHandler });
-    }
-    if (clickHandler && iconProps) {
-        return (0, jsx_runtime_1.jsx)(icon_1.IconButton, { id: id, iconProps: iconProps, text: text, onClick: clickHandler });
-    }
-    if (iconProps) {
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(icon_1.default, __assign({}, iconProps)), text && (0, jsx_runtime_1.jsx)(StyledIconText, { children: text })] }));
-    }
-    if (text) {
-        return (0, jsx_runtime_1.jsx)("div", { id: id, children: text !== null && text !== void 0 ? text : '' });
-    }
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-};
-exports.default = TableCell;
-var templateObject_1, templateObject_2;
-//# sourceMappingURL=table-cell.js.map

package/lib/molecules/table-cell.js.map

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

package/lib/molecules/table-component.d.ts

@@ -1,20 +0,0 @@
-import { Table } from '@tanstack/react-table';
-import { HTMLAttributes } from 'react';
-import { ITableConfig } from './table';
-declare const TableComponent: <T>({ table, staticColumns, headerAxis, ...rest }: ITableHeadProps<T>) => JSX.Element;
-declare const TableNavigationButton: ({ position, hidden, clickHandler }: ITableNavButtonProps) => import("react/jsx-runtime").JSX.Element;
-declare const TableSpinner: ({ position, hidden }: ITableSpinnerProps) => import("react/jsx-runtime").JSX.Element;
-interface ITableNavButtonProps {
-    position: 'bottom' | 'right';
-    hidden: boolean;
-    clickHandler: () => void;
-}
-interface ITableSpinnerProps {
-    position: 'bottom' | 'right';
-    hidden: boolean;
-}
-interface ITableHeadProps<T> extends ITableConfig, HTMLAttributes<HTMLTableElement> {
-    table: Table<T>;
-}
-export default TableComponent;
-export { TableNavigationButton, TableSpinner };

package/lib/molecules/table-component.js

@@ -1,78 +0,0 @@
-"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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableSpinner = exports.TableNavigationButton = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var icon_1 = __importDefault(require("@ltht-react/icon"));
-var react_table_1 = require("@tanstack/react-table");
-var react_1 = require("react");
-var table_methods_1 = require("./table-methods");
-var table_styled_components_1 = require("./table-styled-components");
-var useDimensionRef_1 = __importDefault(require("./useDimensionRef"));
-var table_header_1 = __importDefault(require("./table-header"));
-var TableComponent = function (_a) {
-    var table = _a.table, _b = _a.staticColumns, staticColumns = _b === void 0 ? 0 : _b, headerAxis = _a.headerAxis, rest = __rest(_a, ["table", "staticColumns", "headerAxis"]);
-    var tableIdPrefix = rest.id ? "".concat(rest.id, "-") : '';
-    var firstColumn = (0, react_1.useRef)(null);
-    var secondColumn = (0, react_1.useRef)(null);
-    var tableElement = (0, react_1.useRef)(null);
-    var firstColumnWidth = (0, useDimensionRef_1.default)(firstColumn, tableElement).width;
-    var secondColumnWidth = (0, useDimensionRef_1.default)(secondColumn, tableElement).width;
-    var usingExpanderColumn = table.getHeaderGroups().some(function (x) { return x.headers.some(function (h) { return h.column.id === 'expander'; }); });
-    var totalStaticColumns = (0, react_1.useMemo)(function () { return (usingExpanderColumn ? staticColumns + 1 : staticColumns); }, [usingExpanderColumn, staticColumns]);
-    var getHeaderColumn = function (header, headerIndex) {
-        var stickyWidth = (0, table_methods_1.calculateStaticColumnOffset)(headerIndex, totalStaticColumns, firstColumnWidth, secondColumnWidth);
-        var headerProps = {
-            header: header,
-            stickyWidth: stickyWidth,
-        };
-        switch (headerIndex) {
-            case 0:
-                return (0, jsx_runtime_1.jsx)(table_header_1.default, __assign({ tableId: tableIdPrefix, ref: firstColumn }, headerProps), header.id);
-            case 1:
-                return (0, jsx_runtime_1.jsx)(table_header_1.default, __assign({ tableId: tableIdPrefix, ref: secondColumn }, headerProps), header.id);
-            default:
-                return (0, jsx_runtime_1.jsx)(table_header_1.default, __assign({ tableId: tableIdPrefix }, headerProps), header.id);
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)(table_styled_components_1.StyledTable, __assign({ ref: tableElement }, rest, { children: [(0, jsx_runtime_1.jsx)(table_styled_components_1.StyledTHead, { children: table.getHeaderGroups().map(function (headerGroup) { return ((0, jsx_runtime_1.jsx)("tr", { id: "".concat(tableIdPrefix).concat(headerGroup.id), role: "row", children: headerGroup.headers.map(function (header, headerIndex) { return getHeaderColumn(header, headerIndex); }) }, headerGroup.id)); }) }), (0, jsx_runtime_1.jsx)("tbody", { children: table.getRowModel().rows.map(function (row) { return ((0, jsx_runtime_1.jsx)(table_styled_components_1.StyledTableRow, { tableHeaderAxis: headerAxis, role: "row", children: row.getVisibleCells().map(function (cell, cellIdx) {
-                        var _a;
-                        return ((0, jsx_runtime_1.jsx)(table_styled_components_1.StyledTableData, { tableHeaderAxis: headerAxis, stickyWidth: (0, table_methods_1.calculateStaticColumnOffset)(cellIdx, totalStaticColumns, firstColumnWidth, secondColumnWidth), id: "".concat(tableIdPrefix).concat(cell.id), role: "cell", style: (_a = cell.getValue()) === null || _a === void 0 ? void 0 : _a.parentStyle, children: (0, react_table_1.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id));
-                    }) }, row.id)); }) })] })));
-};
-var TableNavigationButton = function (_a) {
-    var position = _a.position, hidden = _a.hidden, clickHandler = _a.clickHandler;
-    return ((0, jsx_runtime_1.jsx)(table_styled_components_1.StyledNextPageButtonContainer, { role: "button", elementPosition: position, onClick: function () { return clickHandler(); }, hidden: hidden, children: (0, jsx_runtime_1.jsx)(icon_1.default, { type: "chevron", direction: position === 'bottom' ? 'down' : 'right', size: "medium" }) }));
-};
-exports.TableNavigationButton = TableNavigationButton;
-var TableSpinner = function (_a) {
-    var position = _a.position, hidden = _a.hidden;
-    return ((0, jsx_runtime_1.jsx)(table_styled_components_1.StyledSpinnerContainer, { elementPosition: position, hidden: hidden, children: (0, jsx_runtime_1.jsx)(icon_1.default, { type: "spinner", size: "medium", title: "Loading..." }) }));
-};
-exports.TableSpinner = TableSpinner;
-exports.default = TableComponent;
-//# sourceMappingURL=table-component.js.map

package/lib/molecules/table-component.js.map

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

package/lib/molecules/table-header.d.ts

@@ -1,12 +0,0 @@
-import { Ref } from 'react';
-import { Header as ReactTableHeader } from '@tanstack/react-table';
-interface TableHeaderProps<TData, TValue> {
-    tableId?: string;
-    header: ReactTableHeader<TData, TValue>;
-    stickyWidth?: number;
-}
-export declare const Wrapper: <TData, TValue>({ tableId, header, stickyWidth }: TableHeaderProps<TData, TValue>, ref?: Ref<HTMLTableCellElement>) => import("react/jsx-runtime").JSX.Element;
-declare const TableHeader: <TData, TValue>(props: TableHeaderProps<TData, TValue> & {
-    ref?: Ref<HTMLTableCellElement> | undefined;
-}) => ReturnType<typeof Wrapper>;
-export default TableHeader;

package/lib/molecules/table-header.js

@@ -1,33 +0,0 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Wrapper = void 0;
-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 Wrapper = function (_a, ref) {
-    var tableId = _a.tableId, header = _a.header, stickyWidth = _a.stickyWidth;
-    return ((0, jsx_runtime_1.jsx)(table_styled_components_1.StyledTableHeader, __assign({ id: "".concat(tableId).concat(header.id), ref: ref, stickyWidth: stickyWidth, colSpan: header.colSpan, role: "columnheader" }, (header.column.id !== 'expander'
-        ? {
-            style: {
-                cursor: header.column.getCanSort() ? 'pointer' : '',
-            },
-            onClick: header.column.getToggleSortingHandler(),
-        }
-        : {}), { children: header.isPlaceholder ? null : (0, react_table_1.flexRender)(header.column.columnDef.header, header.getContext()) })));
-};
-exports.Wrapper = Wrapper;
-var TableHeader = (0, react_1.forwardRef)(exports.Wrapper);
-exports.default = TableHeader;
-//# sourceMappingURL=table-header.js.map

package/lib/molecules/table-header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-header.js","sourceRoot":"","sources":["../../src/molecules/table-header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,+BAAuC;AACvC,qDAA8E;AAC9E,qEAA6D;AAQtD,IAAM,OAAO,GAAG,UACrB,EAAiE,EACjE,GAA+B;QAD7B,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,WAAW,iBAAA;IAE3B,OAAA,CACH,uBAAC,2CAAiB,aAChB,EAAE,EAAE,UAAG,OAAO,SAAG,MAAM,CAAC,EAAE,CAAE,EAC5B,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,IAAI,EAAC,cAAc,IACf,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,UAAU;QAClC,CAAC,CAAC;YACE,KAAK,EAAE;gBACL,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;aACpD;YACD,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,uBAAuB,EAAE;SACjD;QACH,CAAC,CAAC,EAAE,CAAC,cAEN,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAA,wBAAU,EAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,IAC5E,CACrB;AAlBI,CAkBJ,CAAA;AArBY,QAAA,OAAO,WAqBnB;AAED,IAAM,WAAW,GAAG,IAAA,kBAAU,EAAC,eAAO,CAEP,CAAA;AAE/B,kBAAe,WAAW,CAAA"}

package/lib/molecules/table-methods.d.ts

@@ -1,14 +0,0 @@
-import { ColumnDef } from '@tanstack/react-table';
-import { Axis } from '@ltht-react/types';
-import React from 'react';
-import { TableData, DataEntity } from './table';
-import { ScrollState } from './useScrollRef';
-declare const createColumns: (tableData: TableData, headerAxis: Axis) => ColumnDef<DataEntity>[];
-declare const calculateStaticColumnOffset: (cellIdx: number, staticColumns: number, firstColumnWidth: number, secondColumnWidth: number) => number | undefined;
-declare const handleScrollEvent: (pagination: {
-    getCanNextPage: () => boolean;
-    nextPage: VoidFunction;
-}, headerAxis: Axis, scrollState: ScrollState) => void;
-declare const handleDataUpdate: (tableData: TableData, pageIndex: number, pageSize: number, headerAxis: Axis, setColumns: (value: React.SetStateAction<ColumnDef<DataEntity>[]>) => void, setData: (value: React.SetStateAction<DataEntity[]>) => void, setPageCount: (value: React.SetStateAction<number>) => void) => void;
-declare const handleDataUpdateForManualPagination: (tableData: TableData, headerAxis: Axis, keepPreviousData: boolean, setColumns: (value: React.SetStateAction<ColumnDef<DataEntity>[]>) => void, setData: (value: React.SetStateAction<DataEntity[]>) => void) => void;
-export { createColumns, calculateStaticColumnOffset, handleScrollEvent, handleDataUpdate, handleDataUpdateForManualPagination, };