@arbidocs/blocks 0.4.32 → 0.4.37

package/dist/facts/index.js

@@ -2,14 +2,16 @@
 import { ViewToggle } from '../chunk-IC2VHFWR.js';
 import { formatSpan, TimelineCalendar, TimelineGantt } from '../chunk-4EZVCGRL.js';
 import { SearchHit } from '../chunk-A2YAC22G.js';
-import { GridView, SelectionBar, SelectionBarAction } from '../chunk-NUPVHEJW.js';
-import { TabHeader } from '../chunk-UBNVIIBT.js';
+import { GridView, SelectionBar, SelectionBarAction } from '../chunk-BUHKUKKB.js';
+import { FilterInput } from '../chunk-DDW3M22Z.js';
+export { DEFAULT_FILTER_INPUT_LABELS as DEFAULT_FACTS_FILTER_INPUT_LABELS, DEFAULT_FILTER_FIELDS as FACTS_SEARCH_FIELD_OPTIONS, FilterInput as FactsFilterInput } from '../chunk-DDW3M22Z.js';
+import { TabHeader } from '../chunk-4WWM3GQ5.js';
+import '../chunk-76JDDMSP.js';
 import '../chunk-SLSBJRWW.js';
 import { observeResize } from '../chunk-NPLYHR2E.js';
-import '../chunk-76JDDMSP.js';
 import { initials } from '../chunk-OXF2IFXG.js';
 import { testIdOr } from '../chunk-7F6CBP3Z.js';
-import { PencilLine, Check, MoreVertical, Pencil, Trash2, CalendarDays, X, Filter, SlidersHorizontal, Columns3, ChevronDown, RotateCcw, Milestone, CalendarClock, Scale, Lightbulb, ArrowRight, Loader2, Info, PinOff, Pin, Tags, MoreHorizontal, FolderUp, BookMarked, Plus, Search, CheckCircle2, CornerDownLeft, Quote, ChevronLeft, ChevronRight, Table2, CalendarRange, GanttChartSquare } from 'lucide-react';
+import { PencilLine, Check, MoreVertical, Pencil, Trash2, CalendarDays, X, Columns3, ChevronDown, RotateCcw, Milestone, CalendarClock, Scale, Lightbulb, ArrowRight, Loader2, Info, PinOff, Pin, Tags, MoreHorizontal, FolderUp, BookMarked, Plus, Search, CheckCircle2, CornerDownLeft, Quote, ChevronLeft, ChevronRight, Table2, CalendarRange, GanttChartSquare } from 'lucide-react';
 import { Popover, PopoverTrigger, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, cn, Input, Button, CommandSeparator, Tooltip, TooltipTrigger, TooltipContent } from '@arbidocs/react/ui';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { memo, useState, useMemo, useRef, useEffect } from 'react';
@@ -1320,111 +1322,6 @@ function FactsViewToggle({
     }
   );
 }
-var FACTS_SEARCH_FIELD_OPTIONS = [
-  { value: "text", label: "Fact" },
-  { value: "labels", label: "Labels" }
-];
-var DEFAULT_FACTS_FILTER_INPUT_LABELS = {
-  placeholder: "Filter...",
-  clear: "Clear filter",
-  chooseFields: "Choose fields to filter",
-  fieldsHeading: "Filter fields",
-  fieldNames: { text: "Fact", labels: "Labels" }
-};
-function FactsFilterInput({
-  value,
-  onChange,
-  fields,
-  onFieldsChange,
-  filter,
-  className,
-  labels,
-  testIds
-}) {
-  const l = { ...DEFAULT_FACTS_FILTER_INPUT_LABELS, ...labels };
-  const toggleField = (field) => onFieldsChange(fields.includes(field) ? fields.filter((f) => f !== field) : [...fields, field]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("flex min-w-0 items-center", className ?? "w-44 pointer-coarse:w-56"),
-      "data-testid": testIdOr(testIds?.root, { testId: "facts-filter" }),
-      children: /* @__PURE__ */ jsxs("div", { className: "relative flex-1 min-w-0", children: [
-        filter ? /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "absolute left-1 top-1/2 z-10 -translate-y-1/2",
-            "data-testid": testIdOr(testIds?.quick, { testId: "facts-filter-quick" }),
-            children: filter
-          }
-        ) : /* @__PURE__ */ jsx(Filter, { className: "pointer-events-none absolute left-2 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            value,
-            onChange: (e) => onChange(e.target.value),
-            placeholder: l.placeholder,
-            "data-testid": testIdOr(testIds?.input, { testId: "facts-filter-input" }),
-            className: cn(
-              "h-7 bg-muted pr-12 text-sm shadow-none focus-visible:bg-muted focus-visible:ring-0 pointer-coarse:h-11 pointer-coarse:pr-24",
-              filter ? "pl-11" : "pl-7"
-            )
-          }
-        ),
-        value && /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => onChange(""),
-            "aria-label": l.clear,
-            className: "absolute right-7 top-1/2 z-10 -translate-y-1/2 text-muted-foreground hover:text-foreground pointer-coarse:right-11 pointer-coarse:flex pointer-coarse:size-11 pointer-coarse:items-center pointer-coarse:justify-center",
-            children: /* @__PURE__ */ jsx(X, { className: "size-3" })
-          }
-        ),
-        /* @__PURE__ */ jsxs(Popover, { children: [
-          /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              "aria-label": l.chooseFields,
-              "data-testid": testIdOr(testIds?.fieldsButton, {
-                testId: "facts-filter-fields-button"
-              }),
-              className: "absolute right-1.5 top-1/2 z-10 -translate-y-1/2 !h-5 !w-5 !p-0 text-muted-foreground/60 transition-colors hover:text-foreground pointer-coarse:right-0 pointer-coarse:!flex pointer-coarse:!h-11 pointer-coarse:!w-11 pointer-coarse:items-center pointer-coarse:justify-center",
-              children: /* @__PURE__ */ jsx(SlidersHorizontal, { className: "size-3.5" })
-            }
-          ) }),
-          /* @__PURE__ */ jsx(PopoverContent, { className: "w-44 p-0", align: "end", sideOffset: 4, children: /* @__PURE__ */ jsx(Command, { shouldFilter: false, children: /* @__PURE__ */ jsx(CommandList, { children: /* @__PURE__ */ jsx(CommandGroup, { heading: l.fieldsHeading, children: FACTS_SEARCH_FIELD_OPTIONS.map((option) => {
-            const isSelected = fields.includes(option.value);
-            return /* @__PURE__ */ jsxs(
-              CommandItem,
-              {
-                onSelect: () => toggleField(option.value),
-                className: "cursor-pointer text-sm",
-                "data-testid": testIdOr(testIds?.field?.(option.value), {
-                  testId: `facts-filter-field-${option.value}`
-                }),
-                children: [
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: cn(
-                        "mr-2 flex size-3.5 items-center justify-center rounded-sm border border-primary",
-                        isSelected ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"
-                      ),
-                      children: /* @__PURE__ */ jsx(Check, { className: "size-3" })
-                    }
-                  ),
-                  l.fieldNames[option.value]
-                ]
-              },
-              option.value
-            );
-          }) }) }) }) })
-        ] })
-      ] })
-    }
-  );
-}
 var DEFAULT_FACTS_FIELDS_BUTTON_LABELS = {
   fields: "Fields",
   defaultView: "Default view",
@@ -1621,7 +1518,7 @@ function FactsEmptyState({ onUseExample, labels, testIds }) {
         /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: l.intro }),
         /* @__PURE__ */ jsx("div", { className: "mt-7 grid gap-3 text-left @xl:grid-cols-3", children: l.kinds.map(({ label, desc }, i) => {
           const KindIcon = KIND_ICONS[i % KIND_ICONS.length];
-          return /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-muted p-3", children: [
+          return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-card p-3 shadow-xs", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-sm font-medium text-foreground", children: [
               /* @__PURE__ */ jsx(KindIcon, { className: "size-4 text-primary" }),
               label
@@ -1629,13 +1526,13 @@ function FactsEmptyState({ onUseExample, labels, testIds }) {
             /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs leading-snug text-muted-foreground", children: desc })
           ] }, label);
         }) }),
-        /* @__PURE__ */ jsx("p", { className: "mt-10 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: l.tryAdding }),
+        /* @__PURE__ */ jsx("p", { className: "mt-10 text-sm font-medium text-muted-foreground", children: l.tryAdding }),
         /* @__PURE__ */ jsx("div", { className: "mt-4 flex flex-wrap justify-center gap-2.5", children: l.examples.map((fact) => /* @__PURE__ */ jsxs(
           "button",
           {
             type: "button",
             onClick: () => onUseExample(fact),
-            className: "group inline-flex items-center gap-1.5 rounded-full bg-muted px-3.5 py-2 text-sm text-foreground transition-colors hover:bg-accent pointer-coarse:min-h-11",
+            className: "group inline-flex items-center gap-1.5 rounded-md border border-border bg-card px-3.5 py-2 text-sm text-foreground transition-colors hover:border-ring/50 hover:bg-accent/40 pointer-coarse:min-h-11",
             "data-testid": testIdOr(testIds?.example, { testId: "facts-page-example" }),
             children: [
               fact,
@@ -2015,13 +1912,12 @@ function FactsToolbar({
       countPlacement: "leading",
       hasActiveFilters,
       testId: testIdOr(testIds?.tab, { testId: "facts-tab" }),
-      // Strip the folder-tab chrome: just the glyph and count, as in the Files header.
-      tabClassName: "!bg-transparent hover:!bg-transparent !border-transparent !rounded-none !mb-0 !pl-0 before:!hidden after:!hidden shadow-none!"
+      presentation: "count"
     }
   ];
   const filterControls = /* @__PURE__ */ jsxs("div", { className: isNarrow ? "flex w-full items-center gap-1.5" : "flex items-center gap-1.5", children: [
     /* @__PURE__ */ jsx(
-      FactsFilterInput,
+      FilterInput,
       {
         value: filterText,
         onChange: onFilterTextChange,
@@ -2053,11 +1949,10 @@ function FactsToolbar({
       TabHeader,
       {
         tabs,
-        className: "pr-3",
         activeTabId: "notes",
         onTabChange: () => {
         },
-        afterTabs: isNarrow ? null : filterControls,
+        firstTabContent: isNarrow ? null : filterControls,
         centerContent: isNarrow ? null : /* @__PURE__ */ jsx("div", { className: "flex w-full items-center justify-center", children: /* @__PURE__ */ jsx(
           FactsViewToggle,
           {
@@ -2348,6 +2243,6 @@ function FactSearchResult({
   ] });
 }
 
-export { DEFAULT_FACTS_BULK_BAR_LABELS, DEFAULT_FACTS_EMPTY_STATE_LABELS, DEFAULT_FACTS_FIELDS_BUTTON_LABELS, DEFAULT_FACTS_FILTER_INPUT_LABELS, DEFAULT_FACTS_TOOLBAR_LABELS, DEFAULT_FACTS_VIEW_TOGGLE_LABELS, DEFAULT_FACT_COLUMN_LABELS, DEFAULT_FACT_COLUMN_ORDER, DEFAULT_FACT_COMPOSER_LABELS, DEFAULT_FACT_DATE_INPUT_LABELS, DEFAULT_FACT_LABELS_CELL_LABELS, DEFAULT_FACT_PASSAGES_LABELS, DEFAULT_FACT_ROW_ACTIONS_LABELS, DEFAULT_FACT_SEARCH_BAR_LABELS, DEFAULT_FACT_SEARCH_RESULT_LABELS, DEFAULT_FACT_SOURCES_ROW_LABELS, DEFAULT_FACT_SOURCE_GROUP_LABELS, DEFAULT_FACT_TIMELINE_LABELS, EMPTY_FACT_DATE_FIELDS, FACTS_SEARCH_FIELD_OPTIONS, FactComposer, FactDateInput, FactFieldRow, FactLabelsCell, FactPassageItem, FactRowActions, FactSearchBar, FactSearchNoMatches, FactSearchPending, FactSearchResult, FactSearchTotals, FactSourceGroup, FactSourcesPanel, FactSourcesRow, FactsBulkBar, FactsCalendar, FactsEmptyState, FactsFieldsButton, FactsFilterInput, FactsGanttPane, FactsLoadError, FactsLoading, FactsTable, FactsToolbar, FactsViewToggle, ISO_DATE_FILTER_PARAMS, createFactColumns, decodeWhitespaceEntities, detectTimezone, factDateFieldsToSpan, factDateSpanToFields, renderPreviewInline, sourceDocCount, supportedTimezones, toFactRow, toFactRows, toPreviewLine };
+export { DEFAULT_FACTS_BULK_BAR_LABELS, DEFAULT_FACTS_EMPTY_STATE_LABELS, DEFAULT_FACTS_FIELDS_BUTTON_LABELS, DEFAULT_FACTS_TOOLBAR_LABELS, DEFAULT_FACTS_VIEW_TOGGLE_LABELS, DEFAULT_FACT_COLUMN_LABELS, DEFAULT_FACT_COLUMN_ORDER, DEFAULT_FACT_COMPOSER_LABELS, DEFAULT_FACT_DATE_INPUT_LABELS, DEFAULT_FACT_LABELS_CELL_LABELS, DEFAULT_FACT_PASSAGES_LABELS, DEFAULT_FACT_ROW_ACTIONS_LABELS, DEFAULT_FACT_SEARCH_BAR_LABELS, DEFAULT_FACT_SEARCH_RESULT_LABELS, DEFAULT_FACT_SOURCES_ROW_LABELS, DEFAULT_FACT_SOURCE_GROUP_LABELS, DEFAULT_FACT_TIMELINE_LABELS, EMPTY_FACT_DATE_FIELDS, FactComposer, FactDateInput, FactFieldRow, FactLabelsCell, FactPassageItem, FactRowActions, FactSearchBar, FactSearchNoMatches, FactSearchPending, FactSearchResult, FactSearchTotals, FactSourceGroup, FactSourcesPanel, FactSourcesRow, FactsBulkBar, FactsCalendar, FactsEmptyState, FactsFieldsButton, FactsGanttPane, FactsLoadError, FactsLoading, FactsTable, FactsToolbar, FactsViewToggle, ISO_DATE_FILTER_PARAMS, createFactColumns, decodeWhitespaceEntities, detectTimezone, factDateFieldsToSpan, factDateSpanToFields, renderPreviewInline, sourceDocCount, supportedTimezones, toFactRow, toFactRows, toPreviewLine };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map