Skip to content

Commit

Permalink
Search bar fixes (#924)
Browse files Browse the repository at this point in the history
* Add back TextField and SearchBar `isFullWidth`

* Remove MUI Paper from SearchBar
  • Loading branch information
dewert99 authored Jun 5, 2024
1 parent b3bc04c commit 27318c8
Show file tree
Hide file tree
Showing 8 changed files with 3,249 additions and 3,217 deletions.
2,285 changes: 1,146 additions & 1,139 deletions lib/platform-bible-react/dist/index.cjs

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion lib/platform-bible-react/dist/index.cjs.map

Large diffs are not rendered by default.

12 changes: 10 additions & 2 deletions lib/platform-bible-react/dist/index.d.ts
Original file line number Diff line number Diff line change
Expand Up @@ -538,8 +538,10 @@ export type SearchBarProps = {
onSearch: (searchQuery: string) => void;
/** Optional string that appears in the search bar without a search string */
placeholder?: string;
/** Optional boolean to set the input base to full width */
isFullWidth?: boolean;
};
export function SearchBar({ onSearch, placeholder }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
export function SearchBar({ onSearch, placeholder, isFullWidth }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
export type SliderProps = {
/** Optional unique identifier */
id?: string;
Expand Down Expand Up @@ -930,6 +932,12 @@ export type TextFieldProps = {
* @default false
*/
hasError?: boolean;
/**
* If `true`, the input will take up the full width of its container.
*
* @default false
*/
isFullWidth?: boolean;
/** Text that gives the user instructions on what contents the TextField expects */
helperText?: string;
/** The title of the TextField */
Expand Down Expand Up @@ -961,7 +969,7 @@ export type TextFieldProps = {
* Thanks to Shadcn for heavy inspiration and documentation
* https://ui.shadcn.com/docs/components/input#with-label
*/
export declare function TextField({ id, isDisabled, hasError, helperText, label, placeholder, isRequired, className, defaultValue, value, onChange, onFocus, onBlur, }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
export declare function TextField({ id, isDisabled, hasError, isFullWidth, helperText, label, placeholder, isRequired, className, defaultValue, value, onChange, onFocus, onBlur, }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
export type ToolbarProps = React$1.PropsWithChildren<{
/** The handler to use for menu commands (and eventually toolbar commands). */
commandHandler: CommandHandler;
Expand Down
Loading

0 comments on commit 27318c8

Please sign in to comment.