@tamagui/create-context 1.88.12 → 1.88.14

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+  Copyright (c) 2020 Nate Wienert
+  
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.

package/dist/esm/create-context.mjs

@@ -0,0 +1,94 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+function createContext(rootComponentName, defaultContext) {
+  const Context = React.createContext(defaultContext);
+  function Provider(props) {
+    const {
+        children,
+        ...context
+      } = props,
+      value = React.useMemo(() => context, Object.values(context));
+    return /* @__PURE__ */jsx(Context.Provider, {
+      value,
+      children
+    });
+  }
+  function useContext(consumerName) {
+    const context = React.useContext(Context);
+    if (context) return context;
+    if (defaultContext !== void 0) return defaultContext;
+    throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+  }
+  return Provider.displayName = `${rootComponentName}Provider`, [Provider, useContext];
+}
+function createContextScope(scopeName, createContextScopeDeps = []) {
+  let defaultContexts = [];
+  function createContext2(rootComponentName, defaultContext) {
+    const BaseContext = React.createContext(defaultContext),
+      index = defaultContexts.length;
+    defaultContexts = [...defaultContexts, defaultContext];
+    function Provider(props) {
+      const {
+          scope,
+          children,
+          ...context
+        } = props,
+        Context = scope?.[scopeName]?.[index] || BaseContext,
+        value = React.useMemo(() => context, Object.values(context));
+      return /* @__PURE__ */jsx(Context.Provider, {
+        value,
+        children
+      });
+    }
+    function useContext(consumerName, scope, options) {
+      const Context = scope?.[scopeName]?.[index] || BaseContext,
+        context = React.useContext(Context);
+      if (context) return context;
+      if (defaultContext !== void 0) return defaultContext;
+      const missingContextMessage = `\`${consumerName}\` must be used within \`${rootComponentName}\``;
+      if (options?.fallback) return options?.warn !== !1 && console.warn(missingContextMessage), options.fallback;
+      throw new Error(missingContextMessage);
+    }
+    return Provider.displayName = `${rootComponentName}Provider`, [Provider, useContext];
+  }
+  const createScope = () => {
+    const scopeContexts = defaultContexts.map(defaultContext => React.createContext(defaultContext));
+    return function (scope) {
+      const contexts = scope?.[scopeName] || scopeContexts;
+      return React.useMemo(() => ({
+        [`__scope${scopeName}`]: {
+          ...scope,
+          [scopeName]: contexts
+        }
+      }), [scope, contexts]);
+    };
+  };
+  return createScope.scopeName = scopeName, [createContext2, composeContextScopes(createScope, ...createContextScopeDeps)];
+}
+function composeContextScopes(...scopes) {
+  const baseScope = scopes[0];
+  if (scopes.length === 1) return baseScope;
+  const createScope = () => {
+    const scopeHooks = scopes.map(createScope2 => ({
+      useScope: createScope2(),
+      scopeName: createScope2.scopeName
+    }));
+    return function (overrideScopes) {
+      const nextScopes = scopeHooks.reduce((nextScopes2, {
+        useScope,
+        scopeName
+      }) => {
+        const currentScope = useScope(overrideScopes)[`__scope${scopeName}`];
+        return {
+          ...nextScopes2,
+          ...currentScope
+        };
+      }, {});
+      return React.useMemo(() => ({
+        [`__scope${baseScope.scopeName}`]: nextScopes
+      }), [nextScopes]);
+    };
+  };
+  return createScope.scopeName = baseScope.scopeName, createScope;
+}
+export { createContext, createContextScope };

package/dist/esm/index.mjs

@@ -0,0 +1 @@
+export * from "./create-context.mjs";

package/dist/jsx/create-context.mjs

@@ -0,0 +1,94 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+function createContext(rootComponentName, defaultContext) {
+  const Context = React.createContext(defaultContext);
+  function Provider(props) {
+    const {
+        children,
+        ...context
+      } = props,
+      value = React.useMemo(() => context, Object.values(context));
+    return /* @__PURE__ */jsx(Context.Provider, {
+      value,
+      children
+    });
+  }
+  function useContext(consumerName) {
+    const context = React.useContext(Context);
+    if (context) return context;
+    if (defaultContext !== void 0) return defaultContext;
+    throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+  }
+  return Provider.displayName = `${rootComponentName}Provider`, [Provider, useContext];
+}
+function createContextScope(scopeName, createContextScopeDeps = []) {
+  let defaultContexts = [];
+  function createContext2(rootComponentName, defaultContext) {
+    const BaseContext = React.createContext(defaultContext),
+      index = defaultContexts.length;
+    defaultContexts = [...defaultContexts, defaultContext];
+    function Provider(props) {
+      const {
+          scope,
+          children,
+          ...context
+        } = props,
+        Context = scope?.[scopeName]?.[index] || BaseContext,
+        value = React.useMemo(() => context, Object.values(context));
+      return /* @__PURE__ */jsx(Context.Provider, {
+        value,
+        children
+      });
+    }
+    function useContext(consumerName, scope, options) {
+      const Context = scope?.[scopeName]?.[index] || BaseContext,
+        context = React.useContext(Context);
+      if (context) return context;
+      if (defaultContext !== void 0) return defaultContext;
+      const missingContextMessage = `\`${consumerName}\` must be used within \`${rootComponentName}\``;
+      if (options?.fallback) return options?.warn !== !1 && console.warn(missingContextMessage), options.fallback;
+      throw new Error(missingContextMessage);
+    }
+    return Provider.displayName = `${rootComponentName}Provider`, [Provider, useContext];
+  }
+  const createScope = () => {
+    const scopeContexts = defaultContexts.map(defaultContext => React.createContext(defaultContext));
+    return function (scope) {
+      const contexts = scope?.[scopeName] || scopeContexts;
+      return React.useMemo(() => ({
+        [`__scope${scopeName}`]: {
+          ...scope,
+          [scopeName]: contexts
+        }
+      }), [scope, contexts]);
+    };
+  };
+  return createScope.scopeName = scopeName, [createContext2, composeContextScopes(createScope, ...createContextScopeDeps)];
+}
+function composeContextScopes(...scopes) {
+  const baseScope = scopes[0];
+  if (scopes.length === 1) return baseScope;
+  const createScope = () => {
+    const scopeHooks = scopes.map(createScope2 => ({
+      useScope: createScope2(),
+      scopeName: createScope2.scopeName
+    }));
+    return function (overrideScopes) {
+      const nextScopes = scopeHooks.reduce((nextScopes2, {
+        useScope,
+        scopeName
+      }) => {
+        const currentScope = useScope(overrideScopes)[`__scope${scopeName}`];
+        return {
+          ...nextScopes2,
+          ...currentScope
+        };
+      }, {});
+      return React.useMemo(() => ({
+        [`__scope${baseScope.scopeName}`]: nextScopes
+      }), [nextScopes]);
+    };
+  };
+  return createScope.scopeName = baseScope.scopeName, createScope;
+}
+export { createContext, createContextScope };

package/dist/jsx/index.mjs

@@ -0,0 +1 @@
+export * from "./create-context.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/create-context",
-  "version": "1.88.12",
+  "version": "1.88.14",
   "sideEffects": false,
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
@@ -33,7 +33,7 @@
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.88.12",
+    "@tamagui/build": "1.88.14",
     "react": "^18.2.0"
   },
   "publishConfig": {

package/src/create-context.tsx

@@ -14,7 +14,7 @@ export function createContext<ContextValueType extends object | null>(
   function Provider(props: ContextValueType & { children: React.ReactNode }) {
     const { children, ...context } = props
     // Only re-memoize when prop values change
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+
     const value = React.useMemo(() => context, Object.values(context)) as ContextValueType
     return <Context.Provider value={value}>{children}</Context.Provider>
   }
@@ -71,7 +71,7 @@ export function createContextScope(
       const { scope, children, ...context } = props
       const Context = scope?.[scopeName]?.[index] || BaseContext
       // Only re-memoize when prop values change
-      // eslint-disable-next-line react-hooks/exhaustive-deps
+
       const value = React.useMemo(
         () => context,
         Object.values(context)
@@ -149,7 +149,7 @@ function composeContextScopes(...scopes: CreateScope[]) {
       const nextScopes = scopeHooks.reduce((nextScopes, { useScope, scopeName }) => {
         // We are calling a hook inside a callback which React warns against to avoid inconsistent
         // renders, however, scoping doesn't have render side effects so we ignore the rule.
-        // eslint-disable-next-line react-hooks/rules-of-hooks
+
         const scopeProps = useScope(overrideScopes)
         const currentScope = scopeProps[`__scope${scopeName}`]
         return { ...nextScopes, ...currentScope }