jfs-components 0.0.42 → 0.0.44

package/src/components/Toast/useToast.ts

@@ -0,0 +1,80 @@
+import { useCallback, useSyncExternalStore } from 'react'
+
+export type ToastPlacement = 'top' | 'bottom'
+
+export interface ToastOptions {
+  title: string
+  timeout?: number
+  onClose?: () => void
+  modes?: Record<string, any>
+}
+
+export interface ToastEntry {
+  id: string
+  title: string
+  timeout: number
+  onClose?: (() => void) | undefined
+  modes?: Record<string, any> | undefined
+}
+
+type Listener = () => void
+
+let idCounter = 0
+let toasts: ToastEntry[] = []
+const listeners = new Set<Listener>()
+
+function emit() {
+  for (const listener of listeners) {
+    listener()
+  }
+}
+
+function getSnapshot(): ToastEntry[] {
+  return toasts
+}
+
+function subscribe(listener: Listener): () => void {
+  listeners.add(listener)
+  return () => {
+    listeners.delete(listener)
+  }
+}
+
+export function addToast(options: ToastOptions): string {
+  const id = `toast-${++idCounter}`
+  const entry: ToastEntry = {
+    id,
+    title: options.title,
+    timeout: options.timeout ?? 4000,
+    onClose: options.onClose,
+    modes: options.modes,
+  }
+  toasts = [...toasts, entry]
+  emit()
+  return id
+}
+
+export function closeToast(id: string): void {
+  const entry = toasts.find((t) => t.id === id)
+  toasts = toasts.filter((t) => t.id !== id)
+  emit()
+  entry?.onClose?.()
+}
+
+export function closeAll(): void {
+  const prev = toasts
+  toasts = []
+  emit()
+  prev.forEach((t) => t.onClose?.())
+}
+
+export function useToast() {
+  const queue = useSyncExternalStore(subscribe, getSnapshot, getSnapshot)
+
+  return {
+    toasts: queue,
+    addToast: useCallback(addToast, []),
+    closeToast: useCallback(closeToast, []),
+    closeAll: useCallback(closeAll, []),
+  }
+}

package/src/components/index.ts

@@ -7,6 +7,7 @@ export { default as BottomNav } from './BottomNav/BottomNav';
 export { default as BottomNavItem } from './BottomNavItem/BottomNavItem';
 export { default as Button, type ButtonProps } from './Button/Button';
 export { default as Card } from './Card/Card';
+export { default as Checkbox, type CheckboxProps } from './Checkbox/Checkbox';
 export { default as CardFeedback } from './CardFeedback/CardFeedback';
 export { default as Disclaimer } from './Disclaimer/Disclaimer';
 export { default as Divider, type DividerProps, type DividerDirection } from './Divider/Divider';
@@ -25,7 +26,9 @@ export { default as ListItem } from './ListItem/ListItem';
 export { default as MediaCard } from './MediaCard/MediaCard';
 export { default as MerchantProfile, type MerchantProfileProps } from './MerchantProfile/MerchantProfile';
 export { default as MoneyValue } from './MoneyValue/MoneyValue';
+export { default as NoteInput } from './NoteInput/NoteInput';
 export { default as NavArrow } from './NavArrow/NavArrow';
+export { default as Numpad, type NumpadProps, type NumpadKeyValue } from './Numpad/Numpad';
 export { default as PageTitle } from './PageTitle/PageTitle';
 export { default as Screen, type ScreenProps } from './Screen/Screen';
 export { default as Section } from './Section/Section';
@@ -33,6 +36,7 @@ export { default as Stepper } from './Stepper/Stepper';
 export { Step } from './Stepper/Step';
 export { StepLabel } from './Stepper/StepLabel';
 export { default as TextInput } from './TextInput/TextInput';
+export { default as StatusHero, type StatusHeroProps } from './StatusHero/StatusHero';
 export { default as ThreadHero, type ThreadHeroProps } from './ThreadHero/ThreadHero';
 export { Tooltip } from './Tooltip/Tooltip';
 
@@ -51,3 +55,8 @@ export { default as InputSearch, type InputSearchProps } from './InputSearch/Inp
 export { default as SupportText, type SupportTextProps } from './SupportText/SupportText';
 export { default as SupportTextIcon, type SupportTextIconProps } from './SupportText/SupportTextIcon';
 export { default as RadioButton, type RadioButtonProps } from './RadioButton/RadioButton';
+export { default as Tabs, type TabsProps } from './Tabs/Tabs';
+export { default as TabItem, type TabItemProps } from './Tabs/TabItem';
+export { default as Toast, type ToastProps } from './Toast/Toast';
+export { default as ToastProvider, type ToastProviderProps } from './Toast/ToastProvider';
+export { useToast, addToast, closeToast, closeAll, type ToastOptions, type ToastEntry, type ToastPlacement } from './Toast/useToast';