@fluentui/react-shared-contexts 9.0.0-rc.7 → 9.0.0
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.
- package/CHANGELOG.json +122 -1
- package/CHANGELOG.md +100 -46
- package/dist/index.d.ts +32 -26
- package/{lib → dist}/tsdoc-metadata.json +0 -0
- package/lib/ProviderContext/ProviderContext.js +10 -1
- package/lib/ProviderContext/ProviderContext.js.map +1 -1
- package/lib/ProviderContext/index.js +0 -1
- package/lib/ProviderContext/index.js.map +1 -1
- package/lib/ThemeClassNameContext/ThemeClassNameContext.js +4 -1
- package/lib/ThemeClassNameContext/ThemeClassNameContext.js.map +1 -1
- package/lib/ThemeContext/ThemeContext.js +9 -3
- package/lib/ThemeContext/ThemeContext.js.map +1 -1
- package/lib/TooltipVisibilityContext/TooltipContext.js +20 -0
- package/lib/TooltipVisibilityContext/TooltipContext.js.map +1 -0
- package/lib/{TooltipContext → TooltipVisibilityContext}/index.js +0 -0
- package/lib/TooltipVisibilityContext/index.js.map +1 -0
- package/lib/TooltipVisibilityContext.js +2 -0
- package/lib/TooltipVisibilityContext.js.map +1 -0
- package/lib/index.js +4 -5
- package/lib/index.js.map +1 -1
- package/lib-commonjs/ProviderContext/ProviderContext.js +12 -3
- package/lib-commonjs/ProviderContext/ProviderContext.js.map +1 -1
- package/lib-commonjs/ProviderContext/index.js +0 -2
- package/lib-commonjs/ProviderContext/index.js.map +1 -1
- package/lib-commonjs/ThemeClassNameContext/ThemeClassNameContext.js +6 -3
- package/lib-commonjs/ThemeClassNameContext/ThemeClassNameContext.js.map +1 -1
- package/lib-commonjs/ThemeContext/ThemeContext.js +9 -6
- package/lib-commonjs/ThemeContext/ThemeContext.js.map +1 -1
- package/lib-commonjs/TooltipVisibilityContext/TooltipContext.js +30 -0
- package/lib-commonjs/TooltipVisibilityContext/TooltipContext.js.map +1 -0
- package/lib-commonjs/{TooltipContext → TooltipVisibilityContext}/index.js +0 -0
- package/lib-commonjs/TooltipVisibilityContext/index.js.map +1 -0
- package/lib-commonjs/{TooltipContext.js → TooltipVisibilityContext.js} +2 -2
- package/lib-commonjs/TooltipVisibilityContext.js.map +1 -0
- package/lib-commonjs/index.js +19 -28
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +5 -7
- package/lib/MenuContext/MenuContext.d.ts +0 -4
- package/lib/MenuContext/MenuContext.js +0 -6
- package/lib/MenuContext/MenuContext.js.map +0 -1
- package/lib/MenuContext/index.d.ts +0 -2
- package/lib/MenuContext/index.js +0 -3
- package/lib/MenuContext/index.js.map +0 -1
- package/lib/MenuContext/types.d.ts +0 -6
- package/lib/MenuContext/types.js +0 -2
- package/lib/MenuContext/types.js.map +0 -1
- package/lib/MenuContext.d.ts +0 -1
- package/lib/MenuContext.js +0 -2
- package/lib/MenuContext.js.map +0 -1
- package/lib/ProviderContext/ProviderContext.d.ts +0 -4
- package/lib/ProviderContext/ProviderContext.types.d.ts +0 -6
- package/lib/ProviderContext/ProviderContext.types.js +0 -2
- package/lib/ProviderContext/ProviderContext.types.js.map +0 -1
- package/lib/ProviderContext/index.d.ts +0 -2
- package/lib/ProviderContext.d.ts +0 -1
- package/lib/ThemeClassNameContext/ThemeClassNameContext.d.ts +0 -12
- package/lib/ThemeClassNameContext/index.d.ts +0 -1
- package/lib/ThemeClassNameContext.d.ts +0 -1
- package/lib/ThemeContext/ThemeContext.d.ts +0 -4
- package/lib/ThemeContext/index.d.ts +0 -1
- package/lib/ThemeContext.d.ts +0 -1
- package/lib/TooltipContext/TooltipContext.d.ts +0 -17
- package/lib/TooltipContext/TooltipContext.js +0 -7
- package/lib/TooltipContext/TooltipContext.js.map +0 -1
- package/lib/TooltipContext/index.d.ts +0 -1
- package/lib/TooltipContext/index.js.map +0 -1
- package/lib/TooltipContext.d.ts +0 -1
- package/lib/TooltipContext.js +0 -2
- package/lib/TooltipContext.js.map +0 -1
- package/lib/index.d.ts +0 -9
- package/lib-commonjs/MenuContext/MenuContext.d.ts +0 -4
- package/lib-commonjs/MenuContext/MenuContext.js +0 -17
- package/lib-commonjs/MenuContext/MenuContext.js.map +0 -1
- package/lib-commonjs/MenuContext/index.d.ts +0 -2
- package/lib-commonjs/MenuContext/index.js +0 -12
- package/lib-commonjs/MenuContext/index.js.map +0 -1
- package/lib-commonjs/MenuContext/types.d.ts +0 -6
- package/lib-commonjs/MenuContext/types.js +0 -6
- package/lib-commonjs/MenuContext/types.js.map +0 -1
- package/lib-commonjs/MenuContext.d.ts +0 -1
- package/lib-commonjs/MenuContext.js +0 -10
- package/lib-commonjs/MenuContext.js.map +0 -1
- package/lib-commonjs/ProviderContext/ProviderContext.d.ts +0 -4
- package/lib-commonjs/ProviderContext/ProviderContext.types.d.ts +0 -6
- package/lib-commonjs/ProviderContext/ProviderContext.types.js +0 -6
- package/lib-commonjs/ProviderContext/ProviderContext.types.js.map +0 -1
- package/lib-commonjs/ProviderContext/index.d.ts +0 -2
- package/lib-commonjs/ProviderContext.d.ts +0 -1
- package/lib-commonjs/ThemeClassNameContext/ThemeClassNameContext.d.ts +0 -12
- package/lib-commonjs/ThemeClassNameContext/index.d.ts +0 -1
- package/lib-commonjs/ThemeClassNameContext.d.ts +0 -1
- package/lib-commonjs/ThemeContext/ThemeContext.d.ts +0 -4
- package/lib-commonjs/ThemeContext/index.d.ts +0 -1
- package/lib-commonjs/ThemeContext.d.ts +0 -1
- package/lib-commonjs/TooltipContext/TooltipContext.d.ts +0 -17
- package/lib-commonjs/TooltipContext/TooltipContext.js +0 -15
- package/lib-commonjs/TooltipContext/TooltipContext.js.map +0 -1
- package/lib-commonjs/TooltipContext/index.d.ts +0 -1
- package/lib-commonjs/TooltipContext/index.js.map +0 -1
- package/lib-commonjs/TooltipContext.d.ts +0 -1
- package/lib-commonjs/TooltipContext.js.map +0 -1
- package/lib-commonjs/index.d.ts +0 -9
@@ -1,8 +1,17 @@
|
|
1
1
|
import * as React from 'react';
|
2
|
-
|
2
|
+
/**
|
3
|
+
* @internal
|
4
|
+
*/
|
5
|
+
|
6
|
+
const ProviderContext = /*#__PURE__*/React.createContext({
|
3
7
|
targetDocument: typeof document === 'object' ? document : undefined,
|
4
8
|
dir: 'ltr'
|
5
9
|
});
|
10
|
+
/**
|
11
|
+
* @internal
|
12
|
+
*/
|
13
|
+
|
14
|
+
export const Provider = ProviderContext.Provider;
|
6
15
|
export function useFluent() {
|
7
16
|
return React.useContext(ProviderContext);
|
8
17
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["ProviderContext/ProviderContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;
|
1
|
+
{"version":3,"sources":["ProviderContext/ProviderContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAUA;;AAEG;;AACH,MAAM,eAAe,gBAAG,KAAK,CAAC,aAAN,CAA0C;EAChE,cAAc,EAAE,OAAO,QAAP,KAAoB,QAApB,GAA+B,QAA/B,GAA0C,SADM;EAEhE,GAAG,EAAE;AAF2D,CAA1C,CAAxB;AAKA;;AAEG;;AACH,OAAO,MAAM,QAAQ,GAAG,eAAe,CAAC,QAAjC;AAEP,OAAM,SAAU,SAAV,GAAmB;EACvB,OAAO,KAAK,CAAC,UAAN,CAAiB,eAAjB,CAAP;AACD","sourcesContent":["import * as React from 'react';\n\nexport type ProviderContextValue = {\n /** Sets the direction of text & generated styles. */\n dir: 'ltr' | 'rtl';\n\n /** Provides the document, can be undefined during SSR render. */\n targetDocument?: Document;\n};\n\n/**\n * @internal\n */\nconst ProviderContext = React.createContext<ProviderContextValue>({\n targetDocument: typeof document === 'object' ? document : undefined,\n dir: 'ltr',\n});\n\n/**\n * @internal\n */\nexport const Provider = ProviderContext.Provider;\n\nexport function useFluent(): ProviderContextValue {\n return React.useContext(ProviderContext);\n}\n"],"sourceRoot":"../src/"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["ProviderContext/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["ProviderContext/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC","sourcesContent":["export * from './ProviderContext';\n"]}
|
@@ -1,12 +1,15 @@
|
|
1
1
|
import * as React from 'react';
|
2
2
|
/**
|
3
|
+
* @internal
|
3
4
|
* Used to provide a CSS class that applies theme css variables
|
4
5
|
*
|
5
6
|
* Useful for elements in the React tree (can read context) but not in the DOM Tree. E.g. Portals
|
6
7
|
*/
|
7
8
|
|
8
|
-
|
9
|
+
const ThemeClassNameContext = /*#__PURE__*/React.createContext('');
|
10
|
+
export const ThemeClassNameProvider = ThemeClassNameContext.Provider;
|
9
11
|
/**
|
12
|
+
* @internal
|
10
13
|
* @returns CSS class that applies css variables
|
11
14
|
*/
|
12
15
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["ThemeClassNameContext/ThemeClassNameContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAIA
|
1
|
+
{"version":3,"sources":["ThemeClassNameContext/ThemeClassNameContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAIA;;;;;AAKG;;AACH,MAAM,qBAAqB,gBAAG,KAAK,CAAC,aAAN,CAAgD,EAAhD,CAA9B;AAEA,OAAO,MAAM,sBAAsB,GAAG,qBAAqB,CAAC,QAArD;AAEP;;;AAGG;;AACH,OAAM,SAAU,iBAAV,GAA2B;EAC/B,OAAO,KAAK,CAAC,UAAN,CAAiB,qBAAjB,CAAP;AACD","sourcesContent":["import * as React from 'react';\n\nexport type ThemeClassNameContextValue = string;\n\n/**\n * @internal\n * Used to provide a CSS class that applies theme css variables\n *\n * Useful for elements in the React tree (can read context) but not in the DOM Tree. E.g. Portals\n */\nconst ThemeClassNameContext = React.createContext<ThemeClassNameContextValue>('');\n\nexport const ThemeClassNameProvider = ThemeClassNameContext.Provider;\n\n/**\n * @internal\n * @returns CSS class that applies css variables\n */\nexport function useThemeClassName(): ThemeClassNameContextValue {\n return React.useContext(ThemeClassNameContext);\n}\n"],"sourceRoot":"../src/"}
|
@@ -1,6 +1,12 @@
|
|
1
1
|
import * as React from 'react';
|
2
|
+
/**
|
3
|
+
* @internal
|
4
|
+
*/
|
5
|
+
|
2
6
|
export const ThemeContext = /*#__PURE__*/React.createContext(undefined);
|
3
|
-
|
4
|
-
|
5
|
-
|
7
|
+
/**
|
8
|
+
* @internal
|
9
|
+
*/
|
10
|
+
|
11
|
+
export const ThemeProvider = ThemeContext.Provider;
|
6
12
|
//# sourceMappingURL=ThemeContext.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["ThemeContext/ThemeContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;
|
1
|
+
{"version":3,"sources":["ThemeContext/ThemeContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAQA;;AAEG;;AACH,OAAO,MAAM,YAAY,gBAAG,KAAK,CAAC,aAAN,CAAuC,SAAvC,CAArB;AAEP;;AAEG;;AACH,OAAO,MAAM,aAAa,GAAG,YAAY,CAAC,QAAnC","sourcesContent":["import * as React from 'react';\nimport type { Theme } from '@fluentui/react-theme';\n\n/**\n * @internal\n */\nexport type ThemeContextValue = Theme | Partial<Theme> | undefined;\n\n/**\n * @internal\n */\nexport const ThemeContext = React.createContext<ThemeContextValue>(undefined);\n\n/**\n * @internal\n */\nexport const ThemeProvider = ThemeContext.Provider;\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
/**
|
3
|
+
* @internal
|
4
|
+
* Context shared by all of the tooltips in the app
|
5
|
+
*/
|
6
|
+
|
7
|
+
const TooltipVisibilityContext = /*#__PURE__*/React.createContext({});
|
8
|
+
/**
|
9
|
+
* @internal
|
10
|
+
*/
|
11
|
+
|
12
|
+
export const TooltipVisibilityProvider = TooltipVisibilityContext.Provider;
|
13
|
+
/**
|
14
|
+
* @internal
|
15
|
+
*/
|
16
|
+
|
17
|
+
export function useTooltipVisibility() {
|
18
|
+
return React.useContext(TooltipVisibilityContext);
|
19
|
+
}
|
20
|
+
//# sourceMappingURL=TooltipContext.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["TooltipVisibilityContext/TooltipContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAgBA;;;AAGG;;AACH,MAAM,wBAAwB,gBAAG,KAAK,CAAC,aAAN,CAAmD,EAAnD,CAAjC;AAEA;;AAEG;;AACH,OAAO,MAAM,yBAAyB,GAAG,wBAAwB,CAAC,QAA3D;AAEP;;AAEG;;AACH,OAAM,SAAU,oBAAV,GAA8B;EAClC,OAAO,KAAK,CAAC,UAAN,CAAiB,wBAAjB,CAAP;AACD","sourcesContent":["import * as React from 'react';\n\n/**\n * @internal\n * The context provided by TooltipProvider\n */\nexport type TooltipVisibilityContextValue = {\n /**\n * When a tooltip is shown, it sets itself as the visibleTooltip.\n * The next tooltip to become visible can use it to hide the previous tooltip immediately.\n */\n visibleTooltip?: {\n hide: () => void;\n };\n};\n\n/**\n * @internal\n * Context shared by all of the tooltips in the app\n */\nconst TooltipVisibilityContext = React.createContext<TooltipVisibilityContextValue>({});\n\n/**\n * @internal\n */\nexport const TooltipVisibilityProvider = TooltipVisibilityContext.Provider;\n\n/**\n * @internal\n */\nexport function useTooltipVisibility(): TooltipVisibilityContextValue {\n return React.useContext(TooltipVisibilityContext);\n}\n"],"sourceRoot":"../src/"}
|
File without changes
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["TooltipVisibilityContext/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './TooltipContext';\n"]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TooltipVisibilityContext.js","sourceRoot":"../src/","sources":["TooltipVisibilityContext.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC","sourcesContent":["export * from './TooltipVisibilityContext/index';\n"]}
|
package/lib/index.js
CHANGED
@@ -1,6 +1,5 @@
|
|
1
|
-
export {
|
2
|
-
export {
|
3
|
-
export {
|
4
|
-
export {
|
5
|
-
export { ProviderContext, useFluent } from './ProviderContext';
|
1
|
+
export { ThemeContext as ThemeContext_unstable, ThemeProvider as ThemeProvider_unstable } from './ThemeContext';
|
2
|
+
export { ThemeClassNameProvider as ThemeClassNameProvider_unstable, useThemeClassName as useThemeClassName_unstable } from './ThemeClassNameContext';
|
3
|
+
export { TooltipVisibilityProvider as TooltipVisibilityProvider_unstable, useTooltipVisibility as useTooltipVisibility_unstable } from './TooltipVisibilityContext';
|
4
|
+
export { Provider as Provider_unstable, useFluent as useFluent_unstable } from './ProviderContext';
|
6
5
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,qBAAzB,EAAgD,aAAa,IAAI,sBAAjE,QAA+F,gBAA/F;AAGA,SACE,sBAAsB,IAAI,+BAD5B,EAEE,iBAAiB,IAAI,0BAFvB,QAGO,yBAHP;AAMA,SACE,yBAAyB,IAAI,kCAD/B,EAEE,oBAAoB,IAAI,6BAF1B,QAGO,4BAHP;AAMA,SAAS,QAAQ,IAAI,iBAArB,EAAwC,SAAS,IAAI,kBAArD,QAA+E,mBAA/E","sourcesContent":["export { ThemeContext as ThemeContext_unstable, ThemeProvider as ThemeProvider_unstable } from './ThemeContext';\nexport type { ThemeContextValue as ThemeContextValue_unstable } from './ThemeContext';\n\nexport {\n ThemeClassNameProvider as ThemeClassNameProvider_unstable,\n useThemeClassName as useThemeClassName_unstable,\n} from './ThemeClassNameContext';\nexport type { ThemeClassNameContextValue as ThemeClassNameContextValue_unstable } from './ThemeClassNameContext';\n\nexport {\n TooltipVisibilityProvider as TooltipVisibilityProvider_unstable,\n useTooltipVisibility as useTooltipVisibility_unstable,\n} from './TooltipVisibilityContext';\nexport type { TooltipVisibilityContextValue as TooltipVisibilityContextValue_unstable } from './TooltipVisibilityContext';\n\nexport { Provider as Provider_unstable, useFluent as useFluent_unstable } from './ProviderContext';\nexport type { ProviderContextValue as ProviderContextValue_unstable } from './ProviderContext';\n"],"sourceRoot":"../src/"}
|
@@ -3,17 +3,26 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.useFluent = exports.
|
6
|
+
exports.useFluent = exports.Provider = void 0;
|
7
7
|
|
8
8
|
const React = /*#__PURE__*/require("react");
|
9
|
+
/**
|
10
|
+
* @internal
|
11
|
+
*/
|
9
12
|
|
10
|
-
|
13
|
+
|
14
|
+
const ProviderContext = /*#__PURE__*/React.createContext({
|
11
15
|
targetDocument: typeof document === 'object' ? document : undefined,
|
12
16
|
dir: 'ltr'
|
13
17
|
});
|
18
|
+
/**
|
19
|
+
* @internal
|
20
|
+
*/
|
21
|
+
|
22
|
+
exports.Provider = ProviderContext.Provider;
|
14
23
|
|
15
24
|
function useFluent() {
|
16
|
-
return React.useContext(
|
25
|
+
return React.useContext(ProviderContext);
|
17
26
|
}
|
18
27
|
|
19
28
|
exports.useFluent = useFluent;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["ProviderContext/ProviderContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;
|
1
|
+
{"version":3,"sources":["ProviderContext/ProviderContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;AAUA;;AAEG;;;AACH,MAAM,eAAe,gBAAG,KAAK,CAAC,aAAN,CAA0C;EAChE,cAAc,EAAE,OAAO,QAAP,KAAoB,QAApB,GAA+B,QAA/B,GAA0C,SADM;EAEhE,GAAG,EAAE;AAF2D,CAA1C,CAAxB;AAKA;;AAEG;;AACU,OAAA,CAAA,QAAA,GAAW,eAAe,CAAC,QAA3B;;AAEb,SAAgB,SAAhB,GAAyB;EACvB,OAAO,KAAK,CAAC,UAAN,CAAiB,eAAjB,CAAP;AACD;;AAFD,OAAA,CAAA,SAAA,GAAA,SAAA","sourcesContent":["import * as React from 'react';\n\nexport type ProviderContextValue = {\n /** Sets the direction of text & generated styles. */\n dir: 'ltr' | 'rtl';\n\n /** Provides the document, can be undefined during SSR render. */\n targetDocument?: Document;\n};\n\n/**\n * @internal\n */\nconst ProviderContext = React.createContext<ProviderContextValue>({\n targetDocument: typeof document === 'object' ? document : undefined,\n dir: 'ltr',\n});\n\n/**\n * @internal\n */\nexport const Provider = ProviderContext.Provider;\n\nexport function useFluent(): ProviderContextValue {\n return React.useContext(ProviderContext);\n}\n"],"sourceRoot":"../src/"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["ProviderContext/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA
|
1
|
+
{"version":3,"sources":["ProviderContext/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './ProviderContext';\n"],"sourceRoot":"../src/"}
|
@@ -3,23 +3,26 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.useThemeClassName = exports.
|
6
|
+
exports.useThemeClassName = exports.ThemeClassNameProvider = void 0;
|
7
7
|
|
8
8
|
const React = /*#__PURE__*/require("react");
|
9
9
|
/**
|
10
|
+
* @internal
|
10
11
|
* Used to provide a CSS class that applies theme css variables
|
11
12
|
*
|
12
13
|
* Useful for elements in the React tree (can read context) but not in the DOM Tree. E.g. Portals
|
13
14
|
*/
|
14
15
|
|
15
16
|
|
16
|
-
|
17
|
+
const ThemeClassNameContext = /*#__PURE__*/React.createContext('');
|
18
|
+
exports.ThemeClassNameProvider = ThemeClassNameContext.Provider;
|
17
19
|
/**
|
20
|
+
* @internal
|
18
21
|
* @returns CSS class that applies css variables
|
19
22
|
*/
|
20
23
|
|
21
24
|
function useThemeClassName() {
|
22
|
-
return React.useContext(
|
25
|
+
return React.useContext(ThemeClassNameContext);
|
23
26
|
}
|
24
27
|
|
25
28
|
exports.useThemeClassName = useThemeClassName;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["ThemeClassNameContext/ThemeClassNameContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;AAIA
|
1
|
+
{"version":3,"sources":["ThemeClassNameContext/ThemeClassNameContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;AAIA;;;;;AAKG;;;AACH,MAAM,qBAAqB,gBAAG,KAAK,CAAC,aAAN,CAAgD,EAAhD,CAA9B;AAEa,OAAA,CAAA,sBAAA,GAAyB,qBAAqB,CAAC,QAA/C;AAEb;;;AAGG;;AACH,SAAgB,iBAAhB,GAAiC;EAC/B,OAAO,KAAK,CAAC,UAAN,CAAiB,qBAAjB,CAAP;AACD;;AAFD,OAAA,CAAA,iBAAA,GAAA,iBAAA","sourcesContent":["import * as React from 'react';\n\nexport type ThemeClassNameContextValue = string;\n\n/**\n * @internal\n * Used to provide a CSS class that applies theme css variables\n *\n * Useful for elements in the React tree (can read context) but not in the DOM Tree. E.g. Portals\n */\nconst ThemeClassNameContext = React.createContext<ThemeClassNameContextValue>('');\n\nexport const ThemeClassNameProvider = ThemeClassNameContext.Provider;\n\n/**\n * @internal\n * @returns CSS class that applies css variables\n */\nexport function useThemeClassName(): ThemeClassNameContextValue {\n return React.useContext(ThemeClassNameContext);\n}\n"],"sourceRoot":"../src/"}
|
@@ -3,15 +3,18 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.ThemeProvider = exports.ThemeContext = void 0;
|
7
7
|
|
8
8
|
const React = /*#__PURE__*/require("react");
|
9
|
+
/**
|
10
|
+
* @internal
|
11
|
+
*/
|
9
12
|
|
10
|
-
exports.ThemeContext = /*#__PURE__*/React.createContext(undefined);
|
11
13
|
|
12
|
-
|
13
|
-
|
14
|
-
|
14
|
+
exports.ThemeContext = /*#__PURE__*/React.createContext(undefined);
|
15
|
+
/**
|
16
|
+
* @internal
|
17
|
+
*/
|
15
18
|
|
16
|
-
exports.
|
19
|
+
exports.ThemeProvider = exports.ThemeContext.Provider;
|
17
20
|
//# sourceMappingURL=ThemeContext.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["ThemeContext/ThemeContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;
|
1
|
+
{"version":3,"sources":["ThemeContext/ThemeContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;AAQA;;AAEG;;;AACU,OAAA,CAAA,YAAA,gBAAe,KAAK,CAAC,aAAN,CAAuC,SAAvC,CAAf;AAEb;;AAEG;;AACU,OAAA,CAAA,aAAA,GAAgB,OAAA,CAAA,YAAA,CAAa,QAA7B","sourcesContent":["import * as React from 'react';\nimport type { Theme } from '@fluentui/react-theme';\n\n/**\n * @internal\n */\nexport type ThemeContextValue = Theme | Partial<Theme> | undefined;\n\n/**\n * @internal\n */\nexport const ThemeContext = React.createContext<ThemeContextValue>(undefined);\n\n/**\n * @internal\n */\nexport const ThemeProvider = ThemeContext.Provider;\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,30 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.useTooltipVisibility = exports.TooltipVisibilityProvider = void 0;
|
7
|
+
|
8
|
+
const React = /*#__PURE__*/require("react");
|
9
|
+
/**
|
10
|
+
* @internal
|
11
|
+
* Context shared by all of the tooltips in the app
|
12
|
+
*/
|
13
|
+
|
14
|
+
|
15
|
+
const TooltipVisibilityContext = /*#__PURE__*/React.createContext({});
|
16
|
+
/**
|
17
|
+
* @internal
|
18
|
+
*/
|
19
|
+
|
20
|
+
exports.TooltipVisibilityProvider = TooltipVisibilityContext.Provider;
|
21
|
+
/**
|
22
|
+
* @internal
|
23
|
+
*/
|
24
|
+
|
25
|
+
function useTooltipVisibility() {
|
26
|
+
return React.useContext(TooltipVisibilityContext);
|
27
|
+
}
|
28
|
+
|
29
|
+
exports.useTooltipVisibility = useTooltipVisibility;
|
30
|
+
//# sourceMappingURL=TooltipContext.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["TooltipVisibilityContext/TooltipContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;AAgBA;;;AAGG;;;AACH,MAAM,wBAAwB,gBAAG,KAAK,CAAC,aAAN,CAAmD,EAAnD,CAAjC;AAEA;;AAEG;;AACU,OAAA,CAAA,yBAAA,GAA4B,wBAAwB,CAAC,QAArD;AAEb;;AAEG;;AACH,SAAgB,oBAAhB,GAAoC;EAClC,OAAO,KAAK,CAAC,UAAN,CAAiB,wBAAjB,CAAP;AACD;;AAFD,OAAA,CAAA,oBAAA,GAAA,oBAAA","sourcesContent":["import * as React from 'react';\n\n/**\n * @internal\n * The context provided by TooltipProvider\n */\nexport type TooltipVisibilityContextValue = {\n /**\n * When a tooltip is shown, it sets itself as the visibleTooltip.\n * The next tooltip to become visible can use it to hide the previous tooltip immediately.\n */\n visibleTooltip?: {\n hide: () => void;\n };\n};\n\n/**\n * @internal\n * Context shared by all of the tooltips in the app\n */\nconst TooltipVisibilityContext = React.createContext<TooltipVisibilityContextValue>({});\n\n/**\n * @internal\n */\nexport const TooltipVisibilityProvider = TooltipVisibilityContext.Provider;\n\n/**\n * @internal\n */\nexport function useTooltipVisibility(): TooltipVisibilityContextValue {\n return React.useContext(TooltipVisibilityContext);\n}\n"],"sourceRoot":"../src/"}
|
File without changes
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["TooltipVisibilityContext/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './TooltipContext';\n"],"sourceRoot":"../src/"}
|
@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
|
7
7
|
const tslib_1 = /*#__PURE__*/require("tslib");
|
8
8
|
|
9
|
-
tslib_1.__exportStar(require("./
|
10
|
-
//# sourceMappingURL=
|
9
|
+
tslib_1.__exportStar(require("./TooltipVisibilityContext/index"), exports);
|
10
|
+
//# sourceMappingURL=TooltipVisibilityContext.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["TooltipVisibilityContext.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './TooltipVisibilityContext/index';\n"],"sourceRoot":"../src/"}
|
package/lib-commonjs/index.js
CHANGED
@@ -3,71 +3,62 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
7
|
-
|
8
|
-
var MenuContext_1 = /*#__PURE__*/require("./MenuContext");
|
9
|
-
|
10
|
-
Object.defineProperty(exports, "MenuContext", {
|
11
|
-
enumerable: true,
|
12
|
-
get: function () {
|
13
|
-
return MenuContext_1.MenuContext;
|
14
|
-
}
|
15
|
-
});
|
16
|
-
Object.defineProperty(exports, "useMenuContext", {
|
17
|
-
enumerable: true,
|
18
|
-
get: function () {
|
19
|
-
return MenuContext_1.useMenuContext;
|
20
|
-
}
|
21
|
-
});
|
6
|
+
exports.useFluent_unstable = exports.Provider_unstable = exports.useTooltipVisibility_unstable = exports.TooltipVisibilityProvider_unstable = exports.useThemeClassName_unstable = exports.ThemeClassNameProvider_unstable = exports.ThemeProvider_unstable = exports.ThemeContext_unstable = void 0;
|
22
7
|
|
23
8
|
var ThemeContext_1 = /*#__PURE__*/require("./ThemeContext");
|
24
9
|
|
25
|
-
Object.defineProperty(exports, "
|
10
|
+
Object.defineProperty(exports, "ThemeContext_unstable", {
|
26
11
|
enumerable: true,
|
27
12
|
get: function () {
|
28
13
|
return ThemeContext_1.ThemeContext;
|
29
14
|
}
|
30
15
|
});
|
31
|
-
Object.defineProperty(exports, "
|
16
|
+
Object.defineProperty(exports, "ThemeProvider_unstable", {
|
32
17
|
enumerable: true,
|
33
18
|
get: function () {
|
34
|
-
return ThemeContext_1.
|
19
|
+
return ThemeContext_1.ThemeProvider;
|
35
20
|
}
|
36
21
|
});
|
37
22
|
|
38
23
|
var ThemeClassNameContext_1 = /*#__PURE__*/require("./ThemeClassNameContext");
|
39
24
|
|
40
|
-
Object.defineProperty(exports, "
|
25
|
+
Object.defineProperty(exports, "ThemeClassNameProvider_unstable", {
|
41
26
|
enumerable: true,
|
42
27
|
get: function () {
|
43
|
-
return ThemeClassNameContext_1.
|
28
|
+
return ThemeClassNameContext_1.ThemeClassNameProvider;
|
44
29
|
}
|
45
30
|
});
|
46
|
-
Object.defineProperty(exports, "
|
31
|
+
Object.defineProperty(exports, "useThemeClassName_unstable", {
|
47
32
|
enumerable: true,
|
48
33
|
get: function () {
|
49
34
|
return ThemeClassNameContext_1.useThemeClassName;
|
50
35
|
}
|
51
36
|
});
|
52
37
|
|
53
|
-
var
|
38
|
+
var TooltipVisibilityContext_1 = /*#__PURE__*/require("./TooltipVisibilityContext");
|
54
39
|
|
55
|
-
Object.defineProperty(exports, "
|
40
|
+
Object.defineProperty(exports, "TooltipVisibilityProvider_unstable", {
|
41
|
+
enumerable: true,
|
42
|
+
get: function () {
|
43
|
+
return TooltipVisibilityContext_1.TooltipVisibilityProvider;
|
44
|
+
}
|
45
|
+
});
|
46
|
+
Object.defineProperty(exports, "useTooltipVisibility_unstable", {
|
56
47
|
enumerable: true,
|
57
48
|
get: function () {
|
58
|
-
return
|
49
|
+
return TooltipVisibilityContext_1.useTooltipVisibility;
|
59
50
|
}
|
60
51
|
});
|
61
52
|
|
62
53
|
var ProviderContext_1 = /*#__PURE__*/require("./ProviderContext");
|
63
54
|
|
64
|
-
Object.defineProperty(exports, "
|
55
|
+
Object.defineProperty(exports, "Provider_unstable", {
|
65
56
|
enumerable: true,
|
66
57
|
get: function () {
|
67
|
-
return ProviderContext_1.
|
58
|
+
return ProviderContext_1.Provider;
|
68
59
|
}
|
69
60
|
});
|
70
|
-
Object.defineProperty(exports, "
|
61
|
+
Object.defineProperty(exports, "useFluent_unstable", {
|
71
62
|
enumerable: true,
|
72
63
|
get: function () {
|
73
64
|
return ProviderContext_1.useFluent;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,
|
1
|
+
{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,uBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,cAAA,CAAA,YAAA;EAAY;AAAZ,CAAA;AAAuC,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,wBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,cAAA,CAAA,aAAA;EAAa;AAAb,CAAA;;AAGhD,IAAA,uBAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,iCAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,uBAAA,CAAA,sBAAA;EAAsB;AAAtB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,4BAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,uBAAA,CAAA,iBAAA;EAAiB;AAAjB,CAAA;;AAIF,IAAA,0BAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,oCAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,0BAAA,CAAA,yBAAA;EAAyB;AAAzB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,+BAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,0BAAA,CAAA,oBAAA;EAAoB;AAApB,CAAA;;AAIF,IAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,mBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,iBAAA,CAAA,QAAA;EAAQ;AAAR,CAAA;AAA+B,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,oBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,iBAAA,CAAA,SAAA;EAAS;AAAT,CAAA","sourcesContent":["export { ThemeContext as ThemeContext_unstable, ThemeProvider as ThemeProvider_unstable } from './ThemeContext';\nexport type { ThemeContextValue as ThemeContextValue_unstable } from './ThemeContext';\n\nexport {\n ThemeClassNameProvider as ThemeClassNameProvider_unstable,\n useThemeClassName as useThemeClassName_unstable,\n} from './ThemeClassNameContext';\nexport type { ThemeClassNameContextValue as ThemeClassNameContextValue_unstable } from './ThemeClassNameContext';\n\nexport {\n TooltipVisibilityProvider as TooltipVisibilityProvider_unstable,\n useTooltipVisibility as useTooltipVisibility_unstable,\n} from './TooltipVisibilityContext';\nexport type { TooltipVisibilityContextValue as TooltipVisibilityContextValue_unstable } from './TooltipVisibilityContext';\n\nexport { Provider as Provider_unstable, useFluent as useFluent_unstable } from './ProviderContext';\nexport type { ProviderContextValue as ProviderContextValue_unstable } from './ProviderContext';\n"],"sourceRoot":"../src/"}
|
package/package.json
CHANGED
@@ -1,10 +1,10 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-shared-contexts",
|
3
|
-
"version": "9.0.0
|
3
|
+
"version": "9.0.0",
|
4
4
|
"description": "Fluent UI React Contexts shared by multiple components.",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
7
|
-
"typings": "
|
7
|
+
"typings": "dist/index.d.ts",
|
8
8
|
"sideEffects": false,
|
9
9
|
"repository": {
|
10
10
|
"type": "git",
|
@@ -18,7 +18,7 @@
|
|
18
18
|
"just": "just-scripts",
|
19
19
|
"lint": "just-scripts lint",
|
20
20
|
"docs": "api-extractor run --config=config/api-extractor.local.json --local",
|
21
|
-
"build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node
|
21
|
+
"build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/types/packages/react-components/react-shared-contexts/src && yarn docs",
|
22
22
|
"test": "jest --passWithNoTests",
|
23
23
|
"type-check": "tsc -b tsconfig.json"
|
24
24
|
},
|
@@ -27,7 +27,7 @@
|
|
27
27
|
"@fluentui/scripts": "^1.0.0"
|
28
28
|
},
|
29
29
|
"dependencies": {
|
30
|
-
"@fluentui/react-theme": "9.0.0
|
30
|
+
"@fluentui/react-theme": "^9.0.0",
|
31
31
|
"tslib": "^2.1.0"
|
32
32
|
},
|
33
33
|
"peerDependencies": {
|
@@ -36,9 +36,7 @@
|
|
36
36
|
},
|
37
37
|
"beachball": {
|
38
38
|
"disallowedChangeTypes": [
|
39
|
-
"major"
|
40
|
-
"minor",
|
41
|
-
"patch"
|
39
|
+
"major"
|
42
40
|
]
|
43
41
|
},
|
44
42
|
"exports": {
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["MenuContext/MenuContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAGA,OAAO,MAAM,WAAW,gBAAG,KAAK,CAAC,aAAN,CAAsC,EAAtC,CAApB;AAEP,OAAO,MAAM,cAAc,GAAG,MAAK;AACjC,SAAO,KAAK,CAAC,UAAN,CAAiB,WAAjB,CAAP;AACD,CAFM","sourcesContent":["import * as React from 'react';\nimport type { MinimalMenuProps } from './types';\n\nexport const MenuContext = React.createContext<MinimalMenuProps>({});\n\nexport const useMenuContext = () => {\n return React.useContext(MenuContext);\n};\n"],"sourceRoot":"../src/"}
|
package/lib/MenuContext/index.js
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["MenuContext/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC","sourcesContent":["export * from './MenuContext';\nexport * from './types';\n"]}
|
package/lib/MenuContext/types.js
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"../src/","sources":["MenuContext/types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nexport type MinimalMenuProps = {\n hidden?: boolean;\n onDismiss?: () => void;\n target?: React.Ref<HTMLElement>;\n};\n"]}
|
package/lib/MenuContext.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './MenuContext/index';
|
package/lib/MenuContext.js
DELETED
package/lib/MenuContext.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"MenuContext.js","sourceRoot":"../src/","sources":["MenuContext.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC","sourcesContent":["export * from './MenuContext/index';\n"]}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"ProviderContext.types.js","sourceRoot":"../src/","sources":["ProviderContext/ProviderContext.types.ts"],"names":[],"mappings":"","sourcesContent":["export interface ProviderContextValue {\n /** Sets the direction of text & generated styles. */\n dir: 'ltr' | 'rtl';\n\n /** Provides the document, can be undefined during SSR render. */\n targetDocument?: Document;\n}\n"]}
|
package/lib/ProviderContext.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './ProviderContext/index';
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
export declare type ThemeClassNameContextValue = string;
|
3
|
-
/**
|
4
|
-
* Used to provide a CSS class that applies theme css variables
|
5
|
-
*
|
6
|
-
* Useful for elements in the React tree (can read context) but not in the DOM Tree. E.g. Portals
|
7
|
-
*/
|
8
|
-
export declare const ThemeClassNameContext: React.Context<string>;
|
9
|
-
/**
|
10
|
-
* @returns CSS class that applies css variables
|
11
|
-
*/
|
12
|
-
export declare function useThemeClassName(): ThemeClassNameContextValue;
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './ThemeClassNameContext';
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './ThemeClassNameContext/index';
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './ThemeContext';
|
package/lib/ThemeContext.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './ThemeContext/index';
|