@onemedia/ui

Common components and utilities for use across Onemedia applications.

Icons sourced from: https://www.iconpacks.net/ Icons optimised by: https://jakearchibald.github.io/svgomg/

Current Components

• components/Header

  • Onemedia branded header.

• components/Footer

  • Onemedia branded footer.

• components/ColourPicker

  • Standardised colour picker input.

• components/Section

  • Collapsible sections for the Onemedia configuration pages.

• components/InfoPanel

  • Utility message block.

  Current Hooks

• hooks/useClickOutside

  • Handles closing popups etc when clicking outside the element's area.

• hooks/useDebounce

  • Simple function debouncing.

• hooks/useIdleStatus

  • Allows detecting user inactivity.

• hooks/useMutationObserver

  • Allows detecting when an element has updated.

• hooks/useOrientation

  • Detects user screen orientation.

• hooks/usePagination

  • Allows simple chunking and paging of a list of data.