@oneplatformdev/ui 0.1.99-beta.295 → 0.1.99-beta.297

package/Dropzone/Dropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.js","sources":["../../src/Dropzone/Dropzone.tsx"],"sourcesContent":["import { FileTextIcon, InfoIcon, Plus, UploadIcon, X } from 'lucide-react';\nimport { forwardRef, useEffect, useImperativeHandle, useState } from 'react';\nimport { FileRejection, useDropzone } from 'react-dropzone';\n\nimport { cn } from '@oneplatformdev/utils';\n\nimport { Card } from '../Card/Card';\n\nimport {\n  DEFAULT_FILE_TYPES,\n  DropzoneControl,\n  DropzoneProps,\n  DropzoneValueItem\n} from './Dropzone.types';\nimport { FilePreview } from './DropzoneFilePreview';\nimport { DropzoneSinglePickPreview } from './DropzoneSinglePickPreview';\nimport { extractName, isFile, isVideoUrl } from './DropzoneUtils';\nimport { Button } from \"../Button\";\nimport fileCsvIcon from './icons/file-csv.svg';\nimport fileDocIcon from './icons/file-doc.svg';\nimport fileDocxIcon from './icons/file-docx.svg';\nimport fileJpgIcon from './icons/file-jpg.svg';\nimport filePdfIcon from './icons/file-pdf.svg';\nimport filePngIcon from './icons/file-png.svg';\nimport filePptIcon from './icons/file-ppt.svg';\nimport filePptxIcon from './icons/file-pptx.svg';\nimport fileRarIcon from './icons/file-rar.svg';\nimport fileSvgIcon from './icons/file-svg.svg';\nimport fileWebpIcon from './icons/file-webp.svg';\nimport fileXlsIcon from './icons/file-xls.svg';\nimport fileXlsxIcon from './icons/file-xlsx.svg';\nimport fileZipIcon from './icons/file-zip.svg';\n\nconst formatFileSize = (bytes = 0): string => {\n  if (!bytes || bytes < 0) return '0 KB';\n  const KB = 1024;\n  const MB = KB * 1024;\n  const GB = MB * 1024;\n  if (bytes >= GB) return `${(bytes / GB).toFixed(2)} GB`;\n  if (bytes >= MB) {\n    const mb = bytes / MB;\n    return `${mb >= 100 ? mb.toFixed(0) : mb.toFixed(2)} MB`;\n  }\n  if (bytes >= KB) return `${(bytes / KB).toFixed(bytes / KB >= 100 ? 0 : 1)} KB`;\n  return `${bytes} B`;\n};\nconst FILE_EXT_ICON_MAP: Record<string, string> = {\n  csv: fileCsvIcon,\n  doc: fileDocIcon,\n  docx: fileDocxIcon,\n  jpg: fileJpgIcon,\n  jpeg: fileJpgIcon,\n  pdf: filePdfIcon,\n  png: filePngIcon,\n  ppt: filePptIcon,\n  pptx: filePptxIcon,\n  rar: fileRarIcon,\n  svg: fileSvgIcon,\n  webp: fileWebpIcon,\n  xls: fileXlsIcon,\n  xlsx: fileXlsxIcon,\n  zip: fileZipIcon,\n};\n\nconst getFileExtension = (fileName?: string) => {\n  if (!fileName) return '';\n  const parts = fileName.toLowerCase().split('.');\n  return parts.length > 1 ? parts[parts.length - 1] : '';\n};\n\nconst getFileTypeIconByName = (fileName?: string) => {\n  const extension = getFileExtension(fileName);\n  return FILE_EXT_ICON_MAP[extension] ?? null;\n};\nconst areItemsEqual = (a: DropzoneValueItem[], b: DropzoneValueItem[]) => {\n  if (a === b) return true;\n  if (a.length !== b.length) return false;\n\n  for (let i = 0; i < a.length; i++) {\n    const left = a[i];\n    const right = b[i];\n\n    if (left === right) continue;\n\n    if (typeof left === 'string' && typeof right === 'string') {\n      if (left !== right) return false;\n      continue;\n    }\n\n    if (isFile(left) && isFile(right)) {\n      if (\n        left.name !== right.name ||\n        left.size !== right.size ||\n        left.type !== right.type ||\n        left.lastModified !== right.lastModified\n      ) {\n        return false;\n      }\n      continue;\n    }\n\n    return false;\n  }\n\n  return true;\n};\n\n/**\n * Dropzone component - A drag-and-drop file upload area with image previews, error handling, and localization.\n *\n * @component\n * @param {DropzoneProps} props - The props for the Dropzone component.\n * @param {string[]} [props.acceptTypes=DEFAULT_FILE_TYPES] - Allowed file MIME types.\n * @param {number} props.maxSizeMB - Maximum allowed file size in megabytes.\n * @param {number} [props.maxFiles=1] - Maximum number of files that can be uploaded.\n * @param {DropzoneTranslations} props.translations - Translations for text labels.\n * @param {(errors: FileRejection[]) => void} [props.onErrors] - Callback triggered when file errors occur.\n * @param {boolean} [props.hideErrors=false] - Whether to hide error messages.\n * @param {boolean} [props.disabled=false] - Whether the dropzone is disabled.\n * @param {DropzoneStyles} [props.classNames] - Custom classNames for different dropzone states.\n * @param {DropzoneValueItem[]} [props.value=[]] - Current selected files or URLs.\n * @param {(items: DropzoneValueItem[]) => void} [props.onChangeValue] - Callback triggered when file selection changes.\n * @param {string} [props.className] - Additional class names for styling.\n * @param {React.Ref<HTMLDivElement>} ref - Ref for the root dropzone container.\n * @returns {JSX.Element} The rendered Dropzone component.\n */\nexport const Dropzone = forwardRef<DropzoneControl, DropzoneProps>(\n  (\n    {\n      acceptTypes = DEFAULT_FILE_TYPES,\n      maxSizeMB,\n      maxFiles = 1,\n      onErrors,\n      hideErrors = false,\n      disabled = false,\n      classNames,\n      value,\n      onChangeValue,\n      className,\n      labelDropzonePrompt = 'Drop files here or click to select',\n      labelDropzoneSubPrompt = '',\n      labelOrClickToSelect = 'Upload file',\n      labelSelectedFiles = 'Selected Files',\n      labelUploadErrors = 'Upload Errors',\n      labelFileTooLarge = 'File is too large',\n      labelInvalidFileType = 'Invalid file type',\n      labelVideoUploaded = 'Uploaded',\n      labelVideoReplace = 'Replace',\n      singlePick = false,\n      labelDropzoneClassname,\n      labelDropzoneSubClassname,\n      isUploading = false,\n      uploadProgress = 0,\n      uploadLoadedBytes = 0,\n      uploadTotalBytes = 0,\n      onCancelUpload,\n      labelUploadingTitle = 'Uploading video...',\n      labelUploadingHint = 'Please do not close this page',\n      labelUploadingActionCancel = 'Cancel',\n      labelUploadingOf = 'of',\n      playerTranslations,\n      singlePickFileInfo,\n      persistentDropzone = false,\n      previewVariant = 'default',\n      coverFirstItem = false,\n      ...restProps\n    },\n    ref\n  ) => {\n    const [items, setItems] = useState<DropzoneValueItem[]>(value ?? []);\n    const [fileErrors, setFileErrors] = useState<FileRejection[]>([]);\n    const firstItem = items[0];\n    const firstRejectedFile = fileErrors[0]?.file;\n    const isRejectedImage = Boolean(firstRejectedFile?.type?.includes('image'));\n    const isSingleFile = singlePick && items.length > 0 && isFile(firstItem);\n    const isSingleImage = isSingleFile && firstItem.type.includes('image');\n    const isSingleVideo =\n      (isSingleFile && firstItem.type.includes('video')) ||\n      (singlePick && items.length > 0 && typeof firstItem === 'string' && isVideoUrl(firstItem));\n    const isSingleDocument = isSingleFile && !isSingleImage && !isSingleVideo;\n    const hasRejectedSingleFile = singlePick && !items.length && Boolean(firstRejectedFile);\n    const hasRejectedSingleDocumentFile = hasRejectedSingleFile && !isRejectedImage;\n    const singleFileCard = isSingleDocument ? firstItem : firstRejectedFile;\n    const singleFileCardIcon = getFileTypeIconByName(singleFileCard?.name);\n    const hasSingleVideoPreview =\n      singlePick && isSingleVideo;\n    const shouldBlockRootOpen = hasSingleVideoPreview;\n    const isContentPreviewMode = singlePick && items.length > 0;\n    const isSingleImagePreview =\n      isContentPreviewMode && !isSingleDocument && !hasSingleVideoPreview;\n\n    const onDrop = (acceptedFiles: File[], fileRejections: FileRejection[]) => {\n      setFileErrors(fileRejections);\n      onErrors?.(fileRejections);\n\n      const newItems = singlePick\n        ? acceptedFiles.slice(0, 1)\n        : [...items, ...acceptedFiles].slice(0, maxFiles);\n\n      setItems(newItems);\n      onChangeValue?.(newItems);\n    };\n\n    useEffect(() => {\n      if (value && !areItemsEqual(items, value)) {\n        setItems(value);\n      }\n    }, [items, value]);\n\n    const removeItem = (\n      event: React.MouseEvent<HTMLDivElement>,\n      index: number\n    ) => {\n      if (disabled) return;\n      event.stopPropagation();\n\n      const newItems = items.filter((_, i) => i !== index);\n      setItems(newItems);\n      onChangeValue?.(newItems);\n    };\n\n    const { getRootProps, getInputProps, isDragActive, open } = useDropzone({\n      onDrop,\n      accept: acceptTypes.reduce((acc, fileType) => {\n        acc[fileType] = [];\n        return acc;\n      }, {} as Record<string, string[]>),\n      maxSize: maxSizeMB * 1024 * 1024,\n      maxFiles: singlePick ? 1 : maxFiles,\n      disabled: disabled || isUploading,\n      noClick: true,\n    });\n\n    useImperativeHandle(ref, () => {\n      return {\n        setItems,\n      };\n    }, []);\n\n    const isCoverMode =\n      coverFirstItem && previewVariant === 'image-grid' && !singlePick && items.length > 0;\n\n    const shouldRenderDetachedPreview =\n      !isUploading && !singlePick && persistentDropzone && items.length > 0;\n\n    const restItemsForGrid = isCoverMode ? items.slice(1) : items;\n\n    const showAddMoreTile =\n      !disabled &&\n      !singlePick &&\n      previewVariant === 'image-grid' &&\n      items.length > 0 &&\n      items.length < maxFiles;\n\n    const previewBlock =\n      !isUploading &&\n      !singlePick &&\n      (restItemsForGrid.length > 0 || showAddMoreTile) && (\n      <div className={cn('w-full mt-2', classNames?.previewWrapper)}>\n        {previewVariant === 'default' && (\n          <pre className=\"font-semibold text-gray-600\">\n            {labelSelectedFiles}:\n          </pre>\n        )}\n        <ul\n          className={cn(\n            'mt-2 text-sm text-gray-500 flex flex-wrap items-start',\n            previewVariant === 'image-grid'\n              ? 'gap-2 justify-start'\n              : 'gap-4 justify-center'\n          )}\n        >\n          {restItemsForGrid.map((item, gridIndex) => {\n            const index = isCoverMode ? gridIndex + 1 : gridIndex;\n            const fileName = isFile(item) ? item.name : extractName(item);\n            const fileSize = isFile(item) ? formatFileSize(item.size) : '';\n\n            return (\n              <li\n                key={index}\n                className={cn(\n                  'relative',\n                  previewVariant === 'image-grid'\n                    ? 'w-[75px] h-[75px]'\n                    : 'flex flex-col items-center gap-2'\n                )}\n              >\n                <div className=\"relative w-full h-full\">\n                  <FilePreview item={item} styles={classNames} />\n                  <div\n                    className={cn(\n                      'absolute top-0 right-0 cursor-pointer bg-gray-300 rounded-sm',\n                      previewVariant === 'image-grid' && 'top-1 right-1 bg-white/90 rounded-full p-0.5'\n                    )}\n                    onClick={(event) => removeItem(event, index)}\n                  >\n                    <X size={16} strokeWidth={1} color=\"black\" />\n                  </div>\n                </div>\n                {previewVariant === 'default' && (\n                  <span className=\"inline-flex flex-col items-center\">\n                    <span className=\"max-w-[80px] text-ellipsis overflow-hidden whitespace-nowrap\">\n                      {fileName}\n                    </span>\n                    {fileSize && <span>({fileSize})</span>}\n                  </span>\n                )}\n              </li>\n            );\n          })}\n          {showAddMoreTile && (\n            <li\n              key=\"add-more\"\n              className=\"relative w-[75px] h-[75px] flex items-center justify-center rounded-[8px] border border-dashed border-[#9368FF80] bg-[#FCFCFC] cursor-pointer hover:bg-[#9368FF0F]\"\n              onClick={(event) => {\n                event.stopPropagation();\n                if (disabled || isUploading) return;\n                open();\n              }}\n            >\n              <div className=\"flex size-6 items-center justify-center rounded-full bg-[#9368FF1F]\">\n                <Plus size={16} className=\"text-[#9368FF]\" />\n              </div>\n            </li>\n          )}\n        </ul>\n      </div>\n    );\n\n    return (\n      <div className=\"w-full select-none\">\n        <Card\n          {...restProps}\n          {...getRootProps({\n            onClick: (event) => {\n              if (disabled || isUploading) return;\n              if (shouldBlockRootOpen) {\n                restProps.onClick?.(event);\n                return;\n              }\n              open();\n              restProps.onClick?.(event);\n            },\n          })}\n          className={cn(\n            `w-full text-center flex flex-col items-center justify-center gap-6 cursor-pointer`,\n            !isContentPreviewMode &&\n              'border border-dashed border-[#9368FF80] rounded-[8px] bg-[#FCFCFC] p-4',\n            isContentPreviewMode && 'min-h-0 border-0 bg-transparent p-0',\n            isCoverMode && 'relative',\n            disabled && 'border-[#E4E4E7] pointer-events-none',\n            fileErrors.length > 0 && !isContentPreviewMode && 'border-red-500',\n            isDragActive && 'bg-gray-100',\n            singlePick && 'shadow-none!',\n            singlePick && items.length > 0 && !hasSingleVideoPreview && 'p-0! shadow-none!',\n            hasSingleVideoPreview && 'h-auto! max-h-none! min-h-0! p-2!',\n            isSingleImagePreview && 'h-64',\n            className\n          )}\n        >\n          <input {...getInputProps()} />\n\n        {isUploading && (\n          <div\n            className=\"w-full h-full min-h-46 rounded-lg border border-[#E4E4E7] bg-[#FCFCFC] flex flex-col items-center justify-center gap-4 p-4\"\n            onClick={(event) => event.stopPropagation()}\n          >\n            <div className=\"relative h-24 w-24\">\n              <svg className=\"h-24 w-24\" viewBox=\"0 0 100 100\">\n                <circle cx=\"50\" cy=\"50\" r=\"42\" stroke=\"#E6E1F5\" strokeWidth=\"8\" fill=\"none\" />\n              </svg>\n              <span className=\"absolute inset-0 flex items-center justify-center text-lg font-semibold text-foreground\">\n                {Math.max(0, Math.min(100, Math.round(uploadProgress)))}%\n              </span>\n            </div>\n\n            <div className=\"text-center\">\n              <p className=\"text-xl font-semibold text-foreground\">{labelUploadingTitle}</p>\n              <p className=\"text-sm text-[#666A78]\">\n                {formatFileSize(uploadLoadedBytes)} {labelUploadingOf} {formatFileSize(uploadTotalBytes)}\n              </p>\n              <p className=\"mt-2 text-sm text-[#666A78]\">{labelUploadingHint}</p>\n            </div>\n\n            <div className=\"w-full max-w-[520px] h-2 rounded-full bg-[#E6E1F5] overflow-hidden\">\n              <div\n                className=\"h-full bg-[#9368FF] transition-[width] duration-150 ease-linear\"\n                style={{ width: `${Math.max(0, Math.min(100, uploadProgress))}%` }}\n              />\n            </div>\n\n            {onCancelUpload && (\n              <button\n                type=\"button\"\n                className=\"mt-1 h-10 min-w-36 rounded-md border border-[#E4E4E7] bg-white px-6 text-base font-medium text-foreground cursor-pointer\"\n                onClick={(event) => {\n                  event.stopPropagation();\n                  onCancelUpload();\n                }}\n              >\n                {labelUploadingActionCancel}\n              </button>\n            )}\n          </div>\n        )}\n\n        {!isUploading && isCoverMode && (\n          <div\n            className=\"absolute inset-0 rounded-[8px] overflow-hidden\"\n            onClick={(event) => event.stopPropagation()}\n          >\n            <FilePreview\n              item={items[0]}\n              styles={{\n                ...classNames,\n                previewWraper: cn(\n                  'w-full h-full rounded-[8px] border-0',\n                  classNames?.previewWraper?.replace(/w-\\[[^\\]]+\\]|h-\\[[^\\]]+\\]/g, ''),\n                ),\n              }}\n            />\n            <div\n              className=\"absolute top-2 right-2 cursor-pointer bg-white/90 rounded-full p-1\"\n              onClick={(event) => removeItem(event, 0)}\n            >\n              <X size={16} strokeWidth={1} color=\"black\" />\n            </div>\n          </div>\n        )}\n\n        {!isUploading &&\n          (items.length === 0 || (!singlePick && persistentDropzone)) &&\n          (fileErrors.length === 0 || !singlePick) && (\n          <div\n            className={cn(\n              'flex flex-col items-center gap-2 w-full',\n              classNames?.idleWrapper,\n              isCoverMode && 'invisible',\n            )}\n          >\n            <div className=\"flex size-12 items-center justify-center rounded-full bg-[#9368FF1F]\">\n              <UploadIcon className=\"size-6 text-[#9368FF]\" />\n            </div>\n\n            <div className=\"flex flex-col items-center gap-1 w-full\">\n              {!disabled && (\n                <>\n                  <span\n                    className={cn(\n                      \"font-semibold text-[14px] leading-[125%] text-[#06080D] text-center w-full whitespace-pre-line\",\n                      labelDropzoneClassname\n                    )}\n                  >\n                    {labelDropzonePrompt}\n                  </span>\n\n                  <span\n                    className={cn(\n                      \"font-medium text-[12px] leading-[120%] text-[#666A78] text-center w-full whitespace-pre-line\",\n                      labelDropzoneSubClassname\n                    )}\n                  >\n                    {labelDropzoneSubPrompt}\n                  </span>\n                </>\n              )}\n            </div>\n\n            {!disabled && (\n              <Button\n                type=\"button\"\n                size=\"md\"\n              >\n                {labelOrClickToSelect}\n              </Button>\n            )}\n          </div>\n        )}\n\n        {!isUploading && singlePick && fileErrors.length > 0 && !hasRejectedSingleDocumentFile && (\n          <div className={cn('w-full mt-4', classNames?.errorWrapper)}>\n            <span className=\"font-semibold text-red-500\">\n              {labelUploadErrors}:\n            </span>\n            <ul className=\"mt-2 text-sm text-red-500 list-disc list-inside\">\n              {fileErrors.map((fileRejection, index) => (\n                <li key={index}>\n                  {fileRejection.file.name} (\n                  {formatFileSize(fileRejection.file.size)})\n                  {!hideErrors && (\n                    <ul className=\"ml-4 list-disc list-inside\">\n                      {fileRejection.errors.map((error, errorIndex) => (\n                        <li key={errorIndex}>\n                          {error.code === 'file-too-large' && labelFileTooLarge}\n                          {error.code === 'file-invalid-type' &&\n                            labelInvalidFileType}\n                          {error.code !== 'file-too-large' &&\n                            error.code !== 'file-invalid-type' &&\n                            error.message}\n                        </li>\n                      ))}\n                    </ul>\n                  )}\n                </li>\n              ))}\n            </ul>\n          </div>\n        )}\n\n        {!isUploading && Boolean(singlePick && items.length) && (\n          <>\n            {isSingleDocument ? (\n              <div\n                className=\"w-full max-w-[502px] flex flex-col items-center gap-4\"\n                onClick={(event) => event.stopPropagation()}\n              >\n                <p className=\"w-full text-center text-[16px] leading-[130%] font-semibold text-[#06080D]\">\n                  {labelDropzonePrompt}\n                </p>\n\n                <div className=\"w-full min-h-[72px] rounded-[8px] bg-[#F5F5F5] p-4 flex items-center gap-4\">\n                  {singleFileCardIcon ? (\n                    <img\n                      src={singleFileCardIcon}\n                      alt=\"\"\n                      className=\"size-10 shrink-0\"\n                    />\n                  ) : (\n                    <div className=\"size-10 rounded-[8px] bg-[#DC2626] text-white flex items-center justify-center shrink-0\">\n                      <FileTextIcon size={20} />\n                    </div>\n                  )}\n                  <div className=\"flex flex-col items-start text-left gap-1 min-w-0 flex-1\">\n                    <span className=\"w-full text-[14px] font-semibold leading-[125%] text-[#06080D] truncate\">\n                      {singlePickFileInfo?.name || singleFileCard?.name}\n                    </span>\n                    <span className=\"w-full text-[12px] font-medium leading-[120%] text-[#666A78]\">\n                      {formatFileSize(singlePickFileInfo?.size || singleFileCard?.size)}\n                    </span>\n                  </div>\n                  {!disabled && (\n                    <div\n                      className=\"size-6 flex items-center justify-center cursor-pointer\"\n                      onClick={(event) => removeItem(event, 0)}\n                    >\n                      <X size={24} color=\"#06080D\" />\n                    </div>\n                  )}\n                </div>\n              </div>\n            ) : (\n              <DropzoneSinglePickPreview\n                item={items[0]}\n                onRemoveClick={(e) => removeItem(e, 0)}\n                onReplaceClick={(e) => {\n                  e.stopPropagation();\n                  if (disabled) return;\n                  open();\n                }}\n                labelUploaded={labelVideoUploaded}\n                labelReplace={labelVideoReplace}\n                fileInfo={singlePickFileInfo}\n                disabled={disabled}\n                playerTranslations={playerTranslations}\n              />\n            )}\n          </>\n        )}\n\n        {!isUploading && hasRejectedSingleDocumentFile && (\n          <div\n            className=\"w-full max-w-[502px] flex flex-col items-center gap-4\"\n            onClick={(event) => event.stopPropagation()}\n          >\n            <p className=\"w-full text-center text-[16px] leading-[130%] font-semibold text-[#06080D]\">\n              {labelDropzonePrompt}\n            </p>\n\n            <div className=\"w-full min-h-[72px] rounded-[8px] bg-[#F5F5F5] p-4 flex items-center gap-4\">\n              {singleFileCardIcon ? (\n                <img\n                  src={singleFileCardIcon}\n                  alt=\"\"\n                  className=\"size-10 shrink-0\"\n                />\n              ) : (\n                <div className=\"size-10 rounded-[8px] bg-[#DC2626] text-white flex items-center justify-center shrink-0\">\n                  <FileTextIcon size={20} />\n                </div>\n              )}\n              <div className=\"flex flex-col items-start text-left gap-1 min-w-0 flex-1\">\n                <span className=\"w-full text-[14px] font-semibold leading-[125%] text-[#06080D] truncate\">\n                  {singleFileCard?.name}\n                </span>\n                <span className=\"w-full text-[12px] font-medium leading-[120%] text-[#666A78]\">\n                  {singleFileCard\n                    ? `${(singleFileCard.size / (1024 * 1024)).toFixed(0)} MB`\n                    : ''}\n                </span>\n              </div>\n              {!disabled && (\n                <div\n                  className=\"size-6 flex items-center justify-center cursor-pointer\"\n                  onClick={(event) => {\n                    event.stopPropagation();\n                    setFileErrors([]);\n                  }}\n                >\n                  <X size={24} color=\"#06080D\" />\n                </div>\n              )}\n            </div>\n\n            <div className=\"w-full bg-[#DC26260F] p-4 flex items-start gap-4\">\n              <InfoIcon size={20} color=\"#DC2626\" />\n              <p className=\"text-[12px] leading-[120%] font-medium text-[#DC2626] text-left\">\n                {fileErrors[0]?.errors?.[0]?.code === 'file-too-large'\n                  ? labelFileTooLarge\n                  : fileErrors[0]?.errors?.[0]?.message || labelInvalidFileType}\n              </p>\n            </div>\n          </div>\n        )}\n\n          {!shouldRenderDetachedPreview && previewBlock}\n        </Card>\n        {shouldRenderDetachedPreview && <div className=\"w-full\">{previewBlock}</div>}\n        {!isUploading && !singlePick && fileErrors.length > 0 && (\n          <div\n            className={cn('w-full mt-4 flex flex-col gap-2', classNames?.errorWrapper)}\n          >\n            {fileErrors.map((fileRejection, index) => {\n              const firstError = fileRejection.errors[0];\n              const errorText =\n                firstError?.code === 'file-too-large'\n                  ? labelFileTooLarge\n                  : firstError?.code === 'file-invalid-type'\n                    ? labelInvalidFileType\n                    : firstError?.message || labelInvalidFileType;\n\n              return (\n                <div\n                  key={index}\n                  className=\"w-full bg-[#DC26260F] p-4 flex items-start gap-4 rounded-[8px]\"\n                >\n                  <InfoIcon size={20} color=\"#DC2626\" className=\"shrink-0\" />\n                  <p className=\"text-[12px] leading-[120%] font-medium text-[#DC2626] text-left\">\n                    <span className=\"font-semibold\">{fileRejection.file.name}</span>\n                    {' — '}\n                    {errorText}\n                  </p>\n                </div>\n              );\n            })}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nDropzone.displayName = 'Dropzone';\n\n"],"names":["formatFileSize","bytes","KB","MB","GB","mb","FILE_EXT_ICON_MAP","fileCsvIcon","fileDocIcon","fileDocxIcon","fileJpgIcon","filePdfIcon","filePngIcon","filePptIcon","filePptxIcon","fileRarIcon","fileSvgIcon","fileWebpIcon","fileXlsIcon","fileXlsxIcon","fileZipIcon","getFileExtension","fileName","parts","getFileTypeIconByName","extension","areItemsEqual","a","b","i","left","right","isFile","Dropzone","forwardRef","acceptTypes","DEFAULT_FILE_TYPES","maxSizeMB","maxFiles","onErrors","hideErrors","disabled","classNames","value","onChangeValue","className","labelDropzonePrompt","labelDropzoneSubPrompt","labelOrClickToSelect","labelSelectedFiles","labelUploadErrors","labelFileTooLarge","labelInvalidFileType","labelVideoUploaded","labelVideoReplace","singlePick","labelDropzoneClassname","labelDropzoneSubClassname","isUploading","uploadProgress","uploadLoadedBytes","uploadTotalBytes","onCancelUpload","labelUploadingTitle","labelUploadingHint","labelUploadingActionCancel","labelUploadingOf","playerTranslations","singlePickFileInfo","persistentDropzone","previewVariant","coverFirstItem","restProps","ref","items","setItems","useState","fileErrors","setFileErrors","firstItem","firstRejectedFile","isRejectedImage","isSingleFile","isSingleImage","isSingleVideo","isVideoUrl","isSingleDocument","hasRejectedSingleDocumentFile","singleFileCard","singleFileCardIcon","hasSingleVideoPreview","shouldBlockRootOpen","isContentPreviewMode","isSingleImagePreview","onDrop","acceptedFiles","fileRejections","newItems","useEffect","removeItem","event","index","_","getRootProps","getInputProps","isDragActive","open","useDropzone","acc","fileType","useImperativeHandle","isCoverMode","shouldRenderDetachedPreview","restItemsForGrid","showAddMoreTile","previewBlock","jsxs","cn","item","gridIndex","extractName","fileSize","jsx","FilePreview","X","Plus","Card","UploadIcon","Fragment","Button","fileRejection","error","errorIndex","FileTextIcon","DropzoneSinglePickPreview","e","InfoIcon","firstError","errorText"],"mappings":"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"}
+{"version":3,"file":"Dropzone.js","sources":["../../src/Dropzone/Dropzone.tsx"],"sourcesContent":["import { FileTextIcon, InfoIcon, Plus, UploadIcon, X } from 'lucide-react';\r\nimport { forwardRef, useEffect, useImperativeHandle, useState } from 'react';\r\nimport { FileRejection, useDropzone } from 'react-dropzone';\r\n\r\nimport { cn } from '@oneplatformdev/utils';\r\n\r\nimport { Card } from '../Card/Card';\r\n\r\nimport {\r\n  DEFAULT_FILE_TYPES,\r\n  DropzoneControl,\r\n  DropzoneProps,\r\n  DropzoneValueItem\r\n} from './Dropzone.types';\r\nimport { DropzoneCoverPreview } from './DropzoneCoverPreview';\r\nimport { FilePreview } from './DropzoneFilePreview';\r\nimport { DropzoneSinglePickPreview } from './DropzoneSinglePickPreview';\r\nimport { extractName, isFile, isVideoUrl } from './DropzoneUtils';\r\nimport { Button } from \"../Button\";\r\nimport fileCsvIcon from './icons/file-csv.svg';\r\nimport fileDocIcon from './icons/file-doc.svg';\r\nimport fileDocxIcon from './icons/file-docx.svg';\r\nimport fileJpgIcon from './icons/file-jpg.svg';\r\nimport filePdfIcon from './icons/file-pdf.svg';\r\nimport filePngIcon from './icons/file-png.svg';\r\nimport filePptIcon from './icons/file-ppt.svg';\r\nimport filePptxIcon from './icons/file-pptx.svg';\r\nimport fileRarIcon from './icons/file-rar.svg';\r\nimport fileSvgIcon from './icons/file-svg.svg';\r\nimport fileWebpIcon from './icons/file-webp.svg';\r\nimport fileXlsIcon from './icons/file-xls.svg';\r\nimport fileXlsxIcon from './icons/file-xlsx.svg';\r\nimport fileZipIcon from './icons/file-zip.svg';\r\n\r\nconst formatFileSize = (bytes = 0): string => {\r\n  if (!bytes || bytes < 0) return '0 KB';\r\n  const KB = 1024;\r\n  const MB = KB * 1024;\r\n  const GB = MB * 1024;\r\n  if (bytes >= GB) return `${(bytes / GB).toFixed(2)} GB`;\r\n  if (bytes >= MB) {\r\n    const mb = bytes / MB;\r\n    return `${mb >= 100 ? mb.toFixed(0) : mb.toFixed(2)} MB`;\r\n  }\r\n  if (bytes >= KB) return `${(bytes / KB).toFixed(bytes / KB >= 100 ? 0 : 1)} KB`;\r\n  return `${bytes} B`;\r\n};\r\nconst FILE_EXT_ICON_MAP: Record<string, string> = {\r\n  csv: fileCsvIcon,\r\n  doc: fileDocIcon,\r\n  docx: fileDocxIcon,\r\n  jpg: fileJpgIcon,\r\n  jpeg: fileJpgIcon,\r\n  pdf: filePdfIcon,\r\n  png: filePngIcon,\r\n  ppt: filePptIcon,\r\n  pptx: filePptxIcon,\r\n  rar: fileRarIcon,\r\n  svg: fileSvgIcon,\r\n  webp: fileWebpIcon,\r\n  xls: fileXlsIcon,\r\n  xlsx: fileXlsxIcon,\r\n  zip: fileZipIcon,\r\n};\r\n\r\nconst getFileExtension = (fileName?: string) => {\r\n  if (!fileName) return '';\r\n  const parts = fileName.toLowerCase().split('.');\r\n  return parts.length > 1 ? parts[parts.length - 1] : '';\r\n};\r\n\r\nconst getFileTypeIconByName = (fileName?: string) => {\r\n  const extension = getFileExtension(fileName);\r\n  return FILE_EXT_ICON_MAP[extension] ?? null;\r\n};\r\nconst areItemsEqual = (a: DropzoneValueItem[], b: DropzoneValueItem[]) => {\r\n  if (a === b) return true;\r\n  if (a.length !== b.length) return false;\r\n\r\n  for (let i = 0; i < a.length; i++) {\r\n    const left = a[i];\r\n    const right = b[i];\r\n\r\n    if (left === right) continue;\r\n\r\n    if (typeof left === 'string' && typeof right === 'string') {\r\n      if (left !== right) return false;\r\n      continue;\r\n    }\r\n\r\n    if (isFile(left) && isFile(right)) {\r\n      if (\r\n        left.name !== right.name ||\r\n        left.size !== right.size ||\r\n        left.type !== right.type ||\r\n        left.lastModified !== right.lastModified\r\n      ) {\r\n        return false;\r\n      }\r\n      continue;\r\n    }\r\n\r\n    return false;\r\n  }\r\n\r\n  return true;\r\n};\r\n\r\n/**\r\n * Dropzone component - A drag-and-drop file upload area with image previews, error handling, and localization.\r\n *\r\n * @component\r\n * @param {DropzoneProps} props - The props for the Dropzone component.\r\n * @param {string[]} [props.acceptTypes=DEFAULT_FILE_TYPES] - Allowed file MIME types.\r\n * @param {number} props.maxSizeMB - Maximum allowed file size in megabytes.\r\n * @param {number} [props.maxFiles=1] - Maximum number of files that can be uploaded.\r\n * @param {DropzoneTranslations} props.translations - Translations for text labels.\r\n * @param {(errors: FileRejection[]) => void} [props.onErrors] - Callback triggered when file errors occur.\r\n * @param {boolean} [props.hideErrors=false] - Whether to hide error messages.\r\n * @param {boolean} [props.disabled=false] - Whether the dropzone is disabled.\r\n * @param {DropzoneStyles} [props.classNames] - Custom classNames for different dropzone states.\r\n * @param {DropzoneValueItem[]} [props.value=[]] - Current selected files or URLs.\r\n * @param {(items: DropzoneValueItem[]) => void} [props.onChangeValue] - Callback triggered when file selection changes.\r\n * @param {string} [props.className] - Additional class names for styling.\r\n * @param {React.Ref<HTMLDivElement>} ref - Ref for the root dropzone container.\r\n * @returns {JSX.Element} The rendered Dropzone component.\r\n */\r\nexport const Dropzone = forwardRef<DropzoneControl, DropzoneProps>(\r\n  (\r\n    {\r\n      acceptTypes = DEFAULT_FILE_TYPES,\r\n      maxSizeMB,\r\n      maxFiles = 1,\r\n      onErrors,\r\n      hideErrors = false,\r\n      disabled = false,\r\n      classNames,\r\n      value,\r\n      onChangeValue,\r\n      className,\r\n      labelDropzonePrompt = 'Drop files here or click to select',\r\n      labelDropzoneSubPrompt = '',\r\n      labelOrClickToSelect = 'Upload file',\r\n      labelSelectedFiles = 'Selected Files',\r\n      labelUploadErrors = 'Upload Errors',\r\n      labelFileTooLarge = 'File is too large',\r\n      labelInvalidFileType = 'Invalid file type',\r\n      labelVideoUploaded = 'Uploaded',\r\n      labelVideoReplace = 'Replace',\r\n      singlePick = false,\r\n      labelDropzoneClassname,\r\n      labelDropzoneSubClassname,\r\n      isUploading = false,\r\n      uploadProgress = 0,\r\n      uploadLoadedBytes = 0,\r\n      uploadTotalBytes = 0,\r\n      onCancelUpload,\r\n      labelUploadingTitle = 'Uploading video...',\r\n      labelUploadingHint = 'Please do not close this page',\r\n      labelUploadingActionCancel = 'Cancel',\r\n      labelUploadingOf = 'of',\r\n      playerTranslations,\r\n      singlePickFileInfo,\r\n      persistentDropzone = false,\r\n      previewVariant = 'default',\r\n      coverFirstItem = false,\r\n      ...restProps\r\n    },\r\n    ref\r\n  ) => {\r\n    const [items, setItems] = useState<DropzoneValueItem[]>(value ?? []);\r\n    const [fileErrors, setFileErrors] = useState<FileRejection[]>([]);\r\n    const firstItem = items[0];\r\n    const firstRejectedFile = fileErrors[0]?.file;\r\n    const isRejectedImage = Boolean(firstRejectedFile?.type?.includes('image'));\r\n    const isSingleFile = singlePick && items.length > 0 && isFile(firstItem);\r\n    const isSingleImage = isSingleFile && firstItem.type.includes('image');\r\n    const isSingleVideo =\r\n      (isSingleFile && firstItem.type.includes('video')) ||\r\n      (singlePick && items.length > 0 && typeof firstItem === 'string' && isVideoUrl(firstItem));\r\n    const isSingleDocument = isSingleFile && !isSingleImage && !isSingleVideo;\r\n    const hasRejectedSingleFile = singlePick && !items.length && Boolean(firstRejectedFile);\r\n    const hasRejectedSingleDocumentFile = hasRejectedSingleFile && !isRejectedImage;\r\n    const singleFileCard = isSingleDocument ? firstItem : firstRejectedFile;\r\n    const singleFileCardIcon = getFileTypeIconByName(singleFileCard?.name);\r\n    const hasSingleVideoPreview =\r\n      singlePick && isSingleVideo;\r\n    const shouldBlockRootOpen = hasSingleVideoPreview;\r\n    const isContentPreviewMode = singlePick && items.length > 0;\r\n    const isSingleImagePreview =\r\n      isContentPreviewMode && !isSingleDocument && !hasSingleVideoPreview;\r\n\r\n    const onDrop = (acceptedFiles: File[], fileRejections: FileRejection[]) => {\r\n      setFileErrors(fileRejections);\r\n      onErrors?.(fileRejections);\r\n\r\n      const newItems = singlePick\r\n        ? acceptedFiles.slice(0, 1)\r\n        : [...items, ...acceptedFiles].slice(0, maxFiles);\r\n\r\n      setItems(newItems);\r\n      onChangeValue?.(newItems);\r\n    };\r\n\r\n    useEffect(() => {\r\n      if (value && !areItemsEqual(items, value)) {\r\n        setItems(value);\r\n      }\r\n    }, [items, value]);\r\n\r\n    const removeItem = (\r\n      event: React.MouseEvent<HTMLDivElement>,\r\n      index: number\r\n    ) => {\r\n      if (disabled) return;\r\n      event.stopPropagation();\r\n\r\n      const newItems = items.filter((_, i) => i !== index);\r\n      setItems(newItems);\r\n      onChangeValue?.(newItems);\r\n    };\r\n\r\n    const { getRootProps, getInputProps, isDragActive, open } = useDropzone({\r\n      onDrop,\r\n      accept: acceptTypes.reduce((acc, fileType) => {\r\n        acc[fileType] = [];\r\n        return acc;\r\n      }, {} as Record<string, string[]>),\r\n      maxSize: maxSizeMB * 1024 * 1024,\r\n      maxFiles: singlePick ? 1 : maxFiles,\r\n      disabled: disabled || isUploading,\r\n      noClick: true,\r\n    });\r\n\r\n    useImperativeHandle(ref, () => {\r\n      return {\r\n        setItems,\r\n      };\r\n    }, []);\r\n\r\n    const isCoverMode =\r\n      coverFirstItem && previewVariant === 'image-grid' && !singlePick && items.length > 0;\r\n\r\n    const shouldRenderDetachedPreview =\r\n      !isUploading && !singlePick && persistentDropzone && items.length > 0;\r\n\r\n    const restItemsForGrid = isCoverMode ? items.slice(1) : items;\r\n\r\n    const showAddMoreTile =\r\n      !disabled &&\r\n      !singlePick &&\r\n      previewVariant === 'image-grid' &&\r\n      items.length > 0 &&\r\n      items.length < maxFiles;\r\n\r\n    // For multi image selection (image-grid) keep the drop area at a 16:9 ratio.\r\n    // Use aspect-ratio (not a fixed height) so it follows whatever width the\r\n    // consumer sets via className. Skipped when previews fill the card.\r\n    const isImageGridDropArea =\r\n      !singlePick &&\r\n      previewVariant === 'image-grid' &&\r\n      (persistentDropzone || items.length === 0);\r\n\r\n    const previewBlock =\r\n      !isUploading &&\r\n      !singlePick &&\r\n      (restItemsForGrid.length > 0 || showAddMoreTile) && (\r\n      <div className={cn('w-full mt-2', classNames?.previewWrapper)}>\r\n        {previewVariant === 'default' && (\r\n          <pre className=\"font-semibold text-gray-600\">\r\n            {labelSelectedFiles}:\r\n          </pre>\r\n        )}\r\n        <ul\r\n          className={cn(\r\n            'mt-2 text-sm text-gray-500 flex flex-wrap items-start',\r\n            previewVariant === 'image-grid'\r\n              ? 'gap-2 justify-start'\r\n              : 'gap-4 justify-center'\r\n          )}\r\n        >\r\n          {restItemsForGrid.map((item, gridIndex) => {\r\n            const index = isCoverMode ? gridIndex + 1 : gridIndex;\r\n            const fileName = isFile(item) ? item.name : extractName(item);\r\n            const fileSize = isFile(item) ? formatFileSize(item.size) : '';\r\n\r\n            return (\r\n              <li\r\n                key={index}\r\n                className={cn(\r\n                  'relative',\r\n                  previewVariant === 'image-grid'\r\n                    ? 'w-[75px] h-[75px]'\r\n                    : 'flex flex-col items-center gap-2'\r\n                )}\r\n              >\r\n                <div className=\"relative w-full h-full\">\r\n                  {previewVariant === 'image-grid' ? (\r\n                    <DropzoneCoverPreview item={item} className=\"rounded-[8px]\" />\r\n                  ) : (\r\n                    <FilePreview item={item} styles={classNames} />\r\n                  )}\r\n                  <div\r\n                    className={cn(\r\n                      'absolute top-0 right-0 z-20 cursor-pointer bg-gray-300 rounded-sm',\r\n                      previewVariant === 'image-grid' && 'top-1 right-1 bg-white/90 rounded-full p-0.5'\r\n                    )}\r\n                    onClick={(event) => removeItem(event, index)}\r\n                  >\r\n                    <X size={16} strokeWidth={1} color=\"black\" />\r\n                  </div>\r\n                </div>\r\n                {previewVariant === 'default' && (\r\n                  <span className=\"inline-flex flex-col items-center\">\r\n                    <span className=\"max-w-[80px] text-ellipsis overflow-hidden whitespace-nowrap\">\r\n                      {fileName}\r\n                    </span>\r\n                    {fileSize && <span>({fileSize})</span>}\r\n                  </span>\r\n                )}\r\n              </li>\r\n            );\r\n          })}\r\n          {showAddMoreTile && (\r\n            <li\r\n              key=\"add-more\"\r\n              className=\"relative w-[75px] h-[75px] flex items-center justify-center rounded-[8px] border border-dashed border-[#9368FF80] bg-[#FCFCFC] cursor-pointer hover:bg-[#9368FF0F]\"\r\n              onClick={(event) => {\r\n                event.stopPropagation();\r\n                if (disabled || isUploading) return;\r\n                open();\r\n              }}\r\n            >\r\n              <div className=\"flex size-6 items-center justify-center rounded-full bg-[#9368FF1F]\">\r\n                <Plus size={16} className=\"text-[#9368FF]\" />\r\n              </div>\r\n            </li>\r\n          )}\r\n        </ul>\r\n      </div>\r\n    );\r\n\r\n    return (\r\n      <div className=\"w-full select-none\">\r\n        <Card\r\n          {...restProps}\r\n          {...getRootProps({\r\n            onClick: (event) => {\r\n              if (disabled || isUploading) return;\r\n              if (shouldBlockRootOpen) {\r\n                restProps.onClick?.(event);\r\n                return;\r\n              }\r\n              open();\r\n              restProps.onClick?.(event);\r\n            },\r\n          })}\r\n          className={cn(\r\n            `w-full text-center flex flex-col items-center justify-center gap-6 cursor-pointer`,\r\n            !isContentPreviewMode &&\r\n              'border border-dashed border-[#9368FF80] rounded-[8px] bg-[#FCFCFC] p-4',\r\n            isContentPreviewMode && 'min-h-0 border-0 bg-transparent p-0',\r\n            isImageGridDropArea && 'aspect-video h-auto',\r\n            isCoverMode && 'relative',\r\n            disabled && 'border-[#E4E4E7] pointer-events-none',\r\n            fileErrors.length > 0 && !isContentPreviewMode && 'border-red-500',\r\n            isDragActive && 'bg-gray-100',\r\n            singlePick && 'shadow-none!',\r\n            singlePick && items.length > 0 && !hasSingleVideoPreview && 'p-0! shadow-none!',\r\n            hasSingleVideoPreview && 'h-auto! max-h-none! min-h-0! p-2!',\r\n            isSingleImagePreview && 'h-64',\r\n            className\r\n          )}\r\n        >\r\n          <input {...getInputProps()} />\r\n\r\n        {isUploading && (\r\n          <div\r\n            className=\"w-full h-full min-h-46 rounded-lg border border-[#E4E4E7] bg-[#FCFCFC] flex flex-col items-center justify-center gap-4 p-4\"\r\n            onClick={(event) => event.stopPropagation()}\r\n          >\r\n            <div className=\"relative h-24 w-24\">\r\n              <svg className=\"h-24 w-24\" viewBox=\"0 0 100 100\">\r\n                <circle cx=\"50\" cy=\"50\" r=\"42\" stroke=\"#E6E1F5\" strokeWidth=\"8\" fill=\"none\" />\r\n              </svg>\r\n              <span className=\"absolute inset-0 flex items-center justify-center text-lg font-semibold text-foreground\">\r\n                {Math.max(0, Math.min(100, Math.round(uploadProgress)))}%\r\n              </span>\r\n            </div>\r\n\r\n            <div className=\"text-center\">\r\n              <p className=\"text-xl font-semibold text-foreground\">{labelUploadingTitle}</p>\r\n              <p className=\"text-sm text-[#666A78]\">\r\n                {formatFileSize(uploadLoadedBytes)} {labelUploadingOf} {formatFileSize(uploadTotalBytes)}\r\n              </p>\r\n              <p className=\"mt-2 text-sm text-[#666A78]\">{labelUploadingHint}</p>\r\n            </div>\r\n\r\n            <div className=\"w-full max-w-[520px] h-2 rounded-full bg-[#E6E1F5] overflow-hidden\">\r\n              <div\r\n                className=\"h-full bg-[#9368FF] transition-[width] duration-150 ease-linear\"\r\n                style={{ width: `${Math.max(0, Math.min(100, uploadProgress))}%` }}\r\n              />\r\n            </div>\r\n\r\n            {onCancelUpload && (\r\n              <button\r\n                type=\"button\"\r\n                className=\"mt-1 h-10 min-w-36 rounded-md border border-[#E4E4E7] bg-white px-6 text-base font-medium text-foreground cursor-pointer\"\r\n                onClick={(event) => {\r\n                  event.stopPropagation();\r\n                  onCancelUpload();\r\n                }}\r\n              >\r\n                {labelUploadingActionCancel}\r\n              </button>\r\n            )}\r\n          </div>\r\n        )}\r\n\r\n        {!isUploading && isCoverMode && (\r\n          <div\r\n            className=\"absolute inset-0 rounded-[8px] overflow-hidden\"\r\n            onClick={(event) => event.stopPropagation()}\r\n          >\r\n            <DropzoneCoverPreview item={items[0]} className=\"rounded-[8px]\" />\r\n            <div\r\n              className=\"absolute top-2 right-2 z-20 cursor-pointer bg-white/90 rounded-full p-1\"\r\n              onClick={(event) => removeItem(event, 0)}\r\n            >\r\n              <X size={16} strokeWidth={1} color=\"black\" />\r\n            </div>\r\n          </div>\r\n        )}\r\n\r\n        {!isUploading &&\r\n          (items.length === 0 || (!singlePick && persistentDropzone)) &&\r\n          (fileErrors.length === 0 || !singlePick) && (\r\n          <div\r\n            className={cn(\r\n              'flex flex-col items-center gap-2 w-full',\r\n              classNames?.idleWrapper,\r\n              isCoverMode && 'invisible',\r\n            )}\r\n          >\r\n            <div className=\"flex size-12 items-center justify-center rounded-full bg-[#9368FF1F]\">\r\n              <UploadIcon className=\"size-6 text-[#9368FF]\" />\r\n            </div>\r\n\r\n            <div className=\"flex flex-col items-center gap-1 w-full\">\r\n              {!disabled && (\r\n                <>\r\n                  <span\r\n                    className={cn(\r\n                      \"font-semibold text-[14px] leading-[125%] text-[#06080D] text-center w-full whitespace-pre-line\",\r\n                      labelDropzoneClassname\r\n                    )}\r\n                  >\r\n                    {labelDropzonePrompt}\r\n                  </span>\r\n\r\n                  <span\r\n                    className={cn(\r\n                      \"font-medium text-[12px] leading-[120%] text-[#666A78] text-center w-full whitespace-pre-line\",\r\n                      labelDropzoneSubClassname\r\n                    )}\r\n                  >\r\n                    {labelDropzoneSubPrompt}\r\n                  </span>\r\n                </>\r\n              )}\r\n            </div>\r\n\r\n            {!disabled && (\r\n              <Button\r\n                type=\"button\"\r\n                size=\"md\"\r\n              >\r\n                {labelOrClickToSelect}\r\n              </Button>\r\n            )}\r\n          </div>\r\n        )}\r\n\r\n        {!isUploading && singlePick && fileErrors.length > 0 && !hasRejectedSingleDocumentFile && (\r\n          <div className={cn('w-full mt-4', classNames?.errorWrapper)}>\r\n            <span className=\"font-semibold text-red-500\">\r\n              {labelUploadErrors}:\r\n            </span>\r\n            <ul className=\"mt-2 text-sm text-red-500 list-disc list-inside\">\r\n              {fileErrors.map((fileRejection, index) => (\r\n                <li key={index}>\r\n                  {fileRejection.file.name} (\r\n                  {formatFileSize(fileRejection.file.size)})\r\n                  {!hideErrors && (\r\n                    <ul className=\"ml-4 list-disc list-inside\">\r\n                      {fileRejection.errors.map((error, errorIndex) => (\r\n                        <li key={errorIndex}>\r\n                          {error.code === 'file-too-large' && labelFileTooLarge}\r\n                          {error.code === 'file-invalid-type' &&\r\n                            labelInvalidFileType}\r\n                          {error.code !== 'file-too-large' &&\r\n                            error.code !== 'file-invalid-type' &&\r\n                            error.message}\r\n                        </li>\r\n                      ))}\r\n                    </ul>\r\n                  )}\r\n                </li>\r\n              ))}\r\n            </ul>\r\n          </div>\r\n        )}\r\n\r\n        {!isUploading && Boolean(singlePick && items.length) && (\r\n          <>\r\n            {isSingleDocument ? (\r\n              <div\r\n                className=\"w-full max-w-[502px] flex flex-col items-center gap-4\"\r\n                onClick={(event) => event.stopPropagation()}\r\n              >\r\n                <p className=\"w-full text-center text-[16px] leading-[130%] font-semibold text-[#06080D]\">\r\n                  {labelDropzonePrompt}\r\n                </p>\r\n\r\n                <div className=\"w-full min-h-[72px] rounded-[8px] bg-[#F5F5F5] p-4 flex items-center gap-4\">\r\n                  {singleFileCardIcon ? (\r\n                    <img\r\n                      src={singleFileCardIcon}\r\n                      alt=\"\"\r\n                      className=\"size-10 shrink-0\"\r\n                    />\r\n                  ) : (\r\n                    <div className=\"size-10 rounded-[8px] bg-[#DC2626] text-white flex items-center justify-center shrink-0\">\r\n                      <FileTextIcon size={20} />\r\n                    </div>\r\n                  )}\r\n                  <div className=\"flex flex-col items-start text-left gap-1 min-w-0 flex-1\">\r\n                    <span className=\"w-full text-[14px] font-semibold leading-[125%] text-[#06080D] truncate\">\r\n                      {singlePickFileInfo?.name || singleFileCard?.name}\r\n                    </span>\r\n                    <span className=\"w-full text-[12px] font-medium leading-[120%] text-[#666A78]\">\r\n                      {formatFileSize(singlePickFileInfo?.size || singleFileCard?.size)}\r\n                    </span>\r\n                  </div>\r\n                  {!disabled && (\r\n                    <div\r\n                      className=\"size-6 flex items-center justify-center cursor-pointer\"\r\n                      onClick={(event) => removeItem(event, 0)}\r\n                    >\r\n                      <X size={24} color=\"#06080D\" />\r\n                    </div>\r\n                  )}\r\n                </div>\r\n              </div>\r\n            ) : (\r\n              <DropzoneSinglePickPreview\r\n                item={items[0]}\r\n                onRemoveClick={(e) => removeItem(e, 0)}\r\n                onReplaceClick={(e) => {\r\n                  e.stopPropagation();\r\n                  if (disabled) return;\r\n                  open();\r\n                }}\r\n                labelUploaded={labelVideoUploaded}\r\n                labelReplace={labelVideoReplace}\r\n                fileInfo={singlePickFileInfo}\r\n                disabled={disabled}\r\n                playerTranslations={playerTranslations}\r\n              />\r\n            )}\r\n          </>\r\n        )}\r\n\r\n        {!isUploading && hasRejectedSingleDocumentFile && (\r\n          <div\r\n            className=\"w-full max-w-[502px] flex flex-col items-center gap-4\"\r\n            onClick={(event) => event.stopPropagation()}\r\n          >\r\n            <p className=\"w-full text-center text-[16px] leading-[130%] font-semibold text-[#06080D]\">\r\n              {labelDropzonePrompt}\r\n            </p>\r\n\r\n            <div className=\"w-full min-h-[72px] rounded-[8px] bg-[#F5F5F5] p-4 flex items-center gap-4\">\r\n              {singleFileCardIcon ? (\r\n                <img\r\n                  src={singleFileCardIcon}\r\n                  alt=\"\"\r\n                  className=\"size-10 shrink-0\"\r\n                />\r\n              ) : (\r\n                <div className=\"size-10 rounded-[8px] bg-[#DC2626] text-white flex items-center justify-center shrink-0\">\r\n                  <FileTextIcon size={20} />\r\n                </div>\r\n              )}\r\n              <div className=\"flex flex-col items-start text-left gap-1 min-w-0 flex-1\">\r\n                <span className=\"w-full text-[14px] font-semibold leading-[125%] text-[#06080D] truncate\">\r\n                  {singleFileCard?.name}\r\n                </span>\r\n                <span className=\"w-full text-[12px] font-medium leading-[120%] text-[#666A78]\">\r\n                  {singleFileCard\r\n                    ? `${(singleFileCard.size / (1024 * 1024)).toFixed(0)} MB`\r\n                    : ''}\r\n                </span>\r\n              </div>\r\n              {!disabled && (\r\n                <div\r\n                  className=\"size-6 flex items-center justify-center cursor-pointer\"\r\n                  onClick={(event) => {\r\n                    event.stopPropagation();\r\n                    setFileErrors([]);\r\n                  }}\r\n                >\r\n                  <X size={24} color=\"#06080D\" />\r\n                </div>\r\n              )}\r\n            </div>\r\n\r\n            <div className=\"w-full bg-[#DC26260F] p-4 flex items-start gap-4\">\r\n              <InfoIcon size={20} color=\"#DC2626\" />\r\n              <p className=\"text-[12px] leading-[120%] font-medium text-[#DC2626] text-left\">\r\n                {fileErrors[0]?.errors?.[0]?.code === 'file-too-large'\r\n                  ? labelFileTooLarge\r\n                  : fileErrors[0]?.errors?.[0]?.message || labelInvalidFileType}\r\n              </p>\r\n            </div>\r\n          </div>\r\n        )}\r\n\r\n          {!shouldRenderDetachedPreview && previewBlock}\r\n        </Card>\r\n        {shouldRenderDetachedPreview && <div className=\"w-full\">{previewBlock}</div>}\r\n        {!isUploading && !singlePick && fileErrors.length > 0 && (\r\n          <div\r\n            className={cn('w-full mt-4 flex flex-col gap-2', classNames?.errorWrapper)}\r\n          >\r\n            {fileErrors.map((fileRejection, index) => {\r\n              const firstError = fileRejection.errors[0];\r\n              const errorText =\r\n                firstError?.code === 'file-too-large'\r\n                  ? labelFileTooLarge\r\n                  : firstError?.code === 'file-invalid-type'\r\n                    ? labelInvalidFileType\r\n                    : firstError?.message || labelInvalidFileType;\r\n\r\n              return (\r\n                <div\r\n                  key={index}\r\n                  className=\"w-full bg-[#DC26260F] p-4 flex items-start gap-4 rounded-[8px]\"\r\n                >\r\n                  <InfoIcon size={20} color=\"#DC2626\" className=\"shrink-0\" />\r\n                  <p className=\"text-[12px] leading-[120%] font-medium text-[#DC2626] text-left\">\r\n                    <span className=\"font-semibold\">{fileRejection.file.name}</span>\r\n                    {' — '}\r\n                    {errorText}\r\n                  </p>\r\n                </div>\r\n              );\r\n            })}\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nDropzone.displayName = 'Dropzone';\r\n\r\n"],"names":["formatFileSize","bytes","KB","MB","GB","mb","FILE_EXT_ICON_MAP","fileCsvIcon","fileDocIcon","fileDocxIcon","fileJpgIcon","filePdfIcon","filePngIcon","filePptIcon","filePptxIcon","fileRarIcon","fileSvgIcon","fileWebpIcon","fileXlsIcon","fileXlsxIcon","fileZipIcon","getFileExtension","fileName","parts","getFileTypeIconByName","extension","areItemsEqual","a","b","i","left","right","isFile","Dropzone","forwardRef","acceptTypes","DEFAULT_FILE_TYPES","maxSizeMB","maxFiles","onErrors","hideErrors","disabled","classNames","value","onChangeValue","className","labelDropzonePrompt","labelDropzoneSubPrompt","labelOrClickToSelect","labelSelectedFiles","labelUploadErrors","labelFileTooLarge","labelInvalidFileType","labelVideoUploaded","labelVideoReplace","singlePick","labelDropzoneClassname","labelDropzoneSubClassname","isUploading","uploadProgress","uploadLoadedBytes","uploadTotalBytes","onCancelUpload","labelUploadingTitle","labelUploadingHint","labelUploadingActionCancel","labelUploadingOf","playerTranslations","singlePickFileInfo","persistentDropzone","previewVariant","coverFirstItem","restProps","ref","items","setItems","useState","fileErrors","setFileErrors","firstItem","firstRejectedFile","isRejectedImage","isSingleFile","isSingleImage","isSingleVideo","isVideoUrl","isSingleDocument","hasRejectedSingleDocumentFile","singleFileCard","singleFileCardIcon","hasSingleVideoPreview","shouldBlockRootOpen","isContentPreviewMode","isSingleImagePreview","onDrop","acceptedFiles","fileRejections","newItems","useEffect","removeItem","event","index","_","getRootProps","getInputProps","isDragActive","open","useDropzone","acc","fileType","useImperativeHandle","isCoverMode","shouldRenderDetachedPreview","restItemsForGrid","showAddMoreTile","isImageGridDropArea","previewBlock","jsxs","cn","item","gridIndex","extractName","fileSize","jsx","DropzoneCoverPreview","FilePreview","X","Plus","Card","UploadIcon","Fragment","Button","fileRejection","error","errorIndex","FileTextIcon","DropzoneSinglePickPreview","e","InfoIcon","firstError","errorText"],"mappings":"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"}

package/Dropzone/Dropzone.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.stories.js","sources":["../../src/Dropzone/Dropzone.stories.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport type { Meta, StoryObj } from '@storybook/react';\n\nimport { Dropzone } from './Dropzone';\nimport {\n  DEFAULT_DOCUMENT_TYPES,\n  DEFAULT_IMAGES_TYPES,\n  DropzoneValueItem,\n  DEFAULT_VIDEO_TYPES,\n} from './Dropzone.types';\n\ntype ControlledProps = React.ComponentProps<typeof Dropzone> & {\n  initialValue?: string[];\n};\n\nfunction ControlledDropzone({ initialValue = [], ...args }: ControlledProps) {\n  const [value, setValue] = useState<DropzoneValueItem[]>(initialValue);\n\n  return (\n    <div className=\"w-full space-y-3\">\n      <Dropzone\n        {...args}\n        value={value}\n        onChangeValue={(items) => setValue(items)}\n      />\n\n      <div className=\"text-xs text-muted-foreground\">\n        value:\n        <pre className=\"mt-1 text-[11px] bg-muted p-2 rounded\">\n          {JSON.stringify(value, null, 2)}\n        </pre>\n      </div>\n    </div>\n  );\n}\n\nconst meta = {\n  title: 'Dropzone',\n  component: Dropzone,\n  parameters: {\n    layout: 'centered',\n  },\n  args: {\n    labelSelectedFiles: 'Selected files',\n    labelFileTooLarge: 'File is too large',\n    maxFiles: 1,\n    maxSizeMB: 100,\n    singlePick: true,\n    className: 'w-full',\n  },\n  argTypes: {\n    onChangeValue: { control: false },\n    value: { control: false },\n  },\n  decorators: [\n    (Story) => (\n      <div className=\"p-6 w-[680px]\">\n        <Story />\n      </div>\n    ),\n  ],\n} satisfies Meta<typeof Dropzone>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Images: Story = {\n  args: {\n    acceptTypes: DEFAULT_IMAGES_TYPES,\n    labelDropzonePrompt: 'Upload image',\n    labelDropzoneSubPrompt: 'Formats: .jpg .jpeg .png .webp',\n    maxSizeMB: 5,\n  },\n  render: (args) => <ControlledDropzone {...args} />,\n};\n\nexport const Files: Story = {\n  args: {\n    acceptTypes: DEFAULT_DOCUMENT_TYPES,\n    labelDropzonePrompt: 'Upload file',\n    labelDropzoneSubPrompt: 'Formats: pdf, doc/docx, xls/xlsx, ppt/pptx, txt, csv',\n    maxSizeMB: 100,\n    maxFiles: 1,\n    singlePick: true,\n  },\n  render: (args) => <ControlledDropzone {...args} />,\n};\n\nexport const Videos: Story = {\n  args: {\n    acceptTypes: DEFAULT_VIDEO_TYPES,\n    labelDropzonePrompt: 'Upload video',\n    labelDropzoneSubPrompt: 'Formats: .mp4 .mov .avi .webm',\n    maxSizeMB: 100,\n    maxFiles: 1,\n    singlePick: true,\n  },\n  render: (args) => <ControlledDropzone {...args} />,\n};\n\nexport const VideoYoutubeLink: Story = {\n  args: {\n    acceptTypes: DEFAULT_VIDEO_TYPES,\n    labelDropzonePrompt: 'Upload video',\n    labelDropzoneSubPrompt: 'Formats: .mp4 .mov .avi .webm or YouTube URL as value',\n    maxSizeMB: 100,\n    maxFiles: 1,\n    singlePick: true,\n  },\n  render: (args) => {\n    const YoutubeStory = () => {\n      const [url, setUrl] = useState('https://www.youtube.com/watch?v=dQw4w9WgXcQ');\n      const value = url.trim() ? [url.trim()] : [];\n\n      return (\n        <div className=\"w-full space-y-3\">\n          <input\n            type=\"text\"\n            value={url}\n            onChange={(event) => setUrl(event.target.value)}\n            placeholder=\"Paste YouTube URL\"\n            className=\"w-full h-10 rounded-md border border-[#E4E4E7] px-3 text-sm\"\n          />\n\n          <Dropzone\n            {...args}\n            value={value}\n            onChangeValue={(items) => {\n              const next = items[0];\n              if (typeof next === 'string') {\n                setUrl(next);\n              }\n            }}\n          />\n        </div>\n      );\n    };\n\n    return <YoutubeStory />;\n  },\n};\n\nfunction UploadingDropzoneMock(args: React.ComponentProps<typeof Dropzone>) {\n  const [value, setValue] = useState<DropzoneValueItem[]>([]);\n  const [isUploading, setIsUploading] = useState(false);\n  const [uploadProgress, setUploadProgress] = useState(0);\n  const [uploadLoadedBytes, setUploadLoadedBytes] = useState(0);\n  const [uploadTotalBytes, setUploadTotalBytes] = useState(0);\n  const timerRef = useRef<ReturnType<typeof setInterval> | null>(null);\n\n  useEffect(() => {\n    return () => {\n      if (timerRef.current) clearInterval(timerRef.current);\n    };\n  }, []);\n\n  return (\n    <div className=\"w-full space-y-3\">\n      <Dropzone\n        {...args}\n        value={value}\n        isUploading={isUploading}\n        uploadProgress={uploadProgress}\n        uploadLoadedBytes={uploadLoadedBytes}\n        uploadTotalBytes={uploadTotalBytes}\n        onCancelUpload={() => {\n          if (timerRef.current) clearInterval(timerRef.current);\n          timerRef.current = null;\n          setIsUploading(false);\n          setUploadProgress(0);\n          setUploadLoadedBytes(0);\n          setUploadTotalBytes(0);\n        }}\n        onChangeValue={(items) => {\n          setValue(items);\n          if (!items.length) return;\n\n          if (timerRef.current) clearInterval(timerRef.current);\n          timerRef.current = null;\n\n          const selected = items[0];\n          const totalBytes =\n            selected instanceof File ? selected.size : 50 * 1024 * 1024;\n          let loadedBytes = 0;\n\n          setUploadTotalBytes(totalBytes);\n          setUploadLoadedBytes(0);\n          setUploadProgress(0);\n          setIsUploading(true);\n\n          timerRef.current = setInterval(() => {\n            loadedBytes = Math.min(totalBytes, loadedBytes + totalBytes * 0.08);\n            const progress = totalBytes ? Math.round((loadedBytes / totalBytes) * 100) : 0;\n\n            setUploadLoadedBytes(loadedBytes);\n            setUploadProgress(progress);\n\n            if (loadedBytes >= totalBytes) {\n              if (timerRef.current) clearInterval(timerRef.current);\n              timerRef.current = null;\n              setTimeout(() => setIsUploading(false), 350);\n            }\n          }, 250);\n        }}\n      />\n    </div>\n  );\n}\n\nexport const VideoRemoteUrl: Story = {\n  args: {\n    acceptTypes: DEFAULT_VIDEO_TYPES,\n    labelDropzonePrompt: 'Upload video',\n    labelDropzoneSubPrompt: 'Formats: .mp4 .mov .avi .webm',\n    maxSizeMB: 100,\n    maxFiles: 1,\n    singlePick: true,\n  },\n  render: (args) => {\n    const RemoteVideoStory = () => {\n      const [url, setUrl] = useState(\n        'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4'\n      );\n      const value: DropzoneValueItem[] = url.trim() ? [url.trim()] : [];\n\n      return (\n        <div className=\"w-full space-y-3\">\n          <input\n            type=\"text\"\n            value={url}\n            onChange={(e) => setUrl(e.target.value)}\n            placeholder=\"Paste remote video URL (.mp4, .avi, .webm)\"\n            className=\"w-full h-10 rounded-md border border-[#E4E4E7] px-3 text-sm\"\n          />\n          <Dropzone\n            {...args}\n            value={value}\n            onChangeValue={(items) => {\n              const next = items[0];\n              setUrl(typeof next === 'string' ? next : '');\n            }}\n          />\n        </div>\n      );\n    };\n\n    return <RemoteVideoStory />;\n  },\n};\n\nexport const VideoUploadingMock: Story = {\n  args: {\n    acceptTypes: DEFAULT_VIDEO_TYPES,\n    labelDropzonePrompt: 'Upload video',\n    labelDropzoneSubPrompt: 'Formats: .mp4 .mov .avi .webm',\n    labelUploadingTitle: 'Завантаження відео...',\n    labelUploadingHint: 'Будь ласка, не закривайте сторінку',\n    labelUploadingActionCancel: 'Скасувати',\n    maxSizeMB: 100,\n    maxFiles: 1,\n    singlePick: true,\n  },\n  render: (args) => <UploadingDropzoneMock {...args} />,\n};\n\nexport const MultiImagesPersistent: Story = {\n  args: {\n    acceptTypes: DEFAULT_IMAGES_TYPES,\n    labelDropzonePrompt: 'Перетягніть фото або оберіть файли',\n    labelDropzoneSubPrompt: 'JPG, PNG, WEBP, HEIC · до 5 МБ кожне',\n    labelOrClickToSelect: 'Завантажити файл',\n    maxSizeMB: 5,\n    maxFiles: 20,\n    singlePick: false,\n    persistentDropzone: true,\n    previewVariant: 'image-grid',\n    className: 'w-[598px]',\n    classNames: {\n      previewWraper: 'w-[75px] h-[75px] rounded-[8px] border-0',\n      previewImage: 'rounded-[8px] object-cover',\n    },\n  },\n  render: (args) => <ControlledDropzone {...args} />,\n};\n\nexport const MultiImagesCoverFirst: Story = {\n  args: {\n    acceptTypes: DEFAULT_IMAGES_TYPES,\n    labelDropzonePrompt: 'Перетягніть фото або оберіть файли',\n    labelDropzoneSubPrompt: 'JPG, PNG, WEBP, HEIC · до 5 МБ кожне',\n    labelOrClickToSelect: 'Завантажити файл',\n    maxSizeMB: 5,\n    maxFiles: 20,\n    singlePick: false,\n    persistentDropzone: true,\n    previewVariant: 'image-grid',\n    coverFirstItem: true,\n    className: 'w-[400px]',\n    classNames: {\n      previewWraper: 'w-[75px] h-[75px] rounded-[8px] border-0',\n      previewImage: 'rounded-[8px] object-cover',\n    },\n  },\n  render: (args) => <ControlledDropzone {...args} />,\n};\n\nexport const MultilinePromptSpacing: Story = {\n  args: {\n    acceptTypes: DEFAULT_IMAGES_TYPES,\n    labelDropzonePrompt: 'Додайте файл\\nПеретягніть сюди або натисніть',\n    labelDropzoneSubPrompt: 'JPG, PNG, WEBP до 5 МБ кожне',\n    labelOrClickToSelect: 'Обрати',\n    maxSizeMB: 5,\n    maxFiles: 1,\n    singlePick: true,\n    className: 'w-[598px]',\n  },\n  render: (args) => <ControlledDropzone {...args} />,\n};\n\nexport const FileErrorTooLarge: Story = {\n  args: {\n    acceptTypes: DEFAULT_DOCUMENT_TYPES,\n    labelDropzonePrompt: 'Upload file...',\n    labelDropzoneSubPrompt: 'PDF only, max 1 MB',\n    labelFileTooLarge: 'File is too large. Max size is 1 MB.',\n    maxSizeMB: 1,\n    maxFiles: 1,\n    singlePick: true,\n    className: 'w-[598px]',\n  },\n  render: (args) => <ControlledDropzone {...args} />,\n};\n\nexport const FileErrorInvalidType: Story = {\n  args: {\n    acceptTypes: ['application/pdf'],\n    labelDropzonePrompt: 'Upload file...',\n    labelDropzoneSubPrompt: 'Only PDF is supported',\n    labelInvalidFileType: 'Invalid file type. Please upload a PDF file.',\n    maxSizeMB: 5,\n    maxFiles: 1,\n    singlePick: true,\n    className: 'w-[598px]',\n  },\n  render: (args) => <ControlledDropzone {...args} />,\n};\n\nexport const PhotoErrorTooLarge: Story = {\n  args: {\n    acceptTypes: DEFAULT_IMAGES_TYPES,\n    labelDropzonePrompt: 'Upload photo...',\n    labelDropzoneSubPrompt: 'JPG/PNG/WEBP, max 1 MB',\n    labelFileTooLarge: 'Photo is too large. Max size is 1 MB.',\n    maxSizeMB: 1,\n    maxFiles: 1,\n    singlePick: true,\n    className: 'w-[598px]',\n  },\n  render: (args) => <ControlledDropzone {...args} />,\n};\n\nexport const PhotoErrorInvalidType: Story = {\n  args: {\n    acceptTypes: DEFAULT_IMAGES_TYPES,\n    labelDropzonePrompt: 'Upload photo...',\n    labelDropzoneSubPrompt: 'Only image files are supported',\n    labelInvalidFileType: 'Invalid file type. Please upload an image file.',\n    maxSizeMB: 5,\n    maxFiles: 1,\n    singlePick: true,\n    className: 'w-[598px]',\n  },\n  render: (args) => <ControlledDropzone {...args} />,\n};\n\nexport const PhotosMultiErrorTooLarge: Story = {\n  args: {\n    acceptTypes: DEFAULT_IMAGES_TYPES,\n    labelDropzonePrompt: 'Drag photos or choose files',\n    labelDropzoneSubPrompt: 'JPG, PNG, WEBP · max 1 MB each',\n    labelFileTooLarge: 'One or more photos are too large. Max size is 1 MB each.',\n    maxSizeMB: 1,\n    maxFiles: 20,\n    singlePick: false,\n    persistentDropzone: true,\n    previewVariant: 'image-grid',\n    className: 'w-[598px]',\n    classNames: {\n      previewWraper: 'w-[75px] h-[75px] rounded-[8px] border-0',\n      previewImage: 'rounded-[8px] object-cover',\n    },\n  },\n  render: (args) => <ControlledDropzone {...args} />,\n};\n\nexport const PhotosMultiErrorInvalidType: Story = {\n  args: {\n    acceptTypes: DEFAULT_IMAGES_TYPES,\n    labelDropzonePrompt: 'Drag photos or choose files',\n    labelDropzoneSubPrompt: 'Only image files are supported',\n    labelInvalidFileType: 'One or more files have invalid type.',\n    maxSizeMB: 5,\n    maxFiles: 20,\n    singlePick: false,\n    persistentDropzone: true,\n    previewVariant: 'image-grid',\n    className: 'w-[598px]',\n    classNames: {\n      previewWraper: 'w-[75px] h-[75px] rounded-[8px] border-0',\n      previewImage: 'rounded-[8px] object-cover',\n    },\n  },\n  render: (args) => <ControlledDropzone {...args} />,\n};\n\nexport const VideoErrorTooLarge: Story = {\n  args: {\n    acceptTypes: DEFAULT_VIDEO_TYPES,\n    labelDropzonePrompt: 'Upload video...',\n    labelDropzoneSubPrompt: 'MP4/MOV/AVI/WEBM, max 1 MB',\n    labelFileTooLarge: 'Video is too large. Max size is 1 MB.',\n    maxSizeMB: 1,\n    maxFiles: 1,\n    singlePick: true,\n    className: 'w-[598px]',\n  },\n  render: (args) => <ControlledDropzone {...args} />,\n};\n\nexport const VideoErrorInvalidType: Story = {\n  args: {\n    acceptTypes: DEFAULT_VIDEO_TYPES,\n    labelDropzonePrompt: 'Upload video...',\n    labelDropzoneSubPrompt: 'Only video files are supported',\n    labelInvalidFileType: 'Invalid file type. Please upload a video file.',\n    maxSizeMB: 100,\n    maxFiles: 1,\n    singlePick: true,\n    className: 'w-[598px]',\n  },\n  render: (args) => <ControlledDropzone {...args} />,\n};\n"],"names":["ControlledDropzone","initialValue","args","value","setValue","useState","jsxs","jsx","Dropzone","items","meta","Story","Images","DEFAULT_IMAGES_TYPES","Files","DEFAULT_DOCUMENT_TYPES","Videos","DEFAULT_VIDEO_TYPES","VideoYoutubeLink","url","setUrl","event","next","UploadingDropzoneMock","isUploading","setIsUploading","uploadProgress","setUploadProgress","uploadLoadedBytes","setUploadLoadedBytes","uploadTotalBytes","setUploadTotalBytes","timerRef","useRef","useEffect","selected","totalBytes","loadedBytes","progress","VideoRemoteUrl","e","VideoUploadingMock","MultiImagesPersistent","MultiImagesCoverFirst","MultilinePromptSpacing","FileErrorTooLarge","FileErrorInvalidType","PhotoErrorTooLarge","PhotoErrorInvalidType","PhotosMultiErrorTooLarge","PhotosMultiErrorInvalidType","VideoErrorTooLarge","VideoErrorInvalidType"],"mappings":"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"}
+{"version":3,"file":"Dropzone.stories.js","sources":["../../src/Dropzone/Dropzone.stories.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\r\nimport type { Meta, StoryObj } from '@storybook/react';\r\n\r\nimport { Dropzone } from './Dropzone';\r\nimport {\r\n  DEFAULT_DOCUMENT_TYPES,\r\n  DEFAULT_IMAGES_TYPES,\r\n  DropzoneValueItem,\r\n  DEFAULT_VIDEO_TYPES,\r\n} from './Dropzone.types';\r\n\r\ntype ControlledProps = React.ComponentProps<typeof Dropzone> & {\r\n  initialValue?: string[];\r\n};\r\n\r\nfunction ControlledDropzone({ initialValue = [], ...args }: ControlledProps) {\r\n  const [value, setValue] = useState<DropzoneValueItem[]>(initialValue);\r\n\r\n  return (\r\n    <div className=\"w-full space-y-3\">\r\n      <Dropzone\r\n        {...args}\r\n        value={value}\r\n        onChangeValue={(items) => setValue(items)}\r\n      />\r\n\r\n      <div className=\"text-xs text-muted-foreground\">\r\n        value:\r\n        <pre className=\"mt-1 text-[11px] bg-muted p-2 rounded\">\r\n          {JSON.stringify(value, null, 2)}\r\n        </pre>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nconst meta = {\r\n  title: 'Dropzone',\r\n  component: Dropzone,\r\n  parameters: {\r\n    layout: 'centered',\r\n  },\r\n  args: {\r\n    labelSelectedFiles: 'Selected files',\r\n    labelFileTooLarge: 'File is too large',\r\n    maxFiles: 1,\r\n    maxSizeMB: 100,\r\n    singlePick: true,\r\n    className: 'w-full',\r\n  },\r\n  argTypes: {\r\n    onChangeValue: { control: false },\r\n    value: { control: false },\r\n  },\r\n  decorators: [\r\n    (Story) => (\r\n      <div className=\"p-6 w-[680px]\">\r\n        <Story />\r\n      </div>\r\n    ),\r\n  ],\r\n} satisfies Meta<typeof Dropzone>;\r\n\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nexport const Images: Story = {\r\n  args: {\r\n    acceptTypes: DEFAULT_IMAGES_TYPES,\r\n    labelDropzonePrompt: 'Upload image',\r\n    labelDropzoneSubPrompt: 'Formats: .jpg .jpeg .png .webp',\r\n    maxSizeMB: 5,\r\n  },\r\n  render: (args) => <ControlledDropzone {...args} />,\r\n};\r\n\r\nexport const Files: Story = {\r\n  args: {\r\n    acceptTypes: DEFAULT_DOCUMENT_TYPES,\r\n    labelDropzonePrompt: 'Upload file',\r\n    labelDropzoneSubPrompt: 'Formats: pdf, doc/docx, xls/xlsx, ppt/pptx, txt, csv',\r\n    maxSizeMB: 100,\r\n    maxFiles: 1,\r\n    singlePick: true,\r\n  },\r\n  render: (args) => <ControlledDropzone {...args} />,\r\n};\r\n\r\nexport const Videos: Story = {\r\n  args: {\r\n    acceptTypes: DEFAULT_VIDEO_TYPES,\r\n    labelDropzonePrompt: 'Upload video',\r\n    labelDropzoneSubPrompt: 'Formats: .mp4 .mov .avi .webm',\r\n    maxSizeMB: 100,\r\n    maxFiles: 1,\r\n    singlePick: true,\r\n  },\r\n  render: (args) => <ControlledDropzone {...args} />,\r\n};\r\n\r\nexport const VideoYoutubeLink: Story = {\r\n  args: {\r\n    acceptTypes: DEFAULT_VIDEO_TYPES,\r\n    labelDropzonePrompt: 'Upload video',\r\n    labelDropzoneSubPrompt: 'Formats: .mp4 .mov .avi .webm or YouTube URL as value',\r\n    maxSizeMB: 100,\r\n    maxFiles: 1,\r\n    singlePick: true,\r\n  },\r\n  render: (args) => {\r\n    const YoutubeStory = () => {\r\n      const [url, setUrl] = useState('https://www.youtube.com/watch?v=dQw4w9WgXcQ');\r\n      const value = url.trim() ? [url.trim()] : [];\r\n\r\n      return (\r\n        <div className=\"w-full space-y-3\">\r\n          <input\r\n            type=\"text\"\r\n            value={url}\r\n            onChange={(event) => setUrl(event.target.value)}\r\n            placeholder=\"Paste YouTube URL\"\r\n            className=\"w-full h-10 rounded-md border border-[#E4E4E7] px-3 text-sm\"\r\n          />\r\n\r\n          <Dropzone\r\n            {...args}\r\n            value={value}\r\n            onChangeValue={(items) => {\r\n              const next = items[0];\r\n              if (typeof next === 'string') {\r\n                setUrl(next);\r\n              }\r\n            }}\r\n          />\r\n        </div>\r\n      );\r\n    };\r\n\r\n    return <YoutubeStory />;\r\n  },\r\n};\r\n\r\nfunction UploadingDropzoneMock(args: React.ComponentProps<typeof Dropzone>) {\r\n  const [value, setValue] = useState<DropzoneValueItem[]>([]);\r\n  const [isUploading, setIsUploading] = useState(false);\r\n  const [uploadProgress, setUploadProgress] = useState(0);\r\n  const [uploadLoadedBytes, setUploadLoadedBytes] = useState(0);\r\n  const [uploadTotalBytes, setUploadTotalBytes] = useState(0);\r\n  const timerRef = useRef<ReturnType<typeof setInterval> | null>(null);\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      if (timerRef.current) clearInterval(timerRef.current);\r\n    };\r\n  }, []);\r\n\r\n  return (\r\n    <div className=\"w-full space-y-3\">\r\n      <Dropzone\r\n        {...args}\r\n        value={value}\r\n        isUploading={isUploading}\r\n        uploadProgress={uploadProgress}\r\n        uploadLoadedBytes={uploadLoadedBytes}\r\n        uploadTotalBytes={uploadTotalBytes}\r\n        onCancelUpload={() => {\r\n          if (timerRef.current) clearInterval(timerRef.current);\r\n          timerRef.current = null;\r\n          setIsUploading(false);\r\n          setUploadProgress(0);\r\n          setUploadLoadedBytes(0);\r\n          setUploadTotalBytes(0);\r\n        }}\r\n        onChangeValue={(items) => {\r\n          setValue(items);\r\n          if (!items.length) return;\r\n\r\n          if (timerRef.current) clearInterval(timerRef.current);\r\n          timerRef.current = null;\r\n\r\n          const selected = items[0];\r\n          const totalBytes =\r\n            selected instanceof File ? selected.size : 50 * 1024 * 1024;\r\n          let loadedBytes = 0;\r\n\r\n          setUploadTotalBytes(totalBytes);\r\n          setUploadLoadedBytes(0);\r\n          setUploadProgress(0);\r\n          setIsUploading(true);\r\n\r\n          timerRef.current = setInterval(() => {\r\n            loadedBytes = Math.min(totalBytes, loadedBytes + totalBytes * 0.08);\r\n            const progress = totalBytes ? Math.round((loadedBytes / totalBytes) * 100) : 0;\r\n\r\n            setUploadLoadedBytes(loadedBytes);\r\n            setUploadProgress(progress);\r\n\r\n            if (loadedBytes >= totalBytes) {\r\n              if (timerRef.current) clearInterval(timerRef.current);\r\n              timerRef.current = null;\r\n              setTimeout(() => setIsUploading(false), 350);\r\n            }\r\n          }, 250);\r\n        }}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n\r\nexport const VideoRemoteUrl: Story = {\r\n  args: {\r\n    acceptTypes: DEFAULT_VIDEO_TYPES,\r\n    labelDropzonePrompt: 'Upload video',\r\n    labelDropzoneSubPrompt: 'Formats: .mp4 .mov .avi .webm',\r\n    maxSizeMB: 100,\r\n    maxFiles: 1,\r\n    singlePick: true,\r\n  },\r\n  render: (args) => {\r\n    const RemoteVideoStory = () => {\r\n      const [url, setUrl] = useState(\r\n        'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4'\r\n      );\r\n      const value: DropzoneValueItem[] = url.trim() ? [url.trim()] : [];\r\n\r\n      return (\r\n        <div className=\"w-full space-y-3\">\r\n          <input\r\n            type=\"text\"\r\n            value={url}\r\n            onChange={(e) => setUrl(e.target.value)}\r\n            placeholder=\"Paste remote video URL (.mp4, .avi, .webm)\"\r\n            className=\"w-full h-10 rounded-md border border-[#E4E4E7] px-3 text-sm\"\r\n          />\r\n          <Dropzone\r\n            {...args}\r\n            value={value}\r\n            onChangeValue={(items) => {\r\n              const next = items[0];\r\n              setUrl(typeof next === 'string' ? next : '');\r\n            }}\r\n          />\r\n        </div>\r\n      );\r\n    };\r\n\r\n    return <RemoteVideoStory />;\r\n  },\r\n};\r\n\r\nexport const VideoUploadingMock: Story = {\r\n  args: {\r\n    acceptTypes: DEFAULT_VIDEO_TYPES,\r\n    labelDropzonePrompt: 'Upload video',\r\n    labelDropzoneSubPrompt: 'Formats: .mp4 .mov .avi .webm',\r\n    labelUploadingTitle: 'Завантаження відео...',\r\n    labelUploadingHint: 'Будь ласка, не закривайте сторінку',\r\n    labelUploadingActionCancel: 'Скасувати',\r\n    maxSizeMB: 100,\r\n    maxFiles: 1,\r\n    singlePick: true,\r\n  },\r\n  render: (args) => <UploadingDropzoneMock {...args} />,\r\n};\r\n\r\nexport const MultiImagesPersistent: Story = {\r\n  args: {\r\n    acceptTypes: DEFAULT_IMAGES_TYPES,\r\n    labelDropzonePrompt: 'Перетягніть фото або оберіть файли',\r\n    labelDropzoneSubPrompt: 'JPG, PNG, WEBP, HEIC · до 5 МБ кожне',\r\n    labelOrClickToSelect: 'Завантажити файл',\r\n    maxSizeMB: 5,\r\n    maxFiles: 20,\r\n    singlePick: false,\r\n    persistentDropzone: true,\r\n    previewVariant: 'image-grid',\r\n    className: 'w-[598px]',\r\n    classNames: {\r\n      previewWraper: 'w-[75px] h-[75px] rounded-[8px] border-0',\r\n      previewImage: 'rounded-[8px] object-cover',\r\n    },\r\n  },\r\n  render: (args) => <ControlledDropzone {...args} />,\r\n};\r\n\r\nexport const MultiImagesCoverFirst: Story = {\r\n  args: {\r\n    acceptTypes: DEFAULT_IMAGES_TYPES,\r\n    labelDropzonePrompt: 'Перетягніть фото або оберіть файли',\r\n    labelDropzoneSubPrompt: 'JPG, PNG, WEBP, HEIC · до 5 МБ кожне',\r\n    labelOrClickToSelect: 'Завантажити файл',\r\n    maxSizeMB: 5,\r\n    maxFiles: 20,\r\n    singlePick: false,\r\n    persistentDropzone: true,\r\n    previewVariant: 'image-grid',\r\n    coverFirstItem: true,\r\n    className: 'w-[400px]',\r\n    classNames: {\r\n      previewWraper: 'w-[75px] h-[75px] rounded-[8px] border-0',\r\n      previewImage: 'rounded-[8px] object-cover',\r\n    },\r\n  },\r\n  render: (args) => <ControlledDropzone {...args} />,\r\n};\r\n\r\nexport const MultilinePromptSpacing: Story = {\r\n  args: {\r\n    acceptTypes: DEFAULT_IMAGES_TYPES,\r\n    labelDropzonePrompt: 'Додайте файл\\nПеретягніть сюди або натисніть',\r\n    labelDropzoneSubPrompt: 'JPG, PNG, WEBP до 5 МБ кожне',\r\n    labelOrClickToSelect: 'Обрати',\r\n    maxSizeMB: 5,\r\n    maxFiles: 1,\r\n    singlePick: true,\r\n    className: 'w-[598px]',\r\n  },\r\n  render: (args) => <ControlledDropzone {...args} />,\r\n};\r\n\r\nexport const FileErrorTooLarge: Story = {\r\n  args: {\r\n    acceptTypes: DEFAULT_DOCUMENT_TYPES,\r\n    labelDropzonePrompt: 'Upload file...',\r\n    labelDropzoneSubPrompt: 'PDF only, max 1 MB',\r\n    labelFileTooLarge: 'File is too large. Max size is 1 MB.',\r\n    maxSizeMB: 1,\r\n    maxFiles: 1,\r\n    singlePick: true,\r\n    className: 'w-[598px]',\r\n  },\r\n  render: (args) => <ControlledDropzone {...args} />,\r\n};\r\n\r\nexport const FileErrorInvalidType: Story = {\r\n  args: {\r\n    acceptTypes: ['application/pdf'],\r\n    labelDropzonePrompt: 'Upload file...',\r\n    labelDropzoneSubPrompt: 'Only PDF is supported',\r\n    labelInvalidFileType: 'Invalid file type. Please upload a PDF file.',\r\n    maxSizeMB: 5,\r\n    maxFiles: 1,\r\n    singlePick: true,\r\n    className: 'w-[598px]',\r\n  },\r\n  render: (args) => <ControlledDropzone {...args} />,\r\n};\r\n\r\nexport const PhotoErrorTooLarge: Story = {\r\n  args: {\r\n    acceptTypes: DEFAULT_IMAGES_TYPES,\r\n    labelDropzonePrompt: 'Upload photo...',\r\n    labelDropzoneSubPrompt: 'JPG/PNG/WEBP, max 1 MB',\r\n    labelFileTooLarge: 'Photo is too large. Max size is 1 MB.',\r\n    maxSizeMB: 1,\r\n    maxFiles: 1,\r\n    singlePick: true,\r\n    className: 'w-[598px]',\r\n  },\r\n  render: (args) => <ControlledDropzone {...args} />,\r\n};\r\n\r\nexport const PhotoErrorInvalidType: Story = {\r\n  args: {\r\n    acceptTypes: DEFAULT_IMAGES_TYPES,\r\n    labelDropzonePrompt: 'Upload photo...',\r\n    labelDropzoneSubPrompt: 'Only image files are supported',\r\n    labelInvalidFileType: 'Invalid file type. Please upload an image file.',\r\n    maxSizeMB: 5,\r\n    maxFiles: 1,\r\n    singlePick: true,\r\n    className: 'w-[598px]',\r\n  },\r\n  render: (args) => <ControlledDropzone {...args} />,\r\n};\r\n\r\nexport const PhotosMultiErrorTooLarge: Story = {\r\n  args: {\r\n    acceptTypes: DEFAULT_IMAGES_TYPES,\r\n    labelDropzonePrompt: 'Drag photos or choose files',\r\n    labelDropzoneSubPrompt: 'JPG, PNG, WEBP · max 1 MB each',\r\n    labelFileTooLarge: 'One or more photos are too large. Max size is 1 MB each.',\r\n    maxSizeMB: 1,\r\n    maxFiles: 20,\r\n    singlePick: false,\r\n    persistentDropzone: true,\r\n    previewVariant: 'image-grid',\r\n    className: 'w-[598px]',\r\n    classNames: {\r\n      previewWraper: 'w-[75px] h-[75px] rounded-[8px] border-0',\r\n      previewImage: 'rounded-[8px] object-cover',\r\n    },\r\n  },\r\n  render: (args) => <ControlledDropzone {...args} />,\r\n};\r\n\r\nexport const PhotosMultiErrorInvalidType: Story = {\r\n  args: {\r\n    acceptTypes: DEFAULT_IMAGES_TYPES,\r\n    labelDropzonePrompt: 'Drag photos or choose files',\r\n    labelDropzoneSubPrompt: 'Only image files are supported',\r\n    labelInvalidFileType: 'One or more files have invalid type.',\r\n    maxSizeMB: 5,\r\n    maxFiles: 20,\r\n    singlePick: false,\r\n    persistentDropzone: true,\r\n    previewVariant: 'image-grid',\r\n    className: 'w-[598px]',\r\n    classNames: {\r\n      previewWraper: 'w-[75px] h-[75px] rounded-[8px] border-0',\r\n      previewImage: 'rounded-[8px] object-cover',\r\n    },\r\n  },\r\n  render: (args) => <ControlledDropzone {...args} />,\r\n};\r\n\r\nexport const VideoErrorTooLarge: Story = {\r\n  args: {\r\n    acceptTypes: DEFAULT_VIDEO_TYPES,\r\n    labelDropzonePrompt: 'Upload video...',\r\n    labelDropzoneSubPrompt: 'MP4/MOV/AVI/WEBM, max 1 MB',\r\n    labelFileTooLarge: 'Video is too large. Max size is 1 MB.',\r\n    maxSizeMB: 1,\r\n    maxFiles: 1,\r\n    singlePick: true,\r\n    className: 'w-[598px]',\r\n  },\r\n  render: (args) => <ControlledDropzone {...args} />,\r\n};\r\n\r\nexport const VideoErrorInvalidType: Story = {\r\n  args: {\r\n    acceptTypes: DEFAULT_VIDEO_TYPES,\r\n    labelDropzonePrompt: 'Upload video...',\r\n    labelDropzoneSubPrompt: 'Only video files are supported',\r\n    labelInvalidFileType: 'Invalid file type. Please upload a video file.',\r\n    maxSizeMB: 100,\r\n    maxFiles: 1,\r\n    singlePick: true,\r\n    className: 'w-[598px]',\r\n  },\r\n  render: (args) => <ControlledDropzone {...args} />,\r\n};\r\n"],"names":["ControlledDropzone","initialValue","args","value","setValue","useState","jsxs","jsx","Dropzone","items","meta","Story","Images","DEFAULT_IMAGES_TYPES","Files","DEFAULT_DOCUMENT_TYPES","Videos","DEFAULT_VIDEO_TYPES","VideoYoutubeLink","url","setUrl","event","next","UploadingDropzoneMock","isUploading","setIsUploading","uploadProgress","setUploadProgress","uploadLoadedBytes","setUploadLoadedBytes","uploadTotalBytes","setUploadTotalBytes","timerRef","useRef","useEffect","selected","totalBytes","loadedBytes","progress","VideoRemoteUrl","e","VideoUploadingMock","MultiImagesPersistent","MultiImagesCoverFirst","MultilinePromptSpacing","FileErrorTooLarge","FileErrorInvalidType","PhotoErrorTooLarge","PhotoErrorInvalidType","PhotosMultiErrorTooLarge","PhotosMultiErrorInvalidType","VideoErrorTooLarge","VideoErrorInvalidType"],"mappings":"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"}

package/Dropzone/Dropzone.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.types.js","sources":["../../src/Dropzone/Dropzone.types.tsx"],"sourcesContent":["import { FileRejection } from 'react-dropzone';\nimport { Dispatch, SetStateAction } from 'react';\n\nexport type DropzoneValueItem = File | string;\n\nexport interface FilePreviewProps {\n  item: DropzoneValueItem;\n  styles?: Pick<\n    DropzoneStyles,\n    'previewWraper' | 'previewImage' | 'previewFile'\n  >;\n}\n\nexport interface DropzoneTranslations {\n  labelDropzonePrompt?: string;\n  labelDropzoneSubPrompt?: string;\n  labelOrClickToSelect?: string;\n  labelSelectedFiles?: string;\n  labelUploadErrors?: string;\n  labelFileTooLarge?: string;\n  labelInvalidFileType?: string;\n  labelVideoUploaded?: string;\n  labelVideoReplace?: string;\n}\n\nexport interface DropzoneProps\n  extends DropzoneTranslations,\n    React.HTMLAttributes<HTMLDivElement> {\n  acceptTypes?: string[];\n  maxSizeMB: number;\n  maxFiles?: number;\n  onErrors?: (errors: FileRejection[]) => void;\n  hideErrors?: boolean;\n  disabled?: boolean;\n  classNames?: DropzoneStyles;\n  value?: DropzoneValueItem[];\n  onChangeValue?: (items: DropzoneValueItem[]) => void;\n  singlePick?: boolean;\n  labelDropzoneClassname?: string;\n  labelDropzoneSubClassname?: string;\n  isUploading?: boolean;\n  uploadProgress?: number;\n  uploadLoadedBytes?: number;\n  uploadTotalBytes?: number;\n  onCancelUpload?: () => void;\n  labelUploadingTitle?: string;\n  labelUploadingHint?: string;\n  labelUploadingActionCancel?: string;\n  labelUploadingOf?: string;\n  playerTranslations?: Partial<Record<string, string>>;\n  singlePickFileInfo?: { name?: string; size?: number };\n  persistentDropzone?: boolean;\n  previewVariant?: 'default' | 'image-grid';\n  designVariant?: 'legacy' | 'modern';\n  documentUploadCard?: boolean;\n  /**\n   * In `image-grid` variant, render the first item as a full-width cover preview.\n   * Other items keep the regular grid size. The remove (X) button is preserved.\n   */\n  coverFirstItem?: boolean;\n}\n\nexport interface DropzoneStyles {\n  idleWrapper?: string;\n  previewWrapper?: string;\n  errorWrapper?: string;\n  previewWraper?: string;\n  previewImage?: string;\n  previewFile?: string;\n}\n\nexport const DEFAULT_DOCUMENT_TYPES = [\n  'application/pdf',\n  'application/msword',\n  'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n  'application/vnd.ms-excel',\n  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n  'application/vnd.ms-powerpoint',\n  'application/vnd.openxmlformats-officedocument.presentationml.presentation',\n  'text/csv',\n  'text/plain',\n];\n\nexport const DEFAULT_IMAGES_TYPES = [\n  'image/png',\n  'image/jpeg',\n  'image/jpg',\n  'image/webp',\n  // 'image/gif', // TODO: normalize this type\n];\n\nexport const DEFAULT_VIDEO_TYPES = [\n  'video/mp4',\n  'video/quicktime',\n  'video/x-msvideo',\n  'video/webm',\n  'video/avi'\n];\n\n// Backward-compatible alias.\nexport const DEFAULT_FILE_TYPES = DEFAULT_DOCUMENT_TYPES;\n\n\nexport interface DropzoneControl {\n  setItems: Dispatch<SetStateAction<DropzoneValueItem[]>>;\n}\n"],"names":["DEFAULT_DOCUMENT_TYPES","DEFAULT_IMAGES_TYPES","DEFAULT_VIDEO_TYPES","DEFAULT_FILE_TYPES"],"mappings":"AAuEO,MAAMA,IAAyB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAEF,GAEaC,IAAsB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGaC,IAAqBH;"}
+{"version":3,"file":"Dropzone.types.js","sources":["../../src/Dropzone/Dropzone.types.tsx"],"sourcesContent":["import { FileRejection } from 'react-dropzone';\r\nimport { Dispatch, SetStateAction } from 'react';\r\n\r\nexport type DropzoneValueItem = File | string;\r\n\r\nexport interface FilePreviewProps {\r\n  item: DropzoneValueItem;\r\n  styles?: Pick<\r\n    DropzoneStyles,\r\n    'previewWraper' | 'previewImage' | 'previewFile'\r\n  >;\r\n}\r\n\r\nexport interface DropzoneTranslations {\r\n  labelDropzonePrompt?: string;\r\n  labelDropzoneSubPrompt?: string;\r\n  labelOrClickToSelect?: string;\r\n  labelSelectedFiles?: string;\r\n  labelUploadErrors?: string;\r\n  labelFileTooLarge?: string;\r\n  labelInvalidFileType?: string;\r\n  labelVideoUploaded?: string;\r\n  labelVideoReplace?: string;\r\n}\r\n\r\nexport interface DropzoneProps\r\n  extends DropzoneTranslations,\r\n    React.HTMLAttributes<HTMLDivElement> {\r\n  acceptTypes?: string[];\r\n  maxSizeMB: number;\r\n  maxFiles?: number;\r\n  onErrors?: (errors: FileRejection[]) => void;\r\n  hideErrors?: boolean;\r\n  disabled?: boolean;\r\n  classNames?: DropzoneStyles;\r\n  value?: DropzoneValueItem[];\r\n  onChangeValue?: (items: DropzoneValueItem[]) => void;\r\n  singlePick?: boolean;\r\n  labelDropzoneClassname?: string;\r\n  labelDropzoneSubClassname?: string;\r\n  isUploading?: boolean;\r\n  uploadProgress?: number;\r\n  uploadLoadedBytes?: number;\r\n  uploadTotalBytes?: number;\r\n  onCancelUpload?: () => void;\r\n  labelUploadingTitle?: string;\r\n  labelUploadingHint?: string;\r\n  labelUploadingActionCancel?: string;\r\n  labelUploadingOf?: string;\r\n  playerTranslations?: Partial<Record<string, string>>;\r\n  singlePickFileInfo?: { name?: string; size?: number };\r\n  persistentDropzone?: boolean;\r\n  previewVariant?: 'default' | 'image-grid';\r\n  designVariant?: 'legacy' | 'modern';\r\n  documentUploadCard?: boolean;\r\n  /**\r\n   * In `image-grid` variant, render the first item as a full-width cover preview.\r\n   * Other items keep the regular grid size. The remove (X) button is preserved.\r\n   */\r\n  coverFirstItem?: boolean;\r\n}\r\n\r\nexport interface DropzoneStyles {\r\n  idleWrapper?: string;\r\n  previewWrapper?: string;\r\n  errorWrapper?: string;\r\n  previewWraper?: string;\r\n  previewImage?: string;\r\n  previewFile?: string;\r\n}\r\n\r\nexport const DEFAULT_DOCUMENT_TYPES = [\r\n  'application/pdf',\r\n  'application/msword',\r\n  'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\r\n  'application/vnd.ms-excel',\r\n  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\r\n  'application/vnd.ms-powerpoint',\r\n  'application/vnd.openxmlformats-officedocument.presentationml.presentation',\r\n  'text/csv',\r\n  'text/plain',\r\n];\r\n\r\nexport const DEFAULT_IMAGES_TYPES = [\r\n  'image/png',\r\n  'image/jpeg',\r\n  'image/jpg',\r\n  'image/webp',\r\n  // 'image/gif', // TODO: normalize this type\r\n];\r\n\r\nexport const DEFAULT_VIDEO_TYPES = [\r\n  'video/mp4',\r\n  'video/quicktime',\r\n  'video/x-msvideo',\r\n  'video/webm',\r\n  'video/avi'\r\n];\r\n\r\n// Backward-compatible alias.\r\nexport const DEFAULT_FILE_TYPES = DEFAULT_DOCUMENT_TYPES;\r\n\r\n\r\nexport interface DropzoneControl {\r\n  setItems: Dispatch<SetStateAction<DropzoneValueItem[]>>;\r\n}\r\n"],"names":["DEFAULT_DOCUMENT_TYPES","DEFAULT_IMAGES_TYPES","DEFAULT_VIDEO_TYPES","DEFAULT_FILE_TYPES"],"mappings":"AAuEO,MAAMA,IAAyB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAEF,GAEaC,IAAsB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGaC,IAAqBH;"}

package/Dropzone/DropzoneCoverPreview.d.ts

@@ -0,0 +1,14 @@
+import { DropzoneValueItem } from './Dropzone.types';
+interface DropzoneCoverPreviewProps {
+    item: DropzoneValueItem;
+    className?: string;
+}
+/**
+ * Cover preview for the image-grid (multi select) drop area.
+ * Mirrors the single image preview: wide images fill the frame (object-cover),
+ * portrait images are shown in full (object-contain) over a blurred backdrop,
+ * so the cover is never cropped awkwardly.
+ */
+export declare const DropzoneCoverPreview: ({ item, className }: DropzoneCoverPreviewProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=DropzoneCoverPreview.d.ts.map

package/Dropzone/DropzoneCoverPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropzoneCoverPreview.d.ts","sourceRoot":"","sources":["../../src/Dropzone/DropzoneCoverPreview.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAGrD,UAAU,yBAAyB;IACjC,IAAI,EAAE,iBAAiB,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAAI,qBAAqB,yBAAyB,mDAmDlF,CAAC"}

package/Dropzone/DropzoneCoverPreview.js

@@ -0,0 +1,56 @@
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { useState as n, useEffect as d } from "react";
+import { cn as i } from "@oneplatformdev/utils";
+import { isFile as v } from "./DropzoneUtils.js";
+const h = ({ item: e, className: u }) => {
+  const [t, o] = n(""), [l, f] = n(!1);
+  return d(() => {
+    if (v(e)) {
+      const r = URL.createObjectURL(e);
+      return o(r), () => URL.revokeObjectURL(r);
+    }
+    if (typeof e == "string") {
+      o(e);
+      return;
+    }
+    o("");
+  }, [e]), t ? /* @__PURE__ */ m(
+    "div",
+    {
+      className: i(
+        "relative flex w-full h-full items-center justify-center overflow-hidden",
+        u
+      ),
+      children: [
+        !l && /* @__PURE__ */ a(
+          "div",
+          {
+            className: "absolute inset-0 scale-110 bg-cover bg-center opacity-80 blur-xl",
+            style: { backgroundImage: `url(${t})` }
+          }
+        ),
+        /* @__PURE__ */ a(
+          "img",
+          {
+            src: t,
+            alt: "",
+            onLoad: (r) => {
+              const { naturalWidth: s, naturalHeight: c } = r.currentTarget;
+              f(
+                !!s && !!c && s > c
+              );
+            },
+            className: i(
+              "relative h-full",
+              l ? "w-full object-cover" : "z-10 max-w-full object-contain"
+            )
+          }
+        )
+      ]
+    }
+  ) : null;
+};
+export {
+  h as DropzoneCoverPreview
+};
+//# sourceMappingURL=DropzoneCoverPreview.js.map

package/Dropzone/DropzoneCoverPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropzoneCoverPreview.js","sources":["../../src/Dropzone/DropzoneCoverPreview.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\n\r\nimport { cn } from '@oneplatformdev/utils';\r\n\r\nimport { DropzoneValueItem } from './Dropzone.types';\r\nimport { isFile } from './DropzoneUtils';\r\n\r\ninterface DropzoneCoverPreviewProps {\r\n  item: DropzoneValueItem;\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * Cover preview for the image-grid (multi select) drop area.\r\n * Mirrors the single image preview: wide images fill the frame (object-cover),\r\n * portrait images are shown in full (object-contain) over a blurred backdrop,\r\n * so the cover is never cropped awkwardly.\r\n */\r\nexport const DropzoneCoverPreview = ({ item, className }: DropzoneCoverPreviewProps) => {\r\n  const [src, setSrc] = useState('');\r\n  const [isWideImage, setIsWideImage] = useState(false);\r\n\r\n  useEffect(() => {\r\n    if (isFile(item)) {\r\n      const objectUrl = URL.createObjectURL(item);\r\n      setSrc(objectUrl);\r\n      return () => URL.revokeObjectURL(objectUrl);\r\n    }\r\n\r\n    if (typeof item === 'string') {\r\n      setSrc(item);\r\n      return undefined;\r\n    }\r\n\r\n    setSrc('');\r\n    return undefined;\r\n  }, [item]);\r\n\r\n  if (!src) return null;\r\n\r\n  return (\r\n    <div\r\n      className={cn(\r\n        'relative flex w-full h-full items-center justify-center overflow-hidden',\r\n        className,\r\n      )}\r\n    >\r\n      {!isWideImage && (\r\n        <div\r\n          className=\"absolute inset-0 scale-110 bg-cover bg-center opacity-80 blur-xl\"\r\n          style={{ backgroundImage: `url(${src})` }}\r\n        />\r\n      )}\r\n      <img\r\n        src={src}\r\n        alt=\"\"\r\n        onLoad={(event) => {\r\n          const { naturalWidth, naturalHeight } = event.currentTarget;\r\n          setIsWideImage(\r\n            !!naturalWidth && !!naturalHeight && naturalWidth > naturalHeight,\r\n          );\r\n        }}\r\n        className={cn(\r\n          'relative h-full',\r\n          isWideImage ? 'w-full object-cover' : 'z-10 max-w-full object-contain',\r\n        )}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n"],"names":["DropzoneCoverPreview","item","className","src","setSrc","useState","isWideImage","setIsWideImage","useEffect","isFile","objectUrl","jsxs","cn","jsx","event","naturalWidth","naturalHeight"],"mappings":";;;;AAkBO,MAAMA,IAAuB,CAAC,EAAE,MAAAC,GAAM,WAAAC,QAA2C;AACtF,QAAM,CAACC,GAAKC,CAAM,IAAIC,EAAS,EAAE,GAC3B,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAK;AAkBpD,SAhBAG,EAAU,MAAM;AACd,QAAIC,EAAOR,CAAI,GAAG;AAChB,YAAMS,IAAY,IAAI,gBAAgBT,CAAI;AAC1C,aAAAG,EAAOM,CAAS,GACT,MAAM,IAAI,gBAAgBA,CAAS;AAAA,IAC5C;AAEA,QAAI,OAAOT,KAAS,UAAU;AAC5B,MAAAG,EAAOH,CAAI;AACX;AAAA,IACF;AAEA,IAAAG,EAAO,EAAE;AAAA,EAEX,GAAG,CAACH,CAAI,CAAC,GAEJE,IAGH,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAV;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAA,CAACI,KACA,gBAAAO;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,iBAAiB,OAAOV,CAAG,IAAA;AAAA,UAAI;AAAA,QAAA;AAAA,QAG5C,gBAAAU;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAAV;AAAA,YACA,KAAI;AAAA,YACJ,QAAQ,CAACW,MAAU;AACjB,oBAAM,EAAE,cAAAC,GAAc,eAAAC,EAAA,IAAkBF,EAAM;AAC9C,cAAAP;AAAA,gBACE,CAAC,CAACQ,KAAgB,CAAC,CAACC,KAAiBD,IAAeC;AAAA,cAAA;AAAA,YAExD;AAAA,YACA,WAAWJ;AAAA,cACT;AAAA,cACAN,IAAc,wBAAwB;AAAA,YAAA;AAAA,UACxC;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA,IA5Ba;AA+BnB;"}

package/Dropzone/DropzoneFilePreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropzoneFilePreview.js","sources":["../../src/Dropzone/DropzoneFilePreview.tsx"],"sourcesContent":["import { FC, useEffect, useState } from 'react';\nimport { File as FileIcon } from 'lucide-react';\nimport { DEFAULT_IMAGES_TYPES, FilePreviewProps } from './Dropzone.types';\nimport { isFile } from './DropzoneUtils';\nimport { cn } from '@oneplatformdev/utils';\nimport { MediaPlayer, MediaProvider } from '@vidstack/react';\nimport { defaultLayoutIcons, DefaultVideoLayout } from '@vidstack/react/player/layouts/default';\n\nimport '@vidstack/react/player/styles/base.css';\nimport '@vidstack/react/player/styles/default/theme.css';\nimport '@vidstack/react/player/styles/default/layouts/video.css';\n\nexport const FilePreview: FC<FilePreviewProps> = ({ item, styles }) => {\n  const [preview, setPreview] = useState<string | null>(null);\n\n  const isFileTypeImage =\n    isFile(item) && DEFAULT_IMAGES_TYPES.includes(item.type);\n  const isFileTypeVideo = isFile(item) && item.type.includes('video');\n\n  useEffect(() => {\n    let img: HTMLImageElement | null = null;\n\n    if (isFile(item) && isFileTypeImage) {\n      const reader = new FileReader();\n      reader.onloadend = () => setPreview(reader.result as string);\n      reader.readAsDataURL(item);\n\n      return () => setPreview(null);\n    } else if (typeof item === 'string') {\n      img = new Image();\n      img.src = item;\n      img.onload = () => setPreview(item);\n      img.onerror = () => setPreview(null);\n\n      return () => {\n        img!.onload = null;\n        img!.onerror = null;\n      };\n    } else if (isFile(item) && isFileTypeVideo) {\n      const objectUrl = URL.createObjectURL(item);\n      setPreview(objectUrl);\n      return () => URL.revokeObjectURL(objectUrl);\n    } else {\n      setPreview(null);\n    }\n\n    return () => setPreview(null);\n  }, [item, isFileTypeImage, isFileTypeVideo]);\n\n  return (\n    <div\n      className={cn(\n        'w-32 h-32 border border-gray-300 rounded-md overflow-hidden flex items-center justify-center',\n        styles?.previewWraper\n      )}\n    >\n      {preview && isFileTypeVideo ? (\n        <div className=\"w-full h-full bg-black\" onClick={(event) => event.stopPropagation()}>\n          <MediaPlayer\n            src={isFile(item) ? { src: preview, type: item.type } : preview}\n            className=\"h-full w-full bg-black text-white\"\n            playsInline\n          >\n            <MediaProvider />\n            <DefaultVideoLayout icons={defaultLayoutIcons} />\n          </MediaPlayer>\n        </div>\n      ) : preview ? (\n        <img\n          src={preview}\n          alt={isFile(item) ? item.name : 'external-image'}\n          className={cn('w-full h-full object-cover', styles?.previewImage)}\n        />\n      ) : (\n        <div\n          className={cn(\n            'flex flex-col items-center justify-center text-gray-500 text-sm p-2 text-center',\n            styles?.previewFile\n          )}\n        >\n          <FileIcon className=\"w-6 h-6\" />\n          {!isFile(item) ? (\n            <span className=\"text-xs break-all\">{item}</span>\n          ) : (\n            <span className=\"text-xs break-all\">{item.name}</span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["FilePreview","item","styles","preview","setPreview","useState","isFileTypeImage","isFile","DEFAULT_IMAGES_TYPES","isFileTypeVideo","useEffect","img","reader","objectUrl","jsx","cn","event","jsxs","MediaPlayer","MediaProvider","DefaultVideoLayout","defaultLayoutIcons","FileIcon"],"mappings":";;;;;;;;;;;AAYO,MAAMA,IAAoC,CAAC,EAAE,MAAAC,GAAM,QAAAC,QAAa;AACrE,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAwB,IAAI,GAEpDC,IACJC,EAAON,CAAI,KAAKO,EAAqB,SAASP,EAAK,IAAI,GACnDQ,IAAkBF,EAAON,CAAI,KAAKA,EAAK,KAAK,SAAS,OAAO;AAElE,SAAAS,EAAU,MAAM;AACd,QAAIC,IAA+B;AAEnC,QAAIJ,EAAON,CAAI,KAAKK,GAAiB;AACnC,YAAMM,IAAS,IAAI,WAAA;AACnB,aAAAA,EAAO,YAAY,MAAMR,EAAWQ,EAAO,MAAgB,GAC3DA,EAAO,cAAcX,CAAI,GAElB,MAAMG,EAAW,IAAI;AAAA,IAC9B,OAAA;AAAA,UAAW,OAAOH,KAAS;AACzB,eAAAU,IAAM,IAAI,MAAA,GACVA,EAAI,MAAMV,GACVU,EAAI,SAAS,MAAMP,EAAWH,CAAI,GAClCU,EAAI,UAAU,MAAMP,EAAW,IAAI,GAE5B,MAAM;AACX,UAAAO,EAAK,SAAS,MACdA,EAAK,UAAU;AAAA,QACjB;AACF,UAAWJ,EAAON,CAAI,KAAKQ,GAAiB;AAC1C,cAAMI,IAAY,IAAI,gBAAgBZ,CAAI;AAC1C,eAAAG,EAAWS,CAAS,GACb,MAAM,IAAI,gBAAgBA,CAAS;AAAA,MAC5C;AACE,QAAAT,EAAW,IAAI;AAAA;AAGjB,WAAO,MAAMA,EAAW,IAAI;AAAA,EAC9B,GAAG,CAACH,GAAMK,GAAiBG,CAAe,CAAC,GAGzC,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAb,GAAQ;AAAA,MAAA;AAAA,MAGT,UAAAC,KAAWM,IACV,gBAAAK,EAAC,OAAA,EAAI,WAAU,0BAAyB,SAAS,CAACE,MAAUA,EAAM,gBAAA,GAChE,UAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,KAAKX,EAAON,CAAI,IAAI,EAAE,KAAKE,GAAS,MAAMF,EAAK,KAAA,IAASE;AAAA,UACxD,WAAU;AAAA,UACV,aAAW;AAAA,UAEX,UAAA;AAAA,YAAA,gBAAAW,EAACK,GAAA,EAAc;AAAA,YACf,gBAAAL,EAACM,GAAA,EAAmB,OAAOC,EAAA,CAAoB;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,EACjD,CACF,IACElB,IACF,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKX;AAAA,UACL,KAAKI,EAAON,CAAI,IAAIA,EAAK,OAAO;AAAA,UAChC,WAAWc,EAAG,8BAA8Bb,GAAQ,YAAY;AAAA,QAAA;AAAA,MAAA,IAGlE,gBAAAe;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWF;AAAA,YACT;AAAA,YACAb,GAAQ;AAAA,UAAA;AAAA,UAGV,UAAA;AAAA,YAAA,gBAAAY,EAACQ,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,YAC5Bf,EAAON,CAAI,IAGX,gBAAAa,EAAC,QAAA,EAAK,WAAU,qBAAqB,YAAK,KAAA,CAAK,sBAF9C,QAAA,EAAK,WAAU,qBAAqB,UAAAb,EAAA,CAAK;AAAA,UAEK;AAAA,QAAA;AAAA,MAAA;AAAA,IAEnD;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"DropzoneFilePreview.js","sources":["../../src/Dropzone/DropzoneFilePreview.tsx"],"sourcesContent":["import { FC, useEffect, useState } from 'react';\r\nimport { File as FileIcon } from 'lucide-react';\r\nimport { DEFAULT_IMAGES_TYPES, FilePreviewProps } from './Dropzone.types';\r\nimport { isFile } from './DropzoneUtils';\r\nimport { cn } from '@oneplatformdev/utils';\r\nimport { MediaPlayer, MediaProvider } from '@vidstack/react';\r\nimport { defaultLayoutIcons, DefaultVideoLayout } from '@vidstack/react/player/layouts/default';\r\n\r\nimport '@vidstack/react/player/styles/base.css';\r\nimport '@vidstack/react/player/styles/default/theme.css';\r\nimport '@vidstack/react/player/styles/default/layouts/video.css';\r\n\r\nexport const FilePreview: FC<FilePreviewProps> = ({ item, styles }) => {\r\n  const [preview, setPreview] = useState<string | null>(null);\r\n\r\n  const isFileTypeImage =\r\n    isFile(item) && DEFAULT_IMAGES_TYPES.includes(item.type);\r\n  const isFileTypeVideo = isFile(item) && item.type.includes('video');\r\n\r\n  useEffect(() => {\r\n    let img: HTMLImageElement | null = null;\r\n\r\n    if (isFile(item) && isFileTypeImage) {\r\n      const reader = new FileReader();\r\n      reader.onloadend = () => setPreview(reader.result as string);\r\n      reader.readAsDataURL(item);\r\n\r\n      return () => setPreview(null);\r\n    } else if (typeof item === 'string') {\r\n      img = new Image();\r\n      img.src = item;\r\n      img.onload = () => setPreview(item);\r\n      img.onerror = () => setPreview(null);\r\n\r\n      return () => {\r\n        img!.onload = null;\r\n        img!.onerror = null;\r\n      };\r\n    } else if (isFile(item) && isFileTypeVideo) {\r\n      const objectUrl = URL.createObjectURL(item);\r\n      setPreview(objectUrl);\r\n      return () => URL.revokeObjectURL(objectUrl);\r\n    } else {\r\n      setPreview(null);\r\n    }\r\n\r\n    return () => setPreview(null);\r\n  }, [item, isFileTypeImage, isFileTypeVideo]);\r\n\r\n  return (\r\n    <div\r\n      className={cn(\r\n        'w-32 h-32 border border-gray-300 rounded-md overflow-hidden flex items-center justify-center',\r\n        styles?.previewWraper\r\n      )}\r\n    >\r\n      {preview && isFileTypeVideo ? (\r\n        <div className=\"w-full h-full bg-black\" onClick={(event) => event.stopPropagation()}>\r\n          <MediaPlayer\r\n            src={isFile(item) ? { src: preview, type: item.type } : preview}\r\n            className=\"h-full w-full bg-black text-white\"\r\n            playsInline\r\n          >\r\n            <MediaProvider />\r\n            <DefaultVideoLayout icons={defaultLayoutIcons} />\r\n          </MediaPlayer>\r\n        </div>\r\n      ) : preview ? (\r\n        <img\r\n          src={preview}\r\n          alt={isFile(item) ? item.name : 'external-image'}\r\n          className={cn('w-full h-full object-cover', styles?.previewImage)}\r\n        />\r\n      ) : (\r\n        <div\r\n          className={cn(\r\n            'flex flex-col items-center justify-center text-gray-500 text-sm p-2 text-center',\r\n            styles?.previewFile\r\n          )}\r\n        >\r\n          <FileIcon className=\"w-6 h-6\" />\r\n          {!isFile(item) ? (\r\n            <span className=\"text-xs break-all\">{item}</span>\r\n          ) : (\r\n            <span className=\"text-xs break-all\">{item.name}</span>\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["FilePreview","item","styles","preview","setPreview","useState","isFileTypeImage","isFile","DEFAULT_IMAGES_TYPES","isFileTypeVideo","useEffect","img","reader","objectUrl","jsx","cn","event","jsxs","MediaPlayer","MediaProvider","DefaultVideoLayout","defaultLayoutIcons","FileIcon"],"mappings":";;;;;;;;;;;AAYO,MAAMA,IAAoC,CAAC,EAAE,MAAAC,GAAM,QAAAC,QAAa;AACrE,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAwB,IAAI,GAEpDC,IACJC,EAAON,CAAI,KAAKO,EAAqB,SAASP,EAAK,IAAI,GACnDQ,IAAkBF,EAAON,CAAI,KAAKA,EAAK,KAAK,SAAS,OAAO;AAElE,SAAAS,EAAU,MAAM;AACd,QAAIC,IAA+B;AAEnC,QAAIJ,EAAON,CAAI,KAAKK,GAAiB;AACnC,YAAMM,IAAS,IAAI,WAAA;AACnB,aAAAA,EAAO,YAAY,MAAMR,EAAWQ,EAAO,MAAgB,GAC3DA,EAAO,cAAcX,CAAI,GAElB,MAAMG,EAAW,IAAI;AAAA,IAC9B,OAAA;AAAA,UAAW,OAAOH,KAAS;AACzB,eAAAU,IAAM,IAAI,MAAA,GACVA,EAAI,MAAMV,GACVU,EAAI,SAAS,MAAMP,EAAWH,CAAI,GAClCU,EAAI,UAAU,MAAMP,EAAW,IAAI,GAE5B,MAAM;AACX,UAAAO,EAAK,SAAS,MACdA,EAAK,UAAU;AAAA,QACjB;AACF,UAAWJ,EAAON,CAAI,KAAKQ,GAAiB;AAC1C,cAAMI,IAAY,IAAI,gBAAgBZ,CAAI;AAC1C,eAAAG,EAAWS,CAAS,GACb,MAAM,IAAI,gBAAgBA,CAAS;AAAA,MAC5C;AACE,QAAAT,EAAW,IAAI;AAAA;AAGjB,WAAO,MAAMA,EAAW,IAAI;AAAA,EAC9B,GAAG,CAACH,GAAMK,GAAiBG,CAAe,CAAC,GAGzC,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAb,GAAQ;AAAA,MAAA;AAAA,MAGT,UAAAC,KAAWM,IACV,gBAAAK,EAAC,OAAA,EAAI,WAAU,0BAAyB,SAAS,CAACE,MAAUA,EAAM,gBAAA,GAChE,UAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,KAAKX,EAAON,CAAI,IAAI,EAAE,KAAKE,GAAS,MAAMF,EAAK,KAAA,IAASE;AAAA,UACxD,WAAU;AAAA,UACV,aAAW;AAAA,UAEX,UAAA;AAAA,YAAA,gBAAAW,EAACK,GAAA,EAAc;AAAA,YACf,gBAAAL,EAACM,GAAA,EAAmB,OAAOC,EAAA,CAAoB;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,EACjD,CACF,IACElB,IACF,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKX;AAAA,UACL,KAAKI,EAAON,CAAI,IAAIA,EAAK,OAAO;AAAA,UAChC,WAAWc,EAAG,8BAA8Bb,GAAQ,YAAY;AAAA,QAAA;AAAA,MAAA,IAGlE,gBAAAe;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWF;AAAA,YACT;AAAA,YACAb,GAAQ;AAAA,UAAA;AAAA,UAGV,UAAA;AAAA,YAAA,gBAAAY,EAACQ,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,YAC5Bf,EAAON,CAAI,IAGX,gBAAAa,EAAC,QAAA,EAAK,WAAU,qBAAqB,YAAK,KAAA,CAAK,sBAF9C,QAAA,EAAK,WAAU,qBAAqB,UAAAb,EAAA,CAAK;AAAA,UAEK;AAAA,QAAA;AAAA,MAAA;AAAA,IAEnD;AAAA,EAAA;AAIR;"}

package/Dropzone/DropzoneSinglePickPreview.js

@@ -11,7 +11,6 @@ import "@vidstack/react/player/styles/default/theme.css";
 import "@vidstack/react/player/styles/default/layouts/video.css";
 /* empty css                              */
 import { ButtonIcon as Q } from "../ButtonIcon/ButtonIcon.js";
-import "../ButtonIcon/buttonIconVariants.js";
 const Z = `
 .dropzone-youtube-player:not([data-fullscreen]) .vds-play-button,
 .dropzone-youtube-player[data-fullscreen="false"] .vds-play-button,
@@ -55,7 +54,7 @@ const Z = `
   } catch {
     return "";
   }
-}, be = ({
+}, ye = ({
   item: e,
   disabled: s,
   onRemoveClick: u,
@@ -221,7 +220,7 @@ const Z = `
   ] });
 };
 export {
-  be as DropzoneSinglePickPreview,
+  ye as DropzoneSinglePickPreview,
   ee as transformImageToSrc
 };
 //# sourceMappingURL=DropzoneSinglePickPreview.js.map