@laerdal/life-react-components 5.0.7-dev.6 → 5.0.8-dev.1

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","_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":["/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\n\n/**\n * Import custom style properties.\n */\nimport {COLORS, focusStyles, scrollBarStyling} from '../styles';\nimport {\n  ComponentLStyling,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentTextStyle,\n  ComponentXSStyling\n} from '../styles/typography';\nimport {Z_INDEXES} from '../styles/z-indexes';\nimport {StyledCheckBox} from '../InputFields/Checkbox';\nimport {Size} from \"../types\";\n\n/**\n * Table styles\n */\n\nexport const TableWrapper = styled.div`\n  position: relative;\n\n  &.border{\n    border-left: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\n    border-right: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\n  }\n`;\n\n\nexport const StyledTable = styled.table`\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`;\n\nexport const StyledTableHeader = styled.div`\n`;\n\nexport const StyledTableHeaderTitle = styled.div`\n`;\n\nexport const StyledTableHeaderTitleContent = styled.div`\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 ${props => COLORS.getColor('neutral_200', props.theme)};\n  border-top: 2px solid ${props => COLORS.getColor('neutral_200', props.theme)};\n  padding: 0 16px;\n\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\n  .title-menu {\n    margin-right: -16px;\n  }\n`;\n\nexport const StyledTableHeaderRow = styled.thead`\n`;\n\nexport const StyledTableHeaderColumns = styled.tr`\n`;\n\nexport const StyledTableHeaderColumnContent = styled.div`\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 ${props => COLORS.getColor('neutral_200', props.theme)};\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\n`;\n\nexport const StyledTableHeaderColumnSortDirection = styled.span`\n  width: 24px;\n  height: 24px;\n`;\n\nexport const StyledTableHeaderColumn = styled.th`\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\n  position: relative;\n  text-align: unset;\n  background-color: ${props => COLORS.getColor('white', props.theme)};\n\n  //fixes header heights no idea why\n  height: 1px;\n\n  &.sortable {\n    cursor: pointer;\n\n    &:hover {\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\n      z-index: ${Z_INDEXES.hover};\n    }\n\n    &:active {\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\n      z-index: ${Z_INDEXES.active};\n    }\n\n    &:focus {\n      ${focusStyles}\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 ${StyledTableHeaderColumnContent} > svg {\n    opacity: 0;\n  }\n\n  &.sortable.sorted ${StyledTableHeaderColumnContent} > svg {\n    opacity: 1;\n  }\n\n  &.sorted {\n    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\n  }\n`;\n\nexport const StyledTableBodyRow = styled.tr`\n  cursor: pointer;\n  position: relative;\n  outline: none;\n  background-color: ${props => COLORS.getColor('white', props.theme)};\n  \n  &:not(:last-child) {\n    border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\n  }\n\n  &.selected{\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\n  }\n  \n  &:hover {\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\n    z-index: ${Z_INDEXES.hover};\n  }\n\n  &:focus {\n    ${focusStyles}\n  }\n\n  &:active {\n    z-index: ${Z_INDEXES.active};\n  }\n\n`;\n\nexport const StyledTableNoRowsLabelRow = styled.tr`\n  position: relative;\n  outline: none;\n  background-color: ${props => COLORS.getColor('neutral_50', props.theme)};\n`;\n\nexport const StyledTableBody = styled.tbody`\n`;\n\n\nexport const StyledTableCell = styled.td``;\n\nexport const StyledTableCellContent = styled.div<{$withNote?: boolean}>`\n  min-height: ${props => props.$withNote ? '64px' : '48px'};\n\n  padding: 0 16px;\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\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  ${StyledCheckBox}{\n    width: fit-content;\n  }\n`;\n\nexport const StyledTableCellIcon = styled.div`\n  color: ${props => COLORS.getColor('neutral_700', props.theme)};\n  width: 20px;\n  height: 20px;\n\n  svg {\n    color: ${props => COLORS.getColor('neutral_700', props.theme)};\n    width: 20px;\n    height: 20px;\n  }\n`;\n\nexport const StyledTableCellText = styled.span`\n  display: block;\n`;\n\nexport const StyledTableCellTextWrapper = styled.div<{ $textWrap?: boolean }>`\n  padding: 12px 0px;\n  width: 100%;\n  ${props => !props.$textWrap ? `\n  overflow: hidden;\n  text-overflow: ellipsis;\n  ` : ``}\n`;\n\nexport const StyledTableCellNoteText = styled.span`\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\n  display: inline-block;\n  width: 100%;\n`;\n\n\nexport const StyledTableFooter = styled.div`\n`;\n\nexport const StyledTableFooterContent = styled.div`\n  border-top: 2px solid ${props => COLORS.getColor('neutral_200', props.theme)};\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\n  box-sizing: border-box;\n  min-height: 56px;\n\n  display: flex;\n  align-items: center;\n  justify-content: right;\n\n`;\n\nexport const StyledTableFooterCurrentInfo = styled.span`\n  padding: 0 16px;\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n`;\n\nexport const StyledTableFooterControls = styled.div`\n  display: flex;\n`;\n\nexport const StyledTableSpinner = styled.div<{$zindex?: string}>`\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  background-color: rgba(255, 255, 255, 0.75);\n  top: 0;\n  z-index: ${(props) => (props.$zindex ?? Z_INDEXES.loader)};\n`;\n\nexport const StyledTableFooterCollapseButton = styled.button`\n  position: relative;\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\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: ${props => COLORS.getColor('white', props.theme)};\n\n  cursor: pointer;\n\n  ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\n  \n  &:focus {\n    ${focusStyles}\n  }\n\n  &:hover {\n    z-index: ${Z_INDEXES.hover};\n    background: ${props => COLORS.getColor('primary_20', props.theme)};\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\n  }\n\n  &:active {\n    z-index: ${Z_INDEXES.active};\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\n  }\n\n  &:disabled {\n    display: none;\n  }\n\n`;\n\n\nexport const StyledTableBodyWrapper = styled.div`\n  overflow-x: auto;\n  ${scrollBarStyling(Size.Small)}\n\n  &::-webkit-scrollbar-track {\n    margin: 6px;\n  }\n\n  &.scrollable{\n    margin-bottom: 6px;\n    padding-bottom: 10px;\n  }\n`;\n"],"mappings":"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","ignoreList":[]}

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

package/dist/Table/TableTypes.d.ts

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

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

package/dist/Table/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_TableTypes","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_TableStyles","_Table","_interopRequireDefault"],"sources":["../../src/Table/index.ts"],"sourcesContent":["export * from './TableTypes'\r\nexport * from './TableStyles';\r\nexport {default as Table} from './Table';\r\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAb,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,YAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,YAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,YAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,YAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,MAAA,GAAAC,sBAAA,CAAAf,OAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_TableTypes","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_TableStyles","_Table","_interopRequireDefault"],"sources":["../../src/Table/index.ts"],"sourcesContent":["export * from './TableTypes'\nexport * from './TableStyles';\nexport {default as Table} from './Table';\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAb,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,YAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,YAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,YAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,YAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,MAAA,GAAAC,sBAAA,CAAAf,OAAA","ignoreList":[]}

package/dist/Table/index.d.ts

@@ -1,3 +1,3 @@
-export * from './TableTypes';
-export * from './TableStyles';
-export { default as Table } from './Table';
+export * from './TableTypes';
+export * from './TableStyles';
+export { default as Table } from './Table';

package/dist/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Table"],"sources":["../../src/Table/index.ts"],"sourcesContent":["export * from './TableTypes'\r\nexport * from './TableStyles';\r\nexport {default as Table} from './Table';\r\n"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,eAAe;AAC7B,SAAQA,OAAO,IAAIC,KAAK,QAAO,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default","Table"],"sources":["../../src/Table/index.ts"],"sourcesContent":["export * from './TableTypes'\nexport * from './TableStyles';\nexport {default as Table} from './Table';\n"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,eAAe;AAC7B,SAAQA,OAAO,IAAIC,KAAK,QAAO,SAAS","ignoreList":[]}