@s-ui/react-molecule-photo-uploader - npm Package Compare versions

Comparing version 1.26.0 to 1.27.0

lib/index.js

 import _extends from "@babel/runtime/helpers/esm/extends";
-import { useState } from 'react';
+import { useState, forwardRef } from 'react';
 import { useDropzone } from 'react-dropzone';
@@ -7,3 +7,3 @@ import { getTarget } from '@s-ui/js/lib/react';
 import PropTypes from 'prop-types';
-import { useMount } from '@s-ui/react-hooks';
+import { useMount, useMergeRefs } from '@s-ui/react-hooks';
 import { filterValidFiles, prepareFiles, loadInitialPhotos } from './fileTools';
@@ -22,3 +22,3 @@ import DragNotification from './DragNotification';
 
-var MoleculePhotoUploader = function MoleculePhotoUploader(_ref) {
+var MoleculePhotoUploader = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
   var _cx;
@@ -244,4 +244,6 @@
       isDragAccept = _useDropzone.isDragAccept,
-      isDragReject = _useDropzone.isDragReject;
+      isDragReject = _useDropzone.isDragReject,
+      dropzoneInputRef = _useDropzone.inputRef;
 
+  var inputRef = useMergeRefs(dropzoneInputRef, forwardedRef);
   var dropzoneClassName = cx(DROPZONE_CLASS_NAME, (_cx = {}, _cx[DROPZONE_CLASS_NAME + "--disabled"] = isPhotoUploaderFully(), _cx[DROPZONE_CLASS_NAME + "--empty"] = isPhotoUploaderEmpty, _cx));
@@ -269,3 +271,5 @@ var container = getTarget(document.querySelector("." + BASE_CLASS_NAME));
       }), {
-        children: [/*#__PURE__*/_jsx("input", _extends({}, getInputProps())), isPhotoUploaderEmpty && !isDragActive && /*#__PURE__*/_jsx(InitialState, {
+        children: [/*#__PURE__*/_jsx("input", _extends({}, getInputProps(), {
+          ref: inputRef
+        })), isPhotoUploaderEmpty && !isDragActive && /*#__PURE__*/_jsx(InitialState, {
           buttonColor: addPhotoButtonColor,
@@ -326,6 +330,5 @@ buttonDesign: addPhotoButtonDesign,
   });
-};
-
+});
 MoleculePhotoUploader.displayName = 'MoleculePhotoUploader';
 export default MoleculePhotoUploader;
 export { ROTATION_DIRECTION as MoleculePhotoUploaderRotationDirection };

package.json

 {
   "name": "@s-ui/react-molecule-photo-uploader",
-  "version": "1.26.0",
+  "version": "1.27.0",
   "description": "",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

No alert changes

Improved metrics

Total package byte prevSize

74416

increased by0.26%

Lines of code

1226

increased by0.33%

No dependency changes