@mittwald/flow-react-components 0.1.0-alpha.421 → 0.1.0-alpha.422

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.1.0-alpha.422](https://github.com/mittwald/flow/compare/0.1.0-alpha.421...0.1.0-alpha.422) (2025-02-12)
+
+### Features
+
+- **table:** add option to horizontally center columns
+  ([#1147](https://github.com/mittwald/flow/issues/1147))
+  ([a1f8752](https://github.com/mittwald/flow/commit/a1f875216faa01d1147b12baedcb50b6f9d2abda))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 # [0.1.0-alpha.421](https://github.com/mittwald/flow/compare/0.1.0-alpha.420...0.1.0-alpha.421) (2025-02-12)
 
 ### Features

package/dist/css/Table.css

@@ -1 +1 @@
-.flow--table--table-container{width:100%;overflow-x:auto}.flow--table{border-radius:var(--table--corner-radius);overflow:hidden;width:100%;border-width:var(--table--border-width);border-style:var(--table--border-style);border-color:var(--table--border-color);border-spacing:0;background-color:var(--table--background-color)}.flow--table .flow--table--column{font-weight:var(--table--header-font-weight);text-align:start}.flow--table .flow--table--cell,.flow--table .flow--table--column{padding-inline:var(--table--padding-x);padding-block:var(--table--padding-y);text-align:start;vertical-align:top;border-style:var(--table--border-style);border-color:var(--table--border-color);border-width:0}.flow--table .flow--table--header .flow--table--column{border-block-end-width:var(--table--header-border-width)}.flow--table .flow--table--header:empty{display:none}.flow--table .flow--table--body .flow--table--row:where(:nth-of-type(odd):not(.flow--table--footer)){background-color:var(--table--background-color-accent)}.flow--table .flow--table--body .flow--table--row:not(:last-child) .flow--table--cell{border-block-end-width:var(--table--border-width)}.flow--table .flow--table--body .flow--table--row.flow--table--footer .flow--table--cell{border-block-start-width:var(--table--border-width)}.flow--table.flow--table--vertical-align-middle .flow--table--cell,.flow--table.flow--table--vertical-align-middle .flow--table--column{vertical-align:middle}
+.flow--table--table-container{width:100%;overflow-x:auto}.flow--table{border-radius:var(--table--corner-radius);overflow:hidden;width:100%;border-width:var(--table--border-width);border-style:var(--table--border-style);border-color:var(--table--border-color);border-spacing:0;background-color:var(--table--background-color)}.flow--table .flow--table--column{font-weight:var(--table--header-font-weight)}.flow--table .flow--table--cell,.flow--table .flow--table--column{padding-inline:var(--table--padding-x);padding-block:var(--table--padding-y);text-align:start;vertical-align:top;border-style:var(--table--border-style);border-color:var(--table--border-color);border-width:0}.flow--table .flow--table--cell>svg,.flow--table .flow--table--column>svg{vertical-align:bottom}.flow--table .flow--table--cell.flow--table--horizontal-align-center,.flow--table .flow--table--column.flow--table--horizontal-align-center{text-align:center}.flow--table .flow--table--header .flow--table--column{border-block-end-width:var(--table--header-border-width)}.flow--table .flow--table--header:empty{display:none}.flow--table .flow--table--body .flow--table--row:where(:nth-of-type(odd):not(.flow--table--footer)){background-color:var(--table--background-color-accent)}.flow--table .flow--table--body .flow--table--row:not(:last-child) .flow--table--cell{border-block-end-width:var(--table--border-width)}.flow--table .flow--table--body .flow--table--row.flow--table--footer .flow--table--cell{border-block-start-width:var(--table--border-width)}.flow--table.flow--table--vertical-align-middle .flow--table--cell,.flow--table.flow--table--vertical-align-middle .flow--table--column{vertical-align:middle}

package/dist/js/List.js

@@ -50,7 +50,7 @@ import { I as $e } from "./IllustratedMessage-DB1AH-Oq.js";
 import { I as Ue } from "./IconSearch-DMgHpqPU.js";
 import { deepFind as Ke, deepForEach as ze } from "react-children-utilities";
 import { ListLoaderAsyncResource as Oe, TypedListLoaderAsyncResource as He } from "./List/ListLoaderAsyncResource.js";
-import { a as Pt, e as Vt, d as At, b as Mt, T as kt, c as Bt } from "./Table-Cgwv_qa_.js";
+import { a as Pt, e as Vt, d as At, b as Mt, T as kt, c as Bt } from "./Table-D9mxW7Dh.js";
 import { A as qe } from "./ActionGroup-CkZ5q2Vq.js";
 const Ge = "flow--list--items--item--view", We = "flow--list--items--item--view--content", je = "flow--list--items--item--view--title", Je = "flow--list--items--item--view--sub-title", Ye = "flow--list--items--item--view--avatar", Qe = "flow--list--items--item--view--heading", Xe = "flow--list--items--item--view--text", Ze = "flow--list--items--item--view--top-content", _e = "flow--list--items--item--view--action", ts = "flow--list--items--item--view--bottom-content", es = "flow--list--items--item--view--tile", ss = "flow--list--items--item--view--avatar-container", is = "flow--list--items--item--view--badge", h = {
   view: Ge,

package/dist/js/Table-D9mxW7Dh.js

@@ -0,0 +1,73 @@
+"use client"
+/* */
+import r, { Suspense as d } from "react";
+import * as c from "react-aria-components";
+import m from "clsx";
+import { S as f } from "./SkeletonText-B5ZghZhO.js";
+const w = "flow--table--table-container", N = "flow--table", h = "flow--table--column", u = "flow--table--cell", C = "flow--table--header", T = "flow--table--body", g = "flow--table--row", E = "flow--table--footer", n = {
+  tableContainer: w,
+  table: N,
+  column: h,
+  cell: u,
+  "horizontal-align-center": "flow--table--horizontal-align-center",
+  header: C,
+  body: T,
+  row: g,
+  footer: E,
+  "vertical-align-middle": "flow--table--vertical-align-middle"
+}, x = (t) => {
+  const { children: a, className: e, ...l } = t, o = m(n.body, e);
+  return /* @__PURE__ */ r.createElement(c.TableBody, { className: o, ...l }, a);
+}, A = (t) => {
+  const {
+    children: a,
+    className: e,
+    rowHeader: l,
+    horizontalAlign: o = "start",
+    ...s
+  } = t, i = m(
+    n.cell,
+    n[`horizontal-align-${o}`],
+    e
+  ), b = /* @__PURE__ */ r.createElement(d, { fallback: /* @__PURE__ */ r.createElement(f, { width: "100px" }) }, a);
+  return l ? /* @__PURE__ */ r.createElement(p, { className: i, ...s }, b) : /* @__PURE__ */ r.createElement(c.Cell, { className: i, ...s }, b);
+}, p = (t) => {
+  const { children: a, className: e, horizontalAlign: l = "start", ...o } = t, s = m(
+    n.column,
+    n[`horizontal-align-${l}`],
+    e
+  );
+  return /* @__PURE__ */ r.createElement(c.Column, { isRowHeader: !0, className: s, ...o }, a);
+}, H = (t) => {
+  const { children: a, className: e, ...l } = t, o = m(n.header, e);
+  return /* @__PURE__ */ r.createElement(c.TableHeader, { className: o, ...l }, a);
+}, R = (t) => {
+  const { children: a, className: e, footer: l, ...o } = t;
+  return /* @__PURE__ */ r.createElement(
+    c.Row,
+    {
+      className: (s) => m(
+        n.row,
+        l && n.footer,
+        typeof e == "function" ? e(s) : e
+      ),
+      ...o
+    },
+    a
+  );
+}, S = (t) => {
+  const { children: a, className: e, verticalAlign: l = "top", ...o } = t, s = m(
+    n.table,
+    n[`vertical-align-${l}`],
+    e
+  );
+  return /* @__PURE__ */ r.createElement("div", { className: n.tableContainer }, /* @__PURE__ */ r.createElement(c.Table, { className: s, ...o }, a));
+};
+export {
+  R as T,
+  S as a,
+  x as b,
+  A as c,
+  p as d,
+  H as e
+};

package/dist/js/Table.js

@@ -1,7 +1,7 @@
 "use client"
 /* */
-import { T as a, a as t } from "./Table-Cgwv_qa_.js";
-import { b as m, c as f, d as c, e as d } from "./Table-Cgwv_qa_.js";
+import { T as a, a as t } from "./Table-D9mxW7Dh.js";
+import { b as m, c as f, d as c, e as d } from "./Table-D9mxW7Dh.js";
 import o from "react";
 const b = (e) => /* @__PURE__ */ o.createElement(a, { ...e, footer: !0 });
 export {