@bigbinary/neeto-image-uploader-frontend 1.5.0 → 1.5.2

package/app/javascript/src/translations/en.json

@@ -1,11 +1,9 @@
 {
   "neetoImageUploader": {
     "common": {
-      "assets": "Assets",
-      "assetLibrary": "Asset library",
       "imageLibrary": "Image library",
       "image": "Image",
-      "noAssets": "No assets found in library",
+      "noImages": "No images found in library",
       "dropHere": "Drop the file here"
     },
     "unsplash": {
@@ -17,17 +15,16 @@
       "height": "Height",
       "lockAspectRatio": "Lock aspect ratio",
       "selectOriginalImage": "Select original image",
-      "myAssets": "My assets",
+      "myImages": "My images",
       "unsplash": "Unsplash",
       "unsplashImages": "Unsplash images",
       "uploadFromLink": "Upload from link",
-      "uploadNewAsset": "Upload new asset",
+      "uploadNewImage": "Upload new image",
       "width": "Width",
       "imageQuality": "Image quality"
     },
     "placeholders": {
-      "searchAsset": "Search by name",
-      "uploadFromLocall": "Upload new asset"
+      "searchImage": "Search by name"
     },
     "link": {
       "cancel": "Cancel",
@@ -41,7 +38,7 @@
     },
     "imageUpload": {
       "change": "Change",
-      "assets": "Assets",
+      "images": "Images",
       "imageLibrary": "Image library",
       "remove": "Remove",
       "dragAndDropOrBrowseFile": "Drag and drop or <span>Browse</span> a file.",

package/dist/index.cjs.js

@@ -2182,10 +2182,11 @@ var ImageWithFallback = function ImageWithFallback(_ref) {
     };
     img.src = src;
   }, [src]);
-  return isLoaded ? /*#__PURE__*/React__default["default"].createElement("img", _objectSpread$2({
-    className: className,
+  return isLoaded ? /*#__PURE__*/React__default["default"].createElement("img", _extends$1({}, _objectSpread$2({
     src: src
-  }, props)) : /*#__PURE__*/React__default["default"].createElement(Fallback, _objectSpread$2({
+  }, props), {
+    className: "h-full w-auto"
+  })) : /*#__PURE__*/React__default["default"].createElement(Fallback, _objectSpread$2({
     className: className
   }, props));
 };
@@ -2201,15 +2202,15 @@ var UNSPLASH_DEFAULT_REQUEST_CONFIG = {
   responseType: "blob"
 };
 var TABS = [{
-  label: i18next__default["default"].t("neetoImageUploader.labels.myAssets"),
-  key: "assets"
+  label: i18next__default["default"].t("neetoImageUploader.labels.myImages"),
+  key: "images"
 }, {
   label: i18next__default["default"].t("neetoImageUploader.labels.unsplashImages"),
   key: "unsplash"
 }];
 var OPTIONS = [{
   key: "local",
-  label: i18next__default["default"].t("neetoImageUploader.labels.uploadNewAsset"),
+  label: i18next__default["default"].t("neetoImageUploader.labels.uploadNewImage"),
   "data-cy": "upload-new-asset",
   style: "primary",
   onClick: neetoCist.noop
@@ -2237,7 +2238,7 @@ var INFINITE_SCROLLER_SIZES = [{
 var INFINITE_SCROLLER_STYLE = {
   width: "100%"
 };
-var ASSETS_FETCH_URL = IS_DEVELOPMENT_OR_HEROKU_ENV ? "neeto_image_uploader_engine/development/fetch" : "neeto_image_uploader_engine/assets/fetch";
+var ASSETS_FETCH_URL = IS_DEVELOPMENT_OR_HEROKU_ENV ? "neeto_image_uploader_engine/development/fetch" : "neeto_image_uploader_engine/images/fetch";
 var IMAGE_WRAPPER_CLASSNAME = "neeto-ui-border-gray-300 neeto-ui-bg-gray-100 hover:neeto-ui-bg-gray-200 neeto-ui-rounded-lg relative flex h-full w-full flex-col items-center justify-center gap-5 border border-dashed p-2 transition-all duration-300 ease-in-out";
 
 function _typeof$1(obj) {
@@ -2912,6 +2913,7 @@ var BasicImageUploader = function BasicImageUploader(_ref) {
     "data-cy": "uploaded-image"
   })), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     className: "absolute right-3 top-3",
+    "data-cy": "basic-image-uploader-remove-button",
     disabled: isDisabled,
     icon: neetoIcons.Delete,
     size: "small",
@@ -2944,7 +2946,7 @@ var directUploadsApi = {
 };
 
 var QUERY_KEYS = {
-  ASSETS_LIST: "neeto-image-uploader-assets-list",
+  ASSETS_LIST: "neeto-image-uploader-images-list",
   UNSPLASH_LIST: "neeto-image-uploader-unsplash-list"
 };
 var ASSETS_STALE_TIME = 900000; // 15 mins
@@ -3814,7 +3816,7 @@ var fetch = function fetch(_ref) {
     }
   });
 };
-var assetsApi = {
+var imagesApi = {
   fetch: fetch
 };
 
@@ -3823,7 +3825,7 @@ var useFetchAssets = function useFetchAssets(_ref) {
     url = _ref.url;
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return reactQuery.useQuery([QUERY_KEYS.ASSETS_LIST, search], function () {
-    return assetsApi.fetch({
+    return imagesApi.fetch({
       search: search,
       url: url
     });
@@ -4673,7 +4675,7 @@ var Assets = function Assets(_ref) {
     className: "flex items-center justify-center"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "h3"
-  }, t("neetoImageUploader.common.noAssets")));
+  }, t("neetoImageUploader.common.noImages")));
 };
 
 var newAxiosInstance = axios__default["default"].create();
@@ -4900,7 +4902,7 @@ var ImageLibrary = function ImageLibrary(_ref) {
     className: "mb-4 mr-6",
     "data-cy": "niu-unsplash-image-picker-search-input",
     name: "text",
-    placeholder: t("neetoImageUploader.placeholders.searchAsset"),
+    placeholder: t("neetoImageUploader.placeholders.searchImage"),
     value: query,
     onChange: function onChange(_ref2) {
       var value = _ref2.target.value;
@@ -5021,7 +5023,7 @@ var Modal = function Modal(_ref) {
     }
   })), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "h2"
-  }, t("neetoImageUploader.common.assetLibrary"))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, t("neetoImageUploader.common.imageLibrary"))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex items-center justify-between px-6 py-2"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex gap-2"
@@ -5145,11 +5147,13 @@ var ImageUploader = function ImageUploader(_ref) {
     label: t("neetoImageUploader.imageUpload.imageLibrary"),
     onClick: function onClick() {
       return setIsAssetLibraryOpen(true);
-    }
+    },
+    "data-cy": "image-uploader-open-image-library-button"
   }, {
     key: OPTION_KEYS.remove,
     label: t("neetoImageUploader.imageUpload.remove"),
-    onClick: handleDelete
+    onClick: handleDelete,
+    "data-cy": "image-uploader-remove-button"
   }];
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classnames__default["default"](className, {