@fluentui/react-table 9.2.11 → 9.3.0

package/lib/components/DataGridSelectionCell/DataGridSelectionCell.types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=DataGridSelectionCell.types.js.map
+export { };

package/lib/components/DataGridSelectionCell/DataGridSelectionCell.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/DataGridSelectionCell/DataGridSelectionCell.types.ts"],"sourcesContent":["import {\n  TableSelectionCellProps,\n  TableSelectionCellSlots,\n  TableSelectionCellState,\n} from '../TableSelectionCell/TableSelectionCell.types';\n\nexport type DataGridSelectionCellSlots = TableSelectionCellSlots;\n\n/**\n * DataGridSelectionCell Props\n */\nexport type DataGridSelectionCellProps = TableSelectionCellProps;\n\n/**\n * State used in rendering DataGridSelectionCell\n */\nexport type DataGridSelectionCellState = TableSelectionCellState;\n"],"mappings":"AAAA"}
+{"version":3,"sources":["DataGridSelectionCell.types.ts"],"sourcesContent":["import {\n  TableSelectionCellProps,\n  TableSelectionCellSlots,\n  TableSelectionCellState,\n} from '../TableSelectionCell/TableSelectionCell.types';\n\nexport type DataGridSelectionCellSlots = TableSelectionCellSlots;\n\n/**\n * DataGridSelectionCell Props\n */\nexport type DataGridSelectionCellProps = TableSelectionCellProps;\n\n/**\n * State used in rendering DataGridSelectionCell\n */\nexport type DataGridSelectionCellState = TableSelectionCellState;\n"],"names":[],"mappings":"AAAA,WAgBiE"}

package/lib/components/DataGridSelectionCell/index.js

@@ -3,4 +3,3 @@ export * from './DataGridSelectionCell.types';
 export * from './renderDataGridSelectionCell';
 export * from './useDataGridSelectionCell';
 export * from './useDataGridSelectionCellStyles.styles';
-//# sourceMappingURL=index.js.map

package/lib/components/DataGridSelectionCell/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/DataGridSelectionCell/index.ts"],"sourcesContent":["export * from './DataGridSelectionCell';\nexport * from './DataGridSelectionCell.types';\nexport * from './renderDataGridSelectionCell';\nexport * from './useDataGridSelectionCell';\nexport * from './useDataGridSelectionCellStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './DataGridSelectionCell';\nexport * from './DataGridSelectionCell.types';\nexport * from './renderDataGridSelectionCell';\nexport * from './useDataGridSelectionCell';\nexport * from './useDataGridSelectionCellStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,0BAA0B;AACxC,cAAc,gCAAgC;AAC9C,cAAc,gCAAgC;AAC9C,cAAc,6BAA6B;AAC3C,cAAc,0CAA0C"}

package/lib/components/DataGridSelectionCell/renderDataGridSelectionCell.js

@@ -1,8 +1,6 @@
 import { renderTableSelectionCell_unstable } from '../TableSelectionCell/renderTableSelectionCell';
 /**
  * Render the final JSX of DataGridSelectionCell
- */
-export const renderDataGridSelectionCell_unstable = state => {
-  return renderTableSelectionCell_unstable(state);
+ */ export const renderDataGridSelectionCell_unstable = (state)=>{
+    return renderTableSelectionCell_unstable(state);
 };
-//# sourceMappingURL=renderDataGridSelectionCell.js.map

package/lib/components/DataGridSelectionCell/renderDataGridSelectionCell.js.map

@@ -1 +1 @@
-{"version":3,"names":["renderTableSelectionCell_unstable","renderDataGridSelectionCell_unstable","state"],"sources":["../../../src/components/DataGridSelectionCell/renderDataGridSelectionCell.tsx"],"sourcesContent":["import type { DataGridSelectionCellState } from './DataGridSelectionCell.types';\nimport { renderTableSelectionCell_unstable } from '../TableSelectionCell/renderTableSelectionCell';\n\n/**\n * Render the final JSX of DataGridSelectionCell\n */\nexport const renderDataGridSelectionCell_unstable = (state: DataGridSelectionCellState) => {\n  return renderTableSelectionCell_unstable(state);\n};\n"],"mappings":"AACA,SAASA,iCAAiC,QAAQ;AAElD;;;AAGA,OAAO,MAAMC,oCAAA,GAAwCC,KAAA,IAAsC;EACzF,OAAOF,iCAAA,CAAkCE,KAAA;AAC3C"}
+{"version":3,"sources":["renderDataGridSelectionCell.tsx"],"sourcesContent":["import type { DataGridSelectionCellState } from './DataGridSelectionCell.types';\nimport { renderTableSelectionCell_unstable } from '../TableSelectionCell/renderTableSelectionCell';\n\n/**\n * Render the final JSX of DataGridSelectionCell\n */\nexport const renderDataGridSelectionCell_unstable = (state: DataGridSelectionCellState) => {\n  return renderTableSelectionCell_unstable(state);\n};\n"],"names":["renderTableSelectionCell_unstable","renderDataGridSelectionCell_unstable","state"],"mappings":"AACA,SAASA,iCAAiC,QAAQ,iDAAiD;AAEnG;;CAEC,GACD,OAAO,MAAMC,uCAAuC,CAACC,QAAsC;IACzF,OAAOF,kCAAkCE;AAC3C,EAAE"}

package/lib/components/DataGridSelectionCell/useDataGridSelectionCell.js

@@ -12,37 +12,35 @@ import { useTableSelectionCell_unstable } from '../TableSelectionCell/useTableSe
  *
  * @param props - props from this instance of DataGridSelectionCell
  * @param ref - reference to root HTMLElement of DataGridSelectionCell
- */
-export const useDataGridSelectionCell_unstable = (props, ref) => {
-  const isHeader = useIsInTableHeader();
-  const rowId = useTableRowIdContext();
-  const subtle = useDataGridContext_unstable(ctx => ctx.subtleSelection);
-  const checked = useDataGridContext_unstable(ctx => {
-    if (isHeader && ctx.selection.selectionMode === 'multiselect') {
-      return ctx.selection.allRowsSelected ? true : ctx.selection.someRowsSelected ? 'mixed' : false;
-    }
-    return ctx.selection.isRowSelected(rowId);
-  });
-  const toggleAllRows = useDataGridContext_unstable(ctx => ctx.selection.toggleAllRows);
-  const type = useDataGridContext_unstable(ctx => ctx.selection.selectionMode === 'multiselect' ? 'checkbox' : 'radio');
-  const onClick = useEventCallback(e => {
-    var _props_onClick;
-    if (isHeader) {
-      toggleAllRows(e);
-    }
-    (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, e);
-  });
-  return useTableSelectionCell_unstable({
-    as: 'div',
-    role: 'gridcell',
-    checked,
-    type,
-    hidden: isHeader && type === 'radio',
-    'aria-checked': isHeader ? checked : undefined,
-    'aria-selected': isHeader || checked === 'mixed' ? undefined : checked,
-    subtle,
-    ...props,
-    onClick
-  }, ref);
+ */ export const useDataGridSelectionCell_unstable = (props, ref)=>{
+    const isHeader = useIsInTableHeader();
+    const rowId = useTableRowIdContext();
+    const subtle = useDataGridContext_unstable((ctx)=>ctx.subtleSelection);
+    const checked = useDataGridContext_unstable((ctx)=>{
+        if (isHeader && ctx.selection.selectionMode === 'multiselect') {
+            return ctx.selection.allRowsSelected ? true : ctx.selection.someRowsSelected ? 'mixed' : false;
+        }
+        return ctx.selection.isRowSelected(rowId);
+    });
+    const toggleAllRows = useDataGridContext_unstable((ctx)=>ctx.selection.toggleAllRows);
+    const type = useDataGridContext_unstable((ctx)=>ctx.selection.selectionMode === 'multiselect' ? 'checkbox' : 'radio');
+    const onClick = useEventCallback((e)=>{
+        var _props_onClick;
+        if (isHeader) {
+            toggleAllRows(e);
+        }
+        (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, e);
+    });
+    return useTableSelectionCell_unstable({
+        as: 'div',
+        role: 'gridcell',
+        checked,
+        type,
+        hidden: isHeader && type === 'radio',
+        'aria-checked': isHeader ? checked : undefined,
+        'aria-selected': isHeader || checked === 'mixed' ? undefined : checked,
+        subtle,
+        ...props,
+        onClick
+    }, ref);
 };
-//# sourceMappingURL=useDataGridSelectionCell.js.map

package/lib/components/DataGridSelectionCell/useDataGridSelectionCell.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEventCallback","useDataGridContext_unstable","useTableRowIdContext","useIsInTableHeader","useTableSelectionCell_unstable","useDataGridSelectionCell_unstable","props","ref","isHeader","rowId","subtle","ctx","subtleSelection","checked","selection","selectionMode","allRowsSelected","someRowsSelected","isRowSelected","toggleAllRows","type","onClick","e","_props_onClick","call","as","role","hidden","undefined"],"sources":["../../../src/components/DataGridSelectionCell/useDataGridSelectionCell.ts"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useDataGridContext_unstable } from '../../contexts/dataGridContext';\nimport { useTableRowIdContext } from '../../contexts/rowIdContext';\nimport { useIsInTableHeader } from '../../contexts/tableHeaderContext';\nimport { useTableSelectionCell_unstable } from '../TableSelectionCell/useTableSelectionCell';\nimport type { DataGridSelectionCellProps, DataGridSelectionCellState } from './DataGridSelectionCell.types';\n\n/**\n * Create the state required to render DataGridSelectionCell.\n *\n * The returned state can be modified with hooks such as useDataGridSelectionCellStyles_unstable,\n * before being passed to renderDataGridSelectionCell_unstable.\n *\n * @param props - props from this instance of DataGridSelectionCell\n * @param ref - reference to root HTMLElement of DataGridSelectionCell\n */\nexport const useDataGridSelectionCell_unstable = (\n  props: DataGridSelectionCellProps,\n  ref: React.Ref<HTMLElement>,\n): DataGridSelectionCellState => {\n  const isHeader = useIsInTableHeader();\n  const rowId = useTableRowIdContext();\n  const subtle = useDataGridContext_unstable(ctx => ctx.subtleSelection);\n  const checked = useDataGridContext_unstable(ctx => {\n    if (isHeader && ctx.selection.selectionMode === 'multiselect') {\n      return ctx.selection.allRowsSelected ? true : ctx.selection.someRowsSelected ? 'mixed' : false;\n    }\n\n    return ctx.selection.isRowSelected(rowId);\n  });\n\n  const toggleAllRows = useDataGridContext_unstable(ctx => ctx.selection.toggleAllRows);\n  const type = useDataGridContext_unstable(ctx =>\n    ctx.selection.selectionMode === 'multiselect' ? 'checkbox' : 'radio',\n  );\n\n  const onClick = useEventCallback((e: React.MouseEvent<HTMLTableCellElement>) => {\n    if (isHeader) {\n      toggleAllRows(e);\n    }\n\n    props.onClick?.(e);\n  });\n\n  return useTableSelectionCell_unstable(\n    {\n      as: 'div',\n      role: 'gridcell',\n      checked,\n      type,\n      hidden: isHeader && type === 'radio',\n      'aria-checked': isHeader ? checked : undefined,\n      'aria-selected': isHeader || checked === 'mixed' ? undefined : checked,\n      subtle,\n      ...props,\n      onClick,\n    },\n    ref,\n  );\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,gBAAgB,QAAQ;AACjC,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,oBAAoB,QAAQ;AACrC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,8BAA8B,QAAQ;AAG/C;;;;;;;;;AASA,OAAO,MAAMC,iCAAA,GAAoCA,CAC/CC,KAAA,EACAC,GAAA,KAC+B;EAC/B,MAAMC,QAAA,GAAWL,kBAAA;EACjB,MAAMM,KAAA,GAAQP,oBAAA;EACd,MAAMQ,MAAA,GAAST,2BAAA,CAA4BU,GAAA,IAAOA,GAAA,CAAIC,eAAe;EACrE,MAAMC,OAAA,GAAUZ,2BAAA,CAA4BU,GAAA,IAAO;IACjD,IAAIH,QAAA,IAAYG,GAAA,CAAIG,SAAS,CAACC,aAAa,KAAK,eAAe;MAC7D,OAAOJ,GAAA,CAAIG,SAAS,CAACE,eAAe,GAAG,IAAI,GAAGL,GAAA,CAAIG,SAAS,CAACG,gBAAgB,GAAG,UAAU,KAAK;IAChG;IAEA,OAAON,GAAA,CAAIG,SAAS,CAACI,aAAa,CAACT,KAAA;EACrC;EAEA,MAAMU,aAAA,GAAgBlB,2BAAA,CAA4BU,GAAA,IAAOA,GAAA,CAAIG,SAAS,CAACK,aAAa;EACpF,MAAMC,IAAA,GAAOnB,2BAAA,CAA4BU,GAAA,IACvCA,GAAA,CAAIG,SAAS,CAACC,aAAa,KAAK,gBAAgB,aAAa,OAAO;EAGtE,MAAMM,OAAA,GAAUrB,gBAAA,CAAkBsB,CAAA,IAA8C;QAK9EC,cAAA;IAJA,IAAIf,QAAA,EAAU;MACZW,aAAA,CAAcG,CAAA;IAChB;IAEA,CAAAC,cAAA,GAAAjB,KAAA,CAAMe,OAAO,cAAbE,cAAA,uBAAAA,cAAA,CAAAC,IAAA,CAAAlB,KAAA,EAAgBgB,CAAA;EAClB;EAEA,OAAOlB,8BAAA,CACL;IACEqB,EAAA,EAAI;IACJC,IAAA,EAAM;IACNb,OAAA;IACAO,IAAA;IACAO,MAAA,EAAQnB,QAAA,IAAYY,IAAA,KAAS;IAC7B,gBAAgBZ,QAAA,GAAWK,OAAA,GAAUe,SAAS;IAC9C,iBAAiBpB,QAAA,IAAYK,OAAA,KAAY,UAAUe,SAAA,GAAYf,OAAO;IACtEH,MAAA;IACA,GAAGJ,KAAK;IACRe;EACF,GACAd,GAAA;AAEJ"}
+{"version":3,"sources":["useDataGridSelectionCell.ts"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useDataGridContext_unstable } from '../../contexts/dataGridContext';\nimport { useTableRowIdContext } from '../../contexts/rowIdContext';\nimport { useIsInTableHeader } from '../../contexts/tableHeaderContext';\nimport { useTableSelectionCell_unstable } from '../TableSelectionCell/useTableSelectionCell';\nimport type { DataGridSelectionCellProps, DataGridSelectionCellState } from './DataGridSelectionCell.types';\n\n/**\n * Create the state required to render DataGridSelectionCell.\n *\n * The returned state can be modified with hooks such as useDataGridSelectionCellStyles_unstable,\n * before being passed to renderDataGridSelectionCell_unstable.\n *\n * @param props - props from this instance of DataGridSelectionCell\n * @param ref - reference to root HTMLElement of DataGridSelectionCell\n */\nexport const useDataGridSelectionCell_unstable = (\n  props: DataGridSelectionCellProps,\n  ref: React.Ref<HTMLElement>,\n): DataGridSelectionCellState => {\n  const isHeader = useIsInTableHeader();\n  const rowId = useTableRowIdContext();\n  const subtle = useDataGridContext_unstable(ctx => ctx.subtleSelection);\n  const checked = useDataGridContext_unstable(ctx => {\n    if (isHeader && ctx.selection.selectionMode === 'multiselect') {\n      return ctx.selection.allRowsSelected ? true : ctx.selection.someRowsSelected ? 'mixed' : false;\n    }\n\n    return ctx.selection.isRowSelected(rowId);\n  });\n\n  const toggleAllRows = useDataGridContext_unstable(ctx => ctx.selection.toggleAllRows);\n  const type = useDataGridContext_unstable(ctx =>\n    ctx.selection.selectionMode === 'multiselect' ? 'checkbox' : 'radio',\n  );\n\n  const onClick = useEventCallback((e: React.MouseEvent<HTMLTableCellElement>) => {\n    if (isHeader) {\n      toggleAllRows(e);\n    }\n\n    props.onClick?.(e);\n  });\n\n  return useTableSelectionCell_unstable(\n    {\n      as: 'div',\n      role: 'gridcell',\n      checked,\n      type,\n      hidden: isHeader && type === 'radio',\n      'aria-checked': isHeader ? checked : undefined,\n      'aria-selected': isHeader || checked === 'mixed' ? undefined : checked,\n      subtle,\n      ...props,\n      onClick,\n    },\n    ref,\n  );\n};\n"],"names":["React","useEventCallback","useDataGridContext_unstable","useTableRowIdContext","useIsInTableHeader","useTableSelectionCell_unstable","useDataGridSelectionCell_unstable","props","ref","isHeader","rowId","subtle","ctx","subtleSelection","checked","selection","selectionMode","allRowsSelected","someRowsSelected","isRowSelected","toggleAllRows","type","onClick","e","as","role","hidden","undefined"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,2BAA2B,QAAQ,iCAAiC;AAC7E,SAASC,oBAAoB,QAAQ,8BAA8B;AACnE,SAASC,kBAAkB,QAAQ,oCAAoC;AACvE,SAASC,8BAA8B,QAAQ,8CAA8C;AAG7F;;;;;;;;CAQC,GACD,OAAO,MAAMC,oCAAoC,CAC/CC,OACAC,MAC+B;IAC/B,MAAMC,WAAWL;IACjB,MAAMM,QAAQP;IACd,MAAMQ,SAAST,4BAA4BU,CAAAA,MAAOA,IAAIC,eAAe;IACrE,MAAMC,UAAUZ,4BAA4BU,CAAAA,MAAO;QACjD,IAAIH,YAAYG,IAAIG,SAAS,CAACC,aAAa,KAAK,eAAe;YAC7D,OAAOJ,IAAIG,SAAS,CAACE,eAAe,GAAG,IAAI,GAAGL,IAAIG,SAAS,CAACG,gBAAgB,GAAG,UAAU,KAAK;QAChG,CAAC;QAED,OAAON,IAAIG,SAAS,CAACI,aAAa,CAACT;IACrC;IAEA,MAAMU,gBAAgBlB,4BAA4BU,CAAAA,MAAOA,IAAIG,SAAS,CAACK,aAAa;IACpF,MAAMC,OAAOnB,4BAA4BU,CAAAA,MACvCA,IAAIG,SAAS,CAACC,aAAa,KAAK,gBAAgB,aAAa,OAAO;IAGtE,MAAMM,UAAUrB,iBAAiB,CAACsB,IAA8C;YAK9EhB;QAJA,IAAIE,UAAU;YACZW,cAAcG;QAChB,CAAC;QAEDhB,CAAAA,iBAAAA,MAAMe,OAAO,cAAbf,4BAAAA,KAAAA,IAAAA,eAAAA,KAAAA,OAAgBgB;IAClB;IAEA,OAAOlB,+BACL;QACEmB,IAAI;QACJC,MAAM;QACNX;QACAO;QACAK,QAAQjB,YAAYY,SAAS;QAC7B,gBAAgBZ,WAAWK,UAAUa,SAAS;QAC9C,iBAAiBlB,YAAYK,YAAY,UAAUa,YAAYb,OAAO;QACtEH;QACA,GAAGJ,KAAK;QACRe;IACF,GACAd;AAEJ,EAAE"}

package/lib/components/DataGridSelectionCell/useDataGridSelectionCellStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["mergeClasses","useTableSelectionCellStyles_unstable","dataGridSelectionCellClassNames","root","checkboxIndicator","radioIndicator","useDataGridSelectionCellStyles_unstable","state","className"],"sources":["../../../src/components/DataGridSelectionCell/useDataGridSelectionCellStyles.styles.ts"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { DataGridSelectionCellSlots, DataGridSelectionCellState } from './DataGridSelectionCell.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useTableSelectionCellStyles_unstable } from '../TableSelectionCell/useTableSelectionCellStyles.styles';\n\nexport const dataGridSelectionCellClassNames: SlotClassNames<DataGridSelectionCellSlots> = {\n  root: 'fui-DataGridSelectionCell',\n  checkboxIndicator: 'fui-DataGridSelectionCell__checkboxIndicator',\n  radioIndicator: 'fui-DataGridSelectionCell__radioIndicator',\n};\n\n/**\n * Apply styling to the DataGridSelectionCell slots based on the state\n */\nexport const useDataGridSelectionCellStyles_unstable = (\n  state: DataGridSelectionCellState,\n): DataGridSelectionCellState => {\n  useTableSelectionCellStyles_unstable(state);\n  state.root.className = mergeClasses(dataGridSelectionCellClassNames.root, state.root.className);\n\n  if (state.checkboxIndicator) {\n    state.checkboxIndicator.className = mergeClasses(\n      dataGridSelectionCellClassNames.checkboxIndicator,\n      state.checkboxIndicator.className,\n    );\n  }\n\n  if (state.radioIndicator) {\n    state.radioIndicator.className = mergeClasses(\n      dataGridSelectionCellClassNames.radioIndicator,\n      state.radioIndicator.className,\n    );\n  }\n\n  return state;\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ;AAG7B,SAASC,oCAAoC,QAAQ;AAErD,OAAO,MAAMC,+BAAA,GAA8E;EACzFC,IAAA,EAAM;EACNC,iBAAA,EAAmB;EACnBC,cAAA,EAAgB;AAClB;AAEA;;;AAGA,OAAO,MAAMC,uCAAA,GACXC,KAAA,IAC+B;EAC/BN,oCAAA,CAAqCM,KAAA;EACrCA,KAAA,CAAMJ,IAAI,CAACK,SAAS,GAAGR,YAAA,CAAaE,+BAAA,CAAgCC,IAAI,EAAEI,KAAA,CAAMJ,IAAI,CAACK,SAAS;EAE9F,IAAID,KAAA,CAAMH,iBAAiB,EAAE;IAC3BG,KAAA,CAAMH,iBAAiB,CAACI,SAAS,GAAGR,YAAA,CAClCE,+BAAA,CAAgCE,iBAAiB,EACjDG,KAAA,CAAMH,iBAAiB,CAACI,SAAS;EAErC;EAEA,IAAID,KAAA,CAAMF,cAAc,EAAE;IACxBE,KAAA,CAAMF,cAAc,CAACG,SAAS,GAAGR,YAAA,CAC/BE,+BAAA,CAAgCG,cAAc,EAC9CE,KAAA,CAAMF,cAAc,CAACG,SAAS;EAElC;EAEA,OAAOD,KAAA;AACT"}
+{"version":3,"names":["mergeClasses","useTableSelectionCellStyles_unstable","dataGridSelectionCellClassNames","root","checkboxIndicator","radioIndicator","useDataGridSelectionCellStyles_unstable","state","className"],"sources":["useDataGridSelectionCellStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { useTableSelectionCellStyles_unstable } from '../TableSelectionCell/useTableSelectionCellStyles.styles';\nexport const dataGridSelectionCellClassNames = {\n    root: 'fui-DataGridSelectionCell',\n    checkboxIndicator: 'fui-DataGridSelectionCell__checkboxIndicator',\n    radioIndicator: 'fui-DataGridSelectionCell__radioIndicator'\n};\n/**\n * Apply styling to the DataGridSelectionCell slots based on the state\n */ export const useDataGridSelectionCellStyles_unstable = (state)=>{\n    useTableSelectionCellStyles_unstable(state);\n    state.root.className = mergeClasses(dataGridSelectionCellClassNames.root, state.root.className);\n    if (state.checkboxIndicator) {\n        state.checkboxIndicator.className = mergeClasses(dataGridSelectionCellClassNames.checkboxIndicator, state.checkboxIndicator.className);\n    }\n    if (state.radioIndicator) {\n        state.radioIndicator.className = mergeClasses(dataGridSelectionCellClassNames.radioIndicator, state.radioIndicator.className);\n    }\n    return state;\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,oCAAoC,QAAQ,0DAA0D;AAC/G,OAAO,MAAMC,+BAA+B,GAAG;EAC3CC,IAAI,EAAE,2BAA2B;EACjCC,iBAAiB,EAAE,8CAA8C;EACjEC,cAAc,EAAE;AACpB,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,uCAAuC,GAAIC,KAAK,IAAG;EAChEN,oCAAoC,CAACM,KAAK,CAAC;EAC3CA,KAAK,CAACJ,IAAI,CAACK,SAAS,GAAGR,YAAY,CAACE,+BAA+B,CAACC,IAAI,EAAEI,KAAK,CAACJ,IAAI,CAACK,SAAS,CAAC;EAC/F,IAAID,KAAK,CAACH,iBAAiB,EAAE;IACzBG,KAAK,CAACH,iBAAiB,CAACI,SAAS,GAAGR,YAAY,CAACE,+BAA+B,CAACE,iBAAiB,EAAEG,KAAK,CAACH,iBAAiB,CAACI,SAAS,CAAC;EAC1I;EACA,IAAID,KAAK,CAACF,cAAc,EAAE;IACtBE,KAAK,CAACF,cAAc,CAACG,SAAS,GAAGR,YAAY,CAACE,+BAA+B,CAACG,cAAc,EAAEE,KAAK,CAACF,cAAc,CAACG,SAAS,CAAC;EACjI;EACA,OAAOD,KAAK;AAChB,CAAC"}

package/lib/components/Table/Table.js

@@ -6,12 +6,10 @@ import { useTableContextValues_unstable } from './useTableContextValues';
 import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 /**
  * Table component
- */
-export const Table = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useTable_unstable(props, ref);
-  useTableStyles_unstable(state);
-  useCustomStyleHook_unstable('useTableStyles_unstable')(state);
-  return renderTable_unstable(state, useTableContextValues_unstable(state));
+ */ export const Table = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useTable_unstable(props, ref);
+    useTableStyles_unstable(state);
+    useCustomStyleHook_unstable('useTableStyles_unstable')(state);
+    return renderTable_unstable(state, useTableContextValues_unstable(state));
 });
 Table.displayName = 'Table';
-//# sourceMappingURL=Table.js.map

package/lib/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useTable_unstable","renderTable_unstable","useTableStyles_unstable","useTableContextValues_unstable","useCustomStyleHook_unstable","Table","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTable_unstable } from './useTable';\nimport { renderTable_unstable } from './renderTable';\nimport { useTableStyles_unstable } from './useTableStyles.styles';\nimport type { TableProps } from './Table.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTableContextValues_unstable } from './useTableContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Table component\n */\nexport const Table: ForwardRefComponent<TableProps> = React.forwardRef((props, ref) => {\n  const state = useTable_unstable(props, ref);\n\n  useTableStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTableStyles_unstable')(state);\n\n  return renderTable_unstable(state, useTableContextValues_unstable(state));\n});\n\nTable.displayName = 'Table';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,uBAAuB,QAAQ;AAGxC,SAASC,8BAA8B,QAAQ;AAC/C,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,KAAA,gBAAyCN,KAAA,CAAMO,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACrF,MAAMC,KAAA,GAAQT,iBAAA,CAAkBO,KAAA,EAAOC,GAAA;EAEvCN,uBAAA,CAAwBO,KAAA;EAExBL,2BAAA,CAA4B,2BAA2BK,KAAA;EAEvD,OAAOR,oBAAA,CAAqBQ,KAAA,EAAON,8BAAA,CAA+BM,KAAA;AACpE;AAEAJ,KAAA,CAAMK,WAAW,GAAG"}
+{"version":3,"sources":["Table.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTable_unstable } from './useTable';\nimport { renderTable_unstable } from './renderTable';\nimport { useTableStyles_unstable } from './useTableStyles.styles';\nimport type { TableProps } from './Table.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTableContextValues_unstable } from './useTableContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Table component\n */\nexport const Table: ForwardRefComponent<TableProps> = React.forwardRef((props, ref) => {\n  const state = useTable_unstable(props, ref);\n\n  useTableStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTableStyles_unstable')(state);\n\n  return renderTable_unstable(state, useTableContextValues_unstable(state));\n});\n\nTable.displayName = 'Table';\n"],"names":["React","useTable_unstable","renderTable_unstable","useTableStyles_unstable","useTableContextValues_unstable","useCustomStyleHook_unstable","Table","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,uBAAuB,QAAQ,0BAA0B;AAGlE,SAASC,8BAA8B,QAAQ,0BAA0B;AACzE,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,sBAAyCN,MAAMO,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACrF,MAAMC,QAAQT,kBAAkBO,OAAOC;IAEvCN,wBAAwBO;IAExBL,4BAA4B,2BAA2BK;IAEvD,OAAOR,qBAAqBQ,OAAON,+BAA+BM;AACpE,GAAG;AAEHJ,MAAMK,WAAW,GAAG"}

package/lib/components/Table/Table.types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=Table.types.js.map
+export { };

package/lib/components/Table/Table.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/Table/Table.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TableSlots = {\n  root: Slot<'table', 'div'>;\n};\n\nexport type TableContextValue = {\n  /**\n   * Affects the sizes of all table subcomponents\n   * @default medium\n   */\n  size: 'extra-small' | 'small' | 'medium';\n\n  /**\n   * Render all table elements as divs instead of semantic table elements\n   * Using divs no longer uses `display: table` layout but `display: flex`\n   * @default false\n   */\n  noNativeElements: boolean;\n\n  /**\n   * Whether the table is sortable\n   * @default false\n   */\n  sortable: boolean;\n};\n\nexport type SortDirection = 'ascending' | 'descending';\n\nexport type TableContextValues = {\n  table: TableContextValue;\n};\n\n/**\n * Table Props\n */\nexport type TableProps = ComponentProps<TableSlots> & Partial<TableContextValue>;\n\n/**\n * State used in rendering Table\n */\nexport type TableState = ComponentState<TableSlots> &\n  Pick<Required<TableProps>, 'size' | 'noNativeElements'> &\n  TableContextValue;\n"],"mappings":"AAAA"}
+{"version":3,"sources":["Table.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TableSlots = {\n  root: Slot<'table', 'div'>;\n};\n\nexport type TableContextValue = {\n  /**\n   * Affects the sizes of all table subcomponents\n   * @default medium\n   */\n  size: 'extra-small' | 'small' | 'medium';\n\n  /**\n   * Render all table elements as divs instead of semantic table elements\n   * Using divs no longer uses `display: table` layout but `display: flex`\n   * @default false\n   */\n  noNativeElements: boolean;\n\n  /**\n   * Whether the table is sortable\n   * @default false\n   */\n  sortable: boolean;\n};\n\nexport type SortDirection = 'ascending' | 'descending';\n\nexport type TableContextValues = {\n  table: TableContextValue;\n};\n\n/**\n * Table Props\n */\nexport type TableProps = ComponentProps<TableSlots> & Partial<TableContextValue>;\n\n/**\n * State used in rendering Table\n */\nexport type TableState = ComponentState<TableSlots> &\n  Pick<Required<TableProps>, 'size' | 'noNativeElements'> &\n  TableContextValue;\n"],"names":[],"mappings":"AAAA,WA2CoB"}

package/lib/components/Table/index.js

@@ -3,4 +3,3 @@ export * from './Table.types';
 export * from './renderTable';
 export * from './useTable';
 export * from './useTableStyles.styles';
-//# sourceMappingURL=index.js.map

package/lib/components/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/Table/index.ts"],"sourcesContent":["export * from './Table';\nexport * from './Table.types';\nexport * from './renderTable';\nexport * from './useTable';\nexport * from './useTableStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Table';\nexport * from './Table.types';\nexport * from './renderTable';\nexport * from './useTable';\nexport * from './useTableStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,aAAa;AAC3B,cAAc,0BAA0B"}

package/lib/components/Table/renderTable.js

@@ -1,16 +1,11 @@
-/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
+/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
 import { getSlotsNext } from '@fluentui/react-utilities';
 import { TableContextProvider } from '../../contexts/tableContext';
 /**
  * Render the final JSX of Table
- */
-export const renderTable_unstable = (state, contextValues) => {
-  const {
-    slots,
-    slotProps
-  } = getSlotsNext(state);
-  return /*#__PURE__*/createElement(TableContextProvider, {
-    value: contextValues.table
-  }, /*#__PURE__*/createElement(slots.root, slotProps.root));
+ */ export const renderTable_unstable = (state, contextValues)=>{
+    const { slots , slotProps  } = getSlotsNext(state);
+    return /*#__PURE__*/ createElement(TableContextProvider, {
+        value: contextValues.table
+    }, /*#__PURE__*/ createElement(slots.root, slotProps.root));
 };
-//# sourceMappingURL=renderTable.js.map

package/lib/components/Table/renderTable.js.map

@@ -1 +1 @@
-{"version":3,"names":["createElement","getSlotsNext","TableContextProvider","renderTable_unstable","state","contextValues","slots","slotProps","value","table","root"],"sources":["../../../src/components/Table/renderTable.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { TableState, TableSlots, TableContextValues } from './Table.types';\nimport { TableContextProvider } from '../../contexts/tableContext';\n\n/**\n * Render the final JSX of Table\n */\nexport const renderTable_unstable = (state: TableState, contextValues: TableContextValues) => {\n  const { slots, slotProps } = getSlotsNext<TableSlots>(state);\n\n  return (\n    <TableContextProvider value={contextValues.table}>\n      <slots.root {...slotProps.root} />\n    </TableContextProvider>\n  );\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAAQ;AAE7B,SAASC,oBAAoB,QAAQ;AAErC;;;AAGA,OAAO,MAAMC,oBAAA,GAAuBA,CAACC,KAAA,EAAmBC,aAAA,KAAsC;EAC5F,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGN,YAAA,CAAyBG,KAAA;EAEtD,oBACEJ,aAdJ,CAcKE,oBAAA;IAAqBM,KAAA,EAAOH,aAAA,CAAcI;kBACzCT,aAfN,CAeOM,KAAA,CAAMI,IAAI,EAAKH,SAAA,CAAUG,IAAI;AAGpC"}
+{"version":3,"sources":["renderTable.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { TableState, TableSlots, TableContextValues } from './Table.types';\nimport { TableContextProvider } from '../../contexts/tableContext';\n\n/**\n * Render the final JSX of Table\n */\nexport const renderTable_unstable = (state: TableState, contextValues: TableContextValues) => {\n  const { slots, slotProps } = getSlotsNext<TableSlots>(state);\n\n  return (\n    <TableContextProvider value={contextValues.table}>\n      <slots.root {...slotProps.root} />\n    </TableContextProvider>\n  );\n};\n"],"names":["createElement","getSlotsNext","TableContextProvider","renderTable_unstable","state","contextValues","slots","slotProps","value","table","root"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,YAAY,QAAQ,4BAA4B;AAEzD,SAASC,oBAAoB,QAAQ,8BAA8B;AAEnE;;CAEC,GACD,OAAO,MAAMC,uBAAuB,CAACC,OAAmBC,gBAAsC;IAC5F,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGN,aAAyBG;IAEtD,qBACE,AAdJ,cAcKF;QAAqBM,OAAOH,cAAcI,KAAK;qBAC9C,AAfN,cAeOH,MAAMI,IAAI,EAAKH,UAAUG,IAAI;AAGpC,EAAE"}

package/lib/components/Table/useTable.js

@@ -8,23 +8,21 @@ import { getNativeElementProps } from '@fluentui/react-utilities';
  *
  * @param props - props from this instance of Table
  * @param ref - reference to root HTMLElement of Table
- */
-export const useTable_unstable = (props, ref) => {
-  var _props_as;
-  const rootComponent = ((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : props.noNativeElements) ? 'div' : 'table';
-  var _props_size, _props_noNativeElements, _props_sortable;
-  return {
-    components: {
-      root: rootComponent
-    },
-    root: getNativeElementProps(rootComponent, {
-      ref,
-      role: rootComponent === 'div' ? 'table' : undefined,
-      ...props
-    }),
-    size: (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : 'medium',
-    noNativeElements: (_props_noNativeElements = props.noNativeElements) !== null && _props_noNativeElements !== void 0 ? _props_noNativeElements : false,
-    sortable: (_props_sortable = props.sortable) !== null && _props_sortable !== void 0 ? _props_sortable : false
-  };
+ */ export const useTable_unstable = (props, ref)=>{
+    var _props_as;
+    const rootComponent = ((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : props.noNativeElements) ? 'div' : 'table';
+    var _props_size, _props_noNativeElements, _props_sortable;
+    return {
+        components: {
+            root: rootComponent
+        },
+        root: getNativeElementProps(rootComponent, {
+            ref,
+            role: rootComponent === 'div' ? 'table' : undefined,
+            ...props
+        }),
+        size: (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : 'medium',
+        noNativeElements: (_props_noNativeElements = props.noNativeElements) !== null && _props_noNativeElements !== void 0 ? _props_noNativeElements : false,
+        sortable: (_props_sortable = props.sortable) !== null && _props_sortable !== void 0 ? _props_sortable : false
+    };
 };
-//# sourceMappingURL=useTable.js.map

package/lib/components/Table/useTable.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","getNativeElementProps","useTable_unstable","props","ref","_props_as","rootComponent","as","noNativeElements","_props_size","_props_noNativeElements","_props_sortable","components","root","role","undefined","size","sortable"],"sources":["../../../src/components/Table/useTable.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { TableProps, TableState } from './Table.types';\n\n/**\n * Create the state required to render Table.\n *\n * The returned state can be modified with hooks such as useTableStyles_unstable,\n * before being passed to renderTable_unstable.\n *\n * @param props - props from this instance of Table\n * @param ref - reference to root HTMLElement of Table\n */\nexport const useTable_unstable = (props: TableProps, ref: React.Ref<HTMLElement>): TableState => {\n  const rootComponent = props.as ?? props.noNativeElements ? 'div' : 'table';\n\n  return {\n    components: {\n      root: rootComponent,\n    },\n    root: getNativeElementProps(rootComponent, {\n      ref,\n      role: rootComponent === 'div' ? 'table' : undefined,\n      ...props,\n    }),\n    size: props.size ?? 'medium',\n    noNativeElements: props.noNativeElements ?? false,\n    sortable: props.sortable ?? false,\n  };\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,QAAQ;AAGtC;;;;;;;;;AASA,OAAO,MAAMC,iBAAA,GAAoBA,CAACC,KAAA,EAAmBC,GAAA,KAA4C;MACzEC,SAAA;EAAtB,MAAMC,aAAA,GAAgB,EAAAD,SAAA,GAAAF,KAAA,CAAMI,EAAE,cAARF,SAAA,cAAAA,SAAA,GAAYF,KAAA,CAAMK,gBAAgB,IAAG,QAAQ,OAAO;MAWlEC,WAAA,EACYC,uBAAA,EACRC,eAAA;EAXZ,OAAO;IACLC,UAAA,EAAY;MACVC,IAAA,EAAMP;IACR;IACAO,IAAA,EAAMZ,qBAAA,CAAsBK,aAAA,EAAe;MACzCF,GAAA;MACAU,IAAA,EAAMR,aAAA,KAAkB,QAAQ,UAAUS,SAAS;MACnD,GAAGZ;IACL;IACAa,IAAA,EAAM,CAAAP,WAAA,GAAAN,KAAA,CAAMa,IAAI,cAAVP,WAAA,cAAAA,WAAA,GAAc,QAAQ;IAC5BD,gBAAA,EAAkB,CAAAE,uBAAA,GAAAP,KAAA,CAAMK,gBAAgB,cAAtBE,uBAAA,cAAAA,uBAAA,GAA0B,KAAK;IACjDO,QAAA,EAAU,CAAAN,eAAA,GAAAR,KAAA,CAAMc,QAAQ,cAAdN,eAAA,cAAAA,eAAA,GAAkB;EAC9B;AACF"}
+{"version":3,"sources":["useTable.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { TableProps, TableState } from './Table.types';\n\n/**\n * Create the state required to render Table.\n *\n * The returned state can be modified with hooks such as useTableStyles_unstable,\n * before being passed to renderTable_unstable.\n *\n * @param props - props from this instance of Table\n * @param ref - reference to root HTMLElement of Table\n */\nexport const useTable_unstable = (props: TableProps, ref: React.Ref<HTMLElement>): TableState => {\n  const rootComponent = props.as ?? props.noNativeElements ? 'div' : 'table';\n\n  return {\n    components: {\n      root: rootComponent,\n    },\n    root: getNativeElementProps(rootComponent, {\n      ref,\n      role: rootComponent === 'div' ? 'table' : undefined,\n      ...props,\n    }),\n    size: props.size ?? 'medium',\n    noNativeElements: props.noNativeElements ?? false,\n    sortable: props.sortable ?? false,\n  };\n};\n"],"names":["React","getNativeElementProps","useTable_unstable","props","ref","rootComponent","as","noNativeElements","components","root","role","undefined","size","sortable"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,4BAA4B;AAGlE;;;;;;;;CAQC,GACD,OAAO,MAAMC,oBAAoB,CAACC,OAAmBC,MAA4C;QACzED;IAAtB,MAAME,gBAAgBF,CAAAA,CAAAA,YAAAA,MAAMG,EAAE,cAARH,uBAAAA,YAAYA,MAAMI,gBAAgB,AAAD,IAAI,QAAQ,OAAO;QAWlEJ,aACYA,yBACRA;IAXZ,OAAO;QACLK,YAAY;YACVC,MAAMJ;QACR;QACAI,MAAMR,sBAAsBI,eAAe;YACzCD;YACAM,MAAML,kBAAkB,QAAQ,UAAUM,SAAS;YACnD,GAAGR,KAAK;QACV;QACAS,MAAMT,CAAAA,cAAAA,MAAMS,IAAI,cAAVT,yBAAAA,cAAc,QAAQ;QAC5BI,kBAAkBJ,CAAAA,0BAAAA,MAAMI,gBAAgB,cAAtBJ,qCAAAA,0BAA0B,KAAK;QACjDU,UAAUV,CAAAA,kBAAAA,MAAMU,QAAQ,cAAdV,6BAAAA,kBAAkB,KAAK;IACnC;AACF,EAAE"}

package/lib/components/Table/useTableContextValues.js

@@ -1,17 +1,16 @@
 import * as React from 'react';
 export function useTableContextValues_unstable(state) {
-  const {
-    size,
-    noNativeElements,
-    sortable
-  } = state;
-  const tableContext = React.useMemo(() => ({
-    noNativeElements,
-    size,
-    sortable
-  }), [noNativeElements, size, sortable]);
-  return {
-    table: tableContext
-  };
+    const { size , noNativeElements , sortable  } = state;
+    const tableContext = React.useMemo(()=>({
+            noNativeElements,
+            size,
+            sortable
+        }), [
+        noNativeElements,
+        size,
+        sortable
+    ]);
+    return {
+        table: tableContext
+    };
 }
-//# sourceMappingURL=useTableContextValues.js.map

package/lib/components/Table/useTableContextValues.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useTableContextValues_unstable","state","size","noNativeElements","sortable","tableContext","useMemo","table"],"sources":["../../../src/components/Table/useTableContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport { TableContextValues, TableState } from './Table.types';\n\nexport function useTableContextValues_unstable(state: TableState): TableContextValues {\n  const { size, noNativeElements, sortable } = state;\n\n  const tableContext = React.useMemo(\n    () => ({\n      noNativeElements,\n      size,\n      sortable,\n    }),\n    [noNativeElements, size, sortable],\n  );\n\n  return {\n    table: tableContext,\n  };\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAGvB,OAAO,SAASC,+BAA+BC,KAAiB,EAAsB;EACpF,MAAM;IAAEC,IAAA;IAAMC,gBAAA;IAAkBC;EAAQ,CAAE,GAAGH,KAAA;EAE7C,MAAMI,YAAA,GAAeN,KAAA,CAAMO,OAAO,CAChC,OAAO;IACLH,gBAAA;IACAD,IAAA;IACAE;EACF,IACA,CAACD,gBAAA,EAAkBD,IAAA,EAAME,QAAA,CAAS;EAGpC,OAAO;IACLG,KAAA,EAAOF;EACT;AACF"}
+{"version":3,"sources":["useTableContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport { TableContextValues, TableState } from './Table.types';\n\nexport function useTableContextValues_unstable(state: TableState): TableContextValues {\n  const { size, noNativeElements, sortable } = state;\n\n  const tableContext = React.useMemo(\n    () => ({\n      noNativeElements,\n      size,\n      sortable,\n    }),\n    [noNativeElements, size, sortable],\n  );\n\n  return {\n    table: tableContext,\n  };\n}\n"],"names":["React","useTableContextValues_unstable","state","size","noNativeElements","sortable","tableContext","useMemo","table"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,OAAO,SAASC,+BAA+BC,KAAiB,EAAsB;IACpF,MAAM,EAAEC,KAAI,EAAEC,iBAAgB,EAAEC,SAAQ,EAAE,GAAGH;IAE7C,MAAMI,eAAeN,MAAMO,OAAO,CAChC,IAAO,CAAA;YACLH;YACAD;YACAE;QACF,CAAA,GACA;QAACD;QAAkBD;QAAME;KAAS;IAGpC,OAAO;QACLG,OAAOF;IACT;AACF,CAAC"}

package/lib/components/Table/useTableStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","tokens","tableClassName","tableClassNames","root","useTableLayoutStyles","mc9l5x","ha4doy","a9b677","B73mfa3","d","useFlexLayoutStyles","useStyles","po53p8","De3pzq","useTableStyles_unstable","state","styles","layoutStyles","table","flex","className","noNativeElements"],"sources":["../../../src/components/Table/useTableStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { TableSlots, TableState } from './Table.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const tableClassName = 'fui-Table';\nexport const tableClassNames: SlotClassNames<TableSlots> = {\n  root: 'fui-Table',\n};\n\nconst useTableLayoutStyles = makeStyles({\n  root: {\n    display: 'table',\n    verticalAlign: 'middle',\n    width: '100%',\n    tableLayout: 'fixed',\n  },\n});\n\nconst useFlexLayoutStyles = makeStyles({\n  root: {\n    display: 'block',\n  },\n});\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    borderCollapse: 'collapse',\n    backgroundColor: tokens.colorSubtleBackground,\n  },\n});\n\n/**\n * Apply styling to the Table slots based on the state\n */\nexport const useTableStyles_unstable = (state: TableState): TableState => {\n  const styles = useStyles();\n  const layoutStyles = {\n    table: useTableLayoutStyles(),\n    flex: useFlexLayoutStyles(),\n  };\n  state.root.className = mergeClasses(\n    tableClassName,\n    styles.root,\n    state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ;AACzC,SAASC,MAAM,QAAQ;AAIvB,OAAO,MAAMC,cAAA,GAAiB;AAC9B,OAAO,MAAMC,eAAA,GAA8C;EACzDC,IAAA,EAAM;AACR;AAEA,MAAMC,oBAAA,gBAAuBN,QAAA;EAAAK,IAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAO7B;AAEA,MAAMC,mBAAA,gBAAsBZ,QAAA;EAAAK,IAAA;IAAAE,MAAA;EAAA;AAAA;EAAAI,CAAA;AAAA,EAI5B;AAEA;;;AAGA,MAAME,SAAA,gBAAYb,QAAA;EAAAK,IAAA;IAAAS,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAJ,CAAA;AAAA,EAKlB;AAEA;;;AAGA,OAAO,MAAMK,uBAAA,GAA2BC,KAAA,IAAkC;EACxE,MAAMC,MAAA,GAASL,SAAA;EACf,MAAMM,YAAA,GAAe;IACnBC,KAAA,EAAOd,oBAAA;IACPe,IAAA,EAAMT,mBAAA;EACR;EACAK,KAAA,CAAMZ,IAAI,CAACiB,SAAS,GAAGrB,YAAA,CACrBE,cAAA,EACAe,MAAA,CAAOb,IAAI,EACXY,KAAA,CAAMM,gBAAgB,GAAGJ,YAAA,CAAaE,IAAI,CAAChB,IAAI,GAAGc,YAAA,CAAaC,KAAK,CAACf,IAAI,EACzEY,KAAA,CAAMZ,IAAI,CAACiB,SAAS;EAGtB,OAAOL,KAAA;AACT"}
+{"version":3,"names":["__styles","mergeClasses","tokens","tableClassName","tableClassNames","root","useTableLayoutStyles","mc9l5x","ha4doy","a9b677","B73mfa3","d","useFlexLayoutStyles","useStyles","po53p8","De3pzq","useTableStyles_unstable","state","styles","layoutStyles","table","flex","className","noNativeElements"],"sources":["useTableStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const tableClassName = 'fui-Table';\nexport const tableClassNames = {\n    root: 'fui-Table'\n};\nconst useTableLayoutStyles = makeStyles({\n    root: {\n        display: 'table',\n        verticalAlign: 'middle',\n        width: '100%',\n        tableLayout: 'fixed'\n    }\n});\nconst useFlexLayoutStyles = makeStyles({\n    root: {\n        display: 'block'\n    }\n});\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        borderCollapse: 'collapse',\n        backgroundColor: tokens.colorSubtleBackground\n    }\n});\n/**\n * Apply styling to the Table slots based on the state\n */ export const useTableStyles_unstable = (state)=>{\n    const styles = useStyles();\n    const layoutStyles = {\n        table: useTableLayoutStyles(),\n        flex: useFlexLayoutStyles()\n    };\n    state.root.className = mergeClasses(tableClassName, styles.root, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,cAAc,GAAG,WAAW;AACzC,OAAO,MAAMC,eAAe,GAAG;EAC3BC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,oBAAoB,gBAAGN,QAAA;EAAAK,IAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAO5B,CAAC;AACF,MAAMC,mBAAmB,gBAAGZ,QAAA;EAAAK,IAAA;IAAAE,MAAA;EAAA;AAAA;EAAAI,CAAA;AAAA,CAI3B,CAAC;AACF;AACA;AACA;AAAI,MAAME,SAAS,gBAAGb,QAAA;EAAAK,IAAA;IAAAS,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAJ,CAAA;AAAA,CAKrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMK,uBAAuB,GAAIC,KAAK,IAAG;EAChD,MAAMC,MAAM,GAAGL,SAAS,CAAC,CAAC;EAC1B,MAAMM,YAAY,GAAG;IACjBC,KAAK,EAAEd,oBAAoB,CAAC,CAAC;IAC7Be,IAAI,EAAET,mBAAmB,CAAC;EAC9B,CAAC;EACDK,KAAK,CAACZ,IAAI,CAACiB,SAAS,GAAGrB,YAAY,CAACE,cAAc,EAAEe,MAAM,CAACb,IAAI,EAAEY,KAAK,CAACM,gBAAgB,GAAGJ,YAAY,CAACE,IAAI,CAAChB,IAAI,GAAGc,YAAY,CAACC,KAAK,CAACf,IAAI,EAAEY,KAAK,CAACZ,IAAI,CAACiB,SAAS,CAAC;EACjK,OAAOL,KAAK;AAChB,CAAC"}

package/lib/components/TableBody/TableBody.js

@@ -5,12 +5,10 @@ import { useTableBodyStyles_unstable } from './useTableBodyStyles.styles';
 import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 /**
  * TableBody component
- */
-export const TableBody = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useTableBody_unstable(props, ref);
-  useTableBodyStyles_unstable(state);
-  useCustomStyleHook_unstable('useTableBodyStyles_unstable')(state);
-  return renderTableBody_unstable(state);
+ */ export const TableBody = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useTableBody_unstable(props, ref);
+    useTableBodyStyles_unstable(state);
+    useCustomStyleHook_unstable('useTableBodyStyles_unstable')(state);
+    return renderTableBody_unstable(state);
 });
 TableBody.displayName = 'TableBody';
-//# sourceMappingURL=TableBody.js.map

package/lib/components/TableBody/TableBody.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useTableBody_unstable","renderTableBody_unstable","useTableBodyStyles_unstable","useCustomStyleHook_unstable","TableBody","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/TableBody/TableBody.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableBody_unstable } from './useTableBody';\nimport { renderTableBody_unstable } from './renderTableBody';\nimport { useTableBodyStyles_unstable } from './useTableBodyStyles.styles';\nimport type { TableBodyProps } from './TableBody.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableBody component\n */\nexport const TableBody: ForwardRefComponent<TableBodyProps> = React.forwardRef((props, ref) => {\n  const state = useTableBody_unstable(props, ref);\n\n  useTableBodyStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTableBodyStyles_unstable')(state);\n\n  return renderTableBody_unstable(state);\n});\n\nTableBody.displayName = 'TableBody';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,wBAAwB,QAAQ;AACzC,SAASC,2BAA2B,QAAQ;AAG5C,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,SAAA,gBAAiDL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC7F,MAAMC,KAAA,GAAQR,qBAAA,CAAsBM,KAAA,EAAOC,GAAA;EAE3CL,2BAAA,CAA4BM,KAAA;EAE5BL,2BAAA,CAA4B,+BAA+BK,KAAA;EAE3D,OAAOP,wBAAA,CAAyBO,KAAA;AAClC;AAEAJ,SAAA,CAAUK,WAAW,GAAG"}
+{"version":3,"sources":["TableBody.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableBody_unstable } from './useTableBody';\nimport { renderTableBody_unstable } from './renderTableBody';\nimport { useTableBodyStyles_unstable } from './useTableBodyStyles.styles';\nimport type { TableBodyProps } from './TableBody.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableBody component\n */\nexport const TableBody: ForwardRefComponent<TableBodyProps> = React.forwardRef((props, ref) => {\n  const state = useTableBody_unstable(props, ref);\n\n  useTableBodyStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTableBodyStyles_unstable')(state);\n\n  return renderTableBody_unstable(state);\n});\n\nTableBody.displayName = 'TableBody';\n"],"names":["React","useTableBody_unstable","renderTableBody_unstable","useTableBodyStyles_unstable","useCustomStyleHook_unstable","TableBody","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,2BAA2B,QAAQ,8BAA8B;AAG1E,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,0BAAiDL,MAAMM,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC7F,MAAMC,QAAQR,sBAAsBM,OAAOC;IAE3CL,4BAA4BM;IAE5BL,4BAA4B,+BAA+BK;IAE3D,OAAOP,yBAAyBO;AAClC,GAAG;AAEHJ,UAAUK,WAAW,GAAG"}

package/lib/components/TableBody/TableBody.types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=TableBody.types.js.map
+export { };

package/lib/components/TableBody/TableBody.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/TableBody/TableBody.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { TableContextValue } from '../Table/Table.types';\n\nexport type TableBodySlots = {\n  root: Slot<'tbody', 'div'>;\n};\n\n/**\n * TableBody Props\n */\nexport type TableBodyProps = ComponentProps<TableBodySlots>;\n\n/**\n * State used in rendering TableBody\n */\nexport type TableBodyState = ComponentState<TableBodySlots> & Pick<TableContextValue, 'noNativeElements'>;\n"],"mappings":"AAAA"}
+{"version":3,"sources":["TableBody.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { TableContextValue } from '../Table/Table.types';\n\nexport type TableBodySlots = {\n  root: Slot<'tbody', 'div'>;\n};\n\n/**\n * TableBody Props\n */\nexport type TableBodyProps = ComponentProps<TableBodySlots>;\n\n/**\n * State used in rendering TableBody\n */\nexport type TableBodyState = ComponentState<TableBodySlots> & Pick<TableContextValue, 'noNativeElements'>;\n"],"names":[],"mappings":"AAAA,WAe0G"}

package/lib/components/TableBody/index.js

@@ -3,4 +3,3 @@ export * from './TableBody.types';
 export * from './renderTableBody';
 export * from './useTableBody';
 export * from './useTableBodyStyles.styles';
-//# sourceMappingURL=index.js.map

package/lib/components/TableBody/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/TableBody/index.ts"],"sourcesContent":["export * from './TableBody';\nexport * from './TableBody.types';\nexport * from './renderTableBody';\nexport * from './useTableBody';\nexport * from './useTableBodyStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TableBody';\nexport * from './TableBody.types';\nexport * from './renderTableBody';\nexport * from './useTableBody';\nexport * from './useTableBodyStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,iBAAiB;AAC/B,cAAc,8BAA8B"}

package/lib/components/TableBody/renderTableBody.js

@@ -1,13 +1,8 @@
-/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
+/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
 import { getSlotsNext } from '@fluentui/react-utilities';
 /**
  * Render the final JSX of TableBody
- */
-export const renderTableBody_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = getSlotsNext(state);
-  return /*#__PURE__*/createElement(slots.root, slotProps.root);
+ */ export const renderTableBody_unstable = (state)=>{
+    const { slots , slotProps  } = getSlotsNext(state);
+    return /*#__PURE__*/ createElement(slots.root, slotProps.root);
 };
-//# sourceMappingURL=renderTableBody.js.map

package/lib/components/TableBody/renderTableBody.js.map

@@ -1 +1 @@
-{"version":3,"names":["createElement","getSlotsNext","renderTableBody_unstable","state","slots","slotProps","root"],"sources":["../../../src/components/TableBody/renderTableBody.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { TableBodyState, TableBodySlots } from './TableBody.types';\n\n/**\n * Render the final JSX of TableBody\n */\nexport const renderTableBody_unstable = (state: TableBodyState) => {\n  const { slots, slotProps } = getSlotsNext<TableBodySlots>(state);\n\n  return <slots.root {...slotProps.root} />;\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAAQ;AAG7B;;;AAGA,OAAO,MAAMC,wBAAA,GAA4BC,KAAA,IAA0B;EACjE,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,YAAA,CAA6BE,KAAA;EAE1D,oBAAOH,aAZT,CAYUI,KAAA,CAAME,IAAI,EAAKD,SAAA,CAAUC,IAAI;AACvC"}
+{"version":3,"sources":["renderTableBody.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { TableBodyState, TableBodySlots } from './TableBody.types';\n\n/**\n * Render the final JSX of TableBody\n */\nexport const renderTableBody_unstable = (state: TableBodyState) => {\n  const { slots, slotProps } = getSlotsNext<TableBodySlots>(state);\n\n  return <slots.root {...slotProps.root} />;\n};\n"],"names":["createElement","getSlotsNext","renderTableBody_unstable","state","slots","slotProps","root"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,YAAY,QAAQ,4BAA4B;AAGzD;;CAEC,GACD,OAAO,MAAMC,2BAA2B,CAACC,QAA0B;IACjE,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGJ,aAA6BE;IAE1D,qBAAO,AAZT,cAYUC,MAAME,IAAI,EAAKD,UAAUC,IAAI;AACvC,EAAE"}

package/lib/components/TableBody/useTableBody.js

@@ -9,23 +9,19 @@ import { useTableContext } from '../../contexts/tableContext';
  *
  * @param props - props from this instance of TableBody
  * @param ref - reference to root HTMLElement of TableBody
- */
-export const useTableBody_unstable = (props, ref) => {
-  const {
-    noNativeElements
-  } = useTableContext();
-  var _props_as;
-  const rootComponent = ((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : noNativeElements) ? 'div' : 'tbody';
-  return {
-    components: {
-      root: rootComponent
-    },
-    root: getNativeElementProps(rootComponent, {
-      ref,
-      role: rootComponent === 'div' ? 'rowgroup' : undefined,
-      ...props
-    }),
-    noNativeElements
-  };
+ */ export const useTableBody_unstable = (props, ref)=>{
+    const { noNativeElements  } = useTableContext();
+    var _props_as;
+    const rootComponent = ((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : noNativeElements) ? 'div' : 'tbody';
+    return {
+        components: {
+            root: rootComponent
+        },
+        root: getNativeElementProps(rootComponent, {
+            ref,
+            role: rootComponent === 'div' ? 'rowgroup' : undefined,
+            ...props
+        }),
+        noNativeElements
+    };
 };
-//# sourceMappingURL=useTableBody.js.map

package/lib/components/TableBody/useTableBody.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","getNativeElementProps","useTableContext","useTableBody_unstable","props","ref","noNativeElements","_props_as","rootComponent","as","components","root","role","undefined"],"sources":["../../../src/components/TableBody/useTableBody.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { TableBodyProps, TableBodyState } from './TableBody.types';\nimport { useTableContext } from '../../contexts/tableContext';\n\n/**\n * Create the state required to render TableBody.\n *\n * The returned state can be modified with hooks such as useTableBodyStyles_unstable,\n * before being passed to renderTableBody_unstable.\n *\n * @param props - props from this instance of TableBody\n * @param ref - reference to root HTMLElement of TableBody\n */\nexport const useTableBody_unstable = (props: TableBodyProps, ref: React.Ref<HTMLElement>): TableBodyState => {\n  const { noNativeElements } = useTableContext();\n  const rootComponent = props.as ?? noNativeElements ? 'div' : 'tbody';\n\n  return {\n    components: {\n      root: rootComponent,\n    },\n    root: getNativeElementProps(rootComponent, {\n      ref,\n      role: rootComponent === 'div' ? 'rowgroup' : undefined,\n      ...props,\n    }),\n    noNativeElements,\n  };\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,QAAQ;AAEtC,SAASC,eAAe,QAAQ;AAEhC;;;;;;;;;AASA,OAAO,MAAMC,qBAAA,GAAwBA,CAACC,KAAA,EAAuBC,GAAA,KAAgD;EAC3G,MAAM;IAAEC;EAAgB,CAAE,GAAGJ,eAAA;MACPK,SAAA;EAAtB,MAAMC,aAAA,GAAgB,EAAAD,SAAA,GAAAH,KAAA,CAAMK,EAAE,cAARF,SAAA,cAAAA,SAAA,GAAYD,gBAAgB,IAAG,QAAQ,OAAO;EAEpE,OAAO;IACLI,UAAA,EAAY;MACVC,IAAA,EAAMH;IACR;IACAG,IAAA,EAAMV,qBAAA,CAAsBO,aAAA,EAAe;MACzCH,GAAA;MACAO,IAAA,EAAMJ,aAAA,KAAkB,QAAQ,aAAaK,SAAS;MACtD,GAAGT;IACL;IACAE;EACF;AACF"}
+{"version":3,"sources":["useTableBody.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { TableBodyProps, TableBodyState } from './TableBody.types';\nimport { useTableContext } from '../../contexts/tableContext';\n\n/**\n * Create the state required to render TableBody.\n *\n * The returned state can be modified with hooks such as useTableBodyStyles_unstable,\n * before being passed to renderTableBody_unstable.\n *\n * @param props - props from this instance of TableBody\n * @param ref - reference to root HTMLElement of TableBody\n */\nexport const useTableBody_unstable = (props: TableBodyProps, ref: React.Ref<HTMLElement>): TableBodyState => {\n  const { noNativeElements } = useTableContext();\n  const rootComponent = props.as ?? noNativeElements ? 'div' : 'tbody';\n\n  return {\n    components: {\n      root: rootComponent,\n    },\n    root: getNativeElementProps(rootComponent, {\n      ref,\n      role: rootComponent === 'div' ? 'rowgroup' : undefined,\n      ...props,\n    }),\n    noNativeElements,\n  };\n};\n"],"names":["React","getNativeElementProps","useTableContext","useTableBody_unstable","props","ref","noNativeElements","rootComponent","as","components","root","role","undefined"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,4BAA4B;AAElE,SAASC,eAAe,QAAQ,8BAA8B;AAE9D;;;;;;;;CAQC,GACD,OAAO,MAAMC,wBAAwB,CAACC,OAAuBC,MAAgD;IAC3G,MAAM,EAAEC,iBAAgB,EAAE,GAAGJ;QACPE;IAAtB,MAAMG,gBAAgBH,CAAAA,CAAAA,YAAAA,MAAMI,EAAE,cAARJ,uBAAAA,YAAYE,gBAAgB,AAAD,IAAI,QAAQ,OAAO;IAEpE,OAAO;QACLG,YAAY;YACVC,MAAMH;QACR;QACAG,MAAMT,sBAAsBM,eAAe;YACzCF;YACAM,MAAMJ,kBAAkB,QAAQ,aAAaK,SAAS;YACtD,GAAGR,KAAK;QACV;QACAE;IACF;AACF,EAAE"}

package/lib/components/TableBody/useTableBodyStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["mergeClasses","__styles","useTableLayoutStyles","root","mc9l5x","d","useFlexLayoutStyles","tableBodyClassName","tableBodyClassNames","useTableBodyStyles_unstable","state","layoutStyles","table","flex","className","noNativeElements"],"sources":["../../../src/components/TableBody/useTableBodyStyles.styles.ts"],"sourcesContent":["import { mergeClasses, makeStyles } from '@griffel/react';\nimport type { TableBodySlots, TableBodyState } from './TableBody.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nconst useTableLayoutStyles = makeStyles({\n  root: {\n    display: 'table-row-group',\n  },\n});\n\nconst useFlexLayoutStyles = makeStyles({\n  root: {\n    display: 'block',\n  },\n});\n\nexport const tableBodyClassName = 'fui-TableBody';\nexport const tableBodyClassNames: SlotClassNames<TableBodySlots> = {\n  root: 'fui-TableBody',\n};\n\n/**\n * Apply styling to the TableBody slots based on the state\n */\nexport const useTableBodyStyles_unstable = (state: TableBodyState): TableBodyState => {\n  const layoutStyles = {\n    table: useTableLayoutStyles(),\n    flex: useFlexLayoutStyles(),\n  };\n  state.root.className = mergeClasses(\n    tableBodyClassName,\n    state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"mappings":"AAAA,SAASA,YAAY,EAAAC,QAAA,QAAoB;AAIzC,MAAMC,oBAAA,gBAAuBD,QAAA;EAAAE,IAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAI7B;AAEA,MAAMC,mBAAA,gBAAsBL,QAAA;EAAAE,IAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAI5B;AAEA,OAAO,MAAME,kBAAA,GAAqB;AAClC,OAAO,MAAMC,mBAAA,GAAsD;EACjEL,IAAA,EAAM;AACR;AAEA;;;AAGA,OAAO,MAAMM,2BAAA,GAA+BC,KAAA,IAA0C;EACpF,MAAMC,YAAA,GAAe;IACnBC,KAAA,EAAOV,oBAAA;IACPW,IAAA,EAAMP,mBAAA;EACR;EACAI,KAAA,CAAMP,IAAI,CAACW,SAAS,GAAGd,YAAA,CACrBO,kBAAA,EACAG,KAAA,CAAMK,gBAAgB,GAAGJ,YAAA,CAAaE,IAAI,CAACV,IAAI,GAAGQ,YAAA,CAAaC,KAAK,CAACT,IAAI,EACzEO,KAAA,CAAMP,IAAI,CAACW,SAAS;EAGtB,OAAOJ,KAAA;AACT"}
+{"version":3,"names":["mergeClasses","__styles","useTableLayoutStyles","root","mc9l5x","d","useFlexLayoutStyles","tableBodyClassName","tableBodyClassNames","useTableBodyStyles_unstable","state","layoutStyles","table","flex","className","noNativeElements"],"sources":["useTableBodyStyles.styles.js"],"sourcesContent":["import { mergeClasses, makeStyles } from '@griffel/react';\nconst useTableLayoutStyles = makeStyles({\n    root: {\n        display: 'table-row-group'\n    }\n});\nconst useFlexLayoutStyles = makeStyles({\n    root: {\n        display: 'block'\n    }\n});\nexport const tableBodyClassName = 'fui-TableBody';\nexport const tableBodyClassNames = {\n    root: 'fui-TableBody'\n};\n/**\n * Apply styling to the TableBody slots based on the state\n */ export const useTableBodyStyles_unstable = (state)=>{\n    const layoutStyles = {\n        table: useTableLayoutStyles(),\n        flex: useFlexLayoutStyles()\n    };\n    state.root.className = mergeClasses(tableBodyClassName, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAASA,YAAY,EAAAC,QAAA,QAAoB,gBAAgB;AACzD,MAAMC,oBAAoB,gBAAGD,QAAA;EAAAE,IAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAI5B,CAAC;AACF,MAAMC,mBAAmB,gBAAGL,QAAA;EAAAE,IAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAI3B,CAAC;AACF,OAAO,MAAME,kBAAkB,GAAG,eAAe;AACjD,OAAO,MAAMC,mBAAmB,GAAG;EAC/BL,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMM,2BAA2B,GAAIC,KAAK,IAAG;EACpD,MAAMC,YAAY,GAAG;IACjBC,KAAK,EAAEV,oBAAoB,CAAC,CAAC;IAC7BW,IAAI,EAAEP,mBAAmB,CAAC;EAC9B,CAAC;EACDI,KAAK,CAACP,IAAI,CAACW,SAAS,GAAGd,YAAY,CAACO,kBAAkB,EAAEG,KAAK,CAACK,gBAAgB,GAAGJ,YAAY,CAACE,IAAI,CAACV,IAAI,GAAGQ,YAAY,CAACC,KAAK,CAACT,IAAI,EAAEO,KAAK,CAACP,IAAI,CAACW,SAAS,CAAC;EACxJ,OAAOJ,KAAK;AAChB,CAAC"}

package/lib/components/TableCell/TableCell.js

@@ -5,12 +5,10 @@ import { useTableCellStyles_unstable } from './useTableCellStyles.styles';
 import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 /**
  * TableCell component
- */
-export const TableCell = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useTableCell_unstable(props, ref);
-  useTableCellStyles_unstable(state);
-  useCustomStyleHook_unstable('useTableCellStyles_unstable')(state);
-  return renderTableCell_unstable(state);
+ */ export const TableCell = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useTableCell_unstable(props, ref);
+    useTableCellStyles_unstable(state);
+    useCustomStyleHook_unstable('useTableCellStyles_unstable')(state);
+    return renderTableCell_unstable(state);
 });
 TableCell.displayName = 'TableCell';
-//# sourceMappingURL=TableCell.js.map

package/lib/components/TableCell/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useTableCell_unstable","renderTableCell_unstable","useTableCellStyles_unstable","useCustomStyleHook_unstable","TableCell","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/TableCell/TableCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableCell_unstable } from './useTableCell';\nimport { renderTableCell_unstable } from './renderTableCell';\nimport { useTableCellStyles_unstable } from './useTableCellStyles.styles';\nimport type { TableCellProps } from './TableCell.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableCell component\n */\nexport const TableCell: ForwardRefComponent<TableCellProps> = React.forwardRef((props, ref) => {\n  const state = useTableCell_unstable(props, ref);\n\n  useTableCellStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTableCellStyles_unstable')(state);\n\n  return renderTableCell_unstable(state);\n});\n\nTableCell.displayName = 'TableCell';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,wBAAwB,QAAQ;AACzC,SAASC,2BAA2B,QAAQ;AAG5C,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,SAAA,gBAAiDL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC7F,MAAMC,KAAA,GAAQR,qBAAA,CAAsBM,KAAA,EAAOC,GAAA;EAE3CL,2BAAA,CAA4BM,KAAA;EAE5BL,2BAAA,CAA4B,+BAA+BK,KAAA;EAE3D,OAAOP,wBAAA,CAAyBO,KAAA;AAClC;AAEAJ,SAAA,CAAUK,WAAW,GAAG"}
+{"version":3,"sources":["TableCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableCell_unstable } from './useTableCell';\nimport { renderTableCell_unstable } from './renderTableCell';\nimport { useTableCellStyles_unstable } from './useTableCellStyles.styles';\nimport type { TableCellProps } from './TableCell.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableCell component\n */\nexport const TableCell: ForwardRefComponent<TableCellProps> = React.forwardRef((props, ref) => {\n  const state = useTableCell_unstable(props, ref);\n\n  useTableCellStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTableCellStyles_unstable')(state);\n\n  return renderTableCell_unstable(state);\n});\n\nTableCell.displayName = 'TableCell';\n"],"names":["React","useTableCell_unstable","renderTableCell_unstable","useTableCellStyles_unstable","useCustomStyleHook_unstable","TableCell","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,2BAA2B,QAAQ,8BAA8B;AAG1E,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,0BAAiDL,MAAMM,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC7F,MAAMC,QAAQR,sBAAsBM,OAAOC;IAE3CL,4BAA4BM;IAE5BL,4BAA4B,+BAA+BK;IAE3D,OAAOP,yBAAyBO;AAClC,GAAG;AAEHJ,UAAUK,WAAW,GAAG"}

package/lib/components/TableCell/TableCell.types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=TableCell.types.js.map
+export { };

package/lib/components/TableCell/TableCell.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/TableCell/TableCell.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { TableContextValue } from '../Table/Table.types';\n\nexport type TableCellSlots = {\n  root: Slot<'td', 'div'>;\n};\n\n/**\n * TableCell Props\n */\nexport type TableCellProps = ComponentProps<TableCellSlots> & {};\n\n/**\n * State used in rendering TableCell\n */\nexport type TableCellState = ComponentState<TableCellSlots> & Pick<TableContextValue, 'noNativeElements' | 'size'>;\n"],"mappings":"AAAA"}
+{"version":3,"sources":["TableCell.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { TableContextValue } from '../Table/Table.types';\n\nexport type TableCellSlots = {\n  root: Slot<'td', 'div'>;\n};\n\n/**\n * TableCell Props\n */\nexport type TableCellProps = ComponentProps<TableCellSlots> & {};\n\n/**\n * State used in rendering TableCell\n */\nexport type TableCellState = ComponentState<TableCellSlots> & Pick<TableContextValue, 'noNativeElements' | 'size'>;\n"],"names":[],"mappings":"AAAA,WAemH"}