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

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

Package Overview

Dependencies

Maintainers

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 1.22.0 to 1.23.0

lib/DragNotification.js

		@@ -1,3 +0,1 @@
		import { Fragment as _Fragment } from "react/jsx-runtime";
		import { jsx as _jsx } from "react/jsx-runtime";
		import PropTypes from 'prop-types';
		@@ -7,2 +5,4 @@ import AtomIcon, { ATOM_ICON_SIZES } from '@s-ui/react-atom-icon';
		import { BASE_CLASS_NAME } from './config';
		import { jsx as _jsx } from "react/jsx-runtime";
		import { Fragment as _Fragment } from "react/jsx-runtime";
		var MOLECULE_NOTIFICATION_TYPE = 'error';
		@@ -9,0 +9,0 @@

lib/DragState.js

		@@ -1,3 +0,1 @@
		import { jsxs as _jsxs } from "react/jsx-runtime";
		import { jsx as _jsx } from "react/jsx-runtime";
		import PropTypes from 'prop-types';
		@@ -7,2 +5,4 @@ import cx from 'classnames';
		import { BASE_CLASS_NAME, DRAG_STATE_STATUS_ACCEPTED, DRAG_STATE_STATUS_REJECTED } from './config';
		import { jsx as _jsx } from "react/jsx-runtime";
		import { jsxs as _jsxs } from "react/jsx-runtime";
		var DRAG_STATE_CLASS_NAME = BASE_CLASS_NAME + "-dragState";
		@@ -9,0 +9,0 @@

lib/index.js

		@@ -1,5 +0,2 @@
		import { Fragment as _Fragment } from "react/jsx-runtime";
		import { jsxs as _jsxs } from "react/jsx-runtime";
		import _extends from "@babel/runtime/helpers/esm/extends";
		import { jsx as _jsx } from "react/jsx-runtime";
		import { useState } from 'react';
		@@ -18,2 +15,5 @@ import { useDropzone } from 'react-dropzone';
		import { BASE_CLASS_NAME, DROPZONE_CLASS_NAME, DEFAULT_DRAG_DELAY_TIME, DEFAULT_IMAGE_ROTATION_DEGREES, DEFAULT_IMAGE_ASPECT_RATIO, DEFAULT_MAX_IMAGE_HEIGHT, DEFAULT_MAX_IMAGE_WIDTH, DEFAULT_FILE_TYPES_ACCEPTED, DEFAULT_MAX_FILE_SIZE_ACCEPTED, DEFAULT_NOTIFICATION_ERROR, DRAG_STATE_STATUS_REJECTED, ROTATION_DIRECTION, REJECT_FILES_REASONS } from './config';
		import { jsx as _jsx } from "react/jsx-runtime";
		import { jsxs as _jsxs } from "react/jsx-runtime";
		import { Fragment as _Fragment } from "react/jsx-runtime";

		@@ -100,2 +100,3 @@ var noop = function noop() {};
		};
		var isPhotoUploaderEmpty = !files.length;

		@@ -245,3 +246,3 @@ var isPhotoUploaderFully = function isPhotoUploaderFully() {

		var dropzoneClassName = cx(DROPZONE_CLASS_NAME, (_cx = {}, _cx[DROPZONE_CLASS_NAME + "--disabled"] = isPhotoUploaderFully(), _cx));
		var dropzoneClassName = cx(DROPZONE_CLASS_NAME, (_cx = {}, _cx[DROPZONE_CLASS_NAME + "--disabled"] = isPhotoUploaderFully(), _cx[DROPZONE_CLASS_NAME + "--empty"] = isPhotoUploaderEmpty, _cx));
		var container = getTarget(document.querySelector("." + BASE_CLASS_NAME));
		@@ -268,3 +269,3 @@
		}), {
		children: [/#__PURE__/_jsx("input", _extends({}, getInputProps())), Boolean(!files.length) && !isDragActive && /#__PURE__/_jsx(InitialState, {
		children: [/#__PURE__/_jsx("input", _extends({}, getInputProps())), isPhotoUploaderEmpty && !isDragActive && /#__PURE__/_jsx(InitialState, {
		buttonColor: addPhotoButtonColor,
		@@ -277,3 +278,3 @@ buttonDesign: addPhotoButtonDesign,
		dividerText: dragPhotoDividerTextInitialContent
		}), Boolean(files.length) && /#__PURE__/_jsx(PhotosPreview, {
		}), !isPhotoUploaderEmpty && /#__PURE__/_jsx(PhotosPreview, {
		_callbackPhotosUploaded: _callbackPhotosUploaded,
		@@ -280,0 +281,0 @@ _scrollToBottom: _scrollToBottom,

lib/InitialState.js

		@@ -1,3 +0,1 @@
		import { jsxs as _jsxs } from "react/jsx-runtime";
		import { jsx as _jsx } from "react/jsx-runtime";
		import PropTypes from 'prop-types';
		@@ -7,2 +5,4 @@ import Button from '@s-ui/react-atom-button';
		import { BASE_CLASS_NAME } from './config';
		import { jsx as _jsx } from "react/jsx-runtime";
		import { jsxs as _jsxs } from "react/jsx-runtime";
		var ALTERNATIVE_ACTION_TEXT = '- o -';
		@@ -9,0 +9,0 @@ var BUTTON_COLOR = 'primary';

lib/PhotosPreview.js

		@@ -1,4 +0,1 @@
		import { jsxs as _jsxs } from "react/jsx-runtime";
		import { Fragment as _Fragment } from "react/jsx-runtime";
		import { jsx as _jsx } from "react/jsx-runtime";
		import _regeneratorRuntime from "@babel/runtime/regenerator";
		@@ -15,2 +12,5 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
		import { BASE_CLASS_NAME, THUMB_CLASS_NAME, THUMB_SORTABLE_CLASS_NAME, DEFAULT_NOTIFICATION_ERROR, DEFAULT_HAS_ERRORS_STATUS, DEFAULT_IMAGE_ROTATION_DEGREES, ROTATION_DIRECTION, DEFAULT_IMAGE_ASPECT_RATIO, DEFAULT_MAX_IMAGE_HEIGHT, DEFAULT_MAX_IMAGE_WIDTH } from './config';
		import { jsx as _jsx } from "react/jsx-runtime";
		import { Fragment as _Fragment } from "react/jsx-runtime";
		import { jsxs as _jsxs } from "react/jsx-runtime";
		var PREVIEW_CARD_CLASS_NAME = BASE_CLASS_NAME + "-preview";
		@@ -17,0 +17,0 @@

lib/SkeletonCard.js

		@@ -1,6 +0,6 @@
		import { jsxs as _jsxs } from "react/jsx-runtime";
		import { jsx as _jsx } from "react/jsx-runtime";
		import PropTypes from 'prop-types';
		import AtomIcon, { ATOM_ICON_SIZES } from '@s-ui/react-atom-icon';
		import { BASE_CLASS_NAME } from './config';
		import { jsx as _jsx } from "react/jsx-runtime";
		import { jsxs as _jsxs } from "react/jsx-runtime";
		var SKELETON_CLASS_NAME = BASE_CLASS_NAME + "-skeleton";
		@@ -7,0 +7,0 @@

lib/ThumbCard.js

		@@ -1,3 +0,1 @@
		import { jsxs as _jsxs } from "react/jsx-runtime";
		import { jsx as _jsx } from "react/jsx-runtime";
		import PropTypes from 'prop-types';
		@@ -7,2 +5,4 @@ import cx from 'classnames';
		import { BASE_CLASS_NAME } from './config';
		import { jsx as _jsx } from "react/jsx-runtime";
		import { jsxs as _jsxs } from "react/jsx-runtime";
		var THUMB_CARD_CLASS_NAME = BASE_CLASS_NAME + "-thumbCard";
		@@ -9,0 +9,0 @@ var IMAGE_THUMB_CARD_CLASS_NAME = THUMB_CARD_CLASS_NAME + "-image";

package.json

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

lib/index.scss

Sorry, the diff of this file is not supported yet

Improved metrics