@airmoney-degn/react-ui v5.6.6

Air Money Degn React UI Library

A comprehensive React UI library built with TypeScript and Vite, providing reusable components, hooks, and utilities for the Air Money application.

Features

Components

• UI Components

  • Button - Reusable button component
  • LoadingButton - Button with loading state
  • ErrorMessage - Error message display component
  • SimpleLoading - Loading indicator
  • FullscreenLoadingMessage - Fullscreen loading state
  • Frame - Container component
  • CenteredFlex - Flex container with centered content

• Input Components

  • NumberInput - Number input field
  • NumPad - Numeric keypad component
  • BlockSelector - Block selection component
  • CarouselSelector - Carousel-based selector

• Display Components

  • Chart - Chart visualization component
  • ColoredValue - Value display with color coding
  • FormattedValue - Formatted value display
  • CoinBadge - Cryptocurrency badge component
  • StatefulBox - Stateful container component

Hooks

• Input Handling

  • useNumpad - Numeric keypad hook
  • useNumpadV2 - Updated numeric keypad hook
  • useKey - Keyboard input handling
  • useKeyV2 - Updated keyboard input handling
  • useBackKey - Back key handling

• UI Interaction

  • useCarousel - Carousel functionality
  • useCarouselV2 - Updated carousel functionality
  • useScrollIntoView - Scroll management
  • useDeviceButton - Device button handling

• State Management

  • usePairValue - Pair value management
  • useNetworkStatus - Network status tracking
  • useAsyncFnReset - Async function reset handling
  • useCallbackRef - Callback reference management
  • useFakeTransactionMessage - Transaction message simulation

Utilities

• formatter - Value formatting utilities
• cx - Class name utility
• getStep - Step calculation utility
• onKeyChange - Key change handling utility

Contexts

• AppContext - Main application context for managing global state
• AppProvider - Provider component for AppContext
• useApp - Hook for accessing AppContext values

Additional Modules

• Shandc - A collection of specialized components, hooks, and utilities

Usage

Import components and hooks as needed:

// Basic UI components
import { Button, ErrorMessage, SimpleLoading, ... } from '@airmoney-degn/react-ui';

// Input components
import { NumberInput, NumPad, BlockSelector, ... } from '@airmoney-degn/react-ui';

// Display components
import { Chart, ColoredValue, CoinBadge, ... } from '@airmoney-degn/react-ui';

// Hooks
import { useNumpad, useKey, useNetworkStatus, ... } from '@airmoney-degn/react-ui';

// Context
import { AppProvider, useApp, ... } from '@airmoney-degn/react-ui';

// Utilities
import { formatter, cx, getStep, ... } from '@airmoney-degn/react-ui';

License

This project is proprietary and confidential. All rights reserved.