@mantine/core/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.cjs.map

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"ScrollAreaScrollbar.cjs","names":["useScrollAreaContext","ScrollAreaScrollbarHover","ScrollAreaScrollbarScroll","ScrollAreaScrollbarAuto","ScrollAreaScrollbarVisible"],"sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { ScrollAreaScrollbarAuto } from './ScrollAreaScrollbarAuto';\nimport { ScrollAreaScrollbarHover } from './ScrollAreaScrollbarHover';\nimport { ScrollAreaScrollbarScroll } from './ScrollAreaScrollbarScroll';\nimport {\n  ScrollAreaScrollbarVisible,\n  ScrollAreaScrollbarVisibleProps,\n} from './ScrollAreaScrollbarVisible';\n\ninterface ScrollAreaScrollbarProps extends ScrollAreaScrollbarVisibleProps {\n  forceMount?: true;\n}\n\nexport function ScrollAreaScrollbar(props: ScrollAreaScrollbarProps) {\n  const { forceMount, ...scrollbarProps } = props;\n  const context = useScrollAreaContext();\n  const { onScrollbarXEnabledChange, onScrollbarYEnabledChange } = context;\n  const isHorizontal = props.orientation === 'horizontal';\n\n  useEffect(() => {\n    isHorizontal ? onScrollbarXEnabledChange(true) : onScrollbarYEnabledChange(true);\n    return () => {\n      isHorizontal ? onScrollbarXEnabledChange(false) : onScrollbarYEnabledChange(false);\n    };\n  }, [isHorizontal, onScrollbarXEnabledChange, onScrollbarYEnabledChange]);\n\n  return context.type === 'hover' ? (\n    <ScrollAreaScrollbarHover {...scrollbarProps} forceMount={forceMount} />\n  ) : context.type === 'scroll' ? (\n    <ScrollAreaScrollbarScroll {...scrollbarProps} forceMount={forceMount} />\n  ) : context.type === 'auto' ? (\n    <ScrollAreaScrollbarAuto {...scrollbarProps} forceMount={forceMount} />\n  ) : context.type === 'always' ? (\n    <ScrollAreaScrollbarVisible {...scrollbarProps} />\n  ) : null;\n}\n\nScrollAreaScrollbar.displayName = '@mantine/core/ScrollAreaScrollbar';\n"],"mappings":";;;;;;;;;;AAcA,SAAgB,oBAAoB,OAAiC;CACnE,MAAM,EAAE,YAAY,GAAG,mBAAmB;CAC1C,MAAM,UAAUA,2BAAAA,sBAAsB;CACtC,MAAM,EAAE,2BAA2B,8BAA8B;CACjE,MAAM,eAAe,MAAM,gBAAgB;AAE3C,EAAA,GAAA,MAAA,iBAAgB;AACd,iBAAe,0BAA0B,KAAK,GAAG,0BAA0B,KAAK;AAChF,eAAa;AACX,kBAAe,0BAA0B,MAAM,GAAG,0BAA0B,MAAM;;IAEnF;EAAC;EAAc;EAA2B;EAA0B,CAAC;AAExE,QAAO,QAAQ,SAAS,UACtB,iBAAA,GAAA,kBAAA,KAACC,iCAAAA,0BAAD;EAA0B,GAAI;EAA4B;EAAc,CAAA,GACtE,QAAQ,SAAS,WACnB,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,2BAAD;EAA2B,GAAI;EAA4B;EAAc,CAAA,GACvE,QAAQ,SAAS,SACnB,iBAAA,GAAA,kBAAA,KAACC,gCAAAA,yBAAD;EAAyB,GAAI;EAA4B;EAAc,CAAA,GACrE,QAAQ,SAAS,WACnB,iBAAA,GAAA,kBAAA,KAACC,mCAAAA,4BAAD,EAA4B,GAAI,gBAAkB,CAAA,GAChD;;AAGN,oBAAoB,cAAc"}