@legion-ui-kit/react-core
Version:
To install the package into your project:
1 lines • 2.31 kB
Source Map (JSON)
{"version":3,"file":"Tab.cjs","sources":["../../../../src/components/Tabs/Tab.tsx"],"sourcesContent":["// Modules\r\nimport cn from 'classnames';\r\n\r\n// Types\r\nimport type { TTabProps } from './Tabs.type';\r\n\r\n// Styles\r\nimport styles from './styles/styles.module.scss';\r\n\r\n// Constants\r\nimport { TAB_DEFAULT_PROPS, TABS_ANIMATION_DURATION } from './Tab.constant';\r\n\r\nconst Tab = (props: TTabProps) => {\r\n const {\r\n active,\r\n activeClassName,\r\n activeStyle,\r\n children,\r\n className,\r\n // Will be used in the future once the the UI is ready\r\n // disabled,\r\n onClick,\r\n position = TAB_DEFAULT_PROPS.position,\r\n style,\r\n ...restProps\r\n } = props;\r\n\r\n const tabCN = cn(className, styles.legion_tab, styles[position!], {\r\n [`${activeClassName}`]: active,\r\n [styles.active]: active\r\n // Will be used in the future once the the UI is ready\r\n // [styles.disabled]: disabled\r\n });\r\n const tabStyle = {\r\n ...style,\r\n ...(active ? activeStyle : {})\r\n };\r\n\r\n const handleClick = () => {\r\n // Will be used in the future once the the UI is ready\r\n // if (disabled) return;\r\n onClick && onClick();\r\n };\r\n\r\n return (\r\n <div\r\n className={tabCN}\r\n onClick={handleClick}\r\n style={{\r\n transitionDuration: `${TABS_ANIMATION_DURATION}ms`,\r\n ...tabStyle\r\n }}\r\n {...restProps}\r\n >\r\n {children}\r\n </div>\r\n );\r\n};\r\n\r\nTab.displayName = 'Tab';\r\nexport default Tab;\r\n"],"names":["Tab","props","active","activeClassName","activeStyle","children","className","onClick","position","TAB_DEFAULT_PROPS","style","restProps","tabCN","cn","styles","legion_tab","tabStyle","_jsx","transitionDuration","TABS_ANIMATION_DURATION","displayName"],"mappings":"0QAYA,MAAMA,EAAOC,IACX,MAAMC,OACJA,EAAMC,gBACNA,EAAeC,YACfA,EAAWC,SACXA,EAAQC,UACRA,EAASC,QAGTA,EAAOC,SACPA,EAAWC,oBAAkBD,SAAQE,MACrCA,KACGC,GACDV,EAEEW,EAAQC,EAAAA,QAAGP,EAAWQ,EAAAA,QAAOC,WAAYD,EAAAA,QAAON,GAAY,CAChE,CAAC,GAAGL,KAAoBD,EACxB,CAACY,EAAAA,QAAOZ,QAASA,IAIbc,EAAW,IACZN,KACCR,EAASE,EAAc,CAAA,GAS7B,OACEa,EAAAA,IAAA,MAAA,CACEX,UAAWM,EACXL,QATgB,KAGlBA,GAAWA,KAOTG,MAAO,CACLQ,mBAAoB,GAAGC,EAAAA,+BACpBH,MAEDL,EAASN,SAEZA,KAKPL,EAAIoB,YAAc"}