Merge pull request #13733 from storybookjs/@hypnosphi/react-sizeme

Move to a fork of react-sizeme with updated React peer dependency

addons/a11y/package.json

@@ -41,6 +41,7 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
+    "@hypnosphi/react-sizeme": "^2.6.13",
     "@storybook/addons": "6.2.0-alpha.32",
     "@storybook/api": "6.2.0-alpha.32",
     "@storybook/channels": "6.2.0-alpha.32",
@@ -53,7 +54,6 @@
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "lodash": "^4.17.20",
-    "react-sizeme": "^2.6.12",
     "regenerator-runtime": "^0.13.7",
     "ts-dedent": "^2.0.0",
     "util-deprecate": "^1.0.2"

addons/a11y/src/components/Report/Rules.tsx

@@ -2,7 +2,7 @@ import React, { FunctionComponent } from 'react';
 import { styled } from '@storybook/theming';
 import { Badge } from '@storybook/components';
 import { CheckResult } from 'axe-core';
-import { SizeMe } from 'react-sizeme';
+import { SizeMe } from '@hypnosphi/react-sizeme';
 
 const List = styled.div({
   display: 'flex',

addons/a11y/src/components/Tabs.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 
 import { styled } from '@storybook/theming';
 import { NodeResult, Result } from 'axe-core';
-import { SizeMe } from 'react-sizeme';
+import { SizeMe } from '@hypnosphi/react-sizeme';
 import HighlightToggle from './Report/HighlightToggle';
 import { RuleType } from './A11YPanel';
 import { useA11yContext } from './A11yContext';

addons/jest/package.json

@@ -43,14 +43,14 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
+    "@hypnosphi/react-sizeme": "^2.6.13",
     "@storybook/addons": "6.2.0-alpha.32",
     "@storybook/api": "6.2.0-alpha.32",
     "@storybook/components": "6.2.0-alpha.32",
     "@storybook/core-events": "6.2.0-alpha.32",
     "@storybook/theming": "6.2.0-alpha.32",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
-    "react-sizeme": "^2.6.12",
     "regenerator-runtime": "^0.13.7",
     "upath": "^1.2.0"
   },

addons/jest/src/components/Panel.tsx

@@ -2,7 +2,7 @@
 import React, { Fragment } from 'react';
 import { styled, themes, convert } from '@storybook/theming';
 import { ScrollArea, TabsState, Link, Placeholder } from '@storybook/components';
-import { SizeMe } from 'react-sizeme';
+import { SizeMe } from '@hypnosphi/react-sizeme';
 import Result from './Result';
 import provideJestResult, { Test } from '../hoc/provideJestResult';
 

addons/queryparams/src/typings.d.ts

@@ -1,2 +1 @@
 declare module 'global';
-declare module 'react-sizeme';

lib/ui/package.json

@@ -37,6 +37,7 @@
   },
   "dependencies": {
     "@emotion/core": "^10.1.1",
+    "@hypnosphi/react-sizeme": "^2.6.13",
     "@storybook/addons": "6.2.0-alpha.32",
     "@storybook/api": "6.2.0-alpha.32",
     "@storybook/channels": "6.2.0-alpha.32",
@@ -61,7 +62,6 @@
     "qs": "^6.9.5",
     "react-draggable": "^4.4.3",
     "react-helmet-async": "^1.0.7",
-    "react-sizeme": "^2.6.12",
     "regenerator-runtime": "^0.13.7",
     "resolve-from": "^5.0.0",
     "store2": "^2.12.0"

lib/ui/src/app.tsx

@@ -1,5 +1,5 @@
 import React, { FunctionComponent, useMemo } from 'react';
-import sizeMe from 'react-sizeme';
+import sizeMe from '@hypnosphi/react-sizeme';
 
 import { State } from '@storybook/api';
 import { Symbols } from '@storybook/components';

yarn.lock

@@ -2834,6 +2834,16 @@
     temp "^0.8.1"
     write-file-atomic "^2.3.0"
 
+"@hypnosphi/react-sizeme@^2.6.13":
+  version "2.6.13"
+  resolved "https://registry.yarnpkg.com/@hypnosphi/react-sizeme/-/react-sizeme-2.6.13.tgz#81b7bf40b27adcb48b804fb8c725f63962e9a7d9"
+  integrity sha512-6PJJeYPiGacebN7Tm7k2EJTgMYeTQ2xnY5e0Otwx5Qq5AjnjErHuA2s9Yb9wS9ns7J2Eu+IwkNBvdJoVxweqkw==
+  dependencies:
+    element-resize-detector "^1.2.1"
+    invariant "^2.2.4"
+    shallowequal "^1.1.0"
+    throttle-debounce "^2.1.0"
+
 "@iarna/toml@^2.2.0":
   version "2.2.5"
   resolved "https://registry.yarnpkg.com/@iarna/toml/-/toml-2.2.5.tgz#b32366c89b43c6f8cefbdefac778b9c828e3ba8c"
@@ -28044,16 +28054,6 @@ react-shallow-renderer@^16.13.1:
     object-assign "^4.1.1"
     react-is "^16.12.0 || ^17.0.0"
 
-react-sizeme@^2.6.12:
-  version "2.6.12"
-  resolved "https://registry.yarnpkg.com/react-sizeme/-/react-sizeme-2.6.12.tgz#ed207be5476f4a85bf364e92042520499455453e"
-  integrity sha512-tL4sCgfmvapYRZ1FO2VmBmjPVzzqgHA7kI8lSJ6JS6L78jXFNRdOZFpXyK6P1NBZvKPPCZxReNgzZNUajAerZw==
-  dependencies:
-    element-resize-detector "^1.2.1"
-    invariant "^2.2.4"
-    shallowequal "^1.1.0"
-    throttle-debounce "^2.1.0"
-
 react-syntax-highlighter@^13.5.3:
   version "13.5.3"
   resolved "https://registry.yarnpkg.com/react-syntax-highlighter/-/react-syntax-highlighter-13.5.3.tgz#9712850f883a3e19eb858cf93fad7bb357eea9c6"