@rc-component/util - npm Package Compare versions

Comparing version 1.7.0 to 1.8.0

es/getScrollBarSize.d.ts

@@ -1,5 +0,7 @@
-export default function getScrollBarSize(fresh?: boolean): number;
-export declare function getTargetScrollBarSize(target: HTMLElement): {
+type ScrollBarSize = {
     width: number;
     height: number;
 };
+export default function getScrollBarSize(fresh?: boolean): number;
+export declare function getTargetScrollBarSize(target: HTMLElement): ScrollBarSize;
+export {};

es/hooks/useEffect.d.ts

 /** As `React.useEffect` but pass origin value in callback and not need care deps length change. */
-export default function useEffect(callback: (prevDeps: any[]) => void, deps: any[]): void;
+declare function useEffect(callback: (prevDeps: any[]) => void, deps: any[]): void;
+export default useEffect;

es/hooks/useEffect.js

 import * as React from 'react';
 
 /** As `React.useEffect` but pass origin value in callback and not need care deps length change. */
-export default function useEffect(callback, deps) {
+function useEffect(callback, deps) {
   const prevRef = React.useRef(deps);
@@ -12,2 +12,3 @@ React.useEffect(() => {
   });
-}
+}
+export default useEffect;

es/hooks/useId.d.ts

 /** @private Note only worked in develop env. Not work in production. */
 export declare function resetUuid(): void;
+/**
+ * Generate a valid HTML id from prefix and key.
+ * Sanitizes the key by replacing invalid characters with hyphens.
+ * @param prefix - The prefix for the id
+ * @param key - The key from React element, may contain spaces or invalid characters
+ * @returns A valid HTML id string
+ */
+export declare function getId(prefix: string, key: string): string;
 declare const _default: (id?: string) => string;
 export default _default;

es/hooks/useId.js

@@ -17,2 +17,16 @@ import * as React from 'react';
 }
+
+/**
+ * Generate a valid HTML id from prefix and key.
+ * Sanitizes the key by replacing invalid characters with hyphens.
+ * @param prefix - The prefix for the id
+ * @param key - The key from React element, may contain spaces or invalid characters
+ * @returns A valid HTML id string
+ */
+export function getId(prefix, key) {
+  // Valid id characters: letters, digits, hyphen, underscore, colon, period
+  // Replace all invalid characters (including spaces) with hyphens to preserve length
+  const sanitizedKey = key.replace(/[^a-zA-Z0-9_.:-]/g, '-');
+  return `${prefix}-${sanitizedKey}`;
+}
 const useOriginId = getUseId();
@@ -19,0 +33,0 @@ export default useOriginId ?

es/hooks/useState.d.ts

@@ -13,3 +13,3 @@ type Updater<T> = T | ((prevValue: T) => T);
  */
-export default function useSafeState<T>(defaultValue?: T | (() => T)): [T, SetState<T>];
-export {};
+declare const useSafeState: <T>(defaultValue?: T | (() => T)) => [T, SetState<T>];
+export default useSafeState;

es/hooks/useState.js

@@ -7,3 +7,3 @@ import * as React from 'react';
  */
-export default function useSafeState(defaultValue) {
+const useSafeState = defaultValue => {
   const destroyRef = React.useRef(false);
@@ -24,2 +24,3 @@ const [value, setValue] = React.useState(defaultValue);
   return [value, safeSetState];
-}
+};
+export default useSafeState;

es/hooks/useSyncState.d.ts

@@ -8,3 +8,3 @@ type Updater<T> = T | ((prevValue: T) => T);
  */
-export default function useSyncState<T>(defaultValue?: T): [get: () => T, set: SetState<T>];
-export {};
+declare function useSyncState<T>(defaultValue?: T): [get: () => T, set: SetState<T>];
+export default useSyncState;

es/hooks/useSyncState.js

@@ -8,3 +8,3 @@ import * as React from 'react';
  */
-export default function useSyncState(defaultValue) {
+function useSyncState(defaultValue) {
   const [, forceUpdate] = React.useReducer(x => x + 1, 0);
@@ -20,2 +20,3 @@ const currentValueRef = React.useRef(defaultValue);
   return [getValue, setValue];
-}
+}
+export default useSyncState;

es/Portal.js

@@ -10,4 +10,4 @@ import { useRef, useEffect, forwardRef, useImperativeHandle } from 'react';
   } = props;
-  const parentRef = useRef();
-  const containerRef = useRef();
+  const parentRef = useRef(null);
+  const containerRef = useRef(null);
 
@@ -14,0 +14,0 @@ // Ref return nothing, only for wrapper check exist

es/ref.d.ts

@@ -12,3 +12,3 @@ import type * as React from 'react';
 }
-export declare const supportNodeRef: <T = any>(node: React.ReactNode) => node is React.ReactElement<any, string | React.JSXElementConstructor<any>> & RefAttributes<T>;
+export declare const supportNodeRef: <T = any>(node: React.ReactNode) => node is React.ReactElement<unknown, string | React.JSXElementConstructor<any>> & RefAttributes<T>;
 /**
@@ -15,0 +15,0 @@ * In React 19. `ref` is not a property from node.

lib/getScrollBarSize.d.ts

@@ -1,5 +0,7 @@
-export default function getScrollBarSize(fresh?: boolean): number;
-export declare function getTargetScrollBarSize(target: HTMLElement): {
+type ScrollBarSize = {
     width: number;
     height: number;
 };
+export default function getScrollBarSize(fresh?: boolean): number;
+export declare function getTargetScrollBarSize(target: HTMLElement): ScrollBarSize;
+export {};

lib/hooks/useEffect.d.ts

 /** As `React.useEffect` but pass origin value in callback and not need care deps length change. */
-export default function useEffect(callback: (prevDeps: any[]) => void, deps: any[]): void;
+declare function useEffect(callback: (prevDeps: any[]) => void, deps: any[]): void;
+export default useEffect;

lib/hooks/useEffect.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports.default = useEffect;
+exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
@@ -20,2 +20,3 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
   });
-}
+}
+var _default = exports.default = useEffect;

lib/hooks/useId.d.ts

 /** @private Note only worked in develop env. Not work in production. */
 export declare function resetUuid(): void;
+/**
+ * Generate a valid HTML id from prefix and key.
+ * Sanitizes the key by replacing invalid characters with hyphens.
+ * @param prefix - The prefix for the id
+ * @param key - The key from React element, may contain spaces or invalid characters
+ * @returns A valid HTML id string
+ */
+export declare function getId(prefix: string, key: string): string;
 declare const _default: (id?: string) => string;
 export default _default;

lib/hooks/useId.js

@@ -7,2 +7,3 @@ "use strict";
 exports.default = void 0;
+exports.getId = getId;
 exports.resetUuid = resetUuid;
@@ -27,2 +28,16 @@ var React = _interopRequireWildcard(require("react"));
 }
+
+/**
+ * Generate a valid HTML id from prefix and key.
+ * Sanitizes the key by replacing invalid characters with hyphens.
+ * @param prefix - The prefix for the id
+ * @param key - The key from React element, may contain spaces or invalid characters
+ * @returns A valid HTML id string
+ */
+function getId(prefix, key) {
+  // Valid id characters: letters, digits, hyphen, underscore, colon, period
+  // Replace all invalid characters (including spaces) with hyphens to preserve length
+  const sanitizedKey = key.replace(/[^a-zA-Z0-9_.:-]/g, '-');
+  return `${prefix}-${sanitizedKey}`;
+}
 const useOriginId = getUseId();
@@ -29,0 +44,0 @@ var _default = exports.default = useOriginId ?

lib/hooks/useState.d.ts

@@ -13,3 +13,3 @@ type Updater<T> = T | ((prevValue: T) => T);
  */
-export default function useSafeState<T>(defaultValue?: T | (() => T)): [T, SetState<T>];
-export {};
+declare const useSafeState: <T>(defaultValue?: T | (() => T)) => [T, SetState<T>];
+export default useSafeState;

lib/hooks/useState.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports.default = useSafeState;
+exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
@@ -16,3 +16,3 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
  */
-function useSafeState(defaultValue) {
+const useSafeState = defaultValue => {
   const destroyRef = React.useRef(false);
@@ -33,2 +33,3 @@ const [value, setValue] = React.useState(defaultValue);
   return [value, safeSetState];
-}
+};
+var _default = exports.default = useSafeState;

lib/hooks/useSyncState.d.ts

@@ -8,3 +8,3 @@ type Updater<T> = T | ((prevValue: T) => T);
  */
-export default function useSyncState<T>(defaultValue?: T): [get: () => T, set: SetState<T>];
-export {};
+declare function useSyncState<T>(defaultValue?: T): [get: () => T, set: SetState<T>];
+export default useSyncState;

lib/hooks/useSyncState.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports.default = useSyncState;
+exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
@@ -29,2 +29,3 @@ var _useEvent = _interopRequireDefault(require("./useEvent"));
   return [getValue, setValue];
-}
+}
+var _default = exports.default = useSyncState;

lib/Portal.js

@@ -17,4 +17,4 @@ "use strict";
   } = props;
-  const parentRef = (0, _react.useRef)();
-  const containerRef = (0, _react.useRef)();
+  const parentRef = (0, _react.useRef)(null);
+  const containerRef = (0, _react.useRef)(null);
 
@@ -21,0 +21,0 @@ // Ref return nothing, only for wrapper check exist

lib/ref.d.ts

@@ -12,3 +12,3 @@ import type * as React from 'react';
 }
-export declare const supportNodeRef: <T = any>(node: React.ReactNode) => node is React.ReactElement<any, string | React.JSXElementConstructor<any>> & RefAttributes<T>;
+export declare const supportNodeRef: <T = any>(node: React.ReactNode) => node is React.ReactElement<unknown, string | React.JSXElementConstructor<any>> & RefAttributes<T>;
 /**
@@ -15,0 +15,0 @@ * In React 19. `ref` is not a property from node.

package.json

 {
   "name": "@rc-component/util",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "description": "Common Utils For React Component",
@@ -50,4 +50,4 @@ "keywords": [
     "@types/node": "^24.6.1",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.2",
     "@types/react-is": "^19.0.0",
@@ -57,3 +57,3 @@ "@types/responselike": "^1.0.0",
     "@umijs/fabric": "^3.0.0",
-    "cross-env": "^7.0.2",
+    "cross-env": "^10.1.0",
     "dumi": "^2.1.3",
@@ -60,0 +60,0 @@ "eslint": "^8.54.0",

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

190376

1.21%

Lines of code

6290

0.88%

No dependency changes