@flanksource/clicky-ui 0.3.36 → 0.3.38

package/dist/rpc/EndpointList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EndpointList.cjs","sources":["../../src/rpc/EndpointList.tsx"],"sourcesContent":["import { useMemo, useState, type ReactElement, type ReactNode } from \"react\";\nimport { MethodBadge } from \"../data/MethodBadge\";\nimport type { DomainDefinition, ResolvedOperation } from \"./types\";\n\nexport type RenderLinkArgs = {\n  to: string;\n  className?: string;\n  children: ReactNode;\n  title?: string;\n  key?: string;\n};\n\n// Render-prop form lets callers pass react-router's Link, a plain <a>, or\n// any custom navigation component without relying on React type equality\n// across nested type installs.\nexport type RenderLink = (args: RenderLinkArgs) => ReactElement;\n\nexport type EndpointListProps = {\n  operations: ResolvedOperation[];\n  definition: Pick<DomainDefinition, \"title\" | \"emptyTitle\" | \"emptyDescription\">;\n  renderLink: RenderLink;\n  getCommandHref?: (operationId: string, op: ResolvedOperation) => string;\n};\n\nconst defaultCommandHref = (operationId: string) => `/commands/${operationId}`;\n\nexport function EndpointList({\n  operations,\n  definition,\n  renderLink,\n  getCommandHref = defaultCommandHref,\n}: EndpointListProps) {\n  const [search, setSearch] = useState(\"\");\n\n  const filtered = useMemo(() => {\n    if (!search) return operations;\n    const q = search.toLowerCase();\n    return operations.filter(\n      (op) =>\n        op.path.toLowerCase().includes(q) ||\n        op.operation.summary?.toLowerCase().includes(q) ||\n        op.operation.operationId?.toLowerCase().includes(q),\n    );\n  }, [operations, search]);\n\n  if (operations.length === 0) {\n    return (\n      <div className=\"rounded-xl border border-dashed p-8\">\n        <h2 className=\"text-lg font-medium\">\n          {definition.emptyTitle || `No ${definition.title} endpoints found`}\n        </h2>\n        <p className=\"mt-2 max-w-2xl text-sm text-muted-foreground\">\n          {definition.emptyDescription ||\n            \"This area is reserved in the information architecture, but the current OpenAPI surface does not expose matching operations yet.\"}\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <input\n        placeholder={`Search ${definition.title.toLowerCase()}...`}\n        value={search}\n        onChange={(e) => setSearch(e.target.value)}\n        className=\"w-full max-w-lg rounded-lg border bg-background px-3 py-2 text-sm outline-none placeholder:text-placeholder focus:ring-2 focus:ring-ring\"\n      />\n      <div className=\"space-y-2\">\n        {filtered.map((op) => {\n          const operationId = op.operation.operationId ?? `${op.method}:${op.path}`;\n          return renderLink({\n            key: `${op.method}:${op.path}`,\n            to: getCommandHref(operationId, op),\n            className:\n              \"flex items-center gap-3 rounded-xl border bg-card p-3 transition-colors hover:border-emerald-200 hover:bg-emerald-50/50 dark:hover:border-emerald-500/40 dark:hover:bg-emerald-500/10\",\n            children: (\n              <>\n                <MethodBadge method={op.method} />\n                <code className=\"text-sm\">{op.path}</code>\n                {op.operation.summary && (\n                  <span className=\"ml-auto text-xs text-muted-foreground\">\n                    {op.operation.summary}\n                  </span>\n                )}\n              </>\n            ),\n          });\n        })}\n      </div>\n    </div>\n  );\n}\n"],"names":["useState","useMemo","jsxs","jsx","Fragment","MethodBadge"],"mappings":";;;;;AAwBA,MAAM,qBAAqB,CAAC,gBAAwB,aAAa,WAAW;AAErE,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,GAAsB;AACpB,QAAM,CAAC,QAAQ,SAAS,IAAIA,MAAAA,SAAS,EAAE;AAEvC,QAAM,WAAWC,MAAAA,QAAQ,MAAM;AAC7B,QAAI,CAAC,OAAQ,QAAO;AACpB,UAAM,IAAI,OAAO,YAAA;AACjB,WAAO,WAAW;AAAA,MAChB,CAAC;;AACC,kBAAG,KAAK,cAAc,SAAS,CAAC,OAChC,QAAG,UAAU,YAAb,mBAAsB,cAAc,SAAS,SAC7C,QAAG,UAAU,gBAAb,mBAA0B,cAAc,SAAS;AAAA;AAAA,IAAC;AAAA,EAExD,GAAG,CAAC,YAAY,MAAM,CAAC;AAEvB,MAAI,WAAW,WAAW,GAAG;AAC3B,WACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,MAAAC,2BAAAA,IAAC,MAAA,EAAG,WAAU,uBACX,UAAA,WAAW,cAAc,MAAM,WAAW,KAAK,mBAAA,CAClD;AAAA,qCACC,KAAA,EAAE,WAAU,gDACV,UAAA,WAAW,oBACV,kIAAA,CACJ;AAAA,IAAA,GACF;AAAA,EAEJ;AAEA,SACED,2BAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAa,UAAU,WAAW,MAAM,aAAa;AAAA,QACrD,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,QACzC,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,mCAEX,OAAA,EAAI,WAAU,aACZ,UAAA,SAAS,IAAI,CAAC,OAAO;AACpB,YAAM,cAAc,GAAG,UAAU,eAAe,GAAG,GAAG,MAAM,IAAI,GAAG,IAAI;AACvE,aAAO,WAAW;AAAA,QAChB,KAAK,GAAG,GAAG,MAAM,IAAI,GAAG,IAAI;AAAA,QAC5B,IAAI,eAAe,aAAa,EAAE;AAAA,QAClC,WACE;AAAA,QACF,UACED,2BAAAA,KAAAE,qBAAA,EACE,UAAA;AAAA,UAAAD,2BAAAA,IAACE,YAAAA,aAAA,EAAY,QAAQ,GAAG,OAAA,CAAQ;AAAA,UAChCF,2BAAAA,IAAC,QAAA,EAAK,WAAU,WAAW,aAAG,MAAK;AAAA,UAClC,GAAG,UAAU,WACZA,2BAAAA,IAAC,UAAK,WAAU,yCACb,UAAA,GAAG,UAAU,QAAA,CAChB;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA,CAEH;AAAA,IACH,CAAC,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;;"}
+{"version":3,"file":"EndpointList.cjs","sources":["../../src/rpc/EndpointList.tsx"],"sourcesContent":["import { useMemo, useState, type DragEvent, type ReactElement, type ReactNode } from \"react\";\nimport { MethodBadge } from \"../data/MethodBadge\";\nimport type { DomainDefinition, ResolvedOperation } from \"./types\";\n\nexport type RenderLinkArgs = {\n  to: string;\n  className?: string;\n  children: ReactNode;\n  title?: string;\n  key?: string;\n  /**\n   * A stretched row link must not start a native link drag: on touch that\n   * drag swallows the horizontal pan a wide table needs.\n   */\n  draggable?: boolean;\n  onDragStart?: (event: DragEvent<HTMLAnchorElement>) => void;\n};\n\n// Render-prop form lets callers pass react-router's Link, a plain <a>, or\n// any custom navigation component without relying on React type equality\n// across nested type installs.\nexport type RenderLink = (args: RenderLinkArgs) => ReactElement;\n\nexport type EndpointListProps = {\n  operations: ResolvedOperation[];\n  definition: Pick<DomainDefinition, \"title\" | \"emptyTitle\" | \"emptyDescription\">;\n  renderLink: RenderLink;\n  getCommandHref?: (operationId: string, op: ResolvedOperation) => string;\n};\n\nconst defaultCommandHref = (operationId: string) => `/commands/${operationId}`;\n\nexport function EndpointList({\n  operations,\n  definition,\n  renderLink,\n  getCommandHref = defaultCommandHref,\n}: EndpointListProps) {\n  const [search, setSearch] = useState(\"\");\n\n  const filtered = useMemo(() => {\n    if (!search) return operations;\n    const q = search.toLowerCase();\n    return operations.filter(\n      (op) =>\n        op.path.toLowerCase().includes(q) ||\n        op.operation.summary?.toLowerCase().includes(q) ||\n        op.operation.operationId?.toLowerCase().includes(q),\n    );\n  }, [operations, search]);\n\n  if (operations.length === 0) {\n    return (\n      <div className=\"rounded-xl border border-dashed p-8\">\n        <h2 className=\"text-lg font-medium\">\n          {definition.emptyTitle || `No ${definition.title} endpoints found`}\n        </h2>\n        <p className=\"mt-2 max-w-2xl text-sm text-muted-foreground\">\n          {definition.emptyDescription ||\n            \"This area is reserved in the information architecture, but the current OpenAPI surface does not expose matching operations yet.\"}\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <input\n        placeholder={`Search ${definition.title.toLowerCase()}...`}\n        value={search}\n        onChange={(e) => setSearch(e.target.value)}\n        className=\"w-full max-w-lg rounded-lg border bg-background px-3 py-2 text-sm outline-none placeholder:text-placeholder focus:ring-2 focus:ring-ring\"\n      />\n      <div className=\"space-y-2\">\n        {filtered.map((op) => {\n          const operationId = op.operation.operationId ?? `${op.method}:${op.path}`;\n          return renderLink({\n            key: `${op.method}:${op.path}`,\n            to: getCommandHref(operationId, op),\n            className:\n              \"flex items-center gap-3 rounded-xl border bg-card p-3 transition-colors hover:border-emerald-200 hover:bg-emerald-50/50 dark:hover:border-emerald-500/40 dark:hover:bg-emerald-500/10\",\n            children: (\n              <>\n                <MethodBadge method={op.method} />\n                <code className=\"text-sm\">{op.path}</code>\n                {op.operation.summary && (\n                  <span className=\"ml-auto text-xs text-muted-foreground\">\n                    {op.operation.summary}\n                  </span>\n                )}\n              </>\n            ),\n          });\n        })}\n      </div>\n    </div>\n  );\n}\n"],"names":["useState","useMemo","jsxs","jsx","Fragment","MethodBadge"],"mappings":";;;;;AA8BA,MAAM,qBAAqB,CAAC,gBAAwB,aAAa,WAAW;AAErE,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,GAAsB;AACpB,QAAM,CAAC,QAAQ,SAAS,IAAIA,MAAAA,SAAS,EAAE;AAEvC,QAAM,WAAWC,MAAAA,QAAQ,MAAM;AAC7B,QAAI,CAAC,OAAQ,QAAO;AACpB,UAAM,IAAI,OAAO,YAAA;AACjB,WAAO,WAAW;AAAA,MAChB,CAAC;;AACC,kBAAG,KAAK,cAAc,SAAS,CAAC,OAChC,QAAG,UAAU,YAAb,mBAAsB,cAAc,SAAS,SAC7C,QAAG,UAAU,gBAAb,mBAA0B,cAAc,SAAS;AAAA;AAAA,IAAC;AAAA,EAExD,GAAG,CAAC,YAAY,MAAM,CAAC;AAEvB,MAAI,WAAW,WAAW,GAAG;AAC3B,WACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,MAAAC,2BAAAA,IAAC,MAAA,EAAG,WAAU,uBACX,UAAA,WAAW,cAAc,MAAM,WAAW,KAAK,mBAAA,CAClD;AAAA,qCACC,KAAA,EAAE,WAAU,gDACV,UAAA,WAAW,oBACV,kIAAA,CACJ;AAAA,IAAA,GACF;AAAA,EAEJ;AAEA,SACED,2BAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAa,UAAU,WAAW,MAAM,aAAa;AAAA,QACrD,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,QACzC,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,mCAEX,OAAA,EAAI,WAAU,aACZ,UAAA,SAAS,IAAI,CAAC,OAAO;AACpB,YAAM,cAAc,GAAG,UAAU,eAAe,GAAG,GAAG,MAAM,IAAI,GAAG,IAAI;AACvE,aAAO,WAAW;AAAA,QAChB,KAAK,GAAG,GAAG,MAAM,IAAI,GAAG,IAAI;AAAA,QAC5B,IAAI,eAAe,aAAa,EAAE;AAAA,QAClC,WACE;AAAA,QACF,UACED,2BAAAA,KAAAE,qBAAA,EACE,UAAA;AAAA,UAAAD,2BAAAA,IAACE,YAAAA,aAAA,EAAY,QAAQ,GAAG,OAAA,CAAQ;AAAA,UAChCF,2BAAAA,IAAC,QAAA,EAAK,WAAU,WAAW,aAAG,MAAK;AAAA,UAClC,GAAG,UAAU,WACZA,2BAAAA,IAAC,UAAK,WAAU,yCACb,UAAA,GAAG,UAAU,QAAA,CAChB;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA,CAEH;AAAA,IACH,CAAC,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/rpc/EndpointList.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode } from 'react';
+import { DragEvent, ReactElement, ReactNode } from 'react';
 import { DomainDefinition, ResolvedOperation } from './types';
 export type RenderLinkArgs = {
     to: string;
@@ -6,6 +6,12 @@ export type RenderLinkArgs = {
     children: ReactNode;
     title?: string;
     key?: string;
+    /**
+     * A stretched row link must not start a native link drag: on touch that
+     * drag swallows the horizontal pan a wide table needs.
+     */
+    draggable?: boolean;
+    onDragStart?: (event: DragEvent<HTMLAnchorElement>) => void;
 };
 export type RenderLink = (args: RenderLinkArgs) => ReactElement;
 export type EndpointListProps = {

package/dist/rpc/EndpointList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EndpointList.d.ts","sourceRoot":"","sources":["../../src/rpc/EndpointList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEnE,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAKF,MAAM,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,cAAc,KAAK,YAAY,CAAC;AAEhE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,iBAAiB,EAAE,CAAC;IAChC,UAAU,EAAE,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,YAAY,GAAG,kBAAkB,CAAC,CAAC;IAChF,UAAU,EAAE,UAAU,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,EAAE,iBAAiB,KAAK,MAAM,CAAC;CACzE,CAAC;AAIF,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,UAAU,EACV,UAAU,EACV,cAAmC,GACpC,EAAE,iBAAiB,+BA4DnB"}
+{"version":3,"file":"EndpointList.d.ts","sourceRoot":"","sources":["../../src/rpc/EndpointList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7F,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEnE,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC7D,CAAC;AAKF,MAAM,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,cAAc,KAAK,YAAY,CAAC;AAEhE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,iBAAiB,EAAE,CAAC;IAChC,UAAU,EAAE,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,YAAY,GAAG,kBAAkB,CAAC,CAAC;IAChF,UAAU,EAAE,UAAU,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,EAAE,iBAAiB,KAAK,MAAM,CAAC;CACzE,CAAC;AAIF,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,UAAU,EACV,UAAU,EACV,cAAmC,GACpC,EAAE,iBAAiB,+BA4DnB"}

package/dist/rpc/EndpointList.js.map

@@ -1 +1 @@
-{"version":3,"file":"EndpointList.js","sources":["../../src/rpc/EndpointList.tsx"],"sourcesContent":["import { useMemo, useState, type ReactElement, type ReactNode } from \"react\";\nimport { MethodBadge } from \"../data/MethodBadge\";\nimport type { DomainDefinition, ResolvedOperation } from \"./types\";\n\nexport type RenderLinkArgs = {\n  to: string;\n  className?: string;\n  children: ReactNode;\n  title?: string;\n  key?: string;\n};\n\n// Render-prop form lets callers pass react-router's Link, a plain <a>, or\n// any custom navigation component without relying on React type equality\n// across nested type installs.\nexport type RenderLink = (args: RenderLinkArgs) => ReactElement;\n\nexport type EndpointListProps = {\n  operations: ResolvedOperation[];\n  definition: Pick<DomainDefinition, \"title\" | \"emptyTitle\" | \"emptyDescription\">;\n  renderLink: RenderLink;\n  getCommandHref?: (operationId: string, op: ResolvedOperation) => string;\n};\n\nconst defaultCommandHref = (operationId: string) => `/commands/${operationId}`;\n\nexport function EndpointList({\n  operations,\n  definition,\n  renderLink,\n  getCommandHref = defaultCommandHref,\n}: EndpointListProps) {\n  const [search, setSearch] = useState(\"\");\n\n  const filtered = useMemo(() => {\n    if (!search) return operations;\n    const q = search.toLowerCase();\n    return operations.filter(\n      (op) =>\n        op.path.toLowerCase().includes(q) ||\n        op.operation.summary?.toLowerCase().includes(q) ||\n        op.operation.operationId?.toLowerCase().includes(q),\n    );\n  }, [operations, search]);\n\n  if (operations.length === 0) {\n    return (\n      <div className=\"rounded-xl border border-dashed p-8\">\n        <h2 className=\"text-lg font-medium\">\n          {definition.emptyTitle || `No ${definition.title} endpoints found`}\n        </h2>\n        <p className=\"mt-2 max-w-2xl text-sm text-muted-foreground\">\n          {definition.emptyDescription ||\n            \"This area is reserved in the information architecture, but the current OpenAPI surface does not expose matching operations yet.\"}\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <input\n        placeholder={`Search ${definition.title.toLowerCase()}...`}\n        value={search}\n        onChange={(e) => setSearch(e.target.value)}\n        className=\"w-full max-w-lg rounded-lg border bg-background px-3 py-2 text-sm outline-none placeholder:text-placeholder focus:ring-2 focus:ring-ring\"\n      />\n      <div className=\"space-y-2\">\n        {filtered.map((op) => {\n          const operationId = op.operation.operationId ?? `${op.method}:${op.path}`;\n          return renderLink({\n            key: `${op.method}:${op.path}`,\n            to: getCommandHref(operationId, op),\n            className:\n              \"flex items-center gap-3 rounded-xl border bg-card p-3 transition-colors hover:border-emerald-200 hover:bg-emerald-50/50 dark:hover:border-emerald-500/40 dark:hover:bg-emerald-500/10\",\n            children: (\n              <>\n                <MethodBadge method={op.method} />\n                <code className=\"text-sm\">{op.path}</code>\n                {op.operation.summary && (\n                  <span className=\"ml-auto text-xs text-muted-foreground\">\n                    {op.operation.summary}\n                  </span>\n                )}\n              </>\n            ),\n          });\n        })}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AAwBA,MAAM,qBAAqB,CAAC,gBAAwB,aAAa,WAAW;AAErE,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,GAAsB;AACpB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AAEvC,QAAM,WAAW,QAAQ,MAAM;AAC7B,QAAI,CAAC,OAAQ,QAAO;AACpB,UAAM,IAAI,OAAO,YAAA;AACjB,WAAO,WAAW;AAAA,MAChB,CAAC;;AACC,kBAAG,KAAK,cAAc,SAAS,CAAC,OAChC,QAAG,UAAU,YAAb,mBAAsB,cAAc,SAAS,SAC7C,QAAG,UAAU,gBAAb,mBAA0B,cAAc,SAAS;AAAA;AAAA,IAAC;AAAA,EAExD,GAAG,CAAC,YAAY,MAAM,CAAC;AAEvB,MAAI,WAAW,WAAW,GAAG;AAC3B,WACE,qBAAC,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,uBACX,UAAA,WAAW,cAAc,MAAM,WAAW,KAAK,mBAAA,CAClD;AAAA,0BACC,KAAA,EAAE,WAAU,gDACV,UAAA,WAAW,oBACV,kIAAA,CACJ;AAAA,IAAA,GACF;AAAA,EAEJ;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAa,UAAU,WAAW,MAAM,aAAa;AAAA,QACrD,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,QACzC,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,wBAEX,OAAA,EAAI,WAAU,aACZ,UAAA,SAAS,IAAI,CAAC,OAAO;AACpB,YAAM,cAAc,GAAG,UAAU,eAAe,GAAG,GAAG,MAAM,IAAI,GAAG,IAAI;AACvE,aAAO,WAAW;AAAA,QAChB,KAAK,GAAG,GAAG,MAAM,IAAI,GAAG,IAAI;AAAA,QAC5B,IAAI,eAAe,aAAa,EAAE;AAAA,QAClC,WACE;AAAA,QACF,UACE,qBAAA,UAAA,EACE,UAAA;AAAA,UAAA,oBAAC,aAAA,EAAY,QAAQ,GAAG,OAAA,CAAQ;AAAA,UAChC,oBAAC,QAAA,EAAK,WAAU,WAAW,aAAG,MAAK;AAAA,UAClC,GAAG,UAAU,WACZ,oBAAC,UAAK,WAAU,yCACb,UAAA,GAAG,UAAU,QAAA,CAChB;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA,CAEH;AAAA,IACH,CAAC,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"EndpointList.js","sources":["../../src/rpc/EndpointList.tsx"],"sourcesContent":["import { useMemo, useState, type DragEvent, type ReactElement, type ReactNode } from \"react\";\nimport { MethodBadge } from \"../data/MethodBadge\";\nimport type { DomainDefinition, ResolvedOperation } from \"./types\";\n\nexport type RenderLinkArgs = {\n  to: string;\n  className?: string;\n  children: ReactNode;\n  title?: string;\n  key?: string;\n  /**\n   * A stretched row link must not start a native link drag: on touch that\n   * drag swallows the horizontal pan a wide table needs.\n   */\n  draggable?: boolean;\n  onDragStart?: (event: DragEvent<HTMLAnchorElement>) => void;\n};\n\n// Render-prop form lets callers pass react-router's Link, a plain <a>, or\n// any custom navigation component without relying on React type equality\n// across nested type installs.\nexport type RenderLink = (args: RenderLinkArgs) => ReactElement;\n\nexport type EndpointListProps = {\n  operations: ResolvedOperation[];\n  definition: Pick<DomainDefinition, \"title\" | \"emptyTitle\" | \"emptyDescription\">;\n  renderLink: RenderLink;\n  getCommandHref?: (operationId: string, op: ResolvedOperation) => string;\n};\n\nconst defaultCommandHref = (operationId: string) => `/commands/${operationId}`;\n\nexport function EndpointList({\n  operations,\n  definition,\n  renderLink,\n  getCommandHref = defaultCommandHref,\n}: EndpointListProps) {\n  const [search, setSearch] = useState(\"\");\n\n  const filtered = useMemo(() => {\n    if (!search) return operations;\n    const q = search.toLowerCase();\n    return operations.filter(\n      (op) =>\n        op.path.toLowerCase().includes(q) ||\n        op.operation.summary?.toLowerCase().includes(q) ||\n        op.operation.operationId?.toLowerCase().includes(q),\n    );\n  }, [operations, search]);\n\n  if (operations.length === 0) {\n    return (\n      <div className=\"rounded-xl border border-dashed p-8\">\n        <h2 className=\"text-lg font-medium\">\n          {definition.emptyTitle || `No ${definition.title} endpoints found`}\n        </h2>\n        <p className=\"mt-2 max-w-2xl text-sm text-muted-foreground\">\n          {definition.emptyDescription ||\n            \"This area is reserved in the information architecture, but the current OpenAPI surface does not expose matching operations yet.\"}\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <input\n        placeholder={`Search ${definition.title.toLowerCase()}...`}\n        value={search}\n        onChange={(e) => setSearch(e.target.value)}\n        className=\"w-full max-w-lg rounded-lg border bg-background px-3 py-2 text-sm outline-none placeholder:text-placeholder focus:ring-2 focus:ring-ring\"\n      />\n      <div className=\"space-y-2\">\n        {filtered.map((op) => {\n          const operationId = op.operation.operationId ?? `${op.method}:${op.path}`;\n          return renderLink({\n            key: `${op.method}:${op.path}`,\n            to: getCommandHref(operationId, op),\n            className:\n              \"flex items-center gap-3 rounded-xl border bg-card p-3 transition-colors hover:border-emerald-200 hover:bg-emerald-50/50 dark:hover:border-emerald-500/40 dark:hover:bg-emerald-500/10\",\n            children: (\n              <>\n                <MethodBadge method={op.method} />\n                <code className=\"text-sm\">{op.path}</code>\n                {op.operation.summary && (\n                  <span className=\"ml-auto text-xs text-muted-foreground\">\n                    {op.operation.summary}\n                  </span>\n                )}\n              </>\n            ),\n          });\n        })}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AA8BA,MAAM,qBAAqB,CAAC,gBAAwB,aAAa,WAAW;AAErE,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,GAAsB;AACpB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AAEvC,QAAM,WAAW,QAAQ,MAAM;AAC7B,QAAI,CAAC,OAAQ,QAAO;AACpB,UAAM,IAAI,OAAO,YAAA;AACjB,WAAO,WAAW;AAAA,MAChB,CAAC;;AACC,kBAAG,KAAK,cAAc,SAAS,CAAC,OAChC,QAAG,UAAU,YAAb,mBAAsB,cAAc,SAAS,SAC7C,QAAG,UAAU,gBAAb,mBAA0B,cAAc,SAAS;AAAA;AAAA,IAAC;AAAA,EAExD,GAAG,CAAC,YAAY,MAAM,CAAC;AAEvB,MAAI,WAAW,WAAW,GAAG;AAC3B,WACE,qBAAC,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,uBACX,UAAA,WAAW,cAAc,MAAM,WAAW,KAAK,mBAAA,CAClD;AAAA,0BACC,KAAA,EAAE,WAAU,gDACV,UAAA,WAAW,oBACV,kIAAA,CACJ;AAAA,IAAA,GACF;AAAA,EAEJ;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAa,UAAU,WAAW,MAAM,aAAa;AAAA,QACrD,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,QACzC,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,wBAEX,OAAA,EAAI,WAAU,aACZ,UAAA,SAAS,IAAI,CAAC,OAAO;AACpB,YAAM,cAAc,GAAG,UAAU,eAAe,GAAG,GAAG,MAAM,IAAI,GAAG,IAAI;AACvE,aAAO,WAAW;AAAA,QAChB,KAAK,GAAG,GAAG,MAAM,IAAI,GAAG,IAAI;AAAA,QAC5B,IAAI,eAAe,aAAa,EAAE;AAAA,QAClC,WACE;AAAA,QACF,UACE,qBAAA,UAAA,EACE,UAAA;AAAA,UAAA,oBAAC,aAAA,EAAY,QAAQ,GAAG,OAAA,CAAQ;AAAA,UAChC,oBAAC,QAAA,EAAK,WAAU,WAAW,aAAG,MAAK;AAAA,UAClC,GAAG,UAAU,WACZ,oBAAC,UAAK,WAAU,yCACb,UAAA,GAAG,UAAU,QAAA,CAChB;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA,CAEH;AAAA,IACH,CAAC,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/rpc/FilterFormFields.cjs

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const button = require("../components/button.cjs");
 const Combobox = require("../components/Combobox.cjs");
+const FilterBar = require("../components/FilterBar.cjs");
 const TimeRange = require("../components/TimeRange.cjs");
 const utils = require("../lib/utils.cjs");
 function ParameterGrid({
@@ -17,13 +18,23 @@ function ParameterGrid({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("space-y-3", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "divide-y divide-border border-y border-border", children: [
-      filters.map((filter) => /* @__PURE__ */ jsxRuntime.jsx(ParameterRow, { filter }, filter.key)),
+      filters.map((filter) => /* @__PURE__ */ jsxRuntime.jsx(
+        ParameterRow,
+        {
+          filter,
+          autoSubmit
+        },
+        filter.key
+      )),
       timeRange && /* @__PURE__ */ jsxRuntime.jsx(TimeRangeRow, { timeRange })
     ] }),
     !autoSubmit && showSubmit && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? submittingLabel : submitLabel }) })
   ] });
 }
-function ParameterRow({ filter }) {
+function ParameterRow({
+  filter,
+  autoSubmit
+}) {
   const id = `clicky-param-${filter.key.replace(/[^a-zA-Z0-9_-]/g, "-")}`;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -35,12 +46,12 @@ function ParameterRow({ filter }) {
       ),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: id, className: "text-sm font-medium text-muted-foreground", children: filter.label }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: renderParameterInput(filter, id) })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: renderParameterInput(filter, id, autoSubmit) })
       ]
     }
   );
 }
-function renderParameterInput(filter, id) {
+function renderParameterInput(filter, id, autoSubmit) {
   if (filter.kind === "date-range") {
     return /* @__PURE__ */ jsxRuntime.jsx(
       TimeRange.TimeRange,
@@ -151,6 +162,16 @@ function renderParameterInput(filter, id) {
   if (filter.kind === "multi") {
     return /* @__PURE__ */ jsxRuntime.jsx(MultiParameterInput, { filter, id });
   }
+  if (filter.kind === "number" || filter.kind === "duration") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      FilterBar.FilterBarFilterPanel,
+      {
+        filter,
+        chrome: "embedded",
+        autoSubmit
+      }
+    );
+  }
   if (filter.kind === "text") {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "input",

package/dist/rpc/FilterFormFields.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterFormFields.cjs","sources":["../../src/rpc/FilterFormFields.tsx"],"sourcesContent":["import { Button } from \"../components/button\";\nimport { Combobox } from \"../components/Combobox\";\nimport {\n  type FilterBarFilter,\n  type FilterBarMultiFilter,\n  type FilterBarRangeProps,\n} from \"../components/FilterBar\";\nimport { TimeRange } from \"../components/TimeRange\";\nimport { cn } from \"../lib/utils\";\n\nexport type ParameterGridProps = {\n  filters: FilterBarFilter[];\n  timeRange?: FilterBarRangeProps | undefined;\n  autoSubmit: boolean;\n  isSubmitting: boolean;\n  submitLabel: string;\n  submittingLabel: string;\n  className?: string | undefined;\n  showSubmit?: boolean | undefined;\n};\n\nexport function ParameterGrid({\n  filters,\n  timeRange,\n  autoSubmit,\n  isSubmitting,\n  submitLabel,\n  submittingLabel,\n  className,\n  showSubmit = true,\n}: ParameterGridProps) {\n  return (\n    <div className={cn(\"space-y-3\", className)}>\n      <div className=\"divide-y divide-border border-y border-border\">\n        {filters.map((filter) => (\n          <ParameterRow key={filter.key} filter={filter} />\n        ))}\n        {timeRange && <TimeRangeRow timeRange={timeRange} />}\n      </div>\n\n      {!autoSubmit && showSubmit && (\n        <div className=\"flex justify-end\">\n          <Button type=\"submit\" disabled={isSubmitting}>\n            {isSubmitting ? submittingLabel : submitLabel}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ParameterRow({ filter }: { filter: FilterBarFilter }) {\n  const id = `clicky-param-${filter.key.replace(/[^a-zA-Z0-9_-]/g, \"-\")}`;\n\n  return (\n    <div\n      title={filter.description}\n      className={cn(\n        \"grid grid-cols-1 gap-2 py-2 sm:grid-cols-[minmax(8rem,14rem)_minmax(0,1fr)] sm:items-center\",\n        filter.disabled && \"opacity-60\"\n      )}\n    >\n      <label htmlFor={id} className=\"text-sm font-medium text-muted-foreground\">\n        {filter.label}\n      </label>\n      <div className=\"min-w-0\">{renderParameterInput(filter, id)}</div>\n    </div>\n  );\n}\n\nfunction renderParameterInput(filter: FilterBarFilter, id: string) {\n  if (filter.kind === \"date-range\") {\n    return (\n      <TimeRange\n        kind={filter.timeEnabled === false ? \"date\" : \"time\"}\n        label={filter.label}\n        align=\"left\"\n        from={filter.from ?? \"\"}\n        to={filter.to ?? \"\"}\n        onApply={filter.onApply}\n        {...(filter.disabled !== undefined\n          ? { disabled: filter.disabled }\n          : {})}\n        {...(filter.presets ? { presets: filter.presets } : {})}\n        {...(filter.timeEnabled !== undefined\n          ? { timeEnabled: filter.timeEnabled }\n          : {})}\n        {...(filter.timeZone ? { timeZone: filter.timeZone } : {})}\n        {...(filter.timeZones ? { timeZones: filter.timeZones } : {})}\n        {...(filter.fromPlaceholder\n          ? { fromPlaceholder: filter.fromPlaceholder }\n          : {})}\n        {...(filter.toPlaceholder\n          ? { toPlaceholder: filter.toPlaceholder }\n          : {})}\n      />\n    );\n  }\n\n  if (filter.kind === \"enum\") {\n    return (\n      <select\n        id={id}\n        aria-label={filter.label}\n        className={inputClassName}\n        value={filter.value}\n        disabled={filter.disabled}\n        onChange={(event) => filter.onChange(event.target.value)}\n      >\n        <option value=\"\">{filter.placeholder ?? \"\"}</option>\n        {filter.options.map((option) => (\n          <option key={option.value} value={option.value}>\n            {option.label ?? option.value}\n          </option>\n        ))}\n      </select>\n    );\n  }\n\n  if (filter.kind === \"boolean\") {\n    return (\n      <div className=\"flex h-8 items-center\">\n        <input\n          id={id}\n          type=\"checkbox\"\n          aria-label={filter.label}\n          className=\"h-4 w-4 accent-primary disabled:cursor-not-allowed\"\n          checked={filter.value}\n          disabled={filter.disabled}\n          onChange={(event) => filter.onChange(event.target.checked)}\n        />\n      </div>\n    );\n  }\n\n  if (filter.kind === \"lookup\") {\n    const listId = `${id}-options`;\n    return (\n      <>\n        <input\n          id={id}\n          type={filter.inputType === \"number\" ? \"number\" : \"text\"}\n          aria-label={filter.label}\n          className={inputClassName}\n          {...(filter.placeholder !== undefined\n            ? { placeholder: filter.placeholder }\n            : {})}\n          value={filter.value}\n          list={listId}\n          disabled={filter.disabled}\n          onChange={(event) => filter.onChange(event.target.value)}\n        />\n        <datalist id={listId}>\n          {filter.options.map((option) => (\n            <option\n              key={option.value}\n              value={option.value}\n              label={option.label ?? option.value}\n              disabled={option.disabled}\n            />\n          ))}\n        </datalist>\n      </>\n    );\n  }\n\n  if (filter.kind === \"lookup-multi\") {\n    const listId = `${id}-options`;\n    return (\n      <>\n        <input\n          id={id}\n          type=\"text\"\n          aria-label={filter.label}\n          className={inputClassName}\n          {...(filter.placeholder !== undefined\n            ? { placeholder: filter.placeholder }\n            : {})}\n          value={filter.value.join(\", \")}\n          list={listId}\n          disabled={filter.disabled}\n          onChange={(event) =>\n            filter.onChange(splitCommaValues(event.target.value))\n          }\n        />\n        <datalist id={listId}>\n          {filter.options.map((option) => (\n            <option\n              key={option.value}\n              value={option.value}\n              label={option.label ?? option.value}\n              disabled={option.disabled}\n            />\n          ))}\n        </datalist>\n      </>\n    );\n  }\n\n  if (filter.kind === \"multi\") {\n    return <MultiParameterInput filter={filter} id={id} />;\n  }\n\n  if (filter.kind === \"text\") {\n    return (\n      <input\n        id={id}\n        type=\"text\"\n        aria-label={filter.label}\n        className={inputClassName}\n        {...(filter.placeholder !== undefined\n          ? { placeholder: filter.placeholder }\n          : {})}\n        value={filter.value}\n        disabled={filter.disabled}\n        onChange={(event) => filter.onChange(event.target.value)}\n      />\n    );\n  }\n\n  return (\n    <input\n      id={id}\n      type=\"text\"\n      aria-label={filter.label}\n      className={inputClassName}\n      value={JSON.stringify(filter.value)}\n      disabled\n      readOnly\n    />\n  );\n}\n\nfunction MultiParameterInput({\n  filter,\n  id,\n}: {\n  filter: FilterBarMultiFilter;\n  id: string;\n}) {\n  const moreCount =\n    filter.truncated && filter.total\n      ? Math.max(filter.total - filter.options.length, 0)\n      : 0;\n  return (\n    <Combobox\n      multiple\n      id={id}\n      ariaLabel={filter.label}\n      value={Object.keys(filter.value)}\n      options={filter.options.map((option) => ({\n        value: option.value,\n        label:\n          typeof option.label === \"string\"\n            ? option.label\n            : option.title ?? option.value,\n        ...(option.disabled !== undefined ? { disabled: option.disabled } : {}),\n        ...(option.title !== undefined ? { title: option.title } : {}),\n      }))}\n      onChange={(values) => {\n        const next: FilterBarMultiFilter[\"value\"] = {};\n        for (const value of values)\n          next[value] = filter.value[value] ?? \"include\";\n        filter.onChange(next);\n      }}\n      allowCustomValue={filter.allowCustomValue ?? false}\n      {...(filter.placeholder !== undefined\n        ? { placeholder: filter.placeholder }\n        : {})}\n      {...(filter.disabled !== undefined ? { disabled: filter.disabled } : {})}\n      {...(filter.className !== undefined\n        ? { className: filter.className }\n        : {})}\n      {...(moreCount > 0\n        ? { footer: `… and ${moreCount.toLocaleString()} more` }\n        : {})}\n    />\n  );\n}\n\nfunction TimeRangeRow({ timeRange }: { timeRange: FilterBarRangeProps }) {\n  return (\n    <div className=\"grid grid-cols-1 gap-2 py-2 sm:grid-cols-[minmax(8rem,14rem)_minmax(0,1fr)] sm:items-center\">\n      <div className=\"text-sm font-medium text-muted-foreground\">\n        Time range\n      </div>\n      <div className=\"min-w-0\">\n        <TimeRange\n          kind={timeRange.timeEnabled ? \"time\" : \"date\"}\n          label=\"Time range\"\n          align=\"left\"\n          from={timeRange.from ?? \"\"}\n          to={timeRange.to ?? \"\"}\n          onApply={timeRange.onApply}\n          {...(timeRange.presets ? { presets: timeRange.presets } : {})}\n          {...(timeRange.timeEnabled !== undefined\n            ? { timeEnabled: timeRange.timeEnabled }\n            : {})}\n          {...(timeRange.timeZone ? { timeZone: timeRange.timeZone } : {})}\n          {...(timeRange.timeZones ? { timeZones: timeRange.timeZones } : {})}\n          {...(timeRange.fromPlaceholder\n            ? { fromPlaceholder: timeRange.fromPlaceholder }\n            : {})}\n          {...(timeRange.toPlaceholder\n            ? { toPlaceholder: timeRange.toPlaceholder }\n            : {})}\n        />\n      </div>\n    </div>\n  );\n}\n\nfunction splitCommaValues(value: string) {\n  return value\n    .split(\",\")\n    .map((item) => item.trim())\n    .filter(Boolean);\n}\n\nconst inputClassName =\n  \"h-8 w-full min-w-0 rounded-md border border-input bg-background px-2 text-sm text-foreground outline-none placeholder:text-placeholder disabled:cursor-not-allowed disabled:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring\";\n"],"names":["cn","jsxs","jsx","Button","TimeRange","Fragment","Combobox"],"mappings":"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"}
+{"version":3,"file":"FilterFormFields.cjs","sources":["../../src/rpc/FilterFormFields.tsx"],"sourcesContent":["import { Button } from \"../components/button\";\nimport { Combobox } from \"../components/Combobox\";\nimport {\n  FilterBarFilterPanel,\n  type FilterBarFilter,\n  type FilterBarMultiFilter,\n  type FilterBarRangeProps,\n} from \"../components/FilterBar\";\nimport { TimeRange } from \"../components/TimeRange\";\nimport { cn } from \"../lib/utils\";\n\nexport type ParameterGridProps = {\n  filters: FilterBarFilter[];\n  timeRange?: FilterBarRangeProps | undefined;\n  autoSubmit: boolean;\n  isSubmitting: boolean;\n  submitLabel: string;\n  submittingLabel: string;\n  className?: string | undefined;\n  showSubmit?: boolean | undefined;\n};\n\nexport function ParameterGrid({\n  filters,\n  timeRange,\n  autoSubmit,\n  isSubmitting,\n  submitLabel,\n  submittingLabel,\n  className,\n  showSubmit = true,\n}: ParameterGridProps) {\n  return (\n    <div className={cn(\"space-y-3\", className)}>\n      <div className=\"divide-y divide-border border-y border-border\">\n        {filters.map((filter) => (\n          <ParameterRow\n            key={filter.key}\n            filter={filter}\n            autoSubmit={autoSubmit}\n          />\n        ))}\n        {timeRange && <TimeRangeRow timeRange={timeRange} />}\n      </div>\n\n      {!autoSubmit && showSubmit && (\n        <div className=\"flex justify-end\">\n          <Button type=\"submit\" disabled={isSubmitting}>\n            {isSubmitting ? submittingLabel : submitLabel}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ParameterRow({\n  filter,\n  autoSubmit,\n}: {\n  filter: FilterBarFilter;\n  autoSubmit: boolean;\n}) {\n  const id = `clicky-param-${filter.key.replace(/[^a-zA-Z0-9_-]/g, \"-\")}`;\n\n  return (\n    <div\n      title={filter.description}\n      className={cn(\n        \"grid grid-cols-1 gap-2 py-2 sm:grid-cols-[minmax(8rem,14rem)_minmax(0,1fr)] sm:items-center\",\n        filter.disabled && \"opacity-60\",\n      )}\n    >\n      <label htmlFor={id} className=\"text-sm font-medium text-muted-foreground\">\n        {filter.label}\n      </label>\n      <div className=\"min-w-0\">\n        {renderParameterInput(filter, id, autoSubmit)}\n      </div>\n    </div>\n  );\n}\n\nfunction renderParameterInput(\n  filter: FilterBarFilter,\n  id: string,\n  autoSubmit: boolean,\n) {\n  if (filter.kind === \"date-range\") {\n    return (\n      <TimeRange\n        kind={filter.timeEnabled === false ? \"date\" : \"time\"}\n        label={filter.label}\n        align=\"left\"\n        from={filter.from ?? \"\"}\n        to={filter.to ?? \"\"}\n        onApply={filter.onApply}\n        {...(filter.disabled !== undefined\n          ? { disabled: filter.disabled }\n          : {})}\n        {...(filter.presets ? { presets: filter.presets } : {})}\n        {...(filter.timeEnabled !== undefined\n          ? { timeEnabled: filter.timeEnabled }\n          : {})}\n        {...(filter.timeZone ? { timeZone: filter.timeZone } : {})}\n        {...(filter.timeZones ? { timeZones: filter.timeZones } : {})}\n        {...(filter.fromPlaceholder\n          ? { fromPlaceholder: filter.fromPlaceholder }\n          : {})}\n        {...(filter.toPlaceholder\n          ? { toPlaceholder: filter.toPlaceholder }\n          : {})}\n      />\n    );\n  }\n\n  if (filter.kind === \"enum\") {\n    return (\n      <select\n        id={id}\n        aria-label={filter.label}\n        className={inputClassName}\n        value={filter.value}\n        disabled={filter.disabled}\n        onChange={(event) => filter.onChange(event.target.value)}\n      >\n        <option value=\"\">{filter.placeholder ?? \"\"}</option>\n        {filter.options.map((option) => (\n          <option key={option.value} value={option.value}>\n            {option.label ?? option.value}\n          </option>\n        ))}\n      </select>\n    );\n  }\n\n  if (filter.kind === \"boolean\") {\n    return (\n      <div className=\"flex h-8 items-center\">\n        <input\n          id={id}\n          type=\"checkbox\"\n          aria-label={filter.label}\n          className=\"h-4 w-4 accent-primary disabled:cursor-not-allowed\"\n          checked={filter.value}\n          disabled={filter.disabled}\n          onChange={(event) => filter.onChange(event.target.checked)}\n        />\n      </div>\n    );\n  }\n\n  if (filter.kind === \"lookup\") {\n    const listId = `${id}-options`;\n    return (\n      <>\n        <input\n          id={id}\n          type={filter.inputType === \"number\" ? \"number\" : \"text\"}\n          aria-label={filter.label}\n          className={inputClassName}\n          {...(filter.placeholder !== undefined\n            ? { placeholder: filter.placeholder }\n            : {})}\n          value={filter.value}\n          list={listId}\n          disabled={filter.disabled}\n          onChange={(event) => filter.onChange(event.target.value)}\n        />\n        <datalist id={listId}>\n          {filter.options.map((option) => (\n            <option\n              key={option.value}\n              value={option.value}\n              label={option.label ?? option.value}\n              disabled={option.disabled}\n            />\n          ))}\n        </datalist>\n      </>\n    );\n  }\n\n  if (filter.kind === \"lookup-multi\") {\n    const listId = `${id}-options`;\n    return (\n      <>\n        <input\n          id={id}\n          type=\"text\"\n          aria-label={filter.label}\n          className={inputClassName}\n          {...(filter.placeholder !== undefined\n            ? { placeholder: filter.placeholder }\n            : {})}\n          value={filter.value.join(\", \")}\n          list={listId}\n          disabled={filter.disabled}\n          onChange={(event) =>\n            filter.onChange(splitCommaValues(event.target.value))\n          }\n        />\n        <datalist id={listId}>\n          {filter.options.map((option) => (\n            <option\n              key={option.value}\n              value={option.value}\n              label={option.label ?? option.value}\n              disabled={option.disabled}\n            />\n          ))}\n        </datalist>\n      </>\n    );\n  }\n\n  if (filter.kind === \"multi\") {\n    return <MultiParameterInput filter={filter} id={id} />;\n  }\n\n  if (filter.kind === \"number\" || filter.kind === \"duration\") {\n    return (\n      <FilterBarFilterPanel\n        filter={filter}\n        chrome=\"embedded\"\n        autoSubmit={autoSubmit}\n      />\n    );\n  }\n\n  if (filter.kind === \"text\") {\n    return (\n      <input\n        id={id}\n        type=\"text\"\n        aria-label={filter.label}\n        className={inputClassName}\n        {...(filter.placeholder !== undefined\n          ? { placeholder: filter.placeholder }\n          : {})}\n        value={filter.value}\n        disabled={filter.disabled}\n        onChange={(event) => filter.onChange(event.target.value)}\n      />\n    );\n  }\n\n  return (\n    <input\n      id={id}\n      type=\"text\"\n      aria-label={filter.label}\n      className={inputClassName}\n      value={JSON.stringify(filter.value)}\n      disabled\n      readOnly\n    />\n  );\n}\n\nfunction MultiParameterInput({\n  filter,\n  id,\n}: {\n  filter: FilterBarMultiFilter;\n  id: string;\n}) {\n  const moreCount =\n    filter.truncated && filter.total\n      ? Math.max(filter.total - filter.options.length, 0)\n      : 0;\n  return (\n    <Combobox\n      multiple\n      id={id}\n      ariaLabel={filter.label}\n      value={Object.keys(filter.value)}\n      options={filter.options.map((option) => ({\n        value: option.value,\n        label:\n          typeof option.label === \"string\"\n            ? option.label\n            : (option.title ?? option.value),\n        ...(option.disabled !== undefined ? { disabled: option.disabled } : {}),\n        ...(option.title !== undefined ? { title: option.title } : {}),\n      }))}\n      onChange={(values) => {\n        const next: FilterBarMultiFilter[\"value\"] = {};\n        for (const value of values)\n          next[value] = filter.value[value] ?? \"include\";\n        filter.onChange(next);\n      }}\n      allowCustomValue={filter.allowCustomValue ?? false}\n      {...(filter.placeholder !== undefined\n        ? { placeholder: filter.placeholder }\n        : {})}\n      {...(filter.disabled !== undefined ? { disabled: filter.disabled } : {})}\n      {...(filter.className !== undefined\n        ? { className: filter.className }\n        : {})}\n      {...(moreCount > 0\n        ? { footer: `… and ${moreCount.toLocaleString()} more` }\n        : {})}\n    />\n  );\n}\n\nfunction TimeRangeRow({ timeRange }: { timeRange: FilterBarRangeProps }) {\n  return (\n    <div className=\"grid grid-cols-1 gap-2 py-2 sm:grid-cols-[minmax(8rem,14rem)_minmax(0,1fr)] sm:items-center\">\n      <div className=\"text-sm font-medium text-muted-foreground\">\n        Time range\n      </div>\n      <div className=\"min-w-0\">\n        <TimeRange\n          kind={timeRange.timeEnabled ? \"time\" : \"date\"}\n          label=\"Time range\"\n          align=\"left\"\n          from={timeRange.from ?? \"\"}\n          to={timeRange.to ?? \"\"}\n          onApply={timeRange.onApply}\n          {...(timeRange.presets ? { presets: timeRange.presets } : {})}\n          {...(timeRange.timeEnabled !== undefined\n            ? { timeEnabled: timeRange.timeEnabled }\n            : {})}\n          {...(timeRange.timeZone ? { timeZone: timeRange.timeZone } : {})}\n          {...(timeRange.timeZones ? { timeZones: timeRange.timeZones } : {})}\n          {...(timeRange.fromPlaceholder\n            ? { fromPlaceholder: timeRange.fromPlaceholder }\n            : {})}\n          {...(timeRange.toPlaceholder\n            ? { toPlaceholder: timeRange.toPlaceholder }\n            : {})}\n        />\n      </div>\n    </div>\n  );\n}\n\nfunction splitCommaValues(value: string) {\n  return value\n    .split(\",\")\n    .map((item) => item.trim())\n    .filter(Boolean);\n}\n\nconst inputClassName =\n  \"h-8 w-full min-w-0 rounded-md border border-input bg-background px-2 text-sm text-foreground outline-none placeholder:text-placeholder disabled:cursor-not-allowed disabled:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring\";\n"],"names":["cn","jsxs","jsx","Button","TimeRange","Fragment","FilterBarFilterPanel","Combobox"],"mappings":"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"}

package/dist/rpc/FilterFormFields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterFormFields.d.ts","sourceRoot":"","sources":["../../src/rpc/FilterFormFields.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EAEpB,KAAK,mBAAmB,EACzB,MAAM,yBAAyB,CAAC;AAIjC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAC5C,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAClC,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,UAAU,EACV,YAAY,EACZ,WAAW,EACX,eAAe,EACf,SAAS,EACT,UAAiB,GAClB,EAAE,kBAAkB,+BAmBpB"}
+{"version":3,"file":"FilterFormFields.d.ts","sourceRoot":"","sources":["../../src/rpc/FilterFormFields.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,eAAe,EAEpB,KAAK,mBAAmB,EACzB,MAAM,yBAAyB,CAAC;AAIjC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAC5C,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAClC,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,UAAU,EACV,YAAY,EACZ,WAAW,EACX,eAAe,EACf,SAAS,EACT,UAAiB,GAClB,EAAE,kBAAkB,+BAuBpB"}

package/dist/rpc/FilterFormFields.js

@@ -1,6 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { Button } from "../components/button.js";
 import { Combobox } from "../components/Combobox.js";
+import { FilterBarFilterPanel } from "../components/FilterBar.js";
 import { TimeRange } from "../components/TimeRange.js";
 import { cn } from "../lib/utils.js";
 function ParameterGrid({
@@ -15,13 +16,23 @@ function ParameterGrid({
 }) {
   return /* @__PURE__ */ jsxs("div", { className: cn("space-y-3", className), children: [
     /* @__PURE__ */ jsxs("div", { className: "divide-y divide-border border-y border-border", children: [
-      filters.map((filter) => /* @__PURE__ */ jsx(ParameterRow, { filter }, filter.key)),
+      filters.map((filter) => /* @__PURE__ */ jsx(
+        ParameterRow,
+        {
+          filter,
+          autoSubmit
+        },
+        filter.key
+      )),
       timeRange && /* @__PURE__ */ jsx(TimeRangeRow, { timeRange })
     ] }),
     !autoSubmit && showSubmit && /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? submittingLabel : submitLabel }) })
   ] });
 }
-function ParameterRow({ filter }) {
+function ParameterRow({
+  filter,
+  autoSubmit
+}) {
   const id = `clicky-param-${filter.key.replace(/[^a-zA-Z0-9_-]/g, "-")}`;
   return /* @__PURE__ */ jsxs(
     "div",
@@ -33,12 +44,12 @@ function ParameterRow({ filter }) {
       ),
       children: [
         /* @__PURE__ */ jsx("label", { htmlFor: id, className: "text-sm font-medium text-muted-foreground", children: filter.label }),
-        /* @__PURE__ */ jsx("div", { className: "min-w-0", children: renderParameterInput(filter, id) })
+        /* @__PURE__ */ jsx("div", { className: "min-w-0", children: renderParameterInput(filter, id, autoSubmit) })
       ]
     }
   );
 }
-function renderParameterInput(filter, id) {
+function renderParameterInput(filter, id, autoSubmit) {
   if (filter.kind === "date-range") {
     return /* @__PURE__ */ jsx(
       TimeRange,
@@ -149,6 +160,16 @@ function renderParameterInput(filter, id) {
   if (filter.kind === "multi") {
     return /* @__PURE__ */ jsx(MultiParameterInput, { filter, id });
   }
+  if (filter.kind === "number" || filter.kind === "duration") {
+    return /* @__PURE__ */ jsx(
+      FilterBarFilterPanel,
+      {
+        filter,
+        chrome: "embedded",
+        autoSubmit
+      }
+    );
+  }
   if (filter.kind === "text") {
     return /* @__PURE__ */ jsx(
       "input",

package/dist/rpc/FilterFormFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterFormFields.js","sources":["../../src/rpc/FilterFormFields.tsx"],"sourcesContent":["import { Button } from \"../components/button\";\nimport { Combobox } from \"../components/Combobox\";\nimport {\n  type FilterBarFilter,\n  type FilterBarMultiFilter,\n  type FilterBarRangeProps,\n} from \"../components/FilterBar\";\nimport { TimeRange } from \"../components/TimeRange\";\nimport { cn } from \"../lib/utils\";\n\nexport type ParameterGridProps = {\n  filters: FilterBarFilter[];\n  timeRange?: FilterBarRangeProps | undefined;\n  autoSubmit: boolean;\n  isSubmitting: boolean;\n  submitLabel: string;\n  submittingLabel: string;\n  className?: string | undefined;\n  showSubmit?: boolean | undefined;\n};\n\nexport function ParameterGrid({\n  filters,\n  timeRange,\n  autoSubmit,\n  isSubmitting,\n  submitLabel,\n  submittingLabel,\n  className,\n  showSubmit = true,\n}: ParameterGridProps) {\n  return (\n    <div className={cn(\"space-y-3\", className)}>\n      <div className=\"divide-y divide-border border-y border-border\">\n        {filters.map((filter) => (\n          <ParameterRow key={filter.key} filter={filter} />\n        ))}\n        {timeRange && <TimeRangeRow timeRange={timeRange} />}\n      </div>\n\n      {!autoSubmit && showSubmit && (\n        <div className=\"flex justify-end\">\n          <Button type=\"submit\" disabled={isSubmitting}>\n            {isSubmitting ? submittingLabel : submitLabel}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ParameterRow({ filter }: { filter: FilterBarFilter }) {\n  const id = `clicky-param-${filter.key.replace(/[^a-zA-Z0-9_-]/g, \"-\")}`;\n\n  return (\n    <div\n      title={filter.description}\n      className={cn(\n        \"grid grid-cols-1 gap-2 py-2 sm:grid-cols-[minmax(8rem,14rem)_minmax(0,1fr)] sm:items-center\",\n        filter.disabled && \"opacity-60\"\n      )}\n    >\n      <label htmlFor={id} className=\"text-sm font-medium text-muted-foreground\">\n        {filter.label}\n      </label>\n      <div className=\"min-w-0\">{renderParameterInput(filter, id)}</div>\n    </div>\n  );\n}\n\nfunction renderParameterInput(filter: FilterBarFilter, id: string) {\n  if (filter.kind === \"date-range\") {\n    return (\n      <TimeRange\n        kind={filter.timeEnabled === false ? \"date\" : \"time\"}\n        label={filter.label}\n        align=\"left\"\n        from={filter.from ?? \"\"}\n        to={filter.to ?? \"\"}\n        onApply={filter.onApply}\n        {...(filter.disabled !== undefined\n          ? { disabled: filter.disabled }\n          : {})}\n        {...(filter.presets ? { presets: filter.presets } : {})}\n        {...(filter.timeEnabled !== undefined\n          ? { timeEnabled: filter.timeEnabled }\n          : {})}\n        {...(filter.timeZone ? { timeZone: filter.timeZone } : {})}\n        {...(filter.timeZones ? { timeZones: filter.timeZones } : {})}\n        {...(filter.fromPlaceholder\n          ? { fromPlaceholder: filter.fromPlaceholder }\n          : {})}\n        {...(filter.toPlaceholder\n          ? { toPlaceholder: filter.toPlaceholder }\n          : {})}\n      />\n    );\n  }\n\n  if (filter.kind === \"enum\") {\n    return (\n      <select\n        id={id}\n        aria-label={filter.label}\n        className={inputClassName}\n        value={filter.value}\n        disabled={filter.disabled}\n        onChange={(event) => filter.onChange(event.target.value)}\n      >\n        <option value=\"\">{filter.placeholder ?? \"\"}</option>\n        {filter.options.map((option) => (\n          <option key={option.value} value={option.value}>\n            {option.label ?? option.value}\n          </option>\n        ))}\n      </select>\n    );\n  }\n\n  if (filter.kind === \"boolean\") {\n    return (\n      <div className=\"flex h-8 items-center\">\n        <input\n          id={id}\n          type=\"checkbox\"\n          aria-label={filter.label}\n          className=\"h-4 w-4 accent-primary disabled:cursor-not-allowed\"\n          checked={filter.value}\n          disabled={filter.disabled}\n          onChange={(event) => filter.onChange(event.target.checked)}\n        />\n      </div>\n    );\n  }\n\n  if (filter.kind === \"lookup\") {\n    const listId = `${id}-options`;\n    return (\n      <>\n        <input\n          id={id}\n          type={filter.inputType === \"number\" ? \"number\" : \"text\"}\n          aria-label={filter.label}\n          className={inputClassName}\n          {...(filter.placeholder !== undefined\n            ? { placeholder: filter.placeholder }\n            : {})}\n          value={filter.value}\n          list={listId}\n          disabled={filter.disabled}\n          onChange={(event) => filter.onChange(event.target.value)}\n        />\n        <datalist id={listId}>\n          {filter.options.map((option) => (\n            <option\n              key={option.value}\n              value={option.value}\n              label={option.label ?? option.value}\n              disabled={option.disabled}\n            />\n          ))}\n        </datalist>\n      </>\n    );\n  }\n\n  if (filter.kind === \"lookup-multi\") {\n    const listId = `${id}-options`;\n    return (\n      <>\n        <input\n          id={id}\n          type=\"text\"\n          aria-label={filter.label}\n          className={inputClassName}\n          {...(filter.placeholder !== undefined\n            ? { placeholder: filter.placeholder }\n            : {})}\n          value={filter.value.join(\", \")}\n          list={listId}\n          disabled={filter.disabled}\n          onChange={(event) =>\n            filter.onChange(splitCommaValues(event.target.value))\n          }\n        />\n        <datalist id={listId}>\n          {filter.options.map((option) => (\n            <option\n              key={option.value}\n              value={option.value}\n              label={option.label ?? option.value}\n              disabled={option.disabled}\n            />\n          ))}\n        </datalist>\n      </>\n    );\n  }\n\n  if (filter.kind === \"multi\") {\n    return <MultiParameterInput filter={filter} id={id} />;\n  }\n\n  if (filter.kind === \"text\") {\n    return (\n      <input\n        id={id}\n        type=\"text\"\n        aria-label={filter.label}\n        className={inputClassName}\n        {...(filter.placeholder !== undefined\n          ? { placeholder: filter.placeholder }\n          : {})}\n        value={filter.value}\n        disabled={filter.disabled}\n        onChange={(event) => filter.onChange(event.target.value)}\n      />\n    );\n  }\n\n  return (\n    <input\n      id={id}\n      type=\"text\"\n      aria-label={filter.label}\n      className={inputClassName}\n      value={JSON.stringify(filter.value)}\n      disabled\n      readOnly\n    />\n  );\n}\n\nfunction MultiParameterInput({\n  filter,\n  id,\n}: {\n  filter: FilterBarMultiFilter;\n  id: string;\n}) {\n  const moreCount =\n    filter.truncated && filter.total\n      ? Math.max(filter.total - filter.options.length, 0)\n      : 0;\n  return (\n    <Combobox\n      multiple\n      id={id}\n      ariaLabel={filter.label}\n      value={Object.keys(filter.value)}\n      options={filter.options.map((option) => ({\n        value: option.value,\n        label:\n          typeof option.label === \"string\"\n            ? option.label\n            : option.title ?? option.value,\n        ...(option.disabled !== undefined ? { disabled: option.disabled } : {}),\n        ...(option.title !== undefined ? { title: option.title } : {}),\n      }))}\n      onChange={(values) => {\n        const next: FilterBarMultiFilter[\"value\"] = {};\n        for (const value of values)\n          next[value] = filter.value[value] ?? \"include\";\n        filter.onChange(next);\n      }}\n      allowCustomValue={filter.allowCustomValue ?? false}\n      {...(filter.placeholder !== undefined\n        ? { placeholder: filter.placeholder }\n        : {})}\n      {...(filter.disabled !== undefined ? { disabled: filter.disabled } : {})}\n      {...(filter.className !== undefined\n        ? { className: filter.className }\n        : {})}\n      {...(moreCount > 0\n        ? { footer: `… and ${moreCount.toLocaleString()} more` }\n        : {})}\n    />\n  );\n}\n\nfunction TimeRangeRow({ timeRange }: { timeRange: FilterBarRangeProps }) {\n  return (\n    <div className=\"grid grid-cols-1 gap-2 py-2 sm:grid-cols-[minmax(8rem,14rem)_minmax(0,1fr)] sm:items-center\">\n      <div className=\"text-sm font-medium text-muted-foreground\">\n        Time range\n      </div>\n      <div className=\"min-w-0\">\n        <TimeRange\n          kind={timeRange.timeEnabled ? \"time\" : \"date\"}\n          label=\"Time range\"\n          align=\"left\"\n          from={timeRange.from ?? \"\"}\n          to={timeRange.to ?? \"\"}\n          onApply={timeRange.onApply}\n          {...(timeRange.presets ? { presets: timeRange.presets } : {})}\n          {...(timeRange.timeEnabled !== undefined\n            ? { timeEnabled: timeRange.timeEnabled }\n            : {})}\n          {...(timeRange.timeZone ? { timeZone: timeRange.timeZone } : {})}\n          {...(timeRange.timeZones ? { timeZones: timeRange.timeZones } : {})}\n          {...(timeRange.fromPlaceholder\n            ? { fromPlaceholder: timeRange.fromPlaceholder }\n            : {})}\n          {...(timeRange.toPlaceholder\n            ? { toPlaceholder: timeRange.toPlaceholder }\n            : {})}\n        />\n      </div>\n    </div>\n  );\n}\n\nfunction splitCommaValues(value: string) {\n  return value\n    .split(\",\")\n    .map((item) => item.trim())\n    .filter(Boolean);\n}\n\nconst inputClassName =\n  \"h-8 w-full min-w-0 rounded-md border border-input bg-background px-2 text-sm text-foreground outline-none placeholder:text-placeholder disabled:cursor-not-allowed disabled:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring\";\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FilterFormFields.js","sources":["../../src/rpc/FilterFormFields.tsx"],"sourcesContent":["import { Button } from \"../components/button\";\nimport { Combobox } from \"../components/Combobox\";\nimport {\n  FilterBarFilterPanel,\n  type FilterBarFilter,\n  type FilterBarMultiFilter,\n  type FilterBarRangeProps,\n} from \"../components/FilterBar\";\nimport { TimeRange } from \"../components/TimeRange\";\nimport { cn } from \"../lib/utils\";\n\nexport type ParameterGridProps = {\n  filters: FilterBarFilter[];\n  timeRange?: FilterBarRangeProps | undefined;\n  autoSubmit: boolean;\n  isSubmitting: boolean;\n  submitLabel: string;\n  submittingLabel: string;\n  className?: string | undefined;\n  showSubmit?: boolean | undefined;\n};\n\nexport function ParameterGrid({\n  filters,\n  timeRange,\n  autoSubmit,\n  isSubmitting,\n  submitLabel,\n  submittingLabel,\n  className,\n  showSubmit = true,\n}: ParameterGridProps) {\n  return (\n    <div className={cn(\"space-y-3\", className)}>\n      <div className=\"divide-y divide-border border-y border-border\">\n        {filters.map((filter) => (\n          <ParameterRow\n            key={filter.key}\n            filter={filter}\n            autoSubmit={autoSubmit}\n          />\n        ))}\n        {timeRange && <TimeRangeRow timeRange={timeRange} />}\n      </div>\n\n      {!autoSubmit && showSubmit && (\n        <div className=\"flex justify-end\">\n          <Button type=\"submit\" disabled={isSubmitting}>\n            {isSubmitting ? submittingLabel : submitLabel}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ParameterRow({\n  filter,\n  autoSubmit,\n}: {\n  filter: FilterBarFilter;\n  autoSubmit: boolean;\n}) {\n  const id = `clicky-param-${filter.key.replace(/[^a-zA-Z0-9_-]/g, \"-\")}`;\n\n  return (\n    <div\n      title={filter.description}\n      className={cn(\n        \"grid grid-cols-1 gap-2 py-2 sm:grid-cols-[minmax(8rem,14rem)_minmax(0,1fr)] sm:items-center\",\n        filter.disabled && \"opacity-60\",\n      )}\n    >\n      <label htmlFor={id} className=\"text-sm font-medium text-muted-foreground\">\n        {filter.label}\n      </label>\n      <div className=\"min-w-0\">\n        {renderParameterInput(filter, id, autoSubmit)}\n      </div>\n    </div>\n  );\n}\n\nfunction renderParameterInput(\n  filter: FilterBarFilter,\n  id: string,\n  autoSubmit: boolean,\n) {\n  if (filter.kind === \"date-range\") {\n    return (\n      <TimeRange\n        kind={filter.timeEnabled === false ? \"date\" : \"time\"}\n        label={filter.label}\n        align=\"left\"\n        from={filter.from ?? \"\"}\n        to={filter.to ?? \"\"}\n        onApply={filter.onApply}\n        {...(filter.disabled !== undefined\n          ? { disabled: filter.disabled }\n          : {})}\n        {...(filter.presets ? { presets: filter.presets } : {})}\n        {...(filter.timeEnabled !== undefined\n          ? { timeEnabled: filter.timeEnabled }\n          : {})}\n        {...(filter.timeZone ? { timeZone: filter.timeZone } : {})}\n        {...(filter.timeZones ? { timeZones: filter.timeZones } : {})}\n        {...(filter.fromPlaceholder\n          ? { fromPlaceholder: filter.fromPlaceholder }\n          : {})}\n        {...(filter.toPlaceholder\n          ? { toPlaceholder: filter.toPlaceholder }\n          : {})}\n      />\n    );\n  }\n\n  if (filter.kind === \"enum\") {\n    return (\n      <select\n        id={id}\n        aria-label={filter.label}\n        className={inputClassName}\n        value={filter.value}\n        disabled={filter.disabled}\n        onChange={(event) => filter.onChange(event.target.value)}\n      >\n        <option value=\"\">{filter.placeholder ?? \"\"}</option>\n        {filter.options.map((option) => (\n          <option key={option.value} value={option.value}>\n            {option.label ?? option.value}\n          </option>\n        ))}\n      </select>\n    );\n  }\n\n  if (filter.kind === \"boolean\") {\n    return (\n      <div className=\"flex h-8 items-center\">\n        <input\n          id={id}\n          type=\"checkbox\"\n          aria-label={filter.label}\n          className=\"h-4 w-4 accent-primary disabled:cursor-not-allowed\"\n          checked={filter.value}\n          disabled={filter.disabled}\n          onChange={(event) => filter.onChange(event.target.checked)}\n        />\n      </div>\n    );\n  }\n\n  if (filter.kind === \"lookup\") {\n    const listId = `${id}-options`;\n    return (\n      <>\n        <input\n          id={id}\n          type={filter.inputType === \"number\" ? \"number\" : \"text\"}\n          aria-label={filter.label}\n          className={inputClassName}\n          {...(filter.placeholder !== undefined\n            ? { placeholder: filter.placeholder }\n            : {})}\n          value={filter.value}\n          list={listId}\n          disabled={filter.disabled}\n          onChange={(event) => filter.onChange(event.target.value)}\n        />\n        <datalist id={listId}>\n          {filter.options.map((option) => (\n            <option\n              key={option.value}\n              value={option.value}\n              label={option.label ?? option.value}\n              disabled={option.disabled}\n            />\n          ))}\n        </datalist>\n      </>\n    );\n  }\n\n  if (filter.kind === \"lookup-multi\") {\n    const listId = `${id}-options`;\n    return (\n      <>\n        <input\n          id={id}\n          type=\"text\"\n          aria-label={filter.label}\n          className={inputClassName}\n          {...(filter.placeholder !== undefined\n            ? { placeholder: filter.placeholder }\n            : {})}\n          value={filter.value.join(\", \")}\n          list={listId}\n          disabled={filter.disabled}\n          onChange={(event) =>\n            filter.onChange(splitCommaValues(event.target.value))\n          }\n        />\n        <datalist id={listId}>\n          {filter.options.map((option) => (\n            <option\n              key={option.value}\n              value={option.value}\n              label={option.label ?? option.value}\n              disabled={option.disabled}\n            />\n          ))}\n        </datalist>\n      </>\n    );\n  }\n\n  if (filter.kind === \"multi\") {\n    return <MultiParameterInput filter={filter} id={id} />;\n  }\n\n  if (filter.kind === \"number\" || filter.kind === \"duration\") {\n    return (\n      <FilterBarFilterPanel\n        filter={filter}\n        chrome=\"embedded\"\n        autoSubmit={autoSubmit}\n      />\n    );\n  }\n\n  if (filter.kind === \"text\") {\n    return (\n      <input\n        id={id}\n        type=\"text\"\n        aria-label={filter.label}\n        className={inputClassName}\n        {...(filter.placeholder !== undefined\n          ? { placeholder: filter.placeholder }\n          : {})}\n        value={filter.value}\n        disabled={filter.disabled}\n        onChange={(event) => filter.onChange(event.target.value)}\n      />\n    );\n  }\n\n  return (\n    <input\n      id={id}\n      type=\"text\"\n      aria-label={filter.label}\n      className={inputClassName}\n      value={JSON.stringify(filter.value)}\n      disabled\n      readOnly\n    />\n  );\n}\n\nfunction MultiParameterInput({\n  filter,\n  id,\n}: {\n  filter: FilterBarMultiFilter;\n  id: string;\n}) {\n  const moreCount =\n    filter.truncated && filter.total\n      ? Math.max(filter.total - filter.options.length, 0)\n      : 0;\n  return (\n    <Combobox\n      multiple\n      id={id}\n      ariaLabel={filter.label}\n      value={Object.keys(filter.value)}\n      options={filter.options.map((option) => ({\n        value: option.value,\n        label:\n          typeof option.label === \"string\"\n            ? option.label\n            : (option.title ?? option.value),\n        ...(option.disabled !== undefined ? { disabled: option.disabled } : {}),\n        ...(option.title !== undefined ? { title: option.title } : {}),\n      }))}\n      onChange={(values) => {\n        const next: FilterBarMultiFilter[\"value\"] = {};\n        for (const value of values)\n          next[value] = filter.value[value] ?? \"include\";\n        filter.onChange(next);\n      }}\n      allowCustomValue={filter.allowCustomValue ?? false}\n      {...(filter.placeholder !== undefined\n        ? { placeholder: filter.placeholder }\n        : {})}\n      {...(filter.disabled !== undefined ? { disabled: filter.disabled } : {})}\n      {...(filter.className !== undefined\n        ? { className: filter.className }\n        : {})}\n      {...(moreCount > 0\n        ? { footer: `… and ${moreCount.toLocaleString()} more` }\n        : {})}\n    />\n  );\n}\n\nfunction TimeRangeRow({ timeRange }: { timeRange: FilterBarRangeProps }) {\n  return (\n    <div className=\"grid grid-cols-1 gap-2 py-2 sm:grid-cols-[minmax(8rem,14rem)_minmax(0,1fr)] sm:items-center\">\n      <div className=\"text-sm font-medium text-muted-foreground\">\n        Time range\n      </div>\n      <div className=\"min-w-0\">\n        <TimeRange\n          kind={timeRange.timeEnabled ? \"time\" : \"date\"}\n          label=\"Time range\"\n          align=\"left\"\n          from={timeRange.from ?? \"\"}\n          to={timeRange.to ?? \"\"}\n          onApply={timeRange.onApply}\n          {...(timeRange.presets ? { presets: timeRange.presets } : {})}\n          {...(timeRange.timeEnabled !== undefined\n            ? { timeEnabled: timeRange.timeEnabled }\n            : {})}\n          {...(timeRange.timeZone ? { timeZone: timeRange.timeZone } : {})}\n          {...(timeRange.timeZones ? { timeZones: timeRange.timeZones } : {})}\n          {...(timeRange.fromPlaceholder\n            ? { fromPlaceholder: timeRange.fromPlaceholder }\n            : {})}\n          {...(timeRange.toPlaceholder\n            ? { toPlaceholder: timeRange.toPlaceholder }\n            : {})}\n        />\n      </div>\n    </div>\n  );\n}\n\nfunction splitCommaValues(value: string) {\n  return value\n    .split(\",\")\n    .map((item) => item.trim())\n    .filter(Boolean);\n}\n\nconst inputClassName =\n  \"h-8 w-full min-w-0 rounded-md border border-input bg-background px-2 text-sm text-foreground outline-none placeholder:text-placeholder disabled:cursor-not-allowed disabled:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring\";\n"],"names":[],"mappings":"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"}