@tamagui/core 1.0.0-alpha.1 → 1.0.0-alpha.6

package/_/views/ThemeManagerContext.js

@@ -1,56 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { createContext } from "react";
-class ThemeManager {
-  constructor() {
-    this.name = "light";
-    this.keys = new Map();
-    this.listeners = new Map();
-    this.callbacks = new Set();
-    this.theme = null;
-  }
-  setActiveTheme(name, theme) {
-    if (name === this.name)
-      return;
-    this.name = name;
-    this.theme = theme;
-    this.update();
-  }
-  track(uuid, keys) {
-    if (!this.name)
-      return;
-    this.keys.set(uuid, keys);
-  }
-  update() {
-    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.callbacks.forEach((cb) => cb(this.name));
-  }
-  onChangeTheme(cb) {
-    this.callbacks.add(cb);
-    return () => {
-      this.callbacks.delete(cb);
-    };
-  }
-  onUpdate(uuid, cb) {
-    this.listeners.set(uuid, cb);
-    return () => {
-      this.listeners.delete(uuid);
-      this.keys.delete(uuid);
-    };
-  }
-}
-__name(ThemeManager, "ThemeManager");
-const ThemeManagerContext = createContext(new ThemeManager());
-export {
-  ThemeManager,
-  ThemeManagerContext
-};
-//# sourceMappingURL=ThemeManagerContext.js.map

package/_/views/ThemeManagerContext.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/views/ThemeManagerContext.tsx"],
-  "sourcesContent": ["import { createContext } from 'react'\n\nexport class ThemeManager {\n  name: string | null = 'light'\n  keys = new Map<any, Set<string>>()\n  listeners = new Map<any, Function>()\n  callbacks = new Set<Function>()\n  theme = null\n\n  setActiveTheme(name: string | null, theme?: any) {\n    if (name === this.name) return\n    this.name = name\n    this.theme = theme\n    this.update()\n  }\n\n  track(uuid: any, keys: Set<string>) {\n    if (!this.name) return\n    this.keys.set(uuid, keys)\n  }\n\n  update() {\n    if (!this.name) {\n      this.keys.clear()\n    }\n    for (const [uuid, keys] of this.keys.entries()) {\n      if (keys.size) {\n        this.listeners.get(uuid)?.()\n      }\n    }\n    this.callbacks.forEach((cb) => cb(this.name))\n  }\n\n  onChangeTheme(cb: (name: string | null) => void) {\n    this.callbacks.add(cb)\n    return () => {\n      this.callbacks.delete(cb)\n    }\n  }\n\n  onUpdate(uuid: any, cb: Function) {\n    this.listeners.set(uuid, cb)\n    return () => {\n      this.listeners.delete(uuid)\n      this.keys.delete(uuid)\n    }\n  }\n}\n\nexport const ThemeManagerContext = createContext<ThemeManager>(new ThemeManager())\n"],
-  "mappings": ";;AAAA;AAEO,mBAAmB;AAAA,EAAnB,cAFP;AAGE,gBAAsB;AACtB,gBAAO,IAAI;AACX,qBAAY,IAAI;AAChB,qBAAY,IAAI;AAChB,iBAAQ;AAAA;AAAA,EAER,eAAe,MAAqB,OAAa;AAC/C,QAAI,SAAS,KAAK;AAAM;AACxB,SAAK,OAAO;AACZ,SAAK,QAAQ;AACb,SAAK;AAAA;AAAA,EAGP,MAAM,MAAW,MAAmB;AAClC,QAAI,CAAC,KAAK;AAAM;AAChB,SAAK,KAAK,IAAI,MAAM;AAAA;AAAA,EAGtB,SAAS;AArBX;AAsBI,QAAI,CAAC,KAAK,MAAM;AACd,WAAK,KAAK;AAAA;AAEZ,eAAW,CAAC,MAAM,SAAS,KAAK,KAAK,WAAW;AAC9C,UAAI,KAAK,MAAM;AACb,mBAAK,UAAU,IAAI,UAAnB;AAAA;AAAA;AAGJ,SAAK,UAAU,QAAQ,CAAC,OAAO,GAAG,KAAK;AAAA;AAAA,EAGzC,cAAc,IAAmC;AAC/C,SAAK,UAAU,IAAI;AACnB,WAAO,MAAM;AACX,WAAK,UAAU,OAAO;AAAA;AAAA;AAAA,EAI1B,SAAS,MAAW,IAAc;AAChC,SAAK,UAAU,IAAI,MAAM;AACzB,WAAO,MAAM;AACX,WAAK,UAAU,OAAO;AACtB,WAAK,KAAK,OAAO;AAAA;AAAA;AAAA;AA1ChB;AA+CA,MAAM,sBAAsB,cAA4B,IAAI;",
-  "names": []
-}

package/_/views/ThemeProvider.js

@@ -1,45 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import React, { useMemo } from "react";
-import { useIsomorphicLayoutEffect } from "../constants/platform";
-import { getHasConfigured, getThemeParentClassName } from "../createTamagui";
-import { Theme } from "./Theme";
-import { ThemeContext } from "./ThemeContext";
-const GET_DEFAULT_THEME = "___TGUI";
-const ThemeProvider = /* @__PURE__ */ __name((props) => {
-  if (!getHasConfigured()) {
-    throw new Error(`Missing configureThemes() call, add to your root file`);
-  }
-  useIsomorphicLayoutEffect(() => {
-    if (props.disableRootThemeClass) {
-      return;
-    }
-    if (typeof document !== "undefined") {
-      const cns = getThemeParentClassName(`${props.defaultTheme}`).split(" ");
-      cns.forEach((cn) => document.body.classList.add(cn));
-      return () => {
-        cns.forEach((cn) => document.body.classList.remove(cn));
-      };
-    }
-  }, []);
-  const themeContext = useMemo(() => {
-    return new Proxy(props.themes, {
-      get(target, key) {
-        if (key === GET_DEFAULT_THEME)
-          return props.defaultTheme;
-        return Reflect.get(target, key);
-      }
-    });
-  }, [props.themes]);
-  return /* @__PURE__ */ React.createElement(ThemeContext.Provider, {
-    value: themeContext
-  }, /* @__PURE__ */ React.createElement(Theme, {
-    name: props.defaultTheme,
-    disableThemeClass: props.disableRootThemeClass
-  }, props.children));
-}, "ThemeProvider");
-export {
-  GET_DEFAULT_THEME,
-  ThemeProvider
-};
-//# sourceMappingURL=ThemeProvider.js.map

package/_/views/ThemeProvider.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/views/ThemeProvider.tsx"],
-  "sourcesContent": ["import React, { useMemo } from 'react'\n\nimport { useIsomorphicLayoutEffect } from '../constants/platform'\nimport { getHasConfigured, getThemeParentClassName } from '../createTamagui'\nimport { Theme } from './Theme'\nimport { ThemeContext } from './ThemeContext'\n\nexport type ThemeProviderProps = {\n  themes: any\n  defaultTheme: string\n  disableRootThemeClass?: boolean\n  children?: any\n}\n\nexport const GET_DEFAULT_THEME = '___TGUI'\n\nexport const ThemeProvider = (props: ThemeProviderProps) => {\n  if (!getHasConfigured()) {\n    throw new Error(`Missing configureThemes() call, add to your root file`)\n  }\n\n  // ensure theme is attached to root body node as well to work with modals by default\n  useIsomorphicLayoutEffect(() => {\n    if (props.disableRootThemeClass) {\n      return\n    }\n    if (typeof document !== 'undefined') {\n      const cns = getThemeParentClassName(`${props.defaultTheme}`).split(' ')\n      cns.forEach((cn) => document.body.classList.add(cn))\n      return () => {\n        cns.forEach((cn) => document.body.classList.remove(cn))\n      }\n    }\n  }, [])\n\n  const themeContext = useMemo(() => {\n    return new Proxy(props.themes, {\n      get(target, key) {\n        if (key === GET_DEFAULT_THEME) return props.defaultTheme\n        return Reflect.get(target, key)\n      },\n    })\n  }, [props.themes])\n\n  return (\n    <ThemeContext.Provider value={themeContext}>\n      <Theme name={props.defaultTheme} disableThemeClass={props.disableRootThemeClass}>\n        {props.children}\n      </Theme>\n    </ThemeContext.Provider>\n  )\n}\n"],
-  "mappings": ";;AAAA;AAEA;AACA;AACA;AACA;AASO,MAAM,oBAAoB;AAE1B,MAAM,gBAAgB,wBAAC,UAA8B;AAC1D,MAAI,CAAC,oBAAoB;AACvB,UAAM,IAAI,MAAM;AAAA;AAIlB,4BAA0B,MAAM;AAC9B,QAAI,MAAM,uBAAuB;AAC/B;AAAA;AAEF,QAAI,OAAO,aAAa,aAAa;AACnC,YAAM,MAAM,wBAAwB,GAAG,MAAM,gBAAgB,MAAM;AACnE,UAAI,QAAQ,CAAC,OAAO,SAAS,KAAK,UAAU,IAAI;AAChD,aAAO,MAAM;AACX,YAAI,QAAQ,CAAC,OAAO,SAAS,KAAK,UAAU,OAAO;AAAA;AAAA;AAAA,KAGtD;AAEH,QAAM,eAAe,QAAQ,MAAM;AACjC,WAAO,IAAI,MAAM,MAAM,QAAQ;AAAA,MAC7B,IAAI,QAAQ,KAAK;AACf,YAAI,QAAQ;AAAmB,iBAAO,MAAM;AAC5C,eAAO,QAAQ,IAAI,QAAQ;AAAA;AAAA;AAAA,KAG9B,CAAC,MAAM;AAEV,SACE,oCAAC,aAAa,UAAd;AAAA,IAAuB,OAAO;AAAA,KAC5B,oCAAC,OAAD;AAAA,IAAO,MAAM,MAAM;AAAA,IAAc,mBAAmB,MAAM;AAAA,KACvD,MAAM;AAAA,GA/Bc;",
-  "names": []
-}

package/src/hooks/useForceUpdate.tsx

@@ -1,26 +0,0 @@
-import { useEffect, useRef, useState } from 'react'
-
-// ensures no updates after unmount
-
-export function useForceUpdate() {
-  const setState = useState(0)[1]
-  const internal = useRef<{ update: Function; isMounted: boolean }>()
-  if (!internal.current) {
-    internal.current = {
-      isMounted: true,
-      update: () => {
-        if (internal.current!.isMounted) {
-          setState(Math.random())
-        }
-      },
-    }
-  }
-
-  useEffect(() => {
-    return () => {
-      internal.current!.isMounted = false
-    }
-  }, [])
-
-  return internal.current.update
-}

package/src/views/SafeAreaProvider.tsx

@@ -1,33 +0,0 @@
-import React from 'react'
-import { Platform } from 'react-native'
-import {
-  Metrics,
-  SafeAreaProvider as RNSafeAreaProvider,
-  initialWindowMetrics as defaultInitialWindowMetrics,
-} from 'react-native-safe-area-context'
-
-let defaultMetrics: Metrics | null = null
-
-export const SafeAreaProvider = ({
-  initialWindowMetrics,
-  children,
-}: {
-  children?: any
-  initialWindowMetrics?: any
-}) => {
-  if (!initialWindowMetrics && !defaultMetrics) {
-    defaultMetrics = Platform.select({
-      web: {
-        frame: { x: 0, y: 0, width: 0, height: 0 },
-        insets: { top: 0, left: 0, right: 0, bottom: 0 },
-      },
-      default: defaultInitialWindowMetrics,
-    })
-  }
-
-  return (
-    <RNSafeAreaProvider initialMetrics={initialWindowMetrics ?? defaultMetrics}>
-      {children}
-    </RNSafeAreaProvider>
-  )
-}

package/tsconfig.json

@@ -1,8 +0,0 @@
-{
-  "extends": "../../tsconfig",
-  "compilerOptions": {
-    "rootDir": "../..",
-    "jsx": "preserve"
-  },
-  "include": ["src"]
-}