@tamagui/core 1.0.1-beta.76 → 1.0.1-beta.79

package/dist/jsx/helpers/createPropMapper.js

@@ -1,243 +0,0 @@
-import { getConfig } from "../conf";
-import { isWeb } from "../constants/platform";
-import { isVariable } from "../createVariable";
-import { expandStyle, expandStyles } from "./generateAtomicStyles";
-import { getVariantExtras } from "./getVariantExtras";
-import { isObj } from "./isObj";
-const getReturnVariablesAs = (props, state) => {
-  return !!props.animation || state.resolveVariablesAs === "value" ? isWeb ? "non-color-value" : "value" : "auto";
-};
-const createPropMapper = (staticConfig) => {
-  const variants = staticConfig.variants || {};
-  const defaultProps = staticConfig.defaultProps || {};
-  const mapper = (key, value, theme, propsIn, state, avoidDefaultProps = false, debug) => {
-    const conf = getConfig();
-    if (!conf) {
-      console.trace("no conf! err");
-      return;
-    }
-    const props = state.fallbackProps || propsIn;
-    const returnVariablesAs = getReturnVariablesAs(props, state);
-    const fontFamily = props.fontFamily || defaultProps.fontFamily || "$body";
-    const variantValue = resolveVariants(key, value, props, defaultProps, theme, variants, fontFamily, conf, returnVariablesAs, staticConfig, "", avoidDefaultProps);
-    if (variantValue) {
-      return variantValue;
-    }
-    let shouldReturn = value !== void 0 && value !== null;
-    if (conf.shorthands[key]) {
-      shouldReturn = true;
-      key = conf.shorthands[key];
-    }
-    if (value) {
-      if (value[0] === "$") {
-        value = getToken(key, value, conf, theme, fontFamily, returnVariablesAs, debug);
-      } else if (isVariable(value)) {
-        value = getVariableValue(key, value, returnVariablesAs);
-      }
-    }
-    if (shouldReturn) {
-      return expandStyle(key, value) || [[key, value]];
-    }
-  };
-  return mapper;
-};
-const resolveVariants = (key, value, props, defaultProps, theme, variants, fontFamily, conf, returnVariablesAs, staticConfig, parentVariantKey, avoidDefaultProps = false, debug) => {
-  var _a;
-  const variant = variants && variants[key];
-  if (variant && value !== void 0) {
-    let variantValue = getVariantDefinition(variant, key, value);
-    if (variantValue) {
-      if (typeof variantValue === "function") {
-        const fn = variantValue;
-        variantValue = fn(value, getVariantExtras(props, theme, defaultProps, avoidDefaultProps));
-      }
-      if (isObj(variantValue)) {
-        variantValue = resolveTokensAndVariants(key, variantValue, props, defaultProps, theme, variants, fontFamily, conf, returnVariablesAs, staticConfig, parentVariantKey, avoidDefaultProps, debug);
-      }
-      return Object.entries(expandStyles(variantValue));
-    } else {
-      if (process.env.NODE_ENV === "development") {
-        if ((_a = staticConfig.validStyles) == null ? void 0 : _a[key]) {
-          return null;
-        }
-        if (value === false) {
-          return null;
-        }
-        const name = staticConfig.componentName || "[UnnamedComponent]";
-        console.warn(`No variant found: ${name} has variant "${key}", but no matching value "${value}"`);
-      }
-      return null;
-    }
-  }
-};
-const resolveTokensAndVariants = (key, value, props, defaultProps, theme, variants, fontFamily, conf, returnVariablesAs, staticConfig, parentVariantKey, avoidDefaultProps, debug) => {
-  var _a;
-  let res = {};
-  for (const rKey in value) {
-    const fKey = conf.shorthands[rKey] || rKey;
-    const val = value[rKey];
-    if (isVariable(val)) {
-      res[fKey] = !isWeb || returnVariablesAs === "value" ? val.val : val.variable;
-    } else if (variants[fKey]) {
-      if (parentVariantKey === key) {
-        res[fKey] = val;
-      } else {
-        res = {
-          ...res,
-          ...Object.fromEntries(resolveVariants(fKey, val, props, defaultProps, theme, variants, fontFamily, conf, returnVariablesAs, staticConfig, key, avoidDefaultProps, debug))
-        };
-      }
-    } else if (typeof val === "string") {
-      const fVal = val[0] === "$" ? getToken(fKey, val, conf, theme, fontFamily, returnVariablesAs, debug) : val;
-      res[fKey] = fVal;
-    } else {
-      if (isObj(val)) {
-        res[fKey] = resolveTokensAndVariants(fKey, val, props, defaultProps, theme, variants, fontFamily, conf, returnVariablesAs, staticConfig, key, avoidDefaultProps, debug);
-      } else {
-        res[fKey] = value[fKey];
-      }
-    }
-    if (process.env.NODE_ENV === "development") {
-      if (((_a = res[fKey]) == null ? void 0 : _a[0]) === "$") {
-        console.warn(`\u26A0\uFE0F Missing token in theme ${theme.name}:`, fKey, res[fKey]);
-      }
-    }
-  }
-  return res;
-};
-function getVariantDefinition(variant, key, value) {
-  if (typeof variant === "function") {
-    return variant;
-  }
-  for (const cat in tokenCategories) {
-    if (key in tokenCategories[cat]) {
-      const spreadVariant = variant[`...${cat}`];
-      if (spreadVariant) {
-        return spreadVariant;
-      }
-    }
-  }
-  let fn;
-  if (typeof value === "number") {
-    fn = variant[":number"];
-  } else if (typeof value === "string") {
-    fn = variant[":string"];
-  } else if (value === true || value === false) {
-    fn = variant[":boolean"];
-  }
-  fn = fn || variant[value];
-  return fn || variant["..."] || variant["...size"];
-}
-const fontShorthand = {
-  fontSize: "size",
-  fontWeight: "weight"
-};
-const getToken = (key, value, { tokensParsed, fontsParsed }, theme, fontFamily = "$body", resolveAs, debug) => {
-  var _a, _b, _c;
-  let valOrVar;
-  let hasSet = false;
-  if (theme[value]) {
-    valOrVar = theme[value];
-    hasSet = true;
-  } else {
-    switch (key) {
-      case "fontFamily":
-        valOrVar = ((_a = fontsParsed[value]) == null ? void 0 : _a.family) || value;
-        hasSet = true;
-        break;
-      case "fontSize":
-      case "lineHeight":
-      case "letterSpacing":
-      case "fontWeight":
-        valOrVar = ((_c = (_b = fontsParsed[fontFamily]) == null ? void 0 : _b[fontShorthand[key] || key]) == null ? void 0 : _c[value]) || value;
-        hasSet = true;
-        break;
-    }
-    for (const cat in tokenCategories) {
-      if (key in tokenCategories[cat]) {
-        const res = tokensParsed[cat][value];
-        if (res) {
-          valOrVar = res;
-          hasSet = true;
-        }
-      }
-    }
-    if (!hasSet) {
-      const spaceVar = tokensParsed.space[value];
-      if (spaceVar) {
-        valOrVar = spaceVar;
-        hasSet = true;
-      }
-    }
-  }
-  if (hasSet) {
-    return getVariableValue(key, valOrVar, resolveAs);
-  }
-  if (process.env.NODE_ENV === "development") {
-    if (value && value[0] === "$") {
-      console.warn(`\u26A0\uFE0F You've passed the value "${value}" to the style property "${key}", but there's no theme or token with the key "${value}". Using theme "${theme.name}".
-
-Set the debug prop to true to see more detailed debug information.`);
-      if (debug) {
-        if (typeof window !== "undefined") {
-          console.log("Looked in:");
-          console.log("Theme:", theme);
-          console.log("Tokens:", tokensParsed);
-          console.log("Fonts:", fontsParsed);
-        }
-      }
-      return null;
-    }
-  }
-  return value;
-};
-function getVariableValue(key, valOrVar, resolveAs = "auto") {
-  if (isVariable(valOrVar)) {
-    if (resolveAs === "variable") {
-      return valOrVar;
-    }
-    if (resolveAs === "non-color-value") {
-      if (isWeb) {
-        if (key in tokenCategories.color) {
-          return valOrVar.variable;
-        }
-      }
-      return valOrVar.val;
-    }
-    if (!isWeb || resolveAs === "value") {
-      return valOrVar.val;
-    }
-    return valOrVar.variable;
-  }
-  return valOrVar;
-}
-const tokenCategories = {
-  radius: {
-    borderRadius: true,
-    borderTopLeftRadius: true,
-    borderTopRightRadius: true,
-    borderBottomLeftRadius: true,
-    borderBottomRightRadius: true
-  },
-  size: {
-    width: true,
-    height: true,
-    minWidth: true,
-    minHeight: true,
-    maxWidth: true,
-    maxHeight: true
-  },
-  color: {
-    color: true,
-    backgroundColor: true,
-    borderColor: true,
-    borderBottomColor: true,
-    borderTopColor: true,
-    borderLeftColor: true,
-    borderRightColor: true
-  }
-};
-export {
-  createPropMapper,
-  getReturnVariablesAs
-};

package/dist/jsx/helpers/createShallowUpdate.js

@@ -1,16 +0,0 @@
-import { useCallback } from "react";
-function createShallowUpdate(setter) {
-  return useCallback((next) => {
-    setter((prev) => {
-      for (const key in next) {
-        if (prev[key] !== next[key]) {
-          return { ...prev, ...next };
-        }
-      }
-      return prev;
-    });
-  }, [setter]);
-}
-export {
-  createShallowUpdate
-};

package/dist/jsx/helpers/createTamaguiProvider.js

@@ -1,28 +0,0 @@
-import * as React from "react";
-import { ButtonInsideButtonContext } from "../contexts/ButtonInsideButtonContext";
-import { TextAncestorProvider } from "../views/TextAncestorContext";
-import { ThemeProvider } from "../views/ThemeProvider";
-function createTamaguiProvider(config) {
-  return function TamaguiProvider({
-    disableInjectCSS,
-    children,
-    ...themePropsProvider
-  }) {
-    if (typeof document !== "undefined") {
-      React.useLayoutEffect(() => {
-        if (disableInjectCSS)
-          return;
-        const style = document.createElement("style");
-        style.appendChild(document.createTextNode(config.getCSS()));
-        document.head.appendChild(style);
-        return () => {
-          document.head.removeChild(style);
-        };
-      }, [disableInjectCSS]);
-    }
-    return <ButtonInsideButtonContext.Provider value={false}><TextAncestorProvider><ThemeProvider themes={config.themes} defaultTheme={config.defaultTheme || "light"} themeClassNameOnRoot={config.themeClassNameOnRoot} disableRootThemeClass={config.disableRootThemeClass} {...themePropsProvider}>{children}</ThemeProvider></TextAncestorProvider></ButtonInsideButtonContext.Provider>;
-  };
-}
-export {
-  createTamaguiProvider
-};

package/dist/jsx/helpers/extendStaticConfig.js

@@ -1,62 +0,0 @@
-import { stylePropsView } from "@tamagui/helpers";
-import { createPropMapper } from "./createPropMapper";
-import { mergeProps } from "./mergeProps";
-function extendStaticConfig(config, parent) {
-  var _a;
-  if (!parent || !("staticConfig" in parent)) {
-    return parseStaticConfig(config);
-  }
-  const parentStaticConf = parent.staticConfig;
-  const variants = {
-    ...parentStaticConf.variants
-  };
-  if (config.variants) {
-    for (const key in config.variants) {
-      if (variants[key]) {
-        variants[key] = {
-          ...variants[key],
-          ...config.variants[key]
-        };
-      } else {
-        variants[key] = config.variants[key];
-      }
-    }
-  }
-  const parentNames = [...parentStaticConf.parentNames || []];
-  if (parentStaticConf.componentName) {
-    parentNames.push(parentStaticConf.componentName);
-  }
-  return parseStaticConfig({
-    ...parentStaticConf,
-    ...config,
-    variants,
-    parentNames,
-    isZStack: config.isZStack || parentStaticConf.isZStack,
-    isText: config.isText || parentStaticConf.isText || false,
-    isInput: config.isInput || parentStaticConf.isInput || false,
-    neverFlatten: config.neverFlatten || parentStaticConf.neverFlatten,
-    ensureOverriddenProp: (_a = config.ensureOverriddenProp) != null ? _a : parentStaticConf.ensureOverriddenProp,
-    validStyles: config.validStyles ? {
-      ...parentStaticConf.validStyles,
-      ...config.validStyles
-    } : parentStaticConf.validStyles || stylePropsView,
-    defaultProps: mergeProps({
-      ...parentStaticConf.defaultProps,
-      ...parentStaticConf.defaultVariants
-    }, {
-      ...config.defaultProps,
-      ...config.defaultVariants
-    })
-  });
-}
-const parseStaticConfig = (config) => {
-  return {
-    ...config,
-    parsed: true,
-    propMapper: createPropMapper(config)
-  };
-};
-export {
-  extendStaticConfig,
-  parseStaticConfig
-};

package/dist/jsx/helpers/fixNativeShadow.js

@@ -1,5 +0,0 @@
-const fixNativeShadow = (a) => {
-};
-export {
-  fixNativeShadow
-};

package/dist/jsx/helpers/fixNativeShadow.native.js

@@ -1,28 +0,0 @@
-const matchRgbaHsla = /(rgba|hsla)\(\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,})\s*\)$/;
-function fixNativeShadow(props) {
-  var _a, _b;
-  if (!props.shadowColor || props.shadowColor === "transparent") {
-    return;
-  }
-  if (!props.shadowOffset) {
-    props.shadowOffset = {
-      width: 0,
-      height: 0
-    };
-  }
-  const c = String(props.shadowColor);
-  if ((c[0] === "r" || c[0] === "h") && c[3] === "a") {
-    const [_, type, _1, _2, _3, a] = c.match(matchRgbaHsla) || [];
-    if (typeof a !== "string") {
-      console.trace("invalid", c, type);
-      throw new Error(`invalid style`);
-    }
-    props.shadowColor = `${type.replace("a", "")}(${_1},${_2},${_3})`;
-    props.shadowOpacity = (_a = props.shadowOpacity) != null ? _a : +a;
-  } else {
-    props.shadowOpacity = (_b = props.shadowOpacity) != null ? _b : 1;
-  }
-}
-export {
-  fixNativeShadow
-};