@trackunit/react-components 0.1.216-alpha-9c359562be.0 → 0.1.217

package/index.cjs.js

@@ -1760,7 +1760,7 @@ const MoreMenu = ({ className, dataTestId, popoverProps, iconProps = {
     color: "tertiary",
 }, customButton, customPortalId, children, }) => {
     const actionMenuRef = React.useRef(null);
-    return (jsxRuntime.jsx("div", { ref: actionMenuRef, className: cvaMoreMenu({ className }), "data-testid": dataTestId, children: jsxRuntime.jsxs(Popover, Object.assign({}, popoverProps, { children: [jsxRuntime.jsx(PopoverTrigger, { children: customButton !== null && customButton !== void 0 ? customButton : (jsxRuntime.jsx(IconButton, Object.assign({}, iconButtonProps, { icon: iconProps.name ? jsxRuntime.jsx(Icon, Object.assign({ name: "EllipsisHorizontal" }, iconProps)) : null }))) }), jsxRuntime.jsx(PopoverContent, { portalId: customPortalId, children: close => (typeof children === "function" ? children(close) : children) })] })) }));
+    return (jsxRuntime.jsx("div", { ref: actionMenuRef, className: cvaMoreMenu({ className }), "data-testid": dataTestId, children: jsxRuntime.jsxs(Popover, Object.assign({}, popoverProps, { children: [jsxRuntime.jsx(PopoverTrigger, { children: customButton !== null && customButton !== void 0 ? customButton : jsxRuntime.jsx(IconButton, Object.assign({}, iconButtonProps, { icon: jsxRuntime.jsx(Icon, Object.assign({ name: "EllipsisHorizontal" }, iconProps)) })) }), jsxRuntime.jsx(PopoverContent, { portalId: customPortalId, children: close => (typeof children === "function" ? children(close) : children) })] })) }));
 };
 
 const cvaModalContainer = cssClassVarianceUtilities.cvaMerge(["h-full", "w-full", "flex", "items-center"]);

package/index.esm.js

@@ -1730,7 +1730,7 @@ const MoreMenu = ({ className, dataTestId, popoverProps, iconProps = {
     color: "tertiary",
 }, customButton, customPortalId, children, }) => {
     const actionMenuRef = useRef(null);
-    return (jsx("div", { ref: actionMenuRef, className: cvaMoreMenu({ className }), "data-testid": dataTestId, children: jsxs(Popover, Object.assign({}, popoverProps, { children: [jsx(PopoverTrigger, { children: customButton !== null && customButton !== void 0 ? customButton : (jsx(IconButton, Object.assign({}, iconButtonProps, { icon: iconProps.name ? jsx(Icon, Object.assign({ name: "EllipsisHorizontal" }, iconProps)) : null }))) }), jsx(PopoverContent, { portalId: customPortalId, children: close => (typeof children === "function" ? children(close) : children) })] })) }));
+    return (jsx("div", { ref: actionMenuRef, className: cvaMoreMenu({ className }), "data-testid": dataTestId, children: jsxs(Popover, Object.assign({}, popoverProps, { children: [jsx(PopoverTrigger, { children: customButton !== null && customButton !== void 0 ? customButton : jsx(IconButton, Object.assign({}, iconButtonProps, { icon: jsx(Icon, Object.assign({ name: "EllipsisHorizontal" }, iconProps)) })) }), jsx(PopoverContent, { portalId: customPortalId, children: close => (typeof children === "function" ? children(close) : children) })] })) }));
 };
 
 const cvaModalContainer = cvaMerge(["h-full", "w-full", "flex", "items-center"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.1.216-alpha-9c359562be.0",
+  "version": "0.1.217",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {

package/src/hooks/localStorage/validateState.d.ts

@@ -1,7 +1,7 @@
 import { LocalStorageCallbacks, LocalStorageParams } from "./types";
-type ValidateStateOptions<State> = Required<Pick<LocalStorageParams<State>, "schema">> & {
-    state: State;
-    defaultState: State;
+type ValidateStateOptions<TState> = Required<Pick<LocalStorageParams<TState>, "schema">> & {
+    state: TState;
+    defaultState: TState;
 } & LocalStorageCallbacks;
 /**
  * Validates the state object using a Zod schema.

package/src/hooks/useDebounce.d.ts

@@ -10,4 +10,4 @@ export type DebounceDirection = "in" | "out" | "both";
 /**
  *
  */
-export declare const useDebounce: <T>(value: T, delay?: number, direction?: DebounceDirection) => T;
+export declare const useDebounce: <TValue>(value: TValue, delay?: number, direction?: DebounceDirection) => TValue;

package/src/hooks/useOptionallyElevatedState.d.ts

@@ -6,4 +6,4 @@ import { Dispatch, SetStateAction } from "react";
  *
  * If no custom state is provided, the fallback state will be used and it works like a normal useState hook.
  */
-export declare const useOptionallyElevatedState: <T>(initialState: T, customState?: [T, Dispatch<SetStateAction<T>>] | undefined) => [T, Dispatch<SetStateAction<T>>];
+export declare const useOptionallyElevatedState: <TState>(initialState: TState, customState?: [TState, Dispatch<SetStateAction<TState>>] | undefined) => [TState, Dispatch<SetStateAction<TState>>];

package/src/hooks/useSelfUpdatingRef.d.ts

@@ -4,4 +4,4 @@
  *
  * @returns {boolean} Returns true if it is the first render, false otherwise.
  */
-export declare const useSelfUpdatingRef: <T>(initialState: T) => import("react").MutableRefObject<T>;
+export declare const useSelfUpdatingRef: <TState>(initialState: TState) => import("react").MutableRefObject<TState>;