@chayns-components/core 5.5.37 → 5.5.41

package/lib/esm/utils/searchBox.js

@@ -38,9 +38,13 @@ export const getCurrentGroupName = element => {
   return currentGroupName;
 };
 export const sortSearchBoxItems = ({
+  customSortFunction,
   searchString,
   items
 }) => {
+  if (customSortFunction) {
+    return [...items].sort(customSortFunction);
+  }
   const lowercaseSearchString = searchString.toLowerCase();
   return [...items].sort((a, b) => {
     const aStartsWithSearchString = a.text.toLowerCase().startsWith(lowercaseSearchString);
@@ -55,6 +59,7 @@ export const sortSearchBoxItems = ({
   });
 };
 export const searchList = ({
+  customSortFunction,
   searchString,
   items
 }) => {
@@ -76,6 +81,7 @@ export const searchList = ({
     }
   });
   return sortSearchBoxItems({
+    customSortFunction,
     items: matchingItems,
     searchString
   });

package/lib/esm/utils/searchBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"searchBox.js","names":["surroundWithBTag","text","startIndex","length","before","substring","highlighted","after","getCurrentGroupName","element","hasChildrenFound","currentGroupName","top","parentTop","getBoundingClientRect","children","Array","from","forEach","child","y","childrenY","height","childrenHeight","id","sum","currentGroup","startsWith","nummer","split","pop","sortSearchBoxItems","searchString","items","lowercaseSearchString","toLowerCase","sort","a","b","aStartsWithSearchString","bStartsWithSearchString","localeCompare","searchList","matchingItems","item","lowercaseText","includes","push","indexOf","highlightedText"],"sources":["../../../src/utils/searchBox.ts"],"sourcesContent":["import type { ISearchBoxItem } from '../types/searchBox';\n\nconst surroundWithBTag = (text: string, startIndex: number, length: number) => {\n    const before = text.substring(0, startIndex);\n    const highlighted = text.substring(startIndex, startIndex + length);\n    const after = text.substring(startIndex + length);\n\n    return `${before}<b>${highlighted}</b>${after}`;\n};\n\nexport const getCurrentGroupName = (element: HTMLElement) => {\n    let hasChildrenFound = false;\n    let currentGroupName = '';\n\n    const { top: parentTop } = element.getBoundingClientRect();\n    const { children } = element;\n\n    Array.from(children).forEach((child) => {\n        if (hasChildrenFound) {\n            return;\n        }\n\n        const { y: childrenY, height: childrenHeight } = child.getBoundingClientRect();\n        const { id } = child;\n\n        const sum = childrenY + childrenHeight - parentTop;\n\n        if (sum >= 0) {\n            hasChildrenFound = true;\n            let currentGroup = id;\n\n            if (id.startsWith('search-box-item__')) {\n                const nummer = id.split('__')[1];\n                currentGroup = nummer?.split('_').pop() ?? '';\n            }\n\n            currentGroupName = currentGroup;\n        }\n    });\n\n    return currentGroupName;\n};\n\ninterface SearchListOptions {\n    items: ISearchBoxItem[];\n    searchString: string;\n}\n\nexport const sortSearchBoxItems = ({ searchString, items }: SearchListOptions) => {\n    const lowercaseSearchString = searchString.toLowerCase();\n\n    return [...items].sort((a, b) => {\n        const aStartsWithSearchString = a.text.toLowerCase().startsWith(lowercaseSearchString);\n        const bStartsWithSearchString = b.text.toLowerCase().startsWith(lowercaseSearchString);\n\n        if (aStartsWithSearchString && !bStartsWithSearchString) {\n            return -1;\n        }\n        if (!aStartsWithSearchString && bStartsWithSearchString) {\n            return 1;\n        }\n        return a.text.localeCompare(b.text);\n    });\n};\n\nexport const searchList = ({ searchString, items }: SearchListOptions) => {\n    const matchingItems: ISearchBoxItem[] = [];\n\n    const lowercaseSearchString = searchString.toLowerCase();\n\n    items.forEach((item) => {\n        const lowercaseText = item.text.toLowerCase();\n\n        if (lowercaseText.includes(lowercaseSearchString)) {\n            if (searchString === '') {\n                matchingItems.push(item);\n            } else {\n                const startIndex = lowercaseText.indexOf(lowercaseSearchString);\n                const highlightedText = surroundWithBTag(\n                    item.text,\n                    startIndex,\n                    searchString.length,\n                );\n                matchingItems.push({ ...item, text: highlightedText });\n            }\n        }\n    });\n\n    return sortSearchBoxItems({ items: matchingItems, searchString });\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"searchBox.js","names":["surroundWithBTag","text","startIndex","length","before","substring","highlighted","after","getCurrentGroupName","element","hasChildrenFound","currentGroupName","top","parentTop","getBoundingClientRect","children","Array","from","forEach","child","y","childrenY","height","childrenHeight","id","sum","currentGroup","startsWith","nummer","split","pop","sortSearchBoxItems","customSortFunction","searchString","items","sort","lowercaseSearchString","toLowerCase","a","b","aStartsWithSearchString","bStartsWithSearchString","localeCompare","searchList","matchingItems","item","lowercaseText","includes","push","indexOf","highlightedText"],"sources":["../../../src/utils/searchBox.ts"],"sourcesContent":["import type { ISearchBoxItem } from '../types/searchBox';\n\nconst surroundWithBTag = (text: string, startIndex: number, length: number) => {\n    const before = text.substring(0, startIndex);\n    const highlighted = text.substring(startIndex, startIndex + length);\n    const after = text.substring(startIndex + length);\n\n    return `${before}<b>${highlighted}</b>${after}`;\n};\n\nexport const getCurrentGroupName = (element: HTMLElement) => {\n    let hasChildrenFound = false;\n    let currentGroupName = '';\n\n    const { top: parentTop } = element.getBoundingClientRect();\n    const { children } = element;\n\n    Array.from(children).forEach((child) => {\n        if (hasChildrenFound) {\n            return;\n        }\n\n        const { y: childrenY, height: childrenHeight } = child.getBoundingClientRect();\n        const { id } = child;\n\n        const sum = childrenY + childrenHeight - parentTop;\n\n        if (sum >= 0) {\n            hasChildrenFound = true;\n            let currentGroup = id;\n\n            if (id.startsWith('search-box-item__')) {\n                const nummer = id.split('__')[1];\n                currentGroup = nummer?.split('_').pop() ?? '';\n            }\n\n            currentGroupName = currentGroup;\n        }\n    });\n\n    return currentGroupName;\n};\n\nexport type SearchBoxSortFunction = (a: ISearchBoxItem, b: ISearchBoxItem) => number;\n\ninterface SearchListOptions {\n    customSortFunction?: SearchBoxSortFunction;\n    items: ISearchBoxItem[];\n    searchString: string;\n}\n\nexport const sortSearchBoxItems = ({\n    customSortFunction,\n    searchString,\n    items,\n}: SearchListOptions) => {\n    if (customSortFunction) {\n        return [...items].sort(customSortFunction);\n    }\n\n    const lowercaseSearchString = searchString.toLowerCase();\n\n    return [...items].sort((a, b) => {\n        const aStartsWithSearchString = a.text.toLowerCase().startsWith(lowercaseSearchString);\n        const bStartsWithSearchString = b.text.toLowerCase().startsWith(lowercaseSearchString);\n\n        if (aStartsWithSearchString && !bStartsWithSearchString) {\n            return -1;\n        }\n        if (!aStartsWithSearchString && bStartsWithSearchString) {\n            return 1;\n        }\n        return a.text.localeCompare(b.text);\n    });\n};\n\nexport const searchList = ({ customSortFunction, searchString, items }: SearchListOptions) => {\n    const matchingItems: ISearchBoxItem[] = [];\n\n    const lowercaseSearchString = searchString.toLowerCase();\n\n    items.forEach((item) => {\n        const lowercaseText = item.text.toLowerCase();\n\n        if (lowercaseText.includes(lowercaseSearchString)) {\n            if (searchString === '') {\n                matchingItems.push(item);\n            } else {\n                const startIndex = lowercaseText.indexOf(lowercaseSearchString);\n                const highlightedText = surroundWithBTag(\n                    item.text,\n                    startIndex,\n                    searchString.length,\n                );\n                matchingItems.push({ ...item, text: highlightedText });\n            }\n        }\n    });\n\n    return sortSearchBoxItems({ customSortFunction, items: matchingItems, searchString });\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/utils/searchBox.test.js

@@ -0,0 +1,52 @@
+import { describe, expect, it } from 'vitest';
+import { filterSearchBoxItems } from '../components/search-box/SearchBox';
+import { searchList } from './searchBox';
+const items = [{
+  id: '2',
+  text: 'Zweite'
+}, {
+  id: '1',
+  text: 'Erste'
+}];
+describe('searchList', () => {
+  it('uses the custom sort function instead of the default sort', () => {
+    const result = searchList({
+      customSortFunction: (a, b) => b.id.localeCompare(a.id),
+      items,
+      searchString: ''
+    });
+    expect(result.map(({
+      id
+    }) => id)).toEqual(['2', '1']);
+  });
+  it('still filters before applying the custom sort function', () => {
+    const result = searchList({
+      customSortFunction: (a, b) => a.id.localeCompare(b.id),
+      items,
+      searchString: 'e'
+    });
+    expect(result.map(({
+      id
+    }) => id)).toEqual(['1', '2']);
+  });
+  it('uses only the custom filter when shouldUseCustomFilterOnly is enabled', () => {
+    const values = [];
+    const result = filterSearchBoxItems({
+      customFilter: ({
+        id
+      }, value) => {
+        values.push(value);
+        return id === '2';
+      },
+      customSortFunction: (a, b) => a.id.localeCompare(b.id),
+      items,
+      searchString: 'does-not-match',
+      shouldUseCustomFilterOnly: true
+    });
+    expect(result.map(({
+      id
+    }) => id)).toEqual(['2']);
+    expect(values).toEqual(['does-not-match', 'does-not-match']);
+  });
+});
+//# sourceMappingURL=searchBox.test.js.map

package/lib/esm/utils/searchBox.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchBox.test.js","names":["describe","expect","it","filterSearchBoxItems","searchList","items","id","text","result","customSortFunction","a","b","localeCompare","searchString","map","toEqual","values","customFilter","value","push","shouldUseCustomFilterOnly"],"sources":["../../../src/utils/searchBox.test.ts"],"sourcesContent":["import { describe, expect, it } from 'vitest';\nimport type { ISearchBoxItem } from '../types/searchBox';\nimport { filterSearchBoxItems } from '../components/search-box/SearchBox';\nimport { searchList } from './searchBox';\n\nconst items: ISearchBoxItem[] = [\n    { id: '2', text: 'Zweite' },\n    { id: '1', text: 'Erste' },\n];\n\ndescribe('searchList', () => {\n    it('uses the custom sort function instead of the default sort', () => {\n        const result = searchList({\n            customSortFunction: (a, b) => b.id.localeCompare(a.id),\n            items,\n            searchString: '',\n        });\n\n        expect(result.map(({ id }) => id)).toEqual(['2', '1']);\n    });\n\n    it('still filters before applying the custom sort function', () => {\n        const result = searchList({\n            customSortFunction: (a, b) => a.id.localeCompare(b.id),\n            items,\n            searchString: 'e',\n        });\n\n        expect(result.map(({ id }) => id)).toEqual(['1', '2']);\n    });\n\n    it('uses only the custom filter when shouldUseCustomFilterOnly is enabled', () => {\n        const values: string[] = [];\n        const result = filterSearchBoxItems({\n            customFilter: ({ id }, value) => {\n                values.push(value);\n                return id === '2';\n            },\n            customSortFunction: (a, b) => a.id.localeCompare(b.id),\n            items,\n            searchString: 'does-not-match',\n            shouldUseCustomFilterOnly: true,\n        });\n\n        expect(result.map(({ id }) => id)).toEqual(['2']);\n        expect(values).toEqual(['does-not-match', 'does-not-match']);\n    });\n});\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,EAAE,QAAQ,QAAQ;AAE7C,SAASC,oBAAoB,QAAQ,oCAAoC;AACzE,SAASC,UAAU,QAAQ,aAAa;AAExC,MAAMC,KAAuB,GAAG,CAC5B;EAAEC,EAAE,EAAE,GAAG;EAAEC,IAAI,EAAE;AAAS,CAAC,EAC3B;EAAED,EAAE,EAAE,GAAG;EAAEC,IAAI,EAAE;AAAQ,CAAC,CAC7B;AAEDP,QAAQ,CAAC,YAAY,EAAE,MAAM;EACzBE,EAAE,CAAC,2DAA2D,EAAE,MAAM;IAClE,MAAMM,MAAM,GAAGJ,UAAU,CAAC;MACtBK,kBAAkB,EAAEA,CAACC,CAAC,EAAEC,CAAC,KAAKA,CAAC,CAACL,EAAE,CAACM,aAAa,CAACF,CAAC,CAACJ,EAAE,CAAC;MACtDD,KAAK;MACLQ,YAAY,EAAE;IAClB,CAAC,CAAC;IAEFZ,MAAM,CAACO,MAAM,CAACM,GAAG,CAAC,CAAC;MAAER;IAAG,CAAC,KAAKA,EAAE,CAAC,CAAC,CAACS,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;EAC1D,CAAC,CAAC;EAEFb,EAAE,CAAC,wDAAwD,EAAE,MAAM;IAC/D,MAAMM,MAAM,GAAGJ,UAAU,CAAC;MACtBK,kBAAkB,EAAEA,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,CAACJ,EAAE,CAACM,aAAa,CAACD,CAAC,CAACL,EAAE,CAAC;MACtDD,KAAK;MACLQ,YAAY,EAAE;IAClB,CAAC,CAAC;IAEFZ,MAAM,CAACO,MAAM,CAACM,GAAG,CAAC,CAAC;MAAER;IAAG,CAAC,KAAKA,EAAE,CAAC,CAAC,CAACS,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;EAC1D,CAAC,CAAC;EAEFb,EAAE,CAAC,uEAAuE,EAAE,MAAM;IAC9E,MAAMc,MAAgB,GAAG,EAAE;IAC3B,MAAMR,MAAM,GAAGL,oBAAoB,CAAC;MAChCc,YAAY,EAAEA,CAAC;QAAEX;MAAG,CAAC,EAAEY,KAAK,KAAK;QAC7BF,MAAM,CAACG,IAAI,CAACD,KAAK,CAAC;QAClB,OAAOZ,EAAE,KAAK,GAAG;MACrB,CAAC;MACDG,kBAAkB,EAAEA,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,CAACJ,EAAE,CAACM,aAAa,CAACD,CAAC,CAACL,EAAE,CAAC;MACtDD,KAAK;MACLQ,YAAY,EAAE,gBAAgB;MAC9BO,yBAAyB,EAAE;IAC/B,CAAC,CAAC;IAEFnB,MAAM,CAACO,MAAM,CAACM,GAAG,CAAC,CAAC;MAAER;IAAG,CAAC,KAAKA,EAAE,CAAC,CAAC,CAACS,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC;IACjDd,MAAM,CAACe,MAAM,CAAC,CAACD,OAAO,CAAC,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC;EAChE,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

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

@@ -1,5 +1,6 @@
 import { ChangeEventHandler, FC, FocusEventHandler, KeyboardEventHandler } from 'react';
 import type { ISearchBoxItem, ISearchBoxItems } from '../../types/searchBox';
+import { type SearchBoxSortFunction } from '../../utils/searchBox';
 import { type InputProps } from '../input/Input';
 import { TagInputProps } from '../tag-input/TagInput';
 import type { DropdownDirection } from '../../types/dropdown';
@@ -13,6 +14,13 @@ export interface TagInputSettings {
     shouldAllowMultiple?: TagInputProps['shouldAllowMultiple'];
     tags?: TagInputProps['tags'];
 }
+export declare const filterSearchBoxItems: ({ customFilter, customSortFunction, items, searchString, shouldUseCustomFilterOnly, }: {
+    customFilter?: (item: ISearchBoxItem, value: string) => boolean;
+    customSortFunction?: SearchBoxSortFunction;
+    items: ISearchBoxItem[];
+    searchString: string;
+    shouldUseCustomFilterOnly?: boolean;
+}) => ISearchBoxItem[];
 export type SearchBoxProps = {
     /**
      * The element where the content of the `ComboBox` should be rendered via React Portal.
@@ -20,8 +28,14 @@ export type SearchBoxProps = {
     container?: Element;
     /**
      * An optional callback function to filter the elements to be displayed
+     * @param item The item to filter.
+     * @param value The current input value.
+     */
+    customFilter?: (item: ISearchBoxItem, value: string) => boolean;
+    /**
+     * An optional callback function to sort the filtered elements to be displayed
      */
-    customFilter?: (item: ISearchBoxItem) => boolean;
+    customSortFunction?: SearchBoxSortFunction;
     /**
      * If true, the custom filter replaces the built-in text search instead of narrowing its results.
      */

package/lib/types/index.d.ts

@@ -88,6 +88,7 @@ export type { IListItemRightElements } from './types/list';
 export type { PopupRef } from './types/popup';
 export type { RadioButtonItem } from './types/radioButton';
 export type { ISearchBoxItem as SearchBoxItem, ISearchBoxItems as SearchBoxItems, } from './types/searchBox';
+export type { SearchBoxSortFunction } from './utils/searchBox';
 export type { SelectButtonItem } from './types/selectButton';
 export type { SliderButtonItem } from './types/slider-button';
 export { type MultiActionButtonAction, type MultiActionButtonActionEvent, type MultiActionButtonActionStatus, MultiActionButtonHeight, type MultiActionButtonProps, type MultiActionButtonSecondaryContextMenu, MultiActionButtonStatusType, } from './components/multi-action-button/MultiActionButton.types';

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

@@ -1,9 +1,11 @@
 import type { ISearchBoxItem } from '../types/searchBox';
 export declare const getCurrentGroupName: (element: HTMLElement) => string;
+export type SearchBoxSortFunction = (a: ISearchBoxItem, b: ISearchBoxItem) => number;
 interface SearchListOptions {
+    customSortFunction?: SearchBoxSortFunction;
     items: ISearchBoxItem[];
     searchString: string;
 }
-export declare const sortSearchBoxItems: ({ searchString, items }: SearchListOptions) => ISearchBoxItem[];
-export declare const searchList: ({ searchString, items }: SearchListOptions) => ISearchBoxItem[];
+export declare const sortSearchBoxItems: ({ customSortFunction, searchString, items, }: SearchListOptions) => ISearchBoxItem[];
+export declare const searchList: ({ customSortFunction, searchString, items }: SearchListOptions) => ISearchBoxItem[];
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.5.37",
+    "version": "5.5.41",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -93,5 +93,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "d54ff7f9ff20ebb76f33a5539cbb610b107a0cc7"
+    "gitHead": "fc3d589835b668db40cc14ed59307d4cca80e9da"
 }