@bigbinary/neeto-image-uploader-frontend 4.0.13 → 4.0.15

package/dist/.ready

@@ -1 +1 @@
-Built at 2026-07-16T10:47:52.472Z
+Built at 2026-08-05T14:55:48.809Z

package/dist/AssetLibrary.js

@@ -11,9 +11,9 @@ import '@bigbinary/neetoui/Typography';
 import 'ramda';
 import 'react-i18next';
 import './utils-CBR0uhqY.js';
-export { M as default } from './index-ByiQIHFV.js';
+export { M as default } from './index-BYfso12Q.js';
 import './utils-DQSN1LLd.js';
-import './useImageUploader-BsSpqUky.js';
+import './useImageUploader-BWLT38Jh.js';
 import './imagekit.esm-Wbu4ABaW.js';
 import './constants-BNGwgivX.js';
 import 'react/jsx-runtime';

package/dist/ImageForm.js

@@ -32,7 +32,7 @@ import './constants-BF4SgnWe.js';
 import './imagekit.esm-Wbu4ABaW.js';
 import './constants-BNGwgivX.js';
 import './ImageWithFallback-DCGYkTnN.js';
-import './index-ByiQIHFV.js';
+import './index-BYfso12Q.js';
 import '@bigbinary/neetoui/Modal';
 import '@bigbinary/neetoui/Tab';
 import './utils-DQSN1LLd.js';
@@ -40,7 +40,7 @@ import '@tanstack/react-query';
 import '@bigbinary/neeto-commons-frontend/react-utils';
 import 'axios';
 import './query-BJnGLX4z.js';
-import './useImageUploader-BsSpqUky.js';
+import './useImageUploader-BWLT38Jh.js';
 import '@rails/activestorage';
 import './useUnsplashApi-qANYsRgw.js';
 import '@bigbinary/neeto-icons/LeftArrow';

package/dist/ImageUploader.js

@@ -14,9 +14,9 @@ import { useTranslation } from 'react-i18next';
 import { D as DEFAULT_UPLOAD_CONFIG, O as OPTION_KEYS, i as isNotNilOrEmpty, I as ImageDirectUpload, a as isNilOrEmpty } from './utils-CBR0uhqY.js';
 import { I as ImageWithFallback } from './ImageWithFallback-DCGYkTnN.js';
 import { I as IMAGE_WRAPPER_CLASSNAME } from './constants-BNGwgivX.js';
-import { M as Modal, c as constructCloudflareImageURL } from './index-ByiQIHFV.js';
+import { M as Modal, c as constructCloudflareImageURL } from './index-BYfso12Q.js';
 import { u as useCreateBlob, i as isGif, g as generateASCIIFileName } from './utils-DQSN1LLd.js';
-import { u as useImageUploader } from './useImageUploader-BsSpqUky.js';
+import { u as useImageUploader } from './useImageUploader-BWLT38Jh.js';
 import { C as CLOUD_FLARE, I as IS_DEVELOPMENT_OR_HEROKU_ENV } from './imagekit.esm-Wbu4ABaW.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@bigbinary/neetoui/Button';

package/dist/cjs/AssetLibrary.js

@@ -13,9 +13,9 @@ require('@bigbinary/neetoui/Typography');
 require('ramda');
 require('react-i18next');
 require('../utils-hFSeEG9S.js');
-var AssetLibrary = require('../index-DJjmk0Nc.js');
+var AssetLibrary = require('../index-C7wF6PXg.js');
 require('../utils-Dshsishe.js');
-require('../useImageUploader-J3bippyP.js');
+require('../useImageUploader-D8EKfvhs.js');
 require('../imagekit.esm-ZYrS-YIL.js');
 require('../constants-DaSuAD1y.js');
 require('react/jsx-runtime');

package/dist/cjs/ImageForm.js

@@ -34,7 +34,7 @@ require('../constants-Dos-Y7GC.js');
 require('../imagekit.esm-ZYrS-YIL.js');
 require('../constants-DaSuAD1y.js');
 require('../ImageWithFallback-D1ClfJLn.js');
-require('../index-DJjmk0Nc.js');
+require('../index-C7wF6PXg.js');
 require('@bigbinary/neetoui/Modal');
 require('@bigbinary/neetoui/Tab');
 require('../utils-Dshsishe.js');
@@ -42,7 +42,7 @@ require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/react-utils');
 require('axios');
 require('../query-eZTZ-5Dm.js');
-require('../useImageUploader-J3bippyP.js');
+require('../useImageUploader-D8EKfvhs.js');
 require('@rails/activestorage');
 require('../useUnsplashApi-_-5cRT70.js');
 require('@bigbinary/neeto-icons/LeftArrow');

package/dist/cjs/ImageUploader.js

@@ -16,9 +16,9 @@ var reactI18next = require('react-i18next');
 var utils$1 = require('../utils-hFSeEG9S.js');
 var ImageWithFallback = require('../ImageWithFallback-D1ClfJLn.js');
 var constants = require('../constants-DaSuAD1y.js');
-var AssetLibrary = require('../index-DJjmk0Nc.js');
+var AssetLibrary = require('../index-C7wF6PXg.js');
 var utils = require('../utils-Dshsishe.js');
-var useImageUploader = require('../useImageUploader-J3bippyP.js');
+var useImageUploader = require('../useImageUploader-D8EKfvhs.js');
 var imagekit_esm = require('../imagekit.esm-ZYrS-YIL.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('@bigbinary/neetoui/Button');

package/dist/cjs/hooks.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var useProfileImageUpload = require('../useProfileImageUpload-D5doE-yM.js');
-var useImageUploader = require('../useImageUploader-J3bippyP.js');
+var useImageUploader = require('../useImageUploader-D8EKfvhs.js');
 require('@babel/runtime/helpers/asyncToGenerator');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/regenerator');

package/dist/cjs/index.js

@@ -3,9 +3,9 @@
 var BasicImageUploader = require('./BasicImageUploader.js');
 var ImageForm = require('./ImageForm.js');
 var ImageUploader = require('./ImageUploader.js');
-var AssetLibrary = require('../index-DJjmk0Nc.js');
+var AssetLibrary = require('../index-C7wF6PXg.js');
 var useProfileImageUpload = require('../useProfileImageUpload-D5doE-yM.js');
-var useImageUploader = require('../useImageUploader-J3bippyP.js');
+var useImageUploader = require('../useImageUploader-D8EKfvhs.js');
 var utils = require('./utils.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/objectWithoutProperties');

package/dist/cjs/v2/AssetLibrary.js

@@ -9,10 +9,10 @@ require('@bigbinary/neeto-commons-frontend/v2/initializers');
 require('ramda');
 require('react-i18next');
 require('../../utils-Dshsishe.js');
-require('../../useImageUploader-TOt_v6Rn.js');
+require('../../useImageUploader-C0LPNMXM.js');
 require('../../utils-DQye8ufx.js');
 require('../../imagekit.esm-ZYrS-YIL.js');
-var v2_AssetLibrary = require('../../index-Btd2LbOZ.js');
+var v2_AssetLibrary = require('../../index-BlUNJMFN.js');
 require('react/jsx-runtime');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/react-utils');

package/dist/cjs/v2/ImageForm.js

@@ -10,6 +10,7 @@ var Help = require('@bigbinary/neeto-icons/Help');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
 var neetoAtoms = require('@bigbinary/neeto-atoms');
+var primitives = require('@bigbinary/neeto-atoms/primitives');
 var i18next = require('i18next');
 var LeftAlign = require('@bigbinary/neeto-icons/LeftAlign');
 var CenterAlign = require('@bigbinary/neeto-icons/CenterAlign');
@@ -28,14 +29,14 @@ require('@bigbinary/neeto-commons-frontend/react-utils');
 require('axios');
 require('../../imagekit.esm-ZYrS-YIL.js');
 require('../../query-eZTZ-5Dm.js');
-require('../../useImageUploader-TOt_v6Rn.js');
+require('../../useImageUploader-C0LPNMXM.js');
 require('@rails/activestorage');
 require('@bigbinary/neeto-commons-frontend/initializers');
 require('../../constants-Dos-Y7GC.js');
 require('../../utils-DQye8ufx.js');
 require('react-dropzone');
 require('../../ImageWithFallback-BhUgmP7t.js');
-require('../../index-Btd2LbOZ.js');
+require('../../index-BlUNJMFN.js');
 require('../../useUnsplashApi-_-5cRT70.js');
 require('../../constants-DaSuAD1y.js');
 require('@bigbinary/neeto-icons/LeftArrow');
@@ -77,44 +78,40 @@ var AlignmentBlock = function AlignmentBlock(_ref) {
     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;
+    // Radix emits "" when the active item is toggled off; alignment must always
+    // have a value, so ignore empty and no-op selections.
+    if (!newAlignment || 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);
-            }
-          });
-        })
-      })]
-    })
-  );
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    "data-testid": "".concat(neetoCist.hyphenate(title), "-block"),
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+      variant: "body2",
+      weight: "medium",
+      children: title
+    }), /*#__PURE__*/jsxRuntime.jsx(primitives.ToggleGroup, {
+      className: "bg-background border-input mt-2 w-fit rounded-md border p-[3px] shadow-none",
+      size: "sm",
+      spacing: 1,
+      type: "single",
+      value: alignment,
+      variant: "default",
+      onValueChange: handleChange,
+      children: ALIGNMENTS.map(function (_ref2) {
+        var label = _ref2.label,
+          value = _ref2.value,
+          Icon = _ref2.icon,
+          dataTestid = _ref2.dataTestid;
+        return /*#__PURE__*/require$$0.createElement(primitives.ToggleGroupItem, {
+          value: value,
+          "aria-label": label,
+          "data-testid": dataTestid,
+          key: value
+        }, /*#__PURE__*/jsxRuntime.jsx(Icon, {}));
+      })
+    })]
+  });
 };
 
 var Block = function Block(_ref) {
@@ -276,13 +273,13 @@ var ImageForm = function ImageForm(_ref) {
     onChange === null || onChange === void 0 || onChange(names.height, value);
   };
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "space-y-4 ".concat(className),
+    className: "space-y-6 ".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",
+      className: "space-y-6 px-2",
       children: [/*#__PURE__*/jsxRuntime.jsx(SliderBlock, {
         defaultValue: logoHeight["default"],
         max: logoHeight.max,

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

@@ -1 +1 @@
-{"version":3,"file":"ImageForm.js","sources":["../../../app/javascript/src/v2/components/ImageForm/constants.js","../../../app/javascript/src/v2/components/ImageForm/AlignmentBlock.jsx","../../../app/javascript/src/v2/components/ImageForm/Block.jsx","../../../app/javascript/src/v2/components/ImageForm/ImageUpload.jsx","../../../app/javascript/src/v2/components/ImageForm/SliderBlock.jsx","../../../app/javascript/src/v2/components/ImageForm/utils.js","../../../app/javascript/src/v2/components/ImageForm/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { LeftAlign, CenterAlign, RightAlign } from \"neetoicons\";\n\nexport const ALIGNMENTS = [\n  {\n    label: t(\"neetoImageUploader.labels.leftAlign\"),\n    value: \"left\",\n    icon: LeftAlign,\n    dataTestid: \"left-alignment\",\n  },\n  {\n    label: t(\"neetoImageUploader.labels.centerAlign\"),\n    value: \"center\",\n    icon: CenterAlign,\n    dataTestid: \"center-alignment\",\n  },\n  {\n    label: t(\"neetoImageUploader.labels.rightAlign\"),\n    value: \"right\",\n    icon: RightAlign,\n    dataTestid: \"right-alignment\",\n  },\n];\n\nexport const MINIMUM_LOGO_HEIGHT = 64;\nexport const MAXIMUM_LOGO_HEIGHT = 100;\nexport const DEFAULT_LOGO_HEIGHT = 64;\nexport const DEFAULT_LOGO_POSITION = \"left\";\nexport const ONE_MEGABYTE = 1;\n","import { Button, Typography } from \"@bigbinary/neeto-atoms\";\nimport { useField } from \"formik\";\nimport { hyphenate, noop } from \"neetocist\";\n\nimport { ALIGNMENTS, DEFAULT_LOGO_POSITION } from \"./constants\";\n\nconst AlignmentBlock = ({ name, title, onChange = noop }) => {\n  const [_, { value: alignment = DEFAULT_LOGO_POSITION }, { setValue }] =\n    useField(name);\n\n  const handleChange = newAlignment => {\n    if (alignment === newAlignment) return;\n\n    setValue(newAlignment, false);\n    onChange(name, newAlignment);\n  };\n\n  return (\n    // eslint-disable-next-line react/no-unknown-property\n    <div dataTestid={`${hyphenate(title)}-block`}>\n      <Typography variant=\"body2\" weight=\"medium\">\n        {title}\n      </Typography>\n      <div className=\"mt-2 flex items-center gap-3\">\n        {ALIGNMENTS.map(({ label, value, icon, dataTestid }) => (\n          <Button\n            {...{ icon }}\n            data-testid={dataTestid}\n            key={value}\n            size=\"lg\"\n            tooltipProps={{ content: label, position: \"bottom\" }}\n            variant={alignment === value ? \"default\" : \"ghost\"}\n            onClick={() => handleChange(value)}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default AlignmentBlock;\n","import { Spinner, Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\n\nconst Block = ({\n  title,\n  children,\n  dataTestid,\n  className = \"\",\n  childrenClassName = \"\",\n  isLoading = false,\n  isLabelEnabled = true,\n}) => (\n  <div className={classnames(\"space-y-4\", className)} data-testid={dataTestid}>\n    {isLabelEnabled && (\n      <div\n        className=\"flex items-center justify-between\"\n        data-testid=\"properties-header\"\n      >\n        <Typography variant=\"body1\" weight=\"semibold\">\n          {title}\n        </Typography>\n        {isLoading && <Spinner />}\n      </div>\n    )}\n    <div className={classnames(\"space-y-4\", childrenClassName)}>{children}</div>\n  </div>\n);\n\nexport default Block;\n","import { useField } from \"formik\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Block from \"./Block\";\nimport { ONE_MEGABYTE } from \"./constants\";\n\nimport ImageUploader from \"../ImageUploader\";\n\nconst ImageUpload = ({\n  name,\n  handleUpdate,\n  maxSize = ONE_MEGABYTE,\n  isLabelEnabled = true,\n}) => {\n  const [_, { value: image }, { setValue }] = useField(name);\n  const { t } = useTranslation();\n  const handleImageChange = changedImage => {\n    if (isEmpty(changedImage?.url)) {\n      setValue(null, false);\n      handleUpdate(null);\n\n      return;\n    }\n\n    setValue(changedImage, false);\n    handleUpdate(changedImage);\n  };\n\n  const imageUrl = typeof image === \"string\" ? image : image?.url;\n\n  return (\n    <Block\n      {...{ isLabelEnabled }}\n      dataTestid=\"add-image-card\"\n      title={t(\"neetoImageUploader.labels.addImage\")}\n    >\n      <ImageUploader\n        className=\"w-full\"\n        key={imageUrl}\n        src={imageUrl}\n        uploadConfig={{ maxImageSize: maxSize }}\n        onUploadComplete={handleImageChange}\n      />\n    </Block>\n  );\n};\n\nexport default ImageUpload;\n","import { Slider } from \"@bigbinary/neeto-atoms\";\nimport { useField } from \"formik\";\nimport { hyphenate, noop } from \"neetocist\";\n\nconst SliderBlock = ({\n  title,\n  name,\n  onChange = noop,\n  defaultValue,\n  min,\n  max,\n}) => {\n  const [_, { value }, { setValue }] = useField(name);\n\n  const handleChange = ([newValue]) => {\n    if (value === newValue) return;\n\n    setValue(newValue, false);\n    onChange(newValue);\n  };\n\n  return (\n    <div data-testid={`${hyphenate(title)}-slider-block`}>\n      <Slider\n        {...{ max, min }}\n        defaultValue={defaultValue !== undefined ? [defaultValue] : undefined}\n        label={title}\n        value={value !== undefined ? [value] : undefined}\n        onValueChange={handleChange}\n      />\n    </div>\n  );\n};\n\nexport default SliderBlock;\n","import { DEFAULT_LOGO_HEIGHT } from \"./constants\";\n\nconst root = document.querySelector(\":root\");\n\nexport const setLogoHeight = (value, variableName) =>\n  root.style.setProperty(\n    variableName,\n    `${Number(value) || DEFAULT_LOGO_HEIGHT}px`\n  );\n","import { useEffect } from \"react\";\n\nimport { Input } from \"@bigbinary/neeto-atoms/formik\";\nimport { useFormikContext, getIn, useField } from \"formik\";\nimport { noop } from \"neetocist\";\nimport { Help } from \"neetoicons\";\nimport { isNil } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport AlignmentBlock from \"./AlignmentBlock\";\nimport {\n  DEFAULT_LOGO_HEIGHT,\n  MAXIMUM_LOGO_HEIGHT,\n  MINIMUM_LOGO_HEIGHT,\n} from \"./constants\";\nimport ImageUpload from \"./ImageUpload\";\nimport SliderBlock from \"./SliderBlock\";\nimport { setLogoHeight } from \"./utils\";\n\nconst ImageForm = ({\n  onChange = noop,\n  imageUploaderProps = {},\n  className = \"\",\n  names = {},\n  logoHeight = {\n    default: DEFAULT_LOGO_HEIGHT,\n    min: MINIMUM_LOGO_HEIGHT,\n    max: MAXIMUM_LOGO_HEIGHT,\n  },\n  logoSizeVariableName,\n  showAlignmentBlock = true,\n  showAltTextBlock = true,\n  isLabelEnabled = true,\n  entityName,\n}) => {\n  const { values, setFieldValue } = useFormikContext();\n  const [{ value: altTextValue }] = useField(\"altText\");\n\n  const { t } = useTranslation();\n  const entity = entityName || t(\"neetoImageUploader.common.logo\");\n\n  const imageValue = getIn(values, names.image);\n\n  useEffect(() => {\n    if (altTextValue !== undefined) {\n      onChange?.(\"altText\", altTextValue);\n    }\n  }, [altTextValue, onChange]);\n\n  const handleImageChange = image => {\n    if (isNil(image)) {\n      setLogoHeight(logoHeight.default, logoSizeVariableName);\n      setFieldValue(names.height, logoHeight.default);\n    }\n\n    onChange?.(names.image, image);\n  };\n\n  const handleSliderChange = value => {\n    setLogoHeight(value, logoSizeVariableName);\n    onChange?.(names.height, value);\n  };\n\n  return (\n    <div className={`space-y-4 ${className}`}>\n      <ImageUpload\n        {...{ isLabelEnabled }}\n        handleUpdate={handleImageChange}\n        name={names.image}\n        {...imageUploaderProps}\n      />\n      {imageValue && (\n        <div className=\"space-y-4 px-2\">\n          <SliderBlock\n            defaultValue={logoHeight.default}\n            max={logoHeight.max}\n            min={logoHeight.min}\n            name={names.height}\n            title={t(\"neetoImageUploader.labels.size\", { entity })}\n            onChange={handleSliderChange}\n          />\n          {showAlignmentBlock && (\n            <AlignmentBlock\n              {...{ onChange }}\n              name={names.alignment}\n              title={t(\"neetoImageUploader.labels.alignment\")}\n            />\n          )}\n          {showAltTextBlock && (\n            <Input\n              label={t(\"neetoImageUploader.labels.altText\", { entity })}\n              name=\"altText\"\n              placeholder={t(\"neetoImageUploader.labels.altText\", { entity })}\n              labelProps={{\n                helpIconProps: {\n                  icon: Help,\n                  tooltipProps: {\n                    content: t(\"neetoImageUploader.tooltips.altText\", {\n                      entity,\n                    }),\n                    position: \"top\",\n                  },\n                },\n              }}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ImageForm;\n"],"names":["ALIGNMENTS","label","t","value","icon","LeftAlign","dataTestid","CenterAlign","RightAlign","MINIMUM_LOGO_HEIGHT","MAXIMUM_LOGO_HEIGHT","DEFAULT_LOGO_HEIGHT","DEFAULT_LOGO_POSITION","ONE_MEGABYTE","AlignmentBlock","_ref","name","title","_ref$onChange","onChange","noop","_useField","useField","_useField2","_slicedToArray","_","_useField2$1$value","alignment","setValue","handleChange","newAlignment","_jsxs","concat","hyphenate","children","_jsx","Typography","variant","weight","className","map","_ref2","_createElement","Button","key","size","tooltipProps","content","position","onClick","Block","_ref$className","_ref$childrenClassNam","childrenClassName","_ref$isLoading","isLoading","_ref$isLabelEnabled","isLabelEnabled","classnames","Spinner","ImageUpload","handleUpdate","_ref$maxSize","maxSize","image","_useTranslation","useTranslation","handleImageChange","changedImage","isEmpty","url","imageUrl","ImageUploader","src","uploadConfig","maxImageSize","onUploadComplete","SliderBlock","defaultValue","min","max","_ref3","newValue","Slider","undefined","onValueChange","root","document","querySelector","setLogoHeight","variableName","style","setProperty","Number","ImageForm","_ref$imageUploaderPro","imageUploaderProps","_ref$names","names","_ref$logoHeight","logoHeight","logoSizeVariableName","_ref$showAlignmentBlo","showAlignmentBlock","_ref$showAltTextBlock","showAltTextBlock","entityName","_useFormikContext","useFormikContext","values","setFieldValue","altTextValue","entity","imageValue","getIn","useEffect","isNil","height","handleSliderChange","_objectSpread","Input","placeholder","labelProps","helpIconProps","Help"],"mappings":"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"}
+{"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 { Typography } from \"@bigbinary/neeto-atoms\";\nimport {\n  ToggleGroup,\n  ToggleGroupItem,\n} from \"@bigbinary/neeto-atoms/primitives\";\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    // Radix emits \"\" when the active item is toggled off; alignment must always\n    // have a value, so ignore empty and no-op selections.\n    if (!newAlignment || alignment === newAlignment) return;\n\n    setValue(newAlignment, false);\n    onChange(name, newAlignment);\n  };\n\n  return (\n    <div data-testid={`${hyphenate(title)}-block`}>\n      <Typography variant=\"body2\" weight=\"medium\">\n        {title}\n      </Typography>\n      <ToggleGroup\n        className=\"bg-background border-input mt-2 w-fit rounded-md border p-[3px] shadow-none\"\n        size=\"sm\"\n        spacing={1}\n        type=\"single\"\n        value={alignment}\n        variant=\"default\"\n        onValueChange={handleChange}\n      >\n        {ALIGNMENTS.map(({ label, value, icon: Icon, dataTestid }) => (\n          <ToggleGroupItem\n            {...{ value }}\n            aria-label={label}\n            data-testid={dataTestid}\n            key={value}\n          >\n            <Icon />\n          </ToggleGroupItem>\n        ))}\n      </ToggleGroup>\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-6 ${className}`}>\n      <ImageUpload\n        {...{ isLabelEnabled }}\n        handleUpdate={handleImageChange}\n        name={names.image}\n        {...imageUploaderProps}\n      />\n      {imageValue && (\n        <div className=\"space-y-6 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","ToggleGroup","className","size","spacing","type","onValueChange","map","_ref2","Icon","_createElement","ToggleGroupItem","key","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","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","tooltipProps","content","position"],"mappings":"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"}

package/dist/cjs/v2/ImageUploader.js

@@ -14,11 +14,11 @@ var MenuHorizontal = require('@bigbinary/neeto-icons/MenuHorizontal');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
 var utils = require('../../utils-Dshsishe.js');
-var useImageUploader = require('../../useImageUploader-TOt_v6Rn.js');
+var useImageUploader = require('../../useImageUploader-C0LPNMXM.js');
 var imagekit_esm = require('../../imagekit.esm-ZYrS-YIL.js');
 var utils$1 = require('../../utils-DQye8ufx.js');
 var ImageWithFallback = require('../../ImageWithFallback-BhUgmP7t.js');
-var v2_AssetLibrary = require('../../index-Btd2LbOZ.js');
+var v2_AssetLibrary = require('../../index-BlUNJMFN.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/react-utils');

package/dist/cjs/v2/hooks.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var useProfileImageUpload = require('../../useProfileImageUpload-BZb8Cttj.js');
-var useImageUploader = require('../../useImageUploader-TOt_v6Rn.js');
+var useImageUploader = require('../../useImageUploader-C0LPNMXM.js');
 require('@babel/runtime/helpers/asyncToGenerator');
 require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/regenerator');

package/dist/cjs/v2/index.js

@@ -3,9 +3,9 @@
 var v2_BasicImageUploader = require('./BasicImageUploader.js');
 var v2_ImageForm = require('./ImageForm.js');
 var v2_ImageUploader = require('./ImageUploader.js');
-var v2_AssetLibrary = require('../../index-Btd2LbOZ.js');
+var v2_AssetLibrary = require('../../index-BlUNJMFN.js');
 var useProfileImageUpload = require('../../useProfileImageUpload-BZb8Cttj.js');
-var useImageUploader = require('../../useImageUploader-TOt_v6Rn.js');
+var useImageUploader = require('../../useImageUploader-C0LPNMXM.js');
 var utils = require('../utils.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/objectWithoutProperties');
@@ -27,6 +27,7 @@ require('../../ImageWithFallback-BhUgmP7t.js');
 require('@bigbinary/neeto-atoms/formik');
 require('formik');
 require('@bigbinary/neeto-icons/Help');
+require('@bigbinary/neeto-atoms/primitives');
 require('@bigbinary/neeto-icons/LeftAlign');
 require('@bigbinary/neeto-icons/CenterAlign');
 require('@bigbinary/neeto-icons/RightAlign');

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/hooks.js

@@ -1,5 +1,5 @@
 export { u as useImageUpload, a as useProfileImageUpload } from './useProfileImageUpload-CeIh1MMh.js';
-export { u as useImageUploader } from './useImageUploader-BsSpqUky.js';
+export { u as useImageUploader } from './useImageUploader-BWLT38Jh.js';
 import '@babel/runtime/helpers/asyncToGenerator';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/regenerator';

package/dist/{index-ByiQIHFV.js → index-BYfso12Q.js}

@@ -12,7 +12,7 @@ import { mergeRight, isEmpty, equals } from 'ramda';
 import { useTranslation, Trans } from 'react-i18next';
 import { a as isNilOrEmpty, g as getAspectRatio, b as getPixels, c as getHeightFromAspectRatio, d as getWidthFromAspectRatio, e as getInitialCropSize, f as getPercentage, h as getWrapperRefStyles, j as isItemsCenter, k as getCloudFlareCroppedURL, l as getImageKitCroppedURL, m as getCropValues, D as DEFAULT_UPLOAD_CONFIG, u as useUploadDropzone, I as ImageDirectUpload } from './utils-CBR0uhqY.js';
 import { u as useCreateBlob, i as isGif, g as generateASCIIFileName } from './utils-DQSN1LLd.js';
-import { u as useImageUploader } from './useImageUploader-BsSpqUky.js';
+import { u as useImageUploader } from './useImageUploader-BWLT38Jh.js';
 import { I as IS_DEVELOPMENT_OR_HEROKU_ENV, C as CLOUD_FLARE } from './imagekit.esm-Wbu4ABaW.js';
 import { n, R as ReactCrop_minExports, u as useCropImage, a as ReactCrop, b as useBulkDestroyAssets, _ as _default, c as useFetchAssets, d as useFetchUnsplashImages, e as unsplashApi } from './useUnsplashApi-qANYsRgw.js';
 import { a as DEFAULT_CROP_CONFIG, b as INFINITE_SCROLLER_STYLE, c as INFINITE_SCROLLER_SIZES, T as TABS, A as ASSETS_DESTROY_URL, d as IMAGES_PER_PAGE, e as ASSETS_FETCH_URL, U as UNSPLASH_DEFAULT_NAME, f as UNSPLASH_DEFAULT_REQUEST_CONFIG, g as UNSPLASH_URL } from './constants-BNGwgivX.js';
@@ -33,6 +33,11 @@ import Dropdown from '@bigbinary/neetoui/Dropdown';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 
+// ImageKit returns the file name as `name`, while the ActiveStorage backed
+// services (Cloudflare and development) return it as `filename`.
+var imageName = function imageName(image) {
+  return (image === null || image === void 0 ? void 0 : image.name) || (image === null || image === void 0 ? void 0 : image.filename);
+};
 var constructCloudflareImageURL = function constructCloudflareImageURL(url) {
   var domain = window.location.host.split(".").slice(-2).join(".");
   return url.replace("https://imagedelivery.net", "https://images.".concat(domain, "/cdn-cgi/imagedelivery"));
@@ -452,7 +457,7 @@ var ImageEditor = function ImageEditor(_ref) {
   });
 };
 
-var css = ":root{--niu-modal-width:95vw;--niu-modal-height:75vh;--niu-modal-max-width:1152px;--niu-modal-max-height:36rem;--niu-modal-header-height:13.75rem;--niu-unsplash-container-max-height:22.1875rem}.niu-unsplash-container{height:calc(75vh - 13.75rem)!important;height:calc(var(--niu-modal-height) - var(--niu-modal-header-height))!important;max-height:22.1875rem;max-height:var(--niu-unsplash-container-max-height)}.niu-unsplash-container img{animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) 1s both;border-radius:var(--neeto-ui-rounded);cursor:pointer;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2Fic3RyYWN0cy92YXJpYWJsZXMuY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvY29tcG9uZW50cy9pbWFnZS1saWJyYXJ5LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUNFLHNCQUF1QixDQUN2Qix1QkFBd0IsQ0FDeEIsNEJBQTZCLENBQzdCLDRCQUE2QixDQUM3QixrQ0FBbUMsQ0FDbkMsOENBQ0YsQ0NMQSx3QkFDRSxzQ0FFWSxDQUZaLCtFQUVZLENBQ1oscUJBQW9ELENBQXBELG1EQUNGLENBRUEsNEJBSUUsNERBQW1FLENBQ25FLHFDQUFzQyxDQUV0QyxjQUFlLENBTmYsV0FBWSxDQUVaLG1CQUFpQixDQUFqQixnQkFBaUIsQ0FHakIsaUJBQWtCLENBSmxCLFVBTUYiLCJzb3VyY2VzQ29udGVudCI6WyI6cm9vdCB7XG4gIC0tbml1LW1vZGFsLXdpZHRoOiA5NXZ3O1xuICAtLW5pdS1tb2RhbC1oZWlnaHQ6IDc1dmg7XG4gIC0tbml1LW1vZGFsLW1heC13aWR0aDogMTE1MnB4O1xuICAtLW5pdS1tb2RhbC1tYXgtaGVpZ2h0OiAzNnJlbTtcbiAgLS1uaXUtbW9kYWwtaGVhZGVyLWhlaWdodDogMTMuNzVyZW07XG4gIC0tbml1LXVuc3BsYXNoLWNvbnRhaW5lci1tYXgtaGVpZ2h0OiAyMi4xODc1cmVtO1xufVxuIiwiQGltcG9ydCBcIi4uL2Fic3RyYWN0cy92YXJpYWJsZXMuY3NzXCI7XG5cbi5uaXUtdW5zcGxhc2gtY29udGFpbmVyIHtcbiAgaGVpZ2h0OiBjYWxjKFxuICAgIHZhcigtLW5pdS1tb2RhbC1oZWlnaHQpIC0gdmFyKC0tbml1LW1vZGFsLWhlYWRlci1oZWlnaHQpXG4gICkgIWltcG9ydGFudDtcbiAgbWF4LWhlaWdodDogdmFyKC0tbml1LXVuc3BsYXNoLWNvbnRhaW5lci1tYXgtaGVpZ2h0KTtcbn1cblxuLm5pdS11bnNwbGFzaC1jb250YWluZXIgaW1nIHtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIGFuaW1hdGlvbjogZmFkZS1pbiAxLjJzIDFzIGN1YmljLWJlemllcigwLjM5LCAwLjU3NSwgMC41NjUsIDEpIGJvdGg7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbiJdfQ== */";
+var css = ":root{--niu-modal-width:95vw;--niu-modal-height:75vh;--niu-modal-max-width:1152px;--niu-modal-max-height:36rem;--niu-modal-header-height:13.75rem;--niu-unsplash-container-max-height:22.1875rem}.niu-unsplash-container{height:calc(75vh - 13.75rem)!important;height:calc(var(--niu-modal-height) - var(--niu-modal-header-height))!important;max-height:22.1875rem;max-height:var(--niu-unsplash-container-max-height)}.niu-unsplash-container img{animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) 1s both;border-radius:var(--neeto-ui-rounded);cursor:pointer;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}.niu-library-image-name{background-color:rgba(0,0,0,.55);border-end-end-radius:var(--neeto-ui-rounded);border-end-start-radius:var(--neeto-ui-rounded);bottom:0;color:#fff;font-size:11px;inset-inline:0;line-height:16px;overflow:hidden;padding:4px 8px;pointer-events:none;position:absolute;text-overflow:ellipsis;white-space:nowrap}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2Fic3RyYWN0cy92YXJpYWJsZXMuY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvY29tcG9uZW50cy9pbWFnZS1saWJyYXJ5LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUNFLHNCQUF1QixDQUN2Qix1QkFBd0IsQ0FDeEIsNEJBQTZCLENBQzdCLDRCQUE2QixDQUM3QixrQ0FBbUMsQ0FDbkMsOENBQ0YsQ0NMQSx3QkFDRSxzQ0FFWSxDQUZaLCtFQUVZLENBQ1oscUJBQW9ELENBQXBELG1EQUNGLENBRUEsNEJBSUUsNERBQW1FLENBQ25FLHFDQUFzQyxDQUV0QyxjQUFlLENBTmYsV0FBWSxDQUVaLG1CQUFpQixDQUFqQixnQkFBaUIsQ0FHakIsaUJBQWtCLENBSmxCLFVBTUYsQ0FFQSx3QkFPRSxnQ0FBa0MsQ0FEbEMsNkNBQThDLENBRDlDLCtDQUFnRCxDQUhoRCxRQUFTLENBTVQsVUFBVyxDQUNYLGNBQWUsQ0FOZixjQUFlLENBT2YsZ0JBQWlCLENBRWpCLGVBQWdCLENBUmhCLGVBQWdCLENBVWhCLG1CQUFvQixDQWJwQixpQkFBa0IsQ0FZbEIsc0JBQXVCLENBRnZCLGtCQUlGIiwic291cmNlc0NvbnRlbnQiOlsiOnJvb3Qge1xuICAtLW5pdS1tb2RhbC13aWR0aDogOTV2dztcbiAgLS1uaXUtbW9kYWwtaGVpZ2h0OiA3NXZoO1xuICAtLW5pdS1tb2RhbC1tYXgtd2lkdGg6IDExNTJweDtcbiAgLS1uaXUtbW9kYWwtbWF4LWhlaWdodDogMzZyZW07XG4gIC0tbml1LW1vZGFsLWhlYWRlci1oZWlnaHQ6IDEzLjc1cmVtO1xuICAtLW5pdS11bnNwbGFzaC1jb250YWluZXItbWF4LWhlaWdodDogMjIuMTg3NXJlbTtcbn1cbiIsIkBpbXBvcnQgXCIuLi9hYnN0cmFjdHMvdmFyaWFibGVzLmNzc1wiO1xuXG4ubml1LXVuc3BsYXNoLWNvbnRhaW5lciB7XG4gIGhlaWdodDogY2FsYyhcbiAgICB2YXIoLS1uaXUtbW9kYWwtaGVpZ2h0KSAtIHZhcigtLW5pdS1tb2RhbC1oZWFkZXItaGVpZ2h0KVxuICApICFpbXBvcnRhbnQ7XG4gIG1heC1oZWlnaHQ6IHZhcigtLW5pdS11bnNwbGFzaC1jb250YWluZXItbWF4LWhlaWdodCk7XG59XG5cbi5uaXUtdW5zcGxhc2gtY29udGFpbmVyIGltZyB7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICBhbmltYXRpb246IGZhZGUtaW4gMS4ycyAxcyBjdWJpYy1iZXppZXIoMC4zOSwgMC41NzUsIDAuNTY1LCAxKSBib3RoO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1uZWV0by11aS1yb3VuZGVkKTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5uaXUtbGlicmFyeS1pbWFnZS1uYW1lIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IDA7XG4gIGluc2V0LWlubGluZTogMDtcbiAgcGFkZGluZzogNHB4IDhweDtcbiAgYm9yZGVyLWVuZC1zdGFydC1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQpO1xuICBib3JkZXItZW5kLWVuZC1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoMCAwIDAgLyA1NSUpO1xuICBjb2xvcjogI2ZmZjtcbiAgZm9udC1zaXplOiAxMXB4O1xuICBsaW5lLWhlaWdodDogMTZweDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuIl19 */";
 n(css,{});
 
 var Menu = Dropdown.Menu,
@@ -541,9 +546,7 @@ var InfiniteScroller = function InfiniteScroller(_ref) {
                   "data-testid": "image-library-image-options-".concat(index),
                   icon: MenuHorizontal,
                   buttonProps: {
-                    className:
-                    // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes
-                    "absolute end-2 top-2 z-1 rounded-full"
+                    className: "absolute end-2 top-2 z-1 rounded-full"
                   },
                   children: /*#__PURE__*/jsx(Menu, {
                     children: /*#__PURE__*/jsx(MenuItem.Button, {
@@ -560,9 +563,14 @@ var InfiniteScroller = function InfiniteScroller(_ref) {
                 }), /*#__PURE__*/jsx("img", {
                   "data-testid": "niu-library-image-".concat(index),
                   src: image === null || image === void 0 ? void 0 : image.url,
+                  title: imageName(image),
                   onClick: function onClick() {
                     return setSelectedImage(image);
                   }
+                }), imageName(image) && /*#__PURE__*/jsx("span", {
+                  className: "niu-library-image-name",
+                  "data-testid": "niu-library-image-name-".concat(index),
+                  children: imageName(image)
                 })]
               })]
             })
@@ -972,4 +980,4 @@ var Modal = function Modal(_ref) {
 };
 
 export { Modal as M, constructCloudflareImageURL as c };
-//# sourceMappingURL=index-ByiQIHFV.js.map
+//# sourceMappingURL=index-BYfso12Q.js.map