@iress-oss/ids-components 6.0.0-alpha.0 → 6.0.0-alpha.1

package/dist/components/Input/Input.js

@@ -1,150 +1,146 @@
-import { jsx as n, jsxs as M } from "react/jsx-runtime";
-import { forwardRef as U, useRef as D, useState as z, useMemo as R, useImperativeHandle as J } from "react";
-import { GlobalCSSClass as g } from "../../enums.js";
-import { getFormControlValueAsString as K } from "../../helpers/form/getFormControlValueAsString.js";
-import { InputBase as L } from "./InputBase/InputBase.js";
-import { IressSpinner as Q } from "../Spinner/Spinner.js";
+import { jsx as r, jsxs as N } from "react/jsx-runtime";
+import { forwardRef as G, useRef as S, useState as H, useMemo as w, useImperativeHandle as U } from "react";
+import { GlobalCSSClass as v } from "../../enums.js";
+import { getFormControlValueAsString as z } from "../../helpers/form/getFormControlValueAsString.js";
+import { InputBase as J } from "./InputBase/InputBase.js";
+import { IressSpinner as K } from "../Spinner/Spinner.js";
 import "../Spinner/Spinner.styles.js";
-import { useControlledState as W } from "../../hooks/useControlledState.js";
-import { IressReadonly as X } from "../Readonly/Readonly.js";
+import { useControlledState as L } from "../../hooks/useControlledState.js";
+import { IressReadonly as Q } from "../Readonly/Readonly.js";
 import "../Readonly/Readonly.styles.js";
-import { c } from "../../cx-DN21T1EH.js";
-import { input as Y } from "./Input.styles.js";
-import { s as Z } from "../../factory-DHLOr79I.js";
-import { s as _ } from "../../is-valid-prop-DFFvE05x.js";
-import { useNoDefaultValueInForms as $ } from "../../patterns/Form/hooks/useNoDefaultValueInForms.js";
-import "../../Button-BXzmntRi.js";
-import { IressCloseButton as P } from "../Button/CloseButton/CloseButton.js";
-const ee = ({ rows: s, ...h }, B) => {
+import { c as i } from "../../cx-DN21T1EH.js";
+import { input as W } from "./Input.styles.js";
+import { s as X } from "../../factory-oPXoMw9H.js";
+import { s as Y } from "../../is-valid-prop-Ce0wiweq.js";
+import { useNoDefaultValueInForms as Z } from "../../patterns/Form/hooks/useNoDefaultValueInForms.js";
+import "../../Button-D6AL0bia.js";
+import { IressCloseButton as _ } from "../Button/CloseButton/CloseButton.js";
+const $ = ({ rows: a, ...g }, M) => {
   const {
-    loading: i = !1,
-    clearable: E = !1,
+    loading: c = !1,
+    clearable: P = !1,
     defaultValue: C,
-    onClear: m,
-    width: T,
-    prepend: y,
-    append: d,
-    onChange: f,
-    className: x,
-    readOnly: j,
-    formatter: o,
-    type: V,
-    inline: O,
-    alignRight: b,
-    ...e
-  } = h;
-  $({
+    onClear: D,
+    width: R,
+    prepend: I,
+    append: m,
+    onChange: B,
+    className: h,
+    readOnly: E,
+    formatter: n,
+    type: y,
+    inline: T,
+    alignRight: x,
+    ...t
+  } = g;
+  Z({
     component: "IressInput",
     defaultValue: C
   });
-  const p = D(null), v = D(null), { value: l, setValue: F } = W({
+  const p = S(null), d = S(null), { value: l, setValue: V } = L({
     component: "IressInput",
     defaultValue: C,
-    value: h.value
-  }), I = K(l), [u, N] = z(!1), [k, q] = _(e), S = R(() => o && !u ? o(l) : I, [o, l, I, u]), A = R(() => {
-    if (s === void 0)
-      return o && !u ? { type: "text" } : { type: V };
-  }, [o, u, V, s]);
-  if (J(
-    B,
+    value: g.value
+  }), f = z(l), [u, b] = H(!1), [j, O] = Y(t), F = w(() => n && !u ? n(l) : f, [n, l, f, u]), k = w(() => {
+    if (a === void 0)
+      return n && !u ? { type: "text" } : { type: y };
+  }, [n, u, y, a]);
+  if (U(
+    M,
     () => ({
       ...p.current,
       extras: {
         additionalOnChangeProps: ["onClear"]
       }
     })
-  ), j)
-    return /* @__PURE__ */ n(
-      X,
+  ), E)
+    return /* @__PURE__ */ r(
+      Q,
       {
-        ...e,
+        ...t,
         defaultValue: void 0,
         value: l,
-        alignRight: b,
-        append: d,
-        className: x,
-        children: S
+        alignRight: x,
+        append: m,
+        className: h,
+        children: F
       }
     );
-  const G = (r) => {
-    var w;
-    F(""), (w = p.current) == null || w.focus();
-    const t = new Event("change", {
+  const q = (e) => {
+    V(""), p.current?.focus();
+    const s = new Event("change", {
       bubbles: !0
     });
-    Object.defineProperty(t, "target", {
+    Object.defineProperty(s, "target", {
       writable: !1,
-      value: { value: "", ...r.target }
-    }), m == null || m(t);
-  }, H = (r) => {
-    const t = r.target.value;
-    F(t), f == null || f(r, t);
-  }, a = Y({
-    alignRight: b,
-    inline: O,
-    isTextarea: s !== void 0,
-    width: T
+      value: { value: "", ...e.target }
+    }), D?.(s);
+  }, A = (e) => {
+    const s = e.target.value;
+    V(s), B?.(e, s);
+  }, o = W({
+    alignRight: x,
+    inline: T,
+    isTextarea: a !== void 0,
+    width: R
   });
-  return /* @__PURE__ */ M(
-    Z.div,
+  return /* @__PURE__ */ N(
+    X.div,
     {
-      className: c(
+      className: i(
         // classes.root,
-        g.FormElement,
-        g.Input,
-        x,
-        a.wrapper,
-        g.FormElementInner
+        v.FormElement,
+        v.Input,
+        h,
+        o.wrapper,
+        v.FormElementInner
       ),
-      "data-testid": e["data-testid"],
-      ...k,
+      "data-testid": t["data-testid"],
+      ...j,
       children: [
-        y && /* @__PURE__ */ n("div", { className: c(a.addon), children: y }),
-        /* @__PURE__ */ n(
-          L,
+        I && /* @__PURE__ */ r("div", { className: i(o.addon), children: I }),
+        /* @__PURE__ */ r(
+          J,
           {
-            ...q,
-            ...A,
-            className: a.formControl,
-            value: S,
-            onChange: H,
-            onFocus: (r) => {
-              var t;
-              N(!0), (t = e == null ? void 0 : e.onFocus) == null || t.call(e, r), v.current ? v.current = null : queueMicrotask(() => r.target.select());
+            ...O,
+            ...k,
+            className: o.formControl,
+            value: F,
+            onChange: A,
+            onFocus: (e) => {
+              b(!0), t?.onFocus?.(e), d.current ? d.current = null : queueMicrotask(() => e.target.select());
             },
-            onMouseDown: (r) => {
-              var t;
-              (t = e == null ? void 0 : e.onMouseDown) == null || t.call(e, r), v.current = !0;
+            onMouseDown: (e) => {
+              t?.onMouseDown?.(e), d.current = !0;
             },
-            onBlur: (r) => {
-              var t;
-              N(!1), (t = e == null ? void 0 : e.onBlur) == null || t.call(e, r);
+            onBlur: (e) => {
+              b(!1), t?.onBlur?.(e);
             },
-            rows: s,
+            rows: a,
             ref: p
           }
         ),
-        /* @__PURE__ */ M("div", { className: c(a.internal), children: [
-          i && /* @__PURE__ */ n(
-            Q,
+        /* @__PURE__ */ N("div", { className: i(o.internal), children: [
+          c && /* @__PURE__ */ r(
+            K,
             {
-              screenreaderText: i === !0 ? "loading" : i
+              screenreaderText: c === !0 ? "loading" : c
             }
           ),
-          I && E && /* @__PURE__ */ n(
-            P,
+          f && P && /* @__PURE__ */ r(
+            _,
             {
-              onClick: G,
-              onMouseDown: (r) => r.preventDefault(),
+              onClick: q,
+              onMouseDown: (e) => e.preventDefault(),
               screenreaderText: "Clear"
             }
           )
         ] }),
-        d && /* @__PURE__ */ n("div", { className: c(a.addon), children: d })
+        m && /* @__PURE__ */ r("div", { className: i(o.addon), children: m })
       ]
     }
   );
-}, he = U(ee);
+}, Ce = G($);
 export {
-  he as IressInput
+  Ce as IressInput
 };

package/dist/components/Input/Input.styles.js

@@ -1,4 +1,4 @@
-import { s as r } from "../../sva-TRyehFkb.js";
+import { s as r } from "../../sva-OmxClA9g.js";
 const o = r({
   slots: ["root", "wrapper", "inline", "addon", "internal", "formControl"],
   base: {

package/dist/components/Input/InputBase/InputBase.js

@@ -1,36 +1,36 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as d, useRef as f, useImperativeHandle as x } from "react";
-import { s as i } from "../../../factory-DHLOr79I.js";
-const l = ({ "data-testid": r, rows: e, ...n }, c) => {
-  const o = e !== void 0, u = f(null), a = f(null);
-  if (x(c, () => {
-    const t = o ? a.current : u.current;
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as l, useRef as s, useImperativeHandle as d } from "react";
+import { s as f } from "../../../factory-oPXoMw9H.js";
+const m = ({ "data-testid": t, rows: e, ...u }, i) => {
+  const a = e !== void 0, r = s(null), n = s(null);
+  if (d(i, () => {
+    const c = a ? n.current : r.current;
     return {
-      focus: () => t == null ? void 0 : t.focus(),
-      blur: () => t == null ? void 0 : t.blur(),
-      input: o ? a.current : u.current
+      focus: () => c?.focus(),
+      blur: () => c?.blur(),
+      input: a ? n.current : r.current
     };
   }), e !== void 0)
-    return /* @__PURE__ */ s(
-      i.textarea,
+    return /* @__PURE__ */ p(
+      f.textarea,
       {
         rows: e,
-        ...r && { "data-testid": `${r}__textarea` },
-        ...n,
-        ref: a
+        ...t && { "data-testid": `${t}__textarea` },
+        ...u,
+        ref: n
       }
     );
-  const p = n;
-  return /* @__PURE__ */ s(
-    i.input,
+  const o = u;
+  return /* @__PURE__ */ p(
+    f.input,
     {
-      ...r && { "data-testid": `${r}__input` },
-      ...p,
-      type: p.type ?? "text",
-      ref: u
+      ...t && { "data-testid": `${t}__input` },
+      ...o,
+      type: o.type ?? "text",
+      ref: r
     }
   );
-}, v = d(l);
+}, v = l(m);
 export {
   v as InputBase
 };

package/dist/components/Label/Label.styles.js

@@ -1,4 +1,4 @@
-import { s as t } from "../../sva-TRyehFkb.js";
+import { s as t } from "../../sva-OmxClA9g.js";
 const e = t({
   slots: ["root", "required", "text"],
   base: {

package/dist/components/Label/LabelBase/LabelBase.js

@@ -1,50 +1,50 @@
-import { jsxs as l, jsx as o, Fragment as b } from "react/jsx-runtime";
+import { jsxs as l, jsx as a, Fragment as b } from "react/jsx-runtime";
 import { GlobalCSSClass as g } from "../../../enums.js";
 import { propagateTestid as y } from "../../../helpers/utility/propagateTestid.js";
 import { useState as C, useMemo as S } from "react";
-import { s as e } from "../../../factory-DHLOr79I.js";
+import { s as r } from "../../../factory-oPXoMw9H.js";
 import { label as j } from "../Label.styles.js";
 import { c as q } from "../../../cx-DN21T1EH.js";
 const R = ({
-  append: m,
-  children: p,
-  className: d,
-  "data-testid": i,
-  element: c,
-  hiddenLabel: s = !1,
-  required: f,
-  ...u
+  append: o,
+  children: c,
+  className: p,
+  "data-testid": m,
+  element: n,
+  hiddenLabel: t = !1,
+  required: d,
+  ...f
 }) => {
-  const [n, x] = C(), a = j({ hasAppend: !!m, hiddenLabel: s }), N = (t) => {
-    const r = t == null ? void 0 : t.textContent;
-    r && r !== n && x(r);
-  }, h = S(
-    () => e(c ?? "label"),
-    [c]
+  const [i, u] = C(), e = j({ hasAppend: !!o, hiddenLabel: t }), x = (h) => {
+    const s = h?.textContent;
+    s && s !== i && u(s);
+  }, N = S(
+    () => r(n ?? "label"),
+    [n]
   );
   return /* @__PURE__ */ l(
-    h,
+    N,
     {
-      className: q(d, g.FormLabel, a.root),
-      "data-testid": i,
-      ...u,
-      "data-name": n,
+      className: q(p, g.FormLabel, e.root),
+      "data-testid": m,
+      ...f,
+      "data-name": i,
       children: [
-        f && /* @__PURE__ */ l(b, { children: [
-          !s && /* @__PURE__ */ o("span", { className: a.required, "aria-hidden": !0, children: "*" }),
-          /* @__PURE__ */ o(e.span, { srOnly: !0, children: "Required" })
+        d && /* @__PURE__ */ l(b, { children: [
+          !t && /* @__PURE__ */ a("span", { className: e.required, "aria-hidden": !0, children: "*" }),
+          /* @__PURE__ */ a(r.span, { srOnly: !0, children: "Required" })
         ] }),
-        /* @__PURE__ */ o(
-          e.span,
+        /* @__PURE__ */ a(
+          r.span,
           {
-            className: a.text,
-            "data-testid": y(i, "text"),
-            ref: N,
-            srOnly: s,
-            children: p
+            className: e.text,
+            "data-testid": y(m, "text"),
+            ref: x,
+            srOnly: t,
+            children: c
           }
         ),
-        m
+        o
       ]
     }
   );

package/dist/components/Link/Link.js

@@ -1,54 +1,53 @@
-import { jsxs as N, Fragment as S, jsx as e } from "react/jsx-runtime";
-import { forwardRef as P, useId as j, useMemo as i, useCallback as k } from "react";
+import { jsxs as L, Fragment as N, jsx as o } from "react/jsx-runtime";
+import { forwardRef as S, useId as P, useMemo as a, useCallback as j } from "react";
 import { IressSpinner as v } from "../Spinner/Spinner.js";
 import "../Spinner/Spinner.styles.js";
-import { s as C } from "../../is-valid-prop-DFFvE05x.js";
-import { c as G } from "../../cva-B2x59Dph.js";
-import { c as w } from "../../cx-DN21T1EH.js";
+import { s as w } from "../../is-valid-prop-Ce0wiweq.js";
+import { c as e } from "../../css-fGu_jDvv.js";
+import { c as G } from "../../cx-DN21T1EH.js";
 import { link as F } from "./Link.styles.js";
 import { GlobalCSSClass as b } from "../../enums.js";
 const M = ({
-  active: l,
+  active: k,
   append: n,
-  children: p,
+  children: c,
   className: f,
-  element: m,
-  loading: r = !1,
-  onClick: t,
-  prepend: a,
+  element: p,
+  loading: s = !1,
+  onClick: l,
+  prepend: i,
   ...u
 }, x) => {
-  const c = j(), s = F({
-    active: l,
-    loading: !!r
-  }), [d, o] = i(
-    () => C(u),
+  const m = P(), r = F.raw({
+    active: k,
+    loading: !!s
+  }), [d, t] = a(
+    () => w(u),
     [u]
-  ), h = k(
-    (L) => {
-      r || t == null || t(L);
+  ), h = j(
+    (I) => {
+      s || l?.(I);
     },
-    [r, t]
-  ), y = i(
+    [s, l]
+  ), C = a(
     () => ({
-      children: /* @__PURE__ */ N(S, { children: [
-        a && !r && /* @__PURE__ */ e("span", { className: s.prepend, children: a }),
-        !!r && /* @__PURE__ */ e(
+      children: /* @__PURE__ */ L(N, { children: [
+        i && !s && /* @__PURE__ */ o("span", { className: e(r.prepend), children: i }),
+        !!s && /* @__PURE__ */ o(
           v,
           {
-            className: s.spinner,
+            className: e(r.spinner),
             fixedWidth: !0,
-            id: c,
-            screenreaderText: r === !0 ? "Loading" : r
+            id: m,
+            screenreaderText: s === !0 ? "Loading" : s
           }
         ),
-        p && /* @__PURE__ */ e("span", { className: s.content, children: p }),
-        n && /* @__PURE__ */ e("span", { className: s.append, children: n })
+        c && /* @__PURE__ */ o("span", { className: e(r.content), children: c }),
+        n && /* @__PURE__ */ o("span", { className: e(r.append), children: n })
       ] }),
-      className: w(
+      className: G(
         f,
-        G(d),
-        s.root,
+        e(r.root, d),
         b.Group,
         b.Link
       ),
@@ -56,34 +55,34 @@ const M = ({
     }),
     [
       n,
-      p,
+      c,
       f,
       h,
-      r,
-      a,
-      c,
+      s,
+      i,
+      m,
       d,
-      s.append,
-      s.content,
-      s.prepend,
-      s.root,
-      s.spinner
+      r.append,
+      r.content,
+      r.prepend,
+      r.root,
+      r.spinner
     ]
-  ), I = i(
-    () => m ?? (o.href ? "a" : "button"),
-    [m, o.href]
+  ), y = a(
+    () => p ?? (t.href ? "a" : "button"),
+    [p, t.href]
   );
-  return /* @__PURE__ */ e(
-    I,
+  return /* @__PURE__ */ o(
+    y,
     {
-      "aria-describedby": r ? c : void 0,
-      type: m || !o.href ? "button" : void 0,
-      ...y,
-      ...o,
+      "aria-describedby": s ? m : void 0,
+      type: p || !t.href ? "button" : void 0,
+      ...C,
+      ...t,
       ref: x
     }
   );
-}, H = P(M);
+}, H = S(M);
 export {
   H as IressLink
 };

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

@@ -1,4 +1,4 @@
-import { s as o } from "../../sva-TRyehFkb.js";
+import { s as o } from "../../sva-OmxClA9g.js";
 const e = ["root", "content", "prepend", "append", "spinner"], n = o({
   slots: e,
   base: {
@@ -6,6 +6,7 @@ const e = ["root", "content", "prepend", "append", "spinner"], n = o({
       display: "contents"
     },
     content: {
+      cursor: "pointer",
       textDecoration: "underline",
       _groupHover: {
         textDecoration: "none"