@cleartrip/ct-design-horizontal-scroll 4.0.0 → 5.1.0

package/dist/ct-design-horizontal-scroll.esm.js

@@ -1,139 +1,56 @@
-import { __makeTemplateObject, __assign } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, useRef } from 'react';
+import { css } from '@emotion/css';
 import { Container } from '@cleartrip/ct-design-container';
-import styled, { css } from 'styled-components';
-import { LeftChevronWithBoundingBox, RightChevronWithBoundingBox } from '@cleartrip/ct-design-icons';
-import { useTheme } from '@cleartrip/ct-design-theme';
-import { debounce } from '@cleartrip/ct-design-common-utils';
-import { HOVER_TYPE } from '@cleartrip/ct-design-tooltip-v2';
+import useMergeRefs from '@cleartrip/ct-design-use-merge-refs';
+import { useWebMergeStyles } from '@cleartrip/ct-design-style-manager';
 
-var StyledRightShadow = styled.div(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n\tposition: absolute;\n\tright: 0;\n\ttop: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n\theight: 100%;\n\twidth: ", ";\n\tz-index: 10;\n\tbackground: ", ";\n\t\t", "\n"], ["\n\tposition: absolute;\n\tright: 0;\n\ttop: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n\theight: 100%;\n\twidth: ", ";\n\tz-index: 10;\n\tbackground: ", ";\n\t\t", "\n"])), function (_a) {
-    var width = _a.width;
-    return width || '64px';
-}, function (_a) {
-    var shadowGradientStyle = _a.shadowGradientStyle;
-    return (shadowGradientStyle === null || shadowGradientStyle === void 0 ? void 0 : shadowGradientStyle.right) || "linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%)";
-}, function (_a) {
-    var css$1 = _a.css;
-    return css$1 && css(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n\t", "\n "], ["\n\t", "\n "])), css$1);
-});
-var templateObject_1$2, templateObject_2$2;
-
-var StyledLeftShadow = styled.div(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n    position: absolute;\n    left: 0;\n    top: 0;\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    height: 100%;\n    width: ", ";\n    z-index: 10;\n    background: ", ";\n        ", "\n"], ["\n    position: absolute;\n    left: 0;\n    top: 0;\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    height: 100%;\n    width: ", ";\n    z-index: 10;\n    background: ", ";\n        ", "\n"])), function (_a) {
-    var width = _a.width;
-    return width || '64px';
-}, function (_a) {
-    var shadowGradientStyle = _a.shadowGradientStyle;
-    return (shadowGradientStyle === null || shadowGradientStyle === void 0 ? void 0 : shadowGradientStyle.left) || "linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%)";
-}, function (_a) {
-    var css$1 = _a.css;
-    return css$1 && css(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n\t", "\n "], ["\n\t", "\n "])), css$1);
-});
-var templateObject_1$1, templateObject_2$1;
+const horizontalScrollStyles = css `
+  display: flex;
+  white-space: no-wrap;
+  overflow-x: auto;
+  scroll-behavior: smooth;
+  -webkit-tap-highlight-color: transparent;
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* Internet Explorer 10+ */
 
-var StyledHorizontalScroll = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\tdisplay: flex;\n\twhite-space: no-wrap;\n\toverflow-x: auto;\n    scroll-behavior: smooth;\n\t-webkit-tap-highlight-color: transparent;\n\tscrollbar-width: none; /* Firefox */\n\t-ms-overflow-style: none; /* Internet Explorer 10+ */\n\n\t&::-webkit-scrollbar {\n\t\t/* WebKit */\n\t\tdisplay: none;\n\t}\n\t", "\n"], ["\n\tdisplay: flex;\n\twhite-space: no-wrap;\n\toverflow-x: auto;\n    scroll-behavior: smooth;\n\t-webkit-tap-highlight-color: transparent;\n\tscrollbar-width: none; /* Firefox */\n\t-ms-overflow-style: none; /* Internet Explorer 10+ */\n\n\t&::-webkit-scrollbar {\n\t\t/* WebKit */\n\t\tdisplay: none;\n\t}\n\t", "\n"])), function (_a) {
-    var css$1 = _a.css;
-    return css$1 && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t", "\n "], ["\n\t", "\n "])), css$1);
+  &::-webkit-scrollbar {
+    /* WebKit */
+    display: none;
+  }
+`;
+const HorizontalScroll = forwardRef(({ children, styleConfig = {}, onScroll }, forwardRef) => {
+    const { root, childContainer } = styleConfig;
+    const horizontalScrollRef = useRef(null);
+    const parentContainerRef = useRef(null);
+    const childContainerRef = useRef(null);
+    const combinedParentContainerRef = useMergeRefs(parentContainerRef, forwardRef);
+    const combinedParenAndChildContainerRef = useMergeRefs(parentContainerRef, childContainerRef);
+    const rootStyles = useWebMergeStyles([...(root || []), horizontalScrollStyles], [root]);
+    const handleScroll = (event) => {
+        onScroll === null || onScroll === void 0 ? void 0 : onScroll({
+            nativeEvent: {
+                contentOffset: { x: event.currentTarget.scrollLeft, y: event.currentTarget.scrollTop },
+                layoutMeasurement: { height: event.currentTarget.clientHeight, width: event.currentTarget.clientWidth },
+                contentSize: { height: event.currentTarget.scrollHeight, width: event.currentTarget.scrollWidth },
+            },
+        });
+    };
+    return (jsx("div", { ref: horizontalScrollRef, onScroll: handleScroll, children: jsx("div", { ref: combinedParentContainerRef, className: rootStyles, children: jsx(Container, { styleConfig: { root: childContainer }, ref: combinedParenAndChildContainerRef, children: children }) }) }));
 });
-var templateObject_1, templateObject_2;
+HorizontalScroll.displayName = 'HorizontalScroll';
 
+var ARROW_DIRECTION;
+(function (ARROW_DIRECTION) {
+    ARROW_DIRECTION["LEFT"] = "LEFT";
+    ARROW_DIRECTION["RIGHT"] = "RIGHT";
+})(ARROW_DIRECTION || (ARROW_DIRECTION = {}));
 var ARROW_SIZE;
 (function (ARROW_SIZE) {
     ARROW_SIZE["SM"] = "sm";
     ARROW_SIZE["MD"] = "md";
     ARROW_SIZE["LG"] = "lg";
 })(ARROW_SIZE || (ARROW_SIZE = {}));
-var ARROW_DIRECTION;
-(function (ARROW_DIRECTION) {
-    ARROW_DIRECTION["LEFT"] = "LEFT";
-    ARROW_DIRECTION["RIGHT"] = "RIGHT";
-})(ARROW_DIRECTION || (ARROW_DIRECTION = {}));
-
-var FLEX_RIGHT_PRECISION = 5;
-var HorizontalScroll = function (_a) {
-    var children = _a.children, showShadow = _a.showShadow, showArrow = _a.showArrow, className = _a.className, containerClassname = _a.containerClassname, childrenClassname = _a.childrenClassname, shadowWidth = _a.shadowWidth, _b = _a.arrowSize, arrowSize = _b === void 0 ? ARROW_SIZE.MD : _b, shadowGradientStyle = _a.shadowGradientStyle, _c = _a.styleConfig, styleConfig = _c === void 0 ? {} : _c;
-    var _d = shadowWidth || {}, leftShadowWidth = _d.left, rightShadowWidth = _d.right;
-    var theme = useTheme();
-    var childrenContainer = styleConfig.childrenContainer, leftChevron = styleConfig.leftChevron, leftShadowContainer = styleConfig.leftShadowContainer, leftShadowWrapper = styleConfig.leftShadowWrapper, rightChevron = styleConfig.rightChevron, rightShadowContainer = styleConfig.rightShadowContainer, rightShadowWrapper = styleConfig.rightShadowWrapper, root = styleConfig.root, scrollWrapper = styleConfig.scrollWrapper;
-    var _e = useState(false), isHovering = _e[0], setIsHovering = _e[1];
-    var _f = useState({
-        left: false,
-        right: false,
-    }), shadowDirection = _f[0], setShadowDirection = _f[1];
-    var horizontalScrollRef = useRef(null);
-    var parentContainerRef = useRef(null);
-    var childContainerRef = useRef(null);
-    var updateArrowIcons = function () {
-        if (horizontalScrollRef.current && childContainerRef.current) {
-            var _a = horizontalScrollRef.current.getBoundingClientRect(), horizontalScrollRight = _a.right, horizontalScrollLeft = _a.left;
-            var _b = childContainerRef.current.getBoundingClientRect(), childContainerRight = _b.right, childContainerLeft = _b.left;
-            if (childContainerLeft - horizontalScrollLeft < -FLEX_RIGHT_PRECISION) {
-                setShadowDirection(function (prevState) { return (__assign(__assign({}, prevState), { left: true })); });
-            }
-            else {
-                setShadowDirection(function (prevState) { return (__assign(__assign({}, prevState), { left: false })); });
-            }
-            if (childContainerRight - horizontalScrollRight > FLEX_RIGHT_PRECISION) {
-                setShadowDirection(function (prevState) { return (__assign(__assign({}, prevState), { right: true })); });
-            }
-            else {
-                setShadowDirection(function (prevState) { return (__assign(__assign({}, prevState), { right: false })); });
-            }
-        }
-    };
-    useEffect(function () {
-        var _a;
-        setTimeout(updateArrowIcons, 200);
-        var callback = debounce(updateArrowIcons, 200);
-        (_a = parentContainerRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('scroll', callback);
-        return function () {
-            var _a;
-            (_a = parentContainerRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', callback);
-        };
-    }, []);
-    var onHover = useCallback(function (type) { return function () {
-        if (type === HOVER_TYPE.ENTER) {
-            setIsHovering(true);
-        }
-        else {
-            setIsHovering(false);
-        }
-    }; }, []);
-    var onArrowClick = function (arrowDirection) { return function () {
-        if (parentContainerRef.current && horizontalScrollRef.current) {
-            var parentContainerElement = parentContainerRef.current;
-            var horizontalScrollWidth = horizontalScrollRef.current.getBoundingClientRect().width;
-            if (arrowDirection === ARROW_DIRECTION.RIGHT) {
-                parentContainerElement.scrollLeft = parentContainerElement.scrollLeft + horizontalScrollWidth / 2;
-            }
-            else {
-                parentContainerElement.scrollLeft = parentContainerElement.scrollLeft - horizontalScrollWidth / 2;
-            }
-        }
-    }; };
-    var arrowDimension = useMemo(function () {
-        switch (arrowSize) {
-            case ARROW_SIZE.SM: {
-                return theme.size[6];
-            }
-            case ARROW_SIZE.MD: {
-                return theme.size[6];
-            }
-            case ARROW_SIZE.LG: {
-                return theme.size[10];
-            }
-            default: {
-                return theme.size[6];
-            }
-        }
-    }, [arrowSize]);
-    return (jsxs(Container, __assign({ position: 'relative', onMouseEnter: onHover(HOVER_TYPE.ENTER), onMouseLeave: onHover(HOVER_TYPE.LEAVE), className: containerClassname, ref: horizontalScrollRef }, root, { children: [showShadow && shadowDirection.left && (jsx(StyledLeftShadow, __assign({ width: leftShadowWidth, shadowGradientStyle: shadowGradientStyle }, leftShadowWrapper, { children: showArrow && isHovering && (jsx(Container, __assign({ display: 'flex', justifyContent: 'center', alignItems: 'center', cursor: 'pointer', paddingLeft: theme.spacing[4], onClick: onArrowClick(ARROW_DIRECTION.LEFT) }, leftShadowContainer, { children: jsx(LeftChevronWithBoundingBox, __assign({ height: arrowDimension, width: arrowDimension }, leftChevron)) }))) }))), jsx(StyledHorizontalScroll, __assign({ ref: parentContainerRef, className: (scrollWrapper === null || scrollWrapper === void 0 ? void 0 : scrollWrapper.className) || className, css: scrollWrapper === null || scrollWrapper === void 0 ? void 0 : scrollWrapper.css }, { children: jsx(Container, __assign({ className: (childrenContainer === null || childrenContainer === void 0 ? void 0 : childrenContainer.className) || childrenClassname, ref: childContainerRef, css: childrenContainer === null || childrenContainer === void 0 ? void 0 : childrenContainer.css, display: 'flex' }, { children: children })) })), showShadow && shadowDirection.right && (jsx(StyledRightShadow, __assign({ width: rightShadowWidth, shadowGradientStyle: shadowGradientStyle }, rightShadowWrapper, { children: showArrow && isHovering && (jsx(Container, __assign({ display: 'flex', justifyContent: 'center', alignItems: 'center', cursor: 'pointer', paddingRight: theme.spacing[4], onClick: onArrowClick(ARROW_DIRECTION.RIGHT) }, rightShadowContainer, { children: jsx(RightChevronWithBoundingBox, __assign({ height: arrowDimension, width: arrowDimension }, rightChevron)) }))) })))] })));
-};
-HorizontalScroll.defaultProps = {
-    children: null,
-    className: '',
-};
 
-export { ARROW_DIRECTION, ARROW_SIZE, HorizontalScroll, StyledHorizontalScroll };
+export { ARROW_DIRECTION, ARROW_SIZE, HorizontalScroll };
 //# sourceMappingURL=ct-design-horizontal-scroll.esm.js.map

package/dist/ct-design-horizontal-scroll.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-horizontal-scroll.esm.js","sources":["../packages/components/HorizontalScroll/src/StyledRightShadow/StyledRightShadow.tsx","../packages/components/HorizontalScroll/src/StyledLeftShadow/StyledLeftShadow.tsx","../packages/components/HorizontalScroll/src/StyledHorizontalScroll/StyledHorizontalScroll.tsx","../packages/components/HorizontalScroll/src/type.ts","../packages/components/HorizontalScroll/src/HorizontalScroll.tsx"],"sourcesContent":[null,null,null,null,null],"names":["templateObject_2","css","CSS","templateObject_1","_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"ct-design-horizontal-scroll.esm.js","sources":["../packages/components/HorizontalScroll/src/HorizontalScroll.tsx","../packages/components/HorizontalScroll/src/constants.ts"],"sourcesContent":[null,null],"names":["_jsx"],"mappings":";;;;;;;AAWA,MAAM,sBAAsB,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;CAajC,CAAC;AAEF,MAAM,gBAAgB,GAAG,UAAU,CACjC,CAAC,EAAE,QAAQ,EAAE,WAAW,GAAG,EAAE,EAAE,QAAQ,EAAE,EAAE,UAAU,KAAI;AACvD,IAAA,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,WAAW,CAAC;AAE7C,IAAA,MAAM,mBAAmB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AACzD,IAAA,MAAM,kBAAkB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AACxD,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IACpD,MAAM,0BAA0B,GAAG,YAAY,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;IAChF,MAAM,iCAAiC,GAAG,YAAY,CAAC,kBAAkB,EAAE,iBAAiB,CAAC,CAAC;AAE9F,IAAA,MAAM,UAAU,GAAG,iBAAiB,CAAC,CAAC,IAAI,IAAI,IAAI,EAAE,CAAC,EAAE,sBAAsB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AAExF,IAAA,MAAM,YAAY,GAAG,CAAC,KAAoC,KAAI;AAC5D,QAAA,QAAQ,KAAR,IAAA,IAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,QAAQ,CAAG;AACT,YAAA,WAAW,EAAE;AACX,gBAAA,aAAa,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACtF,gBAAA,iBAAiB,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE;AACvG,gBAAA,WAAW,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE;AAClG,aAAA;AACF,SAAA,CAAC,CAAC;AACL,KAAC,CAAC;AAEF,IAAA,QACEA,GAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,mBAAmB,EAAE,QAAQ,EAAE,YAAY,EAAA,QAAA,EACnDA,aAAK,GAAG,EAAE,0BAA0B,EAAE,SAAS,EAAE,UAAU,EAAA,QAAA,EACzDA,GAAC,CAAA,SAAS,IAAC,WAAW,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,GAAG,EAAE,iCAAiC,EACrF,QAAA,EAAA,QAAQ,GACC,EACR,CAAA,EAAA,CACF,EACN;AACJ,CAAC,EACD;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;IC5DrC,gBAGX;AAHD,CAAA,UAAY,eAAe,EAAA;AACzB,IAAA,eAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACb,IAAA,eAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EAHW,eAAe,KAAf,eAAe,GAG1B,EAAA,CAAA,CAAA,CAAA;IAEW,WAIX;AAJD,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,IAAA,CAAA,GAAA,IAAS,CAAA;AACT,IAAA,UAAA,CAAA,IAAA,CAAA,GAAA,IAAS,CAAA;AACT,IAAA,UAAA,CAAA,IAAA,CAAA,GAAA,IAAS,CAAA;AACX,CAAC,EAJW,UAAU,KAAV,UAAU,GAIrB,EAAA,CAAA,CAAA;;;;"}