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

package/dist/components/TabSet/TabSet.js

@@ -1,83 +1,93 @@
-import { jsx as e, jsxs as m, Fragment as u } from "react/jsx-runtime";
-import { C as x } from "../../floating-ui.react-CPN4oQCc.js";
-import { propagateTestid as y } from "../../helpers/utility/propagateTestid.js";
-import { TabSetProvider as T, TabSetContext as d } from "./TabSetProvider.js";
-import { useState as n, useContext as f, useEffect as p } from "react";
-import { s as C } from "../../factory-DHLOr79I.js";
-import { tabSet as N } from "./TabSet.styles.js";
-import { c as I } from "../../cx-DN21T1EH.js";
-import { GlobalCSSClass as S } from "../../enums.js";
-const $ = (s) => {
-  const [a, r] = n({}), t = f(d);
-  return p(() => {
-    if (t != null && t.hover) {
-      const { offsetLeft: o, scrollWidth: l } = t.hover;
+import { jsx as e, jsxs as v, Fragment as N } from "react/jsx-runtime";
+import { C as T } from "../../floating-ui.react-CmSaAiNF.js";
+import { propagateTestid as C } from "../../helpers/utility/propagateTestid.js";
+import { TabSetProvider as y, TabSetContext as h } from "./TabSetProvider.js";
+import { useState as d, useContext as u, useEffect as x } from "react";
+import { s as m } from "../../factory-oPXoMw9H.js";
+import { tabSet as I } from "./TabSet.styles.js";
+import { c as n } from "../../cx-DN21T1EH.js";
+import { GlobalCSSClass as $ } from "../../enums.js";
+const g = (a) => {
+  const [c, r] = d({}), t = u(h);
+  return x(() => {
+    if (t?.hover) {
+      const { offsetLeft: s, scrollWidth: o } = t.hover;
       r({
         opacity: 1,
-        left: `${o}px`,
-        width: `${l}px`
+        left: `${s}px`,
+        width: `${o}px`
       });
     } else
-      r((o) => ({
-        ...o,
+      r((s) => ({
+        ...s,
         opacity: 0
       }));
-  }, [t == null ? void 0 : t.hover]), /* @__PURE__ */ e("div", { ...s, style: a });
-}, g = (s) => {
-  const [a, r] = n({}), t = f(d);
-  return p(() => {
-    const o = setTimeout(() => {
-      if (t != null && t.active) {
-        const { offsetLeft: l, scrollWidth: c } = t.active;
+  }, [t?.hover]), /* @__PURE__ */ e("div", { ...a, style: c });
+}, j = (a) => {
+  const [c, r] = d({}), t = u(h);
+  return x(() => {
+    const s = setTimeout(() => {
+      if (t?.active) {
+        const { offsetLeft: o, scrollWidth: l } = t.active;
         r({
-          left: `${l}px`,
-          width: `${c}px`
+          left: `${o}px`,
+          width: `${l}px`
         });
       }
     }, 150);
-    return () => clearTimeout(o);
-  }, [t == null ? void 0 : t.active]), /* @__PURE__ */ e("div", { ...s, style: a });
-}, G = ({
-  children: s,
-  className: a,
+    return () => clearTimeout(s);
+  }, [t?.active]), /* @__PURE__ */ e("div", { ...a, style: c });
+}, k = ({
+  children: a,
+  className: c,
   defaultSelected: r,
   layout: t = "top-left",
-  onChange: o,
+  onChange: s,
+  panelStyle: o,
   selected: l,
-  ...c
+  tabHolderStyle: f,
+  ...p
 }) => {
-  const [v, h] = n(null), i = N({ layout: t });
+  const [S, b] = d(null), i = I({ layout: t });
   return /* @__PURE__ */ e(
-    T,
+    y,
     {
       defaultSelected: r,
-      onChange: o,
-      panel: v,
+      onChange: s,
+      panel: S,
       selected: l,
       children: /* @__PURE__ */ e(
-        C.div,
+        m.div,
         {
-          className: I(a, i.root, S.TabSet),
-          ...c,
-          children: s && /* @__PURE__ */ m(u, { children: [
-            /* @__PURE__ */ m("div", { className: i.listHolder, children: [
-              /* @__PURE__ */ e(g, { className: i.activeIndicator }),
-              /* @__PURE__ */ e($, { className: i.hoverIndicator }),
-              /* @__PURE__ */ e(
-                x,
-                {
-                  render: /* @__PURE__ */ e("div", { className: i.list, role: "tablist" }),
-                  loop: !1,
-                  children: s
-                }
-              )
-            ] }),
+          className: n(c, i.root, $.TabSet),
+          ...p,
+          children: a && /* @__PURE__ */ v(N, { children: [
+            /* @__PURE__ */ v(
+              m.div,
+              {
+                ...f,
+                className: n(i.listHolder, f?.className),
+                children: [
+                  /* @__PURE__ */ e(j, { className: i.activeIndicator }),
+                  /* @__PURE__ */ e(g, { className: i.hoverIndicator }),
+                  /* @__PURE__ */ e(
+                    T,
+                    {
+                      render: /* @__PURE__ */ e("div", { className: i.list, role: "tablist" }),
+                      loop: !1,
+                      children: a
+                    }
+                  )
+                ]
+              }
+            ),
             /* @__PURE__ */ e(
-              "div",
+              m.div,
               {
-                className: i.panel,
-                "data-testid": y(c["data-testid"], "panel"),
-                ref: h
+                ...o,
+                className: n(i.panel, o?.className),
+                "data-testid": o?.["data-testid"] ?? C(p["data-testid"], "panel"),
+                ref: b
               }
             )
           ] })
@@ -87,5 +97,5 @@ const $ = (s) => {
   );
 };
 export {
-  G as IressTabSet
+  k as IressTabSet
 };

package/dist/components/TabSet/TabSet.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",

package/dist/components/TabSet/TabSetProvider.js

@@ -1,85 +1,85 @@
-import { jsx as P } from "react/jsx-runtime";
-import { createContext as j, useState as f, useMemo as M, useCallback as I, useEffect as k } from "react";
-import { useControlledState as z } from "../../hooks/useControlledState.js";
-const A = j(
+import { jsx as V } from "react/jsx-runtime";
+import { createContext as H, useState as l, useMemo as g, useCallback as M, useEffect as N } from "react";
+import { useControlledState as P } from "../../hooks/useControlledState.js";
+const j = H(
   void 0
-), q = ({
-  children: O,
-  defaultSelected: T,
-  onChange: a,
+), E = ({
+  children: h,
+  defaultSelected: C,
+  onChange: f,
   panel: v,
-  selected: V
+  selected: I
 }) => {
-  const [w, H] = f(), [n, S] = f(() => /* @__PURE__ */ new Set()), [o, m] = f(
+  const [w, O] = l(), [o, S] = l(() => /* @__PURE__ */ new Set()), [n, m] = l(
     () => /* @__PURE__ */ new Map()
-  ), { value: c, setValue: u } = z({
+  ), { value: c, setValue: i } = P({
     component: "IressTabSet",
-    defaultValue: T,
+    defaultValue: C,
     propName: "selected",
-    value: V
-  }), l = M(
-    () => [...n].find(
-      (e, t) => o.has(t) && o.get(t) === c || t === c
+    value: I
+  }), d = g(
+    () => [...o].find(
+      (e, t) => n.has(t) && n.get(t) === c || t === c
     ),
-    [n, c, o]
-  ), x = I(
+    [o, c, n]
+  ), x = M(
     (e, t) => {
       S((s) => {
         let r = new Set(s);
         s.has(e) || (r = new Set(s).add(e));
-        const i = [...r].indexOf(e);
-        return t !== void 0 && m((d) => {
-          const b = new Map(d);
-          return b.set(i, t), b;
+        const a = [...r].indexOf(e);
+        return t !== void 0 && m((u) => {
+          const b = new Map(u);
+          return b.set(a, t), b;
         }), r;
       });
     },
     []
-  ), p = I((e) => {
+  ), p = M((e) => {
     S((t) => {
       const s = new Set(t), r = [...s].indexOf(e);
-      return s.delete(e), m((i) => {
-        if (!i.has(r)) return i;
-        const d = new Map(i);
-        return d.delete(r), d;
+      return s.delete(e), m((a) => {
+        if (!a.has(r)) return a;
+        const u = new Map(a);
+        return u.delete(r), u;
       }), s;
     });
   }, []);
-  k(() => {
-    c === void 0 && n.size && u(o.get(0) ?? 0);
-  }, [n, c, u, o]);
-  const N = M(
+  N(() => {
+    c === void 0 && o.size && i(n.get(0) ?? 0);
+  }, [o, c, i, n]);
+  const T = g(
     () => ({
-      active: l,
+      active: d,
       activate(e) {
         if (!e) return;
-        const t = [...n].indexOf(e), s = o.get(t);
-        a == null || a({ index: t, value: s }), u(s ?? t);
+        const t = [...o].indexOf(e), s = n.get(t);
+        f?.({ index: t, value: s }), i(s ?? t);
       },
-      isActive: (e) => e ? l === e : !1,
+      isActive: (e) => e ? d === e : !1,
       hover: w,
       panel: v,
       register: x,
       setHover: (e) => {
-        H(e);
+        O(e);
       },
       unregister: p
     }),
     [
-      l,
+      d,
       w,
       v,
       x,
       p,
-      n,
       o,
-      a,
-      u
+      n,
+      f,
+      i
     ]
   );
-  return /* @__PURE__ */ P(A.Provider, { value: N, children: O });
+  return /* @__PURE__ */ V(j.Provider, { value: T, children: h });
 };
 export {
-  A as TabSetContext,
-  q as TabSetProvider
+  j as TabSetContext,
+  E as TabSetProvider
 };

package/dist/components/Table/Table.js

@@ -1,76 +1,76 @@
 import { jsx as t, jsxs as f } from "react/jsx-runtime";
 import "react";
-import { useIdIfNeeded as G } from "../../hooks/useIdIfNeeded.js";
-import { TableEmpty as R } from "./components/TableEmpty.js";
-import { propagateTestid as d } from "../../helpers/utility/propagateTestid.js";
-import { TableHeader as $ } from "./components/TableHeader.js";
-import { T as k } from "../../TableProvider-D8SQKIG8.js";
-import { TableRows as q } from "./components/TableRows.js";
-import { table as z } from "./Table.styles.js";
+import { useIdIfNeeded as w } from "../../hooks/useIdIfNeeded.js";
+import { TableEmpty as E } from "./components/TableEmpty.js";
+import { propagateTestid as a } from "../../helpers/utility/propagateTestid.js";
+import { TableHeader as G } from "./components/TableHeader.js";
+import { T as R } from "../../TableProvider-_4Whj6P5.js";
+import { TableRows as $ } from "./components/TableRows.js";
+import { table as k } from "./Table.styles.js";
 import { c as h } from "../../cx-DN21T1EH.js";
-import { s as A } from "../../factory-DHLOr79I.js";
-import { GlobalCSSClass as B } from "../../enums.js";
-const W = ({
+import { s as q } from "../../factory-oPXoMw9H.js";
+import { GlobalCSSClass as z } from "../../enums.js";
+const U = ({
   alternate: T = !1,
   caption: I,
-  children: l,
-  columns: a,
+  children: r,
+  columns: l,
   compact: x = !1,
   className: y,
   "data-testid": e,
-  empty: m,
+  empty: d,
   hiddenCaption: N,
-  hiddenHeader: c,
+  hiddenHeader: m,
   hover: g,
-  removeRowBorders: C = !1,
-  rowProps: j,
-  rows: o = [],
-  scope: v,
+  removeRowBorders: u = !1,
+  rowProps: C,
+  rows: c = [],
+  scope: j,
   ...n
 }) => {
-  const i = G({ id: n.id }), S = `${i}--caption`, r = (m && (a == null ? void 0 : a.length)) ?? !!(o != null && o.length), E = l ?? r, s = z({
+  const o = w({ id: n.id }), v = `${o}--caption`, s = (d && l?.length) ?? !!c?.length, S = r ?? s, i = k({
     alternate: T,
     compact: x,
     hover: g,
     hiddenCaption: N,
-    removeRowBorders: C
-  }), p = d(e, "thead"), b = d(e, "tbody");
-  return E ? /* @__PURE__ */ t("div", { className: s.root, "data-testid": e, children: /* @__PURE__ */ t(k, { columns: a, rows: o, children: /* @__PURE__ */ f(
-    A.table,
+    removeRowBorders: u
+  }), p = a(e, "thead"), b = a(e, "tbody");
+  return S ? /* @__PURE__ */ t("div", { className: i.root, "data-testid": e, children: /* @__PURE__ */ t(R, { columns: l, rows: c, children: /* @__PURE__ */ f(
+    q.table,
     {
       ...n,
-      className: h(y, s.table, B.Table),
-      id: i,
-      "data-testid": d(e, "table"),
+      className: h(y, i.table, z.Table),
+      id: o,
+      "data-testid": a(e, "table"),
       children: [
         /* @__PURE__ */ t(
           "caption",
           {
-            id: S,
-            className: h(s.caption),
-            "data-testid": d(e, "caption"),
+            id: v,
+            className: h(i.caption),
+            "data-testid": a(e, "caption"),
             children: I
           }
         ),
-        !c && r && /* @__PURE__ */ t("thead", { "data-testid": p, children: /* @__PURE__ */ t($, { tableId: i, testId: p }) }),
-        r && /* @__PURE__ */ f("tbody", { "data-testid": b, children: [
+        !m && s && /* @__PURE__ */ t("thead", { "data-testid": p, children: /* @__PURE__ */ t(G, { tableId: o, testId: p }) }),
+        s && /* @__PURE__ */ f("tbody", { "data-testid": b, children: [
           /* @__PURE__ */ t(
-            q,
+            $,
             {
               testId: b,
-              tableId: i,
-              rowProps: j,
-              scope: v,
-              hiddenHeader: c
+              tableId: o,
+              rowProps: C,
+              scope: j,
+              hiddenHeader: m
             }
           ),
-          /* @__PURE__ */ t(R, { children: m })
+          /* @__PURE__ */ t(E, { children: d })
         ] }),
-        l
+        r
       ]
     }
   ) }) }) : null;
 };
 export {
-  W as IressTable
+  U as IressTable
 };

package/dist/components/Table/Table.styles.js

@@ -1,5 +1,6 @@
-import { m as n, b as s, s as l, j as i, a as c } from "../../cva-B2x59Dph.js";
-import { c as p } from "../../create-recipe-BqEnhJ30.js";
+import { c as n } from "../../cva-JiDXAa83.js";
+import { m as s, a as l, s as i, i as c } from "../../css-fGu_jDvv.js";
+import { c as p } from "../../create-recipe-C-ASk1Hy.js";
 const r = {
   compact: !1,
   hover: !1,
@@ -34,7 +35,7 @@ const r = {
     "rowGroupHeader",
     "table__rowGroupHeader"
   ]
-], u = /* @__PURE__ */ d.map(([t, e]) => [t, p(e, r, i(b, t))]), m = n((t = {}) => Object.fromEntries(u.map(([e, o]) => [e, o.recipeFn(t)]))), a = [
+], m = /* @__PURE__ */ d.map(([t, e]) => [t, p(e, r, c(b, t))]), u = s((t = {}) => Object.fromEntries(m.map(([e, o]) => [e, o.recipeFn(t)]))), a = [
   "alternate",
   "compact",
   "hover",
@@ -42,10 +43,11 @@ const r = {
   "sortButtonNoWrap",
   "tableBodyOpen",
   "hiddenCaption"
-], _ = (t) => ({ ...r, ...s(t) }), B = /* @__PURE__ */ Object.assign(m, {
+], _ = (t) => ({ ...r, ...l(t) }), g = /* @__PURE__ */ Object.assign(u, {
   __recipe__: !1,
   __name__: "table",
   raw: (t) => t,
+  classNameMap: {},
   variantKeys: a,
   variantMap: {
     alternate: [
@@ -71,10 +73,10 @@ const r = {
     ]
   },
   splitVariantProps(t) {
-    return l(t, a);
+    return i(t, a);
   },
   getVariantProps: _
-}), g = c({
+}), V = n({
   base: {
     textAlign: "start"
   },
@@ -96,6 +98,6 @@ const r = {
   }
 });
 export {
-  B as table,
-  g as tableCell
+  g as table,
+  V as tableCell
 };

package/dist/components/Table/TableBody/TableBody.js

@@ -1,108 +1,108 @@
-import { jsx as t, jsxs as g, Fragment as F } from "react/jsx-runtime";
-import { propagateTestid as y } from "../../../helpers/utility/propagateTestid.js";
-import { TableEmpty as N } from "../components/TableEmpty.js";
-import { TableHeader as S } from "../components/TableHeader.js";
-import { useState as V, useEffect as j, useContext as T } from "react";
-import { useIdIfNeeded as k } from "../../../hooks/useIdIfNeeded.js";
-import { TableRows as A } from "../components/TableRows.js";
-import { useAriaRelationship as E } from "../../../hooks/useAriaRelationship.js";
-import { table as O } from "../Table.styles.js";
-import { T as w, a as I } from "../../../TableProvider-D8SQKIG8.js";
-import { s as x } from "../../../factory-DHLOr79I.js";
+import { jsx as t, jsxs as C, Fragment as H } from "react/jsx-runtime";
+import { propagateTestid as g } from "../../../helpers/utility/propagateTestid.js";
+import { TableEmpty as R } from "../components/TableEmpty.js";
+import { TableHeader as F } from "../components/TableHeader.js";
+import { useState as N, useEffect as S, useContext as y } from "react";
+import { useIdIfNeeded as V } from "../../../hooks/useIdIfNeeded.js";
+import { TableRows as j } from "../components/TableRows.js";
+import { useAriaRelationship as k } from "../../../hooks/useAriaRelationship.js";
+import { table as A } from "../Table.styles.js";
+import { T as E, a as T } from "../../../TableProvider-_4Whj6P5.js";
+import { s as I } from "../../../factory-oPXoMw9H.js";
 const G = ({
-  caption: s,
-  hiddenCaption: o,
-  onChange: r,
-  open: e,
-  setController: n,
-  tableId: i
+  caption: a,
+  hiddenCaption: e,
+  onChange: l,
+  open: n,
+  setController: s,
+  tableId: o
 }) => {
-  const a = T(I), c = a == null ? void 0 : a.api.getVisibleFlatColumns().length;
-  if (!c) return null;
-  const d = O({ tableBodyOpen: e });
+  const d = y(T)?.api.getVisibleFlatColumns().length;
+  if (!d) return null;
+  const c = A({ tableBodyOpen: n });
   return /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t(
-    x.th,
+    I.th,
     {
-      "aria-expanded": o ? void 0 : e,
-      colSpan: c,
-      className: d.rowGroupHeader,
-      id: `${i}--caption`,
-      onClick: r,
+      "aria-expanded": e ? void 0 : n,
+      colSpan: d,
+      className: c.rowGroupHeader,
+      id: `${o}--caption`,
+      onClick: l,
       scope: "rowgroup",
-      srOnly: o,
-      ref: n,
-      children: /* @__PURE__ */ t("button", { className: d.activator, type: "button", children: s })
+      srOnly: e,
+      ref: s,
+      children: /* @__PURE__ */ t("button", { className: c.activator, type: "button", children: a })
     }
   ) });
 }, q = ({
-  children: s,
-  setControlViaRef: o,
-  tableId: r
+  children: a,
+  setControlViaRef: e,
+  tableId: l
 }) => {
-  const e = T(I), n = e == null ? void 0 : e.api.getVisibleFlatColumns().length;
-  if (!s) return null;
-  const i = `${r}--children`;
-  return /* @__PURE__ */ t("tr", { id: i, ref: (a) => o(i)(a), children: /* @__PURE__ */ t("td", { colSpan: n, children: s }) });
+  const s = y(T)?.api.getVisibleFlatColumns().length;
+  if (!a) return null;
+  const o = `${l}--children`;
+  return /* @__PURE__ */ t("tr", { id: o, ref: (i) => e(o)(i), children: /* @__PURE__ */ t("td", { colSpan: s, children: a }) });
 }, Y = ({
-  caption: s,
-  children: o,
-  columns: r,
-  "data-testid": e,
-  empty: n,
-  hiddenCaption: i,
-  hiddenHeader: a,
-  onOpened: c,
-  onClosed: d,
+  caption: a,
+  children: e,
+  columns: l,
+  "data-testid": n,
+  empty: s,
+  hiddenCaption: o,
+  hiddenHeader: i,
+  onOpened: d,
+  onClosed: c,
   open: b = !1,
-  rowProps: C,
-  rows: m = [],
-  scope: $,
+  rowProps: x,
+  rows: f = [],
+  scope: O,
   ...u
 }) => {
-  const [f, h] = V(b), { setController: v, setControlViaRef: p } = E("aria-controls"), l = k({ id: u.id }), B = o ?? (n && (r == null ? void 0 : r.length)) ?? !!(m != null && m.length);
-  if (j(() => {
+  const [m, h] = N(b), { setController: w, setControlViaRef: p } = k("aria-controls"), r = V({ id: u.id }), $ = e ?? (s && l?.length) ?? !!f?.length;
+  if (S(() => {
     h(b);
-  }, [b]), !B)
+  }, [b]), !$)
     return null;
-  const H = () => {
-    h(!f), f ? d == null || d() : c == null || c();
-  }, R = f || i;
-  return /* @__PURE__ */ t(w, { columns: r, rows: m, children: /* @__PURE__ */ g(x.tbody, { "aria-labelledby": `${l}--caption`, ...u, children: [
+  const v = () => {
+    h(!m), m ? c?.() : d?.();
+  }, B = m || o;
+  return /* @__PURE__ */ t(E, { columns: l, rows: f, children: /* @__PURE__ */ C(I.tbody, { "aria-labelledby": `${r}--caption`, ...u, children: [
     /* @__PURE__ */ t(
       G,
       {
-        setController: v,
-        caption: s,
-        hiddenCaption: i,
-        onChange: H,
-        open: f,
-        tableId: l
+        setController: w,
+        caption: a,
+        hiddenCaption: o,
+        onChange: v,
+        open: m,
+        tableId: r
       }
     ),
-    R && /* @__PURE__ */ g(F, { children: [
-      !a && /* @__PURE__ */ t(
-        S,
+    B && /* @__PURE__ */ C(H, { children: [
+      !i && /* @__PURE__ */ t(
+        F,
         {
-          additionalHeaders: `${l}--caption`,
+          additionalHeaders: `${r}--caption`,
           setControlViaRef: p,
-          tableId: l,
-          testId: y(e, "thead")
+          tableId: r,
+          testId: g(n, "thead")
         }
       ),
       /* @__PURE__ */ t(
-        A,
+        j,
         {
-          additionalHeaders: `${l}--caption`,
-          tableId: l,
-          rowProps: C,
+          additionalHeaders: `${r}--caption`,
+          tableId: r,
+          rowProps: x,
           setControlViaRef: p,
-          scope: $,
-          hiddenHeader: a,
-          testId: y(e, "tbody")
+          scope: O,
+          hiddenHeader: i,
+          testId: g(n, "tbody")
         }
       ),
-      /* @__PURE__ */ t(N, { children: n }),
-      /* @__PURE__ */ t(q, { setControlViaRef: p, tableId: l, children: o })
+      /* @__PURE__ */ t(R, { children: s }),
+      /* @__PURE__ */ t(q, { setControlViaRef: p, tableId: r, children: e })
     ] })
   ] }) });
 };