@fluentui/react-tooltip 9.0.0-nightly.f81b28ceb3.1 → 9.0.0-rc.11

Sign up to get free protection for your applications and to get access to all the features.
Files changed (63) hide show
  1. package/CHANGELOG.json +817 -23
  2. package/CHANGELOG.md +310 -110
  3. package/MIGRATION.md +51 -43
  4. package/Spec.md +201 -337
  5. package/dist/index.d.ts +152 -0
  6. package/{lib → dist}/tsdoc-metadata.json +0 -0
  7. package/lib/Tooltip.js.map +1 -1
  8. package/lib/components/Tooltip/Tooltip.js +9 -9
  9. package/lib/components/Tooltip/Tooltip.js.map +1 -1
  10. package/lib/components/Tooltip/Tooltip.types.js.map +1 -1
  11. package/lib/components/Tooltip/index.js +1 -1
  12. package/lib/components/Tooltip/index.js.map +1 -1
  13. package/lib/components/Tooltip/private/constants.js +14 -0
  14. package/lib/components/Tooltip/private/constants.js.map +1 -0
  15. package/lib/components/Tooltip/renderTooltip.js +10 -8
  16. package/lib/components/Tooltip/renderTooltip.js.map +1 -1
  17. package/lib/components/Tooltip/useTooltip.js +100 -129
  18. package/lib/components/Tooltip/useTooltip.js.map +1 -1
  19. package/lib/components/Tooltip/useTooltipStyles.js +52 -23
  20. package/lib/components/Tooltip/useTooltipStyles.js.map +1 -1
  21. package/lib/index.js +1 -1
  22. package/lib/index.js.map +1 -1
  23. package/lib-commonjs/Tooltip.js +1 -1
  24. package/lib-commonjs/Tooltip.js.map +1 -1
  25. package/lib-commonjs/components/Tooltip/Tooltip.js +11 -10
  26. package/lib-commonjs/components/Tooltip/Tooltip.js.map +1 -1
  27. package/lib-commonjs/components/Tooltip/Tooltip.types.js.map +1 -1
  28. package/lib-commonjs/components/Tooltip/index.js +2 -10
  29. package/lib-commonjs/components/Tooltip/index.js.map +1 -1
  30. package/lib-commonjs/components/Tooltip/private/constants.js +21 -0
  31. package/lib-commonjs/components/Tooltip/private/constants.js.map +1 -0
  32. package/lib-commonjs/components/Tooltip/renderTooltip.js +15 -14
  33. package/lib-commonjs/components/Tooltip/renderTooltip.js.map +1 -1
  34. package/lib-commonjs/components/Tooltip/useTooltip.js +106 -135
  35. package/lib-commonjs/components/Tooltip/useTooltip.js.map +1 -1
  36. package/lib-commonjs/components/Tooltip/useTooltipStyles.js +58 -26
  37. package/lib-commonjs/components/Tooltip/useTooltipStyles.js.map +1 -1
  38. package/lib-commonjs/index.js +32 -2
  39. package/lib-commonjs/index.js.map +1 -1
  40. package/package.json +21 -26
  41. package/dist/react-tooltip.d.ts +0 -162
  42. package/lib/Tooltip.d.ts +0 -1
  43. package/lib/common/isConformant.d.ts +0 -4
  44. package/lib/common/isConformant.js +0 -11
  45. package/lib/common/isConformant.js.map +0 -1
  46. package/lib/components/Tooltip/Tooltip.d.ts +0 -6
  47. package/lib/components/Tooltip/Tooltip.types.d.ts +0 -124
  48. package/lib/components/Tooltip/index.d.ts +0 -5
  49. package/lib/components/Tooltip/renderTooltip.d.ts +0 -5
  50. package/lib/components/Tooltip/useTooltip.d.ts +0 -13
  51. package/lib/components/Tooltip/useTooltipStyles.d.ts +0 -5
  52. package/lib/index.d.ts +0 -1
  53. package/lib-commonjs/Tooltip.d.ts +0 -1
  54. package/lib-commonjs/common/isConformant.d.ts +0 -4
  55. package/lib-commonjs/common/isConformant.js +0 -22
  56. package/lib-commonjs/common/isConformant.js.map +0 -1
  57. package/lib-commonjs/components/Tooltip/Tooltip.d.ts +0 -6
  58. package/lib-commonjs/components/Tooltip/Tooltip.types.d.ts +0 -124
  59. package/lib-commonjs/components/Tooltip/index.d.ts +0 -5
  60. package/lib-commonjs/components/Tooltip/renderTooltip.d.ts +0 -5
  61. package/lib-commonjs/components/Tooltip/useTooltip.d.ts +0 -13
  62. package/lib-commonjs/components/Tooltip/useTooltipStyles.d.ts +0 -5
  63. package/lib-commonjs/index.d.ts +0 -1
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@fluentui/react-tooltip",
3
- "version": "9.0.0-nightly.f81b28ceb3.1",
3
+ "version": "9.0.0-rc.11",
4
4
  "description": "React components for building web experiences",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
7
- "typings": "lib/index.d.ts",
7
+ "typings": "dist/index.d.ts",
8
8
  "sideEffects": false,
9
9
  "repository": {
10
10
  "type": "git",
@@ -19,36 +19,25 @@
19
19
  "just": "just-scripts",
20
20
  "lint": "just-scripts lint",
21
21
  "start": "yarn storybook",
22
- "test": "jest",
22
+ "test": "jest --passWithNoTests",
23
23
  "docs": "api-extractor run --config=config/api-extractor.local.json --local",
24
- "build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/react-tooltip/src && yarn docs",
25
- "storybook": "start-storybook"
24
+ "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-tooltip/src && yarn docs",
25
+ "storybook": "node ../../../scripts/storybook/runner",
26
+ "type-check": "tsc -b tsconfig.json"
26
27
  },
27
28
  "devDependencies": {
28
- "@fluentui/babel-make-styles": "9.0.0-nightly.f81b28ceb3.1",
29
29
  "@fluentui/eslint-plugin": "*",
30
- "@fluentui/jest-serializer-make-styles": "9.0.0-nightly.f81b28ceb3.1",
31
30
  "@fluentui/react-conformance": "*",
32
- "@fluentui/react-conformance-make-styles": "9.0.0-nightly.f81b28ceb3.1",
33
- "@fluentui/scripts": "^1.0.0",
34
- "@types/enzyme": "3.10.3",
35
- "@types/enzyme-adapter-react-16": "1.0.3",
36
- "@types/react": "16.9.42",
37
- "@types/react-dom": "16.9.10",
38
- "@types/react-test-renderer": "^16.0.0",
39
- "enzyme": "~3.10.0",
40
- "enzyme-adapter-react-16": "^1.15.0",
41
- "react": "16.8.6",
42
- "react-dom": "16.8.6",
43
- "react-test-renderer": "^16.3.0"
31
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.7",
32
+ "@fluentui/scripts": "^1.0.0"
44
33
  },
45
34
  "dependencies": {
46
- "@fluentui/react-make-styles": "9.0.0-nightly.f81b28ceb3.1",
47
- "@fluentui/react-portal": "9.0.0-nightly.f81b28ceb3.1",
48
- "@fluentui/react-positioning": "9.0.0-nightly.f81b28ceb3.1",
49
- "@fluentui/react-shared-contexts": "9.0.0-nightly.f81b28ceb3.1",
50
- "@fluentui/react-theme": "9.0.0-nightly.f81b28ceb3.1",
51
- "@fluentui/react-utilities": "9.0.0-nightly.f81b28ceb3.1",
35
+ "@fluentui/react-portal": "9.0.0-rc.11",
36
+ "@fluentui/react-positioning": "9.0.0-rc.10",
37
+ "@fluentui/react-shared-contexts": "9.0.0-rc.9",
38
+ "@fluentui/react-theme": "9.0.0-rc.9",
39
+ "@fluentui/react-utilities": "9.0.0-rc.9",
40
+ "@griffel/react": "1.0.5",
52
41
  "tslib": "^2.1.0"
53
42
  },
54
43
  "peerDependencies": {
@@ -58,11 +47,17 @@
58
47
  "react-dom": ">=16.8.0 <18.0.0"
59
48
  },
60
49
  "beachball": {
61
- "tag": "beta",
62
50
  "disallowedChangeTypes": [
63
51
  "major",
64
52
  "minor",
65
53
  "patch"
66
54
  ]
55
+ },
56
+ "exports": {
57
+ ".": {
58
+ "types": "./lib/index.d.ts",
59
+ "import": "./lib/index.js",
60
+ "require": "./lib-commonjs/index.js"
61
+ }
67
62
  }
68
63
  }
@@ -1,162 +0,0 @@
1
- import type { ComponentProps } from '@fluentui/react-utilities';
2
- import type { ComponentState } from '@fluentui/react-utilities';
3
- import type { ForwardRefComponent } from '@fluentui/react-utilities';
4
- import type { IntrinsicShorthandProps } from '@fluentui/react-utilities';
5
- import type { PositioningShorthand } from '@fluentui/react-positioning';
6
- import * as React_2 from 'react';
7
-
8
- /**
9
- * Data for the Tooltip's onVisibleChange event.
10
- */
11
- export declare type OnVisibleChangeData = {
12
- visible: boolean;
13
- };
14
-
15
- /**
16
- * Render the final JSX of Tooltip
17
- */
18
- export declare const renderTooltip: (state: TooltipState) => JSX.Element;
19
-
20
- /**
21
- * A tooltip provides light weight contextual information on top of its target element.
22
- */
23
- export declare const Tooltip: ForwardRefComponent<TooltipProps>;
24
-
25
- /**
26
- * Properties and state for Tooltip
27
- */
28
- export declare type TooltipCommons = {
29
- /**
30
- * A tooltip can appear with the default appearance or inverted.
31
- * When not specified, the default appearance is used.
32
- */
33
- appearance?: 'inverted';
34
- /**
35
- * The content displayed inside the tooltip.
36
- */
37
- content: React_2.ReactNode;
38
- /**
39
- * Color variant with inverted colors
40
- *
41
- * @defaultvalue false
42
- */
43
- inverted?: boolean;
44
- /**
45
- * Render an arrow pointing to the target element
46
- *
47
- * @defaultvalue false
48
- */
49
- withArrow?: boolean;
50
- /**
51
- * Configure the positioning of the tooltip
52
- *
53
- * @defaultvalue above
54
- */
55
- positioning?: PositioningShorthand;
56
- /**
57
- * Control the tooltip's visibility programatically.
58
- *
59
- * This can be used in conjunction with onVisibleChange to modify the tooltip's show and hide behavior.
60
- *
61
- * If not provided, the visibility will be controlled by the tooltip itself, based on hover and focus events on the
62
- * trigger (child) element.
63
- */
64
- visible?: boolean;
65
- /**
66
- * Notification when the visibility of the tooltip is changing
67
- */
68
- onVisibleChange?: (event: React_2.PointerEvent<HTMLElement> | React_2.FocusEvent<HTMLElement> | undefined, data: OnVisibleChangeData) => void;
69
- /**
70
- * Specifies which aria attribute to set on the trigger element.
71
- * * `label` - Set aria-label to the tooltip's content. Requires content to be a string; if not, uses `labelledby`.
72
- * * `labelledby` - Set aria-labelledby to the tooltip's id. The id is generated if not provided.
73
- * * `describedby` - Set aria-describedby to the tooltip's id. The id is generated if not provided.
74
- * * null - Do not set any aria attributes on the trigger element.
75
- *
76
- * @defaultvalue label
77
- */
78
- triggerAriaAttribute: 'label' | 'labelledby' | 'describedby' | null;
79
- /**
80
- * Delay before the tooltip is shown, in milliseconds.
81
- *
82
- * @defaultvalue 250
83
- */
84
- showDelay: number;
85
- /**
86
- * Delay before the tooltip is hidden, in milliseconds.
87
- *
88
- * @defaultvalue 250
89
- */
90
- hideDelay: number;
91
- };
92
-
93
- /**
94
- * Properties for Tooltip
95
- */
96
- export declare type TooltipProps = ComponentProps<TooltipSlots> & Partial<Omit<TooltipCommons, 'content'>> & Pick<TooltipCommons, 'content'>;
97
-
98
- /**
99
- * Slot properties for Tooltip
100
- */
101
- export declare type TooltipSlots = {
102
- root: Omit<IntrinsicShorthandProps<'div'>, 'children'> & {
103
- /**
104
- * The child is the element that triggers the Tooltip. It will have additional properties added,
105
- * including events and aria properties.
106
- * Alternatively, children can be a render function that takes the props and adds
107
- * them to the appropriate elements.
108
- */
109
- children?: (React_2.ReactElement<React_2.HTMLAttributes<HTMLElement>> & {
110
- ref?: React_2.Ref<unknown>;
111
- }) | ((props: TooltipTriggerProps) => React_2.ReactNode) | null;
112
- };
113
- };
114
-
115
- /**
116
- * State used in rendering Tooltip
117
- */
118
- export declare type TooltipState = ComponentState<TooltipSlots> & TooltipCommons & {
119
- /**
120
- * Whether the tooltip should be rendered to the DOM.
121
- *
122
- * Normally the tooltip will only be rendered when visible. However, if
123
- * triggerAriaAttribute is labelledby or describedby, the tooltip will
124
- * always be rendered even when hidden so that those aria attributes
125
- * to always refer to a valid DOM element.
126
- */
127
- shouldRenderTooltip?: boolean;
128
- /**
129
- * Ref to the arrow element
130
- */
131
- arrowRef?: React_2.Ref<HTMLDivElement>;
132
- /**
133
- * CSS class for the arrow element
134
- */
135
- arrowClassName?: string;
136
- };
137
-
138
- /**
139
- * The properties that are added to the trigger of the Tooltip
140
- */
141
- export declare type TooltipTriggerProps = {
142
- ref?: React_2.Ref<never>;
143
- } & Pick<React_2.HTMLAttributes<HTMLElement>, 'onPointerEnter' | 'onPointerLeave' | 'onFocus' | 'onBlur' | 'aria-describedby' | 'aria-labelledby' | 'aria-label'>;
144
-
145
- /**
146
- * Create the state required to render Tooltip.
147
- *
148
- * The returned state can be modified with hooks such as useTooltipStyles,
149
- * before being passed to renderTooltip.
150
- *
151
- * @param props - props from this instance of Tooltip
152
- * @param ref - reference to root HTMLElement of Tooltip
153
- * @param defaultProps - (optional) default prop values provided by the implementing type
154
- */
155
- export declare const useTooltip: (props: TooltipProps, ref: React_2.Ref<HTMLDivElement>) => TooltipState;
156
-
157
- /**
158
- * Apply styling to the Tooltip slots based on the state
159
- */
160
- export declare const useTooltipStyles: (state: TooltipState) => TooltipState;
161
-
162
- export { }
package/lib/Tooltip.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from './components/Tooltip/index';
@@ -1,4 +0,0 @@
1
- import type { IsConformantOptions } from '@fluentui/react-conformance';
2
- export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
3
- componentPath?: string;
4
- }): void;
@@ -1,11 +0,0 @@
1
- import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
2
- import makeStylesTests from '@fluentui/react-conformance-make-styles';
3
- export function isConformant(testInfo) {
4
- var defaultOptions = {
5
- asPropHandlesRef: true,
6
- componentPath: module.parent.filename.replace('.test', ''),
7
- extraTests: makeStylesTests
8
- };
9
- baseIsConformant(defaultOptions, testInfo);
10
- }
11
- //# sourceMappingURL=isConformant.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AAEA,OAAO,eAAP,MAA4B,yCAA5B;AAEA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE;AAH+C,GAA7D;AAMA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}
@@ -1,6 +0,0 @@
1
- import type { TooltipProps } from './Tooltip.types';
2
- import type { ForwardRefComponent } from '@fluentui/react-utilities';
3
- /**
4
- * A tooltip provides light weight contextual information on top of its target element.
5
- */
6
- export declare const Tooltip: ForwardRefComponent<TooltipProps>;
@@ -1,124 +0,0 @@
1
- import * as React from 'react';
2
- import type { PositioningShorthand } from '@fluentui/react-positioning';
3
- import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
4
- /**
5
- * Slot properties for Tooltip
6
- */
7
- export declare type TooltipSlots = {
8
- root: Omit<IntrinsicShorthandProps<'div'>, 'children'> & {
9
- /**
10
- * The child is the element that triggers the Tooltip. It will have additional properties added,
11
- * including events and aria properties.
12
- * Alternatively, children can be a render function that takes the props and adds
13
- * them to the appropriate elements.
14
- */
15
- children?: (React.ReactElement<React.HTMLAttributes<HTMLElement>> & {
16
- ref?: React.Ref<unknown>;
17
- }) | ((props: TooltipTriggerProps) => React.ReactNode) | null;
18
- };
19
- };
20
- /**
21
- * Properties and state for Tooltip
22
- */
23
- export declare type TooltipCommons = {
24
- /**
25
- * A tooltip can appear with the default appearance or inverted.
26
- * When not specified, the default appearance is used.
27
- */
28
- appearance?: 'inverted';
29
- /**
30
- * The content displayed inside the tooltip.
31
- */
32
- content: React.ReactNode;
33
- /**
34
- * Color variant with inverted colors
35
- *
36
- * @defaultvalue false
37
- */
38
- inverted?: boolean;
39
- /**
40
- * Render an arrow pointing to the target element
41
- *
42
- * @defaultvalue false
43
- */
44
- withArrow?: boolean;
45
- /**
46
- * Configure the positioning of the tooltip
47
- *
48
- * @defaultvalue above
49
- */
50
- positioning?: PositioningShorthand;
51
- /**
52
- * Control the tooltip's visibility programatically.
53
- *
54
- * This can be used in conjunction with onVisibleChange to modify the tooltip's show and hide behavior.
55
- *
56
- * If not provided, the visibility will be controlled by the tooltip itself, based on hover and focus events on the
57
- * trigger (child) element.
58
- */
59
- visible?: boolean;
60
- /**
61
- * Notification when the visibility of the tooltip is changing
62
- */
63
- onVisibleChange?: (event: React.PointerEvent<HTMLElement> | React.FocusEvent<HTMLElement> | undefined, data: OnVisibleChangeData) => void;
64
- /**
65
- * Specifies which aria attribute to set on the trigger element.
66
- * * `label` - Set aria-label to the tooltip's content. Requires content to be a string; if not, uses `labelledby`.
67
- * * `labelledby` - Set aria-labelledby to the tooltip's id. The id is generated if not provided.
68
- * * `describedby` - Set aria-describedby to the tooltip's id. The id is generated if not provided.
69
- * * null - Do not set any aria attributes on the trigger element.
70
- *
71
- * @defaultvalue label
72
- */
73
- triggerAriaAttribute: 'label' | 'labelledby' | 'describedby' | null;
74
- /**
75
- * Delay before the tooltip is shown, in milliseconds.
76
- *
77
- * @defaultvalue 250
78
- */
79
- showDelay: number;
80
- /**
81
- * Delay before the tooltip is hidden, in milliseconds.
82
- *
83
- * @defaultvalue 250
84
- */
85
- hideDelay: number;
86
- };
87
- /**
88
- * The properties that are added to the trigger of the Tooltip
89
- */
90
- export declare type TooltipTriggerProps = {
91
- ref?: React.Ref<never>;
92
- } & Pick<React.HTMLAttributes<HTMLElement>, 'onPointerEnter' | 'onPointerLeave' | 'onFocus' | 'onBlur' | 'aria-describedby' | 'aria-labelledby' | 'aria-label'>;
93
- /**
94
- * Data for the Tooltip's onVisibleChange event.
95
- */
96
- export declare type OnVisibleChangeData = {
97
- visible: boolean;
98
- };
99
- /**
100
- * Properties for Tooltip
101
- */
102
- export declare type TooltipProps = ComponentProps<TooltipSlots> & Partial<Omit<TooltipCommons, 'content'>> & Pick<TooltipCommons, 'content'>;
103
- /**
104
- * State used in rendering Tooltip
105
- */
106
- export declare type TooltipState = ComponentState<TooltipSlots> & TooltipCommons & {
107
- /**
108
- * Whether the tooltip should be rendered to the DOM.
109
- *
110
- * Normally the tooltip will only be rendered when visible. However, if
111
- * triggerAriaAttribute is labelledby or describedby, the tooltip will
112
- * always be rendered even when hidden so that those aria attributes
113
- * to always refer to a valid DOM element.
114
- */
115
- shouldRenderTooltip?: boolean;
116
- /**
117
- * Ref to the arrow element
118
- */
119
- arrowRef?: React.Ref<HTMLDivElement>;
120
- /**
121
- * CSS class for the arrow element
122
- */
123
- arrowClassName?: string;
124
- };
@@ -1,5 +0,0 @@
1
- export * from './Tooltip';
2
- export * from './Tooltip.types';
3
- export * from './renderTooltip';
4
- export * from './useTooltip';
5
- export { useTooltipStyles } from './useTooltipStyles';
@@ -1,5 +0,0 @@
1
- import type { TooltipState } from './Tooltip.types';
2
- /**
3
- * Render the final JSX of Tooltip
4
- */
5
- export declare const renderTooltip: (state: TooltipState) => JSX.Element;
@@ -1,13 +0,0 @@
1
- import * as React from 'react';
2
- import type { TooltipProps, TooltipState } from './Tooltip.types';
3
- /**
4
- * Create the state required to render Tooltip.
5
- *
6
- * The returned state can be modified with hooks such as useTooltipStyles,
7
- * before being passed to renderTooltip.
8
- *
9
- * @param props - props from this instance of Tooltip
10
- * @param ref - reference to root HTMLElement of Tooltip
11
- * @param defaultProps - (optional) default prop values provided by the implementing type
12
- */
13
- export declare const useTooltip: (props: TooltipProps, ref: React.Ref<HTMLDivElement>) => TooltipState;
@@ -1,5 +0,0 @@
1
- import type { TooltipState } from './Tooltip.types';
2
- /**
3
- * Apply styling to the Tooltip slots based on the state
4
- */
5
- export declare const useTooltipStyles: (state: TooltipState) => TooltipState;
package/lib/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from './Tooltip';
@@ -1 +0,0 @@
1
- export * from './components/Tooltip/index';
@@ -1,4 +0,0 @@
1
- import type { IsConformantOptions } from '@fluentui/react-conformance';
2
- export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
3
- componentPath?: string;
4
- }): void;
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.isConformant = void 0;
7
-
8
- var react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
9
-
10
- var react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
11
-
12
- function isConformant(testInfo) {
13
- var defaultOptions = {
14
- asPropHandlesRef: true,
15
- componentPath: module.parent.filename.replace('.test', ''),
16
- extraTests: react_conformance_make_styles_1.default
17
- };
18
- react_conformance_1.isConformant(defaultOptions, testInfo);
19
- }
20
-
21
- exports.isConformant = isConformant;
22
- //# sourceMappingURL=isConformant.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE,+BAAA,CAAA;AAH+C,GAA7D;AAMA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAVD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}
@@ -1,6 +0,0 @@
1
- import type { TooltipProps } from './Tooltip.types';
2
- import type { ForwardRefComponent } from '@fluentui/react-utilities';
3
- /**
4
- * A tooltip provides light weight contextual information on top of its target element.
5
- */
6
- export declare const Tooltip: ForwardRefComponent<TooltipProps>;
@@ -1,124 +0,0 @@
1
- import * as React from 'react';
2
- import type { PositioningShorthand } from '@fluentui/react-positioning';
3
- import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
4
- /**
5
- * Slot properties for Tooltip
6
- */
7
- export declare type TooltipSlots = {
8
- root: Omit<IntrinsicShorthandProps<'div'>, 'children'> & {
9
- /**
10
- * The child is the element that triggers the Tooltip. It will have additional properties added,
11
- * including events and aria properties.
12
- * Alternatively, children can be a render function that takes the props and adds
13
- * them to the appropriate elements.
14
- */
15
- children?: (React.ReactElement<React.HTMLAttributes<HTMLElement>> & {
16
- ref?: React.Ref<unknown>;
17
- }) | ((props: TooltipTriggerProps) => React.ReactNode) | null;
18
- };
19
- };
20
- /**
21
- * Properties and state for Tooltip
22
- */
23
- export declare type TooltipCommons = {
24
- /**
25
- * A tooltip can appear with the default appearance or inverted.
26
- * When not specified, the default appearance is used.
27
- */
28
- appearance?: 'inverted';
29
- /**
30
- * The content displayed inside the tooltip.
31
- */
32
- content: React.ReactNode;
33
- /**
34
- * Color variant with inverted colors
35
- *
36
- * @defaultvalue false
37
- */
38
- inverted?: boolean;
39
- /**
40
- * Render an arrow pointing to the target element
41
- *
42
- * @defaultvalue false
43
- */
44
- withArrow?: boolean;
45
- /**
46
- * Configure the positioning of the tooltip
47
- *
48
- * @defaultvalue above
49
- */
50
- positioning?: PositioningShorthand;
51
- /**
52
- * Control the tooltip's visibility programatically.
53
- *
54
- * This can be used in conjunction with onVisibleChange to modify the tooltip's show and hide behavior.
55
- *
56
- * If not provided, the visibility will be controlled by the tooltip itself, based on hover and focus events on the
57
- * trigger (child) element.
58
- */
59
- visible?: boolean;
60
- /**
61
- * Notification when the visibility of the tooltip is changing
62
- */
63
- onVisibleChange?: (event: React.PointerEvent<HTMLElement> | React.FocusEvent<HTMLElement> | undefined, data: OnVisibleChangeData) => void;
64
- /**
65
- * Specifies which aria attribute to set on the trigger element.
66
- * * `label` - Set aria-label to the tooltip's content. Requires content to be a string; if not, uses `labelledby`.
67
- * * `labelledby` - Set aria-labelledby to the tooltip's id. The id is generated if not provided.
68
- * * `describedby` - Set aria-describedby to the tooltip's id. The id is generated if not provided.
69
- * * null - Do not set any aria attributes on the trigger element.
70
- *
71
- * @defaultvalue label
72
- */
73
- triggerAriaAttribute: 'label' | 'labelledby' | 'describedby' | null;
74
- /**
75
- * Delay before the tooltip is shown, in milliseconds.
76
- *
77
- * @defaultvalue 250
78
- */
79
- showDelay: number;
80
- /**
81
- * Delay before the tooltip is hidden, in milliseconds.
82
- *
83
- * @defaultvalue 250
84
- */
85
- hideDelay: number;
86
- };
87
- /**
88
- * The properties that are added to the trigger of the Tooltip
89
- */
90
- export declare type TooltipTriggerProps = {
91
- ref?: React.Ref<never>;
92
- } & Pick<React.HTMLAttributes<HTMLElement>, 'onPointerEnter' | 'onPointerLeave' | 'onFocus' | 'onBlur' | 'aria-describedby' | 'aria-labelledby' | 'aria-label'>;
93
- /**
94
- * Data for the Tooltip's onVisibleChange event.
95
- */
96
- export declare type OnVisibleChangeData = {
97
- visible: boolean;
98
- };
99
- /**
100
- * Properties for Tooltip
101
- */
102
- export declare type TooltipProps = ComponentProps<TooltipSlots> & Partial<Omit<TooltipCommons, 'content'>> & Pick<TooltipCommons, 'content'>;
103
- /**
104
- * State used in rendering Tooltip
105
- */
106
- export declare type TooltipState = ComponentState<TooltipSlots> & TooltipCommons & {
107
- /**
108
- * Whether the tooltip should be rendered to the DOM.
109
- *
110
- * Normally the tooltip will only be rendered when visible. However, if
111
- * triggerAriaAttribute is labelledby or describedby, the tooltip will
112
- * always be rendered even when hidden so that those aria attributes
113
- * to always refer to a valid DOM element.
114
- */
115
- shouldRenderTooltip?: boolean;
116
- /**
117
- * Ref to the arrow element
118
- */
119
- arrowRef?: React.Ref<HTMLDivElement>;
120
- /**
121
- * CSS class for the arrow element
122
- */
123
- arrowClassName?: string;
124
- };
@@ -1,5 +0,0 @@
1
- export * from './Tooltip';
2
- export * from './Tooltip.types';
3
- export * from './renderTooltip';
4
- export * from './useTooltip';
5
- export { useTooltipStyles } from './useTooltipStyles';
@@ -1,5 +0,0 @@
1
- import type { TooltipState } from './Tooltip.types';
2
- /**
3
- * Render the final JSX of Tooltip
4
- */
5
- export declare const renderTooltip: (state: TooltipState) => JSX.Element;
@@ -1,13 +0,0 @@
1
- import * as React from 'react';
2
- import type { TooltipProps, TooltipState } from './Tooltip.types';
3
- /**
4
- * Create the state required to render Tooltip.
5
- *
6
- * The returned state can be modified with hooks such as useTooltipStyles,
7
- * before being passed to renderTooltip.
8
- *
9
- * @param props - props from this instance of Tooltip
10
- * @param ref - reference to root HTMLElement of Tooltip
11
- * @param defaultProps - (optional) default prop values provided by the implementing type
12
- */
13
- export declare const useTooltip: (props: TooltipProps, ref: React.Ref<HTMLDivElement>) => TooltipState;
@@ -1,5 +0,0 @@
1
- import type { TooltipState } from './Tooltip.types';
2
- /**
3
- * Apply styling to the Tooltip slots based on the state
4
- */
5
- export declare const useTooltipStyles: (state: TooltipState) => TooltipState;
@@ -1 +0,0 @@
1
- export * from './Tooltip';