@epam/ai-dial-ui-kit 0.4.0-rc.4 → 0.4.0-rc.5

package/dist/dial-ui-kit.es.js

@@ -6829,7 +6829,7 @@ const m1 = {
       }
     )
   ] });
-}, S1 = "w-full h-full grid grid-rows-[auto_1fr] gap-3 p-3 overflow-hidden min-w-0 bg-layer-2", y1 = "w-full py-2 text-secondary flex items-center gap-2", R1 = "flex min-h-0 min-w-0 h-full gap-3 overflow-hidden", x1 = "flex flex-col flex-1 min-h-0 min-w-0 h-full gap-3", F1 = "w-full h-full rounded bg-layer-3 text-secondary overflow-auto min-w-0", E1 = "flex-1 w-full rounded text-secondary overflow-auto min-h-0 min-w-0", D1 = 360, P1 = "Files";
+}, S1 = "w-full h-full grid grid-rows-[auto_1fr] gap-5 p-6 overflow-hidden min-w-0 bg-layer-2", y1 = "w-full text-secondary flex items-center gap-2", R1 = "flex min-h-0 min-w-0 h-full gap-4 overflow-hidden", x1 = "flex flex-col flex-1 min-h-0 min-w-0 h-full gap-4", F1 = "w-full h-full rounded bg-layer-3 text-secondary overflow-auto min-w-0", E1 = "flex-1 w-full rounded text-secondary overflow-auto min-h-0 min-w-0", D1 = 360, P1 = "Files";
 var hs = /* @__PURE__ */ ((e) => (e.ITEM = "item", e.FOLDER = "folder", e))(hs || {});
 const T1 = {
   size: 10,
@@ -45668,6 +45668,7 @@ const OI = ({
       headerName: "",
       width: 40,
       minWidth: 40,
+      suppressSizeToFit: !0,
       lockPosition: !0,
       sortable: !1,
       resizable: !1,
@@ -45890,11 +45891,21 @@ const OI = ({
       field: "name",
       headerName: "Name",
       flex: 1,
+      minWidth: 200,
       cellRenderer: (I) => I.data?.nodeType === hs.FOLDER ? /* @__PURE__ */ w(_u, { name: I.data.name }) : /* @__PURE__ */ w(Wu, { name: I.data.name })
     },
-    { field: "updatedAt", headerName: "Modified", width: 180 },
-    { field: "size", headerName: "Size", width: 120 },
-    { field: "author", headerName: "Author", width: 160 }
+    {
+      field: "updatedAt",
+      headerName: "Modified Date",
+      width: 168,
+      suppressSizeToFit: !0
+    },
+    {
+      field: "size",
+      headerName: "Size",
+      width: 120,
+      suppressSizeToFit: !0
+    }
   ], []), {
     columnDefs: R,
     filterable: E = !0,

package/dist/src/components/FileManager/constants.d.ts

@@ -1,10 +1,9 @@
-export declare const containerBaseClasses = "w-full h-full grid grid-rows-[auto_1fr] gap-3 p-3 overflow-hidden min-w-0 bg-layer-2";
-export declare const toolbarBaseClasses = "w-full py-2 text-secondary flex items-center gap-2";
-export declare const mainGridClasses = "flex min-h-0 min-w-0 h-full gap-3 overflow-hidden";
-export declare const contentGridClasses = "flex flex-col flex-1 min-h-0 min-w-0 h-full gap-3";
+export declare const containerBaseClasses = "w-full h-full grid grid-rows-[auto_1fr] gap-5 p-6 overflow-hidden min-w-0 bg-layer-2";
+export declare const toolbarBaseClasses = "w-full text-secondary flex items-center gap-2";
+export declare const mainGridClasses = "flex min-h-0 min-w-0 h-full gap-4 overflow-hidden";
+export declare const contentGridClasses = "flex flex-col flex-1 min-h-0 min-w-0 h-full gap-4";
 export declare const contentHeaderClasses = "items-center";
-export declare const navPlaceholderClasses = "w-full rounded border border-dashed bg-layer-3 px-3 py-2 text-secondary min-w-0";
-export declare const treePlaceholderClasses = "w-full h-full rounded bg-layer-3 text-secondary overflow-auto min-w-0";
-export declare const gridPlaceholderClasses = "flex-1 w-full rounded text-secondary overflow-auto min-h-0 min-w-0";
+export declare const treeBaseClasses = "w-full h-full rounded bg-layer-3 text-secondary overflow-auto min-w-0";
+export declare const gridBaseClasses = "flex-1 w-full rounded text-secondary overflow-auto min-h-0 min-w-0";
 export declare const sidebarWidth = 360;
 export declare const sidebarTitleDefault = "Files";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/ai-dial-ui-kit",
-  "version": "0.4.0-rc.4",
+  "version": "0.4.0-rc.5",
   "type": "module",
   "license": "Apache-2.0",
   "description": "A modern UI kit for building AI DIAL interfaces with React",