@prestack/thread-ui 0.1.10 → 0.1.12

package/dist/ui/elements/glyph.tsx

@@ -1,30 +0,0 @@
-'use client'
-
-import type { MessageKey } from '../content.tsx'
-import { roleClass } from '../fonts.ts'
-
-import type { Dispatching } from '../checked.ts'
-import { type Element, element, useSurface } from '../wrappers.tsx'
-import { shows } from './glyph.works.tsx'
-
-
-export interface GlyphProps {
-  readonly name: string
-  readonly labelKey?: MessageKey
-  readonly dispatch?: keyof Dispatching
-  readonly input?: Readonly<Record<string, unknown>>
-  readonly invokeOn?: 'press' | 'shown'
-}
-
-export const Glyph: Element<'Glyph', GlyphProps> = element(
-  'Glyph',
-  (props: GlyphProps, className) => {
-    const surface = useSurface({ className: roleClass(undefined, className),
-    invokes: { ...(props.dispatch === undefined ? {} : { dispatch: props.dispatch }), ...(props.input === undefined ? {} : { input: props.input }), ...(props.invokeOn === undefined ? {} : { on: props.invokeOn }) }, })
-    return (
-      shows(props, surface)
-    )
-  },
-  'e-glyph',
-  {"glyphPlain":"thread-glyph-plain"},
-)

package/dist/ui/elements/glyph.works.tsx

@@ -1,42 +0,0 @@
-import type { ReactNode } from 'react'
-
-import type { Surface } from '../door.ts'
-import { drawnFor, iconSize, installedSet, strokeFor } from '../icons.ts'
-import type { GlyphProps } from './glyph.tsx'
-
-type Drawn = (props: {
-  readonly size?: number
-  readonly strokeWidth?: number
-  readonly className?: string
-  readonly 'aria-hidden'?: boolean
-  readonly 'aria-label'?: string
-  readonly role?: string
-}) => ReactNode
-
-export function drawn(name: string, semantics: Readonly<Record<string, unknown>>, className?: string): ReactNode {
-  const Symbol = drawnFor(name) as Drawn
-  const set = installedSet()
-  const stroke = set === undefined ? undefined : strokeFor(set)
-
-  return (
-    <Symbol
-      size={iconSize()}
-      {...(className === undefined ? {} : { className })}
-      {...(stroke === undefined ? {} : { strokeWidth: stroke })}
-      {...semantics}
-    />
-  )
-}
-
-export function shows(props: GlyphProps, surface: Surface): ReactNode {
-  return drawn(
-    props.name,
-    {
-      ...surface.marks,
-      ...(props.labelKey === undefined
-        ? ({ 'aria-hidden': true } as const)
-        : ({ role: 'img', 'aria-label': surface.text(props.labelKey) } as const)),
-    },
-    surface.className,
-  )
-}

package/dist/ui/elements/grid.tsx

@@ -1,29 +0,0 @@
-'use client'
-
-import type { ReactNode } from 'react'
-
-import type { Dispatching } from '../checked.ts'
-import { type Element, element, useSurface } from '../wrappers.tsx'
-
-
-export interface GridProps {
-  readonly children: ReactNode
-  readonly dispatch?: keyof Dispatching
-  readonly input?: Readonly<Record<string, unknown>>
-  readonly invokeOn?: 'press' | 'shown'
-}
-
-export const Grid: Element<'Grid', GridProps> = element(
-  'Grid',
-  (props: GridProps, className) => {
-    const surface = useSurface({ className,
-    invokes: { ...(props.dispatch === undefined ? {} : { dispatch: props.dispatch }), ...(props.input === undefined ? {} : { input: props.input }), ...(props.invokeOn === undefined ? {} : { on: props.invokeOn }) }, })
-    return (
-      <div className={surface.className} {...surface.marks} {...surface.invokes} {...surface.a11y}>
-        {props.children}
-      </div>
-    )
-  },
-  'e-grid',
-  {},
-)

package/dist/ui/elements/heatmap.tsx

@@ -1,48 +0,0 @@
-'use client'
-
-import type { MessageKey } from '../content.tsx'
-import type { Row } from '../charts.tsx'
-import { roleClass } from '../fonts.ts'
-import { measured as marking } from '../charts.tsx'
-
-import type { Dispatching } from '../checked.ts'
-import { type Element, element, useSurface } from '../wrappers.tsx'
-import { Each } from '../elements/each.tsx'
-import { sized, uses } from './heatmap.works.ts'
-
-
-export interface HeatmapProps {
-  readonly rows: readonly Row[]
-  readonly by: string
-  readonly x: string
-  readonly y: string
-  readonly value?: string
-  readonly titleKey?: MessageKey
-  readonly dispatch?: keyof Dispatching
-  readonly input?: Readonly<Record<string, unknown>>
-  readonly invokeOn?: 'press' | 'shown'
-}
-
-export const Heatmap: Element<'Heatmap', HeatmapProps> = element(
-  'Heatmap',
-  (props: HeatmapProps, className) => {
-    const kept = uses(props)
-    const surface = useSurface({ className: roleClass(undefined, className),
-    invokes: { ...(props.dispatch === undefined ? {} : { dispatch: props.dispatch }), ...(props.input === undefined ? {} : { input: props.input }), ...(props.invokeOn === undefined ? {} : { on: props.invokeOn }) },
-    holds: [
-      ...(kept.holds ?? []),
-    ],
-    ...(kept.animates === undefined ? {} : { animates: kept.animates }), })
-    return (
-      <div className={surface.className} {...surface.marks} {...surface.invokes} {...surface.a11y} {...(kept.on ?? {})} role="img" {...(props.titleKey === undefined ? {} : { 'aria-label': surface.text(props.titleKey) })}>
-        <Each rows={props.rows} by={props.by}>
-          {(each0, at) => (
-            <span style={marking(sized(props, kept, each0, at))}></span>
-          )}
-        </Each>
-      </div>
-    )
-  },
-  'e-heatmap',
-  {"card":"thread-card"},
-)

package/dist/ui/elements/heatmap.works.ts

@@ -1,24 +0,0 @@
-import { num, useRamp, type Row } from '../charts.tsx'
-import type { HeatmapProps } from './heatmap.tsx'
-
-export function uses(props: HeatmapProps): {
-  readonly holds?: readonly string[]
-  readonly animates?: boolean
-  readonly on?: Readonly<Record<string, unknown>>
-  readonly ramp: readonly string[]
-} {
-  const ramp = useRamp(1)
-  return { ...(props.rows.length === 0 ? { holds: ['empty'] as const } : {}), ramp }
-}
-
-export function sized(
-  props: HeatmapProps,
-  kept: { readonly ramp: readonly string[] },
-  row: Row,
-  _at: number,
-): Readonly<Record<string, string | number>> {
-  const readings = props.rows.map((one: Row) => (props.value === undefined ? 1 : num(one, props.value)))
-  const most = Math.max(...readings, 0) || 1
-  const here = props.value === undefined ? 1 : num(row, props.value)
-  return { series: kept.ramp[0] ?? '', share: Math.max(0.08, here / most) }
-}

package/dist/ui/elements/hit-box.tsx

@@ -1,47 +0,0 @@
-'use client'
-
-import type { ReactNode } from 'react'
-import type { Subject } from '../drag.ts'
-
-import type { Dispatching } from '../checked.ts'
-import { type Element, element, useSurface } from '../wrappers.tsx'
-import { shown, uses, wires } from './hit-box.works.tsx'
-
-
-export interface HitBoxProps {
-  readonly children: ReactNode
-  readonly gesture: string
-  readonly tuning?: Readonly<Record<string, number>>
-  readonly axis?: string
-  readonly grabs?: Subject | readonly Subject[]
-  readonly accepts: readonly string[]
-  readonly collects?: Subject | readonly Subject[]
-  readonly dwell?: number
-  readonly moves?: boolean
-  readonly onDrop?: () => void
-  readonly input?: Readonly<Record<string, unknown>>
-  readonly dispatch?: keyof Dispatching
-  readonly invokeOn?: 'press' | 'shown'
-}
-
-export const HitBox: Element<'HitBox', HitBoxProps> = element(
-  'HitBox',
-  (props: HitBoxProps, className) => {
-    const kept = uses(props)
-    const surface = useSurface({ className,
-    invokes: { ...(props.dispatch === undefined ? {} : { dispatch: props.dispatch }), ...(props.input === undefined ? {} : { input: props.input }), ...(props.invokeOn === undefined ? {} : { on: props.invokeOn }) },
-    holds: [
-      ...(kept.holds ?? []),
-    ],
-    ...(kept.animates === undefined ? {} : { animates: kept.animates }), })
-    const wired = wires(props, kept, surface)
-    return (
-      <div className={surface.className} {...surface.marks} {...surface.invokes} {...surface.a11y} {...(kept.on ?? {})} {...(wired.on ?? {})}>
-        {props.children}
-        <div className="e-hit-box-carried">{shown(props, surface, kept, wired).carried}</div>
-      </div>
-    )
-  },
-  'e-hit-box',
-  {"tapTarget":"thread-tap-target"},
-)