@yamada-ui/react/dist/cjs/components/dropzone/use-dropzone.cjs.map

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

{"version":3,"file":"use-dropzone.cjs","names":["fromEvent","useFieldProps","getRootProps: PropGetter","props","mergeRefs"],"sources":["../../../../src/components/dropzone/use-dropzone.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport type { Accept, DropzoneOptions } from \"react-dropzone\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { fromEvent } from \"file-selector\"\nimport { useCallback, useId } from \"react\"\nimport { useDropzone as useOriginalDropzone } from \"react-dropzone\"\nimport {\n  ariaAttr,\n  assignRef,\n  cx,\n  dataAttr,\n  isArray,\n  mergeRefs,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nexport interface UseDropzoneProps\n  extends Omit<HTMLProps, \"onDrop\" | \"onError\">,\n    FieldProps {\n  /**\n   * The HTML `name` attribute used for forms.\n   */\n  name?: string\n  /**\n   * Set accepted file types.\n   */\n  accept?: Accept | string[]\n  /**\n   * Set to true to focus the root element on render.\n   *\n   * @default false\n   */\n  autoFocus?: boolean\n  /**\n   * Use this to provide a custom file aggregator.\n   */\n  getFilesFromEvent?: DropzoneOptions[\"getFilesFromEvent\"]\n  /**\n   * If `true`, display the dropzone loading icon.\n   *\n   * @default false\n   */\n  loading?: boolean\n  /**\n   * Maximum accepted number of files.\n   * The default value is 0 which means there is no limitation to how many files are accepted.\n   *\n   * @default 0\n   */\n  maxFiles?: number\n  /**\n   * Maximum file size (in bytes).\n   *\n   * @default Infinity\n   */\n  maxSize?: number\n  /**\n   * Minimum file size (in bytes).\n   *\n   * @default 0\n   */\n  minSize?: number\n  /**\n   * Allow drag and drop (or selection from the file dialog) of multiple files.\n   *\n   * @default false\n   */\n  multiple?: boolean\n  /**\n   * If true, disables click to open the native file selection dialog.\n   *\n   * @default false\n   */\n  noClick?: boolean\n  /**\n   * If true, disables drag and drop.\n   *\n   * @default false\n   */\n  noDrag?: boolean\n  /**\n   * If true, stops drag event propagation to parents.\n   *\n   * @default false\n   */\n  noDragEventsBubbling?: boolean\n  /**\n   * If true, disables `space` and `enter` to open the native file selection dialog.\n   * Note that it also stops tracking the focus state.\n   *\n   * @default false\n   */\n  noKeyboard?: boolean\n  /**\n   * Ref to a open function.\n   */\n  openRef?: RefObject<() => void>\n  /**\n   * If false, allow dropped items to take over the current browser window.\n   *\n   * @default true\n   */\n  preventDropOnDocument?: boolean\n  /**\n   * If true, use the [File System API](https://developer.mozilla.org/en-US/docs/Web/API/File_System_API) to read files.\n   *\n   * @default false\n   */\n  useFsAccessApi?: boolean\n  /**\n   * Custom validation function.\n   * It must return null if there's no errors.\n   */\n  validator?: DropzoneOptions[\"validator\"]\n  /**\n   * Callback for when the dragenter event occurs.\n   */\n  onDragEnter?: DropzoneOptions[\"onDragEnter\"]\n  /**\n   * Callback for when the dragleave event occurs.\n   */\n  onDragLeave?: DropzoneOptions[\"onDragLeave\"]\n  /**\n   * Callback for when the dragover event occurs.\n   */\n  onDragOver?: DropzoneOptions[\"onDragOver\"]\n  /**\n   * Callback for when the drop event occurs.\n   * Note that this callback is invoked after the `getFilesFromEvent` callback is done.\n   */\n  onDrop?: DropzoneOptions[\"onDrop\"]\n  /**\n   * Callback for when the drop event occurs.\n   * Note that if no files are accepted, this callback is not invoked.\n   */\n  onDropAccepted?: DropzoneOptions[\"onDropAccepted\"]\n  /**\n   * Callback for when the drop event occurs.\n   * Note that if no files are rejected, this callback is not invoked.\n   */\n  onDropRejected?: DropzoneOptions[\"onDropRejected\"]\n  /**\n   * Callback for when there's some error from any of the promises.\n   */\n  onError?: DropzoneOptions[\"onError\"]\n  /**\n   * Callback for when closing the file dialog with no selection.\n   */\n  onFileDialogCancel?: DropzoneOptions[\"onFileDialogCancel\"]\n  /**\n   * Callback for when opening the file dialog.\n   */\n  onFileDialogOpen?: DropzoneOptions[\"onFileDialogOpen\"]\n}\n\nexport const useDropzone = (props: UseDropzoneProps = {}) => {\n  const {\n    props: {\n      id,\n      name,\n      accept,\n      autoFocus = false,\n      disabled,\n      getFilesFromEvent = fromEvent,\n      loading,\n      maxFiles = 0,\n      maxSize = Infinity,\n      minSize = 0,\n      multiple = false,\n      noClick = false,\n      noDrag = false,\n      noDragEventsBubbling = false,\n      noKeyboard = false,\n      openRef,\n      preventDropOnDocument = true,\n      readOnly,\n      useFsAccessApi = false,\n      validator,\n      onDragEnter,\n      onDragLeave,\n      onDragOver,\n      onDrop,\n      onDropAccepted,\n      onDropRejected,\n      onError,\n      onFileDialogCancel,\n      onFileDialogOpen,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const labelledbyId = useId()\n  const interactive = !(loading || readOnly || disabled)\n  const {\n    acceptedFiles,\n    fileRejections,\n    isDragAccept: dragAccept,\n    isDragActive: dragActive,\n    isDragReject: dragReject,\n    isFocused: focused,\n    open,\n    getInputProps: getOriginalInputProps,\n    getRootProps: getOriginalRootProps,\n  } = useOriginalDropzone({\n    accept: isArray(accept)\n      ? accept.reduce((prev, current) => ({ ...prev, [current]: [] }), {})\n      : accept,\n    autoFocus,\n    disabled: !interactive,\n    getFilesFromEvent,\n    maxFiles,\n    maxSize,\n    minSize,\n    multiple,\n    noClick,\n    noDrag,\n    noDragEventsBubbling,\n    noKeyboard,\n    preventDropOnDocument,\n    useFsAccessApi,\n    validator,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onDrop,\n    onDropAccepted,\n    onDropRejected,\n    onError,\n    onFileDialogCancel,\n    onFileDialogOpen,\n  })\n  const dragIdle = !dragAccept && !dragReject\n\n  assignRef(openRef, open)\n\n  const getRootProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) =>\n      getOriginalRootProps({\n        id: labelledbyId,\n        ...dataProps,\n        ...eventProps,\n        \"aria-disabled\": ariaAttr(!interactive),\n        \"data-accept\": dataAttr(dragAccept),\n        \"data-idle\": dataAttr(dragIdle),\n        \"data-loading\": dataAttr(loading),\n        \"data-reject\": dataAttr(dragReject),\n        ...rest,\n        ...props,\n        ref: mergeRefs(ref, rest.ref),\n      }),\n    [\n      getOriginalRootProps,\n      labelledbyId,\n      dataProps,\n      eventProps,\n      interactive,\n      dragAccept,\n      dragIdle,\n      loading,\n      dragReject,\n      rest,\n    ],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) =>\n      getOriginalInputProps({\n        id,\n        name,\n        disabled,\n        readOnly,\n        ...ariaProps,\n        ...dataProps,\n        ...props,\n        \"aria-labelledby\": cx(ariaLabelledby, labelledbyId),\n      }),\n    [\n      getOriginalInputProps,\n      id,\n      name,\n      disabled,\n      readOnly,\n      ariaProps,\n      dataProps,\n      labelledbyId,\n    ],\n  )\n\n  return {\n    acceptedFiles,\n    dragAccept,\n    dragActive,\n    dragIdle,\n    dragReject,\n    fileRejections,\n    focused,\n    loading,\n    open,\n    getInputProps,\n    getRootProps,\n  }\n}\n\nexport type UseDropzoneReturn = ReturnType<typeof useDropzone>\n"],"mappings":";;;;;;;;;;;;;;;AA8JA,MAAa,eAAe,QAA0B,EAAE,KAAK;CAC3D,MAAM,EACJ,OAAO,EACL,IACA,MACA,QACA,YAAY,OACZ,UACA,oBAAoBA,yBACpB,SACA,WAAW,GACX,UAAU,UACV,UAAU,GACV,WAAW,OACX,UAAU,OACV,SAAS,OACT,uBAAuB,OACvB,aAAa,OACb,SACA,wBAAwB,MACxB,UACA,iBAAiB,OACjB,WACA,aACA,aACA,YACA,QACA,gBACA,gBACA,SACA,oBACA,iBACA,GAAG,QAEL,WACA,WACA,eACEC,sCAAc,MAAM;CACxB,MAAM,iCAAsB;CAC5B,MAAM,cAAc,EAAE,WAAW,YAAY;CAC7C,MAAM,EACJ,eACA,gBACA,cAAc,YACd,cAAc,YACd,cAAc,YACd,WAAW,SACX,MACA,eAAe,uBACf,cAAc,yDACQ;EACtB,uDAAgB,OAAO,GACnB,OAAO,QAAQ,MAAM,aAAa;GAAE,GAAG;IAAO,UAAU,EAAE;GAAE,GAAG,EAAE,CAAC,GAClE;EACJ;EACA,UAAU,CAAC;EACX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,MAAM,WAAW,CAAC,cAAc,CAAC;AAEjC,uBAAU,SAAS,KAAK;CAExB,MAAMC,uCACH,EAAE,IAAK,GAAGC,YAAU,EAAE,KACrB,qBAAqB;EACnB,IAAI;EACJ,GAAG;EACH,GAAG;EACH,iEAA0B,CAAC,YAAY;EACvC,+DAAwB,WAAW;EACnC,6DAAsB,SAAS;EAC/B,gEAAyB,QAAQ;EACjC,+DAAwB,WAAW;EACnC,GAAG;EACH,GAAGA;EACH,KAAKC,sBAAU,KAAK,KAAK,IAAI;EAC9B,CAAC,EACJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AA0BD,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uCAjCC,EAAE,mBAAmB,eAAgB,GAAGD,YAAU,EAAE,KACnD,sBAAsB;GACpB;GACA;GACA;GACA;GACA,GAAG;GACH,GAAG;GACH,GAAGA;GACH,6DAAsB,gBAAgB,aAAa;GACpD,CAAC,EACJ;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAaC;EACD"}