@stylexjs/shared 0.2.0-beta.20 → 0.2.0-beta.22

package/lib/utils/normalizers/convert-camel-case-transition-props.js.flow

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ */
+
+declare export default function convertCamelCasedTransitionProps(
+  ast: PostCSSValueAST,
+  key: string,
+): PostCSSValueAST;

package/lib/utils/normalizers/convert-camel-case-values.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ */
+
+declare function convertCamelCasedValues(
+  ast: PostCSSValueAST,
+  key: string,
+): PostCSSValueAST;
+export default convertCamelCasedValues;

package/lib/utils/normalizers/convert-camel-case-values.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = convertCamelCasedValues;
+var _dashify = _interopRequireDefault(require("../dashify"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function convertCamelCasedValues(ast, key) {
+  if (key !== 'transitionProperty' && key !== 'willChange') {
+    return ast;
+  }
+  const nodes = ast.nodes;
+  if (!nodes) {
+    return ast;
+  }
+  nodes.forEach(node => {
+    if (node.type === 'word' && !node.value.startsWith('--')) {
+      node.value = (0, _dashify.default)(node.value);
+    }
+  });
+  return ast;
+}

package/lib/utils/normalizers/convert-camel-case-values.js.flow

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ */
+
+declare export default function convertCamelCasedValues(
+  ast: PostCSSValueAST,
+  key: string,
+): PostCSSValueAST;

package/lib/utils/normalizers/detect-unclosed-fns.js

@@ -1,4 +1,4 @@
-"use strict";
+'use strict';
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,7 +9,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function detectUnclosedFns(ast, _) {
   ast.walk(node => {
-    if (node.type === "function" && node.unclosed) {
+    if (node.type === 'function' && node.unclosed) {
       throw new Error(messages.LINT_UNCLOSED_FUNCTION);
     }
   });

package/lib/utils/normalizers/font-size-px-to-rem.js

@@ -1,4 +1,4 @@
-"use strict";
+'use strict';
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -8,15 +8,15 @@ var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser")
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const ROOT_FONT_SIZE = 16;
 function convertFontSizeToRem(ast, key) {
-  if (key !== "fontSize") {
+  if (key !== 'fontSize') {
     return ast;
   }
   ast.walk(node => {
-    if (node.type !== "word") {
+    if (node.type !== 'word') {
       return;
     }
     const dimension = _postcssValueParser.default.unit(node.value);
-    if (dimension && dimension.unit === "px") {
+    if (dimension && dimension.unit === 'px') {
       node.value = `${parseFloat(dimension.number) / ROOT_FONT_SIZE}rem`;
     }
   });

package/lib/utils/normalizers/leading-zero.js

@@ -1,4 +1,4 @@
-"use strict";
+'use strict';
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -8,7 +8,7 @@ var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser")
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function normalizeLeadingZero(ast, _) {
   ast.walk(node => {
-    if (node.type !== "word") {
+    if (node.type !== 'word') {
       return;
     }
     const value = Number.parseFloat(node.value);
@@ -17,7 +17,7 @@ function normalizeLeadingZero(ast, _) {
     }
     const dimension = _postcssValueParser.default.unit(node.value);
     if (value < 1 && value >= 0) {
-      node.value = value.toString().replace("0.", ".") + (dimension ? dimension.unit : "");
+      node.value = value.toString().replace('0.', '.') + (dimension ? dimension.unit : '');
     }
   });
   return ast;

package/lib/utils/normalizers/quotes.js

@@ -1,4 +1,4 @@
-"use strict";
+'use strict';
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = normalizeQuotes;
 function normalizeQuotes(ast, _) {
   ast.walk(node => {
-    if (node.type !== "string") {
+    if (node.type !== 'string') {
       return;
     }
-    if (node.value === "") {
-      node.quote = "\"";
+    if (node.value === '') {
+      node.quote = '"';
     }
   });
   return ast;

package/lib/utils/normalizers/timings.js

@@ -1,4 +1,4 @@
-"use strict";
+'use strict';
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -8,7 +8,7 @@ var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser")
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function normalizeTimings(ast, _) {
   ast.walk(node => {
-    if (node.type !== "word") {
+    if (node.type !== 'word') {
       return;
     }
     const value = Number.parseFloat(node.value);
@@ -16,10 +16,10 @@ function normalizeTimings(ast, _) {
       return;
     }
     const dimension = _postcssValueParser.default.unit(node.value);
-    if (!dimension || dimension.unit !== "ms" || value < 10) {
+    if (!dimension || dimension.unit !== 'ms' || value < 10) {
       return;
     }
-    node.value = value / 1000 + "s";
+    node.value = value / 1000 + 's';
   });
   return ast;
 }

package/lib/utils/normalizers/whitespace.js

@@ -1,34 +1,34 @@
-"use strict";
+'use strict';
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = normalizeWhitespace;
 function normalizeWhitespace(ast, _) {
-  if (ast.nodes[0].type === "space") {
+  if (ast.nodes[0].type === 'space') {
     ast.nodes.shift();
   }
-  if (ast.nodes[ast.nodes.length - 1].type === "space") {
+  if (ast.nodes[ast.nodes.length - 1].type === 'space') {
     ast.nodes.pop();
   }
   ast.walk((node, idx) => {
     switch (node.type) {
-      case "space":
+      case 'space':
         {
-          node.value = " ";
+          node.value = ' ';
           break;
         }
-      case "div":
-      case "function":
+      case 'div':
+      case 'function':
         {
-          node.before = "";
-          node.after = "";
+          node.before = '';
+          node.after = '';
           break;
         }
-      case "word":
+      case 'word':
         {
-          if (node.value === "!important") {
-            if (ast.nodes[idx - 1] && ast.nodes[idx - 1].type === "space") {
+          if (node.value === '!important') {
+            if (ast.nodes[idx - 1] && ast.nodes[idx - 1].type === 'space') {
               ast.nodes.splice(idx - 1, 1);
             }
           }

package/lib/utils/normalizers/zero-dimensions.js

@@ -1,4 +1,4 @@
-"use strict";
+'use strict';
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -6,23 +6,23 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = normalizeZeroDimensions;
 var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const angles = ["deg", "grad", "turn", "rad"];
-const timings = ["ms", "s"];
+const angles = ['deg', 'grad', 'turn', 'rad'];
+const timings = ['ms', 's'];
 function normalizeZeroDimensions(ast, _) {
   ast.walk(node => {
-    if (node.type !== "word") {
+    if (node.type !== 'word') {
       return;
     }
     const dimension = _postcssValueParser.default.unit(node.value);
-    if (!dimension || dimension.number !== "0") {
+    if (!dimension || dimension.number !== '0') {
       return;
     }
     if (angles.indexOf(dimension.unit) !== -1) {
-      node.value = "0deg";
+      node.value = '0deg';
     } else if (timings.indexOf(dimension.unit) !== -1) {
-      node.value = "0s";
+      node.value = '0s';
     } else {
-      node.value = "0";
+      node.value = '0';
     }
   });
   return ast;

package/lib/utils/object-utils.d.ts

@@ -13,12 +13,9 @@ export declare function isPlainObject(obj: unknown): void;
 export declare function flattenObject(obj: CompiledStyles): {
   readonly [$$Key$$: string]: null | string | IncludedStyles;
 };
-type _ObjectEntries<Obj extends { readonly [$$Key$$: string]: unknown }> =
-  /**
-   * > 23 |   [Key in keyof Obj]: [Key, Obj[Key]],
-   *      |   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Unsupported feature: Translating "object type with mapped type property" is currently not supported.
-   **/
-  any;
+type _ObjectEntries<Obj extends { readonly [$$Key$$: string]: unknown }> = {
+  [Key in keyof Obj]: [Key, Obj[Key]];
+};
 type ObjectEntries<Obj extends { readonly [$$Key$$: string]: unknown }> =
   _ObjectEntries<Obj>[keyof _ObjectEntries<Obj>];
 export declare function objEntries<

package/lib/utils/object-utils.js

@@ -14,12 +14,12 @@ exports.objMapKeys = objMapKeys;
 exports.objValues = objValues;
 var _stylexInclude = require("../stylex-include");
 function isPlainObject(obj) {
-  return typeof obj === "object" && obj != null && !Array.isArray(obj) && obj?.constructor === Object;
+  return typeof obj === 'object' && obj != null && !Array.isArray(obj) && obj?.constructor === Object;
 }
 function flattenObject(obj) {
   const result = {};
   for (const [key, value] of objEntries(obj)) {
-    if (typeof value === "string" || value == null) {
+    if (typeof value === 'string' || value == null) {
       result[key] = value;
     } else if (value instanceof _stylexInclude.IncludedStyles) {
       result[key] = value;