@peersyst/react-utils - npm Package Compare versions

Comparing version 2.3.1 to 2.4.0

./@types/rack.d.ts

@@ -1,2 +0,2 @@
-import { JSXElementConstructor, ReactNode } from "react";
+import { ForwardRefExoticComponent, ForwardedRef, JSXElementConstructor, PropsWithoutRef, ReactNode, RefAttributes } from "react";
 export declare type Slots<S extends string[], E extends object> = {
@@ -26,2 +26,2 @@ [K in Exclude<S[number], keyof E>]: JSXElementConstructor<{
     [x: K]: JSXElementConstructor<any>;
-}>(factory: (props: P, slots: SlotElements<K[]>) => JSX.Element, slots: K[], extensions?: E): JSXElementConstructor<P> & Slots<K[], E>;
+}, T>(factory: (props: P, slots: SlotElements<K[]>, ref: ForwardedRef<T>) => JSX.Element, slots: K[], extensions?: E): ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>> & Slots<K[], E>;

esm/rack.js

@@ -10,2 +10,3 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { forwardRef } from "react";
 import extractSlots from "./extractSlots";
@@ -28,3 +29,3 @@ import createSlot from "./createSlot";
   var extensions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var RackComponent = function RackComponent(_ref) {
+  var RackComponent = /*#__PURE__*/forwardRef(function RackComponent(_ref, ref) {
     var children = _ref.children,
@@ -40,5 +41,9 @@ rest = _objectWithoutProperties(_ref, _excluded);
       children: remainingChildren
-    }, rest), slots);
-  };
+    }, rest), slots, ref);
+  });
   var Rack = RackComponent;
+  Object.defineProperty(Rack, "name", {
+    value: factory.name,
+    writable: false
+  });
   for (var _i = 0, _Object$entries = Object.entries(extensions); _i < _Object$entries.length; _i++) {
@@ -45,0 +50,0 @@ var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),

legacy/rack.js

@@ -10,2 +10,3 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { forwardRef } from "react";
 import extractSlots from "./extractSlots";
@@ -28,3 +29,3 @@ import createSlot from "./createSlot";
   var extensions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var RackComponent = function RackComponent(_ref) {
+  var RackComponent = /*#__PURE__*/forwardRef(function RackComponent(_ref, ref) {
     var children = _ref.children,
@@ -40,5 +41,9 @@ rest = _objectWithoutProperties(_ref, _excluded);
       children: remainingChildren
-    }, rest), slots);
-  };
+    }, rest), slots, ref);
+  });
   var Rack = RackComponent;
+  Object.defineProperty(Rack, "name", {
+    value: factory.name,
+    writable: false
+  });
   for (var _i = 0, _Object$entries = Object.entries(extensions); _i < _Object$entries.length; _i++) {
@@ -45,0 +50,0 @@ var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),

modern/rack.js

@@ -10,2 +10,3 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { forwardRef } from "react";
 import extractSlots from "./extractSlots";
@@ -28,3 +29,3 @@ import createSlot from "./createSlot";
   var extensions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var RackComponent = function RackComponent(_ref) {
+  var RackComponent = /*#__PURE__*/forwardRef(function RackComponent(_ref, ref) {
     var children = _ref.children,
@@ -40,5 +41,9 @@ rest = _objectWithoutProperties(_ref, _excluded);
       children: remainingChildren
-    }, rest), slots);
-  };
+    }, rest), slots, ref);
+  });
   var Rack = RackComponent;
+  Object.defineProperty(Rack, "name", {
+    value: factory.name,
+    writable: false
+  });
   for (var _i = 0, _Object$entries = Object.entries(extensions); _i < _Object$entries.length; _i++) {
@@ -45,0 +50,0 @@ var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),

node/rack.js

@@ -11,2 +11,3 @@ "use strict";
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("react");
 var _extractSlots3 = _interopRequireDefault(require("./extractSlots"));
@@ -32,3 +33,3 @@ var _createSlot = _interopRequireDefault(require("./createSlot"));
   var extensions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var RackComponent = function RackComponent(_ref) {
+  var RackComponent = /*#__PURE__*/(0, _react.forwardRef)(function RackComponent(_ref, ref) {
     var children = _ref.children,
@@ -44,5 +45,9 @@ rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
       children: remainingChildren
-    }, rest), slots);
-  };
+    }, rest), slots, ref);
+  });
   var Rack = RackComponent;
+  Object.defineProperty(Rack, "name", {
+    value: factory.name,
+    writable: false
+  });
   for (var _i = 0, _Object$entries = Object.entries(extensions); _i < _Object$entries.length; _i++) {
@@ -49,0 +54,0 @@ var _Object$entries$_i = (0, _slicedToArray2["default"])(_Object$entries[_i], 2),

package.json

 {
   "name": "@peersyst/react-utils",
   "author": "Peersyst",
-  "version": "2.3.1",
+  "version": "2.4.0",
   "license": "MIT",
@@ -6,0 +6,0 @@ "main": "./node/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

182970

increased by0.44%

Lines of code

3769

increased by0.53%

No dependency changes