@fluentui/react-tabs 9.2.4 → 9.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/CHANGELOG.json +75 -1
  2. package/CHANGELOG.md +30 -2
  3. package/lib/components/Tab/Tab.js +5 -0
  4. package/lib/components/Tab/Tab.js.map +1 -1
  5. package/lib/components/Tab/renderTab.js.map +1 -1
  6. package/lib/components/Tab/useTab.js.map +1 -1
  7. package/lib/components/Tab/useTabAnimatedIndicator.js.map +1 -1
  8. package/lib/components/Tab/useTabStyles.js +0 -4
  9. package/lib/components/Tab/useTabStyles.js.map +1 -1
  10. package/lib/components/TabList/TabList.js +5 -0
  11. package/lib/components/TabList/TabList.js.map +1 -1
  12. package/lib/components/TabList/TabListContext.js.map +1 -1
  13. package/lib/components/TabList/renderTabList.js.map +1 -1
  14. package/lib/components/TabList/useTabList.js.map +1 -1
  15. package/lib/components/TabList/useTabListContextValues.js.map +1 -1
  16. package/lib/components/TabList/useTabListStyles.js.map +1 -1
  17. package/lib/index.js.map +1 -1
  18. package/lib-amd/components/Tab/Tab.js +3 -1
  19. package/lib-amd/components/Tab/Tab.js.map +1 -1
  20. package/lib-amd/components/Tab/useTabStyles.js +1 -1
  21. package/lib-amd/components/Tab/useTabStyles.js.map +1 -1
  22. package/lib-amd/components/TabList/TabList.js +3 -1
  23. package/lib-amd/components/TabList/TabList.js.map +1 -1
  24. package/lib-commonjs/Tab.js.map +1 -1
  25. package/lib-commonjs/TabList.js.map +1 -1
  26. package/lib-commonjs/components/Tab/Tab.js +5 -0
  27. package/lib-commonjs/components/Tab/Tab.js.map +1 -1
  28. package/lib-commonjs/components/Tab/Tab.types.js.map +1 -1
  29. package/lib-commonjs/components/Tab/index.js.map +1 -1
  30. package/lib-commonjs/components/Tab/renderTab.js.map +1 -1
  31. package/lib-commonjs/components/Tab/useTab.js.map +1 -1
  32. package/lib-commonjs/components/Tab/useTabAnimatedIndicator.js.map +1 -1
  33. package/lib-commonjs/components/Tab/useTabStyles.js +0 -4
  34. package/lib-commonjs/components/Tab/useTabStyles.js.map +1 -1
  35. package/lib-commonjs/components/TabList/TabList.js +5 -0
  36. package/lib-commonjs/components/TabList/TabList.js.map +1 -1
  37. package/lib-commonjs/components/TabList/TabList.types.js.map +1 -1
  38. package/lib-commonjs/components/TabList/TabListContext.js.map +1 -1
  39. package/lib-commonjs/components/TabList/index.js.map +1 -1
  40. package/lib-commonjs/components/TabList/renderTabList.js.map +1 -1
  41. package/lib-commonjs/components/TabList/useTabList.js.map +1 -1
  42. package/lib-commonjs/components/TabList/useTabListContextValues.js.map +1 -1
  43. package/lib-commonjs/components/TabList/useTabListStyles.js.map +1 -1
  44. package/lib-commonjs/index.js.map +1 -1
  45. package/package.json +5 -4
@@ -1 +1 @@
1
- {"version":3,"mappings":";;;;;;AAEA,SAAgBA,gCAAgC,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","names":["useTabListContextValues_unstable","state","appearance","reserveSelectedTabSpace","disabled","selectedValue","selectedKey","onRegister","onUnregister","onSelect","getRegisteredTabs","size","vertical","tabList","exports"],"sourceRoot":"../src/","sources":["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"]}
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"}
@@ -1 +1 @@
1
- {"version":3,"mappings":";;;;;;AACA;AAGaA,yBAAiB,GAAiC;EAC7DC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAGC,gBAAU;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAgB1B;AAEF;;;AAGO,MAAMC,yBAAyB,GAAIC,KAAmB,IAAkB;EAC7E,MAAM;IAAEC;EAAQ,CAAE,GAAGD,KAAK;EAE1B,MAAME,MAAM,GAAGL,SAAS,EAAE;EAE1BG,KAAK,CAACJ,IAAI,CAACO,SAAS,GAAGL,oBAAY,CACjCH,yBAAiB,CAACC,IAAI,EACtBM,MAAM,CAACN,IAAI,EACXK,QAAQ,GAAGC,MAAM,CAACD,QAAQ,GAAGC,MAAM,CAACE,UAAU,EAC9CJ,KAAK,CAACJ,IAAI,CAACO,SAAS,CACrB;EAED,OAAOH,KAAK;AACd,CAAC;AAbYL,iCAAyB","names":["exports","root","useStyles","react_1","useTabListStyles_unstable","state","vertical","styles","className","horizontal"],"sourceRoot":"../src/","sources":["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"]}
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"}
@@ -1 +1 @@
1
- {"version":3,"mappings":";;;;;;AACA;AAASA;EAAAC;EAAAC;IAAA,+BAAkB;EAAA;AAAA;AAAEF;EAAAC;EAAAC;IAAA,gBAAG;EAAA;AAAA;AAAEF;EAAAC;EAAAC;IAAA,0BAAa;EAAA;AAAA;AAAEF;EAAAC;EAAAC;IAAA,kCAAqB;EAAA;AAAA;AAAEF;EAAAC;EAAAC;IAAA,4BAAe;EAAA;AAAA;AAavF;AACEF;EAAAC;EAAAC;IAAA,uCAAsB;EAAA;AAAA;AACtBF;EAAAC;EAAAC;IAAA,wBAAO;EAAA;AAAA;AACPF;EAAAC;EAAAC;IAAA,gCAAe;EAAA;AAAA;AACfF;EAAAC;EAAAC;IAAA,kCAAiB;EAAA;AAAA;AACjBF;EAAAC;EAAAC;IAAA,2CAA0B;EAAA;AAAA;AAC1BF;EAAAC;EAAAC;IAAA,iDAAgC;EAAA;AAAA;AAChCF;EAAAC;EAAAC;IAAA,0CAAyB;EAAA;AAAA;AACzBF;EAAAC;EAAAC;IAAA,oCAAmB;EAAA;AAAA","names":["Object","enumerable","get"],"sourceRoot":"../src/","sources":["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"]}
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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-tabs",
3
- "version": "9.2.4",
3
+ "version": "9.3.1",
4
4
  "description": "Fluent UI React tabs components",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -31,10 +31,11 @@
31
31
  "@fluentui/scripts-tasks": "*"
32
32
  },
33
33
  "dependencies": {
34
- "@fluentui/react-context-selector": "^9.1.10",
35
- "@fluentui/react-tabster": "^9.5.3",
34
+ "@fluentui/react-context-selector": "^9.1.12",
35
+ "@fluentui/react-shared-contexts": "^9.3.0",
36
+ "@fluentui/react-tabster": "^9.5.5",
36
37
  "@fluentui/react-theme": "^9.1.5",
37
- "@fluentui/react-utilities": "^9.6.0",
38
+ "@fluentui/react-utilities": "^9.6.2",
38
39
  "@griffel/react": "^1.5.2",
39
40
  "tslib": "^2.1.0"
40
41
  },