@fluentui/react-popover 0.0.0-nightlyd3bf09bf8120211201.1 → 0.0.0-nightlyd45ba4664620220211.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (72) hide show
  1. package/CHANGELOG.json +164 -27
  2. package/CHANGELOG.md +40 -15
  3. package/dist/react-popover.d.ts +29 -20
  4. package/lib/components/Popover/Popover.js +4 -4
  5. package/lib/components/Popover/Popover.js.map +1 -1
  6. package/lib/components/Popover/Popover.types.d.ts +2 -1
  7. package/lib/components/Popover/renderPopover.d.ts +1 -1
  8. package/lib/components/Popover/renderPopover.js +1 -1
  9. package/lib/components/Popover/renderPopover.js.map +1 -1
  10. package/lib/components/Popover/usePopover.d.ts +2 -2
  11. package/lib/components/Popover/usePopover.js +4 -3
  12. package/lib/components/Popover/usePopover.js.map +1 -1
  13. package/lib/components/PopoverSurface/PopoverSurface.js +6 -6
  14. package/lib/components/PopoverSurface/PopoverSurface.js.map +1 -1
  15. package/lib/components/PopoverSurface/PopoverSurface.types.d.ts +2 -2
  16. package/lib/components/PopoverSurface/renderPopoverSurface.d.ts +1 -1
  17. package/lib/components/PopoverSurface/renderPopoverSurface.js +4 -4
  18. package/lib/components/PopoverSurface/renderPopoverSurface.js.map +1 -1
  19. package/lib/components/PopoverSurface/usePopoverSurface.d.ts +4 -5
  20. package/lib/components/PopoverSurface/usePopoverSurface.js +16 -16
  21. package/lib/components/PopoverSurface/usePopoverSurface.js.map +1 -1
  22. package/lib/components/PopoverSurface/usePopoverSurfaceStyles.d.ts +1 -1
  23. package/lib/components/PopoverSurface/usePopoverSurfaceStyles.js +22 -23
  24. package/lib/components/PopoverSurface/usePopoverSurfaceStyles.js.map +1 -1
  25. package/lib/components/PopoverTrigger/PopoverTrigger.d.ts +2 -1
  26. package/lib/components/PopoverTrigger/PopoverTrigger.js +5 -4
  27. package/lib/components/PopoverTrigger/PopoverTrigger.js.map +1 -1
  28. package/lib/components/PopoverTrigger/PopoverTrigger.types.d.ts +9 -2
  29. package/lib/components/PopoverTrigger/renderPopoverTrigger.d.ts +1 -1
  30. package/lib/components/PopoverTrigger/renderPopoverTrigger.js +1 -1
  31. package/lib/components/PopoverTrigger/renderPopoverTrigger.js.map +1 -1
  32. package/lib/components/PopoverTrigger/usePopoverTrigger.d.ts +2 -2
  33. package/lib/components/PopoverTrigger/usePopoverTrigger.js +33 -40
  34. package/lib/components/PopoverTrigger/usePopoverTrigger.js.map +1 -1
  35. package/lib/popoverContext.d.ts +1 -1
  36. package/lib/popoverContext.js +1 -1
  37. package/lib/popoverContext.js.map +1 -1
  38. package/lib-commonjs/components/Popover/Popover.js +2 -2
  39. package/lib-commonjs/components/Popover/Popover.js.map +1 -1
  40. package/lib-commonjs/components/Popover/Popover.types.d.ts +2 -1
  41. package/lib-commonjs/components/Popover/renderPopover.d.ts +1 -1
  42. package/lib-commonjs/components/Popover/renderPopover.js +3 -3
  43. package/lib-commonjs/components/Popover/renderPopover.js.map +1 -1
  44. package/lib-commonjs/components/Popover/usePopover.d.ts +2 -2
  45. package/lib-commonjs/components/Popover/usePopover.js +6 -5
  46. package/lib-commonjs/components/Popover/usePopover.js.map +1 -1
  47. package/lib-commonjs/components/PopoverSurface/PopoverSurface.js +3 -3
  48. package/lib-commonjs/components/PopoverSurface/PopoverSurface.js.map +1 -1
  49. package/lib-commonjs/components/PopoverSurface/PopoverSurface.types.d.ts +2 -2
  50. package/lib-commonjs/components/PopoverSurface/renderPopoverSurface.d.ts +1 -1
  51. package/lib-commonjs/components/PopoverSurface/renderPopoverSurface.js +6 -7
  52. package/lib-commonjs/components/PopoverSurface/renderPopoverSurface.js.map +1 -1
  53. package/lib-commonjs/components/PopoverSurface/usePopoverSurface.d.ts +4 -5
  54. package/lib-commonjs/components/PopoverSurface/usePopoverSurface.js +18 -18
  55. package/lib-commonjs/components/PopoverSurface/usePopoverSurface.js.map +1 -1
  56. package/lib-commonjs/components/PopoverSurface/usePopoverSurfaceStyles.d.ts +1 -1
  57. package/lib-commonjs/components/PopoverSurface/usePopoverSurfaceStyles.js +27 -27
  58. package/lib-commonjs/components/PopoverSurface/usePopoverSurfaceStyles.js.map +1 -1
  59. package/lib-commonjs/components/PopoverTrigger/PopoverTrigger.d.ts +2 -1
  60. package/lib-commonjs/components/PopoverTrigger/PopoverTrigger.js +3 -2
  61. package/lib-commonjs/components/PopoverTrigger/PopoverTrigger.js.map +1 -1
  62. package/lib-commonjs/components/PopoverTrigger/PopoverTrigger.types.d.ts +9 -2
  63. package/lib-commonjs/components/PopoverTrigger/renderPopoverTrigger.d.ts +1 -1
  64. package/lib-commonjs/components/PopoverTrigger/renderPopoverTrigger.js +3 -3
  65. package/lib-commonjs/components/PopoverTrigger/renderPopoverTrigger.js.map +1 -1
  66. package/lib-commonjs/components/PopoverTrigger/usePopoverTrigger.d.ts +2 -2
  67. package/lib-commonjs/components/PopoverTrigger/usePopoverTrigger.js +33 -40
  68. package/lib-commonjs/components/PopoverTrigger/usePopoverTrigger.js.map +1 -1
  69. package/lib-commonjs/popoverContext.d.ts +1 -1
  70. package/lib-commonjs/popoverContext.js +3 -3
  71. package/lib-commonjs/popoverContext.js.map +1 -1
  72. package/package.json +11 -13
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.usePopoverTrigger = void 0;
6
+ exports.usePopoverTrigger_unstable = void 0;
7
7
 
8
8
  const React = /*#__PURE__*/require("react");
9
9
 
@@ -16,43 +16,44 @@ const popoverContext_1 = /*#__PURE__*/require("../../popoverContext");
16
16
  * Create the state required to render PopoverTrigger.
17
17
  *
18
18
  * The returned state can be modified with hooks such as usePopoverTriggerStyles,
19
- * before being passed to renderPopoverTrigger.
19
+ * before being passed to renderPopoverTrigger_unstable.
20
20
  *
21
21
  * @param props - props from this instance of PopoverTrigger
22
22
  */
23
23
 
24
24
 
25
- const usePopoverTrigger = props => {
26
- const setOpen = popoverContext_1.usePopoverContext(context => context.setOpen);
27
- const open = popoverContext_1.usePopoverContext(context => context.open);
28
- const triggerRef = popoverContext_1.usePopoverContext(context => context.triggerRef);
29
- const openOnHover = popoverContext_1.usePopoverContext(context => context.openOnHover);
30
- const openOnContext = popoverContext_1.usePopoverContext(context => context.openOnContext);
31
- const trapFocus = popoverContext_1.usePopoverContext(context => context.trapFocus);
25
+ const usePopoverTrigger_unstable = props => {
26
+ var _a, _b, _c, _d, _e;
27
+
28
+ const {
29
+ children
30
+ } = props;
31
+ const child = React.isValidElement(children) ? react_utilities_1.getTriggerChild(children) : undefined;
32
+ const setOpen = popoverContext_1.usePopoverContext_unstable(context => context.setOpen);
33
+ const open = popoverContext_1.usePopoverContext_unstable(context => context.open);
34
+ const triggerRef = popoverContext_1.usePopoverContext_unstable(context => context.triggerRef);
35
+ const openOnHover = popoverContext_1.usePopoverContext_unstable(context => context.openOnHover);
36
+ const openOnContext = popoverContext_1.usePopoverContext_unstable(context => context.openOnContext);
37
+ const trapFocus = popoverContext_1.usePopoverContext_unstable(context => context.trapFocus);
32
38
  const {
33
39
  triggerAttributes
34
40
  } = react_tabster_1.useModalAttributes();
35
- const onContextMenu = react_utilities_1.useEventCallback(e => {
36
- var _a, _b;
37
41
 
42
+ const onContextMenu = e => {
38
43
  if (openOnContext) {
39
44
  e.preventDefault();
40
45
  setOpen(e, true);
41
46
  }
47
+ };
42
48
 
43
- (_b = (_a = child.props) === null || _a === void 0 ? void 0 : _a.onContextMenu) === null || _b === void 0 ? void 0 : _b.call(_a, e);
44
- });
45
- const onClick = react_utilities_1.useEventCallback(e => {
46
- var _a, _b;
47
-
49
+ const onClick = e => {
48
50
  if (!openOnContext) {
49
51
  setOpen(e, !open);
50
52
  }
53
+ };
51
54
 
52
- (_b = (_a = child.props) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
53
- });
54
- const onKeyDown = react_utilities_1.useEventCallback(e => {
55
- var _a, _b, _c;
55
+ const onKeyDown = e => {
56
+ var _a;
56
57
 
57
58
  if (react_utilities_1.shouldPreventDefaultOnKeyDown(e) && (e.key === ' ' || e.key === 'Enter')) {
58
59
  e.preventDefault();
@@ -62,41 +63,33 @@ const usePopoverTrigger = props => {
62
63
  if (e.key === 'Escape') {
63
64
  setOpen(e, false);
64
65
  }
66
+ };
65
67
 
66
- (_c = (_b = child.props) === null || _b === void 0 ? void 0 : _b.onKeyDown) === null || _c === void 0 ? void 0 : _c.call(_b, e);
67
- });
68
68
  const onMouseEnter = react_utilities_1.useEventCallback(e => {
69
- var _a, _b;
70
-
71
69
  if (openOnHover) {
72
70
  setOpen(e, true);
73
71
  }
74
-
75
- (_b = (_a = child.props) === null || _a === void 0 ? void 0 : _a.onMouseEnter) === null || _b === void 0 ? void 0 : _b.call(_a, e);
76
72
  });
77
- const onMouseLeave = react_utilities_1.useEventCallback(e => {
78
- var _a, _b;
79
73
 
74
+ const onMouseLeave = e => {
80
75
  if (openOnHover) {
81
76
  setOpen(e, false);
82
77
  }
78
+ };
83
79
 
84
- (_b = (_a = child.props) === null || _a === void 0 ? void 0 : _a.onMouseLeave) === null || _b === void 0 ? void 0 : _b.call(_a, e);
85
- });
86
- const child = React.Children.only(props.children);
87
80
  return {
88
- children: React.cloneElement(child, { ...triggerAttributes,
81
+ children: react_utilities_1.applyTriggerPropsToChildren(props.children, { ...triggerAttributes,
89
82
  'aria-haspopup': trapFocus ? 'dialog' : 'true',
90
- ...child.props,
91
- onClick,
92
- onMouseEnter,
93
- onKeyDown,
94
- onMouseLeave,
95
- onContextMenu,
96
- ref: react_utilities_1.useMergedRefs(child.ref, triggerRef)
83
+ ...(child === null || child === void 0 ? void 0 : child.props),
84
+ onClick: react_utilities_1.useMergedEventCallbacks((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.onClick, onClick),
85
+ onMouseEnter: react_utilities_1.useMergedEventCallbacks((_b = child === null || child === void 0 ? void 0 : child.props) === null || _b === void 0 ? void 0 : _b.onMouseEnter, onMouseEnter),
86
+ onKeyDown: react_utilities_1.useMergedEventCallbacks((_c = child === null || child === void 0 ? void 0 : child.props) === null || _c === void 0 ? void 0 : _c.onKeyDown, onKeyDown),
87
+ onMouseLeave: react_utilities_1.useMergedEventCallbacks((_d = child === null || child === void 0 ? void 0 : child.props) === null || _d === void 0 ? void 0 : _d.onMouseLeave, onMouseLeave),
88
+ onContextMenu: react_utilities_1.useMergedEventCallbacks((_e = child === null || child === void 0 ? void 0 : child.props) === null || _e === void 0 ? void 0 : _e.onContextMenu, onContextMenu),
89
+ ref: react_utilities_1.useMergedRefs(triggerRef, child === null || child === void 0 ? void 0 : child.ref)
97
90
  })
98
91
  };
99
92
  };
100
93
 
101
- exports.usePopoverTrigger = usePopoverTrigger;
94
+ exports.usePopoverTrigger_unstable = usePopoverTrigger_unstable;
102
95
  //# sourceMappingURL=usePopoverTrigger.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/PopoverTrigger/usePopoverTrigger.ts"],"names":[],"mappings":"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","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/PopoverTrigger/usePopoverTrigger.ts"],"names":[],"mappings":"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","sourceRoot":""}
@@ -5,4 +5,4 @@ export declare const PopoverContext: Context<PopoverContextValue>;
5
5
  * Context shared between Popover and its children components
6
6
  */
7
7
  export declare type PopoverContextValue = Pick<PopoverState, 'open' | 'setOpen' | 'triggerRef' | 'contentRef' | 'openOnHover' | 'openOnContext' | 'mountNode' | 'noArrow' | 'arrowRef' | 'size' | 'appearance' | 'trapFocus'>;
8
- export declare const usePopoverContext: <T>(selector: ContextSelector<Pick<PopoverState, "mountNode" | "open" | "setOpen" | "triggerRef" | "contentRef" | "openOnHover" | "openOnContext" | "noArrow" | "arrowRef" | "size" | "appearance" | "trapFocus">, T>) => T;
8
+ export declare const usePopoverContext_unstable: <T>(selector: ContextSelector<PopoverContextValue, T>) => T;
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.usePopoverContext = exports.PopoverContext = void 0;
6
+ exports.usePopoverContext_unstable = exports.PopoverContext = void 0;
7
7
 
8
8
  const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
9
9
 
@@ -25,7 +25,7 @@ exports.PopoverContext = /*#__PURE__*/react_context_selector_1.createContext({
25
25
  trapFocus: false
26
26
  });
27
27
 
28
- const usePopoverContext = selector => react_context_selector_1.useContextSelector(exports.PopoverContext, selector);
28
+ const usePopoverContext_unstable = selector => react_context_selector_1.useContextSelector(exports.PopoverContext, selector);
29
29
 
30
- exports.usePopoverContext = usePopoverContext;
30
+ exports.usePopoverContext_unstable = usePopoverContext_unstable;
31
31
  //# sourceMappingURL=popoverContext.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/popoverContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AAIa,OAAA,CAAA,cAAA,gBAA+C,wBAAA,CAAA,aAAA,CAAmC;AAC7F,EAAA,IAAI,EAAE,KADuF;AAE7F,EAAA,OAAO,EAAE,MAAM,IAF8E;AAG7F,EAAA,UAAU,EAAE;AAAE,IAAA,OAAO,EAAE;AAAX,GAHiF;AAI7F,EAAA,UAAU,EAAE;AAAE,IAAA,OAAO,EAAE;AAAX,GAJiF;AAK7F,EAAA,QAAQ,EAAE;AAAE,IAAA,OAAO,EAAE;AAAX,GALmF;AAM7F,EAAA,aAAa,EAAE,KAN8E;AAO7F,EAAA,WAAW,EAAE,KAPgF;AAQ7F,EAAA,IAAI,EAAE,QARuF;AAS7F,EAAA,SAAS,EAAE;AATkF,CAAnC,CAA/C;;AA+BN,MAAM,iBAAiB,GAAO,QAAJ,IAC/B,wBAAA,CAAA,kBAAA,CAAmB,OAAA,CAAA,cAAnB,EAAmC,QAAnC,CADK;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}
1
+ {"version":3,"sources":["../src/popoverContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AAIa,OAAA,CAAA,cAAA,gBAA+C,wBAAA,CAAA,aAAA,CAAmC;AAC7F,EAAA,IAAI,EAAE,KADuF;AAE7F,EAAA,OAAO,EAAE,MAAM,IAF8E;AAG7F,EAAA,UAAU,EAAE;AAAE,IAAA,OAAO,EAAE;AAAX,GAHiF;AAI7F,EAAA,UAAU,EAAE;AAAE,IAAA,OAAO,EAAE;AAAX,GAJiF;AAK7F,EAAA,QAAQ,EAAE;AAAE,IAAA,OAAO,EAAE;AAAX,GALmF;AAM7F,EAAA,aAAa,EAAE,KAN8E;AAO7F,EAAA,WAAW,EAAE,KAPgF;AAQ7F,EAAA,IAAI,EAAE,QARuF;AAS7F,EAAA,SAAS,EAAE;AATkF,CAAnC,CAA/C;;AA+BN,MAAM,0BAA0B,GAAO,QAAJ,IACxC,wBAAA,CAAA,kBAAA,CAAmB,OAAA,CAAA,cAAnB,EAAmC,QAAnC,CADK;;AAAM,OAAA,CAAA,0BAAA,GAA0B,0BAA1B","sourceRoot":""}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-popover",
3
- "version": "0.0.0-nightlyd3bf09bf8120211201.1",
3
+ "version": "0.0.0-nightlyd45ba4664620220211.1",
4
4
  "description": "Popover component for Fluent UI",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -20,18 +20,16 @@
20
20
  "lint": "just-scripts lint",
21
21
  "start": "yarn storybook",
22
22
  "e2e": "e2e",
23
- "storybook": "start-storybook",
24
- "test": "jest",
23
+ "storybook": "node ../../scripts/storybook/runner",
24
+ "test": "jest --passWithNoTests",
25
25
  "docs": "api-extractor run --config=config/api-extractor.local.json --local",
26
26
  "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-popover/src && yarn docs",
27
27
  "type-check": "tsc -b tsconfig.json"
28
28
  },
29
29
  "devDependencies": {
30
- "@fluentui/babel-make-styles": "0.0.0-nightlyd3bf09bf8120211201.1",
31
30
  "@fluentui/eslint-plugin": "*",
32
- "@fluentui/jest-serializer-make-styles": "0.0.0-nightlyd3bf09bf8120211201.1",
33
31
  "@fluentui/react-conformance": "*",
34
- "@fluentui/react-conformance-make-styles": "0.0.0-nightlyd3bf09bf8120211201.1",
32
+ "@fluentui/react-conformance-griffel": "0.0.0-nightlyd45ba4664620220211.1",
35
33
  "@fluentui/scripts": "^1.0.0",
36
34
  "@types/enzyme": "3.10.3",
37
35
  "@types/enzyme-adapter-react-16": "1.0.3",
@@ -45,13 +43,13 @@
45
43
  "react-test-renderer": "^16.3.0"
46
44
  },
47
45
  "dependencies": {
48
- "@fluentui/react-context-selector": "0.0.0-nightlyd3bf09bf8120211201.1",
49
- "@fluentui/react-make-styles": "0.0.0-nightlyd3bf09bf8120211201.1",
50
- "@fluentui/react-portal": "0.0.0-nightlyd3bf09bf8120211201.1",
51
- "@fluentui/react-positioning": "0.0.0-nightlyd3bf09bf8120211201.1",
52
- "@fluentui/react-shared-contexts": "0.0.0-nightlyd3bf09bf8120211201.1",
53
- "@fluentui/react-tabster": "0.0.0-nightlyd3bf09bf8120211201.1",
54
- "@fluentui/react-utilities": "0.0.0-nightlyd3bf09bf8120211201.1",
46
+ "@fluentui/react-context-selector": "0.0.0-nightlyd45ba4664620220211.1",
47
+ "@griffel/react": "1.0.0",
48
+ "@fluentui/react-portal": "0.0.0-nightlyd45ba4664620220211.1",
49
+ "@fluentui/react-positioning": "0.0.0-nightlyd45ba4664620220211.1",
50
+ "@fluentui/react-shared-contexts": "0.0.0-nightlyd45ba4664620220211.1",
51
+ "@fluentui/react-tabster": "0.0.0-nightlyd45ba4664620220211.1",
52
+ "@fluentui/react-utilities": "0.0.0-nightlyd45ba4664620220211.1",
55
53
  "tslib": "^2.1.0"
56
54
  },
57
55
  "peerDependencies": {