@iress-oss/ids-components 6.0.0-alpha.12 → 6.0.0-alpha.13

package/dist/components/Filter/Filter.js

@@ -1,133 +1,137 @@
-import { jsx as e, jsxs as n, Fragment as T } from "react/jsx-runtime";
-import { forwardRef as ee, useRef as te, useMemo as re, useState as C, useImperativeHandle as oe } from "react";
-import { c as se } from "../../cx-DN21T1EH.js";
-import { filter as ie } from "./Filter.styles.js";
+import { jsx as e, jsxs as n, Fragment as re } from "react/jsx-runtime";
+import { forwardRef as oe, useRef as se, useMemo as R, useState as I, useImperativeHandle as ie } from "react";
+import { c as ae } from "../../cx-DN21T1EH.js";
+import { filter as ne } from "./Filter.styles.js";
+import { s as le } from "../../factory-CsinCTPr.js";
+import { s as me } from "../../is-valid-prop-DweT-eOL.js";
 import { propagateTestid as o } from "../../helpers/utility/propagateTestid.js";
-import { IressPopover as ae } from "../Popover/Popover.js";
+import { IressPopover as pe } from "../Popover/Popover.js";
 import "../Popover/Popover.styles.js";
 import "../Popover/InputPopover/InputPopover.js";
 import "../Popover/hooks/useFloatingPopover.js";
-import { I as ne } from "../../Button-ZGbOkyOo.js";
+import { I as ce } from "../../Button-ZGbOkyOo.js";
 import "../Button/CloseButton/CloseButton.js";
-import { useRichSelectState as le } from "../RichSelect/hooks/useRichSelectState.js";
+import { useRichSelectState as de } from "../RichSelect/hooks/useRichSelectState.js";
 import "../../Autocomplete-DUsna_OY.js";
 import "../RichSelect/SelectBody/SelectBody.js";
 import "../RichSelect/SelectCreate/SelectCreate.js";
 import "../RichSelect/SelectHeading/SelectHeading.js";
 import "../RichSelect/SelectLabel/SelectLabel.js";
-import { IressSelectMenu as me } from "../RichSelect/SelectMenu/SelectMenu.js";
+import { IressSelectMenu as ue } from "../RichSelect/SelectMenu/SelectMenu.js";
 import "../RichSelect/SelectSearch/SelectSearch.js";
 import "../RichSelect/SelectSearchInput/SelectSearchInput.js";
 import "../RichSelect/SelectTags/SelectTags.js";
 import "../Autocomplete/Autocomplete.styles.js";
-import { useAutocompleteSearch as pe } from "../Autocomplete/hooks/useAutocompleteSearch.js";
-import { IressPanel as ce } from "../Panel/Panel.js";
+import { useAutocompleteSearch as fe } from "../Autocomplete/hooks/useAutocompleteSearch.js";
+import { IressPanel as he } from "../Panel/Panel.js";
 import "../Panel/Panel.styles.js";
-import { useFilterFlags as de } from "./hooks/useFilterFlags.js";
-import { useIdIfNeeded as ue } from "../../hooks/useIdIfNeeded.js";
-import { FilterSearch as fe } from "./components/FilterSearch.js";
-import { IressDivider as he } from "../Divider/Divider.js";
+import { useFilterFlags as ve } from "./hooks/useFilterFlags.js";
+import { useIdIfNeeded as ge } from "../../hooks/useIdIfNeeded.js";
+import { FilterSearch as ye } from "./components/FilterSearch.js";
+import { IressDivider as Fe } from "../Divider/Divider.js";
 import "../Divider/Divider.styles.js";
-import { FilterResetButton as ve } from "./components/FilterResetButton.js";
-import { FilterLabel as ge } from "./components/FilterLabel.js";
-import { IressIcon as I } from "../Icon/Icon.js";
+import { FilterResetButton as be } from "./components/FilterResetButton.js";
+import { FilterLabel as Se } from "./components/FilterLabel.js";
+import { IressIcon as w } from "../Icon/Icon.js";
 import "../Icon/Icon.styles.js";
-import { GlobalCSSClass as Fe } from "../../enums.js";
-import { FilterResultsDescriptor as be } from "./components/FilterResultsDescriptor.js";
-import { s as ye } from "../../factory-CsinCTPr.js";
-const w = {
+import { GlobalCSSClass as Ce } from "../../enums.js";
+import { FilterResultsDescriptor as Pe } from "./components/FilterResultsDescriptor.js";
+const N = {
   align: "bottom-start"
 }, Re = ({
-  children: P,
-  className: N,
+  children: x,
+  className: D,
   "data-testid": t,
-  debounceThreshold: x,
+  debounceThreshold: A,
   defaultValue: h,
-  id: D,
-  initialOptions: A,
-  inputProps: O = {
+  id: O,
+  initialOptions: Q,
+  inputProps: _ = {
     clearable: !0,
-    prepend: /* @__PURE__ */ e(I, { name: "search" })
+    prepend: /* @__PURE__ */ e(w, { name: "search" })
   },
-  limitDesktop: Q = 12,
-  limitMobile: _ = 6,
-  label: L,
+  limitDesktop: L = 12,
+  limitMobile: M = 6,
+  label: j,
   multiSelect: s,
-  onChange: M,
-  onReset: j,
+  onChange: k,
+  onReset: E,
   options: i,
   popoverProps: {
-    footer: k,
-    header: E,
-    ...H
-  } = w,
+    footer: H,
+    header: W,
+    ...q
+  } = N,
   searchable: v,
   searchNoResultsText: g,
-  selectedOptionsText: W,
-  value: q,
+  selectedOptionsText: G,
+  value: U,
   visibleResetButton: l,
-  ...G
-}, U) => {
-  const F = ue({ id: D }), b = `${F}-sr-text`, y = te(null), R = re(
+  ...y
+}, V) => {
+  const F = ge({ id: O }), b = `${F}-sr-text`, S = se(null), C = R(
     () => v ?? typeof i == "function",
     [i, v]
-  ), V = {
+  ), $ = {
     clearable: !0,
-    prepend: /* @__PURE__ */ e(I, { name: "search" }),
-    ...O
-  }, $ = { ...w, ...H }, { value: S, setValue: c } = le({
+    prepend: /* @__PURE__ */ e(w, { name: "search" }),
+    ..._
+  }, z = { ...N, ...q }, { value: P, setValue: c } = de({
     component: "IressFilter",
     defaultValue: h,
     multiple: s,
-    value: q
-  }), [z, d] = C(""), [J, a] = C(!1), K = (p) => {
+    value: U
+  }), [J, d] = I(""), [K, a] = I(!1), [X, Y] = R(
+    () => me(y),
+    [y]
+  ), Z = (p) => {
     d(p.target.value);
-  }, X = () => {
+  }, B = () => {
     d("");
-  }, Y = (p) => {
-    M?.(p), c(p), s || a(!1);
-  }, Z = () => {
-    c(void 0), j?.(), s || a(!1);
+  }, T = (p) => {
+    k?.(p), c(p), s || a(!1);
+  }, ee = () => {
+    c(void 0), E?.(), s || a(!1);
   };
-  oe(U, () => ({
-    element: y.current ?? void 0,
+  ie(V, () => ({
+    element: S.current ?? void 0,
     clearSearch: () => d(""),
     reset: () => c(h)
   }));
   const {
-    debouncedQuery: B,
+    debouncedQuery: te,
     loading: u,
     results: f,
-    shouldShowInstructions: Ce,
-    shouldShowDebounceWaiting: Ie,
-    shouldShowNoResults: we
-  } = pe({
-    debounceThreshold: x,
-    initialOptions: A ?? (typeof i == "function" ? void 0 : i),
+    shouldShowInstructions: we,
+    shouldShowDebounceWaiting: Ne,
+    shouldShowNoResults: xe
+  } = fe({
+    debounceThreshold: A,
+    initialOptions: Q ?? (typeof i == "function" ? void 0 : i),
     options: i,
-    query: z
-  }), m = de({
-    debouncedQuery: B,
+    query: J
+  }), m = ve({
+    debouncedQuery: te,
     loading: u,
     results: f,
-    searchable: R,
+    searchable: C,
     visibleResetButton: l
-  }), r = ie();
+  }), r = ne();
   return /* @__PURE__ */ n(
-    ye.div,
+    le.div,
     {
-      ...G,
-      className: se(N, r.root, Fe.Filter),
+      ...Y,
+      className: ae(D, r.root, Ce.Filter),
       "data-testid": t,
       id: F,
-      ref: y,
+      ref: S,
       children: [
         /* @__PURE__ */ n(
-          ae,
+          pe,
           {
-            ...$,
+            ...z,
             activator: /* @__PURE__ */ n(
-              ne,
+              ce,
               {
                 "aria-describedby": b,
                 "data-testid": o(
@@ -135,13 +139,14 @@ const w = {
                   "activator-button__button"
                 ),
                 onClick: () => a(!0),
+                ...X,
                 children: [
                   /* @__PURE__ */ e(
-                    ge,
+                    Se,
                     {
-                      label: L,
-                      selectedOptionsText: W,
-                      value: S
+                      label: j,
+                      selectedOptionsText: G,
+                      value: P
                     }
                   ),
                   /* @__PURE__ */ e("span", { className: r.chevron })
@@ -150,59 +155,59 @@ const w = {
             ),
             contentStyle: { className: r.popoverContent },
             "data-testid": o(t, "popover"),
-            show: J,
+            show: K,
             matchActivatorWidth: !0,
             onActivated: () => a(!0),
             onDeactivated: () => a(!1),
             type: "listbox",
             children: [
-              E,
-              m.showHeader && /* @__PURE__ */ n(T, { children: [
-                /* @__PURE__ */ n(ce, { bg: "transparent", p: "spacing.2", children: [
-                  R && /* @__PURE__ */ e(
-                    fe,
+              W,
+              m.showHeader && /* @__PURE__ */ n(re, { children: [
+                /* @__PURE__ */ n(he, { bg: "transparent", p: "spacing.2", children: [
+                  C && /* @__PURE__ */ e(
+                    ye,
                     {
-                      ...V,
+                      ...$,
                       className: r.searchInput,
                       "data-testid": o(t, "input"),
                       loading: u,
-                      onChange: K,
-                      onClear: X
+                      onChange: Z,
+                      onClear: B
                     }
                   ),
                   l && /* @__PURE__ */ e(
-                    ve,
+                    be,
                     {
                       "data-testid": o(t, "reset-button"),
-                      onClick: Z,
+                      onClick: ee,
                       children: typeof l == "string" ? l : "Reset filter"
                     }
                   )
                 ] }),
-                m.showResults && /* @__PURE__ */ e(he, {})
+                m.showResults && /* @__PURE__ */ e(Fe, {})
               ] }),
               m.showResults && /* @__PURE__ */ e(
-                me,
+                ue,
                 {
                   className: r.optionList,
                   "data-testid": o(t, "menu"),
                   items: f,
-                  limitDesktop: Q,
-                  limitMobile: _,
+                  limitDesktop: L,
+                  limitMobile: M,
                   multiSelect: s,
-                  onChange: Y,
-                  selected: S,
+                  onChange: T,
+                  selected: P,
                   selectedFirst: s
                 }
               ),
               m.showNoResults && /* @__PURE__ */ e("div", { className: r.noResults, children: g }),
-              k
+              H
             ]
           }
         ),
-        P,
+        x,
         /* @__PURE__ */ e(
-          be,
+          Pe,
           {
             "data-testid": o(t, "results-sr-text"),
             id: b,
@@ -214,8 +219,8 @@ const w = {
       ]
     }
   );
-}, Se = ee(Re);
-Se.displayName = "IressFilter";
+}, Ie = oe(Re);
+Ie.displayName = "IressFilter";
 export {
-  Se as IressFilter
+  Ie as IressFilter
 };

package/dist/components/Link/Link.styles.js

@@ -14,7 +14,6 @@ const e = ["root", "content", "prepend", "append", "spinner"], n = o({
     },
     root: {
       alignItems: "baseline",
-      alignSelf: "flex-start",
       cursor: "pointer",
       display: "inline-flex",
       fontKerning: "none",

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

@@ -1,20 +1,20 @@
-import { useState as l, useEffect as A } from "react";
-const v = (r, t = !1, n, e = 0) => {
-  const [o, c] = l(n ?? 0);
-  return A(() => {
-    if (t || n !== void 0)
+import { useState as s, useEffect as v } from "react";
+const i = (t, r = !1, n, o = 0) => {
+  const [u, l] = s(n ?? 0);
+  return v(() => {
+    if (r || n !== void 0)
       return;
-    const m = performance.now();
-    let a;
-    const u = () => {
-      const f = Math.max(performance.now() - m, 0);
-      c(f), P(f, r, e) && (a = requestAnimationFrame(u));
+    const m = performance.now(), p = 50;
+    let f = 0, a;
+    const c = () => {
+      const e = Math.max(performance.now() - m, 0);
+      e - f >= p && (l(e), f = e), A(e, t, o) && (a = requestAnimationFrame(c));
     };
-    return a = requestAnimationFrame(u), () => {
+    return a = requestAnimationFrame(c), () => {
       a && cancelAnimationFrame(a);
     };
-  }, [r, t, e, n]), n !== void 0 ? t ? r : n : t || o >= r ? r : o;
-}, P = (r, t, n) => r < t || r < n;
+  }, [t, r, o, n]), n !== void 0 ? r ? t : n : r || u >= t ? t : u;
+}, A = (t, r, n) => t < r || t < n;
 export {
-  v as useEstimatedProgressValue
+  i as useEstimatedProgressValue
 };

package/dist/patterns/Shadow/Shadow.js

@@ -4556,10 +4556,6 @@ const z = `@layer reset, base, tokens, recipes, utilities;
     align-items: baseline;
 }
 
-  .as_flex-start {
-    align-self: flex-start;
-}
-
   .fk_none {
     font-kerning: none;
 }