v1.0.7

Author: minimal-ui-kit

package.json

@@ -4,7 +4,7 @@
   "version": "1.0.0",
   "description": "Shared packages for Minimal UI and Zone UI",
   "engines": {
-    "node": ">=20.x"
+    "node": ">=20"
   },
   "packageManager": "[email protected]",
   "scripts": {
@@ -21,7 +21,7 @@
     "re:dev": "pnpm clean && pnpm install && pnpm dev",
     "re:build": "pnpm clean && pnpm install && pnpm build",
     "check:update": "pnpm update --interactive --recursive --latest",
-    "build:release": "turbo build --filter=minimal-shared --filter=minimal-shared-test",
+    "build:release": "turbo build --filter=minimal-shared",
     "pre:release": "pnpm build:release && changeset version",
     "release": "pnpm build:release && changeset version && changeset publish"
   },

packages/minimal-shared/CHANGELOG.md

@@ -1,14 +1,14 @@
 # minimal-shared
 
-<!-- ## 1.0.6
+## 1.0.7
 
-_Feb 23, 2025_
+_Feb 24, 2025_
 
-- Update `hooks/use-scroll-offset-top`.
-- Update `hooks/use-client-rect`.
+- Update `hooks/use-popover`.
 - Update `hooks/use-popover-hover`.
+- Update `hooks/use-client-rect`.
+- Update `hooks/use-scroll-offset-top`.
 - Update `utils/refs`.
-- Clean devDependencies -->
 
 ---
 

packages/minimal-shared/package.json

@@ -1,7 +1,7 @@
 {
   "name": "minimal-shared",
   "author": "Minimals",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "Shared hooks and utils used by Minimal UI and Zone UI.",
   "keywords": [
     "typescript",

packages/minimal-shared/src/hooks/use-client-rect/use-client-rect.ts

@@ -9,7 +9,7 @@ import { useRef, useMemo, useState, useEffect, useCallback, useLayoutEffect } fr
  *
  * @param {RefObject<T | null>} [inputRef] - Optional ref object to the target element.
  * @param {string} [eventType] - Optional event type to trigger updates (e.g., 'scroll', 'resize').
- * @returns {UseClientRectReturn} - Object containing the bounding rect, scroll dimensions, and ref to the element.
+ * @returns {UseClientRectReturn<T>} - Object containing the bounding rect, scroll dimensions, and ref to the element.
  */
 
 type ScrollElValue = {
@@ -28,17 +28,17 @@ type DOMRectValue = {
   height: number;
 };
 
-export type UseClientRectReturn<T> = DOMRectValue &
+export type UseClientRectReturn<T extends HTMLElement = HTMLElement> = DOMRectValue &
   ScrollElValue & {
-    elementRef: RefObject<T | null>;
+    elementRef: RefObject<T>;
   };
 
-export function useClientRect<T extends HTMLElement>(
+export function useClientRect<T extends HTMLElement = HTMLElement>(
   inputRef?: RefObject<T | null>,
   eventType?: string
 ): UseClientRectReturn<T> {
   const localRef = useRef<T>(null);
-  const elementRef = inputRef || localRef;
+  const elementRef = (inputRef || localRef) as RefObject<T>;
 
   const [rect, setRect] = useState<DOMRect | undefined>(undefined);
   const [scroll, setScroll] = useState<ScrollElValue | undefined>(undefined);

packages/minimal-shared/src/hooks/use-popover-hover/use-popover-hover.ts

@@ -7,7 +7,7 @@ import { useRef, useState, useCallback } from 'react';
 /**
  * Custom hook to manage the state of a popover that opens on hover.
  *
- * @param {RefObject<T>} [inputRef] - An optional ref object to use for the popover element.
+ * @param {RefObject<T | null>} [inputRef] - An optional ref object to use for the popover element.
  *
  * @returns {UsePopoverHoverReturn<T>} - An object containing:
  * - `open`: A boolean indicating whether the popover is open.
@@ -33,20 +33,20 @@ import { useRef, useState, useCallback } from 'react';
  * );
  */
 
-type UsePopoverHoverReturn<T> = {
+type UsePopoverHoverReturn<T extends HTMLElement = HTMLElement> = {
   open: boolean;
   anchorEl: T | null;
   onOpen: () => void;
   onClose: () => void;
-  elementRef: RefObject<T | null>;
+  elementRef: RefObject<T>;
   setOpen: Dispatch<SetStateAction<boolean>>;
 };
 
-export function usePopoverHover<T extends HTMLElement>(
-  inputRef?: RefObject<T>
+export function usePopoverHover<T extends HTMLElement = HTMLElement>(
+  inputRef?: RefObject<T | null>
 ): UsePopoverHoverReturn<T> {
   const localRef = useRef<T>(null);
-  const elementRef = inputRef || localRef;
+  const elementRef = (inputRef || localRef) as RefObject<T>;
 
   const [open, setOpen] = useState<boolean>(false);
 

packages/minimal-shared/src/hooks/use-popover/use-popover.ts

@@ -28,19 +28,19 @@ import { useState, useCallback } from 'react';
  * );
  */
 
-export type UsePopoverReturn<T> = {
+export type UsePopoverReturn<T extends HTMLElement = HTMLElement> = {
   open: boolean;
   anchorEl: T | null;
   onClose: () => void;
-  onOpen: (event: MouseEvent<HTMLElement>) => void;
+  onOpen: (event: MouseEvent<T>) => void;
   setAnchorEl: Dispatch<SetStateAction<T | null>>;
 };
 
-export function usePopover<T extends HTMLElement>(): UsePopoverReturn<T> {
+export function usePopover<T extends HTMLElement = HTMLElement>(): UsePopoverReturn<T> {
   const [anchorEl, setAnchorEl] = useState<T | null>(null);
 
-  const onOpen = useCallback((event: MouseEvent<HTMLElement>) => {
-    setAnchorEl(event.currentTarget as T);
+  const onOpen = useCallback((event: MouseEvent<T>) => {
+    setAnchorEl(event.currentTarget);
   }, []);
 
   const onClose = useCallback(() => {

packages/minimal-shared/src/hooks/use-scroll-offset-top/use-scroll-offset-top.ts

@@ -24,15 +24,15 @@ import { useRef, useState, useEffect, useCallback } from 'react';
  * <div ref={elementRef} />
  */
 
-export type UseScrollOffsetTopReturn<T> = {
+export type UseScrollOffsetTopReturn<T extends HTMLElement = HTMLElement> = {
   offsetTop: boolean;
-  elementRef: RefObject<T | null>;
+  elementRef: RefObject<T>;
 };
 
-export function useScrollOffsetTop<T extends HTMLElement>(
+export function useScrollOffsetTop<T extends HTMLElement = HTMLElement>(
   defaultValue: number = 0
 ): UseScrollOffsetTopReturn<T> {
-  const elementRef = useRef<T>(null);
+  const elementRef = useRef<T>(null) as RefObject<T>;
 
   const [offsetTop, setOffsetTop] = useState<boolean>(false);