@trackunit/filters-filter-bar 1.18.5 → 1.18.7

package/index.cjs.js

@@ -495,7 +495,7 @@ const ITEM_HEIGHT = 28; //measured in DevTools on 03/10/2025
  *
  * @returns {ReactElement} - Returns the DynamicFilterList component.
  */
-const DynamicFilterList = ({ rowCount, keyMapper, labelMapper, onChange, checked, count, showRequestMoreUseSearch = false, type, className, }) => {
+const DynamicFilterList = ({ rowCount, keyMapper, labelMapper, onChange, checked, count, showRequestMoreUseSearch = false, type = undefined, className, }) => {
     const [t] = useTranslation();
     const parentRef = react.useRef(null);
     const updatedRowCount = react.useMemo(() => (showRequestMoreUseSearch ? rowCount + 1 : rowCount), [rowCount, showRequestMoreUseSearch]);
@@ -532,13 +532,14 @@ const DynamicFilterList = ({ rowCount, keyMapper, labelMapper, onChange, checked
  *
  * @returns {ReactElement} - Returns the FilterHeader component.
  */
-const FilterHeader = ({ filterKey, title, searchEnabled, searchProps, filterHasChanges, resetIndividualFilterToInitialState, onResetFilter, loading = false, className, "data-testid": dataTestId, hideHeader = false, children, }) => {
+const FilterHeader = ({ filterKey, title, searchEnabled = false, searchProps, filterHasChanges, resetIndividualFilterToInitialState, onResetFilter, loading = false, className, "data-testid": dataTestId, hideHeader = false, children, }) => {
     const [t] = useTranslation();
     const handleResetFilter = () => {
         resetIndividualFilterToInitialState(filterKey);
         onResetFilter?.();
     };
-    return (jsxRuntime.jsx(reactFilterComponents.FilterHeader, { className: className, "data-testid": dataTestId ?? `${filterKey}-filter-header`, loading: loading, onReset: handleResetFilter, resetLabel: t("filtersBar.resetFilter"), searchComponent: searchEnabled ? jsxRuntime.jsx(FilterHeaderSearchComponent, { filterKey: filterKey, searchProps: searchProps }) : undefined, showReset: filterHasChanges, title: hideHeader ? undefined : title, children: children }));
+    const searchComponent = searchEnabled && searchProps !== undefined ? (jsxRuntime.jsx(FilterHeaderSearchComponent, { filterKey: filterKey, searchProps: searchProps })) : undefined;
+    return (jsxRuntime.jsx(reactFilterComponents.FilterHeader, { className: className, "data-testid": dataTestId ?? `${filterKey}-filter-header`, loading: loading, onReset: handleResetFilter, resetLabel: t("filtersBar.resetFilter"), searchComponent: searchComponent, showReset: filterHasChanges, title: hideHeader ? undefined : title, children: children }));
 };
 /**
  * FilterHeaderSearchComponent renders a search input for the FilterHeader component.
@@ -560,7 +561,7 @@ const FilterHeaderSearchComponent = ({ searchProps, filterKey, }) => {
  * shows no results if length or array is 0
  * otherwise it calls children as a render prop
  */
-const FilterResults = ({ results, ignoreUndefined, loading, children, }) => {
+const FilterResults = ({ results, ignoreUndefined = false, loading, children, }) => {
     if (!results) {
         return null;
     }
@@ -569,7 +570,7 @@ const FilterResults = ({ results, ignoreUndefined, loading, children, }) => {
     }
     return jsxRuntime.jsx(jsxRuntime.Fragment, { children: children(results) });
 };
-const EmptyResults = ({ loading }) => {
+const EmptyResults = ({ loading = false }) => {
     const [t] = useTranslation();
     return (jsxRuntime.jsx("div", { className: "grid h-20 w-[280px] place-content-center pl-2 pr-2", "data-testid": "empty-filter-results", children: jsxRuntime.jsx(reactComponents.Text, { align: "center", className: "w-full break-words", italicize: true, subtle: true, children: loading ? t("filtersBar.loading") : t("filtersBar.emptyResults") }) }));
 };

package/index.esm.js

@@ -493,7 +493,7 @@ const ITEM_HEIGHT = 28; //measured in DevTools on 03/10/2025
  *
  * @returns {ReactElement} - Returns the DynamicFilterList component.
  */
-const DynamicFilterList = ({ rowCount, keyMapper, labelMapper, onChange, checked, count, showRequestMoreUseSearch = false, type, className, }) => {
+const DynamicFilterList = ({ rowCount, keyMapper, labelMapper, onChange, checked, count, showRequestMoreUseSearch = false, type = undefined, className, }) => {
     const [t] = useTranslation();
     const parentRef = useRef(null);
     const updatedRowCount = useMemo(() => (showRequestMoreUseSearch ? rowCount + 1 : rowCount), [rowCount, showRequestMoreUseSearch]);
@@ -530,13 +530,14 @@ const DynamicFilterList = ({ rowCount, keyMapper, labelMapper, onChange, checked
  *
  * @returns {ReactElement} - Returns the FilterHeader component.
  */
-const FilterHeader = ({ filterKey, title, searchEnabled, searchProps, filterHasChanges, resetIndividualFilterToInitialState, onResetFilter, loading = false, className, "data-testid": dataTestId, hideHeader = false, children, }) => {
+const FilterHeader = ({ filterKey, title, searchEnabled = false, searchProps, filterHasChanges, resetIndividualFilterToInitialState, onResetFilter, loading = false, className, "data-testid": dataTestId, hideHeader = false, children, }) => {
     const [t] = useTranslation();
     const handleResetFilter = () => {
         resetIndividualFilterToInitialState(filterKey);
         onResetFilter?.();
     };
-    return (jsx(FilterHeader$1, { className: className, "data-testid": dataTestId ?? `${filterKey}-filter-header`, loading: loading, onReset: handleResetFilter, resetLabel: t("filtersBar.resetFilter"), searchComponent: searchEnabled ? jsx(FilterHeaderSearchComponent, { filterKey: filterKey, searchProps: searchProps }) : undefined, showReset: filterHasChanges, title: hideHeader ? undefined : title, children: children }));
+    const searchComponent = searchEnabled && searchProps !== undefined ? (jsx(FilterHeaderSearchComponent, { filterKey: filterKey, searchProps: searchProps })) : undefined;
+    return (jsx(FilterHeader$1, { className: className, "data-testid": dataTestId ?? `${filterKey}-filter-header`, loading: loading, onReset: handleResetFilter, resetLabel: t("filtersBar.resetFilter"), searchComponent: searchComponent, showReset: filterHasChanges, title: hideHeader ? undefined : title, children: children }));
 };
 /**
  * FilterHeaderSearchComponent renders a search input for the FilterHeader component.
@@ -558,7 +559,7 @@ const FilterHeaderSearchComponent = ({ searchProps, filterKey, }) => {
  * shows no results if length or array is 0
  * otherwise it calls children as a render prop
  */
-const FilterResults = ({ results, ignoreUndefined, loading, children, }) => {
+const FilterResults = ({ results, ignoreUndefined = false, loading, children, }) => {
     if (!results) {
         return null;
     }
@@ -567,7 +568,7 @@ const FilterResults = ({ results, ignoreUndefined, loading, children, }) => {
     }
     return jsx(Fragment, { children: children(results) });
 };
-const EmptyResults = ({ loading }) => {
+const EmptyResults = ({ loading = false }) => {
     const [t] = useTranslation();
     return (jsx("div", { className: "grid h-20 w-[280px] place-content-center pl-2 pr-2", "data-testid": "empty-filter-results", children: jsx(Text, { align: "center", className: "w-full break-words", italicize: true, subtle: true, children: loading ? t("filtersBar.loading") : t("filtersBar.emptyResults") }) }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/filters-filter-bar",
-  "version": "1.18.5",
+  "version": "1.18.7",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -11,17 +11,17 @@
     "tailwind-merge": "^2.0.0",
     "string-ts": "^2.0.0",
     "zod": "^3.23.8",
-    "@trackunit/iris-app-api": "1.15.9",
-    "@trackunit/react-core-hooks": "1.14.2",
-    "@trackunit/react-filter-components": "1.17.4",
-    "@trackunit/react-date-and-time-components": "1.20.4",
-    "@trackunit/shared-utils": "1.13.77",
-    "@trackunit/react-form-components": "1.18.3",
-    "@trackunit/iris-app-runtime-core-api": "1.13.2",
-    "@trackunit/geo-json-utils": "1.11.78",
-    "@trackunit/i18n-library-translation": "1.15.3",
-    "@trackunit/css-class-variance-utilities": "1.11.77",
-    "@trackunit/react-components": "1.20.3"
+    "@trackunit/iris-app-api": "1.15.10",
+    "@trackunit/react-core-hooks": "1.14.4",
+    "@trackunit/react-filter-components": "1.17.6",
+    "@trackunit/react-date-and-time-components": "1.20.6",
+    "@trackunit/shared-utils": "1.13.78",
+    "@trackunit/react-form-components": "1.18.5",
+    "@trackunit/iris-app-runtime-core-api": "1.13.3",
+    "@trackunit/geo-json-utils": "1.11.79",
+    "@trackunit/i18n-library-translation": "1.15.5",
+    "@trackunit/css-class-variance-utilities": "1.11.78",
+    "@trackunit/react-components": "1.20.5"
   },
   "peerDependencies": {
     "react": "^19.0.0",