@tamagui/spacer 3.0.0-beta.924.1 → 3.0.0

package/src/spacedChildren.tsx

@@ -1,134 +0,0 @@
-import { createComponent } from '@tamagui/web'
-import React from 'react'
-import { Spacer } from './Spacer'
-import { isUnspaced } from './Unspaced'
-import type { SpacedChildrenProps } from './types'
-
-export function spacedChildren(props: SpacedChildrenProps) {
-  const { isZStack, children, space, direction, spaceFlex, separator, ensureKeys } = props
-  const hasSpace = !!(space || spaceFlex)
-  const hasSeparator = !(separator === undefined || separator === null)
-  const areChildrenArray = Array.isArray(children)
-
-  if (!ensureKeys && !(hasSpace || hasSeparator || isZStack)) {
-    return children
-  }
-
-  const childrenList = areChildrenArray
-    ? (children as any[])
-    : React.Children.toArray(children)
-
-  const len = childrenList.length
-  if (len <= 1 && !isZStack && !childrenList[0]?.['type']?.['shouldForwardSpace']) {
-    return children
-  }
-
-  const final: React.ReactNode[] = []
-  for (let [index, child] of childrenList.entries()) {
-    const isEmpty =
-      child === null ||
-      child === undefined ||
-      (Array.isArray(child) && child.length === 0)
-
-    // forward space
-    if (!isEmpty && React.isValidElement(child) && child.type?.['shouldForwardSpace']) {
-      child = React.cloneElement(child, {
-        space,
-        spaceFlex,
-        separator,
-        key: child.key,
-      } as any)
-    }
-
-    // push them all, but wrap some in Fragment
-    if (isEmpty || !child || (child['key'] && !isZStack)) {
-      final.push(child)
-    } else {
-      final.push(
-        <React.Fragment key={`${index}0t`}>
-          {isZStack ? <AbsoluteFill>{child}</AbsoluteFill> : child}
-        </React.Fragment>
-      )
-    }
-
-    // first child unspaced avoid insert space
-    if (isUnspaced(child) && index === 0) continue
-    // no spacing on ZStack
-    if (isZStack) continue
-
-    const next = childrenList[index + 1]
-
-    if (next && !isEmpty && !isUnspaced(next)) {
-      if (separator) {
-        if (hasSpace) {
-          final.push(
-            createSpacer({
-              key: `_${index}_00t`,
-              direction,
-              space,
-              spaceFlex,
-            })
-          )
-        }
-        final.push(<React.Fragment key={`${index}03t`}>{separator}</React.Fragment>)
-        if (hasSpace) {
-          final.push(
-            createSpacer({
-              key: `_${index}01t`,
-              direction,
-              space,
-              spaceFlex,
-            })
-          )
-        }
-      } else {
-        final.push(
-          createSpacer({
-            key: `_${index}02t`,
-            direction,
-            space,
-            spaceFlex,
-          })
-        )
-      }
-    }
-  }
-
-  if (process.env.NODE_ENV === 'development') {
-    if (props.debug) {
-      console.info(`  Spaced children`, final, props)
-    }
-  }
-
-  return final
-}
-
-type CreateSpacerProps = SpacedChildrenProps & { key: string }
-
-function createSpacer({ key, direction, space, spaceFlex }: CreateSpacerProps) {
-  return (
-    <Spacer
-      key={key}
-      // @ts-ignore
-      size={space}
-      // @ts-ignore
-      direction={direction}
-      {...(typeof spaceFlex !== 'undefined' && {
-        flex: spaceFlex === true ? 1 : spaceFlex === false ? 0 : spaceFlex,
-      })}
-    />
-  )
-}
-
-const AbsoluteFill: any = createComponent({
-  defaultProps: {
-    display: 'flex',
-    flexDirection: 'column',
-    position: 'absolute',
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    pointerEvents: 'box-none',
-  },
-})

package/src/types.ts

@@ -1,21 +0,0 @@
-import type { DebugProp, SpaceTokens, SpaceValue } from '@tamagui/web'
-
-export type SpaceDirection = 'vertical' | 'horizontal' | 'both'
-
-export type SpacedChildrenProps = {
-  isZStack?: boolean
-  children?: React.ReactNode
-  space?: SpaceValue
-  spaceFlex?: boolean | number
-  direction?: SpaceDirection
-  separator?: React.ReactNode
-  ensureKeys?: boolean
-  debug?: DebugProp
-}
-
-export type SpaceProps = {
-  space?: SpaceTokens | number
-  spaceDirection?: SpaceDirection
-  separator?: React.ReactNode
-  flex?: SpaceTokens | number | boolean
-}

package/types/Unspaced.d.ts

@@ -1,9 +0,0 @@
-export declare function Unspaced(props: {
-    children?: any;
-}): any;
-export declare namespace Unspaced {
-    var _a: boolean;
-    export { _a as isUnspaced };
-}
-export declare function isUnspaced(child: React.ReactNode): any;
-//# sourceMappingURL=Unspaced.d.ts.map

package/types/Unspaced.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Unspaced.d.ts","sourceRoot":"","sources":["../src/Unspaced.tsx"],"names":[],"mappings":"AACA,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,OAEjD;yBAFe,QAAQ;;;;AAMxB,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,OAGhD"}

package/types/spacedChildren.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { SpacedChildrenProps } from './types';
-export declare function spacedChildren(props: SpacedChildrenProps): React.ReactNode;
-//# sourceMappingURL=spacedChildren.d.ts.map

package/types/spacedChildren.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"spacedChildren.d.ts","sourceRoot":"","sources":["../src/spacedChildren.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,mBAiGxD"}

package/types/types.d.ts

@@ -1,19 +0,0 @@
-import type { DebugProp, SpaceTokens, SpaceValue } from '@tamagui/web';
-export type SpaceDirection = 'vertical' | 'horizontal' | 'both';
-export type SpacedChildrenProps = {
-    isZStack?: boolean;
-    children?: React.ReactNode;
-    space?: SpaceValue;
-    spaceFlex?: boolean | number;
-    direction?: SpaceDirection;
-    separator?: React.ReactNode;
-    ensureKeys?: boolean;
-    debug?: DebugProp;
-};
-export type SpaceProps = {
-    space?: SpaceTokens | number;
-    spaceDirection?: SpaceDirection;
-    separator?: React.ReactNode;
-    flex?: SpaceTokens | number | boolean;
-};
-//# sourceMappingURL=types.d.ts.map

package/types/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEtE,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAA;AAE/D,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,OAAO,CAAA;CACtC,CAAA"}