@legion-ui-kit/react-core
Version:
<div align="center"> <img height="108" width="116" src="https://legion.digitaltelkom.id/favicon.svg?v=4643a71fb65fa61a5f2b266b769ea7b1" /> <h1 align="center">Legion UI Kit - React Core</h1> </div>
1 lines • 3.27 kB
Source Map (JSON)
{"version":3,"file":"Tab.constant.cjs","sources":["../../../../src/components/Tabs/Tab.constant.ts"],"sourcesContent":["// Types\r\nimport type {\r\n TTabActive,\r\n TTabListProps,\r\n TTabPanelListProps,\r\n TTabPanelSlideDirection,\r\n TTabPosition,\r\n TTabsMovement,\r\n TTabsProps\r\n} from './Tabs.type';\r\n\r\nexport const TAB_DISPLAY_NAME = 'Tab';\r\nexport const TAB_LIST_DISPLAY_NAME = 'TabList';\r\nexport const TAB_PANEL_DISPLAY_NAME = 'TabPanel';\r\nexport const TAB_PANEL_LIST_DISPLAY_NAME = 'TabPanelList';\r\nexport const TABS_CHILDREN_DISPLAY_NAME = [\r\n TAB_LIST_DISPLAY_NAME,\r\n TAB_PANEL_LIST_DISPLAY_NAME\r\n];\r\n\r\nexport const TABS_ANIMATION_DURATION = 300;\r\n// The delay before the animation starts or ends, to prevent race conditions between animation and rendering\r\nexport const TABS_ANIMATION_DELAY = 50;\r\n\r\nexport const TAB_PANEL_SLIDE_DIRECTIONS: TTabPanelSlideDirection[] = ['horizontal', 'vertical'];\r\nexport const TAB_PANEL_SLIDE_DIRECTION: { [key in TTabPanelSlideDirection]: key } = {\r\n horizontal: 'horizontal',\r\n vertical: 'vertical'\r\n};\r\n\r\nexport const TABS_POSITIONS: TTabPosition[] = ['top', 'right', 'bottom', 'left'];\r\nexport const TABS_POSITION: { [key in TTabPosition]: key } = {\r\n top: 'top',\r\n right: 'right',\r\n bottom: 'bottom',\r\n left: 'left'\r\n};\r\n\r\nexport const TABS_MOVEMENTS: TTabsMovement[] = ['idle', 'movingLeft', 'movingRight', 'movingUp', 'movingDown'];\r\nexport const TABS_MOVEMENT: { [key in TTabsMovement]: key } = {\r\n idle: 'idle',\r\n movingLeft: 'movingLeft',\r\n movingRight: 'movingRight',\r\n movingUp: 'movingUp',\r\n movingDown: 'movingDown'\r\n};\r\n\r\nexport const TAB_DEFAULT_PROPS = {\r\n position: TABS_POSITION.top\r\n};\r\n\r\nexport const TAB_ACTIVE_STYLE_DEFAULT: TTabActive = {\r\n index: 0\r\n};\r\n\r\nexport const UNKNOWN_TAB_ACTIVE: TTabActive = {\r\n index: 0,\r\n width: 0,\r\n height: 0\r\n};\r\n\r\nexport const TAB_LIST_DEFAULT_PROPS: TTabListProps = {\r\n activeTab: 0,\r\n position: TABS_POSITION.top\r\n};\r\n\r\nexport const TAB_PANEL_LIST_DEFAULT_PROPS: TTabPanelListProps = {\r\n activePanel: 0,\r\n slideDirection: TAB_PANEL_SLIDE_DIRECTION.horizontal\r\n};\r\n\r\nexport const TABS_DEFAULT_PROPS: TTabsProps = {\r\n activeTab: 0,\r\n position: TABS_POSITION.top,\r\n onChange: () => {\r\n }\r\n};\r\n"],"names":["TAB_LIST_DISPLAY_NAME","TAB_PANEL_LIST_DISPLAY_NAME","TABS_CHILDREN_DISPLAY_NAME","TAB_PANEL_SLIDE_DIRECTION","horizontal","vertical","TABS_POSITION","top","right","bottom","left","TAB_DEFAULT_PROPS","position","TAB_LIST_DEFAULT_PROPS","activeTab","TAB_PANEL_LIST_DEFAULT_PROPS","activePanel","slideDirection","TABS_DEFAULT_PROPS","idle","movingLeft","movingRight","movingUp","movingDown","index","width","height"],"mappings":"aAWO,MACMA,EAAwB,UAExBC,EAA8B,eAC9BC,EAA6B,CACxCF,EACAC,GAQWE,EAAuE,CAClFC,WAAY,aACZC,SAAU,YAICC,EAAgD,CAC3DC,IAAK,MACLC,MAAO,QACPC,OAAQ,SACRC,KAAM,QAYKC,EAAoB,CAC/BC,SAAUN,EAAcC,KAabM,EAAwC,CACnDC,UAAW,EACXF,SAAUN,EAAcC,KAGbQ,EAAmD,CAC9DC,YAAa,EACbC,eAAgBd,EAA0BC,YAG/Bc,EAAiC,CAC5CJ,UAAW,EACXF,SAAUN,EAAcC,kCAnDU,mCAFG,4FAmBuB,CAC5DY,KAAM,OACNC,WAAY,aACZC,YAAa,cACbC,SAAU,WACVC,WAAY,uEAOsC,CAClDC,MAAO,wDAzCuB,sGAEM,uJA0CQ,CAC5CA,MAAO,EACPC,MAAO,EACPC,OAAQ"}