@payloadcms/ui 3.68.0-internal-debug.2eb12b9 → 3.68.0-internal-debug.dafc24d

package/dist/elements/EditMany/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/EditMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, Where } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useState } from 'react'\n\nimport type { FieldOption } from '../FieldSelect/reduceFieldOptions.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { ListSelectionButton } from '../ListSelection/index.js'\nimport { EditManyDrawerContent } from './DrawerContent.js'\nimport './index.scss'\n\nexport const baseClass = 'edit-many'\n\nexport type EditManyProps = {\n  readonly collection: ClientCollectionConfig\n}\n\nexport const EditMany: React.FC<EditManyProps> = (props) => {\n  const { count, selectAll, selectedIDs, toggleAll } = useSelection()\n\n  return (\n    <EditMany_v4\n      {...props}\n      count={count}\n      ids={selectedIDs}\n      onSuccess={() => toggleAll()}\n      selectAll={selectAll === SelectAllStatus.AllAvailable}\n    />\n  )\n}\n\nexport const EditMany_v4: React.FC<\n  {\n    count: number\n    ids: (number | string)[]\n    /**\n     * When multiple EditMany components are rendered on the page, this will differentiate them.\n     */\n    modalPrefix?: string\n    onSuccess?: () => void\n    selectAll: boolean\n    where?: Where\n  } & Omit<EditManyProps, 'ids'>\n> = ({ collection, count, ids, modalPrefix, onSuccess, selectAll, where }) => {\n  const { permissions } = useAuth()\n  const { openModal } = useModal()\n\n  const { t } = useTranslation()\n\n  const [selectedFields, setSelectedFields] = useState<FieldOption[]>([])\n\n  const collectionPermissions = permissions?.collections?.[collection.slug]\n\n  const drawerSlug = `${modalPrefix ? `${modalPrefix}-` : ''}edit-${collection.slug}`\n\n  if (count === 0 || !collectionPermissions?.update) {\n    return null\n  }\n\n  return (\n    <div className={[baseClass, `${baseClass}__toggle`].filter(Boolean).join(' ')}>\n      <ListSelectionButton\n        aria-label={t('general:edit')}\n        onClick={() => {\n          openModal(drawerSlug)\n          setSelectedFields([])\n        }}\n      >\n        {t('general:edit')}\n      </ListSelectionButton>\n      <EditDepthProvider>\n        <Drawer Header={null} slug={drawerSlug}>\n          <EditManyDrawerContent\n            collection={collection}\n            count={count}\n            drawerSlug={drawerSlug}\n            ids={ids}\n            onSuccess={onSuccess}\n            selectAll={selectAll}\n            selectedFields={selectedFields}\n            setSelectedFields={setSelectedFields}\n            where={where}\n          />\n        </Drawer>\n      </EditDepthProvider>\n    </div>\n  )\n}\n"],"names":["useModal","React","useState","useAuth","EditDepthProvider","SelectAllStatus","useSelection","useTranslation","Drawer","ListSelectionButton","EditManyDrawerContent","baseClass","EditMany","props","count","selectAll","selectedIDs","toggleAll","EditMany_v4","ids","onSuccess","AllAvailable","collection","modalPrefix","where","permissions","openModal","t","selectedFields","setSelectedFields","collectionPermissions","collections","slug","drawerSlug","update","div","className","filter","Boolean","join","aria-label","onClick","Header"],"mappings":"AAAA;;AAGA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAIvC,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,iBAAiB,QAAQ,qCAAoC;AACtE,SAASC,eAAe,EAAEC,YAAY,QAAQ,qCAAoC;AAClF,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,mBAAmB,QAAQ,4BAA2B;AAC/D,SAASC,qBAAqB,QAAQ,qBAAoB;AAC1D,OAAO,eAAc;AAErB,OAAO,MAAMC,YAAY,YAAW;AAMpC,OAAO,MAAMC,WAAoC,CAACC;IAChD,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAEC,WAAW,EAAEC,SAAS,EAAE,GAAGX;IAErD,qBACE,KAACY;QACE,GAAGL,KAAK;QACTC,OAAOA;QACPK,KAAKH;QACLI,WAAW,IAAMH;QACjBF,WAAWA,cAAcV,gBAAgBgB,YAAY;;AAG3D,EAAC;AAED,OAAO,MAAMH,cAYT,CAAC,EAAEI,UAAU,EAAER,KAAK,EAAEK,GAAG,EAAEI,WAAW,EAAEH,SAAS,EAAEL,SAAS,EAAES,KAAK,EAAE;IACvE,MAAM,EAAEC,WAAW,EAAE,GAAGtB;IACxB,MAAM,EAAEuB,SAAS,EAAE,GAAG1B;IAEtB,MAAM,EAAE2B,CAAC,EAAE,GAAGpB;IAEd,MAAM,CAACqB,gBAAgBC,kBAAkB,GAAG3B,SAAwB,EAAE;IAEtE,MAAM4B,wBAAwBL,aAAaM,aAAa,CAACT,WAAWU,IAAI,CAAC;IAEzE,MAAMC,aAAa,GAAGV,cAAc,GAAGA,YAAY,CAAC,CAAC,GAAG,GAAG,KAAK,EAAED,WAAWU,IAAI,EAAE;IAEnF,IAAIlB,UAAU,KAAK,CAACgB,uBAAuBI,QAAQ;QACjD,OAAO;IACT;IAEA,qBACE,MAACC;QAAIC,WAAW;YAACzB;YAAW,GAAGA,UAAU,QAAQ,CAAC;SAAC,CAAC0B,MAAM,CAACC,SAASC,IAAI,CAAC;;0BACvE,KAAC9B;gBACC+B,cAAYb,EAAE;gBACdc,SAAS;oBACPf,UAAUO;oBACVJ,kBAAkB,EAAE;gBACtB;0BAECF,EAAE;;0BAEL,KAACvB;0BACC,cAAA,KAACI;oBAAOkC,QAAQ;oBAAMV,MAAMC;8BAC1B,cAAA,KAACvB;wBACCY,YAAYA;wBACZR,OAAOA;wBACPmB,YAAYA;wBACZd,KAAKA;wBACLC,WAAWA;wBACXL,WAAWA;wBACXa,gBAAgBA;wBAChBC,mBAAmBA;wBACnBL,OAAOA;;;;;;AAMnB,EAAC"}
+{"version":3,"sources":["../../../src/elements/EditMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, Where } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useState } from 'react'\n\nimport type { FieldOption } from '../FieldSelect/reduceFieldOptions.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Drawer } from '../Drawer/index.js'\nimport { ListSelectionButton } from '../ListSelection/index.js'\nimport { EditManyDrawerContent } from './DrawerContent.js'\nimport './index.scss'\n\nexport const baseClass = 'edit-many'\n\nexport type EditManyProps = {\n  readonly collection: ClientCollectionConfig\n}\n\nexport const EditMany: React.FC<EditManyProps> = (props) => {\n  const { count, selectAll, selectedIDs, toggleAll } = useSelection()\n\n  return (\n    <EditMany_v4\n      {...props}\n      count={count}\n      ids={selectedIDs}\n      onSuccess={() => toggleAll()}\n      selectAll={selectAll === SelectAllStatus.AllAvailable}\n    />\n  )\n}\n\nexport const EditMany_v4: React.FC<\n  {\n    count: number\n    ids: (number | string)[]\n    /**\n     * When multiple EditMany components are rendered on the page, this will differentiate them.\n     */\n    modalPrefix?: string\n    onSuccess?: () => void\n    selectAll: boolean\n    where?: Where\n  } & Omit<EditManyProps, 'ids'>\n> = ({ collection, count, ids, modalPrefix, onSuccess, selectAll, where }) => {\n  const { permissions } = useAuth()\n  const { openModal } = useModal()\n\n  const { t } = useTranslation()\n\n  const [selectedFields, setSelectedFields] = useState<FieldOption[]>([])\n\n  const collectionPermissions = permissions?.collections?.[collection.slug]\n\n  const drawerSlug = `${modalPrefix ? `${modalPrefix}-` : ''}edit-${collection.slug}`\n\n  if (count === 0 || !collectionPermissions?.update) {\n    return null\n  }\n\n  return (\n    <div className={[baseClass, `${baseClass}__toggle`].filter(Boolean).join(' ')}>\n      <ListSelectionButton\n        aria-label={t('general:edit')}\n        onClick={() => {\n          openModal(drawerSlug)\n          setSelectedFields([])\n        }}\n      >\n        {t('general:edit')}\n      </ListSelectionButton>\n      <EditDepthProvider>\n        <Drawer Header={null} slug={drawerSlug}>\n          <EditManyDrawerContent\n            collection={collection}\n            count={count}\n            drawerSlug={drawerSlug}\n            ids={ids}\n            onSuccess={onSuccess}\n            selectAll={selectAll}\n            selectedFields={selectedFields}\n            setSelectedFields={setSelectedFields}\n            where={where}\n          />\n        </Drawer>\n      </EditDepthProvider>\n    </div>\n  )\n}\n"],"names":["useModal","React","useState","useAuth","EditDepthProvider","SelectAllStatus","useSelection","useTranslation","Drawer","ListSelectionButton","EditManyDrawerContent","baseClass","EditMany","props","count","selectAll","selectedIDs","toggleAll","EditMany_v4","ids","onSuccess","AllAvailable","collection","modalPrefix","where","permissions","openModal","t","selectedFields","setSelectedFields","collectionPermissions","collections","slug","drawerSlug","update","div","className","filter","Boolean","join","aria-label","onClick","Header"],"mappings":"AAAA;;AAGA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAIvC,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,iBAAiB,QAAQ,qCAAoC;AACtE,SAASC,eAAe,EAAEC,YAAY,QAAQ,qCAAoC;AAClF,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,mBAAmB,QAAQ,4BAA2B;AAC/D,SAASC,qBAAqB,QAAQ,qBAAoB;AAC1D,OAAO,eAAc;AAErB,OAAO,MAAMC,YAAY,YAAW;AAMpC,OAAO,MAAMC,WAAoC,CAACC;IAChD,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAEC,WAAW,EAAEC,SAAS,EAAE,GAAGX;IAErD,qBACE,QAACY;QACE,GAAGL,KAAK;QACTC,OAAOA;QACPK,KAAKH;QACLI,WAAW,IAAMH;QACjBF,WAAWA,cAAcV,gBAAgBgB,YAAY;;;;;;AAG3D,EAAC;AAED,OAAO,MAAMH,cAIT;;KAEC,GAMD,CAAC,EAAEI,UAAU,EAAER,KAAK,EAAEK,GAAG,EAAEI,WAAW,EAAEH,SAAS,EAAEL,SAAS,EAAES,KAAK,EAAE;IACvE,MAAM,EAAEC,WAAW,EAAE,GAAGtB;IACxB,MAAM,EAAEuB,SAAS,EAAE,GAAG1B;IAEtB,MAAM,EAAE2B,CAAC,EAAE,GAAGpB;IAEd,MAAM,CAACqB,gBAAgBC,kBAAkB,GAAG3B,SAAwB,EAAE;IAEtE,MAAM4B,wBAAwBL,aAAaM,aAAa,CAACT,WAAWU,IAAI,CAAC;IAEzE,MAAMC,aAAa,GAAGV,cAAc,GAAGA,YAAY,CAAC,CAAC,GAAG,GAAG,KAAK,EAAED,WAAWU,IAAI,EAAE;IAEnF,IAAIlB,UAAU,KAAK,CAACgB,uBAAuBI,QAAQ;QACjD,OAAO;IACT;IAEA,qBACE,QAACC;QAAIC,WAAW;YAACzB;YAAW,GAAGA,UAAU,QAAQ,CAAC;SAAC,CAAC0B,MAAM,CAACC,SAASC,IAAI,CAAC;;0BACvE,QAAC9B;gBACC+B,cAAYb,EAAE;gBACdc,SAAS;oBACPf,UAAUO;oBACVJ,kBAAkB,EAAE;gBACtB;0BAECF,EAAE;;;;;;0BAEL,QAACvB;0BACC,cAAA,QAACI;oBAAOkC,QAAQ;oBAAMV,MAAMC;8BAC1B,cAAA,QAACvB;wBACCY,YAAYA;wBACZR,OAAOA;wBACPmB,YAAYA;wBACZd,KAAKA;wBACLC,WAAWA;wBACXL,WAAWA;wBACXa,gBAAgBA;wBAChBC,mBAAmBA;wBACnBL,OAAOA;;;;;;;;;;;;;;;;;;;;;;AAMnB,EAAC"}

package/dist/elements/EditUpload/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import React, { useRef, useState } from 'react';
 import ReactCrop from 'react-image-crop';
@@ -12,19 +12,27 @@ import './index.scss';
 const baseClass = 'edit-upload';
 const Input = (props)=>{
     const { name, onChange, ref, value } = props;
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: `${baseClass}__input`,
         children: [
             name,
-            /*#__PURE__*/ _jsx("input", {
+            /*#__PURE__*/ _jsxDEV("input", {
                 name: name,
                 onChange: (e)=>onChange(e.target.value),
                 ref: ref,
                 type: "number",
                 value: value
-            })
+            }, void 0, false, {
+                fileName: "src/elements/EditUpload/index.tsx",
+                lineNumber: 31,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/EditUpload/index.tsx",
+        lineNumber: 29,
+        columnNumber: 5
+    }, this);
 };
 const defaultCrop = {
     height: 100,
@@ -118,78 +126,114 @@ export const EditUpload = ({ fileName, fileSrc, imageCacheTag, initialCrop, init
         });
     };
     const fileSrcToUse = imageCacheTag ? `${fileSrc}?${encodeURIComponent(imageCacheTag)}` : fileSrc;
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         children: [
-            /*#__PURE__*/ _jsxs("div", {
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__header`,
                 children: [
-                    /*#__PURE__*/ _jsxs("h2", {
+                    /*#__PURE__*/ _jsxDEV("h2", {
                         title: `${t('general:editing')} ${fileName}`,
                         children: [
                             t('general:editing'),
                             " ",
                             fileName
                         ]
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
+                    }, void 0, true, {
+                        fileName: "src/elements/EditUpload/index.tsx",
+                        lineNumber: 183,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__actions`,
                         children: [
-                            /*#__PURE__*/ _jsx(Button, {
+                            /*#__PURE__*/ _jsxDEV(Button, {
                                 "aria-label": t('general:cancel'),
                                 buttonStyle: "secondary",
                                 className: `${baseClass}__cancel`,
                                 onClick: ()=>closeModal(editDrawerSlug),
                                 children: t('general:cancel')
-                            }),
-                            /*#__PURE__*/ _jsx(Button, {
+                            }, void 0, false, {
+                                fileName: "src/elements/EditUpload/index.tsx",
+                                lineNumber: 187,
+                                columnNumber: 11
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV(Button, {
                                 "aria-label": t('general:applyChanges'),
                                 buttonStyle: "primary",
                                 className: `${baseClass}__save`,
                                 disabled: !imageLoaded,
                                 onClick: saveEdits,
                                 children: t('general:applyChanges')
-                            })
+                            }, void 0, false, {
+                                fileName: "src/elements/EditUpload/index.tsx",
+                                lineNumber: 195,
+                                columnNumber: 11
+                            }, this)
                         ]
-                    })
+                    }, void 0, true, {
+                        fileName: "src/elements/EditUpload/index.tsx",
+                        lineNumber: 186,
+                        columnNumber: 9
+                    }, this)
                 ]
-            }),
-            /*#__PURE__*/ _jsxs("div", {
+            }, void 0, true, {
+                fileName: "src/elements/EditUpload/index.tsx",
+                lineNumber: 182,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__toolWrap`,
                 children: [
-                    /*#__PURE__*/ _jsx("div", {
+                    /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__crop`,
-                        children: /*#__PURE__*/ _jsxs("div", {
+                        children: /*#__PURE__*/ _jsxDEV("div", {
                             className: `${baseClass}__focal-wrapper`,
                             ref: focalWrapRef,
                             style: {
                                 aspectRatio: `${uncroppedPixelWidth / uncroppedPixelHeight}`
                             },
                             children: [
-                                showCrop ? /*#__PURE__*/ _jsx(ReactCrop, {
+                                showCrop ? /*#__PURE__*/ _jsxDEV(ReactCrop, {
                                     className: `${baseClass}__reactCrop`,
                                     crop: crop,
                                     onChange: (_, c)=>setCrop(c),
                                     onComplete: ()=>setCheckBounds(true),
                                     renderSelectionAddon: ()=>{
-                                        return /*#__PURE__*/ _jsx("div", {
+                                        return /*#__PURE__*/ _jsxDEV("div", {
                                             className: `${baseClass}__crop-window`,
                                             ref: cropRef
-                                        });
+                                        }, void 0, false, {
+                                            fileName: "src/elements/EditUpload/index.tsx",
+                                            lineNumber: 222,
+                                            columnNumber: 26
+                                        }, void 0);
                                     },
-                                    children: /*#__PURE__*/ _jsx("img", {
+                                    children: /*#__PURE__*/ _jsxDEV("img", {
                                         alt: t('upload:setCropArea'),
                                         onLoad: onImageLoad,
                                         ref: imageRef,
                                         src: fileSrcToUse
-                                    })
-                                }) : /*#__PURE__*/ _jsx("img", {
+                                    }, void 0, false, {
+                                        fileName: "src/elements/EditUpload/index.tsx",
+                                        lineNumber: 225,
+                                        columnNumber: 17
+                                    }, this)
+                                }, void 0, false, {
+                                    fileName: "src/elements/EditUpload/index.tsx",
+                                    lineNumber: 216,
+                                    columnNumber: 15
+                                }, this) : /*#__PURE__*/ _jsxDEV("img", {
                                     alt: t('upload:setFocalPoint'),
                                     onLoad: onImageLoad,
                                     ref: imageRef,
                                     src: fileSrcToUse
-                                }),
-                                showFocalPoint && /*#__PURE__*/ _jsx(DraggableElement, {
+                                }, void 0, false, {
+                                    fileName: "src/elements/EditUpload/index.tsx",
+                                    lineNumber: 233,
+                                    columnNumber: 15
+                                }, this),
+                                showFocalPoint && /*#__PURE__*/ _jsxDEV(DraggableElement, {
                                     boundsRef: showCrop ? cropRef : imageRef,
                                     checkBounds: showCrop ? checkBounds : false,
                                     className: `${baseClass}__focalPoint`,
@@ -197,25 +241,45 @@ export const EditUpload = ({ fileName, fileSrc, imageCacheTag, initialCrop, init
                                     initialPosition: focalPosition,
                                     onDragEnd: onDragEnd,
                                     setCheckBounds: showCrop ? setCheckBounds : false,
-                                    children: /*#__PURE__*/ _jsx(PlusIcon, {})
-                                })
+                                    children: /*#__PURE__*/ _jsxDEV(PlusIcon, {}, void 0, false, {
+                                        fileName: "src/elements/EditUpload/index.tsx",
+                                        lineNumber: 250,
+                                        columnNumber: 17
+                                    }, this)
+                                }, void 0, false, {
+                                    fileName: "src/elements/EditUpload/index.tsx",
+                                    lineNumber: 241,
+                                    columnNumber: 15
+                                }, this)
                             ]
-                        })
-                    }),
-                    (showCrop || showFocalPoint) && /*#__PURE__*/ _jsxs("div", {
+                        }, void 0, true, {
+                            fileName: "src/elements/EditUpload/index.tsx",
+                            lineNumber: 208,
+                            columnNumber: 11
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/elements/EditUpload/index.tsx",
+                        lineNumber: 207,
+                        columnNumber: 9
+                    }, this),
+                    (showCrop || showFocalPoint) && /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__sidebar`,
                         children: [
-                            showCrop && /*#__PURE__*/ _jsxs("div", {
+                            showCrop && /*#__PURE__*/ _jsxDEV("div", {
                                 className: `${baseClass}__groupWrap`,
                                 children: [
-                                    /*#__PURE__*/ _jsx("div", {
-                                        children: /*#__PURE__*/ _jsxs("div", {
+                                    /*#__PURE__*/ _jsxDEV("div", {
+                                        children: /*#__PURE__*/ _jsxDEV("div", {
                                             className: `${baseClass}__titleWrap`,
                                             children: [
-                                                /*#__PURE__*/ _jsx("h3", {
+                                                /*#__PURE__*/ _jsxDEV("h3", {
                                                     children: t('upload:crop')
-                                                }),
-                                                /*#__PURE__*/ _jsx(Button, {
+                                                }, void 0, false, {
+                                                    fileName: "src/elements/EditUpload/index.tsx",
+                                                    lineNumber: 261,
+                                                    columnNumber: 21
+                                                }, this),
+                                                /*#__PURE__*/ _jsxDEV(Button, {
                                                     buttonStyle: "none",
                                                     className: `${baseClass}__reset`,
                                                     onClick: ()=>setCrop({
@@ -226,18 +290,34 @@ export const EditUpload = ({ fileName, fileSrc, imageCacheTag, initialCrop, init
                                                             y: 0
                                                         }),
                                                     children: t('general:reset')
-                                                })
+                                                }, void 0, false, {
+                                                    fileName: "src/elements/EditUpload/index.tsx",
+                                                    lineNumber: 262,
+                                                    columnNumber: 21
+                                                }, this)
                                             ]
-                                        })
-                                    }),
-                                    /*#__PURE__*/ _jsx("span", {
+                                        }, void 0, true, {
+                                            fileName: "src/elements/EditUpload/index.tsx",
+                                            lineNumber: 260,
+                                            columnNumber: 19
+                                        }, this)
+                                    }, void 0, false, {
+                                        fileName: "src/elements/EditUpload/index.tsx",
+                                        lineNumber: 259,
+                                        columnNumber: 17
+                                    }, this),
+                                    /*#__PURE__*/ _jsxDEV("span", {
                                         className: `${baseClass}__description`,
                                         children: t('upload:cropToolDescription')
-                                    }),
-                                    /*#__PURE__*/ _jsxs("div", {
+                                    }, void 0, false, {
+                                        fileName: "src/elements/EditUpload/index.tsx",
+                                        lineNumber: 279,
+                                        columnNumber: 17
+                                    }, this),
+                                    /*#__PURE__*/ _jsxDEV("div", {
                                         className: `${baseClass}__inputsWrap`,
                                         children: [
-                                            /*#__PURE__*/ _jsx(Input, {
+                                            /*#__PURE__*/ _jsxDEV(Input, {
                                                 name: `${t('upload:width')} (px)`,
                                                 onChange: (value)=>fineTuneCrop({
                                                         dimension: 'width',
@@ -245,8 +325,12 @@ export const EditUpload = ({ fileName, fileSrc, imageCacheTag, initialCrop, init
                                                     }),
                                                 ref: widthInputRef,
                                                 value: (crop.width / 100 * uncroppedPixelWidth).toFixed(0)
-                                            }),
-                                            /*#__PURE__*/ _jsx(Input, {
+                                            }, void 0, false, {
+                                                fileName: "src/elements/EditUpload/index.tsx",
+                                                lineNumber: 283,
+                                                columnNumber: 19
+                                            }, this),
+                                            /*#__PURE__*/ _jsxDEV(Input, {
                                                 name: `${t('upload:height')} (px)`,
                                                 onChange: (value)=>fineTuneCrop({
                                                         dimension: 'height',
@@ -254,63 +338,123 @@ export const EditUpload = ({ fileName, fileSrc, imageCacheTag, initialCrop, init
                                                     }),
                                                 ref: heightInputRef,
                                                 value: (crop.height / 100 * uncroppedPixelHeight).toFixed(0)
-                                            })
+                                            }, void 0, false, {
+                                                fileName: "src/elements/EditUpload/index.tsx",
+                                                lineNumber: 289,
+                                                columnNumber: 19
+                                            }, this)
                                         ]
-                                    })
+                                    }, void 0, true, {
+                                        fileName: "src/elements/EditUpload/index.tsx",
+                                        lineNumber: 282,
+                                        columnNumber: 17
+                                    }, this)
                                 ]
-                            }),
-                            showFocalPoint && /*#__PURE__*/ _jsxs("div", {
+                            }, void 0, true, {
+                                fileName: "src/elements/EditUpload/index.tsx",
+                                lineNumber: 258,
+                                columnNumber: 15
+                            }, this),
+                            showFocalPoint && /*#__PURE__*/ _jsxDEV("div", {
                                 className: `${baseClass}__groupWrap`,
                                 children: [
-                                    /*#__PURE__*/ _jsx("div", {
-                                        children: /*#__PURE__*/ _jsxs("div", {
+                                    /*#__PURE__*/ _jsxDEV("div", {
+                                        children: /*#__PURE__*/ _jsxDEV("div", {
                                             className: `${baseClass}__titleWrap`,
                                             children: [
-                                                /*#__PURE__*/ _jsx("h3", {
+                                                /*#__PURE__*/ _jsxDEV("h3", {
                                                     children: t('upload:focalPoint')
-                                                }),
-                                                /*#__PURE__*/ _jsx(Button, {
+                                                }, void 0, false, {
+                                                    fileName: "src/elements/EditUpload/index.tsx",
+                                                    lineNumber: 303,
+                                                    columnNumber: 21
+                                                }, this),
+                                                /*#__PURE__*/ _jsxDEV(Button, {
                                                     buttonStyle: "none",
                                                     className: `${baseClass}__reset`,
                                                     onClick: centerFocalPoint,
                                                     children: t('general:reset')
-                                                })
+                                                }, void 0, false, {
+                                                    fileName: "src/elements/EditUpload/index.tsx",
+                                                    lineNumber: 304,
+                                                    columnNumber: 21
+                                                }, this)
                                             ]
-                                        })
-                                    }),
-                                    /*#__PURE__*/ _jsx("span", {
+                                        }, void 0, true, {
+                                            fileName: "src/elements/EditUpload/index.tsx",
+                                            lineNumber: 302,
+                                            columnNumber: 19
+                                        }, this)
+                                    }, void 0, false, {
+                                        fileName: "src/elements/EditUpload/index.tsx",
+                                        lineNumber: 301,
+                                        columnNumber: 17
+                                    }, this),
+                                    /*#__PURE__*/ _jsxDEV("span", {
                                         className: `${baseClass}__description`,
                                         children: t('upload:focalPointDescription')
-                                    }),
-                                    /*#__PURE__*/ _jsxs("div", {
+                                    }, void 0, false, {
+                                        fileName: "src/elements/EditUpload/index.tsx",
+                                        lineNumber: 313,
+                                        columnNumber: 17
+                                    }, this),
+                                    /*#__PURE__*/ _jsxDEV("div", {
                                         className: `${baseClass}__inputsWrap`,
                                         children: [
-                                            /*#__PURE__*/ _jsx(Input, {
+                                            /*#__PURE__*/ _jsxDEV(Input, {
                                                 name: "X %",
                                                 onChange: (value)=>fineTuneFocalPosition({
                                                         coordinate: 'x',
                                                         value
                                                     }),
                                                 value: focalPosition.x.toFixed(0)
-                                            }),
-                                            /*#__PURE__*/ _jsx(Input, {
+                                            }, void 0, false, {
+                                                fileName: "src/elements/EditUpload/index.tsx",
+                                                lineNumber: 317,
+                                                columnNumber: 19
+                                            }, this),
+                                            /*#__PURE__*/ _jsxDEV(Input, {
                                                 name: "Y %",
                                                 onChange: (value)=>fineTuneFocalPosition({
                                                         coordinate: 'y',
                                                         value
                                                     }),
                                                 value: focalPosition.y.toFixed(0)
-                                            })
+                                            }, void 0, false, {
+                                                fileName: "src/elements/EditUpload/index.tsx",
+                                                lineNumber: 322,
+                                                columnNumber: 19
+                                            }, this)
                                         ]
-                                    })
+                                    }, void 0, true, {
+                                        fileName: "src/elements/EditUpload/index.tsx",
+                                        lineNumber: 316,
+                                        columnNumber: 17
+                                    }, this)
                                 ]
-                            })
+                            }, void 0, true, {
+                                fileName: "src/elements/EditUpload/index.tsx",
+                                lineNumber: 300,
+                                columnNumber: 15
+                            }, this)
                         ]
-                    })
+                    }, void 0, true, {
+                        fileName: "src/elements/EditUpload/index.tsx",
+                        lineNumber: 256,
+                        columnNumber: 11
+                    }, this)
                 ]
-            })
+            }, void 0, true, {
+                fileName: "src/elements/EditUpload/index.tsx",
+                lineNumber: 206,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/EditUpload/index.tsx",
+        lineNumber: 181,
+        columnNumber: 5
+    }, this);
 };
 const DraggableElement = ({ boundsRef, checkBounds, children, className, containerRef, initialPosition = {
     x: 50,
@@ -412,14 +556,14 @@ const DraggableElement = ({ boundsRef, checkBounds, children, className, contain
         initialPosition.x,
         initialPosition.y
     ]);
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             `${baseClass}__draggable-container`,
             isDragging && `${baseClass}__draggable-container--dragging`
         ].filter(Boolean).join(' '),
         onMouseMove: handleMouseMove,
         children: [
-            /*#__PURE__*/ _jsx("button", {
+            /*#__PURE__*/ _jsxDEV("button", {
                 className: [
                     `${baseClass}__draggable`,
                     className
@@ -433,10 +577,22 @@ const DraggableElement = ({ boundsRef, checkBounds, children, className, contain
                 },
                 type: "button",
                 children: children
-            }),
-            /*#__PURE__*/ _jsx("div", {})
+            }, void 0, false, {
+                fileName: "src/elements/EditUpload/index.tsx",
+                lineNumber: 445,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {}, void 0, false, {
+                fileName: "src/elements/EditUpload/index.tsx",
+                lineNumber: 455,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/EditUpload/index.tsx",
+        lineNumber: 436,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map