@fluentui/react-table 9.7.2 → 9.7.4

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

@@ -24,20 +24,22 @@ const useTableSelectionCell_unstable = (props, ref)=>{
             checkboxIndicator: _reactCheckbox.Checkbox,
             radioIndicator: _reactRadio.Radio
         },
-        checkboxIndicator: (0, _reactUtilities.resolveShorthand)(props.checkboxIndicator, {
-            required: type === 'checkbox',
+        checkboxIndicator: _reactUtilities.slot.optional(props.checkboxIndicator, {
+            renderByDefault: type === 'checkbox',
             defaultProps: {
                 checked: props.checked
-            }
+            },
+            elementType: _reactCheckbox.Checkbox
         }),
-        radioIndicator: (0, _reactUtilities.resolveShorthand)(props.radioIndicator, {
-            required: type === 'radio',
+        radioIndicator: _reactUtilities.slot.optional(props.radioIndicator, {
+            renderByDefault: type === 'radio',
             defaultProps: {
                 checked: !!checked,
                 input: {
                     name: (0, _reactUtilities.useId)('table-selection-radio')
                 }
-            }
+            },
+            elementType: _reactRadio.Radio
         }),
         type,
         checked,

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"sources":["useTableSelectionCell.js"],"sourcesContent":["import * as React from 'react';\nimport { useId, slot } 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: slot.optional(props.checkboxIndicator, {\n            renderByDefault: type === 'checkbox',\n            defaultProps: {\n                checked: props.checked\n            },\n            elementType: Checkbox\n        }),\n        radioIndicator: slot.optional(props.radioIndicator, {\n            renderByDefault: type === 'radio',\n            defaultProps: {\n                checked: !!checked,\n                input: {\n                    name: useId('table-selection-radio')\n                }\n            },\n            elementType: Radio\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","slot","optional","renderByDefault","defaultProps","elementType","input","name","useId"],"mappings":";;;;+BAciBA;;aAAAA;;;6DAdM;gCACK;+BACH;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,oBAAI,CAACC,QAAQ,CAAChB,MAAMW,iBAAiB,EAAE;YACtDM,iBAAiBX,SAAS;YAC1BY,cAAc;gBACVX,SAASP,MAAMO,OAAO;YAC1B;YACAY,aAAaP,uBAAQ;QACzB;QACAC,gBAAgBE,oBAAI,CAACC,QAAQ,CAAChB,MAAMa,cAAc,EAAE;YAChDI,iBAAiBX,SAAS;YAC1BY,cAAc;gBACVX,SAAS,CAAC,CAACA;gBACXa,OAAO;oBACHC,MAAMC,IAAAA,qBAAK,EAAC;gBAChB;YACJ;YACAH,aAAaL,iBAAK;QACtB;QACAR;QACAC;QACAH;QACAI;QACAC;IACJ;AACJ"}

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

@@ -43,13 +43,13 @@ const useFlexLayoutStyles = /*#__PURE__*/ (0, _react["__styles"])({
     }
 }, {
     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;}",
+        ".f22iagw{display:flex;}",
+        ".fqerorx{flex-grow:1;}",
+        ".f1neuvcm{flex-shrink:1;}",
+        ".fkjuxzh{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;}"
+        ".f4d9j23{justify-content:center;}"
     ]
 });
 /**
@@ -116,10 +116,10 @@ const useFlexLayoutStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".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;}",
+        ".f22iagw{display:flex;}",
+        ".fqerorx{flex-grow:1;}",
+        ".f122n59{align-items:center;}",
+        ".f4d9j23{justify-content:center;}",
         ".fk73vx1{opacity:0;}",
         ".f1y7ij6c[data-fui-focus-within]:focus-within{opacity:1;}",
         ".fd7fpy0{visibility:hidden;}"

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

@@ -1 +1 @@
-{"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"}
+{"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:flex;}\", \".fqerorx{flex-grow:1;}\", \".f1neuvcm{flex-shrink:1;}\", \".fkjuxzh{flex-basis:0px;}\", \".fvrlu0f{min-width:44px;}\", \".f1c71y05{max-width:44px;}\", \".f4d9j23{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:flex;}\", \".fqerorx{flex-grow:1;}\", \".f122n59{align-items:center;}\", \".f4d9j23{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;QAA2B;QAA0B;QAA6B;QAA6B;QAA6B;QAA8B;KAAoC;AACpN;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;QAA2B;QAA0B;QAAiC;QAAqC;QAAwB;QAA6D;KAA+B;AACt9B;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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-table",
-  "version": "9.7.2",
+  "version": "9.7.4",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -36,18 +36,18 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.3",
-    "@fluentui/react-aria": "^9.3.27",
-    "@fluentui/react-avatar": "^9.5.16",
-    "@fluentui/react-checkbox": "^9.1.27",
-    "@fluentui/react-context-selector": "^9.1.26",
+    "@fluentui/react-aria": "^9.3.29",
+    "@fluentui/react-avatar": "^9.5.18",
+    "@fluentui/react-checkbox": "^9.1.29",
+    "@fluentui/react-context-selector": "^9.1.27",
     "@fluentui/react-icons": "^2.0.207",
-    "@fluentui/react-radio": "^9.1.27",
-    "@fluentui/react-shared-contexts": "^9.7.0",
-    "@fluentui/react-tabster": "^9.11.1",
-    "@fluentui/react-theme": "^9.1.9",
-    "@fluentui/react-utilities": "^9.10.1",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.12",
-    "@griffel/react": "^1.5.7",
+    "@fluentui/react-radio": "^9.1.29",
+    "@fluentui/react-shared-contexts": "^9.7.2",
+    "@fluentui/react-tabster": "^9.12.1",
+    "@fluentui/react-theme": "^9.1.11",
+    "@fluentui/react-utilities": "^9.11.0",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.14",
+    "@griffel/react": "^1.5.14",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {