@trackunit/filters-filter-bar 1.8.121 → 1.8.123

package/index.cjs.js

@@ -1143,7 +1143,7 @@ const FilterTableComponent = ({ filterKey, filterBarDefinition, filterBarConfig,
         const multipleFiltersAppliedCount = getManuallyAppliedFilterCount(activeFilterKeys);
         const multipleFiltersIsActive = multipleFiltersAppliedCount > 0;
         return (jsxRuntime.jsx(reactComponents.Popover, { placement: "bottom-start", children: modalState => {
-                return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(reactComponents.PopoverTrigger, { children: jsxRuntime.jsx("div", { className: "relative", children: jsxRuntime.jsx(reactComponents.Tooltip, { disabled: modalState.isOpen || !multipleFiltersIsActive, label: jsxRuntime.jsx(MultipleFilterTooltipLabel, { filterBarConfig: filterBarConfig, filterKeys: filterKey, filters: filters }), placement: "bottom", children: jsxRuntime.jsx(reactComponents.IconButton, { icon: jsxRuntime.jsx(reactComponents.Icon, { name: "Funnel", size: "small" }), size: "extraSmall", variant: multipleFiltersIsActive ? "ghost" : "ghost-neutral" }) }) }) }), jsxRuntime.jsx(reactComponents.PopoverContent, { children: jsxRuntime.jsx(reactComponents.MenuList, { children: filters.map((value, index) => value && (jsxRuntime.jsx(FilterComponent, { filter: value, filterBarActions: filterBarConfig, filterState: filterBarConfig, visualStyle: "list-item" }, index))) }) })] }));
+                return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(reactComponents.PopoverTrigger, { children: jsxRuntime.jsx("div", { className: "relative", children: jsxRuntime.jsx(reactComponents.Tooltip, { disabled: modalState.isOpen || !multipleFiltersIsActive, label: jsxRuntime.jsx(MultipleFilterTooltipLabel, { filterBarConfig: filterBarConfig, filterKeys: filterKey, filters: filters }), placement: "bottom", children: jsxRuntime.jsx(reactComponents.IconButton, { className: "h-8 w-5 p-0", icon: jsxRuntime.jsx(reactComponents.Icon, { name: "Funnel", size: "small" }), variant: multipleFiltersIsActive ? "ghost" : "ghost-neutral" }) }) }) }), jsxRuntime.jsx(reactComponents.PopoverContent, { children: jsxRuntime.jsx(reactComponents.MenuList, { children: filters.map((value, index) => value && (jsxRuntime.jsx(FilterComponent, { filter: value, filterBarActions: filterBarConfig, filterState: filterBarConfig, visualStyle: "list-item" }, index))) }) })] }));
             } }));
     }
     const filter = filterBarDefinition[ensureFilterKey(filterKey)];
@@ -1151,7 +1151,7 @@ const FilterTableComponent = ({ filterKey, filterBarDefinition, filterBarConfig,
         return null;
     }
     const isActive = filterBarConfig.appliedFilterKeys().includes(filterKey);
-    return (jsxRuntime.jsx("div", { onClick: event => event.stopPropagation(), children: jsxRuntime.jsx("div", { className: "relative", children: jsxRuntime.jsx(reactComponents.Tooltip, { disabled: !isActive, label: jsxRuntime.jsx(SingleFilterTooltipLabel, { filter: filter, filterBarConfig: filterBarConfig, filterKey: filterKey }), placement: "bottom", children: jsxRuntime.jsx(FilterComponent, { asIcon: "Funnel", filter: filter, filterBarActions: filterBarConfig, filterState: filterBarConfig, size: "extraSmall" }) }) }) }));
+    return (jsxRuntime.jsx("div", { onClick: event => event.stopPropagation(), children: jsxRuntime.jsx("div", { className: "relative", children: jsxRuntime.jsx(reactComponents.Tooltip, { disabled: !isActive, label: jsxRuntime.jsx(SingleFilterTooltipLabel, { filter: filter, filterBarConfig: filterBarConfig, filterKey: filterKey }), placement: "bottom", children: jsxRuntime.jsx(FilterComponent, { asIcon: "Funnel", className: "h-8 w-5 p-0", filter: filter, filterBarActions: filterBarConfig, filterState: filterBarConfig }) }) }) }));
 };
 
 /**

package/index.esm.js

@@ -1141,7 +1141,7 @@ const FilterTableComponent = ({ filterKey, filterBarDefinition, filterBarConfig,
         const multipleFiltersAppliedCount = getManuallyAppliedFilterCount(activeFilterKeys);
         const multipleFiltersIsActive = multipleFiltersAppliedCount > 0;
         return (jsx(Popover, { placement: "bottom-start", children: modalState => {
-                return (jsxs(Fragment, { children: [jsx(PopoverTrigger, { children: jsx("div", { className: "relative", children: jsx(Tooltip, { disabled: modalState.isOpen || !multipleFiltersIsActive, label: jsx(MultipleFilterTooltipLabel, { filterBarConfig: filterBarConfig, filterKeys: filterKey, filters: filters }), placement: "bottom", children: jsx(IconButton, { icon: jsx(Icon, { name: "Funnel", size: "small" }), size: "extraSmall", variant: multipleFiltersIsActive ? "ghost" : "ghost-neutral" }) }) }) }), jsx(PopoverContent, { children: jsx(MenuList, { children: filters.map((value, index) => value && (jsx(FilterComponent, { filter: value, filterBarActions: filterBarConfig, filterState: filterBarConfig, visualStyle: "list-item" }, index))) }) })] }));
+                return (jsxs(Fragment, { children: [jsx(PopoverTrigger, { children: jsx("div", { className: "relative", children: jsx(Tooltip, { disabled: modalState.isOpen || !multipleFiltersIsActive, label: jsx(MultipleFilterTooltipLabel, { filterBarConfig: filterBarConfig, filterKeys: filterKey, filters: filters }), placement: "bottom", children: jsx(IconButton, { className: "h-8 w-5 p-0", icon: jsx(Icon, { name: "Funnel", size: "small" }), variant: multipleFiltersIsActive ? "ghost" : "ghost-neutral" }) }) }) }), jsx(PopoverContent, { children: jsx(MenuList, { children: filters.map((value, index) => value && (jsx(FilterComponent, { filter: value, filterBarActions: filterBarConfig, filterState: filterBarConfig, visualStyle: "list-item" }, index))) }) })] }));
             } }));
     }
     const filter = filterBarDefinition[ensureFilterKey(filterKey)];
@@ -1149,7 +1149,7 @@ const FilterTableComponent = ({ filterKey, filterBarDefinition, filterBarConfig,
         return null;
     }
     const isActive = filterBarConfig.appliedFilterKeys().includes(filterKey);
-    return (jsx("div", { onClick: event => event.stopPropagation(), children: jsx("div", { className: "relative", children: jsx(Tooltip, { disabled: !isActive, label: jsx(SingleFilterTooltipLabel, { filter: filter, filterBarConfig: filterBarConfig, filterKey: filterKey }), placement: "bottom", children: jsx(FilterComponent, { asIcon: "Funnel", filter: filter, filterBarActions: filterBarConfig, filterState: filterBarConfig, size: "extraSmall" }) }) }) }));
+    return (jsx("div", { onClick: event => event.stopPropagation(), children: jsx("div", { className: "relative", children: jsx(Tooltip, { disabled: !isActive, label: jsx(SingleFilterTooltipLabel, { filter: filter, filterBarConfig: filterBarConfig, filterKey: filterKey }), placement: "bottom", children: jsx(FilterComponent, { asIcon: "Funnel", className: "h-8 w-5 p-0", filter: filter, filterBarActions: filterBarConfig, filterState: filterBarConfig }) }) }) }));
 };
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/filters-filter-bar",
-  "version": "1.8.121",
+  "version": "1.8.123",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -12,17 +12,17 @@
     "tailwind-merge": "^2.0.0",
     "string-ts": "^2.0.0",
     "zod": "^3.23.8",
-    "@trackunit/iris-app-api": "1.9.11",
-    "@trackunit/react-core-hooks": "1.7.86",
-    "@trackunit/react-filter-components": "1.7.115",
-    "@trackunit/react-date-and-time-components": "1.10.115",
-    "@trackunit/shared-utils": "1.9.73",
-    "@trackunit/react-form-components": "1.8.112",
-    "@trackunit/iris-app-runtime-core-api": "1.7.82",
-    "@trackunit/geo-json-utils": "1.7.73",
-    "@trackunit/i18n-library-translation": "1.7.90",
-    "@trackunit/css-class-variance-utilities": "1.7.73",
-    "@trackunit/react-components": "1.10.46",
+    "@trackunit/iris-app-api": "1.9.12",
+    "@trackunit/react-core-hooks": "1.7.87",
+    "@trackunit/react-filter-components": "1.7.117",
+    "@trackunit/react-date-and-time-components": "1.10.117",
+    "@trackunit/shared-utils": "1.9.74",
+    "@trackunit/react-form-components": "1.8.114",
+    "@trackunit/iris-app-runtime-core-api": "1.7.83",
+    "@trackunit/geo-json-utils": "1.7.74",
+    "@trackunit/i18n-library-translation": "1.7.91",
+    "@trackunit/css-class-variance-utilities": "1.7.74",
+    "@trackunit/react-components": "1.10.48",
     "@tanstack/react-router": "1.114.29"
   },
   "module": "./index.esm.js",

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

@@ -34,9 +34,9 @@ interface FilterComponentProps<T extends FilterBarDefinition> {
      */
     asIcon?: IconName;
     /**
-     * The size of the filter component. Can be one of the predefined values: "extraSmall", "small", "medium", or "large".
+     * The size of the filter component. Can be one of the predefined values: "small", "medium", or "large".
      */
-    size?: "extraSmall" | Size;
+    size?: Size;
 }
 /**
  * Filter is a React component that renders a filter element based on the provided filter definition and state.