@ankhorage/surface 4.3.0 → 4.4.0

package/src/theme/ThemeContext.tsx

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useMemo } from 'react';
+import React, { createContext, use, useMemo } from 'react';
 
 import { useFontContext } from '../context/FontContext';
 import { ResponsiveProvider } from '../core/responsive/ResponsiveProvider';
@@ -43,7 +43,6 @@ export const ThemeProvider = ({
   const [mode, setMode] = React.useState<'light' | 'dark'>(initialMode);
   const { activeFontId } = useFontContext();
 
-  // Keep state in sync with prop for real-time Studio updates
   React.useEffect(() => {
     if (initialConfig) {
       setConfig((prev) => {
@@ -73,15 +72,15 @@ export const ThemeProvider = ({
 
   return (
     <ResponsiveProvider>
-      <ThemeContext.Provider value={value}>
+      <ThemeContext value={value}>
         <OverlayProvider>{children}</OverlayProvider>
-      </ThemeContext.Provider>
+      </ThemeContext>
     </ResponsiveProvider>
   );
 };
 
 export const useTheme = () => {
-  return useContext(ThemeContext);
+  return use(ThemeContext);
 };
 
 export const useThemeConfig = () => {

package/src/types/popover.ts

@@ -0,0 +1,25 @@
+import type React from 'react';
+
+import type { InteractionPolicy } from '../interactionPolicy';
+
+export type PopoverPlacement =
+  'bottom-start' | 'bottom' | 'bottom-end' | 'top-start' | 'top' | 'top-end';
+
+export interface PopoverAnchorRenderProps {
+  close: () => void;
+  open: boolean;
+  toggle: () => void;
+}
+
+export interface PopoverProps {
+  anchor: (controls: PopoverAnchorRenderProps) => React.ReactNode;
+  children?: React.ReactNode;
+  closeOnOutsidePress?: boolean;
+  defaultOpen?: boolean;
+  interactionPolicy?: InteractionPolicy;
+  offset?: number;
+  onOpenChange?: ((open: boolean) => void) | undefined;
+  open?: boolean;
+  placement?: PopoverPlacement;
+  testID?: string;
+}

package/src/{components/toast/types.ts → types/toast.ts}

@@ -1,7 +1,7 @@
 import type React from 'react';
 
-import type { InteractionPolicy } from '../../interactionPolicy';
-import type { SurfaceStatusColor } from '../../surfaceColor';
+import type { InteractionPolicy } from '../interactionPolicy';
+import type { SurfaceStatusColor } from '../surfaceColor';
 
 export type ToastStatus = 'default' | SurfaceStatusColor;
 
@@ -18,3 +18,13 @@ export interface ToastOptions extends Omit<ToastProps, 'onDismiss'> {
   duration?: number;
   id?: string;
 }
+
+export interface ToastProviderProps {
+  children: React.ReactNode;
+  defaultDuration?: number;
+}
+
+export interface ToastController {
+  dismissToast: (id: string) => void;
+  showToast: (options: ToastOptions) => string;
+}

package/dist/components/toast/Toast.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAgC1C,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,WAAW,EACX,MAAkB,EAClB,SAAS,EACT,iBAA6B,EAC7B,MAAM,GACP,EAAE,UAAU,qBA0CZ"}

package/dist/components/toast/Toast.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/components/toast/Toast.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Pressable } from 'react-native';\n\nimport { Box } from '../../features/layout/public';\nimport { Surface } from '../../features/surface/public';\nimport { Text } from '../../features/typography/public';\nimport { Inline } from '../../layout';\nimport type { SurfaceColor } from '../../surfaceColor';\nimport { useTheme } from '../../theme/ThemeContext';\nimport type { SurfaceTheme } from '../../theme/types';\nimport type { ToastProps } from './types';\n\nfunction resolveToastStatusColor(theme: SurfaceTheme, status: ToastProps['status']) {\n  switch (status) {\n    case 'success':\n      return theme.semantics.success.base;\n    case 'warning':\n      return theme.semantics.warning.base;\n    case 'error':\n      return theme.semantics.error.base;\n    case 'info':\n      return theme.semantics.info.base;\n    default:\n      return theme.semantics.action.primary.base;\n  }\n}\n\nfunction resolveToastStatusTextColor(status: ToastProps['status']): SurfaceColor {\n  switch (status) {\n    case 'success':\n      return 'success';\n    case 'warning':\n      return 'warning';\n    case 'error':\n      return 'error';\n    case 'info':\n      return 'info';\n    default:\n      return 'primary';\n  }\n}\n\nexport function Toast({\n  title,\n  description,\n  status = 'default',\n  onDismiss,\n  interactionPolicy = 'enabled',\n  testID,\n}: ToastProps) {\n  const { theme } = useTheme();\n  const statusColor = resolveToastStatusColor(theme, status);\n  const statusTextColor = resolveToastStatusTextColor(status);\n  const passive = interactionPolicy === 'passive';\n\n  return (\n    <Surface\n      p=\"m\"\n      style={{\n        borderLeftColor: statusColor,\n        borderLeftWidth: 3,\n        minWidth: 280,\n        shadowOpacity: 0.14,\n        shadowRadius: 12,\n        shadowOffset: { width: 0, height: 6 },\n      }}\n      testID={testID}\n      variant=\"raised\"\n    >\n      <Inline align=\"center\" justify=\"space-between\">\n        <Box flex={1}>\n          {title ? (\n            <Text variant=\"label\" weight=\"medium\">\n              {title}\n            </Text>\n          ) : null}\n          {description ? <Text emphasis=\"muted\">{description}</Text> : null}\n        </Box>\n        {onDismiss ? (\n          <Pressable\n            accessibilityLabel=\"Dismiss notification\"\n            accessibilityRole=\"button\"\n            onPress={passive ? undefined : onDismiss}\n            testID={testID ? `${testID}-dismiss` : undefined}\n          >\n            <Text color={statusTextColor}>×</Text>\n          </Pressable>\n        ) : null}\n      </Inline>\n    </Surface>\n  );\n}\n"]}

package/dist/components/toast/ToastProvider.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { ToastOptions } from './types';
-interface ToastContextValue {
-    dismissToast: (id: string) => void;
-    showToast: (options: ToastOptions) => string;
-}
-export declare function ToastProvider({ children, defaultDuration, }: {
-    children: React.ReactNode;
-    defaultDuration?: number;
-}): React.JSX.Element;
-export declare function useToast(): ToastContextValue;
-export {};
-//# sourceMappingURL=ToastProvider.d.ts.map

package/dist/components/toast/ToastProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../src/components/toast/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAM5C,UAAU,iBAAiB;IACzB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,MAAM,CAAC;CAC9C;AAMD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,eAAsB,GACvB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,qBA6EA;AAED,wBAAgB,QAAQ,sBAQvB"}

package/dist/components/toast/ToastProvider.js

@@ -1,70 +0,0 @@
-import React from 'react';
-import { Stack } from '../../features/layout/public';
-import { Portal } from '../../internal/overlay/Portal';
-import { resolveOverlayAnimation } from '../../internal/resolvers';
-import { Toast } from './Toast';
-const ToastContext = React.createContext(null);
-let toastCounter = 0;
-export function ToastProvider({ children, defaultDuration = 4000, }) {
-    const [toasts, setToasts] = React.useState([]);
-    const animation = resolveOverlayAnimation('toast');
-    const timersRef = React.useRef(new Map());
-    const dismissToast = React.useCallback((id) => {
-        const timer = timersRef.current.get(id);
-        if (timer) {
-            clearTimeout(timer);
-            timersRef.current.delete(id);
-        }
-        setToasts((current) => current.filter((toast) => toast.id !== id));
-    }, []);
-    const showToast = React.useCallback((options) => {
-        const id = options.id ?? `toast-${toastCounter++}`;
-        setToasts((current) => [...current, { ...options, id }]);
-        return id;
-    }, []);
-    React.useEffect(() => {
-        toasts.forEach((toast) => {
-            if (timersRef.current.has(toast.id)) {
-                return;
-            }
-            const timer = setTimeout(() => {
-                dismissToast(toast.id);
-            }, toast.duration ?? defaultDuration);
-            timersRef.current.set(toast.id, timer);
-        });
-        const activeToastIds = new Set(toasts.map((toast) => toast.id));
-        timersRef.current.forEach((timer, id) => {
-            if (!activeToastIds.has(id)) {
-                clearTimeout(timer);
-                timersRef.current.delete(id);
-            }
-        });
-    }, [defaultDuration, dismissToast, toasts]);
-    React.useEffect(() => {
-        const timers = timersRef.current;
-        return () => {
-            timers.forEach((timer) => clearTimeout(timer));
-            timers.clear();
-        };
-    }, []);
-    return (<ToastContext.Provider value={{ dismissToast, showToast }}>
-      {children}
-      <Portal layer="toast" visible={toasts.length > 0}>
-        <Stack gap="s" pointerEvents="box-none" style={{
-            alignItems: 'flex-end',
-            padding: 16,
-            paddingTop: 16 + animation.offset,
-        }}>
-          {toasts.map((toast) => (<Toast description={toast.description} key={toast.id} onDismiss={() => dismissToast(toast.id)} status={toast.status} testID={toast.testID} title={toast.title}/>))}
-        </Stack>
-      </Portal>
-    </ToastContext.Provider>);
-}
-export function useToast() {
-    const context = React.useContext(ToastContext);
-    if (!context) {
-        throw new Error('useToast must be used within <ToastProvider>.');
-    }
-    return context;
-}
-//# sourceMappingURL=ToastProvider.js.map

package/dist/components/toast/ToastProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastProvider.js","sourceRoot":"","sources":["../../../src/components/toast/ToastProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Stack } from '../../features/layout/public';\nimport { Portal } from '../../internal/overlay/Portal';\nimport { resolveOverlayAnimation } from '../../internal/resolvers';\nimport { Toast } from './Toast';\nimport type { ToastOptions } from './types';\n\ninterface ToastEntry extends ToastOptions {\n  id: string;\n}\n\ninterface ToastContextValue {\n  dismissToast: (id: string) => void;\n  showToast: (options: ToastOptions) => string;\n}\n\nconst ToastContext = React.createContext<ToastContextValue | null>(null);\n\nlet toastCounter = 0;\n\nexport function ToastProvider({\n  children,\n  defaultDuration = 4000,\n}: {\n  children: React.ReactNode;\n  defaultDuration?: number;\n}) {\n  const [toasts, setToasts] = React.useState<ToastEntry[]>([]);\n  const animation = resolveOverlayAnimation('toast');\n  const timersRef = React.useRef(new Map<string, ReturnType<typeof setTimeout>>());\n\n  const dismissToast = React.useCallback((id: string) => {\n    const timer = timersRef.current.get(id);\n    if (timer) {\n      clearTimeout(timer);\n      timersRef.current.delete(id);\n    }\n    setToasts((current) => current.filter((toast) => toast.id !== id));\n  }, []);\n\n  const showToast = React.useCallback((options: ToastOptions) => {\n    const id = options.id ?? `toast-${toastCounter++}`;\n    setToasts((current) => [...current, { ...options, id }]);\n    return id;\n  }, []);\n\n  React.useEffect(() => {\n    toasts.forEach((toast) => {\n      if (timersRef.current.has(toast.id)) {\n        return;\n      }\n\n      const timer = setTimeout(() => {\n        dismissToast(toast.id);\n      }, toast.duration ?? defaultDuration);\n\n      timersRef.current.set(toast.id, timer);\n    });\n\n    const activeToastIds = new Set(toasts.map((toast) => toast.id));\n    timersRef.current.forEach((timer, id) => {\n      if (!activeToastIds.has(id)) {\n        clearTimeout(timer);\n        timersRef.current.delete(id);\n      }\n    });\n  }, [defaultDuration, dismissToast, toasts]);\n\n  React.useEffect(() => {\n    const timers = timersRef.current;\n    return () => {\n      timers.forEach((timer) => clearTimeout(timer));\n      timers.clear();\n    };\n  }, []);\n\n  return (\n    <ToastContext.Provider value={{ dismissToast, showToast }}>\n      {children}\n      <Portal layer=\"toast\" visible={toasts.length > 0}>\n        <Stack\n          gap=\"s\"\n          pointerEvents=\"box-none\"\n          style={{\n            alignItems: 'flex-end',\n            padding: 16,\n            paddingTop: 16 + animation.offset,\n          }}\n        >\n          {toasts.map((toast) => (\n            <Toast\n              description={toast.description}\n              key={toast.id}\n              onDismiss={() => dismissToast(toast.id)}\n              status={toast.status}\n              testID={toast.testID}\n              title={toast.title}\n            />\n          ))}\n        </Stack>\n      </Portal>\n    </ToastContext.Provider>\n  );\n}\n\nexport function useToast() {\n  const context = React.useContext(ToastContext);\n\n  if (!context) {\n    throw new Error('useToast must be used within <ToastProvider>.');\n  }\n\n  return context;\n}\n"]}

package/dist/components/toast/index.d.ts

@@ -1,4 +0,0 @@
-export { Toast } from './Toast';
-export { ToastProvider, useToast } from './ToastProvider';
-export type { ToastOptions, ToastProps, ToastStatus } from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/toast/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC1D,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/toast/index.js

@@ -1,3 +0,0 @@
-export { Toast } from './Toast';
-export { ToastProvider, useToast } from './ToastProvider';
-//# sourceMappingURL=index.js.map

package/dist/components/toast/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { Toast } from './Toast';\nexport { ToastProvider, useToast } from './ToastProvider';\nexport type { ToastOptions, ToastProps, ToastStatus } from './types';\n"]}

package/dist/components/toast/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/toast/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE7D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,kBAAkB,CAAC;AAEzD,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACrC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb"}

package/dist/components/toast/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/components/toast/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/toast/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { InteractionPolicy } from '../../interactionPolicy';\nimport type { SurfaceStatusColor } from '../../surfaceColor';\n\nexport type ToastStatus = 'default' | SurfaceStatusColor;\n\nexport interface ToastProps {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  status?: ToastStatus;\n  onDismiss?: (() => void) | undefined;\n  interactionPolicy?: InteractionPolicy;\n  testID?: string;\n}\n\nexport interface ToastOptions extends Omit<ToastProps, 'onDismiss'> {\n  duration?: number;\n  id?: string;\n}\n"]}

package/src/components/toast/ToastProvider.tsx

@@ -1,115 +0,0 @@
-import React from 'react';
-
-import { Stack } from '../../features/layout/public';
-import { Portal } from '../../internal/overlay/Portal';
-import { resolveOverlayAnimation } from '../../internal/resolvers';
-import { Toast } from './Toast';
-import type { ToastOptions } from './types';
-
-interface ToastEntry extends ToastOptions {
-  id: string;
-}
-
-interface ToastContextValue {
-  dismissToast: (id: string) => void;
-  showToast: (options: ToastOptions) => string;
-}
-
-const ToastContext = React.createContext<ToastContextValue | null>(null);
-
-let toastCounter = 0;
-
-export function ToastProvider({
-  children,
-  defaultDuration = 4000,
-}: {
-  children: React.ReactNode;
-  defaultDuration?: number;
-}) {
-  const [toasts, setToasts] = React.useState<ToastEntry[]>([]);
-  const animation = resolveOverlayAnimation('toast');
-  const timersRef = React.useRef(new Map<string, ReturnType<typeof setTimeout>>());
-
-  const dismissToast = React.useCallback((id: string) => {
-    const timer = timersRef.current.get(id);
-    if (timer) {
-      clearTimeout(timer);
-      timersRef.current.delete(id);
-    }
-    setToasts((current) => current.filter((toast) => toast.id !== id));
-  }, []);
-
-  const showToast = React.useCallback((options: ToastOptions) => {
-    const id = options.id ?? `toast-${toastCounter++}`;
-    setToasts((current) => [...current, { ...options, id }]);
-    return id;
-  }, []);
-
-  React.useEffect(() => {
-    toasts.forEach((toast) => {
-      if (timersRef.current.has(toast.id)) {
-        return;
-      }
-
-      const timer = setTimeout(() => {
-        dismissToast(toast.id);
-      }, toast.duration ?? defaultDuration);
-
-      timersRef.current.set(toast.id, timer);
-    });
-
-    const activeToastIds = new Set(toasts.map((toast) => toast.id));
-    timersRef.current.forEach((timer, id) => {
-      if (!activeToastIds.has(id)) {
-        clearTimeout(timer);
-        timersRef.current.delete(id);
-      }
-    });
-  }, [defaultDuration, dismissToast, toasts]);
-
-  React.useEffect(() => {
-    const timers = timersRef.current;
-    return () => {
-      timers.forEach((timer) => clearTimeout(timer));
-      timers.clear();
-    };
-  }, []);
-
-  return (
-    <ToastContext.Provider value={{ dismissToast, showToast }}>
-      {children}
-      <Portal layer="toast" visible={toasts.length > 0}>
-        <Stack
-          gap="s"
-          pointerEvents="box-none"
-          style={{
-            alignItems: 'flex-end',
-            padding: 16,
-            paddingTop: 16 + animation.offset,
-          }}
-        >
-          {toasts.map((toast) => (
-            <Toast
-              description={toast.description}
-              key={toast.id}
-              onDismiss={() => dismissToast(toast.id)}
-              status={toast.status}
-              testID={toast.testID}
-              title={toast.title}
-            />
-          ))}
-        </Stack>
-      </Portal>
-    </ToastContext.Provider>
-  );
-}
-
-export function useToast() {
-  const context = React.useContext(ToastContext);
-
-  if (!context) {
-    throw new Error('useToast must be used within <ToastProvider>.');
-  }
-
-  return context;
-}

package/src/components/toast/index.ts

@@ -1,3 +0,0 @@
-export { Toast } from './Toast';
-export { ToastProvider, useToast } from './ToastProvider';
-export type { ToastOptions, ToastProps, ToastStatus } from './types';