@fluentui/react-positioning 0.0.0-nightly906d31cfa320211115.1 → 0.0.0-nightlyc9ccb6f37d20211122.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 (18) hide show
  1. package/CHANGELOG.json +20 -8
  2. package/CHANGELOG.md +9 -7
  3. package/dist/react-positioning.d.ts +28 -0
  4. package/lib/createArrowStyles.d.ts +27 -0
  5. package/lib/createArrowStyles.js +75 -0
  6. package/lib/createArrowStyles.js.map +1 -0
  7. package/lib/index.d.ts +2 -1
  8. package/lib/index.js +2 -1
  9. package/lib/index.js.map +1 -1
  10. package/lib/utils/positioningHelper.d.ts +1 -1
  11. package/lib-commonjs/createArrowStyles.d.ts +27 -0
  12. package/lib-commonjs/createArrowStyles.js +79 -0
  13. package/lib-commonjs/createArrowStyles.js.map +1 -0
  14. package/lib-commonjs/index.d.ts +2 -1
  15. package/lib-commonjs/index.js +2 -1
  16. package/lib-commonjs/index.js.map +1 -1
  17. package/lib-commonjs/utils/positioningHelper.d.ts +1 -1
  18. package/package.json +4 -3
package/CHANGELOG.json CHANGED
@@ -2,28 +2,40 @@
2
2
  "name": "@fluentui/react-positioning",
3
3
  "entries": [
4
4
  {
5
- "date": "Mon, 15 Nov 2021 04:16:27 GMT",
6
- "tag": "@fluentui/react-positioning_v0.0.0-nightly906d31cfa320211115.1",
7
- "version": "0.0.0-nightly906d31cfa320211115.1",
5
+ "date": "Mon, 22 Nov 2021 04:15:08 GMT",
6
+ "tag": "@fluentui/react-positioning_v0.0.0-nightlyc9ccb6f37d20211122.1",
7
+ "version": "0.0.0-nightlyc9ccb6f37d20211122.1",
8
8
  "comments": {
9
9
  "prerelease": [
10
10
  {
11
11
  "author": "email not defined",
12
12
  "package": "@fluentui/react-positioning",
13
- "commit": "05edacbae8d85aa6b3d4164f9cd7d1465b47f246",
13
+ "commit": "485cdebc9d90401363f72f87d647689444cdaba4",
14
14
  "comment": "Release nightly v9"
15
15
  },
16
+ {
17
+ "author": "lingfangao@hotmail.com",
18
+ "package": "@fluentui/react-positioning",
19
+ "commit": "58db204f28af1d68df7260ff580cf91f0adcfb66",
20
+ "comment": "Add utility function to create styles for an arrow element"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-positioning",
25
+ "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1",
26
+ "commit": "485cdebc9d90401363f72f87d647689444cdaba4"
27
+ },
16
28
  {
17
29
  "author": "beachball",
18
30
  "package": "@fluentui/react-positioning",
19
- "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly906d31cfa320211115.1",
20
- "commit": "05edacbae8d85aa6b3d4164f9cd7d1465b47f246"
31
+ "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightlyc9ccb6f37d20211122.1",
32
+ "commit": "485cdebc9d90401363f72f87d647689444cdaba4"
21
33
  },
22
34
  {
23
35
  "author": "beachball",
24
36
  "package": "@fluentui/react-positioning",
25
- "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly906d31cfa320211115.1",
26
- "commit": "05edacbae8d85aa6b3d4164f9cd7d1465b47f246"
37
+ "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyc9ccb6f37d20211122.1",
38
+ "commit": "485cdebc9d90401363f72f87d647689444cdaba4"
27
39
  }
28
40
  ]
29
41
  }
package/CHANGELOG.md CHANGED
@@ -1,19 +1,21 @@
1
1
  # Change Log - @fluentui/react-positioning
2
2
 
3
- This log was last generated on Mon, 15 Nov 2021 04:16:27 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 22 Nov 2021 04:15:08 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly906d31cfa320211115.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v0.0.0-nightly906d31cfa320211115.1)
7
+ ## [0.0.0-nightlyc9ccb6f37d20211122.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v0.0.0-nightlyc9ccb6f37d20211122.1)
8
8
 
9
- Mon, 15 Nov 2021 04:16:27 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-beta.3..@fluentui/react-positioning_v0.0.0-nightly906d31cfa320211115.1)
9
+ Mon, 22 Nov 2021 04:15:08 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-beta.3..@fluentui/react-positioning_v0.0.0-nightlyc9ccb6f37d20211122.1)
11
11
 
12
12
  ### Changes
13
13
 
14
- - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/05edacbae8d85aa6b3d4164f9cd7d1465b47f246) by email not defined)
15
- - Bump @fluentui/react-shared-contexts to v0.0.0-nightly906d31cfa320211115.1 ([commit](https://github.com/microsoft/fluentui/commit/05edacbae8d85aa6b3d4164f9cd7d1465b47f246) by beachball)
16
- - Bump @fluentui/react-utilities to v0.0.0-nightly906d31cfa320211115.1 ([commit](https://github.com/microsoft/fluentui/commit/05edacbae8d85aa6b3d4164f9cd7d1465b47f246) by beachball)
14
+ - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by email not defined)
15
+ - Add utility function to create styles for an arrow element ([PR #20541](https://github.com/microsoft/fluentui/pull/20541) by lingfangao@hotmail.com)
16
+ - Bump @fluentui/react-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
17
+ - Bump @fluentui/react-shared-contexts to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
18
+ - Bump @fluentui/react-utilities to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
17
19
 
18
20
  ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-beta.3)
19
21
 
package/dist/react-positioning.d.ts CHANGED
@@ -1,5 +1,7 @@
1
+ import type { MakeStylesStyleRule } from '@fluentui/make-styles';
1
2
  import * as PopperJs from '@popperjs/core';
2
3
  import * as React_2 from 'react';
4
+ import type { Theme } from '@fluentui/react-theme';
3
5
 
4
6
  export declare type Alignment = 'top' | 'bottom' | 'start' | 'end' | 'center';
5
7
 
@@ -7,6 +9,32 @@ export declare type AutoSize = 'height' | 'height-always' | 'width' | 'width-alw
7
9
 
8
10
  export declare type Boundary = PopperJs.Boundary | 'scrollParent' | 'window';
9
11
 
12
+ /**
13
+ * Helper that creates a makeStyles rule for an arrow element.
14
+ * For runtime arrow size toggling simply create extra classnames to apply to the arrow element
15
+ *
16
+ * ```ts
17
+ * makeStyles({
18
+ * arrowWithSize: createArrowStyles(5),
19
+ *
20
+ * arrowWithoutSize: createArrowStyles(),
21
+ * mediumArrow: { aspectRatio: 1, width: '4px' }
22
+ * smallArrow: { aspectRatio: 1, width: '2px' }
23
+ * })
24
+ * ...
25
+ *
26
+ * state.arrowWithSize.clasName = styles.arrowWithSize
27
+ * state.arrowWithoutSize.className = mergeClases(
28
+ * styles.arrowWithoutSize,
29
+ * state.smallArrow && styles.smallArrow,
30
+ * state.mediumArrow && styles.mediumArrow,
31
+ * )
32
+ * ```
33
+ *
34
+ * @param size - dimensions of the square arrow element in pixels.
35
+ */
36
+ export declare function createArrowStyles(size?: number): MakeStylesStyleRule<Theme>;
37
+
10
38
  /**
11
39
  * Creates a virtual element based on the position of a click event
12
40
  * Can be used as a target for popper in scenarios such as context menus
package/lib/createArrowStyles.d.ts ADDED
@@ -0,0 +1,27 @@
1
+ import type { MakeStylesStyleRule } from '@fluentui/make-styles';
2
+ import type { Theme } from '@fluentui/react-theme';
3
+ /**
4
+ * Helper that creates a makeStyles rule for an arrow element.
5
+ * For runtime arrow size toggling simply create extra classnames to apply to the arrow element
6
+ *
7
+ * ```ts
8
+ * makeStyles({
9
+ * arrowWithSize: createArrowStyles(5),
10
+ *
11
+ * arrowWithoutSize: createArrowStyles(),
12
+ * mediumArrow: { aspectRatio: 1, width: '4px' }
13
+ * smallArrow: { aspectRatio: 1, width: '2px' }
14
+ * })
15
+ * ...
16
+ *
17
+ * state.arrowWithSize.clasName = styles.arrowWithSize
18
+ * state.arrowWithoutSize.className = mergeClases(
19
+ * styles.arrowWithoutSize,
20
+ * state.smallArrow && styles.smallArrow,
21
+ * state.mediumArrow && styles.mediumArrow,
22
+ * )
23
+ * ```
24
+ *
25
+ * @param size - dimensions of the square arrow element in pixels.
26
+ */
27
+ export declare function createArrowStyles(size?: number): MakeStylesStyleRule<Theme>;
package/lib/createArrowStyles.js ADDED
@@ -0,0 +1,75 @@
1
+ /**
2
+ * Helper that creates a makeStyles rule for an arrow element.
3
+ * For runtime arrow size toggling simply create extra classnames to apply to the arrow element
4
+ *
5
+ * ```ts
6
+ * makeStyles({
7
+ * arrowWithSize: createArrowStyles(5),
8
+ *
9
+ * arrowWithoutSize: createArrowStyles(),
10
+ * mediumArrow: { aspectRatio: 1, width: '4px' }
11
+ * smallArrow: { aspectRatio: 1, width: '2px' }
12
+ * })
13
+ * ...
14
+ *
15
+ * state.arrowWithSize.clasName = styles.arrowWithSize
16
+ * state.arrowWithoutSize.className = mergeClases(
17
+ * styles.arrowWithoutSize,
18
+ * state.smallArrow && styles.smallArrow,
19
+ * state.mediumArrow && styles.mediumArrow,
20
+ * )
21
+ * ```
22
+ *
23
+ * @param size - dimensions of the square arrow element in pixels.
24
+ */
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
+ };
73
+ };
74
+ }
75
+ //# sourceMappingURL=createArrowStyles.js.map
package/lib/createArrowStyles.js.map ADDED
@@ -0,0 +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"}
package/lib/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
- export * from './usePopper';
2
1
  export * from './createVirtualElementFromClick';
2
+ export * from './createArrowStyles';
3
+ export * from './usePopper';
3
4
  export * from './usePopperMouseTarget';
4
5
  export { resolvePositioningShorthand, mergeArrowOffset } from './utils/index';
5
6
  export * from './types';
package/lib/index.js CHANGED
@@ -1,5 +1,6 @@
1
- export * from './usePopper';
2
1
  export * from './createVirtualElementFromClick';
2
+ export * from './createArrowStyles';
3
+ export * from './usePopper';
3
4
  export * from './usePopperMouseTarget';
4
5
  export { resolvePositioningShorthand, mergeArrowOffset } from './utils/index';
5
6
  export * from './types';
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iCAAiC,CAAC;AAChD,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,2BAA2B,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC9E,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,2BAA2B,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC9E,cAAc,SAAS,CAAC"}
package/lib/utils/positioningHelper.d.ts CHANGED
@@ -3,5 +3,5 @@ import type { Offset } from '../types';
3
3
  /**
4
4
  * @see positioninHelper.test.ts for expected placement values
5
5
  */
6
- export declare const getPlacement: (align?: "top" | "bottom" | "start" | "end" | "center" | undefined, position?: "above" | "below" | "before" | "after" | undefined, rtl?: boolean | undefined) => PopperJs.Placement;
6
+ export declare const getPlacement: (align?: "bottom" | "top" | "center" | "start" | "end" | undefined, position?: "above" | "below" | "before" | "after" | undefined, rtl?: boolean | undefined) => PopperJs.Placement;
7
7
  export declare const applyRtlToOffset: (offset: Offset | undefined) => Offset | undefined;
package/lib-commonjs/createArrowStyles.d.ts ADDED
@@ -0,0 +1,27 @@
1
+ import type { MakeStylesStyleRule } from '@fluentui/make-styles';
2
+ import type { Theme } from '@fluentui/react-theme';
3
+ /**
4
+ * Helper that creates a makeStyles rule for an arrow element.
5
+ * For runtime arrow size toggling simply create extra classnames to apply to the arrow element
6
+ *
7
+ * ```ts
8
+ * makeStyles({
9
+ * arrowWithSize: createArrowStyles(5),
10
+ *
11
+ * arrowWithoutSize: createArrowStyles(),
12
+ * mediumArrow: { aspectRatio: 1, width: '4px' }
13
+ * smallArrow: { aspectRatio: 1, width: '2px' }
14
+ * })
15
+ * ...
16
+ *
17
+ * state.arrowWithSize.clasName = styles.arrowWithSize
18
+ * state.arrowWithoutSize.className = mergeClases(
19
+ * styles.arrowWithoutSize,
20
+ * state.smallArrow && styles.smallArrow,
21
+ * state.mediumArrow && styles.mediumArrow,
22
+ * )
23
+ * ```
24
+ *
25
+ * @param size - dimensions of the square arrow element in pixels.
26
+ */
27
+ export declare function createArrowStyles(size?: number): MakeStylesStyleRule<Theme>;
package/lib-commonjs/createArrowStyles.js ADDED
@@ -0,0 +1,79 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.createArrowStyles = void 0;
4
+ /**
5
+ * Helper that creates a makeStyles rule for an arrow element.
6
+ * For runtime arrow size toggling simply create extra classnames to apply to the arrow element
7
+ *
8
+ * ```ts
9
+ * makeStyles({
10
+ * arrowWithSize: createArrowStyles(5),
11
+ *
12
+ * arrowWithoutSize: createArrowStyles(),
13
+ * mediumArrow: { aspectRatio: 1, width: '4px' }
14
+ * smallArrow: { aspectRatio: 1, width: '2px' }
15
+ * })
16
+ * ...
17
+ *
18
+ * state.arrowWithSize.clasName = styles.arrowWithSize
19
+ * state.arrowWithoutSize.className = mergeClases(
20
+ * styles.arrowWithoutSize,
21
+ * state.smallArrow && styles.smallArrow,
22
+ * state.mediumArrow && styles.mediumArrow,
23
+ * )
24
+ * ```
25
+ *
26
+ * @param size - dimensions of the square arrow element in pixels.
27
+ */
28
+ function createArrowStyles(size) {
29
+ return theme => {
30
+ const arrowHCBorderStyle = `1px solid transparent`;
31
+ const arrowHCBorder = {
32
+ borderRight: arrowHCBorderStyle,
33
+ borderBottom: arrowHCBorderStyle,
34
+ };
35
+ return {
36
+ position: 'absolute',
37
+ background: 'inherit',
38
+ visibility: 'hidden',
39
+ zIndex: -1,
40
+ ...(size && {
41
+ aspectRatio: 1,
42
+ width: `${size}px`,
43
+ }),
44
+ ':before': {
45
+ content: '""',
46
+ borderRadius: '4px',
47
+ position: 'absolute',
48
+ width: 'inherit',
49
+ height: 'inherit',
50
+ background: 'inherit',
51
+ visibility: 'visible',
52
+ borderBottomRightRadius: theme.borderRadiusSmall,
53
+ transform: 'rotate(var(--angle)) translate(0, 50%) rotate(45deg)',
54
+ },
55
+ ':global([data-popper-placement])': {
56
+ ':before': arrowHCBorder,
57
+ },
58
+ // Popper sets data-popper-placement on the root element, which is used to align the arrow
59
+ ':global([data-popper-placement^="top"])': {
60
+ bottom: 0,
61
+ '--angle': '0',
62
+ },
63
+ ':global([data-popper-placement^="right"])': {
64
+ left: 0,
65
+ '--angle': '90deg',
66
+ },
67
+ ':global([data-popper-placement^="bottom"])': {
68
+ top: 0,
69
+ '--angle': '180deg',
70
+ },
71
+ ':global([data-popper-placement^="left"])': {
72
+ right: 0,
73
+ '--angle': '270deg',
74
+ },
75
+ };
76
+ };
77
+ }
78
+ exports.createArrowStyles = createArrowStyles;
79
+ //# sourceMappingURL=createArrowStyles.js.map
package/lib-commonjs/createArrowStyles.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"createArrowStyles.js","sourceRoot":"","sources":["../src/createArrowStyles.ts"],"names":[],"mappings":";;;AAGA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,SAAgB,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;AAvDD,8CAuDC"}
package/lib-commonjs/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
- export * from './usePopper';
2
1
  export * from './createVirtualElementFromClick';
2
+ export * from './createArrowStyles';
3
+ export * from './usePopper';
3
4
  export * from './usePopperMouseTarget';
4
5
  export { resolvePositioningShorthand, mergeArrowOffset } from './utils/index';
5
6
  export * from './types';
package/lib-commonjs/index.js CHANGED
@@ -2,8 +2,9 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.mergeArrowOffset = exports.resolvePositioningShorthand = void 0;
4
4
  const tslib_1 = require("tslib");
5
- tslib_1.__exportStar(require("./usePopper"), exports);
6
5
  tslib_1.__exportStar(require("./createVirtualElementFromClick"), exports);
6
+ tslib_1.__exportStar(require("./createArrowStyles"), exports);
7
+ tslib_1.__exportStar(require("./usePopper"), exports);
7
8
  tslib_1.__exportStar(require("./usePopperMouseTarget"), exports);
8
9
  var index_1 = require("./utils/index");
9
10
  Object.defineProperty(exports, "resolvePositioningShorthand", { enumerable: true, get: function () { return index_1.resolvePositioningShorthand; } });
package/lib-commonjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,sDAA4B;AAC5B,0EAAgD;AAChD,iEAAuC;AACvC,uCAA8E;AAArE,oHAAA,2BAA2B,OAAA;AAAE,yGAAA,gBAAgB,OAAA;AACtD,kDAAwB"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA,0EAAgD;AAChD,8DAAoC;AACpC,sDAA4B;AAC5B,iEAAuC;AACvC,uCAA8E;AAArE,oHAAA,2BAA2B,OAAA;AAAE,yGAAA,gBAAgB,OAAA;AACtD,kDAAwB"}
package/lib-commonjs/utils/positioningHelper.d.ts CHANGED
@@ -3,5 +3,5 @@ import type { Offset } from '../types';
3
3
  /**
4
4
  * @see positioninHelper.test.ts for expected placement values
5
5
  */
6
- export declare const getPlacement: (align?: "top" | "bottom" | "start" | "end" | "center" | undefined, position?: "above" | "below" | "before" | "after" | undefined, rtl?: boolean | undefined) => PopperJs.Placement;
6
+ export declare const getPlacement: (align?: "bottom" | "top" | "center" | "start" | "end" | undefined, position?: "above" | "below" | "before" | "after" | undefined, rtl?: boolean | undefined) => PopperJs.Placement;
7
7
  export declare const applyRtlToOffset: (offset: Offset | undefined) => Offset | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-positioning",
3
- "version": "0.0.0-nightly906d31cfa320211115.1",
3
+ "version": "0.0.0-nightlyc9ccb6f37d20211122.1",
4
4
  "description": "A react wrapper around Popper.js for Fluent UI",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -33,8 +33,9 @@
33
33
  "react-dom": "16.8.6"
34
34
  },
35
35
  "dependencies": {
36
- "@fluentui/react-shared-contexts": "0.0.0-nightly906d31cfa320211115.1",
37
- "@fluentui/react-utilities": "0.0.0-nightly906d31cfa320211115.1",
36
+ "@fluentui/react-make-styles": "0.0.0-nightlyc9ccb6f37d20211122.1",
37
+ "@fluentui/react-shared-contexts": "0.0.0-nightlyc9ccb6f37d20211122.1",
38
+ "@fluentui/react-utilities": "0.0.0-nightlyc9ccb6f37d20211122.1",
38
39
  "@popperjs/core": "~2.4.3",
39
40
  "tslib": "^2.1.0"
40
41
  },