@flanksource/clicky-ui 0.3.21 → 0.3.22

package/dist/profiles/fields/profileFieldFilterEditor.cjs

@@ -0,0 +1,122 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const profileFieldControls = require("./profileFieldControls.cjs");
+const profileFieldIcons = require("./profileFieldIcons.cjs");
+const profileWizardModel = require("../wizard/profileWizardModel.cjs");
+const UiFilter = require("../../icons/components/UiFilter.cjs");
+const UiFunnelData = require("../../icons/components/UiFunnelData.cjs");
+const UiDatabase = require("../../icons/components/UiDatabase.cjs");
+const UiListDashes = require("../../icons/components/UiListDashes.cjs");
+const UiListOrdered = require("../../icons/components/UiListOrdered.cjs");
+const UiListChecks = require("../../icons/components/UiListChecks.cjs");
+function ProfileFieldFilterEditor({
+  field,
+  columns,
+  onChange
+}) {
+  var _a;
+  const filter = field.filter ?? {};
+  const set = (patch) => onChange({ filter: profileWizardModel.patchColumnFilter(field.filter, patch) });
+  const kind = filter.kind ?? profileWizardModel.inferredFilterKind(field);
+  const picksFromAList = kind === "terms";
+  const enumerated = (((_a = filter.options) == null ? void 0 : _a.length) ?? 0) > 0;
+  const looksUp = picksFromAList && !enumerated && (filter.lookup ?? true);
+  const enabled = !filter.disabled;
+  const wide = columns === 2 ? "sm:col-span-2" : "";
+  return /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "rounded-md border px-3 py-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("summary", { className: "flex cursor-pointer items-center gap-2 text-sm font-medium", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(UiFilter.UiFilter, { className: "shrink-0 text-[15px] text-muted-foreground" }),
+      "Filtering",
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-normal text-muted-foreground", children: enabled ? summarizeFilter(kind, enumerated, looksUp, filter.limit) : "off" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `mt-3 grid gap-4 ${columns === 2 ? "sm:grid-cols-2" : ""}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: `flex items-center gap-2 text-sm font-medium ${wide}`, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: enabled,
+            onChange: (event) => set({ disabled: event.target.checked ? void 0 : true })
+          }
+        ),
+        "Filter",
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-normal text-muted-foreground", children: "Offer a filter for this column" })
+      ] }),
+      enabled ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          profileFieldControls.EnumField,
+          {
+            label: "Filter type",
+            icon: /* @__PURE__ */ jsxRuntime.jsx(UiFunnelData.UiFunnelData, {}),
+            help: "Overrides the control derived from Type; set it where the rendered type and the backend storage disagree.",
+            value: filter.kind ?? "",
+            options: profileFieldIcons.profileFilterKindOptions,
+            placeholder: `From Type (${filterKindLabel(kind)})`,
+            onChange: (next) => set({ kind: next })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(profileFieldControls.EditorField, { label: "Backend field", icon: /* @__PURE__ */ jsxRuntime.jsx(UiDatabase.UiDatabase, {}), help: "The indexed field for a document store, the result column for SQL; blank infers it from the column.", children: /* @__PURE__ */ jsxRuntime.jsx("input", { "aria-label": "Backend field", value: filter.field ?? "", className: profileFieldControls.inputClassName, placeholder: field.source || field.name, onChange: (event) => set({ field: event.target.value || void 0 }) }) }),
+        picksFromAList ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: wide, children: /* @__PURE__ */ jsxRuntime.jsx(profileFieldControls.EditorField, { label: "Values", icon: /* @__PURE__ */ jsxRuntime.jsx(UiListDashes.UiListDashes, {}), help: "Comma-separated values to offer instead of asking the backend; leave blank to enumerate from the data.", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              "aria-label": "Values",
+              value: (filter.options ?? []).join(", "),
+              className: profileFieldControls.inputClassName,
+              placeholder: "Ask the backend",
+              onChange: (event) => set({ options: parseFilterOptions(event.target.value) })
+            }
+          ) }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 text-sm font-medium", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: looksUp,
+                disabled: enumerated,
+                onChange: (event) => set({ lookup: event.target.checked })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: enumerated ? "text-muted-foreground" : void 0, children: enumerated ? "Values are listed above" : "Look values up from the data" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(profileFieldControls.EditorField, { label: "Values offered", icon: /* @__PURE__ */ jsxRuntime.jsx(UiListOrdered.UiListOrdered, {}), help: `How many distinct values the control lists before the rest have to be typed for. Blank uses ${profileWizardModel.PROFILE_FILTER_DEFAULT_LIMIT}.`, children: /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              "aria-label": "Values offered",
+              type: "number",
+              min: 1,
+              max: profileWizardModel.PROFILE_FILTER_MAX_LIMIT,
+              value: filter.limit ?? "",
+              disabled: !looksUp,
+              className: profileFieldControls.inputClassName,
+              placeholder: String(profileWizardModel.PROFILE_FILTER_DEFAULT_LIMIT),
+              onChange: (event) => set({ limit: event.target.value ? Number(event.target.value) : void 0 })
+            }
+          ) })
+        ] }) : null,
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 text-sm font-medium", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", checked: filter.multi ?? true, onChange: (event) => set({ multi: event.target.checked }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(UiListChecks.UiListChecks, { className: "text-[15px] text-muted-foreground" }),
+          "Allow several values at once"
+        ] })
+      ] }) : null
+    ] })
+  ] });
+}
+function parseFilterOptions(raw) {
+  const values = raw.split(",").map((value) => value.trim()).filter(Boolean);
+  return values.length ? values : void 0;
+}
+function filterKindLabel(kind) {
+  var _a;
+  return ((_a = profileWizardModel.PROFILE_FILTER_KIND_OPTIONS.find((option) => option.value === kind)) == null ? void 0 : _a.label) ?? kind;
+}
+function summarizeFilter(kind, enumerated, looksUp, limit) {
+  const control = filterKindLabel(kind);
+  if (enumerated) return `${control}, listed`;
+  if (!looksUp) return control;
+  return `${control}, top ${limit ?? profileWizardModel.PROFILE_FILTER_DEFAULT_LIMIT}`;
+}
+exports.ProfileFieldFilterEditor = ProfileFieldFilterEditor;
+//# sourceMappingURL=profileFieldFilterEditor.cjs.map

package/dist/profiles/fields/profileFieldFilterEditor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileFieldFilterEditor.cjs","sources":["../../../src/profiles/fields/profileFieldFilterEditor.tsx"],"sourcesContent":["import { UiDatabase, UiFilter, UiFunnelData, UiListChecks, UiListDashes, UiListOrdered } from \"../../icons\";\nimport { EditorField, EnumField, inputClassName } from \"./profileFieldControls\";\nimport { profileFilterKindOptions } from \"./profileFieldIcons\";\nimport {\n  inferredFilterKind,\n  patchColumnFilter,\n  PROFILE_FILTER_DEFAULT_LIMIT,\n  PROFILE_FILTER_KIND_OPTIONS,\n  PROFILE_FILTER_MAX_LIMIT,\n  type Patch,\n  type ProfileColumn,\n  type ProfileColumnFilter,\n} from \"../wizard/profileWizardModel\";\n\n/**\n * How this column is filtered. Collapsed by default: every field here overrides\n * an inference the server already makes correctly for most columns, so opening\n * it should be a deliberate act rather than the price of editing a label.\n *\n * The Filter toggle leads and gates the rest: a column that offers no filter has\n * nothing to say about its control, its backend field or its values, so those\n * are hidden rather than left editable and inert.\n */\nexport function ProfileFieldFilterEditor({\n  field,\n  columns,\n  onChange,\n}: {\n  field: ProfileColumn;\n  columns: 1 | 2;\n  onChange: (patch: Patch<ProfileColumn>) => void;\n}) {\n  const filter = field.filter ?? {};\n  const set = (patch: Patch<ProfileColumnFilter>) =>\n    onChange({ filter: patchColumnFilter(field.filter, patch) });\n\n  // A value selection is the only kind with a list to enumerate; a range, a\n  // toggle and a substring are typed rather than picked.\n  const kind = filter.kind ?? inferredFilterKind(field);\n  const picksFromAList = kind === \"terms\";\n  const enumerated = (filter.options?.length ?? 0) > 0;\n  // Declaring the values IS the answer the lookup would go and fetch, so the two\n  // are mutually exclusive — the server enforces this and the form mirrors it.\n  const looksUp = picksFromAList && !enumerated && (filter.lookup ?? true);\n  const enabled = !filter.disabled;\n  const wide = columns === 2 ? \"sm:col-span-2\" : \"\";\n\n  return (\n    <details className=\"rounded-md border px-3 py-2\">\n      <summary className=\"flex cursor-pointer items-center gap-2 text-sm font-medium\">\n        <UiFilter className=\"shrink-0 text-[15px] text-muted-foreground\" />\n        Filtering\n        <span className=\"text-xs font-normal text-muted-foreground\">\n          {enabled ? summarizeFilter(kind, enumerated, looksUp, filter.limit) : \"off\"}\n        </span>\n      </summary>\n      <div className={`mt-3 grid gap-4 ${columns === 2 ? \"sm:grid-cols-2\" : \"\"}`}>\n        <label className={`flex items-center gap-2 text-sm font-medium ${wide}`}>\n          <input\n            type=\"checkbox\"\n            checked={enabled}\n            onChange={(event) => set({ disabled: event.target.checked ? undefined : true })}\n          />\n          Filter\n          <span className=\"text-xs font-normal text-muted-foreground\">\n            Offer a filter for this column\n          </span>\n        </label>\n        {enabled ? (\n          <>\n            <EnumField\n              label=\"Filter type\"\n              icon={<UiFunnelData />}\n              help=\"Overrides the control derived from Type; set it where the rendered type and the backend storage disagree.\"\n              value={filter.kind ?? \"\"}\n              options={profileFilterKindOptions}\n              placeholder={`From Type (${filterKindLabel(kind)})`}\n              onChange={(next) => set({ kind: next })}\n            />\n            <EditorField label=\"Backend field\" icon={<UiDatabase />} help=\"The indexed field for a document store, the result column for SQL; blank infers it from the column.\">\n              <input aria-label=\"Backend field\" value={filter.field ?? \"\"} className={inputClassName} placeholder={field.source || field.name} onChange={(event) => set({ field: event.target.value || undefined })} />\n            </EditorField>\n            {picksFromAList ? (\n              <>\n                <div className={wide}>\n                  <EditorField label=\"Values\" icon={<UiListDashes />} help=\"Comma-separated values to offer instead of asking the backend; leave blank to enumerate from the data.\">\n                    <input\n                      aria-label=\"Values\"\n                      value={(filter.options ?? []).join(\", \")}\n                      className={inputClassName}\n                      placeholder=\"Ask the backend\"\n                      onChange={(event) => set({ options: parseFilterOptions(event.target.value) })}\n                    />\n                  </EditorField>\n                </div>\n                <label className=\"flex items-center gap-2 text-sm font-medium\">\n                  <input\n                    type=\"checkbox\"\n                    checked={looksUp}\n                    disabled={enumerated}\n                    onChange={(event) => set({ lookup: event.target.checked })}\n                  />\n                  <span className={enumerated ? \"text-muted-foreground\" : undefined}>\n                    {enumerated ? \"Values are listed above\" : \"Look values up from the data\"}\n                  </span>\n                </label>\n                <EditorField label=\"Values offered\" icon={<UiListOrdered />} help={`How many distinct values the control lists before the rest have to be typed for. Blank uses ${PROFILE_FILTER_DEFAULT_LIMIT}.`}>\n                  <input\n                    aria-label=\"Values offered\"\n                    type=\"number\"\n                    min={1}\n                    max={PROFILE_FILTER_MAX_LIMIT}\n                    value={filter.limit ?? \"\"}\n                    disabled={!looksUp}\n                    className={inputClassName}\n                    placeholder={String(PROFILE_FILTER_DEFAULT_LIMIT)}\n                    onChange={(event) => set({ limit: event.target.value ? Number(event.target.value) : undefined })}\n                  />\n                </EditorField>\n              </>\n            ) : null}\n            <label className=\"flex items-center gap-2 text-sm font-medium\">\n              <input type=\"checkbox\" checked={filter.multi ?? true} onChange={(event) => set({ multi: event.target.checked })} />\n              <UiListChecks className=\"text-[15px] text-muted-foreground\" />\n              Allow several values at once\n            </label>\n          </>\n        ) : null}\n      </div>\n    </details>\n  );\n}\n\nfunction parseFilterOptions(raw: string): string[] | undefined {\n  const values = raw.split(\",\").map((value) => value.trim()).filter(Boolean);\n  return values.length ? values : undefined;\n}\n\nfunction filterKindLabel(kind: string): string {\n  return PROFILE_FILTER_KIND_OPTIONS.find((option) => option.value === kind)?.label ?? kind;\n}\n\nfunction summarizeFilter(kind: string, enumerated: boolean, looksUp: boolean, limit?: number) {\n  const control = filterKindLabel(kind);\n  if (enumerated) return `${control}, listed`;\n  if (!looksUp) return control;\n  return `${control}, top ${limit ?? PROFILE_FILTER_DEFAULT_LIMIT}`;\n}\n"],"names":["patchColumnFilter","inferredFilterKind","jsxs","jsx","UiFilter","Fragment","EnumField","UiFunnelData","profileFilterKindOptions","EditorField","UiDatabase","inputClassName","UiListDashes","UiListOrdered","PROFILE_FILTER_DEFAULT_LIMIT","PROFILE_FILTER_MAX_LIMIT","UiListChecks","PROFILE_FILTER_KIND_OPTIONS"],"mappings":"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"}

package/dist/profiles/fields/profileFieldFilterEditor.d.ts

@@ -0,0 +1,16 @@
+import { Patch, ProfileColumn } from '../wizard/profileWizardModel';
+/**
+ * How this column is filtered. Collapsed by default: every field here overrides
+ * an inference the server already makes correctly for most columns, so opening
+ * it should be a deliberate act rather than the price of editing a label.
+ *
+ * The Filter toggle leads and gates the rest: a column that offers no filter has
+ * nothing to say about its control, its backend field or its values, so those
+ * are hidden rather than left editable and inert.
+ */
+export declare function ProfileFieldFilterEditor({ field, columns, onChange, }: {
+    field: ProfileColumn;
+    columns: 1 | 2;
+    onChange: (patch: Patch<ProfileColumn>) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=profileFieldFilterEditor.d.ts.map

package/dist/profiles/fields/profileFieldFilterEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileFieldFilterEditor.d.ts","sourceRoot":"","sources":["../../../src/profiles/fields/profileFieldFilterEditor.tsx"],"names":[],"mappings":"AAGA,OAAO,EAML,KAAK,KAAK,EACV,KAAK,aAAa,EAEnB,MAAM,8BAA8B,CAAC;AAEtC;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,OAAO,EACP,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CACjD,2CAoGA"}

package/dist/profiles/fields/profileFieldFilterEditor.js

@@ -0,0 +1,122 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { EnumField, EditorField, inputClassName } from "./profileFieldControls.js";
+import { profileFilterKindOptions } from "./profileFieldIcons.js";
+import { inferredFilterKind, PROFILE_FILTER_DEFAULT_LIMIT, PROFILE_FILTER_MAX_LIMIT, patchColumnFilter, PROFILE_FILTER_KIND_OPTIONS } from "../wizard/profileWizardModel.js";
+import { UiFilter } from "../../icons/components/UiFilter.js";
+import { UiFunnelData } from "../../icons/components/UiFunnelData.js";
+import { UiDatabase } from "../../icons/components/UiDatabase.js";
+import { UiListDashes } from "../../icons/components/UiListDashes.js";
+import { UiListOrdered } from "../../icons/components/UiListOrdered.js";
+import { UiListChecks } from "../../icons/components/UiListChecks.js";
+function ProfileFieldFilterEditor({
+  field,
+  columns,
+  onChange
+}) {
+  var _a;
+  const filter = field.filter ?? {};
+  const set = (patch) => onChange({ filter: patchColumnFilter(field.filter, patch) });
+  const kind = filter.kind ?? inferredFilterKind(field);
+  const picksFromAList = kind === "terms";
+  const enumerated = (((_a = filter.options) == null ? void 0 : _a.length) ?? 0) > 0;
+  const looksUp = picksFromAList && !enumerated && (filter.lookup ?? true);
+  const enabled = !filter.disabled;
+  const wide = columns === 2 ? "sm:col-span-2" : "";
+  return /* @__PURE__ */ jsxs("details", { className: "rounded-md border px-3 py-2", children: [
+    /* @__PURE__ */ jsxs("summary", { className: "flex cursor-pointer items-center gap-2 text-sm font-medium", children: [
+      /* @__PURE__ */ jsx(UiFilter, { className: "shrink-0 text-[15px] text-muted-foreground" }),
+      "Filtering",
+      /* @__PURE__ */ jsx("span", { className: "text-xs font-normal text-muted-foreground", children: enabled ? summarizeFilter(kind, enumerated, looksUp, filter.limit) : "off" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: `mt-3 grid gap-4 ${columns === 2 ? "sm:grid-cols-2" : ""}`, children: [
+      /* @__PURE__ */ jsxs("label", { className: `flex items-center gap-2 text-sm font-medium ${wide}`, children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: enabled,
+            onChange: (event) => set({ disabled: event.target.checked ? void 0 : true })
+          }
+        ),
+        "Filter",
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-normal text-muted-foreground", children: "Offer a filter for this column" })
+      ] }),
+      enabled ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          EnumField,
+          {
+            label: "Filter type",
+            icon: /* @__PURE__ */ jsx(UiFunnelData, {}),
+            help: "Overrides the control derived from Type; set it where the rendered type and the backend storage disagree.",
+            value: filter.kind ?? "",
+            options: profileFilterKindOptions,
+            placeholder: `From Type (${filterKindLabel(kind)})`,
+            onChange: (next) => set({ kind: next })
+          }
+        ),
+        /* @__PURE__ */ jsx(EditorField, { label: "Backend field", icon: /* @__PURE__ */ jsx(UiDatabase, {}), help: "The indexed field for a document store, the result column for SQL; blank infers it from the column.", children: /* @__PURE__ */ jsx("input", { "aria-label": "Backend field", value: filter.field ?? "", className: inputClassName, placeholder: field.source || field.name, onChange: (event) => set({ field: event.target.value || void 0 }) }) }),
+        picksFromAList ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: wide, children: /* @__PURE__ */ jsx(EditorField, { label: "Values", icon: /* @__PURE__ */ jsx(UiListDashes, {}), help: "Comma-separated values to offer instead of asking the backend; leave blank to enumerate from the data.", children: /* @__PURE__ */ jsx(
+            "input",
+            {
+              "aria-label": "Values",
+              value: (filter.options ?? []).join(", "),
+              className: inputClassName,
+              placeholder: "Ask the backend",
+              onChange: (event) => set({ options: parseFilterOptions(event.target.value) })
+            }
+          ) }) }),
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm font-medium", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: looksUp,
+                disabled: enumerated,
+                onChange: (event) => set({ lookup: event.target.checked })
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: enumerated ? "text-muted-foreground" : void 0, children: enumerated ? "Values are listed above" : "Look values up from the data" })
+          ] }),
+          /* @__PURE__ */ jsx(EditorField, { label: "Values offered", icon: /* @__PURE__ */ jsx(UiListOrdered, {}), help: `How many distinct values the control lists before the rest have to be typed for. Blank uses ${PROFILE_FILTER_DEFAULT_LIMIT}.`, children: /* @__PURE__ */ jsx(
+            "input",
+            {
+              "aria-label": "Values offered",
+              type: "number",
+              min: 1,
+              max: PROFILE_FILTER_MAX_LIMIT,
+              value: filter.limit ?? "",
+              disabled: !looksUp,
+              className: inputClassName,
+              placeholder: String(PROFILE_FILTER_DEFAULT_LIMIT),
+              onChange: (event) => set({ limit: event.target.value ? Number(event.target.value) : void 0 })
+            }
+          ) })
+        ] }) : null,
+        /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm font-medium", children: [
+          /* @__PURE__ */ jsx("input", { type: "checkbox", checked: filter.multi ?? true, onChange: (event) => set({ multi: event.target.checked }) }),
+          /* @__PURE__ */ jsx(UiListChecks, { className: "text-[15px] text-muted-foreground" }),
+          "Allow several values at once"
+        ] })
+      ] }) : null
+    ] })
+  ] });
+}
+function parseFilterOptions(raw) {
+  const values = raw.split(",").map((value) => value.trim()).filter(Boolean);
+  return values.length ? values : void 0;
+}
+function filterKindLabel(kind) {
+  var _a;
+  return ((_a = PROFILE_FILTER_KIND_OPTIONS.find((option) => option.value === kind)) == null ? void 0 : _a.label) ?? kind;
+}
+function summarizeFilter(kind, enumerated, looksUp, limit) {
+  const control = filterKindLabel(kind);
+  if (enumerated) return `${control}, listed`;
+  if (!looksUp) return control;
+  return `${control}, top ${limit ?? PROFILE_FILTER_DEFAULT_LIMIT}`;
+}
+export {
+  ProfileFieldFilterEditor
+};
+//# sourceMappingURL=profileFieldFilterEditor.js.map

package/dist/profiles/fields/profileFieldFilterEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileFieldFilterEditor.js","sources":["../../../src/profiles/fields/profileFieldFilterEditor.tsx"],"sourcesContent":["import { UiDatabase, UiFilter, UiFunnelData, UiListChecks, UiListDashes, UiListOrdered } from \"../../icons\";\nimport { EditorField, EnumField, inputClassName } from \"./profileFieldControls\";\nimport { profileFilterKindOptions } from \"./profileFieldIcons\";\nimport {\n  inferredFilterKind,\n  patchColumnFilter,\n  PROFILE_FILTER_DEFAULT_LIMIT,\n  PROFILE_FILTER_KIND_OPTIONS,\n  PROFILE_FILTER_MAX_LIMIT,\n  type Patch,\n  type ProfileColumn,\n  type ProfileColumnFilter,\n} from \"../wizard/profileWizardModel\";\n\n/**\n * How this column is filtered. Collapsed by default: every field here overrides\n * an inference the server already makes correctly for most columns, so opening\n * it should be a deliberate act rather than the price of editing a label.\n *\n * The Filter toggle leads and gates the rest: a column that offers no filter has\n * nothing to say about its control, its backend field or its values, so those\n * are hidden rather than left editable and inert.\n */\nexport function ProfileFieldFilterEditor({\n  field,\n  columns,\n  onChange,\n}: {\n  field: ProfileColumn;\n  columns: 1 | 2;\n  onChange: (patch: Patch<ProfileColumn>) => void;\n}) {\n  const filter = field.filter ?? {};\n  const set = (patch: Patch<ProfileColumnFilter>) =>\n    onChange({ filter: patchColumnFilter(field.filter, patch) });\n\n  // A value selection is the only kind with a list to enumerate; a range, a\n  // toggle and a substring are typed rather than picked.\n  const kind = filter.kind ?? inferredFilterKind(field);\n  const picksFromAList = kind === \"terms\";\n  const enumerated = (filter.options?.length ?? 0) > 0;\n  // Declaring the values IS the answer the lookup would go and fetch, so the two\n  // are mutually exclusive — the server enforces this and the form mirrors it.\n  const looksUp = picksFromAList && !enumerated && (filter.lookup ?? true);\n  const enabled = !filter.disabled;\n  const wide = columns === 2 ? \"sm:col-span-2\" : \"\";\n\n  return (\n    <details className=\"rounded-md border px-3 py-2\">\n      <summary className=\"flex cursor-pointer items-center gap-2 text-sm font-medium\">\n        <UiFilter className=\"shrink-0 text-[15px] text-muted-foreground\" />\n        Filtering\n        <span className=\"text-xs font-normal text-muted-foreground\">\n          {enabled ? summarizeFilter(kind, enumerated, looksUp, filter.limit) : \"off\"}\n        </span>\n      </summary>\n      <div className={`mt-3 grid gap-4 ${columns === 2 ? \"sm:grid-cols-2\" : \"\"}`}>\n        <label className={`flex items-center gap-2 text-sm font-medium ${wide}`}>\n          <input\n            type=\"checkbox\"\n            checked={enabled}\n            onChange={(event) => set({ disabled: event.target.checked ? undefined : true })}\n          />\n          Filter\n          <span className=\"text-xs font-normal text-muted-foreground\">\n            Offer a filter for this column\n          </span>\n        </label>\n        {enabled ? (\n          <>\n            <EnumField\n              label=\"Filter type\"\n              icon={<UiFunnelData />}\n              help=\"Overrides the control derived from Type; set it where the rendered type and the backend storage disagree.\"\n              value={filter.kind ?? \"\"}\n              options={profileFilterKindOptions}\n              placeholder={`From Type (${filterKindLabel(kind)})`}\n              onChange={(next) => set({ kind: next })}\n            />\n            <EditorField label=\"Backend field\" icon={<UiDatabase />} help=\"The indexed field for a document store, the result column for SQL; blank infers it from the column.\">\n              <input aria-label=\"Backend field\" value={filter.field ?? \"\"} className={inputClassName} placeholder={field.source || field.name} onChange={(event) => set({ field: event.target.value || undefined })} />\n            </EditorField>\n            {picksFromAList ? (\n              <>\n                <div className={wide}>\n                  <EditorField label=\"Values\" icon={<UiListDashes />} help=\"Comma-separated values to offer instead of asking the backend; leave blank to enumerate from the data.\">\n                    <input\n                      aria-label=\"Values\"\n                      value={(filter.options ?? []).join(\", \")}\n                      className={inputClassName}\n                      placeholder=\"Ask the backend\"\n                      onChange={(event) => set({ options: parseFilterOptions(event.target.value) })}\n                    />\n                  </EditorField>\n                </div>\n                <label className=\"flex items-center gap-2 text-sm font-medium\">\n                  <input\n                    type=\"checkbox\"\n                    checked={looksUp}\n                    disabled={enumerated}\n                    onChange={(event) => set({ lookup: event.target.checked })}\n                  />\n                  <span className={enumerated ? \"text-muted-foreground\" : undefined}>\n                    {enumerated ? \"Values are listed above\" : \"Look values up from the data\"}\n                  </span>\n                </label>\n                <EditorField label=\"Values offered\" icon={<UiListOrdered />} help={`How many distinct values the control lists before the rest have to be typed for. Blank uses ${PROFILE_FILTER_DEFAULT_LIMIT}.`}>\n                  <input\n                    aria-label=\"Values offered\"\n                    type=\"number\"\n                    min={1}\n                    max={PROFILE_FILTER_MAX_LIMIT}\n                    value={filter.limit ?? \"\"}\n                    disabled={!looksUp}\n                    className={inputClassName}\n                    placeholder={String(PROFILE_FILTER_DEFAULT_LIMIT)}\n                    onChange={(event) => set({ limit: event.target.value ? Number(event.target.value) : undefined })}\n                  />\n                </EditorField>\n              </>\n            ) : null}\n            <label className=\"flex items-center gap-2 text-sm font-medium\">\n              <input type=\"checkbox\" checked={filter.multi ?? true} onChange={(event) => set({ multi: event.target.checked })} />\n              <UiListChecks className=\"text-[15px] text-muted-foreground\" />\n              Allow several values at once\n            </label>\n          </>\n        ) : null}\n      </div>\n    </details>\n  );\n}\n\nfunction parseFilterOptions(raw: string): string[] | undefined {\n  const values = raw.split(\",\").map((value) => value.trim()).filter(Boolean);\n  return values.length ? values : undefined;\n}\n\nfunction filterKindLabel(kind: string): string {\n  return PROFILE_FILTER_KIND_OPTIONS.find((option) => option.value === kind)?.label ?? kind;\n}\n\nfunction summarizeFilter(kind: string, enumerated: boolean, looksUp: boolean, limit?: number) {\n  const control = filterKindLabel(kind);\n  if (enumerated) return `${control}, listed`;\n  if (!looksUp) return control;\n  return `${control}, top ${limit ?? PROFILE_FILTER_DEFAULT_LIMIT}`;\n}\n"],"names":[],"mappings":"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"}

package/dist/profiles/fields/profileFieldIcons.cjs

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const profileFieldTypes = require("./profileFieldTypes.cjs");
+const profileWizardModel = require("../wizard/profileWizardModel.cjs");
+const UiColumns = require("../../icons/components/UiColumns.cjs");
+const UiPulse = require("../../icons/components/UiPulse.cjs");
+const UiTag = require("../../icons/components/UiTag.cjs");
+const UiClock = require("../../icons/components/UiClock.cjs");
+const UiBraces = require("../../icons/components/UiBraces.cjs");
+const UiListDashes = require("../../icons/components/UiListDashes.cjs");
+const UiShield = require("../../icons/components/UiShield.cjs");
+const UiHardDrive = require("../../icons/components/UiHardDrive.cjs");
+const UiTimer = require("../../icons/components/UiTimer.cjs");
+const UiCalendar = require("../../icons/components/UiCalendar.cjs");
+const UiToggleOn = require("../../icons/components/UiToggleOn.cjs");
+const UiSigma = require("../../icons/components/UiSigma.cjs");
+const UiCursorText = require("../../icons/components/UiCursorText.cjs");
+const UiCurrencyDollar = require("../../icons/components/UiCurrencyDollar.cjs");
+const UiActivity = require("../../icons/components/UiActivity.cjs");
+const UiChartPie = require("../../icons/components/UiChartPie.cjs");
+const UiProhibit = require("../../icons/components/UiProhibit.cjs");
+const UiSliders = require("../../icons/components/UiSliders.cjs");
+const UiFingerprint = require("../../icons/components/UiFingerprint.cjs");
+const UiListChecks = require("../../icons/components/UiListChecks.cjs");
+const TYPE_ICONS = {
+  string: /* @__PURE__ */ jsxRuntime.jsx(UiCursorText.UiCursorText, {}),
+  number: /* @__PURE__ */ jsxRuntime.jsx(UiSigma.UiSigma, {}),
+  boolean: /* @__PURE__ */ jsxRuntime.jsx(UiToggleOn.UiToggleOn, {}),
+  datetime: /* @__PURE__ */ jsxRuntime.jsx(UiCalendar.UiCalendar, {}),
+  duration: /* @__PURE__ */ jsxRuntime.jsx(UiTimer.UiTimer, {}),
+  bytes: /* @__PURE__ */ jsxRuntime.jsx(UiHardDrive.UiHardDrive, {}),
+  status: /* @__PURE__ */ jsxRuntime.jsx(UiPulse.UiPulse, {}),
+  health: /* @__PURE__ */ jsxRuntime.jsx(UiShield.UiShieldCheck, {}),
+  key_value: /* @__PURE__ */ jsxRuntime.jsx(UiTag.UiTag, {}),
+  key_values: /* @__PURE__ */ jsxRuntime.jsx(UiListDashes.UiListDashes, {}),
+  json: /* @__PURE__ */ jsxRuntime.jsx(UiBraces.UiBraces, {})
+};
+const FILTER_KIND_ICONS = {
+  terms: /* @__PURE__ */ jsxRuntime.jsx(UiListChecks.UiListChecks, {}),
+  exact: /* @__PURE__ */ jsxRuntime.jsx(UiFingerprint.UiFingerprint, {}),
+  range: /* @__PURE__ */ jsxRuntime.jsx(UiSliders.UiSliders, {}),
+  duration: /* @__PURE__ */ jsxRuntime.jsx(UiTimer.UiTimer, {}),
+  date: /* @__PURE__ */ jsxRuntime.jsx(UiCalendar.UiCalendar, {}),
+  time: /* @__PURE__ */ jsxRuntime.jsx(UiClock.UiClock, {}),
+  boolean: /* @__PURE__ */ jsxRuntime.jsx(UiToggleOn.UiToggleOn, {}),
+  text: /* @__PURE__ */ jsxRuntime.jsx(UiCursorText.UiCursorText, {}),
+  none: /* @__PURE__ */ jsxRuntime.jsx(UiProhibit.UiProhibit, {})
+};
+const ROLE_ICONS = {
+  timestamp: /* @__PURE__ */ jsxRuntime.jsx(UiClock.UiClock, {}),
+  tags: /* @__PURE__ */ jsxRuntime.jsx(UiTag.UiTag, {}),
+  status: /* @__PURE__ */ jsxRuntime.jsx(UiPulse.UiPulse, {})
+};
+const FORMAT_ICONS = {
+  date: /* @__PURE__ */ jsxRuntime.jsx(UiCalendar.UiCalendar, {}),
+  float: /* @__PURE__ */ jsxRuntime.jsx(UiSigma.UiSigma, {}),
+  duration: /* @__PURE__ */ jsxRuntime.jsx(UiTimer.UiTimer, {}),
+  bytes: /* @__PURE__ */ jsxRuntime.jsx(UiHardDrive.UiHardDrive, {}),
+  currency: /* @__PURE__ */ jsxRuntime.jsx(UiCurrencyDollar.UiCurrencyDollar, {})
+};
+const UNIT_ICONS = {
+  none: /* @__PURE__ */ jsxRuntime.jsx(UiSigma.UiSigma, {}),
+  short: /* @__PURE__ */ jsxRuntime.jsx(UiSigma.UiSigma, {}),
+  percent: /* @__PURE__ */ jsxRuntime.jsx(UiChartPie.UiChartPie, {}),
+  percentunit: /* @__PURE__ */ jsxRuntime.jsx(UiChartPie.UiChartPie, {}),
+  bytes: /* @__PURE__ */ jsxRuntime.jsx(UiHardDrive.UiHardDrive, {}),
+  decbytes: /* @__PURE__ */ jsxRuntime.jsx(UiHardDrive.UiHardDrive, {}),
+  Bps: /* @__PURE__ */ jsxRuntime.jsx(UiActivity.UiActivity, {}),
+  binBps: /* @__PURE__ */ jsxRuntime.jsx(UiActivity.UiActivity, {}),
+  ms: /* @__PURE__ */ jsxRuntime.jsx(UiTimer.UiTimer, {}),
+  s: /* @__PURE__ */ jsxRuntime.jsx(UiTimer.UiTimer, {})
+};
+function profileTypeIcon(type) {
+  return (type && TYPE_ICONS[type]) ?? /* @__PURE__ */ jsxRuntime.jsx(UiColumns.UiColumns, {});
+}
+const profileTypeOptions = profileFieldTypes.PROFILE_FIELD_TYPES.map((type) => ({
+  value: type,
+  label: type,
+  icon: TYPE_ICONS[type]
+}));
+const profileRoleOptions = [
+  { value: "timestamp", label: "Timestamp", icon: ROLE_ICONS["timestamp"] },
+  { value: "tags", label: "Tags", icon: ROLE_ICONS["tags"] },
+  { value: "status", label: "Status", icon: ROLE_ICONS["status"] }
+];
+const profileFormatOptions = profileWizardModel.PROFILE_COLUMN_FORMAT_OPTIONS.map(
+  (option) => ({ ...option, icon: FORMAT_ICONS[option.value] })
+);
+const profileUnitOptions = profileWizardModel.PROFILE_COLUMN_UNIT_OPTIONS.map(
+  (option) => ({ ...option, icon: UNIT_ICONS[option.value] })
+);
+const profileFilterKindOptions = profileWizardModel.PROFILE_FILTER_KIND_OPTIONS.map(
+  (option) => ({ ...option, icon: FILTER_KIND_ICONS[option.value] })
+);
+exports.profileFilterKindOptions = profileFilterKindOptions;
+exports.profileFormatOptions = profileFormatOptions;
+exports.profileRoleOptions = profileRoleOptions;
+exports.profileTypeIcon = profileTypeIcon;
+exports.profileTypeOptions = profileTypeOptions;
+exports.profileUnitOptions = profileUnitOptions;
+//# sourceMappingURL=profileFieldIcons.cjs.map

package/dist/profiles/fields/profileFieldIcons.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileFieldIcons.cjs","sources":["../../../src/profiles/fields/profileFieldIcons.tsx"],"sourcesContent":["/**\n * The glyphs a profile column's enums render with, and the Combobox options\n * built from them.\n *\n * The params editor gets these from the schema (`x-enum-icons`); the column\n * editor is hand-rolled, so its vocabulary lives here instead — one place both\n * the grid and the inspector read, rather than an icon picked twice.\n */\n\nimport type { ReactNode } from \"react\";\nimport type { ComboboxOption } from \"../../components/combobox-types\";\n// Monochrome UI glyphs only: the symbol icons (UiString, UiJson, UiField, …)\n// carry hardcoded IDE colours, which read as stray dots beside a form label.\nimport {\n  UiActivity,\n  UiBraces,\n  UiCalendar,\n  UiChartPie,\n  UiClock,\n  UiColumns,\n  UiCurrencyDollar,\n  UiCursorText,\n  UiFingerprint,\n  UiHardDrive,\n  UiListChecks,\n  UiListDashes,\n  UiProhibit,\n  UiPulse,\n  UiShieldCheck,\n  UiSigma,\n  UiSliders,\n  UiTag,\n  UiTimer,\n  UiToggleOn,\n} from \"../../icons\";\nimport { PROFILE_FIELD_TYPES } from \"./profileFieldTypes\";\nimport {\n  PROFILE_COLUMN_FORMAT_OPTIONS,\n  PROFILE_COLUMN_UNIT_OPTIONS,\n  PROFILE_FILTER_KIND_OPTIONS,\n} from \"../wizard/profileWizardModel\";\n\nconst TYPE_ICONS: Record<string, ReactNode> = {\n  string: <UiCursorText />,\n  number: <UiSigma />,\n  boolean: <UiToggleOn />,\n  datetime: <UiCalendar />,\n  duration: <UiTimer />,\n  bytes: <UiHardDrive />,\n  status: <UiPulse />,\n  health: <UiShieldCheck />,\n  key_value: <UiTag />,\n  key_values: <UiListDashes />,\n  json: <UiBraces />,\n};\n\n// A filter borrows the glyph of the type that infers it — duration from\n// UiTimer, date from UiCalendar — so the Type and the control it implies read\n// as one thing. Time keeps the clock, which is what makes the date/date-and-\n// time split legible at a glance.\nconst FILTER_KIND_ICONS: Record<string, ReactNode> = {\n  terms: <UiListChecks />,\n  exact: <UiFingerprint />,\n  range: <UiSliders />,\n  duration: <UiTimer />,\n  date: <UiCalendar />,\n  time: <UiClock />,\n  boolean: <UiToggleOn />,\n  text: <UiCursorText />,\n  none: <UiProhibit />,\n};\n\nconst ROLE_ICONS: Record<string, ReactNode> = {\n  timestamp: <UiClock />,\n  tags: <UiTag />,\n  status: <UiPulse />,\n};\n\nconst FORMAT_ICONS: Record<string, ReactNode> = {\n  date: <UiCalendar />,\n  float: <UiSigma />,\n  duration: <UiTimer />,\n  bytes: <UiHardDrive />,\n  currency: <UiCurrencyDollar />,\n};\n\nconst UNIT_ICONS: Record<string, ReactNode> = {\n  none: <UiSigma />,\n  short: <UiSigma />,\n  percent: <UiChartPie />,\n  percentunit: <UiChartPie />,\n  bytes: <UiHardDrive />,\n  decbytes: <UiHardDrive />,\n  Bps: <UiActivity />,\n  binBps: <UiActivity />,\n  ms: <UiTimer />,\n  s: <UiTimer />,\n};\n\nexport function profileTypeIcon(type?: string): ReactNode {\n  return (type && TYPE_ICONS[type]) ?? <UiColumns />;\n}\n\nexport function profileFilterKindIcon(kind: string): ReactNode {\n  return FILTER_KIND_ICONS[kind] ?? <UiListChecks />;\n}\n\nexport const profileTypeOptions: ComboboxOption[] = PROFILE_FIELD_TYPES.map((type) => ({\n  value: type,\n  label: type,\n  icon: TYPE_ICONS[type],\n}));\n\nexport const profileRoleOptions: ComboboxOption[] = [\n  { value: \"timestamp\", label: \"Timestamp\", icon: ROLE_ICONS[\"timestamp\"] },\n  { value: \"tags\", label: \"Tags\", icon: ROLE_ICONS[\"tags\"] },\n  { value: \"status\", label: \"Status\", icon: ROLE_ICONS[\"status\"] },\n];\n\nexport const profileFormatOptions: ComboboxOption[] = PROFILE_COLUMN_FORMAT_OPTIONS.map(\n  (option) => ({ ...option, icon: FORMAT_ICONS[option.value] }),\n);\n\nexport const profileUnitOptions: ComboboxOption[] = PROFILE_COLUMN_UNIT_OPTIONS.map(\n  (option) => ({ ...option, icon: UNIT_ICONS[option.value] }),\n);\n\nexport const profileFilterKindOptions: ComboboxOption[] = PROFILE_FILTER_KIND_OPTIONS.map(\n  (option) => ({ ...option, icon: FILTER_KIND_ICONS[option.value] }),\n);\n"],"names":["UiCursorText","UiSigma","UiToggleOn","UiCalendar","UiTimer","UiHardDrive","UiPulse","UiShieldCheck","UiTag","UiListDashes","UiBraces","UiListChecks","UiFingerprint","UiSliders","UiClock","UiProhibit","UiCurrencyDollar","UiChartPie","UiActivity","UiColumns","PROFILE_FIELD_TYPES","PROFILE_COLUMN_FORMAT_OPTIONS","PROFILE_COLUMN_UNIT_OPTIONS","PROFILE_FILTER_KIND_OPTIONS"],"mappings":"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"}

package/dist/profiles/fields/profileFieldIcons.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { ComboboxOption } from '../../components/combobox-types';
+export declare function profileTypeIcon(type?: string): ReactNode;
+export declare function profileFilterKindIcon(kind: string): ReactNode;
+export declare const profileTypeOptions: ComboboxOption[];
+export declare const profileRoleOptions: ComboboxOption[];
+export declare const profileFormatOptions: ComboboxOption[];
+export declare const profileUnitOptions: ComboboxOption[];
+export declare const profileFilterKindOptions: ComboboxOption[];
+//# sourceMappingURL=profileFieldIcons.d.ts.map

package/dist/profiles/fields/profileFieldIcons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileFieldIcons.d.ts","sourceRoot":"","sources":["../../../src/profiles/fields/profileFieldIcons.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAyFtE,wBAAgB,eAAe,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAExD;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAE7D;AAED,eAAO,MAAM,kBAAkB,EAAE,cAAc,EAI5C,CAAC;AAEJ,eAAO,MAAM,kBAAkB,EAAE,cAAc,EAI9C,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,cAAc,EAEhD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,cAAc,EAE9C,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,cAAc,EAEpD,CAAC"}

package/dist/profiles/fields/profileFieldIcons.js

@@ -0,0 +1,102 @@
+import { jsx } from "react/jsx-runtime";
+import { PROFILE_FIELD_TYPES } from "./profileFieldTypes.js";
+import { PROFILE_COLUMN_FORMAT_OPTIONS, PROFILE_COLUMN_UNIT_OPTIONS, PROFILE_FILTER_KIND_OPTIONS } from "../wizard/profileWizardModel.js";
+import { UiColumns } from "../../icons/components/UiColumns.js";
+import { UiPulse } from "../../icons/components/UiPulse.js";
+import { UiTag } from "../../icons/components/UiTag.js";
+import { UiClock } from "../../icons/components/UiClock.js";
+import { UiBraces } from "../../icons/components/UiBraces.js";
+import { UiListDashes } from "../../icons/components/UiListDashes.js";
+import { UiShieldCheck } from "../../icons/components/UiShield.js";
+import { UiHardDrive } from "../../icons/components/UiHardDrive.js";
+import { UiTimer } from "../../icons/components/UiTimer.js";
+import { UiCalendar } from "../../icons/components/UiCalendar.js";
+import { UiToggleOn } from "../../icons/components/UiToggleOn.js";
+import { UiSigma } from "../../icons/components/UiSigma.js";
+import { UiCursorText } from "../../icons/components/UiCursorText.js";
+import { UiCurrencyDollar } from "../../icons/components/UiCurrencyDollar.js";
+import { UiActivity } from "../../icons/components/UiActivity.js";
+import { UiChartPie } from "../../icons/components/UiChartPie.js";
+import { UiProhibit } from "../../icons/components/UiProhibit.js";
+import { UiSliders } from "../../icons/components/UiSliders.js";
+import { UiFingerprint } from "../../icons/components/UiFingerprint.js";
+import { UiListChecks } from "../../icons/components/UiListChecks.js";
+const TYPE_ICONS = {
+  string: /* @__PURE__ */ jsx(UiCursorText, {}),
+  number: /* @__PURE__ */ jsx(UiSigma, {}),
+  boolean: /* @__PURE__ */ jsx(UiToggleOn, {}),
+  datetime: /* @__PURE__ */ jsx(UiCalendar, {}),
+  duration: /* @__PURE__ */ jsx(UiTimer, {}),
+  bytes: /* @__PURE__ */ jsx(UiHardDrive, {}),
+  status: /* @__PURE__ */ jsx(UiPulse, {}),
+  health: /* @__PURE__ */ jsx(UiShieldCheck, {}),
+  key_value: /* @__PURE__ */ jsx(UiTag, {}),
+  key_values: /* @__PURE__ */ jsx(UiListDashes, {}),
+  json: /* @__PURE__ */ jsx(UiBraces, {})
+};
+const FILTER_KIND_ICONS = {
+  terms: /* @__PURE__ */ jsx(UiListChecks, {}),
+  exact: /* @__PURE__ */ jsx(UiFingerprint, {}),
+  range: /* @__PURE__ */ jsx(UiSliders, {}),
+  duration: /* @__PURE__ */ jsx(UiTimer, {}),
+  date: /* @__PURE__ */ jsx(UiCalendar, {}),
+  time: /* @__PURE__ */ jsx(UiClock, {}),
+  boolean: /* @__PURE__ */ jsx(UiToggleOn, {}),
+  text: /* @__PURE__ */ jsx(UiCursorText, {}),
+  none: /* @__PURE__ */ jsx(UiProhibit, {})
+};
+const ROLE_ICONS = {
+  timestamp: /* @__PURE__ */ jsx(UiClock, {}),
+  tags: /* @__PURE__ */ jsx(UiTag, {}),
+  status: /* @__PURE__ */ jsx(UiPulse, {})
+};
+const FORMAT_ICONS = {
+  date: /* @__PURE__ */ jsx(UiCalendar, {}),
+  float: /* @__PURE__ */ jsx(UiSigma, {}),
+  duration: /* @__PURE__ */ jsx(UiTimer, {}),
+  bytes: /* @__PURE__ */ jsx(UiHardDrive, {}),
+  currency: /* @__PURE__ */ jsx(UiCurrencyDollar, {})
+};
+const UNIT_ICONS = {
+  none: /* @__PURE__ */ jsx(UiSigma, {}),
+  short: /* @__PURE__ */ jsx(UiSigma, {}),
+  percent: /* @__PURE__ */ jsx(UiChartPie, {}),
+  percentunit: /* @__PURE__ */ jsx(UiChartPie, {}),
+  bytes: /* @__PURE__ */ jsx(UiHardDrive, {}),
+  decbytes: /* @__PURE__ */ jsx(UiHardDrive, {}),
+  Bps: /* @__PURE__ */ jsx(UiActivity, {}),
+  binBps: /* @__PURE__ */ jsx(UiActivity, {}),
+  ms: /* @__PURE__ */ jsx(UiTimer, {}),
+  s: /* @__PURE__ */ jsx(UiTimer, {})
+};
+function profileTypeIcon(type) {
+  return (type && TYPE_ICONS[type]) ?? /* @__PURE__ */ jsx(UiColumns, {});
+}
+const profileTypeOptions = PROFILE_FIELD_TYPES.map((type) => ({
+  value: type,
+  label: type,
+  icon: TYPE_ICONS[type]
+}));
+const profileRoleOptions = [
+  { value: "timestamp", label: "Timestamp", icon: ROLE_ICONS["timestamp"] },
+  { value: "tags", label: "Tags", icon: ROLE_ICONS["tags"] },
+  { value: "status", label: "Status", icon: ROLE_ICONS["status"] }
+];
+const profileFormatOptions = PROFILE_COLUMN_FORMAT_OPTIONS.map(
+  (option) => ({ ...option, icon: FORMAT_ICONS[option.value] })
+);
+const profileUnitOptions = PROFILE_COLUMN_UNIT_OPTIONS.map(
+  (option) => ({ ...option, icon: UNIT_ICONS[option.value] })
+);
+const profileFilterKindOptions = PROFILE_FILTER_KIND_OPTIONS.map(
+  (option) => ({ ...option, icon: FILTER_KIND_ICONS[option.value] })
+);
+export {
+  profileFilterKindOptions,
+  profileFormatOptions,
+  profileRoleOptions,
+  profileTypeIcon,
+  profileTypeOptions,
+  profileUnitOptions
+};
+//# sourceMappingURL=profileFieldIcons.js.map

package/dist/profiles/fields/profileFieldIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profileFieldIcons.js","sources":["../../../src/profiles/fields/profileFieldIcons.tsx"],"sourcesContent":["/**\n * The glyphs a profile column's enums render with, and the Combobox options\n * built from them.\n *\n * The params editor gets these from the schema (`x-enum-icons`); the column\n * editor is hand-rolled, so its vocabulary lives here instead — one place both\n * the grid and the inspector read, rather than an icon picked twice.\n */\n\nimport type { ReactNode } from \"react\";\nimport type { ComboboxOption } from \"../../components/combobox-types\";\n// Monochrome UI glyphs only: the symbol icons (UiString, UiJson, UiField, …)\n// carry hardcoded IDE colours, which read as stray dots beside a form label.\nimport {\n  UiActivity,\n  UiBraces,\n  UiCalendar,\n  UiChartPie,\n  UiClock,\n  UiColumns,\n  UiCurrencyDollar,\n  UiCursorText,\n  UiFingerprint,\n  UiHardDrive,\n  UiListChecks,\n  UiListDashes,\n  UiProhibit,\n  UiPulse,\n  UiShieldCheck,\n  UiSigma,\n  UiSliders,\n  UiTag,\n  UiTimer,\n  UiToggleOn,\n} from \"../../icons\";\nimport { PROFILE_FIELD_TYPES } from \"./profileFieldTypes\";\nimport {\n  PROFILE_COLUMN_FORMAT_OPTIONS,\n  PROFILE_COLUMN_UNIT_OPTIONS,\n  PROFILE_FILTER_KIND_OPTIONS,\n} from \"../wizard/profileWizardModel\";\n\nconst TYPE_ICONS: Record<string, ReactNode> = {\n  string: <UiCursorText />,\n  number: <UiSigma />,\n  boolean: <UiToggleOn />,\n  datetime: <UiCalendar />,\n  duration: <UiTimer />,\n  bytes: <UiHardDrive />,\n  status: <UiPulse />,\n  health: <UiShieldCheck />,\n  key_value: <UiTag />,\n  key_values: <UiListDashes />,\n  json: <UiBraces />,\n};\n\n// A filter borrows the glyph of the type that infers it — duration from\n// UiTimer, date from UiCalendar — so the Type and the control it implies read\n// as one thing. Time keeps the clock, which is what makes the date/date-and-\n// time split legible at a glance.\nconst FILTER_KIND_ICONS: Record<string, ReactNode> = {\n  terms: <UiListChecks />,\n  exact: <UiFingerprint />,\n  range: <UiSliders />,\n  duration: <UiTimer />,\n  date: <UiCalendar />,\n  time: <UiClock />,\n  boolean: <UiToggleOn />,\n  text: <UiCursorText />,\n  none: <UiProhibit />,\n};\n\nconst ROLE_ICONS: Record<string, ReactNode> = {\n  timestamp: <UiClock />,\n  tags: <UiTag />,\n  status: <UiPulse />,\n};\n\nconst FORMAT_ICONS: Record<string, ReactNode> = {\n  date: <UiCalendar />,\n  float: <UiSigma />,\n  duration: <UiTimer />,\n  bytes: <UiHardDrive />,\n  currency: <UiCurrencyDollar />,\n};\n\nconst UNIT_ICONS: Record<string, ReactNode> = {\n  none: <UiSigma />,\n  short: <UiSigma />,\n  percent: <UiChartPie />,\n  percentunit: <UiChartPie />,\n  bytes: <UiHardDrive />,\n  decbytes: <UiHardDrive />,\n  Bps: <UiActivity />,\n  binBps: <UiActivity />,\n  ms: <UiTimer />,\n  s: <UiTimer />,\n};\n\nexport function profileTypeIcon(type?: string): ReactNode {\n  return (type && TYPE_ICONS[type]) ?? <UiColumns />;\n}\n\nexport function profileFilterKindIcon(kind: string): ReactNode {\n  return FILTER_KIND_ICONS[kind] ?? <UiListChecks />;\n}\n\nexport const profileTypeOptions: ComboboxOption[] = PROFILE_FIELD_TYPES.map((type) => ({\n  value: type,\n  label: type,\n  icon: TYPE_ICONS[type],\n}));\n\nexport const profileRoleOptions: ComboboxOption[] = [\n  { value: \"timestamp\", label: \"Timestamp\", icon: ROLE_ICONS[\"timestamp\"] },\n  { value: \"tags\", label: \"Tags\", icon: ROLE_ICONS[\"tags\"] },\n  { value: \"status\", label: \"Status\", icon: ROLE_ICONS[\"status\"] },\n];\n\nexport const profileFormatOptions: ComboboxOption[] = PROFILE_COLUMN_FORMAT_OPTIONS.map(\n  (option) => ({ ...option, icon: FORMAT_ICONS[option.value] }),\n);\n\nexport const profileUnitOptions: ComboboxOption[] = PROFILE_COLUMN_UNIT_OPTIONS.map(\n  (option) => ({ ...option, icon: UNIT_ICONS[option.value] }),\n);\n\nexport const profileFilterKindOptions: ComboboxOption[] = PROFILE_FILTER_KIND_OPTIONS.map(\n  (option) => ({ ...option, icon: FILTER_KIND_ICONS[option.value] }),\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA0CA,MAAM,aAAwC;AAAA,EAC5C,4BAAS,cAAA,EAAa;AAAA,EACtB,4BAAS,SAAA,EAAQ;AAAA,EACjB,6BAAU,YAAA,EAAW;AAAA,EACrB,8BAAW,YAAA,EAAW;AAAA,EACtB,8BAAW,SAAA,EAAQ;AAAA,EACnB,2BAAQ,aAAA,EAAY;AAAA,EACpB,4BAAS,SAAA,EAAQ;AAAA,EACjB,4BAAS,eAAA,EAAc;AAAA,EACvB,+BAAY,OAAA,EAAM;AAAA,EAClB,gCAAa,cAAA,EAAa;AAAA,EAC1B,0BAAO,UAAA,CAAA,CAAS;AAClB;AAMA,MAAM,oBAA+C;AAAA,EACnD,2BAAQ,cAAA,EAAa;AAAA,EACrB,2BAAQ,eAAA,EAAc;AAAA,EACtB,2BAAQ,WAAA,EAAU;AAAA,EAClB,8BAAW,SAAA,EAAQ;AAAA,EACnB,0BAAO,YAAA,EAAW;AAAA,EAClB,0BAAO,SAAA,EAAQ;AAAA,EACf,6BAAU,YAAA,EAAW;AAAA,EACrB,0BAAO,cAAA,EAAa;AAAA,EACpB,0BAAO,YAAA,CAAA,CAAW;AACpB;AAEA,MAAM,aAAwC;AAAA,EAC5C,+BAAY,SAAA,EAAQ;AAAA,EACpB,0BAAO,OAAA,EAAM;AAAA,EACb,4BAAS,SAAA,CAAA,CAAQ;AACnB;AAEA,MAAM,eAA0C;AAAA,EAC9C,0BAAO,YAAA,EAAW;AAAA,EAClB,2BAAQ,SAAA,EAAQ;AAAA,EAChB,8BAAW,SAAA,EAAQ;AAAA,EACnB,2BAAQ,aAAA,EAAY;AAAA,EACpB,8BAAW,kBAAA,CAAA,CAAiB;AAC9B;AAEA,MAAM,aAAwC;AAAA,EAC5C,0BAAO,SAAA,EAAQ;AAAA,EACf,2BAAQ,SAAA,EAAQ;AAAA,EAChB,6BAAU,YAAA,EAAW;AAAA,EACrB,iCAAc,YAAA,EAAW;AAAA,EACzB,2BAAQ,aAAA,EAAY;AAAA,EACpB,8BAAW,aAAA,EAAY;AAAA,EACvB,yBAAM,YAAA,EAAW;AAAA,EACjB,4BAAS,YAAA,EAAW;AAAA,EACpB,wBAAK,SAAA,EAAQ;AAAA,EACb,uBAAI,SAAA,CAAA,CAAQ;AACd;AAEO,SAAS,gBAAgB,MAA0B;AACxD,UAAQ,QAAQ,WAAW,IAAI,0BAAO,WAAA,EAAU;AAClD;AAMO,MAAM,qBAAuC,oBAAoB,IAAI,CAAC,UAAU;AAAA,EACrF,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM,WAAW,IAAI;AACvB,EAAE;AAEK,MAAM,qBAAuC;AAAA,EAClD,EAAE,OAAO,aAAa,OAAO,aAAa,MAAM,WAAW,WAAW,EAAA;AAAA,EACtE,EAAE,OAAO,QAAQ,OAAO,QAAQ,MAAM,WAAW,MAAM,EAAA;AAAA,EACvD,EAAE,OAAO,UAAU,OAAO,UAAU,MAAM,WAAW,QAAQ,EAAA;AAC/D;AAEO,MAAM,uBAAyC,8BAA8B;AAAA,EAClF,CAAC,YAAY,EAAE,GAAG,QAAQ,MAAM,aAAa,OAAO,KAAK,EAAA;AAC3D;AAEO,MAAM,qBAAuC,4BAA4B;AAAA,EAC9E,CAAC,YAAY,EAAE,GAAG,QAAQ,MAAM,WAAW,OAAO,KAAK,EAAA;AACzD;AAEO,MAAM,2BAA6C,4BAA4B;AAAA,EACpF,CAAC,YAAY,EAAE,GAAG,QAAQ,MAAM,kBAAkB,OAAO,KAAK,EAAA;AAChE;"}