@fluentui/react-table 9.2.1 → 9.2.2

package/lib-commonjs/components/TableCellLayout/useTableCellLayoutStyles.js

@@ -1,101 +1,122 @@
 "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, {
+    tableCellLayoutClassNames: ()=>tableCellLayoutClassNames,
+    useTableCellLayoutStyles_unstable: ()=>useTableCellLayoutStyles_unstable
 });
-exports.useTableCellLayoutStyles_unstable = exports.tableCellLayoutClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-const react_theme_2 = /*#__PURE__*/require("@fluentui/react-theme");
-exports.tableCellLayoutClassNames = {
-  root: 'fui-TableCellLayout',
-  media: 'fui-TableCellLayout__media',
-  main: 'fui-TableCellLayout__main',
-  description: 'fui-TableCellLayout__description',
-  content: 'fui-TableCellLayout__content'
+const _react = require("@griffel/react");
+const tableCellLayoutClassNames = {
+    root: 'fui-TableCellLayout',
+    media: 'fui-TableCellLayout__media',
+    main: 'fui-TableCellLayout__main',
+    description: 'fui-TableCellLayout__description',
+    content: 'fui-TableCellLayout__content'
 };
 /**
  * Styles for the root slot
- */
-const useStyles = /*#__PURE__*/react_1.__styles({
-  root: {
-    mc9l5x: "f22iagw",
-    Bt984gj: "f122n59",
-    i8kkvl: "fsnqrgy",
-    Belr9w4: "fylz90v",
-    Bh6795r: "fqerorx",
-    Bnnss6s: "f1neuvcm",
-    xawz: "fkjuxzh"
-  },
-  rootTruncate: {
-    B68tc82: "f1p9o1ba"
-  },
-  content: {
-    mc9l5x: "f22iagw",
-    Beiy3e4: "f1vx9l62"
-  },
-  contentTruncate: {
-    B68tc82: "f1p9o1ba"
-  },
-  media: {
-    mc9l5x: "f22iagw",
-    Bt984gj: "f122n59"
-  },
-  mediaExtraSmall: {
-    Be2twd7: "f4ybsrx"
-  },
-  mediaSmallAndMedium: {
-    Be2twd7: "fe5j1ua"
-  },
-  mediaPrimary: {
-    Be2twd7: "f1rt2boy"
-  },
-  mainPrimary: {
-    Bhrd7zp: "fl43uef"
-  },
-  mainTruncate: {
-    B68tc82: "f1p9o1ba",
-    Huce71: "fz5stix",
-    ygn44y: "f1cmbuwj"
-  },
-  description: {
-    sj55zd: "fkfq4zb",
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fy9rknc",
-    Bhrd7zp: "figsok6",
-    Bg96gwp: "fwrc4pm"
-  }
+ */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    root: {
+        mc9l5x: "f22iagw",
+        Bt984gj: "f122n59",
+        i8kkvl: "fsnqrgy",
+        Belr9w4: "fylz90v",
+        Bh6795r: "fqerorx",
+        Bnnss6s: "f1neuvcm",
+        xawz: "fkjuxzh"
+    },
+    rootTruncate: {
+        B68tc82: "f1p9o1ba"
+    },
+    content: {
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1vx9l62"
+    },
+    contentTruncate: {
+        B68tc82: "f1p9o1ba"
+    },
+    media: {
+        mc9l5x: "f22iagw",
+        Bt984gj: "f122n59"
+    },
+    mediaExtraSmall: {
+        Be2twd7: "f4ybsrx"
+    },
+    mediaSmallAndMedium: {
+        Be2twd7: "fe5j1ua"
+    },
+    mediaPrimary: {
+        Be2twd7: "f1rt2boy"
+    },
+    mainPrimary: {
+        Bhrd7zp: "fl43uef"
+    },
+    mainTruncate: {
+        B68tc82: "f1p9o1ba",
+        Huce71: "fz5stix",
+        ygn44y: "f1cmbuwj"
+    },
+    description: {
+        sj55zd: "fkfq4zb",
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fwrc4pm"
+    }
 }, {
-  d: [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".fsnqrgy{-webkit-column-gap:var(--spacingHorizontalS);column-gap:var(--spacingHorizontalS);}", ".fylz90v{row-gap:var(--spacingHorizontalS);}", ".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;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f4ybsrx{font-size:16px;}", ".fe5j1ua{font-size:20px;}", ".f1rt2boy{font-size:24px;}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fz5stix{white-space:nowrap;}", ".f1cmbuwj{text-overflow:ellipsis;}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}"]
+    d: [
+        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
+        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
+        ".fsnqrgy{-webkit-column-gap:var(--spacingHorizontalS);column-gap:var(--spacingHorizontalS);}",
+        ".fylz90v{row-gap:var(--spacingHorizontalS);}",
+        ".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;}",
+        ".f1p9o1ba{overflow-x:hidden;}",
+        ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}",
+        ".f4ybsrx{font-size:16px;}",
+        ".fe5j1ua{font-size:20px;}",
+        ".f1rt2boy{font-size:24px;}",
+        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
+        ".fz5stix{white-space:nowrap;}",
+        ".f1cmbuwj{text-overflow:ellipsis;}",
+        ".fkfq4zb{color:var(--colorNeutralForeground2);}",
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".fy9rknc{font-size:var(--fontSizeBase200);}",
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        ".fwrc4pm{line-height:var(--lineHeightBase200);}"
+    ]
 });
-/**
- * Apply styling to the TableCellLayout slots based on the state
- */
-const useTableCellLayoutStyles_unstable = state => {
-  const styles = useStyles();
-  const {
-    truncate
-  } = state;
-  state.root.className = react_1.mergeClasses(exports.tableCellLayoutClassNames.root, styles.root, truncate && styles.rootTruncate, state.root.className);
-  const primary = state.appearance === 'primary';
-  if (state.media) {
-    const mediaSizedStyles = {
-      small: styles.mediaSmallAndMedium,
-      medium: styles.mediaSmallAndMedium,
-      'extra-small': styles.mediaExtraSmall
-    };
-    state.media.className = react_1.mergeClasses(exports.tableCellLayoutClassNames.media, styles.media, mediaSizedStyles[state.size], primary && styles.mediaPrimary, state.media.className);
-  }
-  if (state.main) {
-    state.main.className = react_1.mergeClasses(exports.tableCellLayoutClassNames.main, truncate && styles.mainTruncate, primary && styles.mainPrimary, state.main.className);
-  }
-  if (state.description) {
-    state.description.className = react_1.mergeClasses(exports.tableCellLayoutClassNames.description, styles.description, state.description.className);
-  }
-  if (state.content) {
-    state.content.className = react_1.mergeClasses(exports.tableCellLayoutClassNames.content, styles.content, truncate && styles.contentTruncate, state.content.className);
-  }
-  return state;
-};
-exports.useTableCellLayoutStyles_unstable = useTableCellLayoutStyles_unstable;
+const useTableCellLayoutStyles_unstable = (state)=>{
+    const styles = useStyles();
+    const { truncate  } = state;
+    state.root.className = (0, _react.mergeClasses)(tableCellLayoutClassNames.root, styles.root, truncate && styles.rootTruncate, state.root.className);
+    const primary = state.appearance === 'primary';
+    if (state.media) {
+        const mediaSizedStyles = {
+            small: styles.mediaSmallAndMedium,
+            medium: styles.mediaSmallAndMedium,
+            'extra-small': styles.mediaExtraSmall
+        };
+        state.media.className = (0, _react.mergeClasses)(tableCellLayoutClassNames.media, styles.media, mediaSizedStyles[state.size], primary && styles.mediaPrimary, state.media.className);
+    }
+    if (state.main) {
+        state.main.className = (0, _react.mergeClasses)(tableCellLayoutClassNames.main, truncate && styles.mainTruncate, primary && styles.mainPrimary, state.main.className);
+    }
+    if (state.description) {
+        state.description.className = (0, _react.mergeClasses)(tableCellLayoutClassNames.description, styles.description, state.description.className);
+    }
+    if (state.content) {
+        state.content.className = (0, _react.mergeClasses)(tableCellLayoutClassNames.content, styles.content, truncate && styles.contentTruncate, state.content.className);
+    }
+    return state;
+}; //# sourceMappingURL=useTableCellLayoutStyles.js.map
+
 //# sourceMappingURL=useTableCellLayoutStyles.js.map

package/lib-commonjs/components/TableCellLayout/useTableCellLayoutStyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_1","require","react_theme_1","react_theme_2","exports","tableCellLayoutClassNames","root","media","main","description","content","useStyles","__styles","mc9l5x","Bt984gj","i8kkvl","Belr9w4","Bh6795r","Bnnss6s","xawz","rootTruncate","B68tc82","Beiy3e4","contentTruncate","mediaExtraSmall","Be2twd7","mediaSmallAndMedium","mediaPrimary","mainPrimary","Bhrd7zp","mainTruncate","Huce71","ygn44y","sj55zd","Bahqtrf","Bg96gwp","d","useTableCellLayoutStyles_unstable","state","styles","truncate","className","mergeClasses","primary","appearance","mediaSizedStyles","small","medium","size"],"sources":["../src/packages/react-components/react-table/src/components/TableCellLayout/useTableCellLayoutStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { TableCellLayoutSlots, TableCellLayoutState } from './TableCellLayout.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const tableCellLayoutClassNames: SlotClassNames<TableCellLayoutSlots> = {\n  root: 'fui-TableCellLayout',\n  media: 'fui-TableCellLayout__media',\n  main: 'fui-TableCellLayout__main',\n  description: 'fui-TableCellLayout__description',\n  content: 'fui-TableCellLayout__content',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    ...shorthands.gap(tokens.spacingHorizontalS),\n    ...shorthands.flex(1, 1, '0px'),\n  },\n\n  rootTruncate: {\n    overflowX: 'hidden',\n  },\n\n  content: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n\n  contentTruncate: {\n    overflowX: 'hidden',\n  },\n\n  media: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n\n  mediaExtraSmall: {\n    fontSize: '16px',\n  },\n\n  mediaSmallAndMedium: {\n    fontSize: '20px',\n  },\n\n  mediaPrimary: {\n    fontSize: '24px',\n  },\n\n  mainPrimary: {\n    fontWeight: tokens.fontWeightSemibold,\n  },\n\n  mainTruncate: {\n    overflowX: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n  },\n\n  description: {\n    color: tokens.colorNeutralForeground2,\n    ...typographyStyles.caption1,\n  },\n});\n\n/**\n * Apply styling to the TableCellLayout slots based on the state\n */\nexport const useTableCellLayoutStyles_unstable = (state: TableCellLayoutState): TableCellLayoutState => {\n  const styles = useStyles();\n  const { truncate } = state;\n\n  state.root.className = mergeClasses(\n    tableCellLayoutClassNames.root,\n    styles.root,\n    truncate && styles.rootTruncate,\n    state.root.className,\n  );\n  const primary = state.appearance === 'primary';\n\n  if (state.media) {\n    const mediaSizedStyles = {\n      small: styles.mediaSmallAndMedium,\n      medium: styles.mediaSmallAndMedium,\n      'extra-small': styles.mediaExtraSmall,\n    };\n\n    state.media.className = mergeClasses(\n      tableCellLayoutClassNames.media,\n      styles.media,\n      mediaSizedStyles[state.size],\n      primary && styles.mediaPrimary,\n      state.media.className,\n    );\n  }\n\n  if (state.main) {\n    state.main.className = mergeClasses(\n      tableCellLayoutClassNames.main,\n      truncate && styles.mainTruncate,\n      primary && styles.mainPrimary,\n      state.main.className,\n    );\n  }\n\n  if (state.description) {\n    state.description.className = mergeClasses(\n      tableCellLayoutClassNames.description,\n      styles.description,\n      state.description.className,\n    );\n  }\n\n  if (state.content) {\n    state.content.className = mergeClasses(\n      tableCellLayoutClassNames.content,\n      styles.content,\n      truncate && styles.contentTruncate,\n      state.content.className,\n    );\n  }\n\n  return state;\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../lib/components/TableCellLayout/useTableCellLayoutStyles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const tableCellLayoutClassNames = {\n  root: 'fui-TableCellLayout',\n  media: 'fui-TableCellLayout__media',\n  main: 'fui-TableCellLayout__main',\n  description: 'fui-TableCellLayout__description',\n  content: 'fui-TableCellLayout__content'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    i8kkvl: \"fsnqrgy\",\n    Belr9w4: \"fylz90v\",\n    Bh6795r: \"fqerorx\",\n    Bnnss6s: \"f1neuvcm\",\n    xawz: \"fkjuxzh\"\n  },\n  rootTruncate: {\n    B68tc82: \"f1p9o1ba\"\n  },\n  content: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1vx9l62\"\n  },\n  contentTruncate: {\n    B68tc82: \"f1p9o1ba\"\n  },\n  media: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\"\n  },\n  mediaExtraSmall: {\n    Be2twd7: \"f4ybsrx\"\n  },\n  mediaSmallAndMedium: {\n    Be2twd7: \"fe5j1ua\"\n  },\n  mediaPrimary: {\n    Be2twd7: \"f1rt2boy\"\n  },\n  mainPrimary: {\n    Bhrd7zp: \"fl43uef\"\n  },\n  mainTruncate: {\n    B68tc82: \"f1p9o1ba\",\n    Huce71: \"fz5stix\",\n    ygn44y: \"f1cmbuwj\"\n  },\n  description: {\n    sj55zd: \"fkfq4zb\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".fsnqrgy{-webkit-column-gap:var(--spacingHorizontalS);column-gap:var(--spacingHorizontalS);}\", \".fylz90v{row-gap:var(--spacingHorizontalS);}\", \".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;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f4ybsrx{font-size:16px;}\", \".fe5j1ua{font-size:20px;}\", \".f1rt2boy{font-size:24px;}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fz5stix{white-space:nowrap;}\", \".f1cmbuwj{text-overflow:ellipsis;}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\"]\n});\n/**\n * Apply styling to the TableCellLayout slots based on the state\n */\nexport const useTableCellLayoutStyles_unstable = state => {\n  const styles = useStyles();\n  const {\n    truncate\n  } = state;\n  state.root.className = mergeClasses(tableCellLayoutClassNames.root, styles.root, truncate && styles.rootTruncate, state.root.className);\n  const primary = state.appearance === 'primary';\n  if (state.media) {\n    const mediaSizedStyles = {\n      small: styles.mediaSmallAndMedium,\n      medium: styles.mediaSmallAndMedium,\n      'extra-small': styles.mediaExtraSmall\n    };\n    state.media.className = mergeClasses(tableCellLayoutClassNames.media, styles.media, mediaSizedStyles[state.size], primary && styles.mediaPrimary, state.media.className);\n  }\n  if (state.main) {\n    state.main.className = mergeClasses(tableCellLayoutClassNames.main, truncate && styles.mainTruncate, primary && styles.mainPrimary, state.main.className);\n  }\n  if (state.description) {\n    state.description.className = mergeClasses(tableCellLayoutClassNames.description, styles.description, state.description.className);\n  }\n  if (state.content) {\n    state.content.className = mergeClasses(tableCellLayoutClassNames.content, styles.content, truncate && styles.contentTruncate, state.content.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useTableCellLayoutStyles.js.map"],"names":["tableCellLayoutClassNames","useTableCellLayoutStyles_unstable","root","media","main","description","content","useStyles","__styles","mc9l5x","Bt984gj","i8kkvl","Belr9w4","Bh6795r","Bnnss6s","xawz","rootTruncate","B68tc82","Beiy3e4","contentTruncate","mediaExtraSmall","Be2twd7","mediaSmallAndMedium","mediaPrimary","mainPrimary","Bhrd7zp","mainTruncate","Huce71","ygn44y","sj55zd","Bahqtrf","Bg96gwp","d","state","styles","truncate","className","mergeClasses","primary","appearance","mediaSizedStyles","small","medium","size"],"mappings":";;;;;;;;;;;IAGaA,yBAAyB,MAAzBA;IAgEAC,iCAAiC,MAAjCA;;uBAnEsC;AAG5C,MAAMD,4BAA4B;IACvCE,MAAM;IACNC,OAAO;IACPC,MAAM;IACNC,aAAa;IACbC,SAAS;AACX;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCN,MAAM;QACJO,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,MAAM;IACR;IACAC,cAAc;QACZC,SAAS;IACX;IACAX,SAAS;QACPG,QAAQ;QACRS,SAAS;IACX;IACAC,iBAAiB;QACfF,SAAS;IACX;IACAd,OAAO;QACLM,QAAQ;QACRC,SAAS;IACX;IACAU,iBAAiB;QACfC,SAAS;IACX;IACAC,qBAAqB;QACnBD,SAAS;IACX;IACAE,cAAc;QACZF,SAAS;IACX;IACAG,aAAa;QACXC,SAAS;IACX;IACAC,cAAc;QACZT,SAAS;QACTU,QAAQ;QACRC,QAAQ;IACV;IACAvB,aAAa;QACXwB,QAAQ;QACRC,SAAS;QACTT,SAAS;QACTI,SAAS;QACTM,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAwF;QAA2G;QAAgG;QAAgD;QAAqF;QAAuE;QAAgF;QAAiC;QAA6F;QAA6B;QAA6B;QAA8B;QAAoD;QAAiC;QAAsC;QAAmD;QAAgD;QAA+C;QAAmD;KAAkD;AAC7oC;AAIO,MAAM/B,oCAAoCgC,CAAAA,QAAS;IACxD,MAAMC,SAAS3B;IACf,MAAM,EACJ4B,SAAQ,EACT,GAAGF;IACJA,MAAM/B,IAAI,CAACkC,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,0BAA0BE,IAAI,EAAEgC,OAAOhC,IAAI,EAAEiC,YAAYD,OAAOlB,YAAY,EAAEiB,MAAM/B,IAAI,CAACkC,SAAS;IACtI,MAAME,UAAUL,MAAMM,UAAU,KAAK;IACrC,IAAIN,MAAM9B,KAAK,EAAE;QACf,MAAMqC,mBAAmB;YACvBC,OAAOP,OAAOZ,mBAAmB;YACjCoB,QAAQR,OAAOZ,mBAAmB;YAClC,eAAeY,OAAOd,eAAe;QACvC;QACAa,MAAM9B,KAAK,CAACiC,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,0BAA0BG,KAAK,EAAE+B,OAAO/B,KAAK,EAAEqC,gBAAgB,CAACP,MAAMU,IAAI,CAAC,EAAEL,WAAWJ,OAAOX,YAAY,EAAEU,MAAM9B,KAAK,CAACiC,SAAS;IACzK,CAAC;IACD,IAAIH,MAAM7B,IAAI,EAAE;QACd6B,MAAM7B,IAAI,CAACgC,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,0BAA0BI,IAAI,EAAE+B,YAAYD,OAAOR,YAAY,EAAEY,WAAWJ,OAAOV,WAAW,EAAES,MAAM7B,IAAI,CAACgC,SAAS;IAC1J,CAAC;IACD,IAAIH,MAAM5B,WAAW,EAAE;QACrB4B,MAAM5B,WAAW,CAAC+B,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,0BAA0BK,WAAW,EAAE6B,OAAO7B,WAAW,EAAE4B,MAAM5B,WAAW,CAAC+B,SAAS;IACnI,CAAC;IACD,IAAIH,MAAM3B,OAAO,EAAE;QACjB2B,MAAM3B,OAAO,CAAC8B,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,0BAA0BM,OAAO,EAAE4B,OAAO5B,OAAO,EAAE6B,YAAYD,OAAOf,eAAe,EAAEc,MAAM3B,OAAO,CAAC8B,SAAS;IACvJ,CAAC;IACD,OAAOH;AACT,GACA,oDAAoD"}

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

@@ -1,25 +1,24 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "TableHeader", {
+    enumerable: true,
+    get: ()=>TableHeader
 });
-exports.TableHeader = void 0;
-const React = /*#__PURE__*/require("react");
-const useTableHeader_1 = /*#__PURE__*/require("./useTableHeader");
-const renderTableHeader_1 = /*#__PURE__*/require("./renderTableHeader");
-const useTableHeaderStyles_1 = /*#__PURE__*/require("./useTableHeaderStyles");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-/**
- * TableHeader component
- */
-exports.TableHeader = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useTableHeader_1.useTableHeader_unstable(props, ref);
-  useTableHeaderStyles_1.useTableHeaderStyles_unstable(state);
-  const {
-    useTableHeaderStyles_unstable: useCustomStyles
-  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
-  useCustomStyles(state);
-  return renderTableHeader_1.renderTableHeader_unstable(state);
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useTableHeader = require("./useTableHeader");
+const _renderTableHeader = require("./renderTableHeader");
+const _useTableHeaderStyles = require("./useTableHeaderStyles");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const TableHeader = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useTableHeader.useTableHeader_unstable)(props, ref);
+    (0, _useTableHeaderStyles.useTableHeaderStyles_unstable)(state);
+    const { useTableHeaderStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
+    useCustomStyles(state);
+    return (0, _renderTableHeader.renderTableHeader_unstable)(state);
 });
-exports.TableHeader.displayName = 'TableHeader';
+TableHeader.displayName = 'TableHeader'; //# sourceMappingURL=TableHeader.js.map
+
 //# sourceMappingURL=TableHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","useTableHeader_1","renderTableHeader_1","useTableHeaderStyles_1","react_shared_contexts_1","exports","TableHeader","forwardRef","props","ref","state","useTableHeader_unstable","useTableHeaderStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderTableHeader_unstable","displayName"],"sources":["../src/packages/react-components/react-table/src/components/TableHeader/TableHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTableHeader_unstable } from './useTableHeader';\nimport { renderTableHeader_unstable } from './renderTableHeader';\nimport { useTableHeaderStyles_unstable } from './useTableHeaderStyles';\nimport type { TableHeaderProps } from './TableHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * TableHeader component\n */\nexport const TableHeader: ForwardRefComponent<TableHeaderProps> = React.forwardRef((props, ref) => {\n  const state = useTableHeader_unstable(props, ref);\n\n  useTableHeaderStyles_unstable(state);\n\n  const { useTableHeaderStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderTableHeader_unstable(state);\n});\n\nTableHeader.displayName = 'TableHeader';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,gBAAA,gBAAAD,OAAA;AACA,MAAAE,mBAAA,gBAAAF,OAAA;AACA,MAAAG,sBAAA,gBAAAH,OAAA;AAGA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;AAGaK,OAAA,CAAAC,WAAW,gBAA0CP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAChG,MAAMC,KAAK,GAAGT,gBAAA,CAAAU,uBAAuB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEjDN,sBAAA,CAAAS,6BAA6B,CAACF,KAAK,CAAC;EAEpC,MAAM;IAAEE,6BAA6B,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EACzFD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOR,mBAAA,CAAAa,0BAA0B,CAACL,KAAK,CAAC;AAC1C,CAAC,CAAC;AAEFL,OAAA,CAAAC,WAAW,CAACU,WAAW,GAAG,aAAa"}
+{"version":3,"sources":["../../../lib/components/TableHeader/TableHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { useTableHeader_unstable } from './useTableHeader';\nimport { renderTableHeader_unstable } from './renderTableHeader';\nimport { useTableHeaderStyles_unstable } from './useTableHeaderStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n/**\n * TableHeader component\n */\nexport const TableHeader = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useTableHeader_unstable(props, ref);\n  useTableHeaderStyles_unstable(state);\n  const {\n    useTableHeaderStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderTableHeader_unstable(state);\n});\nTableHeader.displayName = 'TableHeader';\n//# sourceMappingURL=TableHeader.js.map"],"names":["TableHeader","React","forwardRef","props","ref","state","useTableHeader_unstable","useTableHeaderStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderTableHeader_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;gCACiB;mCACG;sCACG;qCACD;AAItC,MAAMA,cAAc,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACvE,MAAMC,QAAQC,IAAAA,uCAAuB,EAACH,OAAOC;IAC7CG,IAAAA,mDAA6B,EAACF;IAC9B,MAAM,EACJE,+BAA+BC,gBAAe,EAC/C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,6CAA0B,EAACL;AACpC;AACAL,YAAYW,WAAW,GAAG,eAC1B,uCAAuC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/packages/react-components/react-table/src/components/TableHeader/TableHeader.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { TableContextValue } from '../Table/Table.types';\n\nexport type TableHeaderSlots = {\n  root: Slot<'thead', 'div'>;\n};\n\n/**\n * TableHeader Props\n */\nexport type TableHeaderProps = ComponentProps<TableHeaderSlots> & {};\n\n/**\n * State used in rendering TableHeader\n */\nexport type TableHeaderState = ComponentState<TableHeaderSlots> & Pick<TableContextValue, 'noNativeElements'>;\n"],"mappings":""}
+{"version":3,"sources":["../../../lib/components/TableHeader/TableHeader.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=TableHeader.types.js.map"],"names":[],"mappings":";;;;CACA,6CAA6C"}

package/lib-commonjs/components/TableHeader/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("./TableHeader"), exports);
-tslib_1.__exportStar(require("./TableHeader.types"), exports);
-tslib_1.__exportStar(require("./renderTableHeader"), exports);
-tslib_1.__exportStar(require("./useTableHeader"), exports);
-tslib_1.__exportStar(require("./useTableHeaderStyles"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./TableHeader"), exports);
+_exportStar(require("./TableHeader.types"), exports);
+_exportStar(require("./renderTableHeader"), exports);
+_exportStar(require("./useTableHeader"), exports);
+_exportStar(require("./useTableHeaderStyles"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-table/src/components/TableHeader/index.ts"],"sourcesContent":["export * from './TableHeader';\nexport * from './TableHeader.types';\nexport * from './renderTableHeader';\nexport * from './useTableHeader';\nexport * from './useTableHeaderStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,mBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,sBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,4BAAAC,OAAA"}
+{"version":3,"sources":["../../../lib/components/TableHeader/index.js"],"sourcesContent":["export * from './TableHeader';\nexport * from './TableHeader.types';\nexport * from './renderTableHeader';\nexport * from './useTableHeader';\nexport * from './useTableHeaderStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/TableHeader/renderTableHeader.js

@@ -1,25 +1,20 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderTableHeader_unstable", {
+    enumerable: true,
+    get: ()=>renderTableHeader_unstable
 });
-exports.renderTableHeader_unstable = void 0;
-const React = /*#__PURE__*/require("react");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const tableHeaderContext_1 = /*#__PURE__*/require("../../contexts/tableHeaderContext");
-/**
- * Render the final JSX of TableHeader
- */
-const renderTableHeader_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = react_utilities_1.getSlots(state);
-  return React.createElement(tableHeaderContext_1.TableHeaderContextProvider, {
-    value: ""
-  }, React.createElement(slots.root, {
-    ...slotProps.root
-  }));
-};
-exports.renderTableHeader_unstable = renderTableHeader_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 _tableHeaderContext = require("../../contexts/tableHeaderContext");
+const renderTableHeader_unstable = (state)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
+    return /*#__PURE__*/ _react.createElement(_tableHeaderContext.TableHeaderContextProvider, {
+        value: ""
+    }, /*#__PURE__*/ _react.createElement(slots.root, slotProps.root));
+}; //# sourceMappingURL=renderTableHeader.js.map
+
 //# sourceMappingURL=renderTableHeader.js.map

package/lib-commonjs/components/TableHeader/renderTableHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_utilities_1","tableHeaderContext_1","renderTableHeader_unstable","state","slots","slotProps","getSlots","createElement","TableHeaderContextProvider","value","root","exports"],"sources":["../src/packages/react-components/react-table/src/components/TableHeader/renderTableHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { TableHeaderContextProvider } from '../../contexts/tableHeaderContext';\nimport type { TableHeaderState, TableHeaderSlots } from './TableHeader.types';\n\n/**\n * Render the final JSX of TableHeader\n */\nexport const renderTableHeader_unstable = (state: TableHeaderState) => {\n  const { slots, slotProps } = getSlots<TableHeaderSlots>(state);\n\n  return (\n    <TableHeaderContextProvider value=\"\">\n      <slots.root {...slotProps.root} />\n    </TableHeaderContextProvider>\n  );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,oBAAA,gBAAAF,OAAA;AAGA;;;AAGO,MAAMG,0BAA0B,GAAIC,KAAuB,IAAI;EACpE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGL,iBAAA,CAAAM,QAAQ,CAAmBH,KAAK,CAAC;EAE9D,OACEL,KAAA,CAAAS,aAAA,CAACN,oBAAA,CAAAO,0BAA0B;IAACC,KAAK,EAAC;EAAE,GAClCX,KAAA,CAAAS,aAAA,CAACH,KAAK,CAACM,IAAI;IAAA,GAAKL,SAAS,CAACK;EAAI,EAAI,CACP;AAEjC,CAAC;AARYC,OAAA,CAAAT,0BAA0B,GAAAA,0BAAA"}
+{"version":3,"sources":["../../../lib/components/TableHeader/renderTableHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { TableHeaderContextProvider } from '../../contexts/tableHeaderContext';\n/**\n * Render the final JSX of TableHeader\n */\nexport const renderTableHeader_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(TableHeaderContextProvider, {\n    value: \"\"\n  }, /*#__PURE__*/React.createElement(slots.root, slotProps.root));\n};\n//# sourceMappingURL=renderTableHeader.js.map"],"names":["renderTableHeader_unstable","state","slots","slotProps","getSlots","React","createElement","TableHeaderContextProvider","value","root"],"mappings":";;;;+BAMaA;;aAAAA;;;6DANU;gCACE;oCACkB;AAIpC,MAAMA,6BAA6BC,CAAAA,QAAS;IACjD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACC,8CAA0B,EAAE;QAClEC,OAAO;IACT,GAAG,WAAW,GAAEH,OAAMC,aAAa,CAACJ,MAAMO,IAAI,EAAEN,UAAUM,IAAI;AAChE,GACA,6CAA6C"}

package/lib-commonjs/components/TableHeader/useTableHeader.js

@@ -1,37 +1,30 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useTableHeader_unstable", {
+    enumerable: true,
+    get: ()=>useTableHeader_unstable
 });
-exports.useTableHeader_unstable = void 0;
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const tableContext_1 = /*#__PURE__*/require("../../contexts/tableContext");
-/**
- * Create the state required to render TableHeader.
- *
- * The returned state can be modified with hooks such as useTableHeaderStyles_unstable,
- * before being passed to renderTableHeader_unstable.
- *
- * @param props - props from this instance of TableHeader
- * @param ref - reference to root HTMLElement of TableHeader
- */
-const useTableHeader_unstable = (props, ref) => {
-  var _a;
-  const {
-    noNativeElements
-  } = tableContext_1.useTableContext();
-  const rootComponent = ((_a = props.as) !== null && _a !== void 0 ? _a : noNativeElements) ? 'div' : 'thead';
-  return {
-    components: {
-      root: rootComponent
-    },
-    root: react_utilities_1.getNativeElementProps(rootComponent, {
-      ref,
-      role: rootComponent === 'div' ? 'rowgroup' : undefined,
-      ...props
-    }),
-    noNativeElements
-  };
-};
-exports.useTableHeader_unstable = useTableHeader_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 _tableContext = require("../../contexts/tableContext");
+const useTableHeader_unstable = (props, ref)=>{
+    const { noNativeElements  } = (0, _tableContext.useTableContext)();
+    var _props_as;
+    const rootComponent = ((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : noNativeElements) ? 'div' : 'thead';
+    return {
+        components: {
+            root: rootComponent
+        },
+        root: (0, _reactUtilities.getNativeElementProps)(rootComponent, {
+            ref,
+            role: rootComponent === 'div' ? 'rowgroup' : undefined,
+            ...props
+        }),
+        noNativeElements
+    };
+}; //# sourceMappingURL=useTableHeader.js.map
+
 //# sourceMappingURL=useTableHeader.js.map

package/lib-commonjs/components/TableHeader/useTableHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_utilities_1","require","tableContext_1","useTableHeader_unstable","props","ref","noNativeElements","useTableContext","rootComponent","_a","as","components","root","getNativeElementProps","role","undefined","exports"],"sources":["../src/packages/react-components/react-table/src/components/TableHeader/useTableHeader.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { TableHeaderProps, TableHeaderState } from './TableHeader.types';\nimport { useTableContext } from '../../contexts/tableContext';\n\n/**\n * Create the state required to render TableHeader.\n *\n * The returned state can be modified with hooks such as useTableHeaderStyles_unstable,\n * before being passed to renderTableHeader_unstable.\n *\n * @param props - props from this instance of TableHeader\n * @param ref - reference to root HTMLElement of TableHeader\n */\nexport const useTableHeader_unstable = (props: TableHeaderProps, ref: React.Ref<HTMLElement>): TableHeaderState => {\n  const { noNativeElements } = useTableContext();\n\n  const rootComponent = props.as ?? noNativeElements ? 'div' : 'thead';\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":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AAEA,MAAAC,cAAA,gBAAAD,OAAA;AAEA;;;;;;;;;AASO,MAAME,uBAAuB,GAAGA,CAACC,KAAuB,EAAEC,GAA2B,KAAsB;;EAChH,MAAM;IAAEC;EAAgB,CAAE,GAAGJ,cAAA,CAAAK,eAAe,EAAE;EAE9C,MAAMC,aAAa,GAAG,EAAAC,EAAA,GAAAL,KAAK,CAACM,EAAE,cAAAD,EAAA,cAAAA,EAAA,GAAIH,gBAAgB,IAAG,KAAK,GAAG,OAAO;EACpE,OAAO;IACLK,UAAU,EAAE;MACVC,IAAI,EAAEJ;KACP;IACDI,IAAI,EAAEZ,iBAAA,CAAAa,qBAAqB,CAACL,aAAa,EAAE;MACzCH,GAAG;MACHS,IAAI,EAAEN,aAAa,KAAK,KAAK,GAAG,UAAU,GAAGO,SAAS;MACtD,GAAGX;KACJ,CAAC;IACFE;GACD;AACH,CAAC;AAfYU,OAAA,CAAAb,uBAAuB,GAAAA,uBAAA"}
+{"version":3,"sources":["../../../lib/components/TableHeader/useTableHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useTableContext } from '../../contexts/tableContext';\n/**\n * Create the state required to render TableHeader.\n *\n * The returned state can be modified with hooks such as useTableHeaderStyles_unstable,\n * before being passed to renderTableHeader_unstable.\n *\n * @param props - props from this instance of TableHeader\n * @param ref - reference to root HTMLElement of TableHeader\n */\nexport const useTableHeader_unstable = (props, ref) => {\n  const {\n    noNativeElements\n  } = useTableContext();\n  var _props_as;\n  const rootComponent = ((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : noNativeElements) ? 'div' : 'thead';\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//# sourceMappingURL=useTableHeader.js.map"],"names":["useTableHeader_unstable","props","ref","noNativeElements","useTableContext","_props_as","rootComponent","as","components","root","getNativeElementProps","role","undefined"],"mappings":";;;;+BAYaA;;aAAAA;;;6DAZU;gCACe;8BACN;AAUzB,MAAMA,0BAA0B,CAACC,OAAOC,MAAQ;IACrD,MAAM,EACJC,iBAAgB,EACjB,GAAGC,IAAAA,6BAAe;IACnB,IAAIC;IACJ,MAAMC,gBAAgB,AAAC,CAAA,AAACD,CAAAA,YAAYJ,MAAMM,EAAE,AAAD,MAAO,IAAI,IAAIF,cAAc,KAAK,IAAIA,YAAYF,gBAAgB,AAAD,IAAK,QAAQ,OAAO;IAChI,OAAO;QACLK,YAAY;YACVC,MAAMH;QACR;QACAG,MAAMC,IAAAA,qCAAqB,EAACJ,eAAe;YACzCJ;YACAS,MAAML,kBAAkB,QAAQ,aAAaM,SAAS;YACtD,GAAGX,KAAK;QACV;QACAE;IACF;AACF,GACA,0CAA0C"}

package/lib-commonjs/components/TableHeader/useTableHeaderStyles.js

@@ -1,38 +1,48 @@
 "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, {
+    tableHeaderClassName: ()=>tableHeaderClassName,
+    tableHeaderClassNames: ()=>tableHeaderClassNames,
+    useTableHeaderStyles_unstable: ()=>useTableHeaderStyles_unstable
 });
-exports.useTableHeaderStyles_unstable = exports.tableHeaderClassNames = exports.tableHeaderClassName = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-exports.tableHeaderClassName = 'fui-TableHeader';
-exports.tableHeaderClassNames = {
-  root: 'fui-TableHeader'
+const _react = require("@griffel/react");
+const tableHeaderClassName = 'fui-TableHeader';
+const tableHeaderClassNames = {
+    root: 'fui-TableHeader'
 };
-const useFlexLayoutStyles = /*#__PURE__*/react_1.__styles({
-  root: {
-    mc9l5x: "ftgm304"
-  }
+const useFlexLayoutStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    root: {
+        mc9l5x: "ftgm304"
+    }
 }, {
-  d: [".ftgm304{display:block;}"]
+    d: [
+        ".ftgm304{display:block;}"
+    ]
 });
-const useTableLayoutStyles = /*#__PURE__*/react_1.__styles({
-  root: {
-    mc9l5x: "f1tp1avn"
-  }
+const useTableLayoutStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    root: {
+        mc9l5x: "f1tp1avn"
+    }
 }, {
-  d: [".f1tp1avn{display:table-row-group;}"]
+    d: [
+        ".f1tp1avn{display:table-row-group;}"
+    ]
 });
-/**
- * Apply styling to the TableHeader slots based on the state
- */
-const useTableHeaderStyles_unstable = state => {
-  const layoutStyles = {
-    table: useTableLayoutStyles(),
-    flex: useFlexLayoutStyles()
-  };
-  state.root.className = react_1.mergeClasses(exports.tableHeaderClassName, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className);
-  return state;
-};
-exports.useTableHeaderStyles_unstable = useTableHeaderStyles_unstable;
+const useTableHeaderStyles_unstable = (state)=>{
+    const layoutStyles = {
+        table: useTableLayoutStyles(),
+        flex: useFlexLayoutStyles()
+    };
+    state.root.className = (0, _react.mergeClasses)(tableHeaderClassName, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className);
+    return state;
+}; //# sourceMappingURL=useTableHeaderStyles.js.map
+
 //# sourceMappingURL=useTableHeaderStyles.js.map

package/lib-commonjs/components/TableHeader/useTableHeaderStyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_1","require","exports","tableHeaderClassName","tableHeaderClassNames","root","useFlexLayoutStyles","__styles","mc9l5x","d","useTableLayoutStyles","useTableHeaderStyles_unstable","state","layoutStyles","table","flex","className","mergeClasses","noNativeElements"],"sources":["../src/packages/react-components/react-table/src/components/TableHeader/useTableHeaderStyles.ts"],"sourcesContent":["import { mergeClasses, makeStyles } from '@griffel/react';\nimport type { TableHeaderSlots, TableHeaderState } from './TableHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const tableHeaderClassName = 'fui-TableHeader';\nexport const tableHeaderClassNames: SlotClassNames<TableHeaderSlots> = {\n  root: 'fui-TableHeader',\n};\n\nconst useFlexLayoutStyles = makeStyles({\n  root: {\n    display: 'block',\n  },\n});\n\nconst useTableLayoutStyles = makeStyles({\n  root: {\n    display: 'table-row-group',\n  },\n});\n\n/**\n * Apply styling to the TableHeader slots based on the state\n */\nexport const useTableHeaderStyles_unstable = (state: TableHeaderState): TableHeaderState => {\n  const layoutStyles = {\n    table: useTableLayoutStyles(),\n    flex: useFlexLayoutStyles(),\n  };\n  state.root.className = mergeClasses(\n    tableHeaderClassName,\n    state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AAIaC,OAAA,CAAAC,oBAAoB,GAAG,iBAAiB;AACxCD,OAAA,CAAAE,qBAAqB,GAAqC;EACrEC,IAAI,EAAE;CACP;AAED,MAAMC,mBAAmB,gBAAGN,OAAA,CAAAO,QAAU;EAAAF,IAAA;IAAAG,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAIpC;AAEF,MAAMC,oBAAoB,gBAAGV,OAAA,CAAAO,QAAU;EAAAF,IAAA;IAAAG,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAIrC;AAEF;;;AAGO,MAAME,6BAA6B,GAAIC,KAAuB,IAAsB;EACzF,MAAMC,YAAY,GAAG;IACnBC,KAAK,EAAEJ,oBAAoB,EAAE;IAC7BK,IAAI,EAAET,mBAAmB;GAC1B;EACDM,KAAK,CAACP,IAAI,CAACW,SAAS,GAAGhB,OAAA,CAAAiB,YAAY,CACjCf,OAAA,CAAAC,oBAAoB,EACpBS,KAAK,CAACM,gBAAgB,GAAGL,YAAY,CAACE,IAAI,CAACV,IAAI,GAAGQ,YAAY,CAACC,KAAK,CAACT,IAAI,EACzEO,KAAK,CAACP,IAAI,CAACW,SAAS,CACrB;EAED,OAAOJ,KAAK;AACd,CAAC;AAZYV,OAAA,CAAAS,6BAA6B,GAAAA,6BAAA"}
+{"version":3,"sources":["../../../lib/components/TableHeader/useTableHeaderStyles.js"],"sourcesContent":["import { mergeClasses, __styles } from '@griffel/react';\nexport const tableHeaderClassName = 'fui-TableHeader';\nexport const tableHeaderClassNames = {\n  root: 'fui-TableHeader'\n};\nconst useFlexLayoutStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"ftgm304\"\n  }\n}, {\n  d: [\".ftgm304{display:block;}\"]\n});\nconst useTableLayoutStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f1tp1avn\"\n  }\n}, {\n  d: [\".f1tp1avn{display:table-row-group;}\"]\n});\n/**\n * Apply styling to the TableHeader slots based on the state\n */\nexport const useTableHeaderStyles_unstable = state => {\n  const layoutStyles = {\n    table: useTableLayoutStyles(),\n    flex: useFlexLayoutStyles()\n  };\n  state.root.className = mergeClasses(tableHeaderClassName, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTableHeaderStyles.js.map"],"names":["tableHeaderClassName","tableHeaderClassNames","useTableHeaderStyles_unstable","root","useFlexLayoutStyles","__styles","mc9l5x","d","useTableLayoutStyles","state","layoutStyles","table","flex","className","mergeClasses","noNativeElements"],"mappings":";;;;;;;;;;;IACaA,oBAAoB,MAApBA;IACAC,qBAAqB,MAArBA;IAoBAC,6BAA6B,MAA7BA;;uBAtB0B;AAChC,MAAMF,uBAAuB;AAC7B,MAAMC,wBAAwB;IACnCE,MAAM;AACR;AACA,MAAMC,sBAAsB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAChDF,MAAM;QACJG,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;KAA2B;AACjC;AACA,MAAMC,uBAAuB,WAAW,GAAEH,IAAAA,kBAAQ,EAAC;IACjDF,MAAM;QACJG,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;KAAsC;AAC5C;AAIO,MAAML,gCAAgCO,CAAAA,QAAS;IACpD,MAAMC,eAAe;QACnBC,OAAOH;QACPI,MAAMR;IACR;IACAK,MAAMN,IAAI,CAACU,SAAS,GAAGC,IAAAA,mBAAY,EAACd,sBAAsBS,MAAMM,gBAAgB,GAAGL,aAAaE,IAAI,CAACT,IAAI,GAAGO,aAAaC,KAAK,CAACR,IAAI,EAAEM,MAAMN,IAAI,CAACU,SAAS;IACzJ,OAAOJ;AACT,GACA,gDAAgD"}