@marigold/components 9.0.0 → 9.0.1

package/dist/index.mjs

@@ -306,10 +306,9 @@ var Aspect = ({
 };
 
 // src/Autocomplete/Autocomplete.tsx
-import {
+import React, {
   forwardRef as forwardRef8
 } from "react";
-import React from "react";
 import { ComboBox, ComboBoxStateContext } from "react-aria-components";
 import { cn as cn13, useClassNames as useClassNames9 } from "@marigold/system";
 
@@ -705,7 +704,7 @@ var Underlay = ({
     ModalOverlay,
     {
       className: ({ isEntering, isExiting }) => cn11(
-        "fixed inset-0 z-40 flex min-h-full items-center justify-center overflow-y-auto backdrop-blur ",
+        "fixed inset-0 z-40 flex min-h-full items-center justify-center overflow-y-auto backdrop-blur",
         isEntering ? "animate-in fade-in duration-300 ease-out" : "",
         isExiting ? "animate-out fade-out duration-200 ease-in" : "",
         classNames2
@@ -1106,7 +1105,6 @@ var _Checkbox = forwardRef11(
     };
     const { labelWidth } = useFieldGroupContext();
     const group = useCheckboxGroupContext();
-    console.log(group);
     const classNames2 = useClassNames16({
       component: "Checkbox",
       variant: variant || (group == null ? void 0 : group.variant),
@@ -2974,7 +2972,7 @@ var _Switch = forwardRef22(
             "div",
             {
               className: cn48(
-                "h-6 w-12 basis-12 rounded-3xl group-disabled/switch:cursor-not-allowed ",
+                "h-6 w-12 basis-12 rounded-3xl group-disabled/switch:cursor-not-allowed",
                 classNames2.track
               ),
               children: /* @__PURE__ */ jsx80(
@@ -3019,8 +3017,20 @@ var useTableContext = () => useContext15(TableContext);
 // src/Table/TableBody.tsx
 import { useTableRowGroup } from "@react-aria/table";
 import { jsx as jsx81 } from "react/jsx-runtime";
-var TableBody = ({ children }) => {
+var TableBody = ({ children, emptyState }) => {
   const { rowGroupProps } = useTableRowGroup();
+  const { state, classNames: classNames2 } = useTableContext();
+  if (state.collection.size === 0 && emptyState) {
+    return /* @__PURE__ */ jsx81("tr", { className: classNames2 == null ? void 0 : classNames2.row, role: "row", children: /* @__PURE__ */ jsx81(
+      "td",
+      {
+        className: classNames2 == null ? void 0 : classNames2.cell,
+        colSpan: state.collection.size,
+        role: "rowheader",
+        children: emptyState()
+      }
+    ) });
+  }
   return /* @__PURE__ */ jsx81("tbody", { ...rowGroupProps, children });
 };
 
@@ -3130,8 +3140,7 @@ import { useHover } from "@react-aria/interactions";
 import { useTableColumnHeader } from "@react-aria/table";
 import { mergeProps as mergeProps5 } from "@react-aria/utils";
 import { SortDown, SortUp } from "@marigold/icons";
-import { cn as cn51, useStateProps as useStateProps4 } from "@marigold/system";
-import { width as twWidth5 } from "@marigold/system";
+import { cn as cn51, width as twWidth5, useStateProps as useStateProps4 } from "@marigold/system";
 import { jsx as jsx84, jsxs as jsxs33 } from "react/jsx-runtime";
 var TableColumnHeader = ({
   column,
@@ -3165,7 +3174,7 @@ var TableColumnHeader = ({
       align,
       children: [
         column.rendered,
-        column.props.allowsSorting && (((_a = state.sortDescriptor) == null ? void 0 : _a.column) === column.key ? ((_b = state.sortDescriptor) == null ? void 0 : _b.direction) === "ascending" ? /* @__PURE__ */ jsx84(SortUp, { className: "inline-block" }) : /* @__PURE__ */ jsx84(SortDown, { className: "inline-block" }) : /* @__PURE__ */ jsx84(SortDown, { className: "inline-block" }))
+        column.props.allowsSorting && (((_a = state.sortDescriptor) == null ? void 0 : _a.column) === column.key ? ((_b = state.sortDescriptor) == null ? void 0 : _b.direction) === "ascending" ? /* @__PURE__ */ jsx84(SortUp, { className: "inline-block" }) : /* @__PURE__ */ jsx84(SortDown, { className: "inline-block" }) : /* @__PURE__ */ jsx84("span", { className: "invisible", children: /* @__PURE__ */ jsx84(SortDown, { className: "inline-block" }) }))
       ]
     }
   );
@@ -3291,7 +3300,7 @@ var TableSelectAllCell = ({
     "th",
     {
       ref,
-      className: cn53(twWidth6[width], ["  leading-none"], classNames2 == null ? void 0 : classNames2.header),
+      className: cn53(twWidth6[width], ["leading-none"], classNames2 == null ? void 0 : classNames2.header),
       ...mergeProps7(columnHeaderProps, hoverProps, focusProps),
       ...stateProps,
       align,
@@ -3309,6 +3318,7 @@ var Table = ({
   selectionMode = "none",
   disableKeyboardNavigation = false,
   stickyHeader,
+  emptyState,
   ...props
 }) => {
   const interactive = selectionMode !== "none";
@@ -3367,7 +3377,7 @@ var Table = ({
                 );
               }
             ) }, headerRow.key)) }),
-            /* @__PURE__ */ jsxs34(TableBody, { children: [
+            /* @__PURE__ */ jsxs34(TableBody, { emptyState, children: [
               ...collection.rows.map(
                 (row) => row.type === "item" && /* @__PURE__ */ jsx89(TableRow, { row, children: [...collection.getChildren(row.key)].map((cell, index) => {
                   var _a, _b;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marigold/components",
-  "version": "9.0.0",
+  "version": "9.0.1",
   "description": "Components for the Marigold Design System",
   "license": "MIT",
   "keywords": [
@@ -23,28 +23,28 @@
     "directory": "packages/components"
   },
   "dependencies": {
-    "@internationalized/date": "3.5.4",
-    "@react-aria/accordion": "3.0.0-alpha.29",
-    "@react-aria/button": "3.9.5",
-    "@react-aria/calendar": "3.5.8",
-    "@react-aria/focus": "3.17.1",
-    "@react-aria/i18n": "3.11.1",
-    "@react-aria/interactions": "3.21.3",
-    "@react-aria/overlays": "3.22.1",
-    "@react-aria/selection": "3.18.1",
-    "@react-aria/ssr": "3.9.4",
-    "@react-aria/table": "3.14.1",
-    "@react-aria/utils": "3.24.1",
-    "@react-aria/visually-hidden": "3.8.12",
-    "@react-stately/collections": "3.10.7",
-    "@react-stately/data": "3.11.4",
-    "@react-stately/table": "3.11.8",
-    "@react-stately/tree": "3.8.1",
-    "@react-types/shared": "3.23.1",
-    "@react-types/table": "3.9.5",
-    "react-aria-components": "1.2.1",
-    "@marigold/icons": "1.2.55",
-    "@marigold/system": "9.0.0",
+    "@internationalized/date": "3.5.5",
+    "@react-aria/accordion": "3.0.0-alpha.31",
+    "@react-aria/button": "3.9.7",
+    "@react-aria/calendar": "3.5.10",
+    "@react-aria/focus": "3.18.1",
+    "@react-aria/i18n": "3.12.1",
+    "@react-aria/interactions": "3.22.1",
+    "@react-aria/overlays": "3.23.1",
+    "@react-aria/selection": "3.19.1",
+    "@react-aria/ssr": "3.9.5",
+    "@react-aria/table": "3.15.1",
+    "@react-aria/utils": "3.25.1",
+    "@react-aria/visually-hidden": "3.8.14",
+    "@react-stately/collections": "3.10.9",
+    "@react-stately/data": "3.11.6",
+    "@react-stately/table": "3.12.1",
+    "@react-stately/tree": "3.8.3",
+    "@react-types/shared": "3.24.1",
+    "@react-types/table": "3.10.1",
+    "react-aria-components": "1.3.1",
+    "@marigold/icons": "1.2.56",
+    "@marigold/system": "9.0.1",
     "@marigold/types": "1.1.1"
   },
   "peerDependencies": {