@stylexjs/shared 0.2.0-beta.16 → 0.2.0-beta.17

package/lib/utils/object-utils.js.flow

@@ -13,51 +13,47 @@ import type { CompiledStyles } from '../common-types';
 
 import { IncludedStyles } from '../stylex-include';
 
-declare export function isPlainObject(
-  obj: mixed
-): boolean %checks(typeof obj === 'object' &&
-  obj != null &&
-  !Array.isArray(obj) &&
-  obj?.constructor === Object);
+declare export function isPlainObject(obj: mixed): void;
 
 declare export function flattenObject(obj: CompiledStyles): {
   +[string]: null | string | IncludedStyles,
 };
 
-declare export function objEntries<Obj: { ... }>(
-  obj: Obj
-): $ReadOnlyArray<[$Keys<Obj>, Obj[$Keys<Obj>]]>;
+type _ObjectEntries<Obj: { +[string]: mixed }> = {
+  [Key in keyof Obj]: [Key, Obj[Key]],
+};
+type ObjectEntries<Obj: { +[string]: mixed }> = $Values<_ObjectEntries<Obj>>;
+
+declare export function objEntries<Obj: { +[string]: mixed }>(
+  obj: Obj,
+): $ReadOnlyArray<ObjectEntries<Obj>>;
 
-declare export function objValues<Obj: { ... }>(
-  obj: Obj
+declare export function objValues<Obj: { +[string]: mixed }>(
+  obj: Obj,
 ): $ReadOnlyArray<Obj[$Keys<Obj>]>;
 
 declare export function objFromEntries<K: string | number, V>(
-  entries: $ReadOnlyArray<$ReadOnly<[K, V]>>
+  entries: $ReadOnlyArray<$ReadOnly<[K, V]>>,
 ): { [K]: V };
 
-declare export function objMapKeys<
-  V,
-  K1: string | number = string,
-  K2: string | number = string
->(
+declare export function objMapKeys<V, K1: string = string, K2: string = string>(
   obj: { +[K1]: V },
-  mapper: (K1) => K2
+  mapper: (K1) => K2,
 ): { +[K2]: V };
 
 declare export function objMapEntry<
   V,
   V2,
-  K1: string | number = string,
-  K2: string | number = string
+  K1: string = string,
+  K2: string = string,
 >(
   obj: { +[K1]: V },
-  mapper: ([K1, V]) => [K2, V2]
+  mapper: ([K1, V]) => [K2, V2],
 ): { +[K2]: V2 };
 
-declare export function objMap<V, V2, K: string | number = string>(
+declare export function objMap<V, V2, K: string = string>(
   obj: { +[K]: V },
-  mapper: (V, K) => V2
+  mapper: (V, K) => V2,
 ): { +[K]: V2 };
 
 declare export class Pipe<T> {
@@ -69,13 +65,13 @@ declare export class Pipe<T> {
 }
 
 // Function that sorts an array without mutating it and returns a new array
-declare export var arraySort: <T>(
+declare export const arraySort: <T>(
   arr: $ReadOnlyArray<T>,
-  fn?: (T, T) => number
+  fn?: (T, T) => number,
 ) => $ReadOnlyArray<T>;
 
-declare export var arrayEquals: <T>(
+declare export const arrayEquals: <T>(
   arr1: $ReadOnlyArray<T>,
   arr2: $ReadOnlyArray<T>,
-  equals: (T, T) => boolean
+  equals: (T, T) => boolean,
 ) => boolean;

package/lib/utils/property-priorities.js

@@ -4,112 +4,97 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = getPriority;
-/**
- * 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.
- *
- * 
- */
-
 const PRIORITIES = {
-  // These should never exist at runtime:
   border: 1,
-  'border-block-end': 2,
-  'border-block-start': 2,
-  'border-top': 2.1,
-  'border-bottom': 2.1,
-  'border-inline-end': 2,
-  'border-inline-start': 2,
-  'border-left': 2,
-  'border-right': 2,
-  // End of never-exist-at-runtime properties.
-
-  // These are shorthands of shorthands:
+  "border-block-end": 2,
+  "border-block-start": 2,
+  "border-top": 2.1,
+  "border-bottom": 2.1,
+  "border-inline-end": 2,
+  "border-inline-start": 2,
+  "border-left": 2,
+  "border-right": 2,
   grid: 2,
-  'grid-area': 2,
-  // These are shorthands of final properties:
-  'border-color': 3,
-  'border-style': 3,
-  'border-width': 3,
-  'border-image': 3,
-  'border-radius': 3,
+  "grid-area": 2,
+  "border-color": 3,
+  "border-style": 3,
+  "border-width": 3,
+  "border-image": 3,
+  "border-radius": 3,
   animation: 3,
   background: 3,
-  'column-rule': 3,
+  "column-rule": 3,
   columns: 3,
   flex: 3,
-  'flex-flow': 3,
+  "flex-flow": 3,
   font: 3,
   gap: 3,
-  'grid-column': 3,
-  'grid-row': 3,
-  'grid-template': 3,
-  'list-style': 3,
+  "grid-column": 3,
+  "grid-row": 3,
+  "grid-template": 3,
+  "list-style": 3,
   margin: 3,
   mask: 3,
   offset: 3,
   outline: 3,
   overflow: 3,
   padding: 3,
-  'place-content': 3,
-  'place-items': 3,
-  'place-self': 3,
-  'scroll-margin': 3,
-  'scroll-padding': 3,
-  'text-decoration': 3,
-  'text-emphasis': 3,
+  "place-content": 3,
+  "place-items": 3,
+  "place-self": 3,
+  "scroll-margin": 3,
+  "scroll-padding": 3,
+  "text-decoration": 3,
+  "text-emphasis": 3,
   transition: 3,
-  ':has': 4.5,
-  ':dir': 5,
-  ':lang': 5.1,
-  ':first-child': 5.2,
-  ':last-child': 5.3,
-  ':only-child': 5.4,
-  ':nth-child': 6,
-  ':nth-of-type': 6.1,
-  ':only-of-type': 6.2,
-  ':empty': 7,
-  ':link': 8,
-  ':any-link': 8.1,
-  ':target': 8.2,
-  ':visited': 8.3,
-  ':enabled': 9.1,
-  ':disabled': 9.2,
-  ':required': 9.3,
-  ':optional': 9.4,
-  ':read-only': 9.5,
-  ':read-write': 9.6,
-  ':placeholder-shown': 9.7,
-  ':default': 10,
-  ':checked': 10.1,
-  ':indeterminate': 10.1,
-  ':blank': 10.2,
-  ':valid': 10.3,
-  ':invalid': 10.4,
-  ':autofill': 11,
-  ':picture-in-picture': 12,
-  ':fullscreen': 12.1,
-  ':paused': 12.2,
-  ':playing': 12.3,
-  ':hover': 13,
-  ':focusWithin': 14,
-  ':focusVisible': 15,
-  ':focus': 16,
-  ':active': 17
+  ":has": 4.5,
+  ":dir": 5,
+  ":lang": 5.1,
+  ":first-child": 5.2,
+  ":last-child": 5.3,
+  ":only-child": 5.4,
+  ":nth-child": 6,
+  ":nth-of-type": 6.1,
+  ":only-of-type": 6.2,
+  ":empty": 7,
+  ":link": 8,
+  ":any-link": 8.1,
+  ":target": 8.2,
+  ":visited": 8.3,
+  ":enabled": 9.1,
+  ":disabled": 9.2,
+  ":required": 9.3,
+  ":optional": 9.4,
+  ":read-only": 9.5,
+  ":read-write": 9.6,
+  ":placeholder-shown": 9.7,
+  ":default": 10,
+  ":checked": 10.1,
+  ":indeterminate": 10.1,
+  ":blank": 10.2,
+  ":valid": 10.3,
+  ":invalid": 10.4,
+  ":autofill": 11,
+  ":picture-in-picture": 12,
+  ":fullscreen": 12.1,
+  ":paused": 12.2,
+  ":playing": 12.3,
+  ":hover": 13,
+  ":focusWithin": 14,
+  ":focusVisible": 15,
+  ":focus": 16,
+  ":active": 17
 };
 function getPriority(key) {
-  if (key.startsWith('@supports')) {
+  if (key.startsWith("@supports")) {
     return 20;
   }
-  if (key.startsWith('@media')) {
+  if (key.startsWith("@media")) {
     return 21;
   }
-  const prop = key.startsWith(':') && key.includes('(') ? key.slice(0, key.indexOf('(')) : key;
+  const prop = key.startsWith(":") && key.includes("(") ? key.slice(0, key.indexOf("(")) : key;
   let priority = PRIORITIES[prop] ?? 4;
-  if (key.toLowerCase().includes('left') || key.toLowerCase().includes('right')) {
-    // Bump priority for physical left/right values.
+  if (key.toLowerCase().includes("left") || key.toLowerCase().includes("right")) {
     priority += 0.1;
   }
   return priority;

package/lib/utils/split-css-value.d.ts

@@ -10,6 +10,6 @@
 
 import type { TStyleValue } from '../common-types';
 declare function splitValue(
-  str: TStyleValue
+  str: TStyleValue,
 ): ReadonlyArray<number | string | null>;
 export default splitValue;

package/lib/utils/split-css-value.js

@@ -6,42 +6,28 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = splitValue;
 var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * 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.
- *
- * 
- *
- */
-
 function printNode(node) {
   switch (node.type) {
-    case 'word':
-    case 'string':
+    case "word":
+    case "string":
       return `${node.value}`;
-    case 'function':
-      return `${node.value}(${node.nodes.map(printNode).join('')})`;
+    case "function":
+      return `${node.value}(${node.nodes.map(printNode).join("")})`;
     default:
       return node.value;
   }
 }
-
-// Using split(' ') Isn't enough bcause of values like calc.
 function splitValue(str) {
-  if (str == null || typeof str === 'number') {
+  if (str == null || typeof str === "number") {
     return [str];
   }
-
-  // This will never happen, but keeping here for Flow.
   if (Array.isArray(str)) {
     return str;
   }
   const parsed = (0, _postcssValueParser.default)(str.trim());
-  const nodes = parsed.nodes.filter(node => node.type !== 'space' && node.type !== 'div').map(printNode);
-  if (nodes.length > 1 && nodes[nodes.length - 1].toLowerCase() === '!important') {
-    return nodes.slice(0, nodes.length - 1).map(node => node + ' !important');
+  const nodes = parsed.nodes.filter(node => node.type !== "space" && node.type !== "div").map(printNode);
+  if (nodes.length > 1 && nodes[nodes.length - 1].toLowerCase() === "!important") {
+    return nodes.slice(0, nodes.length - 1).map(node => node + " !important");
   }
   return nodes;
 }

package/lib/utils/split-css-value.js.flow

@@ -12,5 +12,5 @@ import type { TStyleValue } from '../common-types';
 
 // Using split(' ') Isn't enough bcause of values like calc.
 declare export default function splitValue(
-  str: TStyleValue
+  str: TStyleValue,
 ): $ReadOnlyArray<number | string | null>;

package/lib/validate.js

@@ -4,15 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = validateEntry;
-/**
- * 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.
- *
- * 
- */
-
 function validateEntry(_ref) {
   let [key, value] = _ref;
   if (Array.isArray(value)) {
@@ -24,7 +15,7 @@ function validateEntry(_ref) {
 function validateSimplyEntry(_ref2) {
   let [key, _value] = _ref2;
   if (BANNED_KEYS.has(key)) {
-    throw new Error('Banned key: ' + key);
+    throw new Error("Banned key: " + key);
   }
 }
-const BANNED_KEYS = new Set(['background', 'transition', 'grid']);
+const BANNED_KEYS = new Set(["background", "transition", "grid"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stylexjs/shared",
-  "version": "0.2.0-beta.16",
+  "version": "0.2.0-beta.17",
   "main": "lib/index.js",
   "repository": "https://www.github.com/facebook/stylex",
   "license": "MIT",
@@ -13,8 +13,7 @@
     "postcss-value-parser": "^4.1.0"
   },
   "devDependencies": {
-    "@stylexjs/scripts": "0.2.0-beta.16",
-    "typescript": "^4.7.4"
+    "@stylexjs/scripts": "0.2.0-beta.17"
   },
   "jest": {
     "snapshotFormat": {