@trackunit/filters-filter-bar 1.3.246 → 1.3.248

package/index.cjs.js

@@ -974,6 +974,18 @@ const TooltipValues = ({ values }) => {
     return jsxRuntime.jsx(jsxRuntime.Fragment, {});
 };
 
+/**
+ * Component for displaying a title and values in a tooltip.
+ *
+ * @param {TooltipLabelProps} props - Component properties.
+ * @param {string} props.title - The title of the filter.
+ * @param {any} props.displayValues - The filter values to display.
+ * @returns {ReactElement} The rendered component showing the title and values.
+ */
+const TooltipLabel = ({ title, displayValues }) => {
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "text-xs font-medium", children: title }), jsxRuntime.jsx(TooltipValues, { values: displayValues })] }));
+};
+
 /**
  * Component that displays a tooltip label with filter details.
  *
@@ -993,7 +1005,7 @@ const SingleFilterTooltipLabel = ({ filterBarConfig, filter, filterKey, }) => {
         }
         return values;
     }, [filter, values]);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "text-xs font-medium", children: title }), jsxRuntime.jsx(TooltipValues, { values: displayValues })] }));
+    return jsxRuntime.jsx(TooltipLabel, { displayValues: displayValues, title: title });
 };
 
 /**
@@ -2164,6 +2176,7 @@ exports.GroupedFiltersList = GroupedFiltersList;
 exports.HierarchicalCheckboxFilter = HierarchicalCheckboxFilter;
 exports.MultipleFilterTooltipLabel = MultipleFilterTooltipLabel;
 exports.ResetFiltersButton = ResetFiltersButton;
+exports.TooltipLabel = TooltipLabel;
 exports.areaFilterGeoJsonGeometrySchema = areaFilterGeoJsonGeometrySchema;
 exports.isAreaFilterValue = isAreaFilterValue;
 exports.isArrayFilterValue = isArrayFilterValue;

package/index.esm.js

@@ -972,6 +972,18 @@ const TooltipValues = ({ values }) => {
     return jsx(Fragment, {});
 };
 
+/**
+ * Component for displaying a title and values in a tooltip.
+ *
+ * @param {TooltipLabelProps} props - Component properties.
+ * @param {string} props.title - The title of the filter.
+ * @param {any} props.displayValues - The filter values to display.
+ * @returns {ReactElement} The rendered component showing the title and values.
+ */
+const TooltipLabel = ({ title, displayValues }) => {
+    return (jsxs(Fragment, { children: [jsx("div", { className: "text-xs font-medium", children: title }), jsx(TooltipValues, { values: displayValues })] }));
+};
+
 /**
  * Component that displays a tooltip label with filter details.
  *
@@ -991,7 +1003,7 @@ const SingleFilterTooltipLabel = ({ filterBarConfig, filter, filterKey, }) => {
         }
         return values;
     }, [filter, values]);
-    return (jsxs(Fragment, { children: [jsx("div", { className: "text-xs font-medium", children: title }), jsx(TooltipValues, { values: displayValues })] }));
+    return jsx(TooltipLabel, { displayValues: displayValues, title: title });
 };
 
 /**
@@ -2142,4 +2154,4 @@ const mergeFilters = (filterBarDefinition, extraFilters) => {
  */
 setupLibraryTranslations();
 
-export { AppliedFiltersRenderer, DefaultCheckboxFilter, DefaultDateRangeFilter, DefaultMinMaxFilter, DefaultRadioFilter, DynamicFilterList, FilterBar, FilterButtonTooltipLabel, FilterComponent, FilterEvents, FilterHeader, FilterResults, FilterTableComponent, FiltersMenu, FiltersMenuContent, FiltersRenderer, GroupedFiltersList, HierarchicalCheckboxFilter, MultipleFilterTooltipLabel, ResetFiltersButton, areaFilterGeoJsonGeometrySchema, isAreaFilterValue, isArrayFilterValue, isBooleanValue, isDateRangeValue, isMinMaxFilterValue, isStringArrayFilterValue, isValueName, isValueNameArray, mergeFilters, mockFilterBar, toggleFilterValue, useFilterBar, useFilterBarAsync, useFiltersMenu, useSearchParamAsFilter, validateFilter };
+export { AppliedFiltersRenderer, DefaultCheckboxFilter, DefaultDateRangeFilter, DefaultMinMaxFilter, DefaultRadioFilter, DynamicFilterList, FilterBar, FilterButtonTooltipLabel, FilterComponent, FilterEvents, FilterHeader, FilterResults, FilterTableComponent, FiltersMenu, FiltersMenuContent, FiltersRenderer, GroupedFiltersList, HierarchicalCheckboxFilter, MultipleFilterTooltipLabel, ResetFiltersButton, TooltipLabel, areaFilterGeoJsonGeometrySchema, isAreaFilterValue, isArrayFilterValue, isBooleanValue, isDateRangeValue, isMinMaxFilterValue, isStringArrayFilterValue, isValueName, isValueNameArray, mergeFilters, mockFilterBar, toggleFilterValue, useFilterBar, useFilterBarAsync, useFiltersMenu, useSearchParamAsFilter, validateFilter };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/filters-filter-bar",
-  "version": "1.3.246",
+  "version": "1.3.248",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -14,18 +14,18 @@
     "tailwind-merge": "^2.0.0",
     "string-ts": "^2.0.0",
     "zod": "3.23.4",
-    "@trackunit/iris-app-api": "1.3.153",
-    "@trackunit/react-core-hooks": "1.3.159",
-    "@trackunit/react-filter-components": "1.3.200",
-    "@trackunit/react-date-and-time-components": "1.3.204",
-    "@trackunit/shared-utils": "1.5.145",
-    "@trackunit/react-form-components": "1.3.201",
-    "@trackunit/react-core-contexts-api": "1.4.153",
-    "@trackunit/geo-json-utils": "1.3.143",
-    "@trackunit/i18n-library-translation": "1.3.166",
-    "@trackunit/css-class-variance-utilities": "1.3.145",
-    "@trackunit/react-components": "1.4.176",
-    "@trackunit/react-test-setup": "1.0.35"
+    "@trackunit/iris-app-api": "1.3.154",
+    "@trackunit/react-core-hooks": "1.3.160",
+    "@trackunit/react-filter-components": "1.3.202",
+    "@trackunit/react-date-and-time-components": "1.3.206",
+    "@trackunit/shared-utils": "1.5.146",
+    "@trackunit/react-form-components": "1.3.203",
+    "@trackunit/react-core-contexts-api": "1.4.154",
+    "@trackunit/geo-json-utils": "1.3.144",
+    "@trackunit/i18n-library-translation": "1.3.167",
+    "@trackunit/css-class-variance-utilities": "1.3.146",
+    "@trackunit/react-components": "1.4.178",
+    "@trackunit/react-test-setup": "1.0.36"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",

package/src/lib/components/FilterTooltips/TooltipLabel.d.ts

@@ -0,0 +1,16 @@
+import { ReactElement } from "react";
+import { FilterValueType } from "../../types/FilterTypes";
+interface TooltipLabelProps {
+    title: string;
+    displayValues: FilterValueType;
+}
+/**
+ * Component for displaying a title and values in a tooltip.
+ *
+ * @param {TooltipLabelProps} props - Component properties.
+ * @param {string} props.title - The title of the filter.
+ * @param {any} props.displayValues - The filter values to display.
+ * @returns {ReactElement} The rendered component showing the title and values.
+ */
+export declare const TooltipLabel: ({ title, displayValues }: TooltipLabelProps) => ReactElement;
+export {};

package/src/lib/index.d.ts

@@ -14,6 +14,7 @@ export * from "./components/FiltersMenuContent";
 export * from "./components/FiltersRenderer";
 export * from "./components/FilterTableComponent";
 export * from "./components/FilterTooltips/MultipleFilterTooltipLabel";
+export * from "./components/FilterTooltips/TooltipLabel";
 export * from "./components/GroupedFiltersList";
 export * from "./components/HierarchicalCheckboxFilter/HierarchicalCheckboxFilter";
 export * from "./components/ResetFiltersButton";