react-shadow - npm Package Compare versions

Comparing version 17.1.4 to 17.2.0

dist/react-shadow.cjs.js

@@ -1,2 +0,2 @@
-"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),React__default=_interopDefault(React),reactDom=require("react-dom"),PropTypes=_interopDefault(require("prop-types")),commonjsGlobal="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function createCommonjsModule(e,t){return e(t={exports:{}},t.exports),t.exports}var _extends_1=createCommonjsModule((function(e){function t(){return e.exports=t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},t.apply(this,arguments)}e.exports=t}));function _arrayWithHoles(e){if(Array.isArray(e))return e}var arrayWithHoles=_arrayWithHoles;function _iterableToArrayLimit(e,t){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e)){var r=[],o=!0,n=!1,a=void 0;try{for(var i,s=e[Symbol.iterator]();!(o=(i=s.next()).done)&&(r.push(i.value),!t||r.length!==t);o=!0);}catch(e){n=!0,a=e}finally{try{o||null==s.return||s.return()}finally{if(n)throw a}}return r}}var iterableToArrayLimit=_iterableToArrayLimit;function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}var nonIterableRest=_nonIterableRest;function _slicedToArray(e,t){return arrayWithHoles(e)||iterableToArrayLimit(e,t)||nonIterableRest()}var slicedToArray=_slicedToArray;function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var r,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}var objectWithoutPropertiesLoose=_objectWithoutPropertiesLoose;function _objectWithoutProperties(e,t){if(null==e)return{};var r,o,n=objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var objectWithoutProperties=_objectWithoutProperties,humps=createCommonjsModule((function(e){!function(t){var r=function(e,t,o){if(!c(t)||l(t)||p(t)||f(t)||s(t))return t;var n,a=0,i=0;if(u(t))for(n=[],i=t.length;a<i;a++)n.push(r(e,t[a],o));else for(var y in n={},t)Object.prototype.hasOwnProperty.call(t,y)&&(n[e(y,o)]=r(e,t[y],o));return n},o=function(e){return y(e)?e:(e=e.replace(/[\-_\s]+(.)?/g,(function(e,t){return t?t.toUpperCase():""}))).substr(0,1).toLowerCase()+e.substr(1)},n=function(e){var t=o(e);return t.substr(0,1).toUpperCase()+t.substr(1)},a=function(e,t){return function(e,t){var r=(t=t||{}).separator||"_",o=t.split||/(?=[A-Z])/;return e.split(o).join(r)}(e,t).toLowerCase()},i=Object.prototype.toString,s=function(e){return"function"==typeof e},c=function(e){return e===Object(e)},u=function(e){return"[object Array]"==i.call(e)},l=function(e){return"[object Date]"==i.call(e)},p=function(e){return"[object RegExp]"==i.call(e)},f=function(e){return"[object Boolean]"==i.call(e)},y=function(e){return(e-=0)==e},d=function(e,t){var r=t&&"process"in t?t.process:t;return"function"!=typeof r?e:function(t,o){return r(t,e,o)}},b={camelize:o,decamelize:a,pascalize:n,depascalize:a,camelizeKeys:function(e,t){return r(d(o,t),e)},decamelizeKeys:function(e,t){return r(d(a,t),e,t)},pascalizeKeys:function(e,t){return r(d(n,t),e)},depascalizeKeys:function(){return this.decamelizeKeys.apply(this,arguments)}};e.exports?e.exports=b:t.humps=b}(commonjsGlobal)})),humps_1=humps.decamelize;function ShadowContent(e){var t=e.root,r=e.children;return reactDom.createPortal(r,t)}function createComponent(e){var t=React.forwardRef((function(t,r){var o=t.mode,n=t.delegatesFocus,a=t.styleSheets,i=t.children,s=objectWithoutProperties(t,["mode","delegatesFocus","styleSheets","children"]),c=React.useState(null),u=slicedToArray(c,2),l=u[0],p=u[1],f=React.useState(null),y=slicedToArray(f,2),d=y[0],b=y[1];return React.useEffect((function(){if(l){var e=l.attachShadow({mode:o,delegatesFocus:n});a.length>0&&(e.adoptedStyleSheets=a),r&&"function"==typeof r&&r(l),r&&"current"in r&&(r.current=l),b(e)}}),[l]),React__default.createElement(e.tag,_extends_1({ref:p},s),d&&React__default.createElement(ShadowContent,{root:d},i))}));return t.propTypes={mode:PropTypes.oneOf(["open","closed"]),delegatesFocus:PropTypes.bool,styleSheets:PropTypes.arrayOf(PropTypes.string),children:PropTypes.node.isRequired},t.defaultProps={mode:"open",delegatesFocus:!1,styleSheets:[]},t}ShadowContent.propTypes={root:PropTypes.object.isRequired,children:PropTypes.node.isRequired};var components=new Map;function createProxy(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return new Proxy(e,{get:function(e,t){var r=humps_1(t,{separator:"-"});return components.has(r)||components.set(r,createComponent({tag:r})),components.get(r)}})}var index=createProxy();exports.createProxy=createProxy,exports.default=index;
+"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),React__default=_interopDefault(React),reactDom=require("react-dom"),PropTypes=_interopDefault(require("prop-types")),commonjsGlobal="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function createCommonjsModule(e,t){return e(t={exports:{}},t.exports),t.exports}var _extends_1=createCommonjsModule((function(e){function t(){return e.exports=t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},t.apply(this,arguments)}e.exports=t}));function _arrayWithHoles(e){if(Array.isArray(e))return e}var arrayWithHoles=_arrayWithHoles;function _iterableToArrayLimit(e,t){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e)){var r=[],o=!0,n=!1,a=void 0;try{for(var i,c=e[Symbol.iterator]();!(o=(i=c.next()).done)&&(r.push(i.value),!t||r.length!==t);o=!0);}catch(e){n=!0,a=e}finally{try{o||null==c.return||c.return()}finally{if(n)throw a}}return r}}var iterableToArrayLimit=_iterableToArrayLimit;function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}var nonIterableRest=_nonIterableRest;function _slicedToArray(e,t){return arrayWithHoles(e)||iterableToArrayLimit(e,t)||nonIterableRest()}var slicedToArray=_slicedToArray;function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var r,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}var objectWithoutPropertiesLoose=_objectWithoutPropertiesLoose;function _objectWithoutProperties(e,t){if(null==e)return{};var r,o,n=objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var objectWithoutProperties=_objectWithoutProperties,humps=createCommonjsModule((function(e){!function(t){var r=function(e,t,o){if(!u(t)||l(t)||p(t)||f(t)||c(t))return t;var n,a=0,i=0;if(s(t))for(n=[],i=t.length;a<i;a++)n.push(r(e,t[a],o));else for(var y in n={},t)Object.prototype.hasOwnProperty.call(t,y)&&(n[e(y,o)]=r(e,t[y],o));return n},o=function(e){return y(e)?e:(e=e.replace(/[\-_\s]+(.)?/g,(function(e,t){return t?t.toUpperCase():""}))).substr(0,1).toLowerCase()+e.substr(1)},n=function(e){var t=o(e);return t.substr(0,1).toUpperCase()+t.substr(1)},a=function(e,t){return function(e,t){var r=(t=t||{}).separator||"_",o=t.split||/(?=[A-Z])/;return e.split(o).join(r)}(e,t).toLowerCase()},i=Object.prototype.toString,c=function(e){return"function"==typeof e},u=function(e){return e===Object(e)},s=function(e){return"[object Array]"==i.call(e)},l=function(e){return"[object Date]"==i.call(e)},p=function(e){return"[object RegExp]"==i.call(e)},f=function(e){return"[object Boolean]"==i.call(e)},y=function(e){return(e-=0)==e},d=function(e,t){var r=t&&"process"in t?t.process:t;return"function"!=typeof r?e:function(t,o){return r(t,e,o)}},h={camelize:o,decamelize:a,pascalize:n,depascalize:a,camelizeKeys:function(e,t){return r(d(o,t),e)},decamelizeKeys:function(e,t){return r(d(a,t),e,t)},pascalizeKeys:function(e,t){return r(d(n,t),e)},depascalizeKeys:function(){return this.decamelizeKeys.apply(this,arguments)}};e.exports?e.exports=h:t.humps=h}(commonjsGlobal)})),humps_1=humps.decamelize;function Noop(e){return e.children}function getStyleWrapper(){try{return require("styled-components").StyleSheetManager}catch(e){return Noop}}function ShadowContent(e){var t=e.root,r=e.children;return reactDom.createPortal(r,t)}function createComponent(e){var t=React.forwardRef((function(t,r){var o=t.mode,n=t.delegatesFocus,a=t.styleSheets,i=t.children,c=objectWithoutProperties(t,["mode","delegatesFocus","styleSheets","children"]),u=getStyleWrapper(),s=React.useState(null),l=slicedToArray(s,2),p=l[0],f=l[1],y=React.useState(null),d=slicedToArray(y,2),h=d[0],b=d[1];return React.useEffect((function(){if(p){var e=p.attachShadow({mode:o,delegatesFocus:n});a.length>0&&(e.adoptedStyleSheets=a),r&&"function"==typeof r&&r(p),r&&"current"in r&&(r.current=p),b(e)}}),[p]),React__default.createElement(e.tag,_extends_1({ref:f},c),h&&React__default.createElement(u,{target:h},React__default.createElement(ShadowContent,{root:h},i)))}));return t.propTypes={mode:PropTypes.oneOf(["open","closed"]),delegatesFocus:PropTypes.bool,styleSheets:PropTypes.arrayOf(PropTypes.string),children:PropTypes.node.isRequired},t.defaultProps={mode:"open",delegatesFocus:!1,styleSheets:[]},t}ShadowContent.propTypes={root:PropTypes.object.isRequired,children:PropTypes.node.isRequired};var components=new Map;function createProxy(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return new Proxy(e,{get:function(e,t){var r=humps_1(t,{separator:"-"});return components.has(r)||components.set(r,createComponent({tag:r})),components.get(r)}})}var index=createProxy();exports.createProxy=createProxy,exports.default=index;
 //# sourceMappingURL=react-shadow.cjs.js.map

dist/react-shadow.esm.js

@@ -1,2 +0,2 @@
-import e,{forwardRef as t,useState as r,useEffect as n}from"react";import{createPortal as o}from"react-dom";import u from"prop-types";var i="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function a(e,t){return e(t={exports:{}},t.exports),t.exports}var c=a((function(e){function t(){return e.exports=t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},t.apply(this,arguments)}e.exports=t}));var l=function(e){if(Array.isArray(e))return e};var s=function(e,t){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e)){var r=[],n=!0,o=!1,u=void 0;try{for(var i,a=e[Symbol.iterator]();!(n=(i=a.next()).done)&&(r.push(i.value),!t||r.length!==t);n=!0);}catch(e){o=!0,u=e}finally{try{n||null==a.return||a.return()}finally{if(o)throw u}}return r}};var f=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")};var p=function(e,t){return l(e)||s(e,t)||f()};var d=function(e,t){if(null==e)return{};var r,n,o={},u=Object.keys(e);for(n=0;n<u.length;n++)r=u[n],t.indexOf(r)>=0||(o[r]=e[r]);return o};var y=function(e,t){if(null==e)return{};var r,n,o=d(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n<u.length;n++)r=u[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o},h=a((function(e){!function(t){var r=function(e,t,n){if(!c(t)||s(t)||f(t)||p(t)||a(t))return t;var o,u=0,i=0;if(l(t))for(o=[],i=t.length;u<i;u++)o.push(r(e,t[u],n));else for(var d in o={},t)Object.prototype.hasOwnProperty.call(t,d)&&(o[e(d,n)]=r(e,t[d],n));return o},n=function(e){return d(e)?e:(e=e.replace(/[\-_\s]+(.)?/g,(function(e,t){return t?t.toUpperCase():""}))).substr(0,1).toLowerCase()+e.substr(1)},o=function(e){var t=n(e);return t.substr(0,1).toUpperCase()+t.substr(1)},u=function(e,t){return function(e,t){var r=(t=t||{}).separator||"_",n=t.split||/(?=[A-Z])/;return e.split(n).join(r)}(e,t).toLowerCase()},i=Object.prototype.toString,a=function(e){return"function"==typeof e},c=function(e){return e===Object(e)},l=function(e){return"[object Array]"==i.call(e)},s=function(e){return"[object Date]"==i.call(e)},f=function(e){return"[object RegExp]"==i.call(e)},p=function(e){return"[object Boolean]"==i.call(e)},d=function(e){return(e-=0)==e},y=function(e,t){var r=t&&"process"in t?t.process:t;return"function"!=typeof r?e:function(t,n){return r(t,e,n)}},h={camelize:n,decamelize:u,pascalize:o,depascalize:u,camelizeKeys:function(e,t){return r(y(n,t),e)},decamelizeKeys:function(e,t){return r(y(u,t),e,t)},pascalizeKeys:function(e,t){return r(y(o,t),e)},depascalizeKeys:function(){return this.decamelizeKeys.apply(this,arguments)}};e.exports?e.exports=h:t.humps=h}(i)})).decamelize;function v(e){var t=e.root,r=e.children;return o(r,t)}v.propTypes={root:u.object.isRequired,children:u.node.isRequired};var b=new Map;function g(){var o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return new Proxy(o,{get:function(o,i){var a,l,s=h(i,{separator:"-"});return b.has(s)||b.set(s,(a={tag:s},(l=t((function(t,o){var u=t.mode,i=t.delegatesFocus,l=t.styleSheets,s=t.children,f=y(t,["mode","delegatesFocus","styleSheets","children"]),d=r(null),h=p(d,2),b=h[0],g=h[1],m=r(null),O=p(m,2),j=O[0],w=O[1];return n((function(){if(b){var e=b.attachShadow({mode:u,delegatesFocus:i});l.length>0&&(e.adoptedStyleSheets=l),o&&"function"==typeof o&&o(b),o&&"current"in o&&(o.current=b),w(e)}}),[b]),e.createElement(a.tag,c({ref:g},f),j&&e.createElement(v,{root:j},s))}))).propTypes={mode:u.oneOf(["open","closed"]),delegatesFocus:u.bool,styleSheets:u.arrayOf(u.string),children:u.node.isRequired},l.defaultProps={mode:"open",delegatesFocus:!1,styleSheets:[]},l)),b.get(s)}})}var m=g();export default m;export{g as createProxy};
+import e,{forwardRef as t,useState as r,useEffect as n}from"react";import{createPortal as o}from"react-dom";import u from"prop-types";var a="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function i(e,t){return e(t={exports:{}},t.exports),t.exports}var c=i((function(e){function t(){return e.exports=t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},t.apply(this,arguments)}e.exports=t}));var l=function(e){if(Array.isArray(e))return e};var s=function(e,t){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e)){var r=[],n=!0,o=!1,u=void 0;try{for(var a,i=e[Symbol.iterator]();!(n=(a=i.next()).done)&&(r.push(a.value),!t||r.length!==t);n=!0);}catch(e){o=!0,u=e}finally{try{n||null==i.return||i.return()}finally{if(o)throw u}}return r}};var f=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")};var p=function(e,t){return l(e)||s(e,t)||f()};var d=function(e,t){if(null==e)return{};var r,n,o={},u=Object.keys(e);for(n=0;n<u.length;n++)r=u[n],t.indexOf(r)>=0||(o[r]=e[r]);return o};var y=function(e,t){if(null==e)return{};var r,n,o=d(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n<u.length;n++)r=u[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o},h=i((function(e){!function(t){var r=function(e,t,n){if(!c(t)||s(t)||f(t)||p(t)||i(t))return t;var o,u=0,a=0;if(l(t))for(o=[],a=t.length;u<a;u++)o.push(r(e,t[u],n));else for(var d in o={},t)Object.prototype.hasOwnProperty.call(t,d)&&(o[e(d,n)]=r(e,t[d],n));return o},n=function(e){return d(e)?e:(e=e.replace(/[\-_\s]+(.)?/g,(function(e,t){return t?t.toUpperCase():""}))).substr(0,1).toLowerCase()+e.substr(1)},o=function(e){var t=n(e);return t.substr(0,1).toUpperCase()+t.substr(1)},u=function(e,t){return function(e,t){var r=(t=t||{}).separator||"_",n=t.split||/(?=[A-Z])/;return e.split(n).join(r)}(e,t).toLowerCase()},a=Object.prototype.toString,i=function(e){return"function"==typeof e},c=function(e){return e===Object(e)},l=function(e){return"[object Array]"==a.call(e)},s=function(e){return"[object Date]"==a.call(e)},f=function(e){return"[object RegExp]"==a.call(e)},p=function(e){return"[object Boolean]"==a.call(e)},d=function(e){return(e-=0)==e},y=function(e,t){var r=t&&"process"in t?t.process:t;return"function"!=typeof r?e:function(t,n){return r(t,e,n)}},h={camelize:n,decamelize:u,pascalize:o,depascalize:u,camelizeKeys:function(e,t){return r(y(n,t),e)},decamelizeKeys:function(e,t){return r(y(u,t),e,t)},pascalizeKeys:function(e,t){return r(y(o,t),e)},depascalizeKeys:function(){return this.decamelizeKeys.apply(this,arguments)}};e.exports?e.exports=h:t.humps=h}(a)})).decamelize;function v(e){return e.children}function b(e){var t=e.root,r=e.children;return o(r,t)}function g(o){var a=t((function(t,u){var a=t.mode,i=t.delegatesFocus,l=t.styleSheets,s=t.children,f=y(t,["mode","delegatesFocus","styleSheets","children"]),d=function(){try{return require("styled-components").StyleSheetManager}catch(e){return v}}(),h=r(null),g=p(h,2),m=g[0],O=g[1],j=r(null),w=p(j,2),S=w[0],x=w[1];return n((function(){if(m){var e=m.attachShadow({mode:a,delegatesFocus:i});l.length>0&&(e.adoptedStyleSheets=l),u&&"function"==typeof u&&u(m),u&&"current"in u&&(u.current=m),x(e)}}),[m]),e.createElement(o.tag,c({ref:O},f),S&&e.createElement(d,{target:S},e.createElement(b,{root:S},s)))}));return a.propTypes={mode:u.oneOf(["open","closed"]),delegatesFocus:u.bool,styleSheets:u.arrayOf(u.string),children:u.node.isRequired},a.defaultProps={mode:"open",delegatesFocus:!1,styleSheets:[]},a}b.propTypes={root:u.object.isRequired,children:u.node.isRequired};var m=new Map;function O(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return new Proxy(e,{get:function(e,t){var r=h(t,{separator:"-"});return m.has(r)||m.set(r,g({tag:r})),m.get(r)}})}var j=O();export default j;export{O as createProxy};
 //# sourceMappingURL=react-shadow.esm.js.map

example/js/components/Country/index.js

@@ -9,2 +9,3 @@ import React, { useEffect } from 'react';
 import Countries from '../Countries';
+import Image from './components/Image';
 
@@ -16,3 +17,5 @@ function Country({ weather, country, countries, fetch }) {
     );
-    useEffect(() => fetch(country), [country]);
+    useEffect(() => {
+        fetch(country);
+    }, [country]);
 
@@ -27,3 +30,3 @@ return (
                 <main>
-                    <img src={utils.getFilename(country)} alt={country} />
+                    <Image src={utils.getFilename(country)} alt={country} />
                     <h1>
@@ -30,0 +33,0 @@ {title} at{' '}

package.json

 {
   "name": "react-shadow",
-  "version": "17.1.4",
+  "version": "17.2.0",
   "description": "Utilise Shadow DOM in React with all the benefits of style encapsulation.",
@@ -77,2 +77,3 @@ "main": "dist/react-shadow.cjs.js",
     "sinon": "^8.0.2",
+    "styled-components": "^4.4.1",
     "to-string-loader": "^1.1.6",
@@ -79,0 +80,0 @@ "webpack": "^4.41.5",

src/index.js

@@ -6,2 +6,15 @@ import React, { useState, useEffect, forwardRef } from 'react';
 
+function Noop({ children }) {
+    return children;
+}
+
+function getStyleWrapper() {
+    try {
+        const styled = require('styled-components');
+        return styled.StyleSheetManager;
+    } catch {
+        return Noop;
+    }
+}
+
 function ShadowContent({ root, children }) {
@@ -19,2 +32,3 @@ return createPortal(children, root);
         ({ mode, delegatesFocus, styleSheets, children, ...props }, ref) => {
+            const Wrapper = getStyleWrapper();
             const [node, setNode] = useState(null);
@@ -39,3 +53,7 @@ const [root, setRoot] = useState(null);
                     {root && (
-                        <ShadowContent root={root}>{children}</ShadowContent>
+                        <Wrapper target={root}>
+                            <ShadowContent root={root}>
+                                {children}
+                            </ShadowContent>
+                        </Wrapper>
                     )}
@@ -42,0 +60,0 @@ </options.tag>

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1747734

increased by13.09%

Number of package files

157

increased by145.31%

Lines of code

5403

increased by428.15%

Worsened metrics

Dev dependency count

54

increased by1.89%

Number of medium supply chain risk alerts

27

increased by285.71%

No dependency changes