@floegence/floe-webapp-core 0.35.48 → 0.35.49

package/dist/components/file-browser/useFileBrowserMarqueeSelection.d.ts

@@ -12,4 +12,5 @@ export interface FileBrowserMarqueeSelectionResult {
     overlayStyle: Accessor<Record<string, string> | null>;
     onPointerDown: (event: PointerEvent) => void;
 }
+export declare const FILE_BROWSER_MARQUEE_OVERLAY_CLASS = "pointer-events-none fixed z-40 rounded-md floe-file-browser-marquee-overlay";
 export declare function createFileBrowserMarqueeSelection(options: FileBrowserMarqueeSelectionOptions): FileBrowserMarqueeSelectionResult;

package/dist/components/file-browser/useFileBrowserMarqueeSelection.js

@@ -1,7 +1,7 @@
-import { createSignal as v, createMemo as y, onCleanup as w } from "solid-js";
+import { createSignal as R, createMemo as b, onCleanup as y } from "solid-js";
 import { isPrimaryModKeyPressed as L } from "../../utils/keybind.js";
-const P = 4;
-function R(t, n, l, o) {
+const w = 4, G = "pointer-events-none fixed z-40 rounded-md floe-file-browser-marquee-overlay";
+function x(t, n, l, o) {
   const r = Math.min(t, l), c = Math.min(n, o);
   return {
     left: r,
@@ -10,44 +10,44 @@ function R(t, n, l, o) {
     height: Math.abs(o - n)
   };
 }
-function x(t, n) {
+function P(t, n) {
   return !(t.left + t.width < n.left || n.right < t.left || t.top + t.height < n.top || n.bottom < t.top);
 }
-function D(t) {
+function _(t) {
   return !(!(t instanceof Element) || t.closest("[data-file-browser-item-id]") || t.closest('button, input, textarea, select, a, [role="button"], [role="menuitem"]'));
 }
-function $(t) {
-  const [n, l] = v(null);
+function C(t) {
+  const [n, l] = R(null);
   let o = null, r = !1, c = [], s = 0, a = 0, u = !1;
-  const I = () => {
-    typeof document > "u" || (document.removeEventListener("pointermove", p, !0), document.removeEventListener("pointerup", m, !0), document.removeEventListener("pointercancel", h, !0));
+  const g = () => {
+    typeof document > "u" || (document.removeEventListener("pointermove", m, !0), document.removeEventListener("pointerup", p, !0), document.removeEventListener("pointercancel", h, !0));
   }, f = () => {
-    I(), o = null, r = !1, c = [], s = 0, a = 0, u = !1, l(null);
+    g(), o = null, r = !1, c = [], s = 0, a = 0, u = !1, l(null);
   }, E = (e) => {
-    const d = t.getVisibleItemIdsInOrder().filter((b) => {
-      const g = t.getElementForId(b);
-      return g ? x(e, g.getBoundingClientRect()) : !1;
+    const d = t.getVisibleItemIdsInOrder().filter((M) => {
+      const I = t.getElementForId(M);
+      return I ? P(e, I.getBoundingClientRect()) : !1;
     }), i = r ? [...c, ...d] : d;
     t.replaceSelection(i, {
       anchorId: r ? void 0 : i[0] ?? null,
       lastInteractedId: i[i.length - 1] ?? null,
       preserveAnchor: r
     });
-  }, p = (e) => {
+  }, m = (e) => {
     if (o !== e.pointerId) return;
     const d = Math.hypot(e.clientX - s, e.clientY - a);
-    if (!u && d < P)
+    if (!u && d < w)
       return;
     e.preventDefault(), u = !0;
-    const i = R(s, a, e.clientX, e.clientY);
+    const i = x(s, a, e.clientX, e.clientY);
     l(i), E(i);
-  }, m = (e) => {
+  }, p = (e) => {
     o === e.pointerId && (!u && !r && t.clearSelection(), f());
   }, h = (e) => {
     o === e.pointerId && f();
-  }, M = (e) => {
-    e.pointerType !== "mouse" || e.button !== 0 || D(e.target) && t.getContainer() && (o = e.pointerId, r = L(e), c = r ? t.getSelectedIds() : [], s = e.clientX, a = e.clientY, u = !1, typeof document < "u" && (document.addEventListener("pointermove", p, !0), document.addEventListener("pointerup", m, !0), document.addEventListener("pointercancel", h, !0)), e.preventDefault());
-  }, S = y(() => {
+  }, S = (e) => {
+    e.pointerType !== "mouse" || e.button !== 0 || _(e.target) && t.getContainer() && (o = e.pointerId, r = L(e), c = r ? t.getSelectedIds() : [], s = e.clientX, a = e.clientY, u = !1, typeof document < "u" && (document.addEventListener("pointermove", m, !0), document.addEventListener("pointerup", p, !0), document.addEventListener("pointercancel", h, !0)), e.preventDefault());
+  }, v = b(() => {
     const e = n();
     return e ? {
       left: `${e.left}px`,
@@ -56,13 +56,14 @@ function $(t) {
       height: `${e.height}px`
     } : null;
   });
-  return w(() => {
+  return y(() => {
     f();
   }), {
-    overlayStyle: S,
-    onPointerDown: M
+    overlayStyle: v,
+    onPointerDown: S
   };
 }
 export {
-  $ as createFileBrowserMarqueeSelection
+  G as FILE_BROWSER_MARQUEE_OVERLAY_CLASS,
+  C as createFileBrowserMarqueeSelection
 };

package/dist/floe.css

@@ -324,6 +324,14 @@
     -webkit-touch-callout: none;
   }
 
+  .floe-file-browser-marquee-overlay {
+    border: 2px solid color-mix(in srgb, var(--selection-bg) 96%, white 4%);
+    background-color: color-mix(in srgb, var(--selection-bg) 18%, transparent);
+    box-shadow:
+      0 0 0 1px color-mix(in srgb, var(--selection-bg) 24%, white 12%),
+      0 8px 24px color-mix(in srgb, var(--selection-bg) 18%, transparent);
+  }
+
   [data-floe-touch-surface='true'],
   [data-floe-touch-surface='true'] * {
     -webkit-user-select: none;