@trackunit/react-filter-components 0.0.187 → 0.0.189-alpha-05cf9fe826.0

package/index.cjs.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var reactComponents = require('@trackunit/react-components');
 var cssClassVarianceUtilities = require('@trackunit/css-class-variance-utilities');
+var reactComponents = require('@trackunit/react-components');
 var React = require('react');
 var reactFormComponents = require('@trackunit/react-form-components');
 
@@ -66,8 +66,16 @@ const cvaFilterCustomButton = cssClassVarianceUtilities.cvaMerge([], {
 const Filter = (_a) => {
     var { title, children, popoverProps, isActive, activeLabel, menuListProps, className, dataTestId, withStickyHeader = false, readOnly } = _a, rest = __rest(_a, ["title", "children", "popoverProps", "isActive", "activeLabel", "menuListProps", "className", "dataTestId", "withStickyHeader", "readOnly"]);
     const buttonProps = Object.assign({}, rest);
-    return (jsxRuntime.jsxs(reactComponents.Popover, Object.assign({ dataTestId: dataTestId && `${dataTestId}-popover`, placement: "bottom-start" }, popoverProps, { children: [jsxRuntime.jsx(reactComponents.PopoverTrigger, { children: jsxRuntime.jsxs(reactComponents.Button, Object.assign({ className: cvaFilterCustomButton({ isActive, className }), color: "tertiary", size: "small", dataTestId: dataTestId, disabled: readOnly }, buttonProps, { children: [title, " ", isActive && jsxRuntime.jsx("span", { className: "text-primary-600", children: activeLabel })] })) }), jsxRuntime.jsx(reactComponents.PopoverContent, { children: jsxRuntime.jsx(reactComponents.MenuList, Object.assign({ className: "overflow-x-hidden overflow-y-auto relative", withStickyHeader: withStickyHeader, dataTestId: dataTestId && `${dataTestId}-menulist` }, menuListProps, { children: children })) })] })));
+    return (jsxRuntime.jsxs(reactComponents.Popover, Object.assign({ dataTestId: dataTestId && `${dataTestId}-popover`, placement: "bottom-start" }, popoverProps, { children: [jsxRuntime.jsx(reactComponents.PopoverTrigger, { children: jsxRuntime.jsxs(reactComponents.Button, Object.assign({ className: cvaFilterCustomButton({ isActive, className }), color: "tertiary", size: "small", dataTestId: dataTestId, disabled: readOnly }, buttonProps, { children: [title, " ", isActive && jsxRuntime.jsx("span", { className: "text-primary-600", children: activeLabel })] })) }), jsxRuntime.jsx(reactComponents.PopoverContent, { children: jsxRuntime.jsx(reactComponents.MenuList, Object.assign({ className: cvaMenuListOverrides({ withStickyHeader }), withStickyHeader: withStickyHeader, dataTestId: dataTestId && `${dataTestId}-menulist` }, menuListProps, { children: children })) })] })));
 };
+const cvaMenuListOverrides = cssClassVarianceUtilities.cvaMerge(["overflow-x-hidden", "relative"], {
+    variants: {
+        withStickyHeader: {
+            true: "overflow-y-hidden",
+            false: "overflow-y-auto",
+        },
+    },
+});
 
 /**
  * The FilterBody component is used to display the title of the filter and a reset button.

package/index.esm.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Popover, PopoverTrigger, Button, PopoverContent, MenuList, Spinner, MenuItem, Text } from '@trackunit/react-components';
 import { cvaMerge } from '@trackunit/css-class-variance-utilities';
+import { Popover, PopoverTrigger, Button, PopoverContent, MenuList, Spinner, MenuItem, Text } from '@trackunit/react-components';
 import React, { useRef } from 'react';
 import { Checkbox, RadioItem } from '@trackunit/react-form-components';
 
@@ -58,8 +58,16 @@ const cvaFilterCustomButton = cvaMerge([], {
 const Filter = (_a) => {
     var { title, children, popoverProps, isActive, activeLabel, menuListProps, className, dataTestId, withStickyHeader = false, readOnly } = _a, rest = __rest(_a, ["title", "children", "popoverProps", "isActive", "activeLabel", "menuListProps", "className", "dataTestId", "withStickyHeader", "readOnly"]);
     const buttonProps = Object.assign({}, rest);
-    return (jsxs(Popover, Object.assign({ dataTestId: dataTestId && `${dataTestId}-popover`, placement: "bottom-start" }, popoverProps, { children: [jsx(PopoverTrigger, { children: jsxs(Button, Object.assign({ className: cvaFilterCustomButton({ isActive, className }), color: "tertiary", size: "small", dataTestId: dataTestId, disabled: readOnly }, buttonProps, { children: [title, " ", isActive && jsx("span", { className: "text-primary-600", children: activeLabel })] })) }), jsx(PopoverContent, { children: jsx(MenuList, Object.assign({ className: "overflow-x-hidden overflow-y-auto relative", withStickyHeader: withStickyHeader, dataTestId: dataTestId && `${dataTestId}-menulist` }, menuListProps, { children: children })) })] })));
+    return (jsxs(Popover, Object.assign({ dataTestId: dataTestId && `${dataTestId}-popover`, placement: "bottom-start" }, popoverProps, { children: [jsx(PopoverTrigger, { children: jsxs(Button, Object.assign({ className: cvaFilterCustomButton({ isActive, className }), color: "tertiary", size: "small", dataTestId: dataTestId, disabled: readOnly }, buttonProps, { children: [title, " ", isActive && jsx("span", { className: "text-primary-600", children: activeLabel })] })) }), jsx(PopoverContent, { children: jsx(MenuList, Object.assign({ className: cvaMenuListOverrides({ withStickyHeader }), withStickyHeader: withStickyHeader, dataTestId: dataTestId && `${dataTestId}-menulist` }, menuListProps, { children: children })) })] })));
 };
+const cvaMenuListOverrides = cvaMerge(["overflow-x-hidden", "relative"], {
+    variants: {
+        withStickyHeader: {
+            true: "overflow-y-hidden",
+            false: "overflow-y-auto",
+        },
+    },
+});
 
 /**
  * The FilterBody component is used to display the title of the filter and a reset button.

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@trackunit/react-filter-components",
-  "version": "0.0.187",
+  "version": "0.0.189-alpha-05cf9fe826.0",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
     "node": ">=18.x"
   },
   "dependencies": {
-    "@trackunit/css-class-variance-utilities": "0.0.12",
-    "@trackunit/react-components": "0.1.150",
-    "@trackunit/react-form-components": "0.0.128",
+    "@trackunit/css-class-variance-utilities": "0.0.13-alpha-05cf9fe826.0",
+    "@trackunit/react-components": "0.1.152-alpha-05cf9fe826.0",
+    "@trackunit/react-form-components": "0.0.130-alpha-05cf9fe826.0",
     "react": "18.2.0"
   },
   "module": "./index.esm.js",