@fluentui/react-table 9.2.11 → 9.3.0

package/lib/hooks/useTableColumnSizing.js

@@ -4,85 +4,85 @@ import { useMeasureElement } from './useMeasureElement';
 import { useTableColumnResizeMouseHandler } from './useTableColumnResizeMouseHandler';
 import { useTableColumnResizeState } from './useTableColumnResizeState';
 import { useKeyboardResizing } from './useKeyboardResizing';
+export const KeyboardResizingCurrentColumnDataAttribute = 'data-keyboard-resizing';
 export const defaultColumnSizingState = {
-  getColumnWidths: () => [],
-  getOnMouseDown: () => () => null,
-  setColumnWidth: () => null,
-  getTableHeaderCellProps: () => ({
-    style: {},
-    columnId: ''
-  }),
-  getTableCellProps: () => ({
-    style: {},
-    columnId: ''
-  }),
-  enableKeyboardMode: () => () => null
+    getColumnWidths: ()=>[],
+    getOnMouseDown: ()=>()=>null,
+    setColumnWidth: ()=>null,
+    getTableHeaderCellProps: ()=>({
+            style: {},
+            columnId: ''
+        }),
+    getTableCellProps: ()=>({
+            style: {},
+            columnId: ''
+        }),
+    enableKeyboardMode: ()=>()=>null
 };
 export function useTableColumnSizing_unstable(params) {
-  // False positive, these plugin hooks are intended to be run on every render
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  return tableState => useTableColumnSizingState(tableState, params);
+    // False positive, these plugin hooks are intended to be run on every render
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    return (tableState)=>useTableColumnSizingState(tableState, params);
 }
 function getColumnStyles(column) {
-  const width = column.width;
-  return {
-    // native styles
-    width,
-    // non-native element styles (flex layout)
-    minWidth: width,
-    maxWidth: width
-  };
+    const width = column.width;
+    return {
+        // native styles
+        width,
+        // non-native element styles (flex layout)
+        minWidth: width,
+        maxWidth: width
+    };
 }
 function useTableColumnSizingState(tableState, params) {
-  const {
-    columns
-  } = tableState;
-  // Gets the container width
-  const {
-    width,
-    measureElementRef
-  } = useMeasureElement();
-  // Creates the state based on columns and available containerWidth
-  const columnResizeState = useTableColumnResizeState(columns, width + ((params === null || params === void 0 ? void 0 : params.containerWidthOffset) || 0), params);
-  // Creates the mouse handler and attaches the state to it
-  const mouseHandler = useTableColumnResizeMouseHandler(columnResizeState);
-  // Creates the keyboard handler for resizing columns
-  const keyboardResizing = useKeyboardResizing(columnResizeState);
-  const enableKeyboardMode = React.useCallback((columnId, onChange) => e => {
-    e.preventDefault();
-    e.nativeEvent.stopPropagation();
-    keyboardResizing.toggleInteractiveMode(columnId, onChange);
-  }, [keyboardResizing]);
-  return {
-    ...tableState,
-    tableRef: measureElementRef,
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    columnSizing_unstable: {
-      getOnMouseDown: mouseHandler.getOnMouseDown,
-      setColumnWidth: (columnId, w) => columnResizeState.setColumnWidth(undefined, {
-        columnId,
-        width: w
-      }),
-      getColumnWidths: columnResizeState.getColumns,
-      getTableHeaderCellProps: columnId => {
-        const col = columnResizeState.getColumnById(columnId);
-        const aside = /*#__PURE__*/React.createElement(TableResizeHandle, {
-          onMouseDown: mouseHandler.getOnMouseDown(columnId),
-          onTouchStart: mouseHandler.getOnMouseDown(columnId)
-        });
-        return col ? {
-          style: getColumnStyles(col),
-          aside
-        } : {};
-      },
-      getTableCellProps: columnId => {
-        const col = columnResizeState.getColumnById(columnId);
-        return col ? {
-          style: getColumnStyles(col)
-        } : {};
-      },
-      enableKeyboardMode
-    }
-  };
+    const { columns  } = tableState;
+    // Gets the container width
+    const { width , measureElementRef  } = useMeasureElement();
+    // Creates the state based on columns and available containerWidth
+    const columnResizeState = useTableColumnResizeState(columns, width + ((params === null || params === void 0 ? void 0 : params.containerWidthOffset) || 0), params);
+    // Creates the mouse handler and attaches the state to it
+    const mouseHandler = useTableColumnResizeMouseHandler(columnResizeState);
+    // Creates the keyboard handler for resizing columns
+    const { toggleInteractiveMode , columnId: keyboardResizingColumnId  } = useKeyboardResizing(columnResizeState);
+    const enableKeyboardMode = React.useCallback((columnId, onChange)=>(e)=>{
+            e.preventDefault();
+            e.nativeEvent.stopPropagation();
+            toggleInteractiveMode(columnId, onChange);
+        }, [
+        toggleInteractiveMode
+    ]);
+    return {
+        ...tableState,
+        tableRef: measureElementRef,
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        columnSizing_unstable: {
+            getOnMouseDown: mouseHandler.getOnMouseDown,
+            setColumnWidth: (columnId, w)=>columnResizeState.setColumnWidth(undefined, {
+                    columnId,
+                    width: w
+                }),
+            getColumnWidths: columnResizeState.getColumns,
+            getTableHeaderCellProps: (columnId)=>{
+                const col = columnResizeState.getColumnById(columnId);
+                const aside = /*#__PURE__*/ React.createElement(TableResizeHandle, {
+                    onMouseDown: mouseHandler.getOnMouseDown(columnId),
+                    onTouchStart: mouseHandler.getOnMouseDown(columnId)
+                });
+                return col ? {
+                    style: getColumnStyles(col),
+                    aside,
+                    ...keyboardResizingColumnId === columnId ? {
+                        [KeyboardResizingCurrentColumnDataAttribute]: ''
+                    } : {}
+                } : {};
+            },
+            getTableCellProps: (columnId)=>{
+                const col = columnResizeState.getColumnById(columnId);
+                return col ? {
+                    style: getColumnStyles(col)
+                } : {};
+            },
+            enableKeyboardMode
+        }
+    };
 }
-//# sourceMappingURL=useTableColumnSizing.js.map

package/lib/hooks/useTableColumnSizing.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","TableResizeHandle","useMeasureElement","useTableColumnResizeMouseHandler","useTableColumnResizeState","useKeyboardResizing","defaultColumnSizingState","getColumnWidths","getOnMouseDown","setColumnWidth","getTableHeaderCellProps","style","columnId","getTableCellProps","enableKeyboardMode","useTableColumnSizing_unstable","params","tableState","useTableColumnSizingState","getColumnStyles","column","width","minWidth","maxWidth","columns","measureElementRef","columnResizeState","containerWidthOffset","mouseHandler","keyboardResizing","useCallback","onChange","e","preventDefault","nativeEvent","stopPropagation","toggleInteractiveMode","tableRef","columnSizing_unstable","w","undefined","getColumns","col","getColumnById","aside","createElement","onMouseDown","onTouchStart"],"sources":["../../src/hooks/useTableColumnSizing.tsx"],"sourcesContent":["import * as React from 'react';\nimport { TableResizeHandle } from '../TableResizeHandle';\nimport {\n  ColumnWidthState,\n  EnableKeyboardModeOnChangeCallback,\n  TableColumnId,\n  TableColumnSizingState,\n  TableFeaturesState,\n  UseTableColumnSizingParams,\n} from './types';\nimport { useMeasureElement } from './useMeasureElement';\nimport { useTableColumnResizeMouseHandler } from './useTableColumnResizeMouseHandler';\nimport { useTableColumnResizeState } from './useTableColumnResizeState';\nimport { useKeyboardResizing } from './useKeyboardResizing';\n\nexport const defaultColumnSizingState: TableColumnSizingState = {\n  getColumnWidths: () => [],\n  getOnMouseDown: () => () => null,\n  setColumnWidth: () => null,\n  getTableHeaderCellProps: () => ({ style: {}, columnId: '' }),\n  getTableCellProps: () => ({ style: {}, columnId: '' }),\n  enableKeyboardMode: () => () => null,\n};\n\nexport function useTableColumnSizing_unstable<TItem>(params?: UseTableColumnSizingParams) {\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>) => useTableColumnSizingState(tableState, params);\n}\n\nfunction getColumnStyles(column: ColumnWidthState): React.CSSProperties {\n  const width = column.width;\n\n  return {\n    // native styles\n    width,\n    // non-native element styles (flex layout)\n    minWidth: width,\n    maxWidth: width,\n  };\n}\n\nfunction useTableColumnSizingState<TItem>(\n  tableState: TableFeaturesState<TItem>,\n  params?: UseTableColumnSizingParams,\n): TableFeaturesState<TItem> {\n  const { columns } = tableState;\n\n  // Gets the container width\n  const { width, measureElementRef } = useMeasureElement();\n  // Creates the state based on columns and available containerWidth\n  const columnResizeState = useTableColumnResizeState(columns, width + (params?.containerWidthOffset || 0), params);\n  // Creates the mouse handler and attaches the state to it\n  const mouseHandler = useTableColumnResizeMouseHandler(columnResizeState);\n  // Creates the keyboard handler for resizing columns\n  const keyboardResizing = useKeyboardResizing(columnResizeState);\n\n  const enableKeyboardMode = React.useCallback(\n    (columnId: TableColumnId, onChange?: EnableKeyboardModeOnChangeCallback) =>\n      (e: React.MouseEvent | React.TouchEvent) => {\n        e.preventDefault();\n        e.nativeEvent.stopPropagation();\n        keyboardResizing.toggleInteractiveMode(columnId, onChange);\n      },\n    [keyboardResizing],\n  );\n\n  return {\n    ...tableState,\n    tableRef: measureElementRef,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    columnSizing_unstable: {\n      getOnMouseDown: mouseHandler.getOnMouseDown,\n      setColumnWidth: (columnId: TableColumnId, w: number) =>\n        columnResizeState.setColumnWidth(undefined, { columnId, width: w }),\n      getColumnWidths: columnResizeState.getColumns,\n      getTableHeaderCellProps: (columnId: TableColumnId) => {\n        const col = columnResizeState.getColumnById(columnId);\n\n        const aside = (\n          <TableResizeHandle\n            onMouseDown={mouseHandler.getOnMouseDown(columnId)}\n            onTouchStart={mouseHandler.getOnMouseDown(columnId)}\n          />\n        );\n        return col ? { style: getColumnStyles(col), aside } : {};\n      },\n      getTableCellProps: (columnId: TableColumnId) => {\n        const col = columnResizeState.getColumnById(columnId);\n        return col ? { style: getColumnStyles(col) } : {};\n      },\n      enableKeyboardMode,\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"sources":["useTableColumnSizing.tsx"],"sourcesContent":["import * as React from 'react';\nimport { TableResizeHandle } from '../TableResizeHandle';\nimport {\n  ColumnWidthState,\n  EnableKeyboardModeOnChangeCallback,\n  TableColumnId,\n  TableColumnSizingState,\n  TableFeaturesState,\n  UseTableColumnSizingParams,\n} from './types';\nimport { useMeasureElement } from './useMeasureElement';\nimport { useTableColumnResizeMouseHandler } from './useTableColumnResizeMouseHandler';\nimport { useTableColumnResizeState } from './useTableColumnResizeState';\nimport { useKeyboardResizing } from './useKeyboardResizing';\n\nexport const KeyboardResizingCurrentColumnDataAttribute = 'data-keyboard-resizing';\n\nexport const defaultColumnSizingState: TableColumnSizingState = {\n  getColumnWidths: () => [],\n  getOnMouseDown: () => () => null,\n  setColumnWidth: () => null,\n  getTableHeaderCellProps: () => ({ style: {}, columnId: '' }),\n  getTableCellProps: () => ({ style: {}, columnId: '' }),\n  enableKeyboardMode: () => () => null,\n};\n\nexport function useTableColumnSizing_unstable<TItem>(params?: UseTableColumnSizingParams) {\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>) => useTableColumnSizingState(tableState, params);\n}\n\nfunction getColumnStyles(column: ColumnWidthState): React.CSSProperties {\n  const width = column.width;\n\n  return {\n    // native styles\n    width,\n    // non-native element styles (flex layout)\n    minWidth: width,\n    maxWidth: width,\n  };\n}\n\nfunction useTableColumnSizingState<TItem>(\n  tableState: TableFeaturesState<TItem>,\n  params?: UseTableColumnSizingParams,\n): TableFeaturesState<TItem> {\n  const { columns } = tableState;\n\n  // Gets the container width\n  const { width, measureElementRef } = useMeasureElement();\n  // Creates the state based on columns and available containerWidth\n  const columnResizeState = useTableColumnResizeState(columns, width + (params?.containerWidthOffset || 0), params);\n  // Creates the mouse handler and attaches the state to it\n  const mouseHandler = useTableColumnResizeMouseHandler(columnResizeState);\n  // Creates the keyboard handler for resizing columns\n  const { toggleInteractiveMode, columnId: keyboardResizingColumnId } = useKeyboardResizing(columnResizeState);\n\n  const enableKeyboardMode = React.useCallback(\n    (columnId: TableColumnId, onChange?: EnableKeyboardModeOnChangeCallback) =>\n      (e: React.MouseEvent | React.TouchEvent) => {\n        e.preventDefault();\n        e.nativeEvent.stopPropagation();\n        toggleInteractiveMode(columnId, onChange);\n      },\n    [toggleInteractiveMode],\n  );\n\n  return {\n    ...tableState,\n    tableRef: measureElementRef,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    columnSizing_unstable: {\n      getOnMouseDown: mouseHandler.getOnMouseDown,\n      setColumnWidth: (columnId: TableColumnId, w: number) =>\n        columnResizeState.setColumnWidth(undefined, { columnId, width: w }),\n      getColumnWidths: columnResizeState.getColumns,\n      getTableHeaderCellProps: (columnId: TableColumnId) => {\n        const col = columnResizeState.getColumnById(columnId);\n\n        const aside = (\n          <TableResizeHandle\n            onMouseDown={mouseHandler.getOnMouseDown(columnId)}\n            onTouchStart={mouseHandler.getOnMouseDown(columnId)}\n          />\n        );\n        return col\n          ? {\n              style: getColumnStyles(col),\n              aside,\n              ...(keyboardResizingColumnId === columnId ? { [KeyboardResizingCurrentColumnDataAttribute]: '' } : {}),\n            }\n          : {};\n      },\n      getTableCellProps: (columnId: TableColumnId) => {\n        const col = columnResizeState.getColumnById(columnId);\n        return col ? { style: getColumnStyles(col) } : {};\n      },\n      enableKeyboardMode,\n    },\n  };\n}\n"],"names":["React","TableResizeHandle","useMeasureElement","useTableColumnResizeMouseHandler","useTableColumnResizeState","useKeyboardResizing","KeyboardResizingCurrentColumnDataAttribute","defaultColumnSizingState","getColumnWidths","getOnMouseDown","setColumnWidth","getTableHeaderCellProps","style","columnId","getTableCellProps","enableKeyboardMode","useTableColumnSizing_unstable","params","tableState","useTableColumnSizingState","getColumnStyles","column","width","minWidth","maxWidth","columns","measureElementRef","columnResizeState","containerWidthOffset","mouseHandler","toggleInteractiveMode","keyboardResizingColumnId","useCallback","onChange","e","preventDefault","nativeEvent","stopPropagation","tableRef","columnSizing_unstable","w","undefined","getColumns","col","getColumnById","aside","onMouseDown","onTouchStart"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ,uBAAuB;AASzD,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,gCAAgC,QAAQ,qCAAqC;AACtF,SAASC,yBAAyB,QAAQ,8BAA8B;AACxE,SAASC,mBAAmB,QAAQ,wBAAwB;AAE5D,OAAO,MAAMC,6CAA6C,yBAAyB;AAEnF,OAAO,MAAMC,2BAAmD;IAC9DC,iBAAiB,IAAM,EAAE;IACzBC,gBAAgB,IAAM,IAAM,IAAI;IAChCC,gBAAgB,IAAM,IAAI;IAC1BC,yBAAyB,IAAO,CAAA;YAAEC,OAAO,CAAC;YAAGC,UAAU;QAAG,CAAA;IAC1DC,mBAAmB,IAAO,CAAA;YAAEF,OAAO,CAAC;YAAGC,UAAU;QAAG,CAAA;IACpDE,oBAAoB,IAAM,IAAM,IAAI;AACtC,EAAE;AAEF,OAAO,SAASC,8BAAqCC,MAAmC,EAAE;IACxF,4EAA4E;IAC5E,sDAAsD;IACtD,OAAO,CAACC,aAA0CC,0BAA0BD,YAAYD;AAC1F,CAAC;AAED,SAASG,gBAAgBC,MAAwB,EAAuB;IACtE,MAAMC,QAAQD,OAAOC,KAAK;IAE1B,OAAO;QACL,gBAAgB;QAChBA;QACA,0CAA0C;QAC1CC,UAAUD;QACVE,UAAUF;IACZ;AACF;AAEA,SAASH,0BACPD,UAAqC,EACrCD,MAAmC,EACR;IAC3B,MAAM,EAAEQ,QAAO,EAAE,GAAGP;IAEpB,2BAA2B;IAC3B,MAAM,EAAEI,MAAK,EAAEI,kBAAiB,EAAE,GAAGxB;IACrC,kEAAkE;IAClE,MAAMyB,oBAAoBvB,0BAA0BqB,SAASH,QAASL,CAAAA,CAAAA,mBAAAA,oBAAAA,KAAAA,IAAAA,OAAQW,oBAAoB,AAAD,KAAK,CAAA,GAAIX;IAC1G,yDAAyD;IACzD,MAAMY,eAAe1B,iCAAiCwB;IACtD,oDAAoD;IACpD,MAAM,EAAEG,sBAAqB,EAAEjB,UAAUkB,yBAAwB,EAAE,GAAG1B,oBAAoBsB;IAE1F,MAAMZ,qBAAqBf,MAAMgC,WAAW,CAC1C,CAACnB,UAAyBoB,WACxB,CAACC,IAA2C;YAC1CA,EAAEC,cAAc;YAChBD,EAAEE,WAAW,CAACC,eAAe;YAC7BP,sBAAsBjB,UAAUoB;QAClC,GACF;QAACH;KAAsB;IAGzB,OAAO;QACL,GAAGZ,UAAU;QACboB,UAAUZ;QACV,gEAAgE;QAChEa,uBAAuB;YACrB9B,gBAAgBoB,aAAapB,cAAc;YAC3CC,gBAAgB,CAACG,UAAyB2B,IACxCb,kBAAkBjB,cAAc,CAAC+B,WAAW;oBAAE5B;oBAAUS,OAAOkB;gBAAE;YACnEhC,iBAAiBmB,kBAAkBe,UAAU;YAC7C/B,yBAAyB,CAACE,WAA4B;gBACpD,MAAM8B,MAAMhB,kBAAkBiB,aAAa,CAAC/B;gBAE5C,MAAMgC,sBACJ,oBAAC5C;oBACC6C,aAAajB,aAAapB,cAAc,CAACI;oBACzCkC,cAAclB,aAAapB,cAAc,CAACI;;gBAG9C,OAAO8B,MACH;oBACE/B,OAAOQ,gBAAgBuB;oBACvBE;oBACA,GAAId,6BAA6BlB,WAAW;wBAAE,CAACP,2CAA2C,EAAE;oBAAG,IAAI,CAAC,CAAC;gBACvG,IACA,CAAC,CAAC;YACR;YACAQ,mBAAmB,CAACD,WAA4B;gBAC9C,MAAM8B,MAAMhB,kBAAkBiB,aAAa,CAAC/B;gBAC5C,OAAO8B,MAAM;oBAAE/B,OAAOQ,gBAAgBuB;gBAAK,IAAI,CAAC,CAAC;YACnD;YACA5B;QACF;IACF;AACF"}

package/lib/hooks/useTableFeatures.js

@@ -2,44 +2,39 @@ import * as React from 'react';
 import { defaultTableSelectionState } from './useTableSelection';
 import { defaultTableSortState } from './useTableSort';
 import { defaultColumnSizingState } from './useTableColumnSizing';
-const defaultRowEnhancer = row => row;
+const defaultRowEnhancer = (row)=>row;
 export const defaultTableState = {
-  selection: defaultTableSelectionState,
-  sort: defaultTableSortState,
-  getRows: () => [],
-  getRowId: () => '',
-  items: [],
-  columns: [],
-  // eslint-disable-next-line @typescript-eslint/naming-convention
-  columnSizing_unstable: defaultColumnSizingState,
-  tableRef: /*#__PURE__*/React.createRef()
-};
-export function useTableFeatures(options, plugins = []) {
-  const {
-    items,
-    getRowId,
-    columns
-  } = options;
-  var _getRowId;
-  const getRows = (rowEnhancer = defaultRowEnhancer) => {
-    return items.map((item, i) => {
-      return rowEnhancer({
-        item,
-        rowId: (_getRowId = getRowId === null || getRowId === void 0 ? void 0 : getRowId(item)) !== null && _getRowId !== void 0 ? _getRowId : i
-      });
-    });
-  };
-  const initialState = {
-    getRowId,
-    items,
-    columns,
-    getRows,
     selection: defaultTableSelectionState,
     sort: defaultTableSortState,
+    getRows: ()=>[],
+    getRowId: ()=>'',
+    items: [],
+    columns: [],
     // eslint-disable-next-line @typescript-eslint/naming-convention
     columnSizing_unstable: defaultColumnSizingState,
-    tableRef: /*#__PURE__*/React.createRef()
-  };
-  return plugins.reduce((state, plugin) => plugin(state), initialState);
+    tableRef: React.createRef()
+};
+export function useTableFeatures(options, plugins = []) {
+    const { items , getRowId , columns  } = options;
+    var _getRowId;
+    const getRows = (rowEnhancer = defaultRowEnhancer)=>{
+        return items.map((item, i)=>{
+            return rowEnhancer({
+                item,
+                rowId: (_getRowId = getRowId === null || getRowId === void 0 ? void 0 : getRowId(item)) !== null && _getRowId !== void 0 ? _getRowId : i
+            });
+        });
+    };
+    const initialState = {
+        getRowId,
+        items,
+        columns,
+        getRows,
+        selection: defaultTableSelectionState,
+        sort: defaultTableSortState,
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        columnSizing_unstable: defaultColumnSizingState,
+        tableRef: React.createRef()
+    };
+    return plugins.reduce((state, plugin)=>plugin(state), initialState);
 }
-//# sourceMappingURL=useTableFeatures.js.map

package/lib/hooks/useTableFeatures.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","defaultTableSelectionState","defaultTableSortState","defaultColumnSizingState","defaultRowEnhancer","row","defaultTableState","selection","sort","getRows","getRowId","items","columns","columnSizing_unstable","tableRef","createRef","useTableFeatures","options","plugins","_getRowId","rowEnhancer","map","item","i","rowId","initialState","reduce","state","plugin"],"sources":["../../src/hooks/useTableFeatures.ts"],"sourcesContent":["import * as React from 'react';\nimport type {\n  UseTableFeaturesOptions,\n  TableFeaturesState,\n  TableRowData,\n  RowEnhancer,\n  TableFeaturePlugin,\n  TableSortState,\n} from './types';\nimport { defaultTableSelectionState } from './useTableSelection';\nimport { defaultTableSortState } from './useTableSort';\nimport { defaultColumnSizingState } from './useTableColumnSizing';\n\nconst defaultRowEnhancer: RowEnhancer<unknown, TableRowData<unknown>> = row => row;\n\nexport const defaultTableState: TableFeaturesState<unknown> = {\n  selection: defaultTableSelectionState,\n  sort: defaultTableSortState,\n  getRows: () => [],\n  getRowId: () => '',\n  items: [],\n  columns: [],\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  columnSizing_unstable: defaultColumnSizingState,\n  tableRef: React.createRef<HTMLDivElement>(),\n};\n\nexport function useTableFeatures<TItem>(\n  options: UseTableFeaturesOptions<TItem>,\n  plugins: TableFeaturePlugin[] = [],\n): TableFeaturesState<TItem> {\n  const { items, getRowId, columns } = options;\n\n  const getRows = <TRowState extends TableRowData<TItem>>(\n    rowEnhancer = defaultRowEnhancer as RowEnhancer<TItem, TRowState>,\n  ) => items.map((item, i) => rowEnhancer({ item, rowId: getRowId?.(item) ?? i }));\n\n  const initialState: TableFeaturesState<TItem> = {\n    getRowId,\n    items,\n    columns,\n    getRows,\n    selection: defaultTableSelectionState,\n    sort: defaultTableSortState as TableSortState<TItem>,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    columnSizing_unstable: defaultColumnSizingState,\n    tableRef: React.createRef(),\n  };\n\n  return plugins.reduce((state, plugin) => plugin(state), initialState);\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AASvB,SAASC,0BAA0B,QAAQ;AAC3C,SAASC,qBAAqB,QAAQ;AACtC,SAASC,wBAAwB,QAAQ;AAEzC,MAAMC,kBAAA,GAAkEC,GAAA,IAAOA,GAAA;AAE/E,OAAO,MAAMC,iBAAA,GAAiD;EAC5DC,SAAA,EAAWN,0BAAA;EACXO,IAAA,EAAMN,qBAAA;EACNO,OAAA,EAASA,CAAA,KAAM,EAAE;EACjBC,QAAA,EAAUA,CAAA,KAAM;EAChBC,KAAA,EAAO,EAAE;EACTC,OAAA,EAAS,EAAE;EACX;EACAC,qBAAA,EAAuBV,wBAAA;EACvBW,QAAA,eAAUd,KAAA,CAAMe,SAAS;AAC3B;AAEA,OAAO,SAASC,iBACdC,OAAuC,EACvCC,OAAA,GAAgC,EAAE,EACP;EAC3B,MAAM;IAAEP,KAAA;IAAOD,QAAA;IAAUE;EAAO,CAAE,GAAGK,OAAA;MAIkBE,SAAA;EAFvD,MAAMV,OAAA,GAAUA,CACdW,WAAA,GAAchB,kBAAmD;IAC9D,OAAAO,KAAA,CAAMU,GAAG,CAAC,CAACC,IAAA,EAAMC,CAAA;MAAM,OAAAH,WAAA,CAAY;QAAEE,IAAA;QAAME,KAAA,EAAO,CAAAL,SAAA,GAAAT,QAAA,aAAAA,QAAA,uBAAAA,QAAA,CAAWY,IAAA,eAAXH,SAAA,cAAAA,SAAA,GAAoBI;MAAE;;;EAE7E,MAAME,YAAA,GAA0C;IAC9Cf,QAAA;IACAC,KAAA;IACAC,OAAA;IACAH,OAAA;IACAF,SAAA,EAAWN,0BAAA;IACXO,IAAA,EAAMN,qBAAA;IACN;IACAW,qBAAA,EAAuBV,wBAAA;IACvBW,QAAA,eAAUd,KAAA,CAAMe,SAAS;EAC3B;EAEA,OAAOG,OAAA,CAAQQ,MAAM,CAAC,CAACC,KAAA,EAAOC,MAAA,KAAWA,MAAA,CAAOD,KAAA,GAAQF,YAAA;AAC1D"}
+{"version":3,"sources":["useTableFeatures.ts"],"sourcesContent":["import * as React from 'react';\nimport type {\n  UseTableFeaturesOptions,\n  TableFeaturesState,\n  TableRowData,\n  RowEnhancer,\n  TableFeaturePlugin,\n  TableSortState,\n} from './types';\nimport { defaultTableSelectionState } from './useTableSelection';\nimport { defaultTableSortState } from './useTableSort';\nimport { defaultColumnSizingState } from './useTableColumnSizing';\n\nconst defaultRowEnhancer: RowEnhancer<unknown, TableRowData<unknown>> = row => row;\n\nexport const defaultTableState: TableFeaturesState<unknown> = {\n  selection: defaultTableSelectionState,\n  sort: defaultTableSortState,\n  getRows: () => [],\n  getRowId: () => '',\n  items: [],\n  columns: [],\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  columnSizing_unstable: defaultColumnSizingState,\n  tableRef: React.createRef<HTMLDivElement>(),\n};\n\nexport function useTableFeatures<TItem>(\n  options: UseTableFeaturesOptions<TItem>,\n  plugins: TableFeaturePlugin[] = [],\n): TableFeaturesState<TItem> {\n  const { items, getRowId, columns } = options;\n\n  const getRows = <TRowState extends TableRowData<TItem>>(\n    rowEnhancer = defaultRowEnhancer as RowEnhancer<TItem, TRowState>,\n  ) => items.map((item, i) => rowEnhancer({ item, rowId: getRowId?.(item) ?? i }));\n\n  const initialState: TableFeaturesState<TItem> = {\n    getRowId,\n    items,\n    columns,\n    getRows,\n    selection: defaultTableSelectionState,\n    sort: defaultTableSortState as TableSortState<TItem>,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    columnSizing_unstable: defaultColumnSizingState,\n    tableRef: React.createRef(),\n  };\n\n  return plugins.reduce((state, plugin) => plugin(state), initialState);\n}\n"],"names":["React","defaultTableSelectionState","defaultTableSortState","defaultColumnSizingState","defaultRowEnhancer","row","defaultTableState","selection","sort","getRows","getRowId","items","columns","columnSizing_unstable","tableRef","createRef","useTableFeatures","options","plugins","rowEnhancer","map","item","i","rowId","initialState","reduce","state","plugin"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAS/B,SAASC,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,wBAAwB,QAAQ,yBAAyB;AAElE,MAAMC,qBAAkEC,CAAAA,MAAOA;AAE/E,OAAO,MAAMC,oBAAiD;IAC5DC,WAAWN;IACXO,MAAMN;IACNO,SAAS,IAAM,EAAE;IACjBC,UAAU,IAAM;IAChBC,OAAO,EAAE;IACTC,SAAS,EAAE;IACX,gEAAgE;IAChEC,uBAAuBV;IACvBW,UAAUd,MAAMe,SAAS;AAC3B,EAAE;AAEF,OAAO,SAASC,iBACdC,OAAuC,EACvCC,UAAgC,EAAE,EACP;IAC3B,MAAM,EAAEP,MAAK,EAAED,SAAQ,EAAEE,QAAO,EAAE,GAAGK;QAIkBP;IAFvD,MAAMD,UAAU,CACdU,cAAcf,kBAAmD;QAC9DO,OAAAA,MAAMS,GAAG,CAAC,CAACC,MAAMC;YAAMH,OAAAA,YAAY;gBAAEE;gBAAME,OAAOb,CAAAA,YAAAA,qBAAAA,sBAAAA,KAAAA,IAAAA,SAAWW,mBAAXX,uBAAAA,YAAoBY,CAAC;YAAC;;;IAE7E,MAAME,eAA0C;QAC9Cd;QACAC;QACAC;QACAH;QACAF,WAAWN;QACXO,MAAMN;QACN,gEAAgE;QAChEW,uBAAuBV;QACvBW,UAAUd,MAAMe,SAAS;IAC3B;IAEA,OAAOG,QAAQO,MAAM,CAAC,CAACC,OAAOC,SAAWA,OAAOD,QAAQF;AAC1D,CAAC"}

package/lib/hooks/useTableSelection.js

@@ -1,80 +1,78 @@
 import * as React from 'react';
 import { useControllableState, useEventCallback } from '@fluentui/react-utilities';
 import { createSelectionManager } from './selectionManager';
-const noop = () => undefined;
+const noop = ()=>undefined;
 export const defaultTableSelectionState = {
-  allRowsSelected: false,
-  clearRows: noop,
-  deselectRow: noop,
-  isRowSelected: () => false,
-  selectRow: noop,
-  selectedRows: /*#__PURE__*/new Set(),
-  someRowsSelected: false,
-  toggleAllRows: noop,
-  toggleRow: noop,
-  selectionMode: 'multiselect'
+    allRowsSelected: false,
+    clearRows: noop,
+    deselectRow: noop,
+    isRowSelected: ()=>false,
+    selectRow: noop,
+    selectedRows: new Set(),
+    someRowsSelected: false,
+    toggleAllRows: noop,
+    toggleRow: noop,
+    selectionMode: 'multiselect'
 };
 export function useTableSelection(options) {
-  // False positive, these plugin hooks are intended to be run on every render
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  return tableState => useTableSelectionState(tableState, options);
+    // False positive, these plugin hooks are intended to be run on every render
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    return (tableState)=>useTableSelectionState(tableState, options);
 }
 export function useTableSelectionState(tableState, options) {
-  const {
-    items,
-    getRowId
-  } = tableState;
-  const {
-    selectionMode,
-    defaultSelectedItems,
-    selectedItems,
-    onSelectionChange
-  } = options;
-  const [selected, setSelected] = useControllableState({
-    initialState: new Set(),
-    defaultState: React.useMemo(() => defaultSelectedItems && createSetFromIterable(defaultSelectedItems), [defaultSelectedItems]),
-    state: React.useMemo(() => selectedItems && createSetFromIterable(selectedItems), [selectedItems])
-  });
-  const selectionManager = React.useMemo(() => {
-    return createSelectionManager(selectionMode, (e, newSelectedItems) => {
-      setSelected(() => {
-        onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(e, {
-          selectedItems: newSelectedItems
+    const { items , getRowId  } = tableState;
+    const { selectionMode , defaultSelectedItems , selectedItems , onSelectionChange  } = options;
+    const [selected, setSelected] = useControllableState({
+        initialState: new Set(),
+        defaultState: React.useMemo(()=>defaultSelectedItems && createSetFromIterable(defaultSelectedItems), [
+            defaultSelectedItems
+        ]),
+        state: React.useMemo(()=>selectedItems && createSetFromIterable(selectedItems), [
+            selectedItems
+        ])
+    });
+    const selectionManager = React.useMemo(()=>{
+        return createSelectionManager(selectionMode, (e, newSelectedItems)=>{
+            setSelected(()=>{
+                onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(e, {
+                    selectedItems: newSelectedItems
+                });
+                return newSelectedItems;
+            });
         });
-        return newSelectedItems;
-      });
+    }, [
+        onSelectionChange,
+        selectionMode,
+        setSelected
+    ]);
+    const toggleAllRows = useEventCallback((e)=>{
+        var _getRowId;
+        selectionManager.toggleAllItems(e, items.map((item, i)=>{
+            return (_getRowId = getRowId === null || getRowId === void 0 ? void 0 : getRowId(item)) !== null && _getRowId !== void 0 ? _getRowId : i;
+        }), selected);
     });
-  }, [onSelectionChange, selectionMode, setSelected]);
-  const toggleAllRows = useEventCallback(e => {
-    var _getRowId;
-    selectionManager.toggleAllItems(e, items.map((item, i) => {
-      return (_getRowId = getRowId === null || getRowId === void 0 ? void 0 : getRowId(item)) !== null && _getRowId !== void 0 ? _getRowId : i;
-    }), selected);
-  });
-  const toggleRow = useEventCallback((e, rowId) => selectionManager.toggleItem(e, rowId, selected));
-  const deselectRow = useEventCallback((e, rowId) => selectionManager.deselectItem(e, rowId, selected));
-  const selectRow = useEventCallback((e, rowId) => selectionManager.selectItem(e, rowId, selected));
-  const isRowSelected = rowId => selectionManager.isSelected(rowId, selected);
-  return {
-    ...tableState,
-    selection: {
-      selectionMode,
-      someRowsSelected: selected.size > 0,
-      allRowsSelected: selectionMode === 'single' ? selected.size > 0 : selected.size === items.length,
-      selectedRows: selected,
-      toggleRow,
-      toggleAllRows,
-      clearRows: selectionManager.clearItems,
-      deselectRow,
-      selectRow,
-      isRowSelected
-    }
-  };
+    const toggleRow = useEventCallback((e, rowId)=>selectionManager.toggleItem(e, rowId, selected));
+    const deselectRow = useEventCallback((e, rowId)=>selectionManager.deselectItem(e, rowId, selected));
+    const selectRow = useEventCallback((e, rowId)=>selectionManager.selectItem(e, rowId, selected));
+    const isRowSelected = (rowId)=>selectionManager.isSelected(rowId, selected);
+    return {
+        ...tableState,
+        selection: {
+            selectionMode,
+            someRowsSelected: selected.size > 0,
+            allRowsSelected: selectionMode === 'single' ? selected.size > 0 : selected.size === items.length,
+            selectedRows: selected,
+            toggleRow,
+            toggleAllRows,
+            clearRows: selectionManager.clearItems,
+            deselectRow,
+            selectRow,
+            isRowSelected
+        }
+    };
 }
 /**
  * Creates a set from a given iterable, in case the iterable is a set itself, returns the given set instead.
- */
-function createSetFromIterable(iterable) {
-  return iterable instanceof Set ? iterable : new Set(iterable);
+ */ function createSetFromIterable(iterable) {
+    return iterable instanceof Set ? iterable : new Set(iterable);
 }
-//# sourceMappingURL=useTableSelection.js.map

package/lib/hooks/useTableSelection.js.map

@@ -1 +1 @@
-{"version":3,"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","_getRowId","toggleAllItems","map","item","i","rowId","toggleItem","deselectItem","selectItem","isSelected","selection","size","length","clearItems","iterable"],"sources":["../../src/hooks/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"],"mappings":"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"}
+{"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"}