@activecollab/components 1.0.4 → 1.0.8

package/dist/cjs/components/Tables/Styles.js

@@ -0,0 +1,188 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledTableWrapper = exports.StyledTableHead = exports.StyledTableBody = exports.StyledTable = exports.StyledDataTable = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _BoxSizingStyle = require("../BoxSizingStyle");
+
+var _FontStyle = require("../FontStyle");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var StyledTableHead = _styledComponents.default.thead.withConfig({
+  displayName: "Styles__StyledTableHead",
+  componentId: "sc-e16t6w-0"
+})(["", " ", " ", " th{", "}tr{td:first-child,th:first-child{", "}}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
+  "textAlign": "left",
+  "textTransform": "uppercase"
+}, {
+  "whiteSpace": "nowrap",
+  "paddingLeft": "1rem",
+  "paddingRight": "1rem",
+  "paddingBottom": "2rem",
+  "paddingTop": "0.5rem",
+  "color": "var(--color-theme-700)",
+  "fontWeight": "600",
+  "fontSize": "0.6875rem"
+}, {
+  "paddingLeft": "1.5rem"
+});
+
+exports.StyledTableHead = StyledTableHead;
+StyledTableHead.displayName = "StyledTableHead";
+
+var StyledTableBody = _styledComponents.default.tbody.withConfig({
+  displayName: "Styles__StyledTableBody",
+  componentId: "sc-e16t6w-1"
+})(["", " ", " ", " td{", "}&:not(.c-table__grouped__head){td{", "}}a{", " &:hover{", "}}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
+  "overflow": "hidden",
+  "textOverflow": "ellipsis",
+  "whiteSpace": "nowrap"
+}, {
+  "overflow": "hidden",
+  "textOverflow": "ellipsis",
+  "whiteSpace": "nowrap"
+}, {
+  "color": "var(--color-theme-700)"
+}, {
+  "textDecoration": "none",
+  "color": "var(--color-primary)"
+}, {
+  "textDecoration": "underline"
+});
+
+exports.StyledTableBody = StyledTableBody;
+StyledTableBody.displayName = "StyledTableBody";
+
+var StyledTableWrapper = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledTableWrapper",
+  componentId: "sc-e16t6w-2"
+})(["", " ", " ", " &:before{", " content:\"\";top:39px;z-index:-1;}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
+  "marginTop": "2rem",
+  "marginLeft": "1rem",
+  "marginRight": "1rem",
+  "overflowX": "auto",
+  "overflowY": "hidden"
+}, {
+  "position": "absolute",
+  "left": "0px",
+  "right": "0px",
+  "bottom": "0px",
+  "backgroundColor": "var(--page-paper-main)",
+  "borderRadius": "0.5rem",
+  "--tw-shadow": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
+  "boxShadow": "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"
+});
+
+exports.StyledTableWrapper = StyledTableWrapper;
+StyledTableWrapper.displayName = "StyledTableWrapper";
+
+var StyledTable = _styledComponents.default.table.withConfig({
+  displayName: "Styles__StyledTable",
+  componentId: "sc-e16t6w-3"
+})(["", " border-spacing:0;", " tr th,", " tr td{&:last-child{", "}}td{", "}", ""], {
+  "width": "100%",
+  "padding": "0px",
+  "fontSize": "0.75rem",
+  "lineHeight": "1rem",
+  "paddingBottom": "1rem"
+}, StyledTableHead, StyledTableBody, {
+  "textAlign": "right"
+}, {
+  "paddingTop": "0.75rem",
+  "paddingBottom": "0.75rem",
+  "paddingLeft": "1rem",
+  "paddingRight": "1rem"
+}, function (props) {
+  return props.$striped && (0, _styledComponents.css)(["", ":not(.c-table__grouped__head){tr:nth-child(odd){", "}}"], StyledTableBody, {
+    "backgroundColor": "var(--color-theme-200)"
+  });
+});
+
+exports.StyledTable = StyledTable;
+StyledTable.displayName = "StyledTable";
+
+var StyledDataTable = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledDataTable",
+  componentId: "sc-e16t6w-4"
+})(["", " ", " &.c-table__collapsible{.c-table__head{tr{th{position:sticky;top:0;z-index:1;}}}}&.c-table__grouped{.c-table__head th{", " &:last-child{", "}}}&.c-data-table{position:relative;.c-table__head th{&:last-child{", "}}}.c-table__cell{", " &:hover{.c-table__icon{", "}}}.c-table__overlay{", " top:0px;border-top-left-radius:8px;border-top-right-radius:8px;background:rgba(0,0,0,0.02);.neon &{background:rgba(0,0,0,0.1);}z-index:5;}.c-table__icon-wrapper{", "}.c-table__label{", "}.c-table__icon{transform:translateY(1px);", " fill:var(--color-theme-900);&:hover{", "}}.c-table__icon--inactive{", "}.c-table__icon--active{", "}.c-table__icon--desc{transform:rotate(-180deg) scale(-1,1);}.c-table__grouped__head{", " >:first-child{", "}a:first-child{", "}}.c-table__head--hidden{", "}.c-table__collapse_icon--expanded{transition-duration:0.3s;", "}.c-table__collapse_icon--collapsed{transform:rotate(180deg);transition-duration:0.3s;", "}.c-table__head__icon-wrapper__icon{", " transform:translate(-24px,-5px);}&.c-table__collapsible{.c-table__group{.c-table__row:last-child .c-table__cell{border-bottom:1px solid var(--border-primary);}&:last-child{.c-table__row:last-child .c-table__cell{border-bottom:0;}}}.c-table__grouped__head{tr td{border-bottom:1px solid var(--border-primary);}.c-table__body__collapse td{border-bottom:0;}&.last{tr td{border-bottom:0 !important;}}}.c-table__grouped__head--expanded{tr:last-child td{border-bottom:0;}}}.c-table__collapse_body{tr{background-color:transparent !important;}td:last-child{", "}", "}.c-table__row{td:first-child{position:sticky;left:0;z-index:1;}&:nth-child(odd){td{", "}}&:nth-child(even){td{", "}}}.c-table__row{th:first-child{position:sticky;left:0;z-index:2 !important;}}&.c-table__collapsible .c-table__body{tr{td:first-child,th:first-child{", "}}}.c-table__body__icon{", " padding-left:0 !important;transform:translateY(8px);}&.padding-b-0{", "}.cursor-pointer{", "}.text-center{", "}.opacity-75{", "}.hidden{", "}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
+  "paddingBottom": "1rem"
+}, {
+  "paddingRight": "0px"
+}, {
+  "paddingRight": "0px"
+}, {
+  "position": "relative"
+}, {
+  "opacity": "0.5"
+}, {
+  "position": "absolute",
+  "width": "100%",
+  "left": "0px",
+  "pointerEvents": "none"
+}, {
+  "display": "inline-block",
+  "userSelect": "none"
+}, {
+  "borderWidth": "0px",
+  "borderColor": "rgba(0, 0, 0, 0)",
+  "borderStyle": "solid"
+}, {
+  "marginLeft": "0.25rem"
+}, {
+  "opacity": "1"
+}, {
+  "opacity": "0"
+}, {
+  "opacity": "1"
+}, {
+  "fontWeight": "700"
+}, {
+  "color": "var(--color-theme-900)"
+}, {
+  "color": "var(--color-primary)"
+}, {
+  "pointerEvents": "none",
+  "opacity": "0"
+}, {
+  "cursor": "pointer"
+}, {
+  "cursor": "pointer"
+}, {
+  "position": "absolute",
+  "cursor": "pointer"
+}, {
+  "borderWidth": "0px"
+}, {
+  "position": "absolute"
+}, {
+  "backgroundColor": "var(--color-theme-200)"
+}, {
+  "backgroundColor": "var(--page-paper-main)"
+}, {
+  "paddingLeft": "1.5rem"
+}, {
+  "padding": "0px"
+}, {
+  "paddingBottom": "0px"
+}, {
+  "cursor": "pointer"
+}, {
+  "textAlign": "center"
+}, {
+  "opacity": "0.75"
+}, {
+  "display": "none"
+});
+
+exports.StyledDataTable = StyledDataTable;
+StyledDataTable.displayName = "StyledDataTable";
+//# sourceMappingURL=Styles.js.map

package/dist/cjs/components/Tables/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Tables/Styles.ts"],"names":["StyledTableHead","styled","thead","FontStyle","BoxSizingStyle","displayName","StyledTableBody","tbody","StyledTableWrapper","div","StyledTable","table","props","$striped","css","StyledDataTable"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;AAEO,IAAMA,eAAe,GAAGC,0BAAOC,KAAV;AAAA;AAAA;AAAA,uEACxBC,oBADwB,EAExBC,8BAFwB,EAItB;AAAA;AAAA;AAAA,CAJsB,EAOpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAPoB,EAalB;AAAA;AAAA,CAbkB,CAArB;;;AAiBPJ,eAAe,CAACK,WAAhB,GAA8B,iBAA9B;;AAEO,IAAMC,eAAe,GAAGL,0BAAOM,KAAV;AAAA;AAAA;AAAA,6FACxBJ,oBADwB,EAExBC,8BAFwB,EAItB;AAAA;AAAA;AAAA;AAAA,CAJsB,EAOpB;AAAA;AAAA;AAAA;AAAA,CAPoB,EAYlB;AAAA;AAAA,CAZkB,EAiBpB;AAAA;AAAA;AAAA,CAjBoB,EAmBlB;AAAA;AAAA,CAnBkB,CAArB;;;AAuBPE,eAAe,CAACD,WAAhB,GAA8B,iBAA9B;;AAEO,IAAMG,kBAAkB,GAAGP,0BAAOQ,GAAV;AAAA;AAAA;AAAA,wEAC3BN,oBAD2B,EAE3BC,8BAF2B,EAIzB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJyB,EAOvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAPuB,CAAxB;;;AAaPI,kBAAkB,CAACH,WAAnB,GAAiC,oBAAjC;;AAEO,IAAMK,WAAW,GAAGT,0BAAOU,KAAV;AAAA;AAAA;AAAA,oFAGlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAHkB,EAMpBX,eANoB,EAOpBM,eAPoB,EASd;AAAA;AAAA,CATc,EAchB;AAAA;AAAA;AAAA;AAAA;AAAA,CAdgB,EAiBpB,UAACM,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,QACAC,qBADA,kEAEIR,eAFJ,EAIU;AAAA;AAAA,GAJV,CADA;AAAA,CAjBoB,CAAjB;;;AA2BPI,WAAW,CAACL,WAAZ,GAA0B,aAA1B;;AAEO,IAAMU,eAAe,GAAGd,0BAAOQ,GAAV;AAAA;AAAA;AAAA,+7DACxBN,oBADwB,EAExBC,8BAFwB,EAiBlB;AAAA;AAAA,CAjBkB,EAmBhB;AAAA;AAAA,CAnBgB,EA2BhB;AAAA;AAAA,CA3BgB,EAgCpB;AAAA;AAAA,CAhCoB,EAmChB;AAAA;AAAA,CAnCgB,EAwCpB;AAAA;AAAA;AAAA;AAAA;AAAA,CAxCoB,EAmDpB;AAAA;AAAA;AAAA,CAnDoB,EAsDpB;AAAA;AAAA;AAAA;AAAA,CAtDoB,EA0DpB;AAAA;AAAA,CA1DoB,EA8DlB;AAAA;AAAA,CA9DkB,EAkEpB;AAAA;AAAA,CAlEoB,EAqEpB;AAAA;AAAA,CArEoB,EA2EpB;AAAA;AAAA,CA3EoB,EA6ElB;AAAA;AAAA,CA7EkB,EAgFlB;AAAA;AAAA,CAhFkB,EAoFpB;AAAA;AAAA;AAAA,CApFoB,EAwFpB;AAAA;AAAA,CAxFoB,EA6FpB;AAAA;AAAA,CA7FoB,EAgGpB;AAAA;AAAA;AAAA,CAhGoB,EAsIlB;AAAA;AAAA,CAtIkB,EAwIpB;AAAA;AAAA,CAxIoB,EAkJhB;AAAA;AAAA,CAlJgB,EAuJhB;AAAA;AAAA,CAvJgB,EAsKhB;AAAA;AAAA,CAtKgB,EA2KpB;AAAA;AAAA,CA3KoB,EAgLpB;AAAA;AAAA,CAhLoB,EAmLpB;AAAA;AAAA,CAnLoB,EAsLpB;AAAA;AAAA,CAtLoB,EAyLpB;AAAA;AAAA,CAzLoB,EA4LpB;AAAA;AAAA,CA5LoB,CAArB;;;AA+LPW,eAAe,CAACV,WAAhB,GAA8B,iBAA9B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledTableHead = styled.thead`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-text-left tw-uppercase`}\n\n  th {\n    ${tw`tw-whitespace-nowrap tw-pl-4 tw-pr-4 tw-pb-8 tw-pt-2 tw-text-theme-700 tw-font-semibold tw-text-xxs`}\n  }\n\n  tr {\n    td:first-child,\n    th:first-child {\n      ${tw`tw-pl-6`}\n    }\n  }\n`;\nStyledTableHead.displayName = \"StyledTableHead\";\n\nexport const StyledTableBody = styled.tbody`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-truncate`}\n\n  td {\n    ${tw`tw-truncate`}\n  }\n\n  &:not(.c-table__grouped__head) {\n    td {\n      ${tw`tw-text-theme-700`}\n    }\n  }\n\n  a {\n    ${tw`tw-no-underline tw-text-primary`}\n    &:hover {\n      ${tw`tw-underline`}\n    }\n  }\n`;\nStyledTableBody.displayName = \"StyledTableBody\";\n\nexport const StyledTableWrapper = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`tw-mt-8 tw-mx-4 tw-overflow-x-auto tw-overflow-y-hidden`}\n\n  &:before {\n    ${tw`tw-absolute tw-left-0 tw-right-0 tw-bottom-0 tw-bg-page-paper-main tw-rounded-lg tw-shadow-lg`}\n    content: \"\";\n    top: 39px;\n    z-index: -1;\n  }\n`;\nStyledTableWrapper.displayName = \"StyledTableWrapper\";\n\nexport const StyledTable = styled.table<{\n  $striped: boolean;\n}>`\n  ${tw`tw-w-full tw-p-0 tw-text-xs tw-pb-4`}\n  border-spacing: 0;\n\n  ${StyledTableHead} tr th,\n  ${StyledTableBody} tr td {\n    &:last-child {\n      ${tw`tw-text-right`}\n    }\n  }\n\n  td {\n    ${tw`tw-py-3 tw-px-4`}\n  }\n\n  ${(props) =>\n    props.$striped &&\n    css`\n      ${StyledTableBody}:not(.c-table__grouped__head) {\n        tr:nth-child(odd) {\n          ${tw`tw-bg-theme-200`}\n        }\n      }\n    `}\n`;\nStyledTable.displayName = \"StyledTable\";\n\nexport const StyledDataTable = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  &.c-table__collapsible {\n    .c-table__head {\n      tr {\n        th {\n          position: sticky;\n          top: 0;\n          z-index: 1;\n        }\n      }\n    }\n  }\n  &.c-table__grouped {\n    .c-table__head th {\n      ${tw`tw-pb-4`}\n      &:last-child {\n        ${tw`tw-pr-0`}\n      }\n    }\n  }\n  &.c-data-table {\n    position: relative;\n    .c-table__head th {\n      &:last-child {\n        ${tw`tw-pr-0`}\n      }\n    }\n  }\n  .c-table__cell {\n    ${tw`tw-relative`}\n    &:hover {\n      .c-table__icon {\n        ${tw`tw-opacity-50`}\n      }\n    }\n  }\n  .c-table__overlay {\n    ${tw`tw-absolute tw-w-full tw-left-0 tw-pointer-events-none`}\n    top: 0px;\n    border-top-left-radius: 8px;\n    border-top-right-radius: 8px;\n    background: rgba(0, 0, 0, 0.02);\n    .neon & {\n      background: rgba(0, 0, 0, 0.1);\n    }\n    z-index: 5;\n  }\n  .c-table__icon-wrapper {\n    ${tw`tw-inline-block tw-select-none`}\n  }\n  .c-table__label {\n    ${tw`tw-border-0 tw-border-0 tw-border-transparent tw-border-solid`}\n  }\n  .c-table__icon {\n    transform: translateY(1px);\n    ${tw`tw-ml-1`}\n    fill: var(--color-theme-900);\n\n    &:hover {\n      ${tw`tw-opacity-100`}\n    }\n  }\n  .c-table__icon--inactive {\n    ${tw`tw-opacity-0`}\n  }\n  .c-table__icon--active {\n    ${tw`tw-opacity-100`}\n  }\n  .c-table__icon--desc {\n    transform: rotate(-180deg) scale(-1, 1);\n  }\n  .c-table__grouped__head {\n    ${tw`tw-font-bold`}\n    > :first-child {\n      ${tw`tw-text-theme-900`}\n    }\n    a:first-child {\n      ${tw`tw-text-primary`}\n    }\n  }\n  .c-table__head--hidden {\n    ${tw`tw-pointer-events-none tw-opacity-0`}\n  }\n  .c-table__collapse_icon--expanded {\n    transition-duration: 0.3s;\n    ${tw`tw-cursor-pointer`}\n  }\n  .c-table__collapse_icon--collapsed {\n    transform: rotate(180deg);\n    transition-duration: 0.3s;\n    ${tw`tw-cursor-pointer`}\n  }\n  .c-table__head__icon-wrapper__icon {\n    ${tw`tw-absolute tw-cursor-pointer`}\n    transform: translate(-24px, -5px);\n  }\n  &.c-table__collapsible {\n    .c-table__group {\n      .c-table__row:last-child .c-table__cell {\n        border-bottom: 1px solid var(--border-primary);\n      }\n      &:last-child {\n        .c-table__row:last-child .c-table__cell {\n          border-bottom: 0;\n        }\n      }\n    }\n    .c-table__grouped__head {\n      tr td {\n        border-bottom: 1px solid var(--border-primary);\n      }\n      .c-table__body__collapse td {\n        border-bottom: 0;\n      }\n      &.last {\n        tr td {\n          border-bottom: 0 !important;\n        }\n      }\n    }\n    .c-table__grouped__head--expanded {\n      tr:last-child td {\n        border-bottom: 0;\n      }\n    }\n  }\n  .c-table__collapse_body {\n    tr {\n      background-color: transparent !important;\n    }\n    td:last-child {\n      ${tw`tw-border-0`}\n    }\n    ${tw`tw-absolute`}\n  }\n  .c-table__row {\n    td:first-child {\n      position: sticky;\n      left: 0;\n      z-index: 1;\n    }\n    &:nth-child(odd) {\n      td {\n        ${tw`tw-bg-theme-200`}\n      }\n    }\n    &:nth-child(even) {\n      td {\n        ${tw`tw-bg-page-paper-main`}\n      }\n    }\n  }\n  .c-table__row {\n    th:first-child {\n      position: sticky;\n      left: 0;\n      z-index: 2 !important;\n    }\n  }\n  &.c-table__collapsible .c-table__body {\n    tr {\n      td:first-child,\n      th:first-child {\n        ${tw`tw-pl-6`}\n      }\n    }\n  }\n  .c-table__body__icon {\n    ${tw`tw-p-0`}\n    padding-left: 0 !important;\n    transform: translateY(8px);\n  }\n  &.padding-b-0 {\n    ${tw`tw-pb-0`}\n  }\n  .cursor-pointer {\n    ${tw`tw-cursor-pointer`}\n  }\n  .text-center {\n    ${tw`tw-text-center`}\n  }\n  .opacity-75 {\n    ${tw`tw-opacity-75`}\n  }\n  .hidden {\n    ${tw`tw-hidden`}\n  }\n`;\nStyledDataTable.displayName = \"StyledDataTable\";\n"],"file":"Styles.js"}

package/dist/cjs/components/Tables/Table.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Thead = exports.Tbody = exports.Table = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Styles = require("./Styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var Table = function Table(_ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      _ref$striped = _ref.striped,
+      striped = _ref$striped === void 0 ? false : _ref$striped,
+      innerRef = _ref.innerRef;
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledTableWrapper, {
+    className: "c-table__wrap"
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledTable, {
+    ref: innerRef,
+    className: (0, _classnames.default)("c-table", className),
+    $striped: striped
+  }, children));
+};
+
+exports.Table = Table;
+Table.displayName = "Table";
+
+var Thead = function Thead(_ref2) {
+  var children = _ref2.children,
+      className = _ref2.className;
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledTableHead, {
+    className: (0, _classnames.default)("c-table__head", className)
+  }, children);
+};
+
+exports.Thead = Thead;
+Thead.displayName = "Thead";
+
+var Tbody = function Tbody(_ref3) {
+  var children = _ref3.children,
+      className = _ref3.className;
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledTableBody, {
+    className: (0, _classnames.default)("c-table__body", className)
+  }, children);
+};
+
+exports.Tbody = Tbody;
+Tbody.displayName = "Tbody";
+//# sourceMappingURL=Table.js.map

package/dist/cjs/components/Tables/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Tables/Table.tsx"],"names":["Table","children","className","striped","innerRef","displayName","Thead","Tbody"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAuBO,IAAMA,KAA2C,GAAG,SAA9CA,KAA8C,OAKrD;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFM,KAEN;AAAA,MADJC,QACI,QADJA,QACI;AACJ,sBACE,6BAAC,0BAAD;AAAoB,IAAA,SAAS,EAAC;AAA9B,kBACE,6BAAC,mBAAD;AACE,IAAA,GAAG,EAAEA,QADP;AAEE,IAAA,SAAS,EAAE,yBAAW,SAAX,EAAsBF,SAAtB,CAFb;AAGE,IAAA,QAAQ,EAAEC;AAHZ,KAKGF,QALH,CADF,CADF;AAWD,CAjBM;;;AAmBPD,KAAK,CAACK,WAAN,GAAoB,OAApB;;AAEO,IAAMC,KAA6B,GAAG,SAAhCA,KAAgC;AAAA,MAAGL,QAAH,SAAGA,QAAH;AAAA,MAAaC,SAAb,SAAaA,SAAb;AAAA,sBAC3C,6BAAC,uBAAD;AAAiB,IAAA,SAAS,EAAE,yBAAW,eAAX,EAA4BA,SAA5B;AAA5B,KACGD,QADH,CAD2C;AAAA,CAAtC;;;AAMPK,KAAK,CAACD,WAAN,GAAoB,OAApB;;AAEO,IAAME,KAA6B,GAAG,SAAhCA,KAAgC;AAAA,MAAGN,QAAH,SAAGA,QAAH;AAAA,MAAaC,SAAb,SAAaA,SAAb;AAAA,sBAC3C,6BAAC,uBAAD;AAAiB,IAAA,SAAS,EAAE,yBAAW,eAAX,EAA4BA,SAA5B;AAA5B,KACGD,QADH,CAD2C;AAAA,CAAtC;;;AAMPM,KAAK,CAACF,WAAN,GAAoB,OAApB","sourcesContent":["import React, { ReactNode, FC, RefObject } from \"react\";\nimport classNames from \"classnames\";\nimport {\n  StyledTableWrapper,\n  StyledTable,\n  StyledTableBody,\n  StyledTableHead,\n} from \"./Styles\";\n\ninterface ITableWithChildren {\n  /** Children prop can be ReactNode. */\n  children: ReactNode;\n  /** Classname prop for custom styling. */\n  className?: string;\n}\n\nexport interface ITableProps {\n  /** Darker color on odd column. */\n  striped?: boolean;\n  /** CSS classes. */\n  className?: string;\n  /** Ref object for table. */\n  innerRef?: RefObject<HTMLTableElement>;\n}\n\nexport const Table: FC<ITableProps & ITableWithChildren> = ({\n  children,\n  className,\n  striped = false,\n  innerRef,\n}) => {\n  return (\n    <StyledTableWrapper className=\"c-table__wrap\">\n      <StyledTable\n        ref={innerRef}\n        className={classNames(\"c-table\", className)}\n        $striped={striped}\n      >\n        {children}\n      </StyledTable>\n    </StyledTableWrapper>\n  );\n};\n\nTable.displayName = \"Table\";\n\nexport const Thead: FC<ITableWithChildren> = ({ children, className }) => (\n  <StyledTableHead className={classNames(\"c-table__head\", className)}>\n    {children}\n  </StyledTableHead>\n);\n\nThead.displayName = \"Thead\";\n\nexport const Tbody: FC<ITableWithChildren> = ({ children, className }) => (\n  <StyledTableBody className={classNames(\"c-table__body\", className)}>\n    {children}\n  </StyledTableBody>\n);\n\nTbody.displayName = \"Tbody\";\n"],"file":"Table.js"}

package/dist/cjs/components/Tables/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _DataTable = require("./DataTable");
+
+Object.keys(_DataTable).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DataTable[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DataTable[key];
+    }
+  });
+});
+
+var _Table = require("./Table");
+
+Object.keys(_Table).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Table[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Table[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Tables/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Tables/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./DataTable\";\nexport * from \"./Table\";\n"],"file":"index.js"}

package/dist/cjs/components/Tables/utils/dummy-table-data.js

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.data = void 0;
+var data = [{
+  id: "5dd2c342f3d66a78f372086f",
+  index: 0,
+  guid: "00aefb97-c50e-4e3c-bfae-46a7189da122",
+  isActive: true,
+  balance: "$1,201.82",
+  picture: "http://placehold.it/32x32",
+  age: 36,
+  eyeColor: "blue",
+  name: "George Garrett",
+  gender: "male",
+  company: "ACUSAGE",
+  email: "georgegarrett@acusage.com",
+  phone: "+1 (870) 582-2750",
+  address: "517 Hewes Street, Flintville, North Dakota, 6392",
+  about: "Esse in deserunt do tempor sit deserunt nisi aute elit enim nostrud dolor. Quis do exercitation eiusmod aute aute. Elit qui id excepteur culpa nostrud aute ipsum in sunt. Aliquip elit duis non ea duis dolor id ex. Officia ipsum culpa pariatur ut tempor aute officia nostrud veniam ipsum et. Excepteur dolore magna ad adipisicing elit do et tempor aliquip.\r\n",
+  registered: "2018-03-17T12:37:58 -01:00",
+  greeting: "Hello, George Garrett! You have 9 unread messages.",
+  favoriteFruit: "banana",
+  hours: 58.38,
+  client: "activecollab"
+}, {
+  id: "5dd2c342fe4b5b65f73bfa04",
+  index: 1,
+  guid: "b9d510be-d5c8-45ef-8330-3efa8bfa57d6",
+  isActive: true,
+  balance: "$2,810.13",
+  picture: "http://placehold.it/32x32",
+  age: 38,
+  eyeColor: "green",
+  name: "Iris Short",
+  gender: "female",
+  company: "TETAK",
+  email: "irisshort@tetak.com",
+  phone: "+1 (903) 470-2456",
+  address: "393 McDonald Avenue, Belva, New Jersey, 7825",
+  about: "Quis ea culpa laboris non duis est nisi adipisicing dolore. Cupidatat id ipsum exercitation tempor enim irure amet irure ad et. Nostrud est proident amet reprehenderit est nulla ex qui.\r\n",
+  registered: "2014-10-09T04:17:19 -02:00",
+  greeting: "Hello, Iris Short! You have 2 unread messages.",
+  favoriteFruit: "strawberry",
+  hours: 102.45,
+  client: "Microsoft"
+}, {
+  id: "5dd2c342720bc6d948e08781",
+  index: 2,
+  guid: "e4b16a81-bf63-4c4c-8e25-4de6880d9b39",
+  isActive: true,
+  balance: "$2,604.24",
+  picture: "http://placehold.it/32x32",
+  age: 38,
+  eyeColor: "brown",
+  name: "Hickman Flores",
+  gender: "male",
+  company: "APPLIDEC",
+  email: "hickmanflores@applidec.com",
+  phone: "+1 (952) 438-3670",
+  address: "546 Sands Street, Tilden, Tennessee, 5149",
+  about: "Ad anim proident et velit nostrud est mollit adipisicing fugiat labore ad incididunt veniam. Amet irure dolor deserunt irure nulla ipsum ex nisi et tempor. Proident officia in exercitation sit. Id fugiat irure aliquip qui sint commodo.\r\n",
+  registered: "2017-05-28T08:44:20 -02:00",
+  greeting: "Hello, Hickman Flores! You have 10 unread messages.",
+  favoriteFruit: "apple",
+  hours: 56.43,
+  client: "Apple"
+}, {
+  id: "5dd2c3420604a1ae10c4fe2e",
+  index: 3,
+  guid: "0e031bff-1b2e-4318-a469-ba6b3ab3701f",
+  isActive: false,
+  balance: "$1,321.55",
+  picture: "http://placehold.it/32x32",
+  age: 34,
+  eyeColor: "green",
+  name: "Annmarie Burgess",
+  gender: "female",
+  company: "MALATHION",
+  email: "annmarieburgess@malathion.com",
+  phone: "+1 (813) 539-3118",
+  address: "687 Irving Place, Umapine, Guam, 4431",
+  about: "Enim cupidatat eu ex Lorem veniam labore cillum nisi ut aliquip duis. Reprehenderit esse officia ad aliqua duis cillum ut exercitation nostrud consectetur labore quis. Consectetur ullamco nisi laboris reprehenderit pariatur laboris enim ullamco aute officia minim consectetur tempor labore. Pariatur adipisicing dolor tempor aliquip amet tempor nisi cupidatat nulla magna tempor ullamco. Amet est ullamco mollit aute et officia pariatur consectetur consequat do sunt ex reprehenderit.\r\n",
+  registered: "2018-08-27T02:11:53 -02:00",
+  greeting: "Hello, Annmarie Burgess! You have 1 unread messages.",
+  favoriteFruit: "strawberry",
+  hours: 75.12,
+  client: "Microsoft"
+}, {
+  id: "5dd2c342b633ee29c6346e8b",
+  index: 4,
+  guid: "fc983602-6476-4826-98ce-9a2070118eea",
+  isActive: false,
+  balance: "$2,562.00",
+  picture: "http://placehold.it/32x32",
+  age: 29,
+  eyeColor: "green",
+  name: "Noemi Blair",
+  gender: "female",
+  company: "PERMADYNE",
+  email: "noemiblair@permadyne.com",
+  phone: "+1 (948) 486-3560",
+  address: "319 Calyer Street, Orin, Iowa, 4918",
+  about: "Reprehenderit cillum incididunt duis id anim officia. In exercitation est in magna ullamco laborum. Aliquip et veniam excepteur sunt. Et commodo adipisicing dolor mollit magna occaecat quis ad velit in cupidatat quis labore fugiat. Est nostrud consequat aliquip ad aliquip.\r\n",
+  registered: "2018-05-07T12:51:39 -02:00",
+  greeting: "Hello, Noemi Blair! You have 10 unread messages.",
+  favoriteFruit: "strawberry",
+  hours: 76.59,
+  client: "Asus"
+}, {
+  id: "5dd2c342a1a07dc6d65df02a",
+  index: 5,
+  guid: "685e63d1-7819-4217-ad0f-5cad2a7b16a0",
+  isActive: true,
+  balance: "$3,227.51",
+  picture: "http://placehold.it/32x32",
+  age: 33,
+  eyeColor: "green",
+  name: "Calderon Gilbert",
+  gender: "male",
+  company: "STUCCO",
+  email: "calderongilbert@stucco.com",
+  phone: "+1 (998) 538-2567",
+  address: "209 Dinsmore Place, Klondike, Montana, 9018",
+  about: "Et deserunt qui adipisicing id id culpa voluptate fugiat nisi nisi excepteur ullamco exercitation voluptate. Commodo proident voluptate ad voluptate quis excepteur excepteur commodo. Eiusmod anim fugiat Lorem deserunt pariatur cillum anim nostrud amet anim qui elit cupidatat. Ad aliquip fugiat minim officia ex veniam consequat aliquip aliquip.\r\n",
+  registered: "2015-07-08T08:15:44 -02:00",
+  greeting: "Hello, Calderon Gilbert! You have 6 unread messages.",
+  favoriteFruit: "strawberry",
+  hours: 1.01,
+  client: "Dell"
+}];
+exports.data = data;
+//# sourceMappingURL=dummy-table-data.js.map

package/dist/cjs/components/Tables/utils/dummy-table-data.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Tables/utils/dummy-table-data.tsx"],"names":["data","id","index","guid","isActive","balance","picture","age","eyeColor","name","gender","company","email","phone","address","about","registered","greeting","favoriteFruit","hours","client"],"mappings":"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","sourcesContent":["export const data: object[] = [\n  {\n    id: \"5dd2c342f3d66a78f372086f\",\n    index: 0,\n    guid: \"00aefb97-c50e-4e3c-bfae-46a7189da122\",\n    isActive: true,\n    balance: \"$1,201.82\",\n    picture: \"http://placehold.it/32x32\",\n    age: 36,\n    eyeColor: \"blue\",\n    name: \"George Garrett\",\n    gender: \"male\",\n    company: \"ACUSAGE\",\n    email: \"georgegarrett@acusage.com\",\n    phone: \"+1 (870) 582-2750\",\n    address: \"517 Hewes Street, Flintville, North Dakota, 6392\",\n    about:\n      \"Esse in deserunt do tempor sit deserunt nisi aute elit enim nostrud dolor. Quis do exercitation eiusmod aute aute. Elit qui id excepteur culpa nostrud aute ipsum in sunt. Aliquip elit duis non ea duis dolor id ex. Officia ipsum culpa pariatur ut tempor aute officia nostrud veniam ipsum et. Excepteur dolore magna ad adipisicing elit do et tempor aliquip.\\r\\n\",\n    registered: \"2018-03-17T12:37:58 -01:00\",\n    greeting: \"Hello, George Garrett! You have 9 unread messages.\",\n    favoriteFruit: \"banana\",\n    hours: 58.38,\n    client: \"activecollab\",\n  },\n  {\n    id: \"5dd2c342fe4b5b65f73bfa04\",\n    index: 1,\n    guid: \"b9d510be-d5c8-45ef-8330-3efa8bfa57d6\",\n    isActive: true,\n    balance: \"$2,810.13\",\n    picture: \"http://placehold.it/32x32\",\n    age: 38,\n    eyeColor: \"green\",\n    name: \"Iris Short\",\n    gender: \"female\",\n    company: \"TETAK\",\n    email: \"irisshort@tetak.com\",\n    phone: \"+1 (903) 470-2456\",\n    address: \"393 McDonald Avenue, Belva, New Jersey, 7825\",\n    about:\n      \"Quis ea culpa laboris non duis est nisi adipisicing dolore. Cupidatat id ipsum exercitation tempor enim irure amet irure ad et. Nostrud est proident amet reprehenderit est nulla ex qui.\\r\\n\",\n    registered: \"2014-10-09T04:17:19 -02:00\",\n    greeting: \"Hello, Iris Short! You have 2 unread messages.\",\n    favoriteFruit: \"strawberry\",\n    hours: 102.45,\n    client: \"Microsoft\",\n  },\n  {\n    id: \"5dd2c342720bc6d948e08781\",\n    index: 2,\n    guid: \"e4b16a81-bf63-4c4c-8e25-4de6880d9b39\",\n    isActive: true,\n    balance: \"$2,604.24\",\n    picture: \"http://placehold.it/32x32\",\n    age: 38,\n    eyeColor: \"brown\",\n    name: \"Hickman Flores\",\n    gender: \"male\",\n    company: \"APPLIDEC\",\n    email: \"hickmanflores@applidec.com\",\n    phone: \"+1 (952) 438-3670\",\n    address: \"546 Sands Street, Tilden, Tennessee, 5149\",\n    about:\n      \"Ad anim proident et velit nostrud est mollit adipisicing fugiat labore ad incididunt veniam. Amet irure dolor deserunt irure nulla ipsum ex nisi et tempor. Proident officia in exercitation sit. Id fugiat irure aliquip qui sint commodo.\\r\\n\",\n    registered: \"2017-05-28T08:44:20 -02:00\",\n    greeting: \"Hello, Hickman Flores! You have 10 unread messages.\",\n    favoriteFruit: \"apple\",\n    hours: 56.43,\n    client: \"Apple\",\n  },\n  {\n    id: \"5dd2c3420604a1ae10c4fe2e\",\n    index: 3,\n    guid: \"0e031bff-1b2e-4318-a469-ba6b3ab3701f\",\n    isActive: false,\n    balance: \"$1,321.55\",\n    picture: \"http://placehold.it/32x32\",\n    age: 34,\n    eyeColor: \"green\",\n    name: \"Annmarie Burgess\",\n    gender: \"female\",\n    company: \"MALATHION\",\n    email: \"annmarieburgess@malathion.com\",\n    phone: \"+1 (813) 539-3118\",\n    address: \"687 Irving Place, Umapine, Guam, 4431\",\n    about:\n      \"Enim cupidatat eu ex Lorem veniam labore cillum nisi ut aliquip duis. Reprehenderit esse officia ad aliqua duis cillum ut exercitation nostrud consectetur labore quis. Consectetur ullamco nisi laboris reprehenderit pariatur laboris enim ullamco aute officia minim consectetur tempor labore. Pariatur adipisicing dolor tempor aliquip amet tempor nisi cupidatat nulla magna tempor ullamco. Amet est ullamco mollit aute et officia pariatur consectetur consequat do sunt ex reprehenderit.\\r\\n\",\n    registered: \"2018-08-27T02:11:53 -02:00\",\n    greeting: \"Hello, Annmarie Burgess! You have 1 unread messages.\",\n    favoriteFruit: \"strawberry\",\n    hours: 75.12,\n    client: \"Microsoft\",\n  },\n  {\n    id: \"5dd2c342b633ee29c6346e8b\",\n    index: 4,\n    guid: \"fc983602-6476-4826-98ce-9a2070118eea\",\n    isActive: false,\n    balance: \"$2,562.00\",\n    picture: \"http://placehold.it/32x32\",\n    age: 29,\n    eyeColor: \"green\",\n    name: \"Noemi Blair\",\n    gender: \"female\",\n    company: \"PERMADYNE\",\n    email: \"noemiblair@permadyne.com\",\n    phone: \"+1 (948) 486-3560\",\n    address: \"319 Calyer Street, Orin, Iowa, 4918\",\n    about:\n      \"Reprehenderit cillum incididunt duis id anim officia. In exercitation est in magna ullamco laborum. Aliquip et veniam excepteur sunt. Et commodo adipisicing dolor mollit magna occaecat quis ad velit in cupidatat quis labore fugiat. Est nostrud consequat aliquip ad aliquip.\\r\\n\",\n    registered: \"2018-05-07T12:51:39 -02:00\",\n    greeting: \"Hello, Noemi Blair! You have 10 unread messages.\",\n    favoriteFruit: \"strawberry\",\n    hours: 76.59,\n    client: \"Asus\",\n  },\n  {\n    id: \"5dd2c342a1a07dc6d65df02a\",\n    index: 5,\n    guid: \"685e63d1-7819-4217-ad0f-5cad2a7b16a0\",\n    isActive: true,\n    balance: \"$3,227.51\",\n    picture: \"http://placehold.it/32x32\",\n    age: 33,\n    eyeColor: \"green\",\n    name: \"Calderon Gilbert\",\n    gender: \"male\",\n    company: \"STUCCO\",\n    email: \"calderongilbert@stucco.com\",\n    phone: \"+1 (998) 538-2567\",\n    address: \"209 Dinsmore Place, Klondike, Montana, 9018\",\n    about:\n      \"Et deserunt qui adipisicing id id culpa voluptate fugiat nisi nisi excepteur ullamco exercitation voluptate. Commodo proident voluptate ad voluptate quis excepteur excepteur commodo. Eiusmod anim fugiat Lorem deserunt pariatur cillum anim nostrud amet anim qui elit cupidatat. Ad aliquip fugiat minim officia ex veniam consequat aliquip aliquip.\\r\\n\",\n    registered: \"2015-07-08T08:15:44 -02:00\",\n    greeting: \"Hello, Calderon Gilbert! You have 6 unread messages.\",\n    favoriteFruit: \"strawberry\",\n    hours: 1.01,\n    client: \"Dell\",\n  },\n];\n"],"file":"dummy-table-data.js"}

package/dist/cjs/components/Tables/utils/header.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.header = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var header = [{
+  key: "name",
+  label: "Name",
+  sortable: true,
+  renderCallback: function renderCallback(row) {
+    return /*#__PURE__*/_react.default.createElement("a", {
+      href: "#",
+      className: "c-table__link"
+    }, row.name);
+  }
+}, {
+  key: "client",
+  label: "Client",
+  sortable: true
+}, {
+  key: "age",
+  label: "Age",
+  sortable: false
+}, {
+  key: "hours",
+  label: "Hours",
+  sortable: true
+}];
+exports.header = header;
+//# sourceMappingURL=header.js.map

package/dist/cjs/components/Tables/utils/header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Tables/utils/header.tsx"],"names":["header","key","label","sortable","renderCallback","row","name"],"mappings":";;;;;;;AAAA;;;;AAEO,IAAMA,MAAM,GAAG,CACpB;AACEC,EAAAA,GAAG,EAAE,MADP;AAEEC,EAAAA,KAAK,EAAE,MAFT;AAGEC,EAAAA,QAAQ,EAAE,IAHZ;AAIEC,EAAAA,cAAc,EAAE,wBAACC,GAAD;AAAA,wBACd;AAAG,MAAA,IAAI,EAAC,GAAR;AAAY,MAAA,SAAS,EAAC;AAAtB,OACGA,GAAG,CAACC,IADP,CADc;AAAA;AAJlB,CADoB,EAWpB;AACEL,EAAAA,GAAG,EAAE,QADP;AAEEC,EAAAA,KAAK,EAAE,QAFT;AAGEC,EAAAA,QAAQ,EAAE;AAHZ,CAXoB,EAgBpB;AACEF,EAAAA,GAAG,EAAE,KADP;AAEEC,EAAAA,KAAK,EAAE,KAFT;AAGEC,EAAAA,QAAQ,EAAE;AAHZ,CAhBoB,EAqBpB;AACEF,EAAAA,GAAG,EAAE,OADP;AAEEC,EAAAA,KAAK,EAAE,OAFT;AAGEC,EAAAA,QAAQ,EAAE;AAHZ,CArBoB,CAAf","sourcesContent":["import React, { ReactElement } from \"react\";\n\nexport const header = [\n  {\n    key: \"name\",\n    label: \"Name\",\n    sortable: true,\n    renderCallback: (row): ReactElement => (\n      <a href=\"#\" className=\"c-table__link\">\n        {row.name}\n      </a>\n    ),\n  },\n  {\n    key: \"client\",\n    label: \"Client\",\n    sortable: true,\n  },\n  {\n    key: \"age\",\n    label: \"Age\",\n    sortable: false,\n  },\n  {\n    key: \"hours\",\n    label: \"Hours\",\n    sortable: true,\n  },\n];\n"],"file":"header.js"}