@semcore/data-table 16.0.0-prerelease.17 → 16.0.0-prerelease.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/components/Body/Body.js +281 -56
- package/lib/cjs/components/Body/Body.js.map +1 -1
- package/lib/cjs/components/Body/Body.types.js.map +1 -1
- package/lib/cjs/components/Body/Cell.js +57 -37
- package/lib/cjs/components/Body/Cell.js.map +1 -1
- package/lib/cjs/components/Body/Cell.types.js.map +1 -1
- package/lib/cjs/components/Body/Row.js +50 -35
- package/lib/cjs/components/Body/Row.js.map +1 -1
- package/lib/cjs/components/Body/Row.types.js.map +1 -1
- package/lib/cjs/components/Body/style.shadow.css +12 -0
- package/lib/cjs/components/DataTable/DataTable.js +220 -110
- package/lib/cjs/components/DataTable/DataTable.js.map +1 -1
- package/lib/cjs/components/DataTable/DataTable.types.js.map +1 -1
- package/lib/cjs/components/DataTable/dataTable.shadow.css +4 -0
- package/lib/cjs/components/Head/Column.types.js.map +1 -1
- package/lib/cjs/components/Head/Group.js +28 -6
- package/lib/cjs/components/Head/Group.js.map +1 -1
- package/lib/cjs/components/Head/Group.type.js.map +1 -1
- package/lib/cjs/components/Head/Head.js +23 -3
- package/lib/cjs/components/Head/Head.js.map +1 -1
- package/lib/cjs/components/Head/Head.types.js.map +1 -1
- package/lib/cjs/style/scroll-shadows.shadow.css +17 -0
- package/lib/es6/components/Body/Body.js +282 -57
- package/lib/es6/components/Body/Body.js.map +1 -1
- package/lib/es6/components/Body/Body.types.js.map +1 -1
- package/lib/es6/components/Body/Cell.js +57 -37
- package/lib/es6/components/Body/Cell.js.map +1 -1
- package/lib/es6/components/Body/Cell.types.js.map +1 -1
- package/lib/es6/components/Body/Row.js +50 -35
- package/lib/es6/components/Body/Row.js.map +1 -1
- package/lib/es6/components/Body/Row.types.js +1 -1
- package/lib/es6/components/Body/Row.types.js.map +1 -1
- package/lib/es6/components/Body/style.shadow.css +12 -0
- package/lib/es6/components/DataTable/DataTable.js +218 -109
- package/lib/es6/components/DataTable/DataTable.js.map +1 -1
- package/lib/es6/components/DataTable/DataTable.types.js +0 -5
- package/lib/es6/components/DataTable/DataTable.types.js.map +1 -1
- package/lib/es6/components/DataTable/dataTable.shadow.css +4 -0
- package/lib/es6/components/Head/Column.types.js.map +1 -1
- package/lib/es6/components/Head/Group.js +28 -6
- package/lib/es6/components/Head/Group.js.map +1 -1
- package/lib/es6/components/Head/Group.type.js.map +1 -1
- package/lib/es6/components/Head/Head.js +23 -3
- package/lib/es6/components/Head/Head.js.map +1 -1
- package/lib/es6/components/Head/Head.types.js.map +1 -1
- package/lib/es6/style/scroll-shadows.shadow.css +17 -0
- package/lib/esm/components/Body/Body.mjs +266 -55
- package/lib/esm/components/Body/Cell.mjs +50 -32
- package/lib/esm/components/Body/Row.mjs +47 -34
- package/lib/esm/components/DataTable/DataTable.mjs +205 -108
- package/lib/esm/components/Head/Group.mjs +24 -6
- package/lib/esm/components/Head/Head.mjs +21 -3
- package/lib/types/components/Body/Body.types.d.ts +13 -8
- package/lib/types/components/Body/Cell.types.d.ts +3 -0
- package/lib/types/components/Body/Row.types.d.ts +5 -2
- package/lib/types/components/DataTable/DataTable.d.ts +2 -1
- package/lib/types/components/DataTable/DataTable.types.d.ts +39 -2
- package/lib/types/components/Head/Column.types.d.ts +4 -3
- package/lib/types/components/Head/Group.d.ts +5 -1
- package/lib/types/components/Head/Group.type.d.ts +3 -1
- package/lib/types/components/Head/Head.d.ts +91 -4
- package/lib/types/components/Head/Head.types.d.ts +1 -0
- package/package.json +8 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.js","names":["_core","require","React","_interopRequireWildcard","_baseComponents","_Body","_utils","_DataTable","_MergedCells","style","sstyled","insert","RowRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","cellHasAccordion","cellValue","MergedRowsCell","MergedColumnsCell","Boolean","ACCORDION","render","_ref","asProps","_ref2","_this","_row$ACCORDION","SRow","Box","SCollapseRow","Collapse","SCell","Body","Cell","_this$asProps","columns","row","styles","rowIndex","ariaRowIndex","expanded","accordionDataGridArea","expandedRows","onExpandRow","_this$asProps$ariaLe","ariaLevel","accordion","cellWithAccordion","Object","values","find","createElement","Fragment","cn","_objectSpread2","assignProps","map","column","i","index","name","undefined","fixed","_getFixedStyle","getFixedStyle","_getFixedStyle2","_slicedToArray2","columnIndex","isValidElement","Array","isArray","subrow","Row","rows","includes","Component","_defineProperty2","createComponent","parent","exports"],"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 } from '../DataTable/DataTable';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport { DTValue } from '../DataTable/DataTable.types';\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 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 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 expanded,\n accordionDataGridArea,\n expandedRows,\n onExpandRow,\n 'aria-level': ariaLevel = 1,\n } = this.asProps;\n\n let accordion = row[ACCORDION];\n\n if (!accordion) {\n const cellWithAccordion = Object.values(row).find((value) => {\n return this.cellHasAccordion(value);\n }) as DTValue | undefined;\n\n accordion = cellWithAccordion?.[ACCORDION];\n }\n\n return sstyled(styles)(\n <>\n <SRow render={Box} role={'row'} aria-rowindex={ariaRowIndex}>\n {columns.map((column, i) => {\n const index = i;\n const cellValue = row[column.name];\n\n if (cellValue === undefined) {\n return null;\n }\n\n const style: any = {};\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 aria-expanded={\n (row[ACCORDION] && index === 0) || this.cellHasAccordion(cellValue)\n ? expanded\n : undefined\n }\n data-aria-level={index === 0 ? ariaLevel : undefined}\n row={row}\n rowIndex={rowIndex}\n columnIndex={index}\n style={style}\n column={column}\n />\n );\n })}\n </SRow>\n\n {React.isValidElement(accordion) && (\n <SCollapseRow\n key={rowIndex}\n role={'row'}\n aria-rowindex={ariaRowIndex + 1}\n visible={expanded}\n interactive\n gridArea={accordionDataGridArea}\n duration={200}\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 >\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 // visible={expanded}\n rows={row[ACCORDION]}\n rowIndex={rowIndex}\n aria-posinset={i + 1}\n aria-level={ariaLevel + 1}\n ariaRowIndex={ariaRowIndex + 1 + i}\n expanded={expandedRows?.includes(rowIndex + i)}\n onExpandRow={onExpandRow}\n />\n );\n })}\n </>,\n );\n }\n}\n\n// @ts-ignore\nexport const Row = createComponent(RowRoot, {}, { parent: Body });\n"],"mappings":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,KAAA,GAAAC,uBAAA,CAAAF,OAAA;AAGA,IAAAG,eAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AAAkE;AAAA,IAAAQ,KAAA,+BAAAT,KAAA,CAAAU,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAG5DC,OAAO,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,OAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,OAAA;EAAA,SAAAA,QAAA;IAAA,IAAAK,gBAAA,mBAAAL,OAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,OAAA;IAAAS,GAAA;IAAAC,KAAA,EAQX,SAAAC,iBAAiBC,SAAuD,EAAwB;MAC9F,OACE,EAAEA,SAAS,YAAYC,2BAAc,IAAID,SAAS,YAAYE,8BAAiB,CAAC,IAChFC,OAAO,CAACH,SAAS,CAACI,oBAAS,CAAC,CAAC;IAEjC;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAAO,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;QAAAC,KAAA;QAAAC,cAAA;MACP,IAAMC,IAAI,GA4BQC,mBAAG;MA3BrB,IAAMC,YAAY,GAAGC,wBAAQ;MAC7B,IAAMC,KAAK,GAAGC,UAAI,CAACC,IAAI;MACvB,IAAAC,aAAA,GAWI,IAAI,CAACX,OAAO;QAVdY,OAAO,GAAAD,aAAA,CAAPC,OAAO;QACPC,GAAG,GAAAF,aAAA,CAAHE,GAAG;QACHC,MAAM,GAAAH,aAAA,CAANG,MAAM;QACNC,QAAQ,GAAAJ,aAAA,CAARI,QAAQ;QACRC,YAAY,GAAAL,aAAA,CAAZK,YAAY;QACZC,QAAQ,GAAAN,aAAA,CAARM,QAAQ;QACRC,qBAAqB,GAAAP,aAAA,CAArBO,qBAAqB;QACrBC,YAAY,GAAAR,aAAA,CAAZQ,YAAY;QACZC,WAAW,GAAAT,aAAA,CAAXS,WAAW;QAAAC,oBAAA,GAAAV,aAAA,CACX,YAAY;QAAEW,SAAS,GAAAD,oBAAA,cAAG,CAAC,GAAAA,oBAAA;MAG7B,IAAIE,SAAS,GAAGV,GAAG,CAAChB,oBAAS,CAAC;MAE9B,IAAI,CAAC0B,SAAS,EAAE;QACd,IAAMC,iBAAiB,GAAGC,MAAM,CAACC,MAAM,CAACb,GAAG,CAAC,CAACc,IAAI,CAAC,UAACpC,KAAK,EAAK;UAC3D,OAAOW,KAAI,CAACV,gBAAgB,CAACD,KAAK,CAAC;QACrC,CAAC,CAAwB;QAEzBgC,SAAS,GAAGC,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAG3B,oBAAS,CAAC;MAC5C;MAEA,OAAAI,KAAA,GAAO,IAAAtB,aAAO,EAACmC,MAAM,CAAC,eACpB3C,KAAA,CAAAyD,aAAA,CAAAzD,KAAA,CAAA0D,QAAA,qBACE1D,KAAA,CAAAyD,aAAA,CAACxB,IAAI,EAAAH,KAAA,CAAA6B,EAAA,aAAAC,cAAA,qBAAA9D,KAAA,CAAA+D,WAAA;QAAA,QAAoB,KAAK;QAAA,iBAAiBhB;MAAY,GAAAjB,IAAA,KACxDa,OAAO,CAACqB,GAAG,CAAC,UAACC,MAAM,EAAEC,CAAC,EAAK;QAC1B,IAAMC,KAAK,GAAGD,CAAC;QACf,IAAM1C,SAAS,GAAGoB,GAAG,CAACqB,MAAM,CAACG,IAAI,CAAC;QAElC,IAAI5C,SAAS,KAAK6C,SAAS,EAAE;UAC3B,OAAO,IAAI;QACb;QAEA,IAAM5D,KAAU,GAAG,CAAC,CAAC;QAErB,IAAIwD,MAAM,CAACK,KAAK,EAAE;UAChB,IAAAC,cAAA,GAAsB,IAAAC,oBAAa,EAACP,MAAM,EAAEtB,OAAO,CAAC;YAAA8B,eAAA,OAAAC,eAAA,aAAAH,cAAA;YAA7CH,IAAI,GAAAK,eAAA;YAAEnD,KAAK,GAAAmD,eAAA;UAElB,IAAIL,IAAI,KAAKC,SAAS,IAAI/C,KAAK,KAAK+C,SAAS,EAAE;YAC7C5D,KAAK,CAAC2D,IAAI,CAAC,GAAG9C,KAAK;UACrB;QACF;QAEA,oBACEpB,KAAA,CAAAyD,aAAA,CAACtD,KAAA,CAAAmC,IAAI,CAACC,IAAI;UACRpB,GAAG,EAAE8C,KAAM;UACX,iBACGvB,GAAG,CAAChB,oBAAS,CAAC,IAAIuC,KAAK,KAAK,CAAC,IAAKlC,KAAI,CAACV,gBAAgB,CAACC,SAAS,CAAC,GAC/DwB,QAAQ,GACRqB,SACL;UACD,mBAAiBF,KAAK,KAAK,CAAC,GAAGd,SAAS,GAAGgB,SAAU;UACrDzB,GAAG,EAAEA,GAAI;UACTE,QAAQ,EAAEA,QAAS;UACnB6B,WAAW,EAAER,KAAM;UACnB1D,KAAK,EAAEA,KAAM;UACbwD,MAAM,EAAEA;QAAO,EACf;MAEN,CAAC,CAAC,CACG,EAEN,aAAA/D,KAAK,CAAC0E,cAAc,CAACtB,SAAS,CAAC,iBAC9BpD,KAAA,CAAAyD,aAAA,CAACtB,YAAY,EAAAL,KAAA,CAAA6B,EAAA;QAAA,OACNf,QAAQ;QAAA,QACP,KAAK;QAAA,iBACIC,YAAY,GAAG,CAAC;QAAA,WACtBC,QAAQ;QAAA;QAAA,YAEPC,qBAAqB;QAAA,YACrB;MAAG,iBAEb/C,KAAA,CAAAyD,aAAA,CAACpB,KAAK,EAAAP,KAAA,CAAA6B,EAAA;QAAA,iBACW,CAAC;QAAA,cACJR,SAAS,GAAG,CAAC;QAAA,gBACX,CAAC;QAAA,iBACA,CAAC;QAAA,OACXT,GAAG;QAAA,YACEE,QAAQ,GAAG,CAAC;QAAA,eACT,CAAC;QAAA,UAEN;UAAEsB,IAAI,EAAExC;QAAU;MAAC,IAE1B0B,SAAS,CACJ,CAEX,EAEAV,GAAG,CAAChB,oBAAS,CAAC,IACbiD,KAAK,CAACC,OAAO,CAAClC,GAAG,CAAChB,oBAAS,CAAC,CAAC,IAC7BoB,QAAQ,MAAAd,cAAA,GACRU,GAAG,CAAChB,oBAAS,CAAC,cAAAM,cAAA,uBAAdA,cAAA,CAAgB8B,GAAG,CAAC,UAACe,MAAM,EAAEb,CAAC,EAAK;QACjC,oBACEhE,KAAA,CAAAyD,aAAA,CAACqB,GAAG;UACF3D,GAAG,EAAE6C,CAAE;UACPtB,GAAG,EAAEmC,MAAO;UACZpC,OAAO,EAAEA;UACT;UAAA;UACAsC,IAAI,EAAErC,GAAG,CAAChB,oBAAS,CAAE;UACrBkB,QAAQ,EAAEA,QAAS;UACnB,iBAAeoB,CAAC,GAAG,CAAE;UACrB,cAAYb,SAAS,GAAG,CAAE;UAC1BN,YAAY,EAAEA,YAAY,GAAG,CAAC,GAAGmB,CAAE;UACnClB,QAAQ,EAAEE,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEgC,QAAQ,CAACpC,QAAQ,GAAGoB,CAAC,CAAE;UAC/Cf,WAAW,EAAEA;QAAY,EACzB;MAEN,CAAC,CAAC,EACH;IAEP;EAAC;EAAA,OAAAvC,OAAA;AAAA,EAlImBuE,eAAS,GAqI/B;AAAA,IAAAC,gBAAA,aArIMxE,OAAO,iBACU,KAAK;AAAA,IAAAwE,gBAAA,aADtBxE,OAAO,WAEIH,KAAK;AAAA,IAAA2E,gBAAA,aAFhBxE,OAAO,kBAIW;EACpB,YAAY,EAAEyD;AAChB,CAAC;AAgII,IAAMW,GAAG,GAAG,IAAAK,qBAAe,EAACzE,OAAO,EAAE,CAAC,CAAC,EAAE;EAAE0E,MAAM,EAAE9C;AAAK,CAAC,CAAC;AAAC+C,OAAA,CAAAP,GAAA,GAAAA,GAAA"}
|
|
1
|
+
{"version":3,"file":"Row.js","names":["_core","require","React","_interopRequireWildcard","_baseComponents","_Body","_utils","_DataTable","_MergedCells","style","sstyled","insert","RowRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","cellHasAccordion","cellValue","MergedRowsCell","MergedColumnsCell","Boolean","ACCORDION","render","_ref","asProps","_ref2","_this","_row$ACCORDION","SRow","Box","SCollapseRow","Collapse","SCell","Body","Cell","_this$asProps","columns","row","styles","rowIndex","ariaRowIndex","gridRowIndex","expanded","accordionDataGridArea","expandedRows","onExpandRow","_this$asProps$ariaLe","ariaLevel","rowMarginTop","accordion","accordionType","undefined","cellWithAccordion","Object","values","find","createElement","Fragment","cn","_objectSpread2","assignProps","map","column","i","index","name","fixed","_getFixedStyle","getFixedStyle","_getFixedStyle2","_slicedToArray2","marginTop","columnIndex","withAccordion","isValidElement","Array","isArray","subrow","Row","rows","includes","theme","Component","_defineProperty2","createComponent","parent","exports"],"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 } from '../DataTable/DataTable';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport { DTValue } from '../DataTable/DataTable.types';\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 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 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 rowMarginTop,\n } = this.asProps;\n\n let accordion = row[ACCORDION];\n let accordionType = accordion ? 'row' : undefined;\n\n if (!accordion) {\n const cellWithAccordion = Object.values(row).find((value) => {\n return this.cellHasAccordion(value);\n }) as DTValue | undefined;\n\n accordion = cellWithAccordion?.[ACCORDION];\n accordionType = 'cell';\n }\n\n return sstyled(styles)(\n <>\n <SRow render={Box} role={'row'} aria-rowindex={ariaRowIndex} accordionType={accordionType}>\n {columns.map((column, i) => {\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 if (rowMarginTop) {\n style.marginTop = rowMarginTop;\n }\n\n return (\n <Body.Cell\n key={index}\n aria-expanded={\n (row[ACCORDION] && index === 0) || this.cellHasAccordion(cellValue)\n ? expanded\n : undefined\n }\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 visible={expanded}\n interactive\n gridArea={accordionDataGridArea}\n duration={200}\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 >\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={expandedRows?.includes(rowIndex + i)}\n onExpandRow={onExpandRow}\n theme={'muted'}\n />\n );\n })}\n </>,\n );\n }\n}\n\n// @ts-ignore\nexport const Row = createComponent(RowRoot, {}, { parent: Body });\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.types.js","names":["_DataTable","require"],"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 } from '../DataTable/DataTable';\n\nexport type DTRow = {\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};\n\nexport type RowPropsInner = {\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
|
|
1
|
+
{"version":3,"file":"Row.types.js","names":["_DataTable","require"],"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, UNIQ_ROW_KEY } from '../DataTable/DataTable';\n\nexport type DTRow = {\n [UNIQ_ROW_KEY]: string;\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 rowMarginTop?: React.CSSProperties['marginTop'];\n};\n\nexport type RowPropsInner = {\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: number[];\n onExpandRow: (expandedRowIndex: number) => void;\n\n gridTemplateAreas: string[];\n gridTemplateColumns: string[];\n accordionDataGridArea: string;\n\n inert?: '';\n};\n"],"mappings":";;AAGA,IAAAA,UAAA,GAAAC,OAAA"}
|
|
@@ -27,6 +27,18 @@ SRow[active] > SCell:not([theme]) {
|
|
|
27
27
|
background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
+
SRow[expanded][accordionType='row'] > SCell:not([theme]) {
|
|
31
|
+
background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
SRow[expanded][accordionType='cell'] > SCell:not([theme])[withAccordion] {
|
|
35
|
+
background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
SCollapseRow > SCell:not([theme]) {
|
|
39
|
+
background-color: var(--intergalactic-table-td-cell-actions-accordion, #f4f5f9);
|
|
40
|
+
}
|
|
41
|
+
|
|
30
42
|
/* we need a media query here because of the postcssHoverMediaFeature plugin. it doesn't handle this type of selectors correctly */
|
|
31
43
|
@media (hover: hover) {
|
|
32
44
|
SRow:hover > SCell:not([theme]),
|