@tamagui/core 1.0.1-beta.139 → 1.0.1-beta.142

package/src/helpers/extendStaticConfig.ts

@@ -0,0 +1,76 @@
+import { stylePropsView } from '@tamagui/helpers'
+
+import { StaticConfig, StaticConfigParsed, StylableComponent } from '../types'
+import { createPropMapper } from './createPropMapper'
+import { mergeProps } from './mergeProps'
+
+export function extendStaticConfig(config: Partial<StaticConfig>, parent?: StylableComponent) {
+  if (!parent || !('staticConfig' in parent)) {
+    return parseStaticConfig(config)
+  }
+
+  const parentStaticConf = parent.staticConfig as StaticConfig
+  const variants = {
+    ...parentStaticConf.variants,
+  }
+
+  // merge variants... can we type this?
+  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]
+      }
+    }
+  }
+
+  // include our own
+  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: config.ensureOverriddenProp ?? parentStaticConf.ensureOverriddenProp,
+    validStyles: config.validStyles
+      ? {
+          ...parentStaticConf.validStyles,
+          ...config.validStyles,
+        }
+      : parentStaticConf.validStyles || stylePropsView,
+    defaultProps: mergeProps(
+      {
+        ...parentStaticConf.defaultProps,
+        ...parentStaticConf.defaultVariants,
+      },
+      {
+        ...config.defaultProps,
+        ...config.defaultVariants,
+      }
+    )[0],
+  })
+}
+
+export const parseStaticConfig = (config: Partial<StaticConfig>): StaticConfigParsed => {
+  const parsed = {
+    defaultProps: {},
+    ...config,
+    parsed: true,
+  } as const
+  return {
+    ...parsed,
+    propMapper: createPropMapper(parsed as StaticConfigParsed),
+  }
+}

package/src/helpers/fixNativeShadow.tsx

@@ -0,0 +1,2 @@
+// only native of course
+export const fixNativeShadow = (a: any) => {}

package/src/helpers/getAnimationDriver.tsx

@@ -0,0 +1,5 @@
+import { getConfig } from '../config'
+
+export function getAnimationDriver() {
+  return getConfig().animations
+}

package/src/helpers/getExpandedShorthands.ts

@@ -0,0 +1,15 @@
+import { getConfig } from '../config'
+import { Shorthands } from '../types'
+
+export function getExpandedShorthands<A extends Object>(props: A): Omit<A, keyof Shorthands> {
+  const shorthands = getConfig().shorthands
+  if (!shorthands) {
+    return props
+  }
+  const res: A = {} as any
+  for (const key in props) {
+    // @ts-ignore
+    res[shorthands[key] || key] = props[key]
+  }
+  return res
+}

package/src/helpers/getFont.tsx

@@ -0,0 +1,40 @@
+import { getVariableValue } from '../createVariable'
+import { FontSizeTokens, TextProps, VariantSpreadFunction } from '../types'
+
+export const getFont: VariantSpreadFunction<TextProps, FontSizeTokens> = (
+  val = '$4',
+  { fonts, theme, props }
+) => {
+  const family = getVariableValue(props.fontFamily) || '$body'
+  const font = fonts[family] || fonts['$body']
+  if (!font) {
+    console.warn('⚠️ no font found', { family, fontTokens: Object.keys(fonts), val })
+    return {} as any
+  }
+  const fontFamily = font.family
+  const fontSize = props.fontSize || font.size[val]
+  const lineHeight = props.lineHeight || font.lineHeight[val]
+  const fontWeight = props.fontWeight || font.weight[val]
+  const letterSpacing = props.letterSpacing || font.letterSpacing[val]
+  const fontStyle = props.fontStyle || font.style?.[val]
+  const textTransform = props.textTransform || font.transform?.[val]
+  const color = props.color || font.color?.[val] || theme.color
+  const style = {
+    color,
+    fontStyle,
+    textTransform,
+    fontFamily,
+    fontWeight,
+    letterSpacing,
+    fontSize,
+    lineHeight,
+  }
+  if (process.env.NODE_ENV === 'development') {
+    if (props['debug']) {
+      console.groupCollapsed('  🔹 getFont', val, props['fontWeight'], props['fow'])
+      console.log({ style, props, font })
+      console.groupEnd()
+    }
+  }
+  return style
+}

package/src/helpers/getFontLanguage.ts

@@ -0,0 +1,2 @@
+export const getFontLanguage = (fontFamily: string) =>
+  fontFamily.includes('_') ? fontFamily.split('_')[1] : null

package/src/helpers/getSize.ts

@@ -0,0 +1,22 @@
+import { getTokens } from '../config'
+import { SizeTokens, SpaceTokens } from '../types'
+
+export const getSize = (size?: SizeTokens | undefined, shift = 0, bounds = [0]) => {
+  return stepTokenUpOrDown(getTokens().size, size, shift, bounds)
+}
+
+export const stepTokenUpOrDown = (
+  tokens: Object,
+  current?: SizeTokens | SpaceTokens | string,
+  shift = 0,
+  bounds = [0]
+) => {
+  const sizeNames = Object.keys(tokens)
+  const currentKeyNum = (typeof current === 'string' ? current.replace('$', '') : current) || '4'
+  const nextKeyName = `$${+currentKeyNum + shift}`
+  const min = bounds[0] ?? 0
+  const max = bounds[1] ?? sizeNames.length - 1
+  const index = Math.min(max, Math.max(min, sizeNames.indexOf(nextKeyName)))
+  const key = sizeNames[index]
+  return tokens[key] || tokens['$4']
+}