@bigbinary/neeto-image-uploader-frontend 4.0.11 → 4.0.13
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-BNGwgivX.js} +7 -3
- package/dist/constants-BNGwgivX.js.map +1 -0
- package/dist/{constants-BJsrtAQc.js → constants-DaSuAD1y.js} +7 -2
- package/dist/constants-DaSuAD1y.js.map +1 -0
- package/dist/constants-Dos-Y7GC.js +15 -0
- package/dist/constants-Dos-Y7GC.js.map +1 -0
- 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-DfxvM32h.js → index-BP6z5Bmi.js} +9 -10
- package/dist/index-BP6z5Bmi.js.map +1 -0
- package/dist/{index-PE1rZoJJ.js → index-Btd2LbOZ.js} +10 -11
- package/dist/index-Btd2LbOZ.js.map +1 -0
- package/dist/{index-YZ7Lhfkg.js → index-ByiQIHFV.js} +10 -11
- package/dist/index-ByiQIHFV.js.map +1 -0
- package/dist/{index-7XBgPy09.js → index-DJjmk0Nc.js} +11 -12
- package/dist/index-DJjmk0Nc.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-okMiRC9G.js → useUnsplashApi-_-5cRT70.js} +3 -3
- package/dist/{useUnsplashApi-okMiRC9G.js.map → useUnsplashApi-_-5cRT70.js.map} +1 -1
- package/dist/{useUnsplashApi-2sRCzI6B.js → useUnsplashApi-qANYsRgw.js} +3 -3
- package/dist/{useUnsplashApi-2sRCzI6B.js.map → useUnsplashApi-qANYsRgw.js.map} +1 -1
- package/dist/{utils-B9Wu-jti.js → utils-BG5uqsQH.js} +118 -59
- package/dist/utils-BG5uqsQH.js.map +1 -0
- package/dist/{utils-kGoo6Gnk.js → utils-CBR0uhqY.js} +108 -49
- package/dist/utils-CBR0uhqY.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-CDFlFfgu.js → utils-DQye8ufx.js} +116 -56
- package/dist/utils-DQye8ufx.js.map +1 -0
- 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-adgVs86v.js → utils-hFSeEG9S.js} +108 -48
- package/dist/utils-hFSeEG9S.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 +22 -22
- package/dist/constants-BJsrtAQc.js.map +0 -1
- package/dist/constants-BVxeajuh.js.map +0 -1
- package/dist/imagekit.esm-BOkeWsyX.js.map +0 -1
- package/dist/imagekit.esm-Bps9lPzh.js.map +0 -1
- package/dist/index-7XBgPy09.js.map +0 -1
- package/dist/index-DfxvM32h.js.map +0 -1
- package/dist/index-PE1rZoJJ.js.map +0 -1
- package/dist/index-YZ7Lhfkg.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
|
@@ -10,9 +10,14 @@ var ProgressBar = require('@bigbinary/neetoui/ProgressBar');
|
|
|
10
10
|
var ramda = require('ramda');
|
|
11
11
|
var reactI18next = require('react-i18next');
|
|
12
12
|
var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
|
|
13
|
-
var
|
|
14
|
-
var
|
|
13
|
+
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
14
|
+
var reactDropzone = require('react-dropzone');
|
|
15
|
+
var i18next = require('i18next');
|
|
16
|
+
var Toastr = require('@bigbinary/neetoui/Toastr');
|
|
17
|
+
var constants = require('./constants-Dos-Y7GC.js');
|
|
15
18
|
var jsxRuntime = require('react/jsx-runtime');
|
|
19
|
+
var imagekit_esm = require('./imagekit.esm-ZYrS-YIL.js');
|
|
20
|
+
var constants$1 = require('./constants-DaSuAD1y.js');
|
|
16
21
|
|
|
17
22
|
var DEFAULT_ALLOWED_IMAGE_TYPES = {
|
|
18
23
|
"image/png": [".png"],
|
|
@@ -35,6 +40,53 @@ var getAllowedTypes = function getAllowedTypes(uploadConfig) {
|
|
|
35
40
|
}), ramda.map(ramda.toUpper), ramda.join(", "))(uploadConfig.allowedImageTypes);
|
|
36
41
|
};
|
|
37
42
|
|
|
43
|
+
var handleDropRejected = function handleDropRejected(fileRejections) {
|
|
44
|
+
fileRejections.map(function (_ref) {
|
|
45
|
+
var errors = _ref.errors;
|
|
46
|
+
return errors.map(function (_ref2) {
|
|
47
|
+
var code = _ref2.code;
|
|
48
|
+
return Toastr.error(constants.FILE_ERRORS[code] || i18next.t("neetoImageUploader.imageUpload.genericError"));
|
|
49
|
+
});
|
|
50
|
+
});
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
var useUploadDropzone = function useUploadDropzone(_ref) {
|
|
54
|
+
var _ref$uploadConfig = _ref.uploadConfig,
|
|
55
|
+
uploadConfig = _ref$uploadConfig === void 0 ? {
|
|
56
|
+
allowedImageTypes: [],
|
|
57
|
+
maxImageSize: 0
|
|
58
|
+
} : _ref$uploadConfig,
|
|
59
|
+
_onDrop = _ref.onDrop,
|
|
60
|
+
_ref$setImage = _ref.setImage,
|
|
61
|
+
setImage = _ref$setImage === void 0 ? neetoCist.noop : _ref$setImage;
|
|
62
|
+
var _useState = require$$0.useState(0),
|
|
63
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
64
|
+
uploadProgress = _useState2[0],
|
|
65
|
+
setUploadProgress = _useState2[1];
|
|
66
|
+
var _useDropzone = reactDropzone.useDropzone({
|
|
67
|
+
onDrop: function onDrop(acceptedFiles) {
|
|
68
|
+
return _onDrop(acceptedFiles[0], setUploadProgress, setImage);
|
|
69
|
+
},
|
|
70
|
+
accept: uploadConfig === null || uploadConfig === void 0 ? void 0 : uploadConfig.allowedImageTypes,
|
|
71
|
+
multiple: false,
|
|
72
|
+
maxSize: uploadConfig.maxImageSize * 1048576,
|
|
73
|
+
onDropRejected: handleDropRejected,
|
|
74
|
+
noDragEventsBubbling: true
|
|
75
|
+
}),
|
|
76
|
+
getRootProps = _useDropzone.getRootProps,
|
|
77
|
+
getInputProps = _useDropzone.getInputProps,
|
|
78
|
+
isDragActive = _useDropzone.isDragActive,
|
|
79
|
+
open = _useDropzone.open;
|
|
80
|
+
return {
|
|
81
|
+
getRootProps: getRootProps,
|
|
82
|
+
getInputProps: getInputProps,
|
|
83
|
+
isDragActive: isDragActive,
|
|
84
|
+
open: open,
|
|
85
|
+
uploadProgress: uploadProgress,
|
|
86
|
+
setUploadProgress: setUploadProgress
|
|
87
|
+
};
|
|
88
|
+
};
|
|
89
|
+
|
|
38
90
|
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; }
|
|
39
91
|
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; }
|
|
40
92
|
var ImageDirectUpload = /*#__PURE__*/require$$0.forwardRef(function (_ref, ref) {
|
|
@@ -50,7 +102,7 @@ var ImageDirectUpload = /*#__PURE__*/require$$0.forwardRef(function (_ref, ref)
|
|
|
50
102
|
_ref$isUploadDisabled = _ref.isUploadDisabled,
|
|
51
103
|
isUploadDisabled = _ref$isUploadDisabled === void 0 ? false : _ref$isUploadDisabled,
|
|
52
104
|
setImage = _ref.setImage;
|
|
53
|
-
var _useUploadDropzone = useUploadDropzone
|
|
105
|
+
var _useUploadDropzone = useUploadDropzone({
|
|
54
106
|
uploadConfig: uploadConfig,
|
|
55
107
|
onDrop: onDrop,
|
|
56
108
|
setImage: setImage
|
|
@@ -70,7 +122,7 @@ var ImageDirectUpload = /*#__PURE__*/require$$0.forwardRef(function (_ref, ref)
|
|
|
70
122
|
});
|
|
71
123
|
var shouldShowProgress = !!(uploadProgress && !ramda.equals(uploadProgress, 1));
|
|
72
124
|
return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, getRootProps()), {}, {
|
|
73
|
-
className: classnames(
|
|
125
|
+
className: classnames(constants.DROPZONE_ROOT_DIV_CLASSNAME, {
|
|
74
126
|
"neeto-ui-border-gray-300": !isDragActive,
|
|
75
127
|
"neeto-ui-border-gray-700": isDragActive
|
|
76
128
|
}),
|
|
@@ -150,20 +202,30 @@ var getWholeNumberAspectRatio = function getWholeNumberAspectRatio(_ref) {
|
|
|
150
202
|
width: 1,
|
|
151
203
|
height: 1
|
|
152
204
|
};
|
|
153
|
-
|
|
154
|
-
|
|
205
|
+
|
|
206
|
+
// NaN or Infinity would make the gcd loop below never terminate.
|
|
207
|
+
if (!Number.isFinite(width) || !Number.isFinite(height)) {
|
|
208
|
+
return constants$1.DEFAULT_ASPECT_RATIO;
|
|
209
|
+
}
|
|
210
|
+
var gcd = function gcd(a, b) {
|
|
211
|
+
while (b !== 0) {
|
|
212
|
+
var _ref2 = [b, a % b];
|
|
213
|
+
a = _ref2[0];
|
|
214
|
+
b = _ref2[1];
|
|
215
|
+
}
|
|
216
|
+
return a;
|
|
155
217
|
};
|
|
156
218
|
|
|
157
219
|
// Multiplying by 1000 is a temporary fix to prevent height and width with fractions (eg: 100.91).
|
|
158
|
-
var divisor =
|
|
220
|
+
var divisor = gcd(width * 1000, height * 1000);
|
|
159
221
|
return {
|
|
160
222
|
width: width / divisor,
|
|
161
223
|
height: height / divisor
|
|
162
224
|
};
|
|
163
225
|
};
|
|
164
|
-
var getCropValues = function getCropValues(
|
|
165
|
-
var crop =
|
|
166
|
-
imageRef =
|
|
226
|
+
var getCropValues = function getCropValues(_ref3) {
|
|
227
|
+
var crop = _ref3.crop,
|
|
228
|
+
imageRef = _ref3.imageRef;
|
|
167
229
|
var naturalWidth = imageRef.current.naturalWidth;
|
|
168
230
|
var naturalHeight = imageRef.current.naturalHeight;
|
|
169
231
|
return {
|
|
@@ -173,10 +235,10 @@ var getCropValues = function getCropValues(_ref2) {
|
|
|
173
235
|
height: crop.height / 100 * naturalHeight
|
|
174
236
|
};
|
|
175
237
|
};
|
|
176
|
-
var getImageKitCroppedURL = function getImageKitCroppedURL(
|
|
177
|
-
var imageURL =
|
|
178
|
-
crop =
|
|
179
|
-
imageRef =
|
|
238
|
+
var getImageKitCroppedURL = function getImageKitCroppedURL(_ref4) {
|
|
239
|
+
var imageURL = _ref4.imageURL,
|
|
240
|
+
crop = _ref4.crop,
|
|
241
|
+
imageRef = _ref4.imageRef;
|
|
180
242
|
var imagekit = new imagekit_esm.ImageKit({
|
|
181
243
|
urlEndpoint: initializers.globalProps.imagekit.urlEndpoint
|
|
182
244
|
});
|
|
@@ -206,12 +268,12 @@ var isNilOrEmpty = function isNilOrEmpty(value) {
|
|
|
206
268
|
var isNotNilOrEmpty = function isNotNilOrEmpty(value) {
|
|
207
269
|
return !isNilOrEmpty(value);
|
|
208
270
|
};
|
|
209
|
-
var isItemsCenter = function isItemsCenter(
|
|
210
|
-
var imageRef =
|
|
211
|
-
wrapperRef =
|
|
212
|
-
var
|
|
213
|
-
imageHeight =
|
|
214
|
-
imageWidth =
|
|
271
|
+
var isItemsCenter = function isItemsCenter(_ref5) {
|
|
272
|
+
var imageRef = _ref5.imageRef,
|
|
273
|
+
wrapperRef = _ref5.wrapperRef;
|
|
274
|
+
var _ref6 = imageRef.current || {},
|
|
275
|
+
imageHeight = _ref6.height,
|
|
276
|
+
imageWidth = _ref6.width;
|
|
215
277
|
var wrapperHeight = (wrapperRef.current || {}).clientHeight;
|
|
216
278
|
if (imageHeight < imageWidth && imageHeight < wrapperHeight - 1) {
|
|
217
279
|
// Landscape images smaller than wrapper dimensions
|
|
@@ -223,9 +285,9 @@ var isItemsCenter = function isItemsCenter(_ref4) {
|
|
|
223
285
|
}
|
|
224
286
|
return imageHeight > imageWidth && imageHeight < wrapperHeight - 1;
|
|
225
287
|
};
|
|
226
|
-
var calculateCloudFlareImageCroppedValues = function calculateCloudFlareImageCroppedValues(
|
|
227
|
-
var image =
|
|
228
|
-
crop =
|
|
288
|
+
var calculateCloudFlareImageCroppedValues = function calculateCloudFlareImageCroppedValues(_ref7) {
|
|
289
|
+
var image = _ref7.image,
|
|
290
|
+
crop = _ref7.crop;
|
|
229
291
|
var naturalWidth = image.metadata.width;
|
|
230
292
|
var naturalHeight = image.metadata.height;
|
|
231
293
|
var sourceX = crop.x / 100 * naturalWidth;
|
|
@@ -241,9 +303,9 @@ var calculateCloudFlareImageCroppedValues = function calculateCloudFlareImageCro
|
|
|
241
303
|
left: sourceX
|
|
242
304
|
};
|
|
243
305
|
};
|
|
244
|
-
var getCloudFlareCroppedURL = function getCloudFlareCroppedURL(
|
|
245
|
-
var image =
|
|
246
|
-
crop =
|
|
306
|
+
var getCloudFlareCroppedURL = function getCloudFlareCroppedURL(_ref8) {
|
|
307
|
+
var image = _ref8.image,
|
|
308
|
+
crop = _ref8.crop;
|
|
247
309
|
var _calculateCloudFlareI = calculateCloudFlareImageCroppedValues({
|
|
248
310
|
image: image,
|
|
249
311
|
crop: crop
|
|
@@ -255,19 +317,16 @@ var getCloudFlareCroppedURL = function getCloudFlareCroppedURL(_ref7) {
|
|
|
255
317
|
var trimValues = "".concat(top, ";").concat(right, ";").concat(bottom, ";").concat(left);
|
|
256
318
|
return image.url.replace("public", "trim=".concat(trimValues));
|
|
257
319
|
};
|
|
258
|
-
var getAspectRatio = function getAspectRatio(
|
|
259
|
-
var fixedAspectRatio =
|
|
260
|
-
imageSize =
|
|
320
|
+
var getAspectRatio = function getAspectRatio(_ref9) {
|
|
321
|
+
var fixedAspectRatio = _ref9.fixedAspectRatio,
|
|
322
|
+
imageSize = _ref9.imageSize;
|
|
261
323
|
if (neetoCist.isPresent(fixedAspectRatio === null || fixedAspectRatio === void 0 ? void 0 : fixedAspectRatio.width) && neetoCist.isPresent(fixedAspectRatio === null || fixedAspectRatio === void 0 ? void 0 : fixedAspectRatio.height)) {
|
|
262
324
|
return fixedAspectRatio;
|
|
263
325
|
}
|
|
264
326
|
if (neetoCist.isPresent(imageSize === null || imageSize === void 0 ? void 0 : imageSize.width) && neetoCist.isPresent(imageSize === null || imageSize === void 0 ? void 0 : imageSize.height)) {
|
|
265
327
|
return getWholeNumberAspectRatio(imageSize);
|
|
266
328
|
}
|
|
267
|
-
return
|
|
268
|
-
width: 16,
|
|
269
|
-
height: 9
|
|
270
|
-
};
|
|
329
|
+
return constants$1.DEFAULT_ASPECT_RATIO;
|
|
271
330
|
};
|
|
272
331
|
var getPixels = function getPixels(percentage, pixel) {
|
|
273
332
|
return Math.round(percentage / 100 * pixel);
|
|
@@ -275,10 +334,10 @@ var getPixels = function getPixels(percentage, pixel) {
|
|
|
275
334
|
var getPercentage = function getPercentage(crop, full) {
|
|
276
335
|
return crop / full * 100;
|
|
277
336
|
};
|
|
278
|
-
var getInitialCropSize = function getInitialCropSize(
|
|
279
|
-
var image =
|
|
280
|
-
aspectRatioFactor =
|
|
281
|
-
maxCropWidth =
|
|
337
|
+
var getInitialCropSize = function getInitialCropSize(_ref0) {
|
|
338
|
+
var image = _ref0.image,
|
|
339
|
+
aspectRatioFactor = _ref0.aspectRatioFactor,
|
|
340
|
+
maxCropWidth = _ref0.maxCropWidth;
|
|
282
341
|
var imageWidth = image.naturalWidth,
|
|
283
342
|
imageHeight = image.naturalHeight;
|
|
284
343
|
var imageAspectRatio = imageWidth / imageHeight;
|
|
@@ -306,16 +365,16 @@ var getWidthFromAspectRatio = function getWidthFromAspectRatio(height, aspectRat
|
|
|
306
365
|
return Math.round(height * aspectRatio.width / aspectRatio.height);
|
|
307
366
|
};
|
|
308
367
|
var getWrapperRefStyles = function getWrapperRefStyles(wrapperRef, imageRef) {
|
|
309
|
-
var
|
|
310
|
-
|
|
311
|
-
naturalHeight =
|
|
312
|
-
|
|
313
|
-
naturalWidth =
|
|
314
|
-
var
|
|
315
|
-
|
|
316
|
-
clientHeight =
|
|
317
|
-
|
|
318
|
-
clientWidth =
|
|
368
|
+
var _ref1 = imageRef.current || {},
|
|
369
|
+
_ref1$naturalHeight = _ref1.naturalHeight,
|
|
370
|
+
naturalHeight = _ref1$naturalHeight === void 0 ? 100 : _ref1$naturalHeight,
|
|
371
|
+
_ref1$naturalWidth = _ref1.naturalWidth,
|
|
372
|
+
naturalWidth = _ref1$naturalWidth === void 0 ? 100 : _ref1$naturalWidth;
|
|
373
|
+
var _ref10 = wrapperRef.current || {},
|
|
374
|
+
_ref10$clientHeight = _ref10.clientHeight,
|
|
375
|
+
clientHeight = _ref10$clientHeight === void 0 ? 100 : _ref10$clientHeight,
|
|
376
|
+
_ref10$clientWidth = _ref10.clientWidth,
|
|
377
|
+
clientWidth = _ref10$clientWidth === void 0 ? 100 : _ref10$clientWidth;
|
|
319
378
|
if (naturalWidth <= clientWidth && naturalHeight <= clientHeight) {
|
|
320
379
|
return {
|
|
321
380
|
maxWidth: naturalWidth
|
|
@@ -361,4 +420,5 @@ exports.getWrapperRefStyles = getWrapperRefStyles;
|
|
|
361
420
|
exports.isItemsCenter = isItemsCenter;
|
|
362
421
|
exports.isNilOrEmpty = isNilOrEmpty;
|
|
363
422
|
exports.isNotNilOrEmpty = isNotNilOrEmpty;
|
|
364
|
-
|
|
423
|
+
exports.useUploadDropzone = useUploadDropzone;
|
|
424
|
+
//# sourceMappingURL=utils-hFSeEG9S.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils-hFSeEG9S.js","sources":["../app/javascript/src/components/ImageUploader/constants.js","../app/javascript/src/components/ImageUploader/utils.js","../app/javascript/src/components/common/utils.js","../app/javascript/src/hooks/useUploadDropzone.js","../app/javascript/src/components/common/ImageDirectUpload.jsx","../app/javascript/src/components/ImageEditor/utils.js"],"sourcesContent":["import { globalProps } from \"neetocommons/initializers\";\n\nexport const DEFAULT_ALLOWED_IMAGE_TYPES = {\n \"image/png\": [\".png\"],\n \"image/jpg\": [\".jpg\", \".jpeg\"],\n \"image/gif\": [\".gif\"],\n \"image/svg+xml\": [\".svg\"],\n};\n\nexport const DEFAULT_UPLOAD_CONFIG = {\n maxImageSize: globalProps.endUserUploadedFileSizeLimitInMb,\n allowedImageTypes: DEFAULT_ALLOWED_IMAGE_TYPES,\n};\n\nexport const OPTION_KEYS = { asset: \"asset\", remove: \"remove\" };\n","import { flatten, pipe, join, map, toUpper, values } from \"ramda\";\n\nexport const getAllowedTypes = uploadConfig =>\n pipe(\n values,\n flatten,\n map(extension => extension.slice(1)),\n map(toUpper),\n join(\", \")\n )(uploadConfig.allowedImageTypes);\n","import { t } from \"i18next\";\nimport { Toastr } from \"neetoui\";\n\nimport { FILE_ERRORS } from \"./constants\";\n\nexport const handleDropRejected = fileRejections => {\n fileRejections.map(({ errors }) =>\n errors.map(({ code }) =>\n Toastr.error(\n FILE_ERRORS[code] || t(\"neetoImageUploader.imageUpload.genericError\")\n )\n )\n );\n};\n","import { useState } from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { useDropzone } from \"react-dropzone\";\n\nimport { handleDropRejected } from \"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 { forwardRef, useImperativeHandle } from \"react\";\n\nimport classnames from \"classnames\";\nimport { noop, isPresent } from \"neetocist\";\nimport { Button, Typography, ProgressBar } from \"neetoui\";\nimport { equals } from \"ramda\";\nimport { Trans } from \"react-i18next\";\n\nimport { DEFAULT_UPLOAD_CONFIG } from \"components/ImageUploader/constants\";\nimport { getAllowedTypes } from \"components/ImageUploader/utils\";\nimport useUploadDropzone from \"hooks/useUploadDropzone\";\n\nimport { DROPZONE_ROOT_DIV_CLASSNAME } from \"./constants\";\n\nconst ImageDirectUpload = 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 \"neeto-ui-border-gray-300\": !isDragActive,\n \"neeto-ui-border-gray-700\": isDragActive,\n })}\n >\n {shouldShowProgress ? (\n <ProgressBar\n progressPercentage={uploadProgress}\n progressValue={`${uploadProgress}%`}\n />\n ) : (\n <div className=\"flex flex-col space-y-1\">\n {!isDisabled && (\n <Typography\n className=\"neeto-ui-text-gray-800 text-center leading-4\"\n style=\"body2\"\n >\n <Trans\n i18nKey=\"neetoImageUploader.imageUpload.dragAndDropOrBrowseFile\"\n components={{\n span: (\n <Button\n data-testid=\"neeto-image-uploader-browse-text\"\n style=\"link\"\n onClick={event => {\n event.stopPropagation();\n open();\n }}\n />\n ),\n }}\n />\n </Typography>\n )}\n {setIsAssetLibraryOpen && (\n <Typography\n style=\"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 style=\"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=\"neeto-ui-text-gray-700 text-center leading-4\"\n data-testid=\"neeto-image-uploader-restriction-message\"\n lineHeight=\"snug\"\n style=\"nano\"\n >\n <Trans\n i18nKey=\"neetoImageUploader.imageUpload.restrictionMessage\"\n values={{\n fileTypes: getAllowedTypes(uploadConfig),\n size: uploadConfig?.maxImageSize,\n }}\n />\n </Typography>\n {isPresent(defaultImageSize) && (\n <Typography\n className=\"neeto-ui-text-gray-700 text-center leading-4\"\n data-testid=\"neeto-image-uploader-ideal-image-size-info-text\"\n lineHeight=\"snug\"\n style=\"nano\"\n >\n <Trans\n i18nKey=\"neetoImageUploader.imageUpload.idealImageSizeInfo\"\n values={{ ...defaultImageSize }}\n />\n </Typography>\n )}\n </div>\n )}\n </div>\n );\n }\n);\n\nImageDirectUpload.displayName = \"ImageDirectUpload\";\n\nexport default ImageDirectUpload;\n","import ImageKit from \"imagekit-javascript\";\nimport { isPresent } from \"neetocist\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { isEmpty, isNil } from \"ramda\";\n\nimport { DEFAULT_ASPECT_RATIO } from \"components/constants\";\n\nconst getWholeNumberAspectRatio = ({ width, height }) => {\n if (width === height) return { width: 1, height: 1 };\n\n // NaN or Infinity would make the gcd loop below never terminate.\n if (!Number.isFinite(width) || !Number.isFinite(height)) {\n return DEFAULT_ASPECT_RATIO;\n }\n\n const gcd = (a, b) => {\n while (b !== 0) [a, b] = [b, a % b];\n\n return a;\n };\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 DEFAULT_ASPECT_RATIO;\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":["DEFAULT_ALLOWED_IMAGE_TYPES","DEFAULT_UPLOAD_CONFIG","maxImageSize","globalProps","endUserUploadedFileSizeLimitInMb","allowedImageTypes","OPTION_KEYS","asset","remove","getAllowedTypes","uploadConfig","pipe","values","flatten","map","extension","slice","toUpper","join","handleDropRejected","fileRejections","_ref","errors","_ref2","code","Toastr","error","FILE_ERRORS","t","useUploadDropzone","_ref$uploadConfig","onDrop","_ref$setImage","setImage","noop","_useState","useState","_useState2","_slicedToArray","uploadProgress","setUploadProgress","_useDropzone","useDropzone","acceptedFiles","accept","multiple","maxSize","onDropRejected","noDragEventsBubbling","getRootProps","getInputProps","isDragActive","open","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","DROPZONE_ROOT_DIV_CLASSNAME","children","ProgressBar","progressPercentage","progressValue","concat","_jsxs","Typography","style","Trans","i18nKey","components","span","Button","onClick","event","stopPropagation","e","disabled","lineHeight","fileTypes","size","isPresent","displayName","getWholeNumberAspectRatio","width","height","Number","isFinite","DEFAULT_ASPECT_RATIO","gcd","a","b","divisor","getCropValues","_ref3","crop","imageRef","naturalWidth","current","naturalHeight","x","y","getImageKitCroppedURL","_ref4","imageURL","imagekit","ImageKit","urlEndpoint","_getCropValues","transformation","cropMode","url","src","isNilOrEmpty","value","isNil","isEmpty","isNotNilOrEmpty","isItemsCenter","_ref5","wrapperRef","_ref6","imageHeight","imageWidth","wrapperHeight","clientHeight","calculateCloudFlareImageCroppedValues","_ref7","image","metadata","sourceX","sourceY","sourceWidth","sourceHeight","distanceFromRight","Math","abs","distanceFromBottom","top","right","bottom","left","getCloudFlareCroppedURL","_ref8","_calculateCloudFlareI","trimValues","replace","getAspectRatio","_ref9","fixedAspectRatio","imageSize","getPixels","percentage","pixel","round","getPercentage","full","getInitialCropSize","_ref0","aspectRatioFactor","maxCropWidth","imageAspectRatio","maxCropHeight","cropWidth","cropHeight","min","getHeightFromAspectRatio","aspectRatio","getWidthFromAspectRatio","getWrapperRefStyles","_ref1","_ref1$naturalHeight","_ref1$naturalWidth","_ref10","_ref10$clientHeight","_ref10$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-BG5uqsQH.js';
|
|
12
|
+
import '../imagekit.esm-Wbu4ABaW.js';
|
|
13
|
+
export { M as default } from '../index-BP6z5Bmi.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-qANYsRgw.js';
|
|
28
|
+
import '../constants-BNGwgivX.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-BG5uqsQH.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-BG5uqsQH.js';
|
|
35
34
|
import 'react-dropzone';
|
|
36
35
|
import '../ImageWithFallback-MfA03icL.js';
|
|
37
|
-
import '../index-
|
|
38
|
-
import '../useUnsplashApi-
|
|
39
|
-
import '../constants-
|
|
36
|
+
import '../index-BP6z5Bmi.js';
|
|
37
|
+
import '../useUnsplashApi-qANYsRgw.js';
|
|
38
|
+
import '../constants-BNGwgivX.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-BG5uqsQH.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-BP6z5Bmi.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-qANYsRgw.js';
|
|
31
|
+
import '../constants-BNGwgivX.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';
|