@trackunit/react-filter-components 0.0.56 → 0.0.57

package/README.md

@@ -7,7 +7,7 @@ The `@trackunit/react-filter-components` package is the home of Trackunits publi
 
 This library is exposed publicly for use in the  the Trackunit [Iris App SDK](https://www.npmjs.com/package/@trackunit/iris-app).  
 
-To browse all avaliable components visit our [Public Storybook](https://developers.trackunit.com/page/ui-components).
+To browse all available components visit our [Public Storybook](https://developers.trackunit.com/page/ui-components).
 
 For more info and a full guide on Iris App SDK Development, please visit our [Developer Hub](https://developers.trackunit.com/).
 

package/index.cjs

@@ -6,6 +6,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var reactComponents = require('@trackunit/react-components');
 var tailwindStyledComponents = require('@trackunit/tailwind-styled-components');
 var React = require('react');
+var reactFormComponents = require('@trackunit/react-form-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -141,7 +142,7 @@ const CheckBoxFilterItem = (_a) => {
             var _a;
             e.preventDefault();
             (_a = checkboxRef.current) === null || _a === void 0 ? void 0 : _a.click();
-        }, selected: checkboxProps.checked, disabled: checkboxProps.disabled, className: className, dataTestId: dataTestId, prefix: prefix }, menuItemProps, { suffix: jsxRuntime.jsx("small", { children: itemCount }) }, { children: jsxRuntime.jsx(reactComponents.Checkbox, Object.assign({ ref: checkboxRef }, checkboxProps, { dataTestId: dataTestId && `${dataTestId}-checkbox`, className: "flex-grow cursor-pointer" })) })));
+        }, selected: checkboxProps.checked, disabled: checkboxProps.disabled, className: className, dataTestId: dataTestId, prefix: prefix }, menuItemProps, { suffix: jsxRuntime.jsx("small", { children: itemCount }) }, { children: jsxRuntime.jsx(reactFormComponents.Checkbox, Object.assign({ ref: checkboxRef }, checkboxProps, { dataTestId: dataTestId && `${dataTestId}-checkbox`, className: "flex-grow cursor-pointer" })) })));
 };
 
 /**
@@ -153,7 +154,7 @@ const CheckBoxFilterItem = (_a) => {
  */
 const RadioFilterItem = (_a) => {
     var { value, label, itemCount, selected, dataTestId, menuItemProps } = _a, rest = __rest(_a, ["value", "label", "itemCount", "selected", "dataTestId", "menuItemProps"]);
-    return (jsxRuntime.jsx(reactComponents.MenuItem, Object.assign({ selected: selected, dataTestId: dataTestId, className: "flex justify-between cursor-default p-0 my-[2px]", suffix: jsxRuntime.jsx("small", Object.assign({ className: "pl-1 pr-3" }, { children: itemCount })) }, menuItemProps, { children: jsxRuntime.jsx(reactComponents.RadioItem, Object.assign({}, rest, { value: value, className: "flex items-center w-full py-2 pl-2", dataTestId: dataTestId && `${dataTestId}-radio`, label: jsxRuntime.jsx(reactComponents.Text, Object.assign({ className: "cursor-pointer", type: "span" }, { children: label })) })) })));
+    return (jsxRuntime.jsx(reactComponents.MenuItem, Object.assign({ selected: selected, dataTestId: dataTestId, className: "flex justify-between cursor-default p-0 my-[2px]", suffix: jsxRuntime.jsx("small", Object.assign({ className: "pl-1 pr-3" }, { children: itemCount })) }, menuItemProps, { children: jsxRuntime.jsx(reactFormComponents.RadioItem, Object.assign({}, rest, { value: value, className: "flex items-center w-full py-2 pl-2", dataTestId: dataTestId && `${dataTestId}-radio`, label: jsxRuntime.jsx(reactComponents.Text, Object.assign({ className: "cursor-pointer", type: "span" }, { children: label })) })) })));
 };
 
 exports.CheckBoxFilterItem = CheckBoxFilterItem;

package/index.js

@@ -1,7 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Button, MenuList, Popover, PopoverTrigger, PopoverContent, Spinner, MenuItem, Checkbox, RadioItem, Text } from '@trackunit/react-components';
+import { Button, MenuList, Popover, PopoverTrigger, PopoverContent, Spinner, MenuItem, Text } from '@trackunit/react-components';
 import { twx, tws, tw } from '@trackunit/tailwind-styled-components';
 import React, { useRef } from 'react';
+import { Checkbox, RadioItem } from '@trackunit/react-form-components';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@trackunit/react-filter-components",
-  "version": "0.0.56",
+  "version": "0.0.57",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {
-    "@trackunit/react-components": "0.1.76",
+    "@trackunit/react-components": "0.1.77",
+    "@trackunit/react-form-components": "0.0.1",
     "react": "18.2.0",
     "@trackunit/tailwind-styled-components": "0.0.55",
     "jest-canvas-mock": "2.4.0"

package/src/FilterItem/types.d.ts

@@ -1,4 +1,5 @@
-import { CheckboxProps, MenuItemProps, RadioItemProps } from "@trackunit/react-components";
+import { MenuItemProps } from "@trackunit/react-components";
+import { CheckboxProps, RadioItemProps } from "@trackunit/react-form-components";
 export interface CheckBoxFilterItemProps extends Omit<CheckboxProps, "prefix" | "suffix">, BaseFilterItemProps {
 }
 export interface RadioFilterItemProps extends RadioItemProps, BaseFilterItemProps {