@fluentui/react-table 9.2.1 → 9.2.2

package/lib-commonjs/components/TableHeaderCell/TableHeaderCell.js

@@ -1,25 +1,24 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "TableHeaderCell", {
+    enumerable: true,
+    get: ()=>TableHeaderCell
 });
-exports.TableHeaderCell = void 0;
-const React = /*#__PURE__*/require("react");
-const useTableHeaderCell_1 = /*#__PURE__*/require("./useTableHeaderCell");
-const renderTableHeaderCell_1 = /*#__PURE__*/require("./renderTableHeaderCell");
-const useTableHeaderCellStyles_1 = /*#__PURE__*/require("./useTableHeaderCellStyles");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-/**
- * TableHeaderCell component
- */
-exports.TableHeaderCell = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useTableHeaderCell_1.useTableHeaderCell_unstable(props, ref);
-  useTableHeaderCellStyles_1.useTableHeaderCellStyles_unstable(state);
-  const {
-    useTableHeaderCellStyles_unstable: useCustomStyles
-  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
-  useCustomStyles(state);
-  return renderTableHeaderCell_1.renderTableHeaderCell_unstable(state);
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useTableHeaderCell = require("./useTableHeaderCell");
+const _renderTableHeaderCell = require("./renderTableHeaderCell");
+const _useTableHeaderCellStyles = require("./useTableHeaderCellStyles");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const TableHeaderCell = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useTableHeaderCell.useTableHeaderCell_unstable)(props, ref);
+    (0, _useTableHeaderCellStyles.useTableHeaderCellStyles_unstable)(state);
+    const { useTableHeaderCellStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
+    useCustomStyles(state);
+    return (0, _renderTableHeaderCell.renderTableHeaderCell_unstable)(state);
 });
-exports.TableHeaderCell.displayName = 'TableHeaderCell';
+TableHeaderCell.displayName = 'TableHeaderCell'; //# sourceMappingURL=TableHeaderCell.js.map
+
 //# sourceMappingURL=TableHeaderCell.js.map

package/lib-commonjs/components/TableHeaderCell/TableHeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","useTableHeaderCell_1","renderTableHeaderCell_1","useTableHeaderCellStyles_1","react_shared_contexts_1","exports","TableHeaderCell","forwardRef","props","ref","state","useTableHeaderCell_unstable","useTableHeaderCellStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderTableHeaderCell_unstable","displayName"],"sources":["../src/packages/react-components/react-table/src/components/TableHeaderCell/TableHeaderCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableHeaderCell_unstable } from './useTableHeaderCell';\nimport { renderTableHeaderCell_unstable } from './renderTableHeaderCell';\nimport { useTableHeaderCellStyles_unstable } from './useTableHeaderCellStyles';\nimport type { TableHeaderCellProps } from './TableHeaderCell.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableHeaderCell component\n */\nexport const TableHeaderCell: ForwardRefComponent<TableHeaderCellProps> = React.forwardRef((props, ref) => {\n  const state = useTableHeaderCell_unstable(props, ref);\n\n  useTableHeaderCellStyles_unstable(state);\n\n  const { useTableHeaderCellStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderTableHeaderCell_unstable(state);\n});\n\nTableHeaderCell.displayName = 'TableHeaderCell';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,oBAAA,gBAAAD,OAAA;AACA,MAAAE,uBAAA,gBAAAF,OAAA;AACA,MAAAG,0BAAA,gBAAAH,OAAA;AAGA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;AAGaK,OAAA,CAAAC,eAAe,gBAA8CP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACxG,MAAMC,KAAK,GAAGT,oBAAA,CAAAU,2BAA2B,CAACH,KAAK,EAAEC,GAAG,CAAC;EAErDN,0BAAA,CAAAS,iCAAiC,CAACF,KAAK,CAAC;EAExC,MAAM;IAAEE,iCAAiC,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EAC7FD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOR,uBAAA,CAAAa,8BAA8B,CAACL,KAAK,CAAC;AAC9C,CAAC,CAAC;AAEFL,OAAA,CAAAC,eAAe,CAACU,WAAW,GAAG,iBAAiB"}
+{"version":3,"sources":["../../../lib/components/TableHeaderCell/TableHeaderCell.js"],"sourcesContent":["import * as React from 'react';\nimport { useTableHeaderCell_unstable } from './useTableHeaderCell';\nimport { renderTableHeaderCell_unstable } from './renderTableHeaderCell';\nimport { useTableHeaderCellStyles_unstable } from './useTableHeaderCellStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n/**\n * TableHeaderCell component\n */\nexport const TableHeaderCell = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useTableHeaderCell_unstable(props, ref);\n  useTableHeaderCellStyles_unstable(state);\n  const {\n    useTableHeaderCellStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderTableHeaderCell_unstable(state);\n});\nTableHeaderCell.displayName = 'TableHeaderCell';\n//# sourceMappingURL=TableHeaderCell.js.map"],"names":["TableHeaderCell","React","forwardRef","props","ref","state","useTableHeaderCell_unstable","useTableHeaderCellStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderTableHeaderCell_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;oCACqB;uCACG;0CACG;qCACL;AAItC,MAAMA,kBAAkB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC3E,MAAMC,QAAQC,IAAAA,+CAA2B,EAACH,OAAOC;IACjDG,IAAAA,2DAAiC,EAACF;IAClC,MAAM,EACJE,mCAAmCC,gBAAe,EACnD,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,qDAA8B,EAACL;AACxC;AACAL,gBAAgBW,WAAW,GAAG,mBAC9B,2CAA2C"}

package/lib-commonjs/components/TableHeaderCell/TableHeaderCell.types.js

@@ -1,6 +1,7 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
+ //# sourceMappingURL=TableHeaderCell.types.js.map
+
 //# sourceMappingURL=TableHeaderCell.types.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/packages/react-components/react-table/src/components/TableHeaderCell/TableHeaderCell.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport { SortDirection, TableContextValue } from '../Table/Table.types';\n\nexport type TableHeaderCellSlots = {\n  root: Slot<'th', 'div'>;\n\n  sortIcon: Slot<'span'>;\n\n  /**\n   * Button handles correct narration and interactions for sorting;\n   */\n  button: NonNullable<Slot<ARIAButtonSlotProps>>;\n  /**\n   * aside content for anything that should be after main content of the table header cell\n   */\n  aside: Slot<'span'>;\n};\n\n/**\n * TableHeaderCell Props\n */\nexport type TableHeaderCellProps = ComponentProps<Partial<TableHeaderCellSlots>> & {\n  /**\n   * @default undefined\n   */\n  sortDirection?: SortDirection;\n};\n\n/**\n * State used in rendering TableHeaderCell\n */\nexport type TableHeaderCellState = ComponentState<TableHeaderCellSlots> &\n  Pick<TableContextValue, 'noNativeElements' | 'sortable'>;\n"],"mappings":""}
+{"version":3,"sources":["../../../lib/components/TableHeaderCell/TableHeaderCell.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=TableHeaderCell.types.js.map"],"names":[],"mappings":";;;;CACA,iDAAiD"}

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

@@ -1,12 +1,13 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./TableHeaderCell"), exports);
-tslib_1.__exportStar(require("./TableHeaderCell.types"), exports);
-tslib_1.__exportStar(require("./renderTableHeaderCell"), exports);
-tslib_1.__exportStar(require("./useTableHeaderCell"), exports);
-tslib_1.__exportStar(require("./useTableHeaderCellStyles"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./TableHeaderCell"), exports);
+_exportStar(require("./TableHeaderCell.types"), exports);
+_exportStar(require("./renderTableHeaderCell"), exports);
+_exportStar(require("./useTableHeaderCell"), exports);
+_exportStar(require("./useTableHeaderCellStyles"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-table/src/components/TableHeaderCell/index.ts"],"sourcesContent":["export * from './TableHeaderCell';\nexport * from './TableHeaderCell.types';\nexport * from './renderTableHeaderCell';\nexport * from './useTableHeaderCell';\nexport * from './useTableHeaderCellStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,uBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,6BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,6BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,0BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,gCAAAC,OAAA"}
+{"version":3,"sources":["../../../lib/components/TableHeaderCell/index.js"],"sourcesContent":["export * from './TableHeaderCell';\nexport * from './TableHeaderCell.types';\nexport * from './renderTableHeaderCell';\nexport * from './useTableHeaderCell';\nexport * from './useTableHeaderCellStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/TableHeaderCell/renderTableHeaderCell.js

@@ -1,28 +1,17 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderTableHeaderCell_unstable", {
+    enumerable: true,
+    get: ()=>renderTableHeaderCell_unstable
 });
-exports.renderTableHeaderCell_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-/**
- * Render the final JSX of TableHeaderCell
- */
-const renderTableHeaderCell_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = react_utilities_1.getSlots(state);
-  return React.createElement(slots.root, {
-    ...slotProps.root
-  }, React.createElement(slots.button, {
-    ...slotProps.button
-  }, slotProps.root.children, slots.sortIcon && React.createElement(slots.sortIcon, {
-    ...slotProps.sortIcon
-  })), slots.aside && React.createElement(slots.aside, {
-    ...slotProps.aside
-  }));
-};
-exports.renderTableHeaderCell_unstable = renderTableHeaderCell_unstable;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const renderTableHeaderCell_unstable = (state)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
+    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, /*#__PURE__*/ _react.createElement(slots.button, slotProps.button, slotProps.root.children, slots.sortIcon && /*#__PURE__*/ _react.createElement(slots.sortIcon, slotProps.sortIcon)), slots.aside && /*#__PURE__*/ _react.createElement(slots.aside, slotProps.aside));
+}; //# sourceMappingURL=renderTableHeaderCell.js.map
+
 //# sourceMappingURL=renderTableHeaderCell.js.map

package/lib-commonjs/components/TableHeaderCell/renderTableHeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","renderTableHeaderCell_unstable","state","slots","slotProps","getSlots","createElement","root","button","children","sortIcon","aside","exports"],"sources":["../src/packages/react-components/react-table/src/components/TableHeaderCell/renderTableHeaderCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { TableHeaderCellState, TableHeaderCellSlots } from './TableHeaderCell.types';\n\n/**\n * Render the final JSX of TableHeaderCell\n */\nexport const renderTableHeaderCell_unstable = (state: TableHeaderCellState) => {\n  const { slots, slotProps } = getSlots<TableHeaderCellSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      <slots.button {...slotProps.button}>\n        {slotProps.root.children}\n        {slots.sortIcon && <slots.sortIcon {...slotProps.sortIcon} />}\n      </slots.button>\n      {slots.aside && <slots.aside {...slotProps.aside} />}\n    </slots.root>\n  );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,8BAA8B,GAAIC,KAA2B,IAAI;EAC5E,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,iBAAA,CAAAK,QAAQ,CAAuBH,KAAK,CAAC;EAElE,OACEJ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAC5BT,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACK,MAAM;IAAA,GAAKJ,SAAS,CAACI;EAAM,GAC/BJ,SAAS,CAACG,IAAI,CAACE,QAAQ,EACvBN,KAAK,CAACO,QAAQ,IAAIZ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACO,QAAQ;IAAA,GAAKN,SAAS,CAACM;EAAQ,EAAI,CAChD,EACdP,KAAK,CAACQ,KAAK,IAAIb,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACQ,KAAK;IAAA,GAAKP,SAAS,CAACO;EAAK,EAAI,CACzC;AAEjB,CAAC;AAZYC,OAAA,CAAAX,8BAA8B,GAAAA,8BAAA"}
+{"version":3,"sources":["../../../lib/components/TableHeaderCell/renderTableHeaderCell.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TableHeaderCell\n */\nexport const renderTableHeaderCell_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(slots.root, slotProps.root, /*#__PURE__*/React.createElement(slots.button, slotProps.button, slotProps.root.children, slots.sortIcon && /*#__PURE__*/React.createElement(slots.sortIcon, slotProps.sortIcon)), slots.aside && /*#__PURE__*/React.createElement(slots.aside, slotProps.aside));\n};\n//# sourceMappingURL=renderTableHeaderCell.js.map"],"names":["renderTableHeaderCell_unstable","state","slots","slotProps","getSlots","React","createElement","root","button","children","sortIcon","aside"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;gCACE;AAIlB,MAAMA,iCAAiCC,CAAAA,QAAS;IACrD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAE,WAAW,GAAEF,OAAMC,aAAa,CAACJ,MAAMM,MAAM,EAAEL,UAAUK,MAAM,EAAEL,UAAUI,IAAI,CAACE,QAAQ,EAAEP,MAAMQ,QAAQ,IAAI,WAAW,GAAEL,OAAMC,aAAa,CAACJ,MAAMQ,QAAQ,EAAEP,UAAUO,QAAQ,IAAIR,MAAMS,KAAK,IAAI,WAAW,GAAEN,OAAMC,aAAa,CAACJ,MAAMS,KAAK,EAAER,UAAUQ,KAAK;AACrU,GACA,iDAAiD"}

package/lib-commonjs/components/TableHeaderCell/useTableHeaderCell.js

@@ -1,74 +1,66 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useTableHeaderCell_unstable", {
+    enumerable: true,
+    get: ()=>useTableHeaderCell_unstable
 });
-exports.useTableHeaderCell_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
-const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
-const tableContext_1 = /*#__PURE__*/require("../../contexts/tableContext");
-const react_aria_1 = /*#__PURE__*/require("@fluentui/react-aria");
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const _reactTabster = require("@fluentui/react-tabster");
+const _reactIcons = require("@fluentui/react-icons");
+const _tableContext = require("../../contexts/tableContext");
+const _reactAria = require("@fluentui/react-aria");
 const sortIcons = {
-  ascending: /*#__PURE__*/React.createElement(react_icons_1.ArrowUpRegular, {
-    fontSize: 12
-  }),
-  descending: /*#__PURE__*/React.createElement(react_icons_1.ArrowDownRegular, {
-    fontSize: 12
-  })
-};
-/**
- * Create the state required to render TableHeaderCell.
- *
- * The returned state can be modified with hooks such as useTableHeaderCellStyles_unstable,
- * before being passed to renderTableHeaderCell_unstable.
- *
- * @param props - props from this instance of TableHeaderCell
- * @param ref - reference to root HTMLElement of TableHeaderCell
- */
-const useTableHeaderCell_unstable = (props, ref) => {
-  var _a, _b;
-  const {
-    noNativeElements,
-    sortable
-  } = tableContext_1.useTableContext();
-  const rootComponent = ((_a = props.as) !== null && _a !== void 0 ? _a : noNativeElements) ? 'div' : 'th';
-  return {
-    components: {
-      root: rootComponent,
-      button: 'button',
-      sortIcon: 'span',
-      aside: 'span'
-    },
-    root: react_utilities_1.getNativeElementProps(rootComponent, {
-      ref: react_utilities_1.useMergedRefs(ref, react_tabster_1.useFocusWithin()),
-      role: rootComponent === 'div' ? 'columnheader' : undefined,
-      'aria-sort': sortable ? (_b = props.sortDirection) !== null && _b !== void 0 ? _b : 'none' : undefined,
-      ...props
+    ascending: /*#__PURE__*/ _react.createElement(_reactIcons.ArrowUpRegular, {
+        fontSize: 12
     }),
-    aside: react_utilities_1.resolveShorthand(props.aside),
-    sortIcon: react_utilities_1.resolveShorthand(props.sortIcon, {
-      required: !!props.sortDirection,
-      defaultProps: {
-        children: props.sortDirection ? sortIcons[props.sortDirection] : undefined
-      }
-    }),
-    button: react_aria_1.useARIAButtonShorthand(props.button, {
-      required: true,
-      defaultProps: {
-        role: 'presentation',
-        tabIndex: -1,
-        type: 'button',
-        ...(sortable && {
-          role: undefined,
-          tabIndex: undefined
-        })
-      }
-    }),
-    sortable,
-    noNativeElements
-  };
+    descending: /*#__PURE__*/ _react.createElement(_reactIcons.ArrowDownRegular, {
+        fontSize: 12
+    })
 };
-exports.useTableHeaderCell_unstable = useTableHeaderCell_unstable;
+const useTableHeaderCell_unstable = (props, ref)=>{
+    const { noNativeElements , sortable  } = (0, _tableContext.useTableContext)();
+    var _props_as;
+    const rootComponent = ((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : noNativeElements) ? 'div' : 'th';
+    var _props_sortDirection;
+    return {
+        components: {
+            root: rootComponent,
+            button: 'button',
+            sortIcon: 'span',
+            aside: 'span'
+        },
+        root: (0, _reactUtilities.getNativeElementProps)(rootComponent, {
+            ref: (0, _reactUtilities.useMergedRefs)(ref, (0, _reactTabster.useFocusWithin)()),
+            role: rootComponent === 'div' ? 'columnheader' : undefined,
+            'aria-sort': sortable ? (_props_sortDirection = props.sortDirection) !== null && _props_sortDirection !== void 0 ? _props_sortDirection : 'none' : undefined,
+            ...props
+        }),
+        aside: (0, _reactUtilities.resolveShorthand)(props.aside),
+        sortIcon: (0, _reactUtilities.resolveShorthand)(props.sortIcon, {
+            required: !!props.sortDirection,
+            defaultProps: {
+                children: props.sortDirection ? sortIcons[props.sortDirection] : undefined
+            }
+        }),
+        button: (0, _reactAria.useARIAButtonShorthand)(props.button, {
+            required: true,
+            defaultProps: {
+                role: 'presentation',
+                tabIndex: -1,
+                type: 'button',
+                ...sortable && {
+                    role: undefined,
+                    tabIndex: undefined
+                }
+            }
+        }),
+        sortable,
+        noNativeElements
+    };
+}; //# sourceMappingURL=useTableHeaderCell.js.map
+
 //# sourceMappingURL=useTableHeaderCell.js.map

package/lib-commonjs/components/TableHeaderCell/useTableHeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","react_tabster_1","react_icons_1","tableContext_1","react_aria_1","sortIcons","ascending","createElement","ArrowUpRegular","fontSize","descending","ArrowDownRegular","useTableHeaderCell_unstable","props","ref","noNativeElements","sortable","useTableContext","rootComponent","_a","as","components","root","button","sortIcon","aside","getNativeElementProps","useMergedRefs","useFocusWithin","role","undefined","_b","sortDirection","resolveShorthand","required","defaultProps","children","useARIAButtonShorthand","tabIndex","type","exports"],"sources":["../src/packages/react-components/react-table/src/components/TableHeaderCell/useTableHeaderCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useMergedRefs } from '@fluentui/react-utilities';\nimport { useFocusWithin } from '@fluentui/react-tabster';\nimport { ArrowUpRegular, ArrowDownRegular } from '@fluentui/react-icons';\nimport type { TableHeaderCellProps, TableHeaderCellState } from './TableHeaderCell.types';\nimport { useTableContext } from '../../contexts/tableContext';\nimport { useARIAButtonShorthand } from '@fluentui/react-aria';\n\nconst sortIcons = {\n  ascending: <ArrowUpRegular fontSize={12} />,\n  descending: <ArrowDownRegular fontSize={12} />,\n};\n\n/**\n * Create the state required to render TableHeaderCell.\n *\n * The returned state can be modified with hooks such as useTableHeaderCellStyles_unstable,\n * before being passed to renderTableHeaderCell_unstable.\n *\n * @param props - props from this instance of TableHeaderCell\n * @param ref - reference to root HTMLElement of TableHeaderCell\n */\nexport const useTableHeaderCell_unstable = (\n  props: TableHeaderCellProps,\n  ref: React.Ref<HTMLElement>,\n): TableHeaderCellState => {\n  const { noNativeElements, sortable } = useTableContext();\n\n  const rootComponent = props.as ?? noNativeElements ? 'div' : 'th';\n  return {\n    components: {\n      root: rootComponent,\n      button: 'button',\n      sortIcon: 'span',\n      aside: 'span',\n    },\n    root: getNativeElementProps(rootComponent, {\n      ref: useMergedRefs(ref, useFocusWithin()),\n      role: rootComponent === 'div' ? 'columnheader' : undefined,\n      'aria-sort': sortable ? props.sortDirection ?? 'none' : undefined,\n      ...props,\n    }),\n    aside: resolveShorthand(props.aside),\n    sortIcon: resolveShorthand(props.sortIcon, {\n      required: !!props.sortDirection,\n      defaultProps: { children: props.sortDirection ? sortIcons[props.sortDirection] : undefined },\n    }),\n    button: useARIAButtonShorthand(props.button, {\n      required: true,\n      defaultProps: {\n        role: 'presentation',\n        tabIndex: -1,\n        type: 'button',\n        ...(sortable && {\n          role: undefined,\n          tabIndex: undefined,\n        }),\n      },\n    }),\n    sortable,\n    noNativeElements,\n  };\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,eAAA,gBAAAF,OAAA;AACA,MAAAG,aAAA,gBAAAH,OAAA;AAEA,MAAAI,cAAA,gBAAAJ,OAAA;AACA,MAAAK,YAAA,gBAAAL,OAAA;AAEA,MAAMM,SAAS,GAAG;EAChBC,SAAS,eAAER,KAAA,CAAAS,aAAA,CAACL,aAAA,CAAAM,cAAc;IAACC,QAAQ,EAAE;EAAE,EAAI;EAC3CC,UAAU,eAAEZ,KAAA,CAAAS,aAAA,CAACL,aAAA,CAAAS,gBAAgB;IAACF,QAAQ,EAAE;EAAE;CAC3C;AAED;;;;;;;;;AASO,MAAMG,2BAA2B,GAAGA,CACzCC,KAA2B,EAC3BC,GAA2B,KACH;;EACxB,MAAM;IAAEC,gBAAgB;IAAEC;EAAQ,CAAE,GAAGb,cAAA,CAAAc,eAAe,EAAE;EAExD,MAAMC,aAAa,GAAG,EAAAC,EAAA,GAAAN,KAAK,CAACO,EAAE,cAAAD,EAAA,cAAAA,EAAA,GAAIJ,gBAAgB,IAAG,KAAK,GAAG,IAAI;EACjE,OAAO;IACLM,UAAU,EAAE;MACVC,IAAI,EAAEJ,aAAa;MACnBK,MAAM,EAAE,QAAQ;MAChBC,QAAQ,EAAE,MAAM;MAChBC,KAAK,EAAE;KACR;IACDH,IAAI,EAAEtB,iBAAA,CAAA0B,qBAAqB,CAACR,aAAa,EAAE;MACzCJ,GAAG,EAAEd,iBAAA,CAAA2B,aAAa,CAACb,GAAG,EAAEb,eAAA,CAAA2B,cAAc,EAAE,CAAC;MACzCC,IAAI,EAAEX,aAAa,KAAK,KAAK,GAAG,cAAc,GAAGY,SAAS;MAC1D,WAAW,EAAEd,QAAQ,GAAG,CAAAe,EAAA,GAAAlB,KAAK,CAACmB,aAAa,cAAAD,EAAA,cAAAA,EAAA,GAAI,MAAM,GAAGD,SAAS;MACjE,GAAGjB;KACJ,CAAC;IACFY,KAAK,EAAEzB,iBAAA,CAAAiC,gBAAgB,CAACpB,KAAK,CAACY,KAAK,CAAC;IACpCD,QAAQ,EAAExB,iBAAA,CAAAiC,gBAAgB,CAACpB,KAAK,CAACW,QAAQ,EAAE;MACzCU,QAAQ,EAAE,CAAC,CAACrB,KAAK,CAACmB,aAAa;MAC/BG,YAAY,EAAE;QAAEC,QAAQ,EAAEvB,KAAK,CAACmB,aAAa,GAAG3B,SAAS,CAACQ,KAAK,CAACmB,aAAa,CAAC,GAAGF;MAAS;KAC3F,CAAC;IACFP,MAAM,EAAEnB,YAAA,CAAAiC,sBAAsB,CAACxB,KAAK,CAACU,MAAM,EAAE;MAC3CW,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE;QACZN,IAAI,EAAE,cAAc;QACpBS,QAAQ,EAAE,CAAC,CAAC;QACZC,IAAI,EAAE,QAAQ;QACd,IAAIvB,QAAQ,IAAI;UACda,IAAI,EAAEC,SAAS;UACfQ,QAAQ,EAAER;SACX;;KAEJ,CAAC;IACFd,QAAQ;IACRD;GACD;AACH,CAAC;AAxCYyB,OAAA,CAAA5B,2BAA2B,GAAAA,2BAAA"}
+{"version":3,"sources":["../../../lib/components/TableHeaderCell/useTableHeaderCell.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useMergedRefs } from '@fluentui/react-utilities';\nimport { useFocusWithin } from '@fluentui/react-tabster';\nimport { ArrowUpRegular, ArrowDownRegular } from '@fluentui/react-icons';\nimport { useTableContext } from '../../contexts/tableContext';\nimport { useARIAButtonShorthand } from '@fluentui/react-aria';\nconst sortIcons = {\n  ascending: /*#__PURE__*/React.createElement(ArrowUpRegular, {\n    fontSize: 12\n  }),\n  descending: /*#__PURE__*/React.createElement(ArrowDownRegular, {\n    fontSize: 12\n  })\n};\n/**\n * Create the state required to render TableHeaderCell.\n *\n * The returned state can be modified with hooks such as useTableHeaderCellStyles_unstable,\n * before being passed to renderTableHeaderCell_unstable.\n *\n * @param props - props from this instance of TableHeaderCell\n * @param ref - reference to root HTMLElement of TableHeaderCell\n */\nexport const useTableHeaderCell_unstable = (props, ref) => {\n  const {\n    noNativeElements,\n    sortable\n  } = useTableContext();\n  var _props_as;\n  const rootComponent = ((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : noNativeElements) ? 'div' : 'th';\n  var _props_sortDirection;\n  return {\n    components: {\n      root: rootComponent,\n      button: 'button',\n      sortIcon: 'span',\n      aside: 'span'\n    },\n    root: getNativeElementProps(rootComponent, {\n      ref: useMergedRefs(ref, useFocusWithin()),\n      role: rootComponent === 'div' ? 'columnheader' : undefined,\n      'aria-sort': sortable ? (_props_sortDirection = props.sortDirection) !== null && _props_sortDirection !== void 0 ? _props_sortDirection : 'none' : undefined,\n      ...props\n    }),\n    aside: resolveShorthand(props.aside),\n    sortIcon: resolveShorthand(props.sortIcon, {\n      required: !!props.sortDirection,\n      defaultProps: {\n        children: props.sortDirection ? sortIcons[props.sortDirection] : undefined\n      }\n    }),\n    button: useARIAButtonShorthand(props.button, {\n      required: true,\n      defaultProps: {\n        role: 'presentation',\n        tabIndex: -1,\n        type: 'button',\n        ...(sortable && {\n          role: undefined,\n          tabIndex: undefined\n        })\n      }\n    }),\n    sortable,\n    noNativeElements\n  };\n};\n//# sourceMappingURL=useTableHeaderCell.js.map"],"names":["useTableHeaderCell_unstable","sortIcons","ascending","React","createElement","ArrowUpRegular","fontSize","descending","ArrowDownRegular","props","ref","noNativeElements","sortable","useTableContext","_props_as","rootComponent","as","_props_sortDirection","components","root","button","sortIcon","aside","getNativeElementProps","useMergedRefs","useFocusWithin","role","undefined","sortDirection","resolveShorthand","required","defaultProps","children","useARIAButtonShorthand","tabIndex","type"],"mappings":";;;;+BAuBaA;;aAAAA;;;6DAvBU;gCACgD;8BACxC;4BACkB;8BACjB;2BACO;AACvC,MAAMC,YAAY;IAChBC,WAAW,WAAW,GAAEC,OAAMC,aAAa,CAACC,0BAAc,EAAE;QAC1DC,UAAU;IACZ;IACAC,YAAY,WAAW,GAAEJ,OAAMC,aAAa,CAACI,4BAAgB,EAAE;QAC7DF,UAAU;IACZ;AACF;AAUO,MAAMN,8BAA8B,CAACS,OAAOC,MAAQ;IACzD,MAAM,EACJC,iBAAgB,EAChBC,SAAQ,EACT,GAAGC,IAAAA,6BAAe;IACnB,IAAIC;IACJ,MAAMC,gBAAgB,AAAC,CAAA,AAACD,CAAAA,YAAYL,MAAMO,EAAE,AAAD,MAAO,IAAI,IAAIF,cAAc,KAAK,IAAIA,YAAYH,gBAAgB,AAAD,IAAK,QAAQ,IAAI;IAC7H,IAAIM;IACJ,OAAO;QACLC,YAAY;YACVC,MAAMJ;YACNK,QAAQ;YACRC,UAAU;YACVC,OAAO;QACT;QACAH,MAAMI,IAAAA,qCAAqB,EAACR,eAAe;YACzCL,KAAKc,IAAAA,6BAAa,EAACd,KAAKe,IAAAA,4BAAc;YACtCC,MAAMX,kBAAkB,QAAQ,iBAAiBY,SAAS;YAC1D,aAAaf,WAAW,AAACK,CAAAA,uBAAuBR,MAAMmB,aAAa,AAAD,MAAO,IAAI,IAAIX,yBAAyB,KAAK,IAAIA,uBAAuB,MAAM,GAAGU,SAAS;YAC5J,GAAGlB,KAAK;QACV;QACAa,OAAOO,IAAAA,gCAAgB,EAACpB,MAAMa,KAAK;QACnCD,UAAUQ,IAAAA,gCAAgB,EAACpB,MAAMY,QAAQ,EAAE;YACzCS,UAAU,CAAC,CAACrB,MAAMmB,aAAa;YAC/BG,cAAc;gBACZC,UAAUvB,MAAMmB,aAAa,GAAG3B,SAAS,CAACQ,MAAMmB,aAAa,CAAC,GAAGD,SAAS;YAC5E;QACF;QACAP,QAAQa,IAAAA,iCAAsB,EAACxB,MAAMW,MAAM,EAAE;YAC3CU,UAAU,IAAI;YACdC,cAAc;gBACZL,MAAM;gBACNQ,UAAU,CAAC;gBACXC,MAAM;gBACN,GAAIvB,YAAY;oBACdc,MAAMC;oBACNO,UAAUP;gBACZ,CAAC;YACH;QACF;QACAf;QACAD;IACF;AACF,GACA,8CAA8C"}