@flanksource/clicky-ui 0.3.21 → 0.3.22

package/dist/profiles/elasticsearch/esValueCombobox.cjs

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Combobox = require("../../components/Combobox.cjs");
+const reactQuery = require("@tanstack/react-query");
+const react = require("react");
+function useFieldValues(lookup) {
+  const [query, setQuery] = react.useState("");
+  const result = reactQuery.useQuery({
+    queryKey: ["es-field-values", lookup.key, query],
+    queryFn: () => lookup.fetch(query),
+    placeholderData: reactQuery.keepPreviousData,
+    staleTime: 3e4,
+    retry: 0
+  });
+  return { ...result, onSearch: setQuery };
+}
+function valueOptions(result) {
+  return ((result == null ? void 0 : result.values) ?? []).map((entry) => ({
+    value: entry.value,
+    label: entry.value,
+    title: `${entry.count.toLocaleString()} documents`
+  }));
+}
+function valueSummary(result, error) {
+  if (error) return error.message;
+  if (!result) return void 0;
+  const scope = result.scoped ? "matching current filters" : "across the index";
+  if (!result.values.length) return `no values ${scope}`;
+  return `${result.values.length} of ${result.total.toLocaleString()} · ${scope}`;
+}
+function ValueCombobox({
+  id,
+  label,
+  lookup,
+  value,
+  onChange
+}) {
+  const { data, error, isFetching, onSearch } = useFieldValues(lookup);
+  const summary = valueSummary(data, error);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Combobox.Combobox,
+    {
+      id,
+      ariaLabel: label,
+      className: "min-w-48",
+      placeholder: label,
+      value,
+      onChange,
+      options: valueOptions(data),
+      onSearch,
+      loading: isFetching,
+      allowCustomValue: true,
+      ...summary ? { footer: summary } : {}
+    }
+  );
+}
+function ValuesCombobox({
+  label,
+  lookup,
+  values,
+  onChange
+}) {
+  const { data, error, isFetching, onSearch } = useFieldValues(lookup);
+  const summary = valueSummary(data, error);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Combobox.Combobox,
+    {
+      multiple: true,
+      variant: "tags",
+      ariaLabel: label,
+      className: "min-w-56 flex-1",
+      placeholder: label,
+      value: values,
+      onChange,
+      options: valueOptions(data),
+      onSearch,
+      loading: isFetching,
+      allowCustomValue: true,
+      ...summary ? { footer: summary } : {}
+    }
+  );
+}
+exports.ValueCombobox = ValueCombobox;
+exports.ValuesCombobox = ValuesCombobox;
+//# sourceMappingURL=esValueCombobox.cjs.map

package/dist/profiles/elasticsearch/esValueCombobox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"esValueCombobox.cjs","sources":["../../../src/profiles/elasticsearch/esValueCombobox.tsx"],"sourcesContent":["/**\n * The operand controls backed by a field's real values. Typing narrows the\n * terms aggregation server-side rather than filtering a fetched page, so a\n * field with thousands of values stays usable; a value outside the returned\n * window is still typeable, which is what `allowCustomValue` stands for.\n */\n\nimport { Combobox } from \"../../components/Combobox\";\nimport type { ComboboxOption } from \"../../components/Combobox\";\nimport { keepPreviousData, useQuery } from \"@tanstack/react-query\";\nimport { useState } from \"react\";\nimport type { FieldValuesQuery, FieldValuesResult } from \"./esFieldValues\";\n\nfunction useFieldValues(lookup: FieldValuesQuery) {\n  const [query, setQuery] = useState(\"\");\n  const result = useQuery<FieldValuesResult>({\n    queryKey: [\"es-field-values\", lookup.key, query],\n    queryFn: () => lookup.fetch(query),\n    placeholderData: keepPreviousData,\n    staleTime: 30_000,\n    retry: 0,\n  });\n  return { ...result, onSearch: setQuery };\n}\n\nfunction valueOptions(result: FieldValuesResult | undefined): ComboboxOption[] {\n  return (result?.values ?? []).map((entry) => ({\n    value: entry.value,\n    label: entry.value,\n    title: `${entry.count.toLocaleString()} documents`,\n  }));\n}\n\n/**\n * The summary explains what the list is a window onto: how much of the field's\n * cardinality is shown, and whether the rest of the query narrowed it.\n */\nfunction valueSummary(\n  result: FieldValuesResult | undefined,\n  error: Error | null,\n): string | undefined {\n  if (error) return error.message;\n  if (!result) return undefined;\n  const scope = result.scoped ? \"matching current filters\" : \"across the index\";\n  if (!result.values.length) return `no values ${scope}`;\n  return `${result.values.length} of ${result.total.toLocaleString()} · ${scope}`;\n}\n\nexport function ValueCombobox({\n  id,\n  label,\n  lookup,\n  value,\n  onChange,\n}: {\n  id: string;\n  label: string;\n  lookup: FieldValuesQuery;\n  value: string;\n  onChange: (next: string) => void;\n}) {\n  const { data, error, isFetching, onSearch } = useFieldValues(lookup);\n  const summary = valueSummary(data, error as Error | null);\n  return (\n    <Combobox\n      id={id}\n      ariaLabel={label}\n      className=\"min-w-48\"\n      placeholder={label}\n      value={value}\n      onChange={onChange}\n      options={valueOptions(data)}\n      onSearch={onSearch}\n      loading={isFetching}\n      allowCustomValue\n      {...(summary ? { footer: summary } : {})}\n    />\n  );\n}\n\nexport function ValuesCombobox({\n  label,\n  lookup,\n  values,\n  onChange,\n}: {\n  label: string;\n  lookup: FieldValuesQuery;\n  values: string[];\n  onChange: (next: string[]) => void;\n}) {\n  const { data, error, isFetching, onSearch } = useFieldValues(lookup);\n  const summary = valueSummary(data, error as Error | null);\n  return (\n    <Combobox\n      multiple\n      variant=\"tags\"\n      ariaLabel={label}\n      className=\"min-w-56 flex-1\"\n      placeholder={label}\n      value={values}\n      onChange={onChange}\n      options={valueOptions(data)}\n      onSearch={onSearch}\n      loading={isFetching}\n      allowCustomValue\n      {...(summary ? { footer: summary } : {})}\n    />\n  );\n}\n"],"names":["useState","useQuery","keepPreviousData","jsx","Combobox"],"mappings":";;;;;;AAaA,SAAS,eAAe,QAA0B;AAChD,QAAM,CAAC,OAAO,QAAQ,IAAIA,MAAAA,SAAS,EAAE;AACrC,QAAM,SAASC,WAAAA,SAA4B;AAAA,IACzC,UAAU,CAAC,mBAAmB,OAAO,KAAK,KAAK;AAAA,IAC/C,SAAS,MAAM,OAAO,MAAM,KAAK;AAAA,IACjC,iBAAiBC,WAAAA;AAAAA,IACjB,WAAW;AAAA,IACX,OAAO;AAAA,EAAA,CACR;AACD,SAAO,EAAE,GAAG,QAAQ,UAAU,SAAA;AAChC;AAEA,SAAS,aAAa,QAAyD;AAC7E,WAAQ,iCAAQ,WAAU,CAAA,GAAI,IAAI,CAAC,WAAW;AAAA,IAC5C,OAAO,MAAM;AAAA,IACb,OAAO,MAAM;AAAA,IACb,OAAO,GAAG,MAAM,MAAM,gBAAgB;AAAA,EAAA,EACtC;AACJ;AAMA,SAAS,aACP,QACA,OACoB;AACpB,MAAI,cAAc,MAAM;AACxB,MAAI,CAAC,OAAQ,QAAO;AACpB,QAAM,QAAQ,OAAO,SAAS,6BAA6B;AAC3D,MAAI,CAAC,OAAO,OAAO,OAAQ,QAAO,aAAa,KAAK;AACpD,SAAO,GAAG,OAAO,OAAO,MAAM,OAAO,OAAO,MAAM,eAAA,CAAgB,MAAM,KAAK;AAC/E;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,EAAE,MAAM,OAAO,YAAY,SAAA,IAAa,eAAe,MAAM;AACnE,QAAM,UAAU,aAAa,MAAM,KAAqB;AACxD,SACEC,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,MACX,WAAU;AAAA,MACV,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,SAAS,aAAa,IAAI;AAAA,MAC1B;AAAA,MACA,SAAS;AAAA,MACT,kBAAgB;AAAA,MACf,GAAI,UAAU,EAAE,QAAQ,YAAY,CAAA;AAAA,IAAC;AAAA,EAAA;AAG5C;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,EAAE,MAAM,OAAO,YAAY,SAAA,IAAa,eAAe,MAAM;AACnE,QAAM,UAAU,aAAa,MAAM,KAAqB;AACxD,SACED,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC,UAAQ;AAAA,MACR,SAAQ;AAAA,MACR,WAAW;AAAA,MACX,WAAU;AAAA,MACV,aAAa;AAAA,MACb,OAAO;AAAA,MACP;AAAA,MACA,SAAS,aAAa,IAAI;AAAA,MAC1B;AAAA,MACA,SAAS;AAAA,MACT,kBAAgB;AAAA,MACf,GAAI,UAAU,EAAE,QAAQ,YAAY,CAAA;AAAA,IAAC;AAAA,EAAA;AAG5C;;;"}

package/dist/profiles/elasticsearch/esValueCombobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"esValueCombobox.d.ts","sourceRoot":"","sources":["../../../src/profiles/elasticsearch/esValueCombobox.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,KAAK,EAAE,gBAAgB,EAAqB,MAAM,iBAAiB,CAAC;AAqC3E,wBAAgB,aAAa,CAAC,EAC5B,EAAE,EACF,KAAK,EACL,MAAM,EACN,KAAK,EACL,QAAQ,GACT,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,2CAkBA;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,MAAM,EACN,MAAM,EACN,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,gBAAgB,CAAC;IACzB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACpC,2CAmBA"}

package/dist/profiles/elasticsearch/esValueCombobox.js

@@ -0,0 +1,86 @@
+import { jsx } from "react/jsx-runtime";
+import { Combobox } from "../../components/Combobox.js";
+import { useQuery, keepPreviousData } from "@tanstack/react-query";
+import { useState } from "react";
+function useFieldValues(lookup) {
+  const [query, setQuery] = useState("");
+  const result = useQuery({
+    queryKey: ["es-field-values", lookup.key, query],
+    queryFn: () => lookup.fetch(query),
+    placeholderData: keepPreviousData,
+    staleTime: 3e4,
+    retry: 0
+  });
+  return { ...result, onSearch: setQuery };
+}
+function valueOptions(result) {
+  return ((result == null ? void 0 : result.values) ?? []).map((entry) => ({
+    value: entry.value,
+    label: entry.value,
+    title: `${entry.count.toLocaleString()} documents`
+  }));
+}
+function valueSummary(result, error) {
+  if (error) return error.message;
+  if (!result) return void 0;
+  const scope = result.scoped ? "matching current filters" : "across the index";
+  if (!result.values.length) return `no values ${scope}`;
+  return `${result.values.length} of ${result.total.toLocaleString()} · ${scope}`;
+}
+function ValueCombobox({
+  id,
+  label,
+  lookup,
+  value,
+  onChange
+}) {
+  const { data, error, isFetching, onSearch } = useFieldValues(lookup);
+  const summary = valueSummary(data, error);
+  return /* @__PURE__ */ jsx(
+    Combobox,
+    {
+      id,
+      ariaLabel: label,
+      className: "min-w-48",
+      placeholder: label,
+      value,
+      onChange,
+      options: valueOptions(data),
+      onSearch,
+      loading: isFetching,
+      allowCustomValue: true,
+      ...summary ? { footer: summary } : {}
+    }
+  );
+}
+function ValuesCombobox({
+  label,
+  lookup,
+  values,
+  onChange
+}) {
+  const { data, error, isFetching, onSearch } = useFieldValues(lookup);
+  const summary = valueSummary(data, error);
+  return /* @__PURE__ */ jsx(
+    Combobox,
+    {
+      multiple: true,
+      variant: "tags",
+      ariaLabel: label,
+      className: "min-w-56 flex-1",
+      placeholder: label,
+      value: values,
+      onChange,
+      options: valueOptions(data),
+      onSearch,
+      loading: isFetching,
+      allowCustomValue: true,
+      ...summary ? { footer: summary } : {}
+    }
+  );
+}
+export {
+  ValueCombobox,
+  ValuesCombobox
+};
+//# sourceMappingURL=esValueCombobox.js.map

package/dist/profiles/elasticsearch/esValueCombobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"esValueCombobox.js","sources":["../../../src/profiles/elasticsearch/esValueCombobox.tsx"],"sourcesContent":["/**\n * The operand controls backed by a field's real values. Typing narrows the\n * terms aggregation server-side rather than filtering a fetched page, so a\n * field with thousands of values stays usable; a value outside the returned\n * window is still typeable, which is what `allowCustomValue` stands for.\n */\n\nimport { Combobox } from \"../../components/Combobox\";\nimport type { ComboboxOption } from \"../../components/Combobox\";\nimport { keepPreviousData, useQuery } from \"@tanstack/react-query\";\nimport { useState } from \"react\";\nimport type { FieldValuesQuery, FieldValuesResult } from \"./esFieldValues\";\n\nfunction useFieldValues(lookup: FieldValuesQuery) {\n  const [query, setQuery] = useState(\"\");\n  const result = useQuery<FieldValuesResult>({\n    queryKey: [\"es-field-values\", lookup.key, query],\n    queryFn: () => lookup.fetch(query),\n    placeholderData: keepPreviousData,\n    staleTime: 30_000,\n    retry: 0,\n  });\n  return { ...result, onSearch: setQuery };\n}\n\nfunction valueOptions(result: FieldValuesResult | undefined): ComboboxOption[] {\n  return (result?.values ?? []).map((entry) => ({\n    value: entry.value,\n    label: entry.value,\n    title: `${entry.count.toLocaleString()} documents`,\n  }));\n}\n\n/**\n * The summary explains what the list is a window onto: how much of the field's\n * cardinality is shown, and whether the rest of the query narrowed it.\n */\nfunction valueSummary(\n  result: FieldValuesResult | undefined,\n  error: Error | null,\n): string | undefined {\n  if (error) return error.message;\n  if (!result) return undefined;\n  const scope = result.scoped ? \"matching current filters\" : \"across the index\";\n  if (!result.values.length) return `no values ${scope}`;\n  return `${result.values.length} of ${result.total.toLocaleString()} · ${scope}`;\n}\n\nexport function ValueCombobox({\n  id,\n  label,\n  lookup,\n  value,\n  onChange,\n}: {\n  id: string;\n  label: string;\n  lookup: FieldValuesQuery;\n  value: string;\n  onChange: (next: string) => void;\n}) {\n  const { data, error, isFetching, onSearch } = useFieldValues(lookup);\n  const summary = valueSummary(data, error as Error | null);\n  return (\n    <Combobox\n      id={id}\n      ariaLabel={label}\n      className=\"min-w-48\"\n      placeholder={label}\n      value={value}\n      onChange={onChange}\n      options={valueOptions(data)}\n      onSearch={onSearch}\n      loading={isFetching}\n      allowCustomValue\n      {...(summary ? { footer: summary } : {})}\n    />\n  );\n}\n\nexport function ValuesCombobox({\n  label,\n  lookup,\n  values,\n  onChange,\n}: {\n  label: string;\n  lookup: FieldValuesQuery;\n  values: string[];\n  onChange: (next: string[]) => void;\n}) {\n  const { data, error, isFetching, onSearch } = useFieldValues(lookup);\n  const summary = valueSummary(data, error as Error | null);\n  return (\n    <Combobox\n      multiple\n      variant=\"tags\"\n      ariaLabel={label}\n      className=\"min-w-56 flex-1\"\n      placeholder={label}\n      value={values}\n      onChange={onChange}\n      options={valueOptions(data)}\n      onSearch={onSearch}\n      loading={isFetching}\n      allowCustomValue\n      {...(summary ? { footer: summary } : {})}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAaA,SAAS,eAAe,QAA0B;AAChD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,SAAS,SAA4B;AAAA,IACzC,UAAU,CAAC,mBAAmB,OAAO,KAAK,KAAK;AAAA,IAC/C,SAAS,MAAM,OAAO,MAAM,KAAK;AAAA,IACjC,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,OAAO;AAAA,EAAA,CACR;AACD,SAAO,EAAE,GAAG,QAAQ,UAAU,SAAA;AAChC;AAEA,SAAS,aAAa,QAAyD;AAC7E,WAAQ,iCAAQ,WAAU,CAAA,GAAI,IAAI,CAAC,WAAW;AAAA,IAC5C,OAAO,MAAM;AAAA,IACb,OAAO,MAAM;AAAA,IACb,OAAO,GAAG,MAAM,MAAM,gBAAgB;AAAA,EAAA,EACtC;AACJ;AAMA,SAAS,aACP,QACA,OACoB;AACpB,MAAI,cAAc,MAAM;AACxB,MAAI,CAAC,OAAQ,QAAO;AACpB,QAAM,QAAQ,OAAO,SAAS,6BAA6B;AAC3D,MAAI,CAAC,OAAO,OAAO,OAAQ,QAAO,aAAa,KAAK;AACpD,SAAO,GAAG,OAAO,OAAO,MAAM,OAAO,OAAO,MAAM,eAAA,CAAgB,MAAM,KAAK;AAC/E;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,EAAE,MAAM,OAAO,YAAY,SAAA,IAAa,eAAe,MAAM;AACnE,QAAM,UAAU,aAAa,MAAM,KAAqB;AACxD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,MACX,WAAU;AAAA,MACV,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,SAAS,aAAa,IAAI;AAAA,MAC1B;AAAA,MACA,SAAS;AAAA,MACT,kBAAgB;AAAA,MACf,GAAI,UAAU,EAAE,QAAQ,YAAY,CAAA;AAAA,IAAC;AAAA,EAAA;AAG5C;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,EAAE,MAAM,OAAO,YAAY,SAAA,IAAa,eAAe,MAAM;AACnE,QAAM,UAAU,aAAa,MAAM,KAAqB;AACxD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAQ;AAAA,MACR,SAAQ;AAAA,MACR,WAAW;AAAA,MACX,WAAU;AAAA,MACV,aAAa;AAAA,MACb,OAAO;AAAA,MACP;AAAA,MACA,SAAS,aAAa,IAAI;AAAA,MAC1B;AAAA,MACA,SAAS;AAAA,MACT,kBAAgB;AAAA,MACf,GAAI,UAAU,EAAE,QAAQ,YAAY,CAAA;AAAA,IAAC;AAAA,EAAA;AAG5C;"}

package/dist/profiles/elasticsearch/index.d.ts

@@ -0,0 +1,23 @@
+export * from './esFieldValues';
+export * from './esParamMappingModel';
+export * from './esParamMappingPill';
+export * from './esParamOperandExtension';
+export * from './esQueryBuilder';
+export * from './esQueryBuilderExtension';
+export * from './esQueryBuilderForm';
+export * from './esQueryBuilderModel';
+export * from './esQueryClauseGroup';
+export * from './esQueryCompile';
+export * from './esQueryConditionRow';
+export * from './esQueryGroupModel';
+export * from './esQueryOccur';
+export * from './esQueryOperandEditors';
+export * from './esQueryOperandModel';
+export * from './esQueryOperators';
+export * from './esQueryOutputEditor';
+export * from './esQueryOutputModel';
+export * from './esQueryPreview';
+export * from './esQuerySortEditor';
+export * from './esQuerySortModel';
+export * from './esValueCombobox';
+//# sourceMappingURL=index.d.ts.map

package/dist/profiles/elasticsearch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/profiles/elasticsearch/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC"}

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

@@ -0,0 +1,9 @@
+export * from './profileColumnModel';
+export * from './profileColumnPicker';
+export * from './profileFieldEditor';
+export * from './profileFieldList';
+export * from './profileFieldManager';
+export * from './profileFieldState';
+export * from './profileFieldTypes';
+export * from './profileParamModel';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/profiles/fields/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileColumnModel.cjs","sources":["../../../src/profiles/fields/profileColumnModel.ts"],"sourcesContent":["\n// One ProfileColumn, defined where the draft model is. The picker used to keep\n// a narrower copy of the same shape; two definitions of one concept drifted\n// apart unnoticed while they lived in separate modules and only collided once\n// the package exported both.\nimport type { ProfileColumn } from \"../wizard/profileWizardModel\";\n\nexport function profileColumnTypeLabel(type?: string) {\n  return type ? (PROFILE_COLUMN_TYPE_LABELS[type] ?? type) : \"string\";\n}\n\n/**\n * mapTimestampColumn marks the chosen column as the profile's time range and\n * clears the mark from whichever column previously held it.\n */\nexport function mapTimestampColumn(\n  columns: ProfileColumn[],\n  timestampColumn: string,\n): ProfileColumn[] {\n  return columns.map((column) => {\n    if (column.name === timestampColumn) {\n      return { ...column, type: \"datetime\", kind: \"timestamp\" };\n    }\n    if (column.kind !== \"timestamp\") return column;\n    const { kind: _kind, ...rest } = column;\n    return rest;\n  });\n}\n\nconst PROFILE_COLUMN_TYPE_LABELS: Record<string, string> = {\n  key_value: \"KeyValue{}\",\n  key_values: \"[]KeyValue\",\n  json: \"JSON\"\n};\n"],"names":[],"mappings":";;AAOO,SAAS,uBAAuB,MAAe;AACpD,SAAO,OAAQ,2BAA2B,IAAI,KAAK,OAAQ;AAC7D;AAMO,SAAS,mBACd,SACA,iBACiB;AACjB,SAAO,QAAQ,IAAI,CAAC,WAAW;AAC7B,QAAI,OAAO,SAAS,iBAAiB;AACnC,aAAO,EAAE,GAAG,QAAQ,MAAM,YAAY,MAAM,YAAA;AAAA,IAC9C;AACA,QAAI,OAAO,SAAS,YAAa,QAAO;AACxC,UAAM,EAAE,MAAM,OAAO,GAAG,SAAS;AACjC,WAAO;AAAA,EACT,CAAC;AACH;AAEA,MAAM,6BAAqD;AAAA,EACzD,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,MAAM;AACR;;;"}

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

@@ -0,0 +1,8 @@
+import { ProfileColumn } from '../wizard/profileWizardModel';
+export declare function profileColumnTypeLabel(type?: string): string;
+/**
+ * mapTimestampColumn marks the chosen column as the profile's time range and
+ * clears the mark from whichever column previously held it.
+ */
+export declare function mapTimestampColumn(columns: ProfileColumn[], timestampColumn: string): ProfileColumn[];
+//# sourceMappingURL=profileColumnModel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileColumnModel.d.ts","sourceRoot":"","sources":["../../../src/profiles/fields/profileColumnModel.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,wBAAgB,sBAAsB,CAAC,IAAI,CAAC,EAAE,MAAM,UAEnD;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,aAAa,EAAE,EACxB,eAAe,EAAE,MAAM,GACtB,aAAa,EAAE,CASjB"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileColumnModel.js","sources":["../../../src/profiles/fields/profileColumnModel.ts"],"sourcesContent":["\n// One ProfileColumn, defined where the draft model is. The picker used to keep\n// a narrower copy of the same shape; two definitions of one concept drifted\n// apart unnoticed while they lived in separate modules and only collided once\n// the package exported both.\nimport type { ProfileColumn } from \"../wizard/profileWizardModel\";\n\nexport function profileColumnTypeLabel(type?: string) {\n  return type ? (PROFILE_COLUMN_TYPE_LABELS[type] ?? type) : \"string\";\n}\n\n/**\n * mapTimestampColumn marks the chosen column as the profile's time range and\n * clears the mark from whichever column previously held it.\n */\nexport function mapTimestampColumn(\n  columns: ProfileColumn[],\n  timestampColumn: string,\n): ProfileColumn[] {\n  return columns.map((column) => {\n    if (column.name === timestampColumn) {\n      return { ...column, type: \"datetime\", kind: \"timestamp\" };\n    }\n    if (column.kind !== \"timestamp\") return column;\n    const { kind: _kind, ...rest } = column;\n    return rest;\n  });\n}\n\nconst PROFILE_COLUMN_TYPE_LABELS: Record<string, string> = {\n  key_value: \"KeyValue{}\",\n  key_values: \"[]KeyValue\",\n  json: \"JSON\"\n};\n"],"names":[],"mappings":"AAOO,SAAS,uBAAuB,MAAe;AACpD,SAAO,OAAQ,2BAA2B,IAAI,KAAK,OAAQ;AAC7D;AAMO,SAAS,mBACd,SACA,iBACiB;AACjB,SAAO,QAAQ,IAAI,CAAC,WAAW;AAC7B,QAAI,OAAO,SAAS,iBAAiB;AACnC,aAAO,EAAE,GAAG,QAAQ,MAAM,YAAY,MAAM,YAAA;AAAA,IAC9C;AACA,QAAI,OAAO,SAAS,YAAa,QAAO;AACxC,UAAM,EAAE,MAAM,OAAO,GAAG,SAAS;AACjC,WAAO;AAAA,EACT,CAAC;AACH;AAEA,MAAM,6BAAqD;AAAA,EACzD,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,MAAM;AACR;"}

package/dist/profiles/fields/profileColumnPicker.cjs

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Icon = require("../../data/Icon.cjs");
+const profileColumnModel = require("./profileColumnModel.cjs");
+const UiSqlColumn = require("../../icons/components/UiSqlColumn.cjs");
+function ColumnPicker({
+  columns,
+  selected,
+  existing,
+  onChange,
+  timestampColumn,
+  onTimestampColumnChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 rounded-md border bg-card p-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center gap-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiSqlColumn.UiSqlColumn, className: "size-4" }),
+      "Columns from sample"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex max-h-32 flex-wrap gap-2 overflow-auto", children: columns.map((column) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "flex cursor-pointer items-center gap-2 rounded-md border bg-background px-2 py-1.5 text-xs",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex cursor-pointer items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: selected.has(column.name),
+                onChange: (event) => {
+                  const next = new Set(selected);
+                  if (event.target.checked) next.add(column.name);
+                  else {
+                    next.delete(column.name);
+                    if (timestampColumn === column.name)
+                      onTimestampColumnChange("");
+                  }
+                  onChange(next);
+                }
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: column.name }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: profileColumnModel.profileColumnTypeLabel(column.type) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "ml-1 flex cursor-pointer items-center gap-1 border-l pl-2 text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "radio",
+                name: "profile-timestamp-column",
+                "aria-label": `Use ${column.name} for time ranges`,
+                checked: timestampColumn === column.name,
+                disabled: !selected.has(column.name),
+                onChange: () => onTimestampColumnChange(column.name)
+              }
+            ),
+            "time range"
+          ] }),
+          existing.has(column.name) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground", children: "configured" }) : null
+        ]
+      },
+      column.name
+    )) })
+  ] });
+}
+exports.ColumnPicker = ColumnPicker;
+//# sourceMappingURL=profileColumnPicker.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileColumnPicker.cjs","sources":["../../../src/profiles/fields/profileColumnPicker.tsx"],"sourcesContent":["import { Icon } from \"../../data/Icon\";\nimport { UiSqlColumn } from \"../../icons\";\n\n// One ProfileColumn, defined where the draft model is. The picker used to keep\n// a narrower copy of the same shape; two definitions of one concept drifted\n// apart unnoticed while they lived in separate modules and only collided once\n// the package exported both.\nimport type { ProfileColumn } from \"../wizard/profileWizardModel\";\nimport { profileColumnTypeLabel } from \"./profileColumnModel\";\nexport type { ProfileColumn };\n\n\nexport function ColumnPicker({\n  columns,\n  selected,\n  existing,\n  onChange,\n  timestampColumn,\n  onTimestampColumnChange,\n}: {\n  columns: ProfileColumn[];\n  selected: Set<string>;\n  existing: Set<string>;\n  onChange: (next: Set<string>) => void;\n  timestampColumn: string;\n  onTimestampColumnChange: (next: string) => void;\n}) {\n  return (\n    <div className=\"shrink-0 rounded-md border bg-card p-3\">\n      <div className=\"mb-2 flex items-center gap-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n        <Icon icon={UiSqlColumn} className=\"size-4\" />\n        Columns from sample\n      </div>\n      <div className=\"flex max-h-32 flex-wrap gap-2 overflow-auto\">\n        {columns.map((column) => (\n          <div\n            key={column.name}\n            className=\"flex cursor-pointer items-center gap-2 rounded-md border bg-background px-2 py-1.5 text-xs\"\n          >\n            <label className=\"flex cursor-pointer items-center gap-2\">\n              <input\n                type=\"checkbox\"\n                checked={selected.has(column.name)}\n                onChange={(event) => {\n                  const next = new Set(selected);\n                  if (event.target.checked) next.add(column.name);\n                  else {\n                    next.delete(column.name);\n                    if (timestampColumn === column.name)\n                      onTimestampColumnChange(\"\");\n                  }\n                  onChange(next);\n                }}\n              />\n              <span className=\"font-medium\">{column.name}</span>\n              <span className=\"text-muted-foreground\">\n                {profileColumnTypeLabel(column.type)}\n              </span>\n            </label>\n            <label className=\"ml-1 flex cursor-pointer items-center gap-1 border-l pl-2 text-muted-foreground\">\n              <input\n                type=\"radio\"\n                name=\"profile-timestamp-column\"\n                aria-label={`Use ${column.name} for time ranges`}\n                checked={timestampColumn === column.name}\n                disabled={!selected.has(column.name)}\n                onChange={() => onTimestampColumnChange(column.name)}\n              />\n              time range\n            </label>\n            {existing.has(column.name) ? (\n              <span className=\"rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground\">\n                configured\n              </span>\n            ) : null}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\n"],"names":["jsxs","jsx","Icon","UiSqlColumn","profileColumnTypeLabel"],"mappings":";;;;;;AAYO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,SACEA,2BAAAA,KAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,IAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,oGACb,UAAA;AAAA,MAAAC,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAMC,YAAAA,aAAa,WAAU,UAAS;AAAA,MAAE;AAAA,IAAA,GAEhD;AAAA,mCACC,OAAA,EAAI,WAAU,+CACZ,UAAA,QAAQ,IAAI,CAAC,WACZH,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAAA,2BAAAA,KAAC,SAAA,EAAM,WAAU,0CACf,UAAA;AAAA,YAAAC,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,SAAS,IAAI,OAAO,IAAI;AAAA,gBACjC,UAAU,CAAC,UAAU;AACnB,wBAAM,OAAO,IAAI,IAAI,QAAQ;AAC7B,sBAAI,MAAM,OAAO,QAAS,MAAK,IAAI,OAAO,IAAI;AAAA,uBACzC;AACH,yBAAK,OAAO,OAAO,IAAI;AACvB,wBAAI,oBAAoB,OAAO;AAC7B,8CAAwB,EAAE;AAAA,kBAC9B;AACA,2BAAS,IAAI;AAAA,gBACf;AAAA,cAAA;AAAA,YAAA;AAAA,YAEFA,2BAAAA,IAAC,QAAA,EAAK,WAAU,eAAe,iBAAO,MAAK;AAAA,2CAC1C,QAAA,EAAK,WAAU,yBACb,UAAAG,mBAAAA,uBAAuB,OAAO,IAAI,EAAA,CACrC;AAAA,UAAA,GACF;AAAA,UACAJ,2BAAAA,KAAC,SAAA,EAAM,WAAU,mFACf,UAAA;AAAA,YAAAC,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,cAAY,OAAO,OAAO,IAAI;AAAA,gBAC9B,SAAS,oBAAoB,OAAO;AAAA,gBACpC,UAAU,CAAC,SAAS,IAAI,OAAO,IAAI;AAAA,gBACnC,UAAU,MAAM,wBAAwB,OAAO,IAAI;AAAA,cAAA;AAAA,YAAA;AAAA,YACnD;AAAA,UAAA,GAEJ;AAAA,UACC,SAAS,IAAI,OAAO,IAAI,mCACtB,QAAA,EAAK,WAAU,oEAAmE,UAAA,aAAA,CAEnF,IACE;AAAA,QAAA;AAAA,MAAA;AAAA,MAtCC,OAAO;AAAA,IAAA,CAwCf,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;;"}

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

@@ -0,0 +1,11 @@
+import { ProfileColumn } from '../wizard/profileWizardModel';
+export type { ProfileColumn };
+export declare function ColumnPicker({ columns, selected, existing, onChange, timestampColumn, onTimestampColumnChange, }: {
+    columns: ProfileColumn[];
+    selected: Set<string>;
+    existing: Set<string>;
+    onChange: (next: Set<string>) => void;
+    timestampColumn: string;
+    onTimestampColumnChange: (next: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=profileColumnPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileColumnPicker.d.ts","sourceRoot":"","sources":["../../../src/profiles/fields/profileColumnPicker.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,YAAY,EAAE,aAAa,EAAE,CAAC;AAG9B,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,uBAAuB,GACxB,EAAE;IACD,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACtB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACtC,eAAe,EAAE,MAAM,CAAC;IACxB,uBAAuB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD,2CAsDA"}

package/dist/profiles/fields/profileColumnPicker.js

@@ -0,0 +1,68 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Icon } from "../../data/Icon.js";
+import { profileColumnTypeLabel } from "./profileColumnModel.js";
+import { UiSqlColumn } from "../../icons/components/UiSqlColumn.js";
+function ColumnPicker({
+  columns,
+  selected,
+  existing,
+  onChange,
+  timestampColumn,
+  onTimestampColumnChange
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "shrink-0 rounded-md border bg-card p-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Icon, { icon: UiSqlColumn, className: "size-4" }),
+      "Columns from sample"
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex max-h-32 flex-wrap gap-2 overflow-auto", children: columns.map((column) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex cursor-pointer items-center gap-2 rounded-md border bg-background px-2 py-1.5 text-xs",
+        children: [
+          /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: selected.has(column.name),
+                onChange: (event) => {
+                  const next = new Set(selected);
+                  if (event.target.checked) next.add(column.name);
+                  else {
+                    next.delete(column.name);
+                    if (timestampColumn === column.name)
+                      onTimestampColumnChange("");
+                  }
+                  onChange(next);
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: column.name }),
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: profileColumnTypeLabel(column.type) })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "ml-1 flex cursor-pointer items-center gap-1 border-l pl-2 text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "radio",
+                name: "profile-timestamp-column",
+                "aria-label": `Use ${column.name} for time ranges`,
+                checked: timestampColumn === column.name,
+                disabled: !selected.has(column.name),
+                onChange: () => onTimestampColumnChange(column.name)
+              }
+            ),
+            "time range"
+          ] }),
+          existing.has(column.name) ? /* @__PURE__ */ jsx("span", { className: "rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground", children: "configured" }) : null
+        ]
+      },
+      column.name
+    )) })
+  ] });
+}
+export {
+  ColumnPicker
+};
+//# sourceMappingURL=profileColumnPicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileColumnPicker.js","sources":["../../../src/profiles/fields/profileColumnPicker.tsx"],"sourcesContent":["import { Icon } from \"../../data/Icon\";\nimport { UiSqlColumn } from \"../../icons\";\n\n// One ProfileColumn, defined where the draft model is. The picker used to keep\n// a narrower copy of the same shape; two definitions of one concept drifted\n// apart unnoticed while they lived in separate modules and only collided once\n// the package exported both.\nimport type { ProfileColumn } from \"../wizard/profileWizardModel\";\nimport { profileColumnTypeLabel } from \"./profileColumnModel\";\nexport type { ProfileColumn };\n\n\nexport function ColumnPicker({\n  columns,\n  selected,\n  existing,\n  onChange,\n  timestampColumn,\n  onTimestampColumnChange,\n}: {\n  columns: ProfileColumn[];\n  selected: Set<string>;\n  existing: Set<string>;\n  onChange: (next: Set<string>) => void;\n  timestampColumn: string;\n  onTimestampColumnChange: (next: string) => void;\n}) {\n  return (\n    <div className=\"shrink-0 rounded-md border bg-card p-3\">\n      <div className=\"mb-2 flex items-center gap-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n        <Icon icon={UiSqlColumn} className=\"size-4\" />\n        Columns from sample\n      </div>\n      <div className=\"flex max-h-32 flex-wrap gap-2 overflow-auto\">\n        {columns.map((column) => (\n          <div\n            key={column.name}\n            className=\"flex cursor-pointer items-center gap-2 rounded-md border bg-background px-2 py-1.5 text-xs\"\n          >\n            <label className=\"flex cursor-pointer items-center gap-2\">\n              <input\n                type=\"checkbox\"\n                checked={selected.has(column.name)}\n                onChange={(event) => {\n                  const next = new Set(selected);\n                  if (event.target.checked) next.add(column.name);\n                  else {\n                    next.delete(column.name);\n                    if (timestampColumn === column.name)\n                      onTimestampColumnChange(\"\");\n                  }\n                  onChange(next);\n                }}\n              />\n              <span className=\"font-medium\">{column.name}</span>\n              <span className=\"text-muted-foreground\">\n                {profileColumnTypeLabel(column.type)}\n              </span>\n            </label>\n            <label className=\"ml-1 flex cursor-pointer items-center gap-1 border-l pl-2 text-muted-foreground\">\n              <input\n                type=\"radio\"\n                name=\"profile-timestamp-column\"\n                aria-label={`Use ${column.name} for time ranges`}\n                checked={timestampColumn === column.name}\n                disabled={!selected.has(column.name)}\n                onChange={() => onTimestampColumnChange(column.name)}\n              />\n              time range\n            </label>\n            {existing.has(column.name) ? (\n              <span className=\"rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground\">\n                configured\n              </span>\n            ) : null}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\n"],"names":[],"mappings":";;;;AAYO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,SACE,qBAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,oGACb,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAK,MAAM,aAAa,WAAU,UAAS;AAAA,MAAE;AAAA,IAAA,GAEhD;AAAA,wBACC,OAAA,EAAI,WAAU,+CACZ,UAAA,QAAQ,IAAI,CAAC,WACZ;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,qBAAC,SAAA,EAAM,WAAU,0CACf,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,SAAS,IAAI,OAAO,IAAI;AAAA,gBACjC,UAAU,CAAC,UAAU;AACnB,wBAAM,OAAO,IAAI,IAAI,QAAQ;AAC7B,sBAAI,MAAM,OAAO,QAAS,MAAK,IAAI,OAAO,IAAI;AAAA,uBACzC;AACH,yBAAK,OAAO,OAAO,IAAI;AACvB,wBAAI,oBAAoB,OAAO;AAC7B,8CAAwB,EAAE;AAAA,kBAC9B;AACA,2BAAS,IAAI;AAAA,gBACf;AAAA,cAAA;AAAA,YAAA;AAAA,YAEF,oBAAC,QAAA,EAAK,WAAU,eAAe,iBAAO,MAAK;AAAA,gCAC1C,QAAA,EAAK,WAAU,yBACb,UAAA,uBAAuB,OAAO,IAAI,EAAA,CACrC;AAAA,UAAA,GACF;AAAA,UACA,qBAAC,SAAA,EAAM,WAAU,mFACf,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,cAAY,OAAO,OAAO,IAAI;AAAA,gBAC9B,SAAS,oBAAoB,OAAO;AAAA,gBACpC,UAAU,CAAC,SAAS,IAAI,OAAO,IAAI;AAAA,gBACnC,UAAU,MAAM,wBAAwB,OAAO,IAAI;AAAA,cAAA;AAAA,YAAA;AAAA,YACnD;AAAA,UAAA,GAEJ;AAAA,UACC,SAAS,IAAI,OAAO,IAAI,wBACtB,QAAA,EAAK,WAAU,oEAAmE,UAAA,aAAA,CAEnF,IACE;AAAA,QAAA;AAAA,MAAA;AAAA,MAtCC,OAAO;AAAA,IAAA,CAwCf,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/profiles/fields/profileFieldControls.cjs

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Combobox = require("../../components/Combobox.cjs");
+const jsonSchemaFormLayout = require("../../components/json-schema-form-layout.cjs");
+const Icon = require("../../data/Icon.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";
+function EditorField({
+  label,
+  icon,
+  help,
+  fullWidth,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: `grid gap-1.5 text-sm font-medium ${fullWidth ? "" : "max-w-md"}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Icon.LabelIcon, { icon, className: "shrink-0 text-[15px] text-muted-foreground" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: label }),
+      help ? /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormLayout.HelpHint, { label, helper: help }) : null
+    ] }),
+    children
+  ] });
+}
+function EnumField({
+  label,
+  icon,
+  help,
+  value,
+  options,
+  placeholder,
+  disabled,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(EditorField, { label, ...icon ? { icon } : {}, ...help ? { help } : {}, children: /* @__PURE__ */ jsxRuntime.jsx(
+    Combobox.Combobox,
+    {
+      ariaLabel: label,
+      value,
+      options,
+      placeholder,
+      allowCustomValue: false,
+      ...disabled ? { disabled } : {},
+      onChange: (next) => onChange(next || void 0)
+    }
+  ) });
+}
+exports.EditorField = EditorField;
+exports.EnumField = EnumField;
+exports.inputClassName = inputClassName;
+//# sourceMappingURL=profileFieldControls.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileFieldControls.cjs","sources":["../../../src/profiles/fields/profileFieldControls.tsx"],"sourcesContent":["/**\n * The labelled controls the column editor is built from.\n *\n * They mirror what JsonSchemaForm renders for the params editor — a leading\n * glyph, a hover `?` carrying the help, and enums as icon comboboxes — so a\n * hand-rolled column form and a schema-driven parameter form read as one\n * editor rather than two.\n */\n\nimport type { ReactNode } from \"react\";\nimport { Combobox } from \"../../components/Combobox\";\nimport type { ComboboxOption } from \"../../components/combobox-types\";\nimport { HelpHint } from \"../../components/json-schema-form-layout\";\nimport { LabelIcon, type LabelIconSpec } from \"../../data/Icon\";\n\nexport const 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\n/**\n * A labelled control. The control carries its own `aria-label`: the help `?` is\n * a button inside the <label>, and an embedded control leaves the implicit\n * label unable to name anything.\n *\n * Capped rather than filling its grid track: a name, a type and a backend field\n * are all short, and stretching them to half a wide editor puts the label and\n * the value it names at opposite ends of the screen. `fullWidth` opts out for\n * the editors that genuinely need the room — a JSONPath, a CEL expression.\n */\nexport function EditorField({\n  label,\n  icon,\n  help,\n  fullWidth,\n  children,\n}: {\n  label: string;\n  icon?: LabelIconSpec;\n  help?: string;\n  fullWidth?: boolean;\n  children: ReactNode;\n}) {\n  return (\n    <label className={`grid gap-1.5 text-sm font-medium ${fullWidth ? \"\" : \"max-w-md\"}`}>\n      <span className=\"flex min-w-0 items-center gap-2\">\n        <LabelIcon icon={icon} className=\"shrink-0 text-[15px] text-muted-foreground\" />\n        <span className=\"truncate\">{label}</span>\n        {help ? <HelpHint label={label} helper={help} /> : null}\n      </span>\n      {children}\n    </label>\n  );\n}\n\n/**\n * An enum as an icon combobox. Unset is the cleared value rather than a blank\n * option: `placeholder` is where the inferred answer is named, so clearing the\n * control and reading what it falls back to are the same gesture.\n */\nexport function EnumField({\n  label,\n  icon,\n  help,\n  value,\n  options,\n  placeholder,\n  disabled,\n  onChange,\n}: {\n  label: string;\n  icon?: LabelIconSpec;\n  help?: string;\n  value: string;\n  options: ComboboxOption[];\n  placeholder: string;\n  disabled?: boolean;\n  onChange: (value: string | undefined) => void;\n}) {\n  return (\n    <EditorField label={label} {...(icon ? { icon } : {})} {...(help ? { help } : {})}>\n      <Combobox\n        ariaLabel={label}\n        value={value}\n        options={options}\n        placeholder={placeholder}\n        allowCustomValue={false}\n        {...(disabled ? { disabled } : {})}\n        onChange={(next) => onChange(next || undefined)}\n      />\n    </EditorField>\n  );\n}\n"],"names":["jsxs","jsx","LabelIcon","HelpHint","Combobox"],"mappings":";;;;;;AAeO,MAAM,iBACX;AAYK,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,yCACG,SAAA,EAAM,WAAW,oCAAoC,YAAY,KAAK,UAAU,IAC/E,UAAA;AAAA,IAAAA,2BAAAA,KAAC,QAAA,EAAK,WAAU,mCACd,UAAA;AAAA,MAAAC,2BAAAA,IAACC,KAAAA,WAAA,EAAU,MAAY,WAAU,6CAAA,CAA6C;AAAA,MAC9ED,2BAAAA,IAAC,QAAA,EAAK,WAAU,YAAY,UAAA,OAAM;AAAA,MACjC,OAAOA,2BAAAA,IAACE,+BAAA,EAAS,OAAc,QAAQ,MAAM,IAAK;AAAA,IAAA,GACrD;AAAA,IACC;AAAA,EAAA,GACH;AAEJ;AAOO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,wCACG,aAAA,EAAY,OAAe,GAAI,OAAO,EAAE,KAAA,IAAS,CAAA,GAAM,GAAI,OAAO,EAAE,KAAA,IAAS,CAAA,GAC5E,UAAAF,2BAAAA;AAAAA,IAACG,SAAAA;AAAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,MACjB,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,MAC/B,UAAU,CAAC,SAAS,SAAS,QAAQ,MAAS;AAAA,IAAA;AAAA,EAAA,GAElD;AAEJ;;;;"}

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

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+import { ComboboxOption } from '../../components/combobox-types';
+import { LabelIconSpec } from '../../data/Icon';
+export declare 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";
+/**
+ * A labelled control. The control carries its own `aria-label`: the help `?` is
+ * a button inside the <label>, and an embedded control leaves the implicit
+ * label unable to name anything.
+ *
+ * Capped rather than filling its grid track: a name, a type and a backend field
+ * are all short, and stretching them to half a wide editor puts the label and
+ * the value it names at opposite ends of the screen. `fullWidth` opts out for
+ * the editors that genuinely need the room — a JSONPath, a CEL expression.
+ */
+export declare function EditorField({ label, icon, help, fullWidth, children, }: {
+    label: string;
+    icon?: LabelIconSpec;
+    help?: string;
+    fullWidth?: boolean;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * An enum as an icon combobox. Unset is the cleared value rather than a blank
+ * option: `placeholder` is where the inferred answer is named, so clearing the
+ * control and reading what it falls back to are the same gesture.
+ */
+export declare function EnumField({ label, icon, help, value, options, placeholder, disabled, onChange, }: {
+    label: string;
+    icon?: LabelIconSpec;
+    help?: string;
+    value: string;
+    options: ComboboxOption[];
+    placeholder: string;
+    disabled?: boolean;
+    onChange: (value: string | undefined) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=profileFieldControls.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileFieldControls.d.ts","sourceRoot":"","sources":["../../../src/profiles/fields/profileFieldControls.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,EAAa,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhE,eAAO,MAAM,cAAc,+IACmH,CAAC;AAE/I;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAWA;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,WAAW,EACX,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAC/C,2CAcA"}

package/dist/profiles/fields/profileFieldControls.js

@@ -0,0 +1,50 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Combobox } from "../../components/Combobox.js";
+import { HelpHint } from "../../components/json-schema-form-layout.js";
+import { LabelIcon } from "../../data/Icon.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";
+function EditorField({
+  label,
+  icon,
+  help,
+  fullWidth,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("label", { className: `grid gap-1.5 text-sm font-medium ${fullWidth ? "" : "max-w-md"}`, children: [
+    /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
+      /* @__PURE__ */ jsx(LabelIcon, { icon, className: "shrink-0 text-[15px] text-muted-foreground" }),
+      /* @__PURE__ */ jsx("span", { className: "truncate", children: label }),
+      help ? /* @__PURE__ */ jsx(HelpHint, { label, helper: help }) : null
+    ] }),
+    children
+  ] });
+}
+function EnumField({
+  label,
+  icon,
+  help,
+  value,
+  options,
+  placeholder,
+  disabled,
+  onChange
+}) {
+  return /* @__PURE__ */ jsx(EditorField, { label, ...icon ? { icon } : {}, ...help ? { help } : {}, children: /* @__PURE__ */ jsx(
+    Combobox,
+    {
+      ariaLabel: label,
+      value,
+      options,
+      placeholder,
+      allowCustomValue: false,
+      ...disabled ? { disabled } : {},
+      onChange: (next) => onChange(next || void 0)
+    }
+  ) });
+}
+export {
+  EditorField,
+  EnumField,
+  inputClassName
+};
+//# sourceMappingURL=profileFieldControls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"profileFieldControls.js","sources":["../../../src/profiles/fields/profileFieldControls.tsx"],"sourcesContent":["/**\n * The labelled controls the column editor is built from.\n *\n * They mirror what JsonSchemaForm renders for the params editor — a leading\n * glyph, a hover `?` carrying the help, and enums as icon comboboxes — so a\n * hand-rolled column form and a schema-driven parameter form read as one\n * editor rather than two.\n */\n\nimport type { ReactNode } from \"react\";\nimport { Combobox } from \"../../components/Combobox\";\nimport type { ComboboxOption } from \"../../components/combobox-types\";\nimport { HelpHint } from \"../../components/json-schema-form-layout\";\nimport { LabelIcon, type LabelIconSpec } from \"../../data/Icon\";\n\nexport const 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\n/**\n * A labelled control. The control carries its own `aria-label`: the help `?` is\n * a button inside the <label>, and an embedded control leaves the implicit\n * label unable to name anything.\n *\n * Capped rather than filling its grid track: a name, a type and a backend field\n * are all short, and stretching them to half a wide editor puts the label and\n * the value it names at opposite ends of the screen. `fullWidth` opts out for\n * the editors that genuinely need the room — a JSONPath, a CEL expression.\n */\nexport function EditorField({\n  label,\n  icon,\n  help,\n  fullWidth,\n  children,\n}: {\n  label: string;\n  icon?: LabelIconSpec;\n  help?: string;\n  fullWidth?: boolean;\n  children: ReactNode;\n}) {\n  return (\n    <label className={`grid gap-1.5 text-sm font-medium ${fullWidth ? \"\" : \"max-w-md\"}`}>\n      <span className=\"flex min-w-0 items-center gap-2\">\n        <LabelIcon icon={icon} className=\"shrink-0 text-[15px] text-muted-foreground\" />\n        <span className=\"truncate\">{label}</span>\n        {help ? <HelpHint label={label} helper={help} /> : null}\n      </span>\n      {children}\n    </label>\n  );\n}\n\n/**\n * An enum as an icon combobox. Unset is the cleared value rather than a blank\n * option: `placeholder` is where the inferred answer is named, so clearing the\n * control and reading what it falls back to are the same gesture.\n */\nexport function EnumField({\n  label,\n  icon,\n  help,\n  value,\n  options,\n  placeholder,\n  disabled,\n  onChange,\n}: {\n  label: string;\n  icon?: LabelIconSpec;\n  help?: string;\n  value: string;\n  options: ComboboxOption[];\n  placeholder: string;\n  disabled?: boolean;\n  onChange: (value: string | undefined) => void;\n}) {\n  return (\n    <EditorField label={label} {...(icon ? { icon } : {})} {...(help ? { help } : {})}>\n      <Combobox\n        ariaLabel={label}\n        value={value}\n        options={options}\n        placeholder={placeholder}\n        allowCustomValue={false}\n        {...(disabled ? { disabled } : {})}\n        onChange={(next) => onChange(next || undefined)}\n      />\n    </EditorField>\n  );\n}\n"],"names":[],"mappings":";;;;AAeO,MAAM,iBACX;AAYK,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,8BACG,SAAA,EAAM,WAAW,oCAAoC,YAAY,KAAK,UAAU,IAC/E,UAAA;AAAA,IAAA,qBAAC,QAAA,EAAK,WAAU,mCACd,UAAA;AAAA,MAAA,oBAAC,WAAA,EAAU,MAAY,WAAU,6CAAA,CAA6C;AAAA,MAC9E,oBAAC,QAAA,EAAK,WAAU,YAAY,UAAA,OAAM;AAAA,MACjC,OAAO,oBAAC,UAAA,EAAS,OAAc,QAAQ,MAAM,IAAK;AAAA,IAAA,GACrD;AAAA,IACC;AAAA,EAAA,GACH;AAEJ;AAOO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,6BACG,aAAA,EAAY,OAAe,GAAI,OAAO,EAAE,KAAA,IAAS,CAAA,GAAM,GAAI,OAAO,EAAE,KAAA,IAAS,CAAA,GAC5E,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,MACjB,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,MAC/B,UAAU,CAAC,SAAS,SAAS,QAAQ,MAAS;AAAA,IAAA;AAAA,EAAA,GAElD;AAEJ;"}