@fluentui/react-table 9.4.2 → 9.4.4

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 (18) hide show
  1. package/CHANGELOG.json +135 -1
  2. package/CHANGELOG.md +36 -2
  3. package/dist/index.d.ts +4 -23
  4. package/lib/components/DataGrid/DataGrid.types.js.map +1 -1
  5. package/lib/components/TableRow/useTableRowStyles.styles.js +10 -10
  6. package/lib/hooks/types.js.map +1 -1
  7. package/lib/hooks/useTableSelection.js +15 -38
  8. package/lib/hooks/useTableSelection.js.map +1 -1
  9. package/lib/index.js.map +1 -1
  10. package/lib-commonjs/components/TableRow/useTableRowStyles.styles.js +10 -10
  11. package/lib-commonjs/components/TableRow/useTableRowStyles.styles.js.map +1 -1
  12. package/lib-commonjs/hooks/useTableSelection.js +14 -38
  13. package/lib-commonjs/hooks/useTableSelection.js.map +1 -1
  14. package/package.json +10 -10
  15. package/lib/hooks/selectionManager.js +0 -77
  16. package/lib/hooks/selectionManager.js.map +0 -1
  17. package/lib-commonjs/hooks/selectionManager.js +0 -86
  18. package/lib-commonjs/hooks/selectionManager.js.map +0 -1
package/CHANGELOG.json CHANGED
@@ -2,7 +2,141 @@
2
2
  "name": "@fluentui/react-table",
3
3
  "entries": [
4
4
  {
5
- "date": "Tue, 27 Jun 2023 11:19:44 GMT",
5
+ "date": "Mon, 03 Jul 2023 11:54:01 GMT",
6
+ "tag": "@fluentui/react-table_v9.4.4",
7
+ "version": "9.4.4",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "beachball",
12
+ "package": "@fluentui/react-table",
13
+ "comment": "Bump @fluentui/react-aria to v9.3.26",
14
+ "commit": "e7a838bfd1ce4b077d265295fcbef8dc2177e724"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui/react-table",
19
+ "comment": "Bump @fluentui/react-avatar to v9.5.10",
20
+ "commit": "e7a838bfd1ce4b077d265295fcbef8dc2177e724"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-table",
25
+ "comment": "Bump @fluentui/react-checkbox to v9.1.22",
26
+ "commit": "e7a838bfd1ce4b077d265295fcbef8dc2177e724"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-table",
31
+ "comment": "Bump @fluentui/react-context-selector to v9.1.26",
32
+ "commit": "e7a838bfd1ce4b077d265295fcbef8dc2177e724"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui/react-table",
37
+ "comment": "Bump @fluentui/react-radio to v9.1.22",
38
+ "commit": "e7a838bfd1ce4b077d265295fcbef8dc2177e724"
39
+ },
40
+ {
41
+ "author": "beachball",
42
+ "package": "@fluentui/react-table",
43
+ "comment": "Bump @fluentui/react-shared-contexts to v9.6.0",
44
+ "commit": "e7a838bfd1ce4b077d265295fcbef8dc2177e724"
45
+ },
46
+ {
47
+ "author": "beachball",
48
+ "package": "@fluentui/react-table",
49
+ "comment": "Bump @fluentui/react-tabster to v9.9.2",
50
+ "commit": "e7a838bfd1ce4b077d265295fcbef8dc2177e724"
51
+ },
52
+ {
53
+ "author": "beachball",
54
+ "package": "@fluentui/react-table",
55
+ "comment": "Bump @fluentui/react-utilities to v9.10.1",
56
+ "commit": "e7a838bfd1ce4b077d265295fcbef8dc2177e724"
57
+ },
58
+ {
59
+ "author": "beachball",
60
+ "package": "@fluentui/react-table",
61
+ "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.10",
62
+ "commit": "e7a838bfd1ce4b077d265295fcbef8dc2177e724"
63
+ }
64
+ ]
65
+ }
66
+ },
67
+ {
68
+ "date": "Wed, 28 Jun 2023 11:12:32 GMT",
69
+ "tag": "@fluentui/react-table_v9.4.3",
70
+ "version": "9.4.3",
71
+ "comments": {
72
+ "patch": [
73
+ {
74
+ "author": "bernardo.sunderhus@gmail.com",
75
+ "package": "@fluentui/react-table",
76
+ "commit": "f154811cb3580595c319de809ea51a798dfd4555",
77
+ "comment": "uses useSelection from react-utilities instead of local implementation"
78
+ },
79
+ {
80
+ "author": "beachball",
81
+ "package": "@fluentui/react-table",
82
+ "comment": "Bump @fluentui/react-aria to v9.3.25",
83
+ "commit": "08de131d5f3346e001dcd8d2f0f3809c698f16d7"
84
+ },
85
+ {
86
+ "author": "beachball",
87
+ "package": "@fluentui/react-table",
88
+ "comment": "Bump @fluentui/react-avatar to v9.5.9",
89
+ "commit": "08de131d5f3346e001dcd8d2f0f3809c698f16d7"
90
+ },
91
+ {
92
+ "author": "beachball",
93
+ "package": "@fluentui/react-table",
94
+ "comment": "Bump @fluentui/react-checkbox to v9.1.21",
95
+ "commit": "08de131d5f3346e001dcd8d2f0f3809c698f16d7"
96
+ },
97
+ {
98
+ "author": "beachball",
99
+ "package": "@fluentui/react-table",
100
+ "comment": "Bump @fluentui/react-context-selector to v9.1.25",
101
+ "commit": "08de131d5f3346e001dcd8d2f0f3809c698f16d7"
102
+ },
103
+ {
104
+ "author": "beachball",
105
+ "package": "@fluentui/react-table",
106
+ "comment": "Bump @fluentui/react-radio to v9.1.21",
107
+ "commit": "08de131d5f3346e001dcd8d2f0f3809c698f16d7"
108
+ },
109
+ {
110
+ "author": "beachball",
111
+ "package": "@fluentui/react-table",
112
+ "comment": "Bump @fluentui/react-tabster to v9.9.1",
113
+ "commit": "08de131d5f3346e001dcd8d2f0f3809c698f16d7"
114
+ },
115
+ {
116
+ "author": "beachball",
117
+ "package": "@fluentui/react-table",
118
+ "comment": "Bump @fluentui/react-utilities to v9.10.0",
119
+ "commit": "08de131d5f3346e001dcd8d2f0f3809c698f16d7"
120
+ },
121
+ {
122
+ "author": "beachball",
123
+ "package": "@fluentui/react-table",
124
+ "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.9",
125
+ "commit": "08de131d5f3346e001dcd8d2f0f3809c698f16d7"
126
+ }
127
+ ],
128
+ "none": [
129
+ {
130
+ "author": "martinhochel@microsoft.com",
131
+ "package": "@fluentui/react-table",
132
+ "commit": "fbe878e9c9785588197481f172c42c2c0a230292",
133
+ "comment": "fix: update .npmignore to unify v8 packages and exclude project.json"
134
+ }
135
+ ]
136
+ }
137
+ },
138
+ {
139
+ "date": "Tue, 27 Jun 2023 11:21:23 GMT",
6
140
  "tag": "@fluentui/react-table_v9.4.2",
7
141
  "version": "9.4.2",
8
142
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,46 @@
1
1
  # Change Log - @fluentui/react-table
2
2
 
3
- This log was last generated on Tue, 27 Jun 2023 11:19:44 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 03 Jul 2023 11:54:01 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.4.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.4.4)
8
+
9
+ Mon, 03 Jul 2023 11:54:01 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-table_v9.4.3..@fluentui/react-table_v9.4.4)
11
+
12
+ ### Patches
13
+
14
+ - Bump @fluentui/react-aria to v9.3.26 ([PR #28399](https://github.com/microsoft/fluentui/pull/28399) by beachball)
15
+ - Bump @fluentui/react-avatar to v9.5.10 ([PR #28399](https://github.com/microsoft/fluentui/pull/28399) by beachball)
16
+ - Bump @fluentui/react-checkbox to v9.1.22 ([PR #28399](https://github.com/microsoft/fluentui/pull/28399) by beachball)
17
+ - Bump @fluentui/react-context-selector to v9.1.26 ([PR #28399](https://github.com/microsoft/fluentui/pull/28399) by beachball)
18
+ - Bump @fluentui/react-radio to v9.1.22 ([PR #28399](https://github.com/microsoft/fluentui/pull/28399) by beachball)
19
+ - Bump @fluentui/react-shared-contexts to v9.6.0 ([PR #28399](https://github.com/microsoft/fluentui/pull/28399) by beachball)
20
+ - Bump @fluentui/react-tabster to v9.9.2 ([PR #28399](https://github.com/microsoft/fluentui/pull/28399) by beachball)
21
+ - Bump @fluentui/react-utilities to v9.10.1 ([PR #28399](https://github.com/microsoft/fluentui/pull/28399) by beachball)
22
+ - Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.10 ([PR #28399](https://github.com/microsoft/fluentui/pull/28399) by beachball)
23
+
24
+ ## [9.4.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.4.3)
25
+
26
+ Wed, 28 Jun 2023 11:12:32 GMT
27
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-table_v9.4.2..@fluentui/react-table_v9.4.3)
28
+
29
+ ### Patches
30
+
31
+ - uses useSelection from react-utilities instead of local implementation ([PR #28335](https://github.com/microsoft/fluentui/pull/28335) by bernardo.sunderhus@gmail.com)
32
+ - Bump @fluentui/react-aria to v9.3.25 ([PR #28320](https://github.com/microsoft/fluentui/pull/28320) by beachball)
33
+ - Bump @fluentui/react-avatar to v9.5.9 ([PR #28320](https://github.com/microsoft/fluentui/pull/28320) by beachball)
34
+ - Bump @fluentui/react-checkbox to v9.1.21 ([PR #28320](https://github.com/microsoft/fluentui/pull/28320) by beachball)
35
+ - Bump @fluentui/react-context-selector to v9.1.25 ([PR #28320](https://github.com/microsoft/fluentui/pull/28320) by beachball)
36
+ - Bump @fluentui/react-radio to v9.1.21 ([PR #28320](https://github.com/microsoft/fluentui/pull/28320) by beachball)
37
+ - Bump @fluentui/react-tabster to v9.9.1 ([PR #28320](https://github.com/microsoft/fluentui/pull/28320) by beachball)
38
+ - Bump @fluentui/react-utilities to v9.10.0 ([PR #28320](https://github.com/microsoft/fluentui/pull/28320) by beachball)
39
+ - Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.9 ([PR #28320](https://github.com/microsoft/fluentui/pull/28320) by beachball)
40
+
7
41
  ## [9.4.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.4.2)
8
42
 
9
- Tue, 27 Jun 2023 11:19:44 GMT
43
+ Tue, 27 Jun 2023 11:21:23 GMT
10
44
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-table_v9.4.1..@fluentui/react-table_v9.4.2)
11
45
 
12
46
  ### Patches
package/dist/index.d.ts CHANGED
@@ -10,6 +10,8 @@ import type { ForwardRefComponent } from '@fluentui/react-utilities';
10
10
  import type { Radio } from '@fluentui/react-radio';
11
11
  import * as React_2 from 'react';
12
12
  import { ReactNode } from 'react';
13
+ import { SelectionHookParams } from '@fluentui/react-utilities';
14
+ import { SelectionMode as SelectionMode_2 } from '@fluentui/react-utilities';
13
15
  import type { Slot } from '@fluentui/react-utilities';
14
16
  import type { SlotClassNames } from '@fluentui/react-utilities';
15
17
 
@@ -176,7 +178,7 @@ export declare type DataGridHeaderState = TableHeaderState;
176
178
  /**
177
179
  * DataGrid Props
178
180
  */
179
- export declare type DataGridProps = TableProps & Pick<DataGridContextValue, 'items' | 'columns' | 'getRowId'> & Pick<Partial<DataGridContextValue>, 'focusMode' | 'subtleSelection' | 'selectionAppearance' | 'resizableColumns'> & Pick<UseTableSortOptions, 'sortState' | 'defaultSortState'> & Pick<UseTableSelectionOptions, 'defaultSelectedItems' | 'selectedItems'> & {
181
+ export declare type DataGridProps = TableProps & Pick<DataGridContextValue, 'items' | 'columns' | 'getRowId'> & Pick<Partial<DataGridContextValue>, 'focusMode' | 'subtleSelection' | 'selectionAppearance' | 'resizableColumns'> & Pick<UseTableSortOptions, 'sortState' | 'defaultSortState'> & Pick<SelectionHookParams, 'defaultSelectedItems' | 'selectedItems'> & {
180
182
  onSortChange?: (e: React_2.MouseEvent, sortState: SortState) => void;
181
183
  onSelectionChange?: (e: React_2.MouseEvent | React_2.KeyboardEvent, data: OnSelectionChangeData) => void;
182
184
  /**
@@ -357,8 +359,6 @@ declare type RowEnhancer<TItem, TRowState extends TableRowData<TItem> = TableRow
357
359
 
358
360
  export declare type RowRenderFunction<TItem = unknown> = (row: TableRowData<TItem>, ...rest: unknown[]) => React_2.ReactNode;
359
361
 
360
- declare type SelectionMode_2 = 'single' | 'multiselect';
361
-
362
362
  export declare type SortDirection = 'ascending' | 'descending';
363
363
 
364
364
  declare interface SortState {
@@ -1117,7 +1117,7 @@ export declare const useTableRowIdContext: () => TableRowId;
1117
1117
  */
1118
1118
  export declare const useTableRowStyles_unstable: (state: TableRowState) => TableRowState;
1119
1119
 
1120
- export declare function useTableSelection<TItem>(options: UseTableSelectionOptions): (tableState: TableFeaturesState<TItem>) => TableFeaturesState<TItem>;
1120
+ export declare function useTableSelection<TItem>(options: SelectionHookParams): (tableState: TableFeaturesState<TItem>) => TableFeaturesState<TItem>;
1121
1121
 
1122
1122
  /**
1123
1123
  * Create the state required to render TableSelectionCell.
@@ -1135,25 +1135,6 @@ export declare const useTableSelectionCell_unstable: (props: TableSelectionCellP
1135
1135
  */
1136
1136
  export declare const useTableSelectionCellStyles_unstable: (state: TableSelectionCellState) => TableSelectionCellState;
1137
1137
 
1138
- export declare interface UseTableSelectionOptions {
1139
- /**
1140
- * Can be multi or single select
1141
- */
1142
- selectionMode: SelectionMode_2;
1143
- /**
1144
- * Used in uncontrolled mode to set initial selected rows on mount
1145
- */
1146
- defaultSelectedItems?: Iterable<TableRowId>;
1147
- /**
1148
- * Used to control row selection
1149
- */
1150
- selectedItems?: Iterable<TableRowId>;
1151
- /**
1152
- * Called when selection changes
1153
- */
1154
- onSelectionChange?(e: React_2.SyntheticEvent, data: OnSelectionChangeData): void;
1155
- }
1156
-
1157
1138
  export declare function useTableSort<TItem>(options: UseTableSortOptions): (tableState: TableFeaturesState<TItem>) => TableFeaturesState<TItem>;
1158
1139
 
1159
1140
  declare interface UseTableSortOptions {
package/lib/components/DataGrid/DataGrid.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["DataGrid.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TableContextValues, TableProps, TableSlots, TableState } from '../Table/Table.types';\nimport type {\n SortState,\n TableFeaturesState,\n UseTableSortOptions,\n SelectionMode,\n UseTableSelectionOptions,\n OnSelectionChangeData,\n TableColumnSizingOptions,\n TableColumnId,\n} from '../../hooks';\nimport { TableRowProps } from '../TableRow/TableRow.types';\n\nexport type DataGridSlots = TableSlots;\n\nexport type DataGridFocusMode = 'none' | 'cell' | 'row_unstable';\n\nexport type DataGridContextValues = TableContextValues & {\n dataGrid: DataGridContextValue;\n};\n\n// Use any here since we can't know the user types\n// The user is responsible for narrowing the type downstream\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type DataGridContextValue = TableFeaturesState<any> & {\n /**\n * How focus navigation will work in the datagrid\n * @default cell\n */\n focusMode: DataGridFocusMode;\n\n /**\n * Lets child components know if rows selection is enabled\n * @see selectionMode prop enables row selection on the component\n */\n selectableRows: boolean;\n\n /**\n * Enables subtle selection style\n * @default false\n */\n subtleSelection: boolean;\n\n /**\n * Row appearance when selected\n * @default brand\n */\n selectionAppearance: TableRowProps['appearance'];\n\n /**\n * Enables column resizing\n */\n resizableColumns?: boolean;\n};\n\n/**\n * DataGrid Props\n */\nexport type DataGridProps = TableProps &\n Pick<DataGridContextValue, 'items' | 'columns' | 'getRowId'> &\n Pick<Partial<DataGridContextValue>, 'focusMode' | 'subtleSelection' | 'selectionAppearance' | 'resizableColumns'> &\n Pick<UseTableSortOptions, 'sortState' | 'defaultSortState'> &\n Pick<UseTableSelectionOptions, 'defaultSelectedItems' | 'selectedItems'> & {\n onSortChange?: (e: React.MouseEvent, sortState: SortState) => void;\n onSelectionChange?: (e: React.MouseEvent | React.KeyboardEvent, data: OnSelectionChangeData) => void;\n /**\n * Enables row selection and sets the selection mode\n * @default false\n */\n selectionMode?: SelectionMode;\n /**\n * Options for column resizing\n */\n columnSizingOptions?: TableColumnSizingOptions;\n /**\n * A callback triggered when a column is resized.\n */\n onColumnResize?: (\n e: KeyboardEvent | TouchEvent | MouseEvent | undefined,\n data: { columnId: TableColumnId; width: number },\n ) => void;\n /**\n * For column resizing. Allows for a container size to be adjusted by a number of pixels, to make\n * sure the columns don't overflow the table.\n * By default, this value is calculated internally based on other props, but can be overriden.\n */\n containerWidthOffset?: number;\n };\n\n/**\n * State used in rendering DataGrid\n */\nexport type DataGridState = TableState & { tableState: TableFeaturesState<unknown> } & Pick<\n DataGridContextValue,\n 'focusMode' | 'selectableRows' | 'subtleSelection' | 'selectionAppearance' | 'getRowId' | 'resizableColumns'\n >;\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}
1
+ {"version":3,"sources":["DataGrid.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TableContextValues, TableProps, TableSlots, TableState } from '../Table/Table.types';\nimport type {\n SortState,\n TableFeaturesState,\n UseTableSortOptions,\n OnSelectionChangeData,\n TableColumnSizingOptions,\n TableColumnId,\n} from '../../hooks';\nimport { TableRowProps } from '../TableRow/TableRow.types';\nimport { SelectionHookParams, SelectionMode } from '@fluentui/react-utilities';\n\nexport type DataGridSlots = TableSlots;\n\nexport type DataGridFocusMode = 'none' | 'cell' | 'row_unstable';\n\nexport type DataGridContextValues = TableContextValues & {\n dataGrid: DataGridContextValue;\n};\n\n// Use any here since we can't know the user types\n// The user is responsible for narrowing the type downstream\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type DataGridContextValue = TableFeaturesState<any> & {\n /**\n * How focus navigation will work in the datagrid\n * @default cell\n */\n focusMode: DataGridFocusMode;\n\n /**\n * Lets child components know if rows selection is enabled\n * @see selectionMode prop enables row selection on the component\n */\n selectableRows: boolean;\n\n /**\n * Enables subtle selection style\n * @default false\n */\n subtleSelection: boolean;\n\n /**\n * Row appearance when selected\n * @default brand\n */\n selectionAppearance: TableRowProps['appearance'];\n\n /**\n * Enables column resizing\n */\n resizableColumns?: boolean;\n};\n\n/**\n * DataGrid Props\n */\nexport type DataGridProps = TableProps &\n Pick<DataGridContextValue, 'items' | 'columns' | 'getRowId'> &\n Pick<Partial<DataGridContextValue>, 'focusMode' | 'subtleSelection' | 'selectionAppearance' | 'resizableColumns'> &\n Pick<UseTableSortOptions, 'sortState' | 'defaultSortState'> &\n Pick<SelectionHookParams, 'defaultSelectedItems' | 'selectedItems'> & {\n onSortChange?: (e: React.MouseEvent, sortState: SortState) => void;\n onSelectionChange?: (e: React.MouseEvent | React.KeyboardEvent, data: OnSelectionChangeData) => void;\n /**\n * Enables row selection and sets the selection mode\n * @default false\n */\n selectionMode?: SelectionMode;\n /**\n * Options for column resizing\n */\n columnSizingOptions?: TableColumnSizingOptions;\n /**\n * A callback triggered when a column is resized.\n */\n onColumnResize?: (\n e: KeyboardEvent | TouchEvent | MouseEvent | undefined,\n data: { columnId: TableColumnId; width: number },\n ) => void;\n /**\n * For column resizing. Allows for a container size to be adjusted by a number of pixels, to make\n * sure the columns don't overflow the table.\n * By default, this value is calculated internally based on other props, but can be overriden.\n */\n containerWidthOffset?: number;\n };\n\n/**\n * State used in rendering DataGrid\n */\nexport type DataGridState = TableState & { tableState: TableFeaturesState<unknown> } & Pick<\n DataGridContextValue,\n 'focusMode' | 'selectableRows' | 'subtleSelection' | 'selectionAppearance' | 'getRowId' | 'resizableColumns'\n >;\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}
package/lib/components/TableRow/useTableRowStyles.styles.js CHANGED
@@ -130,11 +130,11 @@ const useStyles = /*#__PURE__*/__styles({
130
130
  m: "(forced-colors: active)"
131
131
  }], ["@media (forced-colors: active){.f1yat0gj{border-bottom-width:2px;}}", {
132
132
  m: "(forced-colors: active)"
133
- }], ["@media (forced-colors: active){.fw2muls{border-left-width:2px;}.f9dpb3h{border-right-width:2px;}}", {
133
+ }], ["@media (forced-colors: active){.f9dpb3h{border-right-width:2px;}.fw2muls{border-left-width:2px;}}", {
134
134
  m: "(forced-colors: active)"
135
135
  }], ["@media (forced-colors: active){.f7nae3y{border-top-style:solid;}}", {
136
136
  m: "(forced-colors: active)"
137
- }], ["@media (forced-colors: active){.fkbere7{border-right-style:solid;}.fa97sf3{border-left-style:solid;}}", {
137
+ }], ["@media (forced-colors: active){.fa97sf3{border-left-style:solid;}.fkbere7{border-right-style:solid;}}", {
138
138
  m: "(forced-colors: active)"
139
139
  }], ["@media (forced-colors: active){.fmtyzcc{border-bottom-style:solid;}}", {
140
140
  m: "(forced-colors: active)"
@@ -146,13 +146,13 @@ const useStyles = /*#__PURE__*/__styles({
146
146
  m: "(forced-colors: active)"
147
147
  }], ["@media (forced-colors: active){.f9dii88{border-bottom-color:transparent;}}", {
148
148
  m: "(forced-colors: active)"
149
- }], ["@media (forced-colors: active){.fz08sq8{border-left-color:transparent;}.fyowp6c{border-right-color:transparent;}}", {
149
+ }], ["@media (forced-colors: active){.fyowp6c{border-right-color:transparent;}.fz08sq8{border-left-color:transparent;}}", {
150
150
  m: "(forced-colors: active)"
151
151
  }], ["@media (forced-colors: active){.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}}", {
152
152
  m: "(forced-colors: active)"
153
- }], ["@media (forced-colors: active){.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}}", {
153
+ }], ["@media (forced-colors: active){.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}}", {
154
154
  m: "(forced-colors: active)"
155
- }], ["@media (forced-colors: active){.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}}", {
155
+ }], ["@media (forced-colors: active){.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}}", {
156
156
  m: "(forced-colors: active)"
157
157
  }], ["@media (forced-colors: active){.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}}", {
158
158
  m: "(forced-colors: active)"
@@ -166,11 +166,11 @@ const useStyles = /*#__PURE__*/__styles({
166
166
  m: "(forced-colors: active)"
167
167
  }], ["@media (forced-colors: active){.f1yat0gj{border-bottom-width:2px;}}", {
168
168
  m: "(forced-colors: active)"
169
- }], ["@media (forced-colors: active){.fw2muls{border-left-width:2px;}.f9dpb3h{border-right-width:2px;}}", {
169
+ }], ["@media (forced-colors: active){.f9dpb3h{border-right-width:2px;}.fw2muls{border-left-width:2px;}}", {
170
170
  m: "(forced-colors: active)"
171
171
  }], ["@media (forced-colors: active){.f7nae3y{border-top-style:solid;}}", {
172
172
  m: "(forced-colors: active)"
173
- }], ["@media (forced-colors: active){.fkbere7{border-right-style:solid;}.fa97sf3{border-left-style:solid;}}", {
173
+ }], ["@media (forced-colors: active){.fa97sf3{border-left-style:solid;}.fkbere7{border-right-style:solid;}}", {
174
174
  m: "(forced-colors: active)"
175
175
  }], ["@media (forced-colors: active){.fmtyzcc{border-bottom-style:solid;}}", {
176
176
  m: "(forced-colors: active)"
@@ -182,13 +182,13 @@ const useStyles = /*#__PURE__*/__styles({
182
182
  m: "(forced-colors: active)"
183
183
  }], ["@media (forced-colors: active){.f9dii88{border-bottom-color:transparent;}}", {
184
184
  m: "(forced-colors: active)"
185
- }], ["@media (forced-colors: active){.fz08sq8{border-left-color:transparent;}.fyowp6c{border-right-color:transparent;}}", {
185
+ }], ["@media (forced-colors: active){.fyowp6c{border-right-color:transparent;}.fz08sq8{border-left-color:transparent;}}", {
186
186
  m: "(forced-colors: active)"
187
187
  }], ["@media (forced-colors: active){.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}}", {
188
188
  m: "(forced-colors: active)"
189
- }], ["@media (forced-colors: active){.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}}", {
189
+ }], ["@media (forced-colors: active){.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}}", {
190
190
  m: "(forced-colors: active)"
191
- }], ["@media (forced-colors: active){.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}}", {
191
+ }], ["@media (forced-colors: active){.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}}", {
192
192
  m: "(forced-colors: active)"
193
193
  }], ["@media (forced-colors: active){.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}}", {
194
194
  m: "(forced-colors: active)"
package/lib/hooks/types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["types.ts"],"sourcesContent":["import * as React from 'react';\nimport { SortDirection } from '../components/Table/Table.types';\nimport { TableHeaderCellProps } from '../components/TableHeaderCell/TableHeaderCell.types';\n\nexport type TableRowId = string | number;\nexport type TableColumnId = string | number;\nexport type SelectionMode = 'single' | 'multiselect';\n\nexport interface SortState {\n sortColumn: TableColumnId | undefined;\n sortDirection: SortDirection;\n}\n\nexport interface OnSelectionChangeData {\n selectedItems: Set<TableRowId>;\n}\n\nexport interface CreateTableColumnOptions<TItem> extends Partial<TableColumnDefinition<TItem>> {\n columnId: TableColumnId;\n}\n\nexport interface TableColumnDefinition<TItem> {\n columnId: TableColumnId;\n compare: (a: TItem, b: TItem) => number;\n renderHeaderCell: () => React.ReactNode;\n renderCell: (item: TItem) => React.ReactNode;\n}\n\nexport type RowEnhancer<TItem, TRowState extends TableRowData<TItem> = TableRowData<TItem>> = (\n row: TableRowData<TItem>,\n) => TRowState;\n\nexport interface TableSortState<TItem> {\n /**\n * Current sort direction\n */\n sortDirection: SortDirection;\n /**\n * Column id of the currently sorted column\n */\n sortColumn: TableColumnId | undefined;\n /**\n * Set the sort direction for the specified column\n */\n setColumnSort: (event: React.SyntheticEvent, columnId: TableColumnId, sortDirection: SortDirection) => void;\n /**\n * Toggles the sort direction for specified column\n */\n toggleColumnSort: (event: React.SyntheticEvent, columnId: TableColumnId) => void;\n /**\n * Returns the sort direction if a column is sorted,\n * returns undefined if the column is not sorted\n */\n getSortDirection: (columnId: TableColumnId) => SortDirection | undefined;\n\n /**\n * Sorts rows and returns a **shallow** copy of original items\n */\n sort: <TRowState extends TableRowData<TItem>>(rows: TRowState[]) => TRowState[];\n}\n\nexport interface TableSelectionState {\n /**\n * Clears all selected rows\n */\n clearRows: (e: React.SyntheticEvent) => void;\n /**\n * Selects single row\n */\n selectRow: (e: React.SyntheticEvent, rowId: TableRowId) => void;\n /**\n * De-selects single row\n */\n deselectRow: (e: React.SyntheticEvent, rowId: TableRowId) => void;\n /**\n * Toggle selection of all rows\n */\n toggleAllRows: (e: React.SyntheticEvent) => void;\n /**\n * Toggle selection of single row\n */\n toggleRow: (e: React.SyntheticEvent, rowId: TableRowId) => void;\n /**\n * Collection of row ids corresponding to selected rows\n */\n selectedRows: Set<TableRowId>;\n /**\n * Whether all rows are selected\n */\n allRowsSelected: boolean;\n /**\n * Whether some rows are selected\n */\n someRowsSelected: boolean;\n\n /**\n * Checks if a given rowId is selected\n */\n isRowSelected: (rowId: TableRowId) => boolean;\n\n selectionMode: SelectionMode;\n}\n\nexport interface TableRowData<TItem> {\n /**\n * User provided data\n */\n item: TItem;\n /**\n * The row id, defaults to index position in the collection\n */\n rowId: TableRowId;\n}\n\nexport interface TableFeaturesState<TItem> extends Pick<UseTableFeaturesOptions<TItem>, 'items' | 'getRowId'> {\n /**\n * The row data for rendering\n * @param rowEnhancer - Enhances the row with extra user data\n */\n getRows: <TRowState extends TableRowData<TItem> = TableRowData<TItem>>(\n rowEnhancer?: RowEnhancer<TItem, TRowState>,\n ) => TRowState[];\n /**\n * State and actions to manage row selection\n */\n selection: TableSelectionState;\n /**\n * State and actions to manage row sorting\n */\n sort: TableSortState<TItem>;\n /**\n * Table columns\n */\n columns: TableColumnDefinition<TItem>[];\n /**\n * State and actions to manage column resizing\n */\n // eslint-disable-next-line @typescript-eslint/naming-convention\n columnSizing_unstable: TableColumnSizingState;\n /**\n * A React.Ref object to be set as a ref for the table.\n * Used with column resizing.\n */\n tableRef: React.Ref<HTMLDivElement>;\n}\n\nexport interface UseTableSortOptions {\n /**\n * Used to control sorting\n */\n sortState?: SortState;\n /**\n * Used in uncontrolled mode to set initial sort column and direction on mount\n */\n defaultSortState?: SortState;\n /**\n * Called when sort changes\n */\n onSortChange?(e: React.SyntheticEvent, state: SortState): void;\n}\n\nexport interface UseTableSelectionOptions {\n /**\n * Can be multi or single select\n */\n selectionMode: SelectionMode;\n /**\n * Used in uncontrolled mode to set initial selected rows on mount\n */\n defaultSelectedItems?: Iterable<TableRowId>;\n /**\n * Used to control row selection\n */\n selectedItems?: Iterable<TableRowId>;\n /**\n * Called when selection changes\n */\n onSelectionChange?(e: React.SyntheticEvent, data: OnSelectionChangeData): void;\n}\n\nexport interface UseTableFeaturesOptions<TItem> {\n columns: TableColumnDefinition<TItem>[];\n items: TItem[];\n getRowId?: (item: TItem) => TableRowId;\n}\n\nexport type TableFeaturePlugin = <TItem>(tableState: TableFeaturesState<TItem>) => TableFeaturesState<TItem>;\n\nexport interface ColumnWidthState {\n columnId: TableColumnId;\n width: number;\n minWidth: number;\n idealWidth: number;\n padding: number;\n}\n\nexport type ColumnSizingTableHeaderCellProps = Pick<TableHeaderCellProps, 'style' | 'aside'>;\nexport type ColumnSizingTableCellProps = Pick<TableHeaderCellProps, 'style'>;\n\nexport type EnableKeyboardModeOnChangeCallback = (columnId: TableColumnId, isKeyboardMode: boolean) => void;\n\nexport interface TableColumnSizingState {\n getOnMouseDown: (columnId: TableColumnId) => (e: React.MouseEvent | React.TouchEvent) => void;\n setColumnWidth: (columnId: TableColumnId, newSize: number) => void;\n getColumnWidths: () => ColumnWidthState[];\n getTableHeaderCellProps: (columnId: TableColumnId) => ColumnSizingTableHeaderCellProps;\n getTableCellProps: (columnId: TableColumnId) => ColumnSizingTableCellProps;\n enableKeyboardMode: (\n columnId: TableColumnId,\n onChange?: EnableKeyboardModeOnChangeCallback,\n ) => (e: React.MouseEvent | React.TouchEvent) => void;\n}\n\nexport type ColumnResizeState = {\n getColumnWidth: (columnId: TableColumnId) => number;\n setColumnWidth: (\n e: KeyboardEvent | TouchEvent | MouseEvent | undefined,\n data: { columnId: TableColumnId; width: number },\n ) => void;\n getColumnById: (columnId: TableColumnId) => ColumnWidthState | undefined;\n getColumns: () => ColumnWidthState[];\n};\n\nexport type TableColumnSizingOptions = Record<\n TableColumnId,\n Partial<Pick<ColumnWidthState, 'minWidth' | 'idealWidth' | 'padding'>> & { defaultWidth?: number }\n>;\n\nexport type UseTableColumnSizingParams = {\n columnSizingOptions?: TableColumnSizingOptions;\n onColumnResize?: (\n e: KeyboardEvent | TouchEvent | MouseEvent | undefined,\n data: { columnId: TableColumnId; width: number },\n ) => void;\n containerWidthOffset?: number;\n};\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}
1
+ {"version":3,"sources":["types.ts"],"sourcesContent":["import * as React from 'react';\nimport { SortDirection } from '../components/Table/Table.types';\nimport { TableHeaderCellProps } from '../components/TableHeaderCell/TableHeaderCell.types';\nimport { SelectionMode } from '@fluentui/react-utilities';\n\nexport type TableRowId = string | number;\nexport type TableColumnId = string | number;\n\nexport interface SortState {\n sortColumn: TableColumnId | undefined;\n sortDirection: SortDirection;\n}\n\nexport interface OnSelectionChangeData {\n selectedItems: Set<TableRowId>;\n}\n\nexport interface CreateTableColumnOptions<TItem> extends Partial<TableColumnDefinition<TItem>> {\n columnId: TableColumnId;\n}\n\nexport interface TableColumnDefinition<TItem> {\n columnId: TableColumnId;\n compare: (a: TItem, b: TItem) => number;\n renderHeaderCell: () => React.ReactNode;\n renderCell: (item: TItem) => React.ReactNode;\n}\n\nexport type RowEnhancer<TItem, TRowState extends TableRowData<TItem> = TableRowData<TItem>> = (\n row: TableRowData<TItem>,\n) => TRowState;\n\nexport interface TableSortState<TItem> {\n /**\n * Current sort direction\n */\n sortDirection: SortDirection;\n /**\n * Column id of the currently sorted column\n */\n sortColumn: TableColumnId | undefined;\n /**\n * Set the sort direction for the specified column\n */\n setColumnSort: (event: React.SyntheticEvent, columnId: TableColumnId, sortDirection: SortDirection) => void;\n /**\n * Toggles the sort direction for specified column\n */\n toggleColumnSort: (event: React.SyntheticEvent, columnId: TableColumnId) => void;\n /**\n * Returns the sort direction if a column is sorted,\n * returns undefined if the column is not sorted\n */\n getSortDirection: (columnId: TableColumnId) => SortDirection | undefined;\n\n /**\n * Sorts rows and returns a **shallow** copy of original items\n */\n sort: <TRowState extends TableRowData<TItem>>(rows: TRowState[]) => TRowState[];\n}\n\nexport interface TableSelectionState {\n /**\n * Clears all selected rows\n */\n clearRows: (e: React.SyntheticEvent) => void;\n /**\n * Selects single row\n */\n selectRow: (e: React.SyntheticEvent, rowId: TableRowId) => void;\n /**\n * De-selects single row\n */\n deselectRow: (e: React.SyntheticEvent, rowId: TableRowId) => void;\n /**\n * Toggle selection of all rows\n */\n toggleAllRows: (e: React.SyntheticEvent) => void;\n /**\n * Toggle selection of single row\n */\n toggleRow: (e: React.SyntheticEvent, rowId: TableRowId) => void;\n /**\n * Collection of row ids corresponding to selected rows\n */\n selectedRows: Set<TableRowId>;\n /**\n * Whether all rows are selected\n */\n allRowsSelected: boolean;\n /**\n * Whether some rows are selected\n */\n someRowsSelected: boolean;\n\n /**\n * Checks if a given rowId is selected\n */\n isRowSelected: (rowId: TableRowId) => boolean;\n\n selectionMode: SelectionMode;\n}\n\nexport interface TableRowData<TItem> {\n /**\n * User provided data\n */\n item: TItem;\n /**\n * The row id, defaults to index position in the collection\n */\n rowId: TableRowId;\n}\n\nexport interface TableFeaturesState<TItem> extends Pick<UseTableFeaturesOptions<TItem>, 'items' | 'getRowId'> {\n /**\n * The row data for rendering\n * @param rowEnhancer - Enhances the row with extra user data\n */\n getRows: <TRowState extends TableRowData<TItem> = TableRowData<TItem>>(\n rowEnhancer?: RowEnhancer<TItem, TRowState>,\n ) => TRowState[];\n /**\n * State and actions to manage row selection\n */\n selection: TableSelectionState;\n /**\n * State and actions to manage row sorting\n */\n sort: TableSortState<TItem>;\n /**\n * Table columns\n */\n columns: TableColumnDefinition<TItem>[];\n /**\n * State and actions to manage column resizing\n */\n // eslint-disable-next-line @typescript-eslint/naming-convention\n columnSizing_unstable: TableColumnSizingState;\n /**\n * A React.Ref object to be set as a ref for the table.\n * Used with column resizing.\n */\n tableRef: React.Ref<HTMLDivElement>;\n}\n\nexport interface UseTableSortOptions {\n /**\n * Used to control sorting\n */\n sortState?: SortState;\n /**\n * Used in uncontrolled mode to set initial sort column and direction on mount\n */\n defaultSortState?: SortState;\n /**\n * Called when sort changes\n */\n onSortChange?(e: React.SyntheticEvent, state: SortState): void;\n}\n\nexport interface UseTableFeaturesOptions<TItem> {\n columns: TableColumnDefinition<TItem>[];\n items: TItem[];\n getRowId?: (item: TItem) => TableRowId;\n}\n\nexport type TableFeaturePlugin = <TItem>(tableState: TableFeaturesState<TItem>) => TableFeaturesState<TItem>;\n\nexport interface ColumnWidthState {\n columnId: TableColumnId;\n width: number;\n minWidth: number;\n idealWidth: number;\n padding: number;\n}\n\nexport type ColumnSizingTableHeaderCellProps = Pick<TableHeaderCellProps, 'style' | 'aside'>;\nexport type ColumnSizingTableCellProps = Pick<TableHeaderCellProps, 'style'>;\n\nexport type EnableKeyboardModeOnChangeCallback = (columnId: TableColumnId, isKeyboardMode: boolean) => void;\n\nexport interface TableColumnSizingState {\n getOnMouseDown: (columnId: TableColumnId) => (e: React.MouseEvent | React.TouchEvent) => void;\n setColumnWidth: (columnId: TableColumnId, newSize: number) => void;\n getColumnWidths: () => ColumnWidthState[];\n getTableHeaderCellProps: (columnId: TableColumnId) => ColumnSizingTableHeaderCellProps;\n getTableCellProps: (columnId: TableColumnId) => ColumnSizingTableCellProps;\n enableKeyboardMode: (\n columnId: TableColumnId,\n onChange?: EnableKeyboardModeOnChangeCallback,\n ) => (e: React.MouseEvent | React.TouchEvent) => void;\n}\n\nexport type ColumnResizeState = {\n getColumnWidth: (columnId: TableColumnId) => number;\n setColumnWidth: (\n e: KeyboardEvent | TouchEvent | MouseEvent | undefined,\n data: { columnId: TableColumnId; width: number },\n ) => void;\n getColumnById: (columnId: TableColumnId) => ColumnWidthState | undefined;\n getColumns: () => ColumnWidthState[];\n};\n\nexport type TableColumnSizingOptions = Record<\n TableColumnId,\n Partial<Pick<ColumnWidthState, 'minWidth' | 'idealWidth' | 'padding'>> & { defaultWidth?: number }\n>;\n\nexport type UseTableColumnSizingParams = {\n columnSizingOptions?: TableColumnSizingOptions;\n onColumnResize?: (\n e: KeyboardEvent | TouchEvent | MouseEvent | undefined,\n data: { columnId: TableColumnId; width: number },\n ) => void;\n containerWidthOffset?: number;\n};\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}
package/lib/hooks/useTableSelection.js CHANGED
@@ -1,6 +1,4 @@
1
- import * as React from 'react';
2
- import { useControllableState, useEventCallback } from '@fluentui/react-utilities';
3
- import { createSelectionManager } from './selectionManager';
1
+ import { useEventCallback, useSelection } from '@fluentui/react-utilities';
4
2
  const noop = ()=>undefined;
5
3
  export const defaultTableSelectionState = {
6
4
  allRowsSelected: false,
@@ -21,40 +19,24 @@ export function useTableSelection(options) {
21
19
  }
22
20
  export function useTableSelectionState(tableState, options) {
23
21
  const { items , getRowId } = tableState;
24
- const { selectionMode , defaultSelectedItems , selectedItems , onSelectionChange } = options;
25
- const [selected, setSelected] = useControllableState({
26
- initialState: new Set(),
27
- defaultState: React.useMemo(()=>defaultSelectedItems && createSetFromIterable(defaultSelectedItems), [
28
- defaultSelectedItems
29
- ]),
30
- state: React.useMemo(()=>selectedItems && createSetFromIterable(selectedItems), [
31
- selectedItems
32
- ])
33
- });
34
- const selectionManager = React.useMemo(()=>{
35
- return createSelectionManager(selectionMode, (e, newSelectedItems)=>{
36
- setSelected(()=>{
37
- onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(e, {
38
- selectedItems: newSelectedItems
39
- });
40
- return newSelectedItems;
41
- });
42
- });
43
- }, [
44
- onSelectionChange,
22
+ const { selectionMode: selectionMode , defaultSelectedItems , selectedItems , onSelectionChange } = options;
23
+ const [selected, selectionMethods] = useSelection({
45
24
  selectionMode,
46
- setSelected
47
- ]);
25
+ defaultSelectedItems,
26
+ selectedItems,
27
+ onSelectionChange
28
+ });
48
29
  const toggleAllRows = useEventCallback((e)=>{
49
30
  var _getRowId;
50
- selectionManager.toggleAllItems(e, items.map((item, i)=>{
31
+ selectionMethods.toggleAllItems(e, items.map((item, i)=>{
51
32
  return (_getRowId = getRowId === null || getRowId === void 0 ? void 0 : getRowId(item)) !== null && _getRowId !== void 0 ? _getRowId : i;
52
- }), selected);
33
+ }));
53
34
  });
54
- const toggleRow = useEventCallback((e, rowId)=>selectionManager.toggleItem(e, rowId, selected));
55
- const deselectRow = useEventCallback((e, rowId)=>selectionManager.deselectItem(e, rowId, selected));
56
- const selectRow = useEventCallback((e, rowId)=>selectionManager.selectItem(e, rowId, selected));
57
- const isRowSelected = (rowId)=>selectionManager.isSelected(rowId, selected);
35
+ const toggleRow = useEventCallback((e, rowId)=>selectionMethods.toggleItem(e, rowId));
36
+ const deselectRow = useEventCallback((e, rowId)=>selectionMethods.deselectItem(e, rowId));
37
+ const selectRow = useEventCallback((e, rowId)=>selectionMethods.selectItem(e, rowId));
38
+ const isRowSelected = (rowId)=>selectionMethods.isSelected(rowId);
39
+ const clearRows = useEventCallback((e)=>selectionMethods.clearItems(e));
58
40
  return {
59
41
  ...tableState,
60
42
  selection: {
@@ -64,15 +46,10 @@ export function useTableSelectionState(tableState, options) {
64
46
  selectedRows: selected,
65
47
  toggleRow,
66
48
  toggleAllRows,
67
- clearRows: selectionManager.clearItems,
49
+ clearRows,
68
50
  deselectRow,
69
51
  selectRow,
70
52
  isRowSelected
71
53
  }
72
54
  };
73
55
  }
74
- /**
75
- * Creates a set from a given iterable, in case the iterable is a set itself, returns the given set instead.
76
- */ function createSetFromIterable(iterable) {
77
- return iterable instanceof Set ? iterable : new Set(iterable);
78
- }
package/lib/hooks/useTableSelection.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useTableSelection.ts"],"sourcesContent":["import * as React from 'react';\nimport { useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { createSelectionManager } from './selectionManager';\nimport type { TableRowId, TableSelectionState, TableFeaturesState, UseTableSelectionOptions } from './types';\n\nconst noop = () => undefined;\n\nexport const defaultTableSelectionState: TableSelectionState = {\n allRowsSelected: false,\n clearRows: noop,\n deselectRow: noop,\n isRowSelected: () => false,\n selectRow: noop,\n selectedRows: new Set(),\n someRowsSelected: false,\n toggleAllRows: noop,\n toggleRow: noop,\n selectionMode: 'multiselect',\n};\n\nexport function useTableSelection<TItem>(options: UseTableSelectionOptions) {\n // False positive, these plugin hooks are intended to be run on every render\n // eslint-disable-next-line react-hooks/rules-of-hooks\n return (tableState: TableFeaturesState<TItem>) => useTableSelectionState(tableState, options);\n}\n\nexport function useTableSelectionState<TItem>(\n tableState: TableFeaturesState<TItem>,\n options: UseTableSelectionOptions,\n): TableFeaturesState<TItem> {\n const { items, getRowId } = tableState;\n const { selectionMode, defaultSelectedItems, selectedItems, onSelectionChange } = options;\n\n const [selected, setSelected] = useControllableState<Set<TableRowId>>({\n initialState: new Set(),\n defaultState: React.useMemo(\n () => defaultSelectedItems && createSetFromIterable(defaultSelectedItems),\n [defaultSelectedItems],\n ),\n state: React.useMemo(() => selectedItems && createSetFromIterable(selectedItems), [selectedItems]),\n });\n\n const selectionManager = React.useMemo(() => {\n return createSelectionManager(selectionMode, (e, newSelectedItems) => {\n setSelected(() => {\n onSelectionChange?.(e as React.SyntheticEvent, { selectedItems: newSelectedItems });\n return newSelectedItems;\n });\n });\n }, [onSelectionChange, selectionMode, setSelected]);\n\n const toggleAllRows: TableSelectionState['toggleAllRows'] = useEventCallback(e => {\n selectionManager.toggleAllItems(\n e,\n items.map((item, i) => getRowId?.(item) ?? i),\n selected,\n );\n });\n\n const toggleRow: TableSelectionState['toggleRow'] = useEventCallback((e, rowId: TableRowId) =>\n selectionManager.toggleItem(e, rowId, selected),\n );\n\n const deselectRow: TableSelectionState['deselectRow'] = useEventCallback((e, rowId: TableRowId) =>\n selectionManager.deselectItem(e, rowId, selected),\n );\n\n const selectRow: TableSelectionState['selectRow'] = useEventCallback((e, rowId: TableRowId) =>\n selectionManager.selectItem(e, rowId, selected),\n );\n\n const isRowSelected: TableSelectionState['isRowSelected'] = (rowId: TableRowId) =>\n selectionManager.isSelected(rowId, selected);\n\n return {\n ...tableState,\n selection: {\n selectionMode,\n someRowsSelected: selected.size > 0,\n allRowsSelected: selectionMode === 'single' ? selected.size > 0 : selected.size === items.length,\n selectedRows: selected,\n toggleRow,\n toggleAllRows,\n clearRows: selectionManager.clearItems,\n deselectRow,\n selectRow,\n isRowSelected,\n },\n };\n}\n\n/**\n * Creates a set from a given iterable, in case the iterable is a set itself, returns the given set instead.\n */\nfunction createSetFromIterable<V>(iterable: Iterable<V>): Set<V> {\n return iterable instanceof Set ? iterable : new Set(iterable);\n}\n"],"names":["React","useControllableState","useEventCallback","createSelectionManager","noop","undefined","defaultTableSelectionState","allRowsSelected","clearRows","deselectRow","isRowSelected","selectRow","selectedRows","Set","someRowsSelected","toggleAllRows","toggleRow","selectionMode","useTableSelection","options","tableState","useTableSelectionState","items","getRowId","defaultSelectedItems","selectedItems","onSelectionChange","selected","setSelected","initialState","defaultState","useMemo","createSetFromIterable","state","selectionManager","e","newSelectedItems","toggleAllItems","map","item","i","rowId","toggleItem","deselectItem","selectItem","isSelected","selection","size","length","clearItems","iterable"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,oBAAoB,EAAEC,gBAAgB,QAAQ,4BAA4B;AACnF,SAASC,sBAAsB,QAAQ,qBAAqB;AAG5D,MAAMC,OAAO,IAAMC;AAEnB,OAAO,MAAMC,6BAAkD;IAC7DC,iBAAiB,KAAK;IACtBC,WAAWJ;IACXK,aAAaL;IACbM,eAAe,IAAM,KAAK;IAC1BC,WAAWP;IACXQ,cAAc,IAAIC;IAClBC,kBAAkB,KAAK;IACvBC,eAAeX;IACfY,WAAWZ;IACXa,eAAe;AACjB,EAAE;AAEF,OAAO,SAASC,kBAAyBC,OAAiC,EAAE;IAC1E,4EAA4E;IAC5E,sDAAsD;IACtD,OAAO,CAACC,aAA0CC,uBAAuBD,YAAYD;AACvF,CAAC;AAED,OAAO,SAASE,uBACdD,UAAqC,EACrCD,OAAiC,EACN;IAC3B,MAAM,EAAEG,MAAK,EAAEC,SAAQ,EAAE,GAAGH;IAC5B,MAAM,EAAEH,cAAa,EAAEO,qBAAoB,EAAEC,cAAa,EAAEC,kBAAiB,EAAE,GAAGP;IAElF,MAAM,CAACQ,UAAUC,YAAY,GAAG3B,qBAAsC;QACpE4B,cAAc,IAAIhB;QAClBiB,cAAc9B,MAAM+B,OAAO,CACzB,IAAMP,wBAAwBQ,sBAAsBR,uBACpD;YAACA;SAAqB;QAExBS,OAAOjC,MAAM+B,OAAO,CAAC,IAAMN,iBAAiBO,sBAAsBP,gBAAgB;YAACA;SAAc;IACnG;IAEA,MAAMS,mBAAmBlC,MAAM+B,OAAO,CAAC,IAAM;QAC3C,OAAO5B,uBAAuBc,eAAe,CAACkB,GAAGC,mBAAqB;YACpER,YAAY,IAAM;gBAChBF,8BAAAA,+BAAAA,KAAAA,IAAAA,kBAAoBS,GAA2B;oBAAEV,eAAeW;gBAAiB;gBACjF,OAAOA;YACT;QACF;IACF,GAAG;QAACV;QAAmBT;QAAeW;KAAY;IAElD,MAAMb,gBAAsDb,iBAAiBiC,CAAAA,IAAK;YAGvDZ;QAFzBW,iBAAiBG,cAAc,CAC7BF,GACAb,MAAMgB,GAAG,CAAC,CAACC,MAAMC;YAAMjB,OAAAA,CAAAA,YAAAA,qBAAAA,sBAAAA,KAAAA,IAAAA,SAAWgB,mBAAXhB,uBAAAA,YAAoBiB,CAAC;YAC5Cb;IAEJ;IAEA,MAAMX,YAA8Cd,iBAAiB,CAACiC,GAAGM,QACvEP,iBAAiBQ,UAAU,CAACP,GAAGM,OAAOd;IAGxC,MAAMlB,cAAkDP,iBAAiB,CAACiC,GAAGM,QAC3EP,iBAAiBS,YAAY,CAACR,GAAGM,OAAOd;IAG1C,MAAMhB,YAA8CT,iBAAiB,CAACiC,GAAGM,QACvEP,iBAAiBU,UAAU,CAACT,GAAGM,OAAOd;IAGxC,MAAMjB,gBAAsD,CAAC+B,QAC3DP,iBAAiBW,UAAU,CAACJ,OAAOd;IAErC,OAAO;QACL,GAAGP,UAAU;QACb0B,WAAW;YACT7B;YACAH,kBAAkBa,SAASoB,IAAI,GAAG;YAClCxC,iBAAiBU,kBAAkB,WAAWU,SAASoB,IAAI,GAAG,IAAIpB,SAASoB,IAAI,KAAKzB,MAAM0B,MAAM;YAChGpC,cAAce;YACdX;YACAD;YACAP,WAAW0B,iBAAiBe,UAAU;YACtCxC;YACAE;YACAD;QACF;IACF;AACF,CAAC;AAED;;CAEC,GACD,SAASsB,sBAAyBkB,QAAqB,EAAU;IAC/D,OAAOA,oBAAoBrC,MAAMqC,WAAW,IAAIrC,IAAIqC,SAAS;AAC/D"}
1
+ {"version":3,"sources":["useTableSelection.ts"],"sourcesContent":["import { SelectionHookParams, useEventCallback, useSelection } from '@fluentui/react-utilities';\nimport type { TableRowId, TableSelectionState, TableFeaturesState } from './types';\n\nconst noop = () => undefined;\n\nexport const defaultTableSelectionState: TableSelectionState = {\n allRowsSelected: false,\n clearRows: noop,\n deselectRow: noop,\n isRowSelected: () => false,\n selectRow: noop,\n selectedRows: new Set(),\n someRowsSelected: false,\n toggleAllRows: noop,\n toggleRow: noop,\n selectionMode: 'multiselect',\n};\n\nexport function useTableSelection<TItem>(options: SelectionHookParams) {\n // False positive, these plugin hooks are intended to be run on every render\n // eslint-disable-next-line react-hooks/rules-of-hooks\n return (tableState: TableFeaturesState<TItem>) => useTableSelectionState(tableState, options);\n}\n\nexport function useTableSelectionState<TItem>(\n tableState: TableFeaturesState<TItem>,\n options: SelectionHookParams,\n): TableFeaturesState<TItem> {\n const { items, getRowId } = tableState;\n const { selectionMode: selectionMode, defaultSelectedItems, selectedItems, onSelectionChange } = options;\n\n const [selected, selectionMethods] = useSelection({\n selectionMode,\n defaultSelectedItems,\n selectedItems,\n onSelectionChange,\n });\n\n const toggleAllRows: TableSelectionState['toggleAllRows'] = useEventCallback(e => {\n selectionMethods.toggleAllItems(\n e,\n items.map((item, i) => getRowId?.(item) ?? i),\n );\n });\n\n const toggleRow: TableSelectionState['toggleRow'] = useEventCallback((e, rowId: TableRowId) =>\n selectionMethods.toggleItem(e, rowId),\n );\n\n const deselectRow: TableSelectionState['deselectRow'] = useEventCallback((e, rowId: TableRowId) =>\n selectionMethods.deselectItem(e, rowId),\n );\n\n const selectRow: TableSelectionState['selectRow'] = useEventCallback((e, rowId: TableRowId) =>\n selectionMethods.selectItem(e, rowId),\n );\n\n const isRowSelected: TableSelectionState['isRowSelected'] = (rowId: TableRowId) => selectionMethods.isSelected(rowId);\n\n const clearRows: TableSelectionState['clearRows'] = useEventCallback(e => selectionMethods.clearItems(e));\n\n return {\n ...tableState,\n selection: {\n selectionMode,\n someRowsSelected: selected.size > 0,\n allRowsSelected: selectionMode === 'single' ? selected.size > 0 : selected.size === items.length,\n selectedRows: selected,\n toggleRow,\n toggleAllRows,\n clearRows,\n deselectRow,\n selectRow,\n isRowSelected,\n },\n };\n}\n"],"names":["useEventCallback","useSelection","noop","undefined","defaultTableSelectionState","allRowsSelected","clearRows","deselectRow","isRowSelected","selectRow","selectedRows","Set","someRowsSelected","toggleAllRows","toggleRow","selectionMode","useTableSelection","options","tableState","useTableSelectionState","items","getRowId","defaultSelectedItems","selectedItems","onSelectionChange","selected","selectionMethods","e","toggleAllItems","map","item","i","rowId","toggleItem","deselectItem","selectItem","isSelected","clearItems","selection","size","length"],"mappings":"AAAA,SAA8BA,gBAAgB,EAAEC,YAAY,QAAQ,4BAA4B;AAGhG,MAAMC,OAAO,IAAMC;AAEnB,OAAO,MAAMC,6BAAkD;IAC7DC,iBAAiB,KAAK;IACtBC,WAAWJ;IACXK,aAAaL;IACbM,eAAe,IAAM,KAAK;IAC1BC,WAAWP;IACXQ,cAAc,IAAIC;IAClBC,kBAAkB,KAAK;IACvBC,eAAeX;IACfY,WAAWZ;IACXa,eAAe;AACjB,EAAE;AAEF,OAAO,SAASC,kBAAyBC,OAA4B,EAAE;IACrE,4EAA4E;IAC5E,sDAAsD;IACtD,OAAO,CAACC,aAA0CC,uBAAuBD,YAAYD;AACvF,CAAC;AAED,OAAO,SAASE,uBACdD,UAAqC,EACrCD,OAA4B,EACD;IAC3B,MAAM,EAAEG,MAAK,EAAEC,SAAQ,EAAE,GAAGH;IAC5B,MAAM,EAAEH,eAAeA,cAAa,EAAEO,qBAAoB,EAAEC,cAAa,EAAEC,kBAAiB,EAAE,GAAGP;IAEjG,MAAM,CAACQ,UAAUC,iBAAiB,GAAGzB,aAAa;QAChDc;QACAO;QACAC;QACAC;IACF;IAEA,MAAMX,gBAAsDb,iBAAiB2B,CAAAA,IAAK;YAGvDN;QAFzBK,iBAAiBE,cAAc,CAC7BD,GACAP,MAAMS,GAAG,CAAC,CAACC,MAAMC;YAAMV,OAAAA,CAAAA,YAAAA,qBAAAA,sBAAAA,KAAAA,IAAAA,SAAWS,mBAAXT,uBAAAA,YAAoBU,CAAC;;IAEhD;IAEA,MAAMjB,YAA8Cd,iBAAiB,CAAC2B,GAAGK,QACvEN,iBAAiBO,UAAU,CAACN,GAAGK;IAGjC,MAAMzB,cAAkDP,iBAAiB,CAAC2B,GAAGK,QAC3EN,iBAAiBQ,YAAY,CAACP,GAAGK;IAGnC,MAAMvB,YAA8CT,iBAAiB,CAAC2B,GAAGK,QACvEN,iBAAiBS,UAAU,CAACR,GAAGK;IAGjC,MAAMxB,gBAAsD,CAACwB,QAAsBN,iBAAiBU,UAAU,CAACJ;IAE/G,MAAM1B,YAA8CN,iBAAiB2B,CAAAA,IAAKD,iBAAiBW,UAAU,CAACV;IAEtG,OAAO;QACL,GAAGT,UAAU;QACboB,WAAW;YACTvB;YACAH,kBAAkBa,SAASc,IAAI,GAAG;YAClClC,iBAAiBU,kBAAkB,WAAWU,SAASc,IAAI,GAAG,IAAId,SAASc,IAAI,KAAKnB,MAAMoB,MAAM;YAChG9B,cAAce;YACdX;YACAD;YACAP;YACAC;YACAE;YACAD;QACF;IACF;AACF,CAAC"}
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"sourcesContent":["export {\n useTableFeatures,\n useTableSelection,\n useTableSort,\n createTableColumn,\n useTableColumnSizing_unstable,\n} from './hooks';\n\nexport type {\n CreateTableColumnOptions,\n UseTableFeaturesOptions,\n TableColumnDefinition,\n TableColumnId,\n TableFeaturesState,\n TableRowData,\n TableRowId,\n TableSelectionState,\n TableSortState,\n TableFeaturePlugin,\n TableColumnSizingOptions,\n UseTableSelectionOptions,\n} from './hooks';\n\nexport {\n TableCell,\n tableCellClassNames,\n tableCellClassName,\n useTableCellStyles_unstable,\n useTableCell_unstable,\n renderTableCell_unstable,\n} from './TableCell';\nexport type { TableCellProps, TableCellState, TableCellSlots } from './TableCell';\n\nexport {\n TableRow,\n tableRowClassNames,\n tableRowClassName,\n useTableRowStyles_unstable,\n useTableRow_unstable,\n renderTableRow_unstable,\n} from './TableRow';\nexport type { TableRowProps, TableRowState, TableRowSlots } from './TableRow';\n\nexport {\n TableBody,\n tableBodyClassName,\n tableBodyClassNames,\n useTableBodyStyles_unstable,\n useTableBody_unstable,\n renderTableBody_unstable,\n} from './TableBody';\nexport type { TableBodyProps, TableBodyState, TableBodySlots } from './TableBody';\n\nexport {\n Table,\n tableClassName,\n tableClassNames,\n useTableStyles_unstable,\n useTable_unstable,\n renderTable_unstable,\n} from './Table';\nexport type { TableProps, TableSlots, TableState, TableContextValue, TableContextValues, SortDirection } from './Table';\n\nexport {\n TableHeader,\n tableHeaderClassNames,\n tableHeaderClassName,\n useTableHeaderStyles_unstable,\n useTableHeader_unstable,\n renderTableHeader_unstable,\n} from './TableHeader';\nexport type { TableHeaderProps, TableHeaderSlots, TableHeaderState } from './TableHeader';\n\nexport {\n TableHeaderCell,\n tableHeaderCellClassName,\n tableHeaderCellClassNames,\n useTableHeaderCellStyles_unstable,\n useTableHeaderCell_unstable,\n renderTableHeaderCell_unstable,\n} from './TableHeaderCell';\nexport type { TableHeaderCellProps, TableHeaderCellSlots, TableHeaderCellState } from './TableHeaderCell';\n\nexport {\n TableResizeHandle,\n tableResizeHandleClassNames,\n useTableResizeHandleStyles_unstable,\n useTableResizeHandle_unstable,\n renderTableResizeHandle_unstable,\n} from './TableResizeHandle';\nexport type { TableResizeHandleProps, TableResizeHandleSlots, TableResizeHandleState } from './TableResizeHandle';\n\nexport { TableContextProvider, useTableContext } from './contexts/tableContext';\nexport { useTableRowIdContext, TableRowIdContextProvider } from './contexts/rowIdContext';\nexport {\n TableSelectionCell,\n useTableSelectionCellStyles_unstable,\n useTableSelectionCell_unstable,\n renderTableSelectionCell_unstable,\n tableSelectionCellClassNames,\n CELL_WIDTH as TABLE_SELECTION_CELL_WIDTH,\n} from './TableSelectionCell';\n\nexport type { TableSelectionCellProps, TableSelectionCellState, TableSelectionCellSlots } from './TableSelectionCell';\nexport {\n TableCellActions,\n tableCellActionsClassNames,\n useTableCellActionsStyles_unstable,\n useTableCellActions_unstable,\n renderTableCellActions_unstable,\n} from './TableCellActions';\n\nexport type { TableCellActionsProps, TableCellActionsSlots, TableCellActionsState } from './TableCellActions';\nexport {\n TableCellLayout,\n tableCellLayoutClassNames,\n useTableCellLayoutStyles_unstable,\n useTableCellLayout_unstable,\n renderTableCellLayout_unstable,\n} from './TableCellLayout';\nexport type { TableCellLayoutProps, TableCellLayoutSlots, TableCellLayoutState } from './TableCellLayout';\n\nexport {\n DataGridCell,\n dataGridCellClassNames,\n useDataGridCellStyles_unstable,\n useDataGridCell_unstable,\n renderDataGridCell_unstable,\n} from './DataGridCell';\nexport type { DataGridCellProps, DataGridCellState, DataGridCellSlots } from './DataGridCell';\n\nexport {\n DataGridRow,\n dataGridRowClassNames,\n useDataGridRowStyles_unstable,\n useDataGridRow_unstable,\n renderDataGridRow_unstable,\n} from './DataGridRow';\nexport type { DataGridRowProps, DataGridRowState, DataGridRowSlots, CellRenderFunction } from './DataGridRow';\n\nexport {\n DataGridBody,\n dataGridBodyClassNames,\n useDataGridBodyStyles_unstable,\n useDataGridBody_unstable,\n renderDataGridBody_unstable,\n} from './DataGridBody';\nexport type { DataGridBodyProps, DataGridBodyState, DataGridBodySlots, RowRenderFunction } from './DataGridBody';\n\nexport {\n DataGrid,\n dataGridClassNames,\n useDataGridStyles_unstable,\n useDataGrid_unstable,\n renderDataGrid_unstable,\n useDataGridContextValues_unstable,\n} from './DataGrid';\nexport type {\n DataGridProps,\n DataGridSlots,\n DataGridState,\n DataGridContextValues,\n DataGridContextValue,\n DataGridFocusMode,\n} from './DataGrid';\n\nexport {\n DataGridHeader,\n dataGridHeaderClassNames,\n useDataGridHeaderStyles_unstable,\n useDataGridHeader_unstable,\n renderDataGridHeader_unstable,\n} from './DataGridHeader';\nexport type { DataGridHeaderProps, DataGridHeaderSlots, DataGridHeaderState } from './DataGridHeader';\n\nexport {\n DataGridHeaderCell,\n dataGridHeaderCellClassNames,\n useDataGridHeaderCellStyles_unstable,\n useDataGridHeaderCell_unstable,\n renderDataGridHeaderCell_unstable,\n} from './DataGridHeaderCell';\nexport type { DataGridHeaderCellProps, DataGridHeaderCellSlots, DataGridHeaderCellState } from './DataGridHeaderCell';\n\nexport {\n DataGridSelectionCell,\n useDataGridSelectionCellStyles_unstable,\n useDataGridSelectionCell_unstable,\n renderDataGridSelectionCell_unstable,\n dataGridSelectionCellClassNames,\n} from './DataGridSelectionCell';\n\nexport type {\n DataGridSelectionCellProps,\n DataGridSelectionCellState,\n DataGridSelectionCellSlots,\n} from './DataGridSelectionCell';\n"],"names":["useTableFeatures","useTableSelection","useTableSort","createTableColumn","useTableColumnSizing_unstable","TableCell","tableCellClassNames","tableCellClassName","useTableCellStyles_unstable","useTableCell_unstable","renderTableCell_unstable","TableRow","tableRowClassNames","tableRowClassName","useTableRowStyles_unstable","useTableRow_unstable","renderTableRow_unstable","TableBody","tableBodyClassName","tableBodyClassNames","useTableBodyStyles_unstable","useTableBody_unstable","renderTableBody_unstable","Table","tableClassName","tableClassNames","useTableStyles_unstable","useTable_unstable","renderTable_unstable","TableHeader","tableHeaderClassNames","tableHeaderClassName","useTableHeaderStyles_unstable","useTableHeader_unstable","renderTableHeader_unstable","TableHeaderCell","tableHeaderCellClassName","tableHeaderCellClassNames","useTableHeaderCellStyles_unstable","useTableHeaderCell_unstable","renderTableHeaderCell_unstable","TableResizeHandle","tableResizeHandleClassNames","useTableResizeHandleStyles_unstable","useTableResizeHandle_unstable","renderTableResizeHandle_unstable","TableContextProvider","useTableContext","useTableRowIdContext","TableRowIdContextProvider","TableSelectionCell","useTableSelectionCellStyles_unstable","useTableSelectionCell_unstable","renderTableSelectionCell_unstable","tableSelectionCellClassNames","CELL_WIDTH","TABLE_SELECTION_CELL_WIDTH","TableCellActions","tableCellActionsClassNames","useTableCellActionsStyles_unstable","useTableCellActions_unstable","renderTableCellActions_unstable","TableCellLayout","tableCellLayoutClassNames","useTableCellLayoutStyles_unstable","useTableCellLayout_unstable","renderTableCellLayout_unstable","DataGridCell","dataGridCellClassNames","useDataGridCellStyles_unstable","useDataGridCell_unstable","renderDataGridCell_unstable","DataGridRow","dataGridRowClassNames","useDataGridRowStyles_unstable","useDataGridRow_unstable","renderDataGridRow_unstable","DataGridBody","dataGridBodyClassNames","useDataGridBodyStyles_unstable","useDataGridBody_unstable","renderDataGridBody_unstable","DataGrid","dataGridClassNames","useDataGridStyles_unstable","useDataGrid_unstable","renderDataGrid_unstable","useDataGridContextValues_unstable","DataGridHeader","dataGridHeaderClassNames","useDataGridHeaderStyles_unstable","useDataGridHeader_unstable","renderDataGridHeader_unstable","DataGridHeaderCell","dataGridHeaderCellClassNames","useDataGridHeaderCellStyles_unstable","useDataGridHeaderCell_unstable","renderDataGridHeaderCell_unstable","DataGridSelectionCell","useDataGridSelectionCellStyles_unstable","useDataGridSelectionCell_unstable","renderDataGridSelectionCell_unstable","dataGridSelectionCellClassNames"],"mappings":"AAAA,SACEA,gBAAgB,EAChBC,iBAAiB,EACjBC,YAAY,EACZC,iBAAiB,EACjBC,6BAA6B,QACxB,UAAU;AAiBjB,SACEC,SAAS,EACTC,mBAAmB,EACnBC,kBAAkB,EAClBC,2BAA2B,EAC3BC,qBAAqB,EACrBC,wBAAwB,QACnB,cAAc;AAGrB,SACEC,QAAQ,EACRC,kBAAkB,EAClBC,iBAAiB,EACjBC,0BAA0B,EAC1BC,oBAAoB,EACpBC,uBAAuB,QAClB,aAAa;AAGpB,SACEC,SAAS,EACTC,kBAAkB,EAClBC,mBAAmB,EACnBC,2BAA2B,EAC3BC,qBAAqB,EACrBC,wBAAwB,QACnB,cAAc;AAGrB,SACEC,KAAK,EACLC,cAAc,EACdC,eAAe,EACfC,uBAAuB,EACvBC,iBAAiB,EACjBC,oBAAoB,QACf,UAAU;AAGjB,SACEC,WAAW,EACXC,qBAAqB,EACrBC,oBAAoB,EACpBC,6BAA6B,EAC7BC,uBAAuB,EACvBC,0BAA0B,QACrB,gBAAgB;AAGvB,SACEC,eAAe,EACfC,wBAAwB,EACxBC,yBAAyB,EACzBC,iCAAiC,EACjCC,2BAA2B,EAC3BC,8BAA8B,QACzB,oBAAoB;AAG3B,SACEC,iBAAiB,EACjBC,2BAA2B,EAC3BC,mCAAmC,EACnCC,6BAA6B,EAC7BC,gCAAgC,QAC3B,sBAAsB;AAG7B,SAASC,oBAAoB,EAAEC,eAAe,QAAQ,0BAA0B;AAChF,SAASC,oBAAoB,EAAEC,yBAAyB,QAAQ,0BAA0B;AAC1F,SACEC,kBAAkB,EAClBC,oCAAoC,EACpCC,8BAA8B,EAC9BC,iCAAiC,EACjCC,4BAA4B,EAC5BC,cAAcC,0BAA0B,QACnC,uBAAuB;AAG9B,SACEC,gBAAgB,EAChBC,0BAA0B,EAC1BC,kCAAkC,EAClCC,4BAA4B,EAC5BC,+BAA+B,QAC1B,qBAAqB;AAG5B,SACEC,eAAe,EACfC,yBAAyB,EACzBC,iCAAiC,EACjCC,2BAA2B,EAC3BC,8BAA8B,QACzB,oBAAoB;AAG3B,SACEC,YAAY,EACZC,sBAAsB,EACtBC,8BAA8B,EAC9BC,wBAAwB,EACxBC,2BAA2B,QACtB,iBAAiB;AAGxB,SACEC,WAAW,EACXC,qBAAqB,EACrBC,6BAA6B,EAC7BC,uBAAuB,EACvBC,0BAA0B,QACrB,gBAAgB;AAGvB,SACEC,YAAY,EACZC,sBAAsB,EACtBC,8BAA8B,EAC9BC,wBAAwB,EACxBC,2BAA2B,QACtB,iBAAiB;AAGxB,SACEC,QAAQ,EACRC,kBAAkB,EAClBC,0BAA0B,EAC1BC,oBAAoB,EACpBC,uBAAuB,EACvBC,iCAAiC,QAC5B,aAAa;AAUpB,SACEC,cAAc,EACdC,wBAAwB,EACxBC,gCAAgC,EAChCC,0BAA0B,EAC1BC,6BAA6B,QACxB,mBAAmB;AAG1B,SACEC,kBAAkB,EAClBC,4BAA4B,EAC5BC,oCAAoC,EACpCC,8BAA8B,EAC9BC,iCAAiC,QAC5B,uBAAuB;AAG9B,SACEC,qBAAqB,EACrBC,uCAAuC,EACvCC,iCAAiC,EACjCC,oCAAoC,EACpCC,+BAA+B,QAC1B,0BAA0B"}
1
+ {"version":3,"sources":["index.ts"],"sourcesContent":["export {\n useTableFeatures,\n useTableSelection,\n useTableSort,\n createTableColumn,\n useTableColumnSizing_unstable,\n} from './hooks';\n\nexport type {\n CreateTableColumnOptions,\n UseTableFeaturesOptions,\n TableColumnDefinition,\n TableColumnId,\n TableFeaturesState,\n TableRowData,\n TableRowId,\n TableSelectionState,\n TableSortState,\n TableFeaturePlugin,\n TableColumnSizingOptions,\n} from './hooks';\n\nexport {\n TableCell,\n tableCellClassNames,\n tableCellClassName,\n useTableCellStyles_unstable,\n useTableCell_unstable,\n renderTableCell_unstable,\n} from './TableCell';\nexport type { TableCellProps, TableCellState, TableCellSlots } from './TableCell';\n\nexport {\n TableRow,\n tableRowClassNames,\n tableRowClassName,\n useTableRowStyles_unstable,\n useTableRow_unstable,\n renderTableRow_unstable,\n} from './TableRow';\nexport type { TableRowProps, TableRowState, TableRowSlots } from './TableRow';\n\nexport {\n TableBody,\n tableBodyClassName,\n tableBodyClassNames,\n useTableBodyStyles_unstable,\n useTableBody_unstable,\n renderTableBody_unstable,\n} from './TableBody';\nexport type { TableBodyProps, TableBodyState, TableBodySlots } from './TableBody';\n\nexport {\n Table,\n tableClassName,\n tableClassNames,\n useTableStyles_unstable,\n useTable_unstable,\n renderTable_unstable,\n} from './Table';\nexport type { TableProps, TableSlots, TableState, TableContextValue, TableContextValues, SortDirection } from './Table';\n\nexport {\n TableHeader,\n tableHeaderClassNames,\n tableHeaderClassName,\n useTableHeaderStyles_unstable,\n useTableHeader_unstable,\n renderTableHeader_unstable,\n} from './TableHeader';\nexport type { TableHeaderProps, TableHeaderSlots, TableHeaderState } from './TableHeader';\n\nexport {\n TableHeaderCell,\n tableHeaderCellClassName,\n tableHeaderCellClassNames,\n useTableHeaderCellStyles_unstable,\n useTableHeaderCell_unstable,\n renderTableHeaderCell_unstable,\n} from './TableHeaderCell';\nexport type { TableHeaderCellProps, TableHeaderCellSlots, TableHeaderCellState } from './TableHeaderCell';\n\nexport {\n TableResizeHandle,\n tableResizeHandleClassNames,\n useTableResizeHandleStyles_unstable,\n useTableResizeHandle_unstable,\n renderTableResizeHandle_unstable,\n} from './TableResizeHandle';\nexport type { TableResizeHandleProps, TableResizeHandleSlots, TableResizeHandleState } from './TableResizeHandle';\n\nexport { TableContextProvider, useTableContext } from './contexts/tableContext';\nexport { useTableRowIdContext, TableRowIdContextProvider } from './contexts/rowIdContext';\nexport {\n TableSelectionCell,\n useTableSelectionCellStyles_unstable,\n useTableSelectionCell_unstable,\n renderTableSelectionCell_unstable,\n tableSelectionCellClassNames,\n CELL_WIDTH as TABLE_SELECTION_CELL_WIDTH,\n} from './TableSelectionCell';\n\nexport type { TableSelectionCellProps, TableSelectionCellState, TableSelectionCellSlots } from './TableSelectionCell';\nexport {\n TableCellActions,\n tableCellActionsClassNames,\n useTableCellActionsStyles_unstable,\n useTableCellActions_unstable,\n renderTableCellActions_unstable,\n} from './TableCellActions';\n\nexport type { TableCellActionsProps, TableCellActionsSlots, TableCellActionsState } from './TableCellActions';\nexport {\n TableCellLayout,\n tableCellLayoutClassNames,\n useTableCellLayoutStyles_unstable,\n useTableCellLayout_unstable,\n renderTableCellLayout_unstable,\n} from './TableCellLayout';\nexport type { TableCellLayoutProps, TableCellLayoutSlots, TableCellLayoutState } from './TableCellLayout';\n\nexport {\n DataGridCell,\n dataGridCellClassNames,\n useDataGridCellStyles_unstable,\n useDataGridCell_unstable,\n renderDataGridCell_unstable,\n} from './DataGridCell';\nexport type { DataGridCellProps, DataGridCellState, DataGridCellSlots } from './DataGridCell';\n\nexport {\n DataGridRow,\n dataGridRowClassNames,\n useDataGridRowStyles_unstable,\n useDataGridRow_unstable,\n renderDataGridRow_unstable,\n} from './DataGridRow';\nexport type { DataGridRowProps, DataGridRowState, DataGridRowSlots, CellRenderFunction } from './DataGridRow';\n\nexport {\n DataGridBody,\n dataGridBodyClassNames,\n useDataGridBodyStyles_unstable,\n useDataGridBody_unstable,\n renderDataGridBody_unstable,\n} from './DataGridBody';\nexport type { DataGridBodyProps, DataGridBodyState, DataGridBodySlots, RowRenderFunction } from './DataGridBody';\n\nexport {\n DataGrid,\n dataGridClassNames,\n useDataGridStyles_unstable,\n useDataGrid_unstable,\n renderDataGrid_unstable,\n useDataGridContextValues_unstable,\n} from './DataGrid';\nexport type {\n DataGridProps,\n DataGridSlots,\n DataGridState,\n DataGridContextValues,\n DataGridContextValue,\n DataGridFocusMode,\n} from './DataGrid';\n\nexport {\n DataGridHeader,\n dataGridHeaderClassNames,\n useDataGridHeaderStyles_unstable,\n useDataGridHeader_unstable,\n renderDataGridHeader_unstable,\n} from './DataGridHeader';\nexport type { DataGridHeaderProps, DataGridHeaderSlots, DataGridHeaderState } from './DataGridHeader';\n\nexport {\n DataGridHeaderCell,\n dataGridHeaderCellClassNames,\n useDataGridHeaderCellStyles_unstable,\n useDataGridHeaderCell_unstable,\n renderDataGridHeaderCell_unstable,\n} from './DataGridHeaderCell';\nexport type { DataGridHeaderCellProps, DataGridHeaderCellSlots, DataGridHeaderCellState } from './DataGridHeaderCell';\n\nexport {\n DataGridSelectionCell,\n useDataGridSelectionCellStyles_unstable,\n useDataGridSelectionCell_unstable,\n renderDataGridSelectionCell_unstable,\n dataGridSelectionCellClassNames,\n} from './DataGridSelectionCell';\n\nexport type {\n DataGridSelectionCellProps,\n DataGridSelectionCellState,\n DataGridSelectionCellSlots,\n} from './DataGridSelectionCell';\n"],"names":["useTableFeatures","useTableSelection","useTableSort","createTableColumn","useTableColumnSizing_unstable","TableCell","tableCellClassNames","tableCellClassName","useTableCellStyles_unstable","useTableCell_unstable","renderTableCell_unstable","TableRow","tableRowClassNames","tableRowClassName","useTableRowStyles_unstable","useTableRow_unstable","renderTableRow_unstable","TableBody","tableBodyClassName","tableBodyClassNames","useTableBodyStyles_unstable","useTableBody_unstable","renderTableBody_unstable","Table","tableClassName","tableClassNames","useTableStyles_unstable","useTable_unstable","renderTable_unstable","TableHeader","tableHeaderClassNames","tableHeaderClassName","useTableHeaderStyles_unstable","useTableHeader_unstable","renderTableHeader_unstable","TableHeaderCell","tableHeaderCellClassName","tableHeaderCellClassNames","useTableHeaderCellStyles_unstable","useTableHeaderCell_unstable","renderTableHeaderCell_unstable","TableResizeHandle","tableResizeHandleClassNames","useTableResizeHandleStyles_unstable","useTableResizeHandle_unstable","renderTableResizeHandle_unstable","TableContextProvider","useTableContext","useTableRowIdContext","TableRowIdContextProvider","TableSelectionCell","useTableSelectionCellStyles_unstable","useTableSelectionCell_unstable","renderTableSelectionCell_unstable","tableSelectionCellClassNames","CELL_WIDTH","TABLE_SELECTION_CELL_WIDTH","TableCellActions","tableCellActionsClassNames","useTableCellActionsStyles_unstable","useTableCellActions_unstable","renderTableCellActions_unstable","TableCellLayout","tableCellLayoutClassNames","useTableCellLayoutStyles_unstable","useTableCellLayout_unstable","renderTableCellLayout_unstable","DataGridCell","dataGridCellClassNames","useDataGridCellStyles_unstable","useDataGridCell_unstable","renderDataGridCell_unstable","DataGridRow","dataGridRowClassNames","useDataGridRowStyles_unstable","useDataGridRow_unstable","renderDataGridRow_unstable","DataGridBody","dataGridBodyClassNames","useDataGridBodyStyles_unstable","useDataGridBody_unstable","renderDataGridBody_unstable","DataGrid","dataGridClassNames","useDataGridStyles_unstable","useDataGrid_unstable","renderDataGrid_unstable","useDataGridContextValues_unstable","DataGridHeader","dataGridHeaderClassNames","useDataGridHeaderStyles_unstable","useDataGridHeader_unstable","renderDataGridHeader_unstable","DataGridHeaderCell","dataGridHeaderCellClassNames","useDataGridHeaderCellStyles_unstable","useDataGridHeaderCell_unstable","renderDataGridHeaderCell_unstable","DataGridSelectionCell","useDataGridSelectionCellStyles_unstable","useDataGridSelectionCell_unstable","renderDataGridSelectionCell_unstable","dataGridSelectionCellClassNames"],"mappings":"AAAA,SACEA,gBAAgB,EAChBC,iBAAiB,EACjBC,YAAY,EACZC,iBAAiB,EACjBC,6BAA6B,QACxB,UAAU;AAgBjB,SACEC,SAAS,EACTC,mBAAmB,EACnBC,kBAAkB,EAClBC,2BAA2B,EAC3BC,qBAAqB,EACrBC,wBAAwB,QACnB,cAAc;AAGrB,SACEC,QAAQ,EACRC,kBAAkB,EAClBC,iBAAiB,EACjBC,0BAA0B,EAC1BC,oBAAoB,EACpBC,uBAAuB,QAClB,aAAa;AAGpB,SACEC,SAAS,EACTC,kBAAkB,EAClBC,mBAAmB,EACnBC,2BAA2B,EAC3BC,qBAAqB,EACrBC,wBAAwB,QACnB,cAAc;AAGrB,SACEC,KAAK,EACLC,cAAc,EACdC,eAAe,EACfC,uBAAuB,EACvBC,iBAAiB,EACjBC,oBAAoB,QACf,UAAU;AAGjB,SACEC,WAAW,EACXC,qBAAqB,EACrBC,oBAAoB,EACpBC,6BAA6B,EAC7BC,uBAAuB,EACvBC,0BAA0B,QACrB,gBAAgB;AAGvB,SACEC,eAAe,EACfC,wBAAwB,EACxBC,yBAAyB,EACzBC,iCAAiC,EACjCC,2BAA2B,EAC3BC,8BAA8B,QACzB,oBAAoB;AAG3B,SACEC,iBAAiB,EACjBC,2BAA2B,EAC3BC,mCAAmC,EACnCC,6BAA6B,EAC7BC,gCAAgC,QAC3B,sBAAsB;AAG7B,SAASC,oBAAoB,EAAEC,eAAe,QAAQ,0BAA0B;AAChF,SAASC,oBAAoB,EAAEC,yBAAyB,QAAQ,0BAA0B;AAC1F,SACEC,kBAAkB,EAClBC,oCAAoC,EACpCC,8BAA8B,EAC9BC,iCAAiC,EACjCC,4BAA4B,EAC5BC,cAAcC,0BAA0B,QACnC,uBAAuB;AAG9B,SACEC,gBAAgB,EAChBC,0BAA0B,EAC1BC,kCAAkC,EAClCC,4BAA4B,EAC5BC,+BAA+B,QAC1B,qBAAqB;AAG5B,SACEC,eAAe,EACfC,yBAAyB,EACzBC,iCAAiC,EACjCC,2BAA2B,EAC3BC,8BAA8B,QACzB,oBAAoB;AAG3B,SACEC,YAAY,EACZC,sBAAsB,EACtBC,8BAA8B,EAC9BC,wBAAwB,EACxBC,2BAA2B,QACtB,iBAAiB;AAGxB,SACEC,WAAW,EACXC,qBAAqB,EACrBC,6BAA6B,EAC7BC,uBAAuB,EACvBC,0BAA0B,QACrB,gBAAgB;AAGvB,SACEC,YAAY,EACZC,sBAAsB,EACtBC,8BAA8B,EAC9BC,wBAAwB,EACxBC,2BAA2B,QACtB,iBAAiB;AAGxB,SACEC,QAAQ,EACRC,kBAAkB,EAClBC,0BAA0B,EAC1BC,oBAAoB,EACpBC,uBAAuB,EACvBC,iCAAiC,QAC5B,aAAa;AAUpB,SACEC,cAAc,EACdC,wBAAwB,EACxBC,gCAAgC,EAChCC,0BAA0B,EAC1BC,6BAA6B,QACxB,mBAAmB;AAG1B,SACEC,kBAAkB,EAClBC,4BAA4B,EAC5BC,oCAAoC,EACpCC,8BAA8B,EAC9BC,iCAAiC,QAC5B,uBAAuB;AAG9B,SACEC,qBAAqB,EACrBC,uCAAuC,EACvCC,iCAAiC,EACjCC,oCAAoC,EACpCC,+BAA+B,QAC1B,0BAA0B"}
package/lib-commonjs/components/TableRow/useTableRowStyles.styles.js CHANGED
@@ -284,7 +284,7 @@ const useFlexLayoutStyles = /*#__PURE__*/ (0, _react["__styles"])({
284
284
  }
285
285
  ],
286
286
  [
287
- "@media (forced-colors: active){.fw2muls{border-left-width:2px;}.f9dpb3h{border-right-width:2px;}}",
287
+ "@media (forced-colors: active){.f9dpb3h{border-right-width:2px;}.fw2muls{border-left-width:2px;}}",
288
288
  {
289
289
  m: "(forced-colors: active)"
290
290
  }
@@ -296,7 +296,7 @@ const useFlexLayoutStyles = /*#__PURE__*/ (0, _react["__styles"])({
296
296
  }
297
297
  ],
298
298
  [
299
- "@media (forced-colors: active){.fkbere7{border-right-style:solid;}.fa97sf3{border-left-style:solid;}}",
299
+ "@media (forced-colors: active){.fa97sf3{border-left-style:solid;}.fkbere7{border-right-style:solid;}}",
300
300
  {
301
301
  m: "(forced-colors: active)"
302
302
  }
@@ -332,7 +332,7 @@ const useFlexLayoutStyles = /*#__PURE__*/ (0, _react["__styles"])({
332
332
  }
333
333
  ],
334
334
  [
335
- "@media (forced-colors: active){.fz08sq8{border-left-color:transparent;}.fyowp6c{border-right-color:transparent;}}",
335
+ "@media (forced-colors: active){.fyowp6c{border-right-color:transparent;}.fz08sq8{border-left-color:transparent;}}",
336
336
  {
337
337
  m: "(forced-colors: active)"
338
338
  }
@@ -344,13 +344,13 @@ const useFlexLayoutStyles = /*#__PURE__*/ (0, _react["__styles"])({
344
344
  }
345
345
  ],
346
346
  [
347
- "@media (forced-colors: active){.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}}",
347
+ "@media (forced-colors: active){.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}}",
348
348
  {
349
349
  m: "(forced-colors: active)"
350
350
  }
351
351
  ],
352
352
  [
353
- "@media (forced-colors: active){.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}}",
353
+ "@media (forced-colors: active){.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}}",
354
354
  {
355
355
  m: "(forced-colors: active)"
356
356
  }
@@ -392,7 +392,7 @@ const useFlexLayoutStyles = /*#__PURE__*/ (0, _react["__styles"])({
392
392
  }
393
393
  ],
394
394
  [
395
- "@media (forced-colors: active){.fw2muls{border-left-width:2px;}.f9dpb3h{border-right-width:2px;}}",
395
+ "@media (forced-colors: active){.f9dpb3h{border-right-width:2px;}.fw2muls{border-left-width:2px;}}",
396
396
  {
397
397
  m: "(forced-colors: active)"
398
398
  }
@@ -404,7 +404,7 @@ const useFlexLayoutStyles = /*#__PURE__*/ (0, _react["__styles"])({
404
404
  }
405
405
  ],
406
406
  [
407
- "@media (forced-colors: active){.fkbere7{border-right-style:solid;}.fa97sf3{border-left-style:solid;}}",
407
+ "@media (forced-colors: active){.fa97sf3{border-left-style:solid;}.fkbere7{border-right-style:solid;}}",
408
408
  {
409
409
  m: "(forced-colors: active)"
410
410
  }
@@ -440,7 +440,7 @@ const useFlexLayoutStyles = /*#__PURE__*/ (0, _react["__styles"])({
440
440
  }
441
441
  ],
442
442
  [
443
- "@media (forced-colors: active){.fz08sq8{border-left-color:transparent;}.fyowp6c{border-right-color:transparent;}}",
443
+ "@media (forced-colors: active){.fyowp6c{border-right-color:transparent;}.fz08sq8{border-left-color:transparent;}}",
444
444
  {
445
445
  m: "(forced-colors: active)"
446
446
  }
@@ -452,13 +452,13 @@ const useFlexLayoutStyles = /*#__PURE__*/ (0, _react["__styles"])({
452
452
  }
453
453
  ],
454
454
  [
455
- "@media (forced-colors: active){.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}}",
455
+ "@media (forced-colors: active){.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}}",
456
456
  {
457
457
  m: "(forced-colors: active)"
458
458
  }
459
459
  ],
460
460
  [
461
- "@media (forced-colors: active){.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}}",
461
+ "@media (forced-colors: active){.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}}",
462
462
  {
463
463
  m: "(forced-colors: active)"
464
464
  }
package/lib-commonjs/components/TableRow/useTableRowStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useTableRowStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { tableCellActionsClassNames } from '../TableCellActions/useTableCellActionsStyles.styles';\nimport { tableSelectionCellClassNames } from '../TableSelectionCell/useTableSelectionCellStyles.styles';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tableRowClassName = 'fui-TableRow';\nexport const tableRowClassNames = {\n root: tableRowClassName\n};\nconst useTableLayoutStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f1u0rzck\"\n }\n}, {\n d: [\".f1u0rzck{display:table-row;}\"]\n});\nconst useFlexLayoutStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\"\n }\n}, {\n d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\"]\n});\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n sj55zd: \"f19n0e5\",\n B7ck84d: \"f1ewtqcl\",\n Bconypa: \"f1jazu75\",\n B6guboy: \"f1xeqee6\",\n Bn4voq9: \"fz36nt7\",\n g9k6zt: \"f9znhxp\",\n Bfpq7zp: \"fqrak0z\",\n kdpuga: [\"f1o2ludy\", \"f1kjnpwc\"],\n Bw81rd7: [\"f1kjnpwc\", \"f1o2ludy\"],\n B6xbmo0: [\"fxmnebo\", \"f1witrsb\"],\n dm238s: [\"f1witrsb\", \"fxmnebo\"]\n },\n noAppearanceFocusWithin: {\n Bm5rygw: \"f13cic75\"\n },\n rootInteractive: {\n ecr2s2: \"f1wfn5kd\",\n lj723h: \"f1g4hkjv\",\n B43xm9u: \"f15ngxrw\",\n i921ia: \"fjbbrdp\",\n Jwef8y: \"f1t94bn6\",\n Bi91k9c: \"feu1g3u\",\n Bpt6rm4: \"f1uorfem\",\n ff6mpl: \"fw60kww\"\n },\n medium: {\n Bn0qgzm: \"f1vxd6vx\",\n oivjwe: \"fg706s2\",\n B9xav0g: \"frpde29\"\n },\n small: {\n Bn0qgzm: \"f1vxd6vx\",\n oivjwe: \"fg706s2\",\n B9xav0g: \"frpde29\"\n },\n \"extra-small\": {\n Be2twd7: \"fy9rknc\"\n },\n brand: {\n De3pzq: \"f16xkysk\",\n g2u3we: \"f1bh3yvw\",\n h3c5rm: [\"fmi79ni\", \"f11fozsx\"],\n B9xav0g: \"fnzw4c6\",\n zhjwy3: [\"f11fozsx\", \"fmi79ni\"],\n ecr2s2: \"ftepret\",\n gwxt9v: \"fqlf3fd\",\n v3aym: [\"f9dpb3h\", \"fw2muls\"],\n Bc736ss: \"f1yat0gj\",\n Bk6ri7n: [\"fw2muls\", \"f9dpb3h\"],\n Bk5ld8o: \"f7nae3y\",\n c4eypz: [\"fkbere7\", \"fa97sf3\"],\n felo30: \"fmtyzcc\",\n Eshu5l: [\"fa97sf3\", \"fkbere7\"],\n Bjwas2f: \"fb6zhgp\",\n Bn1d65q: [\"fyowp6c\", \"fz08sq8\"],\n Bxeuatn: \"f9dii88\",\n n51gp8: [\"fz08sq8\", \"fyowp6c\"],\n Beo2b4z: [\"f1afxoft\", \"flqq2yx\"],\n h6lo6r: [\"flqq2yx\", \"f1afxoft\"],\n Btyw6ap: [\"f1b5xrmd\", \"f1831rx6\"],\n w1pwid: [\"f1831rx6\", \"f1b5xrmd\"],\n Brwvgy3: \"fd94n53\",\n yadkgm: \"f1e0wld5\"\n },\n neutral: {\n gwxt9v: \"fqlf3fd\",\n v3aym: [\"f9dpb3h\", \"fw2muls\"],\n Bc736ss: \"f1yat0gj\",\n Bk6ri7n: [\"fw2muls\", \"f9dpb3h\"],\n Bk5ld8o: \"f7nae3y\",\n c4eypz: [\"fkbere7\", \"fa97sf3\"],\n felo30: \"fmtyzcc\",\n Eshu5l: [\"fa97sf3\", \"fkbere7\"],\n Bjwas2f: \"fb6zhgp\",\n Bn1d65q: [\"fyowp6c\", \"fz08sq8\"],\n Bxeuatn: \"f9dii88\",\n n51gp8: [\"fz08sq8\", \"fyowp6c\"],\n Beo2b4z: [\"f1afxoft\", \"flqq2yx\"],\n h6lo6r: [\"flqq2yx\", \"f1afxoft\"],\n Btyw6ap: [\"f1b5xrmd\", \"f1831rx6\"],\n w1pwid: [\"f1831rx6\", \"f1b5xrmd\"],\n Brwvgy3: \"fd94n53\",\n yadkgm: \"f1e0wld5\",\n De3pzq: \"fq5gl1p\",\n sj55zd: \"f1cgsbmv\",\n Jwef8y: \"f1uqaxdt\",\n ecr2s2: \"fa9o754\",\n g2u3we: \"frmsihh\",\n h3c5rm: [\"frttxa5\", \"f11o2r7f\"],\n B9xav0g: \"fem5et0\",\n zhjwy3: [\"f11o2r7f\", \"frttxa5\"]\n },\n none: {}\n}, {\n d: [\".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1jazu75[data-fui-focus-within]:focus-within .fui-TableSelectionCell{opacity:1;}\", \".f1xeqee6[data-fui-focus-within]:focus-within .fui-TableCellActions{opacity:1;}\", \".fz36nt7[data-fui-focus-visible]{outline-width:2px;}\", \".f9znhxp[data-fui-focus-visible]{outline-style:solid;}\", \".fqrak0z[data-fui-focus-visible]{outline-color:var(--colorStrokeFocus2);}\", \".f1o2ludy[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f1kjnpwc[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".fxmnebo[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusMedium);}\", \".f1witrsb[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusMedium);}\", \".f13cic75[data-fui-focus-within]:focus-within{background-color:var(--colorSubtleBackgroundHover);}\", \".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}\", \".fg706s2{border-bottom-style:solid;}\", \".frpde29{border-bottom-color:var(--colorNeutralStroke2);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".f16xkysk{background-color:var(--colorBrandBackground2);}\", \".f1bh3yvw{border-top-color:var(--colorTransparentStrokeInteractive);}\", \".fmi79ni{border-right-color:var(--colorTransparentStrokeInteractive);}\", \".f11fozsx{border-left-color:var(--colorTransparentStrokeInteractive);}\", \".fnzw4c6{border-bottom-color:var(--colorTransparentStrokeInteractive);}\", \".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}\", \".f1cgsbmv{color:var(--colorNeutralForeground1Hover);}\", \".frmsihh{border-top-color:var(--colorNeutralStrokeOnBrand);}\", \".frttxa5{border-right-color:var(--colorNeutralStrokeOnBrand);}\", \".f11o2r7f{border-left-color:var(--colorNeutralStrokeOnBrand);}\", \".fem5et0{border-bottom-color:var(--colorNeutralStrokeOnBrand);}\"],\n a: [\".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f1g4hkjv:active{color:var(--colorNeutralForeground1Pressed);}\", \".f15ngxrw:active .fui-TableCellActions{opacity:1;}\", \".fjbbrdp:active .fui-TableSelectionCell{opacity:1;}\", \".ftepret:active{background-color:var(--colorBrandBackgroundInvertedSelected);}\", \".fa9o754:active{background-color:var(--colorSubtleBackgroundSelected);}\"],\n h: [\".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}\", \".f1uorfem:hover .fui-TableCellActions{opacity:1;}\", \".fw60kww:hover .fui-TableSelectionCell{opacity:1;}\", \".f1uqaxdt:hover{background-color:var(--colorSubtleBackgroundSelected);}\"],\n m: [[\"@media (forced-colors: active){.fqlf3fd{border-top-width:2px;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f9dpb3h{border-right-width:2px;}.fw2muls{border-left-width:2px;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1yat0gj{border-bottom-width:2px;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fw2muls{border-left-width:2px;}.f9dpb3h{border-right-width:2px;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f7nae3y{border-top-style:solid;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fkbere7{border-right-style:solid;}.fa97sf3{border-left-style:solid;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fmtyzcc{border-bottom-style:solid;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fa97sf3{border-left-style:solid;}.fkbere7{border-right-style:solid;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fb6zhgp{border-top-color:transparent;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fyowp6c{border-right-color:transparent;}.fz08sq8{border-left-color:transparent;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f9dii88{border-bottom-color:transparent;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fz08sq8{border-left-color:transparent;}.fyowp6c{border-right-color:transparent;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fd94n53{box-sizing:border-box;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1e0wld5:focus-visible{outline-offset:-4px;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fqlf3fd{border-top-width:2px;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f9dpb3h{border-right-width:2px;}.fw2muls{border-left-width:2px;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1yat0gj{border-bottom-width:2px;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fw2muls{border-left-width:2px;}.f9dpb3h{border-right-width:2px;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f7nae3y{border-top-style:solid;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fkbere7{border-right-style:solid;}.fa97sf3{border-left-style:solid;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fmtyzcc{border-bottom-style:solid;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fa97sf3{border-left-style:solid;}.fkbere7{border-right-style:solid;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fb6zhgp{border-top-color:transparent;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fyowp6c{border-right-color:transparent;}.fz08sq8{border-left-color:transparent;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f9dii88{border-bottom-color:transparent;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fz08sq8{border-left-color:transparent;}.fyowp6c{border-right-color:transparent;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fd94n53{box-sizing:border-box;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1e0wld5:focus-visible{outline-offset:-4px;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\n/**\n * Apply styling to the TableRow slots based on the state\n */\nexport const useTableRowStyles_unstable = state => {\n const styles = useStyles();\n const layoutStyles = {\n table: useTableLayoutStyles(),\n flex: useFlexLayoutStyles()\n };\n state.root.className = mergeClasses(tableRowClassNames.root, styles.root, !state.isHeaderRow && styles.rootInteractive, styles[state.size], state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, styles[state.appearance], state.appearance === 'none' && !state.isHeaderRow && styles.noAppearanceFocusWithin, state.root.className);\n return state;\n};\n//# sourceMappingURL=useTableRowStyles.styles.js.map"],"names":["tableRowClassName","tableRowClassNames","useTableRowStyles_unstable","root","useTableLayoutStyles","__styles","mc9l5x","d","useFlexLayoutStyles","Bt984gj","useStyles","sj55zd","B7ck84d","Bconypa","B6guboy","Bn4voq9","g9k6zt","Bfpq7zp","kdpuga","Bw81rd7","B6xbmo0","dm238s","noAppearanceFocusWithin","Bm5rygw","rootInteractive","ecr2s2","lj723h","B43xm9u","i921ia","Jwef8y","Bi91k9c","Bpt6rm4","ff6mpl","medium","Bn0qgzm","oivjwe","B9xav0g","small","Be2twd7","brand","De3pzq","g2u3we","h3c5rm","zhjwy3","gwxt9v","v3aym","Bc736ss","Bk6ri7n","Bk5ld8o","c4eypz","felo30","Eshu5l","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","Beo2b4z","h6lo6r","Btyw6ap","w1pwid","Brwvgy3","yadkgm","neutral","none","a","h","m","state","styles","layoutStyles","table","flex","className","mergeClasses","isHeaderRow","size","noNativeElements","appearance"],"mappings":"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"}
1
+ {"version":3,"sources":["useTableRowStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { tableCellActionsClassNames } from '../TableCellActions/useTableCellActionsStyles.styles';\nimport { tableSelectionCellClassNames } from '../TableSelectionCell/useTableSelectionCellStyles.styles';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tableRowClassName = 'fui-TableRow';\nexport const tableRowClassNames = {\n root: tableRowClassName\n};\nconst useTableLayoutStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f1u0rzck\"\n }\n}, {\n d: [\".f1u0rzck{display:table-row;}\"]\n});\nconst useFlexLayoutStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\"\n }\n}, {\n d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\"]\n});\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n sj55zd: \"f19n0e5\",\n B7ck84d: \"f1ewtqcl\",\n Bconypa: \"f1jazu75\",\n B6guboy: \"f1xeqee6\",\n Bn4voq9: \"fz36nt7\",\n g9k6zt: \"f9znhxp\",\n Bfpq7zp: \"fqrak0z\",\n kdpuga: [\"f1o2ludy\", \"f1kjnpwc\"],\n Bw81rd7: [\"f1kjnpwc\", \"f1o2ludy\"],\n B6xbmo0: [\"fxmnebo\", \"f1witrsb\"],\n dm238s: [\"f1witrsb\", \"fxmnebo\"]\n },\n noAppearanceFocusWithin: {\n Bm5rygw: \"f13cic75\"\n },\n rootInteractive: {\n ecr2s2: \"f1wfn5kd\",\n lj723h: \"f1g4hkjv\",\n B43xm9u: \"f15ngxrw\",\n i921ia: \"fjbbrdp\",\n Jwef8y: \"f1t94bn6\",\n Bi91k9c: \"feu1g3u\",\n Bpt6rm4: \"f1uorfem\",\n ff6mpl: \"fw60kww\"\n },\n medium: {\n Bn0qgzm: \"f1vxd6vx\",\n oivjwe: \"fg706s2\",\n B9xav0g: \"frpde29\"\n },\n small: {\n Bn0qgzm: \"f1vxd6vx\",\n oivjwe: \"fg706s2\",\n B9xav0g: \"frpde29\"\n },\n \"extra-small\": {\n Be2twd7: \"fy9rknc\"\n },\n brand: {\n De3pzq: \"f16xkysk\",\n g2u3we: \"f1bh3yvw\",\n h3c5rm: [\"fmi79ni\", \"f11fozsx\"],\n B9xav0g: \"fnzw4c6\",\n zhjwy3: [\"f11fozsx\", \"fmi79ni\"],\n ecr2s2: \"ftepret\",\n gwxt9v: \"fqlf3fd\",\n v3aym: [\"f9dpb3h\", \"fw2muls\"],\n Bc736ss: \"f1yat0gj\",\n Bk6ri7n: [\"fw2muls\", \"f9dpb3h\"],\n Bk5ld8o: \"f7nae3y\",\n c4eypz: [\"fkbere7\", \"fa97sf3\"],\n felo30: \"fmtyzcc\",\n Eshu5l: [\"fa97sf3\", \"fkbere7\"],\n Bjwas2f: \"fb6zhgp\",\n Bn1d65q: [\"fyowp6c\", \"fz08sq8\"],\n Bxeuatn: \"f9dii88\",\n n51gp8: [\"fz08sq8\", \"fyowp6c\"],\n Beo2b4z: [\"f1afxoft\", \"flqq2yx\"],\n h6lo6r: [\"flqq2yx\", \"f1afxoft\"],\n Btyw6ap: [\"f1b5xrmd\", \"f1831rx6\"],\n w1pwid: [\"f1831rx6\", \"f1b5xrmd\"],\n Brwvgy3: \"fd94n53\",\n yadkgm: \"f1e0wld5\"\n },\n neutral: {\n gwxt9v: \"fqlf3fd\",\n v3aym: [\"f9dpb3h\", \"fw2muls\"],\n Bc736ss: \"f1yat0gj\",\n Bk6ri7n: [\"fw2muls\", \"f9dpb3h\"],\n Bk5ld8o: \"f7nae3y\",\n c4eypz: [\"fkbere7\", \"fa97sf3\"],\n felo30: \"fmtyzcc\",\n Eshu5l: [\"fa97sf3\", \"fkbere7\"],\n Bjwas2f: \"fb6zhgp\",\n Bn1d65q: [\"fyowp6c\", \"fz08sq8\"],\n Bxeuatn: \"f9dii88\",\n n51gp8: [\"fz08sq8\", \"fyowp6c\"],\n Beo2b4z: [\"f1afxoft\", \"flqq2yx\"],\n h6lo6r: [\"flqq2yx\", \"f1afxoft\"],\n Btyw6ap: [\"f1b5xrmd\", \"f1831rx6\"],\n w1pwid: [\"f1831rx6\", \"f1b5xrmd\"],\n Brwvgy3: \"fd94n53\",\n yadkgm: \"f1e0wld5\",\n De3pzq: \"fq5gl1p\",\n sj55zd: \"f1cgsbmv\",\n Jwef8y: \"f1uqaxdt\",\n ecr2s2: \"fa9o754\",\n g2u3we: \"frmsihh\",\n h3c5rm: [\"frttxa5\", \"f11o2r7f\"],\n B9xav0g: \"fem5et0\",\n zhjwy3: [\"f11o2r7f\", \"frttxa5\"]\n },\n none: {}\n}, {\n d: [\".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1jazu75[data-fui-focus-within]:focus-within .fui-TableSelectionCell{opacity:1;}\", \".f1xeqee6[data-fui-focus-within]:focus-within .fui-TableCellActions{opacity:1;}\", \".fz36nt7[data-fui-focus-visible]{outline-width:2px;}\", \".f9znhxp[data-fui-focus-visible]{outline-style:solid;}\", \".fqrak0z[data-fui-focus-visible]{outline-color:var(--colorStrokeFocus2);}\", \".f1o2ludy[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f1kjnpwc[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".fxmnebo[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusMedium);}\", \".f1witrsb[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusMedium);}\", \".f13cic75[data-fui-focus-within]:focus-within{background-color:var(--colorSubtleBackgroundHover);}\", \".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}\", \".fg706s2{border-bottom-style:solid;}\", \".frpde29{border-bottom-color:var(--colorNeutralStroke2);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".f16xkysk{background-color:var(--colorBrandBackground2);}\", \".f1bh3yvw{border-top-color:var(--colorTransparentStrokeInteractive);}\", \".fmi79ni{border-right-color:var(--colorTransparentStrokeInteractive);}\", \".f11fozsx{border-left-color:var(--colorTransparentStrokeInteractive);}\", \".fnzw4c6{border-bottom-color:var(--colorTransparentStrokeInteractive);}\", \".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}\", \".f1cgsbmv{color:var(--colorNeutralForeground1Hover);}\", \".frmsihh{border-top-color:var(--colorNeutralStrokeOnBrand);}\", \".frttxa5{border-right-color:var(--colorNeutralStrokeOnBrand);}\", \".f11o2r7f{border-left-color:var(--colorNeutralStrokeOnBrand);}\", \".fem5et0{border-bottom-color:var(--colorNeutralStrokeOnBrand);}\"],\n a: [\".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f1g4hkjv:active{color:var(--colorNeutralForeground1Pressed);}\", \".f15ngxrw:active .fui-TableCellActions{opacity:1;}\", \".fjbbrdp:active .fui-TableSelectionCell{opacity:1;}\", \".ftepret:active{background-color:var(--colorBrandBackgroundInvertedSelected);}\", \".fa9o754:active{background-color:var(--colorSubtleBackgroundSelected);}\"],\n h: [\".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}\", \".f1uorfem:hover .fui-TableCellActions{opacity:1;}\", \".fw60kww:hover .fui-TableSelectionCell{opacity:1;}\", \".f1uqaxdt:hover{background-color:var(--colorSubtleBackgroundSelected);}\"],\n m: [[\"@media (forced-colors: active){.fqlf3fd{border-top-width:2px;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f9dpb3h{border-right-width:2px;}.fw2muls{border-left-width:2px;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1yat0gj{border-bottom-width:2px;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f9dpb3h{border-right-width:2px;}.fw2muls{border-left-width:2px;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f7nae3y{border-top-style:solid;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fa97sf3{border-left-style:solid;}.fkbere7{border-right-style:solid;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fmtyzcc{border-bottom-style:solid;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fa97sf3{border-left-style:solid;}.fkbere7{border-right-style:solid;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fb6zhgp{border-top-color:transparent;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fyowp6c{border-right-color:transparent;}.fz08sq8{border-left-color:transparent;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f9dii88{border-bottom-color:transparent;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fyowp6c{border-right-color:transparent;}.fz08sq8{border-left-color:transparent;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fd94n53{box-sizing:border-box;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1e0wld5:focus-visible{outline-offset:-4px;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fqlf3fd{border-top-width:2px;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f9dpb3h{border-right-width:2px;}.fw2muls{border-left-width:2px;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1yat0gj{border-bottom-width:2px;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f9dpb3h{border-right-width:2px;}.fw2muls{border-left-width:2px;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f7nae3y{border-top-style:solid;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fa97sf3{border-left-style:solid;}.fkbere7{border-right-style:solid;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fmtyzcc{border-bottom-style:solid;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fa97sf3{border-left-style:solid;}.fkbere7{border-right-style:solid;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fb6zhgp{border-top-color:transparent;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fyowp6c{border-right-color:transparent;}.fz08sq8{border-left-color:transparent;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f9dii88{border-bottom-color:transparent;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fyowp6c{border-right-color:transparent;}.fz08sq8{border-left-color:transparent;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1afxoft{border-bottom-right-radius:var(--borderRadiusMedium);}.flqq2yx{border-bottom-left-radius:var(--borderRadiusMedium);}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1831rx6{border-top-left-radius:var(--borderRadiusMedium);}.f1b5xrmd{border-top-right-radius:var(--borderRadiusMedium);}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fd94n53{box-sizing:border-box;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1e0wld5:focus-visible{outline-offset:-4px;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\n/**\n * Apply styling to the TableRow slots based on the state\n */\nexport const useTableRowStyles_unstable = state => {\n const styles = useStyles();\n const layoutStyles = {\n table: useTableLayoutStyles(),\n flex: useFlexLayoutStyles()\n };\n state.root.className = mergeClasses(tableRowClassNames.root, styles.root, !state.isHeaderRow && styles.rootInteractive, styles[state.size], state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, styles[state.appearance], state.appearance === 'none' && !state.isHeaderRow && styles.noAppearanceFocusWithin, state.root.className);\n return state;\n};\n//# sourceMappingURL=useTableRowStyles.styles.js.map"],"names":["tableRowClassName","tableRowClassNames","useTableRowStyles_unstable","root","useTableLayoutStyles","__styles","mc9l5x","d","useFlexLayoutStyles","Bt984gj","useStyles","sj55zd","B7ck84d","Bconypa","B6guboy","Bn4voq9","g9k6zt","Bfpq7zp","kdpuga","Bw81rd7","B6xbmo0","dm238s","noAppearanceFocusWithin","Bm5rygw","rootInteractive","ecr2s2","lj723h","B43xm9u","i921ia","Jwef8y","Bi91k9c","Bpt6rm4","ff6mpl","medium","Bn0qgzm","oivjwe","B9xav0g","small","Be2twd7","brand","De3pzq","g2u3we","h3c5rm","zhjwy3","gwxt9v","v3aym","Bc736ss","Bk6ri7n","Bk5ld8o","c4eypz","felo30","Eshu5l","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","Beo2b4z","h6lo6r","Btyw6ap","w1pwid","Brwvgy3","yadkgm","neutral","none","a","h","m","state","styles","layoutStyles","table","flex","className","mergeClasses","isHeaderRow","size","noNativeElements","appearance"],"mappings":"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"}
package/lib-commonjs/hooks/useTableSelection.js CHANGED
@@ -13,10 +13,7 @@ _export(exports, {
13
13
  useTableSelection: ()=>useTableSelection,
14
14
  useTableSelectionState: ()=>useTableSelectionState
15
15
  });
16
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
17
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
18
16
  const _reactUtilities = require("@fluentui/react-utilities");
19
- const _selectionManager = require("./selectionManager");
20
17
  const noop = ()=>undefined;
21
18
  const defaultTableSelectionState = {
22
19
  allRowsSelected: false,
@@ -37,40 +34,24 @@ function useTableSelection(options) {
37
34
  }
38
35
  function useTableSelectionState(tableState, options) {
39
36
  const { items , getRowId } = tableState;
40
- const { selectionMode , defaultSelectedItems , selectedItems , onSelectionChange } = options;
41
- const [selected, setSelected] = (0, _reactUtilities.useControllableState)({
42
- initialState: new Set(),
43
- defaultState: _react.useMemo(()=>defaultSelectedItems && createSetFromIterable(defaultSelectedItems), [
44
- defaultSelectedItems
45
- ]),
46
- state: _react.useMemo(()=>selectedItems && createSetFromIterable(selectedItems), [
47
- selectedItems
48
- ])
49
- });
50
- const selectionManager = _react.useMemo(()=>{
51
- return (0, _selectionManager.createSelectionManager)(selectionMode, (e, newSelectedItems)=>{
52
- setSelected(()=>{
53
- onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(e, {
54
- selectedItems: newSelectedItems
55
- });
56
- return newSelectedItems;
57
- });
58
- });
59
- }, [
60
- onSelectionChange,
37
+ const { selectionMode: selectionMode , defaultSelectedItems , selectedItems , onSelectionChange } = options;
38
+ const [selected, selectionMethods] = (0, _reactUtilities.useSelection)({
61
39
  selectionMode,
62
- setSelected
63
- ]);
40
+ defaultSelectedItems,
41
+ selectedItems,
42
+ onSelectionChange
43
+ });
64
44
  const toggleAllRows = (0, _reactUtilities.useEventCallback)((e)=>{
65
45
  var _getRowId;
66
- selectionManager.toggleAllItems(e, items.map((item, i)=>{
46
+ selectionMethods.toggleAllItems(e, items.map((item, i)=>{
67
47
  return (_getRowId = getRowId === null || getRowId === void 0 ? void 0 : getRowId(item)) !== null && _getRowId !== void 0 ? _getRowId : i;
68
- }), selected);
48
+ }));
69
49
  });
70
- const toggleRow = (0, _reactUtilities.useEventCallback)((e, rowId)=>selectionManager.toggleItem(e, rowId, selected));
71
- const deselectRow = (0, _reactUtilities.useEventCallback)((e, rowId)=>selectionManager.deselectItem(e, rowId, selected));
72
- const selectRow = (0, _reactUtilities.useEventCallback)((e, rowId)=>selectionManager.selectItem(e, rowId, selected));
73
- const isRowSelected = (rowId)=>selectionManager.isSelected(rowId, selected);
50
+ const toggleRow = (0, _reactUtilities.useEventCallback)((e, rowId)=>selectionMethods.toggleItem(e, rowId));
51
+ const deselectRow = (0, _reactUtilities.useEventCallback)((e, rowId)=>selectionMethods.deselectItem(e, rowId));
52
+ const selectRow = (0, _reactUtilities.useEventCallback)((e, rowId)=>selectionMethods.selectItem(e, rowId));
53
+ const isRowSelected = (rowId)=>selectionMethods.isSelected(rowId);
54
+ const clearRows = (0, _reactUtilities.useEventCallback)((e)=>selectionMethods.clearItems(e));
74
55
  return {
75
56
  ...tableState,
76
57
  selection: {
@@ -80,15 +61,10 @@ function useTableSelectionState(tableState, options) {
80
61
  selectedRows: selected,
81
62
  toggleRow,
82
63
  toggleAllRows,
83
- clearRows: selectionManager.clearItems,
64
+ clearRows,
84
65
  deselectRow,
85
66
  selectRow,
86
67
  isRowSelected
87
68
  }
88
69
  };
89
70
  }
90
- /**
91
- * Creates a set from a given iterable, in case the iterable is a set itself, returns the given set instead.
92
- */ function createSetFromIterable(iterable) {
93
- return iterable instanceof Set ? iterable : new Set(iterable);
94
- }
package/lib-commonjs/hooks/useTableSelection.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useTableSelection.js"],"sourcesContent":["import * as React from 'react';\nimport { useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { createSelectionManager } from './selectionManager';\nconst noop = ()=>undefined;\nexport const defaultTableSelectionState = {\n allRowsSelected: false,\n clearRows: noop,\n deselectRow: noop,\n isRowSelected: ()=>false,\n selectRow: noop,\n selectedRows: new Set(),\n someRowsSelected: false,\n toggleAllRows: noop,\n toggleRow: noop,\n selectionMode: 'multiselect'\n};\nexport function useTableSelection(options) {\n // False positive, these plugin hooks are intended to be run on every render\n // eslint-disable-next-line react-hooks/rules-of-hooks\n return (tableState)=>useTableSelectionState(tableState, options);\n}\nexport function useTableSelectionState(tableState, options) {\n const { items , getRowId } = tableState;\n const { selectionMode , defaultSelectedItems , selectedItems , onSelectionChange } = options;\n const [selected, setSelected] = useControllableState({\n initialState: new Set(),\n defaultState: React.useMemo(()=>defaultSelectedItems && createSetFromIterable(defaultSelectedItems), [\n defaultSelectedItems\n ]),\n state: React.useMemo(()=>selectedItems && createSetFromIterable(selectedItems), [\n selectedItems\n ])\n });\n const selectionManager = React.useMemo(()=>{\n return createSelectionManager(selectionMode, (e, newSelectedItems)=>{\n setSelected(()=>{\n onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(e, {\n selectedItems: newSelectedItems\n });\n return newSelectedItems;\n });\n });\n }, [\n onSelectionChange,\n selectionMode,\n setSelected\n ]);\n const toggleAllRows = useEventCallback((e)=>{\n var _getRowId;\n selectionManager.toggleAllItems(e, items.map((item, i)=>{\n return (_getRowId = getRowId === null || getRowId === void 0 ? void 0 : getRowId(item)) !== null && _getRowId !== void 0 ? _getRowId : i;\n }), selected);\n });\n const toggleRow = useEventCallback((e, rowId)=>selectionManager.toggleItem(e, rowId, selected));\n const deselectRow = useEventCallback((e, rowId)=>selectionManager.deselectItem(e, rowId, selected));\n const selectRow = useEventCallback((e, rowId)=>selectionManager.selectItem(e, rowId, selected));\n const isRowSelected = (rowId)=>selectionManager.isSelected(rowId, selected);\n return {\n ...tableState,\n selection: {\n selectionMode,\n someRowsSelected: selected.size > 0,\n allRowsSelected: selectionMode === 'single' ? selected.size > 0 : selected.size === items.length,\n selectedRows: selected,\n toggleRow,\n toggleAllRows,\n clearRows: selectionManager.clearItems,\n deselectRow,\n selectRow,\n isRowSelected\n }\n };\n}\n/**\n * Creates a set from a given iterable, in case the iterable is a set itself, returns the given set instead.\n */ function createSetFromIterable(iterable) {\n return iterable instanceof Set ? iterable : new Set(iterable);\n}\n"],"names":["defaultTableSelectionState","useTableSelection","useTableSelectionState","noop","undefined","allRowsSelected","clearRows","deselectRow","isRowSelected","selectRow","selectedRows","Set","someRowsSelected","toggleAllRows","toggleRow","selectionMode","options","tableState","items","getRowId","defaultSelectedItems","selectedItems","onSelectionChange","selected","setSelected","useControllableState","initialState","defaultState","React","useMemo","createSetFromIterable","state","selectionManager","createSelectionManager","e","newSelectedItems","useEventCallback","_getRowId","toggleAllItems","map","item","i","rowId","toggleItem","deselectItem","selectItem","isSelected","selection","size","length","clearItems","iterable"],"mappings":";;;;;;;;;;;IAIaA,0BAA0B,MAA1BA;IAYGC,iBAAiB,MAAjBA;IAKAC,sBAAsB,MAAtBA;;;6DArBO;gCACgC;kCAChB;AACvC,MAAMC,OAAO,IAAIC;AACV,MAAMJ,6BAA6B;IACtCK,iBAAiB,KAAK;IACtBC,WAAWH;IACXI,aAAaJ;IACbK,eAAe,IAAI,KAAK;IACxBC,WAAWN;IACXO,cAAc,IAAIC;IAClBC,kBAAkB,KAAK;IACvBC,eAAeV;IACfW,WAAWX;IACXY,eAAe;AACnB;AACO,SAASd,kBAAkBe,OAAO,EAAE;IACvC,4EAA4E;IAC5E,sDAAsD;IACtD,OAAO,CAACC,aAAaf,uBAAuBe,YAAYD;AAC5D;AACO,SAASd,uBAAuBe,UAAU,EAAED,OAAO,EAAE;IACxD,MAAM,EAAEE,MAAK,EAAGC,SAAQ,EAAG,GAAGF;IAC9B,MAAM,EAAEF,cAAa,EAAGK,qBAAoB,EAAGC,cAAa,EAAGC,kBAAiB,EAAG,GAAGN;IACtF,MAAM,CAACO,UAAUC,YAAY,GAAGC,IAAAA,oCAAoB,EAAC;QACjDC,cAAc,IAAIf;QAClBgB,cAAcC,OAAMC,OAAO,CAAC,IAAIT,wBAAwBU,sBAAsBV,uBAAuB;YACjGA;SACH;QACDW,OAAOH,OAAMC,OAAO,CAAC,IAAIR,iBAAiBS,sBAAsBT,gBAAgB;YAC5EA;SACH;IACL;IACA,MAAMW,mBAAmBJ,OAAMC,OAAO,CAAC,IAAI;QACvC,OAAOI,IAAAA,wCAAsB,EAAClB,eAAe,CAACmB,GAAGC,mBAAmB;YAChEX,YAAY,IAAI;gBACZF,sBAAsB,IAAI,IAAIA,sBAAsB,KAAK,IAAI,KAAK,IAAIA,kBAAkBY,GAAG;oBACvFb,eAAec;gBACnB,EAAE;gBACF,OAAOA;YACX;QACJ;IACJ,GAAG;QACCb;QACAP;QACAS;KACH;IACD,MAAMX,gBAAgBuB,IAAAA,gCAAgB,EAAC,CAACF,IAAI;QACxC,IAAIG;QACJL,iBAAiBM,cAAc,CAACJ,GAAGhB,MAAMqB,GAAG,CAAC,CAACC,MAAMC,IAAI;YACpD,OAAO,AAACJ,CAAAA,YAAYlB,aAAa,IAAI,IAAIA,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASqB,KAAK,AAAD,MAAO,IAAI,IAAIH,cAAc,KAAK,IAAIA,YAAYI,CAAC;QAC5I,IAAIlB;IACR;IACA,MAAMT,YAAYsB,IAAAA,gCAAgB,EAAC,CAACF,GAAGQ,QAAQV,iBAAiBW,UAAU,CAACT,GAAGQ,OAAOnB;IACrF,MAAMhB,cAAc6B,IAAAA,gCAAgB,EAAC,CAACF,GAAGQ,QAAQV,iBAAiBY,YAAY,CAACV,GAAGQ,OAAOnB;IACzF,MAAMd,YAAY2B,IAAAA,gCAAgB,EAAC,CAACF,GAAGQ,QAAQV,iBAAiBa,UAAU,CAACX,GAAGQ,OAAOnB;IACrF,MAAMf,gBAAgB,CAACkC,QAAQV,iBAAiBc,UAAU,CAACJ,OAAOnB;IAClE,OAAO;QACH,GAAGN,UAAU;QACb8B,WAAW;YACPhC;YACAH,kBAAkBW,SAASyB,IAAI,GAAG;YAClC3C,iBAAiBU,kBAAkB,WAAWQ,SAASyB,IAAI,GAAG,IAAIzB,SAASyB,IAAI,KAAK9B,MAAM+B,MAAM;YAChGvC,cAAca;YACdT;YACAD;YACAP,WAAW0B,iBAAiBkB,UAAU;YACtC3C;YACAE;YACAD;QACJ;IACJ;AACJ;AACA;;CAEC,GAAG,SAASsB,sBAAsBqB,QAAQ,EAAE;IACzC,OAAOA,oBAAoBxC,MAAMwC,WAAW,IAAIxC,IAAIwC,SAAS;AACjE"}
1
+ {"version":3,"sources":["useTableSelection.js"],"sourcesContent":["import { useEventCallback, useSelection } from '@fluentui/react-utilities';\nconst noop = ()=>undefined;\nexport const defaultTableSelectionState = {\n allRowsSelected: false,\n clearRows: noop,\n deselectRow: noop,\n isRowSelected: ()=>false,\n selectRow: noop,\n selectedRows: new Set(),\n someRowsSelected: false,\n toggleAllRows: noop,\n toggleRow: noop,\n selectionMode: 'multiselect'\n};\nexport function useTableSelection(options) {\n // False positive, these plugin hooks are intended to be run on every render\n // eslint-disable-next-line react-hooks/rules-of-hooks\n return (tableState)=>useTableSelectionState(tableState, options);\n}\nexport function useTableSelectionState(tableState, options) {\n const { items , getRowId } = tableState;\n const { selectionMode: selectionMode , defaultSelectedItems , selectedItems , onSelectionChange } = options;\n const [selected, selectionMethods] = useSelection({\n selectionMode,\n defaultSelectedItems,\n selectedItems,\n onSelectionChange\n });\n const toggleAllRows = useEventCallback((e)=>{\n var _getRowId;\n selectionMethods.toggleAllItems(e, items.map((item, i)=>{\n return (_getRowId = getRowId === null || getRowId === void 0 ? void 0 : getRowId(item)) !== null && _getRowId !== void 0 ? _getRowId : i;\n }));\n });\n const toggleRow = useEventCallback((e, rowId)=>selectionMethods.toggleItem(e, rowId));\n const deselectRow = useEventCallback((e, rowId)=>selectionMethods.deselectItem(e, rowId));\n const selectRow = useEventCallback((e, rowId)=>selectionMethods.selectItem(e, rowId));\n const isRowSelected = (rowId)=>selectionMethods.isSelected(rowId);\n const clearRows = useEventCallback((e)=>selectionMethods.clearItems(e));\n return {\n ...tableState,\n selection: {\n selectionMode,\n someRowsSelected: selected.size > 0,\n allRowsSelected: selectionMode === 'single' ? selected.size > 0 : selected.size === items.length,\n selectedRows: selected,\n toggleRow,\n toggleAllRows,\n clearRows,\n deselectRow,\n selectRow,\n isRowSelected\n }\n };\n}\n"],"names":["defaultTableSelectionState","useTableSelection","useTableSelectionState","noop","undefined","allRowsSelected","clearRows","deselectRow","isRowSelected","selectRow","selectedRows","Set","someRowsSelected","toggleAllRows","toggleRow","selectionMode","options","tableState","items","getRowId","defaultSelectedItems","selectedItems","onSelectionChange","selected","selectionMethods","useSelection","useEventCallback","e","_getRowId","toggleAllItems","map","item","i","rowId","toggleItem","deselectItem","selectItem","isSelected","clearItems","selection","size","length"],"mappings":";;;;;;;;;;;IAEaA,0BAA0B,MAA1BA;IAYGC,iBAAiB,MAAjBA;IAKAC,sBAAsB,MAAtBA;;gCAnB+B;AAC/C,MAAMC,OAAO,IAAIC;AACV,MAAMJ,6BAA6B;IACtCK,iBAAiB,KAAK;IACtBC,WAAWH;IACXI,aAAaJ;IACbK,eAAe,IAAI,KAAK;IACxBC,WAAWN;IACXO,cAAc,IAAIC;IAClBC,kBAAkB,KAAK;IACvBC,eAAeV;IACfW,WAAWX;IACXY,eAAe;AACnB;AACO,SAASd,kBAAkBe,OAAO,EAAE;IACvC,4EAA4E;IAC5E,sDAAsD;IACtD,OAAO,CAACC,aAAaf,uBAAuBe,YAAYD;AAC5D;AACO,SAASd,uBAAuBe,UAAU,EAAED,OAAO,EAAE;IACxD,MAAM,EAAEE,MAAK,EAAGC,SAAQ,EAAG,GAAGF;IAC9B,MAAM,EAAEF,eAAeA,cAAa,EAAGK,qBAAoB,EAAGC,cAAa,EAAGC,kBAAiB,EAAG,GAAGN;IACrG,MAAM,CAACO,UAAUC,iBAAiB,GAAGC,IAAAA,4BAAY,EAAC;QAC9CV;QACAK;QACAC;QACAC;IACJ;IACA,MAAMT,gBAAgBa,IAAAA,gCAAgB,EAAC,CAACC,IAAI;QACxC,IAAIC;QACJJ,iBAAiBK,cAAc,CAACF,GAAGT,MAAMY,GAAG,CAAC,CAACC,MAAMC,IAAI;YACpD,OAAO,AAACJ,CAAAA,YAAYT,aAAa,IAAI,IAAIA,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASY,KAAK,AAAD,MAAO,IAAI,IAAIH,cAAc,KAAK,IAAIA,YAAYI,CAAC;QAC5I;IACJ;IACA,MAAMlB,YAAYY,IAAAA,gCAAgB,EAAC,CAACC,GAAGM,QAAQT,iBAAiBU,UAAU,CAACP,GAAGM;IAC9E,MAAM1B,cAAcmB,IAAAA,gCAAgB,EAAC,CAACC,GAAGM,QAAQT,iBAAiBW,YAAY,CAACR,GAAGM;IAClF,MAAMxB,YAAYiB,IAAAA,gCAAgB,EAAC,CAACC,GAAGM,QAAQT,iBAAiBY,UAAU,CAACT,GAAGM;IAC9E,MAAMzB,gBAAgB,CAACyB,QAAQT,iBAAiBa,UAAU,CAACJ;IAC3D,MAAM3B,YAAYoB,IAAAA,gCAAgB,EAAC,CAACC,IAAIH,iBAAiBc,UAAU,CAACX;IACpE,OAAO;QACH,GAAGV,UAAU;QACbsB,WAAW;YACPxB;YACAH,kBAAkBW,SAASiB,IAAI,GAAG;YAClCnC,iBAAiBU,kBAAkB,WAAWQ,SAASiB,IAAI,GAAG,IAAIjB,SAASiB,IAAI,KAAKtB,MAAMuB,MAAM;YAChG/B,cAAca;YACdT;YACAD;YACAP;YACAC;YACAE;YACAD;QACJ;IACJ;AACJ"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-table",
3
- "version": "9.4.2",
3
+ "version": "9.4.4",
4
4
  "description": "React components for building web experiences",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -36,17 +36,17 @@
36
36
  },
37
37
  "dependencies": {
38
38
  "@fluentui/keyboard-keys": "^9.0.3",
39
- "@fluentui/react-aria": "^9.3.24",
40
- "@fluentui/react-avatar": "^9.5.8",
41
- "@fluentui/react-checkbox": "^9.1.20",
42
- "@fluentui/react-context-selector": "^9.1.24",
39
+ "@fluentui/react-aria": "^9.3.26",
40
+ "@fluentui/react-avatar": "^9.5.10",
41
+ "@fluentui/react-checkbox": "^9.1.22",
42
+ "@fluentui/react-context-selector": "^9.1.26",
43
43
  "@fluentui/react-icons": "^2.0.203",
44
- "@fluentui/react-radio": "^9.1.20",
45
- "@fluentui/react-shared-contexts": "^9.5.1",
46
- "@fluentui/react-tabster": "^9.9.0",
44
+ "@fluentui/react-radio": "^9.1.22",
45
+ "@fluentui/react-shared-contexts": "^9.6.0",
46
+ "@fluentui/react-tabster": "^9.9.2",
47
47
  "@fluentui/react-theme": "^9.1.9",
48
- "@fluentui/react-utilities": "^9.9.4",
49
- "@fluentui/react-jsx-runtime": "9.0.0-alpha.8",
48
+ "@fluentui/react-utilities": "^9.10.1",
49
+ "@fluentui/react-jsx-runtime": "9.0.0-alpha.10",
50
50
  "@griffel/react": "^1.5.7",
51
51
  "@swc/helpers": "^0.4.14"
52
52
  },
package/lib/hooks/selectionManager.js DELETED
@@ -1,77 +0,0 @@
1
- import * as React from 'react';
2
- export function createSelectionManager(mode, onSelectionChange = ()=>undefined) {
3
- const managerFactory = mode === 'multiselect' ? createMultipleSelectionManager : createSingleSelectionManager;
4
- return managerFactory(onSelectionChange);
5
- }
6
- function createMultipleSelectionManager(onSelectionChange) {
7
- const toggleAllItems = (e, itemIds, selectedItems)=>{
8
- const allItemsSelected = itemIds.every((itemId)=>selectedItems.has(itemId));
9
- if (allItemsSelected) {
10
- selectedItems.clear();
11
- } else {
12
- itemIds.forEach((itemId)=>selectedItems.add(itemId));
13
- }
14
- onSelectionChange(e, new Set(selectedItems));
15
- };
16
- const toggleItem = (e, itemId, selectedItems)=>{
17
- if (selectedItems.has(itemId)) {
18
- selectedItems.delete(itemId);
19
- } else {
20
- selectedItems.add(itemId);
21
- }
22
- onSelectionChange(e, new Set(selectedItems));
23
- };
24
- const selectItem = (e, itemId, selectedItems)=>{
25
- selectedItems.add(itemId);
26
- onSelectionChange(e, new Set(selectedItems));
27
- };
28
- const deselectItem = (e, itemId, selectedItems)=>{
29
- selectedItems.delete(itemId);
30
- onSelectionChange(e, new Set(selectedItems));
31
- };
32
- const clearItems = (e)=>{
33
- onSelectionChange(e, new Set());
34
- };
35
- const isSelected = (itemId, selectedItems)=>{
36
- return selectedItems.has(itemId);
37
- };
38
- return {
39
- toggleItem,
40
- selectItem,
41
- deselectItem,
42
- clearItems,
43
- isSelected,
44
- toggleAllItems
45
- };
46
- }
47
- function createSingleSelectionManager(onSelectionChange) {
48
- const toggleItem = (e, itemId)=>{
49
- onSelectionChange(e, new Set([
50
- itemId
51
- ]));
52
- };
53
- const clearItems = (e)=>{
54
- onSelectionChange(e, new Set());
55
- };
56
- const isSelected = (itemId, selectedItems)=>{
57
- return selectedItems.has(itemId);
58
- };
59
- const selectItem = (e, itemId)=>{
60
- onSelectionChange(e, new Set([
61
- itemId
62
- ]));
63
- };
64
- return {
65
- deselectItem: clearItems,
66
- selectItem,
67
- toggleAllItems: ()=>{
68
- if (process.env.NODE_ENV !== 'production') {
69
- throw new Error('[react-table]: `toggleAllItems` should not be used in single selection mode');
70
- }
71
- return undefined;
72
- },
73
- toggleItem,
74
- clearItems,
75
- isSelected
76
- };
77
- }
package/lib/hooks/selectionManager.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["selectionManager.ts"],"sourcesContent":["import * as React from 'react';\nimport { SelectionMode } from './types';\n\ntype OnSelectionChangeCallback = (e: React.SyntheticEvent, selectedItems: Set<SelectionItemId>) => void;\n\nexport interface SelectionManager {\n toggleItem(e: React.SyntheticEvent, id: SelectionItemId, selectedItems: Set<SelectionItemId>): void;\n selectItem(e: React.SyntheticEvent, id: SelectionItemId, selectedItems: Set<SelectionItemId>): void;\n deselectItem(e: React.SyntheticEvent, id: SelectionItemId, selectedItems: Set<SelectionItemId>): void;\n clearItems(e: React.SyntheticEvent): void;\n isSelected(id: SelectionItemId, selectedItems: Set<SelectionItemId>): boolean;\n toggleAllItems(e: React.SyntheticEvent, itemIds: SelectionItemId[], selectedItems: Set<SelectionItemId>): void;\n}\n\nexport type SelectionItemId = string | number;\n\nexport function createSelectionManager(\n mode: SelectionMode,\n onSelectionChange: OnSelectionChangeCallback = () => undefined,\n): SelectionManager {\n const managerFactory = mode === 'multiselect' ? createMultipleSelectionManager : createSingleSelectionManager;\n\n return managerFactory(onSelectionChange);\n}\n\nfunction createMultipleSelectionManager(onSelectionChange: OnSelectionChangeCallback): SelectionManager {\n const toggleAllItems: SelectionManager['toggleAllItems'] = (e, itemIds, selectedItems) => {\n const allItemsSelected = itemIds.every(itemId => selectedItems.has(itemId));\n\n if (allItemsSelected) {\n selectedItems.clear();\n } else {\n itemIds.forEach(itemId => selectedItems.add(itemId));\n }\n\n onSelectionChange(e, new Set(selectedItems));\n };\n\n const toggleItem: SelectionManager['toggleItem'] = (e, itemId, selectedItems) => {\n if (selectedItems.has(itemId)) {\n selectedItems.delete(itemId);\n } else {\n selectedItems.add(itemId);\n }\n\n onSelectionChange(e, new Set(selectedItems));\n };\n\n const selectItem: SelectionManager['selectItem'] = (e, itemId, selectedItems) => {\n selectedItems.add(itemId);\n onSelectionChange(e, new Set(selectedItems));\n };\n\n const deselectItem: SelectionManager['deselectItem'] = (e, itemId, selectedItems) => {\n selectedItems.delete(itemId);\n onSelectionChange(e, new Set(selectedItems));\n };\n\n const clearItems: SelectionManager['clearItems'] = e => {\n onSelectionChange(e, new Set());\n };\n\n const isSelected = (itemId: SelectionItemId, selectedItems: Set<SelectionItemId>) => {\n return selectedItems.has(itemId);\n };\n\n return {\n toggleItem,\n selectItem,\n deselectItem,\n clearItems,\n isSelected,\n toggleAllItems,\n };\n}\n\nfunction createSingleSelectionManager(onSelectionChange: OnSelectionChangeCallback): SelectionManager {\n const toggleItem: SelectionManager['toggleItem'] = (e, itemId) => {\n onSelectionChange(e, new Set([itemId]));\n };\n\n const clearItems: SelectionManager['clearItems'] = e => {\n onSelectionChange(e, new Set<SelectionItemId>());\n };\n\n const isSelected = (itemId: SelectionItemId, selectedItems: Set<SelectionItemId>) => {\n return selectedItems.has(itemId);\n };\n\n const selectItem: SelectionManager['selectItem'] = (e, itemId) => {\n onSelectionChange(e, new Set([itemId]));\n };\n\n return {\n deselectItem: clearItems,\n selectItem,\n toggleAllItems: () => {\n if (process.env.NODE_ENV !== 'production') {\n throw new Error('[react-table]: `toggleAllItems` should not be used in single selection mode');\n }\n\n return undefined;\n },\n toggleItem,\n clearItems,\n isSelected,\n };\n}\n"],"names":["React","createSelectionManager","mode","onSelectionChange","undefined","managerFactory","createMultipleSelectionManager","createSingleSelectionManager","toggleAllItems","e","itemIds","selectedItems","allItemsSelected","every","itemId","has","clear","forEach","add","Set","toggleItem","delete","selectItem","deselectItem","clearItems","isSelected","process","env","NODE_ENV","Error"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAgB/B,OAAO,SAASC,uBACdC,IAAmB,EACnBC,oBAA+C,IAAMC,SAAS,EAC5C;IAClB,MAAMC,iBAAiBH,SAAS,gBAAgBI,iCAAiCC,4BAA4B;IAE7G,OAAOF,eAAeF;AACxB,CAAC;AAED,SAASG,+BAA+BH,iBAA4C,EAAoB;IACtG,MAAMK,iBAAqD,CAACC,GAAGC,SAASC,gBAAkB;QACxF,MAAMC,mBAAmBF,QAAQG,KAAK,CAACC,CAAAA,SAAUH,cAAcI,GAAG,CAACD;QAEnE,IAAIF,kBAAkB;YACpBD,cAAcK,KAAK;QACrB,OAAO;YACLN,QAAQO,OAAO,CAACH,CAAAA,SAAUH,cAAcO,GAAG,CAACJ;QAC9C,CAAC;QAEDX,kBAAkBM,GAAG,IAAIU,IAAIR;IAC/B;IAEA,MAAMS,aAA6C,CAACX,GAAGK,QAAQH,gBAAkB;QAC/E,IAAIA,cAAcI,GAAG,CAACD,SAAS;YAC7BH,cAAcU,MAAM,CAACP;QACvB,OAAO;YACLH,cAAcO,GAAG,CAACJ;QACpB,CAAC;QAEDX,kBAAkBM,GAAG,IAAIU,IAAIR;IAC/B;IAEA,MAAMW,aAA6C,CAACb,GAAGK,QAAQH,gBAAkB;QAC/EA,cAAcO,GAAG,CAACJ;QAClBX,kBAAkBM,GAAG,IAAIU,IAAIR;IAC/B;IAEA,MAAMY,eAAiD,CAACd,GAAGK,QAAQH,gBAAkB;QACnFA,cAAcU,MAAM,CAACP;QACrBX,kBAAkBM,GAAG,IAAIU,IAAIR;IAC/B;IAEA,MAAMa,aAA6Cf,CAAAA,IAAK;QACtDN,kBAAkBM,GAAG,IAAIU;IAC3B;IAEA,MAAMM,aAAa,CAACX,QAAyBH,gBAAwC;QACnF,OAAOA,cAAcI,GAAG,CAACD;IAC3B;IAEA,OAAO;QACLM;QACAE;QACAC;QACAC;QACAC;QACAjB;IACF;AACF;AAEA,SAASD,6BAA6BJ,iBAA4C,EAAoB;IACpG,MAAMiB,aAA6C,CAACX,GAAGK,SAAW;QAChEX,kBAAkBM,GAAG,IAAIU,IAAI;YAACL;SAAO;IACvC;IAEA,MAAMU,aAA6Cf,CAAAA,IAAK;QACtDN,kBAAkBM,GAAG,IAAIU;IAC3B;IAEA,MAAMM,aAAa,CAACX,QAAyBH,gBAAwC;QACnF,OAAOA,cAAcI,GAAG,CAACD;IAC3B;IAEA,MAAMQ,aAA6C,CAACb,GAAGK,SAAW;QAChEX,kBAAkBM,GAAG,IAAIU,IAAI;YAACL;SAAO;IACvC;IAEA,OAAO;QACLS,cAAcC;QACdF;QACAd,gBAAgB,IAAM;YACpB,IAAIkB,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;gBACzC,MAAM,IAAIC,MAAM,+EAA+E;YACjG,CAAC;YAED,OAAOzB;QACT;QACAgB;QACAI;QACAC;IACF;AACF"}
package/lib-commonjs/hooks/selectionManager.js DELETED
@@ -1,86 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "createSelectionManager", {
6
- enumerable: true,
7
- get: ()=>createSelectionManager
8
- });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
- function createSelectionManager(mode, onSelectionChange = ()=>undefined) {
12
- const managerFactory = mode === 'multiselect' ? createMultipleSelectionManager : createSingleSelectionManager;
13
- return managerFactory(onSelectionChange);
14
- }
15
- function createMultipleSelectionManager(onSelectionChange) {
16
- const toggleAllItems = (e, itemIds, selectedItems)=>{
17
- const allItemsSelected = itemIds.every((itemId)=>selectedItems.has(itemId));
18
- if (allItemsSelected) {
19
- selectedItems.clear();
20
- } else {
21
- itemIds.forEach((itemId)=>selectedItems.add(itemId));
22
- }
23
- onSelectionChange(e, new Set(selectedItems));
24
- };
25
- const toggleItem = (e, itemId, selectedItems)=>{
26
- if (selectedItems.has(itemId)) {
27
- selectedItems.delete(itemId);
28
- } else {
29
- selectedItems.add(itemId);
30
- }
31
- onSelectionChange(e, new Set(selectedItems));
32
- };
33
- const selectItem = (e, itemId, selectedItems)=>{
34
- selectedItems.add(itemId);
35
- onSelectionChange(e, new Set(selectedItems));
36
- };
37
- const deselectItem = (e, itemId, selectedItems)=>{
38
- selectedItems.delete(itemId);
39
- onSelectionChange(e, new Set(selectedItems));
40
- };
41
- const clearItems = (e)=>{
42
- onSelectionChange(e, new Set());
43
- };
44
- const isSelected = (itemId, selectedItems)=>{
45
- return selectedItems.has(itemId);
46
- };
47
- return {
48
- toggleItem,
49
- selectItem,
50
- deselectItem,
51
- clearItems,
52
- isSelected,
53
- toggleAllItems
54
- };
55
- }
56
- function createSingleSelectionManager(onSelectionChange) {
57
- const toggleItem = (e, itemId)=>{
58
- onSelectionChange(e, new Set([
59
- itemId
60
- ]));
61
- };
62
- const clearItems = (e)=>{
63
- onSelectionChange(e, new Set());
64
- };
65
- const isSelected = (itemId, selectedItems)=>{
66
- return selectedItems.has(itemId);
67
- };
68
- const selectItem = (e, itemId)=>{
69
- onSelectionChange(e, new Set([
70
- itemId
71
- ]));
72
- };
73
- return {
74
- deselectItem: clearItems,
75
- selectItem,
76
- toggleAllItems: ()=>{
77
- if (process.env.NODE_ENV !== 'production') {
78
- throw new Error('[react-table]: `toggleAllItems` should not be used in single selection mode');
79
- }
80
- return undefined;
81
- },
82
- toggleItem,
83
- clearItems,
84
- isSelected
85
- };
86
- }
package/lib-commonjs/hooks/selectionManager.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["selectionManager.js"],"sourcesContent":["import * as React from 'react';\nexport function createSelectionManager(mode, onSelectionChange = ()=>undefined) {\n const managerFactory = mode === 'multiselect' ? createMultipleSelectionManager : createSingleSelectionManager;\n return managerFactory(onSelectionChange);\n}\nfunction createMultipleSelectionManager(onSelectionChange) {\n const toggleAllItems = (e, itemIds, selectedItems)=>{\n const allItemsSelected = itemIds.every((itemId)=>selectedItems.has(itemId));\n if (allItemsSelected) {\n selectedItems.clear();\n } else {\n itemIds.forEach((itemId)=>selectedItems.add(itemId));\n }\n onSelectionChange(e, new Set(selectedItems));\n };\n const toggleItem = (e, itemId, selectedItems)=>{\n if (selectedItems.has(itemId)) {\n selectedItems.delete(itemId);\n } else {\n selectedItems.add(itemId);\n }\n onSelectionChange(e, new Set(selectedItems));\n };\n const selectItem = (e, itemId, selectedItems)=>{\n selectedItems.add(itemId);\n onSelectionChange(e, new Set(selectedItems));\n };\n const deselectItem = (e, itemId, selectedItems)=>{\n selectedItems.delete(itemId);\n onSelectionChange(e, new Set(selectedItems));\n };\n const clearItems = (e)=>{\n onSelectionChange(e, new Set());\n };\n const isSelected = (itemId, selectedItems)=>{\n return selectedItems.has(itemId);\n };\n return {\n toggleItem,\n selectItem,\n deselectItem,\n clearItems,\n isSelected,\n toggleAllItems\n };\n}\nfunction createSingleSelectionManager(onSelectionChange) {\n const toggleItem = (e, itemId)=>{\n onSelectionChange(e, new Set([\n itemId\n ]));\n };\n const clearItems = (e)=>{\n onSelectionChange(e, new Set());\n };\n const isSelected = (itemId, selectedItems)=>{\n return selectedItems.has(itemId);\n };\n const selectItem = (e, itemId)=>{\n onSelectionChange(e, new Set([\n itemId\n ]));\n };\n return {\n deselectItem: clearItems,\n selectItem,\n toggleAllItems: ()=>{\n if (process.env.NODE_ENV !== 'production') {\n throw new Error('[react-table]: `toggleAllItems` should not be used in single selection mode');\n }\n return undefined;\n },\n toggleItem,\n clearItems,\n isSelected\n };\n}\n"],"names":["createSelectionManager","mode","onSelectionChange","undefined","managerFactory","createMultipleSelectionManager","createSingleSelectionManager","toggleAllItems","e","itemIds","selectedItems","allItemsSelected","every","itemId","has","clear","forEach","add","Set","toggleItem","delete","selectItem","deselectItem","clearItems","isSelected","process","env","NODE_ENV","Error"],"mappings":";;;;+BACgBA;;aAAAA;;;6DADO;AAChB,SAASA,uBAAuBC,IAAI,EAAEC,oBAAoB,IAAIC,SAAS,EAAE;IAC5E,MAAMC,iBAAiBH,SAAS,gBAAgBI,iCAAiCC,4BAA4B;IAC7G,OAAOF,eAAeF;AAC1B;AACA,SAASG,+BAA+BH,iBAAiB,EAAE;IACvD,MAAMK,iBAAiB,CAACC,GAAGC,SAASC,gBAAgB;QAChD,MAAMC,mBAAmBF,QAAQG,KAAK,CAAC,CAACC,SAASH,cAAcI,GAAG,CAACD;QACnE,IAAIF,kBAAkB;YAClBD,cAAcK,KAAK;QACvB,OAAO;YACHN,QAAQO,OAAO,CAAC,CAACH,SAASH,cAAcO,GAAG,CAACJ;QAChD,CAAC;QACDX,kBAAkBM,GAAG,IAAIU,IAAIR;IACjC;IACA,MAAMS,aAAa,CAACX,GAAGK,QAAQH,gBAAgB;QAC3C,IAAIA,cAAcI,GAAG,CAACD,SAAS;YAC3BH,cAAcU,MAAM,CAACP;QACzB,OAAO;YACHH,cAAcO,GAAG,CAACJ;QACtB,CAAC;QACDX,kBAAkBM,GAAG,IAAIU,IAAIR;IACjC;IACA,MAAMW,aAAa,CAACb,GAAGK,QAAQH,gBAAgB;QAC3CA,cAAcO,GAAG,CAACJ;QAClBX,kBAAkBM,GAAG,IAAIU,IAAIR;IACjC;IACA,MAAMY,eAAe,CAACd,GAAGK,QAAQH,gBAAgB;QAC7CA,cAAcU,MAAM,CAACP;QACrBX,kBAAkBM,GAAG,IAAIU,IAAIR;IACjC;IACA,MAAMa,aAAa,CAACf,IAAI;QACpBN,kBAAkBM,GAAG,IAAIU;IAC7B;IACA,MAAMM,aAAa,CAACX,QAAQH,gBAAgB;QACxC,OAAOA,cAAcI,GAAG,CAACD;IAC7B;IACA,OAAO;QACHM;QACAE;QACAC;QACAC;QACAC;QACAjB;IACJ;AACJ;AACA,SAASD,6BAA6BJ,iBAAiB,EAAE;IACrD,MAAMiB,aAAa,CAACX,GAAGK,SAAS;QAC5BX,kBAAkBM,GAAG,IAAIU,IAAI;YACzBL;SACH;IACL;IACA,MAAMU,aAAa,CAACf,IAAI;QACpBN,kBAAkBM,GAAG,IAAIU;IAC7B;IACA,MAAMM,aAAa,CAACX,QAAQH,gBAAgB;QACxC,OAAOA,cAAcI,GAAG,CAACD;IAC7B;IACA,MAAMQ,aAAa,CAACb,GAAGK,SAAS;QAC5BX,kBAAkBM,GAAG,IAAIU,IAAI;YACzBL;SACH;IACL;IACA,OAAO;QACHS,cAAcC;QACdF;QACAd,gBAAgB,IAAI;YAChB,IAAIkB,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;gBACvC,MAAM,IAAIC,MAAM,+EAA+E;YACnG,CAAC;YACD,OAAOzB;QACX;QACAgB;QACAI;QACAC;IACJ;AACJ"}