defuss-shadcn 0.6.2 → 0.6.3

package/dist/index.cjs

@@ -4225,13 +4225,16 @@ const DropArea = ({
   size = "md",
   children,
   style,
+  accept,
   ref = defuss.createRef(),
   onDrop,
   onDragEnter,
   onDragLeave,
+  onFileSelect,
   ...props
 }) => {
   const dropAreaRef = ref || defuss.createRef();
+  const fileInputRef = defuss.createRef();
   const attachNativeDragHandlers = () => {
     const el = dropAreaRef.current;
     if (!el) return;
@@ -4248,28 +4251,55 @@ const DropArea = ({
     el.addEventListener("drop", (e) => {
       e.preventDefault();
       onDrop?.(e);
+      if (e.dataTransfer?.files?.length) {
+        onFileSelect?.(e.dataTransfer.files);
+      }
+    });
+    el.addEventListener("click", (e) => {
+      const target = e.target;
+      if (target.closest("button, a, input, select, textarea")) return;
+      fileInputRef.current?.click();
     });
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  const handleFileInput = () => {
+    const files = fileInputRef.current?.files;
+    if (files?.length) {
+      onFileSelect?.(files);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       role: "button",
       ref: dropAreaRef,
       "data-slot": "drop-area",
       class: cn(
-        "text-muted-foreground flex flex-col items-center justify-center rounded-lg border-0 transition-colors hover:bg-muted/50",
+        "text-muted-foreground flex flex-col items-center justify-center rounded-lg border-0 transition-colors hover:bg-muted/50 p-6",
         sizeStyles[size],
         className
       ),
       style: {
         border: "1px dashed var(--color-border)",
         borderRadius: "var(--radius-lg)",
-        cursor: "copy",
+        cursor: "pointer",
         ...style
       },
       ...props,
       onMount: attachNativeDragHandlers,
-      children
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref: fileInputRef,
+            type: "file",
+            accept,
+            class: "hidden",
+            onChange: handleFileInput,
+            tabIndex: -1
+          }
+        )
+      ]
     }
   );
 };
@@ -5247,18 +5277,22 @@ const DataTable = ({
   className,
   entries,
   columns,
-  sortField,
-  sortDirection,
+  dataview,
+  sortField: sortFieldProp,
+  sortDirection: sortDirectionProp,
   onSort,
   onRowClick,
   renderActions,
   renderActionsHeader,
-  idField = "id",
+  idField: idFieldProp,
   emptyMessage = "No results found.",
   ref = defuss.createRef(),
   ...props
 }) => {
   const tableRef = ref || defuss.createRef();
+  const sortField = sortFieldProp ?? dataview?.sorters[0]?.field;
+  const sortDirection = sortDirectionProp ?? dataview?.sorters[0]?.direction ?? "asc";
+  const idField = idFieldProp ?? dataview?.idField ?? "id";
   const handleClick = (e) => {
     if (!allowClick$1(e)) return;
     const target = e.target;
@@ -5819,7 +5853,8 @@ const allowClick = createClickGuard();
 const TreeView = ({
   className,
   entries,
-  idField = "id",
+  dataview,
+  idField: idFieldProp,
   nameField = "name",
   onNodeToggle,
   onNodeSelect,
@@ -5831,6 +5866,7 @@ const TreeView = ({
   ...props
 }) => {
   const treeRef = ref || defuss.createRef();
+  const idField = idFieldProp ?? dataview?.tree?.idField ?? dataview?.idField ?? "id";
   const handleClick = (e) => {
     if (!allowClick(e)) return;
     const target = e.target;