@arbidocs/blocks 0.4.89 → 0.4.90

package/dist/files/cells/LabelMultiSelect.d.ts

@@ -34,15 +34,23 @@ export interface LabelPickerListProps {
     onToggle: (id: string) => void;
     /** Create a label named `name`; omit to hide "Create ..." (the picker only toggles). */
     onCreate?: (name: string) => void;
+    /**
+     * Further ways to create from the typed name, each its own row under "Create ..." (e.g. one per
+     * kind of tag). Enter still runs `onCreate`.
+     */
+    moreCreates?: {
+        label: (name: string) => string;
+        onCreate: (name: string) => void;
+    }[];
     /** Opens the label editor; omit to hide the per-option edit button. */
     onEditLabels?: () => void;
     labels?: Partial<LabelMultiSelectLabels>;
 }
 /**
- * Searchable list of labels with check boxes: type to filter, Enter (or the "Create ..." row)
- * creates a label that does not exist yet. Used by the grid cell and the document form field.
+ * Searchable list of labels with check boxes: type to filter, Enter (or the "Create ..." row, shown
+ * 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.
  */
-export declare function LabelPickerList({ options, appliedIds, mixedIds, onToggle, onCreate, onEditLabels, labels, }: LabelPickerListProps): import("react").JSX.Element;
+export declare function LabelPickerList({ options, appliedIds, mixedIds, onToggle, onCreate, moreCreates, onEditLabels, labels, }: LabelPickerListProps): import("react").JSX.Element;
 /**
  * Labels column cell: applied labels as bordered chips; click (or Enter) opens a popover to
  * toggle labels or type a new name and press Enter to create it. Empty cells show a pencil on

package/dist/files/index.cjs

@@ -9,7 +9,7 @@ var chunk3AFWGEDJ_cjs = require('../chunk-3AFWGEDJ.cjs');
 var chunkVFUWWH52_cjs = require('../chunk-VFUWWH52.cjs');
 var chunkDETZZBG2_cjs = require('../chunk-DETZZBG2.cjs');
 var chunkV4ISCZJ7_cjs = require('../chunk-V4ISCZJ7.cjs');
-var chunk2CFW2ELM_cjs = require('../chunk-2CFW2ELM.cjs');
+var chunk2EI7NCUA_cjs = require('../chunk-2EI7NCUA.cjs');
 var chunkOB5F4577_cjs = require('../chunk-OB5F4577.cjs');
 require('../chunk-PPCATBOY.cjs');
 require('../chunk-C54XEN5T.cjs');
@@ -142,7 +142,7 @@ var DEFAULT_FILES_SEARCH_LABELS = {
 };
 function FilesSearchInput(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk2CFW2ELM_cjs.FilterInput,
+    chunk2EI7NCUA_cjs.FilterInput,
     {
       value: props.value,
       onChange: props.onChange,
@@ -3838,6 +3838,7 @@ function LabelPickerList({
   mixedIds,
   onToggle,
   onCreate,
+  moreCreates,
   onEditLabels,
   labels
 }) {
@@ -3865,16 +3866,7 @@ function LabelPickerList({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs(ui.CommandList, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.CommandEmpty, { children: trimmed && onCreate ? /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: create,
-          onPointerDown: (e) => e.preventDefault(),
-          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",
-          children: l.create(trimmed)
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: l.noLabels }) }),
+      !(trimmed && onCreate) && /* @__PURE__ */ jsxRuntime.jsx(ui.CommandEmpty, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: l.noLabels }) }),
       /* @__PURE__ */ jsxRuntime.jsx(ui.CommandGroup, { children: options.map((o) => {
         const isApplied = appliedIds.has(o.id);
         const isMixed = mixedIds?.has(o.id);
@@ -3922,7 +3914,21 @@ function LabelPickerList({
           o.id
         );
       }) })
-    ] })
+    ] }),
+    trimmed && onCreate && !matchesExisting && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border p-1", "data-slot": "label-picker-create", children: [{ label: l.create, onCreate }, ...moreCreates ?? []].map((c, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          c.onCreate(trimmed);
+          setSearch("");
+        },
+        onPointerDown: (e) => e.preventDefault(),
+        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",
+        children: c.label(trimmed)
+      },
+      i
+    )) })
   ] });
 }
 var LabelMultiSelectView = react.memo(function LabelMultiSelectView2({