@charcoal-ui/react-sandbox 2.4.0 → 2.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Carousel/index.d.ts.map +1 -1
- package/dist/hooks/index.d.ts +3 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/index.cjs +5 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.modern.js +5 -3
- package/dist/index.modern.js.map +1 -1
- package/dist/index.module.js +5 -3
- package/dist/index.module.js.map +1 -1
- package/dist/styled.d.ts +75 -73
- package/dist/styled.d.ts.map +1 -1
- package/package.json +7 -7
- package/src/components/Carousel/index.tsx +5 -10
- package/src/hooks/index.ts +4 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAQvE,eAAO,MAAM,cAAc,KAAK,CAAA;AAChC;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,OAAO,CAAA;AAEtC,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,2BAA2B;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,WAAW,CAAA;CAC5B;AAED,oBAAY,qBAAqB,GAC7B;IAAE,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,GACvB;IACE,WAAW,EAAE,IAAI,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAEL,aAAK,uBAAuB,GAAG,2BAA2B,GACxD,qBAAqB,CAAA;AAEvB,aAAK,KAAK,GAAG,uBAAuB,GAAG;IACrC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mBAAmB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAClD,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,WAAW,IAAI,IAAI,CAAA;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,YAAgB,EAChB,aAAkB,EAClB,YAAgB,EAChB,aAAa,EAAE,EAAE,KAAc,EAAE,MAAM,EAAE,YAAgB,EAAO,EAChE,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,gBAAqC,EACrC,GAAG,OAAO,EACX,EAAE,KAAK,eAiPP"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAa,MAAM,OAAO,CAAA;AAElD,eAAO,MAAM,yBAAyB,wBACuB,CAAA"}
|
package/dist/index.cjs
CHANGED
|
@@ -1093,6 +1093,8 @@ var isEdge = function isEdge() {
|
|
|
1093
1093
|
return navigator.userAgent.includes('Edge/');
|
|
1094
1094
|
};
|
|
1095
1095
|
|
|
1096
|
+
var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
|
|
1097
|
+
|
|
1096
1098
|
function unreachable(value) {
|
|
1097
1099
|
throw new Error(arguments.length === 0 ? 'unreachable' : "unreachable (" + JSON.stringify(value) + ")");
|
|
1098
1100
|
}
|
|
@@ -1370,7 +1372,7 @@ function Carousel(_ref) {
|
|
|
1370
1372
|
onResize(clientWidth);
|
|
1371
1373
|
}
|
|
1372
1374
|
}, [onResize]);
|
|
1373
|
-
|
|
1375
|
+
useIsomorphicLayoutEffect(function () {
|
|
1374
1376
|
var elm = ref.current;
|
|
1375
1377
|
var innerElm = innerRef.current;
|
|
1376
1378
|
|
|
@@ -1392,7 +1394,7 @@ function Carousel(_ref) {
|
|
|
1392
1394
|
};
|
|
1393
1395
|
}, [handleResize, handleScroll]); // 初期スクロールを行う
|
|
1394
1396
|
|
|
1395
|
-
|
|
1397
|
+
useIsomorphicLayoutEffect(function () {
|
|
1396
1398
|
if (align !== 'left' || scrollOffset !== 0) {
|
|
1397
1399
|
var scroll = ref.current;
|
|
1398
1400
|
|
|
@@ -1418,7 +1420,7 @@ function Carousel(_ref) {
|
|
|
1418
1420
|
disableGradient = _useState4[0],
|
|
1419
1421
|
setDisableGradient = _useState4[1];
|
|
1420
1422
|
|
|
1421
|
-
|
|
1423
|
+
useIsomorphicLayoutEffect(function () {
|
|
1422
1424
|
if (isEdge()) {
|
|
1423
1425
|
setDisableGradient(true);
|
|
1424
1426
|
}
|