open-index/open-npm huggingface dataset:
npm package: @onemedia/svg-viewport
Description: SVG Pan/Zoom/Rotate Library.
Latest version: 0.4.0

# @onemedia/svg-viewport

SVG Pan/Zoom/Rotate Library.


## Options


```
type SvgViewportOptions = {
  panEnabled: boolean;
  zoomEnabled: boolean;
  doubleClickEnabled: boolean;
  zoomScaleSensitivity: number;
  zoomMinimum: number;
  zoomMaximum: number;
  rotation: number;
  panThreshold: Threshold;
  gutter: Gutter;
  onLoad?: () => void;
}
```

```
export type Threshold = {
  value: number;
  unit: 'px' | 'percent'
}

export type Gutter = {
  x: number;
  y: number;
}
```
npm package: @onemedia/ui
Description: Common components and utilities for use across Onemedia applications.
Latest version: 0.27.7

# @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.