@ankhorage/zora 4.4.1 → 5.0.0

package/src/patterns/zora-drawer-content/ZoraDrawerContent.tsx

@@ -1,60 +0,0 @@
-import { DrawerNavigation as SurfaceDrawerNavigation } from '@ankhorage/surface';
-import React from 'react';
-
-import {
-  createDrawerItemPressHandler,
-  resolveNavigationItems,
-} from '../../internal/resolveZoraNavigationItems';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { ZoraDrawerContentProps } from './types';
-
-function ZoraDrawerContentInner({
-  themeId: _themeId,
-  mode: _mode,
-  interactionPolicy,
-  state,
-  navigation,
-  descriptors,
-  routeMap,
-  compact = false,
-  header,
-  footer,
-  testID,
-}: ZoraDrawerContentProps) {
-  const resolved = resolveNavigationItems({
-    state,
-    descriptors,
-    routeMap,
-    kind: 'drawer',
-  });
-
-  const items = resolved.map((item) => ({
-    id: item.route.key,
-    label: item.label,
-    icon: item.metadata?.icon,
-    badge: item.metadata?.badge,
-    active: item.active,
-    disabled: item.disabled,
-    onPress: createDrawerItemPressHandler({ item, navigation }),
-    accessibilityLabel: item.metadata?.accessibilityLabel,
-    testID: item.metadata?.testID,
-  }));
-
-  return (
-    <SurfaceDrawerNavigation
-      compact={compact}
-      footer={footer}
-      header={header}
-      interactionPolicy={interactionPolicy}
-      items={items}
-      testID={testID}
-    />
-  );
-}
-
-/***
- * Standard drawer content pattern for ZORA navigation lists.
- *
- 
- */
-export const ZoraDrawerContent = withZoraThemeScope(ZoraDrawerContentInner);

package/src/patterns/zora-drawer-content/index.ts

@@ -1,2 +0,0 @@
-export type { ZoraDrawerContentProps } from './types';
-export { ZoraDrawerContent } from './ZoraDrawerContent';

package/src/patterns/zora-drawer-content/meta.ts

@@ -1,10 +0,0 @@
-import type { ZoraComponentMeta } from '../../metadata';
-
-export const zoraDrawerContentMeta = {
-  name: 'ZoraDrawerContent',
-  category: 'pattern',
-  directManifestNode: false,
-  allowedChildren: [],
-  note: 'Navigation chrome pattern; not represented as a manifest node in v1.',
-  props: {},
-} as const satisfies ZoraComponentMeta;

package/src/patterns/zora-drawer-content/types.ts

@@ -1,20 +0,0 @@
-import type React from 'react';
-
-import type { ZoraNavigationRouteMap } from '../../components/navigation-list';
-import type {
-  ZoraDrawerNavigation,
-  ZoraNavigationDescriptors,
-  ZoraNavigationState,
-} from '../../internal/resolveZoraNavigationItems';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-
-export interface ZoraDrawerContentProps extends ZoraBaseProps {
-  state: ZoraNavigationState;
-  navigation: ZoraDrawerNavigation;
-  descriptors?: ZoraNavigationDescriptors | undefined;
-  routeMap?: ZoraNavigationRouteMap | undefined;
-  compact?: boolean;
-  header?: React.ReactNode;
-  footer?: React.ReactNode;
-  testID?: string;
-}

package/src/patterns/zora-tab-bar/ZoraTabBar.tsx

@@ -1,157 +0,0 @@
-import React from 'react';
-import { Pressable, Text as ReactNativeText } from 'react-native';
-
-import { Icon } from '../../components/icon';
-import { Box, Surface } from '../../foundation';
-import {
-  createTabBarItemPressHandler,
-  resolveNavigationItems,
-} from '../../internal/resolveZoraNavigationItems';
-import { useZoraTheme } from '../../theme/useZoraTheme';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import type { ZoraTabBarProps } from './types';
-
-function resolveAccessibilityLabel(
-  label: React.ReactNode,
-  explicitLabel?: string,
-): string | undefined {
-  if (explicitLabel !== undefined) {
-    return explicitLabel;
-  }
-
-  if (typeof label === 'string') {
-    return label;
-  }
-
-  if (typeof label === 'number') {
-    return String(label);
-  }
-
-  return undefined;
-}
-
-function ZoraTabBarInner({
-  themeId: _themeId,
-  mode: _mode,
-  interactionPolicy,
-  state,
-  navigation,
-  descriptors,
-  insets,
-  routeMap,
-  compact = false,
-  chrome = 'raised',
-  testID,
-}: ZoraTabBarProps) {
-  const { theme } = useZoraTheme();
-  const resolved = resolveNavigationItems({
-    state,
-    descriptors,
-    routeMap,
-    kind: 'tab',
-  });
-
-  const bottomInset = insets?.bottom ?? 0;
-  const minHeight = compact ? 56 : 64;
-  const labelSize = compact ? theme.typography.sizes.xs : theme.typography.sizes.s;
-  const labelWeight = theme.typography.weights.medium;
-  const content = (
-    <Box
-      bg="surface"
-      style={{
-        borderTopColor: theme.semantics.border.default,
-        borderTopWidth: 1,
-        flexDirection: 'row',
-        minHeight: minHeight + bottomInset,
-        paddingBottom: bottomInset,
-      }}
-      testID={testID}
-    >
-      {resolved.map((item) => {
-        const { active } = item;
-        const { disabled } = item;
-        const contentColor = disabled
-          ? theme.semantics.content.subtle
-          : active
-            ? theme.semantics.action.primary.base
-            : theme.semantics.content.muted;
-        const backgroundColor = active
-          ? theme.semantics.action.primary.softBg
-          : theme.semantics.surface.default;
-
-        return (
-          <Pressable
-            accessibilityLabel={resolveAccessibilityLabel(
-              item.label,
-              item.metadata?.accessibilityLabel,
-            )}
-            accessibilityRole="tab"
-            accessibilityState={{ selected: active, disabled }}
-            disabled={disabled}
-            key={item.route.key}
-            onPress={
-              interactionPolicy === 'passive'
-                ? undefined
-                : createTabBarItemPressHandler({ item, navigation })
-            }
-            style={{
-              alignItems: 'center',
-              backgroundColor,
-              flex: 1,
-              justifyContent: 'center',
-              minHeight,
-              opacity: disabled ? 0.48 : 1,
-              paddingHorizontal: theme.spacing.s,
-              paddingVertical: compact ? theme.spacing.xs : theme.spacing.s,
-            }}
-            testID={
-              item.metadata?.testID ?? (testID ? `${testID}-item-${item.route.key}` : undefined)
-            }
-          >
-            {item.metadata?.icon ? (
-              <Icon
-                {...item.metadata.icon}
-                color={contentColor}
-                size={compact ? theme.spacing.m : theme.spacing.l}
-              />
-            ) : null}
-            <ReactNativeText
-              numberOfLines={1}
-              style={{
-                color: contentColor,
-                fontSize: labelSize,
-                fontWeight: labelWeight,
-                lineHeight: compact ? 16 : 20,
-                marginTop: item.metadata?.icon ? theme.spacing.xs : 0,
-                textAlign: 'center',
-              }}
-            >
-              {item.label}
-            </ReactNativeText>
-          </Pressable>
-        );
-      })}
-    </Box>
-  );
-
-  if (chrome === 'none') {
-    return content;
-  }
-
-  return (
-    <Surface
-      interactionPolicy={interactionPolicy}
-      testID={testID ? `${testID}-chrome` : undefined}
-      variant="raised"
-    >
-      {content}
-    </Surface>
-  );
-}
-
-/***
- * Bottom tab bar pattern with badge support and active state styling.
- *
- 
- */
-export const ZoraTabBar = withZoraThemeScope(ZoraTabBarInner);

package/src/patterns/zora-tab-bar/index.ts

@@ -1,2 +0,0 @@
-export type { ZoraTabBarProps } from './types';
-export { ZoraTabBar } from './ZoraTabBar';

package/src/patterns/zora-tab-bar/meta.ts

@@ -1,10 +0,0 @@
-import type { ZoraComponentMeta } from '../../metadata';
-
-export const zoraTabBarMeta = {
-  name: 'ZoraTabBar',
-  category: 'pattern',
-  directManifestNode: false,
-  allowedChildren: [],
-  note: 'Navigation chrome pattern; not represented as a manifest node in v1.',
-  props: {},
-} as const satisfies ZoraComponentMeta;

package/src/patterns/zora-tab-bar/types.ts

@@ -1,18 +0,0 @@
-import type { ZoraNavigationRouteMap } from '../../components/navigation-list';
-import type {
-  ZoraNavigationDescriptors,
-  ZoraNavigationState,
-  ZoraTabBarNavigation,
-} from '../../internal/resolveZoraNavigationItems';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-
-export interface ZoraTabBarProps extends ZoraBaseProps {
-  state: ZoraNavigationState;
-  navigation: ZoraTabBarNavigation;
-  descriptors?: ZoraNavigationDescriptors | undefined;
-  insets?: { top?: number; bottom?: number; left?: number; right?: number } | undefined;
-  routeMap?: ZoraNavigationRouteMap | undefined;
-  compact?: boolean;
-  chrome?: 'none' | 'raised';
-  testID?: string;
-}