@semcore/utils - npm Package Compare versions

Comparing version 4.25.0 to 4.26.1-prerelease.1

CHANGELOG.md

@@ -5,2 +5,14 @@ # Changelog
 
+## [4.26.1] - 2024-05-16
+
+### Fixed
+
+- `ThemeProvider` wasn't working.
+
+## [4.26.0] - 2024-04-29
+
+### Fixed
+
+- In some cases focus was not returned after focus lock was released.
+
 ## [4.25.0] - 2024-05-15
@@ -7,0 +19,0 @@

lib/components/invalid-state-pattern/InvalidStatePattern.d.ts

 /**
  * @deprecated
  */
-export declare const InvalidStatePattern: import("../../core").ComponentType<unknown, {}, {}, {
+export declare const InvalidStatePattern: import("../../core/index").ComponentType<unknown, {}, {}, {
     [key: string]: (arg: unknown) => void;
@@ -6,0 +6,0 @@ }, null>;

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

@@ -9,13 +9,14 @@ "use strict";
 exports["default"] = exports.InvalidStatePattern = void 0;
-var _core = require("@semcore/core");
+var _index = require("@semcore/utils/lib/core/index");
 var _react = _interopRequireDefault(require("react"));
-var _core2 = _interopRequireWildcard(require("../../core"));
+var _index2 = _interopRequireWildcard(require("../../core/index"));
 /*__reshadow-styles__:"./invalidStatePattern.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPattern_23it5_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__*/, "23it5_gg_") /*__reshadow_css_end__*/, {
-  "__SPattern": "___SPattern_23it5_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPattern_yymmm_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__*/, "yymmm_gg_") /*__reshadow_css_end__*/, {
+  "__SPattern": "___SPattern_yymmm_gg_"
 });
 var InvalidStatePatternComponent = function InvalidStatePatternComponent() {
-  var SPattern = _core2.Root;
-  return (0, _core2.sstyled)(style)( /*#__PURE__*/_react["default"].createElement(SPattern, {
-    render: 'div'
+  var _ref;
+  var SPattern = _index2.Root;
+  return _ref = (0, _index2.sstyled)(style), /*#__PURE__*/_react["default"].createElement(SPattern, _ref.cn("SPattern", {
+    "render": 'div'
   }));
@@ -26,3 +27,3 @@ };
  */
-var InvalidStatePattern = (0, _core2["default"])(InvalidStatePatternComponent);
+var InvalidStatePattern = (0, _index2["default"])(InvalidStatePatternComponent);
 /**
@@ -29,0 +30,0 @@ * @deprecated

lib/injectStyle.js

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

lib/ThemeProvider.js

@@ -12,3 +12,3 @@ "use strict";
 var _react = _interopRequireDefault(require("react"));
-var _ref4 = require("./ref");
+var _ref5 = require("./ref");
 var _useEnhancedEffect = _interopRequireDefault(require("./use/useEnhancedEffect"));
@@ -23,6 +23,6 @@ var useContextTokens = function useContextTokens() {
     if (!tokens) return '';
-    return Object.entries(tokens).map(function (_ref) {
-      var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
-        key = _ref2[0],
-        value = _ref2[1];
+    return Object.entries(tokens).map(function (_ref2) {
+      var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
+        key = _ref3[0],
+        value = _ref3[1];
       return "".concat(key, "-").concat(value);
@@ -50,3 +50,3 @@ }).join('/');
     }, [existingRef, enhanceRef]);
-    var ref = (0, _ref4.useForkRef)(refArr);
+    var ref = (0, _ref5.useForkRef)(refArr);
     useContextTheme(enhanceRef, available);
@@ -60,6 +60,7 @@ return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
 var themeContext = /*#__PURE__*/_react["default"].createContext(null);
-var ThemeProvider = function ThemeProvider(_ref3) {
-  var _ref3$tokens = _ref3.tokens,
-    providedTokens = _ref3$tokens === void 0 ? {} : _ref3$tokens,
-    children = _ref3.children;
+var ThemeProvider = function ThemeProvider(_ref4) {
+  var _ref;
+  var _ref4$tokens = _ref4.tokens,
+    providedTokens = _ref4$tokens === void 0 ? {} : _ref4$tokens,
+    children = _ref4.children;
   var SThemeProvider = 'div';
@@ -72,7 +73,7 @@ var contextTokens = _react["default"].useContext(themeContext);
     value: tokens
-  }, (0, _index.sstyled)()( /*#__PURE__*/_react["default"].createElement(SThemeProvider, {
-    style: tokens
-  }, children)));
+  }, (_ref = (0, _index.sstyled)(), /*#__PURE__*/_react["default"].createElement(SThemeProvider, _ref.cn("SThemeProvider", {
+    "style": tokens
+  }), children)));
 };
 exports.ThemeProvider = ThemeProvider;
 //# sourceMappingURL=ThemeProvider.js.map

lib/use/useFocusLock.js

@@ -208,3 +208,7 @@ "use strict";
     document.body.addEventListener(syntheticEvents.keydown, handleKeyboardEvent);
-    if (autoFocus) (0, _setFocus.setFocus)(trapRef.current, (0, _typeof2["default"])(returnFocusTo) === 'object' ? returnFocusTo === null || returnFocusTo === void 0 ? void 0 : returnFocusTo.current : document.body);
+    if (autoFocus) {
+      setTimeout(function () {
+        (0, _setFocus.setFocus)(trapRef.current, (0, _typeof2["default"])(returnFocusTo) === 'object' ? returnFocusTo === null || returnFocusTo === void 0 ? void 0 : returnFocusTo.current : document.body);
+      }, 0);
+    }
     return function () {
@@ -211,0 +215,0 @@ document.body.removeEventListener('focusout', handleFocusOut);

package.json

 {
   "name": "@semcore/utils",
   "description": "Semrush Utils Component",
-  "version": "4.25.0",
+  "version": "4.26.1-prerelease.1",
   "main": "lib/index.js",
@@ -6,0 +6,0 @@ "sideEffects": false,

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

1452376

increased by0.05%

Lines of code

14904

increased by0.07%

Worsened metrics

Number of low quality alerts

2

increased by100%

No dependency changes