@fluentui/react-table 9.2.12 → 9.3.0

package/lib-commonjs/contexts/columnIdContext.js

@@ -19,6 +19,4 @@ const columnIdContext = /*#__PURE__*/ _react.createContext(undefined);
 const columnIdContextDefaultValue = '';
 var _React_useContext;
 const useColumnIdContext = ()=>(_React_useContext = _react.useContext(columnIdContext)) !== null && _React_useContext !== void 0 ? _React_useContext : columnIdContextDefaultValue;
-const ColumnIdContextProvider = columnIdContext.Provider; //# sourceMappingURL=columnIdContext.js.map
-
-//# sourceMappingURL=columnIdContext.js.map
+const ColumnIdContextProvider = columnIdContext.Provider;

package/lib-commonjs/contexts/columnIdContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/contexts/columnIdContext.js"],"sourcesContent":["import * as React from 'react';\nconst columnIdContext = /*#__PURE__*/React.createContext(undefined);\nexport const columnIdContextDefaultValue = '';\nvar _React_useContext;\nexport const useColumnIdContext = () => (_React_useContext = React.useContext(columnIdContext)) !== null && _React_useContext !== void 0 ? _React_useContext : columnIdContextDefaultValue;\nexport const ColumnIdContextProvider = columnIdContext.Provider;\n//# sourceMappingURL=columnIdContext.js.map"],"names":["columnIdContextDefaultValue","useColumnIdContext","ColumnIdContextProvider","columnIdContext","React","createContext","undefined","_React_useContext","useContext","Provider"],"mappings":";;;;;;;;;;;IAEaA,2BAA2B,MAA3BA;IAEAC,kBAAkB,MAAlBA;IACAC,uBAAuB,MAAvBA;;;6DALU;AACvB,MAAMC,kBAAkB,WAAW,GAAEC,OAAMC,aAAa,CAACC;AAClD,MAAMN,8BAA8B;AAC3C,IAAIO;AACG,MAAMN,qBAAqB,IAAM,AAACM,CAAAA,oBAAoBH,OAAMI,UAAU,CAACL,gBAAe,MAAO,IAAI,IAAII,sBAAsB,KAAK,IAAIA,oBAAoBP,2BAA2B;AACnL,MAAME,0BAA0BC,gBAAgBM,QAAQ,EAC/D,2CAA2C"}
+{"version":3,"sources":["columnIdContext.js"],"sourcesContent":["import * as React from 'react';\nconst columnIdContext = React.createContext(undefined);\nexport const columnIdContextDefaultValue = '';\nvar _React_useContext;\nexport const useColumnIdContext = ()=>(_React_useContext = React.useContext(columnIdContext)) !== null && _React_useContext !== void 0 ? _React_useContext : columnIdContextDefaultValue;\nexport const ColumnIdContextProvider = columnIdContext.Provider;\n"],"names":["columnIdContextDefaultValue","useColumnIdContext","ColumnIdContextProvider","columnIdContext","React","createContext","undefined","_React_useContext","useContext","Provider"],"mappings":";;;;;;;;;;;IAEaA,2BAA2B,MAA3BA;IAEAC,kBAAkB,MAAlBA;IACAC,uBAAuB,MAAvBA;;;6DALU;AACvB,MAAMC,gCAAkBC,OAAMC,aAAa,CAACC;AACrC,MAAMN,8BAA8B;AAC3C,IAAIO;AACG,MAAMN,qBAAqB,IAAI,AAACM,CAAAA,oBAAoBH,OAAMI,UAAU,CAACL,gBAAe,MAAO,IAAI,IAAII,sBAAsB,KAAK,IAAIA,oBAAoBP,2BAA2B;AACjL,MAAME,0BAA0BC,gBAAgBM,QAAQ"}

package/lib-commonjs/contexts/dataGridContext.js

@@ -14,7 +14,7 @@ _export(exports, {
 });
 const _reactContextSelector = require("@fluentui/react-context-selector");
 const _hooks = require("../hooks");
-const dataGridContext = /*#__PURE__*/ (0, _reactContextSelector.createContext)(undefined);
+const dataGridContext = (0, _reactContextSelector.createContext)(undefined);
 const dataGridContextDefaultValue = {
     ..._hooks.defaultTableState,
     subtleSelection: false,
@@ -23,6 +23,4 @@ const dataGridContextDefaultValue = {
     focusMode: 'none'
 };
 const DataGridContextProvider = dataGridContext.Provider;
-const useDataGridContext_unstable = (selector)=>(0, _reactContextSelector.useContextSelector)(dataGridContext, (ctx = dataGridContextDefaultValue)=>selector(ctx)); //# sourceMappingURL=dataGridContext.js.map
-
-//# sourceMappingURL=dataGridContext.js.map
+const useDataGridContext_unstable = (selector)=>(0, _reactContextSelector.useContextSelector)(dataGridContext, (ctx = dataGridContextDefaultValue)=>selector(ctx));

package/lib-commonjs/contexts/dataGridContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/contexts/dataGridContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport { defaultTableState } from '../hooks';\nconst dataGridContext = /*#__PURE__*/createContext(undefined);\nconst dataGridContextDefaultValue = {\n  ...defaultTableState,\n  subtleSelection: false,\n  selectableRows: false,\n  selectionAppearance: 'brand',\n  focusMode: 'none'\n};\nexport const DataGridContextProvider = dataGridContext.Provider;\nexport const useDataGridContext_unstable = selector => useContextSelector(dataGridContext, (ctx = dataGridContextDefaultValue) => selector(ctx));\n//# sourceMappingURL=dataGridContext.js.map"],"names":["DataGridContextProvider","useDataGridContext_unstable","dataGridContext","createContext","undefined","dataGridContextDefaultValue","defaultTableState","subtleSelection","selectableRows","selectionAppearance","focusMode","Provider","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IAUaA,uBAAuB,MAAvBA;IACAC,2BAA2B,MAA3BA;;sCAXqC;uBAChB;AAClC,MAAMC,kBAAkB,WAAW,GAAEC,IAAAA,mCAAa,EAACC;AACnD,MAAMC,8BAA8B;IAClC,GAAGC,wBAAiB;IACpBC,iBAAiB,KAAK;IACtBC,gBAAgB,KAAK;IACrBC,qBAAqB;IACrBC,WAAW;AACb;AACO,MAAMV,0BAA0BE,gBAAgBS,QAAQ;AACxD,MAAMV,8BAA8BW,CAAAA,WAAYC,IAAAA,wCAAkB,EAACX,iBAAiB,CAACY,MAAMT,2BAA2B,GAAKO,SAASE,OAC3I,2CAA2C"}
+{"version":3,"sources":["dataGridContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport { defaultTableState } from '../hooks';\nconst dataGridContext = createContext(undefined);\nconst dataGridContextDefaultValue = {\n    ...defaultTableState,\n    subtleSelection: false,\n    selectableRows: false,\n    selectionAppearance: 'brand',\n    focusMode: 'none'\n};\nexport const DataGridContextProvider = dataGridContext.Provider;\nexport const useDataGridContext_unstable = (selector)=>useContextSelector(dataGridContext, (ctx = dataGridContextDefaultValue)=>selector(ctx));\n"],"names":["DataGridContextProvider","useDataGridContext_unstable","dataGridContext","createContext","undefined","dataGridContextDefaultValue","defaultTableState","subtleSelection","selectableRows","selectionAppearance","focusMode","Provider","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IAUaA,uBAAuB,MAAvBA;IACAC,2BAA2B,MAA3BA;;sCAXqC;uBAChB;AAClC,MAAMC,kBAAkBC,IAAAA,mCAAa,EAACC;AACtC,MAAMC,8BAA8B;IAChC,GAAGC,wBAAiB;IACpBC,iBAAiB,KAAK;IACtBC,gBAAgB,KAAK;IACrBC,qBAAqB;IACrBC,WAAW;AACf;AACO,MAAMV,0BAA0BE,gBAAgBS,QAAQ;AACxD,MAAMV,8BAA8B,CAACW,WAAWC,IAAAA,wCAAkB,EAACX,iBAAiB,CAACY,MAAMT,2BAA2B,GAAGO,SAASE"}

package/lib-commonjs/contexts/rowIdContext.js

@@ -19,6 +19,4 @@ const rowIdContext = /*#__PURE__*/ _react.createContext(undefined);
 const tableRowIdContextDefaultValue = '';
 var _React_useContext;
 const useTableRowIdContext = ()=>(_React_useContext = _react.useContext(rowIdContext)) !== null && _React_useContext !== void 0 ? _React_useContext : tableRowIdContextDefaultValue;
-const TableRowIdContextProvider = rowIdContext.Provider; //# sourceMappingURL=rowIdContext.js.map
-
-//# sourceMappingURL=rowIdContext.js.map
+const TableRowIdContextProvider = rowIdContext.Provider;

package/lib-commonjs/contexts/rowIdContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/contexts/rowIdContext.js"],"sourcesContent":["import * as React from 'react';\nconst rowIdContext = /*#__PURE__*/React.createContext(undefined);\nexport const tableRowIdContextDefaultValue = '';\nvar _React_useContext;\nexport const useTableRowIdContext = () => (_React_useContext = React.useContext(rowIdContext)) !== null && _React_useContext !== void 0 ? _React_useContext : tableRowIdContextDefaultValue;\nexport const TableRowIdContextProvider = rowIdContext.Provider;\n//# sourceMappingURL=rowIdContext.js.map"],"names":["tableRowIdContextDefaultValue","useTableRowIdContext","TableRowIdContextProvider","rowIdContext","React","createContext","undefined","_React_useContext","useContext","Provider"],"mappings":";;;;;;;;;;;IAEaA,6BAA6B,MAA7BA;IAEAC,oBAAoB,MAApBA;IACAC,yBAAyB,MAAzBA;;;6DALU;AACvB,MAAMC,eAAe,WAAW,GAAEC,OAAMC,aAAa,CAACC;AAC/C,MAAMN,gCAAgC;AAC7C,IAAIO;AACG,MAAMN,uBAAuB,IAAM,AAACM,CAAAA,oBAAoBH,OAAMI,UAAU,CAACL,aAAY,MAAO,IAAI,IAAII,sBAAsB,KAAK,IAAIA,oBAAoBP,6BAA6B;AACpL,MAAME,4BAA4BC,aAAaM,QAAQ,EAC9D,wCAAwC"}
+{"version":3,"sources":["rowIdContext.js"],"sourcesContent":["import * as React from 'react';\nconst rowIdContext = React.createContext(undefined);\nexport const tableRowIdContextDefaultValue = '';\nvar _React_useContext;\nexport const useTableRowIdContext = ()=>(_React_useContext = React.useContext(rowIdContext)) !== null && _React_useContext !== void 0 ? _React_useContext : tableRowIdContextDefaultValue;\nexport const TableRowIdContextProvider = rowIdContext.Provider;\n"],"names":["tableRowIdContextDefaultValue","useTableRowIdContext","TableRowIdContextProvider","rowIdContext","React","createContext","undefined","_React_useContext","useContext","Provider"],"mappings":";;;;;;;;;;;IAEaA,6BAA6B,MAA7BA;IAEAC,oBAAoB,MAApBA;IACAC,yBAAyB,MAAzBA;;;6DALU;AACvB,MAAMC,6BAAeC,OAAMC,aAAa,CAACC;AAClC,MAAMN,gCAAgC;AAC7C,IAAIO;AACG,MAAMN,uBAAuB,IAAI,AAACM,CAAAA,oBAAoBH,OAAMI,UAAU,CAACL,aAAY,MAAO,IAAI,IAAII,sBAAsB,KAAK,IAAIA,oBAAoBP,6BAA6B;AAClL,MAAME,4BAA4BC,aAAaM,QAAQ"}

package/lib-commonjs/contexts/tableContext.js

@@ -23,6 +23,4 @@ const tableContextDefaultValue = {
 };
 const TableContextProvider = tableContext.Provider;
 var _React_useContext;
-const useTableContext = ()=>(_React_useContext = _react.useContext(tableContext)) !== null && _React_useContext !== void 0 ? _React_useContext : tableContextDefaultValue; //# sourceMappingURL=tableContext.js.map
-
-//# sourceMappingURL=tableContext.js.map
+const useTableContext = ()=>(_React_useContext = _react.useContext(tableContext)) !== null && _React_useContext !== void 0 ? _React_useContext : tableContextDefaultValue;

package/lib-commonjs/contexts/tableContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/contexts/tableContext.js"],"sourcesContent":["import * as React from 'react';\nconst tableContext = /*#__PURE__*/React.createContext(undefined);\nexport const tableContextDefaultValue = {\n  size: 'medium',\n  noNativeElements: false,\n  sortable: false\n};\nexport const TableContextProvider = tableContext.Provider;\nvar _React_useContext;\nexport const useTableContext = () => (_React_useContext = React.useContext(tableContext)) !== null && _React_useContext !== void 0 ? _React_useContext : tableContextDefaultValue;\n//# sourceMappingURL=tableContext.js.map"],"names":["tableContextDefaultValue","TableContextProvider","useTableContext","tableContext","React","createContext","undefined","size","noNativeElements","sortable","Provider","_React_useContext","useContext"],"mappings":";;;;;;;;;;;IAEaA,wBAAwB,MAAxBA;IAKAC,oBAAoB,MAApBA;IAEAC,eAAe,MAAfA;;;6DATU;AACvB,MAAMC,eAAe,WAAW,GAAEC,OAAMC,aAAa,CAACC;AAC/C,MAAMN,2BAA2B;IACtCO,MAAM;IACNC,kBAAkB,KAAK;IACvBC,UAAU,KAAK;AACjB;AACO,MAAMR,uBAAuBE,aAAaO,QAAQ;AACzD,IAAIC;AACG,MAAMT,kBAAkB,IAAM,AAACS,CAAAA,oBAAoBP,OAAMQ,UAAU,CAACT,aAAY,MAAO,IAAI,IAAIQ,sBAAsB,KAAK,IAAIA,oBAAoBX,wBAAwB,EACjL,wCAAwC"}
+{"version":3,"sources":["tableContext.js"],"sourcesContent":["import * as React from 'react';\nconst tableContext = React.createContext(undefined);\nexport const tableContextDefaultValue = {\n    size: 'medium',\n    noNativeElements: false,\n    sortable: false\n};\nexport const TableContextProvider = tableContext.Provider;\nvar _React_useContext;\nexport const useTableContext = ()=>(_React_useContext = React.useContext(tableContext)) !== null && _React_useContext !== void 0 ? _React_useContext : tableContextDefaultValue;\n"],"names":["tableContextDefaultValue","TableContextProvider","useTableContext","tableContext","React","createContext","undefined","size","noNativeElements","sortable","Provider","_React_useContext","useContext"],"mappings":";;;;;;;;;;;IAEaA,wBAAwB,MAAxBA;IAKAC,oBAAoB,MAApBA;IAEAC,eAAe,MAAfA;;;6DATU;AACvB,MAAMC,6BAAeC,OAAMC,aAAa,CAACC;AAClC,MAAMN,2BAA2B;IACpCO,MAAM;IACNC,kBAAkB,KAAK;IACvBC,UAAU,KAAK;AACnB;AACO,MAAMR,uBAAuBE,aAAaO,QAAQ;AACzD,IAAIC;AACG,MAAMT,kBAAkB,IAAI,AAACS,CAAAA,oBAAoBP,OAAMQ,UAAU,CAACT,aAAY,MAAO,IAAI,IAAIQ,sBAAsB,KAAK,IAAIA,oBAAoBX,wBAAwB"}

package/lib-commonjs/contexts/tableHeaderContext.js

@@ -17,6 +17,4 @@ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const tableHeaderContext = /*#__PURE__*/ _react.createContext(undefined);
 const tableHeaderContextDefaultValue = '';
 const TableHeaderContextProvider = tableHeaderContext.Provider;
-const useIsInTableHeader = ()=>_react.useContext(tableHeaderContext) === tableHeaderContextDefaultValue; //# sourceMappingURL=tableHeaderContext.js.map
-
-//# sourceMappingURL=tableHeaderContext.js.map
+const useIsInTableHeader = ()=>_react.useContext(tableHeaderContext) === tableHeaderContextDefaultValue;

package/lib-commonjs/contexts/tableHeaderContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/contexts/tableHeaderContext.js"],"sourcesContent":["import * as React from 'react';\nconst tableHeaderContext = /*#__PURE__*/React.createContext(undefined);\nconst tableHeaderContextDefaultValue = '';\nexport const TableHeaderContextProvider = tableHeaderContext.Provider;\nexport const useIsInTableHeader = () => React.useContext(tableHeaderContext) === tableHeaderContextDefaultValue;\n//# sourceMappingURL=tableHeaderContext.js.map"],"names":["TableHeaderContextProvider","useIsInTableHeader","tableHeaderContext","React","createContext","undefined","tableHeaderContextDefaultValue","Provider","useContext"],"mappings":";;;;;;;;;;;IAGaA,0BAA0B,MAA1BA;IACAC,kBAAkB,MAAlBA;;;6DAJU;AACvB,MAAMC,qBAAqB,WAAW,GAAEC,OAAMC,aAAa,CAACC;AAC5D,MAAMC,iCAAiC;AAChC,MAAMN,6BAA6BE,mBAAmBK,QAAQ;AAC9D,MAAMN,qBAAqB,IAAME,OAAMK,UAAU,CAACN,wBAAwBI,gCACjF,8CAA8C"}
+{"version":3,"sources":["tableHeaderContext.js"],"sourcesContent":["import * as React from 'react';\nconst tableHeaderContext = React.createContext(undefined);\nconst tableHeaderContextDefaultValue = '';\nexport const TableHeaderContextProvider = tableHeaderContext.Provider;\nexport const useIsInTableHeader = ()=>React.useContext(tableHeaderContext) === tableHeaderContextDefaultValue;\n"],"names":["TableHeaderContextProvider","useIsInTableHeader","tableHeaderContext","React","createContext","undefined","tableHeaderContextDefaultValue","Provider","useContext"],"mappings":";;;;;;;;;;;IAGaA,0BAA0B,MAA1BA;IACAC,kBAAkB,MAAlBA;;;6DAJU;AACvB,MAAMC,mCAAqBC,OAAMC,aAAa,CAACC;AAC/C,MAAMC,iCAAiC;AAChC,MAAMN,6BAA6BE,mBAAmBK,QAAQ;AAC9D,MAAMN,qBAAqB,IAAIE,OAAMK,UAAU,CAACN,wBAAwBI"}

package/lib-commonjs/hooks/createColumn.js

@@ -29,6 +29,4 @@ function createTableColumn(options) {
         renderHeaderCell,
         compare
     };
-} //# sourceMappingURL=createColumn.js.map
-
-//# sourceMappingURL=createColumn.js.map
+}

package/lib-commonjs/hooks/createColumn.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/createColumn.js"],"sourcesContent":["const defaultCompare = () => 0;\nconst defaultRenderCell = () => {\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line no-console\n    console.warn('@fluentui/react-table: You are using the default column renderCell function that renders null');\n  }\n  return null;\n};\nconst defaultRenderHeaderCell = () => {\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line no-console\n    console.warn('@fluentui/react-table: You are using the default column renderHeaderCell function that renders null');\n  }\n  return null;\n};\n/**\n * Helper function to create column definition with defaults\n * @param options - column definition options\n * @returns - column definition with defaults\n */\nexport function createTableColumn(options) {\n  const {\n    columnId,\n    renderCell = defaultRenderCell,\n    renderHeaderCell = defaultRenderHeaderCell,\n    compare = defaultCompare\n  } = options;\n  return {\n    columnId,\n    renderCell,\n    renderHeaderCell,\n    compare\n  };\n}\n//# sourceMappingURL=createColumn.js.map"],"names":["createTableColumn","defaultCompare","defaultRenderCell","process","env","NODE_ENV","console","warn","defaultRenderHeaderCell","options","columnId","renderCell","renderHeaderCell","compare"],"mappings":";;;;+BAoBgBA;;aAAAA;;AApBhB,MAAMC,iBAAiB,IAAM;AAC7B,MAAMC,oBAAoB,IAAM;IAC9B,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzC,sCAAsC;QACtCC,QAAQC,IAAI,CAAC;IACf,CAAC;IACD,OAAO,IAAI;AACb;AACA,MAAMC,0BAA0B,IAAM;IACpC,IAAIL,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzC,sCAAsC;QACtCC,QAAQC,IAAI,CAAC;IACf,CAAC;IACD,OAAO,IAAI;AACb;AAMO,SAASP,kBAAkBS,OAAO,EAAE;IACzC,MAAM,EACJC,SAAQ,EACRC,YAAaT,kBAAiB,EAC9BU,kBAAmBJ,wBAAuB,EAC1CK,SAAUZ,eAAc,EACzB,GAAGQ;IACJ,OAAO;QACLC;QACAC;QACAC;QACAC;IACF;AACF,EACA,wCAAwC"}
+{"version":3,"sources":["createColumn.js"],"sourcesContent":["const defaultCompare = ()=>0;\nconst defaultRenderCell = ()=>{\n    if (process.env.NODE_ENV !== 'production') {\n        // eslint-disable-next-line no-console\n        console.warn('@fluentui/react-table: You are using the default column renderCell function that renders null');\n    }\n    return null;\n};\nconst defaultRenderHeaderCell = ()=>{\n    if (process.env.NODE_ENV !== 'production') {\n        // eslint-disable-next-line no-console\n        console.warn('@fluentui/react-table: You are using the default column renderHeaderCell function that renders null');\n    }\n    return null;\n};\n/**\n * Helper function to create column definition with defaults\n * @param options - column definition options\n * @returns - column definition with defaults\n */ export function createTableColumn(options) {\n    const { columnId , renderCell =defaultRenderCell , renderHeaderCell =defaultRenderHeaderCell , compare =defaultCompare  } = options;\n    return {\n        columnId,\n        renderCell,\n        renderHeaderCell,\n        compare\n    };\n}\n"],"names":["createTableColumn","defaultCompare","defaultRenderCell","process","env","NODE_ENV","console","warn","defaultRenderHeaderCell","options","columnId","renderCell","renderHeaderCell","compare"],"mappings":";;;;+BAmBoBA;;aAAAA;;AAnBpB,MAAMC,iBAAiB,IAAI;AAC3B,MAAMC,oBAAoB,IAAI;IAC1B,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACvC,sCAAsC;QACtCC,QAAQC,IAAI,CAAC;IACjB,CAAC;IACD,OAAO,IAAI;AACf;AACA,MAAMC,0BAA0B,IAAI;IAChC,IAAIL,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACvC,sCAAsC;QACtCC,QAAQC,IAAI,CAAC;IACjB,CAAC;IACD,OAAO,IAAI;AACf;AAKW,SAASP,kBAAkBS,OAAO,EAAE;IAC3C,MAAM,EAAEC,SAAQ,EAAGC,YAAYT,kBAAiB,EAAGU,kBAAkBJ,wBAAuB,EAAGK,SAASZ,eAAc,EAAG,GAAGQ;IAC5H,OAAO;QACHC;QACAC;QACAC;QACAC;IACJ;AACJ"}

package/lib-commonjs/hooks/index.js

@@ -9,6 +9,3 @@ _exportStar(require("./useTableSort"), exports);
 _exportStar(require("./useTableSelection"), exports);
 _exportStar(require("./createColumn"), exports);
 _exportStar(require("./useTableColumnSizing"), exports);
- //# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

package/lib-commonjs/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/index.js"],"sourcesContent":["export * from './types';\nexport * from './useTableFeatures';\nexport * from './useTableSort';\nexport * from './useTableSelection';\nexport * from './createColumn';\nexport * from './useTableColumnSizing';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './types';\nexport * from './useTableFeatures';\nexport * from './useTableSort';\nexport * from './useTableSelection';\nexport * from './createColumn';\nexport * from './useTableColumnSizing';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA"}

package/lib-commonjs/hooks/selectionManager.js

@@ -83,6 +83,4 @@ function createSingleSelectionManager(onSelectionChange) {
         clearItems,
         isSelected
     };
-} //# sourceMappingURL=selectionManager.js.map
-
-//# sourceMappingURL=selectionManager.js.map
+}

package/lib-commonjs/hooks/selectionManager.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/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([itemId]));\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([itemId]));\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//# sourceMappingURL=selectionManager.js.map"],"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,IAAMC,SAAS,EAAE;IAChF,MAAMC,iBAAiBH,SAAS,gBAAgBI,iCAAiCC,4BAA4B;IAC7G,OAAOF,eAAeF;AACxB;AACA,SAASG,+BAA+BH,iBAAiB,EAAE;IACzD,MAAMK,iBAAiB,CAACC,GAAGC,SAASC,gBAAkB;QACpD,MAAMC,mBAAmBF,QAAQG,KAAK,CAACC,CAAAA,SAAUH,cAAcI,GAAG,CAACD;QACnE,IAAIF,kBAAkB;YACpBD,cAAcK,KAAK;QACrB,OAAO;YACLN,QAAQO,OAAO,CAACH,CAAAA,SAAUH,cAAcO,GAAG,CAACJ;QAC9C,CAAC;QACDX,kBAAkBM,GAAG,IAAIU,IAAIR;IAC/B;IACA,MAAMS,aAAa,CAACX,GAAGK,QAAQH,gBAAkB;QAC/C,IAAIA,cAAcI,GAAG,CAACD,SAAS;YAC7BH,cAAcU,MAAM,CAACP;QACvB,OAAO;YACLH,cAAcO,GAAG,CAACJ;QACpB,CAAC;QACDX,kBAAkBM,GAAG,IAAIU,IAAIR;IAC/B;IACA,MAAMW,aAAa,CAACb,GAAGK,QAAQH,gBAAkB;QAC/CA,cAAcO,GAAG,CAACJ;QAClBX,kBAAkBM,GAAG,IAAIU,IAAIR;IAC/B;IACA,MAAMY,eAAe,CAACd,GAAGK,QAAQH,gBAAkB;QACjDA,cAAcU,MAAM,CAACP;QACrBX,kBAAkBM,GAAG,IAAIU,IAAIR;IAC/B;IACA,MAAMa,aAAaf,CAAAA,IAAK;QACtBN,kBAAkBM,GAAG,IAAIU;IAC3B;IACA,MAAMM,aAAa,CAACX,QAAQH,gBAAkB;QAC5C,OAAOA,cAAcI,GAAG,CAACD;IAC3B;IACA,OAAO;QACLM;QACAE;QACAC;QACAC;QACAC;QACAjB;IACF;AACF;AACA,SAASD,6BAA6BJ,iBAAiB,EAAE;IACvD,MAAMiB,aAAa,CAACX,GAAGK,SAAW;QAChCX,kBAAkBM,GAAG,IAAIU,IAAI;YAACL;SAAO;IACvC;IACA,MAAMU,aAAaf,CAAAA,IAAK;QACtBN,kBAAkBM,GAAG,IAAIU;IAC3B;IACA,MAAMM,aAAa,CAACX,QAAQH,gBAAkB;QAC5C,OAAOA,cAAcI,GAAG,CAACD;IAC3B;IACA,MAAMQ,aAAa,CAACb,GAAGK,SAAW;QAChCX,kBAAkBM,GAAG,IAAIU,IAAI;YAACL;SAAO;IACvC;IACA,OAAO;QACLS,cAAcC;QACdF;QACAd,gBAAgB,IAAM;YACpB,IAAIkB,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;gBACzC,MAAM,IAAIC,MAAM,+EAA+E;YACjG,CAAC;YACD,OAAOzB;QACT;QACAgB;QACAI;QACAC;IACF;AACF,EACA,4CAA4C"}
+{"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"}

package/lib-commonjs/hooks/types.js

@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
 });
 const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
- //# sourceMappingURL=types.js.map
-
-//# sourceMappingURL=types.js.map

package/lib-commonjs/hooks/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/types.js"],"sourcesContent":["import * as React from 'react';\n//# sourceMappingURL=types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,iCAAiC"}
+{"version":3,"sources":["types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;6DAAuB"}

package/lib-commonjs/hooks/useKeyboardResizing.js

@@ -15,7 +15,7 @@ const STEP = 20;
 const PRECISION_MODIFIER = _keyboardKeys.Shift;
 const PRECISION_FACTOR = 1 / 4;
 function useKeyboardResizing(columnResizeState) {
-    const columnId = _react.useRef();
+    const [columnId, setColumnId] = _react.useState();
     const onChangeRef = _react.useRef();
     const addListenerTimeout = _react.useRef();
     const columnResizeStateRef = _react.useRef(columnResizeState);
@@ -26,11 +26,10 @@ function useKeyboardResizing(columnResizeState) {
     ]);
     const { targetDocument  } = (0, _reactSharedContexts.useFluent_unstable)();
     const keyboardHandler = (0, _reactUtilities.useEventCallback)((event)=>{
-        const colId = columnId.current;
-        if (!colId) {
+        if (!columnId) {
             return;
         }
-        const width = columnResizeStateRef.current.getColumnWidth(colId);
+        const width = columnResizeStateRef.current.getColumnWidth(columnId);
         const precisionModifier = event.getModifierState(PRECISION_MODIFIER);
         const stopEvent = ()=>{
             event.preventDefault();
@@ -40,14 +39,14 @@ function useKeyboardResizing(columnResizeState) {
             case _keyboardKeys.ArrowLeft:
                 stopEvent();
                 columnResizeStateRef.current.setColumnWidth(event, {
-                    columnId: colId,
+                    columnId,
                     width: width - (precisionModifier ? STEP * PRECISION_FACTOR : STEP)
                 });
                 return;
             case _keyboardKeys.ArrowRight:
                 stopEvent();
                 columnResizeStateRef.current.setColumnWidth(event, {
-                    columnId: colId,
+                    columnId,
                     width: width + (precisionModifier ? STEP * PRECISION_FACTOR : STEP)
                 });
                 return;
@@ -72,7 +71,7 @@ function useKeyboardResizing(columnResizeState) {
     ]);
     const enableInteractiveMode = _react.useCallback((colId)=>{
         var _onChangeRef_current, _targetDocument_defaultView;
-        columnId.current = colId;
+        setColumnId(colId);
         (_onChangeRef_current = onChangeRef.current) === null || _onChangeRef_current === void 0 ? void 0 : _onChangeRef_current.call(onChangeRef, colId, true);
         // Create the listener in the next tick, because the event that triggered this is still propagating
         // when Enter was pressed and would be caught in the keyboardHandler, disabling the keyboard mode immediately.
@@ -88,30 +87,30 @@ function useKeyboardResizing(columnResizeState) {
     ]);
     const disableInteractiveMode = _react.useCallback(()=>{
         var _targetDocument_defaultView;
-        if (columnId.current) {
+        if (columnId) {
             var _onChangeRef_current;
-            (_onChangeRef_current = onChangeRef.current) === null || _onChangeRef_current === void 0 ? void 0 : _onChangeRef_current.call(onChangeRef, columnId.current, false);
+            (_onChangeRef_current = onChangeRef.current) === null || _onChangeRef_current === void 0 ? void 0 : _onChangeRef_current.call(onChangeRef, columnId, false);
         }
-        columnId.current = undefined;
+        setColumnId(undefined);
         targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.removeEventListener('keydown', keyboardHandler);
     }, [
+        columnId,
         keyboardHandler,
         targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView
     ]);
     const toggleInteractiveMode = (colId, onChange)=>{
         onChangeRef.current = onChange;
-        if (!columnId.current) {
+        if (!columnId) {
             enableInteractiveMode(colId);
-        } else if (colId && columnId.current !== colId) {
-            columnId.current = colId;
-            onChange === null || onChange === void 0 ? void 0 : onChange(columnId.current, true);
+        } else if (colId && columnId !== colId) {
+            setColumnId(colId);
+            onChange === null || onChange === void 0 ? void 0 : onChange(columnId, true);
         } else {
             disableInteractiveMode();
         }
     };
     return {
-        toggleInteractiveMode
+        toggleInteractiveMode,
+        columnId
     };
-} //# sourceMappingURL=useKeyboardResizing.js.map
-
-//# sourceMappingURL=useKeyboardResizing.js.map
+}

package/lib-commonjs/hooks/useKeyboardResizing.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/useKeyboardResizing.js"],"sourcesContent":["import * as React from 'react';\nimport { ArrowLeft, ArrowRight, Enter, Escape, Shift, Space } from '@fluentui/keyboard-keys';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nconst STEP = 20;\nconst PRECISION_MODIFIER = Shift;\nconst PRECISION_FACTOR = 1 / 4;\nexport function useKeyboardResizing(columnResizeState) {\n  const columnId = React.useRef();\n  const onChangeRef = React.useRef();\n  const addListenerTimeout = React.useRef();\n  const columnResizeStateRef = React.useRef(columnResizeState);\n  React.useEffect(() => {\n    columnResizeStateRef.current = columnResizeState;\n  }, [columnResizeState]);\n  const {\n    targetDocument\n  } = useFluent();\n  const keyboardHandler = useEventCallback(event => {\n    const colId = columnId.current;\n    if (!colId) {\n      return;\n    }\n    const width = columnResizeStateRef.current.getColumnWidth(colId);\n    const precisionModifier = event.getModifierState(PRECISION_MODIFIER);\n    const stopEvent = () => {\n      event.preventDefault();\n      event.stopPropagation();\n    };\n    switch (event.key) {\n      case ArrowLeft:\n        stopEvent();\n        columnResizeStateRef.current.setColumnWidth(event, {\n          columnId: colId,\n          width: width - (precisionModifier ? STEP * PRECISION_FACTOR : STEP)\n        });\n        return;\n      case ArrowRight:\n        stopEvent();\n        columnResizeStateRef.current.setColumnWidth(event, {\n          columnId: colId,\n          width: width + (precisionModifier ? STEP * PRECISION_FACTOR : STEP)\n        });\n        return;\n      case Space:\n      case Enter:\n      case Escape:\n        stopEvent();\n        disableInteractiveMode();\n        break;\n    }\n  });\n  // On component unmout, cancel any timer for adding a listener (if it exists) and remove the listener\n  React.useEffect(() => {\n    return () => {\n      var _targetDocument_defaultView, _targetDocument_defaultView1;\n      targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.clearTimeout(addListenerTimeout.current);\n      targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView1 = targetDocument.defaultView) === null || _targetDocument_defaultView1 === void 0 ? void 0 : _targetDocument_defaultView1.removeEventListener('keydown', keyboardHandler);\n    };\n  }, [keyboardHandler, targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView]);\n  const enableInteractiveMode = React.useCallback(colId => {\n    var _onChangeRef_current, _targetDocument_defaultView;\n    columnId.current = colId;\n    (_onChangeRef_current = onChangeRef.current) === null || _onChangeRef_current === void 0 ? void 0 : _onChangeRef_current.call(onChangeRef, colId, true);\n    // Create the listener in the next tick, because the event that triggered this is still propagating\n    // when Enter was pressed and would be caught in the keyboardHandler, disabling the keyboard mode immediately.\n    // No idea why this is happening, but this is a working workaround.\n    // Tracked here: https://github.com/microsoft/fluentui/issues/27177\n    addListenerTimeout.current = targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.setTimeout(() => {\n      var _targetDocument_defaultView;\n      targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.addEventListener('keydown', keyboardHandler);\n    }, 0);\n  }, [keyboardHandler, targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView]);\n  const disableInteractiveMode = React.useCallback(() => {\n    var _targetDocument_defaultView;\n    if (columnId.current) {\n      var _onChangeRef_current;\n      (_onChangeRef_current = onChangeRef.current) === null || _onChangeRef_current === void 0 ? void 0 : _onChangeRef_current.call(onChangeRef, columnId.current, false);\n    }\n    columnId.current = undefined;\n    targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.removeEventListener('keydown', keyboardHandler);\n  }, [keyboardHandler, targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView]);\n  const toggleInteractiveMode = (colId, onChange) => {\n    onChangeRef.current = onChange;\n    if (!columnId.current) {\n      enableInteractiveMode(colId);\n    } else if (colId && columnId.current !== colId) {\n      columnId.current = colId;\n      onChange === null || onChange === void 0 ? void 0 : onChange(columnId.current, true);\n    } else {\n      disableInteractiveMode();\n    }\n  };\n  return {\n    toggleInteractiveMode\n  };\n}\n//# sourceMappingURL=useKeyboardResizing.js.map"],"names":["useKeyboardResizing","STEP","PRECISION_MODIFIER","Shift","PRECISION_FACTOR","columnResizeState","columnId","React","useRef","onChangeRef","addListenerTimeout","columnResizeStateRef","useEffect","current","targetDocument","useFluent","keyboardHandler","useEventCallback","event","colId","width","getColumnWidth","precisionModifier","getModifierState","stopEvent","preventDefault","stopPropagation","key","ArrowLeft","setColumnWidth","ArrowRight","Space","Enter","Escape","disableInteractiveMode","_targetDocument_defaultView","_targetDocument_defaultView1","defaultView","clearTimeout","removeEventListener","enableInteractiveMode","useCallback","_onChangeRef_current","call","setTimeout","addEventListener","undefined","toggleInteractiveMode","onChange"],"mappings":"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"}
+{"version":3,"sources":["useKeyboardResizing.js"],"sourcesContent":["import * as React from 'react';\nimport { ArrowLeft, ArrowRight, Enter, Escape, Shift, Space } from '@fluentui/keyboard-keys';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nconst STEP = 20;\nconst PRECISION_MODIFIER = Shift;\nconst PRECISION_FACTOR = 1 / 4;\nexport function useKeyboardResizing(columnResizeState) {\n    const [columnId, setColumnId] = React.useState();\n    const onChangeRef = React.useRef();\n    const addListenerTimeout = React.useRef();\n    const columnResizeStateRef = React.useRef(columnResizeState);\n    React.useEffect(()=>{\n        columnResizeStateRef.current = columnResizeState;\n    }, [\n        columnResizeState\n    ]);\n    const { targetDocument  } = useFluent();\n    const keyboardHandler = useEventCallback((event)=>{\n        if (!columnId) {\n            return;\n        }\n        const width = columnResizeStateRef.current.getColumnWidth(columnId);\n        const precisionModifier = event.getModifierState(PRECISION_MODIFIER);\n        const stopEvent = ()=>{\n            event.preventDefault();\n            event.stopPropagation();\n        };\n        switch(event.key){\n            case ArrowLeft:\n                stopEvent();\n                columnResizeStateRef.current.setColumnWidth(event, {\n                    columnId,\n                    width: width - (precisionModifier ? STEP * PRECISION_FACTOR : STEP)\n                });\n                return;\n            case ArrowRight:\n                stopEvent();\n                columnResizeStateRef.current.setColumnWidth(event, {\n                    columnId,\n                    width: width + (precisionModifier ? STEP * PRECISION_FACTOR : STEP)\n                });\n                return;\n            case Space:\n            case Enter:\n            case Escape:\n                stopEvent();\n                disableInteractiveMode();\n                break;\n        }\n    });\n    // On component unmout, cancel any timer for adding a listener (if it exists) and remove the listener\n    React.useEffect(()=>{\n        return ()=>{\n            var _targetDocument_defaultView, _targetDocument_defaultView1;\n            targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.clearTimeout(addListenerTimeout.current);\n            targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView1 = targetDocument.defaultView) === null || _targetDocument_defaultView1 === void 0 ? void 0 : _targetDocument_defaultView1.removeEventListener('keydown', keyboardHandler);\n        };\n    }, [\n        keyboardHandler,\n        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView\n    ]);\n    const enableInteractiveMode = React.useCallback((colId)=>{\n        var _onChangeRef_current, _targetDocument_defaultView;\n        setColumnId(colId);\n        (_onChangeRef_current = onChangeRef.current) === null || _onChangeRef_current === void 0 ? void 0 : _onChangeRef_current.call(onChangeRef, colId, true);\n        // Create the listener in the next tick, because the event that triggered this is still propagating\n        // when Enter was pressed and would be caught in the keyboardHandler, disabling the keyboard mode immediately.\n        // No idea why this is happening, but this is a working workaround.\n        // Tracked here: https://github.com/microsoft/fluentui/issues/27177\n        addListenerTimeout.current = targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.setTimeout(()=>{\n            var _targetDocument_defaultView;\n            targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.addEventListener('keydown', keyboardHandler);\n        }, 0);\n    }, [\n        keyboardHandler,\n        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView\n    ]);\n    const disableInteractiveMode = React.useCallback(()=>{\n        var _targetDocument_defaultView;\n        if (columnId) {\n            var _onChangeRef_current;\n            (_onChangeRef_current = onChangeRef.current) === null || _onChangeRef_current === void 0 ? void 0 : _onChangeRef_current.call(onChangeRef, columnId, false);\n        }\n        setColumnId(undefined);\n        targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.removeEventListener('keydown', keyboardHandler);\n    }, [\n        columnId,\n        keyboardHandler,\n        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView\n    ]);\n    const toggleInteractiveMode = (colId, onChange)=>{\n        onChangeRef.current = onChange;\n        if (!columnId) {\n            enableInteractiveMode(colId);\n        } else if (colId && columnId !== colId) {\n            setColumnId(colId);\n            onChange === null || onChange === void 0 ? void 0 : onChange(columnId, true);\n        } else {\n            disableInteractiveMode();\n        }\n    };\n    return {\n        toggleInteractiveMode,\n        columnId\n    };\n}\n"],"names":["useKeyboardResizing","STEP","PRECISION_MODIFIER","Shift","PRECISION_FACTOR","columnResizeState","columnId","setColumnId","React","useState","onChangeRef","useRef","addListenerTimeout","columnResizeStateRef","useEffect","current","targetDocument","useFluent","keyboardHandler","useEventCallback","event","width","getColumnWidth","precisionModifier","getModifierState","stopEvent","preventDefault","stopPropagation","key","ArrowLeft","setColumnWidth","ArrowRight","Space","Enter","Escape","disableInteractiveMode","_targetDocument_defaultView","_targetDocument_defaultView1","defaultView","clearTimeout","removeEventListener","enableInteractiveMode","useCallback","colId","_onChangeRef_current","call","setTimeout","addEventListener","undefined","toggleInteractiveMode","onChange"],"mappings":"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"}

package/lib-commonjs/hooks/useMeasureElement.js

@@ -53,6 +53,4 @@ function useMeasureElement() {
         width,
         measureElementRef
     };
-} //# sourceMappingURL=useMeasureElement.js.map
-
-//# sourceMappingURL=useMeasureElement.js.map
+}

package/lib-commonjs/hooks/useMeasureElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/useMeasureElement.js"],"sourcesContent":["import { canUseDOM } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n/**\n * Provides a way of reporting element width.\n * Returns\n * `width` - current element width (0 by default),\n * `measureElementRef` - a ref function to be passed as `ref` to the element you want to measure\n */\nexport function useMeasureElement() {\n  const [width, setWidth] = React.useState(0);\n  const container = React.useRef(undefined);\n  const {\n    targetDocument\n  } = useFluent();\n  // the handler for resize observer\n  const handleResize = React.useCallback(() => {\n    var _container_current;\n    const containerWidth = (_container_current = container.current) === null || _container_current === void 0 ? void 0 : _container_current.getBoundingClientRect().width;\n    setWidth(containerWidth || 0);\n  }, []);\n  // Keep the reference of ResizeObserver in the state, as it should live through renders\n  const [resizeObserver] = React.useState(canUseDOM() ? new ResizeObserver(handleResize) : undefined);\n  const measureElementRef = React.useCallback(el => {\n    if (!targetDocument || !resizeObserver) {\n      return;\n    }\n    // cleanup previous container\n    if (container.current) {\n      resizeObserver.unobserve(container.current);\n      container.current.remove();\n    }\n    if (el) {\n      container.current = targetDocument.createElement('div');\n      el.insertAdjacentElement('beforebegin', container.current);\n      resizeObserver.observe(container.current);\n      handleResize();\n    }\n  }, [targetDocument, resizeObserver, handleResize]);\n  React.useEffect(() => {\n    return () => {\n      return resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();\n    };\n  }, [resizeObserver]);\n  return {\n    width,\n    measureElementRef\n  };\n}\n//# sourceMappingURL=useMeasureElement.js.map"],"names":["useMeasureElement","width","setWidth","React","useState","container","useRef","undefined","targetDocument","useFluent","handleResize","useCallback","_container_current","containerWidth","current","getBoundingClientRect","resizeObserver","canUseDOM","ResizeObserver","measureElementRef","el","unobserve","remove","createElement","insertAdjacentElement","observe","useEffect","disconnect"],"mappings":";;;;+BASgBA;;aAAAA;;;gCATU;6DACH;qCACyB;AAOzC,SAASA,oBAAoB;IAClC,MAAM,CAACC,OAAOC,SAAS,GAAGC,OAAMC,QAAQ,CAAC;IACzC,MAAMC,YAAYF,OAAMG,MAAM,CAACC;IAC/B,MAAM,EACJC,eAAc,EACf,GAAGC,IAAAA,uCAAS;IACb,kCAAkC;IAClC,MAAMC,eAAeP,OAAMQ,WAAW,CAAC,IAAM;QAC3C,IAAIC;QACJ,MAAMC,iBAAiB,AAACD,CAAAA,qBAAqBP,UAAUS,OAAO,AAAD,MAAO,IAAI,IAAIF,uBAAuB,KAAK,IAAI,KAAK,IAAIA,mBAAmBG,qBAAqB,GAAGd,KAAK;QACrKC,SAASW,kBAAkB;IAC7B,GAAG,EAAE;IACL,uFAAuF;IACvF,MAAM,CAACG,eAAe,GAAGb,OAAMC,QAAQ,CAACa,IAAAA,yBAAS,MAAK,IAAIC,eAAeR,gBAAgBH,SAAS;IAClG,MAAMY,oBAAoBhB,OAAMQ,WAAW,CAACS,CAAAA,KAAM;QAChD,IAAI,CAACZ,kBAAkB,CAACQ,gBAAgB;YACtC;QACF,CAAC;QACD,6BAA6B;QAC7B,IAAIX,UAAUS,OAAO,EAAE;YACrBE,eAAeK,SAAS,CAAChB,UAAUS,OAAO;YAC1CT,UAAUS,OAAO,CAACQ,MAAM;QAC1B,CAAC;QACD,IAAIF,IAAI;YACNf,UAAUS,OAAO,GAAGN,eAAee,aAAa,CAAC;YACjDH,GAAGI,qBAAqB,CAAC,eAAenB,UAAUS,OAAO;YACzDE,eAAeS,OAAO,CAACpB,UAAUS,OAAO;YACxCJ;QACF,CAAC;IACH,GAAG;QAACF;QAAgBQ;QAAgBN;KAAa;IACjDP,OAAMuB,SAAS,CAAC,IAAM;QACpB,OAAO,IAAM;YACX,OAAOV,mBAAmB,IAAI,IAAIA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeW,UAAU,EAAE;QACpG;IACF,GAAG;QAACX;KAAe;IACnB,OAAO;QACLf;QACAkB;IACF;AACF,EACA,6CAA6C"}
+{"version":3,"sources":["useMeasureElement.js"],"sourcesContent":["import { canUseDOM } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n/**\n * Provides a way of reporting element width.\n * Returns\n * `width` - current element width (0 by default),\n * `measureElementRef` - a ref function to be passed as `ref` to the element you want to measure\n */ export function useMeasureElement() {\n    const [width, setWidth] = React.useState(0);\n    const container = React.useRef(undefined);\n    const { targetDocument  } = useFluent();\n    // the handler for resize observer\n    const handleResize = React.useCallback(()=>{\n        var _container_current;\n        const containerWidth = (_container_current = container.current) === null || _container_current === void 0 ? void 0 : _container_current.getBoundingClientRect().width;\n        setWidth(containerWidth || 0);\n    }, []);\n    // Keep the reference of ResizeObserver in the state, as it should live through renders\n    const [resizeObserver] = React.useState(canUseDOM() ? new ResizeObserver(handleResize) : undefined);\n    const measureElementRef = React.useCallback((el)=>{\n        if (!targetDocument || !resizeObserver) {\n            return;\n        }\n        // cleanup previous container\n        if (container.current) {\n            resizeObserver.unobserve(container.current);\n            container.current.remove();\n        }\n        if (el) {\n            container.current = targetDocument.createElement('div');\n            el.insertAdjacentElement('beforebegin', container.current);\n            resizeObserver.observe(container.current);\n            handleResize();\n        }\n    }, [\n        targetDocument,\n        resizeObserver,\n        handleResize\n    ]);\n    React.useEffect(()=>{\n        return ()=>{\n            return resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();\n        };\n    }, [\n        resizeObserver\n    ]);\n    return {\n        width,\n        measureElementRef\n    };\n}\n"],"names":["useMeasureElement","width","setWidth","React","useState","container","useRef","undefined","targetDocument","useFluent","handleResize","useCallback","_container_current","containerWidth","current","getBoundingClientRect","resizeObserver","canUseDOM","ResizeObserver","measureElementRef","el","unobserve","remove","createElement","insertAdjacentElement","observe","useEffect","disconnect"],"mappings":";;;;+BAQoBA;;aAAAA;;;gCARM;6DACH;qCACyB;AAMrC,SAASA,oBAAoB;IACpC,MAAM,CAACC,OAAOC,SAAS,GAAGC,OAAMC,QAAQ,CAAC;IACzC,MAAMC,YAAYF,OAAMG,MAAM,CAACC;IAC/B,MAAM,EAAEC,eAAc,EAAG,GAAGC,IAAAA,uCAAS;IACrC,kCAAkC;IAClC,MAAMC,eAAeP,OAAMQ,WAAW,CAAC,IAAI;QACvC,IAAIC;QACJ,MAAMC,iBAAiB,AAACD,CAAAA,qBAAqBP,UAAUS,OAAO,AAAD,MAAO,IAAI,IAAIF,uBAAuB,KAAK,IAAI,KAAK,IAAIA,mBAAmBG,qBAAqB,GAAGd,KAAK;QACrKC,SAASW,kBAAkB;IAC/B,GAAG,EAAE;IACL,uFAAuF;IACvF,MAAM,CAACG,eAAe,GAAGb,OAAMC,QAAQ,CAACa,IAAAA,yBAAS,MAAK,IAAIC,eAAeR,gBAAgBH,SAAS;IAClG,MAAMY,oBAAoBhB,OAAMQ,WAAW,CAAC,CAACS,KAAK;QAC9C,IAAI,CAACZ,kBAAkB,CAACQ,gBAAgB;YACpC;QACJ,CAAC;QACD,6BAA6B;QAC7B,IAAIX,UAAUS,OAAO,EAAE;YACnBE,eAAeK,SAAS,CAAChB,UAAUS,OAAO;YAC1CT,UAAUS,OAAO,CAACQ,MAAM;QAC5B,CAAC;QACD,IAAIF,IAAI;YACJf,UAAUS,OAAO,GAAGN,eAAee,aAAa,CAAC;YACjDH,GAAGI,qBAAqB,CAAC,eAAenB,UAAUS,OAAO;YACzDE,eAAeS,OAAO,CAACpB,UAAUS,OAAO;YACxCJ;QACJ,CAAC;IACL,GAAG;QACCF;QACAQ;QACAN;KACH;IACDP,OAAMuB,SAAS,CAAC,IAAI;QAChB,OAAO,IAAI;YACP,OAAOV,mBAAmB,IAAI,IAAIA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeW,UAAU,EAAE;QACtG;IACJ,GAAG;QACCX;KACH;IACD,OAAO;QACHf;QACAkB;IACJ;AACJ"}

package/lib-commonjs/hooks/useTableColumnResizeMouseHandler.js

@@ -77,6 +77,4 @@ function useTableColumnResizeMouseHandler(columnResizeState) {
     return {
         getOnMouseDown: (columnId)=>getOnMouseDown(columnId)
     };
-} //# sourceMappingURL=useTableColumnResizeMouseHandler.js.map
-
-//# sourceMappingURL=useTableColumnResizeMouseHandler.js.map
+}

package/lib-commonjs/hooks/useTableColumnResizeMouseHandler.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/useTableColumnResizeMouseHandler.js"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { getEventClientCoords, isMouseEvent, isTouchEvent } from '@fluentui/react-utilities';\nexport function useTableColumnResizeMouseHandler(columnResizeState) {\n  const mouseX = React.useRef(0);\n  const currentWidth = React.useRef(0);\n  const colId = React.useRef(undefined);\n  const {\n    targetDocument\n  } = useFluent();\n  const globalWin = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView;\n  const recalculatePosition = React.useCallback(e => {\n    const {\n      clientX\n    } = getEventClientCoords(e);\n    const dx = clientX - mouseX.current;\n    // Update the local width for the column and set it\n    currentWidth.current += dx;\n    colId.current && columnResizeState.setColumnWidth(e, {\n      columnId: colId.current,\n      width: currentWidth.current\n    });\n    mouseX.current = clientX;\n  }, [columnResizeState]);\n  const onDrag = React.useCallback(e => {\n    // Using requestAnimationFrame here drastically improves resizing experience on slower CPUs\n    if (typeof (globalWin === null || globalWin === void 0 ? void 0 : globalWin.requestAnimationFrame) === 'function') {\n      requestAnimationFrame(() => recalculatePosition(e));\n    } else {\n      recalculatePosition(e);\n    }\n  }, [globalWin === null || globalWin === void 0 ? void 0 : globalWin.requestAnimationFrame, recalculatePosition]);\n  const onDragEnd = React.useCallback(event => {\n    if (isMouseEvent(event)) {\n      targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('mouseup', onDragEnd);\n      targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('mousemove', onDrag);\n    }\n    if (isTouchEvent(event)) {\n      targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('touchend', onDragEnd);\n      targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('touchmove', onDrag);\n    }\n  }, [onDrag, targetDocument]);\n  const getOnMouseDown = columnId => {\n    return event => {\n      // Keep the width locally so that we decouple the calculation of the next with from rendering.\n      // This makes the whole experience much faster and more precise\n      currentWidth.current = columnResizeState.getColumnWidth(columnId);\n      mouseX.current = getEventClientCoords(event).clientX;\n      colId.current = columnId;\n      if (isMouseEvent(event)) {\n        // ignore other buttons than primary mouse button\n        if (event.target !== event.currentTarget || event.button !== 0) {\n          return;\n        }\n        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('mouseup', onDragEnd);\n        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('mousemove', onDrag);\n      }\n      if (isTouchEvent(event)) {\n        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('touchend', onDragEnd);\n        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('touchmove', onDrag);\n      }\n    };\n  };\n  return {\n    getOnMouseDown: columnId => getOnMouseDown(columnId)\n  };\n}\n//# sourceMappingURL=useTableColumnResizeMouseHandler.js.map"],"names":["useTableColumnResizeMouseHandler","columnResizeState","mouseX","React","useRef","currentWidth","colId","undefined","targetDocument","useFluent","globalWin","defaultView","recalculatePosition","useCallback","e","clientX","getEventClientCoords","dx","current","setColumnWidth","columnId","width","onDrag","requestAnimationFrame","onDragEnd","event","isMouseEvent","removeEventListener","isTouchEvent","getOnMouseDown","getColumnWidth","target","currentTarget","button","addEventListener"],"mappings":"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"}
+{"version":3,"sources":["useTableColumnResizeMouseHandler.js"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { getEventClientCoords, isMouseEvent, isTouchEvent } from '@fluentui/react-utilities';\nexport function useTableColumnResizeMouseHandler(columnResizeState) {\n    const mouseX = React.useRef(0);\n    const currentWidth = React.useRef(0);\n    const colId = React.useRef(undefined);\n    const { targetDocument  } = useFluent();\n    const globalWin = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView;\n    const recalculatePosition = React.useCallback((e)=>{\n        const { clientX  } = getEventClientCoords(e);\n        const dx = clientX - mouseX.current;\n        // Update the local width for the column and set it\n        currentWidth.current += dx;\n        colId.current && columnResizeState.setColumnWidth(e, {\n            columnId: colId.current,\n            width: currentWidth.current\n        });\n        mouseX.current = clientX;\n    }, [\n        columnResizeState\n    ]);\n    const onDrag = React.useCallback((e)=>{\n        // Using requestAnimationFrame here drastically improves resizing experience on slower CPUs\n        if (typeof (globalWin === null || globalWin === void 0 ? void 0 : globalWin.requestAnimationFrame) === 'function') {\n            requestAnimationFrame(()=>recalculatePosition(e));\n        } else {\n            recalculatePosition(e);\n        }\n    }, [\n        globalWin === null || globalWin === void 0 ? void 0 : globalWin.requestAnimationFrame,\n        recalculatePosition\n    ]);\n    const onDragEnd = React.useCallback((event)=>{\n        if (isMouseEvent(event)) {\n            targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('mouseup', onDragEnd);\n            targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('mousemove', onDrag);\n        }\n        if (isTouchEvent(event)) {\n            targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('touchend', onDragEnd);\n            targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('touchmove', onDrag);\n        }\n    }, [\n        onDrag,\n        targetDocument\n    ]);\n    const getOnMouseDown = (columnId)=>{\n        return (event)=>{\n            // Keep the width locally so that we decouple the calculation of the next with from rendering.\n            // This makes the whole experience much faster and more precise\n            currentWidth.current = columnResizeState.getColumnWidth(columnId);\n            mouseX.current = getEventClientCoords(event).clientX;\n            colId.current = columnId;\n            if (isMouseEvent(event)) {\n                // ignore other buttons than primary mouse button\n                if (event.target !== event.currentTarget || event.button !== 0) {\n                    return;\n                }\n                targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('mouseup', onDragEnd);\n                targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('mousemove', onDrag);\n            }\n            if (isTouchEvent(event)) {\n                targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('touchend', onDragEnd);\n                targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('touchmove', onDrag);\n            }\n        };\n    };\n    return {\n        getOnMouseDown: (columnId)=>getOnMouseDown(columnId)\n    };\n}\n"],"names":["useTableColumnResizeMouseHandler","columnResizeState","mouseX","React","useRef","currentWidth","colId","undefined","targetDocument","useFluent","globalWin","defaultView","recalculatePosition","useCallback","e","clientX","getEventClientCoords","dx","current","setColumnWidth","columnId","width","onDrag","requestAnimationFrame","onDragEnd","event","isMouseEvent","removeEventListener","isTouchEvent","getOnMouseDown","getColumnWidth","target","currentTarget","button","addEventListener"],"mappings":"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"}

package/lib-commonjs/hooks/useTableColumnResizeState.js

@@ -113,6 +113,4 @@ function useTableColumnResizeState(columns, containerWidth, params = {}) {
         getColumnWidth: (colId)=>(0, _columnResizeUtils.getColumnWidth)(state.columnWidthState, colId),
         setColumnWidth
     };
-} //# sourceMappingURL=useTableColumnResizeState.js.map
-
-//# sourceMappingURL=useTableColumnResizeState.js.map
+}

package/lib-commonjs/hooks/useTableColumnResizeState.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/useTableColumnResizeState.js"],"sourcesContent":["import { useEventCallback, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { columnDefinitionsToState, adjustColumnWidthsToFitContainer, getColumnById, setColumnProperty, getColumnWidth } from '../utils/columnResizeUtils';\nconst createReducer = () => (state, action) => {\n  switch (action.type) {\n    case 'CONTAINER_WIDTH_UPDATED':\n      return {\n        ...state,\n        containerWidth: action.containerWidth,\n        columnWidthState: adjustColumnWidthsToFitContainer(state.columnWidthState, action.containerWidth)\n      };\n    case 'COLUMNS_UPDATED':\n      const newS = columnDefinitionsToState(action.columns, state.columnWidthState, state.columnSizingOptions);\n      return {\n        ...state,\n        columns: action.columns,\n        columnWidthState: adjustColumnWidthsToFitContainer(newS, state.containerWidth)\n      };\n    case 'COLUMN_SIZING_OPTIONS_UPDATED':\n      const newState = columnDefinitionsToState(state.columns, state.columnWidthState, action.columnSizingOptions);\n      return {\n        ...state,\n        columnSizingOptions: action.columnSizingOptions,\n        columnWidthState: adjustColumnWidthsToFitContainer(newState, state.containerWidth)\n      };\n    case 'SET_COLUMN_WIDTH':\n      const {\n        columnId,\n        width\n      } = action;\n      const {\n        containerWidth\n      } = state;\n      const column = getColumnById(state.columnWidthState, columnId);\n      let newColumnWidthState = [...state.columnWidthState];\n      if (!column) {\n        return state;\n      }\n      // Adjust the column width and measure the new total width\n      newColumnWidthState = setColumnProperty(newColumnWidthState, columnId, 'width', width);\n      // Set this width as idealWidth, because its a deliberate change, not a recalculation because of container\n      newColumnWidthState = setColumnProperty(newColumnWidthState, columnId, 'idealWidth', width);\n      // Adjust the widths to the container size\n      newColumnWidthState = adjustColumnWidthsToFitContainer(newColumnWidthState, containerWidth);\n      return {\n        ...state,\n        columnWidthState: newColumnWidthState\n      };\n  }\n};\nexport function useTableColumnResizeState(columns, containerWidth, params = {}) {\n  const {\n    onColumnResize,\n    columnSizingOptions\n  } = params;\n  const reducer = React.useMemo(() => createReducer(), []);\n  const [state, dispatch] = React.useReducer(reducer, {\n    columns,\n    containerWidth: 0,\n    columnWidthState: columnDefinitionsToState(columns, undefined, columnSizingOptions),\n    columnSizingOptions\n  });\n  useIsomorphicLayoutEffect(() => {\n    dispatch({\n      type: 'CONTAINER_WIDTH_UPDATED',\n      containerWidth\n    });\n  }, [containerWidth]);\n  useIsomorphicLayoutEffect(() => {\n    dispatch({\n      type: 'COLUMNS_UPDATED',\n      columns\n    });\n  }, [columns]);\n  useIsomorphicLayoutEffect(() => {\n    dispatch({\n      type: 'COLUMN_SIZING_OPTIONS_UPDATED',\n      columnSizingOptions\n    });\n  }, [columnSizingOptions]);\n  const setColumnWidth = useEventCallback((event, data) => {\n    let {\n      width\n    } = data;\n    const {\n      columnId\n    } = data;\n    const col = getColumnById(state.columnWidthState, columnId);\n    if (!col) {\n      return;\n    }\n    width = Math.max(col.minWidth || 0, width);\n    if (onColumnResize) {\n      onColumnResize(event, {\n        columnId,\n        width\n      });\n    }\n    dispatch({\n      type: 'SET_COLUMN_WIDTH',\n      columnId,\n      width\n    });\n  });\n  return {\n    getColumnById: colId => getColumnById(state.columnWidthState, colId),\n    getColumns: () => state.columnWidthState,\n    getColumnWidth: colId => getColumnWidth(state.columnWidthState, colId),\n    setColumnWidth\n  };\n}\n//# sourceMappingURL=useTableColumnResizeState.js.map"],"names":["useTableColumnResizeState","createReducer","state","action","type","containerWidth","columnWidthState","adjustColumnWidthsToFitContainer","newS","columnDefinitionsToState","columns","columnSizingOptions","newState","columnId","width","column","getColumnById","newColumnWidthState","setColumnProperty","params","onColumnResize","reducer","React","useMemo","dispatch","useReducer","undefined","useIsomorphicLayoutEffect","setColumnWidth","useEventCallback","event","data","col","Math","max","minWidth","colId","getColumns","getColumnWidth"],"mappings":"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"}
+{"version":3,"sources":["useTableColumnResizeState.js"],"sourcesContent":["import { useEventCallback, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { columnDefinitionsToState, adjustColumnWidthsToFitContainer, getColumnById, setColumnProperty, getColumnWidth } from '../utils/columnResizeUtils';\nconst createReducer = ()=>(state, action)=>{\n        switch(action.type){\n            case 'CONTAINER_WIDTH_UPDATED':\n                return {\n                    ...state,\n                    containerWidth: action.containerWidth,\n                    columnWidthState: adjustColumnWidthsToFitContainer(state.columnWidthState, action.containerWidth)\n                };\n            case 'COLUMNS_UPDATED':\n                const newS = columnDefinitionsToState(action.columns, state.columnWidthState, state.columnSizingOptions);\n                return {\n                    ...state,\n                    columns: action.columns,\n                    columnWidthState: adjustColumnWidthsToFitContainer(newS, state.containerWidth)\n                };\n            case 'COLUMN_SIZING_OPTIONS_UPDATED':\n                const newState = columnDefinitionsToState(state.columns, state.columnWidthState, action.columnSizingOptions);\n                return {\n                    ...state,\n                    columnSizingOptions: action.columnSizingOptions,\n                    columnWidthState: adjustColumnWidthsToFitContainer(newState, state.containerWidth)\n                };\n            case 'SET_COLUMN_WIDTH':\n                const { columnId , width  } = action;\n                const { containerWidth  } = state;\n                const column = getColumnById(state.columnWidthState, columnId);\n                let newColumnWidthState = [\n                    ...state.columnWidthState\n                ];\n                if (!column) {\n                    return state;\n                }\n                // Adjust the column width and measure the new total width\n                newColumnWidthState = setColumnProperty(newColumnWidthState, columnId, 'width', width);\n                // Set this width as idealWidth, because its a deliberate change, not a recalculation because of container\n                newColumnWidthState = setColumnProperty(newColumnWidthState, columnId, 'idealWidth', width);\n                // Adjust the widths to the container size\n                newColumnWidthState = adjustColumnWidthsToFitContainer(newColumnWidthState, containerWidth);\n                return {\n                    ...state,\n                    columnWidthState: newColumnWidthState\n                };\n        }\n    };\nexport function useTableColumnResizeState(columns, containerWidth, params = {}) {\n    const { onColumnResize , columnSizingOptions  } = params;\n    const reducer = React.useMemo(()=>createReducer(), []);\n    const [state, dispatch] = React.useReducer(reducer, {\n        columns,\n        containerWidth: 0,\n        columnWidthState: columnDefinitionsToState(columns, undefined, columnSizingOptions),\n        columnSizingOptions\n    });\n    useIsomorphicLayoutEffect(()=>{\n        dispatch({\n            type: 'CONTAINER_WIDTH_UPDATED',\n            containerWidth\n        });\n    }, [\n        containerWidth\n    ]);\n    useIsomorphicLayoutEffect(()=>{\n        dispatch({\n            type: 'COLUMNS_UPDATED',\n            columns\n        });\n    }, [\n        columns\n    ]);\n    useIsomorphicLayoutEffect(()=>{\n        dispatch({\n            type: 'COLUMN_SIZING_OPTIONS_UPDATED',\n            columnSizingOptions\n        });\n    }, [\n        columnSizingOptions\n    ]);\n    const setColumnWidth = useEventCallback((event, data)=>{\n        let { width  } = data;\n        const { columnId  } = data;\n        const col = getColumnById(state.columnWidthState, columnId);\n        if (!col) {\n            return;\n        }\n        width = Math.max(col.minWidth || 0, width);\n        if (onColumnResize) {\n            onColumnResize(event, {\n                columnId,\n                width\n            });\n        }\n        dispatch({\n            type: 'SET_COLUMN_WIDTH',\n            columnId,\n            width\n        });\n    });\n    return {\n        getColumnById: (colId)=>getColumnById(state.columnWidthState, colId),\n        getColumns: ()=>state.columnWidthState,\n        getColumnWidth: (colId)=>getColumnWidth(state.columnWidthState, colId),\n        setColumnWidth\n    };\n}\n"],"names":["useTableColumnResizeState","createReducer","state","action","type","containerWidth","columnWidthState","adjustColumnWidthsToFitContainer","newS","columnDefinitionsToState","columns","columnSizingOptions","newState","columnId","width","column","getColumnById","newColumnWidthState","setColumnProperty","params","onColumnResize","reducer","React","useMemo","dispatch","useReducer","undefined","useIsomorphicLayoutEffect","setColumnWidth","useEventCallback","event","data","col","Math","max","minWidth","colId","getColumns","getColumnWidth"],"mappings":"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"}

package/lib-commonjs/hooks/useTableColumnSizing.js

@@ -9,6 +9,7 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    KeyboardResizingCurrentColumnDataAttribute: ()=>KeyboardResizingCurrentColumnDataAttribute,
     defaultColumnSizingState: ()=>defaultColumnSizingState,
     useTableColumnSizing_unstable: ()=>useTableColumnSizing_unstable
 });
@@ -19,6 +20,7 @@ const _useMeasureElement = require("./useMeasureElement");
 const _useTableColumnResizeMouseHandler = require("./useTableColumnResizeMouseHandler");
 const _useTableColumnResizeState = require("./useTableColumnResizeState");
 const _useKeyboardResizing = require("./useKeyboardResizing");
+const KeyboardResizingCurrentColumnDataAttribute = 'data-keyboard-resizing';
 const defaultColumnSizingState = {
     getColumnWidths: ()=>[],
     getOnMouseDown: ()=>()=>null,
@@ -57,13 +59,13 @@ function useTableColumnSizingState(tableState, params) {
     // Creates the mouse handler and attaches the state to it
     const mouseHandler = (0, _useTableColumnResizeMouseHandler.useTableColumnResizeMouseHandler)(columnResizeState);
     // Creates the keyboard handler for resizing columns
-    const keyboardResizing = (0, _useKeyboardResizing.useKeyboardResizing)(columnResizeState);
+    const { toggleInteractiveMode , columnId: keyboardResizingColumnId  } = (0, _useKeyboardResizing.useKeyboardResizing)(columnResizeState);
     const enableKeyboardMode = _react.useCallback((columnId, onChange)=>(e)=>{
             e.preventDefault();
             e.nativeEvent.stopPropagation();
-            keyboardResizing.toggleInteractiveMode(columnId, onChange);
+            toggleInteractiveMode(columnId, onChange);
         }, [
-        keyboardResizing
+        toggleInteractiveMode
     ]);
     return {
         ...tableState,
@@ -84,7 +86,10 @@ function useTableColumnSizingState(tableState, params) {
                 });
                 return col ? {
                     style: getColumnStyles(col),
-                    aside
+                    aside,
+                    ...keyboardResizingColumnId === columnId ? {
+                        [KeyboardResizingCurrentColumnDataAttribute]: ''
+                    } : {}
                 } : {};
             },
             getTableCellProps: (columnId)=>{
@@ -96,6 +101,4 @@ function useTableColumnSizingState(tableState, params) {
             enableKeyboardMode
         }
     };
-} //# sourceMappingURL=useTableColumnSizing.js.map
-
-//# sourceMappingURL=useTableColumnSizing.js.map
+}

package/lib-commonjs/hooks/useTableColumnSizing.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/useTableColumnSizing.js"],"sourcesContent":["import * as React from 'react';\nimport { TableResizeHandle } from '../TableResizeHandle';\nimport { useMeasureElement } from './useMeasureElement';\nimport { useTableColumnResizeMouseHandler } from './useTableColumnResizeMouseHandler';\nimport { useTableColumnResizeState } from './useTableColumnResizeState';\nimport { useKeyboardResizing } from './useKeyboardResizing';\nexport const defaultColumnSizingState = {\n  getColumnWidths: () => [],\n  getOnMouseDown: () => () => null,\n  setColumnWidth: () => null,\n  getTableHeaderCellProps: () => ({\n    style: {},\n    columnId: ''\n  }),\n  getTableCellProps: () => ({\n    style: {},\n    columnId: ''\n  }),\n  enableKeyboardMode: () => () => null\n};\nexport function useTableColumnSizing_unstable(params) {\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 => useTableColumnSizingState(tableState, params);\n}\nfunction getColumnStyles(column) {\n  const width = column.width;\n  return {\n    // native styles\n    width,\n    // non-native element styles (flex layout)\n    minWidth: width,\n    maxWidth: width\n  };\n}\nfunction useTableColumnSizingState(tableState, params) {\n  const {\n    columns\n  } = tableState;\n  // Gets the container width\n  const {\n    width,\n    measureElementRef\n  } = useMeasureElement();\n  // Creates the state based on columns and available containerWidth\n  const columnResizeState = useTableColumnResizeState(columns, width + ((params === null || params === void 0 ? void 0 : 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  const enableKeyboardMode = React.useCallback((columnId, onChange) => e => {\n    e.preventDefault();\n    e.nativeEvent.stopPropagation();\n    keyboardResizing.toggleInteractiveMode(columnId, onChange);\n  }, [keyboardResizing]);\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, w) => columnResizeState.setColumnWidth(undefined, {\n        columnId,\n        width: w\n      }),\n      getColumnWidths: columnResizeState.getColumns,\n      getTableHeaderCellProps: columnId => {\n        const col = columnResizeState.getColumnById(columnId);\n        const aside = /*#__PURE__*/React.createElement(TableResizeHandle, {\n          onMouseDown: mouseHandler.getOnMouseDown(columnId),\n          onTouchStart: mouseHandler.getOnMouseDown(columnId)\n        });\n        return col ? {\n          style: getColumnStyles(col),\n          aside\n        } : {};\n      },\n      getTableCellProps: columnId => {\n        const col = columnResizeState.getColumnById(columnId);\n        return col ? {\n          style: getColumnStyles(col)\n        } : {};\n      },\n      enableKeyboardMode\n    }\n  };\n}\n//# sourceMappingURL=useTableColumnSizing.js.map"],"names":["defaultColumnSizingState","useTableColumnSizing_unstable","getColumnWidths","getOnMouseDown","setColumnWidth","getTableHeaderCellProps","style","columnId","getTableCellProps","enableKeyboardMode","params","tableState","useTableColumnSizingState","getColumnStyles","column","width","minWidth","maxWidth","columns","measureElementRef","useMeasureElement","columnResizeState","useTableColumnResizeState","containerWidthOffset","mouseHandler","useTableColumnResizeMouseHandler","keyboardResizing","useKeyboardResizing","React","useCallback","onChange","e","preventDefault","nativeEvent","stopPropagation","toggleInteractiveMode","tableRef","columnSizing_unstable","w","undefined","getColumns","col","getColumnById","aside","createElement","TableResizeHandle","onMouseDown","onTouchStart"],"mappings":";;;;;;;;;;;IAMaA,wBAAwB,MAAxBA;IAcGC,6BAA6B,MAA7BA;;;6DApBO;mCACW;mCACA;kDACe;2CACP;qCACN;AAC7B,MAAMD,2BAA2B;IACtCE,iBAAiB,IAAM,EAAE;IACzBC,gBAAgB,IAAM,IAAM,IAAI;IAChCC,gBAAgB,IAAM,IAAI;IAC1BC,yBAAyB,IAAO,CAAA;YAC9BC,OAAO,CAAC;YACRC,UAAU;QACZ,CAAA;IACAC,mBAAmB,IAAO,CAAA;YACxBF,OAAO,CAAC;YACRC,UAAU;QACZ,CAAA;IACAE,oBAAoB,IAAM,IAAM,IAAI;AACtC;AACO,SAASR,8BAA8BS,MAAM,EAAE;IACpD,4EAA4E;IAC5E,sDAAsD;IACtD,OAAOC,CAAAA,aAAcC,0BAA0BD,YAAYD;AAC7D;AACA,SAASG,gBAAgBC,MAAM,EAAE;IAC/B,MAAMC,QAAQD,OAAOC,KAAK;IAC1B,OAAO;QACL,gBAAgB;QAChBA;QACA,0CAA0C;QAC1CC,UAAUD;QACVE,UAAUF;IACZ;AACF;AACA,SAASH,0BAA0BD,UAAU,EAAED,MAAM,EAAE;IACrD,MAAM,EACJQ,QAAO,EACR,GAAGP;IACJ,2BAA2B;IAC3B,MAAM,EACJI,MAAK,EACLI,kBAAiB,EAClB,GAAGC,IAAAA,oCAAiB;IACrB,kEAAkE;IAClE,MAAMC,oBAAoBC,IAAAA,oDAAyB,EAACJ,SAASH,QAAS,CAAA,AAACL,CAAAA,WAAW,IAAI,IAAIA,WAAW,KAAK,IAAI,KAAK,IAAIA,OAAOa,oBAAoB,AAAD,KAAM,CAAA,GAAIb;IAC3J,yDAAyD;IACzD,MAAMc,eAAeC,IAAAA,kEAAgC,EAACJ;IACtD,oDAAoD;IACpD,MAAMK,mBAAmBC,IAAAA,wCAAmB,EAACN;IAC7C,MAAMZ,qBAAqBmB,OAAMC,WAAW,CAAC,CAACtB,UAAUuB,WAAaC,CAAAA,IAAK;YACxEA,EAAEC,cAAc;YAChBD,EAAEE,WAAW,CAACC,eAAe;YAC7BR,iBAAiBS,qBAAqB,CAAC5B,UAAUuB;QACnD,GAAG;QAACJ;KAAiB;IACrB,OAAO;QACL,GAAGf,UAAU;QACbyB,UAAUjB;QACV,gEAAgE;QAChEkB,uBAAuB;YACrBlC,gBAAgBqB,aAAarB,cAAc;YAC3CC,gBAAgB,CAACG,UAAU+B,IAAMjB,kBAAkBjB,cAAc,CAACmC,WAAW;oBAC3EhC;oBACAQ,OAAOuB;gBACT;YACApC,iBAAiBmB,kBAAkBmB,UAAU;YAC7CnC,yBAAyBE,CAAAA,WAAY;gBACnC,MAAMkC,MAAMpB,kBAAkBqB,aAAa,CAACnC;gBAC5C,MAAMoC,QAAQ,WAAW,GAAEf,OAAMgB,aAAa,CAACC,oCAAiB,EAAE;oBAChEC,aAAatB,aAAarB,cAAc,CAACI;oBACzCwC,cAAcvB,aAAarB,cAAc,CAACI;gBAC5C;gBACA,OAAOkC,MAAM;oBACXnC,OAAOO,gBAAgB4B;oBACvBE;gBACF,IAAI,CAAC,CAAC;YACR;YACAnC,mBAAmBD,CAAAA,WAAY;gBAC7B,MAAMkC,MAAMpB,kBAAkBqB,aAAa,CAACnC;gBAC5C,OAAOkC,MAAM;oBACXnC,OAAOO,gBAAgB4B;gBACzB,IAAI,CAAC,CAAC;YACR;YACAhC;QACF;IACF;AACF,EACA,gDAAgD"}
+{"version":3,"sources":["useTableColumnSizing.js"],"sourcesContent":["import * as React from 'react';\nimport { TableResizeHandle } from '../TableResizeHandle';\nimport { useMeasureElement } from './useMeasureElement';\nimport { useTableColumnResizeMouseHandler } from './useTableColumnResizeMouseHandler';\nimport { useTableColumnResizeState } from './useTableColumnResizeState';\nimport { useKeyboardResizing } from './useKeyboardResizing';\nexport const KeyboardResizingCurrentColumnDataAttribute = 'data-keyboard-resizing';\nexport const defaultColumnSizingState = {\n    getColumnWidths: ()=>[],\n    getOnMouseDown: ()=>()=>null,\n    setColumnWidth: ()=>null,\n    getTableHeaderCellProps: ()=>({\n            style: {},\n            columnId: ''\n        }),\n    getTableCellProps: ()=>({\n            style: {},\n            columnId: ''\n        }),\n    enableKeyboardMode: ()=>()=>null\n};\nexport function useTableColumnSizing_unstable(params) {\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)=>useTableColumnSizingState(tableState, params);\n}\nfunction getColumnStyles(column) {\n    const width = column.width;\n    return {\n        // native styles\n        width,\n        // non-native element styles (flex layout)\n        minWidth: width,\n        maxWidth: width\n    };\n}\nfunction useTableColumnSizingState(tableState, params) {\n    const { columns  } = tableState;\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 === null || params === void 0 ? void 0 : 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    const enableKeyboardMode = React.useCallback((columnId, onChange)=>(e)=>{\n            e.preventDefault();\n            e.nativeEvent.stopPropagation();\n            toggleInteractiveMode(columnId, onChange);\n        }, [\n        toggleInteractiveMode\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, w)=>columnResizeState.setColumnWidth(undefined, {\n                    columnId,\n                    width: w\n                }),\n            getColumnWidths: columnResizeState.getColumns,\n            getTableHeaderCellProps: (columnId)=>{\n                const col = columnResizeState.getColumnById(columnId);\n                const aside = /*#__PURE__*/ React.createElement(TableResizeHandle, {\n                    onMouseDown: mouseHandler.getOnMouseDown(columnId),\n                    onTouchStart: mouseHandler.getOnMouseDown(columnId)\n                });\n                return col ? {\n                    style: getColumnStyles(col),\n                    aside,\n                    ...keyboardResizingColumnId === columnId ? {\n                        [KeyboardResizingCurrentColumnDataAttribute]: ''\n                    } : {}\n                } : {};\n            },\n            getTableCellProps: (columnId)=>{\n                const col = columnResizeState.getColumnById(columnId);\n                return col ? {\n                    style: getColumnStyles(col)\n                } : {};\n            },\n            enableKeyboardMode\n        }\n    };\n}\n"],"names":["KeyboardResizingCurrentColumnDataAttribute","defaultColumnSizingState","useTableColumnSizing_unstable","getColumnWidths","getOnMouseDown","setColumnWidth","getTableHeaderCellProps","style","columnId","getTableCellProps","enableKeyboardMode","params","tableState","useTableColumnSizingState","getColumnStyles","column","width","minWidth","maxWidth","columns","measureElementRef","useMeasureElement","columnResizeState","useTableColumnResizeState","containerWidthOffset","mouseHandler","useTableColumnResizeMouseHandler","toggleInteractiveMode","keyboardResizingColumnId","useKeyboardResizing","React","useCallback","onChange","e","preventDefault","nativeEvent","stopPropagation","tableRef","columnSizing_unstable","w","undefined","getColumns","col","getColumnById","aside","createElement","TableResizeHandle","onMouseDown","onTouchStart"],"mappings":";;;;;;;;;;;IAMaA,0CAA0C,MAA1CA;IACAC,wBAAwB,MAAxBA;IAcGC,6BAA6B,MAA7BA;;;6DArBO;mCACW;mCACA;kDACe;2CACP;qCACN;AAC7B,MAAMF,6CAA6C;AACnD,MAAMC,2BAA2B;IACpCE,iBAAiB,IAAI,EAAE;IACvBC,gBAAgB,IAAI,IAAI,IAAI;IAC5BC,gBAAgB,IAAI,IAAI;IACxBC,yBAAyB,IAAK,CAAA;YACtBC,OAAO,CAAC;YACRC,UAAU;QACd,CAAA;IACJC,mBAAmB,IAAK,CAAA;YAChBF,OAAO,CAAC;YACRC,UAAU;QACd,CAAA;IACJE,oBAAoB,IAAI,IAAI,IAAI;AACpC;AACO,SAASR,8BAA8BS,MAAM,EAAE;IAClD,4EAA4E;IAC5E,sDAAsD;IACtD,OAAO,CAACC,aAAaC,0BAA0BD,YAAYD;AAC/D;AACA,SAASG,gBAAgBC,MAAM,EAAE;IAC7B,MAAMC,QAAQD,OAAOC,KAAK;IAC1B,OAAO;QACH,gBAAgB;QAChBA;QACA,0CAA0C;QAC1CC,UAAUD;QACVE,UAAUF;IACd;AACJ;AACA,SAASH,0BAA0BD,UAAU,EAAED,MAAM,EAAE;IACnD,MAAM,EAAEQ,QAAO,EAAG,GAAGP;IACrB,2BAA2B;IAC3B,MAAM,EAAEI,MAAK,EAAGI,kBAAiB,EAAG,GAAGC,IAAAA,oCAAiB;IACxD,kEAAkE;IAClE,MAAMC,oBAAoBC,IAAAA,oDAAyB,EAACJ,SAASH,QAAS,CAAA,AAACL,CAAAA,WAAW,IAAI,IAAIA,WAAW,KAAK,IAAI,KAAK,IAAIA,OAAOa,oBAAoB,AAAD,KAAM,CAAA,GAAIb;IAC3J,yDAAyD;IACzD,MAAMc,eAAeC,IAAAA,kEAAgC,EAACJ;IACtD,oDAAoD;IACpD,MAAM,EAAEK,sBAAqB,EAAGnB,UAAUoB,yBAAwB,EAAG,GAAGC,IAAAA,wCAAmB,EAACP;IAC5F,MAAMZ,qBAAqBoB,OAAMC,WAAW,CAAC,CAACvB,UAAUwB,WAAW,CAACC,IAAI;YAChEA,EAAEC,cAAc;YAChBD,EAAEE,WAAW,CAACC,eAAe;YAC7BT,sBAAsBnB,UAAUwB;QACpC,GAAG;QACHL;KACH;IACD,OAAO;QACH,GAAGf,UAAU;QACbyB,UAAUjB;QACV,gEAAgE;QAChEkB,uBAAuB;YACnBlC,gBAAgBqB,aAAarB,cAAc;YAC3CC,gBAAgB,CAACG,UAAU+B,IAAIjB,kBAAkBjB,cAAc,CAACmC,WAAW;oBACnEhC;oBACAQ,OAAOuB;gBACX;YACJpC,iBAAiBmB,kBAAkBmB,UAAU;YAC7CnC,yBAAyB,CAACE,WAAW;gBACjC,MAAMkC,MAAMpB,kBAAkBqB,aAAa,CAACnC;gBAC5C,MAAMoC,QAAQ,WAAW,GAAGd,OAAMe,aAAa,CAACC,oCAAiB,EAAE;oBAC/DC,aAAatB,aAAarB,cAAc,CAACI;oBACzCwC,cAAcvB,aAAarB,cAAc,CAACI;gBAC9C;gBACA,OAAOkC,MAAM;oBACTnC,OAAOO,gBAAgB4B;oBACvBE;oBACA,GAAGhB,6BAA6BpB,WAAW;wBACvC,CAACR,2CAA2C,EAAE;oBAClD,IAAI,CAAC,CAAC;gBACV,IAAI,CAAC,CAAC;YACV;YACAS,mBAAmB,CAACD,WAAW;gBAC3B,MAAMkC,MAAMpB,kBAAkBqB,aAAa,CAACnC;gBAC5C,OAAOkC,MAAM;oBACTnC,OAAOO,gBAAgB4B;gBAC3B,IAAI,CAAC,CAAC;YACV;YACAhC;QACJ;IACJ;AACJ"}