@bigbinary/neeto-image-uploader-frontend 2.3.6 → 2.3.8

package/dist/cjs/ImageUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUploader.js","sources":["../../app/javascript/src/components/ImageUploader/index.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent, noop } from \"neetocist\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { MenuHorizontal } from \"neetoicons\";\nimport { Dropdown, Toastr } from \"neetoui\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ImageDirectUpload from \"components/common/ImageDirectUpload\";\nimport ImageWithFallback from \"components/common/ImageWithFallback\";\nimport { IMAGE_WRAPPER_CLASSNAME } from \"components/constants\";\nimport { isNotNilOrEmpty } from \"components/ImageEditor/utils\";\nimport AssetLibrary from \"components/Modal\";\nimport { useCreateBlob } from \"hooks/useDirectUploads\";\nimport useImageUploader from \"hooks/useImageUploader\";\nimport { generateASCIIFileName } from \"hooks/utils\";\nimport { CLOUD_FLARE, IS_DEVELOPMENT_OR_HEROKU_ENV } from \"src/constants\";\n\nimport { DEFAULT_UPLOAD_CONFIG, OPTION_KEYS } from \"./constants\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst ImageUploader = ({\n  onUploadComplete = noop,\n  className = \"\",\n  src = \"\",\n  uploadConfig = {},\n  fixedAspectRatio = {},\n}) => {\n  const [isAssetLibraryOpen, setIsAssetLibraryOpen] = useState(false);\n  const [image, setImage] = useState({ url: src });\n\n  const { t } = useTranslation();\n\n  const { mutate: createBlob } = useCreateBlob();\n\n  const uploadConfigWithDefaults = mergeRight(\n    DEFAULT_UPLOAD_CONFIG,\n    uploadConfig\n  );\n\n  const isCloudFlareImageUploader =\n    globalProps.assetsUploaderService === CLOUD_FLARE;\n\n  const handleDelete = () => {\n    setImage({});\n    onChange({\n      url: \"\",\n      signedId: \"\",\n      key: \"\",\n      filename: \"\",\n      size: \"\",\n      type: \"\",\n    });\n  };\n\n  const onChange = file => onUploadComplete(file);\n\n  const handleSuccess = attachedImage => {\n    setImage(mergeRight(image, { url: attachedImage.metadata.url }));\n    onChange({\n      filename: generateASCIIFileName(attachedImage.filename),\n      key: attachedImage.key,\n      url: attachedImage.blobUrl,\n      signedId: attachedImage.signedId,\n      size: attachedImage.byteSize,\n      type: attachedImage.contentType,\n    });\n  };\n\n  const handleImageSelectionFromLibrary = image => {\n    setImage(image);\n    onChange(image);\n  };\n\n  const handleUploadComplete = result => {\n    if (IS_DEVELOPMENT_OR_HEROKU_ENV) {\n      handleSuccess(mergeRight(result, { metadata: { url: result.url } }));\n\n      return;\n    }\n\n    const imageKitPayload = () => ({\n      filename: generateASCIIFileName(result.name),\n      byte_size: result.size,\n      content_type: result.fileType,\n      checksum: result.fileId,\n      metadata: result,\n      service_name: \"imagekitio\",\n    });\n\n    const cloudFlarePayload = () => ({\n      filename: generateASCIIFileName(result.filename),\n      content_type: result.contentType,\n      byte_size: result.byteSize,\n      checksum: result.id,\n      metadata: {\n        ...result.metadata,\n        url: result.variants[0],\n        isCropped: false,\n      },\n      service_name: \"cloudflare_image\",\n    });\n\n    const payload = isCloudFlareImageUploader\n      ? cloudFlarePayload()\n      : imageKitPayload();\n\n    createBlob(payload, {\n      onSuccess: handleSuccess,\n      onError: Toastr.error,\n    });\n  };\n\n  const { uploadFile } = useImageUploader({\n    onUploadComplete: handleUploadComplete,\n  });\n\n  const options = [\n    {\n      key: OPTION_KEYS.asset,\n      label: t(\"neetoImageUploader.imageUpload.imageLibrary\"),\n      onClick: () => setIsAssetLibraryOpen(true),\n      \"data-cy\": \"image-uploader-open-image-library-button\",\n    },\n    {\n      key: OPTION_KEYS.remove,\n      label: t(\"neetoImageUploader.imageUpload.remove\"),\n      onClick: handleDelete,\n      \"data-cy\": \"image-uploader-remove-button\",\n    },\n  ];\n\n  return (\n    <div className={classnames(className, { \"cursor-pointer\": true })}>\n      {isNotNilOrEmpty(image.url) ? (\n        <div\n          className={IMAGE_WRAPPER_CLASSNAME}\n          data-cy=\"image-uploader-wrapper\"\n        >\n          <ImageWithFallback\n            className=\"h-full w-full\"\n            data-cy=\"uploaded-image\"\n            src={image.url}\n          />\n          <Dropdown\n            buttonSize=\"small\"\n            buttonStyle=\"tertiary\"\n            icon={MenuHorizontal}\n            buttonProps={{\n              // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes\n              className: \"absolute right-3 top-3 rounded-full\",\n            }}\n          >\n            <Menu>\n              {options.map(({ key, label, ...otherProps }) => (\n                <MenuItem.Button {...otherProps} key={key}>\n                  {label}\n                </MenuItem.Button>\n              ))}\n            </Menu>\n          </Dropdown>\n        </div>\n      ) : (\n        <ImageDirectUpload\n          {...{ setIsAssetLibraryOpen }}\n          isDisabled={isPresent(fixedAspectRatio)}\n          uploadConfig={uploadConfigWithDefaults}\n          onDrop={uploadFile}\n        />\n      )}\n      <AssetLibrary\n        {...{ fixedAspectRatio }}\n        isOpen={isAssetLibraryOpen}\n        uploadConfig={uploadConfigWithDefaults}\n        onClose={() => setIsAssetLibraryOpen(false)}\n        onUploadComplete={handleImageSelectionFromLibrary}\n      />\n    </div>\n  );\n};\n\nexport default ImageUploader;\n"],"names":["Menu","Dropdown","MenuItem","ImageUploader","_ref","_ref$onUploadComplete","onUploadComplete","noop","_ref$className","className","_ref$src","src","_ref$uploadConfig","uploadConfig","_ref$fixedAspectRatio","fixedAspectRatio","_useState","useState","_useState2","_slicedToArray","isAssetLibraryOpen","setIsAssetLibraryOpen","_useState3","url","_useState4","image","setImage","_useTranslation","useTranslation","t","_useCreateBlob","useCreateBlob","createBlob","mutate","uploadConfigWithDefaults","mergeRight","DEFAULT_UPLOAD_CONFIG","isCloudFlareImageUploader","globalProps","assetsUploaderService","CLOUD_FLARE","handleDelete","onChange","signedId","key","filename","size","type","file","handleSuccess","attachedImage","metadata","generateASCIIFileName","blobUrl","byteSize","contentType","handleImageSelectionFromLibrary","handleUploadComplete","result","IS_DEVELOPMENT_OR_HEROKU_ENV","imageKitPayload","name","byte_size","content_type","fileType","checksum","fileId","service_name","cloudFlarePayload","id","_objectSpread","variants","isCropped","payload","onSuccess","onError","Toastr","error","_useImageUploader","useImageUploader","uploadFile","options","OPTION_KEYS","asset","label","onClick","remove","_jsxs","classnames","children","isNotNilOrEmpty","IMAGE_WRAPPER_CLASSNAME","_jsx","ImageWithFallback","buttonSize","buttonStyle","icon","MenuHorizontal","buttonProps","map","_ref2","otherProps","_objectWithoutProperties","_excluded","_createElement","Button","ImageDirectUpload","isDisabled","isPresent","onDrop","AssetLibrary","isOpen","onClose"],"mappings":"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"}
+{"version":3,"file":"ImageUploader.js","sources":["../../app/javascript/src/components/ImageUploader/index.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isPresent, noop } from \"neetocist\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { MenuHorizontal } from \"neetoicons\";\nimport { Dropdown, Toastr } from \"neetoui\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ImageDirectUpload from \"components/common/ImageDirectUpload\";\nimport ImageWithFallback from \"components/common/ImageWithFallback\";\nimport { IMAGE_WRAPPER_CLASSNAME } from \"components/constants\";\nimport { isNotNilOrEmpty } from \"components/ImageEditor/utils\";\nimport AssetLibrary from \"components/Modal\";\nimport { constructCloudflareImageURL } from \"components/utils\";\nimport { useCreateBlob } from \"hooks/useDirectUploads\";\nimport useImageUploader from \"hooks/useImageUploader\";\nimport { generateASCIIFileName } from \"hooks/utils\";\nimport { CLOUD_FLARE, IS_DEVELOPMENT_OR_HEROKU_ENV } from \"src/constants\";\n\nimport { DEFAULT_UPLOAD_CONFIG, OPTION_KEYS } from \"./constants\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst ImageUploader = ({\n  onUploadComplete = noop,\n  className = \"\",\n  src = \"\",\n  uploadConfig = {},\n  fixedAspectRatio = {},\n}) => {\n  const [isAssetLibraryOpen, setIsAssetLibraryOpen] = useState(false);\n  const [image, setImage] = useState({ url: src });\n\n  const { t } = useTranslation();\n\n  const { mutate: createBlob } = useCreateBlob();\n\n  const uploadConfigWithDefaults = mergeRight(\n    DEFAULT_UPLOAD_CONFIG,\n    uploadConfig\n  );\n\n  const isCloudFlareImageUploader =\n    globalProps.assetsUploaderService === CLOUD_FLARE;\n\n  const handleDelete = () => {\n    setImage({});\n    onChange({\n      url: \"\",\n      signedId: \"\",\n      key: \"\",\n      filename: \"\",\n      size: \"\",\n      type: \"\",\n    });\n  };\n\n  const onChange = file => onUploadComplete(file);\n\n  const handleSuccess = attachedImage => {\n    setImage(mergeRight(image, { url: attachedImage.metadata.url }));\n    onChange({\n      filename: generateASCIIFileName(attachedImage.filename),\n      key: attachedImage.key,\n      url: attachedImage.blobUrl,\n      signedId: attachedImage.signedId,\n      size: attachedImage.byteSize,\n      type: attachedImage.contentType,\n    });\n  };\n\n  const handleImageSelectionFromLibrary = image => {\n    setImage(image);\n    onChange(image);\n  };\n\n  const handleUploadComplete = result => {\n    if (IS_DEVELOPMENT_OR_HEROKU_ENV) {\n      handleSuccess(mergeRight(result, { metadata: { url: result.url } }));\n\n      return;\n    }\n\n    const imageKitPayload = () => ({\n      filename: generateASCIIFileName(result.name),\n      byte_size: result.size,\n      content_type: result.fileType,\n      checksum: result.fileId,\n      metadata: result,\n      service_name: \"imagekitio\",\n    });\n\n    const cloudFlarePayload = () => ({\n      filename: generateASCIIFileName(result.filename),\n      content_type: result.contentType,\n      byte_size: result.byteSize,\n      checksum: result.id,\n      metadata: {\n        ...result.metadata,\n        url: constructCloudflareImageURL(result.variants[0]),\n        isCropped: false,\n      },\n      service_name: \"cloudflare_image\",\n    });\n\n    const payload = isCloudFlareImageUploader\n      ? cloudFlarePayload()\n      : imageKitPayload();\n\n    createBlob(payload, {\n      onSuccess: handleSuccess,\n      onError: Toastr.error,\n    });\n  };\n\n  const { uploadFile } = useImageUploader({\n    onUploadComplete: handleUploadComplete,\n  });\n\n  const options = [\n    {\n      key: OPTION_KEYS.asset,\n      label: t(\"neetoImageUploader.imageUpload.imageLibrary\"),\n      onClick: () => setIsAssetLibraryOpen(true),\n      \"data-cy\": \"image-uploader-open-image-library-button\",\n    },\n    {\n      key: OPTION_KEYS.remove,\n      label: t(\"neetoImageUploader.imageUpload.remove\"),\n      onClick: handleDelete,\n      \"data-cy\": \"image-uploader-remove-button\",\n    },\n  ];\n\n  return (\n    <div className={classnames(className, { \"cursor-pointer\": true })}>\n      {isNotNilOrEmpty(image.url) ? (\n        <div\n          className={IMAGE_WRAPPER_CLASSNAME}\n          data-cy=\"image-uploader-wrapper\"\n        >\n          <ImageWithFallback\n            className=\"h-full w-full\"\n            data-cy=\"uploaded-image\"\n            src={image.url}\n          />\n          <Dropdown\n            buttonSize=\"small\"\n            buttonStyle=\"tertiary\"\n            icon={MenuHorizontal}\n            buttonProps={{\n              // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes\n              className: \"absolute right-3 top-3 rounded-full\",\n            }}\n          >\n            <Menu>\n              {options.map(({ key, label, ...otherProps }) => (\n                <MenuItem.Button {...otherProps} key={key}>\n                  {label}\n                </MenuItem.Button>\n              ))}\n            </Menu>\n          </Dropdown>\n        </div>\n      ) : (\n        <ImageDirectUpload\n          {...{ setIsAssetLibraryOpen }}\n          isDisabled={isPresent(fixedAspectRatio)}\n          uploadConfig={uploadConfigWithDefaults}\n          onDrop={uploadFile}\n        />\n      )}\n      <AssetLibrary\n        {...{ fixedAspectRatio }}\n        isOpen={isAssetLibraryOpen}\n        uploadConfig={uploadConfigWithDefaults}\n        onClose={() => setIsAssetLibraryOpen(false)}\n        onUploadComplete={handleImageSelectionFromLibrary}\n      />\n    </div>\n  );\n};\n\nexport default ImageUploader;\n"],"names":["Menu","Dropdown","MenuItem","ImageUploader","_ref","_ref$onUploadComplete","onUploadComplete","noop","_ref$className","className","_ref$src","src","_ref$uploadConfig","uploadConfig","_ref$fixedAspectRatio","fixedAspectRatio","_useState","useState","_useState2","_slicedToArray","isAssetLibraryOpen","setIsAssetLibraryOpen","_useState3","url","_useState4","image","setImage","_useTranslation","useTranslation","t","_useCreateBlob","useCreateBlob","createBlob","mutate","uploadConfigWithDefaults","mergeRight","DEFAULT_UPLOAD_CONFIG","isCloudFlareImageUploader","globalProps","assetsUploaderService","CLOUD_FLARE","handleDelete","onChange","signedId","key","filename","size","type","file","handleSuccess","attachedImage","metadata","generateASCIIFileName","blobUrl","byteSize","contentType","handleImageSelectionFromLibrary","handleUploadComplete","result","IS_DEVELOPMENT_OR_HEROKU_ENV","imageKitPayload","name","byte_size","content_type","fileType","checksum","fileId","service_name","cloudFlarePayload","id","_objectSpread","constructCloudflareImageURL","variants","isCropped","payload","onSuccess","onError","Toastr","error","_useImageUploader","useImageUploader","uploadFile","options","OPTION_KEYS","asset","label","onClick","remove","_jsxs","classnames","children","isNotNilOrEmpty","IMAGE_WRAPPER_CLASSNAME","_jsx","ImageWithFallback","buttonSize","buttonStyle","icon","MenuHorizontal","buttonProps","map","_ref2","otherProps","_objectWithoutProperties","_excluded","_createElement","Button","ImageDirectUpload","isDisabled","isPresent","onDrop","AssetLibrary","isOpen","onClose"],"mappings":"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"}

package/dist/cjs/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var BasicImageUploader = require('./BasicImageUploader.js');
 var ImageUploader = require('./ImageUploader.js');
-var AssetLibrary = require('./AssetLibrary.js');
+var AssetLibrary = require('../index-14b217c0.js');
 var useProfileImageUpload = require('../useProfileImageUpload-69bf6ee9.js');
 var useImageUploader = require('../useImageUploader-3de58fe2.js');
 var utils = require('./utils.js');
@@ -14,8 +14,9 @@ require('classnames');
 require('@bigbinary/neeto-cist');
 require('@bigbinary/neeto-icons/Delete');
 require('@bigbinary/neetoui/Button');
-require('../ImageWithFallback-edf8eba8.js');
+require('../ImageWithFallback-1ddf3f25.js');
 require('@bigbinary/neetoui/Typography');
+require('@bigbinary/neetoui/ProgressBar');
 require('ramda');
 require('react-i18next');
 require('../utils-ede1695e.js');
@@ -50,7 +51,7 @@ require('@rails/activestorage');
 
 exports.BasicImageUploader = BasicImageUploader;
 exports.ImageUploader = ImageUploader;
-exports.AssetLibrary = AssetLibrary;
+exports.AssetLibrary = AssetLibrary.Modal;
 exports.useImageUpload = useProfileImageUpload.useImageUpload;
 exports.useProfileImageUpload = useProfileImageUpload.useProfileImageUpload;
 exports.useImageUploader = useImageUploader.useImageUploader;

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}