torch-glare 2.3.0 → 2.4.1

package/apps/lib/components/DataViews/filters/PresetChips.tsx

@@ -1,32 +1,32 @@
-"use client"
+"use client";
 
-import { cn } from "../../../utils/cn"
-import type { FieldPreset, FilterValue } from "../types"
-import { isPresetActive, presetToFilterValue } from "../../../utils/dataViews/rangeUtils"
+import { cn } from "../../../utils/cn";
+import type { FieldPreset, FilterValue } from "../types";
+import { isPresetActive, presetToFilterValue } from "../../../utils/dataViews/rangeUtils";
 
 type PresetChipsProps = {
-  presets: FieldPreset[]
-  current: FilterValue | undefined
-  onSelect: (value: FilterValue) => void
-}
+  presets: FieldPreset[];
+  current: FilterValue | undefined;
+  onSelect: (value: FilterValue) => void;
+};
 
 export function PresetChips({ presets, current, onSelect }: PresetChipsProps) {
-  if (!presets || presets.length === 0) return null
+  if (!presets || presets.length === 0) return null;
 
   return (
     <div className="flex flex-wrap gap-1.5">
       {presets.map((p) => {
-        const active = isPresetActive(p, current)
+        const active = isPresetActive(p, current);
         return (
           <button
             key={p.label}
             type="button"
             onClick={() => {
               if (active) {
-                const v = presetToFilterValue(p)
-                onSelect(v.kind === "number" ? { kind: "number" } : { kind: "date" })
+                const v = presetToFilterValue(p);
+                onSelect(v.kind === "number" ? { kind: "number" } : { kind: "date" });
               } else {
-                onSelect(presetToFilterValue(p))
+                onSelect(presetToFilterValue(p));
               }
             }}
             className={cn(
@@ -38,8 +38,8 @@ export function PresetChips({ presets, current, onSelect }: PresetChipsProps) {
           >
             {p.label}
           </button>
-        )
+        );
       })}
     </div>
-  )
+  );
 }

package/apps/lib/components/DataViews/filters/RangeSliderWithInputs.tsx

@@ -1,58 +1,62 @@
-"use client"
+"use client";
 
-import { useEffect, useMemo, useState } from "react"
-import * as Slider from "@radix-ui/react-slider"
-import { cn } from "../../../utils/cn"
-import type { FieldConfig, NumericRangeFilter } from "../types"
-import type { NumericExtremes } from "../../../utils/dataViews/rangeUtils"
+import { useEffect, useMemo, useState } from "react";
+import * as Slider from "@radix-ui/react-slider";
+import { cn } from "../../../utils/cn";
+import type { FieldConfig, NumericRangeFilter } from "../types";
+import type { NumericExtremes } from "../../../utils/dataViews/rangeUtils";
 
 type Props = {
-  field: FieldConfig
-  extremes: NumericExtremes
-  step: number
-  value: NumericRangeFilter | undefined
-  onChange: (next: NumericRangeFilter) => void
-}
+  field: FieldConfig;
+  extremes: NumericExtremes;
+  step: number;
+  value: NumericRangeFilter | undefined;
+  onChange: (next: NumericRangeFilter) => void;
+};
 
 export function RangeSliderWithInputs({ field, extremes, step, value, onChange }: Props) {
-  const min = field.rangeMin ?? extremes.min
-  const max = field.rangeMax ?? extremes.max
+  const min = field.rangeMin ?? extremes.min;
+  const max = field.rangeMax ?? extremes.max;
 
-  const lo = value?.min ?? min
-  const hi = value?.max ?? max
+  const lo = value?.min ?? min;
+  const hi = value?.max ?? max;
 
-  const [loInput, setLoInput] = useState(formatForInput(lo, field))
-  const [hiInput, setHiInput] = useState(formatForInput(hi, field))
+  const [loInput, setLoInput] = useState(formatForInput(lo, field));
+  const [hiInput, setHiInput] = useState(formatForInput(hi, field));
 
-  useEffect(() => { setLoInput(formatForInput(lo, field)) }, [lo, field])
-  useEffect(() => { setHiInput(formatForInput(hi, field)) }, [hi, field])
+  useEffect(() => {
+    setLoInput(formatForInput(lo, field));
+  }, [lo, field]);
+  useEffect(() => {
+    setHiInput(formatForInput(hi, field));
+  }, [hi, field]);
 
   const commit = (rawLo: number, rawHi: number) => {
-    let nlo = clamp(rawLo, min, max)
-    let nhi = clamp(rawHi, min, max)
-    if (nlo > nhi) [nlo, nhi] = [nhi, nlo]
-    const atFloor = nlo === min
-    const atCeil  = nhi === max
+    let nlo = clamp(rawLo, min, max);
+    let nhi = clamp(rawHi, min, max);
+    if (nlo > nhi) [nlo, nhi] = [nhi, nlo];
+    const atFloor = nlo === min;
+    const atCeil = nhi === max;
     onChange({
       kind: "number",
       min: atFloor ? undefined : nlo,
-      max: atCeil  ? undefined : nhi,
-    })
-  }
+      max: atCeil ? undefined : nhi,
+    });
+  };
 
   const handleSliderChange = (vals: number[]) => {
-    if (vals.length !== 2) return
-    commit(vals[0], vals[1])
-  }
+    if (vals.length !== 2) return;
+    commit(vals[0], vals[1]);
+  };
 
   const commitFromInputs = () => {
-    const nlo = parseFloat(loInput)
-    const nhi = parseFloat(hiInput)
-    commit(Number.isFinite(nlo) ? nlo : lo, Number.isFinite(nhi) ? nhi : hi)
-  }
+    const nlo = parseFloat(loInput);
+    const nhi = parseFloat(hiInput);
+    commit(Number.isFinite(nlo) ? nlo : lo, Number.isFinite(nhi) ? nhi : hi);
+  };
 
-  const prefix = useMemo(() => prefixFor(field), [field])
-  const suffix = useMemo(() => suffixFor(field), [field])
+  const prefix = useMemo(() => prefixFor(field), [field]);
+  const suffix = useMemo(() => suffixFor(field), [field]);
 
   return (
     <div className="space-y-3">
@@ -98,18 +102,23 @@ export function RangeSliderWithInputs({ field, extremes, step, value, onChange }
         />
       </div>
     </div>
-  )
+  );
 }
 
 function NumberCell({
-  label, value, onChange, onCommit, prefix, suffix,
+  label,
+  value,
+  onChange,
+  onCommit,
+  prefix,
+  suffix,
 }: {
-  label: string
-  value: string
-  onChange: (v: string) => void
-  onCommit: () => void
-  prefix?: string
-  suffix?: string
+  label: string;
+  value: string;
+  onChange: (v: string) => void;
+  onCommit: () => void;
+  prefix?: string;
+  suffix?: string;
 }) {
   return (
     <label className="flex-1 flex items-center gap-1 text-xs bg-background-presentation-body-primary border border-border-presentation-global-primary rounded-md px-2 py-1.5 focus-within:border-content-presentation-action-primary">
@@ -120,35 +129,37 @@ function NumberCell({
         value={value}
         onChange={(e) => onChange(e.target.value)}
         onBlur={onCommit}
-        onKeyDown={(e) => { if (e.key === "Enter") (e.currentTarget as HTMLInputElement).blur() }}
+        onKeyDown={(e) => {
+          if (e.key === "Enter") (e.currentTarget as HTMLInputElement).blur();
+        }}
         className={cn(
           "w-full bg-transparent outline-none tabular-nums text-content-presentation-global-primary",
         )}
       />
       {suffix && <span className="text-content-presentation-global-tertiary">{suffix}</span>}
     </label>
-  )
+  );
 }
 
 function clamp(n: number, min: number, max: number): number {
-  return Math.min(max, Math.max(min, n))
+  return Math.min(max, Math.max(min, n));
 }
 
 function formatForInput(n: number, field: FieldConfig): string {
-  if (!Number.isFinite(n)) return ""
-  if (field.type === "star-rating") return n.toFixed(1)
-  if (Number.isInteger(n)) return String(n)
-  return String(n)
+  if (!Number.isFinite(n)) return "";
+  if (field.type === "star-rating") return n.toFixed(1);
+  if (Number.isInteger(n)) return String(n);
+  return String(n);
 }
 
 function prefixFor(field: FieldConfig): string | undefined {
-  if (field.type !== "currency") return undefined
-  if (typeof field.currency === "string") return "$"
-  return field.currency?.symbol ?? "$"
+  if (field.type !== "currency") return undefined;
+  if (typeof field.currency === "string") return "$";
+  return field.currency?.symbol ?? "$";
 }
 
 function suffixFor(field: FieldConfig): string | undefined {
-  if (field.type === "progress-bar") return "%"
-  if (field.type === "star-rating") return "★"
-  return undefined
+  if (field.type === "progress-bar") return "%";
+  if (field.type === "star-rating") return "★";
+  return undefined;
 }

package/apps/lib/components/DataViews/index.ts

@@ -1,36 +1,36 @@
-export { DataViewsLayout } from "./DataViewsLayout"
-export type { DataViewsLayoutProps } from "./DataViewsLayout"
+export { DataViewsLayout } from "./DataViewsLayout";
+export type { DataViewsLayoutProps } from "./DataViewsLayout";
 
-export { TableView } from "./TableView"
-export type { TableViewProps } from "./TableView"
+export { TableView } from "./TableView";
+export type { TableViewProps } from "./TableView";
 
-export { KanbanView } from "./KanbanView"
-export type { KanbanViewProps } from "./KanbanView"
+export { KanbanView } from "./KanbanView";
+export type { KanbanViewProps } from "./KanbanView";
 
-export { InboxView } from "./InboxView"
-export type { InboxViewProps } from "./InboxView"
+export { InboxView } from "./InboxView";
+export type { InboxViewProps } from "./InboxView";
 
-export { InboxViewCard } from "./InboxViewCard"
-export type { InboxViewCardProps } from "./InboxViewCard"
+export { InboxViewCard } from "./InboxViewCard";
+export type { InboxViewCardProps } from "./InboxViewCard";
 
-export { TreeView } from "./TreeView"
-export type { TreeViewProps } from "./TreeView"
+export { TreeView } from "./TreeView";
+export type { TreeViewProps } from "./TreeView";
 
-export { DataViewRadio } from "./DataViewRadio"
-export type { DataViewRadioProps } from "./DataViewRadio"
+export { DataViewRadio } from "./DataViewRadio";
+export type { DataViewRadioProps } from "./DataViewRadio";
 
-export { FilterPanel } from "./FilterPanel"
-export { SettingsPanel } from "./SettingsPanel"
-export { DataViewsHeader } from "./DataViewsHeader"
-export type { DataViewsHeaderView } from "./DataViewsHeader"
-export { DataViewsConfigPanel } from "./DataViewsConfigPanel"
-export type { DataViewsConfigPanelProps } from "./DataViewsConfigPanel"
+export { FilterPanel } from "./FilterPanel";
+export { SettingsPanel } from "./SettingsPanel";
+export { DataViewsHeader } from "./DataViewsHeader";
+export type { DataViewsHeaderView } from "./DataViewsHeader";
+export { DataViewsConfigPanel } from "./DataViewsConfigPanel";
+export type { DataViewsConfigPanelProps } from "./DataViewsConfigPanel";
 
-export { renderField } from "./fieldRenderers"
-export { resolveBadgeVariant } from "./badgeAdapter"
-export type { ResolvedBadgeProps } from "./badgeAdapter"
+export { renderField } from "./fieldRenderers";
+export { resolveBadgeVariant } from "./badgeAdapter";
+export type { ResolvedBadgeProps } from "./badgeAdapter";
 
-export * from "./types"
+export * from "./types";
 
-export { useDataViewsState } from "../../hooks/useDataViewsState"
-export type { UseDataViewsStateOptions } from "../../hooks/useDataViewsState"
+export { useDataViewsState } from "../../hooks/useDataViewsState";
+export type { UseDataViewsStateOptions } from "../../hooks/useDataViewsState";

package/apps/lib/components/DataViews/tree/TreeDrawer.tsx

@@ -1,23 +1,21 @@
-"use client"
+"use client";
 
-import { Drawer } from "vaul"
-import { Menu, X } from "lucide-react"
-import type { ReactNode } from "react"
+import { Drawer } from "vaul";
+import { Menu, X } from "lucide-react";
+import type { ReactNode } from "react";
 
 type Props = {
-  open: boolean
-  onOpenChange: (open: boolean) => void
-  children: ReactNode
-}
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  children: ReactNode;
+};
 
 export function TreeDrawer({ open, onOpenChange, children }: Props) {
   return (
     <Drawer.Root open={open} onOpenChange={onOpenChange} direction="left">
       <Drawer.Portal>
         <Drawer.Overlay className="fixed inset-0 bg-black/40 z-40" />
-        <Drawer.Content
-          className="fixed inset-y-0 left-0 z-50 w-72 bg-background-presentation-body-overlay-primary border-r border-border-presentation-global-primary outline-none flex flex-col"
-        >
+        <Drawer.Content className="fixed inset-y-0 left-0 z-50 w-72 bg-background-presentation-body-overlay-primary border-r border-border-presentation-global-primary outline-none flex flex-col">
           <div className="flex items-center justify-between p-3 border-b border-border-presentation-global-primary">
             <Drawer.Title className="text-sm font-semibold text-content-presentation-global-primary">
               Tree
@@ -31,13 +29,11 @@ export function TreeDrawer({ open, onOpenChange, children }: Props) {
               <X className="w-4 h-4" />
             </button>
           </div>
-          <div className="flex-1 overflow-y-auto p-2">
-            {children}
-          </div>
+          <div className="flex-1 overflow-y-auto p-2">{children}</div>
         </Drawer.Content>
       </Drawer.Portal>
     </Drawer.Root>
-  )
+  );
 }
 
 export function TreeDrawerTrigger({ onClick }: { onClick: () => void }) {
@@ -50,5 +46,5 @@ export function TreeDrawerTrigger({ onClick }: { onClick: () => void }) {
     >
       <Menu className="w-4 h-4" />
     </button>
-  )
+  );
 }

package/apps/lib/components/DataViews/tree/TreeSidebar.tsx

@@ -1,39 +1,36 @@
-"use client"
+"use client";
 
-import { useMemo } from "react"
-import type { FieldConfig } from "../types"
-import type { TreeNode } from "../../../utils/dataViews/treeUtils"
-import { getByPath } from "../../../utils/dataViews/pathUtils"
-import { TreeFolder } from "../../TreeFolder"
-import type {
-  TreeFolderMoveArgs,
-  TreeFolderNode,
-} from "../../TreeFolder"
+import { useMemo } from "react";
+import type { FieldConfig } from "../types";
+import type { TreeNode } from "../../../utils/dataViews/treeUtils";
+import { getByPath } from "../../../utils/dataViews/pathUtils";
+import { TreeFolder } from "../../TreeFolder";
+import type { TreeFolderMoveArgs, TreeFolderNode } from "../../TreeFolder";
 
 type Props = {
-  roots: TreeNode[]
-  expanded: Set<string>
-  selectedId: string | null
-  labelField: FieldConfig
-  dndEnabled: boolean
-  onToggle: (id: string) => void
-  onSelect: (id: string) => void
-  onMove?: (args: TreeFolderMoveArgs) => void
-}
+  roots: TreeNode[];
+  expanded: Set<string>;
+  selectedId: string | null;
+  labelField: FieldConfig;
+  dndEnabled: boolean;
+  onToggle: (id: string) => void;
+  onSelect: (id: string) => void;
+  onMove?: (args: TreeFolderMoveArgs) => void;
+};
 
 function toFolderNode(node: TreeNode, labelField: FieldConfig): TreeFolderNode {
-  const labelValue = getByPath(node.record, labelField.path)
-  const name = labelValue == null ? node.id : String(labelValue)
+  const labelValue = getByPath(node.record, labelField.path);
+  const name = labelValue == null ? node.id : String(labelValue);
   const children = node.children.length
     ? node.children.map((c) => toFolderNode(c, labelField))
-    : undefined
+    : undefined;
   return {
     id: node.id,
     name,
     type: children ? "folder" : "file",
     data: node.record,
     children,
-  }
+  };
 }
 
 export function TreeSidebar({
@@ -49,23 +46,23 @@ export function TreeSidebar({
   const folderData = useMemo(
     () => roots.map((r) => toFolderNode(r, labelField)),
     [roots, labelField],
-  )
+  );
 
-  const expandedIds = useMemo(() => Array.from(expanded), [expanded])
+  const expandedIds = useMemo(() => Array.from(expanded), [expanded]);
 
   return (
     <TreeFolder
       data={folderData}
       selectedId={selectedId}
       onSelectionChange={(id) => {
-        if (id) onSelect(id)
+        if (id) onSelect(id);
       }}
       expandedIds={expandedIds}
       onExpandedChange={(next) => {
-        const before = new Set(expandedIds)
-        const after = new Set(next)
-        for (const id of after) if (!before.has(id)) onToggle(id)
-        for (const id of before) if (!after.has(id)) onToggle(id)
+        const before = new Set(expandedIds);
+        const after = new Set(next);
+        for (const id of after) if (!before.has(id)) onToggle(id);
+        for (const id of before) if (!after.has(id)) onToggle(id);
       }}
       dndEnabled={dndEnabled}
       onMove={onMove}
@@ -73,5 +70,5 @@ export function TreeSidebar({
       showBreadcrumb={true}
       highlightAncestors={true}
     />
-  )
+  );
 }