Socket
Socket
Sign inDemoInstall

@s-ui/react-molecule-photo-uploader

Package Overview
Dependencies
Maintainers
4
Versions
58
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 1.12.0 to 1.13.0

9

CHANGELOG.md

@@ -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 @@

6

lib/DragNotification.js

@@ -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",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc