design-react-kit/dist/Hero/HeroButton.cjs.map

Componenti React per Bootstrap 5

{"version":3,"sources":["../../src/Hero/HeroButton.tsx","../../src/Button/Button.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport classname from 'classnames';\nimport { Button, ButtonProps } from '../Button/Button';\n\nexport interface HeroButtonProps extends ButtonProps {\n  wrapperClassName?: string;\n  testId?: string;\n}\n\nexport const HeroButton: FC<HeroButtonProps> = ({ wrapperClassName, testId, ...attributes }) => {\n  const classes = classname('it-btn-container', wrapperClassName);\n  return (\n    <div className={classes} data-testid={testId}>\n      <Button size='sm' {...attributes} />\n    </div>\n  );\n};\n","import React, { FC, ButtonHTMLAttributes, ElementType, Ref } from 'react';\nimport classNames from 'classnames';\n\nimport { Button as ButtonBase } from 'reactstrap';\nimport { CSSModule } from 'reactstrap/types/lib/utils';\n\n// reactstrap wrapper\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Quando abilitato, estende il componente Button fino a prendere tutta la larghezza disponibile */\n  block?: boolean;\n  /** Utilizzarlo disabilitare il colore di sfondo, ed applicarlo invece al bordo.  */\n  outline?: boolean;\n  /** Utilizzarlo in caso di componenti personalizzati */\n  tag?: ElementType;\n  /** Classi aggiuntive da usare per il componente Button */\n  className?: string;\n  /** Oggetto contenente la nuova mappatura per le classi CSS. */\n  cssModule?: CSSModule;\n  innerRef?: Ref<HTMLButtonElement>;\n  /** Da utilizzare si usa una icona nel contenuto del Button */\n  icon?: boolean;\n  /** Da utilizzare per le varianti di dimensione del componente Button */\n  size?: 'lg' | 'sm' | 'xs';\n  /** Da utilizzare per i bottoni di chiusura all'interno di altri componenti (i.e. Chips, Modali, etc...) */\n  close?: boolean;\n  active?: boolean;\n  href?: string;\n  testId?: string;\n}\n\nexport const Button: FC<ButtonProps> = ({\n  tag = 'button',\n  icon = false,\n  color = '',\n  className,\n  testId,\n  ...attributes\n}) => {\n  const classes = classNames(className, {\n    'btn-icon': icon\n  });\n\n  const ariaAttributes = {\n    ...(attributes.disabled && { 'aria-disabled': true })\n  };\n\n  const baseProps = { color, tag };\n\n  return <ButtonBase className={classes} data-testid={testId} {...baseProps} {...attributes} {...ariaAttributes} />;\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA0B,sBAC1BC,EAAsB,2BCDtB,IAAAC,EAAkE,sBAClEC,EAAuB,2BAEvBC,EAAqC,sBA2BxBC,EAA0B,CAAC,CACtC,IAAAC,EAAM,SACN,KAAAC,EAAO,GACP,MAAAC,EAAQ,GACR,UAAAC,EACA,OAAAC,EACA,GAAGC,CACL,IAAM,CACJ,IAAMC,KAAU,EAAAC,SAAWJ,EAAW,CACpC,WAAYF,CACd,CAAC,EAEKO,EAAiB,CACrB,GAAIH,EAAW,UAAY,CAAE,gBAAiB,EAAK,CACrD,EAIA,OAAO,EAAAI,QAAA,cAAC,EAAAC,OAAA,CAAW,UAAWJ,EAAS,cAAaF,EAAS,GAF3C,CAAE,MAAAF,EAAO,IAAAF,CAAI,EAE6C,GAAGK,EAAa,GAAGG,EAAgB,CACjH,EDxCO,IAAMG,EAAkC,CAAC,CAAE,iBAAAC,EAAkB,OAAAC,EAAQ,GAAGC,CAAW,IAAM,CAC9F,IAAMC,KAAU,EAAAC,SAAU,mBAAoBJ,CAAgB,EAC9D,OACE,EAAAK,QAAA,cAAC,OAAI,UAAWF,EAAS,cAAaF,GACpC,EAAAI,QAAA,cAACC,EAAA,CAAO,KAAK,KAAM,GAAGJ,EAAY,CACpC,CAEJ","names":["HeroButton_exports","__export","HeroButton","__toCommonJS","import_react","import_classnames","import_react","import_classnames","import_reactstrap","Button","tag","icon","color","className","testId","attributes","classes","classNames","ariaAttributes","React","ButtonBase","HeroButton","wrapperClassName","testId","attributes","classes","classname","React","Button"]}