@cleartrip/ct-design-horizontal-scroll 4.0.0-TEST.3 → 5.0.0

package/README.md

@@ -0,0 +1,85 @@
+# HorizontalScroll
+
+A container that enables horizontal scrolling for its content.
+
+---
+
+## Installation
+
+```bash
+npm install @cleartrip/ct-design-horizontal-scroll
+# or
+pnpm add @cleartrip/ct-design-horizontal-scroll
+```
+
+### Peer dependencies
+
+```bash
+# Required for all targets
+npm install react
+
+# Web only
+npm install react-dom
+
+# React Native only
+npm install react-native
+```
+
+---
+
+## Usage
+
+### Basic
+
+```tsx
+import { HorizontalScroll } from '@cleartrip/ct-design-horizontal-scroll';
+
+function Example() {
+  return (
+    <HorizontalScroll>
+      {/* Basic usage */}
+    </HorizontalScroll>
+  );
+}
+```
+
+---
+
+## ARROW_DIRECTION
+
+- `LEFT` — LEFT
+- `RIGHT` — RIGHT
+---
+
+## ARROW_SIZE
+
+- `SM` — sm
+- `MD` — md
+- `LG` — lg
+---
+
+## Props
+
+| Prop | Type | Default | Required | Description |
+|------|------|---------|----------|-------------|
+| `children` | `ReactNode` | — | No | children property |
+
+
+---
+
+## Accessibility
+
+- The component follows accessibility best practices
+- Ensure proper ARIA attributes are provided where needed
+- Test with screen readers to ensure usability
+
+---
+
+## Migration
+
+If migrating from a previous version:
+
+```diff
+- import { HorizontalScroll } from 'yagami/core/components';
++ import { HorizontalScroll } from '@cleartrip/ct-design-horizontal-scroll';
+```

package/dist/HorizontalScroll.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { HorizontallScrollProps } from './type';
-declare const HorizontalScroll: import("react").ForwardRefExoticComponent<HorizontallScrollProps & import("react").RefAttributes<HTMLDivElement>>;
+import { IHorizontalScroll } from './type';
+import { ScrollContainerRef } from '@cleartrip/ct-design-scroll-container';
+declare const HorizontalScroll: import("react").ForwardRefExoticComponent<IHorizontalScroll & import("react").RefAttributes<ScrollContainerRef>>;
 export default HorizontalScroll;
 //# sourceMappingURL=HorizontalScroll.d.ts.map

package/dist/HorizontalScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalScroll.d.ts","sourceRoot":"","sources":["../packages/components/HorizontalScroll/src/HorizontalScroll.tsx"],"names":[],"mappings":";AAMA,OAAO,EAA+B,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AAU7E,QAAA,MAAM,gBAAgB,mHA0LrB,CAAC;AAOF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"HorizontalScroll.d.ts","sourceRoot":"","sources":["../packages/components/HorizontalScroll/src/HorizontalScroll.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAG3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAmB3E,QAAA,MAAM,gBAAgB,kHAgCrB,CAAC;AAGF,eAAe,gBAAgB,CAAC"}

package/dist/HorizontalScroll.native.d.ts

@@ -0,0 +1,5 @@
+import { ScrollContainerRef } from '@cleartrip/ct-design-scroll-container';
+import { IHorizontalScroll } from './type';
+declare const HorizontalScroll: import("react").ForwardRefExoticComponent<IHorizontalScroll & import("react").RefAttributes<ScrollContainerRef>>;
+export default HorizontalScroll;
+//# sourceMappingURL=HorizontalScroll.native.d.ts.map

package/dist/HorizontalScroll.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalScroll.native.d.ts","sourceRoot":"","sources":["../packages/components/HorizontalScroll/src/HorizontalScroll.native.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAmB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAC5F,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAiB3C,QAAA,MAAM,gBAAgB,kHAsDrB,CAAC;AAIF,eAAe,gBAAgB,CAAC"}

package/dist/constants.d.ts

@@ -0,0 +1,10 @@
+export declare enum ARROW_DIRECTION {
+    LEFT = "LEFT",
+    RIGHT = "RIGHT"
+}
+export declare enum ARROW_SIZE {
+    SM = "sm",
+    MD = "md",
+    LG = "lg"
+}
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../packages/components/HorizontalScroll/src/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe;IACzB,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED,oBAAY,UAAU;IACpB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV"}

package/dist/ct-design-horizontal-scroll.browser.cjs.js

@@ -1,2 +1,15 @@
-"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),n=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"),c=require("@cleartrip/ct-design-use-merge-refs");function u(t){return t&&t.__esModule?t:{default:t}}var d,f,h,g,p,_,x,R,v=u(i),m=u(c),w=v.default.div(f||(f=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 e=t.shadowGradientStyle;return(null==e?void 0:e.right)||"linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%)"}),(function(e){var n=e.css;return n&&i.css(d||(d=t.__makeTemplateObject(["\n\t","\n "],["\n\t","\n "])),n)})),E=v.default.div(g||(g=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 e=t.shadowGradientStyle;return(null==e?void 0:e.left)||"linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%)"}),(function(e){var n=e.css;return n&&i.css(h||(h=t.__makeTemplateObject(["\n\t","\n "],["\n\t","\n "])),n)})),b=v.default.div(_||(_=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(e){var n=e.css;return n&&i.css(p||(p=t.__makeTemplateObject(["\n\t","\n "],["\n\t","\n "])),n)}));exports.ARROW_SIZE=void 0,(x=exports.ARROW_SIZE||(exports.ARROW_SIZE={})).SM="sm",x.MD="md",x.LG="lg",exports.ARROW_DIRECTION=void 0,(R=exports.ARROW_DIRECTION||(exports.ARROW_DIRECTION={})).LEFT="LEFT",R.RIGHT="RIGHT";var C=n.forwardRef((function(i,c){var u=i.children,d=i.showShadow,f=i.showArrow,h=i.className,g=i.containerClassname,p=i.childrenClassname,_=i.shadowWidth,x=i.arrowSize,R=void 0===x?exports.ARROW_SIZE.MD:x,v=i.shadowGradientStyle,C=i.styleConfig,O=void 0===C?{}:C,y=_||{},I=y.left,T=y.right,S=o.useTheme(),j=O.childrenContainer,W=O.leftChevron,k=O.leftShadowContainer,A=O.leftShadowWrapper,L=O.rightChevron,N=O.rightShadowContainer,F=O.rightShadowWrapper,G=O.root,q=O.scrollWrapper,z=n.useState(!1),D=z[0],H=z[1],M=n.useState({left:!1,right:!1}),B=M[0],Z=M[1],P=n.useRef(null),V=n.useRef(null),Y=n.useRef(null),K=m.default(V,c),J=m.default(V,Y),Q=function(){if(P.current&&Y.current){var e=P.current.getBoundingClientRect(),n=e.right,r=e.left,i=Y.current.getBoundingClientRect(),s=i.right,o=i.left;Z(o-r<-5?function(e){return t.__assign(t.__assign({},e),{left:!0})}:function(e){return t.__assign(t.__assign({},e),{left:!1})}),Z(s-n>5?function(e){return t.__assign(t.__assign({},e),{right:!0})}:function(e){return t.__assign(t.__assign({},e),{right:!1})})}};n.useEffect((function(){var t;setTimeout(Q,200);var e=l.debounce(Q,200);return null===(t=V.current)||void 0===t||t.addEventListener("scroll",e),function(){var t;null===(t=V.current)||void 0===t||t.removeEventListener("scroll",e)}}),[]);var U=n.useCallback((function(t){return function(){t===a.HOVER_TYPE.ENTER?H(!0):H(!1)}}),[]),X=function(t){return function(){if(V.current&&P.current){var e=V.current,n=P.current.getBoundingClientRect().width;t===exports.ARROW_DIRECTION.RIGHT?e.scrollLeft=e.scrollLeft+n/2:e.scrollLeft=e.scrollLeft-n/2}}},$=n.useMemo((function(){switch(R){case exports.ARROW_SIZE.SM:case exports.ARROW_SIZE.MD:return S.size[6];case exports.ARROW_SIZE.LG:return S.size[10];default:return S.size[6]}}),[R]);return e.jsxs(r.Container,t.__assign({position:"relative",onMouseEnter:U(a.HOVER_TYPE.ENTER),onMouseLeave:U(a.HOVER_TYPE.LEAVE),className:g,ref:P},G,{children:[d&&B.left&&e.jsx(E,t.__assign({width:I,shadowGradientStyle:v},A,{children:f&&D&&e.jsx(r.Container,t.__assign({display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer",paddingLeft:S.spacing[4],onClick:X(exports.ARROW_DIRECTION.LEFT)},k,{children:e.jsx(s.LeftChevronWithBoundingBox,t.__assign({height:$,width:$},W))}))})),e.jsx(b,t.__assign({ref:K,className:(null==q?void 0:q.className)||h,css:null==q?void 0:q.css},{children:e.jsx(r.Container,t.__assign({className:(null==j?void 0:j.className)||p,ref:J,css:null==j?void 0:j.css,display:"flex"},{children:u}))})),d&&B.right&&e.jsx(w,t.__assign({width:T,shadowGradientStyle:v},F,{children:f&&D&&e.jsx(r.Container,t.__assign({display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer",paddingRight:S.spacing[4],onClick:X(exports.ARROW_DIRECTION.RIGHT)},N,{children:e.jsx(s.RightChevronWithBoundingBox,t.__assign({height:$,width:$},L))}))}))]}))}));C.defaultProps={children:null,className:""},exports.HorizontalScroll=C,exports.StyledHorizontalScroll=b;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@emotion/css"),l=require("@cleartrip/ct-design-container"),o=require("@cleartrip/ct-design-use-merge-refs"),n=require("@cleartrip/ct-design-style-manager");function i(e){return e&&e.__esModule?e:{default:e}}var s=i(o);const c=t.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+ */
+
+  &::-webkit-scrollbar {
+    /* WebKit */
+    display: none;
+  }
+`,a=r.forwardRef(({children:t,styleConfig:o={},onScroll:i},a)=>{const{root:u,childContainer:d}=o,f=r.useRef(null),h=r.useRef(null),g=r.useRef(null),R=s.default(h,a),p=s.default(h,g),x=n.useWebMergeStyles([...u||[],c],[u]);return e.jsx("div",{ref:f,onScroll:e=>{null==i||i({nativeEvent:{contentOffset:{x:e.currentTarget.scrollLeft,y:e.currentTarget.scrollTop},layoutMeasurement:{height:e.currentTarget.clientHeight,width:e.currentTarget.clientWidth},contentSize:{height:e.currentTarget.scrollHeight,width:e.currentTarget.scrollWidth}}})},children:e.jsx("div",{ref:R,className:x,children:e.jsx(l.Container,{styleConfig:{root:d},ref:p,children:t})})})});var u,d;a.displayName="HorizontalScroll",exports.ARROW_DIRECTION=void 0,(u=exports.ARROW_DIRECTION||(exports.ARROW_DIRECTION={})).LEFT="LEFT",u.RIGHT="RIGHT",exports.ARROW_SIZE=void 0,(d=exports.ARROW_SIZE||(exports.ARROW_SIZE={})).SM="sm",d.MD="md",d.LG="lg",exports.HorizontalScroll=a;
 //# sourceMappingURL=ct-design-horizontal-scroll.browser.cjs.js.map

package/dist/ct-design-horizontal-scroll.browser.cjs.js.map

@@ -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","div","templateObject_2","__makeTemplateObject","_a","width","shadowGradientStyle","right","css","CSS","templateObject_1","StyledLeftShadow","left","StyledHorizontalScroll","default","HorizontalScroll","forwardRef","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","combinedParentContainerRef","useMergeRefs","combinedParenAndChildContainerRef","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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"}
+{"version":3,"file":"ct-design-horizontal-scroll.browser.cjs.js","sources":["../packages/components/HorizontalScroll/src/HorizontalScroll.tsx","../packages/components/HorizontalScroll/src/constants.ts"],"sourcesContent":[null,null],"names":["horizontalScrollStyles","css","HorizontalScroll","forwardRef","children","styleConfig","onScroll","root","childContainer","horizontalScrollRef","useRef","parentContainerRef","childContainerRef","combinedParentContainerRef","useMergeRefs","combinedParenAndChildContainerRef","rootStyles","useWebMergeStyles","_jsx","jsx","ref","event","nativeEvent","contentOffset","x","currentTarget","scrollLeft","y","scrollTop","layoutMeasurement","height","clientHeight","width","clientWidth","contentSize","scrollHeight","scrollWidth","className","Container","ARROW_DIRECTION","ARROW_SIZE","displayName"],"mappings":"wSAWA,MAAMA,EAAyBC,EAAGA,GAAA;;;;;;;;;;;;;EAe5BC,EAAmBC,EAAAA,WACvB,EAAGC,WAAUC,cAAc,GAAIC,YAAYH,KACzC,MAAMI,KAAEA,EAAIC,eAAEA,GAAmBH,EAE3BI,EAAsBC,SAAuB,MAC7CC,EAAqBD,SAAuB,MAC5CE,EAAoBF,SAAoB,MACxCG,EAA6BC,EAAAA,QAAaH,EAAoBR,GAC9DY,EAAoCD,EAAAA,QAAaH,EAAoBC,GAErEI,EAAaC,oBAAkB,IAAKV,GAAQ,GAAKP,GAAyB,CAACO,IAYjF,OACEW,EAAKC,IAAA,MAAA,CAAAC,IAAKX,EAAqBH,SAXXe,IACpBf,SAAAA,EAAW,CACTgB,YAAa,CACXC,cAAe,CAAEC,EAAGH,EAAMI,cAAcC,WAAYC,EAAGN,EAAMI,cAAcG,WAC3EC,kBAAmB,CAAEC,OAAQT,EAAMI,cAAcM,aAAcC,MAAOX,EAAMI,cAAcQ,aAC1FC,YAAa,CAAEJ,OAAQT,EAAMI,cAAcU,aAAcH,MAAOX,EAAMI,cAAcW,iBAMnChC,SACnDc,aAAKE,IAAKP,EAA4BwB,UAAWrB,EAAUZ,SACzDc,EAACC,IAAAmB,EAASA,WAACjC,YAAa,CAAEE,KAAMC,GAAkBY,IAAKL,EACpDX,SAAAA,UCpDb,IAAYmC,EAKAC,EDuDZtC,EAAiBuC,YAAc,mBC5DnBF,QAGXA,qBAAA,GAHWA,EAAAA,0BAAAA,QAAAA,gBAGX,CAAA,IAFC,KAAA,OACAA,EAAA,MAAA,QAGUC,QAIXA,gBAAA,GAJWA,EAAAA,QAAUA,aAAVA,mBAIX,CAAA,IAHC,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,GAAA"}

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

@@ -1,2 +1,15 @@
-import{__makeTemplateObject as t,__assign as n}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as i,useState as o,useRef as l,useEffect as s,useCallback as a,useMemo as c}from"react";import{Container as d}from"@cleartrip/ct-design-container";import u,{css as f}from"styled-components";import{LeftChevronWithBoundingBox as h,RightChevronWithBoundingBox as p}from"@cleartrip/ct-design-icons";import{useTheme as g}from"@cleartrip/ct-design-theme";import{debounce as m}from"@cleartrip/ct-design-common-utils";import{HOVER_TYPE as v}from"@cleartrip/ct-design-tooltip-v2";import w from"@cleartrip/ct-design-use-merge-refs";var x,y,b,C,E,L,S,F,G=u.div(y||(y=t(["\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&&f(x||(x=t(["\n\t","\n "],["\n\t","\n "])),e)})),k=u.div(C||(C=t(["\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&&f(b||(b=t(["\n\t","\n "],["\n\t","\n "])),e)})),R=u.div(L||(L=t(["\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&&f(E||(E=t(["\n\t","\n "],["\n\t","\n "])),e)}));!function(t){t.SM="sm",t.MD="md",t.LG="lg"}(S||(S={})),function(t){t.LEFT="LEFT",t.RIGHT="RIGHT"}(F||(F={}));var T=i((function(t,i){var u=t.children,f=t.showShadow,x=t.showArrow,y=t.className,b=t.containerClassname,C=t.childrenClassname,E=t.shadowWidth,L=t.arrowSize,T=void 0===L?S.MD:L,N=t.shadowGradientStyle,z=t.styleConfig,I=void 0===z?{}:z,j=E||{},M=j.left,W=j.right,H=g(),B=I.childrenContainer,D=I.leftChevron,A=I.leftShadowContainer,K=I.leftShadowWrapper,P=I.rightChevron,V=I.rightShadowContainer,q=I.rightShadowWrapper,J=I.root,O=I.scrollWrapper,Q=o(!1),U=Q[0],X=Q[1],Y=o({left:!1,right:!1}),Z=Y[0],$=Y[1],_=l(null),tt=l(null),nt=l(null),et=w(tt,i),rt=w(tt,nt),it=function(){if(_.current&&nt.current){var t=_.current.getBoundingClientRect(),e=t.right,r=t.left,i=nt.current.getBoundingClientRect(),o=i.right,l=i.left;$(l-r<-5?function(t){return n(n({},t),{left:!0})}:function(t){return n(n({},t),{left:!1})}),$(o-e>5?function(t){return n(n({},t),{right:!0})}:function(t){return n(n({},t),{right:!1})})}};s((function(){var t;setTimeout(it,200);var n=m(it,200);return null===(t=tt.current)||void 0===t||t.addEventListener("scroll",n),function(){var t;null===(t=tt.current)||void 0===t||t.removeEventListener("scroll",n)}}),[]);var ot=a((function(t){return function(){t===v.ENTER?X(!0):X(!1)}}),[]),lt=function(t){return function(){if(tt.current&&_.current){var n=tt.current,e=_.current.getBoundingClientRect().width;t===F.RIGHT?n.scrollLeft=n.scrollLeft+e/2:n.scrollLeft=n.scrollLeft-e/2}}},st=c((function(){switch(T){case S.SM:case S.MD:return H.size[6];case S.LG:return H.size[10];default:return H.size[6]}}),[T]);return e(d,n({position:"relative",onMouseEnter:ot(v.ENTER),onMouseLeave:ot(v.LEAVE),className:b,ref:_},J,{children:[f&&Z.left&&r(k,n({width:M,shadowGradientStyle:N},K,{children:x&&U&&r(d,n({display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer",paddingLeft:H.spacing[4],onClick:lt(F.LEFT)},A,{children:r(h,n({height:st,width:st},D))}))})),r(R,n({ref:et,className:(null==O?void 0:O.className)||y,css:null==O?void 0:O.css},{children:r(d,n({className:(null==B?void 0:B.className)||C,ref:rt,css:null==B?void 0:B.css,display:"flex"},{children:u}))})),f&&Z.right&&r(G,n({width:W,shadowGradientStyle:N},q,{children:x&&U&&r(d,n({display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer",paddingRight:H.spacing[4],onClick:lt(F.RIGHT)},V,{children:r(p,n({height:st,width:st},P))}))}))]}))}));T.defaultProps={children:null,className:""};export{F as ARROW_DIRECTION,S as ARROW_SIZE,T as HorizontalScroll,R as StyledHorizontalScroll};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useRef as t}from"react";import{css as o}from"@emotion/css";import{Container as n}from"@cleartrip/ct-design-container";import l from"@cleartrip/ct-design-use-merge-refs";import{useWebMergeStyles as i}from"@cleartrip/ct-design-style-manager";const c=o`
+  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+ */
+
+  &::-webkit-scrollbar {
+    /* WebKit */
+    display: none;
+  }
+`,a=e(({children:e,styleConfig:o={},onScroll:a},s)=>{const{root:m,childContainer:h}=o,f=t(null),g=t(null),d=t(null),p=l(g,s),u=l(g,d),T=i([...m||[],c],[m]);return r("div",{ref:f,onScroll:r=>{null==a||a({nativeEvent:{contentOffset:{x:r.currentTarget.scrollLeft,y:r.currentTarget.scrollTop},layoutMeasurement:{height:r.currentTarget.clientHeight,width:r.currentTarget.clientWidth},contentSize:{height:r.currentTarget.scrollHeight,width:r.currentTarget.scrollWidth}}})},children:r("div",{ref:p,className:T,children:r(n,{styleConfig:{root:h},ref:u,children:e})})})});var s,m;a.displayName="HorizontalScroll",function(r){r.LEFT="LEFT",r.RIGHT="RIGHT"}(s||(s={})),function(r){r.SM="sm",r.MD="md",r.LG="lg"}(m||(m={}));export{s as ARROW_DIRECTION,m as ARROW_SIZE,a as HorizontalScroll};
 //# sourceMappingURL=ct-design-horizontal-scroll.browser.esm.js.map

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

@@ -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","templateObject_2","__makeTemplateObject","_a","width","shadowGradientStyle","right","css","CSS","templateObject_1","StyledLeftShadow","left","StyledHorizontalScroll","HorizontalScroll","forwardRef","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","combinedParentContainerRef","useMergeRefs","combinedParenAndChildContainerRef","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":"yoBAQA,gBCAYA,EAwBAC,EDxBNC,EAAoBC,EAAOC,IAAmDC,IAAAA,EAAAC,EAAA,CAAA,sJAAA,oCAAA,UAAA,MAAA,CAAA,sJAQ5C,oCAG0D,UAKhG,SARQ,SAACC,GAAc,OAAPA,EAAAC,OAAgB,MAAT,IAEV,SAACD,GAAE,IAAAE,EAAmBF,EAAAE,oBACnC,OAAAA,eAAAA,EAAqBC,QAAS,kEAA9B,IACE,SAACH,GAAE,IAAAI,EAAGJ,EAAAI,IACR,OAAAA,GACAC,EAAGC,IAAAA,EAAAP,EAAA,CAAA,OAAA,OAAA,CAAA,OACoC,SAAtCK,EAFD,IEZIG,EAAmBX,EAAOC,IAAkDC,IAAAA,EAAAC,EAAA,CAAA,uKAAA,wCAAA,cAAA,MAAA,CAAA,uKAQvC,wCAGqD,cAK9F,SARW,SAACC,GAAc,OAAPA,EAAAC,OAAgB,MAAT,IAEV,SAACD,GAAE,IAAAE,EAAmBF,EAAAE,oBACtC,OAAAA,eAAAA,EAAqBM,OAAQ,iEAA7B,IACQ,SAACR,GAAE,IAAAI,EAAGJ,EAAAI,IACd,OAAAA,GACAC,EAAGC,IAAAA,EAAAP,EAAA,CAAA,OAAA,OAAA,CAAA,OACoC,SAAtCK,EAFD,ICpBIK,EAAyBb,EAAOC,IAA0BC,IAAAA,EAAAC,EAAA,CAAA,0TAAA,MAAA,CAAA,0TAiB9D,SAJC,SAACC,GAAE,IAAAI,EAAGJ,EAAAI,IACP,OAAAA,GACAC,EAAGC,IAAAA,EAAAP,EAAA,CAAA,OAAA,OAAA,CAAA,OACoC,SAAtCK,EAFD,KFRF,SAAYX,GACVA,EAAA,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,GAAA,IACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAoBD,SAAYC,GACVA,EAAA,KAAA,OACAA,EAAA,MAAA,OACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IGrBD,IAEMgB,EAAmBC,GACvB,SACEX,EAYAW,GAXE,IAAAC,aACAC,EAAUb,EAAAa,WACVC,EAASd,EAAAc,UACTC,EAASf,EAAAe,UACTC,EAAkBhB,EAAAgB,mBAClBC,sBACAC,EAAWlB,EAAAkB,YACXC,cAAAC,OAAY,IAAAD,EAAA1B,EAAW4B,GAAEF,EACzBjB,wBACAoB,EAAAtB,EAAAuB,YAAAA,OAAW,IAAAD,EAAG,CAAE,EAAAA,EAIZE,EAAqDN,GAAe,CAAA,EAA5DO,EAAeD,EAAAhB,KAASkB,EAAgBF,EAAArB,MAChDwB,EAAQC,IAEZC,EASEN,EAAWM,kBARbC,EAQEP,EARSO,YACXC,EAOER,sBANFS,EAMET,EAAWS,kBALbC,EAKEV,EALUU,aACZC,EAIEX,uBAHFY,EAGEZ,EAAWY,mBAFbC,EAEEb,EAFEa,KACJC,EACEd,gBACEe,EAA8BC,GAAS,GAAtCC,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAAwCH,EAAS,CACrD/B,MAAM,EACNL,OAAO,IAFFwC,EAAeD,EAAA,GAAEE,OAKlBC,EAAsBC,EAAoB,MAC1CC,GAAqBD,EAAuB,MAC5CE,GAAoBF,EAAoB,MACxCG,GAA6BC,EAAaH,GAAoBpC,GAC9DwC,GAAoCD,EAAaH,GAAoBC,IAErEI,GAAmB,WACvB,GAAIP,EAAoBQ,SAAWL,GAAkBK,QAAS,CACtD,IAAArD,EACJ6C,EAAoBQ,QAAQC,wBADfC,EAAqBvD,EAAAG,MAAQqD,SAEtCrC,EACJ6B,GAAkBK,QAAQC,wBADbG,EAAmBtC,EAAAhB,MAAQuD,SAIxCd,EADEc,EAAqBF,GAlDJ,EAmDA,SAACG,GAAc,OAC7BC,EAAAA,EAAA,CAAA,EAAAD,GACH,CAAAnD,MAAM,GACN,EAEiB,SAACmD,GAAc,OAC7BC,EAAAA,EAAA,CAAA,EAAAD,GACH,CAAAnD,MAAM,GACN,GAIFoC,EADEa,EAAsBF,EA9DL,EA+DA,SAACI,GAAc,OAC7BC,EAAAA,EAAA,CAAA,EAAAD,GACH,CAAAxD,OAAO,GACP,EAEiB,SAACwD,GAAc,OAC7BC,EAAAA,EAAA,CAAA,EAAAD,GACH,CAAAxD,OAAO,GACP,EAEL,CACH,EAEA0D,GAAU,iBACRC,WAAWV,GAAkB,KAE7B,IAAMW,EAAWC,EAASZ,GAAkB,KAE5C,OAD4B,QAA5BpD,EAAA+C,GAAmBM,eAAS,IAAArD,GAAAA,EAAAiE,iBAAiB,SAAUF,GAChD,iBACuB,QAA5B/D,EAAA+C,GAAmBM,eAAS,IAAArD,GAAAA,EAAAkE,oBAAoB,SAAUH,EAC5D,CACD,GAAE,IAEH,IAAMI,GAAUC,GACd,SAACC,GAA0B,OAAA,WACrBA,IAASC,EAAWC,MACtB9B,GAAc,GAEdA,GAAc,EAElB,CAN2B,GAO3B,IAGI+B,GAAe,SAACC,GAAyC,OAAA,WAC7D,GAAI1B,GAAmBM,SAAWR,EAAoBQ,QAAS,CAC7D,IAAMqB,EAAyB3B,GAAmBM,QAEnCsB,EAA0B9B,EAAoBQ,QAAQC,wBAAuBrD,MAExFwE,IAAmB/E,EAAgBkF,MACrCF,EAAuBG,WAAaH,EAAuBG,WAAaF,EAAwB,EAEhGD,EAAuBG,WAAaH,EAAuBG,WAAaF,EAAwB,CAEnG,CACF,GAEKG,GAAiBC,GAAQ,WAC7B,OAAQ3D,GACN,KAAK3B,EAAWuF,GAGhB,KAAKvF,EAAW4B,GACd,OAAOM,EAAMsD,KAAK,GAEpB,KAAKxF,EAAWyF,GACd,OAAOvD,EAAMsD,KAAK,IAEpB,QACE,OAAOtD,EAAMsD,KAAK,GAGxB,GAAG,CAAC7D,IAEJ,OACE+D,EAACC,EAASxB,EAAA,CACRyB,SAAS,WACTC,aAAcnB,GAAQG,EAAWC,OACjCgB,aAAcpB,GAAQG,EAAWkB,OACjCzE,UAAWC,EACXyE,IAAK5C,GACDT,EAAI,CAAAxB,SAAA,CAEPC,GAAc8B,EAAgBnC,MAC7BkF,EAACnF,EAAgBqD,EAAA,CAAC3D,MAAOwB,EAAiBvB,oBAAqBA,GAAyB8B,EACrF,CAAApB,SAAAE,GAAa0B,GACZkD,EAACN,KACCO,QAAQ,OACRC,eAAe,SACfC,WAAW,SACXC,OAAO,UACPC,YAAapE,EAAMqE,QAAQ,GAC3BC,QAASzB,GAAa9E,EAAgBwG,OAClCnE,EAAmB,CAAAnB,SAEvB8E,EAACS,EAA2BvC,EAAA,CAAAwC,OAAQtB,GAAgB7E,MAAO6E,IAAoBhD,UAKvF4D,EAACjF,EAAsBmD,EAAA,CACrB6B,IAAKxC,GACLlC,WAAWsB,eAAAA,EAAetB,YAAaA,EACvCX,IAAKiC,aAAa,EAAbA,EAAejC,KAAG,CAAAQ,SAEvB8E,EAACN,EAASxB,EAAA,CACR7C,WAAWc,aAAA,EAAAA,EAAmBd,YAAaE,EAC3CwE,IAAKtC,GACL/C,IAAKyB,aAAiB,EAAjBA,EAAmBzB,IACxBuF,QAAQ,QAAM,CAAA/E,SAEbA,QAGJC,GAAc8B,EAAgBxC,OAC7BuF,EAAC/F,EAAkBiE,EAAA,CAAA3D,MAAOyB,EAAkBxB,oBAAqBA,GAAyBiC,EAAkB,CAAAvB,SACzGE,GAAa0B,GACZkD,EAACN,EAASxB,EAAA,CACR+B,QAAQ,OACRC,eAAe,SACfC,WAAW,SACXC,OAAO,UACPO,aAAc1E,EAAMqE,QAAQ,GAC5BC,QAASzB,GAAa9E,EAAgBkF,QAClC1C,EAAoB,CAAAtB,SAExB8E,EAACY,EAA2B1C,EAAA,CAACwC,OAAQtB,GAAgB7E,MAAO6E,IAAoB7C,aAO9F,IAGFvB,EAAiB6F,aAAe,CAC9B3F,SAAU,KACVG,UAAW"}
+{"version":3,"file":"ct-design-horizontal-scroll.browser.esm.js","sources":["../packages/components/HorizontalScroll/src/HorizontalScroll.tsx","../packages/components/HorizontalScroll/src/constants.ts"],"sourcesContent":[null,null],"names":["horizontalScrollStyles","css","HorizontalScroll","forwardRef","children","styleConfig","onScroll","root","childContainer","horizontalScrollRef","useRef","parentContainerRef","childContainerRef","combinedParentContainerRef","useMergeRefs","combinedParenAndChildContainerRef","rootStyles","useWebMergeStyles","_jsx","ref","event","nativeEvent","contentOffset","x","currentTarget","scrollLeft","y","scrollTop","layoutMeasurement","height","clientHeight","width","clientWidth","contentSize","scrollHeight","scrollWidth","className","Container","ARROW_DIRECTION","ARROW_SIZE","displayName"],"mappings":"+SAWA,MAAMA,EAAyBC,CAAG;;;;;;;;;;;;;EAe5BC,EAAmBC,EACvB,EAAGC,WAAUC,cAAc,GAAIC,YAAYH,KACzC,MAAMI,KAAEA,EAAIC,eAAEA,GAAmBH,EAE3BI,EAAsBC,EAAuB,MAC7CC,EAAqBD,EAAuB,MAC5CE,EAAoBF,EAAoB,MACxCG,EAA6BC,EAAaH,EAAoBR,GAC9DY,EAAoCD,EAAaH,EAAoBC,GAErEI,EAAaC,EAAkB,IAAKV,GAAQ,GAAKP,GAAyB,CAACO,IAYjF,OACEW,EAAK,MAAA,CAAAC,IAAKV,EAAqBH,SAXXc,IACpBd,SAAAA,EAAW,CACTe,YAAa,CACXC,cAAe,CAAEC,EAAGH,EAAMI,cAAcC,WAAYC,EAAGN,EAAMI,cAAcG,WAC3EC,kBAAmB,CAAEC,OAAQT,EAAMI,cAAcM,aAAcC,MAAOX,EAAMI,cAAcQ,aAC1FC,YAAa,CAAEJ,OAAQT,EAAMI,cAAcU,aAAcH,MAAOX,EAAMI,cAAcW,iBAMnC/B,SACnDc,SAAKC,IAAKN,EAA4BuB,UAAWpB,EAAUZ,SACzDc,EAACmB,GAAUhC,YAAa,CAAEE,KAAMC,GAAkBW,IAAKJ,EACpDX,SAAAA,cCpDDkC,EAKAC,EDuDZrC,EAAiBsC,YAAc,mBC5D/B,SAAYF,GACVA,EAAA,KAAA,OACAA,EAAA,MAAA,OACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAED,SAAYC,GACVA,EAAA,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,GAAA,IACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

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

@@ -1,150 +1,62 @@
 'use strict';
 
-var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var css = require('@emotion/css');
 var ctDesignContainer = require('@cleartrip/ct-design-container');
-var styled = require('styled-components');
-var ctDesignIcons = require('@cleartrip/ct-design-icons');
-var ctDesignTheme = require('@cleartrip/ct-design-theme');
-var ctDesignCommonUtils = require('@cleartrip/ct-design-common-utils');
-var ctDesignTooltipV2 = require('@cleartrip/ct-design-tooltip-v2');
 var useMergeRefs = require('@cleartrip/ct-design-use-merge-refs');
+var ctDesignStyleManager = require('@cleartrip/ct-design-style-manager');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var styled__default = /*#__PURE__*/_interopDefault(styled);
 var useMergeRefs__default = /*#__PURE__*/_interopDefault(useMergeRefs);
 
-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) {
-    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 = _a.css;
-    return css && styled.css(templateObject_1$2 || (templateObject_1$2 = tslib.__makeTemplateObject(["\n\t", "\n "], ["\n\t", "\n "])), css);
-});
-var templateObject_1$2, templateObject_2$2;
-
-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) {
-    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 = _a.css;
-    return css && styled.css(templateObject_1$1 || (templateObject_1$1 = tslib.__makeTemplateObject(["\n\t", "\n "], ["\n\t", "\n "])), css);
-});
-var templateObject_1$1, templateObject_2$1;
-
-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) {
-    var css = _a.css;
-    return css && styled.css(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n\t", "\n "], ["\n\t", "\n "])), css);
+const horizontalScrollStyles = css.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+ */
+
+  &::-webkit-scrollbar {
+    /* WebKit */
+    display: none;
+  }
+`;
+const HorizontalScroll = react.forwardRef(({ children, styleConfig = {}, onScroll }, forwardRef) => {
+    const { root, childContainer } = styleConfig;
+    const horizontalScrollRef = react.useRef(null);
+    const parentContainerRef = react.useRef(null);
+    const childContainerRef = react.useRef(null);
+    const combinedParentContainerRef = useMergeRefs__default.default(parentContainerRef, forwardRef);
+    const combinedParenAndChildContainerRef = useMergeRefs__default.default(parentContainerRef, childContainerRef);
+    const rootStyles = ctDesignStyleManager.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 (jsxRuntime.jsx("div", { ref: horizontalScrollRef, onScroll: handleScroll, children: jsxRuntime.jsx("div", { ref: combinedParentContainerRef, className: rootStyles, children: jsxRuntime.jsx(ctDesignContainer.Container, { styleConfig: { root: childContainer }, ref: combinedParenAndChildContainerRef, children: children }) }) }));
 });
-var templateObject_1, templateObject_2;
+HorizontalScroll.displayName = 'HorizontalScroll';
 
+exports.ARROW_DIRECTION = void 0;
+(function (ARROW_DIRECTION) {
+    ARROW_DIRECTION["LEFT"] = "LEFT";
+    ARROW_DIRECTION["RIGHT"] = "RIGHT";
+})(exports.ARROW_DIRECTION || (exports.ARROW_DIRECTION = {}));
 exports.ARROW_SIZE = void 0;
 (function (ARROW_SIZE) {
     ARROW_SIZE["SM"] = "sm";
     ARROW_SIZE["MD"] = "md";
     ARROW_SIZE["LG"] = "lg";
 })(exports.ARROW_SIZE || (exports.ARROW_SIZE = {}));
-exports.ARROW_DIRECTION = void 0;
-(function (ARROW_DIRECTION) {
-    ARROW_DIRECTION["LEFT"] = "LEFT";
-    ARROW_DIRECTION["RIGHT"] = "RIGHT";
-})(exports.ARROW_DIRECTION || (exports.ARROW_DIRECTION = {}));
-
-var FLEX_RIGHT_PRECISION = 5;
-var HorizontalScroll = react.forwardRef(function (_a, forwardRef) {
-    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;
-    var _d = shadowWidth || {}, leftShadowWidth = _d.left, rightShadowWidth = _d.right;
-    var theme = ctDesignTheme.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 = react.useState(false), isHovering = _e[0], setIsHovering = _e[1];
-    var _f = react.useState({
-        left: false,
-        right: false,
-    }), shadowDirection = _f[0], setShadowDirection = _f[1];
-    var horizontalScrollRef = react.useRef(null);
-    var parentContainerRef = react.useRef(null);
-    var childContainerRef = react.useRef(null);
-    var combinedParentContainerRef = useMergeRefs__default.default(parentContainerRef, forwardRef);
-    var combinedParenAndChildContainerRef = useMergeRefs__default.default(parentContainerRef, childContainerRef);
-    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 (tslib.__assign(tslib.__assign({}, prevState), { left: true })); });
-            }
-            else {
-                setShadowDirection(function (prevState) { return (tslib.__assign(tslib.__assign({}, prevState), { left: false })); });
-            }
-            if (childContainerRight - horizontalScrollRight > FLEX_RIGHT_PRECISION) {
-                setShadowDirection(function (prevState) { return (tslib.__assign(tslib.__assign({}, prevState), { right: true })); });
-            }
-            else {
-                setShadowDirection(function (prevState) { return (tslib.__assign(tslib.__assign({}, prevState), { right: false })); });
-            }
-        }
-    };
-    react.useEffect(function () {
-        var _a;
-        setTimeout(updateArrowIcons, 200);
-        var callback = ctDesignCommonUtils.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 = react.useCallback(function (type) { return function () {
-        if (type === ctDesignTooltipV2.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 === exports.ARROW_DIRECTION.RIGHT) {
-                parentContainerElement.scrollLeft = parentContainerElement.scrollLeft + horizontalScrollWidth / 2;
-            }
-            else {
-                parentContainerElement.scrollLeft = parentContainerElement.scrollLeft - horizontalScrollWidth / 2;
-            }
-        }
-    }; };
-    var arrowDimension = react.useMemo(function () {
-        switch (arrowSize) {
-            case exports.ARROW_SIZE.SM: {
-                return theme.size[6];
-            }
-            case exports.ARROW_SIZE.MD: {
-                return theme.size[6];
-            }
-            case exports.ARROW_SIZE.LG: {
-                return theme.size[10];
-            }
-            default: {
-                return theme.size[6];
-            }
-        }
-    }, [arrowSize]);
-    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: combinedParentContainerRef, 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: combinedParenAndChildContainerRef, 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)) }))) })))] })));
-});
-HorizontalScroll.defaultProps = {
-    children: null,
-    className: '',
-};
 
 exports.HorizontalScroll = HorizontalScroll;
-exports.StyledHorizontalScroll = StyledHorizontalScroll;
 //# sourceMappingURL=ct-design-horizontal-scroll.cjs.js.map

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

@@ -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","templateObject_2","__makeTemplateObject","CSS","templateObject_1","ARROW_SIZE","ARROW_DIRECTION","forwardRef","useTheme","useState","useRef","useMergeRefs","__assign","useEffect","debounce","useCallback","HOVER_TYPE","useMemo","_jsxs","Container","_jsx","LeftChevronWithBoundingBox","RightChevronWithBoundingBox"],"mappings":"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"}
+{"version":3,"file":"ct-design-horizontal-scroll.cjs.js","sources":["../packages/components/HorizontalScroll/src/HorizontalScroll.tsx","../packages/components/HorizontalScroll/src/constants.ts"],"sourcesContent":[null,null],"names":["css","forwardRef","useRef","useMergeRefs","useWebMergeStyles","_jsx","Container","ARROW_DIRECTION","ARROW_SIZE"],"mappings":";;;;;;;;;;;;;AAWA,MAAM,sBAAsB,GAAGA,OAAG,CAAA,CAAA;;;;;;;;;;;;;CAajC,CAAC;AAEF,MAAM,gBAAgB,GAAGC,gBAAU,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,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAC;AACzD,IAAA,MAAM,kBAAkB,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAC;AACxD,IAAA,MAAM,iBAAiB,GAAGA,YAAM,CAAc,IAAI,CAAC,CAAC;IACpD,MAAM,0BAA0B,GAAGC,6BAAY,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;IAChF,MAAM,iCAAiC,GAAGA,6BAAY,CAAC,kBAAkB,EAAE,iBAAiB,CAAC,CAAC;AAE9F,IAAA,MAAM,UAAU,GAAGC,sCAAiB,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,QACEC,cAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,mBAAmB,EAAE,QAAQ,EAAE,YAAY,EAAA,QAAA,EACnDA,wBAAK,GAAG,EAAE,0BAA0B,EAAE,SAAS,EAAE,UAAU,EAAA,QAAA,EACzDA,cAAC,CAAAC,2BAAS,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;;AC5DrCC,iCAGX;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,EAHWA,uBAAe,KAAfA,uBAAe,GAG1B,EAAA,CAAA,CAAA,CAAA;AAEWC,4BAIX;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,EAJWA,kBAAU,KAAVA,kBAAU,GAIrB,EAAA,CAAA,CAAA;;;;"}