ics-ui-kit 1.0.0 → 1.0.2

package/dist/ScrollShadowContainer-DdrnF8qU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollShadowContainer-DdrnF8qU.js","sources":["../src/components/scroll-shadow-container/ScrollShadowContainer.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { cn } from \"@/lib/utils\";\r\n\r\nexport interface ScrollShadowContainerProps extends React.HTMLAttributes<HTMLDivElement> {\r\n\tchildren: React.ReactNode;\r\n\tshadowSize?: number;\r\n}\r\n\r\nexport const ScrollShadowContainer = React.forwardRef<HTMLDivElement, ScrollShadowContainerProps>(\r\n\t({ className, children, shadowSize = 28, ...props }, ref) => {\r\n\t\tconst scrollRef = React.useRef<HTMLDivElement>(null);\r\n\t\tconst contentRef = React.useRef<HTMLDivElement>(null);\r\n\t\tconst prevStateRef = React.useRef<number>(-1);\r\n\r\n\t\tReact.useImperativeHandle(ref, () => scrollRef.current as HTMLDivElement);\r\n\r\n\t\tconst updateMask = React.useCallback(() => {\r\n\t\t\tconst el = scrollRef.current;\r\n\t\t\tif (!el) return;\r\n\r\n\t\t\tconst { scrollTop, scrollHeight, clientHeight } = el;\r\n\t\t\tconst showTop = scrollTop > 0;\r\n\t\t\tconst showBottom = scrollTop < scrollHeight - clientHeight - 1;\r\n\r\n\t\t\t// 0 = none, 1 = top, 2 = bottom, 3 = both\r\n\t\t\tconst state = (showTop ? 1 : 0) | (showBottom ? 2 : 0);\r\n\t\t\tif (state === prevStateRef.current) return;\r\n\t\t\tprevStateRef.current = state;\r\n\r\n\t\t\tif (state === 0) {\r\n\t\t\t\tel.style.maskImage = \"\";\r\n\t\t\t\tel.style.webkitMaskImage = \"\";\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst top = showTop ? `transparent, black ${shadowSize}px` : \"black\";\r\n\t\t\tconst bottom = showBottom ? `black calc(100% - ${shadowSize}px), transparent` : \"black\";\r\n\t\t\tconst mask = `linear-gradient(to bottom, ${top}, ${bottom})`;\r\n\t\t\tel.style.maskImage = mask;\r\n\t\t\tel.style.webkitMaskImage = mask;\r\n\t\t}, [shadowSize]);\r\n\r\n\t\tReact.useEffect(() => {\r\n\t\t\tconst el = scrollRef.current;\r\n\t\t\tif (!el) return;\r\n\r\n\t\t\tupdateMask();\r\n\t\t\tel.addEventListener(\"scroll\", updateMask);\r\n\r\n\t\t\treturn () => el.removeEventListener(\"scroll\", updateMask);\r\n\t\t}, [updateMask]);\r\n\r\n\t\tReact.useEffect(() => {\r\n\t\t\tconst scrollEl = scrollRef.current;\r\n\t\t\tconst contentEl = contentRef.current;\r\n\t\t\tif (!scrollEl || !contentEl) return;\r\n\r\n\t\t\tconst observer = new ResizeObserver(updateMask);\r\n\t\t\tobserver.observe(scrollEl);\r\n\t\t\tobserver.observe(contentEl);\r\n\r\n\t\t\treturn () => observer.disconnect();\r\n\t\t}, [updateMask]);\r\n\r\n\t\treturn (\r\n\t\t\t<div ref={scrollRef} className={cn(\"overflow-auto\", className)} {...props}>\r\n\t\t\t\t<div ref={contentRef}>{children}</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nScrollShadowContainer.displayName = \"ScrollShadowContainer\";\r\n"],"names":["ScrollShadowContainer","React","className","children","shadowSize","props","ref","scrollRef","contentRef","prevStateRef","updateMask","el","scrollTop","scrollHeight","clientHeight","showTop","showBottom","state","top","bottom","mask","scrollEl","contentEl","observer","cn","jsx"],"mappings":";;;AAQO,MAAMA,IAAwBC,EAAM;AAAA,EAC1C,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,YAAAC,IAAa,IAAI,GAAGC,EAAM,GAAGC,MAAQ;AACtD,UAAAC,IAAYN,EAAM,OAAuB,IAAI,GAC7CO,IAAaP,EAAM,OAAuB,IAAI,GAC9CQ,IAAeR,EAAM,OAAe,EAAE;AAE5C,IAAAA,EAAM,oBAAoBK,GAAK,MAAMC,EAAU,OAAyB;AAElE,UAAAG,IAAaT,EAAM,YAAY,MAAM;AAC1C,YAAMU,IAAKJ,EAAU;AACrB,UAAI,CAACI,EAAI;AAET,YAAM,EAAE,WAAAC,GAAW,cAAAC,GAAc,cAAAC,EAAiB,IAAAH,GAC5CI,IAAUH,IAAY,GACtBI,IAAaJ,IAAYC,IAAeC,IAAe,GAGvDG,KAASF,IAAU,IAAI,MAAMC,IAAa,IAAI;AAChD,UAAAC,MAAUR,EAAa,QAAS;AAGpC,UAFAA,EAAa,UAAUQ,GAEnBA,MAAU,GAAG;AAChB,QAAAN,EAAG,MAAM,YAAY,IACrBA,EAAG,MAAM,kBAAkB;AAC3B;AAAA,MAAA;AAGD,YAAMO,IAAMH,IAAU,sBAAsBX,CAAU,OAAO,SACvDe,IAASH,IAAa,qBAAqBZ,CAAU,qBAAqB,SAC1EgB,IAAO,8BAA8BF,CAAG,KAAKC,CAAM;AACzD,MAAAR,EAAG,MAAM,YAAYS,GACrBT,EAAG,MAAM,kBAAkBS;AAAA,IAAA,GACzB,CAAChB,CAAU,CAAC;AAEf,WAAAH,EAAM,UAAU,MAAM;AACrB,YAAMU,IAAKJ,EAAU;AACrB,UAAKI;AAEM,eAAAD,EAAA,GACRC,EAAA,iBAAiB,UAAUD,CAAU,GAEjC,MAAMC,EAAG,oBAAoB,UAAUD,CAAU;AAAA,IAAA,GACtD,CAACA,CAAU,CAAC,GAEfT,EAAM,UAAU,MAAM;AACrB,YAAMoB,IAAWd,EAAU,SACrBe,IAAYd,EAAW;AACzB,UAAA,CAACa,KAAY,CAACC,EAAW;AAEvB,YAAAC,IAAW,IAAI,eAAeb,CAAU;AAC9C,aAAAa,EAAS,QAAQF,CAAQ,GACzBE,EAAS,QAAQD,CAAS,GAEnB,MAAMC,EAAS,WAAW;AAAA,IAAA,GAC/B,CAACb,CAAU,CAAC,qBAGb,OAAI,EAAA,KAAKH,GAAW,WAAWiB,EAAG,iBAAiBtB,CAAS,GAAI,GAAGG,GACnE,UAAC,gBAAAoB,EAAA,OAAA,EAAI,KAAKjB,GAAa,UAAAL,EAAS,CAAA,GACjC;AAAA,EAAA;AAGH;AAEAH,EAAsB,cAAc;"}