@bigbinary/neeto-image-uploader-frontend 2.2.0 → 2.2.2

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

@@ -44,8 +44,8 @@
       "images": "Images",
       "imageLibrary": "Image library",
       "remove": "Remove",
-      "dragAndDropOrBrowseFile": "Drag and drop or <span>Browse</span> a file.",
-      "selectImagefromImageLibrary": "Select from <span>Image Library</span>.",
+      "dragAndDropOrBrowseFile": "Drag & drop or <span>upload</span>.",
+      "selectImagefromImageLibrary": "Select from <span>image library</span>.",
       "edit": "Edit",
       "genericError": "Something went wrong!.",
       "fileSizeError": "File size is too large",

package/dist/AssetLibrary.js

@@ -1,4 +1,4 @@
-import { O as OPTIONS, i as isNilOrEmpty, D as DEFAULT_CROP_CONFIG, a as isItemsCenter, o as onImageLoaded, g as getCroppedImageURL, b as getCropValues, I as IMAGES_PER_PAGE, c as INFINITE_SCROLLER_SIZES, d as INFINITE_SCROLLER_STYLE, T as TABS, A as ASSETS_DESTROY_URL, e as ASSETS_FETCH_URL, U as UNSPLASH_DEFAULT_NAME, f as UNSPLASH_DEFAULT_REQUEST_CONFIG, h as DEFAULT_UPLOAD_CONFIG, u as useUploadDropzone, _ as _objectWithoutProperties$2, j as UNSPLASH_URL } from './utils-96eacd77.js';
+import { O as OPTIONS, i as isNilOrEmpty, D as DEFAULT_CROP_CONFIG, a as isItemsCenter, o as onImageLoaded, g as getCroppedImageURL, b as getCropValues, I as IMAGES_PER_PAGE, c as INFINITE_SCROLLER_SIZES, d as INFINITE_SCROLLER_STYLE, T as TABS, A as ASSETS_DESTROY_URL, e as ASSETS_FETCH_URL, U as UNSPLASH_DEFAULT_NAME, f as UNSPLASH_DEFAULT_REQUEST_CONFIG, h as DEFAULT_UPLOAD_CONFIG, u as useUploadDropzone, _ as _objectWithoutProperties$2, j as UNSPLASH_URL } from './utils-0360fcc5.js';
 import { _ as _defineProperty$1, a as _slicedToArray$1, I as IS_DEVELOPMENT_OR_HEROKU_ENV, b as ImageKit } from './index-b9963255.js';
 import require$$0, { useState, useEffect, useRef, createElement, useMemo, memo, Fragment as Fragment$1, useCallback } from 'react';
 import { findBy, isPresent, noop, nullSafe, removeBy, isNotEmpty, findById, toLabelAndValue, keysToSnakeCase, filterBy, slugify, _findBy, replaceById, notEquals, keysToCamelCase } from '@bigbinary/neeto-cist';
@@ -20,7 +20,7 @@ import { withEventTargetValue, getQueryParams, buildUrl, showThumbsUpToastr, hyp
 import Input from '@bigbinary/neetoui/Input';
 import Switch from '@bigbinary/neetoui/Switch';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { Delete as Delete$1 } from '@bigbinary/neeto-icons/index';
+import MenuHorizontal from '@bigbinary/neeto-icons/MenuHorizontal';
 import { taxonomies, globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
 import Container from '@bigbinary/neeto-molecules/Container';
 import NeetoHeader from '@bigbinary/neeto-molecules/Header';
@@ -7511,8 +7511,8 @@ var RolesDropdown = function RolesDropdown(_ref) {
 
 function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Menu = Dropdown.Menu,
-  MenuItem = Dropdown.MenuItem;
+var Menu$2 = Dropdown.Menu,
+  MenuItem$3 = Dropdown.MenuItem;
 var Left = function Left(_ref) {
   var _ref2, _selectedRows$keys, _selectedRows$active, _config$hiddenBulkAct, _config$otherBulkActi;
   var config = _ref.config,
@@ -7627,8 +7627,8 @@ var Left = function Left(_ref) {
           "data-cy": "ntm-members-take-action-dropdown-button",
           disabled: !isUpdatePermissionGranted,
           label: t("neetoTeamMembers.common.takeAction"),
-          children: /*#__PURE__*/jsxs(Menu, {
-            children: [getDeactivatedButtonVisible(selectedRows, config) && /*#__PURE__*/jsx(MenuItem.Button, {
+          children: /*#__PURE__*/jsxs(Menu$2, {
+            children: [getDeactivatedButtonVisible(selectedRows, config) && /*#__PURE__*/jsx(MenuItem$3.Button, {
               "data-cy": "ntm-deactivate-members-button",
               disabled: !isUpdatePermissionGranted,
               onClick: function onClick() {
@@ -9659,6 +9659,8 @@ _default = lib.default = MasonryInfiniteScroller;
 var css = ".niu-unsplash-container {\n  height: calc(75vh - 220px) !important;\n  max-height: 355px;\n}\n.niu-unsplash-container img {\n  height: 100%;\n  width: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  animation: fade-in 1.2s 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;\n  border-radius: var(--neeto-ui-rounded);\n  position: relative;\n  cursor: pointer;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX2ltYWdlLWxpYnJhcnkuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2Fic3RyYWN0cy9fdmFyaWFibGVzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0E7RUFDRSxxQ0FBQTtFQUNBLGlCQ0NrQztBREhwQztBQUlFO0VBQ0UsWUFBQTtFQUNBLFdBQUE7RUFDQSxvQkFBQTtLQUFBLGlCQUFBO0VBQ0EsbUVBQUE7RUFDQSxzQ0FBQTtFQUNBLGtCQUFBO0VBQ0EsZUFBQTtBQUZKIiwic291cmNlc0NvbnRlbnQiOlsiLy9BYnN0cmFjdHNcbkBpbXBvcnQgXCIuLi9hYnN0cmFjdHMvdmFyaWFibGVzXCI7XG5cbi5uaXUtdW5zcGxhc2gtY29udGFpbmVyIHtcbiAgaGVpZ2h0OiBjYWxjKCN7JG5pdS1tb2RhbC1oZWlnaHR9IC0gI3skbml1LW1vZGFsLWhlYWRlci1oZWlnaHR9KSAhaW1wb3J0YW50O1xuICBtYXgtaGVpZ2h0OiAkbml1LXVuc3BsYXNoLWNvbnRhaW5lci1tYXgtaGVpZ2h0O1xuXG4gIGltZyB7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgIGFuaW1hdGlvbjogZmFkZS1pbiAxLjJzIDFzIGN1YmljLWJlemllcigwLjM5LCAwLjU3NSwgMC41NjUsIDEpIGJvdGg7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tbmVldG8tdWktcm91bmRlZCk7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxufVxuIiwiJG5pdS1tb2RhbC13aWR0aDogOTV2dztcbiRuaXUtbW9kYWwtaGVpZ2h0OiA3NXZoO1xuJG5pdS1tb2RhbC1tYXgtd2lkdGg6IDExNTJweDtcbiRuaXUtbW9kYWwtbWF4LWhlaWdodDogNTc2cHg7XG4kbml1LW1vZGFsLWhlYWRlci1oZWlnaHQ6IDIyMHB4O1xuXG4kbml1LXVuc3BsYXNoLWNvbnRhaW5lci1tYXgtaGVpZ2h0OiAzNTVweDtcbiJdfQ== */";
 n$1(css,{});
 
+var Menu = Dropdown.Menu,
+  MenuItem = Dropdown.MenuItem;
 var InfiniteScroller = function InfiniteScroller(_ref) {
   var _ref$hasMore = _ref.hasMore,
     hasMore = _ref$hasMore === void 0 ? false : _ref$hasMore,
@@ -9720,6 +9722,7 @@ var InfiniteScroller = function InfiniteScroller(_ref) {
             },
             children: /*#__PURE__*/jsxs("div", {
               className: "neeto-ui-rounded-sm neeto-ui-bg-gray-100 group absolute h-full w-full",
+              "data-cy": "library-image-card",
               id: "unsplashImage".concat(image.id),
               children: [tab === TABS[1].key && /*#__PURE__*/jsxs(Fragment, {
                 children: [/*#__PURE__*/jsx("img", {
@@ -9736,17 +9739,28 @@ var InfiniteScroller = function InfiniteScroller(_ref) {
                   children: [image === null || image === void 0 || (_image$user2 = image.user) === null || _image$user2 === void 0 ? void 0 : _image$user2.name, " | ", " ", t("neetoImageUploader.labels.unsplash")]
                 })]
               }), tab === TABS[0].key && /*#__PURE__*/jsxs(Fragment, {
-                children: [hasPermissioToDeleteImage && /*#__PURE__*/jsx(Button, {
-                  className: "absolute right-2 top-2 z-[1]",
-                  icon: Delete$1,
-                  size: "small",
-                  style: "danger",
-                  onClick: function onClick() {
-                    return setDeleteConfirmation({
-                      isOpen: true,
-                      imageIds: [(image === null || image === void 0 ? void 0 : image.fileId) || image.id]
-                    });
-                  }
+                children: [hasPermissioToDeleteImage && /*#__PURE__*/jsx(Dropdown, {
+                  buttonSize: "small",
+                  buttonStyle: "tertiary",
+                  "data-cy": "image-library-image-options-".concat(index),
+                  icon: MenuHorizontal,
+                  buttonProps: {
+                    className:
+                    // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes
+                    "absolute right-2 top-2 z-[1] rounded-full"
+                  },
+                  children: /*#__PURE__*/jsx(Menu, {
+                    children: /*#__PURE__*/jsx(MenuItem.Button, {
+                      "data-cy": "image-library-image-delete",
+                      onClick: function onClick() {
+                        return setDeleteConfirmation({
+                          isOpen: true,
+                          imageIds: [(image === null || image === void 0 ? void 0 : image.fileId) || image.id]
+                        });
+                      },
+                      children: t("neetoImageUploader.deleteConfirmation.delete")
+                    })
+                  })
                 }), /*#__PURE__*/jsx("img", {
                   "data-cy": "niu-library-image-".concat(index),
                   src: image === null || image === void 0 ? void 0 : image.url,