@payloadcms/ui 4.0.0-internal.011fd46 → 4.0.0-internal.016994f

package/dist/elements/UserMenu/useHoverSubmenu.js

@@ -0,0 +1,260 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useHoverSubmenuGroup } from './HoverSubmenuGroup.js';
+const HOVER_CLOSE_DELAY = 75;
+const POLYGON_BUFFER = 2;
+const isInsideRect = (x, y, rect) => x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom;
+const isInsideAxisAlignedRect = (x, y, x1, y1, x2, y2) => {
+  const minX = Math.min(x1, x2);
+  const maxX = Math.max(x1, x2);
+  const minY = Math.min(y1, y2);
+  const maxY = Math.max(y1, y2);
+  return x >= minX && x <= maxX && y >= minY && y <= maxY;
+};
+const hasIntersectingEdge = (px, py, xi, yi, xj, yj) => yi >= py !== yj >= py && px <= (xj - xi) * (py - yi) / (yj - yi) + xi;
+/** Ray-casting point-in-polygon test, ported from Floating UI's `safePolygon`. */
+const isPointInPolygon = (px, py, points) => {
+  let inside = false;
+  for (let i = 0; i < points.length; i++) {
+    const [xi, yi] = points[i];
+    const [xj, yj] = points[(i + 1) % points.length];
+    if (hasIntersectingEdge(px, py, xi, yi, xj, yj)) {
+      inside = !inside;
+    }
+  }
+  return inside;
+};
+/**
+ * Computes the funnel-shaped safe zone connecting `anchor` (the last cursor position over
+ * the trigger) to the content panel, ported from Floating UI's `safePolygon` 'left'/'right'
+ * cases. Unlike a bounding-box union, this narrows toward the panel, so hovering something
+ * far below/above the trigger-to-panel path (e.g. an unrelated item below a short submenu)
+ * correctly falls outside the zone.
+ */
+const getFunnelPolygon = (anchor, triggerRect, contentRect, contentIsLeft) => {
+  const isContentTaller = contentRect.height > triggerRect.height;
+  const leaveFromBottom = anchor.y > contentRect.bottom - contentRect.height / 2;
+  const yOffset = isContentTaller ? POLYGON_BUFFER / 2 : POLYGON_BUFFER * 4;
+  const pointOneY = isContentTaller ? anchor.y + yOffset : leaveFromBottom ? anchor.y + yOffset : anchor.y - yOffset;
+  const pointTwoY = isContentTaller ? anchor.y - yOffset : leaveFromBottom ? anchor.y + yOffset : anchor.y - yOffset;
+  if (contentIsLeft) {
+    const cursorPointX = anchor.x + POLYGON_BUFFER + 1;
+    const commonXTop = leaveFromBottom ? contentRect.right - POLYGON_BUFFER : isContentTaller ? contentRect.right - POLYGON_BUFFER : contentRect.left;
+    const commonXBottom = leaveFromBottom ? isContentTaller ? contentRect.right - POLYGON_BUFFER : contentRect.left : contentRect.right - POLYGON_BUFFER;
+    return [[commonXTop, contentRect.top], [commonXBottom, contentRect.bottom], [cursorPointX, pointOneY], [cursorPointX, pointTwoY]];
+  }
+  const cursorPointX = anchor.x - POLYGON_BUFFER;
+  const commonXTop = leaveFromBottom ? contentRect.left + POLYGON_BUFFER : isContentTaller ? contentRect.left + POLYGON_BUFFER : contentRect.right;
+  const commonXBottom = leaveFromBottom ? isContentTaller ? contentRect.left + POLYGON_BUFFER : contentRect.right : contentRect.left + POLYGON_BUFFER;
+  return [[cursorPointX, pointOneY], [cursorPointX, pointTwoY], [commonXTop, contentRect.top], [commonXBottom, contentRect.bottom]];
+};
+/**
+ * Opens a submenu on hover and keeps it open while the cursor is inside the trigger, the
+ * content, the trough between them, or the funnel-shaped safe zone connecting the two -
+ * closing once it has genuinely left all of those for `HOVER_CLOSE_DELAY`.
+ *
+ * `id` identifies this submenu within its `HoverSubmenuGroupProvider` (if any) - when
+ * a sibling submenu becomes active, this one closes immediately rather than waiting on
+ * its own hover-out timer.
+ */
+export const useHoverSubmenu = id => {
+  const $ = _c(21);
+  const [isOpen, setIsOpen] = useState(false);
+  const closeTimeoutRef = useRef(null);
+  const triggerRef = useRef(null);
+  const contentRef = useRef(null);
+  const anchorRef = useRef(null);
+  const hasLandedRef = useRef(false);
+  const group = useHoverSubmenuGroup();
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      if (closeTimeoutRef.current) {
+        clearTimeout(closeTimeoutRef.current);
+        closeTimeoutRef.current = null;
+      }
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const cancelClose = t0;
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      if (closeTimeoutRef.current) {
+        return;
+      }
+      closeTimeoutRef.current = setTimeout(() => {
+        setIsOpen(false);
+        closeTimeoutRef.current = null;
+      }, HOVER_CLOSE_DELAY);
+    };
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const scheduleClose = t1;
+  let t2;
+  if ($[2] !== group || $[3] !== id) {
+    t2 = e => {
+      cancelClose();
+      hasLandedRef.current = false;
+      if (e) {
+        anchorRef.current = {
+          x: e.clientX,
+          y: e.clientY
+        };
+      }
+      group?.setActiveId(id);
+      setIsOpen(true);
+    };
+    $[2] = group;
+    $[3] = id;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const open = t2;
+  let t3;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => {
+      cancelClose();
+      hasLandedRef.current = true;
+    };
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const keepOpen = t3;
+  let t4;
+  if ($[6] !== group || $[7] !== id) {
+    t4 = () => {
+      cancelClose();
+      setIsOpen(false);
+      group?.setActiveId(current => current === id ? null : current);
+    };
+    $[6] = group;
+    $[7] = id;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  const close = t4;
+  let t5;
+  let t6;
+  if ($[9] !== group || $[10] !== id || $[11] !== isOpen) {
+    t5 = () => {
+      if (isOpen && group && group.activeId !== null && group.activeId !== id) {
+        cancelClose();
+        setIsOpen(false);
+      }
+    };
+    t6 = [group, isOpen, id, cancelClose];
+    $[9] = group;
+    $[10] = id;
+    $[11] = isOpen;
+    $[12] = t5;
+    $[13] = t6;
+  } else {
+    t5 = $[12];
+    t6 = $[13];
+  }
+  useEffect(t5, t6);
+  let t7;
+  let t8;
+  if ($[14] !== isOpen) {
+    t7 = () => {
+      if (!isOpen) {
+        return;
+      }
+      const handlePointerMove = e_0 => {
+        const triggerRect = triggerRef.current?.getBoundingClientRect();
+        const contentRect = contentRef.current?.getBoundingClientRect();
+        if (!triggerRect || !contentRect) {
+          return;
+        }
+        const {
+          clientX,
+          clientY
+        } = e_0;
+        if (isInsideRect(clientX, clientY, triggerRect)) {
+          anchorRef.current = {
+            x: clientX,
+            y: clientY
+          };
+          hasLandedRef.current = false;
+          cancelClose();
+          return;
+        }
+        if (isInsideRect(clientX, clientY, contentRect)) {
+          hasLandedRef.current = true;
+          cancelClose();
+          return;
+        }
+        const contentIsLeft = contentRect.right <= triggerRect.left + 1;
+        const isContentTaller = contentRect.height > triggerRect.height;
+        const boundTop = (isContentTaller ? triggerRect : contentRect).top;
+        const boundBottom = (isContentTaller ? triggerRect : contentRect).bottom;
+        const movedPastTrigger = contentIsLeft ? clientX >= triggerRect.right - 1 : clientX <= triggerRect.left + 1;
+        const troughX1 = contentIsLeft ? contentRect.right - 1 : triggerRect.right - 1;
+        const troughX2 = contentIsLeft ? triggerRect.left + 1 : contentRect.left + 1;
+        const isInsideTrough = isInsideAxisAlignedRect(clientX, clientY, troughX1, boundBottom, troughX2, boundTop);
+        if (movedPastTrigger) {
+          scheduleClose();
+          return;
+        }
+        if (isInsideTrough) {
+          cancelClose();
+          return;
+        }
+        if (hasLandedRef.current) {
+          scheduleClose();
+          return;
+        }
+        const anchor = anchorRef.current ?? {
+          x: contentIsLeft ? triggerRect.left : triggerRect.right,
+          y: (triggerRect.top + triggerRect.bottom) / 2
+        };
+        const polygon = getFunnelPolygon(anchor, triggerRect, contentRect, contentIsLeft);
+        const isInsidePolygon = isPointInPolygon(clientX, clientY, polygon);
+        if (isInsidePolygon) {
+          cancelClose();
+        } else {
+          scheduleClose();
+        }
+      };
+      document.addEventListener("mousemove", handlePointerMove);
+      return () => document.removeEventListener("mousemove", handlePointerMove);
+    };
+    t8 = [isOpen, cancelClose, scheduleClose];
+    $[14] = isOpen;
+    $[15] = t7;
+    $[16] = t8;
+  } else {
+    t7 = $[15];
+    t8 = $[16];
+  }
+  useEffect(t7, t8);
+  let t9;
+  if ($[17] !== close || $[18] !== isOpen || $[19] !== open) {
+    t9 = {
+      close,
+      contentRef,
+      isOpen,
+      keepOpen,
+      open,
+      triggerRef
+    };
+    $[17] = close;
+    $[18] = isOpen;
+    $[19] = open;
+    $[20] = t9;
+  } else {
+    t9 = $[20];
+  }
+  return t9;
+};
+//# sourceMappingURL=useHoverSubmenu.js.map

package/dist/elements/UserMenu/useHoverSubmenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHoverSubmenu.js","names":["c","_c","useCallback","useEffect","useRef","useState","useHoverSubmenuGroup","HOVER_CLOSE_DELAY","POLYGON_BUFFER","isInsideRect","x","y","rect","left","right","top","bottom","isInsideAxisAlignedRect","x1","y1","x2","y2","minX","Math","min","maxX","max","minY","maxY","hasIntersectingEdge","px","py","xi","yi","xj","yj","isPointInPolygon","points","inside","i","length","getFunnelPolygon","anchor","triggerRect","contentRect","contentIsLeft","isContentTaller","height","leaveFromBottom","yOffset","pointOneY","pointTwoY","cursorPointX","commonXTop","commonXBottom","useHoverSubmenu","id","$","isOpen","setIsOpen","closeTimeoutRef","triggerRef","contentRef","anchorRef","hasLandedRef","group","t0","Symbol","for","current","clearTimeout","cancelClose","t1","setTimeout","scheduleClose","t2","e","clientX","clientY","setActiveId","open","t3","keepOpen","t4","close","t5","t6","activeId","t7","t8","handlePointerMove","e_0","getBoundingClientRect","boundTop","boundBottom","movedPastTrigger","troughX1","troughX2","isInsideTrough","polygon","isInsidePolygon","document","addEventListener","removeEventListener","t9"],"sources":["../../../src/elements/UserMenu/useHoverSubmenu.ts"],"sourcesContent":["'use client'\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nimport { useHoverSubmenuGroup } from './HoverSubmenuGroup.js'\n\nconst HOVER_CLOSE_DELAY = 75\nconst POLYGON_BUFFER = 2\n\ntype Point = [x: number, y: number]\n\nconst isInsideRect = (x: number, y: number, rect: DOMRect) =>\n  x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom\n\nconst isInsideAxisAlignedRect = (\n  x: number,\n  y: number,\n  x1: number,\n  y1: number,\n  x2: number,\n  y2: number,\n) => {\n  const minX = Math.min(x1, x2)\n  const maxX = Math.max(x1, x2)\n  const minY = Math.min(y1, y2)\n  const maxY = Math.max(y1, y2)\n  return x >= minX && x <= maxX && y >= minY && y <= maxY\n}\n\nconst hasIntersectingEdge = (\n  px: number,\n  py: number,\n  xi: number,\n  yi: number,\n  xj: number,\n  yj: number,\n) => yi >= py !== yj >= py && px <= ((xj - xi) * (py - yi)) / (yj - yi) + xi\n\n/** Ray-casting point-in-polygon test, ported from Floating UI's `safePolygon`. */\nconst isPointInPolygon = (px: number, py: number, points: Point[]) => {\n  let inside = false\n  for (let i = 0; i < points.length; i++) {\n    const [xi, yi] = points[i]\n    const [xj, yj] = points[(i + 1) % points.length]\n    if (hasIntersectingEdge(px, py, xi, yi, xj, yj)) {\n      inside = !inside\n    }\n  }\n  return inside\n}\n\n/**\n * Computes the funnel-shaped safe zone connecting `anchor` (the last cursor position over\n * the trigger) to the content panel, ported from Floating UI's `safePolygon` 'left'/'right'\n * cases. Unlike a bounding-box union, this narrows toward the panel, so hovering something\n * far below/above the trigger-to-panel path (e.g. an unrelated item below a short submenu)\n * correctly falls outside the zone.\n */\nconst getFunnelPolygon = (\n  anchor: { x: number; y: number },\n  triggerRect: DOMRect,\n  contentRect: DOMRect,\n  contentIsLeft: boolean,\n): Point[] => {\n  const isContentTaller = contentRect.height > triggerRect.height\n  const leaveFromBottom = anchor.y > contentRect.bottom - contentRect.height / 2\n\n  const yOffset = isContentTaller ? POLYGON_BUFFER / 2 : POLYGON_BUFFER * 4\n  const pointOneY = isContentTaller\n    ? anchor.y + yOffset\n    : leaveFromBottom\n      ? anchor.y + yOffset\n      : anchor.y - yOffset\n  const pointTwoY = isContentTaller\n    ? anchor.y - yOffset\n    : leaveFromBottom\n      ? anchor.y + yOffset\n      : anchor.y - yOffset\n\n  if (contentIsLeft) {\n    const cursorPointX = anchor.x + POLYGON_BUFFER + 1\n    const commonXTop = leaveFromBottom\n      ? contentRect.right - POLYGON_BUFFER\n      : isContentTaller\n        ? contentRect.right - POLYGON_BUFFER\n        : contentRect.left\n    const commonXBottom = leaveFromBottom\n      ? isContentTaller\n        ? contentRect.right - POLYGON_BUFFER\n        : contentRect.left\n      : contentRect.right - POLYGON_BUFFER\n\n    return [\n      [commonXTop, contentRect.top],\n      [commonXBottom, contentRect.bottom],\n      [cursorPointX, pointOneY],\n      [cursorPointX, pointTwoY],\n    ]\n  }\n\n  const cursorPointX = anchor.x - POLYGON_BUFFER\n  const commonXTop = leaveFromBottom\n    ? contentRect.left + POLYGON_BUFFER\n    : isContentTaller\n      ? contentRect.left + POLYGON_BUFFER\n      : contentRect.right\n  const commonXBottom = leaveFromBottom\n    ? isContentTaller\n      ? contentRect.left + POLYGON_BUFFER\n      : contentRect.right\n    : contentRect.left + POLYGON_BUFFER\n\n  return [\n    [cursorPointX, pointOneY],\n    [cursorPointX, pointTwoY],\n    [commonXTop, contentRect.top],\n    [commonXBottom, contentRect.bottom],\n  ]\n}\n\n/**\n * Opens a submenu on hover and keeps it open while the cursor is inside the trigger, the\n * content, the trough between them, or the funnel-shaped safe zone connecting the two -\n * closing once it has genuinely left all of those for `HOVER_CLOSE_DELAY`.\n *\n * `id` identifies this submenu within its `HoverSubmenuGroupProvider` (if any) - when\n * a sibling submenu becomes active, this one closes immediately rather than waiting on\n * its own hover-out timer.\n */\nexport const useHoverSubmenu = (id: string) => {\n  const [isOpen, setIsOpen] = useState(false)\n  const closeTimeoutRef = useRef<null | ReturnType<typeof setTimeout>>(null)\n  const triggerRef = useRef<HTMLElement | null>(null)\n  const contentRef = useRef<HTMLElement | null>(null)\n  const anchorRef = useRef<{ x: number; y: number } | null>(null)\n  const hasLandedRef = useRef(false)\n  const group = useHoverSubmenuGroup()\n\n  const cancelClose = useCallback(() => {\n    if (closeTimeoutRef.current) {\n      clearTimeout(closeTimeoutRef.current)\n      closeTimeoutRef.current = null\n    }\n  }, [])\n\n  const scheduleClose = useCallback(() => {\n    if (closeTimeoutRef.current) {\n      return\n    }\n    closeTimeoutRef.current = setTimeout(() => {\n      setIsOpen(false)\n      closeTimeoutRef.current = null\n    }, HOVER_CLOSE_DELAY)\n  }, [])\n\n  const open = useCallback(\n    (e?: { clientX: number; clientY: number }) => {\n      cancelClose()\n      hasLandedRef.current = false\n      if (e) {\n        anchorRef.current = { x: e.clientX, y: e.clientY }\n      }\n      group?.setActiveId(id)\n      setIsOpen(true)\n    },\n    [cancelClose, group, id],\n  )\n\n  // For the content panel's own onMouseEnter - just cancels a pending close and marks us\n  // as \"landed\", without touching the trigger anchor point `open()` seeds.\n  const keepOpen = useCallback(() => {\n    cancelClose()\n    hasLandedRef.current = true\n  }, [cancelClose])\n\n  const close = useCallback(() => {\n    cancelClose()\n    setIsOpen(false)\n    group?.setActiveId((current) => (current === id ? null : current))\n  }, [cancelClose, group, id])\n\n  // A sibling became active (its trigger was hovered) - force-close this one now,\n  // instead of relying on this submenu's own hover-zone timeout to eventually catch up.\n  useEffect(() => {\n    if (isOpen && group && group.activeId !== null && group.activeId !== id) {\n      cancelClose()\n      setIsOpen(false)\n    }\n  }, [group, isOpen, id, cancelClose])\n\n  useEffect(() => {\n    if (!isOpen) {\n      return\n    }\n\n    const handlePointerMove = (e: MouseEvent) => {\n      const triggerRect = triggerRef.current?.getBoundingClientRect()\n      const contentRect = contentRef.current?.getBoundingClientRect()\n      if (!triggerRect || !contentRect) {\n        return\n      }\n\n      const { clientX, clientY } = e\n\n      if (isInsideRect(clientX, clientY, triggerRect)) {\n        anchorRef.current = { x: clientX, y: clientY }\n        hasLandedRef.current = false\n        cancelClose()\n        return\n      }\n\n      if (isInsideRect(clientX, clientY, contentRect)) {\n        hasLandedRef.current = true\n        cancelClose()\n        return\n      }\n\n      const contentIsLeft = contentRect.right <= triggerRect.left + 1\n      const isContentTaller = contentRect.height > triggerRect.height\n      const boundTop = (isContentTaller ? triggerRect : contentRect).top\n      const boundBottom = (isContentTaller ? triggerRect : contentRect).bottom\n\n      // Cursor has already moved past the trigger, away from the content entirely - no\n      // amount of funnel forgiveness should keep it open.\n      const movedPastTrigger = contentIsLeft\n        ? clientX >= triggerRect.right - 1\n        : clientX <= triggerRect.left + 1\n\n      // The strip directly between the trigger and content is always safe, regardless of\n      // funnel shape - prevents flapping when moving back and forth in the gap.\n      const troughX1 = contentIsLeft ? contentRect.right - 1 : triggerRect.right - 1\n      const troughX2 = contentIsLeft ? triggerRect.left + 1 : contentRect.left + 1\n      const isInsideTrough = isInsideAxisAlignedRect(\n        clientX,\n        clientY,\n        troughX1,\n        boundBottom,\n        troughX2,\n        boundTop,\n      )\n\n      if (movedPastTrigger) {\n        scheduleClose()\n        return\n      }\n\n      if (isInsideTrough) {\n        cancelClose()\n        return\n      }\n\n      if (hasLandedRef.current) {\n        scheduleClose()\n        return\n      }\n\n      const anchor = anchorRef.current ?? {\n        x: contentIsLeft ? triggerRect.left : triggerRect.right,\n        y: (triggerRect.top + triggerRect.bottom) / 2,\n      }\n\n      const polygon = getFunnelPolygon(anchor, triggerRect, contentRect, contentIsLeft)\n      const isInsidePolygon = isPointInPolygon(clientX, clientY, polygon)\n\n      if (isInsidePolygon) {\n        cancelClose()\n      } else {\n        scheduleClose()\n      }\n    }\n\n    document.addEventListener('mousemove', handlePointerMove)\n    return () => document.removeEventListener('mousemove', handlePointerMove)\n  }, [isOpen, cancelClose, scheduleClose])\n\n  return { close, contentRef, isOpen, keepOpen, open, triggerRef }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ViewModeToggle/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type DocumentViewMode = 'grid' | 'table';
+export type ViewModeToggleProps = {
+    onChange: (viewMode: DocumentViewMode) => void;
+    viewMode: DocumentViewMode;
+};
+export declare const ViewModeToggle: React.FC<ViewModeToggleProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/ViewModeToggle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ViewModeToggle/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAA;AAE/C,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC9C,QAAQ,EAAE,gBAAgB,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAaxD,CAAA"}

package/dist/elements/ViewModeToggle/index.js

@@ -0,0 +1,29 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { GridViewIcon } from '../../icons/GridView/index.js';
+import { TableIcon } from '../../icons/Table/index.js';
+import { SegmentedControl } from '../SegmentedControl/index.js';
+export const ViewModeToggle = ({
+  onChange,
+  viewMode
+}) => /*#__PURE__*/_jsxs(SegmentedControl.Root, {
+  legend: "View mode",
+  onChange: nextViewMode => onChange(nextViewMode),
+  value: viewMode,
+  children: [/*#__PURE__*/_jsx(SegmentedControl.Option, {
+    "aria-label": "Table view",
+    icon: /*#__PURE__*/_jsx(TableIcon, {
+      size: 24
+    }),
+    value: "table"
+  }), /*#__PURE__*/_jsx(SegmentedControl.Option, {
+    "aria-label": "Grid view",
+    icon: /*#__PURE__*/_jsx(GridViewIcon, {
+      size: 24
+    }),
+    value: "grid"
+  })]
+});
+//# sourceMappingURL=index.js.map

package/dist/elements/ViewModeToggle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","GridViewIcon","TableIcon","SegmentedControl","ViewModeToggle","onChange","viewMode","_jsxs","Root","legend","nextViewMode","value","_jsx","Option","icon","size"],"sources":["../../../src/elements/ViewModeToggle/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { GridViewIcon } from '../../icons/GridView/index.js'\nimport { TableIcon } from '../../icons/Table/index.js'\nimport { SegmentedControl } from '../SegmentedControl/index.js'\n\nexport type DocumentViewMode = 'grid' | 'table'\n\nexport type ViewModeToggleProps = {\n  onChange: (viewMode: DocumentViewMode) => void\n  viewMode: DocumentViewMode\n}\n\nexport const ViewModeToggle: React.FC<ViewModeToggleProps> = ({ onChange, viewMode }) => (\n  <SegmentedControl.Root\n    legend=\"View mode\"\n    onChange={(nextViewMode) => onChange(nextViewMode as DocumentViewMode)}\n    value={viewMode}\n  >\n    <SegmentedControl.Option aria-label=\"Table view\" icon={<TableIcon size={24} />} value=\"table\" />\n    <SegmentedControl.Option\n      aria-label=\"Grid view\"\n      icon={<GridViewIcon size={24} />}\n      value=\"grid\"\n    />\n  </SegmentedControl.Root>\n)\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAC7B,SAASC,SAAS,QAAQ;AAC1B,SAASC,gBAAgB,QAAQ;AASjC,OAAO,MAAMC,cAAA,GAAgDA,CAAC;EAAEC,QAAQ;EAAEC;AAAQ,CAAE,kBAClFC,KAAA,CAACJ,gBAAA,CAAiBK,IAAI;EACpBC,MAAA,EAAO;EACPJ,QAAA,EAAWK,YAAA,IAAiBL,QAAA,CAASK,YAAA;EACrCC,KAAA,EAAOL,QAAA;0BAEPM,IAAA,CAACT,gBAAA,CAAiBU,MAAM;IAAC,cAAW;IAAaC,IAAA,eAAMF,IAAA,CAACV,SAAA;MAAUa,IAAA,EAAM;;IAAQJ,KAAA,EAAM;mBACtFC,IAAA,CAACT,gBAAA,CAAiBU,MAAM;IACtB,cAAW;IACXC,IAAA,eAAMF,IAAA,CAACX,YAAA;MAAac,IAAA,EAAM;;IAC1BJ,KAAA,EAAM","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Relationship/optionsReducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"optionsReducer.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Relationship/optionsReducer.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAWhD,QAAA,MAAM,cAAc,GAAI,OAAO,MAAM,EAAE,EAAE,QAAQ,MAAM,KAAG,MAAM,EAuE/D,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"optionsReducer.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Relationship/optionsReducer.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAWhD,QAAA,MAAM,cAAc,UAAW,MAAM,EAAE,UAAU,MAAM,KAAG,MAAM,EAuE/D,CAAA;eAEc,cAAc"}

package/dist/elements/WhereBuilder/Condition/Select/formatOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formatOptions.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Select/formatOptions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnD;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,SAAS,MAAM,EAAE,KAAG,YAAY,EAU1D,CAAA"}
+{"version":3,"file":"formatOptions.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Select/formatOptions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnD;;GAEG;AACH,eAAO,MAAM,aAAa,YAAa,MAAM,EAAE,KAAG,YAAY,EAU1D,CAAA"}

package/dist/elements/WhereBuilder/Condition/validOperators.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validOperators.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/validOperators.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,GAAI,cAAS;;;;;;;;;;;;;;;;;CAiC9C,CAAA"}
+{"version":3,"file":"validOperators.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/validOperators.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;CAiCjC,CAAA"}

package/dist/elements/WhereBuilder/conditionValue.d.ts

@@ -0,0 +1,32 @@
+import type { UpdateCondition } from './types.js';
+type UpdateType = Parameters<UpdateCondition>[0]['type'];
+/**
+ * A row that holds no value yet. Empty arrives as `''` from the URL, `null` from a cleared
+ * select, or `undefined` from a row that was added but never filled in.
+ */
+export declare const isEmptyConditionValue: ({ value }: {
+    value: unknown;
+}) => boolean;
+/**
+ * The value a row renders with. Only a missing value becomes `undefined`. `0` and `false` are
+ * real filter values, so they must survive.
+ */
+export declare const getDisplayedConditionValue: <T>({ value }: {
+    value: T;
+}) => T | undefined;
+/**
+ * Whether an edit leaves the row unchanged, and so must not be committed.
+ *
+ * An empty row renders blank and reports `undefined` back up as soon as it mounts. Committing
+ * that stores `{ [operator]: undefined }`, which `qs.stringify` drops when the query is written
+ * to the URL — so the row is gone on the next parse.
+ *
+ * Field and operator edits change the row even while it holds no value, so they always commit.
+ */
+export declare const isNoOpConditionValueUpdate: ({ type, incomingValue, storedValue, }: {
+    incomingValue: unknown;
+    storedValue: unknown;
+    type: UpdateType;
+}) => boolean;
+export {};
+//# sourceMappingURL=conditionValue.d.ts.map

package/dist/elements/WhereBuilder/conditionValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conditionValue.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/conditionValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAEjD,KAAK,UAAU,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;AAExD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,cAAe;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,KAAG,OACf,CAAA;AAEvD;;;GAGG;AACH,eAAO,MAAM,0BAA0B,GAAI,CAAC,aAAa;IAAE,KAAK,EAAE,CAAC,CAAA;CAAE,KAAG,CAAC,GAAG,SACxD,CAAA;AAEpB;;;;;;;;GAQG;AACH,eAAO,MAAM,0BAA0B,0CAIpC;IACD,aAAa,EAAE,OAAO,CAAA;IACtB,WAAW,EAAE,OAAO,CAAA;IACpB,IAAI,EAAE,UAAU,CAAA;CACjB,KAAG,OAG6C,CAAA"}

package/dist/elements/WhereBuilder/conditionValue.js

@@ -0,0 +1,32 @@
+/**
+ * A row that holds no value yet. Empty arrives as `''` from the URL, `null` from a cleared
+ * select, or `undefined` from a row that was added but never filled in.
+ */export const isEmptyConditionValue = ({
+  value
+}) => value === undefined || value === null || value === '';
+/**
+ * The value a row renders with. Only a missing value becomes `undefined`. `0` and `false` are
+ * real filter values, so they must survive.
+ */
+export const getDisplayedConditionValue = ({
+  value
+}) => value ?? undefined;
+/**
+ * Whether an edit leaves the row unchanged, and so must not be committed.
+ *
+ * An empty row renders blank and reports `undefined` back up as soon as it mounts. Committing
+ * that stores `{ [operator]: undefined }`, which `qs.stringify` drops when the query is written
+ * to the URL — so the row is gone on the next parse.
+ *
+ * Field and operator edits change the row even while it holds no value, so they always commit.
+ */
+export const isNoOpConditionValueUpdate = ({
+  type,
+  incomingValue,
+  storedValue
+}) => type === 'value' && isEmptyConditionValue({
+  value: storedValue
+}) && isEmptyConditionValue({
+  value: incomingValue
+});
+//# sourceMappingURL=conditionValue.js.map

package/dist/elements/WhereBuilder/conditionValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conditionValue.js","names":["isEmptyConditionValue","value","undefined","getDisplayedConditionValue","isNoOpConditionValueUpdate","type","incomingValue","storedValue"],"sources":["../../../src/elements/WhereBuilder/conditionValue.ts"],"sourcesContent":["import type { UpdateCondition } from './types.js'\n\ntype UpdateType = Parameters<UpdateCondition>[0]['type']\n\n/**\n * A row that holds no value yet. Empty arrives as `''` from the URL, `null` from a cleared\n * select, or `undefined` from a row that was added but never filled in.\n */\nexport const isEmptyConditionValue = ({ value }: { value: unknown }): boolean =>\n  value === undefined || value === null || value === ''\n\n/**\n * The value a row renders with. Only a missing value becomes `undefined`. `0` and `false` are\n * real filter values, so they must survive.\n */\nexport const getDisplayedConditionValue = <T>({ value }: { value: T }): T | undefined =>\n  value ?? undefined\n\n/**\n * Whether an edit leaves the row unchanged, and so must not be committed.\n *\n * An empty row renders blank and reports `undefined` back up as soon as it mounts. Committing\n * that stores `{ [operator]: undefined }`, which `qs.stringify` drops when the query is written\n * to the URL — so the row is gone on the next parse.\n *\n * Field and operator edits change the row even while it holds no value, so they always commit.\n */\nexport const isNoOpConditionValueUpdate = ({\n  type,\n  incomingValue,\n  storedValue,\n}: {\n  incomingValue: unknown\n  storedValue: unknown\n  type: UpdateType\n}): boolean =>\n  type === 'value' &&\n  isEmptyConditionValue({ value: storedValue }) &&\n  isEmptyConditionValue({ value: incomingValue })\n"],"mappings":"AAIA;;;GAIA,OAAO,MAAMA,qBAAA,GAAwBA,CAAC;EAAEC;AAAK,CAAsB,KACjEA,KAAA,KAAUC,SAAA,IAAaD,KAAA,KAAU,QAAQA,KAAA,KAAU;AAErD;;;;AAIA,OAAO,MAAME,0BAAA,GAA6BA,CAAI;EAAEF;AAAK,CAAgB,KACnEA,KAAA,IAASC,SAAA;AAEX;;;;;;;;;AASA,OAAO,MAAME,0BAAA,GAA6BA,CAAC;EACzCC,IAAI;EACJC,aAAa;EACbC;AAAW,CAKZ,KACCF,IAAA,KAAS,WACTL,qBAAA,CAAsB;EAAEC,KAAA,EAAOM;AAAY,MAC3CP,qBAAA,CAAsB;EAAEC,KAAA,EAAOK;AAAc","ignoreList":[]}

package/dist/elements/WhereBuilder/conditionValue.spec.js

@@ -0,0 +1,65 @@
+import { describe, expect, it } from 'vitest';
+import { getDisplayedConditionValue, isEmptyConditionValue, isNoOpConditionValueUpdate } from './conditionValue.js';
+describe('isEmptyConditionValue', () => {
+  it.each([['undefined', undefined], ['null', null], ['an empty string', '']])('should treat %s as empty', (_label, value) => {
+    expect(isEmptyConditionValue({
+      value
+    })).toBe(true);
+  });
+  it.each([['a string', 'option1'], ['zero', 0], ['false', false]])('should treat %s as a real value', (_label, value) => {
+    expect(isEmptyConditionValue({
+      value
+    })).toBe(false);
+  });
+});
+describe('getDisplayedConditionValue', () => {
+  it.each([['undefined', undefined], ['null', null]])('should display %s as no value', (_label, value) => {
+    expect(getDisplayedConditionValue({
+      value
+    })).toBeUndefined();
+  });
+  it.each([['zero', 0], ['false', false], ['an empty string', ''], ['a string', 'option1']])('should display %s as itself', (_label, value) => {
+    expect(getDisplayedConditionValue({
+      value
+    })).toBe(value);
+  });
+});
+describe('isNoOpConditionValueUpdate', () => {
+  it('should skip the empty value a row reports back for a stored empty string', () => {
+    // The row this covers comes from a URL such as `?where[or][0][and][0][field][equals]=`.
+    expect(isNoOpConditionValueUpdate({
+      incomingValue: undefined,
+      storedValue: '',
+      type: 'value'
+    })).toBe(true);
+  });
+  it.each([['undefined', 'an empty string', undefined, ''], ['null', 'undefined', null, undefined], ['undefined', 'undefined', undefined, undefined]])('should skip a %s value stored as %s', (_incomingLabel, _storedLabel, incomingValue, storedValue) => {
+    expect(isNoOpConditionValueUpdate({
+      incomingValue,
+      storedValue,
+      type: 'value'
+    })).toBe(true);
+  });
+  it('should commit a value typed into an empty row', () => {
+    expect(isNoOpConditionValueUpdate({
+      incomingValue: 'option1',
+      storedValue: '',
+      type: 'value'
+    })).toBe(false);
+  });
+  it('should commit a row the user cleared', () => {
+    expect(isNoOpConditionValueUpdate({
+      incomingValue: undefined,
+      storedValue: 'option1',
+      type: 'value'
+    })).toBe(false);
+  });
+  it.each([['field'], ['operator']])('should commit a %s edit on a row that holds no value', type => {
+    expect(isNoOpConditionValueUpdate({
+      incomingValue: undefined,
+      storedValue: '',
+      type
+    })).toBe(false);
+  });
+});
+//# sourceMappingURL=conditionValue.spec.js.map

package/dist/elements/WhereBuilder/conditionValue.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conditionValue.spec.js","names":["describe","expect","it","getDisplayedConditionValue","isEmptyConditionValue","isNoOpConditionValueUpdate","each","undefined","_label","value","toBe","toBeUndefined","incomingValue","storedValue","type","_incomingLabel","_storedLabel"],"sources":["../../../src/elements/WhereBuilder/conditionValue.spec.ts"],"sourcesContent":["import { describe, expect, it } from 'vitest'\n\nimport {\n  getDisplayedConditionValue,\n  isEmptyConditionValue,\n  isNoOpConditionValueUpdate,\n} from './conditionValue.js'\n\ndescribe('isEmptyConditionValue', () => {\n  it.each([\n    ['undefined', undefined],\n    ['null', null],\n    ['an empty string', ''],\n  ])('should treat %s as empty', (_label, value) => {\n    expect(isEmptyConditionValue({ value })).toBe(true)\n  })\n\n  it.each([\n    ['a string', 'option1'],\n    ['zero', 0],\n    ['false', false],\n  ])('should treat %s as a real value', (_label, value) => {\n    expect(isEmptyConditionValue({ value })).toBe(false)\n  })\n})\n\ndescribe('getDisplayedConditionValue', () => {\n  it.each([\n    ['undefined', undefined],\n    ['null', null],\n  ])('should display %s as no value', (_label, value) => {\n    expect(getDisplayedConditionValue({ value })).toBeUndefined()\n  })\n\n  it.each([\n    ['zero', 0],\n    ['false', false],\n    ['an empty string', ''],\n    ['a string', 'option1'],\n  ])('should display %s as itself', (_label, value) => {\n    expect(getDisplayedConditionValue({ value })).toBe(value)\n  })\n})\n\ndescribe('isNoOpConditionValueUpdate', () => {\n  it('should skip the empty value a row reports back for a stored empty string', () => {\n    // The row this covers comes from a URL such as `?where[or][0][and][0][field][equals]=`.\n    expect(\n      isNoOpConditionValueUpdate({ incomingValue: undefined, storedValue: '', type: 'value' }),\n    ).toBe(true)\n  })\n\n  it.each([\n    ['undefined', 'an empty string', undefined, ''],\n    ['null', 'undefined', null, undefined],\n    ['undefined', 'undefined', undefined, undefined],\n  ])(\n    'should skip a %s value stored as %s',\n    (_incomingLabel, _storedLabel, incomingValue, storedValue) => {\n      expect(isNoOpConditionValueUpdate({ incomingValue, storedValue, type: 'value' })).toBe(true)\n    },\n  )\n\n  it('should commit a value typed into an empty row', () => {\n    expect(\n      isNoOpConditionValueUpdate({ incomingValue: 'option1', storedValue: '', type: 'value' }),\n    ).toBe(false)\n  })\n\n  it('should commit a row the user cleared', () => {\n    expect(\n      isNoOpConditionValueUpdate({\n        incomingValue: undefined,\n        storedValue: 'option1',\n        type: 'value',\n      }),\n    ).toBe(false)\n  })\n\n  it.each([['field'], ['operator']] as const)(\n    'should commit a %s edit on a row that holds no value',\n    (type) => {\n      expect(isNoOpConditionValueUpdate({ incomingValue: undefined, storedValue: '', type })).toBe(\n        false,\n      )\n    },\n  )\n})\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,EAAE,QAAQ;AAErC,SACEC,0BAA0B,EAC1BC,qBAAqB,EACrBC,0BAA0B,QACrB;AAEPL,QAAA,CAAS,yBAAyB;EAChCE,EAAA,CAAGI,IAAI,CAAC,CACN,CAAC,aAAaC,SAAA,CAAU,EACxB,CAAC,QAAQ,KAAK,EACd,CAAC,mBAAmB,GAAG,CACxB,EAAE,4BAA4B,CAACC,MAAA,EAAQC,KAAA;IACtCR,MAAA,CAAOG,qBAAA,CAAsB;MAAEK;IAAM,IAAIC,IAAI,CAAC;EAChD;EAEAR,EAAA,CAAGI,IAAI,CAAC,CACN,CAAC,YAAY,UAAU,EACvB,CAAC,QAAQ,EAAE,EACX,CAAC,SAAS,MAAM,CACjB,EAAE,mCAAmC,CAACE,MAAA,EAAQC,KAAA;IAC7CR,MAAA,CAAOG,qBAAA,CAAsB;MAAEK;IAAM,IAAIC,IAAI,CAAC;EAChD;AACF;AAEAV,QAAA,CAAS,8BAA8B;EACrCE,EAAA,CAAGI,IAAI,CAAC,CACN,CAAC,aAAaC,SAAA,CAAU,EACxB,CAAC,QAAQ,KAAK,CACf,EAAE,iCAAiC,CAACC,MAAA,EAAQC,KAAA;IAC3CR,MAAA,CAAOE,0BAAA,CAA2B;MAAEM;IAAM,IAAIE,aAAa;EAC7D;EAEAT,EAAA,CAAGI,IAAI,CAAC,CACN,CAAC,QAAQ,EAAE,EACX,CAAC,SAAS,MAAM,EAChB,CAAC,mBAAmB,GAAG,EACvB,CAAC,YAAY,UAAU,CACxB,EAAE,+BAA+B,CAACE,MAAA,EAAQC,KAAA;IACzCR,MAAA,CAAOE,0BAAA,CAA2B;MAAEM;IAAM,IAAIC,IAAI,CAACD,KAAA;EACrD;AACF;AAEAT,QAAA,CAAS,8BAA8B;EACrCE,EAAA,CAAG,4EAA4E;IAC7E;IACAD,MAAA,CACEI,0BAAA,CAA2B;MAAEO,aAAA,EAAeL,SAAA;MAAWM,WAAA,EAAa;MAAIC,IAAA,EAAM;IAAQ,IACtFJ,IAAI,CAAC;EACT;EAEAR,EAAA,CAAGI,IAAI,CAAC,CACN,CAAC,aAAa,mBAAmBC,SAAA,EAAW,GAAG,EAC/C,CAAC,QAAQ,aAAa,MAAMA,SAAA,CAAU,EACtC,CAAC,aAAa,aAAaA,SAAA,EAAWA,SAAA,CAAU,CACjD,EACC,uCACA,CAACQ,cAAA,EAAgBC,YAAA,EAAcJ,aAAA,EAAeC,WAAA;IAC5CZ,MAAA,CAAOI,0BAAA,CAA2B;MAAEO,aAAA;MAAeC,WAAA;MAAaC,IAAA,EAAM;IAAQ,IAAIJ,IAAI,CAAC;EACzF;EAGFR,EAAA,CAAG,iDAAiD;IAClDD,MAAA,CACEI,0BAAA,CAA2B;MAAEO,aAAA,EAAe;MAAWC,WAAA,EAAa;MAAIC,IAAA,EAAM;IAAQ,IACtFJ,IAAI,CAAC;EACT;EAEAR,EAAA,CAAG,wCAAwC;IACzCD,MAAA,CACEI,0BAAA,CAA2B;MACzBO,aAAA,EAAeL,SAAA;MACfM,WAAA,EAAa;MACbC,IAAA,EAAM;IACR,IACAJ,IAAI,CAAC;EACT;EAEAR,EAAA,CAAGI,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,WAAW,CAAC,EAC/B,wDACCQ,IAAA;IACCb,MAAA,CAAOI,0BAAA,CAA2B;MAAEO,aAAA,EAAeL,SAAA;MAAWM,WAAA,EAAa;MAAIC;IAAK,IAAIJ,IAAI,CAC1F;EAEJ;AAEJ","ignoreList":[]}

package/dist/elements/WhereBuilder/field-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-types.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/field-types.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAa1C,eAAO,MAAM,cAAc;;;GAS1B,CAAA;AA8DD,eAAO,MAAM,mBAAmB,EAAE;IAChC,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,SAAS,EAAE,MAAM,CAAA;QACjB,SAAS,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,EAAE,CAAA;KAC9C,CAAA;CA0DF,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,sBAGpC;IACD,KAAK,EAAE,WAAW,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,KAAG;IACF,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE;QACd,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;KACd,EAAE,CAAA;CAqBJ,CAAA"}
+{"version":3,"file":"field-types.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/field-types.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAa1C,eAAO,MAAM,cAAc;;;GAS1B,CAAA;AA8DD,eAAO,MAAM,mBAAmB,EAAE;IAChC,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,SAAS,EAAE,MAAM,CAAA;QACjB,SAAS,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,EAAE,CAAA;KAC9C,CAAA;CA0DF,CAAA;AAED,eAAO,MAAM,sBAAsB,yBAGhC;IACD,KAAK,EAAE,WAAW,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,KAAG;IACF,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE;QACd,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;KACd,EAAE,CAAA;CAqBJ,CAAA"}

package/dist/elements/WhereBuilder/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAKV,iBAAiB,EAClB,MAAM,YAAY,CAAA;AAQnB,OAAO,aAAa,CAAA;AAKpB,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAE5B;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsRpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAKV,iBAAiB,EAClB,MAAM,YAAY,CAAA;AAanB,OAAO,aAAa,CAAA;AAKpB,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAE5B;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6RpD,CAAA"}

package/dist/elements/WhereBuilder/index.js

@@ -10,6 +10,7 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { reduceFieldsToOptions } from '../../utilities/reduceFieldsToOptions.js';
 import { Button } from '../Button/index.js';
 import { Condition } from './Condition/index.js';
+import { getDisplayedConditionValue, isEmptyConditionValue, isNoOpConditionValueUpdate } from './conditionValue.js';
 import './index.css';
 import { fieldTypeConditions, getValidFieldOperators } from './field-types.js';
 const baseClass = 'where-builder';
@@ -92,9 +93,10 @@ export const WhereBuilder = props => {
   }) => {
     // Virtual first row: conditions not yet committed, build from scratch
     if (conditions.length === 0) {
-      // Ignore empty value edits so a cleared row doesn't re-commit itself. Field and
-      // operator picks carry empty values too, but must fall through to build the row.
-      if (type === 'value' && (value_0 === undefined || value_0 === null || value_0 === '')) {
+      // Field and operator picks carry empty values too, but must fall through to build the row.
+      if (type === 'value' && isEmptyConditionValue({
+        value: value_0
+      })) {
         return;
       }
       const {
@@ -127,6 +129,13 @@ export const WhereBuilder = props => {
       if (typeof existingValue !== 'undefined' && existingValue === value_0) {
         return;
       }
+      if (isNoOpConditionValueUpdate({
+        type,
+        incomingValue: value_0,
+        storedValue: existingValue
+      })) {
+        return;
+      }
       const newRowCondition = {
         [String(field_0.fieldPath)]: {
           [validOperator_0]: value_0
@@ -250,7 +259,9 @@ export const WhereBuilder = props => {
             const condition = displayConditions[orIndex_3].and[andIndex_3];
             const fieldPath = Object.keys(condition)[0];
             const operator = Object.keys(condition?.[fieldPath] || {})?.[0] || undefined;
-            const value_1 = condition?.[fieldPath]?.[operator] || undefined;
+            const value_1 = getDisplayedConditionValue({
+              value: condition?.[fieldPath]?.[operator]
+            });
             const isFirstCondition = orIndex_3 === 0 && andIndex_3 === 0;
             const join_0 = andIndex_3 === 0 ? 'or' : 'and';
             return /*#__PURE__*/_jsx(Condition, {