@trackunit/filters-filter-bar 1.3.244 → 1.3.245

package/index.cjs.js

@@ -617,7 +617,7 @@ const DefaultCheckboxFilter = ({ filterDefinition, filterBarActions, options, lo
     react.useEffect(() => {
         const index = results.findIndex(option => option.key === "UNDEFINED");
         if (index !== -1) {
-            setUndefinedCount({ count: results[index]?.count ?? 0, index });
+            setUndefinedCount({ count: results[index]?.count, index });
         }
     }, [results]);
     react.useEffect(() => {
@@ -1235,7 +1235,7 @@ const useHierarchicalOptionState = ({ options, option, selectedValues, cascadeSe
  * Renders a single option and its children recursively.
  * Uses the `useHierarchicalOptionState` hook for state management and interaction logic.
  */
-const RenderHierarchicalOption = ({ option, filterDefinition, filterBarActions, setValue, logEvent, selectedValues, cascadeSelection, optionsMap, }) => {
+const RenderHierarchicalOption = ({ option, filterDefinition, filterBarActions, setValue, logEvent, selectedValues, cascadeSelection, optionsMap, showCount = true, }) => {
     const level = option.level ?? 0;
     const { isChecked, isIndeterminate, handleSelect } = useHierarchicalOptionState({
         option,
@@ -1247,7 +1247,7 @@ const RenderHierarchicalOption = ({ option, filterDefinition, filterBarActions,
         filterDefinition,
         logEvent,
     });
-    return (jsxRuntime.jsxs(react.Fragment, { children: [jsxRuntime.jsx("div", { className: cvaOptionItem({ indentationLevel: level > 6 ? 6 : level }), children: jsxRuntime.jsx(reactFilterComponents.CheckBoxFilterItem, { checked: isChecked, className: "rounded-none", dataTestId: `hierarchical-filter-check-box-${option.key}`, indeterminate: isIndeterminate, itemCount: option.count, label: option.label, name: `hierarchical-filter-check-box-${option.key}`, onChange: handleSelect }) }), option.children?.map(child => (jsxRuntime.jsx(RenderHierarchicalOption, { cascadeSelection: cascadeSelection, filterBarActions: filterBarActions, filterDefinition: filterDefinition, logEvent: logEvent, option: child, optionsMap: optionsMap, selectedValues: selectedValues, setValue: setValue }, child.key)))] }, option.key));
+    return (jsxRuntime.jsxs(react.Fragment, { children: [jsxRuntime.jsx("div", { className: cvaOptionItem({ indentationLevel: level > 6 ? 6 : level }), children: jsxRuntime.jsx(reactFilterComponents.CheckBoxFilterItem, { checked: isChecked, className: "rounded-none", dataTestId: `hierarchical-filter-check-box-${option.key}`, indeterminate: isIndeterminate, itemCount: showCount ? option.count : undefined, label: option.label, name: `hierarchical-filter-check-box-${option.key}`, onChange: handleSelect }) }), option.children?.map(child => (jsxRuntime.jsx(RenderHierarchicalOption, { cascadeSelection: cascadeSelection, filterBarActions: filterBarActions, filterDefinition: filterDefinition, logEvent: logEvent, option: child, optionsMap: optionsMap, selectedValues: selectedValues, setValue: setValue, showCount: showCount }, child.key)))] }, option.key));
 };
 const cvaOptionItem = cssClassVarianceUtilities.cvaMerge(["m-1"], {
     variants: {
@@ -1272,7 +1272,7 @@ const cvaOptionItem = cssClassVarianceUtilities.cvaMerge(["m-1"], {
  *
  * Supports optional cascading selection behavior via the `cascadeSelection` prop.
  */
-const HierarchicalCheckboxFilter = ({ filterDefinition, filterBarActions, options, loading, setValue, value, cascadeSelection = false, customSearch, }) => {
+const HierarchicalCheckboxFilter = ({ filterDefinition, filterBarActions, options, loading, setValue, value, cascadeSelection = false, customSearch, showCount = true, }) => {
     const { logEvent } = reactCoreHooks.useAnalytics(FilterEvents);
     const selectedValues = value ?? [];
     // Local state for client-side search (used if customSearch is not provided)
@@ -1306,7 +1306,7 @@ const HierarchicalCheckboxFilter = ({ filterDefinition, filterBarActions, option
         }
         return filterHierarchicalOptions(options, localSearchText);
     }, [options, isServerSearch, localSearchText]);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(FilterHeader, { ...filterDefinition, ...filterBarActions, filterHasChanges: filterBarActions.appliedFilterKeys().includes(filterDefinition.filterKey), loading: loading, ...searchHeaderProps }), jsxRuntime.jsx("div", { className: "max-h-60 overflow-y-auto", children: jsxRuntime.jsx(FilterResults, { loading: loading, results: filteredOptions, children: results => (jsxRuntime.jsx(jsxRuntime.Fragment, { children: results.map(option => (jsxRuntime.jsx(RenderHierarchicalOption, { cascadeSelection: cascadeSelection, filterBarActions: filterBarActions, filterDefinition: filterDefinition, logEvent: logEvent, option: option, optionsMap: optionsMap, selectedValues: selectedValues, setValue: setValue }, option.key))) })) }) })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(FilterHeader, { ...filterDefinition, ...filterBarActions, filterHasChanges: filterBarActions.appliedFilterKeys().includes(filterDefinition.filterKey), loading: loading, ...searchHeaderProps }), jsxRuntime.jsx("div", { className: "max-h-60 overflow-y-auto", children: jsxRuntime.jsx(FilterResults, { loading: loading, results: filteredOptions, children: results => (jsxRuntime.jsx(jsxRuntime.Fragment, { children: results.map(option => (jsxRuntime.jsx(RenderHierarchicalOption, { cascadeSelection: cascadeSelection, filterBarActions: filterBarActions, filterDefinition: filterDefinition, logEvent: logEvent, option: option, optionsMap: optionsMap, selectedValues: selectedValues, setValue: setValue, showCount: showCount }, option.key))) })) }) })] }));
 };
 
 /**

package/index.esm.js

@@ -615,7 +615,7 @@ const DefaultCheckboxFilter = ({ filterDefinition, filterBarActions, options, lo
     useEffect(() => {
         const index = results.findIndex(option => option.key === "UNDEFINED");
         if (index !== -1) {
-            setUndefinedCount({ count: results[index]?.count ?? 0, index });
+            setUndefinedCount({ count: results[index]?.count, index });
         }
     }, [results]);
     useEffect(() => {
@@ -1233,7 +1233,7 @@ const useHierarchicalOptionState = ({ options, option, selectedValues, cascadeSe
  * Renders a single option and its children recursively.
  * Uses the `useHierarchicalOptionState` hook for state management and interaction logic.
  */
-const RenderHierarchicalOption = ({ option, filterDefinition, filterBarActions, setValue, logEvent, selectedValues, cascadeSelection, optionsMap, }) => {
+const RenderHierarchicalOption = ({ option, filterDefinition, filterBarActions, setValue, logEvent, selectedValues, cascadeSelection, optionsMap, showCount = true, }) => {
     const level = option.level ?? 0;
     const { isChecked, isIndeterminate, handleSelect } = useHierarchicalOptionState({
         option,
@@ -1245,7 +1245,7 @@ const RenderHierarchicalOption = ({ option, filterDefinition, filterBarActions,
         filterDefinition,
         logEvent,
     });
-    return (jsxs(Fragment$1, { children: [jsx("div", { className: cvaOptionItem({ indentationLevel: level > 6 ? 6 : level }), children: jsx(CheckBoxFilterItem, { checked: isChecked, className: "rounded-none", dataTestId: `hierarchical-filter-check-box-${option.key}`, indeterminate: isIndeterminate, itemCount: option.count, label: option.label, name: `hierarchical-filter-check-box-${option.key}`, onChange: handleSelect }) }), option.children?.map(child => (jsx(RenderHierarchicalOption, { cascadeSelection: cascadeSelection, filterBarActions: filterBarActions, filterDefinition: filterDefinition, logEvent: logEvent, option: child, optionsMap: optionsMap, selectedValues: selectedValues, setValue: setValue }, child.key)))] }, option.key));
+    return (jsxs(Fragment$1, { children: [jsx("div", { className: cvaOptionItem({ indentationLevel: level > 6 ? 6 : level }), children: jsx(CheckBoxFilterItem, { checked: isChecked, className: "rounded-none", dataTestId: `hierarchical-filter-check-box-${option.key}`, indeterminate: isIndeterminate, itemCount: showCount ? option.count : undefined, label: option.label, name: `hierarchical-filter-check-box-${option.key}`, onChange: handleSelect }) }), option.children?.map(child => (jsx(RenderHierarchicalOption, { cascadeSelection: cascadeSelection, filterBarActions: filterBarActions, filterDefinition: filterDefinition, logEvent: logEvent, option: child, optionsMap: optionsMap, selectedValues: selectedValues, setValue: setValue, showCount: showCount }, child.key)))] }, option.key));
 };
 const cvaOptionItem = cvaMerge(["m-1"], {
     variants: {
@@ -1270,7 +1270,7 @@ const cvaOptionItem = cvaMerge(["m-1"], {
  *
  * Supports optional cascading selection behavior via the `cascadeSelection` prop.
  */
-const HierarchicalCheckboxFilter = ({ filterDefinition, filterBarActions, options, loading, setValue, value, cascadeSelection = false, customSearch, }) => {
+const HierarchicalCheckboxFilter = ({ filterDefinition, filterBarActions, options, loading, setValue, value, cascadeSelection = false, customSearch, showCount = true, }) => {
     const { logEvent } = useAnalytics(FilterEvents);
     const selectedValues = value ?? [];
     // Local state for client-side search (used if customSearch is not provided)
@@ -1304,7 +1304,7 @@ const HierarchicalCheckboxFilter = ({ filterDefinition, filterBarActions, option
         }
         return filterHierarchicalOptions(options, localSearchText);
     }, [options, isServerSearch, localSearchText]);
-    return (jsxs(Fragment, { children: [jsx(FilterHeader, { ...filterDefinition, ...filterBarActions, filterHasChanges: filterBarActions.appliedFilterKeys().includes(filterDefinition.filterKey), loading: loading, ...searchHeaderProps }), jsx("div", { className: "max-h-60 overflow-y-auto", children: jsx(FilterResults, { loading: loading, results: filteredOptions, children: results => (jsx(Fragment, { children: results.map(option => (jsx(RenderHierarchicalOption, { cascadeSelection: cascadeSelection, filterBarActions: filterBarActions, filterDefinition: filterDefinition, logEvent: logEvent, option: option, optionsMap: optionsMap, selectedValues: selectedValues, setValue: setValue }, option.key))) })) }) })] }));
+    return (jsxs(Fragment, { children: [jsx(FilterHeader, { ...filterDefinition, ...filterBarActions, filterHasChanges: filterBarActions.appliedFilterKeys().includes(filterDefinition.filterKey), loading: loading, ...searchHeaderProps }), jsx("div", { className: "max-h-60 overflow-y-auto", children: jsx(FilterResults, { loading: loading, results: filteredOptions, children: results => (jsx(Fragment, { children: results.map(option => (jsx(RenderHierarchicalOption, { cascadeSelection: cascadeSelection, filterBarActions: filterBarActions, filterDefinition: filterDefinition, logEvent: logEvent, option: option, optionsMap: optionsMap, selectedValues: selectedValues, setValue: setValue, showCount: showCount }, option.key))) })) }) })] }));
 };
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/filters-filter-bar",
-  "version": "1.3.244",
+  "version": "1.3.245",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -16,8 +16,8 @@
     "zod": "3.23.4",
     "@trackunit/iris-app-api": "1.3.152",
     "@trackunit/react-core-hooks": "1.3.158",
-    "@trackunit/react-filter-components": "1.3.198",
-    "@trackunit/react-date-and-time-components": "1.3.202",
+    "@trackunit/react-filter-components": "1.3.199",
+    "@trackunit/react-date-and-time-components": "1.3.203",
     "@trackunit/shared-utils": "1.5.144",
     "@trackunit/react-form-components": "1.3.200",
     "@trackunit/react-core-contexts-api": "1.4.152",

package/src/lib/components/HierarchicalCheckboxFilter/HierarchicalCheckboxFilter.d.ts

@@ -48,6 +48,7 @@ export interface HierarchicalFilterProps extends Omit<DefaultFilterProps<Array<V
          */
         onChange: (value: string) => void;
     };
+    showCount?: boolean;
 }
 /**
  * `HierarchicalCheckboxFilter` is a React component for handling hierarchical checkbox filters.
@@ -55,4 +56,4 @@ export interface HierarchicalFilterProps extends Omit<DefaultFilterProps<Array<V
  *
  * Supports optional cascading selection behavior via the `cascadeSelection` prop.
  */
-export declare const HierarchicalCheckboxFilter: ({ filterDefinition, filterBarActions, options, loading, setValue, value, cascadeSelection, customSearch, }: HierarchicalFilterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HierarchicalCheckboxFilter: ({ filterDefinition, filterBarActions, options, loading, setValue, value, cascadeSelection, customSearch, showCount, }: HierarchicalFilterProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/HierarchicalCheckboxFilter/RenderHierarchicalOption.d.ts

@@ -11,10 +11,11 @@ interface RenderHierarchicalOptionProps {
     selectedValues: Array<ValueName>;
     cascadeSelection: boolean;
     optionsMap: Map<string, HierarchicalFilterOption>;
+    showCount?: boolean;
 }
 /**
  * Renders a single option and its children recursively.
  * Uses the `useHierarchicalOptionState` hook for state management and interaction logic.
  */
-export declare const RenderHierarchicalOption: ({ option, filterDefinition, filterBarActions, setValue, logEvent, selectedValues, cascadeSelection, optionsMap, }: RenderHierarchicalOptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RenderHierarchicalOption: ({ option, filterDefinition, filterBarActions, setValue, logEvent, selectedValues, cascadeSelection, optionsMap, showCount, }: RenderHierarchicalOptionProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/lib/types/FilterTypes.d.ts

@@ -146,6 +146,7 @@ export interface FilterViewProps<TReturnType> {
     filterState: FilterState<{}>;
     filterBarActions: FilterMapActions & FilterMapGetter;
     hideHeader?: boolean;
+    hasCount?: boolean;
 }
 export type FiltersStoreInstance<T extends FilterBarDefinition> = Partial<FilterBarConfig<T>>;
 /**