@cleartrip/ct-design-horizontal-scroll 1.1.0 → 1.2.0-beta.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/ct-design-horizontal-scroll.browser.cjs.js +1 -1
- package/dist/ct-design-horizontal-scroll.browser.cjs.js.map +1 -1
- package/dist/ct-design-horizontal-scroll.browser.esm.js +1 -1
- package/dist/ct-design-horizontal-scroll.browser.esm.js.map +1 -1
- package/dist/ct-design-horizontal-scroll.cjs.js +37 -22
- package/dist/ct-design-horizontal-scroll.cjs.js.map +1 -1
- package/dist/ct-design-horizontal-scroll.esm.js +37 -21
- package/dist/ct-design-horizontal-scroll.esm.js.map +1 -1
- package/dist/ct-design-horizontal-scroll.umd.js +49 -860
- package/dist/ct-design-horizontal-scroll.umd.js.map +1 -1
- package/dist/src/HorizontalScroll.d.ts.map +1 -1
- package/dist/src/StyledHorizontalScroll/StyledHorizontalScroll.d.ts +4 -1
- package/dist/src/StyledHorizontalScroll/StyledHorizontalScroll.d.ts.map +1 -1
- package/dist/src/StyledLeftShadow/StyledLeftShadow.d.ts +4 -1
- package/dist/src/StyledLeftShadow/StyledLeftShadow.d.ts.map +1 -1
- package/dist/src/StyledRightShadow/StyledRightShadow.d.ts +4 -1
- package/dist/src/StyledRightShadow/StyledRightShadow.d.ts.map +1 -1
- package/dist/src/type.d.ts +6 -4
- package/dist/src/type.d.ts.map +1 -1
- package/dist/stats.html +1 -1
- package/package.json +6 -6
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var t=require("tslib"),n=require("react/jsx-runtime"),e=require("react"),r=require("@cleartrip/ct-design-container"),i=require("styled-components"),s=require("@cleartrip/ct-design-icons"),o=require("@cleartrip/ct-design-theme"),l=require("@cleartrip/ct-design-common-utils"),a=require("@cleartrip/ct-design-tooltip-v2");function c(t){return t&&t.__esModule?t:{default:t}}var u,d,f,h,g,p,_,x,R=c(i),v=R.default.div(d||(d=t.__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(t){return t.width||"64px"}),(function(t){var n=t.shadowGradientStyle;return(null==n?void 0:n.right)||"linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%)"}),(function(n){var e=n.css;return e&&i.css(u||(u=t.__makeTemplateObject(["\n\t","\n "],["\n\t","\n "])),e)})),m=R.default.div(h||(h=t.__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(t){return t.width||"64px"}),(function(t){var n=t.shadowGradientStyle;return(null==n?void 0:n.left)||"linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%)"}),(function(n){var e=n.css;return e&&i.css(f||(f=t.__makeTemplateObject(["\n\t","\n "],["\n\t","\n "])),e)})),w=R.default.div(p||(p=t.__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(n){var e=n.css;return e&&i.css(g||(g=t.__makeTemplateObject(["\n\t","\n "],["\n\t","\n "])),e)}));exports.ARROW_SIZE=void 0,(_=exports.ARROW_SIZE||(exports.ARROW_SIZE={})).SM="sm",_.MD="md",_.LG="lg",exports.ARROW_DIRECTION=void 0,(x=exports.ARROW_DIRECTION||(exports.ARROW_DIRECTION={})).LEFT="LEFT",x.RIGHT="RIGHT";var E=function(i){var c=i.children,u=i.showShadow,d=i.showArrow,f=i.className,h=i.containerClassname,g=i.childrenClassname,p=i.shadowWidth,_=i.arrowSize,x=void 0===_?exports.ARROW_SIZE.MD:_,R=i.shadowGradientStyle,E=i.styleConfig,b=void 0===E?{}:E,C=p||{},O=C.left,y=C.right,I=o.useTheme(),T=b.childrenContainer,S=b.leftChevron,j=b.leftShadowContainer,W=b.leftShadowWrapper,k=b.rightChevron,A=b.rightShadowContainer,L=b.rightShadowWrapper,N=b.root,F=b.scrollWrapper,G=e.useState(!1),z=G[0],q=G[1],D=e.useState({left:!1,right:!1}),H=D[0],M=D[1],B=e.useRef(null),Z=e.useRef(null),P=e.useRef(null),V=function(){if(B.current&&P.current){var n=B.current.getBoundingClientRect(),e=n.right,r=n.left,i=P.current.getBoundingClientRect(),s=i.right,o=i.left;M(o-r<-5?function(n){return t.__assign(t.__assign({},n),{left:!0})}:function(n){return t.__assign(t.__assign({},n),{left:!1})}),M(s-e>5?function(n){return t.__assign(t.__assign({},n),{right:!0})}:function(n){return t.__assign(t.__assign({},n),{right:!1})})}};e.useEffect((function(){var t;setTimeout(V,200);var n=l.debounce(V,200);return null===(t=Z.current)||void 0===t||t.addEventListener("scroll",n),function(){var t;null===(t=Z.current)||void 0===t||t.removeEventListener("scroll",n)}}),[]);var Y=e.useCallback((function(t){return function(){t===a.HOVER_TYPE.ENTER?q(!0):q(!1)}}),[]),K=function(t){return function(){if(Z.current&&B.current){var n=Z.current,e=B.current.getBoundingClientRect().width;t===exports.ARROW_DIRECTION.RIGHT?n.scrollLeft=n.scrollLeft+e/2:n.scrollLeft=n.scrollLeft-e/2}}},J=e.useMemo((function(){switch(x){case exports.ARROW_SIZE.SM:case exports.ARROW_SIZE.MD:return I.size[6];case exports.ARROW_SIZE.LG:return I.size[10];default:return I.size[6]}}),[x]);return n.jsxs(r.Container,t.__assign({position:"relative",onMouseEnter:Y(a.HOVER_TYPE.ENTER),onMouseLeave:Y(a.HOVER_TYPE.LEAVE),className:h,ref:B},N,{children:[u&&H.left&&n.jsx(m,t.__assign({width:O,shadowGradientStyle:R},W,{children:d&&z&&n.jsx(r.Container,t.__assign({display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer",paddingLeft:I.spacing[4],onClick:K(exports.ARROW_DIRECTION.LEFT)},j,{children:n.jsx(s.LeftChevronWithBoundingBox,t.__assign({height:J,width:J},S))}))})),n.jsx(w,t.__assign({ref:Z,className:(null==F?void 0:F.className)||f,css:null==F?void 0:F.css},{children:n.jsx(r.Container,t.__assign({className:(null==T?void 0:T.className)||g,ref:P,css:null==T?void 0:T.css,display:"flex"},{children:c}))})),u&&H.right&&n.jsx(v,t.__assign({width:y,shadowGradientStyle:R},L,{children:d&&z&&n.jsx(r.Container,t.__assign({display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer",paddingRight:I.spacing[4],onClick:K(exports.ARROW_DIRECTION.RIGHT)},A,{children:n.jsx(s.RightChevronWithBoundingBox,t.__assign({height:J,width:J},k))}))}))]}))};E.defaultProps={children:null,className:""},exports.HorizontalScroll=E,exports.StyledHorizontalScroll=w;
|
|
2
2
|
//# sourceMappingURL=ct-design-horizontal-scroll.browser.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-horizontal-scroll.browser.cjs.js","sources":["../../packages/components/HorizontalScroll/src/type.ts","../../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/HorizontalScroll.tsx"],"sourcesContent":[null,null,null,null,null],"names":["ARROW_SIZE","ARROW_DIRECTION","StyledRightShadow","styled","
|
|
1
|
+
{"version":3,"file":"ct-design-horizontal-scroll.browser.cjs.js","sources":["../../packages/components/HorizontalScroll/src/type.ts","../../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/HorizontalScroll.tsx"],"sourcesContent":[null,null,null,null,null],"names":["ARROW_SIZE","ARROW_DIRECTION","StyledRightShadow","styled","div","templateObject_2","__makeTemplateObject","_a","width","shadowGradientStyle","right","css","CSS","templateObject_1","StyledLeftShadow","left","StyledHorizontalScroll","default","HorizontalScroll","children","showShadow","showArrow","className","containerClassname","childrenClassname","shadowWidth","_b","arrowSize","MD","_c","styleConfig","_d","leftShadowWidth","rightShadowWidth","theme","useTheme","childrenContainer","leftChevron","leftShadowContainer","leftShadowWrapper","rightChevron","rightShadowContainer","rightShadowWrapper","root","scrollWrapper","_e","useState","isHovering","setIsHovering","_f","shadowDirection","setShadowDirection","horizontalScrollRef","useRef","parentContainerRef","childContainerRef","updateArrowIcons","current","getBoundingClientRect","horizontalScrollRight","horizontalScrollLeft","childContainerRight","childContainerLeft","prevState","__assign","useEffect","setTimeout","callback","debounce","addEventListener","removeEventListener","onHover","useCallback","type","HOVER_TYPE","ENTER","onArrowClick","arrowDirection","parentContainerElement","horizontalScrollWidth","RIGHT","scrollLeft","arrowDimension","useMemo","SM","size","LG","_jsxs","Container","position","onMouseEnter","onMouseLeave","LEAVE","ref","_jsx","display","justifyContent","alignItems","cursor","paddingLeft","spacing","onClick","LEFT","LeftChevronWithBoundingBox","height","jsx","paddingRight","RightChevronWithBoundingBox","defaultProps"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n,__assign as t}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as i,useRef as o,useEffect as l,useCallback as a,useMemo as s}from"react";import{Container as c}from"@cleartrip/ct-design-container";import d from"styled-components";import{
|
|
1
|
+
import{__makeTemplateObject as n,__assign as t}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as i,useRef as o,useEffect as l,useCallback as a,useMemo as s}from"react";import{Container as c}from"@cleartrip/ct-design-container";import d,{css as u}from"styled-components";import{LeftChevronWithBoundingBox as f,RightChevronWithBoundingBox as h}from"@cleartrip/ct-design-icons";import{useTheme as p}from"@cleartrip/ct-design-theme";import{debounce as g}from"@cleartrip/ct-design-common-utils";import{HOVER_TYPE as m}from"@cleartrip/ct-design-tooltip-v2";var v,w,x,y,b,C,E,L,S=d.div(w||(w=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"],["\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(n){return n.width||"64px"}),(function(n){var t=n.shadowGradientStyle;return(null==t?void 0:t.right)||"linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%)"}),(function(t){var e=t.css;return e&&u(v||(v=n(["\n\t","\n "],["\n\t","\n "])),e)})),F=d.div(y||(y=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"],["\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(n){return n.width||"64px"}),(function(n){var t=n.shadowGradientStyle;return(null==t?void 0:t.left)||"linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%)"}),(function(t){var e=t.css;return e&&u(x||(x=n(["\n\t","\n "],["\n\t","\n "])),e)})),G=d.div(C||(C=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"],["\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(t){var e=t.css;return e&&u(b||(b=n(["\n\t","\n "],["\n\t","\n "])),e)}));!function(n){n.SM="sm",n.MD="md",n.LG="lg"}(E||(E={})),function(n){n.LEFT="LEFT",n.RIGHT="RIGHT"}(L||(L={}));var k=function(n){var d=n.children,u=n.showShadow,v=n.showArrow,w=n.className,x=n.containerClassname,y=n.childrenClassname,b=n.shadowWidth,C=n.arrowSize,k=void 0===C?E.MD:C,R=n.shadowGradientStyle,T=n.styleConfig,N=void 0===T?{}:T,z=b||{},I=z.left,j=z.right,M=p(),W=N.childrenContainer,H=N.leftChevron,B=N.leftShadowContainer,D=N.leftShadowWrapper,A=N.rightChevron,K=N.rightShadowContainer,P=N.rightShadowWrapper,V=N.root,q=N.scrollWrapper,J=i(!1),O=J[0],Q=J[1],U=i({left:!1,right:!1}),X=U[0],Y=U[1],Z=o(null),$=o(null),_=o(null),nn=function(){if(Z.current&&_.current){var n=Z.current.getBoundingClientRect(),e=n.right,r=n.left,i=_.current.getBoundingClientRect(),o=i.right,l=i.left;Y(l-r<-5?function(n){return t(t({},n),{left:!0})}:function(n){return t(t({},n),{left:!1})}),Y(o-e>5?function(n){return t(t({},n),{right:!0})}:function(n){return t(t({},n),{right:!1})})}};l((function(){var n;setTimeout(nn,200);var t=g(nn,200);return null===(n=$.current)||void 0===n||n.addEventListener("scroll",t),function(){var n;null===(n=$.current)||void 0===n||n.removeEventListener("scroll",t)}}),[]);var tn=a((function(n){return function(){n===m.ENTER?Q(!0):Q(!1)}}),[]),en=function(n){return function(){if($.current&&Z.current){var t=$.current,e=Z.current.getBoundingClientRect().width;n===L.RIGHT?t.scrollLeft=t.scrollLeft+e/2:t.scrollLeft=t.scrollLeft-e/2}}},rn=s((function(){switch(k){case E.SM:case E.MD:return M.size[6];case E.LG:return M.size[10];default:return M.size[6]}}),[k]);return e(c,t({position:"relative",onMouseEnter:tn(m.ENTER),onMouseLeave:tn(m.LEAVE),className:x,ref:Z},V,{children:[u&&X.left&&r(F,t({width:I,shadowGradientStyle:R},D,{children:v&&O&&r(c,t({display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer",paddingLeft:M.spacing[4],onClick:en(L.LEFT)},B,{children:r(f,t({height:rn,width:rn},H))}))})),r(G,t({ref:$,className:(null==q?void 0:q.className)||w,css:null==q?void 0:q.css},{children:r(c,t({className:(null==W?void 0:W.className)||y,ref:_,css:null==W?void 0:W.css,display:"flex"},{children:d}))})),u&&X.right&&r(S,t({width:j,shadowGradientStyle:R},P,{children:v&&O&&r(c,t({display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer",paddingRight:M.spacing[4],onClick:en(L.RIGHT)},K,{children:r(h,t({height:rn,width:rn},A))}))}))]}))};k.defaultProps={children:null,className:""};export{L as ARROW_DIRECTION,E as ARROW_SIZE,k as HorizontalScroll,G as StyledHorizontalScroll};
|
|
2
2
|
//# sourceMappingURL=ct-design-horizontal-scroll.browser.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-horizontal-scroll.browser.esm.js","sources":["../../packages/components/HorizontalScroll/src/StyledRightShadow/StyledRightShadow.tsx","../../packages/components/HorizontalScroll/src/type.ts","../../packages/components/HorizontalScroll/src/StyledLeftShadow/StyledLeftShadow.tsx","../../packages/components/HorizontalScroll/src/StyledHorizontalScroll/StyledHorizontalScroll.tsx","../../packages/components/HorizontalScroll/src/HorizontalScroll.tsx"],"sourcesContent":[null,null,null,null,null],"names":["ARROW_SIZE","ARROW_DIRECTION","StyledRightShadow","styled","div","
|
|
1
|
+
{"version":3,"file":"ct-design-horizontal-scroll.browser.esm.js","sources":["../../packages/components/HorizontalScroll/src/StyledRightShadow/StyledRightShadow.tsx","../../packages/components/HorizontalScroll/src/type.ts","../../packages/components/HorizontalScroll/src/StyledLeftShadow/StyledLeftShadow.tsx","../../packages/components/HorizontalScroll/src/StyledHorizontalScroll/StyledHorizontalScroll.tsx","../../packages/components/HorizontalScroll/src/HorizontalScroll.tsx"],"sourcesContent":[null,null,null,null,null],"names":["ARROW_SIZE","ARROW_DIRECTION","StyledRightShadow","styled","div","templateObject_2","__makeTemplateObject","_a","width","shadowGradientStyle","right","css","CSS","templateObject_1","StyledLeftShadow","left","StyledHorizontalScroll","HorizontalScroll","children","showShadow","showArrow","className","containerClassname","childrenClassname","shadowWidth","_b","arrowSize","MD","_c","styleConfig","_d","leftShadowWidth","rightShadowWidth","theme","useTheme","childrenContainer","leftChevron","leftShadowContainer","leftShadowWrapper","rightChevron","rightShadowContainer","rightShadowWrapper","root","scrollWrapper","_e","useState","isHovering","setIsHovering","_f","shadowDirection","setShadowDirection","horizontalScrollRef","useRef","parentContainerRef","childContainerRef","updateArrowIcons","current","getBoundingClientRect","horizontalScrollRight","horizontalScrollLeft","childContainerRight","childContainerLeft","prevState","__assign","useEffect","setTimeout","callback","debounce","addEventListener","removeEventListener","onHover","useCallback","type","HOVER_TYPE","ENTER","onArrowClick","arrowDirection","parentContainerElement","horizontalScrollWidth","RIGHT","scrollLeft","arrowDimension","useMemo","SM","size","LG","_jsxs","Container","position","onMouseEnter","onMouseLeave","LEAVE","ref","_jsx","display","justifyContent","alignItems","cursor","paddingLeft","spacing","onClick","LEFT","LeftChevronWithBoundingBox","height","paddingRight","RightChevronWithBoundingBox","defaultProps"],"mappings":"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"}
|
|
@@ -5,35 +5,44 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
5
5
|
var react = require('react');
|
|
6
6
|
var ctDesignContainer = require('@cleartrip/ct-design-container');
|
|
7
7
|
var styled = require('styled-components');
|
|
8
|
-
var ctDesignTooltipV2 = require('@cleartrip/ct-design-tooltip-v2');
|
|
9
8
|
var ctDesignIcons = require('@cleartrip/ct-design-icons');
|
|
10
|
-
var
|
|
9
|
+
var ctDesignTheme = require('@cleartrip/ct-design-theme');
|
|
10
|
+
var ctDesignCommonUtils = require('@cleartrip/ct-design-common-utils');
|
|
11
|
+
var ctDesignTooltipV2 = require('@cleartrip/ct-design-tooltip-v2');
|
|
11
12
|
|
|
12
13
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
14
|
|
|
14
15
|
var styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
15
|
-
var useTheme__default = /*#__PURE__*/_interopDefault(useTheme);
|
|
16
16
|
|
|
17
|
-
var StyledRightShadow = styled__default.default.div(
|
|
17
|
+
var StyledRightShadow = styled__default.default.div(templateObject_2$2 || (templateObject_2$2 = tslib.__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) {
|
|
18
18
|
var width = _a.width;
|
|
19
19
|
return width || '64px';
|
|
20
20
|
}, function (_a) {
|
|
21
21
|
var shadowGradientStyle = _a.shadowGradientStyle;
|
|
22
22
|
return (shadowGradientStyle === null || shadowGradientStyle === void 0 ? void 0 : shadowGradientStyle.right) || "linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%)";
|
|
23
|
+
}, function (_a) {
|
|
24
|
+
var css = _a.css;
|
|
25
|
+
return css && styled.css(templateObject_1$2 || (templateObject_1$2 = tslib.__makeTemplateObject(["\n\t", "\n "], ["\n\t", "\n "])), css);
|
|
23
26
|
});
|
|
24
|
-
var templateObject_1$2;
|
|
27
|
+
var templateObject_1$2, templateObject_2$2;
|
|
25
28
|
|
|
26
|
-
var StyledLeftShadow = styled__default.default.div(
|
|
29
|
+
var StyledLeftShadow = styled__default.default.div(templateObject_2$1 || (templateObject_2$1 = tslib.__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) {
|
|
27
30
|
var width = _a.width;
|
|
28
31
|
return width || '64px';
|
|
29
32
|
}, function (_a) {
|
|
30
33
|
var shadowGradientStyle = _a.shadowGradientStyle;
|
|
31
34
|
return (shadowGradientStyle === null || shadowGradientStyle === void 0 ? void 0 : shadowGradientStyle.left) || "linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%)";
|
|
35
|
+
}, function (_a) {
|
|
36
|
+
var css = _a.css;
|
|
37
|
+
return css && styled.css(templateObject_1$1 || (templateObject_1$1 = tslib.__makeTemplateObject(["\n\t", "\n "], ["\n\t", "\n "])), css);
|
|
32
38
|
});
|
|
33
|
-
var templateObject_1$1;
|
|
39
|
+
var templateObject_1$1, templateObject_2$1;
|
|
34
40
|
|
|
35
|
-
var StyledHorizontalScroll = styled__default.default.div(
|
|
36
|
-
var
|
|
41
|
+
var StyledHorizontalScroll = styled__default.default.div(templateObject_2 || (templateObject_2 = tslib.__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) {
|
|
42
|
+
var css = _a.css;
|
|
43
|
+
return css && styled.css(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n\t", "\n "], ["\n\t", "\n "])), css);
|
|
44
|
+
});
|
|
45
|
+
var templateObject_1, templateObject_2;
|
|
37
46
|
|
|
38
47
|
exports.ARROW_SIZE = void 0;
|
|
39
48
|
(function (ARROW_SIZE) {
|
|
@@ -47,15 +56,17 @@ exports.ARROW_DIRECTION = void 0;
|
|
|
47
56
|
ARROW_DIRECTION["RIGHT"] = "RIGHT";
|
|
48
57
|
})(exports.ARROW_DIRECTION || (exports.ARROW_DIRECTION = {}));
|
|
49
58
|
|
|
59
|
+
var FLEX_RIGHT_PRECISION = 5;
|
|
50
60
|
var HorizontalScroll = function (_a) {
|
|
51
|
-
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 ? exports.ARROW_SIZE.MD : _b, shadowGradientStyle = _a.shadowGradientStyle;
|
|
52
|
-
var
|
|
53
|
-
var theme =
|
|
54
|
-
var
|
|
55
|
-
var _e = react.useState(
|
|
61
|
+
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 ? exports.ARROW_SIZE.MD : _b, shadowGradientStyle = _a.shadowGradientStyle, _c = _a.styleConfig, styleConfig = _c === void 0 ? {} : _c;
|
|
62
|
+
var _d = shadowWidth || {}, leftShadowWidth = _d.left, rightShadowWidth = _d.right;
|
|
63
|
+
var theme = ctDesignTheme.useTheme();
|
|
64
|
+
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;
|
|
65
|
+
var _e = react.useState(false), isHovering = _e[0], setIsHovering = _e[1];
|
|
66
|
+
var _f = react.useState({
|
|
56
67
|
left: false,
|
|
57
68
|
right: false,
|
|
58
|
-
}), shadowDirection =
|
|
69
|
+
}), shadowDirection = _f[0], setShadowDirection = _f[1];
|
|
59
70
|
var horizontalScrollRef = react.useRef(null);
|
|
60
71
|
var parentContainerRef = react.useRef(null);
|
|
61
72
|
var childContainerRef = react.useRef(null);
|
|
@@ -63,13 +74,13 @@ var HorizontalScroll = function (_a) {
|
|
|
63
74
|
if (horizontalScrollRef.current && childContainerRef.current) {
|
|
64
75
|
var _a = horizontalScrollRef.current.getBoundingClientRect(), horizontalScrollRight = _a.right, horizontalScrollLeft = _a.left;
|
|
65
76
|
var _b = childContainerRef.current.getBoundingClientRect(), childContainerRight = _b.right, childContainerLeft = _b.left;
|
|
66
|
-
if (childContainerLeft <
|
|
77
|
+
if (childContainerLeft - horizontalScrollLeft < -FLEX_RIGHT_PRECISION) {
|
|
67
78
|
setShadowDirection(function (prevState) { return (tslib.__assign(tslib.__assign({}, prevState), { left: true })); });
|
|
68
79
|
}
|
|
69
80
|
else {
|
|
70
81
|
setShadowDirection(function (prevState) { return (tslib.__assign(tslib.__assign({}, prevState), { left: false })); });
|
|
71
82
|
}
|
|
72
|
-
if (childContainerRight >
|
|
83
|
+
if (childContainerRight - horizontalScrollRight > FLEX_RIGHT_PRECISION) {
|
|
73
84
|
setShadowDirection(function (prevState) { return (tslib.__assign(tslib.__assign({}, prevState), { right: true })); });
|
|
74
85
|
}
|
|
75
86
|
else {
|
|
@@ -78,7 +89,14 @@ var HorizontalScroll = function (_a) {
|
|
|
78
89
|
}
|
|
79
90
|
};
|
|
80
91
|
react.useEffect(function () {
|
|
81
|
-
|
|
92
|
+
var _a;
|
|
93
|
+
setTimeout(updateArrowIcons, 200);
|
|
94
|
+
var callback = ctDesignCommonUtils.debounce(updateArrowIcons, 200);
|
|
95
|
+
(_a = parentContainerRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('scroll', callback);
|
|
96
|
+
return function () {
|
|
97
|
+
var _a;
|
|
98
|
+
(_a = parentContainerRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', callback);
|
|
99
|
+
};
|
|
82
100
|
}, []);
|
|
83
101
|
var onHover = react.useCallback(function (type) { return function () {
|
|
84
102
|
if (type === ctDesignTooltipV2.HOVER_TYPE.ENTER) {
|
|
@@ -99,9 +117,6 @@ var HorizontalScroll = function (_a) {
|
|
|
99
117
|
parentContainerElement.scrollLeft = parentContainerElement.scrollLeft - horizontalScrollWidth / 2;
|
|
100
118
|
}
|
|
101
119
|
}
|
|
102
|
-
setTimeout(function () {
|
|
103
|
-
updateArrowIcons();
|
|
104
|
-
}, 200);
|
|
105
120
|
}; };
|
|
106
121
|
var arrowDimension = react.useMemo(function () {
|
|
107
122
|
switch (arrowSize) {
|
|
@@ -119,7 +134,7 @@ var HorizontalScroll = function (_a) {
|
|
|
119
134
|
}
|
|
120
135
|
}
|
|
121
136
|
}, [arrowSize]);
|
|
122
|
-
return (jsxRuntime.jsxs(ctDesignContainer.Container, tslib.__assign({ position: 'relative', onMouseEnter: onHover(ctDesignTooltipV2.HOVER_TYPE.ENTER), onMouseLeave: onHover(ctDesignTooltipV2.HOVER_TYPE.LEAVE), className: containerClassname, ref: horizontalScrollRef }, { children: [showShadow && shadowDirection.left && (jsxRuntime.jsx(StyledLeftShadow, tslib.__assign({ width: leftShadowWidth, shadowGradientStyle: shadowGradientStyle }, { children: showArrow && isHovering && (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ display: 'flex', justifyContent: 'center', alignItems: 'center', cursor: 'pointer', paddingLeft: theme.spacing[4], onClick: onArrowClick(exports.ARROW_DIRECTION.LEFT) }, { children: jsxRuntime.jsx(ctDesignIcons.LeftChevronWithBoundingBox, { height: arrowDimension, width: arrowDimension }) }))) }))), jsxRuntime.jsx(StyledHorizontalScroll, tslib.__assign({ ref: parentContainerRef, className: className }, { children: jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ className: childrenClassname, ref: childContainerRef, display: 'flex' }, { children: children })) })), showShadow && shadowDirection.right && (jsxRuntime.jsx(StyledRightShadow, tslib.__assign({ width: rightShadowWidth, shadowGradientStyle: shadowGradientStyle }, { children: showArrow && isHovering && (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ display: 'flex', justifyContent: 'center', alignItems: 'center', cursor: 'pointer', paddingRight: theme.spacing[4], onClick: onArrowClick(exports.ARROW_DIRECTION.RIGHT) }, { children: jsxRuntime.jsx(ctDesignIcons.RightChevronWithBoundingBox, { height: arrowDimension, width: arrowDimension }) }))) })))] })));
|
|
137
|
+
return (jsxRuntime.jsxs(ctDesignContainer.Container, tslib.__assign({ position: 'relative', onMouseEnter: onHover(ctDesignTooltipV2.HOVER_TYPE.ENTER), onMouseLeave: onHover(ctDesignTooltipV2.HOVER_TYPE.LEAVE), className: containerClassname, ref: horizontalScrollRef }, root, { children: [showShadow && shadowDirection.left && (jsxRuntime.jsx(StyledLeftShadow, tslib.__assign({ width: leftShadowWidth, shadowGradientStyle: shadowGradientStyle }, leftShadowWrapper, { children: showArrow && isHovering && (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ display: 'flex', justifyContent: 'center', alignItems: 'center', cursor: 'pointer', paddingLeft: theme.spacing[4], onClick: onArrowClick(exports.ARROW_DIRECTION.LEFT) }, leftShadowContainer, { children: jsxRuntime.jsx(ctDesignIcons.LeftChevronWithBoundingBox, tslib.__assign({ height: arrowDimension, width: arrowDimension }, leftChevron)) }))) }))), jsxRuntime.jsx(StyledHorizontalScroll, tslib.__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: jsxRuntime.jsx(ctDesignContainer.Container, tslib.__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 && (jsxRuntime.jsx(StyledRightShadow, tslib.__assign({ width: rightShadowWidth, shadowGradientStyle: shadowGradientStyle }, rightShadowWrapper, { children: showArrow && isHovering && (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ display: 'flex', justifyContent: 'center', alignItems: 'center', cursor: 'pointer', paddingRight: theme.spacing[4], onClick: onArrowClick(exports.ARROW_DIRECTION.RIGHT) }, rightShadowContainer, { children: jsxRuntime.jsx(ctDesignIcons.RightChevronWithBoundingBox, tslib.__assign({ height: arrowDimension, width: arrowDimension }, rightChevron)) }))) })))] })));
|
|
123
138
|
};
|
|
124
139
|
HorizontalScroll.defaultProps = {
|
|
125
140
|
children: null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-horizontal-scroll.cjs.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":["styled","
|
|
1
|
+
{"version":3,"file":"ct-design-horizontal-scroll.cjs.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":["styled","templateObject_2","__makeTemplateObject","CSS","templateObject_1","ARROW_SIZE","ARROW_DIRECTION","useTheme","useState","useRef","__assign","useEffect","debounce","useCallback","HOVER_TYPE","useMemo","_jsxs","Container","_jsx","LeftChevronWithBoundingBox","RightChevronWithBoundingBox"],"mappings":"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"}
|
|
@@ -2,31 +2,41 @@ import { __makeTemplateObject, __assign } from 'tslib';
|
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
|
|
4
4
|
import { Container } from '@cleartrip/ct-design-container';
|
|
5
|
-
import styled from 'styled-components';
|
|
6
|
-
import { HOVER_TYPE } from '@cleartrip/ct-design-tooltip-v2';
|
|
5
|
+
import styled, { css } from 'styled-components';
|
|
7
6
|
import { LeftChevronWithBoundingBox, RightChevronWithBoundingBox } from '@cleartrip/ct-design-icons';
|
|
8
|
-
import useTheme from '@cleartrip/ct-design-
|
|
7
|
+
import { useTheme } from '@cleartrip/ct-design-theme';
|
|
8
|
+
import { debounce } from '@cleartrip/ct-design-common-utils';
|
|
9
|
+
import { HOVER_TYPE } from '@cleartrip/ct-design-tooltip-v2';
|
|
9
10
|
|
|
10
|
-
var StyledRightShadow = styled.div(
|
|
11
|
+
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) {
|
|
11
12
|
var width = _a.width;
|
|
12
13
|
return width || '64px';
|
|
13
14
|
}, function (_a) {
|
|
14
15
|
var shadowGradientStyle = _a.shadowGradientStyle;
|
|
15
16
|
return (shadowGradientStyle === null || shadowGradientStyle === void 0 ? void 0 : shadowGradientStyle.right) || "linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%)";
|
|
17
|
+
}, function (_a) {
|
|
18
|
+
var css$1 = _a.css;
|
|
19
|
+
return css$1 && css(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n\t", "\n "], ["\n\t", "\n "])), css$1);
|
|
16
20
|
});
|
|
17
|
-
var templateObject_1$2;
|
|
21
|
+
var templateObject_1$2, templateObject_2$2;
|
|
18
22
|
|
|
19
|
-
var StyledLeftShadow = styled.div(
|
|
23
|
+
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) {
|
|
20
24
|
var width = _a.width;
|
|
21
25
|
return width || '64px';
|
|
22
26
|
}, function (_a) {
|
|
23
27
|
var shadowGradientStyle = _a.shadowGradientStyle;
|
|
24
28
|
return (shadowGradientStyle === null || shadowGradientStyle === void 0 ? void 0 : shadowGradientStyle.left) || "linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%)";
|
|
29
|
+
}, function (_a) {
|
|
30
|
+
var css$1 = _a.css;
|
|
31
|
+
return css$1 && css(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n\t", "\n "], ["\n\t", "\n "])), css$1);
|
|
25
32
|
});
|
|
26
|
-
var templateObject_1$1;
|
|
33
|
+
var templateObject_1$1, templateObject_2$1;
|
|
27
34
|
|
|
28
|
-
var StyledHorizontalScroll = styled.div(
|
|
29
|
-
var
|
|
35
|
+
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) {
|
|
36
|
+
var css$1 = _a.css;
|
|
37
|
+
return css$1 && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t", "\n "], ["\n\t", "\n "])), css$1);
|
|
38
|
+
});
|
|
39
|
+
var templateObject_1, templateObject_2;
|
|
30
40
|
|
|
31
41
|
var ARROW_SIZE;
|
|
32
42
|
(function (ARROW_SIZE) {
|
|
@@ -40,15 +50,17 @@ var ARROW_DIRECTION;
|
|
|
40
50
|
ARROW_DIRECTION["RIGHT"] = "RIGHT";
|
|
41
51
|
})(ARROW_DIRECTION || (ARROW_DIRECTION = {}));
|
|
42
52
|
|
|
53
|
+
var FLEX_RIGHT_PRECISION = 5;
|
|
43
54
|
var HorizontalScroll = function (_a) {
|
|
44
|
-
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;
|
|
45
|
-
var
|
|
55
|
+
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;
|
|
56
|
+
var _d = shadowWidth || {}, leftShadowWidth = _d.left, rightShadowWidth = _d.right;
|
|
46
57
|
var theme = useTheme();
|
|
47
|
-
var
|
|
48
|
-
var _e = useState(
|
|
58
|
+
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;
|
|
59
|
+
var _e = useState(false), isHovering = _e[0], setIsHovering = _e[1];
|
|
60
|
+
var _f = useState({
|
|
49
61
|
left: false,
|
|
50
62
|
right: false,
|
|
51
|
-
}), shadowDirection =
|
|
63
|
+
}), shadowDirection = _f[0], setShadowDirection = _f[1];
|
|
52
64
|
var horizontalScrollRef = useRef(null);
|
|
53
65
|
var parentContainerRef = useRef(null);
|
|
54
66
|
var childContainerRef = useRef(null);
|
|
@@ -56,13 +68,13 @@ var HorizontalScroll = function (_a) {
|
|
|
56
68
|
if (horizontalScrollRef.current && childContainerRef.current) {
|
|
57
69
|
var _a = horizontalScrollRef.current.getBoundingClientRect(), horizontalScrollRight = _a.right, horizontalScrollLeft = _a.left;
|
|
58
70
|
var _b = childContainerRef.current.getBoundingClientRect(), childContainerRight = _b.right, childContainerLeft = _b.left;
|
|
59
|
-
if (childContainerLeft <
|
|
71
|
+
if (childContainerLeft - horizontalScrollLeft < -FLEX_RIGHT_PRECISION) {
|
|
60
72
|
setShadowDirection(function (prevState) { return (__assign(__assign({}, prevState), { left: true })); });
|
|
61
73
|
}
|
|
62
74
|
else {
|
|
63
75
|
setShadowDirection(function (prevState) { return (__assign(__assign({}, prevState), { left: false })); });
|
|
64
76
|
}
|
|
65
|
-
if (childContainerRight >
|
|
77
|
+
if (childContainerRight - horizontalScrollRight > FLEX_RIGHT_PRECISION) {
|
|
66
78
|
setShadowDirection(function (prevState) { return (__assign(__assign({}, prevState), { right: true })); });
|
|
67
79
|
}
|
|
68
80
|
else {
|
|
@@ -71,7 +83,14 @@ var HorizontalScroll = function (_a) {
|
|
|
71
83
|
}
|
|
72
84
|
};
|
|
73
85
|
useEffect(function () {
|
|
74
|
-
|
|
86
|
+
var _a;
|
|
87
|
+
setTimeout(updateArrowIcons, 200);
|
|
88
|
+
var callback = debounce(updateArrowIcons, 200);
|
|
89
|
+
(_a = parentContainerRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('scroll', callback);
|
|
90
|
+
return function () {
|
|
91
|
+
var _a;
|
|
92
|
+
(_a = parentContainerRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', callback);
|
|
93
|
+
};
|
|
75
94
|
}, []);
|
|
76
95
|
var onHover = useCallback(function (type) { return function () {
|
|
77
96
|
if (type === HOVER_TYPE.ENTER) {
|
|
@@ -92,9 +111,6 @@ var HorizontalScroll = function (_a) {
|
|
|
92
111
|
parentContainerElement.scrollLeft = parentContainerElement.scrollLeft - horizontalScrollWidth / 2;
|
|
93
112
|
}
|
|
94
113
|
}
|
|
95
|
-
setTimeout(function () {
|
|
96
|
-
updateArrowIcons();
|
|
97
|
-
}, 200);
|
|
98
114
|
}; };
|
|
99
115
|
var arrowDimension = useMemo(function () {
|
|
100
116
|
switch (arrowSize) {
|
|
@@ -112,7 +128,7 @@ var HorizontalScroll = function (_a) {
|
|
|
112
128
|
}
|
|
113
129
|
}
|
|
114
130
|
}, [arrowSize]);
|
|
115
|
-
return (jsxs(Container, __assign({ position: 'relative', onMouseEnter: onHover(HOVER_TYPE.ENTER), onMouseLeave: onHover(HOVER_TYPE.LEAVE), className: containerClassname, ref: horizontalScrollRef }, { children: [showShadow && shadowDirection.left && (jsx(StyledLeftShadow, __assign({ width: leftShadowWidth, shadowGradientStyle: shadowGradientStyle }, { children: showArrow && isHovering && (jsx(Container, __assign({ display: 'flex', justifyContent: 'center', alignItems: 'center', cursor: 'pointer', paddingLeft: theme.spacing[4], onClick: onArrowClick(ARROW_DIRECTION.LEFT) }, { children: jsx(LeftChevronWithBoundingBox, { height: arrowDimension, width: arrowDimension }) }))) }))), jsx(StyledHorizontalScroll, __assign({ ref: parentContainerRef, className: className }, { children: jsx(Container, __assign({ className: childrenClassname, ref: childContainerRef, display: 'flex' }, { children: children })) })), showShadow && shadowDirection.right && (jsx(StyledRightShadow, __assign({ width: rightShadowWidth, shadowGradientStyle: shadowGradientStyle }, { children: showArrow && isHovering && (jsx(Container, __assign({ display: 'flex', justifyContent: 'center', alignItems: 'center', cursor: 'pointer', paddingRight: theme.spacing[4], onClick: onArrowClick(ARROW_DIRECTION.RIGHT) }, { children: jsx(RightChevronWithBoundingBox, { height: arrowDimension, width: arrowDimension }) }))) })))] })));
|
|
131
|
+
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)) }))) })))] })));
|
|
116
132
|
};
|
|
117
133
|
HorizontalScroll.defaultProps = {
|
|
118
134
|
children: null,
|
|
@@ -1 +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_1","_jsxs","_jsx"],"mappings":"
|
|
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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"}
|