@motor-hero/ui-kit 0.39.0 → 0.42.0

package/dist/index.js

@@ -978,6 +978,7 @@ var MASK_REPLACEMENT = { _: /\d/ };
 var DATE_FORMAT = "dd/MM/yyyy";
 var TIME_FORMAT = "HH:mm";
 var DATE_VALUE_FORMAT = "yyyy-MM-dd";
+var DATETIME_VALUE_FORMAT = "yyyy-MM-dd'T'HH:mm";
 function pad(n) {
   return String(n).padStart(2, "0");
 }
@@ -993,8 +994,8 @@ function dateOnlyToDate(value) {
 }
 function dateTimeToDate(value) {
   if (!value) return void 0;
-  const parsed = new Date(value);
-  return Number.isNaN(parsed.getTime()) ? void 0 : parsed;
+  const parsed = parse(value, DATETIME_VALUE_FORMAT, /* @__PURE__ */ new Date());
+  return isValid(parsed) ? parsed : void 0;
 }
 function displayFor(value, withTime) {
   const date = withTime ? dateTimeToDate(value) : dateOnlyToDate(value);
@@ -1089,7 +1090,7 @@ function DatePickerImpl({
     if (!time) return;
     const combined = new Date(date);
     combined.setHours(time.getHours(), time.getMinutes(), 0, 0);
-    onChange(combined.toISOString());
+    onChange(format(combined, DATETIME_VALUE_FORMAT));
     setOpen(false);
   };
   const handleCalendarSelect = (date) => {
@@ -2090,7 +2091,7 @@ function ResponsiveDataView({
 
 // 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";
@@ -2131,6 +2132,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,
               {
@@ -2180,6 +2220,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",
             {