@typed/ui 0.13.0 → 1.0.0-beta.0

package/src/useClickAway.ts

@@ -1,66 +0,0 @@
-/**
- * @since 1.0.0
- */
-
-import { Document } from "@typed/dom/Document"
-import type { EventWithCurrentTarget } from "@typed/dom/EventTarget"
-import * as Fx from "@typed/fx/Fx"
-import type * as ElementRef from "@typed/template/ElementRef"
-import { getElements } from "@typed/template/ElementSource"
-import type { Rendered } from "@typed/wire"
-import type * as Effect from "effect/Effect"
-import type * as Fiber from "effect/Fiber"
-import * as Option from "effect/Option"
-import type * as Scope from "effect/Scope"
-import { addEventListeners } from "./internal/addEventListener.js"
-
-/**
- * @since 1.0.0
- */
-export function useClickAway<Refs extends ReadonlyArray<ElementRef.ElementRef<any>>, R2>(
-  refs: Refs,
-  f: (event: EventWithCurrentTarget<Document, MouseEvent | TouchEvent>) => Effect.Effect<unknown, never, R2>
-): Effect.Effect<Fiber.RuntimeFiber<void>, never, Document | Scope.Scope | R2> {
-  return Fx.forkScoped(onClickAway(refs, f))
-}
-
-/**
- * @since 1.0.0
- */
-export function onClickAway<Refs extends ReadonlyArray<ElementRef.ElementRef<any>>, B, E2, R2>(
-  refs: Refs,
-  f: (event: EventWithCurrentTarget<Document, MouseEvent | TouchEvent>) => Effect.Effect<B, E2, R2>
-): Fx.Fx<B, E2, Document | R2 | Scope.Scope> {
-  return Fx.fromFxEffect(Document.with((document) => {
-    const events = addEventListeners(document, "click", "touchend", "contextmenu")
-    const elements = Fx.map(
-      Fx.tuple(refs as ReadonlyArray<Fx.Fx<Rendered, never, Scope.Scope>>),
-      (els) => els.flatMap(getElements)
-    )
-
-    return Fx.mapEffect(
-      Fx.compact(Fx.snapshot(events, elements, containsRefs)),
-      f
-    )
-  }))
-}
-
-const containsRefs = (
-  event: EventWithCurrentTarget<Document, MouseEvent | TouchEvent>,
-  refs: ReadonlyArray<Element>
-): Option.Option<EventWithCurrentTarget<Document, MouseEvent | TouchEvent>> => {
-  const target = event.target
-
-  if (
-    target === null ||
-    refs.some(
-      (c) =>
-        c === target ||
-        c.contains(target as Node)
-    )
-  ) {
-    return Option.none()
-  } else {
-    return Option.some(event)
-  }
-}

package/src/usePagination.ts

@@ -1,122 +0,0 @@
-/**
- * @since 1.0.0
- */
-
-import * as RefSubject from "@typed/fx/RefSubject"
-import * as Effect from "effect/Effect"
-import type * as Scope from "effect/Scope"
-
-/**
- * @since 1.0.0
- */
-export type PaginationOptions = {
-  readonly initialPage?: number // 0
-  readonly initialPageSize?: number // 10
-}
-
-/**
- * @since 1.0.0
- */
-export interface Pagination<E, A> {
-  readonly page: RefSubject.Computed<number>
-  readonly pageSize: RefSubject.Computed<number>
-  readonly canGoBack: RefSubject.Computed<boolean>
-  readonly canGoForward: RefSubject.Computed<boolean, E>
-  readonly paginated: RefSubject.Computed<ReadonlyArray<A>, E>
-  readonly viewing: RefSubject.Computed<Viewing, E>
-
-  readonly goBack: Effect.Effect<number>
-  readonly goForward: Effect.Effect<number, E>
-  readonly goToStart: Effect.Effect<number>
-  readonly goToEnd: Effect.Effect<number, E>
-}
-
-/**
- * @since 1.0.0
- */
-export interface Viewing {
-  readonly from: number
-  readonly to: number
-  readonly total: number
-}
-
-/**
- * @since 1.0.0
- */
-export function usePagination<A, E, R>(
-  items: RefSubject.Computed<ReadonlyArray<A>, E, R>,
-  options: PaginationOptions = {}
-): Effect.Effect<Pagination<E, A>, never, R | Scope.Scope> {
-  return Effect.gen(function*() {
-    const ctx = yield* Effect.context<R>()
-    const page: RefSubject.RefSubject<number> = yield* RefSubject.of(options.initialPage ?? 0)
-    const pageSize: RefSubject.RefSubject<number> = yield* RefSubject.of(options.initialPageSize ?? 10)
-    const canGoBack: RefSubject.Computed<boolean> = RefSubject.map(page, (x) => x > 0)
-    const combined: RefSubject.Computed<readonly [number, number, ReadonlyArray<A>], E> = RefSubject.provide(
-      RefSubject.tuple([page, pageSize, items] as const),
-      ctx
-    )
-    const canGoForward: RefSubject.Computed<boolean, E> = RefSubject.map(
-      combined,
-      ([page, pageSize, results]) => page < Math.ceil(results.length / pageSize - 1)
-    )
-
-    const getTotalPages: Effect.Effect<number, E> = Effect.provide(
-      Effect.gen(function*() {
-        const currentPageSize = yield* pageSize
-        const results = yield* items
-
-        return Math.ceil(results.length / currentPageSize - 1)
-      }),
-      ctx
-    )
-    const goBack: Effect.Effect<number> = RefSubject.update(page, (x) => Math.max(x - 1, 0))
-    const goForward: Effect.Effect<number, E> = RefSubject.updateEffect(
-      page,
-      (currentPage) =>
-        Effect.gen(function*() {
-          const totalPages = yield* getTotalPages
-          const nextPage = Math.min(currentPage + 1, totalPages)
-
-          return nextPage
-        })
-    )
-    const goToStart: Effect.Effect<number> = RefSubject.set(page, 0)
-    const goToEnd: Effect.Effect<number, E> = RefSubject.updateEffect(page, () => getTotalPages)
-
-    const paginated: RefSubject.Computed<ReadonlyArray<A>, E> = RefSubject.map(
-      combined,
-      ([page, pageSize, results]) => {
-        const start = page * pageSize
-        const end = start + pageSize
-
-        return results.slice(start, end)
-      }
-    )
-
-    const viewing: RefSubject.Computed<Viewing, E> = RefSubject.map(combined, ([page, pageSize, results]) => {
-      const start = page * pageSize
-      const end = start + pageSize
-      const total = results.length
-
-      return {
-        from: start + 1,
-        to: Math.min(end, total),
-        total
-      }
-    })
-
-    return {
-      page,
-      pageSize,
-      canGoBack,
-      canGoForward,
-      goBack,
-      goForward,
-      goToStart,
-      goToEnd,
-      paginated,
-      viewing
-    } as const
-  })
-}

package/useClickAway/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../dist/cjs/useClickAway.js",
-  "module": "../dist/esm/useClickAway.js",
-  "types": "../dist/dts/useClickAway.d.ts",
-  "sideEffects": []
-}

package/usePagination/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../dist/cjs/usePagination.js",
-  "module": "../dist/esm/usePagination.js",
-  "types": "../dist/dts/usePagination.d.ts",
-  "sideEffects": []
-}