@tamagui/adapt 1.0.1-rc.6 → 1.0.1-rc.7

package/dist/cjs/Adapt.js

@@ -20,6 +20,7 @@ var Adapt_exports = {};
 __export(Adapt_exports, {
   Adapt: () => Adapt,
   AdaptContents: () => AdaptContents,
+  AdaptParentContext: () => AdaptParentContext,
   useAdaptParent: () => useAdaptParent
 });
 module.exports = __toCommonJS(Adapt_exports);
@@ -84,6 +85,7 @@ const Adapt = (0, import_core.withStaticProperties)(
 0 && (module.exports = {
   Adapt,
   AdaptContents,
+  AdaptParentContext,
   useAdaptParent
 });
 //# sourceMappingURL=Adapt.js.map

package/dist/cjs/Adapt.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Adapt.tsx"],
-  "sourcesContent": ["import {\n  MediaQueryKey,\n  isTouchable,\n  isWeb,\n  useIsomorphicLayoutEffect,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { createContext, createElement, useContext, useMemo, useState } from 'react'\n\nexport type AdaptProps = {\n  when?: MediaQueryKey\n  platform?: 'native' | 'web' | 'touch'\n  children?: any\n}\n\ntype Component = (props: any) => any\ntype AdaptParentContextI = {\n  Contents: Component\n  setWhen: (when: MediaQueryKey) => any\n}\n\nconst AdaptParentContext = createContext<AdaptParentContextI | null>(null)\n\n// forward props\nexport const AdaptContents = (props: any) => {\n  const context = useContext(AdaptParentContext)\n  if (!context?.Contents) {\n    throw new Error('Adapt not supported by this component')\n  }\n  return createElement(context.Contents, props)\n}\n\nAdaptContents['shouldForwardSpace'] = true\n\nexport const useAdaptParent = ({\n  Contents,\n}: { Contents: AdaptParentContextI['Contents'] }) => {\n  const [when, setWhen] = useState<MediaQueryKey | null>(null)\n\n  const AdaptProvider = useMemo(() => {\n    const context: AdaptParentContextI = {\n      Contents,\n      setWhen,\n    }\n\n    return (props: { children?: any }) => {\n      return (\n        <AdaptParentContext.Provider value={context}>\n          {props.children}\n        </AdaptParentContext.Provider>\n      )\n    }\n  }, [Contents])\n\n  return {\n    AdaptProvider,\n    when,\n  }\n}\n\nexport const Adapt = withStaticProperties(\n  function Adapt({ platform, when, children }: AdaptProps) {\n    const context = useContext(AdaptParentContext)\n\n    let enabled = !platform\n    if (platform === 'touch') enabled = isTouchable\n    if (platform === 'native') enabled = !isWeb\n    if (platform === 'web') enabled = isWeb\n\n    useIsomorphicLayoutEffect(() => {\n      if (!enabled) return\n      context?.setWhen(when as MediaQueryKey)\n    }, [when, context, enabled])\n\n    if (!enabled) {\n      return null\n    }\n\n    return children\n  },\n  {\n    Contents: AdaptContents,\n  },\n)\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+CQ;AA/CR,kBAMO;AACP,mBAA4E;AAc5E,MAAM,yBAAqB,4BAA0C,IAAI;AAGlE,MAAM,gBAAgB,CAAC,UAAe;AAC3C,QAAM,cAAU,yBAAW,kBAAkB;AAC7C,MAAI,EAAC,mCAAS,WAAU;AACtB,UAAM,IAAI,MAAM,uCAAuC;AAAA,EACzD;AACA,aAAO,4BAAc,QAAQ,UAAU,KAAK;AAC9C;AAEA,cAAc,wBAAwB;AAE/B,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AACF,MAAqD;AACnD,QAAM,CAAC,MAAM,OAAO,QAAI,uBAA+B,IAAI;AAE3D,QAAM,oBAAgB,sBAAQ,MAAM;AAClC,UAAM,UAA+B;AAAA,MACnC;AAAA,MACA;AAAA,IACF;AAEA,WAAO,CAAC,UAA8B;AACpC,aACE,4CAAC,mBAAmB,UAAnB;AAAA,QAA4B,OAAO;AAAA,QACjC,gBAAM;AAAA,OACT;AAAA,IAEJ;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;AAEO,MAAM,YAAQ;AAAA,EACnB,SAASA,OAAM,EAAE,UAAU,MAAM,SAAS,GAAe;AACvD,UAAM,cAAU,yBAAW,kBAAkB;AAE7C,QAAI,UAAU,CAAC;AACf,QAAI,aAAa;AAAS,gBAAU;AACpC,QAAI,aAAa;AAAU,gBAAU,CAAC;AACtC,QAAI,aAAa;AAAO,gBAAU;AAElC,+CAA0B,MAAM;AAC9B,UAAI,CAAC;AAAS;AACd,yCAAS,QAAQ;AAAA,IACnB,GAAG,CAAC,MAAM,SAAS,OAAO,CAAC;AAE3B,QAAI,CAAC,SAAS;AACZ,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AACF;",
+  "sourcesContent": ["import {\n  MediaQueryKey,\n  isTouchable,\n  isWeb,\n  useIsomorphicLayoutEffect,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { createContext, createElement, useContext, useMemo, useState } from 'react'\n\nexport type AdaptProps = {\n  when?: MediaQueryKey\n  platform?: 'native' | 'web' | 'touch'\n  children?: any\n}\n\ntype Component = (props: any) => any\ntype AdaptParentContextI = {\n  Contents: Component\n  setWhen: (when: MediaQueryKey) => any\n}\n\nexport const AdaptParentContext = createContext<AdaptParentContextI | null>(null)\n\n// forward props\nexport const AdaptContents = (props: any) => {\n  const context = useContext(AdaptParentContext)\n  if (!context?.Contents) {\n    throw new Error('Adapt not supported by this component')\n  }\n  return createElement(context.Contents, props)\n}\n\nAdaptContents['shouldForwardSpace'] = true\n\nexport const useAdaptParent = ({\n  Contents,\n}: {\n  Contents: AdaptParentContextI['Contents']\n}) => {\n  const [when, setWhen] = useState<MediaQueryKey | null>(null)\n\n  const AdaptProvider = useMemo(() => {\n    const context: AdaptParentContextI = {\n      Contents,\n      setWhen,\n    }\n\n    return (props: { children?: any }) => {\n      return (\n        <AdaptParentContext.Provider value={context}>\n          {props.children}\n        </AdaptParentContext.Provider>\n      )\n    }\n  }, [Contents])\n\n  return {\n    AdaptProvider,\n    when,\n  }\n}\n\nexport const Adapt = withStaticProperties(\n  function Adapt({ platform, when, children }: AdaptProps) {\n    const context = useContext(AdaptParentContext)\n\n    let enabled = !platform\n    if (platform === 'touch') enabled = isTouchable\n    if (platform === 'native') enabled = !isWeb\n    if (platform === 'web') enabled = isWeb\n\n    useIsomorphicLayoutEffect(() => {\n      if (!enabled) return\n      context?.setWhen(when as MediaQueryKey)\n    }, [when, context, enabled])\n\n    if (!enabled) {\n      return null\n    }\n\n    return children\n  },\n  {\n    Contents: AdaptContents,\n  }\n)\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiDQ;AAjDR,kBAMO;AACP,mBAA4E;AAcrE,MAAM,yBAAqB,4BAA0C,IAAI;AAGzE,MAAM,gBAAgB,CAAC,UAAe;AAC3C,QAAM,cAAU,yBAAW,kBAAkB;AAC7C,MAAI,EAAC,mCAAS,WAAU;AACtB,UAAM,IAAI,MAAM,uCAAuC;AAAA,EACzD;AACA,aAAO,4BAAc,QAAQ,UAAU,KAAK;AAC9C;AAEA,cAAc,wBAAwB;AAE/B,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AACF,MAEM;AACJ,QAAM,CAAC,MAAM,OAAO,QAAI,uBAA+B,IAAI;AAE3D,QAAM,oBAAgB,sBAAQ,MAAM;AAClC,UAAM,UAA+B;AAAA,MACnC;AAAA,MACA;AAAA,IACF;AAEA,WAAO,CAAC,UAA8B;AACpC,aACE,4CAAC,mBAAmB,UAAnB;AAAA,QAA4B,OAAO;AAAA,QACjC,gBAAM;AAAA,OACT;AAAA,IAEJ;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;AAEO,MAAM,YAAQ;AAAA,EACnB,SAASA,OAAM,EAAE,UAAU,MAAM,SAAS,GAAe;AACvD,UAAM,cAAU,yBAAW,kBAAkB;AAE7C,QAAI,UAAU,CAAC;AACf,QAAI,aAAa;AAAS,gBAAU;AACpC,QAAI,aAAa;AAAU,gBAAU,CAAC;AACtC,QAAI,aAAa;AAAO,gBAAU;AAElC,+CAA0B,MAAM;AAC9B,UAAI,CAAC;AAAS;AACd,yCAAS,QAAQ;AAAA,IACnB,GAAG,CAAC,MAAM,SAAS,OAAO,CAAC;AAE3B,QAAI,CAAC,SAAS;AACZ,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AACF;",
   "names": ["Adapt"]
 }

package/dist/esm/Adapt.js

@@ -63,6 +63,7 @@ const Adapt = withStaticProperties(
 export {
   Adapt,
   AdaptContents,
+  AdaptParentContext,
   useAdaptParent
 };
 //# sourceMappingURL=Adapt.js.map

package/dist/esm/Adapt.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Adapt.tsx"],
-  "sourcesContent": ["import {\n  MediaQueryKey,\n  isTouchable,\n  isWeb,\n  useIsomorphicLayoutEffect,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { createContext, createElement, useContext, useMemo, useState } from 'react'\n\nexport type AdaptProps = {\n  when?: MediaQueryKey\n  platform?: 'native' | 'web' | 'touch'\n  children?: any\n}\n\ntype Component = (props: any) => any\ntype AdaptParentContextI = {\n  Contents: Component\n  setWhen: (when: MediaQueryKey) => any\n}\n\nconst AdaptParentContext = createContext<AdaptParentContextI | null>(null)\n\n// forward props\nexport const AdaptContents = (props: any) => {\n  const context = useContext(AdaptParentContext)\n  if (!context?.Contents) {\n    throw new Error('Adapt not supported by this component')\n  }\n  return createElement(context.Contents, props)\n}\n\nAdaptContents['shouldForwardSpace'] = true\n\nexport const useAdaptParent = ({\n  Contents,\n}: { Contents: AdaptParentContextI['Contents'] }) => {\n  const [when, setWhen] = useState<MediaQueryKey | null>(null)\n\n  const AdaptProvider = useMemo(() => {\n    const context: AdaptParentContextI = {\n      Contents,\n      setWhen,\n    }\n\n    return (props: { children?: any }) => {\n      return (\n        <AdaptParentContext.Provider value={context}>\n          {props.children}\n        </AdaptParentContext.Provider>\n      )\n    }\n  }, [Contents])\n\n  return {\n    AdaptProvider,\n    when,\n  }\n}\n\nexport const Adapt = withStaticProperties(\n  function Adapt({ platform, when, children }: AdaptProps) {\n    const context = useContext(AdaptParentContext)\n\n    let enabled = !platform\n    if (platform === 'touch') enabled = isTouchable\n    if (platform === 'native') enabled = !isWeb\n    if (platform === 'web') enabled = isWeb\n\n    useIsomorphicLayoutEffect(() => {\n      if (!enabled) return\n      context?.setWhen(when as MediaQueryKey)\n    }, [when, context, enabled])\n\n    if (!enabled) {\n      return null\n    }\n\n    return children\n  },\n  {\n    Contents: AdaptContents,\n  },\n)\n"],
-  "mappings": "AA+CQ;AA/CR;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe,eAAe,YAAY,SAAS,gBAAgB;AAc5E,MAAM,qBAAqB,cAA0C,IAAI;AAGlE,MAAM,gBAAgB,CAAC,UAAe;AAC3C,QAAM,UAAU,WAAW,kBAAkB;AAC7C,MAAI,EAAC,mCAAS,WAAU;AACtB,UAAM,IAAI,MAAM,uCAAuC;AAAA,EACzD;AACA,SAAO,cAAc,QAAQ,UAAU,KAAK;AAC9C;AAEA,cAAc,wBAAwB;AAE/B,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AACF,MAAqD;AACnD,QAAM,CAAC,MAAM,OAAO,IAAI,SAA+B,IAAI;AAE3D,QAAM,gBAAgB,QAAQ,MAAM;AAClC,UAAM,UAA+B;AAAA,MACnC;AAAA,MACA;AAAA,IACF;AAEA,WAAO,CAAC,UAA8B;AACpC,aACE,oBAAC,mBAAmB,UAAnB;AAAA,QAA4B,OAAO;AAAA,QACjC,gBAAM;AAAA,OACT;AAAA,IAEJ;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;AAEO,MAAM,QAAQ;AAAA,EACnB,SAASA,OAAM,EAAE,UAAU,MAAM,SAAS,GAAe;AACvD,UAAM,UAAU,WAAW,kBAAkB;AAE7C,QAAI,UAAU,CAAC;AACf,QAAI,aAAa;AAAS,gBAAU;AACpC,QAAI,aAAa;AAAU,gBAAU,CAAC;AACtC,QAAI,aAAa;AAAO,gBAAU;AAElC,8BAA0B,MAAM;AAC9B,UAAI,CAAC;AAAS;AACd,yCAAS,QAAQ;AAAA,IACnB,GAAG,CAAC,MAAM,SAAS,OAAO,CAAC;AAE3B,QAAI,CAAC,SAAS;AACZ,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AACF;",
+  "sourcesContent": ["import {\n  MediaQueryKey,\n  isTouchable,\n  isWeb,\n  useIsomorphicLayoutEffect,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { createContext, createElement, useContext, useMemo, useState } from 'react'\n\nexport type AdaptProps = {\n  when?: MediaQueryKey\n  platform?: 'native' | 'web' | 'touch'\n  children?: any\n}\n\ntype Component = (props: any) => any\ntype AdaptParentContextI = {\n  Contents: Component\n  setWhen: (when: MediaQueryKey) => any\n}\n\nexport const AdaptParentContext = createContext<AdaptParentContextI | null>(null)\n\n// forward props\nexport const AdaptContents = (props: any) => {\n  const context = useContext(AdaptParentContext)\n  if (!context?.Contents) {\n    throw new Error('Adapt not supported by this component')\n  }\n  return createElement(context.Contents, props)\n}\n\nAdaptContents['shouldForwardSpace'] = true\n\nexport const useAdaptParent = ({\n  Contents,\n}: {\n  Contents: AdaptParentContextI['Contents']\n}) => {\n  const [when, setWhen] = useState<MediaQueryKey | null>(null)\n\n  const AdaptProvider = useMemo(() => {\n    const context: AdaptParentContextI = {\n      Contents,\n      setWhen,\n    }\n\n    return (props: { children?: any }) => {\n      return (\n        <AdaptParentContext.Provider value={context}>\n          {props.children}\n        </AdaptParentContext.Provider>\n      )\n    }\n  }, [Contents])\n\n  return {\n    AdaptProvider,\n    when,\n  }\n}\n\nexport const Adapt = withStaticProperties(\n  function Adapt({ platform, when, children }: AdaptProps) {\n    const context = useContext(AdaptParentContext)\n\n    let enabled = !platform\n    if (platform === 'touch') enabled = isTouchable\n    if (platform === 'native') enabled = !isWeb\n    if (platform === 'web') enabled = isWeb\n\n    useIsomorphicLayoutEffect(() => {\n      if (!enabled) return\n      context?.setWhen(when as MediaQueryKey)\n    }, [when, context, enabled])\n\n    if (!enabled) {\n      return null\n    }\n\n    return children\n  },\n  {\n    Contents: AdaptContents,\n  }\n)\n"],
+  "mappings": "AAiDQ;AAjDR;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe,eAAe,YAAY,SAAS,gBAAgB;AAcrE,MAAM,qBAAqB,cAA0C,IAAI;AAGzE,MAAM,gBAAgB,CAAC,UAAe;AAC3C,QAAM,UAAU,WAAW,kBAAkB;AAC7C,MAAI,EAAC,mCAAS,WAAU;AACtB,UAAM,IAAI,MAAM,uCAAuC;AAAA,EACzD;AACA,SAAO,cAAc,QAAQ,UAAU,KAAK;AAC9C;AAEA,cAAc,wBAAwB;AAE/B,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AACF,MAEM;AACJ,QAAM,CAAC,MAAM,OAAO,IAAI,SAA+B,IAAI;AAE3D,QAAM,gBAAgB,QAAQ,MAAM;AAClC,UAAM,UAA+B;AAAA,MACnC;AAAA,MACA;AAAA,IACF;AAEA,WAAO,CAAC,UAA8B;AACpC,aACE,oBAAC,mBAAmB,UAAnB;AAAA,QAA4B,OAAO;AAAA,QACjC,gBAAM;AAAA,OACT;AAAA,IAEJ;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;AAEO,MAAM,QAAQ;AAAA,EACnB,SAASA,OAAM,EAAE,UAAU,MAAM,SAAS,GAAe;AACvD,UAAM,UAAU,WAAW,kBAAkB;AAE7C,QAAI,UAAU,CAAC;AACf,QAAI,aAAa;AAAS,gBAAU;AACpC,QAAI,aAAa;AAAU,gBAAU,CAAC;AACtC,QAAI,aAAa;AAAO,gBAAU;AAElC,8BAA0B,MAAM;AAC9B,UAAI,CAAC;AAAS;AACd,yCAAS,QAAQ;AAAA,IACnB,GAAG,CAAC,MAAM,SAAS,OAAO,CAAC;AAE3B,QAAI,CAAC,SAAS;AACZ,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AACF;",
   "names": ["Adapt"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/adapt",
-  "version": "1.0.1-rc.6",
+  "version": "1.0.1-rc.7",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -18,10 +18,10 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/core": "^1.0.1-rc.6"
+    "@tamagui/core": "^1.0.1-rc.7"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-rc.6"
+    "@tamagui/build": "^1.0.1-rc.7"
   },
   "publishConfig": {
     "access": "public"

package/src/Adapt.tsx

@@ -19,7 +19,7 @@ type AdaptParentContextI = {
   setWhen: (when: MediaQueryKey) => any
 }
 
-const AdaptParentContext = createContext<AdaptParentContextI | null>(null)
+export const AdaptParentContext = createContext<AdaptParentContextI | null>(null)
 
 // forward props
 export const AdaptContents = (props: any) => {
@@ -34,7 +34,9 @@ AdaptContents['shouldForwardSpace'] = true
 
 export const useAdaptParent = ({
   Contents,
-}: { Contents: AdaptParentContextI['Contents'] }) => {
+}: {
+  Contents: AdaptParentContextI['Contents']
+}) => {
   const [when, setWhen] = useState<MediaQueryKey | null>(null)
 
   const AdaptProvider = useMemo(() => {
@@ -80,5 +82,5 @@ export const Adapt = withStaticProperties(
   },
   {
     Contents: AdaptContents,
-  },
+  }
 )

package/types/Adapt.d.ts

@@ -10,6 +10,7 @@ type AdaptParentContextI = {
     Contents: Component;
     setWhen: (when: MediaQueryKey) => any;
 };
+export declare const AdaptParentContext: import("react").Context<AdaptParentContextI | null>;
 export declare const AdaptContents: {
     (props: any): import("react").FunctionComponentElement<any>;
     shouldForwardSpace: boolean;