@burdenoff/microfe-files 2026.1014.12 → 2026.1016.10

package/dist/files/components/MoveDialog.js

@@ -19,8 +19,8 @@ var g = ({ item: g, type: _, onClose: v, onMove: y, isLoading: b = !1 }) => {
 			C(t.id), T(w.slice(0, e + 1)), D(t.id);
 		}
 	}, N = async () => {
-		E === void 0 || E === g.id || (await y(E), v());
-	}, P = A.filter((e) => !(_ === "folder" && e.id === g.id));
+		E !== void 0 && E !== g.id && (await y(E), v());
+	}, P = A.filter((e) => _ !== "folder" || e.id !== g.id);
 	return /* @__PURE__ */ s(d, {
 		open: !0,
 		onOpenChange: (e) => {

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

@@ -1 +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 } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogFooter,\n  Button,\n} from \"@burdenoff/fe-libs/ui\";\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  // undefined = nothing selected yet; null = root selected; string = folder id selected\n  const [selectedDestination, setSelectedDestination] = useState<\n    string | null | undefined\n  >(undefined);\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 handleFolderNavigate = (folder: FolderItem) => {\n    setCurrentFolderId(folder.id);\n    setBreadcrumbs([...breadcrumbs, { id: folder.id, name: folder.name }]);\n    setSelectedDestination(folder.id);\n  };\n\n  const handleBreadcrumbClick = (index: number) => {\n    if (index === -1) {\n      setCurrentFolderId(null);\n      setBreadcrumbs([]);\n      setSelectedDestination(null);\n    } else {\n      const crumb = breadcrumbs[index];\n      setCurrentFolderId(crumb.id);\n      setBreadcrumbs(breadcrumbs.slice(0, index + 1));\n      setSelectedDestination(crumb.id);\n    }\n  };\n\n  const handleMove = async () => {\n    if (selectedDestination === undefined || selectedDestination === item.id) {\n      return;\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    <ResponsiveDialog\n      open\n      onOpenChange={(next: boolean) => {\n        if (!next && !isLoading) {\n          onClose();\n        }\n      }}\n    >\n      <ResponsiveDialogContent\n        className=\"flex max-h-[80vh] w-full max-w-md flex-col gap-0 p-0\"\n        aria-label={tWithFallback(\n          t,\n          \"files.moveDialog.ariaLabel\",\n          \"Move {{type}} {{name}}\",\n          { type, name: item.name },\n        )}\n      >\n        {/* Header */}\n        <ResponsiveDialogHeader className=\"px-6 py-4 border-b border-border-default text-left\">\n          <ResponsiveDialogTitle className=\"text-lg font-semibold text-text-primary\">\n            {tWithFallback(t, \"files.moveDialog.title\", 'Move \"{{name}}\"', {\n              name: item.name,\n            })}\n          </ResponsiveDialogTitle>\n        </ResponsiveDialogHeader>\n\n        {/* Breadcrumb navigation */}\n        <div className=\"px-6 py-3 border-b border-border-default bg-bg-sunken\">\n          <div className=\"flex items-center gap-2 text-sm overflow-x-auto\">\n            <button\n              type=\"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                  type=\"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          ) : (\n            <div className=\"space-y-1\">\n              {/* Option to move to current folder */}\n              <button\n                type=\"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              {filteredFolders.length === 0 ? (\n                <p className=\"text-sm text-text-secondary text-center py-4\">\n                  {tWithFallback(\n                    t,\n                    \"files.moveDialog.empty.noSubfolders\",\n                    \"No subfolders\",\n                  )}\n                </p>\n              ) : (\n                /* List of subfolders — clicking name selects, ChevronRight navigates in */\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                      type=\"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                      type=\"button\"\n                      onClick={() => handleFolderNavigate(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              )}\n            </div>\n          )}\n        </div>\n\n        {/* Footer */}\n        <ResponsiveDialogFooter className=\"px-6 py-4 border-t border-border-default\">\n          <Button type=\"button\" variant=\"outline\" onClick={onClose}>\n            {tWithFallback(t, \"files.common.actions.cancel\", \"Cancel\")}\n          </Button>\n          <Button\n            type=\"button\"\n            onClick={handleMove}\n            disabled={isLoading || selectedDestination === undefined}\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        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"MoveDialog.js","names":["MoveDialog","useI18n","currentFolderId","setCurrentFolderId","useState","breadcrumbs","setBreadcrumbs","selectedDestination","setSelectedDestination","loadingFolders","useFoldersQuery","folders","data","handleFolderNavigate","folder","handleBreadcrumbClick","index","crumb","handleMove","item","onMove","onClose","filteredFolders","type","ResponsiveDialog","next","isLoading","ResponsiveDialogContent","tWithFallback","t","ResponsiveDialogHeader","ResponsiveDialogTitle","Home","ChevronRight","Loader2","Folder","ResponsiveDialogFooter","Button"],"sources":["../../../src/files/components/MoveDialog.tsx"],"sourcesContent":["import { type FC, useState } from \"react\";\nimport { Folder, Home, ChevronRight, Loader2 } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogFooter,\n  Button,\n} from \"@burdenoff/fe-libs/ui\";\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  // undefined = nothing selected yet; null = root selected; string = folder id selected\n  const [selectedDestination, setSelectedDestination] = useState<\n    string | null | undefined\n  >(undefined);\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 handleFolderNavigate = (folder: FolderItem) => {\n    setCurrentFolderId(folder.id);\n    setBreadcrumbs([...breadcrumbs, { id: folder.id, name: folder.name }]);\n    setSelectedDestination(folder.id);\n  };\n\n  const handleBreadcrumbClick = (index: number) => {\n    if (index === -1) {\n      setCurrentFolderId(null);\n      setBreadcrumbs([]);\n      setSelectedDestination(null);\n    } else {\n      const crumb = breadcrumbs[index];\n      setCurrentFolderId(crumb.id);\n      setBreadcrumbs(breadcrumbs.slice(0, index + 1));\n      setSelectedDestination(crumb.id);\n    }\n  };\n\n  const handleMove = async () => {\n    if (selectedDestination === undefined || selectedDestination === item.id) {\n      return;\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    <ResponsiveDialog\n      open\n      onOpenChange={(next: boolean) => {\n        if (!next && !isLoading) {\n          onClose();\n        }\n      }}\n    >\n      <ResponsiveDialogContent\n        className=\"flex max-h-[80vh] w-full max-w-md flex-col gap-0 p-0\"\n        aria-label={tWithFallback(\n          t,\n          \"files.moveDialog.ariaLabel\",\n          \"Move {{type}} {{name}}\",\n          { type, name: item.name },\n        )}\n      >\n        {/* Header */}\n        <ResponsiveDialogHeader className=\"px-6 py-4 border-b border-border-default text-left\">\n          <ResponsiveDialogTitle className=\"text-lg font-semibold text-text-primary\">\n            {tWithFallback(t, \"files.moveDialog.title\", 'Move \"{{name}}\"', {\n              name: item.name,\n            })}\n          </ResponsiveDialogTitle>\n        </ResponsiveDialogHeader>\n\n        {/* Breadcrumb navigation */}\n        <div className=\"px-6 py-3 border-b border-border-default bg-bg-sunken\">\n          <div className=\"flex items-center gap-2 text-sm overflow-x-auto\">\n            <button\n              type=\"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                  type=\"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          ) : (\n            <div className=\"space-y-1\">\n              {/* Option to move to current folder */}\n              <button\n                type=\"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              {filteredFolders.length === 0 ? (\n                <p className=\"text-sm text-text-secondary text-center py-4\">\n                  {tWithFallback(\n                    t,\n                    \"files.moveDialog.empty.noSubfolders\",\n                    \"No subfolders\",\n                  )}\n                </p>\n              ) : (\n                /* List of subfolders — clicking name selects, ChevronRight navigates in */\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                      type=\"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                      type=\"button\"\n                      onClick={() => handleFolderNavigate(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              )}\n            </div>\n          )}\n        </div>\n\n        {/* Footer */}\n        <ResponsiveDialogFooter className=\"px-6 py-4 border-t border-border-default\">\n          <Button type=\"button\" variant=\"outline\" onClick={onClose}>\n            {tWithFallback(t, \"files.common.actions.cancel\", \"Cancel\")}\n          </Button>\n          <Button\n            type=\"button\"\n            onClick={handleMove}\n            disabled={isLoading || selectedDestination === undefined}\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        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n};\n"],"mappings":"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"}

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

@@ -8,6 +8,6 @@ interface SearchBarProps {
     initialQuery?: string;
     showFilters?: boolean;
 }
-export declare function SearchBar({ onSearch, placeholder, initialQuery, showFilters, }: SearchBarProps): import("react").JSX.Element;
+export declare function SearchBar({ onSearch, placeholder, initialQuery, showFilters, }: SearchBarProps): import('react').JSX.Element;
 export {};
 //# sourceMappingURL=SearchBar.d.ts.map

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

@@ -1 +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,+BAoYhB"}
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../src/files/components/SearchBar.tsx"],"names":[],"mappings":"AAQA,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,+BAsYhB"}

package/dist/files/components/SearchBar.js

@@ -1,10 +1,11 @@
-import { tWithFallback as e } from "../utils/i18n.js";
-import { useCallback as t, useEffect as n, useEffectEvent as r, useState as i } from "react";
-import { Filter as a, Search 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";
+import { FileStatus as e, FileVisibility as t, FolderStatus as n } from "../../generated/wspace-types.js";
+import { tWithFallback as r } from "../utils/i18n.js";
+import { useCallback as i, useEffect as a, useEffectEvent as o, useState as s } from "react";
+import { Filter as c, Search as l, X as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/files/components/SearchBar.tsx
-var d = {
+var m = {
 	image: [
 		"image/jpeg",
 		"image/png",
@@ -37,225 +38,228 @@ var d = {
 		"application/x-rar-compressed"
 	]
 };
-function f({ onSearch: f, placeholder: p = "Search files and folders...", initialQuery: m = "", showFilters: h = !0 }) {
-	let { t: g } = u(), [_, v] = i(m), [y, b] = i(!1), [x, S] = i({}), C = x.status, w = x.status, T = x.visibility, E = x.fileType ? d[x.fileType] : void 0;
-	n(() => {
-		v(m);
-	}, [m]);
-	let D = r(() => {
-		(_.length >= 2 || _.length === 0) && f(_, {
-			fileFilter: {
-				...E && { mimeTypes: E },
-				...C && { status: C },
-				...T && { visibility: T },
-				...x.starred !== void 0 && { starred: x.starred }
-			},
-			folderFilter: {
-				...w && { status: w },
-				...x.starred !== void 0 && { starred: x.starred }
-			}
-		});
+function h({ onSearch: h, placeholder: g = "Search files and folders...", initialQuery: _ = "", showFilters: v = !0 }) {
+	let { t: y } = p(), [b, x] = s(_), [S, C] = s(!1), [w, T] = s({}), E = w.status, D = Object.values(n).find((e) => String(e) === w.status), O = w.visibility, k = w.fileType ? m[w.fileType] : void 0;
+	a(() => {
+		x(_);
+	}, [_]);
+	let A = o(() => {
+		if (b.length >= 2 || b.length === 0) {
+			let e = {
+				...k && { mimeTypes: k },
+				...E && { status: E },
+				...O && { visibility: O },
+				...w.starred !== void 0 && { starred: w.starred }
+			}, t = {
+				...D && { status: D },
+				...w.starred !== void 0 && { starred: w.starred }
+			};
+			h(b, {
+				fileFilter: e,
+				folderFilter: t
+			});
+		}
 	});
-	n(() => {
+	a(() => {
 		let e = setTimeout(() => {
-			D();
+			A();
 		}, 300);
 		return () => clearTimeout(e);
 	}, [
-		C,
 		E,
-		T,
+		k,
+		O,
+		D,
 		w,
-		x,
-		_
+		b
 	]);
-	let O = t(() => {
-		v(""), S({}), f("");
-	}, [f]), k = Object.values(x).filter((e) => e !== void 0).length;
-	return /* @__PURE__ */ l("div", {
+	let j = i(() => {
+		x(""), T({}), h("");
+	}, [h]), M = Object.values(w).filter((e) => e !== void 0).length;
+	return /* @__PURE__ */ f("div", {
 		className: "relative",
-		children: [/* @__PURE__ */ l("div", {
+		children: [/* @__PURE__ */ f("div", {
 			className: "relative flex items-center",
 			children: [
-				/* @__PURE__ */ c(o, { className: "absolute left-3 size-4 text-text-tertiary" }),
-				/* @__PURE__ */ c("label", {
+				/* @__PURE__ */ d(l, { className: "absolute left-3 size-4 text-text-tertiary" }),
+				/* @__PURE__ */ d("label", {
 					htmlFor: "files-search-input",
 					className: "sr-only",
-					children: e(g, "files.search.input.label", "Search files and folders")
+					children: r(y, "files.search.input.label", "Search files and folders")
 				}),
-				/* @__PURE__ */ c("input", {
+				/* @__PURE__ */ d("input", {
 					id: "files-search-input",
 					type: "text",
-					value: _,
-					onChange: (e) => v(e.target.value),
-					placeholder: p,
-					"aria-label": e(g, "files.search.input.label", "Search files and folders"),
+					value: b,
+					onChange: (e) => x(e.target.value),
+					placeholder: g,
+					"aria-label": r(y, "files.search.input.label", "Search files and folders"),
 					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__ */ l("div", {
+				/* @__PURE__ */ f("div", {
 					className: "absolute right-2 flex items-center gap-1",
-					children: [_ && /* @__PURE__ */ c("button", {
+					children: [b && /* @__PURE__ */ d("button", {
 						type: "button",
-						onClick: O,
+						onClick: j,
 						className: "p-1.5 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200",
-						title: e(g, "files.search.actions.clearSearch", "Clear search"),
-						"aria-label": e(g, "files.search.actions.clearSearch", "Clear search"),
-						children: /* @__PURE__ */ c(s, { className: "size-4" })
-					}), h && /* @__PURE__ */ l("button", {
+						title: r(y, "files.search.actions.clearSearch", "Clear search"),
+						"aria-label": r(y, "files.search.actions.clearSearch", "Clear search"),
+						children: /* @__PURE__ */ d(u, { className: "size-4" })
+					}), v && /* @__PURE__ */ f("button", {
 						type: "button",
-						onClick: () => b(!y),
-						"aria-expanded": y,
+						onClick: () => C(!S),
+						"aria-expanded": S,
 						"aria-controls": "files-search-filter-panel",
-						"aria-label": e(g, "files.search.filters.toggleAria", "Toggle filters"),
-						className: `p-1.5 rounded transition-colors duration-200 relative ${y || k > 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(g, "files.search.filters.title", "Filters"),
-						children: [/* @__PURE__ */ c(a, { className: "size-4" }), k > 0 && /* @__PURE__ */ c("span", {
+						"aria-label": r(y, "files.search.filters.toggleAria", "Toggle filters"),
+						className: `p-1.5 rounded transition-colors duration-200 relative ${S || M > 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: r(y, "files.search.filters.title", "Filters"),
+						children: [/* @__PURE__ */ d(c, { className: "size-4" }), M > 0 && /* @__PURE__ */ d("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: k
+							children: M
 						})]
 					})]
 				})
 			]
-		}), y && /* @__PURE__ */ c("div", {
+		}), S && /* @__PURE__ */ d("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__ */ l("div", {
+			children: /* @__PURE__ */ f("div", {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+					/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
 						className: "block text-sm font-medium text-text-primary mb-1",
-						children: e(g, "files.search.filters.fileType.label", "File Type")
-					}), /* @__PURE__ */ l("select", {
-						value: x.fileType || "",
-						onChange: (e) => S({
-							...x,
+						children: r(y, "files.search.filters.fileType.label", "File Type")
+					}), /* @__PURE__ */ f("select", {
+						value: w.fileType || "",
+						onChange: (e) => T({
+							...w,
 							fileType: e.target.value || void 0
 						}),
-						"aria-label": e(g, "files.search.filters.fileType.label", "File Type"),
+						"aria-label": r(y, "files.search.filters.fileType.label", "File Type"),
 						className: "w-full px-3 py-2 border border-border-default rounded-lg bg-bg-surface text-text-primary scheme-normal dark:scheme-dark focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200 [&_option]:bg-bg-surface [&_option]:text-text-primary",
 						children: [
-							/* @__PURE__ */ c("option", {
+							/* @__PURE__ */ d("option", {
 								value: "",
-								children: e(g, "files.search.filters.fileType.options.all", "All types")
+								children: r(y, "files.search.filters.fileType.options.all", "All types")
 							}),
-							/* @__PURE__ */ c("option", {
+							/* @__PURE__ */ d("option", {
 								value: "image",
-								children: e(g, "files.search.filters.fileType.options.image", "Images")
+								children: r(y, "files.search.filters.fileType.options.image", "Images")
 							}),
-							/* @__PURE__ */ c("option", {
+							/* @__PURE__ */ d("option", {
 								value: "video",
-								children: e(g, "files.search.filters.fileType.options.video", "Videos")
+								children: r(y, "files.search.filters.fileType.options.video", "Videos")
 							}),
-							/* @__PURE__ */ c("option", {
+							/* @__PURE__ */ d("option", {
 								value: "document",
-								children: e(g, "files.search.filters.fileType.options.document", "Documents")
+								children: r(y, "files.search.filters.fileType.options.document", "Documents")
 							}),
-							/* @__PURE__ */ c("option", {
+							/* @__PURE__ */ d("option", {
 								value: "pdf",
-								children: e(g, "files.search.filters.fileType.options.pdf", "PDFs")
+								children: r(y, "files.search.filters.fileType.options.pdf", "PDFs")
 							}),
-							/* @__PURE__ */ c("option", {
+							/* @__PURE__ */ d("option", {
 								value: "archive",
-								children: e(g, "files.search.filters.fileType.options.archive", "Archives")
+								children: r(y, "files.search.filters.fileType.options.archive", "Archives")
 							})
 						]
 					})] }),
-					/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+					/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
 						className: "block text-sm font-medium text-text-primary mb-1",
-						children: e(g, "files.search.filters.status.label", "Status")
-					}), /* @__PURE__ */ l("select", {
-						value: x.status || "",
-						onChange: (e) => S({
-							...x,
-							status: e.target.value || void 0
+						children: r(y, "files.search.filters.status.label", "Status")
+					}), /* @__PURE__ */ f("select", {
+						value: w.status || "",
+						onChange: (t) => T({
+							...w,
+							status: Object.values(e).find((e) => e === t.target.value)
 						}),
-						"aria-label": e(g, "files.search.filters.status.label", "Status"),
+						"aria-label": r(y, "files.search.filters.status.label", "Status"),
 						className: "w-full px-3 py-2 border border-border-default rounded-lg bg-bg-surface text-text-primary scheme-normal dark:scheme-dark focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200 [&_option]:bg-bg-surface [&_option]:text-text-primary",
 						children: [
-							/* @__PURE__ */ c("option", {
+							/* @__PURE__ */ d("option", {
 								value: "",
-								children: e(g, "files.search.filters.status.options.all", "All statuses")
+								children: r(y, "files.search.filters.status.options.all", "All statuses")
 							}),
-							/* @__PURE__ */ c("option", {
+							/* @__PURE__ */ d("option", {
 								value: "ACTIVE",
-								children: e(g, "files.search.filters.status.options.active", "Active")
+								children: r(y, "files.search.filters.status.options.active", "Active")
 							}),
-							/* @__PURE__ */ c("option", {
+							/* @__PURE__ */ d("option", {
 								value: "ARCHIVED",
-								children: e(g, "files.search.filters.status.options.archived", "Archived")
+								children: r(y, "files.search.filters.status.options.archived", "Archived")
 							}),
-							/* @__PURE__ */ c("option", {
+							/* @__PURE__ */ d("option", {
 								value: "DELETED",
-								children: e(g, "files.search.filters.status.options.deleted", "Deleted")
+								children: r(y, "files.search.filters.status.options.deleted", "Deleted")
 							})
 						]
 					})] }),
-					/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("label", {
+					/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
 						className: "block text-sm font-medium text-text-primary mb-1",
-						children: e(g, "files.search.filters.visibility.label", "Visibility")
-					}), /* @__PURE__ */ l("select", {
-						value: x.visibility || "",
-						onChange: (e) => S({
-							...x,
-							visibility: e.target.value || void 0
+						children: r(y, "files.search.filters.visibility.label", "Visibility")
+					}), /* @__PURE__ */ f("select", {
+						value: w.visibility || "",
+						onChange: (e) => T({
+							...w,
+							visibility: Object.values(t).find((t) => t === e.target.value)
 						}),
-						"aria-label": e(g, "files.search.filters.visibility.label", "Visibility"),
+						"aria-label": r(y, "files.search.filters.visibility.label", "Visibility"),
 						className: "w-full px-3 py-2 border border-border-default rounded-lg bg-bg-surface text-text-primary scheme-normal dark:scheme-dark focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200 [&_option]:bg-bg-surface [&_option]:text-text-primary",
 						children: [
-							/* @__PURE__ */ c("option", {
+							/* @__PURE__ */ d("option", {
 								value: "",
-								children: e(g, "files.search.filters.visibility.options.all", "All visibility")
+								children: r(y, "files.search.filters.visibility.options.all", "All visibility")
 							}),
-							/* @__PURE__ */ c("option", {
+							/* @__PURE__ */ d("option", {
 								value: "PRIVATE",
-								children: e(g, "files.search.filters.visibility.options.private", "Private")
+								children: r(y, "files.search.filters.visibility.options.private", "Private")
 							}),
-							/* @__PURE__ */ c("option", {
+							/* @__PURE__ */ d("option", {
 								value: "TEAM",
-								children: e(g, "files.search.filters.visibility.options.team", "Team")
+								children: r(y, "files.search.filters.visibility.options.team", "Team")
 							}),
-							/* @__PURE__ */ c("option", {
+							/* @__PURE__ */ d("option", {
 								value: "WORKSPACE",
-								children: e(g, "files.search.filters.visibility.options.workspace", "Workspace")
+								children: r(y, "files.search.filters.visibility.options.workspace", "Workspace")
 							}),
-							/* @__PURE__ */ c("option", {
+							/* @__PURE__ */ d("option", {
 								value: "PUBLIC",
-								children: e(g, "files.search.filters.visibility.options.public", "Public")
+								children: r(y, "files.search.filters.visibility.options.public", "Public")
 							})
 						]
 					})] }),
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ f("div", {
 						className: "flex items-center",
-						children: [/* @__PURE__ */ c("input", {
+						children: [/* @__PURE__ */ d("input", {
 							type: "checkbox",
 							id: "starred-filter",
-							checked: x.starred || !1,
-							onChange: (e) => S({
-								...x,
+							checked: w.starred || !1,
+							onChange: (e) => T({
+								...w,
 								starred: e.target.checked || void 0
 							}),
-							"aria-label": e(g, "files.search.filters.starred.label", "Starred only"),
+							"aria-label": r(y, "files.search.filters.starred.label", "Starred only"),
 							className: "size-4 text-action-primary-bg border-border-default rounded focus:ring-action-primary-border transition-colors duration-200"
-						}), /* @__PURE__ */ c("label", {
+						}), /* @__PURE__ */ d("label", {
 							htmlFor: "starred-filter",
 							className: "ml-2 text-sm text-text-primary",
-							children: e(g, "files.search.filters.starredOnly", "Starred only")
+							children: r(y, "files.search.filters.starredOnly", "Starred only")
 						})]
 					}),
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ f("div", {
 						className: "flex justify-end gap-2 pt-2 border-t border-border-default",
-						children: [/* @__PURE__ */ c("button", {
+						children: [/* @__PURE__ */ d("button", {
 							type: "button",
 							onClick: () => {
-								S({}), b(!1);
+								T({}), C(!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(g, "files.search.filters.actions.clear", "Clear filters")
-						}), /* @__PURE__ */ c("button", {
+							children: r(y, "files.search.filters.actions.clear", "Clear filters")
+						}), /* @__PURE__ */ d("button", {
 							type: "button",
-							onClick: () => b(!1),
+							onClick: () => C(!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(g, "files.search.filters.actions.apply", "Apply")
+							children: r(y, "files.search.filters.actions.apply", "Apply")
 						})]
 					})
 				]
@@ -264,6 +268,6 @@ function f({ onSearch: f, placeholder: p = "Search files and folders...", initia
 	});
 }
 //#endregion
-export { f as SearchBar };
+export { h as SearchBar };
 
 //# sourceMappingURL=SearchBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.js","names":[],"sources":["../../../src/files/components/SearchBar.tsx"],"sourcesContent":["import { useState, useEffect, useEffectEvent, 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  const runSearch = useEffectEvent(() => {\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  });\n\n  // Debounced search\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      runSearch();\n    }, 300);\n\n    return () => clearTimeout(timer);\n  }, [fileStatus, fileMimeTypes, fileVisibility, folderStatus, filters, query]);\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          aria-label={tWithFallback(\n            t,\n            \"files.search.input.label\",\n            \"Search files and folders\",\n          )}\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              type=\"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              type=\"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                aria-label={tWithFallback(\n                  t,\n                  \"files.search.filters.fileType.label\",\n                  \"File Type\",\n                )}\n                className=\"w-full px-3 py-2 border border-border-default rounded-lg bg-bg-surface text-text-primary scheme-normal dark:scheme-dark focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200 [&_option]:bg-bg-surface [&_option]:text-text-primary\"\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                aria-label={tWithFallback(\n                  t,\n                  \"files.search.filters.status.label\",\n                  \"Status\",\n                )}\n                className=\"w-full px-3 py-2 border border-border-default rounded-lg bg-bg-surface text-text-primary scheme-normal dark:scheme-dark focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200 [&_option]:bg-bg-surface [&_option]:text-text-primary\"\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                aria-label={tWithFallback(\n                  t,\n                  \"files.search.filters.visibility.label\",\n                  \"Visibility\",\n                )}\n                className=\"w-full px-3 py-2 border border-border-default rounded-lg bg-bg-surface text-text-primary scheme-normal dark:scheme-dark focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200 [&_option]:bg-bg-surface [&_option]:text-text-primary\"\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                aria-label={tWithFallback(\n                  t,\n                  \"files.search.filters.starred.label\",\n                  \"Starred only\",\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                type=\"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                type=\"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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"}
+{"version":3,"file":"SearchBar.js","names":["FILE_TYPE_MIME_MAP","SearchBar","useI18n","query","setQuery","useState","initialQuery","showFilterPanel","setShowFilterPanel","filters","setFilters","fileStatus","folderStatus","FolderStatus","value","fileVisibility","fileMimeTypes","runSearch","useEffectEvent","fileFilter","folderFilter","timer","handleClear","useCallback","onSearch","activeFilterCount","v","Search","tWithFallback","t","X","showFilters","Filter","FileStatus","e","FileVisibility"],"sources":["../../../src/files/components/SearchBar.tsx"],"sourcesContent":["import {\n  FileStatus,\n  FolderStatus,\n  FileVisibility,\n} from \"../../generated/wspace-types\";\nimport { useState, useEffect, useEffectEvent, 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?: FileStatus;\n    visibility?: FileVisibility;\n    starred?: boolean;\n  }>({});\n  const fileStatus = filters.status;\n  const folderStatus = Object.values(FolderStatus).find(\n    (value) => String(value) === filters.status,\n  );\n  const fileVisibility = filters.visibility;\n  const fileMimeTypes = filters.fileType\n    ? FILE_TYPE_MIME_MAP[filters.fileType]\n    : undefined;\n\n  useEffect(() => {\n    setQuery(initialQuery);\n  }, [initialQuery]);\n\n  const runSearch = useEffectEvent(() => {\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  });\n\n  // Debounced search\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      runSearch();\n    }, 300);\n\n    return () => clearTimeout(timer);\n  }, [fileStatus, fileMimeTypes, fileVisibility, folderStatus, filters, query]);\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          aria-label={tWithFallback(\n            t,\n            \"files.search.input.label\",\n            \"Search files and folders\",\n          )}\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              type=\"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              type=\"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                aria-label={tWithFallback(\n                  t,\n                  \"files.search.filters.fileType.label\",\n                  \"File Type\",\n                )}\n                className=\"w-full px-3 py-2 border border-border-default rounded-lg bg-bg-surface text-text-primary scheme-normal dark:scheme-dark focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200 [&_option]:bg-bg-surface [&_option]:text-text-primary\"\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: Object.values(FileStatus).find(\n                      (value) => value === e.target.value,\n                    ),\n                  })\n                }\n                aria-label={tWithFallback(\n                  t,\n                  \"files.search.filters.status.label\",\n                  \"Status\",\n                )}\n                className=\"w-full px-3 py-2 border border-border-default rounded-lg bg-bg-surface text-text-primary scheme-normal dark:scheme-dark focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200 [&_option]:bg-bg-surface [&_option]:text-text-primary\"\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: Object.values(FileVisibility).find(\n                      (value) => value === e.target.value,\n                    ),\n                  })\n                }\n                aria-label={tWithFallback(\n                  t,\n                  \"files.search.filters.visibility.label\",\n                  \"Visibility\",\n                )}\n                className=\"w-full px-3 py-2 border border-border-default rounded-lg bg-bg-surface text-text-primary scheme-normal dark:scheme-dark focus:outline-none focus:ring-2 focus:ring-action-primary-border transition-colors duration-200 [&_option]:bg-bg-surface [&_option]:text-text-primary\"\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                aria-label={tWithFallback(\n                  t,\n                  \"files.search.filters.starred.label\",\n                  \"Starred only\",\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                type=\"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                type=\"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

@@ -19,6 +19,6 @@ interface ShareDialogProps {
     }>;
     isLoading?: boolean;
 }
-export declare function ShareDialog({ item, itemType, onClose, onCreateShare, isLoading, }: ShareDialogProps): import("react").JSX.Element;
+export declare function ShareDialog({ item, itemType, onClose, onCreateShare, isLoading, }: ShareDialogProps): import('react').JSX.Element;
 export {};
 //# sourceMappingURL=ShareDialog.d.ts.map