@semcore/utils - npm Package Compare versions

Comparing version 4.20.5 to 4.21.0-prerelease.0

CHANGELOG.md

@@ -5,6 +5,12 @@ # Changelog
 
-## [4.20.5-prerelease.1] - 2024-03-04
+## [4.21.0] - 2024-03-13
 
 ### Fixed
 
+- `useUID` hook was producing different ids on SSR and client. Now it uses `React.useId` if it's available.
+
+## [4.20.5] - 2024-03-04
+
+### Fixed
+
 - Errors in console.
@@ -11,0 +17,0 @@

lib/components/invalid-state-pattern/InvalidStatePattern.js

@@ -13,4 +13,4 @@ "use strict";
 /*__reshadow-styles__:"./invalidStatePattern.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPattern_1u6vu_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px)}" /*__inner_css_end__*/, "1u6vu_gg_") /*__reshadow_css_end__*/, {
-  "__SPattern": "___SPattern_1u6vu_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPattern_122c4_gg_{width:6px;height:100%;position:absolute;background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px)}" /*__inner_css_end__*/, "122c4_gg_") /*__reshadow_css_end__*/, {
+  "__SPattern": "___SPattern_122c4_gg_"
 });
@@ -17,0 +17,0 @@ var InvalidStatePatternComponent = function InvalidStatePatternComponent() {

lib/injectStyle.js

@@ -33,3 +33,3 @@ "use strict";
         // @ts-ignore
-        var version = "4.20.5-prerelease.1";
+        var version = "4.21.0";
         sh = document.createElement('style');
@@ -36,0 +36,0 @@ sh.setAttribute('data-ui-v', version);

lib/uniqueID.js

@@ -25,9 +25,10 @@ "use strict";
   var context = _core.register.get('uid-context', createSource(prefix));
-  var _React$useState = _react["default"].useState(context.value++),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 1),
-    uid = _React$useState2[0];
+  var _ref = _react["default"].useId ? [_react["default"].useId()] : _react["default"].useState(context.value++),
+    _ref2 = (0, _slicedToArray2["default"])(_ref, 1),
+    uid = _ref2[0];
+  var trimmedUid = String(uid).startsWith(':') && String(uid).endsWith(':') ? String(uid).slice(1, -1) : uid;
   (0, _useEnhancedEffect["default"])(function () {
     _core.register.set('uid-context', context);
-  }, [uid]);
-  return ((_context$prefix = context.prefix) !== null && _context$prefix !== void 0 ? _context$prefix : '') + uid;
+  }, [trimmedUid]);
+  return ((_context$prefix = context.prefix) !== null && _context$prefix !== void 0 ? _context$prefix : '') + trimmedUid;
 };
@@ -34,0 +35,0 @@ exports.useUID = useUID;

lib/use/useFocusLock.js

@@ -187,3 +187,3 @@ "use strict";
     });
-    if (focusableChildren.length === 0) return;
+    if (focusableChildren.length === 0 && autoFocus !== 'enforced') return;
     document.body.addEventListener('focusout', handleFocusOut);
@@ -190,0 +190,0 @@ document.body.addEventListener('mousedown', handleMouseEvent);

package.json

 {
   "name": "@semcore/utils",
   "description": "Semrush Utils Component",
-  "version": "4.20.5",
+  "version": "4.21.0-prerelease.0",
   "main": "lib/index.js",
@@ -31,3 +31,3 @@ "sideEffects": false,
   "peerDependencies": {
-    "@semcore/core": "^2.17.5",
+    "@semcore/core": "^2.18.0-prerelease.0",
     "react": "16.8 - 18",
@@ -34,0 +34,0 @@ "react-dom": "16.8 - 18"

README.md

@@ -16,3 +16,3 @@ # @semcore/utils
 ```sh
-npm install @semcore/ui
+npm install intergalactic
 ```
@@ -23,3 +23,3 @@
 ```jsx
-import UtilName from '@semcore/ui/utils/lib/{util_name}';
+import UtilName from 'intergalactic/utils/lib/{util_name}';
 ```
@@ -26,0 +26,0 @@

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1082918

increased by0.14%

Lines of code

11697

increased by0.02%

Worsened metrics

Number of low quality alerts

2

increased by100%

No dependency changes