@trackunit/filters-filter-bar 1.25.15 → 1.25.19
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 +2 -1
- package/index.esm.js +2 -1
- package/package.json +12 -12
package/index.cjs.js
CHANGED
|
@@ -1107,6 +1107,7 @@ const FiltersMenu = ({ filterBarDefinition, filterBarConfig, hiddenFilters = [],
|
|
|
1107
1107
|
* @returns {ReactElement} - Returns the Filter component.
|
|
1108
1108
|
*/
|
|
1109
1109
|
const FilterTableComponent = ({ filterKey, filterBarDefinition, filterBarConfig, }) => {
|
|
1110
|
+
const [t] = useTranslation();
|
|
1110
1111
|
const ensureFilterKey = react.useCallback((key) => {
|
|
1111
1112
|
return key;
|
|
1112
1113
|
}, []);
|
|
@@ -1136,7 +1137,7 @@ const FilterTableComponent = ({ filterKey, filterBarDefinition, filterBarConfig,
|
|
|
1136
1137
|
const multipleFiltersAppliedCount = getManuallyAppliedFilterCount(activeFilterKeys);
|
|
1137
1138
|
const multipleFiltersIsActive = multipleFiltersAppliedCount > 0;
|
|
1138
1139
|
return (jsxRuntime.jsx(reactComponents.Popover, { placement: "bottom-start", children: modalState => {
|
|
1139
|
-
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))) }) })] }));
|
|
1140
|
+
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, { ariaLabel: t("filtersBar.filtersHeading"), 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))) }) })] }));
|
|
1140
1141
|
} }));
|
|
1141
1142
|
}
|
|
1142
1143
|
const filter = filterBarDefinition[ensureFilterKey(filterKey)];
|
package/index.esm.js
CHANGED
|
@@ -1105,6 +1105,7 @@ const FiltersMenu = ({ filterBarDefinition, filterBarConfig, hiddenFilters = [],
|
|
|
1105
1105
|
* @returns {ReactElement} - Returns the Filter component.
|
|
1106
1106
|
*/
|
|
1107
1107
|
const FilterTableComponent = ({ filterKey, filterBarDefinition, filterBarConfig, }) => {
|
|
1108
|
+
const [t] = useTranslation();
|
|
1108
1109
|
const ensureFilterKey = useCallback((key) => {
|
|
1109
1110
|
return key;
|
|
1110
1111
|
}, []);
|
|
@@ -1134,7 +1135,7 @@ const FilterTableComponent = ({ filterKey, filterBarDefinition, filterBarConfig,
|
|
|
1134
1135
|
const multipleFiltersAppliedCount = getManuallyAppliedFilterCount(activeFilterKeys);
|
|
1135
1136
|
const multipleFiltersIsActive = multipleFiltersAppliedCount > 0;
|
|
1136
1137
|
return (jsx(Popover, { placement: "bottom-start", children: modalState => {
|
|
1137
|
-
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))) }) })] }));
|
|
1138
|
+
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, { ariaLabel: t("filtersBar.filtersHeading"), 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))) }) })] }));
|
|
1138
1139
|
} }));
|
|
1139
1140
|
}
|
|
1140
1141
|
const filter = filterBarDefinition[ensureFilterKey(filterKey)];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trackunit/filters-filter-bar",
|
|
3
|
-
"version": "1.25.
|
|
3
|
+
"version": "1.25.19",
|
|
4
4
|
"repository": "https://github.com/Trackunit/manager",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"engines": {
|
|
@@ -11,17 +11,17 @@
|
|
|
11
11
|
"tailwind-merge": "^2.0.0",
|
|
12
12
|
"string-ts": "^2.0.0",
|
|
13
13
|
"zod": "^3.25.76",
|
|
14
|
-
"@trackunit/iris-app-api": "1.20.
|
|
15
|
-
"@trackunit/react-core-hooks": "1.17.
|
|
16
|
-
"@trackunit/react-filter-components": "1.24.
|
|
17
|
-
"@trackunit/react-date-and-time-components": "1.27.
|
|
18
|
-
"@trackunit/shared-utils": "1.15.
|
|
19
|
-
"@trackunit/react-form-components": "1.25.
|
|
20
|
-
"@trackunit/iris-app-runtime-core-api": "1.16.
|
|
21
|
-
"@trackunit/geo-json-utils": "1.14.
|
|
22
|
-
"@trackunit/i18n-library-translation": "1.21.
|
|
23
|
-
"@trackunit/css-class-variance-utilities": "1.13.
|
|
24
|
-
"@trackunit/react-components": "1.24.
|
|
14
|
+
"@trackunit/iris-app-api": "1.20.6",
|
|
15
|
+
"@trackunit/react-core-hooks": "1.17.9",
|
|
16
|
+
"@trackunit/react-filter-components": "1.24.17",
|
|
17
|
+
"@trackunit/react-date-and-time-components": "1.27.17",
|
|
18
|
+
"@trackunit/shared-utils": "1.15.5",
|
|
19
|
+
"@trackunit/react-form-components": "1.25.15",
|
|
20
|
+
"@trackunit/iris-app-runtime-core-api": "1.16.5",
|
|
21
|
+
"@trackunit/geo-json-utils": "1.14.5",
|
|
22
|
+
"@trackunit/i18n-library-translation": "1.21.10",
|
|
23
|
+
"@trackunit/css-class-variance-utilities": "1.13.5",
|
|
24
|
+
"@trackunit/react-components": "1.24.10"
|
|
25
25
|
},
|
|
26
26
|
"peerDependencies": {
|
|
27
27
|
"@apollo/client": "^3.13.8",
|