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

Componenti React per Bootstrap 5

{"version":3,"sources":["../../src/Card/Card.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, ElementType, Ref } from 'react';\nimport classNames from 'classnames';\nimport { CSSModule } from 'reactstrap/types/lib/utils';\n\nexport interface CardProps extends HTMLAttributes<HTMLElement> {\n  /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n  tag?: ElementType;\n  /** Classi aggiuntive da usare per il componente Card */\n  className?: string;\n  /** Da utilizzare per impostare un riferimento all'elemento DOM */\n  innerRef?: Ref<HTMLElement>;\n  /** Oggetto contenente la nuova mappatura per le classi CSS. */\n  cssModule?: CSSModule;\n  /** Abilita la versione teaser della Card */\n  teaser?: boolean;\n  /** La card contiene un'immagine */\n  image?: boolean;\n  /** La card è di tipo banner */\n  banner?: boolean;\n  /** La card è di tipo profile */\n  profile?: boolean;\n  /** La card è inline */\n  inline?: boolean;\n  /** La card è inline-reverse */\n  inlineReverse?: boolean;\n  /** La card è inline-mini */\n  inlineMini?: boolean;\n  /** La card è arrotondata */\n  rounded?: boolean;\n  /** La card è full height */\n  fullHeight?: boolean;\n  /** La card ha un bordo */\n  border?: boolean;\n  /** La card ha un bordo di estremità */\n  borderTop?: boolean;\n  /** La card ha un bordo */\n  shadow?: 'sm' | 'lg' | 'normal' | null;\n  testId?: string;\n}\n\nexport const Card: FC<CardProps> = ({\n  tag = 'article',\n  teaser,\n  image,\n  border=true,\n  borderTop,\n  inline,\n  inlineReverse,\n  inlineMini,\n  rounded,\n  fullHeight,\n  banner,\n  profile,\n  shadow=null,\n  testId,\n  ...attributes\n}) => {\n  const cardClasses = classNames('it-card', attributes.className, {\n    'card-teaser': teaser,\n    'it-card-image': image,\n    'border': border,\n    'it-card-inline': inline,\n    'it-card-inline-reverse': inlineReverse,\n    'it-card-inline-mini': inlineMini,\n    'it-card-height-full': fullHeight,\n    'rounded': rounded,\n    'card-teaser-wrapper': teaser,\n    'shadow': shadow === 'normal',\n    'shadow-lg': shadow === 'lg',\n    'shadow-sm': shadow === 'sm',\n    'it-card-banner': banner,\n    'it-card-profile': profile,\n    'it-border-top': borderTop,\n    'it-border-top-secondary': borderTop,\n\n  });\n\n  const T = tag;\n\n  return (\n    <T\n      {...attributes}\n      className={cardClasses}\n      data-testid={testId}\n    />\n  );\n\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA4D,sBAC5DC,EAAuB,2BAuCVH,EAAsB,CAAC,CAClC,IAAAI,EAAM,UACN,OAAAC,EACA,MAAAC,EACA,OAAAC,EAAO,GACP,UAAAC,EACA,OAAAC,EACA,cAAAC,EACA,WAAAC,EACA,QAAAC,EACA,WAAAC,EACA,OAAAC,EACA,QAAAC,EACA,OAAAC,EAAO,KACP,OAAAC,EACA,GAAGC,CACL,IAAM,CACJ,IAAMC,KAAc,EAAAC,SAAW,UAAWF,EAAW,UAAW,CAC9D,cAAeb,EACf,gBAAiBC,EACjB,OAAUC,EACV,iBAAkBE,EAClB,yBAA0BC,EAC1B,sBAAuBC,EACvB,sBAAuBE,EACvB,QAAWD,EACX,sBAAuBP,EACvB,OAAUW,IAAW,SACrB,YAAaA,IAAW,KACxB,YAAaA,IAAW,KACxB,iBAAkBF,EAClB,kBAAmBC,EACnB,gBAAiBP,EACjB,0BAA2BA,CAE7B,CAAC,EAID,OACE,EAAAa,QAAA,cAHQjB,EAGP,CACE,GAAGc,EACJ,UAAWC,EACX,cAAaF,EACf,CAGJ","names":["Card_exports","__export","Card","__toCommonJS","import_react","import_classnames","tag","teaser","image","border","borderTop","inline","inlineReverse","inlineMini","rounded","fullHeight","banner","profile","shadow","testId","attributes","cardClasses","classNames","React"]}