@motor-hero/ui-kit 0.38.0 → 0.40.0

package/dist/index.js

@@ -2052,13 +2052,14 @@ function ResponsiveDataView({
   cards,
   isEmpty,
   isLoading,
+  isBusy = false,
   emptyIcon,
   emptyTitle = "Nenhum registro encontrado",
   emptyDescription,
   emptyAction,
   pagination
 }) {
-  if (!isLoading && isEmpty) {
+  if (!isLoading && !isBusy && isEmpty) {
     return /* @__PURE__ */ jsx25("div", { className: "rounded-md border", children: /* @__PURE__ */ jsx25(
       EmptyState,
       {
@@ -2069,16 +2070,27 @@ function ResponsiveDataView({
       }
     ) });
   }
+  const busyClass = isBusy && "pointer-events-none opacity-50";
   return /* @__PURE__ */ jsxs22("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx25("div", { className: "hidden overflow-x-auto rounded-md border md:block", children: table }),
-    /* @__PURE__ */ jsx25("div", { className: "md:hidden", children: cards }),
+    /* @__PURE__ */ jsx25(
+      "div",
+      {
+        "aria-busy": isBusy,
+        className: cn(
+          "hidden overflow-x-auto rounded-md border transition-opacity md:block",
+          busyClass
+        ),
+        children: table
+      }
+    ),
+    /* @__PURE__ */ jsx25("div", { "aria-busy": isBusy, className: cn("transition-opacity md:hidden", busyClass), children: cards }),
     pagination
   ] });
 }
 
 // src/components/row-actions-menu.tsx
 import * as DropdownMenu3 from "@radix-ui/react-dropdown-menu";
-import { MoreVertical } from "lucide-react";
+import { ChevronRight as ChevronRight3, MoreVertical } from "lucide-react";
 import { useState as useState11 } from "react";
 import { Drawer as DrawerPrimitive6 } from "vaul";
 import { Fragment as Fragment6, jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
@@ -2119,6 +2131,45 @@ function RowActionsMenu({
               itemClass2,
               action.destructive && "text-destructive focus:bg-destructive/10"
             );
+            if (action.children?.length) {
+              return /* @__PURE__ */ jsxs23(DropdownMenu3.Sub, { children: [
+                /* @__PURE__ */ jsxs23(
+                  DropdownMenu3.SubTrigger,
+                  {
+                    className: cls,
+                    disabled: action.disabled,
+                    children: [
+                      action.icon,
+                      action.label,
+                      /* @__PURE__ */ jsx26(ChevronRight3, { className: "ml-auto h-4 w-4 text-muted-foreground" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx26(DropdownMenu3.Portal, { children: /* @__PURE__ */ jsx26(
+                  DropdownMenu3.SubContent,
+                  {
+                    sideOffset: 4,
+                    className: "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95",
+                    children: action.children.map((child) => /* @__PURE__ */ jsxs23(
+                      DropdownMenu3.Item,
+                      {
+                        className: cn(
+                          itemClass2,
+                          child.destructive && "text-destructive focus:bg-destructive/10"
+                        ),
+                        disabled: child.disabled,
+                        onClick: child.onClick,
+                        children: [
+                          child.icon,
+                          child.label
+                        ]
+                      },
+                      child.label
+                    ))
+                  }
+                ) })
+              ] }, action.label);
+            }
             return action.href ? /* @__PURE__ */ jsx26(
               DropdownMenu3.Item,
               {
@@ -2168,6 +2219,36 @@ function RowActionsMenu({
             action.icon,
             action.label
           ] });
+          if (action.children?.length) {
+            return /* @__PURE__ */ jsxs23("div", { children: [
+              /* @__PURE__ */ jsx26("div", { className: "mx-3 my-1 h-px bg-border" }),
+              /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3 px-3 pb-1 pt-2 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: [
+                action.icon,
+                action.label
+              ] }),
+              action.children.map((child) => /* @__PURE__ */ jsxs23(
+                "button",
+                {
+                  type: "button",
+                  disabled: child.disabled,
+                  className: cn(
+                    sheetItemClass2,
+                    child.destructive && "text-destructive"
+                  ),
+                  onClick: () => {
+                    child.onClick?.();
+                    setOpen(false);
+                  },
+                  children: [
+                    child.icon,
+                    child.label
+                  ]
+                },
+                child.label
+              )),
+              /* @__PURE__ */ jsx26("div", { className: "mx-3 my-1 h-px bg-border" })
+            ] }, action.label);
+          }
           return action.href ? /* @__PURE__ */ jsx26(
             "span",
             {