@tetrascience-npm/tetrascience-react-ui 0.7.0-beta.129.1 → 0.7.0-beta.131.1

package/dist/components/composed/PlateMapEditor/PlateZoomControl.d.ts

@@ -0,0 +1,12 @@
+export interface PlateZoomControlProps {
+    zoom: number;
+    onZoomChange: (next: number) => void;
+    /** Increment per click. Defaults to 0.1. */
+    step?: number;
+    min?: number;
+    max?: number;
+    /** Render a percentage readout between the buttons. Defaults to true. */
+    showReadout?: boolean;
+    className?: string;
+}
+export declare function PlateZoomControl({ zoom, onZoomChange, step, min, max, showReadout, className, }: PlateZoomControlProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/composed/PlateMapEditor/PlateZoomControl.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as n } from "react/jsx-runtime";
 import { ZoomOut as d, ZoomIn as p } from "lucide-react";
-import { Button as u } from "../../ui/button.js";
-import { ButtonGroup as h, ButtonGroupText as b } from "../../ui/button-group.js";
+import { Button as u } from "../../../ui/button.js";
+import { ButtonGroup as h, ButtonGroupText as b } from "../../../ui/button-group.js";
 import { cn as f } from "../../../lib/utils.js";
 const x = 2;
 function Z(t, r, o) {

package/dist/components/composed/PlateMapEditor/TemplateIOPanel.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("lucide-react"),O=require("react"),q=require("./csvPlateTriage.cjs"),P=require("./helpers.cjs"),m=require("../../ui/button.cjs"),k=require("../../ui/label.cjs"),s=require("../../ui/select.cjs"),f=require("../../ui/separator.cjs"),y=require("../../../lib/utils.cjs");function w(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const l in t)if(l!=="default"){const i=Object.getOwnPropertyDescriptor(t,l);Object.defineProperty(a,l,i.get?i:{enumerable:!0,get:()=>t[l]})}}return a.default=t,Object.freeze(a)}const g=w(O);function h({label:t,accept:a,onPick:l,disabled:i,triageCsv:o}){const r=g.useRef(null);return e.jsxs(e.Fragment,{children:[e.jsxs(m.Button,{type:"button",variant:"outline",size:"sm",disabled:i,onClick:()=>r.current?.click(),children:[e.jsx(j.Upload,{"aria-hidden":!0})," ",t]}),e.jsx("input",{ref:r,type:"file",accept:a,hidden:!0,onChange:c=>{const u=c.currentTarget,n=c.target.files?.[0];if(!n){u.value="";return}(async()=>{const x=o?await q.triagePlateMapCsvFile(n):void 0;await(x?l(n,x):l(n)),u.value=""})()}})]})}function z({templates:t,templateId:a,onTemplateChange:l,onClearTemplate:i,hasEntries:o,onImportCsv:r,onExportCsv:c,onImportTemplate:u,onExportTemplate:n,className:x,csvAccept:v=".csv,text/csv",templateAccept:b="application/json"}){const S=g.useMemo(()=>P.groupTemplateOptions(t),[t]);return e.jsxs("div",{"data-slot":"template-io-panel",className:y.cn("flex flex-col gap-3",x),children:[e.jsx("div",{className:"text-sm font-medium",children:"Template & import / export"}),t&&l?e.jsxs("div",{className:"flex flex-col gap-1.5",children:[e.jsx(k.Label,{htmlFor:"plate-template",children:"Template"}),e.jsxs(s.Select,{value:a??"",onValueChange:d=>l(d),children:[e.jsx(s.SelectTrigger,{id:"plate-template",size:"sm",className:"w-full",children:e.jsx(s.SelectValue,{placeholder:"Select template…"})}),e.jsx(s.SelectContent,{children:S.map(([d,N])=>e.jsxs(s.SelectGroup,{children:[d?e.jsx(s.SelectLabel,{children:d}):null,N.map(p=>e.jsx(s.SelectItem,{value:p.id,children:p.label},p.id))]},d||"_"))})]}),i?e.jsx(m.Button,{variant:"outline",size:"sm",onClick:i,disabled:!a&&!o,children:"Clear template"}):null]}):null,u||n?e.jsxs(e.Fragment,{children:[e.jsx(f.Separator,{}),e.jsx("div",{className:"text-xs font-medium text-muted-foreground",children:"Template"}),e.jsxs("div",{className:"flex flex-col gap-2",children:[u?e.jsx(h,{label:"Import template (JSON)",accept:b,onPick:u}):null,n?e.jsxs(m.Button,{variant:"outline",size:"sm",disabled:!o,onClick:n,children:[e.jsx(j.Download,{"aria-hidden":!0})," Export template (JSON)"]}):null]})]}):null,r||c?e.jsxs(e.Fragment,{children:[e.jsx(f.Separator,{}),e.jsx("div",{className:"text-xs font-medium text-muted-foreground",children:"Plate map"}),e.jsxs("div",{className:"flex flex-col gap-2",children:[r?e.jsx(h,{label:"Import plate map (CSV)",accept:v,onPick:r,triageCsv:!0}):null,c?e.jsxs(m.Button,{variant:"outline",size:"sm",disabled:!o,onClick:c,children:[e.jsx(j.Download,{"aria-hidden":!0})," Export plate map (CSV)"]}):null]})]}):null]})}exports.TemplateIOPanel=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("lucide-react"),O=require("react"),q=require("./csvPlateTriage.cjs"),P=require("./helpers.cjs"),m=require("../../../ui/button.cjs"),k=require("../../../ui/label.cjs"),s=require("../../../ui/select.cjs"),f=require("../../../ui/separator.cjs"),y=require("../../../lib/utils.cjs");function _(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const l in t)if(l!=="default"){const n=Object.getOwnPropertyDescriptor(t,l);Object.defineProperty(a,l,n.get?n:{enumerable:!0,get:()=>t[l]})}}return a.default=t,Object.freeze(a)}const g=_(O);function h({label:t,accept:a,onPick:l,disabled:n,triageCsv:o}){const r=g.useRef(null);return e.jsxs(e.Fragment,{children:[e.jsxs(m.Button,{type:"button",variant:"outline",size:"sm",disabled:n,onClick:()=>r.current?.click(),children:[e.jsx(j.Upload,{"aria-hidden":!0})," ",t]}),e.jsx("input",{ref:r,type:"file",accept:a,hidden:!0,onChange:c=>{const u=c.currentTarget,i=c.target.files?.[0];if(!i){u.value="";return}(async()=>{const x=o?await q.triagePlateMapCsvFile(i):void 0;await(x?l(i,x):l(i)),u.value=""})()}})]})}function w({templates:t,templateId:a,onTemplateChange:l,onClearTemplate:n,hasEntries:o,onImportCsv:r,onExportCsv:c,onImportTemplate:u,onExportTemplate:i,className:x,csvAccept:v=".csv,text/csv",templateAccept:b="application/json"}){const S=g.useMemo(()=>P.groupTemplateOptions(t),[t]);return e.jsxs("div",{"data-slot":"template-io-panel",className:y.cn("flex flex-col gap-3",x),children:[e.jsx("div",{className:"text-sm font-medium",children:"Template & import / export"}),t&&l?e.jsxs("div",{className:"flex flex-col gap-1.5",children:[e.jsx(k.Label,{htmlFor:"plate-template",children:"Template"}),e.jsxs(s.Select,{value:a??"",onValueChange:d=>l(d),children:[e.jsx(s.SelectTrigger,{id:"plate-template",size:"sm",className:"w-full",children:e.jsx(s.SelectValue,{placeholder:"Select template…"})}),e.jsx(s.SelectContent,{children:S.map(([d,N])=>e.jsxs(s.SelectGroup,{children:[d?e.jsx(s.SelectLabel,{children:d}):null,N.map(p=>e.jsx(s.SelectItem,{value:p.id,children:p.label},p.id))]},d||"_"))})]}),n?e.jsx(m.Button,{variant:"outline",size:"sm",onClick:n,disabled:!a&&!o,children:"Clear template"}):null]}):null,u||i?e.jsxs(e.Fragment,{children:[e.jsx(f.Separator,{}),e.jsx("div",{className:"text-xs font-medium text-muted-foreground",children:"Template"}),e.jsxs("div",{className:"flex flex-col gap-2",children:[u?e.jsx(h,{label:"Import template (JSON)",accept:b,onPick:u}):null,i?e.jsxs(m.Button,{variant:"outline",size:"sm",disabled:!o,onClick:i,children:[e.jsx(j.Download,{"aria-hidden":!0})," Export template (JSON)"]}):null]})]}):null,r||c?e.jsxs(e.Fragment,{children:[e.jsx(f.Separator,{}),e.jsx("div",{className:"text-xs font-medium text-muted-foreground",children:"Plate map"}),e.jsxs("div",{className:"flex flex-col gap-2",children:[r?e.jsx(h,{label:"Import plate map (CSV)",accept:v,onPick:r,triageCsv:!0}):null,c?e.jsxs(m.Button,{variant:"outline",size:"sm",disabled:!o,onClick:c,children:[e.jsx(j.Download,{"aria-hidden":!0})," Export plate map (CSV)"]}):null]})]}):null]})}exports.TemplateIOPanel=w;
 //# sourceMappingURL=TemplateIOPanel.cjs.map

package/dist/components/composed/PlateMapEditor/TemplateIOPanel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateIOPanel.cjs","sources":["../../../../src/components/composed/PlateMapEditor/TemplateIOPanel.tsx"],"sourcesContent":["import { Download, Upload } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { triagePlateMapCsvFile } from \"./csvPlateTriage\";\nimport { groupTemplateOptions } from \"./helpers\";\n\nimport type { ImportExportHandlers, PlateMapCsvTriage, TemplateOption } from \"./types\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Label } from \"@/components/ui/label\";\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface TemplateIOPanelProps extends ImportExportHandlers {\n  templates?: TemplateOption[];\n  templateId?: string;\n  onTemplateChange?: (id: string) => void;\n  onClearTemplate?: () => void;\n  /** Disable export buttons when there's nothing to export. */\n  hasEntries?: boolean;\n  className?: string;\n  csvAccept?: string;\n  templateAccept?: string;\n}\n\ninterface FilePickerButtonProps {\n  label: string;\n  accept: string;\n  onPick: (file: File, triage?: PlateMapCsvTriage) => void | Promise<void>;\n  disabled?: boolean;\n  triageCsv?: boolean;\n}\n\nfunction FilePickerButton({ label, accept, onPick, disabled, triageCsv }: FilePickerButtonProps) {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  return (\n    <>\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" disabled={disabled} onClick={() => inputRef.current?.click()}>\n        <Upload aria-hidden /> {label}\n      </Button>\n      <input\n        ref={inputRef}\n        type=\"file\"\n        accept={accept}\n        hidden\n        onChange={(e) => {\n          const input = e.currentTarget;\n          const f = e.target.files?.[0];\n          if (!f) {\n            input.value = \"\";\n            return;\n          }\n\n          void (async () => {\n            const triage = triageCsv ? await triagePlateMapCsvFile(f) : undefined;\n            await (triage ? onPick(f, triage) : onPick(f));\n            input.value = \"\";\n          })();\n        }}\n      />\n    </>\n  );\n}\n\nexport function TemplateIOPanel({\n  templates,\n  templateId,\n  onTemplateChange,\n  onClearTemplate,\n  hasEntries,\n  onImportCsv,\n  onExportCsv,\n  onImportTemplate,\n  onExportTemplate,\n  className,\n  csvAccept = \".csv,text/csv\",\n  templateAccept = \"application/json\",\n}: TemplateIOPanelProps) {\n  const groups = React.useMemo(() => groupTemplateOptions(templates), [templates]);\n\n  return (\n    <div data-slot=\"template-io-panel\" className={cn(\"flex flex-col gap-3\", className)}>\n      <div className=\"text-sm font-medium\">Template &amp; import / export</div>\n\n      {templates && onTemplateChange ? (\n        <div className=\"flex flex-col gap-1.5\">\n          <Label htmlFor=\"plate-template\">Template</Label>\n          <Select value={templateId ?? \"\"} onValueChange={(v) => onTemplateChange(v)}>\n            <SelectTrigger id=\"plate-template\" size=\"sm\" className=\"w-full\">\n              <SelectValue placeholder=\"Select template…\" />\n            </SelectTrigger>\n            <SelectContent>\n              {groups.map(([group, opts]) => (\n                <SelectGroup key={group || \"_\"}>\n                  {group ? <SelectLabel>{group}</SelectLabel> : null}\n                  {opts.map((t) => (\n                    <SelectItem key={t.id} value={t.id}>\n                      {t.label}\n                    </SelectItem>\n                  ))}\n                </SelectGroup>\n              ))}\n            </SelectContent>\n          </Select>\n          {onClearTemplate ? (\n            <Button variant=\"outline\" size=\"sm\" onClick={onClearTemplate} disabled={!templateId && !hasEntries}>\n              Clear template\n            </Button>\n          ) : null}\n        </div>\n      ) : null}\n\n      {onImportTemplate || onExportTemplate ? (\n        <>\n          <Separator />\n          <div className=\"text-xs font-medium text-muted-foreground\">Template</div>\n          <div className=\"flex flex-col gap-2\">\n            {onImportTemplate ? (\n              <FilePickerButton label=\"Import template (JSON)\" accept={templateAccept} onPick={onImportTemplate} />\n            ) : null}\n            {onExportTemplate ? (\n              <Button variant=\"outline\" size=\"sm\" disabled={!hasEntries} onClick={onExportTemplate}>\n                <Download aria-hidden /> Export template (JSON)\n              </Button>\n            ) : null}\n          </div>\n        </>\n      ) : null}\n\n      {onImportCsv || onExportCsv ? (\n        <>\n          <Separator />\n          <div className=\"text-xs font-medium text-muted-foreground\">Plate map</div>\n          <div className=\"flex flex-col gap-2\">\n            {onImportCsv ? (\n              <FilePickerButton label=\"Import plate map (CSV)\" accept={csvAccept} onPick={onImportCsv} triageCsv />\n            ) : null}\n            {onExportCsv ? (\n              <Button variant=\"outline\" size=\"sm\" disabled={!hasEntries} onClick={onExportCsv}>\n                <Download aria-hidden /> Export plate map (CSV)\n              </Button>\n            ) : null}\n          </div>\n        </>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["FilePickerButton","label","accept","onPick","disabled","triageCsv","inputRef","React","jsxs","Fragment","Button","jsx","Upload","e","input","f","triage","triagePlateMapCsvFile","TemplateIOPanel","templates","templateId","onTemplateChange","onClearTemplate","hasEntries","onImportCsv","onExportCsv","onImportTemplate","onExportTemplate","className","csvAccept","templateAccept","groups","groupTemplateOptions","cn","Label","Select","v","SelectTrigger","SelectValue","SelectContent","group","opts","SelectGroup","SelectLabel","t","SelectItem","Separator","Download"],"mappings":"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"}
+{"version":3,"file":"TemplateIOPanel.cjs","sources":["../../../../src/components/composed/PlateMapEditor/TemplateIOPanel.tsx"],"sourcesContent":["import { Download, Upload } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { triagePlateMapCsvFile } from \"./csvPlateTriage\";\nimport { groupTemplateOptions } from \"./helpers\";\n\nimport type { ImportExportHandlers, PlateMapCsvTriage, TemplateOption } from \"./types\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Label } from \"@/components/ui/label\";\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface TemplateIOPanelProps extends ImportExportHandlers {\n  templates?: TemplateOption[];\n  templateId?: string;\n  onTemplateChange?: (id: string) => void;\n  onClearTemplate?: () => void;\n  /** Disable export buttons when there's nothing to export. */\n  hasEntries?: boolean;\n  className?: string;\n  csvAccept?: string;\n  templateAccept?: string;\n}\n\ninterface FilePickerButtonProps {\n  label: string;\n  accept: string;\n  onPick: (file: File, triage?: PlateMapCsvTriage) => void | Promise<void>;\n  disabled?: boolean;\n  triageCsv?: boolean;\n}\n\nfunction FilePickerButton({ label, accept, onPick, disabled, triageCsv }: FilePickerButtonProps) {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  return (\n    <>\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" disabled={disabled} onClick={() => inputRef.current?.click()}>\n        <Upload aria-hidden /> {label}\n      </Button>\n      <input\n        ref={inputRef}\n        type=\"file\"\n        accept={accept}\n        hidden\n        onChange={(e) => {\n          const input = e.currentTarget;\n          const f = e.target.files?.[0];\n          if (!f) {\n            input.value = \"\";\n            return;\n          }\n\n          void (async () => {\n            const triage = triageCsv ? await triagePlateMapCsvFile(f) : undefined;\n            await (triage ? onPick(f, triage) : onPick(f));\n            input.value = \"\";\n          })();\n        }}\n      />\n    </>\n  );\n}\n\nexport function TemplateIOPanel({\n  templates,\n  templateId,\n  onTemplateChange,\n  onClearTemplate,\n  hasEntries,\n  onImportCsv,\n  onExportCsv,\n  onImportTemplate,\n  onExportTemplate,\n  className,\n  csvAccept = \".csv,text/csv\",\n  templateAccept = \"application/json\",\n}: TemplateIOPanelProps) {\n  const groups = React.useMemo(() => groupTemplateOptions(templates), [templates]);\n\n  return (\n    <div data-slot=\"template-io-panel\" className={cn(\"flex flex-col gap-3\", className)}>\n      <div className=\"text-sm font-medium\">Template &amp; import / export</div>\n\n      {templates && onTemplateChange ? (\n        <div className=\"flex flex-col gap-1.5\">\n          <Label htmlFor=\"plate-template\">Template</Label>\n          <Select value={templateId ?? \"\"} onValueChange={(v) => onTemplateChange(v)}>\n            <SelectTrigger id=\"plate-template\" size=\"sm\" className=\"w-full\">\n              <SelectValue placeholder=\"Select template…\" />\n            </SelectTrigger>\n            <SelectContent>\n              {groups.map(([group, opts]) => (\n                <SelectGroup key={group || \"_\"}>\n                  {group ? <SelectLabel>{group}</SelectLabel> : null}\n                  {opts.map((t) => (\n                    <SelectItem key={t.id} value={t.id}>\n                      {t.label}\n                    </SelectItem>\n                  ))}\n                </SelectGroup>\n              ))}\n            </SelectContent>\n          </Select>\n          {onClearTemplate ? (\n            <Button variant=\"outline\" size=\"sm\" onClick={onClearTemplate} disabled={!templateId && !hasEntries}>\n              Clear template\n            </Button>\n          ) : null}\n        </div>\n      ) : null}\n\n      {onImportTemplate || onExportTemplate ? (\n        <>\n          <Separator />\n          <div className=\"text-xs font-medium text-muted-foreground\">Template</div>\n          <div className=\"flex flex-col gap-2\">\n            {onImportTemplate ? (\n              <FilePickerButton label=\"Import template (JSON)\" accept={templateAccept} onPick={onImportTemplate} />\n            ) : null}\n            {onExportTemplate ? (\n              <Button variant=\"outline\" size=\"sm\" disabled={!hasEntries} onClick={onExportTemplate}>\n                <Download aria-hidden /> Export template (JSON)\n              </Button>\n            ) : null}\n          </div>\n        </>\n      ) : null}\n\n      {onImportCsv || onExportCsv ? (\n        <>\n          <Separator />\n          <div className=\"text-xs font-medium text-muted-foreground\">Plate map</div>\n          <div className=\"flex flex-col gap-2\">\n            {onImportCsv ? (\n              <FilePickerButton label=\"Import plate map (CSV)\" accept={csvAccept} onPick={onImportCsv} triageCsv />\n            ) : null}\n            {onExportCsv ? (\n              <Button variant=\"outline\" size=\"sm\" disabled={!hasEntries} onClick={onExportCsv}>\n                <Download aria-hidden /> Export plate map (CSV)\n              </Button>\n            ) : null}\n          </div>\n        </>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["FilePickerButton","label","accept","onPick","disabled","triageCsv","inputRef","React","jsxs","Fragment","Button","jsx","Upload","e","input","f","triage","triagePlateMapCsvFile","TemplateIOPanel","templates","templateId","onTemplateChange","onClearTemplate","hasEntries","onImportCsv","onExportCsv","onImportTemplate","onExportTemplate","className","csvAccept","templateAccept","groups","groupTemplateOptions","cn","Label","Select","v","SelectTrigger","SelectValue","SelectContent","group","opts","SelectGroup","SelectLabel","t","SelectItem","Separator","Download"],"mappings":"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"}

package/dist/components/composed/PlateMapEditor/TemplateIOPanel.d.ts

@@ -0,0 +1,13 @@
+import { ImportExportHandlers, TemplateOption } from './types';
+export interface TemplateIOPanelProps extends ImportExportHandlers {
+    templates?: TemplateOption[];
+    templateId?: string;
+    onTemplateChange?: (id: string) => void;
+    onClearTemplate?: () => void;
+    /** Disable export buttons when there's nothing to export. */
+    hasEntries?: boolean;
+    className?: string;
+    csvAccept?: string;
+    templateAccept?: string;
+}
+export declare function TemplateIOPanel({ templates, templateId, onTemplateChange, onClearTemplate, hasEntries, onImportCsv, onExportCsv, onImportTemplate, onExportTemplate, className, csvAccept, templateAccept, }: TemplateIOPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/composed/PlateMapEditor/TemplateIOPanel.js

@@ -3,10 +3,10 @@ import { Download as x, Upload as z } from "lucide-react";
 import * as S from "react";
 import { triagePlateMapCsvFile as P } from "./csvPlateTriage.js";
 import { groupTemplateOptions as w } from "./helpers.js";
-import { Button as p } from "../../ui/button.js";
-import { Label as F } from "../../ui/label.js";
-import { Select as O, SelectTrigger as V, SelectValue as j, SelectContent as y, SelectGroup as R, SelectLabel as B, SelectItem as J } from "../../ui/select.js";
-import { Separator as v } from "../../ui/separator.js";
+import { Button as p } from "../../../ui/button.js";
+import { Label as F } from "../../../ui/label.js";
+import { Select as O, SelectTrigger as V, SelectValue as j, SelectContent as y, SelectGroup as R, SelectLabel as B, SelectItem as J } from "../../../ui/select.js";
+import { Separator as v } from "../../../ui/separator.js";
 import { cn as L } from "../../../lib/utils.js";
 function g({ label: n, accept: m, onPick: c, disabled: u, triageCsv: d }) {
   const i = S.useRef(null);

package/dist/components/composed/PlateMapEditor/WellLegend.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("lucide-react"),g=require("react"),f=require("../../ui/button.cjs"),c=require("../../ui/card.cjs"),a=require("../../../lib/utils.cjs");function b(r){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const l in r)if(l!=="default"){const s=Object.getOwnPropertyDescriptor(r,l);Object.defineProperty(n,l,s.get?s:{enumerable:!0,get:()=>r[l]})}}return n.default=r,Object.freeze(n)}const j=b(g);function p({items:r,renderItem:n,onHoverEnter:l,onHoverLeave:s,onRemove:d,removeLabel:i="Remove",emptyLabel:u="No items",className:o}){return r.length===0?t.jsx("div",{className:a.cn("text-xs text-muted-foreground",o),"data-slot":"well-legend-empty",children:u}):t.jsx("div",{className:a.cn("flex flex-col gap-1.5",o),"data-slot":"well-legend",children:r.map(e=>n?t.jsx(j.Fragment,{children:n(e)},e.id):t.jsx(c.Card,{size:"sm","data-slot":"well-legend-item","data-disabled":e.disabled||void 0,className:a.cn("py-2 hover:bg-accent/40"),onMouseEnter:()=>l?.(e.id),onMouseLeave:()=>s?.(e.id),children:t.jsxs(c.CardContent,{className:"flex items-start gap-2",children:[t.jsx("span",{"aria-hidden":!0,className:a.cn("mt-0.5 size-3.5 shrink-0 rounded-sm border border-foreground/20",e.disabled&&"opacity-50"),style:{backgroundColor:e.color}}),t.jsxs("div",{className:"min-w-0 flex-1",children:[t.jsx("div",{className:a.cn("truncate text-xs font-medium",e.disabled&&"text-muted-foreground"),children:e.label}),e.meta?t.jsx("div",{className:"truncate text-[0.65rem] text-muted-foreground",children:e.meta}):null]}),d?t.jsx(f.Button,{type:"button",variant:"ghost",size:"icon-xs","aria-label":`${i} ${typeof e.label=="string"?e.label:e.id}`,onClick:()=>d(e.id),children:t.jsx(x.X,{"aria-hidden":!0})}):null]})},e.id))})}exports.WellLegend=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("lucide-react"),g=require("react"),f=require("../../../ui/button.cjs"),c=require("../../../ui/card.cjs"),a=require("../../../lib/utils.cjs");function b(r){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const l in r)if(l!=="default"){const s=Object.getOwnPropertyDescriptor(r,l);Object.defineProperty(n,l,s.get?s:{enumerable:!0,get:()=>r[l]})}}return n.default=r,Object.freeze(n)}const j=b(g);function p({items:r,renderItem:n,onHoverEnter:l,onHoverLeave:s,onRemove:d,removeLabel:i="Remove",emptyLabel:u="No items",className:o}){return r.length===0?t.jsx("div",{className:a.cn("text-xs text-muted-foreground",o),"data-slot":"well-legend-empty",children:u}):t.jsx("div",{className:a.cn("flex flex-col gap-1.5",o),"data-slot":"well-legend",children:r.map(e=>n?t.jsx(j.Fragment,{children:n(e)},e.id):t.jsx(c.Card,{size:"sm","data-slot":"well-legend-item","data-disabled":e.disabled||void 0,className:a.cn("py-2 hover:bg-accent/40"),onMouseEnter:()=>l?.(e.id),onMouseLeave:()=>s?.(e.id),children:t.jsxs(c.CardContent,{className:"flex items-start gap-2",children:[t.jsx("span",{"aria-hidden":!0,className:a.cn("mt-0.5 size-3.5 shrink-0 rounded-sm border border-foreground/20",e.disabled&&"opacity-50"),style:{backgroundColor:e.color}}),t.jsxs("div",{className:"min-w-0 flex-1",children:[t.jsx("div",{className:a.cn("truncate text-xs font-medium",e.disabled&&"text-muted-foreground"),children:e.label}),e.meta?t.jsx("div",{className:"truncate text-[0.65rem] text-muted-foreground",children:e.meta}):null]}),d?t.jsx(f.Button,{type:"button",variant:"ghost",size:"icon-xs","aria-label":`${i} ${typeof e.label=="string"?e.label:e.id}`,onClick:()=>d(e.id),children:t.jsx(x.X,{"aria-hidden":!0})}):null]})},e.id))})}exports.WellLegend=p;
 //# sourceMappingURL=WellLegend.cjs.map

package/dist/components/composed/PlateMapEditor/WellLegend.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WellLegend.cjs","sources":["../../../../src/components/composed/PlateMapEditor/WellLegend.tsx"],"sourcesContent":["import { X } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface WellLegendItem {\n  id: string;\n  label: React.ReactNode;\n  color: string;\n  /** Optional secondary text shown beneath the label. */\n  meta?: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface WellLegendProps {\n  items: WellLegendItem[];\n  /** Render-prop for fully custom cards. Bypasses the default card layout. */\n  renderItem?: (item: WellLegendItem) => React.ReactNode;\n  onHoverEnter?: (id: string) => void;\n  onHoverLeave?: (id: string) => void;\n  onRemove?: (id: string) => void;\n  removeLabel?: string;\n  emptyLabel?: string;\n  className?: string;\n}\n\nexport function WellLegend({\n  items,\n  renderItem,\n  onHoverEnter,\n  onHoverLeave,\n  onRemove,\n  removeLabel = \"Remove\",\n  emptyLabel = \"No items\",\n  className,\n}: WellLegendProps) {\n  if (items.length === 0) {\n    return (\n      <div className={cn(\"text-xs text-muted-foreground\", className)} data-slot=\"well-legend-empty\">\n        {emptyLabel}\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn(\"flex flex-col gap-1.5\", className)} data-slot=\"well-legend\">\n      {items.map((item) => {\n        if (renderItem) return <React.Fragment key={item.id}>{renderItem(item)}</React.Fragment>;\n        return (\n          <Card\n            key={item.id}\n            size=\"sm\"\n            data-slot=\"well-legend-item\"\n            data-disabled={item.disabled || undefined}\n            className={cn(\"py-2 hover:bg-accent/40\")}\n            onMouseEnter={() => onHoverEnter?.(item.id)}\n            onMouseLeave={() => onHoverLeave?.(item.id)}\n          >\n            <CardContent className=\"flex items-start gap-2\">\n              <span\n                aria-hidden\n                className={cn(\n                  \"mt-0.5 size-3.5 shrink-0 rounded-sm border border-foreground/20\",\n                  item.disabled && \"opacity-50\"\n                )}\n                style={{ backgroundColor: item.color }}\n              />\n              <div className=\"min-w-0 flex-1\">\n                <div\n                  className={cn(\n                    \"truncate text-xs font-medium\",\n                    item.disabled && \"text-muted-foreground\"\n                  )}\n                >\n                  {item.label}\n                </div>\n                {item.meta ? (\n                  <div className=\"truncate text-[0.65rem] text-muted-foreground\">{item.meta}</div>\n                ) : null}\n              </div>\n              {onRemove ? (\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon-xs\"\n                  aria-label={`${removeLabel} ${typeof item.label === \"string\" ? item.label : item.id}`}\n                  onClick={() => onRemove(item.id)}\n                >\n                  <X aria-hidden />\n                </Button>\n              ) : null}\n            </CardContent>\n          </Card>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["WellLegend","items","renderItem","onHoverEnter","onHoverLeave","onRemove","removeLabel","emptyLabel","className","jsx","cn","item","React","Card","jsxs","CardContent","Button","X"],"mappings":"giBA4BO,SAASA,EAAW,CACzB,MAAAC,EACA,WAAAC,EACA,aAAAC,EACA,aAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,SACd,WAAAC,EAAa,WACb,UAAAC,CACF,EAAoB,CAClB,OAAIP,EAAM,SAAW,EAEjBQ,MAAC,OAAI,UAAWC,EAAAA,GAAG,gCAAiCF,CAAS,EAAG,YAAU,oBACvE,SAAAD,CAAA,CACH,EAKFE,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,GAAG,wBAAyBF,CAAS,EAAG,YAAU,cAC/D,SAAAP,EAAM,IAAKU,GACNT,EAAmBO,MAACG,EAAM,SAAN,CAA8B,SAAAV,EAAWS,CAAI,GAAzBA,EAAK,EAAsB,EAErEF,EAAAA,IAACI,EAAAA,KAAA,CAEC,KAAK,KACL,YAAU,mBACV,gBAAeF,EAAK,UAAY,OAChC,UAAWD,EAAAA,GAAG,yBAAyB,EACvC,aAAc,IAAMP,IAAeQ,EAAK,EAAE,EAC1C,aAAc,IAAMP,IAAeO,EAAK,EAAE,EAE1C,SAAAG,EAAAA,KAACC,EAAAA,YAAA,CAAY,UAAU,yBACrB,SAAA,CAAAN,EAAAA,IAAC,OAAA,CACC,cAAW,GACX,UAAWC,EAAAA,GACT,kEACAC,EAAK,UAAY,YAAA,EAEnB,MAAO,CAAE,gBAAiBA,EAAK,KAAA,CAAM,CAAA,EAEvCG,EAAAA,KAAC,MAAA,CAAI,UAAU,iBACb,SAAA,CAAAL,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,+BACAC,EAAK,UAAY,uBAAA,EAGlB,SAAAA,EAAK,KAAA,CAAA,EAEPA,EAAK,KACJF,MAAC,MAAA,CAAI,UAAU,gDAAiD,SAAAE,EAAK,KAAK,EACxE,IAAA,EACN,EACCN,EACCI,EAAAA,IAACO,EAAAA,OAAA,CACC,KAAK,SACL,QAAQ,QACR,KAAK,UACL,aAAY,GAAGV,CAAW,IAAI,OAAOK,EAAK,OAAU,SAAWA,EAAK,MAAQA,EAAK,EAAE,GACnF,QAAS,IAAMN,EAASM,EAAK,EAAE,EAE/B,SAAAF,EAAAA,IAACQ,EAAAA,EAAA,CAAE,cAAW,EAAA,CAAC,CAAA,CAAA,EAEf,IAAA,CAAA,CACN,CAAA,EAzCKN,EAAK,EAAA,CA4Cf,CAAA,CACH,CAEJ"}
+{"version":3,"file":"WellLegend.cjs","sources":["../../../../src/components/composed/PlateMapEditor/WellLegend.tsx"],"sourcesContent":["import { X } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface WellLegendItem {\n  id: string;\n  label: React.ReactNode;\n  color: string;\n  /** Optional secondary text shown beneath the label. */\n  meta?: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface WellLegendProps {\n  items: WellLegendItem[];\n  /** Render-prop for fully custom cards. Bypasses the default card layout. */\n  renderItem?: (item: WellLegendItem) => React.ReactNode;\n  onHoverEnter?: (id: string) => void;\n  onHoverLeave?: (id: string) => void;\n  onRemove?: (id: string) => void;\n  removeLabel?: string;\n  emptyLabel?: string;\n  className?: string;\n}\n\nexport function WellLegend({\n  items,\n  renderItem,\n  onHoverEnter,\n  onHoverLeave,\n  onRemove,\n  removeLabel = \"Remove\",\n  emptyLabel = \"No items\",\n  className,\n}: WellLegendProps) {\n  if (items.length === 0) {\n    return (\n      <div className={cn(\"text-xs text-muted-foreground\", className)} data-slot=\"well-legend-empty\">\n        {emptyLabel}\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn(\"flex flex-col gap-1.5\", className)} data-slot=\"well-legend\">\n      {items.map((item) => {\n        if (renderItem) return <React.Fragment key={item.id}>{renderItem(item)}</React.Fragment>;\n        return (\n          <Card\n            key={item.id}\n            size=\"sm\"\n            data-slot=\"well-legend-item\"\n            data-disabled={item.disabled || undefined}\n            className={cn(\"py-2 hover:bg-accent/40\")}\n            onMouseEnter={() => onHoverEnter?.(item.id)}\n            onMouseLeave={() => onHoverLeave?.(item.id)}\n          >\n            <CardContent className=\"flex items-start gap-2\">\n              <span\n                aria-hidden\n                className={cn(\n                  \"mt-0.5 size-3.5 shrink-0 rounded-sm border border-foreground/20\",\n                  item.disabled && \"opacity-50\"\n                )}\n                style={{ backgroundColor: item.color }}\n              />\n              <div className=\"min-w-0 flex-1\">\n                <div\n                  className={cn(\n                    \"truncate text-xs font-medium\",\n                    item.disabled && \"text-muted-foreground\"\n                  )}\n                >\n                  {item.label}\n                </div>\n                {item.meta ? (\n                  <div className=\"truncate text-[0.65rem] text-muted-foreground\">{item.meta}</div>\n                ) : null}\n              </div>\n              {onRemove ? (\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon-xs\"\n                  aria-label={`${removeLabel} ${typeof item.label === \"string\" ? item.label : item.id}`}\n                  onClick={() => onRemove(item.id)}\n                >\n                  <X aria-hidden />\n                </Button>\n              ) : null}\n            </CardContent>\n          </Card>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["WellLegend","items","renderItem","onHoverEnter","onHoverLeave","onRemove","removeLabel","emptyLabel","className","jsx","cn","item","React","Card","jsxs","CardContent","Button","X"],"mappings":"siBA4BO,SAASA,EAAW,CACzB,MAAAC,EACA,WAAAC,EACA,aAAAC,EACA,aAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,SACd,WAAAC,EAAa,WACb,UAAAC,CACF,EAAoB,CAClB,OAAIP,EAAM,SAAW,EAEjBQ,MAAC,OAAI,UAAWC,EAAAA,GAAG,gCAAiCF,CAAS,EAAG,YAAU,oBACvE,SAAAD,CAAA,CACH,EAKFE,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,GAAG,wBAAyBF,CAAS,EAAG,YAAU,cAC/D,SAAAP,EAAM,IAAKU,GACNT,EAAmBO,MAACG,EAAM,SAAN,CAA8B,SAAAV,EAAWS,CAAI,GAAzBA,EAAK,EAAsB,EAErEF,EAAAA,IAACI,EAAAA,KAAA,CAEC,KAAK,KACL,YAAU,mBACV,gBAAeF,EAAK,UAAY,OAChC,UAAWD,EAAAA,GAAG,yBAAyB,EACvC,aAAc,IAAMP,IAAeQ,EAAK,EAAE,EAC1C,aAAc,IAAMP,IAAeO,EAAK,EAAE,EAE1C,SAAAG,EAAAA,KAACC,EAAAA,YAAA,CAAY,UAAU,yBACrB,SAAA,CAAAN,EAAAA,IAAC,OAAA,CACC,cAAW,GACX,UAAWC,EAAAA,GACT,kEACAC,EAAK,UAAY,YAAA,EAEnB,MAAO,CAAE,gBAAiBA,EAAK,KAAA,CAAM,CAAA,EAEvCG,EAAAA,KAAC,MAAA,CAAI,UAAU,iBACb,SAAA,CAAAL,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GACT,+BACAC,EAAK,UAAY,uBAAA,EAGlB,SAAAA,EAAK,KAAA,CAAA,EAEPA,EAAK,KACJF,MAAC,MAAA,CAAI,UAAU,gDAAiD,SAAAE,EAAK,KAAK,EACxE,IAAA,EACN,EACCN,EACCI,EAAAA,IAACO,EAAAA,OAAA,CACC,KAAK,SACL,QAAQ,QACR,KAAK,UACL,aAAY,GAAGV,CAAW,IAAI,OAAOK,EAAK,OAAU,SAAWA,EAAK,MAAQA,EAAK,EAAE,GACnF,QAAS,IAAMN,EAASM,EAAK,EAAE,EAE/B,SAAAF,EAAAA,IAACQ,EAAAA,EAAA,CAAE,cAAW,EAAA,CAAC,CAAA,CAAA,EAEf,IAAA,CAAA,CACN,CAAA,EAzCKN,EAAK,EAAA,CA4Cf,CAAA,CACH,CAEJ"}

package/dist/components/composed/PlateMapEditor/WellLegend.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+export interface WellLegendItem {
+    id: string;
+    label: React.ReactNode;
+    color: string;
+    /** Optional secondary text shown beneath the label. */
+    meta?: React.ReactNode;
+    disabled?: boolean;
+}
+export interface WellLegendProps {
+    items: WellLegendItem[];
+    /** Render-prop for fully custom cards. Bypasses the default card layout. */
+    renderItem?: (item: WellLegendItem) => React.ReactNode;
+    onHoverEnter?: (id: string) => void;
+    onHoverLeave?: (id: string) => void;
+    onRemove?: (id: string) => void;
+    removeLabel?: string;
+    emptyLabel?: string;
+    className?: string;
+}
+export declare function WellLegend({ items, renderItem, onHoverEnter, onHoverLeave, onRemove, removeLabel, emptyLabel, className, }: WellLegendProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/composed/PlateMapEditor/WellLegend.js

@@ -1,8 +1,8 @@
 import { jsx as r, jsxs as n } from "react/jsx-runtime";
 import { X as m } from "lucide-react";
 import * as f from "react";
-import { Button as g } from "../../ui/button.js";
-import { Card as p, CardContent as x } from "../../ui/card.js";
+import { Button as g } from "../../../ui/button.js";
+import { Card as p, CardContent as x } from "../../../ui/card.js";
 import { cn as a } from "../../../lib/utils.js";
 function C({
   items: l,

package/dist/components/composed/PlateMapEditor/WellManifestTable.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),T=require("lucide-react"),we=require("react"),ve=require("./ManifestFilterPopover.cjs"),Y=require("../../ui/badge.cjs"),A=require("../../ui/button.cjs"),J=require("../../ui/checkbox.cjs"),b=require("../../ui/combobox.cjs"),Ne=require("../../ui/data-table/data-table.cjs"),ye=require("../../ui/input.cjs"),u=require("../../ui/select.cjs"),ke=require("../../ui/switch.cjs"),f=require("../../ui/table.cjs"),P=require("../../ui/tooltip.cjs"),I=require("../../../lib/utils.cjs");function Te(o){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const c in o)if(c!=="default"){const d=Object.getOwnPropertyDescriptor(o,c);Object.defineProperty(i,c,d.get?d:{enumerable:!0,get:()=>o[c]})}}return i.default=o,Object.freeze(i)}const h=Te(we);function _e({ariaLabel:o,value:i,options:c,placeholder:d,onChange:p}){const j=b.useComboboxAnchor(),g=h.useMemo(()=>{const x=new Map;return c.forEach(C=>x.set(C.value,C.label)),x},[c]);return t.jsxs(b.Combobox,{multiple:!0,items:c.map(x=>x.value),value:i,onValueChange:p,children:[t.jsxs(b.ComboboxChips,{ref:j,className:I.cn("min-h-7 w-full py-0.5",G),children:[t.jsx(b.ComboboxValue,{children:x=>x.map(C=>t.jsx(b.ComboboxChip,{children:g.get(C)??C},C))}),t.jsx(b.ComboboxChipsInput,{"aria-label":o,placeholder:d??"Select…"})]}),t.jsxs(b.ComboboxContent,{anchor:j,children:[t.jsx(b.ComboboxEmpty,{children:"No options."}),t.jsx(b.ComboboxList,{"aria-label":o,children:x=>t.jsx(b.ComboboxItem,{value:x,children:g.get(x)??x},x)})]})]})}const G="border-transparent shadow-none hover:border-input/40",X=25,Me=50,Ee=100,ze=X,Fe=[X,Me,Ee];function Q(o){return o!=null&&o!==""}const Re={number:"number",integer:"number",date:"date",datetime:"datetime-local",time:"time"};function Ae(o){return Re[o]??"text"}function Pe(o,i){if(i!==""){if(o==="number"){const c=parseFloat(i);return Number.isFinite(c)?c:i}if(o==="integer"){const c=parseInt(i,10);return Number.isFinite(c)?c:i}return i}}function Ie(o,i){const c=new Map;for(const d of o){const p=d.row[i],j=p==null||p===""?"(blank)":String(p),g=c.get(j);g?g.rows.push(d):c.set(j,{key:j,rows:[d]})}return[...c.values()]}function qe(o){return o.filter(i=>!!i.field).map(i=>({columnId:i.field,label:i.header}))}function De({values:o,columns:i,fields:c,selection:d,onSelectionChange:p,onChange:j,emptyEntry:g,isPopulated:x,pageSize:C=ze,pageSizeOptions:ee=Fe,enableFillDown:V=!0,rowProps:te,filterable:q=!1,filterColumns:L,groupable:D=!1,className:ne}){const[F,se]=h.useState(!1),[w,_]=h.useState(0),[S,re]=h.useState(C),[M,le]=h.useState([]),[R,ae]=h.useState(""),[ie,oe]=h.useState(new Set);h.useEffect(()=>{_(0)},[F]);const W=h.useMemo(()=>{const e=new Map;return(c??[]).forEach(n=>e.set(n.key,n)),e},[c]),ce=h.useMemo(()=>L??qe(i),[i,L]),v=h.useMemo(()=>{const e=[...o.entries()].map(([s,r])=>({id:s,row:r}));let n=e;if(!F&&x&&(n=e.filter(s=>x(s.row))),q&&M.length>0&&(n=n.filter(s=>{const r=s.row;return M.every(l=>{const a=r[l.columnId],m=a==null?"":String(a);return Ne.applyFilterCondition(m,l.operator,l.value)})})),d&&d.size>0){const s=new Set(n.map(r=>r.id));d.forEach(r=>{!s.has(r)&&!o.has(r)&&(n=[...n,{id:r,row:g(r)}])})}return n.sort((s,r)=>s.id.localeCompare(r.id))},[o,F,x,d,g,q,M]);h.useEffect(()=>{_(0)},[M]);const B=h.useMemo(()=>v.slice(w*S,w*S+S),[v,w,S]),y=(e,n)=>{const s=new Map(o),r=s.get(e)??g(e);s.set(e,{...r,...n}),j(s)},de=e=>{if(!p)return;const n=new Set(d??[]);n.has(e)?n.delete(e):n.add(e),p(n)},O=e=>{if(!e.field)return null;const n=!!d&&d.size>0,r=n?v.filter(({id:N})=>d.has(N)):D&&!!R?v:B,l=r.findIndex(({row:N})=>Q(N[e.field]));if(l<0)return null;const a=r[l],m=n?r.filter(({id:N})=>N!==a.id):r.slice(l+1);return{field:e.field,source:a,targets:m,value:a.row[e.field]}},ue=e=>{const n=O(e);if(!n||n.targets.length===0)return;const s=new Map(o);n.targets.forEach(({id:r})=>{const l=s.get(r)??g(r);s.set(r,{...l,[n.field]:n.value})}),j(s)},he=(e,n,s,r,l)=>t.jsxs(u.Select,{value:s??"",onValueChange:a=>y(r,{[n]:a}),children:[t.jsx(u.SelectTrigger,{size:"sm",className:I.cn("h-7 w-full",G),"aria-label":l,children:t.jsx(u.SelectValue,{placeholder:e.placeholder??"Select…"})}),t.jsx(u.SelectContent,{children:(e.options??[]).map(a=>t.jsx(u.SelectItem,{value:a.value,children:t.jsxs("span",{className:"inline-flex items-center gap-2",children:[a.swatch?t.jsx("span",{className:"inline-block h-2.5 w-2.5 rounded-sm border border-foreground/20",style:{backgroundColor:a.swatch},"aria-hidden":!0}):null,a.label]})},a.value))})]}),xe=(e,n,s,r,l)=>{const a=!!s;return e.boolStyle==="switch"?t.jsx(ke.Switch,{"aria-label":l,checked:a,onCheckedChange:m=>y(r,{[n]:m})}):t.jsx(J.Checkbox,{"aria-label":l,checked:a,onCheckedChange:m=>y(r,{[n]:m===!0})})},me=(e,n,s,r,l)=>t.jsx(ye.Input,{type:Ae(e.kind),step:e.kind==="integer"?1:void 0,placeholder:e.placeholder,"aria-label":l,className:I.cn("h-7",G),value:s??"",onChange:a=>y(r,{[n]:Pe(e.kind,a.target.value)})}),fe=(e,n,s,r)=>{const l=n.field,a=r[l],m=`${e.label} for ${s}`;if(e.kind==="select")return he(e,l,a,s,m);if(e.kind==="multiselect"){const N=Array.isArray(a)?a:[];return t.jsx(_e,{ariaLabel:m,value:N,options:e.options??[],placeholder:e.placeholder,onChange:K=>y(s,{[l]:K.length===0?void 0:K})})}return e.kind==="boolean"?xe(e,l,a,s,m):me(e,l,a,s,m)},pe=(e,n)=>{if(e?.kind==="select"){const s=(e.options??[]).find(r=>r.value===n);return s?t.jsxs(Y.Badge,{variant:"secondary",children:[s.swatch?t.jsx("span",{className:"size-2 rounded-sm border border-foreground/20",style:{backgroundColor:s.swatch},"aria-hidden":!0}):null,s.label]}):t.jsx("span",{className:"text-muted-foreground",children:"—"})}if(e?.kind==="multiselect"){const s=Array.isArray(n)?n:[];return s.length===0?t.jsx("span",{className:"text-muted-foreground",children:"—"}):t.jsx("div",{className:"flex flex-wrap gap-1",children:s.map(r=>{const l=(e.options??[]).find(a=>a.value===r);return t.jsxs(Y.Badge,{variant:"secondary",children:[l?.swatch?t.jsx("span",{className:"size-2 rounded-sm border border-foreground/20",style:{backgroundColor:l.swatch},"aria-hidden":!0}):null,l?.label??r]},r)})})}return e?.kind==="boolean"?n?t.jsx(T.Check,{"aria-label":"Yes",className:"size-4 text-foreground"}):t.jsx("span",{className:"text-muted-foreground",children:"—"}):Q(n)?String(n):t.jsx("span",{className:"text-muted-foreground",children:"—"})},ge=(e,n,s)=>{if(e.render)return e.render({row:s,wellId:n,update:a=>y(n,a)});if(!e.field)return null;const r=W.get(e.field),l=s[e.field];return r?.editableInTable&&r.kind!=="custom"?fe(r,e,n,s):pe(r,l)},be=e=>{const n=e.field?W.get(e.field):void 0,s=e.icon??n?.icon,r=V?O(e):null,l=!!r&&r.targets.length>0,a=d&&d.size>0?`Fill selected ${e.header} cells from the first selected value`:`Fill visible ${e.header} cells downward from the first value`;return t.jsxs("span",{className:"flex min-w-0 items-center justify-between gap-2",children:[t.jsxs("span",{className:"inline-flex min-w-0 items-center gap-1.5",children:[s?t.jsx("span",{className:"inline-flex text-muted-foreground [&_svg]:size-3.5",children:s}):null,t.jsx("span",{className:"truncate",children:e.header})]}),V&&e.field?t.jsxs(P.Tooltip,{children:[t.jsx(P.TooltipTrigger,{asChild:!0,children:t.jsx(A.Button,{type:"button",variant:"ghost",size:"icon-xs",className:"-mr-1 text-muted-foreground hover:text-foreground",disabled:!l,"aria-label":`Fill down ${e.header}`,onClick:m=>{m.preventDefault(),m.stopPropagation(),ue(e)},children:t.jsx(T.ArrowDownToLine,{})})}),t.jsx(P.TooltipContent,{children:a})]}):null]})},je=h.useMemo(()=>i.filter(e=>!!e.field),[i]),k=D&&R?R:"",E=h.useMemo(()=>k?Ie(v,k):null,[k,v]),z=v.length,$=Math.max(0,Math.ceil(z/S)-1),Ce=d?.size??0,H=i.length+1+(p?1:0),Z=(e,n)=>{const s=d?.has(e),r=te?.({wellId:e,row:n,isSelected:!!s});return t.jsxs(f.TableRow,{...r,children:[p?t.jsx(f.TableCell,{className:"w-10",children:t.jsx(J.Checkbox,{checked:!!s,onCheckedChange:()=>de(e),"aria-label":`Select ${e}`})}):null,t.jsx(f.TableCell,{className:"font-semibold",children:e}),i.map(l=>t.jsx(f.TableCell,{style:l.minWidth?{minWidth:l.minWidth}:void 0,children:ge(l,e,n)},l.id??l.field??l.header))]},e)},U=e=>{oe(n=>{const s=new Set(n);return s.has(e)?s.delete(e):s.add(e),s})},Se=k?i.find(n=>n.field===k)?.header??k:"";return t.jsxs("div",{"data-slot":"well-manifest-table",className:I.cn("flex flex-col gap-2",ne),children:[t.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[t.jsx(A.Button,{variant:"outline",size:"sm",onClick:()=>se(e=>!e),children:F?"Hide empty wells":"Show all wells"}),q?t.jsx(ve.ManifestFilterPopover,{columns:ce,filters:M,onFiltersChange:le}):null,D?t.jsxs("div",{className:"inline-flex items-center gap-1.5",children:[t.jsx(T.Layers,{"aria-hidden":!0,className:"size-3.5 text-muted-foreground"}),t.jsxs(u.Select,{value:R||"__none",onValueChange:e=>ae(e==="__none"?"":e),children:[t.jsx(u.SelectTrigger,{size:"sm",className:"h-7 min-w-40","aria-label":"Group by",children:t.jsx(u.SelectValue,{placeholder:"Group by…"})}),t.jsxs(u.SelectContent,{children:[t.jsx(u.SelectItem,{value:"__none",children:"No grouping"}),je.map(e=>t.jsx(u.SelectItem,{value:e.field??"",children:e.header},e.id??e.field))]})]})]}):null,t.jsxs("span",{className:"text-xs text-muted-foreground",children:[z," rows · ",Ce," selected"]})]}),t.jsx(P.TooltipProvider,{children:t.jsxs(f.Table,{"data-density":"default",children:[t.jsx(f.TableHeader,{children:t.jsxs(f.TableRow,{children:[p?t.jsx(f.TableHead,{className:"w-10 text-center",children:t.jsxs("span",{className:"inline-flex items-center justify-center text-muted-foreground [&_svg]:size-3.5",children:[t.jsx(T.Check,{"aria-hidden":!0}),t.jsx("span",{className:"sr-only",children:"Selected"})]})}):null,t.jsx(f.TableHead,{style:{minWidth:60},children:"Well"}),i.map(e=>t.jsx(f.TableHead,{style:e.minWidth?{minWidth:e.minWidth}:void 0,children:be(e)},e.id??e.field??e.header))]})}),t.jsxs(f.TableBody,{children:[E?E.map(e=>{const n=ie.has(e.key);return t.jsxs(h.Fragment,{children:[t.jsx(f.TableRow,{className:"cursor-pointer bg-muted/40",onClick:()=>U(e.key),onKeyDown:s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),U(e.key))},role:"button",tabIndex:0,"aria-expanded":!n,children:t.jsx(f.TableCell,{colSpan:H,className:"py-1.5",children:t.jsxs("div",{className:"flex items-center gap-2 text-xs font-medium",children:[n?t.jsx(T.ChevronRight,{"aria-hidden":!0,className:"size-3.5 text-muted-foreground"}):t.jsx(T.ChevronDown,{"aria-hidden":!0,className:"size-3.5 text-muted-foreground"}),t.jsxs("span",{children:[Se,": ",e.key]}),t.jsxs("span",{className:"text-muted-foreground",children:["(",e.rows.length," ",e.rows.length===1?"row":"rows",")"]})]})})}),n?null:e.rows.map(({id:s,row:r})=>Z(s,r))]},e.key)}):B.map(({id:e,row:n})=>Z(e,n)),(E?E.length===0:B.length===0)?t.jsx(f.TableRow,{children:t.jsx(f.TableCell,{colSpan:H,className:"text-xs text-muted-foreground",children:"No rows. Paint wells on the plate."})}):null]})]})}),E?null:t.jsxs("div",{className:"flex items-center justify-end gap-3 text-xs text-muted-foreground",children:[t.jsx("span",{className:"text-muted-foreground",children:"Rows per page"}),t.jsxs(u.Select,{value:String(S),onValueChange:e=>{re(parseInt(e,10)),_(0)},children:[t.jsx(u.SelectTrigger,{size:"sm",className:"h-7 w-18","aria-label":"Rows per page",children:t.jsx(u.SelectValue,{})}),t.jsx(u.SelectContent,{children:ee.map(e=>t.jsx(u.SelectItem,{value:String(e),children:e},e))})]}),t.jsx("span",{children:z===0?"0 of 0":`${w*S+1}–${Math.min((w+1)*S,z)} of ${z}`}),t.jsx(A.Button,{variant:"outline",size:"sm",disabled:w===0,onClick:()=>_(e=>Math.max(0,e-1)),children:"Prev"}),t.jsx(A.Button,{variant:"outline",size:"sm",disabled:w>=$,onClick:()=>_(e=>Math.min($,e+1)),children:"Next"})]})]})}exports.WellManifestTable=De;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),T=require("lucide-react"),we=require("react"),ve=require("./ManifestFilterPopover.cjs"),Y=require("../../../ui/badge.cjs"),A=require("../../../ui/button.cjs"),J=require("../../../ui/checkbox.cjs"),b=require("../../../ui/combobox.cjs"),Ne=require("../../ui/data-table/data-table.cjs"),ye=require("../../../ui/input.cjs"),u=require("../../../ui/select.cjs"),ke=require("../../../ui/switch.cjs"),f=require("../../../ui/table.cjs"),P=require("../../../ui/tooltip.cjs"),I=require("../../../lib/utils.cjs");function Te(o){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const c in o)if(c!=="default"){const d=Object.getOwnPropertyDescriptor(o,c);Object.defineProperty(i,c,d.get?d:{enumerable:!0,get:()=>o[c]})}}return i.default=o,Object.freeze(i)}const h=Te(we);function _e({ariaLabel:o,value:i,options:c,placeholder:d,onChange:p}){const j=b.useComboboxAnchor(),g=h.useMemo(()=>{const x=new Map;return c.forEach(C=>x.set(C.value,C.label)),x},[c]);return t.jsxs(b.Combobox,{multiple:!0,items:c.map(x=>x.value),value:i,onValueChange:p,children:[t.jsxs(b.ComboboxChips,{ref:j,className:I.cn("min-h-7 w-full py-0.5",G),children:[t.jsx(b.ComboboxValue,{children:x=>x.map(C=>t.jsx(b.ComboboxChip,{children:g.get(C)??C},C))}),t.jsx(b.ComboboxChipsInput,{"aria-label":o,placeholder:d??"Select…"})]}),t.jsxs(b.ComboboxContent,{anchor:j,children:[t.jsx(b.ComboboxEmpty,{children:"No options."}),t.jsx(b.ComboboxList,{"aria-label":o,children:x=>t.jsx(b.ComboboxItem,{value:x,children:g.get(x)??x},x)})]})]})}const G="border-transparent shadow-none hover:border-input/40",X=25,Me=50,Ee=100,ze=X,Fe=[X,Me,Ee];function Q(o){return o!=null&&o!==""}const Re={number:"number",integer:"number",date:"date",datetime:"datetime-local",time:"time"};function Ae(o){return Re[o]??"text"}function Pe(o,i){if(i!==""){if(o==="number"){const c=parseFloat(i);return Number.isFinite(c)?c:i}if(o==="integer"){const c=parseInt(i,10);return Number.isFinite(c)?c:i}return i}}function Ie(o,i){const c=new Map;for(const d of o){const p=d.row[i],j=p==null||p===""?"(blank)":String(p),g=c.get(j);g?g.rows.push(d):c.set(j,{key:j,rows:[d]})}return[...c.values()]}function qe(o){return o.filter(i=>!!i.field).map(i=>({columnId:i.field,label:i.header}))}function De({values:o,columns:i,fields:c,selection:d,onSelectionChange:p,onChange:j,emptyEntry:g,isPopulated:x,pageSize:C=ze,pageSizeOptions:ee=Fe,enableFillDown:V=!0,rowProps:te,filterable:q=!1,filterColumns:L,groupable:D=!1,className:ne}){const[F,se]=h.useState(!1),[w,_]=h.useState(0),[S,re]=h.useState(C),[M,le]=h.useState([]),[R,ae]=h.useState(""),[ie,oe]=h.useState(new Set);h.useEffect(()=>{_(0)},[F]);const W=h.useMemo(()=>{const e=new Map;return(c??[]).forEach(n=>e.set(n.key,n)),e},[c]),ce=h.useMemo(()=>L??qe(i),[i,L]),v=h.useMemo(()=>{const e=[...o.entries()].map(([s,r])=>({id:s,row:r}));let n=e;if(!F&&x&&(n=e.filter(s=>x(s.row))),q&&M.length>0&&(n=n.filter(s=>{const r=s.row;return M.every(l=>{const a=r[l.columnId],m=a==null?"":String(a);return Ne.applyFilterCondition(m,l.operator,l.value)})})),d&&d.size>0){const s=new Set(n.map(r=>r.id));d.forEach(r=>{!s.has(r)&&!o.has(r)&&(n=[...n,{id:r,row:g(r)}])})}return n.sort((s,r)=>s.id.localeCompare(r.id))},[o,F,x,d,g,q,M]);h.useEffect(()=>{_(0)},[M]);const B=h.useMemo(()=>v.slice(w*S,w*S+S),[v,w,S]),y=(e,n)=>{const s=new Map(o),r=s.get(e)??g(e);s.set(e,{...r,...n}),j(s)},de=e=>{if(!p)return;const n=new Set(d??[]);n.has(e)?n.delete(e):n.add(e),p(n)},O=e=>{if(!e.field)return null;const n=!!d&&d.size>0,r=n?v.filter(({id:N})=>d.has(N)):D&&!!R?v:B,l=r.findIndex(({row:N})=>Q(N[e.field]));if(l<0)return null;const a=r[l],m=n?r.filter(({id:N})=>N!==a.id):r.slice(l+1);return{field:e.field,source:a,targets:m,value:a.row[e.field]}},ue=e=>{const n=O(e);if(!n||n.targets.length===0)return;const s=new Map(o);n.targets.forEach(({id:r})=>{const l=s.get(r)??g(r);s.set(r,{...l,[n.field]:n.value})}),j(s)},he=(e,n,s,r,l)=>t.jsxs(u.Select,{value:s??"",onValueChange:a=>y(r,{[n]:a}),children:[t.jsx(u.SelectTrigger,{size:"sm",className:I.cn("h-7 w-full",G),"aria-label":l,children:t.jsx(u.SelectValue,{placeholder:e.placeholder??"Select…"})}),t.jsx(u.SelectContent,{children:(e.options??[]).map(a=>t.jsx(u.SelectItem,{value:a.value,children:t.jsxs("span",{className:"inline-flex items-center gap-2",children:[a.swatch?t.jsx("span",{className:"inline-block h-2.5 w-2.5 rounded-sm border border-foreground/20",style:{backgroundColor:a.swatch},"aria-hidden":!0}):null,a.label]})},a.value))})]}),xe=(e,n,s,r,l)=>{const a=!!s;return e.boolStyle==="switch"?t.jsx(ke.Switch,{"aria-label":l,checked:a,onCheckedChange:m=>y(r,{[n]:m})}):t.jsx(J.Checkbox,{"aria-label":l,checked:a,onCheckedChange:m=>y(r,{[n]:m===!0})})},me=(e,n,s,r,l)=>t.jsx(ye.Input,{type:Ae(e.kind),step:e.kind==="integer"?1:void 0,placeholder:e.placeholder,"aria-label":l,className:I.cn("h-7",G),value:s??"",onChange:a=>y(r,{[n]:Pe(e.kind,a.target.value)})}),fe=(e,n,s,r)=>{const l=n.field,a=r[l],m=`${e.label} for ${s}`;if(e.kind==="select")return he(e,l,a,s,m);if(e.kind==="multiselect"){const N=Array.isArray(a)?a:[];return t.jsx(_e,{ariaLabel:m,value:N,options:e.options??[],placeholder:e.placeholder,onChange:K=>y(s,{[l]:K.length===0?void 0:K})})}return e.kind==="boolean"?xe(e,l,a,s,m):me(e,l,a,s,m)},pe=(e,n)=>{if(e?.kind==="select"){const s=(e.options??[]).find(r=>r.value===n);return s?t.jsxs(Y.Badge,{variant:"secondary",children:[s.swatch?t.jsx("span",{className:"size-2 rounded-sm border border-foreground/20",style:{backgroundColor:s.swatch},"aria-hidden":!0}):null,s.label]}):t.jsx("span",{className:"text-muted-foreground",children:"—"})}if(e?.kind==="multiselect"){const s=Array.isArray(n)?n:[];return s.length===0?t.jsx("span",{className:"text-muted-foreground",children:"—"}):t.jsx("div",{className:"flex flex-wrap gap-1",children:s.map(r=>{const l=(e.options??[]).find(a=>a.value===r);return t.jsxs(Y.Badge,{variant:"secondary",children:[l?.swatch?t.jsx("span",{className:"size-2 rounded-sm border border-foreground/20",style:{backgroundColor:l.swatch},"aria-hidden":!0}):null,l?.label??r]},r)})})}return e?.kind==="boolean"?n?t.jsx(T.Check,{"aria-label":"Yes",className:"size-4 text-foreground"}):t.jsx("span",{className:"text-muted-foreground",children:"—"}):Q(n)?String(n):t.jsx("span",{className:"text-muted-foreground",children:"—"})},ge=(e,n,s)=>{if(e.render)return e.render({row:s,wellId:n,update:a=>y(n,a)});if(!e.field)return null;const r=W.get(e.field),l=s[e.field];return r?.editableInTable&&r.kind!=="custom"?fe(r,e,n,s):pe(r,l)},be=e=>{const n=e.field?W.get(e.field):void 0,s=e.icon??n?.icon,r=V?O(e):null,l=!!r&&r.targets.length>0,a=d&&d.size>0?`Fill selected ${e.header} cells from the first selected value`:`Fill visible ${e.header} cells downward from the first value`;return t.jsxs("span",{className:"flex min-w-0 items-center justify-between gap-2",children:[t.jsxs("span",{className:"inline-flex min-w-0 items-center gap-1.5",children:[s?t.jsx("span",{className:"inline-flex text-muted-foreground [&_svg]:size-3.5",children:s}):null,t.jsx("span",{className:"truncate",children:e.header})]}),V&&e.field?t.jsxs(P.Tooltip,{children:[t.jsx(P.TooltipTrigger,{asChild:!0,children:t.jsx(A.Button,{type:"button",variant:"ghost",size:"icon-xs",className:"-mr-1 text-muted-foreground hover:text-foreground",disabled:!l,"aria-label":`Fill down ${e.header}`,onClick:m=>{m.preventDefault(),m.stopPropagation(),ue(e)},children:t.jsx(T.ArrowDownToLine,{})})}),t.jsx(P.TooltipContent,{children:a})]}):null]})},je=h.useMemo(()=>i.filter(e=>!!e.field),[i]),k=D&&R?R:"",E=h.useMemo(()=>k?Ie(v,k):null,[k,v]),z=v.length,$=Math.max(0,Math.ceil(z/S)-1),Ce=d?.size??0,H=i.length+1+(p?1:0),Z=(e,n)=>{const s=d?.has(e),r=te?.({wellId:e,row:n,isSelected:!!s});return t.jsxs(f.TableRow,{...r,children:[p?t.jsx(f.TableCell,{className:"w-10",children:t.jsx(J.Checkbox,{checked:!!s,onCheckedChange:()=>de(e),"aria-label":`Select ${e}`})}):null,t.jsx(f.TableCell,{className:"font-semibold",children:e}),i.map(l=>t.jsx(f.TableCell,{style:l.minWidth?{minWidth:l.minWidth}:void 0,children:ge(l,e,n)},l.id??l.field??l.header))]},e)},U=e=>{oe(n=>{const s=new Set(n);return s.has(e)?s.delete(e):s.add(e),s})},Se=k?i.find(n=>n.field===k)?.header??k:"";return t.jsxs("div",{"data-slot":"well-manifest-table",className:I.cn("flex flex-col gap-2",ne),children:[t.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[t.jsx(A.Button,{variant:"outline",size:"sm",onClick:()=>se(e=>!e),children:F?"Hide empty wells":"Show all wells"}),q?t.jsx(ve.ManifestFilterPopover,{columns:ce,filters:M,onFiltersChange:le}):null,D?t.jsxs("div",{className:"inline-flex items-center gap-1.5",children:[t.jsx(T.Layers,{"aria-hidden":!0,className:"size-3.5 text-muted-foreground"}),t.jsxs(u.Select,{value:R||"__none",onValueChange:e=>ae(e==="__none"?"":e),children:[t.jsx(u.SelectTrigger,{size:"sm",className:"h-7 min-w-40","aria-label":"Group by",children:t.jsx(u.SelectValue,{placeholder:"Group by…"})}),t.jsxs(u.SelectContent,{children:[t.jsx(u.SelectItem,{value:"__none",children:"No grouping"}),je.map(e=>t.jsx(u.SelectItem,{value:e.field??"",children:e.header},e.id??e.field))]})]})]}):null,t.jsxs("span",{className:"text-xs text-muted-foreground",children:[z," rows · ",Ce," selected"]})]}),t.jsx(P.TooltipProvider,{children:t.jsxs(f.Table,{"data-density":"default",children:[t.jsx(f.TableHeader,{children:t.jsxs(f.TableRow,{children:[p?t.jsx(f.TableHead,{className:"w-10 text-center",children:t.jsxs("span",{className:"inline-flex items-center justify-center text-muted-foreground [&_svg]:size-3.5",children:[t.jsx(T.Check,{"aria-hidden":!0}),t.jsx("span",{className:"sr-only",children:"Selected"})]})}):null,t.jsx(f.TableHead,{style:{minWidth:60},children:"Well"}),i.map(e=>t.jsx(f.TableHead,{style:e.minWidth?{minWidth:e.minWidth}:void 0,children:be(e)},e.id??e.field??e.header))]})}),t.jsxs(f.TableBody,{children:[E?E.map(e=>{const n=ie.has(e.key);return t.jsxs(h.Fragment,{children:[t.jsx(f.TableRow,{className:"cursor-pointer bg-muted/40",onClick:()=>U(e.key),onKeyDown:s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),U(e.key))},role:"button",tabIndex:0,"aria-expanded":!n,children:t.jsx(f.TableCell,{colSpan:H,className:"py-1.5",children:t.jsxs("div",{className:"flex items-center gap-2 text-xs font-medium",children:[n?t.jsx(T.ChevronRight,{"aria-hidden":!0,className:"size-3.5 text-muted-foreground"}):t.jsx(T.ChevronDown,{"aria-hidden":!0,className:"size-3.5 text-muted-foreground"}),t.jsxs("span",{children:[Se,": ",e.key]}),t.jsxs("span",{className:"text-muted-foreground",children:["(",e.rows.length," ",e.rows.length===1?"row":"rows",")"]})]})})}),n?null:e.rows.map(({id:s,row:r})=>Z(s,r))]},e.key)}):B.map(({id:e,row:n})=>Z(e,n)),(E?E.length===0:B.length===0)?t.jsx(f.TableRow,{children:t.jsx(f.TableCell,{colSpan:H,className:"text-xs text-muted-foreground",children:"No rows. Paint wells on the plate."})}):null]})]})}),E?null:t.jsxs("div",{className:"flex items-center justify-end gap-3 text-xs text-muted-foreground",children:[t.jsx("span",{className:"text-muted-foreground",children:"Rows per page"}),t.jsxs(u.Select,{value:String(S),onValueChange:e=>{re(parseInt(e,10)),_(0)},children:[t.jsx(u.SelectTrigger,{size:"sm",className:"h-7 w-18","aria-label":"Rows per page",children:t.jsx(u.SelectValue,{})}),t.jsx(u.SelectContent,{children:ee.map(e=>t.jsx(u.SelectItem,{value:String(e),children:e},e))})]}),t.jsx("span",{children:z===0?"0 of 0":`${w*S+1}–${Math.min((w+1)*S,z)} of ${z}`}),t.jsx(A.Button,{variant:"outline",size:"sm",disabled:w===0,onClick:()=>_(e=>Math.max(0,e-1)),children:"Prev"}),t.jsx(A.Button,{variant:"outline",size:"sm",disabled:w>=$,onClick:()=>_(e=>Math.min($,e+1)),children:"Next"})]})]})}exports.WellManifestTable=De;
 //# sourceMappingURL=WellManifestTable.cjs.map

package/dist/components/composed/PlateMapEditor/WellManifestTable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WellManifestTable.cjs","sources":["../../../../src/components/composed/PlateMapEditor/WellManifestTable.tsx"],"sourcesContent":["import { ArrowDownToLine, Check, ChevronDown, ChevronRight, Layers } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { ManifestFilterPopover } from \"./ManifestFilterPopover\";\n\nimport type { WellColumn, WellField, WellId, WellRecord, WellSelectOption } from \"./types\";\nimport type { FilterColumnConfig, FilterCondition } from \"@/components/ui/data-table/data-table\";\n\nimport { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\nimport { Checkbox } from \"@/components/ui/checkbox\";\nimport {\n  Combobox,\n  ComboboxChip,\n  ComboboxChips,\n  ComboboxChipsInput,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxItem,\n  ComboboxList,\n  ComboboxValue,\n  useComboboxAnchor,\n} from \"@/components/ui/combobox\";\nimport { applyFilterCondition } from \"@/components/ui/data-table/data-table\";\nimport { Input } from \"@/components/ui/input\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"@/components/ui/select\";\nimport { Switch } from \"@/components/ui/switch\";\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from \"@/components/ui/table\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\nfunction MultiSelectCell({\n  ariaLabel,\n  value,\n  options,\n  placeholder,\n  onChange,\n}: {\n  ariaLabel: string;\n  value: string[];\n  options: WellSelectOption[];\n  placeholder?: string;\n  onChange: (next: string[]) => void;\n}) {\n  const anchorRef = useComboboxAnchor();\n  const labelByValue = React.useMemo(() => {\n    const m = new Map<string, string>();\n    options.forEach((o) => m.set(o.value, o.label));\n    return m;\n  }, [options]);\n\n  return (\n    <Combobox multiple items={options.map((o) => o.value)} value={value} onValueChange={onChange}>\n      <ComboboxChips ref={anchorRef} className={cn(\"min-h-7 w-full py-0.5\", CELL_EDITOR_CLASS)}>\n        <ComboboxValue>\n          {(items: string[]) =>\n            items.map((item) => <ComboboxChip key={item}>{labelByValue.get(item) ?? item}</ComboboxChip>)\n          }\n        </ComboboxValue>\n        <ComboboxChipsInput aria-label={ariaLabel} placeholder={placeholder ?? \"Select…\"} />\n      </ComboboxChips>\n      <ComboboxContent anchor={anchorRef}>\n        <ComboboxEmpty>No options.</ComboboxEmpty>\n        <ComboboxList aria-label={ariaLabel}>\n          {(item: string) => (\n            <ComboboxItem key={item} value={item}>\n              {labelByValue.get(item) ?? item}\n            </ComboboxItem>\n          )}\n        </ComboboxList>\n      </ComboboxContent>\n    </Combobox>\n  );\n}\n\n/**\n * Cell editors render borderless by default so the table reads flat. The\n * underlying primitives keep their `focus-visible` / `focus-within` rings, so\n * an outline only appears while the user is actively editing the cell.\n */\nconst CELL_EDITOR_CLASS = \"border-transparent shadow-none hover:border-input/40\";\n\nconst PAGE_SIZE_SMALL = 25;\nconst PAGE_SIZE_MEDIUM = 50;\nconst PAGE_SIZE_LARGE = 100;\nconst DEFAULT_PAGE_SIZE = PAGE_SIZE_SMALL;\nconst DEFAULT_PAGE_SIZE_OPTIONS: number[] = [PAGE_SIZE_SMALL, PAGE_SIZE_MEDIUM, PAGE_SIZE_LARGE];\n\nfunction hasFillValue(value: unknown): boolean {\n  return value !== undefined && value !== null && value !== \"\";\n}\n\nconst INPUT_TYPE_BY_KIND: Record<string, string> = {\n  number: \"number\",\n  integer: \"number\",\n  date: \"date\",\n  datetime: \"datetime-local\",\n  time: \"time\",\n};\n\nfunction resolveInputType(kind: string): string {\n  return INPUT_TYPE_BY_KIND[kind] ?? \"text\";\n}\n\nfunction parseInputValue(kind: string, raw: string): unknown {\n  if (raw === \"\") return undefined;\n  if (kind === \"number\") {\n    const num = parseFloat(raw);\n    return Number.isFinite(num) ? num : raw;\n  }\n  if (kind === \"integer\") {\n    const num = parseInt(raw, 10);\n    return Number.isFinite(num) ? num : raw;\n  }\n  return raw;\n}\n\nexport interface WellManifestTableRowContext<T extends WellRecord = WellRecord> {\n  wellId: WellId;\n  row: T;\n  isSelected: boolean;\n}\n\nexport interface WellManifestTableProps<T extends WellRecord = WellRecord> {\n  values: Map<WellId, T>;\n  columns: WellColumn<T>[];\n  /**\n   * Field schema. If a column has `field` matching a `select`-kind field, a\n   * Select cell renders automatically with that field's options.\n   */\n  fields?: WellField<T>[];\n  selection?: Set<WellId>;\n  onSelectionChange?: (next: Set<WellId>) => void;\n  onChange: (next: Map<WellId, T>) => void;\n  /** Builds an empty record for a freshly-created row. */\n  emptyEntry: (id: WellId) => T;\n  /** Filter that controls which empty rows surface. Defaults to `false`. */\n  isPopulated?: (row: T) => boolean;\n  pageSize?: number;\n  pageSizeOptions?: number[];\n  /** Adds a column header action that copies the first non-empty value downward. */\n  enableFillDown?: boolean;\n  /**\n   * Extra props spread onto each `<tr>` — typically used to attach a DnD\n   * library's `setNodeRef`, listeners, and data attributes so rows can act as\n   * drag sources. The kit stays DnD-library-agnostic.\n   */\n  rowProps?: (ctx: WellManifestTableRowContext<T>) => React.ComponentProps<\"tr\"> | undefined;\n  /** Enables an inline filter popover above the table. Defaults to false. */\n  filterable?: boolean;\n  /**\n   * Optional override of filterable column configs. When omitted, every column\n   * with a `field` becomes filterable using the default operator set from the\n   * shared data-table filter system.\n   */\n  filterColumns?: FilterColumnConfig[];\n  /** Enables an inline group-by selector. Defaults to false. */\n  groupable?: boolean;\n  className?: string;\n}\n\ninterface GroupedRow<T> {\n  key: string;\n  rows: Array<{ id: WellId; row: T }>;\n}\n\nfunction groupRowsBy<T extends WellRecord>(rows: Array<{ id: WellId; row: T }>, field: string): GroupedRow<T>[] {\n  const map = new Map<string, GroupedRow<T>>();\n  for (const entry of rows) {\n    const raw = (entry.row as Record<string, unknown>)[field];\n    const key = raw === undefined || raw === null || raw === \"\" ? \"(blank)\" : String(raw);\n    const existing = map.get(key);\n    if (existing) existing.rows.push(entry);\n    else map.set(key, { key, rows: [entry] });\n  }\n  return [...map.values()];\n}\n\nfunction inferFilterColumns<T extends WellRecord>(columns: WellColumn<T>[]): FilterColumnConfig[] {\n  return columns.filter((col) => !!col.field).map((col) => ({ columnId: col.field as string, label: col.header }));\n}\n\nexport function WellManifestTable<T extends WellRecord = WellRecord>({\n  values,\n  columns,\n  fields,\n  selection,\n  onSelectionChange,\n  onChange,\n  emptyEntry,\n  isPopulated,\n  pageSize: initialPageSize = DEFAULT_PAGE_SIZE,\n  pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,\n  enableFillDown = true,\n  rowProps,\n  filterable = false,\n  filterColumns,\n  groupable = false,\n  className,\n}: WellManifestTableProps<T>) {\n  const [showAll, setShowAll] = React.useState(false);\n  const [page, setPage] = React.useState(0);\n  const [pageSize, setPageSize] = React.useState(initialPageSize);\n  const [filters, setFilters] = React.useState<FilterCondition[]>([]);\n  const [groupByField, setGroupByField] = React.useState<string>(\"\");\n  const [collapsedGroups, setCollapsedGroups] = React.useState<Set<string>>(new Set());\n\n  React.useEffect(() => {\n    setPage(0);\n  }, [showAll]);\n\n  const fieldByKey = React.useMemo(() => {\n    const m = new Map<string, WellField<T>>();\n    (fields ?? []).forEach((f) => m.set(f.key, f));\n    return m;\n  }, [fields]);\n\n  const resolvedFilterColumns = React.useMemo<FilterColumnConfig[]>(\n    () => filterColumns ?? inferFilterColumns(columns),\n    [columns, filterColumns],\n  );\n\n  const rows = React.useMemo(() => {\n    const arr = [...values.entries()].map(([id, row]) => ({\n      id,\n      row,\n    }));\n    let filtered = arr;\n    if (!showAll && isPopulated) {\n      filtered = arr.filter((r) => isPopulated(r.row));\n    }\n    if (filterable && filters.length > 0) {\n      filtered = filtered.filter((entry) => {\n        const record = entry.row as Record<string, unknown>;\n        return filters.every((condition) => {\n          const cellRaw = record[condition.columnId];\n          const cellValue = cellRaw === undefined || cellRaw === null ? \"\" : String(cellRaw);\n          return applyFilterCondition(cellValue, condition.operator, condition.value);\n        });\n      });\n    }\n    if (selection && selection.size > 0) {\n      const have = new Set(filtered.map((r) => r.id));\n      selection.forEach((p) => {\n        if (!have.has(p) && !values.has(p)) {\n          filtered = [...filtered, { id: p, row: emptyEntry(p) }];\n        }\n      });\n    }\n    return filtered.sort((a, b) => a.id.localeCompare(b.id));\n  }, [values, showAll, isPopulated, selection, emptyEntry, filterable, filters]);\n\n  React.useEffect(() => {\n    setPage(0);\n  }, [filters]);\n\n  const pagedRows = React.useMemo(\n    () => rows.slice(page * pageSize, page * pageSize + pageSize),\n    [rows, page, pageSize],\n  );\n\n  const updateRow = (wellId: WellId, patch: Partial<T>) => {\n    const next = new Map(values);\n    const cur = next.get(wellId) ?? emptyEntry(wellId);\n    next.set(wellId, { ...cur, ...patch });\n    onChange(next);\n  };\n\n  const toggleSelect = (wellId: WellId) => {\n    if (!onSelectionChange) return;\n    const s = new Set(selection ?? []);\n    if (s.has(wellId)) {\n      s.delete(wellId);\n    } else {\n      s.add(wellId);\n    }\n    onSelectionChange(s);\n  };\n\n  const getFillDownPlan = (col: WellColumn<T>) => {\n    if (!col.field) return null;\n\n    const selectionActive = !!selection && selection.size > 0;\n    const groupingActive = groupable && !!groupByField;\n    const sourceRows = selectionActive\n      ? rows.filter(({ id }) => selection.has(id))\n      : groupingActive\n        ? rows\n        : pagedRows;\n    const sourceIndex = sourceRows.findIndex(({ row }) => hasFillValue(row[col.field!]));\n    if (sourceIndex < 0) return null;\n\n    const source = sourceRows[sourceIndex];\n    const targets = selectionActive\n      ? sourceRows.filter(({ id }) => id !== source.id)\n      : sourceRows.slice(sourceIndex + 1);\n\n    return {\n      field: col.field,\n      source,\n      targets,\n      value: source.row[col.field],\n    };\n  };\n\n  const fillColumnDown = (col: WellColumn<T>) => {\n    const plan = getFillDownPlan(col);\n    if (!plan || plan.targets.length === 0) return;\n\n    const next = new Map(values);\n    plan.targets.forEach(({ id }) => {\n      const cur = next.get(id) ?? emptyEntry(id);\n      next.set(id, { ...cur, [plan.field]: plan.value } as T);\n    });\n    onChange(next);\n  };\n\n  const renderSelectCellEditable = (\n    field: WellField<T>,\n    fieldKey: keyof T & string,\n    value: unknown,\n    wellId: WellId,\n    ariaLabel: string,\n  ) => (\n    <Select\n      value={(value as string | undefined) ?? \"\"}\n      onValueChange={(v) => updateRow(wellId, { [fieldKey]: v } as Partial<T>)}\n    >\n      <SelectTrigger size=\"sm\" className={cn(\"h-7 w-full\", CELL_EDITOR_CLASS)} aria-label={ariaLabel}>\n        <SelectValue placeholder={field.placeholder ?? \"Select…\"} />\n      </SelectTrigger>\n      <SelectContent>\n        {(field.options ?? []).map((opt) => (\n          <SelectItem key={opt.value} value={opt.value}>\n            <span className=\"inline-flex items-center gap-2\">\n              {opt.swatch ? (\n                <span\n                  className=\"inline-block h-2.5 w-2.5 rounded-sm border border-foreground/20\"\n                  style={{ backgroundColor: opt.swatch }}\n                  aria-hidden\n                />\n              ) : null}\n              {opt.label}\n            </span>\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n\n  const renderBooleanCellEditable = (\n    field: WellField<T>,\n    fieldKey: keyof T & string,\n    value: unknown,\n    wellId: WellId,\n    ariaLabel: string,\n  ) => {\n    const checked = !!value;\n    if (field.boolStyle === \"switch\") {\n      return (\n        <Switch\n          aria-label={ariaLabel}\n          checked={checked}\n          onCheckedChange={(c) => updateRow(wellId, { [fieldKey]: c } as Partial<T>)}\n        />\n      );\n    }\n    return (\n      <Checkbox\n        aria-label={ariaLabel}\n        checked={checked}\n        onCheckedChange={(c) => updateRow(wellId, { [fieldKey]: c === true } as Partial<T>)}\n      />\n    );\n  };\n\n  const renderInputCellEditable = (\n    field: WellField<T>,\n    fieldKey: keyof T & string,\n    value: unknown,\n    wellId: WellId,\n    ariaLabel: string,\n  ) => (\n    <Input\n      type={resolveInputType(field.kind)}\n      step={field.kind === \"integer\" ? 1 : undefined}\n      placeholder={field.placeholder}\n      aria-label={ariaLabel}\n      className={cn(\"h-7\", CELL_EDITOR_CLASS)}\n      value={(value as string | number | undefined) ?? \"\"}\n      onChange={(e) => updateRow(wellId, { [fieldKey]: parseInputValue(field.kind, e.target.value) } as Partial<T>)}\n    />\n  );\n\n  const renderEditableCell = (field: WellField<T>, col: WellColumn<T>, wellId: WellId, row: T) => {\n    const fieldKey = col.field!;\n    const value = row[fieldKey];\n    const ariaLabel = `${field.label} for ${wellId}`;\n\n    if (field.kind === \"select\") return renderSelectCellEditable(field, fieldKey, value, wellId, ariaLabel);\n    if (field.kind === \"multiselect\") {\n      const current = Array.isArray(value) ? (value as string[]) : [];\n      return (\n        <MultiSelectCell\n          ariaLabel={ariaLabel}\n          value={current}\n          options={field.options ?? []}\n          placeholder={field.placeholder}\n          onChange={(next) => updateRow(wellId, { [fieldKey]: next.length === 0 ? undefined : next } as Partial<T>)}\n        />\n      );\n    }\n    if (field.kind === \"boolean\") return renderBooleanCellEditable(field, fieldKey, value, wellId, ariaLabel);\n    return renderInputCellEditable(field, fieldKey, value, wellId, ariaLabel);\n  };\n\n  const renderReadonlyCell = (field: WellField<T> | undefined, value: unknown) => {\n    if (field?.kind === \"select\") {\n      const option = (field.options ?? []).find((opt) => opt.value === value);\n      if (!option) {\n        return <span className=\"text-muted-foreground\">—</span>;\n      }\n\n      return (\n        <Badge variant=\"secondary\">\n          {option.swatch ? (\n            <span\n              className=\"size-2 rounded-sm border border-foreground/20\"\n              style={{ backgroundColor: option.swatch }}\n              aria-hidden\n            />\n          ) : null}\n          {option.label}\n        </Badge>\n      );\n    }\n\n    if (field?.kind === \"multiselect\") {\n      const arr = Array.isArray(value) ? (value as string[]) : [];\n      if (arr.length === 0) {\n        return <span className=\"text-muted-foreground\">—</span>;\n      }\n      return (\n        <div className=\"flex flex-wrap gap-1\">\n          {arr.map((v) => {\n            const opt = (field.options ?? []).find((o) => o.value === v);\n            return (\n              <Badge key={v} variant=\"secondary\">\n                {opt?.swatch ? (\n                  <span\n                    className=\"size-2 rounded-sm border border-foreground/20\"\n                    style={{ backgroundColor: opt.swatch }}\n                    aria-hidden\n                  />\n                ) : null}\n                {opt?.label ?? v}\n              </Badge>\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (field?.kind === \"boolean\") {\n      return value ? (\n        <Check aria-label=\"Yes\" className=\"size-4 text-foreground\" />\n      ) : (\n        <span className=\"text-muted-foreground\">—</span>\n      );\n    }\n\n    if (!hasFillValue(value)) {\n      return <span className=\"text-muted-foreground\">—</span>;\n    }\n\n    return String(value);\n  };\n\n  const renderCell = (col: WellColumn<T>, wellId: WellId, row: T) => {\n    if (col.render) {\n      return col.render({\n        row,\n        wellId,\n        update: (patch) => updateRow(wellId, patch),\n      });\n    }\n    if (!col.field) return null;\n\n    const field = fieldByKey.get(col.field);\n    const value = row[col.field];\n\n    if (field?.editableInTable && field.kind !== \"custom\") {\n      return renderEditableCell(field, col, wellId, row);\n    }\n\n    return renderReadonlyCell(field, value);\n  };\n\n  const renderColumnHeader = (col: WellColumn<T>) => {\n    const matchingField = col.field ? fieldByKey.get(col.field) : undefined;\n    const icon = col.icon ?? matchingField?.icon;\n    const fillPlan = enableFillDown ? getFillDownPlan(col) : null;\n    const canFillDown = !!fillPlan && fillPlan.targets.length > 0;\n    const fillHint =\n      selection && selection.size > 0\n        ? `Fill selected ${col.header} cells from the first selected value`\n        : `Fill visible ${col.header} cells downward from the first value`;\n    return (\n      <span className=\"flex min-w-0 items-center justify-between gap-2\">\n        <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n          {icon ? <span className=\"inline-flex text-muted-foreground [&_svg]:size-3.5\">{icon}</span> : null}\n          <span className=\"truncate\">{col.header}</span>\n        </span>\n        {enableFillDown && col.field ? (\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon-xs\"\n                className=\"-mr-1 text-muted-foreground hover:text-foreground\"\n                disabled={!canFillDown}\n                aria-label={`Fill down ${col.header}`}\n                onClick={(e) => {\n                  e.preventDefault();\n                  e.stopPropagation();\n                  fillColumnDown(col);\n                }}\n              >\n                <ArrowDownToLine />\n              </Button>\n            </TooltipTrigger>\n            <TooltipContent>{fillHint}</TooltipContent>\n          </Tooltip>\n        ) : null}\n      </span>\n    );\n  };\n\n  const groupableColumns = React.useMemo(() => columns.filter((col) => !!col.field), [columns]);\n  const activeGroupField = groupable && groupByField ? groupByField : \"\";\n  const grouped = React.useMemo(\n    () => (activeGroupField ? groupRowsBy(rows, activeGroupField) : null),\n    [activeGroupField, rows],\n  );\n\n  const totalRows = rows.length;\n  const lastPage = Math.max(0, Math.ceil(totalRows / pageSize) - 1);\n  const selSize = selection?.size ?? 0;\n  const totalColSpan = columns.length + 1 + (onSelectionChange ? 1 : 0);\n\n  const renderDataRow = (id: WellId, row: T) => {\n    const isSelected = selection?.has(id);\n    const extra = rowProps?.({ wellId: id, row, isSelected: !!isSelected });\n    return (\n      <TableRow key={id} {...extra}>\n        {onSelectionChange ? (\n          <TableCell className=\"w-10\">\n            <Checkbox checked={!!isSelected} onCheckedChange={() => toggleSelect(id)} aria-label={`Select ${id}`} />\n          </TableCell>\n        ) : null}\n        <TableCell className=\"font-semibold\">{id}</TableCell>\n        {columns.map((col) => (\n          <TableCell\n            key={col.id ?? col.field ?? col.header}\n            style={col.minWidth ? { minWidth: col.minWidth } : undefined}\n          >\n            {renderCell(col, id, row)}\n          </TableCell>\n        ))}\n      </TableRow>\n    );\n  };\n\n  const toggleGroup = (key: string) => {\n    setCollapsedGroups((prev) => {\n      const next = new Set(prev);\n      if (next.has(key)) next.delete(key);\n      else next.add(key);\n      return next;\n    });\n  };\n\n  const groupHeaderLabel = (() => {\n    if (!activeGroupField) return \"\";\n    const col = columns.find((c) => c.field === activeGroupField);\n    return col?.header ?? activeGroupField;\n  })();\n\n  return (\n    <div data-slot=\"well-manifest-table\" className={cn(\"flex flex-col gap-2\", className)}>\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <Button variant=\"outline\" size=\"sm\" onClick={() => setShowAll((v) => !v)}>\n          {showAll ? \"Hide empty wells\" : \"Show all wells\"}\n        </Button>\n        {filterable ? (\n          <ManifestFilterPopover columns={resolvedFilterColumns} filters={filters} onFiltersChange={setFilters} />\n        ) : null}\n        {groupable ? (\n          <div className=\"inline-flex items-center gap-1.5\">\n            <Layers aria-hidden className=\"size-3.5 text-muted-foreground\" />\n            <Select value={groupByField || \"__none\"} onValueChange={(v) => setGroupByField(v === \"__none\" ? \"\" : v)}>\n              <SelectTrigger size=\"sm\" className=\"h-7 min-w-40\" aria-label=\"Group by\">\n                <SelectValue placeholder=\"Group by…\" />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value=\"__none\">No grouping</SelectItem>\n                {groupableColumns.map((col) => (\n                  <SelectItem key={col.id ?? col.field} value={col.field ?? \"\"}>\n                    {col.header}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n        ) : null}\n        <span className=\"text-xs text-muted-foreground\">\n          {totalRows} rows · {selSize} selected\n        </span>\n      </div>\n\n      <TooltipProvider>\n        <Table data-density=\"default\">\n          <TableHeader>\n            <TableRow>\n              {onSelectionChange ? (\n                <TableHead className=\"w-10 text-center\">\n                  <span className=\"inline-flex items-center justify-center text-muted-foreground [&_svg]:size-3.5\">\n                    <Check aria-hidden />\n                    <span className=\"sr-only\">Selected</span>\n                  </span>\n                </TableHead>\n              ) : null}\n              <TableHead style={{ minWidth: 60 }}>Well</TableHead>\n              {columns.map((col) => (\n                <TableHead\n                  key={col.id ?? col.field ?? col.header}\n                  style={col.minWidth ? { minWidth: col.minWidth } : undefined}\n                >\n                  {renderColumnHeader(col)}\n                </TableHead>\n              ))}\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {grouped\n              ? grouped.map((group) => {\n                  const isCollapsed = collapsedGroups.has(group.key);\n                  return (\n                    <React.Fragment key={group.key}>\n                      <TableRow\n                        className=\"cursor-pointer bg-muted/40\"\n                        onClick={() => toggleGroup(group.key)}\n                        onKeyDown={(e) => {\n                          if (e.key === \"Enter\" || e.key === \" \") {\n                            e.preventDefault();\n                            toggleGroup(group.key);\n                          }\n                        }}\n                        role=\"button\"\n                        tabIndex={0}\n                        aria-expanded={!isCollapsed}\n                      >\n                        <TableCell colSpan={totalColSpan} className=\"py-1.5\">\n                          <div className=\"flex items-center gap-2 text-xs font-medium\">\n                            {isCollapsed ? (\n                              <ChevronRight aria-hidden className=\"size-3.5 text-muted-foreground\" />\n                            ) : (\n                              <ChevronDown aria-hidden className=\"size-3.5 text-muted-foreground\" />\n                            )}\n                            <span>\n                              {groupHeaderLabel}: {group.key}\n                            </span>\n                            <span className=\"text-muted-foreground\">\n                              ({group.rows.length} {group.rows.length === 1 ? \"row\" : \"rows\"})\n                            </span>\n                          </div>\n                        </TableCell>\n                      </TableRow>\n                      {isCollapsed ? null : group.rows.map(({ id, row }) => renderDataRow(id, row))}\n                    </React.Fragment>\n                  );\n                })\n              : pagedRows.map(({ id, row }) => renderDataRow(id, row))}\n            {(grouped ? grouped.length === 0 : pagedRows.length === 0) ? (\n              <TableRow>\n                <TableCell colSpan={totalColSpan} className=\"text-xs text-muted-foreground\">\n                  No rows. Paint wells on the plate.\n                </TableCell>\n              </TableRow>\n            ) : null}\n          </TableBody>\n        </Table>\n      </TooltipProvider>\n\n      {grouped ? null : (\n        <div className=\"flex items-center justify-end gap-3 text-xs text-muted-foreground\">\n          <span className=\"text-muted-foreground\">Rows per page</span>\n          <Select\n            value={String(pageSize)}\n            onValueChange={(v) => {\n              setPageSize(parseInt(v, 10));\n              setPage(0);\n            }}\n          >\n            <SelectTrigger size=\"sm\" className=\"h-7 w-18\" aria-label=\"Rows per page\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {pageSizeOptions.map((s) => (\n                <SelectItem key={s} value={String(s)}>\n                  {s}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          <span>\n            {totalRows === 0\n              ? \"0 of 0\"\n              : `${page * pageSize + 1}–${Math.min((page + 1) * pageSize, totalRows)} of ${totalRows}`}\n          </span>\n          <Button variant=\"outline\" size=\"sm\" disabled={page === 0} onClick={() => setPage((p) => Math.max(0, p - 1))}>\n            Prev\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            disabled={page >= lastPage}\n            onClick={() => setPage((p) => Math.min(lastPage, p + 1))}\n          >\n            Next\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["MultiSelectCell","ariaLabel","value","options","placeholder","onChange","anchorRef","useComboboxAnchor","labelByValue","React","m","o","jsxs","Combobox","ComboboxChips","cn","CELL_EDITOR_CLASS","jsx","ComboboxValue","items","item","ComboboxChip","ComboboxChipsInput","ComboboxContent","ComboboxEmpty","ComboboxList","ComboboxItem","PAGE_SIZE_SMALL","PAGE_SIZE_MEDIUM","PAGE_SIZE_LARGE","DEFAULT_PAGE_SIZE","DEFAULT_PAGE_SIZE_OPTIONS","hasFillValue","INPUT_TYPE_BY_KIND","resolveInputType","kind","parseInputValue","raw","num","groupRowsBy","rows","field","map","entry","key","existing","inferFilterColumns","columns","col","WellManifestTable","values","fields","selection","onSelectionChange","emptyEntry","isPopulated","initialPageSize","pageSizeOptions","enableFillDown","rowProps","filterable","filterColumns","groupable","className","showAll","setShowAll","page","setPage","pageSize","setPageSize","filters","setFilters","groupByField","setGroupByField","collapsedGroups","setCollapsedGroups","fieldByKey","f","resolvedFilterColumns","arr","id","row","filtered","r","record","condition","cellRaw","cellValue","applyFilterCondition","have","p","a","b","pagedRows","updateRow","wellId","patch","next","cur","toggleSelect","s","getFillDownPlan","selectionActive","sourceRows","sourceIndex","source","targets","fillColumnDown","plan","renderSelectCellEditable","fieldKey","Select","v","SelectTrigger","SelectValue","SelectContent","opt","SelectItem","renderBooleanCellEditable","checked","Switch","c","Checkbox","renderInputCellEditable","Input","e","renderEditableCell","current","renderReadonlyCell","option","Badge","Check","renderCell","renderColumnHeader","matchingField","icon","fillPlan","canFillDown","fillHint","Tooltip","TooltipTrigger","Button","ArrowDownToLine","TooltipContent","groupableColumns","activeGroupField","grouped","totalRows","lastPage","selSize","totalColSpan","renderDataRow","isSelected","extra","TableRow","TableCell","toggleGroup","prev","groupHeaderLabel","ManifestFilterPopover","Layers","TooltipProvider","Table","TableHeader","TableHead","TableBody","group","isCollapsed","ChevronRight","ChevronDown"],"mappings":"42BA+BA,SAASA,GAAgB,CACvB,UAAAC,EACA,MAAAC,EACA,QAAAC,EACA,YAAAC,EACA,SAAAC,CACF,EAMG,CACD,MAAMC,EAAYC,EAAAA,kBAAA,EACZC,EAAeC,EAAM,QAAQ,IAAM,CACvC,MAAMC,MAAQ,IACd,OAAAP,EAAQ,QAASQ,GAAMD,EAAE,IAAIC,EAAE,MAAOA,EAAE,KAAK,CAAC,EACvCD,CACT,EAAG,CAACP,CAAO,CAAC,EAEZ,OACES,EAAAA,KAACC,EAAAA,SAAA,CAAS,SAAQ,GAAC,MAAOV,EAAQ,IAAKQ,GAAMA,EAAE,KAAK,EAAG,MAAAT,EAAc,cAAeG,EAClF,SAAA,CAAAO,OAACE,EAAAA,eAAc,IAAKR,EAAW,UAAWS,EAAAA,GAAG,wBAAyBC,CAAiB,EACrF,SAAA,CAAAC,MAACC,EAAAA,eACE,SAACC,GACAA,EAAM,IAAKC,GAASH,EAAAA,IAACI,EAAAA,aAAA,CAAyB,SAAAb,EAAa,IAAIY,CAAI,GAAKA,CAAA,EAAjCA,CAAsC,CAAe,EAEhG,QACCE,EAAAA,mBAAA,CAAmB,aAAYrB,EAAW,YAAaG,GAAe,SAAA,CAAW,CAAA,EACpF,EACAQ,EAAAA,KAACW,EAAAA,gBAAA,CAAgB,OAAQjB,EACvB,SAAA,CAAAW,EAAAA,IAACO,EAAAA,eAAc,SAAA,aAAA,CAAW,QACzBC,EAAAA,aAAA,CAAa,aAAYxB,EACvB,SAACmB,GACAH,EAAAA,IAACS,EAAAA,aAAA,CAAwB,MAAON,EAC7B,WAAa,IAAIA,CAAI,GAAKA,GADVA,CAEnB,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,EACF,CAEJ,CAOA,MAAMJ,EAAoB,uDAEpBW,EAAkB,GAClBC,GAAmB,GACnBC,GAAkB,IAClBC,GAAoBH,EACpBI,GAAsC,CAACJ,EAAiBC,GAAkBC,EAAe,EAE/F,SAASG,EAAa9B,EAAyB,CAC7C,OAA8BA,GAAU,MAAQA,IAAU,EAC5D,CAEA,MAAM+B,GAA6C,CACjD,OAAQ,SACR,QAAS,SACT,KAAM,OACN,SAAU,iBACV,KAAM,MACR,EAEA,SAASC,GAAiBC,EAAsB,CAC9C,OAAOF,GAAmBE,CAAI,GAAK,MACrC,CAEA,SAASC,GAAgBD,EAAcE,EAAsB,CAC3D,GAAIA,IAAQ,GACZ,IAAIF,IAAS,SAAU,CACrB,MAAMG,EAAM,WAAWD,CAAG,EAC1B,OAAO,OAAO,SAASC,CAAG,EAAIA,EAAMD,CACtC,CACA,GAAIF,IAAS,UAAW,CACtB,MAAMG,EAAM,SAASD,EAAK,EAAE,EAC5B,OAAO,OAAO,SAASC,CAAG,EAAIA,EAAMD,CACtC,CACA,OAAOA,EACT,CAmDA,SAASE,GAAkCC,EAAqCC,EAAgC,CAC9G,MAAMC,MAAU,IAChB,UAAWC,KAASH,EAAM,CACxB,MAAMH,EAAOM,EAAM,IAAgCF,CAAK,EAClDG,EAA2BP,GAAQ,MAAQA,IAAQ,GAAK,UAAY,OAAOA,CAAG,EAC9EQ,EAAWH,EAAI,IAAIE,CAAG,EACxBC,EAAUA,EAAS,KAAK,KAAKF,CAAK,EACjCD,EAAI,IAAIE,EAAK,CAAE,IAAAA,EAAK,KAAM,CAACD,CAAK,EAAG,CAC1C,CACA,MAAO,CAAC,GAAGD,EAAI,QAAQ,CACzB,CAEA,SAASI,GAAyCC,EAAgD,CAChG,OAAOA,EAAQ,OAAQC,GAAQ,CAAC,CAACA,EAAI,KAAK,EAAE,IAAKA,IAAS,CAAE,SAAUA,EAAI,MAAiB,MAAOA,EAAI,QAAS,CACjH,CAEO,SAASC,GAAqD,CACnE,OAAAC,EACA,QAAAH,EACA,OAAAI,EACA,UAAAC,EACA,kBAAAC,EACA,SAAAhD,EACA,WAAAiD,EACA,YAAAC,EACA,SAAUC,EAAkB1B,GAC5B,gBAAA2B,GAAkB1B,GAClB,eAAA2B,EAAiB,GACjB,SAAAC,GACA,WAAAC,EAAa,GACb,cAAAC,EACA,UAAAC,EAAY,GACZ,UAAAC,EACF,EAA8B,CAC5B,KAAM,CAACC,EAASC,EAAU,EAAIxD,EAAM,SAAS,EAAK,EAC5C,CAACyD,EAAMC,CAAO,EAAI1D,EAAM,SAAS,CAAC,EAClC,CAAC2D,EAAUC,EAAW,EAAI5D,EAAM,SAAS+C,CAAe,EACxD,CAACc,EAASC,EAAU,EAAI9D,EAAM,SAA4B,CAAA,CAAE,EAC5D,CAAC+D,EAAcC,EAAe,EAAIhE,EAAM,SAAiB,EAAE,EAC3D,CAACiE,GAAiBC,EAAkB,EAAIlE,EAAM,SAAsB,IAAI,GAAK,EAEnFA,EAAM,UAAU,IAAM,CACpB0D,EAAQ,CAAC,CACX,EAAG,CAACH,CAAO,CAAC,EAEZ,MAAMY,EAAanE,EAAM,QAAQ,IAAM,CACrC,MAAMC,MAAQ,IACd,OAACyC,GAAU,CAAA,GAAI,QAAS0B,GAAMnE,EAAE,IAAImE,EAAE,IAAKA,CAAC,CAAC,EACtCnE,CACT,EAAG,CAACyC,CAAM,CAAC,EAEL2B,GAAwBrE,EAAM,QAClC,IAAMoD,GAAiBf,GAAmBC,CAAO,EACjD,CAACA,EAASc,CAAa,CAAA,EAGnBrB,EAAO/B,EAAM,QAAQ,IAAM,CAC/B,MAAMsE,EAAM,CAAC,GAAG7B,EAAO,QAAA,CAAS,EAAE,IAAI,CAAC,CAAC8B,EAAIC,CAAG,KAAO,CACpD,GAAAD,EACA,IAAAC,CAAA,EACA,EACF,IAAIC,EAAWH,EAcf,GAbI,CAACf,GAAWT,IACd2B,EAAWH,EAAI,OAAQI,GAAM5B,EAAY4B,EAAE,GAAG,CAAC,GAE7CvB,GAAcU,EAAQ,OAAS,IACjCY,EAAWA,EAAS,OAAQvC,GAAU,CACpC,MAAMyC,EAASzC,EAAM,IACrB,OAAO2B,EAAQ,MAAOe,GAAc,CAClC,MAAMC,EAAUF,EAAOC,EAAU,QAAQ,EACnCE,EAAqCD,GAAY,KAAO,GAAK,OAAOA,CAAO,EACjF,OAAOE,GAAAA,qBAAqBD,EAAWF,EAAU,SAAUA,EAAU,KAAK,CAC5E,CAAC,CACH,CAAC,GAECjC,GAAaA,EAAU,KAAO,EAAG,CACnC,MAAMqC,EAAO,IAAI,IAAIP,EAAS,IAAK,GAAM,EAAE,EAAE,CAAC,EAC9C9B,EAAU,QAASsC,GAAM,CACnB,CAACD,EAAK,IAAIC,CAAC,GAAK,CAACxC,EAAO,IAAIwC,CAAC,IAC/BR,EAAW,CAAC,GAAGA,EAAU,CAAE,GAAIQ,EAAG,IAAKpC,EAAWoC,CAAC,EAAG,EAE1D,CAAC,CACH,CACA,OAAOR,EAAS,KAAK,CAACS,EAAGC,IAAMD,EAAE,GAAG,cAAcC,EAAE,EAAE,CAAC,CACzD,EAAG,CAAC1C,EAAQc,EAAST,EAAaH,EAAWE,EAAYM,EAAYU,CAAO,CAAC,EAE7E7D,EAAM,UAAU,IAAM,CACpB0D,EAAQ,CAAC,CACX,EAAG,CAACG,CAAO,CAAC,EAEZ,MAAMuB,EAAYpF,EAAM,QACtB,IAAM+B,EAAK,MAAM0B,EAAOE,EAAUF,EAAOE,EAAWA,CAAQ,EAC5D,CAAC5B,EAAM0B,EAAME,CAAQ,CAAA,EAGjB0B,EAAY,CAACC,EAAgBC,IAAsB,CACvD,MAAMC,EAAO,IAAI,IAAI/C,CAAM,EACrBgD,EAAMD,EAAK,IAAIF,CAAM,GAAKzC,EAAWyC,CAAM,EACjDE,EAAK,IAAIF,EAAQ,CAAE,GAAGG,EAAK,GAAGF,EAAO,EACrC3F,EAAS4F,CAAI,CACf,EAEME,GAAgBJ,GAAmB,CACvC,GAAI,CAAC1C,EAAmB,OACxB,MAAM+C,EAAI,IAAI,IAAIhD,GAAa,CAAA,CAAE,EAC7BgD,EAAE,IAAIL,CAAM,EACdK,EAAE,OAAOL,CAAM,EAEfK,EAAE,IAAIL,CAAM,EAEd1C,EAAkB+C,CAAC,CACrB,EAEMC,EAAmBrD,GAAuB,CAC9C,GAAI,CAACA,EAAI,MAAO,OAAO,KAEvB,MAAMsD,EAAkB,CAAC,CAAClD,GAAaA,EAAU,KAAO,EAElDmD,EAAaD,EACf9D,EAAK,OAAO,CAAC,CAAE,GAAAwC,CAAA,IAAS5B,EAAU,IAAI4B,CAAE,CAAC,EAFtBlB,GAAa,CAAC,CAACU,EAIhChC,EACAqD,EACAW,EAAcD,EAAW,UAAU,CAAC,CAAE,IAAAtB,KAAUjD,EAAaiD,EAAIjC,EAAI,KAAM,CAAC,CAAC,EACnF,GAAIwD,EAAc,EAAG,OAAO,KAE5B,MAAMC,EAASF,EAAWC,CAAW,EAC/BE,EAAUJ,EACZC,EAAW,OAAO,CAAC,CAAE,GAAAvB,CAAA,IAASA,IAAOyB,EAAO,EAAE,EAC9CF,EAAW,MAAMC,EAAc,CAAC,EAEpC,MAAO,CACL,MAAOxD,EAAI,MACX,OAAAyD,EACA,QAAAC,EACA,MAAOD,EAAO,IAAIzD,EAAI,KAAK,CAAA,CAE/B,EAEM2D,GAAkB3D,GAAuB,CAC7C,MAAM4D,EAAOP,EAAgBrD,CAAG,EAChC,GAAI,CAAC4D,GAAQA,EAAK,QAAQ,SAAW,EAAG,OAExC,MAAMX,EAAO,IAAI,IAAI/C,CAAM,EAC3B0D,EAAK,QAAQ,QAAQ,CAAC,CAAE,GAAA5B,KAAS,CAC/B,MAAMkB,EAAMD,EAAK,IAAIjB,CAAE,GAAK1B,EAAW0B,CAAE,EACzCiB,EAAK,IAAIjB,EAAI,CAAE,GAAGkB,EAAK,CAACU,EAAK,KAAK,EAAGA,EAAK,MAAY,CACxD,CAAC,EACDvG,EAAS4F,CAAI,CACf,EAEMY,GAA2B,CAC/BpE,EACAqE,EACA5G,EACA6F,EACA9F,IAEAW,EAAAA,KAACmG,EAAAA,OAAA,CACC,MAAQ7G,GAAgC,GACxC,cAAgB8G,GAAMlB,EAAUC,EAAQ,CAAE,CAACe,CAAQ,EAAGE,EAAiB,EAEvE,SAAA,CAAA/F,MAACgG,EAAAA,eAAc,KAAK,KAAK,UAAWlG,EAAAA,GAAG,aAAcC,CAAiB,EAAG,aAAYf,EACnF,eAACiH,EAAAA,YAAA,CAAY,YAAazE,EAAM,aAAe,UAAW,EAC5D,QACC0E,EAAAA,cAAA,CACG,UAAA1E,EAAM,SAAW,IAAI,IAAK2E,GAC1BnG,EAAAA,IAACoG,EAAAA,YAA2B,MAAOD,EAAI,MACrC,SAAAxG,OAAC,OAAA,CAAK,UAAU,iCACb,SAAA,CAAAwG,EAAI,OACHnG,EAAAA,IAAC,OAAA,CACC,UAAU,kEACV,MAAO,CAAE,gBAAiBmG,EAAI,MAAA,EAC9B,cAAW,EAAA,CAAA,EAEX,KACHA,EAAI,KAAA,CAAA,CACP,CAAA,EAVeA,EAAI,KAWrB,CACD,CAAA,CACH,CAAA,CAAA,CAAA,EAIEE,GAA4B,CAChC7E,EACAqE,EACA5G,EACA6F,EACA9F,IACG,CACH,MAAMsH,EAAU,CAAC,CAACrH,EAClB,OAAIuC,EAAM,YAAc,SAEpBxB,EAAAA,IAACuG,GAAAA,OAAA,CACC,aAAYvH,EACZ,QAAAsH,EACA,gBAAkBE,GAAM3B,EAAUC,EAAQ,CAAE,CAACe,CAAQ,EAAGW,CAAA,CAAiB,CAAA,CAAA,EAK7ExG,EAAAA,IAACyG,EAAAA,SAAA,CACC,aAAYzH,EACZ,QAAAsH,EACA,gBAAkBE,GAAM3B,EAAUC,EAAQ,CAAE,CAACe,CAAQ,EAAGW,IAAM,EAAA,CAAoB,CAAA,CAAA,CAGxF,EAEME,GAA0B,CAC9BlF,EACAqE,EACA5G,EACA6F,EACA9F,IAEAgB,EAAAA,IAAC2G,GAAAA,MAAA,CACC,KAAM1F,GAAiBO,EAAM,IAAI,EACjC,KAAMA,EAAM,OAAS,UAAY,EAAI,OACrC,YAAaA,EAAM,YACnB,aAAYxC,EACZ,UAAWc,EAAAA,GAAG,MAAOC,CAAiB,EACtC,MAAQd,GAAyC,GACjD,SAAW2H,GAAM/B,EAAUC,EAAQ,CAAE,CAACe,CAAQ,EAAG1E,GAAgBK,EAAM,KAAMoF,EAAE,OAAO,KAAK,EAAiB,CAAA,CAAA,EAI1GC,GAAqB,CAACrF,EAAqBO,EAAoB+C,EAAgBd,IAAW,CAC9F,MAAM6B,EAAW9D,EAAI,MACf9C,EAAQ+E,EAAI6B,CAAQ,EACpB7G,EAAY,GAAGwC,EAAM,KAAK,QAAQsD,CAAM,GAE9C,GAAItD,EAAM,OAAS,SAAU,OAAOoE,GAAyBpE,EAAOqE,EAAU5G,EAAO6F,EAAQ9F,CAAS,EACtG,GAAIwC,EAAM,OAAS,cAAe,CAChC,MAAMsF,EAAU,MAAM,QAAQ7H,CAAK,EAAKA,EAAqB,CAAA,EAC7D,OACEe,EAAAA,IAACjB,GAAA,CACC,UAAAC,EACA,MAAO8H,EACP,QAAStF,EAAM,SAAW,CAAA,EAC1B,YAAaA,EAAM,YACnB,SAAWwD,GAASH,EAAUC,EAAQ,CAAE,CAACe,CAAQ,EAAGb,EAAK,SAAW,EAAI,OAAYA,EAAoB,CAAA,CAAA,CAG9G,CACA,OAAIxD,EAAM,OAAS,UAAkB6E,GAA0B7E,EAAOqE,EAAU5G,EAAO6F,EAAQ9F,CAAS,EACjG0H,GAAwBlF,EAAOqE,EAAU5G,EAAO6F,EAAQ9F,CAAS,CAC1E,EAEM+H,GAAqB,CAACvF,EAAiCvC,IAAmB,CAC9E,GAAIuC,GAAO,OAAS,SAAU,CAC5B,MAAMwF,GAAUxF,EAAM,SAAW,CAAA,GAAI,KAAM2E,GAAQA,EAAI,QAAUlH,CAAK,EACtE,OAAK+H,EAKHrH,EAAAA,KAACsH,EAAAA,MAAA,CAAM,QAAQ,YACZ,SAAA,CAAAD,EAAO,OACNhH,EAAAA,IAAC,OAAA,CACC,UAAU,gDACV,MAAO,CAAE,gBAAiBgH,EAAO,MAAA,EACjC,cAAW,EAAA,CAAA,EAEX,KACHA,EAAO,KAAA,EACV,EAbOhH,EAAAA,IAAC,OAAA,CAAK,UAAU,wBAAwB,SAAA,IAAC,CAepD,CAEA,GAAIwB,GAAO,OAAS,cAAe,CACjC,MAAMsC,EAAM,MAAM,QAAQ7E,CAAK,EAAKA,EAAqB,CAAA,EACzD,OAAI6E,EAAI,SAAW,EACV9D,EAAAA,IAAC,OAAA,CAAK,UAAU,wBAAwB,SAAA,IAAC,QAG/C,MAAA,CAAI,UAAU,uBACZ,SAAA8D,EAAI,IAAKiC,GAAM,CACd,MAAMI,GAAO3E,EAAM,SAAW,CAAA,GAAI,KAAM9B,GAAMA,EAAE,QAAUqG,CAAC,EAC3D,OACEpG,EAAAA,KAACsH,EAAAA,MAAA,CAAc,QAAQ,YACpB,SAAA,CAAAd,GAAK,OACJnG,EAAAA,IAAC,OAAA,CACC,UAAU,gDACV,MAAO,CAAE,gBAAiBmG,EAAI,MAAA,EAC9B,cAAW,EAAA,CAAA,EAEX,KACHA,GAAK,OAASJ,CAAA,CAAA,EARLA,CASZ,CAEJ,CAAC,CAAA,CACH,CAEJ,CAEA,OAAIvE,GAAO,OAAS,UACXvC,EACLe,EAAAA,IAACkH,EAAAA,MAAA,CAAM,aAAW,MAAM,UAAU,wBAAA,CAAyB,EAE3DlH,EAAAA,IAAC,OAAA,CAAK,UAAU,wBAAwB,SAAA,IAAC,EAIxCe,EAAa9B,CAAK,EAIhB,OAAOA,CAAK,EAHVe,EAAAA,IAAC,OAAA,CAAK,UAAU,wBAAwB,SAAA,IAAC,CAIpD,EAEMmH,GAAa,CAACpF,EAAoB+C,EAAgBd,IAAW,CACjE,GAAIjC,EAAI,OACN,OAAOA,EAAI,OAAO,CAChB,IAAAiC,EACA,OAAAc,EACA,OAASC,GAAUF,EAAUC,EAAQC,CAAK,CAAA,CAC3C,EAEH,GAAI,CAAChD,EAAI,MAAO,OAAO,KAEvB,MAAMP,EAAQmC,EAAW,IAAI5B,EAAI,KAAK,EAChC9C,EAAQ+E,EAAIjC,EAAI,KAAK,EAE3B,OAAIP,GAAO,iBAAmBA,EAAM,OAAS,SACpCqF,GAAmBrF,EAAOO,EAAK+C,EAAQd,CAAG,EAG5C+C,GAAmBvF,EAAOvC,CAAK,CACxC,EAEMmI,GAAsBrF,GAAuB,CACjD,MAAMsF,EAAgBtF,EAAI,MAAQ4B,EAAW,IAAI5B,EAAI,KAAK,EAAI,OACxDuF,EAAOvF,EAAI,MAAQsF,GAAe,KAClCE,EAAW9E,EAAiB2C,EAAgBrD,CAAG,EAAI,KACnDyF,EAAc,CAAC,CAACD,GAAYA,EAAS,QAAQ,OAAS,EACtDE,EACJtF,GAAaA,EAAU,KAAO,EAC1B,iBAAiBJ,EAAI,MAAM,uCAC3B,gBAAgBA,EAAI,MAAM,uCAChC,OACEpC,EAAAA,KAAC,OAAA,CAAK,UAAU,kDACd,SAAA,CAAAA,EAAAA,KAAC,OAAA,CAAK,UAAU,2CACb,SAAA,CAAA2H,EAAOtH,EAAAA,IAAC,OAAA,CAAK,UAAU,qDAAsD,WAAK,EAAU,KAC7FA,EAAAA,IAAC,OAAA,CAAK,UAAU,WAAY,WAAI,MAAA,CAAO,CAAA,EACzC,EACCyC,GAAkBV,EAAI,MACrBpC,EAAAA,KAAC+H,EAAAA,QAAA,CACC,SAAA,CAAA1H,EAAAA,IAAC2H,EAAAA,eAAA,CAAe,QAAO,GACrB,SAAA3H,EAAAA,IAAC4H,EAAAA,OAAA,CACC,KAAK,SACL,QAAQ,QACR,KAAK,UACL,UAAU,oDACV,SAAU,CAACJ,EACX,aAAY,aAAazF,EAAI,MAAM,GACnC,QAAU6E,GAAM,CACdA,EAAE,eAAA,EACFA,EAAE,gBAAA,EACFlB,GAAe3D,CAAG,CACpB,EAEA,eAAC8F,EAAAA,gBAAA,CAAA,CAAgB,CAAA,CAAA,EAErB,EACA7H,EAAAA,IAAC8H,EAAAA,gBAAgB,SAAAL,CAAA,CAAS,CAAA,CAAA,CAC5B,EACE,IAAA,EACN,CAEJ,EAEMM,GAAmBvI,EAAM,QAAQ,IAAMsC,EAAQ,OAAQC,GAAQ,CAAC,CAACA,EAAI,KAAK,EAAG,CAACD,CAAO,CAAC,EACtFkG,EAAmBnF,GAAaU,EAAeA,EAAe,GAC9D0E,EAAUzI,EAAM,QACpB,IAAOwI,EAAmB1G,GAAYC,EAAMyG,CAAgB,EAAI,KAChE,CAACA,EAAkBzG,CAAI,CAAA,EAGnB2G,EAAY3G,EAAK,OACjB4G,EAAW,KAAK,IAAI,EAAG,KAAK,KAAKD,EAAY/E,CAAQ,EAAI,CAAC,EAC1DiF,GAAUjG,GAAW,MAAQ,EAC7BkG,EAAevG,EAAQ,OAAS,GAAKM,EAAoB,EAAI,GAE7DkG,EAAgB,CAACvE,EAAYC,IAAW,CAC5C,MAAMuE,EAAapG,GAAW,IAAI4B,CAAE,EAC9ByE,EAAQ9F,KAAW,CAAE,OAAQqB,EAAI,IAAAC,EAAK,WAAY,CAAC,CAACuE,EAAY,EACtE,OACE5I,EAAAA,KAAC8I,EAAAA,SAAA,CAAmB,GAAGD,EACpB,SAAA,CAAApG,EACCpC,EAAAA,IAAC0I,aAAU,UAAU,OACnB,eAACjC,EAAAA,SAAA,CAAS,QAAS,CAAC,CAAC8B,EAAY,gBAAiB,IAAMrD,GAAanB,CAAE,EAAG,aAAY,UAAUA,CAAE,GAAI,EACxG,EACE,KACJ/D,EAAAA,IAAC0I,EAAAA,UAAA,CAAU,UAAU,gBAAiB,SAAA3E,EAAG,EACxCjC,EAAQ,IAAKC,GACZ/B,EAAAA,IAAC0I,EAAAA,UAAA,CAEC,MAAO3G,EAAI,SAAW,CAAE,SAAUA,EAAI,UAAa,OAElD,SAAAoF,GAAWpF,EAAKgC,EAAIC,CAAG,CAAA,EAHnBjC,EAAI,IAAMA,EAAI,OAASA,EAAI,MAAA,CAKnC,CAAA,CAAA,EAdYgC,CAef,CAEJ,EAEM4E,EAAehH,GAAgB,CACnC+B,GAAoBkF,GAAS,CAC3B,MAAM5D,EAAO,IAAI,IAAI4D,CAAI,EACzB,OAAI5D,EAAK,IAAIrD,CAAG,EAAGqD,EAAK,OAAOrD,CAAG,EAC7BqD,EAAK,IAAIrD,CAAG,EACVqD,CACT,CAAC,CACH,EAEM6D,GACCb,EACOlG,EAAQ,KAAM0E,GAAMA,EAAE,QAAUwB,CAAgB,GAChD,QAAUA,EAFQ,GAKhC,OACErI,OAAC,OAAI,YAAU,sBAAsB,UAAWG,EAAAA,GAAG,sBAAuBgD,EAAS,EACjF,SAAA,CAAAnD,EAAAA,KAAC,MAAA,CAAI,UAAU,oCACb,SAAA,CAAAK,EAAAA,IAAC4H,EAAAA,OAAA,CAAO,QAAQ,UAAU,KAAK,KAAK,QAAS,IAAM5E,GAAY+C,GAAM,CAACA,CAAC,EACpE,SAAAhD,EAAU,mBAAqB,iBAClC,EACCJ,QACEmG,GAAAA,sBAAA,CAAsB,QAASjF,GAAuB,QAAAR,EAAkB,gBAAiBC,GAAY,EACpG,KACHT,EACClD,EAAAA,KAAC,MAAA,CAAI,UAAU,mCACb,SAAA,CAAAK,EAAAA,IAAC+I,EAAAA,OAAA,CAAO,cAAW,GAAC,UAAU,iCAAiC,EAC/DpJ,EAAAA,KAACmG,EAAAA,OAAA,CAAO,MAAOvC,GAAgB,SAAU,cAAgBwC,GAAMvC,GAAgBuC,IAAM,SAAW,GAAKA,CAAC,EACpG,SAAA,CAAA/F,EAAAA,IAACgG,EAAAA,cAAA,CAAc,KAAK,KAAK,UAAU,eAAe,aAAW,WAC3D,SAAAhG,EAAAA,IAACiG,EAAAA,YAAA,CAAY,YAAY,WAAA,CAAY,EACvC,SACCC,EAAAA,cAAA,CACC,SAAA,CAAAlG,EAAAA,IAACoG,EAAAA,WAAA,CAAW,MAAM,SAAS,SAAA,cAAW,EACrC2B,GAAiB,IAAKhG,GACrB/B,EAAAA,IAACoG,cAAqC,MAAOrE,EAAI,OAAS,GACvD,WAAI,MAAA,EADUA,EAAI,IAAMA,EAAI,KAE/B,CACD,CAAA,CAAA,CACH,CAAA,CAAA,CACF,CAAA,CAAA,CACF,EACE,KACJpC,EAAAA,KAAC,OAAA,CAAK,UAAU,gCACb,SAAA,CAAAuI,EAAU,WAASE,GAAQ,WAAA,CAAA,CAC9B,CAAA,EACF,EAEApI,MAACgJ,EAAAA,gBAAA,CACC,SAAArJ,EAAAA,KAACsJ,EAAAA,MAAA,CAAM,eAAa,UAClB,SAAA,CAAAjJ,EAAAA,IAACkJ,EAAAA,YAAA,CACC,gBAACT,EAAAA,SAAA,CACE,SAAA,CAAArG,QACE+G,YAAA,CAAU,UAAU,mBACnB,SAAAxJ,EAAAA,KAAC,OAAA,CAAK,UAAU,iFACd,SAAA,CAAAK,EAAAA,IAACkH,EAAAA,MAAA,CAAM,cAAW,EAAA,CAAC,EACnBlH,EAAAA,IAAC,OAAA,CAAK,UAAU,UAAU,SAAA,UAAA,CAAQ,CAAA,CAAA,CACpC,EACF,EACE,WACHmJ,EAAAA,UAAA,CAAU,MAAO,CAAE,SAAU,EAAA,EAAM,SAAA,OAAI,EACvCrH,EAAQ,IAAKC,GACZ/B,EAAAA,IAACmJ,EAAAA,UAAA,CAEC,MAAOpH,EAAI,SAAW,CAAE,SAAUA,EAAI,UAAa,OAElD,YAAmBA,CAAG,CAAA,EAHlBA,EAAI,IAAMA,EAAI,OAASA,EAAI,MAAA,CAKnC,CAAA,CAAA,CACH,CAAA,CACF,SACCqH,EAAAA,UAAA,CACE,SAAA,CAAAnB,EACGA,EAAQ,IAAKoB,GAAU,CACrB,MAAMC,EAAc7F,GAAgB,IAAI4F,EAAM,GAAG,EACjD,OACE1J,OAACH,EAAM,SAAN,CACC,SAAA,CAAAQ,EAAAA,IAACyI,EAAAA,SAAA,CACC,UAAU,6BACV,QAAS,IAAME,EAAYU,EAAM,GAAG,EACpC,UAAYzC,GAAM,EACZA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,OACjCA,EAAE,eAAA,EACF+B,EAAYU,EAAM,GAAG,EAEzB,EACA,KAAK,SACL,SAAU,EACV,gBAAe,CAACC,EAEhB,SAAAtJ,EAAAA,IAAC0I,EAAAA,WAAU,QAASL,EAAc,UAAU,SAC1C,SAAA1I,EAAAA,KAAC,MAAA,CAAI,UAAU,8CACZ,SAAA,CAAA2J,EACCtJ,EAAAA,IAACuJ,EAAAA,aAAA,CAAa,cAAW,GAAC,UAAU,gCAAA,CAAiC,EAErEvJ,EAAAA,IAACwJ,EAAAA,YAAA,CAAY,cAAW,GAAC,UAAU,iCAAiC,SAErE,OAAA,CACE,SAAA,CAAAX,GAAiB,KAAGQ,EAAM,GAAA,EAC7B,EACA1J,EAAAA,KAAC,OAAA,CAAK,UAAU,wBAAwB,SAAA,CAAA,IACpC0J,EAAM,KAAK,OAAO,IAAEA,EAAM,KAAK,SAAW,EAAI,MAAQ,OAAO,GAAA,CAAA,CACjE,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,EAEDC,EAAc,KAAOD,EAAM,KAAK,IAAI,CAAC,CAAE,GAAAtF,EAAI,IAAAC,CAAA,IAAUsE,EAAcvE,EAAIC,CAAG,CAAC,CAAA,CAAA,EA9BzDqF,EAAM,GA+B3B,CAEJ,CAAC,EACDzE,EAAU,IAAI,CAAC,CAAE,GAAAb,EAAI,IAAAC,CAAA,IAAUsE,EAAcvE,EAAIC,CAAG,CAAC,GACvDiE,EAAUA,EAAQ,SAAW,EAAIrD,EAAU,SAAW,GACtD5E,MAACyI,EAAAA,SAAA,CACC,SAAAzI,EAAAA,IAAC0I,EAAAA,WAAU,QAASL,EAAc,UAAU,gCAAgC,SAAA,qCAE5E,EACF,EACE,IAAA,CAAA,CACN,CAAA,CAAA,CACF,CAAA,CACF,EAECJ,EAAU,KACTtI,OAAC,MAAA,CAAI,UAAU,oEACb,SAAA,CAAAK,EAAAA,IAAC,OAAA,CAAK,UAAU,wBAAwB,SAAA,gBAAa,EACrDL,EAAAA,KAACmG,EAAAA,OAAA,CACC,MAAO,OAAO3C,CAAQ,EACtB,cAAgB4C,GAAM,CACpB3C,GAAY,SAAS2C,EAAG,EAAE,CAAC,EAC3B7C,EAAQ,CAAC,CACX,EAEA,SAAA,CAAAlD,EAAAA,IAACgG,EAAAA,cAAA,CAAc,KAAK,KAAK,UAAU,WAAW,aAAW,gBACvD,SAAAhG,EAAAA,IAACiG,EAAAA,YAAA,CAAA,CAAY,CAAA,CACf,EACAjG,EAAAA,IAACkG,EAAAA,cAAA,CACE,SAAA1D,GAAgB,IAAK2C,GACpBnF,MAACoG,EAAAA,WAAA,CAAmB,MAAO,OAAOjB,CAAC,EAChC,SAAAA,CAAA,EADcA,CAEjB,CACD,CAAA,CACH,CAAA,CAAA,CAAA,QAED,OAAA,CACE,SAAA+C,IAAc,EACX,SACA,GAAGjF,EAAOE,EAAW,CAAC,IAAI,KAAK,KAAKF,EAAO,GAAKE,EAAU+E,CAAS,CAAC,OAAOA,CAAS,GAC1F,EACAlI,MAAC4H,EAAAA,QAAO,QAAQ,UAAU,KAAK,KAAK,SAAU3E,IAAS,EAAG,QAAS,IAAMC,EAASuB,GAAM,KAAK,IAAI,EAAGA,EAAI,CAAC,CAAC,EAAG,SAAA,OAE7G,EACAzE,EAAAA,IAAC4H,EAAAA,OAAA,CACC,QAAQ,UACR,KAAK,KACL,SAAU3E,GAAQkF,EAClB,QAAS,IAAMjF,EAASuB,GAAM,KAAK,IAAI0D,EAAU1D,EAAI,CAAC,CAAC,EACxD,SAAA,MAAA,CAAA,CAED,CAAA,CACF,CAAA,EAEJ,CAEJ"}
+{"version":3,"file":"WellManifestTable.cjs","sources":["../../../../src/components/composed/PlateMapEditor/WellManifestTable.tsx"],"sourcesContent":["import { ArrowDownToLine, Check, ChevronDown, ChevronRight, Layers } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { ManifestFilterPopover } from \"./ManifestFilterPopover\";\n\nimport type { WellColumn, WellField, WellId, WellRecord, WellSelectOption } from \"./types\";\nimport type { FilterColumnConfig, FilterCondition } from \"@/components/ui/data-table/data-table\";\n\nimport { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\nimport { Checkbox } from \"@/components/ui/checkbox\";\nimport {\n  Combobox,\n  ComboboxChip,\n  ComboboxChips,\n  ComboboxChipsInput,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxItem,\n  ComboboxList,\n  ComboboxValue,\n  useComboboxAnchor,\n} from \"@/components/ui/combobox\";\nimport { applyFilterCondition } from \"@/components/ui/data-table/data-table\";\nimport { Input } from \"@/components/ui/input\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"@/components/ui/select\";\nimport { Switch } from \"@/components/ui/switch\";\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from \"@/components/ui/table\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\nfunction MultiSelectCell({\n  ariaLabel,\n  value,\n  options,\n  placeholder,\n  onChange,\n}: {\n  ariaLabel: string;\n  value: string[];\n  options: WellSelectOption[];\n  placeholder?: string;\n  onChange: (next: string[]) => void;\n}) {\n  const anchorRef = useComboboxAnchor();\n  const labelByValue = React.useMemo(() => {\n    const m = new Map<string, string>();\n    options.forEach((o) => m.set(o.value, o.label));\n    return m;\n  }, [options]);\n\n  return (\n    <Combobox multiple items={options.map((o) => o.value)} value={value} onValueChange={onChange}>\n      <ComboboxChips ref={anchorRef} className={cn(\"min-h-7 w-full py-0.5\", CELL_EDITOR_CLASS)}>\n        <ComboboxValue>\n          {(items: string[]) =>\n            items.map((item) => <ComboboxChip key={item}>{labelByValue.get(item) ?? item}</ComboboxChip>)\n          }\n        </ComboboxValue>\n        <ComboboxChipsInput aria-label={ariaLabel} placeholder={placeholder ?? \"Select…\"} />\n      </ComboboxChips>\n      <ComboboxContent anchor={anchorRef}>\n        <ComboboxEmpty>No options.</ComboboxEmpty>\n        <ComboboxList aria-label={ariaLabel}>\n          {(item: string) => (\n            <ComboboxItem key={item} value={item}>\n              {labelByValue.get(item) ?? item}\n            </ComboboxItem>\n          )}\n        </ComboboxList>\n      </ComboboxContent>\n    </Combobox>\n  );\n}\n\n/**\n * Cell editors render borderless by default so the table reads flat. The\n * underlying primitives keep their `focus-visible` / `focus-within` rings, so\n * an outline only appears while the user is actively editing the cell.\n */\nconst CELL_EDITOR_CLASS = \"border-transparent shadow-none hover:border-input/40\";\n\nconst PAGE_SIZE_SMALL = 25;\nconst PAGE_SIZE_MEDIUM = 50;\nconst PAGE_SIZE_LARGE = 100;\nconst DEFAULT_PAGE_SIZE = PAGE_SIZE_SMALL;\nconst DEFAULT_PAGE_SIZE_OPTIONS: number[] = [PAGE_SIZE_SMALL, PAGE_SIZE_MEDIUM, PAGE_SIZE_LARGE];\n\nfunction hasFillValue(value: unknown): boolean {\n  return value !== undefined && value !== null && value !== \"\";\n}\n\nconst INPUT_TYPE_BY_KIND: Record<string, string> = {\n  number: \"number\",\n  integer: \"number\",\n  date: \"date\",\n  datetime: \"datetime-local\",\n  time: \"time\",\n};\n\nfunction resolveInputType(kind: string): string {\n  return INPUT_TYPE_BY_KIND[kind] ?? \"text\";\n}\n\nfunction parseInputValue(kind: string, raw: string): unknown {\n  if (raw === \"\") return undefined;\n  if (kind === \"number\") {\n    const num = parseFloat(raw);\n    return Number.isFinite(num) ? num : raw;\n  }\n  if (kind === \"integer\") {\n    const num = parseInt(raw, 10);\n    return Number.isFinite(num) ? num : raw;\n  }\n  return raw;\n}\n\nexport interface WellManifestTableRowContext<T extends WellRecord = WellRecord> {\n  wellId: WellId;\n  row: T;\n  isSelected: boolean;\n}\n\nexport interface WellManifestTableProps<T extends WellRecord = WellRecord> {\n  values: Map<WellId, T>;\n  columns: WellColumn<T>[];\n  /**\n   * Field schema. If a column has `field` matching a `select`-kind field, a\n   * Select cell renders automatically with that field's options.\n   */\n  fields?: WellField<T>[];\n  selection?: Set<WellId>;\n  onSelectionChange?: (next: Set<WellId>) => void;\n  onChange: (next: Map<WellId, T>) => void;\n  /** Builds an empty record for a freshly-created row. */\n  emptyEntry: (id: WellId) => T;\n  /** Filter that controls which empty rows surface. Defaults to `false`. */\n  isPopulated?: (row: T) => boolean;\n  pageSize?: number;\n  pageSizeOptions?: number[];\n  /** Adds a column header action that copies the first non-empty value downward. */\n  enableFillDown?: boolean;\n  /**\n   * Extra props spread onto each `<tr>` — typically used to attach a DnD\n   * library's `setNodeRef`, listeners, and data attributes so rows can act as\n   * drag sources. The kit stays DnD-library-agnostic.\n   */\n  rowProps?: (ctx: WellManifestTableRowContext<T>) => React.ComponentProps<\"tr\"> | undefined;\n  /** Enables an inline filter popover above the table. Defaults to false. */\n  filterable?: boolean;\n  /**\n   * Optional override of filterable column configs. When omitted, every column\n   * with a `field` becomes filterable using the default operator set from the\n   * shared data-table filter system.\n   */\n  filterColumns?: FilterColumnConfig[];\n  /** Enables an inline group-by selector. Defaults to false. */\n  groupable?: boolean;\n  className?: string;\n}\n\ninterface GroupedRow<T> {\n  key: string;\n  rows: Array<{ id: WellId; row: T }>;\n}\n\nfunction groupRowsBy<T extends WellRecord>(rows: Array<{ id: WellId; row: T }>, field: string): GroupedRow<T>[] {\n  const map = new Map<string, GroupedRow<T>>();\n  for (const entry of rows) {\n    const raw = (entry.row as Record<string, unknown>)[field];\n    const key = raw === undefined || raw === null || raw === \"\" ? \"(blank)\" : String(raw);\n    const existing = map.get(key);\n    if (existing) existing.rows.push(entry);\n    else map.set(key, { key, rows: [entry] });\n  }\n  return [...map.values()];\n}\n\nfunction inferFilterColumns<T extends WellRecord>(columns: WellColumn<T>[]): FilterColumnConfig[] {\n  return columns.filter((col) => !!col.field).map((col) => ({ columnId: col.field as string, label: col.header }));\n}\n\nexport function WellManifestTable<T extends WellRecord = WellRecord>({\n  values,\n  columns,\n  fields,\n  selection,\n  onSelectionChange,\n  onChange,\n  emptyEntry,\n  isPopulated,\n  pageSize: initialPageSize = DEFAULT_PAGE_SIZE,\n  pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,\n  enableFillDown = true,\n  rowProps,\n  filterable = false,\n  filterColumns,\n  groupable = false,\n  className,\n}: WellManifestTableProps<T>) {\n  const [showAll, setShowAll] = React.useState(false);\n  const [page, setPage] = React.useState(0);\n  const [pageSize, setPageSize] = React.useState(initialPageSize);\n  const [filters, setFilters] = React.useState<FilterCondition[]>([]);\n  const [groupByField, setGroupByField] = React.useState<string>(\"\");\n  const [collapsedGroups, setCollapsedGroups] = React.useState<Set<string>>(new Set());\n\n  React.useEffect(() => {\n    setPage(0);\n  }, [showAll]);\n\n  const fieldByKey = React.useMemo(() => {\n    const m = new Map<string, WellField<T>>();\n    (fields ?? []).forEach((f) => m.set(f.key, f));\n    return m;\n  }, [fields]);\n\n  const resolvedFilterColumns = React.useMemo<FilterColumnConfig[]>(\n    () => filterColumns ?? inferFilterColumns(columns),\n    [columns, filterColumns],\n  );\n\n  const rows = React.useMemo(() => {\n    const arr = [...values.entries()].map(([id, row]) => ({\n      id,\n      row,\n    }));\n    let filtered = arr;\n    if (!showAll && isPopulated) {\n      filtered = arr.filter((r) => isPopulated(r.row));\n    }\n    if (filterable && filters.length > 0) {\n      filtered = filtered.filter((entry) => {\n        const record = entry.row as Record<string, unknown>;\n        return filters.every((condition) => {\n          const cellRaw = record[condition.columnId];\n          const cellValue = cellRaw === undefined || cellRaw === null ? \"\" : String(cellRaw);\n          return applyFilterCondition(cellValue, condition.operator, condition.value);\n        });\n      });\n    }\n    if (selection && selection.size > 0) {\n      const have = new Set(filtered.map((r) => r.id));\n      selection.forEach((p) => {\n        if (!have.has(p) && !values.has(p)) {\n          filtered = [...filtered, { id: p, row: emptyEntry(p) }];\n        }\n      });\n    }\n    return filtered.sort((a, b) => a.id.localeCompare(b.id));\n  }, [values, showAll, isPopulated, selection, emptyEntry, filterable, filters]);\n\n  React.useEffect(() => {\n    setPage(0);\n  }, [filters]);\n\n  const pagedRows = React.useMemo(\n    () => rows.slice(page * pageSize, page * pageSize + pageSize),\n    [rows, page, pageSize],\n  );\n\n  const updateRow = (wellId: WellId, patch: Partial<T>) => {\n    const next = new Map(values);\n    const cur = next.get(wellId) ?? emptyEntry(wellId);\n    next.set(wellId, { ...cur, ...patch });\n    onChange(next);\n  };\n\n  const toggleSelect = (wellId: WellId) => {\n    if (!onSelectionChange) return;\n    const s = new Set(selection ?? []);\n    if (s.has(wellId)) {\n      s.delete(wellId);\n    } else {\n      s.add(wellId);\n    }\n    onSelectionChange(s);\n  };\n\n  const getFillDownPlan = (col: WellColumn<T>) => {\n    if (!col.field) return null;\n\n    const selectionActive = !!selection && selection.size > 0;\n    const groupingActive = groupable && !!groupByField;\n    const sourceRows = selectionActive\n      ? rows.filter(({ id }) => selection.has(id))\n      : groupingActive\n        ? rows\n        : pagedRows;\n    const sourceIndex = sourceRows.findIndex(({ row }) => hasFillValue(row[col.field!]));\n    if (sourceIndex < 0) return null;\n\n    const source = sourceRows[sourceIndex];\n    const targets = selectionActive\n      ? sourceRows.filter(({ id }) => id !== source.id)\n      : sourceRows.slice(sourceIndex + 1);\n\n    return {\n      field: col.field,\n      source,\n      targets,\n      value: source.row[col.field],\n    };\n  };\n\n  const fillColumnDown = (col: WellColumn<T>) => {\n    const plan = getFillDownPlan(col);\n    if (!plan || plan.targets.length === 0) return;\n\n    const next = new Map(values);\n    plan.targets.forEach(({ id }) => {\n      const cur = next.get(id) ?? emptyEntry(id);\n      next.set(id, { ...cur, [plan.field]: plan.value } as T);\n    });\n    onChange(next);\n  };\n\n  const renderSelectCellEditable = (\n    field: WellField<T>,\n    fieldKey: keyof T & string,\n    value: unknown,\n    wellId: WellId,\n    ariaLabel: string,\n  ) => (\n    <Select\n      value={(value as string | undefined) ?? \"\"}\n      onValueChange={(v) => updateRow(wellId, { [fieldKey]: v } as Partial<T>)}\n    >\n      <SelectTrigger size=\"sm\" className={cn(\"h-7 w-full\", CELL_EDITOR_CLASS)} aria-label={ariaLabel}>\n        <SelectValue placeholder={field.placeholder ?? \"Select…\"} />\n      </SelectTrigger>\n      <SelectContent>\n        {(field.options ?? []).map((opt) => (\n          <SelectItem key={opt.value} value={opt.value}>\n            <span className=\"inline-flex items-center gap-2\">\n              {opt.swatch ? (\n                <span\n                  className=\"inline-block h-2.5 w-2.5 rounded-sm border border-foreground/20\"\n                  style={{ backgroundColor: opt.swatch }}\n                  aria-hidden\n                />\n              ) : null}\n              {opt.label}\n            </span>\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n\n  const renderBooleanCellEditable = (\n    field: WellField<T>,\n    fieldKey: keyof T & string,\n    value: unknown,\n    wellId: WellId,\n    ariaLabel: string,\n  ) => {\n    const checked = !!value;\n    if (field.boolStyle === \"switch\") {\n      return (\n        <Switch\n          aria-label={ariaLabel}\n          checked={checked}\n          onCheckedChange={(c) => updateRow(wellId, { [fieldKey]: c } as Partial<T>)}\n        />\n      );\n    }\n    return (\n      <Checkbox\n        aria-label={ariaLabel}\n        checked={checked}\n        onCheckedChange={(c) => updateRow(wellId, { [fieldKey]: c === true } as Partial<T>)}\n      />\n    );\n  };\n\n  const renderInputCellEditable = (\n    field: WellField<T>,\n    fieldKey: keyof T & string,\n    value: unknown,\n    wellId: WellId,\n    ariaLabel: string,\n  ) => (\n    <Input\n      type={resolveInputType(field.kind)}\n      step={field.kind === \"integer\" ? 1 : undefined}\n      placeholder={field.placeholder}\n      aria-label={ariaLabel}\n      className={cn(\"h-7\", CELL_EDITOR_CLASS)}\n      value={(value as string | number | undefined) ?? \"\"}\n      onChange={(e) => updateRow(wellId, { [fieldKey]: parseInputValue(field.kind, e.target.value) } as Partial<T>)}\n    />\n  );\n\n  const renderEditableCell = (field: WellField<T>, col: WellColumn<T>, wellId: WellId, row: T) => {\n    const fieldKey = col.field!;\n    const value = row[fieldKey];\n    const ariaLabel = `${field.label} for ${wellId}`;\n\n    if (field.kind === \"select\") return renderSelectCellEditable(field, fieldKey, value, wellId, ariaLabel);\n    if (field.kind === \"multiselect\") {\n      const current = Array.isArray(value) ? (value as string[]) : [];\n      return (\n        <MultiSelectCell\n          ariaLabel={ariaLabel}\n          value={current}\n          options={field.options ?? []}\n          placeholder={field.placeholder}\n          onChange={(next) => updateRow(wellId, { [fieldKey]: next.length === 0 ? undefined : next } as Partial<T>)}\n        />\n      );\n    }\n    if (field.kind === \"boolean\") return renderBooleanCellEditable(field, fieldKey, value, wellId, ariaLabel);\n    return renderInputCellEditable(field, fieldKey, value, wellId, ariaLabel);\n  };\n\n  const renderReadonlyCell = (field: WellField<T> | undefined, value: unknown) => {\n    if (field?.kind === \"select\") {\n      const option = (field.options ?? []).find((opt) => opt.value === value);\n      if (!option) {\n        return <span className=\"text-muted-foreground\">—</span>;\n      }\n\n      return (\n        <Badge variant=\"secondary\">\n          {option.swatch ? (\n            <span\n              className=\"size-2 rounded-sm border border-foreground/20\"\n              style={{ backgroundColor: option.swatch }}\n              aria-hidden\n            />\n          ) : null}\n          {option.label}\n        </Badge>\n      );\n    }\n\n    if (field?.kind === \"multiselect\") {\n      const arr = Array.isArray(value) ? (value as string[]) : [];\n      if (arr.length === 0) {\n        return <span className=\"text-muted-foreground\">—</span>;\n      }\n      return (\n        <div className=\"flex flex-wrap gap-1\">\n          {arr.map((v) => {\n            const opt = (field.options ?? []).find((o) => o.value === v);\n            return (\n              <Badge key={v} variant=\"secondary\">\n                {opt?.swatch ? (\n                  <span\n                    className=\"size-2 rounded-sm border border-foreground/20\"\n                    style={{ backgroundColor: opt.swatch }}\n                    aria-hidden\n                  />\n                ) : null}\n                {opt?.label ?? v}\n              </Badge>\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (field?.kind === \"boolean\") {\n      return value ? (\n        <Check aria-label=\"Yes\" className=\"size-4 text-foreground\" />\n      ) : (\n        <span className=\"text-muted-foreground\">—</span>\n      );\n    }\n\n    if (!hasFillValue(value)) {\n      return <span className=\"text-muted-foreground\">—</span>;\n    }\n\n    return String(value);\n  };\n\n  const renderCell = (col: WellColumn<T>, wellId: WellId, row: T) => {\n    if (col.render) {\n      return col.render({\n        row,\n        wellId,\n        update: (patch) => updateRow(wellId, patch),\n      });\n    }\n    if (!col.field) return null;\n\n    const field = fieldByKey.get(col.field);\n    const value = row[col.field];\n\n    if (field?.editableInTable && field.kind !== \"custom\") {\n      return renderEditableCell(field, col, wellId, row);\n    }\n\n    return renderReadonlyCell(field, value);\n  };\n\n  const renderColumnHeader = (col: WellColumn<T>) => {\n    const matchingField = col.field ? fieldByKey.get(col.field) : undefined;\n    const icon = col.icon ?? matchingField?.icon;\n    const fillPlan = enableFillDown ? getFillDownPlan(col) : null;\n    const canFillDown = !!fillPlan && fillPlan.targets.length > 0;\n    const fillHint =\n      selection && selection.size > 0\n        ? `Fill selected ${col.header} cells from the first selected value`\n        : `Fill visible ${col.header} cells downward from the first value`;\n    return (\n      <span className=\"flex min-w-0 items-center justify-between gap-2\">\n        <span className=\"inline-flex min-w-0 items-center gap-1.5\">\n          {icon ? <span className=\"inline-flex text-muted-foreground [&_svg]:size-3.5\">{icon}</span> : null}\n          <span className=\"truncate\">{col.header}</span>\n        </span>\n        {enableFillDown && col.field ? (\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon-xs\"\n                className=\"-mr-1 text-muted-foreground hover:text-foreground\"\n                disabled={!canFillDown}\n                aria-label={`Fill down ${col.header}`}\n                onClick={(e) => {\n                  e.preventDefault();\n                  e.stopPropagation();\n                  fillColumnDown(col);\n                }}\n              >\n                <ArrowDownToLine />\n              </Button>\n            </TooltipTrigger>\n            <TooltipContent>{fillHint}</TooltipContent>\n          </Tooltip>\n        ) : null}\n      </span>\n    );\n  };\n\n  const groupableColumns = React.useMemo(() => columns.filter((col) => !!col.field), [columns]);\n  const activeGroupField = groupable && groupByField ? groupByField : \"\";\n  const grouped = React.useMemo(\n    () => (activeGroupField ? groupRowsBy(rows, activeGroupField) : null),\n    [activeGroupField, rows],\n  );\n\n  const totalRows = rows.length;\n  const lastPage = Math.max(0, Math.ceil(totalRows / pageSize) - 1);\n  const selSize = selection?.size ?? 0;\n  const totalColSpan = columns.length + 1 + (onSelectionChange ? 1 : 0);\n\n  const renderDataRow = (id: WellId, row: T) => {\n    const isSelected = selection?.has(id);\n    const extra = rowProps?.({ wellId: id, row, isSelected: !!isSelected });\n    return (\n      <TableRow key={id} {...extra}>\n        {onSelectionChange ? (\n          <TableCell className=\"w-10\">\n            <Checkbox checked={!!isSelected} onCheckedChange={() => toggleSelect(id)} aria-label={`Select ${id}`} />\n          </TableCell>\n        ) : null}\n        <TableCell className=\"font-semibold\">{id}</TableCell>\n        {columns.map((col) => (\n          <TableCell\n            key={col.id ?? col.field ?? col.header}\n            style={col.minWidth ? { minWidth: col.minWidth } : undefined}\n          >\n            {renderCell(col, id, row)}\n          </TableCell>\n        ))}\n      </TableRow>\n    );\n  };\n\n  const toggleGroup = (key: string) => {\n    setCollapsedGroups((prev) => {\n      const next = new Set(prev);\n      if (next.has(key)) next.delete(key);\n      else next.add(key);\n      return next;\n    });\n  };\n\n  const groupHeaderLabel = (() => {\n    if (!activeGroupField) return \"\";\n    const col = columns.find((c) => c.field === activeGroupField);\n    return col?.header ?? activeGroupField;\n  })();\n\n  return (\n    <div data-slot=\"well-manifest-table\" className={cn(\"flex flex-col gap-2\", className)}>\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <Button variant=\"outline\" size=\"sm\" onClick={() => setShowAll((v) => !v)}>\n          {showAll ? \"Hide empty wells\" : \"Show all wells\"}\n        </Button>\n        {filterable ? (\n          <ManifestFilterPopover columns={resolvedFilterColumns} filters={filters} onFiltersChange={setFilters} />\n        ) : null}\n        {groupable ? (\n          <div className=\"inline-flex items-center gap-1.5\">\n            <Layers aria-hidden className=\"size-3.5 text-muted-foreground\" />\n            <Select value={groupByField || \"__none\"} onValueChange={(v) => setGroupByField(v === \"__none\" ? \"\" : v)}>\n              <SelectTrigger size=\"sm\" className=\"h-7 min-w-40\" aria-label=\"Group by\">\n                <SelectValue placeholder=\"Group by…\" />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value=\"__none\">No grouping</SelectItem>\n                {groupableColumns.map((col) => (\n                  <SelectItem key={col.id ?? col.field} value={col.field ?? \"\"}>\n                    {col.header}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n        ) : null}\n        <span className=\"text-xs text-muted-foreground\">\n          {totalRows} rows · {selSize} selected\n        </span>\n      </div>\n\n      <TooltipProvider>\n        <Table data-density=\"default\">\n          <TableHeader>\n            <TableRow>\n              {onSelectionChange ? (\n                <TableHead className=\"w-10 text-center\">\n                  <span className=\"inline-flex items-center justify-center text-muted-foreground [&_svg]:size-3.5\">\n                    <Check aria-hidden />\n                    <span className=\"sr-only\">Selected</span>\n                  </span>\n                </TableHead>\n              ) : null}\n              <TableHead style={{ minWidth: 60 }}>Well</TableHead>\n              {columns.map((col) => (\n                <TableHead\n                  key={col.id ?? col.field ?? col.header}\n                  style={col.minWidth ? { minWidth: col.minWidth } : undefined}\n                >\n                  {renderColumnHeader(col)}\n                </TableHead>\n              ))}\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {grouped\n              ? grouped.map((group) => {\n                  const isCollapsed = collapsedGroups.has(group.key);\n                  return (\n                    <React.Fragment key={group.key}>\n                      <TableRow\n                        className=\"cursor-pointer bg-muted/40\"\n                        onClick={() => toggleGroup(group.key)}\n                        onKeyDown={(e) => {\n                          if (e.key === \"Enter\" || e.key === \" \") {\n                            e.preventDefault();\n                            toggleGroup(group.key);\n                          }\n                        }}\n                        role=\"button\"\n                        tabIndex={0}\n                        aria-expanded={!isCollapsed}\n                      >\n                        <TableCell colSpan={totalColSpan} className=\"py-1.5\">\n                          <div className=\"flex items-center gap-2 text-xs font-medium\">\n                            {isCollapsed ? (\n                              <ChevronRight aria-hidden className=\"size-3.5 text-muted-foreground\" />\n                            ) : (\n                              <ChevronDown aria-hidden className=\"size-3.5 text-muted-foreground\" />\n                            )}\n                            <span>\n                              {groupHeaderLabel}: {group.key}\n                            </span>\n                            <span className=\"text-muted-foreground\">\n                              ({group.rows.length} {group.rows.length === 1 ? \"row\" : \"rows\"})\n                            </span>\n                          </div>\n                        </TableCell>\n                      </TableRow>\n                      {isCollapsed ? null : group.rows.map(({ id, row }) => renderDataRow(id, row))}\n                    </React.Fragment>\n                  );\n                })\n              : pagedRows.map(({ id, row }) => renderDataRow(id, row))}\n            {(grouped ? grouped.length === 0 : pagedRows.length === 0) ? (\n              <TableRow>\n                <TableCell colSpan={totalColSpan} className=\"text-xs text-muted-foreground\">\n                  No rows. Paint wells on the plate.\n                </TableCell>\n              </TableRow>\n            ) : null}\n          </TableBody>\n        </Table>\n      </TooltipProvider>\n\n      {grouped ? null : (\n        <div className=\"flex items-center justify-end gap-3 text-xs text-muted-foreground\">\n          <span className=\"text-muted-foreground\">Rows per page</span>\n          <Select\n            value={String(pageSize)}\n            onValueChange={(v) => {\n              setPageSize(parseInt(v, 10));\n              setPage(0);\n            }}\n          >\n            <SelectTrigger size=\"sm\" className=\"h-7 w-18\" aria-label=\"Rows per page\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {pageSizeOptions.map((s) => (\n                <SelectItem key={s} value={String(s)}>\n                  {s}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          <span>\n            {totalRows === 0\n              ? \"0 of 0\"\n              : `${page * pageSize + 1}–${Math.min((page + 1) * pageSize, totalRows)} of ${totalRows}`}\n          </span>\n          <Button variant=\"outline\" size=\"sm\" disabled={page === 0} onClick={() => setPage((p) => Math.max(0, p - 1))}>\n            Prev\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            disabled={page >= lastPage}\n            onClick={() => setPage((p) => Math.min(lastPage, p + 1))}\n          >\n            Next\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["MultiSelectCell","ariaLabel","value","options","placeholder","onChange","anchorRef","useComboboxAnchor","labelByValue","React","m","o","jsxs","Combobox","ComboboxChips","cn","CELL_EDITOR_CLASS","jsx","ComboboxValue","items","item","ComboboxChip","ComboboxChipsInput","ComboboxContent","ComboboxEmpty","ComboboxList","ComboboxItem","PAGE_SIZE_SMALL","PAGE_SIZE_MEDIUM","PAGE_SIZE_LARGE","DEFAULT_PAGE_SIZE","DEFAULT_PAGE_SIZE_OPTIONS","hasFillValue","INPUT_TYPE_BY_KIND","resolveInputType","kind","parseInputValue","raw","num","groupRowsBy","rows","field","map","entry","key","existing","inferFilterColumns","columns","col","WellManifestTable","values","fields","selection","onSelectionChange","emptyEntry","isPopulated","initialPageSize","pageSizeOptions","enableFillDown","rowProps","filterable","filterColumns","groupable","className","showAll","setShowAll","page","setPage","pageSize","setPageSize","filters","setFilters","groupByField","setGroupByField","collapsedGroups","setCollapsedGroups","fieldByKey","f","resolvedFilterColumns","arr","id","row","filtered","r","record","condition","cellRaw","cellValue","applyFilterCondition","have","p","a","b","pagedRows","updateRow","wellId","patch","next","cur","toggleSelect","s","getFillDownPlan","selectionActive","sourceRows","sourceIndex","source","targets","fillColumnDown","plan","renderSelectCellEditable","fieldKey","Select","v","SelectTrigger","SelectValue","SelectContent","opt","SelectItem","renderBooleanCellEditable","checked","Switch","c","Checkbox","renderInputCellEditable","Input","e","renderEditableCell","current","renderReadonlyCell","option","Badge","Check","renderCell","renderColumnHeader","matchingField","icon","fillPlan","canFillDown","fillHint","Tooltip","TooltipTrigger","Button","ArrowDownToLine","TooltipContent","groupableColumns","activeGroupField","grouped","totalRows","lastPage","selSize","totalColSpan","renderDataRow","isSelected","extra","TableRow","TableCell","toggleGroup","prev","groupHeaderLabel","ManifestFilterPopover","Layers","TooltipProvider","Table","TableHeader","TableHead","TableBody","group","isCollapsed","ChevronRight","ChevronDown"],"mappings":"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"}

package/dist/components/composed/PlateMapEditor/WellManifestTable.d.ts

@@ -0,0 +1,46 @@
+import { WellColumn, WellField, WellId, WellRecord } from './types';
+import { FilterColumnConfig } from '../../ui/data-table/data-table';
+import * as React from "react";
+export interface WellManifestTableRowContext<T extends WellRecord = WellRecord> {
+    wellId: WellId;
+    row: T;
+    isSelected: boolean;
+}
+export interface WellManifestTableProps<T extends WellRecord = WellRecord> {
+    values: Map<WellId, T>;
+    columns: WellColumn<T>[];
+    /**
+     * Field schema. If a column has `field` matching a `select`-kind field, a
+     * Select cell renders automatically with that field's options.
+     */
+    fields?: WellField<T>[];
+    selection?: Set<WellId>;
+    onSelectionChange?: (next: Set<WellId>) => void;
+    onChange: (next: Map<WellId, T>) => void;
+    /** Builds an empty record for a freshly-created row. */
+    emptyEntry: (id: WellId) => T;
+    /** Filter that controls which empty rows surface. Defaults to `false`. */
+    isPopulated?: (row: T) => boolean;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    /** Adds a column header action that copies the first non-empty value downward. */
+    enableFillDown?: boolean;
+    /**
+     * Extra props spread onto each `<tr>` — typically used to attach a DnD
+     * library's `setNodeRef`, listeners, and data attributes so rows can act as
+     * drag sources. The kit stays DnD-library-agnostic.
+     */
+    rowProps?: (ctx: WellManifestTableRowContext<T>) => React.ComponentProps<"tr"> | undefined;
+    /** Enables an inline filter popover above the table. Defaults to false. */
+    filterable?: boolean;
+    /**
+     * Optional override of filterable column configs. When omitted, every column
+     * with a `field` becomes filterable using the default operator set from the
+     * shared data-table filter system.
+     */
+    filterColumns?: FilterColumnConfig[];
+    /** Enables an inline group-by selector. Defaults to false. */
+    groupable?: boolean;
+    className?: string;
+}
+export declare function WellManifestTable<T extends WellRecord = WellRecord>({ values, columns, fields, selection, onSelectionChange, onChange, emptyEntry, isPopulated, pageSize: initialPageSize, pageSizeOptions, enableFillDown, rowProps, filterable, filterColumns, groupable, className, }: WellManifestTableProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/composed/PlateMapEditor/WellManifestTable.js

@@ -2,16 +2,16 @@ import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { Layers as _e, Check as ee, ChevronRight as ze, ChevronDown as Me, ArrowDownToLine as Te } from "lucide-react";
 import * as h from "react";
 import { ManifestFilterPopover as Ae } from "./ManifestFilterPopover.js";
-import { Badge as ne } from "../../ui/badge.js";
-import { Button as F } from "../../ui/button.js";
-import { Checkbox as te } from "../../ui/checkbox.js";
-import { useComboboxAnchor as Fe, Combobox as Pe, ComboboxChips as Re, ComboboxValue as Ie, ComboboxChip as De, ComboboxChipsInput as Ge, ComboboxContent as Le, ComboboxEmpty as Be, ComboboxList as Ve, ComboboxItem as We } from "../../ui/combobox.js";
+import { Badge as ne } from "../../../ui/badge.js";
+import { Button as F } from "../../../ui/button.js";
+import { Checkbox as te } from "../../../ui/checkbox.js";
+import { useComboboxAnchor as Fe, Combobox as Pe, ComboboxChips as Re, ComboboxValue as Ie, ComboboxChip as De, ComboboxChipsInput as Ge, ComboboxContent as Le, ComboboxEmpty as Be, ComboboxList as Ve, ComboboxItem as We } from "../../../ui/combobox.js";
 import { applyFilterCondition as $e } from "../../ui/data-table/data-table.js";
-import { Input as He } from "../../ui/input.js";
-import { Select as B, SelectTrigger as V, SelectValue as W, SelectContent as $, SelectItem as P } from "../../ui/select.js";
-import { Switch as je } from "../../ui/switch.js";
-import { Table as Ze, TableHeader as Ue, TableRow as R, TableHead as H, TableBody as Ke, TableCell as M } from "../../ui/table.js";
-import { TooltipProvider as Oe, Tooltip as Ye, TooltipTrigger as qe, TooltipContent as Je } from "../../ui/tooltip.js";
+import { Input as He } from "../../../ui/input.js";
+import { Select as B, SelectTrigger as V, SelectValue as W, SelectContent as $, SelectItem as P } from "../../../ui/select.js";
+import { Switch as je } from "../../../ui/switch.js";
+import { Table as Ze, TableHeader as Ue, TableRow as R, TableHead as H, TableBody as Ke, TableCell as M } from "../../../ui/table.js";
+import { TooltipProvider as Oe, Tooltip as Ye, TooltipTrigger as qe, TooltipContent as Je } from "../../../ui/tooltip.js";
 import { cn as I } from "../../../lib/utils.js";
 function Qe({
   ariaLabel: d,