UNPKG

@scrolia/react

Version:

A headless scrollbar component

1 lines 1.3 kB
{"version":3,"file":"x.mjs","names":["props: TrackXProps","p: TrackXProps"],"sources":["../../../src/components/track/x.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { useScrollCore } from \"#/contexts/scrollcore\";\nimport { getComponentProps } from \"#/functions/props\";\n\n/** Props for the `TrackX` component. */\ntype TrackXProps = React.ComponentProps<\"div\">;\n\n/** Horizontal track component. */\nconst TrackX = (props: TrackXProps): React.JSX.Element => {\n const {\n options: { disabled, plugins },\n x: { setHvTrack },\n } = useScrollCore();\n\n const p: TrackXProps = getComponentProps({\n name: \"trackX\",\n props,\n plugins,\n });\n\n React.useEffect((): void => {\n setHvTrack(true);\n }, [\n setHvTrack,\n ]);\n\n if (disabled) return <>{}</>;\n\n return <div {...p}>{p.children}</div>;\n};\n\nexport type { TrackXProps };\nexport { TrackX };\n"],"mappings":";;;;;;;;;AAWA,MAAM,SAAS,CAACA,UAA0C;CACtD,MAAM,EACF,SAAS,EAAE,UAAU,SAAS,EAC9B,GAAG,EAAE,YAAY,EACpB,GAAG,eAAe;CAEnB,MAAMC,IAAiB,kBAAkB;EACrC,MAAM;EACN;EACA;CACH,EAAC;AAEF,OAAM,UAAU,MAAY;AACxB,aAAW,KAAK;CACnB,GAAE,CACC,UACH,EAAC;AAEF,KAAI,SAAU,wBAAO,iBAAO;AAE5B,wBAAO,IAAC;EAAI,GAAI;YAAI,EAAE;GAAe;AACxC"}