@iress-oss/ids-components 5.20.8 → 5.20.9

package/dist/patterns/Loading/components/PageLoading.js

@@ -1,14 +1,2 @@
-import "react/jsx-runtime";
-import "react";
-import "../../../components/Stack/Stack.js";
-import "../../../components/Skeleton/Skeleton.js";
-import "../../../components/Container/Container.js";
-import { ah as n } from "../../../LoadingSuspense-CuQm3zqO.js";
-import "../../../components/Col/Col.js";
-import "../../../components/Divider/Divider.js";
-import "../../../components/Card/Card.js";
-import "../../../index-cbHCAGLB.js";
-import "../../../Loading.module-BXP_0EH0.js";
-export {
-  n as PageLoading
-};
+import { r as e } from "../../../main-CTy1XcUn.js";
+export { e as PageLoading };

package/dist/patterns/Loading/components/StartUpLoading.js

@@ -1,107 +1,2 @@
-import { jsx as t, jsxs as w } from "react/jsx-runtime";
-import { IressStack as j } from "../../../components/Stack/Stack.js";
-import { useState as y, useEffect as h, useRef as I, useMemo as T } from "react";
-import { IressProgress as k } from "../../../components/Progress/Progress.js";
-import { c as M } from "../../../index-cbHCAGLB.js";
-import { l as o } from "../../../Loading.module-BXP_0EH0.js";
-import { IressText as v } from "../../../components/Text/Text.js";
-import { propagateTestid as O } from "../../../helpers/utility/propagateTestid.js";
-import { useShowIndicator as E } from "../hooks/useShowIndicator.js";
-import { useEstimatedProgressValue as R } from "../hooks/useEstimatedProgressValue.js";
-const H = "ids-start-up-loading--root-v5208", L = "ids-start-up-loading--progress-v5208", p = {
-  root: H,
-  progress: L
-}, P = ({
-  children: l,
-  messageList: a,
-  progressValue: n,
-  screenReaderText: e,
-  show: c,
-  ...i
-}) => {
-  const s = I(null), m = T(() => {
-    const r = Object.keys(a ?? {}).filter(
-      (d) => Number(d) <= n
-    );
-    return r[r.length - 1];
-  }, [a, n]);
-  h(() => {
-    s.current && (s.current.classList.remove(o["slide-next"]), s.current.offsetHeight, s.current.classList.add(o["slide-next"]));
-  }, [m]);
-  const g = c ? l : e;
-  return /* @__PURE__ */ t(
-    v,
-    {
-      align: "center",
-      className: M(p.message, o["fade-in"], {
-        [o["fade-in--active"]]: c
-      }),
-      ...i,
-      children: /* @__PURE__ */ t("div", { ref: s, children: m ? a?.[Number(m)] : g })
-    }
-  );
-}, J = ({
-  className: l,
-  children: a = /* @__PURE__ */ t(v, { mode: "muted", children: "One moment please..." }),
-  "data-testid": n,
-  estimatedFinishTime: e = 3e3,
-  loaded: c,
-  messageList: i,
-  progress: s,
-  renderProgress: m = (u) => /* @__PURE__ */ t(k, { ...u }),
-  screenReaderText: g = "Loading...",
-  timeout: r,
-  ...d
-}) => {
-  const u = E(
-    c,
-    r?.progress,
-    r?.loaded
-  ), [x, N] = y(!1), S = Math.max(...Object.keys(i ?? {}).map(Number)) + 500, f = R(
-    e,
-    c,
-    s,
-    S
-  );
-  return h(() => {
-    const b = setTimeout(
-      () => N(!0),
-      r?.message ?? 2500
-    );
-    return () => {
-      clearTimeout(b);
-    };
-  }, [r?.message]), /* @__PURE__ */ t(
-    "div",
-    {
-      "data-testid": n,
-      className: M(p.root, l, o["fade-in"], {
-        [o["fade-in--active"]]: u
-      }),
-      ...d,
-      children: /* @__PURE__ */ w(j, { gutter: "md", ...d, children: [
-        m({
-          className: p.progress,
-          min: 0,
-          max: e,
-          value: Math.min(f, e),
-          sectionTitle: `${Math.min(f, e) / e * 100}% loaded`
-        }),
-        /* @__PURE__ */ t(
-          P,
-          {
-            "data-testid": O(n, "message"),
-            messageList: i,
-            progressValue: f,
-            screenReaderText: g,
-            show: x,
-            children: a
-          }
-        )
-      ] })
-    }
-  );
-};
-export {
-  J as StartUpLoading
-};
+import { t as e } from "../../../StartUpLoading-DFAMmjg3.js";
+export { e as StartUpLoading };

package/dist/patterns/Loading/components/ValidateLoading.js

@@ -1,9 +1,2 @@
-import "react/jsx-runtime";
-import { af as d } from "../../../LoadingSuspense-CuQm3zqO.js";
-import "../../../index-cbHCAGLB.js";
-import "react";
-import "../../../components/Text/Text.js";
-import "../../../Loading.module-BXP_0EH0.js";
-export {
-  d as ValidateLoading
-};
+import { a as e } from "../../../main-CTy1XcUn.js";
+export { e as ValidateLoading };

package/dist/patterns/Loading/hooks/useEstimatedProgressValue.js

@@ -1,25 +1,25 @@
-import { useState as A, useMemo as E, useEffect as V } from "react";
-const l = (r, u = !1, n, t = 0) => {
-  const [o, w] = A(n ?? 0), c = E(() => !u && !n && a(o, r, t), [
-    r,
-    t,
-    u,
-    n,
-    o
-  ]);
-  return V(() => {
-    const q = performance.now(), f = () => {
-      const x = Math.max(performance.now() - q, 0), P = o + x;
-      w(P), a(P, r, t) && requestAnimationFrame(f);
-    };
-    requestAnimationFrame(f);
-  }, [
-    r,
-    c,
-    t,
-    o
-  ]), n !== void 0 ? u ? r : n : !c && o < r ? r : o;
-}, a = (r, u, n) => r < u || r < n;
-export {
-  l as useEstimatedProgressValue
-};
+import { useEffect as e, useMemo as t, useState as n } from "react";
+//#region src/patterns/Loading/hooks/useEstimatedProgressValue.tsx
+var r = (r, a = !1, o, s = 0) => {
+	let [c, l] = n(o ?? 0), u = t(() => !a && !o && i(c, r, s), [
+		r,
+		s,
+		a,
+		o,
+		c
+	]);
+	return e(() => {
+		let e = performance.now(), t = () => {
+			let n = c + Math.max(performance.now() - e, 0);
+			l(n), i(n, r, s) && requestAnimationFrame(t);
+		};
+		requestAnimationFrame(t);
+	}, [
+		r,
+		u,
+		s,
+		c
+	]), o === void 0 ? !u && c < r ? r : c : a ? r : o;
+}, i = (e, t, n) => e < t || e < n;
+//#endregion
+export { r as useEstimatedProgressValue };

package/dist/patterns/Loading/hooks/useShouldRenderLoading.js

@@ -1,24 +1,27 @@
-import { useState as m, useRef as T, useEffect as f } from "react";
-const a = (e, o = 500, t = 250, c = 250) => {
-  const [i, r] = m(t === 0), n = T(0);
-  return f(() => {
-    const u = setTimeout(() => {
-      e || (r(!0), n.current = performance.now());
-    }, t);
-    return () => clearTimeout(u);
-  }, [t, e]), f(() => {
-    if (e !== !0)
-      return;
-    const u = setTimeout(() => {
-      (!n.current || performance.now() - n.current < c) && r(!1);
-    }, 0), s = setTimeout(() => {
-      r(!1);
-    }, o);
-    return () => {
-      clearTimeout(u), clearTimeout(s);
-    };
-  }, [e, o, c]), e !== !0 || i;
-};
-export {
-  a as useShouldRenderLoading
+import { useEffect as e, useRef as t, useState as n } from "react";
+//#region src/patterns/Loading/hooks/useShouldRenderLoading.tsx
+var r = (r, i = 500, a = 250, o = 250) => {
+	let [s, c] = n(a === 0), l = t(0);
+	return e(() => {
+		let e = setTimeout(() => {
+			r || (c(!0), l.current = performance.now());
+		}, a);
+		return () => clearTimeout(e);
+	}, [a, r]), e(() => {
+		if (r !== !0) return;
+		let e = setTimeout(() => {
+			(!l.current || performance.now() - l.current < o) && c(!1);
+		}, 0), t = setTimeout(() => {
+			c(!1);
+		}, i);
+		return () => {
+			clearTimeout(e), clearTimeout(t);
+		};
+	}, [
+		r,
+		i,
+		o
+	]), r !== !0 || s;
 };
+//#endregion
+export { r as useShouldRenderLoading };

package/dist/patterns/Loading/hooks/useShowIndicator.js

@@ -1,20 +1,19 @@
-import { useState as c, useEffect as s } from "react";
-const m = (e = !1, o = 500, r = 200) => {
-  const [n, u] = c(!1);
-  return s(() => {
-    if (e !== !0)
-      return;
-    const t = setTimeout(() => u(!1), r);
-    return () => {
-      clearTimeout(t);
-    };
-  }, [e, r]), s(() => {
-    const t = setTimeout(() => u(!0), o);
-    return () => {
-      clearTimeout(t);
-    };
-  }, [o]), n;
-};
-export {
-  m as useShowIndicator
+import { useEffect as e, useState as t } from "react";
+//#region src/patterns/Loading/hooks/useShowIndicator.ts
+var n = (n = !1, r = 500, i = 200) => {
+	let [a, o] = t(!1);
+	return e(() => {
+		if (n !== !0) return;
+		let e = setTimeout(() => o(!1), i);
+		return () => {
+			clearTimeout(e);
+		};
+	}, [n, i]), e(() => {
+		let e = setTimeout(() => o(!0), r);
+		return () => {
+			clearTimeout(e);
+		};
+	}, [r]), a;
 };
+//#endregion
+export { n as useShowIndicator };

package/dist/patterns/Loading/hooks/useSuspenseResource.js

@@ -1,27 +1,20 @@
-import { useMemo as c } from "react";
-const a = (e) => {
-  let r = "pending", n, o;
-  const u = e.then(
-    (t) => {
-      r = "success", n = t;
-    },
-    (t) => {
-      r = "error", o = t;
-    }
-  );
-  return {
-    read() {
-      if (r === "pending") throw u;
-      if (r === "error") throw o;
-      return n;
-    }
-  };
-}, s = /* @__PURE__ */ new WeakMap(), d = (e) => c(() => (s.has(e) || s.set(e, a(e())), s.get(e)), [e]).read(), i = (e, r = 1e3) => {
-  setTimeout(() => {
-    s.delete(e);
-  }, r);
-};
-export {
-  i as uncacheSuspenseResource,
-  d as useSuspenseResource
+import { useMemo as e } from "react";
+//#region src/patterns/Loading/hooks/useSuspenseResource.tsx
+var t = (e) => {
+	let t = "pending", n, r, i = e.then((e) => {
+		t = "success", n = e;
+	}, (e) => {
+		t = "error", r = e;
+	});
+	return { read() {
+		if (t === "pending") throw i;
+		if (t === "error") throw r;
+		return n;
+	} };
+}, n = /* @__PURE__ */ new WeakMap(), r = (r) => e(() => (n.has(r) || n.set(r, t(r())), n.get(r)), [r]).read(), i = (e, t = 1e3) => {
+	setTimeout(() => {
+		n.delete(e);
+	}, t);
 };
+//#endregion
+export { i as uncacheSuspenseResource, r as useSuspenseResource };

package/dist/patterns/Loading/index.js

@@ -1,5 +1,2 @@
-import { P as a, Q as o } from "../../LoadingSuspense-CuQm3zqO.js";
-export {
-  a as IressLoading,
-  o as IressLoadingSuspense
-};
+import { n as e, t } from "../../main-CTy1XcUn.js";
+export { e as IressLoading, t as IressLoadingSuspense };