@arbidocs/blocks 0.5.75 → 0.5.76

package/dist/chunk-JMQLTMJ7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/RowNavigatorControls.tsx","../src/files/cells/LabelMultiSelect.tsx"],"names":["jsxs","jsx","LabelMultiSelectView"],"mappings":"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","file":"chunk-JMQLTMJ7.js","sourcesContent":["/**\n * RowNavigatorControls\n *\n * The bare ‹ n / N › stepper shared by every list navigator — the Files table\n * (GridRowNavigator, over AG Grid's displayed rows) and the Files gallery\n * (ExplorerFileNavigator, over the explorer's displayed tiles). Presentation\n * only: the owner resolves what \"current\" and \"total\" mean and what stepping\n * does, so the two surfaces stay pixel-identical while their sources differ.\n */\n\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\n\nexport interface RowNavigatorControlsProps {\n  /** Rows currently displayed. Renders nothing at 0. */\n  total: number\n  /** Zero-based position of the open row, or null for \"– / N\". */\n  currentIndex: number | null\n  /** Step to a zero-based index (already clamped by the caller if it cares). */\n  onGo: (index: number) => void\n  /** Prefix for every `data-testid` this control emits. */\n  testId: string\n  /** Noun for the buttons' aria-labels (\"Previous fact\" / \"Next document\"). */\n  itemLabel?: string\n  /**\n   * Render a disabled \"– / –\" stepper instead of nothing when there is nothing\n   * to step through. The gallery keeps it so a folder-only view doesn't drop a\n   * control out of the toolbar (and shift everything left) on every folder hop;\n   * the table, whose empty state replaces the whole grid, hides it.\n   */\n  keepWhenEmpty?: boolean\n}\n\nexport function RowNavigatorControls({\n  total,\n  currentIndex,\n  onGo,\n  testId,\n  itemLabel = 'row',\n  keepWhenEmpty = false,\n}: RowNavigatorControlsProps) {\n  if (total === 0 && !keepWhenEmpty) return null\n\n  return (\n    <span className=\"flex shrink-0 items-center gap-0.5\" data-testid={`${testId}-nav`}>\n      <button\n        type=\"button\"\n        aria-label={`Previous ${itemLabel}`}\n        data-testid={`${testId}-nav-prev`}\n        disabled={total === 0 || currentIndex === null || currentIndex <= 0}\n        onClick={() => onGo((currentIndex ?? 0) - 1)}\n        className=\"rounded p-0.5 text-muted-foreground enabled:hover:bg-accent enabled:hover:text-foreground disabled:opacity-30 pointer-coarse:size-11! shrink-0\"\n      >\n        <ChevronLeft className=\"h-4 w-4\" />\n      </button>\n      <span\n        className=\"whitespace-nowrap tabular-nums text-sm font-light text-muted-foreground\"\n        data-testid={`${testId}-nav-position`}\n      >\n        {currentIndex !== null ? currentIndex + 1 : '–'} / {total > 0 ? total : '–'}\n      </span>\n      <button\n        type=\"button\"\n        aria-label={`Next ${itemLabel}`}\n        data-testid={`${testId}-nav-next`}\n        disabled={total === 0 || (currentIndex !== null && currentIndex >= total - 1)}\n        onClick={() => onGo(currentIndex === null ? 0 : currentIndex + 1)}\n        className=\"rounded p-0.5 text-muted-foreground enabled:hover:bg-accent enabled:hover:text-foreground disabled:opacity-30 pointer-coarse:size-11! shrink-0\"\n      >\n        <ChevronRight className=\"h-4 w-4\" />\n      </button>\n    </span>\n  )\n}\n","import { memo, useEffect, useMemo, useRef, useState } from 'react'\nimport { Check, Minus, PencilLine } from 'lucide-react'\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@arbidocs/react/ui'\nimport { CellHoverIcon } from './HoverIconCell'\n\n/** Chip row metrics (px): a chip is 24px tall with a 4px gap, as in the Facts labels cell. */\nconst CHIP_ROW_H = 24\nconst CHIP_GAP = 4\n\n/** Max height of the chip container: whole chip rows that fit `rowHeight`, never half a row. */\nexport function labelChipClampHeight(rowHeight: number): number {\n  const rows = Math.max(1, Math.floor((rowHeight + CHIP_GAP) / (CHIP_ROW_H + CHIP_GAP)))\n  return CHIP_ROW_H * rows + CHIP_GAP * (rows - 1)\n}\n\n/** One label a document can carry. `color` is any CSS colour (the host derives it from the id). */\nexport interface LabelOption {\n  id: string\n  name: string\n  color: string\n}\n\n/** Every fixed string of the label picker. */\nexport interface LabelMultiSelectLabels {\n  searchPlaceholder: string\n  noLabels: string\n  create: (name: string) => string\n  editLabel: string\n}\n\nexport const DEFAULT_LABEL_MULTI_SELECT_LABELS: LabelMultiSelectLabels = {\n  searchPlaceholder: 'Search or create...',\n  noLabels: 'No labels yet',\n  create: (name) => `Create “${name}”`,\n  editLabel: 'Edit field',\n}\n\nexport interface LabelMultiSelectViewProps {\n  options: LabelOption[]\n  /** Ids of the labels applied to the row. */\n  appliedIds: ReadonlySet<string>\n  onToggle: (id: string) => void\n  /** Create a label named `name` and apply it (the host decides what a non-member may do). */\n  onCreate: (name: string) => void\n  /** Opens the label editor; omit to hide the per-option edit button. */\n  onEditLabels?: () => void\n  /** The grid row height: clamps the chips to the rows that fully fit, with an ellipsis. */\n  rowHeight?: number\n  labels?: Partial<LabelMultiSelectLabels>\n}\n\nconst CHECK_BOX = 'flex shrink-0 items-center justify-center rounded border-2'\n\nexport interface LabelPickerListProps {\n  options: LabelOption[]\n  appliedIds: ReadonlySet<string>\n  mixedIds?: ReadonlySet<string>\n  onToggle: (id: string) => void\n  /** Create a label named `name`; omit to hide \"Create ...\" (the picker only toggles). */\n  onCreate?: (name: string) => void\n  /**\n   * Further ways to create from the typed name, each its own row under \"Create ...\" (e.g. one per\n   * kind of tag). Enter still runs `onCreate`.\n   */\n  moreCreates?: { label: (name: string) => string; onCreate: (name: string) => void }[]\n  /** Opens the label editor; omit to hide the per-option edit button. */\n  onEditLabels?: () => void\n  labels?: Partial<LabelMultiSelectLabels>\n}\n\n/**\n * Searchable list of labels with check boxes: type to filter, Enter (or the \"Create ...\" row, shown\n * whenever the typed name is not a label yet, below any labels that partly match it) creates it. Used by the grid cell and the document form field.\n */\nexport function LabelPickerList({\n  options,\n  appliedIds,\n  mixedIds,\n  onToggle,\n  onCreate,\n  moreCreates,\n  onEditLabels,\n  labels,\n}: LabelPickerListProps) {\n  const l = useMemo(() => ({ ...DEFAULT_LABEL_MULTI_SELECT_LABELS, ...labels }), [labels])\n  const [search, setSearch] = useState('')\n  const trimmed = search.trim()\n  const matchesExisting = options.some((o) => o.name.toLowerCase() === trimmed.toLowerCase())\n\n  const create = () => {\n    onCreate?.(trimmed)\n    setSearch('')\n  }\n\n  return (\n    <Command shouldFilter>\n      <CommandInput\n        placeholder={l.searchPlaceholder}\n        value={search}\n        onValueChange={setSearch}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' && onCreate && trimmed && !matchesExisting) {\n            e.preventDefault()\n            create()\n          }\n        }}\n      />\n      <CommandList>\n        {/* Nothing matches and nothing to create: say so. A new name is offered below instead. */}\n        {!(trimmed && onCreate) && (\n          <CommandEmpty>\n            <span className=\"text-muted-foreground\">{l.noLabels}</span>\n          </CommandEmpty>\n        )}\n        <CommandGroup>\n          {options.map((o) => {\n            const isApplied = appliedIds.has(o.id)\n            const isMixed = mixedIds?.has(o.id)\n            return (\n              <CommandItem\n                key={o.id}\n                value={o.name}\n                onSelect={() => onToggle(o.id)}\n                onPointerDown={(e) => e.preventDefault()}\n                className=\"group/label cursor-pointer\"\n                data-testid={`label-select-${o.id}`}\n              >\n                <span\n                  className={`mr-2 size-4 ${CHECK_BOX} ${isApplied ? '' : 'bg-background'}`}\n                  style={{\n                    borderColor: o.color,\n                    backgroundColor: isApplied ? o.color : undefined,\n                  }}\n                >\n                  {isApplied && <Check className=\"size-3 text-white\" strokeWidth={3} />}\n                  {isMixed && <Minus className=\"size-3\" style={{ color: o.color }} />}\n                </span>\n                <span className=\"flex-1 text-sm\">{o.name}</span>\n                {onEditLabels && (\n                  <button\n                    type=\"button\"\n                    onClick={(e) => {\n                      e.stopPropagation()\n                      onEditLabels()\n                    }}\n                    onPointerDown={(e) => e.preventDefault()}\n                    className=\"shrink-0 rounded p-0.5 opacity-0 hover:bg-muted focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring group-hover/label:opacity-100 group-data-[selected=true]/label:opacity-100 pointer-coarse:flex pointer-coarse:size-11 pointer-coarse:items-center pointer-coarse:justify-center pointer-coarse:opacity-100\"\n                    title={l.editLabel}\n                    aria-label={l.editLabel}\n                  >\n                    <PencilLine className=\"size-3 text-muted-foreground\" />\n                  </button>\n                )}\n              </CommandItem>\n            )\n          })}\n        </CommandGroup>\n      </CommandList>\n      {trimmed && onCreate && !matchesExisting && (\n        <div className=\"border-t border-border p-1\" data-slot=\"label-picker-create\">\n          {[{ label: l.create, onCreate }, ...(moreCreates ?? [])].map((c, i) => (\n            <button\n              key={i}\n              type=\"button\"\n              onClick={() => {\n                c.onCreate(trimmed)\n                setSearch('')\n              }}\n              onPointerDown={(e) => e.preventDefault()}\n              className=\"w-full cursor-pointer rounded px-2 py-1.5 text-left text-sm text-primary hover:bg-accent pointer-coarse:min-h-11\"\n            >\n              {c.label(trimmed)}\n            </button>\n          ))}\n        </div>\n      )}\n    </Command>\n  )\n}\n\n/**\n * Labels column cell: applied labels as bordered chips; click (or Enter) opens a popover to\n * toggle labels or type a new name and press Enter to create it. Empty cells show a pencil on\n * hover, keyboard focus and touch.\n */\nexport const LabelMultiSelectView = memo(function LabelMultiSelectView({\n  options,\n  appliedIds,\n  onToggle,\n  onCreate,\n  onEditLabels,\n  rowHeight = 52,\n  labels,\n}: LabelMultiSelectViewProps) {\n  const [open, setOpen] = useState(false)\n\n  const applied = options.filter((o) => appliedIds.has(o.id))\n  const maxHeight = labelChipClampHeight(rowHeight)\n  const chipsRef = useRef<HTMLDivElement>(null)\n  const [hasOverflow, setHasOverflow] = useState(false)\n  useEffect(() => {\n    const el = chipsRef.current\n    if (!el) return\n    const measure = () => setHasOverflow(el.scrollHeight > el.clientHeight + 1)\n    measure()\n    const ro = new ResizeObserver(measure)\n    ro.observe(el)\n    return () => ro.disconnect()\n  }, [appliedIds, maxHeight, options])\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          data-slot=\"label-multi-select\"\n          // No vertical clip/padding: at the minimum row height an `overflow-hidden` button would\n          // crop the pills. The chip container is clamped to whole chip rows instead.\n          className=\"group relative flex h-full w-full min-w-0 cursor-pointer items-center gap-1 pr-4 text-left hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring\"\n        >\n          {applied.length === 0 ? (\n            <span className=\"flex-1\">\n              <CellHoverIcon />\n            </span>\n          ) : (\n            <>\n              <div\n                ref={chipsRef}\n                className=\"flex min-w-0 flex-1 flex-wrap content-start gap-1 overflow-hidden\"\n                style={{ maxHeight }}\n                data-testid=\"label-multi-select-chips\"\n              >\n                {applied.map((o) => (\n                  <span\n                    key={o.id}\n                    className=\"inline-flex shrink-0 items-center gap-1 rounded border px-1.5 py-0.5 text-xs font-medium\"\n                    title={o.name}\n                    style={{ borderColor: o.color }}\n                  >\n                    <span\n                      className=\"flex size-3.5 shrink-0 items-center justify-center rounded\"\n                      style={{ backgroundColor: o.color }}\n                    >\n                      <Check className=\"size-2.5 text-white\" strokeWidth={3} />\n                    </span>\n                    <span className=\"max-w-[80px] truncate\">{o.name}</span>\n                  </span>\n                ))}\n              </div>\n              {hasOverflow && (\n                <span\n                  className=\"pointer-events-none absolute bottom-0.5 right-0.5 text-xs font-semibold leading-none text-muted-foreground\"\n                  aria-hidden\n                  data-testid=\"label-multi-select-overflow\"\n                >\n                  …\n                </span>\n              )}\n            </>\n          )}\n        </button>\n      </PopoverTrigger>\n      {open && (\n        <PopoverContent className=\"w-[360px] p-0\" align=\"start\" side=\"bottom\" sideOffset={4}>\n          <LabelPickerList\n            options={options}\n            appliedIds={appliedIds}\n            onToggle={onToggle}\n            onCreate={onCreate}\n            onEditLabels={onEditLabels}\n            labels={labels}\n          />\n        </PopoverContent>\n      )}\n    </Popover>\n  )\n})\n"]}