@trackunit/react-filter-components 1.17.4 → 1.17.5

package/index.cjs.js

@@ -31,7 +31,7 @@ const cvaFilterCustomButton = cssClassVarianceUtilities.cvaMerge(["justify-norma
  * @param {FilterProps} props - The props for the Filter component
  * @returns {ReactElement} Filter component
  */
-const Filter = ({ title, asIcon, children, popoverProps, isActive, activeLabel, activeOptionsCount, menuListProps, className, "data-testid": dataTestId, withStickyHeader = false, readOnly, visualStyle = "button", size = "small", }) => {
+const Filter = ({ title, asIcon = undefined, children, popoverProps, isActive = false, activeLabel, activeOptionsCount, menuListProps, className, "data-testid": dataTestId, withStickyHeader = false, readOnly = false, visualStyle = "button", size = "small", }) => {
     const handleClick = react.useCallback((event) => {
         event.stopPropagation();
     }, []);
@@ -133,12 +133,12 @@ const cvaFilterHeaderButton = cssClassVarianceUtilities.cvaMerge([], {
  * @param {CheckBoxFilterItemProps} props - The props for the FilterItem component
  * @returns {ReactElement} FilterItem component
  */
-const CheckBoxFilterItem = ({ itemCount, className, suffix, "data-testid": dataTestId, label, ref, ...rest }) => {
-    return (jsxRuntime.jsx(reactFormComponents.Checkbox, { className: reactComponents.cvaInteractableItem({
+const CheckBoxFilterItem = ({ itemCount, className, suffix, "data-testid": dataTestId, label, checked = false, ref, ...rest }) => {
+    return (jsxRuntime.jsx(reactFormComponents.Checkbox, { checked: checked, className: reactComponents.cvaInteractableItem({
             selection: "auto",
             focus: "auto",
             className: tailwindMerge.twMerge(["py-1", "mx-1", "pl-2", "pr-3", "w-auto", "h-auto", "items-center", "gap-x-2", "select-none", "rounded"], className),
-        }), "data-testid": dataTestId ?? `${label}-checkbox-filter-item`, label: label, ref: ref, suffix: itemCount !== undefined || (suffix !== undefined && suffix !== null) ? (jsxRuntime.jsxs("span", { className: reactComponents.cvaMenuItemSuffix({ selected: rest.checked }), children: [suffix, itemCount === undefined ? null : itemCount] })) : null, ...rest }));
+        }), "data-testid": dataTestId ?? `${label}-checkbox-filter-item`, label: label, ref: ref, suffix: itemCount !== undefined || (suffix !== undefined && suffix !== null) ? (jsxRuntime.jsxs("span", { className: reactComponents.cvaMenuItemSuffix({ selected: checked }), children: [suffix, itemCount === undefined ? null : itemCount] })) : null, ...rest }));
 };
 
 /**
@@ -148,12 +148,12 @@ 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, "data-testid": dataTestId, suffix, className, ...rest }) => {
+const RadioFilterItem = ({ value, label, itemCount, selected, checked = false, "data-testid": dataTestId, suffix, className, ...rest }) => {
     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: rest.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: checked }), children: [suffix, itemCount === undefined ? null : itemCount] })) : null, value: value, ...rest }));
 };
 
 exports.CheckBoxFilterItem = CheckBoxFilterItem;

package/index.esm.js

@@ -29,7 +29,7 @@ const cvaFilterCustomButton = cvaMerge(["justify-normal"], {
  * @param {FilterProps} props - The props for the Filter component
  * @returns {ReactElement} Filter component
  */
-const Filter = ({ title, asIcon, children, popoverProps, isActive, activeLabel, activeOptionsCount, menuListProps, className, "data-testid": dataTestId, withStickyHeader = false, readOnly, visualStyle = "button", size = "small", }) => {
+const Filter = ({ title, asIcon = undefined, children, popoverProps, isActive = false, activeLabel, activeOptionsCount, menuListProps, className, "data-testid": dataTestId, withStickyHeader = false, readOnly = false, visualStyle = "button", size = "small", }) => {
     const handleClick = useCallback((event) => {
         event.stopPropagation();
     }, []);
@@ -131,12 +131,12 @@ const cvaFilterHeaderButton = cvaMerge([], {
  * @param {CheckBoxFilterItemProps} props - The props for the FilterItem component
  * @returns {ReactElement} FilterItem component
  */
-const CheckBoxFilterItem = ({ itemCount, className, suffix, "data-testid": dataTestId, label, ref, ...rest }) => {
-    return (jsx(Checkbox, { className: cvaInteractableItem({
+const CheckBoxFilterItem = ({ itemCount, className, suffix, "data-testid": dataTestId, label, checked = false, ref, ...rest }) => {
+    return (jsx(Checkbox, { checked: checked, className: cvaInteractableItem({
             selection: "auto",
             focus: "auto",
             className: twMerge(["py-1", "mx-1", "pl-2", "pr-3", "w-auto", "h-auto", "items-center", "gap-x-2", "select-none", "rounded"], className),
-        }), "data-testid": dataTestId ?? `${label}-checkbox-filter-item`, label: label, ref: ref, suffix: itemCount !== undefined || (suffix !== undefined && suffix !== null) ? (jsxs("span", { className: cvaMenuItemSuffix({ selected: rest.checked }), children: [suffix, itemCount === undefined ? null : itemCount] })) : null, ...rest }));
+        }), "data-testid": dataTestId ?? `${label}-checkbox-filter-item`, label: label, ref: ref, suffix: itemCount !== undefined || (suffix !== undefined && suffix !== null) ? (jsxs("span", { className: cvaMenuItemSuffix({ selected: checked }), children: [suffix, itemCount === undefined ? null : itemCount] })) : null, ...rest }));
 };
 
 /**
@@ -146,12 +146,12 @@ 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, "data-testid": dataTestId, suffix, className, ...rest }) => {
+const RadioFilterItem = ({ value, label, itemCount, selected, checked = false, "data-testid": dataTestId, suffix, className, ...rest }) => {
     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: rest.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: checked }), 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.4",
+  "version": "1.17.5",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -10,8 +10,8 @@
     "tailwind-merge": "^2.0.0",
     "@trackunit/ui-icons": "1.11.73",
     "@trackunit/css-class-variance-utilities": "1.11.77",
-    "@trackunit/react-components": "1.20.3",
-    "@trackunit/react-form-components": "1.18.3"
+    "@trackunit/react-components": "1.20.4",
+    "@trackunit/react-form-components": "1.18.4"
   },
   "peerDependencies": {
     "react": "^19.0.0"

package/src/FilterItem/CheckBoxFilter/CheckBoxFilterItem.d.ts

@@ -6,4 +6,4 @@ import { CheckBoxFilterItemProps } from "../types";
  * @param {CheckBoxFilterItemProps} props - The props for the FilterItem component
  * @returns {ReactElement} FilterItem component
  */
-export declare const CheckBoxFilterItem: ({ itemCount, className, suffix, "data-testid": dataTestId, label, ref, ...rest }: CheckBoxFilterItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckBoxFilterItem: ({ itemCount, className, suffix, "data-testid": dataTestId, label, checked, ref, ...rest }: CheckBoxFilterItemProps) => import("react/jsx-runtime").JSX.Element;

package/src/FilterItem/RadioFilter/RadioFilterItem.d.ts

@@ -1,3 +1,4 @@
+import type { ReactElement } from "react";
 import { RadioFilterItemProps } from "../types";
 /**
  * The RadioFilterItem component is the base component used in the manager to FilterItem data.
@@ -6,4 +7,4 @@ import { RadioFilterItemProps } from "../types";
  * @param {RadioFilterItemProps} props - The props for the FilterItem component
  * @returns {ReactElement} FilterItem component
  */
-export declare const RadioFilterItem: ({ value, label, itemCount, selected, "data-testid": dataTestId, suffix, className, ...rest }: RadioFilterItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioFilterItem: ({ value, label, itemCount, selected, checked, "data-testid": dataTestId, suffix, className, ...rest }: RadioFilterItemProps) => ReactElement;