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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/.ready +1 -1
  2. package/dist/cjs/v2/ImageForm.js +34 -37
  3. package/dist/cjs/v2/ImageForm.js.map +1 -1
  4. package/dist/cjs/v2/index.js +1 -0
  5. package/dist/cjs/v2/index.js.map +1 -1
  6. package/dist/v2/ImageForm.js +35 -38
  7. package/dist/v2/ImageForm.js.map +1 -1
  8. package/dist/v2/index.js +1 -0
  9. package/dist/v2/index.js.map +1 -1
  10. package/package.json +14 -14
package/dist/.ready CHANGED
@@ -1 +1 @@
1
- Built at 2026-07-24T05:47:38.888Z
1
+ Built at 2026-08-05T14:55:48.809Z
package/dist/cjs/v2/ImageForm.js CHANGED
@@ -10,6 +10,7 @@ var Help = require('@bigbinary/neeto-icons/Help');
10
10
  var ramda = require('ramda');
11
11
  var reactI18next = require('react-i18next');
12
12
  var neetoAtoms = require('@bigbinary/neeto-atoms');
13
+ var primitives = require('@bigbinary/neeto-atoms/primitives');
13
14
  var i18next = require('i18next');
14
15
  var LeftAlign = require('@bigbinary/neeto-icons/LeftAlign');
15
16
  var CenterAlign = require('@bigbinary/neeto-icons/CenterAlign');
@@ -77,44 +78,40 @@ var AlignmentBlock = function AlignmentBlock(_ref) {
77
78
  alignment = _useField2$1$value === void 0 ? DEFAULT_LOGO_POSITION : _useField2$1$value,
78
79
  setValue = _useField2[2].setValue;
79
80
  var handleChange = function handleChange(newAlignment) {
80
- if (alignment === newAlignment) return;
81
+ // Radix emits "" when the active item is toggled off; alignment must always
82
+ // have a value, so ignore empty and no-op selections.
83
+ if (!newAlignment || alignment === newAlignment) return;
81
84
  setValue(newAlignment, false);
82
85
  onChange(name, newAlignment);
83
86
  };
84
- return (
85
- /*#__PURE__*/
86
- // eslint-disable-next-line react/no-unknown-property
87
- jsxRuntime.jsxs("div", {
88
- dataTestid: "".concat(neetoCist.hyphenate(title), "-block"),
89
- children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
90
- variant: "body2",
91
- weight: "medium",
92
- children: title
93
- }), /*#__PURE__*/jsxRuntime.jsx("div", {
94
- className: "mt-2 flex items-center gap-3",
95
- children: ALIGNMENTS.map(function (_ref2) {
96
- var label = _ref2.label,
97
- value = _ref2.value,
98
- icon = _ref2.icon,
99
- dataTestid = _ref2.dataTestid;
100
- return /*#__PURE__*/require$$0.createElement(neetoAtoms.Button, {
101
- icon: icon,
102
- "data-testid": dataTestid,
103
- key: value,
104
- size: "lg",
105
- tooltipProps: {
106
- content: label,
107
- position: "bottom"
108
- },
109
- variant: alignment === value ? "default" : "ghost",
110
- onClick: function onClick() {
111
- return handleChange(value);
112
- }
113
- });
114
- })
115
- })]
116
- })
117
- );
87
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
88
+ "data-testid": "".concat(neetoCist.hyphenate(title), "-block"),
89
+ children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
90
+ variant: "body2",
91
+ weight: "medium",
92
+ children: title
93
+ }), /*#__PURE__*/jsxRuntime.jsx(primitives.ToggleGroup, {
94
+ className: "bg-background border-input mt-2 w-fit rounded-md border p-[3px] shadow-none",
95
+ size: "sm",
96
+ spacing: 1,
97
+ type: "single",
98
+ value: alignment,
99
+ variant: "default",
100
+ onValueChange: handleChange,
101
+ children: ALIGNMENTS.map(function (_ref2) {
102
+ var label = _ref2.label,
103
+ value = _ref2.value,
104
+ Icon = _ref2.icon,
105
+ dataTestid = _ref2.dataTestid;
106
+ return /*#__PURE__*/require$$0.createElement(primitives.ToggleGroupItem, {
107
+ value: value,
108
+ "aria-label": label,
109
+ "data-testid": dataTestid,
110
+ key: value
111
+ }, /*#__PURE__*/jsxRuntime.jsx(Icon, {}));
112
+ })
113
+ })]
114
+ });
118
115
  };
119
116
 
120
117
  var Block = function Block(_ref) {
@@ -276,13 +273,13 @@ var ImageForm = function ImageForm(_ref) {
276
273
  onChange === null || onChange === void 0 || onChange(names.height, value);
277
274
  };
278
275
  return /*#__PURE__*/jsxRuntime.jsxs("div", {
279
- className: "space-y-4 ".concat(className),
276
+ className: "space-y-6 ".concat(className),
280
277
  children: [/*#__PURE__*/jsxRuntime.jsx(ImageUpload, _objectSpread({
281
278
  isLabelEnabled: isLabelEnabled,
282
279
  handleUpdate: handleImageChange,
283
280
  name: names.image
284
281
  }, imageUploaderProps)), imageValue && /*#__PURE__*/jsxRuntime.jsxs("div", {
285
- className: "space-y-4 px-2",
282
+ className: "space-y-6 px-2",
286
283
  children: [/*#__PURE__*/jsxRuntime.jsx(SliderBlock, {
287
284
  defaultValue: logoHeight["default"],
288
285
  max: logoHeight.max,
package/dist/cjs/v2/ImageForm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ImageForm.js","sources":["../../../app/javascript/src/v2/components/ImageForm/constants.js","../../../app/javascript/src/v2/components/ImageForm/AlignmentBlock.jsx","../../../app/javascript/src/v2/components/ImageForm/Block.jsx","../../../app/javascript/src/v2/components/ImageForm/ImageUpload.jsx","../../../app/javascript/src/v2/components/ImageForm/SliderBlock.jsx","../../../app/javascript/src/v2/components/ImageForm/utils.js","../../../app/javascript/src/v2/components/ImageForm/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { LeftAlign, CenterAlign, RightAlign } from \"neetoicons\";\n\nexport const ALIGNMENTS = [\n {\n label: t(\"neetoImageUploader.labels.leftAlign\"),\n value: \"left\",\n icon: LeftAlign,\n dataTestid: \"left-alignment\",\n },\n {\n label: t(\"neetoImageUploader.labels.centerAlign\"),\n value: \"center\",\n icon: CenterAlign,\n dataTestid: \"center-alignment\",\n },\n {\n label: t(\"neetoImageUploader.labels.rightAlign\"),\n value: \"right\",\n icon: RightAlign,\n dataTestid: \"right-alignment\",\n },\n];\n\nexport const MINIMUM_LOGO_HEIGHT = 64;\nexport const MAXIMUM_LOGO_HEIGHT = 100;\nexport const DEFAULT_LOGO_HEIGHT = 64;\nexport const DEFAULT_LOGO_POSITION = \"left\";\nexport const ONE_MEGABYTE = 1;\n","import { Button, Typography } from \"@bigbinary/neeto-atoms\";\nimport { useField } from \"formik\";\nimport { hyphenate, noop } from \"neetocist\";\n\nimport { ALIGNMENTS, DEFAULT_LOGO_POSITION } from \"./constants\";\n\nconst AlignmentBlock = ({ name, title, onChange = noop }) => {\n const [_, { value: alignment = DEFAULT_LOGO_POSITION }, { setValue }] =\n useField(name);\n\n const handleChange = newAlignment => {\n if (alignment === newAlignment) return;\n\n setValue(newAlignment, false);\n onChange(name, newAlignment);\n };\n\n return (\n // eslint-disable-next-line react/no-unknown-property\n <div dataTestid={`${hyphenate(title)}-block`}>\n <Typography variant=\"body2\" weight=\"medium\">\n {title}\n </Typography>\n <div className=\"mt-2 flex items-center gap-3\">\n {ALIGNMENTS.map(({ label, value, icon, dataTestid }) => (\n <Button\n {...{ icon }}\n data-testid={dataTestid}\n key={value}\n size=\"lg\"\n tooltipProps={{ content: label, position: \"bottom\" }}\n variant={alignment === value ? \"default\" : \"ghost\"}\n onClick={() => handleChange(value)}\n />\n ))}\n </div>\n </div>\n );\n};\n\nexport default AlignmentBlock;\n","import { Spinner, Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\n\nconst Block = ({\n title,\n children,\n dataTestid,\n className = \"\",\n childrenClassName = \"\",\n isLoading = false,\n isLabelEnabled = true,\n}) => (\n <div className={classnames(\"space-y-4\", className)} data-testid={dataTestid}>\n {isLabelEnabled && (\n <div\n className=\"flex items-center justify-between\"\n data-testid=\"properties-header\"\n >\n <Typography variant=\"body1\" weight=\"semibold\">\n {title}\n </Typography>\n {isLoading && <Spinner />}\n </div>\n )}\n <div className={classnames(\"space-y-4\", childrenClassName)}>{children}</div>\n </div>\n);\n\nexport default Block;\n","import { useField } from \"formik\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Block from \"./Block\";\nimport { ONE_MEGABYTE } from \"./constants\";\n\nimport ImageUploader from \"../ImageUploader\";\n\nconst ImageUpload = ({\n name,\n handleUpdate,\n maxSize = ONE_MEGABYTE,\n isLabelEnabled = true,\n}) => {\n const [_, { value: image }, { setValue }] = useField(name);\n const { t } = useTranslation();\n const handleImageChange = changedImage => {\n if (isEmpty(changedImage?.url)) {\n setValue(null, false);\n handleUpdate(null);\n\n return;\n }\n\n setValue(changedImage, false);\n handleUpdate(changedImage);\n };\n\n const imageUrl = typeof image === \"string\" ? image : image?.url;\n\n return (\n <Block\n {...{ isLabelEnabled }}\n dataTestid=\"add-image-card\"\n title={t(\"neetoImageUploader.labels.addImage\")}\n >\n <ImageUploader\n className=\"w-full\"\n key={imageUrl}\n src={imageUrl}\n uploadConfig={{ maxImageSize: maxSize }}\n onUploadComplete={handleImageChange}\n />\n </Block>\n );\n};\n\nexport default ImageUpload;\n","import { Slider } from \"@bigbinary/neeto-atoms\";\nimport { useField } from \"formik\";\nimport { hyphenate, noop } from \"neetocist\";\n\nconst SliderBlock = ({\n title,\n name,\n onChange = noop,\n defaultValue,\n min,\n max,\n}) => {\n const [_, { value }, { setValue }] = useField(name);\n\n const handleChange = ([newValue]) => {\n if (value === newValue) return;\n\n setValue(newValue, false);\n onChange(newValue);\n };\n\n return (\n <div data-testid={`${hyphenate(title)}-slider-block`}>\n <Slider\n {...{ max, min }}\n defaultValue={defaultValue !== undefined ? [defaultValue] : undefined}\n label={title}\n value={value !== undefined ? [value] : undefined}\n onValueChange={handleChange}\n />\n </div>\n );\n};\n\nexport default SliderBlock;\n","import { DEFAULT_LOGO_HEIGHT } from \"./constants\";\n\nconst root = document.querySelector(\":root\");\n\nexport const setLogoHeight = (value, variableName) =>\n root.style.setProperty(\n variableName,\n `${Number(value) || DEFAULT_LOGO_HEIGHT}px`\n );\n","import { useEffect } from \"react\";\n\nimport { Input } from \"@bigbinary/neeto-atoms/formik\";\nimport { useFormikContext, getIn, useField } from \"formik\";\nimport { noop } from \"neetocist\";\nimport { Help } from \"neetoicons\";\nimport { isNil } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport AlignmentBlock from \"./AlignmentBlock\";\nimport {\n DEFAULT_LOGO_HEIGHT,\n MAXIMUM_LOGO_HEIGHT,\n MINIMUM_LOGO_HEIGHT,\n} from \"./constants\";\nimport ImageUpload from \"./ImageUpload\";\nimport SliderBlock from \"./SliderBlock\";\nimport { setLogoHeight } from \"./utils\";\n\nconst ImageForm = ({\n onChange = noop,\n imageUploaderProps = {},\n className = \"\",\n names = {},\n logoHeight = {\n default: DEFAULT_LOGO_HEIGHT,\n min: MINIMUM_LOGO_HEIGHT,\n max: MAXIMUM_LOGO_HEIGHT,\n },\n logoSizeVariableName,\n showAlignmentBlock = true,\n showAltTextBlock = true,\n isLabelEnabled = true,\n entityName,\n}) => {\n const { values, setFieldValue } = useFormikContext();\n const [{ value: altTextValue }] = useField(\"altText\");\n\n const { t } = useTranslation();\n const entity = entityName || t(\"neetoImageUploader.common.logo\");\n\n const imageValue = getIn(values, names.image);\n\n useEffect(() => {\n if (altTextValue !== undefined) {\n onChange?.(\"altText\", altTextValue);\n }\n }, [altTextValue, onChange]);\n\n const handleImageChange = image => {\n if (isNil(image)) {\n setLogoHeight(logoHeight.default, logoSizeVariableName);\n setFieldValue(names.height, logoHeight.default);\n }\n\n onChange?.(names.image, image);\n };\n\n const handleSliderChange = value => {\n setLogoHeight(value, logoSizeVariableName);\n onChange?.(names.height, value);\n };\n\n return (\n <div className={`space-y-4 ${className}`}>\n <ImageUpload\n {...{ isLabelEnabled }}\n handleUpdate={handleImageChange}\n name={names.image}\n {...imageUploaderProps}\n />\n {imageValue && (\n <div className=\"space-y-4 px-2\">\n <SliderBlock\n defaultValue={logoHeight.default}\n max={logoHeight.max}\n min={logoHeight.min}\n name={names.height}\n title={t(\"neetoImageUploader.labels.size\", { entity })}\n onChange={handleSliderChange}\n />\n {showAlignmentBlock && (\n <AlignmentBlock\n {...{ onChange }}\n name={names.alignment}\n title={t(\"neetoImageUploader.labels.alignment\")}\n />\n )}\n {showAltTextBlock && (\n <Input\n label={t(\"neetoImageUploader.labels.altText\", { entity })}\n name=\"altText\"\n placeholder={t(\"neetoImageUploader.labels.altText\", { entity })}\n labelProps={{\n helpIconProps: {\n icon: Help,\n tooltipProps: {\n content: t(\"neetoImageUploader.tooltips.altText\", {\n entity,\n }),\n position: \"top\",\n },\n },\n }}\n />\n )}\n </div>\n )}\n </div>\n );\n};\n\nexport default ImageForm;\n"],"names":["ALIGNMENTS","label","t","value","icon","LeftAlign","dataTestid","CenterAlign","RightAlign","MINIMUM_LOGO_HEIGHT","MAXIMUM_LOGO_HEIGHT","DEFAULT_LOGO_HEIGHT","DEFAULT_LOGO_POSITION","ONE_MEGABYTE","AlignmentBlock","_ref","name","title","_ref$onChange","onChange","noop","_useField","useField","_useField2","_slicedToArray","_","_useField2$1$value","alignment","setValue","handleChange","newAlignment","_jsxs","concat","hyphenate","children","_jsx","Typography","variant","weight","className","map","_ref2","_createElement","Button","key","size","tooltipProps","content","position","onClick","Block","_ref$className","_ref$childrenClassNam","childrenClassName","_ref$isLoading","isLoading","_ref$isLabelEnabled","isLabelEnabled","classnames","Spinner","ImageUpload","handleUpdate","_ref$maxSize","maxSize","image","_useTranslation","useTranslation","handleImageChange","changedImage","isEmpty","url","imageUrl","ImageUploader","src","uploadConfig","maxImageSize","onUploadComplete","SliderBlock","defaultValue","min","max","_ref3","newValue","Slider","undefined","onValueChange","root","document","querySelector","setLogoHeight","variableName","style","setProperty","Number","ImageForm","_ref$imageUploaderPro","imageUploaderProps","_ref$names","names","_ref$logoHeight","logoHeight","logoSizeVariableName","_ref$showAlignmentBlo","showAlignmentBlock","_ref$showAltTextBlock","showAltTextBlock","entityName","_useFormikContext","useFormikContext","values","setFieldValue","altTextValue","entity","imageValue","getIn","useEffect","isNil","height","handleSliderChange","_objectSpread","Input","placeholder","labelProps","helpIconProps","Help"],"mappings":"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"}
1
+ {"version":3,"file":"ImageForm.js","sources":["../../../app/javascript/src/v2/components/ImageForm/constants.js","../../../app/javascript/src/v2/components/ImageForm/AlignmentBlock.jsx","../../../app/javascript/src/v2/components/ImageForm/Block.jsx","../../../app/javascript/src/v2/components/ImageForm/ImageUpload.jsx","../../../app/javascript/src/v2/components/ImageForm/SliderBlock.jsx","../../../app/javascript/src/v2/components/ImageForm/utils.js","../../../app/javascript/src/v2/components/ImageForm/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { LeftAlign, CenterAlign, RightAlign } from \"neetoicons\";\n\nexport const ALIGNMENTS = [\n {\n label: t(\"neetoImageUploader.labels.leftAlign\"),\n value: \"left\",\n icon: LeftAlign,\n dataTestid: \"left-alignment\",\n },\n {\n label: t(\"neetoImageUploader.labels.centerAlign\"),\n value: \"center\",\n icon: CenterAlign,\n dataTestid: \"center-alignment\",\n },\n {\n label: t(\"neetoImageUploader.labels.rightAlign\"),\n value: \"right\",\n icon: RightAlign,\n dataTestid: \"right-alignment\",\n },\n];\n\nexport const MINIMUM_LOGO_HEIGHT = 64;\nexport const MAXIMUM_LOGO_HEIGHT = 100;\nexport const DEFAULT_LOGO_HEIGHT = 64;\nexport const DEFAULT_LOGO_POSITION = \"left\";\nexport const ONE_MEGABYTE = 1;\n","import { 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/index.js CHANGED
@@ -27,6 +27,7 @@ require('../../ImageWithFallback-BhUgmP7t.js');
27
27
  require('@bigbinary/neeto-atoms/formik');
28
28
  require('formik');
29
29
  require('@bigbinary/neeto-icons/Help');
30
+ require('@bigbinary/neeto-atoms/primitives');
30
31
  require('@bigbinary/neeto-icons/LeftAlign');
31
32
  require('@bigbinary/neeto-icons/CenterAlign');
32
33
  require('@bigbinary/neeto-icons/RightAlign');
package/dist/cjs/v2/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/v2/ImageForm.js CHANGED
@@ -7,7 +7,8 @@ import { hyphenate, noop } from '@bigbinary/neeto-cist';
7
7
  import Help from '@bigbinary/neeto-icons/Help';
8
8
  import { isEmpty, isNil } from 'ramda';
9
9
  import { useTranslation } from 'react-i18next';
10
- import { Typography, Button, Spinner, Slider } from '@bigbinary/neeto-atoms';
10
+ import { Typography, Spinner, Slider } from '@bigbinary/neeto-atoms';
11
+ import { ToggleGroup, ToggleGroupItem } from '@bigbinary/neeto-atoms/primitives';
11
12
  import { t } from 'i18next';
12
13
  import LeftAlign from '@bigbinary/neeto-icons/LeftAlign';
13
14
  import CenterAlign from '@bigbinary/neeto-icons/CenterAlign';
@@ -75,44 +76,40 @@ var AlignmentBlock = function AlignmentBlock(_ref) {
75
76
  alignment = _useField2$1$value === void 0 ? DEFAULT_LOGO_POSITION : _useField2$1$value,
76
77
  setValue = _useField2[2].setValue;
77
78
  var handleChange = function handleChange(newAlignment) {
78
- if (alignment === newAlignment) return;
79
+ // Radix emits "" when the active item is toggled off; alignment must always
80
+ // have a value, so ignore empty and no-op selections.
81
+ if (!newAlignment || alignment === newAlignment) return;
79
82
  setValue(newAlignment, false);
80
83
  onChange(name, newAlignment);
81
84
  };
82
- return (
83
- /*#__PURE__*/
84
- // eslint-disable-next-line react/no-unknown-property
85
- jsxs("div", {
86
- dataTestid: "".concat(hyphenate(title), "-block"),
87
- children: [/*#__PURE__*/jsx(Typography, {
88
- variant: "body2",
89
- weight: "medium",
90
- children: title
91
- }), /*#__PURE__*/jsx("div", {
92
- className: "mt-2 flex items-center gap-3",
93
- children: ALIGNMENTS.map(function (_ref2) {
94
- var label = _ref2.label,
95
- value = _ref2.value,
96
- icon = _ref2.icon,
97
- dataTestid = _ref2.dataTestid;
98
- return /*#__PURE__*/createElement(Button, {
99
- icon: icon,
100
- "data-testid": dataTestid,
101
- key: value,
102
- size: "lg",
103
- tooltipProps: {
104
- content: label,
105
- position: "bottom"
106
- },
107
- variant: alignment === value ? "default" : "ghost",
108
- onClick: function onClick() {
109
- return handleChange(value);
110
- }
111
- });
112
- })
113
- })]
114
- })
115
- );
85
+ return /*#__PURE__*/jsxs("div", {
86
+ "data-testid": "".concat(hyphenate(title), "-block"),
87
+ children: [/*#__PURE__*/jsx(Typography, {
88
+ variant: "body2",
89
+ weight: "medium",
90
+ children: title
91
+ }), /*#__PURE__*/jsx(ToggleGroup, {
92
+ className: "bg-background border-input mt-2 w-fit rounded-md border p-[3px] shadow-none",
93
+ size: "sm",
94
+ spacing: 1,
95
+ type: "single",
96
+ value: alignment,
97
+ variant: "default",
98
+ onValueChange: handleChange,
99
+ children: ALIGNMENTS.map(function (_ref2) {
100
+ var label = _ref2.label,
101
+ value = _ref2.value,
102
+ Icon = _ref2.icon,
103
+ dataTestid = _ref2.dataTestid;
104
+ return /*#__PURE__*/createElement(ToggleGroupItem, {
105
+ value: value,
106
+ "aria-label": label,
107
+ "data-testid": dataTestid,
108
+ key: value
109
+ }, /*#__PURE__*/jsx(Icon, {}));
110
+ })
111
+ })]
112
+ });
116
113
  };
117
114
 
118
115
  var Block = function Block(_ref) {
@@ -274,13 +271,13 @@ var ImageForm = function ImageForm(_ref) {
274
271
  onChange === null || onChange === void 0 || onChange(names.height, value);
275
272
  };
276
273
  return /*#__PURE__*/jsxs("div", {
277
- className: "space-y-4 ".concat(className),
274
+ className: "space-y-6 ".concat(className),
278
275
  children: [/*#__PURE__*/jsx(ImageUpload, _objectSpread({
279
276
  isLabelEnabled: isLabelEnabled,
280
277
  handleUpdate: handleImageChange,
281
278
  name: names.image
282
279
  }, imageUploaderProps)), imageValue && /*#__PURE__*/jsxs("div", {
283
- className: "space-y-4 px-2",
280
+ className: "space-y-6 px-2",
284
281
  children: [/*#__PURE__*/jsx(SliderBlock, {
285
282
  defaultValue: logoHeight["default"],
286
283
  max: logoHeight.max,
package/dist/v2/ImageForm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ImageForm.js","sources":["../../app/javascript/src/v2/components/ImageForm/constants.js","../../app/javascript/src/v2/components/ImageForm/AlignmentBlock.jsx","../../app/javascript/src/v2/components/ImageForm/Block.jsx","../../app/javascript/src/v2/components/ImageForm/ImageUpload.jsx","../../app/javascript/src/v2/components/ImageForm/SliderBlock.jsx","../../app/javascript/src/v2/components/ImageForm/utils.js","../../app/javascript/src/v2/components/ImageForm/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { LeftAlign, CenterAlign, RightAlign } from \"neetoicons\";\n\nexport const ALIGNMENTS = [\n {\n label: t(\"neetoImageUploader.labels.leftAlign\"),\n value: \"left\",\n icon: LeftAlign,\n dataTestid: \"left-alignment\",\n },\n {\n label: t(\"neetoImageUploader.labels.centerAlign\"),\n value: \"center\",\n icon: CenterAlign,\n dataTestid: \"center-alignment\",\n },\n {\n label: t(\"neetoImageUploader.labels.rightAlign\"),\n value: \"right\",\n icon: RightAlign,\n dataTestid: \"right-alignment\",\n },\n];\n\nexport const MINIMUM_LOGO_HEIGHT = 64;\nexport const MAXIMUM_LOGO_HEIGHT = 100;\nexport const DEFAULT_LOGO_HEIGHT = 64;\nexport const DEFAULT_LOGO_POSITION = \"left\";\nexport const ONE_MEGABYTE = 1;\n","import { Button, Typography } from \"@bigbinary/neeto-atoms\";\nimport { useField } from \"formik\";\nimport { hyphenate, noop } from \"neetocist\";\n\nimport { ALIGNMENTS, DEFAULT_LOGO_POSITION } from \"./constants\";\n\nconst AlignmentBlock = ({ name, title, onChange = noop }) => {\n const [_, { value: alignment = DEFAULT_LOGO_POSITION }, { setValue }] =\n useField(name);\n\n const handleChange = newAlignment => {\n if (alignment === newAlignment) return;\n\n setValue(newAlignment, false);\n onChange(name, newAlignment);\n };\n\n return (\n // eslint-disable-next-line react/no-unknown-property\n <div dataTestid={`${hyphenate(title)}-block`}>\n <Typography variant=\"body2\" weight=\"medium\">\n {title}\n </Typography>\n <div className=\"mt-2 flex items-center gap-3\">\n {ALIGNMENTS.map(({ label, value, icon, dataTestid }) => (\n <Button\n {...{ icon }}\n data-testid={dataTestid}\n key={value}\n size=\"lg\"\n tooltipProps={{ content: label, position: \"bottom\" }}\n variant={alignment === value ? \"default\" : \"ghost\"}\n onClick={() => handleChange(value)}\n />\n ))}\n </div>\n </div>\n );\n};\n\nexport default AlignmentBlock;\n","import { Spinner, Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\n\nconst Block = ({\n title,\n children,\n dataTestid,\n className = \"\",\n childrenClassName = \"\",\n isLoading = false,\n isLabelEnabled = true,\n}) => (\n <div className={classnames(\"space-y-4\", className)} data-testid={dataTestid}>\n {isLabelEnabled && (\n <div\n className=\"flex items-center justify-between\"\n data-testid=\"properties-header\"\n >\n <Typography variant=\"body1\" weight=\"semibold\">\n {title}\n </Typography>\n {isLoading && <Spinner />}\n </div>\n )}\n <div className={classnames(\"space-y-4\", childrenClassName)}>{children}</div>\n </div>\n);\n\nexport default Block;\n","import { useField } from \"formik\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Block from \"./Block\";\nimport { ONE_MEGABYTE } from \"./constants\";\n\nimport ImageUploader from \"../ImageUploader\";\n\nconst ImageUpload = ({\n name,\n handleUpdate,\n maxSize = ONE_MEGABYTE,\n isLabelEnabled = true,\n}) => {\n const [_, { value: image }, { setValue }] = useField(name);\n const { t } = useTranslation();\n const handleImageChange = changedImage => {\n if (isEmpty(changedImage?.url)) {\n setValue(null, false);\n handleUpdate(null);\n\n return;\n }\n\n setValue(changedImage, false);\n handleUpdate(changedImage);\n };\n\n const imageUrl = typeof image === \"string\" ? image : image?.url;\n\n return (\n <Block\n {...{ isLabelEnabled }}\n dataTestid=\"add-image-card\"\n title={t(\"neetoImageUploader.labels.addImage\")}\n >\n <ImageUploader\n className=\"w-full\"\n key={imageUrl}\n src={imageUrl}\n uploadConfig={{ maxImageSize: maxSize }}\n onUploadComplete={handleImageChange}\n />\n </Block>\n );\n};\n\nexport default ImageUpload;\n","import { Slider } from \"@bigbinary/neeto-atoms\";\nimport { useField } from \"formik\";\nimport { hyphenate, noop } from \"neetocist\";\n\nconst SliderBlock = ({\n title,\n name,\n onChange = noop,\n defaultValue,\n min,\n max,\n}) => {\n const [_, { value }, { setValue }] = useField(name);\n\n const handleChange = ([newValue]) => {\n if (value === newValue) return;\n\n setValue(newValue, false);\n onChange(newValue);\n };\n\n return (\n <div data-testid={`${hyphenate(title)}-slider-block`}>\n <Slider\n {...{ max, min }}\n defaultValue={defaultValue !== undefined ? [defaultValue] : undefined}\n label={title}\n value={value !== undefined ? [value] : undefined}\n onValueChange={handleChange}\n />\n </div>\n );\n};\n\nexport default SliderBlock;\n","import { DEFAULT_LOGO_HEIGHT } from \"./constants\";\n\nconst root = document.querySelector(\":root\");\n\nexport const setLogoHeight = (value, variableName) =>\n root.style.setProperty(\n variableName,\n `${Number(value) || DEFAULT_LOGO_HEIGHT}px`\n );\n","import { useEffect } from \"react\";\n\nimport { Input } from \"@bigbinary/neeto-atoms/formik\";\nimport { useFormikContext, getIn, useField } from \"formik\";\nimport { noop } from \"neetocist\";\nimport { Help } from \"neetoicons\";\nimport { isNil } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport AlignmentBlock from \"./AlignmentBlock\";\nimport {\n DEFAULT_LOGO_HEIGHT,\n MAXIMUM_LOGO_HEIGHT,\n MINIMUM_LOGO_HEIGHT,\n} from \"./constants\";\nimport ImageUpload from \"./ImageUpload\";\nimport SliderBlock from \"./SliderBlock\";\nimport { setLogoHeight } from \"./utils\";\n\nconst ImageForm = ({\n onChange = noop,\n imageUploaderProps = {},\n className = \"\",\n names = {},\n logoHeight = {\n default: DEFAULT_LOGO_HEIGHT,\n min: MINIMUM_LOGO_HEIGHT,\n max: MAXIMUM_LOGO_HEIGHT,\n },\n logoSizeVariableName,\n showAlignmentBlock = true,\n showAltTextBlock = true,\n isLabelEnabled = true,\n entityName,\n}) => {\n const { values, setFieldValue } = useFormikContext();\n const [{ value: altTextValue }] = useField(\"altText\");\n\n const { t } = useTranslation();\n const entity = entityName || t(\"neetoImageUploader.common.logo\");\n\n const imageValue = getIn(values, names.image);\n\n useEffect(() => {\n if (altTextValue !== undefined) {\n onChange?.(\"altText\", altTextValue);\n }\n }, [altTextValue, onChange]);\n\n const handleImageChange = image => {\n if (isNil(image)) {\n setLogoHeight(logoHeight.default, logoSizeVariableName);\n setFieldValue(names.height, logoHeight.default);\n }\n\n onChange?.(names.image, image);\n };\n\n const handleSliderChange = value => {\n setLogoHeight(value, logoSizeVariableName);\n onChange?.(names.height, value);\n };\n\n return (\n <div className={`space-y-4 ${className}`}>\n <ImageUpload\n {...{ isLabelEnabled }}\n handleUpdate={handleImageChange}\n name={names.image}\n {...imageUploaderProps}\n />\n {imageValue && (\n <div className=\"space-y-4 px-2\">\n <SliderBlock\n defaultValue={logoHeight.default}\n max={logoHeight.max}\n min={logoHeight.min}\n name={names.height}\n title={t(\"neetoImageUploader.labels.size\", { entity })}\n onChange={handleSliderChange}\n />\n {showAlignmentBlock && (\n <AlignmentBlock\n {...{ onChange }}\n name={names.alignment}\n title={t(\"neetoImageUploader.labels.alignment\")}\n />\n )}\n {showAltTextBlock && (\n <Input\n label={t(\"neetoImageUploader.labels.altText\", { entity })}\n name=\"altText\"\n placeholder={t(\"neetoImageUploader.labels.altText\", { entity })}\n labelProps={{\n helpIconProps: {\n icon: Help,\n tooltipProps: {\n content: t(\"neetoImageUploader.tooltips.altText\", {\n entity,\n }),\n position: \"top\",\n },\n },\n }}\n />\n )}\n </div>\n )}\n </div>\n );\n};\n\nexport default ImageForm;\n"],"names":["ALIGNMENTS","label","t","value","icon","LeftAlign","dataTestid","CenterAlign","RightAlign","MINIMUM_LOGO_HEIGHT","MAXIMUM_LOGO_HEIGHT","DEFAULT_LOGO_HEIGHT","DEFAULT_LOGO_POSITION","ONE_MEGABYTE","AlignmentBlock","_ref","name","title","_ref$onChange","onChange","noop","_useField","useField","_useField2","_slicedToArray","_","_useField2$1$value","alignment","setValue","handleChange","newAlignment","_jsxs","concat","hyphenate","children","_jsx","Typography","variant","weight","className","map","_ref2","_createElement","Button","key","size","tooltipProps","content","position","onClick","Block","_ref$className","_ref$childrenClassNam","childrenClassName","_ref$isLoading","isLoading","_ref$isLabelEnabled","isLabelEnabled","classnames","Spinner","ImageUpload","handleUpdate","_ref$maxSize","maxSize","image","_useTranslation","useTranslation","handleImageChange","changedImage","isEmpty","url","imageUrl","ImageUploader","src","uploadConfig","maxImageSize","onUploadComplete","SliderBlock","defaultValue","min","max","_ref3","newValue","Slider","undefined","onValueChange","root","document","querySelector","setLogoHeight","variableName","style","setProperty","Number","ImageForm","_ref$imageUploaderPro","imageUploaderProps","_ref$names","names","_ref$logoHeight","logoHeight","logoSizeVariableName","_ref$showAlignmentBlo","showAlignmentBlock","_ref$showAltTextBlock","showAltTextBlock","entityName","_useFormikContext","useFormikContext","values","setFieldValue","altTextValue","entity","imageValue","getIn","useEffect","isNil","height","handleSliderChange","_objectSpread","Input","placeholder","labelProps","helpIconProps","Help"],"mappings":"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"}
1
+ {"version":3,"file":"ImageForm.js","sources":["../../app/javascript/src/v2/components/ImageForm/constants.js","../../app/javascript/src/v2/components/ImageForm/AlignmentBlock.jsx","../../app/javascript/src/v2/components/ImageForm/Block.jsx","../../app/javascript/src/v2/components/ImageForm/ImageUpload.jsx","../../app/javascript/src/v2/components/ImageForm/SliderBlock.jsx","../../app/javascript/src/v2/components/ImageForm/utils.js","../../app/javascript/src/v2/components/ImageForm/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { LeftAlign, CenterAlign, RightAlign } from \"neetoicons\";\n\nexport const ALIGNMENTS = [\n {\n label: t(\"neetoImageUploader.labels.leftAlign\"),\n value: \"left\",\n icon: LeftAlign,\n dataTestid: \"left-alignment\",\n },\n {\n label: t(\"neetoImageUploader.labels.centerAlign\"),\n value: \"center\",\n icon: CenterAlign,\n dataTestid: \"center-alignment\",\n },\n {\n label: t(\"neetoImageUploader.labels.rightAlign\"),\n value: \"right\",\n icon: RightAlign,\n dataTestid: \"right-alignment\",\n },\n];\n\nexport const MINIMUM_LOGO_HEIGHT = 64;\nexport const MAXIMUM_LOGO_HEIGHT = 100;\nexport const DEFAULT_LOGO_HEIGHT = 64;\nexport const DEFAULT_LOGO_POSITION = \"left\";\nexport const ONE_MEGABYTE = 1;\n","import { 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/v2/index.js CHANGED
@@ -25,6 +25,7 @@ import '../ImageWithFallback-MfA03icL.js';
25
25
  import '@bigbinary/neeto-atoms/formik';
26
26
  import 'formik';
27
27
  import '@bigbinary/neeto-icons/Help';
28
+ import '@bigbinary/neeto-atoms/primitives';
28
29
  import '@bigbinary/neeto-icons/LeftAlign';
29
30
  import '@bigbinary/neeto-icons/CenterAlign';
30
31
  import '@bigbinary/neeto-icons/RightAlign';
package/dist/v2/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bigbinary/neeto-image-uploader-frontend",
3
- "version": "4.0.14",
3
+ "version": "4.0.15",
4
4
  "license": "UNLICENSED",
5
5
  "bugs": {
6
6
  "url": "https://github.com/bigbinary/neeto-image-uploader-nano/issues"
@@ -77,14 +77,14 @@
77
77
  "@babel/runtime": "7.29.7",
78
78
  "@bigbinary/babel-preset-neeto": "^1.0.3",
79
79
  "@bigbinary/eslint-plugin-neeto": "1.9.1",
80
- "@bigbinary/neeto-atoms": "1.0.102",
80
+ "@bigbinary/neeto-atoms": "1.0.110",
81
81
  "@bigbinary/neeto-cist": "1.0.17",
82
- "@bigbinary/neeto-commons-frontend": "4.13.149",
83
- "@bigbinary/neeto-editor": "1.47.126",
82
+ "@bigbinary/neeto-commons-frontend": "4.13.152",
83
+ "@bigbinary/neeto-editor": "1.47.133",
84
84
  "@bigbinary/neeto-filters-frontend": "4.3.42",
85
85
  "@bigbinary/neeto-icons": "1.20.89",
86
- "@bigbinary/neeto-molecules": "5.2.32",
87
- "@bigbinary/neeto-team-members-frontend": "5.0.70",
86
+ "@bigbinary/neeto-molecules": "5.3.0",
87
+ "@bigbinary/neeto-team-members-frontend": "5.0.77",
88
88
  "@bigbinary/neetoui": "8.8.3",
89
89
  "@emotion/is-prop-valid": "1.2.0",
90
90
  "@faker-js/faker": "8.2.0",
@@ -104,7 +104,7 @@
104
104
  "antd": "5.22.1",
105
105
  "assert": "2.0.0",
106
106
  "autoprefixer": "^10.4.5",
107
- "axios": "1.18.0",
107
+ "axios": "1.18.1",
108
108
  "babel-loader": "^8.2.5",
109
109
  "babel-plugin-istanbul": "^6.1.1",
110
110
  "babel-plugin-js-logger": "1.0.17",
@@ -152,7 +152,7 @@
152
152
  "os-browserify": "0.3.0",
153
153
  "path-browserify": "^1.0.1",
154
154
  "perf_hooks": "0.0.1",
155
- "postcss": "8.5.15",
155
+ "postcss": "8.5.23",
156
156
  "postcss-import": "^15.0.0",
157
157
  "postcss-loader": "^7.0.1",
158
158
  "postcss-preset-env": "7.8.2",
@@ -197,14 +197,14 @@
197
197
  },
198
198
  "peerDependencies": {
199
199
  "@babel/runtime": "7.29.7",
200
- "@bigbinary/neeto-atoms": "1.0.102",
200
+ "@bigbinary/neeto-atoms": "1.0.110",
201
201
  "@bigbinary/neeto-cist": "1.0.17",
202
- "@bigbinary/neeto-commons-frontend": "4.13.149",
203
- "@bigbinary/neeto-editor": "1.47.126",
202
+ "@bigbinary/neeto-commons-frontend": "4.13.152",
203
+ "@bigbinary/neeto-editor": "1.47.133",
204
204
  "@bigbinary/neeto-filters-frontend": "4.3.42",
205
205
  "@bigbinary/neeto-icons": "1.20.89",
206
- "@bigbinary/neeto-molecules": "5.2.32",
207
- "@bigbinary/neeto-team-members-frontend": "5.0.70",
206
+ "@bigbinary/neeto-molecules": "5.3.0",
207
+ "@bigbinary/neeto-team-members-frontend": "5.0.77",
208
208
  "@bigbinary/neetoui": "8.8.3",
209
209
  "@honeybadger-io/js": "6.10.1",
210
210
  "@honeybadger-io/react": "6.1.25",
@@ -212,7 +212,7 @@
212
212
  "@tailwindcss/container-queries": "0.1.1",
213
213
  "@tanstack/react-query": "5.59.20",
214
214
  "antd": "5.22.1",
215
- "axios": "1.18.0",
215
+ "axios": "1.18.1",
216
216
  "buffer": "^6.0.3",
217
217
  "classnames": "2.5.1",
218
218
  "crypto-browserify": "3.12.1",