@chayns-components/core 5.4.8-alpha.0 → 5.4.13-alpha.0

package/lib/types/components/search-box/SearchBox.d.ts

@@ -20,6 +20,10 @@ export type SearchBoxProps = {
      * An optional callback function to filter the elements to be displayed
      */
     customFilter?: (item: ISearchBoxItem) => boolean;
+    /**
+     * If true, the custom filter replaces the built-in text search instead of narrowing its results.
+     */
+    shouldUseCustomFilterOnly?: boolean;
     /**
      * The direction in which the dropdown should be displayed. By default, it is displayed below the input.
      */
@@ -36,6 +40,10 @@ export type SearchBoxProps = {
      * List of groups with items that can be searched. It is possible to give only one list; if multiple lists are provided, the 'group name' parameter becomes mandatory.
      */
     lists: ISearchBoxItems[];
+    /**
+     * The maximum height of the dropdown body in pixels.
+     */
+    maxHeight?: number;
     /**
      * Function to be executed when the input lost focus.
      */
@@ -64,6 +72,10 @@ export type SearchBoxProps = {
      * Control the selected item. If you use this prop, make sure to update it when the user selects an item.
      */
     selectedId?: string;
+    /**
+     * If true, the selected item keeps its original position in the dropdown list.
+     */
+    shouldKeepSelectedItemPosition?: boolean;
     /**
      * If true, the value in the Input is displayed in the list.
      */
@@ -76,6 +88,10 @@ export type SearchBoxProps = {
      * Whether the full list of items should be displayed if the input is empty.
      */
     shouldShowContentOnEmptyInput?: boolean;
+    /**
+     * If true, the dropdown items are displayed more compactly.
+     */
+    shouldShowSmallItems?: boolean;
     /**
      * If true, the images of the items are displayed in a round shape.
      */

package/lib/types/components/search-box/search-box-body/SearchBoxBody.d.ts

@@ -5,6 +5,7 @@ export type SearchBoxBodyProps = {
     filterButtons?: IFilterButtonItem[];
     selectedGroups?: string[];
     height: number;
+    maxHeight?: number;
     onGroupSelect?: (keys: string[]) => void;
     shouldHideFilterButtons?: boolean;
     shouldShow: boolean;

package/lib/types/components/search-box/search-box-body/SearchBoxBody.styles.d.ts

@@ -15,14 +15,16 @@ export declare const StyledSearchBoxBodyHeadGroupName: import("styled-components
 }, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme"> & {
     theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
 }, never>>> & string;
-export declare const StyledSearchBoxBodyContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$height" | "$headHeight"> & {
+export declare const StyledSearchBoxBodyContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$maxHeight" | "$height" | "$headHeight"> & {
     $height: number;
     $headHeight: number;
+    $maxHeight: number;
 } & {
     theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
-}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$height" | "$headHeight"> & {
+}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$maxHeight" | "$height" | "$headHeight"> & {
     $height: number;
     $headHeight: number;
+    $maxHeight: number;
 } & {
     theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
 }, never>>> & string;

package/lib/types/components/search-box/search-box-item/SearchBoxItem.d.ts

@@ -5,6 +5,7 @@ export type SearchBoxItemProps = {
     id: ISearchBoxItem['id'];
     text: ISearchBoxItem['text'];
     imageUrl?: ISearchBoxItem['imageUrl'];
+    shouldShowSmallItems?: boolean;
     shouldShowRoundImage?: boolean;
     groupName?: ISearchBoxItems['groupName'];
     tabIndex: number;

package/lib/types/components/search-box/search-box-item/SearchBoxItem.styles.d.ts

@@ -12,8 +12,12 @@ export declare const StyledSearchBoxItemImage: import("styled-components/dist/ty
 } & {
     theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
 }, never>>> & string;
-export declare const StyledSearchBoxItemText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "theme"> & {
+export declare const StyledSearchBoxItemText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "theme" | "$shouldShowSmallItems"> & {
+    $shouldShowSmallItems?: boolean;
+} & {
     theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
-}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "theme"> & {
+}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "theme" | "$shouldShowSmallItems"> & {
+    $shouldShowSmallItems?: boolean;
+} & {
     theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
 }, never>>> & string;

package/lib/types/utils/searchBox.d.ts

@@ -4,5 +4,6 @@ interface SearchListOptions {
     items: ISearchBoxItem[];
     searchString: string;
 }
+export declare const sortSearchBoxItems: ({ searchString, items }: SearchListOptions) => ISearchBoxItem[];
 export declare const searchList: ({ searchString, items }: SearchListOptions) => ISearchBoxItem[];
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.4.8-alpha.0",
+    "version": "5.4.13-alpha.0",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -88,5 +88,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "684a9cabab0ea61dbe77d15d7be0f0d0bce98209"
+    "gitHead": "d865a29f61b8f875fa7582a2b5fd9023de2dee9f"
 }