@fluentui/react-positioning 0.0.0-nightlya54302c0b220211124.1 → 0.0.0-nightlyb2deb9be1720211130.1

package/CHANGELOG.json

@@ -2,10 +2,51 @@
   "name": "@fluentui/react-positioning",
   "entries": [
     {
-      "date": "Wed, 24 Nov 2021 04:12:45 GMT",
-      "tag": "@fluentui/react-positioning_v0.0.0-nightlya54302c0b220211124.1",
-      "version": "0.0.0-nightlya54302c0b220211124.1",
+      "date": "Tue, 30 Nov 2021 04:13:51 GMT",
+      "tag": "@fluentui/react-positioning_v0.0.0-nightlyb2deb9be1720211130.1",
+      "version": "0.0.0-nightlyb2deb9be1720211130.1",
       "comments": {
+        "prerelease": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-positioning",
+            "commit": "a76afe26daad901ff5458ffdda7e66e600d5bcac",
+            "comment": "use new types from makeStyles core"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlyb2deb9be1720211130.1",
+            "commit": "941112351e1504869184ee2ec1273f418967a448"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightlyb2deb9be1720211130.1",
+            "commit": "941112351e1504869184ee2ec1273f418967a448"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlyb2deb9be1720211130.1",
+            "commit": "941112351e1504869184ee2ec1273f418967a448"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 25 Nov 2021 08:34:15 GMT",
+      "tag": "@fluentui/react-positioning_v9.0.0-beta.4",
+      "version": "9.0.0-beta.4",
+      "comments": {
+        "none": [
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-positioning",
+            "commit": "718e63006d8d07d24efab9c32942041963d78dc7",
+            "comment": "Migrate package to use solution style ts-configs"
+          }
+        ],
         "prerelease": [
           {
             "author": "lingfangao@hotmail.com",
@@ -16,14 +57,26 @@
           {
             "author": "beachball",
             "package": "@fluentui/react-positioning",
-            "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlya54302c0b220211124.1",
-            "commit": "e3c1bd15060ac276670338660c7965b877e333f4"
+            "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.4",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-beta.4",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.4",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-positioning",
-            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightlya54302c0b220211124.1",
-            "commit": "e3c1bd15060ac276670338660c7965b877e333f4"
+            "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.4",
+            "commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,19 +1,33 @@
 # Change Log - @fluentui/react-positioning
 
-This log was last generated on Wed, 24 Nov 2021 04:12:45 GMT and should not be manually modified.
+This log was last generated on Tue, 30 Nov 2021 04:13:51 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightlya54302c0b220211124.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v0.0.0-nightlya54302c0b220211124.1)
+## [0.0.0-nightlyb2deb9be1720211130.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v0.0.0-nightlyb2deb9be1720211130.1)
 
-Wed, 24 Nov 2021 04:12:45 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-beta.3..@fluentui/react-positioning_v0.0.0-nightlya54302c0b220211124.1)
+Tue, 30 Nov 2021 04:13:51 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-beta.4..@fluentui/react-positioning_v0.0.0-nightlyb2deb9be1720211130.1)
+
+### Changes
+
+- use new types from makeStyles core ([PR #20786](https://github.com/microsoft/fluentui/pull/20786) by olfedias@microsoft.com)
+- Bump @fluentui/react-make-styles to v0.0.0-nightlyb2deb9be1720211130.1 ([commit](https://github.com/microsoft/fluentui/commit/941112351e1504869184ee2ec1273f418967a448) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightlyb2deb9be1720211130.1 ([commit](https://github.com/microsoft/fluentui/commit/941112351e1504869184ee2ec1273f418967a448) by beachball)
+- Bump @fluentui/babel-make-styles to v0.0.0-nightlyb2deb9be1720211130.1 ([commit](https://github.com/microsoft/fluentui/commit/941112351e1504869184ee2ec1273f418967a448) by beachball)
+
+## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-beta.4)
+
+Thu, 25 Nov 2021 08:34:15 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-beta.3..@fluentui/react-positioning_v9.0.0-beta.4)
 
 ### Changes
 
 - Add utility function to create styles for an arrow element ([PR #20541](https://github.com/microsoft/fluentui/pull/20541) by lingfangao@hotmail.com)
-- Bump @fluentui/react-make-styles to v0.0.0-nightlya54302c0b220211124.1 ([commit](https://github.com/microsoft/fluentui/commit/e3c1bd15060ac276670338660c7965b877e333f4) by beachball)
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightlya54302c0b220211124.1 ([commit](https://github.com/microsoft/fluentui/commit/e3c1bd15060ac276670338660c7965b877e333f4) by beachball)
+- Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
+- Bump @fluentui/babel-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
 
 ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-beta.3)
 

package/dist/react-positioning.d.ts

@@ -1,4 +1,4 @@
-import type { MakeStylesStyleRule } from '@fluentui/make-styles';
+import type { MakeStylesStyleRule } from '@fluentui/react-make-styles';
 import * as PopperJs from '@popperjs/core';
 import * as React_2 from 'react';
 import type { Theme } from '@fluentui/react-theme';
@@ -23,8 +23,8 @@ export declare type Boundary = PopperJs.Boundary | 'scrollParent' | 'window';
  *   })
  *   ...
  *
- *   state.arrowWithSize.clasName = styles.arrowWithSize
- *   state.arrowWithoutSize.className = mergeClases(
+ *   state.arrowWithSize.className = styles.arrowWithSize
+ *   state.arrowWithoutSize.className = mergeClasses(
  *     styles.arrowWithoutSize,
  *     state.smallArrow && styles.smallArrow,
  *     state.mediumArrow && styles.mediumArrow,

package/lib/createArrowStyles.d.ts

@@ -1,4 +1,4 @@
-import type { MakeStylesStyleRule } from '@fluentui/make-styles';
+import type { MakeStylesStyleRule } from '@fluentui/react-make-styles';
 import type { Theme } from '@fluentui/react-theme';
 /**
  * Helper that creates a makeStyles rule for an arrow element.
@@ -14,8 +14,8 @@ import type { Theme } from '@fluentui/react-theme';
  *   })
  *   ...
  *
- *   state.arrowWithSize.clasName = styles.arrowWithSize
- *   state.arrowWithoutSize.className = mergeClases(
+ *   state.arrowWithSize.className = styles.arrowWithSize
+ *   state.arrowWithoutSize.className = mergeClasses(
  *     styles.arrowWithoutSize,
  *     state.smallArrow && styles.smallArrow,
  *     state.mediumArrow && styles.mediumArrow,

package/lib/createArrowStyles.js

@@ -12,8 +12,8 @@
  *   })
  *   ...
  *
- *   state.arrowWithSize.clasName = styles.arrowWithSize
- *   state.arrowWithoutSize.className = mergeClases(
+ *   state.arrowWithSize.className = styles.arrowWithSize
+ *   state.arrowWithoutSize.className = mergeClasses(
  *     styles.arrowWithoutSize,
  *     state.smallArrow && styles.smallArrow,
  *     state.mediumArrow && styles.mediumArrow,
@@ -23,53 +23,53 @@
  * @param size - dimensions of the square arrow element in pixels.
  */
 export function createArrowStyles(size) {
-    return theme => {
-        const arrowHCBorderStyle = `1px solid transparent`;
-        const arrowHCBorder = {
-            borderRight: arrowHCBorderStyle,
-            borderBottom: arrowHCBorderStyle,
-        };
-        return {
-            position: 'absolute',
-            background: 'inherit',
-            visibility: 'hidden',
-            zIndex: -1,
-            ...(size && {
-                aspectRatio: 1,
-                width: `${size}px`,
-            }),
-            ':before': {
-                content: '""',
-                borderRadius: '4px',
-                position: 'absolute',
-                width: 'inherit',
-                height: 'inherit',
-                background: 'inherit',
-                visibility: 'visible',
-                borderBottomRightRadius: theme.borderRadiusSmall,
-                transform: 'rotate(var(--angle)) translate(0, 50%) rotate(45deg)',
-            },
-            ':global([data-popper-placement])': {
-                ':before': arrowHCBorder,
-            },
-            // Popper sets data-popper-placement on the root element, which is used to align the arrow
-            ':global([data-popper-placement^="top"])': {
-                bottom: 0,
-                '--angle': '0',
-            },
-            ':global([data-popper-placement^="right"])': {
-                left: 0,
-                '--angle': '90deg',
-            },
-            ':global([data-popper-placement^="bottom"])': {
-                top: 0,
-                '--angle': '180deg',
-            },
-            ':global([data-popper-placement^="left"])': {
-                right: 0,
-                '--angle': '270deg',
-            },
-        };
+  return theme => {
+    const arrowHCBorderStyle = `1px solid transparent`;
+    const arrowHCBorder = {
+      borderRight: arrowHCBorderStyle,
+      borderBottom: arrowHCBorderStyle
     };
+    return {
+      position: 'absolute',
+      background: 'inherit',
+      visibility: 'hidden',
+      zIndex: -1,
+      ...(size && {
+        aspectRatio: '1',
+        width: `${size}px`
+      }),
+      ':before': {
+        content: '""',
+        borderRadius: '4px',
+        position: 'absolute',
+        width: 'inherit',
+        height: 'inherit',
+        background: 'inherit',
+        visibility: 'visible',
+        borderBottomRightRadius: theme.borderRadiusSmall,
+        transform: 'rotate(var(--angle)) translate(0, 50%) rotate(45deg)'
+      },
+      ':global([data-popper-placement])': {
+        ':before': arrowHCBorder
+      },
+      // Popper sets data-popper-placement on the root element, which is used to align the arrow
+      ':global([data-popper-placement^="top"])': {
+        bottom: 0,
+        '--angle': '0'
+      },
+      ':global([data-popper-placement^="right"])': {
+        left: 0,
+        '--angle': '90deg'
+      },
+      ':global([data-popper-placement^="bottom"])': {
+        top: 0,
+        '--angle': '180deg'
+      },
+      ':global([data-popper-placement^="left"])': {
+        right: 0,
+        '--angle': '270deg'
+      }
+    };
+  };
 }
 //# sourceMappingURL=createArrowStyles.js.map

package/lib/createArrowStyles.js.map

@@ -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"}
+{"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,GADH;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":""}

package/lib/createVirtualElementFromClick.js

@@ -3,22 +3,24 @@
  * Can be used as a target for popper in scenarios such as context menus
  */
 export function createVirtualElementFromClick(nativeEvent) {
-    const left = nativeEvent.clientX;
-    const top = nativeEvent.clientY;
-    const right = left + 1;
-    const bottom = top + 1;
-    function getBoundingClientRect() {
-        return {
-            left,
-            top,
-            right,
-            bottom,
-            height: 1,
-            width: 1,
-        };
-    }
+  const left = nativeEvent.clientX;
+  const top = nativeEvent.clientY;
+  const right = left + 1;
+  const bottom = top + 1;
+
+  function getBoundingClientRect() {
     return {
-        getBoundingClientRect,
+      left,
+      top,
+      right,
+      bottom,
+      height: 1,
+      width: 1
     };
+  }
+
+  return {
+    getBoundingClientRect
+  };
 }
 //# sourceMappingURL=createVirtualElementFromClick.js.map

package/lib/createVirtualElementFromClick.js.map

@@ -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"}
+{"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":""}