@iress-oss/ids-components 0.0.1-dev.8 → 5.13.1

package/dist/patterns/Loading/Loading.js

@@ -1,8 +1,7 @@
 import "react/jsx-runtime";
-import "./components/StartUpLoading.js";
-import { Q as s } from "../../LoadingSuspense-CjQp8lLW.js";
+import "../../StartUpLoading-DpO7RfDY.js";
+import { Q as t } from "../../Loading-CZ64hUvP.js";
 import "./hooks/useShouldRenderLoading.js";
-import "./components/LongLoading.js";
 export {
-  s as IressLoading
+  t as IressLoading
 };

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

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../components/Skeleton/Skeleton.js";
-import { ah as e } from "../../../LoadingSuspense-CjQp8lLW.js";
-import "../../../Loading.module-C58kTwE4.js";
-import "../../../index-2QXL0WYc.js";
+import { ag as e } from "../../../Loading-CZ64hUvP.js";
+import "../../../StartUpLoading-DpO7RfDY.js";
+import "../../../index-Cu0xwYjD.js";
 import "../../../components/Text/Text.js";
 export {
   e as ComponentLoading

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

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "react";
-import { af as f } from "../../../LoadingSuspense-CjQp8lLW.js";
+import { ae as e } from "../../../Loading-CZ64hUvP.js";
 import "../../../components/Text/Text.js";
-import "../../../index-2QXL0WYc.js";
-import "../../../Loading.module-C58kTwE4.js";
+import "../../../index-Cu0xwYjD.js";
+import "../../../StartUpLoading-DpO7RfDY.js";
 export {
-  f as DefaultLoading
+  e as DefaultLoading
 };

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

@@ -3,12 +3,12 @@ import "react";
 import "../../../components/Stack/Stack.js";
 import "../../../components/Skeleton/Skeleton.js";
 import "../../../components/Container/Container.js";
-import { ai as s } from "../../../LoadingSuspense-CjQp8lLW.js";
+import { ah as n } from "../../../Loading-CZ64hUvP.js";
 import "../../../components/Col/Col.js";
 import "../../../components/Divider/Divider.js";
 import "../../../components/Card/Card.js";
-import "../../../index-2QXL0WYc.js";
-import "../../../Loading.module-C58kTwE4.js";
+import "../../../index-Cu0xwYjD.js";
+import "../../../StartUpLoading-DpO7RfDY.js";
 export {
-  s as PageLoading
+  n as PageLoading
 };

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

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

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

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
-import { ag as d } from "../../../LoadingSuspense-CjQp8lLW.js";
-import "../../../index-2QXL0WYc.js";
+import { af as d } from "../../../Loading-CZ64hUvP.js";
+import "../../../index-Cu0xwYjD.js";
 import "react";
 import "../../../components/Text/Text.js";
-import "../../../Loading.module-C58kTwE4.js";
+import "../../../StartUpLoading-DpO7RfDY.js";
 export {
   d as ValidateLoading
 };

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

@@ -1,24 +1,20 @@
-import { useState as i, useRef as m, useEffect as f } from "react";
-const p = (e, o = 500, r = 250, c = 250) => {
-  const [s, t] = i(r === 0), n = m(0);
-  return f(() => {
-    const u = setTimeout(() => {
-      e || (t(!0), n.current = performance.now());
-    }, r);
-    return () => clearTimeout(u);
-  }, [r, e]), f(() => {
+import { useState as c, useEffect as o } from "react";
+const m = (e, r = 500, u = 500) => {
+  const [i, n] = c(!1);
+  return o(() => {
+    const t = setTimeout(() => {
+      e || n(!0);
+    }, u);
+    return () => clearTimeout(t);
+  }, [u, e]), o(() => {
     if (e !== !0)
       return;
-    if (!n.current || performance.now() - n.current < c) {
-      t(!1);
-      return;
-    }
-    const u = setTimeout(() => {
-      t(!1);
-    }, o);
-    return () => clearTimeout(u);
-  }, [e, o, c]), e !== !0 || s;
+    const t = setTimeout(() => {
+      n(!1);
+    }, r);
+    return () => clearTimeout(t);
+  }, [e, r]), e !== !0 || i;
 };
 export {
-  p as useShouldRenderLoading
+  m as useShouldRenderLoading
 };

package/dist/patterns/Loading/index.js

@@ -1,5 +1,4 @@
-import { Q as a, R as o } from "../../LoadingSuspense-CjQp8lLW.js";
+import { Q as s } from "../../Loading-CZ64hUvP.js";
 export {
-  a as IressLoading,
-  o as IressLoadingSuspense
+  s as IressLoading
 };

package/dist/src/components/RichSelect/RichSelect.types.d.ts

@@ -74,14 +74,6 @@ export interface IressRichSelectProps extends Omit<AutocompleteSearchHookProps,
      */
     width?: FormElementWidths;
     virtualFocus?: boolean;
-    /**
-     * Header showed in option panel when expanded.
-     */
-    header?: ReactNode;
-    /**
-     * Footer showed in option panel when expanded.
-     */
-    footer?: ReactNode;
 }
 export interface IressSelectActivatorProps {
     /**

package/dist/src/patterns/Loading/Loading.d.ts

@@ -3,8 +3,7 @@ import { DefaultLoadingProps } from './components/DefaultLoading';
 import { ValidateLoadingProps } from './components/ValidateLoading';
 import { ComponentLoadingProps } from './components/ComponentLoading';
 import { PageLoadingProps } from './components/PageLoading';
-import { LongLoadingProps } from './components/LongLoading';
-export type IressLoadingProps = StartUpLoadingProps | ValidateLoadingProps | PageLoadingProps | ComponentLoadingProps | LongLoadingProps | DefaultLoadingProps;
+export type IressLoadingProps = StartUpLoadingProps | ValidateLoadingProps | PageLoadingProps | ComponentLoadingProps | DefaultLoadingProps;
 /**
  * A pattern component that has in-built loading states for different contexts, designed to provide a consistent user experience across Iress applications.
  *
@@ -13,10 +12,6 @@ export type IressLoadingProps = StartUpLoadingProps | ValidateLoadingProps | Pag
  * - `component`: Loading pattern for a component that is expected to take some time to load, but has content around it that can be loaded before it (hence not part of page pattern). It also supports updating the state of the component via a slightly different UI. Examples:
  *   - Charts that can be updated in real-time
  *   - Tables that load many records and may update in real-time
- * - `long`: Loading pattern for a component that is expected to take longer than 10 seconds to load. It displays a checklist of items that are being loaded. Examples:
- *   - Calling multiple slow APIs to load data
- *   - Loading results from AI
- *   - Processing a large amount of data as a queue (eg. bulk uploading or large media file uploads)
  * - `page`: Loading pattern for a page, with out-of-the-box skeleton templates. Examples:
  *   - Dashboard page with multiple filters/panels
  *   - Search page with multiple filters and search results
@@ -43,5 +38,5 @@ export declare const IressLoading: {
      * @param delay - Once a component has loaded, how long should the loading indicator be displayed for.
      * @returns A boolean value that determines whether the `IressLoading` component is safe to be removed.
      */
-    shouldRender: (isLoaded: boolean, delay?: number, startFrom?: number, avoidDelayTimeout?: number) => boolean;
+    shouldRender: (isLoaded: boolean, delay?: number, startFrom?: number) => boolean;
 };

package/dist/src/patterns/Loading/components/StartUpLoading.d.ts

@@ -8,7 +8,7 @@ export interface StartUpLoadingProps extends IressHTMLAttributes {
      */
     children?: ReactNode;
     /**
-     * Estimated time in milliseconds for the loading to finish.
+     * Estimated time in milliseconds for the loading to finish. If set to `0` or something larger than `60000` (1 minute), will show a spinner.
      * @default 3000
      */
     estimatedFinishTime?: number;

package/dist/src/patterns/Loading/hooks/useShouldRenderLoading.d.ts

@@ -4,7 +4,6 @@
  * @param isLoaded - A boolean value that determines if the component waiting to be loaded has finished loading.
  * @param delay - Once a component has loaded, how long should the loading indicator be displayed for. This is useful to allow the loading indicator to animate out.
  * @param startFrom - If a component is still loading after this time in milliseconds, you should show the loading message. Default is 500ms, meaning a user will not even see the loading indicator if the page loads before this time.
- * @param avoidDelayTimeout - If the component has a start up animation, this is the time in milliseconds that we will avoid the delay timeout for. This is useful to speed up the loading indicator removal if the component loaded before the first half of an animation finishes.
  * @returns A boolean value that determines whether the `IressLoading` component should be rendered.
  */
-export declare const useShouldRenderLoading: (isLoaded: boolean, delay?: number, startFrom?: number, avoidDelayTimeout?: number) => boolean;
+export declare const useShouldRenderLoading: (isLoaded: boolean, delay?: number, startFrom?: number) => boolean;

package/dist/src/patterns/Loading/index.d.ts

@@ -1,2 +1 @@
 export * from './Loading';
-export * from './LoadingSuspense';