@trackunit/filters-filter-bar 1.7.81 → 1.7.82
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 +1 -1
- package/index.esm.js +2 -2
- package/package.json +5 -5
package/index.cjs.js
CHANGED
|
@@ -497,7 +497,7 @@ const DynamicFilterList = ({ rowCount, keyMapper, labelMapper, onChange, checked
|
|
|
497
497
|
const [t] = useTranslation();
|
|
498
498
|
const parentRef = react.useRef(null);
|
|
499
499
|
const updatedRowCount = react.useMemo(() => (showRequestMoreUseSearch ? rowCount + 1 : rowCount), [rowCount, showRequestMoreUseSearch]);
|
|
500
|
-
return (jsxRuntime.jsx(reactFilterComponents.FilterBody, { limitSize: true, ref: parentRef, children: jsxRuntime.jsx(reactComponents.
|
|
500
|
+
return (jsxRuntime.jsx(reactFilterComponents.FilterBody, { limitSize: true, ref: parentRef, children: jsxRuntime.jsx(reactComponents.List, { className: className, count: updatedRowCount, rowHeight: 40, separator: "space", children: index => {
|
|
501
501
|
return (jsxRuntime.jsx("div", { children: showRequestMoreUseSearch && index === rowCount ? (jsxRuntime.jsxs("div", { className: "p-3 pt-2", children: [jsxRuntime.jsx("span", { className: "text-sm text-gray-600", children: t("filter.more.options.if.you.search.title", { count: rowCount }) }), jsxRuntime.jsx("br", {}), jsxRuntime.jsx("span", { className: "text-sm italic text-gray-400", children: t("filter.more.options.if.you.search.description") })] })) : type === "Radio" ? (jsxRuntime.jsx(reactFilterComponents.RadioFilterItem, { dataTestId: "dynamic-filter-radio-" + keyMapper(index), itemCount: count(index), label: labelMapper(index), selected: checked(index), value: keyMapper(index) }, keyMapper(index))) : (jsxRuntime.jsx(reactFilterComponents.CheckBoxFilterItem, { checked: checked(index), dataTestId: "dynamic-filter-check-box-" + keyMapper(index), itemCount: count(index), label: labelMapper(index), name: keyMapper(index), onChange: () => {
|
|
502
502
|
onChange?.(index);
|
|
503
503
|
} }, keyMapper(index))) }));
|
package/index.esm.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
|
2
2
|
import { registerTranslations, useNamespaceTranslation } from '@trackunit/i18n-library-translation';
|
|
3
3
|
import { useMemo, useRef, useState, useEffect, useCallback, Fragment as Fragment$1 } from 'react';
|
|
4
4
|
import { Filter, FilterBody, RadioFilterItem, CheckBoxFilterItem, FilterHeader as FilterHeader$1, FilterFooter } from '@trackunit/react-filter-components';
|
|
5
|
-
import { Button, Icon,
|
|
5
|
+
import { Button, Icon, List, Text, Card, CardBody, useViewportBreakpoints, Popover, PopoverTrigger, Tooltip, PopoverContent, IconButton, MenuList } from '@trackunit/react-components';
|
|
6
6
|
import { useAnalytics, useTextSearch, useCurrentUser } from '@trackunit/react-core-hooks';
|
|
7
7
|
import { capitalize } from 'string-ts';
|
|
8
8
|
import { createEvent } from '@trackunit/react-core-contexts-api';
|
|
@@ -495,7 +495,7 @@ const DynamicFilterList = ({ rowCount, keyMapper, labelMapper, onChange, checked
|
|
|
495
495
|
const [t] = useTranslation();
|
|
496
496
|
const parentRef = useRef(null);
|
|
497
497
|
const updatedRowCount = useMemo(() => (showRequestMoreUseSearch ? rowCount + 1 : rowCount), [rowCount, showRequestMoreUseSearch]);
|
|
498
|
-
return (jsx(FilterBody, { limitSize: true, ref: parentRef, children: jsx(
|
|
498
|
+
return (jsx(FilterBody, { limitSize: true, ref: parentRef, children: jsx(List, { className: className, count: updatedRowCount, rowHeight: 40, separator: "space", children: index => {
|
|
499
499
|
return (jsx("div", { children: showRequestMoreUseSearch && index === rowCount ? (jsxs("div", { className: "p-3 pt-2", children: [jsx("span", { className: "text-sm text-gray-600", children: t("filter.more.options.if.you.search.title", { count: rowCount }) }), jsx("br", {}), jsx("span", { className: "text-sm italic text-gray-400", children: t("filter.more.options.if.you.search.description") })] })) : type === "Radio" ? (jsx(RadioFilterItem, { dataTestId: "dynamic-filter-radio-" + keyMapper(index), itemCount: count(index), label: labelMapper(index), selected: checked(index), value: keyMapper(index) }, keyMapper(index))) : (jsx(CheckBoxFilterItem, { checked: checked(index), dataTestId: "dynamic-filter-check-box-" + keyMapper(index), itemCount: count(index), label: labelMapper(index), name: keyMapper(index), onChange: () => {
|
|
500
500
|
onChange?.(index);
|
|
501
501
|
} }, keyMapper(index))) }));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trackunit/filters-filter-bar",
|
|
3
|
-
"version": "1.7.
|
|
3
|
+
"version": "1.7.82",
|
|
4
4
|
"repository": "https://github.com/Trackunit/manager",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"engines": {
|
|
@@ -16,15 +16,15 @@
|
|
|
16
16
|
"zod": "^3.23.8",
|
|
17
17
|
"@trackunit/iris-app-api": "1.6.50",
|
|
18
18
|
"@trackunit/react-core-hooks": "1.6.53",
|
|
19
|
-
"@trackunit/react-filter-components": "1.6.
|
|
20
|
-
"@trackunit/react-date-and-time-components": "1.9.
|
|
19
|
+
"@trackunit/react-filter-components": "1.6.75",
|
|
20
|
+
"@trackunit/react-date-and-time-components": "1.9.75",
|
|
21
21
|
"@trackunit/shared-utils": "1.8.50",
|
|
22
|
-
"@trackunit/react-form-components": "1.7.
|
|
22
|
+
"@trackunit/react-form-components": "1.7.40",
|
|
23
23
|
"@trackunit/react-core-contexts-api": "1.7.51",
|
|
24
24
|
"@trackunit/geo-json-utils": "1.6.50",
|
|
25
25
|
"@trackunit/i18n-library-translation": "1.6.54",
|
|
26
26
|
"@trackunit/css-class-variance-utilities": "1.6.50",
|
|
27
|
-
"@trackunit/react-components": "1.8.
|
|
27
|
+
"@trackunit/react-components": "1.8.24",
|
|
28
28
|
"@trackunit/react-test-setup": "1.3.50"
|
|
29
29
|
},
|
|
30
30
|
"module": "./index.esm.js",
|