@bigbinary/neeto-image-uploader-frontend 2.0.2 → 2.2.0

package/dist/ImageWithFallback-e6b44c73.js

@@ -0,0 +1,158 @@
+import { _ as _defineProperty, a as _slicedToArray } from './index-b9963255.js';
+import { useState, useEffect } from 'react';
+import classnames from 'classnames';
+import { noop } from '@bigbinary/neeto-cist';
+import Button from '@bigbinary/neetoui/Button';
+import Typography from '@bigbinary/neetoui/Typography';
+import { pipe, values, flatten, map, toUpper, join, equals } from 'ramda';
+import { Trans } from 'react-i18next';
+import { u as useUploadDropzone, n as DROPZONE_ROOT_DIV_CLASSNAME, h as DEFAULT_UPLOAD_CONFIG, _ as _objectWithoutProperties } from './utils-96eacd77.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var getAllowedTypes = function getAllowedTypes(uploadConfig) {
+  return pipe(values, flatten, map(function (extension) {
+    return extension.slice(1);
+  }), map(toUpper), join(", "))(uploadConfig.allowedImageTypes);
+};
+
+var ProgressBar = function ProgressBar(_ref) {
+  var _ref$progressPercenta = _ref.progressPercentage,
+    progressPercentage = _ref$progressPercenta === void 0 ? 0 : _ref$progressPercenta,
+    progressValue = _ref.progressValue;
+  return /*#__PURE__*/jsx("div", {
+    className: "neeto-ui-border-primary-600 hover:neeto-ui-bg-gray-100 neeto-ui-rounded-lg flex h-full cursor-pointer items-center justify-center gap-3 border border-dashed p-5 transition-all duration-300 ease-in-out",
+    children: /*#__PURE__*/jsx("div", {
+      className: "neeto-ui-bg-gray-200 neeto-ui-rounded-full w-full overflow-hidden dark:bg-gray-700",
+      children: /*#__PURE__*/jsx("div", {
+        className: "neeto-ui-bg-primary-600 text-2xs neeto-ui-text-primary-100 neeto-ui-rounded-full flex h-3 animate-pulse items-center justify-center font-medium leading-none transition-all duration-300 ease-in-out",
+        "data-cy": "neeto-image-uploader-progress-bar",
+        style: {
+          width: "".concat(progressPercentage, "%")
+        },
+        children: progressValue
+      })
+    })
+  });
+};
+
+function ownKeys$2(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; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ImageDirectUpload = function ImageDirectUpload(_ref) {
+  var _ref$uploadConfig = _ref.uploadConfig,
+    uploadConfig = _ref$uploadConfig === void 0 ? DEFAULT_UPLOAD_CONFIG : _ref$uploadConfig,
+    _ref$onDrop = _ref.onDrop,
+    onDrop = _ref$onDrop === void 0 ? noop : _ref$onDrop,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    setIsAssetLibraryOpen = _ref.setIsAssetLibraryOpen;
+  var _useUploadDropzone = useUploadDropzone({
+      uploadConfig: uploadConfig,
+      onDrop: onDrop
+    }),
+    getRootProps = _useUploadDropzone.getRootProps,
+    getInputProps = _useUploadDropzone.getInputProps,
+    isDragActive = _useUploadDropzone.isDragActive,
+    uploadProgress = _useUploadDropzone.uploadProgress;
+  var shouldShowProgress = !!(uploadProgress && !equals(uploadProgress, 1));
+  return shouldShowProgress ? /*#__PURE__*/jsx(ProgressBar, {
+    progressPercentage: uploadProgress,
+    progressValue: "".concat(uploadProgress, "%")
+  }) : /*#__PURE__*/jsx("div", _objectSpread$2(_objectSpread$2({}, getRootProps()), {}, {
+    className: classnames(DROPZONE_ROOT_DIV_CLASSNAME, {
+      "neeto-ui-border-gray-300": !isDragActive,
+      "neeto-ui-border-gray-700": isDragActive
+    }),
+    children: /*#__PURE__*/jsxs("div", {
+      className: "flex flex-col space-y-1",
+      children: [!isDisabled && /*#__PURE__*/jsx(Typography, {
+        className: "neeto-ui-text-gray-800 text-center leading-4",
+        style: "body2",
+        children: /*#__PURE__*/jsx(Trans, {
+          i18nKey: "neetoImageUploader.imageUpload.dragAndDropOrBrowseFile",
+          components: {
+            span: /*#__PURE__*/jsx(Button, {
+              "data-cy": "neeto-image-uploader-browse-text",
+              style: "link"
+            })
+          }
+        })
+      }), setIsAssetLibraryOpen && /*#__PURE__*/jsx(Typography, {
+        className: "text-center leading-4",
+        style: "body2",
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          setIsAssetLibraryOpen(true);
+        },
+        children: /*#__PURE__*/jsx(Trans, {
+          i18nKey: "neetoImageUploader.imageUpload.selectImagefromImageLibrary",
+          components: {
+            span: /*#__PURE__*/jsx(Button, {
+              "data-cy": "open-asset-library-button",
+              style: "link"
+            })
+          }
+        })
+      }), /*#__PURE__*/jsx("input", _objectSpread$2(_objectSpread$2({}, getInputProps()), {}, {
+        "data-cy": "neeto-image-uploader-file-input",
+        disabled: isDisabled
+      })), /*#__PURE__*/jsx(Typography, {
+        className: "neeto-ui-text-gray-700 text-center leading-4",
+        "data-cy": "neeto-image-uploader-restriction-message",
+        lineHeight: "snug",
+        style: "nano",
+        children: /*#__PURE__*/jsx(Trans, {
+          i18nKey: "neetoImageUploader.imageUpload.restrictionMessage",
+          values: {
+            fileTypes: getAllowedTypes(uploadConfig),
+            size: uploadConfig === null || uploadConfig === void 0 ? void 0 : uploadConfig.maxImageSize
+          }
+        })
+      })]
+    })
+  }));
+};
+
+var _excluded$1 = ["className"];
+function ownKeys$1(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; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ImagePlaceholder = function ImagePlaceholder(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    props = _objectWithoutProperties(_ref, _excluded$1);
+  return /*#__PURE__*/jsx("div", _objectSpread$1({
+    className: classnames("neeto-ui-bg-gray-200", _defineProperty({}, className, className))
+  }, props));
+};
+
+var _excluded = ["src", "className", "fallback"];
+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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).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; }
+var ImageWithFallback = function ImageWithFallback(_ref) {
+  var src = _ref.src,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "h-full w-full" : _ref$className,
+    _ref$fallback = _ref.fallback,
+    Fallback = _ref$fallback === void 0 ? ImagePlaceholder : _ref$fallback,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoaded = _useState2[0],
+    setIsLoaded = _useState2[1];
+  useEffect(function () {
+    var img = new Image();
+    img.onload = function () {
+      setIsLoaded(true);
+    };
+    img.src = src;
+  }, [src]);
+  return isLoaded ? /*#__PURE__*/jsx("img", _objectSpread(_objectSpread({}, _objectSpread({
+    src: src
+  }, props)), {}, {
+    className: "h-full w-auto object-contain"
+  })) : /*#__PURE__*/jsx(Fallback, _objectSpread({}, _objectSpread({
+    className: className
+  }, props)));
+};
+
+export { ImageWithFallback as I, ImageDirectUpload as a };
+//# sourceMappingURL=ImageWithFallback-e6b44c73.js.map

package/dist/ImageWithFallback-e6b44c73.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageWithFallback-e6b44c73.js","sources":["../app/javascript/src/components/ImageUploader/utils.js","../app/javascript/src/components/common/ProgressBar.jsx","../app/javascript/src/components/common/ImageDirectUpload.jsx","../app/javascript/src/components/common/ImagePlaceholder.jsx","../app/javascript/src/components/common/ImageWithFallback.jsx"],"sourcesContent":["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 React from \"react\";\n\nconst ProgressBar = ({ progressPercentage = 0, progressValue }) => (\n  <div className=\"neeto-ui-border-primary-600 hover:neeto-ui-bg-gray-100 neeto-ui-rounded-lg flex h-full cursor-pointer items-center justify-center gap-3 border border-dashed p-5 transition-all duration-300 ease-in-out\">\n    <div className=\"neeto-ui-bg-gray-200 neeto-ui-rounded-full w-full overflow-hidden dark:bg-gray-700\">\n      <div\n        className=\"neeto-ui-bg-primary-600 text-2xs neeto-ui-text-primary-100 neeto-ui-rounded-full flex h-3 animate-pulse items-center justify-center font-medium leading-none transition-all duration-300 ease-in-out\"\n        data-cy=\"neeto-image-uploader-progress-bar\"\n        style={{ width: `${progressPercentage}%` }}\n      >\n        {progressValue}\n      </div>\n    </div>\n  </div>\n);\n\nexport default ProgressBar;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { Button, Typography } 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\";\nimport ProgressBar from \"./ProgressBar\";\n\nconst ImageDirectUpload = ({\n  uploadConfig = DEFAULT_UPLOAD_CONFIG,\n  onDrop = noop,\n  isDisabled = false,\n  setIsAssetLibraryOpen,\n}) => {\n  const { getRootProps, getInputProps, isDragActive, uploadProgress } =\n    useUploadDropzone({ uploadConfig, onDrop });\n\n  const shouldShowProgress = !!(uploadProgress && !equals(uploadProgress, 1));\n\n  return shouldShowProgress ? (\n    <ProgressBar\n      progressPercentage={uploadProgress}\n      progressValue={`${uploadProgress}%`}\n    />\n  ) : (\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      <div className=\"flex flex-col space-y-1\">\n        {!isDisabled && (\n          <Typography\n            className=\"neeto-ui-text-gray-800 text-center leading-4\"\n            style=\"body2\"\n          >\n            <Trans\n              i18nKey=\"neetoImageUploader.imageUpload.dragAndDropOrBrowseFile\"\n              components={{\n                span: (\n                  <Button\n                    data-cy=\"neeto-image-uploader-browse-text\"\n                    style=\"link\"\n                  />\n                ),\n              }}\n            />\n          </Typography>\n        )}\n        {setIsAssetLibraryOpen && (\n          <Typography\n            className=\"text-center leading-4\"\n            style=\"body2\"\n            onClick={e => {\n              e.stopPropagation();\n              setIsAssetLibraryOpen(true);\n            }}\n          >\n            <Trans\n              i18nKey=\"neetoImageUploader.imageUpload.selectImagefromImageLibrary\"\n              components={{\n                span: (\n                  <Button data-cy=\"open-asset-library-button\" style=\"link\" />\n                ),\n              }}\n            />\n          </Typography>\n        )}\n        <input\n          {...getInputProps()}\n          data-cy=\"neeto-image-uploader-file-input\"\n          disabled={isDisabled}\n        />\n        <Typography\n          className=\"neeto-ui-text-gray-700 text-center leading-4\"\n          data-cy=\"neeto-image-uploader-restriction-message\"\n          lineHeight=\"snug\"\n          style=\"nano\"\n        >\n          <Trans\n            i18nKey=\"neetoImageUploader.imageUpload.restrictionMessage\"\n            values={{\n              fileTypes: getAllowedTypes(uploadConfig),\n              size: uploadConfig?.maxImageSize,\n            }}\n          />\n        </Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default ImageDirectUpload;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\n\nconst ImagePlaceholder = ({ className = \"\", ...props }) => (\n  <div\n    className={classnames(\"neeto-ui-bg-gray-200\", {\n      [className]: className,\n    })}\n    {...props}\n  />\n);\n\nexport default ImagePlaceholder;\n","import React, { useEffect, useState } from \"react\";\n\nimport ImagePlaceholder from \"./ImagePlaceholder\";\n\nconst ImageWithFallback = ({\n  src,\n  className = \"h-full w-full\",\n  fallback: Fallback = ImagePlaceholder,\n  ...props\n}) => {\n  const [isLoaded, setIsLoaded] = useState(false);\n\n  useEffect(() => {\n    const img = new Image();\n    img.onload = () => {\n      setIsLoaded(true);\n    };\n    img.src = src;\n  }, [src]);\n\n  return isLoaded ? (\n    <img {...{ src, ...props }} className=\"h-full w-auto object-contain\" />\n  ) : (\n    <Fallback {...{ className, ...props }} />\n  );\n};\n\nexport default ImageWithFallback;\n"],"names":["getAllowedTypes","uploadConfig","pipe","values","flatten","map","extension","slice","toUpper","join","allowedImageTypes","ProgressBar","_ref","_ref$progressPercenta","progressPercentage","progressValue","_jsx","className","children","style","width","concat","ImageDirectUpload","_ref$uploadConfig","DEFAULT_UPLOAD_CONFIG","_ref$onDrop","onDrop","noop","_ref$isDisabled","isDisabled","setIsAssetLibraryOpen","_useUploadDropzone","useUploadDropzone","getRootProps","getInputProps","isDragActive","uploadProgress","shouldShowProgress","equals","_objectSpread","classnames","DROPZONE_ROOT_DIV_CLASSNAME","_jsxs","Typography","Trans","i18nKey","components","span","Button","onClick","e","stopPropagation","disabled","lineHeight","fileTypes","size","maxImageSize","ImagePlaceholder","_ref$className","props","_objectWithoutProperties","_excluded","_defineProperty","ImageWithFallback","src","_ref$fallback","fallback","Fallback","_useState","useState","_useState2","_slicedToArray","isLoaded","setIsLoaded","useEffect","img","Image","onload"],"mappings":"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"}