@fluentui/react-table 9.2.1 → 9.2.3

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

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

@@ -1,127 +1,218 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    tableHeaderCellClassName: ()=>tableHeaderCellClassName,
+    tableHeaderCellClassNames: ()=>tableHeaderCellClassNames,
+    useTableHeaderCellStyles_unstable: ()=>useTableHeaderCellStyles_unstable
 });
-exports.useTableHeaderCellStyles_unstable = exports.tableHeaderCellClassNames = exports.tableHeaderCellClassName = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
-exports.tableHeaderCellClassName = 'fui-TableHeaderCell';
-exports.tableHeaderCellClassNames = {
-  root: 'fui-TableHeaderCell',
-  button: 'fui-TableHeaderCell__button',
-  sortIcon: 'fui-TableHeaderCell__sortIcon',
-  aside: 'fui-TableHeaderCell__aside'
+const _react = require("@griffel/react");
+const tableHeaderCellClassName = 'fui-TableHeaderCell';
+const tableHeaderCellClassNames = {
+    root: 'fui-TableHeaderCell',
+    button: 'fui-TableHeaderCell__button',
+    sortIcon: 'fui-TableHeaderCell__sortIcon',
+    aside: 'fui-TableHeaderCell__aside'
 };
-const useTableLayoutStyles = /*#__PURE__*/react_1.__styles({
-  root: {
-    mc9l5x: "f15pt5es",
-    ha4doy: "fmrv4ls"
-  }
+const useTableLayoutStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    root: {
+        mc9l5x: "f15pt5es",
+        ha4doy: "fmrv4ls"
+    }
 }, {
-  d: [".f15pt5es{display:table-cell;}", ".fmrv4ls{vertical-align:middle;}"]
+    d: [
+        ".f15pt5es{display:table-cell;}",
+        ".fmrv4ls{vertical-align:middle;}"
+    ]
 });
-const useFlexLayoutStyles = /*#__PURE__*/react_1.__styles({
-  root: {
-    mc9l5x: "f22iagw",
-    Bh6795r: "fqerorx",
-    Bnnss6s: "f1neuvcm",
-    xawz: "fkjuxzh",
-    Bf4jedk: "f10tiqix"
-  }
+const useFlexLayoutStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    root: {
+        mc9l5x: "f22iagw",
+        Bh6795r: "fqerorx",
+        Bnnss6s: "f1neuvcm",
+        xawz: "fkjuxzh",
+        Bf4jedk: "f10tiqix"
+    }
 }, {
-  d: [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}", ".fkjuxzh{-webkit-flex-basis:0px;-ms-flex-preferred-size:0px;flex-basis:0px;}", ".f10tiqix{min-width:0px;}"]
+    d: [
+        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
+        ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}",
+        ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}",
+        ".fkjuxzh{-webkit-flex-basis:0px;-ms-flex-preferred-size:0px;flex-basis:0px;}",
+        ".f10tiqix{min-width:0px;}"
+    ]
 });
 /**
  * Styles for the root slot
- */
-const useStyles = /*#__PURE__*/react_1.__styles({
-  root: {
-    z8tnut: "f1nbblvp",
-    z189sj: ["f1vdfbxk", "f1f5gg8d"],
-    Byoj8tv: "f1ov4xf1",
-    uwmqm3: ["f1f5gg8d", "f1vdfbxk"],
-    B3nxjsc: "fhix6mv",
-    Bmvh20x: "fha7anx",
-    robkg1: "f1fmzww4",
-    pehzd3: ["fs9qmxf", "f187m4uq"],
-    B8osjzx: ["f187m4uq", "fs9qmxf"],
-    u7xebq: ["f145mzao", "f1uha7eq"],
-    Blsv9te: ["f1uha7eq", "f145mzao"],
-    qhf8xq: "f10pi13n"
-  },
-  rootInteractive: {
-    Jwef8y: "f1t94bn6",
-    ecr2s2: "f1wfn5kd"
-  },
-  resetButton: {
-    B3rzk8w: "fq6nmtn",
-    B7ck84d: "f1e4lqlz",
-    De3pzq: "f1u2r49w",
-    sj55zd: "f1ym3bx4",
-    Bahqtrf: "f1mo0ibp",
-    Be2twd7: "fjoy568",
-    Bg96gwp: "fytdu2e",
-    B68tc82: "f1mtd64y",
-    Bmxbyg5: "f1y7q3j9",
-    z8tnut: "f1g0x7ka",
-    z189sj: ["fhxju0i", "f1cnd47f"],
-    Byoj8tv: "f1qch9an",
-    uwmqm3: ["f1cnd47f", "fhxju0i"],
-    icvyot: "f1ern45e",
-    vrafjx: ["f1n71otn", "f1deefiw"],
-    oivjwe: "f1h8hb77",
-    wvpqe5: ["f1deefiw", "f1n71otn"],
-    Bv0vk6g: "f37px4s",
-    fsow6f: "fgusgyc"
-  },
-  button: {
-    qhf8xq: "f10pi13n",
-    a9b677: "fly5x3f",
-    mc9l5x: "f22iagw",
-    Bh6795r: "fqerorx",
-    Bqenvij: "f1l02sjl",
-    Bt984gj: "f122n59",
-    i8kkvl: "f1ufnopg",
-    Belr9w4: "f14sijuj",
-    sshi5w: "f1nxs5xn",
-    Bnnss6s: "f1neuvcm",
-    xawz: "fkjuxzh",
-    oeaueh: "f1s6fcnf"
-  },
-  sortable: {
-    Bceei9c: "f1k6fduh"
-  },
-  sortIcon: {
-    mc9l5x: "f22iagw",
-    Bt984gj: "f122n59",
-    z8tnut: "fclwglc"
-  },
-  resizeHandle: {}
+ */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    root: {
+        z8tnut: "f1nbblvp",
+        z189sj: [
+            "f1vdfbxk",
+            "f1f5gg8d"
+        ],
+        Byoj8tv: "f1ov4xf1",
+        uwmqm3: [
+            "f1f5gg8d",
+            "f1vdfbxk"
+        ],
+        B3nxjsc: "fhix6mv",
+        Bmvh20x: "fha7anx",
+        robkg1: "f1fmzww4",
+        pehzd3: [
+            "fs9qmxf",
+            "f187m4uq"
+        ],
+        B8osjzx: [
+            "f187m4uq",
+            "fs9qmxf"
+        ],
+        u7xebq: [
+            "f145mzao",
+            "f1uha7eq"
+        ],
+        Blsv9te: [
+            "f1uha7eq",
+            "f145mzao"
+        ],
+        qhf8xq: "f10pi13n"
+    },
+    rootInteractive: {
+        Jwef8y: "f1t94bn6",
+        ecr2s2: "f1wfn5kd"
+    },
+    resetButton: {
+        B3rzk8w: "fq6nmtn",
+        B7ck84d: "f1e4lqlz",
+        De3pzq: "f1u2r49w",
+        sj55zd: "f1ym3bx4",
+        Bahqtrf: "f1mo0ibp",
+        Be2twd7: "fjoy568",
+        Bg96gwp: "fytdu2e",
+        B68tc82: "f1mtd64y",
+        Bmxbyg5: "f1y7q3j9",
+        z8tnut: "f1g0x7ka",
+        z189sj: [
+            "fhxju0i",
+            "f1cnd47f"
+        ],
+        Byoj8tv: "f1qch9an",
+        uwmqm3: [
+            "f1cnd47f",
+            "fhxju0i"
+        ],
+        icvyot: "f1ern45e",
+        vrafjx: [
+            "f1n71otn",
+            "f1deefiw"
+        ],
+        oivjwe: "f1h8hb77",
+        wvpqe5: [
+            "f1deefiw",
+            "f1n71otn"
+        ],
+        Bv0vk6g: "f37px4s",
+        fsow6f: "fgusgyc"
+    },
+    button: {
+        qhf8xq: "f10pi13n",
+        a9b677: "fly5x3f",
+        mc9l5x: "f22iagw",
+        Bh6795r: "fqerorx",
+        Bqenvij: "f1l02sjl",
+        Bt984gj: "f122n59",
+        i8kkvl: "f1ufnopg",
+        Belr9w4: "f14sijuj",
+        sshi5w: "f1nxs5xn",
+        Bnnss6s: "f1neuvcm",
+        xawz: "fkjuxzh",
+        oeaueh: "f1s6fcnf"
+    },
+    sortable: {
+        Bceei9c: "f1k6fduh"
+    },
+    sortIcon: {
+        mc9l5x: "f22iagw",
+        Bt984gj: "f122n59",
+        z8tnut: "fclwglc"
+    },
+    resizeHandle: {}
 }, {
-  d: [".f1nbblvp{padding-top:0px;}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".f1ov4xf1{padding-bottom:0px;}", ".fhix6mv[data-fui-focus-within]:focus-within{outline-width:2px;}", ".fha7anx[data-fui-focus-within]:focus-within{outline-style:solid;}", ".f1fmzww4[data-fui-focus-within]:focus-within{outline-color:var(--colorStrokeFocus2);}", ".fs9qmxf[data-fui-focus-within]:focus-within{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f187m4uq[data-fui-focus-within]:focus-within{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f145mzao[data-fui-focus-within]:focus-within{border-top-right-radius:var(--borderRadiusMedium);}", ".f1uha7eq[data-fui-focus-within]:focus-within{border-top-left-radius:var(--borderRadiusMedium);}", ".f10pi13n{position:relative;}", ".fq6nmtn{resize:horizontal;}", ".f1e4lqlz{box-sizing:content-box;}", ".f1u2r49w{background-color:inherit;}", ".f1ym3bx4{color:inherit;}", ".f1mo0ibp{font-family:inherit;}", ".fjoy568{font-size:inherit;}", ".fytdu2e{line-height:normal;}", ".f1mtd64y{overflow-x:visible;}", ".f1y7q3j9{overflow-y:visible;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".f1ern45e{border-top-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1h8hb77{border-bottom-style:none;}", ".f37px4s{-webkit-appearance:button;}", ".fgusgyc{text-align:unset;}", ".fly5x3f{width:100%;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1l02sjl{height:100%;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}", ".f14sijuj{row-gap:var(--spacingHorizontalXS);}", ".f1nxs5xn{min-height:32px;}", ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}", ".fkjuxzh{-webkit-flex-basis:0px;-ms-flex-preferred-size:0px;flex-basis:0px;}", ".f1s6fcnf{outline-style:none;}", ".f1k6fduh{cursor:pointer;}", ".fclwglc{padding-top:var(--spacingVerticalXXS);}"],
-  h: [".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}"],
-  a: [".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}"]
+    d: [
+        ".f1nbblvp{padding-top:0px;}",
+        ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
+        ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
+        ".f1ov4xf1{padding-bottom:0px;}",
+        ".fhix6mv[data-fui-focus-within]:focus-within{outline-width:2px;}",
+        ".fha7anx[data-fui-focus-within]:focus-within{outline-style:solid;}",
+        ".f1fmzww4[data-fui-focus-within]:focus-within{outline-color:var(--colorStrokeFocus2);}",
+        ".fs9qmxf[data-fui-focus-within]:focus-within{border-bottom-right-radius:var(--borderRadiusMedium);}",
+        ".f187m4uq[data-fui-focus-within]:focus-within{border-bottom-left-radius:var(--borderRadiusMedium);}",
+        ".f145mzao[data-fui-focus-within]:focus-within{border-top-right-radius:var(--borderRadiusMedium);}",
+        ".f1uha7eq[data-fui-focus-within]:focus-within{border-top-left-radius:var(--borderRadiusMedium);}",
+        ".f10pi13n{position:relative;}",
+        ".fq6nmtn{resize:horizontal;}",
+        ".f1e4lqlz{box-sizing:content-box;}",
+        ".f1u2r49w{background-color:inherit;}",
+        ".f1ym3bx4{color:inherit;}",
+        ".f1mo0ibp{font-family:inherit;}",
+        ".fjoy568{font-size:inherit;}",
+        ".fytdu2e{line-height:normal;}",
+        ".f1mtd64y{overflow-x:visible;}",
+        ".f1y7q3j9{overflow-y:visible;}",
+        ".f1g0x7ka{padding-top:0;}",
+        ".fhxju0i{padding-right:0;}",
+        ".f1cnd47f{padding-left:0;}",
+        ".f1qch9an{padding-bottom:0;}",
+        ".f1ern45e{border-top-style:none;}",
+        ".f1n71otn{border-right-style:none;}",
+        ".f1deefiw{border-left-style:none;}",
+        ".f1h8hb77{border-bottom-style:none;}",
+        ".f37px4s{-webkit-appearance:button;}",
+        ".fgusgyc{text-align:unset;}",
+        ".fly5x3f{width:100%;}",
+        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
+        ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}",
+        ".f1l02sjl{height:100%;}",
+        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
+        ".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}",
+        ".f14sijuj{row-gap:var(--spacingHorizontalXS);}",
+        ".f1nxs5xn{min-height:32px;}",
+        ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}",
+        ".fkjuxzh{-webkit-flex-basis:0px;-ms-flex-preferred-size:0px;flex-basis:0px;}",
+        ".f1s6fcnf{outline-style:none;}",
+        ".f1k6fduh{cursor:pointer;}",
+        ".fclwglc{padding-top:var(--spacingVerticalXXS);}"
+    ],
+    h: [
+        ".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}"
+    ],
+    a: [
+        ".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}"
+    ]
 });
-/**
- * Apply styling to the TableHeaderCell slots based on the state
- */
-const useTableHeaderCellStyles_unstable = state => {
-  const styles = useStyles();
-  const layoutStyles = {
-    table: useTableLayoutStyles(),
-    flex: useFlexLayoutStyles()
-  };
-  state.root.className = react_1.mergeClasses(exports.tableHeaderCellClassNames.root, styles.root, state.sortable && styles.rootInteractive, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className);
-  state.button.className = react_1.mergeClasses(exports.tableHeaderCellClassNames.button, styles.resetButton, styles.button, state.sortable && styles.sortable, state.button.className);
-  if (state.sortIcon) {
-    state.sortIcon.className = react_1.mergeClasses(exports.tableHeaderCellClassNames.sortIcon, styles.sortIcon, state.sortIcon.className);
-  }
-  if (state.aside) {
-    state.aside.className = react_1.mergeClasses(exports.tableHeaderCellClassNames.aside, styles.resizeHandle, state.aside.className);
-  }
-  return state;
-};
-exports.useTableHeaderCellStyles_unstable = useTableHeaderCellStyles_unstable;
+const useTableHeaderCellStyles_unstable = (state)=>{
+    const styles = useStyles();
+    const layoutStyles = {
+        table: useTableLayoutStyles(),
+        flex: useFlexLayoutStyles()
+    };
+    state.root.className = (0, _react.mergeClasses)(tableHeaderCellClassNames.root, styles.root, state.sortable && styles.rootInteractive, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className);
+    state.button.className = (0, _react.mergeClasses)(tableHeaderCellClassNames.button, styles.resetButton, styles.button, state.sortable && styles.sortable, state.button.className);
+    if (state.sortIcon) {
+        state.sortIcon.className = (0, _react.mergeClasses)(tableHeaderCellClassNames.sortIcon, styles.sortIcon, state.sortIcon.className);
+    }
+    if (state.aside) {
+        state.aside.className = (0, _react.mergeClasses)(tableHeaderCellClassNames.aside, styles.resizeHandle, state.aside.className);
+    }
+    return state;
+}; //# sourceMappingURL=useTableHeaderCellStyles.js.map
+
 //# sourceMappingURL=useTableHeaderCellStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["react_1","require","react_theme_1","react_tabster_1","exports","tableHeaderCellClassName","tableHeaderCellClassNames","root","button","sortIcon","aside","useTableLayoutStyles","__styles","mc9l5x","ha4doy","d","useFlexLayoutStyles","Bh6795r","Bnnss6s","xawz","Bf4jedk","useStyles","z8tnut","z189sj","Byoj8tv","uwmqm3","B3nxjsc","Bmvh20x","robkg1","pehzd3","B8osjzx","u7xebq","Blsv9te","qhf8xq","rootInteractive","Jwef8y","ecr2s2","resetButton","B3rzk8w","B7ck84d","De3pzq","sj55zd","Bahqtrf","Be2twd7","Bg96gwp","B68tc82","Bmxbyg5","icvyot","vrafjx","oivjwe","wvpqe5","Bv0vk6g","fsow6f","a9b677","Bqenvij","Bt984gj","i8kkvl","Belr9w4","sshi5w","oeaueh","sortable","Bceei9c","resizeHandle","h","a","useTableHeaderCellStyles_unstable","state","styles","layoutStyles","table","flex","className","mergeClasses","noNativeElements"],"sources":["../src/packages/react-components/react-table/src/components/TableHeaderCell/useTableHeaderCellStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport type { TableHeaderCellSlots, TableHeaderCellState } from './TableHeaderCell.types';\n\nexport const tableHeaderCellClassName = 'fui-TableHeaderCell';\nexport const tableHeaderCellClassNames: SlotClassNames<TableHeaderCellSlots> = {\n  root: 'fui-TableHeaderCell',\n  button: 'fui-TableHeaderCell__button',\n  sortIcon: 'fui-TableHeaderCell__sortIcon',\n  aside: 'fui-TableHeaderCell__aside',\n};\n\nconst useTableLayoutStyles = makeStyles({\n  root: {\n    display: 'table-cell',\n    verticalAlign: 'middle',\n  },\n});\n\nconst useFlexLayoutStyles = makeStyles({\n  root: {\n    display: 'flex',\n    ...shorthands.flex(1, 1, '0px'),\n    minWidth: '0px',\n  },\n});\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    ...shorthands.padding('0px', tokens.spacingHorizontalS),\n    ...createCustomFocusIndicatorStyle(\n      {\n        ...shorthands.outline('2px', 'solid', tokens.colorStrokeFocus2),\n        ...shorthands.borderRadius(tokens.borderRadiusMedium),\n      },\n      { selector: 'focus-within', enableOutline: true },\n    ),\n    position: 'relative',\n  },\n\n  rootInteractive: {\n    ':hover': {\n      backgroundColor: tokens.colorSubtleBackgroundHover,\n    },\n    ':active': {\n      backgroundColor: tokens.colorSubtleBackgroundPressed,\n    },\n  },\n\n  resetButton: {\n    resize: 'horizontal',\n    boxSizing: 'content-box',\n    backgroundColor: 'inherit',\n    color: 'inherit',\n    fontFamily: 'inherit',\n    fontSize: 'inherit',\n    lineHeight: 'normal',\n    ...shorthands.overflow('visible'),\n    ...shorthands.padding(0),\n    ...shorthands.borderStyle('none'),\n    WebkitAppearance: 'button',\n    textAlign: 'unset',\n  },\n\n  button: {\n    position: 'relative',\n    width: '100%',\n    display: 'flex',\n    flexGrow: 1,\n    height: '100%',\n    alignItems: 'center',\n    ...shorthands.gap(tokens.spacingHorizontalXS),\n    minHeight: '32px',\n    ...shorthands.flex(1, 1, '0px'),\n    outlineStyle: 'none',\n  },\n\n  sortable: {\n    cursor: 'pointer',\n  },\n\n  sortIcon: {\n    display: 'flex',\n    alignItems: 'center',\n    paddingTop: tokens.spacingVerticalXXS,\n  },\n\n  resizeHandle: {},\n});\n\n/**\n * Apply styling to the TableHeaderCell slots based on the state\n */\nexport const useTableHeaderCellStyles_unstable = (state: TableHeaderCellState): TableHeaderCellState => {\n  const styles = useStyles();\n  const layoutStyles = {\n    table: useTableLayoutStyles(),\n    flex: useFlexLayoutStyles(),\n  };\n  state.root.className = mergeClasses(\n    tableHeaderCellClassNames.root,\n    styles.root,\n    state.sortable && styles.rootInteractive,\n    state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root,\n    state.root.className,\n  );\n  state.button.className = mergeClasses(\n    tableHeaderCellClassNames.button,\n    styles.resetButton,\n    styles.button,\n    state.sortable && styles.sortable,\n    state.button.className,\n  );\n\n  if (state.sortIcon) {\n    state.sortIcon.className = mergeClasses(\n      tableHeaderCellClassNames.sortIcon,\n      styles.sortIcon,\n      state.sortIcon.className,\n    );\n  }\n\n  if (state.aside) {\n    state.aside.className = mergeClasses(tableHeaderCellClassNames.aside, styles.resizeHandle, state.aside.className);\n  }\n\n  return state;\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../lib/components/TableHeaderCell/useTableHeaderCellStyles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tableHeaderCellClassName = 'fui-TableHeaderCell';\nexport const tableHeaderCellClassNames = {\n  root: 'fui-TableHeaderCell',\n  button: 'fui-TableHeaderCell__button',\n  sortIcon: 'fui-TableHeaderCell__sortIcon',\n  aside: 'fui-TableHeaderCell__aside'\n};\nconst useTableLayoutStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f15pt5es\",\n    ha4doy: \"fmrv4ls\"\n  }\n}, {\n  d: [\".f15pt5es{display:table-cell;}\", \".fmrv4ls{vertical-align:middle;}\"]\n});\nconst useFlexLayoutStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Bh6795r: \"fqerorx\",\n    Bnnss6s: \"f1neuvcm\",\n    xawz: \"fkjuxzh\",\n    Bf4jedk: \"f10tiqix\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}\", \".fkjuxzh{-webkit-flex-basis:0px;-ms-flex-preferred-size:0px;flex-basis:0px;}\", \".f10tiqix{min-width:0px;}\"]\n});\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    z8tnut: \"f1nbblvp\",\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n    Byoj8tv: \"f1ov4xf1\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n    B3nxjsc: \"fhix6mv\",\n    Bmvh20x: \"fha7anx\",\n    robkg1: \"f1fmzww4\",\n    pehzd3: [\"fs9qmxf\", \"f187m4uq\"],\n    B8osjzx: [\"f187m4uq\", \"fs9qmxf\"],\n    u7xebq: [\"f145mzao\", \"f1uha7eq\"],\n    Blsv9te: [\"f1uha7eq\", \"f145mzao\"],\n    qhf8xq: \"f10pi13n\"\n  },\n  rootInteractive: {\n    Jwef8y: \"f1t94bn6\",\n    ecr2s2: \"f1wfn5kd\"\n  },\n  resetButton: {\n    B3rzk8w: \"fq6nmtn\",\n    B7ck84d: \"f1e4lqlz\",\n    De3pzq: \"f1u2r49w\",\n    sj55zd: \"f1ym3bx4\",\n    Bahqtrf: \"f1mo0ibp\",\n    Be2twd7: \"fjoy568\",\n    Bg96gwp: \"fytdu2e\",\n    B68tc82: \"f1mtd64y\",\n    Bmxbyg5: \"f1y7q3j9\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n    icvyot: \"f1ern45e\",\n    vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n    oivjwe: \"f1h8hb77\",\n    wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n    Bv0vk6g: \"f37px4s\",\n    fsow6f: \"fgusgyc\"\n  },\n  button: {\n    qhf8xq: \"f10pi13n\",\n    a9b677: \"fly5x3f\",\n    mc9l5x: \"f22iagw\",\n    Bh6795r: \"fqerorx\",\n    Bqenvij: \"f1l02sjl\",\n    Bt984gj: \"f122n59\",\n    i8kkvl: \"f1ufnopg\",\n    Belr9w4: \"f14sijuj\",\n    sshi5w: \"f1nxs5xn\",\n    Bnnss6s: \"f1neuvcm\",\n    xawz: \"fkjuxzh\",\n    oeaueh: \"f1s6fcnf\"\n  },\n  sortable: {\n    Bceei9c: \"f1k6fduh\"\n  },\n  sortIcon: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    z8tnut: \"fclwglc\"\n  },\n  resizeHandle: {}\n}, {\n  d: [\".f1nbblvp{padding-top:0px;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1ov4xf1{padding-bottom:0px;}\", \".fhix6mv[data-fui-focus-within]:focus-within{outline-width:2px;}\", \".fha7anx[data-fui-focus-within]:focus-within{outline-style:solid;}\", \".f1fmzww4[data-fui-focus-within]:focus-within{outline-color:var(--colorStrokeFocus2);}\", \".fs9qmxf[data-fui-focus-within]:focus-within{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f187m4uq[data-fui-focus-within]:focus-within{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f145mzao[data-fui-focus-within]:focus-within{border-top-right-radius:var(--borderRadiusMedium);}\", \".f1uha7eq[data-fui-focus-within]:focus-within{border-top-left-radius:var(--borderRadiusMedium);}\", \".f10pi13n{position:relative;}\", \".fq6nmtn{resize:horizontal;}\", \".f1e4lqlz{box-sizing:content-box;}\", \".f1u2r49w{background-color:inherit;}\", \".f1ym3bx4{color:inherit;}\", \".f1mo0ibp{font-family:inherit;}\", \".fjoy568{font-size:inherit;}\", \".fytdu2e{line-height:normal;}\", \".f1mtd64y{overflow-x:visible;}\", \".f1y7q3j9{overflow-y:visible;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".f37px4s{-webkit-appearance:button;}\", \".fgusgyc{text-align:unset;}\", \".fly5x3f{width:100%;}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1l02sjl{height:100%;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}\", \".f14sijuj{row-gap:var(--spacingHorizontalXS);}\", \".f1nxs5xn{min-height:32px;}\", \".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}\", \".fkjuxzh{-webkit-flex-basis:0px;-ms-flex-preferred-size:0px;flex-basis:0px;}\", \".f1s6fcnf{outline-style:none;}\", \".f1k6fduh{cursor:pointer;}\", \".fclwglc{padding-top:var(--spacingVerticalXXS);}\"],\n  h: [\".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\"],\n  a: [\".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\"]\n});\n/**\n * Apply styling to the TableHeaderCell slots based on the state\n */\nexport const useTableHeaderCellStyles_unstable = state => {\n  const styles = useStyles();\n  const layoutStyles = {\n    table: useTableLayoutStyles(),\n    flex: useFlexLayoutStyles()\n  };\n  state.root.className = mergeClasses(tableHeaderCellClassNames.root, styles.root, state.sortable && styles.rootInteractive, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className);\n  state.button.className = mergeClasses(tableHeaderCellClassNames.button, styles.resetButton, styles.button, state.sortable && styles.sortable, state.button.className);\n  if (state.sortIcon) {\n    state.sortIcon.className = mergeClasses(tableHeaderCellClassNames.sortIcon, styles.sortIcon, state.sortIcon.className);\n  }\n  if (state.aside) {\n    state.aside.className = mergeClasses(tableHeaderCellClassNames.aside, styles.resizeHandle, state.aside.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useTableHeaderCellStyles.js.map"],"names":["tableHeaderCellClassName","tableHeaderCellClassNames","useTableHeaderCellStyles_unstable","root","button","sortIcon","aside","useTableLayoutStyles","__styles","mc9l5x","ha4doy","d","useFlexLayoutStyles","Bh6795r","Bnnss6s","xawz","Bf4jedk","useStyles","z8tnut","z189sj","Byoj8tv","uwmqm3","B3nxjsc","Bmvh20x","robkg1","pehzd3","B8osjzx","u7xebq","Blsv9te","qhf8xq","rootInteractive","Jwef8y","ecr2s2","resetButton","B3rzk8w","B7ck84d","De3pzq","sj55zd","Bahqtrf","Be2twd7","Bg96gwp","B68tc82","Bmxbyg5","icvyot","vrafjx","oivjwe","wvpqe5","Bv0vk6g","fsow6f","a9b677","Bqenvij","Bt984gj","i8kkvl","Belr9w4","sshi5w","oeaueh","sortable","Bceei9c","resizeHandle","h","a","state","styles","layoutStyles","table","flex","className","mergeClasses","noNativeElements"],"mappings":"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"}

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

@@ -1,25 +1,24 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "TableResizeHandle", {
+    enumerable: true,
+    get: ()=>TableResizeHandle
 });
-exports.TableResizeHandle = void 0;
-const React = /*#__PURE__*/require("react");
-const useTableResizeHandle_1 = /*#__PURE__*/require("./useTableResizeHandle");
-const renderTableResizeHandle_1 = /*#__PURE__*/require("./renderTableResizeHandle");
-const useTableResizeHandleStyles_1 = /*#__PURE__*/require("./useTableResizeHandleStyles");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-/**
- * TableResizeHandle component - TODO: add more docs
- */
-exports.TableResizeHandle = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useTableResizeHandle_1.useTableResizeHandle_unstable(props, ref);
-  useTableResizeHandleStyles_1.useTableResizeHandleStyles_unstable(state);
-  const {
-    useTableResizeHandleStyles_unstable: useCustomStyles
-  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
-  useCustomStyles(state);
-  return renderTableResizeHandle_1.renderTableResizeHandle_unstable(state);
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useTableResizeHandle = require("./useTableResizeHandle");
+const _renderTableResizeHandle = require("./renderTableResizeHandle");
+const _useTableResizeHandleStyles = require("./useTableResizeHandleStyles");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const TableResizeHandle = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useTableResizeHandle.useTableResizeHandle_unstable)(props, ref);
+    (0, _useTableResizeHandleStyles.useTableResizeHandleStyles_unstable)(state);
+    const { useTableResizeHandleStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
+    useCustomStyles(state);
+    return (0, _renderTableResizeHandle.renderTableResizeHandle_unstable)(state);
 });
-exports.TableResizeHandle.displayName = 'TableResizeHandle';
+TableResizeHandle.displayName = 'TableResizeHandle'; //# sourceMappingURL=TableResizeHandle.js.map
+
 //# sourceMappingURL=TableResizeHandle.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","useTableResizeHandle_1","renderTableResizeHandle_1","useTableResizeHandleStyles_1","react_shared_contexts_1","exports","TableResizeHandle","forwardRef","props","ref","state","useTableResizeHandle_unstable","useTableResizeHandleStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderTableResizeHandle_unstable","displayName"],"sources":["../src/packages/react-components/react-table/src/components/TableResizeHandle/TableResizeHandle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableResizeHandle_unstable } from './useTableResizeHandle';\nimport { renderTableResizeHandle_unstable } from './renderTableResizeHandle';\nimport { useTableResizeHandleStyles_unstable } from './useTableResizeHandleStyles';\nimport type { TableResizeHandleProps } from './TableResizeHandle.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableResizeHandle component - TODO: add more docs\n */\nexport const TableResizeHandle: ForwardRefComponent<TableResizeHandleProps> = React.forwardRef((props, ref) => {\n  const state = useTableResizeHandle_unstable(props, ref);\n\n  useTableResizeHandleStyles_unstable(state);\n\n  const { useTableResizeHandleStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderTableResizeHandle_unstable(state);\n});\n\nTableResizeHandle.displayName = 'TableResizeHandle';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,sBAAA,gBAAAD,OAAA;AACA,MAAAE,yBAAA,gBAAAF,OAAA;AACA,MAAAG,4BAAA,gBAAAH,OAAA;AAGA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;AAGaK,OAAA,CAAAC,iBAAiB,gBAAgDP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC5G,MAAMC,KAAK,GAAGT,sBAAA,CAAAU,6BAA6B,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEvDN,4BAAA,CAAAS,mCAAmC,CAACF,KAAK,CAAC;EAE1C,MAAM;IAAEE,mCAAmC,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EAC/FD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOR,yBAAA,CAAAa,gCAAgC,CAACL,KAAK,CAAC;AAChD,CAAC,CAAC;AAEFL,OAAA,CAAAC,iBAAiB,CAACU,WAAW,GAAG,mBAAmB"}
+{"version":3,"sources":["../../../lib/components/TableResizeHandle/TableResizeHandle.js"],"sourcesContent":["import * as React from 'react';\nimport { useTableResizeHandle_unstable } from './useTableResizeHandle';\nimport { renderTableResizeHandle_unstable } from './renderTableResizeHandle';\nimport { useTableResizeHandleStyles_unstable } from './useTableResizeHandleStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n/**\n * TableResizeHandle component - TODO: add more docs\n */\nexport const TableResizeHandle = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useTableResizeHandle_unstable(props, ref);\n  useTableResizeHandleStyles_unstable(state);\n  const {\n    useTableResizeHandleStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderTableResizeHandle_unstable(state);\n});\nTableResizeHandle.displayName = 'TableResizeHandle';\n//# sourceMappingURL=TableResizeHandle.js.map"],"names":["TableResizeHandle","React","forwardRef","props","ref","state","useTableResizeHandle_unstable","useTableResizeHandleStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderTableResizeHandle_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;sCACuB;yCACG;4CACG;qCACP;AAItC,MAAMA,oBAAoB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC7E,MAAMC,QAAQC,IAAAA,mDAA6B,EAACH,OAAOC;IACnDG,IAAAA,+DAAmC,EAACF;IACpC,MAAM,EACJE,qCAAqCC,gBAAe,EACrD,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,yDAAgC,EAACL;AAC1C;AACAL,kBAAkBW,WAAW,GAAG,qBAChC,6CAA6C"}

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

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