@fluentui/react-tabs 9.3.3 → 9.3.5

package/lib-commonjs/components/TabList/useTabList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_tabster_1","react_utilities_1","useTabList_unstable","props","ref","appearance","reserveSelectedTabSpace","disabled","onTabSelect","size","vertical","innerRef","useRef","focusAttributes","useArrowNavigationGroup","circular","axis","memorizeCurrent","selectedValue","setSelectedValue","useControllableState","state","defaultState","defaultSelectedValue","initialState","undefined","currentSelectedValue","previousSelectedValue","useEffect","current","onSelect","useEventCallback","event","data","value","registeredTabs","onRegister","JSON","stringify","onUnregister","getRegisteredTabs","useCallback","components","root","getNativeElementProps","useMergedRefs","role","exports"],"sources":["../src/packages/react-components/react-tabs/src/components/TabList/useTabList.ts"],"sourcesContent":["import * as React from 'react';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport {\n  getNativeElementProps,\n  useControllableState,\n  useEventCallback,\n  useMergedRefs,\n} from '@fluentui/react-utilities';\nimport type { TabRegisterData, SelectTabData, SelectTabEvent, TabListProps, TabListState } from './TabList.types';\nimport { TabValue } from '../Tab/Tab.types';\n\n/**\n * Create the state required to render TabList.\n *\n * The returned state can be modified with hooks such as useTabListStyles_unstable,\n * before being passed to renderTabList_unstable.\n *\n * @param props - props from this instance of TabList\n * @param ref - reference to root HTMLElement of TabList\n */\nexport const useTabList_unstable = (props: TabListProps, ref: React.Ref<HTMLElement>): TabListState => {\n  const {\n    appearance = 'transparent',\n    reserveSelectedTabSpace = true,\n    disabled = false,\n    onTabSelect,\n    size = 'medium',\n    vertical = false,\n  } = props;\n\n  const innerRef = React.useRef<HTMLElement>(null);\n\n  const focusAttributes = useArrowNavigationGroup({\n    circular: true,\n    axis: vertical ? 'vertical' : 'horizontal',\n    memorizeCurrent: true,\n  });\n\n  const [selectedValue, setSelectedValue] = useControllableState({\n    state: props.selectedValue,\n    defaultState: props.defaultSelectedValue,\n    initialState: undefined,\n  });\n\n  // considered usePrevious, but it is sensitive to re-renders\n  // this could cause the previous to move to current in the case where the tab list re-renders.\n  // these refs avoid getRegisteredTabs changing when selectedValue changes and causing\n  // renders for tabs that have not changed.\n  const currentSelectedValue = React.useRef<TabValue | undefined>(undefined);\n  const previousSelectedValue = React.useRef<TabValue | undefined>(undefined);\n\n  React.useEffect(() => {\n    previousSelectedValue.current = currentSelectedValue.current;\n    currentSelectedValue.current = selectedValue;\n  }, [selectedValue]);\n\n  const onSelect = useEventCallback((event: SelectTabEvent, data: SelectTabData) => {\n    setSelectedValue(data.value);\n    onTabSelect?.(event, data);\n  });\n\n  const registeredTabs = React.useRef<Record<string, TabRegisterData>>({});\n\n  const onRegister = useEventCallback((data: TabRegisterData) => {\n    registeredTabs.current[JSON.stringify(data.value)] = data;\n  });\n\n  const onUnregister = useEventCallback((data: TabRegisterData) => {\n    delete registeredTabs.current[JSON.stringify(data.value)];\n  });\n\n  const getRegisteredTabs = React.useCallback(() => {\n    return {\n      selectedValue: currentSelectedValue.current,\n      previousSelectedValue: previousSelectedValue.current,\n      registeredTabs: registeredTabs.current,\n    };\n  }, []);\n\n  return {\n    components: {\n      root: 'div',\n    },\n    root: getNativeElementProps('div', {\n      ref: useMergedRefs(ref, innerRef),\n      role: 'tablist',\n      ...focusAttributes,\n      ...props,\n    }),\n    appearance,\n    reserveSelectedTabSpace,\n    disabled,\n    selectedValue,\n    size,\n    vertical,\n    onRegister,\n    onUnregister,\n    onSelect,\n    getRegisteredTabs,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../lib/components/TabList/useTabList.js"],"sourcesContent":["import * as React from 'react';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { getNativeElementProps, useControllableState, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\n/**\n * Create the state required to render TabList.\n *\n * The returned state can be modified with hooks such as useTabListStyles_unstable,\n * before being passed to renderTabList_unstable.\n *\n * @param props - props from this instance of TabList\n * @param ref - reference to root HTMLElement of TabList\n */\nexport const useTabList_unstable = (props, ref) => {\n  const {\n    appearance = 'transparent',\n    reserveSelectedTabSpace = true,\n    disabled = false,\n    onTabSelect,\n    size = 'medium',\n    vertical = false\n  } = props;\n  const innerRef = React.useRef(null);\n  const focusAttributes = useArrowNavigationGroup({\n    circular: true,\n    axis: vertical ? 'vertical' : 'horizontal',\n    memorizeCurrent: true\n  });\n  const [selectedValue, setSelectedValue] = useControllableState({\n    state: props.selectedValue,\n    defaultState: props.defaultSelectedValue,\n    initialState: undefined\n  });\n  // considered usePrevious, but it is sensitive to re-renders\n  // this could cause the previous to move to current in the case where the tab list re-renders.\n  // these refs avoid getRegisteredTabs changing when selectedValue changes and causing\n  // renders for tabs that have not changed.\n  const currentSelectedValue = React.useRef(undefined);\n  const previousSelectedValue = React.useRef(undefined);\n  React.useEffect(() => {\n    previousSelectedValue.current = currentSelectedValue.current;\n    currentSelectedValue.current = selectedValue;\n  }, [selectedValue]);\n  const onSelect = useEventCallback((event, data) => {\n    setSelectedValue(data.value);\n    onTabSelect === null || onTabSelect === void 0 ? void 0 : onTabSelect(event, data);\n  });\n  const registeredTabs = React.useRef({});\n  const onRegister = useEventCallback(data => {\n    registeredTabs.current[JSON.stringify(data.value)] = data;\n  });\n  const onUnregister = useEventCallback(data => {\n    delete registeredTabs.current[JSON.stringify(data.value)];\n  });\n  const getRegisteredTabs = React.useCallback(() => {\n    return {\n      selectedValue: currentSelectedValue.current,\n      previousSelectedValue: previousSelectedValue.current,\n      registeredTabs: registeredTabs.current\n    };\n  }, []);\n  return {\n    components: {\n      root: 'div'\n    },\n    root: getNativeElementProps('div', {\n      ref: useMergedRefs(ref, innerRef),\n      role: 'tablist',\n      ...focusAttributes,\n      ...props\n    }),\n    appearance,\n    reserveSelectedTabSpace,\n    disabled,\n    selectedValue,\n    size,\n    vertical,\n    onRegister,\n    onUnregister,\n    onSelect,\n    getRegisteredTabs\n  };\n};\n//# sourceMappingURL=useTabList.js.map"],"names":["useTabList_unstable","props","ref","appearance","reserveSelectedTabSpace","disabled","onTabSelect","size","vertical","innerRef","React","useRef","focusAttributes","useArrowNavigationGroup","circular","axis","memorizeCurrent","selectedValue","setSelectedValue","useControllableState","state","defaultState","defaultSelectedValue","initialState","undefined","currentSelectedValue","previousSelectedValue","useEffect","current","onSelect","useEventCallback","event","data","value","registeredTabs","onRegister","JSON","stringify","onUnregister","getRegisteredTabs","useCallback","components","root","getNativeElementProps","useMergedRefs","role"],"mappings":";;;;+BAYaA;;aAAAA;;;6DAZU;8BACiB;gCACqD;AAUtF,MAAMA,sBAAsB,CAACC,OAAOC,MAAQ;IACjD,MAAM,EACJC,YAAa,cAAa,EAC1BC,yBAA0B,IAAI,CAAA,EAC9BC,UAAW,KAAK,CAAA,EAChBC,YAAW,EACXC,MAAO,SAAQ,EACfC,UAAW,KAAK,CAAA,EACjB,GAAGP;IACJ,MAAMQ,WAAWC,OAAMC,MAAM,CAAC,IAAI;IAClC,MAAMC,kBAAkBC,IAAAA,qCAAuB,EAAC;QAC9CC,UAAU,IAAI;QACdC,MAAMP,WAAW,aAAa,YAAY;QAC1CQ,iBAAiB,IAAI;IACvB;IACA,MAAM,CAACC,eAAeC,iBAAiB,GAAGC,IAAAA,oCAAoB,EAAC;QAC7DC,OAAOnB,MAAMgB,aAAa;QAC1BI,cAAcpB,MAAMqB,oBAAoB;QACxCC,cAAcC;IAChB;IACA,4DAA4D;IAC5D,8FAA8F;IAC9F,qFAAqF;IACrF,0CAA0C;IAC1C,MAAMC,uBAAuBf,OAAMC,MAAM,CAACa;IAC1C,MAAME,wBAAwBhB,OAAMC,MAAM,CAACa;IAC3Cd,OAAMiB,SAAS,CAAC,IAAM;QACpBD,sBAAsBE,OAAO,GAAGH,qBAAqBG,OAAO;QAC5DH,qBAAqBG,OAAO,GAAGX;IACjC,GAAG;QAACA;KAAc;IAClB,MAAMY,WAAWC,IAAAA,gCAAgB,EAAC,CAACC,OAAOC,OAAS;QACjDd,iBAAiBc,KAAKC,KAAK;QAC3B3B,gBAAgB,IAAI,IAAIA,gBAAgB,KAAK,IAAI,KAAK,IAAIA,YAAYyB,OAAOC,KAAK;IACpF;IACA,MAAME,iBAAiBxB,OAAMC,MAAM,CAAC,CAAC;IACrC,MAAMwB,aAAaL,IAAAA,gCAAgB,EAACE,CAAAA,OAAQ;QAC1CE,eAAeN,OAAO,CAACQ,KAAKC,SAAS,CAACL,KAAKC,KAAK,EAAE,GAAGD;IACvD;IACA,MAAMM,eAAeR,IAAAA,gCAAgB,EAACE,CAAAA,OAAQ;QAC5C,OAAOE,eAAeN,OAAO,CAACQ,KAAKC,SAAS,CAACL,KAAKC,KAAK,EAAE;IAC3D;IACA,MAAMM,oBAAoB7B,OAAM8B,WAAW,CAAC,IAAM;QAChD,OAAO;YACLvB,eAAeQ,qBAAqBG,OAAO;YAC3CF,uBAAuBA,sBAAsBE,OAAO;YACpDM,gBAAgBA,eAAeN,OAAO;QACxC;IACF,GAAG,EAAE;IACL,OAAO;QACLa,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YACjCzC,KAAK0C,IAAAA,6BAAa,EAAC1C,KAAKO;YACxBoC,MAAM;YACN,GAAGjC,eAAe;YAClB,GAAGX,KAAK;QACV;QACAE;QACAC;QACAC;QACAY;QACAV;QACAC;QACA2B;QACAG;QACAT;QACAU;IACF;AACF,GACA,sCAAsC"}

package/lib-commonjs/components/TabList/useTabListContextValues.js

@@ -1,37 +1,28 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useTabListContextValues_unstable", {
+    enumerable: true,
+    get: ()=>useTabListContextValues_unstable
 });
-exports.useTabListContextValues_unstable = void 0;
 function useTabListContextValues_unstable(state) {
-  const {
-    appearance,
-    reserveSelectedTabSpace,
-    disabled,
-    selectedValue: selectedKey,
-    onRegister,
-    onUnregister,
-    onSelect,
-    getRegisteredTabs,
-    size,
-    vertical
-  } = state;
-  const tabList = {
-    appearance,
-    reserveSelectedTabSpace,
-    disabled,
-    selectedValue: selectedKey,
-    onSelect,
-    onRegister,
-    onUnregister,
-    getRegisteredTabs,
-    size,
-    vertical
-  };
-  return {
-    tabList
-  };
-}
-exports.useTabListContextValues_unstable = useTabListContextValues_unstable;
+    const { appearance , reserveSelectedTabSpace , disabled , selectedValue: selectedKey , onRegister , onUnregister , onSelect , getRegisteredTabs , size , vertical  } = state;
+    const tabList = {
+        appearance,
+        reserveSelectedTabSpace,
+        disabled,
+        selectedValue: selectedKey,
+        onSelect,
+        onRegister,
+        onUnregister,
+        getRegisteredTabs,
+        size,
+        vertical
+    };
+    return {
+        tabList
+    };
+} //# sourceMappingURL=useTabListContextValues.js.map
+
 //# sourceMappingURL=useTabListContextValues.js.map

package/lib-commonjs/components/TabList/useTabListContextValues.js.map

@@ -1 +1 @@
-{"version":3,"names":["useTabListContextValues_unstable","state","appearance","reserveSelectedTabSpace","disabled","selectedValue","selectedKey","onRegister","onUnregister","onSelect","getRegisteredTabs","size","vertical","tabList","exports"],"sources":["../src/packages/react-components/react-tabs/src/components/TabList/useTabListContextValues.tsx"],"sourcesContent":["import { TabListContextValue, TabListContextValues, TabListState } from './TabList.types';\n\nexport function useTabListContextValues_unstable(state: TabListState): TabListContextValues {\n  const {\n    appearance,\n    reserveSelectedTabSpace,\n    disabled,\n    selectedValue: selectedKey,\n    onRegister,\n    onUnregister,\n    onSelect,\n    getRegisteredTabs,\n    size,\n    vertical,\n  } = state;\n\n  const tabList: TabListContextValue = {\n    appearance,\n    reserveSelectedTabSpace,\n    disabled,\n    selectedValue: selectedKey,\n    onSelect,\n    onRegister,\n    onUnregister,\n    getRegisteredTabs,\n    size,\n    vertical,\n  };\n\n  return { tabList };\n}\n"],"mappings":";;;;;;AAEA,SAAgBA,gCAAgCA,CAACC,KAAmB;EAClE,MAAM;IACJC,UAAU;IACVC,uBAAuB;IACvBC,QAAQ;IACRC,aAAa,EAAEC,WAAW;IAC1BC,UAAU;IACVC,YAAY;IACZC,QAAQ;IACRC,iBAAiB;IACjBC,IAAI;IACJC;EAAQ,CACT,GAAGX,KAAK;EAET,MAAMY,OAAO,GAAwB;IACnCX,UAAU;IACVC,uBAAuB;IACvBC,QAAQ;IACRC,aAAa,EAAEC,WAAW;IAC1BG,QAAQ;IACRF,UAAU;IACVC,YAAY;IACZE,iBAAiB;IACjBC,IAAI;IACJC;GACD;EAED,OAAO;IAAEC;EAAO,CAAE;AACpB;AA5BAC,OAAA,CAAAd,gCAAA,GAAAA,gCAAA"}
+{"version":3,"sources":["../../../lib/components/TabList/useTabListContextValues.js"],"sourcesContent":["export function useTabListContextValues_unstable(state) {\n  const {\n    appearance,\n    reserveSelectedTabSpace,\n    disabled,\n    selectedValue: selectedKey,\n    onRegister,\n    onUnregister,\n    onSelect,\n    getRegisteredTabs,\n    size,\n    vertical\n  } = state;\n  const tabList = {\n    appearance,\n    reserveSelectedTabSpace,\n    disabled,\n    selectedValue: selectedKey,\n    onSelect,\n    onRegister,\n    onUnregister,\n    getRegisteredTabs,\n    size,\n    vertical\n  };\n  return {\n    tabList\n  };\n}\n//# sourceMappingURL=useTabListContextValues.js.map"],"names":["useTabListContextValues_unstable","state","appearance","reserveSelectedTabSpace","disabled","selectedValue","selectedKey","onRegister","onUnregister","onSelect","getRegisteredTabs","size","vertical","tabList"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,iCAAiCC,KAAK,EAAE;IACtD,MAAM,EACJC,WAAU,EACVC,wBAAuB,EACvBC,SAAQ,EACRC,eAAeC,YAAW,EAC1BC,WAAU,EACVC,aAAY,EACZC,SAAQ,EACRC,kBAAiB,EACjBC,KAAI,EACJC,SAAQ,EACT,GAAGX;IACJ,MAAMY,UAAU;QACdX;QACAC;QACAC;QACAC,eAAeC;QACfG;QACAF;QACAC;QACAE;QACAC;QACAC;IACF;IACA,OAAO;QACLC;IACF;AACF,EACA,mDAAmD"}

package/lib-commonjs/components/TabList/useTabListStyles.js

@@ -1,45 +1,55 @@
 "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, {
+    tabListClassNames: ()=>tabListClassNames,
+    useTabListStyles_unstable: ()=>useTabListStyles_unstable
 });
-exports.useTabListStyles_unstable = exports.tabListClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-exports.tabListClassNames = {
-  root: 'fui-TabList'
+const _react = require("@griffel/react");
+const tabListClassNames = {
+    root: 'fui-TabList'
 };
 /**
  * Styles for the root slot
- */
-const useStyles = /*#__PURE__*/react_1.__styles({
-  root: {
-    mc9l5x: "f22iagw",
-    Beiy3e4: "f1063pyq",
-    Bnnss6s: "fi64zpg",
-    Eh141a: "flvyvdh",
-    qhf8xq: "f10pi13n"
-  },
-  horizontal: {
-    Bt984gj: "f1q9h2pe",
-    Beiy3e4: "f1063pyq"
-  },
-  vertical: {
-    Bt984gj: "f1q9h2pe",
-    Beiy3e4: "f1vx9l62"
-  }
+ */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    root: {
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1063pyq",
+        Bnnss6s: "fi64zpg",
+        Eh141a: "flvyvdh",
+        qhf8xq: "f10pi13n"
+    },
+    horizontal: {
+        Bt984gj: "f1q9h2pe",
+        Beiy3e4: "f1063pyq"
+    },
+    vertical: {
+        Bt984gj: "f1q9h2pe",
+        Beiy3e4: "f1vx9l62"
+    }
 }, {
-  d: [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}", ".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", ".flvyvdh{-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}", ".f10pi13n{position:relative;}", ".f1q9h2pe{-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}"]
+    d: [
+        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
+        ".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}",
+        ".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}",
+        ".flvyvdh{-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}",
+        ".f10pi13n{position:relative;}",
+        ".f1q9h2pe{-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}",
+        ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}"
+    ]
 });
-/**
- * Apply styling to the TabList slots based on the state
- */
-const useTabListStyles_unstable = state => {
-  const {
-    vertical
-  } = state;
-  const styles = useStyles();
-  state.root.className = react_1.mergeClasses(exports.tabListClassNames.root, styles.root, vertical ? styles.vertical : styles.horizontal, state.root.className);
-  return state;
-};
-exports.useTabListStyles_unstable = useTabListStyles_unstable;
+const useTabListStyles_unstable = (state)=>{
+    const { vertical  } = state;
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(tabListClassNames.root, styles.root, vertical ? styles.vertical : styles.horizontal, state.root.className);
+    return state;
+}; //# sourceMappingURL=useTabListStyles.js.map
+
 //# sourceMappingURL=useTabListStyles.js.map

package/lib-commonjs/components/TabList/useTabListStyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_1","require","exports","tabListClassNames","root","useStyles","__styles","mc9l5x","Beiy3e4","Bnnss6s","Eh141a","qhf8xq","horizontal","Bt984gj","vertical","d","useTabListStyles_unstable","state","styles","className","mergeClasses"],"sources":["../src/packages/react-components/react-tabs/src/components/TabList/useTabListStyles.ts"],"sourcesContent":["import { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { TabListSlots, TabListState } from './TabList.types';\n\nexport const tabListClassNames: SlotClassNames<TabListSlots> = {\n  root: 'fui-TabList',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    flexShrink: 0,\n    flexWrap: 'nowrap',\n    position: 'relative',\n  },\n  horizontal: {\n    alignItems: 'stretch',\n    flexDirection: 'row',\n  },\n  vertical: {\n    alignItems: 'stretch',\n    flexDirection: 'column',\n  },\n});\n\n/**\n * Apply styling to the TabList slots based on the state\n */\nexport const useTabListStyles_unstable = (state: TabListState): TabListState => {\n  const { vertical } = state;\n\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(\n    tabListClassNames.root,\n    styles.root,\n    vertical ? styles.vertical : styles.horizontal,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"mappings":";;;;;;AACA,MAAAA,OAAA,gBAAAC,OAAA;AAGaC,OAAA,CAAAC,iBAAiB,GAAiC;EAC7DC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAGL,OAAA,CAAAM,QAAU;EAAAF,IAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,UAAA;IAAAC,OAAA;IAAAL,OAAA;EAAA;EAAAM,QAAA;IAAAD,OAAA;IAAAL,OAAA;EAAA;AAAA;EAAAO,CAAA;AAAA,EAgB1B;AAEF;;;AAGO,MAAMC,yBAAyB,GAAIC,KAAmB,IAAkB;EAC7E,MAAM;IAAEH;EAAQ,CAAE,GAAGG,KAAK;EAE1B,MAAMC,MAAM,GAAGb,SAAS,EAAE;EAE1BY,KAAK,CAACb,IAAI,CAACe,SAAS,GAAGnB,OAAA,CAAAoB,YAAY,CACjClB,OAAA,CAAAC,iBAAiB,CAACC,IAAI,EACtBc,MAAM,CAACd,IAAI,EACXU,QAAQ,GAAGI,MAAM,CAACJ,QAAQ,GAAGI,MAAM,CAACN,UAAU,EAC9CK,KAAK,CAACb,IAAI,CAACe,SAAS,CACrB;EAED,OAAOF,KAAK;AACd,CAAC;AAbYf,OAAA,CAAAc,yBAAyB,GAAAA,yBAAA"}
+{"version":3,"sources":["../../../lib/components/TabList/useTabListStyles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const tabListClassNames = {\n  root: 'fui-TabList'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1063pyq\",\n    Bnnss6s: \"fi64zpg\",\n    Eh141a: \"flvyvdh\",\n    qhf8xq: \"f10pi13n\"\n  },\n  horizontal: {\n    Bt984gj: \"f1q9h2pe\",\n    Beiy3e4: \"f1063pyq\"\n  },\n  vertical: {\n    Bt984gj: \"f1q9h2pe\",\n    Beiy3e4: \"f1vx9l62\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1063pyq{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}\", \".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}\", \".flvyvdh{-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}\", \".f10pi13n{position:relative;}\", \".f1q9h2pe{-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\"]\n});\n/**\n * Apply styling to the TabList slots based on the state\n */\nexport const useTabListStyles_unstable = state => {\n  const {\n    vertical\n  } = state;\n  const styles = useStyles();\n  state.root.className = mergeClasses(tabListClassNames.root, styles.root, vertical ? styles.vertical : styles.horizontal, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTabListStyles.js.map"],"names":["tabListClassNames","useTabListStyles_unstable","root","useStyles","__styles","mc9l5x","Beiy3e4","Bnnss6s","Eh141a","qhf8xq","horizontal","Bt984gj","vertical","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,iBAAiB,MAAjBA;IA4BAC,yBAAyB,MAAzBA;;uBA7B0B;AAChC,MAAMD,oBAAoB;IAC/BE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;IACV;IACAC,YAAY;QACVC,SAAS;QACTL,SAAS;IACX;IACAM,UAAU;QACRD,SAAS;QACTL,SAAS;IACX;AACF,GAAG;IACDO,GAAG;QAAC;QAAwF;QAAoF;QAAsE;QAA0G;QAAiC;QAAgH;KAA4F;AAC/kB;AAIO,MAAMZ,4BAA4Ba,CAAAA,QAAS;IAChD,MAAM,EACJF,SAAQ,EACT,GAAGE;IACJ,MAAMC,SAASZ;IACfW,MAAMZ,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAACjB,kBAAkBE,IAAI,EAAEa,OAAOb,IAAI,EAAEU,WAAWG,OAAOH,QAAQ,GAAGG,OAAOL,UAAU,EAAEI,MAAMZ,IAAI,CAACc,SAAS;IAC7I,OAAOF;AACT,GACA,4CAA4C"}

package/lib-commonjs/index.js

@@ -1,87 +1,30 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTabList_unstable = exports.useTabListStyles_unstable = exports.useTabListContextValues_unstable = exports.useTabListContext_unstable = exports.tabListClassNames = exports.TabListProvider = exports.TabList = exports.renderTabList_unstable = exports.useTab_unstable = exports.useTabStyles_unstable = exports.tabClassNames = exports.Tab = exports.renderTab_unstable = void 0;
-var Tab_1 = /*#__PURE__*/require("./Tab");
-Object.defineProperty(exports, "renderTab_unstable", {
-  enumerable: true,
-  get: function () {
-    return Tab_1.renderTab_unstable;
-  }
-});
-Object.defineProperty(exports, "Tab", {
-  enumerable: true,
-  get: function () {
-    return Tab_1.Tab;
-  }
-});
-Object.defineProperty(exports, "tabClassNames", {
-  enumerable: true,
-  get: function () {
-    return Tab_1.tabClassNames;
-  }
-});
-Object.defineProperty(exports, "useTabStyles_unstable", {
-  enumerable: true,
-  get: function () {
-    return Tab_1.useTabStyles_unstable;
-  }
-});
-Object.defineProperty(exports, "useTab_unstable", {
-  enumerable: true,
-  get: function () {
-    return Tab_1.useTab_unstable;
-  }
-});
-var TabList_1 = /*#__PURE__*/require("./TabList");
-Object.defineProperty(exports, "renderTabList_unstable", {
-  enumerable: true,
-  get: function () {
-    return TabList_1.renderTabList_unstable;
-  }
-});
-Object.defineProperty(exports, "TabList", {
-  enumerable: true,
-  get: function () {
-    return TabList_1.TabList;
-  }
-});
-Object.defineProperty(exports, "TabListProvider", {
-  enumerable: true,
-  get: function () {
-    return TabList_1.TabListProvider;
-  }
-});
-Object.defineProperty(exports, "tabListClassNames", {
-  enumerable: true,
-  get: function () {
-    return TabList_1.tabListClassNames;
-  }
-});
-Object.defineProperty(exports, "useTabListContext_unstable", {
-  enumerable: true,
-  get: function () {
-    return TabList_1.useTabListContext_unstable;
-  }
-});
-Object.defineProperty(exports, "useTabListContextValues_unstable", {
-  enumerable: true,
-  get: function () {
-    return TabList_1.useTabListContextValues_unstable;
-  }
-});
-Object.defineProperty(exports, "useTabListStyles_unstable", {
-  enumerable: true,
-  get: function () {
-    return TabList_1.useTabListStyles_unstable;
-  }
-});
-Object.defineProperty(exports, "useTabList_unstable", {
-  enumerable: true,
-  get: function () {
-    return TabList_1.useTabList_unstable;
-  }
-});
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    renderTab_unstable: ()=>_tab.renderTab_unstable,
+    Tab: ()=>_tab.Tab,
+    tabClassNames: ()=>_tab.tabClassNames,
+    useTabStyles_unstable: ()=>_tab.useTabStyles_unstable,
+    useTab_unstable: ()=>_tab.useTab_unstable,
+    renderTabList_unstable: ()=>_tabList.renderTabList_unstable,
+    TabList: ()=>_tabList.TabList,
+    TabListProvider: ()=>_tabList.TabListProvider,
+    tabListClassNames: ()=>_tabList.tabListClassNames,
+    useTabListContext_unstable: ()=>_tabList.useTabListContext_unstable,
+    useTabListContextValues_unstable: ()=>_tabList.useTabListContextValues_unstable,
+    useTabListStyles_unstable: ()=>_tabList.useTabListStyles_unstable,
+    useTabList_unstable: ()=>_tabList.useTabList_unstable
+});
+const _tab = require("./Tab");
+const _tabList = require("./TabList");
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Tab_1","require","Object","defineProperty","exports","enumerable","get","renderTab_unstable","Tab","tabClassNames","useTabStyles_unstable","useTab_unstable","TabList_1","renderTabList_unstable","TabList","TabListProvider","tabListClassNames","useTabListContext_unstable","useTabListContextValues_unstable","useTabListStyles_unstable","useTabList_unstable"],"sources":["../src/packages/react-components/react-tabs/src/index.ts"],"sourcesContent":["export type { TabProps, TabSlots, TabState, TabValue } from './Tab';\nexport { renderTab_unstable, Tab, tabClassNames, useTabStyles_unstable, useTab_unstable } from './Tab';\nexport type {\n  TabRegisterData,\n  RegisterTabEventHandler,\n  SelectTabData,\n  SelectTabEvent,\n  SelectTabEventHandler,\n  TabListContextValue,\n  TabListContextValues,\n  TabListProps,\n  TabListSlots,\n  TabListState,\n} from './TabList';\nexport {\n  renderTabList_unstable,\n  TabList,\n  TabListProvider,\n  tabListClassNames,\n  useTabListContext_unstable,\n  useTabListContextValues_unstable,\n  useTabListStyles_unstable,\n  useTabList_unstable,\n} from './TabList';\n"],"mappings":";;;;;;AACA,IAAAA,KAAA,gBAAAC,OAAA;AAASC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,KAAA,CAAAO,kBAAkB;EAAA;AAAA;AAAEL,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,KAAA,CAAAQ,GAAG;EAAA;AAAA;AAAEN,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,KAAA,CAAAS,aAAa;EAAA;AAAA;AAAEP,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,KAAA,CAAAU,qBAAqB;EAAA;AAAA;AAAER,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,KAAA,CAAAW,eAAe;EAAA;AAAA;AAavF,IAAAC,SAAA,gBAAAX,OAAA;AACEC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAM,SAAA,CAAAC,sBAAsB;EAAA;AAAA;AACtBX,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAM,SAAA,CAAAE,OAAO;EAAA;AAAA;AACPZ,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAM,SAAA,CAAAG,eAAe;EAAA;AAAA;AACfb,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAM,SAAA,CAAAI,iBAAiB;EAAA;AAAA;AACjBd,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAM,SAAA,CAAAK,0BAA0B;EAAA;AAAA;AAC1Bf,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAM,SAAA,CAAAM,gCAAgC;EAAA;AAAA;AAChChB,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAM,SAAA,CAAAO,yBAAyB;EAAA;AAAA;AACzBjB,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAM,SAAA,CAAAQ,mBAAmB;EAAA;AAAA"}
+{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { renderTab_unstable, Tab, tabClassNames, useTabStyles_unstable, useTab_unstable } from './Tab';\nexport { renderTabList_unstable, TabList, TabListProvider, tabListClassNames, useTabListContext_unstable, useTabListContextValues_unstable, useTabListStyles_unstable, useTabList_unstable } from './TabList';\n//# sourceMappingURL=index.js.map"],"names":["renderTab_unstable","Tab","tabClassNames","useTabStyles_unstable","useTab_unstable","renderTabList_unstable","TabList","TabListProvider","tabListClassNames","useTabListContext_unstable","useTabListContextValues_unstable","useTabListStyles_unstable","useTabList_unstable"],"mappings":";;;;;;;;;;;IAASA,kBAAkB,MAAlBA,uBAAkB;IAAEC,GAAG,MAAHA,QAAG;IAAEC,aAAa,MAAbA,kBAAa;IAAEC,qBAAqB,MAArBA,0BAAqB;IAAEC,eAAe,MAAfA,oBAAe;IAC9EC,sBAAsB,MAAtBA,+BAAsB;IAAEC,OAAO,MAAPA,gBAAO;IAAEC,eAAe,MAAfA,wBAAe;IAAEC,iBAAiB,MAAjBA,0BAAiB;IAAEC,0BAA0B,MAA1BA,mCAA0B;IAAEC,gCAAgC,MAAhCA,yCAAgC;IAAEC,yBAAyB,MAAzBA,kCAAyB;IAAEC,mBAAmB,MAAnBA,4BAAmB;;qBAD3F;yBACmG;CAClM,iCAAiC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-tabs",
-  "version": "9.3.3",
+  "version": "9.3.5",
   "description": "Fluent UI React tabs components",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -21,23 +21,23 @@
     "test": "jest --passWithNoTests",
     "storybook": "start-storybook",
     "type-check": "tsc -b tsconfig.json",
-    "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+    "generate-api": "just-scripts generate-api"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-context-selector": "^9.1.13",
-    "@fluentui/react-shared-contexts": "^9.3.1",
-    "@fluentui/react-tabster": "^9.5.7",
-    "@fluentui/react-theme": "^9.1.6",
-    "@fluentui/react-utilities": "^9.7.0",
+    "@fluentui/react-context-selector": "^9.1.15",
+    "@fluentui/react-shared-contexts": "^9.3.2",
+    "@fluentui/react-tabster": "^9.6.1",
+    "@fluentui/react-theme": "^9.1.7",
+    "@fluentui/react-utilities": "^9.7.2",
     "@griffel/react": "^1.5.2",
-    "tslib": "^2.1.0"
+    "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
     "@types/react": ">=16.8.0 <19.0.0",
@@ -55,6 +55,7 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "node": "./lib-commonjs/index.js",
       "import": "./lib/index.js",
       "require": "./lib-commonjs/index.js"
     },

package/lib-amd/Tab.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./components/Tab/index"], function (require, exports, tslib_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(index_1, exports);
-});
-//# sourceMappingURL=Tab.js.map

package/lib-amd/Tab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-tabs/src/Tab.ts"],"names":[],"mappings":";;;IAAA,uCAAuC","sourcesContent":["export * from './components/Tab/index';\n"]}

package/lib-amd/TabList.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./components/TabList/index"], function (require, exports, tslib_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(index_1, exports);
-});
-//# sourceMappingURL=TabList.js.map

package/lib-amd/TabList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabList.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-tabs/src/TabList.ts"],"names":[],"mappings":";;;IAAA,uCAA2C","sourcesContent":["export * from './components/TabList/index';\n"]}

package/lib-amd/components/Tab/Tab.js

@@ -1,17 +0,0 @@
-define(["require", "exports", "react", "./useTab", "./renderTab", "./useTabStyles", "@fluentui/react-shared-contexts"], function (require, exports, React, useTab_1, renderTab_1, useTabStyles_1, react_shared_contexts_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.Tab = void 0;
-    /**
-     * A tab provides a selectable item in a tab list.
-     */
-    exports.Tab = React.forwardRef(function (props, ref) {
-        var state = useTab_1.useTab_unstable(props, ref);
-        useTabStyles_1.useTabStyles_unstable(state);
-        var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useTabStyles_unstable;
-        useCustomStyles(state);
-        return renderTab_1.renderTab_unstable(state);
-    });
-    exports.Tab.displayName = 'Tab';
-});
-//# sourceMappingURL=Tab.js.map

package/lib-amd/components/Tab/Tab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-tabs/src/components/Tab/Tab.tsx"],"names":[],"mappings":";;;;IAQA;;OAEG;IACU,QAAA,GAAG,GAAkC,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAC5E,IAAM,KAAK,GAAG,wBAAe,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAE1C,oCAAqB,CAAC,KAAK,CAAC,CAAC;QAErB,IAAuB,eAAe,GAAK,oDAA4B,EAAE,sBAAnC,CAAoC;QAClF,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,8BAAkB,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,WAAG,CAAC,WAAW,GAAG,KAAK,CAAC","sourcesContent":["import * as React from 'react';\nimport { useTab_unstable } from './useTab';\nimport { renderTab_unstable } from './renderTab';\nimport { useTabStyles_unstable } from './useTabStyles';\nimport type { TabProps } from './Tab.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * A tab provides a selectable item in a tab list.\n */\nexport const Tab: ForwardRefComponent<TabProps> = React.forwardRef((props, ref) => {\n  const state = useTab_unstable(props, ref);\n\n  useTabStyles_unstable(state);\n\n  const { useTabStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderTab_unstable(state);\n});\n\nTab.displayName = 'Tab';\n"]}

package/lib-amd/components/Tab/Tab.types.js

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=Tab.types.js.map

package/lib-amd/components/Tab/Tab.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-tabs/src/components/Tab/Tab.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Any value that identifies a specific tab.\n */\nexport type TabValue = unknown;\n\nexport type TabSlots = {\n  /**\n   * Root of the component.\n   */\n  root: Slot<'button'>;\n\n  /**\n   * Icon that renders before the content.\n   */\n  icon?: Slot<'span'>;\n\n  /**\n   * Component children are placed in this slot\n   * Avoid using the `children` property in this slot in favour of Component children whenever possible.\n   */\n  content: NonNullable<Slot<'span'>>;\n};\n\n/**\n * Tab Props\n */\nexport type TabProps = ComponentProps<Partial<TabSlots>> & {\n  /**\n   * A tab can be set to disable interaction.\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * The value that identifies this tab when selected.\n   */\n  value: TabValue;\n};\n\n/**\n * State used in rendering Tab\n */\nexport type TabState = ComponentState<TabSlots> &\n  Pick<TabProps, 'value'> &\n  Required<Pick<TabProps, 'disabled'>> & {\n    /**\n     * A tab supports 'transparent' and 'subtle' appearance.\n     */\n    appearance?: 'transparent' | 'subtle';\n    /**\n     * A tab can have only an icon slot filled and no content.\n     */\n    iconOnly: boolean;\n    /**\n     * If this tab is selected\n     */\n    selected: boolean;\n    /**\n     * When defined, tab content with selected style is rendered hidden to reserve space.\n     * This keeps consistent content size between unselected and selected states.\n     */\n    contentReservedSpaceClassName?: string;\n    /**\n     * A tab can be either 'small', 'medium', or 'large' size.\n     */\n    size: 'small' | 'medium' | 'large';\n    /**\n     * A tab can arrange its content based on if the tabs in the list are arranged vertically.\n     */\n    vertical: boolean;\n  };\n"]}

package/lib-amd/components/Tab/index.js

@@ -1,11 +0,0 @@
-define(["require", "exports", "tslib", "./Tab", "./Tab.types", "./renderTab", "./useTab", "./useTabStyles", "./useTabAnimatedIndicator"], function (require, exports, tslib_1, Tab_1, Tab_types_1, renderTab_1, useTab_1, useTabStyles_1, useTabAnimatedIndicator_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(Tab_1, exports);
-    tslib_1.__exportStar(Tab_types_1, exports);
-    tslib_1.__exportStar(renderTab_1, exports);
-    tslib_1.__exportStar(useTab_1, exports);
-    tslib_1.__exportStar(useTabStyles_1, exports);
-    tslib_1.__exportStar(useTabAnimatedIndicator_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/components/Tab/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-tabs/src/components/Tab/index.ts"],"names":[],"mappings":";;;IAAA,qCAAsB;IACtB,2CAA4B;IAC5B,2CAA4B;IAC5B,wCAAyB;IACzB,8CAA+B;IAC/B,yDAA0C","sourcesContent":["export * from './Tab';\nexport * from './Tab.types';\nexport * from './renderTab';\nexport * from './useTab';\nexport * from './useTabStyles';\nexport * from './useTabAnimatedIndicator';\n"]}

package/lib-amd/components/Tab/renderTab.js

@@ -1,17 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities"], function (require, exports, tslib_1, React, react_utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.renderTab_unstable = void 0;
-    /**
-     * Render the final JSX of Tab
-     */
-    var renderTab_unstable = function (state) {
-        var _a = react_utilities_1.getSlots(state), slots = _a.slots, slotProps = _a.slotProps;
-        return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
-            slots.icon && React.createElement(slots.icon, tslib_1.__assign({}, slotProps.icon)),
-            !state.iconOnly && React.createElement(slots.content, tslib_1.__assign({}, slotProps.content)),
-            !state.selected && !state.iconOnly && state.contentReservedSpaceClassName !== undefined && (React.createElement(slots.content, tslib_1.__assign({}, slotProps.content, { className: state.contentReservedSpaceClassName })))));
-    };
-    exports.renderTab_unstable = renderTab_unstable;
-});
-//# sourceMappingURL=renderTab.js.map

package/lib-amd/components/Tab/renderTab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderTab.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-tabs/src/components/Tab/renderTab.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACI,IAAM,kBAAkB,GAAG,UAAC,KAAe;QAC1C,IAAA,KAAuB,0BAAQ,CAAW,KAAK,CAAC,EAA9C,KAAK,WAAA,EAAE,SAAS,eAA8B,CAAC;QAEvD,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC3B,KAAK,CAAC,IAAI,IAAI,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI;YAChD,CAAC,KAAK,CAAC,QAAQ,IAAI,oBAAC,KAAK,CAAC,OAAO,uBAAK,SAAS,CAAC,OAAO,EAAI;YAC3D,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,6BAA6B,KAAK,SAAS,IAAI,CAC1F,oBAAC,KAAK,CAAC,OAAO,uBAAK,SAAS,CAAC,OAAO,IAAE,SAAS,EAAE,KAAK,CAAC,6BAA6B,IAAI,CACzF,CACU,CACd,CAAC;IACJ,CAAC,CAAC;IAZW,QAAA,kBAAkB,sBAY7B","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { TabState, TabSlots } from './Tab.types';\n\n/**\n * Render the final JSX of Tab\n */\nexport const renderTab_unstable = (state: TabState) => {\n  const { slots, slotProps } = getSlots<TabSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {slots.icon && <slots.icon {...slotProps.icon} />}\n      {!state.iconOnly && <slots.content {...slotProps.content} />}\n      {!state.selected && !state.iconOnly && state.contentReservedSpaceClassName !== undefined && (\n        <slots.content {...slotProps.content} className={state.contentReservedSpaceClassName} />\n      )}\n    </slots.root>\n  );\n};\n"]}

package/lib-amd/components/Tab/useTab.js

@@ -1,63 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "../TabList/TabListContext"], function (require, exports, tslib_1, React, react_utilities_1, TabListContext_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useTab_unstable = void 0;
-    /**
-     * Create the state required to render Tab.
-     *
-     * The returned state can be modified with hooks such as useTabStyles_unstable,
-     * before being passed to renderTab_unstable.
-     *
-     * @param props - props from this instance of Tab
-     * @param ref - reference to root HTMLElement of Tab
-     */
-    var useTab_unstable = function (props, ref) {
-        var content = props.content, _a = props.disabled, tabDisabled = _a === void 0 ? false : _a, icon = props.icon, value = props.value;
-        var appearance = TabListContext_1.useTabListContext_unstable(function (ctx) { return ctx.appearance; });
-        var reserveSelectedTabSpace = TabListContext_1.useTabListContext_unstable(function (ctx) { return ctx.reserveSelectedTabSpace; });
-        var listDisabled = TabListContext_1.useTabListContext_unstable(function (ctx) { return ctx.disabled; });
-        var selected = TabListContext_1.useTabListContext_unstable(function (ctx) { return ctx.selectedValue === value; });
-        var onRegister = TabListContext_1.useTabListContext_unstable(function (ctx) { return ctx.onRegister; });
-        var onUnregister = TabListContext_1.useTabListContext_unstable(function (ctx) { return ctx.onUnregister; });
-        var onSelect = TabListContext_1.useTabListContext_unstable(function (ctx) { return ctx.onSelect; });
-        var size = TabListContext_1.useTabListContext_unstable(function (ctx) { return ctx.size; });
-        var vertical = TabListContext_1.useTabListContext_unstable(function (ctx) { return !!ctx.vertical; });
-        var disabled = listDisabled || tabDisabled;
-        var innerRef = React.useRef(null);
-        var onClick = react_utilities_1.useEventCallback(function (event) { return onSelect(event, { value: value }); });
-        React.useEffect(function () {
-            onRegister({
-                value: value,
-                ref: innerRef,
-            });
-            return function () {
-                onUnregister({ value: value, ref: innerRef });
-            };
-        }, [onRegister, onUnregister, innerRef, value]);
-        var iconShorthand = react_utilities_1.resolveShorthand(icon);
-        var contentShorthand = react_utilities_1.resolveShorthand(content, { required: true, defaultProps: { children: props.children } });
-        return {
-            components: {
-                root: 'button',
-                icon: 'span',
-                content: 'span',
-            },
-            root: react_utilities_1.getNativeElementProps('button', tslib_1.__assign(tslib_1.__assign({ ref: react_utilities_1.useMergedRefs(ref, innerRef), role: 'tab', type: 'button', 
-                // aria-selected undefined indicates it is not selectable
-                // according to https://www.w3.org/TR/wai-aria-1.1/#aria-selected
-                'aria-selected': disabled ? undefined : "" + selected }, props), { disabled: disabled, onClick: onClick })),
-            icon: iconShorthand,
-            iconOnly: Boolean((iconShorthand === null || iconShorthand === void 0 ? void 0 : iconShorthand.children) && !contentShorthand.children),
-            content: contentShorthand,
-            appearance: appearance,
-            contentReservedSpaceClassName: reserveSelectedTabSpace ? '' : undefined,
-            disabled: disabled,
-            selected: selected,
-            size: size,
-            value: value,
-            vertical: vertical,
-        };
-    };
-    exports.useTab_unstable = useTab_unstable;
-});
-//# sourceMappingURL=useTab.js.map

package/lib-amd/components/Tab/useTab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTab.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-tabs/src/components/Tab/useTab.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport type { TabProps, TabState } from './Tab.types';\nimport { useTabListContext_unstable } from '../TabList/TabListContext';\nimport { SelectTabEvent } from '../TabList/TabList.types';\n\n/**\n * Create the state required to render Tab.\n *\n * The returned state can be modified with hooks such as useTabStyles_unstable,\n * before being passed to renderTab_unstable.\n *\n * @param props - props from this instance of Tab\n * @param ref - reference to root HTMLElement of Tab\n */\nexport const useTab_unstable = (props: TabProps, ref: React.Ref<HTMLElement>): TabState => {\n  const { content, disabled: tabDisabled = false, icon, value } = props;\n\n  const appearance = useTabListContext_unstable(ctx => ctx.appearance);\n  const reserveSelectedTabSpace = useTabListContext_unstable(ctx => ctx.reserveSelectedTabSpace);\n  const listDisabled = useTabListContext_unstable(ctx => ctx.disabled);\n  const selected = useTabListContext_unstable(ctx => ctx.selectedValue === value);\n  const onRegister = useTabListContext_unstable(ctx => ctx.onRegister);\n  const onUnregister = useTabListContext_unstable(ctx => ctx.onUnregister);\n  const onSelect = useTabListContext_unstable(ctx => ctx.onSelect);\n  const size = useTabListContext_unstable(ctx => ctx.size);\n  const vertical = useTabListContext_unstable(ctx => !!ctx.vertical);\n  const disabled = listDisabled || tabDisabled;\n\n  const innerRef = React.useRef<HTMLElement>(null);\n  const onClick = useEventCallback((event: SelectTabEvent) => onSelect(event, { value }));\n\n  React.useEffect(() => {\n    onRegister({\n      value,\n      ref: innerRef,\n    });\n\n    return () => {\n      onUnregister({ value, ref: innerRef });\n    };\n  }, [onRegister, onUnregister, innerRef, value]);\n\n  const iconShorthand = resolveShorthand(icon);\n  const contentShorthand = resolveShorthand(content, { required: true, defaultProps: { children: props.children } });\n  return {\n    components: {\n      root: 'button',\n      icon: 'span',\n      content: 'span',\n    },\n    root: getNativeElementProps('button', {\n      ref: useMergedRefs(ref, innerRef),\n      role: 'tab',\n      type: 'button',\n      // aria-selected undefined indicates it is not selectable\n      // according to https://www.w3.org/TR/wai-aria-1.1/#aria-selected\n      'aria-selected': disabled ? undefined : `${selected}`,\n      ...props,\n      disabled,\n      onClick,\n    }),\n    icon: iconShorthand,\n    iconOnly: Boolean(iconShorthand?.children && !contentShorthand.children),\n    content: contentShorthand,\n    appearance,\n    contentReservedSpaceClassName: reserveSelectedTabSpace ? '' : undefined,\n    disabled,\n    selected,\n    size,\n    value,\n    vertical,\n  };\n};\n"]}