@tremolo-ui/react 0.7.0 → 0.8.0

package/src/components/Piano/keyboard-shortcuts.ts

@@ -1,61 +0,0 @@
-export type KeyboardShortcuts = {
-  /**
-   * Keys laid out from `noteRange.first`, one entry per semitone.
-   *
-   * An empty string leaves that note without a shortcut: `KeyboardEvent.key` is
-   * never empty, so the entry can never match. Use it to skip the black keys
-   * (see {@link SHORTCUTS.HOME_ROW_NATURAL}) and keep the remaining entries
-   * lined up with the notes.
-   */
-  keys: string[]
-}
-
-/**
- * Ready-made keyboard layouts. Both assume `noteRange.first` is a C.
- */
-export const SHORTCUTS = {
-  /** Every semitone from C, over the two rows of a QWERTY keyboard. */
-  HOME_ROW: {
-    keys: [
-      'a',
-      'w',
-      's',
-      'e',
-      'd',
-      'f',
-      't',
-      'g',
-      'y',
-      'h',
-      'u',
-      'j',
-      'k',
-      'o',
-      'l',
-      'p',
-      ';',
-    ],
-  },
-  /** The white keys only, on the home row. Black keys have no shortcut. */
-  HOME_ROW_NATURAL: {
-    keys: [
-      'a',
-      '',
-      's',
-      '',
-      'd',
-      'f',
-      '',
-      'g',
-      '',
-      'h',
-      '',
-      'j',
-      'k',
-      '',
-      'l',
-      '',
-      ';',
-    ],
-  },
-}

package/src/components/Slider/type.ts

@@ -1,46 +0,0 @@
-import { toFixed } from '@tremolo-ui/functions'
-
-import { decimalDigits } from '../_util/decimal-digits'
-
-/**
- * How `Slider.Marks` fills itself in when it is given no children: one option
- * every `per`, or every `step` of the slider. The object form turns off the
- * mark or the label for the whole set; a single option is customized by
- * writing `Slider.MarksOption` out instead.
- */
-export type MarksOptions =
-  | 'step'
-  | number
-  | {
-      per: 'step' | number
-      mark?: boolean
-      label?: boolean
-    }
-
-export function generateOptionsList(
-  options: MarksOptions,
-  min: number,
-  max: number,
-  step: number,
-) {
-  const {
-    per,
-    mark = true,
-    label = true,
-  } = typeof options === 'object' ? options : { per: options }
-  const optionsList: {
-    value: number
-    mark: boolean
-    label: boolean
-  }[] = []
-  const interval = per === 'step' ? step : per
-  const count = Math.floor(max / interval) - Math.ceil(min / interval) + 1
-  for (let i = 0; i < count; i++) {
-    const value = toFixed(
-      interval * (Math.ceil(min / interval) + i),
-      decimalDigits(interval),
-    )
-    optionsList.push({ value: value, mark: mark, label: label })
-  }
-  return optionsList
-}

package/src/components/_util/css-length.ts

@@ -1,13 +0,0 @@
-/**
- * A number as a CSS length, for a custom property.
- *
- * React appends `px` to a bare number for the properties it knows take a
- * length, and a custom property is never one of them: `--size: 50` would come
- * out as the invalid `50`. Anything already a string is passed through, so
- * `'3rem'` and `'100%'` still work.
- */
-export function cssLength(
-  value: number | string | undefined,
-): string | undefined {
-  return typeof value === 'number' ? `${value}px` : value
-}

package/src/components/_util/decimal-digits.ts

@@ -1,23 +0,0 @@
-/**
- * How many digits a number carries after the decimal point.
- *
- * `Slider.Marks` builds its labels by multiplying an interval, which leaves
- * binary debris in the last digits (`0.1 * 3` is `0.30000000000000004`). The
- * count is what tells `toFixed` how far to round that back.
- *
- * The exponent form has to be handled separately: `String(1e-7)` is `'1e-7'`,
- * which has no decimal point at all, so reading the text after the point
- * reports no digits and the interval rounds away to whole numbers.
- */
-export function decimalDigits(x: number): number {
-  if (!Number.isFinite(x)) return 0
-
-  const text = String(x)
-  const e = text.indexOf('e')
-  if (e === -1) return text.split('.')[1]?.length ?? 0
-
-  const fraction = text.slice(0, e).split('.')[1]?.length ?? 0
-  // A negative exponent pushes the point further right, a positive one pulls
-  // it back past the digits that are there.
-  return Math.max(0, fraction - Number(text.slice(e + 1)))
-}

package/src/components/_util/visually-hidden.ts

@@ -1,25 +0,0 @@
-import type { CSSProperties } from 'react'
-
-/**
- * Take an element out of sight while leaving it in the accessibility tree and
- * in the tab order.
- *
- * `display: none` and `visibility: hidden` would remove it from both, and the
- * native control underneath a headless component is what carries the ARIA and
- * the keyboard behaviour. `pointer-events: none` is safe because nothing is
- * ever clicked here directly: a `<label>` forwards its click, and a drag is
- * handled by the part that is visible.
- */
-export const visuallyHiddenStyle: CSSProperties = {
-  position: 'absolute',
-  width: 1,
-  height: 1,
-  padding: 0,
-  margin: -1,
-  overflow: 'hidden',
-  clip: 'rect(0, 0, 0, 0)',
-  clipPath: 'inset(50%)',
-  whiteSpace: 'nowrap',
-  border: 0,
-  pointerEvents: 'none',
-}

package/src/input-event.ts

@@ -1,32 +0,0 @@
-import { type InputEventOption, type ModifierValue } from '@tremolo-ui/dom'
-
-/**
- * The keyboard amount used by Knob, NumberInput, Slider, and XYPad by default:
- * 1 per press in the units of the value, and 0.1 with shift held. That is one
- * `step` only while `step` is 1; a coarser `step` rounds 1 straight back, which
- * `useCheckSteps` warns about.
- *
- * A modifier entry is not snapped to `step`, which is what lets the finer
- * amount move at all — see `applyDelta` in `@tremolo-ui/dom`.
- */
-export const DEFAULT_KEYBOARD_OPTIONS: ModifierValue<InputEventOption> = {
-  default: ['raw', 1],
-  shift: ['raw', 0.1],
-}
-
-/**
- * The wheel amount used by Knob, NumberInput, Slider, and XYPad by default.
- *
- * Browsers turn shift+wheel into horizontal scrolling, which empties `deltaY`
- * and fills `deltaX`, so no modifier is bound here.
- */
-export const DEFAULT_WHEEL_OPTIONS: ModifierValue<InputEventOption> = ['raw', 1]
-
-/**
- * The drag sensitivity used by value controls by default. Shift makes the
- * same movement cover a tenth of the range, matching the arrow keys.
- */
-export const DEFAULT_DRAG_SENSITIVITY: ModifierValue<number> = {
-  default: 1,
-  shift: 0.1,
-}