@trackunit/react-filter-components 1.17.29 → 1.19.6

package/index.cjs.js

@@ -148,12 +148,13 @@ const CheckBoxFilterItem = ({ itemCount, className, suffix, "data-testid": dataT
  * @param {RadioFilterItemProps} props - The props for the FilterItem component
  * @returns {ReactElement} FilterItem component
  */
-const RadioFilterItem = ({ value, label, itemCount, selected, checked = false, "data-testid": dataTestId, suffix, className, ...rest }) => {
+const RadioFilterItem = ({ value, label, itemCount, selected = false, checked = false, "data-testid": dataTestId, suffix, className, ...rest }) => {
+    const isRadioItemChecked = reactFormComponents.useRadioItemChecked(value);
     return (jsxRuntime.jsx(reactFormComponents.RadioItem, { className: reactComponents.cvaInteractableItem({
             selection: "auto",
             focus: "auto",
             className: tailwindMerge.twMerge(["py-1", "pl-2", "pr-3", "w-full", "h-auto", "items-center", "gap-x-2", "select-none", "rounded"], className),
-        }), "data-testid": dataTestId ?? `${label}-radio-filter-item`, label: label, suffix: itemCount !== undefined || (suffix !== undefined && suffix !== null) ? (jsxRuntime.jsxs("span", { className: reactComponents.cvaMenuItemSuffix({ selected: checked }), children: [suffix, itemCount === undefined ? null : itemCount] })) : null, value: value, ...rest }));
+        }), "data-testid": dataTestId ?? `${label}-radio-filter-item`, label: label, suffix: itemCount !== undefined || (suffix !== undefined && suffix !== null) ? (jsxRuntime.jsxs("span", { className: reactComponents.cvaMenuItemSuffix({ selected: selected || checked || isRadioItemChecked }), children: [suffix, itemCount === undefined ? null : itemCount] })) : null, value: value, ...rest }));
 };
 
 exports.CheckBoxFilterItem = CheckBoxFilterItem;

package/index.esm.js

@@ -3,7 +3,7 @@ import { cvaMerge } from '@trackunit/css-class-variance-utilities';
 import { Popover, PopoverTrigger, cvaInteractableItem, Badge, Icon, PopoverContent, MenuList, IconButton, Button, Spinner, cvaMenuItemSuffix } from '@trackunit/react-components';
 import { useCallback } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { Checkbox, RadioItem } from '@trackunit/react-form-components';
+import { Checkbox, useRadioItemChecked, RadioItem } from '@trackunit/react-form-components';
 
 const cvaFilterCustomButton = cvaMerge(["justify-normal"], {
     variants: {
@@ -146,12 +146,13 @@ const CheckBoxFilterItem = ({ itemCount, className, suffix, "data-testid": dataT
  * @param {RadioFilterItemProps} props - The props for the FilterItem component
  * @returns {ReactElement} FilterItem component
  */
-const RadioFilterItem = ({ value, label, itemCount, selected, checked = false, "data-testid": dataTestId, suffix, className, ...rest }) => {
+const RadioFilterItem = ({ value, label, itemCount, selected = false, checked = false, "data-testid": dataTestId, suffix, className, ...rest }) => {
+    const isRadioItemChecked = useRadioItemChecked(value);
     return (jsx(RadioItem, { className: cvaInteractableItem({
             selection: "auto",
             focus: "auto",
             className: twMerge(["py-1", "pl-2", "pr-3", "w-full", "h-auto", "items-center", "gap-x-2", "select-none", "rounded"], className),
-        }), "data-testid": dataTestId ?? `${label}-radio-filter-item`, label: label, suffix: itemCount !== undefined || (suffix !== undefined && suffix !== null) ? (jsxs("span", { className: cvaMenuItemSuffix({ selected: checked }), children: [suffix, itemCount === undefined ? null : itemCount] })) : null, value: value, ...rest }));
+        }), "data-testid": dataTestId ?? `${label}-radio-filter-item`, label: label, suffix: itemCount !== undefined || (suffix !== undefined && suffix !== null) ? (jsxs("span", { className: cvaMenuItemSuffix({ selected: selected || checked || isRadioItemChecked }), children: [suffix, itemCount === undefined ? null : itemCount] })) : null, value: value, ...rest }));
 };
 
 export { CheckBoxFilterItem, Filter, FilterBody, FilterFooter, FilterHeader, RadioFilterItem, cvaFilterFooter, cvaFilterHeaderButton };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-filter-components",
-  "version": "1.17.29",
+  "version": "1.19.6",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -8,10 +8,10 @@
   },
   "dependencies": {
     "tailwind-merge": "^2.0.0",
-    "@trackunit/ui-icons": "1.11.85",
-    "@trackunit/css-class-variance-utilities": "1.11.89",
-    "@trackunit/react-components": "1.20.20",
-    "@trackunit/react-form-components": "1.18.27"
+    "@trackunit/ui-icons": "1.11.87",
+    "@trackunit/css-class-variance-utilities": "1.11.91",
+    "@trackunit/react-components": "1.21.4",
+    "@trackunit/react-form-components": "1.20.6"
   },
   "peerDependencies": {
     "react": "^19.0.0"