@tamagui/core 1.0.0-alpha.7 → 1.0.0-beta.172

package/dist/jsx/ThemeManager.js

@@ -0,0 +1,178 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateMethod = (obj, member, method) => {
+  __accessCheck(obj, member, "access private method");
+  return method;
+};
+var _getClassName, getClassName_fn;
+import { createContext } from "react";
+import { getThemes } from "./conf";
+import { THEME_CLASSNAME_PREFIX, THEME_NAME_SEPARATOR } from "./static";
+class ThemeManager {
+  constructor(name = null, theme = null, parentManager = null) {
+    this.name = name;
+    this.theme = theme;
+    this.parentManager = parentManager;
+    __privateAdd(this, _getClassName);
+    this.keys = /* @__PURE__ */ new Map();
+    this.listeners = /* @__PURE__ */ new Map();
+    this.themeListeners = /* @__PURE__ */ new Set();
+    this.className = null;
+    let parent = parentManager;
+    let tries = 0;
+    while (true) {
+      tries++;
+      if (tries > 10) {
+        throw new Error(`Nested 10 of the same theme in a row, likely error`);
+      }
+      if (!parent)
+        break;
+      if (parent.name === name) {
+        parent = parent.parentManager;
+      } else {
+        this.parentManager = parent;
+        break;
+      }
+    }
+  }
+  get parentName() {
+    var _a;
+    return ((_a = this.parentManager) == null ? void 0 : _a.name) || null;
+  }
+  get fullName() {
+    return this.getNextTheme().name || this.name || "";
+  }
+  getValue(key) {
+    let theme = this.theme;
+    let manager = this;
+    while (true) {
+      if (!theme)
+        return;
+      if (key in theme) {
+        return theme[key];
+      }
+      manager = this.parentManager;
+      console.log("go to parent", this.name, manager == null ? void 0 : manager.name);
+      if (!manager) {
+        return;
+      }
+      if (manager.theme === theme) {
+        return;
+      }
+      theme = manager.theme;
+      console.log("getting parent");
+    }
+  }
+  update({ name, theme, className } = {}) {
+    const sameNameOrClassName = this.className ? className == this.className : name === this.name;
+    if (sameNameOrClassName) {
+      return false;
+    }
+    this.className = className || null;
+    this.name = name || null;
+    this.theme = theme;
+    this.notifyListeners();
+    return true;
+  }
+  getNextTheme(opts = {}, props) {
+    const { themes = getThemes(), name, componentName } = opts;
+    if (!name) {
+      if (componentName) {
+        const name2 = `${this.name}_${componentName}`;
+        const theme2 = themes[name2];
+        if (theme2) {
+          return { name: name2, theme: theme2, className: __privateMethod(this, _getClassName, getClassName_fn).call(this, name2) };
+        }
+      }
+      return {
+        name: this.name,
+        theme: this.theme
+      };
+    }
+    let nextName = name || this.name || "";
+    let parentName = this.fullName;
+    while (true) {
+      if (nextName in themes) {
+        break;
+      }
+      nextName = `${parentName}_${name}`;
+      if (nextName in themes) {
+        break;
+      }
+      if (!parentName.includes(THEME_NAME_SEPARATOR)) {
+        console.warn("theme not found", name);
+        break;
+      }
+      parentName = parentName.slice(0, parentName.lastIndexOf(THEME_NAME_SEPARATOR));
+    }
+    if (componentName) {
+      const componentThemeName = `${nextName}_${componentName}`;
+      if (componentThemeName in themes) {
+        nextName = componentThemeName;
+      }
+    }
+    let theme = themes[nextName];
+    if (!theme) {
+      theme = themes[`light_${nextName}`];
+    }
+    if (process.env.NODE_ENV === "development" && props && props["debug"]) {
+      console.log("getNextTheme", { opts, nextName, parentName }, this);
+    }
+    return {
+      name: nextName,
+      theme,
+      className: __privateMethod(this, _getClassName, getClassName_fn).call(this, nextName)
+    };
+  }
+  track(uuid, keys) {
+    if (!this.name)
+      return;
+    this.keys.set(uuid, keys);
+  }
+  notifyListeners() {
+    var _a;
+    if (!this.name) {
+      this.keys.clear();
+    }
+    for (const [uuid, keys] of this.keys.entries()) {
+      if (keys.size) {
+        (_a = this.listeners.get(uuid)) == null ? void 0 : _a();
+      }
+    }
+    this.themeListeners.forEach((cb) => cb(this.name, this));
+  }
+  onChangeTheme(cb) {
+    this.themeListeners.add(cb);
+    return () => {
+      this.themeListeners.delete(cb);
+    };
+  }
+  onUpdate(uuid, cb) {
+    this.listeners.set(uuid, cb);
+    return () => {
+      this.listeners.delete(uuid);
+      this.keys.delete(uuid);
+    };
+  }
+}
+__name(ThemeManager, "ThemeManager");
+_getClassName = new WeakSet();
+getClassName_fn = /* @__PURE__ */ __name(function(name) {
+  return `${THEME_CLASSNAME_PREFIX}${name} tui_theme`.replace("light_", "").replace("dark_", "");
+}, "#getClassName");
+const ThemeManagerContext = createContext(null);
+const emptyManager = new ThemeManager();
+export {
+  ThemeManager,
+  ThemeManagerContext,
+  emptyManager
+};

package/dist/jsx/conf.js

@@ -0,0 +1,36 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { Tamagui } from "./Tamagui";
+let conf;
+const setConfig = /* @__PURE__ */ __name((next) => {
+  conf = next;
+  if (configListeners.size) {
+    configListeners.forEach((cb) => cb(conf));
+    configListeners.clear();
+  }
+}, "setConfig");
+const getHasConfigured = /* @__PURE__ */ __name(() => !!conf, "getHasConfigured");
+const getConfig = /* @__PURE__ */ __name(() => conf, "getConfig");
+const getTokens = /* @__PURE__ */ __name(() => conf.tokensParsed, "getTokens");
+const getThemes = /* @__PURE__ */ __name(() => conf.themes, "getThemes");
+const configListeners = /* @__PURE__ */ new Set();
+const onConfiguredOnce = /* @__PURE__ */ __name((cb) => {
+  if (conf) {
+    cb(conf);
+  } else {
+    configListeners.add(cb);
+  }
+  if (!globalThis["Tamagui"]) {
+    Tamagui.config = conf;
+    globalThis["Tamagui"] = Tamagui;
+  }
+}, "onConfiguredOnce");
+export {
+  configListeners,
+  getConfig,
+  getHasConfigured,
+  getThemes,
+  getTokens,
+  onConfiguredOnce,
+  setConfig
+};

package/dist/jsx/constants/constants.js

@@ -0,0 +1,17 @@
+import { isWeb } from "./platform";
+const THEME_NAME_SEPARATOR = "_";
+const THEME_CLASSNAME_PREFIX = `tui_`;
+const stackDefaultStyles = {
+  alignItems: "stretch",
+  flexShrink: 0,
+  ...isWeb && {
+    display: "flex",
+    flexBasis: "auto",
+    boxSizing: "border-box"
+  }
+};
+export {
+  THEME_CLASSNAME_PREFIX,
+  THEME_NAME_SEPARATOR,
+  stackDefaultStyles
+};

package/dist/jsx/constants/platform.js

@@ -0,0 +1,23 @@
+var _a, _b, _c;
+import { useEffect, useLayoutEffect } from "react";
+import { Platform } from "react-native";
+const isAndroid = ((_a = Platform) == null ? void 0 : _a.OS) === "android";
+const isIOS = ((_b = Platform) == null ? void 0 : _b.OS) === "ios";
+const isWeb = process.env.TAMAGUI_TARGET !== "native" && (process.env.TAMAGUI_TARGET === "web" || ((_c = Platform) == null ? void 0 : _c.OS) === "web");
+const isSSR = isWeb && typeof window === "undefined";
+const useIsomorphicLayoutEffect = isSSR ? useEffect : useLayoutEffect;
+const isChrome = typeof navigator !== "undefined" && /Chrome/.test(navigator.userAgent || "");
+const supportsTouchWeb = typeof window !== "undefined" && "ontouchstart" in window;
+const isTouchDevice = !isWeb || supportsTouchWeb;
+const isWebIOS = isWeb && typeof navigator !== "undefined" && (/iPad|iPhone|iPod/.test(navigator.platform) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1) && !window["MSStream"];
+export {
+  isAndroid,
+  isChrome,
+  isIOS,
+  isSSR,
+  isTouchDevice,
+  isWeb,
+  isWebIOS,
+  supportsTouchWeb,
+  useIsomorphicLayoutEffect
+};

package/dist/jsx/constants/pseudos.js

@@ -0,0 +1,17 @@
+const pseudos = {
+  focusStyle: {
+    name: "focus",
+    priority: 3
+  },
+  pressStyle: {
+    name: "active",
+    priority: 2
+  },
+  hoverStyle: {
+    name: "hover",
+    priority: 1
+  }
+};
+export {
+  pseudos
+};

package/dist/jsx/constants/rnw.js

@@ -0,0 +1,23 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const interopRequire = /* @__PURE__ */ __name((src) => "default" in src ? src.default : src, "interopRequire");
+const rnw = {};
+if (process.env.IS_STATIC === "is_static") {
+  const createDOMProps = require("react-native-web/dist/cjs/modules/createDOMProps/index.js");
+  const createCompileableStyle = require("react-native-web/dist/cjs/exports/StyleSheet/createCompileableStyle");
+  const createReactDOMStyle = require("react-native-web/dist/cjs/exports/StyleSheet/createReactDOMStyle");
+  const i18Style = require("react-native-web/dist/cjs/exports/StyleSheet/i18nStyle");
+  const atomic = require("react-native-web/dist/cjs/exports/StyleSheet/compile").atomic;
+  Object.assign(rnw, {
+    createDOMProps,
+    createCompileableStyle,
+    createReactDOMStyle,
+    i18Style,
+    atomic
+  });
+} else if (process.env.TAMAGUI_TARGET === "web") {
+  Object.assign(rnw, interopRequire(require("react-native-web").TamaguiExports));
+}
+export {
+  rnw
+};

package/dist/jsx/contexts/ButtonInsideButtonContext.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+const ButtonInsideButtonContext = createContext(false);
+export {
+  ButtonInsideButtonContext
+};