@laerdal/life-react-components 4.0.2 → 4.0.4-dev.2

package/dist/Table/TableFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooter.js","names":["React","DropdownButton","IconButton","SystemIcons","COLORS","StyledTableFooter","StyledTableFooterCollapseButton","StyledTableFooterContent","StyledTableFooterControls","StyledTableFooterCurrentInfo","defaultOnMouseDownHandler","useTheme","jsxs","_jsxs","jsx","_jsx","Fragment","_Fragment","TableFooter","props","_props$rowsPerPageLab","_props$showMoreLabel","_props$showFewerLabel","theme","rowsPerPageValues","value","dropDownText","concat","rowsPerPageLabel","rowsPerPage","children","accordion","onClick","setIsCollapsed","isCollapsed","onMouseDown","disabled","rows","length","showMoreLabel","ArrowDropDown","showFewerLabel","ArrowDropUp","type","items","showLoadingIndicator","onRowsPerPageChange","label","keepLabel","total","from","to","variant","shape","action","prevPage","ChevronLeft","size","color","getColor","nextPage","ChevronRight","propTypes","_pt","func","isRequired","number","bool"],"sources":["../../src/Table/TableFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TableProps} from './TableTypes';\r\nimport {DropdownButton, DropdownItem} from '../Dropdown';\r\nimport {IconButton} from '../Button';\r\nimport { SystemIcons} from '../icons';\r\nimport {COLORS} from '../styles';\r\nimport {\r\n  StyledTableFooter, StyledTableFooterCollapseButton,\r\n  StyledTableFooterContent,\r\n  StyledTableFooterControls,\r\n  StyledTableFooterCurrentInfo\r\n} from './TableStyles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport { useTheme } from 'styled-components';\r\n\r\n\r\ninterface TableFooterProps extends TableProps {\r\n  onRowsPerPageChange: (value: number) => void;\r\n  rowsPerPage: number;\r\n  from?: number;\r\n  to?: number;\r\n  total?: number;\r\n  nextPage: () => void;\r\n  prevPage: () => void;\r\n  setIsCollapsed: (isCollapsed: boolean) => void;\r\n  isCollapsed: boolean;\r\n}\r\n\r\nconst TableFooter: React.FunctionComponent<TableFooterProps> = (props) => {\r\n  const theme = useTheme();\r\n  const rowsPerPageValues: DropdownItem[] = [{value: '10'}, {value: '20'}, {value: '50'}, {value: '100'}];\r\n\r\n  const dropDownText = `${props.rowsPerPageLabel ?? 'Rows per page'} : ${props.rowsPerPage}`;\r\n\r\n  return (\r\n    <StyledTableFooter data-testid=\"TestTableFooterRow\">\r\n          {\r\n            props.accordion &&\r\n            <StyledTableFooterCollapseButton onClick={() => props.setIsCollapsed(!props.isCollapsed)}\r\n                                             onMouseDown={defaultOnMouseDownHandler}\r\n                                             disabled={props.isCollapsed && props.rows.length <= props.rowsPerPage}>\r\n              {\r\n                props.isCollapsed &&\r\n                <>\r\n                  <span>{props.showMoreLabel ?? 'Show more'} ({props.rows.length - props.rowsPerPage})</span>\r\n                  <SystemIcons.ArrowDropDown/>\r\n                </>\r\n              }\r\n              {\r\n                !props.isCollapsed &&\r\n                <>\r\n                  <span>{props.showFewerLabel ?? 'Show fewer'}</span>\r\n                  <SystemIcons.ArrowDropUp/>\r\n                </>\r\n              }\r\n            </StyledTableFooterCollapseButton>\r\n          }\r\n          {\r\n            !props.accordion &&\r\n            <StyledTableFooterContent>\r\n              <DropdownButton\r\n                type={'text'}\r\n                items={rowsPerPageValues}\r\n                disabled={props.showLoadingIndicator}\r\n                value={[`${props.rowsPerPage}`]}\r\n                onClick={(value) => props.onRowsPerPageChange(+value[0])}\r\n                label={dropDownText}\r\n                keepLabel={true}\r\n              />\r\n              <StyledTableFooterCurrentInfo>\r\n                {props.total === 0 ? 0 : props.from}-{props.to} of {props.total}\r\n              </StyledTableFooterCurrentInfo>\r\n              <StyledTableFooterControls>\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.prevPage()}\r\n                            disabled={props.from === 1 || props.showLoadingIndicator}>\r\n                  <SystemIcons.ChevronLeft size=\"24\" color={COLORS.getColor('neutral_600', theme)}/>\r\n                </IconButton>\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.nextPage()}\r\n                            disabled={props.to === props.total || props.showLoadingIndicator}>\r\n                  <SystemIcons.ChevronRight size=\"24\" color={COLORS.getColor('neutral_600', theme)}/>\r\n                </IconButton>\r\n              </StyledTableFooterControls>\r\n            </StyledTableFooterContent>\r\n          }\r\n    </StyledTableFooter>\r\n  );\r\n};\r\n\r\n\r\nexport default TableFooter;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TableFooter.js","names":["React","DropdownButton","IconButton","SystemIcons","COLORS","StyledTableFooter","StyledTableFooterCollapseButton","StyledTableFooterContent","StyledTableFooterControls","StyledTableFooterCurrentInfo","defaultOnMouseDownHandler","useTheme","TableFooter","props","theme","rowsPerPageValues","value","dropDownText","rowsPerPageLabel","rowsPerPage","accordion","setIsCollapsed","isCollapsed","rows","length","showMoreLabel","showFewerLabel","showLoadingIndicator","onRowsPerPageChange","total","from","to","prevPage","getColor","nextPage"],"sources":["../../src/Table/TableFooter.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TableProps} from './TableTypes';\r\nimport {DropdownButton, DropdownItem} from '../Dropdown';\r\nimport {IconButton} from '../Button';\r\nimport { SystemIcons} from '../icons';\r\nimport {COLORS} from '../styles';\r\nimport {\r\n  StyledTableFooter, StyledTableFooterCollapseButton,\r\n  StyledTableFooterContent,\r\n  StyledTableFooterControls,\r\n  StyledTableFooterCurrentInfo\r\n} from './TableStyles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport { useTheme } from 'styled-components';\r\n\r\n\r\ninterface TableFooterProps extends TableProps {\r\n  onRowsPerPageChange: (value: number) => void;\r\n  rowsPerPage: number;\r\n  from?: number;\r\n  to?: number;\r\n  total?: number;\r\n  nextPage: () => void;\r\n  prevPage: () => void;\r\n  setIsCollapsed: (isCollapsed: boolean) => void;\r\n  isCollapsed: boolean;\r\n}\r\n\r\nconst TableFooter: React.FunctionComponent<TableFooterProps> = (props) => {\r\n  const theme = useTheme();\r\n  const rowsPerPageValues: DropdownItem[] = [{value: '10'}, {value: '20'}, {value: '50'}, {value: '100'}];\r\n\r\n  const dropDownText = `${props.rowsPerPageLabel ?? 'Rows per page'} : ${props.rowsPerPage}`;\r\n\r\n  return (\r\n    <StyledTableFooter data-testid=\"TestTableFooterRow\">\r\n          {\r\n            props.accordion &&\r\n            <StyledTableFooterCollapseButton onClick={() => props.setIsCollapsed(!props.isCollapsed)}\r\n                                             onMouseDown={defaultOnMouseDownHandler}\r\n                                             disabled={props.isCollapsed && props.rows.length <= props.rowsPerPage}>\r\n              {\r\n                props.isCollapsed &&\r\n                <>\r\n                  <span>{props.showMoreLabel ?? 'Show more'} ({props.rows.length - props.rowsPerPage})</span>\r\n                  <SystemIcons.ArrowDropDown/>\r\n                </>\r\n              }\r\n              {\r\n                !props.isCollapsed &&\r\n                <>\r\n                  <span>{props.showFewerLabel ?? 'Show fewer'}</span>\r\n                  <SystemIcons.ArrowDropUp/>\r\n                </>\r\n              }\r\n            </StyledTableFooterCollapseButton>\r\n          }\r\n          {\r\n            !props.accordion &&\r\n            <StyledTableFooterContent>\r\n              <DropdownButton\r\n                type={'text'}\r\n                items={rowsPerPageValues}\r\n                disabled={props.showLoadingIndicator}\r\n                value={[`${props.rowsPerPage}`]}\r\n                onClick={(value) => props.onRowsPerPageChange(+value[0])}\r\n                label={dropDownText}\r\n                keepLabel={true}\r\n              />\r\n              <StyledTableFooterCurrentInfo>\r\n                {props.total === 0 ? 0 : props.from}-{props.to} of {props.total}\r\n              </StyledTableFooterCurrentInfo>\r\n              <StyledTableFooterControls>\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.prevPage()}\r\n                            disabled={props.from === 1 || props.showLoadingIndicator}>\r\n                  <SystemIcons.ChevronLeft size=\"24\" color={COLORS.getColor('neutral_600', theme)}/>\r\n                </IconButton>\r\n                <IconButton variant=\"secondary\" shape=\"circular\" action={() => props.nextPage()}\r\n                            disabled={props.to === props.total || props.showLoadingIndicator}>\r\n                  <SystemIcons.ChevronRight size=\"24\" color={COLORS.getColor('neutral_600', theme)}/>\r\n                </IconButton>\r\n              </StyledTableFooterControls>\r\n            </StyledTableFooterContent>\r\n          }\r\n    </StyledTableFooter>\r\n  );\r\n};\r\n\r\n\r\nexport default TableFooter;\r\n"],"mappings":"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"}

package/dist/Table/TableHeaders.cjs

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _Dropdown = require("../Dropdown");
@@ -12,8 +12,8 @@ var _icons = require("../icons");
 var _types = require("../types");
 var _TableStyles = require("./TableStyles");
 var _jsxRuntime = require("react/jsx-runtime");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TableHeader = function TableHeader(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableStyles.StyledTableHeader, {
     children: (!!props.title || !!props.menu) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableStyles.StyledTableHeaderTitle, {
@@ -33,5 +33,5 @@ var TableHeader = function TableHeader(props) {
   });
 };
 var _default = TableHeader;
-exports["default"] = _default;
+exports.default = _default;
 //# sourceMappingURL=TableHeaders.cjs.map

package/dist/Table/TableHeaders.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaders.cjs","names":["_react","_interopRequireDefault","require","_Dropdown","_icons","_types","_TableStyles","_jsxRuntime","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","TableHeader","props","jsx","StyledTableHeader","children","title","menu","StyledTableHeaderTitle","jsxs","StyledTableHeaderTitleContent","DropdownButton","className","type","disabled","showLoadingIndicator","icon","SystemIcons","MoreVertical","size","Size","Medium","_default","exports"],"sources":["../../src/Table/TableHeaders.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TableProps} from './TableTypes';\r\nimport {DropdownButton} from '../Dropdown';\r\nimport {SystemIcons} from '../icons';\r\nimport {Size} from '../types';\r\nimport {\r\n  StyledTableHeaderTitleContent\r\n} from './TableStyles';\r\nimport {StyledTableHeaderTitle, StyledTableHeader} from \"./TableStyles\";\r\n\r\n\r\ninterface TableHeaderProps extends TableProps {\r\n}\r\n\r\nconst TableHeader: React.FunctionComponent<TableHeaderProps> = props => {\r\n\r\n  return (\r\n    <StyledTableHeader>\r\n      {\r\n        (!!props.title || !!props.menu) &&\r\n        <StyledTableHeaderTitle data-testid=\"TestTableHeaderRow\">\r\n            <StyledTableHeaderTitleContent>\r\n              <span>{props.title}</span>\r\n              {\r\n                props.menu &&\r\n                <DropdownButton className={'title-menu'}\r\n                                type={'icon'}\r\n                                disabled={props.showLoadingIndicator}\r\n                                icon={<SystemIcons.MoreVertical/>}\r\n                                size={Size.Medium} {...props.menu}/>\r\n              }\r\n            </StyledTableHeaderTitleContent>\r\n        </StyledTableHeaderTitle>\r\n      }\r\n    </StyledTableHeader>\r\n  )\r\n}\r\n\r\nexport default TableHeader;\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAEuB,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAM,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAOvB,IAAMoB,WAAsD,GAAG,SAAzDA,WAAsDA,CAAGC,KAAK,EAAI;EAEtE,oBACE,IAAAvB,WAAA,CAAAwB,GAAA,EAACzB,YAAA,CAAA0B,iBAAiB;IAAAC,QAAA,EAEd,CAAC,CAAC,CAACH,KAAK,CAACI,KAAK,IAAI,CAAC,CAACJ,KAAK,CAACK,IAAI,kBAC9B,IAAA5B,WAAA,CAAAwB,GAAA,EAACzB,YAAA,CAAA8B,sBAAsB;MAAC,eAAY,oBAAoB;MAAAH,QAAA,eACpD,IAAA1B,WAAA,CAAA8B,IAAA,EAAC/B,YAAA,CAAAgC,6BAA6B;QAAAL,QAAA,gBAC5B,IAAA1B,WAAA,CAAAwB,GAAA;UAAAE,QAAA,EAAOH,KAAK,CAACI;QAAK,CAAO,CAAC,EAExBJ,KAAK,CAACK,IAAI,iBACV,IAAA5B,WAAA,CAAAwB,GAAA,EAAC5B,SAAA,CAAAoC,cAAc,EAAAlB,aAAA;UAACmB,SAAS,EAAE,YAAa;UACxBC,IAAI,EAAE,MAAO;UACbC,QAAQ,EAAEZ,KAAK,CAACa,oBAAqB;UACrCC,IAAI,eAAE,IAAArC,WAAA,CAAAwB,GAAA,EAAC3B,MAAA,CAAAyC,WAAW,CAACC,YAAY,IAAC,CAAE;UAClCC,IAAI,EAAEC,WAAI,CAACC;QAAO,GAAKnB,KAAK,CAACK,IAAI,CAAE,CAAC;MAAA,CAEzB;IAAC,CACZ;EAAC,CAEV,CAAC;AAExB,CAAC;AAAA,IAAAe,QAAA,GAEcrB,WAAW;AAAAsB,OAAA,cAAAD,QAAA","ignoreList":[]}
+{"version":3,"file":"TableHeaders.cjs","names":["TableHeader","props","title","menu","showLoadingIndicator","Size","Medium"],"sources":["../../src/Table/TableHeaders.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TableProps} from './TableTypes';\r\nimport {DropdownButton} from '../Dropdown';\r\nimport {SystemIcons} from '../icons';\r\nimport {Size} from '../types';\r\nimport {\r\n  StyledTableHeaderTitleContent\r\n} from './TableStyles';\r\nimport {StyledTableHeaderTitle, StyledTableHeader} from \"./TableStyles\";\r\n\r\n\r\ninterface TableHeaderProps extends TableProps {\r\n}\r\n\r\nconst TableHeader: React.FunctionComponent<TableHeaderProps> = props => {\r\n\r\n  return (\r\n    <StyledTableHeader>\r\n      {\r\n        (!!props.title || !!props.menu) &&\r\n        <StyledTableHeaderTitle data-testid=\"TestTableHeaderRow\">\r\n            <StyledTableHeaderTitleContent>\r\n              <span>{props.title}</span>\r\n              {\r\n                props.menu &&\r\n                <DropdownButton className={'title-menu'}\r\n                                type={'icon'}\r\n                                disabled={props.showLoadingIndicator}\r\n                                icon={<SystemIcons.MoreVertical/>}\r\n                                size={Size.Medium} {...props.menu}/>\r\n              }\r\n            </StyledTableHeaderTitleContent>\r\n        </StyledTableHeaderTitle>\r\n      }\r\n    </StyledTableHeader>\r\n  )\r\n}\r\n\r\nexport default TableHeader;\r\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AACA;AACA;AAEuB;AAAA;AAAA;AAOvB,IAAMA,WAAsD,GAAG,SAAzDA,WAAsD,CAAGC,KAAK,EAAI;EAEtE,oBACE,qBAAC,8BAAiB;IAAA,UAEd,CAAC,CAAC,CAACA,KAAK,CAACC,KAAK,IAAI,CAAC,CAACD,KAAK,CAACE,IAAI,kBAC9B,qBAAC,mCAAsB;MAAC,eAAY,oBAAoB;MAAA,uBACpD,sBAAC,0CAA6B;QAAA,wBAC5B;UAAA,UAAOF,KAAK,CAACC;QAAK,EAAQ,EAExBD,KAAK,CAACE,IAAI,iBACV,qBAAC,wBAAc;UAAC,SAAS,EAAE,YAAa;UACxB,IAAI,EAAE,MAAO;UACb,QAAQ,EAAEF,KAAK,CAACG,oBAAqB;UACrC,IAAI,eAAE,qBAAC,kBAAW,CAAC,YAAY,KAAG;UAClC,IAAI,EAAEC,WAAI,CAACC;QAAO,GAAKL,KAAK,CAACE,IAAI,EAAG;MAAA;IAExB;EACX,EAET;AAExB,CAAC;AAAA,eAEcH,WAAW;AAAA"}

package/dist/Table/TableHeaders.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import { DropdownButton } from '../Dropdown';
 import { SystemIcons } from '../icons';

package/dist/Table/TableHeaders.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaders.js","names":["React","DropdownButton","SystemIcons","Size","StyledTableHeaderTitleContent","StyledTableHeaderTitle","StyledTableHeader","jsx","_jsx","jsxs","_jsxs","TableHeader","props","children","title","menu","_objectSpread","className","type","disabled","showLoadingIndicator","icon","MoreVertical","size","Medium"],"sources":["../../src/Table/TableHeaders.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TableProps} from './TableTypes';\r\nimport {DropdownButton} from '../Dropdown';\r\nimport {SystemIcons} from '../icons';\r\nimport {Size} from '../types';\r\nimport {\r\n  StyledTableHeaderTitleContent\r\n} from './TableStyles';\r\nimport {StyledTableHeaderTitle, StyledTableHeader} from \"./TableStyles\";\r\n\r\n\r\ninterface TableHeaderProps extends TableProps {\r\n}\r\n\r\nconst TableHeader: React.FunctionComponent<TableHeaderProps> = props => {\r\n\r\n  return (\r\n    <StyledTableHeader>\r\n      {\r\n        (!!props.title || !!props.menu) &&\r\n        <StyledTableHeaderTitle data-testid=\"TestTableHeaderRow\">\r\n            <StyledTableHeaderTitleContent>\r\n              <span>{props.title}</span>\r\n              {\r\n                props.menu &&\r\n                <DropdownButton className={'title-menu'}\r\n                                type={'icon'}\r\n                                disabled={props.showLoadingIndicator}\r\n                                icon={<SystemIcons.MoreVertical/>}\r\n                                size={Size.Medium} {...props.menu}/>\r\n              }\r\n            </StyledTableHeaderTitleContent>\r\n        </StyledTableHeaderTitle>\r\n      }\r\n    </StyledTableHeader>\r\n  )\r\n}\r\n\r\nexport default TableHeader;\r\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAQC,cAAc,QAAO,aAAa;AAC1C,SAAQC,WAAW,QAAO,UAAU;AACpC,SAAQC,IAAI,QAAO,UAAU;AAC7B,SACEC,6BAA6B,QACxB,eAAe;AACtB,SAAQC,sBAAsB,EAAEC,iBAAiB,QAAO,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAMxE,IAAMC,WAAsD,GAAG,SAAzDA,WAAsDA,CAAGC,KAAK,EAAI;EAEtE,oBACEJ,IAAA,CAACF,iBAAiB;IAAAO,QAAA,EAEd,CAAC,CAAC,CAACD,KAAK,CAACE,KAAK,IAAI,CAAC,CAACF,KAAK,CAACG,IAAI,kBAC9BP,IAAA,CAACH,sBAAsB;MAAC,eAAY,oBAAoB;MAAAQ,QAAA,eACpDH,KAAA,CAACN,6BAA6B;QAAAS,QAAA,gBAC5BL,IAAA;UAAAK,QAAA,EAAOD,KAAK,CAACE;QAAK,CAAO,CAAC,EAExBF,KAAK,CAACG,IAAI,iBACVP,IAAA,CAACP,cAAc,EAAAe,aAAA;UAACC,SAAS,EAAE,YAAa;UACxBC,IAAI,EAAE,MAAO;UACbC,QAAQ,EAAEP,KAAK,CAACQ,oBAAqB;UACrCC,IAAI,eAAEb,IAAA,CAACN,WAAW,CAACoB,YAAY,IAAC,CAAE;UAClCC,IAAI,EAAEpB,IAAI,CAACqB;QAAO,GAAKZ,KAAK,CAACG,IAAI,CAAE,CAAC;MAAA,CAEzB;IAAC,CACZ;EAAC,CAEV,CAAC;AAExB,CAAC;AAED,eAAeJ,WAAW","ignoreList":[]}
+{"version":3,"file":"TableHeaders.js","names":["React","DropdownButton","SystemIcons","Size","StyledTableHeaderTitleContent","StyledTableHeaderTitle","StyledTableHeader","TableHeader","props","title","menu","showLoadingIndicator","Medium"],"sources":["../../src/Table/TableHeaders.tsx"],"sourcesContent":["import React from 'react';\r\nimport {TableProps} from './TableTypes';\r\nimport {DropdownButton} from '../Dropdown';\r\nimport {SystemIcons} from '../icons';\r\nimport {Size} from '../types';\r\nimport {\r\n  StyledTableHeaderTitleContent\r\n} from './TableStyles';\r\nimport {StyledTableHeaderTitle, StyledTableHeader} from \"./TableStyles\";\r\n\r\n\r\ninterface TableHeaderProps extends TableProps {\r\n}\r\n\r\nconst TableHeader: React.FunctionComponent<TableHeaderProps> = props => {\r\n\r\n  return (\r\n    <StyledTableHeader>\r\n      {\r\n        (!!props.title || !!props.menu) &&\r\n        <StyledTableHeaderTitle data-testid=\"TestTableHeaderRow\">\r\n            <StyledTableHeaderTitleContent>\r\n              <span>{props.title}</span>\r\n              {\r\n                props.menu &&\r\n                <DropdownButton className={'title-menu'}\r\n                                type={'icon'}\r\n                                disabled={props.showLoadingIndicator}\r\n                                icon={<SystemIcons.MoreVertical/>}\r\n                                size={Size.Medium} {...props.menu}/>\r\n              }\r\n            </StyledTableHeaderTitleContent>\r\n        </StyledTableHeaderTitle>\r\n      }\r\n    </StyledTableHeader>\r\n  )\r\n}\r\n\r\nexport default TableHeader;\r\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAQC,cAAc,QAAO,aAAa;AAC1C,SAAQC,WAAW,QAAO,UAAU;AACpC,SAAQC,IAAI,QAAO,UAAU;AAC7B,SACEC,6BAA6B,QACxB,eAAe;AACtB,SAAQC,sBAAsB,EAAEC,iBAAiB,QAAO,eAAe;AAAC;AAAA;AAMxE,IAAMC,WAAsD,GAAG,SAAzDA,WAAsD,CAAGC,KAAK,EAAI;EAEtE,oBACE,KAAC,iBAAiB;IAAA,UAEd,CAAC,CAAC,CAACA,KAAK,CAACC,KAAK,IAAI,CAAC,CAACD,KAAK,CAACE,IAAI,kBAC9B,KAAC,sBAAsB;MAAC,eAAY,oBAAoB;MAAA,uBACpD,MAAC,6BAA6B;QAAA,wBAC5B;UAAA,UAAOF,KAAK,CAACC;QAAK,EAAQ,EAExBD,KAAK,CAACE,IAAI,iBACV,KAAC,cAAc;UAAC,SAAS,EAAE,YAAa;UACxB,IAAI,EAAE,MAAO;UACb,QAAQ,EAAEF,KAAK,CAACG,oBAAqB;UACrC,IAAI,eAAE,KAAC,WAAW,CAAC,YAAY,KAAG;UAClC,IAAI,EAAER,IAAI,CAACS;QAAO,GAAKJ,KAAK,CAACE,IAAI,EAAG;MAAA;IAExB;EACX,EAET;AAExB,CAAC;AAED,eAAeH,WAAW"}

package/dist/Table/TableStyles.cjs

@@ -13,29 +13,23 @@ var _zIndexes = require("../styles/z-indexes");
 var _Checkbox = require("../InputFields/Checkbox");
 var _types = require("../types");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26;
-/**
- * Import third-party libraries.
- */
-/**
- * Import custom style properties.
- */
 /**
  * Table styles
  */
 
-var TableWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n\n  &.border{\n    border-left: 1px solid ", ";\n    border-right: 1px solid ", ";\n  }\n"])), function (props) {
+var TableWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n\n  &.border{\n    border-left: 1px solid ", ";\n    border-right: 1px solid ", ";\n  }\n"])), function (props) {
   return _styles.COLORS.getColor('neutral_200', props.theme);
 }, function (props) {
   return _styles.COLORS.getColor('neutral_200', props.theme);
 });
 exports.TableWrapper = TableWrapper;
-var StyledTable = _styledComponents["default"].table(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  background: transparent;\n  border-collapse: collapse;\n  width: 100%;\n\n  &.fixed {\n    table-layout: fixed;\n  }\n\n  &.auto {\n    table-layout: auto;\n  }\n"])));
+var StyledTable = _styledComponents.default.table(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background: transparent;\n  border-collapse: collapse;\n  width: 100%;\n\n  &.fixed {\n    table-layout: fixed;\n  }\n\n  &.auto {\n    table-layout: auto;\n  }\n"])));
 exports.StyledTable = StyledTable;
-var StyledTableHeader = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n"])));
+var StyledTableHeader = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n"])));
 exports.StyledTableHeader = StyledTableHeader;
-var StyledTableHeaderTitle = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n"])));
+var StyledTableHeaderTitle = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n"])));
 exports.StyledTableHeaderTitle = StyledTableHeaderTitle;
-var StyledTableHeaderTitleContent = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  box-sizing: border-box;\n  min-height: 56px;\n  border-bottom: 1px solid ", ";\n  border-top: 2px solid ", ";\n  padding: 0 16px;\n\n  ", "\n  .title-menu {\n    margin-right: -16px;\n  }\n"])), function (props) {
+var StyledTableHeaderTitleContent = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  box-sizing: border-box;\n  min-height: 56px;\n  border-bottom: 1px solid ", ";\n  border-top: 2px solid ", ";\n  padding: 0 16px;\n\n  ", "\n  .title-menu {\n    margin-right: -16px;\n  }\n"])), function (props) {
   return _styles.COLORS.getColor('neutral_200', props.theme);
 }, function (props) {
   return _styles.COLORS.getColor('neutral_200', props.theme);
@@ -43,19 +37,19 @@ var StyledTableHeaderTitleContent = _styledComponents["default"].div(_templateOb
   return (0, _typography.ComponentLStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.getColor('black', props.theme));
 });
 exports.StyledTableHeaderTitleContent = StyledTableHeaderTitleContent;
-var StyledTableHeaderRow = _styledComponents["default"].thead(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n"])));
+var StyledTableHeaderRow = _styledComponents.default.thead(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n"])));
 exports.StyledTableHeaderRow = StyledTableHeaderRow;
-var StyledTableHeaderColumns = _styledComponents["default"].tr(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n"])));
+var StyledTableHeaderColumns = _styledComponents.default.tr(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n"])));
 exports.StyledTableHeaderColumns = StyledTableHeaderColumns;
-var StyledTableHeaderColumnContent = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n  box-sizing: border-box;\n  min-height: 56px;\n  padding: 0 16px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-top: 1px solid ", ";\n  border-bottom: 1px solid ", ";\n"])), function (props) {
+var StyledTableHeaderColumnContent = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  box-sizing: border-box;\n  min-height: 56px;\n  padding: 0 16px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-top: 1px solid ", ";\n  border-bottom: 1px solid ", ";\n"])), function (props) {
   return _styles.COLORS.getColor('neutral_200', props.theme);
 }, function (props) {
   return _styles.COLORS.getColor('neutral_200', props.theme);
 });
 exports.StyledTableHeaderColumnContent = StyledTableHeaderColumnContent;
-var StyledTableHeaderColumnSortDirection = _styledComponents["default"].span(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n  width: 24px;\n  height: 24px;\n"])));
+var StyledTableHeaderColumnSortDirection = _styledComponents.default.span(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  width: 24px;\n  height: 24px;\n"])));
 exports.StyledTableHeaderColumnSortDirection = StyledTableHeaderColumnSortDirection;
-var StyledTableHeaderColumn = _styledComponents["default"].th(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n  position: relative;\n  text-align: unset;\n  background-color: ", ";\n\n  //fixes header heights no idea why\n  height: 1px;\n\n  &.sortable {\n    cursor: pointer;\n\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n      z-index: ", ";\n    }\n\n    &:active {\n      background-color: ", ";\n      color: ", ";\n      z-index: ", ";\n    }\n\n    &:focus {\n      ", "\n    }\n  }\n\n  &.left {\n    & > div {\n      justify-content: left;\n    }\n  }\n\n  &.right {\n    & > div {\n      justify-content: right;\n    }\n  }\n\n  &.center {\n    & > div {\n      justify-content: center;\n    }\n  }\n\n  &.sortable ", " > svg {\n    opacity: 0;\n  }\n\n  &.sortable.sorted ", " > svg {\n    opacity: 1;\n  }\n\n  &.sorted {\n    background-color: ", ";\n  }\n"])), function (props) {
+var StyledTableHeaderColumn = _styledComponents.default.th(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  position: relative;\n  text-align: unset;\n  background-color: ", ";\n\n  //fixes header heights no idea why\n  height: 1px;\n\n  &.sortable {\n    cursor: pointer;\n\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n      z-index: ", ";\n    }\n\n    &:active {\n      background-color: ", ";\n      color: ", ";\n      z-index: ", ";\n    }\n\n    &:focus {\n      ", "\n    }\n  }\n\n  &.left {\n    & > div {\n      justify-content: left;\n    }\n  }\n\n  &.right {\n    & > div {\n      justify-content: right;\n    }\n  }\n\n  &.center {\n    & > div {\n      justify-content: center;\n    }\n  }\n\n  &.sortable ", " > svg {\n    opacity: 0;\n  }\n\n  &.sortable.sorted ", " > svg {\n    opacity: 1;\n  }\n\n  &.sorted {\n    background-color: ", ";\n  }\n"])), function (props) {
   return (0, _typography.ComponentSStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme));
 }, function (props) {
   return _styles.COLORS.getColor('white', props.theme);
@@ -71,7 +65,7 @@ var StyledTableHeaderColumn = _styledComponents["default"].th(_templateObject10
   return _styles.COLORS.getColor('neutral_20', props.theme);
 });
 exports.StyledTableHeaderColumn = StyledTableHeaderColumn;
-var StyledTableBodyRow = _styledComponents["default"].tr(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["\n  cursor: pointer;\n  position: relative;\n  outline: none;\n  background-color: ", ";\n  \n  &:not(:last-child) {\n    border-bottom: 1px solid ", ";\n  }\n\n  &.selected{\n    background-color: ", ";\n  }\n  \n  &:hover {\n    background-color: ", ";\n    z-index: ", ";\n  }\n\n  &:focus {\n    ", "\n  }\n\n  &:active {\n    z-index: ", ";\n  }\n\n"])), function (props) {
+var StyledTableBodyRow = _styledComponents.default.tr(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  cursor: pointer;\n  position: relative;\n  outline: none;\n  background-color: ", ";\n  \n  &:not(:last-child) {\n    border-bottom: 1px solid ", ";\n  }\n\n  &.selected{\n    background-color: ", ";\n  }\n  \n  &:hover {\n    background-color: ", ";\n    z-index: ", ";\n  }\n\n  &:focus {\n    ", "\n  }\n\n  &:active {\n    z-index: ", ";\n  }\n\n"])), function (props) {
   return _styles.COLORS.getColor('white', props.theme);
 }, function (props) {
   return _styles.COLORS.getColor('neutral_200', props.theme);
@@ -81,56 +75,56 @@ var StyledTableBodyRow = _styledComponents["default"].tr(_templateObject11 || (_
   return _styles.COLORS.getColor('primary_100', props.theme);
 }, _zIndexes.Z_INDEXES.hover, _styles.focusStyles, _zIndexes.Z_INDEXES.active);
 exports.StyledTableBodyRow = StyledTableBodyRow;
-var StyledTableNoRowsLabelRow = _styledComponents["default"].tr(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n  outline: none;\n  background-color: ", ";\n"])), function (props) {
+var StyledTableNoRowsLabelRow = _styledComponents.default.tr(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  outline: none;\n  background-color: ", ";\n"])), function (props) {
   return _styles.COLORS.getColor('neutral_50', props.theme);
 });
 exports.StyledTableNoRowsLabelRow = StyledTableNoRowsLabelRow;
-var StyledTableBody = _styledComponents["default"].tbody(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["\n"])));
+var StyledTableBody = _styledComponents.default.tbody(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n"])));
 exports.StyledTableBody = StyledTableBody;
-var StyledTableCell = _styledComponents["default"].td(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])([""])));
+var StyledTableCell = _styledComponents.default.td(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)([""])));
 exports.StyledTableCell = StyledTableCell;
-var StyledTableCellContent = _styledComponents["default"].div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["\n  min-height: ", ";\n\n  padding: 0 16px;\n  ", "\n\n  display: flex;\n  align-items: center;\n  justify-content: left;\n  gap: 8px;\n\n  &.truncate-text,\n  &.truncate-text span {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  &.left {\n    justify-content: left;\n  }\n\n  &.right {\n    justify-content: right;\n  }\n\n  &.center {\n    justify-content: center;\n  }\n\n  a:first-letter,\n  span:first-letter {\n    text-transform: uppercase;\n  }\n  \n  ", "{\n    width: fit-content;\n  }\n"])), function (props) {
+var StyledTableCellContent = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n  min-height: ", ";\n\n  padding: 0 16px;\n  ", "\n\n  display: flex;\n  align-items: center;\n  justify-content: left;\n  gap: 8px;\n\n  &.truncate-text,\n  &.truncate-text span {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  &.left {\n    justify-content: left;\n  }\n\n  &.right {\n    justify-content: right;\n  }\n\n  &.center {\n    justify-content: center;\n  }\n\n  a:first-letter,\n  span:first-letter {\n    text-transform: uppercase;\n  }\n  \n  ", "{\n    width: fit-content;\n  }\n"])), function (props) {
   return props.withNote ? '64px' : '48px';
 }, function (props) {
   return (0, _typography.ComponentSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.getColor('black', props.theme));
 }, _Checkbox.StyledCheckBox);
 exports.StyledTableCellContent = StyledTableCellContent;
-var StyledTableCellIcon = _styledComponents["default"].div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["\n  color: ", ";\n  width: 20px;\n  height: 20px;\n\n  svg {\n    color: ", ";\n    width: 20px;\n    height: 20px;\n  }\n"])), function (props) {
+var StyledTableCellIcon = _styledComponents.default.div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  width: 20px;\n  height: 20px;\n\n  svg {\n    color: ", ";\n    width: 20px;\n    height: 20px;\n  }\n"])), function (props) {
   return _styles.COLORS.getColor('neutral_700', props.theme);
 }, function (props) {
   return _styles.COLORS.getColor('neutral_700', props.theme);
 });
 exports.StyledTableCellIcon = StyledTableCellIcon;
-var StyledTableCellText = _styledComponents["default"].span(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["\n  display: block;\n"])));
+var StyledTableCellText = _styledComponents.default.span(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n  display: block;\n"])));
 exports.StyledTableCellText = StyledTableCellText;
-var StyledTableCellTextWrapper = _styledComponents["default"].div(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 12px 0px;\n  width: 100%;\n  ", "\n"])), function (props) {
+var StyledTableCellTextWrapper = _styledComponents.default.div(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 12px 0px;\n  width: 100%;\n  ", "\n"])), function (props) {
   return !props.textWrap ? "\n  overflow: hidden;\n  text-overflow: ellipsis;\n  " : "";
 });
 exports.StyledTableCellTextWrapper = StyledTableCellTextWrapper;
-var StyledTableCellNoteText = _styledComponents["default"].span(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n  display: inline-block;\n  width: 100%;\n"])), function (props) {
+var StyledTableCellNoteText = _styledComponents.default.span(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  display: inline-block;\n  width: 100%;\n"])), function (props) {
   return (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme));
 });
 exports.StyledTableCellNoteText = StyledTableCellNoteText;
-var StyledTableFooter = _styledComponents["default"].div(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2["default"])(["\n"])));
+var StyledTableFooter = _styledComponents.default.div(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n"])));
 exports.StyledTableFooter = StyledTableFooter;
-var StyledTableFooterContent = _styledComponents["default"].div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2["default"])(["\n  border-top: 2px solid ", ";\n  border-bottom: 1px solid ", ";\n  box-sizing: border-box;\n  min-height: 56px;\n\n  display: flex;\n  align-items: center;\n  justify-content: right;\n\n"])), function (props) {
+var StyledTableFooterContent = _styledComponents.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n  border-top: 2px solid ", ";\n  border-bottom: 1px solid ", ";\n  box-sizing: border-box;\n  min-height: 56px;\n\n  display: flex;\n  align-items: center;\n  justify-content: right;\n\n"])), function (props) {
   return _styles.COLORS.getColor('neutral_200', props.theme);
 }, function (props) {
   return _styles.COLORS.getColor('neutral_200', props.theme);
 });
 exports.StyledTableFooterContent = StyledTableFooterContent;
-var StyledTableFooterCurrentInfo = _styledComponents["default"].span(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 0 16px;\n  ", "\n"])), function (props) {
+var StyledTableFooterCurrentInfo = _styledComponents.default.span(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0 16px;\n  ", "\n"])), function (props) {
   return (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.getColor('black', props.theme));
 });
 exports.StyledTableFooterCurrentInfo = StyledTableFooterCurrentInfo;
-var StyledTableFooterControls = _styledComponents["default"].div(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n"])));
+var StyledTableFooterControls = _styledComponents.default.div(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n"])));
 exports.StyledTableFooterControls = StyledTableFooterControls;
-var StyledTableSpinner = _styledComponents["default"].div(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2["default"])(["\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  background-color: rgba(255, 255, 255, 0.75);\n  top: 0;\n  z-index: ", ";\n"])), function (props) {
+var StyledTableSpinner = _styledComponents.default.div(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2.default)(["\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  background-color: rgba(255, 255, 255, 0.75);\n  top: 0;\n  z-index: ", ";\n"])), function (props) {
   var _props$zindex;
   return (_props$zindex = props.zindex) !== null && _props$zindex !== void 0 ? _props$zindex : _zIndexes.Z_INDEXES.loader;
 });
 exports.StyledTableSpinner = StyledTableSpinner;
-var StyledTableFooterCollapseButton = _styledComponents["default"].button(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n  border-bottom: 1px solid ", ";\n  border-top: 1px solid ", ";\n  border-left: none;\n  border-right: none;\n  box-sizing: border-box;\n  min-height: 48px;\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  background: ", ";\n\n  cursor: pointer;\n\n  ", "\n  \n  &:focus {\n    ", "\n  }\n\n  &:hover {\n    z-index: ", ";\n    background: ", ";\n    color: ", ";\n  }\n\n  &:active {\n    z-index: ", ";\n    background: ", ";\n    color: ", ";\n  }\n\n  &:disabled {\n    display: none;\n  }\n\n"])), function (props) {
+var StyledTableFooterCollapseButton = _styledComponents.default.button(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  border-bottom: 1px solid ", ";\n  border-top: 1px solid ", ";\n  border-left: none;\n  border-right: none;\n  box-sizing: border-box;\n  min-height: 48px;\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  background: ", ";\n\n  cursor: pointer;\n\n  ", "\n  \n  &:focus {\n    ", "\n  }\n\n  &:hover {\n    z-index: ", ";\n    background: ", ";\n    color: ", ";\n  }\n\n  &:active {\n    z-index: ", ";\n    background: ", ";\n    color: ", ";\n  }\n\n  &:disabled {\n    display: none;\n  }\n\n"])), function (props) {
   return _styles.COLORS.getColor('neutral_200', props.theme);
 }, function (props) {
   return _styles.COLORS.getColor('neutral_200', props.theme);
@@ -148,6 +142,6 @@ var StyledTableFooterCollapseButton = _styledComponents["default"].button(_templ
   return _styles.COLORS.getColor('primary_800', props.theme);
 });
 exports.StyledTableFooterCollapseButton = StyledTableFooterCollapseButton;
-var StyledTableBodyWrapper = _styledComponents["default"].div(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2["default"])(["\n  overflow-x: auto;\n  ", "\n\n  ::-webkit-scrollbar-track {\n    margin: 6px;\n  }\n\n  &.scrollable{\n    margin-bottom: 6px;\n    padding-bottom: 10px;\n  }\n"])), (0, _styles.scrollBarStyling)(_types.Size.Small));
+var StyledTableBodyWrapper = _styledComponents.default.div(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2.default)(["\n  overflow-x: auto;\n  ", "\n\n  ::-webkit-scrollbar-track {\n    margin: 6px;\n  }\n\n  &.scrollable{\n    margin-bottom: 6px;\n    padding-bottom: 10px;\n  }\n"])), (0, _styles.scrollBarStyling)(_types.Size.Small));
 exports.StyledTableBodyWrapper = StyledTableBodyWrapper;
 //# sourceMappingURL=TableStyles.cjs.map

package/dist/Table/TableStyles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableStyles.cjs","names":["_styledComponents","_interopRequireDefault","require","_styles","_typography","_zIndexes","_Checkbox","_types","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","_templateObject24","_templateObject25","_templateObject26","TableWrapper","styled","div","_taggedTemplateLiteral2","props","COLORS","getColor","theme","exports","StyledTable","table","StyledTableHeader","StyledTableHeaderTitle","StyledTableHeaderTitleContent","ComponentLStyling","ComponentTextStyle","Bold","StyledTableHeaderRow","thead","StyledTableHeaderColumns","tr","StyledTableHeaderColumnContent","StyledTableHeaderColumnSortDirection","span","StyledTableHeaderColumn","th","ComponentSStyling","Z_INDEXES","hover","active","focusStyles","StyledTableBodyRow","StyledTableNoRowsLabelRow","StyledTableBody","tbody","StyledTableCell","td","StyledTableCellContent","withNote","Regular","StyledCheckBox","StyledTableCellIcon","StyledTableCellText","StyledTableCellTextWrapper","textWrap","StyledTableCellNoteText","ComponentXSStyling","StyledTableFooter","StyledTableFooterContent","StyledTableFooterCurrentInfo","StyledTableFooterControls","StyledTableSpinner","_props$zindex","zindex","loader","StyledTableFooterCollapseButton","button","ComponentMStyling","StyledTableBodyWrapper","scrollBarStyling","Size","Small"],"sources":["../../src/Table/TableStyles.ts"],"sourcesContent":["/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom style properties.\r\n */\r\nimport {COLORS, focusStyles, scrollBarStyling} from '../styles';\r\nimport {\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling\r\n} from '../styles/typography';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\nimport {StyledCheckBox} from '../InputFields/Checkbox';\r\nimport {Size} from \"../types\";\r\n\r\n/**\r\n * Table styles\r\n */\r\n\r\nexport const TableWrapper = styled.div`\r\n  position: relative;\r\n\r\n  &.border{\r\n    border-left: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    border-right: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n`;\r\n\r\n\r\nexport const StyledTable = styled.table`\r\n  background: transparent;\r\n  border-collapse: collapse;\r\n  width: 100%;\r\n\r\n  &.fixed {\r\n    table-layout: fixed;\r\n  }\r\n\r\n  &.auto {\r\n    table-layout: auto;\r\n  }\r\n`;\r\n\r\nexport const StyledTableHeader = styled.div`\r\n`;\r\n\r\nexport const StyledTableHeaderTitle = styled.div`\r\n`;\r\n\r\nexport const StyledTableHeaderTitleContent = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  min-height: 56px;\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-top: 2px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  padding: 0 16px;\r\n\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\r\n  .title-menu {\r\n    margin-right: -16px;\r\n  }\r\n`;\r\n\r\nexport const StyledTableHeaderRow = styled.thead`\r\n`;\r\n\r\nexport const StyledTableHeaderColumns = styled.tr`\r\n`;\r\n\r\nexport const StyledTableHeaderColumnContent = styled.div`\r\n  box-sizing: border-box;\r\n  min-height: 56px;\r\n  padding: 0 16px;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n`;\r\n\r\nexport const StyledTableHeaderColumnSortDirection = styled.span`\r\n  width: 24px;\r\n  height: 24px;\r\n`;\r\n\r\nexport const StyledTableHeaderColumn = styled.th`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  position: relative;\r\n  text-align: unset;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n\r\n  //fixes header heights no idea why\r\n  height: 1px;\r\n\r\n  &.sortable {\r\n    cursor: pointer;\r\n\r\n    &:hover {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      z-index: ${Z_INDEXES.hover};\r\n    }\r\n\r\n    &:active {\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      z-index: ${Z_INDEXES.active};\r\n    }\r\n\r\n    &:focus {\r\n      ${focusStyles}\r\n    }\r\n  }\r\n\r\n  &.left {\r\n    & > div {\r\n      justify-content: left;\r\n    }\r\n  }\r\n\r\n  &.right {\r\n    & > div {\r\n      justify-content: right;\r\n    }\r\n  }\r\n\r\n  &.center {\r\n    & > div {\r\n      justify-content: center;\r\n    }\r\n  }\r\n\r\n  &.sortable ${StyledTableHeaderColumnContent} > svg {\r\n    opacity: 0;\r\n  }\r\n\r\n  &.sortable.sorted ${StyledTableHeaderColumnContent} > svg {\r\n    opacity: 1;\r\n  }\r\n\r\n  &.sorted {\r\n    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const StyledTableBodyRow = styled.tr`\r\n  cursor: pointer;\r\n  position: relative;\r\n  outline: none;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  \r\n  &:not(:last-child) {\r\n    border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n\r\n  &.selected{\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n  }\r\n  \r\n  &:hover {\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:active {\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n\r\n`;\r\n\r\nexport const StyledTableNoRowsLabelRow = styled.tr`\r\n  position: relative;\r\n  outline: none;\r\n  background-color: ${props => COLORS.getColor('neutral_50', props.theme)};\r\n`;\r\n\r\nexport const StyledTableBody = styled.tbody`\r\n`;\r\n\r\n\r\nexport const StyledTableCell = styled.td``;\r\n\r\nexport const StyledTableCellContent = styled.div<{withNote?: boolean}>`\r\n  min-height: ${props => props.withNote ? '64px' : '48px'};\r\n\r\n  padding: 0 16px;\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: left;\r\n  gap: 8px;\r\n\r\n  &.truncate-text,\r\n  &.truncate-text span {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  &.left {\r\n    justify-content: left;\r\n  }\r\n\r\n  &.right {\r\n    justify-content: right;\r\n  }\r\n\r\n  &.center {\r\n    justify-content: center;\r\n  }\r\n\r\n  a:first-letter,\r\n  span:first-letter {\r\n    text-transform: uppercase;\r\n  }\r\n  \r\n  ${StyledCheckBox}{\r\n    width: fit-content;\r\n  }\r\n`;\r\n\r\nexport const StyledTableCellIcon = styled.div`\r\n  color: ${props => COLORS.getColor('neutral_700', props.theme)};\r\n  width: 20px;\r\n  height: 20px;\r\n\r\n  svg {\r\n    color: ${props => COLORS.getColor('neutral_700', props.theme)};\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n`;\r\n\r\nexport const StyledTableCellText = styled.span`\r\n  display: block;\r\n`;\r\n\r\nexport const StyledTableCellTextWrapper = styled.div<{ textWrap?: boolean }>`\r\n  padding: 12px 0px;\r\n  width: 100%;\r\n  ${props => !props.textWrap ? `\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  ` : ``}\r\n`;\r\n\r\nexport const StyledTableCellNoteText = styled.span`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n  display: inline-block;\r\n  width: 100%;\r\n`;\r\n\r\n\r\nexport const StyledTableFooter = styled.div`\r\n`;\r\n\r\nexport const StyledTableFooterContent = styled.div`\r\n  border-top: 2px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  box-sizing: border-box;\r\n  min-height: 56px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: right;\r\n\r\n`;\r\n\r\nexport const StyledTableFooterCurrentInfo = styled.span`\r\n  padding: 0 16px;\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n`;\r\n\r\nexport const StyledTableFooterControls = styled.div`\r\n  display: flex;\r\n`;\r\n\r\nexport const StyledTableSpinner = styled.div<{zindex?: string}>`\r\n  height: 100%;\r\n  width: 100%;\r\n  position: absolute;\r\n  background-color: rgba(255, 255, 255, 0.75);\r\n  top: 0;\r\n  z-index: ${(props) => (props.zindex ?? Z_INDEXES.loader)};\r\n`;\r\n\r\nexport const StyledTableFooterCollapseButton = styled.button`\r\n  position: relative;\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-left: none;\r\n  border-right: none;\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  display: flex;\r\n  width: 100%;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n\r\n  cursor: pointer;\r\n\r\n  ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  \r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover {\r\n    z-index: ${Z_INDEXES.hover};\r\n    background: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  &:active {\r\n    z-index: ${Z_INDEXES.active};\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &:disabled {\r\n    display: none;\r\n  }\r\n\r\n`;\r\n\r\n\r\nexport const StyledTableBodyWrapper = styled.div`\r\n  overflow-x: auto;\r\n  ${scrollBarStyling(Size.Small)}\r\n\r\n  ::-webkit-scrollbar-track {\r\n    margin: 6px;\r\n  }\r\n\r\n  &.scrollable{\r\n    margin-bottom: 6px;\r\n    padding-bottom: 10px;\r\n  }\r\n`;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TableStyles.cjs","names":["TableWrapper","styled","div","props","COLORS","getColor","theme","StyledTable","table","StyledTableHeader","StyledTableHeaderTitle","StyledTableHeaderTitleContent","ComponentLStyling","ComponentTextStyle","Bold","StyledTableHeaderRow","thead","StyledTableHeaderColumns","tr","StyledTableHeaderColumnContent","StyledTableHeaderColumnSortDirection","span","StyledTableHeaderColumn","th","ComponentSStyling","Z_INDEXES","hover","active","focusStyles","StyledTableBodyRow","StyledTableNoRowsLabelRow","StyledTableBody","tbody","StyledTableCell","td","StyledTableCellContent","withNote","Regular","StyledCheckBox","StyledTableCellIcon","StyledTableCellText","StyledTableCellTextWrapper","textWrap","StyledTableCellNoteText","ComponentXSStyling","StyledTableFooter","StyledTableFooterContent","StyledTableFooterCurrentInfo","StyledTableFooterControls","StyledTableSpinner","zindex","loader","StyledTableFooterCollapseButton","button","ComponentMStyling","StyledTableBodyWrapper","scrollBarStyling","Size","Small"],"sources":["../../src/Table/TableStyles.ts"],"sourcesContent":["/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom style properties.\r\n */\r\nimport {COLORS, focusStyles, scrollBarStyling} from '../styles';\r\nimport {\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling\r\n} from '../styles/typography';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\nimport {StyledCheckBox} from '../InputFields/Checkbox';\r\nimport {Size} from \"../types\";\r\n\r\n/**\r\n * Table styles\r\n */\r\n\r\nexport const TableWrapper = styled.div`\r\n  position: relative;\r\n\r\n  &.border{\r\n    border-left: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    border-right: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n`;\r\n\r\n\r\nexport const StyledTable = styled.table`\r\n  background: transparent;\r\n  border-collapse: collapse;\r\n  width: 100%;\r\n\r\n  &.fixed {\r\n    table-layout: fixed;\r\n  }\r\n\r\n  &.auto {\r\n    table-layout: auto;\r\n  }\r\n`;\r\n\r\nexport const StyledTableHeader = styled.div`\r\n`;\r\n\r\nexport const StyledTableHeaderTitle = styled.div`\r\n`;\r\n\r\nexport const StyledTableHeaderTitleContent = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  min-height: 56px;\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-top: 2px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  padding: 0 16px;\r\n\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\r\n  .title-menu {\r\n    margin-right: -16px;\r\n  }\r\n`;\r\n\r\nexport const StyledTableHeaderRow = styled.thead`\r\n`;\r\n\r\nexport const StyledTableHeaderColumns = styled.tr`\r\n`;\r\n\r\nexport const StyledTableHeaderColumnContent = styled.div`\r\n  box-sizing: border-box;\r\n  min-height: 56px;\r\n  padding: 0 16px;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n`;\r\n\r\nexport const StyledTableHeaderColumnSortDirection = styled.span`\r\n  width: 24px;\r\n  height: 24px;\r\n`;\r\n\r\nexport const StyledTableHeaderColumn = styled.th`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  position: relative;\r\n  text-align: unset;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n\r\n  //fixes header heights no idea why\r\n  height: 1px;\r\n\r\n  &.sortable {\r\n    cursor: pointer;\r\n\r\n    &:hover {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      z-index: ${Z_INDEXES.hover};\r\n    }\r\n\r\n    &:active {\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      z-index: ${Z_INDEXES.active};\r\n    }\r\n\r\n    &:focus {\r\n      ${focusStyles}\r\n    }\r\n  }\r\n\r\n  &.left {\r\n    & > div {\r\n      justify-content: left;\r\n    }\r\n  }\r\n\r\n  &.right {\r\n    & > div {\r\n      justify-content: right;\r\n    }\r\n  }\r\n\r\n  &.center {\r\n    & > div {\r\n      justify-content: center;\r\n    }\r\n  }\r\n\r\n  &.sortable ${StyledTableHeaderColumnContent} > svg {\r\n    opacity: 0;\r\n  }\r\n\r\n  &.sortable.sorted ${StyledTableHeaderColumnContent} > svg {\r\n    opacity: 1;\r\n  }\r\n\r\n  &.sorted {\r\n    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const StyledTableBodyRow = styled.tr`\r\n  cursor: pointer;\r\n  position: relative;\r\n  outline: none;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  \r\n  &:not(:last-child) {\r\n    border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n\r\n  &.selected{\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n  }\r\n  \r\n  &:hover {\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:active {\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n\r\n`;\r\n\r\nexport const StyledTableNoRowsLabelRow = styled.tr`\r\n  position: relative;\r\n  outline: none;\r\n  background-color: ${props => COLORS.getColor('neutral_50', props.theme)};\r\n`;\r\n\r\nexport const StyledTableBody = styled.tbody`\r\n`;\r\n\r\n\r\nexport const StyledTableCell = styled.td``;\r\n\r\nexport const StyledTableCellContent = styled.div<{withNote?: boolean}>`\r\n  min-height: ${props => props.withNote ? '64px' : '48px'};\r\n\r\n  padding: 0 16px;\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: left;\r\n  gap: 8px;\r\n\r\n  &.truncate-text,\r\n  &.truncate-text span {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  &.left {\r\n    justify-content: left;\r\n  }\r\n\r\n  &.right {\r\n    justify-content: right;\r\n  }\r\n\r\n  &.center {\r\n    justify-content: center;\r\n  }\r\n\r\n  a:first-letter,\r\n  span:first-letter {\r\n    text-transform: uppercase;\r\n  }\r\n  \r\n  ${StyledCheckBox}{\r\n    width: fit-content;\r\n  }\r\n`;\r\n\r\nexport const StyledTableCellIcon = styled.div`\r\n  color: ${props => COLORS.getColor('neutral_700', props.theme)};\r\n  width: 20px;\r\n  height: 20px;\r\n\r\n  svg {\r\n    color: ${props => COLORS.getColor('neutral_700', props.theme)};\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n`;\r\n\r\nexport const StyledTableCellText = styled.span`\r\n  display: block;\r\n`;\r\n\r\nexport const StyledTableCellTextWrapper = styled.div<{ textWrap?: boolean }>`\r\n  padding: 12px 0px;\r\n  width: 100%;\r\n  ${props => !props.textWrap ? `\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  ` : ``}\r\n`;\r\n\r\nexport const StyledTableCellNoteText = styled.span`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n  display: inline-block;\r\n  width: 100%;\r\n`;\r\n\r\n\r\nexport const StyledTableFooter = styled.div`\r\n`;\r\n\r\nexport const StyledTableFooterContent = styled.div`\r\n  border-top: 2px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  box-sizing: border-box;\r\n  min-height: 56px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: right;\r\n\r\n`;\r\n\r\nexport const StyledTableFooterCurrentInfo = styled.span`\r\n  padding: 0 16px;\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n`;\r\n\r\nexport const StyledTableFooterControls = styled.div`\r\n  display: flex;\r\n`;\r\n\r\nexport const StyledTableSpinner = styled.div<{zindex?: string}>`\r\n  height: 100%;\r\n  width: 100%;\r\n  position: absolute;\r\n  background-color: rgba(255, 255, 255, 0.75);\r\n  top: 0;\r\n  z-index: ${(props) => (props.zindex ?? Z_INDEXES.loader)};\r\n`;\r\n\r\nexport const StyledTableFooterCollapseButton = styled.button`\r\n  position: relative;\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-left: none;\r\n  border-right: none;\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  display: flex;\r\n  width: 100%;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n\r\n  cursor: pointer;\r\n\r\n  ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  \r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover {\r\n    z-index: ${Z_INDEXES.hover};\r\n    background: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  &:active {\r\n    z-index: ${Z_INDEXES.active};\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &:disabled {\r\n    display: none;\r\n  }\r\n\r\n`;\r\n\r\n\r\nexport const StyledTableBodyWrapper = styled.div`\r\n  overflow-x: auto;\r\n  ${scrollBarStyling(Size.Small)}\r\n\r\n  ::-webkit-scrollbar-track {\r\n    margin: 6px;\r\n  }\r\n\r\n  &.scrollable{\r\n    margin-bottom: 6px;\r\n    padding-bottom: 10px;\r\n  }\r\n`;\r\n"],"mappings":"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"}

package/dist/Table/TableStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableStyles.js","names":["styled","COLORS","focusStyles","scrollBarStyling","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","Z_INDEXES","StyledCheckBox","Size","TableWrapper","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","StyledTable","table","_templateObject2","StyledTableHeader","_templateObject3","StyledTableHeaderTitle","_templateObject4","StyledTableHeaderTitleContent","_templateObject5","Bold","StyledTableHeaderRow","thead","_templateObject6","StyledTableHeaderColumns","tr","_templateObject7","StyledTableHeaderColumnContent","_templateObject8","StyledTableHeaderColumnSortDirection","span","_templateObject9","StyledTableHeaderColumn","th","_templateObject10","hover","active","StyledTableBodyRow","_templateObject11","StyledTableNoRowsLabelRow","_templateObject12","StyledTableBody","tbody","_templateObject13","StyledTableCell","td","_templateObject14","StyledTableCellContent","_templateObject15","withNote","Regular","StyledTableCellIcon","_templateObject16","StyledTableCellText","_templateObject17","StyledTableCellTextWrapper","_templateObject18","textWrap","StyledTableCellNoteText","_templateObject19","StyledTableFooter","_templateObject20","StyledTableFooterContent","_templateObject21","StyledTableFooterCurrentInfo","_templateObject22","StyledTableFooterControls","_templateObject23","StyledTableSpinner","_templateObject24","_props$zindex","zindex","loader","StyledTableFooterCollapseButton","button","_templateObject25","StyledTableBodyWrapper","_templateObject26","Small"],"sources":["../../src/Table/TableStyles.ts"],"sourcesContent":["/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom style properties.\r\n */\r\nimport {COLORS, focusStyles, scrollBarStyling} from '../styles';\r\nimport {\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling\r\n} from '../styles/typography';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\nimport {StyledCheckBox} from '../InputFields/Checkbox';\r\nimport {Size} from \"../types\";\r\n\r\n/**\r\n * Table styles\r\n */\r\n\r\nexport const TableWrapper = styled.div`\r\n  position: relative;\r\n\r\n  &.border{\r\n    border-left: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    border-right: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n`;\r\n\r\n\r\nexport const StyledTable = styled.table`\r\n  background: transparent;\r\n  border-collapse: collapse;\r\n  width: 100%;\r\n\r\n  &.fixed {\r\n    table-layout: fixed;\r\n  }\r\n\r\n  &.auto {\r\n    table-layout: auto;\r\n  }\r\n`;\r\n\r\nexport const StyledTableHeader = styled.div`\r\n`;\r\n\r\nexport const StyledTableHeaderTitle = styled.div`\r\n`;\r\n\r\nexport const StyledTableHeaderTitleContent = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  min-height: 56px;\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-top: 2px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  padding: 0 16px;\r\n\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\r\n  .title-menu {\r\n    margin-right: -16px;\r\n  }\r\n`;\r\n\r\nexport const StyledTableHeaderRow = styled.thead`\r\n`;\r\n\r\nexport const StyledTableHeaderColumns = styled.tr`\r\n`;\r\n\r\nexport const StyledTableHeaderColumnContent = styled.div`\r\n  box-sizing: border-box;\r\n  min-height: 56px;\r\n  padding: 0 16px;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n`;\r\n\r\nexport const StyledTableHeaderColumnSortDirection = styled.span`\r\n  width: 24px;\r\n  height: 24px;\r\n`;\r\n\r\nexport const StyledTableHeaderColumn = styled.th`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  position: relative;\r\n  text-align: unset;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n\r\n  //fixes header heights no idea why\r\n  height: 1px;\r\n\r\n  &.sortable {\r\n    cursor: pointer;\r\n\r\n    &:hover {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      z-index: ${Z_INDEXES.hover};\r\n    }\r\n\r\n    &:active {\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      z-index: ${Z_INDEXES.active};\r\n    }\r\n\r\n    &:focus {\r\n      ${focusStyles}\r\n    }\r\n  }\r\n\r\n  &.left {\r\n    & > div {\r\n      justify-content: left;\r\n    }\r\n  }\r\n\r\n  &.right {\r\n    & > div {\r\n      justify-content: right;\r\n    }\r\n  }\r\n\r\n  &.center {\r\n    & > div {\r\n      justify-content: center;\r\n    }\r\n  }\r\n\r\n  &.sortable ${StyledTableHeaderColumnContent} > svg {\r\n    opacity: 0;\r\n  }\r\n\r\n  &.sortable.sorted ${StyledTableHeaderColumnContent} > svg {\r\n    opacity: 1;\r\n  }\r\n\r\n  &.sorted {\r\n    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const StyledTableBodyRow = styled.tr`\r\n  cursor: pointer;\r\n  position: relative;\r\n  outline: none;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  \r\n  &:not(:last-child) {\r\n    border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n\r\n  &.selected{\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n  }\r\n  \r\n  &:hover {\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:active {\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n\r\n`;\r\n\r\nexport const StyledTableNoRowsLabelRow = styled.tr`\r\n  position: relative;\r\n  outline: none;\r\n  background-color: ${props => COLORS.getColor('neutral_50', props.theme)};\r\n`;\r\n\r\nexport const StyledTableBody = styled.tbody`\r\n`;\r\n\r\n\r\nexport const StyledTableCell = styled.td``;\r\n\r\nexport const StyledTableCellContent = styled.div<{withNote?: boolean}>`\r\n  min-height: ${props => props.withNote ? '64px' : '48px'};\r\n\r\n  padding: 0 16px;\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: left;\r\n  gap: 8px;\r\n\r\n  &.truncate-text,\r\n  &.truncate-text span {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  &.left {\r\n    justify-content: left;\r\n  }\r\n\r\n  &.right {\r\n    justify-content: right;\r\n  }\r\n\r\n  &.center {\r\n    justify-content: center;\r\n  }\r\n\r\n  a:first-letter,\r\n  span:first-letter {\r\n    text-transform: uppercase;\r\n  }\r\n  \r\n  ${StyledCheckBox}{\r\n    width: fit-content;\r\n  }\r\n`;\r\n\r\nexport const StyledTableCellIcon = styled.div`\r\n  color: ${props => COLORS.getColor('neutral_700', props.theme)};\r\n  width: 20px;\r\n  height: 20px;\r\n\r\n  svg {\r\n    color: ${props => COLORS.getColor('neutral_700', props.theme)};\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n`;\r\n\r\nexport const StyledTableCellText = styled.span`\r\n  display: block;\r\n`;\r\n\r\nexport const StyledTableCellTextWrapper = styled.div<{ textWrap?: boolean }>`\r\n  padding: 12px 0px;\r\n  width: 100%;\r\n  ${props => !props.textWrap ? `\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  ` : ``}\r\n`;\r\n\r\nexport const StyledTableCellNoteText = styled.span`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n  display: inline-block;\r\n  width: 100%;\r\n`;\r\n\r\n\r\nexport const StyledTableFooter = styled.div`\r\n`;\r\n\r\nexport const StyledTableFooterContent = styled.div`\r\n  border-top: 2px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  box-sizing: border-box;\r\n  min-height: 56px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: right;\r\n\r\n`;\r\n\r\nexport const StyledTableFooterCurrentInfo = styled.span`\r\n  padding: 0 16px;\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n`;\r\n\r\nexport const StyledTableFooterControls = styled.div`\r\n  display: flex;\r\n`;\r\n\r\nexport const StyledTableSpinner = styled.div<{zindex?: string}>`\r\n  height: 100%;\r\n  width: 100%;\r\n  position: absolute;\r\n  background-color: rgba(255, 255, 255, 0.75);\r\n  top: 0;\r\n  z-index: ${(props) => (props.zindex ?? Z_INDEXES.loader)};\r\n`;\r\n\r\nexport const StyledTableFooterCollapseButton = styled.button`\r\n  position: relative;\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-left: none;\r\n  border-right: none;\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  display: flex;\r\n  width: 100%;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n\r\n  cursor: pointer;\r\n\r\n  ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  \r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover {\r\n    z-index: ${Z_INDEXES.hover};\r\n    background: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  &:active {\r\n    z-index: ${Z_INDEXES.active};\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &:disabled {\r\n    display: none;\r\n  }\r\n\r\n`;\r\n\r\n\r\nexport const StyledTableBodyWrapper = styled.div`\r\n  overflow-x: auto;\r\n  ${scrollBarStyling(Size.Small)}\r\n\r\n  ::-webkit-scrollbar-track {\r\n    margin: 6px;\r\n  }\r\n\r\n  &.scrollable{\r\n    margin-bottom: 6px;\r\n    padding-bottom: 10px;\r\n  }\r\n`;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TableStyles.js","names":["styled","COLORS","focusStyles","scrollBarStyling","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","Z_INDEXES","StyledCheckBox","Size","TableWrapper","div","props","getColor","theme","StyledTable","table","StyledTableHeader","StyledTableHeaderTitle","StyledTableHeaderTitleContent","Bold","StyledTableHeaderRow","thead","StyledTableHeaderColumns","tr","StyledTableHeaderColumnContent","StyledTableHeaderColumnSortDirection","span","StyledTableHeaderColumn","th","hover","active","StyledTableBodyRow","StyledTableNoRowsLabelRow","StyledTableBody","tbody","StyledTableCell","td","StyledTableCellContent","withNote","Regular","StyledTableCellIcon","StyledTableCellText","StyledTableCellTextWrapper","textWrap","StyledTableCellNoteText","StyledTableFooter","StyledTableFooterContent","StyledTableFooterCurrentInfo","StyledTableFooterControls","StyledTableSpinner","zindex","loader","StyledTableFooterCollapseButton","button","StyledTableBodyWrapper","Small"],"sources":["../../src/Table/TableStyles.ts"],"sourcesContent":["/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom style properties.\r\n */\r\nimport {COLORS, focusStyles, scrollBarStyling} from '../styles';\r\nimport {\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling\r\n} from '../styles/typography';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\nimport {StyledCheckBox} from '../InputFields/Checkbox';\r\nimport {Size} from \"../types\";\r\n\r\n/**\r\n * Table styles\r\n */\r\n\r\nexport const TableWrapper = styled.div`\r\n  position: relative;\r\n\r\n  &.border{\r\n    border-left: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    border-right: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n`;\r\n\r\n\r\nexport const StyledTable = styled.table`\r\n  background: transparent;\r\n  border-collapse: collapse;\r\n  width: 100%;\r\n\r\n  &.fixed {\r\n    table-layout: fixed;\r\n  }\r\n\r\n  &.auto {\r\n    table-layout: auto;\r\n  }\r\n`;\r\n\r\nexport const StyledTableHeader = styled.div`\r\n`;\r\n\r\nexport const StyledTableHeaderTitle = styled.div`\r\n`;\r\n\r\nexport const StyledTableHeaderTitleContent = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  min-height: 56px;\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-top: 2px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  padding: 0 16px;\r\n\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\r\n  .title-menu {\r\n    margin-right: -16px;\r\n  }\r\n`;\r\n\r\nexport const StyledTableHeaderRow = styled.thead`\r\n`;\r\n\r\nexport const StyledTableHeaderColumns = styled.tr`\r\n`;\r\n\r\nexport const StyledTableHeaderColumnContent = styled.div`\r\n  box-sizing: border-box;\r\n  min-height: 56px;\r\n  padding: 0 16px;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n`;\r\n\r\nexport const StyledTableHeaderColumnSortDirection = styled.span`\r\n  width: 24px;\r\n  height: 24px;\r\n`;\r\n\r\nexport const StyledTableHeaderColumn = styled.th`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  position: relative;\r\n  text-align: unset;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n\r\n  //fixes header heights no idea why\r\n  height: 1px;\r\n\r\n  &.sortable {\r\n    cursor: pointer;\r\n\r\n    &:hover {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      z-index: ${Z_INDEXES.hover};\r\n    }\r\n\r\n    &:active {\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      z-index: ${Z_INDEXES.active};\r\n    }\r\n\r\n    &:focus {\r\n      ${focusStyles}\r\n    }\r\n  }\r\n\r\n  &.left {\r\n    & > div {\r\n      justify-content: left;\r\n    }\r\n  }\r\n\r\n  &.right {\r\n    & > div {\r\n      justify-content: right;\r\n    }\r\n  }\r\n\r\n  &.center {\r\n    & > div {\r\n      justify-content: center;\r\n    }\r\n  }\r\n\r\n  &.sortable ${StyledTableHeaderColumnContent} > svg {\r\n    opacity: 0;\r\n  }\r\n\r\n  &.sortable.sorted ${StyledTableHeaderColumnContent} > svg {\r\n    opacity: 1;\r\n  }\r\n\r\n  &.sorted {\r\n    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const StyledTableBodyRow = styled.tr`\r\n  cursor: pointer;\r\n  position: relative;\r\n  outline: none;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  \r\n  &:not(:last-child) {\r\n    border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n\r\n  &.selected{\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n  }\r\n  \r\n  &:hover {\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:active {\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n\r\n`;\r\n\r\nexport const StyledTableNoRowsLabelRow = styled.tr`\r\n  position: relative;\r\n  outline: none;\r\n  background-color: ${props => COLORS.getColor('neutral_50', props.theme)};\r\n`;\r\n\r\nexport const StyledTableBody = styled.tbody`\r\n`;\r\n\r\n\r\nexport const StyledTableCell = styled.td``;\r\n\r\nexport const StyledTableCellContent = styled.div<{withNote?: boolean}>`\r\n  min-height: ${props => props.withNote ? '64px' : '48px'};\r\n\r\n  padding: 0 16px;\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: left;\r\n  gap: 8px;\r\n\r\n  &.truncate-text,\r\n  &.truncate-text span {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  &.left {\r\n    justify-content: left;\r\n  }\r\n\r\n  &.right {\r\n    justify-content: right;\r\n  }\r\n\r\n  &.center {\r\n    justify-content: center;\r\n  }\r\n\r\n  a:first-letter,\r\n  span:first-letter {\r\n    text-transform: uppercase;\r\n  }\r\n  \r\n  ${StyledCheckBox}{\r\n    width: fit-content;\r\n  }\r\n`;\r\n\r\nexport const StyledTableCellIcon = styled.div`\r\n  color: ${props => COLORS.getColor('neutral_700', props.theme)};\r\n  width: 20px;\r\n  height: 20px;\r\n\r\n  svg {\r\n    color: ${props => COLORS.getColor('neutral_700', props.theme)};\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n`;\r\n\r\nexport const StyledTableCellText = styled.span`\r\n  display: block;\r\n`;\r\n\r\nexport const StyledTableCellTextWrapper = styled.div<{ textWrap?: boolean }>`\r\n  padding: 12px 0px;\r\n  width: 100%;\r\n  ${props => !props.textWrap ? `\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  ` : ``}\r\n`;\r\n\r\nexport const StyledTableCellNoteText = styled.span`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n  display: inline-block;\r\n  width: 100%;\r\n`;\r\n\r\n\r\nexport const StyledTableFooter = styled.div`\r\n`;\r\n\r\nexport const StyledTableFooterContent = styled.div`\r\n  border-top: 2px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  box-sizing: border-box;\r\n  min-height: 56px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: right;\r\n\r\n`;\r\n\r\nexport const StyledTableFooterCurrentInfo = styled.span`\r\n  padding: 0 16px;\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n`;\r\n\r\nexport const StyledTableFooterControls = styled.div`\r\n  display: flex;\r\n`;\r\n\r\nexport const StyledTableSpinner = styled.div<{zindex?: string}>`\r\n  height: 100%;\r\n  width: 100%;\r\n  position: absolute;\r\n  background-color: rgba(255, 255, 255, 0.75);\r\n  top: 0;\r\n  z-index: ${(props) => (props.zindex ?? Z_INDEXES.loader)};\r\n`;\r\n\r\nexport const StyledTableFooterCollapseButton = styled.button`\r\n  position: relative;\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  border-left: none;\r\n  border-right: none;\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  display: flex;\r\n  width: 100%;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n\r\n  cursor: pointer;\r\n\r\n  ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  \r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover {\r\n    z-index: ${Z_INDEXES.hover};\r\n    background: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  &:active {\r\n    z-index: ${Z_INDEXES.active};\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &:disabled {\r\n    display: none;\r\n  }\r\n\r\n`;\r\n\r\n\r\nexport const StyledTableBodyWrapper = styled.div`\r\n  overflow-x: auto;\r\n  ${scrollBarStyling(Size.Small)}\r\n\r\n  ::-webkit-scrollbar-track {\r\n    margin: 6px;\r\n  }\r\n\r\n  &.scrollable{\r\n    margin-bottom: 6px;\r\n    padding-bottom: 10px;\r\n  }\r\n`;\r\n"],"mappings":"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"}

package/dist/Table/TableTypes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableTypes.cjs","names":[],"sources":["../../src/Table/TableTypes.ts"],"sourcesContent":["/**\r\n * Types for the table.\r\n */\r\nimport {DropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\r\nimport {ButtonProps} from '../Button/Button';\r\nimport {IconButtonProps} from '../Button/Iconbutton';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\n\r\nexport interface TableProps {\r\n  /**\r\n   * Optional. The title of the table. If provided, a header row will be rendered.\r\n   */\r\n  title?: string;\r\n\r\n  /**\r\n   * Required. An array of TableColumn objects, each representing a column in the table.\r\n   */\r\n  columns: TableColumn[];\r\n\r\n  /**\r\n   * Required. An array of objects, each representing a row in the table.\r\n   */\r\n  rows: any[];\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the table should have borders.\r\n   */\r\n  border?: boolean;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the table should be rendered as an accordion table.\r\n   * If set to 'true' then there will be no pagination, and all rows will be shown on the first page without pagination controls.\r\n   */\r\n  accordion?: boolean;\r\n\r\n  /**\r\n   * Optional. A boolean indicating initial state of the table if it is shown in 'accordion' mode, if set to true, it will be collapsed.\r\n   */\r\n  collapsed?: boolean;\r\n\r\n  /**\r\n   * Optional. The number of rows to show when the table is shown in accordion mode and collapsed.\r\n   */\r\n  collapsedRows?: number;\r\n\r\n  /**\r\n   * Optional. An object of type TableSortProps, representing the properties for sorting the table.\r\n   */\r\n  sortProps?: TableSortProps;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether pagination should be done remotely.\r\n   */\r\n  remoteOperations?: boolean;\r\n\r\n  /**\r\n   * Optional. An object of type TablePagination, representing the properties for paginating the table.\r\n   * Required only if 'remoteOperations' is set to true.\r\n   */\r\n  pagination?: TablePagination;\r\n\r\n  /**\r\n   * Optional. A function to be called when the previous page button is clicked.\r\n   * Will be called only if 'remoteOperations' is set to true.\r\n   */\r\n  onPreviousPageClick?: () => void;\r\n\r\n  /**\r\n   * Optional. A function to be called when the next page button is clicked.\r\n   * Will be called only if 'remoteOperations' is set to true.\r\n   */\r\n  onNextPageClick?: () => void;\r\n\r\n  /**\r\n   * Optional. A function to be called when the number of rows per page changes.\r\n   * Will be called only if 'remoteOperations' is set to true.\r\n   */\r\n  onRowsPerPageChange?: (count: number) => void;\r\n\r\n  /**\r\n   * Optional. A function to be called when the sorting direction changes.\r\n   * Will be called only if 'remoteOperations' is set to true.\r\n   */\r\n  onTriggerSortingChange?: (key: string, direction?: TableSortingDirection) => void;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether a loading indicator should be shown.\r\n   */\r\n  showLoadingIndicator?: boolean;\r\n\r\n  /**\r\n   * Optional. The label to be shown next to the rows per page selector.\r\n   * Defaults to 'Rows per page'.\r\n   */\r\n  rowsPerPageLabel? :string;\r\n\r\n  /**\r\n   * Optional. The label to be shown when there are no rows in the grid.\r\n   * Defaults to 'There are no rows to display'\r\n   */\r\n  noRowsLabel?: string;\r\n\r\n  /**\r\n   * Optional. The label to be shown for 'accordion' grid when table is in collapsed state.\r\n   * Defaults to 'Show more'\r\n   */\r\n  showMoreLabel?: string;\r\n\r\n  /**\r\n   * Optional. The label to be shown for 'accordion' grid when user can 'collapse' some of the rows.\r\n   * Defaults to 'Show more'\r\n   */\r\n  showFewerLabel?: string;\r\n\r\n  /**\r\n   * Optional. An object representing the properties for a dropdown menu shown in the header of table.\r\n   */\r\n  menu?: Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'width' | 'itemsType' | 'multiSelect'>;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the rows in the table should be selectable.\r\n   */\r\n  selectable?: boolean;\r\n\r\n  /**\r\n   * Optional. A function to be called when some of the rows get selected or unselected.\r\n   */\r\n  onSelectionChange?: (value: any | any[]) => void;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether multiple rows can be selected at once.\r\n   */\r\n  multiSelect?: boolean;\r\n\r\n  /**\r\n   * Optional. The key to be used as the unique identifier for each row.\r\n   */\r\n  keyExpr?: string;\r\n\r\n  /** Optional. Defines initial state of rows (selected/unselected). */\r\n  selectedRows?: any[];\r\n\r\n  /** Optional. Z-Index html attribute to be set to loading indicator. */\r\n  loaderZIndex?: string;\r\n\r\n  /** Optional. Sets value for 'table-layout' css props of Table tag.\r\n   * If not provided then 'table-layout' will not be set.\r\n    */\r\n  layout?: TableLayout;\r\n}\r\n\r\nexport interface TableSortProps {\r\n  column: string;\r\n  direction: TableSortingDirection;\r\n  allowClearingSort?: boolean;\r\n}\r\n\r\nexport interface TableColumn {\r\n  /**\r\n   * Required. The key of the column. This should match a key in the row data.\r\n   */\r\n  key: string;\r\n\r\n  /**\r\n   * Optional. The key of the note to be displayed in the column.\r\n   */\r\n  noteKey?: string;\r\n\r\n  /**\r\n   * Required. The name of the column. This will be displayed in the column header.\r\n   */\r\n  name: string;\r\n\r\n  /**\r\n   * Optional. The value to be used for filtering the column.\r\n   */\r\n  filterValue?: string;\r\n\r\n  /**\r\n   * Optional. The icon to be displayed in the column.\r\n   */\r\n  icon?: React.ReactNode;\r\n\r\n  /**\r\n   * Optional. The width of the column. Can be specified as a string (e.g., '100px') or a number (e.g., 100).\r\n   */\r\n  width?: string | number;\r\n\r\n  /**\r\n   * Optional. A function that returns the color for a cell in the column.\r\n   */\r\n  colorFn?: (row: any, key: string) => string;\r\n\r\n  /**\r\n   * Optional. The text alignment for the column. Can be 'right', 'left', or 'center'.\r\n   */\r\n  justify?: TableJustification;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the text in the column should be shortened.\r\n   */\r\n  shortenText?: boolean;\r\n\r\n  /**\r\n   * Optional. A function to be called when an action is performed on a cell in the column.\r\n   */\r\n  action?: (row: any, event: any) => void;\r\n\r\n  /**\r\n   * Optional. The type of the column. Can be 'text', 'boolean', 'number', 'custom', 'button', 'icon', or 'link'.\r\n   */\r\n  type?: TableColumnTypes;\r\n\r\n  /**\r\n   * Optional. Additional properties for the column.\r\n   */\r\n  additionalProps?: Pick<ButtonProps, 'variant' | 'size' | 'width' | 'icon'> | Pick<IconButtonProps, 'variant' | 'shape' | 'disabled' | 'tooltip'> | Pick<HyperlinkProps, 'variant'>;\r\n\r\n  /**\r\n   * Optional. A function that returns custom content for a cell in the column.\r\n   * Will be used only for button of type 'custom'\r\n   */\r\n  customContent?: (row: any, key: string) => any;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the column is sortable.\r\n   */\r\n  sortable?: boolean;\r\n}\r\n\r\nexport type TableColumnTypes = 'text' | 'boolean' | 'number' | 'custom' | 'button' | 'icon' | 'link';\r\n\r\nexport type TableJustification = 'right' | 'left' | 'center';\r\n\r\nexport type TableSortingDirection = 'asc' | 'desc';\r\n\r\nexport type TableLayout = 'auto' | 'fixed';\r\n\r\nexport interface TablePagination {\r\n  from: number;\r\n  to: number;\r\n  total: number;\r\n  currentPage: number;\r\n  rowsPerPage: number;\r\n}\r\n\r\n// will override component properties in case of button, icon and link\r\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"TableTypes.cjs","names":[],"sources":["../../src/Table/TableTypes.ts"],"sourcesContent":["/**\r\n * Types for the table.\r\n */\r\nimport {DropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\r\nimport {ButtonProps} from '../Button/Button';\r\nimport {IconButtonProps} from '../Button/Iconbutton';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\n\r\nexport interface TableProps {\r\n  /**\r\n   * Optional. The title of the table. If provided, a header row will be rendered.\r\n   */\r\n  title?: string;\r\n\r\n  /**\r\n   * Required. An array of TableColumn objects, each representing a column in the table.\r\n   */\r\n  columns: TableColumn[];\r\n\r\n  /**\r\n   * Required. An array of objects, each representing a row in the table.\r\n   */\r\n  rows: any[];\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the table should have borders.\r\n   */\r\n  border?: boolean;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the table should be rendered as an accordion table.\r\n   * If set to 'true' then there will be no pagination, and all rows will be shown on the first page without pagination controls.\r\n   */\r\n  accordion?: boolean;\r\n\r\n  /**\r\n   * Optional. A boolean indicating initial state of the table if it is shown in 'accordion' mode, if set to true, it will be collapsed.\r\n   */\r\n  collapsed?: boolean;\r\n\r\n  /**\r\n   * Optional. The number of rows to show when the table is shown in accordion mode and collapsed.\r\n   */\r\n  collapsedRows?: number;\r\n\r\n  /**\r\n   * Optional. An object of type TableSortProps, representing the properties for sorting the table.\r\n   */\r\n  sortProps?: TableSortProps;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether pagination should be done remotely.\r\n   */\r\n  remoteOperations?: boolean;\r\n\r\n  /**\r\n   * Optional. An object of type TablePagination, representing the properties for paginating the table.\r\n   * Required only if 'remoteOperations' is set to true.\r\n   */\r\n  pagination?: TablePagination;\r\n\r\n  /**\r\n   * Optional. A function to be called when the previous page button is clicked.\r\n   * Will be called only if 'remoteOperations' is set to true.\r\n   */\r\n  onPreviousPageClick?: () => void;\r\n\r\n  /**\r\n   * Optional. A function to be called when the next page button is clicked.\r\n   * Will be called only if 'remoteOperations' is set to true.\r\n   */\r\n  onNextPageClick?: () => void;\r\n\r\n  /**\r\n   * Optional. A function to be called when the number of rows per page changes.\r\n   * Will be called only if 'remoteOperations' is set to true.\r\n   */\r\n  onRowsPerPageChange?: (count: number) => void;\r\n\r\n  /**\r\n   * Optional. A function to be called when the sorting direction changes.\r\n   * Will be called only if 'remoteOperations' is set to true.\r\n   */\r\n  onTriggerSortingChange?: (key: string, direction?: TableSortingDirection) => void;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether a loading indicator should be shown.\r\n   */\r\n  showLoadingIndicator?: boolean;\r\n\r\n  /**\r\n   * Optional. The label to be shown next to the rows per page selector.\r\n   * Defaults to 'Rows per page'.\r\n   */\r\n  rowsPerPageLabel? :string;\r\n\r\n  /**\r\n   * Optional. The label to be shown when there are no rows in the grid.\r\n   * Defaults to 'There are no rows to display'\r\n   */\r\n  noRowsLabel?: string;\r\n\r\n  /**\r\n   * Optional. The label to be shown for 'accordion' grid when table is in collapsed state.\r\n   * Defaults to 'Show more'\r\n   */\r\n  showMoreLabel?: string;\r\n\r\n  /**\r\n   * Optional. The label to be shown for 'accordion' grid when user can 'collapse' some of the rows.\r\n   * Defaults to 'Show more'\r\n   */\r\n  showFewerLabel?: string;\r\n\r\n  /**\r\n   * Optional. An object representing the properties for a dropdown menu shown in the header of table.\r\n   */\r\n  menu?: Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'width' | 'itemsType' | 'multiSelect'>;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the rows in the table should be selectable.\r\n   */\r\n  selectable?: boolean;\r\n\r\n  /**\r\n   * Optional. A function to be called when some of the rows get selected or unselected.\r\n   */\r\n  onSelectionChange?: (value: any | any[]) => void;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether multiple rows can be selected at once.\r\n   */\r\n  multiSelect?: boolean;\r\n\r\n  /**\r\n   * Optional. The key to be used as the unique identifier for each row.\r\n   */\r\n  keyExpr?: string;\r\n\r\n  /** Optional. Defines initial state of rows (selected/unselected). */\r\n  selectedRows?: any[];\r\n\r\n  /** Optional. Z-Index html attribute to be set to loading indicator. */\r\n  loaderZIndex?: string;\r\n\r\n  /** Optional. Sets value for 'table-layout' css props of Table tag.\r\n   * If not provided then 'table-layout' will not be set.\r\n    */\r\n  layout?: TableLayout;\r\n}\r\n\r\nexport interface TableSortProps {\r\n  column: string;\r\n  direction: TableSortingDirection;\r\n  allowClearingSort?: boolean;\r\n}\r\n\r\nexport interface TableColumn {\r\n  /**\r\n   * Required. The key of the column. This should match a key in the row data.\r\n   */\r\n  key: string;\r\n\r\n  /**\r\n   * Optional. The key of the note to be displayed in the column.\r\n   */\r\n  noteKey?: string;\r\n\r\n  /**\r\n   * Required. The name of the column. This will be displayed in the column header.\r\n   */\r\n  name: string;\r\n\r\n  /**\r\n   * Optional. The value to be used for filtering the column.\r\n   */\r\n  filterValue?: string;\r\n\r\n  /**\r\n   * Optional. The icon to be displayed in the column.\r\n   */\r\n  icon?: React.ReactNode;\r\n\r\n  /**\r\n   * Optional. The width of the column. Can be specified as a string (e.g., '100px') or a number (e.g., 100).\r\n   */\r\n  width?: string | number;\r\n\r\n  /**\r\n   * Optional. A function that returns the color for a cell in the column.\r\n   */\r\n  colorFn?: (row: any, key: string) => string;\r\n\r\n  /**\r\n   * Optional. The text alignment for the column. Can be 'right', 'left', or 'center'.\r\n   */\r\n  justify?: TableJustification;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the text in the column should be shortened.\r\n   */\r\n  shortenText?: boolean;\r\n\r\n  /**\r\n   * Optional. A function to be called when an action is performed on a cell in the column.\r\n   */\r\n  action?: (row: any, event: any) => void;\r\n\r\n  /**\r\n   * Optional. The type of the column. Can be 'text', 'boolean', 'number', 'custom', 'button', 'icon', or 'link'.\r\n   */\r\n  type?: TableColumnTypes;\r\n\r\n  /**\r\n   * Optional. Additional properties for the column.\r\n   */\r\n  additionalProps?: Pick<ButtonProps, 'variant' | 'size' | 'width' | 'icon'> | Pick<IconButtonProps, 'variant' | 'shape' | 'disabled' | 'tooltip'> | Pick<HyperlinkProps, 'variant'>;\r\n\r\n  /**\r\n   * Optional. A function that returns custom content for a cell in the column.\r\n   * Will be used only for button of type 'custom'\r\n   */\r\n  customContent?: (row: any, key: string) => any;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the column is sortable.\r\n   */\r\n  sortable?: boolean;\r\n}\r\n\r\nexport type TableColumnTypes = 'text' | 'boolean' | 'number' | 'custom' | 'button' | 'icon' | 'link';\r\n\r\nexport type TableJustification = 'right' | 'left' | 'center';\r\n\r\nexport type TableSortingDirection = 'asc' | 'desc';\r\n\r\nexport type TableLayout = 'auto' | 'fixed';\r\n\r\nexport interface TablePagination {\r\n  from: number;\r\n  to: number;\r\n  total: number;\r\n  currentPage: number;\r\n  rowsPerPage: number;\r\n}\r\n\r\n// will override component properties in case of button, icon and link\r\n"],"mappings":""}

package/dist/Table/TableTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableTypes.js","names":[],"sources":["../../src/Table/TableTypes.ts"],"sourcesContent":["/**\r\n * Types for the table.\r\n */\r\nimport {DropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\r\nimport {ButtonProps} from '../Button/Button';\r\nimport {IconButtonProps} from '../Button/Iconbutton';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\n\r\nexport interface TableProps {\r\n  /**\r\n   * Optional. The title of the table. If provided, a header row will be rendered.\r\n   */\r\n  title?: string;\r\n\r\n  /**\r\n   * Required. An array of TableColumn objects, each representing a column in the table.\r\n   */\r\n  columns: TableColumn[];\r\n\r\n  /**\r\n   * Required. An array of objects, each representing a row in the table.\r\n   */\r\n  rows: any[];\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the table should have borders.\r\n   */\r\n  border?: boolean;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the table should be rendered as an accordion table.\r\n   * If set to 'true' then there will be no pagination, and all rows will be shown on the first page without pagination controls.\r\n   */\r\n  accordion?: boolean;\r\n\r\n  /**\r\n   * Optional. A boolean indicating initial state of the table if it is shown in 'accordion' mode, if set to true, it will be collapsed.\r\n   */\r\n  collapsed?: boolean;\r\n\r\n  /**\r\n   * Optional. The number of rows to show when the table is shown in accordion mode and collapsed.\r\n   */\r\n  collapsedRows?: number;\r\n\r\n  /**\r\n   * Optional. An object of type TableSortProps, representing the properties for sorting the table.\r\n   */\r\n  sortProps?: TableSortProps;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether pagination should be done remotely.\r\n   */\r\n  remoteOperations?: boolean;\r\n\r\n  /**\r\n   * Optional. An object of type TablePagination, representing the properties for paginating the table.\r\n   * Required only if 'remoteOperations' is set to true.\r\n   */\r\n  pagination?: TablePagination;\r\n\r\n  /**\r\n   * Optional. A function to be called when the previous page button is clicked.\r\n   * Will be called only if 'remoteOperations' is set to true.\r\n   */\r\n  onPreviousPageClick?: () => void;\r\n\r\n  /**\r\n   * Optional. A function to be called when the next page button is clicked.\r\n   * Will be called only if 'remoteOperations' is set to true.\r\n   */\r\n  onNextPageClick?: () => void;\r\n\r\n  /**\r\n   * Optional. A function to be called when the number of rows per page changes.\r\n   * Will be called only if 'remoteOperations' is set to true.\r\n   */\r\n  onRowsPerPageChange?: (count: number) => void;\r\n\r\n  /**\r\n   * Optional. A function to be called when the sorting direction changes.\r\n   * Will be called only if 'remoteOperations' is set to true.\r\n   */\r\n  onTriggerSortingChange?: (key: string, direction?: TableSortingDirection) => void;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether a loading indicator should be shown.\r\n   */\r\n  showLoadingIndicator?: boolean;\r\n\r\n  /**\r\n   * Optional. The label to be shown next to the rows per page selector.\r\n   * Defaults to 'Rows per page'.\r\n   */\r\n  rowsPerPageLabel? :string;\r\n\r\n  /**\r\n   * Optional. The label to be shown when there are no rows in the grid.\r\n   * Defaults to 'There are no rows to display'\r\n   */\r\n  noRowsLabel?: string;\r\n\r\n  /**\r\n   * Optional. The label to be shown for 'accordion' grid when table is in collapsed state.\r\n   * Defaults to 'Show more'\r\n   */\r\n  showMoreLabel?: string;\r\n\r\n  /**\r\n   * Optional. The label to be shown for 'accordion' grid when user can 'collapse' some of the rows.\r\n   * Defaults to 'Show more'\r\n   */\r\n  showFewerLabel?: string;\r\n\r\n  /**\r\n   * Optional. An object representing the properties for a dropdown menu shown in the header of table.\r\n   */\r\n  menu?: Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'width' | 'itemsType' | 'multiSelect'>;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the rows in the table should be selectable.\r\n   */\r\n  selectable?: boolean;\r\n\r\n  /**\r\n   * Optional. A function to be called when some of the rows get selected or unselected.\r\n   */\r\n  onSelectionChange?: (value: any | any[]) => void;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether multiple rows can be selected at once.\r\n   */\r\n  multiSelect?: boolean;\r\n\r\n  /**\r\n   * Optional. The key to be used as the unique identifier for each row.\r\n   */\r\n  keyExpr?: string;\r\n\r\n  /** Optional. Defines initial state of rows (selected/unselected). */\r\n  selectedRows?: any[];\r\n\r\n  /** Optional. Z-Index html attribute to be set to loading indicator. */\r\n  loaderZIndex?: string;\r\n\r\n  /** Optional. Sets value for 'table-layout' css props of Table tag.\r\n   * If not provided then 'table-layout' will not be set.\r\n    */\r\n  layout?: TableLayout;\r\n}\r\n\r\nexport interface TableSortProps {\r\n  column: string;\r\n  direction: TableSortingDirection;\r\n  allowClearingSort?: boolean;\r\n}\r\n\r\nexport interface TableColumn {\r\n  /**\r\n   * Required. The key of the column. This should match a key in the row data.\r\n   */\r\n  key: string;\r\n\r\n  /**\r\n   * Optional. The key of the note to be displayed in the column.\r\n   */\r\n  noteKey?: string;\r\n\r\n  /**\r\n   * Required. The name of the column. This will be displayed in the column header.\r\n   */\r\n  name: string;\r\n\r\n  /**\r\n   * Optional. The value to be used for filtering the column.\r\n   */\r\n  filterValue?: string;\r\n\r\n  /**\r\n   * Optional. The icon to be displayed in the column.\r\n   */\r\n  icon?: React.ReactNode;\r\n\r\n  /**\r\n   * Optional. The width of the column. Can be specified as a string (e.g., '100px') or a number (e.g., 100).\r\n   */\r\n  width?: string | number;\r\n\r\n  /**\r\n   * Optional. A function that returns the color for a cell in the column.\r\n   */\r\n  colorFn?: (row: any, key: string) => string;\r\n\r\n  /**\r\n   * Optional. The text alignment for the column. Can be 'right', 'left', or 'center'.\r\n   */\r\n  justify?: TableJustification;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the text in the column should be shortened.\r\n   */\r\n  shortenText?: boolean;\r\n\r\n  /**\r\n   * Optional. A function to be called when an action is performed on a cell in the column.\r\n   */\r\n  action?: (row: any, event: any) => void;\r\n\r\n  /**\r\n   * Optional. The type of the column. Can be 'text', 'boolean', 'number', 'custom', 'button', 'icon', or 'link'.\r\n   */\r\n  type?: TableColumnTypes;\r\n\r\n  /**\r\n   * Optional. Additional properties for the column.\r\n   */\r\n  additionalProps?: Pick<ButtonProps, 'variant' | 'size' | 'width' | 'icon'> | Pick<IconButtonProps, 'variant' | 'shape' | 'disabled' | 'tooltip'> | Pick<HyperlinkProps, 'variant'>;\r\n\r\n  /**\r\n   * Optional. A function that returns custom content for a cell in the column.\r\n   * Will be used only for button of type 'custom'\r\n   */\r\n  customContent?: (row: any, key: string) => any;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the column is sortable.\r\n   */\r\n  sortable?: boolean;\r\n}\r\n\r\nexport type TableColumnTypes = 'text' | 'boolean' | 'number' | 'custom' | 'button' | 'icon' | 'link';\r\n\r\nexport type TableJustification = 'right' | 'left' | 'center';\r\n\r\nexport type TableSortingDirection = 'asc' | 'desc';\r\n\r\nexport type TableLayout = 'auto' | 'fixed';\r\n\r\nexport interface TablePagination {\r\n  from: number;\r\n  to: number;\r\n  total: number;\r\n  currentPage: number;\r\n  rowsPerPage: number;\r\n}\r\n\r\n// will override component properties in case of button, icon and link\r\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"TableTypes.js","names":[],"sources":["../../src/Table/TableTypes.ts"],"sourcesContent":["/**\r\n * Types for the table.\r\n */\r\nimport {DropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\r\nimport {ButtonProps} from '../Button/Button';\r\nimport {IconButtonProps} from '../Button/Iconbutton';\r\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\r\n\r\nexport interface TableProps {\r\n  /**\r\n   * Optional. The title of the table. If provided, a header row will be rendered.\r\n   */\r\n  title?: string;\r\n\r\n  /**\r\n   * Required. An array of TableColumn objects, each representing a column in the table.\r\n   */\r\n  columns: TableColumn[];\r\n\r\n  /**\r\n   * Required. An array of objects, each representing a row in the table.\r\n   */\r\n  rows: any[];\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the table should have borders.\r\n   */\r\n  border?: boolean;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the table should be rendered as an accordion table.\r\n   * If set to 'true' then there will be no pagination, and all rows will be shown on the first page without pagination controls.\r\n   */\r\n  accordion?: boolean;\r\n\r\n  /**\r\n   * Optional. A boolean indicating initial state of the table if it is shown in 'accordion' mode, if set to true, it will be collapsed.\r\n   */\r\n  collapsed?: boolean;\r\n\r\n  /**\r\n   * Optional. The number of rows to show when the table is shown in accordion mode and collapsed.\r\n   */\r\n  collapsedRows?: number;\r\n\r\n  /**\r\n   * Optional. An object of type TableSortProps, representing the properties for sorting the table.\r\n   */\r\n  sortProps?: TableSortProps;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether pagination should be done remotely.\r\n   */\r\n  remoteOperations?: boolean;\r\n\r\n  /**\r\n   * Optional. An object of type TablePagination, representing the properties for paginating the table.\r\n   * Required only if 'remoteOperations' is set to true.\r\n   */\r\n  pagination?: TablePagination;\r\n\r\n  /**\r\n   * Optional. A function to be called when the previous page button is clicked.\r\n   * Will be called only if 'remoteOperations' is set to true.\r\n   */\r\n  onPreviousPageClick?: () => void;\r\n\r\n  /**\r\n   * Optional. A function to be called when the next page button is clicked.\r\n   * Will be called only if 'remoteOperations' is set to true.\r\n   */\r\n  onNextPageClick?: () => void;\r\n\r\n  /**\r\n   * Optional. A function to be called when the number of rows per page changes.\r\n   * Will be called only if 'remoteOperations' is set to true.\r\n   */\r\n  onRowsPerPageChange?: (count: number) => void;\r\n\r\n  /**\r\n   * Optional. A function to be called when the sorting direction changes.\r\n   * Will be called only if 'remoteOperations' is set to true.\r\n   */\r\n  onTriggerSortingChange?: (key: string, direction?: TableSortingDirection) => void;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether a loading indicator should be shown.\r\n   */\r\n  showLoadingIndicator?: boolean;\r\n\r\n  /**\r\n   * Optional. The label to be shown next to the rows per page selector.\r\n   * Defaults to 'Rows per page'.\r\n   */\r\n  rowsPerPageLabel? :string;\r\n\r\n  /**\r\n   * Optional. The label to be shown when there are no rows in the grid.\r\n   * Defaults to 'There are no rows to display'\r\n   */\r\n  noRowsLabel?: string;\r\n\r\n  /**\r\n   * Optional. The label to be shown for 'accordion' grid when table is in collapsed state.\r\n   * Defaults to 'Show more'\r\n   */\r\n  showMoreLabel?: string;\r\n\r\n  /**\r\n   * Optional. The label to be shown for 'accordion' grid when user can 'collapse' some of the rows.\r\n   * Defaults to 'Show more'\r\n   */\r\n  showFewerLabel?: string;\r\n\r\n  /**\r\n   * Optional. An object representing the properties for a dropdown menu shown in the header of table.\r\n   */\r\n  menu?: Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'width' | 'itemsType' | 'multiSelect'>;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the rows in the table should be selectable.\r\n   */\r\n  selectable?: boolean;\r\n\r\n  /**\r\n   * Optional. A function to be called when some of the rows get selected or unselected.\r\n   */\r\n  onSelectionChange?: (value: any | any[]) => void;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether multiple rows can be selected at once.\r\n   */\r\n  multiSelect?: boolean;\r\n\r\n  /**\r\n   * Optional. The key to be used as the unique identifier for each row.\r\n   */\r\n  keyExpr?: string;\r\n\r\n  /** Optional. Defines initial state of rows (selected/unselected). */\r\n  selectedRows?: any[];\r\n\r\n  /** Optional. Z-Index html attribute to be set to loading indicator. */\r\n  loaderZIndex?: string;\r\n\r\n  /** Optional. Sets value for 'table-layout' css props of Table tag.\r\n   * If not provided then 'table-layout' will not be set.\r\n    */\r\n  layout?: TableLayout;\r\n}\r\n\r\nexport interface TableSortProps {\r\n  column: string;\r\n  direction: TableSortingDirection;\r\n  allowClearingSort?: boolean;\r\n}\r\n\r\nexport interface TableColumn {\r\n  /**\r\n   * Required. The key of the column. This should match a key in the row data.\r\n   */\r\n  key: string;\r\n\r\n  /**\r\n   * Optional. The key of the note to be displayed in the column.\r\n   */\r\n  noteKey?: string;\r\n\r\n  /**\r\n   * Required. The name of the column. This will be displayed in the column header.\r\n   */\r\n  name: string;\r\n\r\n  /**\r\n   * Optional. The value to be used for filtering the column.\r\n   */\r\n  filterValue?: string;\r\n\r\n  /**\r\n   * Optional. The icon to be displayed in the column.\r\n   */\r\n  icon?: React.ReactNode;\r\n\r\n  /**\r\n   * Optional. The width of the column. Can be specified as a string (e.g., '100px') or a number (e.g., 100).\r\n   */\r\n  width?: string | number;\r\n\r\n  /**\r\n   * Optional. A function that returns the color for a cell in the column.\r\n   */\r\n  colorFn?: (row: any, key: string) => string;\r\n\r\n  /**\r\n   * Optional. The text alignment for the column. Can be 'right', 'left', or 'center'.\r\n   */\r\n  justify?: TableJustification;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the text in the column should be shortened.\r\n   */\r\n  shortenText?: boolean;\r\n\r\n  /**\r\n   * Optional. A function to be called when an action is performed on a cell in the column.\r\n   */\r\n  action?: (row: any, event: any) => void;\r\n\r\n  /**\r\n   * Optional. The type of the column. Can be 'text', 'boolean', 'number', 'custom', 'button', 'icon', or 'link'.\r\n   */\r\n  type?: TableColumnTypes;\r\n\r\n  /**\r\n   * Optional. Additional properties for the column.\r\n   */\r\n  additionalProps?: Pick<ButtonProps, 'variant' | 'size' | 'width' | 'icon'> | Pick<IconButtonProps, 'variant' | 'shape' | 'disabled' | 'tooltip'> | Pick<HyperlinkProps, 'variant'>;\r\n\r\n  /**\r\n   * Optional. A function that returns custom content for a cell in the column.\r\n   * Will be used only for button of type 'custom'\r\n   */\r\n  customContent?: (row: any, key: string) => any;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the column is sortable.\r\n   */\r\n  sortable?: boolean;\r\n}\r\n\r\nexport type TableColumnTypes = 'text' | 'boolean' | 'number' | 'custom' | 'button' | 'icon' | 'link';\r\n\r\nexport type TableJustification = 'right' | 'left' | 'center';\r\n\r\nexport type TableSortingDirection = 'asc' | 'desc';\r\n\r\nexport type TableLayout = 'auto' | 'fixed';\r\n\r\nexport interface TablePagination {\r\n  from: number;\r\n  to: number;\r\n  total: number;\r\n  currentPage: number;\r\n  rowsPerPage: number;\r\n}\r\n\r\n// will override component properties in case of button, icon and link\r\n"],"mappings":""}

package/dist/Table/index.cjs

@@ -10,7 +10,7 @@ var _exportNames = {
 Object.defineProperty(exports, "Table", {
   enumerable: true,
   get: function get() {
-    return _Table["default"];
+    return _Table.default;
   }
 });
 var _TableTypes = require("./TableTypes");