@cleartrip/ct-design-table 1.1.0

package/dist/ct-design-table.browser.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),r=require("styled-components"),s=require("@cleartrip/ct-design-use-theme"),i=require("@cleartrip/ct-design-container"),a=require("@cleartrip/ct-design-typography"),l=require("@cleartrip/ct-design-button"),o=require("@cleartrip/ct-design-icons"),d=require("@cleartrip/ct-design-select");function h(e){return e&&e.__esModule?e:{default:e}}var c=h(r),u=h(s),g=c.default.table((function(t){var n=t.css;t.children;var r=t.theme,s=e.__rest(t,["css","children","theme"]);return function(t){var n=t.width,r=void 0===n?"100%":n,s=t.height,i=void 0===s?"100%":s;t.theme;var a=e.__rest(t,["width","height","theme"]);return e.__assign({width:r,height:i},a)}(e.__assign(e.__assign(e.__assign({},s),n),{theme:r}))})),_=n.forwardRef((function(n,r){var s=n.as,i=n.children,a=e.__rest(n,["as","children"]),l=u.default();return t.jsx(g,e.__assign({as:s,theme:l,ref:r},a,{children:i}))})),p=c.default.tbody((function(t){var n=t.css,r=t.theme,s=e.__rest(t,["css","theme"]);return function(t){t.width,t.height,t.theme;var n=e.__rest(t,["width","height","theme"]);return e.__assign({},n)}(e.__assign(e.__assign(e.__assign({},s),n),{theme:r}))})),f=n.forwardRef((function(r,s){var i=r.as,a=void 0===i?"tbody":i,l=r.children,o=r.css;return t.jsx(p,e.__assign({as:a,ref:s,css:o},{children:n.Children.map(l,(function(t){return n.isValidElement(t)?n.cloneElement(t,e.__assign(e.__assign({},t.props),{isHeadRow:"thead"===a})):null}))}))})),m=c.default.tr((function(t){var n=t.css,r=t.theme;t.children;var s=e.__rest(t,["css","theme","children"]);return function(t){t.width,t.height,t.theme;var n=e.__rest(t,["width","height","theme"]);return e.__assign({},n)}(e.__assign(e.__assign(e.__assign({},s),{theme:r}),n))})),v=n.forwardRef((function(r,s){var i=r.isHeadRow,a=r.children,l=r.css,o=u.default(),d=n.Children.count(a);return t.jsx(m,e.__assign({theme:o,css:l,ref:s},{children:n.Children.map(a,(function(t,r){return n.isValidElement(t)?n.cloneElement(t,e.__assign(e.__assign({},t.props),{isHeadCell:i,leftMostCell:0===r,rightMostCell:r===d})):null}))}))})),x=c.default.td((function(t){var n=t.css;t.children;var r=t.isHeadCell,s=t.theme,i=t.showSeparators,a=e.__rest(t,["css","children","isHeadCell","theme","showSeparators"]);return function(t){var n=t.width,r=t.height;t.theme;var s=e.__rest(t,["width","height","theme"]);return e.__assign({width:n,height:r,borderBottom:"1px solid #E7E7E7",padding:"24px"},s)}(e.__assign(e.__assign(e.__assign({},a),n),{padding:r?"24px":"16px 24px",cursor:r?"auto":"pointer",textAlign:"left",borderBottomWidth:i?"1px":0,theme:s}))})),C=n.forwardRef((function(r,s){r.children;var l=r.css,o=r.tableCellContent,d=r.isHeadCell,h=void 0!==d&&d,c=r.leftMostCell,u=void 0!==c&&c,g=r.rightMostCell,_=void 0!==g&&g,p=r.showSeparators,f=void 0===p||p;o.component,o.cell;var m=e.__rest(o,["component","cell"]);return t.jsx(x,e.__assign({ref:s,css:l,isHeadCell:h,leftMostCell:u,rightMostCell:_,showSeparators:f,width:o.width},{children:o.component?n.cloneElement(o.component,e.__assign({},m)):o.cell?t.jsxs(i.Container,{children:[t.jsx(a.Typography,e.__assign({variant:"L2",color:h?a.TypographyColor.SUBHEADING:a.TypographyColor.HEADING},{children:o.cell.label})),t.jsx(a.Typography,e.__assign({variant:"B2",color:a.TypographyColor.SUBHEADING},{children:o.cell.subLabel}))]}):null}))})),w=c.default.div((function(e){return{background:e.theme.color.background.neutral,boxShadow:"0px 16px 40px rgba(112, 144, 176, 0.05)",borderRadius:"6px"}})),b=n.forwardRef((function(r){var s=r.data;r.children,r.defaultHiddenColumns;var i=r.headerComponent;r.height,r.initialPageIndex;var a=r.itemsPerPage;r.loading;var l=r.showHeader,o=void 0===l||l,d=r.showPagination,h=r.showSeparators,c=void 0===h||h,g=r.showTableHead,p=void 0===g||g;r.title,r.totalPages,r.css;var m=r.tableCSS;r.width;var x=r.columnHeaderData,b=r.onPageChange,y=r.rowsPerPageOptions,P=n.useState(0),H=P[0],S=P[1],R=n.useState(d&&a||s.length),E=R[0],q=R[1],M=u.default(),B=n.useMemo((function(){return d?s.slice(H*E,(H+1)*E):s}),[H,s,E]);return t.jsxs(w,e.__assign({theme:M},{children:[o&&i,d&&t.jsx(j,{pageNo:H,rowsPerPage:E,totalCount:s.length,handlePageChange:function(e,t){S(t),b&&b()},rowsPerPageOptions:y,changeRowPerPage:function(e){q(e)}}),t.jsxs(_,{children:[o&&p&&x&&t.jsx(f,e.__assign({as:"thead",css:null==m?void 0:m.tableHeader},{children:t.jsx(v,{children:x.map((function(e){return t.jsx(C,{showSeparators:c,tableCellContent:e,css:null==m?void 0:m.tableCell})}))})})),t.jsx(f,e.__assign({as:"tbody",css:null==m?void 0:m.tableHeader},{children:B.map((function(e){return t.jsx(v,{children:e.cells.map((function(e){return t.jsx(C,{showSeparators:c,tableCellContent:e,css:null==m?void 0:m.tableCell})}))})}))}))]})]}))}));function j(n){var r=n.pageNo,s=n.rowsPerPage,a=n.totalCount,h=n.handlePageChange,c=n.rowsPerPageOptions,u=void 0===c?[5,10,20,100]:c,g=n.changeRowPerPage,_=r*s+1,p=Math.min((r+1)*s,a),f=function(e){return function(t){h(t,r+e)}},m=Math.log10(a)+1;return console.log(l.Button,23,o.ChevronLeft,o.ChevronRight),t.jsxs(i.Container,e.__assign({display:"flex",width:"100%",justifyContent:"flex-end",alignItems:"center",className:"py-2"},{children:[t.jsxs(i.Container,e.__assign({display:"flex",alignItems:"center"},{children:["Rows per page:"," ",t.jsx(d.Select,{name:"pageNo",className:"mx-4",selectedOption:{label:s,key:s},textFieldHeight:"40px",optionList:u.map((function(e){return{label:""+e,key:""+e}})),onSelect:function(e){h(null,0),g(+e.label)},width:"100px"})]})),t.jsxs(i.Container,e.__assign({display:"flex",justifyContent:"center",width:"".concat(3*m+5,"ch")},{children:[_," - ",p," of ",a," "]})),t.jsxs(i.Container,e.__assign({display:"flex"},{children:[t.jsx(l.Button,e.__assign({onClick:function(e){r<=0||f(-1)(e)},disabled:r<=0},{children:t.jsx(o.ChevronLeft,{})})),t.jsx(l.Button,e.__assign({onClick:function(e){p!==a&&f(1)(e)},disabled:p===a},{children:t.jsx(o.ChevronRight,{})}))]}))]}))}exports.Table=b;
+//# sourceMappingURL=ct-design-table.browser.cjs.js.map

package/dist/ct-design-table.browser.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-table.browser.cjs.js","sources":["../../packages/components/Table/src/TableBody/TableBody.tsx","../../packages/components/Table/src/TableBody/style.ts","../../packages/components/Table/src/TableHeader/TableHeader.tsx","../../packages/components/Table/src/TableHeader/style.ts","../../packages/components/Table/src/TableRow/TableRow.tsx","../../packages/components/Table/src/TableRow/style.ts","../../packages/components/Table/src/TableCell/TableCell.tsx","../../packages/components/Table/src/TableCell/style.ts","../../packages/components/Table/src/Table.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null,null],"names":["StyledTableBody","styled","default","table","_a","css","children","theme","rest","__rest","_b","width","_c","height","__assign","getTableBodyStyles","TableBody","forwardRef","forwardedRef","as","useTheme","_jsx","ref","StyledTableHeader","tbody","getTableHeaderStyles","TableHeader","Children","map","child","isValidElement","cloneElement","props","isHeadRow","StyledTableRow","tr","getTableRowStyles","TableRow","count","index","isHeadCell","leftMostCell","rightMostCell","StyledTableCell","td","showSeparators","borderBottom","padding","getTableCellStyles","cursor","textAlign","borderBottomWidth","TableCell","tableCellContent","_d","_e","component","cell","_jsxs","Container","jsx","Typography","variant","color","TypographyColor","SUBHEADING","HEADING","label","subLabel","TableRoot","div","background","neutral","boxShadow","borderRadius","Table","data","defaultHiddenColumns","headerComponent","initialPageIndex","itemsPerPage","loading","showHeader","showPagination","showTableHead","title","totalPages","tableCSS","columnHeaderData","onPageChange","rowsPerPageOptions","useState","pageNo","setPageNo","_f","length","rowsPerPage","setRowsPerPage","dataItems","useMemo","slice","PaginationComponent","totalCount","handlePageChange","_","newPage","changeRowPerPage","newRowsPerPage","tableHeader","column","tableCell","rowData","cells","start","end","Math","min","change","event","maxDigit","log10","console","log","Button","ChevronLeft","ChevronRight","display","justifyContent","alignItems","className","jsxs","Select","name","selectedOption","key","textFieldHeight","optionList","elem","onSelect","option","onClick","disabled"],"mappings":"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"}

package/dist/ct-design-table.browser.esm.js

@@ -0,0 +1,2 @@
+import{__rest as e,__assign as t}from"tslib";import{jsx as r,jsxs as n}from"react/jsx-runtime";import{forwardRef as i,Children as o,isValidElement as l,cloneElement as a,useState as c,useMemo as h}from"react";import s from"styled-components";import d from"@cleartrip/ct-design-use-theme";import{Container as u}from"@cleartrip/ct-design-container";import{Typography as p,TypographyColor as m}from"@cleartrip/ct-design-typography";import{Button as g}from"@cleartrip/ct-design-button";import{ChevronLeft as f,ChevronRight as v}from"@cleartrip/ct-design-icons";import{Select as w}from"@cleartrip/ct-design-select";var C=s.table((function(r){var n=r.css;r.children;var i=r.theme,o=e(r,["css","children","theme"]);return function(r){var n=r.width,i=void 0===n?"100%":n,o=r.height,l=void 0===o?"100%":o;r.theme;var a=e(r,["width","height","theme"]);return t({width:i,height:l},a)}(t(t(t({},o),n),{theme:i}))})),b=i((function(n,i){var o=n.as,l=n.children,a=e(n,["as","children"]),c=d();return r(C,t({as:o,theme:c,ref:i},a,{children:l}))})),x=s.tbody((function(r){var n=r.css,i=r.theme,o=e(r,["css","theme"]);return function(r){r.width,r.height,r.theme;var n=e(r,["width","height","theme"]);return t({},n)}(t(t(t({},o),n),{theme:i}))})),P=i((function(e,n){var i=e.as,c=void 0===i?"tbody":i,h=e.children,s=e.css;return r(x,t({as:c,ref:n,css:s},{children:o.map(h,(function(e){return l(e)?a(e,t(t({},e.props),{isHeadRow:"thead"===c})):null}))}))})),H=s.tr((function(r){var n=r.css,i=r.theme;r.children;var o=e(r,["css","theme","children"]);return function(r){r.width,r.height,r.theme;var n=e(r,["width","height","theme"]);return t({},n)}(t(t(t({},o),{theme:i}),n))})),y=i((function(e,n){var i=e.isHeadRow,c=e.children,h=e.css,s=d(),u=o.count(c);return r(H,t({theme:s,css:h,ref:n},{children:o.map(c,(function(e,r){return l(e)?a(e,t(t({},e.props),{isHeadCell:i,leftMostCell:0===r,rightMostCell:r===u})):null}))}))})),S=s.td((function(r){var n=r.css;r.children;var i=r.isHeadCell,o=r.theme,l=r.showSeparators,a=e(r,["css","children","isHeadCell","theme","showSeparators"]);return function(r){var n=r.width,i=r.height;r.theme;var o=e(r,["width","height","theme"]);return t({width:n,height:i,borderBottom:"1px solid #E7E7E7",padding:"24px"},o)}(t(t(t({},a),n),{padding:i?"24px":"16px 24px",cursor:i?"auto":"pointer",textAlign:"left",borderBottomWidth:l?"1px":0,theme:o}))})),M=i((function(i,o){i.children;var l=i.css,c=i.tableCellContent,h=i.isHeadCell,s=void 0!==h&&h,d=i.leftMostCell,g=void 0!==d&&d,f=i.rightMostCell,v=void 0!==f&&f,w=i.showSeparators,C=void 0===w||w;c.component,c.cell;var b=e(c,["component","cell"]);return r(S,t({ref:o,css:l,isHeadCell:s,leftMostCell:g,rightMostCell:v,showSeparators:C,width:c.width},{children:c.component?a(c.component,t({},b)):c.cell?n(u,{children:[r(p,t({variant:"L2",color:s?m.SUBHEADING:m.HEADING},{children:c.cell.label})),r(p,t({variant:"B2",color:m.SUBHEADING},{children:c.cell.subLabel}))]}):null}))})),N=s.div((function(e){return{background:e.theme.color.background.neutral,boxShadow:"0px 16px 40px rgba(112, 144, 176, 0.05)",borderRadius:"6px"}})),k=i((function(e){var i=e.data;e.children,e.defaultHiddenColumns;var o=e.headerComponent;e.height,e.initialPageIndex;var l=e.itemsPerPage;e.loading;var a=e.showHeader,s=void 0===a||a,u=e.showPagination,p=e.showSeparators,m=void 0===p||p,g=e.showTableHead,f=void 0===g||g;e.title,e.totalPages,e.css;var v=e.tableCSS;e.width;var w=e.columnHeaderData,C=e.onPageChange,x=e.rowsPerPageOptions,H=c(0),S=H[0],k=H[1],I=c(u&&l||i.length),R=I[0],B=I[1],A=d(),D=h((function(){return u?i.slice(S*R,(S+1)*R):i}),[S,i,R]);return n(N,t({theme:A},{children:[s&&o,u&&r(E,{pageNo:S,rowsPerPage:R,totalCount:i.length,handlePageChange:function(e,t){k(t),C&&C()},rowsPerPageOptions:x,changeRowPerPage:function(e){B(e)}}),n(b,{children:[s&&f&&w&&r(P,t({as:"thead",css:null==v?void 0:v.tableHeader},{children:r(y,{children:w.map((function(e){return r(M,{showSeparators:m,tableCellContent:e,css:null==v?void 0:v.tableCell})}))})})),r(P,t({as:"tbody",css:null==v?void 0:v.tableHeader},{children:D.map((function(e){return r(y,{children:e.cells.map((function(e){return r(M,{showSeparators:m,tableCellContent:e,css:null==v?void 0:v.tableCell})}))})}))}))]})]}))}));function E(e){var i=e.pageNo,o=e.rowsPerPage,l=e.totalCount,a=e.handlePageChange,c=e.rowsPerPageOptions,h=void 0===c?[5,10,20,100]:c,s=e.changeRowPerPage,d=i*o+1,p=Math.min((i+1)*o,l),m=function(e){return function(t){a(t,i+e)}},C=Math.log10(l)+1;return console.log(g,23,f,v),n(u,t({display:"flex",width:"100%",justifyContent:"flex-end",alignItems:"center",className:"py-2"},{children:[n(u,t({display:"flex",alignItems:"center"},{children:["Rows per page:"," ",r(w,{name:"pageNo",className:"mx-4",selectedOption:{label:o,key:o},textFieldHeight:"40px",optionList:h.map((function(e){return{label:""+e,key:""+e}})),onSelect:function(e){a(null,0),s(+e.label)},width:"100px"})]})),n(u,t({display:"flex",justifyContent:"center",width:"".concat(3*C+5,"ch")},{children:[d," - ",p," of ",l," "]})),n(u,t({display:"flex"},{children:[r(g,t({onClick:function(e){i<=0||m(-1)(e)},disabled:i<=0},{children:r(f,{})})),r(g,t({onClick:function(e){p!==l&&m(1)(e)},disabled:p===l},{children:r(v,{})}))]}))]}))}export{k as Table};
+//# sourceMappingURL=ct-design-table.browser.esm.js.map

package/dist/ct-design-table.browser.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-table.browser.esm.js","sources":["../../packages/components/Table/src/TableBody/style.ts","../../packages/components/Table/src/TableBody/TableBody.tsx","../../packages/components/Table/src/TableHeader/TableHeader.tsx","../../packages/components/Table/src/TableHeader/style.ts","../../packages/components/Table/src/TableRow/TableRow.tsx","../../packages/components/Table/src/TableRow/style.ts","../../packages/components/Table/src/TableCell/TableCell.tsx","../../packages/components/Table/src/TableCell/style.ts","../../packages/components/Table/src/Table.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null,null],"names":["StyledTableBody","styled","table","_a","css","children","theme","rest","__rest","_b","width","_c","height","__assign","getTableBodyStyles","TableBody","forwardRef","forwardedRef","as","useTheme","_jsx","ref","StyledTableHeader","tbody","getTableHeaderStyles","TableHeader","Children","map","child","isValidElement","cloneElement","props","isHeadRow","StyledTableRow","tr","getTableRowStyles","TableRow","count","index","isHeadCell","leftMostCell","rightMostCell","StyledTableCell","td","showSeparators","borderBottom","padding","getTableCellStyles","cursor","textAlign","borderBottomWidth","TableCell","tableCellContent","_d","_e","component","cell","_jsxs","Container","Typography","variant","color","TypographyColor","SUBHEADING","HEADING","label","subLabel","TableRoot","div","background","neutral","boxShadow","borderRadius","Table","data","defaultHiddenColumns","headerComponent","initialPageIndex","itemsPerPage","loading","showHeader","showPagination","showTableHead","title","totalPages","tableCSS","columnHeaderData","onPageChange","rowsPerPageOptions","useState","pageNo","setPageNo","_f","length","rowsPerPage","setRowsPerPage","dataItems","useMemo","slice","PaginationComponent","totalCount","handlePageChange","_","newPage","changeRowPerPage","newRowsPerPage","tableHeader","column","tableCell","rowData","cells","start","end","Math","min","change","event","maxDigit","log10","console","log","Button","ChevronLeft","ChevronRight","display","justifyContent","alignItems","className","Select","name","selectedOption","key","textFieldHeight","optionList","elem","onSelect","option","onClick","disabled"],"mappings":"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"}

package/dist/ct-design-table.cjs.js

@@ -0,0 +1,139 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var styled = require('styled-components');
+var useTheme = require('@cleartrip/ct-design-use-theme');
+var ctDesignContainer = require('@cleartrip/ct-design-container');
+var ctDesignTypography = require('@cleartrip/ct-design-typography');
+var ctDesignButton = require('@cleartrip/ct-design-button');
+var ctDesignIcons = require('@cleartrip/ct-design-icons');
+var ctDesignSelect = require('@cleartrip/ct-design-select');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+var useTheme__default = /*#__PURE__*/_interopDefault(useTheme);
+
+var getTableBodyStyles = function (_a) {
+    var _b = _a.width, width = _b === void 0 ? '100%' : _b, _c = _a.height, height = _c === void 0 ? '100%' : _c; _a.theme; var rest = tslib.__rest(_a, ["width", "height", "theme"]);
+    return (tslib.__assign({ width: width, height: height }, rest));
+};
+
+var StyledTableBody = styled__default.default.table(function (_a) {
+    var css = _a.css; _a.children; var theme = _a.theme, rest = tslib.__rest(_a, ["css", "children", "theme"]);
+    return getTableBodyStyles(tslib.__assign(tslib.__assign(tslib.__assign({}, rest), css), { theme: theme }));
+});
+var TableBody = react.forwardRef(function (_a, forwardedRef) {
+    var as = _a.as, children = _a.children, rest = tslib.__rest(_a, ["as", "children"]);
+    var theme = useTheme__default.default();
+    return (jsxRuntime.jsx(StyledTableBody, tslib.__assign({ as: as, theme: theme, ref: forwardedRef }, rest, { children: children })));
+});
+
+var getTableHeaderStyles = function (_a) {
+    _a.width; _a.height; _a.theme; var rest = tslib.__rest(_a, ["width", "height", "theme"]);
+    return (tslib.__assign({}, rest));
+};
+
+var StyledTableHeader = styled__default.default.tbody(function (_a) {
+    var css = _a.css, theme = _a.theme, rest = tslib.__rest(_a, ["css", "theme"]);
+    return getTableHeaderStyles(tslib.__assign(tslib.__assign(tslib.__assign({}, rest), css), { theme: theme }));
+});
+var TableHeader = react.forwardRef(function (_a, forwardedRef) {
+    var _b = _a.as, as = _b === void 0 ? 'tbody' : _b, children = _a.children, css = _a.css;
+    return (jsxRuntime.jsx(StyledTableHeader, tslib.__assign({ as: as, ref: forwardedRef, css: css }, { children: react.Children.map(children, function (child) {
+            if (react.isValidElement(child)) {
+                return react.cloneElement(child, tslib.__assign(tslib.__assign({}, child.props), { isHeadRow: as === 'thead' }));
+            }
+            return null;
+        }) })));
+});
+
+var getTableRowStyles = function (_a) {
+    _a.width; _a.height; _a.theme; var rest = tslib.__rest(_a, ["width", "height", "theme"]);
+    return (tslib.__assign({}, rest));
+};
+
+var StyledTableRow = styled__default.default.tr(function (_a) {
+    var css = _a.css, theme = _a.theme; _a.children; var rest = tslib.__rest(_a, ["css", "theme", "children"]);
+    return getTableRowStyles(tslib.__assign(tslib.__assign(tslib.__assign({}, rest), { theme: theme }), css));
+});
+var TableRow = react.forwardRef(function (_a, forwardedRef) {
+    var isHeadRow = _a.isHeadRow, children = _a.children, css = _a.css;
+    var theme = useTheme__default.default();
+    var count = react.Children.count(children);
+    return (jsxRuntime.jsx(StyledTableRow, tslib.__assign({ theme: theme, css: css, ref: forwardedRef }, { children: react.Children.map(children, function (child, index) {
+            if (react.isValidElement(child)) {
+                return react.cloneElement(child, tslib.__assign(tslib.__assign({}, child.props), { isHeadCell: isHeadRow, leftMostCell: index === 0, rightMostCell: index === count }));
+            }
+            return null;
+        }) })));
+});
+
+var getTableCellStyles = function (_a) {
+    var width = _a.width, height = _a.height; _a.theme; var rest = tslib.__rest(_a, ["width", "height", "theme"]);
+    return (tslib.__assign({ width: width, height: height, borderBottom: '1px solid #E7E7E7', padding: '24px' }, rest));
+};
+
+var StyledTableCell = styled__default.default.td(function (_a) {
+    var css = _a.css; _a.children; var isHeadCell = _a.isHeadCell, theme = _a.theme, showSeparators = _a.showSeparators, rest = tslib.__rest(_a, ["css", "children", "isHeadCell", "theme", "showSeparators"]);
+    return getTableCellStyles(tslib.__assign(tslib.__assign(tslib.__assign({}, rest), css), { padding: isHeadCell ? '24px' : '16px 24px', cursor: isHeadCell ? 'auto' : 'pointer', textAlign: 'left', borderBottomWidth: showSeparators ? '1px' : 0, theme: theme }));
+});
+var TableCell = react.forwardRef(function (_a, forwardedRef) {
+    _a.children; var css = _a.css, tableCellContent = _a.tableCellContent, _b = _a.isHeadCell, isHeadCell = _b === void 0 ? false : _b, _c = _a.leftMostCell, leftMostCell = _c === void 0 ? false : _c, _d = _a.rightMostCell, rightMostCell = _d === void 0 ? false : _d, _e = _a.showSeparators, showSeparators = _e === void 0 ? true : _e;
+    tableCellContent.component; tableCellContent.cell; var rest = tslib.__rest(tableCellContent, ["component", "cell"]);
+    return (jsxRuntime.jsx(StyledTableCell, tslib.__assign({ ref: forwardedRef, css: css, isHeadCell: isHeadCell, leftMostCell: leftMostCell, rightMostCell: rightMostCell, showSeparators: showSeparators, width: tableCellContent.width }, { children: tableCellContent.component ? (react.cloneElement(tableCellContent.component, tslib.__assign({}, rest))) : tableCellContent.cell ? (jsxRuntime.jsxs(ctDesignContainer.Container, { children: [jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'L2', color: isHeadCell ? ctDesignTypography.TypographyColor.SUBHEADING : ctDesignTypography.TypographyColor.HEADING }, { children: tableCellContent.cell.label })), jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'B2', color: ctDesignTypography.TypographyColor.SUBHEADING }, { children: tableCellContent.cell.subLabel }))] })) : null })));
+});
+
+var TableRoot = styled__default.default.div(function (_a) {
+    var theme = _a.theme;
+    return ({
+        background: theme.color.background.neutral,
+        boxShadow: '0px 16px 40px rgba(112, 144, 176, 0.05)',
+        borderRadius: '6px',
+    });
+});
+var Table = react.forwardRef(function (_a) {
+    var data = _a.data; _a.children; _a.defaultHiddenColumns; var headerComponent = _a.headerComponent; _a.height; _a.initialPageIndex; var itemsPerPage = _a.itemsPerPage; _a.loading; var _b = _a.showHeader, showHeader = _b === void 0 ? true : _b, showPagination = _a.showPagination, _c = _a.showSeparators, showSeparators = _c === void 0 ? true : _c, _d = _a.showTableHead, showTableHead = _d === void 0 ? true : _d; _a.title; _a.totalPages; _a.css; var tableCSS = _a.tableCSS; _a.width; var columnHeaderData = _a.columnHeaderData, onPageChange = _a.onPageChange, rowsPerPageOptions = _a.rowsPerPageOptions;
+    var _e = react.useState(0), pageNo = _e[0], setPageNo = _e[1];
+    var _f = react.useState(showPagination ? itemsPerPage || data.length : data.length), rowsPerPage = _f[0], setRowsPerPage = _f[1];
+    var theme = useTheme__default.default();
+    var handleChangePage = function (_, newPage) {
+        setPageNo(newPage);
+        onPageChange && onPageChange();
+    };
+    var handleChangeRowsPerPage = function (newRowsPerPage) {
+        setRowsPerPage(newRowsPerPage);
+    };
+    var dataItems = react.useMemo(function () { return (showPagination ? data.slice(pageNo * rowsPerPage, (pageNo + 1) * rowsPerPage) : data); }, [pageNo, data, rowsPerPage]);
+    return (jsxRuntime.jsxs(TableRoot, tslib.__assign({ theme: theme }, { children: [showHeader && headerComponent, showPagination && (jsxRuntime.jsx(PaginationComponent, { pageNo: pageNo, rowsPerPage: rowsPerPage, totalCount: data.length, handlePageChange: handleChangePage, rowsPerPageOptions: rowsPerPageOptions, changeRowPerPage: handleChangeRowsPerPage })), jsxRuntime.jsxs(TableBody, { children: [showHeader && showTableHead && columnHeaderData && (jsxRuntime.jsx(TableHeader, tslib.__assign({ as: 'thead', css: tableCSS === null || tableCSS === void 0 ? void 0 : tableCSS.tableHeader }, { children: jsxRuntime.jsx(TableRow, { children: columnHeaderData.map(function (column) { return (jsxRuntime.jsx(TableCell, { showSeparators: showSeparators, tableCellContent: column, css: tableCSS === null || tableCSS === void 0 ? void 0 : tableCSS.tableCell })); }) }) }))), jsxRuntime.jsx(TableHeader, tslib.__assign({ as: 'tbody', css: tableCSS === null || tableCSS === void 0 ? void 0 : tableCSS.tableHeader }, { children: dataItems.map(function (rowData) { return (jsxRuntime.jsx(TableRow, { children: rowData.cells.map(function (cell) { return (jsxRuntime.jsx(TableCell, { showSeparators: showSeparators, tableCellContent: cell, css: tableCSS === null || tableCSS === void 0 ? void 0 : tableCSS.tableCell })); }) })); }) }))] })] })));
+});
+function PaginationComponent(_a) {
+    var pageNo = _a.pageNo, rowsPerPage = _a.rowsPerPage, totalCount = _a.totalCount, handlePageChange = _a.handlePageChange, _b = _a.rowsPerPageOptions, rowsPerPageOptions = _b === void 0 ? [5, 10, 20, 100] : _b, changeRowPerPage = _a.changeRowPerPage;
+    var start = pageNo * rowsPerPage + 1;
+    var end = Math.min((pageNo + 1) * rowsPerPage, totalCount);
+    var onPageChange = function (change) { return function (event) {
+        handlePageChange(event, pageNo + change);
+    }; };
+    var onLeftChevronClick = function (event) {
+        if (pageNo <= 0)
+            return;
+        onPageChange(-1)(event);
+    };
+    var onRightChevronClick = function (event) {
+        if (end === totalCount)
+            return;
+        onPageChange(1)(event);
+    };
+    var onRowPerPageChange = function (option) {
+        handlePageChange(null, 0);
+        changeRowPerPage(+option.label);
+    };
+    var maxDigit = Math.log10(totalCount) + 1;
+    console.log(ctDesignButton.Button, 23, ctDesignIcons.ChevronLeft, ctDesignIcons.ChevronRight);
+    return (jsxRuntime.jsxs(ctDesignContainer.Container, tslib.__assign({ display: 'flex', width: '100%', justifyContent: 'flex-end', alignItems: 'center', className: 'py-2' }, { children: [jsxRuntime.jsxs(ctDesignContainer.Container, tslib.__assign({ display: 'flex', alignItems: 'center' }, { children: ["Rows per page:", ' ', jsxRuntime.jsx(ctDesignSelect.Select, { name: 'pageNo', className: 'mx-4', selectedOption: { label: rowsPerPage, key: rowsPerPage }, textFieldHeight: '40px', optionList: rowsPerPageOptions.map(function (elem) { return ({ label: '' + elem, key: '' + elem }); }), onSelect: onRowPerPageChange, width: '100px' })] })), jsxRuntime.jsxs(ctDesignContainer.Container, tslib.__assign({ display: 'flex', justifyContent: 'center', width: "".concat(maxDigit * 3 + 5, "ch") }, { children: [start, " - ", end, " of ", totalCount, ' '] })), jsxRuntime.jsxs(ctDesignContainer.Container, tslib.__assign({ display: 'flex' }, { children: [jsxRuntime.jsx(ctDesignButton.Button, tslib.__assign({ onClick: onLeftChevronClick, disabled: pageNo <= 0 }, { children: jsxRuntime.jsx(ctDesignIcons.ChevronLeft, {}) })), jsxRuntime.jsx(ctDesignButton.Button, tslib.__assign({ onClick: onRightChevronClick, disabled: end === totalCount }, { children: jsxRuntime.jsx(ctDesignIcons.ChevronRight, {}) }))] }))] })));
+}
+
+exports.Table = Table;
+//# sourceMappingURL=ct-design-table.cjs.js.map

package/dist/ct-design-table.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-table.cjs.js","sources":["../../packages/components/Table/src/TableBody/style.ts","../../packages/components/Table/src/TableBody/TableBody.tsx","../../packages/components/Table/src/TableHeader/style.ts","../../packages/components/Table/src/TableHeader/TableHeader.tsx","../../packages/components/Table/src/TableRow/style.ts","../../packages/components/Table/src/TableRow/TableRow.tsx","../../packages/components/Table/src/TableCell/style.ts","../../packages/components/Table/src/TableCell/TableCell.tsx","../../packages/components/Table/src/Table.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null,null],"names":["__rest","__assign","styled","forwardRef","useTheme","_jsx","Children","isValidElement","cloneElement","_jsxs","Container","Typography","TypographyColor","useState","useMemo","Button","ChevronLeft","ChevronRight","Select"],"mappings":"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"}

package/dist/ct-design-table.esm.js

@@ -0,0 +1,132 @@
+import { __rest, __assign } from 'tslib';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef, Children, isValidElement, cloneElement, useState, useMemo } from 'react';
+import styled from 'styled-components';
+import useTheme from '@cleartrip/ct-design-use-theme';
+import { Container } from '@cleartrip/ct-design-container';
+import { Typography, TypographyColor } from '@cleartrip/ct-design-typography';
+import { Button } from '@cleartrip/ct-design-button';
+import { ChevronLeft, ChevronRight } from '@cleartrip/ct-design-icons';
+import { Select } from '@cleartrip/ct-design-select';
+
+var getTableBodyStyles = function (_a) {
+    var _b = _a.width, width = _b === void 0 ? '100%' : _b, _c = _a.height, height = _c === void 0 ? '100%' : _c; _a.theme; var rest = __rest(_a, ["width", "height", "theme"]);
+    return (__assign({ width: width, height: height }, rest));
+};
+
+var StyledTableBody = styled.table(function (_a) {
+    var css = _a.css; _a.children; var theme = _a.theme, rest = __rest(_a, ["css", "children", "theme"]);
+    return getTableBodyStyles(__assign(__assign(__assign({}, rest), css), { theme: theme }));
+});
+var TableBody = forwardRef(function (_a, forwardedRef) {
+    var as = _a.as, children = _a.children, rest = __rest(_a, ["as", "children"]);
+    var theme = useTheme();
+    return (jsx(StyledTableBody, __assign({ as: as, theme: theme, ref: forwardedRef }, rest, { children: children })));
+});
+
+var getTableHeaderStyles = function (_a) {
+    _a.width; _a.height; _a.theme; var rest = __rest(_a, ["width", "height", "theme"]);
+    return (__assign({}, rest));
+};
+
+var StyledTableHeader = styled.tbody(function (_a) {
+    var css = _a.css, theme = _a.theme, rest = __rest(_a, ["css", "theme"]);
+    return getTableHeaderStyles(__assign(__assign(__assign({}, rest), css), { theme: theme }));
+});
+var TableHeader = forwardRef(function (_a, forwardedRef) {
+    var _b = _a.as, as = _b === void 0 ? 'tbody' : _b, children = _a.children, css = _a.css;
+    return (jsx(StyledTableHeader, __assign({ as: as, ref: forwardedRef, css: css }, { children: Children.map(children, function (child) {
+            if (isValidElement(child)) {
+                return cloneElement(child, __assign(__assign({}, child.props), { isHeadRow: as === 'thead' }));
+            }
+            return null;
+        }) })));
+});
+
+var getTableRowStyles = function (_a) {
+    _a.width; _a.height; _a.theme; var rest = __rest(_a, ["width", "height", "theme"]);
+    return (__assign({}, rest));
+};
+
+var StyledTableRow = styled.tr(function (_a) {
+    var css = _a.css, theme = _a.theme; _a.children; var rest = __rest(_a, ["css", "theme", "children"]);
+    return getTableRowStyles(__assign(__assign(__assign({}, rest), { theme: theme }), css));
+});
+var TableRow = forwardRef(function (_a, forwardedRef) {
+    var isHeadRow = _a.isHeadRow, children = _a.children, css = _a.css;
+    var theme = useTheme();
+    var count = Children.count(children);
+    return (jsx(StyledTableRow, __assign({ theme: theme, css: css, ref: forwardedRef }, { children: Children.map(children, function (child, index) {
+            if (isValidElement(child)) {
+                return cloneElement(child, __assign(__assign({}, child.props), { isHeadCell: isHeadRow, leftMostCell: index === 0, rightMostCell: index === count }));
+            }
+            return null;
+        }) })));
+});
+
+var getTableCellStyles = function (_a) {
+    var width = _a.width, height = _a.height; _a.theme; var rest = __rest(_a, ["width", "height", "theme"]);
+    return (__assign({ width: width, height: height, borderBottom: '1px solid #E7E7E7', padding: '24px' }, rest));
+};
+
+var StyledTableCell = styled.td(function (_a) {
+    var css = _a.css; _a.children; var isHeadCell = _a.isHeadCell, theme = _a.theme, showSeparators = _a.showSeparators, rest = __rest(_a, ["css", "children", "isHeadCell", "theme", "showSeparators"]);
+    return getTableCellStyles(__assign(__assign(__assign({}, rest), css), { padding: isHeadCell ? '24px' : '16px 24px', cursor: isHeadCell ? 'auto' : 'pointer', textAlign: 'left', borderBottomWidth: showSeparators ? '1px' : 0, theme: theme }));
+});
+var TableCell = forwardRef(function (_a, forwardedRef) {
+    _a.children; var css = _a.css, tableCellContent = _a.tableCellContent, _b = _a.isHeadCell, isHeadCell = _b === void 0 ? false : _b, _c = _a.leftMostCell, leftMostCell = _c === void 0 ? false : _c, _d = _a.rightMostCell, rightMostCell = _d === void 0 ? false : _d, _e = _a.showSeparators, showSeparators = _e === void 0 ? true : _e;
+    tableCellContent.component; tableCellContent.cell; var rest = __rest(tableCellContent, ["component", "cell"]);
+    return (jsx(StyledTableCell, __assign({ ref: forwardedRef, css: css, isHeadCell: isHeadCell, leftMostCell: leftMostCell, rightMostCell: rightMostCell, showSeparators: showSeparators, width: tableCellContent.width }, { children: tableCellContent.component ? (cloneElement(tableCellContent.component, __assign({}, rest))) : tableCellContent.cell ? (jsxs(Container, { children: [jsx(Typography, __assign({ variant: 'L2', color: isHeadCell ? TypographyColor.SUBHEADING : TypographyColor.HEADING }, { children: tableCellContent.cell.label })), jsx(Typography, __assign({ variant: 'B2', color: TypographyColor.SUBHEADING }, { children: tableCellContent.cell.subLabel }))] })) : null })));
+});
+
+var TableRoot = styled.div(function (_a) {
+    var theme = _a.theme;
+    return ({
+        background: theme.color.background.neutral,
+        boxShadow: '0px 16px 40px rgba(112, 144, 176, 0.05)',
+        borderRadius: '6px',
+    });
+});
+var Table = forwardRef(function (_a) {
+    var data = _a.data; _a.children; _a.defaultHiddenColumns; var headerComponent = _a.headerComponent; _a.height; _a.initialPageIndex; var itemsPerPage = _a.itemsPerPage; _a.loading; var _b = _a.showHeader, showHeader = _b === void 0 ? true : _b, showPagination = _a.showPagination, _c = _a.showSeparators, showSeparators = _c === void 0 ? true : _c, _d = _a.showTableHead, showTableHead = _d === void 0 ? true : _d; _a.title; _a.totalPages; _a.css; var tableCSS = _a.tableCSS; _a.width; var columnHeaderData = _a.columnHeaderData, onPageChange = _a.onPageChange, rowsPerPageOptions = _a.rowsPerPageOptions;
+    var _e = useState(0), pageNo = _e[0], setPageNo = _e[1];
+    var _f = useState(showPagination ? itemsPerPage || data.length : data.length), rowsPerPage = _f[0], setRowsPerPage = _f[1];
+    var theme = useTheme();
+    var handleChangePage = function (_, newPage) {
+        setPageNo(newPage);
+        onPageChange && onPageChange();
+    };
+    var handleChangeRowsPerPage = function (newRowsPerPage) {
+        setRowsPerPage(newRowsPerPage);
+    };
+    var dataItems = useMemo(function () { return (showPagination ? data.slice(pageNo * rowsPerPage, (pageNo + 1) * rowsPerPage) : data); }, [pageNo, data, rowsPerPage]);
+    return (jsxs(TableRoot, __assign({ theme: theme }, { children: [showHeader && headerComponent, showPagination && (jsx(PaginationComponent, { pageNo: pageNo, rowsPerPage: rowsPerPage, totalCount: data.length, handlePageChange: handleChangePage, rowsPerPageOptions: rowsPerPageOptions, changeRowPerPage: handleChangeRowsPerPage })), jsxs(TableBody, { children: [showHeader && showTableHead && columnHeaderData && (jsx(TableHeader, __assign({ as: 'thead', css: tableCSS === null || tableCSS === void 0 ? void 0 : tableCSS.tableHeader }, { children: jsx(TableRow, { children: columnHeaderData.map(function (column) { return (jsx(TableCell, { showSeparators: showSeparators, tableCellContent: column, css: tableCSS === null || tableCSS === void 0 ? void 0 : tableCSS.tableCell })); }) }) }))), jsx(TableHeader, __assign({ as: 'tbody', css: tableCSS === null || tableCSS === void 0 ? void 0 : tableCSS.tableHeader }, { children: dataItems.map(function (rowData) { return (jsx(TableRow, { children: rowData.cells.map(function (cell) { return (jsx(TableCell, { showSeparators: showSeparators, tableCellContent: cell, css: tableCSS === null || tableCSS === void 0 ? void 0 : tableCSS.tableCell })); }) })); }) }))] })] })));
+});
+function PaginationComponent(_a) {
+    var pageNo = _a.pageNo, rowsPerPage = _a.rowsPerPage, totalCount = _a.totalCount, handlePageChange = _a.handlePageChange, _b = _a.rowsPerPageOptions, rowsPerPageOptions = _b === void 0 ? [5, 10, 20, 100] : _b, changeRowPerPage = _a.changeRowPerPage;
+    var start = pageNo * rowsPerPage + 1;
+    var end = Math.min((pageNo + 1) * rowsPerPage, totalCount);
+    var onPageChange = function (change) { return function (event) {
+        handlePageChange(event, pageNo + change);
+    }; };
+    var onLeftChevronClick = function (event) {
+        if (pageNo <= 0)
+            return;
+        onPageChange(-1)(event);
+    };
+    var onRightChevronClick = function (event) {
+        if (end === totalCount)
+            return;
+        onPageChange(1)(event);
+    };
+    var onRowPerPageChange = function (option) {
+        handlePageChange(null, 0);
+        changeRowPerPage(+option.label);
+    };
+    var maxDigit = Math.log10(totalCount) + 1;
+    console.log(Button, 23, ChevronLeft, ChevronRight);
+    return (jsxs(Container, __assign({ display: 'flex', width: '100%', justifyContent: 'flex-end', alignItems: 'center', className: 'py-2' }, { children: [jsxs(Container, __assign({ display: 'flex', alignItems: 'center' }, { children: ["Rows per page:", ' ', jsx(Select, { name: 'pageNo', className: 'mx-4', selectedOption: { label: rowsPerPage, key: rowsPerPage }, textFieldHeight: '40px', optionList: rowsPerPageOptions.map(function (elem) { return ({ label: '' + elem, key: '' + elem }); }), onSelect: onRowPerPageChange, width: '100px' })] })), jsxs(Container, __assign({ display: 'flex', justifyContent: 'center', width: "".concat(maxDigit * 3 + 5, "ch") }, { children: [start, " - ", end, " of ", totalCount, ' '] })), jsxs(Container, __assign({ display: 'flex' }, { children: [jsx(Button, __assign({ onClick: onLeftChevronClick, disabled: pageNo <= 0 }, { children: jsx(ChevronLeft, {}) })), jsx(Button, __assign({ onClick: onRightChevronClick, disabled: end === totalCount }, { children: jsx(ChevronRight, {}) }))] }))] })));
+}
+
+export { Table };
+//# sourceMappingURL=ct-design-table.esm.js.map

package/dist/ct-design-table.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-table.esm.js","sources":["../../packages/components/Table/src/TableBody/style.ts","../../packages/components/Table/src/TableBody/TableBody.tsx","../../packages/components/Table/src/TableHeader/style.ts","../../packages/components/Table/src/TableHeader/TableHeader.tsx","../../packages/components/Table/src/TableRow/style.ts","../../packages/components/Table/src/TableRow/TableRow.tsx","../../packages/components/Table/src/TableCell/style.ts","../../packages/components/Table/src/TableCell/TableCell.tsx","../../packages/components/Table/src/Table.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null,null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/ct-design-table.umd.js

@@ -0,0 +1,173 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('react'), require('styled-components'), require('@cleartrip/ct-design-use-theme'), require('@cleartrip/ct-design-container'), require('@cleartrip/ct-design-typography'), require('@cleartrip/ct-design-button'), require('@cleartrip/ct-design-icons'), require('@cleartrip/ct-design-select')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', 'react', 'styled-components', '@cleartrip/ct-design-use-theme', '@cleartrip/ct-design-container', '@cleartrip/ct-design-typography', '@cleartrip/ct-design-button', '@cleartrip/ct-design-icons', '@cleartrip/ct-design-select'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystemTable = {}, global.jsxRuntime, global.React, global.styled, global.useTheme, global.ctDesignContainer, global.ctDesignTypography, global.ctDesignButton, global.ctDesignIcons, global.ctDesignSelect));
+})(this, (function (exports, jsxRuntime, react, styled, useTheme, ctDesignContainer, ctDesignTypography, ctDesignButton, ctDesignIcons, ctDesignSelect) { 'use strict';
+
+    function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+    var styled__default = /*#__PURE__*/_interopDefault(styled);
+    var useTheme__default = /*#__PURE__*/_interopDefault(useTheme);
+
+    /******************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise, SuppressedError, Symbol */
+
+    var __assign = function () {
+      __assign = Object.assign || function __assign(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);
+    };
+    function __rest(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;
+    }
+    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+      var e = new Error(message);
+      return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
+
+    var getTableBodyStyles = function (_a) {
+        var _b = _a.width, width = _b === void 0 ? '100%' : _b, _c = _a.height, height = _c === void 0 ? '100%' : _c; _a.theme; var rest = __rest(_a, ["width", "height", "theme"]);
+        return (__assign({ width: width, height: height }, rest));
+    };
+
+    var StyledTableBody = styled__default.default.table(function (_a) {
+        var css = _a.css; _a.children; var theme = _a.theme, rest = __rest(_a, ["css", "children", "theme"]);
+        return getTableBodyStyles(__assign(__assign(__assign({}, rest), css), { theme: theme }));
+    });
+    var TableBody = react.forwardRef(function (_a, forwardedRef) {
+        var as = _a.as, children = _a.children, rest = __rest(_a, ["as", "children"]);
+        var theme = useTheme__default.default();
+        return (jsxRuntime.jsx(StyledTableBody, __assign({ as: as, theme: theme, ref: forwardedRef }, rest, { children: children })));
+    });
+
+    var getTableHeaderStyles = function (_a) {
+        _a.width; _a.height; _a.theme; var rest = __rest(_a, ["width", "height", "theme"]);
+        return (__assign({}, rest));
+    };
+
+    var StyledTableHeader = styled__default.default.tbody(function (_a) {
+        var css = _a.css, theme = _a.theme, rest = __rest(_a, ["css", "theme"]);
+        return getTableHeaderStyles(__assign(__assign(__assign({}, rest), css), { theme: theme }));
+    });
+    var TableHeader = react.forwardRef(function (_a, forwardedRef) {
+        var _b = _a.as, as = _b === void 0 ? 'tbody' : _b, children = _a.children, css = _a.css;
+        return (jsxRuntime.jsx(StyledTableHeader, __assign({ as: as, ref: forwardedRef, css: css }, { children: react.Children.map(children, function (child) {
+                if (react.isValidElement(child)) {
+                    return react.cloneElement(child, __assign(__assign({}, child.props), { isHeadRow: as === 'thead' }));
+                }
+                return null;
+            }) })));
+    });
+
+    var getTableRowStyles = function (_a) {
+        _a.width; _a.height; _a.theme; var rest = __rest(_a, ["width", "height", "theme"]);
+        return (__assign({}, rest));
+    };
+
+    var StyledTableRow = styled__default.default.tr(function (_a) {
+        var css = _a.css, theme = _a.theme; _a.children; var rest = __rest(_a, ["css", "theme", "children"]);
+        return getTableRowStyles(__assign(__assign(__assign({}, rest), { theme: theme }), css));
+    });
+    var TableRow = react.forwardRef(function (_a, forwardedRef) {
+        var isHeadRow = _a.isHeadRow, children = _a.children, css = _a.css;
+        var theme = useTheme__default.default();
+        var count = react.Children.count(children);
+        return (jsxRuntime.jsx(StyledTableRow, __assign({ theme: theme, css: css, ref: forwardedRef }, { children: react.Children.map(children, function (child, index) {
+                if (react.isValidElement(child)) {
+                    return react.cloneElement(child, __assign(__assign({}, child.props), { isHeadCell: isHeadRow, leftMostCell: index === 0, rightMostCell: index === count }));
+                }
+                return null;
+            }) })));
+    });
+
+    var getTableCellStyles = function (_a) {
+        var width = _a.width, height = _a.height; _a.theme; var rest = __rest(_a, ["width", "height", "theme"]);
+        return (__assign({ width: width, height: height, borderBottom: '1px solid #E7E7E7', padding: '24px' }, rest));
+    };
+
+    var StyledTableCell = styled__default.default.td(function (_a) {
+        var css = _a.css; _a.children; var isHeadCell = _a.isHeadCell, theme = _a.theme, showSeparators = _a.showSeparators, rest = __rest(_a, ["css", "children", "isHeadCell", "theme", "showSeparators"]);
+        return getTableCellStyles(__assign(__assign(__assign({}, rest), css), { padding: isHeadCell ? '24px' : '16px 24px', cursor: isHeadCell ? 'auto' : 'pointer', textAlign: 'left', borderBottomWidth: showSeparators ? '1px' : 0, theme: theme }));
+    });
+    var TableCell = react.forwardRef(function (_a, forwardedRef) {
+        _a.children; var css = _a.css, tableCellContent = _a.tableCellContent, _b = _a.isHeadCell, isHeadCell = _b === void 0 ? false : _b, _c = _a.leftMostCell, leftMostCell = _c === void 0 ? false : _c, _d = _a.rightMostCell, rightMostCell = _d === void 0 ? false : _d, _e = _a.showSeparators, showSeparators = _e === void 0 ? true : _e;
+        tableCellContent.component; tableCellContent.cell; var rest = __rest(tableCellContent, ["component", "cell"]);
+        return (jsxRuntime.jsx(StyledTableCell, __assign({ ref: forwardedRef, css: css, isHeadCell: isHeadCell, leftMostCell: leftMostCell, rightMostCell: rightMostCell, showSeparators: showSeparators, width: tableCellContent.width }, { children: tableCellContent.component ? (react.cloneElement(tableCellContent.component, __assign({}, rest))) : tableCellContent.cell ? (jsxRuntime.jsxs(ctDesignContainer.Container, { children: [jsxRuntime.jsx(ctDesignTypography.Typography, __assign({ variant: 'L2', color: isHeadCell ? ctDesignTypography.TypographyColor.SUBHEADING : ctDesignTypography.TypographyColor.HEADING }, { children: tableCellContent.cell.label })), jsxRuntime.jsx(ctDesignTypography.Typography, __assign({ variant: 'B2', color: ctDesignTypography.TypographyColor.SUBHEADING }, { children: tableCellContent.cell.subLabel }))] })) : null })));
+    });
+
+    var TableRoot = styled__default.default.div(function (_a) {
+        var theme = _a.theme;
+        return ({
+            background: theme.color.background.neutral,
+            boxShadow: '0px 16px 40px rgba(112, 144, 176, 0.05)',
+            borderRadius: '6px',
+        });
+    });
+    var Table = react.forwardRef(function (_a) {
+        var data = _a.data; _a.children; _a.defaultHiddenColumns; var headerComponent = _a.headerComponent; _a.height; _a.initialPageIndex; var itemsPerPage = _a.itemsPerPage; _a.loading; var _b = _a.showHeader, showHeader = _b === void 0 ? true : _b, showPagination = _a.showPagination, _c = _a.showSeparators, showSeparators = _c === void 0 ? true : _c, _d = _a.showTableHead, showTableHead = _d === void 0 ? true : _d; _a.title; _a.totalPages; _a.css; var tableCSS = _a.tableCSS; _a.width; var columnHeaderData = _a.columnHeaderData, onPageChange = _a.onPageChange, rowsPerPageOptions = _a.rowsPerPageOptions;
+        var _e = react.useState(0), pageNo = _e[0], setPageNo = _e[1];
+        var _f = react.useState(showPagination ? itemsPerPage || data.length : data.length), rowsPerPage = _f[0], setRowsPerPage = _f[1];
+        var theme = useTheme__default.default();
+        var handleChangePage = function (_, newPage) {
+            setPageNo(newPage);
+            onPageChange && onPageChange();
+        };
+        var handleChangeRowsPerPage = function (newRowsPerPage) {
+            setRowsPerPage(newRowsPerPage);
+        };
+        var dataItems = react.useMemo(function () { return (showPagination ? data.slice(pageNo * rowsPerPage, (pageNo + 1) * rowsPerPage) : data); }, [pageNo, data, rowsPerPage]);
+        return (jsxRuntime.jsxs(TableRoot, __assign({ theme: theme }, { children: [showHeader && headerComponent, showPagination && (jsxRuntime.jsx(PaginationComponent, { pageNo: pageNo, rowsPerPage: rowsPerPage, totalCount: data.length, handlePageChange: handleChangePage, rowsPerPageOptions: rowsPerPageOptions, changeRowPerPage: handleChangeRowsPerPage })), jsxRuntime.jsxs(TableBody, { children: [showHeader && showTableHead && columnHeaderData && (jsxRuntime.jsx(TableHeader, __assign({ as: 'thead', css: tableCSS === null || tableCSS === void 0 ? void 0 : tableCSS.tableHeader }, { children: jsxRuntime.jsx(TableRow, { children: columnHeaderData.map(function (column) { return (jsxRuntime.jsx(TableCell, { showSeparators: showSeparators, tableCellContent: column, css: tableCSS === null || tableCSS === void 0 ? void 0 : tableCSS.tableCell })); }) }) }))), jsxRuntime.jsx(TableHeader, __assign({ as: 'tbody', css: tableCSS === null || tableCSS === void 0 ? void 0 : tableCSS.tableHeader }, { children: dataItems.map(function (rowData) { return (jsxRuntime.jsx(TableRow, { children: rowData.cells.map(function (cell) { return (jsxRuntime.jsx(TableCell, { showSeparators: showSeparators, tableCellContent: cell, css: tableCSS === null || tableCSS === void 0 ? void 0 : tableCSS.tableCell })); }) })); }) }))] })] })));
+    });
+    function PaginationComponent(_a) {
+        var pageNo = _a.pageNo, rowsPerPage = _a.rowsPerPage, totalCount = _a.totalCount, handlePageChange = _a.handlePageChange, _b = _a.rowsPerPageOptions, rowsPerPageOptions = _b === void 0 ? [5, 10, 20, 100] : _b, changeRowPerPage = _a.changeRowPerPage;
+        var start = pageNo * rowsPerPage + 1;
+        var end = Math.min((pageNo + 1) * rowsPerPage, totalCount);
+        var onPageChange = function (change) { return function (event) {
+            handlePageChange(event, pageNo + change);
+        }; };
+        var onLeftChevronClick = function (event) {
+            if (pageNo <= 0)
+                return;
+            onPageChange(-1)(event);
+        };
+        var onRightChevronClick = function (event) {
+            if (end === totalCount)
+                return;
+            onPageChange(1)(event);
+        };
+        var onRowPerPageChange = function (option) {
+            handlePageChange(null, 0);
+            changeRowPerPage(+option.label);
+        };
+        var maxDigit = Math.log10(totalCount) + 1;
+        console.log(ctDesignButton.Button, 23, ctDesignIcons.ChevronLeft, ctDesignIcons.ChevronRight);
+        return (jsxRuntime.jsxs(ctDesignContainer.Container, __assign({ display: 'flex', width: '100%', justifyContent: 'flex-end', alignItems: 'center', className: 'py-2' }, { children: [jsxRuntime.jsxs(ctDesignContainer.Container, __assign({ display: 'flex', alignItems: 'center' }, { children: ["Rows per page:", ' ', jsxRuntime.jsx(ctDesignSelect.Select, { name: 'pageNo', className: 'mx-4', selectedOption: { label: rowsPerPage, key: rowsPerPage }, textFieldHeight: '40px', optionList: rowsPerPageOptions.map(function (elem) { return ({ label: '' + elem, key: '' + elem }); }), onSelect: onRowPerPageChange, width: '100px' })] })), jsxRuntime.jsxs(ctDesignContainer.Container, __assign({ display: 'flex', justifyContent: 'center', width: "".concat(maxDigit * 3 + 5, "ch") }, { children: [start, " - ", end, " of ", totalCount, ' '] })), jsxRuntime.jsxs(ctDesignContainer.Container, __assign({ display: 'flex' }, { children: [jsxRuntime.jsx(ctDesignButton.Button, __assign({ onClick: onLeftChevronClick, disabled: pageNo <= 0 }, { children: jsxRuntime.jsx(ctDesignIcons.ChevronLeft, {}) })), jsxRuntime.jsx(ctDesignButton.Button, __assign({ onClick: onRightChevronClick, disabled: end === totalCount }, { children: jsxRuntime.jsx(ctDesignIcons.ChevronRight, {}) }))] }))] })));
+    }
+
+    exports.Table = Table;
+
+}));
+//# sourceMappingURL=ct-design-table.umd.js.map