@bigbinary/neeto-image-uploader-frontend 4.0.3 → 4.0.4

package/dist/cjs/v2/ImageForm.js

@@ -0,0 +1,324 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var require$$0 = require('react');
+var formik$1 = require('@bigbinary/neeto-atoms/formik');
+var formik = require('formik');
+var neetoCist = require('@bigbinary/neeto-cist');
+var Help = require('@bigbinary/neeto-icons/Help');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var i18next = require('i18next');
+var LeftAlign = require('@bigbinary/neeto-icons/LeftAlign');
+var CenterAlign = require('@bigbinary/neeto-icons/CenterAlign');
+var RightAlign = require('@bigbinary/neeto-icons/RightAlign');
+var jsxRuntime = require('react/jsx-runtime');
+var classnames = require('classnames');
+var v2_ImageUploader = require('./ImageUploader.js');
+require('@babel/runtime/helpers/objectWithoutProperties');
+require('@babel/runtime/helpers/asyncToGenerator');
+require('@babel/runtime/regenerator');
+require('@bigbinary/neeto-commons-frontend/v2/initializers');
+require('@bigbinary/neeto-icons/MenuHorizontal');
+require('../../useImageUploader-KvCoumJZ.js');
+require('@tanstack/react-query');
+require('@bigbinary/neeto-commons-frontend/react-utils');
+require('../../query-eZTZ-5Dm.js');
+require('@rails/activestorage');
+require('../../imagekit.esm-CisvUNYU.js');
+require('@bigbinary/neeto-commons-frontend/initializers');
+require('@bigbinary/neetoui/Toastr');
+require('axios');
+require('../../utils-De7yUxgQ.js');
+require('../../useUploadDropzone-DMv8VMRF.js');
+require('react-dropzone');
+require('../../ImageWithFallback-B3DoquUi.js');
+require('../../index-Cv97u10a.js');
+require('../../useUnsplashApi-CNeNh58q.js');
+require('../../constants-DI8wBtC-.js');
+require('@bigbinary/neeto-icons/LeftArrow');
+require('@bigbinary/neeto-commons-frontend/v2/react-utils');
+require('@bigbinary/neeto-commons-frontend/v2/utils');
+require('@bigbinary/neeto-team-members-frontend/constants');
+
+var ALIGNMENTS = [{
+  label: i18next.t("neetoImageUploader.labels.leftAlign"),
+  value: "left",
+  icon: LeftAlign,
+  dataTestid: "left-alignment"
+}, {
+  label: i18next.t("neetoImageUploader.labels.centerAlign"),
+  value: "center",
+  icon: CenterAlign,
+  dataTestid: "center-alignment"
+}, {
+  label: i18next.t("neetoImageUploader.labels.rightAlign"),
+  value: "right",
+  icon: RightAlign,
+  dataTestid: "right-alignment"
+}];
+var MINIMUM_LOGO_HEIGHT = 64;
+var MAXIMUM_LOGO_HEIGHT = 100;
+var DEFAULT_LOGO_HEIGHT = 64;
+var DEFAULT_LOGO_POSITION = "left";
+var ONE_MEGABYTE = 1;
+
+var AlignmentBlock = function AlignmentBlock(_ref) {
+  var name = _ref.name,
+    title = _ref.title,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? neetoCist.noop : _ref$onChange;
+  var _useField = formik.useField(name),
+    _useField2 = _slicedToArray(_useField, 3);
+    _useField2[0];
+    var _useField2$1$value = _useField2[1].value,
+    alignment = _useField2$1$value === void 0 ? DEFAULT_LOGO_POSITION : _useField2$1$value,
+    setValue = _useField2[2].setValue;
+  var handleChange = function handleChange(newAlignment) {
+    if (alignment === newAlignment) return;
+    setValue(newAlignment, false);
+    onChange(name, newAlignment);
+  };
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line react/no-unknown-property
+    jsxRuntime.jsxs("div", {
+      dataTestid: "".concat(neetoCist.hyphenate(title), "-block"),
+      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+        variant: "body2",
+        weight: "medium",
+        children: title
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "mt-2 flex items-center gap-3",
+        children: ALIGNMENTS.map(function (_ref2) {
+          var label = _ref2.label,
+            value = _ref2.value,
+            icon = _ref2.icon,
+            dataTestid = _ref2.dataTestid;
+          return /*#__PURE__*/require$$0.createElement(neetoAtoms.Button, {
+            icon: icon,
+            "data-testid": dataTestid,
+            key: value,
+            size: "lg",
+            tooltipProps: {
+              content: label,
+              position: "bottom"
+            },
+            variant: alignment === value ? "default" : "ghost",
+            onClick: function onClick() {
+              return handleChange(value);
+            }
+          });
+        })
+      })]
+    })
+  );
+};
+
+var Block = function Block(_ref) {
+  var title = _ref.title,
+    children = _ref.children,
+    dataTestid = _ref.dataTestid,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$childrenClassNam = _ref.childrenClassName,
+    childrenClassName = _ref$childrenClassNam === void 0 ? "" : _ref$childrenClassNam,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    _ref$isLabelEnabled = _ref.isLabelEnabled,
+    isLabelEnabled = _ref$isLabelEnabled === void 0 ? true : _ref$isLabelEnabled;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: classnames("space-y-4", className),
+    "data-testid": dataTestid,
+    children: [isLabelEnabled && /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex items-center justify-between",
+      "data-testid": "properties-header",
+      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+        variant: "body1",
+        weight: "semibold",
+        children: title
+      }), isLoading && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Spinner, {})]
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: classnames("space-y-4", childrenClassName),
+      children: children
+    })]
+  });
+};
+
+var ImageUpload = function ImageUpload(_ref) {
+  var name = _ref.name,
+    handleUpdate = _ref.handleUpdate,
+    _ref$maxSize = _ref.maxSize,
+    maxSize = _ref$maxSize === void 0 ? ONE_MEGABYTE : _ref$maxSize,
+    _ref$isLabelEnabled = _ref.isLabelEnabled,
+    isLabelEnabled = _ref$isLabelEnabled === void 0 ? true : _ref$isLabelEnabled;
+  var _useField = formik.useField(name),
+    _useField2 = _slicedToArray(_useField, 3);
+    _useField2[0];
+    var image = _useField2[1].value,
+    setValue = _useField2[2].setValue;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var handleImageChange = function handleImageChange(changedImage) {
+    if (ramda.isEmpty(changedImage === null || changedImage === void 0 ? void 0 : changedImage.url)) {
+      setValue(null, false);
+      handleUpdate(null);
+      return;
+    }
+    setValue(changedImage, false);
+    handleUpdate(changedImage);
+  };
+  var imageUrl = typeof image === "string" ? image : image === null || image === void 0 ? void 0 : image.url;
+  return /*#__PURE__*/jsxRuntime.jsx(Block, {
+    isLabelEnabled: isLabelEnabled,
+    dataTestid: "add-image-card",
+    title: t("neetoImageUploader.labels.addImage"),
+    children: /*#__PURE__*/jsxRuntime.jsx(v2_ImageUploader, {
+      className: "w-full",
+      src: imageUrl,
+      uploadConfig: {
+        maxImageSize: maxSize
+      },
+      onUploadComplete: handleImageChange
+    }, imageUrl)
+  });
+};
+
+var SliderBlock = function SliderBlock(_ref) {
+  var title = _ref.title,
+    name = _ref.name,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? neetoCist.noop : _ref$onChange,
+    defaultValue = _ref.defaultValue,
+    min = _ref.min,
+    max = _ref.max;
+  var _useField = formik.useField(name),
+    _useField2 = _slicedToArray(_useField, 3);
+    _useField2[0];
+    var value = _useField2[1].value,
+    setValue = _useField2[2].setValue;
+  var handleChange = function handleChange(_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 1),
+      newValue = _ref3[0];
+    if (value === newValue) return;
+    setValue(newValue, false);
+    onChange(newValue);
+  };
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    "data-testid": "".concat(neetoCist.hyphenate(title), "-slider-block"),
+    children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Slider, {
+      max: max,
+      min: min,
+      defaultValue: defaultValue !== undefined ? [defaultValue] : undefined,
+      label: title,
+      value: value !== undefined ? [value] : undefined,
+      onValueChange: handleChange
+    })
+  });
+};
+
+var root = document.querySelector(":root");
+var setLogoHeight = function setLogoHeight(value, variableName) {
+  return root.style.setProperty(variableName, "".concat(Number(value) || DEFAULT_LOGO_HEIGHT, "px"));
+};
+
+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), 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; }
+var ImageForm = function ImageForm(_ref) {
+  var _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? neetoCist.noop : _ref$onChange,
+    _ref$imageUploaderPro = _ref.imageUploaderProps,
+    imageUploaderProps = _ref$imageUploaderPro === void 0 ? {} : _ref$imageUploaderPro,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$names = _ref.names,
+    names = _ref$names === void 0 ? {} : _ref$names,
+    _ref$logoHeight = _ref.logoHeight,
+    logoHeight = _ref$logoHeight === void 0 ? {
+      "default": DEFAULT_LOGO_HEIGHT,
+      min: MINIMUM_LOGO_HEIGHT,
+      max: MAXIMUM_LOGO_HEIGHT
+    } : _ref$logoHeight,
+    logoSizeVariableName = _ref.logoSizeVariableName,
+    _ref$showAlignmentBlo = _ref.showAlignmentBlock,
+    showAlignmentBlock = _ref$showAlignmentBlo === void 0 ? true : _ref$showAlignmentBlo,
+    _ref$showAltTextBlock = _ref.showAltTextBlock,
+    showAltTextBlock = _ref$showAltTextBlock === void 0 ? true : _ref$showAltTextBlock,
+    _ref$isLabelEnabled = _ref.isLabelEnabled,
+    isLabelEnabled = _ref$isLabelEnabled === void 0 ? true : _ref$isLabelEnabled,
+    entityName = _ref.entityName;
+  var _useFormikContext = formik.useFormikContext(),
+    values = _useFormikContext.values,
+    setFieldValue = _useFormikContext.setFieldValue;
+  var _useField = formik.useField("altText"),
+    _useField2 = _slicedToArray(_useField, 1),
+    altTextValue = _useField2[0].value;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var entity = entityName || t("neetoImageUploader.common.logo");
+  var imageValue = formik.getIn(values, names.image);
+  require$$0.useEffect(function () {
+    if (altTextValue !== undefined) {
+      onChange === null || onChange === void 0 || onChange("altText", altTextValue);
+    }
+  }, [altTextValue, onChange]);
+  var handleImageChange = function handleImageChange(image) {
+    if (ramda.isNil(image)) {
+      setLogoHeight(logoHeight["default"], logoSizeVariableName);
+      setFieldValue(names.height, logoHeight["default"]);
+    }
+    onChange === null || onChange === void 0 || onChange(names.image, image);
+  };
+  var handleSliderChange = function handleSliderChange(value) {
+    setLogoHeight(value, logoSizeVariableName);
+    onChange === null || onChange === void 0 || onChange(names.height, value);
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "space-y-4 ".concat(className),
+    children: [/*#__PURE__*/jsxRuntime.jsx(ImageUpload, _objectSpread({
+      isLabelEnabled: isLabelEnabled,
+      handleUpdate: handleImageChange,
+      name: names.image
+    }, imageUploaderProps)), imageValue && /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "space-y-4 px-2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(SliderBlock, {
+        defaultValue: logoHeight["default"],
+        max: logoHeight.max,
+        min: logoHeight.min,
+        name: names.height,
+        title: t("neetoImageUploader.labels.size", {
+          entity: entity
+        }),
+        onChange: handleSliderChange
+      }), showAlignmentBlock && /*#__PURE__*/jsxRuntime.jsx(AlignmentBlock, {
+        onChange: onChange,
+        name: names.alignment,
+        title: t("neetoImageUploader.labels.alignment")
+      }), showAltTextBlock && /*#__PURE__*/jsxRuntime.jsx(formik$1.Input, {
+        label: t("neetoImageUploader.labels.altText", {
+          entity: entity
+        }),
+        name: "altText",
+        placeholder: t("neetoImageUploader.labels.altText", {
+          entity: entity
+        }),
+        labelProps: {
+          helpIconProps: {
+            icon: Help,
+            tooltipProps: {
+              content: t("neetoImageUploader.tooltips.altText", {
+                entity: entity
+              }),
+              position: "top"
+            }
+          }
+        }
+      })]
+    })]
+  });
+};
+
+module.exports = ImageForm;
+//# sourceMappingURL=ImageForm.js.map

package/dist/cjs/v2/ImageForm.js.map

@@ -0,0 +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/cjs/v2/ImageUploader.js

@@ -0,0 +1,247 @@
+'use strict';
+
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _regeneratorRuntime = require('@babel/runtime/regenerator');
+var require$$0 = require('react');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var classnames = require('classnames');
+var neetoCist = require('@bigbinary/neeto-cist');
+var initializers = require('@bigbinary/neeto-commons-frontend/v2/initializers');
+var MenuHorizontal = require('@bigbinary/neeto-icons/MenuHorizontal');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var useImageUploader = require('../../useImageUploader-KvCoumJZ.js');
+var imagekit_esm = require('../../imagekit.esm-CisvUNYU.js');
+var utils = require('../../utils-De7yUxgQ.js');
+var ImageWithFallback = require('../../ImageWithFallback-B3DoquUi.js');
+var v2_AssetLibrary = require('../../index-Cv97u10a.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('@tanstack/react-query');
+require('@bigbinary/neeto-commons-frontend/react-utils');
+require('../../query-eZTZ-5Dm.js');
+require('@rails/activestorage');
+require('i18next');
+require('@bigbinary/neeto-commons-frontend/initializers');
+require('@bigbinary/neetoui/Toastr');
+require('axios');
+require('../../useUploadDropzone-DMv8VMRF.js');
+require('react-dropzone');
+require('../../useUnsplashApi-CNeNh58q.js');
+require('../../constants-DI8wBtC-.js');
+require('@bigbinary/neeto-icons/LeftArrow');
+require('@bigbinary/neeto-commons-frontend/v2/react-utils');
+require('@bigbinary/neeto-commons-frontend/v2/utils');
+require('@bigbinary/neeto-team-members-frontend/constants');
+
+var _excluded = ["key", "label"];
+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), 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; }
+var ImageUploader = /*#__PURE__*/require$$0.forwardRef(function (_ref, uploaderRef) {
+  var _ref$onUploadComplete = _ref.onUploadComplete,
+    onUploadComplete = _ref$onUploadComplete === void 0 ? neetoCist.noop : _ref$onUploadComplete,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$src = _ref.src,
+    src = _ref$src === void 0 ? "" : _ref$src,
+    _ref$uploadConfig = _ref.uploadConfig,
+    uploadConfig = _ref$uploadConfig === void 0 ? {} : _ref$uploadConfig,
+    _ref$fixedAspectRatio = _ref.fixedAspectRatio,
+    fixedAspectRatio = _ref$fixedAspectRatio === void 0 ? {} : _ref$fixedAspectRatio,
+    _ref$defaultImageSize = _ref.defaultImageSize,
+    defaultImageSize = _ref$defaultImageSize === void 0 ? {} : _ref$defaultImageSize,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    onDrop = _ref.onDrop,
+    _ref$isOptionsDisable = _ref.isOptionsDisabled,
+    isOptionsDisabled = _ref$isOptionsDisable === void 0 ? false : _ref$isOptionsDisable,
+    _ref$showAssetLibrary = _ref.showAssetLibrary,
+    showAssetLibrary = _ref$showAssetLibrary === void 0 ? true : _ref$showAssetLibrary;
+  var _useState = require$$0.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isAssetLibraryOpen = _useState2[0],
+    setIsAssetLibraryOpen = _useState2[1];
+  var _useState3 = require$$0.useState({
+      url: src
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    image = _useState4[0],
+    setImage = _useState4[1];
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useCreateBlob = useImageUploader.useCreateBlob(),
+    createBlob = _useCreateBlob.mutateAsync;
+  var uploadConfigWithDefaults = ramda.mergeRight(utils.DEFAULT_UPLOAD_CONFIG, uploadConfig);
+  var isCloudFlareImageUploader = initializers.globalProps.assetsUploaderService === imagekit_esm.CLOUD_FLARE;
+  var handleDelete = function handleDelete() {
+    setImage({});
+    onChange({
+      url: "",
+      signedId: "",
+      key: "",
+      filename: "",
+      size: "",
+      type: ""
+    });
+  };
+  var onChange = function onChange(file) {
+    return onUploadComplete(file);
+  };
+  var handleSuccess = function handleSuccess(attachedImage) {
+    setImage(ramda.mergeRight(image, {
+      url: attachedImage.metadata.url
+    }));
+    onChange({
+      id: attachedImage.id,
+      filename: useImageUploader.generateASCIIFileName(attachedImage.filename),
+      key: attachedImage.key,
+      url: attachedImage.metadata.url,
+      signedId: attachedImage.signedId,
+      size: attachedImage.byteSize,
+      type: attachedImage.contentType
+    });
+  };
+  var handleImageSelectionFromLibrary = function handleImageSelectionFromLibrary(image) {
+    setImage(image);
+    onChange(image);
+  };
+  var handleUploadComplete = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(result) {
+      var imageKitPayload, cloudFlarePayload, payload, response, attachedImage;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(imagekit_esm.IS_DEVELOPMENT_OR_HEROKU_ENV || useImageUploader.isGif(result))) {
+              _context.next = 3;
+              break;
+            }
+            handleSuccess(ramda.mergeRight(result, {
+              metadata: {
+                url: result.url
+              }
+            }));
+            return _context.abrupt("return");
+          case 3:
+            imageKitPayload = function imageKitPayload() {
+              return {
+                filename: useImageUploader.generateASCIIFileName(result.name),
+                byte_size: result.size,
+                content_type: result.fileType,
+                checksum: result.fileId,
+                metadata: _objectSpread(_objectSpread({}, result), {}, {
+                  imagekit_file_id: result.fileId
+                }),
+                service_name: "imagekitio"
+              };
+            };
+            cloudFlarePayload = function cloudFlarePayload() {
+              return {
+                filename: useImageUploader.generateASCIIFileName(result.filename),
+                content_type: result.contentType,
+                byte_size: result.byteSize,
+                checksum: result.id,
+                metadata: _objectSpread(_objectSpread({}, result.metadata), {}, {
+                  url: v2_AssetLibrary.constructCloudflareImageURL(result.variants[0]),
+                  isCropped: false
+                }),
+                service_name: "cloudflare_image"
+              };
+            };
+            payload = isCloudFlareImageUploader ? cloudFlarePayload() : imageKitPayload();
+            _context.next = 8;
+            return createBlob(payload, {});
+          case 8:
+            response = _context.sent;
+            attachedImage = isCloudFlareImageUploader ? response : ramda.mergeRight(response, {
+              metadata: {
+                url: result.url
+              }
+            });
+            handleSuccess(attachedImage);
+          case 11:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleUploadComplete(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var _useImageUploader = useImageUploader.useImageUploader({
+      onUploadComplete: handleUploadComplete
+    }),
+    uploadFile = _useImageUploader.uploadFile;
+  var options = [{
+    key: utils.OPTION_KEYS.asset,
+    label: t("neetoImageUploader.imageUpload.change"),
+    onClick: function onClick() {
+      return setIsAssetLibraryOpen(true);
+    },
+    "data-testid": "image-uploader-open-image-library-button"
+  }, {
+    key: utils.OPTION_KEYS.remove,
+    label: t("neetoImageUploader.imageUpload.remove"),
+    onClick: handleDelete,
+    "data-testid": "image-uploader-remove-button"
+  }];
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: classnames(className, {
+      "cursor-pointer": true,
+      "cursor-not-allowed": isDisabled,
+      "opacity-70": isDisabled && utils.isNilOrEmpty(image.url)
+    }),
+    children: [utils.isNotNilOrEmpty(image.url) ? /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: utils.IMAGE_WRAPPER_CLASSNAME,
+      "data-testid": "image-uploader-wrapper",
+      children: [/*#__PURE__*/jsxRuntime.jsx(ImageWithFallback.ImageWithFallback, {
+        className: "h-full w-full",
+        "data-testid": "uploaded-image",
+        src: image.url
+      }), !isOptionsDisabled && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DropdownMenu, {
+        disabled: isDisabled,
+        icon: MenuHorizontal,
+        buttonProps: {
+          variant: "outline",
+          size: "sm",
+          // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes
+          className: "absolute end-3 top-3 rounded-full"
+        },
+        children: options.map(function (_ref3) {
+          var key = _ref3.key,
+            label = _ref3.label,
+            otherProps = _objectWithoutProperties(_ref3, _excluded);
+          return /*#__PURE__*/require$$0.createElement(neetoAtoms.DropdownMenu.MenuItem, _objectSpread(_objectSpread({}, otherProps), {}, {
+            key: key
+          }), label);
+        })
+      })]
+    }) : /*#__PURE__*/jsxRuntime.jsx(utils.ImageDirectUpload, _objectSpread(_objectSpread({}, _objectSpread({
+      defaultImageSize: defaultImageSize,
+      setImage: setImage
+    }, showAssetLibrary && {
+      setIsAssetLibraryOpen: setIsAssetLibraryOpen
+    })), {}, {
+      isDisabled: neetoCist.isPresent(fixedAspectRatio),
+      isUploadDisabled: isDisabled,
+      ref: uploaderRef,
+      uploadConfig: uploadConfigWithDefaults,
+      onDrop: onDrop || uploadFile
+    })), showAssetLibrary && /*#__PURE__*/jsxRuntime.jsx(v2_AssetLibrary.Modal, {
+      defaultImageSize: defaultImageSize,
+      fixedAspectRatio: fixedAspectRatio,
+      isOpen: isAssetLibraryOpen,
+      uploadConfig: uploadConfigWithDefaults,
+      onClose: function onClose() {
+        return setIsAssetLibraryOpen(false);
+      },
+      onUploadComplete: handleImageSelectionFromLibrary
+    })]
+  });
+});
+ImageUploader.displayName = "ImageUploader";
+
+module.exports = ImageUploader;
+//# sourceMappingURL=ImageUploader.js.map

package/dist/cjs/v2/ImageUploader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageUploader.js","sources":["../../../app/javascript/src/v2/components/ImageUploader/index.jsx"],"sourcesContent":["import { forwardRef, useState } from \"react\";\n\nimport { DropdownMenu } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { isPresent, noop } from \"neetocist\";\nimport { globalProps } from \"neetocommons/v2/initializers\";\nimport { MenuHorizontal } from \"neetoicons\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateBlob } from \"hooks/useDirectUploads\";\nimport useImageUploader from \"hooks/useImageUploader\";\nimport { generateASCIIFileName, isGif } from \"hooks/utils\";\nimport { CLOUD_FLARE, IS_DEVELOPMENT_OR_HEROKU_ENV } from \"src/constants\";\nimport ImageDirectUpload from \"v2/components/common/ImageDirectUpload\";\nimport ImageWithFallback from \"v2/components/common/ImageWithFallback\";\nimport { IMAGE_WRAPPER_CLASSNAME } from \"v2/components/constants\";\nimport { isNilOrEmpty, isNotNilOrEmpty } from \"v2/components/ImageEditor/utils\";\nimport AssetLibrary from \"v2/components/Modal\";\nimport { constructCloudflareImageURL } from \"v2/components/utils\";\n\nimport { DEFAULT_UPLOAD_CONFIG, OPTION_KEYS } from \"./constants\";\n\nconst ImageUploader = forwardRef(\n  (\n    {\n      onUploadComplete = noop,\n      className = \"\",\n      src = \"\",\n      uploadConfig = {},\n      fixedAspectRatio = {},\n      defaultImageSize = {},\n      isDisabled = false,\n      onDrop,\n      isOptionsDisabled = false,\n      showAssetLibrary = true,\n    },\n    uploaderRef\n  ) => {\n    const [isAssetLibraryOpen, setIsAssetLibraryOpen] = useState(false);\n    const [image, setImage] = useState({ url: src });\n\n    const { t } = useTranslation();\n\n    const { mutateAsync: createBlob } = useCreateBlob();\n\n    const uploadConfigWithDefaults = mergeRight(\n      DEFAULT_UPLOAD_CONFIG,\n      uploadConfig\n    );\n\n    const isCloudFlareImageUploader =\n      globalProps.assetsUploaderService === CLOUD_FLARE;\n\n    const handleDelete = () => {\n      setImage({});\n      onChange({\n        url: \"\",\n        signedId: \"\",\n        key: \"\",\n        filename: \"\",\n        size: \"\",\n        type: \"\",\n      });\n    };\n\n    const onChange = file => onUploadComplete(file);\n\n    const handleSuccess = attachedImage => {\n      setImage(mergeRight(image, { url: attachedImage.metadata.url }));\n      onChange({\n        id: attachedImage.id,\n        filename: generateASCIIFileName(attachedImage.filename),\n        key: attachedImage.key,\n        url: attachedImage.metadata.url,\n        signedId: attachedImage.signedId,\n        size: attachedImage.byteSize,\n        type: attachedImage.contentType,\n      });\n    };\n\n    const handleImageSelectionFromLibrary = image => {\n      setImage(image);\n      onChange(image);\n    };\n\n    const handleUploadComplete = async result => {\n      if (IS_DEVELOPMENT_OR_HEROKU_ENV || isGif(result)) {\n        handleSuccess(mergeRight(result, { metadata: { url: result.url } }));\n\n        return;\n      }\n\n      const imageKitPayload = () => ({\n        filename: generateASCIIFileName(result.name),\n        byte_size: result.size,\n        content_type: result.fileType,\n        checksum: result.fileId,\n        metadata: { ...result, imagekit_file_id: result.fileId },\n        service_name: \"imagekitio\",\n      });\n\n      const cloudFlarePayload = () => ({\n        filename: generateASCIIFileName(result.filename),\n        content_type: result.contentType,\n        byte_size: result.byteSize,\n        checksum: result.id,\n        metadata: {\n          ...result.metadata,\n          url: constructCloudflareImageURL(result.variants[0]),\n          isCropped: false,\n        },\n        service_name: \"cloudflare_image\",\n      });\n\n      const payload = isCloudFlareImageUploader\n        ? cloudFlarePayload()\n        : imageKitPayload();\n\n      const response = await createBlob(payload, {});\n      const attachedImage = isCloudFlareImageUploader\n        ? response\n        : mergeRight(response, { metadata: { url: result.url } });\n      handleSuccess(attachedImage);\n    };\n\n    const { uploadFile } = useImageUploader({\n      onUploadComplete: handleUploadComplete,\n    });\n\n    const options = [\n      {\n        key: OPTION_KEYS.asset,\n        label: t(\"neetoImageUploader.imageUpload.change\"),\n        onClick: () => setIsAssetLibraryOpen(true),\n        \"data-testid\": \"image-uploader-open-image-library-button\",\n      },\n      {\n        key: OPTION_KEYS.remove,\n        label: t(\"neetoImageUploader.imageUpload.remove\"),\n        onClick: handleDelete,\n        \"data-testid\": \"image-uploader-remove-button\",\n      },\n    ];\n\n    return (\n      <div\n        className={classnames(className, {\n          \"cursor-pointer\": true,\n          \"cursor-not-allowed\": isDisabled,\n          \"opacity-70\": isDisabled && isNilOrEmpty(image.url),\n        })}\n      >\n        {isNotNilOrEmpty(image.url) ? (\n          <div\n            className={IMAGE_WRAPPER_CLASSNAME}\n            data-testid=\"image-uploader-wrapper\"\n          >\n            <ImageWithFallback\n              className=\"h-full w-full\"\n              data-testid=\"uploaded-image\"\n              src={image.url}\n            />\n            {!isOptionsDisabled && (\n              <DropdownMenu\n                disabled={isDisabled}\n                icon={MenuHorizontal}\n                buttonProps={{\n                  variant: \"outline\",\n                  size: \"sm\",\n                  // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes\n                  className: \"absolute end-3 top-3 rounded-full\",\n                }}\n              >\n                {options.map(({ key, label, ...otherProps }) => (\n                  <DropdownMenu.MenuItem {...otherProps} key={key}>\n                    {label}\n                  </DropdownMenu.MenuItem>\n                ))}\n              </DropdownMenu>\n            )}\n          </div>\n        ) : (\n          <ImageDirectUpload\n            {...{\n              defaultImageSize,\n              setImage,\n              ...(showAssetLibrary && { setIsAssetLibraryOpen }),\n            }}\n            isDisabled={isPresent(fixedAspectRatio)}\n            isUploadDisabled={isDisabled}\n            ref={uploaderRef}\n            uploadConfig={uploadConfigWithDefaults}\n            onDrop={onDrop || uploadFile}\n          />\n        )}\n        {showAssetLibrary && (\n          <AssetLibrary\n            {...{ defaultImageSize, fixedAspectRatio }}\n            isOpen={isAssetLibraryOpen}\n            uploadConfig={uploadConfigWithDefaults}\n            onClose={() => setIsAssetLibraryOpen(false)}\n            onUploadComplete={handleImageSelectionFromLibrary}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nImageUploader.displayName = \"ImageUploader\";\n\nexport default ImageUploader;\n"],"names":["ImageUploader","forwardRef","_ref","uploaderRef","_ref$onUploadComplete","onUploadComplete","noop","_ref$className","className","_ref$src","src","_ref$uploadConfig","uploadConfig","_ref$fixedAspectRatio","fixedAspectRatio","_ref$defaultImageSize","defaultImageSize","_ref$isDisabled","isDisabled","onDrop","_ref$isOptionsDisable","isOptionsDisabled","_ref$showAssetLibrary","showAssetLibrary","_useState","useState","_useState2","_slicedToArray","isAssetLibraryOpen","setIsAssetLibraryOpen","_useState3","url","_useState4","image","setImage","_useTranslation","useTranslation","t","_useCreateBlob","useCreateBlob","createBlob","mutateAsync","uploadConfigWithDefaults","mergeRight","DEFAULT_UPLOAD_CONFIG","isCloudFlareImageUploader","globalProps","assetsUploaderService","CLOUD_FLARE","handleDelete","onChange","signedId","key","filename","size","type","file","handleSuccess","attachedImage","metadata","id","generateASCIIFileName","byteSize","contentType","handleImageSelectionFromLibrary","handleUploadComplete","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","result","imageKitPayload","cloudFlarePayload","payload","response","wrap","_callee$","_context","prev","next","IS_DEVELOPMENT_OR_HEROKU_ENV","isGif","abrupt","name","byte_size","content_type","fileType","checksum","fileId","_objectSpread","imagekit_file_id","service_name","constructCloudflareImageURL","variants","isCropped","sent","stop","_x","apply","arguments","_useImageUploader","useImageUploader","uploadFile","options","OPTION_KEYS","asset","label","onClick","remove","_jsxs","classnames","isNilOrEmpty","children","isNotNilOrEmpty","IMAGE_WRAPPER_CLASSNAME","_jsx","ImageWithFallback","DropdownMenu","disabled","icon","MenuHorizontal","buttonProps","variant","map","_ref3","otherProps","_objectWithoutProperties","_excluded","_createElement","MenuItem","ImageDirectUpload","isPresent","isUploadDisabled","ref","AssetLibrary","isOpen","onClose","displayName"],"mappings":"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"}