@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/chunk-XJ2SXC2Q.mjs

@@ -0,0 +1,558 @@
+import {
+  default as default8
+} from "./chunk-VYD3PDBB.mjs";
+import {
+  MenuPopper,
+  Menu_default,
+  useMenu
+} from "./chunk-HR3A4H4E.mjs";
+import {
+  default3 as default7
+} from "./chunk-T4X375IG.mjs";
+import {
+  MuiPaper
+} from "./chunk-3VUAM2GY.mjs";
+import {
+  CircularProgress
+} from "./chunk-WYYP3Y34.mjs";
+import {
+  Button,
+  IconButton_default
+} from "./chunk-JIU5GVM7.mjs";
+import {
+  default108 as default5,
+  default118 as default6,
+  default33 as default4
+} from "./chunk-ZVFYOXDE.mjs";
+import {
+  default as default3
+} from "./chunk-4RPFRNXG.mjs";
+import {
+  default as default2,
+  mergeSx
+} from "./chunk-S6EZVRZC.mjs";
+
+// src/components/compound/UseSearch/context.tsx
+import * as React2 from "react";
+
+// src/components/compound/UseSearch/useSearch.ts
+import * as React from "react";
+function useSearch(options = {}) {
+  const {
+    defaultQuery = "",
+    query: controlledQuery,
+    onQueryChange,
+    debounceMs = 300,
+    defaultScope,
+    scope: controlledScope,
+    onScopeChange
+  } = options;
+  const isQueryControlled = controlledQuery !== void 0;
+  const isScopeControlled = controlledScope !== void 0;
+  const [innerQuery, setInnerQuery] = React.useState(defaultQuery);
+  const [debouncedQuery, setDebouncedQuery] = React.useState(controlledQuery ?? defaultQuery);
+  const [innerScope, setInnerScope] = React.useState(defaultScope);
+  const query = isQueryControlled ? controlledQuery : innerQuery;
+  const onQueryChangeRef = React.useRef(onQueryChange);
+  React.useLayoutEffect(() => {
+    onQueryChangeRef.current = onQueryChange;
+  }, [onQueryChange]);
+  const onScopeChangeRef = React.useRef(onScopeChange);
+  React.useLayoutEffect(() => {
+    onScopeChangeRef.current = onScopeChange;
+  }, [onScopeChange]);
+  const setQuery = React.useCallback(
+    (q) => {
+      if (!isQueryControlled) {
+        setInnerQuery(q);
+      }
+      onQueryChangeRef.current?.(q);
+    },
+    [isQueryControlled]
+  );
+  const scope = isScopeControlled ? controlledScope : innerScope;
+  const setScope = React.useCallback(
+    (nextScope) => {
+      if (!isScopeControlled) {
+        setInnerScope(nextScope);
+      }
+      onScopeChangeRef.current?.(nextScope);
+    },
+    [isScopeControlled]
+  );
+  const clear = React.useCallback(() => {
+    if (!isQueryControlled) {
+      setInnerQuery(defaultQuery);
+    }
+    onQueryChangeRef.current?.(defaultQuery);
+    if (!isScopeControlled) {
+      setInnerScope(defaultScope);
+    }
+    onScopeChangeRef.current?.(defaultScope);
+  }, [defaultQuery, defaultScope, isQueryControlled, isScopeControlled]);
+  React.useEffect(() => {
+    const timer = window.setTimeout(() => {
+      setDebouncedQuery(query);
+    }, debounceMs);
+    return () => window.clearTimeout(timer);
+  }, [query, debounceMs]);
+  return { query, debouncedQuery, setQuery, scope, setScope, clear };
+}
+
+// src/components/compound/UseSearch/context.tsx
+import { jsx } from "react/jsx-runtime";
+var SearchContext = React2.createContext(null);
+var SearchProvider = ({ options, children }) => {
+  const search = useSearch(options);
+  return /* @__PURE__ */ jsx(SearchContext.Provider, { value: search, children });
+};
+function useSearchContext() {
+  const ctx = React2.useContext(SearchContext);
+  if (!ctx) {
+    throw new Error("useSearchContext must be used within a SearchProvider");
+  }
+  return ctx;
+}
+
+// src/components/compound/UseSearch/SearchBar.tsx
+import * as React3 from "react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var SearchBar = ({
+  placeholder,
+  adornment,
+  onSubmit,
+  showSubmitButton = true,
+  submitOnEnter = true,
+  loading = false,
+  sx
+}) => {
+  const { query, scope, setQuery } = useSearchContext();
+  const onSubmitRef = React3.useRef(onSubmit);
+  React3.useLayoutEffect(() => {
+    onSubmitRef.current = onSubmit;
+  }, [onSubmit]);
+  const handleClear = React3.useCallback(() => {
+    setQuery("");
+  }, [setQuery]);
+  const handleSubmit = React3.useCallback(() => {
+    const normalized = query.trim();
+    if (!normalized) {
+      return;
+    }
+    onSubmitRef.current?.(normalized, scope);
+  }, [query, scope]);
+  const handleKeyDown = React3.useCallback(
+    (event) => {
+      if (!submitOnEnter) {
+        return;
+      }
+      if (event.key === "Enter") {
+        event.preventDefault();
+        handleSubmit();
+      }
+    },
+    [handleSubmit, submitOnEnter]
+  );
+  return /* @__PURE__ */ jsx2(
+    default8,
+    {
+      value: query,
+      onChange: (e) => setQuery(e.target.value),
+      onKeyDown: handleKeyDown,
+      placeholder,
+      sx: mergeSx(
+        {
+          "& .MuiInputAdornment-root": {
+            gap: 0.5
+          }
+        },
+        sx
+      ),
+      slotProps: {
+        input: {
+          startAdornment: adornment ? /* @__PURE__ */ jsx2(default7, { position: "start", children: adornment }) : void 0,
+          endAdornment: /* @__PURE__ */ jsxs(default7, { position: "end", children: [
+            query ? /* @__PURE__ */ jsx2(IconButton_default, { size: "small", onClick: handleClear, "aria-label": "Clear search input", children: /* @__PURE__ */ jsx2(default5, { fontSize: "small" }) }) : null,
+            showSubmitButton ? loading ? /* @__PURE__ */ jsx2(CircularProgress, { size: 18, thickness: 5 }) : /* @__PURE__ */ jsx2(IconButton_default, { size: "small", onClick: handleSubmit, "aria-label": "Submit search", children: /* @__PURE__ */ jsx2(default4, { fontSize: "small" }) }) : null
+          ] })
+        }
+      }
+    }
+  );
+};
+
+// src/components/compound/UseSearch/SearchScope.tsx
+import * as React4 from "react";
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var SearchScope = ({
+  options,
+  sx,
+  placeholderLabel = "All"
+}) => {
+  const { scope, setScope } = useSearchContext();
+  const openMenuProps = useMenu({
+    onItemClickClientArg: ({ closeHandler }) => {
+      closeHandler?.();
+    },
+    initSelected: scope ? [scope] : []
+  });
+  const menuOptions = React4.useMemo(() => (options || []).map((option) => ({
+    id: option.value,
+    label: option.label,
+    onClick: () => {
+      setScope(option.value);
+    }
+  })), [options, setScope]);
+  if (!options || options.length === 0) {
+    return null;
+  }
+  const activeLabel = options.find((option) => option.value === scope)?.label ?? placeholderLabel;
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx3(
+      Button,
+      {
+        size: "small",
+        variant: "outlined",
+        onClick: openMenuProps.onTriggerClickHandler,
+        endIcon: /* @__PURE__ */ jsx3(default6, {}),
+        sx,
+        children: activeLabel
+      }
+    ),
+    /* @__PURE__ */ jsx3(
+      MenuPopper,
+      {
+        options: menuOptions,
+        openMenuProps: {
+          ...openMenuProps,
+          initSelected: scope ? [scope] : [],
+          sorted: false
+        },
+        placement: "bottom-start",
+        menuItemProps: {
+          fontSize: "0.875rem",
+          padding: "6px 12px"
+        }
+      }
+    )
+  ] });
+};
+
+// src/components/compound/UseSearch/SuggestionList.tsx
+import * as React5 from "react";
+
+// src/components/compound/UseSearch/theme.ts
+var useSearchRootSx = {
+  "--usesearch-empty-text-color": "var(--mui-palette-text-secondary)"
+};
+
+// src/components/compound/UseSearch/SuggestionList.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var DEFAULT_MAX_ITEMS = 8;
+function SuggestionList({
+  items,
+  onSelect,
+  renderItem,
+  getItemLabel,
+  maxItems = DEFAULT_MAX_ITEMS,
+  showWhenEmptyQuery = false,
+  loading = false,
+  loadingText = "Fetching suggestions...",
+  emptyText = "No suggestions",
+  filterMode = "client",
+  footer,
+  sx
+}) {
+  const { query, setQuery } = useSearchContext();
+  const resolvedGetLabel = React5.useCallback(
+    (item) => getItemLabel ? getItemLabel(item) : item.label,
+    [getItemLabel]
+  );
+  const normalizedQuery = query.trim().toLowerCase();
+  const filteredItems = React5.useMemo(() => {
+    if (!showWhenEmptyQuery && !normalizedQuery) {
+      return [];
+    }
+    if (filterMode === "none") {
+      return items.slice(0, maxItems);
+    }
+    return items.filter((item) => {
+      if (!normalizedQuery) {
+        return true;
+      }
+      return resolvedGetLabel(item).toLowerCase().includes(normalizedQuery);
+    }).slice(0, maxItems);
+  }, [filterMode, items, maxItems, normalizedQuery, resolvedGetLabel, showWhenEmptyQuery]);
+  const handleSelect = React5.useCallback(
+    (item) => {
+      setQuery(resolvedGetLabel(item));
+      onSelect?.(item);
+    },
+    [onSelect, resolvedGetLabel, setQuery]
+  );
+  const menuOptions = React5.useMemo(
+    () => filteredItems.map((item) => ({
+      id: String(item.id),
+      label: renderItem ? renderItem(item) : resolvedGetLabel(item),
+      onClick: () => handleSelect(item)
+    })),
+    [filteredItems, handleSelect, renderItem, resolvedGetLabel]
+  );
+  if (loading && (normalizedQuery || showWhenEmptyQuery)) {
+    return /* @__PURE__ */ jsx4(MuiPaper, { elevation: 3, sx, children: /* @__PURE__ */ jsxs3(default2, { sx: { display: "flex", alignItems: "center", gap: 1, px: 1.5, py: 1.25 }, children: [
+      /* @__PURE__ */ jsx4(CircularProgress, { size: 16, thickness: 5 }),
+      /* @__PURE__ */ jsx4(default3, { variant: "body2", children: loadingText })
+    ] }) });
+  }
+  if (filteredItems.length === 0) {
+    if (!normalizedQuery && !showWhenEmptyQuery) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx4(MuiPaper, { elevation: 3, sx, children: /* @__PURE__ */ jsx4(default2, { sx: mergeSx({ px: 1.5, py: 1.25 }, useSearchRootSx), children: /* @__PURE__ */ jsx4(default3, { variant: "body2", sx: { color: "var(--usesearch-empty-text-color)" }, children: emptyText }) }) });
+  }
+  return /* @__PURE__ */ jsxs3(MuiPaper, { elevation: 3, sx, children: [
+    /* @__PURE__ */ jsx4(
+      Menu_default,
+      {
+        options: menuOptions,
+        initSelected: [],
+        sorted: false,
+        menuItemProps: {
+          fontSize: "0.875rem",
+          padding: "6px 12px"
+        }
+      }
+    ),
+    footer ? /* @__PURE__ */ jsx4(default2, { sx: { px: 1, pb: 1 }, children: footer }) : null
+  ] });
+}
+
+// src/components/compound/UseSearch/ScopeSuggestions.tsx
+import * as React6 from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function ScopeSuggestions({
+  getSuggestions,
+  onLoadMore,
+  hasMore,
+  loadMoreLabel = "Load more",
+  onLoadingChange,
+  onError,
+  onSelect,
+  renderItem,
+  getItemLabel,
+  maxItems,
+  showWhenEmptyQuery,
+  loadingText,
+  emptyText,
+  filterMode,
+  sx
+}) {
+  const { scope, debouncedQuery } = useSearchContext();
+  const requestIdRef = React6.useRef(0);
+  const [items, setItems] = React6.useState([]);
+  const [loading, setLoading] = React6.useState(false);
+  const [loadingMore, setLoadingMore] = React6.useState(false);
+  const getSuggestionsRef = React6.useRef(getSuggestions);
+  React6.useLayoutEffect(() => {
+    getSuggestionsRef.current = getSuggestions;
+  }, [getSuggestions]);
+  const onLoadingChangeRef = React6.useRef(onLoadingChange);
+  React6.useLayoutEffect(() => {
+    onLoadingChangeRef.current = onLoadingChange;
+  }, [onLoadingChange]);
+  const onErrorRef = React6.useRef(onError);
+  React6.useLayoutEffect(() => {
+    onErrorRef.current = onError;
+  }, [onError]);
+  const resolvedHasMore = React6.useMemo(() => {
+    if (typeof hasMore === "function") {
+      return hasMore(items, scope, debouncedQuery.trim());
+    }
+    return Boolean(hasMore);
+  }, [debouncedQuery, hasMore, items, scope]);
+  React6.useEffect(() => {
+    const query = debouncedQuery.trim();
+    if (!query && !showWhenEmptyQuery) {
+      setItems([]);
+      setLoading(false);
+      setLoadingMore(false);
+      onLoadingChangeRef.current?.(false);
+      return;
+    }
+    requestIdRef.current += 1;
+    const currentRequestId = requestIdRef.current;
+    let isActive = true;
+    setLoading(true);
+    onLoadingChangeRef.current?.(true);
+    Promise.resolve(getSuggestionsRef.current(scope, query)).then((next) => {
+      if (!isActive || currentRequestId !== requestIdRef.current) {
+        return;
+      }
+      setItems(next);
+    }).catch((error) => {
+      if (!isActive || currentRequestId !== requestIdRef.current) {
+        return;
+      }
+      setItems([]);
+      onErrorRef.current?.(error);
+    }).finally(() => {
+      if (!isActive || currentRequestId !== requestIdRef.current) {
+        return;
+      }
+      setLoading(false);
+      setLoadingMore(false);
+      onLoadingChangeRef.current?.(false);
+    });
+    return () => {
+      isActive = false;
+      onLoadingChangeRef.current?.(false);
+    };
+  }, [debouncedQuery, scope, showWhenEmptyQuery]);
+  const handleLoadMore = React6.useCallback(() => {
+    if (!onLoadMore || loading || loadingMore) {
+      return;
+    }
+    const query = debouncedQuery.trim();
+    if (!query && !showWhenEmptyQuery) {
+      return;
+    }
+    setLoadingMore(true);
+    Promise.resolve(onLoadMore(scope, query, items)).then((next) => {
+      setItems(next);
+    }).catch((error) => {
+      onErrorRef.current?.(error);
+    }).finally(() => {
+      setLoadingMore(false);
+    });
+  }, [debouncedQuery, items, loading, loadingMore, onLoadMore, scope, showWhenEmptyQuery]);
+  const footer = onLoadMore && resolvedHasMore ? /* @__PURE__ */ jsx5(
+    Button,
+    {
+      size: "small",
+      variant: "text",
+      fullWidth: true,
+      disabled: loadingMore || loading,
+      onClick: handleLoadMore,
+      children: loadingMore ? "Loading more..." : loadMoreLabel
+    }
+  ) : null;
+  return /* @__PURE__ */ jsx5(
+    SuggestionList,
+    {
+      items,
+      loading,
+      footer,
+      onSelect,
+      renderItem,
+      getItemLabel,
+      maxItems,
+      showWhenEmptyQuery,
+      loadingText,
+      emptyText,
+      filterMode,
+      sx
+    }
+  );
+}
+
+// src/components/compound/UseSearch/UseSearchLayout.tsx
+import * as React7 from "react";
+
+// src/components/compound/UseSearch/SearchResults.tsx
+import { Fragment as Fragment2, jsx as jsx6 } from "react/jsx-runtime";
+var SearchResults = ({ children }) => {
+  const { debouncedQuery, scope } = useSearchContext();
+  return /* @__PURE__ */ jsx6(Fragment2, { children: children(debouncedQuery, scope) });
+};
+
+// src/components/compound/UseSearch/UseSearchLayout.tsx
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+var DEFAULT_CONTAINER_SX = { width: 560, maxWidth: "90vw", position: "relative" };
+var DEFAULT_ROW_SX = { display: "flex", gap: 1 };
+var DEFAULT_SCOPE_SX = { minWidth: 130 };
+var DEFAULT_SEARCH_BAR_SX = { flex: 1 };
+var DEFAULT_SUGGESTIONS_SX = {
+  position: "absolute",
+  top: 56,
+  left: 0,
+  right: 0,
+  zIndex: 2
+};
+function UseSearchLayout({
+  scopeOptions,
+  scopePlaceholderLabel = "Engine",
+  searchPlaceholder = "Search",
+  getSuggestions,
+  onLoadMoreSuggestions,
+  hasMoreSuggestions,
+  loadMoreSuggestionsLabel,
+  onSuggestionSelect,
+  renderSuggestionItem,
+  getSuggestionLabel,
+  suggestionFilterMode,
+  suggestionsLoadingText,
+  suggestionsEmptyText,
+  onSuggestionsError,
+  onSearchSubmit,
+  children,
+  containerSx,
+  rowSx,
+  scopeSx,
+  searchBarSx,
+  suggestionsSx
+}) {
+  const [suggestionsLoading, setSuggestionsLoading] = React7.useState(false);
+  return /* @__PURE__ */ jsxs4(default2, { sx: containerSx ?? DEFAULT_CONTAINER_SX, children: [
+    /* @__PURE__ */ jsxs4(default2, { sx: rowSx ?? DEFAULT_ROW_SX, children: [
+      /* @__PURE__ */ jsx7(
+        SearchScope,
+        {
+          options: scopeOptions,
+          sx: scopeSx ?? DEFAULT_SCOPE_SX,
+          placeholderLabel: scopePlaceholderLabel
+        }
+      ),
+      /* @__PURE__ */ jsx7(
+        SearchBar,
+        {
+          placeholder: searchPlaceholder,
+          sx: searchBarSx ?? DEFAULT_SEARCH_BAR_SX,
+          loading: suggestionsLoading,
+          onSubmit: onSearchSubmit
+        }
+      )
+    ] }),
+    getSuggestions && /* @__PURE__ */ jsx7(
+      ScopeSuggestions,
+      {
+        getSuggestions,
+        onLoadMore: onLoadMoreSuggestions,
+        hasMore: hasMoreSuggestions,
+        loadMoreLabel: loadMoreSuggestionsLabel,
+        onLoadingChange: setSuggestionsLoading,
+        onSelect: onSuggestionSelect,
+        renderItem: renderSuggestionItem,
+        getItemLabel: getSuggestionLabel,
+        filterMode: suggestionFilterMode,
+        loadingText: suggestionsLoadingText,
+        emptyText: suggestionsEmptyText,
+        onError: onSuggestionsError,
+        sx: suggestionsSx ?? DEFAULT_SUGGESTIONS_SX
+      }
+    ),
+    /* @__PURE__ */ jsx7(SearchResults, { children })
+  ] });
+}
+
+export {
+  useSearch,
+  SearchProvider,
+  useSearchContext,
+  SearchBar,
+  SearchScope,
+  SuggestionList,
+  ScopeSuggestions,
+  SearchResults,
+  UseSearchLayout
+};
+//# sourceMappingURL=chunk-XJ2SXC2Q.mjs.map

package/dist/chunk-XJ2SXC2Q.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/compound/UseSearch/context.tsx","../src/components/compound/UseSearch/useSearch.ts","../src/components/compound/UseSearch/SearchBar.tsx","../src/components/compound/UseSearch/SearchScope.tsx","../src/components/compound/UseSearch/SuggestionList.tsx","../src/components/compound/UseSearch/theme.ts","../src/components/compound/UseSearch/ScopeSuggestions.tsx","../src/components/compound/UseSearch/UseSearchLayout.tsx","../src/components/compound/UseSearch/SearchResults.tsx"],"sourcesContent":["import * as React from 'react';\nimport {UseSearchOptions, UseSearchReturn} from './_types';\nimport {useSearch} from './useSearch';\n\ntype SearchContextType = UseSearchReturn;\n\nconst SearchContext = React.createContext<SearchContextType | null>(null);\n\n// props accepted by <SearchProvider>. `options` corresponds to the\n// same configuration object passed to the standalone `useSearch` hook.\nexport interface SearchProviderProps {\n  options?: UseSearchOptions;\n  children: React.ReactNode;\n}\n\nexport const SearchProvider: React.FC<SearchProviderProps> = ({options, children}) => {\n  const search = useSearch(options);\n  return <SearchContext.Provider value={search}>{children}</SearchContext.Provider>;\n};\n\nexport function useSearchContext(): SearchContextType {\n  const ctx = React.useContext(SearchContext);\n  if (!ctx) {\n    throw new Error('useSearchContext must be used within a SearchProvider');\n  }\n  return ctx;\n}\n","import * as React from 'react';\nimport {UseSearchOptions, UseSearchReturn} from './_types';\n\nexport function useSearch(options: UseSearchOptions = {}): UseSearchReturn {\n  const {\n    defaultQuery = '',\n    query: controlledQuery,\n    onQueryChange,\n    debounceMs = 300,\n    defaultScope,\n    scope: controlledScope,\n    onScopeChange,\n  } = options;\n\n  const isQueryControlled = controlledQuery !== undefined;\n  const isScopeControlled = controlledScope !== undefined;\n\n  const [innerQuery, setInnerQuery] = React.useState(defaultQuery);\n  const [debouncedQuery, setDebouncedQuery] = React.useState(controlledQuery ?? defaultQuery);\n  const [innerScope, setInnerScope] = React.useState<string | undefined>(defaultScope);\n\n  const query = isQueryControlled ? controlledQuery : innerQuery;\n\n  // Stable refs for callbacks - prevents unnecessary re-references if inline functions are passed.\n  const onQueryChangeRef = React.useRef(onQueryChange);\n  React.useLayoutEffect(() => { onQueryChangeRef.current = onQueryChange; }, [onQueryChange]);\n  \n  const onScopeChangeRef = React.useRef(onScopeChange);\n  React.useLayoutEffect(() => { onScopeChangeRef.current = onScopeChange; }, [onScopeChange]);\n\n  const setQuery = React.useCallback(\n    (q: string) => {\n      if (!isQueryControlled) {\n        setInnerQuery(q);\n      }\n      onQueryChangeRef.current?.(q);\n    },\n    [isQueryControlled],\n  );\n\n  const scope = isScopeControlled ? controlledScope : innerScope;\n\n  const setScope = React.useCallback(\n    (nextScope: string | undefined) => {\n      if (!isScopeControlled) {\n        setInnerScope(nextScope);\n      }\n      onScopeChangeRef.current?.(nextScope);\n    },\n    [isScopeControlled],\n  );\n\n  const clear = React.useCallback(() => {\n    if (!isQueryControlled) {\n      setInnerQuery(defaultQuery);\n    }\n    onQueryChangeRef.current?.(defaultQuery);\n\n    if (!isScopeControlled) {\n      setInnerScope(defaultScope);\n    }\n    onScopeChangeRef.current?.(defaultScope);\n  }, [defaultQuery, defaultScope, isQueryControlled, isScopeControlled]);\n\n  React.useEffect(() => {\n    const timer = window.setTimeout(() => {\n      setDebouncedQuery(query);\n    }, debounceMs);\n\n    // Cleanup guarantees pending timers are cancelled on unmount.\n    return () => window.clearTimeout(timer);\n  }, [query, debounceMs]);\n\n  return {query, debouncedQuery, setQuery, scope, setScope, clear};\n}\n","import * as React from 'react';\nimport { InputAdornment } from '@/ele/Form';\nimport { TextField } from '@/ele/Input';\nimport { IconButton } from '@/ele/Button';\nimport { CircularProgress } from '@/ele/Progress';\nimport { ClearIcon, SearchIcon } from '@/icons/MuiIcon';\nimport type {SearchBarProps} from './_types';\nimport {useSearchContext} from './context';\nimport { mergeSx } from '@/_utils/_func';\n\nexport const SearchBar: React.FC<SearchBarProps> = ({\n  placeholder,\n  adornment,\n  onSubmit,\n  showSubmitButton = true,\n  submitOnEnter = true,\n  loading = false,\n  sx,\n}) => {\n  const {query, scope, setQuery} = useSearchContext();\n\n  // Stable ref — callers can pass inline functions without stale-closure bugs.\n  const onSubmitRef = React.useRef(onSubmit);\n  React.useLayoutEffect(() => { onSubmitRef.current = onSubmit; }, [onSubmit]);\n\n  const handleClear = React.useCallback(() => {\n    setQuery('');\n  }, [setQuery]);\n\n  const handleSubmit = React.useCallback(() => {\n    const normalized = query.trim();\n    if (!normalized) {\n      return;\n    }\n    onSubmitRef.current?.(normalized, scope);\n  }, [query, scope]);\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (!submitOnEnter) {\n        return;\n      }\n      if (event.key === 'Enter') {\n        event.preventDefault();\n        handleSubmit();\n      }\n    },\n    [handleSubmit, submitOnEnter],\n  );\n\n  return (\n    <TextField\n      value={query}\n      onChange={e => setQuery(e.target.value)}\n      onKeyDown={handleKeyDown}\n      placeholder={placeholder}\n      sx={mergeSx(\n        {\n          \"& .MuiInputAdornment-root\": {\n            gap: 0.5,\n          },\n        },\n        sx,\n      )}\n      slotProps={{\n        input: {\n          startAdornment: adornment ? (\n            <InputAdornment position=\"start\">{adornment}</InputAdornment>\n          ) : undefined,\n          endAdornment: (\n            <InputAdornment position=\"end\">\n              {query ? (\n                <IconButton size=\"small\" onClick={handleClear} aria-label=\"Clear search input\">\n                  <ClearIcon fontSize=\"small\" />\n                </IconButton>\n              ) : null}\n              {showSubmitButton ? (\n                loading ? (\n                  <CircularProgress size={18} thickness={5} />\n                ) : (\n                  <IconButton size=\"small\" onClick={handleSubmit} aria-label=\"Submit search\">\n                    <SearchIcon fontSize=\"small\" />\n                  </IconButton>\n                )\n              ) : null}\n            </InputAdornment>\n          ),\n        },\n      }}\n    />\n  );\n};\n","import * as React from 'react';\nimport {Button} from '@/ele/Button';\nimport {MenuPopper, useMenu} from '@/ele/Menu';\nimport {ArrowDropDownRoundedIcon} from '@/icons/MuiIcon';\nimport type {SearchScopeProps} from './_types';\nimport {useSearchContext} from './context';\n\nexport const SearchScope: React.FC<SearchScopeProps> = ({\n  options,\n  sx,\n  placeholderLabel = 'All',\n}) => {\n  const {scope, setScope} = useSearchContext();\n\n  const openMenuProps = useMenu({\n    onItemClickClientArg: ({closeHandler}) => {\n      closeHandler?.();\n    },\n    initSelected: scope ? [scope] : [],\n  });\n\n  const menuOptions = React.useMemo(() => (options || []).map(option => ({\n    id: option.value,\n    label: option.label,\n    onClick: () => {\n      setScope(option.value);\n    },\n  })), [options, setScope]);\n\n  if (!options || options.length === 0) {\n    return null;\n  }\n\n  const activeLabel = options.find(option => option.value === scope)?.label ?? placeholderLabel;\n\n  return (\n    <>\n      <Button\n        size='small'\n        variant='outlined'\n        onClick={openMenuProps.onTriggerClickHandler}\n        endIcon={<ArrowDropDownRoundedIcon />}\n        sx={sx}\n      >\n        {activeLabel}\n      </Button>\n\n      <MenuPopper\n        options={menuOptions}\n        openMenuProps={{\n          ...openMenuProps,\n          initSelected: scope ? [scope] : [],\n          sorted: false,\n        }}\n        placement='bottom-start'\n        menuItemProps={{\n          fontSize: '0.875rem',\n          padding: '6px 12px',\n        }}\n      />\n    </>\n  );\n};\n","import * as React from 'react';\nimport { Box } from '@/ele/Box';\nimport { CircularProgress } from '@/ele/Progress';\nimport { Paper } from '@/ele/Paper';\nimport { Typography } from '@/ele/Typography';\nimport {Menu} from '@/ele/Menu';\nimport type {SuggestionItem, SuggestionListProps} from './_types';\nimport {useSearchContext} from './context';\nimport { useSearchRootSx } from './theme';\nimport { mergeSx } from '@/_utils/_func';\n\nconst DEFAULT_MAX_ITEMS = 8;\n\nexport function SuggestionList<T extends SuggestionItem>({\n  items,\n  onSelect,\n  renderItem,\n  getItemLabel,\n  maxItems = DEFAULT_MAX_ITEMS,\n  showWhenEmptyQuery = false,\n  loading = false,\n  loadingText = 'Fetching suggestions...',\n  emptyText = 'No suggestions',\n  filterMode = 'client',\n  footer,\n  sx,\n}: SuggestionListProps<T>) {\n  const {query, setQuery} = useSearchContext();\n\n  const resolvedGetLabel = React.useCallback(\n    (item: T) => (getItemLabel ? getItemLabel(item) : item.label),\n    [getItemLabel],\n  );\n\n  const normalizedQuery = query.trim().toLowerCase();\n\n  const filteredItems = React.useMemo(() => {\n    if (!showWhenEmptyQuery && !normalizedQuery) {\n      return [] as T[];\n    }\n\n    if (filterMode === 'none') {\n      return items.slice(0, maxItems);\n    }\n\n    return items\n      .filter(item => {\n        if (!normalizedQuery) {\n          return true;\n        }\n        return resolvedGetLabel(item).toLowerCase().includes(normalizedQuery);\n      })\n      .slice(0, maxItems);\n  }, [filterMode, items, maxItems, normalizedQuery, resolvedGetLabel, showWhenEmptyQuery]);\n\n  const handleSelect = React.useCallback(\n    (item: T) => {\n      setQuery(resolvedGetLabel(item));\n      onSelect?.(item);\n    },\n    [onSelect, resolvedGetLabel, setQuery],\n  );\n\n  const menuOptions = React.useMemo(\n    () =>\n      filteredItems.map(item => ({\n        id: String(item.id),\n        label: renderItem ? renderItem(item) : resolvedGetLabel(item),\n        onClick: () => handleSelect(item),\n      })),\n    [filteredItems, handleSelect, renderItem, resolvedGetLabel],\n  );\n\n  if (loading && (normalizedQuery || showWhenEmptyQuery)) {\n    return (\n      <Paper elevation={3} sx={sx}>\n        <Box sx={{display: 'flex', alignItems: 'center', gap: 1, px: 1.5, py: 1.25}}>\n          <CircularProgress size={16} thickness={5} />\n          <Typography variant='body2'>{loadingText}</Typography>\n        </Box>\n      </Paper>\n    );\n  }\n\n  if (filteredItems.length === 0) {\n    if (!normalizedQuery && !showWhenEmptyQuery) {\n      return null;\n    }\n\n    return (\n      <Paper elevation={3} sx={sx}>\n        <Box sx={mergeSx({ px: 1.5, py: 1.25 }, useSearchRootSx)}>\n          <Typography variant='body2' sx={{ color: 'var(--usesearch-empty-text-color)' }}>\n            {emptyText}\n          </Typography>\n        </Box>\n      </Paper>\n    );\n  }\n\n  return (\n    <Paper elevation={3} sx={sx}>\n      <Menu\n        options={menuOptions}\n        initSelected={[]}\n        sorted={false}\n        menuItemProps={{\n          fontSize: '0.875rem',\n          padding: '6px 12px',\n        }}\n      />\n      {footer ? (\n        <Box sx={{px: 1, pb: 1}}>\n          {footer}\n        </Box>\n      ) : null}\n    </Paper>\n  );\n}\n","import type { SxProps, Theme } from '@mui/material/styles';\n\n/**\n * Root-level CSS variable aliases for UseSearch compound component.\n * Spread on container elements — children consume via `var(--*)`.\n */\nexport const useSearchRootSx: SxProps<Theme> = {\n  '--usesearch-empty-text-color': 'var(--mui-palette-text-secondary)',\n};\n","import * as React from 'react';\nimport {Button} from '@/ele/Button';\nimport {ScopeSuggestionsProps, SuggestionItem} from './_types';\nimport {SuggestionList} from './SuggestionList';\nimport {useSearchContext} from './context';\n\nexport function ScopeSuggestions<T extends SuggestionItem>({\n  getSuggestions,\n  onLoadMore,\n  hasMore,\n  loadMoreLabel = 'Load more',\n  onLoadingChange,\n  onError,\n  onSelect,\n  renderItem,\n  getItemLabel,\n  maxItems,\n  showWhenEmptyQuery,\n  loadingText,\n  emptyText,\n  filterMode,\n  sx,\n}: ScopeSuggestionsProps<T>) {\n  const {scope, debouncedQuery} = useSearchContext();\n  const requestIdRef = React.useRef(0);\n  const [items, setItems] = React.useState<T[]>([]);\n  const [loading, setLoading] = React.useState(false);\n  const [loadingMore, setLoadingMore] = React.useState(false);\n\n  // Stable refs for callbacks — prevents infinite loops when callers pass inline functions.\n  const getSuggestionsRef = React.useRef(getSuggestions);\n  React.useLayoutEffect(() => { getSuggestionsRef.current = getSuggestions; }, [getSuggestions]);\n  const onLoadingChangeRef = React.useRef(onLoadingChange);\n  React.useLayoutEffect(() => { onLoadingChangeRef.current = onLoadingChange; }, [onLoadingChange]);\n  const onErrorRef = React.useRef(onError);\n  React.useLayoutEffect(() => { onErrorRef.current = onError; }, [onError]);\n\n  const resolvedHasMore = React.useMemo(() => {\n    if (typeof hasMore === 'function') {\n      return hasMore(items, scope, debouncedQuery.trim());\n    }\n    return Boolean(hasMore);\n  }, [debouncedQuery, hasMore, items, scope]);\n\n  React.useEffect(() => {\n    const query = debouncedQuery.trim();\n\n    if (!query && !showWhenEmptyQuery) {\n      setItems([]);\n      setLoading(false);\n      setLoadingMore(false);\n      onLoadingChangeRef.current?.(false);\n      return;\n    }\n\n    requestIdRef.current += 1;\n    const currentRequestId = requestIdRef.current;\n    let isActive = true;\n\n    setLoading(true);\n    onLoadingChangeRef.current?.(true);\n\n    Promise.resolve(getSuggestionsRef.current(scope, query))\n      .then(next => {\n        if (!isActive || currentRequestId !== requestIdRef.current) {\n          return;\n        }\n        setItems(next);\n      })\n      .catch(error => {\n        if (!isActive || currentRequestId !== requestIdRef.current) {\n          return;\n        }\n        setItems([]);\n        onErrorRef.current?.(error);\n      })\n      .finally(() => {\n        if (!isActive || currentRequestId !== requestIdRef.current) {\n          return;\n        }\n        setLoading(false);\n        setLoadingMore(false);\n        onLoadingChangeRef.current?.(false);\n      });\n\n    return () => {\n      isActive = false;\n      // Notify parent that loading stopped when the effect is re-run or component unmounts.\n      onLoadingChangeRef.current?.(false);\n    };\n  }, [debouncedQuery, scope, showWhenEmptyQuery]);\n\n  const handleLoadMore = React.useCallback(() => {\n    if (!onLoadMore || loading || loadingMore) {\n      return;\n    }\n\n    const query = debouncedQuery.trim();\n    if (!query && !showWhenEmptyQuery) {\n      return;\n    }\n\n    setLoadingMore(true);\n    Promise.resolve(onLoadMore(scope, query, items))\n      .then(next => {\n        setItems(next);\n      })\n      .catch(error => {\n        onErrorRef.current?.(error);\n      })\n      .finally(() => {\n        setLoadingMore(false);\n      });\n  }, [debouncedQuery, items, loading, loadingMore, onLoadMore, scope, showWhenEmptyQuery]);\n\n  const footer = onLoadMore && resolvedHasMore ? (\n    <Button\n      size='small'\n      variant='text'\n      fullWidth\n      disabled={loadingMore || loading}\n      onClick={handleLoadMore}\n    >\n      {loadingMore ? 'Loading more...' : loadMoreLabel}\n    </Button>\n  ) : null;\n\n  return (\n    <SuggestionList\n      items={items}\n      loading={loading}\n      footer={footer}\n      onSelect={onSelect}\n      renderItem={renderItem}\n      getItemLabel={getItemLabel}\n      maxItems={maxItems}\n      showWhenEmptyQuery={showWhenEmptyQuery}\n      loadingText={loadingText}\n      emptyText={emptyText}\n      filterMode={filterMode}\n      sx={sx}\n    />\n  );\n}\n","import * as React from 'react';\nimport { Box } from '@/ele/Box';\nimport type {SuggestionItem, UseSearchLayoutProps} from './_types';\nimport {SearchBar} from './SearchBar';\nimport {SearchScope} from './SearchScope';\nimport {ScopeSuggestions} from './ScopeSuggestions';\nimport {SearchResults} from './SearchResults';\n\nconst DEFAULT_CONTAINER_SX = {width: 560, maxWidth: '90vw', position: 'relative'};\nconst DEFAULT_ROW_SX = {display: 'flex', gap: 1};\nconst DEFAULT_SCOPE_SX = {minWidth: 130};\nconst DEFAULT_SEARCH_BAR_SX = {flex: 1};\nconst DEFAULT_SUGGESTIONS_SX = {\n  position: 'absolute',\n  top: 56,\n  left: 0,\n  right: 0,\n  zIndex: 2,\n};\n\nexport function UseSearchLayout<T extends SuggestionItem>({\n  scopeOptions,\n  scopePlaceholderLabel = 'Engine',\n  searchPlaceholder = 'Search',\n  getSuggestions,\n  onLoadMoreSuggestions,\n  hasMoreSuggestions,\n  loadMoreSuggestionsLabel,\n  onSuggestionSelect,\n  renderSuggestionItem,\n  getSuggestionLabel,\n  suggestionFilterMode,\n  suggestionsLoadingText,\n  suggestionsEmptyText,\n  onSuggestionsError,\n  onSearchSubmit,\n  children,\n  containerSx,\n  rowSx,\n  scopeSx,\n  searchBarSx,\n  suggestionsSx,\n}: UseSearchLayoutProps<T>) {\n  const [suggestionsLoading, setSuggestionsLoading] = React.useState(false);\n\n  return (\n    <Box sx={containerSx ?? DEFAULT_CONTAINER_SX}>\n      <Box sx={rowSx ?? DEFAULT_ROW_SX}>\n        <SearchScope\n          options={scopeOptions}\n          sx={scopeSx ?? DEFAULT_SCOPE_SX}\n          placeholderLabel={scopePlaceholderLabel}\n        />\n        <SearchBar\n          placeholder={searchPlaceholder}\n          sx={searchBarSx ?? DEFAULT_SEARCH_BAR_SX}\n          loading={suggestionsLoading}\n          onSubmit={onSearchSubmit}\n        />\n      </Box>\n\n      {getSuggestions && (\n        <ScopeSuggestions\n          getSuggestions={getSuggestions}\n          onLoadMore={onLoadMoreSuggestions}\n          hasMore={hasMoreSuggestions}\n          loadMoreLabel={loadMoreSuggestionsLabel}\n          onLoadingChange={setSuggestionsLoading}\n          onSelect={onSuggestionSelect}\n          renderItem={renderSuggestionItem}\n          getItemLabel={getSuggestionLabel}\n          filterMode={suggestionFilterMode}\n          loadingText={suggestionsLoadingText}\n          emptyText={suggestionsEmptyText}\n          onError={onSuggestionsError}\n          sx={suggestionsSx ?? DEFAULT_SUGGESTIONS_SX}\n        />\n      )}\n\n      <SearchResults>\n        {children}\n      </SearchResults>\n    </Box>\n  );\n}\n","import * as React from 'react';\nimport type {SearchResultsProps} from './_types';\nimport {useSearchContext} from './context';\n\nexport const SearchResults: React.FC<SearchResultsProps> = ({children}) => {\n  const {debouncedQuery, scope} = useSearchContext();\n  return <>{children(debouncedQuery, scope)}</>;\n};\n"],"mappings":"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","names":["React","React","jsx","default","React","jsx","jsxs","default","React","jsx","jsxs","default","React","jsx","React","Fragment","jsx","jsx","jsxs","default"]}