@bigbinary/neeto-image-uploader-frontend 4.0.11 → 4.0.12
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/.ready +1 -1
- package/dist/AssetLibrary.js +10 -10
- package/dist/BasicImageUploader.js +4 -4
- package/dist/ImageForm.js +8 -8
- package/dist/ImageUploader.js +8 -8
- package/dist/cjs/AssetLibrary.js +10 -10
- package/dist/cjs/BasicImageUploader.js +4 -4
- package/dist/cjs/ImageForm.js +8 -8
- package/dist/cjs/ImageUploader.js +8 -8
- package/dist/cjs/hooks.js +5 -4
- package/dist/cjs/hooks.js.map +1 -1
- package/dist/cjs/index.js +9 -9
- package/dist/cjs/v2/AssetLibrary.js +9 -10
- package/dist/cjs/v2/AssetLibrary.js.map +1 -1
- package/dist/cjs/v2/BasicImageUploader.js +2 -4
- package/dist/cjs/v2/BasicImageUploader.js.map +1 -1
- package/dist/cjs/v2/ImageForm.js +8 -9
- package/dist/cjs/v2/ImageForm.js.map +1 -1
- package/dist/cjs/v2/ImageUploader.js +8 -9
- package/dist/cjs/v2/ImageUploader.js.map +1 -1
- package/dist/cjs/v2/hooks.js +20 -476
- package/dist/cjs/v2/hooks.js.map +1 -1
- package/dist/cjs/v2/index.js +9 -10
- package/dist/cjs/v2/index.js.map +1 -1
- package/dist/constants-BF4SgnWe.js +12 -0
- package/dist/constants-BF4SgnWe.js.map +1 -0
- package/dist/{constants-BVxeajuh.js → constants-D8YY7aVx.js} +2 -2
- package/dist/{constants-BVxeajuh.js.map → constants-D8YY7aVx.js.map} +1 -1
- package/dist/constants-Dos-Y7GC.js +15 -0
- package/dist/constants-Dos-Y7GC.js.map +1 -0
- package/dist/{constants-BJsrtAQc.js → constants-rSdnoUWv.js} +2 -2
- package/dist/{constants-BJsrtAQc.js.map → constants-rSdnoUWv.js.map} +1 -1
- package/dist/hooks.js +5 -4
- package/dist/hooks.js.map +1 -1
- package/dist/{imagekit.esm-Bps9lPzh.js → imagekit.esm-Wbu4ABaW.js} +2 -12
- package/dist/imagekit.esm-Wbu4ABaW.js.map +1 -0
- package/dist/{imagekit.esm-BOkeWsyX.js → imagekit.esm-ZYrS-YIL.js} +1 -13
- package/dist/imagekit.esm-ZYrS-YIL.js.map +1 -0
- package/dist/{index-YZ7Lhfkg.js → index-BFPek9ek.js} +7 -8
- package/dist/{index-7XBgPy09.js.map → index-BFPek9ek.js.map} +1 -1
- package/dist/{index-7XBgPy09.js → index-CbRMVeis.js} +8 -9
- package/dist/{index-YZ7Lhfkg.js.map → index-CbRMVeis.js.map} +1 -1
- package/dist/{index-DfxvM32h.js → index-e471xvRu.js} +6 -7
- package/dist/index-e471xvRu.js.map +1 -0
- package/dist/{index-PE1rZoJJ.js → index-q56JLh5J.js} +7 -8
- package/dist/index-q56JLh5J.js.map +1 -0
- package/dist/index.js +9 -9
- package/dist/{useImageUploader-CHyjhRSo.js → useImageUploader-BsSpqUky.js} +4 -3
- package/dist/useImageUploader-BsSpqUky.js.map +1 -0
- package/dist/{useImageUploader-sa1Apcxi.js → useImageUploader-J3bippyP.js} +6 -5
- package/dist/useImageUploader-J3bippyP.js.map +1 -0
- package/dist/useImageUploader-TOt_v6Rn.js +225 -0
- package/dist/useImageUploader-TOt_v6Rn.js.map +1 -0
- package/dist/useImageUploader-uFdwIcWA.js +223 -0
- package/dist/useImageUploader-uFdwIcWA.js.map +1 -0
- package/dist/useProfileImageUpload-BZb8Cttj.js +272 -0
- package/dist/useProfileImageUpload-BZb8Cttj.js.map +1 -0
- package/dist/{useProfileImageUpload-C7ealrbB.js → useProfileImageUpload-CeIh1MMh.js} +3 -3
- package/dist/{useProfileImageUpload-C7ealrbB.js.map → useProfileImageUpload-CeIh1MMh.js.map} +1 -1
- package/dist/{useProfileImageUpload-BM3MsePR.js → useProfileImageUpload-D5doE-yM.js} +3 -3
- package/dist/{useProfileImageUpload-BM3MsePR.js.map → useProfileImageUpload-D5doE-yM.js.map} +1 -1
- package/dist/useProfileImageUpload-YeoM7k6I.js +269 -0
- package/dist/useProfileImageUpload-YeoM7k6I.js.map +1 -0
- package/dist/{useUnsplashApi-2sRCzI6B.js → useUnsplashApi-BLygxRcf.js} +3 -3
- package/dist/{useUnsplashApi-2sRCzI6B.js.map → useUnsplashApi-BLygxRcf.js.map} +1 -1
- package/dist/{useUnsplashApi-okMiRC9G.js → useUnsplashApi-Dl6ZdUSP.js} +3 -3
- package/dist/{useUnsplashApi-okMiRC9G.js.map → useUnsplashApi-Dl6ZdUSP.js.map} +1 -1
- package/dist/{utils-adgVs86v.js → utils-BkIHGr19.js} +57 -5
- package/dist/utils-BkIHGr19.js.map +1 -0
- package/dist/{utils-CDFlFfgu.js → utils-BuYOlqCV.js} +62 -13
- package/dist/utils-BuYOlqCV.js.map +1 -0
- package/dist/{utils-kGoo6Gnk.js → utils-C-_hvapN.js} +57 -6
- package/dist/utils-C-_hvapN.js.map +1 -0
- package/dist/{utils-DbfNL99D.js → utils-DQSN1LLd.js} +2 -2
- package/dist/{utils-DbfNL99D.js.map → utils-DQSN1LLd.js.map} +1 -1
- package/dist/{utils-KinCgQeq.js → utils-Dshsishe.js} +2 -2
- package/dist/{utils-KinCgQeq.js.map → utils-Dshsishe.js.map} +1 -1
- package/dist/{utils-B9Wu-jti.js → utils-gOguzq7u.js} +64 -16
- package/dist/utils-gOguzq7u.js.map +1 -0
- package/dist/v2/AssetLibrary.js +9 -10
- package/dist/v2/AssetLibrary.js.map +1 -1
- package/dist/v2/BasicImageUploader.js +2 -4
- package/dist/v2/BasicImageUploader.js.map +1 -1
- package/dist/v2/ImageForm.js +8 -9
- package/dist/v2/ImageForm.js.map +1 -1
- package/dist/v2/ImageUploader.js +8 -9
- package/dist/v2/ImageUploader.js.map +1 -1
- package/dist/v2/hooks.js +17 -477
- package/dist/v2/hooks.js.map +1 -1
- package/dist/v2/index.js +9 -10
- package/dist/v2/index.js.map +1 -1
- package/package.json +5 -5
- package/dist/imagekit.esm-BOkeWsyX.js.map +0 -1
- package/dist/imagekit.esm-Bps9lPzh.js.map +0 -1
- package/dist/index-DfxvM32h.js.map +0 -1
- package/dist/index-PE1rZoJJ.js.map +0 -1
- package/dist/useImageUploader-CHyjhRSo.js.map +0 -1
- package/dist/useImageUploader-sa1Apcxi.js.map +0 -1
- package/dist/useUploadDropzone-CTwUeaY1.js +0 -57
- package/dist/useUploadDropzone-CTwUeaY1.js.map +0 -1
- package/dist/useUploadDropzone-I7mlv7Zx.js +0 -59
- package/dist/useUploadDropzone-I7mlv7Zx.js.map +0 -1
- package/dist/utils-B9Wu-jti.js.map +0 -1
- package/dist/utils-CDFlFfgu.js.map +0 -1
- package/dist/utils-adgVs86v.js.map +0 -1
- package/dist/utils-kGoo6Gnk.js.map +0 -1
|
@@ -1,15 +1,71 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import { forwardRef, useImperativeHandle } from 'react';
|
|
3
|
-
import { Progress, Typography, Button } from '@bigbinary/neeto-atoms';
|
|
2
|
+
import { useState, forwardRef, useImperativeHandle } from 'react';
|
|
3
|
+
import { Toastr, Progress, Typography, Button } from '@bigbinary/neeto-atoms';
|
|
4
4
|
import classnames from 'classnames';
|
|
5
|
-
import {
|
|
5
|
+
import { noop, isPresent } from '@bigbinary/neeto-cist';
|
|
6
6
|
import { pipe, values, flatten, map, toUpper, join, equals, isNil, isEmpty } from 'ramda';
|
|
7
7
|
import { Trans } from 'react-i18next';
|
|
8
|
-
import
|
|
9
|
-
import {
|
|
8
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
9
|
+
import { useDropzone } from 'react-dropzone';
|
|
10
10
|
import i18next, { t } from 'i18next';
|
|
11
|
+
import { globalProps } from '@bigbinary/neeto-commons-frontend/v2/initializers';
|
|
11
12
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
12
|
-
import { C as CLOUD_FLARE,
|
|
13
|
+
import { C as CLOUD_FLARE, b as IMAGE_UPLOADER_BASE_URL, I as IS_DEVELOPMENT_OR_HEROKU_ENV, a as ImageKit } from './imagekit.esm-Wbu4ABaW.js';
|
|
14
|
+
|
|
15
|
+
var DROPZONE_ROOT_DIV_CLASSNAME = "border-primary hover:bg-muted 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 relative";
|
|
16
|
+
var FILE_ERRORS = {
|
|
17
|
+
"file-invalid-type": t("neetoImageUploader.imageUpload.fileTypeError"),
|
|
18
|
+
"file-too-large": t("neetoImageUploader.imageUpload.fileSizeError"),
|
|
19
|
+
"file-dimension-too-large": t("neetoImageUploader.imageUpload.fileDimensionError"),
|
|
20
|
+
"file-resolution-too-large": t("neetoImageUploader.imageUpload.fileResolutionError")
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
var handleDropRejected = function handleDropRejected(fileRejections) {
|
|
24
|
+
fileRejections.map(function (_ref) {
|
|
25
|
+
var errors = _ref.errors;
|
|
26
|
+
return errors.map(function (_ref2) {
|
|
27
|
+
var code = _ref2.code;
|
|
28
|
+
return Toastr.error(FILE_ERRORS[code] || t("neetoImageUploader.imageUpload.genericError"));
|
|
29
|
+
});
|
|
30
|
+
});
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
var useUploadDropzone = function useUploadDropzone(_ref) {
|
|
34
|
+
var _ref$uploadConfig = _ref.uploadConfig,
|
|
35
|
+
uploadConfig = _ref$uploadConfig === void 0 ? {
|
|
36
|
+
allowedImageTypes: [],
|
|
37
|
+
maxImageSize: 0
|
|
38
|
+
} : _ref$uploadConfig,
|
|
39
|
+
_onDrop = _ref.onDrop,
|
|
40
|
+
_ref$setImage = _ref.setImage,
|
|
41
|
+
setImage = _ref$setImage === void 0 ? noop : _ref$setImage;
|
|
42
|
+
var _useState = useState(0),
|
|
43
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
44
|
+
uploadProgress = _useState2[0],
|
|
45
|
+
setUploadProgress = _useState2[1];
|
|
46
|
+
var _useDropzone = useDropzone({
|
|
47
|
+
onDrop: function onDrop(acceptedFiles) {
|
|
48
|
+
return _onDrop(acceptedFiles[0], setUploadProgress, setImage);
|
|
49
|
+
},
|
|
50
|
+
accept: uploadConfig === null || uploadConfig === void 0 ? void 0 : uploadConfig.allowedImageTypes,
|
|
51
|
+
multiple: false,
|
|
52
|
+
maxSize: uploadConfig.maxImageSize * 1048576,
|
|
53
|
+
onDropRejected: handleDropRejected,
|
|
54
|
+
noDragEventsBubbling: true
|
|
55
|
+
}),
|
|
56
|
+
getRootProps = _useDropzone.getRootProps,
|
|
57
|
+
getInputProps = _useDropzone.getInputProps,
|
|
58
|
+
isDragActive = _useDropzone.isDragActive,
|
|
59
|
+
open = _useDropzone.open;
|
|
60
|
+
return {
|
|
61
|
+
getRootProps: getRootProps,
|
|
62
|
+
getInputProps: getInputProps,
|
|
63
|
+
isDragActive: isDragActive,
|
|
64
|
+
open: open,
|
|
65
|
+
uploadProgress: uploadProgress,
|
|
66
|
+
setUploadProgress: setUploadProgress
|
|
67
|
+
};
|
|
68
|
+
};
|
|
13
69
|
|
|
14
70
|
var DEFAULT_ALLOWED_IMAGE_TYPES = {
|
|
15
71
|
"image/png": [".png"],
|
|
@@ -32,14 +88,6 @@ var getAllowedTypes = function getAllowedTypes(uploadConfig) {
|
|
|
32
88
|
}), map(toUpper), join(", "))(uploadConfig.allowedImageTypes);
|
|
33
89
|
};
|
|
34
90
|
|
|
35
|
-
var DROPZONE_ROOT_DIV_CLASSNAME = "border-primary hover:bg-muted 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 relative";
|
|
36
|
-
({
|
|
37
|
-
"file-invalid-type": t("neetoImageUploader.imageUpload.fileTypeError"),
|
|
38
|
-
"file-too-large": t("neetoImageUploader.imageUpload.fileSizeError"),
|
|
39
|
-
"file-dimension-too-large": t("neetoImageUploader.imageUpload.fileDimensionError"),
|
|
40
|
-
"file-resolution-too-large": t("neetoImageUploader.imageUpload.fileResolutionError")
|
|
41
|
-
});
|
|
42
|
-
|
|
43
91
|
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; }
|
|
44
92
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
45
93
|
var ImageDirectUpload = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
@@ -401,5 +449,5 @@ var getWrapperRefStyles = function getWrapperRefStyles(wrapperRef, imageRef) {
|
|
|
401
449
|
};
|
|
402
450
|
};
|
|
403
451
|
|
|
404
|
-
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, getWrapperRefStyles as k, isItemsCenter as l, getCloudFlareCroppedURL as m, getImageKitCroppedURL as n, getCropValues as o, INFINITE_SCROLLER_STYLE as p, INFINITE_SCROLLER_SIZES as q, IMAGES_PER_PAGE as r, ASSETS_FETCH_URL as s, UNSPLASH_DEFAULT_REQUEST_CONFIG as t,
|
|
405
|
-
//# sourceMappingURL=utils-
|
|
452
|
+
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, getWrapperRefStyles as k, isItemsCenter as l, getCloudFlareCroppedURL as m, getImageKitCroppedURL as n, getCropValues as o, INFINITE_SCROLLER_STYLE as p, INFINITE_SCROLLER_SIZES as q, IMAGES_PER_PAGE as r, ASSETS_FETCH_URL as s, UNSPLASH_DEFAULT_REQUEST_CONFIG as t, useUploadDropzone as u, UNSPLASH_URL as v };
|
|
453
|
+
//# sourceMappingURL=utils-gOguzq7u.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils-gOguzq7u.js","sources":["../app/javascript/src/v2/components/common/constants.js","../app/javascript/src/v2/components/common/utils.js","../app/javascript/src/v2/hooks/useUploadDropzone.js","../app/javascript/src/v2/components/ImageUploader/constants.js","../app/javascript/src/v2/components/ImageUploader/utils.js","../app/javascript/src/v2/components/common/ImageDirectUpload.jsx","../app/javascript/src/v2/components/constants.js","../app/javascript/src/v2/components/ImageEditor/utils.js"],"sourcesContent":["import { t } from \"i18next\";\n\nexport const DROPZONE_ROOT_DIV_CLASSNAME =\n \"border-primary hover:bg-muted 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 relative\";\n\nexport const FILE_ERRORS = {\n \"file-invalid-type\": t(\"neetoImageUploader.imageUpload.fileTypeError\"),\n \"file-too-large\": t(\"neetoImageUploader.imageUpload.fileSizeError\"),\n \"file-dimension-too-large\": t(\n \"neetoImageUploader.imageUpload.fileDimensionError\"\n ),\n \"file-resolution-too-large\": t(\n \"neetoImageUploader.imageUpload.fileResolutionError\"\n ),\n};\n","import { Toastr } from \"@bigbinary/neeto-atoms\";\nimport { t } from \"i18next\";\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 { noop } from \"neetocist\";\nimport { useDropzone } from \"react-dropzone\";\n\nimport { handleDropRejected } from \"v2/components/common/utils\";\n\nconst useUploadDropzone = ({\n uploadConfig = { allowedImageTypes: [], maxImageSize: 0 },\n onDrop,\n setImage = noop,\n}) => {\n const [uploadProgress, setUploadProgress] = useState(0);\n\n const { getRootProps, getInputProps, isDragActive, open } = useDropzone({\n onDrop: acceptedFiles =>\n onDrop(acceptedFiles[0], setUploadProgress, setImage),\n accept: uploadConfig?.allowedImageTypes,\n multiple: false,\n maxSize: uploadConfig.maxImageSize * 1_048_576,\n onDropRejected: handleDropRejected,\n noDragEventsBubbling: true,\n });\n\n return {\n getRootProps,\n getInputProps,\n isDragActive,\n open,\n uploadProgress,\n setUploadProgress,\n };\n};\n\nexport default useUploadDropzone;\n","import { globalProps } from \"neetocommons/v2/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 { forwardRef, useImperativeHandle } from \"react\";\n\nimport { Button, Progress, Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { noop, isPresent } from \"neetocist\";\nimport { equals } from \"ramda\";\nimport { Trans } from \"react-i18next\";\n\nimport useUploadDropzone from \"v2/hooks/useUploadDropzone\";\nimport { DEFAULT_UPLOAD_CONFIG } from \"v2/components/ImageUploader/constants\";\nimport { getAllowedTypes } from \"v2/components/ImageUploader/utils\";\n\nimport { DROPZONE_ROOT_DIV_CLASSNAME } from \"./constants\";\n\nconst ImageDirectUpload = forwardRef(\n (\n {\n uploadConfig = DEFAULT_UPLOAD_CONFIG,\n onDrop = noop,\n isDisabled = false,\n setIsAssetLibraryOpen,\n defaultImageSize = {},\n isUploadDisabled = false,\n setImage,\n },\n ref\n ) => {\n const {\n getRootProps,\n getInputProps,\n isDragActive,\n open,\n uploadProgress,\n setUploadProgress,\n } = useUploadDropzone({ uploadConfig, onDrop, setImage });\n\n useImperativeHandle(ref, () => ({\n upload: file => onDrop(file, setUploadProgress, setImage),\n }));\n\n const shouldShowProgress = !!(uploadProgress && !equals(uploadProgress, 1));\n\n return (\n <div\n {...getRootProps()}\n className={classnames(DROPZONE_ROOT_DIV_CLASSNAME, {\n \"border-border\": !isDragActive,\n \"border-foreground\": isDragActive,\n })}\n >\n {shouldShowProgress ? (\n <Progress\n progressValue={`${uploadProgress}%`}\n value={uploadProgress}\n />\n ) : (\n <div className=\"flex flex-col space-y-1\">\n {!isDisabled && (\n <Typography\n className=\"text-center leading-4\"\n color=\"default\"\n variant=\"body2\"\n >\n <Trans\n i18nKey=\"neetoImageUploader.imageUpload.dragAndDropOrBrowseFile\"\n components={{\n span: (\n <Button\n data-testid=\"neeto-image-uploader-browse-text\"\n variant=\"link\"\n onClick={event => {\n event.stopPropagation();\n open();\n }}\n />\n ),\n }}\n />\n </Typography>\n )}\n {setIsAssetLibraryOpen && (\n <Typography\n variant=\"body2\"\n className={classnames(\"text-center leading-4\", {\n \"pointer-events-none\": isUploadDisabled,\n })}\n onClick={e => {\n e.stopPropagation();\n setIsAssetLibraryOpen(true);\n }}\n >\n <Trans\n i18nKey=\"neetoImageUploader.imageUpload.upload\"\n components={{\n span: (\n <Button\n data-testid=\"open-asset-library-button\"\n variant=\"link\"\n />\n ),\n }}\n />\n </Typography>\n )}\n <input\n {...getInputProps()}\n data-testid=\"neeto-image-uploader-file-input\"\n disabled={isDisabled || isUploadDisabled}\n />\n <Typography\n className=\"text-center leading-4\"\n color=\"muted\"\n data-testid=\"neeto-image-uploader-restriction-message\"\n variant=\"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=\"text-center leading-4\"\n color=\"muted\"\n data-testid=\"neeto-image-uploader-ideal-image-size-info-text\"\n variant=\"nano\"\n >\n <Trans\n i18nKey=\"neetoImageUploader.imageUpload.idealImageSizeInfo\"\n values={{ ...defaultImageSize }}\n />\n </Typography>\n )}\n </div>\n )}\n </div>\n );\n }\n);\n\nImageDirectUpload.displayName = \"ImageDirectUpload\";\n\nexport default ImageDirectUpload;\n","import i18next from \"i18next\";\nimport { globalProps } from \"neetocommons/v2/initializers\";\n\nimport {\n IMAGE_UPLOADER_BASE_URL,\n CLOUD_FLARE,\n IS_DEVELOPMENT_OR_HEROKU_ENV,\n} 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 dataTestid: \"neeto-image-uploader-upload-image-tab\",\n },\n {\n label: i18next.t(\"neetoImageUploader.labels.myImages\"),\n key: \"images\",\n dataTestid: \"neeto-image-uploader-my-images-tab\",\n },\n {\n label: i18next.t(\"neetoImageUploader.labels.searchTheWeb\"),\n key: \"unsplash\",\n dataTestid: \"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 ? `${IMAGE_UPLOADER_BASE_URL}/cloudflare_images`\n : `${IMAGE_UPLOADER_BASE_URL}/imagekit/fetch`;\n\nexport const ASSETS_FETCH_URL = IS_DEVELOPMENT_OR_HEROKU_ENV\n ? `${IMAGE_UPLOADER_BASE_URL}/development/fetch`\n : IMAGE_UPLOAD_SERVICE_URL;\n\nexport const ASSETS_DESTROY_URL = IS_DEVELOPMENT_OR_HEROKU_ENV\n ? `${IMAGE_UPLOADER_BASE_URL}/development/bulk_destroy`\n : `${IMAGE_UPLOADER_BASE_URL}/imagekit/bulk_destroy`;\n\nexport const IMAGE_WRAPPER_CLASSNAME =\n \"border-border bg-muted hover:bg-muted/80 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/v2/initializers\";\nimport { isEmpty, isNil } from \"ramda\";\n\nconst getWholeNumberAspectRatio = ({ width, height }) => {\n if (width === height) return { width: 1, height: 1 };\n\n const gcd = (a, b) => (b === 0 ? a : gcd(b, a % b));\n\n // Multiplying by 1000 is a temporary fix to prevent height and width with fractions (eg: 100.91).\n const divisor = gcd(width * 1000, height * 1000);\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\nexport const getWrapperRefStyles = (wrapperRef, imageRef) => {\n const { naturalHeight = 100, naturalWidth = 100 } = imageRef.current || {};\n const { clientHeight = 100, clientWidth = 100 } = wrapperRef.current || {};\n\n if (naturalWidth <= clientWidth && naturalHeight <= clientHeight) {\n return { maxWidth: naturalWidth };\n } else if (naturalWidth > clientWidth && naturalHeight <= clientHeight) {\n return { maxWidth: clientWidth };\n } else if (naturalWidth <= clientWidth && naturalHeight > clientHeight) {\n const maxWidth = (naturalWidth / naturalHeight) * clientHeight;\n\n return { maxWidth };\n }\n\n // landscape\n if (naturalWidth > naturalHeight) {\n return { maxWidth: clientWidth };\n }\n\n // portrait\n const maxWidth = (naturalWidth / naturalHeight) * clientHeight;\n\n return { maxWidth };\n};\n"],"names":["DROPZONE_ROOT_DIV_CLASSNAME","FILE_ERRORS","t","handleDropRejected","fileRejections","map","_ref","errors","_ref2","code","Toastr","error","useUploadDropzone","_ref$uploadConfig","uploadConfig","allowedImageTypes","maxImageSize","onDrop","_ref$setImage","setImage","noop","_useState","useState","_useState2","_slicedToArray","uploadProgress","setUploadProgress","_useDropzone","useDropzone","acceptedFiles","accept","multiple","maxSize","onDropRejected","noDragEventsBubbling","getRootProps","getInputProps","isDragActive","open","DEFAULT_ALLOWED_IMAGE_TYPES","DEFAULT_UPLOAD_CONFIG","globalProps","endUserUploadedFileSizeLimitInMb","OPTION_KEYS","asset","remove","getAllowedTypes","pipe","values","flatten","extension","slice","toUpper","join","ImageDirectUpload","forwardRef","ref","_ref$onDrop","_ref$isDisabled","isDisabled","setIsAssetLibraryOpen","_ref$defaultImageSize","defaultImageSize","_ref$isUploadDisabled","isUploadDisabled","_useUploadDropzone","useImperativeHandle","upload","file","shouldShowProgress","equals","_jsx","_objectSpread","className","classnames","children","Progress","progressValue","concat","value","_jsxs","Typography","color","variant","Trans","i18nKey","components","span","Button","onClick","event","stopPropagation","e","disabled","fileTypes","size","isPresent","displayName","UNSPLASH_DEFAULT_NAME","UNSPLASH_URL","IMAGES_PER_PAGE","UNSPLASH_DEFAULT_REQUEST_CONFIG","headers","responseType","TABS","label","i18next","key","dataTestid","DEFAULT_CROP_CONFIG","unit","height","width","x","y","INFINITE_SCROLLER_SIZES","columns","gutter","mq","INFINITE_SCROLLER_STYLE","IMAGE_UPLOAD_SERVICE_URL","assetsUploaderService","CLOUD_FLARE","IMAGE_UPLOADER_BASE_URL","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","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","getWrapperRefStyles","_ref10","_ref10$naturalHeight","_ref10$naturalWidth","_ref11","_ref11$clientHeight","_ref11$clientWidth","clientWidth","maxWidth"],"mappings":"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"}
|
package/dist/v2/AssetLibrary.js
CHANGED
|
@@ -6,12 +6,11 @@ import '@bigbinary/neeto-cist';
|
|
|
6
6
|
import '@bigbinary/neeto-commons-frontend/v2/initializers';
|
|
7
7
|
import 'ramda';
|
|
8
8
|
import 'react-i18next';
|
|
9
|
-
import '../utils-
|
|
10
|
-
import '../useImageUploader-
|
|
11
|
-
import '../
|
|
12
|
-
import '../imagekit.esm-
|
|
13
|
-
export { M as default } from '../index-
|
|
14
|
-
import '../utils-B9Wu-jti.js';
|
|
9
|
+
import '../utils-DQSN1LLd.js';
|
|
10
|
+
import '../useImageUploader-uFdwIcWA.js';
|
|
11
|
+
import '../utils-gOguzq7u.js';
|
|
12
|
+
import '../imagekit.esm-Wbu4ABaW.js';
|
|
13
|
+
export { M as default } from '../index-e471xvRu.js';
|
|
15
14
|
import 'react/jsx-runtime';
|
|
16
15
|
import '@tanstack/react-query';
|
|
17
16
|
import '@bigbinary/neeto-commons-frontend/react-utils';
|
|
@@ -22,11 +21,11 @@ import '@babel/runtime/regenerator';
|
|
|
22
21
|
import '@rails/activestorage';
|
|
23
22
|
import 'i18next';
|
|
24
23
|
import '@bigbinary/neeto-commons-frontend/initializers';
|
|
25
|
-
import '
|
|
26
|
-
import 'react-dropzone';
|
|
27
|
-
import '../useUnsplashApi-2sRCzI6B.js';
|
|
28
|
-
import '../constants-BVxeajuh.js';
|
|
24
|
+
import '../constants-BF4SgnWe.js';
|
|
29
25
|
import 'classnames';
|
|
26
|
+
import 'react-dropzone';
|
|
27
|
+
import '../useUnsplashApi-BLygxRcf.js';
|
|
28
|
+
import '../constants-D8YY7aVx.js';
|
|
30
29
|
import '@bigbinary/neeto-icons/LeftArrow';
|
|
31
30
|
import '@bigbinary/neeto-commons-frontend/v2/react-utils';
|
|
32
31
|
import '@bigbinary/neeto-commons-frontend/v2/utils';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AssetLibrary.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AssetLibrary.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -4,19 +4,17 @@ import { Button } from '@bigbinary/neeto-atoms';
|
|
|
4
4
|
import classnames from 'classnames';
|
|
5
5
|
import { noop } from '@bigbinary/neeto-cist';
|
|
6
6
|
import Delete from '@bigbinary/neeto-icons/Delete';
|
|
7
|
-
import { i as isNotNilOrEmpty, I as IMAGE_WRAPPER_CLASSNAME, a as ImageDirectUpload, b as isNilOrEmpty } from '../utils-
|
|
7
|
+
import { i as isNotNilOrEmpty, I as IMAGE_WRAPPER_CLASSNAME, a as ImageDirectUpload, b as isNilOrEmpty } from '../utils-gOguzq7u.js';
|
|
8
8
|
import { I as ImageWithFallback } from '../ImageWithFallback-MfA03icL.js';
|
|
9
9
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
10
10
|
import 'react';
|
|
11
11
|
import 'ramda';
|
|
12
12
|
import 'react-i18next';
|
|
13
|
-
import '../useUploadDropzone-CTwUeaY1.js';
|
|
14
13
|
import '@babel/runtime/helpers/slicedToArray';
|
|
15
14
|
import 'react-dropzone';
|
|
16
15
|
import 'i18next';
|
|
17
|
-
import '@bigbinary/neetoui/Toastr';
|
|
18
|
-
import '../imagekit.esm-Bps9lPzh.js';
|
|
19
16
|
import '@bigbinary/neeto-commons-frontend/v2/initializers';
|
|
17
|
+
import '../imagekit.esm-Wbu4ABaW.js';
|
|
20
18
|
|
|
21
19
|
var _excluded = ["src", "className", "imageFallbackProps", "onDrop", "isDisabled", "onRemove"];
|
|
22
20
|
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; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicImageUploader.js","sources":["../../app/javascript/src/v2/components/BasicImageUploader.jsx"],"sourcesContent":["import { Button } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { Delete } from \"neetoicons\";\n\nimport ImageDirectUpload from \"./common/ImageDirectUpload\";\nimport ImageWithFallback from \"./common/ImageWithFallback\";\nimport { IMAGE_WRAPPER_CLASSNAME } from \"./constants\";\nimport { isNilOrEmpty, isNotNilOrEmpty } from \"./ImageEditor/utils\";\n\nconst BasicImageUploader = ({\n src = \"\",\n className = \"\",\n imageFallbackProps = { alt: \"Uplaoded Image\", className: \"h-full w-full\" },\n onDrop = noop,\n isDisabled = false,\n onRemove = noop,\n ...props\n}) => (\n <div\n className={classnames(className, {\n \"cursor-pointer\": true,\n \"cursor-not-allowed\": isDisabled,\n \"opacity-70\": isDisabled && isNilOrEmpty(src),\n })}\n >\n {isNotNilOrEmpty(src) ? (\n <div className={IMAGE_WRAPPER_CLASSNAME}>\n <ImageWithFallback\n {...{ ...imageFallbackProps, src }}\n data-testid=\"uploaded-image\"\n />\n <Button\n className=\"absolute end-3 top-3\"\n data-testid=\"basic-image-uploader-remove-button\"\n disabled={isDisabled}\n icon={Delete}\n size=\"sm\"\n onClick={onRemove}\n />\n </div>\n ) : (\n <ImageDirectUpload {...{ ...props, isDisabled, onDrop }} />\n )}\n </div>\n);\n\nexport default BasicImageUploader;\n"],"names":["BasicImageUploader","_ref","_ref$src","src","_ref$className","className","_ref$imageFallbackPro","imageFallbackProps","alt","_ref$onDrop","onDrop","noop","_ref$isDisabled","isDisabled","_ref$onRemove","onRemove","props","_objectWithoutProperties","_excluded","_jsx","classnames","isNilOrEmpty","children","isNotNilOrEmpty","_jsxs","IMAGE_WRAPPER_CLASSNAME","ImageWithFallback","_objectSpread","Button","disabled","icon","Delete","size","onClick","ImageDirectUpload"],"mappings":"
|
|
1
|
+
{"version":3,"file":"BasicImageUploader.js","sources":["../../app/javascript/src/v2/components/BasicImageUploader.jsx"],"sourcesContent":["import { Button } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { Delete } from \"neetoicons\";\n\nimport ImageDirectUpload from \"./common/ImageDirectUpload\";\nimport ImageWithFallback from \"./common/ImageWithFallback\";\nimport { IMAGE_WRAPPER_CLASSNAME } from \"./constants\";\nimport { isNilOrEmpty, isNotNilOrEmpty } from \"./ImageEditor/utils\";\n\nconst BasicImageUploader = ({\n src = \"\",\n className = \"\",\n imageFallbackProps = { alt: \"Uplaoded Image\", className: \"h-full w-full\" },\n onDrop = noop,\n isDisabled = false,\n onRemove = noop,\n ...props\n}) => (\n <div\n className={classnames(className, {\n \"cursor-pointer\": true,\n \"cursor-not-allowed\": isDisabled,\n \"opacity-70\": isDisabled && isNilOrEmpty(src),\n })}\n >\n {isNotNilOrEmpty(src) ? (\n <div className={IMAGE_WRAPPER_CLASSNAME}>\n <ImageWithFallback\n {...{ ...imageFallbackProps, src }}\n data-testid=\"uploaded-image\"\n />\n <Button\n className=\"absolute end-3 top-3\"\n data-testid=\"basic-image-uploader-remove-button\"\n disabled={isDisabled}\n icon={Delete}\n size=\"sm\"\n onClick={onRemove}\n />\n </div>\n ) : (\n <ImageDirectUpload {...{ ...props, isDisabled, onDrop }} />\n )}\n </div>\n);\n\nexport default BasicImageUploader;\n"],"names":["BasicImageUploader","_ref","_ref$src","src","_ref$className","className","_ref$imageFallbackPro","imageFallbackProps","alt","_ref$onDrop","onDrop","noop","_ref$isDisabled","isDisabled","_ref$onRemove","onRemove","props","_objectWithoutProperties","_excluded","_jsx","classnames","isNilOrEmpty","children","isNotNilOrEmpty","_jsxs","IMAGE_WRAPPER_CLASSNAME","ImageWithFallback","_objectSpread","Button","disabled","icon","Delete","size","onClick","ImageDirectUpload"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,QAAA,GAAAD,IAAA,CACtBE,GAAG;AAAHA,IAAAA,GAAG,GAAAD,QAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,QAAA;IAAAE,cAAA,GAAAH,IAAA,CACRI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IAAAE,qBAAA,GAAAL,IAAA,CACdM,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,KAAA,MAAA,GAAG;AAAEE,MAAAA,GAAG,EAAE,gBAAgB;AAAEH,MAAAA,SAAS,EAAE;AAAgB,KAAC,GAAAC,qBAAA;IAAAG,WAAA,GAAAR,IAAA,CAC1ES,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAGE,IAAI,GAAAF,WAAA;IAAAG,eAAA,GAAAX,IAAA,CACbY,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,eAAA;IAAAE,aAAA,GAAAb,IAAA,CAClBc,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAGH,IAAI,GAAAG,aAAA;AACZE,IAAAA,KAAK,GAAAC,wBAAA,CAAAhB,IAAA,EAAAiB,SAAA,CAAA;AAAA,EAAA,oBAERC,GAAA,CAAA,KAAA,EAAA;AACEd,IAAAA,SAAS,EAAEe,UAAU,CAACf,SAAS,EAAE;AAC/B,MAAA,gBAAgB,EAAE,IAAI;AACtB,MAAA,oBAAoB,EAAEQ,UAAU;AAChC,MAAA,YAAY,EAAEA,UAAU,IAAIQ,YAAY,CAAClB,GAAG;AAC9C,KAAC,CAAE;AAAAmB,IAAAA,QAAA,EAEFC,eAAe,CAACpB,GAAG,CAAC,gBACnBqB,IAAA,CAAA,KAAA,EAAA;AAAKnB,MAAAA,SAAS,EAAEoB,uBAAwB;AAAAH,MAAAA,QAAA,EAAA,cACtCH,GAAA,CAACO,iBAAiB,EAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAAA,aAAA,CAAAA,aAAA,KACPpB,kBAAkB,CAAA,EAAA,EAAA,EAAA;AAAEJ,QAAAA,GAAG,EAAHA;AAAG,OAAA,CAAA,CAAA,EAAA,EAAA,EAAA;QAChC,aAAA,EAAY;AAAgB,OAAA,CAC7B,CAAC,eACFgB,GAAA,CAACS,MAAM,EAAA;AACLvB,QAAAA,SAAS,EAAC,sBAAsB;AAChC,QAAA,aAAA,EAAY,oCAAoC;AAChDwB,QAAAA,QAAQ,EAAEhB,UAAW;AACrBiB,QAAAA,IAAI,EAAEC,MAAO;AACbC,QAAAA,IAAI,EAAC,IAAI;AACTC,QAAAA,OAAO,EAAElB;AAAS,OACnB,CAAC;AAAA,KACC,CAAC,gBAENI,GAAA,CAACe,iBAAiB,EAAAP,aAAA,CAAA,EAAA,EAAAA,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAUX,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEH,MAAAA,UAAU,EAAVA,UAAU;AAAEH,MAAAA,MAAM,EAANA;KAAM,CAAA,CAAK;AAC3D,GACE,CAAC;AAAA;;;;"}
|
package/dist/v2/ImageForm.js
CHANGED
|
@@ -20,23 +20,22 @@ import '@babel/runtime/helpers/asyncToGenerator';
|
|
|
20
20
|
import '@babel/runtime/regenerator';
|
|
21
21
|
import '@bigbinary/neeto-commons-frontend/v2/initializers';
|
|
22
22
|
import '@bigbinary/neeto-icons/MenuHorizontal';
|
|
23
|
-
import '../utils-
|
|
23
|
+
import '../utils-DQSN1LLd.js';
|
|
24
24
|
import '@tanstack/react-query';
|
|
25
25
|
import '@bigbinary/neeto-commons-frontend/react-utils';
|
|
26
26
|
import 'axios';
|
|
27
|
-
import '../imagekit.esm-
|
|
27
|
+
import '../imagekit.esm-Wbu4ABaW.js';
|
|
28
28
|
import '../query-BJnGLX4z.js';
|
|
29
|
-
import '../useImageUploader-
|
|
29
|
+
import '../useImageUploader-uFdwIcWA.js';
|
|
30
30
|
import '@rails/activestorage';
|
|
31
31
|
import '@bigbinary/neeto-commons-frontend/initializers';
|
|
32
|
-
import '
|
|
33
|
-
import '../utils-
|
|
34
|
-
import '../useUploadDropzone-CTwUeaY1.js';
|
|
32
|
+
import '../constants-BF4SgnWe.js';
|
|
33
|
+
import '../utils-gOguzq7u.js';
|
|
35
34
|
import 'react-dropzone';
|
|
36
35
|
import '../ImageWithFallback-MfA03icL.js';
|
|
37
|
-
import '../index-
|
|
38
|
-
import '../useUnsplashApi-
|
|
39
|
-
import '../constants-
|
|
36
|
+
import '../index-e471xvRu.js';
|
|
37
|
+
import '../useUnsplashApi-BLygxRcf.js';
|
|
38
|
+
import '../constants-D8YY7aVx.js';
|
|
40
39
|
import '@bigbinary/neeto-icons/LeftArrow';
|
|
41
40
|
import '@bigbinary/neeto-commons-frontend/v2/react-utils';
|
|
42
41
|
import '@bigbinary/neeto-commons-frontend/v2/utils';
|
package/dist/v2/ImageForm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageForm.js","sources":["../../app/javascript/src/v2/components/ImageForm/constants.js","../../app/javascript/src/v2/components/ImageForm/AlignmentBlock.jsx","../../app/javascript/src/v2/components/ImageForm/Block.jsx","../../app/javascript/src/v2/components/ImageForm/ImageUpload.jsx","../../app/javascript/src/v2/components/ImageForm/SliderBlock.jsx","../../app/javascript/src/v2/components/ImageForm/utils.js","../../app/javascript/src/v2/components/ImageForm/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { LeftAlign, CenterAlign, RightAlign } from \"neetoicons\";\n\nexport const ALIGNMENTS = [\n {\n label: t(\"neetoImageUploader.labels.leftAlign\"),\n value: \"left\",\n icon: LeftAlign,\n dataTestid: \"left-alignment\",\n },\n {\n label: t(\"neetoImageUploader.labels.centerAlign\"),\n value: \"center\",\n icon: CenterAlign,\n dataTestid: \"center-alignment\",\n },\n {\n label: t(\"neetoImageUploader.labels.rightAlign\"),\n value: \"right\",\n icon: RightAlign,\n dataTestid: \"right-alignment\",\n },\n];\n\nexport const MINIMUM_LOGO_HEIGHT = 64;\nexport const MAXIMUM_LOGO_HEIGHT = 100;\nexport const DEFAULT_LOGO_HEIGHT = 64;\nexport const DEFAULT_LOGO_POSITION = \"left\";\nexport const ONE_MEGABYTE = 1;\n","import { Button, Typography } from \"@bigbinary/neeto-atoms\";\nimport { useField } from \"formik\";\nimport { hyphenate, noop } from \"neetocist\";\n\nimport { ALIGNMENTS, DEFAULT_LOGO_POSITION } from \"./constants\";\n\nconst AlignmentBlock = ({ name, title, onChange = noop }) => {\n const [_, { value: alignment = DEFAULT_LOGO_POSITION }, { setValue }] =\n useField(name);\n\n const handleChange = newAlignment => {\n if (alignment === newAlignment) return;\n\n setValue(newAlignment, false);\n onChange(name, newAlignment);\n };\n\n return (\n // eslint-disable-next-line react/no-unknown-property\n <div dataTestid={`${hyphenate(title)}-block`}>\n <Typography variant=\"body2\" weight=\"medium\">\n {title}\n </Typography>\n <div className=\"mt-2 flex items-center gap-3\">\n {ALIGNMENTS.map(({ label, value, icon, dataTestid }) => (\n <Button\n {...{ icon }}\n data-testid={dataTestid}\n key={value}\n size=\"lg\"\n tooltipProps={{ content: label, position: \"bottom\" }}\n variant={alignment === value ? \"default\" : \"ghost\"}\n onClick={() => handleChange(value)}\n />\n ))}\n </div>\n </div>\n );\n};\n\nexport default AlignmentBlock;\n","import { Spinner, Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\n\nconst Block = ({\n title,\n children,\n dataTestid,\n className = \"\",\n childrenClassName = \"\",\n isLoading = false,\n isLabelEnabled = true,\n}) => (\n <div className={classnames(\"space-y-4\", className)} data-testid={dataTestid}>\n {isLabelEnabled && (\n <div\n className=\"flex items-center justify-between\"\n data-testid=\"properties-header\"\n >\n <Typography variant=\"body1\" weight=\"semibold\">\n {title}\n </Typography>\n {isLoading && <Spinner />}\n </div>\n )}\n <div className={classnames(\"space-y-4\", childrenClassName)}>{children}</div>\n </div>\n);\n\nexport default Block;\n","import { useField } from \"formik\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Block from \"./Block\";\nimport { ONE_MEGABYTE } from \"./constants\";\n\nimport ImageUploader from \"../ImageUploader\";\n\nconst ImageUpload = ({\n name,\n handleUpdate,\n maxSize = ONE_MEGABYTE,\n isLabelEnabled = true,\n}) => {\n const [_, { value: image }, { setValue }] = useField(name);\n const { t } = useTranslation();\n const handleImageChange = changedImage => {\n if (isEmpty(changedImage?.url)) {\n setValue(null, false);\n handleUpdate(null);\n\n return;\n }\n\n setValue(changedImage, false);\n handleUpdate(changedImage);\n };\n\n const imageUrl = typeof image === \"string\" ? image : image?.url;\n\n return (\n <Block\n {...{ isLabelEnabled }}\n dataTestid=\"add-image-card\"\n title={t(\"neetoImageUploader.labels.addImage\")}\n >\n <ImageUploader\n className=\"w-full\"\n key={imageUrl}\n src={imageUrl}\n uploadConfig={{ maxImageSize: maxSize }}\n onUploadComplete={handleImageChange}\n />\n </Block>\n );\n};\n\nexport default ImageUpload;\n","import { Slider } from \"@bigbinary/neeto-atoms\";\nimport { useField } from \"formik\";\nimport { hyphenate, noop } from \"neetocist\";\n\nconst SliderBlock = ({\n title,\n name,\n onChange = noop,\n defaultValue,\n min,\n max,\n}) => {\n const [_, { value }, { setValue }] = useField(name);\n\n const handleChange = ([newValue]) => {\n if (value === newValue) return;\n\n setValue(newValue, false);\n onChange(newValue);\n };\n\n return (\n <div data-testid={`${hyphenate(title)}-slider-block`}>\n <Slider\n {...{ max, min }}\n defaultValue={defaultValue !== undefined ? [defaultValue] : undefined}\n label={title}\n value={value !== undefined ? [value] : undefined}\n onValueChange={handleChange}\n />\n </div>\n );\n};\n\nexport default SliderBlock;\n","import { DEFAULT_LOGO_HEIGHT } from \"./constants\";\n\nconst root = document.querySelector(\":root\");\n\nexport const setLogoHeight = (value, variableName) =>\n root.style.setProperty(\n variableName,\n `${Number(value) || DEFAULT_LOGO_HEIGHT}px`\n );\n","import { useEffect } from \"react\";\n\nimport { Input } from \"@bigbinary/neeto-atoms/formik\";\nimport { useFormikContext, getIn, useField } from \"formik\";\nimport { noop } from \"neetocist\";\nimport { Help } from \"neetoicons\";\nimport { isNil } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport AlignmentBlock from \"./AlignmentBlock\";\nimport {\n DEFAULT_LOGO_HEIGHT,\n MAXIMUM_LOGO_HEIGHT,\n MINIMUM_LOGO_HEIGHT,\n} from \"./constants\";\nimport ImageUpload from \"./ImageUpload\";\nimport SliderBlock from \"./SliderBlock\";\nimport { setLogoHeight } from \"./utils\";\n\nconst ImageForm = ({\n onChange = noop,\n imageUploaderProps = {},\n className = \"\",\n names = {},\n logoHeight = {\n default: DEFAULT_LOGO_HEIGHT,\n min: MINIMUM_LOGO_HEIGHT,\n max: MAXIMUM_LOGO_HEIGHT,\n },\n logoSizeVariableName,\n showAlignmentBlock = true,\n showAltTextBlock = true,\n isLabelEnabled = true,\n entityName,\n}) => {\n const { values, setFieldValue } = useFormikContext();\n const [{ value: altTextValue }] = useField(\"altText\");\n\n const { t } = useTranslation();\n const entity = entityName || t(\"neetoImageUploader.common.logo\");\n\n const imageValue = getIn(values, names.image);\n\n useEffect(() => {\n if (altTextValue !== undefined) {\n onChange?.(\"altText\", altTextValue);\n }\n }, [altTextValue, onChange]);\n\n const handleImageChange = image => {\n if (isNil(image)) {\n setLogoHeight(logoHeight.default, logoSizeVariableName);\n setFieldValue(names.height, logoHeight.default);\n }\n\n onChange?.(names.image, image);\n };\n\n const handleSliderChange = value => {\n setLogoHeight(value, logoSizeVariableName);\n onChange?.(names.height, value);\n };\n\n return (\n <div className={`space-y-4 ${className}`}>\n <ImageUpload\n {...{ isLabelEnabled }}\n handleUpdate={handleImageChange}\n name={names.image}\n {...imageUploaderProps}\n />\n {imageValue && (\n <div className=\"space-y-4 px-2\">\n <SliderBlock\n defaultValue={logoHeight.default}\n max={logoHeight.max}\n min={logoHeight.min}\n name={names.height}\n title={t(\"neetoImageUploader.labels.size\", { entity })}\n onChange={handleSliderChange}\n />\n {showAlignmentBlock && (\n <AlignmentBlock\n {...{ onChange }}\n name={names.alignment}\n title={t(\"neetoImageUploader.labels.alignment\")}\n />\n )}\n {showAltTextBlock && (\n <Input\n label={t(\"neetoImageUploader.labels.altText\", { entity })}\n name=\"altText\"\n placeholder={t(\"neetoImageUploader.labels.altText\", { entity })}\n labelProps={{\n helpIconProps: {\n icon: Help,\n tooltipProps: {\n content: t(\"neetoImageUploader.tooltips.altText\", {\n entity,\n }),\n position: \"top\",\n },\n },\n }}\n />\n )}\n </div>\n )}\n </div>\n );\n};\n\nexport default ImageForm;\n"],"names":["ALIGNMENTS","label","t","value","icon","LeftAlign","dataTestid","CenterAlign","RightAlign","MINIMUM_LOGO_HEIGHT","MAXIMUM_LOGO_HEIGHT","DEFAULT_LOGO_HEIGHT","DEFAULT_LOGO_POSITION","ONE_MEGABYTE","AlignmentBlock","_ref","name","title","_ref$onChange","onChange","noop","_useField","useField","_useField2","_slicedToArray","_","_useField2$1$value","alignment","setValue","handleChange","newAlignment","_jsxs","concat","hyphenate","children","_jsx","Typography","variant","weight","className","map","_ref2","_createElement","Button","key","size","tooltipProps","content","position","onClick","Block","_ref$className","_ref$childrenClassNam","childrenClassName","_ref$isLoading","isLoading","_ref$isLabelEnabled","isLabelEnabled","classnames","Spinner","ImageUpload","handleUpdate","_ref$maxSize","maxSize","image","_useTranslation","useTranslation","handleImageChange","changedImage","isEmpty","url","imageUrl","ImageUploader","src","uploadConfig","maxImageSize","onUploadComplete","SliderBlock","defaultValue","min","max","_ref3","newValue","Slider","undefined","onValueChange","root","document","querySelector","setLogoHeight","variableName","style","setProperty","Number","ImageForm","_ref$imageUploaderPro","imageUploaderProps","_ref$names","names","_ref$logoHeight","logoHeight","logoSizeVariableName","_ref$showAlignmentBlo","showAlignmentBlock","_ref$showAltTextBlock","showAltTextBlock","entityName","_useFormikContext","useFormikContext","values","setFieldValue","altTextValue","entity","imageValue","getIn","useEffect","isNil","height","handleSliderChange","_objectSpread","Input","placeholder","labelProps","helpIconProps","Help"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ImageForm.js","sources":["../../app/javascript/src/v2/components/ImageForm/constants.js","../../app/javascript/src/v2/components/ImageForm/AlignmentBlock.jsx","../../app/javascript/src/v2/components/ImageForm/Block.jsx","../../app/javascript/src/v2/components/ImageForm/ImageUpload.jsx","../../app/javascript/src/v2/components/ImageForm/SliderBlock.jsx","../../app/javascript/src/v2/components/ImageForm/utils.js","../../app/javascript/src/v2/components/ImageForm/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { LeftAlign, CenterAlign, RightAlign } from \"neetoicons\";\n\nexport const ALIGNMENTS = [\n {\n label: t(\"neetoImageUploader.labels.leftAlign\"),\n value: \"left\",\n icon: LeftAlign,\n dataTestid: \"left-alignment\",\n },\n {\n label: t(\"neetoImageUploader.labels.centerAlign\"),\n value: \"center\",\n icon: CenterAlign,\n dataTestid: \"center-alignment\",\n },\n {\n label: t(\"neetoImageUploader.labels.rightAlign\"),\n value: \"right\",\n icon: RightAlign,\n dataTestid: \"right-alignment\",\n },\n];\n\nexport const MINIMUM_LOGO_HEIGHT = 64;\nexport const MAXIMUM_LOGO_HEIGHT = 100;\nexport const DEFAULT_LOGO_HEIGHT = 64;\nexport const DEFAULT_LOGO_POSITION = \"left\";\nexport const ONE_MEGABYTE = 1;\n","import { Button, Typography } from \"@bigbinary/neeto-atoms\";\nimport { useField } from \"formik\";\nimport { hyphenate, noop } from \"neetocist\";\n\nimport { ALIGNMENTS, DEFAULT_LOGO_POSITION } from \"./constants\";\n\nconst AlignmentBlock = ({ name, title, onChange = noop }) => {\n const [_, { value: alignment = DEFAULT_LOGO_POSITION }, { setValue }] =\n useField(name);\n\n const handleChange = newAlignment => {\n if (alignment === newAlignment) return;\n\n setValue(newAlignment, false);\n onChange(name, newAlignment);\n };\n\n return (\n // eslint-disable-next-line react/no-unknown-property\n <div dataTestid={`${hyphenate(title)}-block`}>\n <Typography variant=\"body2\" weight=\"medium\">\n {title}\n </Typography>\n <div className=\"mt-2 flex items-center gap-3\">\n {ALIGNMENTS.map(({ label, value, icon, dataTestid }) => (\n <Button\n {...{ icon }}\n data-testid={dataTestid}\n key={value}\n size=\"lg\"\n tooltipProps={{ content: label, position: \"bottom\" }}\n variant={alignment === value ? \"default\" : \"ghost\"}\n onClick={() => handleChange(value)}\n />\n ))}\n </div>\n </div>\n );\n};\n\nexport default AlignmentBlock;\n","import { Spinner, Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\n\nconst Block = ({\n title,\n children,\n dataTestid,\n className = \"\",\n childrenClassName = \"\",\n isLoading = false,\n isLabelEnabled = true,\n}) => (\n <div className={classnames(\"space-y-4\", className)} data-testid={dataTestid}>\n {isLabelEnabled && (\n <div\n className=\"flex items-center justify-between\"\n data-testid=\"properties-header\"\n >\n <Typography variant=\"body1\" weight=\"semibold\">\n {title}\n </Typography>\n {isLoading && <Spinner />}\n </div>\n )}\n <div className={classnames(\"space-y-4\", childrenClassName)}>{children}</div>\n </div>\n);\n\nexport default Block;\n","import { useField } from \"formik\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Block from \"./Block\";\nimport { ONE_MEGABYTE } from \"./constants\";\n\nimport ImageUploader from \"../ImageUploader\";\n\nconst ImageUpload = ({\n name,\n handleUpdate,\n maxSize = ONE_MEGABYTE,\n isLabelEnabled = true,\n}) => {\n const [_, { value: image }, { setValue }] = useField(name);\n const { t } = useTranslation();\n const handleImageChange = changedImage => {\n if (isEmpty(changedImage?.url)) {\n setValue(null, false);\n handleUpdate(null);\n\n return;\n }\n\n setValue(changedImage, false);\n handleUpdate(changedImage);\n };\n\n const imageUrl = typeof image === \"string\" ? image : image?.url;\n\n return (\n <Block\n {...{ isLabelEnabled }}\n dataTestid=\"add-image-card\"\n title={t(\"neetoImageUploader.labels.addImage\")}\n >\n <ImageUploader\n className=\"w-full\"\n key={imageUrl}\n src={imageUrl}\n uploadConfig={{ maxImageSize: maxSize }}\n onUploadComplete={handleImageChange}\n />\n </Block>\n );\n};\n\nexport default ImageUpload;\n","import { Slider } from \"@bigbinary/neeto-atoms\";\nimport { useField } from \"formik\";\nimport { hyphenate, noop } from \"neetocist\";\n\nconst SliderBlock = ({\n title,\n name,\n onChange = noop,\n defaultValue,\n min,\n max,\n}) => {\n const [_, { value }, { setValue }] = useField(name);\n\n const handleChange = ([newValue]) => {\n if (value === newValue) return;\n\n setValue(newValue, false);\n onChange(newValue);\n };\n\n return (\n <div data-testid={`${hyphenate(title)}-slider-block`}>\n <Slider\n {...{ max, min }}\n defaultValue={defaultValue !== undefined ? [defaultValue] : undefined}\n label={title}\n value={value !== undefined ? [value] : undefined}\n onValueChange={handleChange}\n />\n </div>\n );\n};\n\nexport default SliderBlock;\n","import { DEFAULT_LOGO_HEIGHT } from \"./constants\";\n\nconst root = document.querySelector(\":root\");\n\nexport const setLogoHeight = (value, variableName) =>\n root.style.setProperty(\n variableName,\n `${Number(value) || DEFAULT_LOGO_HEIGHT}px`\n );\n","import { useEffect } from \"react\";\n\nimport { Input } from \"@bigbinary/neeto-atoms/formik\";\nimport { useFormikContext, getIn, useField } from \"formik\";\nimport { noop } from \"neetocist\";\nimport { Help } from \"neetoicons\";\nimport { isNil } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport AlignmentBlock from \"./AlignmentBlock\";\nimport {\n DEFAULT_LOGO_HEIGHT,\n MAXIMUM_LOGO_HEIGHT,\n MINIMUM_LOGO_HEIGHT,\n} from \"./constants\";\nimport ImageUpload from \"./ImageUpload\";\nimport SliderBlock from \"./SliderBlock\";\nimport { setLogoHeight } from \"./utils\";\n\nconst ImageForm = ({\n onChange = noop,\n imageUploaderProps = {},\n className = \"\",\n names = {},\n logoHeight = {\n default: DEFAULT_LOGO_HEIGHT,\n min: MINIMUM_LOGO_HEIGHT,\n max: MAXIMUM_LOGO_HEIGHT,\n },\n logoSizeVariableName,\n showAlignmentBlock = true,\n showAltTextBlock = true,\n isLabelEnabled = true,\n entityName,\n}) => {\n const { values, setFieldValue } = useFormikContext();\n const [{ value: altTextValue }] = useField(\"altText\");\n\n const { t } = useTranslation();\n const entity = entityName || t(\"neetoImageUploader.common.logo\");\n\n const imageValue = getIn(values, names.image);\n\n useEffect(() => {\n if (altTextValue !== undefined) {\n onChange?.(\"altText\", altTextValue);\n }\n }, [altTextValue, onChange]);\n\n const handleImageChange = image => {\n if (isNil(image)) {\n setLogoHeight(logoHeight.default, logoSizeVariableName);\n setFieldValue(names.height, logoHeight.default);\n }\n\n onChange?.(names.image, image);\n };\n\n const handleSliderChange = value => {\n setLogoHeight(value, logoSizeVariableName);\n onChange?.(names.height, value);\n };\n\n return (\n <div className={`space-y-4 ${className}`}>\n <ImageUpload\n {...{ isLabelEnabled }}\n handleUpdate={handleImageChange}\n name={names.image}\n {...imageUploaderProps}\n />\n {imageValue && (\n <div className=\"space-y-4 px-2\">\n <SliderBlock\n defaultValue={logoHeight.default}\n max={logoHeight.max}\n min={logoHeight.min}\n name={names.height}\n title={t(\"neetoImageUploader.labels.size\", { entity })}\n onChange={handleSliderChange}\n />\n {showAlignmentBlock && (\n <AlignmentBlock\n {...{ onChange }}\n name={names.alignment}\n title={t(\"neetoImageUploader.labels.alignment\")}\n />\n )}\n {showAltTextBlock && (\n <Input\n label={t(\"neetoImageUploader.labels.altText\", { entity })}\n name=\"altText\"\n placeholder={t(\"neetoImageUploader.labels.altText\", { entity })}\n labelProps={{\n helpIconProps: {\n icon: Help,\n tooltipProps: {\n content: t(\"neetoImageUploader.tooltips.altText\", {\n entity,\n }),\n position: \"top\",\n },\n },\n }}\n />\n )}\n </div>\n )}\n </div>\n );\n};\n\nexport default ImageForm;\n"],"names":["ALIGNMENTS","label","t","value","icon","LeftAlign","dataTestid","CenterAlign","RightAlign","MINIMUM_LOGO_HEIGHT","MAXIMUM_LOGO_HEIGHT","DEFAULT_LOGO_HEIGHT","DEFAULT_LOGO_POSITION","ONE_MEGABYTE","AlignmentBlock","_ref","name","title","_ref$onChange","onChange","noop","_useField","useField","_useField2","_slicedToArray","_","_useField2$1$value","alignment","setValue","handleChange","newAlignment","_jsxs","concat","hyphenate","children","_jsx","Typography","variant","weight","className","map","_ref2","_createElement","Button","key","size","tooltipProps","content","position","onClick","Block","_ref$className","_ref$childrenClassNam","childrenClassName","_ref$isLoading","isLoading","_ref$isLabelEnabled","isLabelEnabled","classnames","Spinner","ImageUpload","handleUpdate","_ref$maxSize","maxSize","image","_useTranslation","useTranslation","handleImageChange","changedImage","isEmpty","url","imageUrl","ImageUploader","src","uploadConfig","maxImageSize","onUploadComplete","SliderBlock","defaultValue","min","max","_ref3","newValue","Slider","undefined","onValueChange","root","document","querySelector","setLogoHeight","variableName","style","setProperty","Number","ImageForm","_ref$imageUploaderPro","imageUploaderProps","_ref$names","names","_ref$logoHeight","logoHeight","logoSizeVariableName","_ref$showAlignmentBlo","showAlignmentBlock","_ref$showAltTextBlock","showAltTextBlock","entityName","_useFormikContext","useFormikContext","values","setFieldValue","altTextValue","entity","imageValue","getIn","useEffect","isNil","height","handleSliderChange","_objectSpread","Input","placeholder","labelProps","helpIconProps","Help"],"mappings":"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"}
|
package/dist/v2/ImageUploader.js
CHANGED
|
@@ -11,12 +11,12 @@ import { globalProps } from '@bigbinary/neeto-commons-frontend/v2/initializers';
|
|
|
11
11
|
import MenuHorizontal from '@bigbinary/neeto-icons/MenuHorizontal';
|
|
12
12
|
import { mergeRight } from 'ramda';
|
|
13
13
|
import { useTranslation } from 'react-i18next';
|
|
14
|
-
import { u as useCreateBlob, i as isGif, g as generateASCIIFileName } from '../utils-
|
|
15
|
-
import { u as useImageUploader } from '../useImageUploader-
|
|
16
|
-
import { C as CLOUD_FLARE, I as IS_DEVELOPMENT_OR_HEROKU_ENV } from '../imagekit.esm-
|
|
17
|
-
import { D as DEFAULT_UPLOAD_CONFIG, O as OPTION_KEYS, i as isNotNilOrEmpty, I as IMAGE_WRAPPER_CLASSNAME, a as ImageDirectUpload, b as isNilOrEmpty } from '../utils-
|
|
14
|
+
import { u as useCreateBlob, i as isGif, g as generateASCIIFileName } from '../utils-DQSN1LLd.js';
|
|
15
|
+
import { u as useImageUploader } from '../useImageUploader-uFdwIcWA.js';
|
|
16
|
+
import { C as CLOUD_FLARE, I as IS_DEVELOPMENT_OR_HEROKU_ENV } from '../imagekit.esm-Wbu4ABaW.js';
|
|
17
|
+
import { D as DEFAULT_UPLOAD_CONFIG, O as OPTION_KEYS, i as isNotNilOrEmpty, I as IMAGE_WRAPPER_CLASSNAME, a as ImageDirectUpload, b as isNilOrEmpty } from '../utils-gOguzq7u.js';
|
|
18
18
|
import { I as ImageWithFallback } from '../ImageWithFallback-MfA03icL.js';
|
|
19
|
-
import { M as Modal, c as constructCloudflareImageURL } from '../index-
|
|
19
|
+
import { M as Modal, c as constructCloudflareImageURL } from '../index-e471xvRu.js';
|
|
20
20
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
21
21
|
import '@tanstack/react-query';
|
|
22
22
|
import '@bigbinary/neeto-commons-frontend/react-utils';
|
|
@@ -25,11 +25,10 @@ import '../query-BJnGLX4z.js';
|
|
|
25
25
|
import '@rails/activestorage';
|
|
26
26
|
import 'i18next';
|
|
27
27
|
import '@bigbinary/neeto-commons-frontend/initializers';
|
|
28
|
-
import '
|
|
29
|
-
import '../useUploadDropzone-CTwUeaY1.js';
|
|
28
|
+
import '../constants-BF4SgnWe.js';
|
|
30
29
|
import 'react-dropzone';
|
|
31
|
-
import '../useUnsplashApi-
|
|
32
|
-
import '../constants-
|
|
30
|
+
import '../useUnsplashApi-BLygxRcf.js';
|
|
31
|
+
import '../constants-D8YY7aVx.js';
|
|
33
32
|
import '@bigbinary/neeto-icons/LeftArrow';
|
|
34
33
|
import '@bigbinary/neeto-commons-frontend/v2/react-utils';
|
|
35
34
|
import '@bigbinary/neeto-commons-frontend/v2/utils';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageUploader.js","sources":["../../app/javascript/src/v2/components/ImageUploader/index.jsx"],"sourcesContent":["import { forwardRef, useState } from \"react\";\n\nimport { DropdownMenu } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { isPresent, noop } from \"neetocist\";\nimport { globalProps } from \"neetocommons/v2/initializers\";\nimport { MenuHorizontal } from \"neetoicons\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateBlob } from \"hooks/useDirectUploads\";\nimport useImageUploader from \"hooks/useImageUploader\";\nimport { generateASCIIFileName, isGif } from \"hooks/utils\";\nimport { CLOUD_FLARE, IS_DEVELOPMENT_OR_HEROKU_ENV } from \"src/constants\";\nimport ImageDirectUpload from \"v2/components/common/ImageDirectUpload\";\nimport ImageWithFallback from \"v2/components/common/ImageWithFallback\";\nimport { IMAGE_WRAPPER_CLASSNAME } from \"v2/components/constants\";\nimport { isNilOrEmpty, isNotNilOrEmpty } from \"v2/components/ImageEditor/utils\";\nimport AssetLibrary from \"v2/components/Modal\";\nimport { constructCloudflareImageURL } from \"v2/components/utils\";\n\nimport { DEFAULT_UPLOAD_CONFIG, OPTION_KEYS } from \"./constants\";\n\nconst ImageUploader = forwardRef(\n (\n {\n onUploadComplete = noop,\n className = \"\",\n src = \"\",\n uploadConfig = {},\n fixedAspectRatio = {},\n defaultImageSize = {},\n isDisabled = false,\n onDrop,\n isOptionsDisabled = false,\n showAssetLibrary = true,\n },\n uploaderRef\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.metadata.url,\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 || isGif(result)) {\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, imagekit_file_id: result.fileId },\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 const attachedImage = isCloudFlareImageUploader\n ? response\n : mergeRight(response, { metadata: { url: result.url } });\n handleSuccess(attachedImage);\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.change\"),\n onClick: () => setIsAssetLibraryOpen(true),\n \"data-testid\": \"image-uploader-open-image-library-button\",\n },\n {\n key: OPTION_KEYS.remove,\n label: t(\"neetoImageUploader.imageUpload.remove\"),\n onClick: handleDelete,\n \"data-testid\": \"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-testid=\"image-uploader-wrapper\"\n >\n <ImageWithFallback\n className=\"h-full w-full\"\n data-testid=\"uploaded-image\"\n src={image.url}\n />\n {!isOptionsDisabled && (\n <DropdownMenu\n disabled={isDisabled}\n icon={MenuHorizontal}\n buttonProps={{\n variant: \"outline\",\n size: \"sm\",\n className: \"absolute end-3 top-3 rounded-full\",\n // Icon-only menu: drop the default chevron.\n trailing: null,\n }}\n >\n {options.map(({ key, label, ...otherProps }) => (\n <DropdownMenu.MenuItem {...otherProps} key={key}>\n {label}\n </DropdownMenu.MenuItem>\n ))}\n </DropdownMenu>\n )}\n </div>\n ) : (\n <ImageDirectUpload\n {...{\n defaultImageSize,\n setImage,\n ...(showAssetLibrary && { setIsAssetLibraryOpen }),\n }}\n isDisabled={isPresent(fixedAspectRatio)}\n isUploadDisabled={isDisabled}\n ref={uploaderRef}\n uploadConfig={uploadConfigWithDefaults}\n onDrop={onDrop || uploadFile}\n />\n )}\n {showAssetLibrary && (\n <AssetLibrary\n {...{ defaultImageSize, fixedAspectRatio }}\n isOpen={isAssetLibraryOpen}\n uploadConfig={uploadConfigWithDefaults}\n onClose={() => setIsAssetLibraryOpen(false)}\n onUploadComplete={handleImageSelectionFromLibrary}\n />\n )}\n </div>\n );\n }\n);\n\nImageUploader.displayName = \"ImageUploader\";\n\nexport default ImageUploader;\n"],"names":["ImageUploader","forwardRef","_ref","uploaderRef","_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","_ref$showAssetLibrary","showAssetLibrary","_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","byteSize","contentType","handleImageSelectionFromLibrary","handleUploadComplete","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","result","imageKitPayload","cloudFlarePayload","payload","response","wrap","_callee$","_context","prev","next","IS_DEVELOPMENT_OR_HEROKU_ENV","isGif","abrupt","name","byte_size","content_type","fileType","checksum","fileId","_objectSpread","imagekit_file_id","service_name","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","DropdownMenu","disabled","icon","MenuHorizontal","buttonProps","variant","trailing","map","_ref3","otherProps","_objectWithoutProperties","_excluded","_createElement","MenuItem","ImageDirectUpload","isPresent","isUploadDisabled","ref","AssetLibrary","isOpen","onClose","displayName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ImageUploader.js","sources":["../../app/javascript/src/v2/components/ImageUploader/index.jsx"],"sourcesContent":["import { forwardRef, useState } from \"react\";\n\nimport { DropdownMenu } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { isPresent, noop } from \"neetocist\";\nimport { globalProps } from \"neetocommons/v2/initializers\";\nimport { MenuHorizontal } from \"neetoicons\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateBlob } from \"hooks/useDirectUploads\";\nimport useImageUploader from \"v2/hooks/useImageUploader\";\nimport { generateASCIIFileName, isGif } from \"hooks/utils\";\nimport { CLOUD_FLARE, IS_DEVELOPMENT_OR_HEROKU_ENV } from \"src/constants\";\nimport ImageDirectUpload from \"v2/components/common/ImageDirectUpload\";\nimport ImageWithFallback from \"v2/components/common/ImageWithFallback\";\nimport { IMAGE_WRAPPER_CLASSNAME } from \"v2/components/constants\";\nimport { isNilOrEmpty, isNotNilOrEmpty } from \"v2/components/ImageEditor/utils\";\nimport AssetLibrary from \"v2/components/Modal\";\nimport { constructCloudflareImageURL } from \"v2/components/utils\";\n\nimport { DEFAULT_UPLOAD_CONFIG, OPTION_KEYS } from \"./constants\";\n\nconst ImageUploader = forwardRef(\n (\n {\n onUploadComplete = noop,\n className = \"\",\n src = \"\",\n uploadConfig = {},\n fixedAspectRatio = {},\n defaultImageSize = {},\n isDisabled = false,\n onDrop,\n isOptionsDisabled = false,\n showAssetLibrary = true,\n },\n uploaderRef\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.metadata.url,\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 || isGif(result)) {\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, imagekit_file_id: result.fileId },\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 const attachedImage = isCloudFlareImageUploader\n ? response\n : mergeRight(response, { metadata: { url: result.url } });\n handleSuccess(attachedImage);\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.change\"),\n onClick: () => setIsAssetLibraryOpen(true),\n \"data-testid\": \"image-uploader-open-image-library-button\",\n },\n {\n key: OPTION_KEYS.remove,\n label: t(\"neetoImageUploader.imageUpload.remove\"),\n onClick: handleDelete,\n \"data-testid\": \"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-testid=\"image-uploader-wrapper\"\n >\n <ImageWithFallback\n className=\"h-full w-full\"\n data-testid=\"uploaded-image\"\n src={image.url}\n />\n {!isOptionsDisabled && (\n <DropdownMenu\n disabled={isDisabled}\n icon={MenuHorizontal}\n buttonProps={{\n variant: \"outline\",\n size: \"sm\",\n className: \"absolute end-3 top-3 rounded-full\",\n // Icon-only menu: drop the default chevron.\n trailing: null,\n }}\n >\n {options.map(({ key, label, ...otherProps }) => (\n <DropdownMenu.MenuItem {...otherProps} key={key}>\n {label}\n </DropdownMenu.MenuItem>\n ))}\n </DropdownMenu>\n )}\n </div>\n ) : (\n <ImageDirectUpload\n {...{\n defaultImageSize,\n setImage,\n ...(showAssetLibrary && { setIsAssetLibraryOpen }),\n }}\n isDisabled={isPresent(fixedAspectRatio)}\n isUploadDisabled={isDisabled}\n ref={uploaderRef}\n uploadConfig={uploadConfigWithDefaults}\n onDrop={onDrop || uploadFile}\n />\n )}\n {showAssetLibrary && (\n <AssetLibrary\n {...{ defaultImageSize, fixedAspectRatio }}\n isOpen={isAssetLibraryOpen}\n uploadConfig={uploadConfigWithDefaults}\n onClose={() => setIsAssetLibraryOpen(false)}\n onUploadComplete={handleImageSelectionFromLibrary}\n />\n )}\n </div>\n );\n }\n);\n\nImageUploader.displayName = \"ImageUploader\";\n\nexport default ImageUploader;\n"],"names":["ImageUploader","forwardRef","_ref","uploaderRef","_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","_ref$showAssetLibrary","showAssetLibrary","_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","byteSize","contentType","handleImageSelectionFromLibrary","handleUploadComplete","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","result","imageKitPayload","cloudFlarePayload","payload","response","wrap","_callee$","_context","prev","next","IS_DEVELOPMENT_OR_HEROKU_ENV","isGif","abrupt","name","byte_size","content_type","fileType","checksum","fileId","_objectSpread","imagekit_file_id","service_name","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","DropdownMenu","disabled","icon","MenuHorizontal","buttonProps","variant","trailing","map","_ref3","otherProps","_objectWithoutProperties","_excluded","_createElement","MenuItem","ImageDirectUpload","isPresent","isUploadDisabled","ref","AssetLibrary","isOpen","onClose","displayName"],"mappings":"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"}
|