@vitus-labs/attrs 2.6.2 → 2.7.0

package/lib/index.js

@@ -1,5 +1,5 @@
 import { compose, hoistNonReactStatics, isEmpty, omit, pick, useStableValue } from "@vitus-labs/core";
-import { useImperativeHandle, useMemo, useRef } from "react";
+import { memo, useImperativeHandle, useMemo, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/utils/attrs.ts
@@ -12,8 +12,7 @@ const removeUndefinedProps = (props) => {
 	return result;
 };
 const calculateChainOptions = (options) => (args) => {
-	const result = {};
-	if (!options || isEmpty(options)) return result;
+	if (!options || isEmpty(options)) return {};
 	return options.reduce((acc, item) => Object.assign(acc, item(...args)), {});
 };
 
@@ -79,8 +78,8 @@ const createAttrsHOC = ({ attrs, priorityAttrs }) => {
 */
 const useAttrsStyleRef = ({ $attrsRef, ref }) => {
 	const internalRef = useRef(null);
-	useImperativeHandle($attrsRef, () => internalRef.current);
-	useImperativeHandle(ref, () => internalRef.current);
+	useImperativeHandle($attrsRef, () => internalRef.current, []);
+	useImperativeHandle(ref, () => internalRef.current, []);
 	return internalRef;
 };
 
@@ -136,25 +135,24 @@ const cloneAndEnhance = (defaultOpts, opts) => attrsComponent({
 const attrsComponent = (options) => {
 	const componentName = options.name ?? options.component.displayName ?? options.component.name;
 	const RenderComponent = options.component;
+	const filterAttrsSet = !!options.filterAttrs && options.filterAttrs.length > 0 ? new Set(options.filterAttrs) : void 0;
 	const hocsFuncs = [createAttrsHOC(options), ...calculateHocsFuncs(options.compose)];
 	const EnhancedComponent = ({ $attrsRef, ref, ...props }) => {
 		const internalRef = useAttrsStyleRef({
 			$attrsRef,
 			ref
 		});
-		const needsRef = ref ?? $attrsRef;
-		const needsFiltering = options.filterAttrs && options.filterAttrs.length > 0;
-		const baseProps = needsRef ? {
+		const baseProps = ref ?? $attrsRef ? {
 			...props,
 			ref: internalRef
 		} : props;
-		const filteredProps = needsFiltering ? omit(baseProps, options.filterAttrs) : baseProps;
+		const filteredProps = filterAttrsSet ? omit(baseProps, filterAttrsSet) : baseProps;
 		return /* @__PURE__ */ jsx(RenderComponent, { ...process.env.NODE_ENV !== "production" ? {
 			...filteredProps,
 			"data-attrs": componentName
 		} : filteredProps });
 	};
-	const AttrsComponent = compose(...hocsFuncs)(EnhancedComponent);
+	const AttrsComponent = compose(...hocsFuncs)(memo(EnhancedComponent));
 	AttrsComponent.IS_ATTRS = true;
 	AttrsComponent.displayName = componentName;
 	AttrsComponent.meta = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitus-labs/attrs",
-  "version": "2.6.2",
+  "version": "2.7.0",
   "license": "MIT",
   "author": "Vit Bokisch <vit@bokisch.cz>",
   "maintainers": [
@@ -50,6 +50,7 @@
     "prepublish": "bun run build",
     "build": "bun run vl_rolldown_build",
     "build:watch": "bun run vl_rolldown_build-watch",
+    "bench": "bun benchmarks/render-bench.tsx",
     "lint": "biome check src/",
     "test": "vitest run",
     "test:coverage": "vitest run --coverage",
@@ -58,14 +59,18 @@
     "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@vitus-labs/core": "^2.6.2",
+    "@vitus-labs/core": "^2.7.0",
     "react": ">= 19"
   },
   "devDependencies": {
+    "@vitus-labs/connector-styler": "workspace:*",
     "@vitus-labs/core": "workspace:*",
     "@vitus-labs/elements": "workspace:*",
-    "@vitus-labs/tools-rolldown": "2.3.1",
-    "@vitus-labs/tools-storybook": "2.3.1",
-    "@vitus-labs/tools-typescript": "2.3.1"
+    "@vitus-labs/styler": "workspace:*",
+    "@vitus-labs/tools-rolldown": "2.5.0",
+    "@vitus-labs/tools-storybook": "2.5.0",
+    "@vitus-labs/tools-typescript": "2.5.0",
+    "jsdom": "^29.1.1",
+    "tinybench": "^6.0.1"
   }
 }