@flanksource/clicky-ui 0.3.21 → 0.3.23

package/dist/profiles/profileFieldGrid.cjs

@@ -1,250 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const IconButton = require("../components/IconButton.cjs");
-const profileFieldTypes = require("./profileFieldTypes.cjs");
-const UiDotsVertical = require("../icons/components/UiDotsVertical.cjs");
-const UiEye = require("../icons/components/UiEye.cjs");
-const UiEyeClosed = require("../icons/components/UiEyeClosed.cjs");
-const UiTrash = require("../icons/components/UiTrash.cjs");
-const inputClassName = "w-full rounded-md border border-input bg-background px-3 py-2 text-sm outline-none focus:border-primary focus:ring-2 focus:ring-primary/15";
-const inputClassNameSm = "w-full rounded-md border border-input bg-background px-2 py-1 text-xs outline-none focus:border-primary focus:ring-2 focus:ring-primary/15";
-function ProfileFieldFilters({
-  state,
-  compact = false
-}) {
-  const className = compact ? inputClassNameSm : inputClassName;
-  const patch = (next) => state.setFilter((current) => ({ ...current, ...next }));
-  const search = /* @__PURE__ */ jsxRuntime.jsx(
-    "input",
-    {
-      type: "search",
-      value: state.filter.query,
-      onChange: (event) => patch({ query: event.target.value }),
-      placeholder: `Search ${state.available.length} fields`,
-      "aria-label": "Search fields",
-      className
-    }
-  );
-  const selects = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "select",
-      {
-        value: state.filter.type,
-        "aria-label": "Filter by field type",
-        className: compact ? `${className} w-auto` : className,
-        onChange: (event) => patch({ type: event.target.value }),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "All types" }),
-          state.types.map((type) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: type, children: type }, type))
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "select",
-      {
-        value: state.filter.selection,
-        "aria-label": "Filter by selection",
-        className: compact ? `${className} w-auto` : className,
-        onChange: (event) => patch({ selection: event.target.value }),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "all", children: "All fields" }),
-          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "selected", children: "Selected" }),
-          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "unselected", children: "Not selected" })
-        ]
-      }
-    )
-  ] });
-  if (compact) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[1fr_auto_auto] gap-2", children: [
-      search,
-      selects
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-    search,
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: selects })
-  ] });
-}
-function ProfileFieldGrid({ state }) {
-  const [source, setSource] = react.useState("");
-  const [target, setTarget] = react.useState("");
-  const order = state.visibleFields.map((field) => field.name);
-  const end = () => {
-    setSource("");
-    setTarget("");
-  };
-  const drag = {
-    source,
-    edgeFor: (name) => !source || target !== name || source === name ? null : order.indexOf(source) < order.indexOf(name) ? "bottom" : "top",
-    start: setSource,
-    over: setTarget,
-    drop: (name) => {
-      state.reorderField(source, name);
-      end();
-    },
-    end
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-0 flex-1 overflow-auto", role: "list", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-fit border-collapse text-left", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "sticky top-0 z-10 bg-muted/70 backdrop-blur", children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: ["Actions", "Field", "Display label", "Type", "CEL"].map((heading) => /* @__PURE__ */ jsxRuntime.jsx(
-        "th",
-        {
-          className: "whitespace-nowrap border-b border-border px-3 py-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground",
-          children: heading
-        },
-        heading
-      )) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: state.visibleFields.map((field) => {
-        var _a;
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          ProfileFieldGridRow,
-          {
-            field,
-            state,
-            drag,
-            selected: state.selectedNames.has(field.name),
-            active: ((_a = state.activeField) == null ? void 0 : _a.name) === field.name
-          },
-          field.name
-        );
-      }) })
-    ] }),
-    state.visibleFields.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "p-8 text-center text-sm text-muted-foreground", children: "No fields match these filters." }) : null
-  ] });
-}
-const dropEdgeClassName = {
-  top: "[&>td]:shadow-[inset_0_2px_0_0_var(--color-primary)]",
-  bottom: "[&>td]:shadow-[inset_0_-2px_0_0_var(--color-primary)]"
-};
-function ProfileFieldGridRow({
-  field,
-  state,
-  drag,
-  selected,
-  active
-}) {
-  const [grabbed, setGrabbed] = react.useState(false);
-  const fieldState = !selected ? "deleted" : field.hidden ? "hidden" : "visible";
-  const stateClassName = fieldState === "deleted" ? "text-muted-foreground line-through opacity-60 [&_input]:line-through [&_select]:line-through" : fieldState === "hidden" ? "text-muted-foreground opacity-60" : "";
-  const dragging = drag.source === field.name;
-  const droppable = selected && Boolean(drag.source) && !dragging;
-  const edge = droppable ? drag.edgeFor(field.name) : null;
-  const release = () => {
-    setGrabbed(false);
-    drag.end();
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "tr",
-    {
-      role: "listitem",
-      "data-field-state": fieldState,
-      "data-drop-edge": edge ?? void 0,
-      draggable: grabbed,
-      onDragStart: (event) => {
-        event.dataTransfer.effectAllowed = "move";
-        event.dataTransfer.setData("text/plain", field.name);
-        drag.start(field.name);
-      },
-      onDragOver: (event) => {
-        if (!droppable) return;
-        event.preventDefault();
-        event.dataTransfer.dropEffect = "move";
-        drag.over(field.name);
-      },
-      onDrop: (event) => {
-        if (!droppable) return;
-        event.preventDefault();
-        setGrabbed(false);
-        drag.drop(field.name);
-      },
-      onDragEnd: release,
-      className: [
-        "border-b border-border",
-        active ? "bg-primary/10" : "hover:bg-muted/40",
-        stateClassName,
-        dragging ? "opacity-40" : "",
-        edge ? dropEdgeClassName[edge] : ""
-      ].filter(Boolean).join(" "),
-      onClick: () => state.setActiveName(field.name),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-1", onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            IconButton.IconButton,
-            {
-              icon: UiDotsVertical.UiDotsVertical,
-              label: `Reorder ${field.name}`,
-              disabled: !selected,
-              className: "cursor-grab active:cursor-grabbing",
-              onMouseDown: () => setGrabbed(true),
-              onMouseUp: release,
-              onKeyDown: (event) => {
-                const offset = event.key === "ArrowUp" ? -1 : event.key === "ArrowDown" ? 1 : 0;
-                if (!offset) return;
-                event.preventDefault();
-                state.moveField(field, offset);
-              }
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            IconButton.IconButton,
-            {
-              icon: field.hidden ? UiEye.UiEye : UiEyeClosed.UiEyeClosed,
-              label: `${field.hidden ? "Show" : "Hide"} ${field.name}`,
-              disabled: !selected,
-              onClick: () => state.patchField(field, { hidden: !field.hidden })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            IconButton.IconButton,
-            {
-              icon: UiTrash.UiTrash,
-              label: `Delete ${field.name}`,
-              disabled: !selected,
-              className: "text-destructive hover:text-destructive",
-              onClick: () => state.removeField(field)
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            value: field.name,
-            "aria-label": `Rename ${field.name}`,
-            disabled: !selected,
-            className: `${inputClassNameSm} min-w-[10rem] font-mono`,
-            onChange: (event) => state.patchField(field, { name: event.target.value })
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            value: field.label ?? "",
-            placeholder: field.name,
-            "aria-label": `Label for ${field.name}`,
-            className: `${inputClassNameSm} min-w-[9rem]`,
-            onChange: (event) => state.patchField(field, { label: event.target.value || void 0 })
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
-          "select",
-          {
-            value: field.type ?? "",
-            "aria-label": `Type for ${field.name}`,
-            className: `${inputClassNameSm} w-auto`,
-            onChange: (event) => state.patchField(field, { type: event.target.value || void 0 }),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "auto" }),
-              profileFieldTypes.PROFILE_FIELD_TYPES.map((type) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: type, children: type }, type))
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-1", children: field.cel ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded bg-primary/10 px-1.5 py-0.5 font-mono text-[10px] text-primary", children: "set" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] text-muted-foreground", children: "—" }) })
-      ]
-    }
-  );
-}
-exports.ProfileFieldFilters = ProfileFieldFilters;
-exports.ProfileFieldGrid = ProfileFieldGrid;
-//# sourceMappingURL=profileFieldGrid.cjs.map

package/dist/profiles/profileFieldGrid.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"profileFieldGrid.cjs","sources":["../../src/profiles/profileFieldGrid.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { IconButton } from \"../components/IconButton\";\nimport {\n  UiDotsVertical,\n  UiEye,\n  UiEyeClosed,\n  UiTrash,\n} from \"../icons\";\nimport type { ProfileFieldState } from \"./profileFieldState\";\nimport type { ProfileColumn, ProfileFieldFilter } from \"./profileWizardModel\";\nimport { PROFILE_FIELD_TYPES } from \"./profileFieldTypes\";\n\nconst inputClassName =\n  \"w-full rounded-md border border-input bg-background px-3 py-2 text-sm outline-none focus:border-primary focus:ring-2 focus:ring-primary/15\";\n\nconst inputClassNameSm =\n  \"w-full rounded-md border border-input bg-background px-2 py-1 text-xs outline-none focus:border-primary focus:ring-2 focus:ring-primary/15\";\n\n/** Search, type and selection filters. `compact` lays them out on one row for\n * the editor route's pinned toolbar; the wizard stacks them in its card. */\nexport function ProfileFieldFilters({\n  state,\n  compact = false,\n}: {\n  state: ProfileFieldState;\n  compact?: boolean;\n}) {\n  const className = compact ? inputClassNameSm : inputClassName;\n  const patch = (next: Partial<ProfileFieldFilter>) =>\n    state.setFilter((current) => ({ ...current, ...next }));\n  const search = (\n    <input\n      type=\"search\"\n      value={state.filter.query}\n      onChange={(event) => patch({ query: event.target.value })}\n      placeholder={`Search ${state.available.length} fields`}\n      aria-label=\"Search fields\"\n      className={className}\n    />\n  );\n  const selects = (\n    <>\n      <select\n        value={state.filter.type}\n        aria-label=\"Filter by field type\"\n        className={compact ? `${className} w-auto` : className}\n        onChange={(event) => patch({ type: event.target.value })}\n      >\n        <option value=\"\">All types</option>\n        {state.types.map((type) => (\n          <option key={type} value={type}>{type}</option>\n        ))}\n      </select>\n      <select\n        value={state.filter.selection}\n        aria-label=\"Filter by selection\"\n        className={compact ? `${className} w-auto` : className}\n        onChange={(event) =>\n          patch({ selection: event.target.value as ProfileFieldFilter[\"selection\"] })\n        }\n      >\n        <option value=\"all\">All fields</option>\n        <option value=\"selected\">Selected</option>\n        <option value=\"unselected\">Not selected</option>\n      </select>\n    </>\n  );\n  if (compact) {\n    return <div className=\"grid grid-cols-[1fr_auto_auto] gap-2\">{search}{selects}</div>;\n  }\n  return (\n    <div className=\"space-y-3\">\n      {search}\n      <div className=\"grid grid-cols-2 gap-2\">{selects}</div>\n    </div>\n  );\n}\n\n/** The in-flight row drag, shared by every row so a row can tell whether it is\n *  the one being dragged and which of its edges the drop would land on. */\ntype ProfileFieldDrag = {\n  /** Name of the field being dragged, or \"\" when no drag is in flight. */\n  source: string;\n  /** Which edge of `name` an insertion line belongs on, if any. */\n  edgeFor: (name: string) => \"top\" | \"bottom\" | null;\n  start: (name: string) => void;\n  over: (name: string) => void;\n  drop: (name: string) => void;\n  end: () => void;\n};\n\n/**\n * Spreadsheet-style column list: include, label and type are edited in place,\n * with quick visibility and delete actions on every row. Anything that does not\n * fit a grid cell — role, format, unit, width, CEL — stays in the inspector pane.\n *\n * Rows are dragged by their handle to reorder the profile's columns. Only\n * configured fields take part: a deleted one has no position of its own, so it\n * is neither draggable nor a drop target.\n */\nexport function ProfileFieldGrid({ state }: { state: ProfileFieldState }) {\n  const [source, setSource] = useState(\"\");\n  const [target, setTarget] = useState(\"\");\n  const order = state.visibleFields.map((field) => field.name);\n  const end = () => {\n    setSource(\"\");\n    setTarget(\"\");\n  };\n  const drag: ProfileFieldDrag = {\n    source,\n    edgeFor: (name) =>\n      !source || target !== name || source === name\n        ? null\n        : order.indexOf(source) < order.indexOf(name)\n          ? \"bottom\"\n          : \"top\",\n    start: setSource,\n    over: setTarget,\n    drop: (name) => {\n      state.reorderField(source, name);\n      end();\n    },\n    end,\n  };\n  return (\n    <div className=\"min-h-0 flex-1 overflow-auto\" role=\"list\">\n      <table className=\"w-fit border-collapse text-left\">\n        <thead className=\"sticky top-0 z-10 bg-muted/70 backdrop-blur\">\n          <tr>\n            {[\"Actions\", \"Field\", \"Display label\", \"Type\", \"CEL\"].map((heading) => (\n              <th\n                key={heading}\n                className=\"whitespace-nowrap border-b border-border px-3 py-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground\"\n              >\n                {heading}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {state.visibleFields.map((field) => (\n            <ProfileFieldGridRow\n              key={field.name}\n              field={field}\n              state={state}\n              drag={drag}\n              selected={state.selectedNames.has(field.name)}\n              active={state.activeField?.name === field.name}\n            />\n          ))}\n        </tbody>\n      </table>\n      {state.visibleFields.length === 0 ? (\n        <p className=\"p-8 text-center text-sm text-muted-foreground\">\n          No fields match these filters.\n        </p>\n      ) : null}\n    </div>\n  );\n}\n\nconst dropEdgeClassName = {\n  top: \"[&>td]:shadow-[inset_0_2px_0_0_var(--color-primary)]\",\n  bottom: \"[&>td]:shadow-[inset_0_-2px_0_0_var(--color-primary)]\",\n} as const;\n\nfunction ProfileFieldGridRow({\n  field,\n  state,\n  drag,\n  selected,\n  active,\n}: {\n  field: ProfileColumn;\n  state: ProfileFieldState;\n  drag: ProfileFieldDrag;\n  selected: boolean;\n  active: boolean;\n}) {\n  // The row carries text inputs, so it stays undraggable until the handle is\n  // pressed — otherwise selecting text in a cell starts a reorder.\n  const [grabbed, setGrabbed] = useState(false);\n  const fieldState = !selected ? \"deleted\" : field.hidden ? \"hidden\" : \"visible\";\n  const stateClassName =\n    fieldState === \"deleted\"\n      ? \"text-muted-foreground line-through opacity-60 [&_input]:line-through [&_select]:line-through\"\n      : fieldState === \"hidden\"\n        ? \"text-muted-foreground opacity-60\"\n        : \"\";\n  const dragging = drag.source === field.name;\n  const droppable = selected && Boolean(drag.source) && !dragging;\n  const edge = droppable ? drag.edgeFor(field.name) : null;\n  const release = () => {\n    setGrabbed(false);\n    drag.end();\n  };\n  return (\n    <tr\n      role=\"listitem\"\n      data-field-state={fieldState}\n      data-drop-edge={edge ?? undefined}\n      draggable={grabbed}\n      onDragStart={(event) => {\n        event.dataTransfer.effectAllowed = \"move\";\n        event.dataTransfer.setData(\"text/plain\", field.name);\n        drag.start(field.name);\n      }}\n      onDragOver={(event) => {\n        if (!droppable) return;\n        event.preventDefault();\n        event.dataTransfer.dropEffect = \"move\";\n        drag.over(field.name);\n      }}\n      onDrop={(event) => {\n        if (!droppable) return;\n        event.preventDefault();\n        setGrabbed(false);\n        drag.drop(field.name);\n      }}\n      onDragEnd={release}\n      className={[\n        \"border-b border-border\",\n        active ? \"bg-primary/10\" : \"hover:bg-muted/40\",\n        stateClassName,\n        dragging ? \"opacity-40\" : \"\",\n        edge ? dropEdgeClassName[edge] : \"\",\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      onClick={() => state.setActiveName(field.name)}\n    >\n      <td className=\"px-3 py-1\" onClick={(event) => event.stopPropagation()}>\n        <div className=\"flex items-center gap-1\">\n          <IconButton\n            icon={UiDotsVertical}\n            label={`Reorder ${field.name}`}\n            disabled={!selected}\n            className=\"cursor-grab active:cursor-grabbing\"\n            onMouseDown={() => setGrabbed(true)}\n            onMouseUp={release}\n            onKeyDown={(event) => {\n              const offset =\n                event.key === \"ArrowUp\" ? -1 : event.key === \"ArrowDown\" ? 1 : 0;\n              if (!offset) return;\n              event.preventDefault();\n              state.moveField(field, offset);\n            }}\n          />\n          <IconButton\n            icon={field.hidden ? UiEye : UiEyeClosed}\n            label={`${field.hidden ? \"Show\" : \"Hide\"} ${field.name}`}\n            disabled={!selected}\n            onClick={() => state.patchField(field, { hidden: !field.hidden })}\n          />\n          <IconButton\n            icon={UiTrash}\n            label={`Delete ${field.name}`}\n            disabled={!selected}\n            className=\"text-destructive hover:text-destructive\"\n            onClick={() => state.removeField(field)}\n          />\n        </div>\n      </td>\n      <td className=\"px-3 py-1\">\n        <input\n          value={field.name}\n          aria-label={`Rename ${field.name}`}\n          disabled={!selected}\n          className={`${inputClassNameSm} min-w-[10rem] font-mono`}\n          onChange={(event) =>\n            state.patchField(field, { name: event.target.value })\n          }\n        />\n      </td>\n      <td className=\"px-3 py-1\">\n        <input\n          value={field.label ?? \"\"}\n          placeholder={field.name}\n          aria-label={`Label for ${field.name}`}\n          className={`${inputClassNameSm} min-w-[9rem]`}\n          onChange={(event) =>\n            state.patchField(field, { label: event.target.value || undefined })\n          }\n        />\n      </td>\n      <td className=\"px-3 py-1\">\n        <select\n          value={field.type ?? \"\"}\n          aria-label={`Type for ${field.name}`}\n          className={`${inputClassNameSm} w-auto`}\n          onChange={(event) =>\n            state.patchField(field, { type: event.target.value || undefined })\n          }\n        >\n          <option value=\"\">auto</option>\n          {PROFILE_FIELD_TYPES.map((type) => (\n            <option key={type} value={type}>{type}</option>\n          ))}\n        </select>\n      </td>\n      <td className=\"px-3 py-1\">\n        {field.cel ? (\n          <span className=\"rounded bg-primary/10 px-1.5 py-0.5 font-mono text-[10px] text-primary\">\n            set\n          </span>\n        ) : (\n          <span className=\"text-[11px] text-muted-foreground\">—</span>\n        )}\n      </td>\n    </tr>\n  );\n}\n"],"names":["jsx","jsxs","Fragment","useState","IconButton","UiDotsVertical","UiEye","UiEyeClosed","UiTrash","PROFILE_FIELD_TYPES"],"mappings":"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"}

package/dist/profiles/profileFieldGrid.d.ts

@@ -1,20 +0,0 @@
-import { ProfileFieldState } from './profileFieldState';
-/** Search, type and selection filters. `compact` lays them out on one row for
- * the editor route's pinned toolbar; the wizard stacks them in its card. */
-export declare function ProfileFieldFilters({ state, compact, }: {
-    state: ProfileFieldState;
-    compact?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-/**
- * Spreadsheet-style column list: include, label and type are edited in place,
- * with quick visibility and delete actions on every row. Anything that does not
- * fit a grid cell — role, format, unit, width, CEL — stays in the inspector pane.
- *
- * Rows are dragged by their handle to reorder the profile's columns. Only
- * configured fields take part: a deleted one has no position of its own, so it
- * is neither draggable nor a drop target.
- */
-export declare function ProfileFieldGrid({ state }: {
-    state: ProfileFieldState;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=profileFieldGrid.d.ts.map

package/dist/profiles/profileFieldGrid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"profileFieldGrid.d.ts","sourceRoot":"","sources":["../../src/profiles/profileFieldGrid.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAU7D;4EAC4E;AAC5E,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,OAAe,GAChB,EAAE;IACD,KAAK,EAAE,iBAAiB,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAkDA;AAeD;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,iBAAiB,CAAA;CAAE,2CA2DvE"}

package/dist/profiles/profileFieldGrid.js

@@ -1,250 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useState } from "react";
-import { IconButton } from "../components/IconButton.js";
-import { PROFILE_FIELD_TYPES } from "./profileFieldTypes.js";
-import { UiDotsVertical } from "../icons/components/UiDotsVertical.js";
-import { UiEye } from "../icons/components/UiEye.js";
-import { UiEyeClosed } from "../icons/components/UiEyeClosed.js";
-import { UiTrash } from "../icons/components/UiTrash.js";
-const inputClassName = "w-full rounded-md border border-input bg-background px-3 py-2 text-sm outline-none focus:border-primary focus:ring-2 focus:ring-primary/15";
-const inputClassNameSm = "w-full rounded-md border border-input bg-background px-2 py-1 text-xs outline-none focus:border-primary focus:ring-2 focus:ring-primary/15";
-function ProfileFieldFilters({
-  state,
-  compact = false
-}) {
-  const className = compact ? inputClassNameSm : inputClassName;
-  const patch = (next) => state.setFilter((current) => ({ ...current, ...next }));
-  const search = /* @__PURE__ */ jsx(
-    "input",
-    {
-      type: "search",
-      value: state.filter.query,
-      onChange: (event) => patch({ query: event.target.value }),
-      placeholder: `Search ${state.available.length} fields`,
-      "aria-label": "Search fields",
-      className
-    }
-  );
-  const selects = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      "select",
-      {
-        value: state.filter.type,
-        "aria-label": "Filter by field type",
-        className: compact ? `${className} w-auto` : className,
-        onChange: (event) => patch({ type: event.target.value }),
-        children: [
-          /* @__PURE__ */ jsx("option", { value: "", children: "All types" }),
-          state.types.map((type) => /* @__PURE__ */ jsx("option", { value: type, children: type }, type))
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      "select",
-      {
-        value: state.filter.selection,
-        "aria-label": "Filter by selection",
-        className: compact ? `${className} w-auto` : className,
-        onChange: (event) => patch({ selection: event.target.value }),
-        children: [
-          /* @__PURE__ */ jsx("option", { value: "all", children: "All fields" }),
-          /* @__PURE__ */ jsx("option", { value: "selected", children: "Selected" }),
-          /* @__PURE__ */ jsx("option", { value: "unselected", children: "Not selected" })
-        ]
-      }
-    )
-  ] });
-  if (compact) {
-    return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1fr_auto_auto] gap-2", children: [
-      search,
-      selects
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-    search,
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2", children: selects })
-  ] });
-}
-function ProfileFieldGrid({ state }) {
-  const [source, setSource] = useState("");
-  const [target, setTarget] = useState("");
-  const order = state.visibleFields.map((field) => field.name);
-  const end = () => {
-    setSource("");
-    setTarget("");
-  };
-  const drag = {
-    source,
-    edgeFor: (name) => !source || target !== name || source === name ? null : order.indexOf(source) < order.indexOf(name) ? "bottom" : "top",
-    start: setSource,
-    over: setTarget,
-    drop: (name) => {
-      state.reorderField(source, name);
-      end();
-    },
-    end
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 overflow-auto", role: "list", children: [
-    /* @__PURE__ */ jsxs("table", { className: "w-fit border-collapse text-left", children: [
-      /* @__PURE__ */ jsx("thead", { className: "sticky top-0 z-10 bg-muted/70 backdrop-blur", children: /* @__PURE__ */ jsx("tr", { children: ["Actions", "Field", "Display label", "Type", "CEL"].map((heading) => /* @__PURE__ */ jsx(
-        "th",
-        {
-          className: "whitespace-nowrap border-b border-border px-3 py-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground",
-          children: heading
-        },
-        heading
-      )) }) }),
-      /* @__PURE__ */ jsx("tbody", { children: state.visibleFields.map((field) => {
-        var _a;
-        return /* @__PURE__ */ jsx(
-          ProfileFieldGridRow,
-          {
-            field,
-            state,
-            drag,
-            selected: state.selectedNames.has(field.name),
-            active: ((_a = state.activeField) == null ? void 0 : _a.name) === field.name
-          },
-          field.name
-        );
-      }) })
-    ] }),
-    state.visibleFields.length === 0 ? /* @__PURE__ */ jsx("p", { className: "p-8 text-center text-sm text-muted-foreground", children: "No fields match these filters." }) : null
-  ] });
-}
-const dropEdgeClassName = {
-  top: "[&>td]:shadow-[inset_0_2px_0_0_var(--color-primary)]",
-  bottom: "[&>td]:shadow-[inset_0_-2px_0_0_var(--color-primary)]"
-};
-function ProfileFieldGridRow({
-  field,
-  state,
-  drag,
-  selected,
-  active
-}) {
-  const [grabbed, setGrabbed] = useState(false);
-  const fieldState = !selected ? "deleted" : field.hidden ? "hidden" : "visible";
-  const stateClassName = fieldState === "deleted" ? "text-muted-foreground line-through opacity-60 [&_input]:line-through [&_select]:line-through" : fieldState === "hidden" ? "text-muted-foreground opacity-60" : "";
-  const dragging = drag.source === field.name;
-  const droppable = selected && Boolean(drag.source) && !dragging;
-  const edge = droppable ? drag.edgeFor(field.name) : null;
-  const release = () => {
-    setGrabbed(false);
-    drag.end();
-  };
-  return /* @__PURE__ */ jsxs(
-    "tr",
-    {
-      role: "listitem",
-      "data-field-state": fieldState,
-      "data-drop-edge": edge ?? void 0,
-      draggable: grabbed,
-      onDragStart: (event) => {
-        event.dataTransfer.effectAllowed = "move";
-        event.dataTransfer.setData("text/plain", field.name);
-        drag.start(field.name);
-      },
-      onDragOver: (event) => {
-        if (!droppable) return;
-        event.preventDefault();
-        event.dataTransfer.dropEffect = "move";
-        drag.over(field.name);
-      },
-      onDrop: (event) => {
-        if (!droppable) return;
-        event.preventDefault();
-        setGrabbed(false);
-        drag.drop(field.name);
-      },
-      onDragEnd: release,
-      className: [
-        "border-b border-border",
-        active ? "bg-primary/10" : "hover:bg-muted/40",
-        stateClassName,
-        dragging ? "opacity-40" : "",
-        edge ? dropEdgeClassName[edge] : ""
-      ].filter(Boolean).join(" "),
-      onClick: () => state.setActiveName(field.name),
-      children: [
-        /* @__PURE__ */ jsx("td", { className: "px-3 py-1", onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              icon: UiDotsVertical,
-              label: `Reorder ${field.name}`,
-              disabled: !selected,
-              className: "cursor-grab active:cursor-grabbing",
-              onMouseDown: () => setGrabbed(true),
-              onMouseUp: release,
-              onKeyDown: (event) => {
-                const offset = event.key === "ArrowUp" ? -1 : event.key === "ArrowDown" ? 1 : 0;
-                if (!offset) return;
-                event.preventDefault();
-                state.moveField(field, offset);
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              icon: field.hidden ? UiEye : UiEyeClosed,
-              label: `${field.hidden ? "Show" : "Hide"} ${field.name}`,
-              disabled: !selected,
-              onClick: () => state.patchField(field, { hidden: !field.hidden })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              icon: UiTrash,
-              label: `Delete ${field.name}`,
-              disabled: !selected,
-              className: "text-destructive hover:text-destructive",
-              onClick: () => state.removeField(field)
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsx("td", { className: "px-3 py-1", children: /* @__PURE__ */ jsx(
-          "input",
-          {
-            value: field.name,
-            "aria-label": `Rename ${field.name}`,
-            disabled: !selected,
-            className: `${inputClassNameSm} min-w-[10rem] font-mono`,
-            onChange: (event) => state.patchField(field, { name: event.target.value })
-          }
-        ) }),
-        /* @__PURE__ */ jsx("td", { className: "px-3 py-1", children: /* @__PURE__ */ jsx(
-          "input",
-          {
-            value: field.label ?? "",
-            placeholder: field.name,
-            "aria-label": `Label for ${field.name}`,
-            className: `${inputClassNameSm} min-w-[9rem]`,
-            onChange: (event) => state.patchField(field, { label: event.target.value || void 0 })
-          }
-        ) }),
-        /* @__PURE__ */ jsx("td", { className: "px-3 py-1", children: /* @__PURE__ */ jsxs(
-          "select",
-          {
-            value: field.type ?? "",
-            "aria-label": `Type for ${field.name}`,
-            className: `${inputClassNameSm} w-auto`,
-            onChange: (event) => state.patchField(field, { type: event.target.value || void 0 }),
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "", children: "auto" }),
-              PROFILE_FIELD_TYPES.map((type) => /* @__PURE__ */ jsx("option", { value: type, children: type }, type))
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsx("td", { className: "px-3 py-1", children: field.cel ? /* @__PURE__ */ jsx("span", { className: "rounded bg-primary/10 px-1.5 py-0.5 font-mono text-[10px] text-primary", children: "set" }) : /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: "—" }) })
-      ]
-    }
-  );
-}
-export {
-  ProfileFieldFilters,
-  ProfileFieldGrid
-};
-//# sourceMappingURL=profileFieldGrid.js.map

package/dist/profiles/profileFieldGrid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"profileFieldGrid.js","sources":["../../src/profiles/profileFieldGrid.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { IconButton } from \"../components/IconButton\";\nimport {\n  UiDotsVertical,\n  UiEye,\n  UiEyeClosed,\n  UiTrash,\n} from \"../icons\";\nimport type { ProfileFieldState } from \"./profileFieldState\";\nimport type { ProfileColumn, ProfileFieldFilter } from \"./profileWizardModel\";\nimport { PROFILE_FIELD_TYPES } from \"./profileFieldTypes\";\n\nconst inputClassName =\n  \"w-full rounded-md border border-input bg-background px-3 py-2 text-sm outline-none focus:border-primary focus:ring-2 focus:ring-primary/15\";\n\nconst inputClassNameSm =\n  \"w-full rounded-md border border-input bg-background px-2 py-1 text-xs outline-none focus:border-primary focus:ring-2 focus:ring-primary/15\";\n\n/** Search, type and selection filters. `compact` lays them out on one row for\n * the editor route's pinned toolbar; the wizard stacks them in its card. */\nexport function ProfileFieldFilters({\n  state,\n  compact = false,\n}: {\n  state: ProfileFieldState;\n  compact?: boolean;\n}) {\n  const className = compact ? inputClassNameSm : inputClassName;\n  const patch = (next: Partial<ProfileFieldFilter>) =>\n    state.setFilter((current) => ({ ...current, ...next }));\n  const search = (\n    <input\n      type=\"search\"\n      value={state.filter.query}\n      onChange={(event) => patch({ query: event.target.value })}\n      placeholder={`Search ${state.available.length} fields`}\n      aria-label=\"Search fields\"\n      className={className}\n    />\n  );\n  const selects = (\n    <>\n      <select\n        value={state.filter.type}\n        aria-label=\"Filter by field type\"\n        className={compact ? `${className} w-auto` : className}\n        onChange={(event) => patch({ type: event.target.value })}\n      >\n        <option value=\"\">All types</option>\n        {state.types.map((type) => (\n          <option key={type} value={type}>{type}</option>\n        ))}\n      </select>\n      <select\n        value={state.filter.selection}\n        aria-label=\"Filter by selection\"\n        className={compact ? `${className} w-auto` : className}\n        onChange={(event) =>\n          patch({ selection: event.target.value as ProfileFieldFilter[\"selection\"] })\n        }\n      >\n        <option value=\"all\">All fields</option>\n        <option value=\"selected\">Selected</option>\n        <option value=\"unselected\">Not selected</option>\n      </select>\n    </>\n  );\n  if (compact) {\n    return <div className=\"grid grid-cols-[1fr_auto_auto] gap-2\">{search}{selects}</div>;\n  }\n  return (\n    <div className=\"space-y-3\">\n      {search}\n      <div className=\"grid grid-cols-2 gap-2\">{selects}</div>\n    </div>\n  );\n}\n\n/** The in-flight row drag, shared by every row so a row can tell whether it is\n *  the one being dragged and which of its edges the drop would land on. */\ntype ProfileFieldDrag = {\n  /** Name of the field being dragged, or \"\" when no drag is in flight. */\n  source: string;\n  /** Which edge of `name` an insertion line belongs on, if any. */\n  edgeFor: (name: string) => \"top\" | \"bottom\" | null;\n  start: (name: string) => void;\n  over: (name: string) => void;\n  drop: (name: string) => void;\n  end: () => void;\n};\n\n/**\n * Spreadsheet-style column list: include, label and type are edited in place,\n * with quick visibility and delete actions on every row. Anything that does not\n * fit a grid cell — role, format, unit, width, CEL — stays in the inspector pane.\n *\n * Rows are dragged by their handle to reorder the profile's columns. Only\n * configured fields take part: a deleted one has no position of its own, so it\n * is neither draggable nor a drop target.\n */\nexport function ProfileFieldGrid({ state }: { state: ProfileFieldState }) {\n  const [source, setSource] = useState(\"\");\n  const [target, setTarget] = useState(\"\");\n  const order = state.visibleFields.map((field) => field.name);\n  const end = () => {\n    setSource(\"\");\n    setTarget(\"\");\n  };\n  const drag: ProfileFieldDrag = {\n    source,\n    edgeFor: (name) =>\n      !source || target !== name || source === name\n        ? null\n        : order.indexOf(source) < order.indexOf(name)\n          ? \"bottom\"\n          : \"top\",\n    start: setSource,\n    over: setTarget,\n    drop: (name) => {\n      state.reorderField(source, name);\n      end();\n    },\n    end,\n  };\n  return (\n    <div className=\"min-h-0 flex-1 overflow-auto\" role=\"list\">\n      <table className=\"w-fit border-collapse text-left\">\n        <thead className=\"sticky top-0 z-10 bg-muted/70 backdrop-blur\">\n          <tr>\n            {[\"Actions\", \"Field\", \"Display label\", \"Type\", \"CEL\"].map((heading) => (\n              <th\n                key={heading}\n                className=\"whitespace-nowrap border-b border-border px-3 py-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground\"\n              >\n                {heading}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {state.visibleFields.map((field) => (\n            <ProfileFieldGridRow\n              key={field.name}\n              field={field}\n              state={state}\n              drag={drag}\n              selected={state.selectedNames.has(field.name)}\n              active={state.activeField?.name === field.name}\n            />\n          ))}\n        </tbody>\n      </table>\n      {state.visibleFields.length === 0 ? (\n        <p className=\"p-8 text-center text-sm text-muted-foreground\">\n          No fields match these filters.\n        </p>\n      ) : null}\n    </div>\n  );\n}\n\nconst dropEdgeClassName = {\n  top: \"[&>td]:shadow-[inset_0_2px_0_0_var(--color-primary)]\",\n  bottom: \"[&>td]:shadow-[inset_0_-2px_0_0_var(--color-primary)]\",\n} as const;\n\nfunction ProfileFieldGridRow({\n  field,\n  state,\n  drag,\n  selected,\n  active,\n}: {\n  field: ProfileColumn;\n  state: ProfileFieldState;\n  drag: ProfileFieldDrag;\n  selected: boolean;\n  active: boolean;\n}) {\n  // The row carries text inputs, so it stays undraggable until the handle is\n  // pressed — otherwise selecting text in a cell starts a reorder.\n  const [grabbed, setGrabbed] = useState(false);\n  const fieldState = !selected ? \"deleted\" : field.hidden ? \"hidden\" : \"visible\";\n  const stateClassName =\n    fieldState === \"deleted\"\n      ? \"text-muted-foreground line-through opacity-60 [&_input]:line-through [&_select]:line-through\"\n      : fieldState === \"hidden\"\n        ? \"text-muted-foreground opacity-60\"\n        : \"\";\n  const dragging = drag.source === field.name;\n  const droppable = selected && Boolean(drag.source) && !dragging;\n  const edge = droppable ? drag.edgeFor(field.name) : null;\n  const release = () => {\n    setGrabbed(false);\n    drag.end();\n  };\n  return (\n    <tr\n      role=\"listitem\"\n      data-field-state={fieldState}\n      data-drop-edge={edge ?? undefined}\n      draggable={grabbed}\n      onDragStart={(event) => {\n        event.dataTransfer.effectAllowed = \"move\";\n        event.dataTransfer.setData(\"text/plain\", field.name);\n        drag.start(field.name);\n      }}\n      onDragOver={(event) => {\n        if (!droppable) return;\n        event.preventDefault();\n        event.dataTransfer.dropEffect = \"move\";\n        drag.over(field.name);\n      }}\n      onDrop={(event) => {\n        if (!droppable) return;\n        event.preventDefault();\n        setGrabbed(false);\n        drag.drop(field.name);\n      }}\n      onDragEnd={release}\n      className={[\n        \"border-b border-border\",\n        active ? \"bg-primary/10\" : \"hover:bg-muted/40\",\n        stateClassName,\n        dragging ? \"opacity-40\" : \"\",\n        edge ? dropEdgeClassName[edge] : \"\",\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      onClick={() => state.setActiveName(field.name)}\n    >\n      <td className=\"px-3 py-1\" onClick={(event) => event.stopPropagation()}>\n        <div className=\"flex items-center gap-1\">\n          <IconButton\n            icon={UiDotsVertical}\n            label={`Reorder ${field.name}`}\n            disabled={!selected}\n            className=\"cursor-grab active:cursor-grabbing\"\n            onMouseDown={() => setGrabbed(true)}\n            onMouseUp={release}\n            onKeyDown={(event) => {\n              const offset =\n                event.key === \"ArrowUp\" ? -1 : event.key === \"ArrowDown\" ? 1 : 0;\n              if (!offset) return;\n              event.preventDefault();\n              state.moveField(field, offset);\n            }}\n          />\n          <IconButton\n            icon={field.hidden ? UiEye : UiEyeClosed}\n            label={`${field.hidden ? \"Show\" : \"Hide\"} ${field.name}`}\n            disabled={!selected}\n            onClick={() => state.patchField(field, { hidden: !field.hidden })}\n          />\n          <IconButton\n            icon={UiTrash}\n            label={`Delete ${field.name}`}\n            disabled={!selected}\n            className=\"text-destructive hover:text-destructive\"\n            onClick={() => state.removeField(field)}\n          />\n        </div>\n      </td>\n      <td className=\"px-3 py-1\">\n        <input\n          value={field.name}\n          aria-label={`Rename ${field.name}`}\n          disabled={!selected}\n          className={`${inputClassNameSm} min-w-[10rem] font-mono`}\n          onChange={(event) =>\n            state.patchField(field, { name: event.target.value })\n          }\n        />\n      </td>\n      <td className=\"px-3 py-1\">\n        <input\n          value={field.label ?? \"\"}\n          placeholder={field.name}\n          aria-label={`Label for ${field.name}`}\n          className={`${inputClassNameSm} min-w-[9rem]`}\n          onChange={(event) =>\n            state.patchField(field, { label: event.target.value || undefined })\n          }\n        />\n      </td>\n      <td className=\"px-3 py-1\">\n        <select\n          value={field.type ?? \"\"}\n          aria-label={`Type for ${field.name}`}\n          className={`${inputClassNameSm} w-auto`}\n          onChange={(event) =>\n            state.patchField(field, { type: event.target.value || undefined })\n          }\n        >\n          <option value=\"\">auto</option>\n          {PROFILE_FIELD_TYPES.map((type) => (\n            <option key={type} value={type}>{type}</option>\n          ))}\n        </select>\n      </td>\n      <td className=\"px-3 py-1\">\n        {field.cel ? (\n          <span className=\"rounded bg-primary/10 px-1.5 py-0.5 font-mono text-[10px] text-primary\">\n            set\n          </span>\n        ) : (\n          <span className=\"text-[11px] text-muted-foreground\">—</span>\n        )}\n      </td>\n    </tr>\n  );\n}\n"],"names":[],"mappings":"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"}