@bigbinary/neeto-image-uploader-frontend 3.0.2 → 3.0.3

package/dist/{index-IvuywClK.js → index-Dduujv9L.js}

@@ -26,6 +26,7 @@ var Input = require('@bigbinary/neetoui/Input');
 var Switch = require('@bigbinary/neetoui/Switch');
 var Label = require('@bigbinary/neetoui/Label');
 var jsxRuntime = require('react/jsx-runtime');
+var NoData = require('@bigbinary/neetoui/NoData');
 var query = require('./query-BslM05TL.js');
 var MenuHorizontal = require('@bigbinary/neeto-icons/MenuHorizontal');
 var constants = require('@bigbinary/neeto-team-members-frontend/constants');
@@ -1878,7 +1879,7 @@ var InfiniteScroller = function InfiniteScroller(_ref) {
     children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
   });
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "niu-unsplash-container me-2 max-w-full overflow-x-hidden overflow-y-scroll",
+    className: "niu-unsplash-container grow max-w-full overflow-x-hidden overflow-y-scroll",
     children: [/*#__PURE__*/jsxRuntime.jsx(_default, {
       hasMore: hasMore,
       loadMore: loadMore,
@@ -1987,18 +1988,28 @@ var Images = function Images(_ref) {
     isLoading = _useFetchAssets.isLoading,
     isError = _useFetchAssets.isError;
   if (isError) {
-    return /*#__PURE__*/jsxRuntime.jsx(Typography, {
-      className: "mt-9 flex justify-center",
-      style: "body2",
-      children: t("neetoImageUploader.unsplash.errorMessage")
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "grow flex justify-center items-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        style: "body2",
+        children: t("neetoImageUploader.unsplash.errorMessage")
+      })
     });
   }
   if (isLoading) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "flex justify-around",
+      className: "grow flex justify-center items-center",
       children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
     });
   }
+  if (ramda.isEmpty(results)) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "grow flex justify-center items-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(NoData, {
+        title: t("neetoImageUploader.common.noImagesToShow")
+      })
+    });
+  }
   return /*#__PURE__*/g.createElement(InfiniteScroller, {
     setSelectedImage: setSelectedImage,
     hasMore: hasNextPage,
@@ -2121,18 +2132,28 @@ var UnsplashLibrary = function UnsplashLibrary(_ref) {
     isError = _useFetchUnsplashImag.isError,
     isLoading = _useFetchUnsplashImag.isLoading;
   if (isError) {
-    return /*#__PURE__*/jsxRuntime.jsx(Typography, {
-      className: "mt-9 flex justify-center",
-      style: "body2",
-      children: t("neetoImageUploader.unsplash.errorMessage")
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "grow flex justify-center items-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        style: "body2",
+        children: t("neetoImageUploader.unsplash.errorMessage")
+      })
     });
   }
   if (isLoading) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "flex justify-around",
+      className: "grow flex justify-center items-center",
       children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
     });
   }
+  if (ramda.isEmpty(results)) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "grow flex justify-center items-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(NoData, {
+        title: t("neetoImageUploader.common.noImagesToShow")
+      })
+    });
+  }
   return /*#__PURE__*/g.createElement(InfiniteScroller, {
     debouncedQuery: debouncedQuery,
     handleUnsplashImageSelect: handleUnsplashImageSelect,
@@ -2161,18 +2182,20 @@ var ImageLibrary = function ImageLibrary(_ref) {
     setQuery("");
   }, [tab]);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "w-full px-6 pb-2 pt-1",
-    children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
-      autoFocus: true,
-      className: "mb-4",
-      "data-testid": "niu-unsplash-image-picker-search-input",
-      name: "text",
-      placeholder: inputPlaceHolder,
-      value: query,
-      onChange: function onChange(_ref2) {
-        var value = _ref2.target.value;
-        return setQuery(value);
-      }
+    className: "w-full px-6 py-4 grow flex flex-col",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "mb-4 shrink-0",
+      children: /*#__PURE__*/jsxRuntime.jsx(Input, {
+        autoFocus: true,
+        "data-testid": "niu-unsplash-image-picker-search-input",
+        name: "text",
+        placeholder: inputPlaceHolder,
+        value: query,
+        onChange: function onChange(_ref2) {
+          var value = _ref2.target.value;
+          return setQuery(value);
+        }
+      })
     }), tab === utils$1.TABS[1].key ? /*#__PURE__*/jsxRuntime.jsx(Images, {
       debouncedQuery: debouncedQuery,
       query: query,
@@ -2297,7 +2320,7 @@ var Modal = function Modal(_ref) {
   var renderContent = function renderContent() {
     if (activeTab === "upload") {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "grow px-6 pb-6",
+        className: "grow px-6 pb-6 pt-4",
         children: /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "h-full w-full overflow-y-auto",
           children: /*#__PURE__*/jsxRuntime.jsx(utils$1.ImageDirectUpload, {
@@ -2350,7 +2373,7 @@ var Modal = function Modal(_ref) {
           children: t("neetoImageUploader.common.imageLibrary")
         })
       }), /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "flex gap-2 px-6 py-2",
+        className: "flex gap-2 px-6",
         children: /*#__PURE__*/jsxRuntime.jsx(Tab, {
           size: "small",
           children: utils$1.TABS.map(function (tab) {
@@ -2367,6 +2390,7 @@ var Modal = function Modal(_ref) {
       }), renderContent(), ramda.equals(activeTab, utils$1.TABS[2].key) && /*#__PURE__*/jsxRuntime.jsx(NeetoUIModal.Footer, {
         className: "flex items-center justify-center gap-2",
         children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          lineHeight: "none",
           style: "body2",
           children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
             i18nKey: "neetoImageUploader.unsplash.poweredByUnsplash",
@@ -2386,4 +2410,4 @@ var Modal = function Modal(_ref) {
 
 exports.Modal = Modal;
 exports.constructCloudflareImageURL = constructCloudflareImageURL;
-//# sourceMappingURL=index-IvuywClK.js.map
+//# sourceMappingURL=index-Dduujv9L.js.map