react-native-css 3.0.0-nightly.df0f885 → 3.0.0-preview.0

package/dist/typescript/module/src/runtime/native/styles/animation.d.ts

@@ -1,9 +0,0 @@
-import type { ComponentType } from "react";
-import type { StyleFunctionResolver } from "./resolve";
-export declare const animationShorthand: import("./resolve").StyleResolver;
-export declare const animatedComponentFamily: ((key: ComponentType, args: void) => any) & {
-    has(key: ComponentType): boolean;
-};
-export declare const animation: StyleFunctionResolver;
-export declare const timingFunctionResolver: StyleFunctionResolver;
-//# sourceMappingURL=animation.d.ts.map

package/dist/typescript/module/src/runtime/native/styles/animation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../../../../../src/runtime/native/styles/animation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAK3C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAgCvD,eAAO,MAAM,kBAAkB,mCAuB9B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;CAcnC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,qBA6DvB,CAAC;AAkBF,eAAO,MAAM,sBAAsB,EAAE,qBAsBpC,CAAC"}

package/dist/typescript/module/src/runtime/native/styles/border.d.ts

@@ -1,2 +0,0 @@
-export declare const border: import("./resolve").StyleResolver;
-//# sourceMappingURL=border.d.ts.map

package/dist/typescript/module/src/runtime/native/styles/border.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../../../../../../src/runtime/native/styles/border.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,MAAM,mCAGlB,CAAC"}

package/dist/typescript/module/src/runtime/native/styles/box-shadow.d.ts

@@ -1,3 +0,0 @@
-import type { StyleFunctionResolver } from "./resolve";
-export declare const boxShadow: StyleFunctionResolver;
-//# sourceMappingURL=box-shadow.d.ts.map

package/dist/typescript/module/src/runtime/native/styles/box-shadow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"box-shadow.d.ts","sourceRoot":"","sources":["../../../../../../../src/runtime/native/styles/box-shadow.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAuBvD,eAAO,MAAM,SAAS,EAAE,qBA6BvB,CAAC"}

package/dist/typescript/module/src/runtime/native/styles/calc.d.ts

@@ -1,3 +0,0 @@
-import type { StyleFunctionResolver } from "./resolve";
-export declare const calc: StyleFunctionResolver;
-//# sourceMappingURL=calc.d.ts.map

package/dist/typescript/module/src/runtime/native/styles/calc.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"calc.d.ts","sourceRoot":"","sources":["../../../../../../../src/runtime/native/styles/calc.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AASvD,eAAO,MAAM,IAAI,EAAE,qBAiElB,CAAC"}

package/dist/typescript/module/src/runtime/native/styles/filters.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../../../../../../src/runtime/native/styles/filters.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAGvD,eAAO,MAAM,IAAI,EAAE,qBAKlB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,qBAKxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,qBAKtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,qBAKvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,qBAKvB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,qBAKpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,qBAKnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,qBAKtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,qBAKrB,CAAC;AAmBF,eAAO,MAAM,UAAU,EAAE,qBAaxB,CAAC"}

package/dist/typescript/module/src/runtime/native/styles/platform-functions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"platform-functions.d.ts","sourceRoot":"","sources":["../../../../../../../src/runtime/native/styles/platform-functions.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAEvD,eAAO,MAAM,aAAa,EAAE,qBAS3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,qBAE3B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,qBAExB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,qBAEvB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,qBAUpC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,qBAUjC,CAAC"}

package/dist/typescript/module/src/runtime/native/styles/shorthand.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"shorthand.d.ts","sourceRoot":"","sources":["../../../../../../../src/runtime/native/styles/shorthand.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE/C,KAAK,aAAa,GACd,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC,CAAC,MAAM,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAEpC,KAAK,sBAAsB,GACvB,SAAS,CAAC,MAAM,GAAG,SAAS,MAAM,EAAE,EAAE,aAAa,CAAC,GACpD,qBAAqB,CAAC;AAE1B,KAAK,qBAAqB,GAAG,SAAS;IACpC,MAAM,GAAG,SAAS,MAAM,EAAE;IAC1B,aAAa;IACb,GAAG;CACJ,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,sBAAsB,EAAE,EAAE,EACpC,QAAQ,EAAE,qBAAqB,EAAE,EACjC,UAAU,GAAE,iBAAiB,GAAG,QAAQ,GAAG,QAA4B,GACtE,aAAa,CA4Ff"}

package/dist/typescript/module/src/runtime/native/styles/text-shadow.d.ts

@@ -1,2 +0,0 @@
-export declare const textShadow: import("./resolve").StyleResolver;
-//# sourceMappingURL=text-shadow.d.ts.map

package/dist/typescript/module/src/runtime/native/styles/text-shadow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-shadow.d.ts","sourceRoot":"","sources":["../../../../../../../src/runtime/native/styles/text-shadow.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU,mCAStB,CAAC"}

package/dist/typescript/module/src/runtime/native/styles/transform.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../../../../../../src/runtime/native/styles/transform.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,qBAcvB,CAAC"}

package/src/compiler/attributes.test.ts

@@ -1,28 +0,0 @@
-import { compile } from "../compiler";
-
-test("multiple classes", () => {
-  const compiled = compile(`
-.my-class.test {
-  color: red;
-}`);
-
-  expect(compiled.stylesheet()).toStrictEqual({
-    s: [
-      [
-        "test",
-        [
-          {
-            aq: [["a", "className", "*=", "my-class"]],
-            d: [
-              {
-                color: "#f00",
-              },
-            ],
-            s: [1, 2],
-            v: [["__rn-css-color", "#f00"]],
-          },
-        ],
-      ],
-    ],
-  });
-});

package/src/doctor/index.ts

@@ -1 +0,0 @@
-export {};

package/src/runtime/native/injection.ts

@@ -1,131 +0,0 @@
-import type {
-  Animation_V2,
-  ReactNativeCssStyleSheet,
-  StyleRuleSet,
-} from "../../compiler";
-import {
-  family,
-  observable,
-  observableBatch,
-  rootVariables,
-  type Observable,
-} from "./reactivity";
-
-export function StyleCollection() {
-  return null;
-}
-
-export const inlineStylesMap = new WeakMap();
-
-StyleCollection.styles = family<string, Observable<StyleRuleSet>>(() => {
-  return observable([], isDeepEqual);
-});
-StyleCollection.keyframes = family<string, Observable<Animation_V2[1]>>(() => {
-  return observable([], isDeepEqual);
-});
-
-StyleCollection.inject = function (options: ReactNativeCssStyleSheet) {
-  observableBatch.current = new Set();
-
-  if (options.s) {
-    for (const style of options.s) {
-      StyleCollection.styles(style[0]).set(style[1]);
-    }
-  }
-
-  if (options.k) {
-    for (const keyframes of options.k) {
-      StyleCollection.keyframes(keyframes[0]).set(keyframes[1]);
-    }
-  }
-
-  if (options.vr) {
-    for (const entry of options.vr) {
-      rootVariables(entry[0]).set(entry[1]);
-    }
-  }
-
-  if (options.vu) {
-    for (const entry of options.vu) {
-      rootVariables(entry[0]).set(entry[1]);
-    }
-  }
-
-  for (const effect of observableBatch.current) {
-    effect.run();
-  }
-
-  observableBatch.current = undefined;
-};
-
-function isDeepEqual(a: unknown, b: unknown): boolean {
-  const aArray = Array.isArray(a);
-  const bArray = Array.isArray(b);
-  const requiresKeyComparison =
-    typeof a === "object" && typeof b === "object" && aArray === bArray;
-
-  // Only compare keys when both are an object or array
-  // This does not account for complex types like Date/Regex, because we don't use them
-  if (!requiresKeyComparison) return a === b;
-
-  // Make either are not null
-  if (!a || !b) {
-    return a === b;
-  }
-
-  // Shortcut for arrays
-  if (aArray && bArray && a.length !== b.length) {
-    return false;
-  }
-
-  // Compare a to b
-  for (const key in a) {
-    if (
-      !isDeepEqual(
-        (a as Record<string, unknown>)[key],
-        (b as Record<string, unknown>)[key],
-      )
-    ) {
-      return false;
-    }
-  }
-
-  // Compare b to a
-  for (const key in b) {
-    if (!(key in a)) {
-      return false;
-    }
-  }
-
-  return true;
-}
-
-StyleCollection.styles("will-change-variable").set([
-  {
-    s: [0],
-    v: [],
-  },
-]);
-
-StyleCollection.styles("will-change-container").set([
-  {
-    s: [0],
-    c: [],
-  },
-]);
-
-StyleCollection.styles("will-change-animation").set([
-  {
-    s: [0],
-    a: true,
-  },
-]);
-
-StyleCollection.styles("will-change-pressable").set([
-  {
-    s: [0],
-    p: {
-      h: 1,
-    },
-  },
-]);

package/src/runtime/native/styles/box-shadow.ts

@@ -1,54 +0,0 @@
-import { isStyleDescriptorArray } from "../../utils";
-import type { StyleFunctionResolver } from "./resolve";
-import { shorthandHandler } from "./shorthand";
-
-const color = ["color", "string"] as const;
-const offsetX = ["offsetX", "number"] as const;
-const offsetY = ["offsetY", "number"] as const;
-const blurRadius = ["blurRadius", "number"] as const;
-const spreadDistance = ["spreadDistance", "number"] as const;
-// const inset = ["inset", "string"] as const;
-
-const handler = shorthandHandler(
-  [
-    [offsetX, offsetY, blurRadius, spreadDistance, color],
-    [color, offsetX, offsetY],
-    [color, offsetX, offsetY, blurRadius],
-    [color, offsetX, offsetY, blurRadius, spreadDistance],
-    [offsetX, offsetY, color],
-    [offsetX, offsetY, blurRadius, color],
-  ],
-  [],
-  "object",
-);
-
-export const boxShadow: StyleFunctionResolver = (
-  resolveValue,
-  func,
-  get,
-  options,
-) => {
-  const args = resolveValue(func[2]);
-
-  if (!isStyleDescriptorArray(args)) {
-    return args;
-  } else {
-    return args.flatMap((shadows) => {
-      if (shadows === undefined) {
-        return [];
-      } else if (isStyleDescriptorArray(shadows)) {
-        if (shadows.length === 0) {
-          return [];
-        } else if (Array.isArray(shadows[0])) {
-          return shadows
-            .map((shadow) => handler(resolveValue, shadow, get, options))
-            .filter((v) => v !== undefined);
-        } else {
-          return handler(resolveValue, shadows, get, options);
-        }
-      } else {
-        return handler(resolveValue, shadows, get, options);
-      }
-    });
-  }
-};

package/src/runtime/native/styles/calc.ts

@@ -1,97 +0,0 @@
-/* eslint-disable */
-import { isStyleDescriptorArray } from "../../utils";
-import type { StyleFunctionResolver } from "./resolve";
-
-const calcPrecedence: Record<string, number> = {
-  "+": 1,
-  "-": 1,
-  "*": 2,
-  "/": 2,
-};
-
-export const calc: StyleFunctionResolver = (resolveValue, func) => {
-  let mode: "number" | "percentage" | undefined;
-  const values: number[] = [];
-  const ops: string[] = [];
-
-  const args = resolveValue(func[2]);
-
-  if (!isStyleDescriptorArray(args)) return;
-
-  for (let token of args) {
-    if (typeof token === "number") {
-      if (!mode) mode = "number";
-      if (mode !== "number") return;
-      values.push(token);
-      continue;
-    } else if (typeof token === "string") {
-      if (token === "(") {
-        ops.push(token);
-      } else if (token === ")") {
-        // Resolve all values within the brackets
-        while (ops.length && ops[ops.length - 1] !== "(") {
-          applyCalcOperator(ops.pop()!, values.pop(), values.pop(), values);
-        }
-        ops.pop();
-      } else if (token.endsWith("%")) {
-        if (!mode) mode = "percentage";
-        if (mode !== "percentage") return;
-        values.push(Number.parseFloat(token.slice(0, -1)));
-      } else {
-        // This means we have an operator
-        while (
-          ops.length &&
-          ops[ops.length - 1] &&
-          // @ts-ignore
-          calcPrecedence[ops[ops.length - 1]] >= calcPrecedence[token]
-        ) {
-          applyCalcOperator(ops.pop()!, values.pop(), values.pop(), values);
-        }
-        ops.push(token);
-      }
-    } else {
-      // We got something unexpected
-      return;
-    }
-  }
-
-  while (ops.length) {
-    applyCalcOperator(ops.pop()!, values.pop(), values.pop(), values);
-  }
-
-  if (!mode) return;
-
-  const num = values[0];
-
-  if (typeof num !== "number") {
-    return;
-  }
-
-  const value = Math.round((num + Number.EPSILON) * 100) / 100;
-
-  if (mode === "percentage") {
-    return `${value}%`;
-  }
-
-  return value;
-};
-
-function applyCalcOperator(
-  operator: string,
-  b = 0, // These are reversed because we pop them off the stack
-  a = 0,
-  values: number[],
-) {
-  switch (operator) {
-    case "+":
-      return values.push(a + b);
-    case "-":
-      return values.push(a - b);
-    case "*":
-      return values.push(a * b);
-    case "/":
-      return values.push(a / b);
-  }
-
-  return;
-}