@umami/react-zen 0.94.0 → 0.96.0

package/dist/index.d.ts

@@ -433,18 +433,20 @@ declare module '@umami/react-zen/Dialog' {
 }
 
 declare module '@umami/react-zen/DataTable' {
-    import { ReactNode } from 'react';
-    import { ColumnProps, TableProps } from 'react-aria-components';
+    import { HTMLAttributes, ReactNode } from 'react';
+    import { TableProps } from 'react-aria-components';
     export interface DataTableProps extends TableProps {
         data?: any[];
     }
     export function DataTable({ data, className, children, ...props }: DataTableProps): import("react").JSX.Element;
-    export interface DataColumnProps extends ColumnProps {
+    export interface DataColumnProps extends Omit<HTMLAttributes<any>, 'children'> {
         id: string;
         label?: ReactNode;
         align?: 'start' | 'center' | 'end';
+        width?: string;
         as?: string;
         hidden?: boolean;
+        children?: ReactNode | ((props: DataColumnProps) => void);
     }
     export function DataColumn(props: DataColumnProps): null;
 }

package/dist/index.js

@@ -30346,12 +30346,14 @@ var import_jsx_runtime33 = require("react/jsx-runtime");
 var import_react180 = require("react");
 function DataTable({ data = [], className, children, ...props }) {
   const items = data.length && data?.[0]?.id === void 0 ? data.map((record, id) => ({ ...record, id })) : data;
+  const widths = [];
   const columns = import_react179.Children.map(children, (child) => {
+    widths.push(child?.props?.width || "1fr");
     return { ...child.props };
   });
-  const gridTemplateColumns2 = columns.map(({ width }) => width || "1fr").join(" ");
+  const gridTemplateColumns2 = widths.join(" ");
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Table2, { ...props, className: (0, import_classnames24.default)(DataTable_default.datatable, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableHeader, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns.filter((n) => n).map(({ id, label, as, hidden, ...columnProps }) => {
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableHeader, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns.filter((n) => n).map(({ id, label, as, hidden, width, ...columnProps }) => {
       if (hidden) {
         return null;
       }

package/dist/index.mjs

@@ -30235,12 +30235,14 @@ import { jsx as jsx33, jsxs as jsxs16 } from "react/jsx-runtime";
 import { createElement as createElement6 } from "react";
 function DataTable({ data = [], className, children, ...props }) {
   const items = data.length && data?.[0]?.id === void 0 ? data.map((record, id) => ({ ...record, id })) : data;
+  const widths = [];
   const columns = Children2.map(children, (child) => {
+    widths.push(child?.props?.width || "1fr");
     return { ...child.props };
   });
-  const gridTemplateColumns2 = columns.map(({ width }) => width || "1fr").join(" ");
+  const gridTemplateColumns2 = widths.join(" ");
   return /* @__PURE__ */ jsxs16(Table2, { ...props, className: (0, import_classnames24.default)(DataTable_default.datatable, className), children: [
-    /* @__PURE__ */ jsx33(TableHeader, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns.filter((n) => n).map(({ id, label, as, hidden, ...columnProps }) => {
+    /* @__PURE__ */ jsx33(TableHeader, { style: { gridTemplateColumns: gridTemplateColumns2 }, children: columns.filter((n) => n).map(({ id, label, as, hidden, width, ...columnProps }) => {
       if (hidden) {
         return null;
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umami/react-zen",
-  "version": "0.94.0",
+  "version": "0.96.0",
   "description": "Modern, minimalist React component library",
   "author": "Umami <hello@umami.is>",
   "license": "MIT",