react-native-css 3.0.0-nightly.4723140 → 3.0.0-nightly.75f8b74

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

@@ -1,5 +1,5 @@
-/* eslint-disable */
-import type { StyleFunction } from "../../../compiler";
+import type { StyleDescriptor, StyleFunction } from "../../../compiler";
+import { isStyleDescriptorArray } from "../../utils";
 import {
   rootVariables,
   universalVariables,
@@ -21,52 +21,68 @@ export function varResolver(
     variableHistory = new Set(),
   } = options;
 
-  const names = fn[2];
+  const args = fn[2];
 
-  if (!names) return;
+  let name: string | undefined;
+  let fallback: StyleDescriptor | undefined;
 
-  for (const nameDescriptor of names) {
-    const name = resolve(nameDescriptor);
+  if (typeof args === "string") {
+    name = args;
+  } else {
+    const result = resolve(args);
 
-    // If this recurses back to the same variable, we need to stop
-    if (variableHistory.has(name)) {
-      return;
+    if (isStyleDescriptorArray(result)) {
+      name = result[0] as string;
+      fallback = result[1];
     }
+  }
 
-    if (name in variables) {
-      renderGuards?.push(["v", name, variables[name]]);
-      return variables[name];
-    }
+  if (typeof name !== "string") {
+    return;
+  }
 
-    variableHistory.add(name);
+  // If this recurses back to the same variable, we need to stop
+  if (variableHistory.has(name)) {
+    return;
+  }
 
-    let value = resolve(inlineVariables?.[name]);
-    if (value !== undefined) {
-      variables[name] = value;
+  if (name in variables) {
+    renderGuards?.push(["v", name, variables[name]]);
+    return variables[name];
+  }
 
-      return value;
-    }
+  variableHistory.add(name);
 
-    value = resolve(variables[name]);
-    if (value !== undefined) {
-      renderGuards?.push(["v", name, value]);
-      variables[name] = value;
+  let value = resolve(inlineVariables?.[name] as StyleDescriptor);
+  if (value !== undefined) {
+    options.inlineVariables ??= { [VAR_SYMBOL]: "inline" };
+    options.inlineVariables[name] = value;
 
-      return value;
-    }
+    return value;
+  }
 
-    value = resolve(get(universalVariables(name)));
-    if (value !== undefined) {
-      variables[name] = value;
-      return value;
-    }
+  value = resolve(variables[name]);
+  if (value !== undefined) {
+    renderGuards?.push(["v", name, value]);
+    options.inlineVariables ??= { [VAR_SYMBOL]: "inline" };
+    options.inlineVariables[name] = value;
 
-    value = resolve(get(rootVariables(name)));
-    if (value !== undefined) {
-      variables[name] = value;
-      return value;
-    }
+    return value;
+  }
 
+  value = resolve(get(universalVariables(name)));
+  if (value !== undefined) {
+    options.inlineVariables ??= { [VAR_SYMBOL]: "inline" };
+    options.inlineVariables[name] = value;
     return value;
   }
+
+  value = resolve(get(rootVariables(name)));
+  if (value !== undefined) {
+    options.inlineVariables ??= { [VAR_SYMBOL]: "inline" };
+    options.inlineVariables[name] = value;
+    return value;
+  }
+
+  return resolve(fallback);
 }

package/src/runtime/runtime.types.ts

@@ -7,12 +7,6 @@ import type {
   ViewStyle,
 } from "react-native";
 
-import type { makeMutable, SharedValue } from "react-native-reanimated";
-
-import type {
-  AnimationInterpolation_V1,
-  AnimationKeyframes_V1,
-} from "../compiler";
 import type { ComponentPropsDotNotation, ReactComponent } from "./utils";
 import type { DotNotation, ResolveDotPath } from "./utils/dot-notation.types";
 
@@ -122,25 +116,6 @@ export type InlineStyle =
   | (Record<string, unknown> | undefined | null)[]
   | (() => unknown);
 
-/******************************    Animations    ******************************/
-
-export type Mutable<Value> = ReturnType<typeof makeMutable<Value>>;
-export type AnimationMutable = Mutable<number>;
-
-export interface KeyFramesWithStyles {
-  animation: AnimationKeyframes_V1;
-  baseStyles: Record<string, any>;
-}
-
-export type SharedValueInterpolation = [
-  SharedValue<number>,
-  AnimationInterpolation_V1[],
-];
-
-/******************************    Transitions    *****************************/
-
-export type Transition = [string | string[], Mutable<any>];
-
 /*********************************    Misc    *********************************/
 
 export type Props = Record<string, any> | undefined | null;

package/src/runtime/utils/objects.ts

@@ -1,6 +1,6 @@
 /* eslint-disable */
+import { ShortHandSymbol } from "../native/styles/constants";
 import { transformKeys } from "../native/styles/defaults";
-import { ShortHandSymbol } from "../native/styles/shorthand";
 
 export function getDeepPath(source: any, paths: string | string[] | false) {
   if (!source) {
@@ -28,6 +28,22 @@ export function getDeepPath(source: any, paths: string | string[] | false) {
   }
 }
 
+export function applyShorthand(value: any) {
+  if (value === undefined) {
+    return;
+  }
+
+  const target: Record<string, unknown> = { [ShortHandSymbol]: true };
+
+  const values = value as [unknown, string][];
+
+  for (const [value, prop] of values) {
+    target[prop] = value;
+  }
+
+  return target;
+}
+
 export function applyValue(
   target: Record<string, any>,
   prop: string,
@@ -51,9 +67,8 @@ export function applyValue(
     }
     return;
   } else if (typeof value === "object" && value && ShortHandSymbol in value) {
-    for (const entry of value) {
-      setDeepPath(target, entry[1], entry[0]);
-    }
+    delete value[ShortHandSymbol];
+    Object.assign(target, value);
     return;
   }
 
@@ -62,7 +77,7 @@ export function applyValue(
 
 export function setDeepPath(
   target: Record<string, any>,
-  paths: string | string[],
+  paths: string | string[] | readonly string[],
   value: any,
 ) {
   if (typeof paths === "string") {

package/src/runtime/utils/style-value.ts

@@ -1,7 +1,7 @@
-import type { StyleDescriptor } from "../../compiler";
+import type { StyleDescriptor, StyleFunction } from "../../compiler";
 
 export function isStyleDescriptorArray(
-  value: StyleDescriptor | StyleDescriptor[],
+  value: unknown,
 ): value is StyleDescriptor[] {
   if (Array.isArray(value)) {
     // If its an array and the first item is an object, the only allowed value is an array
@@ -10,3 +10,15 @@ export function isStyleDescriptorArray(
 
   return false;
 }
+
+export function isStyleFunction(
+  value: StyleDescriptor,
+): value is StyleFunction {
+  if (Array.isArray(value)) {
+    return typeof value[0] === "object"
+      ? Object.keys(value[0]).length === 0
+      : false;
+  }
+
+  return false;
+}

package/src/runtime/web/index.ts

@@ -1,2 +1,5 @@
+// Import this file for Metro to override
+import "./metro";
+
 export type * from "../runtime.types";
 export * from "./api";

package/src/runtime/web/metro.ts

@@ -0,0 +1,2 @@
+// This file will be overwritten by Metro
+export {};

package/types.d.ts

@@ -0,0 +1,70 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import type {
+  ScrollViewProps,
+  ScrollViewPropsAndroid,
+  ScrollViewPropsIOS,
+  Touchable,
+  VirtualizedListProps,
+} from "react-native";
+
+declare module "@react-native/virtualized-lists" {
+  export interface VirtualizedListWithoutRenderItemProps<ItemT>
+    extends ScrollViewProps {
+    ListFooterComponentClassName?: string;
+    ListHeaderComponentClassName?: string;
+  }
+}
+
+declare module "react-native" {
+  interface ScrollViewProps
+    extends ViewProps,
+      ScrollViewPropsIOS,
+      ScrollViewPropsAndroid,
+      Touchable {
+    contentContainerClassName?: string;
+    indicatorClassName?: string;
+  }
+  interface FlatListProps<ItemT> extends VirtualizedListProps<ItemT> {
+    columnWrapperClassName?: string;
+  }
+  interface ImageBackgroundProps extends ImagePropsBase {
+    imageClassName?: string;
+  }
+  interface ImagePropsBase {
+    className?: string;
+    cssInterop?: boolean;
+  }
+  interface ViewProps {
+    className?: string;
+    cssInterop?: boolean;
+  }
+  interface TextInputProps {
+    placeholderClassName?: string;
+  }
+  interface TextProps {
+    className?: string;
+    cssInterop?: boolean;
+  }
+  interface SwitchProps {
+    className?: string;
+    cssInterop?: boolean;
+  }
+  interface InputAccessoryViewProps {
+    className?: string;
+    cssInterop?: boolean;
+  }
+  interface TouchableWithoutFeedbackProps {
+    className?: string;
+    cssInterop?: boolean;
+  }
+  interface StatusBarProps {
+    className?: string;
+    cssInterop?: boolean;
+  }
+  interface KeyboardAvoidingViewProps extends ViewProps {
+    contentContainerClassName?: string;
+  }
+  interface ModalBaseProps {
+    presentationClassName?: string;
+  }
+}

package/dist/commonjs/compiler/add.js

@@ -1,175 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.addAnimation_V2 = void 0;
-exports.buildAddFn = buildAddFn;
-var _styleValue = require("../runtime/utils/style-value.js");
-var _selectors = require("./selectors.js");
-/* eslint-disable */
-
-function buildAddFn(rule, collection, mapping) {
-  let staticDeclarations;
-  function add(type, property, value) {
-    if (value === undefined) {
-      return;
-    }
-    let forceTuple = false;
-    switch (type) {
-      case "container":
-        {
-          rule.c ??= [];
-          const names = value.map(name => `c:${name}`);
-          rule.c.push(...names);
-          break;
-        }
-      case "animation":
-        {
-          value = value;
-          if (value === undefined) {
-            return;
-          }
-
-          // We cannot animate variables
-          if (property.startsWith("--")) {
-            return;
-          }
-          property = (0, _selectors.toRNProperty)(property);
-          const rename = mapping[property] ?? mapping["*"];
-          const [styleFunction, delayed, usesVariables] = postProcessStyleFunction(value);
-          rule.d ??= [];
-          rule.a = true;
-          if (delayed) {
-            rule.d.push([styleFunction, rename || property, 1]);
-          } else {
-            rule.d.push([styleFunction, rename || property]);
-          }
-          if (usesVariables) {
-            rule.dv = 1;
-          }
-          break;
-        }
-      // @ts-ignore
-      case "transition":
-        {
-          rule.a = true;
-        }
-      case "style":
-        {
-          value = value;
-          if (value === undefined) {
-            return;
-          }
-          if (property.startsWith("--")) {
-            if (!property.startsWith("--__rn-css") && !collection.varUsageCount.has(property)) {
-              return;
-            }
-            rule.v ??= [];
-            rule.v.push([property.slice(2), value]);
-            return;
-          }
-          property = (0, _selectors.toRNProperty)(property);
-          const rename = mapping[property] ?? mapping["*"];
-          if (Array.isArray(value) && !(0, _styleValue.isStyleDescriptorArray)(value)) {
-            rule.d ??= [];
-            const [styleFunction, delayed, usesVariables] = postProcessStyleFunction(value);
-            if (delayed) {
-              rule.d.push([styleFunction, rename || property, 1]);
-            } else {
-              rule.d.push([styleFunction, rename || property]);
-            }
-            if (usesVariables) {
-              rule.dv = 1;
-            }
-          } else if (forceTuple || rename && (rename.length > 1 || !rename[0].startsWith("^"))) {
-            rule.d ??= [];
-            rule.d.push([value, rename || property]);
-          } else {
-            if (rename) {
-              property = rename[0].slice(1);
-            }
-            if (!staticDeclarations) {
-              staticDeclarations = {};
-              rule.d ??= [];
-              rule.d.push(staticDeclarations);
-            }
-            staticDeclarations[property] = value;
-          }
-        }
-    }
-  }
-  return add;
-}
-function postProcessStyleFunction(value) {
-  if (!Array.isArray(value)) {
-    return [value, false, false];
-  }
-  if ((0, _styleValue.isStyleDescriptorArray)(value)) {
-    let shouldDelay = false;
-    let usesVariables = false;
-    const results = [];
-    for (const v of value) {
-      let [result, delayed, variables] = postProcessStyleFunction(v);
-      shouldDelay ||= delayed;
-      usesVariables ||= variables;
-      results.push(result);
-    }
-    return [results, shouldDelay, usesVariables];
-  }
-  let [newArgs, shouldDelay, usesVariables] = postProcessStyleFunction(value[2]);
-  shouldDelay ||= value[3] === 1;
-  usesVariables ||= value[1] === "var";
-  if (shouldDelay) {
-    return [[value[0], value[1], newArgs], true, usesVariables];
-  }
-  return [value, false, false];
-}
-const addAnimation_V2 = declarations => (addType, property, value) => {
-  if (value === undefined) return;
-  let forceTuple = false;
-  let staticDeclarations;
-  switch (addType) {
-    case "container":
-      return;
-    case "animation":
-      return;
-    case "transition":
-    case "style":
-      {
-        value = value;
-        property = (0, _selectors.toRNProperty)(property);
-
-        // TODO: Support property mapping
-
-        // Animating variables not currently supported
-        if (property.startsWith("--")) {
-          return;
-        }
-        if (Array.isArray(value)) {
-          const [strippedValue, delayed] = postProcessStyleFunction(value);
-          if (delayed) {
-            declarations.push([strippedValue, property, 1]);
-          } else {
-            declarations.push([strippedValue, property]);
-          }
-        } else if (forceTuple) {
-          declarations.push([value, property]);
-        } else {
-          if (!staticDeclarations) {
-            staticDeclarations = {};
-            declarations ??= [];
-            declarations.push(staticDeclarations);
-          }
-          staticDeclarations[property] = value;
-        }
-        break;
-      }
-    default:
-      {
-        addType;
-      }
-  }
-};
-exports.addAnimation_V2 = addAnimation_V2;
-//# sourceMappingURL=add.js.map

package/dist/commonjs/compiler/add.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_styleValue","require","_selectors","buildAddFn","rule","collection","mapping","staticDeclarations","add","type","property","value","undefined","forceTuple","c","names","map","name","push","startsWith","toRNProperty","rename","styleFunction","delayed","usesVariables","postProcessStyleFunction","d","a","dv","varUsageCount","has","v","slice","Array","isArray","isStyleDescriptorArray","length","shouldDelay","results","result","variables","newArgs","addAnimation_V2","declarations","addType","strippedValue","exports"],"sourceRoot":"../../../src","sources":["compiler/add.ts"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/ActivityIndicator.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ActivityIndicator = ActivityIndicator;
-var _reactNative = require("react-native");
-var _index = require("../runtime/index.js");
-const mapping = {
-  className: {
-    target: "style",
-    nativeStyleMapping: {
-      color: "color"
-    }
-  }
-};
-function ActivityIndicator(props) {
-  return (0, _index.useCssElement)(_reactNative.ActivityIndicator, props, mapping);
-}
-//# sourceMappingURL=ActivityIndicator.js.map

package/dist/commonjs/components/ActivityIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_index","mapping","className","target","nativeStyleMapping","color","ActivityIndicator","props","useCssElement","RNActivityIndicator"],"sourceRoot":"../../../src","sources":["components/ActivityIndicator.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AAEA,MAAME,OAAwD,GAAG;EAC/DC,SAAS,EAAE;IACTC,MAAM,EAAE,OAAO;IACfC,kBAAkB,EAAE;MAClBC,KAAK,EAAE;IACT;EACF;AACF,CAAC;AAEM,SAASC,iBAAiBA,CAACC,KAA6B,EAAE;EAC/D,OAAO,IAAAC,oBAAa,EAACC,8BAAmB,EAAEF,KAAK,EAAEN,OAAO,CAAC;AAC3D","ignoreList":[]}

package/dist/commonjs/components/SafeAreaProvider/index.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SafeAreaProvider = SafeAreaProvider;
-var _react = require("react");
-var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-var _reactivity = require("../../runtime/native/reactivity.js");
-var _jsxRuntime = require("react/jsx-runtime");
-/* eslint-disable */
-
-function SafeAreaProvider({
-  children,
-  ...props
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSafeAreaContext.SafeAreaProvider, {
-    ...props,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SafeAreaProviderEnv, {
-      children: children
-    })
-  });
-}
-function SafeAreaProviderEnv({
-  children
-}) {
-  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
-  const parentVarContext = (0, _react.useContext)(_reactivity.VariableContext);
-  const value = (0, _react.useMemo)(() => ({
-    ...parentVarContext,
-    "--react-native-css-safe-area-inset-bottom": insets.bottom,
-    "--react-native-css-safe-area-inset-left": insets.left,
-    "--react-native-css-safe-area-inset-right": insets.right,
-    "--react-native-css-safe-area-inset-top": insets.top
-  }), [parentVarContext, insets]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactivity.VariableContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-//# sourceMappingURL=index.js.map

package/dist/commonjs/components/SafeAreaProvider/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_reactNativeSafeAreaContext","_reactivity","_jsxRuntime","SafeAreaProvider","children","props","jsx","SafeAreaProviderEnv","insets","useSafeAreaInsets","parentVarContext","useContext","VariableContext","value","useMemo","bottom","left","right","top","Provider"],"sourceRoot":"../../../../src","sources":["components/SafeAreaProvider/index.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAOA,IAAAC,2BAAA,GAAAD,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AAGyC,IAAAG,WAAA,GAAAH,OAAA;AAhBzC;;AAkBO,SAASI,gBAAgBA,CAAC;EAC/BC,QAAQ;EACR,GAAGC;AACsC,CAAC,EAAE;EAC5C,oBACE,IAAAH,WAAA,CAAAI,GAAA,EAACN,2BAAA,CAAAG,gBAAkB;IAAA,GAAKE,KAAK;IAAAD,QAAA,eAC3B,IAAAF,WAAA,CAAAI,GAAA,EAACC,mBAAmB;MAAAH,QAAA,EAAEA;IAAQ,CAAsB;EAAC,CACnC,CAAC;AAEzB;AAEA,SAASG,mBAAmBA,CAAC;EAAEH;AAAqC,CAAC,EAAE;EACrE,MAAMI,MAAM,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EAClC,MAAMC,gBAAgB,GAAG,IAAAC,iBAAU,EAACC,2BAAe,CAAC;EAEpD,MAAMC,KAAK,GAAG,IAAAC,cAAO,EACnB,OAAO;IACL,GAAGJ,gBAAgB;IACnB,2CAA2C,EAAEF,MAAM,CAACO,MAAM;IAC1D,yCAAyC,EAAEP,MAAM,CAACQ,IAAI;IACtD,0CAA0C,EAAER,MAAM,CAACS,KAAK;IACxD,wCAAwC,EAAET,MAAM,CAACU;EACnD,CAAC,CAAC,EACF,CAACR,gBAAgB,EAAEF,MAAM,CAC3B,CAAC;EAED,oBACE,IAAAN,WAAA,CAAAI,GAAA,EAACL,WAAA,CAAAW,eAAe,CAACO,QAAQ;IAACN,KAAK,EAAEA,KAAM;IAAAT,QAAA,EACpCA;EAAQ,CACe,CAAC;AAE/B","ignoreList":[]}

package/dist/commonjs/components/SafeAreaProvider/index.web.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SafeAreaProvider", {
-  enumerable: true,
-  get: function () {
-    return _reactNativeSafeAreaContext.SafeAreaProvider;
-  }
-});
-var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-//# sourceMappingURL=index.web.js.map

package/dist/commonjs/components/SafeAreaProvider/index.web.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNativeSafeAreaContext","require"],"sourceRoot":"../../../../src","sources":["components/SafeAreaProvider/index.web.tsx"],"mappings":";;;;;;;;;;;AAAA,IAAAA,2BAAA,GAAAC,OAAA","ignoreList":[]}

package/dist/commonjs/components/TextInput.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TextInput = TextInput;
-var _reactNative = require("react-native");
-var _index = require("../runtime/index.js");
-const mapping = {
-  className: {
-    target: "style",
-    nativeStyleMapping: {
-      selectionColor: "selectionColor"
-    }
-  }
-};
-function TextInput(props) {
-  return (0, _index.useCssElement)(_reactNative.TextInput, props, mapping);
-}
-//# sourceMappingURL=TextInput.js.map

package/dist/commonjs/components/TextInput.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_index","mapping","className","target","nativeStyleMapping","selectionColor","TextInput","props","useCssElement","RNTextInput"],"sourceRoot":"../../../src","sources":["components/TextInput.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAMA,MAAME,OAAO,GAAG;EACdC,SAAS,EAAE;IACTC,MAAM,EAAE,OAAO;IACfC,kBAAkB,EAAE;MAClBC,cAAc,EAAE;IAClB;EACF;AACF,CAAmD;AAE5C,SAASC,SAASA,CAACC,KAAkD,EAAE;EAC5E,OAAO,IAAAC,oBAAa,EAACC,sBAAW,EAAEF,KAAK,EAAEN,OAAO,CAAC;AACnD","ignoreList":[]}