@charcoal-ui/react-sandbox 2.3.0 → 2.5.0

package/dist/index.modern.js

@@ -10,7 +10,7 @@ import { animated, useSpring } from 'react-spring';
 import warning from 'warning';
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -23,7 +23,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
@@ -1431,6 +1430,8 @@ function passiveEvents() {
 }
 const isEdge = () => navigator.userAgent.includes('Edge/');
 
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+
 function unreachable(value) {
   throw new Error(arguments.length === 0 ? 'unreachable' : `unreachable (${JSON.stringify(value)})`);
 }
@@ -1750,7 +1751,7 @@ function Carousel(_ref) {
       onResize(clientWidth);
     }
   }, [onResize]);
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     const elm = ref.current;
     const innerElm = innerRef.current;
 
@@ -1772,7 +1773,7 @@ function Carousel(_ref) {
     };
   }, [handleResize, handleScroll]); // 初期スクロールを行う
 
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     if (align !== 'left' || scrollOffset !== 0) {
       const scroll = ref.current;
 
@@ -1794,7 +1795,7 @@ function Carousel(_ref) {
     }
   }, [onScroll]);
   const [disableGradient, setDisableGradient] = useState(false);
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     if (isEdge()) {
       setDisableGradient(true);
     }