@trackunit/filters-filter-bar 1.3.35 → 1.3.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.cjs.js +6 -6
- package/index.esm.js +6 -6
- package/package.json +11 -11
- package/src/lib/components/DefaultRadioFilter.d.ts +3 -2
- package/src/lib/components/DynamicFilterList.d.ts +3 -2
- package/src/lib/components/Filter.d.ts +3 -2
- package/src/lib/components/FilterHeader.d.ts +4 -3
- package/src/lib/components/FilterResults.d.ts +2 -1
- package/src/lib/components/StarredFilters.d.ts +1 -1
- package/src/lib/components/StarredFiltersMenu.d.ts +1 -1
package/index.cjs.js
CHANGED
|
@@ -349,7 +349,7 @@ const toggleFilterValue = (value) => {
|
|
|
349
349
|
/**
|
|
350
350
|
* DynamicFilterList is a React component that displays a list of dynamic filters with options like CheckBoxes or Radio buttons.
|
|
351
351
|
*
|
|
352
|
-
* @returns {
|
|
352
|
+
* @returns {ReactElement} - Returns the DynamicFilterList component.
|
|
353
353
|
*/
|
|
354
354
|
const DynamicFilterList = ({ rowCount, keyMapper, labelMapper, onChange, checked, count, showRequestMoreUseSearch = false, type, }) => {
|
|
355
355
|
const [t] = useTranslation();
|
|
@@ -365,7 +365,7 @@ const DynamicFilterList = ({ rowCount, keyMapper, labelMapper, onChange, checked
|
|
|
365
365
|
/**
|
|
366
366
|
* FilterHeader is a React component that renders the header for a filter, including search functionality and reset options.
|
|
367
367
|
*
|
|
368
|
-
* @returns {
|
|
368
|
+
* @returns {ReactElement} - Returns the FilterHeader component.
|
|
369
369
|
*/
|
|
370
370
|
const FilterHeader = ({ filterKey, title, searchEnabled, searchProps, filterHasChanged, resetIndividualFilterToInitialState, onResetFilter, loading = false, children, className, dataTestId, }) => {
|
|
371
371
|
const [t] = useTranslation();
|
|
@@ -603,7 +603,7 @@ const DefaultMinMaxFilter = ({ filterDefinition, filterName, value, setValue, fi
|
|
|
603
603
|
/**
|
|
604
604
|
* DefaultRadioFilter is a React component that renders a filter with radio button options based on the provided props.
|
|
605
605
|
*
|
|
606
|
-
* @returns {
|
|
606
|
+
* @returns {ReactElement} - Returns the DefaultRadioFilter component.
|
|
607
607
|
*/
|
|
608
608
|
const DefaultRadioFilter = ({ filterDefinition, filterBarActions, options, loading, filterName, customSearch, showRequestMoreUseSearch = false, setValue, }) => {
|
|
609
609
|
const { logEvent } = reactCoreHooks.useAnalytics(FilterEvents);
|
|
@@ -672,7 +672,7 @@ const reduceFilterText = (input) => {
|
|
|
672
672
|
/**
|
|
673
673
|
* Filter is a React component that renders a filter element based on the provided filter definition and state.
|
|
674
674
|
*
|
|
675
|
-
* @returns {
|
|
675
|
+
* @returns {ReactElement} - Returns the Filter component.
|
|
676
676
|
*/
|
|
677
677
|
const Filter = ({ filter, filterBarActions, filterState, }) => {
|
|
678
678
|
const values = filterBarActions.getValuesByKey(filter.filterKey);
|
|
@@ -760,7 +760,7 @@ const ResetFiltersButton = ({ filtersHaveBeenApplied, resetFiltersToInitialState
|
|
|
760
760
|
/**
|
|
761
761
|
* StarredFiltersMenu is a React component that displays a menu of starred filters within a filter bar.
|
|
762
762
|
*
|
|
763
|
-
* @returns {
|
|
763
|
+
* @returns {ReactElement} - Returns the StarredFiltersMenu component.
|
|
764
764
|
*/
|
|
765
765
|
const StarredFiltersMenu = ({ filterBarDefinition, updateStarredFilters, starredFilterKeys, hiddenFilters = [], className, dataTestId, }) => {
|
|
766
766
|
const [t] = useTranslation();
|
|
@@ -817,7 +817,7 @@ const StarredFiltersMenu = ({ filterBarDefinition, updateStarredFilters, starred
|
|
|
817
817
|
* StarredFilters is a React component that displays a list of starred filters based on the provided filter bar configuration.
|
|
818
818
|
*
|
|
819
819
|
* @template TFilterBarDefinition - The type representing the filter bar definition.
|
|
820
|
-
* @returns {
|
|
820
|
+
* @returns {ReactElement} - Returns the StarredFilters component.
|
|
821
821
|
*/
|
|
822
822
|
const StarredFilters = ({ filterBarDefinition, filterBarConfig, hiddenFilters = [], compact, dataTestId, className, }) => {
|
|
823
823
|
const [t] = useTranslation();
|
package/index.esm.js
CHANGED
|
@@ -347,7 +347,7 @@ const toggleFilterValue = (value) => {
|
|
|
347
347
|
/**
|
|
348
348
|
* DynamicFilterList is a React component that displays a list of dynamic filters with options like CheckBoxes or Radio buttons.
|
|
349
349
|
*
|
|
350
|
-
* @returns {
|
|
350
|
+
* @returns {ReactElement} - Returns the DynamicFilterList component.
|
|
351
351
|
*/
|
|
352
352
|
const DynamicFilterList = ({ rowCount, keyMapper, labelMapper, onChange, checked, count, showRequestMoreUseSearch = false, type, }) => {
|
|
353
353
|
const [t] = useTranslation();
|
|
@@ -363,7 +363,7 @@ const DynamicFilterList = ({ rowCount, keyMapper, labelMapper, onChange, checked
|
|
|
363
363
|
/**
|
|
364
364
|
* FilterHeader is a React component that renders the header for a filter, including search functionality and reset options.
|
|
365
365
|
*
|
|
366
|
-
* @returns {
|
|
366
|
+
* @returns {ReactElement} - Returns the FilterHeader component.
|
|
367
367
|
*/
|
|
368
368
|
const FilterHeader = ({ filterKey, title, searchEnabled, searchProps, filterHasChanged, resetIndividualFilterToInitialState, onResetFilter, loading = false, children, className, dataTestId, }) => {
|
|
369
369
|
const [t] = useTranslation();
|
|
@@ -601,7 +601,7 @@ const DefaultMinMaxFilter = ({ filterDefinition, filterName, value, setValue, fi
|
|
|
601
601
|
/**
|
|
602
602
|
* DefaultRadioFilter is a React component that renders a filter with radio button options based on the provided props.
|
|
603
603
|
*
|
|
604
|
-
* @returns {
|
|
604
|
+
* @returns {ReactElement} - Returns the DefaultRadioFilter component.
|
|
605
605
|
*/
|
|
606
606
|
const DefaultRadioFilter = ({ filterDefinition, filterBarActions, options, loading, filterName, customSearch, showRequestMoreUseSearch = false, setValue, }) => {
|
|
607
607
|
const { logEvent } = useAnalytics(FilterEvents);
|
|
@@ -670,7 +670,7 @@ const reduceFilterText = (input) => {
|
|
|
670
670
|
/**
|
|
671
671
|
* Filter is a React component that renders a filter element based on the provided filter definition and state.
|
|
672
672
|
*
|
|
673
|
-
* @returns {
|
|
673
|
+
* @returns {ReactElement} - Returns the Filter component.
|
|
674
674
|
*/
|
|
675
675
|
const Filter = ({ filter, filterBarActions, filterState, }) => {
|
|
676
676
|
const values = filterBarActions.getValuesByKey(filter.filterKey);
|
|
@@ -758,7 +758,7 @@ const ResetFiltersButton = ({ filtersHaveBeenApplied, resetFiltersToInitialState
|
|
|
758
758
|
/**
|
|
759
759
|
* StarredFiltersMenu is a React component that displays a menu of starred filters within a filter bar.
|
|
760
760
|
*
|
|
761
|
-
* @returns {
|
|
761
|
+
* @returns {ReactElement} - Returns the StarredFiltersMenu component.
|
|
762
762
|
*/
|
|
763
763
|
const StarredFiltersMenu = ({ filterBarDefinition, updateStarredFilters, starredFilterKeys, hiddenFilters = [], className, dataTestId, }) => {
|
|
764
764
|
const [t] = useTranslation();
|
|
@@ -815,7 +815,7 @@ const StarredFiltersMenu = ({ filterBarDefinition, updateStarredFilters, starred
|
|
|
815
815
|
* StarredFilters is a React component that displays a list of starred filters based on the provided filter bar configuration.
|
|
816
816
|
*
|
|
817
817
|
* @template TFilterBarDefinition - The type representing the filter bar definition.
|
|
818
|
-
* @returns {
|
|
818
|
+
* @returns {ReactElement} - Returns the StarredFilters component.
|
|
819
819
|
*/
|
|
820
820
|
const StarredFilters = ({ filterBarDefinition, filterBarConfig, hiddenFilters = [], compact, dataTestId, className, }) => {
|
|
821
821
|
const [t] = useTranslation();
|
package/package.json
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trackunit/filters-filter-bar",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.39",
|
|
4
4
|
"repository": "https://github.com/Trackunit/manager",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"engines": {
|
|
7
7
|
"node": ">=20.x"
|
|
8
8
|
},
|
|
9
9
|
"dependencies": {
|
|
10
|
-
"react": "
|
|
10
|
+
"react": "19.0.0",
|
|
11
11
|
"dequal": "^2.0.3",
|
|
12
12
|
"lodash": "4.17.21",
|
|
13
13
|
"jest-fetch-mock": "^3.0.3",
|
|
14
14
|
"tailwind-merge": "^2.0.0",
|
|
15
15
|
"string-ts": "^2.0.0",
|
|
16
16
|
"zod": "3.22.4",
|
|
17
|
-
"@trackunit/react-components": "1.4.
|
|
18
|
-
"@trackunit/react-core-hooks": "1.3.
|
|
19
|
-
"@trackunit/react-filter-components": "1.3.
|
|
20
|
-
"@trackunit/react-date-and-time-components": "1.3.
|
|
21
|
-
"@trackunit/shared-utils": "1.5.
|
|
22
|
-
"@trackunit/react-form-components": "1.3.
|
|
23
|
-
"@trackunit/react-core-contexts-api": "1.4.
|
|
24
|
-
"@trackunit/geo-json-utils": "1.3.
|
|
25
|
-
"@trackunit/i18n-library-translation": "1.3.
|
|
17
|
+
"@trackunit/react-components": "1.4.27",
|
|
18
|
+
"@trackunit/react-core-hooks": "1.3.28",
|
|
19
|
+
"@trackunit/react-filter-components": "1.3.32",
|
|
20
|
+
"@trackunit/react-date-and-time-components": "1.3.29",
|
|
21
|
+
"@trackunit/shared-utils": "1.5.27",
|
|
22
|
+
"@trackunit/react-form-components": "1.3.32",
|
|
23
|
+
"@trackunit/react-core-contexts-api": "1.4.28",
|
|
24
|
+
"@trackunit/geo-json-utils": "1.3.28",
|
|
25
|
+
"@trackunit/i18n-library-translation": "1.3.28"
|
|
26
26
|
},
|
|
27
27
|
"module": "./index.esm.js",
|
|
28
28
|
"main": "./index.cjs.js",
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { ValueName } from "@trackunit/react-core-contexts-api";
|
|
2
|
+
import { ReactElement } from "react";
|
|
2
3
|
import { DefaultFilterProps } from "./DefaultFilterTypes";
|
|
3
4
|
/**
|
|
4
5
|
* DefaultRadioFilter is a React component that renders a filter with radio button options based on the provided props.
|
|
5
6
|
*
|
|
6
|
-
* @returns {
|
|
7
|
+
* @returns {ReactElement} - Returns the DefaultRadioFilter component.
|
|
7
8
|
*/
|
|
8
|
-
export declare const DefaultRadioFilter: ({ filterDefinition, filterBarActions, options, loading, filterName, customSearch, showRequestMoreUseSearch, setValue, }: DefaultFilterProps<ValueName>) =>
|
|
9
|
+
export declare const DefaultRadioFilter: ({ filterDefinition, filterBarActions, options, loading, filterName, customSearch, showRequestMoreUseSearch, setValue, }: DefaultFilterProps<ValueName>) => ReactElement;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ReactElement } from "react";
|
|
1
2
|
interface DynamicFilterListProps {
|
|
2
3
|
/**
|
|
3
4
|
* The type of input element to use in the list.
|
|
@@ -49,7 +50,7 @@ interface DynamicFilterListProps {
|
|
|
49
50
|
/**
|
|
50
51
|
* DynamicFilterList is a React component that displays a list of dynamic filters with options like CheckBoxes or Radio buttons.
|
|
51
52
|
*
|
|
52
|
-
* @returns {
|
|
53
|
+
* @returns {ReactElement} - Returns the DynamicFilterList component.
|
|
53
54
|
*/
|
|
54
|
-
export declare const DynamicFilterList: ({ rowCount, keyMapper, labelMapper, onChange, checked, count, showRequestMoreUseSearch, type, }: DynamicFilterListProps) =>
|
|
55
|
+
export declare const DynamicFilterList: ({ rowCount, keyMapper, labelMapper, onChange, checked, count, showRequestMoreUseSearch, type, }: DynamicFilterListProps) => ReactElement;
|
|
55
56
|
export {};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ReactElement } from "react";
|
|
1
2
|
import { FilterBarDefinition, FilterDefinition, FilterMapActions, FilterMapGetter, FilterState } from "../types/FilterTypes";
|
|
2
3
|
interface FilterProps<T extends FilterBarDefinition> {
|
|
3
4
|
/**
|
|
@@ -16,7 +17,7 @@ interface FilterProps<T extends FilterBarDefinition> {
|
|
|
16
17
|
/**
|
|
17
18
|
* Filter is a React component that renders a filter element based on the provided filter definition and state.
|
|
18
19
|
*
|
|
19
|
-
* @returns {
|
|
20
|
+
* @returns {ReactElement} - Returns the Filter component.
|
|
20
21
|
*/
|
|
21
|
-
export declare const Filter: <T extends FilterBarDefinition>({ filter, filterBarActions, filterState, }: FilterProps<T>) =>
|
|
22
|
+
export declare const Filter: <T extends FilterBarDefinition>({ filter, filterBarActions, filterState, }: FilterProps<T>) => ReactElement;
|
|
22
23
|
export {};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { CommonProps } from "@trackunit/react-components";
|
|
2
|
+
import { ReactElement, ReactNode } from "react";
|
|
2
3
|
import { FilterTranslation } from "../types/FilterTypes";
|
|
3
4
|
interface FilterHeaderCommonProps extends CommonProps {
|
|
4
5
|
loading?: boolean;
|
|
@@ -33,7 +34,7 @@ interface FilterHeaderCommonProps extends CommonProps {
|
|
|
33
34
|
/**
|
|
34
35
|
* The children to render in the header of the filter.
|
|
35
36
|
*/
|
|
36
|
-
children?:
|
|
37
|
+
children?: ReactNode;
|
|
37
38
|
}
|
|
38
39
|
interface FilterSearchProps {
|
|
39
40
|
/**
|
|
@@ -64,7 +65,7 @@ type FilterHeaderProps = FilterHeaderCommonProps & FilterHeaderWithSearchProps;
|
|
|
64
65
|
/**
|
|
65
66
|
* FilterHeader is a React component that renders the header for a filter, including search functionality and reset options.
|
|
66
67
|
*
|
|
67
|
-
* @returns {
|
|
68
|
+
* @returns {ReactElement} - Returns the FilterHeader component.
|
|
68
69
|
*/
|
|
69
|
-
export declare const FilterHeader: ({ filterKey, title, searchEnabled, searchProps, filterHasChanged, resetIndividualFilterToInitialState, onResetFilter, loading, children, className, dataTestId, }: FilterHeaderProps) =>
|
|
70
|
+
export declare const FilterHeader: ({ filterKey, title, searchEnabled, searchProps, filterHasChanged, resetIndividualFilterToInitialState, onResetFilter, loading, children, className, dataTestId, }: FilterHeaderProps) => ReactElement;
|
|
70
71
|
export {};
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import { ReactElement } from "react";
|
|
1
2
|
interface Props<TResult> {
|
|
2
3
|
results: TResult[] | undefined | null;
|
|
3
4
|
loading?: boolean;
|
|
4
5
|
ignoreUndefined?: boolean;
|
|
5
|
-
children: (results: TResult[]) =>
|
|
6
|
+
children: (results: TResult[]) => ReactElement;
|
|
6
7
|
}
|
|
7
8
|
/**
|
|
8
9
|
* Wrapper around results for filters.
|
|
@@ -22,7 +22,7 @@ interface StarredFiltersProps<TFilterBarDefinition extends FilterBarDefinition>
|
|
|
22
22
|
* StarredFilters is a React component that displays a list of starred filters based on the provided filter bar configuration.
|
|
23
23
|
*
|
|
24
24
|
* @template TFilterBarDefinition - The type representing the filter bar definition.
|
|
25
|
-
* @returns {
|
|
25
|
+
* @returns {ReactElement} - Returns the StarredFilters component.
|
|
26
26
|
*/
|
|
27
27
|
export declare const StarredFilters: <TFilterBarDefinition extends FilterBarDefinition>({ filterBarDefinition, filterBarConfig, hiddenFilters, compact, dataTestId, className, }: StarredFiltersProps<TFilterBarDefinition>) => import("react/jsx-runtime").JSX.Element;
|
|
28
28
|
export {};
|
|
@@ -23,7 +23,7 @@ interface StarredFiltersMenuProps extends CommonProps {
|
|
|
23
23
|
/**
|
|
24
24
|
* StarredFiltersMenu is a React component that displays a menu of starred filters within a filter bar.
|
|
25
25
|
*
|
|
26
|
-
* @returns {
|
|
26
|
+
* @returns {ReactElement} - Returns the StarredFiltersMenu component.
|
|
27
27
|
*/
|
|
28
28
|
export declare const StarredFiltersMenu: ({ filterBarDefinition, updateStarredFilters, starredFilterKeys, hiddenFilters, className, dataTestId, }: StarredFiltersMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
29
|
export {};
|