@bigbinary/neeto-image-uploader-frontend 2.3.11 → 2.3.14

package/dist/{utils-WEbpTEyB.js → utils-CFUW0P-E.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import classnames from 'classnames';
-import { noop } from '@bigbinary/neeto-cist';
+import { isPresent, noop } from '@bigbinary/neeto-cist';
 import Button from '@bigbinary/neetoui/Button';
 import Typography from '@bigbinary/neetoui/Typography';
 import ProgressBar from '@bigbinary/neetoui/ProgressBar';
@@ -92,7 +92,9 @@ var ImageDirectUpload = function ImageDirectUpload(_ref) {
     onDrop = _ref$onDrop === void 0 ? noop : _ref$onDrop,
     _ref$isDisabled = _ref.isDisabled,
     isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-    setIsAssetLibraryOpen = _ref.setIsAssetLibraryOpen;
+    setIsAssetLibraryOpen = _ref.setIsAssetLibraryOpen,
+    _ref$defaultImageSize = _ref.defaultImageSize,
+    defaultImageSize = _ref$defaultImageSize === void 0 ? {} : _ref$defaultImageSize;
   var _useUploadDropzone = useUploadDropzone({
       uploadConfig: uploadConfig,
       onDrop: onDrop
@@ -155,6 +157,15 @@ var ImageDirectUpload = function ImageDirectUpload(_ref) {
             size: uploadConfig === null || uploadConfig === void 0 ? void 0 : uploadConfig.maxImageSize
           }
         })
+      }), isPresent(defaultImageSize) && /*#__PURE__*/jsx(Typography, {
+        className: "neeto-ui-text-gray-700 text-center leading-4",
+        "data-cy": "neeto-image-uploader-ideal-image-size-info-text",
+        lineHeight: "snug",
+        style: "nano",
+        children: /*#__PURE__*/jsx(Trans, {
+          i18nKey: "neetoImageUploader.imageUpload.idealImageSizeInfo",
+          values: _objectSpread({}, defaultImageSize)
+        })
       })]
     })
   }));
@@ -184,9 +195,9 @@ var TABS = [{
   dataCy: "neeto-image-uploader-unsplash-tab"
 }];
 var DEFAULT_CROP_CONFIG = {
-  unit: "px",
-  height: 0,
-  width: 0,
+  unit: "%",
+  height: 100,
+  width: 100,
   x: 0,
   y: 0
 };
@@ -210,20 +221,34 @@ var ASSETS_FETCH_URL = IS_DEVELOPMENT_OR_HEROKU_ENV ? "neeto_image_uploader_engi
 var ASSETS_DESTROY_URL = IS_DEVELOPMENT_OR_HEROKU_ENV ? "neeto_image_uploader_engine/development/bulk_destroy" : "neeto_image_uploader_engine/imagekit/bulk_destroy";
 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";
 
-var getCropValues = function getCropValues(_ref) {
-  var crop = _ref.crop,
-    imageRef = _ref.imageRef;
+var getWholeNumberAspectRatio = function getWholeNumberAspectRatio(_ref) {
+  var width = _ref.width,
+    height = _ref.height;
+  var _gcd = function gcd(a, b) {
+    return b === 0 ? a : _gcd(b, a % b);
+  };
+  var divisor = _gcd(width, height);
   return {
-    x: imageRef.current.naturalWidth * (crop.x / imageRef.current.width),
-    y: imageRef.current.naturalHeight * (crop.y / imageRef.current.height),
-    height: imageRef.current.naturalHeight * (crop.height / imageRef.current.height),
-    width: imageRef.current.naturalWidth * (crop.width / imageRef.current.width)
+    width: width / divisor,
+    height: height / divisor
   };
 };
-var getImageKitCroppedURL = function getImageKitCroppedURL(_ref2) {
-  var imageURL = _ref2.imageURL,
-    crop = _ref2.crop,
+var getCropValues = function getCropValues(_ref2) {
+  var crop = _ref2.crop,
     imageRef = _ref2.imageRef;
+  var naturalWidth = imageRef.current.naturalWidth;
+  var naturalHeight = imageRef.current.naturalHeight;
+  return {
+    x: crop.x / 100 * naturalWidth,
+    y: crop.y / 100 * naturalHeight,
+    width: crop.width / 100 * naturalWidth,
+    height: crop.height / 100 * naturalHeight
+  };
+};
+var getImageKitCroppedURL = function getImageKitCroppedURL(_ref3) {
+  var imageURL = _ref3.imageURL,
+    crop = _ref3.crop,
+    imageRef = _ref3.imageRef;
   var imagekit = new ImageKit({
     urlEndpoint: globalProps.imagekit.urlEndpoint
   });
@@ -253,37 +278,6 @@ var isNilOrEmpty = function isNilOrEmpty(value) {
 var isNotNilOrEmpty = function isNotNilOrEmpty(value) {
   return !isNilOrEmpty(value);
 };
-var onImageLoaded = function onImageLoaded(_ref3) {
-  var image = _ref3.image,
-    setCrop = _ref3.setCrop,
-    _ref3$cropAspectRatio = _ref3.cropAspectRatio,
-    cropAspectRatio = _ref3$cropAspectRatio === void 0 ? 16 / 9 : _ref3$cropAspectRatio;
-  var width = image.width,
-    height = image.height;
-  var imageAspectRatio = width / height;
-  var maxCropWidth = 250;
-  var maxCropHeight = maxCropWidth / cropAspectRatio;
-  var cropWidth, cropHeight;
-  if (imageAspectRatio > cropAspectRatio) {
-    cropWidth = Math.min(maxCropWidth, width);
-    cropHeight = cropWidth / cropAspectRatio;
-  } else if (height < maxCropHeight) {
-    cropWidth = width;
-    cropHeight = height;
-  } else {
-    cropHeight = Math.min(maxCropHeight, height);
-    cropWidth = cropHeight * cropAspectRatio;
-  }
-  var cropX = (width - cropWidth) / 2;
-  var cropY = (height - cropHeight) / 2;
-  setCrop({
-    unit: "px",
-    width: cropWidth,
-    height: cropHeight,
-    x: cropX,
-    y: cropY
-  });
-};
 var isItemsCenter = function isItemsCenter(_ref4) {
   var imageRef = _ref4.imageRef,
     wrapperRef = _ref4.wrapperRef;
@@ -302,17 +296,16 @@ var isItemsCenter = function isItemsCenter(_ref4) {
   return imageHeight > imageWidth && imageHeight < wrapperHeight - 1;
 };
 var calculateCloudFlareImageCroppedValues = function calculateCloudFlareImageCroppedValues(_ref6) {
-  var imageRef = _ref6.imageRef,
-    image = _ref6.image,
+  var image = _ref6.image,
     crop = _ref6.crop;
-  var scaleX = image.metadata.width / imageRef.current.width;
-  var scaleY = image.metadata.height / imageRef.current.height;
-  var sourceX = scaleX * crop.x;
-  var sourceY = scaleY * crop.y;
-  var sourceWidth = scaleX * crop.width;
-  var sourceHeight = scaleY * crop.height;
-  var distanceFromRight = Math.abs(image.metadata.width - (sourceX + sourceWidth));
-  var distanceFromBottom = Math.abs(image.metadata.height - (sourceY + sourceHeight));
+  var naturalWidth = image.metadata.width;
+  var naturalHeight = image.metadata.height;
+  var sourceX = crop.x / 100 * naturalWidth;
+  var sourceY = crop.y / 100 * naturalHeight;
+  var sourceWidth = crop.width / 100 * naturalWidth;
+  var sourceHeight = crop.height / 100 * naturalHeight;
+  var distanceFromRight = Math.abs(naturalWidth - (sourceX + sourceWidth));
+  var distanceFromBottom = Math.abs(naturalHeight - (sourceY + sourceHeight));
   return {
     top: sourceY,
     right: distanceFromRight,
@@ -321,11 +314,9 @@ var calculateCloudFlareImageCroppedValues = function calculateCloudFlareImageCro
   };
 };
 var getCloudFlareCroppedURL = function getCloudFlareCroppedURL(_ref7) {
-  var imageRef = _ref7.imageRef,
-    image = _ref7.image,
+  var image = _ref7.image,
     crop = _ref7.crop;
   var _calculateCloudFlareI = calculateCloudFlareImageCroppedValues({
-      imageRef: imageRef,
       image: image,
       crop: crop
     }),
@@ -336,6 +327,56 @@ var getCloudFlareCroppedURL = function getCloudFlareCroppedURL(_ref7) {
   var trimValues = "".concat(top, ";").concat(right, ";").concat(bottom, ";").concat(left);
   return image.url.replace("public", "trim=".concat(trimValues));
 };
+var getAspectRatio = function getAspectRatio(_ref8) {
+  var fixedAspectRatio = _ref8.fixedAspectRatio,
+    imageSize = _ref8.imageSize;
+  if (isPresent(fixedAspectRatio === null || fixedAspectRatio === void 0 ? void 0 : fixedAspectRatio.width) && isPresent(fixedAspectRatio === null || fixedAspectRatio === void 0 ? void 0 : fixedAspectRatio.height)) {
+    return fixedAspectRatio;
+  }
+  if (isPresent(imageSize === null || imageSize === void 0 ? void 0 : imageSize.width) && isPresent(imageSize === null || imageSize === void 0 ? void 0 : imageSize.height)) {
+    return getWholeNumberAspectRatio(imageSize);
+  }
+  return {
+    width: 16,
+    height: 9
+  };
+};
+var getPixels = function getPixels(percentage, pixel) {
+  return Math.round(percentage / 100 * pixel);
+};
+var getPercentage = function getPercentage(crop, full) {
+  return crop / full * 100;
+};
+var getInitialCropSize = function getInitialCropSize(_ref9) {
+  var image = _ref9.image,
+    aspectRatioFactor = _ref9.aspectRatioFactor,
+    maxCropWidth = _ref9.maxCropWidth;
+  var imageWidth = image.naturalWidth,
+    imageHeight = image.naturalHeight;
+  var imageAspectRatio = imageWidth / imageHeight;
+  var maxCropHeight = maxCropWidth / aspectRatioFactor;
+  var cropWidth, cropHeight;
+  if (imageAspectRatio > aspectRatioFactor) {
+    cropWidth = Math.min(maxCropWidth, imageWidth);
+    cropHeight = cropWidth / aspectRatioFactor;
+  } else if (imageHeight < maxCropHeight) {
+    cropWidth = imageWidth;
+    cropHeight = imageHeight;
+  } else {
+    cropHeight = Math.min(maxCropHeight, imageHeight);
+    cropWidth = cropHeight * aspectRatioFactor;
+  }
+  return {
+    cropWidth: cropWidth,
+    cropHeight: cropHeight
+  };
+};
+var getHeightFromAspectRatio = function getHeightFromAspectRatio(width, aspectRatio) {
+  return Math.round(width * aspectRatio.height / aspectRatio.width);
+};
+var getWidthFromAspectRatio = function getWidthFromAspectRatio(height, aspectRatio) {
+  return Math.round(height * aspectRatio.width / aspectRatio.height);
+};
 
-export { ASSETS_DESTROY_URL as A, DEFAULT_UPLOAD_CONFIG as D, IMAGE_WRAPPER_CLASSNAME as I, OPTION_KEYS as O, TABS as T, UNSPLASH_DEFAULT_NAME as U, ImageDirectUpload as a, isNilOrEmpty as b, DEFAULT_CROP_CONFIG as c, isItemsCenter as d, getImageKitCroppedURL as e, getCropValues as f, getCloudFlareCroppedURL as g, IMAGES_PER_PAGE as h, isNotNilOrEmpty as i, INFINITE_SCROLLER_SIZES as j, INFINITE_SCROLLER_STYLE as k, ASSETS_FETCH_URL as l, UNSPLASH_DEFAULT_REQUEST_CONFIG as m, UNSPLASH_URL as n, onImageLoaded as o, useUploadDropzone as u };
-//# sourceMappingURL=utils-WEbpTEyB.js.map
+export { ASSETS_DESTROY_URL as A, DEFAULT_UPLOAD_CONFIG as D, IMAGE_WRAPPER_CLASSNAME as I, OPTION_KEYS as O, TABS as T, UNSPLASH_DEFAULT_NAME as U, ImageDirectUpload as a, isNilOrEmpty as b, DEFAULT_CROP_CONFIG as c, getPixels as d, getHeightFromAspectRatio as e, getWidthFromAspectRatio as f, getAspectRatio as g, getInitialCropSize as h, isNotNilOrEmpty as i, getPercentage as j, isItemsCenter as k, getCloudFlareCroppedURL as l, getImageKitCroppedURL as m, getCropValues as n, IMAGES_PER_PAGE as o, INFINITE_SCROLLER_SIZES as p, INFINITE_SCROLLER_STYLE as q, ASSETS_FETCH_URL as r, UNSPLASH_DEFAULT_REQUEST_CONFIG as s, UNSPLASH_URL as t, useUploadDropzone as u };
+//# sourceMappingURL=utils-CFUW0P-E.js.map

package/dist/utils-CFUW0P-E.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-CFUW0P-E.js","sources":["../app/javascript/src/components/ImageUploader/constants.js","../app/javascript/src/components/ImageUploader/utils.js","../app/javascript/src/components/common/constants.js","../app/javascript/src/components/common/utils.js","../app/javascript/src/hooks/useUploadDropzone.js","../app/javascript/src/components/common/ImageDirectUpload.jsx","../app/javascript/src/components/constants.js","../app/javascript/src/components/ImageEditor/utils.js"],"sourcesContent":["import { globalProps } from \"neetocommons/initializers\";\n\nexport const DEFAULT_ALLOWED_IMAGE_TYPES = {\n  \"image/png\": [\".png\"],\n  \"image/jpg\": [\".jpg\", \".jpeg\"],\n  \"image/gif\": [\".gif\"],\n  \"image/svg+xml\": [\".svg\"],\n};\n\nexport const DEFAULT_UPLOAD_CONFIG = {\n  maxImageSize: globalProps.endUserUploadedFileSizeLimitInMb,\n  allowedImageTypes: DEFAULT_ALLOWED_IMAGE_TYPES,\n};\n\nexport const OPTION_KEYS = { asset: \"asset\", remove: \"remove\" };\n","import { flatten, pipe, join, map, toUpper, values } from \"ramda\";\n\nexport const getAllowedTypes = uploadConfig =>\n  pipe(\n    values,\n    flatten,\n    map(extension => extension.slice(1)),\n    map(toUpper),\n    join(\", \")\n  )(uploadConfig.allowedImageTypes);\n","import { t } from \"i18next\";\n\nexport const DROPZONE_ROOT_DIV_CLASSNAME =\n  \"neeto-ui-border-primary-600 hover:neeto-ui-bg-gray-100 neeto-ui-rounded-lg flex h-full w-full flex-col items-center justify-center gap-3 border border-dashed p-4 transition-all duration-300 ease-in-out\";\n\nexport const FILE_ERRORS = {\n  \"file-invalid-type\": t(\"neetoImageUploader.imageUpload.fileTypeError\"),\n  \"file-too-large\": t(\"neetoImageUploader.imageUpload.fileSizeError\"),\n};\n","import { t } from \"i18next\";\nimport { Toastr } from \"neetoui\";\n\nimport { FILE_ERRORS } from \"./constants\";\n\nexport const handleDropRejected = fileRejections => {\n  fileRejections.map(({ errors }) =>\n    errors.map(({ code }) =>\n      Toastr.error(\n        FILE_ERRORS[code] || t(\"neetoImageUploader.imageUpload.genericError\")\n      )\n    )\n  );\n};\n","import { useState } from \"react\";\n\nimport { useDropzone } from \"react-dropzone\";\n\nimport { handleDropRejected } from \"components/common/utils\";\n\nconst useUploadDropzone = ({\n  uploadConfig = { allowedImageTypes: [], maxImageSize: 0 },\n  onDrop,\n}) => {\n  const [uploadProgress, setUploadProgress] = useState(0);\n\n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\n    onDrop: acceptedFiles => onDrop(acceptedFiles[0], setUploadProgress),\n    accept: uploadConfig?.allowedImageTypes,\n    multiple: false,\n    maxSize: uploadConfig.maxImageSize * 1_048_576,\n    onDropRejected: handleDropRejected,\n  });\n\n  return {\n    getRootProps,\n    getInputProps,\n    isDragActive,\n    uploadProgress,\n  };\n};\n\nexport default useUploadDropzone;\n","import classnames from \"classnames\";\nimport { noop, isPresent } from \"neetocist\";\nimport { Button, Typography, ProgressBar } from \"neetoui\";\nimport { equals } from \"ramda\";\nimport { Trans } from \"react-i18next\";\n\nimport { DEFAULT_UPLOAD_CONFIG } from \"components/ImageUploader/constants\";\nimport { getAllowedTypes } from \"components/ImageUploader/utils\";\nimport useUploadDropzone from \"hooks/useUploadDropzone\";\n\nimport { DROPZONE_ROOT_DIV_CLASSNAME } from \"./constants\";\n\nconst ImageDirectUpload = ({\n  uploadConfig = DEFAULT_UPLOAD_CONFIG,\n  onDrop = noop,\n  isDisabled = false,\n  setIsAssetLibraryOpen,\n  defaultImageSize = {},\n}) => {\n  const { getRootProps, getInputProps, isDragActive, uploadProgress } =\n    useUploadDropzone({ uploadConfig, onDrop });\n\n  const shouldShowProgress = !!(uploadProgress && !equals(uploadProgress, 1));\n\n  return (\n    <div\n      {...getRootProps()}\n      className={classnames(DROPZONE_ROOT_DIV_CLASSNAME, {\n        \"neeto-ui-border-gray-300\": !isDragActive,\n        \"neeto-ui-border-gray-700\": isDragActive,\n      })}\n    >\n      {shouldShowProgress ? (\n        <ProgressBar\n          progressPercentage={uploadProgress}\n          progressValue={`${uploadProgress}%`}\n        />\n      ) : (\n        <div className=\"flex flex-col space-y-1\">\n          {!isDisabled && (\n            <Typography\n              className=\"neeto-ui-text-gray-800 text-center leading-4\"\n              style=\"body2\"\n            >\n              <Trans\n                i18nKey=\"neetoImageUploader.imageUpload.dragAndDropOrBrowseFile\"\n                components={{\n                  span: (\n                    <Button\n                      data-cy=\"neeto-image-uploader-browse-text\"\n                      style=\"link\"\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n          )}\n          {setIsAssetLibraryOpen && (\n            <Typography\n              className=\"text-center leading-4\"\n              style=\"body2\"\n              onClick={e => {\n                e.stopPropagation();\n                setIsAssetLibraryOpen(true);\n              }}\n            >\n              <Trans\n                i18nKey=\"neetoImageUploader.imageUpload.selectImagefromImageLibrary\"\n                components={{\n                  span: (\n                    <Button data-cy=\"open-asset-library-button\" style=\"link\" />\n                  ),\n                }}\n              />\n            </Typography>\n          )}\n          <input\n            {...getInputProps()}\n            data-cy=\"neeto-image-uploader-file-input\"\n            disabled={isDisabled}\n          />\n          <Typography\n            className=\"neeto-ui-text-gray-700 text-center leading-4\"\n            data-cy=\"neeto-image-uploader-restriction-message\"\n            lineHeight=\"snug\"\n            style=\"nano\"\n          >\n            <Trans\n              i18nKey=\"neetoImageUploader.imageUpload.restrictionMessage\"\n              values={{\n                fileTypes: getAllowedTypes(uploadConfig),\n                size: uploadConfig?.maxImageSize,\n              }}\n            />\n          </Typography>\n          {isPresent(defaultImageSize) && (\n            <Typography\n              className=\"neeto-ui-text-gray-700 text-center leading-4\"\n              data-cy=\"neeto-image-uploader-ideal-image-size-info-text\"\n              lineHeight=\"snug\"\n              style=\"nano\"\n            >\n              <Trans\n                i18nKey=\"neetoImageUploader.imageUpload.idealImageSizeInfo\"\n                values={{ ...defaultImageSize }}\n              />\n            </Typography>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ImageDirectUpload;\n","import i18next from \"i18next\";\nimport { globalProps } from \"neetocommons/initializers\";\n\nimport { CLOUD_FLARE, IS_DEVELOPMENT_OR_HEROKU_ENV } from \"src/constants\";\n\nexport const UNSPLASH_DEFAULT_NAME = \"Unsplash-asset\";\n\nexport const UNSPLASH_URL = \"https://unsplash.com/\";\n\nexport const IMAGES_PER_PAGE = 30;\n\nexport const UNSPLASH_DEFAULT_REQUEST_CONFIG = {\n  headers: {\n    \"Access-Control-Allow-Origin\": \"*\",\n    \"Access-Control-Allow-Methods\": \"GET\",\n  },\n  responseType: \"blob\",\n};\n\nexport const TABS = [\n  {\n    label: i18next.t(\"neetoImageUploader.labels.uploadImage\"),\n    key: \"upload\",\n    dataCy: \"neeto-image-uploader-upload-image-tab\",\n  },\n  {\n    label: i18next.t(\"neetoImageUploader.labels.myImages\"),\n    key: \"images\",\n    dataCy: \"neeto-image-uploader-my-images-tab\",\n  },\n  {\n    label: i18next.t(\"neetoImageUploader.labels.searchTheWeb\"),\n    key: \"unsplash\",\n    dataCy: \"neeto-image-uploader-unsplash-tab\",\n  },\n];\n\nexport const DEFAULT_CROP_CONFIG = {\n  unit: \"%\",\n  height: 100,\n  width: 100,\n  x: 0,\n  y: 0,\n};\n\nexport const URL_REGEXP =\n  /[(http(s)?)://(www.)?a-zA-Z0-9@:%._+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_+.~#?&//=]*)/;\n\nexport const INFINITE_SCROLLER_SIZES = [\n  { columns: 2, gutter: 0 },\n  { mq: \"768px\", columns: 4, gutter: 0 },\n  { mq: \"1024px\", columns: 4, gutter: 0 },\n];\n\nexport const INFINITE_SCROLLER_STYLE = { width: \"100%\" };\n\nexport const ALLOWED_IMAGE_TYPES = {\n  \"image/*\": [\".png\", \".jpg\", \".jpeg\", \".svg\", \".gif\"],\n};\n\nexport const IMAGE_UPLOAD_SERVICE_URL =\n  globalProps.assetsUploaderService === CLOUD_FLARE\n    ? \"neeto_image_uploader_engine/cloudflare_images\"\n    : \"neeto_image_uploader_engine/imagekit/fetch\";\n\nexport const ASSETS_FETCH_URL = IS_DEVELOPMENT_OR_HEROKU_ENV\n  ? \"neeto_image_uploader_engine/development/fetch\"\n  : IMAGE_UPLOAD_SERVICE_URL;\n\nexport const ASSETS_DESTROY_URL = IS_DEVELOPMENT_OR_HEROKU_ENV\n  ? \"neeto_image_uploader_engine/development/bulk_destroy\"\n  : \"neeto_image_uploader_engine/imagekit/bulk_destroy\";\n\nexport const IMAGE_WRAPPER_CLASSNAME =\n  \"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\";\n","import ImageKit from \"imagekit-javascript\";\nimport { isPresent } from \"neetocist\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { isEmpty, isNil } from \"ramda\";\n\nconst getWholeNumberAspectRatio = ({ width, height }) => {\n  const gcd = (a, b) => (b === 0 ? a : gcd(b, a % b));\n\n  const divisor = gcd(width, height);\n\n  return { width: width / divisor, height: height / divisor };\n};\n\nexport const getCropValues = ({ crop, imageRef }) => {\n  const naturalWidth = imageRef.current.naturalWidth;\n  const naturalHeight = imageRef.current.naturalHeight;\n\n  return {\n    x: (crop.x / 100) * naturalWidth,\n    y: (crop.y / 100) * naturalHeight,\n    width: (crop.width / 100) * naturalWidth,\n    height: (crop.height / 100) * naturalHeight,\n  };\n};\n\nexport const getImageKitCroppedURL = ({ imageURL, crop, imageRef }) => {\n  const imagekit = new ImageKit({\n    urlEndpoint: globalProps.imagekit.urlEndpoint,\n  });\n  const { x, y, height, width } = getCropValues({ crop, imageRef });\n\n  const transformation = [{ cropMode: \"extract\", x, y, height, width }];\n\n  return imagekit.url({ src: imageURL, transformation });\n};\n\nexport const isNilOrEmpty = value => isNil(value) || isEmpty(value);\nexport const isNotNilOrEmpty = value => !isNilOrEmpty(value);\n\nexport const isItemsCenter = ({ imageRef, wrapperRef }) => {\n  const { height: imageHeight, width: imageWidth } = imageRef.current || {};\n  const wrapperHeight = (wrapperRef.current || {}).clientHeight;\n\n  if (imageHeight < imageWidth && imageHeight < wrapperHeight - 1) {\n    // Landscape images smaller than wrapper dimensions\n    return true;\n  }\n\n  if (imageHeight === imageWidth && imageHeight < wrapperHeight - 1) {\n    // Square images smaller than wrapper dimensions\n    return true;\n  }\n\n  return imageHeight > imageWidth && imageHeight < wrapperHeight - 1;\n};\n\nexport const calculateCloudFlareImageCroppedValues = ({ image, crop }) => {\n  const naturalWidth = image.metadata.width;\n  const naturalHeight = image.metadata.height;\n\n  const sourceX = (crop.x / 100) * naturalWidth;\n  const sourceY = (crop.y / 100) * naturalHeight;\n  const sourceWidth = (crop.width / 100) * naturalWidth;\n  const sourceHeight = (crop.height / 100) * naturalHeight;\n\n  const distanceFromRight = Math.abs(naturalWidth - (sourceX + sourceWidth));\n  const distanceFromBottom = Math.abs(naturalHeight - (sourceY + sourceHeight));\n\n  return {\n    top: sourceY,\n    right: distanceFromRight,\n    bottom: distanceFromBottom,\n    left: sourceX,\n  };\n};\n\nexport const getCloudFlareCroppedURL = ({ image, crop }) => {\n  const { top, right, bottom, left } = calculateCloudFlareImageCroppedValues({\n    image,\n    crop,\n  });\n  const trimValues = `${top};${right};${bottom};${left}`;\n\n  return image.url.replace(\"public\", `trim=${trimValues}`);\n};\n\nexport const getAspectRatio = ({ fixedAspectRatio, imageSize }) => {\n  if (\n    isPresent(fixedAspectRatio?.width) &&\n    isPresent(fixedAspectRatio?.height)\n  ) {\n    return fixedAspectRatio;\n  }\n\n  if (isPresent(imageSize?.width) && isPresent(imageSize?.height)) {\n    return getWholeNumberAspectRatio(imageSize);\n  }\n\n  return { width: 16, height: 9 };\n};\n\nexport const getPixels = (percentage, pixel) =>\n  Math.round((percentage / 100) * pixel);\n\nexport const getPercentage = (crop, full) => (crop / full) * 100;\n\nexport const getInitialCropSize = ({\n  image,\n  aspectRatioFactor,\n  maxCropWidth,\n}) => {\n  const { naturalWidth: imageWidth, naturalHeight: imageHeight } = image;\n  const imageAspectRatio = imageWidth / imageHeight;\n  const maxCropHeight = maxCropWidth / aspectRatioFactor;\n\n  let cropWidth, cropHeight;\n\n  if (imageAspectRatio > aspectRatioFactor) {\n    cropWidth = Math.min(maxCropWidth, imageWidth);\n    cropHeight = cropWidth / aspectRatioFactor;\n  } else if (imageHeight < maxCropHeight) {\n    cropWidth = imageWidth;\n    cropHeight = imageHeight;\n  } else {\n    cropHeight = Math.min(maxCropHeight, imageHeight);\n    cropWidth = cropHeight * aspectRatioFactor;\n  }\n\n  return { cropWidth, cropHeight };\n};\n\nexport const getHeightFromAspectRatio = (width, aspectRatio) =>\n  Math.round((width * aspectRatio.height) / aspectRatio.width);\n\nexport const getWidthFromAspectRatio = (height, aspectRatio) =>\n  Math.round((height * aspectRatio.width) / aspectRatio.height);\n"],"names":["DEFAULT_ALLOWED_IMAGE_TYPES","DEFAULT_UPLOAD_CONFIG","maxImageSize","globalProps","endUserUploadedFileSizeLimitInMb","allowedImageTypes","OPTION_KEYS","asset","remove","getAllowedTypes","uploadConfig","pipe","values","flatten","map","extension","slice","toUpper","join","DROPZONE_ROOT_DIV_CLASSNAME","FILE_ERRORS","t","handleDropRejected","fileRejections","_ref","errors","_ref2","code","Toastr","error","useUploadDropzone","_ref$uploadConfig","onDrop","_useState","useState","_useState2","_slicedToArray","uploadProgress","setUploadProgress","_useDropzone","useDropzone","acceptedFiles","accept","multiple","maxSize","onDropRejected","getRootProps","getInputProps","isDragActive","ImageDirectUpload","_ref$onDrop","noop","_ref$isDisabled","isDisabled","setIsAssetLibraryOpen","_ref$defaultImageSize","defaultImageSize","_useUploadDropzone","shouldShowProgress","equals","_jsx","_objectSpread","className","classnames","children","ProgressBar","progressPercentage","progressValue","concat","_jsxs","Typography","style","Trans","i18nKey","components","span","Button","onClick","e","stopPropagation","disabled","lineHeight","fileTypes","size","isPresent","UNSPLASH_DEFAULT_NAME","UNSPLASH_URL","IMAGES_PER_PAGE","UNSPLASH_DEFAULT_REQUEST_CONFIG","headers","responseType","TABS","label","i18next","key","dataCy","DEFAULT_CROP_CONFIG","unit","height","width","x","y","INFINITE_SCROLLER_SIZES","columns","gutter","mq","INFINITE_SCROLLER_STYLE","IMAGE_UPLOAD_SERVICE_URL","assetsUploaderService","CLOUD_FLARE","ASSETS_FETCH_URL","IS_DEVELOPMENT_OR_HEROKU_ENV","ASSETS_DESTROY_URL","IMAGE_WRAPPER_CLASSNAME","getWholeNumberAspectRatio","gcd","a","b","divisor","getCropValues","crop","imageRef","naturalWidth","current","naturalHeight","getImageKitCroppedURL","_ref3","imageURL","imagekit","ImageKit","urlEndpoint","_getCropValues","transformation","cropMode","url","src","isNilOrEmpty","value","isNil","isEmpty","isNotNilOrEmpty","isItemsCenter","_ref4","wrapperRef","_ref5","imageHeight","imageWidth","wrapperHeight","clientHeight","calculateCloudFlareImageCroppedValues","_ref6","image","metadata","sourceX","sourceY","sourceWidth","sourceHeight","distanceFromRight","Math","abs","distanceFromBottom","top","right","bottom","left","getCloudFlareCroppedURL","_ref7","_calculateCloudFlareI","trimValues","replace","getAspectRatio","_ref8","fixedAspectRatio","imageSize","getPixels","percentage","pixel","round","getPercentage","full","getInitialCropSize","_ref9","aspectRatioFactor","maxCropWidth","imageAspectRatio","maxCropHeight","cropWidth","cropHeight","min","getHeightFromAspectRatio","aspectRatio","getWidthFromAspectRatio"],"mappings":"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"}

package/dist/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../app/javascript/src/utils/index.js"],"sourcesContent":["import { QUERY_KEYS } from \"src/constants/query\";\n\nexport const refetchImageLibraryAssetList = queryClient =>\n  queryClient.invalidateQueries({\n    queryKey: [QUERY_KEYS.ASSETS_LIST],\n  });\n"],"names":["refetchImageLibraryAssetList","queryClient","invalidateQueries","queryKey","QUERY_KEYS","ASSETS_LIST"],"mappings":";;IAEaA,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAGC,WAAW,EAAA;EAAA,OACrDA,WAAW,CAACC,iBAAiB,CAAC;AAC5BC,IAAAA,QAAQ,EAAE,CAACC,UAAU,CAACC,WAAW,CAAA;AACnC,GAAC,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"utils.js","sources":["../app/javascript/src/utils/index.js"],"sourcesContent":["import { QUERY_KEYS } from \"src/constants/query\";\n\nexport const refetchImageLibraryAssetList = queryClient =>\n  queryClient.invalidateQueries({\n    queryKey: [QUERY_KEYS.ASSETS_LIST],\n  });\n"],"names":["refetchImageLibraryAssetList","queryClient","invalidateQueries","queryKey","QUERY_KEYS","ASSETS_LIST"],"mappings":";;IAEaA,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAGC,WAAW,EAAA;EAAA,OACrDA,WAAW,CAACC,iBAAiB,CAAC;AAC5BC,IAAAA,QAAQ,EAAE,CAACC,UAAU,CAACC,WAAW;AACnC,GAAC,CAAC;AAAA;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-image-uploader-frontend",
-  "version": "2.3.11",
+  "version": "2.3.14",
   "license": "UNLICENSED",
   "bugs": {
     "url": "https://github.com/bigbinary/neeto-image-uploader-nano/issues"
@@ -57,40 +57,42 @@
     }
   },
   "devDependencies": {
-    "@babel/core": "^7.19.1",
-    "@babel/eslint-parser": "7.17.0",
-    "@babel/plugin-transform-runtime": "^7.19.1",
-    "@babel/preset-env": "7.17.10",
-    "@babel/preset-react": "7.16.7",
-    "@babel/preset-typescript": "^7.18.6",
-    "@babel/runtime": "7.19.0",
+    "@babel/core": "7.26.0",
+    "@babel/eslint-parser": "7.25.9",
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/plugin-transform-runtime": "7.25.9",
+    "@babel/preset-env": "7.26.0",
+    "@babel/preset-react": "7.25.9",
+    "@babel/preset-typescript": "7.26.0",
+    "@babel/runtime": "7.26.0",
     "@bigbinary/babel-preset-neeto": "^1.0.3",
-    "@bigbinary/eslint-plugin-neeto": "1.5.5",
-    "@bigbinary/neeto-cist": "1.0.13",
-    "@bigbinary/neeto-commons-frontend": "4.10.0",
-    "@bigbinary/neeto-editor": "1.43.12",
-    "@bigbinary/neeto-filters-frontend": "4.3.6",
-    "@bigbinary/neeto-icons": "1.20.10",
-    "@bigbinary/neeto-molecules": "3.7.30",
-    "@bigbinary/neeto-team-members-frontend": "4.4.3",
-    "@bigbinary/neetoui": "8.2.31",
+    "@bigbinary/eslint-plugin-neeto": "1.5.6",
+    "@bigbinary/neeto-cist": "1.0.14",
+    "@bigbinary/neeto-commons-frontend": "4.12.6",
+    "@bigbinary/neeto-editor": "1.43.28",
+    "@bigbinary/neeto-filters-frontend": "4.3.10",
+    "@bigbinary/neeto-icons": "1.20.21",
+    "@bigbinary/neeto-molecules": "3.13.9",
+    "@bigbinary/neeto-team-members-frontend": "4.4.8",
+    "@bigbinary/neetoui": "8.2.45",
     "@emotion/is-prop-valid": "1.2.0",
     "@faker-js/faker": "8.2.0",
-    "@honeybadger-io/js": "^6.4.1",
-    "@honeybadger-io/react": "^6.1.3",
+    "@honeybadger-io/js": "6.10.1",
+    "@honeybadger-io/react": "6.1.25",
     "@rails/activestorage": "7.0.8-3",
-    "@rollup/plugin-alias": "5.0.1",
+    "@rollup/plugin-alias": "5.1.1",
     "@rollup/plugin-babel": "6.0.4",
     "@rollup/plugin-commonjs": "25.0.7",
-    "@rollup/plugin-json": "6.0.1",
-    "@rollup/plugin-node-resolve": "15.2.3",
+    "@rollup/plugin-json": "6.1.0",
+    "@rollup/plugin-node-resolve": "15.3.0",
     "@rollup/plugin-replace": "5.0.4",
     "@svgr/rollup": "8.1.0",
-    "@tanstack/react-query": "5.40.0",
-    "antd": "5.16.0",
+    "@tailwindcss/container-queries": "^0.1.1",
+    "@tanstack/react-query": "5.59.20",
+    "antd": "5.22.0",
     "assert": "^2.0.0",
     "autoprefixer": "^10.4.5",
-    "axios": "1.7.4",
+    "axios": "1.7.7",
     "babel-loader": "^8.2.5",
     "babel-plugin-istanbul": "^6.1.1",
     "babel-plugin-js-logger": "1.0.17",
@@ -102,27 +104,27 @@
     "babel-preset-typescript": "^7.0.0-alpha.19",
     "browserify-zlib": "^0.2.0",
     "buffer": "^6.0.3",
-    "classnames": "2.3.1",
-    "crypto-browserify": "^3.12.0",
+    "classnames": "2.5.1",
+    "crypto-browserify": "3.12.1",
     "css-loader": "^6.7.1",
     "dompurify": "^2.4.0",
     "dotenv-webpack": "^8.0.1",
     "eslint": "8.14.0",
     "eslint-config-prettier": "8.5.0",
     "eslint-plugin-cypress": "2.12.1",
-    "eslint-plugin-import": "2.26.0",
+    "eslint-plugin-import": "2.31.0",
     "eslint-plugin-jam3": "0.2.3",
     "eslint-plugin-json": "3.1.0",
-    "eslint-plugin-no-unsanitized": "^4.0.2",
+    "eslint-plugin-no-unsanitized": "4.1.2",
     "eslint-plugin-prettier": "4.0.0",
     "eslint-plugin-promise": "6.0.0",
-    "eslint-plugin-react": "7.29.4",
+    "eslint-plugin-react": "7.37.2",
     "eslint-plugin-react-hooks": "4.5.0",
     "eslint-plugin-security": "^1.7.1",
     "eslint-plugin-sonarjs": "^0.21.0",
     "eslint-plugin-unused-imports": "2.0.0",
     "eslint-plugin-xss": "^0.1.12",
-    "formik": "2.2.9",
+    "formik": "2.4.6",
     "html-webpack-plugin": "5.5.0",
     "https-browserify": "1.0.0",
     "husky": "7.0.4",
@@ -136,7 +138,7 @@
     "os-browserify": "0.3.0",
     "path-browserify": "^1.0.1",
     "perf_hooks": "^0.0.1",
-    "postcss": "^8.4.31",
+    "postcss": "8.4.49",
     "postcss-import": "^15.0.0",
     "postcss-loader": "^7.0.1",
     "postcss-preset-env": "7.8.2",
@@ -147,7 +149,7 @@
     "ramda": "0.29.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-dropzone": "14.2.3",
+    "react-dropzone": "14.3.5",
     "react-helmet": "^6.1.0",
     "react-i18next": "12.3.1",
     "react-image-crop": "^10.0.9",
@@ -156,7 +158,7 @@
     "react-router-dom": "5.3.3",
     "react-toastify": "8.0.2",
     "react_ujs": "^3.1.1",
-    "rollup": "^4.24.0",
+    "rollup": "4.25.0",
     "rollup-plugin-analyzer": "4.0.0",
     "rollup-plugin-cleaner": "1.0.0",
     "rollup-plugin-copy": "3.5.0",
@@ -169,7 +171,7 @@
     "stream-browserify": "^3.0.0",
     "stream-http": "3.2.0",
     "style-loader": "^3.3.1",
-    "tailwindcss": "^3.4.1",
+    "tailwindcss": "3.4.14",
     "tty-browserify": "0.0.1",
     "url": "^0.11.0",
     "util": "^0.12.5",
@@ -182,26 +184,27 @@
     "zustand": "4.3.2"
   },
   "peerDependencies": {
-    "@babel/runtime": "7.19.0",
-    "@bigbinary/neeto-cist": "1.0.13",
-    "@bigbinary/neeto-commons-frontend": "4.10.0",
-    "@bigbinary/neeto-editor": "1.43.12",
-    "@bigbinary/neeto-filters-frontend": "4.3.6",
-    "@bigbinary/neeto-icons": "1.20.10",
-    "@bigbinary/neeto-molecules": "3.7.30",
-    "@bigbinary/neeto-team-members-frontend": "4.4.3",
-    "@bigbinary/neetoui": "8.2.31",
-    "@honeybadger-io/js": "^6.4.1",
-    "@honeybadger-io/react": "^6.1.3",
+    "@babel/runtime": "7.26.0",
+    "@bigbinary/neeto-cist": "1.0.14",
+    "@bigbinary/neeto-commons-frontend": "4.12.6",
+    "@bigbinary/neeto-editor": "1.43.28",
+    "@bigbinary/neeto-filters-frontend": "4.3.10",
+    "@bigbinary/neeto-icons": "1.20.21",
+    "@bigbinary/neeto-molecules": "3.13.9",
+    "@bigbinary/neeto-team-members-frontend": "4.4.8",
+    "@bigbinary/neetoui": "8.2.45",
+    "@honeybadger-io/js": "6.10.1",
+    "@honeybadger-io/react": "6.1.25",
     "@rails/activestorage": "7.0.8-3",
-    "@tanstack/react-query": "5.40.0",
-    "antd": "5.16.0",
-    "axios": "1.7.4",
+    "@tailwindcss/container-queries": "^0.1.1",
+    "@tanstack/react-query": "5.59.20",
+    "antd": "5.22.0",
+    "axios": "1.7.7",
     "buffer": "^6.0.3",
-    "classnames": "2.3.1",
-    "crypto-browserify": "^3.12.0",
+    "classnames": "2.5.1",
+    "crypto-browserify": "3.12.1",
     "dompurify": "^2.4.0",
-    "formik": "2.2.9",
+    "formik": "2.4.6",
     "https-browserify": "1.0.0",
     "i18next": "22.5.1",
     "js-logger": "1.6.1",
@@ -212,7 +215,7 @@
     "ramda": "0.29.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-dropzone": "14.2.3",
+    "react-dropzone": "14.3.5",
     "react-helmet": "^6.1.0",
     "react-i18next": "12.3.1",
     "react-query": "3.39.3",
@@ -221,7 +224,7 @@
     "source-map-loader": "4.0.1",
     "stream-browserify": "^3.0.0",
     "stream-http": "3.2.0",
-    "tailwindcss": "^3.4.1",
+    "tailwindcss": "3.4.14",
     "tty-browserify": "0.0.1",
     "url": "^0.11.0",
     "util": "^0.12.5",

package/types.d.ts

@@ -22,6 +22,7 @@ interface ImageUploaderProps {
     };
   };
   fixedAspectRatio?: { width: number; height: number };
+  defaultImageSize?: { height: number; width: number };
 }
 
 interface BasicImageUploaderProps {