@bigbinary/neeto-image-uploader-frontend 2.3.16 → 2.3.18

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

@@ -50,6 +50,7 @@
       "genericError": "Something went wrong!.",
       "fileSizeError": "File size is too large",
       "fileTypeError": "File type is not supported",
+      "fileDimensionError": "Image dimension is too large. Max is 12000px x 12000px.",
       "restrictionMessage": "{{fileTypes, anyCase}}. upto {{size}} MB.",
       "uploadedImage": "Uploaded Image",
       "dragDropOrBrowseOrImageLibrary": "Drag and drop or <span>Browse</span> a file or select from <span>Image Library</span>.",

package/dist/AssetLibrary.js

@@ -10,10 +10,10 @@ import '@bigbinary/neetoui/Toastr';
 import '@bigbinary/neetoui/Typography';
 import 'ramda';
 import 'react-i18next';
-import './utils-CFUW0P-E.js';
-export { M as default } from './index-CrcFsa_8.js';
-import './useImageUploader-RX88_Cp-.js';
-import './index-CZjb2iXB.js';
+import './utils-Bb1hqKhN.js';
+export { M as default } from './index-BWdSmwr2.js';
+import './useImageUploader-BfrsCPBL.js';
+import './index-B1JijZPf.js';
 import 'react/jsx-runtime';
 import 'classnames';
 import '@bigbinary/neetoui/Button';
@@ -28,7 +28,7 @@ import '@bigbinary/neeto-commons-frontend/utils';
 import '@bigbinary/neetoui/Input';
 import '@bigbinary/neetoui/Switch';
 import '@bigbinary/neetoui/Label';
-import './query-B0eDmse7.js';
+import './query-DMtOS6FM.js';
 import '@bigbinary/neeto-icons/MenuHorizontal';
 import '@bigbinary/neeto-team-members-frontend/constants';
 import '@bigbinary/neetoui/Alert';

package/dist/BasicImageUploader.js

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import { noop } from '@bigbinary/neeto-cist';
 import Delete from '@bigbinary/neeto-icons/Delete';
 import Button from '@bigbinary/neetoui/Button';
-import { b as isNilOrEmpty, i as isNotNilOrEmpty, I as IMAGE_WRAPPER_CLASSNAME, a as ImageDirectUpload } from './utils-CFUW0P-E.js';
+import { b as isNilOrEmpty, i as isNotNilOrEmpty, I as IMAGE_WRAPPER_CLASSNAME, a as ImageDirectUpload } from './utils-Bb1hqKhN.js';
 import { I as ImageWithFallback } from './ImageWithFallback-Csv6Oivd.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@bigbinary/neetoui/Typography';
@@ -17,7 +17,7 @@ import 'react';
 import 'react-dropzone';
 import 'i18next';
 import '@bigbinary/neetoui/Toastr';
-import './index-CZjb2iXB.js';
+import './index-B1JijZPf.js';
 
 var _excluded = ["src", "className", "imageFallbackProps", "onDrop", "isDisabled", "onRemove"];
 function ownKeys(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; }

package/dist/ImageUploader.js

@@ -11,11 +11,11 @@ import MenuHorizontal from '@bigbinary/neeto-icons/MenuHorizontal';
 import Dropdown from '@bigbinary/neetoui/Dropdown';
 import { mergeRight } from 'ramda';
 import { useTranslation } from 'react-i18next';
-import { D as DEFAULT_UPLOAD_CONFIG, O as OPTION_KEYS, i as isNotNilOrEmpty, I as IMAGE_WRAPPER_CLASSNAME, a as ImageDirectUpload } from './utils-CFUW0P-E.js';
+import { D as DEFAULT_UPLOAD_CONFIG, O as OPTION_KEYS, i as isNotNilOrEmpty, I as IMAGE_WRAPPER_CLASSNAME, a as ImageDirectUpload } from './utils-Bb1hqKhN.js';
 import { I as ImageWithFallback } from './ImageWithFallback-Csv6Oivd.js';
-import { M as Modal, c as constructCloudflareImageURL } from './index-CrcFsa_8.js';
-import { a as useCreateBlob, u as useImageUploader, g as generateASCIIFileName } from './useImageUploader-RX88_Cp-.js';
-import { C as CLOUD_FLARE, I as IS_DEVELOPMENT_OR_HEROKU_ENV } from './index-CZjb2iXB.js';
+import { M as Modal, c as constructCloudflareImageURL } from './index-BWdSmwr2.js';
+import { a as useCreateBlob, u as useImageUploader, g as generateASCIIFileName } from './useImageUploader-BfrsCPBL.js';
+import { C as CLOUD_FLARE, I as IS_DEVELOPMENT_OR_HEROKU_ENV } from './index-B1JijZPf.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@bigbinary/neetoui/Button';
 import '@bigbinary/neetoui/Typography';
@@ -34,7 +34,7 @@ import '@bigbinary/neeto-commons-frontend/utils';
 import '@bigbinary/neetoui/Input';
 import '@bigbinary/neetoui/Switch';
 import '@bigbinary/neetoui/Label';
-import './query-B0eDmse7.js';
+import './query-DMtOS6FM.js';
 import '@bigbinary/neeto-team-members-frontend/constants';
 import '@bigbinary/neetoui/Alert';
 import '@rails/activestorage';

package/dist/cjs/AssetLibrary.js

@@ -12,10 +12,10 @@ require('@bigbinary/neetoui/Toastr');
 require('@bigbinary/neetoui/Typography');
 require('ramda');
 require('react-i18next');
-require('../utils-C58No1u2.js');
-var AssetLibrary = require('../index-kZWTnrjs.js');
-require('../useImageUploader-Bm9TukCy.js');
-require('../index-BtHfh_eu.js');
+require('../utils-BoO2mwcq.js');
+var AssetLibrary = require('../index-74vOALRs.js');
+require('../useImageUploader-YWyed_UV.js');
+require('../index-CmR3zLng.js');
 require('react/jsx-runtime');
 require('classnames');
 require('@bigbinary/neetoui/Button');
@@ -30,7 +30,7 @@ require('@bigbinary/neeto-commons-frontend/utils');
 require('@bigbinary/neetoui/Input');
 require('@bigbinary/neetoui/Switch');
 require('@bigbinary/neetoui/Label');
-require('../query-B7ahlELA.js');
+require('../query-BslM05TL.js');
 require('@bigbinary/neeto-icons/MenuHorizontal');
 require('@bigbinary/neeto-team-members-frontend/constants');
 require('@bigbinary/neetoui/Alert');

package/dist/cjs/BasicImageUploader.js

@@ -6,7 +6,7 @@ var classnames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
 var Delete = require('@bigbinary/neeto-icons/Delete');
 var Button = require('@bigbinary/neetoui/Button');
-var utils = require('../utils-C58No1u2.js');
+var utils = require('../utils-BoO2mwcq.js');
 var ImageWithFallback = require('../ImageWithFallback-DzT_N2Su.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('@bigbinary/neetoui/Typography');
@@ -19,7 +19,7 @@ require('react');
 require('react-dropzone');
 require('i18next');
 require('@bigbinary/neetoui/Toastr');
-require('../index-BtHfh_eu.js');
+require('../index-CmR3zLng.js');
 
 var _excluded = ["src", "className", "imageFallbackProps", "onDrop", "isDisabled", "onRemove"];
 function ownKeys(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; }

package/dist/cjs/ImageUploader.js

@@ -13,11 +13,11 @@ var MenuHorizontal = require('@bigbinary/neeto-icons/MenuHorizontal');
 var Dropdown = require('@bigbinary/neetoui/Dropdown');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
-var utils = require('../utils-C58No1u2.js');
+var utils = require('../utils-BoO2mwcq.js');
 var ImageWithFallback = require('../ImageWithFallback-DzT_N2Su.js');
-var AssetLibrary = require('../index-kZWTnrjs.js');
-var useImageUploader = require('../useImageUploader-Bm9TukCy.js');
-var index = require('../index-BtHfh_eu.js');
+var AssetLibrary = require('../index-74vOALRs.js');
+var useImageUploader = require('../useImageUploader-YWyed_UV.js');
+var index = require('../index-CmR3zLng.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('@bigbinary/neetoui/Button');
 require('@bigbinary/neetoui/Typography');
@@ -36,7 +36,7 @@ require('@bigbinary/neeto-commons-frontend/utils');
 require('@bigbinary/neetoui/Input');
 require('@bigbinary/neetoui/Switch');
 require('@bigbinary/neetoui/Label');
-require('../query-B7ahlELA.js');
+require('../query-BslM05TL.js');
 require('@bigbinary/neeto-team-members-frontend/constants');
 require('@bigbinary/neetoui/Alert');
 require('@rails/activestorage');

package/dist/cjs/hooks.js

@@ -1,22 +1,22 @@
 'use strict';
 
-var useProfileImageUpload = require('../useProfileImageUpload-C6Gat9NR.js');
-var useImageUploader = require('../useImageUploader-Bm9TukCy.js');
+var useProfileImageUpload = require('../useProfileImageUpload-B3zr0KBe.js');
+var useImageUploader = require('../useImageUploader-YWyed_UV.js');
 require('@babel/runtime/helpers/asyncToGenerator');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/regenerator');
 require('react');
 require('@rails/activestorage');
-require('../index-BtHfh_eu.js');
+require('../index-CmR3zLng.js');
+require('i18next');
 require('@bigbinary/neeto-cist');
 require('@bigbinary/neeto-commons-frontend/initializers');
 require('@bigbinary/neetoui/Toastr');
 require('ramda');
-require('i18next');
 require('@babel/runtime/helpers/defineProperty');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/react-utils');
-require('../query-B7ahlELA.js');
+require('../query-BslM05TL.js');
 require('axios');
 
 

package/dist/cjs/index.js

@@ -2,9 +2,9 @@
 
 var BasicImageUploader = require('./BasicImageUploader.js');
 var ImageUploader = require('./ImageUploader.js');
-var AssetLibrary = require('../index-kZWTnrjs.js');
-var useProfileImageUpload = require('../useProfileImageUpload-C6Gat9NR.js');
-var useImageUploader = require('../useImageUploader-Bm9TukCy.js');
+var AssetLibrary = require('../index-74vOALRs.js');
+var useProfileImageUpload = require('../useProfileImageUpload-B3zr0KBe.js');
+var useImageUploader = require('../useImageUploader-YWyed_UV.js');
 var utils = require('./utils.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/objectWithoutProperties');
@@ -12,7 +12,7 @@ require('classnames');
 require('@bigbinary/neeto-cist');
 require('@bigbinary/neeto-icons/Delete');
 require('@bigbinary/neetoui/Button');
-require('../utils-C58No1u2.js');
+require('../utils-BoO2mwcq.js');
 require('@bigbinary/neetoui/Typography');
 require('@bigbinary/neetoui/ProgressBar');
 require('ramda');
@@ -23,8 +23,8 @@ require('react');
 require('react-dropzone');
 require('i18next');
 require('@bigbinary/neetoui/Toastr');
+require('../index-CmR3zLng.js');
 require('react/jsx-runtime');
-require('../index-BtHfh_eu.js');
 require('../ImageWithFallback-DzT_N2Su.js');
 require('@babel/runtime/helpers/asyncToGenerator');
 require('@babel/runtime/regenerator');
@@ -41,7 +41,7 @@ require('@bigbinary/neeto-commons-frontend/utils');
 require('@bigbinary/neetoui/Input');
 require('@bigbinary/neetoui/Switch');
 require('@bigbinary/neetoui/Label');
-require('../query-B7ahlELA.js');
+require('../query-BslM05TL.js');
 require('@bigbinary/neeto-team-members-frontend/constants');
 require('@bigbinary/neetoui/Alert');
 require('@rails/activestorage');

package/dist/cjs/utils.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var query = require('../query-B7ahlELA.js');
+var query = require('../query-BslM05TL.js');
 
 var refetchImageLibraryAssetList = function refetchImageLibraryAssetList(queryClient) {
   return queryClient.invalidateQueries({

package/dist/hooks.js

@@ -1,19 +1,19 @@
-export { u as useImageUpload, a as useProfileImageUpload } from './useProfileImageUpload-KpvcwEqx.js';
-export { u as useImageUploader } from './useImageUploader-RX88_Cp-.js';
+export { u as useImageUpload, a as useProfileImageUpload } from './useProfileImageUpload-BDGk2PWz.js';
+export { u as useImageUploader } from './useImageUploader-BfrsCPBL.js';
 import '@babel/runtime/helpers/asyncToGenerator';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/regenerator';
 import 'react';
 import '@rails/activestorage';
-import './index-CZjb2iXB.js';
+import './index-B1JijZPf.js';
+import 'i18next';
 import '@bigbinary/neeto-cist';
 import '@bigbinary/neeto-commons-frontend/initializers';
 import '@bigbinary/neetoui/Toastr';
 import 'ramda';
-import 'i18next';
 import '@babel/runtime/helpers/defineProperty';
 import '@tanstack/react-query';
 import '@bigbinary/neeto-commons-frontend/react-utils';
-import './query-B0eDmse7.js';
+import './query-DMtOS6FM.js';
 import 'axios';
 //# sourceMappingURL=hooks.js.map

package/dist/{index-kZWTnrjs.js → index-74vOALRs.js}

@@ -12,9 +12,9 @@ var Toastr = require('@bigbinary/neetoui/Toastr');
 var Typography = require('@bigbinary/neetoui/Typography');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
-var utils$1 = require('./utils-C58No1u2.js');
-var useImageUploader = require('./useImageUploader-Bm9TukCy.js');
-var index = require('./index-BtHfh_eu.js');
+var utils$1 = require('./utils-BoO2mwcq.js');
+var useImageUploader = require('./useImageUploader-YWyed_UV.js');
+var index = require('./index-CmR3zLng.js');
 var classnames = require('classnames');
 var LeftArrow = require('@bigbinary/neeto-icons/LeftArrow');
 var Button = require('@bigbinary/neetoui/Button');
@@ -26,7 +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 query = require('./query-B7ahlELA.js');
+var query = require('./query-BslM05TL.js');
 var MenuHorizontal = require('@bigbinary/neeto-icons/MenuHorizontal');
 var constants = require('@bigbinary/neeto-team-members-frontend/constants');
 var Alert = require('@bigbinary/neetoui/Alert');
@@ -774,7 +774,7 @@ var useImageControls = function useImageControls(_ref) {
 };
 
 var ImageEditor = function ImageEditor(_ref) {
-  var _imageRef$current, _imageRef$current$cli, _imageRef$current2;
+  var _imageRef$current;
   var image = _ref.image,
     handleReset = _ref.handleReset,
     _ref$handleImageEditC = _ref.handleImageEditComplete,
@@ -874,9 +874,7 @@ var ImageEditor = function ImageEditor(_ref) {
         children: /*#__PURE__*/jsxRuntime.jsxs(I, {
           crop: isFullImage ? null : crop,
           src: image === null || image === void 0 ? void 0 : image.url,
-          style: {
-            maxWidth: (_imageRef$current$cli = (_imageRef$current2 = imageRef.current) === null || _imageRef$current2 === void 0 ? void 0 : _imageRef$current2.clientWidth) !== null && _imageRef$current$cli !== void 0 ? _imageRef$current$cli : "100%"
-          },
+          style: utils$1.getWrapperRefStyles(wrapperRef, imageRef),
           aspect: isAspectRatioLocked ? aspectRatio.width / aspectRatio.height : 0,
           onChange: handleCropChange,
           onComplete: handleCropChange,
@@ -2411,4 +2409,4 @@ var Modal = function Modal(_ref) {
 
 exports.Modal = Modal;
 exports.constructCloudflareImageURL = constructCloudflareImageURL;
-//# sourceMappingURL=index-kZWTnrjs.js.map
+//# sourceMappingURL=index-74vOALRs.js.map