design-react-kit/dist/ThumbNav/ThumbNav.cjs.map

Componenti React per Bootstrap 5

{"version":3,"sources":["../../src/ThumbNav/ThumbNav.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes } from 'react';\nimport classNames from 'classnames';\n\nexport interface ThumbNavProps extends HTMLAttributes<HTMLUListElement> {\n  fixedWidth?: boolean;\n  isSmall?: boolean;\n  isVertical?: boolean;\n  noZoomOnHover?: boolean;\n  overlayOnHover?: 'black' | 'primary';\n  position?: 'top' | 'right' | 'bottom' | 'left';\n  rowItems?: 2 | 3 | 4 | 5;\n  testId?: string;\n}\n\nexport const ThumbNav: FC<ThumbNavProps> = ({\n  isSmall = false,\n  fixedWidth = false,\n  isVertical = false,\n  noZoomOnHover = false,\n  rowItems,\n  overlayOnHover,\n  position,\n  testId,\n  ...attributes\n}) => {\n  const classes = classNames('thumb-nav', {\n    'thumb-nav-fixed': fixedWidth,\n    'thumb-nav-small': isSmall,\n    'thumb-nav-vertical': isVertical || position === 'left' || position === 'right',\n    'thumb-nav-nozoom': noZoomOnHover,\n    [`thumb-nav-${overlayOnHover}`]: overlayOnHover,\n    [`thumb-nav-${position}`]: position,\n    'thumb-nav-auto': rowItems != null,\n    [`thumb-nav-auto-${rowItems}`]: rowItems != null\n  });\n\n  return <ul className={classes} {...attributes} data-testid={testId} />;\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA0C,sBAC1CC,EAAuB,2BAaVH,EAA8B,CAAC,CAC1C,QAAAI,EAAU,GACV,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,cAAAC,EAAgB,GAChB,SAAAC,EACA,eAAAC,EACA,SAAAC,EACA,OAAAC,EACA,GAAGC,CACL,IAAM,CACJ,IAAMC,KAAU,EAAAC,SAAW,YAAa,CACtC,kBAAmBT,EACnB,kBAAmBD,EACnB,qBAAsBE,GAAcI,IAAa,QAAUA,IAAa,QACxE,mBAAoBH,EACpB,CAAC,aAAaE,CAAc,EAAE,EAAGA,EACjC,CAAC,aAAaC,CAAQ,EAAE,EAAGA,EAC3B,iBAAkBF,GAAY,KAC9B,CAAC,kBAAkBA,CAAQ,EAAE,EAAGA,GAAY,IAC9C,CAAC,EAED,OAAO,EAAAO,QAAA,cAAC,MAAG,UAAWF,EAAU,GAAGD,EAAY,cAAaD,EAAQ,CACtE","names":["ThumbNav_exports","__export","ThumbNav","__toCommonJS","import_react","import_classnames","isSmall","fixedWidth","isVertical","noZoomOnHover","rowItems","overlayOnHover","position","testId","attributes","classes","classNames","React"]}