@floegence/floe-webapp-core 0.35.19 → 0.35.21

package/dist/components/ui/FileSavePicker.js

@@ -1,15 +1,15 @@
-import { createComponent as i, insert as a, effect as F, className as I, setAttribute as N, template as h, delegateEvents as E } from "solid-js/web";
-import { createSignal as $, createMemo as p, createEffect as D, on as B, Show as g, For as z } from "solid-js";
-import { cn as C } from "../../utils/cn.js";
-import { Dialog as T } from "./Dialog.js";
-import { Button as w } from "./Button.js";
-import { Input as K } from "./Input.js";
-import { getFileIcon as L } from "../file-browser/FileIcons.js";
-import { deferNonBlocking as O } from "../../utils/defer.js";
-import { usePickerTree as R, normalizePath as G, PathInputBar as M, PickerBreadcrumb as j, PickerFolderTree as q, NewFolderSection as A } from "./picker/PickerBase.js";
-var H = /* @__PURE__ */ h('<div class="flex flex-col gap-2 -mt-1"><div class="flex border border-border rounded overflow-hidden"style=height:260px><div class="w-1/2 min-w-0 overflow-y-auto">'), J = /* @__PURE__ */ h('<div class="flex flex-col w-full gap-2"><div class="flex items-center gap-1.5"><label class="text-xs text-muted-foreground flex-shrink-0">File name:</label><div class=flex-1></div></div><div class="flex items-center gap-2"><span class="flex-1 text-[11px] text-muted-foreground truncate">'), Q = /* @__PURE__ */ h('<div class="flex items-center justify-center h-full text-xs text-muted-foreground">No files in this directory'), U = /* @__PURE__ */ h('<span class="ml-auto text-[10px] text-muted-foreground/60 flex-shrink-0">'), V = /* @__PURE__ */ h("<button type=button><span class=truncate>");
-function ae(e) {
-  const [u, f] = $(e.initialFileName ?? ""), [S, s] = $(""), r = R({
+import { createComponent as i, insert as a, effect as b, className as y, setAttribute as I, template as m, delegateEvents as N } from "solid-js/web";
+import { createSignal as F, createMemo as $, createEffect as E, on as D, Show as g, For as B } from "solid-js";
+import { cn as p } from "../../utils/cn.js";
+import { Dialog as z } from "./Dialog.js";
+import { Button as C } from "./Button.js";
+import { Input as T } from "./Input.js";
+import { FileItemIcon as K } from "../file-browser/FileIcons.js";
+import { deferNonBlocking as L } from "../../utils/defer.js";
+import { usePickerTree as O, normalizePath as R, PathInputBar as G, PickerBreadcrumb as M, PickerFolderTree as j, NewFolderSection as q } from "./picker/PickerBase.js";
+var A = /* @__PURE__ */ m('<div class="flex flex-col gap-2 -mt-1"><div class="flex border border-border rounded overflow-hidden"style=height:260px><div class="w-1/2 min-w-0 overflow-y-auto">'), H = /* @__PURE__ */ m('<div class="flex flex-col w-full gap-2"><div class="flex items-center gap-1.5"><label class="text-xs text-muted-foreground flex-shrink-0">File name:</label><div class=flex-1></div></div><div class="flex items-center gap-2"><span class="flex-1 text-[11px] text-muted-foreground truncate">'), J = /* @__PURE__ */ m('<div class="flex items-center justify-center h-full text-xs text-muted-foreground">No files in this directory'), Q = /* @__PURE__ */ m('<span class="ml-auto text-[10px] text-muted-foreground/60 flex-shrink-0">'), U = /* @__PURE__ */ m("<button type=button><span class=truncate>");
+function ie(e) {
+  const [u, f] = F(e.initialFileName ?? ""), [w, s] = F(""), r = O({
     initialPath: e.initialPath,
     open: () => e.open,
     files: () => e.files,
@@ -22,17 +22,17 @@ function ae(e) {
     onReset: () => {
       f(e.initialFileName ?? ""), s("");
     }
-  }), x = p(() => {
-    const t = G(r.selectedPath());
+  }), x = $(() => {
+    const t = R(r.selectedPath());
     if (t === "/")
       return e.files.filter((o) => o.type === "file");
     const n = r.folderIndex().get(t);
     return n?.children ? n.children.filter((o) => o.type === "file") : [];
   });
-  D(B(u, () => {
+  E(D(u, () => {
     s("");
   }));
-  const k = (t) => {
+  const S = (t) => {
     f(t.name), s("");
   }, v = () => {
     const t = u().trim();
@@ -48,16 +48,16 @@ function ae(e) {
       }
     }
     const n = r.selectedPath(), o = e.onSave;
-    e.onOpenChange(!1), O(() => o(n, t));
-  }, _ = () => {
+    e.onOpenChange(!1), L(() => o(n, t));
+  }, k = () => {
     e.onOpenChange(!1);
-  }, y = (t) => {
+  }, _ = (t) => {
     t.key === "Enter" && (t.preventDefault(), v());
-  }, P = p(() => {
+  }, P = $(() => {
     const t = r.toDisplayPath(r.selectedPath()), n = u().trim();
     return n ? t === "/" ? `/${n}` : `${t}/${n}` : t;
   });
-  return i(T, {
+  return i(z, {
     get open() {
       return e.open;
     },
@@ -68,30 +68,30 @@ function ae(e) {
       return e.title ?? "Save File";
     },
     get class() {
-      return C("max-w-2xl", e.class);
+      return p("max-w-2xl", e.class);
     },
     get footer() {
       return (() => {
-        var t = J(), n = t.firstChild, o = n.firstChild, l = o.nextSibling, d = n.nextSibling, c = d.firstChild;
-        return a(l, i(K, {
+        var t = H(), n = t.firstChild, o = n.firstChild, l = o.nextSibling, c = n.nextSibling, d = c.firstChild;
+        return a(l, i(T, {
           size: "sm",
           get value() {
             return u();
           },
-          onInput: (m) => f(m.currentTarget.value),
-          onKeyDown: y,
+          onInput: (h) => f(h.currentTarget.value),
+          onKeyDown: _,
           placeholder: "filename.ext",
           get error() {
-            return S();
+            return w();
           }
-        })), a(c, P), a(d, i(w, {
+        })), a(d, P), a(c, i(C, {
           variant: "ghost",
           size: "sm",
-          onClick: _,
+          onClick: k,
           get children() {
             return e.cancelText ?? "Cancel";
           }
-        }), null), a(d, i(w, {
+        }), null), a(c, i(C, {
           variant: "primary",
           size: "sm",
           onClick: v,
@@ -101,12 +101,12 @@ function ae(e) {
           get children() {
             return e.confirmText ?? "Save";
           }
-        }), null), F(() => N(c, "title", P())), t;
+        }), null), b(() => I(d, "title", P())), t;
       })();
     },
     get children() {
-      var t = H(), n = t.firstChild, o = n.firstChild;
-      return a(t, i(M, {
+      var t = A(), n = t.firstChild, o = n.firstChild;
+      return a(t, i(G, {
         get value() {
           return r.pathInput;
         },
@@ -122,14 +122,14 @@ function ae(e) {
         get onKeyDown() {
           return r.handlePathInputKeyDown;
         }
-      }), n), a(t, i(j, {
+      }), n), a(t, i(M, {
         get segments() {
           return r.breadcrumbSegments;
         },
         get onClick() {
           return r.handleBreadcrumbClick;
         }
-      }), n), a(n, i(q, {
+      }), n), a(n, i(j, {
         get rootFolders() {
           return r.rootFolders;
         },
@@ -164,30 +164,28 @@ function ae(e) {
           return x().length > 0;
         },
         get fallback() {
-          return Q();
+          return J();
         },
         get children() {
-          return i(z, {
+          return i(B, {
             get each() {
               return x();
             },
-            children: (l) => {
-              const d = L(l.extension);
-              return (() => {
-                var c = V(), m = c.firstChild;
-                return c.$$click = () => k(l), a(c, i(d, {
-                  class: "w-4 h-4 flex-shrink-0"
-                }), m), a(m, () => l.name), a(c, i(g, {
-                  get when() {
-                    return l.size != null;
-                  },
-                  get children() {
-                    var b = U();
-                    return a(b, () => W(l.size)), b;
-                  }
-                }), null), F(() => I(c, C("flex items-center gap-1.5 w-full text-left text-xs py-1.5 px-2 cursor-pointer", "transition-colors duration-100", "hover:bg-accent/60", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring", u() === l.name && "bg-accent text-accent-foreground font-medium"))), c;
-              })();
-            }
+            children: (l) => (() => {
+              var c = U(), d = c.firstChild;
+              return c.$$click = () => S(l), a(c, i(K, {
+                item: l,
+                class: "w-4 h-4 flex-shrink-0"
+              }), d), a(d, () => l.name), a(c, i(g, {
+                get when() {
+                  return l.size != null;
+                },
+                get children() {
+                  var h = Q();
+                  return a(h, () => V(l.size)), h;
+                }
+              }), null), b(() => y(c, p("flex items-center gap-1.5 w-full text-left text-xs py-1.5 px-2 cursor-pointer", "transition-colors duration-100", "hover:bg-accent/60", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-ring", u() === l.name && "bg-accent text-accent-foreground font-medium"))), c;
+            })()
           });
         }
       })), a(t, i(g, {
@@ -195,7 +193,7 @@ function ae(e) {
           return e.onCreateFolder;
         },
         get children() {
-          return i(A, {
+          return i(q, {
             get parentPath() {
               return r.selectedPath;
             },
@@ -211,10 +209,10 @@ function ae(e) {
     }
   });
 }
-function W(e) {
+function V(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-E(["click"]);
+N(["click"]);
 export {
-  ae as FileSavePicker
+  ie as FileSavePicker
 };

package/dist/file-browser.js

@@ -1,30 +1,34 @@
 import { Breadcrumb as r } from "./components/file-browser/Breadcrumb.js";
-import { CodeFileIcon as l, ConfigFileIcon as t, DocumentFileIcon as F, FileIcon as n, FolderIcon as c, FolderOpenIcon as m, ImageFileIcon as p, ShellScriptFileIcon as I, StyleFileIcon as f, getFileIcon as x } from "./components/file-browser/FileIcons.js";
-import { DirectoryTree as s } from "./components/file-browser/DirectoryTree.js";
-import { FileBrowser as B } from "./components/file-browser/FileBrowser.js";
-import { FileBrowserProvider as a, useFileBrowser as g } from "./components/file-browser/FileBrowserContext.js";
-import { FileBrowserToolbar as S } from "./components/file-browser/FileBrowserToolbar.js";
-import { FileContextMenu as y } from "./components/file-browser/FileContextMenu.js";
-import { FileGridView as T } from "./components/file-browser/FileGridView.js";
-import { FileListView as h } from "./components/file-browser/FileListView.js";
+import { CodeFileIcon as l, ConfigFileIcon as t, DocumentFileIcon as F, FileIcon as c, FileItemIcon as n, FolderIcon as I, FolderOpenIcon as m, ImageFileIcon as p, JavaScriptFileIcon as f, ShellScriptFileIcon as x, StyleFileIcon as s, TypeScriptFileIcon as d, getFileIcon as w, resolveFileItemIcon as a } from "./components/file-browser/FileIcons.js";
+import { DirectoryTree as S } from "./components/file-browser/DirectoryTree.js";
+import { FileBrowser as g } from "./components/file-browser/FileBrowser.js";
+import { FileBrowserProvider as y, useFileBrowser as C } from "./components/file-browser/FileBrowserContext.js";
+import { FileBrowserToolbar as b } from "./components/file-browser/FileBrowserToolbar.js";
+import { FileContextMenu as V } from "./components/file-browser/FileContextMenu.js";
+import { FileGridView as G } from "./components/file-browser/FileGridView.js";
+import { FileListView as L } from "./components/file-browser/FileListView.js";
 export {
   r as Breadcrumb,
   l as CodeFileIcon,
   t as ConfigFileIcon,
-  s as DirectoryTree,
+  S as DirectoryTree,
   F as DocumentFileIcon,
-  B as FileBrowser,
-  a as FileBrowserProvider,
-  S as FileBrowserToolbar,
-  y as FileContextMenu,
-  T as FileGridView,
-  n as FileIcon,
-  h as FileListView,
-  c as FolderIcon,
+  g as FileBrowser,
+  y as FileBrowserProvider,
+  b as FileBrowserToolbar,
+  V as FileContextMenu,
+  G as FileGridView,
+  c as FileIcon,
+  n as FileItemIcon,
+  L as FileListView,
+  I as FolderIcon,
   m as FolderOpenIcon,
   p as ImageFileIcon,
-  I as ShellScriptFileIcon,
-  f as StyleFileIcon,
-  x as getFileIcon,
-  g as useFileBrowser
+  f as JavaScriptFileIcon,
+  x as ShellScriptFileIcon,
+  s as StyleFileIcon,
+  d as TypeScriptFileIcon,
+  w as getFileIcon,
+  a as resolveFileItemIcon,
+  C as useFileBrowser
 };