@semcore/data-table 16.0.0-prerelease.7 → 16.0.0

package/lib/es6/components/Body/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","names":["React","Component","Root","sstyled","createComponent","Box","Collapse","style","_sstyled","insert","Body","getFixedStyle","ACCORDION","SELECT_ALL","MergedColumnsCell","MergedRowsCell","Checkbox","RowRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","value","event","preventDefault","_this$asProps","asProps","row","rowIndex","onSelectRow","e","key","onBackFromAccordion","cellIndex","_createClass","cellHasAccordion","cellValue","Boolean","render","_ref","_ref2","_this2","_scrollAreaRef$curren","_row$ACCORDION","SRow","SCollapseRow","SCell","Cell","_this$asProps2","columns","styles","ariaRowIndex","gridRowIndex","expanded","accordionDataGridArea","expandedRows","onExpandRow","_this$asProps2$ariaL","ariaLevel","scrollAreaRef","selectedRows","uid","accordion","accordionType","undefined","cells","Object","values","cellWithAccordionIndex","findIndex","cellWithAccordion","createElement","Fragment","cn","_objectSpread","_assignProps","includes","map","column","i","checked","name","toString","columnIndex","onClick","handleSelectRow","onChange","index","fixed","_getFixedStyle","_getFixedStyle2","_slicedToArray","id","accordionId","withAccordion","isValidElement","current","clientWidth","handleBackFromAccordion","isArray","subrow","Row","rows","parent"],"sources":["../../../../src/components/Body/Row.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Component, Root, sstyled, createComponent } from '@semcore/core';\nimport { DataTableRowProps, RowPropsInner } from './Row.types';\nimport { Box, Collapse } from '@semcore/base-components';\nimport style from './style.shadow.css';\nimport { Body } from './Body';\nimport { getFixedStyle } from '../../utils';\nimport { ACCORDION, UNIQ_ROW_KEY, SELECT_ALL } from '../DataTable/DataTable';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport { DTValue } from '../DataTable/DataTable.types';\nimport Checkbox from '@semcore/checkbox';\n\nclass RowRoot extends Component<DataTableRowProps, {}, {}, [], RowPropsInner> {\n  static displayName = 'Row';\n  static style = style;\n\n  static defaultProps = {\n    'aria-level': undefined,\n  };\n\n  private cellIndex = -1;\n\n  cellHasAccordion(cellValue?: DTValue | MergedColumnsCell | MergedRowsCell): cellValue is DTValue {\n    return (\n      !(cellValue instanceof MergedRowsCell || cellValue instanceof MergedColumnsCell) &&\n      Boolean(cellValue?.[ACCORDION])\n    );\n  }\n\n  handleSelectRow = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n    event?.preventDefault();\n    const { row, rowIndex, onSelectRow } = this.asProps;\n\n    onSelectRow?.(value, rowIndex, row, event);\n  };\n\n  handleBackFromAccordion = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      this.asProps.onBackFromAccordion(this.cellIndex);\n    }\n  };\n\n  render() {\n    const SRow = Root;\n    const SCollapseRow = Collapse;\n    const SCell = Body.Cell;\n    const {\n      columns,\n      row,\n      styles,\n      rowIndex,\n      ariaRowIndex,\n      gridRowIndex,\n      expanded,\n      accordionDataGridArea,\n      expandedRows,\n      onExpandRow,\n      'aria-level': ariaLevel = 1,\n      scrollAreaRef,\n      selectedRows,\n      uid,\n    } = this.asProps;\n\n    let accordion = row[ACCORDION];\n    let accordionType = accordion ? 'row' : undefined;\n\n    if (!accordion) {\n      const cells = Object.values(row);\n      const cellWithAccordionIndex = cells.findIndex((value) => {\n        return this.cellHasAccordion(value);\n      });\n\n      this.cellIndex = cellWithAccordionIndex;\n\n      const cellWithAccordion = cells[cellWithAccordionIndex] as DTValue | undefined;\n\n      accordion = cellWithAccordion?.[ACCORDION];\n      accordionType = 'cell';\n    }\n\n    return sstyled(styles)(\n      <>\n        <SRow\n          render={Box}\n          role={'row'}\n          aria-rowindex={ariaRowIndex}\n          accordionType={accordionType}\n          theme={selectedRows?.includes(rowIndex) ? 'info' : undefined}\n        >\n          {columns.map((column, i) => {\n            if (selectedRows && i === 0) {\n              const checked = selectedRows.includes(rowIndex);\n              return (\n                <Body.Cell\n                  key={i}\n                  row={row}\n                  rowIndex={rowIndex}\n                  // @ts-ignore\n                  column={{ name: SELECT_ALL.toString() }}\n                  columnIndex={0}\n                  gridRowIndex={gridRowIndex}\n                  onClick={this.handleSelectRow(!checked)}\n                >\n                  <Checkbox\n                    checked={checked}\n                    aria-labelledby={`${uid}_${ariaRowIndex}_1`}\n                    onChange={(value, e) => this.handleSelectRow(value)(e)}\n                  />\n                </Body.Cell>\n              );\n            }\n\n            const index = i;\n            const cellValue = row[column.name];\n\n            if (cellValue === undefined) {\n              return null;\n            }\n\n            const style: React.CSSProperties = {};\n\n            if (column.fixed) {\n              const [name, value] = getFixedStyle(column, columns);\n\n              if (name !== undefined && value !== undefined) {\n                style[name] = value;\n              }\n            }\n\n            return (\n              <Body.Cell\n                key={index}\n                id={`${uid}_${ariaRowIndex}_${index}`}\n                accordionId={`${uid}_${ariaRowIndex + 1}`}\n                data-aria-level={index === 0 ? ariaLevel : undefined}\n                row={row}\n                rowIndex={rowIndex}\n                gridRowIndex={gridRowIndex}\n                columnIndex={index}\n                style={style}\n                column={column}\n                // @ts-ignore\n                withAccordion={this.cellHasAccordion(cellValue)}\n              />\n            );\n          })}\n        </SRow>\n\n        {React.isValidElement(accordion) && (\n          <SCollapseRow\n            key={rowIndex}\n            role={'row'}\n            aria-rowindex={ariaRowIndex + 1}\n            id={`${uid}_${ariaRowIndex + 1}`}\n            visible={expanded}\n            interactive\n            gridArea={accordionDataGridArea}\n            duration={200}\n            zIndex={5}\n          >\n            <SCell\n              aria-colindex={1}\n              aria-level={ariaLevel + 1}\n              aria-setsize={1}\n              aria-posinset={1}\n              row={row}\n              rowIndex={rowIndex + 1}\n              columnIndex={1}\n              // @ts-ignore\n              column={{ name: ACCORDION }}\n              position={'sticky'}\n              left={0}\n              w={scrollAreaRef.current?.clientWidth}\n              onKeyDown={this.handleBackFromAccordion}\n            >\n              {accordion}\n            </SCell>\n          </SCollapseRow>\n        )}\n\n        {row[ACCORDION] &&\n          Array.isArray(row[ACCORDION]) &&\n          expanded &&\n          row[ACCORDION]?.map((subrow, i) => {\n            return (\n              <Row\n                key={i}\n                row={subrow}\n                columns={columns}\n                rows={row[ACCORDION]}\n                rowIndex={rowIndex}\n                aria-posinset={i + 1}\n                aria-level={ariaLevel + 1}\n                ariaRowIndex={ariaRowIndex + 1 + i}\n                gridRowIndex={gridRowIndex + 1 + i}\n                expanded={true}\n              />\n            );\n          })}\n      </>,\n    );\n  }\n}\n\n// @ts-ignore\nexport const Row = createComponent(RowRoot, {}, { parent: Body });\n"],"mappings":"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"}

package/lib/es6/components/Body/Row.types.js

@@ -0,0 +1,2 @@
+import { ACCORDION, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';
+//# sourceMappingURL=Row.types.js.map

package/lib/es6/components/Body/Row.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.types.js","names":["ACCORDION","ROW_INDEX","UNIQ_ROW_KEY"],"sources":["../../../../src/components/Body/Row.types.ts"],"sourcesContent":["import { DTValue, DTUse, DataTableData } from '../DataTable/DataTable.types';\nimport { DTColumn } from '../Head/Column.types';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport { ACCORDION, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';\n\nexport type DTRow = {\n  [UNIQ_ROW_KEY]: string;\n  [ROW_INDEX]: number;\n  [key: string]: DTValue | MergedRowsCell | MergedColumnsCell;\n  [ACCORDION]?: React.ReactNode | DataTableData | undefined;\n};\nexport type DTRows = Array<DTRow | DTRow[]>;\n\nexport type DataTableRowProps = {\n  row: DTRow;\n  offset?: number;\n};\n\nexport type RowPropsInner = JSX.IntrinsicElements['div'] & {\n  use: DTUse;\n  /**\n   * Expanded flag for rows with accordion\n   * @default false\n   */\n  expanded?: boolean;\n\n  columns: DTColumn[];\n  row: DTRow | DTRow[];\n  rows: DTRows;\n  rowIndex: number; // from 0\n  ariaRowIndex: number; // from 1 + 1 header\n  gridRowIndex: number; // from 1 + 1 (or 2 if it has group) header\n\n  expandedRows: Set<string>;\n  onExpandRow: (expandedRow: DTRow) => void;\n\n  gridTemplateAreas: string[];\n  gridTemplateColumns: string[];\n  accordionDataGridArea: string;\n\n  selectedRows?: number[];\n  onSelectRow?: (\n    isSelect: boolean,\n    selectedRowIndex: number,\n    row: DTRow,\n    event?: React.SyntheticEvent<HTMLElement>,\n  ) => void;\n\n  inert?: '';\n\n  onBackFromAccordion: (colIndex: number) => void;\n\n  scrollAreaRef: React.RefObject<HTMLDivElement>;\n  uid: string;\n  sideIndents?: 'l';\n};\n"],"mappings":"AAGA,SAASA,SAAS,EAAEC,SAAS,EAAEC,YAAY,QAAQ,wBAAwB"}

package/lib/es6/components/Body/style.shadow.css

@@ -0,0 +1,257 @@
+SBody, SRow, SRowGroup {
+  display: contents;
+}
+
+SBody[compact] {
+  SCell {
+    padding: var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px);
+  }
+
+  SCell[data-aria-level] {
+    padding-left: calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px) * (var(--data-aria-level) - 1)));
+  }
+}
+
+SRow[gridArea], SCell[gridArea], SCollapseRow[gridArea] {
+  grid-area: var(--gridArea);
+}
+
+SCollapseRow SCell {
+  display: block;
+}
+
+/* DEFAULT THEME */
+SRow[active] > SCell:not([theme]) {
+  /* The color is hardcoded because need hex(in figma rgba) */
+  /* disable-tokens-validator */
+  background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
+}
+
+SRow[expanded][accordionType='row'] > SCell:not([theme]) {
+  background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
+}
+
+SRow[expanded][accordionType='cell'] > SCell:not([theme])[withAccordion] {
+  background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
+}
+
+SCollapseRow > SCell:not([theme]), SRow[expanded] > SCell:not([theme]) {
+  background-color: var(--intergalactic-table-td-cell-accordion, #f4f5f9);
+}
+
+/* we need a media query here because of the postcssHoverMediaFeature plugin. it doesn't handle this type of selectors correctly */
+@media (hover: hover) {
+  SRow:hover > SCell:not([theme]),
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCell:not([theme]),
+  SRowGroup:has(SCell:hover) > SRow > SCell[data-grouped-by='rowgroup']:not([theme]) {
+    background-color: var(--intergalactic-table-td-cell-hover, #f0f0f4);
+  }
+
+  /* MUTED THEME */
+  SRow:hover > SCell[theme='muted'],
+  SRow[theme='muted']:hover > SCell:not([theme]),
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCell[theme='muted'],
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='muted'] > SCell:not([theme]),
+  SRowGroup:has(SCell:hover) > SRow > SCell[data-grouped-by='rowgroup'][theme='muted'],
+  SRowGroup:has(SCell:hover) > SRow[theme='muted'] > SCell[data-grouped-by='rowgroup']:not([theme]) {
+    /* The color is hardcoded because need hex(in figma rgba) */
+    /* disable-tokens-validator */
+    background-color: var(--intergalactic-table-td-cell-hover, #f0f0f4);
+  }
+
+  /* INFO THEME */
+  SRow:hover > SCell[theme='info'],
+  SRow[theme='info']:hover > SCell:not([theme]),
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCell[theme='info'],
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='info'] > SCell:not([theme]),
+  SRowGroup:has(SCell:hover) > SRow > SCell[data-grouped-by='rowgroup'][theme='info'],
+  SRowGroup:has(SCell:hover) > SRow[theme='info'] > SCell[data-grouped-by='rowgroup']:not([theme]) {
+    background-color: var(--intergalactic-table-td-cell-selected-hover, #c4e5fe);
+  }
+
+  /* SUCCESS THEME */
+  SRow:hover > SCell[theme='success'],
+  SRow[theme='success']:hover > SCell:not([theme]),
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCell[theme='success'],
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='success'] > SCell:not([theme]),
+  SRowGroup:has(SCell:hover) > SRow > SCell[data-grouped-by='rowgroup'][theme='success'],
+  SRowGroup:has(SCell:hover) > SRow[theme='success'] > SCell[data-grouped-by='rowgroup']:not([theme]) {
+    background-color: var(--intergalactic-table-td-cell-new-hover, #9ef2c9);
+  }
+
+  /* WARNING THEME */
+  SRow:hover > SCell[theme='warning'],
+  SRow[theme='warning']:hover > SCell:not([theme]),
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCell[theme='warning'],
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='warning'] > SCell:not([theme]),
+  SRowGroup:has(SCell:hover) > SRow > SCell[data-grouped-by='rowgroup'][theme='warning'],
+  SRowGroup:has(SCell:hover) > SRow[theme='warning'] > SCell[data-grouped-by='rowgroup']:not([theme]) {
+    background-color: var(--intergalactic-table-td-cell-warning-hover, #ffdca2);
+  }
+
+  /* DANGER THEME */
+  SRow:hover > SCell[theme='danger'],
+  SRow[theme='danger']:hover > SCell:not([theme]),
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCell[theme='danger'],
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='danger'] > SCell:not([theme]),
+  SRowGroup:has(SCell:hover) > SRow > SCell[data-grouped-by='rowgroup'][theme='danger'],
+  SRowGroup:has(SCell:hover) > SRow[theme='danger'] > SCell[data-grouped-by='rowgroup']:not([theme]) {
+    background-color: var(--intergalactic-table-td-cell-critical-hover, #ffd7df);
+  }
+}
+
+/* MUTED THEME */
+SRow[theme='muted'] SCell:not([theme]) {
+  background-color: var(--intergalactic-table-td-cell-unread, #f4f5f9);
+}
+
+SRow[theme='muted'][active] > SCell:not([theme]) {
+  /* The color is hardcoded because need hex(in figma rgba) */
+  /* disable-tokens-validator */
+  background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
+}
+
+/* INFO THEME */
+SRow[theme='info'] SCell:not([theme]) {
+  background-color: var(--intergalactic-table-td-cell-selected, #e9f7ff);
+}
+
+SRow[theme='info'][active] > SCell:not([theme]) {
+  background-color: var(--intergalactic-table-td-cell-selected-active, #c4e5fe);
+}
+
+/* SUCCESS THEME */
+SRow[theme='success'] SCell:not([theme]) {
+  background-color: var(--intergalactic-table-td-cell-new, #dbfee8);
+}
+
+SRow[theme='success'][active] > SCell:not([theme]) {
+  background-color: var(--intergalactic-table-td-cell-new-active, #9ef2c9);
+}
+
+/* WARNING THEME */
+SRow[theme='warning'] SCell:not([theme]) {
+  background-color: var(--intergalactic-table-td-cell-warning, #fff3d9);
+}
+
+SRow[theme='warning'][active] > SCell:not([theme]) {
+  background-color: var(--intergalactic-table-td-cell-warning-active, #ffdca2);
+}
+
+/* DANGER THEME */
+SRow[theme='danger'] SCell:not([theme]) {
+  background-color: var(--intergalactic-table-td-cell-critical, #fff0f7);
+}
+
+SRow[theme='danger'][active] > SCell:not([theme]) {
+  background-color: var(--intergalactic-table-td-cell-critical-active, #ffd7df);
+}
+
+SCell {
+  display: flex;
+  height: 100%;
+  font-size: var(--intergalactic-fs-200, 14px);
+  line-height: var(--intergalactic-lh-200, 142%);
+  color: var(--intergalactic-text-primary, #191b23);
+  box-sizing: border-box;
+  border-bottom: 1px solid var(--intergalactic-border-secondary, #e0e1e9);
+  overflow: hidden;
+  white-space: pre-wrap;
+  word-break: break-word;
+  font-variant-numeric: tabular-nums;
+  transition: width calc(var(--intergalactic-duration-extra-fast, 100) * 1ms) ease-in-out;
+  outline: none;
+
+  SAccordionToggle {
+    margin-right: var(--intergalactic-spacing-3x, 12px);
+
+    svg {
+      transition: transform calc(var(--intergalactic-duration-accordion, 200) * 1ms) ease-out;
+    }
+
+    &[expanded] svg {
+      transform: rotate(90deg);
+    }
+  }
+}
+
+SCell[use='primary'] {
+  padding: var(--intergalactic-spacing-3x, 12px);
+  min-height: 45px;
+  background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
+
+  &[data-aria-level] {
+    padding-left: calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px)) * (var(--data-aria-level) - 1)));
+  }
+}
+
+SCell[use='secondary'] {
+  padding: var(--intergalactic-spacing-2x, 8px);
+  min-height: 37px;
+  background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
+
+  &[data-aria-level] {
+    padding-left: calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px)) * (var(--data-aria-level) - 1)));
+  }
+}
+
+SCell[borders='both'], SCell[borders='left'] {
+  border-left: 1px solid var(--intergalactic-border-secondary, #e0e1e9);
+}
+
+SCell[borders='both'], SCell[borders='right'] {
+  border-right: 1px solid var(--intergalactic-border-secondary, #e0e1e9);
+}
+
+SCell[fixed] {
+  position: sticky;
+  z-index: 2;
+}
+
+SCell[theme='muted'] {
+  background-color: var(--intergalactic-table-td-cell-unread, #f4f5f9);
+}
+
+SCell[theme='info'] {
+  background-color: var(--intergalactic-table-td-cell-selected, #e9f7ff);
+}
+
+SCell[theme='success'] {
+  background-color: var(--intergalactic-table-td-cell-new, #dbfee8);
+}
+
+SCell[theme='warning'] {
+  background-color: var(--intergalactic-table-td-cell-warning, #fff3d9);
+}
+
+SCell[theme='danger'] {
+  background-color: var(--intergalactic-table-td-cell-critical, #fff0f7);
+}
+
+SSpinContainer {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85));
+}
+SSpinContainer[headerHeight] {
+  top: var(--headerHeight);
+}
+
+SEmptyData {
+  grid-column: 1 / -1;
+}
+
+SRow[sideIndents='l'] {
+  SCell:first-child {
+    padding-left: var(--intergalactic-spacing-5x, 20px);
+  }
+  SCell:last-child {
+    padding-right: var(--intergalactic-spacing-5x, 20px);
+  }
+}