@trackunit/react-filter-components 1.7.118 → 1.7.121

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.
Files changed (9) hide show
  1. package/index.cjs.js +12 -12
  2. package/index.esm.js +12 -12
  3. package/package.json +5 -5
  4. package/src/Filter/Filter.d.ts +1 -1
  5. package/src/FilterBody/FilterBody.d.ts +1 -1
  6. package/src/FilterFooter/FilterFooter.d.ts +1 -1
  7. package/src/FilterHeader/FilterHeader.d.ts +1 -1
  8. package/src/FilterItem/CheckBoxFilter/CheckBoxFilterItem.d.ts +1 -1
  9. package/src/FilterItem/RadioFilter/RadioFilterItem.d.ts +1 -1
package/index.cjs.js CHANGED
@@ -31,17 +31,17 @@ const cvaFilterCustomButton = cssClassVarianceUtilities.cvaMerge(["justify-norma
31
31
  * @param {FilterProps} props - The props for the Filter component
32
32
  * @returns {ReactElement} Filter component
33
33
  */
34
- const Filter = ({ title, asIcon, children, popoverProps, isActive, activeLabel, activeOptionsCount, menuListProps, className, dataTestId, withStickyHeader = false, readOnly, visualStyle = "button", size = "small", }) => {
34
+ const Filter = ({ title, asIcon, children, popoverProps, isActive, activeLabel, activeOptionsCount, menuListProps, className, "data-testid": dataTestId, withStickyHeader = false, readOnly, visualStyle = "button", size = "small", }) => {
35
35
  const handleClick = react.useCallback((event) => {
36
36
  event.stopPropagation();
37
37
  }, []);
38
38
  const renderButton = () => {
39
39
  if (asIcon) {
40
- return (jsxRuntime.jsx(reactComponents.IconButton, { className: className, dataTestId: dataTestId, disabled: readOnly, icon: jsxRuntime.jsx(reactComponents.Icon, { name: asIcon, size: "small" }), onClick: handleClick, size: size, variant: isActive ? "ghost" : "ghost-neutral" }));
40
+ return (jsxRuntime.jsx(reactComponents.IconButton, { className: className, "data-testid": dataTestId, disabled: readOnly, icon: jsxRuntime.jsx(reactComponents.Icon, { name: asIcon, size: "small" }), onClick: handleClick, size: size, variant: isActive ? "ghost" : "ghost-neutral" }));
41
41
  }
42
- return (jsxRuntime.jsxs(reactComponents.Button, { className: cvaFilterCustomButton({ isActive, className }), dataTestId: dataTestId, disabled: readOnly, onClick: handleClick, size: size, variant: "secondary", children: [title, isActive ? (jsxRuntime.jsx("div", { className: "grid overflow-hidden text-ellipsis whitespace-nowrap", children: jsxRuntime.jsx("span", { className: "text-primary-600 truncate", children: activeLabel }) })) : null] }));
42
+ return (jsxRuntime.jsxs(reactComponents.Button, { className: cvaFilterCustomButton({ isActive, className }), "data-testid": dataTestId, disabled: readOnly, onClick: handleClick, size: size, variant: "secondary", children: [title, isActive ? (jsxRuntime.jsx("div", { className: "grid overflow-hidden text-ellipsis whitespace-nowrap", children: jsxRuntime.jsx("span", { className: "text-primary-600 truncate", children: activeLabel }) })) : null] }));
43
43
  };
44
- return (jsxRuntime.jsx(reactComponents.Popover, { dataTestId: dataTestId ? `${dataTestId}-popover` : undefined, placement: "top-start", ...popoverProps, dismissal: { ancestorScroll: true }, onOpenStateChange: open => {
44
+ return (jsxRuntime.jsx(reactComponents.Popover, { "data-testid": dataTestId ? `${dataTestId}-popover` : undefined, placement: "top-start", ...popoverProps, dismissal: { ancestorScroll: true }, onOpenStateChange: open => {
45
45
  if (!open) {
46
46
  document.getElementById("starred-filters-menu-popover")?.focus();
47
47
  }
@@ -54,7 +54,7 @@ const Filter = ({ title, asIcon, children, popoverProps, isActive, activeLabel,
54
54
  className,
55
55
  "grid list-none grid-flow-col items-center justify-between gap-1 rounded px-3 py-2 text-sm text-neutral-700 hover:text-neutral-800",
56
56
  ],
57
- }), "data-testid": dataTestId, tabIndex: 0, children: [jsxRuntime.jsx("span", { className: tailwindMerge.twMerge("truncate", isActive && "font-semibold"), children: title }), jsxRuntime.jsxs("span", { className: "grid grid-flow-col items-center justify-between text-neutral-900", children: [isActive && activeLabel ? (jsxRuntime.jsx(reactComponents.Badge, { className: !activeOptionsCount ? "mx-2" : "mx-1", compact: !activeOptionsCount, count: activeOptionsCount, ...(!activeOptionsCount ? {} : { size: "condensed" }) })) : null, readOnly ? null : jsxRuntime.jsx(reactComponents.Icon, { ariaHidden: true, color: "neutral", name: "ChevronRight", size: "small" })] })] })) : (renderButton()) }), jsxRuntime.jsx(reactComponents.PopoverContent, { children: children !== undefined ? (jsxRuntime.jsx(reactComponents.MenuList, { className: cvaMenuListOverrides({ withStickyHeader }), dataTestId: dataTestId ? dataTestId : undefined, ...menuListProps, children: children })) : (jsxRuntime.jsx(jsxRuntime.Fragment, {})) })] }));
57
+ }), "data-testid": dataTestId, tabIndex: 0, children: [jsxRuntime.jsx("span", { className: tailwindMerge.twMerge("truncate", isActive && "font-semibold"), children: title }), jsxRuntime.jsxs("span", { className: "grid grid-flow-col items-center justify-between text-neutral-900", children: [isActive && activeLabel ? (jsxRuntime.jsx(reactComponents.Badge, { className: !activeOptionsCount ? "mx-2" : "mx-1", compact: !activeOptionsCount, count: activeOptionsCount, ...(!activeOptionsCount ? {} : { size: "condensed" }) })) : null, readOnly ? null : jsxRuntime.jsx(reactComponents.Icon, { ariaHidden: true, color: "neutral", name: "ChevronRight", size: "small" })] })] })) : (renderButton()) }), jsxRuntime.jsx(reactComponents.PopoverContent, { children: children !== undefined ? (jsxRuntime.jsx(reactComponents.MenuList, { className: cvaMenuListOverrides({ withStickyHeader }), "data-testid": dataTestId ? dataTestId : undefined, ...menuListProps, children: children })) : (jsxRuntime.jsx(jsxRuntime.Fragment, {})) })] }));
58
58
  } }));
59
59
  };
60
60
  const cvaMenuListOverrides = cssClassVarianceUtilities.cvaMerge(["overflow-x-hidden", "relative", "!max-w-full", "p-0"], {
@@ -73,7 +73,7 @@ const cvaMenuListOverrides = cssClassVarianceUtilities.cvaMerge(["overflow-x-hid
73
73
  *
74
74
  * @param {FilterBodyProps} props - The props for the FilterBody component
75
75
  */
76
- const FilterBody = ({ children, className, dataTestId, limitSize = false, ref, ...rest }) => {
76
+ const FilterBody = ({ children, className, "data-testid": dataTestId, limitSize = false, ref, ...rest }) => {
77
77
  return (jsxRuntime.jsx("div", { className: cvaFilterBody({ limitSize, className }), ref: ref, ...rest, "data-testid": dataTestId, children: children }));
78
78
  };
79
79
  FilterBody.displayName = "FilterBody";
@@ -96,7 +96,7 @@ const cvaFilterBody = cssClassVarianceUtilities.cvaMerge(["grid", "gap-1", "w-fu
96
96
  * @param {FilterFooterProps} props - The props for the FilterFooter component
97
97
  * @returns {ReactElement} FilterFooter component
98
98
  */
99
- const FilterFooter = ({ className, dataTestId, children, ...rest }) => {
99
+ const FilterFooter = ({ className, "data-testid": dataTestId, children, ...rest }) => {
100
100
  return (jsxRuntime.jsx("div", { className: cvaFilterFooter({ className }), "data-testid": dataTestId, ...rest, children: children }));
101
101
  };
102
102
  const cvaFilterFooter = cssClassVarianceUtilities.cvaMerge(["flex", "justify-end", "border-t", "border-neutral-200", "p-1"]);
@@ -109,7 +109,7 @@ const cvaFilterFooter = cssClassVarianceUtilities.cvaMerge(["flex", "justify-end
109
109
  * @param {FilterHeaderProps} props - The props for the FilterHeader component
110
110
  * @returns {ReactElement} FilterHeader component
111
111
  */
112
- const FilterHeader = ({ dataTestId, title, resetLabel, showReset, onReset, loading = false, children, searchComponent, className, ...rest }) => {
112
+ const FilterHeader = ({ "data-testid": dataTestId, title, resetLabel, showReset, onReset, loading = false, children, searchComponent, className, ...rest }) => {
113
113
  return (jsxRuntime.jsx("div", { className: tailwindMerge.twMerge(className, "min-w-[280px]"), ...rest, "data-testid": dataTestId, children: title ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "p-1", children: jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-between gap-1 text-sm font-medium uppercase text-neutral-600", children: [searchComponent, jsxRuntime.jsxs("div", { className: "flex w-full justify-between gap-1", children: [children, jsxRuntime.jsx("div", { className: "ml-auto", children: loading ? (jsxRuntime.jsx(reactComponents.Spinner, { size: "small" })) : (jsxRuntime.jsx(reactComponents.Button, { "data-testid": `${dataTestId}-reset-button`, disabled: !showReset, onClick: onReset, size: "small", variant: "ghost", children: resetLabel })) })] })] }) }), jsxRuntime.jsx("hr", { className: "w-full border-neutral-200" })] })) : null }));
114
114
  };
115
115
  const cvaFilterHeaderButton = cssClassVarianceUtilities.cvaMerge([], {
@@ -131,12 +131,12 @@ const cvaFilterHeaderButton = cssClassVarianceUtilities.cvaMerge([], {
131
131
  * @param {CheckBoxFilterItemProps} props - The props for the FilterItem component
132
132
  * @returns {ReactElement} FilterItem component
133
133
  */
134
- const CheckBoxFilterItem = ({ itemCount, className, suffix, dataTestId, label, ...rest }) => {
134
+ const CheckBoxFilterItem = ({ itemCount, className, suffix, "data-testid": dataTestId, label, ...rest }) => {
135
135
  return (jsxRuntime.jsx(reactFormComponents.Checkbox, { className: reactComponents.cvaInteractableItem({
136
136
  selection: "auto",
137
137
  focus: "auto",
138
138
  className: tailwindMerge.twMerge(["py-1", "mx-1", "pl-2", "pr-3", "w-auto", "h-auto", "items-center", "gap-x-2", "select-none", "rounded"], className),
139
- }), dataTestId: dataTestId ?? `${label}-checkbox-filter-item`, label: label, suffix: itemCount !== undefined || suffix ? (jsxRuntime.jsxs("span", { className: reactComponents.cvaMenuItemSuffix({ selected: rest.checked }), children: [suffix, itemCount === undefined ? null : itemCount] })) : null, ...rest }));
139
+ }), "data-testid": dataTestId ?? `${label}-checkbox-filter-item`, label: label, suffix: itemCount !== undefined || suffix ? (jsxRuntime.jsxs("span", { className: reactComponents.cvaMenuItemSuffix({ selected: rest.checked }), children: [suffix, itemCount === undefined ? null : itemCount] })) : null, ...rest }));
140
140
  };
141
141
 
142
142
  /**
@@ -146,12 +146,12 @@ const CheckBoxFilterItem = ({ itemCount, className, suffix, dataTestId, label, .
146
146
  * @param {RadioFilterItemProps} props - The props for the FilterItem component
147
147
  * @returns {ReactElement} FilterItem component
148
148
  */
149
- const RadioFilterItem = ({ value, label, itemCount, selected, dataTestId, suffix, className, ...rest }) => {
149
+ const RadioFilterItem = ({ value, label, itemCount, selected, "data-testid": dataTestId, suffix, className, ...rest }) => {
150
150
  return (jsxRuntime.jsx(reactFormComponents.RadioItem, { className: reactComponents.cvaInteractableItem({
151
151
  selection: "auto",
152
152
  focus: "auto",
153
153
  className: tailwindMerge.twMerge(["py-1", "pl-2", "pr-3", "w-full", "h-auto", "items-center", "gap-x-2", "select-none", "rounded"], className),
154
- }), dataTestId: dataTestId ?? `${label}-radio-filter-item`, label: label, suffix: itemCount !== undefined || suffix ? (jsxRuntime.jsxs("span", { className: reactComponents.cvaMenuItemSuffix({ selected: rest.checked }), children: [suffix, itemCount === undefined ? null : itemCount] })) : null, value: value, ...rest }));
154
+ }), "data-testid": dataTestId ?? `${label}-radio-filter-item`, label: label, suffix: itemCount !== undefined || suffix ? (jsxRuntime.jsxs("span", { className: reactComponents.cvaMenuItemSuffix({ selected: rest.checked }), children: [suffix, itemCount === undefined ? null : itemCount] })) : null, value: value, ...rest }));
155
155
  };
156
156
 
157
157
  exports.CheckBoxFilterItem = CheckBoxFilterItem;
package/index.esm.js CHANGED
@@ -29,17 +29,17 @@ const cvaFilterCustomButton = cvaMerge(["justify-normal"], {
29
29
  * @param {FilterProps} props - The props for the Filter component
30
30
  * @returns {ReactElement} Filter component
31
31
  */
32
- const Filter = ({ title, asIcon, children, popoverProps, isActive, activeLabel, activeOptionsCount, menuListProps, className, dataTestId, withStickyHeader = false, readOnly, visualStyle = "button", size = "small", }) => {
32
+ const Filter = ({ title, asIcon, children, popoverProps, isActive, activeLabel, activeOptionsCount, menuListProps, className, "data-testid": dataTestId, withStickyHeader = false, readOnly, visualStyle = "button", size = "small", }) => {
33
33
  const handleClick = useCallback((event) => {
34
34
  event.stopPropagation();
35
35
  }, []);
36
36
  const renderButton = () => {
37
37
  if (asIcon) {
38
- return (jsx(IconButton, { className: className, dataTestId: dataTestId, disabled: readOnly, icon: jsx(Icon, { name: asIcon, size: "small" }), onClick: handleClick, size: size, variant: isActive ? "ghost" : "ghost-neutral" }));
38
+ return (jsx(IconButton, { className: className, "data-testid": dataTestId, disabled: readOnly, icon: jsx(Icon, { name: asIcon, size: "small" }), onClick: handleClick, size: size, variant: isActive ? "ghost" : "ghost-neutral" }));
39
39
  }
40
- return (jsxs(Button, { className: cvaFilterCustomButton({ isActive, className }), dataTestId: dataTestId, disabled: readOnly, onClick: handleClick, size: size, variant: "secondary", children: [title, isActive ? (jsx("div", { className: "grid overflow-hidden text-ellipsis whitespace-nowrap", children: jsx("span", { className: "text-primary-600 truncate", children: activeLabel }) })) : null] }));
40
+ return (jsxs(Button, { className: cvaFilterCustomButton({ isActive, className }), "data-testid": dataTestId, disabled: readOnly, onClick: handleClick, size: size, variant: "secondary", children: [title, isActive ? (jsx("div", { className: "grid overflow-hidden text-ellipsis whitespace-nowrap", children: jsx("span", { className: "text-primary-600 truncate", children: activeLabel }) })) : null] }));
41
41
  };
42
- return (jsx(Popover, { dataTestId: dataTestId ? `${dataTestId}-popover` : undefined, placement: "top-start", ...popoverProps, dismissal: { ancestorScroll: true }, onOpenStateChange: open => {
42
+ return (jsx(Popover, { "data-testid": dataTestId ? `${dataTestId}-popover` : undefined, placement: "top-start", ...popoverProps, dismissal: { ancestorScroll: true }, onOpenStateChange: open => {
43
43
  if (!open) {
44
44
  document.getElementById("starred-filters-menu-popover")?.focus();
45
45
  }
@@ -52,7 +52,7 @@ const Filter = ({ title, asIcon, children, popoverProps, isActive, activeLabel,
52
52
  className,
53
53
  "grid list-none grid-flow-col items-center justify-between gap-1 rounded px-3 py-2 text-sm text-neutral-700 hover:text-neutral-800",
54
54
  ],
55
- }), "data-testid": dataTestId, tabIndex: 0, children: [jsx("span", { className: twMerge("truncate", isActive && "font-semibold"), children: title }), jsxs("span", { className: "grid grid-flow-col items-center justify-between text-neutral-900", children: [isActive && activeLabel ? (jsx(Badge, { className: !activeOptionsCount ? "mx-2" : "mx-1", compact: !activeOptionsCount, count: activeOptionsCount, ...(!activeOptionsCount ? {} : { size: "condensed" }) })) : null, readOnly ? null : jsx(Icon, { ariaHidden: true, color: "neutral", name: "ChevronRight", size: "small" })] })] })) : (renderButton()) }), jsx(PopoverContent, { children: children !== undefined ? (jsx(MenuList, { className: cvaMenuListOverrides({ withStickyHeader }), dataTestId: dataTestId ? dataTestId : undefined, ...menuListProps, children: children })) : (jsx(Fragment, {})) })] }));
55
+ }), "data-testid": dataTestId, tabIndex: 0, children: [jsx("span", { className: twMerge("truncate", isActive && "font-semibold"), children: title }), jsxs("span", { className: "grid grid-flow-col items-center justify-between text-neutral-900", children: [isActive && activeLabel ? (jsx(Badge, { className: !activeOptionsCount ? "mx-2" : "mx-1", compact: !activeOptionsCount, count: activeOptionsCount, ...(!activeOptionsCount ? {} : { size: "condensed" }) })) : null, readOnly ? null : jsx(Icon, { ariaHidden: true, color: "neutral", name: "ChevronRight", size: "small" })] })] })) : (renderButton()) }), jsx(PopoverContent, { children: children !== undefined ? (jsx(MenuList, { className: cvaMenuListOverrides({ withStickyHeader }), "data-testid": dataTestId ? dataTestId : undefined, ...menuListProps, children: children })) : (jsx(Fragment, {})) })] }));
56
56
  } }));
57
57
  };
58
58
  const cvaMenuListOverrides = cvaMerge(["overflow-x-hidden", "relative", "!max-w-full", "p-0"], {
@@ -71,7 +71,7 @@ const cvaMenuListOverrides = cvaMerge(["overflow-x-hidden", "relative", "!max-w-
71
71
  *
72
72
  * @param {FilterBodyProps} props - The props for the FilterBody component
73
73
  */
74
- const FilterBody = ({ children, className, dataTestId, limitSize = false, ref, ...rest }) => {
74
+ const FilterBody = ({ children, className, "data-testid": dataTestId, limitSize = false, ref, ...rest }) => {
75
75
  return (jsx("div", { className: cvaFilterBody({ limitSize, className }), ref: ref, ...rest, "data-testid": dataTestId, children: children }));
76
76
  };
77
77
  FilterBody.displayName = "FilterBody";
@@ -94,7 +94,7 @@ const cvaFilterBody = cvaMerge(["grid", "gap-1", "w-full"], {
94
94
  * @param {FilterFooterProps} props - The props for the FilterFooter component
95
95
  * @returns {ReactElement} FilterFooter component
96
96
  */
97
- const FilterFooter = ({ className, dataTestId, children, ...rest }) => {
97
+ const FilterFooter = ({ className, "data-testid": dataTestId, children, ...rest }) => {
98
98
  return (jsx("div", { className: cvaFilterFooter({ className }), "data-testid": dataTestId, ...rest, children: children }));
99
99
  };
100
100
  const cvaFilterFooter = cvaMerge(["flex", "justify-end", "border-t", "border-neutral-200", "p-1"]);
@@ -107,7 +107,7 @@ const cvaFilterFooter = cvaMerge(["flex", "justify-end", "border-t", "border-neu
107
107
  * @param {FilterHeaderProps} props - The props for the FilterHeader component
108
108
  * @returns {ReactElement} FilterHeader component
109
109
  */
110
- const FilterHeader = ({ dataTestId, title, resetLabel, showReset, onReset, loading = false, children, searchComponent, className, ...rest }) => {
110
+ const FilterHeader = ({ "data-testid": dataTestId, title, resetLabel, showReset, onReset, loading = false, children, searchComponent, className, ...rest }) => {
111
111
  return (jsx("div", { className: twMerge(className, "min-w-[280px]"), ...rest, "data-testid": dataTestId, children: title ? (jsxs(Fragment, { children: [jsx("div", { className: "p-1", children: jsxs("div", { className: "flex flex-col items-center justify-between gap-1 text-sm font-medium uppercase text-neutral-600", children: [searchComponent, jsxs("div", { className: "flex w-full justify-between gap-1", children: [children, jsx("div", { className: "ml-auto", children: loading ? (jsx(Spinner, { size: "small" })) : (jsx(Button, { "data-testid": `${dataTestId}-reset-button`, disabled: !showReset, onClick: onReset, size: "small", variant: "ghost", children: resetLabel })) })] })] }) }), jsx("hr", { className: "w-full border-neutral-200" })] })) : null }));
112
112
  };
113
113
  const cvaFilterHeaderButton = cvaMerge([], {
@@ -129,12 +129,12 @@ const cvaFilterHeaderButton = cvaMerge([], {
129
129
  * @param {CheckBoxFilterItemProps} props - The props for the FilterItem component
130
130
  * @returns {ReactElement} FilterItem component
131
131
  */
132
- const CheckBoxFilterItem = ({ itemCount, className, suffix, dataTestId, label, ...rest }) => {
132
+ const CheckBoxFilterItem = ({ itemCount, className, suffix, "data-testid": dataTestId, label, ...rest }) => {
133
133
  return (jsx(Checkbox, { className: cvaInteractableItem({
134
134
  selection: "auto",
135
135
  focus: "auto",
136
136
  className: twMerge(["py-1", "mx-1", "pl-2", "pr-3", "w-auto", "h-auto", "items-center", "gap-x-2", "select-none", "rounded"], className),
137
- }), dataTestId: dataTestId ?? `${label}-checkbox-filter-item`, label: label, suffix: itemCount !== undefined || suffix ? (jsxs("span", { className: cvaMenuItemSuffix({ selected: rest.checked }), children: [suffix, itemCount === undefined ? null : itemCount] })) : null, ...rest }));
137
+ }), "data-testid": dataTestId ?? `${label}-checkbox-filter-item`, label: label, suffix: itemCount !== undefined || suffix ? (jsxs("span", { className: cvaMenuItemSuffix({ selected: rest.checked }), children: [suffix, itemCount === undefined ? null : itemCount] })) : null, ...rest }));
138
138
  };
139
139
 
140
140
  /**
@@ -144,12 +144,12 @@ const CheckBoxFilterItem = ({ itemCount, className, suffix, dataTestId, label, .
144
144
  * @param {RadioFilterItemProps} props - The props for the FilterItem component
145
145
  * @returns {ReactElement} FilterItem component
146
146
  */
147
- const RadioFilterItem = ({ value, label, itemCount, selected, dataTestId, suffix, className, ...rest }) => {
147
+ const RadioFilterItem = ({ value, label, itemCount, selected, "data-testid": dataTestId, suffix, className, ...rest }) => {
148
148
  return (jsx(RadioItem, { className: cvaInteractableItem({
149
149
  selection: "auto",
150
150
  focus: "auto",
151
151
  className: twMerge(["py-1", "pl-2", "pr-3", "w-full", "h-auto", "items-center", "gap-x-2", "select-none", "rounded"], className),
152
- }), dataTestId: dataTestId ?? `${label}-radio-filter-item`, label: label, suffix: itemCount !== undefined || suffix ? (jsxs("span", { className: cvaMenuItemSuffix({ selected: rest.checked }), children: [suffix, itemCount === undefined ? null : itemCount] })) : null, value: value, ...rest }));
152
+ }), "data-testid": dataTestId ?? `${label}-radio-filter-item`, label: label, suffix: itemCount !== undefined || suffix ? (jsxs("span", { className: cvaMenuItemSuffix({ selected: rest.checked }), children: [suffix, itemCount === undefined ? null : itemCount] })) : null, value: value, ...rest }));
153
153
  };
154
154
 
155
155
  export { CheckBoxFilterItem, Filter, FilterBody, FilterFooter, FilterHeader, RadioFilterItem, cvaFilterFooter, cvaFilterHeaderButton };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trackunit/react-filter-components",
3
- "version": "1.7.118",
3
+ "version": "1.7.121",
4
4
  "repository": "https://github.com/Trackunit/manager",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "engines": {
@@ -9,10 +9,10 @@
9
9
  "dependencies": {
10
10
  "react": "19.0.0",
11
11
  "tailwind-merge": "^2.0.0",
12
- "@trackunit/ui-icons": "1.7.75",
13
- "@trackunit/css-class-variance-utilities": "1.7.74",
14
- "@trackunit/react-components": "1.10.48",
15
- "@trackunit/react-form-components": "1.8.115"
12
+ "@trackunit/ui-icons": "1.7.78",
13
+ "@trackunit/css-class-variance-utilities": "1.7.77",
14
+ "@trackunit/react-components": "1.10.51",
15
+ "@trackunit/react-form-components": "1.8.118"
16
16
  },
17
17
  "module": "./index.esm.js",
18
18
  "main": "./index.cjs.js",
package/src/Filter/Filter.d.ts CHANGED
@@ -67,4 +67,4 @@ export interface FilterProps extends ButtonProps {
67
67
  * @param {FilterProps} props - The props for the Filter component
68
68
  * @returns {ReactElement} Filter component
69
69
  */
70
- export declare const Filter: ({ title, asIcon, children, popoverProps, isActive, activeLabel, activeOptionsCount, menuListProps, className, dataTestId, withStickyHeader, readOnly, visualStyle, size, }: FilterProps) => ReactElement;
70
+ export declare const Filter: ({ title, asIcon, children, popoverProps, isActive, activeLabel, activeOptionsCount, menuListProps, className, "data-testid": dataTestId, withStickyHeader, readOnly, visualStyle, size, }: FilterProps) => ReactElement;
package/src/FilterBody/FilterBody.d.ts CHANGED
@@ -20,6 +20,6 @@ export interface FilterBodyProps extends CommonProps {
20
20
  * @param {FilterBodyProps} props - The props for the FilterBody component
21
21
  */
22
22
  export declare const FilterBody: {
23
- ({ children, className, dataTestId, limitSize, ref, ...rest }: FilterBodyProps): import("react/jsx-runtime").JSX.Element;
23
+ ({ children, className, "data-testid": dataTestId, limitSize, ref, ...rest }: FilterBodyProps): import("react/jsx-runtime").JSX.Element;
24
24
  displayName: string;
25
25
  };
package/src/FilterFooter/FilterFooter.d.ts CHANGED
@@ -13,5 +13,5 @@ export interface FilterFooterProps extends CommonProps {
13
13
  * @param {FilterFooterProps} props - The props for the FilterFooter component
14
14
  * @returns {ReactElement} FilterFooter component
15
15
  */
16
- export declare const FilterFooter: ({ className, dataTestId, children, ...rest }: FilterFooterProps) => import("react/jsx-runtime").JSX.Element;
16
+ export declare const FilterFooter: ({ className, "data-testid": dataTestId, children, ...rest }: FilterFooterProps) => import("react/jsx-runtime").JSX.Element;
17
17
  export declare const cvaFilterFooter: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
package/src/FilterHeader/FilterHeader.d.ts CHANGED
@@ -36,7 +36,7 @@ export interface FilterHeaderProps extends CommonProps {
36
36
  * @param {FilterHeaderProps} props - The props for the FilterHeader component
37
37
  * @returns {ReactElement} FilterHeader component
38
38
  */
39
- export declare const FilterHeader: ({ dataTestId, title, resetLabel, showReset, onReset, loading, children, searchComponent, className, ...rest }: FilterHeaderProps) => ReactElement;
39
+ export declare const FilterHeader: ({ "data-testid": dataTestId, title, resetLabel, showReset, onReset, loading, children, searchComponent, className, ...rest }: FilterHeaderProps) => ReactElement;
40
40
  export declare const cvaFilterHeaderButton: (props?: ({
41
41
  isVisible?: boolean | null | undefined;
42
42
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
package/src/FilterItem/CheckBoxFilter/CheckBoxFilterItem.d.ts CHANGED
@@ -6,4 +6,4 @@ import { CheckBoxFilterItemProps } from "../types";
6
6
  * @param {CheckBoxFilterItemProps} props - The props for the FilterItem component
7
7
  * @returns {ReactElement} FilterItem component
8
8
  */
9
- export declare const CheckBoxFilterItem: ({ itemCount, className, suffix, dataTestId, label, ...rest }: CheckBoxFilterItemProps) => import("react/jsx-runtime").JSX.Element;
9
+ export declare const CheckBoxFilterItem: ({ itemCount, className, suffix, "data-testid": dataTestId, label, ...rest }: CheckBoxFilterItemProps) => import("react/jsx-runtime").JSX.Element;
package/src/FilterItem/RadioFilter/RadioFilterItem.d.ts CHANGED
@@ -6,4 +6,4 @@ import { RadioFilterItemProps } from "../types";
6
6
  * @param {RadioFilterItemProps} props - The props for the FilterItem component
7
7
  * @returns {ReactElement} FilterItem component
8
8
  */
9
- export declare const RadioFilterItem: ({ value, label, itemCount, selected, dataTestId, suffix, className, ...rest }: RadioFilterItemProps) => import("react/jsx-runtime").JSX.Element;
9
+ export declare const RadioFilterItem: ({ value, label, itemCount, selected, "data-testid": dataTestId, suffix, className, ...rest }: RadioFilterItemProps) => import("react/jsx-runtime").JSX.Element;