@fluentui/react-table 9.2.1 → 9.2.3

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

@@ -1 +1 @@
-{"version":3,"names":["createSelectionManager","mode","onSelectionChange","undefined","managerFactory","createMultipleSelectionManager","createSingleSelectionManager","exports","toggleAllItems","e","itemIds","selectedItems","allItemsSelected","every","itemId","has","clear","forEach","add","Set","toggleItem","delete","selectItem","deselectItem","clearItems","isSelected","process","env","NODE_ENV","Error"],"sources":["../src/packages/react-components/react-table/src/hooks/selectionManager.ts"],"sourcesContent":["import * as React from 'react';\nimport { SelectionMode } from './types';\n\ntype OnSelectionChangeCallback = (e: React.SyntheticEvent, selectedItems: Set<SelectionItemId>) => void;\n\nexport interface SelectionManager {\n  toggleItem(e: React.SyntheticEvent, id: SelectionItemId, selectedItems: Set<SelectionItemId>): void;\n  selectItem(e: React.SyntheticEvent, id: SelectionItemId, selectedItems: Set<SelectionItemId>): void;\n  deselectItem(e: React.SyntheticEvent, id: SelectionItemId, selectedItems: Set<SelectionItemId>): void;\n  clearItems(e: React.SyntheticEvent): void;\n  isSelected(id: SelectionItemId, selectedItems: Set<SelectionItemId>): boolean;\n  toggleAllItems(e: React.SyntheticEvent, itemIds: SelectionItemId[], selectedItems: Set<SelectionItemId>): void;\n}\n\nexport type SelectionItemId = string | number;\n\nexport function createSelectionManager(\n  mode: SelectionMode,\n  onSelectionChange: OnSelectionChangeCallback = () => undefined,\n): SelectionManager {\n  const managerFactory = mode === 'multiselect' ? createMultipleSelectionManager : createSingleSelectionManager;\n\n  return managerFactory(onSelectionChange);\n}\n\nfunction createMultipleSelectionManager(onSelectionChange: OnSelectionChangeCallback): SelectionManager {\n  const toggleAllItems: SelectionManager['toggleAllItems'] = (e, itemIds, selectedItems) => {\n    const allItemsSelected = itemIds.every(itemId => selectedItems.has(itemId));\n\n    if (allItemsSelected) {\n      selectedItems.clear();\n    } else {\n      itemIds.forEach(itemId => selectedItems.add(itemId));\n    }\n\n    onSelectionChange(e, new Set(selectedItems));\n  };\n\n  const toggleItem: SelectionManager['toggleItem'] = (e, itemId, selectedItems) => {\n    if (selectedItems.has(itemId)) {\n      selectedItems.delete(itemId);\n    } else {\n      selectedItems.add(itemId);\n    }\n\n    onSelectionChange(e, new Set(selectedItems));\n  };\n\n  const selectItem: SelectionManager['selectItem'] = (e, itemId, selectedItems) => {\n    selectedItems.add(itemId);\n    onSelectionChange(e, new Set(selectedItems));\n  };\n\n  const deselectItem: SelectionManager['deselectItem'] = (e, itemId, selectedItems) => {\n    selectedItems.delete(itemId);\n    onSelectionChange(e, new Set(selectedItems));\n  };\n\n  const clearItems: SelectionManager['clearItems'] = e => {\n    onSelectionChange(e, new Set());\n  };\n\n  const isSelected = (itemId: SelectionItemId, selectedItems: Set<SelectionItemId>) => {\n    return selectedItems.has(itemId);\n  };\n\n  return {\n    toggleItem,\n    selectItem,\n    deselectItem,\n    clearItems,\n    isSelected,\n    toggleAllItems,\n  };\n}\n\nfunction createSingleSelectionManager(onSelectionChange: OnSelectionChangeCallback): SelectionManager {\n  const toggleItem: SelectionManager['toggleItem'] = (e, itemId) => {\n    onSelectionChange(e, new Set([itemId]));\n  };\n\n  const clearItems: SelectionManager['clearItems'] = e => {\n    onSelectionChange(e, new Set<SelectionItemId>());\n  };\n\n  const isSelected = (itemId: SelectionItemId, selectedItems: Set<SelectionItemId>) => {\n    return selectedItems.has(itemId);\n  };\n\n  const selectItem: SelectionManager['selectItem'] = (e, itemId) => {\n    onSelectionChange(e, new Set([itemId]));\n  };\n\n  return {\n    deselectItem: clearItems,\n    selectItem,\n    toggleAllItems: () => {\n      if (process.env.NODE_ENV !== 'production') {\n        throw new Error('[react-table]: `toggleAllItems` should not be used in single selection mode');\n      }\n\n      return undefined;\n    },\n    toggleItem,\n    clearItems,\n    isSelected,\n  };\n}\n"],"mappings":";;;;;;AAgBA,SAAgBA,sBAAsBA,CACpCC,IAAmB,EACnBC,iBAAA,GAA+CA,CAAA,KAAMC,SAAS;EAE9D,MAAMC,cAAc,GAAGH,IAAI,KAAK,aAAa,GAAGI,8BAA8B,GAAGC,4BAA4B;EAE7G,OAAOF,cAAc,CAACF,iBAAiB,CAAC;AAC1C;AAPAK,OAAA,CAAAP,sBAAA,GAAAA,sBAAA;AASA,SAASK,8BAA8BA,CAACH,iBAA4C;EAClF,MAAMM,cAAc,GAAuCA,CAACC,CAAC,EAAEC,OAAO,EAAEC,aAAa,KAAI;IACvF,MAAMC,gBAAgB,GAAGF,OAAO,CAACG,KAAK,CAACC,MAAM,IAAIH,aAAa,CAACI,GAAG,CAACD,MAAM,CAAC,CAAC;IAE3E,IAAIF,gBAAgB,EAAE;MACpBD,aAAa,CAACK,KAAK,EAAE;KACtB,MAAM;MACLN,OAAO,CAACO,OAAO,CAACH,MAAM,IAAIH,aAAa,CAACO,GAAG,CAACJ,MAAM,CAAC,CAAC;;IAGtDZ,iBAAiB,CAACO,CAAC,EAAE,IAAIU,GAAG,CAACR,aAAa,CAAC,CAAC;EAC9C,CAAC;EAED,MAAMS,UAAU,GAAmCA,CAACX,CAAC,EAAEK,MAAM,EAAEH,aAAa,KAAI;IAC9E,IAAIA,aAAa,CAACI,GAAG,CAACD,MAAM,CAAC,EAAE;MAC7BH,aAAa,CAACU,MAAM,CAACP,MAAM,CAAC;KAC7B,MAAM;MACLH,aAAa,CAACO,GAAG,CAACJ,MAAM,CAAC;;IAG3BZ,iBAAiB,CAACO,CAAC,EAAE,IAAIU,GAAG,CAACR,aAAa,CAAC,CAAC;EAC9C,CAAC;EAED,MAAMW,UAAU,GAAmCA,CAACb,CAAC,EAAEK,MAAM,EAAEH,aAAa,KAAI;IAC9EA,aAAa,CAACO,GAAG,CAACJ,MAAM,CAAC;IACzBZ,iBAAiB,CAACO,CAAC,EAAE,IAAIU,GAAG,CAACR,aAAa,CAAC,CAAC;EAC9C,CAAC;EAED,MAAMY,YAAY,GAAqCA,CAACd,CAAC,EAAEK,MAAM,EAAEH,aAAa,KAAI;IAClFA,aAAa,CAACU,MAAM,CAACP,MAAM,CAAC;IAC5BZ,iBAAiB,CAACO,CAAC,EAAE,IAAIU,GAAG,CAACR,aAAa,CAAC,CAAC;EAC9C,CAAC;EAED,MAAMa,UAAU,GAAmCf,CAAC,IAAG;IACrDP,iBAAiB,CAACO,CAAC,EAAE,IAAIU,GAAG,EAAE,CAAC;EACjC,CAAC;EAED,MAAMM,UAAU,GAAGA,CAACX,MAAuB,EAAEH,aAAmC,KAAI;IAClF,OAAOA,aAAa,CAACI,GAAG,CAACD,MAAM,CAAC;EAClC,CAAC;EAED,OAAO;IACLM,UAAU;IACVE,UAAU;IACVC,YAAY;IACZC,UAAU;IACVC,UAAU;IACVjB;GACD;AACH;AAEA,SAASF,4BAA4BA,CAACJ,iBAA4C;EAChF,MAAMkB,UAAU,GAAmCA,CAACX,CAAC,EAAEK,MAAM,KAAI;IAC/DZ,iBAAiB,CAACO,CAAC,EAAE,IAAIU,GAAG,CAAC,CAACL,MAAM,CAAC,CAAC,CAAC;EACzC,CAAC;EAED,MAAMU,UAAU,GAAmCf,CAAC,IAAG;IACrDP,iBAAiB,CAACO,CAAC,EAAE,IAAIU,GAAG,EAAmB,CAAC;EAClD,CAAC;EAED,MAAMM,UAAU,GAAGA,CAACX,MAAuB,EAAEH,aAAmC,KAAI;IAClF,OAAOA,aAAa,CAACI,GAAG,CAACD,MAAM,CAAC;EAClC,CAAC;EAED,MAAMQ,UAAU,GAAmCA,CAACb,CAAC,EAAEK,MAAM,KAAI;IAC/DZ,iBAAiB,CAACO,CAAC,EAAE,IAAIU,GAAG,CAAC,CAACL,MAAM,CAAC,CAAC,CAAC;EACzC,CAAC;EAED,OAAO;IACLS,YAAY,EAAEC,UAAU;IACxBF,UAAU;IACVd,cAAc,EAAEA,CAAA,KAAK;MACnB,IAAIkB,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;QACzC,MAAM,IAAIC,KAAK,CAAC,6EAA6E,CAAC;;MAGhG,OAAO1B,SAAS;IAClB,CAAC;IACDiB,UAAU;IACVI,UAAU;IACVC;GACD;AACH"}
+{"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"}

package/lib-commonjs/hooks/types.js

@@ -1,6 +1,9 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
+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,"names":[],"sources":["../src/packages/react-components/react-table/src/hooks/types.ts"],"sourcesContent":["import * as React from 'react';\nimport { SortDirection } from '../components/Table/Table.types';\nimport { TableHeaderCellProps } from '../components/TableHeaderCell/TableHeaderCell.types';\n\nexport type TableRowId = string | number;\nexport type TableColumnId = string | number;\nexport type SelectionMode = 'single' | 'multiselect';\n\nexport interface SortState {\n  sortColumn: TableColumnId | undefined;\n  sortDirection: SortDirection;\n}\n\nexport interface OnSelectionChangeData {\n  selectedItems: Set<TableRowId>;\n}\n\nexport interface CreateTableColumnOptions<TItem> extends Partial<TableColumnDefinition<TItem>> {\n  columnId: TableColumnId;\n}\n\nexport interface TableColumnDefinition<TItem> {\n  columnId: TableColumnId;\n  compare: (a: TItem, b: TItem) => number;\n  renderHeaderCell: () => React.ReactNode;\n  renderCell: (item: TItem) => React.ReactNode;\n}\n\nexport type RowEnhancer<TItem, TRowState extends TableRowData<TItem> = TableRowData<TItem>> = (\n  row: TableRowData<TItem>,\n) => TRowState;\n\nexport interface TableSortState<TItem> {\n  /**\n   * Current sort direction\n   */\n  sortDirection: SortDirection;\n  /**\n   * Column id of the currently sorted column\n   */\n  sortColumn: TableColumnId | undefined;\n  /**\n   * Set the sort direction for the specified column\n   */\n  setColumnSort: (event: React.SyntheticEvent, columnId: TableColumnId, sortDirection: SortDirection) => void;\n  /**\n   * Toggles the sort direction for specified column\n   */\n  toggleColumnSort: (event: React.SyntheticEvent, columnId: TableColumnId) => void;\n  /**\n   * Returns the sort direction if a column is sorted,\n   * returns undefined if the column is not sorted\n   */\n  getSortDirection: (columnId: TableColumnId) => SortDirection | undefined;\n\n  /**\n   * Sorts rows and returns a **shallow** copy of original items\n   */\n  sort: <TRowState extends TableRowData<TItem>>(rows: TRowState[]) => TRowState[];\n}\n\nexport interface TableSelectionState {\n  /**\n   * Clears all selected rows\n   */\n  clearRows: (e: React.SyntheticEvent) => void;\n  /**\n   * Selects single row\n   */\n  selectRow: (e: React.SyntheticEvent, rowId: TableRowId) => void;\n  /**\n   * De-selects single row\n   */\n  deselectRow: (e: React.SyntheticEvent, rowId: TableRowId) => void;\n  /**\n   * Toggle selection of all rows\n   */\n  toggleAllRows: (e: React.SyntheticEvent) => void;\n  /**\n   * Toggle selection of single row\n   */\n  toggleRow: (e: React.SyntheticEvent, rowId: TableRowId) => void;\n  /**\n   * Collection of row ids corresponding to selected rows\n   */\n  selectedRows: Set<TableRowId>;\n  /**\n   * Whether all rows are selected\n   */\n  allRowsSelected: boolean;\n  /**\n   * Whether some rows are selected\n   */\n  someRowsSelected: boolean;\n\n  /**\n   * Checks if a given rowId is selected\n   */\n  isRowSelected: (rowId: TableRowId) => boolean;\n\n  selectionMode: SelectionMode;\n}\n\nexport interface TableRowData<TItem> {\n  /**\n   * User provided data\n   */\n  item: TItem;\n  /**\n   * The row id, defaults to index position in the collection\n   */\n  rowId: TableRowId;\n}\n\nexport interface TableFeaturesState<TItem> extends Pick<UseTableFeaturesOptions<TItem>, 'items' | 'getRowId'> {\n  /**\n   * The row data for rendering\n   * @param rowEnhancer - Enhances the row with extra user data\n   */\n  getRows: <TRowState extends TableRowData<TItem> = TableRowData<TItem>>(\n    rowEnhancer?: RowEnhancer<TItem, TRowState>,\n  ) => TRowState[];\n  /**\n   * State and actions to manage row selection\n   */\n  selection: TableSelectionState;\n  /**\n   * State and actions to manage row sorting\n   */\n  sort: TableSortState<TItem>;\n  /**\n   * Table columns\n   */\n  columns: TableColumnDefinition<TItem>[];\n  /**\n   * State and actions to manage column resizing\n   */\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  columnSizing_unstable: TableColumnSizingState;\n  /**\n   * A React.Ref object to be set as a ref for the table.\n   * Used with column resizing.\n   */\n  tableRef: React.Ref<HTMLDivElement>;\n}\n\nexport interface UseTableSortOptions {\n  /**\n   * Used to control sorting\n   */\n  sortState?: SortState;\n  /**\n   * Used in uncontrolled mode to set initial sort column and direction on mount\n   */\n  defaultSortState?: SortState;\n  /**\n   * Called when sort changes\n   */\n  onSortChange?(e: React.SyntheticEvent, state: SortState): void;\n}\n\nexport interface UseTableSelectionOptions {\n  /**\n   * Can be multi or single select\n   */\n  selectionMode: SelectionMode;\n  /**\n   * Used in uncontrolled mode to set initial selected rows on mount\n   */\n  defaultSelectedItems?: Iterable<TableRowId>;\n  /**\n   * Used to control row selection\n   */\n  selectedItems?: Iterable<TableRowId>;\n  /**\n   * Called when selection changes\n   */\n  onSelectionChange?(e: React.SyntheticEvent, data: OnSelectionChangeData): void;\n}\n\nexport interface UseTableFeaturesOptions<TItem> {\n  columns: TableColumnDefinition<TItem>[];\n  items: TItem[];\n  getRowId?: (item: TItem) => TableRowId;\n}\n\nexport type TableFeaturePlugin = <TItem>(tableState: TableFeaturesState<TItem>) => TableFeaturesState<TItem>;\n\nexport interface ColumnWidthState {\n  columnId: TableColumnId;\n  width: number;\n  minWidth: number;\n  idealWidth: number;\n  padding: number;\n}\n\nexport type ColumnSizingTableHeaderCellProps = Pick<TableHeaderCellProps, 'style' | 'aside'>;\nexport type ColumnSizingTableCellProps = Pick<TableHeaderCellProps, 'style'>;\n\nexport type EnableKeyboardModeOnChangeCallback = (columnId: TableColumnId, isKeyboardMode: boolean) => void;\n\nexport interface TableColumnSizingState {\n  getOnMouseDown: (columnId: TableColumnId) => (e: React.MouseEvent | React.TouchEvent) => void;\n  setColumnWidth: (columnId: TableColumnId, newSize: number) => void;\n  getColumnWidths: () => ColumnWidthState[];\n  getTableHeaderCellProps: (columnId: TableColumnId) => ColumnSizingTableHeaderCellProps;\n  getTableCellProps: (columnId: TableColumnId) => ColumnSizingTableCellProps;\n  enableKeyboardMode: (\n    columnId: TableColumnId,\n    onChange?: EnableKeyboardModeOnChangeCallback,\n  ) => (e: React.MouseEvent | React.TouchEvent) => void;\n}\n\nexport type ColumnResizeState = {\n  getColumnWidth: (columnId: TableColumnId) => number;\n  setColumnWidth: (\n    e: KeyboardEvent | TouchEvent | MouseEvent | undefined,\n    data: { columnId: TableColumnId; width: number },\n  ) => void;\n  getColumnById: (columnId: TableColumnId) => ColumnWidthState | undefined;\n  getColumns: () => ColumnWidthState[];\n};\n\nexport type TableColumnSizingOptions = Record<\n  TableColumnId,\n  Partial<Pick<ColumnWidthState, 'minWidth' | 'idealWidth' | 'padding'>> & { defaultWidth?: number }\n>;\n\nexport type UseTableColumnSizingParams = {\n  columnSizingOptions?: TableColumnSizingOptions;\n  onColumnResize?: (\n    e: KeyboardEvent | TouchEvent | MouseEvent | undefined,\n    data: { columnId: TableColumnId; width: number },\n  ) => void;\n  containerWidthOffset?: number;\n};\n"],"mappings":""}
+{"version":3,"sources":["../../lib/hooks/types.js"],"sourcesContent":["import * as React from 'react';\n//# sourceMappingURL=types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,iCAAiC"}

package/lib-commonjs/hooks/useKeyboardResizing.js

@@ -1,102 +1,117 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useKeyboardResizing", {
+    enumerable: true,
+    get: ()=>useKeyboardResizing
 });
-exports.useKeyboardResizing = void 0;
-const React = /*#__PURE__*/require("react");
-const keyboard_keys_1 = /*#__PURE__*/require("@fluentui/keyboard-keys");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _keyboardKeys = require("@fluentui/keyboard-keys");
+const _reactUtilities = require("@fluentui/react-utilities");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
 const STEP = 20;
-const PRECISION_MODIFIER = keyboard_keys_1.Shift;
+const PRECISION_MODIFIER = _keyboardKeys.Shift;
 const PRECISION_FACTOR = 1 / 4;
 function useKeyboardResizing(columnResizeState) {
-  const columnId = React.useRef();
-  const onChangeRef = React.useRef();
-  const addListenerTimeout = React.useRef();
-  const columnResizeStateRef = React.useRef(columnResizeState);
-  React.useEffect(() => {
-    columnResizeStateRef.current = columnResizeState;
-  }, [columnResizeState]);
-  const {
-    targetDocument
-  } = react_shared_contexts_1.useFluent_unstable();
-  const keyboardHandler = react_utilities_1.useEventCallback(event => {
-    const colId = columnId.current;
-    if (!colId) {
-      return;
-    }
-    const width = columnResizeStateRef.current.getColumnWidth(colId);
-    const precisionModifier = event.getModifierState(PRECISION_MODIFIER);
-    const stopEvent = () => {
-      event.preventDefault();
-      event.stopPropagation();
+    const columnId = _react.useRef();
+    const onChangeRef = _react.useRef();
+    const addListenerTimeout = _react.useRef();
+    const columnResizeStateRef = _react.useRef(columnResizeState);
+    _react.useEffect(()=>{
+        columnResizeStateRef.current = columnResizeState;
+    }, [
+        columnResizeState
+    ]);
+    const { targetDocument  } = (0, _reactSharedContexts.useFluent_unstable)();
+    const keyboardHandler = (0, _reactUtilities.useEventCallback)((event)=>{
+        const colId = columnId.current;
+        if (!colId) {
+            return;
+        }
+        const width = columnResizeStateRef.current.getColumnWidth(colId);
+        const precisionModifier = event.getModifierState(PRECISION_MODIFIER);
+        const stopEvent = ()=>{
+            event.preventDefault();
+            event.stopPropagation();
+        };
+        switch(event.key){
+            case _keyboardKeys.ArrowLeft:
+                stopEvent();
+                columnResizeStateRef.current.setColumnWidth(event, {
+                    columnId: colId,
+                    width: width - (precisionModifier ? STEP * PRECISION_FACTOR : STEP)
+                });
+                return;
+            case _keyboardKeys.ArrowRight:
+                stopEvent();
+                columnResizeStateRef.current.setColumnWidth(event, {
+                    columnId: colId,
+                    width: width + (precisionModifier ? STEP * PRECISION_FACTOR : STEP)
+                });
+                return;
+            case _keyboardKeys.Space:
+            case _keyboardKeys.Enter:
+            case _keyboardKeys.Escape:
+                stopEvent();
+                disableInteractiveMode();
+                break;
+        }
+    });
+    // On component unmout, cancel any timer for adding a listener (if it exists) and remove the listener
+    _react.useEffect(()=>{
+        return ()=>{
+            var _targetDocument_defaultView, _targetDocument_defaultView1;
+            targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.clearTimeout(addListenerTimeout.current);
+            targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView1 = targetDocument.defaultView) === null || _targetDocument_defaultView1 === void 0 ? void 0 : _targetDocument_defaultView1.removeEventListener('keydown', keyboardHandler);
+        };
+    }, [
+        keyboardHandler,
+        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView
+    ]);
+    const enableInteractiveMode = _react.useCallback((colId)=>{
+        var _onChangeRef_current, _targetDocument_defaultView;
+        columnId.current = 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.
+        // No idea why this is happening, but this is a working workaround.
+        // Tracked here: https://github.com/microsoft/fluentui/issues/27177
+        addListenerTimeout.current = targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.setTimeout(()=>{
+            var _targetDocument_defaultView;
+            targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.addEventListener('keydown', keyboardHandler);
+        }, 0);
+    }, [
+        keyboardHandler,
+        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView
+    ]);
+    const disableInteractiveMode = _react.useCallback(()=>{
+        var _targetDocument_defaultView;
+        if (columnId.current) {
+            var _onChangeRef_current;
+            (_onChangeRef_current = onChangeRef.current) === null || _onChangeRef_current === void 0 ? void 0 : _onChangeRef_current.call(onChangeRef, columnId.current, false);
+        }
+        columnId.current = undefined;
+        targetDocument === null || targetDocument === void 0 ? void 0 : (_targetDocument_defaultView = targetDocument.defaultView) === null || _targetDocument_defaultView === void 0 ? void 0 : _targetDocument_defaultView.removeEventListener('keydown', keyboardHandler);
+    }, [
+        keyboardHandler,
+        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView
+    ]);
+    const toggleInteractiveMode = (colId, onChange)=>{
+        onChangeRef.current = onChange;
+        if (!columnId.current) {
+            enableInteractiveMode(colId);
+        } else if (colId && columnId.current !== colId) {
+            columnId.current = colId;
+            onChange === null || onChange === void 0 ? void 0 : onChange(columnId.current, true);
+        } else {
+            disableInteractiveMode();
+        }
     };
-    switch (event.key) {
-      case keyboard_keys_1.ArrowLeft:
-        stopEvent();
-        columnResizeStateRef.current.setColumnWidth(event, {
-          columnId: colId,
-          width: width - (precisionModifier ? STEP * PRECISION_FACTOR : STEP)
-        });
-        return;
-      case keyboard_keys_1.ArrowRight:
-        stopEvent();
-        columnResizeStateRef.current.setColumnWidth(event, {
-          columnId: colId,
-          width: width + (precisionModifier ? STEP * PRECISION_FACTOR : STEP)
-        });
-        return;
-      case keyboard_keys_1.Space:
-      case keyboard_keys_1.Enter:
-      case keyboard_keys_1.Escape:
-        stopEvent();
-        disableInteractiveMode();
-        break;
-    }
-  });
-  // On component unmout, cancel any timer for adding a listener (if it exists) and remove the listener
-  React.useEffect(() => () => {
-    var _a, _b;
-    (_a = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) === null || _a === void 0 ? void 0 : _a.clearTimeout(addListenerTimeout.current);
-    (_b = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) === null || _b === void 0 ? void 0 : _b.removeEventListener('keydown', keyboardHandler);
-  }, [keyboardHandler, targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView]);
-  const enableInteractiveMode = React.useCallback(colId => {
-    var _a, _b;
-    columnId.current = colId;
-    (_a = onChangeRef.current) === null || _a === void 0 ? void 0 : _a.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.
-    // No idea why this is happening, but this is a working workaround.
-    // Tracked here: https://github.com/microsoft/fluentui/issues/27177
-    addListenerTimeout.current = (_b = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) === null || _b === void 0 ? void 0 : _b.setTimeout(() => {
-      var _a;
-      (_a = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) === null || _a === void 0 ? void 0 : _a.addEventListener('keydown', keyboardHandler);
-    }, 0);
-  }, [keyboardHandler, targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView]);
-  const disableInteractiveMode = React.useCallback(() => {
-    var _a, _b;
-    if (columnId.current) {
-      (_a = onChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onChangeRef, columnId.current, false);
-    }
-    columnId.current = undefined;
-    (_b = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) === null || _b === void 0 ? void 0 : _b.removeEventListener('keydown', keyboardHandler);
-  }, [keyboardHandler, targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView]);
-  const toggleInteractiveMode = (colId, onChange) => {
-    onChangeRef.current = onChange;
-    if (!columnId.current) {
-      enableInteractiveMode(colId);
-    } else if (colId && columnId.current !== colId) {
-      columnId.current = colId;
-      onChange === null || onChange === void 0 ? void 0 : onChange(columnId.current, true);
-    } else {
-      disableInteractiveMode();
-    }
-  };
-  return {
-    toggleInteractiveMode
-  };
-}
-exports.useKeyboardResizing = useKeyboardResizing;
+    return {
+        toggleInteractiveMode
+    };
+} //# sourceMappingURL=useKeyboardResizing.js.map
+
 //# sourceMappingURL=useKeyboardResizing.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","keyboard_keys_1","react_utilities_1","react_shared_contexts_1","STEP","PRECISION_MODIFIER","Shift","PRECISION_FACTOR","useKeyboardResizing","columnResizeState","columnId","useRef","onChangeRef","addListenerTimeout","columnResizeStateRef","useEffect","current","targetDocument","useFluent_unstable","keyboardHandler","useEventCallback","event","colId","width","getColumnWidth","precisionModifier","getModifierState","stopEvent","preventDefault","stopPropagation","key","ArrowLeft","setColumnWidth","ArrowRight","Space","Enter","Escape","disableInteractiveMode","_a","defaultView","clearTimeout","_b","removeEventListener","enableInteractiveMode","useCallback","call","setTimeout","addEventListener","undefined","toggleInteractiveMode","onChange","exports"],"sources":["../src/packages/react-components/react-table/src/hooks/useKeyboardResizing.ts"],"sourcesContent":["import * as React from 'react';\nimport { ArrowLeft, ArrowRight, Enter, Escape, Shift, Space } from '@fluentui/keyboard-keys';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { ColumnResizeState, EnableKeyboardModeOnChangeCallback, TableColumnId } from './types';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\nconst STEP = 20;\nconst PRECISION_MODIFIER = Shift;\nconst PRECISION_FACTOR = 1 / 4;\n\nexport function useKeyboardResizing(columnResizeState: ColumnResizeState) {\n  const columnId = React.useRef<TableColumnId>();\n  const onChangeRef = React.useRef<EnableKeyboardModeOnChangeCallback>();\n  const addListenerTimeout = React.useRef<number>();\n\n  const columnResizeStateRef = React.useRef<ColumnResizeState>(columnResizeState);\n  React.useEffect(() => {\n    columnResizeStateRef.current = columnResizeState;\n  }, [columnResizeState]);\n\n  const { targetDocument } = useFluent();\n\n  const keyboardHandler = useEventCallback((event: KeyboardEvent) => {\n    const colId = columnId.current;\n\n    if (!colId) {\n      return;\n    }\n\n    const width = columnResizeStateRef.current.getColumnWidth(colId);\n    const precisionModifier = event.getModifierState(PRECISION_MODIFIER);\n\n    const stopEvent = () => {\n      event.preventDefault();\n      event.stopPropagation();\n    };\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\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\n      case Space:\n      case Enter:\n      case Escape:\n        stopEvent();\n        disableInteractiveMode();\n        break;\n    }\n  });\n\n  // On component unmout, cancel any timer for adding a listener (if it exists) and remove the listener\n  React.useEffect(\n    () => () => {\n      targetDocument?.defaultView?.clearTimeout(addListenerTimeout.current);\n      targetDocument?.defaultView?.removeEventListener('keydown', keyboardHandler);\n    },\n    [keyboardHandler, targetDocument?.defaultView],\n  );\n\n  const enableInteractiveMode = React.useCallback(\n    (colId: TableColumnId) => {\n      columnId.current = colId;\n      onChangeRef.current?.(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?.defaultView?.setTimeout(() => {\n        targetDocument?.defaultView?.addEventListener('keydown', keyboardHandler);\n      }, 0);\n    },\n    [keyboardHandler, targetDocument?.defaultView],\n  );\n\n  const disableInteractiveMode = React.useCallback(() => {\n    if (columnId.current) {\n      onChangeRef.current?.(columnId.current, false);\n    }\n    columnId.current = undefined;\n    targetDocument?.defaultView?.removeEventListener('keydown', keyboardHandler);\n  }, [keyboardHandler, targetDocument?.defaultView]);\n\n  const toggleInteractiveMode = (colId: TableColumnId, onChange?: EnableKeyboardModeOnChangeCallback) => {\n    onChangeRef.current = onChange;\n    if (!columnId.current) {\n      enableInteractiveMode(colId);\n    } else if (colId && columnId.current !== colId) {\n      columnId.current = colId;\n      onChange?.(columnId.current, true);\n    } else {\n      disableInteractiveMode();\n    }\n  };\n\n  return {\n    toggleInteractiveMode,\n  };\n}\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,eAAA,gBAAAD,OAAA;AACA,MAAAE,iBAAA,gBAAAF,OAAA;AAEA,MAAAG,uBAAA,gBAAAH,OAAA;AAEA,MAAMI,IAAI,GAAG,EAAE;AACf,MAAMC,kBAAkB,GAAGJ,eAAA,CAAAK,KAAK;AAChC,MAAMC,gBAAgB,GAAG,CAAC,GAAG,CAAC;AAE9B,SAAgBC,mBAAmBA,CAACC,iBAAoC;EACtE,MAAMC,QAAQ,GAAGX,KAAK,CAACY,MAAM,EAAiB;EAC9C,MAAMC,WAAW,GAAGb,KAAK,CAACY,MAAM,EAAsC;EACtE,MAAME,kBAAkB,GAAGd,KAAK,CAACY,MAAM,EAAU;EAEjD,MAAMG,oBAAoB,GAAGf,KAAK,CAACY,MAAM,CAAoBF,iBAAiB,CAAC;EAC/EV,KAAK,CAACgB,SAAS,CAAC,MAAK;IACnBD,oBAAoB,CAACE,OAAO,GAAGP,iBAAiB;EAClD,CAAC,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAEvB,MAAM;IAAEQ;EAAc,CAAE,GAAGd,uBAAA,CAAAe,kBAAS,EAAE;EAEtC,MAAMC,eAAe,GAAGjB,iBAAA,CAAAkB,gBAAgB,CAAEC,KAAoB,IAAI;IAChE,MAAMC,KAAK,GAAGZ,QAAQ,CAACM,OAAO;IAE9B,IAAI,CAACM,KAAK,EAAE;MACV;;IAGF,MAAMC,KAAK,GAAGT,oBAAoB,CAACE,OAAO,CAACQ,cAAc,CAACF,KAAK,CAAC;IAChE,MAAMG,iBAAiB,GAAGJ,KAAK,CAACK,gBAAgB,CAACrB,kBAAkB,CAAC;IAEpE,MAAMsB,SAAS,GAAGA,CAAA,KAAK;MACrBN,KAAK,CAACO,cAAc,EAAE;MACtBP,KAAK,CAACQ,eAAe,EAAE;IACzB,CAAC;IAED,QAAQR,KAAK,CAACS,GAAG;MACf,KAAK7B,eAAA,CAAA8B,SAAS;QACZJ,SAAS,EAAE;QACXb,oBAAoB,CAACE,OAAO,CAACgB,cAAc,CAACX,KAAK,EAAE;UACjDX,QAAQ,EAAEY,KAAK;UACfC,KAAK,EAAEA,KAAK,IAAIE,iBAAiB,GAAGrB,IAAI,GAAGG,gBAAgB,GAAGH,IAAI;SACnE,CAAC;QACF;MAEF,KAAKH,eAAA,CAAAgC,UAAU;QACbN,SAAS,EAAE;QACXb,oBAAoB,CAACE,OAAO,CAACgB,cAAc,CAACX,KAAK,EAAE;UACjDX,QAAQ,EAAEY,KAAK;UACfC,KAAK,EAAEA,KAAK,IAAIE,iBAAiB,GAAGrB,IAAI,GAAGG,gBAAgB,GAAGH,IAAI;SACnE,CAAC;QACF;MAEF,KAAKH,eAAA,CAAAiC,KAAK;MACV,KAAKjC,eAAA,CAAAkC,KAAK;MACV,KAAKlC,eAAA,CAAAmC,MAAM;QACTT,SAAS,EAAE;QACXU,sBAAsB,EAAE;QACxB;IAAM;EAEZ,CAAC,CAAC;EAEF;EACAtC,KAAK,CAACgB,SAAS,CACb,MAAM,MAAK;;IACT,CAAAuB,EAAA,GAAArB,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEsB,WAAW,cAAAD,EAAA,uBAAAA,EAAA,CAAEE,YAAY,CAAC3B,kBAAkB,CAACG,OAAO,CAAC;IACrE,CAAAyB,EAAA,GAAAxB,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEsB,WAAW,cAAAE,EAAA,uBAAAA,EAAA,CAAEC,mBAAmB,CAAC,SAAS,EAAEvB,eAAe,CAAC;EAC9E,CAAC,EACD,CAACA,eAAe,EAAEF,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEsB,WAAW,CAAC,CAC/C;EAED,MAAMI,qBAAqB,GAAG5C,KAAK,CAAC6C,WAAW,CAC5CtB,KAAoB,IAAI;;IACvBZ,QAAQ,CAACM,OAAO,GAAGM,KAAK;IACxB,CAAAgB,EAAA,GAAA1B,WAAW,CAACI,OAAO,cAAAsB,EAAA,uBAAAA,EAAA,CAAAO,IAAA,CAAnBjC,WAAW,EAAWU,KAAK,EAAE,IAAI,CAAC;IAClC;IACA;IACA;IACA;IACAT,kBAAkB,CAACG,OAAO,GAAG,CAAAyB,EAAA,GAAAxB,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEsB,WAAW,cAAAE,EAAA,uBAAAA,EAAA,CAAEK,UAAU,CAAC,MAAK;;MACxE,CAAAR,EAAA,GAAArB,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEsB,WAAW,cAAAD,EAAA,uBAAAA,EAAA,CAAES,gBAAgB,CAAC,SAAS,EAAE5B,eAAe,CAAC;IAC3E,CAAC,EAAE,CAAC,CAAC;EACP,CAAC,EACD,CAACA,eAAe,EAAEF,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEsB,WAAW,CAAC,CAC/C;EAED,MAAMF,sBAAsB,GAAGtC,KAAK,CAAC6C,WAAW,CAAC,MAAK;;IACpD,IAAIlC,QAAQ,CAACM,OAAO,EAAE;MACpB,CAAAsB,EAAA,GAAA1B,WAAW,CAACI,OAAO,cAAAsB,EAAA,uBAAAA,EAAA,CAAAO,IAAA,CAAnBjC,WAAW,EAAWF,QAAQ,CAACM,OAAO,EAAE,KAAK,CAAC;;IAEhDN,QAAQ,CAACM,OAAO,GAAGgC,SAAS;IAC5B,CAAAP,EAAA,GAAAxB,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEsB,WAAW,cAAAE,EAAA,uBAAAA,EAAA,CAAEC,mBAAmB,CAAC,SAAS,EAAEvB,eAAe,CAAC;EAC9E,CAAC,EAAE,CAACA,eAAe,EAAEF,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEsB,WAAW,CAAC,CAAC;EAElD,MAAMU,qBAAqB,GAAGA,CAAC3B,KAAoB,EAAE4B,QAA6C,KAAI;IACpGtC,WAAW,CAACI,OAAO,GAAGkC,QAAQ;IAC9B,IAAI,CAACxC,QAAQ,CAACM,OAAO,EAAE;MACrB2B,qBAAqB,CAACrB,KAAK,CAAC;KAC7B,MAAM,IAAIA,KAAK,IAAIZ,QAAQ,CAACM,OAAO,KAAKM,KAAK,EAAE;MAC9CZ,QAAQ,CAACM,OAAO,GAAGM,KAAK;MACxB4B,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGxC,QAAQ,CAACM,OAAO,EAAE,IAAI,CAAC;KACnC,MAAM;MACLqB,sBAAsB,EAAE;;EAE5B,CAAC;EAED,OAAO;IACLY;GACD;AACH;AApGAE,OAAA,CAAA3C,mBAAA,GAAAA,mBAAA"}
+{"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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"}

package/lib-commonjs/hooks/useMeasureElement.js

@@ -1,55 +1,58 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useMeasureElement", {
+    enumerable: true,
+    get: ()=>useMeasureElement
 });
-exports.useMeasureElement = void 0;
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const React = /*#__PURE__*/require("react");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-/**
- * Provides a way of reporting element width.
- * Returns
- * `width` - current element width (0 by default),
- * `measureElementRef` - a ref function to be passed as `ref` to the element you want to measure
- */
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _reactUtilities = require("@fluentui/react-utilities");
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
 function useMeasureElement() {
-  const [width, setWidth] = React.useState(0);
-  const container = React.useRef(undefined);
-  const {
-    targetDocument
-  } = react_shared_contexts_1.useFluent_unstable();
-  // the handler for resize observer
-  const handleResize = React.useCallback(() => {
-    var _a;
-    const containerWidth = (_a = container.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width;
-    setWidth(containerWidth || 0);
-  }, []);
-  // Keep the reference of ResizeObserver in the state, as it should live through renders
-  const [resizeObserver] = React.useState(react_utilities_1.canUseDOM() ? new ResizeObserver(handleResize) : undefined);
-  const measureElementRef = React.useCallback(el => {
-    if (!targetDocument || !resizeObserver) {
-      return;
-    }
-    // cleanup previous container
-    if (container.current) {
-      resizeObserver.unobserve(container.current);
-      container.current.remove();
-    }
-    if (el) {
-      container.current = targetDocument.createElement('div');
-      el.insertAdjacentElement('beforebegin', container.current);
-      resizeObserver.observe(container.current);
-      handleResize();
-    }
-  }, [targetDocument, resizeObserver, handleResize]);
-  React.useEffect(() => {
-    return () => resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
-  }, [resizeObserver]);
-  return {
-    width,
-    measureElementRef
-  };
-}
-exports.useMeasureElement = useMeasureElement;
+    const [width, setWidth] = _react.useState(0);
+    const container = _react.useRef(undefined);
+    const { targetDocument  } = (0, _reactSharedContexts.useFluent_unstable)();
+    // the handler for resize observer
+    const handleResize = _react.useCallback(()=>{
+        var _container_current;
+        const containerWidth = (_container_current = container.current) === null || _container_current === void 0 ? void 0 : _container_current.getBoundingClientRect().width;
+        setWidth(containerWidth || 0);
+    }, []);
+    // Keep the reference of ResizeObserver in the state, as it should live through renders
+    const [resizeObserver] = _react.useState((0, _reactUtilities.canUseDOM)() ? new ResizeObserver(handleResize) : undefined);
+    const measureElementRef = _react.useCallback((el)=>{
+        if (!targetDocument || !resizeObserver) {
+            return;
+        }
+        // cleanup previous container
+        if (container.current) {
+            resizeObserver.unobserve(container.current);
+            container.current.remove();
+        }
+        if (el) {
+            container.current = targetDocument.createElement('div');
+            el.insertAdjacentElement('beforebegin', container.current);
+            resizeObserver.observe(container.current);
+            handleResize();
+        }
+    }, [
+        targetDocument,
+        resizeObserver,
+        handleResize
+    ]);
+    _react.useEffect(()=>{
+        return ()=>{
+            return resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
+        };
+    }, [
+        resizeObserver
+    ]);
+    return {
+        width,
+        measureElementRef
+    };
+} //# sourceMappingURL=useMeasureElement.js.map
+
 //# sourceMappingURL=useMeasureElement.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["react_utilities_1","require","React","react_shared_contexts_1","useMeasureElement","width","setWidth","useState","container","useRef","undefined","targetDocument","useFluent_unstable","handleResize","useCallback","containerWidth","_a","current","getBoundingClientRect","resizeObserver","canUseDOM","ResizeObserver","measureElementRef","el","unobserve","remove","createElement","insertAdjacentElement","observe","useEffect","disconnect","exports"],"sources":["../src/packages/react-components/react-table/src/hooks/useMeasureElement.ts"],"sourcesContent":["import { canUseDOM } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\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<TElement extends HTMLElement = HTMLElement>() {\n  const [width, setWidth] = React.useState(0);\n  const container = React.useRef<HTMLElement | undefined>(undefined);\n\n  const { targetDocument } = useFluent();\n\n  // the handler for resize observer\n  const handleResize = React.useCallback(() => {\n    const containerWidth = container.current?.getBoundingClientRect().width;\n    setWidth(containerWidth || 0);\n  }, []);\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(\n    (el: TElement | null) => {\n      if (!targetDocument || !resizeObserver) {\n        return;\n      }\n\n      // cleanup previous container\n      if (container.current) {\n        resizeObserver.unobserve(container.current);\n        container.current.remove();\n      }\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, resizeObserver, handleResize],\n  );\n\n  React.useEffect(() => {\n    return () => resizeObserver?.disconnect();\n  }, [resizeObserver]);\n\n  return { width, measureElementRef };\n}\n"],"mappings":";;;;;;AAAA,MAAAA,iBAAA,gBAAAC,OAAA;AACA,MAAAC,KAAA,gBAAAD,OAAA;AACA,MAAAE,uBAAA,gBAAAF,OAAA;AAEA;;;;;;AAMA,SAAgBG,iBAAiBA,CAAA;EAC/B,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGJ,KAAK,CAACK,QAAQ,CAAC,CAAC,CAAC;EAC3C,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,CAA0BC,SAAS,CAAC;EAElE,MAAM;IAAEC;EAAc,CAAE,GAAGR,uBAAA,CAAAS,kBAAS,EAAE;EAEtC;EACA,MAAMC,YAAY,GAAGX,KAAK,CAACY,WAAW,CAAC,MAAK;;IAC1C,MAAMC,cAAc,GAAG,CAAAC,EAAA,GAAAR,SAAS,CAACS,OAAO,cAAAD,EAAA,uBAAAA,EAAA,CAAEE,qBAAqB,GAAGb,KAAK;IACvEC,QAAQ,CAACS,cAAc,IAAI,CAAC,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAEN;EACA,MAAM,CAACI,cAAc,CAAC,GAAGjB,KAAK,CAACK,QAAQ,CAACP,iBAAA,CAAAoB,SAAS,EAAE,GAAG,IAAIC,cAAc,CAACR,YAAY,CAAC,GAAGH,SAAS,CAAC;EACnG,MAAMY,iBAAiB,GAAGpB,KAAK,CAACY,WAAW,CACxCS,EAAmB,IAAI;IACtB,IAAI,CAACZ,cAAc,IAAI,CAACQ,cAAc,EAAE;MACtC;;IAGF;IACA,IAAIX,SAAS,CAACS,OAAO,EAAE;MACrBE,cAAc,CAACK,SAAS,CAAChB,SAAS,CAACS,OAAO,CAAC;MAC3CT,SAAS,CAACS,OAAO,CAACQ,MAAM,EAAE;;IAG5B,IAAIF,EAAE,EAAE;MACNf,SAAS,CAACS,OAAO,GAAGN,cAAc,CAACe,aAAa,CAAC,KAAK,CAAC;MACvDH,EAAE,CAACI,qBAAqB,CAAC,aAAa,EAAEnB,SAAS,CAACS,OAAO,CAAC;MAC1DE,cAAc,CAACS,OAAO,CAACpB,SAAS,CAACS,OAAO,CAAC;MACzCJ,YAAY,EAAE;;EAElB,CAAC,EACD,CAACF,cAAc,EAAEQ,cAAc,EAAEN,YAAY,CAAC,CAC/C;EAEDX,KAAK,CAAC2B,SAAS,CAAC,MAAK;IACnB,OAAO,MAAMV,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEW,UAAU,EAAE;EAC3C,CAAC,EAAE,CAACX,cAAc,CAAC,CAAC;EAEpB,OAAO;IAAEd,KAAK;IAAEiB;EAAiB,CAAE;AACrC;AAzCAS,OAAA,CAAA3B,iBAAA,GAAAA,iBAAA"}
+{"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"}