@s-ui/react-molecule-photo-uploader
Advanced tools
Comparing version 1.12.0 to 1.13.0
@@ -5,2 +5,11 @@ # Change Log | ||
# 1.13.0 (2020-06-02) | ||
### Features | ||
* fix NotRepeatedFilter ([59a6359](https://github.com/SUI-Components/sui-components/commit/59a6359753225a1bcc11c7cfad6640d85339cdbb)) | ||
# 1.12.0 (2020-05-29) | ||
@@ -7,0 +16,0 @@ |
@@ -15,6 +15,6 @@ import React from 'react'; | ||
text = _ref.text; | ||
return /*#__PURE__*/React.createElement(React.Fragment, null, show && /*#__PURE__*/React.createElement("div", { | ||
return React.createElement(React.Fragment, null, show && React.createElement("div", { | ||
className: BASE_CLASS_NAME + "-notification" | ||
}, /*#__PURE__*/React.createElement(MoleculeNotification, { | ||
icon: /*#__PURE__*/React.createElement(AtomIcon, { | ||
}, React.createElement(MoleculeNotification, { | ||
icon: React.createElement(AtomIcon, { | ||
size: ATOM_ICON_SIZES.extraLarge | ||
@@ -21,0 +21,0 @@ }, icon), |
@@ -16,7 +16,7 @@ import React from 'react'; | ||
var dropzoneClassName = cx(DRAG_STATE_CLASS_NAME, (_cx = {}, _cx[DRAG_STATE_CLASS_NAME + "--accepted"] = status === DRAG_STATE_STATUS_ACCEPTED, _cx[DRAG_STATE_CLASS_NAME + "--rejected"] = status === DRAG_STATE_STATUS_REJECTED, _cx)); | ||
return /*#__PURE__*/React.createElement("div", { | ||
return React.createElement("div", { | ||
className: dropzoneClassName | ||
}, /*#__PURE__*/React.createElement(AtomIcon, { | ||
}, React.createElement(AtomIcon, { | ||
size: ATOM_ICON_SIZES.extraLarge | ||
}, icon), /*#__PURE__*/React.createElement("div", { | ||
}, icon), React.createElement("div", { | ||
className: DRAG_STATE_CLASS_NAME + "-textState" | ||
@@ -23,0 +23,0 @@ }, text)); |
@@ -37,6 +37,8 @@ import { formatToBase64 } from './photoTools'; | ||
var isFileAlready = files.some(function (file) { | ||
var _file$properties = file.properties, | ||
path = _file$properties.path, | ||
size = _file$properties.size, | ||
lastModified = _file$properties.lastModified; | ||
var url = file.url, | ||
properties = file.properties; | ||
if (url) return false; | ||
var path = properties.path, | ||
size = properties.size, | ||
lastModified = properties.lastModified; | ||
return path === newFilePath && size === newFileSize && lastModified === newFileLastModified; | ||
@@ -43,0 +45,0 @@ }); |
@@ -249,7 +249,7 @@ import React, { useState } from 'react'; | ||
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", { | ||
return React.createElement(React.Fragment, null, React.createElement("div", { | ||
className: BASE_CLASS_NAME | ||
}, /*#__PURE__*/React.createElement("div", getRootProps({ | ||
}, React.createElement("div", getRootProps({ | ||
className: dropzoneClassName | ||
}), /*#__PURE__*/React.createElement("input", getInputProps()), Boolean(!files.length) && !isDragActive && /*#__PURE__*/React.createElement(InitialState, { | ||
}), React.createElement("input", getInputProps()), Boolean(!files.length) && !isDragActive && React.createElement(InitialState, { | ||
buttonColor: addPhotoButtonColor, | ||
@@ -262,3 +262,3 @@ buttonDesign: addPhotoButtonDesign, | ||
dividerText: dragPhotoDividerTextInitialContent | ||
}), Boolean(files.length) && /*#__PURE__*/React.createElement(PhotosPreview, { | ||
}), Boolean(files.length) && React.createElement(PhotosPreview, { | ||
_callbackPhotosUploaded: _callbackPhotosUploaded, | ||
@@ -284,18 +284,18 @@ _scrollToBottom: _scrollToBottom, | ||
thumbIconSize: thumbIconSize | ||
}), isDragAccept && !isPhotoUploaderFully() && !isLoading && /*#__PURE__*/React.createElement(DragState, { | ||
}), isDragAccept && !isPhotoUploaderFully() && !isLoading && React.createElement(DragState, { | ||
icon: dragPhotosIcon(), | ||
text: dropPhotosHereText | ||
}), isDragAccept && isPhotoUploaderFully() && /*#__PURE__*/React.createElement(DragState, { | ||
}), isDragAccept && isPhotoUploaderFully() && React.createElement(DragState, { | ||
icon: rejectPhotosIcon(), | ||
status: DRAG_STATE_STATUS_REJECTED, | ||
text: limitPhotosUploadedText | ||
}), isDragAccept && !isPhotoUploaderFully() && isLoading && /*#__PURE__*/React.createElement(DragState, { | ||
}), isDragAccept && !isPhotoUploaderFully() && isLoading && React.createElement(DragState, { | ||
icon: rejectPhotosIcon(), | ||
status: DRAG_STATE_STATUS_REJECTED, | ||
text: uploadingPhotosText | ||
}), isDragReject && /*#__PURE__*/React.createElement(DragState, { | ||
}), isDragReject && React.createElement(DragState, { | ||
icon: rejectPhotosIcon(), | ||
status: DRAG_STATE_STATUS_REJECTED, | ||
text: errorFormatPhotoUploadedText | ||
})), /*#__PURE__*/React.createElement(DragNotification, { | ||
})), React.createElement(DragNotification, { | ||
icon: infoIcon(), | ||
@@ -302,0 +302,0 @@ onCloseCallback: function onCloseCallback() { |
@@ -23,17 +23,17 @@ import React from 'react'; | ||
dividerText = _ref$dividerText === void 0 ? ALTERNATIVE_ACTION_TEXT : _ref$dividerText; | ||
return /*#__PURE__*/React.createElement("div", { | ||
return React.createElement("div", { | ||
className: BASE_CLASS_NAME + "-initialState" | ||
}, /*#__PURE__*/React.createElement("div", { | ||
}, React.createElement("div", { | ||
className: BASE_CLASS_NAME + "-iconInitialState" | ||
}, /*#__PURE__*/React.createElement(AtomIcon, { | ||
}, React.createElement(AtomIcon, { | ||
size: ATOM_ICON_SIZES.extraLarge | ||
}, icon)), /*#__PURE__*/React.createElement("div", { | ||
}, icon)), React.createElement("div", { | ||
className: BASE_CLASS_NAME + "-textState" | ||
}, /*#__PURE__*/React.createElement("span", { | ||
}, React.createElement("span", { | ||
className: BASE_CLASS_NAME + "-textStateText" | ||
}, text), /*#__PURE__*/React.createElement("span", { | ||
}, text), React.createElement("span", { | ||
className: BASE_CLASS_NAME + "-textStateDivider" | ||
}, dividerText)), /*#__PURE__*/React.createElement("div", { | ||
}, dividerText)), React.createElement("div", { | ||
className: BASE_CLASS_NAME + "-buttonState" | ||
}, /*#__PURE__*/React.createElement(Button, { | ||
}, React.createElement(Button, { | ||
color: buttonColor, | ||
@@ -40,0 +40,0 @@ design: buttonDesign, |
@@ -129,3 +129,3 @@ import React from 'react'; | ||
return files.map(function (file, index) { | ||
return /*#__PURE__*/React.createElement("li", { | ||
return React.createElement("li", { | ||
className: thumbClassName, | ||
@@ -136,3 +136,3 @@ key: "" + file.preview + index, | ||
} | ||
}, /*#__PURE__*/React.createElement(ThumbCard, { | ||
}, React.createElement(ThumbCard, { | ||
iconSize: thumbIconSize, | ||
@@ -155,3 +155,3 @@ image: file, | ||
var previewCardClass = cx(PREVIEW_CARD_CLASS_NAME, (_cx2 = {}, _cx2[PREVIEW_CARD_CLASS_NAME + "--ratioDisabled"] = outputImageAspectRatioDisabled, _cx2)); | ||
return /*#__PURE__*/React.createElement(ReactSortable, { | ||
return React.createElement(ReactSortable, { | ||
className: previewCardClass, | ||
@@ -171,3 +171,3 @@ handle: ".sui-MoleculePhotoUploader-thumbCard-imageContainer", | ||
delay: dragDelay | ||
}, /*#__PURE__*/React.createElement(React.Fragment, null, thumbCards(files), !isPhotoUploaderFully() && /*#__PURE__*/React.createElement(SkeletonCard, { | ||
}, React.createElement(React.Fragment, null, thumbCards(files), !isPhotoUploaderFully() && React.createElement(SkeletonCard, { | ||
icon: addMorePhotosIcon(), | ||
@@ -174,0 +174,0 @@ text: addPhotoTextSkeleton |
@@ -10,9 +10,9 @@ import React from 'react'; | ||
text = _ref.text; | ||
return /*#__PURE__*/React.createElement("li", { | ||
return React.createElement("li", { | ||
className: SKELETON_CLASS_NAME | ||
}, /*#__PURE__*/React.createElement("div", { | ||
}, React.createElement("div", { | ||
className: SKELETON_CLASS_NAME + "-icon" | ||
}, /*#__PURE__*/React.createElement(AtomIcon, { | ||
}, React.createElement(AtomIcon, { | ||
size: ATOM_ICON_SIZES.medium | ||
}, icon)), /*#__PURE__*/React.createElement("div", { | ||
}, icon)), React.createElement("div", { | ||
className: SKELETON_CLASS_NAME + "-text" | ||
@@ -19,0 +19,0 @@ }, text)); |
@@ -32,18 +32,18 @@ import React from 'react'; | ||
var imageThumbClass = cx(IMAGE_THUMB_CARD_CLASS_NAME, (_cx2 = {}, _cx2[IMAGE_THUMB_CARD_CLASS_NAME + "--ratioDisabled"] = outputImageAspectRatioDisabled, _cx2)); | ||
return /*#__PURE__*/React.createElement("div", { | ||
return React.createElement("div", { | ||
className: THUMB_CARD_CLASS_NAME | ||
}, /*#__PURE__*/React.createElement("div", { | ||
}, React.createElement("div", { | ||
className: counterClass | ||
}, index === 0 ? mainPhotoLabel : index + 1), /*#__PURE__*/React.createElement("div", { | ||
}, index === 0 ? mainPhotoLabel : index + 1), React.createElement("div", { | ||
className: CONTAINER_THUMB_CARD_CLASS_NAME | ||
}, hasErrors ? /*#__PURE__*/React.createElement("div", { | ||
}, hasErrors ? React.createElement("div", { | ||
className: "" + ICON_THUMB_CARD_CLASS_NAME | ||
}, /*#__PURE__*/React.createElement(AtomIcon, { | ||
}, React.createElement(AtomIcon, { | ||
size: ATOM_ICON_SIZES.extraLarge | ||
}, rejectPhotosIcon)) : /*#__PURE__*/React.createElement("img", { | ||
}, rejectPhotosIcon)) : React.createElement("img", { | ||
src: image.preview, | ||
className: imageThumbClass | ||
})), /*#__PURE__*/React.createElement("div", { | ||
})), React.createElement("div", { | ||
className: ACTION_THUMB_CARD_CLASS_NAME | ||
}, /*#__PURE__*/React.createElement("div", { | ||
}, React.createElement("div", { | ||
className: BUTTON_THUMB_CARD_CLASS_NAME, | ||
@@ -53,5 +53,5 @@ onClick: function onClick() { | ||
} | ||
}, /*#__PURE__*/React.createElement(AtomIcon, { | ||
}, React.createElement(AtomIcon, { | ||
size: iconSize | ||
}, deleteIcon)), hasErrors ? /*#__PURE__*/React.createElement("div", { | ||
}, deleteIcon)), hasErrors ? React.createElement("div", { | ||
className: BUTTON_THUMB_CARD_CLASS_NAME, | ||
@@ -61,5 +61,5 @@ onClick: function onClick(e) { | ||
} | ||
}, /*#__PURE__*/React.createElement(AtomIcon, { | ||
}, React.createElement(AtomIcon, { | ||
size: iconSize | ||
}, retryIcon)) : /*#__PURE__*/React.createElement("div", { | ||
}, retryIcon)) : React.createElement("div", { | ||
className: BUTTON_THUMB_CARD_CLASS_NAME, | ||
@@ -69,3 +69,3 @@ onClick: function onClick(e) { | ||
} | ||
}, /*#__PURE__*/React.createElement(AtomIcon, { | ||
}, React.createElement(AtomIcon, { | ||
size: iconSize | ||
@@ -72,0 +72,0 @@ }, rotateIcon)))); |
{ | ||
"name": "@s-ui/react-molecule-photo-uploader", | ||
"version": "1.12.0", | ||
"version": "1.13.0", | ||
"description": "", | ||
@@ -5,0 +5,0 @@ "main": "lib/index.js", |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
1080
65770