@trackunit/react-filter-components 0.0.171 → 0.0.173

package/index.cjs.js

@@ -93,6 +93,20 @@ const cvaFilterBody = cssClassVarianceUtilities.cvaMerge(["grid", "gap-1", "p-1"
     },
 });
 
+/**
+ * The FilterFooter component is used to display the title of the filter and a reset button.
+ * IT is intended for use in the Filter component.
+ * The reset button will only be visible if the showReset prop is set to true.
+ *
+ * @param {FilterFooterProps} props - The props for the FilterFooter component
+ * @returns {JSX.Element} FilterFooter component
+ */
+const FilterFooter = (_a) => {
+    var { className, dataTestId, children } = _a, rest = __rest(_a, ["className", "dataTestId", "children"]);
+    return (jsxRuntime.jsx("div", Object.assign({ className: cvaFilterFooter({ className }), "data-testid": dataTestId }, rest, { children: children })));
+};
+const cvaFilterFooter = cssClassVarianceUtilities.cvaMerge(["flex", "justify-end", "before:p-1"]);
+
 /**
  * The FilterHeader component is used to display the title of the filter and a reset button.
  * IT is intended for use in the Filter component.
@@ -150,6 +164,8 @@ const RadioFilterItem = (_a) => {
 exports.CheckBoxFilterItem = CheckBoxFilterItem;
 exports.Filter = Filter;
 exports.FilterBody = FilterBody;
+exports.FilterFooter = FilterFooter;
 exports.FilterHeader = FilterHeader;
 exports.RadioFilterItem = RadioFilterItem;
+exports.cvaFilterFooter = cvaFilterFooter;
 exports.cvaFilterHeaderButton = cvaFilterHeaderButton;

package/index.esm.js

@@ -85,6 +85,20 @@ const cvaFilterBody = cvaMerge(["grid", "gap-1", "p-1", "rounded", "w-full"], {
     },
 });
 
+/**
+ * The FilterFooter component is used to display the title of the filter and a reset button.
+ * IT is intended for use in the Filter component.
+ * The reset button will only be visible if the showReset prop is set to true.
+ *
+ * @param {FilterFooterProps} props - The props for the FilterFooter component
+ * @returns {JSX.Element} FilterFooter component
+ */
+const FilterFooter = (_a) => {
+    var { className, dataTestId, children } = _a, rest = __rest(_a, ["className", "dataTestId", "children"]);
+    return (jsx("div", Object.assign({ className: cvaFilterFooter({ className }), "data-testid": dataTestId }, rest, { children: children })));
+};
+const cvaFilterFooter = cvaMerge(["flex", "justify-end", "before:p-1"]);
+
 /**
  * The FilterHeader component is used to display the title of the filter and a reset button.
  * IT is intended for use in the Filter component.
@@ -139,4 +153,4 @@ const RadioFilterItem = (_a) => {
     return (jsx(MenuItem, Object.assign({ selected: selected, dataTestId: dataTestId, className: "flex justify-between cursor-default p-0 my-[2px]", suffix: jsx("small", { className: "pl-1 pr-3", children: itemCount }) }, menuItemProps, { children: jsx(RadioItem, Object.assign({}, rest, { value: value, className: "flex items-center w-full py-2 pl-2", dataTestId: dataTestId && `${dataTestId}-radio`, label: jsx(Text, { className: "cursor-pointer", type: "span", children: label }) })) })));
 };
 
-export { CheckBoxFilterItem, Filter, FilterBody, FilterHeader, RadioFilterItem, cvaFilterHeaderButton };
+export { CheckBoxFilterItem, Filter, FilterBody, FilterFooter, FilterHeader, RadioFilterItem, cvaFilterFooter, cvaFilterHeaderButton };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-filter-components",
-  "version": "0.0.171",
+  "version": "0.0.173",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -8,8 +8,8 @@
   },
   "dependencies": {
     "@trackunit/css-class-variance-utilities": "0.0.11",
-    "@trackunit/react-components": "0.1.144",
-    "@trackunit/react-form-components": "0.0.113",
+    "@trackunit/react-components": "0.1.145",
+    "@trackunit/react-form-components": "0.0.114",
     "react": "18.2.0"
   },
   "module": "./index.esm.js",

package/src/FilterFooter/FilterFooter.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { CommonProps } from "@trackunit/react-components";
+export interface FilterFooterProps extends CommonProps {
+    /**
+     * Items to render in the filter footer
+     */
+    children?: React.ReactNode;
+}
+/**
+ * The FilterFooter component is used to display the title of the filter and a reset button.
+ * IT is intended for use in the Filter component.
+ * The reset button will only be visible if the showReset prop is set to true.
+ *
+ * @param {FilterFooterProps} props - The props for the FilterFooter component
+ * @returns {JSX.Element} FilterFooter component
+ */
+export declare const FilterFooter: ({ className, dataTestId, children, ...rest }: FilterFooterProps) => JSX.Element;
+export declare const cvaFilterFooter: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;

package/src/index.d.ts

@@ -1,5 +1,6 @@
 export * from "./Filter/Filter";
 export * from "./FilterBody/FilterBody";
+export * from "./FilterFooter/FilterFooter";
 export * from "./FilterHeader/FilterHeader";
 export * from "./FilterItem/CheckBoxFilter/CheckBoxFilterItem";
 export * from "./FilterItem/RadioFilter/RadioFilterItem";