fix className comment, fix projectInfo

lib/platform-bible-react/dist/index.d.ts

@@ -436,7 +436,7 @@ export type SelectedSettingsSidebarItem = {
 	label: string;
 	projectId?: string;
 };
-type ProjectInfo = {
+export type ProjectInfo = {
 	projectId: string;
 	projectName: string;
 };
@@ -446,7 +446,7 @@ export type SettingsSidebarProps = {
 	/** Extension labels from contribution */
 	extensionLabels: string[];
 	/** Project names and ids */
-	projectOptions: ProjectInfo[];
+	projectInfo: ProjectInfo[];
 	/** Handler for selecting a sidebar item */
 	handleSelectSidebarItem: (key: string, projectId?: string) => void;
 	/** The current selected value in the sidebar */
@@ -458,14 +458,14 @@ export type SettingsSidebarProps = {
 	/** Placeholder text for the button */
 	buttonPlaceholderText: string;
 };
-export function SettingsSidebar({ id, extensionLabels, projectOptions, handleSelectSidebarItem, selectedSidebarItem, extensionsSidebarGroupLabel, projectsSidebarGroupLabel, buttonPlaceholderText, }: SettingsSidebarProps): import("react/jsx-runtime").JSX.Element;
+export function SettingsSidebar({ id, extensionLabels, projectInfo, handleSelectSidebarItem, selectedSidebarItem, extensionsSidebarGroupLabel, projectsSidebarGroupLabel, buttonPlaceholderText, }: SettingsSidebarProps): import("react/jsx-runtime").JSX.Element;
 export type SettingsSidebarContentSearchProps = SettingsSidebarProps & React$1.PropsWithChildren & {
 	/** Optional id for testing */
 	id?: string;
 	/** Handler to run when the value of the search bar changes */
 	onSearch: (searchQuery: string) => void;
 };
-export function SettingsSidebarContentSearch({ id, extensionLabels, projectOptions, children, handleSelectSidebarItem, selectedSidebarItem, onSearch, extensionsSidebarGroupLabel, projectsSidebarGroupLabel, buttonPlaceholderText, }: SettingsSidebarContentSearchProps): import("react/jsx-runtime").JSX.Element;
+export function SettingsSidebarContentSearch({ id, extensionLabels, projectInfo, children, handleSelectSidebarItem, selectedSidebarItem, onSearch, extensionsSidebarGroupLabel, projectsSidebarGroupLabel, buttonPlaceholderText, }: SettingsSidebarContentSearchProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Information (e.g., a checking error or some other type of "transient" annotation) about something
  * noteworthy at a specific place in an instance of the Scriptures.
@@ -925,6 +925,7 @@ export type IconButtonProps = React$1.PropsWithChildren<{
 export declare function IconButton({ id, label, isDisabled, tooltip, isTooltipSuppressed, adjustMarginToAlignToEdge, size, className, onClick, children, }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
 /** Props for the SearchBar component. */
 export type SearchBarProps = {
+	/** Additional css classes to help with unique styling of the search bar */
 	className?: string;
 	/**
 	 * Callback fired to handle the search query when button pressed
@@ -1508,7 +1509,6 @@ export declare const usePromise: <T>(promiseFactoryCallback: (() => Promise<T>)
 export declare function cn(...inputs: ClassValue[]): string;
 
 export {
-	ProjectInfo as ProjectOptions,
 	TabNavigationContentSearch as NavigationContentSearch,
 	sonner,
 };

lib/platform-bible-react/src/components/advanced/settings-components/settings-sidebar-content-search.component.tsx

@@ -15,7 +15,7 @@ export type SettingsSidebarContentSearchProps = SettingsSidebarProps &
 export default function SettingsSidebarContentSearch({
   id,
   extensionLabels,
-  projectOptions,
+  projectInfo,
   children,
   handleSelectSidebarItem,
   selectedSidebarItem,
@@ -36,7 +36,7 @@ export default function SettingsSidebarContentSearch({
       <SidebarProvider id={id} className="tw-h-full tw-flex-1 tw-gap-4 tw-overflow-auto">
         <SettingsSidebar
           extensionLabels={extensionLabels}
-          projectOptions={projectOptions}
+          projectInfo={projectInfo}
           handleSelectSidebarItem={handleSelectSidebarItem}
           selectedSidebarItem={selectedSidebarItem}
           extensionsSidebarGroupLabel={extensionsSidebarGroupLabel}

lib/platform-bible-react/src/components/advanced/settings-components/settings-sidebar.component.tsx

@@ -27,7 +27,7 @@ export type SettingsSidebarProps = {
   extensionLabels: string[];
 
   /** Project names and ids */
-  projectOptions: ProjectInfo[];
+  projectInfo: ProjectInfo[];
 
   /** Handler for selecting a sidebar item */
   handleSelectSidebarItem: (key: string, projectId?: string) => void;
@@ -48,7 +48,7 @@ export type SettingsSidebarProps = {
 export default function SettingsSidebar({
   id,
   extensionLabels,
-  projectOptions,
+  projectInfo,
   handleSelectSidebarItem,
   selectedSidebarItem,
   extensionsSidebarGroupLabel,
@@ -64,10 +64,10 @@ export default function SettingsSidebar({
 
   const getProjectNameFromProjectId = useCallback(
     (projectId: string) => {
-      const project = projectOptions.find((option) => option.projectId === projectId);
+      const project = projectInfo.find((info) => info.projectId === projectId);
       return project ? project.projectName : projectId;
     },
-    [projectOptions],
+    [projectInfo],
   );
 
   const getIsActive: (label: string) => boolean = useCallback(
@@ -113,7 +113,7 @@ export default function SettingsSidebar({
           <SidebarGroupContent className="tw-pl-3">
             <ComboBox
               popoverContentClassName="tw-z-[1000]"
-              options={projectOptions.flatMap((option) => option.projectId)}
+              options={projectInfo.flatMap((info) => info.projectId)}
               getOptionLabel={(projectId: ComboBoxOption) => {
                 // This function expects a ComboBoxOption, but we know it is a string
                 // eslint-disable-next-line no-type-assertion/no-type-assertion

lib/platform-bible-react/src/components/basics/search-bar.component.tsx

@@ -4,6 +4,7 @@ import { useState } from 'react';
 
 /** Props for the SearchBar component. */
 export type SearchBarProps = {
+  /** Additional css classes to help with unique styling of the search bar */
   className?: string;
   /**
    * Callback fired to handle the search query when button pressed

lib/platform-bible-react/src/index.ts

@@ -43,7 +43,7 @@ export {
 export {
   default as SettingsSidebar,
   type SettingsSidebarProps,
-  type ProjectInfo as ProjectOptions,
+  type ProjectInfo,
   type SelectedSettingsSidebarItem,
 } from './components/advanced/settings-components/settings-sidebar.component';
 export { default as SettingsSidebarContentSearch } from './components/advanced/settings-components/settings-sidebar-content-search.component';