@behindthemusictree/app-kit-ui 43.0.0 → 43.1.0

package/dist/genre-tree/index.d.ts

@@ -23,6 +23,8 @@ type GenreDetailSlots<O extends CriteriaOverview> = {
     renderEssentialTracks?: (overview: O) => ReactNode;
 };
 type GenreDetailExtrasProps<O extends CriteriaOverview> = GenreDetailSlots<O> & GenrePlaylistTracksSlots & {
+    /** The shell already renders the overview image as its cover. */
+    imageInCover?: boolean;
     genreUuid: GenreUuid;
     genrePlaylist: CriteriaPlaylistMinimum | null;
     genreName?: string;
@@ -48,6 +50,8 @@ interface OverlayPanel {
     /** Plain text, like a genre's name: it fills the search field, whose clear button closes the panel. */
     title: string;
     content: ReactNode;
+    /** Full-width cover shown behind the floating search field. Keep image credits in content. */
+    cover?: ReactNode;
     /** Second column, shown only while expanded. */
     extraContent?: ReactNode;
     expanded: boolean;
@@ -143,12 +147,14 @@ type SearchBoxProps = {
     clearLabel?: string;
     /** An action left of the text, e.g. a Previous button. */
     leading?: ReactNode;
+    trailingAction?: ReactNode;
+    trailingActionBreakpoint?: "sm" | "md";
     className?: string;
     /** Called when the input gains focus, e.g. to load an index lazily. */
     onFocus?: () => void;
 };
 /** A search pill over any number of result groups; picking an item calls that item's `onSelect`. */
-declare function SearchBox({ label, placeholder, value, onValueChange, groups, onPicked, onClear, clearLabel, leading, className, onFocus, }: SearchBoxProps): react.JSX.Element;
+declare function SearchBox({ label, placeholder, value, onValueChange, groups, onPicked, onClear, clearLabel, leading, trailingAction, trailingActionBreakpoint, className, onFocus, }: SearchBoxProps): react.JSX.Element;
 
 declare function useArtistSearchGroup(getBaseUrl: () => string, text: string, onSelect: (artist: ArtistSearchResult) => void, enabled?: boolean): SearchGroup | undefined;
 
@@ -186,8 +192,12 @@ type GenreSearchProps<T extends CriteriaPlaylistSimple = CriteriaPlaylistSimple>
     extraGroups?: SearchGroup[];
     /** Called when the input gains focus. */
     onFocus?: () => void;
+    trailingAction?: ReactNode;
+    trailingActionBreakpoint?: "sm" | "md";
+    /** Below this breakpoint the search fills its available width. Defaults to md. */
+    fullWidthBreakpoint?: "sm" | "md";
 };
-declare function GenreSearch<T extends CriteriaPlaylistSimple = CriteriaPlaylistSimple>({ genrePlaylists, onSelect, selectedName, onClear, showClear, clearLabel, onPrevious, placeholder, onQueryChange, extraGroups, onFocus, }: GenreSearchProps<T>): react.JSX.Element;
+declare function GenreSearch<T extends CriteriaPlaylistSimple = CriteriaPlaylistSimple>({ genrePlaylists, onSelect, selectedName, onClear, showClear, clearLabel, onPrevious, placeholder, onQueryChange, extraGroups, onFocus, trailingAction, trailingActionBreakpoint, fullWidthBreakpoint, }: GenreSearchProps<T>): react.JSX.Element;
 
 interface GenreSearchGroupsProps {
     query: string;
@@ -290,6 +300,10 @@ type GenreTreeViewProps<O extends CriteriaOverview = CriteriaOverview> = {
     renderGenreDetailExtras?: (overview: O) => ReactNode;
     /** Host control displayed before the size metric in the floating controls. */
     floatingControlsLeading?: ReactNode;
+    /** Optional mobile action inside the search pill; e.g. the host's account menu. */
+    searchTrailingAction?: ReactNode;
+    /** Defaults to md. */
+    searchFullWidthBreakpoint?: "sm" | "md";
     /** Controlled size metric of the wheel and pop-core nodes: song count or summed song views. Uncontrolled when omitted
      * (starts on songs). The toggle is hidden while an artist filters the tree, which only has song counts. */
     sizeMetric?: GenreTreeSizeMetric;
@@ -338,7 +352,7 @@ type GenreTreeViewProps<O extends CriteriaOverview = CriteriaOverview> = {
     collapsed?: boolean;
     onCollapsedChange?: (collapsed: boolean) => void;
 };
-declare function GenreTreeView<O extends CriteriaOverview = CriteriaOverview>({ scope, handleGenreCreationAction, handleGenreRenameAction, onParentChanged, getBackendBaseUrl, additionalActions, viewMode: controlledViewMode, selectedGenreUuid: controlledSelectedGenreUuid, onSelectedGenreUuidChange, defaultViewport, viewportRestore, onViewportChange, readOnly, className, showDisplayOptions, showAddRoot, allowWheelRotation: controlledAllowWheelRotation, criteriaOverviewSchema, renderGenreDetailExtras, floatingControlsLeading, sizeMetric: controlledSizeMetric, onSizeMetricChange, renderArtistLink, artistUuid: controlledArtistUuid, onArtistUuidChange, artistExpanded: controlledArtistExpanded, onArtistExpandedChange, getShareUrl, extraSearchGroups, SearchGroups, onSearchQueryChange, onSearchFocus, artistSearch, onArtistSelect, artistSearchBaseUrl, songUuid: controlledSongUuid, onSongUuidChange, songExpanded: controlledSongExpanded, onSongExpandedChange, songSearch, onSongSelect, renderSongLink, renderPlaceLink, renderSummary, renderEssentialTracks, renderSongLeading, renderSongActions, renderTracksToolbar, renderDangerZone, expanded, onExpandedChange, collapsed, onCollapsedChange, overlayPanel, placement, ...focus }: GenreTreeViewProps<O>): react.JSX.Element;
+declare function GenreTreeView<O extends CriteriaOverview = CriteriaOverview>({ scope, handleGenreCreationAction, handleGenreRenameAction, onParentChanged, getBackendBaseUrl, additionalActions, viewMode: controlledViewMode, selectedGenreUuid: controlledSelectedGenreUuid, onSelectedGenreUuidChange, defaultViewport, viewportRestore, onViewportChange, readOnly, className, showDisplayOptions, showAddRoot, allowWheelRotation: controlledAllowWheelRotation, criteriaOverviewSchema, renderGenreDetailExtras, floatingControlsLeading, searchTrailingAction, searchFullWidthBreakpoint, sizeMetric: controlledSizeMetric, onSizeMetricChange, renderArtistLink, artistUuid: controlledArtistUuid, onArtistUuidChange, artistExpanded: controlledArtistExpanded, onArtistExpandedChange, getShareUrl, extraSearchGroups, SearchGroups, onSearchQueryChange, onSearchFocus, artistSearch, onArtistSelect, artistSearchBaseUrl, songUuid: controlledSongUuid, onSongUuidChange, songExpanded: controlledSongExpanded, onSongExpandedChange, songSearch, onSongSelect, renderSongLink, renderPlaceLink, renderSummary, renderEssentialTracks, renderSongLeading, renderSongActions, renderTracksToolbar, renderDangerZone, expanded, onExpandedChange, collapsed, onCollapsedChange, overlayPanel, placement, ...focus }: GenreTreeViewProps<O>): react.JSX.Element;
 
 type GenreActionBandProps = {
     node: GenreTreeNode;

package/dist/genre-tree/index.js

@@ -23,7 +23,7 @@ import {
   useGenrePlaylistPlayback,
   useGenreRemoteSearchGroup,
   useSongSearchGroup
-} from "../chunk-UTUU463Q.js";
+} from "../chunk-24PBIPA4.js";
 import "../chunk-2GH7CSCE.js";
 export {
   EntityDetailPanel,