@fivepixels-js/react 0.1.6 → 0.2.0

package/dist/utils/pickProbeSession.js

@@ -0,0 +1,134 @@
+import { applyPickProbeCompareMode, applyPickProbeValues } from "./pickProbe.js";
+import { getFeedbackTargetSelector, resolveReportType } from "./dom.js";
+import { shouldInspectFontStyle } from "./pickTargetInspect.js";
+import { findElementByTargetSelector, generateCssSelector } from "./targetSelector.js";
+export function restoreProbeElementFromSnapshot(element, snapshot) {
+    if (snapshot.style === null) {
+        element.removeAttribute("style");
+    }
+    else {
+        element.setAttribute("style", snapshot.style);
+    }
+    if (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement) {
+        if (snapshot.inputValue !== null) {
+            element.value = snapshot.inputValue;
+        }
+        return;
+    }
+    if (shouldInspectFontStyle(element)) {
+        element.textContent = snapshot.textContent;
+        return;
+    }
+    element.innerHTML = snapshot.innerHTML;
+}
+export function createProbeDeletionId() {
+    return `probe-del-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 9)}`;
+}
+export function getPickProbeElementKey(element) {
+    const reportId = element.dataset.reportId?.trim();
+    if (reportId) {
+        return `id:${reportId}:${resolveReportType(element)}`;
+    }
+    return `selector:${generateCssSelector(element)}`;
+}
+export function findElementByProbeKey(elementKey) {
+    if (elementKey.startsWith("id:")) {
+        const [, reportId, reportType] = elementKey.split(":");
+        if (!reportId || !reportType) {
+            return null;
+        }
+        return document.querySelector(getFeedbackTargetSelector(reportId, reportType));
+    }
+    if (elementKey.startsWith("selector:")) {
+        return findElementByTargetSelector(elementKey.slice("selector:".length));
+    }
+    return null;
+}
+export function captureProbeOriginalSnapshot(element) {
+    const isTextInput = element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement;
+    return {
+        style: element.getAttribute("style"),
+        innerHTML: element.innerHTML,
+        textContent: element.textContent,
+        inputValue: isTextInput ? element.value : null,
+    };
+}
+export function captureSavedProbeDeletion(element, elementKey) {
+    const parent = element.parentElement;
+    if (!parent) {
+        return null;
+    }
+    const childIndex = Array.from(parent.children).indexOf(element);
+    if (childIndex < 0) {
+        return null;
+    }
+    return {
+        id: createProbeDeletionId(),
+        elementKey,
+        outerHTML: element.outerHTML,
+        parentSelector: generateCssSelector(parent),
+        childIndex,
+    };
+}
+export function restoreSavedProbeDeletion(entry) {
+    if (findElementByProbeKey(entry.elementKey)) {
+        return null;
+    }
+    const parent = findElementByTargetSelector(entry.parentSelector);
+    if (!parent) {
+        return null;
+    }
+    const template = document.createElement("template");
+    template.innerHTML = entry.outerHTML;
+    const restored = template.content.firstElementChild;
+    if (!(restored instanceof HTMLElement)) {
+        return null;
+    }
+    const referenceChild = parent.children[entry.childIndex] ?? null;
+    parent.insertBefore(restored, referenceChild);
+    return restored;
+}
+export function restoreProbeElementOriginal(element, entry) {
+    if (entry.originalStyle === null) {
+        element.removeAttribute("style");
+    }
+    else {
+        element.setAttribute("style", entry.originalStyle);
+    }
+    if (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement) {
+        element.value = entry.originalInputValue ?? entry.baseline.textContent;
+        return;
+    }
+    if (entry.originalInnerHTML !== null) {
+        element.innerHTML = entry.originalInnerHTML;
+        return;
+    }
+    if (entry.originalTextContent !== null) {
+        element.textContent = entry.originalTextContent;
+        return;
+    }
+    element.textContent = entry.baseline.textContent;
+}
+export function createSavedProbeEntry(elementKey, baseline, applied, originalStyle, originalTextContent, existing, originalInnerHTML, originalInputValue) {
+    return {
+        elementKey,
+        baseline: existing?.baseline ?? baseline,
+        applied,
+        originalStyle: existing?.originalStyle ?? originalStyle,
+        originalTextContent: existing?.originalTextContent ?? originalTextContent,
+        originalInnerHTML: existing?.originalInnerHTML ?? originalInnerHTML ?? null,
+        originalInputValue: existing?.originalInputValue ?? originalInputValue ?? null,
+    };
+}
+export function commitProbeValuesToElement(element, values) {
+    applyPickProbeValues(element, values);
+}
+export function applySavedProbeEditsCompareMode(edits, mode) {
+    for (const entry of Object.values(edits)) {
+        const element = findElementByProbeKey(entry.elementKey);
+        if (element) {
+            applyPickProbeCompareMode(element, mode, entry.baseline, entry.applied);
+        }
+    }
+}
+//# sourceMappingURL=pickProbeSession.js.map

package/dist/utils/pickProbeSession.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pickProbeSession.js","sourceRoot":"","sources":["../../src/utils/pickProbeSession.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACjF,OAAO,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,2BAA2B,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAIvF,MAAM,UAAU,+BAA+B,CAAC,OAAoB,EAAE,QAA8B;IAChG,IAAI,QAAQ,CAAC,KAAK,KAAK,IAAI,EAAE,CAAC;QAC1B,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC;SAAM,CAAC;QACJ,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,CAAC;IAED,IAAI,OAAO,YAAY,gBAAgB,IAAI,OAAO,YAAY,mBAAmB,EAAE,CAAC;QAChF,IAAI,QAAQ,CAAC,UAAU,KAAK,IAAI,EAAE,CAAC;YAC/B,OAAO,CAAC,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC;QACxC,CAAC;QAED,OAAO;IACX,CAAC;IAED,IAAI,sBAAsB,CAAC,OAAO,CAAC,EAAE,CAAC;QAClC,OAAO,CAAC,WAAW,GAAG,QAAQ,CAAC,WAAW,CAAC;QAC3C,OAAO;IACX,CAAC;IAED,OAAO,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,qBAAqB;IACjC,OAAO,aAAa,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AAC5F,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,OAAoB;IACvD,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC;IAElD,IAAI,QAAQ,EAAE,CAAC;QACX,OAAO,MAAM,QAAQ,IAAI,iBAAiB,CAAC,OAAO,CAAC,EAAE,CAAC;IAC1D,CAAC;IAED,OAAO,YAAY,mBAAmB,CAAC,OAAO,CAAC,EAAE,CAAC;AACtD,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,UAAkB;IACpD,IAAI,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;QAC/B,MAAM,CAAC,EAAE,QAAQ,EAAE,UAAU,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAEvD,IAAI,CAAC,QAAQ,IAAI,CAAC,UAAU,EAAE,CAAC;YAC3B,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,OAAO,QAAQ,CAAC,aAAa,CAAc,yBAAyB,CAAC,QAAQ,EAAE,UAA8B,CAAC,CAAC,CAAC;IACpH,CAAC;IAED,IAAI,UAAU,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC;QACrC,OAAO,2BAA2B,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7E,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,4BAA4B,CAAC,OAAoB;IAC7D,MAAM,WAAW,GAAG,OAAO,YAAY,gBAAgB,IAAI,OAAO,YAAY,mBAAmB,CAAC;IAElG,OAAO;QACH,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;QACpC,SAAS,EAAE,OAAO,CAAC,SAAS;QAC5B,WAAW,EAAE,OAAO,CAAC,WAAW;QAChC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;KACjD,CAAC;AACN,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,OAAoB,EAAE,UAAkB;IAC9E,MAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC;IAErC,IAAI,CAAC,MAAM,EAAE,CAAC;QACV,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAEhE,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;QACjB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO;QACH,EAAE,EAAE,qBAAqB,EAAE;QAC3B,UAAU;QACV,SAAS,EAAE,OAAO,CAAC,SAAS;QAC5B,cAAc,EAAE,mBAAmB,CAAC,MAAM,CAAC;QAC3C,UAAU;KACb,CAAC;AACN,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,KAAyB;IAC/D,IAAI,qBAAqB,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,MAAM,GAAG,2BAA2B,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAEjE,IAAI,CAAC,MAAM,EAAE,CAAC;QACV,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACpD,QAAQ,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,iBAAiB,CAAC;IAEpD,IAAI,CAAC,CAAC,QAAQ,YAAY,WAAW,CAAC,EAAE,CAAC;QACrC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC;IACjE,MAAM,CAAC,YAAY,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IAE9C,OAAO,QAAQ,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,2BAA2B,CAAC,OAAoB,EAAE,KAAsB;IACpF,IAAI,KAAK,CAAC,aAAa,KAAK,IAAI,EAAE,CAAC;QAC/B,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC;SAAM,CAAC;QACJ,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IACvD,CAAC;IAED,IAAI,OAAO,YAAY,gBAAgB,IAAI,OAAO,YAAY,mBAAmB,EAAE,CAAC;QAChF,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,kBAAkB,IAAI,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC;QACvE,OAAO;IACX,CAAC;IAED,IAAI,KAAK,CAAC,iBAAiB,KAAK,IAAI,EAAE,CAAC;QACnC,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC,iBAAiB,CAAC;QAC5C,OAAO;IACX,CAAC;IAED,IAAI,KAAK,CAAC,mBAAmB,KAAK,IAAI,EAAE,CAAC;QACrC,OAAO,CAAC,WAAW,GAAG,KAAK,CAAC,mBAAmB,CAAC;QAChD,OAAO;IACX,CAAC;IAED,OAAO,CAAC,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC;AACrD,CAAC;AAED,MAAM,UAAU,qBAAqB,CACjC,UAAkB,EAClB,QAAyB,EACzB,OAAwB,EACxB,aAA4B,EAC5B,mBAAkC,EAClC,QAA0B,EAC1B,iBAAiC,EACjC,kBAAkC;IAElC,OAAO;QACH,UAAU;QACV,QAAQ,EAAE,QAAQ,EAAE,QAAQ,IAAI,QAAQ;QACxC,OAAO;QACP,aAAa,EAAE,QAAQ,EAAE,aAAa,IAAI,aAAa;QACvD,mBAAmB,EAAE,QAAQ,EAAE,mBAAmB,IAAI,mBAAmB;QACzE,iBAAiB,EAAE,QAAQ,EAAE,iBAAiB,IAAI,iBAAiB,IAAI,IAAI;QAC3E,kBAAkB,EAAE,QAAQ,EAAE,kBAAkB,IAAI,kBAAkB,IAAI,IAAI;KACjF,CAAC;AACN,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAC,OAAoB,EAAE,MAAuB;IACpF,oBAAoB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAC1C,CAAC;AAED,MAAM,UAAU,+BAA+B,CAC3C,KAAsC,EACtC,IAA0B;IAE1B,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;QACvC,MAAM,OAAO,GAAG,qBAAqB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAExD,IAAI,OAAO,EAAE,CAAC;YACV,yBAAyB,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;QAC5E,CAAC;IACL,CAAC;AACL,CAAC"}

package/dist/utils/pickTargetDeleteAnimation.d.ts

@@ -0,0 +1,3 @@
+export declare const PICK_TARGET_DELETE_ANIMATION_MS = 550;
+export declare function playPickTargetDeleteAnimation(rect: DOMRect): Promise<void>;
+//# sourceMappingURL=pickTargetDeleteAnimation.d.ts.map

package/dist/utils/pickTargetDeleteAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pickTargetDeleteAnimation.d.ts","sourceRoot":"","sources":["../../src/utils/pickTargetDeleteAnimation.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,+BAA+B,MAAM,CAAC;AAEnD,wBAAgB,6BAA6B,CAAC,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CA+B1E"}

package/dist/utils/pickTargetDeleteAnimation.js

@@ -0,0 +1,29 @@
+import { getReportPortalRoot } from "./dom.js";
+export const PICK_TARGET_DELETE_ANIMATION_MS = 550;
+export function playPickTargetDeleteAnimation(rect) {
+    return new Promise((resolve) => {
+        const shell = document.createElement("div");
+        shell.className = "fivepixels-pick-target-delete-overlay";
+        shell.setAttribute("data-fivepixels-interactive", "");
+        shell.style.left = `${rect.left}px`;
+        shell.style.top = `${rect.top}px`;
+        shell.style.width = `${Math.max(rect.width, 1)}px`;
+        shell.style.height = `${Math.max(rect.height, 1)}px`;
+        const wave = document.createElement("div");
+        wave.className = "fivepixels-pick-target-delete-wave";
+        shell.appendChild(wave);
+        getReportPortalRoot().appendChild(shell);
+        let settled = false;
+        const finish = () => {
+            if (settled) {
+                return;
+            }
+            settled = true;
+            shell.remove();
+            resolve();
+        };
+        wave.addEventListener("animationend", finish, { once: true });
+        window.setTimeout(finish, PICK_TARGET_DELETE_ANIMATION_MS + 80);
+    });
+}
+//# sourceMappingURL=pickTargetDeleteAnimation.js.map

package/dist/utils/pickTargetDeleteAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pickTargetDeleteAnimation.js","sourceRoot":"","sources":["../../src/utils/pickTargetDeleteAnimation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C,MAAM,CAAC,MAAM,+BAA+B,GAAG,GAAG,CAAC;AAEnD,MAAM,UAAU,6BAA6B,CAAC,IAAa;IACvD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC3B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC5C,KAAK,CAAC,SAAS,GAAG,uCAAuC,CAAC;QAC1D,KAAK,CAAC,YAAY,CAAC,6BAA6B,EAAE,EAAE,CAAC,CAAC;QACtD,KAAK,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC;QACpC,KAAK,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;QAClC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC;QACnD,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC;QAErD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,CAAC,SAAS,GAAG,oCAAoC,CAAC;QACtD,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAExB,mBAAmB,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAEzC,IAAI,OAAO,GAAG,KAAK,CAAC;QAEpB,MAAM,MAAM,GAAG,GAAG,EAAE;YAChB,IAAI,OAAO,EAAE,CAAC;gBACV,OAAO;YACX,CAAC;YAED,OAAO,GAAG,IAAI,CAAC;YACf,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,OAAO,EAAE,CAAC;QACd,CAAC,CAAC;QAEF,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QAC9D,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,+BAA+B,GAAG,EAAE,CAAC,CAAC;IACpE,CAAC,CAAC,CAAC;AACP,CAAC"}

package/dist/utils/pickTargetInspect.d.ts

@@ -0,0 +1,12 @@
+import type { PickTargetFontStyle } from "../types/report-ui.js";
+export declare function getPickTargetBoxStyle(element: HTMLElement): {
+    display: string;
+    padding: string;
+    margin: string;
+    borderRadius: string;
+};
+export declare function shouldInspectFontStyle(element: HTMLElement): boolean;
+export declare function getPickTargetFontStyle(element: HTMLElement): PickTargetFontStyle | null;
+export declare function getPickTargetTagName(element: HTMLElement): string;
+export declare function getPickTargetReportIdAttribute(element: HTMLElement): string | null;
+//# sourceMappingURL=pickTargetInspect.d.ts.map

package/dist/utils/pickTargetInspect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pickTargetInspect.d.ts","sourceRoot":"","sources":["../../src/utils/pickTargetInspect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAmDhE,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,WAAW;;;;;EASzD;AAED,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,WAAW,WAE1D;AAED,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,WAAW,GAAG,mBAAmB,GAAG,IAAI,CAavF;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,WAAW,UAExD;AAED,wBAAgB,8BAA8B,CAAC,OAAO,EAAE,WAAW,iBAElE"}

package/dist/utils/pickTargetInspect.js

@@ -0,0 +1,75 @@
+const FONT_INSPECT_TAGS = new Set([
+    "FONT",
+    "P",
+    "SPAN",
+    "H1",
+    "H2",
+    "H3",
+    "H4",
+    "H5",
+    "H6",
+    "A",
+    "LABEL",
+    "BUTTON",
+    "LI",
+    "TD",
+    "TH",
+    "STRONG",
+    "EM",
+    "B",
+    "I",
+    "SMALL",
+    "CODE",
+    "PRE",
+    "BLOCKQUOTE",
+    "FIGCAPTION",
+    "INPUT",
+    "TEXTAREA",
+    "SELECT",
+    "LEGEND",
+    "CAPTION",
+]);
+function formatBoxSides(style, prefix) {
+    const top = style.getPropertyValue(`${prefix}-top`);
+    const right = style.getPropertyValue(`${prefix}-right`);
+    const bottom = style.getPropertyValue(`${prefix}-bottom`);
+    const left = style.getPropertyValue(`${prefix}-left`);
+    if (top === right && right === bottom && bottom === left) {
+        return top;
+    }
+    if (top === bottom && left === right) {
+        return `${top} ${right}`;
+    }
+    return `${top} ${right} ${bottom} ${left}`;
+}
+export function getPickTargetBoxStyle(element) {
+    const style = window.getComputedStyle(element);
+    return {
+        display: style.display,
+        padding: formatBoxSides(style, "padding"),
+        margin: formatBoxSides(style, "margin"),
+        borderRadius: style.borderRadius,
+    };
+}
+export function shouldInspectFontStyle(element) {
+    return FONT_INSPECT_TAGS.has(element.tagName);
+}
+export function getPickTargetFontStyle(element) {
+    if (!shouldInspectFontStyle(element)) {
+        return null;
+    }
+    const style = window.getComputedStyle(element);
+    return {
+        fontFamily: style.fontFamily,
+        fontSize: style.fontSize,
+        fontWeight: style.fontWeight,
+        lineHeight: style.lineHeight,
+    };
+}
+export function getPickTargetTagName(element) {
+    return element.tagName.toLowerCase();
+}
+export function getPickTargetReportIdAttribute(element) {
+    return element.dataset.reportId?.trim() || null;
+}
+//# sourceMappingURL=pickTargetInspect.js.map

package/dist/utils/pickTargetInspect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pickTargetInspect.js","sourceRoot":"","sources":["../../src/utils/pickTargetInspect.ts"],"names":[],"mappings":"AAEA,MAAM,iBAAiB,GAAG,IAAI,GAAG,CAAC;IAC9B,MAAM;IACN,GAAG;IACH,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,GAAG;IACH,OAAO;IACP,QAAQ;IACR,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,QAAQ;IACR,IAAI;IACJ,GAAG;IACH,GAAG;IACH,OAAO;IACP,MAAM;IACN,KAAK;IACL,YAAY;IACZ,YAAY;IACZ,OAAO;IACP,UAAU;IACV,QAAQ;IACR,QAAQ;IACR,SAAS;CACZ,CAAC,CAAC;AAEH,SAAS,cAAc,CAAC,KAA0B,EAAE,MAA4B;IAC5E,MAAM,GAAG,GAAG,KAAK,CAAC,gBAAgB,CAAC,GAAG,MAAM,MAAM,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,KAAK,CAAC,gBAAgB,CAAC,GAAG,MAAM,QAAQ,CAAC,CAAC;IACxD,MAAM,MAAM,GAAG,KAAK,CAAC,gBAAgB,CAAC,GAAG,MAAM,SAAS,CAAC,CAAC;IAC1D,MAAM,IAAI,GAAG,KAAK,CAAC,gBAAgB,CAAC,GAAG,MAAM,OAAO,CAAC,CAAC;IAEtD,IAAI,GAAG,KAAK,KAAK,IAAI,KAAK,KAAK,MAAM,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;QACvD,OAAO,GAAG,CAAC;IACf,CAAC;IAED,IAAI,GAAG,KAAK,MAAM,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;QACnC,OAAO,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;IAC7B,CAAC;IAED,OAAO,GAAG,GAAG,IAAI,KAAK,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC;AAC/C,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,OAAoB;IACtD,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAE/C,OAAO;QACH,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,SAAS,CAAC;QACzC,MAAM,EAAE,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC;QACvC,YAAY,EAAE,KAAK,CAAC,YAAY;KACnC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,OAAoB;IACvD,OAAO,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,OAAoB;IACvD,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE,CAAC;QACnC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAE/C,OAAO;QACH,UAAU,EAAE,KAAK,CAAC,UAAU;QAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,UAAU,EAAE,KAAK,CAAC,UAAU;QAC5B,UAAU,EAAE,KAAK,CAAC,UAAU;KAC/B,CAAC;AACN,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,OAAoB;IACrD,OAAO,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,8BAA8B,CAAC,OAAoB;IAC/D,OAAO,OAAO,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC;AACpD,CAAC"}

package/dist/utils/probeColor.d.ts

@@ -0,0 +1,6 @@
+export declare function isValidProbeHexColor(value: string): boolean;
+export declare function sanitizeProbeHexInput(raw: string): string;
+export declare function getProbeColorPreview(value: string): string | null;
+export declare function probeHexToColorInputValue(value: string): string;
+export declare function cssColorToProbeHex(color: string): string;
+//# sourceMappingURL=probeColor.d.ts.map

package/dist/utils/probeColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"probeColor.d.ts","sourceRoot":"","sources":["../../src/utils/probeColor.ts"],"names":[],"mappings":"AAEA,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,WAEjD;AAED,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,UAShD;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,iBAEjD;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,UAQtD;AAMD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,UA8B/C"}

package/dist/utils/probeColor.js

@@ -0,0 +1,49 @@
+const PROBE_HEX_COLOR_PATTERN = /^#([0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;
+export function isValidProbeHexColor(value) {
+    return PROBE_HEX_COLOR_PATTERN.test(value.trim());
+}
+export function sanitizeProbeHexInput(raw) {
+    if (!raw.trim()) {
+        return "";
+    }
+    const withHash = raw.startsWith("#") ? raw : `#${raw}`;
+    const digits = withHash.slice(1).replace(/[^0-9a-fA-F]/g, "").slice(0, 8);
+    return digits ? `#${digits}` : "#";
+}
+export function getProbeColorPreview(value) {
+    return isValidProbeHexColor(value) ? value.trim().toLowerCase() : null;
+}
+export function probeHexToColorInputValue(value) {
+    const preview = getProbeColorPreview(value);
+    if (!preview) {
+        return "#000000";
+    }
+    return preview.length === 9 ? preview.slice(0, 7) : preview;
+}
+function channelToHex(channel) {
+    return Math.max(0, Math.min(255, channel)).toString(16).padStart(2, "0");
+}
+export function cssColorToProbeHex(color) {
+    const trimmed = color.trim();
+    if (PROBE_HEX_COLOR_PATTERN.test(trimmed)) {
+        return trimmed.toLowerCase();
+    }
+    const rgbMatch = trimmed.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*([\d.]+))?\s*\)$/);
+    if (!rgbMatch) {
+        return "#000000";
+    }
+    const red = Number(rgbMatch[1]);
+    const green = Number(rgbMatch[2]);
+    const blue = Number(rgbMatch[3]);
+    const alphaRaw = rgbMatch[4];
+    const hex = `#${channelToHex(red)}${channelToHex(green)}${channelToHex(blue)}`;
+    if (alphaRaw === undefined) {
+        return hex;
+    }
+    const alpha = Math.round(Number(alphaRaw) * 255);
+    if (alpha >= 255) {
+        return hex;
+    }
+    return `${hex}${channelToHex(alpha)}`;
+}
+//# sourceMappingURL=probeColor.js.map

package/dist/utils/probeColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"probeColor.js","sourceRoot":"","sources":["../../src/utils/probeColor.ts"],"names":[],"mappings":"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"}

package/dist/utils/probeLayout.d.ts

@@ -0,0 +1,27 @@
+import type { PickProbeLayoutMode } from "../types/report-ui.js";
+export declare const PROBE_GRID_TRACK_MIN = 1;
+export declare const PROBE_GRID_TRACK_MAX = 12;
+export declare const FLEX_JUSTIFY_VALUES: readonly ["flex-start", "center", "flex-end", "space-between"];
+export declare const FLEX_ALIGN_VALUES: readonly ["flex-start", "center", "flex-end"];
+export type FlexJustifyValue = (typeof FLEX_JUSTIFY_VALUES)[number];
+export type FlexAlignValue = (typeof FLEX_ALIGN_VALUES)[number];
+export declare function getPickProbeLayoutMode(element: HTMLElement): PickProbeLayoutMode;
+export declare function isColumnFlexDirection(direction: string): boolean;
+export declare function isFlexReversed(direction: string): boolean;
+export declare function getFlexAxis(direction: string): "row" | "column";
+export declare function buildFlexDirection(axis: "row" | "column", reversed: boolean): "column" | "row" | "row-reverse" | "column-reverse";
+export declare function toggleFlexReverse(direction: string): "column" | "row" | "row-reverse" | "column-reverse";
+export declare function parseGridTrackCount(template: string): number;
+export declare function clampGridTrackCount(value: number): number;
+export declare function formatGridTrackCount(count: number): string;
+export declare function parseProbeGap(value: string): string;
+export declare function captureProbeGap(style: CSSStyleDeclaration): string;
+export declare function stepProbeGap(value: string, delta: number): string;
+export declare function stepGridTrackCount(value: string, delta: number): string;
+export declare function inferLayoutModeFromProbeValues(values: {
+    flexDirection: string;
+    justifyContent: string;
+    gridColumnCount: string;
+    gridRowCount: string;
+}): PickProbeLayoutMode;
+//# sourceMappingURL=probeLayout.d.ts.map

package/dist/utils/probeLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"probeLayout.d.ts","sourceRoot":"","sources":["../../src/utils/probeLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,eAAO,MAAM,oBAAoB,IAAI,CAAC;AACtC,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAEvC,eAAO,MAAM,mBAAmB,gEAAiE,CAAC;AAClG,eAAO,MAAM,iBAAiB,+CAAgD,CAAC;AAE/E,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AACpE,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,WAAW,GAAG,mBAAmB,CAYhF;AAED,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,MAAM,WAEtD;AAED,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,WAE/C;AAED,wBAAgB,WAAW,CAAC,SAAS,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,CAE/D;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,KAAK,GAAG,QAAQ,EAAE,QAAQ,EAAE,OAAO,uDAM3E;AAED,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,MAAM,uDAGlD;AAED,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,UAcnD;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,UAMhD;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,UAEjD;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,UAQ1C;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,mBAAmB,UAIzD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAUxD;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAI9D;AAED,wBAAgB,8BAA8B,CAAC,MAAM,EAAE;IACnD,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACxB,GAAG,mBAAmB,CAUtB"}

package/dist/utils/probeLayout.js

@@ -0,0 +1,86 @@
+export const PROBE_GRID_TRACK_MIN = 1;
+export const PROBE_GRID_TRACK_MAX = 12;
+export const FLEX_JUSTIFY_VALUES = ["flex-start", "center", "flex-end", "space-between"];
+export const FLEX_ALIGN_VALUES = ["flex-start", "center", "flex-end"];
+export function getPickProbeLayoutMode(element) {
+    const display = window.getComputedStyle(element).display;
+    if (display === "flex" || display === "inline-flex") {
+        return "flex";
+    }
+    if (display === "grid" || display === "inline-grid") {
+        return "grid";
+    }
+    return null;
+}
+export function isColumnFlexDirection(direction) {
+    return direction.includes("column");
+}
+export function isFlexReversed(direction) {
+    return direction.includes("reverse");
+}
+export function getFlexAxis(direction) {
+    return isColumnFlexDirection(direction) ? "column" : "row";
+}
+export function buildFlexDirection(axis, reversed) {
+    if (axis === "row") {
+        return reversed ? "row-reverse" : "row";
+    }
+    return reversed ? "column-reverse" : "column";
+}
+export function toggleFlexReverse(direction) {
+    const axis = getFlexAxis(direction);
+    return buildFlexDirection(axis, !isFlexReversed(direction));
+}
+export function parseGridTrackCount(template) {
+    const trimmed = template.trim();
+    if (!trimmed || trimmed === "none") {
+        return PROBE_GRID_TRACK_MIN;
+    }
+    const repeatMatch = trimmed.match(/^repeat\(\s*(\d+)\s*,/i);
+    if (repeatMatch?.[1]) {
+        return clampGridTrackCount(Number.parseInt(repeatMatch[1], 10));
+    }
+    return clampGridTrackCount(trimmed.split(/\s+/).filter(Boolean).length);
+}
+export function clampGridTrackCount(value) {
+    if (!Number.isFinite(value)) {
+        return PROBE_GRID_TRACK_MIN;
+    }
+    return Math.min(PROBE_GRID_TRACK_MAX, Math.max(PROBE_GRID_TRACK_MIN, Math.round(value)));
+}
+export function formatGridTrackCount(count) {
+    return `repeat(${clampGridTrackCount(count)}, minmax(0, 1fr))`;
+}
+export function parseProbeGap(value) {
+    const trimmed = value.trim();
+    if (!trimmed || trimmed === "normal") {
+        return "0px";
+    }
+    return trimmed;
+}
+export function captureProbeGap(style) {
+    const gap = style.gap || style.rowGap || style.columnGap;
+    return parseProbeGap(gap);
+}
+export function stepProbeGap(value, delta) {
+    const match = value.trim().match(/^(-?\d+(?:\.\d+)?)px$/i);
+    if (!match?.[1]) {
+        return `${Math.max(0, delta)}px`;
+    }
+    const next = Math.max(0, Number.parseFloat(match[1]) + delta);
+    return `${next}px`;
+}
+export function stepGridTrackCount(value, delta) {
+    const current = Number.parseInt(value, 10);
+    return String(clampGridTrackCount((Number.isFinite(current) ? current : PROBE_GRID_TRACK_MIN) + delta));
+}
+export function inferLayoutModeFromProbeValues(values) {
+    if (values.gridColumnCount || values.gridRowCount) {
+        return "grid";
+    }
+    if (values.flexDirection || values.justifyContent) {
+        return "flex";
+    }
+    return null;
+}
+//# sourceMappingURL=probeLayout.js.map

package/dist/utils/probeLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"probeLayout.js","sourceRoot":"","sources":["../../src/utils/probeLayout.ts"],"names":[],"mappings":"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"}

package/dist/utils/probeSessionHistory.d.ts

@@ -0,0 +1,8 @@
+import type { ProbeSessionAction, SavedProbeDeletion, SavedProbeEntry } from "../types/report-ui.js";
+export type ProbeSessionMaps = {
+    edits: Record<string, SavedProbeEntry>;
+    deletions: SavedProbeDeletion[];
+};
+export declare function applyProbeSessionActionForward(action: ProbeSessionAction, maps: ProbeSessionMaps): ProbeSessionMaps;
+export declare function applyProbeSessionActionBackward(action: ProbeSessionAction, maps: ProbeSessionMaps): ProbeSessionMaps;
+//# sourceMappingURL=probeSessionHistory.d.ts.map

package/dist/utils/probeSessionHistory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"probeSessionHistory.d.ts","sourceRoot":"","sources":["../../src/utils/probeSessionHistory.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAQpG,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IACvC,SAAS,EAAE,kBAAkB,EAAE,CAAC;CACnC,CAAC;AAsBF,wBAAgB,8BAA8B,CAAC,MAAM,EAAE,kBAAkB,EAAE,IAAI,EAAE,gBAAgB,GAAG,gBAAgB,CAiDnH;AAED,wBAAgB,+BAA+B,CAAC,MAAM,EAAE,kBAAkB,EAAE,IAAI,EAAE,gBAAgB,GAAG,gBAAgB,CAoDpH"}

package/dist/utils/probeSessionHistory.js

@@ -0,0 +1,102 @@
+import { applyPickProbeCompareMode } from "./pickProbe.js";
+import { findElementByProbeKey, restoreProbeElementOriginal, restoreSavedProbeDeletion, } from "./pickProbeSession.js";
+function applyStyleEntry(elementKey, entry) {
+    const element = findElementByProbeKey(elementKey);
+    if (element) {
+        applyPickProbeCompareMode(element, "after", entry.baseline, entry.applied);
+    }
+}
+function withoutDeletion(deletions, id) {
+    return deletions.filter((entry) => entry.id !== id);
+}
+function withDeletion(deletions, deletion) {
+    if (deletions.some((entry) => entry.id === deletion.id)) {
+        return deletions;
+    }
+    return [...deletions, deletion];
+}
+export function applyProbeSessionActionForward(action, maps) {
+    switch (action.kind) {
+        case "style-apply": {
+            applyStyleEntry(action.elementKey, action.nextEntry);
+            return {
+                edits: {
+                    ...maps.edits,
+                    [action.elementKey]: action.nextEntry,
+                },
+                deletions: maps.deletions,
+            };
+        }
+        case "style-revert": {
+            const element = findElementByProbeKey(action.elementKey);
+            if (element) {
+                restoreProbeElementOriginal(element, action.revertedEntry);
+            }
+            const edits = { ...maps.edits };
+            delete edits[action.elementKey];
+            return {
+                edits,
+                deletions: maps.deletions,
+            };
+        }
+        case "delete": {
+            const element = findElementByProbeKey(action.deletion.elementKey);
+            if (element?.isConnected) {
+                element.remove();
+            }
+            const edits = { ...maps.edits };
+            if (action.previousStyleEntry) {
+                delete edits[action.deletion.elementKey];
+            }
+            return {
+                edits,
+                deletions: withDeletion(maps.deletions, action.deletion),
+            };
+        }
+    }
+}
+export function applyProbeSessionActionBackward(action, maps) {
+    switch (action.kind) {
+        case "style-apply": {
+            const edits = { ...maps.edits };
+            if (action.previousEntry) {
+                applyStyleEntry(action.elementKey, action.previousEntry);
+                edits[action.elementKey] = action.previousEntry;
+            }
+            else {
+                const element = findElementByProbeKey(action.elementKey);
+                if (element) {
+                    restoreProbeElementOriginal(element, action.nextEntry);
+                }
+                delete edits[action.elementKey];
+            }
+            return {
+                edits,
+                deletions: maps.deletions,
+            };
+        }
+        case "style-revert": {
+            applyStyleEntry(action.elementKey, action.revertedEntry);
+            return {
+                edits: {
+                    ...maps.edits,
+                    [action.elementKey]: action.revertedEntry,
+                },
+                deletions: maps.deletions,
+            };
+        }
+        case "delete": {
+            restoreSavedProbeDeletion(action.deletion);
+            const edits = { ...maps.edits };
+            if (action.previousStyleEntry) {
+                edits[action.deletion.elementKey] = action.previousStyleEntry;
+                applyStyleEntry(action.deletion.elementKey, action.previousStyleEntry);
+            }
+            return {
+                edits,
+                deletions: withoutDeletion(maps.deletions, action.deletion.id),
+            };
+        }
+    }
+}
+//# sourceMappingURL=probeSessionHistory.js.map

package/dist/utils/probeSessionHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"probeSessionHistory.js","sourceRoot":"","sources":["../../src/utils/probeSessionHistory.ts"],"names":[],"mappings":"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"}

package/dist/utils/replyHistory.d.ts

@@ -0,0 +1,20 @@
+import type { ListRepliesParams, ListRepliesResult, ReportFeedback, ReportReply } from "../types/report.js";
+export declare const DEFAULT_REPLY_HISTORY_PAGE_SIZE = 10;
+export declare const DEFAULT_REPLY_HISTORY_MODE: "button-and-scroll";
+export declare const REPLY_HISTORY_SCROLL_THRESHOLD_PX = 80;
+export declare function sortRepliesChronologically(replies: ReportReply[]): ReportReply[];
+export declare function getTotalReplyCount(report: Pick<ReportFeedback, "replies" | "reply_count">): number;
+export declare function paginateSortedReplies(sorted: ReportReply[], params: ListRepliesParams): ListRepliesResult;
+export declare function normalizeListRepliesResult(result: ListRepliesResult | ReportReply[], params?: ListRepliesParams): ListRepliesResult;
+export declare function prependReplies(existing: ReportReply[], older: ReportReply[]): ReportReply[];
+export declare function appendReplyUnique(existing: ReportReply[], reply: ReportReply): ReportReply[];
+export declare function getPaginationWindow(sorted: ReportReply[], pageIndex: number, pageSize: number, totalCount?: number): {
+    items: ReportReply[];
+    totalPages: number;
+    pageIndex: number;
+    hasOlderPage: boolean;
+    hasNewerPage: boolean;
+};
+export declare function getEmbeddedRepliesForHistory(report: ReportFeedback): ReportReply[];
+export declare function shouldPaginateReplyHistory(report: ReportFeedback, pageSize: number): boolean;
+//# sourceMappingURL=replyHistory.d.ts.map

package/dist/utils/replyHistory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"replyHistory.d.ts","sourceRoot":"","sources":["../../src/utils/replyHistory.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAG3G,eAAO,MAAM,+BAA+B,KAAK,CAAC;AAClD,eAAO,MAAM,0BAA0B,EAAG,mBAA4B,CAAC;AACvE,eAAO,MAAM,iCAAiC,KAAK,CAAC;AAEpD,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,WAAW,EAAE,CAEhF;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,aAAa,CAAC,GAAG,MAAM,CAMlG;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,iBAAiB,GAAG,iBAAiB,CAsBzG;AAED,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,iBAAiB,GAAG,WAAW,EAAE,EAAE,MAAM,CAAC,EAAE,iBAAiB,GAAG,iBAAiB,CAoBnI;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,WAAW,EAAE,CAK3F;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,WAAW,GAAG,WAAW,EAAE,CAM5F;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM;;;;;;EAclH;AAED,wBAAgB,4BAA4B,CAAC,MAAM,EAAE,cAAc,GAAG,WAAW,EAAE,CAElF;AAED,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAE5F"}