npm - @oneuptime/common - Versions diffs - 12.0.12 → 12.0.14 - Mend

@oneuptime/common 12.0.12 → 12.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (596) hide show

package/build/dist/UI/Components/OrderedStatesList/OrderedStatesList.js CHANGED Viewed

@@ -1,14 +1,36 @@
-import ComponentLoader from "../ComponentLoader/ComponentLoader";
 import ErrorMessage from "../ErrorMessage/ErrorMessage";
 import Icon, { SizeProp } from "../Icon/Icon";
 import Item from "./Item";
+import Skeleton from "../Skeleton/Skeleton";
 import IconProp from "../../../Types/Icon/IconProp";
 import React from "react";
 const OrderedStatesList = (props) => {
-    if (props.isLoading) {
-        return React.createElement(ComponentLoader, null);
+    /*
+     * A refetch with states already on screen keeps them visible and dims
+     * them; the skeleton stack is only for a load with nothing to show yet.
+     */
+    const isRefetchingWithData = Boolean(props.isLoading) && props.data.length > 0;
+    if (props.isLoading && props.data.length === 0) {
+        /*
+         * Three card-shaped placeholders where the ordered state cards will
+         * land (matching Item's rounded bordered card), so the page keeps its
+         * shape instead of collapsing to a centered spinner.
+         */
+        return (React.createElement("div", { "data-testid": "ordered-states-list-skeleton-loader", role: "status", "aria-live": "polite", className: "m-32 text-center" },
+            React.createElement("span", { className: "sr-only" }, "Loading..."),
+            [0, 1, 2].map((index) => {
+                return (React.createElement("div", { key: index, className: "w-fit m-auto" },
+                    React.createElement(Skeleton, { className: "h-32 w-64 rounded p-10" }),
+                    index < 2 && (React.createElement("div", { className: "items-center m-10" },
+                        React.createElement(Skeleton, { className: "m-auto h-5 w-5" })))));
+            })));
     }
-    if (props.error) {
+    /*
+     * Loading still wins over error and empty (same priority as before the
+     * skeletons): while a refetch is in flight the stale states render, never
+     * a stale error or a premature "no items".
+     */
+    if (!props.isLoading && props.error) {
         return (React.createElement(ErrorMessage, { message: props.error, onRefreshClick: props.onRefreshClick }));
     }
     if (props.data.length === 0) {
@@ -27,7 +49,9 @@ const OrderedStatesList = (props) => {
                         "Add New ",
                         props.singularLabel))))));
     }
-    return (React.createElement("div", { className: "m-32 text-center" },
+    return (React.createElement("div", { "data-testid": "ordered-states-list-content", className: `m-32 text-center${isRefetchingWithData
+            ? " opacity-60 pointer-events-none transition-opacity duration-150"
+            : " transition-opacity duration-150"}` },
         props.error && React.createElement("p", null, props.error),
         !props.error &&
             props.data &&

package/build/dist/UI/Components/OrderedStatesList/OrderedStatesList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderedStatesList.js","sourceRoot":"","sources":["../../../../../UI/Components/OrderedStatesList/OrderedStatesList.tsx"],"names":[],"mappings":"AACA,OAAO,~~eAAe,MAAM,oCAAoC,CAAC;AACjE,OAAO,~~YAAY,MAAM,8BAA8B,CAAC;AACxD,OAAO,IAAI,EAAE,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,IAAI,MAAM,QAAQ,CAAC;~~AAE1B~~,OAAO,QAAQ,MAAM,8BAA8B,CAAC;AACpD,OAAO,KAAuB,MAAM,OAAO,CAAC;AAyB5C,MAAM,iBAAiB,GAA8B,CACnD,KAAwB,EACV,EAAE;IAChB,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;~~QACpB~~,OAAO,oBAAC,~~eAAe~~,~~OAAG~~,CAAC;~~IAC7B~~,CAAC;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;~~QAChB~~,OAAO,CACL,oBAAC,YAAY,IACX,OAAO,EAAE,KAAK,CAAC,KAAK,EACpB,cAAc,EAAE,KAAK,CAAC,cAAc,GACpC,CACH,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC5B,OAAO,CACL,6BAAK,SAAS,EAAC,aAAa;YAEzB,CAAC,KAAK,CAAC,eAAe,IAAI,CACzB,oBAAC,YAAY,IACX,OAAO,EACL,KAAK,CAAC,cAAc;oBAClB,CAAC,CAAC,KAAK,CAAC,cAAc;oBACtB,CAAC,CAAC,MAAM,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE,EAAE,EAErD,cAAc,EAAE,KAAK,CAAC,cAAc,GACpC,CACH;YACA,KAAK,CAAC,eAAe,IAAI,CACxB,6BAAK,SAAS,EAAC,OAAO;gBACpB,6BACE,SAAS,EAAC,2IAA2I,EACrJ,OAAO,EAAE,GAAG,EAAE;wBACZ,IAAI,KAAK,CAAC,eAAe,EAAE,CAAC;4BAC1B,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;wBAC3B,CAAC;oBACH,CAAC;oBAED,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,EAAE,SAAS,EAAC,SAAS,GAAG;oBAChD,8BAAM,SAAS,EAAC,cAAc;;wBACnB,KAAK,CAAC,aAAa,CACvB,CACH,CACF,CACP,CACG,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,~~6BAAK~~,SAAS,~~EAAC~~,~~kBAAkB~~;~~QAC9B~~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"}
1	+ {"version":3,"file":"OrderedStatesList.js","sourceRoot":"","sources":["../../../../../UI/Components/OrderedStatesList/OrderedStatesList.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/SideMenu/CountModelSideMenuItem.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import API from "../../Utils/API/API";
 import ModelAPI from "../../Utils/ModelAPI/ModelAPI";
 import SideMenuItem from "./SideMenuItem";
-import React, { useEffect, useState, useCallback } from "react";
+import React, { useEffect, useRef, useState, useCallback, } from "react";
 import GlobalEvents from "../../Utils/GlobalEvents";
 export const REFRESH_SIDEBAR_COUNT_EVENT = "REFRESH_SIDEBAR_COUNTS";
 const CountModelSideMenuItem = (props) => {
@@ -39,7 +39,29 @@ const CountModelSideMenuItem = (props) => {
         props.requestOptions,
         props.onCountFetchInit,
     ]);
+    /*
+     * Side menus rebuild `countQuery` / `requestOptions` as fresh object
+     * literals on every render, so their identity changes on every parent
+     * re-render (which happens on every in-section navigation). Guard the fetch
+     * with a value-level compare - the same JSON.stringify-in-a-ref pattern
+     * BaseModelTable uses for its `props.query` - so only a real change
+     * re-issues the count request. The global refresh event below still forces
+     * a refetch regardless of this guard.
+     */
+    const lastFetchedModelTypeRef = useRef(undefined);
+    const lastFetchedQueryJsonRef = useRef(null);
     useEffect(() => {
+        const queryJson = JSON.stringify({
+            countQuery: props.countQuery || null,
+            requestOptions: props.requestOptions || null,
+        });
+        // only fetch if the query has changed by value (or on first mount).
+        if (lastFetchedModelTypeRef.current === props.modelType &&
+            lastFetchedQueryJsonRef.current === queryJson) {
+            return;
+        }
+        lastFetchedModelTypeRef.current = props.modelType;
+        lastFetchedQueryJsonRef.current = queryJson;
         fetchCount().catch((err) => {
             setError(API.getFriendlyMessage(err));
         });

package/build/dist/UI/Components/SideMenu/CountModelSideMenuItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CountModelSideMenuItem.js","sourceRoot":"","sources":["../../../../../UI/Components/SideMenu/CountModelSideMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,qBAAqB,CAAC;AAEtC,OAAO,QAA4B,MAAM,+BAA+B,CAAC;AAEzE,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAK1C,OAAO,KAAK,EAAE,~~EAAgB~~,SAAS,~~EAAE~~,QAAQ,~~EAAE~~,WAAW,~~EAAE~~,MAAM,OAAO,CAAC;~~AAC9E~~,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEpD,MAAM,CAAC,MAAM,2BAA2B,GAAW,wBAAwB,CAAC;AAa5E,MAAM,sBAAsB,GAER,CAClB,KAAiC,EACnB,EAAE;IAChB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,CAAC;IAC1D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAE9C,MAAM,UAAU,GACd,WAAW,CAAC,KAAK,IAAmB,EAAE;QACpC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,YAAY,CAAC,IAAI,CAAC,CAAC;QAEnB,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;YAC3B,KAAK,CAAC,gBAAgB,EAAE,CAAC;QAC3B,CAAC;QAED,IAAI,CAAC;YACH,MAAM,KAAK,GAAW,MAAM,QAAQ,CAAC,KAAK,CAAY;gBACpD,SAAS,EAAE,KAAK,CAAC,SAAS;gBAC1B,KAAK,EAAE,KAAK,CAAC,UAAU;gBACvB,cAAc,EAAE,KAAK,CAAC,cAAc;aACrC,CAAC,CAAC;YAEH,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,QAAQ,CAAC,EAAE,CAAC,CAAC;QACf,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,GAAG,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC;QACxC,CAAC;QAED,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EAAE;QACD,KAAK,CAAC,SAAS;QACf,KAAK,CAAC,UAAU;QAChB,KAAK,CAAC,cAAc;QACpB,KAAK,CAAC,gBAAgB;KACvB,CAAC,CAAC;IAEL,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,EAAE,CAAC,KAAK,CAAC,CAAC,GAAU,EAAE,EAAE;YAChC,QAAQ,CAAC,GAAG,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,mCAAmC;IACnC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAe,GAAS,EAAE;YAC3C,UAAU,EAAE,CAAC,KAAK,CAAC,CAAC,GAAU,EAAE,EAAE;gBAChC,QAAQ,CAAC,GAAG,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC;YACxC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,YAAY,CAAC,gBAAgB,CAAC,2BAA2B,EAAE,aAAa,CAAC,CAAC;QAE1E,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,mBAAmB,CAC9B,2BAA2B,EAC3B,aAAa,CACd,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL,oBAAC,YAAY,IACX,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAC/C,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,KAAK,CAAC,SAAS,GAC1B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
1	+ {"version":3,"file":"CountModelSideMenuItem.js","sourceRoot":"","sources":["../../../../../UI/Components/SideMenu/CountModelSideMenuItem.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/SideOver/SideOver.js CHANGED Viewed

@@ -45,6 +45,27 @@ const SideOver = (props) => {
     }
     const titleId = useId();
     const descriptionId = useId();
+    /*
+     * The panel is mounted parked off the right edge and flipped into place one
+     * frame later so the browser has something to transition from — the same
+     * pattern Modal uses for its entrance.
+     */
+    const [hasEntered, setHasEntered] = useState(false);
+    useEffect(() => {
+        const open = () => {
+            setHasEntered(true);
+        };
+        const frame = requestAnimationFrame(open);
+        /*
+         * A hidden or throttled tab never runs an animation frame; the timer
+         * skips the transition rather than leaving the panel offscreen.
+         */
+        const fallbackTimer = setTimeout(open, 80);
+        return () => {
+            cancelAnimationFrame(frame);
+            clearTimeout(fallbackTimer);
+        };
+    }, []);
     const [portalTarget, setPortalTarget] = useState(getPortalTarget);
     useEffect(() => {
         const syncPortalTarget = () => {
@@ -95,7 +116,7 @@ const SideOver = (props) => {
      */
     React.createElement("div", { className: "relative z-30", "aria-labelledby": titleId, "aria-describedby": props.description ? descriptionId : undefined, role: "dialog", "data-testid": "side-over" },
         React.createElement("div", { className: "pointer-events-none fixed inset-0 flex justify-end", "data-testid": "side-over-layer" },
-            React.createElement("div", { className: `pointer-events-auto w-full ${widthClass}` },
+            React.createElement("div", { className: `pointer-events-auto w-full ${widthClass} transition-transform duration-200 ease-out motion-reduce:transition-none ${hasEntered ? "" : "translate-x-full"}` },
                 React.createElement("div", { className: "flex h-full flex-col bg-white shadow-xl" },
                     React.createElement("div", { className: "flex-shrink-0 flex flex-col bg-gray-50 px-4 py-6 sm:px-6" },
                         React.createElement("div", { className: "flex items-start justify-between space-x-3" },
@@ -105,7 +126,7 @@ const SideOver = (props) => {
                             React.createElement("div", { className: "flex h-7 items-center" },
                                 React.createElement("button", { onClick: () => {
                                         props.onClose();
-                                    }, type: "button", title: "Close panel", "data-testid": "close-button", className: "text-gray-400 hover:text-gray-500" },
+                                    }, type: "button", title: "Close panel", "data-testid": "close-button", className: "rounded-md text-gray-400 transition-colors duration-150 ease-out hover:text-gray-500 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2" },
                                     React.createElement("span", { className: "sr-only" }, "Close panel"),
                                     React.createElement(Icon, { className: "h-6 w-6", icon: IconProp.Close }))))),
                     React.createElement("div", { className: "min-h-0 flex-1 overflow-y-auto overscroll-contain", "data-testid": "side-over-content" },

package/build/dist/UI/Components/SideOver/SideOver.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SideOver.js","sourceRoot":"","sources":["../../../../../UI/Components/SideOver/SideOver.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,QAAQ,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,KAAK,EAAE,EAGZ,SAAS,EACT,KAAK,EACL,eAAe,EACf,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,+BAAe,CAAA;IACf,iCAAiB,CAAA;IACjB,+BAAe,CAAA;AACjB,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB;AAsBD;;;;;;;;;;;GAWG;AACH,MAAM,eAAe,GAAyB,GAAuB,EAAE;IACrE,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACpC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,iBAAiB,GAAmB,QAAQ,CAAC,iBAAiB,CAAC;IAErE,IAAI,iBAAiB,YAAY,WAAW,EAAE,CAAC;QAC7C,OAAO,iBAAiB,CAAC;IAC3B,CAAC;IAED,OAAO,QAAQ,CAAC,IAAI,CAAC;AACvB,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAsC,CAClD,KAAqB,EACP,EAAE;IAChB,IAAI,UAAU,GAAW,WAAW,CAAC;IAErC,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,CAAC,KAAK,EAAE,CAAC;QACtC,UAAU,GAAG,WAAW,CAAC;IAC3B,CAAC;SAAM,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,CAAC,MAAM,EAAE,CAAC;QAC9C,UAAU,GAAG,WAAW,CAAC;IAC3B,CAAC;SAAM,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,CAAC,KAAK,EAAE,CAAC;QAC7C,UAAU,GAAG,WAAW,CAAC;IAC3B,CAAC;IAED,MAAM,OAAO,GAAW,KAAK,EAAE,CAAC;IAChC,MAAM,aAAa,GAAW,KAAK,EAAE,CAAC;IAEtC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,eAAe,CAChB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,gBAAgB,GAAe,GAAS,EAAE;YAC9C,eAAe,CAAC,eAAe,EAAE,CAAC,CAAC;QACrC,CAAC,CAAC;QAEF;;;WAGG;QACH,gBAAgB,EAAE,CAAC;QACnB,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAC;QAEhE,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAC;QACrE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP;;;;;;OAMG;IACH,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,KAAK,CAAC,qBAAqB,EAAE,CAAC;YAChC,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,cAAc,EAAE,CAAC;QAEjB,OAAO,GAAG,EAAE;YACV,gBAAgB,EAAE,CAAC;QACrB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAElC,MAAM,QAAQ,GAAiB;IAC7B;;;;;;;;;;;;;;;OAeG;IACH,6BACE,SAAS,EAAC,eAAe,qBACR,OAAO,sBACN,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAC/D,IAAI,EAAC,QAAQ,iBACD,WAAW;QAEvB,6BACE,SAAS,EAAC,oDAAoD,iBAClD,iBAAiB;~~YAE7B~~,~~6BAAK~~,SAAS,EAAE,8BAA8B,UAAU,EAAE;~~gBACxD~~,6BAAK,SAAS,EAAC,yCAAyC;oBACtD,6BAAK,SAAS,EAAC,0DAA0D;wBACvE,6BAAK,SAAS,EAAC,4CAA4C;4BACzD,6BAAK,SAAS,EAAC,WAAW;gCACxB,4BACE,SAAS,EAAC,mCAAmC,EAC7C,EAAE,EAAE,OAAO,iBACC,iBAAiB,IAE5B,KAAK,CAAC,KAAK,CACT;gCACL,2BACE,SAAS,EAAC,uBAAuB,EACjC,EAAE,EAAE,aAAa,iBACL,uBAAuB,IAElC,KAAK,CAAC,WAAW,CAChB,CACA;4BACN,6BAAK,SAAS,EAAC,uBAAuB;gCACpC,gCACE,OAAO,EAAE,GAAG,EAAE;wCACZ,KAAK,CAAC,OAAO,EAAE,CAAC;oCAClB,CAAC,EACD,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,aAAa,iBACP,cAAc,EAC1B,SAAS,EAAC,~~mCAAmC~~;~~oCAE7C~~,8BAAM,SAAS,EAAC,SAAS,kBAAmB;oCAE5C,oBAAC,IAAI,IAAC,SAAS,EAAC,SAAS,EAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,GAAI,CAC3C,CACL,CACF,CACF;oBASN,6BACE,SAAS,EAAC,mDAAmD,iBACjD,mBAAmB;wBAE/B,6BAAK,SAAS,EAAC,wEAAwE,IACpF,KAAK,CAAC,QAAQ,CACX,CACF;oBACN,6BACE,SAAS,EAAC,+EAA+E,iBAC7E,kBAAkB;wBAE9B,6BAAK,SAAS,EAAC,8BAA8B,IAC1C,KAAK,CAAC,iBAAiB,CACpB;wBACN,6BAAK,SAAS,EAAC,4BAA4B;4BACzC,oBAAC,MAAM,IACL,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,GAAG,EAAE;oCACZ,KAAK,CAAC,OAAO,EAAE,CAAC;gCAClB,CAAC,EACD,WAAW,EAAE,eAAe,CAAC,MAAM,GACnC;4BAED,KAAK,CAAC,QAAQ,IAAI,CACjB,oBAAC,MAAM,IACL,KAAK,EAAE,KAAK,CAAC,gBAAgB,IAAI,MAAM,EACvC,QAAQ,EAAE,KAAK,CAAC,oBAAoB,EACpC,OAAO,EAAE,GAAG,EAAE;oCACZ,KAAK,CAAC,QAAS,EAAE,CAAC;gCACpB,CAAC,EACD,WAAW,EAAE,eAAe,CAAC,OAAO,GACpC,CACH,CACG,CACF,CACF,CACF,CACF,CACF,CACP,CAAC;IAEF,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO,YAAY,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;AAC9C,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1	+ {"version":3,"file":"SideOver.js","sourceRoot":"","sources":["../../../../../UI/Components/SideOver/SideOver.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/Skeleton/Skeleton.js ADDED Viewed

@@ -0,0 +1,23 @@
+import React from "react";
+/*
+ * Width variants for skeleton lines. Cycled by index (never Math.random) so
+ * the shimmer is stable across re-renders - random widths re-roll on every
+ * render, which reads as flicker - and so tests can assert exact widths.
+ */
+const WIDTH_VARIANTS = ["w-3/4", "w-1/2", "w-2/3"];
+export const getSkeletonWidthClass = (index) => {
+    return WIDTH_VARIANTS[Math.abs(index) % WIDTH_VARIANTS.length];
+};
+/*
+ * A single pulsing placeholder block. Purely decorative - the wrapper that
+ * composes skeletons into a loading state owns the role="status" / sr-only
+ * announcement, so each block hides itself from the accessibility tree.
+ */
+const Skeleton = (props) => {
+    const widthClass = props.widthVariantIndex === undefined
+        ? ""
+        : ` ${getSkeletonWidthClass(props.widthVariantIndex)}`;
+    return (React.createElement("div", { "data-testid": props.dataTestId || "skeleton", "aria-hidden": true, className: `animate-pulse rounded bg-gray-200${props.className ? ` ${props.className}` : ""}${widthClass}` }));
+};
+export default Skeleton;
+//# sourceMappingURL=Skeleton.js.map

package/build/dist/UI/Components/Skeleton/Skeleton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../../UI/Components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D;;;;GAIG;AACH,MAAM,cAAc,GAAkB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAIlE,MAAM,CAAC,MAAM,qBAAqB,GAAkC,CAClE,KAAa,EACL,EAAE;IACV,OAAO,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,cAAc,CAAC,MAAM,CAAW,CAAC;AAC3E,CAAC,CAAC;AAaF;;;;GAIG;AACH,MAAM,QAAQ,GAAsC,CAClD,KAAqB,EACP,EAAE;IAChB,MAAM,UAAU,GACd,KAAK,CAAC,iBAAiB,KAAK,SAAS;QACnC,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,IAAI,qBAAqB,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAE3D,OAAO,CACL,4CACe,KAAK,CAAC,UAAU,IAAI,UAAU,iBAC9B,IAAI,EACjB,SAAS,EAAE,oCACT,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAC5C,GAAG,UAAU,EAAE,GACV,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/build/dist/UI/Components/Table/Table.js CHANGED Viewed

@@ -2,12 +2,12 @@ import useTranslateValue from "../../Utils/Translation";
 import TableColumnsToCsv from "../../Utils/TableColumnsToCsv";
 import { ButtonStyleType } from "../Button/Button";
 import BulkUpdateForm from "../BulkUpdate/BulkUpdateForm";
-import ComponentLoader from "../ComponentLoader/ComponentLoader";
 import ErrorMessage from "../ErrorMessage/ErrorMessage";
 import FilterViewer from "../Filters/FilterViewer";
 import Pagination from "../Pagination/Pagination";
 import TableBody from "./TableBody";
 import TableHeader from "./TableHeader";
+import TableSkeletonRows from "./TableSkeletonRows";
 import IconProp from "../../../Types/Icon/IconProp";
 import React, { useEffect, useState } from "react";
 import { DragDropContext } from "react-beautiful-dnd";
@@ -88,16 +88,24 @@ const Table = (props) => {
     if (colspan === 0) {
         colspan = 1;
     }
+    /*
+     * A refetch with rows already on screen (pagination, sort, refresh - the
+     * parent never clears `data` while fetching) keeps those rows visible and
+     * dims them instead of tearing the layout down to placeholders. Skeletons
+     * are only for a load with nothing to show yet.
+     */
+    const isRefetchingWithData = props.isLoading && props.data.length > 0;
     const getTablebody = () => {
         var _a;
-        if (props.isLoading) {
-            return (React.createElement("tbody", null,
-                React.createElement("tr", null,
-                    React.createElement("td", { colSpan: colspan },
-                        React.createElement("div", { className: "flex justify-center w-full" },
-                            React.createElement(ComponentLoader, null))))));
+        if (props.isLoading && props.data.length === 0) {
+            return (React.createElement(TableSkeletonRows, { columns: props.columns, enableDragAndDrop: props.enableDragAndDrop, isBulkActionsEnabled: isBulkActionsEnabled, itemsOnPage: props.itemsOnPage, isMobile: isMobile }));
         }
-        if (props.error) {
+        /*
+         * Loading still wins over error and empty (same priority as before the
+         * skeletons): while a refetch is in flight the stale rows render, never a
+         * stale error or a premature "no items".
+         */
+        if (!props.isLoading && props.error) {
             return (React.createElement("tbody", null,
                 React.createElement("tr", null,
                     React.createElement("td", { colSpan: colspan, className: "pl-10 pr-10" },
@@ -111,7 +119,7 @@ const Table = (props) => {
                                 ? props.noItemsMessage
                                 : `${(_a = translateString("No")) !== null && _a !== void 0 ? _a : "No"} ${translatedSingularLabel.toLocaleLowerCase()}`, onRefreshClick: props.onRefreshClick })))));
         }
-        if (props.filterError) {
+        if (!props.isLoading && props.filterError) {
             return React.createElement(React.Fragment, null);
         }
         return (React.createElement(TableBody, { id: `${props.id}-body`, data: props.data, columns: props.columns, actionButtons: props.actionButtons, enableDragAndDrop: props.enableDragAndDrop, dragAndDropScope: `${props.id}-dnd`, dragDropIdField: props.dragDropIdField, dragDropIndexField: props.dragDropIndexField, isBulkActionsEnabled: isBulkActionsEnabled, onItemSelected: (item) => {
@@ -198,21 +206,24 @@ const Table = (props) => {
                 React.createElement("div", { className: "inline-block min-w-full py-2 align-middle" },
                     React.createElement("div", { className: props.tableContainerClassName
                             ? props.tableContainerClassName
-                            : "overflow-hidden border-t border-gray-200" }, isMobile ? (
-                    // Mobile view: render as list
-                    React.createElement("div", { className: "min-w-full divide-y divide-gray-200" }, getTablebody())) : (
-                    // Desktop view: render as table
-                    React.createElement("table", { className: "min-w-full divide-y divide-gray-200" },
-                        React.createElement(TableHeader, { id: `${props.id}-header`, columns: props.columns, onSortChanged: props.onSortChanged, enableDragAndDrop: props.enableDragAndDrop, sortBy: props.sortBy, sortOrder: props.sortOrder, isBulkActionsEnabled: isBulkActionsEnabled, onAllItemsDeselected: () => {
-                                var _a;
-                                setIsAllItemsSelected(false);
-                                (_a = props.onBulkClearAllItems) === null || _a === void 0 ? void 0 : _a.call(props);
-                            }, onAllItemsOnThePageSelected: () => {
-                                if (props.onBulkSelectItemsOnCurrentPage) {
-                                    props.onBulkSelectItemsOnCurrentPage();
-                                }
-                            }, isAllItemsOnThePageSelected: isAllItemsOnThePageSelected, isSomeItemsOnThePageSelected: isSomeItemsOnThePageSelected, hasTableItems: selectableRowsOnThePage.length > 0 }),
-                        getTablebody()))))),
+                            : "overflow-hidden border-t border-gray-200" },
+                        React.createElement("div", { "data-testid": "table-content", className: isRefetchingWithData
+                                ? "opacity-60 pointer-events-none transition-opacity duration-150"
+                                : "transition-opacity duration-150" }, isMobile ? (
+                        // Mobile view: render as list
+                        React.createElement("div", { className: "min-w-full divide-y divide-gray-200" }, getTablebody())) : (
+                        // Desktop view: render as table
+                        React.createElement("table", { className: "min-w-full divide-y divide-gray-200" },
+                            React.createElement(TableHeader, { id: `${props.id}-header`, columns: props.columns, onSortChanged: props.onSortChanged, enableDragAndDrop: props.enableDragAndDrop, sortBy: props.sortBy, sortOrder: props.sortOrder, isBulkActionsEnabled: isBulkActionsEnabled, onAllItemsDeselected: () => {
+                                    var _a;
+                                    setIsAllItemsSelected(false);
+                                    (_a = props.onBulkClearAllItems) === null || _a === void 0 ? void 0 : _a.call(props);
+                                }, onAllItemsOnThePageSelected: () => {
+                                    if (props.onBulkSelectItemsOnCurrentPage) {
+                                        props.onBulkSelectItemsOnCurrentPage();
+                                    }
+                                }, isAllItemsOnThePageSelected: isAllItemsOnThePageSelected, isSomeItemsOnThePageSelected: isSomeItemsOnThePageSelected, hasTableItems: selectableRowsOnThePage.length > 0 }),
+                            getTablebody())))))),
             React.createElement("div", { className: "bg-gray-50 text-right md:-mx-6 -mb-6 rounded-b-xl" }, !props.disablePagination && (React.createElement(Pagination, { singularLabel: translatedSingularLabel, pluralLabel: translatedPluralLabel, currentPageNumber: props.currentPageNumber, totalItemsCount: props.totalItemsCount, hasMore: props.hasMore, itemsOnCurrentPage: props.data.length, itemsOnPage: props.itemsOnPage, onNavigateToPage: props.onNavigateToPage, isLoading: props.isLoading, isError: Boolean(props.error) }))))));
 };
 export default Table;

package/build/dist/UI/Components/Table/Table.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../../UI/Components/Table/Table.tsx"],"names":[],"mappings":"AACA,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AACxD,OAAO,iBAAiB,MAAM,+BAA+B,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,cAGN,MAAM,8BAA8B,CAAC;AACtC,OAAO,~~eAAe,MAAM,oCAAoC,CAAC;AACjE,OAAO,~~YAAY,MAAM,8BAA8B,CAAC;AACxD,OAAO,YAAY,MAAM,yBAAyB,CAAC;AAGnD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,WAAW,MAAM,eAAe,CAAC;~~AAIxC~~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~~YACpB~~,OAAO,CACL~~;gBACE;oBACE~~,~~4BAAI~~,OAAO,EAAE,OAAO~~;wBAClB~~,~~6BAAK~~,~~SAAS~~,~~EAAC~~,~~4BAA4B;4BACzC~~,~~oBAAC~~,~~eAAe~~,~~OAAG~~,~~CACf~~,~~CACH~~,~~CACF~~,~~CACC~~,~~CACT~~,CAAC;QACJ,CAAC;QAED,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;~~YAChB~~,OAAO,CACL;gBACE;oBACE,4BAAI,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,aAAa;wBAC3C,oBAAC,YAAY,IACX,OAAO,EAAE,KAAK,CAAC,KAAK,EACpB,cAAc,EAAE,KAAK,CAAC,cAAc,GACpC,CACC,CACF,CACC,CACT,CAAC;QACJ,CAAC;QAED,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC5B,OAAO,CACL;gBACE;oBACE,4BAAI,OAAO,EAAE,OAAO;wBAClB,oBAAC,YAAY,IACX,OAAO,EACL,KAAK,CAAC,cAAc;gCAClB,CAAC,CAAC,KAAK,CAAC,cAAc;gCACtB,CAAC,CAAC,GAAG,MAAA,eAAe,CAAC,IAAI,CAAC,mCAAI,IAAI,IAAI,uBAAuB,CAAC,iBAAiB,EAAE,EAAE,EAEvF,cAAc,EAAE,KAAK,CAAC,cAAc,GACpC,CACC,CACF,CACC,CACT,CAAC;QACJ,CAAC;QAED,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;~~YACtB~~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~~IAG/C~~,QAAQ,CAAC,CAAC,CAAC;~~oBACV~~,8BAA8B;~~oBAC9B~~,6BAAK,SAAS,EAAC,qCAAqC,IACjD,YAAY,EAAE,CACX,CACP,CAAC,CAAC,CAAC;~~oBACF~~,gCAAgC;~~oBAChC~~,+BAAO,SAAS,EAAC,qCAAqC;~~wBACpD~~,oBAAC,WAAW,IACV,EAAE,EAAE,GAAG,KAAK,CAAC,EAAE,SAAS,EACxB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,oBAAoB,EAAE,oBAAoB,EAC1C,oBAAoB,EAAE,GAAG,EAAE;;~~gCACzB~~,qBAAqB,CAAC,KAAK,CAAC,CAAC;~~gCAC7B~~,MAAA,KAAK,CAAC,mBAAmB,qDAAI,CAAC;~~4BAChC~~,CAAC,EACD,2BAA2B,EAAE,GAAG,EAAE;~~gCAChC~~,IAAI,KAAK,CAAC,8BAA8B,EAAE,CAAC;~~oCACzC~~,KAAK,CAAC,8BAA8B,EAAE,CAAC;~~gCACzC~~,CAAC;~~4BACH~~,CAAC,EACD,2BAA2B,EAAE,2BAA2B,EACxD,4BAA4B,~~EAAE~~,4BAA4B,~~EAC1D~~,aAAa,EAAE,uBAAuB,CAAC,MAAM,GAAG,CAAC,GACjD;~~wBACD~~,YAAY,EAAE,CACT,CACT,CACG,CACF,CACF;YACN,6BAAK,SAAS,EAAC,mDAAmD,IAC/D,CAAC,KAAK,CAAC,iBAAiB,IAAI,CAC3B,oBAAC,UAAU,IACT,aAAa,EAAE,uBAAuB,EACtC,WAAW,EAAE,qBAAqB,EAClC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,kBAAkB,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,EACrC,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,GAC7B,CACH,CACG,CACU,CACd,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
1	+ {"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../../UI/Components/Table/Table.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/Table/TableSkeletonRows.js ADDED Viewed

@@ -0,0 +1,52 @@
+import Skeleton from "../Skeleton/Skeleton";
+import React from "react";
+/*
+ * Layout-preserving placeholder rows for the table's first load: one pulsing
+ * cell per visible column (plus the drag-handle / bulk-select extras) so the
+ * page keeps the table's shape instead of collapsing to a centered spinner.
+ */
+const TableSkeletonRows = (props) => {
+    // Enough rows to look like a page of data without painting offscreen ones.
+    const rowCount = Math.max(1, Math.min(props.itemsOnPage || 0, 10));
+    const rowIndexes = Array.from(Array(rowCount).keys());
+    // Same filter as TableHeader / TableRow so cell counts always agree.
+    const visibleColumns = props.columns.filter((column) => {
+        return !(column.hideOnMobile && props.isMobile);
+    });
+    if (props.isMobile) {
+        return (React.createElement("div", { "data-testid": "table-skeleton-loader", role: "status", "aria-live": "polite", className: "divide-y divide-gray-200 bg-white" },
+            React.createElement("span", { className: "sr-only" }, "Loading..."),
+            rowIndexes.map((rowIndex) => {
+                return (React.createElement("div", { key: rowIndex, className: "p-4 bg-white border-b border-gray-200" },
+                    React.createElement("div", { className: "space-y-3" }, visibleColumns.map((_column, columnIndex) => {
+                        return (React.createElement("div", { key: columnIndex, className: "flex flex-col space-y-1" },
+                            React.createElement(Skeleton, { className: "h-3 w-24" }),
+                            React.createElement(Skeleton, { className: "h-4", widthVariantIndex: rowIndex + columnIndex })));
+                    }))));
+            })));
+    }
+    return (React.createElement("tbody", { "data-testid": "table-skeleton-loader", role: "status", "aria-live": "polite", className: "divide-y divide-gray-200 bg-white" }, rowIndexes.map((rowIndex) => {
+        return (React.createElement("tr", { key: rowIndex },
+            props.enableDragAndDrop && (React.createElement("td", { className: "ml-5 py-4 w-10 align-top" },
+                React.createElement(Skeleton, { className: "ml-6 h-5 w-5" }))),
+            props.isBulkActionsEnabled && (React.createElement("td", { className: "w-10 py-3.5  align-top" },
+                React.createElement("div", { className: "ml-5" },
+                    React.createElement(Skeleton, { className: "h-4 w-4" })))),
+            visibleColumns.map((_column, columnIndex) => {
+                /*
+                 * Cell classes copied from TableRow's real cells so the
+                 * skeleton's rhythm and padding match the rows that replace it.
+                 */
+                let className = "whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-500 sm:pl-6 align-top";
+                if (columnIndex === visibleColumns.length - 1) {
+                    className =
+                        "whitespace-nowrap py-4 pl-4 pr-6 text-sm font-medium text-gray-500 sm:pl-6 align-top";
+                }
+                return (React.createElement("td", { key: columnIndex, className: className },
+                    rowIndex === 0 && columnIndex === 0 && (React.createElement("span", { className: "sr-only" }, "Loading...")),
+                    React.createElement(Skeleton, { className: "h-4", widthVariantIndex: rowIndex + columnIndex })));
+            })));
+    })));
+};
+export default TableSkeletonRows;
+//# sourceMappingURL=TableSkeletonRows.js.map

package/build/dist/UI/Components/Table/TableSkeletonRows.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TableSkeletonRows.js","sourceRoot":"","sources":["../../../../../UI/Components/Table/TableSkeletonRows.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/Tabs/Tab.js CHANGED Viewed

@@ -12,7 +12,7 @@ const TabElement = (props) => {
     const { translateString } = useTranslateValue();
     const translatedName = (_a = translateString(props.tab.name)) !== null && _a !== void 0 ? _a : props.tab.name;
     const backgroundColor = "bg-gray-100";
-    const baseClasses = "rounded-md px-3 py-2 text-sm font-medium cursor-pointer inline-flex whitespace-nowrap flex-shrink-0";
+    const baseClasses = "rounded-md px-3 py-2 text-sm font-medium cursor-pointer inline-flex whitespace-nowrap flex-shrink-0 transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2";
     const stateClasses = props.isSelected
         ? `${backgroundColor} text-gray-700`
         : "text-gray-500 hover:text-gray-700";

package/build/dist/UI/Components/Tabs/Tab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../../UI/Components/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AACxD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,MAAM,CAAN,IAAY,OAKX;AALD,WAAY,OAAO;IACjB,0BAAe,CAAA;IACf,8BAAmB,CAAA;IACnB,wBAAa,CAAA;IACb,8BAAmB,CAAA;AACrB,CAAC,EALW,OAAO,KAAP,OAAO,QAKlB;AAgBD,MAAM,UAAU,GAAsC,CACpD,KAAqB,EACP,EAAE;;IAChB,MAAM,EAAE,eAAe,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAChD,MAAM,cAAc,GAClB,MAAA,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,mCAAI,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;IACpD,MAAM,eAAe,GAAW,aAAa,CAAC;IAE9C,MAAM,WAAW,GACf,~~qGAAqG~~,CAAC;~~IACxG~~,MAAM,YAAY,GAAW,KAAK,CAAC,UAAU;QAC3C,CAAC,CAAC,GAAG,eAAe,gBAAgB;QACpC,CAAC,CAAC,mCAAmC,CAAC;IAExC,MAAM,aAAa,GAAyC,CAC1D,KAA0B,EACpB,EAAE;;QACR,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAC/C,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAA,KAAK,CAAC,OAAO,qDAAI,CAAC;QACpB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,WAAW;QACxB,6BACE,EAAE,EAAE,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,iBACd,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,EACpC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,EACnB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,GAAG,YAAY,IAAI,WAAW,EAAE,EAC3C,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBACpB,KAAK,CAAC,UAAU,mBAChB,KAAK,CAAC,UAAU;YAE/B,iCAAM,cAAc,CAAO;YAE1B,KAAK,CAAC,GAAG,CAAC,UAAU,IAAI,KAAK,CAAC,GAAG,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAClD,8BACE,SAAS,EAAE,GACT,KAAK,CAAC,GAAG,CAAC,OAAO,KAAK,OAAO,CAAC,KAAK;oBACjC,CAAC,CAAC,YAAY;oBACd,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,KAAK,OAAO,CAAC,OAAO;wBACrC,CAAC,CAAC,eAAe;wBACjB,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,KAAK,OAAO,CAAC,IAAI;4BAClC,CAAC,CAAC,eAAe;4BACjB,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,KAAK,OAAO,CAAC,OAAO;gCACrC,CAAC,CAAC,cAAc;gCAChB,CAAC,CAAC,aACZ,uEAAuE,IAEtE,KAAK,CAAC,GAAG,CAAC,UAAU,CAChB,CACR,CAAC,CAAC,CAAC,IAAI,CACJ,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
1	+ {"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../../UI/Components/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AACxD,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,MAAM,CAAN,IAAY,OAKX;AALD,WAAY,OAAO;IACjB,0BAAe,CAAA;IACf,8BAAmB,CAAA;IACnB,wBAAa,CAAA;IACb,8BAAmB,CAAA;AACrB,CAAC,EALW,OAAO,KAAP,OAAO,QAKlB;AAgBD,MAAM,UAAU,GAAsC,CACpD,KAAqB,EACP,EAAE;;IAChB,MAAM,EAAE,eAAe,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAChD,MAAM,cAAc,GAClB,MAAA,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,mCAAI,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;IACpD,MAAM,eAAe,GAAW,aAAa,CAAC;IAE9C,MAAM,WAAW,GACf,sOAAsO,CAAC;IACzO,MAAM,YAAY,GAAW,KAAK,CAAC,UAAU;QAC3C,CAAC,CAAC,GAAG,eAAe,gBAAgB;QACpC,CAAC,CAAC,mCAAmC,CAAC;IAExC,MAAM,aAAa,GAAyC,CAC1D,KAA0B,EACpB,EAAE;;QACR,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAC/C,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,MAAA,KAAK,CAAC,OAAO,qDAAI,CAAC;QACpB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,WAAW;QACxB,6BACE,EAAE,EAAE,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,iBACd,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,EACpC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,EACnB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,GAAG,YAAY,IAAI,WAAW,EAAE,EAC3C,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBACpB,KAAK,CAAC,UAAU,mBAChB,KAAK,CAAC,UAAU;YAE/B,iCAAM,cAAc,CAAO;YAE1B,KAAK,CAAC,GAAG,CAAC,UAAU,IAAI,KAAK,CAAC,GAAG,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAClD,8BACE,SAAS,EAAE,GACT,KAAK,CAAC,GAAG,CAAC,OAAO,KAAK,OAAO,CAAC,KAAK;oBACjC,CAAC,CAAC,YAAY;oBACd,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,KAAK,OAAO,CAAC,OAAO;wBACrC,CAAC,CAAC,eAAe;wBACjB,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,KAAK,OAAO,CAAC,IAAI;4BAClC,CAAC,CAAC,eAAe;4BACjB,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,KAAK,OAAO,CAAC,OAAO;gCACrC,CAAC,CAAC,cAAc;gCAChB,CAAC,CAAC,aACZ,uEAAuE,IAEtE,KAAK,CAAC,GAAG,CAAC,UAAU,CAChB,CACR,CAAC,CAAC,CAAC,IAAI,CACJ,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/build/dist/UI/Components/Toast/Toast.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useEffect, useRef, useState, } from "react";
 import Icon from "../Icon/Icon";
 import IconProp from "../../../Types/Icon/IconProp";
 import useTranslateValue from "../../Utils/Translation";
@@ -10,9 +10,60 @@ export var ToastType;
     ToastType[ToastType["WARNING"] = 3] = "WARNING";
     ToastType[ToastType["NORMAL"] = 4] = "NORMAL";
 })(ToastType || (ToastType = {}));
+/* How long the exit fade runs before the toast actually unmounts. */
+const EXIT_DURATION_IN_MS = 150;
 const Component = (props) => {
     const { translateString } = useTranslateValue();
     const [show, setShow] = useState(true);
+    /*
+     * The toast is mounted in its closed state (faded, nudged down) and flipped
+     * open one frame later so the browser has something to transition from —
+     * the same pattern Modal uses for its entrance.
+     */
+    const [hasEntered, setHasEntered] = useState(false);
+    /*
+     * Dismissal fades the card out first and only unmounts (and notifies the
+     * owner) once the fade has finished, so the toast never blinks away.
+     */
+    const [isLeaving, setIsLeaving] = useState(false);
+    useEffect(() => {
+        const open = () => {
+            setHasEntered(true);
+        };
+        const frame = requestAnimationFrame(open);
+        /*
+         * A hidden or throttled tab never runs an animation frame; the timer
+         * skips the transition rather than leaving the toast at zero opacity.
+         */
+        const fallbackTimer = setTimeout(open, 80);
+        return () => {
+            cancelAnimationFrame(frame);
+            clearTimeout(fallbackTimer);
+        };
+    }, []);
+    /*
+     * The latest onClose lives in a ref so the exit effect can depend on
+     * isLeaving alone. Owners may recreate onClose every render, and a dep on
+     * it would restart the unmount timer whenever a sibling toast re-renders
+     * the stack mid-exit — leaving an invisible pointer-events-auto card
+     * intercepting clicks past its original deadline.
+     */
+    const onCloseRef = useRef(props.onClose);
+    onCloseRef.current = props.onClose;
+    useEffect(() => {
+        if (!isLeaving) {
+            return undefined;
+        }
+        const exitTimer = setTimeout(() => {
+            setShow(false);
+            if (onCloseRef.current) {
+                onCloseRef.current();
+            }
+        }, EXIT_DURATION_IN_MS);
+        return () => {
+            clearTimeout(exitTimer);
+        };
+    }, [isLeaving]);
     let typeCssClass = "text-gray-400";
     let iconType = IconProp.Info;
     if (props.type === ToastType.NORMAL) {
@@ -38,30 +89,33 @@ const Component = (props) => {
     if (props.icon) {
         iconType = props.icon;
     }
-    let top = 0;
-    if (props.index) {
-        top = props.index * 16; // move the second item lower than the first one. 16 is the height of the toast.
+    /*
+     * Settled state carries no transform class at all — leaving a translate on
+     * the card would make it the containing block for position:fixed
+     * descendants (the Modal invariant).
+     */
+    let motionClassName = "translate-y-2 opacity-0";
+    if (isLeaving) {
+        motionClassName = "opacity-0";
+    }
+    else if (hasEntered) {
+        motionClassName = "opacity-100";
     }
     if (show) {
-        return (React.createElement("div", { "data-testid": "toast", "aria-live": "assertive", className: `pointer-events-none fixed z-40 top-${top} left-0 right-0  flex items-end px-4 py-6 sm:items-start sm:p-6` },
-            React.createElement("div", { className: "flex w-full flex-col items-center space-y-4 sm:items-end" },
-                React.createElement("div", { className: "pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black ring-opacity-5" },
-                    React.createElement("div", { className: "p-4" },
-                        React.createElement("div", { className: "flex items-start" },
-                            React.createElement("div", { className: "flex-shrink-0" },
-                                React.createElement(Icon, { className: `h-6 w-6 ${typeCssClass}`, "data-testid": "toast-icon", icon: iconType })),
-                            React.createElement("div", { className: "ml-3 w-0 flex-1 pt-0.5" },
-                                React.createElement("p", { "data-testid": "title", className: "text-sm font-medium text-gray-900" }, translateString(props.title)),
-                                React.createElement("p", { "data-testid": "description", className: "mt-1 text-sm text-gray-500" }, translateString(props.description))),
-                            React.createElement("div", { className: "ml-4 flex flex-shrink-0" },
-                                React.createElement("button", { onClick: () => {
-                                        setShow(false);
-                                        if (props.onClose) {
-                                            props.onClose();
-                                        }
-                                    }, "data-testid": "close-button", type: "button", className: "inline-flex rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2" },
-                                    React.createElement("span", { className: "sr-only" }, "Close"),
-                                    React.createElement(Icon, { className: `h-5 w-5`, icon: IconProp.Close })))))))));
+        return (React.createElement("div", { "data-testid": "toast", className: `pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black ring-opacity-5 transition duration-150 ease-out motion-reduce:transition-none ${motionClassName}` },
+            React.createElement("div", { className: "p-4" },
+                React.createElement("div", { className: "flex items-start" },
+                    React.createElement("div", { className: "flex-shrink-0" },
+                        React.createElement(Icon, { className: `h-6 w-6 ${typeCssClass}`, "data-testid": "toast-icon", icon: iconType })),
+                    React.createElement("div", { className: "ml-3 w-0 flex-1 pt-0.5" },
+                        React.createElement("p", { "data-testid": "title", className: "text-sm font-medium text-gray-900" }, translateString(props.title)),
+                        React.createElement("p", { "data-testid": "description", className: "mt-1 text-sm text-gray-500" }, translateString(props.description))),
+                    React.createElement("div", { className: "ml-4 flex flex-shrink-0" },
+                        React.createElement("button", { onClick: () => {
+                                setIsLeaving(true);
+                            }, "data-testid": "close-button", type: "button", className: "inline-flex rounded-md bg-white text-gray-400 transition-colors duration-150 ease-out hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2" },
+                            React.createElement("span", { className: "sr-only" }, "Close"),
+                            React.createElement(Icon, { className: `h-5 w-5`, icon: IconProp.Close })))))));
     }
     return React.createElement(React.Fragment, null);
 };

package/build/dist/UI/Components/Toast/Toast.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../../../UI/Components/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,~~EAAmC~~,QAAQ,~~EAAE~~,MAAM,OAAO,CAAC;~~AACzE~~,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,QAAQ,MAAM,8BAA8B,CAAC;AACpD,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AAExD,MAAM,CAAN,IAAY,SAMX;AAND,WAAY,SAAS;IACnB,6CAAM,CAAA;IACN,+CAAO,CAAA;IACP,yCAAI,CAAA;IACJ,+CAAO,CAAA;IACP,6CAAM,CAAA;AACR,CAAC,EANW,SAAS,KAAT,SAAS,QAMpB;~~AAWD~~,MAAM,SAAS,GAAsC,CACnD,KAAqB,EACP,EAAE;IAChB,MAAM,EAAE,eAAe,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAChD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,CAAC;~~IAChD~~,IAAI,YAAY,GAAW,eAAe,CAAC;IAC3C,IAAI,QAAQ,GAAa,QAAQ,CAAC,IAAI,CAAC;IAEvC,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,MAAM,EAAE,CAAC;QACpC,YAAY,GAAG,eAAe,CAAC;QAC/B,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC;IAC3B,CAAC;IACD,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,MAAM,EAAE,CAAC;QACpC,YAAY,GAAG,cAAc,CAAC;QAC9B,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC5B,CAAC;IACD,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,OAAO,EAAE,CAAC;QACrC,YAAY,GAAG,iBAAiB,CAAC;QACjC,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC5B,CAAC;IACD,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,OAAO,EAAE,CAAC;QACrC,YAAY,GAAG,gBAAgB,CAAC;QAChC,QAAQ,GAAG,QAAQ,CAAC,WAAW,CAAC;IAClC,CAAC;IACD,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,EAAE,CAAC;QAClC,YAAY,GAAG,eAAe,CAAC;QAC/B,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC;IAC3B,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;QACf,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC;IACxB,CAAC;IAED,IAAI,~~GAAG~~,GAAW,~~CAAC~~,CAAC;~~IAEpB~~,IAAI,~~KAAK~~,~~CAAC,KAAK,~~EAAE,CAAC;~~QAChB~~,~~GAAG~~,GAAG,~~KAAK~~,CAAC,~~KAAK~~,~~GAAG~~,EAAE,CAAC,CAAC~~,gFAAgF~~;~~IAC1G~~,CAAC;IAED,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,4CACc,OAAO,~~eACT~~,~~WAAW,EACrB,~~SAAS,EAAE,~~sCAAsC~~,~~GAAG~~,~~iEAAiE~~;~~YAErH~~,6BAAK,SAAS,EAAC,~~0DAA0D;gBACvE,6BAAK,SAAS,EAAC,oHAAoH;oBACjI,6BAAK,SAAS,EAAC,~~KAAK;~~wBAClB~~,6BAAK,SAAS,EAAC,kBAAkB;~~4BAC~~/B,6BAAK,SAAS,EAAC,eAAe;~~gCAC5B~~,oBAAC,IAAI,IACH,SAAS,EAAE,WAAW,YAAY,EAAE,iBACxB,YAAY,EACxB,IAAI,EAAE,QAAQ,GACd,CACE;~~4BACN~~,6BAAK,SAAS,EAAC,wBAAwB;~~gCACrC~~,0CACc,OAAO,EACnB,SAAS,EAAC,mCAAmC,IAE5C,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAC3B;~~gCACJ~~,0CACc,aAAa,EACzB,SAAS,EAAC,4BAA4B,IAErC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,CACjC,~~CAKA~~;~~4BACN~~,6BAAK,SAAS,EAAC,yBAAyB;~~gCACtC~~,gCACE,OAAO,EAAE,GAAG,EAAE;~~wCACZ~~,~~OAAO~~,CAAC,~~KAAK,CAAC,CAAC;wCACf,~~IAAI,~~KAAK,~~CAAC,~~OAAO,EAAE,~~CAAC;~~4CAClB~~,~~KAAK,~~CAAC,~~OAAO,EAAE,CAAC;wCAClB,CAAC;oCACH,CAAC,~~iBACW,cAAc,EAC1B,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,~~6IAA6I~~;~~oCAEvJ~~,8BAAM,SAAS,EAAC,SAAS,YAAa;~~oCACtC~~,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,CAAC,KAAK,GAAI,CAC7C,CACL,CACF,CACF,CACF,~~CACF,CACF,~~CACP,CAAC;IACJ,CAAC;IACD,OAAO,yCAAK,CAAC;AACf,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1	+ {"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../../../UI/Components/Toast/Toast.tsx"],"names":[],"mappings":"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"}