@arbidocs/blocks 0.4.153 → 0.4.154

package/dist/{chunk-LGBAZD37.js → chunk-XRL4R2TT.js}

@@ -1,143 +1,11 @@
 "use client";
-import { ChevronRight, GripVertical, ArrowDownFromLine, ArrowUpFromLine } from 'lucide-react';
-import { cn, Tooltip, TooltipTrigger, TooltipContent } from '@arbidocs/react/ui';
-import { jsx, jsxs } from 'react/jsx-runtime';
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
+import { GripVertical, ArrowDownFromLine, ArrowUpFromLine } from 'lucide-react';
+import { cn, Tooltip, TooltipTrigger, TooltipContent } from '@arbidocs/react/ui';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
-// src/home/CollapsibleSection.tsx
-var DEFAULT_COLLAPSIBLE_SECTION_LABELS = {
-  collapseSection: "Collapse section",
-  expandSection: "Expand section"
-};
-function CollapsibleSection({
-  title,
-  icon,
-  isExpanded,
-  onToggle,
-  children,
-  count,
-  hasActiveFilters = false,
-  expandWhenEmpty = false,
-  childrenClassName,
-  headerClassName,
-  className,
-  rightContent,
-  collapsible = true,
-  onHeaderClick,
-  labels
-}) {
-  const l = { ...DEFAULT_COLLAPSIBLE_SECTION_LABELS, ...labels };
-  const hasCount = count !== void 0;
-  const shouldBeExpanded = !collapsible ? true : hasCount ? count > 0 ? isExpanded : expandWhenEmpty && isExpanded : isExpanded;
-  const hasContent = hasCount ? count > 0 || expandWhenEmpty : true;
-  const chevron = /* @__PURE__ */ jsx(
-    ChevronRight,
-    {
-      className: cn("size-4 shrink-0 transition-transform", shouldBeExpanded && "rotate-90")
-    }
-  );
-  const titleBlock = /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
-    icon,
-    typeof title === "string" ? title && /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap", children: title }) : title,
-    hasCount && /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: cn(
-          "ml-1 text-xs tabular-nums",
-          hasActiveFilters ? "rounded-full bg-primary px-1.5 font-medium text-primary-foreground" : "font-normal text-muted-foreground"
-        ),
-        children: count
-      }
-    )
-  ] });
-  return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), "data-slot": "collapsible-section", children: [
-    onHeaderClick ? /* @__PURE__ */ jsxs(
-      "div",
-      {
-        role: "button",
-        tabIndex: 0,
-        onClick: onHeaderClick,
-        onKeyDown: (e) => {
-          if (e.key === "Enter" || e.key === " ") {
-            e.preventDefault();
-            onHeaderClick();
-          }
-        },
-        className: cn(
-          "mb-4 flex cursor-pointer items-center justify-between gap-2 font-semibold pointer-coarse:min-h-11 transition-colors hover:bg-muted/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-          headerClassName
-        ),
-        "data-slot": "collapsible-section-header",
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2 text-left", children: [
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                "aria-expanded": shouldBeExpanded,
-                "aria-label": shouldBeExpanded ? l.collapseSection : l.expandSection,
-                disabled: !hasContent,
-                onClick: (e) => {
-                  e.stopPropagation();
-                  if (hasContent) onToggle();
-                },
-                className: "-ml-0.5 shrink-0 rounded-md p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-40 pointer-coarse:p-3.5",
-                children: chevron
-              }
-            ),
-            titleBlock
-          ] }),
-          rightContent && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center", children: rightContent })
-        ]
-      }
-    ) : !collapsible ? /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn("mb-4 flex items-center justify-between", headerClassName),
-        "data-slot": "collapsible-section-header",
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "flex min-w-0 items-center gap-2 text-left font-medium", children: titleBlock }),
-          rightContent && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center", children: rightContent })
-        ]
-      }
-    ) : /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn("mb-4 flex items-center justify-between", headerClassName),
-        "data-slot": "collapsible-section-header",
-        children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              role: "button",
-              tabIndex: hasContent ? 0 : -1,
-              "aria-expanded": shouldBeExpanded,
-              "aria-disabled": !hasContent,
-              onClick: hasContent ? onToggle : void 0,
-              onKeyDown: hasContent ? (e) => {
-                if (e.key === "Enter" || e.key === " ") {
-                  e.preventDefault();
-                  onToggle();
-                }
-              } : void 0,
-              className: cn(
-                "touch-hit flex min-w-0 items-center gap-2 rounded-md text-left font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                hasContent ? "cursor-pointer hover:text-muted-foreground" : "cursor-default opacity-60"
-              ),
-              children: [
-                chevron,
-                titleBlock
-              ]
-            }
-          ),
-          rightContent && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center", children: rightContent })
-        ]
-      }
-    ),
-    shouldBeExpanded && /* @__PURE__ */ jsx("div", { className: childrenClassName ?? "mb-8 flex flex-wrap justify-start gap-6", children })
-  ] });
-}
+// src/home/KeyValueRow.tsx
 var DEFAULT_KEY_VALUE_ROW_LABELS = {
   hideField: "Hide this field",
   showField: "Show this field",
@@ -336,6 +204,6 @@ function KeyValueRow({
   );
 }
 
-export { CollapsibleSection, DEFAULT_COLLAPSIBLE_SECTION_LABELS, DEFAULT_KEY_VALUE_ROW_LABELS, KeyValueContainer, KeyValueRow };
-//# sourceMappingURL=chunk-LGBAZD37.js.map
-//# sourceMappingURL=chunk-LGBAZD37.js.map
+export { DEFAULT_KEY_VALUE_ROW_LABELS, KeyValueContainer, KeyValueRow };
+//# sourceMappingURL=chunk-XRL4R2TT.js.map
+//# sourceMappingURL=chunk-XRL4R2TT.js.map

package/dist/chunk-XRL4R2TT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/home/KeyValueRow.tsx"],"names":[],"mappings":"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","file":"chunk-XRL4R2TT.js","sourcesContent":["import type { ReactNode } from 'react'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport { ArrowDownFromLine, ArrowUpFromLine, GripVertical } from 'lucide-react'\nimport { Tooltip, TooltipContent, TooltipTrigger, cn } from '@arbidocs/react/ui'\n\n/** Fixed strings of the row controls. */\nexport interface KeyValueRowLabels {\n  hideField: string\n  showField: string\n  dragToReorder: string\n}\n\nexport const DEFAULT_KEY_VALUE_ROW_LABELS: KeyValueRowLabels = {\n  hideField: 'Hide this field',\n  showField: 'Show this field',\n  dragToReorder: 'Drag to reorder',\n}\n\nexport interface KeyValueRowProps {\n  /** Label text; also the accessible name when `labelSlot` replaces it visually. */\n  label: string\n  /** Glyph before the label. */\n  icon?: ReactNode\n  /** Id of the control in the value: renders the label as a real `<label for>`. */\n  htmlFor?: string\n  /** Replaces the icon + label (e.g. a tag pill that is itself the label). */\n  labelSlot?: ReactNode\n  /** The value, on the right (or below the label when the container is narrow). */\n  children: ReactNode\n  className?: string\n  'data-testid'?: string\n  /** Enables drag reordering; requires a parent `DndContext` + `SortableContext`. */\n  sortableId?: string\n  /** Shows a \"hide this field\" control on the label line. */\n  onHide?: () => void\n  /** Shows a \"show this field\" control (for hidden rows, rendered dimmed). */\n  onShow?: () => void\n  labels?: Partial<KeyValueRowLabels>\n}\n\n/**\n * Wrap rows in this to switch on container-query responsiveness: a row stacks\n * its label above its value in a narrow container and goes side by side when\n * wider, by the container's width and not the viewport's.\n */\nexport function KeyValueContainer({\n  children,\n  className,\n}: {\n  children: ReactNode\n  className?: string\n}) {\n  return <div className={cn('@container', className)}>{children}</div>\n}\n\n/** Small square control, sized to sit on the label line (44px on touch). */\nfunction RowControlButton({\n  onClick,\n  label,\n  icon,\n}: {\n  onClick: () => void\n  label: string\n  icon: ReactNode\n}) {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <button\n          type=\"button\"\n          onClick={onClick}\n          aria-label={label}\n          className=\"flex size-5 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:size-11\"\n        >\n          {icon}\n        </button>\n      </TooltipTrigger>\n      <TooltipContent side=\"top\">\n        <p>{label}</p>\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n\ninterface RowBodyProps {\n  grip: ReactNode\n  icon?: ReactNode\n  htmlFor?: string\n  labelSlot?: ReactNode\n  label: string\n  children: ReactNode\n  onHide?: () => void\n  onShow?: () => void\n  labels: KeyValueRowLabels\n}\n\n/**\n * The shared row body: a label line (grip + hide/show + icon/label) beside the\n * value. Controls sit on the label's line so they align with the label even\n * when the value is a tall multi-line field.\n */\nfunction RowBody({\n  grip,\n  icon,\n  htmlFor,\n  labelSlot,\n  label,\n  children,\n  onHide,\n  onShow,\n  labels,\n}: RowBodyProps) {\n  const LabelText = htmlFor ? 'label' : 'span'\n  return (\n    <div className=\"flex min-w-0 flex-1 flex-col gap-1 py-1.5 @[400px]:flex-row @[400px]:items-start @[400px]:gap-4\">\n      <div\n        className=\"flex w-full shrink-0 items-center gap-1 @[400px]:w-44 @[400px]:pt-2\"\n        data-slot=\"key-value-label\"\n      >\n        {grip}\n        {onHide && (\n          <RowControlButton\n            onClick={onHide}\n            label={labels.hideField}\n            icon={<ArrowDownFromLine className=\"size-3.5\" />}\n          />\n        )}\n        {onShow && (\n          <RowControlButton\n            onClick={onShow}\n            label={labels.showField}\n            icon={<ArrowUpFromLine className=\"size-3.5 text-primary\" />}\n          />\n        )}\n        {labelSlot ?? (\n          <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n            {icon && (\n              <span className=\"inline-flex shrink-0 items-center justify-center text-muted-foreground/60\">\n                {icon}\n              </span>\n            )}\n            <LabelText\n              {...(htmlFor ? { htmlFor } : null)}\n              className=\"truncate text-sm font-medium text-muted-foreground\"\n            >\n              {label}\n            </LabelText>\n          </span>\n        )}\n      </div>\n      <div className=\"min-w-0 flex-1\" data-slot=\"key-value-value\">\n        {children}\n      </div>\n    </div>\n  )\n}\n\nconst ROW_CLASS =\n  'group flex items-start rounded-md pl-1 pr-1.5 transition-colors hover:bg-muted/50'\n\ntype SortableRowProps = Omit<KeyValueRowProps, 'data-testid' | 'labels'> & {\n  labels: KeyValueRowLabels\n  sortableId: string\n  testId?: string\n}\n\nfunction SortableKeyValueRow({\n  sortableId,\n  label,\n  icon,\n  htmlFor,\n  labelSlot,\n  children,\n  className,\n  testId,\n  onHide,\n  onShow,\n  labels,\n}: SortableRowProps) {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id: sortableId,\n  })\n\n  const grip = (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <button\n          type=\"button\"\n          aria-label={labels.dragToReorder}\n          className=\"flex size-5 shrink-0 cursor-grab touch-none items-center justify-center rounded-md text-muted-foreground/60 transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring active:cursor-grabbing pointer-coarse:size-11\"\n          {...attributes}\n          {...listeners}\n        >\n          <GripVertical className=\"size-3.5\" />\n        </button>\n      </TooltipTrigger>\n      <TooltipContent side=\"top\">\n        <p>{labels.dragToReorder}</p>\n      </TooltipContent>\n    </Tooltip>\n  )\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={{\n        transform: CSS.Transform.toString(transform),\n        transition,\n        opacity: isDragging ? 0 : 1,\n      }}\n      className={cn(ROW_CLASS, className)}\n      data-slot=\"key-value-row\"\n      data-testid={testId}\n    >\n      <RowBody\n        grip={grip}\n        icon={icon}\n        htmlFor={htmlFor}\n        labelSlot={labelSlot}\n        label={label}\n        onHide={onHide}\n        onShow={onShow}\n        labels={labels}\n      >\n        {children}\n      </RowBody>\n    </div>\n  )\n}\n\n/**\n * A label/value row for forms, settings and detail views. Optionally sortable\n * (drag handle) and hideable (hide/show controls), all visible without hover.\n */\nexport function KeyValueRow({\n  label,\n  icon,\n  htmlFor,\n  labelSlot,\n  children,\n  className,\n  'data-testid': testId,\n  sortableId,\n  onHide,\n  onShow,\n  labels,\n}: KeyValueRowProps) {\n  const mergedLabels = { ...DEFAULT_KEY_VALUE_ROW_LABELS, ...labels }\n  if (sortableId) {\n    return (\n      <SortableKeyValueRow\n        sortableId={sortableId}\n        label={label}\n        icon={icon}\n        htmlFor={htmlFor}\n        labelSlot={labelSlot}\n        className={className}\n        testId={testId}\n        onHide={onHide}\n        onShow={onShow}\n        labels={mergedLabels}\n      >\n        {children}\n      </SortableKeyValueRow>\n    )\n  }\n\n  return (\n    <div\n      className={cn(ROW_CLASS, onShow && 'opacity-60', className)}\n      data-slot=\"key-value-row\"\n      data-testid={testId}\n    >\n      <RowBody\n        grip={null}\n        icon={icon}\n        htmlFor={htmlFor}\n        labelSlot={labelSlot}\n        label={label}\n        onShow={onShow}\n        labels={mergedLabels}\n      >\n        {children}\n      </RowBody>\n    </div>\n  )\n}\n"]}

package/dist/{chunk-4JNKXOFZ.cjs → chunk-YBJ4QGNH.cjs}

@@ -1,8 +1,8 @@
 "use client";
 'use strict';
 
-var chunkEYKISBDO_cjs = require('./chunk-EYKISBDO.cjs');
-var chunkRQ2Y7USX_cjs = require('./chunk-RQ2Y7USX.cjs');
+var chunkOALEDG67_cjs = require('./chunk-OALEDG67.cjs');
+var chunk2VHYOTWW_cjs = require('./chunk-2VHYOTWW.cjs');
 var chunkZW6FPIFC_cjs = require('./chunk-ZW6FPIFC.cjs');
 var chunkAHDJXIUB_cjs = require('./chunk-AHDJXIUB.cjs');
 var chunkV4ISCZJ7_cjs = require('./chunk-V4ISCZJ7.cjs');
@@ -316,7 +316,7 @@ function SchemaForm({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cn("flex flex-col gap-4", className), "data-slot": "schema-form", children: [
     common.map(render),
     advanced.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEYKISBDO_cjs.FoldSection,
+      chunkOALEDG67_cjs.FoldSection,
       {
         label: l.advanced,
         open: advancedOpen,
@@ -476,7 +476,7 @@ function WorkflowConfigDialog({
   const firstField = workflow.inputs.find((f) => !f.advanced);
   const focusPromptFirst = firstField?.type === "text" || firstField?.type === "longtext";
   const defaultScopeRender = scopeSource ? (_field, value, onChange) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkEYKISBDO_cjs.ScopePicker,
+    chunkOALEDG67_cjs.ScopePicker,
     {
       folders: scopeSource.folders,
       unfiledCount: scopeSource.unfiledCount,
@@ -509,7 +509,7 @@ function WorkflowConfigDialog({
       },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkEYKISBDO_cjs.QuickActionDialogHeader,
+          chunkOALEDG67_cjs.QuickActionDialogHeader,
           {
             icon: workflow.icon && renderIcon ? renderIcon(workflow.icon) : null,
             title: workflow.title,
@@ -527,7 +527,7 @@ function WorkflowConfigDialog({
               submit();
             },
             children: noFiles ? /* @__PURE__ */ jsxRuntime.jsx(
-              chunkEYKISBDO_cjs.AddFilesFirst,
+              chunkOALEDG67_cjs.AddFilesFirst,
               {
                 reason: l.addFilesReason,
                 action: addFilesAction,
@@ -651,7 +651,7 @@ function WorkflowLauncher({
   });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, "data-slot": "workflow-launcher", children: [
     showTiles && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEYKISBDO_cjs.StartTiles,
+      chunkOALEDG67_cjs.StartTiles,
       {
         items: [...tiles, ...extraTiles],
         caption,
@@ -851,7 +851,7 @@ function WorkflowDocumentsField({
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkRQ2Y7USX_cjs.DocumentPicker,
+            chunk2VHYOTWW_cjs.DocumentPicker,
             {
               groups: [{ id: "all", heading: l.allDocuments, docs: [...offered].sort(byTitle) }],
               value: multiple ? "" : ids[0] ?? "",
@@ -1487,7 +1487,7 @@ function WorkflowsTable(props) {
                 ariaLabel: l.searchLabel,
                 testIds: { input: "workflow-search" },
                 filter: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkRQ2Y7USX_cjs.TriStateFilterMenu,
+                  chunk2VHYOTWW_cjs.TriStateFilterMenu,
                   {
                     testId: "automations-filter-button",
                     open: filterOpen,
@@ -1623,5 +1623,5 @@ exports.matchWorkflowScope = matchWorkflowScope;
 exports.workflowRunStatusLabel = workflowRunStatusLabel;
 exports.workflowStatus = workflowStatus;
 exports.workflowTriggerType = workflowTriggerType;
-//# sourceMappingURL=chunk-4JNKXOFZ.cjs.map
-//# sourceMappingURL=chunk-4JNKXOFZ.cjs.map
+//# sourceMappingURL=chunk-YBJ4QGNH.cjs.map
+//# sourceMappingURL=chunk-YBJ4QGNH.cjs.map