@trackunit/filters-filter-bar 0.0.14 → 0.0.16
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 +5 -5
- package/index.esm.js +5 -5
- package/package.json +11 -11
package/index.cjs.js
CHANGED
|
@@ -461,10 +461,10 @@ const StarredFiltersMenu = ({ filterBarDefinition, updateStarredFilters, starred
|
|
|
461
461
|
...hideInStarredMenu,
|
|
462
462
|
...hiddenFilters,
|
|
463
463
|
]);
|
|
464
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(reactComponents.Popover, { placement: "bottom-start", children: [jsxRuntime.jsx(reactComponents.PopoverTrigger, { children: jsxRuntime.jsx(reactComponents.IconButton, { className: "h-8 w-8", icon: jsxRuntime.jsx(reactComponents.Icon, { name: "Funnel", size: "small" }), size: "small", title: t("filtersBar.starredFiltersTitle"), dataTestId: "starred-filters-menu" }) }), jsxRuntime.jsx(reactComponents.PopoverContent, { children: jsxRuntime.jsx(reactComponents.MenuList, { className: "
|
|
464
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(reactComponents.Popover, { placement: "bottom-start", children: [jsxRuntime.jsx(reactComponents.PopoverTrigger, { children: jsxRuntime.jsx(reactComponents.IconButton, { className: "h-8 w-8", icon: jsxRuntime.jsx(reactComponents.Icon, { name: "Funnel", size: "small" }), size: "small", title: t("filtersBar.starredFiltersTitle"), dataTestId: "starred-filters-menu" }) }), jsxRuntime.jsx(reactComponents.PopoverContent, { children: jsxRuntime.jsx(reactComponents.MenuList, { className: "max-h-[55vh] w-72 overflow-y-auto", dataTestId: "starred-filters-menu-popover", children: jsxRuntime.jsx("div", { children: filtersGrouped.map((group, idx) => {
|
|
465
465
|
const isLast = idx === filtersGrouped.length - 1;
|
|
466
|
-
return (jsxRuntime.jsxs("div", { className: "mb-2", children: [jsxRuntime.jsx("div", { className: "
|
|
467
|
-
return (jsxRuntime.jsxs("div", { className: "flex w-full
|
|
466
|
+
return (jsxRuntime.jsxs("div", { className: "mb-2", children: [jsxRuntime.jsx("div", { className: "mt-2 mb-1 flex px-2", children: jsxRuntime.jsx(reactComponents.Text, { uppercase: true, weight: "bold", size: "small", dataTestId: "starred-filters-group-title", subtle: true, children: group.key }) }), group.filters.map(filter => {
|
|
467
|
+
return (jsxRuntime.jsxs("div", { className: "flex w-full cursor-pointer items-center justify-between rounded-sm py-0 px-2 transition hover:bg-neutral-50", onClick: () => {
|
|
468
468
|
updateStarredFilters(filter.filterKey);
|
|
469
469
|
logEvent("StarringFilter", {
|
|
470
470
|
type: filter.filterKey,
|
|
@@ -477,7 +477,7 @@ const StarredFiltersMenu = ({ filterBarDefinition, updateStarredFilters, starred
|
|
|
477
477
|
type: filter.filterKey,
|
|
478
478
|
});
|
|
479
479
|
} })] }, filter.filterKey));
|
|
480
|
-
}), !isLast && jsxRuntime.jsx("div", { className: "mt-2
|
|
480
|
+
}), !isLast && jsxRuntime.jsx("div", { className: "mt-2 h-[1px] w-full bg-neutral-300" })] }, group.key));
|
|
481
481
|
}) }) }) })] }), starredFilterKeys.length > 0 ? jsxRuntime.jsx("div", { className: "h-8 w-[1px] bg-neutral-300" }) : null] }));
|
|
482
482
|
};
|
|
483
483
|
|
|
@@ -1093,7 +1093,7 @@ const FilterResults = ({ results, loading, children }) => {
|
|
|
1093
1093
|
};
|
|
1094
1094
|
const EmptyResults = ({ loading }) => {
|
|
1095
1095
|
const [t] = useTranslation();
|
|
1096
|
-
return (jsxRuntime.jsx("div", { className: "grid
|
|
1096
|
+
return (jsxRuntime.jsx("div", { className: "grid h-20 w-full place-content-center pl-2 pr-2", "data-testid": "empty-filter-results", children: jsxRuntime.jsx(reactComponents.Text, { subtle: true, italicize: true, align: "center", children: loading ? t("filtersBar.loading") : t("filtersBar.emptyResults") }) }));
|
|
1097
1097
|
};
|
|
1098
1098
|
|
|
1099
1099
|
/**
|
package/index.esm.js
CHANGED
|
@@ -453,10 +453,10 @@ const StarredFiltersMenu = ({ filterBarDefinition, updateStarredFilters, starred
|
|
|
453
453
|
...hideInStarredMenu,
|
|
454
454
|
...hiddenFilters,
|
|
455
455
|
]);
|
|
456
|
-
return (jsxs(Fragment, { children: [jsxs(Popover, { placement: "bottom-start", children: [jsx(PopoverTrigger, { children: jsx(IconButton, { className: "h-8 w-8", icon: jsx(Icon, { name: "Funnel", size: "small" }), size: "small", title: t("filtersBar.starredFiltersTitle"), dataTestId: "starred-filters-menu" }) }), jsx(PopoverContent, { children: jsx(MenuList, { className: "
|
|
456
|
+
return (jsxs(Fragment, { children: [jsxs(Popover, { placement: "bottom-start", children: [jsx(PopoverTrigger, { children: jsx(IconButton, { className: "h-8 w-8", icon: jsx(Icon, { name: "Funnel", size: "small" }), size: "small", title: t("filtersBar.starredFiltersTitle"), dataTestId: "starred-filters-menu" }) }), jsx(PopoverContent, { children: jsx(MenuList, { className: "max-h-[55vh] w-72 overflow-y-auto", dataTestId: "starred-filters-menu-popover", children: jsx("div", { children: filtersGrouped.map((group, idx) => {
|
|
457
457
|
const isLast = idx === filtersGrouped.length - 1;
|
|
458
|
-
return (jsxs("div", { className: "mb-2", children: [jsx("div", { className: "
|
|
459
|
-
return (jsxs("div", { className: "flex w-full
|
|
458
|
+
return (jsxs("div", { className: "mb-2", children: [jsx("div", { className: "mt-2 mb-1 flex px-2", children: jsx(Text, { uppercase: true, weight: "bold", size: "small", dataTestId: "starred-filters-group-title", subtle: true, children: group.key }) }), group.filters.map(filter => {
|
|
459
|
+
return (jsxs("div", { className: "flex w-full cursor-pointer items-center justify-between rounded-sm py-0 px-2 transition hover:bg-neutral-50", onClick: () => {
|
|
460
460
|
updateStarredFilters(filter.filterKey);
|
|
461
461
|
logEvent("StarringFilter", {
|
|
462
462
|
type: filter.filterKey,
|
|
@@ -469,7 +469,7 @@ const StarredFiltersMenu = ({ filterBarDefinition, updateStarredFilters, starred
|
|
|
469
469
|
type: filter.filterKey,
|
|
470
470
|
});
|
|
471
471
|
} })] }, filter.filterKey));
|
|
472
|
-
}), !isLast && jsx("div", { className: "mt-2
|
|
472
|
+
}), !isLast && jsx("div", { className: "mt-2 h-[1px] w-full bg-neutral-300" })] }, group.key));
|
|
473
473
|
}) }) }) })] }), starredFilterKeys.length > 0 ? jsx("div", { className: "h-8 w-[1px] bg-neutral-300" }) : null] }));
|
|
474
474
|
};
|
|
475
475
|
|
|
@@ -1085,7 +1085,7 @@ const FilterResults = ({ results, loading, children }) => {
|
|
|
1085
1085
|
};
|
|
1086
1086
|
const EmptyResults = ({ loading }) => {
|
|
1087
1087
|
const [t] = useTranslation();
|
|
1088
|
-
return (jsx("div", { className: "grid
|
|
1088
|
+
return (jsx("div", { className: "grid h-20 w-full place-content-center pl-2 pr-2", "data-testid": "empty-filter-results", children: jsx(Text, { subtle: true, italicize: true, align: "center", children: loading ? t("filtersBar.loading") : t("filtersBar.emptyResults") }) }));
|
|
1089
1089
|
};
|
|
1090
1090
|
|
|
1091
1091
|
/**
|
package/package.json
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trackunit/filters-filter-bar",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.16",
|
|
4
4
|
"repository": "https://github.com/Trackunit/manager",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"engines": {
|
|
7
7
|
"node": ">=18.x"
|
|
8
8
|
},
|
|
9
9
|
"dependencies": {
|
|
10
|
-
"@trackunit/i18n-library-translation": "0.0.
|
|
11
|
-
"@trackunit/iris-app-api": "0.0.
|
|
12
|
-
"@trackunit/iris-app-runtime-core-api": "0.3.
|
|
13
|
-
"@trackunit/react-components": "0.1.
|
|
14
|
-
"@trackunit/react-core-contexts-api": "0.2.
|
|
15
|
-
"@trackunit/react-core-contexts-test": "0.1.
|
|
16
|
-
"@trackunit/react-core-hooks": "0.2.
|
|
17
|
-
"@trackunit/react-filter-components": "0.0.
|
|
18
|
-
"@trackunit/react-form-components": "0.0.
|
|
19
|
-
"@trackunit/shared-utils": "0.0.
|
|
10
|
+
"@trackunit/i18n-library-translation": "0.0.86",
|
|
11
|
+
"@trackunit/iris-app-api": "0.0.124",
|
|
12
|
+
"@trackunit/iris-app-runtime-core-api": "0.3.77",
|
|
13
|
+
"@trackunit/react-components": "0.1.173",
|
|
14
|
+
"@trackunit/react-core-contexts-api": "0.2.63",
|
|
15
|
+
"@trackunit/react-core-contexts-test": "0.1.120",
|
|
16
|
+
"@trackunit/react-core-hooks": "0.2.105",
|
|
17
|
+
"@trackunit/react-filter-components": "0.0.228",
|
|
18
|
+
"@trackunit/react-form-components": "0.0.169",
|
|
19
|
+
"@trackunit/shared-utils": "0.0.11",
|
|
20
20
|
"dequal": "2.0.3",
|
|
21
21
|
"lodash": "4.17.21",
|
|
22
22
|
"react": "18.2.0",
|