@fluentui/babel-make-styles - npm Package Compare versions

Comparing version 0.0.0-nightly89deee5b2a20211210.1 to 0.0.0-nightly8c37bdfa2420220107.1

CHANGELOG.json

@@ -5,5 +5,5 @@ {
     {
-      "date": "Fri, 10 Dec 2021 04:18:24 GMT",
-      "tag": "@fluentui/babel-make-styles_v0.0.0-nightly89deee5b2a20211210.1",
-      "version": "0.0.0-nightly89deee5b2a20211210.1",
+      "date": "Fri, 07 Jan 2022 04:18:13 GMT",
+      "tag": "@fluentui/babel-make-styles_v0.0.0-nightly8c37bdfa2420220107.1",
+      "version": "0.0.0-nightly8c37bdfa2420220107.1",
       "comments": {
@@ -14,6 +14,12 @@ "prerelease": [
             "package": "@fluentui/babel-make-styles",
-            "commit": "81f320bc8124253263c865e911f685ee81b8d7aa",
+            "commit": "a20e14c113697b61a1d2c17539c4e1e708ca7d44",
             "comment": "Release nightly v9"
           },
           {
+            "author": "[e-mail]",
+            "package": "@fluentui/babel-make-styles",
+            "commit": "9498e23ed57a8fc89b381428d57d1c684c4f5be6",
+            "comment": "babel-make-styles: Correctly handling sequence expressions."
+          },
+          {
             "author": "[e-mail]",
@@ -33,4 +39,4 @@ "package": "@fluentui/babel-make-styles",
             "package": "@fluentui/babel-make-styles",
-            "comment": "Bump @fluentui/make-styles to v0.0.0-nightly89deee5b2a20211210.1",
-            "commit": "81f320bc8124253263c865e911f685ee81b8d7aa"
+            "comment": "Bump @fluentui/make-styles to v0.0.0-nightly8c37bdfa2420220107.1",
+            "commit": "a20e14c113697b61a1d2c17539c4e1e708ca7d44"
           },
@@ -40,4 +46,4 @@ {
             "package": "@fluentui/babel-make-styles",
-            "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightly89deee5b2a20211210.1",
-            "commit": "81f320bc8124253263c865e911f685ee81b8d7aa"
+            "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightly8c37bdfa2420220107.1",
+            "commit": "a20e14c113697b61a1d2c17539c4e1e708ca7d44"
           },
@@ -47,4 +53,4 @@ {
             "package": "@fluentui/babel-make-styles",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly89deee5b2a20211210.1",
-            "commit": "81f320bc8124253263c865e911f685ee81b8d7aa"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly8c37bdfa2420220107.1",
+            "commit": "a20e14c113697b61a1d2c17539c4e1e708ca7d44"
           }
@@ -51,0 +57,0 @@ ],

CHANGELOG.md

 # Change Log - @fluentui/babel-make-styles
 
-This log was last generated on Fri, 10 Dec 2021 04:18:24 GMT and should not be manually modified.
+This log was last generated on Fri, 07 Jan 2022 04:18:13 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly89deee5b2a20211210.1](https://github.com/microsoft/fluentui/tree/@fluentui/babel-make-styles_v0.0.0-nightly89deee5b2a20211210.1)
+## [0.0.0-nightly8c37bdfa2420220107.1](https://github.com/microsoft/fluentui/tree/@fluentui/babel-make-styles_v0.0.0-nightly8c37bdfa2420220107.1)
 
-Fri, 10 Dec 2021 04:18:24 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/babel-make-styles_v9.0.0-beta.4..@fluentui/babel-make-styles_v0.0.0-nightly89deee5b2a20211210.1)
+Fri, 07 Jan 2022 04:18:13 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/babel-make-styles_v9.0.0-beta.4..@fluentui/babel-make-styles_v0.0.0-nightly8c37bdfa2420220107.1)
 
 ### Changes
 
-- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/81f320bc8124253263c865e911f685ee81b8d7aa) by email not defined)
+- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/a20e14c113697b61a1d2c17539c4e1e708ca7d44) by email not defined)
+- babel-make-styles: Correctly handling sequence expressions. ([PR #21010](https://github.com/microsoft/fluentui/pull/21010) by [e-mail])
 - use new types from makeStyles core ([PR #20786](https://github.com/microsoft/fluentui/pull/20786) by [e-mail])
 - fix: handle computed keys on objects ([PR #20969](https://github.com/microsoft/fluentui/pull/20969) by [e-mail])
-- Bump @fluentui/make-styles to v0.0.0-nightly89deee5b2a20211210.1 ([commit](https://github.com/microsoft/fluentui/commit/81f320bc8124253263c865e911f685ee81b8d7aa) by beachball)
-- Bump @fluentui/react-make-styles to v0.0.0-nightly89deee5b2a20211210.1 ([commit](https://github.com/microsoft/fluentui/commit/81f320bc8124253263c865e911f685ee81b8d7aa) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly89deee5b2a20211210.1 ([commit](https://github.com/microsoft/fluentui/commit/81f320bc8124253263c865e911f685ee81b8d7aa) by beachball)
+- Bump @fluentui/make-styles to v0.0.0-nightly8c37bdfa2420220107.1 ([commit](https://github.com/microsoft/fluentui/commit/a20e14c113697b61a1d2c17539c4e1e708ca7d44) by beachball)
+- Bump @fluentui/react-make-styles to v0.0.0-nightly8c37bdfa2420220107.1 ([commit](https://github.com/microsoft/fluentui/commit/a20e14c113697b61a1d2c17539c4e1e708ca7d44) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly8c37bdfa2420220107.1 ([commit](https://github.com/microsoft/fluentui/commit/a20e14c113697b61a1d2c17539c4e1e708ca7d44) by beachball)
 
@@ -21,0 +22,0 @@ ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/babel-make-styles_v9.0.0-beta.4)

dist/babel-make-styles.d.ts

@@ -24,2 +24,5 @@ import { EvalRule } from '@linaria/babel-preset';
 } | {
+    kind: 'LAZY_SEQUENCE_EXPRESSION';
+    nodePath: NodePath<types.SequenceExpression>;
+} | {
     kind: 'LAZY_MEMBER';
@@ -26,0 +29,0 @@ nodePath: NodePath<types.MemberExpression>;

lib/plugin.d.ts

@@ -17,2 +17,5 @@ import { NodePath, PluginObj, PluginPass, types as t } from '@babel/core';
 } | {
+    kind: 'LAZY_SEQUENCE_EXPRESSION';
+    nodePath: NodePath<t.SequenceExpression>;
+} | {
     kind: 'LAZY_MEMBER';
@@ -19,0 +22,0 @@ nodePath: NodePath<t.MemberExpression>;

lib/plugin.js

@@ -99,3 +99,3 @@ "use strict";
     styleSlots.forEach((styleSlotPath) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         if (styleSlotPath.isObjectMethod()) {
@@ -344,2 +344,15 @@ throw styleSlotPath.buildCodeFrameError('Object methods are not supported for defining styles');
             }
+            /**
+             * A scenario when slots styles are represented by a sequence expression.
+             *
+             * @example
+             *    // ❌ lazy evaluation
+             *    makeStyles({ root: (_a: { color: 'red' }, _a.backgroundColor: 'blue', _a ) })
+             *    makeStyles({ root: (_a: { color: SOME_VARIABLE }, _a.backgroundColor: 'blue', _a) })
+             *    makeStyles({ root: (_a: { color: 'red' }, _a[`. ${some_className}`]: { color: 'blue' }, _a) })
+             */
+            if (stylesPath.isSequenceExpression()) {
+                (_l = state.styleNodes) === null || _l === void 0 ? void 0 : _l.push({ kind: 'LAZY_SEQUENCE_EXPRESSION', nodePath: stylesPath });
+                return;
+            }
         }
@@ -400,3 +413,4 @@ throw styleSlotPath.buildCodeFrameError(constants_1.UNHANDLED_CASE_ERROR);
                             styleNode.kind === 'LAZY_MEMBER' ||
-                            styleNode.kind === 'LAZY_EXPRESSION_CALL') {
+                            styleNode.kind === 'LAZY_EXPRESSION_CALL' ||
+                            styleNode.kind === 'LAZY_SEQUENCE_EXPRESSION') {
                             return [...acc, styleNode.nodePath];
@@ -403,0 +417,0 @@ }

package.json

 {
   "name": "@fluentui/babel-make-styles",
-  "version": "0.0.0-nightly89deee5b2a20211210.1",
+  "version": "0.0.0-nightly8c37bdfa2420220107.1",
   "description": "A Babel plugin that performs build time transforms for @fluentui/make-styles",
@@ -24,4 +24,4 @@ "main": "lib/index.js",
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/react-make-styles": "0.0.0-nightly89deee5b2a20211210.1",
-    "@fluentui/react-theme": "0.0.0-nightly89deee5b2a20211210.1",
+    "@fluentui/react-make-styles": "0.0.0-nightly8c37bdfa2420220107.1",
+    "@fluentui/react-theme": "0.0.0-nightly8c37bdfa2420220107.1",
     "@fluentui/scripts": "^1.0.0",
@@ -37,3 +37,3 @@ "babel-plugin-tester": "^10.0.0"
     "@babel/traverse": "^7.12.13",
-    "@fluentui/make-styles": "0.0.0-nightly89deee5b2a20211210.1",
+    "@fluentui/make-styles": "0.0.0-nightly8c37bdfa2420220107.1",
     "@linaria/babel-preset": "^3.0.0-beta.14",
@@ -40,0 +40,0 @@ "@linaria/shaker": "^3.0.0-beta.14",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

153450

increased by1.1%

Lines of code

2410

increased by1.09%

Dependency changes

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

• - Removed@fluentui/make-styles@0.0.0-nightly89deee5b2a20211210.1(transitive)

• - Removedinline-style-expand-shorthand@1.6.0(transitive)

• Updated@fluentui/make-styles@0.0.0-nightly8c37bdfa2420220107.1