@burdenoff/microfe-files 2026.510.101

package/dist/files/components/MoveDialog.js

@@ -0,0 +1,123 @@
+import { tWithFallback as e } from "../utils/i18n.js";
+import { useFoldersQuery as t } from "../hooks/useFoldersQuery.js";
+import { useState as n } from "react";
+import { ChevronRight as r, Folder as i, Home as a, Loader2 as o, X as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/files/components/MoveDialog.tsx
+var d = ({ item: d, type: f, onClose: p, onMove: m, isLoading: h = !1 }) => {
+	let { t: g } = u(), [_, v] = n(null), [y, b] = n([]), [x, S] = n(null), { data: C, loading: w } = t(_ || void 0), T = C?.getFolders?.folders || [], E = (e) => {
+		v(e.id), b([...y, {
+			id: e.id,
+			name: e.name
+		}]);
+	}, D = (e) => {
+		if (e === -1) v(null), b([]);
+		else {
+			let t = y[e];
+			v(t.id), b(y.slice(0, e + 1));
+		}
+	}, O = async () => {
+		x !== d.id && (await m(x), p());
+	}, k = T.filter((e) => !(f === "folder" && e.id === d.id));
+	return /* @__PURE__ */ c("div", {
+		className: "fixed inset-0 backdrop-blur-sm flex items-center justify-center z-[100] animate-in fade-in duration-200",
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-label": e(g, "files.moveDialog.ariaLabel", "Move {{type}} {{name}}", {
+			type: f,
+			name: d.name
+		}),
+		children: /* @__PURE__ */ l("div", {
+			className: "bg-bg-surface rounded-lg shadow-xl w-full max-w-md mx-4 max-h-[80vh] flex flex-col animate-in zoom-in-95 duration-200",
+			children: [
+				/* @__PURE__ */ l("div", {
+					className: "flex items-center justify-between px-6 py-4 border-b border-border-default",
+					children: [/* @__PURE__ */ c("h2", {
+						className: "text-lg font-semibold text-text-primary",
+						children: e(g, "files.moveDialog.title", "Move \"{{name}}\"", { name: d.name })
+					}), /* @__PURE__ */ c("button", {
+						onClick: p,
+						className: "p-1 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200",
+						"aria-label": e(g, "files.moveDialog.actions.close", "Close move dialog"),
+						children: /* @__PURE__ */ c(s, { className: "size-5" })
+					})]
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "px-6 py-3 border-b border-border-default bg-bg-muted",
+					children: /* @__PURE__ */ l("div", {
+						className: "flex items-center gap-2 text-sm overflow-x-auto",
+						children: [/* @__PURE__ */ l("button", {
+							onClick: () => D(-1),
+							className: "flex items-center gap-1.5 text-text-primary hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 whitespace-nowrap",
+							children: [/* @__PURE__ */ c(a, { className: "size-4" }), /* @__PURE__ */ c("span", { children: e(g, "files.browser.rootLabel", "My Drive") })]
+						}), y.map((e, t) => /* @__PURE__ */ l("div", {
+							className: "flex items-center gap-2 whitespace-nowrap",
+							children: [/* @__PURE__ */ c(r, { className: "size-4 text-text-tertiary" }), /* @__PURE__ */ c("button", {
+								onClick: () => D(t),
+								className: `hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 ${t === y.length - 1 ? "text-text-primary font-medium" : "text-text-secondary"}`,
+								children: e.name
+							})]
+						}, e.id))]
+					})
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "flex-1 overflow-y-auto px-6 py-4",
+					children: w ? /* @__PURE__ */ c("div", {
+						className: "flex items-center justify-center py-8",
+						children: /* @__PURE__ */ c(o, { className: "size-6 text-text-tertiary animate-spin" })
+					}) : k.length === 0 ? /* @__PURE__ */ l("div", {
+						className: "text-center py-8",
+						children: [/* @__PURE__ */ c(i, { className: "size-12 text-text-tertiary mx-auto mb-3" }), /* @__PURE__ */ c("p", {
+							className: "text-sm text-text-secondary",
+							children: e(g, "files.moveDialog.empty.noFolders", "No folders here")
+						})]
+					}) : /* @__PURE__ */ l("div", {
+						className: "space-y-1",
+						children: [/* @__PURE__ */ l("button", {
+							onClick: () => S(_),
+							className: `w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-left transition-all duration-200 ${x === _ ? "bg-bg-accent border-2 border-action-primary-border" : "hover:bg-action-ghost-bg-hover border-2 border-transparent"}`,
+							children: [/* @__PURE__ */ c(i, { className: "size-5 text-text-link" }), /* @__PURE__ */ c("span", {
+								className: "font-medium text-text-primary",
+								children: e(g, "files.moveDialog.actions.moveHere", "Move here")
+							})]
+						}), k.map((t) => /* @__PURE__ */ l("div", {
+							className: `flex items-center justify-between gap-3 px-3 py-2.5 rounded-lg transition-all duration-200 ${x === t.id ? "bg-bg-accent border-2 border-action-primary-border" : "hover:bg-action-ghost-bg-hover border-2 border-transparent"}`,
+							children: [/* @__PURE__ */ l("button", {
+								onClick: () => S(t.id),
+								className: "flex items-center gap-3 flex-1 min-w-0",
+								children: [/* @__PURE__ */ c(i, { className: "size-5 text-text-link flex-shrink-0" }), /* @__PURE__ */ c("span", {
+									className: "font-medium text-text-primary truncate",
+									children: t.name
+								})]
+							}), /* @__PURE__ */ c("button", {
+								onClick: () => E(t),
+								className: "p-1.5 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200 flex-shrink-0",
+								title: e(g, "files.moveDialog.actions.openFolder", "Open folder"),
+								"aria-label": e(g, "files.moveDialog.actions.openFolderNamed", "Open {{name}}", { name: t.name }),
+								children: /* @__PURE__ */ c(r, { className: "size-4" })
+							})]
+						}, t.id))]
+					})
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "flex items-center justify-end gap-2 px-6 py-4 border-t border-border-default",
+					children: [/* @__PURE__ */ c("button", {
+						onClick: p,
+						className: "px-4 py-2 text-sm font-medium text-text-primary hover:bg-action-ghost-bg-hover rounded-lg transition-colors duration-200",
+						children: e(g, "files.common.actions.cancel", "Cancel")
+					}), /* @__PURE__ */ l("button", {
+						onClick: O,
+						disabled: h || x === void 0,
+						className: "px-4 py-2 text-sm font-medium text-text-inverse bg-action-primary-bg rounded-lg hover:bg-action-primary-bg-hover disabled:bg-bg-muted disabled:text-text-tertiary disabled:cursor-not-allowed transition-colors duration-200 flex items-center gap-2",
+						children: [h && /* @__PURE__ */ c(o, { className: "size-4 animate-spin" }), h ? e(g, "files.moveDialog.actions.moving", "Moving...") : e(g, "files.common.actions.move", "Move")]
+					})]
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { d as MoveDialog };
+
+//# sourceMappingURL=MoveDialog.js.map

package/dist/files/components/MoveDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MoveDialog.js","names":[],"sources":["../../../src/files/components/MoveDialog.tsx"],"sourcesContent":["import { type FC, useState } from \"react\";\nimport { Folder, Home, ChevronRight, Loader2, X } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport type { FileItem, FolderItem } from \"../types\";\nimport { useFoldersQuery } from \"../hooks/useFoldersQuery\";\nimport { tWithFallback } from \"../utils/i18n\";\n\ninterface MoveDialogProps {\n  item: FileItem | FolderItem;\n  type: \"file\" | \"folder\";\n  onClose: () => void;\n  onMove: (destinationFolderId: string | null) => Promise<void>;\n  isLoading?: boolean;\n}\n\nexport const MoveDialog: FC<MoveDialogProps> = ({\n  item,\n  type,\n  onClose,\n  onMove,\n  isLoading = false,\n}) => {\n  const { t } = useI18n();\n  const [currentFolderId, setCurrentFolderId] = useState<string | null>(null);\n  const [breadcrumbs, setBreadcrumbs] = useState<\n    Array<{ id: string; name: string }>\n  >([]);\n  const [selectedDestination, setSelectedDestination] = useState<string | null>(\n    null,\n  );\n\n  // Fetch folders in current location\n  const { data, loading: loadingFolders } = useFoldersQuery(\n    currentFolderId || undefined,\n  );\n  const folders = (data?.getFolders?.folders || []) as FolderItem[];\n\n  const handleFolderClick = (folder: FolderItem) => {\n    setCurrentFolderId(folder.id);\n    setBreadcrumbs([...breadcrumbs, { id: folder.id, name: folder.name }]);\n  };\n\n  const handleBreadcrumbClick = (index: number) => {\n    if (index === -1) {\n      // Go to root\n      setCurrentFolderId(null);\n      setBreadcrumbs([]);\n    } else {\n      const crumb = breadcrumbs[index];\n      setCurrentFolderId(crumb.id);\n      setBreadcrumbs(breadcrumbs.slice(0, index + 1));\n    }\n  };\n\n  const handleMove = async () => {\n    if (selectedDestination === item.id) {\n      // Can't move to itself\n      return;\n    }\n\n    await onMove(selectedDestination);\n    onClose();\n  };\n\n  const filteredFolders = folders.filter((folder) => {\n    // Don't show the item itself if it's a folder\n    if (type === \"folder\" && folder.id === item.id) {\n      return false;\n    }\n    return true;\n  });\n\n  return (\n    <div\n      className=\"fixed inset-0 backdrop-blur-sm flex items-center justify-center z-[100] animate-in fade-in duration-200\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={tWithFallback(\n        t,\n        \"files.moveDialog.ariaLabel\",\n        \"Move {{type}} {{name}}\",\n        { type, name: item.name },\n      )}\n    >\n      <div className=\"bg-bg-surface rounded-lg shadow-xl w-full max-w-md mx-4 max-h-[80vh] flex flex-col animate-in zoom-in-95 duration-200\">\n        {/* Header */}\n        <div className=\"flex items-center justify-between px-6 py-4 border-b border-border-default\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">\n            {tWithFallback(t, \"files.moveDialog.title\", 'Move \"{{name}}\"', {\n              name: item.name,\n            })}\n          </h2>\n          <button\n            onClick={onClose}\n            className=\"p-1 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200\"\n            aria-label={tWithFallback(\n              t,\n              \"files.moveDialog.actions.close\",\n              \"Close move dialog\",\n            )}\n          >\n            <X className=\"size-5\" />\n          </button>\n        </div>\n\n        {/* Breadcrumb navigation */}\n        <div className=\"px-6 py-3 border-b border-border-default bg-bg-muted\">\n          <div className=\"flex items-center gap-2 text-sm overflow-x-auto\">\n            <button\n              onClick={() => handleBreadcrumbClick(-1)}\n              className=\"flex items-center gap-1.5 text-text-primary hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 whitespace-nowrap\"\n            >\n              <Home className=\"size-4\" />\n              <span>\n                {tWithFallback(t, \"files.browser.rootLabel\", \"My Drive\")}\n              </span>\n            </button>\n            {breadcrumbs.map((crumb, index) => (\n              <div\n                key={crumb.id}\n                className=\"flex items-center gap-2 whitespace-nowrap\"\n              >\n                <ChevronRight className=\"size-4 text-text-tertiary\" />\n                <button\n                  onClick={() => handleBreadcrumbClick(index)}\n                  className={`hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 ${\n                    index === breadcrumbs.length - 1\n                      ? \"text-text-primary font-medium\"\n                      : \"text-text-secondary\"\n                  }`}\n                >\n                  {crumb.name}\n                </button>\n              </div>\n            ))}\n          </div>\n        </div>\n\n        {/* Folder list */}\n        <div className=\"flex-1 overflow-y-auto px-6 py-4\">\n          {loadingFolders ? (\n            <div className=\"flex items-center justify-center py-8\">\n              <Loader2 className=\"size-6 text-text-tertiary animate-spin\" />\n            </div>\n          ) : filteredFolders.length === 0 ? (\n            <div className=\"text-center py-8\">\n              <Folder className=\"size-12 text-text-tertiary mx-auto mb-3\" />\n              <p className=\"text-sm text-text-secondary\">\n                {tWithFallback(\n                  t,\n                  \"files.moveDialog.empty.noFolders\",\n                  \"No folders here\",\n                )}\n              </p>\n            </div>\n          ) : (\n            <div className=\"space-y-1\">\n              {/* Option to move to current folder */}\n              <button\n                onClick={() => setSelectedDestination(currentFolderId)}\n                className={`w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-left transition-all duration-200 ${\n                  selectedDestination === currentFolderId\n                    ? \"bg-bg-accent border-2 border-action-primary-border\"\n                    : \"hover:bg-action-ghost-bg-hover border-2 border-transparent\"\n                }`}\n              >\n                <Folder className=\"size-5 text-text-link\" />\n                <span className=\"font-medium text-text-primary\">\n                  {tWithFallback(\n                    t,\n                    \"files.moveDialog.actions.moveHere\",\n                    \"Move here\",\n                  )}\n                </span>\n              </button>\n\n              {/* List of subfolders */}\n              {filteredFolders.map((folder) => (\n                <div\n                  key={folder.id}\n                  className={`flex items-center justify-between gap-3 px-3 py-2.5 rounded-lg transition-all duration-200 ${\n                    selectedDestination === folder.id\n                      ? \"bg-bg-accent border-2 border-action-primary-border\"\n                      : \"hover:bg-action-ghost-bg-hover border-2 border-transparent\"\n                  }`}\n                >\n                  <button\n                    onClick={() => setSelectedDestination(folder.id)}\n                    className=\"flex items-center gap-3 flex-1 min-w-0\"\n                  >\n                    <Folder className=\"size-5 text-text-link flex-shrink-0\" />\n                    <span className=\"font-medium text-text-primary truncate\">\n                      {folder.name}\n                    </span>\n                  </button>\n                  <button\n                    onClick={() => handleFolderClick(folder)}\n                    className=\"p-1.5 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200 flex-shrink-0\"\n                    title={tWithFallback(\n                      t,\n                      \"files.moveDialog.actions.openFolder\",\n                      \"Open folder\",\n                    )}\n                    aria-label={tWithFallback(\n                      t,\n                      \"files.moveDialog.actions.openFolderNamed\",\n                      \"Open {{name}}\",\n                      { name: folder.name },\n                    )}\n                  >\n                    <ChevronRight className=\"size-4\" />\n                  </button>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {/* Footer */}\n        <div className=\"flex items-center justify-end gap-2 px-6 py-4 border-t border-border-default\">\n          <button\n            onClick={onClose}\n            className=\"px-4 py-2 text-sm font-medium text-text-primary hover:bg-action-ghost-bg-hover rounded-lg transition-colors duration-200\"\n          >\n            {tWithFallback(t, \"files.common.actions.cancel\", \"Cancel\")}\n          </button>\n          <button\n            onClick={handleMove}\n            disabled={isLoading || selectedDestination === undefined}\n            className=\"px-4 py-2 text-sm font-medium text-text-inverse bg-action-primary-bg rounded-lg hover:bg-action-primary-bg-hover disabled:bg-bg-muted disabled:text-text-tertiary disabled:cursor-not-allowed transition-colors duration-200 flex items-center gap-2\"\n          >\n            {isLoading && <Loader2 className=\"size-4 animate-spin\" />}\n            {isLoading\n              ? tWithFallback(t, \"files.moveDialog.actions.moving\", \"Moving...\")\n              : tWithFallback(t, \"files.common.actions.move\", \"Move\")}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/files/components/SearchBar.d.ts

@@ -0,0 +1,13 @@
+import { FileFilterInput, FolderFilterInput } from '../graphql-types';
+interface SearchBarProps {
+    onSearch: (query: string, filters?: {
+        fileFilter?: FileFilterInput;
+        folderFilter?: FolderFilterInput;
+    }) => void;
+    placeholder?: string;
+    initialQuery?: string;
+    showFilters?: boolean;
+}
+export declare function SearchBar({ onSearch, placeholder, initialQuery, showFilters, }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SearchBar.d.ts.map

package/dist/files/components/SearchBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../src/files/components/SearchBar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG3E,UAAU,cAAc;IACtB,QAAQ,EAAE,CACR,KAAK,EAAE,MAAM,EACb,OAAO,CAAC,EAAE;QACR,UAAU,CAAC,EAAE,eAAe,CAAC;QAC7B,YAAY,CAAC,EAAE,iBAAiB,CAAC;KAClC,KACE,IAAI,CAAC;IACV,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAgCD,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,WAA2C,EAC3C,YAAiB,EACjB,WAAkB,GACnB,EAAE,cAAc,2CA2WhB"}

package/dist/files/components/SearchBar.js

@@ -0,0 +1,257 @@
+import { tWithFallback as e } from "../utils/i18n.js";
+import { useCallback as t, useEffect as n, useState as r } from "react";
+import { Filter as i, Search as a, X as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/files/components/SearchBar.tsx
+var u = {
+	image: [
+		"image/jpeg",
+		"image/png",
+		"image/gif",
+		"image/webp",
+		"image/svg+xml"
+	],
+	video: [
+		"video/mp4",
+		"video/webm",
+		"video/quicktime"
+	],
+	document: [
+		"application/msword",
+		"application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+		"application/vnd.ms-excel",
+		"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+		"application/vnd.ms-powerpoint",
+		"application/vnd.openxmlformats-officedocument.presentationml.presentation",
+		"text/plain",
+		"text/csv",
+		"application/json"
+	],
+	pdf: ["application/pdf"],
+	archive: [
+		"application/zip",
+		"application/x-tar",
+		"application/x-7z-compressed",
+		"application/gzip",
+		"application/x-rar-compressed"
+	]
+};
+function d({ onSearch: d, placeholder: f = "Search files and folders...", initialQuery: p = "", showFilters: m = !0 }) {
+	let { t: h } = l(), [g, _] = r(p), [v, y] = r(!1), [b, x] = r({}), S = b.status, C = b.status, w = b.visibility, T = b.fileType ? u[b.fileType] : void 0;
+	n(() => {
+		_(p);
+	}, [p]), n(() => {
+		let e = setTimeout(() => {
+			(g.length >= 2 || g.length === 0) && d(g, {
+				fileFilter: {
+					...T && { mimeTypes: T },
+					...S && { status: S },
+					...w && { visibility: w },
+					...b.starred !== void 0 && { starred: b.starred }
+				},
+				folderFilter: {
+					...C && { status: C },
+					...b.starred !== void 0 && { starred: b.starred }
+				}
+			});
+		}, 300);
+		return () => clearTimeout(e);
+	}, [
+		S,
+		T,
+		w,
+		C,
+		b,
+		d,
+		g
+	]);
+	let E = t(() => {
+		_(""), x({}), d("");
+	}, [d]), D = Object.values(b).filter((e) => e !== void 0).length;
+	return /* @__PURE__ */ c("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ c("div", {
+			className: "relative flex items-center",
+			children: [
+				/* @__PURE__ */ s(a, { className: "absolute left-3 size-4 text-text-tertiary" }),
+				/* @__PURE__ */ s("label", {
+					htmlFor: "files-search-input",
+					className: "sr-only",
+					children: e(h, "files.search.input.label", "Search files and folders")
+				}),
+				/* @__PURE__ */ s("input", {
+					id: "files-search-input",
+					type: "text",
+					value: g,
+					onChange: (e) => _(e.target.value),
+					placeholder: f,
+					className: "w-full pl-[3.25rem] pr-20 py-2 border border-border-default rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-border focus:border-action-primary-border transition-colors duration-200"
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "absolute right-2 flex items-center gap-1",
+					children: [g && /* @__PURE__ */ s("button", {
+						onClick: E,
+						className: "p-1.5 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200",
+						title: e(h, "files.search.actions.clearSearch", "Clear search"),
+						"aria-label": e(h, "files.search.actions.clearSearch", "Clear search"),
+						children: /* @__PURE__ */ s(o, { className: "size-4" })
+					}), m && /* @__PURE__ */ c("button", {
+						onClick: () => y(!v),
+						"aria-expanded": v,
+						"aria-controls": "files-search-filter-panel",
+						"aria-label": e(h, "files.search.filters.toggleAria", "Toggle filters"),
+						className: `p-1.5 rounded transition-colors duration-200 relative ${v || D > 0 ? "text-text-link bg-bg-accent hover:bg-action-primary-bg/20" : "text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover"}`,
+						title: e(h, "files.search.filters.title", "Filters"),
+						children: [/* @__PURE__ */ s(i, { className: "size-4" }), D > 0 && /* @__PURE__ */ s("span", {
+							className: "absolute -top-1 -right-1 size-4 bg-action-primary-bg text-text-inverse text-[10px] font-bold rounded-full flex items-center justify-center",
+							children: D
+						})]
+					})]
+				})
+			]
+		}), v && /* @__PURE__ */ s("div", {
+			id: "files-search-filter-panel",
+			className: "absolute top-full left-0 right-0 mt-2 p-4 bg-bg-surface border border-border-default rounded-lg shadow-lg z-10 animate-in fade-in duration-200",
+			children: /* @__PURE__ */ c("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+						className: "block text-sm font-medium text-text-primary mb-1",
+						children: e(h, "files.search.filters.fileType.label", "File Type")
+					}), /* @__PURE__ */ c("select", {
+						value: b.fileType || "",
+						onChange: (e) => x({
+							...b,
+							fileType: e.target.value || void 0
+						}),
+						className: "w-full px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200",
+						children: [
+							/* @__PURE__ */ s("option", {
+								value: "",
+								children: e(h, "files.search.filters.fileType.options.all", "All types")
+							}),
+							/* @__PURE__ */ s("option", {
+								value: "image",
+								children: e(h, "files.search.filters.fileType.options.image", "Images")
+							}),
+							/* @__PURE__ */ s("option", {
+								value: "video",
+								children: e(h, "files.search.filters.fileType.options.video", "Videos")
+							}),
+							/* @__PURE__ */ s("option", {
+								value: "document",
+								children: e(h, "files.search.filters.fileType.options.document", "Documents")
+							}),
+							/* @__PURE__ */ s("option", {
+								value: "pdf",
+								children: e(h, "files.search.filters.fileType.options.pdf", "PDFs")
+							}),
+							/* @__PURE__ */ s("option", {
+								value: "archive",
+								children: e(h, "files.search.filters.fileType.options.archive", "Archives")
+							})
+						]
+					})] }),
+					/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+						className: "block text-sm font-medium text-text-primary mb-1",
+						children: e(h, "files.search.filters.status.label", "Status")
+					}), /* @__PURE__ */ c("select", {
+						value: b.status || "",
+						onChange: (e) => x({
+							...b,
+							status: e.target.value || void 0
+						}),
+						className: "w-full px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200",
+						children: [
+							/* @__PURE__ */ s("option", {
+								value: "",
+								children: e(h, "files.search.filters.status.options.all", "All statuses")
+							}),
+							/* @__PURE__ */ s("option", {
+								value: "ACTIVE",
+								children: e(h, "files.search.filters.status.options.active", "Active")
+							}),
+							/* @__PURE__ */ s("option", {
+								value: "ARCHIVED",
+								children: e(h, "files.search.filters.status.options.archived", "Archived")
+							}),
+							/* @__PURE__ */ s("option", {
+								value: "DELETED",
+								children: e(h, "files.search.filters.status.options.deleted", "Deleted")
+							})
+						]
+					})] }),
+					/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("label", {
+						className: "block text-sm font-medium text-text-primary mb-1",
+						children: e(h, "files.search.filters.visibility.label", "Visibility")
+					}), /* @__PURE__ */ c("select", {
+						value: b.visibility || "",
+						onChange: (e) => x({
+							...b,
+							visibility: e.target.value || void 0
+						}),
+						className: "w-full px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200",
+						children: [
+							/* @__PURE__ */ s("option", {
+								value: "",
+								children: e(h, "files.search.filters.visibility.options.all", "All visibility")
+							}),
+							/* @__PURE__ */ s("option", {
+								value: "PRIVATE",
+								children: e(h, "files.search.filters.visibility.options.private", "Private")
+							}),
+							/* @__PURE__ */ s("option", {
+								value: "TEAM",
+								children: e(h, "files.search.filters.visibility.options.team", "Team")
+							}),
+							/* @__PURE__ */ s("option", {
+								value: "WORKSPACE",
+								children: e(h, "files.search.filters.visibility.options.workspace", "Workspace")
+							}),
+							/* @__PURE__ */ s("option", {
+								value: "PUBLIC",
+								children: e(h, "files.search.filters.visibility.options.public", "Public")
+							})
+						]
+					})] }),
+					/* @__PURE__ */ c("div", {
+						className: "flex items-center",
+						children: [/* @__PURE__ */ s("input", {
+							type: "checkbox",
+							id: "starred-filter",
+							checked: b.starred || !1,
+							onChange: (e) => x({
+								...b,
+								starred: e.target.checked || void 0
+							}),
+							className: "size-4 text-action-primary-bg border-border-default rounded focus:ring-action-primary-border transition-colors duration-200"
+						}), /* @__PURE__ */ s("label", {
+							htmlFor: "starred-filter",
+							className: "ml-2 text-sm text-text-primary",
+							children: e(h, "files.search.filters.starredOnly", "Starred only")
+						})]
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "flex justify-end gap-2 pt-2 border-t border-border-default",
+						children: [/* @__PURE__ */ s("button", {
+							onClick: () => {
+								x({}), y(!1);
+							},
+							className: "px-3 py-1.5 text-sm text-text-primary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200",
+							children: e(h, "files.search.filters.actions.clear", "Clear filters")
+						}), /* @__PURE__ */ s("button", {
+							onClick: () => y(!1),
+							className: "px-3 py-1.5 text-sm bg-action-primary-bg text-text-inverse rounded hover:bg-action-primary-bg-hover transition-colors duration-200",
+							children: e(h, "files.search.filters.actions.apply", "Apply")
+						})]
+					})
+				]
+			})
+		})]
+	});
+}
+//#endregion
+export { d as SearchBar };
+
+//# sourceMappingURL=SearchBar.js.map

package/dist/files/components/SearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.js","names":[],"sources":["../../../src/files/components/SearchBar.tsx"],"sourcesContent":["import { useState, useEffect, useCallback } from \"react\";\nimport { Search, X, Filter } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport type { FileFilterInput, FolderFilterInput } from \"../graphql-types\";\nimport { tWithFallback } from \"../utils/i18n\";\n\ninterface SearchBarProps {\n  onSearch: (\n    query: string,\n    filters?: {\n      fileFilter?: FileFilterInput;\n      folderFilter?: FolderFilterInput;\n    },\n  ) => void;\n  placeholder?: string;\n  initialQuery?: string;\n  showFilters?: boolean;\n}\n\nconst FILE_TYPE_MIME_MAP: Record<string, string[]> = {\n  image: [\n    \"image/jpeg\",\n    \"image/png\",\n    \"image/gif\",\n    \"image/webp\",\n    \"image/svg+xml\",\n  ],\n  video: [\"video/mp4\", \"video/webm\", \"video/quicktime\"],\n  document: [\n    \"application/msword\",\n    \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n    \"application/vnd.ms-excel\",\n    \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n    \"application/vnd.ms-powerpoint\",\n    \"application/vnd.openxmlformats-officedocument.presentationml.presentation\",\n    \"text/plain\",\n    \"text/csv\",\n    \"application/json\",\n  ],\n  pdf: [\"application/pdf\"],\n  archive: [\n    \"application/zip\",\n    \"application/x-tar\",\n    \"application/x-7z-compressed\",\n    \"application/gzip\",\n    \"application/x-rar-compressed\",\n  ],\n};\n\nexport function SearchBar({\n  onSearch,\n  placeholder = \"Search files and folders...\",\n  initialQuery = \"\",\n  showFilters = true,\n}: SearchBarProps) {\n  const { t } = useI18n();\n  const [query, setQuery] = useState(initialQuery);\n  const [showFilterPanel, setShowFilterPanel] = useState(false);\n  const [filters, setFilters] = useState<{\n    fileType?: string;\n    status?: string;\n    visibility?: string;\n    starred?: boolean;\n  }>({});\n  const fileStatus = filters.status as FileFilterInput[\"status\"] | undefined;\n  const folderStatus = filters.status as\n    | FolderFilterInput[\"status\"]\n    | undefined;\n  const fileVisibility = filters.visibility as\n    | FileFilterInput[\"visibility\"]\n    | undefined;\n  const fileMimeTypes = filters.fileType\n    ? FILE_TYPE_MIME_MAP[filters.fileType]\n    : undefined;\n\n  useEffect(() => {\n    setQuery(initialQuery);\n  }, [initialQuery]);\n\n  // Debounced search\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      if (query.length >= 2 || query.length === 0) {\n        const fileFilter: FileFilterInput = {\n          ...(fileMimeTypes && { mimeTypes: fileMimeTypes }),\n          ...(fileStatus && { status: fileStatus }),\n          ...(fileVisibility && { visibility: fileVisibility }),\n          ...(filters.starred !== undefined && { starred: filters.starred }),\n        };\n\n        const folderFilter: FolderFilterInput = {\n          ...(folderStatus && { status: folderStatus }),\n          ...(filters.starred !== undefined && { starred: filters.starred }),\n        };\n\n        onSearch(query, { fileFilter, folderFilter });\n      }\n    }, 300);\n\n    return () => clearTimeout(timer);\n  }, [\n    fileStatus,\n    fileMimeTypes,\n    fileVisibility,\n    folderStatus,\n    filters,\n    onSearch,\n    query,\n  ]);\n\n  const handleClear = useCallback(() => {\n    setQuery(\"\");\n    setFilters({});\n    onSearch(\"\");\n  }, [onSearch]);\n\n  const activeFilterCount = Object.values(filters).filter(\n    (v) => v !== undefined,\n  ).length;\n\n  return (\n    <div className=\"relative\">\n      {/* Search Input */}\n      <div className=\"relative flex items-center\">\n        <Search className=\"absolute left-3 size-4 text-text-tertiary\" />\n        <label htmlFor=\"files-search-input\" className=\"sr-only\">\n          {tWithFallback(\n            t,\n            \"files.search.input.label\",\n            \"Search files and folders\",\n          )}\n        </label>\n        <input\n          id=\"files-search-input\"\n          type=\"text\"\n          value={query}\n          onChange={(e) => setQuery(e.target.value)}\n          placeholder={placeholder}\n          className=\"w-full pl-[3.25rem] pr-20 py-2 border border-border-default rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-border focus:border-action-primary-border transition-colors duration-200\"\n        />\n        <div className=\"absolute right-2 flex items-center gap-1\">\n          {query && (\n            <button\n              onClick={handleClear}\n              className=\"p-1.5 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200\"\n              title={tWithFallback(\n                t,\n                \"files.search.actions.clearSearch\",\n                \"Clear search\",\n              )}\n              aria-label={tWithFallback(\n                t,\n                \"files.search.actions.clearSearch\",\n                \"Clear search\",\n              )}\n            >\n              <X className=\"size-4\" />\n            </button>\n          )}\n          {showFilters && (\n            <button\n              onClick={() => setShowFilterPanel(!showFilterPanel)}\n              aria-expanded={showFilterPanel}\n              aria-controls=\"files-search-filter-panel\"\n              aria-label={tWithFallback(\n                t,\n                \"files.search.filters.toggleAria\",\n                \"Toggle filters\",\n              )}\n              className={`p-1.5 rounded transition-colors duration-200 relative ${\n                showFilterPanel || activeFilterCount > 0\n                  ? \"text-text-link bg-bg-accent hover:bg-action-primary-bg/20\"\n                  : \"text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover\"\n              }`}\n              title={tWithFallback(t, \"files.search.filters.title\", \"Filters\")}\n            >\n              <Filter className=\"size-4\" />\n              {activeFilterCount > 0 && (\n                <span className=\"absolute -top-1 -right-1 size-4 bg-action-primary-bg text-text-inverse text-[10px] font-bold rounded-full flex items-center justify-center\">\n                  {activeFilterCount}\n                </span>\n              )}\n            </button>\n          )}\n        </div>\n      </div>\n\n      {/* Filter Panel */}\n      {showFilterPanel && (\n        <div\n          id=\"files-search-filter-panel\"\n          className=\"absolute top-full left-0 right-0 mt-2 p-4 bg-bg-surface border border-border-default rounded-lg shadow-lg z-10 animate-in fade-in duration-200\"\n        >\n          <div className=\"space-y-4\">\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                {tWithFallback(\n                  t,\n                  \"files.search.filters.fileType.label\",\n                  \"File Type\",\n                )}\n              </label>\n              <select\n                value={filters.fileType || \"\"}\n                onChange={(e) =>\n                  setFilters({\n                    ...filters,\n                    fileType: e.target.value || undefined,\n                  })\n                }\n                className=\"w-full px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200\"\n              >\n                <option value=\"\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.fileType.options.all\",\n                    \"All types\",\n                  )}\n                </option>\n                <option value=\"image\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.fileType.options.image\",\n                    \"Images\",\n                  )}\n                </option>\n                <option value=\"video\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.fileType.options.video\",\n                    \"Videos\",\n                  )}\n                </option>\n                <option value=\"document\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.fileType.options.document\",\n                    \"Documents\",\n                  )}\n                </option>\n                <option value=\"pdf\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.fileType.options.pdf\",\n                    \"PDFs\",\n                  )}\n                </option>\n                <option value=\"archive\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.fileType.options.archive\",\n                    \"Archives\",\n                  )}\n                </option>\n              </select>\n            </div>\n\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                {tWithFallback(\n                  t,\n                  \"files.search.filters.status.label\",\n                  \"Status\",\n                )}\n              </label>\n              <select\n                value={filters.status || \"\"}\n                onChange={(e) =>\n                  setFilters({\n                    ...filters,\n                    status: e.target.value || undefined,\n                  })\n                }\n                className=\"w-full px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200\"\n              >\n                <option value=\"\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.status.options.all\",\n                    \"All statuses\",\n                  )}\n                </option>\n                <option value=\"ACTIVE\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.status.options.active\",\n                    \"Active\",\n                  )}\n                </option>\n                <option value=\"ARCHIVED\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.status.options.archived\",\n                    \"Archived\",\n                  )}\n                </option>\n                <option value=\"DELETED\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.status.options.deleted\",\n                    \"Deleted\",\n                  )}\n                </option>\n              </select>\n            </div>\n\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                {tWithFallback(\n                  t,\n                  \"files.search.filters.visibility.label\",\n                  \"Visibility\",\n                )}\n              </label>\n              <select\n                value={filters.visibility || \"\"}\n                onChange={(e) =>\n                  setFilters({\n                    ...filters,\n                    visibility: e.target.value || undefined,\n                  })\n                }\n                className=\"w-full px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200\"\n              >\n                <option value=\"\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.visibility.options.all\",\n                    \"All visibility\",\n                  )}\n                </option>\n                <option value=\"PRIVATE\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.visibility.options.private\",\n                    \"Private\",\n                  )}\n                </option>\n                <option value=\"TEAM\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.visibility.options.team\",\n                    \"Team\",\n                  )}\n                </option>\n                <option value=\"WORKSPACE\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.visibility.options.workspace\",\n                    \"Workspace\",\n                  )}\n                </option>\n                <option value=\"PUBLIC\">\n                  {tWithFallback(\n                    t,\n                    \"files.search.filters.visibility.options.public\",\n                    \"Public\",\n                  )}\n                </option>\n              </select>\n            </div>\n\n            <div className=\"flex items-center\">\n              <input\n                type=\"checkbox\"\n                id=\"starred-filter\"\n                checked={filters.starred || false}\n                onChange={(e) =>\n                  setFilters({\n                    ...filters,\n                    starred: e.target.checked || undefined,\n                  })\n                }\n                className=\"size-4 text-action-primary-bg border-border-default rounded focus:ring-action-primary-border transition-colors duration-200\"\n              />\n              <label\n                htmlFor=\"starred-filter\"\n                className=\"ml-2 text-sm text-text-primary\"\n              >\n                {tWithFallback(\n                  t,\n                  \"files.search.filters.starredOnly\",\n                  \"Starred only\",\n                )}\n              </label>\n            </div>\n\n            <div className=\"flex justify-end gap-2 pt-2 border-t border-border-default\">\n              <button\n                onClick={() => {\n                  setFilters({});\n                  setShowFilterPanel(false);\n                }}\n                className=\"px-3 py-1.5 text-sm text-text-primary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200\"\n              >\n                {tWithFallback(\n                  t,\n                  \"files.search.filters.actions.clear\",\n                  \"Clear filters\",\n                )}\n              </button>\n              <button\n                onClick={() => setShowFilterPanel(false)}\n                className=\"px-3 py-1.5 text-sm bg-action-primary-bg text-text-inverse rounded hover:bg-action-primary-bg-hover transition-colors duration-200\"\n              >\n                {tWithFallback(\n                  t,\n                  \"files.search.filters.actions.apply\",\n                  \"Apply\",\n                )}\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/files/components/ShareDialog.d.ts

@@ -0,0 +1,24 @@
+import { FileItem, FolderItem } from '../types';
+export interface ShareDialogInput {
+    fileId?: string;
+    folderId?: string;
+    shareType: "PUBLIC_LINK" | "EMAIL_INVITE";
+    accessLevel: "VIEW" | "DOWNLOAD" | "EDIT";
+    expiresAt?: string;
+    maxDownloads?: number;
+    password?: string;
+    invitedEmail?: string;
+}
+interface ShareDialogProps {
+    item: FileItem | FolderItem;
+    itemType: "file" | "folder";
+    onClose: () => void;
+    onCreateShare: (input: ShareDialogInput) => Promise<{
+        publicUrl: string;
+        token: string;
+    }>;
+    isLoading?: boolean;
+}
+export declare function ShareDialog({ item, itemType, onClose, onCreateShare, isLoading, }: ShareDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ShareDialog.d.ts.map

package/dist/files/components/ShareDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareDialog.d.ts","sourceRoot":"","sources":["../../../src/files/components/ShareDialog.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGrD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,aAAa,GAAG,cAAc,CAAC;IAC1C,WAAW,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,gBAAgB;IACxB,IAAI,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC5B,QAAQ,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,CACb,KAAK,EAAE,gBAAgB,KACpB,OAAO,CAAC;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,aAAa,EACb,SAAS,GACV,EAAE,gBAAgB,2CAkYlB"}