@smwb/ui-react 2.7.0 → 2.9.0

package/dist/components/dataDisplay/swimlanes/index.d.ts

@@ -0,0 +1,2 @@
+export { Swimlanes, SWIMLANES_DEFAULT_ROW_HEIGHT, SWIMLANES_DEFAULT_HEIGHT, SWIMLANES_DEFAULT_OVERSCAN, } from "./swimlanes";
+export type { SwimlanesProps, SwimlanesLane } from "./swimlanes";

package/dist/components/dataDisplay/swimlanes/swimlanes.d.ts

@@ -0,0 +1,53 @@
+import React from "react";
+export interface SwimlanesLane {
+    /** Stable, unique id: keys the row, the selection and the Tab stop. */
+    id: string;
+    /** The lane's header (avatar, name, role); drawn in the fixed left column, role="rowheader". */
+    header: React.ReactNode;
+    /** The lane's content (current item, progress, last signal, budget); role="gridcell". */
+    content: React.ReactNode;
+    /** A disabled lane can be focused but not selected (aria-disabled). */
+    disabled?: boolean | undefined;
+}
+export interface SwimlanesProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect" | "role" | "children"> {
+    /** The lanes, one row each, in the order they are drawn. */
+    lanes: readonly SwimlanesLane[];
+    /** Accessible name of the grid (aria-label); `aria-labelledby` wins when given. */
+    label?: string | undefined;
+    /** The selected lane's id (controlled); null selects nothing. */
+    selectedId?: string | null | undefined;
+    /** The lane selected at first (uncontrolled). */
+    defaultSelectedId?: string | null | undefined;
+    /** A lane was selected (its id) or the selection was cleared (null). */
+    onSelectedChange?: ((id: string | null) => void) | undefined;
+    /**
+     * Whether lanes can be selected; true by default. False: no aria-selected, no selected look,
+     * and Enter, Space, Escape and a click select nothing; a `selectedId` given anyway is ignored.
+     */
+    selectable?: boolean | undefined;
+    /** Row height in px (every lane is this tall; virtualisation needs a fixed height). 64 by default. */
+    rowHeight?: number | undefined;
+    /** Width of the fixed header column: px or any CSS length; 240px by default from the stylesheet. */
+    headerWidth?: number | string | undefined;
+    /** Narrowest width of the content column; when the grid is narrower, it scrolls sideways. 0 by default. */
+    contentMinWidth?: number | string | undefined;
+    /**
+     * The grid's height (the scroller): a number of pixels or any CSS length; 480
+     * by default, from the stylesheet, so a height in `style` works too.
+     */
+    height?: number | string | undefined;
+    /** Lanes rendered above and below the visible ones. 4 by default. */
+    overscan?: number | undefined;
+    /** Shown instead of the grid when `lanes` is empty. */
+    emptyLabel?: React.ReactNode;
+    /** Test id of the root `<div>`; `swimlanes` unless given. */
+    "data-testid"?: string | undefined;
+}
+/** Row height in px when `rowHeight` is not given. */
+export declare const SWIMLANES_DEFAULT_ROW_HEIGHT = 64;
+/** Height in px the stylesheet gives the grid when neither `height` nor a style in the caller sets one. */
+export declare const SWIMLANES_DEFAULT_HEIGHT = 480;
+/** Lanes rendered above and below the visible ones when `overscan` is not given. */
+export declare const SWIMLANES_DEFAULT_OVERSCAN = 4;
+export declare const Swimlanes: React.ForwardRefExoticComponent<SwimlanesProps & React.RefAttributes<HTMLDivElement>>;
+export default Swimlanes;

package/dist/components/dataDisplay/swimlanes/swimlanes.js

@@ -0,0 +1,357 @@
+import { jsx as F, jsxs as Me } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/swimlanes/swimlanes.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                             */
+import s from "react";
+import ie from "clsx";
+import { useControllableState as He } from "../../../hooks/useControllableState.js";
+import { useEventCallback as Q } from "../../../hooks/useEventCallback.js";
+import { useForkRef as Te } from "../../../hooks/useForkRef.js";
+import { useSafeLayoutEffect as D } from "../../../hooks/useSafeLayoutEffect.js";
+import { useVirtualList as Ce } from "../../../hooks/useVirtualList.js";
+import { isOwnClick as Le } from "../../../utils/ownClick.js";
+const ke = 64, Ke = 480, De = 4, Fe = 'a[href], button, input, select, textarea, iframe, summary, audio[controls], video[controls], [tabindex], [contenteditable]:not([contenteditable="false"])', X = (w) => typeof w == "number" ? `${w}px` : w, Ne = (w, c) => w.length === c.length && w.every((a, h) => a === c[h]);
+function ze(w, c, a, h) {
+  const x = h.count - 1;
+  if (x < 0) return null;
+  const u = (d) => Math.min(x, Math.max(0, d)), p = (d) => d === a.index ? null : { index: d, col: a.col }, b = (d) => d === a.col ? null : { index: a.index, col: d };
+  if (c.ctrlKey || c.metaKey || c.altKey)
+    return !c.ctrlKey || c.metaKey || c.altKey ? null : w === "Home" ? p(0) : w === "End" ? p(x) : null;
+  switch (w) {
+    case "ArrowDown":
+      return p(u(a.index + 1));
+    case "ArrowUp":
+      return p(u(a.index - 1));
+    case "ArrowRight":
+      return b(1);
+    case "ArrowLeft":
+      return b(0);
+    case "Home":
+      return b(0);
+    case "End":
+      return b(1);
+    case "PageDown":
+      return p(u(a.index + h.pageSize));
+    case "PageUp":
+      return p(u(a.index - h.pageSize));
+    default:
+      return null;
+  }
+}
+const Oe = s.memo(function({
+  lane: c,
+  index: a,
+  selected: h,
+  selectable: x,
+  tabCol: u,
+  rowHeight: p,
+  handlers: b
+}) {
+  const d = (C, M, g, L) => /* @__PURE__ */ F(
+    "div",
+    {
+      className: M,
+      role: C,
+      tabIndex: u === g ? 0 : -1,
+      onClick: (R) => b.onCellClick(R, c.id, g),
+      onFocus: (R) => b.onCellFocus(R, c.id, g),
+      children: L
+    }
+  );
+  return /* @__PURE__ */ Me(
+    "div",
+    {
+      className: ie("smwb-swimlanes__row", {
+        "smwb-swimlanes__row_selected": h,
+        "smwb-swimlanes__row_disabled": !!c.disabled
+      }),
+      role: "row",
+      "aria-rowindex": a + 1,
+      "aria-selected": x ? h : void 0,
+      "aria-disabled": c.disabled ? !0 : void 0,
+      "data-lane-id": c.id,
+      style: { top: a * p },
+      ref: (C) => {
+        b.registerRow(c.id, C);
+      },
+      children: [
+        d("rowheader", "smwb-swimlanes__header", 0, c.header),
+        d("gridcell", "smwb-swimlanes__content", 1, c.content)
+      ]
+    }
+  );
+}), Xe = s.forwardRef(function(c, a) {
+  const {
+    className: h,
+    style: x,
+    lanes: u,
+    label: p,
+    selectedId: b,
+    defaultSelectedId: d,
+    onSelectedChange: C,
+    selectable: M = !0,
+    rowHeight: g = ke,
+    headerWidth: L,
+    contentMinWidth: R,
+    height: k,
+    overscan: ue = De,
+    emptyLabel: ae,
+    onScroll: B,
+    onKeyDown: V,
+    "data-testid": de = "swimlanes",
+    ...fe
+  } = c, H = s.useRef(null), j = s.useRef(null), N = s.useRef(/* @__PURE__ */ new Map()), me = Te(a, H), G = u.length === 0, y = s.useMemo(() => {
+    const e = /* @__PURE__ */ new Map();
+    return u.forEach((t, n) => {
+      e.has(t.id) || e.set(t.id, n);
+    }), e;
+  }, [u]), $ = s.useMemo(() => [...y.keys()], [y]), q = s.useRef($);
+  Ne(q.current, $) || (q.current = $);
+  const E = q.current, [we, Y] = He({
+    value: b,
+    defaultValue: d != null ? d : null,
+    onChange: C
+  }), _ = M ? we : null, [T, z] = s.useState(null), S = s.useMemo(() => {
+    if (T !== null && y.has(T.laneId)) return T;
+    if (_ !== null && y.has(_)) return { laneId: _, col: 0 };
+    const e = E[0];
+    return e === void 0 ? null : { laneId: e, col: 0 };
+  }, [T, _, y, E]), Z = s.useRef(S);
+  Z.current = S;
+  const pe = typeof k == "number" ? k : Ke, [ee, he] = s.useState(0), J = ee > 0 ? ee : pe, I = Ce({
+    itemCount: u.length,
+    itemHeight: g,
+    viewportHeight: J,
+    overscan: ue
+  }), P = s.useMemo(() => {
+    const e = /* @__PURE__ */ new Set();
+    for (let t = I.startIndex; t < I.endIndex; t++) e.add(t);
+    if (S !== null) {
+      const t = y.get(S.laneId);
+      t !== void 0 && e.add(t);
+    }
+    return [...e].sort((t, n) => t - n);
+  }, [I.startIndex, I.endIndex, S, y]), be = s.useMemo(() => P.map((e) => {
+    var t, n;
+    return (n = (t = u[e]) == null ? void 0 : t.id) != null ? n : "";
+  }).join("|"), [P, u]), f = s.useRef({
+    selectable: M,
+    selected: _,
+    setSelected: Y,
+    active: T,
+    viewportHeight: J,
+    rowHeight: g,
+    lanes: u,
+    indexById: y,
+    onScroll: I.onScroll
+  });
+  f.current = {
+    selectable: M,
+    selected: _,
+    setSelected: Y,
+    active: T,
+    viewportHeight: J,
+    rowHeight: g,
+    lanes: u,
+    indexById: y,
+    onScroll: I.onScroll
+  };
+  const ge = (e, t) => {
+    var o;
+    const n = (o = N.current.get(e)) == null ? void 0 : o.children[t];
+    return n instanceof HTMLElement ? n : null;
+  }, ye = (e) => {
+    const t = H.current, n = j.current;
+    if (t === null || n === null || !(e instanceof Element)) return null;
+    const o = e.getAttribute("role");
+    if (o !== "rowheader" && o !== "gridcell") return null;
+    const i = o === "rowheader" ? 0 : 1, r = e.parentElement;
+    if (r === null || r.parentElement !== n || n.parentElement !== t) return null;
+    const l = r.dataset.laneId;
+    return l === void 0 ? null : { laneId: l, col: i };
+  }, O = s.useRef(null), Se = (e) => {
+    const t = H.current;
+    if (t === null) return;
+    const { rowHeight: n, viewportHeight: o } = f.current, i = t.clientHeight || o, r = e * n, l = r < t.scrollTop ? r : r + n > t.scrollTop + i ? r + n - i : t.scrollTop;
+    l !== t.scrollTop && (t.scrollTop = l, f.current.onScroll({ currentTarget: { scrollTop: l } }));
+  }, ve = (e, t) => {
+    const n = f.current.lanes[e];
+    n !== void 0 && (Se(e), z({ laneId: n.id, col: t }), O.current = { laneId: n.id, col: t });
+  }, xe = () => {
+    var o;
+    const { rowHeight: e, viewportHeight: t } = f.current, n = ((o = H.current) == null ? void 0 : o.clientHeight) || t;
+    return Math.max(1, Math.floor(n / e) - 1);
+  }, te = (e) => {
+    const { selectable: t, selected: n, setSelected: o } = f.current;
+    if (!t) return;
+    const i = f.current.indexById.get(e), r = i === void 0 ? void 0 : f.current.lanes[i];
+    r === void 0 || r.disabled || n !== e && o(e);
+  }, ne = Q(
+    (e, t, n) => {
+      Le(e, e.currentTarget) && (z({ laneId: t, col: n }), te(t));
+    }
+  ), re = Q(
+    (e, t, n) => {
+      e.currentTarget.contains(e.target) && z({ laneId: t, col: n });
+    }
+  ), oe = Q((e, t) => {
+    t !== null ? N.current.set(e, t) : N.current.delete(e);
+  }), Ie = s.useMemo(
+    () => ({ onCellClick: ne, onCellFocus: re, registerRow: oe }),
+    [ne, re, oe]
+  ), Re = (e) => {
+    V == null || V(e);
+    const t = ye(e.target);
+    if (t === null) return;
+    const { ctrlKey: n, metaKey: o, altKey: i } = e;
+    if (!n && !o && !i) {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault(), te(t.laneId);
+        return;
+      }
+      if (e.key === "Escape") {
+        if (f.current.selected === null) return;
+        e.preventDefault(), f.current.setSelected(null);
+        return;
+      }
+    }
+    const r = f.current.indexById.get(t.laneId);
+    if (r === void 0) return;
+    const l = ze(
+      e.key,
+      { ctrlKey: n, metaKey: o, altKey: i },
+      { index: r, col: t.col },
+      { count: f.current.lanes.length, pageSize: xe() }
+    );
+    l !== null && (e.preventDefault(), ve(l.index, l.col));
+  }, Ee = (e) => {
+    B == null || B(e), I.onScroll(e);
+  };
+  D(() => {
+    const e = H.current;
+    if (e === null || typeof ResizeObserver != "function") return;
+    const t = new ResizeObserver(() => {
+      he(e.clientHeight);
+    });
+    return t.observe(e), () => t.disconnect();
+  }, []), D(() => {
+    var t;
+    const e = O.current;
+    e !== null && (O.current = null, (t = ge(e.laneId, e.col)) == null || t.focus({ preventScroll: !0 }));
+  });
+  const se = s.useRef(null);
+  D(() => {
+    var v;
+    const e = se.current;
+    if (se.current = E, e === null || e === E) return;
+    const t = new Set(E), { selected: n, setSelected: o, active: i } = f.current, r = n !== null && !t.has(n) && e.includes(n);
+    if (r && o(null), i === null || t.has(i.laneId)) return;
+    z(null);
+    const l = (v = H.current) == null ? void 0 : v.ownerDocument;
+    if (l === void 0 || l.activeElement !== null && l.activeElement !== l.body) return;
+    const A = !r && n !== null && t.has(n) ? n : E[0];
+    A !== void 0 && (O.current = { laneId: A, col: 0 });
+  }, [E]);
+  const le = s.useRef(/* @__PURE__ */ new WeakMap()), ce = s.useRef(/* @__PURE__ */ new WeakMap()), W = s.useCallback(() => {
+    var o, i, r, l;
+    const e = (i = (o = Z.current) == null ? void 0 : o.laneId) != null ? i : null, t = le.current, n = ce.current;
+    for (const [A, v] of N.current)
+      for (const U of Array.from(v.children))
+        for (const m of U.querySelectorAll(Fe)) {
+          t.has(m) || t.set(m, m.getAttribute("tabindex")), m.getAttribute("tabindex") !== ((r = n.get(m)) != null ? r : null) && t.set(m, m.getAttribute("tabindex"));
+          const K = A === e ? (l = t.get(m)) != null ? l : null : "-1";
+          if (m.getAttribute("tabindex") === K) {
+            n.set(m, K);
+            continue;
+          }
+          K === null ? m.removeAttribute("tabindex") : m.setAttribute("tabindex", K), n.set(m, K);
+        }
+  }, []);
+  D(() => {
+    W();
+  }, [S, be, W]), D(() => {
+    const e = j.current;
+    if (e === null || typeof MutationObserver != "function") return;
+    const t = new MutationObserver((n) => {
+      var l;
+      const o = le.current, i = ce.current;
+      let r = !1;
+      for (const A of n) {
+        if (A.type !== "attributes") {
+          r = !0;
+          continue;
+        }
+        const v = A.target;
+        if (!i.has(v)) continue;
+        const U = v.getAttribute("tabindex");
+        U !== ((l = i.get(v)) != null ? l : null) && (o.set(v, U), r = !0);
+      }
+      r && W();
+    });
+    return t.observe(e, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0,
+      attributeFilter: ["tabindex"]
+    }), () => t.disconnect();
+  }, [W]);
+  const _e = G ? {} : {
+    role: "grid",
+    "aria-rowcount": u.length,
+    "aria-colcount": 2,
+    ...p === void 0 ? {} : { "aria-label": p }
+  }, Ae = s.useMemo(() => {
+    const e = {};
+    k !== void 0 && (e.height = X(k));
+    const t = e;
+    return t["--smwb-swimlanes-row-height"] = `${g}px`, L !== void 0 && (t["--smwb-swimlanes-header-width"] = X(L)), R !== void 0 && (t["--smwb-swimlanes-content-min-width"] = X(R)), { ...e, ...x };
+  }, [k, g, L, R, x]);
+  return /* @__PURE__ */ F(
+    "div",
+    {
+      ...fe,
+      ref: me,
+      "data-testid": de,
+      className: ie("smwb-swimlanes", { "smwb-swimlanes_empty": G }, h),
+      style: Ae,
+      ..._e,
+      onScroll: Ee,
+      onKeyDown: Re,
+      children: G ? (
+        // No grid role and no row count: an empty grid has no rows, which fails
+        // the role's required children.
+        /* @__PURE__ */ F("div", { className: "smwb-swimlanes__empty", children: ae })
+      ) : /* @__PURE__ */ F(
+        "div",
+        {
+          className: "smwb-swimlanes__sizer",
+          role: "presentation",
+          ref: j,
+          style: { height: I.totalHeight },
+          children: P.map((e) => {
+            const t = u[e];
+            return t === void 0 ? null : /* @__PURE__ */ F(
+              Oe,
+              {
+                lane: t,
+                index: e,
+                selected: _ === t.id,
+                selectable: M,
+                tabCol: S !== null && S.laneId === t.id ? S.col : -1,
+                rowHeight: g,
+                handlers: Ie
+              },
+              t.id
+            );
+          })
+        }
+      )
+    }
+  );
+});
+export {
+  Ke as SWIMLANES_DEFAULT_HEIGHT,
+  De as SWIMLANES_DEFAULT_OVERSCAN,
+  ke as SWIMLANES_DEFAULT_ROW_HEIGHT,
+  Xe as Swimlanes
+};
+//# sourceMappingURL=swimlanes.js.map

package/dist/components/dataDisplay/swimlanes/swimlanes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swimlanes.js","sources":["../../../../src/components/dataDisplay/swimlanes/swimlanes.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport { useEventCallback } from \"../../../hooks/useEventCallback\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\nimport { useVirtualList } from \"../../../hooks/useVirtualList\";\nimport { isOwnClick } from \"../../../utils/ownClick\";\n\nexport interface SwimlanesLane {\n  /** Stable, unique id: keys the row, the selection and the Tab stop. */\n  id: string;\n  /** The lane's header (avatar, name, role); drawn in the fixed left column, role=\"rowheader\". */\n  header: React.ReactNode;\n  /** The lane's content (current item, progress, last signal, budget); role=\"gridcell\". */\n  content: React.ReactNode;\n  /** A disabled lane can be focused but not selected (aria-disabled). */\n  disabled?: boolean | undefined;\n}\n\nexport interface SwimlanesProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\" | \"role\" | \"children\"> {\n  /** The lanes, one row each, in the order they are drawn. */\n  lanes: readonly SwimlanesLane[];\n  /** Accessible name of the grid (aria-label); `aria-labelledby` wins when given. */\n  label?: string | undefined;\n  /** The selected lane's id (controlled); null selects nothing. */\n  selectedId?: string | null | undefined;\n  /** The lane selected at first (uncontrolled). */\n  defaultSelectedId?: string | null | undefined;\n  /** A lane was selected (its id) or the selection was cleared (null). */\n  onSelectedChange?: ((id: string | null) => void) | undefined;\n  /**\n   * Whether lanes can be selected; true by default. False: no aria-selected, no selected look,\n   * and Enter, Space, Escape and a click select nothing; a `selectedId` given anyway is ignored.\n   */\n  selectable?: boolean | undefined;\n  /** Row height in px (every lane is this tall; virtualisation needs a fixed height). 64 by default. */\n  rowHeight?: number | undefined;\n  /** Width of the fixed header column: px or any CSS length; 240px by default from the stylesheet. */\n  headerWidth?: number | string | undefined;\n  /** Narrowest width of the content column; when the grid is narrower, it scrolls sideways. 0 by default. */\n  contentMinWidth?: number | string | undefined;\n  /**\n   * The grid's height (the scroller): a number of pixels or any CSS length; 480\n   * by default, from the stylesheet, so a height in `style` works too.\n   */\n  height?: number | string | undefined;\n  /** Lanes rendered above and below the visible ones. 4 by default. */\n  overscan?: number | undefined;\n  /** Shown instead of the grid when `lanes` is empty. */\n  emptyLabel?: React.ReactNode;\n  /** Test id of the root `<div>`; `swimlanes` unless given. */\n  \"data-testid\"?: string | undefined;\n}\n\n/** Row height in px when `rowHeight` is not given. */\nexport const SWIMLANES_DEFAULT_ROW_HEIGHT = 64;\n/** Height in px the stylesheet gives the grid when neither `height` nor a style in the caller sets one. */\nexport const SWIMLANES_DEFAULT_HEIGHT = 480;\n/** Lanes rendered above and below the visible ones when `overscan` is not given. */\nexport const SWIMLANES_DEFAULT_OVERSCAN = 4;\n\n/** A cell of the grid: its lane and which of the lane's two columns it is. */\ninterface SwimlanesCell {\n  laneId: string;\n  /** 0 is the rowheader, 1 the gridcell. */\n  col: 0 | 1;\n}\n\n/** Where the focus is, or is about to go: a lane's index and column. */\ninterface SwimlanesPosition {\n  index: number;\n  /** 0 is the rowheader, 1 the gridcell. */\n  col: 0 | 1;\n}\n\n/** What can take focus inside a cell's own content. */\nconst INNER_FOCUSABLE =\n  'a[href], button, input, select, textarea, iframe, summary, audio[controls], video[controls], [tabindex], [contenteditable]:not([contenteditable=\"false\"])';\n\nconst cssLength = (value: number | string): string => (typeof value === \"number\" ? `${value}px` : value);\n\nconst sameList = (a: readonly string[], b: readonly string[]): boolean =>\n  a.length === b.length && a.every((value, i) => value === b[i]);\n\n/**\n * Where a key moves the focus, or null when the grid leaves the key alone.\n *\n * The arrows walk the lanes and the columns without wrapping, so at an edge\n * there is nothing to do and the key is not prevented; Home and End stay in the\n * row and Ctrl+Home and Ctrl+End go to the first and last lane (the APG grid\n * model); the page keys move by the rows that fit, less one so a row of context\n * stays on screen. Any other key, and any combination with Ctrl, Cmd or Alt\n * apart from those two, belongs to the browser or to the lane's own content.\n */\nfunction swimlanesKeyTarget(\n  key: string,\n  mods: { ctrlKey: boolean; metaKey: boolean; altKey: boolean },\n  from: SwimlanesPosition,\n  context: { count: number; pageSize: number }\n): SwimlanesPosition | null {\n  const last = context.count - 1;\n  if (last < 0) return null;\n  const clamp = (index: number): number => Math.min(last, Math.max(0, index));\n  // Nothing to do when the move lands where the focus already is.\n  const lane = (index: number): SwimlanesPosition | null => (index === from.index ? null : { index, col: from.col });\n  const column = (col: 0 | 1): SwimlanesPosition | null => (col === from.col ? null : { index: from.index, col });\n\n  if (mods.ctrlKey || mods.metaKey || mods.altKey) {\n    // Ctrl+Home and Ctrl+End are the grid's; the rest are the browser's.\n    if (!mods.ctrlKey || mods.metaKey || mods.altKey) return null;\n    if (key === \"Home\") return lane(0);\n    if (key === \"End\") return lane(last);\n    return null;\n  }\n\n  switch (key) {\n    case \"ArrowDown\":\n      return lane(clamp(from.index + 1));\n    case \"ArrowUp\":\n      return lane(clamp(from.index - 1));\n    case \"ArrowRight\":\n      return column(1);\n    case \"ArrowLeft\":\n      return column(0);\n    case \"Home\":\n      return column(0);\n    case \"End\":\n      return column(1);\n    case \"PageDown\":\n      return lane(clamp(from.index + context.pageSize));\n    case \"PageUp\":\n      return lane(clamp(from.index - context.pageSize));\n    default:\n      return null;\n  }\n}\n\ninterface SwimlanesRowHandlers {\n  onCellClick: (event: React.MouseEvent<HTMLDivElement>, laneId: string, col: 0 | 1) => void;\n  onCellFocus: (event: React.FocusEvent<HTMLDivElement>, laneId: string, col: 0 | 1) => void;\n  registerRow: (laneId: string, element: HTMLElement | null) => void;\n}\n\ninterface SwimlanesRowProps {\n  lane: SwimlanesLane;\n  /** The lane's index in `lanes`: its `aria-rowindex` is one more, and it places the row. */\n  index: number;\n  selected: boolean;\n  /** Whether the rows carry `aria-selected` at all. */\n  selectable: boolean;\n  /** The column of this row that is the grid's one Tab stop, or -1 for neither. */\n  tabCol: number;\n  rowHeight: number;\n  handlers: SwimlanesRowHandlers;\n}\n\n/**\n * One lane: the header cell that stays put and the content cell beside it.\n * Memoised, so a scroll that leaves the window alone costs the grid one shallow\n * render of its own and no row work at all.\n */\nconst SwimlanesRow = React.memo(function SwimlanesRow({\n  lane,\n  index,\n  selected,\n  selectable,\n  tabCol,\n  rowHeight,\n  handlers,\n}: SwimlanesRowProps): React.ReactElement {\n  const cell = (\n    role: \"rowheader\" | \"gridcell\",\n    className: string,\n    col: 0 | 1,\n    content: React.ReactNode\n  ): React.ReactElement => (\n    <div\n      className={className}\n      role={role}\n      tabIndex={tabCol === col ? 0 : -1}\n      onClick={(event) => handlers.onCellClick(event, lane.id, col)}\n      onFocus={(event) => handlers.onCellFocus(event, lane.id, col)}\n    >\n      {content}\n    </div>\n  );\n\n  return (\n    <div\n      className={cn(\"smwb-swimlanes__row\", {\n        \"smwb-swimlanes__row_selected\": selected,\n        \"smwb-swimlanes__row_disabled\": Boolean(lane.disabled),\n      })}\n      role=\"row\"\n      aria-rowindex={index + 1}\n      aria-selected={selectable ? selected : undefined}\n      aria-disabled={lane.disabled ? true : undefined}\n      data-lane-id={lane.id}\n      style={{ top: index * rowHeight }}\n      ref={(element) => {\n        handlers.registerRow(lane.id, element);\n      }}\n    >\n      {cell(\"rowheader\", \"smwb-swimlanes__header\", 0, lane.header)}\n      {cell(\"gridcell\", \"smwb-swimlanes__content\", 1, lane.content)}\n    </div>\n  );\n});\n\nexport const Swimlanes = React.forwardRef<HTMLDivElement, SwimlanesProps>(function Swimlanes(props, ref) {\n  const {\n    className,\n    style,\n    lanes,\n    label,\n    selectedId,\n    defaultSelectedId,\n    onSelectedChange,\n    selectable = true,\n    rowHeight = SWIMLANES_DEFAULT_ROW_HEIGHT,\n    headerWidth,\n    contentMinWidth,\n    height,\n    overscan = SWIMLANES_DEFAULT_OVERSCAN,\n    emptyLabel,\n    onScroll: onScrollProp,\n    onKeyDown: onKeyDownProp,\n    \"data-testid\": dataTestId = \"swimlanes\",\n    ...rest\n  } = props;\n\n  const rootRef = React.useRef<HTMLDivElement | null>(null);\n  const sizerRef = React.useRef<HTMLDivElement | null>(null);\n  const rowsRef = React.useRef(new Map<string, HTMLElement>());\n  const forkedRef = useForkRef(ref, rootRef);\n  const empty = lanes.length === 0;\n\n  // ---- Lanes ----\n\n  const indexById = React.useMemo(() => {\n    const map = new Map<string, number>();\n    lanes.forEach((lane, index) => {\n      if (!map.has(lane.id)) map.set(lane.id, index);\n    });\n    return map;\n  }, [lanes]);\n\n  // A stable identity for the id list, so the removal effect below runs when the\n  // lanes themselves change and not on every render of the caller.\n  const nextIds = React.useMemo(() => [...indexById.keys()], [indexById]);\n  const idsRef = React.useRef(nextIds);\n  if (!sameList(idsRef.current, nextIds)) idsRef.current = nextIds;\n  const ids = idsRef.current;\n\n  // ---- Selection ----\n\n  const [chosen, setSelected] = useControllableState<string | null>({\n    value: selectedId,\n    defaultValue: defaultSelectedId ?? null,\n    onChange: onSelectedChange,\n  });\n  // `selectable={false}` turns the selection off: a `selectedId` given anyway\n  // paints nothing, is not the Tab stop, and Escape has nothing to clear.\n  const selected = selectable ? chosen : null;\n\n  // ---- Focus: one Tab stop, on the last focused cell, else the selected lane, else the first ----\n\n  const [active, setActive] = React.useState<SwimlanesCell | null>(null);\n  const tabStop = React.useMemo<SwimlanesCell | null>(() => {\n    if (active !== null && indexById.has(active.laneId)) return active;\n    if (selected !== null && indexById.has(selected)) return { laneId: selected, col: 0 };\n    const first = ids[0];\n    return first === undefined ? null : { laneId: first, col: 0 };\n  }, [active, selected, indexById, ids]);\n  const tabStopRef = React.useRef(tabStop);\n  tabStopRef.current = tabStop;\n\n  // ---- The window ----\n\n  // The server and the first client render agree: the viewport is estimated\n  // from `height` until a ResizeObserver measures it after mount, and a\n  // measurement of 0 (jsdom, a hidden parent) keeps the estimate.\n  const estimate = typeof height === \"number\" ? height : SWIMLANES_DEFAULT_HEIGHT;\n  const [measured, setMeasured] = React.useState(0);\n  const viewportHeight = measured > 0 ? measured : estimate;\n\n  const virtual = useVirtualList({\n    itemCount: lanes.length,\n    itemHeight: rowHeight,\n    viewportHeight,\n    overscan,\n  });\n\n  // The window, plus the Tab-stop lane when it lies outside: the cell that holds\n  // or will receive focus always exists, so a lane focused and then scrolled\n  // away with the wheel stays mounted, and keeps focus, at its own place.\n  const rendered = React.useMemo(() => {\n    const indexes = new Set<number>();\n    for (let index = virtual.startIndex; index < virtual.endIndex; index++) indexes.add(index);\n    if (tabStop !== null) {\n      const stop = indexById.get(tabStop.laneId);\n      if (stop !== undefined) indexes.add(stop);\n    }\n    return [...indexes].sort((a, b) => a - b);\n  }, [virtual.startIndex, virtual.endIndex, tabStop, indexById]);\n\n  const renderedKey = React.useMemo(() => rendered.map((index) => lanes[index]?.id ?? \"\").join(\"|\"), [rendered, lanes]);\n\n  // ---- Current values for the stable callbacks and effects ----\n\n  const latest = React.useRef({\n    selectable,\n    selected,\n    setSelected,\n    active,\n    viewportHeight,\n    rowHeight,\n    lanes,\n    indexById,\n    onScroll: virtual.onScroll,\n  });\n  latest.current = {\n    selectable,\n    selected,\n    setSelected,\n    active,\n    viewportHeight,\n    rowHeight,\n    lanes,\n    indexById,\n    onScroll: virtual.onScroll,\n  };\n\n  /** The cell that holds or will receive focus. */\n  const cellElement = (laneId: string, col: 0 | 1): HTMLElement | null => {\n    const cell = rowsRef.current.get(laneId)?.children[col];\n    return cell instanceof HTMLElement ? cell : null;\n  };\n\n  /** The cell of this grid a key or a focus event landed in, or null. */\n  const cellOfEvent = (target: EventTarget | null): SwimlanesCell | null => {\n    const root = rootRef.current;\n    const sizer = sizerRef.current;\n    if (root === null || sizer === null || !(target instanceof Element)) return null;\n    const role = target.getAttribute(\"role\");\n    if (role !== \"rowheader\" && role !== \"gridcell\") return null;\n    const col = role === \"rowheader\" ? 0 : 1;\n    // The cell is the row's child, the row the sizer's and the sizer the root's,\n    // so a grid nested in a lane's own content is not this grid's cell. Keys\n    // inside a lane's content belong to that content.\n    const row = target.parentElement;\n    if (row === null || row.parentElement !== sizer || sizer.parentElement !== root) return null;\n    const laneId = row.dataset[\"laneId\"];\n    return laneId === undefined ? null : { laneId, col };\n  };\n\n  // ---- Moving ----\n\n  const pendingFocusRef = React.useRef<SwimlanesCell | null>(null);\n\n  /**\n   * Brings a lane into view and moves the window with it, as SelectField's\n   * virtual options do: the scroller is set and the virtual list is told in the\n   * same pass, so the lane exists by the time it is focused.\n   */\n  const scrollLaneIntoView = (index: number): void => {\n    const root = rootRef.current;\n    if (root === null) return;\n    const { rowHeight: itemHeight, viewportHeight: fallback } = latest.current;\n    // The measured height where the DOM has one; jsdom lays nothing out.\n    const viewport = root.clientHeight || fallback;\n    const top = index * itemHeight;\n    const scrollTop =\n      top < root.scrollTop\n        ? top\n        : top + itemHeight > root.scrollTop + viewport\n          ? top + itemHeight - viewport\n          : root.scrollTop;\n    if (scrollTop === root.scrollTop) return;\n    root.scrollTop = scrollTop;\n    latest.current.onScroll({ currentTarget: { scrollTop } });\n  };\n\n  const moveTo = (index: number, col: 0 | 1): void => {\n    const lane = latest.current.lanes[index];\n    if (lane === undefined) return;\n    scrollLaneIntoView(index);\n    setActive({ laneId: lane.id, col });\n    // After the commit that renders the lane, so the cell is there to focus.\n    pendingFocusRef.current = { laneId: lane.id, col };\n  };\n\n  /** How many lanes a page key moves: the rows that fit, less one for context. */\n  const pageSize = (): number => {\n    const { rowHeight: itemHeight, viewportHeight: fallback } = latest.current;\n    const viewport = rootRef.current?.clientHeight || fallback;\n    return Math.max(1, Math.floor(viewport / itemHeight) - 1);\n  };\n\n  const selectLane = (laneId: string): void => {\n    const { selectable: canSelect, selected: chosen, setSelected: set } = latest.current;\n    if (!canSelect) return;\n    const index = latest.current.indexById.get(laneId);\n    const lane = index === undefined ? undefined : latest.current.lanes[index];\n    if (lane === undefined || lane.disabled) return;\n    // An already selected lane stays selected: no toggle, and nothing is called.\n    if (chosen === laneId) return;\n    set(laneId);\n  };\n\n  const handleCellClick = useEventCallback(\n    (event: React.MouseEvent<HTMLDivElement>, laneId: string, col: 0 | 1): void => {\n      // A click on a control inside the lane (a button, a link) is that control's.\n      if (!isOwnClick(event, event.currentTarget)) return;\n      setActive({ laneId, col });\n      selectLane(laneId);\n    }\n  );\n\n  const handleCellFocus = useEventCallback(\n    (event: React.FocusEvent<HTMLDivElement>, laneId: string, col: 0 | 1): void => {\n      // Focus on the cell, or on a control inside it (a button the pointer\n      // focused), moves the Tab stop here: the lane is then kept in the DOM, and\n      // its controls get their Tab order back, wherever the window scrolls to.\n      // Portalled content bubbles through the React tree, but it is not inside.\n      if (!event.currentTarget.contains(event.target)) return;\n      setActive({ laneId, col });\n    }\n  );\n\n  const registerRow = useEventCallback((laneId: string, element: HTMLElement | null): void => {\n    if (element !== null) rowsRef.current.set(laneId, element);\n    else rowsRef.current.delete(laneId);\n  });\n\n  const rowHandlers = React.useMemo<SwimlanesRowHandlers>(\n    () => ({ onCellClick: handleCellClick, onCellFocus: handleCellFocus, registerRow }),\n    [handleCellClick, handleCellFocus, registerRow]\n  );\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n    onKeyDownProp?.(event);\n    const cell = cellOfEvent(event.target);\n    if (cell === null) return;\n    const { ctrlKey, metaKey, altKey } = event;\n\n    if (!ctrlKey && !metaKey && !altKey) {\n      if (event.key === \"Enter\" || event.key === \" \") {\n        event.preventDefault();\n        selectLane(cell.laneId);\n        return;\n      }\n      if (event.key === \"Escape\") {\n        // Handled only with a selection, so an enclosing dialog still gets it.\n        if (latest.current.selected === null) return;\n        event.preventDefault();\n        latest.current.setSelected(null);\n        return;\n      }\n    }\n\n    const index = latest.current.indexById.get(cell.laneId);\n    if (index === undefined) return;\n    const target = swimlanesKeyTarget(\n      event.key,\n      { ctrlKey, metaKey, altKey },\n      { index, col: cell.col },\n      { count: latest.current.lanes.length, pageSize: pageSize() }\n    );\n    if (target === null) return;\n    event.preventDefault();\n    moveTo(target.index, target.col);\n  };\n\n  const handleScroll = (event: React.UIEvent<HTMLDivElement>): void => {\n    onScrollProp?.(event);\n    virtual.onScroll(event);\n  };\n\n  // ---- Effects ----\n\n  // The measured height replaces the estimate after mount: a normal\n  // post-hydration update, so the server's window and the client's first agree.\n  useSafeLayoutEffect(() => {\n    const root = rootRef.current;\n    if (root === null || typeof ResizeObserver !== \"function\") return;\n    const observer = new ResizeObserver(() => {\n      setMeasured(root.clientHeight);\n    });\n    observer.observe(root);\n    return () => observer.disconnect();\n  }, []);\n\n  // Focus the cell a move asked for once the DOM has it. No dependency list: it\n  // runs after every commit, and there is nothing to do without a pending move.\n  useSafeLayoutEffect(() => {\n    const pending = pendingFocusRef.current;\n    if (pending === null) return;\n    pendingFocusRef.current = null;\n    // Always after the scroll position is set, or the focus scrolls it again.\n    cellElement(pending.laneId, pending.col)?.focus({ preventScroll: true });\n  });\n\n  // A lane that goes away takes its selection with it, and focus moves to the\n  // new Tab stop rather than dropping to the page. Only a lane that was there\n  // counts: a selection given before its lane loads is kept.\n  const previousIdsRef = React.useRef<readonly string[] | null>(null);\n  useSafeLayoutEffect(() => {\n    const before = previousIdsRef.current;\n    previousIdsRef.current = ids;\n    if (before === null || before === ids) return;\n    const present = new Set(ids);\n    const { selected: chosen, setSelected: set, active: had } = latest.current;\n    const cleared = chosen !== null && !present.has(chosen) && before.includes(chosen);\n    if (cleared) set(null);\n    if (had === null || present.has(had.laneId)) return;\n    setActive(null);\n    const doc = rootRef.current?.ownerDocument;\n    if (doc === undefined || (doc.activeElement !== null && doc.activeElement !== doc.body)) return;\n    // The selection is gone with its lane when it was cleared, so fall back to\n    // the first lane; otherwise the selected lane is the new Tab stop.\n    const stop = !cleared && chosen !== null && present.has(chosen) ? chosen : ids[0];\n    if (stop !== undefined) pendingFocusRef.current = { laneId: stop, col: 0 };\n    // The id list's identity changes only when the ids themselves do.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [ids]);\n\n  // ---- One Tab stop for the lanes' own controls ----\n\n  // Focusables inside the cells of every lane but the Tab stop leave the Tab\n  // order; their own tabindex comes back when their lane becomes it. Tab from\n  // the active cell then walks that lane's controls and leaves the grid.\n  const ownTabIndexRef = React.useRef(new WeakMap<Element, string | null>());\n  const appliedTabIndexRef = React.useRef(new WeakMap<Element, string | null>());\n  const syncInnerTabStops = React.useCallback((): void => {\n    const stop = tabStopRef.current?.laneId ?? null;\n    const own = ownTabIndexRef.current;\n    const applied = appliedTabIndexRef.current;\n    for (const [laneId, row] of rowsRef.current) {\n      for (const cell of Array.from(row.children)) {\n        for (const inner of cell.querySelectorAll(INNER_FOCUSABLE)) {\n          if (!own.has(inner)) own.set(inner, inner.getAttribute(\"tabindex\"));\n          // A tabindex that differs from what the component last applied is the\n          // caller's new own value: this sweep runs at commit, before the\n          // MutationObserver microtask sees the write, so adopt it here instead\n          // of writing the stale cached value back over it.\n          if (inner.getAttribute(\"tabindex\") !== (applied.get(inner) ?? null)) {\n            own.set(inner, inner.getAttribute(\"tabindex\"));\n          }\n          const next = laneId === stop ? (own.get(inner) ?? null) : \"-1\";\n          if (inner.getAttribute(\"tabindex\") === next) {\n            applied.set(inner, next);\n            continue;\n          }\n          if (next === null) inner.removeAttribute(\"tabindex\");\n          else inner.setAttribute(\"tabindex\", next);\n          applied.set(inner, next);\n        }\n      }\n    }\n  }, []);\n\n  // Keyed on the Tab stop and on the rendered lanes, so rows mounted later by\n  // scrolling are synced too. Content that changes between those is the\n  // observer's job below.\n  useSafeLayoutEffect(() => {\n    syncInnerTabStops();\n  }, [tabStop, renderedKey, syncInnerTabStops]);\n\n  // Content that changes later (a button that shows up with a status) is caught\n  // too, and a tabindex the app rewrites from its own render becomes the\n  // element's own value instead of being fought. The component's own writes are\n  // recognised by what it last applied. Set up once.\n  useSafeLayoutEffect(() => {\n    const sizer = sizerRef.current;\n    if (sizer === null || typeof MutationObserver !== \"function\") return;\n    const observer = new MutationObserver((mutations) => {\n      const own = ownTabIndexRef.current;\n      const applied = appliedTabIndexRef.current;\n      let sync = false;\n      for (const mutation of mutations) {\n        if (mutation.type !== \"attributes\") {\n          // Added or moved content may carry focusables the sweep has not seen.\n          sync = true;\n          continue;\n        }\n        const element = mutation.target as Element;\n        if (!applied.has(element)) continue;\n        const now = element.getAttribute(\"tabindex\");\n        if (now === (applied.get(element) ?? null)) continue;\n        own.set(element, now);\n        sync = true;\n      }\n      if (sync) syncInnerTabStops();\n    });\n    observer.observe(sizer, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: [\"tabindex\"],\n    });\n    return () => observer.disconnect();\n  }, [syncInnerTabStops]);\n\n  // ---- Render ----\n\n  // The component's own attributes, after the caller's, so they win; a key that\n  // is not written at all leaves the caller's value in place.\n  const gridAttributes = empty\n    ? {}\n    : {\n        role: \"grid\" as const,\n        \"aria-rowcount\": lanes.length,\n        \"aria-colcount\": 2,\n        ...(label === undefined ? {} : { \"aria-label\": label }),\n      };\n\n  const rootStyle = React.useMemo((): React.CSSProperties => {\n    // A key is only written when it has a value: no `undefined` reaches the DOM.\n    const own: React.CSSProperties = {};\n    if (height !== undefined) own.height = cssLength(height);\n    const custom = own as Record<string, string>;\n    custom[\"--smwb-swimlanes-row-height\"] = `${rowHeight}px`;\n    if (headerWidth !== undefined) custom[\"--smwb-swimlanes-header-width\"] = cssLength(headerWidth);\n    if (contentMinWidth !== undefined) custom[\"--smwb-swimlanes-content-min-width\"] = cssLength(contentMinWidth);\n    return { ...own, ...style };\n  }, [height, rowHeight, headerWidth, contentMinWidth, style]);\n\n  return (\n    <div\n      {...rest}\n      ref={forkedRef}\n      data-testid={dataTestId}\n      className={cn(\"smwb-swimlanes\", { \"smwb-swimlanes_empty\": empty }, className)}\n      style={rootStyle}\n      {...gridAttributes}\n      onScroll={handleScroll}\n      onKeyDown={handleKeyDown}\n    >\n      {empty ? (\n        // No grid role and no row count: an empty grid has no rows, which fails\n        // the role's required children.\n        <div className=\"smwb-swimlanes__empty\">{emptyLabel}</div>\n      ) : (\n        <div\n          className=\"smwb-swimlanes__sizer\"\n          role=\"presentation\"\n          ref={sizerRef}\n          style={{ height: virtual.totalHeight }}\n        >\n          {rendered.map((index) => {\n            const lane = lanes[index];\n            if (lane === undefined) return null;\n            return (\n              <SwimlanesRow\n                key={lane.id}\n                lane={lane}\n                index={index}\n                selected={selected === lane.id}\n                selectable={selectable}\n                tabCol={tabStop !== null && tabStop.laneId === lane.id ? tabStop.col : -1}\n                rowHeight={rowHeight}\n                handlers={rowHandlers}\n              />\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default Swimlanes;\n"],"names":["SWIMLANES_DEFAULT_ROW_HEIGHT","SWIMLANES_DEFAULT_HEIGHT","SWIMLANES_DEFAULT_OVERSCAN","INNER_FOCUSABLE","cssLength","value","sameList","a","b","i","swimlanesKeyTarget","key","mods","from","context","last","clamp","index","lane","column","col","SwimlanesRow","React","selected","selectable","tabCol","rowHeight","handlers","cell","role","className","content","jsx","event","jsxs","cn","element","Swimlanes","props","ref","style","lanes","label","selectedId","defaultSelectedId","onSelectedChange","headerWidth","contentMinWidth","height","overscan","emptyLabel","onScrollProp","onKeyDownProp","dataTestId","rest","rootRef","sizerRef","rowsRef","forkedRef","useForkRef","empty","indexById","map","nextIds","idsRef","ids","chosen","setSelected","useControllableState","active","setActive","tabStop","first","tabStopRef","estimate","measured","setMeasured","viewportHeight","virtual","useVirtualList","rendered","indexes","stop","renderedKey","_b","_a","latest","cellElement","laneId","cellOfEvent","target","root","sizer","row","pendingFocusRef","scrollLaneIntoView","itemHeight","fallback","viewport","top","scrollTop","moveTo","pageSize","selectLane","canSelect","set","handleCellClick","useEventCallback","isOwnClick","handleCellFocus","registerRow","rowHandlers","handleKeyDown","ctrlKey","metaKey","altKey","handleScroll","useSafeLayoutEffect","observer","pending","previousIdsRef","before","present","had","cleared","doc","ownTabIndexRef","appliedTabIndexRef","syncInnerTabStops","own","applied","inner","_c","next","_d","mutations","sync","mutation","now","gridAttributes","rootStyle","custom"],"mappings":"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"}

package/dist/components/dataDisplay/table/table.d.ts

@@ -13,7 +13,22 @@ export interface TableProps extends HTMLAttributes<HTMLDivElement> {
      * Show each row as a card — cells one under another, each with its column's
      * label — while the table's container is narrower than this breakpoint:
      * `sm` (420px), `md` (768px) or `lg` (1024px). A container query: the space
-     * the table has decides, not the window. Labels come from `TableCell label`.
+     * the table has decides, not the window.
+     *
+     * A cell's label is its `TableCell label`, or else the label of the head cell
+     * of its column: the head cell's `label`, or the text of its content. Columns
+     * count as in HTML: by position in the row, with `colSpan`, after the columns
+     * that `rowSpan` cells of the rows above take in the same head or body. A cell
+     * spanning several columns takes no label from the head and fills the card's
+     * width, and a head cell spanning several columns labels none of them. With
+     * several head rows, the lowest head cell over a column names it.
+     *
+     * The columns come from the elements written: rows written as `TableRow` in
+     * `TableHead` or `TableBody`, and cells in a row (arrays and fragments
+     * included). A component that renders a row counts as a row whose cells span
+     * no rows down, and a component that renders cells counts as one cell, with
+     * its own `colSpan` and `rowSpan`: give the cells after such a component, or
+     * the component's own cells, a `label`.
      */
     stackBelow?: "sm" | "md" | "lg";
     paginationSettings?: TablePaginationProps;

package/dist/components/dataDisplay/table/table.js

@@ -1,44 +1,48 @@
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import '../../../assets/styles/less/components/table/table.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
 /* empty css                                                     */
-import { forwardRef as p } from "react";
+import { forwardRef as u, useState as _ } from "react";
 import r from "clsx";
-import n from "./tablePagination/tablePagination.js";
-const j = p(
-  ({ className: b, dense: t, hovered: o, children: i, paginationSettings: e, isLoading: w, stickyHeader: c, caption: m, stackBelow: s, ..._ }, d) => /* @__PURE__ */ l(
-    "div",
-    {
-      ref: d,
-      className: r(
-        "smwb-table__wrapper",
-        b,
-        {
-          "smwb-table__wrapper_loading": w
-        },
-        s && `smwb-table__wrapper_stack-${s}`
-      ),
-      ..._,
-      children: [
-        /* @__PURE__ */ a("div", { className: r("smwb-table__container", { "smwb-withPagination": !!e }), children: /* @__PURE__ */ l(
-          "table",
+import { ColumnLabels as v, TableLabelsContext as h, TableHeadContext as f, TableRowPlaceContext as x, TableColumnContext as P } from "./tableColumns.js";
+import C from "./tablePagination/tablePagination.js";
+const $ = u(
+  ({ className: m, dense: s, hovered: b, children: n, paginationSettings: l, isLoading: i, stickyHeader: d, caption: o, stackBelow: a, ...c }, w) => {
+    const [p] = _(() => new v());
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        ref: w,
+        className: r(
+          "smwb-table__wrapper",
+          m,
           {
-            className: r("smwb-table", {
-              "smwb-dense": t,
-              "smwb-hovered": o,
-              "smwb-table_sticky-header": c
-            }),
-            children: [
-              m != null && /* @__PURE__ */ a("caption", { className: "smwb-table__caption", children: m }),
-              i
-            ]
-          }
-        ) }),
-        !!e && /* @__PURE__ */ a(n, { ...e })
-      ]
-    }
-  )
+            "smwb-table__wrapper_loading": i
+          },
+          a && `smwb-table__wrapper_stack-${a}`
+        ),
+        ...c,
+        children: [
+          /* @__PURE__ */ e("div", { className: r("smwb-table__container", { "smwb-withPagination": !!l }), children: /* @__PURE__ */ t(
+            "table",
+            {
+              className: r("smwb-table", {
+                "smwb-dense": s,
+                "smwb-hovered": b,
+                "smwb-table_sticky-header": d
+              }),
+              children: [
+                o != null && /* @__PURE__ */ e("caption", { className: "smwb-table__caption", children: o }),
+                /* @__PURE__ */ e(h.Provider, { value: a ? p : null, children: /* @__PURE__ */ e(f.Provider, { value: !1, children: /* @__PURE__ */ e(x.Provider, { value: null, children: /* @__PURE__ */ e(P.Provider, { value: null, children: n }) }) }) })
+              ]
+            }
+          ) }),
+          !!l && /* @__PURE__ */ e(C, { ...l })
+        ]
+      }
+    );
+  }
 );
 export {
-  j as default
+  $ as default
 };
 //# sourceMappingURL=table.js.map

package/dist/components/dataDisplay/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../../../src/components/dataDisplay/table/table.tsx"],"sourcesContent":["import { HTMLAttributes, PropsWithChildren, ReactNode, forwardRef } from \"react\";\nimport cn from \"clsx\";\nimport { TablePagination, TablePaginationProps } from \"./index\";\n\nexport interface TableProps extends HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  dense?: boolean;\n  isLoading?: boolean;\n  hovered?: boolean;\n  /** Pins the table header while the body scrolls. */\n  stickyHeader?: boolean;\n  /** Optional accessible caption rendered for screen readers. */\n  caption?: ReactNode;\n  /**\n   * Show each row as a card — cells one under another, each with its column's\n   * label — while the table's container is narrower than this breakpoint:\n   * `sm` (420px), `md` (768px) or `lg` (1024px). A container query: the space\n   * the table has decides, not the window. Labels come from `TableCell label`.\n   */\n  stackBelow?: \"sm\" | \"md\" | \"lg\";\n  paginationSettings?: TablePaginationProps;\n}\n\nconst Table = forwardRef<HTMLDivElement, PropsWithChildren<TableProps>>(\n  (\n    { className, dense, hovered, children, paginationSettings, isLoading, stickyHeader, caption, stackBelow, ...props },\n    ref\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"smwb-table__wrapper\",\n          className,\n          {\n            [\"smwb-table__wrapper_loading\"]: isLoading,\n          },\n          stackBelow && `smwb-table__wrapper_stack-${stackBelow}`\n        )}\n        {...props}\n      >\n        <div className={cn(\"smwb-table__container\", { \"smwb-withPagination\": !!paginationSettings })}>\n          <table\n            className={cn(\"smwb-table\", {\n              \"smwb-dense\": dense,\n              [\"smwb-hovered\"]: hovered,\n              \"smwb-table_sticky-header\": stickyHeader,\n            })}\n          >\n            {caption != null && <caption className=\"smwb-table__caption\">{caption}</caption>}\n            {children}\n          </table>\n        </div>\n        {!!paginationSettings && <TablePagination {...paginationSettings} />}\n      </div>\n    );\n  }\n);\n\nexport default Table;\n"],"names":["Table","forwardRef","className","dense","hovered","children","paginationSettings","isLoading","stickyHeader","caption","stackBelow","props","ref","jsxs","cn","jsx","TablePagination"],"mappings":";;;;;;AAyBA,MAAMA,IAAQC;AAAA,EACZ,CACE,EAAE,WAAAC,GAAW,OAAAC,GAAO,SAAAC,GAAS,UAAAC,GAAU,oBAAAC,GAAoB,WAAAC,GAAW,cAAAC,GAAc,SAAAC,GAAS,YAAAC,GAAY,GAAGC,EAAA,GAC5GC,MAGE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAZ;AAAA,QACA;AAAA,UACG,+BAAgCK;AAAA,QAAA;AAAA,QAEnCG,KAAc,6BAA6BA,CAAU;AAAA,MAAA;AAAA,MAEtD,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWD,EAAG,yBAAyB,EAAE,uBAAuB,CAAC,CAACR,GAAoB,GACzF,UAAA,gBAAAO;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC,EAAG,cAAc;AAAA,cAC1B,cAAcX;AAAA,cACb,gBAAiBC;AAAA,cAClB,4BAA4BI;AAAA,YAAA,CAC7B;AAAA,YAEA,UAAA;AAAA,cAAAC,KAAW,QAAQ,gBAAAM,EAAC,WAAA,EAAQ,WAAU,uBAAuB,UAAAN,GAAQ;AAAA,cACrEJ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAEL;AAAA,QACC,CAAC,CAACC,KAAsB,gBAAAS,EAACC,GAAA,EAAiB,GAAGV,EAAA,CAAoB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAI1E;"}
+{"version":3,"file":"table.js","sources":["../../../../src/components/dataDisplay/table/table.tsx"],"sourcesContent":["import { HTMLAttributes, PropsWithChildren, ReactNode, forwardRef, useState } from \"react\";\nimport cn from \"clsx\";\nimport { TablePagination, TablePaginationProps } from \"./index\";\nimport {\n  ColumnLabels,\n  TableColumnContext,\n  TableHeadContext,\n  TableLabelsContext,\n  TableRowPlaceContext,\n} from \"./tableColumns\";\n\nexport interface TableProps extends HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  dense?: boolean;\n  isLoading?: boolean;\n  hovered?: boolean;\n  /** Pins the table header while the body scrolls. */\n  stickyHeader?: boolean;\n  /** Optional accessible caption rendered for screen readers. */\n  caption?: ReactNode;\n  /**\n   * Show each row as a card — cells one under another, each with its column's\n   * label — while the table's container is narrower than this breakpoint:\n   * `sm` (420px), `md` (768px) or `lg` (1024px). A container query: the space\n   * the table has decides, not the window.\n   *\n   * A cell's label is its `TableCell label`, or else the label of the head cell\n   * of its column: the head cell's `label`, or the text of its content. Columns\n   * count as in HTML: by position in the row, with `colSpan`, after the columns\n   * that `rowSpan` cells of the rows above take in the same head or body. A cell\n   * spanning several columns takes no label from the head and fills the card's\n   * width, and a head cell spanning several columns labels none of them. With\n   * several head rows, the lowest head cell over a column names it.\n   *\n   * The columns come from the elements written: rows written as `TableRow` in\n   * `TableHead` or `TableBody`, and cells in a row (arrays and fragments\n   * included). A component that renders a row counts as a row whose cells span\n   * no rows down, and a component that renders cells counts as one cell, with\n   * its own `colSpan` and `rowSpan`: give the cells after such a component, or\n   * the component's own cells, a `label`.\n   */\n  stackBelow?: \"sm\" | \"md\" | \"lg\";\n  paginationSettings?: TablePaginationProps;\n}\n\nconst Table = forwardRef<HTMLDivElement, PropsWithChildren<TableProps>>(\n  (\n    { className, dense, hovered, children, paginationSettings, isLoading, stickyHeader, caption, stackBelow, ...props },\n    ref\n  ) => {\n    const [labels] = useState(() => new ColumnLabels());\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"smwb-table__wrapper\",\n          className,\n          {\n            [\"smwb-table__wrapper_loading\"]: isLoading,\n          },\n          stackBelow && `smwb-table__wrapper_stack-${stackBelow}`\n        )}\n        {...props}\n      >\n        <div className={cn(\"smwb-table__container\", { \"smwb-withPagination\": !!paginationSettings })}>\n          <table\n            className={cn(\"smwb-table\", {\n              \"smwb-dense\": dense,\n              [\"smwb-hovered\"]: hovered,\n              \"smwb-table_sticky-header\": stickyHeader,\n            })}\n          >\n            {caption != null && <caption className=\"smwb-table__caption\">{caption}</caption>}\n            {/* A table inside a cell of another counts its own rows and cells. */}\n            <TableLabelsContext.Provider value={stackBelow ? labels : null}>\n              <TableHeadContext.Provider value={false}>\n                <TableRowPlaceContext.Provider value={null}>\n                  <TableColumnContext.Provider value={null}>{children}</TableColumnContext.Provider>\n                </TableRowPlaceContext.Provider>\n              </TableHeadContext.Provider>\n            </TableLabelsContext.Provider>\n          </table>\n        </div>\n        {!!paginationSettings && <TablePagination {...paginationSettings} />}\n      </div>\n    );\n  }\n);\n\nexport default Table;\n"],"names":["Table","forwardRef","className","dense","hovered","children","paginationSettings","isLoading","stickyHeader","caption","stackBelow","props","ref","labels","useState","ColumnLabels","jsxs","cn","jsx","TableLabelsContext","TableHeadContext","TableRowPlaceContext","TableColumnContext","TablePagination"],"mappings":";;;;;;;AA+CA,MAAMA,IAAQC;AAAA,EACZ,CACE,EAAE,WAAAC,GAAW,OAAAC,GAAO,SAAAC,GAAS,UAAAC,GAAU,oBAAAC,GAAoB,WAAAC,GAAW,cAAAC,GAAc,SAAAC,GAAS,YAAAC,GAAY,GAAGC,EAAA,GAC5GC,MACG;AACH,UAAM,CAACC,CAAM,IAAIC,EAAS,MAAM,IAAIC,GAAc;AAClD,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAJ;AAAA,QACA,WAAWK;AAAA,UACT;AAAA,UACAf;AAAA,UACA;AAAA,YACG,+BAAgCK;AAAA,UAAA;AAAA,UAEnCG,KAAc,6BAA6BA,CAAU;AAAA,QAAA;AAAA,QAEtD,GAAGC;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAWD,EAAG,yBAAyB,EAAE,uBAAuB,CAAC,CAACX,GAAoB,GACzF,UAAA,gBAAAU;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWC,EAAG,cAAc;AAAA,gBAC1B,cAAcd;AAAA,gBACb,gBAAiBC;AAAA,gBAClB,4BAA4BI;AAAA,cAAA,CAC7B;AAAA,cAEA,UAAA;AAAA,gBAAAC,KAAW,QAAQ,gBAAAS,EAAC,WAAA,EAAQ,WAAU,uBAAuB,UAAAT,GAAQ;AAAA,gBAEtE,gBAAAS,EAACC,EAAmB,UAAnB,EAA4B,OAAOT,IAAaG,IAAS,MACxD,UAAA,gBAAAK,EAACE,EAAiB,UAAjB,EAA0B,OAAO,IAChC,UAAA,gBAAAF,EAACG,EAAqB,UAArB,EAA8B,OAAO,MACpC,UAAA,gBAAAH,EAACI,EAAmB,UAAnB,EAA4B,OAAO,MAAO,UAAAjB,EAAA,CAAS,EAAA,CACtD,GACF,EAAA,CACF;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,GAEJ;AAAA,UACC,CAAC,CAACC,KAAsB,gBAAAY,EAACK,GAAA,EAAiB,GAAGjB,EAAA,CAAoB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGxE;AACF;"}