@fluentui/react-positioning - npm Package Compare versions

Comparing version 0.0.0-nightlybc5ff01fb020211104.1 to 0.0.0-nightlyc0273fdc6920211123.1

CHANGELOG.json

@@ -5,5 +5,5 @@ {
     {
-      "date": "Thu, 04 Nov 2021 04:20:35 GMT",
-      "tag": "@fluentui/react-positioning_v0.0.0-nightlybc5ff01fb020211104.1",
-      "version": "0.0.0-nightlybc5ff01fb020211104.1",
+      "date": "Tue, 23 Nov 2021 04:19:30 GMT",
+      "tag": "@fluentui/react-positioning_v0.0.0-nightlyc0273fdc6920211123.1",
+      "version": "0.0.0-nightlyc0273fdc6920211123.1",
       "comments": {
@@ -14,6 +14,39 @@ "prerelease": [
             "package": "@fluentui/react-positioning",
-            "commit": "112d5b8815c25532184ed7c1407ba9a777e2f48d",
+            "commit": "ecb84838dc29fe424995bfc3c2983d3cd335936e",
             "comment": "Release nightly v9"
           },
           {
+            "author": "[e-mail]",
+            "package": "@fluentui/react-positioning",
+            "commit": "58db204f28af1d68df7260ff580cf91f0adcfb66",
+            "comment": "Add utility function to create styles for an arrow element"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlyc0273fdc6920211123.1",
+            "commit": "ecb84838dc29fe424995bfc3c2983d3cd335936e"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightlyc0273fdc6920211123.1",
+            "commit": "ecb84838dc29fe424995bfc3c2983d3cd335936e"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyc0273fdc6920211123.1",
+            "commit": "ecb84838dc29fe424995bfc3c2983d3cd335936e"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 12 Nov 2021 13:25:30 GMT",
+      "tag": "@fluentui/react-positioning_v9.0.0-beta.3",
+      "version": "9.0.0-beta.3",
+      "comments": {
+        "prerelease": [
+          {
             "author": "[e-mail]",
@@ -27,4 +60,4 @@ "package": "@fluentui/react-positioning",
             "package": "@fluentui/react-positioning",
-            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightlybc5ff01fb020211104.1",
-            "commit": "112d5b8815c25532184ed7c1407ba9a777e2f48d"
+            "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
           },
@@ -34,5 +67,13 @@ {
             "package": "@fluentui/react-positioning",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlybc5ff01fb020211104.1",
-            "commit": "112d5b8815c25532184ed7c1407ba9a777e2f48d"
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3",
+            "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
           }
+        ],
+        "none": [
+          {
+            "author": "[e-mail]",
+            "package": "@fluentui/react-positioning",
+            "commit": "00f70581480b536e723fb69edf0ae617beac4807",
+            "comment": "Remove beta release tag"
+          }
         ]
@@ -39,0 +80,0 @@ }

CHANGELOG.md

 # Change Log - @fluentui/react-positioning
 
-This log was last generated on Thu, 04 Nov 2021 04:20:35 GMT and should not be manually modified.
+This log was last generated on Tue, 23 Nov 2021 04:19:30 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightlybc5ff01fb020211104.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v0.0.0-nightlybc5ff01fb020211104.1)
+## [0.0.0-nightlyc0273fdc6920211123.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v0.0.0-nightlyc0273fdc6920211123.1)
 
-Thu, 04 Nov 2021 04:20:35 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-beta.2..@fluentui/react-positioning_v0.0.0-nightlybc5ff01fb020211104.1)
+Tue, 23 Nov 2021 04:19:30 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-beta.3..@fluentui/react-positioning_v0.0.0-nightlyc0273fdc6920211123.1)
 
 ### Changes
 
-- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by email not defined)
+- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/ecb84838dc29fe424995bfc3c2983d3cd335936e) by email not defined)
+- Add utility function to create styles for an arrow element ([PR #20541](https://github.com/microsoft/fluentui/pull/20541) by [e-mail])
+- Bump @fluentui/react-make-styles to v0.0.0-nightlyc0273fdc6920211123.1 ([commit](https://github.com/microsoft/fluentui/commit/ecb84838dc29fe424995bfc3c2983d3cd335936e) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightlyc0273fdc6920211123.1 ([commit](https://github.com/microsoft/fluentui/commit/ecb84838dc29fe424995bfc3c2983d3cd335936e) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightlyc0273fdc6920211123.1 ([commit](https://github.com/microsoft/fluentui/commit/ecb84838dc29fe424995bfc3c2983d3cd335936e) by beachball)
+
+## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-beta.3)
+
+Fri, 12 Nov 2021 13:25:30 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-beta.2..@fluentui/react-positioning_v9.0.0-beta.3)
+
+### Changes
+
 - Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by [e-mail])
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightlybc5ff01fb020211104.1 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightlybc5ff01fb020211104.1 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
 
@@ -19,0 +31,0 @@ ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-beta.2)

dist/react-positioning.d.ts

@@ -0,3 +1,5 @@
+import type { MakeStylesStyleRule } from '@fluentui/make-styles';
 import * as PopperJs from '@popperjs/core';
 import * as React_2 from 'react';
+import type { Theme } from '@fluentui/react-theme';
 
@@ -11,2 +13,28 @@ export declare type Alignment = 'top' | 'bottom' | 'start' | 'end' | 'center';
 /**
+ * Helper that creates a makeStyles rule for an arrow element.
+ * For runtime arrow size toggling simply create extra classnames to apply to the arrow element
+ *
+ * ```ts
+ *   makeStyles({
+ *     arrowWithSize: createArrowStyles(5),
+ *
+ *     arrowWithoutSize: createArrowStyles(),
+ *     mediumArrow: { aspectRatio: 1, width: '4px' }
+ *     smallArrow: { aspectRatio: 1, width: '2px' }
+ *   })
+ *   ...
+ *
+ *   state.arrowWithSize.clasName = styles.arrowWithSize
+ *   state.arrowWithoutSize.className = mergeClases(
+ *     styles.arrowWithoutSize,
+ *     state.smallArrow && styles.smallArrow,
+ *     state.mediumArrow && styles.mediumArrow,
+ *   )
+ * ```
+ *
+ * @param size - dimensions of the square arrow element in pixels.
+ */
+export declare function createArrowStyles(size?: number): MakeStylesStyleRule<Theme>;
+
+/**
  * Creates a virtual element based on the position of a click event
@@ -13,0 +41,0 @@ * Can be used as a target for popper in scenarios such as context menus

lib-commonjs/index.d.ts

@@ -0,5 +1,6 @@
+export * from './createVirtualElementFromClick';
+export * from './createArrowStyles';
 export * from './usePopper';
-export * from './createVirtualElementFromClick';
 export * from './usePopperMouseTarget';
 export { resolvePositioningShorthand, mergeArrowOffset } from './utils/index';
 export * from './types';

lib-commonjs/index.js

@@ -5,4 +5,5 @@ "use strict";
 const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./createVirtualElementFromClick"), exports);
+tslib_1.__exportStar(require("./createArrowStyles"), exports);
 tslib_1.__exportStar(require("./usePopper"), exports);
-tslib_1.__exportStar(require("./createVirtualElementFromClick"), exports);
 tslib_1.__exportStar(require("./usePopperMouseTarget"), exports);
@@ -9,0 +10,0 @@ var index_1 = require("./utils/index");

lib-commonjs/utils/positioningHelper.d.ts

@@ -6,3 +6,3 @@ import * as PopperJs from '@popperjs/core';
  */
-export declare const getPlacement: (align?: "top" | "bottom" | "start" | "end" | "center" | undefined, position?: "above" | "below" | "before" | "after" | undefined, rtl?: boolean | undefined) => PopperJs.Placement;
+export declare const getPlacement: (align?: "bottom" | "top" | "center" | "start" | "end" | undefined, position?: "above" | "below" | "before" | "after" | undefined, rtl?: boolean | undefined) => PopperJs.Placement;
 export declare const applyRtlToOffset: (offset: Offset | undefined) => Offset | undefined;

lib/index.d.ts

@@ -0,5 +1,6 @@
+export * from './createVirtualElementFromClick';
+export * from './createArrowStyles';
 export * from './usePopper';
-export * from './createVirtualElementFromClick';
 export * from './usePopperMouseTarget';
 export { resolvePositioningShorthand, mergeArrowOffset } from './utils/index';
 export * from './types';

lib/index.js

@@ -0,3 +1,4 @@
+export * from './createVirtualElementFromClick';
+export * from './createArrowStyles';
 export * from './usePopper';
-export * from './createVirtualElementFromClick';
 export * from './usePopperMouseTarget';
@@ -4,0 +5,0 @@ export { resolvePositioningShorthand, mergeArrowOffset } from './utils/index';

lib/utils/positioningHelper.d.ts

@@ -6,3 +6,3 @@ import * as PopperJs from '@popperjs/core';
  */
-export declare const getPlacement: (align?: "top" | "bottom" | "start" | "end" | "center" | undefined, position?: "above" | "below" | "before" | "after" | undefined, rtl?: boolean | undefined) => PopperJs.Placement;
+export declare const getPlacement: (align?: "bottom" | "top" | "center" | "start" | "end" | undefined, position?: "above" | "below" | "before" | "after" | undefined, rtl?: boolean | undefined) => PopperJs.Placement;
 export declare const applyRtlToOffset: (offset: Offset | undefined) => Offset | undefined;

package.json

 {
   "name": "@fluentui/react-positioning",
-  "version": "0.0.0-nightlybc5ff01fb020211104.1",
+  "version": "0.0.0-nightlyc0273fdc6920211123.1",
   "description": "A react wrapper around Popper.js for Fluent UI",
@@ -36,4 +36,5 @@ "main": "lib-commonjs/index.js",
   "dependencies": {
-    "@fluentui/react-shared-contexts": "0.0.0-nightlybc5ff01fb020211104.1",
-    "@fluentui/react-utilities": "0.0.0-nightlybc5ff01fb020211104.1",
+    "@fluentui/react-make-styles": "0.0.0-nightlyc0273fdc6920211123.1",
+    "@fluentui/react-shared-contexts": "0.0.0-nightlyc0273fdc6920211123.1",
+    "@fluentui/react-utilities": "0.0.0-nightlyc0273fdc6920211123.1",
     "@popperjs/core": "~2.4.3",
@@ -49,3 +50,2 @@ "tslib": "^2.1.0"
   "beachball": {
-    "tag": "beta",
     "disallowedChangeTypes": [
@@ -52,0 +52,0 @@ "major",

No alert changes

Improved metrics

Total package byte prevSize

233981

increased by5.83%

Number of package files

97

increased by6.59%

Lines of code

3834

increased by7.82%

Worsened metrics

Dependency count

9

increased by12.5%

Dependency changes

• + Added@fluentui/react-make-styles@0.0.0-nightlyc0273fdc6920211123.1

• + Added@babel/runtime@7.26.7(transitive)

• + Added@emotion/hash@0.8.0(transitive)

• + Added@fluentui/keyboard-keys@0.0.0-nightlyc0273fdc6920211123.1(transitive)

• + Added@fluentui/make-styles@0.0.0-nightlyc0273fdc6920211123.1(transitive)

• + Added@fluentui/react-make-styles@0.0.0-nightlyc0273fdc6920211123.1(transitive)

• + Added@fluentui/react-shared-contexts@0.0.0-nightlyc0273fdc6920211123.1(transitive)

• + Added@fluentui/react-theme@0.0.0-nightlyc0273fdc6920211123.1(transitive)

• + Added@fluentui/react-utilities@0.0.0-nightlyc0273fdc6920211123.1(transitive)

• + Addedcsstype@2.6.21(transitive)

• + Addedinline-style-expand-shorthand@1.6.0(transitive)

• + Addedregenerator-runtime@0.14.1(transitive)

• + Addedrtl-css-js@1.16.1(transitive)

• + Addedstylis@4.3.5(transitive)

• - Removed@fluentui/keyboard-keys@0.0.0-nightlybc5ff01fb020211104.1(transitive)

• - Removed@fluentui/react-shared-contexts@0.0.0-nightlybc5ff01fb020211104.1(transitive)

• - Removed@fluentui/react-theme@0.0.0-nightlybc5ff01fb020211104.1(transitive)

• - Removed@fluentui/react-utilities@0.0.0-nightlybc5ff01fb020211104.1(transitive)

• Updated@fluentui/react-shared-contexts@0.0.0-nightlyc0273fdc6920211123.1

• Updated@fluentui/react-utilities@0.0.0-nightlyc0273fdc6920211123.1