@trackunit/react-filter-components 1.6.73 → 1.6.74

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 (3) hide show
  1. package/index.cjs.js +6 -6
  2. package/index.esm.js +6 -6
  3. package/package.json +6 -6
package/index.cjs.js CHANGED
@@ -48,7 +48,7 @@ const Filter = ({ title, asIcon, children, popoverProps, isActive, activeLabel,
48
48
  }, children: modalState => {
49
49
  return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(reactComponents.PopoverTrigger, { children: visualStyle === "list-item" ? (jsxRuntime.jsxs("li", { className: reactComponents.cvaInteractableItem({
50
50
  disabled: readOnly,
51
- selected: modalState.isOpen,
51
+ selection: modalState.isOpen ? "selected" : "unselected",
52
52
  cursor: "pointer",
53
53
  className: [
54
54
  className,
@@ -110,7 +110,7 @@ const cvaFilterFooter = cssClassVarianceUtilities.cvaMerge(["flex", "justify-end
110
110
  * @param {FilterHeaderProps} props - The props for the FilterHeader component
111
111
  * @returns {ReactElement} FilterHeader component
112
112
  */
113
- const FilterHeader = ({ dataTestId, title, resetLabel, showReset, onReset, loading, children, searchComponent, className, ...rest }) => {
113
+ const FilterHeader = ({ dataTestId, title, resetLabel, showReset, onReset, loading = false, children, searchComponent, className, ...rest }) => {
114
114
  return (jsxRuntime.jsx("div", { className: tailwindMerge.twMerge(className, "p-1", "min-w-[280px]"), ...rest, "data-testid": dataTestId, children: title ? (jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-between gap-1 text-sm font-medium uppercase text-slate-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-slate-200" })] })) : null }));
115
115
  };
116
116
  const cvaFilterHeaderButton = cssClassVarianceUtilities.cvaMerge([], {
@@ -134,8 +134,8 @@ const cvaFilterHeaderButton = cssClassVarianceUtilities.cvaMerge([], {
134
134
  */
135
135
  const CheckBoxFilterItem = ({ itemCount, className, suffix, dataTestId, label, ...rest }) => {
136
136
  return (jsxRuntime.jsx(reactFormComponents.Checkbox, { className: reactComponents.cvaInteractableItem({
137
- selected: "auto",
138
- focused: "auto",
137
+ selection: "auto",
138
+ focus: "auto",
139
139
  className: tailwindMerge.twMerge(["py-1", "mx-1", "pl-2", "pr-3", "w-auto", "h-auto", "items-center", "gap-x-2", "select-none", "rounded"], className),
140
140
  }), 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 }));
141
141
  };
@@ -149,8 +149,8 @@ const CheckBoxFilterItem = ({ itemCount, className, suffix, dataTestId, label, .
149
149
  */
150
150
  const RadioFilterItem = ({ value, label, itemCount, selected, dataTestId, suffix, className, ...rest }) => {
151
151
  return (jsxRuntime.jsx(reactFormComponents.RadioItem, { className: reactComponents.cvaInteractableItem({
152
- selected: "auto",
153
- focused: "auto",
152
+ selection: "auto",
153
+ focus: "auto",
154
154
  className: tailwindMerge.twMerge(["py-1", "pl-2", "pr-3", "w-full", "h-auto", "items-center", "gap-x-2", "select-none", "rounded"], className),
155
155
  }), 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 }));
156
156
  };
package/index.esm.js CHANGED
@@ -46,7 +46,7 @@ const Filter = ({ title, asIcon, children, popoverProps, isActive, activeLabel,
46
46
  }, children: modalState => {
47
47
  return (jsxs(Fragment, { children: [jsx(PopoverTrigger, { children: visualStyle === "list-item" ? (jsxs("li", { className: cvaInteractableItem({
48
48
  disabled: readOnly,
49
- selected: modalState.isOpen,
49
+ selection: modalState.isOpen ? "selected" : "unselected",
50
50
  cursor: "pointer",
51
51
  className: [
52
52
  className,
@@ -108,7 +108,7 @@ const cvaFilterFooter = cvaMerge(["flex", "justify-end", "p-1"]);
108
108
  * @param {FilterHeaderProps} props - The props for the FilterHeader component
109
109
  * @returns {ReactElement} FilterHeader component
110
110
  */
111
- const FilterHeader = ({ dataTestId, title, resetLabel, showReset, onReset, loading, children, searchComponent, className, ...rest }) => {
111
+ const FilterHeader = ({ dataTestId, title, resetLabel, showReset, onReset, loading = false, children, searchComponent, className, ...rest }) => {
112
112
  return (jsx("div", { className: twMerge(className, "p-1", "min-w-[280px]"), ...rest, "data-testid": dataTestId, children: title ? (jsxs("div", { className: "flex flex-col items-center justify-between gap-1 text-sm font-medium uppercase text-slate-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-slate-200" })] })) : null }));
113
113
  };
114
114
  const cvaFilterHeaderButton = cvaMerge([], {
@@ -132,8 +132,8 @@ const cvaFilterHeaderButton = cvaMerge([], {
132
132
  */
133
133
  const CheckBoxFilterItem = ({ itemCount, className, suffix, dataTestId, label, ...rest }) => {
134
134
  return (jsx(Checkbox, { className: cvaInteractableItem({
135
- selected: "auto",
136
- focused: "auto",
135
+ selection: "auto",
136
+ focus: "auto",
137
137
  className: twMerge(["py-1", "mx-1", "pl-2", "pr-3", "w-auto", "h-auto", "items-center", "gap-x-2", "select-none", "rounded"], className),
138
138
  }), 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 }));
139
139
  };
@@ -147,8 +147,8 @@ const CheckBoxFilterItem = ({ itemCount, className, suffix, dataTestId, label, .
147
147
  */
148
148
  const RadioFilterItem = ({ value, label, itemCount, selected, dataTestId, suffix, className, ...rest }) => {
149
149
  return (jsx(RadioItem, { className: cvaInteractableItem({
150
- selected: "auto",
151
- focused: "auto",
150
+ selection: "auto",
151
+ focus: "auto",
152
152
  className: twMerge(["py-1", "pl-2", "pr-3", "w-full", "h-auto", "items-center", "gap-x-2", "select-none", "rounded"], className),
153
153
  }), 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 }));
154
154
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trackunit/react-filter-components",
3
- "version": "1.6.73",
3
+ "version": "1.6.74",
4
4
  "repository": "https://github.com/Trackunit/manager",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "engines": {
@@ -9,11 +9,11 @@
9
9
  "dependencies": {
10
10
  "react": "19.0.0",
11
11
  "tailwind-merge": "^2.0.0",
12
- "@trackunit/ui-icons": "1.6.48",
13
- "@trackunit/css-class-variance-utilities": "1.6.49",
14
- "@trackunit/react-components": "1.8.22",
15
- "@trackunit/react-form-components": "1.7.38",
16
- "@trackunit/react-test-setup": "1.3.49"
12
+ "@trackunit/ui-icons": "1.6.49",
13
+ "@trackunit/css-class-variance-utilities": "1.6.50",
14
+ "@trackunit/react-components": "1.8.23",
15
+ "@trackunit/react-form-components": "1.7.39",
16
+ "@trackunit/react-test-setup": "1.3.50"
17
17
  },
18
18
  "module": "./index.esm.js",
19
19
  "main": "./index.cjs.js",