@payloadcms/ui 3.0.0-canary.013af1b → 3.0.0-canary.0374de4

package/dist/elements/DuplicateDocument/index.js

@@ -1,6 +1,5 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Modal, useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
@@ -9,21 +8,23 @@ import React, { useCallback, useState } from 'react';
 import { toast } from 'sonner';
 import { useForm, useFormModified } from '../../forms/Form/context.js';
 import { useConfig } from '../../providers/Config/index.js';
+import { useEditDepth } from '../../providers/EditDepth/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { requests } from '../../utilities/api.js';
 import { formatAdminURL } from '../../utilities/formatAdminURL.js';
 import { Button } from '../Button/index.js';
+import { drawerZBase } from '../Drawer/index.js';
 import { PopupList } from '../Popup/index.js';
 import './index.scss';
 const baseClass = 'duplicate';
-export const DuplicateDocument = t0 => {
-  const $ = _c(34);
-  const {
-    id,
-    slug,
-    singularLabel
-  } = t0;
+export const DuplicateDocument = ({
+  id,
+  slug,
+  onDuplicate,
+  redirectAfterDuplicate = true,
+  singularLabel
+}) => {
   const router = useRouter();
   const modified = useFormModified();
   const {
@@ -34,153 +35,110 @@ export const DuplicateDocument = t0 => {
     setModified
   } = useForm();
   const {
-    config: t1
+    config: {
+      routes: {
+        admin: adminRoute,
+        api: apiRoute
+      },
+      serverURL
+    },
+    getEntityConfig
   } = useConfig();
-  const {
-    routes: t2,
-    serverURL
-  } = t1;
-  const {
-    admin: adminRoute,
-    api: apiRoute
-  } = t2;
+  const collectionConfig = getEntityConfig({
+    collectionSlug: slug
+  });
   const [hasClicked, setHasClicked] = useState(false);
   const {
     i18n,
     t
   } = useTranslation();
   const modalSlug = `duplicate-${id}`;
-  let t3;
-  if ($[0] !== modified || $[1] !== toggleModal || $[2] !== modalSlug || $[3] !== serverURL || $[4] !== apiRoute || $[5] !== slug || $[6] !== id || $[7] !== locale || $[8] !== i18n || $[9] !== t || $[10] !== singularLabel || $[11] !== setModified || $[12] !== router || $[13] !== adminRoute) {
-    t3 = async t4 => {
-      const override = t4 === undefined ? false : t4;
-      setHasClicked(true);
-      if (modified && !override) {
-        toggleModal(modalSlug);
-        return;
+  const editDepth = useEditDepth();
+  const handleClick = useCallback(async (override = false) => {
+    setHasClicked(true);
+    if (modified && !override) {
+      toggleModal(modalSlug);
+      return;
+    }
+    await requests.post(`${serverURL}${apiRoute}/${slug}/${id}/duplicate${locale?.code ? `?locale=${locale.code}` : ''}`, {
+      body: JSON.stringify({}),
+      headers: {
+        'Accept-Language': i18n.language,
+        'Content-Type': 'application/json',
+        credentials: 'include'
       }
-      await requests.post(`${serverURL}${apiRoute}/${slug}/${id}/duplicate${locale?.code ? `?locale=${locale.code}` : ""}`, {
-        body: JSON.stringify({}),
-        headers: {
-          "Accept-Language": i18n.language,
-          "Content-Type": "application/json",
-          credentials: "include"
-        }
-      }).then(async res => {
-        const {
-          doc,
-          errors,
-          message
-        } = await res.json();
-        if (res.status < 400) {
-          toast.success(message || t("general:successfullyDuplicated", {
-            label: getTranslation(singularLabel, i18n)
-          }));
-          setModified(false);
+    }).then(async res => {
+      const {
+        doc,
+        errors,
+        message
+      } = await res.json();
+      if (res.status < 400) {
+        toast.success(message || t('general:successfullyDuplicated', {
+          label: getTranslation(singularLabel, i18n)
+        }));
+        setModified(false);
+        if (redirectAfterDuplicate) {
           router.push(formatAdminURL({
             adminRoute,
-            path: `/collections/${slug}/${doc.id}${locale?.code ? `?locale=${locale.code}` : ""}`
-          }));
-        } else {
-          toast.error(errors?.[0].message || message || t("error:unspecific", {
-            label: getTranslation(singularLabel, i18n)
+            path: `/collections/${slug}/${doc.id}${locale?.code ? `?locale=${locale.code}` : ''}`
           }));
         }
-      });
-    };
-    $[0] = modified;
-    $[1] = toggleModal;
-    $[2] = modalSlug;
-    $[3] = serverURL;
-    $[4] = apiRoute;
-    $[5] = slug;
-    $[6] = id;
-    $[7] = locale;
-    $[8] = i18n;
-    $[9] = t;
-    $[10] = singularLabel;
-    $[11] = setModified;
-    $[12] = router;
-    $[13] = adminRoute;
-    $[14] = t3;
-  } else {
-    t3 = $[14];
-  }
-  const handleClick = t3;
-  let t4;
-  if ($[15] !== handleClick) {
-    t4 = async () => {
-      setHasClicked(false);
-      await handleClick(true);
-    };
-    $[15] = handleClick;
-    $[16] = t4;
-  } else {
-    t4 = $[16];
-  }
-  const confirm = t4;
-  let t5;
-  if ($[17] !== handleClick) {
-    t5 = () => void handleClick(false);
-    $[17] = handleClick;
-    $[18] = t5;
-  } else {
-    t5 = $[18];
-  }
-  let t6;
-  if ($[19] !== t || $[20] !== t5 || $[21] !== modified || $[22] !== hasClicked || $[23] !== toggleModal || $[24] !== modalSlug || $[25] !== confirm) {
-    let t7;
-    if ($[27] !== modified || $[28] !== hasClicked || $[29] !== t || $[30] !== toggleModal || $[31] !== modalSlug || $[32] !== confirm) {
-      t7 = modified && hasClicked && _jsx(Modal, {
-        className: `${baseClass}__modal`,
-        slug: modalSlug,
-        children: _jsxs("div", {
-          className: `${baseClass}__modal-template`,
-          children: [_jsx("h1", {
-            children: t("general:confirmDuplication")
-          }), _jsx("p", {
-            children: t("general:unsavedChangesDuplicate")
-          }), _jsx(Button, {
+        if (typeof onDuplicate === 'function') {
+          void onDuplicate({
+            collectionConfig,
+            doc
+          });
+        }
+      } else {
+        toast.error(errors?.[0].message || message || t('error:unspecific', {
+          label: getTranslation(singularLabel, i18n)
+        }));
+      }
+    });
+  }, [locale, modified, serverURL, apiRoute, slug, id, i18n, toggleModal, modalSlug, t, singularLabel, onDuplicate, redirectAfterDuplicate, setModified, router, adminRoute, collectionConfig]);
+  const confirm = useCallback(async () => {
+    setHasClicked(false);
+    await handleClick(true);
+  }, [handleClick]);
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx(PopupList.Button, {
+      id: "action-duplicate",
+      onClick: () => void handleClick(false),
+      children: t('general:duplicate')
+    }), modified && hasClicked && /*#__PURE__*/_jsx(Modal, {
+      className: `${baseClass}__modal`,
+      slug: modalSlug,
+      style: {
+        zIndex: drawerZBase + editDepth
+      },
+      children: /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__wrapper`,
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: `${baseClass}__content`,
+          children: [/*#__PURE__*/_jsx("h1", {
+            children: t('general:confirmDuplication')
+          }), /*#__PURE__*/_jsx("p", {
+            children: t('general:unsavedChangesDuplicate')
+          })]
+        }), /*#__PURE__*/_jsxs("div", {
+          className: `${baseClass}__controls`,
+          children: [/*#__PURE__*/_jsx(Button, {
             buttonStyle: "secondary",
             id: "confirm-cancel",
             onClick: () => toggleModal(modalSlug),
+            size: "large",
             type: "button",
-            children: t("general:cancel")
-          }), _jsx(Button, {
+            children: t('general:cancel')
+          }), /*#__PURE__*/_jsx(Button, {
             id: "confirm-duplicate",
             onClick: () => void confirm(),
-            children: t("general:duplicateWithoutSaving")
+            size: "large",
+            children: t('general:duplicateWithoutSaving')
           })]
-        })
-      });
-      $[27] = modified;
-      $[28] = hasClicked;
-      $[29] = t;
-      $[30] = toggleModal;
-      $[31] = modalSlug;
-      $[32] = confirm;
-      $[33] = t7;
-    } else {
-      t7 = $[33];
-    }
-    t6 = _jsxs(React.Fragment, {
-      children: [_jsx(PopupList.Button, {
-        id: "action-duplicate",
-        onClick: t5,
-        children: t("general:duplicate")
-      }), t7]
-    });
-    $[19] = t;
-    $[20] = t5;
-    $[21] = modified;
-    $[22] = hasClicked;
-    $[23] = toggleModal;
-    $[24] = modalSlug;
-    $[25] = confirm;
-    $[26] = t6;
-  } else {
-    t6 = $[26];
-  }
-  return t6;
+        })]
+      })
+    })]
+  });
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","Modal","useModal","getTranslation","useRouter","React","useCallback","useState","toast","useForm","useFormModified","useConfig","useLocale","useTranslation","requests","formatAdminURL","Button","PopupList","baseClass","DuplicateDocument","t0","$","id","slug","singularLabel","router","modified","toggleModal","locale","setModified","config","t1","routes","t2","serverURL","admin","adminRoute","api","apiRoute","hasClicked","setHasClicked","i18n","t","modalSlug","t3","t4","override","undefined","post","code","body","JSON","stringify","headers","language","credentials","then","res","doc","errors","message","json","status","success","label","push","path","error","handleClick","confirm","t5","t6","t7","_jsx","className","children","_jsxs","buttonStyle","onClick","type","Fragment"],"sources":["../../../src/elements/DuplicateDocument/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { Button } from '../Button/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'duplicate'\n\nexport type Props = {\n  id: string\n  singularLabel: SanitizedCollectionConfig['labels']['singular']\n  slug: string\n}\n\nexport const DuplicateDocument: React.FC<Props> = ({ id, slug, singularLabel }) => {\n  const router = useRouter()\n  const modified = useFormModified()\n  const { toggleModal } = useModal()\n  const locale = useLocale()\n  const { setModified } = useForm()\n\n  const {\n    config: {\n      routes: { admin: adminRoute, api: apiRoute },\n      serverURL,\n    },\n  } = useConfig()\n\n  const [hasClicked, setHasClicked] = useState<boolean>(false)\n  const { i18n, t } = useTranslation()\n\n  const modalSlug = `duplicate-${id}`\n\n  const handleClick = useCallback(\n    async (override = false) => {\n      setHasClicked(true)\n\n      if (modified && !override) {\n        toggleModal(modalSlug)\n        return\n      }\n      await requests\n        .post(\n          `${serverURL}${apiRoute}/${slug}/${id}/duplicate${locale?.code ? `?locale=${locale.code}` : ''}`,\n          {\n            body: JSON.stringify({}),\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/json',\n              credentials: 'include',\n            },\n          },\n        )\n        .then(async (res) => {\n          const { doc, errors, message } = await res.json()\n          if (res.status < 400) {\n            toast.success(\n              message ||\n                t('general:successfullyDuplicated', { label: getTranslation(singularLabel, i18n) }),\n            )\n            setModified(false)\n            router.push(\n              formatAdminURL({\n                adminRoute,\n                path: `/collections/${slug}/${doc.id}${locale?.code ? `?locale=${locale.code}` : ''}`,\n              }),\n            )\n          } else {\n            toast.error(\n              errors?.[0].message ||\n                message ||\n                t('error:unspecific', { label: getTranslation(singularLabel, i18n) }),\n            )\n          }\n        })\n    },\n    [\n      locale,\n      modified,\n      serverURL,\n      apiRoute,\n      slug,\n      id,\n      i18n,\n      toggleModal,\n      modalSlug,\n      t,\n      singularLabel,\n      setModified,\n      router,\n      adminRoute,\n    ],\n  )\n\n  const confirm = useCallback(async () => {\n    setHasClicked(false)\n    await handleClick(true)\n  }, [handleClick])\n\n  return (\n    <React.Fragment>\n      <PopupList.Button id=\"action-duplicate\" onClick={() => void handleClick(false)}>\n        {t('general:duplicate')}\n      </PopupList.Button>\n      {modified && hasClicked && (\n        <Modal className={`${baseClass}__modal`} slug={modalSlug}>\n          <div className={`${baseClass}__modal-template`}>\n            <h1>{t('general:confirmDuplication')}</h1>\n            <p>{t('general:unsavedChangesDuplicate')}</p>\n            <Button\n              buttonStyle=\"secondary\"\n              id=\"confirm-cancel\"\n              onClick={() => toggleModal(modalSlug)}\n              type=\"button\"\n            >\n              {t('general:cancel')}\n            </Button>\n            <Button id=\"confirm-duplicate\" onClick={() => void confirm()}>\n              {t('general:duplicateWithoutSaving')}\n            </Button>\n          </div>\n        </Modal>\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Modal","useModal","getTranslation","useRouter","React","useCallback","useState","toast","useForm","useFormModified","useConfig","useEditDepth","useLocale","useTranslation","requests","formatAdminURL","Button","drawerZBase","PopupList","baseClass","DuplicateDocument","id","slug","onDuplicate","redirectAfterDuplicate","singularLabel","router","modified","toggleModal","locale","setModified","config","routes","admin","adminRoute","api","apiRoute","serverURL","getEntityConfig","collectionConfig","collectionSlug","hasClicked","setHasClicked","i18n","t","modalSlug","editDepth","handleClick","override","post","code","body","JSON","stringify","headers","language","credentials","then","res","doc","errors","message","json","status","success","label","push","path","error","confirm","_jsxs","Fragment","_jsx","onClick","className","style","zIndex","buttonStyle","size","type"],"sources":["../../../src/elements/DuplicateDocument/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, SanitizedCollectionConfig } from 'payload'\n\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentInfoContext } from '../../providers/DocumentInfo/types.js'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { Button } from '../Button/index.js'\nimport { drawerZBase } from '../Drawer/index.js'\nimport { PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'duplicate'\n\nexport type Props = {\n  readonly id: string\n  readonly onDuplicate?: DocumentInfoContext['onDuplicate']\n  readonly redirectAfterDuplicate?: boolean\n  readonly singularLabel: SanitizedCollectionConfig['labels']['singular']\n  readonly slug: string\n}\n\nexport const DuplicateDocument: React.FC<Props> = ({\n  id,\n  slug,\n  onDuplicate,\n  redirectAfterDuplicate = true,\n  singularLabel,\n}) => {\n  const router = useRouter()\n  const modified = useFormModified()\n  const { toggleModal } = useModal()\n  const locale = useLocale()\n  const { setModified } = useForm()\n\n  const {\n    config: {\n      routes: { admin: adminRoute, api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug: slug }) as ClientCollectionConfig\n\n  const [hasClicked, setHasClicked] = useState<boolean>(false)\n  const { i18n, t } = useTranslation()\n\n  const modalSlug = `duplicate-${id}`\n\n  const editDepth = useEditDepth()\n\n  const handleClick = useCallback(\n    async (override = false) => {\n      setHasClicked(true)\n\n      if (modified && !override) {\n        toggleModal(modalSlug)\n        return\n      }\n      await requests\n        .post(\n          `${serverURL}${apiRoute}/${slug}/${id}/duplicate${locale?.code ? `?locale=${locale.code}` : ''}`,\n          {\n            body: JSON.stringify({}),\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/json',\n              credentials: 'include',\n            },\n          },\n        )\n        .then(async (res) => {\n          const { doc, errors, message } = await res.json()\n          if (res.status < 400) {\n            toast.success(\n              message ||\n                t('general:successfullyDuplicated', { label: getTranslation(singularLabel, i18n) }),\n            )\n\n            setModified(false)\n\n            if (redirectAfterDuplicate) {\n              router.push(\n                formatAdminURL({\n                  adminRoute,\n                  path: `/collections/${slug}/${doc.id}${locale?.code ? `?locale=${locale.code}` : ''}`,\n                }),\n              )\n            }\n\n            if (typeof onDuplicate === 'function') {\n              void onDuplicate({ collectionConfig, doc })\n            }\n          } else {\n            toast.error(\n              errors?.[0].message ||\n                message ||\n                t('error:unspecific', { label: getTranslation(singularLabel, i18n) }),\n            )\n          }\n        })\n    },\n    [\n      locale,\n      modified,\n      serverURL,\n      apiRoute,\n      slug,\n      id,\n      i18n,\n      toggleModal,\n      modalSlug,\n      t,\n      singularLabel,\n      onDuplicate,\n      redirectAfterDuplicate,\n      setModified,\n      router,\n      adminRoute,\n      collectionConfig,\n    ],\n  )\n\n  const confirm = useCallback(async () => {\n    setHasClicked(false)\n    await handleClick(true)\n  }, [handleClick])\n\n  return (\n    <React.Fragment>\n      <PopupList.Button id=\"action-duplicate\" onClick={() => void handleClick(false)}>\n        {t('general:duplicate')}\n      </PopupList.Button>\n      {modified && hasClicked && (\n        <Modal\n          className={`${baseClass}__modal`}\n          slug={modalSlug}\n          style={{\n            zIndex: drawerZBase + editDepth,\n          }}\n        >\n          <div className={`${baseClass}__wrapper`}>\n            <div className={`${baseClass}__content`}>\n              <h1>{t('general:confirmDuplication')}</h1>\n              <p>{t('general:unsavedChangesDuplicate')}</p>\n            </div>\n            <div className={`${baseClass}__controls`}>\n              <Button\n                buttonStyle=\"secondary\"\n                id=\"confirm-cancel\"\n                onClick={() => toggleModal(modalSlug)}\n                size=\"large\"\n                type=\"button\"\n              >\n                {t('general:cancel')}\n              </Button>\n              <Button id=\"confirm-duplicate\" onClick={() => void confirm()} size=\"large\">\n                {t('general:duplicateWithoutSaving')}\n              </Button>\n            </div>\n          </div>\n        </Modal>\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DuplicateDocument/index.scss

@@ -5,16 +5,36 @@
     @include blur-bg;
     display: flex;
     align-items: center;
+    justify-content: center;
     height: 100%;
+  }
+
+  &__wrapper {
+    z-index: 1;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    gap: base(0.8);
     padding: base(2);
+    max-width: base(36);
+  }
 
-    .btn {
-      margin-right: $baseline;
+  &__content {
+    display: flex;
+    flex-direction: column;
+    gap: base(0.4);
+
+    > * {
+      margin: 0;
     }
   }
 
-  &__modal-template {
-    z-index: 1;
-    position: relative;
+  &__controls {
+    display: flex;
+    gap: base(0.4);
+
+    .btn {
+      margin: 0;
+    }
   }
 }

package/dist/elements/EditMany/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/EditMany/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,WAAW,EAAa,MAAM,SAAS,CAAA;AAK7E,OAAO,KAAgC,MAAM,OAAO,CAAA;AAoBpD,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,UAAU,EAAE,sBAAsB,CAAA;IAC3C,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;CAC/B,CAAA;AAmED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoJ5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/EditMany/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,WAAW,EAAa,MAAM,SAAS,CAAA;AAK7E,OAAO,KAAgC,MAAM,OAAO,CAAA;AAoBpD,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,UAAU,EAAE,sBAAsB,CAAA;IAC3C,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;CAC/B,CAAA;AAmED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuJ5C,CAAA"}

package/dist/elements/EditMany/index.js

@@ -215,7 +215,9 @@ export const EditMany = props => {
   React.useEffect(() => {
     if (!hasInitializedState.current) {
       const getInitialState = async () => {
-        const result = await getFormState({
+        const {
+          state: result
+        } = await getFormState({
           apiRoute,
           body: {
             collectionSlug: slug,
@@ -231,18 +233,23 @@ export const EditMany = props => {
       void getInitialState();
     }
   }, [apiRoute, hasInitializedState, serverURL, slug]);
-  const onChange = useCallback(({
+  const onChange = useCallback(async ({
     formState: prevFormState
-  }) => getFormState({
-    apiRoute,
-    body: {
-      collectionSlug: slug,
-      formState: prevFormState,
-      operation: 'update',
-      schemaPath: slug
-    },
-    serverURL
-  }), [serverURL, apiRoute, slug]);
+  }) => {
+    const {
+      state
+    } = await getFormState({
+      apiRoute,
+      body: {
+        collectionSlug: slug,
+        formState: prevFormState,
+        operation: 'update',
+        schemaPath: slug
+      },
+      serverURL
+    });
+    return state;
+  }, [serverURL, apiRoute, slug]);
   if (selectAll === SelectAllStatus.None || !hasUpdatePermission) {
     return null;
   }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","useRouter","React","useCallback","useState","useForm","Form","RenderFields","FormSubmit","XIcon","useAuth","useConfig","DocumentInfoProvider","OperationContext","useRouteCache","useSearchParams","SelectAllStatus","useSelection","useTranslation","getFormState","Drawer","DrawerToggler","FieldSelect","baseClass","Submit","t0","$","action","disabled","submit","t","t1","method","skipValidation","save","t2","_jsx","className","onClick","children","PublishButton","overrides","_status","SaveDraftButton","EditMany","props","collection","slug","labels","plural","fields","permissions","closeModal","config","routes","api","apiRoute","serverURL","count","getQueryParams","selectAll","i18n","selected","setSelected","stringifyParams","router","initialState","setInitialState","hasInitializedState","useRef","clearRouteCache","collectionPermissions","collections","hasUpdatePermission","update","permission","drawerSlug","useEffect","current","getInitialState","result","body","collectionSlug","data","operation","schemaPath","onChange","formState","prevFormState","None","onSuccess","replace","params","page","AllAvailable","undefined","_jsxs","Header","id","Provider","value","label","type","length","path","readOnly","versions","drafts","Fragment"],"sources":["../../../src/elements/EditMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientField, FormState } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\n\nimport type { FormProps } from '../../forms/Form/index.js'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { Form } from '../../forms/Form/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentInfoProvider } from '../../providers/DocumentInfo/index.js'\nimport { OperationContext } from '../../providers/Operation/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { getFormState } from '../../utilities/getFormState.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { FieldSelect } from '../FieldSelect/index.js'\nimport './index.scss'\n\nconst baseClass = 'edit-many'\n\nexport type EditManyProps = {\n  readonly collection: ClientCollectionConfig\n  readonly fields: ClientField[]\n}\n\nconst Submit: React.FC<{\n  readonly action: string\n  readonly disabled: boolean\n}> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__save`} disabled={disabled} onClick={save}>\n      {t('general:save')}\n    </FormSubmit>\n  )\n}\n\nconst PublishButton: React.FC<{ action: string; disabled: boolean }> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: {\n        _status: 'published',\n      },\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__publish`} disabled={disabled} onClick={save}>\n      {t('version:publishChanges')}\n    </FormSubmit>\n  )\n}\n\nconst SaveDraftButton: React.FC<{ action: string; disabled: boolean }> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__draft`} disabled={disabled} onClick={save}>\n      {t('version:saveDraft')}\n    </FormSubmit>\n  )\n}\nexport const EditMany: React.FC<EditManyProps> = (props) => {\n  const { collection: { slug, labels: { plural } } = {}, collection, fields } = props\n\n  const { permissions } = useAuth()\n  const { closeModal } = useModal()\n  const {\n    config: {\n      routes: { api: apiRoute },\n      serverURL,\n    },\n  } = useConfig()\n  const { count, getQueryParams, selectAll } = useSelection()\n  const { i18n, t } = useTranslation()\n  const [selected, setSelected] = useState([])\n  const { stringifyParams } = useSearchParams()\n  const router = useRouter()\n  const [initialState, setInitialState] = useState<FormState>()\n  const hasInitializedState = React.useRef(false)\n  const { clearRouteCache } = useRouteCache()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasUpdatePermission = collectionPermissions?.update?.permission\n\n  const drawerSlug = `edit-${slug}`\n\n  React.useEffect(() => {\n    if (!hasInitializedState.current) {\n      const getInitialState = async () => {\n        const result = await getFormState({\n          apiRoute,\n          body: {\n            collectionSlug: slug,\n            data: {},\n            operation: 'update',\n            schemaPath: slug,\n          },\n          serverURL,\n        })\n\n        setInitialState(result)\n        hasInitializedState.current = true\n      }\n\n      void getInitialState()\n    }\n  }, [apiRoute, hasInitializedState, serverURL, slug])\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    ({ formState: prevFormState }) =>\n      getFormState({\n        apiRoute,\n        body: {\n          collectionSlug: slug,\n          formState: prevFormState,\n          operation: 'update',\n          schemaPath: slug,\n        },\n        serverURL,\n      }),\n    [serverURL, apiRoute, slug],\n  )\n\n  if (selectAll === SelectAllStatus.None || !hasUpdatePermission) {\n    return null\n  }\n\n  const onSuccess = () => {\n    router.replace(\n      stringifyParams({\n        params: { page: selectAll === SelectAllStatus.AllAvailable ? '1' : undefined },\n      }),\n    )\n    clearRouteCache()\n    closeModal(drawerSlug)\n  }\n\n  return (\n    <div className={baseClass}>\n      <DrawerToggler\n        aria-label={t('general:edit')}\n        className={`${baseClass}__toggle`}\n        onClick={() => {\n          setSelected([])\n        }}\n        slug={drawerSlug}\n      >\n        {t('general:edit')}\n      </DrawerToggler>\n      <Drawer Header={null} slug={drawerSlug}>\n        <DocumentInfoProvider collectionSlug={slug} id={null}>\n          <OperationContext.Provider value=\"update\">\n            <div className={`${baseClass}__main`}>\n              <div className={`${baseClass}__header`}>\n                <h2 className={`${baseClass}__header__title`}>\n                  {t('general:editingLabel', { count, label: getTranslation(plural, i18n) })}\n                </h2>\n                <button\n                  aria-label={t('general:close')}\n                  className={`${baseClass}__header__close`}\n                  id={`close-drawer__${drawerSlug}`}\n                  onClick={() => closeModal(drawerSlug)}\n                  type=\"button\"\n                >\n                  <XIcon />\n                </button>\n              </div>\n              <Form\n                className={`${baseClass}__form`}\n                initialState={initialState}\n                onChange={[onChange]}\n                onSuccess={onSuccess}\n              >\n                <FieldSelect fields={fields} setSelected={setSelected} />\n                {selected.length === 0 ? null : (\n                  <RenderFields fields={selected} path=\"\" readOnly={false} schemaPath={slug} />\n                )}\n                <div className={`${baseClass}__sidebar-wrap`}>\n                  <div className={`${baseClass}__sidebar`}>\n                    <div className={`${baseClass}__sidebar-sticky-wrap`}>\n                      <div className={`${baseClass}__document-actions`}>\n                        {collection?.versions?.drafts ? (\n                          <React.Fragment>\n                            <PublishButton\n                              action={`${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`}\n                              disabled={selected.length === 0}\n                            />\n                            <SaveDraftButton\n                              action={`${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`}\n                              disabled={selected.length === 0}\n                            />\n                          </React.Fragment>\n                        ) : (\n                          <Submit\n                            action={`${serverURL}${apiRoute}/${slug}${getQueryParams()}`}\n                            disabled={selected.length === 0}\n                          />\n                        )}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </Form>\n            </div>\n          </OperationContext.Provider>\n        </DocumentInfoProvider>\n      </Drawer>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","useRouter","React","useCallback","useState","useForm","Form","RenderFields","FormSubmit","XIcon","useAuth","useConfig","DocumentInfoProvider","OperationContext","useRouteCache","useSearchParams","SelectAllStatus","useSelection","useTranslation","getFormState","Drawer","DrawerToggler","FieldSelect","baseClass","Submit","t0","$","action","disabled","submit","t","t1","method","skipValidation","save","t2","_jsx","className","onClick","children","PublishButton","overrides","_status","SaveDraftButton","EditMany","props","collection","slug","labels","plural","fields","permissions","closeModal","config","routes","api","apiRoute","serverURL","count","getQueryParams","selectAll","i18n","selected","setSelected","stringifyParams","router","initialState","setInitialState","hasInitializedState","useRef","clearRouteCache","collectionPermissions","collections","hasUpdatePermission","update","permission","drawerSlug","useEffect","current","getInitialState","state","result","body","collectionSlug","data","operation","schemaPath","onChange","formState","prevFormState","None","onSuccess","replace","params","page","AllAvailable","undefined","_jsxs","Header","id","Provider","value","label","type","length","path","readOnly","versions","drafts","Fragment"],"sources":["../../../src/elements/EditMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientField, FormState } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\n\nimport type { FormProps } from '../../forms/Form/index.js'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { Form } from '../../forms/Form/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentInfoProvider } from '../../providers/DocumentInfo/index.js'\nimport { OperationContext } from '../../providers/Operation/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { getFormState } from '../../utilities/getFormState.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { FieldSelect } from '../FieldSelect/index.js'\nimport './index.scss'\n\nconst baseClass = 'edit-many'\n\nexport type EditManyProps = {\n  readonly collection: ClientCollectionConfig\n  readonly fields: ClientField[]\n}\n\nconst Submit: React.FC<{\n  readonly action: string\n  readonly disabled: boolean\n}> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__save`} disabled={disabled} onClick={save}>\n      {t('general:save')}\n    </FormSubmit>\n  )\n}\n\nconst PublishButton: React.FC<{ action: string; disabled: boolean }> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: {\n        _status: 'published',\n      },\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__publish`} disabled={disabled} onClick={save}>\n      {t('version:publishChanges')}\n    </FormSubmit>\n  )\n}\n\nconst SaveDraftButton: React.FC<{ action: string; disabled: boolean }> = ({ action, disabled }) => {\n  const { submit } = useForm()\n  const { t } = useTranslation()\n\n  const save = useCallback(() => {\n    void submit({\n      action,\n      method: 'PATCH',\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n  }, [action, submit])\n\n  return (\n    <FormSubmit className={`${baseClass}__draft`} disabled={disabled} onClick={save}>\n      {t('version:saveDraft')}\n    </FormSubmit>\n  )\n}\nexport const EditMany: React.FC<EditManyProps> = (props) => {\n  const { collection: { slug, labels: { plural } } = {}, collection, fields } = props\n\n  const { permissions } = useAuth()\n  const { closeModal } = useModal()\n  const {\n    config: {\n      routes: { api: apiRoute },\n      serverURL,\n    },\n  } = useConfig()\n  const { count, getQueryParams, selectAll } = useSelection()\n  const { i18n, t } = useTranslation()\n  const [selected, setSelected] = useState([])\n  const { stringifyParams } = useSearchParams()\n  const router = useRouter()\n  const [initialState, setInitialState] = useState<FormState>()\n  const hasInitializedState = React.useRef(false)\n  const { clearRouteCache } = useRouteCache()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasUpdatePermission = collectionPermissions?.update?.permission\n\n  const drawerSlug = `edit-${slug}`\n\n  React.useEffect(() => {\n    if (!hasInitializedState.current) {\n      const getInitialState = async () => {\n        const { state: result } = await getFormState({\n          apiRoute,\n          body: {\n            collectionSlug: slug,\n            data: {},\n            operation: 'update',\n            schemaPath: slug,\n          },\n          serverURL,\n        })\n\n        setInitialState(result)\n        hasInitializedState.current = true\n      }\n\n      void getInitialState()\n    }\n  }, [apiRoute, hasInitializedState, serverURL, slug])\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      const { state } = await getFormState({\n        apiRoute,\n        body: {\n          collectionSlug: slug,\n          formState: prevFormState,\n          operation: 'update',\n          schemaPath: slug,\n        },\n        serverURL,\n      })\n\n      return state\n    },\n    [serverURL, apiRoute, slug],\n  )\n\n  if (selectAll === SelectAllStatus.None || !hasUpdatePermission) {\n    return null\n  }\n\n  const onSuccess = () => {\n    router.replace(\n      stringifyParams({\n        params: { page: selectAll === SelectAllStatus.AllAvailable ? '1' : undefined },\n      }),\n    )\n    clearRouteCache()\n    closeModal(drawerSlug)\n  }\n\n  return (\n    <div className={baseClass}>\n      <DrawerToggler\n        aria-label={t('general:edit')}\n        className={`${baseClass}__toggle`}\n        onClick={() => {\n          setSelected([])\n        }}\n        slug={drawerSlug}\n      >\n        {t('general:edit')}\n      </DrawerToggler>\n      <Drawer Header={null} slug={drawerSlug}>\n        <DocumentInfoProvider collectionSlug={slug} id={null}>\n          <OperationContext.Provider value=\"update\">\n            <div className={`${baseClass}__main`}>\n              <div className={`${baseClass}__header`}>\n                <h2 className={`${baseClass}__header__title`}>\n                  {t('general:editingLabel', { count, label: getTranslation(plural, i18n) })}\n                </h2>\n                <button\n                  aria-label={t('general:close')}\n                  className={`${baseClass}__header__close`}\n                  id={`close-drawer__${drawerSlug}`}\n                  onClick={() => closeModal(drawerSlug)}\n                  type=\"button\"\n                >\n                  <XIcon />\n                </button>\n              </div>\n              <Form\n                className={`${baseClass}__form`}\n                initialState={initialState}\n                onChange={[onChange]}\n                onSuccess={onSuccess}\n              >\n                <FieldSelect fields={fields} setSelected={setSelected} />\n                {selected.length === 0 ? null : (\n                  <RenderFields fields={selected} path=\"\" readOnly={false} schemaPath={slug} />\n                )}\n                <div className={`${baseClass}__sidebar-wrap`}>\n                  <div className={`${baseClass}__sidebar`}>\n                    <div className={`${baseClass}__sidebar-sticky-wrap`}>\n                      <div className={`${baseClass}__document-actions`}>\n                        {collection?.versions?.drafts ? (\n                          <React.Fragment>\n                            <PublishButton\n                              action={`${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`}\n                              disabled={selected.length === 0}\n                            />\n                            <SaveDraftButton\n                              action={`${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`}\n                              disabled={selected.length === 0}\n                            />\n                          </React.Fragment>\n                        ) : (\n                          <Submit\n                            action={`${serverURL}${apiRoute}/${slug}${getQueryParams()}`}\n                            disabled={selected.length === 0}\n                          />\n                        )}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </Form>\n            </div>\n          </OperationContext.Provider>\n        </DocumentInfoProvider>\n      </Drawer>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/EditUpload/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/EditUpload/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C,OAAO,KAAuC,MAAM,OAAO,CAAA;AAE3D,OAAO,qCAAqC,CAAA;AAM5C,OAAO,cAAc,CAAA;AA2BrB,KAAK,aAAa,GAAG;IACnB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IACjC,iBAAiB,CAAC,EAAE,aAAa,CAAA;IACjC,MAAM,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAA;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAUD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsQhD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/EditUpload/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C,OAAO,KAAuC,MAAM,OAAO,CAAA;AAE3D,OAAO,qCAAqC,CAAA;AAM5C,OAAO,cAAc,CAAA;AA2BrB,KAAK,aAAa,GAAG;IACnB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IACjC,iBAAiB,CAAC,EAAE,aAAa,CAAA;IACjC,MAAM,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAA;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAUD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6QhD,CAAA"}

package/dist/elements/EditUpload/index.js

@@ -83,10 +83,16 @@ export const EditUpload = ({
     value
   }) => {
     const intValue = parseInt(value);
-    if (dimension === 'width' && intValue >= uncroppedPixelWidth) return null;
-    if (dimension === 'height' && intValue >= uncroppedPixelHeight) return null;
+    if (dimension === 'width' && intValue >= uncroppedPixelWidth) {
+      return null;
+    }
+    if (dimension === 'height' && intValue >= uncroppedPixelHeight) {
+      return null;
+    }
     const percentage = 100 * (intValue / (dimension === 'width' ? uncroppedPixelWidth : uncroppedPixelHeight));
-    if (percentage === 100 || percentage === 0) return null;
+    if (percentage === 100 || percentage === 0) {
+      return null;
+    }
     setCrop({
       ...crop,
       [dimension]: percentage
@@ -105,12 +111,14 @@ export const EditUpload = ({
     }
   };
   const saveEdits = () => {
-    if (typeof onSave === 'function') onSave({
-      crop: crop ? crop : undefined,
-      focalPoint: focalPosition,
-      heightInPixels: Number(heightInputRef?.current?.value ?? uncroppedPixelHeight),
-      widthInPixels: Number(widthInputRef?.current?.value ?? uncroppedPixelWidth)
-    });
+    if (typeof onSave === 'function') {
+      onSave({
+        crop: crop ? crop : undefined,
+        focalPoint: focalPosition,
+        heightInPixels: Number(heightInputRef?.current?.value ?? uncroppedPixelHeight),
+        widthInPixels: Number(widthInputRef?.current?.value ?? uncroppedPixelWidth)
+      });
+    }
     closeModal(editDrawerSlug);
   };
   const onDragEnd = React.useCallback(({
@@ -343,7 +351,9 @@ const DraggableElement = ({
     setIsDragging(true);
   };
   const handleMouseMove = event_0 => {
-    if (!isDragging) return null;
+    if (!isDragging) {
+      return null;
+    }
     const {
       x: x_0,
       y: y_0
@@ -358,7 +368,9 @@ const DraggableElement = ({
     onDragEnd(position);
   };
   React.useEffect(() => {
-    if (isDragging || !dragRef.current) return;
+    if (isDragging || !dragRef.current) {
+      return;
+    }
     if (checkBounds) {
       const {
         height,