design-react-kit/dist/Upload/UploadList.cjs.map

Componenti React per Bootstrap 5

{"version":3,"sources":["../../src/Upload/UploadList.tsx","../../src/Upload/useUploadContext.ts"],"sourcesContent":["import classNames from 'classnames';\nimport React, { FC, HTMLAttributes } from 'react';\nimport { UploadContext } from './useUploadContext';\n\nexport interface UploadListProps extends HTMLAttributes<HTMLUListElement> {\n  /** Classi aggiuntive da usare per il componente lista del UploadList */\n  className?: string;\n  /** Indica che gli item list hanno l'immagine come anteprima */\n  previewImage?: boolean;\n  /** Indica la tipologia di lista\n   * @default file\n   */\n  tipologia: 'file' | 'gallery';\n  testId?: string;\n}\n\nexport const UploadList: FC<UploadListProps> = ({ className, previewImage, tipologia = 'file', ...attributes }) => {\n  const classes = classNames(\n    { 'upload-file-list': tipologia == 'file' },\n    { 'upload-pictures-wall': tipologia == 'gallery' },\n    { 'upload-file-list-image': previewImage },\n    className\n  );\n\n  return (\n    <UploadContext.Provider value={{ tipologia }}>\n      <ul {...attributes} className={classes} />\n    </UploadContext.Provider>\n  );\n};\n","import { createContext, useContext } from 'react';\n\ninterface UploadContextType {\n  tipologia: 'file' | 'gallery';\n}\n\nexport const UploadContext = createContext<UploadContextType>({\n  tipologia: 'file'\n});\n\nexport const useUploadContext = () => {\n  const { tipologia } = useContext(UploadContext);\n  return tipologia;\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,2BACvBC,EAA0C,sBCD1C,IAAAC,EAA0C,iBAM7BC,KAAgB,iBAAiC,CAC5D,UAAW,MACb,CAAC,EDQM,IAAMC,EAAkC,CAAC,CAAE,UAAAC,EAAW,aAAAC,EAAc,UAAAC,EAAY,OAAQ,GAAGC,CAAW,IAAM,CACjH,IAAMC,KAAU,EAAAC,SACd,CAAE,mBAAoBH,GAAa,MAAO,EAC1C,CAAE,uBAAwBA,GAAa,SAAU,EACjD,CAAE,yBAA0BD,CAAa,EACzCD,CACF,EAEA,OACE,EAAAM,QAAA,cAACC,EAAc,SAAd,CAAuB,MAAO,CAAE,UAAAL,CAAU,GACzC,EAAAI,QAAA,cAAC,MAAI,GAAGH,EAAY,UAAWC,EAAS,CAC1C,CAEJ","names":["UploadList_exports","__export","UploadList","__toCommonJS","import_classnames","import_react","import_react","UploadContext","UploadList","className","previewImage","tipologia","attributes","classes","classNames","React","UploadContext"]}