@tamagui/core 1.0.0-alpha.37 → 1.0.0-alpha.38

package/dist/{esm/helpers → helpers}/getSplitStyles.js

@@ -1,23 +1,16 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import {
-  AllRules,
-  stylePropsText,
-  stylePropsTransform,
-  validStyles,
-  validStylesPseudo
-} from "@tamagui/helpers";
+import { getStylesAtomic, stylePropsText, stylePropsTransform, validStyles } from "@tamagui/helpers";
 import { isWeb } from "../constants/platform";
-import { mediaQueryConfig, mediaState } from "../hooks/useMedia";
+import { getMedia, mediaQueryConfig } from "../hooks/useMedia";
 import { createMediaStyle } from "./createMediaStyle";
 import { fixNativeShadow } from "./fixNativeShadow";
-import { getStylesAtomic } from "./getStylesAtomic";
 import { insertStyleRule } from "./insertStyleRule";
-const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, isSplittingDefaultProps) => {
+const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, internalConfig) => {
   const validStyleProps = staticConfig.isText ? stylePropsText : validStyles;
   const viewProps = {};
   const style = [];
-  let pseudos = null;
+  let psuedos = null;
   let cur = null;
   let classNames = null;
   for (const keyInit in props) {
@@ -29,49 +22,39 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, isSpl
         continue;
       }
       const mediaProps = { ...props, ...valInit };
-      const mediaStyle = getSubStyle(valInit, staticConfig, theme, props);
-      if (isWeb) {
-        const mediaStyles = getStylesAtomic(mediaStyle);
+      const mediaStyle = getSubStyle(valInit, mediaProps, staticConfig, internalConfig);
+      const mediaStyles = getStylesAtomic(mediaStyle);
+      for (const style2 of mediaStyles) {
+        const out2 = createMediaStyle(style2, mediaKey, mediaQueryConfig);
+        classNames = classNames || [];
+        classNames.push(out2.identifier);
+        insertStyleRule(out2.styleRule);
         if (process.env.NODE_ENV === "development") {
-          if (props["debug"]) {
-            console.log("mediaStyles", keyInit, { mediaProps, mediaStyle, mediaStyles });
-          }
-        }
-        for (const style2 of mediaStyles) {
-          const out2 = createMediaStyle(style2, mediaKey, mediaQueryConfig);
-          classNames = classNames || [];
-          classNames.push(out2.identifier);
-          AllRules.add(out2.styleRule);
-          insertStyleRule(out2.styleRule);
-          if (process.env.NODE_ENV === "development" && props["debug"]) {
+          if (props["debug"])
             console.log("mediaProp", style2.identifier, out2, mediaProps, mediaStyle, mediaStyles);
-          }
-        }
-      } else {
-        if (mediaState[mediaKey]) {
-          style.push(mediaStyle);
         }
       }
       continue;
     }
-    if (validStylesPseudo[keyInit]) {
+    const isPseudo = keyInit === "hoverStyle" || keyInit === "pressStyle" || keyInit === "focusStyle";
+    if (isPseudo) {
       if (!valInit)
         continue;
-      pseudos = pseudos || {};
-      pseudos[keyInit] = getSubStyle(valInit, staticConfig, theme, props);
+      psuedos = psuedos || {};
+      psuedos[keyInit] = getSubStyle(valInit, props, staticConfig, internalConfig);
       continue;
     }
-    const out = staticConfig.propMapper(keyInit, valInit, theme, props);
+    const out = staticConfig.propMapper(keyInit, valInit, props);
     const expanded = out === true || !out ? [[keyInit, valInit]] : Object.entries(out);
     for (const [key, val] of expanded) {
       const keyFirstChar = key[0];
       if (key === "style" || keyFirstChar === "_" && key.startsWith("_style")) {
         if (cur) {
-          fixNativeShadow(cur);
+          fixNativeShadow(cur, true);
           style.push(cur);
           cur = null;
         }
-        fixNativeShadow(val);
+        fixNativeShadow(val, true);
         style.push(val);
         continue;
       }
@@ -97,32 +80,32 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, isSpl
         cur[key] = val;
         continue;
       }
-      if (!staticConfig.variants || !(key in staticConfig.variants)) {
+      if (!blacklistProps[key]) {
         viewProps[key] = val;
       }
     }
   }
   if (cur) {
-    fixNativeShadow(cur);
+    fixNativeShadow(cur, true);
     style.push(cur);
   }
   if (process.env.NODE_ENV === "development") {
     if (props["debug"]) {
-      console.log(" \u{1F95A} splitProps:", { props, viewProps, style });
+      console.log(" style debug:", { props, viewProps, style }, getMedia());
     }
   }
   return {
     viewProps,
     style,
-    pseudos,
+    psuedos,
     classNames
   };
 }, "getSplitStyles");
-const getSubStyle = /* @__PURE__ */ __name((styleIn, staticConfig, theme, props) => {
+const getSubStyle = /* @__PURE__ */ __name((styleIn, props, staticConfig, internalConfig) => {
   const styleOut = {};
   for (const key in styleIn) {
     const val = styleIn[key];
-    const out = staticConfig.propMapper(key, val, theme, props);
+    const out = staticConfig.propMapper(key, val, props);
     const expanded = out === true || !out ? [[key, val]] : Object.entries(out);
     for (const [skey, sval] of expanded) {
       if (skey in stylePropsTransform) {
@@ -132,9 +115,17 @@ const getSubStyle = /* @__PURE__ */ __name((styleIn, staticConfig, theme, props)
       }
     }
   }
-  fixNativeShadow(styleOut);
+  fixNativeShadow(styleOut, true);
   return styleOut;
 }, "getSubStyle");
+const blacklistProps = {
+  debug: true,
+  onPress: true,
+  spacing: true,
+  hitSlop: true,
+  ...validStyles,
+  ...stylePropsText
+};
 const mapTransformKeys = {
   x: "translateX",
   y: "translateY"
@@ -144,6 +135,12 @@ const mergeTransform = /* @__PURE__ */ __name((obj, key, val) => {
   transform.push({ [mapTransformKeys[key] || key]: val });
   obj.transform = transform;
 }, "mergeTransform");
+const fullscreenStyle = {
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0
+};
 export {
   getSplitStyles
 };

package/dist/helpers/getSplitStyles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers/getSplitStyles.tsx"],
+  "sourcesContent": ["import { getStylesAtomic, stylePropsText, stylePropsTransform, validStyles } from '@tamagui/helpers'\nimport { ViewProps, ViewStyle } from 'react-native'\n\nimport { isWeb } from '../constants/platform'\nimport { getMedia, mediaQueryConfig } from '../hooks/useMedia'\nimport { StaticConfigParsed, TamaguiInternalConfig } from '../types'\nimport { createMediaStyle } from './createMediaStyle'\nimport { fixNativeShadow } from './fixNativeShadow'\nimport { insertStyleRule } from './insertStyleRule'\n\nexport type SplitStyles = ReturnType<typeof getSplitStyles>\n\nexport const getSplitStyles = (\n  props: { [key: string]: any },\n  staticConfig: StaticConfigParsed,\n  internalConfig: TamaguiInternalConfig\n) => {\n  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles\n  const viewProps: ViewProps = {}\n  const style: any[] = []\n  let psuedos: { hoverStyle?: ViewStyle; pressStyle?: ViewStyle } | null = null\n  let cur: ViewStyle | null = null\n  let classNames: string[] | null = null\n  for (const keyInit in props) {\n    // be sure to sync next few lines below to getSubStyle (*1)\n    const valInit = props[keyInit]\n\n    // media\n    if (keyInit[0] === '$') {\n      const mediaKey = keyInit.slice(1)\n\n      if (!mediaQueryConfig[mediaKey]) {\n        // this isn't a media key, pass through\n        viewProps[keyInit] = valInit\n        continue\n      }\n\n      // dont check if media is active, we just apply *all* media styles\n      // we combine the media props on top regular props, could proxy this\n      // TODO test proxy here instead of merge\n      const mediaProps = { ...props, ...valInit }\n      // TODO media + hover\n      const mediaStyle = getSubStyle(valInit, mediaProps, staticConfig, internalConfig)\n      const mediaStyles = getStylesAtomic(mediaStyle)\n      for (const style of mediaStyles) {\n        const out = createMediaStyle(style, mediaKey, mediaQueryConfig)\n        classNames = classNames || []\n        classNames.push(out.identifier)\n        insertStyleRule(out.styleRule)\n        if (process.env.NODE_ENV === 'development') {\n          if (props['debug'])\n            console.log('mediaProp', style.identifier, out, mediaProps, mediaStyle, mediaStyles)\n        }\n      }\n      continue\n    }\n\n    // pseudo\n    const isPseudo =\n      keyInit === 'hoverStyle' || keyInit === 'pressStyle' || keyInit === 'focusStyle'\n    if (isPseudo) {\n      if (!valInit) continue\n      psuedos = psuedos || {}\n      psuedos[keyInit] = getSubStyle(valInit, props, staticConfig, internalConfig)\n      continue\n    }\n\n    const out = staticConfig.propMapper(keyInit, valInit, props)\n    const expanded = out === true || !out ? [[keyInit, valInit]] : Object.entries(out)\n    for (const [key, val] of expanded) {\n      // const val = valueMap(valInit) ?? valInit\n      const keyFirstChar = key[0]\n      if (key === 'style' || (keyFirstChar === '_' && key.startsWith('_style'))) {\n        if (cur) {\n          // process last\n          fixNativeShadow(cur, true)\n          style.push(cur)\n          cur = null\n        }\n        fixNativeShadow(val, true)\n        style.push(val)\n        continue\n      }\n      // expand flex so it merged with flexShrink etc properly\n      if (key === 'flex') {\n        cur = cur || {}\n        // see spec for flex shorthand https://developer.mozilla.org/en-US/docs/Web/CSS/flex\n        Object.assign(cur, {\n          flexGrow: val,\n          flexShrink: 1,\n        })\n        continue\n      }\n      if (!isWeb && key === 'pointerEvents') {\n        viewProps[key] = val\n        continue\n      }\n      if (validStyleProps[key]) {\n        // transforms\n        if (key in stylePropsTransform) {\n          cur = cur || {}\n          mergeTransform(cur, key, val)\n          continue\n        }\n        cur = cur || {}\n        cur[key] = val\n        continue\n      }\n      // TODO this blacklist should be configurable + better set up\n      if (!blacklistProps[key]) {\n        viewProps[key] = val\n      }\n    }\n  }\n  // push last style\n  if (cur) {\n    fixNativeShadow(cur, true)\n    style.push(cur)\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (props['debug']) {\n      console.log(' style debug:', { props, viewProps, style }, getMedia())\n    }\n  }\n\n  return {\n    viewProps,\n    style,\n    psuedos,\n    classNames,\n  }\n}\n\nconst getSubStyle = (\n  styleIn: Object,\n  props: any,\n  staticConfig: StaticConfigParsed,\n  internalConfig: TamaguiInternalConfig\n): ViewStyle => {\n  const styleOut: ViewStyle = {}\n  for (const key in styleIn) {\n    // be sure to sync next few lines below to loop above (*1)\n    const val = styleIn[key]\n    const out = staticConfig.propMapper(key, val, props)\n    const expanded = out === true || !out ? [[key, val]] : Object.entries(out)\n    for (const [skey, sval] of expanded) {\n      // const sval = valueMap(valInit)\n      if (skey in stylePropsTransform) {\n        mergeTransform(styleOut, skey, sval)\n      } else {\n        styleOut[skey] = sval\n      }\n    }\n  }\n  fixNativeShadow(styleOut, true)\n  return styleOut\n}\n\n// temp\nconst blacklistProps = {\n  debug: true,\n  onPress: true,\n  spacing: true,\n  hitSlop: true,\n  ...validStyles,\n  ...stylePropsText,\n}\n\nconst mapTransformKeys = {\n  x: 'translateX',\n  y: 'translateY',\n}\n\nconst mergeTransform = (obj: ViewStyle, key: string, val: any) => {\n  const transform = obj.transform\n    ? Array.isArray(obj.transform)\n      ? obj.transform\n      : [obj.transform]\n    : []\n  // @ts-expect-error\n  transform.push({ [mapTransformKeys[key] || key]: val })\n  obj.transform = transform\n}\n\n// TODO move otu\nconst fullscreenStyle = {\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n} as const\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/{esm/helpers → helpers}/insertStyleRule.js

@@ -1,16 +1,9 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { isWeb } from "../constants/platform";
 function insertStyleRule(rule) {
   if (typeof window === "undefined") {
     return;
   }
-  if (process.env.NODE_ENV === "development") {
-    if (!isWeb) {
-      console.warn("non web platform, dont use this");
-      return;
-    }
-  }
   const sheet = window.document.styleSheets[0];
   if (!sheet) {
     return;

package/dist/helpers/insertStyleRule.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers/insertStyleRule.tsx"],
+  "sourcesContent": ["export function insertStyleRule(rule: string) {\n  if (typeof window === 'undefined') {\n    return\n  }\n  const sheet = window.document.styleSheets[0]\n  if (!sheet) {\n    return\n  }\n  sheet.insertRule(rule, sheet.cssRules.length)\n}\n"],
+  "mappings": ";;AAAO,yBAAyB,MAAc;AAC5C,MAAI,OAAO,WAAW,aAAa;AACjC;AAAA;AAEF,QAAM,QAAQ,OAAO,SAAS,YAAY;AAC1C,MAAI,CAAC,OAAO;AACV;AAAA;AAEF,QAAM,WAAW,MAAM,MAAM,SAAS;AAAA;AARxB;",
+  "names": []
+}

package/dist/{esm/helpers → helpers}/matchMedia.js

@@ -3,9 +3,6 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
 const matchMedia = typeof window !== "undefined" && window.matchMedia || /* @__PURE__ */ __name(function matchMediaFallback(query) {
   return {
     addListener() {
-      if (process.env.NODE_ENV === "development" && !process.env.IS_STATIC && process.env.TAMAGUI_TARGET !== "web") {
-        console.log("warning: matchMedia not loading! Is native picking up .native.js files?");
-      }
     },
     removeListener() {
     },

package/dist/helpers/matchMedia.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers/matchMedia.ts"],
+  "sourcesContent": ["export const matchMedia =\n  (typeof window !== 'undefined' && window.matchMedia) ||\n  (function matchMediaFallback(query: string) {\n    return {\n      addListener() {},\n      removeListener() {},\n      matches: false,\n    }\n  } as any)\n"],
+  "mappings": ";;AAAO,MAAM,aACV,OAAO,WAAW,eAAe,OAAO,cACxC,mDAA4B,OAAe;AAC1C,SAAO;AAAA,IACL,cAAc;AAAA;AAAA,IACd,iBAAiB;AAAA;AAAA,IACjB,SAAS;AAAA;AAAA,GAJZ;",
+  "names": []
+}

package/dist/{esm/helpers → helpers}/matchMedia.native.js

@@ -2,7 +2,6 @@ var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import MediaQueryList from "@expo/match-media/build/MediaQueryList.js";
 const matchMedia = /* @__PURE__ */ __name((media) => new MediaQueryList(media), "matchMedia");
-globalThis["matchMedia"] = matchMedia;
 export {
   matchMedia
 };

package/dist/{esm/helpers → helpers}/matchMedia.native.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/helpers/matchMedia.native.ts"],
-  "sourcesContent": ["import MediaQueryList from '@expo/match-media/build/MediaQueryList.js'\n\nexport const matchMedia = (media: string) => new MediaQueryList(media)\n\n// @ts-ignore\nglobalThis['matchMedia'] = matchMedia\n"],
-  "mappings": ";;AAAA;AAEO,MAAM,aAAa,wBAAC,UAAkB,IAAI,eAAe,QAAtC;AAG1B,WAAW,gBAAgB;",
+  "sources": ["../../src/helpers/matchMedia.native.ts"],
+  "sourcesContent": ["import MediaQueryList from '@expo/match-media/build/MediaQueryList.js'\n\nexport const matchMedia = (media: string) => new MediaQueryList(media)\n"],
+  "mappings": ";;AAAA;AAEO,MAAM,aAAa,wBAAC,UAAkB,IAAI,eAAe,QAAtC;",
   "names": []
 }

package/dist/helpers/setIfChanged.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { isEqual } from "@dish/fast-compare";
+const setIfChanged = /* @__PURE__ */ __name((setter, next) => {
+  setter((prev) => {
+    console.log("should test if this is the right way to check, merge objects??");
+    const n = { ...prev, ...next };
+    if (isEqual(prev, n)) {
+      return prev;
+    }
+    return n;
+  });
+}, "setIfChanged");
+export {
+  setIfChanged
+};
+//# sourceMappingURL=setIfChanged.js.map

package/dist/helpers/setIfChanged.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers/setIfChanged.tsx"],
+  "sourcesContent": ["import { isEqual } from '@dish/fast-compare'\n\nexport const setIfChanged = (setter: any, next: Object) => {\n  setter((prev) => {\n    console.log('should test if this is the right way to check, merge objects??')\n    const n = { ...prev, ...next }\n    if (isEqual(prev, n)) {\n      return prev\n    }\n    return n\n  })\n}\n"],
+  "mappings": ";;AAAA;AAEO,MAAM,eAAe,wBAAC,QAAa,SAAiB;AACzD,SAAO,CAAC,SAAS;AACf,YAAQ,IAAI;AACZ,UAAM,IAAI,KAAK,SAAS;AACxB,QAAI,QAAQ,MAAM,IAAI;AACpB,aAAO;AAAA;AAET,WAAO;AAAA;AAAA,GAPiB;",
+  "names": []
+}

package/dist/{esm/helpers → helpers}/themeable.js

@@ -17,7 +17,7 @@ const themeable = /* @__PURE__ */ __name(function graphql(component) {
     return el;
   }, "WithTheme"));
   const withTheme = withThemeComponent;
-  withTheme.displayName = `Themed(${(component == null ? void 0 : component.displayName) || (component == null ? void 0 : component.name) || "Anonymous"})`;
+  withTheme.displayName = `Themed(${component?.displayName || component?.name || "Anonymous"})`;
   return withTheme;
 }, "graphql");
 export {

package/dist/{esm/helpers → helpers}/themeable.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/helpers/themeable.tsx"],
-  "sourcesContent": ["import React, { ReactElement, forwardRef } from 'react'\n\nimport { Theme } from '../views/Theme'\nimport { ThemeInverse } from '../views/ThemeInverse'\n\nexport type ThemeableProps = {\n  theme?: string | null\n  themeInverse?: boolean\n}\n\nexport const themeable: ThemeableHOC = function graphql<\n  R extends ReactElement<any, any> | null,\n  P extends ThemeableProps = {}\n>(component: (props: P) => R) {\n  const withThemeComponent = forwardRef(function WithTheme({ themeInverse, ...rest }: P, ref) {\n    const el = React.createElement(component, { ...rest, ref } as any) as R\n    if (themeInverse) {\n      return (<ThemeInverse>{el}</ThemeInverse>) as R\n    }\n    if (rest.theme) {\n      return (<Theme name={rest.theme || null}>{el}</Theme>) as R\n    }\n    return el\n  })\n\n  const withTheme: {\n    (props: P): R\n    displayName: string\n  } = withThemeComponent as any\n\n  withTheme.displayName = `Themed(${\n    (component as any)?.displayName || (component as any)?.name || 'Anonymous'\n  })`\n\n  return withTheme\n}\n\nexport interface ThemeableHOC {\n  <R extends ReactElement<any, any> | null, P extends ThemeableProps = {}>(\n    component: (props: P) => R\n  ): (props: P) => R\n}\n"],
-  "mappings": ";;AAAA;AAEA;AACA;AAOO,MAAM,YAA0B,wCAGrC,WAA4B;AAC5B,QAAM,qBAAqB,WAAW,0CAAmB,EAAE,iBAAiB,QAAW,KAAK;AAC1F,UAAM,KAAK,MAAM,cAAc,WAAW,KAAK,MAAM;AACrD,QAAI,cAAc;AAChB,aAAQ,oCAAC,cAAD,MAAe;AAAA;AAEzB,QAAI,KAAK,OAAO;AACd,aAAQ,oCAAC,OAAD;AAAA,QAAO,MAAM,KAAK,SAAS;AAAA,SAAO;AAAA;AAE5C,WAAO;AAAA,KAR6B;AAWtC,QAAM,YAGF;AAEJ,YAAU,cAAc,UACrB,wCAAmB,gBAAgB,wCAAmB,SAAQ;AAGjE,SAAO;AAAA,GAxB8B;",
+  "sources": ["../../src/helpers/themeable.tsx"],
+  "sourcesContent": ["import React, { ReactElement, forwardRef } from 'react'\n\nimport { Theme } from '../views/Theme'\nimport { ThemeInverse } from '../views/ThemeInverse'\n\nexport type ThemeableProps = {\n  theme?: string | null\n  themeInverse?: boolean\n}\n\nexport const themeable: ThemeableHOC = function graphql<\n  R extends ReactElement<any, any> | null,\n  P extends ThemeableProps = {}\n>(component: (props: P) => R) {\n  const withThemeComponent = forwardRef(function WithTheme({ themeInverse, ...rest }: P, ref) {\n    const el = React.createElement(component, { ...rest, ref } as any) as R\n    if (themeInverse) {\n      return (<ThemeInverse>{el}</ThemeInverse>) as R\n    }\n    if (rest.theme) {\n      // @ts-ignore\n      return (<Theme name={rest.theme || null}>{el}</Theme>) as R\n    }\n    return el\n  })\n\n  const withTheme: {\n    (props: P): R\n    displayName: string\n  } = withThemeComponent as any\n\n  withTheme.displayName = `Themed(${(component as any)?.displayName || (component as any)?.name || 'Anonymous'})`\n\n  return withTheme\n}\n\nexport interface ThemeableHOC {\n  <R extends ReactElement<any, any> | null, P extends ThemeableProps = {}>(component: (props: P) => R): (\n    props: P\n  ) => R\n}\n"],
+  "mappings": ";;AAAA;AAEA;AACA;AAOO,MAAM,YAA0B,wCAGrC,WAA4B;AAC5B,QAAM,qBAAqB,WAAW,0CAAmB,EAAE,iBAAiB,QAAW,KAAK;AAC1F,UAAM,KAAK,MAAM,cAAc,WAAW,KAAK,MAAM;AACrD,QAAI,cAAc;AAChB,aAAQ,oCAAC,cAAD,MAAe;AAAA;AAEzB,QAAI,KAAK,OAAO;AAEd,aAAQ,oCAAC,OAAD;AAAA,QAAO,MAAM,KAAK,SAAS;AAAA,SAAO;AAAA;AAE5C,WAAO;AAAA,KAT6B;AAYtC,QAAM,YAGF;AAEJ,YAAU,cAAc,UAAW,WAAmB,eAAgB,WAAmB,QAAQ;AAEjG,SAAO;AAAA,GAvB8B;",
   "names": []
 }

package/dist/{esm/hooks → hooks}/useConstant.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/hooks/useConstant.tsx"],
+  "sources": ["../../src/hooks/useConstant.tsx"],
   "sourcesContent": ["import { useRef } from 'react'\n\ntype ResultBox<T> = { v: T }\nexport function useConstant<T>(fn: () => T): T {\n  const ref = useRef<ResultBox<T>>()\n  if (!ref.current) {\n    ref.current = { v: fn() }\n  }\n  return ref.current.v\n}\n"],
   "mappings": ";;AAAA;AAGO,qBAAwB,IAAgB;AAC7C,QAAM,MAAM;AACZ,MAAI,CAAC,IAAI,SAAS;AAChB,QAAI,UAAU,EAAE,GAAG;AAAA;AAErB,SAAO,IAAI,QAAQ;AAAA;AALL;",
   "names": []

package/dist/{esm/hooks → hooks}/useFeatures.js

@@ -2,45 +2,41 @@ var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import React from "react";
 import { isWeb, useIsomorphicLayoutEffect } from "../constants/platform";
-import { addMediaQueryListener, mediaState, removeMediaQueryListener } from "./useMedia";
-const createDefinition = /* @__PURE__ */ __name(({
-  Component,
-  propNames
-}) => ({
+import { addMediaQueryListener, removeMediaQueryListener } from "./useMedia";
+const createDefinition = /* @__PURE__ */ __name(({ Component, propNames }) => ({
   isEnabled: (props) => propNames.some((name) => !!props[name]),
   Component
 }), "createDefinition");
-let featureDefinitions = null;
-const useFeatures = /* @__PURE__ */ __name((props, utils) => {
-  if (!featureDefinitions) {
-    featureDefinitions = loadFeatures();
-  }
-  const features = [];
-  for (const name in featureDefinitions) {
-    const { isEnabled, Component } = featureDefinitions[name];
-    if (isEnabled(props) && Component) {
-      features.push(/* @__PURE__ */ React.createElement(Component, {
-        key: name,
-        ...props,
-        _utils: utils
-      }));
-    }
-  }
-  return features;
-}, "useFeatures");
-function loadFeatures() {
-  return {
-    ...!isWeb && {
-      mediaQuery: loadMediaQueryFeature()
-    }
-  };
-}
-__name(loadFeatures, "loadFeatures");
-function loadMediaQueryFeature() {
-  const mediaPropNames = Object.keys(mediaState);
-  return createDefinition({
+const mediaQueryPropNames = [
+  "$xs",
+  "$sm",
+  "$md",
+  "$lg",
+  "$xl",
+  "$xxl",
+  "$pointerCoarse",
+  "$hoverNone",
+  "$tall",
+  "$short",
+  "$gtSm",
+  "$notXs",
+  "$gtMd",
+  "$gtLg"
+];
+const featureDefinitions = {
+  measureLayout: createDefinition({
+    Component: (props) => {
+      console.log("measure", props);
+      return null;
+    },
+    propNames: ["onLayout"]
+  }),
+  mediaQuery: createDefinition({
     Component: (props) => {
-      const keys = mediaPropNames.flatMap((x) => x in props ? x.slice(1) : []);
+      if (isWeb) {
+        return;
+      }
+      const keys = mediaQueryPropNames.flatMap((x) => x in props ? x.slice(1) : []);
       useIsomorphicLayoutEffect(() => {
         for (const key of keys) {
           addMediaQueryListener(key, props._utils.forceUpdate);
@@ -53,10 +49,26 @@ function loadMediaQueryFeature() {
       }, [keys.join(",")]);
       return null;
     },
-    propNames: mediaPropNames
-  });
-}
-__name(loadMediaQueryFeature, "loadMediaQueryFeature");
+    propNames: mediaQueryPropNames
+  })
+};
+const featureNames = Object.keys(featureDefinitions);
+const numFeatures = featureNames.length;
+const useFeatures = /* @__PURE__ */ __name((props, utils) => {
+  const features = [];
+  for (let i = 0; i < numFeatures; i++) {
+    const name = featureNames[i];
+    const { isEnabled, Component } = featureDefinitions[name];
+    if (isEnabled(props) && Component) {
+      features.push(/* @__PURE__ */ React.createElement(Component, {
+        key: name,
+        ...props,
+        _utils: utils
+      }));
+    }
+  }
+  return features;
+}, "useFeatures");
 export {
   useFeatures
 };

package/dist/hooks/useFeatures.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/useFeatures.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nimport { isWeb, useIsomorphicLayoutEffect } from '../constants/platform'\nimport { addMediaQueryListener, removeMediaQueryListener } from './useMedia'\n\n// only needed on native\n// dynamic loading of features to avoid heavy views\n\nconst createDefinition = ({ Component, propNames }: { Component; propNames: string[] }) => ({\n  isEnabled: (props: any) => propNames.some((name) => !!props[name]),\n  Component,\n})\n\nconst mediaQueryPropNames = [\n  '$xs',\n  '$sm',\n  '$md',\n  '$lg',\n  '$xl',\n  '$xxl',\n  '$pointerCoarse',\n  '$hoverNone',\n  '$tall',\n  '$short',\n  '$gtSm',\n  '$notXs',\n  '$gtMd',\n  '$gtLg',\n]\n\nconst featureDefinitions = {\n  measureLayout: createDefinition({\n    Component: (props) => {\n      console.log('measure', props)\n      return null\n    },\n    propNames: ['onLayout'],\n  }),\n\n  // will update the parent whenever media query changes\n  mediaQuery: createDefinition({\n    Component: (props) => {\n      if (isWeb) {\n        // no need for media queries are inserted and run in css\n        return\n      }\n\n      const keys = mediaQueryPropNames.flatMap((x) => (x in props ? x.slice(1) : []))\n      useIsomorphicLayoutEffect(() => {\n        for (const key of keys) {\n          addMediaQueryListener(key, props._utils.forceUpdate)\n        }\n        return () => {\n          for (const key of keys) {\n            removeMediaQueryListener(key, props._utils.forceUpdate)\n          }\n        }\n      }, [keys.join(',')])\n      return null\n    },\n    propNames: mediaQueryPropNames,\n  }),\n}\n\nconst featureNames = Object.keys(featureDefinitions)\nconst numFeatures = featureNames.length\n\nexport const useFeatures = (props: any, utils?: { forceUpdate?: Function }) => {\n  const features: JSX.Element[] = []\n  for (let i = 0; i < numFeatures; i++) {\n    const name = featureNames[i]\n    const { isEnabled, Component } = featureDefinitions[name] as any //FeatureDefinition\n    if (isEnabled(props) && Component) {\n      features.push(<Component key={name} {...props} _utils={utils} />)\n    }\n  }\n  return features\n}\n"],
+  "mappings": ";;AAAA;AAEA;AACA;AAKA,MAAM,mBAAmB,wBAAC,EAAE,WAAW,gBAAqD;AAAA,EAC1F,WAAW,CAAC,UAAe,UAAU,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM;AAAA,EAC5D;AAAA,IAFuB;AAKzB,MAAM,sBAAsB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAGF,MAAM,qBAAqB;AAAA,EACzB,eAAe,iBAAiB;AAAA,IAC9B,WAAW,CAAC,UAAU;AACpB,cAAQ,IAAI,WAAW;AACvB,aAAO;AAAA;AAAA,IAET,WAAW,CAAC;AAAA;AAAA,EAId,YAAY,iBAAiB;AAAA,IAC3B,WAAW,CAAC,UAAU;AACpB,UAAI,OAAO;AAET;AAAA;AAGF,YAAM,OAAO,oBAAoB,QAAQ,CAAC,MAAO,KAAK,QAAQ,EAAE,MAAM,KAAK;AAC3E,gCAA0B,MAAM;AAC9B,mBAAW,OAAO,MAAM;AACtB,gCAAsB,KAAK,MAAM,OAAO;AAAA;AAE1C,eAAO,MAAM;AACX,qBAAW,OAAO,MAAM;AACtB,qCAAyB,KAAK,MAAM,OAAO;AAAA;AAAA;AAAA,SAG9C,CAAC,KAAK,KAAK;AACd,aAAO;AAAA;AAAA,IAET,WAAW;AAAA;AAAA;AAIf,MAAM,eAAe,OAAO,KAAK;AACjC,MAAM,cAAc,aAAa;AAE1B,MAAM,cAAc,wBAAC,OAAY,UAAuC;AAC7E,QAAM,WAA0B;AAChC,WAAS,IAAI,GAAG,IAAI,aAAa,KAAK;AACpC,UAAM,OAAO,aAAa;AAC1B,UAAM,EAAE,WAAW,cAAc,mBAAmB;AACpD,QAAI,UAAU,UAAU,WAAW;AACjC,eAAS,KAAK,oCAAC,WAAD;AAAA,QAAW,KAAK;AAAA,WAAU;AAAA,QAAO,QAAQ;AAAA;AAAA;AAAA;AAG3D,SAAO;AAAA,GATkB;",
+  "names": []
+}

package/dist/hooks/useForceUpdate.js

@@ -0,0 +1,28 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { useEffect, useRef, useState } from "react";
+function useForceUpdate() {
+  const setState = useState(0)[1];
+  const internal = useRef();
+  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;
+}
+__name(useForceUpdate, "useForceUpdate");
+export {
+  useForceUpdate
+};
+//# sourceMappingURL=useForceUpdate.js.map

package/dist/hooks/useForceUpdate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/useForceUpdate.tsx"],
+  "sourcesContent": ["import { useEffect, useRef, useState } from 'react'\n\n// ensures no updates after unmount\n\nexport function useForceUpdate() {\n  const setState = useState(0)[1]\n  const internal = useRef<{ update: Function; isMounted: boolean }>()\n  if (!internal.current) {\n    internal.current = {\n      isMounted: true,\n      update: () => {\n        if (internal.current!.isMounted) {\n          setState(Math.random())\n        }\n      },\n    }\n  }\n\n  useEffect(() => {\n    return () => {\n      internal.current!.isMounted = false\n    }\n  }, [])\n\n  return internal.current.update\n}\n"],
+  "mappings": ";;AAAA;AAIO,0BAA0B;AAC/B,QAAM,WAAW,SAAS,GAAG;AAC7B,QAAM,WAAW;AACjB,MAAI,CAAC,SAAS,SAAS;AACrB,aAAS,UAAU;AAAA,MACjB,WAAW;AAAA,MACX,QAAQ,MAAM;AACZ,YAAI,SAAS,QAAS,WAAW;AAC/B,mBAAS,KAAK;AAAA;AAAA;AAAA;AAAA;AAMtB,YAAU,MAAM;AACd,WAAO,MAAM;AACX,eAAS,QAAS,YAAY;AAAA;AAAA,KAE/B;AAEH,SAAO,SAAS,QAAQ;AAAA;AApBV;",
+  "names": []
+}

package/dist/{esm/hooks → hooks}/useMedia.js

@@ -1,10 +1,10 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { useForceUpdate } from "@tamagui/use-force-update";
 import { useRef } from "react";
 import { useIsomorphicLayoutEffect } from "../constants/platform";
 import { matchMedia } from "../helpers/matchMedia";
 import { useConstant } from "./useConstant";
+import { useForceUpdate } from "./useForceUpdate";
 const mediaState = {};
 const mediaQueryListeners = {};
 const addMediaQueryListener = /* @__PURE__ */ __name((key, cb) => {
@@ -12,24 +12,22 @@ const addMediaQueryListener = /* @__PURE__ */ __name((key, cb) => {
   mediaQueryListeners[key].add(cb);
 }, "addMediaQueryListener");
 const removeMediaQueryListener = /* @__PURE__ */ __name((key, cb) => {
-  var _a;
-  (_a = mediaQueryListeners[key]) == null ? void 0 : _a.delete(cb);
+  mediaQueryListeners[key].delete(cb);
 }, "removeMediaQueryListener");
-let conf = null;
+let hasConfigured = false;
+let mediaQueryConfigObject = null;
 const mediaQueryConfig = new Proxy({}, {
   get(target, key) {
-    if (!conf) {
-      console.warn("Warning: accessing media query before init");
-      return null;
+    if (!mediaQueryConfigObject) {
+      throw new Error(`Be sure to run configureMedia before accessing mediaQueryConfig`);
     }
-    return Reflect.get(conf, key);
+    return Reflect.get(mediaQueryConfigObject, key);
   },
   ownKeys() {
-    if (!conf) {
-      console.warn("Warning: accessing media query before init");
-      return [];
+    if (!mediaQueryConfigObject) {
+      throw new Error(`Be sure to run configureMedia before accessing mediaQueryConfig`);
     }
-    return Object.keys(conf);
+    return Object.keys(mediaQueryConfigObject);
   },
   getOwnPropertyDescriptor() {
     return {
@@ -39,7 +37,7 @@ const mediaQueryConfig = new Proxy({}, {
   }
 });
 const getMedia = /* @__PURE__ */ __name(() => {
-  if (!conf) {
+  if (!hasConfigured) {
     throw new Error(`not configured yet`);
   }
   return mediaState;
@@ -48,13 +46,13 @@ const configureMedia = /* @__PURE__ */ __name(({
   queries,
   defaultActive = ["sm", "xs"]
 } = {}) => {
-  var _a;
-  if (conf) {
+  if (hasConfigured) {
     console.warn(`Already configured mediaQueries once (you may have called getMedia() before configureMedia())`);
+    return;
   }
-  if (queries) {
-    conf = queries;
-  }
+  hasConfigured = true;
+  if (queries)
+    mediaQueryConfigObject = queries;
   for (const key in queries) {
     const str = mediaObjectToString(queries[key]);
     try {
@@ -70,7 +68,7 @@ const configureMedia = /* @__PURE__ */ __name(({
           return;
         mediaState[key] = next;
         const listeners = mediaQueryListeners[key];
-        if (listeners == null ? void 0 : listeners.size) {
+        if (listeners?.size) {
           for (const cb of [...listeners]) {
             cb();
           }
@@ -78,7 +76,7 @@ const configureMedia = /* @__PURE__ */ __name(({
       });
     } catch (err) {
       console.error("Error running media query", str, err.message, err.stack);
-      const isDefaultActive = (_a = defaultActive == null ? void 0 : defaultActive.includes(key)) != null ? _a : true;
+      const isDefaultActive = defaultActive?.includes(key) ?? true;
       mediaState[key] = isDefaultActive;
     }
   }

package/dist/hooks/useMedia.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/useMedia.tsx"],
+  "sourcesContent": ["import { useRef } from 'react'\n\nimport { useIsomorphicLayoutEffect } from '../constants/platform'\nimport { matchMedia } from '../helpers/matchMedia'\nimport {\n  ConfigureMediaQueryOptions,\n  MediaQueries,\n  MediaQueryObject,\n  MediaQueryState,\n} from '../types'\nimport { useConstant } from './useConstant'\nimport { useForceUpdate } from './useForceUpdate'\n\n// For now disabled customization of media queries, but a lot of the initial steps are in place\n\nexport const mediaState: { [key in keyof MediaQueryState]: boolean } = {} as any\nconst mediaQueryListeners: { [key: string]: Set<Function> } = {}\n\nexport const addMediaQueryListener = (key: string, cb: any) => {\n  mediaQueryListeners[key] = mediaQueryListeners[key] || new Set()\n  mediaQueryListeners[key].add(cb)\n}\n\nexport const removeMediaQueryListener = (key: string, cb: any) => {\n  mediaQueryListeners[key].delete(cb)\n}\n\nlet hasConfigured = false\nlet mediaQueryConfigObject: MediaQueries | null = null\n\nexport const mediaQueryConfig = new Proxy<MediaQueries>({} as any, {\n  get(target, key) {\n    if (!mediaQueryConfigObject) {\n      throw new Error(`Be sure to run configureMedia before accessing mediaQueryConfig`)\n    }\n    return Reflect.get(mediaQueryConfigObject, key)\n  },\n  ownKeys() {\n    if (!mediaQueryConfigObject) {\n      throw new Error(`Be sure to run configureMedia before accessing mediaQueryConfig`)\n    }\n    return Object.keys(mediaQueryConfigObject)\n  },\n  getOwnPropertyDescriptor() {\n    return {\n      enumerable: true,\n      configurable: true,\n    }\n  },\n})\n\nexport const getMedia = () => {\n  if (!hasConfigured) {\n    throw new Error(`not configured yet`)\n  }\n  return mediaState\n}\n\nexport const configureMedia = ({\n  queries,\n  defaultActive = ['sm', 'xs'],\n}: ConfigureMediaQueryOptions = {}) => {\n  if (hasConfigured) {\n    console.warn(\n      `Already configured mediaQueries once (you may have called getMedia() before configureMedia())`\n    )\n    return\n  }\n  hasConfigured = true\n  if (queries) mediaQueryConfigObject = queries\n\n  // setup\n  for (const key in queries) {\n    const str = mediaObjectToString(queries[key])\n    try {\n      const getMatch = () => matchMedia(str)\n      const match = getMatch()\n      if (!match || typeof match.addListener !== 'function') {\n        // caught below\n        throw new Error('\u26A0\uFE0F No match (seeing this in RN sometimes)')\n      }\n      mediaState[key] = !!match.matches\n      match.addListener(() => {\n        const next = !!getMatch().matches\n        if (next === mediaState[key]) return\n        mediaState[key] = next\n        const listeners = mediaQueryListeners[key]\n        if (listeners?.size) {\n          for (const cb of [...listeners]) {\n            cb()\n          }\n        }\n      })\n    } catch (err: any) {\n      console.error('Error running media query', str, err.message, err.stack)\n      const isDefaultActive = defaultActive?.includes(key as any) ?? true\n      mediaState[key] = isDefaultActive\n    }\n  }\n}\n\ntype UseMediaState = {\n  selections: { [key: string]: boolean }\n  nextSelections: { [key: string]: boolean }\n  isRendering: boolean\n  isUnmounted: boolean\n}\n\nexport const useMedia = () => {\n  const forceUpdate = useForceUpdate()\n  const state = useRef() as React.MutableRefObject<UseMediaState>\n  if (!state.current) {\n    state.current = {\n      selections: {},\n      nextSelections: {},\n      isUnmounted: false,\n      isRendering: true,\n    }\n  }\n  state.current.isRendering = true\n\n  // track usage\n  useIsomorphicLayoutEffect(() => {\n    const st = state.current\n    st.isRendering = false\n    // delete old\n    for (const key in st.selections) {\n      if (!(key in st.nextSelections)) {\n        removeMediaQueryListener(key, forceUpdate)\n      }\n    }\n    // add new\n    for (const key in st.nextSelections) {\n      if (!(key in st.selections)) {\n        addMediaQueryListener(key, forceUpdate)\n      }\n    }\n  })\n\n  // unmount\n  useIsomorphicLayoutEffect(() => {\n    return () => {\n      const st = state.current\n      st.isUnmounted = true\n      const allKeys = {\n        ...st.selections,\n        ...st.nextSelections,\n      }\n      for (const key in allKeys) {\n        removeMediaQueryListener(key, forceUpdate)\n      }\n    }\n  }, [])\n\n  return useConstant(() => {\n    const st = state.current\n    return new Proxy(mediaState, {\n      get(target, key: string) {\n        if (!(key in mediaState)) {\n          return Reflect.get(target, key)\n        }\n        if (!st.isUnmounted) {\n          if (st.isRendering) {\n            st.nextSelections[key] = true\n          }\n        }\n        if (key in mediaState) {\n          return mediaState[key]\n        }\n        return Reflect.get(mediaState, key)\n      },\n    })\n  })\n}\n\nfunction camelToHyphen(str: string) {\n  return str.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`).toLowerCase()\n}\n\nexport function mediaObjectToString(query: string | MediaQueryObject) {\n  if (typeof query === 'string') {\n    return query\n  }\n  return Object.entries(query)\n    .map(([feature, value]) => {\n      feature = camelToHyphen(feature)\n      if (typeof value === 'string') {\n        return `(${feature}: ${value})`\n      }\n      if (typeof value === 'number' && /[height|width]$/.test(feature)) {\n        value = `${value}px`\n      }\n      return `(${feature}: ${value})`\n    })\n    .join(' and ')\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/{esm/hooks → hooks}/usePressable.js

@@ -1,8 +1,7 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var _a, _b;
 import { Pressable } from "react-native";
-const getPressable = (_b = (_a = Pressable) == null ? void 0 : _a["type"]) == null ? void 0 : _b["render"];
+const getPressable = Pressable?.["type"]?.["render"];
 const usePressable = /* @__PURE__ */ __name((props) => {
   const out = getPressable(props);
   const { children, style, ...pressableProps } = out.props;

package/dist/{esm/hooks → hooks}/usePressable.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/hooks/usePressable.tsx"],
+  "sources": ["../../src/hooks/usePressable.tsx"],
   "sourcesContent": ["import { Pressable, PressableProps } from 'react-native'\n\nconst getPressable = Pressable?.['type']?.['render']\n\nexport const usePressable = (props: PressableProps) => {\n  const out = getPressable(props)\n  const { children, style, ...pressableProps } = out.props\n  return [pressableProps, style] as const\n}\n"],
-  "mappings": ";;AAAA;AAAA;AAEA,MAAM,eAAe,6CAAY,YAAZ,mBAAsB;AAEpC,MAAM,eAAe,wBAAC,UAA0B;AACrD,QAAM,MAAM,aAAa;AACzB,QAAM,EAAE,UAAU,UAAU,mBAAmB,IAAI;AACnD,SAAO,CAAC,gBAAgB;AAAA,GAHE;",
+  "mappings": ";;AAAA;AAEA,MAAM,eAAe,YAAY,UAAU;AAEpC,MAAM,eAAe,wBAAC,UAA0B;AACrD,QAAM,MAAM,aAAa;AACzB,QAAM,EAAE,UAAU,UAAU,mBAAmB,IAAI;AACnD,SAAO,CAAC,gBAAgB;AAAA,GAHE;",
   "names": []
 }