@transkripid/flowbite-react/lib/components/Timeline/TimelinePoint.mjs.map

Official React components built for Flowbite and Tailwind CSS - Transkrip.id fork

{"version":3,"file":"TimelinePoint.mjs","sources":["../../../src/components/Timeline/TimelinePoint.tsx"],"sourcesContent":["'use client';\n\nimport type { ComponentProps, FC } from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { mergeDeep } from '../../helpers/merge-deep';\nimport type { DeepPartial } from '../../types';\nimport { useTimelineContext } from './TimelineContext';\nimport { useTimelineItemContext } from './TimelineItemContext';\n\nexport interface FlowbiteTimelinePointTheme {\n  horizontal: string;\n  line: string;\n  marker: {\n    base: {\n      horizontal: string;\n      vertical: string;\n    };\n    icon: {\n      base: string;\n      wrapper: string;\n    };\n  };\n  vertical: string;\n}\n\nexport interface TimelnePointProps extends ComponentProps<'div'> {\n  icon?: FC<ComponentProps<'svg'>>;\n  theme?: DeepPartial<FlowbiteTimelinePointTheme>;\n}\n\nexport const TimelinePoint: FC<TimelnePointProps> = ({\n  children,\n  className,\n  icon: Icon,\n  theme: customTheme = {},\n  ...props\n}) => {\n  const { horizontal } = useTimelineContext();\n  const { theme: itemTheme } = useTimelineItemContext();\n\n  const theme = mergeDeep(itemTheme.point, customTheme);\n\n  return (\n    <div\n      data-testid=\"timeline-point\"\n      className={twMerge(horizontal && theme.horizontal, !horizontal && theme.vertical, className)}\n      {...props}\n    >\n      {children}\n      {Icon ? (\n        <span className={twMerge(theme.marker.icon.wrapper)}>\n          <Icon aria-hidden className={twMerge(theme.marker.icon.base)} />\n        </span>\n      ) : (\n        <div\n          className={twMerge(horizontal && theme.marker.base.horizontal, !horizontal && theme.marker.base.vertical)}\n        />\n      )}\n      {horizontal && <div className={twMerge(theme.line)} />}\n    </div>\n  );\n};\n"],"names":["TimelinePoint","t0","$","_c","Icon","children","className","props","t1","icon","theme","t2","undefined","customTheme","horizontal","useTimelineContext","itemTheme","useTimelineItemContext","t3","point","mergeDeep","twMerge","vertical","jsx","marker","wrapper","base","line"],"mappings":";;;;;;AA8BO,MAAMA,IAAuCC,CAAAA,MAAA;AAAAC,QAAAA,IAAAC,EAAA,EAAA;AAAAC,MAAAA,GAAAC,GAAAC,GAAAC,GAAAC;AAAAN,EAAAA,SAAAD,KAAC;AAAA,IAAAI,UAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAG,MAAAL;AAAAA,IAAAM,OAAAF;AAAAA,IAAA,GAAAD;AAAAA,EAAAN,IAAAA,GAMpDC,OAAAD,GAAAC,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAM,MAAAJ,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA,GAAAM,IAAAN,EAAA,CAAA;AAAAS,MAAAA;AAAAT,EAAAA,SAAAM,KAFQA,IAAAA,MAAgBI,cAAhBJ,GAAgBN,OAAAM,GAAAN,OAAAS,KAAAA,IAAAT,EAAA,CAAA;AAAhB,QAAAW,IAAAF,GAGP;AAAA,IAAAG,YAAAA;AAAAA,MAAuBC,EAAmB,GAC1C;AAAA,IAAAL,OAAAM;AAAAA,MAA6BC,EAAuB;AAAEC,MAAAA;AAAA,MAAAhB,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAI,KAAAJ,EAAA,EAAA,MAAAW,KAAAX,EAAA,EAAA,MAAAY,KAAAZ,EAAA,EAAA,MAAAc,EAAAG,SAAAjB,EAAA,EAAA,MAAAK,GAAA;AAEtD,UAAAG,IAAcU,EAAUJ,EAASG,OAAQN,CAAW;AAGlDK,IAAAA,sBAAA,OACc,EAAA,eAAA,kBACD,WAAAG,EAAQP,KAAcJ,EAAKI,YAAa,CAACA,KAAcJ,EAAKY,UAAWhB,CAAS,GAAC,GACxFC;;MAGHH,IAGQ,gBAAAmB,EAAA,QAAA,EAFU,WAAAF,EAAQX,EAAKc,OAAAf,KAAAgB,OAAoB,GAChD,4BAACrB,GAAK,EAAA,eAAA,IAAuB,WAAAiB,EAAQX,EAAKc,OAAAf,KAAAiB,IAAiB,EAAA,CAAC,GAC9D,IAEA,gBAAAH,EAAA,OACa,EAAA,WAAAF,EAAQP,KAAcJ,EAAKc,OAAAE,KAAAZ,YAAyB,CAACA,KAAcJ,EAAKc,OAAAE,KAAAJ,QAAqB,GAAC;AAAA,MAG5GR,KAAqD,gBAAAS,EAAA,OAAA,EAAvB,WAAAF,EAAQX,EAAKiB,IAAK,GAAC;AAAA,IACpD,EAAA,CAAA,GAAMzB,OAAAE,GAAAF,OAAAG,GAAAH,QAAAI,GAAAJ,QAAAW,GAAAX,QAAAY,GAAAZ,EAAA,EAAA,IAAAc,EAAAG,OAAAjB,QAAAK,GAAAL,QAAAgB;AAAAA,EAAAA;AAAAA,IAAAA,IAAAhB,EAAA,EAAA;AAhBNgB,SAAAA;AAgBM;"}