@bigbinary/neeto-image-uploader-frontend 2.3.10 → 2.3.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-image-uploader-frontend",
-  "version": "2.3.10",
+  "version": "2.3.14",
   "license": "UNLICENSED",
   "bugs": {
     "url": "https://github.com/bigbinary/neeto-image-uploader-nano/issues"
@@ -57,71 +57,74 @@
     }
   },
   "devDependencies": {
-    "@babel/core": "^7.19.1",
-    "@babel/eslint-parser": "7.17.0",
-    "@babel/plugin-transform-runtime": "^7.19.1",
-    "@babel/preset-env": "7.17.10",
-    "@babel/preset-react": "7.16.7",
-    "@babel/preset-typescript": "^7.18.6",
-    "@babel/runtime": "7.19.0",
+    "@babel/core": "7.26.0",
+    "@babel/eslint-parser": "7.25.9",
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/plugin-transform-runtime": "7.25.9",
+    "@babel/preset-env": "7.26.0",
+    "@babel/preset-react": "7.25.9",
+    "@babel/preset-typescript": "7.26.0",
+    "@babel/runtime": "7.26.0",
     "@bigbinary/babel-preset-neeto": "^1.0.3",
-    "@bigbinary/eslint-plugin-neeto": "1.5.4",
-    "@bigbinary/neeto-cist": "1.0.12",
-    "@bigbinary/neeto-commons-frontend": "4.8.6",
-    "@bigbinary/neeto-editor": "1.43.9",
-    "@bigbinary/neeto-filters-frontend": "4.3.5",
-    "@bigbinary/neeto-icons": "1.20.8",
-    "@bigbinary/neeto-molecules": "3.7.24",
-    "@bigbinary/neeto-team-members-frontend": "4.4.2",
-    "@bigbinary/neetoui": "8.2.25",
+    "@bigbinary/eslint-plugin-neeto": "1.5.6",
+    "@bigbinary/neeto-cist": "1.0.14",
+    "@bigbinary/neeto-commons-frontend": "4.12.6",
+    "@bigbinary/neeto-editor": "1.43.28",
+    "@bigbinary/neeto-filters-frontend": "4.3.10",
+    "@bigbinary/neeto-icons": "1.20.21",
+    "@bigbinary/neeto-molecules": "3.13.9",
+    "@bigbinary/neeto-team-members-frontend": "4.4.8",
+    "@bigbinary/neetoui": "8.2.45",
     "@emotion/is-prop-valid": "1.2.0",
     "@faker-js/faker": "8.2.0",
-    "@honeybadger-io/js": "^6.4.1",
-    "@honeybadger-io/react": "^6.1.3",
+    "@honeybadger-io/js": "6.10.1",
+    "@honeybadger-io/react": "6.1.25",
     "@rails/activestorage": "7.0.8-3",
-    "@rollup/plugin-alias": "5.0.1",
+    "@rollup/plugin-alias": "5.1.1",
     "@rollup/plugin-babel": "6.0.4",
     "@rollup/plugin-commonjs": "25.0.7",
-    "@rollup/plugin-json": "6.0.1",
-    "@rollup/plugin-node-resolve": "15.2.3",
+    "@rollup/plugin-json": "6.1.0",
+    "@rollup/plugin-node-resolve": "15.3.0",
     "@rollup/plugin-replace": "5.0.4",
     "@svgr/rollup": "8.1.0",
-    "@tanstack/react-query": "5.40.0",
-    "antd": "5.16.0",
+    "@tailwindcss/container-queries": "^0.1.1",
+    "@tanstack/react-query": "5.59.20",
+    "antd": "5.22.0",
     "assert": "^2.0.0",
     "autoprefixer": "^10.4.5",
-    "axios": "1.7.4",
+    "axios": "1.7.7",
     "babel-loader": "^8.2.5",
     "babel-plugin-istanbul": "^6.1.1",
     "babel-plugin-js-logger": "1.0.17",
     "babel-plugin-macros": "3.1.0",
+    "babel-plugin-module-resolver": "^5.0.0",
     "babel-plugin-preval": "^5.1.0",
     "babel-plugin-transform-react-remove-prop-types": "0.4.24",
     "babel-preset-react": "6.24.1",
     "babel-preset-typescript": "^7.0.0-alpha.19",
     "browserify-zlib": "^0.2.0",
     "buffer": "^6.0.3",
-    "classnames": "2.3.1",
-    "crypto-browserify": "^3.12.0",
+    "classnames": "2.5.1",
+    "crypto-browserify": "3.12.1",
     "css-loader": "^6.7.1",
     "dompurify": "^2.4.0",
     "dotenv-webpack": "^8.0.1",
     "eslint": "8.14.0",
     "eslint-config-prettier": "8.5.0",
     "eslint-plugin-cypress": "2.12.1",
-    "eslint-plugin-import": "2.26.0",
+    "eslint-plugin-import": "2.31.0",
     "eslint-plugin-jam3": "0.2.3",
     "eslint-plugin-json": "3.1.0",
-    "eslint-plugin-no-unsanitized": "^4.0.2",
+    "eslint-plugin-no-unsanitized": "4.1.2",
     "eslint-plugin-prettier": "4.0.0",
     "eslint-plugin-promise": "6.0.0",
-    "eslint-plugin-react": "7.29.4",
+    "eslint-plugin-react": "7.37.2",
     "eslint-plugin-react-hooks": "4.5.0",
     "eslint-plugin-security": "^1.7.1",
     "eslint-plugin-sonarjs": "^0.21.0",
     "eslint-plugin-unused-imports": "2.0.0",
     "eslint-plugin-xss": "^0.1.12",
-    "formik": "2.2.9",
+    "formik": "2.4.6",
     "html-webpack-plugin": "5.5.0",
     "https-browserify": "1.0.0",
     "husky": "7.0.4",
@@ -135,7 +138,7 @@
     "os-browserify": "0.3.0",
     "path-browserify": "^1.0.1",
     "perf_hooks": "^0.0.1",
-    "postcss": "^8.4.31",
+    "postcss": "8.4.49",
     "postcss-import": "^15.0.0",
     "postcss-loader": "^7.0.1",
     "postcss-preset-env": "7.8.2",
@@ -146,7 +149,7 @@
     "ramda": "0.29.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-dropzone": "14.2.3",
+    "react-dropzone": "14.3.5",
     "react-helmet": "^6.1.0",
     "react-i18next": "12.3.1",
     "react-image-crop": "^10.0.9",
@@ -155,7 +158,7 @@
     "react-router-dom": "5.3.3",
     "react-toastify": "8.0.2",
     "react_ujs": "^3.1.1",
-    "rollup": "^4.24.0",
+    "rollup": "4.25.0",
     "rollup-plugin-analyzer": "4.0.0",
     "rollup-plugin-cleaner": "1.0.0",
     "rollup-plugin-copy": "3.5.0",
@@ -168,7 +171,7 @@
     "stream-browserify": "^3.0.0",
     "stream-http": "3.2.0",
     "style-loader": "^3.3.1",
-    "tailwindcss": "^3.4.1",
+    "tailwindcss": "3.4.14",
     "tty-browserify": "0.0.1",
     "url": "^0.11.0",
     "util": "^0.12.5",
@@ -181,26 +184,27 @@
     "zustand": "4.3.2"
   },
   "peerDependencies": {
-    "@babel/runtime": "7.19.0",
-    "@bigbinary/neeto-cist": "1.0.12",
-    "@bigbinary/neeto-commons-frontend": "4.8.6",
-    "@bigbinary/neeto-editor": "1.43.9",
-    "@bigbinary/neeto-filters-frontend": "4.3.5",
-    "@bigbinary/neeto-icons": "1.20.8",
-    "@bigbinary/neeto-molecules": "3.7.24",
-    "@bigbinary/neeto-team-members-frontend": "4.4.2",
-    "@bigbinary/neetoui": "8.2.25",
-    "@honeybadger-io/js": "^6.4.1",
-    "@honeybadger-io/react": "^6.1.3",
+    "@babel/runtime": "7.26.0",
+    "@bigbinary/neeto-cist": "1.0.14",
+    "@bigbinary/neeto-commons-frontend": "4.12.6",
+    "@bigbinary/neeto-editor": "1.43.28",
+    "@bigbinary/neeto-filters-frontend": "4.3.10",
+    "@bigbinary/neeto-icons": "1.20.21",
+    "@bigbinary/neeto-molecules": "3.13.9",
+    "@bigbinary/neeto-team-members-frontend": "4.4.8",
+    "@bigbinary/neetoui": "8.2.45",
+    "@honeybadger-io/js": "6.10.1",
+    "@honeybadger-io/react": "6.1.25",
     "@rails/activestorage": "7.0.8-3",
-    "@tanstack/react-query": "5.40.0",
-    "antd": "5.16.0",
-    "axios": "1.7.4",
+    "@tailwindcss/container-queries": "^0.1.1",
+    "@tanstack/react-query": "5.59.20",
+    "antd": "5.22.0",
+    "axios": "1.7.7",
     "buffer": "^6.0.3",
-    "classnames": "2.3.1",
-    "crypto-browserify": "^3.12.0",
+    "classnames": "2.5.1",
+    "crypto-browserify": "3.12.1",
     "dompurify": "^2.4.0",
-    "formik": "2.2.9",
+    "formik": "2.4.6",
     "https-browserify": "1.0.0",
     "i18next": "22.5.1",
     "js-logger": "1.6.1",
@@ -211,7 +215,7 @@
     "ramda": "0.29.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-dropzone": "14.2.3",
+    "react-dropzone": "14.3.5",
     "react-helmet": "^6.1.0",
     "react-i18next": "12.3.1",
     "react-query": "3.39.3",
@@ -220,7 +224,7 @@
     "source-map-loader": "4.0.1",
     "stream-browserify": "^3.0.0",
     "stream-http": "3.2.0",
-    "tailwindcss": "^3.4.1",
+    "tailwindcss": "3.4.14",
     "tty-browserify": "0.0.1",
     "url": "^0.11.0",
     "util": "^0.12.5",

package/types.d.ts

@@ -22,6 +22,7 @@ interface ImageUploaderProps {
     };
   };
   fixedAspectRatio?: { width: number; height: number };
+  defaultImageSize?: { height: number; width: number };
 }
 
 interface BasicImageUploaderProps {

package/dist/ImageWithFallback-Dz9cyV2n.js

@@ -1,144 +0,0 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var classnames = require('classnames');
-var neetoCist = require('@bigbinary/neeto-cist');
-var Button = require('@bigbinary/neetoui/Button');
-var Typography = require('@bigbinary/neetoui/Typography');
-var ProgressBar = require('@bigbinary/neetoui/ProgressBar');
-var ramda = require('ramda');
-var reactI18next = require('react-i18next');
-var utils = require('./utils-tPaqWDxV.js');
-var jsxRuntime = require('react/jsx-runtime');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var require$$0 = require('react');
-
-var getAllowedTypes = function getAllowedTypes(uploadConfig) {
-  return ramda.pipe(ramda.values, ramda.flatten, ramda.map(function (extension) {
-    return extension.slice(1);
-  }), ramda.map(ramda.toUpper), ramda.join(", "))(uploadConfig.allowedImageTypes);
-};
-
-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 ? utils.DEFAULT_UPLOAD_CONFIG : _ref$uploadConfig,
-    _ref$onDrop = _ref.onDrop,
-    onDrop = _ref$onDrop === void 0 ? neetoCist.noop : _ref$onDrop,
-    _ref$isDisabled = _ref.isDisabled,
-    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-    setIsAssetLibraryOpen = _ref.setIsAssetLibraryOpen;
-  var _useUploadDropzone = utils.useUploadDropzone({
-      uploadConfig: uploadConfig,
-      onDrop: onDrop
-    }),
-    getRootProps = _useUploadDropzone.getRootProps,
-    getInputProps = _useUploadDropzone.getInputProps,
-    isDragActive = _useUploadDropzone.isDragActive,
-    uploadProgress = _useUploadDropzone.uploadProgress;
-  var shouldShowProgress = !!(uploadProgress && !ramda.equals(uploadProgress, 1));
-  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$2(_objectSpread$2({}, getRootProps()), {}, {
-    className: classnames(utils.DROPZONE_ROOT_DIV_CLASSNAME, {
-      "neeto-ui-border-gray-300": !isDragActive,
-      "neeto-ui-border-gray-700": isDragActive
-    }),
-    children: shouldShowProgress ? /*#__PURE__*/jsxRuntime.jsx(ProgressBar, {
-      progressPercentage: uploadProgress,
-      progressValue: "".concat(uploadProgress, "%")
-    }) : /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex flex-col space-y-1",
-      children: [!isDisabled && /*#__PURE__*/jsxRuntime.jsx(Typography, {
-        className: "neeto-ui-text-gray-800 text-center leading-4",
-        style: "body2",
-        children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
-          i18nKey: "neetoImageUploader.imageUpload.dragAndDropOrBrowseFile",
-          components: {
-            span: /*#__PURE__*/jsxRuntime.jsx(Button, {
-              "data-cy": "neeto-image-uploader-browse-text",
-              style: "link"
-            })
-          }
-        })
-      }), setIsAssetLibraryOpen && /*#__PURE__*/jsxRuntime.jsx(Typography, {
-        className: "text-center leading-4",
-        style: "body2",
-        onClick: function onClick(e) {
-          e.stopPropagation();
-          setIsAssetLibraryOpen(true);
-        },
-        children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
-          i18nKey: "neetoImageUploader.imageUpload.selectImagefromImageLibrary",
-          components: {
-            span: /*#__PURE__*/jsxRuntime.jsx(Button, {
-              "data-cy": "open-asset-library-button",
-              style: "link"
-            })
-          }
-        })
-      }), /*#__PURE__*/jsxRuntime.jsx("input", _objectSpread$2(_objectSpread$2({}, getInputProps()), {}, {
-        "data-cy": "neeto-image-uploader-file-input",
-        disabled: isDisabled
-      })), /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx(reactI18next.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__*/jsxRuntime.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 = require$$0.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isLoaded = _useState2[0],
-    setIsLoaded = _useState2[1];
-  require$$0.useEffect(function () {
-    var img = new Image();
-    img.onload = function () {
-      setIsLoaded(true);
-    };
-    img.src = src;
-  }, [src]);
-  return isLoaded ? /*#__PURE__*/jsxRuntime.jsx("img", _objectSpread(_objectSpread({}, _objectSpread({
-    src: src
-  }, props)), {}, {
-    className: "h-full w-auto object-contain"
-  })) : /*#__PURE__*/jsxRuntime.jsx(Fallback, _objectSpread({}, _objectSpread({
-    className: className
-  }, props)));
-};
-
-exports.ImageDirectUpload = ImageDirectUpload;
-exports.ImageWithFallback = ImageWithFallback;
-//# sourceMappingURL=ImageWithFallback-Dz9cyV2n.js.map

package/dist/ImageWithFallback-Dz9cyV2n.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageWithFallback-Dz9cyV2n.js","sources":["../app/javascript/src/components/ImageUploader/utils.js","../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 classnames from \"classnames\";\nimport { noop } 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 = ({\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 (\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-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      )}\n    </div>\n  );\n};\n\nexport default ImageDirectUpload;\n","import 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 { 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","ImageDirectUpload","_ref","_ref$uploadConfig","DEFAULT_UPLOAD_CONFIG","_ref$onDrop","onDrop","noop","_ref$isDisabled","isDisabled","setIsAssetLibraryOpen","_useUploadDropzone","useUploadDropzone","getRootProps","getInputProps","isDragActive","uploadProgress","shouldShowProgress","equals","_jsx","_objectSpread","className","classnames","DROPZONE_ROOT_DIV_CLASSNAME","children","ProgressBar","progressPercentage","progressValue","concat","_jsxs","Typography","style","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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"}

package/dist/ImageWithFallback-c9ANE1IE.js

@@ -1,141 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import classnames from 'classnames';
-import { noop } from '@bigbinary/neeto-cist';
-import Button from '@bigbinary/neetoui/Button';
-import Typography from '@bigbinary/neetoui/Typography';
-import ProgressBar from '@bigbinary/neetoui/ProgressBar';
-import { pipe, values, flatten, map, toUpper, join, equals } from 'ramda';
-import { Trans } from 'react-i18next';
-import { u as useUploadDropzone, b as DROPZONE_ROOT_DIV_CLASSNAME, D as DEFAULT_UPLOAD_CONFIG } from './utils-B5WMTXlT.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { useState, useEffect } from 'react';
-
-var getAllowedTypes = function getAllowedTypes(uploadConfig) {
-  return pipe(values, flatten, map(function (extension) {
-    return extension.slice(1);
-  }), map(toUpper), join(", "))(uploadConfig.allowedImageTypes);
-};
-
-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 /*#__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: shouldShowProgress ? /*#__PURE__*/jsx(ProgressBar, {
-      progressPercentage: uploadProgress,
-      progressValue: "".concat(uploadProgress, "%")
-    }) : /*#__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-c9ANE1IE.js.map

package/dist/ImageWithFallback-c9ANE1IE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageWithFallback-c9ANE1IE.js","sources":["../app/javascript/src/components/ImageUploader/utils.js","../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 classnames from \"classnames\";\nimport { noop } 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 = ({\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 (\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-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      )}\n    </div>\n  );\n};\n\nexport default ImageDirectUpload;\n","import 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 { 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","ImageDirectUpload","_ref","_ref$uploadConfig","DEFAULT_UPLOAD_CONFIG","_ref$onDrop","onDrop","noop","_ref$isDisabled","isDisabled","setIsAssetLibraryOpen","_useUploadDropzone","useUploadDropzone","getRootProps","getInputProps","isDragActive","uploadProgress","shouldShowProgress","equals","_jsx","_objectSpread","className","classnames","DROPZONE_ROOT_DIV_CLASSNAME","children","ProgressBar","progressPercentage","progressValue","concat","_jsxs","Typography","style","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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"}