@ynput/ayon-frontend-shared 0.4.2 → 0.4.4

package/dist/shared/src/components/Chips/Chips.es.js

@@ -1,15 +1,21 @@
-import { j as s } from "../../../../_virtual/jsx-runtime.es.js";
-import { useRef as E, useState as p, useLayoutEffect as C, createElement as B } from "react";
-import { Icon as u } from "@ynput/ayon-react-components";
-import y from "clsx";
-import l from "styled-components";
-const O = l.div`
+import { j as i } from "../../../../_virtual/jsx-runtime.es.js";
+import { useRef as W, useState as k, useLayoutEffect as R, createElement as q } from "react";
+import { Icon as x } from "@ynput/ayon-react-components";
+import u from "clsx";
+import h from "styled-components";
+const I = h.div`
   display: flex;
   gap: var(--base-gap-small);
   align-items: center;
+  align-self: stretch;
   width: 100%;
   overflow: hidden;
-`, m = l.div`
+
+  &.multi-row {
+    flex-wrap: wrap;
+    align-content: center;
+  }
+`, b = h.div`
   background-color: var(--md-sys-color-surface-container-high);
   border-radius: var(--border-radius-m);
   padding: 2px 4px;
@@ -32,18 +38,18 @@ const O = l.div`
   &:hover {
     background-color: var(--md-sys-color-surface-container-high-hover);
   }
-`, z = l(m)`
+`, B = h(b)`
   visibility: hidden;
   position: absolute;
   top: -9999px;
   left: -9999px;
   z-index: -100;
-`, A = l(m)`
+`, F = h(b)`
   flex-shrink: 0;
   display: flex;
   justify-content: center;
   align-items: center;
-`, S = l(u)`
+`, G = h(x)`
   background-color: var(--md-sys-color-surface-container);
   border-radius: var(--border-radius-m);
   width: 24px;
@@ -56,73 +62,74 @@ const O = l.div`
   &:hover {
     background-color: var(--md-sys-color-surface-container-high-hover);
   }
-`, D = ({ values: t, disabled: w, pt: a }) => {
-  const r = E(null), [g, v] = p([]), [f, j] = p(0), [d, k] = p([]);
-  return C(() => {
-    k(t);
-  }, [t]), C(() => {
-    const e = () => {
-      if (!r.current || d.length === 0 || d.length !== t.length)
-        return;
-      const x = r.current.offsetWidth, h = Array.from(r.current.querySelectorAll(".offscreen-chip")), R = r.current.querySelector(".more-chip");
-      if (!h.length) return;
-      let c = 0;
-      const i = [], N = R?.getBoundingClientRect().width || 60;
-      if (t.length > 0) {
-        const o = h[0].getBoundingClientRect().width;
-        i.push(t[0]), c += o;
-      }
-      for (let o = 1; o < t.length; o++) {
-        const b = h[o].getBoundingClientRect().width;
-        if (c + b <= x)
-          c += b, i.push(t[o]);
-        else {
-          if (c + N <= x)
-            break;
-          if (i.length > 1) {
-            const V = h[i.length - 1].getBoundingClientRect().width;
-            c -= V, i.pop();
-          }
-          break;
-        }
-      }
-      const W = t.length - i.length;
-      v(i), j(W);
-    }, n = new ResizeObserver(e);
-    return r.current && n.observe(r.current), e(), () => {
-      r.current && n.unobserve(r.current);
-    };
-  }, [t, d]), w ? null : t.length ? /* @__PURE__ */ s.jsxs(O, { ref: r, children: [
-    g.map((e, n) => /* @__PURE__ */ B(
-      m,
+`, Q = ({ values: t, disabled: E, pt: f }) => {
+  const w = W(null), [{ visibleCount: y, rows: O }, S] = k({
+    visibleCount: 0,
+    rows: 1
+  }), [c, z] = k([]);
+  if (R(() => {
+    z(t);
+  }, [t]), R(() => {
+    const e = w.current;
+    if (!e || c.length === 0 || c.length !== t.length) return;
+    const r = Array.from(e.querySelectorAll(".offscreen-chip"));
+    if (r.length !== t.length) return;
+    const d = parseFloat(getComputedStyle(e).rowGap) || 0, A = r.map((l) => l.getBoundingClientRect().width), C = r[0].getBoundingClientRect().height, H = e.querySelector(".offscreen-more-chip")?.getBoundingClientRect().width || 60, L = (l, p, a) => {
+      let o = 1, s = 0;
+      const N = (n, M) => {
+        M ? s = n : s + d + n <= a ? s += d + n : (o++, s = n);
+      };
+      for (let n = 0; n < l; n++) N(A[n], n === 0);
+      return p && N(p, l === 0), o;
+    }, v = () => {
+      const l = e.getBoundingClientRect().width, p = e.offsetHeight, a = C ? Math.max(1, Math.floor((p + d) / (C + d))) : 1;
+      let o = t.length;
+      for (; o > 1 && L(o, o < t.length ? H : 0, l) > a; )
+        o--;
+      S(
+        (s) => s.visibleCount === o && s.rows === a ? s : { visibleCount: o, rows: a }
+      );
+    }, j = new ResizeObserver(v);
+    return j.observe(e), v(), () => j.disconnect();
+  }, [t, c]), E) return null;
+  if (!t.length)
+    return /* @__PURE__ */ i.jsx(G, { icon: "add", className: f?.chip?.className });
+  const m = t.slice(0, y), g = y ? t.length - m.length : 0;
+  return /* @__PURE__ */ i.jsxs(I, { ref: w, className: u({ "multi-row": O > 1 }), children: [
+    m.map((e, r) => /* @__PURE__ */ q(
+      b,
       {
-        ...a?.chip,
-        key: e.label + n,
+        ...f?.chip,
+        key: e.label + r,
         "data-tooltip": e.tooltip,
-        className: y(
+        className: u(
           "chip",
-          { last: n === g.length - 1 && f > 0 },
-          a?.chip?.className
+          { last: r === m.length - 1 && g > 0 },
+          f?.chip?.className
         )
       },
       e.prefix,
-      e?.icon && /* @__PURE__ */ s.jsx(u, { icon: e.icon }),
+      e?.icon && /* @__PURE__ */ i.jsx(x, { icon: e.icon }),
       e.label,
       e.suffix
     )),
-    f > 0 && /* @__PURE__ */ s.jsxs(A, { className: y("more-chip", a?.chip?.className), children: [
+    g > 0 && /* @__PURE__ */ i.jsxs(F, { className: u("more-chip", f?.chip?.className), children: [
       "+",
-      f
+      g
     ] }),
-    d.map((e, n) => /* @__PURE__ */ s.jsxs(z, { className: "offscreen-chip", children: [
+    c.map((e, r) => /* @__PURE__ */ i.jsxs(B, { className: "offscreen-chip", children: [
       e.prefix,
-      e?.icon && /* @__PURE__ */ s.jsx(u, { icon: e.icon }),
+      e?.icon && /* @__PURE__ */ i.jsx(x, { icon: e.icon }),
       e.label,
       e.suffix
-    ] }, e.label + n))
-  ] }) : /* @__PURE__ */ s.jsx(S, { icon: "add", className: a?.chip?.className });
+    ] }, e.label + r)),
+    c.length > 1 && /* @__PURE__ */ i.jsxs(B, { className: "offscreen-more-chip", children: [
+      "+",
+      c.length - 1
+    ] })
+  ] });
 };
 export {
-  D as Chips
+  Q as Chips
 };
 //# sourceMappingURL=Chips.es.js.map

package/dist/shared/src/components/Chips/Chips.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chips.es.js","sources":["../../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport React, { FC, useRef, useState, useLayoutEffect, HTMLAttributes } from 'react'\nimport styled from 'styled-components'\n\nconst ChipsContainer = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n  align-items: center;\n  width: 100%;\n  overflow: hidden;\n`\n\nconst Chip = styled.div`\n  background-color: var(--md-sys-color-surface-container-high);\n  border-radius: var(--border-radius-m);\n  padding: 2px 4px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  cursor: pointer;\n\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  flex-shrink: 0;\n  min-width: auto;\n  &.last {\n    flex-shrink: 1;\n    min-width: 0;\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n`\n\nconst OffscreenChip = styled(Chip)`\n  visibility: hidden;\n  position: absolute;\n  top: -9999px;\n  left: -9999px;\n  z-index: -100;\n`\n\nconst MoreChip = styled(Chip)`\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`\n\nconst AddIcon = styled(Icon)`\n  background-color: var(--md-sys-color-surface-container);\n  border-radius: var(--border-radius-m);\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n`\n\nexport type ChipValue = {\n  label: string\n  tooltip: string\n  icon?: string\n  prefix?: React.ReactNode\n  suffix?: React.ReactNode\n}\n\ninterface ChipsProps {\n  values: ChipValue[]\n  disabled?: boolean\n  pt?: {\n    chip?: Partial<HTMLAttributes<HTMLDivElement>>\n  }\n}\n\nexport const Chips: FC<ChipsProps> = ({ values, disabled, pt }) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [visibleValues, setVisibleValues] = useState<ChipValue[]>([])\n  const [hiddenCount, setHiddenCount] = useState(0)\n  const [offscreenChips, setOffscreenChips] = useState<ChipValue[]>([])\n\n  useLayoutEffect(() => {\n    setOffscreenChips(values)\n  }, [values])\n\n  useLayoutEffect(() => {\n    const calculateVisibleChips = () => {\n      if (\n        !containerRef.current ||\n        offscreenChips.length === 0 ||\n        offscreenChips.length !== values.length\n      )\n        return\n\n      const containerWidth = containerRef.current.offsetWidth\n      const chipElements = Array.from(containerRef.current.querySelectorAll('.offscreen-chip'))\n      const moreChipElement = containerRef.current.querySelector('.more-chip')\n\n      if (!chipElements.length) return\n\n      let totalWidth = 0\n      const newVisibleValues: ChipValue[] = []\n\n      const moreChipWidth = moreChipElement?.getBoundingClientRect().width || 60\n\n      // Always show the first chip\n      if (values.length > 0) {\n        const firstChipWidth = chipElements[0].getBoundingClientRect().width\n        newVisibleValues.push(values[0])\n        totalWidth += firstChipWidth\n      }\n\n      // Add additional chips if they fit\n      for (let i = 1; i < values.length; i++) {\n        const chipWidth = chipElements[i].getBoundingClientRect().width\n\n        // Check if the next chip can fit completely\n        if (totalWidth + chipWidth <= containerWidth) {\n          totalWidth += chipWidth\n          newVisibleValues.push(values[i])\n        } else {\n          // Check if there's room for the more chip\n          if (totalWidth + moreChipWidth <= containerWidth) {\n            // Keep current visible chips and show more chip\n            break\n          } else {\n            // Remove the last chip if we need room for the more chip\n            if (newVisibleValues.length > 1) {\n              const lastChipWidth =\n                chipElements[newVisibleValues.length - 1].getBoundingClientRect().width\n              totalWidth -= lastChipWidth\n              newVisibleValues.pop()\n            }\n            break\n          }\n        }\n      }\n\n      const finalHiddenCount = values.length - newVisibleValues.length\n      setVisibleValues(newVisibleValues)\n      setHiddenCount(finalHiddenCount)\n    }\n\n    const resizeObserver = new ResizeObserver(calculateVisibleChips)\n    if (containerRef.current) {\n      resizeObserver.observe(containerRef.current)\n    }\n\n    // Initial calculation\n    calculateVisibleChips()\n\n    return () => {\n      if (containerRef.current) {\n        resizeObserver.unobserve(containerRef.current)\n      }\n    }\n  }, [values, offscreenChips])\n\n  if (disabled) return null\n\n  // for no values return plus button\n  if (!values.length) {\n    return <AddIcon icon=\"add\" className={pt?.chip?.className} />\n  }\n\n  return (\n    <ChipsContainer ref={containerRef}>\n      {visibleValues.map((chip, index) => (\n        <Chip\n          {...pt?.chip}\n          key={chip.label + index}\n          data-tooltip={chip.tooltip}\n          className={clsx(\n            'chip',\n            { last: index === visibleValues.length - 1 && hiddenCount > 0 },\n            pt?.chip?.className,\n          )}\n        >\n          {chip.prefix}\n          {chip?.icon && <Icon icon={chip.icon} />}\n          {chip.label}\n          {chip.suffix}\n        </Chip>\n      ))}\n      {hiddenCount > 0 && (\n        <MoreChip className={clsx('more-chip', pt?.chip?.className)}>+{hiddenCount}</MoreChip>\n      )}\n      {offscreenChips.map((chip, index) => (\n        <OffscreenChip key={chip.label + index} className=\"offscreen-chip\">\n          {chip.prefix}\n          {chip?.icon && <Icon icon={chip.icon} />}\n          {chip.label}\n          {chip.suffix}\n        </OffscreenChip>\n      ))}\n    </ChipsContainer>\n  )\n}\n"],"names":["ChipsContainer","styled","Chip","OffscreenChip","MoreChip","AddIcon","Icon","Chips","values","disabled","pt","containerRef","useRef","visibleValues","setVisibleValues","useState","hiddenCount","setHiddenCount","offscreenChips","setOffscreenChips","useLayoutEffect","calculateVisibleChips","containerWidth","chipElements","moreChipElement","totalWidth","newVisibleValues","moreChipWidth","firstChipWidth","i","chipWidth","lastChipWidth","finalHiddenCount","resizeObserver","jsxs","chip","index","createElement","clsx","jsx"],"mappings":";;;;;AAKA,MAAMA,IAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQxBC,IAAOD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAyBdE,IAAgBF,EAAOC,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ3BE,IAAWH,EAAOC,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA,GAOtBG,IAAUJ,EAAOK,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA+BdC,IAAwB,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,IAAAC,QAAS;AACjE,QAAMC,IAAeC,EAAuB,IAAI,GAC1C,CAACC,GAAeC,CAAgB,IAAIC,EAAsB,CAAA,CAAE,GAC5D,CAACC,GAAaC,CAAc,IAAIF,EAAS,CAAC,GAC1C,CAACG,GAAgBC,CAAiB,IAAIJ,EAAsB,CAAA,CAAE;AA+EpE,SA7EAK,EAAgB,MAAM;AACpB,IAAAD,EAAkBX,CAAM;AAAA,EAC1B,GAAG,CAACA,CAAM,CAAC,GAEXY,EAAgB,MAAM;AACpB,UAAMC,IAAwB,MAAM;AAClC,UACE,CAACV,EAAa,WACdO,EAAe,WAAW,KAC1BA,EAAe,WAAWV,EAAO;AAEjC;AAEF,YAAMc,IAAiBX,EAAa,QAAQ,aACtCY,IAAe,MAAM,KAAKZ,EAAa,QAAQ,iBAAiB,iBAAiB,CAAC,GAClFa,IAAkBb,EAAa,QAAQ,cAAc,YAAY;AAEvE,UAAI,CAACY,EAAa,OAAQ;AAE1B,UAAIE,IAAa;AACjB,YAAMC,IAAgC,CAAA,GAEhCC,IAAgBH,GAAiB,sBAAA,EAAwB,SAAS;AAGxE,UAAIhB,EAAO,SAAS,GAAG;AACrB,cAAMoB,IAAiBL,EAAa,CAAC,EAAE,wBAAwB;AAC/D,QAAAG,EAAiB,KAAKlB,EAAO,CAAC,CAAC,GAC/BiB,KAAcG;AAAA,MAChB;AAGA,eAASC,IAAI,GAAGA,IAAIrB,EAAO,QAAQqB,KAAK;AACtC,cAAMC,IAAYP,EAAaM,CAAC,EAAE,wBAAwB;AAG1D,YAAIJ,IAAaK,KAAaR;AAC5B,UAAAG,KAAcK,GACdJ,EAAiB,KAAKlB,EAAOqB,CAAC,CAAC;AAAA,aAC1B;AAEL,cAAIJ,IAAaE,KAAiBL;AAEhC;AAGA,cAAII,EAAiB,SAAS,GAAG;AAC/B,kBAAMK,IACJR,EAAaG,EAAiB,SAAS,CAAC,EAAE,wBAAwB;AACpE,YAAAD,KAAcM,GACdL,EAAiB,IAAA;AAAA,UACnB;AACA;AAAA,QAEJ;AAAA,MACF;AAEA,YAAMM,IAAmBxB,EAAO,SAASkB,EAAiB;AAC1D,MAAAZ,EAAiBY,CAAgB,GACjCT,EAAee,CAAgB;AAAA,IACjC,GAEMC,IAAiB,IAAI,eAAeZ,CAAqB;AAC/D,WAAIV,EAAa,WACfsB,EAAe,QAAQtB,EAAa,OAAO,GAI7CU,EAAA,GAEO,MAAM;AACX,MAAIV,EAAa,WACfsB,EAAe,UAAUtB,EAAa,OAAO;AAAA,IAEjD;AAAA,EACF,GAAG,CAACH,GAAQU,CAAc,CAAC,GAEvBT,IAAiB,OAGhBD,EAAO,SAKV0B,gBAAAA,EAAAA,KAAClC,GAAA,EAAe,KAAKW,GAClB,UAAA;AAAA,IAAAE,EAAc,IAAI,CAACsB,GAAMC,MACxB,gBAAAC;AAAA,MAACnC;AAAA,MAAA;AAAA,QACE,GAAGQ,GAAI;AAAA,QACR,KAAKyB,EAAK,QAAQC;AAAA,QAClB,gBAAcD,EAAK;AAAA,QACnB,WAAWG;AAAA,UACT;AAAA,UACA,EAAE,MAAMF,MAAUvB,EAAc,SAAS,KAAKG,IAAc,EAAA;AAAA,UAC5DN,GAAI,MAAM;AAAA,QAAA;AAAA,MACZ;AAAA,MAECyB,EAAK;AAAA,MACLA,GAAM,QAAQI,gBAAAA,MAACjC,GAAA,EAAK,MAAM6B,EAAK,MAAM;AAAA,MACrCA,EAAK;AAAA,MACLA,EAAK;AAAA,IAAA,CAET;AAAA,IACAnB,IAAc,KACbkB,gBAAAA,OAAC9B,GAAA,EAAS,WAAWkC,EAAK,aAAa5B,GAAI,MAAM,SAAS,GAAG,UAAA;AAAA,MAAA;AAAA,MAAEM;AAAA,IAAA,GAAY;AAAA,IAE5EE,EAAe,IAAI,CAACiB,GAAMC,MACzBF,gBAAAA,OAAC/B,GAAA,EAAuC,WAAU,kBAC/C,UAAA;AAAA,MAAAgC,EAAK;AAAA,MACLA,GAAM,QAAQI,gBAAAA,MAACjC,GAAA,EAAK,MAAM6B,EAAK,MAAM;AAAA,MACrCA,EAAK;AAAA,MACLA,EAAK;AAAA,IAAA,KAJYA,EAAK,QAAQC,CAKjC,CACD;AAAA,EAAA,GACH,0BAjCQ/B,GAAA,EAAQ,MAAK,OAAM,WAAWK,GAAI,MAAM,WAAW;AAmC/D;"}
+{"version":3,"file":"Chips.es.js","sources":["../../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport React, { FC, useRef, useState, useLayoutEffect, HTMLAttributes } from 'react'\nimport styled from 'styled-components'\n\nconst ChipsContainer = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n  align-items: center;\n  align-self: stretch;\n  width: 100%;\n  overflow: hidden;\n\n  &.multi-row {\n    flex-wrap: wrap;\n    align-content: center;\n  }\n`\n\nconst Chip = styled.div`\n  background-color: var(--md-sys-color-surface-container-high);\n  border-radius: var(--border-radius-m);\n  padding: 2px 4px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  cursor: pointer;\n\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  flex-shrink: 0;\n  min-width: auto;\n  &.last {\n    flex-shrink: 1;\n    min-width: 0;\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n`\n\nconst OffscreenChip = styled(Chip)`\n  visibility: hidden;\n  position: absolute;\n  top: -9999px;\n  left: -9999px;\n  z-index: -100;\n`\n\nconst MoreChip = styled(Chip)`\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`\n\nconst AddIcon = styled(Icon)`\n  background-color: var(--md-sys-color-surface-container);\n  border-radius: var(--border-radius-m);\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n`\n\nexport type ChipValue = {\n  label: string\n  tooltip: string\n  icon?: string\n  prefix?: React.ReactNode\n  suffix?: React.ReactNode\n}\n\ninterface ChipsProps {\n  values: ChipValue[]\n  disabled?: boolean\n  pt?: {\n    chip?: Partial<HTMLAttributes<HTMLDivElement>>\n  }\n}\n\ntype ChipsLayout = {\n  visibleCount: number\n  rows: number\n}\n\nexport const Chips: FC<ChipsProps> = ({ values, disabled, pt }) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [{ visibleCount, rows }, setLayout] = useState<ChipsLayout>({\n    visibleCount: 0,\n    rows: 1,\n  })\n  const [offscreenChips, setOffscreenChips] = useState<ChipValue[]>([])\n\n  useLayoutEffect(() => {\n    setOffscreenChips(values)\n  }, [values])\n\n  useLayoutEffect(() => {\n    const container = containerRef.current\n    if (!container || offscreenChips.length === 0 || offscreenChips.length !== values.length) return\n\n    const chipElements = Array.from(container.querySelectorAll('.offscreen-chip'))\n    if (chipElements.length !== values.length) return\n\n    const gap = parseFloat(getComputedStyle(container).rowGap) || 0\n    const chipWidths = chipElements.map((el) => el.getBoundingClientRect().width)\n    const chipHeight = chipElements[0].getBoundingClientRect().height\n    // measured offscreen at its widest label, so it does not depend on the +N chip being rendered\n    const moreChipWidth =\n      container.querySelector('.offscreen-more-chip')?.getBoundingClientRect().width || 60\n\n    const rowsNeeded = (count: number, extraWidth: number, containerWidth: number) => {\n      let used = 1\n      let rowWidth = 0\n      const place = (width: number, isFirst: boolean) => {\n        if (isFirst) rowWidth = width\n        else if (rowWidth + gap + width <= containerWidth) rowWidth += gap + width\n        else {\n          used++\n          rowWidth = width\n        }\n      }\n\n      for (let i = 0; i < count; i++) place(chipWidths[i], i === 0)\n      if (extraWidth) place(extraWidth, count === 0)\n      return used\n    }\n\n    const calculateLayout = () => {\n      const containerWidth = container.getBoundingClientRect().width\n      const containerHeight = container.offsetHeight\n      const rows = chipHeight\n        ? Math.max(1, Math.floor((containerHeight + gap) / (chipHeight + gap)))\n        : 1\n\n      // drop chips until they and the more chip fit the rows available\n      let visibleCount = values.length\n      while (\n        visibleCount > 1 &&\n        rowsNeeded(visibleCount, visibleCount < values.length ? moreChipWidth : 0, containerWidth) >\n          rows\n      ) {\n        visibleCount--\n      }\n\n      setLayout((prev) =>\n        prev.visibleCount === visibleCount && prev.rows === rows ? prev : { visibleCount, rows },\n      )\n    }\n\n    const resizeObserver = new ResizeObserver(calculateLayout)\n    resizeObserver.observe(container)\n\n    // Initial calculation\n    calculateLayout()\n\n    return () => resizeObserver.disconnect()\n  }, [values, offscreenChips])\n\n  if (disabled) return null\n\n  // for no values return plus button\n  if (!values.length) {\n    return <AddIcon icon=\"add\" className={pt?.chip?.className} />\n  }\n\n  const visibleValues = values.slice(0, visibleCount)\n  const hiddenCount = visibleCount ? values.length - visibleValues.length : 0\n\n  return (\n    <ChipsContainer ref={containerRef} className={clsx({ 'multi-row': rows > 1 })}>\n      {visibleValues.map((chip, index) => (\n        <Chip\n          {...pt?.chip}\n          key={chip.label + index}\n          data-tooltip={chip.tooltip}\n          className={clsx(\n            'chip',\n            { last: index === visibleValues.length - 1 && hiddenCount > 0 },\n            pt?.chip?.className,\n          )}\n        >\n          {chip.prefix}\n          {chip?.icon && <Icon icon={chip.icon} />}\n          {chip.label}\n          {chip.suffix}\n        </Chip>\n      ))}\n      {hiddenCount > 0 && (\n        <MoreChip className={clsx('more-chip', pt?.chip?.className)}>+{hiddenCount}</MoreChip>\n      )}\n      {offscreenChips.map((chip, index) => (\n        <OffscreenChip key={chip.label + index} className=\"offscreen-chip\">\n          {chip.prefix}\n          {chip?.icon && <Icon icon={chip.icon} />}\n          {chip.label}\n          {chip.suffix}\n        </OffscreenChip>\n      ))}\n      {offscreenChips.length > 1 && (\n        <OffscreenChip className=\"offscreen-more-chip\">+{offscreenChips.length - 1}</OffscreenChip>\n      )}\n    </ChipsContainer>\n  )\n}\n"],"names":["ChipsContainer","styled","Chip","OffscreenChip","MoreChip","AddIcon","Icon","Chips","values","disabled","pt","containerRef","useRef","visibleCount","rows","setLayout","useState","offscreenChips","setOffscreenChips","useLayoutEffect","container","chipElements","gap","chipWidths","el","chipHeight","moreChipWidth","rowsNeeded","count","extraWidth","containerWidth","used","rowWidth","place","width","isFirst","i","calculateLayout","containerHeight","prev","resizeObserver","visibleValues","hiddenCount","jsxs","clsx","chip","index","createElement","jsx"],"mappings":"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"}

package/dist/shared/src/components/DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../../_virtual/jsx-runtime.cjs.js"),c=require("styled-components");require("lodash");require("react-toastify");require("uuid");const u=require("../../util/pluralize.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/pubsub.cjs.js");const f=["folder","task","product","version","representation","workfile"],E=1,C=n=>n.length<=1?n.join(""):`${n.slice(0,-1).join(", ")} and ${n[n.length-1]}`,m=n=>{if(n.length===1){const t=n[0];return`${t.entityType} "${t.label||t.name||t.id}"`}const s={};for(const t of n)s[t.entityType]=(s[t.entityType]||0)+1;const r=f.filter(t=>s[t]>0).map(t=>u.pluralize(s[t],t));return C(r)},x=(n,s)=>{const r={},t=(e,o)=>{o>0&&(r[e]=(r[e]||0)+o)};for(const e of n)t(e.entityType,1);for(const e of s)t("folder",e.totalFolderCount),t("task",e.totalTaskCount),t("product",e.totalProductCount),t("version",e.totalVersionCount);return r},T=n=>f.reduce((s,r)=>s+(n[r]||0),0),p=8,g=(n,s)=>{if(n.length===0)return[];const r=new Map(s.map(o=>[o.id,o])),t=n.length>1,e=[];for(const o of n){const i=r.get(o.id),h=o.label||o.name||o.id,d=t?`"${h}" contains `:"Contains ";if(i&&(i.totalFolderCount>0||i.totalTaskCount>0||i.totalProductCount>0||i.totalVersionCount>0)){const a=[];i.totalFolderCount>0&&a.push(u.pluralize(i.totalFolderCount,"child folder")),i.totalTaskCount>0&&a.push(u.pluralize(i.totalTaskCount,"task")),i.totalProductCount>0&&a.push(u.pluralize(i.totalProductCount,"product")),i.totalVersionCount>0&&a.push(u.pluralize(i.totalVersionCount,"version")),e.push(`${d}${a.join(", ")}`)}else o.hasChildren&&e.push(`${d}child folders`),o.taskNames&&o.taskNames.length>0&&e.push(`${d}${u.pluralize(o.taskNames.length,"task")}`)}return e.length>p?[...e.slice(0,p),`…and ${e.length-p} more`]:e},j=c.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../../_virtual/jsx-runtime.cjs.js"),c=require("styled-components");require("lodash");require("react-toastify");require("uuid");const u=require("../../util/pluralize.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/searchTerms.cjs.js");require("../../util/pubsub.cjs.js");const f=["folder","task","product","version","representation","workfile"],E=1,C=e=>e.length<=1?e.join(""):`${e.slice(0,-1).join(", ")} and ${e[e.length-1]}`,m=e=>{if(e.length===1){const t=e[0];return`${t.entityType} "${t.label||t.name||t.id}"`}const s={};for(const t of e)s[t.entityType]=(s[t.entityType]||0)+1;const r=f.filter(t=>s[t]>0).map(t=>u.pluralize(s[t],t));return C(r)},x=(e,s)=>{const r={},t=(n,o)=>{o>0&&(r[n]=(r[n]||0)+o)};for(const n of e)t(n.entityType,1);for(const n of s)t("folder",n.totalFolderCount),t("task",n.totalTaskCount),t("product",n.totalProductCount),t("version",n.totalVersionCount);return r},T=e=>f.reduce((s,r)=>s+(e[r]||0),0),p=8,g=(e,s)=>{if(e.length===0)return[];const r=new Map(s.map(o=>[o.id,o])),t=e.length>1,n=[];for(const o of e){const i=r.get(o.id),h=o.label||o.name||o.id,d=t?`"${h}" contains `:"Contains ";if(i&&(i.totalFolderCount>0||i.totalTaskCount>0||i.totalProductCount>0||i.totalVersionCount>0)){const a=[];i.totalFolderCount>0&&a.push(u.pluralize(i.totalFolderCount,"child folder")),i.totalTaskCount>0&&a.push(u.pluralize(i.totalTaskCount,"task")),i.totalProductCount>0&&a.push(u.pluralize(i.totalProductCount,"product")),i.totalVersionCount>0&&a.push(u.pluralize(i.totalVersionCount,"version")),n.push(`${d}${a.join(", ")}`)}else o.hasChildren&&n.push(`${d}child folders`),o.taskNames&&o.taskNames.length>0&&n.push(`${d}${u.pluralize(o.taskNames.length,"task")}`)}return n.length>p?[...n.slice(0,p),`…and ${n.length-p} more`]:n},j=c.div`
   min-width: 350px;
 `,b=c.div`
   margin-top: 12px;
@@ -11,5 +11,5 @@
   margin-top: 12px;
   font-weight: 600;
   color: var(--md-sys-color-error);
-`,R=({entityLabel:n,childrenDetails:s,totalLine:r,message:t})=>l.jsxRuntimeExports.jsxs(j,{children:[l.jsxRuntimeExports.jsx("p",{children:t||`Are you sure you want to delete ${n}? This action cannot be undone.`}),s.length>0&&l.jsxRuntimeExports.jsxs(b,{children:[l.jsxRuntimeExports.jsx(y,{children:"The following will also be affected:"}),s.map((e,o)=>l.jsxRuntimeExports.jsx("p",{children:e},o))]}),r&&l.jsxRuntimeExports.jsx(D,{children:r})]});exports.DELETE_CONFIRM_THRESHOLD=E;exports.DELETE_TYPE_ORDER=f;exports.DeleteConfirmContent=R;exports.buildChildrenDetails=g;exports.buildEntityLabel=m;exports.buildExpectedCounts=x;exports.sumExpectedCounts=T;
+`,R=({entityLabel:e,childrenDetails:s,totalLine:r,message:t})=>l.jsxRuntimeExports.jsxs(j,{children:[l.jsxRuntimeExports.jsx("p",{children:t||`Are you sure you want to delete ${e}? This action cannot be undone.`}),s.length>0&&l.jsxRuntimeExports.jsxs(b,{children:[l.jsxRuntimeExports.jsx(y,{children:"The following will also be affected:"}),s.map((n,o)=>l.jsxRuntimeExports.jsx("p",{children:n},o))]}),r&&l.jsxRuntimeExports.jsx(D,{children:r})]});exports.DELETE_CONFIRM_THRESHOLD=E;exports.DELETE_TYPE_ORDER=f;exports.DeleteConfirmContent=R;exports.buildChildrenDetails=g;exports.buildEntityLabel=m;exports.buildExpectedCounts=x;exports.sumExpectedCounts=T;
 //# sourceMappingURL=DeleteConfirmContent.cjs.js.map

package/dist/shared/src/components/DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteConfirmContent.cjs.js","sources":["../../../../../src/components/DeleteEntitiesConfirm/DeleteConfirmContent.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { pluralize } from '@shared/util'\nimport type { FolderDeleteInfo } from '@shared/api'\nimport type {\n  DeletableEntity,\n  DeletableEntityType,\n} from '@shared/context/DeleteEntitiesContext'\n\nexport const DELETE_TYPE_ORDER: DeletableEntityType[] = [\n  'folder',\n  'task',\n  'product',\n  'version',\n  'representation',\n  'workfile',\n]\n\nexport type ExpectedDeleteCounts = Partial<Record<DeletableEntityType, number>>\n\n// deletes above this total require typed count confirmation; a delete of exactly\n// one entity types its name instead\nexport const DELETE_CONFIRM_THRESHOLD = 1\n\n// \"5 folders\" | \"5 folders and 25 tasks\" | \"5 folders, 1 product and 25 versions\"\nconst joinNatural = (parts: string[]): string => {\n  if (parts.length <= 1) return parts.join('')\n  return `${parts.slice(0, -1).join(', ')} and ${parts[parts.length - 1]}`\n}\n\nexport const buildEntityLabel = (topLevel: DeletableEntity[]): string => {\n  if (topLevel.length === 1) {\n    const e = topLevel[0]\n    return `${e.entityType} \"${e.label || e.name || e.id}\"`\n  }\n  const counts: Record<string, number> = {}\n  for (const e of topLevel) counts[e.entityType] = (counts[e.entityType] || 0) + 1\n  const parts = DELETE_TYPE_ORDER.filter((type) => counts[type] > 0).map((type) =>\n    pluralize(counts[type], type),\n  )\n  return joinNatural(parts)\n}\n\n// selected entities plus the descendants a folder delete cascades to — versions cascaded\n// from deleted products are not counted, the backend gives no number for them\nexport const buildExpectedCounts = (\n  topLevel: DeletableEntity[],\n  folderInfo: FolderDeleteInfo[],\n): ExpectedDeleteCounts => {\n  const counts: ExpectedDeleteCounts = {}\n  const add = (type: DeletableEntityType, amount: number) => {\n    if (amount > 0) counts[type] = (counts[type] || 0) + amount\n  }\n\n  for (const e of topLevel) add(e.entityType, 1)\n\n  for (const info of folderInfo) {\n    add('folder', info.totalFolderCount)\n    add('task', info.totalTaskCount)\n    add('product', info.totalProductCount)\n    add('version', info.totalVersionCount)\n  }\n\n  return counts\n}\n\nexport const sumExpectedCounts = (counts: ExpectedDeleteCounts): number =>\n  DELETE_TYPE_ORDER.reduce((total, type) => total + (counts[type] || 0), 0)\n\nconst MAX_DETAIL_LINES = 8\n\nexport const buildChildrenDetails = (\n  topLevelFolders: DeletableEntity[],\n  folderInfo: FolderDeleteInfo[],\n): string[] => {\n  if (topLevelFolders.length === 0) return []\n  const folderInfoMap = new Map(folderInfo.map((f) => [f.id, f]))\n  const many = topLevelFolders.length > 1\n  const details: string[] = []\n\n  for (const folder of topLevelFolders) {\n    const info = folderInfoMap.get(folder.id)\n    const folderDisplayName = folder.label || folder.name || folder.id\n    const prefix = many ? `\"${folderDisplayName}\" contains ` : 'Contains '\n    const hasDescendants =\n      info &&\n      (info.totalFolderCount > 0 ||\n        info.totalTaskCount > 0 ||\n        info.totalProductCount > 0 ||\n        info.totalVersionCount > 0)\n\n    if (hasDescendants) {\n      const parts: string[] = []\n      if (info.totalFolderCount > 0) parts.push(pluralize(info.totalFolderCount, 'child folder'))\n      if (info.totalTaskCount > 0) parts.push(pluralize(info.totalTaskCount, 'task'))\n      if (info.totalProductCount > 0) parts.push(pluralize(info.totalProductCount, 'product'))\n      if (info.totalVersionCount > 0) parts.push(pluralize(info.totalVersionCount, 'version'))\n      details.push(`${prefix}${parts.join(', ')}`)\n    } else {\n      if (folder.hasChildren) details.push(`${prefix}child folders`)\n      if (folder.taskNames && folder.taskNames.length > 0) {\n        details.push(`${prefix}${pluralize(folder.taskNames.length, 'task')}`)\n      }\n    }\n  }\n\n  if (details.length > MAX_DETAIL_LINES) {\n    return [\n      ...details.slice(0, MAX_DETAIL_LINES),\n      `…and ${details.length - MAX_DETAIL_LINES} more`,\n    ]\n  }\n\n  return details\n}\n\nconst Wrapper = styled.div`\n  min-width: 350px;\n`\nconst DetailsContainer = styled.div`\n  margin-top: 12px;\n  min-height: 60px;\n  min-width: 350px;\n`\nconst BoldLabel = styled.p`\n  font-weight: 600;\n  margin-bottom: 4px;\n`\nconst TotalLine = styled.p`\n  margin-top: 12px;\n  font-weight: 600;\n  color: var(--md-sys-color-error);\n`\n\nexport type DeleteConfirmContentProps = {\n  entityLabel: string\n  childrenDetails: string[]\n  totalLine?: string\n  message?: string\n}\n\nexport const DeleteConfirmContent = ({\n  entityLabel,\n  childrenDetails,\n  totalLine,\n  message,\n}: DeleteConfirmContentProps) => (\n  <Wrapper>\n    <p>{message || `Are you sure you want to delete ${entityLabel}? This action cannot be undone.`}</p>\n    {childrenDetails.length > 0 && (\n      <DetailsContainer>\n        <BoldLabel>The following will also be affected:</BoldLabel>\n        {childrenDetails.map((detail, i) => (\n          <p key={i}>{detail}</p>\n        ))}\n      </DetailsContainer>\n    )}\n    {totalLine && <TotalLine>{totalLine}</TotalLine>}\n  </Wrapper>\n)\n"],"names":["DELETE_TYPE_ORDER","DELETE_CONFIRM_THRESHOLD","joinNatural","parts","buildEntityLabel","topLevel","e","counts","type","pluralize","buildExpectedCounts","folderInfo","add","amount","info","sumExpectedCounts","total","MAX_DETAIL_LINES","buildChildrenDetails","topLevelFolders","folderInfoMap","f","many","details","folder","folderDisplayName","prefix","Wrapper","styled","DetailsContainer","BoldLabel","TotalLine","DeleteConfirmContent","entityLabel","childrenDetails","totalLine","message","jsx","jsxs","detail","i"],"mappings":"+WAQO,MAAMA,EAA2C,CACtD,SACA,OACA,UACA,UACA,iBACA,UACF,EAMaC,EAA2B,EAGlCC,EAAeC,GACfA,EAAM,QAAU,EAAUA,EAAM,KAAK,EAAE,EACpC,GAAGA,EAAM,MAAM,EAAG,EAAE,EAAE,KAAK,IAAI,CAAC,QAAQA,EAAMA,EAAM,OAAS,CAAC,CAAC,GAG3DC,EAAoBC,GAAwC,CACvE,GAAIA,EAAS,SAAW,EAAG,CACzB,MAAMC,EAAID,EAAS,CAAC,EACpB,MAAO,GAAGC,EAAE,UAAU,KAAKA,EAAE,OAASA,EAAE,MAAQA,EAAE,EAAE,GACtD,CACA,MAAMC,EAAiC,CAAA,EACvC,UAAWD,KAAKD,EAAUE,EAAOD,EAAE,UAAU,GAAKC,EAAOD,EAAE,UAAU,GAAK,GAAK,EAC/E,MAAMH,EAAQH,EAAkB,OAAQQ,GAASD,EAAOC,CAAI,EAAI,CAAC,EAAE,IAAKA,GACtEC,EAAAA,UAAUF,EAAOC,CAAI,EAAGA,CAAI,CAAA,EAE9B,OAAON,EAAYC,CAAK,CAC1B,EAIaO,EAAsB,CACjCL,EACAM,IACyB,CACzB,MAAMJ,EAA+B,CAAA,EAC/BK,EAAM,CAACJ,EAA2BK,IAAmB,CACrDA,EAAS,IAAGN,EAAOC,CAAI,GAAKD,EAAOC,CAAI,GAAK,GAAKK,EACvD,EAEA,UAAW,KAAKR,EAAUO,EAAI,EAAE,WAAY,CAAC,EAE7C,UAAWE,KAAQH,EACjBC,EAAI,SAAUE,EAAK,gBAAgB,EACnCF,EAAI,OAAQE,EAAK,cAAc,EAC/BF,EAAI,UAAWE,EAAK,iBAAiB,EACrCF,EAAI,UAAWE,EAAK,iBAAiB,EAGvC,OAAOP,CACT,EAEaQ,EAAqBR,GAChCP,EAAkB,OAAO,CAACgB,EAAOR,IAASQ,GAAST,EAAOC,CAAI,GAAK,GAAI,CAAC,EAEpES,EAAmB,EAEZC,EAAuB,CAClCC,EACAR,IACa,CACb,GAAIQ,EAAgB,SAAW,EAAG,MAAO,CAAA,EACzC,MAAMC,EAAgB,IAAI,IAAIT,EAAW,IAAKU,GAAM,CAACA,EAAE,GAAIA,CAAC,CAAC,CAAC,EACxDC,EAAOH,EAAgB,OAAS,EAChCI,EAAoB,CAAA,EAE1B,UAAWC,KAAUL,EAAiB,CACpC,MAAML,EAAOM,EAAc,IAAII,EAAO,EAAE,EAClCC,EAAoBD,EAAO,OAASA,EAAO,MAAQA,EAAO,GAC1DE,EAASJ,EAAO,IAAIG,CAAiB,cAAgB,YAQ3D,GANEX,IACCA,EAAK,iBAAmB,GACvBA,EAAK,eAAiB,GACtBA,EAAK,kBAAoB,GACzBA,EAAK,kBAAoB,GAET,CAClB,MAAMX,EAAkB,CAAA,EACpBW,EAAK,iBAAmB,GAAGX,EAAM,KAAKM,EAAAA,UAAUK,EAAK,iBAAkB,cAAc,CAAC,EACtFA,EAAK,eAAiB,GAAGX,EAAM,KAAKM,EAAAA,UAAUK,EAAK,eAAgB,MAAM,CAAC,EAC1EA,EAAK,kBAAoB,GAAGX,EAAM,KAAKM,EAAAA,UAAUK,EAAK,kBAAmB,SAAS,CAAC,EACnFA,EAAK,kBAAoB,GAAGX,EAAM,KAAKM,EAAAA,UAAUK,EAAK,kBAAmB,SAAS,CAAC,EACvFS,EAAQ,KAAK,GAAGG,CAAM,GAAGvB,EAAM,KAAK,IAAI,CAAC,EAAE,CAC7C,MACMqB,EAAO,aAAaD,EAAQ,KAAK,GAAGG,CAAM,eAAe,EACzDF,EAAO,WAAaA,EAAO,UAAU,OAAS,GAChDD,EAAQ,KAAK,GAAGG,CAAM,GAAGjB,EAAAA,UAAUe,EAAO,UAAU,OAAQ,MAAM,CAAC,EAAE,CAG3E,CAEA,OAAID,EAAQ,OAASN,EACZ,CACL,GAAGM,EAAQ,MAAM,EAAGN,CAAgB,EACpC,QAAQM,EAAQ,OAASN,CAAgB,OAAA,EAItCM,CACT,EAEMI,EAAUC,EAAO;AAAA;AAAA,EAGjBC,EAAmBD,EAAO;AAAA;AAAA;AAAA;AAAA,EAK1BE,EAAYF,EAAO;AAAA;AAAA;AAAA,EAInBG,EAAYH,EAAO;AAAA;AAAA;AAAA;AAAA,EAaZI,EAAuB,CAAC,CACnC,YAAAC,EACA,gBAAAC,EACA,UAAAC,EACA,QAAAC,CACF,6BACGT,EAAA,CACC,SAAA,CAAAU,wBAAC,IAAA,CAAG,SAAAD,GAAW,mCAAmCH,CAAW,kCAAkC,EAC9FC,EAAgB,OAAS,GACxBI,EAAAA,kBAAAA,KAACT,EAAA,CACC,SAAA,CAAAQ,EAAAA,kBAAAA,IAACP,GAAU,SAAA,sCAAA,CAAoC,EAC9CI,EAAgB,IAAI,CAACK,EAAQC,IAC5BH,EAAAA,kBAAAA,IAAC,IAAA,CAAW,SAAAE,CAAA,EAAJC,CAAW,CACpB,CAAA,EACH,EAEDL,GAAaE,EAAAA,kBAAAA,IAACN,EAAA,CAAW,SAAAI,CAAA,CAAU,CAAA,CAAA,CACtC"}
+{"version":3,"file":"DeleteConfirmContent.cjs.js","sources":["../../../../../src/components/DeleteEntitiesConfirm/DeleteConfirmContent.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { pluralize } from '@shared/util'\nimport type { FolderDeleteInfo } from '@shared/api'\nimport type {\n  DeletableEntity,\n  DeletableEntityType,\n} from '@shared/context/DeleteEntitiesContext'\n\nexport const DELETE_TYPE_ORDER: DeletableEntityType[] = [\n  'folder',\n  'task',\n  'product',\n  'version',\n  'representation',\n  'workfile',\n]\n\nexport type ExpectedDeleteCounts = Partial<Record<DeletableEntityType, number>>\n\n// deletes above this total require typed count confirmation; a delete of exactly\n// one entity types its name instead\nexport const DELETE_CONFIRM_THRESHOLD = 1\n\n// \"5 folders\" | \"5 folders and 25 tasks\" | \"5 folders, 1 product and 25 versions\"\nconst joinNatural = (parts: string[]): string => {\n  if (parts.length <= 1) return parts.join('')\n  return `${parts.slice(0, -1).join(', ')} and ${parts[parts.length - 1]}`\n}\n\nexport const buildEntityLabel = (topLevel: DeletableEntity[]): string => {\n  if (topLevel.length === 1) {\n    const e = topLevel[0]\n    return `${e.entityType} \"${e.label || e.name || e.id}\"`\n  }\n  const counts: Record<string, number> = {}\n  for (const e of topLevel) counts[e.entityType] = (counts[e.entityType] || 0) + 1\n  const parts = DELETE_TYPE_ORDER.filter((type) => counts[type] > 0).map((type) =>\n    pluralize(counts[type], type),\n  )\n  return joinNatural(parts)\n}\n\n// selected entities plus the descendants a folder delete cascades to — versions cascaded\n// from deleted products are not counted, the backend gives no number for them\nexport const buildExpectedCounts = (\n  topLevel: DeletableEntity[],\n  folderInfo: FolderDeleteInfo[],\n): ExpectedDeleteCounts => {\n  const counts: ExpectedDeleteCounts = {}\n  const add = (type: DeletableEntityType, amount: number) => {\n    if (amount > 0) counts[type] = (counts[type] || 0) + amount\n  }\n\n  for (const e of topLevel) add(e.entityType, 1)\n\n  for (const info of folderInfo) {\n    add('folder', info.totalFolderCount)\n    add('task', info.totalTaskCount)\n    add('product', info.totalProductCount)\n    add('version', info.totalVersionCount)\n  }\n\n  return counts\n}\n\nexport const sumExpectedCounts = (counts: ExpectedDeleteCounts): number =>\n  DELETE_TYPE_ORDER.reduce((total, type) => total + (counts[type] || 0), 0)\n\nconst MAX_DETAIL_LINES = 8\n\nexport const buildChildrenDetails = (\n  topLevelFolders: DeletableEntity[],\n  folderInfo: FolderDeleteInfo[],\n): string[] => {\n  if (topLevelFolders.length === 0) return []\n  const folderInfoMap = new Map(folderInfo.map((f) => [f.id, f]))\n  const many = topLevelFolders.length > 1\n  const details: string[] = []\n\n  for (const folder of topLevelFolders) {\n    const info = folderInfoMap.get(folder.id)\n    const folderDisplayName = folder.label || folder.name || folder.id\n    const prefix = many ? `\"${folderDisplayName}\" contains ` : 'Contains '\n    const hasDescendants =\n      info &&\n      (info.totalFolderCount > 0 ||\n        info.totalTaskCount > 0 ||\n        info.totalProductCount > 0 ||\n        info.totalVersionCount > 0)\n\n    if (hasDescendants) {\n      const parts: string[] = []\n      if (info.totalFolderCount > 0) parts.push(pluralize(info.totalFolderCount, 'child folder'))\n      if (info.totalTaskCount > 0) parts.push(pluralize(info.totalTaskCount, 'task'))\n      if (info.totalProductCount > 0) parts.push(pluralize(info.totalProductCount, 'product'))\n      if (info.totalVersionCount > 0) parts.push(pluralize(info.totalVersionCount, 'version'))\n      details.push(`${prefix}${parts.join(', ')}`)\n    } else {\n      if (folder.hasChildren) details.push(`${prefix}child folders`)\n      if (folder.taskNames && folder.taskNames.length > 0) {\n        details.push(`${prefix}${pluralize(folder.taskNames.length, 'task')}`)\n      }\n    }\n  }\n\n  if (details.length > MAX_DETAIL_LINES) {\n    return [\n      ...details.slice(0, MAX_DETAIL_LINES),\n      `…and ${details.length - MAX_DETAIL_LINES} more`,\n    ]\n  }\n\n  return details\n}\n\nconst Wrapper = styled.div`\n  min-width: 350px;\n`\nconst DetailsContainer = styled.div`\n  margin-top: 12px;\n  min-height: 60px;\n  min-width: 350px;\n`\nconst BoldLabel = styled.p`\n  font-weight: 600;\n  margin-bottom: 4px;\n`\nconst TotalLine = styled.p`\n  margin-top: 12px;\n  font-weight: 600;\n  color: var(--md-sys-color-error);\n`\n\nexport type DeleteConfirmContentProps = {\n  entityLabel: string\n  childrenDetails: string[]\n  totalLine?: string\n  message?: string\n}\n\nexport const DeleteConfirmContent = ({\n  entityLabel,\n  childrenDetails,\n  totalLine,\n  message,\n}: DeleteConfirmContentProps) => (\n  <Wrapper>\n    <p>{message || `Are you sure you want to delete ${entityLabel}? This action cannot be undone.`}</p>\n    {childrenDetails.length > 0 && (\n      <DetailsContainer>\n        <BoldLabel>The following will also be affected:</BoldLabel>\n        {childrenDetails.map((detail, i) => (\n          <p key={i}>{detail}</p>\n        ))}\n      </DetailsContainer>\n    )}\n    {totalLine && <TotalLine>{totalLine}</TotalLine>}\n  </Wrapper>\n)\n"],"names":["DELETE_TYPE_ORDER","DELETE_CONFIRM_THRESHOLD","joinNatural","parts","buildEntityLabel","topLevel","e","counts","type","pluralize","buildExpectedCounts","folderInfo","add","amount","info","sumExpectedCounts","total","MAX_DETAIL_LINES","buildChildrenDetails","topLevelFolders","folderInfoMap","f","many","details","folder","folderDisplayName","prefix","Wrapper","styled","DetailsContainer","BoldLabel","TotalLine","DeleteConfirmContent","entityLabel","childrenDetails","totalLine","message","jsx","jsxs","detail","i"],"mappings":"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"}

package/dist/shared/src/components/DeleteEntitiesConfirm/DeleteConfirmContent.es.js

@@ -5,26 +5,27 @@ import "react-toastify";
 import "uuid";
 import { pluralize as a } from "../../util/pluralize.es.js";
 import "../../api/queries/users/updateUsers.es.js";
+import "../../util/searchTerms.es.js";
 import "../../util/pubsub.es.js";
-const p = [
+const f = [
   "folder",
   "task",
   "product",
   "version",
   "representation",
   "workfile"
-], _ = 1, m = (o) => o.length <= 1 ? o.join("") : `${o.slice(0, -1).join(", ")} and ${o[o.length - 1]}`, P = (o) => {
+], P = 1, m = (o) => o.length <= 1 ? o.join("") : `${o.slice(0, -1).join(", ")} and ${o[o.length - 1]}`, R = (o) => {
   if (o.length === 1) {
     const t = o[0];
     return `${t.entityType} "${t.label || t.name || t.id}"`;
   }
   const s = {};
   for (const t of o) s[t.entityType] = (s[t.entityType] || 0) + 1;
-  const r = p.filter((t) => s[t] > 0).map(
+  const r = f.filter((t) => s[t] > 0).map(
     (t) => a(s[t], t)
   );
   return m(r);
-}, R = (o, s) => {
+}, I = (o, s) => {
   const r = {}, t = (n, e) => {
     e > 0 && (r[n] = (r[n] || 0) + e);
   };
@@ -32,7 +33,7 @@ const p = [
   for (const n of s)
     t("folder", n.totalFolderCount), t("task", n.totalTaskCount), t("product", n.totalProductCount), t("version", n.totalVersionCount);
   return r;
-}, I = (o) => p.reduce((s, r) => s + (o[r] || 0), 0), f = 8, M = (o, s) => {
+}, M = (o) => f.reduce((s, r) => s + (o[r] || 0), 0), p = 8, V = (o, s) => {
   if (o.length === 0) return [];
   const r = new Map(s.map((e) => [e.id, e])), t = o.length > 1, n = [];
   for (const e of o) {
@@ -43,9 +44,9 @@ const p = [
     } else
       e.hasChildren && n.push(`${d}child folders`), e.taskNames && e.taskNames.length > 0 && n.push(`${d}${a(e.taskNames.length, "task")}`);
   }
-  return n.length > f ? [
-    ...n.slice(0, f),
-    `…and ${n.length - f} more`
+  return n.length > p ? [
+    ...n.slice(0, p),
+    `…and ${n.length - p} more`
   ] : n;
 }, C = u.div`
   min-width: 350px;
@@ -60,7 +61,7 @@ const p = [
   margin-top: 12px;
   font-weight: 600;
   color: var(--md-sys-color-error);
-`, V = ({
+`, A = ({
   entityLabel: o,
   childrenDetails: s,
   totalLine: r,
@@ -74,12 +75,12 @@ const p = [
   r && /* @__PURE__ */ l.jsx(T, { children: r })
 ] });
 export {
-  _ as DELETE_CONFIRM_THRESHOLD,
-  p as DELETE_TYPE_ORDER,
-  V as DeleteConfirmContent,
-  M as buildChildrenDetails,
-  P as buildEntityLabel,
-  R as buildExpectedCounts,
-  I as sumExpectedCounts
+  P as DELETE_CONFIRM_THRESHOLD,
+  f as DELETE_TYPE_ORDER,
+  A as DeleteConfirmContent,
+  V as buildChildrenDetails,
+  R as buildEntityLabel,
+  I as buildExpectedCounts,
+  M as sumExpectedCounts
 };
 //# sourceMappingURL=DeleteConfirmContent.es.js.map

package/dist/shared/src/components/DeleteEntitiesConfirm/DeleteConfirmContent.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteConfirmContent.es.js","sources":["../../../../../src/components/DeleteEntitiesConfirm/DeleteConfirmContent.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { pluralize } from '@shared/util'\nimport type { FolderDeleteInfo } from '@shared/api'\nimport type {\n  DeletableEntity,\n  DeletableEntityType,\n} from '@shared/context/DeleteEntitiesContext'\n\nexport const DELETE_TYPE_ORDER: DeletableEntityType[] = [\n  'folder',\n  'task',\n  'product',\n  'version',\n  'representation',\n  'workfile',\n]\n\nexport type ExpectedDeleteCounts = Partial<Record<DeletableEntityType, number>>\n\n// deletes above this total require typed count confirmation; a delete of exactly\n// one entity types its name instead\nexport const DELETE_CONFIRM_THRESHOLD = 1\n\n// \"5 folders\" | \"5 folders and 25 tasks\" | \"5 folders, 1 product and 25 versions\"\nconst joinNatural = (parts: string[]): string => {\n  if (parts.length <= 1) return parts.join('')\n  return `${parts.slice(0, -1).join(', ')} and ${parts[parts.length - 1]}`\n}\n\nexport const buildEntityLabel = (topLevel: DeletableEntity[]): string => {\n  if (topLevel.length === 1) {\n    const e = topLevel[0]\n    return `${e.entityType} \"${e.label || e.name || e.id}\"`\n  }\n  const counts: Record<string, number> = {}\n  for (const e of topLevel) counts[e.entityType] = (counts[e.entityType] || 0) + 1\n  const parts = DELETE_TYPE_ORDER.filter((type) => counts[type] > 0).map((type) =>\n    pluralize(counts[type], type),\n  )\n  return joinNatural(parts)\n}\n\n// selected entities plus the descendants a folder delete cascades to — versions cascaded\n// from deleted products are not counted, the backend gives no number for them\nexport const buildExpectedCounts = (\n  topLevel: DeletableEntity[],\n  folderInfo: FolderDeleteInfo[],\n): ExpectedDeleteCounts => {\n  const counts: ExpectedDeleteCounts = {}\n  const add = (type: DeletableEntityType, amount: number) => {\n    if (amount > 0) counts[type] = (counts[type] || 0) + amount\n  }\n\n  for (const e of topLevel) add(e.entityType, 1)\n\n  for (const info of folderInfo) {\n    add('folder', info.totalFolderCount)\n    add('task', info.totalTaskCount)\n    add('product', info.totalProductCount)\n    add('version', info.totalVersionCount)\n  }\n\n  return counts\n}\n\nexport const sumExpectedCounts = (counts: ExpectedDeleteCounts): number =>\n  DELETE_TYPE_ORDER.reduce((total, type) => total + (counts[type] || 0), 0)\n\nconst MAX_DETAIL_LINES = 8\n\nexport const buildChildrenDetails = (\n  topLevelFolders: DeletableEntity[],\n  folderInfo: FolderDeleteInfo[],\n): string[] => {\n  if (topLevelFolders.length === 0) return []\n  const folderInfoMap = new Map(folderInfo.map((f) => [f.id, f]))\n  const many = topLevelFolders.length > 1\n  const details: string[] = []\n\n  for (const folder of topLevelFolders) {\n    const info = folderInfoMap.get(folder.id)\n    const folderDisplayName = folder.label || folder.name || folder.id\n    const prefix = many ? `\"${folderDisplayName}\" contains ` : 'Contains '\n    const hasDescendants =\n      info &&\n      (info.totalFolderCount > 0 ||\n        info.totalTaskCount > 0 ||\n        info.totalProductCount > 0 ||\n        info.totalVersionCount > 0)\n\n    if (hasDescendants) {\n      const parts: string[] = []\n      if (info.totalFolderCount > 0) parts.push(pluralize(info.totalFolderCount, 'child folder'))\n      if (info.totalTaskCount > 0) parts.push(pluralize(info.totalTaskCount, 'task'))\n      if (info.totalProductCount > 0) parts.push(pluralize(info.totalProductCount, 'product'))\n      if (info.totalVersionCount > 0) parts.push(pluralize(info.totalVersionCount, 'version'))\n      details.push(`${prefix}${parts.join(', ')}`)\n    } else {\n      if (folder.hasChildren) details.push(`${prefix}child folders`)\n      if (folder.taskNames && folder.taskNames.length > 0) {\n        details.push(`${prefix}${pluralize(folder.taskNames.length, 'task')}`)\n      }\n    }\n  }\n\n  if (details.length > MAX_DETAIL_LINES) {\n    return [\n      ...details.slice(0, MAX_DETAIL_LINES),\n      `…and ${details.length - MAX_DETAIL_LINES} more`,\n    ]\n  }\n\n  return details\n}\n\nconst Wrapper = styled.div`\n  min-width: 350px;\n`\nconst DetailsContainer = styled.div`\n  margin-top: 12px;\n  min-height: 60px;\n  min-width: 350px;\n`\nconst BoldLabel = styled.p`\n  font-weight: 600;\n  margin-bottom: 4px;\n`\nconst TotalLine = styled.p`\n  margin-top: 12px;\n  font-weight: 600;\n  color: var(--md-sys-color-error);\n`\n\nexport type DeleteConfirmContentProps = {\n  entityLabel: string\n  childrenDetails: string[]\n  totalLine?: string\n  message?: string\n}\n\nexport const DeleteConfirmContent = ({\n  entityLabel,\n  childrenDetails,\n  totalLine,\n  message,\n}: DeleteConfirmContentProps) => (\n  <Wrapper>\n    <p>{message || `Are you sure you want to delete ${entityLabel}? This action cannot be undone.`}</p>\n    {childrenDetails.length > 0 && (\n      <DetailsContainer>\n        <BoldLabel>The following will also be affected:</BoldLabel>\n        {childrenDetails.map((detail, i) => (\n          <p key={i}>{detail}</p>\n        ))}\n      </DetailsContainer>\n    )}\n    {totalLine && <TotalLine>{totalLine}</TotalLine>}\n  </Wrapper>\n)\n"],"names":["DELETE_TYPE_ORDER","DELETE_CONFIRM_THRESHOLD","joinNatural","parts","buildEntityLabel","topLevel","e","counts","type","pluralize","buildExpectedCounts","folderInfo","add","amount","info","sumExpectedCounts","total","MAX_DETAIL_LINES","buildChildrenDetails","topLevelFolders","folderInfoMap","f","many","details","folder","folderDisplayName","prefix","Wrapper","styled","DetailsContainer","BoldLabel","TotalLine","DeleteConfirmContent","entityLabel","childrenDetails","totalLine","message","jsx","jsxs","detail","i"],"mappings":"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"}
+{"version":3,"file":"DeleteConfirmContent.es.js","sources":["../../../../../src/components/DeleteEntitiesConfirm/DeleteConfirmContent.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { pluralize } from '@shared/util'\nimport type { FolderDeleteInfo } from '@shared/api'\nimport type {\n  DeletableEntity,\n  DeletableEntityType,\n} from '@shared/context/DeleteEntitiesContext'\n\nexport const DELETE_TYPE_ORDER: DeletableEntityType[] = [\n  'folder',\n  'task',\n  'product',\n  'version',\n  'representation',\n  'workfile',\n]\n\nexport type ExpectedDeleteCounts = Partial<Record<DeletableEntityType, number>>\n\n// deletes above this total require typed count confirmation; a delete of exactly\n// one entity types its name instead\nexport const DELETE_CONFIRM_THRESHOLD = 1\n\n// \"5 folders\" | \"5 folders and 25 tasks\" | \"5 folders, 1 product and 25 versions\"\nconst joinNatural = (parts: string[]): string => {\n  if (parts.length <= 1) return parts.join('')\n  return `${parts.slice(0, -1).join(', ')} and ${parts[parts.length - 1]}`\n}\n\nexport const buildEntityLabel = (topLevel: DeletableEntity[]): string => {\n  if (topLevel.length === 1) {\n    const e = topLevel[0]\n    return `${e.entityType} \"${e.label || e.name || e.id}\"`\n  }\n  const counts: Record<string, number> = {}\n  for (const e of topLevel) counts[e.entityType] = (counts[e.entityType] || 0) + 1\n  const parts = DELETE_TYPE_ORDER.filter((type) => counts[type] > 0).map((type) =>\n    pluralize(counts[type], type),\n  )\n  return joinNatural(parts)\n}\n\n// selected entities plus the descendants a folder delete cascades to — versions cascaded\n// from deleted products are not counted, the backend gives no number for them\nexport const buildExpectedCounts = (\n  topLevel: DeletableEntity[],\n  folderInfo: FolderDeleteInfo[],\n): ExpectedDeleteCounts => {\n  const counts: ExpectedDeleteCounts = {}\n  const add = (type: DeletableEntityType, amount: number) => {\n    if (amount > 0) counts[type] = (counts[type] || 0) + amount\n  }\n\n  for (const e of topLevel) add(e.entityType, 1)\n\n  for (const info of folderInfo) {\n    add('folder', info.totalFolderCount)\n    add('task', info.totalTaskCount)\n    add('product', info.totalProductCount)\n    add('version', info.totalVersionCount)\n  }\n\n  return counts\n}\n\nexport const sumExpectedCounts = (counts: ExpectedDeleteCounts): number =>\n  DELETE_TYPE_ORDER.reduce((total, type) => total + (counts[type] || 0), 0)\n\nconst MAX_DETAIL_LINES = 8\n\nexport const buildChildrenDetails = (\n  topLevelFolders: DeletableEntity[],\n  folderInfo: FolderDeleteInfo[],\n): string[] => {\n  if (topLevelFolders.length === 0) return []\n  const folderInfoMap = new Map(folderInfo.map((f) => [f.id, f]))\n  const many = topLevelFolders.length > 1\n  const details: string[] = []\n\n  for (const folder of topLevelFolders) {\n    const info = folderInfoMap.get(folder.id)\n    const folderDisplayName = folder.label || folder.name || folder.id\n    const prefix = many ? `\"${folderDisplayName}\" contains ` : 'Contains '\n    const hasDescendants =\n      info &&\n      (info.totalFolderCount > 0 ||\n        info.totalTaskCount > 0 ||\n        info.totalProductCount > 0 ||\n        info.totalVersionCount > 0)\n\n    if (hasDescendants) {\n      const parts: string[] = []\n      if (info.totalFolderCount > 0) parts.push(pluralize(info.totalFolderCount, 'child folder'))\n      if (info.totalTaskCount > 0) parts.push(pluralize(info.totalTaskCount, 'task'))\n      if (info.totalProductCount > 0) parts.push(pluralize(info.totalProductCount, 'product'))\n      if (info.totalVersionCount > 0) parts.push(pluralize(info.totalVersionCount, 'version'))\n      details.push(`${prefix}${parts.join(', ')}`)\n    } else {\n      if (folder.hasChildren) details.push(`${prefix}child folders`)\n      if (folder.taskNames && folder.taskNames.length > 0) {\n        details.push(`${prefix}${pluralize(folder.taskNames.length, 'task')}`)\n      }\n    }\n  }\n\n  if (details.length > MAX_DETAIL_LINES) {\n    return [\n      ...details.slice(0, MAX_DETAIL_LINES),\n      `…and ${details.length - MAX_DETAIL_LINES} more`,\n    ]\n  }\n\n  return details\n}\n\nconst Wrapper = styled.div`\n  min-width: 350px;\n`\nconst DetailsContainer = styled.div`\n  margin-top: 12px;\n  min-height: 60px;\n  min-width: 350px;\n`\nconst BoldLabel = styled.p`\n  font-weight: 600;\n  margin-bottom: 4px;\n`\nconst TotalLine = styled.p`\n  margin-top: 12px;\n  font-weight: 600;\n  color: var(--md-sys-color-error);\n`\n\nexport type DeleteConfirmContentProps = {\n  entityLabel: string\n  childrenDetails: string[]\n  totalLine?: string\n  message?: string\n}\n\nexport const DeleteConfirmContent = ({\n  entityLabel,\n  childrenDetails,\n  totalLine,\n  message,\n}: DeleteConfirmContentProps) => (\n  <Wrapper>\n    <p>{message || `Are you sure you want to delete ${entityLabel}? This action cannot be undone.`}</p>\n    {childrenDetails.length > 0 && (\n      <DetailsContainer>\n        <BoldLabel>The following will also be affected:</BoldLabel>\n        {childrenDetails.map((detail, i) => (\n          <p key={i}>{detail}</p>\n        ))}\n      </DetailsContainer>\n    )}\n    {totalLine && <TotalLine>{totalLine}</TotalLine>}\n  </Wrapper>\n)\n"],"names":["DELETE_TYPE_ORDER","DELETE_CONFIRM_THRESHOLD","joinNatural","parts","buildEntityLabel","topLevel","e","counts","type","pluralize","buildExpectedCounts","folderInfo","add","amount","info","sumExpectedCounts","total","MAX_DETAIL_LINES","buildChildrenDetails","topLevelFolders","folderInfoMap","f","many","details","folder","folderDisplayName","prefix","Wrapper","styled","DetailsContainer","BoldLabel","TotalLine","DeleteConfirmContent","entityLabel","childrenDetails","totalLine","message","jsx","jsxs","detail","i"],"mappings":"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"}

package/dist/shared/src/components/DetailsDialog/DetailsDialog.cjs.js

@@ -1,14 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),d=require("react"),p=require("react-toastify");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");const x=require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const a=require("@ynput/ayon-react-components"),g=require("../../../../node_modules/@uiw/react-textarea-code-editor/esm/index.cjs.js");require("lodash");const m=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");const y=({projectName:n,entityType:i,entityIds:s,visible:t,onHide:l})=>{const{data:r={},isLoading:o,isError:u,error:c}=x.useGetEntityQuery({projectName:n,entityType:i,entityId:s?.[0]},{skip:!t});u&&p.toast.error(`Unable to load detail. ${c}`);const q=d.useMemo(()=>{try{return JSON.stringify(r,null,2)}catch{return String(r)}},[r]);return!t||Array.isArray(r)&&r.length<1?null:e.jsxRuntimeExports.jsxs(a.Dialog,{isOpen:!0,onClose:l,size:"lg",style:{width:"50vw"},header:`${i} detail`,children:[e.jsxRuntimeExports.jsx("style",{children:`
-        .details-dialog__code { position: relative; }
-        .details-dialog__copy { position: absolute; right: 12px; top: 24px; z-index: 10; background: rgba(0,0,0,0.5); border-radius: 4px; padding: 6px; cursor: pointer; display: none; align-items: center; justify-content: center; }
-        .details-dialog__code:hover .details-dialog__copy, .details-dialog__code:focus-within .details-dialog__copy { display: flex; }
-        .w-tc-editor .token.property { color: #c9a5f7 !important; }
-        .w-tc-editor .token.string { color: #6bc985 !important; }
-        .w-tc-editor .token.number { color: #e5a66b !important; }
-        .w-tc-editor .token.boolean { color: #e5a66b !important; }
-        .w-tc-editor .token.null { color: #7a8a99 !important; }
-        .w-tc-editor .token.punctuation { color: #b0bec5 !important; }
-        .w-tc-editor .token.operator { color: #b0bec5 !important; }
-        .details-dialog__code .w-tc-editor textarea { display: none !important; }
-      `}),e.jsxRuntimeExports.jsx("div",{className:"details-dialog__code",children:o||u?e.jsxRuntimeExports.jsx("pre",{children:o?"loading...":"error..."}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{role:"button","aria-label":"Copy JSON",onClick:()=>m.copyToClipboard(q),className:"details-dialog__copy",children:e.jsxRuntimeExports.jsx(a.Icon,{icon:"content_copy","data-tooltip":"Copy to clipboard"})}),e.jsxRuntimeExports.jsx(g.default,{wrap:"off",value:q,language:"json",placeholder:"Please enter JS code.",readOnly:!0,"data-color-mode":"dark"})]})})]})};exports.DetailsDialog=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),l=require("react-toastify");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/enums.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/accessGroups/getAccessGroups.cjs.js");require("../../api/queries/accessGroups/updateAccessGroups.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");const c=require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/enums/getEnums.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const d=require("@ynput/ayon-react-components"),g=require("../JsonViewer/JsonViewer.cjs.js"),x=({projectName:s,entityType:i,entityIds:o,visible:u,onHide:n})=>{const{data:e={},isLoading:q,isError:t,error:a}=c.useGetEntityQuery({projectName:s,entityType:i,entityId:o?.[0]},{skip:!u});return t&&l.toast.error(`Unable to load detail. ${a}`),!u||Array.isArray(e)&&e.length<1?null:r.jsxRuntimeExports.jsx(d.Dialog,{isOpen:!0,onClose:n,size:"lg",style:{width:"50vw"},header:`${i} detail`,children:q||t?r.jsxRuntimeExports.jsx("pre",{children:q?"loading...":"error..."}):r.jsxRuntimeExports.jsx(g.JsonViewer,{value:e})})};exports.DetailsDialog=x;
 //# sourceMappingURL=DetailsDialog.cjs.js.map

package/dist/shared/src/components/DetailsDialog/DetailsDialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsDialog.cjs.js","sources":["../../../../../src/components/DetailsDialog/DetailsDialog.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { toast } from 'react-toastify'\nimport { useGetEntityQuery } from '@shared/api'\nimport { Dialog, Icon } from '@ynput/ayon-react-components'\nimport CodeEditor from '@uiw/react-textarea-code-editor'\nimport { copyToClipboard } from '@shared/util'\n\nexport interface DetailsDialogProps {\n  projectName?: string\n  entityType: string\n  entityIds: string[]\n  visible: boolean\n  onHide: () => void\n}\n\nexport const DetailsDialog = ({\n  projectName,\n  entityType,\n  entityIds,\n  visible,\n  onHide,\n}: DetailsDialogProps) => {\n  const {\n    data = {},\n    isLoading,\n    isError,\n    error,\n  } = useGetEntityQuery(\n    { projectName, entityType: entityType, entityId: entityIds?.[0] },\n    { skip: !visible },\n  )\n\n  // Show error toast if the query errored\n  if (isError) {\n    toast.error(`Unable to load detail. ${error}`)\n  }\n\n  // Raw pretty JSON for copying and highlighting\n  const rawJson = useMemo(() => {\n    try {\n      return JSON.stringify(data, null, 2)\n    } catch {\n      return String(data)\n    }\n  }, [data])\n\n  // Keep the early return after hooks to ensure hooks are called on every render in the same order\n  if (!visible || (Array.isArray(data) ? data.length < 1 : false)) return null\n\n  return (\n    <Dialog\n      isOpen={true}\n      onClose={onHide}\n      size=\"lg\"\n      style={{ width: '50vw' }}\n      header={`${entityType} detail`}\n    >\n      <style>{`\n        .details-dialog__code { position: relative; }\n        .details-dialog__copy { position: absolute; right: 12px; top: 24px; z-index: 10; background: rgba(0,0,0,0.5); border-radius: 4px; padding: 6px; cursor: pointer; display: none; align-items: center; justify-content: center; }\n        .details-dialog__code:hover .details-dialog__copy, .details-dialog__code:focus-within .details-dialog__copy { display: flex; }\n        .w-tc-editor .token.property { color: #c9a5f7 !important; }\n        .w-tc-editor .token.string { color: #6bc985 !important; }\n        .w-tc-editor .token.number { color: #e5a66b !important; }\n        .w-tc-editor .token.boolean { color: #e5a66b !important; }\n        .w-tc-editor .token.null { color: #7a8a99 !important; }\n        .w-tc-editor .token.punctuation { color: #b0bec5 !important; }\n        .w-tc-editor .token.operator { color: #b0bec5 !important; }\n        .details-dialog__code .w-tc-editor textarea { display: none !important; }\n      `}</style>\n      <div className=\"details-dialog__code\">\n        {isLoading || isError ? (\n          <pre>{isLoading ? 'loading...' : 'error...'}</pre>\n        ) : (\n          <>\n            <div\n              role=\"button\"\n              aria-label=\"Copy JSON\"\n              onClick={() => copyToClipboard(rawJson)}\n              className=\"details-dialog__copy\"\n            >\n              <Icon icon={'content_copy'} data-tooltip=\"Copy to clipboard\" />\n            </div>\n            <CodeEditor\n              wrap={'off'}\n              value={rawJson}\n              language=\"json\"\n              placeholder=\"Please enter JS code.\"\n              readOnly\n              data-color-mode={'dark'}\n            />\n          </>\n        )}\n      </div>\n    </Dialog>\n  )\n}"],"names":["DetailsDialog","projectName","entityType","entityIds","visible","onHide","data","isLoading","isError","error","useGetEntityQuery","toast","rawJson","useMemo","jsxs","Dialog","jsx","Fragment","copyToClipboard","Icon","CodeEditor"],"mappings":"2/KAeO,MAAMA,EAAgB,CAAC,CAC5B,YAAAC,EACA,WAAAC,EACA,UAAAC,EACA,QAAAC,EACA,OAAAC,CACF,IAA0B,CACxB,KAAM,CACJ,KAAAC,EAAO,CAAA,EACP,UAAAC,EACA,QAAAC,EACA,MAAAC,CAAA,EACEC,EAAAA,kBACF,CAAE,YAAAT,EAAa,WAAAC,EAAwB,SAAUC,IAAY,CAAC,CAAA,EAC9D,CAAE,KAAM,CAACC,CAAA,CAAQ,EAIfI,GACFG,EAAAA,MAAM,MAAM,0BAA0BF,CAAK,EAAE,EAI/C,MAAMG,EAAUC,EAAAA,QAAQ,IAAM,CAC5B,GAAI,CACF,OAAO,KAAK,UAAUP,EAAM,KAAM,CAAC,CACrC,MAAQ,CACN,OAAO,OAAOA,CAAI,CACpB,CACF,EAAG,CAACA,CAAI,CAAC,EAGT,MAAI,CAACF,GAAY,MAAM,QAAQE,CAAI,GAAIA,EAAK,OAAS,EAAmB,KAGtEQ,EAAAA,kBAAAA,KAACC,EAAAA,OAAA,CACC,OAAQ,GACR,QAASV,EACT,KAAK,KACL,MAAO,CAAE,MAAO,MAAA,EAChB,OAAQ,GAAGH,CAAU,UAErB,SAAA,CAAAc,wBAAC,QAAA,CAAO,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAYN,EACFA,wBAAC,MAAA,CAAI,UAAU,uBACZ,SAAAT,GAAaC,EACZQ,wBAAC,MAAA,CAAK,SAAAT,EAAY,aAAe,UAAA,CAAW,EAE5CO,yBAAAG,EAAAA,kBAAAA,SAAA,CACE,SAAA,CAAAD,EAAAA,kBAAAA,IAAC,MAAA,CACC,KAAK,SACL,aAAW,YACX,QAAS,IAAME,EAAAA,gBAAgBN,CAAO,EACtC,UAAU,uBAEV,SAAAI,EAAAA,kBAAAA,IAACG,OAAA,CAAK,KAAM,eAAgB,eAAa,mBAAA,CAAoB,CAAA,CAAA,EAE/DH,EAAAA,kBAAAA,IAACI,EAAAA,QAAA,CACC,KAAM,MACN,MAAOR,EACP,SAAS,OACT,YAAY,wBACZ,SAAQ,GACR,kBAAiB,MAAA,CAAA,CACnB,CAAA,CACF,CAAA,CAEJ,CAAA,CAAA,CAAA,CAGN"}
+{"version":3,"file":"DetailsDialog.cjs.js","sources":["../../../../../src/components/DetailsDialog/DetailsDialog.tsx"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { useGetEntityQuery } from '@shared/api'\nimport { Dialog } from '@ynput/ayon-react-components'\nimport { JsonViewer } from '@shared/components/JsonViewer'\n\nexport interface DetailsDialogProps {\n  projectName?: string\n  entityType: string\n  entityIds: string[]\n  visible: boolean\n  onHide: () => void\n}\n\nexport const DetailsDialog = ({\n  projectName,\n  entityType,\n  entityIds,\n  visible,\n  onHide,\n}: DetailsDialogProps) => {\n  const {\n    data = {},\n    isLoading,\n    isError,\n    error,\n  } = useGetEntityQuery(\n    { projectName, entityType: entityType, entityId: entityIds?.[0] },\n    { skip: !visible },\n  )\n\n  // Show error toast if the query errored\n  if (isError) {\n    toast.error(`Unable to load detail. ${error}`)\n  }\n\n  // Keep the early return after hooks to ensure hooks are called on every render in the same order\n  if (!visible || (Array.isArray(data) ? data.length < 1 : false)) return null\n\n  return (\n    <Dialog\n      isOpen={true}\n      onClose={onHide}\n      size=\"lg\"\n      style={{ width: '50vw' }}\n      header={`${entityType} detail`}\n    >\n      {isLoading || isError ? (\n        <pre>{isLoading ? 'loading...' : 'error...'}</pre>\n      ) : (\n        <JsonViewer value={data} />\n      )}\n    </Dialog>\n  )\n}"],"names":["DetailsDialog","projectName","entityType","entityIds","visible","onHide","data","isLoading","isError","error","useGetEntityQuery","toast","jsx","Dialog","JsonViewer"],"mappings":"uiLAaaA,EAAgB,CAAC,CAC5B,YAAAC,EACA,WAAAC,EACA,UAAAC,EACA,QAAAC,EACA,OAAAC,CACF,IAA0B,CACxB,KAAM,CACJ,KAAAC,EAAO,CAAA,EACP,UAAAC,EACA,QAAAC,EACA,MAAAC,CAAA,EACEC,EAAAA,kBACF,CAAE,YAAAT,EAAa,WAAAC,EAAwB,SAAUC,IAAY,CAAC,CAAA,EAC9D,CAAE,KAAM,CAACC,CAAA,CAAQ,EASnB,OALII,GACFG,EAAAA,MAAM,MAAM,0BAA0BF,CAAK,EAAE,EAI3C,CAACL,GAAY,MAAM,QAAQE,CAAI,GAAIA,EAAK,OAAS,EAAmB,KAGtEM,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACC,OAAQ,GACR,QAASR,EACT,KAAK,KACL,MAAO,CAAE,MAAO,MAAA,EAChB,OAAQ,GAAGH,CAAU,UAEpB,SAAAK,GAAaC,EACZI,EAAAA,kBAAAA,IAAC,MAAA,CAAK,SAAAL,EAAY,aAAe,UAAA,CAAW,EAE5CK,EAAAA,kBAAAA,IAACE,EAAAA,WAAA,CAAW,MAAOR,CAAA,CAAM,CAAA,CAAA,CAIjC"}