@fluentui/react-table 9.2.12 → 9.4.0

package/lib-commonjs/components/TableSelectionCell/TableSelectionCell.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/TableSelectionCell/TableSelectionCell.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=TableSelectionCell.types.js.map"],"names":[],"mappings":";;;;CACA,oDAAoD"}
+{"version":3,"sources":[],"names":[],"mappings":""}

package/lib-commonjs/components/TableSelectionCell/index.js

@@ -8,6 +8,3 @@ _exportStar(require("./TableSelectionCell.types"), exports);
 _exportStar(require("./renderTableSelectionCell"), exports);
 _exportStar(require("./useTableSelectionCell"), exports);
 _exportStar(require("./useTableSelectionCellStyles.styles"), exports);
- //# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

package/lib-commonjs/components/TableSelectionCell/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/TableSelectionCell/index.js"],"sourcesContent":["export * from './TableSelectionCell';\nexport * from './TableSelectionCell.types';\nexport * from './renderTableSelectionCell';\nexport * from './useTableSelectionCell';\nexport * from './useTableSelectionCellStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './TableSelectionCell';\nexport * from './TableSelectionCell.types';\nexport * from './renderTableSelectionCell';\nexport * from './useTableSelectionCell';\nexport * from './useTableSelectionCellStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}

package/lib-commonjs/components/TableSelectionCell/renderTableSelectionCell.js

@@ -11,6 +11,4 @@ const _reactUtilities = require("@fluentui/react-utilities");
 const renderTableSelectionCell_unstable = (state)=>{
     const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
     return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, state.type === 'checkbox' && slots.checkboxIndicator && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.checkboxIndicator, slotProps.checkboxIndicator), state.type === 'radio' && slots.radioIndicator && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.radioIndicator, slotProps.radioIndicator));
-}; //# sourceMappingURL=renderTableSelectionCell.js.map
-
-//# sourceMappingURL=renderTableSelectionCell.js.map
+};

package/lib-commonjs/components/TableSelectionCell/renderTableSelectionCell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/TableSelectionCell/renderTableSelectionCell.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TableSelectionCell\n */\nexport const renderTableSelectionCell_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlotsNext(state);\n  return /*#__PURE__*/createElement(slots.root, slotProps.root, state.type === 'checkbox' && slots.checkboxIndicator && /*#__PURE__*/createElement(slots.checkboxIndicator, slotProps.checkboxIndicator), state.type === 'radio' && slots.radioIndicator && /*#__PURE__*/createElement(slots.radioIndicator, slotProps.radioIndicator));\n};\n//# sourceMappingURL=renderTableSelectionCell.js.map"],"names":["renderTableSelectionCell_unstable","state","slots","slotProps","getSlotsNext","createElement","root","type","checkboxIndicator","radioIndicator"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKrCA;;aAAAA;;iCALqE;gCACrD;AAItB,MAAMA,oCAAoCC,CAAAA,QAAS;IACxD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACH;IACjB,OAAO,WAAW,GAAEI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEL,MAAMM,IAAI,KAAK,cAAcL,MAAMM,iBAAiB,IAAI,WAAW,GAAEH,IAAAA,8BAAa,EAACH,MAAMM,iBAAiB,EAAEL,UAAUK,iBAAiB,GAAGP,MAAMM,IAAI,KAAK,WAAWL,MAAMO,cAAc,IAAI,WAAW,GAAEJ,IAAAA,8BAAa,EAACH,MAAMO,cAAc,EAAEN,UAAUM,cAAc;AACrU,GACA,oDAAoD"}
+{"version":3,"sources":["renderTableSelectionCell.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TableSelectionCell\n */ export const renderTableSelectionCell_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root, state.type === 'checkbox' && slots.checkboxIndicator && /*#__PURE__*/ createElement(slots.checkboxIndicator, slotProps.checkboxIndicator), state.type === 'radio' && slots.radioIndicator && /*#__PURE__*/ createElement(slots.radioIndicator, slotProps.radioIndicator));\n};\n"],"names":["renderTableSelectionCell_unstable","state","slots","slotProps","getSlotsNext","createElement","root","type","checkboxIndicator","radioIndicator"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,oCAAoC,CAACC,QAAQ;IAC1D,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEL,MAAMM,IAAI,KAAK,cAAcL,MAAMM,iBAAiB,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMM,iBAAiB,EAAEL,UAAUK,iBAAiB,GAAGP,MAAMM,IAAI,KAAK,WAAWL,MAAMO,cAAc,IAAI,WAAW,GAAGJ,IAAAA,8BAAa,EAACH,MAAMO,cAAc,EAAEN,UAAUM,cAAc;AAC1U"}

package/lib-commonjs/components/TableSelectionCell/useTableSelectionCell.js

@@ -45,6 +45,4 @@ const useTableSelectionCell_unstable = (props, ref)=>{
         subtle,
         hidden
     };
-}; //# sourceMappingURL=useTableSelectionCell.js.map
-
-//# sourceMappingURL=useTableSelectionCell.js.map
+};

package/lib-commonjs/components/TableSelectionCell/useTableSelectionCell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/TableSelectionCell/useTableSelectionCell.js"],"sourcesContent":["import * as React from 'react';\nimport { resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { Checkbox } from '@fluentui/react-checkbox';\nimport { Radio } from '@fluentui/react-radio';\nimport { useTableCell_unstable } from '../TableCell/useTableCell';\nimport { useTableContext } from '../../contexts/tableContext';\n/**\n * Create the state required to render TableSelectionCell.\n *\n * The returned state can be modified with hooks such as useTableSelectionCellStyles_unstable,\n * before being passed to renderTableSelectionCell_unstable.\n *\n * @param props - props from this instance of TableSelectionCell\n * @param ref - reference to root HTMLElement of TableSelectionCell\n */\nexport const useTableSelectionCell_unstable = (props, ref) => {\n  const tableCellState = useTableCell_unstable(props, ref);\n  const {\n    noNativeElements\n  } = useTableContext();\n  const {\n    type = 'checkbox',\n    checked = false,\n    subtle = false,\n    hidden = false\n  } = props;\n  return {\n    ...tableCellState,\n    components: {\n      ...tableCellState.components,\n      checkboxIndicator: Checkbox,\n      radioIndicator: Radio\n    },\n    checkboxIndicator: resolveShorthand(props.checkboxIndicator, {\n      required: type === 'checkbox',\n      defaultProps: {\n        checked: props.checked\n      }\n    }),\n    radioIndicator: resolveShorthand(props.radioIndicator, {\n      required: type === 'radio',\n      defaultProps: {\n        checked: !!checked,\n        input: {\n          name: useId('table-selection-radio')\n        }\n      }\n    }),\n    type,\n    checked,\n    noNativeElements,\n    subtle,\n    hidden\n  };\n};\n//# sourceMappingURL=useTableSelectionCell.js.map"],"names":["useTableSelectionCell_unstable","props","ref","tableCellState","useTableCell_unstable","noNativeElements","useTableContext","type","checked","subtle","hidden","components","checkboxIndicator","Checkbox","radioIndicator","Radio","resolveShorthand","required","defaultProps","input","name","useId"],"mappings":";;;;+BAeaA;;aAAAA;;;6DAfU;gCACiB;+BACf;4BACH;8BACgB;8BACN;AAUzB,MAAMA,iCAAiC,CAACC,OAAOC,MAAQ;IAC5D,MAAMC,iBAAiBC,IAAAA,mCAAqB,EAACH,OAAOC;IACpD,MAAM,EACJG,iBAAgB,EACjB,GAAGC,IAAAA,6BAAe;IACnB,MAAM,EACJC,MAAO,WAAU,EACjBC,SAAU,KAAK,CAAA,EACfC,QAAS,KAAK,CAAA,EACdC,QAAS,KAAK,CAAA,EACf,GAAGT;IACJ,OAAO;QACL,GAAGE,cAAc;QACjBQ,YAAY;YACV,GAAGR,eAAeQ,UAAU;YAC5BC,mBAAmBC,uBAAQ;YAC3BC,gBAAgBC,iBAAK;QACvB;QACAH,mBAAmBI,IAAAA,gCAAgB,EAACf,MAAMW,iBAAiB,EAAE;YAC3DK,UAAUV,SAAS;YACnBW,cAAc;gBACZV,SAASP,MAAMO,OAAO;YACxB;QACF;QACAM,gBAAgBE,IAAAA,gCAAgB,EAACf,MAAMa,cAAc,EAAE;YACrDG,UAAUV,SAAS;YACnBW,cAAc;gBACZV,SAAS,CAAC,CAACA;gBACXW,OAAO;oBACLC,MAAMC,IAAAA,qBAAK,EAAC;gBACd;YACF;QACF;QACAd;QACAC;QACAH;QACAI;QACAC;IACF;AACF,GACA,iDAAiD"}
+{"version":3,"sources":["useTableSelectionCell.js"],"sourcesContent":["import * as React from 'react';\nimport { resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { Checkbox } from '@fluentui/react-checkbox';\nimport { Radio } from '@fluentui/react-radio';\nimport { useTableCell_unstable } from '../TableCell/useTableCell';\nimport { useTableContext } from '../../contexts/tableContext';\n/**\n * Create the state required to render TableSelectionCell.\n *\n * The returned state can be modified with hooks such as useTableSelectionCellStyles_unstable,\n * before being passed to renderTableSelectionCell_unstable.\n *\n * @param props - props from this instance of TableSelectionCell\n * @param ref - reference to root HTMLElement of TableSelectionCell\n */ export const useTableSelectionCell_unstable = (props, ref)=>{\n    const tableCellState = useTableCell_unstable(props, ref);\n    const { noNativeElements  } = useTableContext();\n    const { type ='checkbox' , checked =false , subtle =false , hidden =false  } = props;\n    return {\n        ...tableCellState,\n        components: {\n            ...tableCellState.components,\n            checkboxIndicator: Checkbox,\n            radioIndicator: Radio\n        },\n        checkboxIndicator: resolveShorthand(props.checkboxIndicator, {\n            required: type === 'checkbox',\n            defaultProps: {\n                checked: props.checked\n            }\n        }),\n        radioIndicator: resolveShorthand(props.radioIndicator, {\n            required: type === 'radio',\n            defaultProps: {\n                checked: !!checked,\n                input: {\n                    name: useId('table-selection-radio')\n                }\n            }\n        }),\n        type,\n        checked,\n        noNativeElements,\n        subtle,\n        hidden\n    };\n};\n"],"names":["useTableSelectionCell_unstable","props","ref","tableCellState","useTableCell_unstable","noNativeElements","useTableContext","type","checked","subtle","hidden","components","checkboxIndicator","Checkbox","radioIndicator","Radio","resolveShorthand","required","defaultProps","input","name","useId"],"mappings":";;;;+BAciBA;;aAAAA;;;6DAdM;gCACiB;+BACf;4BACH;8BACgB;8BACN;AASrB,MAAMA,iCAAiC,CAACC,OAAOC,MAAM;IAC5D,MAAMC,iBAAiBC,IAAAA,mCAAqB,EAACH,OAAOC;IACpD,MAAM,EAAEG,iBAAgB,EAAG,GAAGC,IAAAA,6BAAe;IAC7C,MAAM,EAAEC,MAAM,WAAU,EAAGC,SAAS,KAAK,CAAA,EAAGC,QAAQ,KAAK,CAAA,EAAGC,QAAQ,KAAK,CAAA,EAAG,GAAGT;IAC/E,OAAO;QACH,GAAGE,cAAc;QACjBQ,YAAY;YACR,GAAGR,eAAeQ,UAAU;YAC5BC,mBAAmBC,uBAAQ;YAC3BC,gBAAgBC,iBAAK;QACzB;QACAH,mBAAmBI,IAAAA,gCAAgB,EAACf,MAAMW,iBAAiB,EAAE;YACzDK,UAAUV,SAAS;YACnBW,cAAc;gBACVV,SAASP,MAAMO,OAAO;YAC1B;QACJ;QACAM,gBAAgBE,IAAAA,gCAAgB,EAACf,MAAMa,cAAc,EAAE;YACnDG,UAAUV,SAAS;YACnBW,cAAc;gBACVV,SAAS,CAAC,CAACA;gBACXW,OAAO;oBACHC,MAAMC,IAAAA,qBAAK,EAAC;gBAChB;YACJ;QACJ;QACAd;QACAC;QACAH;QACAI;QACAC;IACJ;AACJ"}

package/lib-commonjs/components/TableSelectionCell/useTableSelectionCellStyles.styles.js

@@ -140,5 +140,3 @@ const useTableSelectionCellStyles_unstable = (state)=>{
     }
     return state;
 }; //# sourceMappingURL=useTableSelectionCellStyles.styles.js.map
-
-//# sourceMappingURL=useTableSelectionCellStyles.styles.js.map

package/lib-commonjs/components/TableSelectionCell/useTableSelectionCellStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/TableSelectionCell/useTableSelectionCellStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const CELL_WIDTH = 44;\nexport const tableSelectionCellClassNames = {\n  root: 'fui-TableSelectionCell',\n  checkboxIndicator: 'fui-TableSelectionCell__checkboxIndicator',\n  radioIndicator: 'fui-TableSelectionCell__radioIndicator'\n};\nconst useTableLayoutStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f15pt5es\",\n    a9b677: \"fksc0bp\"\n  }\n}, {\n  d: [\".f15pt5es{display:table-cell;}\", \".fksc0bp{width:44px;}\"]\n});\nconst useFlexLayoutStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Bh6795r: \"fqerorx\",\n    Bnnss6s: \"f1neuvcm\",\n    xawz: \"fkjuxzh\",\n    Bf4jedk: \"fvrlu0f\",\n    B2u0y6b: \"f1c71y05\",\n    Brf1p80: \"f4d9j23\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}\", \".fkjuxzh{-webkit-flex-basis:0px;-ms-flex-preferred-size:0px;flex-basis:0px;}\", \".fvrlu0f{min-width:44px;}\", \".f1c71y05{max-width:44px;}\", \".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}\"]\n});\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    fsow6f: \"f17mccla\",\n    Huce71: \"fz5stix\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n    Bn4voq9: \"fz36nt7\",\n    g9k6zt: \"f9znhxp\",\n    Bfpq7zp: \"fqrak0z\",\n    kdpuga: [\"f1o2ludy\", \"f1kjnpwc\"],\n    Bw81rd7: [\"f1kjnpwc\", \"f1o2ludy\"],\n    B6xbmo0: [\"fxmnebo\", \"f1witrsb\"],\n    dm238s: [\"f1witrsb\", \"fxmnebo\"]\n  },\n  radioIndicator: {\n    mc9l5x: \"f22iagw\",\n    Bh6795r: \"fqerorx\",\n    Bt984gj: \"f122n59\",\n    Brf1p80: \"f4d9j23\"\n  },\n  subtle: {\n    abs64n: \"fk73vx1\",\n    B8a84jv: \"f1y7ij6c\"\n  },\n  hidden: {\n    Bcdw1i0: \"fd7fpy0\"\n  }\n}, {\n  d: [\".f17mccla{text-align:center;}\", \".fz5stix{white-space:nowrap;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".fz36nt7[data-fui-focus-visible]{outline-width:2px;}\", \".f9znhxp[data-fui-focus-visible]{outline-style:solid;}\", \".fqrak0z[data-fui-focus-visible]{outline-color:var(--colorStrokeFocus2);}\", \".f1o2ludy[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f1kjnpwc[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".fxmnebo[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusMedium);}\", \".f1witrsb[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusMedium);}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}\", \".fk73vx1{opacity:0;}\", \".f1y7ij6c[data-fui-focus-within]:focus-within{opacity:1;}\", \".fd7fpy0{visibility:hidden;}\"]\n});\n/**\n * Apply styling to the TableSelectionCell slots based on the state\n */\nexport const useTableSelectionCellStyles_unstable = state => {\n  const styles = useStyles();\n  const layoutStyles = {\n    table: useTableLayoutStyles(),\n    flex: useFlexLayoutStyles()\n  };\n  state.root.className = mergeClasses(tableSelectionCellClassNames.root, styles.root, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.subtle && state.checked === false && styles.subtle, state.hidden && styles.hidden, state.root.className);\n  if (state.checkboxIndicator) {\n    state.checkboxIndicator.className = mergeClasses(tableSelectionCellClassNames.checkboxIndicator, state.checkboxIndicator.className);\n  }\n  if (state.radioIndicator) {\n    state.radioIndicator.className = mergeClasses(tableSelectionCellClassNames.radioIndicator, styles.radioIndicator, state.radioIndicator.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useTableSelectionCellStyles.styles.js.map"],"names":["CELL_WIDTH","tableSelectionCellClassNames","useTableSelectionCellStyles_unstable","root","checkboxIndicator","radioIndicator","useTableLayoutStyles","__styles","mc9l5x","a9b677","d","useFlexLayoutStyles","Bh6795r","Bnnss6s","xawz","Bf4jedk","B2u0y6b","Brf1p80","useStyles","fsow6f","Huce71","z8tnut","z189sj","Byoj8tv","uwmqm3","Bn4voq9","g9k6zt","Bfpq7zp","kdpuga","Bw81rd7","B6xbmo0","dm238s","Bt984gj","subtle","abs64n","B8a84jv","hidden","Bcdw1i0","state","styles","layoutStyles","table","flex","className","mergeClasses","noNativeElements","checked"],"mappings":";;;;;;;;;;;IAGaA,UAAU,MAAVA;IACAC,4BAA4B,MAA5BA;IAgEAC,oCAAoC,MAApCA;;uBApEsC;AAG5C,MAAMF,aAAa;AACnB,MAAMC,+BAA+B;IAC1CE,MAAM;IACNC,mBAAmB;IACnBC,gBAAgB;AAClB;AACA,MAAMC,uBAAuB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACjDJ,MAAM;QACJK,QAAQ;QACRC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAAkC;KAAwB;AAChE;AACA,MAAMC,sBAAsB,WAAW,GAAEJ,IAAAA,kBAAQ,EAAC;IAChDJ,MAAM;QACJK,QAAQ;QACRI,SAAS;QACTC,SAAS;QACTC,MAAM;QACNC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDP,GAAG;QAAC;QAAwF;QAAqF;QAAuE;QAAgF;QAA6B;QAA8B;KAAgH;AACrf;AACA;;CAEC,GACD,MAAMQ,YAAY,WAAW,GAAEX,IAAAA,kBAAQ,EAAC;IACtCJ,MAAM;QACJgB,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAW;SAAW;QAChCC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACA1B,gBAAgB;QACdG,QAAQ;QACRI,SAAS;QACToB,SAAS;QACTf,SAAS;IACX;IACAgB,QAAQ;QACNC,QAAQ;QACRC,SAAS;IACX;IACAC,QAAQ;QACNC,SAAS;IACX;AACF,GAAG;IACD3B,GAAG;QAAC;QAAiC;QAAiC;QAA6B;QAA8B;QAA8B;QAAgC;QAAwD;QAA0D;QAA6E;QAA4F;QAA2F;QAAwF;QAAwF;QAAwF;QAAqF;QAA2G;QAAiH;QAAwB;QAA6D;KAA+B;AACpuC;AAIO,MAAMR,uCAAuCoC,CAAAA,QAAS;IAC3D,MAAMC,SAASrB;IACf,MAAMsB,eAAe;QACnBC,OAAOnC;QACPoC,MAAM/B;IACR;IACA2B,MAAMnC,IAAI,CAACwC,SAAS,GAAGC,IAAAA,mBAAY,EAAC3C,6BAA6BE,IAAI,EAAEoC,OAAOpC,IAAI,EAAEmC,MAAMO,gBAAgB,GAAGL,aAAaE,IAAI,CAACvC,IAAI,GAAGqC,aAAaC,KAAK,CAACtC,IAAI,EAAEmC,MAAML,MAAM,IAAIK,MAAMQ,OAAO,KAAK,KAAK,IAAIP,OAAON,MAAM,EAAEK,MAAMF,MAAM,IAAIG,OAAOH,MAAM,EAAEE,MAAMnC,IAAI,CAACwC,SAAS;IAC5Q,IAAIL,MAAMlC,iBAAiB,EAAE;QAC3BkC,MAAMlC,iBAAiB,CAACuC,SAAS,GAAGC,IAAAA,mBAAY,EAAC3C,6BAA6BG,iBAAiB,EAAEkC,MAAMlC,iBAAiB,CAACuC,SAAS;IACpI,CAAC;IACD,IAAIL,MAAMjC,cAAc,EAAE;QACxBiC,MAAMjC,cAAc,CAACsC,SAAS,GAAGC,IAAAA,mBAAY,EAAC3C,6BAA6BI,cAAc,EAAEkC,OAAOlC,cAAc,EAAEiC,MAAMjC,cAAc,CAACsC,SAAS;IAClJ,CAAC;IACD,OAAOL;AACT,GACA,8DAA8D"}
+{"version":3,"sources":["useTableSelectionCellStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const CELL_WIDTH = 44;\nexport const tableSelectionCellClassNames = {\n  root: 'fui-TableSelectionCell',\n  checkboxIndicator: 'fui-TableSelectionCell__checkboxIndicator',\n  radioIndicator: 'fui-TableSelectionCell__radioIndicator'\n};\nconst useTableLayoutStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f15pt5es\",\n    a9b677: \"fksc0bp\"\n  }\n}, {\n  d: [\".f15pt5es{display:table-cell;}\", \".fksc0bp{width:44px;}\"]\n});\nconst useFlexLayoutStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Bh6795r: \"fqerorx\",\n    Bnnss6s: \"f1neuvcm\",\n    xawz: \"fkjuxzh\",\n    Bf4jedk: \"fvrlu0f\",\n    B2u0y6b: \"f1c71y05\",\n    Brf1p80: \"f4d9j23\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}\", \".fkjuxzh{-webkit-flex-basis:0px;-ms-flex-preferred-size:0px;flex-basis:0px;}\", \".fvrlu0f{min-width:44px;}\", \".f1c71y05{max-width:44px;}\", \".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}\"]\n});\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    fsow6f: \"f17mccla\",\n    Huce71: \"fz5stix\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n    Bn4voq9: \"fz36nt7\",\n    g9k6zt: \"f9znhxp\",\n    Bfpq7zp: \"fqrak0z\",\n    kdpuga: [\"f1o2ludy\", \"f1kjnpwc\"],\n    Bw81rd7: [\"f1kjnpwc\", \"f1o2ludy\"],\n    B6xbmo0: [\"fxmnebo\", \"f1witrsb\"],\n    dm238s: [\"f1witrsb\", \"fxmnebo\"]\n  },\n  radioIndicator: {\n    mc9l5x: \"f22iagw\",\n    Bh6795r: \"fqerorx\",\n    Bt984gj: \"f122n59\",\n    Brf1p80: \"f4d9j23\"\n  },\n  subtle: {\n    abs64n: \"fk73vx1\",\n    B8a84jv: \"f1y7ij6c\"\n  },\n  hidden: {\n    Bcdw1i0: \"fd7fpy0\"\n  }\n}, {\n  d: [\".f17mccla{text-align:center;}\", \".fz5stix{white-space:nowrap;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".fz36nt7[data-fui-focus-visible]{outline-width:2px;}\", \".f9znhxp[data-fui-focus-visible]{outline-style:solid;}\", \".fqrak0z[data-fui-focus-visible]{outline-color:var(--colorStrokeFocus2);}\", \".f1o2ludy[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f1kjnpwc[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".fxmnebo[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusMedium);}\", \".f1witrsb[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusMedium);}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}\", \".fk73vx1{opacity:0;}\", \".f1y7ij6c[data-fui-focus-within]:focus-within{opacity:1;}\", \".fd7fpy0{visibility:hidden;}\"]\n});\n/**\n * Apply styling to the TableSelectionCell slots based on the state\n */\nexport const useTableSelectionCellStyles_unstable = state => {\n  const styles = useStyles();\n  const layoutStyles = {\n    table: useTableLayoutStyles(),\n    flex: useFlexLayoutStyles()\n  };\n  state.root.className = mergeClasses(tableSelectionCellClassNames.root, styles.root, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.subtle && state.checked === false && styles.subtle, state.hidden && styles.hidden, state.root.className);\n  if (state.checkboxIndicator) {\n    state.checkboxIndicator.className = mergeClasses(tableSelectionCellClassNames.checkboxIndicator, state.checkboxIndicator.className);\n  }\n  if (state.radioIndicator) {\n    state.radioIndicator.className = mergeClasses(tableSelectionCellClassNames.radioIndicator, styles.radioIndicator, state.radioIndicator.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useTableSelectionCellStyles.styles.js.map"],"names":["CELL_WIDTH","tableSelectionCellClassNames","useTableSelectionCellStyles_unstable","root","checkboxIndicator","radioIndicator","useTableLayoutStyles","__styles","mc9l5x","a9b677","d","useFlexLayoutStyles","Bh6795r","Bnnss6s","xawz","Bf4jedk","B2u0y6b","Brf1p80","useStyles","fsow6f","Huce71","z8tnut","z189sj","Byoj8tv","uwmqm3","Bn4voq9","g9k6zt","Bfpq7zp","kdpuga","Bw81rd7","B6xbmo0","dm238s","Bt984gj","subtle","abs64n","B8a84jv","hidden","Bcdw1i0","state","styles","layoutStyles","table","flex","className","mergeClasses","noNativeElements","checked"],"mappings":";;;;;;;;;;;IAGaA,UAAU,MAAVA;IACAC,4BAA4B,MAA5BA;IAgEAC,oCAAoC,MAApCA;;uBApEsC;AAG5C,MAAMF,aAAa;AACnB,MAAMC,+BAA+B;IAC1CE,MAAM;IACNC,mBAAmB;IACnBC,gBAAgB;AAClB;AACA,MAAMC,uBAAuB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACjDJ,MAAM;QACJK,QAAQ;QACRC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAAkC;KAAwB;AAChE;AACA,MAAMC,sBAAsB,WAAW,GAAEJ,IAAAA,kBAAQ,EAAC;IAChDJ,MAAM;QACJK,QAAQ;QACRI,SAAS;QACTC,SAAS;QACTC,MAAM;QACNC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDP,GAAG;QAAC;QAAwF;QAAqF;QAAuE;QAAgF;QAA6B;QAA8B;KAAgH;AACrf;AACA;;CAEC,GACD,MAAMQ,YAAY,WAAW,GAAEX,IAAAA,kBAAQ,EAAC;IACtCJ,MAAM;QACJgB,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAW;SAAW;QAChCC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACA1B,gBAAgB;QACdG,QAAQ;QACRI,SAAS;QACToB,SAAS;QACTf,SAAS;IACX;IACAgB,QAAQ;QACNC,QAAQ;QACRC,SAAS;IACX;IACAC,QAAQ;QACNC,SAAS;IACX;AACF,GAAG;IACD3B,GAAG;QAAC;QAAiC;QAAiC;QAA6B;QAA8B;QAA8B;QAAgC;QAAwD;QAA0D;QAA6E;QAA4F;QAA2F;QAAwF;QAAwF;QAAwF;QAAqF;QAA2G;QAAiH;QAAwB;QAA6D;KAA+B;AACpuC;AAIO,MAAMR,uCAAuCoC,CAAAA,QAAS;IAC3D,MAAMC,SAASrB;IACf,MAAMsB,eAAe;QACnBC,OAAOnC;QACPoC,MAAM/B;IACR;IACA2B,MAAMnC,IAAI,CAACwC,SAAS,GAAGC,IAAAA,mBAAY,EAAC3C,6BAA6BE,IAAI,EAAEoC,OAAOpC,IAAI,EAAEmC,MAAMO,gBAAgB,GAAGL,aAAaE,IAAI,CAACvC,IAAI,GAAGqC,aAAaC,KAAK,CAACtC,IAAI,EAAEmC,MAAML,MAAM,IAAIK,MAAMQ,OAAO,KAAK,KAAK,IAAIP,OAAON,MAAM,EAAEK,MAAMF,MAAM,IAAIG,OAAOH,MAAM,EAAEE,MAAMnC,IAAI,CAACwC,SAAS;IAC5Q,IAAIL,MAAMlC,iBAAiB,EAAE;QAC3BkC,MAAMlC,iBAAiB,CAACuC,SAAS,GAAGC,IAAAA,mBAAY,EAAC3C,6BAA6BG,iBAAiB,EAAEkC,MAAMlC,iBAAiB,CAACuC,SAAS;IACpI,CAAC;IACD,IAAIL,MAAMjC,cAAc,EAAE;QACxBiC,MAAMjC,cAAc,CAACsC,SAAS,GAAGC,IAAAA,mBAAY,EAAC3C,6BAA6BI,cAAc,EAAEkC,OAAOlC,cAAc,EAAEiC,MAAMjC,cAAc,CAACsC,SAAS;IAClJ,CAAC;IACD,OAAOL;AACT,GACA,8DAA8D"}

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
+}