@semcore/data-table 17.0.0-prerelease.31 → 17.0.0-prerelease.36

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.
Files changed (77) hide show
  1. package/CHANGELOG.md +9 -1
  2. package/lib/cjs/components/AccordionRows/AccordionRows.js +50 -51
  3. package/lib/cjs/components/AccordionRows/AccordionRows.js.map +1 -1
  4. package/lib/cjs/components/Body/Body.js +65 -88
  5. package/lib/cjs/components/Body/Body.js.map +1 -1
  6. package/lib/cjs/components/Body/Body.types.js.map +1 -1
  7. package/lib/cjs/components/Body/Cell.js +50 -51
  8. package/lib/cjs/components/Body/Cell.js.map +1 -1
  9. package/lib/cjs/components/Body/LimitOverlay.js +50 -51
  10. package/lib/cjs/components/Body/LimitOverlay.js.map +1 -1
  11. package/lib/cjs/components/Body/Row.js +65 -90
  12. package/lib/cjs/components/Body/Row.js.map +1 -1
  13. package/lib/cjs/components/Body/Row.types.js.map +1 -1
  14. package/lib/cjs/components/Body/RowGroup.js +133 -0
  15. package/lib/cjs/components/Body/RowGroup.js.map +1 -0
  16. package/lib/cjs/components/Body/style.shadow.css +86 -151
  17. package/lib/cjs/components/DataTable/DataTable.js +35 -12
  18. package/lib/cjs/components/DataTable/DataTable.js.map +1 -1
  19. package/lib/cjs/components/DataTable/DataTable.types.js.map +1 -1
  20. package/lib/cjs/components/Head/Head.js +45 -14
  21. package/lib/cjs/components/Head/Head.js.map +1 -1
  22. package/lib/cjs/components/Head/Head.types.js.map +1 -1
  23. package/lib/cjs/components/RowSelector/RowsSelector.js +112 -0
  24. package/lib/cjs/components/RowSelector/RowsSelector.js.map +1 -0
  25. package/lib/cjs/index.js +7 -0
  26. package/lib/cjs/index.js.map +1 -1
  27. package/lib/cjs/store/SelectableRows.js +129 -0
  28. package/lib/cjs/store/SelectableRows.js.map +1 -0
  29. package/lib/es6/components/AccordionRows/AccordionRows.js +50 -51
  30. package/lib/es6/components/AccordionRows/AccordionRows.js.map +1 -1
  31. package/lib/es6/components/Body/Body.js +67 -90
  32. package/lib/es6/components/Body/Body.js.map +1 -1
  33. package/lib/es6/components/Body/Body.types.js.map +1 -1
  34. package/lib/es6/components/Body/Cell.js +50 -51
  35. package/lib/es6/components/Body/Cell.js.map +1 -1
  36. package/lib/es6/components/Body/LimitOverlay.js +50 -51
  37. package/lib/es6/components/Body/LimitOverlay.js.map +1 -1
  38. package/lib/es6/components/Body/Row.js +66 -91
  39. package/lib/es6/components/Body/Row.js.map +1 -1
  40. package/lib/es6/components/Body/Row.types.js.map +1 -1
  41. package/lib/es6/components/Body/RowGroup.js +125 -0
  42. package/lib/es6/components/Body/RowGroup.js.map +1 -0
  43. package/lib/es6/components/Body/style.shadow.css +86 -151
  44. package/lib/es6/components/DataTable/DataTable.js +35 -12
  45. package/lib/es6/components/DataTable/DataTable.js.map +1 -1
  46. package/lib/es6/components/DataTable/DataTable.types.js.map +1 -1
  47. package/lib/es6/components/Head/Head.js +45 -14
  48. package/lib/es6/components/Head/Head.js.map +1 -1
  49. package/lib/es6/components/Head/Head.types.js.map +1 -1
  50. package/lib/es6/components/RowSelector/RowsSelector.js +104 -0
  51. package/lib/es6/components/RowSelector/RowsSelector.js.map +1 -0
  52. package/lib/es6/index.js +2 -1
  53. package/lib/es6/index.js.map +1 -1
  54. package/lib/es6/store/SelectableRows.js +121 -0
  55. package/lib/es6/store/SelectableRows.js.map +1 -0
  56. package/lib/esm/components/AccordionRows/AccordionRows.mjs +51 -52
  57. package/lib/esm/components/Body/Body.mjs +68 -91
  58. package/lib/esm/components/Body/Cell.mjs +51 -52
  59. package/lib/esm/components/Body/LimitOverlay.mjs +51 -52
  60. package/lib/esm/components/Body/Row.mjs +66 -90
  61. package/lib/esm/components/Body/RowGroup.mjs +124 -0
  62. package/lib/esm/components/Body/style.shadow.css +86 -151
  63. package/lib/esm/components/DataTable/DataTable.mjs +34 -12
  64. package/lib/esm/components/Head/Head.mjs +46 -14
  65. package/lib/esm/components/RowSelector/RowsSelector.mjs +107 -0
  66. package/lib/esm/index.mjs +2 -0
  67. package/lib/esm/store/SelectableRows.mjs +123 -0
  68. package/lib/types/components/Body/Body.types.d.ts +2 -1
  69. package/lib/types/components/Body/Row.d.ts +0 -2
  70. package/lib/types/components/Body/Row.types.d.ts +2 -1
  71. package/lib/types/components/Body/RowGroup.d.ts +19 -0
  72. package/lib/types/components/DataTable/DataTable.types.d.ts +21 -12
  73. package/lib/types/components/Head/Head.types.d.ts +2 -1
  74. package/lib/types/components/RowSelector/RowsSelector.d.ts +31 -0
  75. package/lib/types/index.d.ts +2 -1
  76. package/lib/types/store/SelectableRows.d.ts +56 -0
  77. package/package.json +18 -18
@@ -48,25 +48,35 @@ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/
48
48
  "_fixed_right": "_fixed_right_1mbam_gg_",
49
49
  "_shadowVertical_end": "_shadowVertical_end_1mbam_gg_"
50
50
  });
51
+ import { SelectableRows } from '../../store/SelectableRows';
51
52
  import { DataTable, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';
52
53
  class HeadRoot extends Component {
53
54
  constructor(...args) {
54
55
  super(...args);
56
+ _defineProperty(this, "unsubscribeSelectAll", undefined);
55
57
  _defineProperty(this, "handleSelectAll", (value, event) => {
56
58
  const {
57
- selectedRows = []
59
+ selectedRows
58
60
  } = this.asProps;
59
- const idsSet = new Set(selectedRows);
60
- if (value) {
61
- this.selectableRows.forEach(row => {
62
- idsSet.add(row[UNIQ_ROW_KEY]);
63
- });
64
- } else {
65
- this.selectableRows.forEach(row => {
66
- idsSet.delete(row[UNIQ_ROW_KEY]);
67
- });
61
+ if (Array.isArray(selectedRows)) {
62
+ const idsSet = new Set(selectedRows);
63
+ if (value) {
64
+ this.selectableRows.forEach(row => {
65
+ idsSet.add(row[UNIQ_ROW_KEY]);
66
+ });
67
+ } else {
68
+ this.selectableRows.forEach(row => {
69
+ idsSet.delete(row[UNIQ_ROW_KEY]);
70
+ });
71
+ }
72
+ this.asProps.onChangeSelectAll?.(Array.from(idsSet), event);
73
+ } else if (selectedRows) {
74
+ if (value) {
75
+ selectedRows.selectAll();
76
+ } else {
77
+ selectedRows.clearAllAvailable();
78
+ }
68
79
  }
69
- this.asProps.onChangeSelectAll?.(Array.from(idsSet), event);
70
80
  });
71
81
  _defineProperty(this, "handleClickSelectAll", value => event => {
72
82
  event?.preventDefault();
@@ -74,6 +84,19 @@ class HeadRoot extends Component {
74
84
  this.handleSelectAll(value, event);
75
85
  });
76
86
  }
87
+ componentDidMount() {
88
+ const {
89
+ selectedRows
90
+ } = this.asProps;
91
+ if (selectedRows && !Array.isArray(selectedRows)) {
92
+ this.unsubscribeSelectAll = selectedRows.subscribe(SelectableRows.SELECT_ALL_EVENT, () => {
93
+ this.forceUpdate();
94
+ });
95
+ }
96
+ }
97
+ componentWillUnmount() {
98
+ this.unsubscribeSelectAll?.();
99
+ }
77
100
  sortableColumnDescribeId() {
78
101
  const {
79
102
  uid
@@ -183,15 +206,23 @@ class HeadRoot extends Component {
183
206
  }
184
207
  get areAllRowsSelected() {
185
208
  const {
186
- selectedRows = []
209
+ selectedRows
187
210
  } = this.asProps;
188
- return selectedRows.length > 0 && this.selectableRows.every(row => selectedRows?.includes(row[UNIQ_ROW_KEY]));
211
+ if (Array.isArray(selectedRows)) {
212
+ return selectedRows.length > 0 && this.selectableRows.every(row => selectedRows?.includes(row[UNIQ_ROW_KEY]));
213
+ } else if (selectedRows) {
214
+ return selectedRows.isAllSelected();
215
+ }
189
216
  }
190
217
  get isIndeterminate() {
191
218
  const {
192
219
  selectedRows
193
220
  } = this.asProps;
194
- return this.selectableRows.some(row => selectedRows?.includes(row[UNIQ_ROW_KEY]));
221
+ if (Array.isArray(selectedRows)) {
222
+ return this.selectableRows.some(row => selectedRows?.includes(row[UNIQ_ROW_KEY]));
223
+ } else if (selectedRows) {
224
+ return selectedRows.isIndeterminate();
225
+ }
195
226
  }
196
227
  get selectableRows() {
197
228
  const {
@@ -1 +1 @@
1
- {"version":3,"file":"Head.js","names":["Box","ScreenReaderOnly","Checkbox","Component","createComponent","Root","sstyled","React","Column","Group","style","_sstyled","insert","DataTable","SELECT_ALL","UNIQ_ROW_KEY","HeadRoot","constructor","args","_defineProperty","value","event","selectedRows","asProps","idsSet","Set","selectableRows","forEach","row","add","delete","onChangeSelectAll","Array","from","preventDefault","stopPropagation","handleSelectAll","sortableColumnDescribeId","uid","getGroupProps","props","index","fixed","columns","use","gridAreaGroupMap","children","getFixedStyle","shadowVertical","top","scrollDirection","groupColumns","firstColumn","lastColumn","length","name","undefined","gridArea","get","withConfig","showShadowVertical","getColumnProps","_","sort","onSortChange","tableRef","gridTemplateColumns","gridTemplateAreas","sticky","h","onCellClick","column","borders","parent","areAllRowsSelected","every","includes","isIndeterminate","some","flatRows","mappedFlatRows","filter","r","nextColumnName","render","_ref","_ref2","SHead","SHeadCheckboxCol","Head","Children","styles","getI18nText","treeColumns","animationDuration","isDataEmpty","indeterminate","createElement","Fragment","cn","_assignProps","join","toString","handleClickSelectAll","Value","Control","CheckMark","mt","map","_i","columnsName","c","_extends","key","title"],"sources":["../../../../src/components/Head/Head.tsx"],"sourcesContent":["import { Box, ScreenReaderOnly } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, createComponent, type Intergalactic, Root, sstyled } from '@semcore/core';\nimport type Tooltip from '@semcore/tooltip';\nimport React from 'react';\n\nimport { Column } from './Column';\nimport type { DataTableColumnProps } from './Column.types';\nimport { Group } from './Group';\nimport type { DataTableGroupProps } from './Group.type';\nimport type { DataTableHeadProps, HeadPropsInner } from './Head.types';\nimport style from './style.shadow.css';\nimport type { DTRow } from '../Body/Row.types';\nimport { DataTable, type ROW_GROUP, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DataTableData } from '../DataTable/DataTable.types';\n\nclass HeadRoot<\n Data extends DataTableData,\n UniqKey extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? keyof Data[number][typeof ROW_GROUP][number] : keyof Data[number]),\n UniqKeyType extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? Data[number][typeof ROW_GROUP][number][UniqKey] : Data[number][UniqKey]),\n> extends Component<\n DataTableHeadProps,\n [],\n {},\n HeadPropsInner<Data, UniqKey, UniqKeyType>\n > {\n static displayName = 'Head';\n static style = style;\n\n sortableColumnDescribeId() {\n const { uid } = this.asProps;\n return `${uid}-column-sortable-describer`;\n }\n\n getGroupProps(props: any, index: number) {\n const { fixed, columns } = props;\n const { use, gridAreaGroupMap, children, getFixedStyle, shadowVertical, top, scrollDirection } = this.asProps;\n const groupColumns = columns ?? [];\n\n const firstColumn = groupColumns[0];\n const lastColumn = groupColumns[groupColumns.length - 1];\n\n const style: any = {};\n\n if (fixed === 'left' && firstColumn) {\n const [name, value] = getFixedStyle({ name: firstColumn.name, fixed: 'left' });\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n }\n if (fixed === 'right' && lastColumn) {\n const [name, value] = getFixedStyle({ name: lastColumn.name, fixed: 'right' });\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n }\n if (top && scrollDirection !== 'horizontal') {\n style.top = `${top}px`;\n }\n\n return {\n use,\n gridArea: gridAreaGroupMap.get(index),\n withConfig: children === undefined,\n getFixedStyle,\n shadowVertical: (firstColumn.showShadowVertical || lastColumn.showShadowVertical) ? shadowVertical : undefined,\n style,\n scrollDirection,\n };\n }\n\n getColumnProps(_: any, index: number) {\n const {\n use,\n columns,\n sort,\n onSortChange,\n tableRef,\n gridTemplateColumns,\n gridTemplateAreas,\n sticky,\n top,\n selectedRows,\n h,\n getFixedStyle,\n onCellClick,\n shadowVertical,\n scrollDirection,\n } = this.asProps;\n const column = columns[index];\n\n if (index === 0 && selectedRows && columns[index + 1].fixed) {\n column.fixed = 'left';\n }\n\n const [name, value] = getFixedStyle(column);\n const style: any = {};\n\n if (top && scrollDirection !== 'horizontal') {\n style.top = `${top}px`;\n }\n\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n\n return {\n use,\n 'aria-colindex': index + 1,\n style,\n 'gridArea': column.gridArea,\n 'fixed': column.fixed,\n sticky,\n 'borders': column.borders,\n sort,\n onSortChange,\n 'parent': column.parent,\n 'sortableColumnDescribeId': this.sortableColumnDescribeId(),\n 'columnIndex': index,\n tableRef,\n gridTemplateColumns,\n gridTemplateAreas,\n h,\n 'onClick': onCellClick,\n 'shadowVertical': column.showShadowVertical ? shadowVertical : undefined,\n scrollDirection,\n };\n }\n\n handleSelectAll = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n const { selectedRows = [] } = this.asProps;\n const idsSet = new Set<UniqKeyType>(selectedRows);\n\n if (value) {\n this.selectableRows.forEach((row) => {\n idsSet.add(row[UNIQ_ROW_KEY]);\n });\n } else {\n this.selectableRows.forEach((row) => {\n idsSet.delete(row[UNIQ_ROW_KEY]);\n });\n }\n\n this.asProps.onChangeSelectAll?.(Array.from(idsSet), event);\n };\n\n handleClickSelectAll = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n event?.preventDefault();\n event?.stopPropagation();\n\n this.handleSelectAll(value, event);\n };\n\n get areAllRowsSelected() {\n const { selectedRows = [] } = this.asProps;\n\n return selectedRows.length > 0 && this.selectableRows.every((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n }\n\n get isIndeterminate() {\n const { selectedRows } = this.asProps;\n\n return this.selectableRows.some((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n }\n\n get selectableRows(): DTRow<UniqKeyType>[] {\n const { columns, flatRows } = this.asProps;\n const mappedFlatRows = flatRows\n .filter((r) => {\n const nextColumnName = columns[1]?.name;\n return r[nextColumnName] !== undefined;\n });\n\n return mappedFlatRows;\n }\n\n render() {\n const SHead = Root;\n const SHeadCheckboxCol = Head.Column;\n const { Children, styles, getI18nText, children, treeColumns, selectedRows, sticky, animationDuration, isDataEmpty, gridTemplateColumns } = this.asProps;\n\n const areAllRowsSelected = this.areAllRowsSelected;\n const indeterminate = this.isIndeterminate && !areAllRowsSelected;\n\n return sstyled(styles)(\n <>\n <SHead\n render={Box}\n role='row'\n aria-rowindex={1}\n sticky={sticky}\n use:animationDuration={animationDuration ? `${animationDuration}ms` : undefined}\n isDataEmpty={isDataEmpty}\n use:gridTemplateColumns={gridTemplateColumns.join(' ')}\n tabIndex={isDataEmpty ? 0 : undefined}\n >\n {selectedRows && (\n <SHeadCheckboxCol\n name={SELECT_ALL.toString()}\n onClick={this.handleClickSelectAll(!areAllRowsSelected)}\n >\n <Checkbox\n checked={areAllRowsSelected}\n indeterminate={indeterminate}\n aria-label={getI18nText('DataTable.Header.selectAllCheckbox:aria-label')}\n onChange={this.handleSelectAll}\n >\n <Checkbox.Value>\n <Checkbox.Value.Control />\n <Checkbox.Value.CheckMark mt={0} />\n </Checkbox.Value>\n </Checkbox>\n </SHeadCheckboxCol>\n )}\n\n {children\n ? (\n <Children />\n )\n : (\n <>\n {treeColumns.map((column, _i) => {\n if ('columns' in column) {\n const columnsName = column.columns?.map((c) => c.name).join('/');\n return (\n <DataTable.Head.Group\n key={columnsName}\n {...column}\n name={columnsName}\n title=''\n />\n );\n }\n\n return <DataTable.Head.Column key={column.name} {...column} />;\n })}\n </>\n )}\n </SHead>\n\n <ScreenReaderOnly aria-hidden={true} id={this.sortableColumnDescribeId()}>\n {getI18nText('sortableColumn')}\n </ScreenReaderOnly>\n </>,\n );\n }\n}\n\nexport const Head = createComponent(HeadRoot, { Column, Group }) as Intergalactic.Component<\n 'div',\n DataTableHeadProps\n> & {\n Column: <Tag extends 'div' | typeof Tooltip = 'div'>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableColumnProps, {}, []>,\n ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n Group: <Tag extends 'div' | typeof Tooltip = 'div'>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableGroupProps, {}, []>,\n ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"Head.js","names":["Box","ScreenReaderOnly","Checkbox","Component","createComponent","Root","sstyled","React","Column","Group","style","_sstyled","insert","SelectableRows","DataTable","SELECT_ALL","UNIQ_ROW_KEY","HeadRoot","constructor","args","_defineProperty","undefined","value","event","selectedRows","asProps","Array","isArray","idsSet","Set","selectableRows","forEach","row","add","delete","onChangeSelectAll","from","selectAll","clearAllAvailable","preventDefault","stopPropagation","handleSelectAll","componentDidMount","unsubscribeSelectAll","subscribe","SELECT_ALL_EVENT","forceUpdate","componentWillUnmount","sortableColumnDescribeId","uid","getGroupProps","props","index","fixed","columns","use","gridAreaGroupMap","children","getFixedStyle","shadowVertical","top","scrollDirection","groupColumns","firstColumn","lastColumn","length","name","gridArea","get","withConfig","showShadowVertical","getColumnProps","_","sort","onSortChange","tableRef","gridTemplateColumns","gridTemplateAreas","sticky","h","onCellClick","column","borders","parent","areAllRowsSelected","every","includes","isAllSelected","isIndeterminate","some","flatRows","mappedFlatRows","filter","r","nextColumnName","render","_ref","_ref2","SHead","SHeadCheckboxCol","Head","Children","styles","getI18nText","treeColumns","animationDuration","isDataEmpty","indeterminate","createElement","Fragment","cn","_assignProps","join","toString","handleClickSelectAll","Value","Control","CheckMark","mt","map","_i","columnsName","c","_extends","key","title"],"sources":["../../../../src/components/Head/Head.tsx"],"sourcesContent":["import { Box, ScreenReaderOnly } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, createComponent, type Intergalactic, Root, sstyled } from '@semcore/core';\nimport type Tooltip from '@semcore/tooltip';\nimport React from 'react';\n\nimport { Column } from './Column';\nimport type { DataTableColumnProps } from './Column.types';\nimport { Group } from './Group';\nimport type { DataTableGroupProps } from './Group.type';\nimport type { DataTableHeadProps, HeadPropsInner } from './Head.types';\nimport style from './style.shadow.css';\nimport { SelectableRows } from '../../store/SelectableRows';\nimport type { DTRow } from '../Body/Row.types';\nimport { DataTable, type ROW_GROUP, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DataTableData } from '../DataTable/DataTable.types';\n\nclass HeadRoot<\n Data extends DataTableData,\n UniqKey extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? keyof Data[number][typeof ROW_GROUP][number] : keyof Data[number]),\n UniqKeyType extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? Data[number][typeof ROW_GROUP][number][UniqKey] : Data[number][UniqKey]),\n> extends Component<\n DataTableHeadProps,\n [],\n {},\n HeadPropsInner<Data, UniqKey, UniqKeyType>\n > {\n static displayName = 'Head';\n static style = style;\n\n private unsubscribeSelectAll: undefined | (() => void) = undefined;\n\n componentDidMount() {\n const { selectedRows } = this.asProps;\n\n if (selectedRows && !Array.isArray(selectedRows)) {\n this.unsubscribeSelectAll = selectedRows.subscribe(SelectableRows.SELECT_ALL_EVENT, () => {\n this.forceUpdate();\n });\n }\n }\n\n componentWillUnmount() {\n this.unsubscribeSelectAll?.();\n }\n\n sortableColumnDescribeId() {\n const { uid } = this.asProps;\n return `${uid}-column-sortable-describer`;\n }\n\n getGroupProps(props: any, index: number) {\n const { fixed, columns } = props;\n const { use, gridAreaGroupMap, children, getFixedStyle, shadowVertical, top, scrollDirection } = this.asProps;\n const groupColumns = columns ?? [];\n\n const firstColumn = groupColumns[0];\n const lastColumn = groupColumns[groupColumns.length - 1];\n\n const style: any = {};\n\n if (fixed === 'left' && firstColumn) {\n const [name, value] = getFixedStyle({ name: firstColumn.name, fixed: 'left' });\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n }\n if (fixed === 'right' && lastColumn) {\n const [name, value] = getFixedStyle({ name: lastColumn.name, fixed: 'right' });\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n }\n if (top && scrollDirection !== 'horizontal') {\n style.top = `${top}px`;\n }\n\n return {\n use,\n gridArea: gridAreaGroupMap.get(index),\n withConfig: children === undefined,\n getFixedStyle,\n shadowVertical: (firstColumn.showShadowVertical || lastColumn.showShadowVertical) ? shadowVertical : undefined,\n style,\n scrollDirection,\n };\n }\n\n getColumnProps(_: any, index: number) {\n const {\n use,\n columns,\n sort,\n onSortChange,\n tableRef,\n gridTemplateColumns,\n gridTemplateAreas,\n sticky,\n top,\n selectedRows,\n h,\n getFixedStyle,\n onCellClick,\n shadowVertical,\n scrollDirection,\n } = this.asProps;\n const column = columns[index];\n\n if (index === 0 && selectedRows && columns[index + 1].fixed) {\n column.fixed = 'left';\n }\n\n const [name, value] = getFixedStyle(column);\n const style: any = {};\n\n if (top && scrollDirection !== 'horizontal') {\n style.top = `${top}px`;\n }\n\n if (name !== undefined && value !== undefined) {\n style[name] = value;\n }\n\n return {\n use,\n 'aria-colindex': index + 1,\n style,\n 'gridArea': column.gridArea,\n 'fixed': column.fixed,\n sticky,\n 'borders': column.borders,\n sort,\n onSortChange,\n 'parent': column.parent,\n 'sortableColumnDescribeId': this.sortableColumnDescribeId(),\n 'columnIndex': index,\n tableRef,\n gridTemplateColumns,\n gridTemplateAreas,\n h,\n 'onClick': onCellClick,\n 'shadowVertical': column.showShadowVertical ? shadowVertical : undefined,\n scrollDirection,\n };\n }\n\n handleSelectAll = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n const { selectedRows } = this.asProps;\n\n if (Array.isArray(selectedRows)) {\n const idsSet = new Set<UniqKeyType>(selectedRows);\n\n if (value) {\n this.selectableRows.forEach((row) => {\n idsSet.add(row[UNIQ_ROW_KEY]);\n });\n } else {\n this.selectableRows.forEach((row) => {\n idsSet.delete(row[UNIQ_ROW_KEY]);\n });\n }\n\n this.asProps.onChangeSelectAll?.(Array.from(idsSet), event);\n } else if (selectedRows) {\n if (value) {\n selectedRows.selectAll();\n } else {\n selectedRows.clearAllAvailable();\n }\n }\n };\n\n handleClickSelectAll = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n event?.preventDefault();\n event?.stopPropagation();\n\n this.handleSelectAll(value, event);\n };\n\n get areAllRowsSelected() {\n const { selectedRows } = this.asProps;\n\n if (Array.isArray(selectedRows)) {\n return selectedRows.length > 0 && this.selectableRows.every((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n } else if (selectedRows) {\n return selectedRows.isAllSelected();\n }\n }\n\n get isIndeterminate() {\n const { selectedRows } = this.asProps;\n\n if (Array.isArray(selectedRows)) {\n return this.selectableRows.some((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n } else if (selectedRows) {\n return selectedRows.isIndeterminate();\n }\n }\n\n get selectableRows(): DTRow<UniqKeyType>[] {\n const { columns, flatRows } = this.asProps;\n const mappedFlatRows = flatRows\n .filter((r) => {\n const nextColumnName = columns[1]?.name;\n return r[nextColumnName] !== undefined;\n });\n\n return mappedFlatRows;\n }\n\n render() {\n const SHead = Root;\n const SHeadCheckboxCol = Head.Column;\n const { Children, styles, getI18nText, children, treeColumns, selectedRows, sticky, animationDuration, isDataEmpty, gridTemplateColumns } = this.asProps;\n\n const areAllRowsSelected = this.areAllRowsSelected;\n const indeterminate = this.isIndeterminate && !areAllRowsSelected;\n\n return sstyled(styles)(\n <>\n <SHead\n render={Box}\n role='row'\n aria-rowindex={1}\n sticky={sticky}\n use:animationDuration={animationDuration ? `${animationDuration}ms` : undefined}\n isDataEmpty={isDataEmpty}\n use:gridTemplateColumns={gridTemplateColumns.join(' ')}\n tabIndex={isDataEmpty ? 0 : undefined}\n >\n {selectedRows && (\n <SHeadCheckboxCol\n name={SELECT_ALL.toString()}\n onClick={this.handleClickSelectAll(!areAllRowsSelected)}\n >\n <Checkbox\n checked={areAllRowsSelected}\n indeterminate={indeterminate}\n aria-label={getI18nText('DataTable.Header.selectAllCheckbox:aria-label')}\n onChange={this.handleSelectAll}\n >\n <Checkbox.Value>\n <Checkbox.Value.Control />\n <Checkbox.Value.CheckMark mt={0} />\n </Checkbox.Value>\n </Checkbox>\n </SHeadCheckboxCol>\n )}\n\n {children\n ? (\n <Children />\n )\n : (\n <>\n {treeColumns.map((column, _i) => {\n if ('columns' in column) {\n const columnsName = column.columns?.map((c) => c.name).join('/');\n return (\n <DataTable.Head.Group\n key={columnsName}\n {...column}\n name={columnsName}\n title=''\n />\n );\n }\n\n return <DataTable.Head.Column key={column.name} {...column} />;\n })}\n </>\n )}\n </SHead>\n\n <ScreenReaderOnly aria-hidden={true} id={this.sortableColumnDescribeId()}>\n {getI18nText('sortableColumn')}\n </ScreenReaderOnly>\n </>,\n );\n }\n}\n\nexport const Head = createComponent(HeadRoot, { Column, Group }) as Intergalactic.Component<\n 'div',\n DataTableHeadProps\n> & {\n Column: <Tag extends 'div' | typeof Tooltip = 'div'>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableColumnProps, {}, []>,\n ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n Group: <Tag extends 'div' | typeof Tooltip = 'div'>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableGroupProps, {}, []>,\n ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n};\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"Head.types.js","names":[],"sources":["../../../../src/components/Head/Head.types.ts"],"sourcesContent":["import type { ColumnPropsInner, DTColumn } from './Column.types';\nimport type { BodyPropsInner } from '../Body/Body.types';\nimport type { DataTableCellProps } from '../Body/Cell.types';\nimport type { DTRow } from '../Body/Row.types';\nimport type { ROW_GROUP } from '../DataTable/DataTable';\nimport type { DataTableData, DataTableProps, DTUse } from '../DataTable/DataTable.types';\n\nexport type DataTableHeadProps = {\n /**\n * Sticky header\n * @default false\n */\n sticky?: boolean;\n\n /**\n * offset for sticky header\n */\n top?: number;\n\n /**\n * Height of header in px\n */\n h?: number;\n\n /** Enable scroll bar element in header */\n withScrollBar?: boolean;\n\n /** Animation duration for a top property. When it's set adds animation for top changes */\n animationDuration?: number;\n\n /** Outer ref for the header */\n ref?: React.Ref<HTMLDivElement>;\n};\n\nexport type HeadPropsInner<\n Data extends DataTableData,\n UniqKey extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? keyof Data[number][typeof ROW_GROUP][number] : keyof Data[number]),\n UniqKeyType extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? Data[number][typeof ROW_GROUP][number][UniqKey] : Data[number][UniqKey]),\n> = {\n use: DTUse;\n tableRef: React.RefObject<HTMLElement>;\n columns: DTColumn[];\n treeColumns: DTColumn[];\n compact: boolean;\n sort?: DataTableProps<Data, UniqKey, UniqKeyType>['sort'];\n onSortChange?: DataTableProps<Data, UniqKey, UniqKeyType>['onSortChange'];\n getI18nText: (key: string) => string;\n uid: string;\n ref: React.Ref<HTMLDivElement>;\n\n gridAreaGroupMap: Map<number, string>;\n gridTemplateColumns: string[];\n gridTemplateAreas: string[];\n sideIndents?: 'wide';\n\n totalRows: number;\n selectedRows?: UniqKeyType[];\n onChangeSelectAll?: (selectedRows: UniqKeyType[], event?: React.SyntheticEvent<HTMLElement>) => void;\n flatRows: DTRow<UniqKeyType>[];\n\n getFixedStyle: (\n cell: Pick<DTColumn, 'name' | 'fixed'>,\n ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n onCellClick: DataTableCellProps<Data, UniqKeyType>['onClick'];\n shadowVertical?: BodyPropsInner<Data, UniqKeyType>['shadowVertical'];\n scrollDirection?: ColumnPropsInner<Data, UniqKey, UniqKeyType>['scrollDirection'];\n isDataEmpty: boolean;\n};\n"],"mappings":"","ignoreList":[]}
1
+ {"version":3,"file":"Head.types.js","names":[],"sources":["../../../../src/components/Head/Head.types.ts"],"sourcesContent":["import type { ColumnPropsInner, DTColumn } from './Column.types';\nimport type { ISelectedRows } from '../../store/SelectableRows';\nimport type { BodyPropsInner } from '../Body/Body.types';\nimport type { DataTableCellProps } from '../Body/Cell.types';\nimport type { DTRow } from '../Body/Row.types';\nimport type { ROW_GROUP } from '../DataTable/DataTable';\nimport type { DataTableData, DataTableProps, DTUse } from '../DataTable/DataTable.types';\n\nexport type DataTableHeadProps = {\n /**\n * Sticky header\n * @default false\n */\n sticky?: boolean;\n\n /**\n * offset for sticky header\n */\n top?: number;\n\n /**\n * Height of header in px\n */\n h?: number;\n\n /** Enable scroll bar element in header */\n withScrollBar?: boolean;\n\n /** Animation duration for a top property. When it's set adds animation for top changes */\n animationDuration?: number;\n\n /** Outer ref for the header */\n ref?: React.Ref<HTMLDivElement>;\n};\n\nexport type HeadPropsInner<\n Data extends DataTableData,\n UniqKey extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? keyof Data[number][typeof ROW_GROUP][number] : keyof Data[number]),\n UniqKeyType extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? Data[number][typeof ROW_GROUP][number][UniqKey] : Data[number][UniqKey]),\n> = {\n use: DTUse;\n tableRef: React.RefObject<HTMLElement>;\n columns: DTColumn[];\n treeColumns: DTColumn[];\n compact: boolean;\n sort?: DataTableProps<Data, UniqKey, UniqKeyType>['sort'];\n onSortChange?: DataTableProps<Data, UniqKey, UniqKeyType>['onSortChange'];\n getI18nText: (key: string) => string;\n uid: string;\n ref: React.Ref<HTMLDivElement>;\n\n gridAreaGroupMap: Map<number, string>;\n gridTemplateColumns: string[];\n gridTemplateAreas: string[];\n sideIndents?: 'wide';\n\n totalRows: number;\n selectedRows?: UniqKeyType[] | ISelectedRows<UniqKeyType>;\n onChangeSelectAll?: (selectedRows: UniqKeyType[], event?: React.SyntheticEvent<HTMLElement>) => void;\n flatRows: DTRow<UniqKeyType>[];\n\n getFixedStyle: (\n cell: Pick<DTColumn, 'name' | 'fixed'>,\n ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n onCellClick: DataTableCellProps<Data, UniqKeyType>['onClick'];\n shadowVertical?: BodyPropsInner<Data, UniqKeyType>['shadowVertical'];\n scrollDirection?: ColumnPropsInner<Data, UniqKey, UniqKeyType>['scrollDirection'];\n isDataEmpty: boolean;\n};\n"],"mappings":"","ignoreList":[]}
@@ -0,0 +1,104 @@
1
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
+ import Checkbox from '@semcore/checkbox';
3
+ import React from 'react';
4
+ import { SelectableRows } from '../../store/SelectableRows';
5
+ import { Row } from '../Body/Row';
6
+ import { UNIQ_ROW_KEY, SELECT_ALL } from '../DataTable/DataTable';
7
+ export class RowSelector extends React.PureComponent {
8
+ constructor(props) {
9
+ super(props);
10
+ _defineProperty(this, "state", {
11
+ checked: false
12
+ });
13
+ _defineProperty(this, "unsubscribeToggle", undefined);
14
+ _defineProperty(this, "handleSelectRow", (value, event) => {
15
+ const {
16
+ row,
17
+ rowIndex,
18
+ onSelectRow,
19
+ selectedRows
20
+ } = this.props;
21
+ onSelectRow?.(value, rowIndex, row, event);
22
+ if (selectedRows && !Array.isArray(selectedRows)) {
23
+ selectedRows.toggle(value, row);
24
+ }
25
+ });
26
+ _defineProperty(this, "handleClickCheckbox", value => event => {
27
+ event?.preventDefault();
28
+ event?.stopPropagation();
29
+ const {
30
+ row,
31
+ rowIndex,
32
+ onSelectRow,
33
+ selectedRows
34
+ } = this.props;
35
+ onSelectRow?.(value, rowIndex, row, event);
36
+ if (selectedRows && !Array.isArray(selectedRows)) {
37
+ selectedRows.toggle(value, row);
38
+ }
39
+ });
40
+ const {
41
+ row: _row,
42
+ selectedRows: _selectedRows
43
+ } = props;
44
+ if (_selectedRows && !Array.isArray(_selectedRows)) {
45
+ this.state.checked = _selectedRows.has(_row[UNIQ_ROW_KEY]);
46
+ }
47
+ }
48
+ componentDidMount() {
49
+ const {
50
+ row,
51
+ selectedRows
52
+ } = this.props;
53
+ if (selectedRows && !Array.isArray(selectedRows)) {
54
+ this.unsubscribeToggle = selectedRows.subscribe(SelectableRows.TOGGLE_EVENT, key => {
55
+ if (row[UNIQ_ROW_KEY] === key) {
56
+ this.setState({
57
+ checked: selectedRows.has(row[UNIQ_ROW_KEY])
58
+ });
59
+ }
60
+ });
61
+ }
62
+ }
63
+ componentWillUnmount() {
64
+ this.unsubscribeToggle?.();
65
+ }
66
+ render() {
67
+ const SCheckboxCell = Row.Cell;
68
+ const {
69
+ row,
70
+ rowIndex,
71
+ gridRowIndex,
72
+ expanded,
73
+ withAccordion,
74
+ isAccordionRow,
75
+ isCellHidden,
76
+ theme,
77
+ uid,
78
+ selectedRows
79
+ } = this.props;
80
+ const rowUniqKey = row[UNIQ_ROW_KEY];
81
+ const checked = Array.isArray(selectedRows) ? selectedRows.includes(rowUniqKey) : this.state.checked;
82
+ return /*#__PURE__*/React.createElement(SCheckboxCell, {
83
+ row: row,
84
+ rowIndex: rowIndex,
85
+ column: {
86
+ name: SELECT_ALL.toString()
87
+ },
88
+ columnIndex: 0,
89
+ gridRowIndex: gridRowIndex,
90
+ onClick: this.handleClickCheckbox(!checked),
91
+ expanded: expanded,
92
+ isAccordionRow: isAccordionRow,
93
+ "aria-hidden": isCellHidden,
94
+ withAccordion: withAccordion,
95
+ theme: theme,
96
+ "data-row-selector": true
97
+ }, /*#__PURE__*/React.createElement(Checkbox, {
98
+ checked: checked,
99
+ "aria-labelledby": `${uid}_${rowUniqKey}_1`,
100
+ onChange: this.handleSelectRow
101
+ }, /*#__PURE__*/React.createElement(Checkbox.Value, null)));
102
+ }
103
+ }
104
+ //# sourceMappingURL=RowsSelector.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RowsSelector.js","names":["Checkbox","React","SelectableRows","Row","UNIQ_ROW_KEY","SELECT_ALL","RowSelector","PureComponent","constructor","props","_defineProperty","checked","undefined","value","event","row","rowIndex","onSelectRow","selectedRows","Array","isArray","toggle","preventDefault","stopPropagation","state","has","componentDidMount","unsubscribeToggle","subscribe","TOGGLE_EVENT","key","setState","componentWillUnmount","render","SCheckboxCell","Cell","gridRowIndex","expanded","withAccordion","isAccordionRow","isCellHidden","theme","uid","rowUniqKey","includes","createElement","column","name","toString","columnIndex","onClick","handleClickCheckbox","onChange","handleSelectRow","Value"],"sources":["../../../../src/components/RowSelector/RowsSelector.tsx"],"sourcesContent":["import Checkbox from '@semcore/checkbox';\nimport React from 'react';\n\nimport type { ISelectedRows } from '../../store/SelectableRows';\nimport { SelectableRows } from '../../store/SelectableRows';\nimport type { Theme } from '../Body/Cell.types';\nimport { Row } from '../Body/Row';\nimport type { DTRow } from '../Body/Row.types';\nimport { UNIQ_ROW_KEY, SELECT_ALL } from '../DataTable/DataTable';\n\ntype RowSelectorProps<UniqKeyType> = {\n row: DTRow<UniqKeyType>;\n rowIndex: number;\n gridRowIndex: number;\n expanded: boolean;\n withAccordion: boolean;\n\n uid: string;\n theme?: Theme;\n isCellHidden?: boolean;\n isAccordionRow?: boolean;\n selectedRows?: UniqKeyType[] | ISelectedRows<UniqKeyType>;\n onSelectRow?: (\n isSelect: boolean,\n selectedRowIndex: number,\n row: DTRow<UniqKeyType>,\n event?: React.SyntheticEvent<HTMLElement>,\n ) => void;\n};\n\ntype State = {\n checked: boolean;\n};\n\nexport class RowSelector<UniqKeyType> extends React.PureComponent<RowSelectorProps<UniqKeyType>, State> {\n state: State = {\n checked: false,\n };\n\n private unsubscribeToggle: undefined | (() => void) = undefined;\n\n constructor(props: RowSelectorProps<UniqKeyType>) {\n super(props);\n\n const { row, selectedRows } = props;\n if (selectedRows && !Array.isArray(selectedRows)) {\n this.state.checked = selectedRows.has(row[UNIQ_ROW_KEY]);\n }\n }\n\n componentDidMount(): void {\n const { row, selectedRows } = this.props;\n if (selectedRows && !Array.isArray(selectedRows)) {\n this.unsubscribeToggle = selectedRows.subscribe(SelectableRows.TOGGLE_EVENT, (key: UniqKeyType) => {\n if (row[UNIQ_ROW_KEY] === key) {\n this.setState({ checked: selectedRows.has(row[UNIQ_ROW_KEY]) });\n }\n });\n }\n }\n\n componentWillUnmount(): void {\n this.unsubscribeToggle?.();\n }\n\n handleSelectRow = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n const { row, rowIndex, onSelectRow, selectedRows } = this.props;\n\n onSelectRow?.(value, rowIndex, row, event);\n\n if (selectedRows && !Array.isArray(selectedRows)) {\n selectedRows.toggle(value, row);\n }\n };\n\n handleClickCheckbox = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n event?.preventDefault();\n event?.stopPropagation();\n const { row, rowIndex, onSelectRow, selectedRows } = this.props;\n\n onSelectRow?.(value, rowIndex, row, event);\n\n if (selectedRows && !Array.isArray(selectedRows)) {\n selectedRows.toggle(value, row);\n }\n };\n\n render() {\n const SCheckboxCell = Row.Cell;\n\n const { row, rowIndex, gridRowIndex, expanded, withAccordion, isAccordionRow, isCellHidden, theme, uid, selectedRows } = this.props;\n const rowUniqKey = row[UNIQ_ROW_KEY];\n\n const checked = Array.isArray(selectedRows) ? selectedRows.includes(rowUniqKey) : this.state.checked;\n\n return (\n <SCheckboxCell\n row={row}\n rowIndex={rowIndex}\n column={{ name: SELECT_ALL.toString() }}\n columnIndex={0}\n gridRowIndex={gridRowIndex}\n onClick={this.handleClickCheckbox(!checked)}\n expanded={expanded}\n isAccordionRow={isAccordionRow}\n aria-hidden={isCellHidden}\n withAccordion={withAccordion}\n theme={theme}\n data-row-selector\n >\n <Checkbox\n checked={checked}\n aria-labelledby={`${uid}_${rowUniqKey}_1`}\n onChange={this.handleSelectRow}\n >\n <Checkbox.Value />\n </Checkbox>\n </SCheckboxCell>\n );\n }\n}\n"],"mappings":";AAAA,OAAOA,QAAQ,MAAM,mBAAmB;AACxC,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,cAAc,QAAQ,4BAA4B;AAE3D,SAASC,GAAG,QAAQ,aAAa;AAEjC,SAASC,YAAY,EAAEC,UAAU,QAAQ,wBAAwB;AA0BjE,OAAO,MAAMC,WAAW,SAAsBL,KAAK,CAACM,aAAa,CAAuC;EAOtGC,WAAWA,CAACC,KAAoC,EAAE;IAChD,KAAK,CAACA,KAAK,CAAC;IAACC,eAAA,gBAPA;MACbC,OAAO,EAAE;IACX,CAAC;IAAAD,eAAA,4BAEqDE,SAAS;IAAAF,eAAA,0BA0B7C,CAACG,KAAc,EAAEC,KAAyC,KAAK;MAC/E,MAAM;QAAEC,GAAG;QAAEC,QAAQ;QAAEC,WAAW;QAAEC;MAAa,CAAC,GAAG,IAAI,CAACT,KAAK;MAE/DQ,WAAW,GAAGJ,KAAK,EAAEG,QAAQ,EAAED,GAAG,EAAED,KAAK,CAAC;MAE1C,IAAII,YAAY,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,YAAY,CAAC,EAAE;QAChDA,YAAY,CAACG,MAAM,CAACR,KAAK,EAAEE,GAAG,CAAC;MACjC;IACF,CAAC;IAAAL,eAAA,8BAEsBG,KAAc,IAAMC,KAAyC,IAAK;MACvFA,KAAK,EAAEQ,cAAc,CAAC,CAAC;MACvBR,KAAK,EAAES,eAAe,CAAC,CAAC;MACxB,MAAM;QAAER,GAAG;QAAEC,QAAQ;QAAEC,WAAW;QAAEC;MAAa,CAAC,GAAG,IAAI,CAACT,KAAK;MAE/DQ,WAAW,GAAGJ,KAAK,EAAEG,QAAQ,EAAED,GAAG,EAAED,KAAK,CAAC;MAE1C,IAAII,YAAY,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,YAAY,CAAC,EAAE;QAChDA,YAAY,CAACG,MAAM,CAACR,KAAK,EAAEE,GAAG,CAAC;MACjC;IACF,CAAC;IAzCC,MAAM;MAAEA,GAAG,EAAHA,IAAG;MAAEG,YAAY,EAAZA;IAAa,CAAC,GAAGT,KAAK;IACnC,IAAIS,aAAY,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,aAAY,CAAC,EAAE;MAChD,IAAI,CAACM,KAAK,CAACb,OAAO,GAAGO,aAAY,CAACO,GAAG,CAACV,IAAG,CAACX,YAAY,CAAC,CAAC;IAC1D;EACF;EAEAsB,iBAAiBA,CAAA,EAAS;IACxB,MAAM;MAAEX,GAAG;MAAEG;IAAa,CAAC,GAAG,IAAI,CAACT,KAAK;IACxC,IAAIS,YAAY,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,YAAY,CAAC,EAAE;MAChD,IAAI,CAACS,iBAAiB,GAAGT,YAAY,CAACU,SAAS,CAAC1B,cAAc,CAAC2B,YAAY,EAAGC,GAAgB,IAAK;QACjG,IAAIf,GAAG,CAACX,YAAY,CAAC,KAAK0B,GAAG,EAAE;UAC7B,IAAI,CAACC,QAAQ,CAAC;YAAEpB,OAAO,EAAEO,YAAY,CAACO,GAAG,CAACV,GAAG,CAACX,YAAY,CAAC;UAAE,CAAC,CAAC;QACjE;MACF,CAAC,CAAC;IACJ;EACF;EAEA4B,oBAAoBA,CAAA,EAAS;IAC3B,IAAI,CAACL,iBAAiB,GAAG,CAAC;EAC5B;EAwBAM,MAAMA,CAAA,EAAG;IACP,MAAMC,aAAa,GAAG/B,GAAG,CAACgC,IAAI;IAE9B,MAAM;MAAEpB,GAAG;MAAEC,QAAQ;MAAEoB,YAAY;MAAEC,QAAQ;MAAEC,aAAa;MAAEC,cAAc;MAAEC,YAAY;MAAEC,KAAK;MAAEC,GAAG;MAAExB;IAAa,CAAC,GAAG,IAAI,CAACT,KAAK;IACnI,MAAMkC,UAAU,GAAG5B,GAAG,CAACX,YAAY,CAAC;IAEpC,MAAMO,OAAO,GAAGQ,KAAK,CAACC,OAAO,CAACF,YAAY,CAAC,GAAGA,YAAY,CAAC0B,QAAQ,CAACD,UAAU,CAAC,GAAG,IAAI,CAACnB,KAAK,CAACb,OAAO;IAEpG,oBACEV,KAAA,CAAA4C,aAAA,CAACX,aAAa;MACZnB,GAAG,EAAEA,GAAI;MACTC,QAAQ,EAAEA,QAAS;MACnB8B,MAAM,EAAE;QAAEC,IAAI,EAAE1C,UAAU,CAAC2C,QAAQ,CAAC;MAAE,CAAE;MACxCC,WAAW,EAAE,CAAE;MACfb,YAAY,EAAEA,YAAa;MAC3Bc,OAAO,EAAE,IAAI,CAACC,mBAAmB,CAAC,CAACxC,OAAO,CAAE;MAC5C0B,QAAQ,EAAEA,QAAS;MACnBE,cAAc,EAAEA,cAAe;MAC/B,eAAaC,YAAa;MAC1BF,aAAa,EAAEA,aAAc;MAC7BG,KAAK,EAAEA,KAAM;MACb;IAAiB,gBAEjBxC,KAAA,CAAA4C,aAAA,CAAC7C,QAAQ;MACPW,OAAO,EAAEA,OAAQ;MACjB,mBAAiB,GAAG+B,GAAG,IAAIC,UAAU,IAAK;MAC1CS,QAAQ,EAAE,IAAI,CAACC;IAAgB,gBAE/BpD,KAAA,CAAA4C,aAAA,CAAC7C,QAAQ,CAACsD,KAAK,MAAE,CACT,CACG,CAAC;EAEpB;AACF","ignoreList":[]}
package/lib/es6/index.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { MergedRowsCell, MergedColumnsCell } from './components/Body/MergedCells';
2
2
  import { DataTable, ACCORDION, ROW_GROUP } from './components/DataTable/DataTable';
3
+ import { SelectableRows } from './store/SelectableRows';
3
4
  const wrapDataTable = wrapper => wrapper;
4
- export { MergedRowsCell, MergedColumnsCell, DataTable, ACCORDION, ROW_GROUP, wrapDataTable };
5
+ export { MergedRowsCell, MergedColumnsCell, DataTable, ACCORDION, ROW_GROUP, wrapDataTable, SelectableRows };
5
6
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["MergedRowsCell","MergedColumnsCell","DataTable","ACCORDION","ROW_GROUP","wrapDataTable","wrapper"],"sources":["../../src/index.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport type { CellRenderProps } from './components/Body/Body.types';\nimport { MergedRowsCell, MergedColumnsCell } from './components/Body/MergedCells';\nimport { DataTable, ACCORDION, ROW_GROUP } from './components/DataTable/DataTable';\nimport type {\n DataTableSort,\n DataTableType,\n DataTableData,\n DataTableProps,\n DataTableChangeSort,\n ColumnGroupConfig,\n ColumnItemConfig,\n} from './components/DataTable/DataTable.types';\n\nconst wrapDataTable = <PropsExtending extends {}>(\n wrapper: (\n props: Intergalactic.InternalTypings.UntypeRefAndTag<\n Intergalactic.InternalTypings.ComponentPropsNesting<DataTableType>\n > &\n PropsExtending,\n ) => React.ReactNode,\n): DataTableType => wrapper as any;\n\nexport {\n MergedRowsCell,\n MergedColumnsCell,\n DataTable,\n ACCORDION,\n ROW_GROUP,\n wrapDataTable,\n};\nexport type {\n DataTableSort,\n DataTableData,\n DataTableProps,\n DataTableChangeSort,\n ColumnGroupConfig,\n ColumnItemConfig,\n CellRenderProps,\n};\n"],"mappings":"AAIA,SAASA,cAAc,EAAEC,iBAAiB,QAAQ,+BAA+B;AACjF,SAASC,SAAS,EAAEC,SAAS,EAAEC,SAAS,QAAQ,kCAAkC;AAWlF,MAAMC,aAAa,GACjBC,OAKoB,IACFA,OAAc;AAElC,SACEN,cAAc,EACdC,iBAAiB,EACjBC,SAAS,EACTC,SAAS,EACTC,SAAS,EACTC,aAAa","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["MergedRowsCell","MergedColumnsCell","DataTable","ACCORDION","ROW_GROUP","SelectableRows","wrapDataTable","wrapper"],"sources":["../../src/index.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport type { CellRenderProps } from './components/Body/Body.types';\nimport { MergedRowsCell, MergedColumnsCell } from './components/Body/MergedCells';\nimport { DataTable, ACCORDION, ROW_GROUP } from './components/DataTable/DataTable';\nimport type {\n DataTableSort,\n DataTableType,\n DataTableData,\n DataTableProps,\n DataTableChangeSort,\n ColumnGroupConfig,\n ColumnItemConfig,\n} from './components/DataTable/DataTable.types';\nimport { SelectableRows } from './store/SelectableRows';\n\nconst wrapDataTable = <PropsExtending extends {}>(\n wrapper: (\n props: Intergalactic.InternalTypings.UntypeRefAndTag<\n Intergalactic.InternalTypings.ComponentPropsNesting<DataTableType>\n > &\n PropsExtending,\n ) => React.ReactNode,\n): DataTableType => wrapper as any;\n\nexport {\n MergedRowsCell,\n MergedColumnsCell,\n DataTable,\n ACCORDION,\n ROW_GROUP,\n wrapDataTable,\n SelectableRows,\n};\nexport type {\n DataTableSort,\n DataTableData,\n DataTableProps,\n DataTableChangeSort,\n ColumnGroupConfig,\n ColumnItemConfig,\n CellRenderProps,\n};\n"],"mappings":"AAIA,SAASA,cAAc,EAAEC,iBAAiB,QAAQ,+BAA+B;AACjF,SAASC,SAAS,EAAEC,SAAS,EAAEC,SAAS,QAAQ,kCAAkC;AAUlF,SAASC,cAAc,QAAQ,wBAAwB;AAEvD,MAAMC,aAAa,GACjBC,OAKoB,IACFA,OAAc;AAElC,SACEP,cAAc,EACdC,iBAAiB,EACjBC,SAAS,EACTC,SAAS,EACTC,SAAS,EACTE,aAAa,EACbD,cAAc","ignoreList":[]}
@@ -0,0 +1,121 @@
1
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
+ import EventEmitter from '@semcore/core/lib/utils/eventEmitter';
3
+ import { UNIQ_ROW_KEY } from '../components/DataTable/DataTable';
4
+ export class SelectableRows extends EventEmitter {
5
+ constructor(initValues = []) {
6
+ super();
7
+ _defineProperty(this, "values", void 0);
8
+ _defineProperty(this, "availableKeys", new Set());
9
+ _defineProperty(this, "lastSelectedRow", null);
10
+ _defineProperty(this, "isPressedShift", false);
11
+ this.values = new Set(initValues);
12
+ }
13
+ setAvailableKeys(value) {
14
+ this.availableKeys = new Set(value);
15
+ }
16
+ get() {
17
+ return Array.from(this.values.keys());
18
+ }
19
+ isChecked(key) {
20
+ return this.values.has(key);
21
+ }
22
+ replace(value) {
23
+ this.clearAll();
24
+ value.forEach(val => {
25
+ this.values.add(val);
26
+ this.emit(SelectableRows.TOGGLE_EVENT, val);
27
+ });
28
+ }
29
+ has(value) {
30
+ return this.values.has(value);
31
+ }
32
+ isAllSelected() {
33
+ let isAllSelected = true;
34
+ if (this.availableKeys.size === 0 || this.values.size === 0) {
35
+ return false;
36
+ }
37
+ for (const key of this.availableKeys.values()) {
38
+ if (!this.values.has(key)) {
39
+ isAllSelected = false;
40
+ break;
41
+ }
42
+ }
43
+ return isAllSelected;
44
+ }
45
+ isIndeterminate() {
46
+ let isIndeterminate = false;
47
+ for (const key of this.availableKeys.values()) {
48
+ if (this.values.has(key)) {
49
+ isIndeterminate = true;
50
+ break;
51
+ }
52
+ }
53
+ return isIndeterminate;
54
+ }
55
+ selectAll() {
56
+ for (const key of this.availableKeys.values()) {
57
+ this.values.add(key);
58
+ this.emit(SelectableRows.TOGGLE_EVENT, key);
59
+ }
60
+ this.emit(SelectableRows.SELECT_ALL_EVENT);
61
+ }
62
+ clearAll() {
63
+ const keys = Array.from(this.values.values());
64
+ this.values.clear();
65
+ for (const key of keys) {
66
+ this.emit(SelectableRows.TOGGLE_EVENT, key);
67
+ }
68
+ this.emit(SelectableRows.SELECT_ALL_EVENT);
69
+ }
70
+ clearAllAvailable() {
71
+ for (const key of this.availableKeys.values()) {
72
+ this.values.delete(key);
73
+ this.emit(SelectableRows.TOGGLE_EVENT, key);
74
+ }
75
+ this.emit(SelectableRows.SELECT_ALL_EVENT);
76
+ }
77
+ toggle(selected, row) {
78
+ if (this.isPressedShift && this.values.size > 0 && this.lastSelectedRow && (selected ? this.values.has(this.lastSelectedRow) : true)) {
79
+ let select = false;
80
+ for (const item of this.availableKeys.values()) {
81
+ if (!select && (item === row[UNIQ_ROW_KEY] || item === this.lastSelectedRow)) {
82
+ select = true;
83
+ this.toggleOneRow(selected, item);
84
+ continue;
85
+ }
86
+ if (select) {
87
+ this.toggleOneRow(selected, item);
88
+ }
89
+ if (select && (item === row[UNIQ_ROW_KEY] || item === this.lastSelectedRow)) {
90
+ break;
91
+ }
92
+ }
93
+ } else {
94
+ this.toggleOneRow(selected, row[UNIQ_ROW_KEY]);
95
+ }
96
+ this.lastSelectedRow = row[UNIQ_ROW_KEY];
97
+ }
98
+ toggleOneRow(isSelected, key) {
99
+ if (isSelected) {
100
+ if (this.values.size === 0) {
101
+ this.emit(SelectableRows.SELECT_ALL_EVENT);
102
+ }
103
+ this.values.add(key);
104
+ if (this.values.size === this.availableKeys.size) {
105
+ this.emit(SelectableRows.SELECT_ALL_EVENT);
106
+ }
107
+ } else {
108
+ if (this.values.size === this.availableKeys.size) {
109
+ this.emit(SelectableRows.SELECT_ALL_EVENT);
110
+ }
111
+ this.values.delete(key);
112
+ if (this.values.size === 0) {
113
+ this.emit(SelectableRows.SELECT_ALL_EVENT);
114
+ }
115
+ }
116
+ this.emit(SelectableRows.TOGGLE_EVENT, key);
117
+ }
118
+ }
119
+ _defineProperty(SelectableRows, "TOGGLE_EVENT", 'toggle_selected_row');
120
+ _defineProperty(SelectableRows, "SELECT_ALL_EVENT", 'select_all_selected_rows');
121
+ //# sourceMappingURL=SelectableRows.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SelectableRows.js","names":["EventEmitter","UNIQ_ROW_KEY","SelectableRows","constructor","initValues","_defineProperty","Set","values","setAvailableKeys","value","availableKeys","get","Array","from","keys","isChecked","key","has","replace","clearAll","forEach","val","add","emit","TOGGLE_EVENT","isAllSelected","size","isIndeterminate","selectAll","SELECT_ALL_EVENT","clear","clearAllAvailable","delete","toggle","selected","row","isPressedShift","lastSelectedRow","select","item","toggleOneRow","isSelected"],"sources":["../../../src/store/SelectableRows.ts"],"sourcesContent":["import EventEmitter from '@semcore/core/lib/utils/eventEmitter';\n\nimport type { DTRow } from '../components/Body/Row.types';\nimport { UNIQ_ROW_KEY } from '../components/DataTable/DataTable';\n\nexport interface ISelectedRows<UniqKeyType> {\n /** Flag for multiple rows selection */\n isPressedShift: boolean;\n /** Method for set keys from data. Call it in DataTable, on data changes */\n setAvailableKeys(keys: UniqKeyType[]): void;\n\n /** Get the list of keys */\n get(): UniqKeyType[];\n\n /** Check if the row is selected */\n isChecked(key: UniqKeyType): boolean;\n\n /** Replace the list of keys. */\n replace(value: UniqKeyType[]): void;\n\n /** Check if the key exists in selected rows */\n has(value: UniqKeyType): boolean;\n\n /** Select all handler */\n selectAll(): void;\n\n /** Clear all handler */\n clearAll(): void;\n\n /** Clear all available values (rows on current page) handler */\n clearAllAvailable(): void;\n\n /** Toggle selection of row */\n toggle(selected: boolean, row: DTRow<UniqKeyType>): void;\n\n /** Check if all rows selected */\n isAllSelected(): boolean;\n\n /** Check if at least one row selected */\n isIndeterminate(): boolean;\n\n /** Subscribe to changes */\n subscribe: EventEmitter<Events<UniqKeyType>>['subscribe'];\n}\n\ntype Events<UniqRowKeyType> = {\n [SelectableRows.TOGGLE_EVENT]: (val: UniqRowKeyType) => void;\n [SelectableRows.SELECT_ALL_EVENT]: () => void;\n};\n\nexport class SelectableRows<UniqRowKeyType> extends EventEmitter<Events<UniqRowKeyType>> implements ISelectedRows<UniqRowKeyType> {\n private readonly values: Set<UniqRowKeyType>;\n\n private availableKeys = new Set<UniqRowKeyType>();\n\n private lastSelectedRow: UniqRowKeyType | null = null;\n\n public static TOGGLE_EVENT = 'toggle_selected_row' as const;\n public static SELECT_ALL_EVENT = 'select_all_selected_rows' as const;\n\n public isPressedShift: boolean = false;\n\n constructor(initValues: UniqRowKeyType[] = []) {\n super();\n\n this.values = new Set<UniqRowKeyType>(initValues);\n }\n\n public setAvailableKeys(value: UniqRowKeyType[]): void {\n this.availableKeys = new Set(value);\n }\n\n public get() {\n return Array.from(this.values.keys());\n }\n\n public isChecked(key: UniqRowKeyType): boolean {\n return this.values.has(key);\n }\n\n public replace(value: UniqRowKeyType[]): void {\n this.clearAll();\n\n value.forEach((val) => {\n this.values.add(val);\n\n this.emit(SelectableRows.TOGGLE_EVENT, val);\n });\n }\n\n public has(value: UniqRowKeyType): boolean {\n return this.values.has(value);\n }\n\n public isAllSelected(): boolean {\n let isAllSelected = true;\n\n if (this.availableKeys.size === 0 || this.values.size === 0) {\n return false;\n }\n\n for (const key of this.availableKeys.values()) {\n if (!this.values.has(key)) {\n isAllSelected = false;\n break;\n }\n }\n\n return isAllSelected;\n }\n\n public isIndeterminate(): boolean {\n let isIndeterminate = false;\n\n for (const key of this.availableKeys.values()) {\n if (this.values.has(key)) {\n isIndeterminate = true;\n break;\n }\n }\n\n return isIndeterminate;\n }\n\n public selectAll(): void {\n for (const key of this.availableKeys.values()) {\n this.values.add(key);\n this.emit(SelectableRows.TOGGLE_EVENT, key);\n }\n\n this.emit(SelectableRows.SELECT_ALL_EVENT);\n }\n\n public clearAll(): void {\n const keys = Array.from(this.values.values());\n this.values.clear();\n for (const key of keys) {\n this.emit(SelectableRows.TOGGLE_EVENT, key);\n }\n\n this.emit(SelectableRows.SELECT_ALL_EVENT);\n }\n\n public clearAllAvailable(): void {\n for (const key of this.availableKeys.values()) {\n this.values.delete(key);\n this.emit(SelectableRows.TOGGLE_EVENT, key);\n }\n\n this.emit(SelectableRows.SELECT_ALL_EVENT);\n }\n\n public toggle(selected: boolean, row: DTRow<UniqRowKeyType>): void {\n if (this.isPressedShift && this.values.size > 0 && this.lastSelectedRow && (selected ? this.values.has(this.lastSelectedRow) : true)) {\n let select = false;\n\n for (const item of this.availableKeys.values()) {\n if (!select && (item === row[UNIQ_ROW_KEY] || item === this.lastSelectedRow)) {\n select = true;\n this.toggleOneRow(selected, item);\n continue;\n }\n\n if (select) {\n this.toggleOneRow(selected, item);\n }\n\n if (select && (item === row[UNIQ_ROW_KEY] || item === this.lastSelectedRow)) {\n break;\n }\n }\n } else {\n this.toggleOneRow(selected, row[UNIQ_ROW_KEY]);\n }\n\n this.lastSelectedRow = row[UNIQ_ROW_KEY];\n }\n\n private toggleOneRow(isSelected: boolean, key: UniqRowKeyType): void {\n if (isSelected) {\n if (this.values.size === 0) {\n this.emit(SelectableRows.SELECT_ALL_EVENT);\n }\n\n this.values.add(key);\n\n if (this.values.size === this.availableKeys.size) {\n this.emit(SelectableRows.SELECT_ALL_EVENT);\n }\n } else {\n if (this.values.size === this.availableKeys.size) {\n this.emit(SelectableRows.SELECT_ALL_EVENT);\n }\n\n this.values.delete(key);\n\n if (this.values.size === 0) {\n this.emit(SelectableRows.SELECT_ALL_EVENT);\n }\n }\n\n this.emit(SelectableRows.TOGGLE_EVENT, key);\n }\n}\n"],"mappings":";AAAA,OAAOA,YAAY,MAAM,sCAAsC;AAG/D,SAASC,YAAY,QAAQ,mCAAmC;AA+ChE,OAAO,MAAMC,cAAc,SAAyBF,YAAY,CAAkE;EAYhIG,WAAWA,CAACC,UAA4B,GAAG,EAAE,EAAE;IAC7C,KAAK,CAAC,CAAC;IAACC,eAAA;IAAAA,eAAA,wBAVc,IAAIC,GAAG,CAAiB,CAAC;IAAAD,eAAA,0BAEA,IAAI;IAAAA,eAAA,yBAKpB,KAAK;IAKpC,IAAI,CAACE,MAAM,GAAG,IAAID,GAAG,CAAiBF,UAAU,CAAC;EACnD;EAEOI,gBAAgBA,CAACC,KAAuB,EAAQ;IACrD,IAAI,CAACC,aAAa,GAAG,IAAIJ,GAAG,CAACG,KAAK,CAAC;EACrC;EAEOE,GAAGA,CAAA,EAAG;IACX,OAAOC,KAAK,CAACC,IAAI,CAAC,IAAI,CAACN,MAAM,CAACO,IAAI,CAAC,CAAC,CAAC;EACvC;EAEOC,SAASA,CAACC,GAAmB,EAAW;IAC7C,OAAO,IAAI,CAACT,MAAM,CAACU,GAAG,CAACD,GAAG,CAAC;EAC7B;EAEOE,OAAOA,CAACT,KAAuB,EAAQ;IAC5C,IAAI,CAACU,QAAQ,CAAC,CAAC;IAEfV,KAAK,CAACW,OAAO,CAAEC,GAAG,IAAK;MACrB,IAAI,CAACd,MAAM,CAACe,GAAG,CAACD,GAAG,CAAC;MAEpB,IAAI,CAACE,IAAI,CAACrB,cAAc,CAACsB,YAAY,EAAEH,GAAG,CAAC;IAC7C,CAAC,CAAC;EACJ;EAEOJ,GAAGA,CAACR,KAAqB,EAAW;IACzC,OAAO,IAAI,CAACF,MAAM,CAACU,GAAG,CAACR,KAAK,CAAC;EAC/B;EAEOgB,aAAaA,CAAA,EAAY;IAC9B,IAAIA,aAAa,GAAG,IAAI;IAExB,IAAI,IAAI,CAACf,aAAa,CAACgB,IAAI,KAAK,CAAC,IAAI,IAAI,CAACnB,MAAM,CAACmB,IAAI,KAAK,CAAC,EAAE;MAC3D,OAAO,KAAK;IACd;IAEA,KAAK,MAAMV,GAAG,IAAI,IAAI,CAACN,aAAa,CAACH,MAAM,CAAC,CAAC,EAAE;MAC7C,IAAI,CAAC,IAAI,CAACA,MAAM,CAACU,GAAG,CAACD,GAAG,CAAC,EAAE;QACzBS,aAAa,GAAG,KAAK;QACrB;MACF;IACF;IAEA,OAAOA,aAAa;EACtB;EAEOE,eAAeA,CAAA,EAAY;IAChC,IAAIA,eAAe,GAAG,KAAK;IAE3B,KAAK,MAAMX,GAAG,IAAI,IAAI,CAACN,aAAa,CAACH,MAAM,CAAC,CAAC,EAAE;MAC7C,IAAI,IAAI,CAACA,MAAM,CAACU,GAAG,CAACD,GAAG,CAAC,EAAE;QACxBW,eAAe,GAAG,IAAI;QACtB;MACF;IACF;IAEA,OAAOA,eAAe;EACxB;EAEOC,SAASA,CAAA,EAAS;IACvB,KAAK,MAAMZ,GAAG,IAAI,IAAI,CAACN,aAAa,CAACH,MAAM,CAAC,CAAC,EAAE;MAC7C,IAAI,CAACA,MAAM,CAACe,GAAG,CAACN,GAAG,CAAC;MACpB,IAAI,CAACO,IAAI,CAACrB,cAAc,CAACsB,YAAY,EAAER,GAAG,CAAC;IAC7C;IAEA,IAAI,CAACO,IAAI,CAACrB,cAAc,CAAC2B,gBAAgB,CAAC;EAC5C;EAEOV,QAAQA,CAAA,EAAS;IACtB,MAAML,IAAI,GAAGF,KAAK,CAACC,IAAI,CAAC,IAAI,CAACN,MAAM,CAACA,MAAM,CAAC,CAAC,CAAC;IAC7C,IAAI,CAACA,MAAM,CAACuB,KAAK,CAAC,CAAC;IACnB,KAAK,MAAMd,GAAG,IAAIF,IAAI,EAAE;MACtB,IAAI,CAACS,IAAI,CAACrB,cAAc,CAACsB,YAAY,EAAER,GAAG,CAAC;IAC7C;IAEA,IAAI,CAACO,IAAI,CAACrB,cAAc,CAAC2B,gBAAgB,CAAC;EAC5C;EAEOE,iBAAiBA,CAAA,EAAS;IAC/B,KAAK,MAAMf,GAAG,IAAI,IAAI,CAACN,aAAa,CAACH,MAAM,CAAC,CAAC,EAAE;MAC7C,IAAI,CAACA,MAAM,CAACyB,MAAM,CAAChB,GAAG,CAAC;MACvB,IAAI,CAACO,IAAI,CAACrB,cAAc,CAACsB,YAAY,EAAER,GAAG,CAAC;IAC7C;IAEA,IAAI,CAACO,IAAI,CAACrB,cAAc,CAAC2B,gBAAgB,CAAC;EAC5C;EAEOI,MAAMA,CAACC,QAAiB,EAAEC,GAA0B,EAAQ;IACjE,IAAI,IAAI,CAACC,cAAc,IAAI,IAAI,CAAC7B,MAAM,CAACmB,IAAI,GAAG,CAAC,IAAI,IAAI,CAACW,eAAe,KAAKH,QAAQ,GAAG,IAAI,CAAC3B,MAAM,CAACU,GAAG,CAAC,IAAI,CAACoB,eAAe,CAAC,GAAG,IAAI,CAAC,EAAE;MACpI,IAAIC,MAAM,GAAG,KAAK;MAElB,KAAK,MAAMC,IAAI,IAAI,IAAI,CAAC7B,aAAa,CAACH,MAAM,CAAC,CAAC,EAAE;QAC9C,IAAI,CAAC+B,MAAM,KAAKC,IAAI,KAAKJ,GAAG,CAAClC,YAAY,CAAC,IAAIsC,IAAI,KAAK,IAAI,CAACF,eAAe,CAAC,EAAE;UAC5EC,MAAM,GAAG,IAAI;UACb,IAAI,CAACE,YAAY,CAACN,QAAQ,EAAEK,IAAI,CAAC;UACjC;QACF;QAEA,IAAID,MAAM,EAAE;UACV,IAAI,CAACE,YAAY,CAACN,QAAQ,EAAEK,IAAI,CAAC;QACnC;QAEA,IAAID,MAAM,KAAKC,IAAI,KAAKJ,GAAG,CAAClC,YAAY,CAAC,IAAIsC,IAAI,KAAK,IAAI,CAACF,eAAe,CAAC,EAAE;UAC3E;QACF;MACF;IACF,CAAC,MAAM;MACL,IAAI,CAACG,YAAY,CAACN,QAAQ,EAAEC,GAAG,CAAClC,YAAY,CAAC,CAAC;IAChD;IAEA,IAAI,CAACoC,eAAe,GAAGF,GAAG,CAAClC,YAAY,CAAC;EAC1C;EAEQuC,YAAYA,CAACC,UAAmB,EAAEzB,GAAmB,EAAQ;IACnE,IAAIyB,UAAU,EAAE;MACd,IAAI,IAAI,CAAClC,MAAM,CAACmB,IAAI,KAAK,CAAC,EAAE;QAC1B,IAAI,CAACH,IAAI,CAACrB,cAAc,CAAC2B,gBAAgB,CAAC;MAC5C;MAEA,IAAI,CAACtB,MAAM,CAACe,GAAG,CAACN,GAAG,CAAC;MAEpB,IAAI,IAAI,CAACT,MAAM,CAACmB,IAAI,KAAK,IAAI,CAAChB,aAAa,CAACgB,IAAI,EAAE;QAChD,IAAI,CAACH,IAAI,CAACrB,cAAc,CAAC2B,gBAAgB,CAAC;MAC5C;IACF,CAAC,MAAM;MACL,IAAI,IAAI,CAACtB,MAAM,CAACmB,IAAI,KAAK,IAAI,CAAChB,aAAa,CAACgB,IAAI,EAAE;QAChD,IAAI,CAACH,IAAI,CAACrB,cAAc,CAAC2B,gBAAgB,CAAC;MAC5C;MAEA,IAAI,CAACtB,MAAM,CAACyB,MAAM,CAAChB,GAAG,CAAC;MAEvB,IAAI,IAAI,CAACT,MAAM,CAACmB,IAAI,KAAK,CAAC,EAAE;QAC1B,IAAI,CAACH,IAAI,CAACrB,cAAc,CAAC2B,gBAAgB,CAAC;MAC5C;IACF;IAEA,IAAI,CAACN,IAAI,CAACrB,cAAc,CAACsB,YAAY,EAAER,GAAG,CAAC;EAC7C;AACF;AAACX,eAAA,CAzJYH,cAAc,kBAOI,qBAAqB;AAAAG,eAAA,CAPvCH,cAAc,sBAQQ,0BAA0B","ignoreList":[]}