@trackunit/react-filter-components 0.0.645 → 0.0.649

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 (4) hide show
  1. package/index.cjs.js +7 -7
  2. package/index.esm.js +7 -7
  3. package/package.json +1 -1
  4. package/src/FilterHeader/FilterHeader.d.ts +1 -1
package/index.cjs.js CHANGED
@@ -4,8 +4,8 @@ var jsxRuntime = require('react/jsx-runtime');
4
4
  var cssClassVarianceUtilities = require('@trackunit/css-class-variance-utilities');
5
5
  var reactComponents = require('@trackunit/react-components');
6
6
  var React = require('react');
7
- var reactFormComponents = require('@trackunit/react-form-components');
8
7
  var tailwindMerge = require('tailwind-merge');
8
+ var reactFormComponents = require('@trackunit/react-form-components');
9
9
 
10
10
  const cvaFilterCustomButton = cssClassVarianceUtilities.cvaMerge([], {
11
11
  variants: {
@@ -52,14 +52,14 @@ const cvaMenuListOverrides = cssClassVarianceUtilities.cvaMerge(["overflow-x-hid
52
52
  * @param {FilterBodyProps} props - The props for the FilterBody component
53
53
  * @returns {JSX.Element} FilterBody component
54
54
  */
55
- const FilterBody = React.forwardRef(({ children, dataTestId, limitSize = false, ...rest }, ref) => {
56
- return (jsxRuntime.jsx("div", { className: cvaFilterBody({ limitSize }), ref: ref, ...rest, "data-testid": dataTestId, children: children }));
55
+ const FilterBody = React.forwardRef(({ children, className, dataTestId, limitSize = false, ...rest }, ref) => {
56
+ return (jsxRuntime.jsx("div", { className: cvaFilterBody({ limitSize, className }), ref: ref, ...rest, "data-testid": dataTestId, children: children }));
57
57
  });
58
58
  FilterBody.displayName = "FilterBody";
59
- const cvaFilterBody = cssClassVarianceUtilities.cvaMerge(["grid", "gap-1", "rounded", "w-full"], {
59
+ const cvaFilterBody = cssClassVarianceUtilities.cvaMerge(["grid", "gap-1", "w-full"], {
60
60
  variants: {
61
61
  limitSize: {
62
- true: "max-h-80 max-w-sm overflow-hidden overflow-y-auto",
62
+ true: "max-h-[50dvh] max-w-sm overflow-hidden overflow-y-auto",
63
63
  false: "",
64
64
  },
65
65
  },
@@ -89,8 +89,8 @@ const cvaFilterFooter = cssClassVarianceUtilities.cvaMerge(["flex", "justify-end
89
89
  * @param {FilterHeaderProps} props - The props for the FilterHeader component
90
90
  * @returns {JSX.Element} FilterHeader component
91
91
  */
92
- const FilterHeader = ({ title, resetLabel, showReset, dataTestId, onReset, loading, children, ...rest }) => {
93
- return (jsxRuntime.jsxs("div", { className: "grid gap-1 border-b-2 p-1", ...rest, "data-testid": dataTestId, children: [jsxRuntime.jsxs("div", { className: "flex h-6 items-center justify-between gap-1 pl-1 text-sm font-medium uppercase text-slate-600", children: [jsxRuntime.jsx("h4", { children: title }), loading ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(reactComponents.Spinner, { size: "small" }) })) : (jsxRuntime.jsx(reactComponents.Button, { className: cvaFilterHeaderButton({ isVisible: showReset }), "data-testid": `${dataTestId}-reset-button`, onClick: onReset, size: "small", variant: "ghost", children: resetLabel }))] }), children] }));
92
+ const FilterHeader = ({ title, resetLabel, showReset, dataTestId, onReset, loading, children, className, ...rest }) => {
93
+ return (jsxRuntime.jsxs("div", { className: tailwindMerge.twMerge("grid gap-1 border-b-2 p-1", className), ...rest, "data-testid": dataTestId, children: [jsxRuntime.jsxs("div", { className: "flex h-6 items-center justify-between gap-1 pl-1 text-sm font-medium uppercase text-slate-600", children: [jsxRuntime.jsx("h4", { children: title }), loading ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(reactComponents.Spinner, { size: "small" }) })) : (jsxRuntime.jsx(reactComponents.Button, { className: cvaFilterHeaderButton({ isVisible: showReset }), "data-testid": `${dataTestId}-reset-button`, onClick: onReset, size: "small", variant: "ghost", children: resetLabel }))] }), children] }));
94
94
  };
95
95
  const cvaFilterHeaderButton = cssClassVarianceUtilities.cvaMerge([], {
96
96
  variants: {
package/index.esm.js CHANGED
@@ -2,8 +2,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import { cvaMerge } from '@trackunit/css-class-variance-utilities';
3
3
  import { Popover, PopoverTrigger, Button, PopoverContent, MenuList, Spinner, cvaInteractableItem, cvaMenuItemSuffix } from '@trackunit/react-components';
4
4
  import React from 'react';
5
- import { Checkbox, RadioItem } from '@trackunit/react-form-components';
6
5
  import { twMerge } from 'tailwind-merge';
6
+ import { Checkbox, RadioItem } from '@trackunit/react-form-components';
7
7
 
8
8
  const cvaFilterCustomButton = cvaMerge([], {
9
9
  variants: {
@@ -50,14 +50,14 @@ const cvaMenuListOverrides = cvaMerge(["overflow-x-hidden", "relative"], {
50
50
  * @param {FilterBodyProps} props - The props for the FilterBody component
51
51
  * @returns {JSX.Element} FilterBody component
52
52
  */
53
- const FilterBody = React.forwardRef(({ children, dataTestId, limitSize = false, ...rest }, ref) => {
54
- return (jsx("div", { className: cvaFilterBody({ limitSize }), ref: ref, ...rest, "data-testid": dataTestId, children: children }));
53
+ const FilterBody = React.forwardRef(({ children, className, dataTestId, limitSize = false, ...rest }, ref) => {
54
+ return (jsx("div", { className: cvaFilterBody({ limitSize, className }), ref: ref, ...rest, "data-testid": dataTestId, children: children }));
55
55
  });
56
56
  FilterBody.displayName = "FilterBody";
57
- const cvaFilterBody = cvaMerge(["grid", "gap-1", "rounded", "w-full"], {
57
+ const cvaFilterBody = cvaMerge(["grid", "gap-1", "w-full"], {
58
58
  variants: {
59
59
  limitSize: {
60
- true: "max-h-80 max-w-sm overflow-hidden overflow-y-auto",
60
+ true: "max-h-[50dvh] max-w-sm overflow-hidden overflow-y-auto",
61
61
  false: "",
62
62
  },
63
63
  },
@@ -87,8 +87,8 @@ const cvaFilterFooter = cvaMerge(["flex", "justify-end", "p-1"]);
87
87
  * @param {FilterHeaderProps} props - The props for the FilterHeader component
88
88
  * @returns {JSX.Element} FilterHeader component
89
89
  */
90
- const FilterHeader = ({ title, resetLabel, showReset, dataTestId, onReset, loading, children, ...rest }) => {
91
- return (jsxs("div", { className: "grid gap-1 border-b-2 p-1", ...rest, "data-testid": dataTestId, children: [jsxs("div", { className: "flex h-6 items-center justify-between gap-1 pl-1 text-sm font-medium uppercase text-slate-600", children: [jsx("h4", { children: title }), loading ? (jsx("div", { children: jsx(Spinner, { size: "small" }) })) : (jsx(Button, { className: cvaFilterHeaderButton({ isVisible: showReset }), "data-testid": `${dataTestId}-reset-button`, onClick: onReset, size: "small", variant: "ghost", children: resetLabel }))] }), children] }));
90
+ const FilterHeader = ({ title, resetLabel, showReset, dataTestId, onReset, loading, children, className, ...rest }) => {
91
+ return (jsxs("div", { className: twMerge("grid gap-1 border-b-2 p-1", className), ...rest, "data-testid": dataTestId, children: [jsxs("div", { className: "flex h-6 items-center justify-between gap-1 pl-1 text-sm font-medium uppercase text-slate-600", children: [jsx("h4", { children: title }), loading ? (jsx("div", { children: jsx(Spinner, { size: "small" }) })) : (jsx(Button, { className: cvaFilterHeaderButton({ isVisible: showReset }), "data-testid": `${dataTestId}-reset-button`, onClick: onReset, size: "small", variant: "ghost", children: resetLabel }))] }), children] }));
92
92
  };
93
93
  const cvaFilterHeaderButton = cvaMerge([], {
94
94
  variants: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trackunit/react-filter-components",
3
- "version": "0.0.645",
3
+ "version": "0.0.649",
4
4
  "repository": "https://github.com/Trackunit/manager",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "engines": {
package/src/FilterHeader/FilterHeader.d.ts CHANGED
@@ -31,7 +31,7 @@ export interface FilterHeaderProps extends CommonProps {
31
31
  * @param {FilterHeaderProps} props - The props for the FilterHeader component
32
32
  * @returns {JSX.Element} FilterHeader component
33
33
  */
34
- export declare const FilterHeader: ({ title, resetLabel, showReset, dataTestId, onReset, loading, children, ...rest }: FilterHeaderProps) => import("react/jsx-runtime").JSX.Element;
34
+ export declare const FilterHeader: ({ title, resetLabel, showReset, dataTestId, onReset, loading, children, className, ...rest }: FilterHeaderProps) => import("react/jsx-runtime").JSX.Element;
35
35
  export declare const cvaFilterHeaderButton: (props?: ({
36
36
  isVisible?: boolean | null | undefined;
37
37
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;