@fluentui/react-positioning 0.0.0-nightlya54302c0b220211124.1 → 0.0.0-nightlyb8537fb52c20211129.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 (57) hide show
  1. package/CHANGELOG.json +54 -7
  2. package/CHANGELOG.md +19 -6
  3. package/lib/createArrowStyles.js +47 -47
  4. package/lib/createArrowStyles.js.map +1 -1
  5. package/lib/createVirtualElementFromClick.js +17 -15
  6. package/lib/createVirtualElementFromClick.js.map +1 -1
  7. package/lib/usePopper.js +362 -312
  8. package/lib/usePopper.js.map +1 -1
  9. package/lib/usePopperMouseTarget.js +28 -22
  10. package/lib/usePopperMouseTarget.js.map +1 -1
  11. package/lib/utils/getBasePlacement.js +1 -1
  12. package/lib/utils/getBasePlacement.js.map +1 -1
  13. package/lib/utils/getBoundary.js +15 -10
  14. package/lib/utils/getBoundary.js.map +1 -1
  15. package/lib/utils/getReactFiberFromNode.js +39 -35
  16. package/lib/utils/getReactFiberFromNode.js.map +1 -1
  17. package/lib/utils/getScrollParent.js +46 -32
  18. package/lib/utils/getScrollParent.js.map +1 -1
  19. package/lib/utils/mergeArrowOffset.js +29 -24
  20. package/lib/utils/mergeArrowOffset.js.map +1 -1
  21. package/lib/utils/positioningHelper.js +38 -30
  22. package/lib/utils/positioningHelper.js.map +1 -1
  23. package/lib/utils/resolvePositioningShorthand.js +57 -19
  24. package/lib/utils/resolvePositioningShorthand.js.map +1 -1
  25. package/lib/utils/useCallbackRef.js +35 -29
  26. package/lib/utils/useCallbackRef.js.map +1 -1
  27. package/lib-commonjs/createArrowStyles.js +53 -48
  28. package/lib-commonjs/createArrowStyles.js.map +1 -1
  29. package/lib-commonjs/createVirtualElementFromClick.js +23 -16
  30. package/lib-commonjs/createVirtualElementFromClick.js.map +1 -1
  31. package/lib-commonjs/index.js +26 -5
  32. package/lib-commonjs/index.js.map +1 -1
  33. package/lib-commonjs/types.js +4 -1
  34. package/lib-commonjs/types.js.map +1 -1
  35. package/lib-commonjs/usePopper.js +376 -316
  36. package/lib-commonjs/usePopper.js.map +1 -1
  37. package/lib-commonjs/usePopperMouseTarget.js +38 -25
  38. package/lib-commonjs/usePopperMouseTarget.js.map +1 -1
  39. package/lib-commonjs/utils/getBasePlacement.js +7 -2
  40. package/lib-commonjs/utils/getBasePlacement.js.map +1 -1
  41. package/lib-commonjs/utils/getBoundary.js +23 -12
  42. package/lib-commonjs/utils/getBoundary.js.map +1 -1
  43. package/lib-commonjs/utils/getReactFiberFromNode.js +44 -36
  44. package/lib-commonjs/utils/getReactFiberFromNode.js.map +1 -1
  45. package/lib-commonjs/utils/getScrollParent.js +53 -33
  46. package/lib-commonjs/utils/getScrollParent.js.map +1 -1
  47. package/lib-commonjs/utils/index.js +14 -2
  48. package/lib-commonjs/utils/index.js.map +1 -1
  49. package/lib-commonjs/utils/mergeArrowOffset.js +35 -25
  50. package/lib-commonjs/utils/mergeArrowOffset.js.map +1 -1
  51. package/lib-commonjs/utils/positioningHelper.js +46 -31
  52. package/lib-commonjs/utils/positioningHelper.js.map +1 -1
  53. package/lib-commonjs/utils/resolvePositioningShorthand.js +65 -22
  54. package/lib-commonjs/utils/resolvePositioningShorthand.js.map +1 -1
  55. package/lib-commonjs/utils/useCallbackRef.js +45 -32
  56. package/lib-commonjs/utils/useCallbackRef.js.map +1 -1
  57. package/package.json +8 -8
package/CHANGELOG.json CHANGED
@@ -2,10 +2,45 @@
2
2
  "name": "@fluentui/react-positioning",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 24 Nov 2021 04:12:45 GMT",
6
- "tag": "@fluentui/react-positioning_v0.0.0-nightlya54302c0b220211124.1",
7
- "version": "0.0.0-nightlya54302c0b220211124.1",
5
+ "date": "Mon, 29 Nov 2021 04:13:47 GMT",
6
+ "tag": "@fluentui/react-positioning_v0.0.0-nightlyb8537fb52c20211129.1",
7
+ "version": "0.0.0-nightlyb8537fb52c20211129.1",
8
8
  "comments": {
9
+ "prerelease": [
10
+ {
11
+ "author": "beachball",
12
+ "package": "@fluentui/react-positioning",
13
+ "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlyb8537fb52c20211129.1",
14
+ "commit": "5f550f625ae0c912908d55f3a25d7c68d2950c32"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui/react-positioning",
19
+ "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightlyb8537fb52c20211129.1",
20
+ "commit": "5f550f625ae0c912908d55f3a25d7c68d2950c32"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-positioning",
25
+ "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlyb8537fb52c20211129.1",
26
+ "commit": "5f550f625ae0c912908d55f3a25d7c68d2950c32"
27
+ }
28
+ ]
29
+ }
30
+ },
31
+ {
32
+ "date": "Thu, 25 Nov 2021 08:34:15 GMT",
33
+ "tag": "@fluentui/react-positioning_v9.0.0-beta.4",
34
+ "version": "9.0.0-beta.4",
35
+ "comments": {
36
+ "none": [
37
+ {
38
+ "author": "lingfangao@hotmail.com",
39
+ "package": "@fluentui/react-positioning",
40
+ "commit": "718e63006d8d07d24efab9c32942041963d78dc7",
41
+ "comment": "Migrate package to use solution style ts-configs"
42
+ }
43
+ ],
9
44
  "prerelease": [
10
45
  {
11
46
  "author": "lingfangao@hotmail.com",
@@ -16,14 +51,26 @@
16
51
  {
17
52
  "author": "beachball",
18
53
  "package": "@fluentui/react-positioning",
19
- "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlya54302c0b220211124.1",
20
- "commit": "e3c1bd15060ac276670338660c7965b877e333f4"
54
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.4",
55
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
56
+ },
57
+ {
58
+ "author": "beachball",
59
+ "package": "@fluentui/react-positioning",
60
+ "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-beta.4",
61
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
62
+ },
63
+ {
64
+ "author": "beachball",
65
+ "package": "@fluentui/react-positioning",
66
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.4",
67
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
21
68
  },
22
69
  {
23
70
  "author": "beachball",
24
71
  "package": "@fluentui/react-positioning",
25
- "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightlya54302c0b220211124.1",
26
- "commit": "e3c1bd15060ac276670338660c7965b877e333f4"
72
+ "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.4",
73
+ "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
27
74
  }
28
75
  ]
29
76
  }
package/CHANGELOG.md CHANGED
@@ -1,19 +1,32 @@
1
1
  # Change Log - @fluentui/react-positioning
2
2
 
3
- This log was last generated on Wed, 24 Nov 2021 04:12:45 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 29 Nov 2021 04:13:47 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightlya54302c0b220211124.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v0.0.0-nightlya54302c0b220211124.1)
7
+ ## [0.0.0-nightlyb8537fb52c20211129.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v0.0.0-nightlyb8537fb52c20211129.1)
8
8
 
9
- Wed, 24 Nov 2021 04:12:45 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-beta.3..@fluentui/react-positioning_v0.0.0-nightlya54302c0b220211124.1)
9
+ Mon, 29 Nov 2021 04:13:47 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-beta.4..@fluentui/react-positioning_v0.0.0-nightlyb8537fb52c20211129.1)
11
+
12
+ ### Changes
13
+
14
+ - Bump @fluentui/react-make-styles to v0.0.0-nightlyb8537fb52c20211129.1 ([commit](https://github.com/microsoft/fluentui/commit/5f550f625ae0c912908d55f3a25d7c68d2950c32) by beachball)
15
+ - Bump @fluentui/react-shared-contexts to v0.0.0-nightlyb8537fb52c20211129.1 ([commit](https://github.com/microsoft/fluentui/commit/5f550f625ae0c912908d55f3a25d7c68d2950c32) by beachball)
16
+ - Bump @fluentui/babel-make-styles to v0.0.0-nightlyb8537fb52c20211129.1 ([commit](https://github.com/microsoft/fluentui/commit/5f550f625ae0c912908d55f3a25d7c68d2950c32) by beachball)
17
+
18
+ ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-beta.4)
19
+
20
+ Thu, 25 Nov 2021 08:34:15 GMT
21
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-beta.3..@fluentui/react-positioning_v9.0.0-beta.4)
11
22
 
12
23
  ### Changes
13
24
 
14
25
  - Add utility function to create styles for an arrow element ([PR #20541](https://github.com/microsoft/fluentui/pull/20541) by lingfangao@hotmail.com)
15
- - Bump @fluentui/react-make-styles to v0.0.0-nightlya54302c0b220211124.1 ([commit](https://github.com/microsoft/fluentui/commit/e3c1bd15060ac276670338660c7965b877e333f4) by beachball)
16
- - Bump @fluentui/react-shared-contexts to v0.0.0-nightlya54302c0b220211124.1 ([commit](https://github.com/microsoft/fluentui/commit/e3c1bd15060ac276670338660c7965b877e333f4) by beachball)
26
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
27
+ - Bump @fluentui/react-shared-contexts to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
28
+ - Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
29
+ - Bump @fluentui/babel-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
17
30
 
18
31
  ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-beta.3)
19
32
 
@@ -23,53 +23,53 @@
23
23
  * @param size - dimensions of the square arrow element in pixels.
24
24
  */
25
25
  export function createArrowStyles(size) {
26
- return theme => {
27
- const arrowHCBorderStyle = `1px solid transparent`;
28
- const arrowHCBorder = {
29
- borderRight: arrowHCBorderStyle,
30
- borderBottom: arrowHCBorderStyle,
31
- };
32
- return {
33
- position: 'absolute',
34
- background: 'inherit',
35
- visibility: 'hidden',
36
- zIndex: -1,
37
- ...(size && {
38
- aspectRatio: 1,
39
- width: `${size}px`,
40
- }),
41
- ':before': {
42
- content: '""',
43
- borderRadius: '4px',
44
- position: 'absolute',
45
- width: 'inherit',
46
- height: 'inherit',
47
- background: 'inherit',
48
- visibility: 'visible',
49
- borderBottomRightRadius: theme.borderRadiusSmall,
50
- transform: 'rotate(var(--angle)) translate(0, 50%) rotate(45deg)',
51
- },
52
- ':global([data-popper-placement])': {
53
- ':before': arrowHCBorder,
54
- },
55
- // Popper sets data-popper-placement on the root element, which is used to align the arrow
56
- ':global([data-popper-placement^="top"])': {
57
- bottom: 0,
58
- '--angle': '0',
59
- },
60
- ':global([data-popper-placement^="right"])': {
61
- left: 0,
62
- '--angle': '90deg',
63
- },
64
- ':global([data-popper-placement^="bottom"])': {
65
- top: 0,
66
- '--angle': '180deg',
67
- },
68
- ':global([data-popper-placement^="left"])': {
69
- right: 0,
70
- '--angle': '270deg',
71
- },
72
- };
26
+ return theme => {
27
+ const arrowHCBorderStyle = `1px solid transparent`;
28
+ const arrowHCBorder = {
29
+ borderRight: arrowHCBorderStyle,
30
+ borderBottom: arrowHCBorderStyle
73
31
  };
32
+ return {
33
+ position: 'absolute',
34
+ background: 'inherit',
35
+ visibility: 'hidden',
36
+ zIndex: -1,
37
+ ...(size && {
38
+ aspectRatio: 1,
39
+ width: `${size}px`
40
+ }),
41
+ ':before': {
42
+ content: '""',
43
+ borderRadius: '4px',
44
+ position: 'absolute',
45
+ width: 'inherit',
46
+ height: 'inherit',
47
+ background: 'inherit',
48
+ visibility: 'visible',
49
+ borderBottomRightRadius: theme.borderRadiusSmall,
50
+ transform: 'rotate(var(--angle)) translate(0, 50%) rotate(45deg)'
51
+ },
52
+ ':global([data-popper-placement])': {
53
+ ':before': arrowHCBorder
54
+ },
55
+ // Popper sets data-popper-placement on the root element, which is used to align the arrow
56
+ ':global([data-popper-placement^="top"])': {
57
+ bottom: 0,
58
+ '--angle': '0'
59
+ },
60
+ ':global([data-popper-placement^="right"])': {
61
+ left: 0,
62
+ '--angle': '90deg'
63
+ },
64
+ ':global([data-popper-placement^="bottom"])': {
65
+ top: 0,
66
+ '--angle': '180deg'
67
+ },
68
+ ':global([data-popper-placement^="left"])': {
69
+ right: 0,
70
+ '--angle': '270deg'
71
+ }
72
+ };
73
+ };
74
74
  }
75
75
  //# sourceMappingURL=createArrowStyles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"createArrowStyles.js","sourceRoot":"","sources":["../src/createArrowStyles.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,iBAAiB,CAAC,IAAa;IAC7C,OAAO,KAAK,CAAC,EAAE;QACb,MAAM,kBAAkB,GAAG,uBAAuB,CAAC;QACnD,MAAM,aAAa,GAAG;YACpB,WAAW,EAAE,kBAAkB;YAC/B,YAAY,EAAE,kBAAkB;SACjC,CAAC;QAEF,OAAO;YACL,QAAQ,EAAE,UAAU;YACpB,UAAU,EAAE,SAAS;YACrB,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,CAAC,CAAC;YAEV,GAAG,CAAC,IAAI,IAAI;gBACV,WAAW,EAAE,CAAC;gBACd,KAAK,EAAE,GAAG,IAAI,IAAI;aACnB,CAAC;YAEF,SAAS,EAAE;gBACT,OAAO,EAAE,IAAI;gBACb,YAAY,EAAE,KAAK;gBACnB,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,SAAS;gBACjB,UAAU,EAAE,SAAS;gBACrB,UAAU,EAAE,SAAS;gBACrB,uBAAuB,EAAE,KAAK,CAAC,iBAAiB;gBAChD,SAAS,EAAE,sDAAsD;aAClE;YAED,kCAAkC,EAAE;gBAClC,SAAS,EAAE,aAAa;aACzB;YAED,0FAA0F;YAC1F,yCAAyC,EAAE;gBACzC,MAAM,EAAE,CAAC;gBACT,SAAS,EAAE,GAAG;aACf;YAED,2CAA2C,EAAE;gBAC3C,IAAI,EAAE,CAAC;gBACP,SAAS,EAAE,OAAO;aACnB;YACD,4CAA4C,EAAE;gBAC5C,GAAG,EAAE,CAAC;gBACN,SAAS,EAAE,QAAQ;aACpB;YACD,0CAA0C,EAAE;gBAC1C,KAAK,EAAE,CAAC;gBACR,SAAS,EAAE,QAAQ;aACpB;SACF,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}
1
+ {"version":3,"sources":["../src/createArrowStyles.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;AAuBG;AACH,OAAM,SAAU,iBAAV,CAA4B,IAA5B,EAAyC;AAC7C,SAAO,KAAK,IAAG;AACb,UAAM,kBAAkB,GAAG,uBAA3B;AACA,UAAM,aAAa,GAAG;AACpB,MAAA,WAAW,EAAE,kBADO;AAEpB,MAAA,YAAY,EAAE;AAFM,KAAtB;AAKA,WAAO;AACL,MAAA,QAAQ,EAAE,UADL;AAEL,MAAA,UAAU,EAAE,SAFP;AAGL,MAAA,UAAU,EAAE,QAHP;AAIL,MAAA,MAAM,EAAE,CAAC,CAJJ;AAML,UAAI,IAAI,IAAI;AACV,QAAA,WAAW,EAAE,CADH;AAEV,QAAA,KAAK,EAAE,GAAG,IAAI;AAFJ,OAAZ,CANK;AAWL,iBAAW;AACT,QAAA,OAAO,EAAE,IADA;AAET,QAAA,YAAY,EAAE,KAFL;AAGT,QAAA,QAAQ,EAAE,UAHD;AAIT,QAAA,KAAK,EAAE,SAJE;AAKT,QAAA,MAAM,EAAE,SALC;AAMT,QAAA,UAAU,EAAE,SANH;AAOT,QAAA,UAAU,EAAE,SAPH;AAQT,QAAA,uBAAuB,EAAE,KAAK,CAAC,iBARtB;AAST,QAAA,SAAS,EAAE;AATF,OAXN;AAuBL,0CAAoC;AAClC,mBAAW;AADuB,OAvB/B;AA2BL;AACA,iDAA2C;AACzC,QAAA,MAAM,EAAE,CADiC;AAEzC,mBAAW;AAF8B,OA5BtC;AAiCL,mDAA6C;AAC3C,QAAA,IAAI,EAAE,CADqC;AAE3C,mBAAW;AAFgC,OAjCxC;AAqCL,oDAA8C;AAC5C,QAAA,GAAG,EAAE,CADuC;AAE5C,mBAAW;AAFiC,OArCzC;AAyCL,kDAA4C;AAC1C,QAAA,KAAK,EAAE,CADmC;AAE1C,mBAAW;AAF+B;AAzCvC,KAAP;AA8CD,GArDD;AAsDD","sourceRoot":""}
@@ -3,22 +3,24 @@
3
3
  * Can be used as a target for popper in scenarios such as context menus
4
4
  */
5
5
  export function createVirtualElementFromClick(nativeEvent) {
6
- const left = nativeEvent.clientX;
7
- const top = nativeEvent.clientY;
8
- const right = left + 1;
9
- const bottom = top + 1;
10
- function getBoundingClientRect() {
11
- return {
12
- left,
13
- top,
14
- right,
15
- bottom,
16
- height: 1,
17
- width: 1,
18
- };
19
- }
6
+ const left = nativeEvent.clientX;
7
+ const top = nativeEvent.clientY;
8
+ const right = left + 1;
9
+ const bottom = top + 1;
10
+
11
+ function getBoundingClientRect() {
20
12
  return {
21
- getBoundingClientRect,
13
+ left,
14
+ top,
15
+ right,
16
+ bottom,
17
+ height: 1,
18
+ width: 1
22
19
  };
20
+ }
21
+
22
+ return {
23
+ getBoundingClientRect
24
+ };
23
25
  }
24
26
  //# sourceMappingURL=createVirtualElementFromClick.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"createVirtualElementFromClick.js","sourceRoot":"","sources":["../src/createVirtualElementFromClick.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,UAAU,6BAA6B,CAAC,WAAuB;IACnE,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC;IACjC,MAAM,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC;IAChC,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,CAAC;IACvB,MAAM,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC;IAEvB,SAAS,qBAAqB;QAC5B,OAAO;YACL,IAAI;YACJ,GAAG;YACH,KAAK;YACL,MAAM;YAEN,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,CAAC;SACT,CAAC;IACJ,CAAC;IAED,OAAO;QACL,qBAAqB;KACtB,CAAC;AACJ,CAAC"}
1
+ {"version":3,"sources":["../src/createVirtualElementFromClick.ts"],"names":[],"mappings":"AAEA;;;AAGG;AACH,OAAM,SAAU,6BAAV,CAAwC,WAAxC,EAA+D;AACnE,QAAM,IAAI,GAAG,WAAW,CAAC,OAAzB;AACA,QAAM,GAAG,GAAG,WAAW,CAAC,OAAxB;AACA,QAAM,KAAK,GAAG,IAAI,GAAG,CAArB;AACA,QAAM,MAAM,GAAG,GAAG,GAAG,CAArB;;AAEA,WAAS,qBAAT,GAA8B;AAC5B,WAAO;AACL,MAAA,IADK;AAEL,MAAA,GAFK;AAGL,MAAA,KAHK;AAIL,MAAA,MAJK;AAML,MAAA,MAAM,EAAE,CANH;AAOL,MAAA,KAAK,EAAE;AAPF,KAAP;AASD;;AAED,SAAO;AACL,IAAA;AADK,GAAP;AAGD","sourceRoot":""}