@iress-oss/ids-components 6.0.0-alpha.7 → 6.0.0-alpha.9

package/dist/{src/patterns → patterns}/Loading/components/StartUpLoading.d.ts

@@ -69,4 +69,7 @@ export interface StartUpLoadingProps extends Omit<IressStyledProps, 'color'> {
         progress?: number;
     };
 }
-export declare const StartUpLoading: ({ className, children, "data-testid": dataTestId, estimatedFinishTime, loaded, messageList, progress, renderProgress, screenReaderText, startFrom, timeout, ...restProps }: StartUpLoadingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StartUpLoading: {
+    ({ className, children, "data-testid": dataTestId, estimatedFinishTime, loaded, messageList, progress, renderProgress, screenReaderText, startFrom, timeout, ...restProps }: StartUpLoadingProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -1,4 +1,4 @@
-import { jsx as r, jsxs as N } from "react/jsx-runtime";
+import { jsx as r, jsxs as b } from "react/jsx-runtime";
 import "../../../components/Stack/Stack.styles.js";
 import { IressStack as j } from "../../../components/Stack/Stack.js";
 import { useState as v, useEffect as M, useRef as I, useMemo as T } from "react";
@@ -7,11 +7,11 @@ import "../../../components/Progress/Progress.styles.js";
 import { IressText as S } 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";
-import { loading as A } from "../Loading.styles.js";
-import { c as x } from "../../../css-fGu_jDvv.js";
-import { c as H } from "../../../cx-DN21T1EH.js";
-const L = ({
+import { useEstimatedProgressValue as L } from "../hooks/useEstimatedProgressValue.js";
+import { loading as R } from "../Loading.styles.js";
+import { c as x } from "../../../css-w5PYGgYt.js";
+import { c as U } from "../../../cx-DN21T1EH.js";
+const A = ({
   children: l,
   messageList: o,
   progressValue: a,
@@ -19,63 +19,63 @@ const L = ({
   show: c,
   ...m
 }) => {
-  const s = I(null), n = T(() => {
+  const t = I(null), n = T(() => {
     const i = Object.keys(o ?? {}).filter(
-      (t) => Number(t) <= a
+      (s) => Number(s) <= a
     );
     return i[i.length - 1];
   }, [o, a]);
   return M(() => {
-    s.current && (s.current.classList.remove(
+    t.current && (t.current.classList.remove(
       x({ animationStyle: "loading-slide-next" })
-    ), s.current.offsetHeight, s.current.classList.add(
+    ), t.current.offsetHeight, t.current.classList.add(
       x({ animationStyle: "loading-slide-next" })
     ));
-  }, [n]), /* @__PURE__ */ r(S, { textAlign: "center", ...m, children: /* @__PURE__ */ r("div", { ref: s, children: n ? o?.[Number(n)] : c ? l : e }) });
-}, W = ({
+  }, [n]), /* @__PURE__ */ r(S, { textAlign: "center", ...m, children: /* @__PURE__ */ r("div", { ref: t, children: n ? o?.[Number(n)] : c ? l : e }) });
+}, H = ({
   className: l,
   children: o = /* @__PURE__ */ r(S, { color: "colour.neutral.70", children: "One moment please..." }),
   "data-testid": a,
   estimatedFinishTime: e = 3e3,
   loaded: c,
   messageList: m,
-  progress: s,
+  progress: t,
   renderProgress: n = (d) => /* @__PURE__ */ r(k, { ...d }),
-  screenReaderText: u = "Loading...",
+  screenReaderText: p = "Loading...",
   startFrom: i,
-  timeout: t,
-  ...p
+  timeout: s,
+  ...u
 }) => {
   const d = E(
     c,
-    t?.progress,
-    t?.loaded
-  ), [f, w] = v(!1), b = Math.max(...Object.keys(m ?? {}).map(Number)) + 500, g = R(
+    s?.progress,
+    s?.loaded
+  ), [f, w] = v(!1), y = Math.max(...Object.keys(m ?? {}).map(Number)) + 500, g = L(
     e,
     c,
-    s,
-    b
-  ), h = A({
+    t,
+    y
+  ), h = R({
     pattern: "start-up",
-    instant: t?.progress === 0,
+    instant: s?.progress === 0,
     showIndicator: d,
     showMessage: f
   });
   return M(() => {
-    const y = setTimeout(
+    const N = setTimeout(
       () => w(!0),
-      t?.message ?? 2500
+      s?.message ?? 2500
     );
     return () => {
-      clearTimeout(y);
+      clearTimeout(N);
     };
-  }, [t?.message]), /* @__PURE__ */ r(
+  }, [s?.message]), /* @__PURE__ */ r(
     "div",
     {
-      ...p,
-      className: H(h.root, l),
+      ...u,
+      className: U(h.root, l),
       "data-testid": a,
-      children: /* @__PURE__ */ N(j, { gap: "md", ...p, children: [
+      children: /* @__PURE__ */ b(j, { gap: "md", ...u, children: [
         n({
           min: i,
           max: e,
@@ -83,13 +83,13 @@ const L = ({
           sectionTitle: `${Math.min(g, e) / e * 100}% loaded`
         }),
         /* @__PURE__ */ r(
-          L,
+          A,
           {
             className: h.message,
             "data-testid": O(a, "message"),
             messageList: m,
             progressValue: g,
-            screenReaderText: u,
+            screenReaderText: p,
             show: f,
             children: o
           }
@@ -98,6 +98,7 @@ const L = ({
     }
   );
 };
+H.displayName = "StartUpLoading";
 export {
-  W as StartUpLoading
+  H as StartUpLoading
 };

package/dist/{src/patterns → patterns}/Loading/components/ValidateLoading.d.ts

@@ -35,4 +35,7 @@ export interface ValidateLoadingProps extends IressStyledProps {
      */
     timeout?: number;
 }
-export declare const ValidateLoading: ({ children, className, loading: loadingProp, message, pattern, position, renderButton, timeout, ...restProps }: ValidateLoadingProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare const ValidateLoading: {
+    ({ children, className, loading: loadingProp, message, pattern, position, renderButton, timeout, ...restProps }: ValidateLoadingProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    displayName: string;
+};

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

@@ -1,40 +1,41 @@
-import { jsx as o, jsxs as u } from "react/jsx-runtime";
-import { I as p } from "../../../Button-B4nt3P1v.js";
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { I as u } from "../../../Button-BkufphWK.js";
 import "../../../components/Button/CloseButton/CloseButton.js";
-import { useState as h, useEffect as g } from "react";
+import { useState as g, useEffect as h } from "react";
 import { loading as x } from "../Loading.styles.js";
-import { s as v } from "../../../factory-oPXoMw9H.js";
-import { c as b } from "../../../cx-DN21T1EH.js";
-const k = ({
+import { s as v } from "../../../factory-CWvlR9Yh.js";
+import { c as y } from "../../../cx-DN21T1EH.js";
+const b = ({
   children: m,
   className: n,
-  loading: t = !1,
-  message: c = "This is taking longer than expected...",
+  loading: e = !1,
+  message: l = "This is taking longer than expected...",
   // eslint-disable-next-line @typescript-eslint/no-unused-vars -- Pattern is not used
-  pattern: y = "validate",
-  position: l = "bottom",
-  renderButton: r = (e) => /* @__PURE__ */ o(p, { ...e, type: "submit", children: "Submit" }),
+  pattern: N = "validate",
+  position: c = "bottom",
+  renderButton: a = (t) => /* @__PURE__ */ o(u, { ...t, type: "submit", children: "Submit" }),
   timeout: s = 2500,
-  ...f
+  ...d
 }) => {
-  const [e, a] = h(
-    s === 0 && !!t
-  ), i = x({ pattern: "validate", position: l, showMessage: e });
-  return g(() => {
-    if (!t) {
-      a(!1);
+  const [t, i] = g(
+    s === 0 && !!e
+  ), r = x({ pattern: "validate", position: c, showMessage: t });
+  return h(() => {
+    if (!e) {
+      i(!1);
       return;
     }
-    const d = setTimeout(() => {
-      a(!0);
+    const f = setTimeout(() => {
+      i(!0);
     }, s);
-    return () => clearTimeout(d);
-  }, [t, s]), e ? /* @__PURE__ */ u(v.div, { ...f, className: b(i.root, n), children: [
-    r({ loading: t }),
+    return () => clearTimeout(f);
+  }, [e, s]), t ? /* @__PURE__ */ p(v.div, { ...d, className: y(r.root, n), children: [
+    a({ loading: e }),
     m,
-    /* @__PURE__ */ o("div", { className: i.message, children: c })
-  ] }) : r({ loading: t });
+    /* @__PURE__ */ o("div", { className: r.message, children: l })
+  ] }) : a({ loading: e });
 };
+b.displayName = "ValidateLoading";
 export {
-  k as ValidateLoading
+  b as ValidateLoading
 };