@bigbinary/neeto-image-uploader-frontend 2.3.29 → 2.3.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/ImageUploader.js
CHANGED
|
@@ -1 +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 } 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 { isNilOrEmpty, 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 defaultImageSize = {},\n isDisabled = false,\n onDrop,\n isOptionsDisabled = false,\n}) => {\n const [isAssetLibraryOpen, setIsAssetLibraryOpen] = useState(false);\n const [image, setImage] = useState({ url: src });\n\n const { t } = useTranslation();\n\n const { mutateAsync: 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 = async 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 const response = await createBlob(payload, {});\n handleSuccess(response);\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\n className={classnames(className, {\n \"cursor-pointer\": true,\n \"cursor-not-allowed\": isDisabled,\n \"opacity-70\": isDisabled && isNilOrEmpty(image.url),\n })}\n >\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 {!isOptionsDisabled && (\n <Dropdown\n buttonSize=\"small\"\n buttonStyle=\"tertiary\"\n disabled={isDisabled}\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 )}\n </div>\n ) : (\n <ImageDirectUpload\n {...{ defaultImageSize, setImage, setIsAssetLibraryOpen }}\n isDisabled={isPresent(fixedAspectRatio)}\n isUploadDisabled={isDisabled}\n uploadConfig={uploadConfigWithDefaults}\n onDrop={onDrop || uploadFile}\n />\n )}\n <AssetLibrary\n {...{ defaultImageSize, 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","_ref$defaultImageSize","defaultImageSize","_ref$isDisabled","isDisabled","onDrop","_ref$isOptionsDisable","isOptionsDisabled","_useState","useState","_useState2","_slicedToArray","isAssetLibraryOpen","setIsAssetLibraryOpen","_useState3","url","_useState4","image","setImage","_useTranslation","useTranslation","t","_useCreateBlob","useCreateBlob","createBlob","mutateAsync","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","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","result","imageKitPayload","cloudFlarePayload","payload","response","wrap","_callee$","_context","prev","next","IS_DEVELOPMENT_OR_HEROKU_ENV","abrupt","name","byte_size","content_type","fileType","checksum","fileId","service_name","id","_objectSpread","constructCloudflareImageURL","variants","isCropped","sent","stop","_x","apply","arguments","_useImageUploader","useImageUploader","uploadFile","options","OPTION_KEYS","asset","label","onClick","remove","_jsxs","classnames","isNilOrEmpty","children","isNotNilOrEmpty","IMAGE_WRAPPER_CLASSNAME","_jsx","ImageWithFallback","buttonSize","buttonStyle","disabled","icon","MenuHorizontal","buttonProps","map","_ref3","otherProps","_objectWithoutProperties","_excluded","_createElement","Button","ImageDirectUpload","isPresent","isUploadDisabled","AssetLibrary","isOpen","onClose"],"mappings":"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"}
|
|
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 } 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 { isNilOrEmpty, 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 defaultImageSize = {},\n isDisabled = false,\n onDrop,\n isOptionsDisabled = false,\n}) => {\n const [isAssetLibraryOpen, setIsAssetLibraryOpen] = useState(false);\n const [image, setImage] = useState({ url: src });\n\n const { t } = useTranslation();\n\n const { mutateAsync: 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 id: attachedImage.id,\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 = async 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 const response = await createBlob(payload, {});\n handleSuccess(response);\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\n className={classnames(className, {\n \"cursor-pointer\": true,\n \"cursor-not-allowed\": isDisabled,\n \"opacity-70\": isDisabled && isNilOrEmpty(image.url),\n })}\n >\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 {!isOptionsDisabled && (\n <Dropdown\n buttonSize=\"small\"\n buttonStyle=\"tertiary\"\n disabled={isDisabled}\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 )}\n </div>\n ) : (\n <ImageDirectUpload\n {...{ defaultImageSize, setImage, setIsAssetLibraryOpen }}\n isDisabled={isPresent(fixedAspectRatio)}\n isUploadDisabled={isDisabled}\n uploadConfig={uploadConfigWithDefaults}\n onDrop={onDrop || uploadFile}\n />\n )}\n <AssetLibrary\n {...{ defaultImageSize, 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","_ref$defaultImageSize","defaultImageSize","_ref$isDisabled","isDisabled","onDrop","_ref$isOptionsDisable","isOptionsDisabled","_useState","useState","_useState2","_slicedToArray","isAssetLibraryOpen","setIsAssetLibraryOpen","_useState3","url","_useState4","image","setImage","_useTranslation","useTranslation","t","_useCreateBlob","useCreateBlob","createBlob","mutateAsync","uploadConfigWithDefaults","mergeRight","DEFAULT_UPLOAD_CONFIG","isCloudFlareImageUploader","globalProps","assetsUploaderService","CLOUD_FLARE","handleDelete","onChange","signedId","key","filename","size","type","file","handleSuccess","attachedImage","metadata","id","generateASCIIFileName","blobUrl","byteSize","contentType","handleImageSelectionFromLibrary","handleUploadComplete","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","result","imageKitPayload","cloudFlarePayload","payload","response","wrap","_callee$","_context","prev","next","IS_DEVELOPMENT_OR_HEROKU_ENV","abrupt","name","byte_size","content_type","fileType","checksum","fileId","service_name","_objectSpread","constructCloudflareImageURL","variants","isCropped","sent","stop","_x","apply","arguments","_useImageUploader","useImageUploader","uploadFile","options","OPTION_KEYS","asset","label","onClick","remove","_jsxs","classnames","isNilOrEmpty","children","isNotNilOrEmpty","IMAGE_WRAPPER_CLASSNAME","_jsx","ImageWithFallback","buttonSize","buttonStyle","disabled","icon","MenuHorizontal","buttonProps","map","_ref3","otherProps","_objectWithoutProperties","_excluded","_createElement","Button","ImageDirectUpload","isPresent","isUploadDisabled","AssetLibrary","isOpen","onClose"],"mappings":"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"}
|
|
@@ -99,6 +99,7 @@ var ImageUploader = function ImageUploader(_ref) {
|
|
|
99
99
|
url: attachedImage.metadata.url
|
|
100
100
|
}));
|
|
101
101
|
onChange({
|
|
102
|
+
id: attachedImage.id,
|
|
102
103
|
filename: useImageUploader.generateASCIIFileName(attachedImage.filename),
|
|
103
104
|
key: attachedImage.key,
|
|
104
105
|
url: attachedImage.blobUrl,
|
|
@@ -1 +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 } 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 { isNilOrEmpty, 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 defaultImageSize = {},\n isDisabled = false,\n onDrop,\n isOptionsDisabled = false,\n}) => {\n const [isAssetLibraryOpen, setIsAssetLibraryOpen] = useState(false);\n const [image, setImage] = useState({ url: src });\n\n const { t } = useTranslation();\n\n const { mutateAsync: 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 = async 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 const response = await createBlob(payload, {});\n handleSuccess(response);\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\n className={classnames(className, {\n \"cursor-pointer\": true,\n \"cursor-not-allowed\": isDisabled,\n \"opacity-70\": isDisabled && isNilOrEmpty(image.url),\n })}\n >\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 {!isOptionsDisabled && (\n <Dropdown\n buttonSize=\"small\"\n buttonStyle=\"tertiary\"\n disabled={isDisabled}\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 )}\n </div>\n ) : (\n <ImageDirectUpload\n {...{ defaultImageSize, setImage, setIsAssetLibraryOpen }}\n isDisabled={isPresent(fixedAspectRatio)}\n isUploadDisabled={isDisabled}\n uploadConfig={uploadConfigWithDefaults}\n onDrop={onDrop || uploadFile}\n />\n )}\n <AssetLibrary\n {...{ defaultImageSize, 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","_ref$defaultImageSize","defaultImageSize","_ref$isDisabled","isDisabled","onDrop","_ref$isOptionsDisable","isOptionsDisabled","_useState","useState","_useState2","_slicedToArray","isAssetLibraryOpen","setIsAssetLibraryOpen","_useState3","url","_useState4","image","setImage","_useTranslation","useTranslation","t","_useCreateBlob","useCreateBlob","createBlob","mutateAsync","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","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","result","imageKitPayload","cloudFlarePayload","payload","response","wrap","_callee$","_context","prev","next","IS_DEVELOPMENT_OR_HEROKU_ENV","abrupt","name","byte_size","content_type","fileType","checksum","fileId","service_name","id","_objectSpread","constructCloudflareImageURL","variants","isCropped","sent","stop","_x","apply","arguments","_useImageUploader","useImageUploader","uploadFile","options","OPTION_KEYS","asset","label","onClick","remove","_jsxs","classnames","isNilOrEmpty","children","isNotNilOrEmpty","IMAGE_WRAPPER_CLASSNAME","_jsx","ImageWithFallback","buttonSize","buttonStyle","disabled","icon","MenuHorizontal","buttonProps","map","_ref3","otherProps","_objectWithoutProperties","_excluded","_createElement","Button","ImageDirectUpload","isPresent","isUploadDisabled","AssetLibrary","isOpen","onClose"],"mappings":"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"}
|
|
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 } 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 { isNilOrEmpty, 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 defaultImageSize = {},\n isDisabled = false,\n onDrop,\n isOptionsDisabled = false,\n}) => {\n const [isAssetLibraryOpen, setIsAssetLibraryOpen] = useState(false);\n const [image, setImage] = useState({ url: src });\n\n const { t } = useTranslation();\n\n const { mutateAsync: 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 id: attachedImage.id,\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 = async 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 const response = await createBlob(payload, {});\n handleSuccess(response);\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\n className={classnames(className, {\n \"cursor-pointer\": true,\n \"cursor-not-allowed\": isDisabled,\n \"opacity-70\": isDisabled && isNilOrEmpty(image.url),\n })}\n >\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 {!isOptionsDisabled && (\n <Dropdown\n buttonSize=\"small\"\n buttonStyle=\"tertiary\"\n disabled={isDisabled}\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 )}\n </div>\n ) : (\n <ImageDirectUpload\n {...{ defaultImageSize, setImage, setIsAssetLibraryOpen }}\n isDisabled={isPresent(fixedAspectRatio)}\n isUploadDisabled={isDisabled}\n uploadConfig={uploadConfigWithDefaults}\n onDrop={onDrop || uploadFile}\n />\n )}\n <AssetLibrary\n {...{ defaultImageSize, 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","_ref$defaultImageSize","defaultImageSize","_ref$isDisabled","isDisabled","onDrop","_ref$isOptionsDisable","isOptionsDisabled","_useState","useState","_useState2","_slicedToArray","isAssetLibraryOpen","setIsAssetLibraryOpen","_useState3","url","_useState4","image","setImage","_useTranslation","useTranslation","t","_useCreateBlob","useCreateBlob","createBlob","mutateAsync","uploadConfigWithDefaults","mergeRight","DEFAULT_UPLOAD_CONFIG","isCloudFlareImageUploader","globalProps","assetsUploaderService","CLOUD_FLARE","handleDelete","onChange","signedId","key","filename","size","type","file","handleSuccess","attachedImage","metadata","id","generateASCIIFileName","blobUrl","byteSize","contentType","handleImageSelectionFromLibrary","handleUploadComplete","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","result","imageKitPayload","cloudFlarePayload","payload","response","wrap","_callee$","_context","prev","next","IS_DEVELOPMENT_OR_HEROKU_ENV","abrupt","name","byte_size","content_type","fileType","checksum","fileId","service_name","_objectSpread","constructCloudflareImageURL","variants","isCropped","sent","stop","_x","apply","arguments","_useImageUploader","useImageUploader","uploadFile","options","OPTION_KEYS","asset","label","onClick","remove","_jsxs","classnames","isNilOrEmpty","children","isNotNilOrEmpty","IMAGE_WRAPPER_CLASSNAME","_jsx","ImageWithFallback","buttonSize","buttonStyle","disabled","icon","MenuHorizontal","buttonProps","map","_ref3","otherProps","_objectWithoutProperties","_excluded","_createElement","Button","ImageDirectUpload","isPresent","isUploadDisabled","AssetLibrary","isOpen","onClose"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bigbinary/neeto-image-uploader-frontend",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.30",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"bugs": {
|
|
6
6
|
"url": "https://github.com/bigbinary/neeto-image-uploader-nano/issues"
|
|
@@ -66,15 +66,15 @@
|
|
|
66
66
|
"@babel/preset-typescript": "7.26.0",
|
|
67
67
|
"@babel/runtime": "7.26.10",
|
|
68
68
|
"@bigbinary/babel-preset-neeto": "^1.0.3",
|
|
69
|
-
"@bigbinary/eslint-plugin-neeto": "1.7.
|
|
69
|
+
"@bigbinary/eslint-plugin-neeto": "1.7.6",
|
|
70
70
|
"@bigbinary/neeto-cist": "1.0.17",
|
|
71
|
-
"@bigbinary/neeto-commons-frontend": "4.13.
|
|
72
|
-
"@bigbinary/neeto-editor": "1.47.
|
|
71
|
+
"@bigbinary/neeto-commons-frontend": "4.13.79",
|
|
72
|
+
"@bigbinary/neeto-editor": "1.47.62",
|
|
73
73
|
"@bigbinary/neeto-filters-frontend": "4.3.24",
|
|
74
|
-
"@bigbinary/neeto-icons": "1.20.
|
|
75
|
-
"@bigbinary/neeto-molecules": "4.0.
|
|
76
|
-
"@bigbinary/neeto-team-members-frontend": "4.6.
|
|
77
|
-
"@bigbinary/neetoui": "8.3.
|
|
74
|
+
"@bigbinary/neeto-icons": "1.20.61",
|
|
75
|
+
"@bigbinary/neeto-molecules": "4.0.81",
|
|
76
|
+
"@bigbinary/neeto-team-members-frontend": "4.6.12",
|
|
77
|
+
"@bigbinary/neetoui": "8.3.38",
|
|
78
78
|
"@emotion/is-prop-valid": "1.2.0",
|
|
79
79
|
"@faker-js/faker": "8.2.0",
|
|
80
80
|
"@honeybadger-io/js": "6.10.1",
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
"antd": "5.22.0",
|
|
93
93
|
"assert": "^2.0.0",
|
|
94
94
|
"autoprefixer": "^10.4.5",
|
|
95
|
-
"axios": "1.
|
|
95
|
+
"axios": "1.12.0",
|
|
96
96
|
"babel-loader": "^8.2.5",
|
|
97
97
|
"babel-plugin-istanbul": "^6.1.1",
|
|
98
98
|
"babel-plugin-js-logger": "1.0.17",
|
|
@@ -188,20 +188,20 @@
|
|
|
188
188
|
"peerDependencies": {
|
|
189
189
|
"@babel/runtime": "7.26.10",
|
|
190
190
|
"@bigbinary/neeto-cist": "1.0.17",
|
|
191
|
-
"@bigbinary/neeto-commons-frontend": "4.13.
|
|
192
|
-
"@bigbinary/neeto-editor": "1.47.
|
|
191
|
+
"@bigbinary/neeto-commons-frontend": "4.13.79",
|
|
192
|
+
"@bigbinary/neeto-editor": "1.47.62",
|
|
193
193
|
"@bigbinary/neeto-filters-frontend": "4.3.24",
|
|
194
|
-
"@bigbinary/neeto-icons": "1.20.
|
|
195
|
-
"@bigbinary/neeto-molecules": "4.0.
|
|
196
|
-
"@bigbinary/neeto-team-members-frontend": "4.6.
|
|
197
|
-
"@bigbinary/neetoui": "8.3.
|
|
194
|
+
"@bigbinary/neeto-icons": "1.20.61",
|
|
195
|
+
"@bigbinary/neeto-molecules": "4.0.81",
|
|
196
|
+
"@bigbinary/neeto-team-members-frontend": "4.6.12",
|
|
197
|
+
"@bigbinary/neetoui": "8.3.38",
|
|
198
198
|
"@honeybadger-io/js": "6.10.1",
|
|
199
199
|
"@honeybadger-io/react": "6.1.25",
|
|
200
200
|
"@rails/activestorage": "7.0.8-3",
|
|
201
201
|
"@tailwindcss/container-queries": "^0.1.1",
|
|
202
202
|
"@tanstack/react-query": "5.59.20",
|
|
203
203
|
"antd": "5.22.0",
|
|
204
|
-
"axios": "1.
|
|
204
|
+
"axios": "1.12.0",
|
|
205
205
|
"buffer": "^6.0.3",
|
|
206
206
|
"classnames": "2.5.1",
|
|
207
207
|
"crypto-browserify": "3.12.1",
|