@payloadcms/ui 3.2.2 → 3.2.3-canary.3e78927

package/dist/elements/Tooltip/index.js

@@ -6,7 +6,7 @@ import React, { useEffect } from 'react';
 import { useIntersect } from '../../hooks/useIntersect.js';
 import './index.scss';
 export const Tooltip = props => {
-  const $ = _c(24);
+  const $ = _c(26);
   const {
     alignCaret: t0,
     boundingRef,
@@ -67,39 +67,44 @@ export const Tooltip = props => {
   }
   useEffect(t6, t7);
   let t8;
-  let t9;
-  if ($[6] !== staticPositioning || $[7] !== intersectionEntry) {
+  if ($[6] !== intersectionEntry?.isIntersecting || $[7] !== staticPositioning) {
     t8 = () => {
       if (staticPositioning) {
         return;
       }
       setPosition(intersectionEntry?.isIntersecting ? "top" : "bottom");
     };
-    t9 = [intersectionEntry, staticPositioning];
-    $[6] = staticPositioning;
-    $[7] = intersectionEntry;
+    $[6] = intersectionEntry?.isIntersecting;
+    $[7] = staticPositioning;
     $[8] = t8;
-    $[9] = t9;
   } else {
     t8 = $[8];
-    t9 = $[9];
+  }
+  let t9;
+  if ($[9] !== intersectionEntry || $[10] !== staticPositioning) {
+    t9 = [intersectionEntry, staticPositioning];
+    $[9] = intersectionEntry;
+    $[10] = staticPositioning;
+    $[11] = t9;
+  } else {
+    t9 = $[11];
   }
   useEffect(t8, t9);
   let t10;
-  if ($[10] !== staticPositioning || $[11] !== alignCaret || $[12] !== className || $[13] !== children || $[14] !== ref || $[15] !== show || $[16] !== positionFromProps || $[17] !== position) {
+  if ($[12] !== alignCaret || $[13] !== children || $[14] !== className || $[15] !== position || $[16] !== positionFromProps || $[17] !== ref || $[18] !== show || $[19] !== staticPositioning) {
     const t11 = show && "tooltip--show";
     const t12 = `tooltip--caret-${alignCaret}`;
     const t13 = `tooltip--position-${positionFromProps || position}`;
     let t14;
-    if ($[19] !== className || $[20] !== t11 || $[21] !== t12 || $[22] !== t13) {
+    if ($[21] !== className || $[22] !== t11 || $[23] !== t12 || $[24] !== t13) {
       t14 = ["tooltip", className, t11, t12, t13].filter(Boolean);
-      $[19] = className;
-      $[20] = t11;
-      $[21] = t12;
-      $[22] = t13;
-      $[23] = t14;
+      $[21] = className;
+      $[22] = t11;
+      $[23] = t12;
+      $[24] = t13;
+      $[25] = t14;
     } else {
-      t14 = $[23];
+      t14 = $[25];
     }
     t10 = _jsxs(React.Fragment, {
       children: [!staticPositioning && _jsx("aside", {
@@ -122,17 +127,17 @@ export const Tooltip = props => {
         })
       })]
     });
-    $[10] = staticPositioning;
-    $[11] = alignCaret;
-    $[12] = className;
+    $[12] = alignCaret;
     $[13] = children;
-    $[14] = ref;
-    $[15] = show;
+    $[14] = className;
+    $[15] = position;
     $[16] = positionFromProps;
-    $[17] = position;
-    $[18] = t10;
+    $[17] = ref;
+    $[18] = show;
+    $[19] = staticPositioning;
+    $[20] = t10;
   } else {
-    t10 = $[18];
+    t10 = $[20];
   }
   return t10;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useIntersect","Tooltip","props","$","alignCaret","t0","boundingRef","children","className","delay","t1","position","positionFromProps","show","t2","staticPositioning","t3","undefined","showFromProps","setShow","useState","setPosition","getTitleAttribute","_temp","t4","current","t5","root","rootMargin","threshold","ref","intersectionEntry","t6","t7","timerId","clearTimeout","t8","t9","isIntersecting","t10","t11","t12","t13","t14","filter","Boolean","_jsxs","Fragment","_jsx","join","style","opacity","title","content"],"sources":["../../../src/elements/Tooltip/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useIntersect } from '../../hooks/useIntersect.js'\nimport './index.scss'\n\nexport type Props = {\n  alignCaret?: 'center' | 'left' | 'right'\n  boundingRef?: React.RefObject<HTMLElement | null>\n  children: React.ReactNode\n  className?: string\n  delay?: number\n  position?: 'bottom' | 'top'\n  show?: boolean\n  /**\n   * If the tooltip position should not change depending on if the toolbar is outside the boundingRef. @default false\n   */\n  staticPositioning?: boolean\n}\n\nexport const Tooltip: React.FC<Props> = (props) => {\n  const {\n    alignCaret = 'center',\n    boundingRef,\n    children,\n    className,\n    delay = 350,\n    position: positionFromProps,\n    show: showFromProps = true,\n    staticPositioning = false,\n  } = props\n\n  const [show, setShow] = React.useState(showFromProps)\n  const [position, setPosition] = React.useState<'bottom' | 'top'>('top')\n\n  const getTitleAttribute = (content) => (typeof content === 'string' ? content : '')\n\n  const [ref, intersectionEntry] = useIntersect(\n    {\n      root: boundingRef?.current || null,\n      rootMargin: '-145px 0px 0px 100px',\n      threshold: 0,\n    },\n    staticPositioning,\n  )\n\n  useEffect(() => {\n    let timerId: NodeJS.Timeout\n\n    // do not use the delay on transition-out\n    if (delay && showFromProps) {\n      timerId = setTimeout(() => {\n        setShow(showFromProps)\n      }, delay)\n    } else {\n      setShow(showFromProps)\n    }\n\n    return () => {\n      if (timerId) {\n        clearTimeout(timerId)\n      }\n    }\n  }, [showFromProps, delay])\n\n  useEffect(() => {\n    if (staticPositioning) {\n      return\n    }\n    setPosition(intersectionEntry?.isIntersecting ? 'top' : 'bottom')\n  }, [intersectionEntry, staticPositioning])\n\n  // The first aside is always on top. The purpose of that is that it can reliably be used for the interaction observer (as it's not moving around), to calculate the position of the actual tooltip.\n  return (\n    <React.Fragment>\n      {!staticPositioning && (\n        <aside\n          aria-hidden=\"true\"\n          className={['tooltip', className, `tooltip--caret-${alignCaret}`, 'tooltip--position-top']\n            .filter(Boolean)\n            .join(' ')}\n          ref={ref}\n          style={{ opacity: '0' }}\n        >\n          <div className=\"tooltip-content\">{children}</div>\n        </aside>\n      )}\n      <aside\n        className={[\n          'tooltip',\n          className,\n          show && 'tooltip--show',\n          `tooltip--caret-${alignCaret}`,\n          `tooltip--position-${positionFromProps || position}`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        title={getTitleAttribute(children)}\n      >\n        <div className=\"tooltip-content\">{children}</div>\n      </aside>\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useIntersect","Tooltip","props","$","alignCaret","t0","boundingRef","children","className","delay","t1","position","positionFromProps","show","t2","staticPositioning","t3","undefined","showFromProps","setShow","useState","setPosition","getTitleAttribute","_temp","t4","current","t5","root","rootMargin","threshold","ref","intersectionEntry","t6","t7","timerId","clearTimeout","t8","isIntersecting","t9","t10","t11","t12","t13","t14","filter","Boolean","_jsxs","Fragment","_jsx","join","style","opacity","title","content"],"sources":["../../../src/elements/Tooltip/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useIntersect } from '../../hooks/useIntersect.js'\nimport './index.scss'\n\nexport type Props = {\n  alignCaret?: 'center' | 'left' | 'right'\n  boundingRef?: React.RefObject<HTMLElement | null>\n  children: React.ReactNode\n  className?: string\n  delay?: number\n  position?: 'bottom' | 'top'\n  show?: boolean\n  /**\n   * If the tooltip position should not change depending on if the toolbar is outside the boundingRef. @default false\n   */\n  staticPositioning?: boolean\n}\n\nexport const Tooltip: React.FC<Props> = (props) => {\n  const {\n    alignCaret = 'center',\n    boundingRef,\n    children,\n    className,\n    delay = 350,\n    position: positionFromProps,\n    show: showFromProps = true,\n    staticPositioning = false,\n  } = props\n\n  const [show, setShow] = React.useState(showFromProps)\n  const [position, setPosition] = React.useState<'bottom' | 'top'>('top')\n\n  const getTitleAttribute = (content) => (typeof content === 'string' ? content : '')\n\n  const [ref, intersectionEntry] = useIntersect(\n    {\n      root: boundingRef?.current || null,\n      rootMargin: '-145px 0px 0px 100px',\n      threshold: 0,\n    },\n    staticPositioning,\n  )\n\n  useEffect(() => {\n    let timerId: NodeJS.Timeout\n\n    // do not use the delay on transition-out\n    if (delay && showFromProps) {\n      timerId = setTimeout(() => {\n        setShow(showFromProps)\n      }, delay)\n    } else {\n      setShow(showFromProps)\n    }\n\n    return () => {\n      if (timerId) {\n        clearTimeout(timerId)\n      }\n    }\n  }, [showFromProps, delay])\n\n  useEffect(() => {\n    if (staticPositioning) {\n      return\n    }\n    setPosition(intersectionEntry?.isIntersecting ? 'top' : 'bottom')\n  }, [intersectionEntry, staticPositioning])\n\n  // The first aside is always on top. The purpose of that is that it can reliably be used for the interaction observer (as it's not moving around), to calculate the position of the actual tooltip.\n  return (\n    <React.Fragment>\n      {!staticPositioning && (\n        <aside\n          aria-hidden=\"true\"\n          className={['tooltip', className, `tooltip--caret-${alignCaret}`, 'tooltip--position-top']\n            .filter(Boolean)\n            .join(' ')}\n          ref={ref}\n          style={{ opacity: '0' }}\n        >\n          <div className=\"tooltip-content\">{children}</div>\n        </aside>\n      )}\n      <aside\n        className={[\n          'tooltip',\n          className,\n          show && 'tooltip--show',\n          `tooltip--caret-${alignCaret}`,\n          `tooltip--position-${positionFromProps || position}`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        title={getTitleAttribute(children)}\n      >\n        <div className=\"tooltip-content\">{children}</div>\n      </aside>\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/UnpublishMany/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAWpD,OAAO,cAAc,CAAA;AAIrB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAIrD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,sBAAsB,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8ItD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/UnpublishMany/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAUpD,OAAO,cAAc,CAAA;AAIrB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAMrD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,sBAAsB,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgJtD,CAAA"}

package/dist/elements/UnpublishMany/index.js

@@ -3,12 +3,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Modal, useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
-import { useRouter } from 'next/navigation.js';
+import { useRouter, useSearchParams } from 'next/navigation.js';
+import * as qs from 'qs-esm';
 import React, { useCallback, useState } from 'react';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useRouteCache } from '../../providers/RouteCache/index.js';
-import { useSearchParams } from '../../providers/SearchParams/index.js';
 import { SelectAllStatus, useSelection } from '../../providers/Selection/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { requests } from '../../utilities/api.js';
@@ -17,6 +17,7 @@ import { Pill } from '../Pill/index.js';
 import './index.scss';
 const baseClass = 'unpublish-many';
 import { toast } from 'sonner';
+import { parseSearchParams } from '../../utilities/parseSearchParams.js';
 export const UnpublishMany = props => {
   const {
     collection: {
@@ -46,14 +47,12 @@ export const UnpublishMany = props => {
     i18n,
     t
   } = useTranslation();
+  const searchParams = useSearchParams();
   const {
     getQueryParams,
     selectAll
   } = useSelection();
   const [submitted, setSubmitted] = useState(false);
-  const {
-    stringifyParams
-  } = useSearchParams();
   const router = useRouter();
   const {
     clearRouteCache
@@ -94,10 +93,11 @@ export const UnpublishMany = props => {
               description: json.errors.map(error => error.message).join('\n')
             });
           }
-          router.replace(stringifyParams({
-            params: {
-              page: selectAll ? '1' : undefined
-            }
+          router.replace(qs.stringify({
+            ...parseSearchParams(searchParams),
+            page: selectAll ? '1' : undefined
+          }, {
+            addQueryPrefix: true
           }));
           clearRouteCache() // Use clearRouteCache instead of router.refresh, as we only need to clear the cache if the user has route caching enabled - clearRouteCache checks for this
           ;
@@ -109,11 +109,11 @@ export const UnpublishMany = props => {
           addDefaultError();
         }
         return false;
-      } catch (e) {
+      } catch (_err) {
         return addDefaultError();
       }
     });
-  }, [addDefaultError, api, getQueryParams, i18n, modalSlug, plural, selectAll, serverURL, singular, slug, t, toggleModal, router, clearRouteCache, stringifyParams]);
+  }, [serverURL, api, slug, getQueryParams, i18n, toggleModal, modalSlug, plural, singular, t, router, searchParams, selectAll, clearRouteCache, addDefaultError]);
   if (!versions?.drafts || selectAll === SelectAllStatus.None || !hasPermission) {
     return null;
   }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Modal","useModal","getTranslation","useRouter","React","useCallback","useState","useAuth","useConfig","useRouteCache","useSearchParams","SelectAllStatus","useSelection","useTranslation","requests","Button","Pill","baseClass","toast","UnpublishMany","props","collection","slug","labels","plural","singular","versions","config","routes","api","serverURL","permissions","toggleModal","i18n","t","getQueryParams","selectAll","submitted","setSubmitted","stringifyParams","router","clearRouteCache","collectionPermissions","collections","hasPermission","update","modalSlug","addDefaultError","error","handleUnpublish","patch","_status","not_equals","body","JSON","stringify","headers","language","then","res","json","deletedDocs","docs","length","successLabel","status","success","count","label","errors","message","description","map","join","replace","params","page","undefined","forEach","e","drafts","None","_jsxs","Fragment","_jsx","className","onClick","buttonStyle","id","size","type"],"sources":["../../../src/elements/UnpublishMany/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/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 { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { Pill } from '../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'unpublish-many'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { toast } from 'sonner'\n\nexport type UnpublishManyProps = {\n  collection: ClientCollectionConfig\n}\n\nexport const UnpublishMany: React.FC<UnpublishManyProps> = (props) => {\n  const { collection: { slug, labels: { plural, singular }, versions } = {} } = props\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { permissions } = useAuth()\n  const { toggleModal } = useModal()\n  const { i18n, t } = useTranslation()\n  const { getQueryParams, selectAll } = useSelection()\n  const [submitted, setSubmitted] = useState(false)\n  const { stringifyParams } = useSearchParams()\n  const router = useRouter()\n  const { clearRouteCache } = useRouteCache()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasPermission = collectionPermissions?.update\n\n  const modalSlug = `unpublish-${slug}`\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:unknown'))\n  }, [t])\n\n  const handleUnpublish = useCallback(async () => {\n    setSubmitted(true)\n    await requests\n      .patch(`${serverURL}${api}/${slug}${getQueryParams({ _status: { not_equals: 'draft' } })}`, {\n        body: JSON.stringify({\n          _status: 'draft',\n        }),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n      .then(async (res) => {\n        try {\n          const json = await res.json()\n          toggleModal(modalSlug)\n\n          const deletedDocs = json?.docs.length || 0\n          const successLabel = deletedDocs > 1 ? plural : singular\n\n          if (res.status < 400 || deletedDocs > 0) {\n            toast.success(\n              t('general:updatedCountSuccessfully', {\n                count: deletedDocs,\n                label: getTranslation(successLabel, i18n),\n              }),\n            )\n            if (json?.errors.length > 0) {\n              toast.error(json.message, {\n                description: json.errors.map((error) => error.message).join('\\n'),\n              })\n            }\n            router.replace(\n              stringifyParams({\n                params: {\n                  page: selectAll ? '1' : undefined,\n                },\n              }),\n            )\n            clearRouteCache() // Use clearRouteCache instead of router.refresh, as we only need to clear the cache if the user has route caching enabled - clearRouteCache checks for this\n            return null\n          }\n\n          if (json.errors) {\n            json.errors.forEach((error) => toast.error(error.message))\n          } else {\n            addDefaultError()\n          }\n          return false\n        } catch (e) {\n          return addDefaultError()\n        }\n      })\n  }, [\n    addDefaultError,\n    api,\n    getQueryParams,\n    i18n,\n    modalSlug,\n    plural,\n    selectAll,\n    serverURL,\n    singular,\n    slug,\n    t,\n    toggleModal,\n    router,\n    clearRouteCache,\n    stringifyParams,\n  ])\n\n  if (!versions?.drafts || selectAll === SelectAllStatus.None || !hasPermission) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <Pill\n        className={`${baseClass}__toggle`}\n        onClick={() => {\n          setSubmitted(false)\n          toggleModal(modalSlug)\n        }}\n      >\n        {t('version:unpublish')}\n      </Pill>\n      <Modal className={baseClass} slug={modalSlug}>\n        <div className={`${baseClass}__wrapper`}>\n          <div className={`${baseClass}__content`}>\n            <h1>{t('version:confirmUnpublish')}</h1>\n            <p>{t('version:aboutToUnpublishSelection', { label: getTranslation(plural, i18n) })}</p>\n          </div>\n          <div className={`${baseClass}__controls`}>\n            <Button\n              buttonStyle=\"secondary\"\n              id=\"confirm-cancel\"\n              onClick={submitted ? undefined : () => toggleModal(modalSlug)}\n              size=\"large\"\n              type=\"button\"\n            >\n              {t('general:cancel')}\n            </Button>\n            <Button\n              id=\"confirm-unpublish\"\n              onClick={submitted ? undefined : handleUnpublish}\n              size=\"large\"\n            >\n              {submitted ? t('version:unpublishing') : t('general:confirm')}\n            </Button>\n          </div>\n        </div>\n      </Modal>\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Modal","useModal","getTranslation","useRouter","useSearchParams","qs","React","useCallback","useState","useAuth","useConfig","useRouteCache","SelectAllStatus","useSelection","useTranslation","requests","Button","Pill","baseClass","toast","parseSearchParams","UnpublishMany","props","collection","slug","labels","plural","singular","versions","config","routes","api","serverURL","permissions","toggleModal","i18n","t","searchParams","getQueryParams","selectAll","submitted","setSubmitted","router","clearRouteCache","collectionPermissions","collections","hasPermission","update","modalSlug","addDefaultError","error","handleUnpublish","patch","_status","not_equals","body","JSON","stringify","headers","language","then","res","json","deletedDocs","docs","length","successLabel","status","success","count","label","errors","message","description","map","join","replace","page","undefined","addQueryPrefix","forEach","_err","drafts","None","_jsxs","Fragment","_jsx","className","onClick","buttonStyle","id","size","type"],"sources":["../../../src/elements/UnpublishMany/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useState } from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { Pill } from '../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'unpublish-many'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { toast } from 'sonner'\n\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\n\nexport type UnpublishManyProps = {\n  collection: ClientCollectionConfig\n}\n\nexport const UnpublishMany: React.FC<UnpublishManyProps> = (props) => {\n  const { collection: { slug, labels: { plural, singular }, versions } = {} } = props\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { permissions } = useAuth()\n  const { toggleModal } = useModal()\n  const { i18n, t } = useTranslation()\n  const searchParams = useSearchParams()\n  const { getQueryParams, selectAll } = useSelection()\n  const [submitted, setSubmitted] = useState(false)\n  const router = useRouter()\n  const { clearRouteCache } = useRouteCache()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasPermission = collectionPermissions?.update\n\n  const modalSlug = `unpublish-${slug}`\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:unknown'))\n  }, [t])\n\n  const handleUnpublish = useCallback(async () => {\n    setSubmitted(true)\n    await requests\n      .patch(`${serverURL}${api}/${slug}${getQueryParams({ _status: { not_equals: 'draft' } })}`, {\n        body: JSON.stringify({\n          _status: 'draft',\n        }),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n      .then(async (res) => {\n        try {\n          const json = await res.json()\n          toggleModal(modalSlug)\n\n          const deletedDocs = json?.docs.length || 0\n          const successLabel = deletedDocs > 1 ? plural : singular\n\n          if (res.status < 400 || deletedDocs > 0) {\n            toast.success(\n              t('general:updatedCountSuccessfully', {\n                count: deletedDocs,\n                label: getTranslation(successLabel, i18n),\n              }),\n            )\n            if (json?.errors.length > 0) {\n              toast.error(json.message, {\n                description: json.errors.map((error) => error.message).join('\\n'),\n              })\n            }\n            router.replace(\n              qs.stringify(\n                {\n                  ...parseSearchParams(searchParams),\n                  page: selectAll ? '1' : undefined,\n                },\n                { addQueryPrefix: true },\n              ),\n            )\n            clearRouteCache() // Use clearRouteCache instead of router.refresh, as we only need to clear the cache if the user has route caching enabled - clearRouteCache checks for this\n            return null\n          }\n\n          if (json.errors) {\n            json.errors.forEach((error) => toast.error(error.message))\n          } else {\n            addDefaultError()\n          }\n          return false\n        } catch (_err) {\n          return addDefaultError()\n        }\n      })\n  }, [\n    serverURL,\n    api,\n    slug,\n    getQueryParams,\n    i18n,\n    toggleModal,\n    modalSlug,\n    plural,\n    singular,\n    t,\n    router,\n    searchParams,\n    selectAll,\n    clearRouteCache,\n    addDefaultError,\n  ])\n\n  if (!versions?.drafts || selectAll === SelectAllStatus.None || !hasPermission) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <Pill\n        className={`${baseClass}__toggle`}\n        onClick={() => {\n          setSubmitted(false)\n          toggleModal(modalSlug)\n        }}\n      >\n        {t('version:unpublish')}\n      </Pill>\n      <Modal className={baseClass} slug={modalSlug}>\n        <div className={`${baseClass}__wrapper`}>\n          <div className={`${baseClass}__content`}>\n            <h1>{t('version:confirmUnpublish')}</h1>\n            <p>{t('version:aboutToUnpublishSelection', { label: getTranslation(plural, i18n) })}</p>\n          </div>\n          <div className={`${baseClass}__controls`}>\n            <Button\n              buttonStyle=\"secondary\"\n              id=\"confirm-cancel\"\n              onClick={submitted ? undefined : () => toggleModal(modalSlug)}\n              size=\"large\"\n              type=\"button\"\n            >\n              {t('general:cancel')}\n            </Button>\n            <Button\n              id=\"confirm-unpublish\"\n              onClick={submitted ? undefined : handleUnpublish}\n              size=\"large\"\n            >\n              {submitted ? t('version:unpublishing') : t('general:confirm')}\n            </Button>\n          </div>\n        </div>\n      </Modal>\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Upload/index.js

@@ -43,7 +43,7 @@ export const UploadActions = t0 => {
   } = useTranslation();
   let t1;
   let t2;
-  if ($[0] !== mimeType || $[1] !== customActions || $[2] !== enablePreviewSizes || $[3] !== t || $[4] !== enableAdjustments) {
+  if ($[0] !== customActions || $[1] !== enableAdjustments || $[2] !== enablePreviewSizes || $[3] !== mimeType || $[4] !== t) {
     t2 = Symbol.for("react.early_return_sentinel");
     bb0: {
       const fileTypeIsAdjustable = isImage(mimeType) && mimeType !== "image/svg+xml";
@@ -74,11 +74,11 @@ export const UploadActions = t0 => {
         }), t3]
       });
     }
-    $[0] = mimeType;
-    $[1] = customActions;
+    $[0] = customActions;
+    $[1] = enableAdjustments;
     $[2] = enablePreviewSizes;
-    $[3] = t;
-    $[4] = enableAdjustments;
+    $[3] = mimeType;
+    $[4] = t;
     $[5] = t1;
     $[6] = t2;
   } else {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","isImage","React","useCallback","useEffect","useRef","useState","toast","FieldError","fieldBaseClass","useForm","useFormProcessing","useField","useDocumentInfo","EditDepthProvider","useTranslation","useUploadEdits","Button","Drawer","DrawerToggler","Dropzone","EditUpload","FileDetails","PreviewSizes","Thumbnail","baseClass","editDrawerSlug","sizePreviewSlug","validate","value","undefined","UploadActions","t0","$","customActions","enableAdjustments","enablePreviewSizes","mimeType","t","t1","t2","Symbol","for","bb0","fileTypeIsAdjustable","length","t3","map","_temp","_jsxs","className","children","Fragment","_jsx","slug","Upload","props","collectionSlug","initialState","onChange","uploadConfig","setModified","resetUploadEdits","updateUploadEdits","uploadEdits","docPermissions","savedDocumentData","isFormSubmitting","errorMessage","setValue","showError","path","fileSrc","setFileSrc","removedFile","setRemovedFile","filename","setFilename","name","showUrlInput","setShowUrlInput","fileUrl","setFileUrl","urlInputRef","inputRef","handleFileChange","newFile","File","URL","createObjectURL","renameFile","fileToChange","newName","type","lastModified","handleFileNameChange","e","updatedFileName","target","handleFileSelection","files","fileToUpload","handleFileRemoval","onEditsSave","args","handleUrlSubmit","response","fetch","data","blob","fileName","split","pop","file","error","message","current","canRemoveUpload","update","delete","hasImageSizes","imageSizes","hasResizeOptions","Boolean","resizeOptions","focalPointEnabled","focalPoint","crop","showCrop","showFocalPoint","acceptMimeTypes","mimeTypes","join","filter","customUploadActions","doc","handleRemove","imageCacheTag","updatedAt","buttonStyle","onClick","click","size","accept","hidden","ref","icon","iconStyle","round","tooltip","Header","url","initialCrop","initialFocalPoint","x","focalX","y","focalY","onSave","hoverTitle","title","label","CustomAction","i"],"sources":["../../../src/elements/Upload/index.tsx"],"sourcesContent":["'use client'\nimport type { FormState, SanitizedCollectionConfig, UploadEdits } from 'payload'\n\nimport { isImage } from 'payload/shared'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { fieldBaseClass } from '../../fields/shared/index.js'\nimport { useForm, useFormProcessing } from '../../forms/Form/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useUploadEdits } from '../../providers/UploadEdits/index.js'\nimport { Button } from '../Button/index.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { Dropzone } from '../Dropzone/index.js'\nimport { EditUpload } from '../EditUpload/index.js'\nimport { FileDetails } from '../FileDetails/index.js'\nimport { PreviewSizes } from '../PreviewSizes/index.js'\nimport { Thumbnail } from '../Thumbnail/index.js'\nimport './index.scss'\n\nconst baseClass = 'file-field'\nexport const editDrawerSlug = 'edit-upload'\nexport const sizePreviewSlug = 'preview-sizes'\n\nconst validate = (value) => {\n  if (!value && value !== undefined) {\n    return 'A file is required.'\n  }\n\n  return true\n}\n\ntype UploadActionsArgs = {\n  readonly customActions?: React.ReactNode[]\n  readonly enableAdjustments: boolean\n  readonly enablePreviewSizes: boolean\n  readonly mimeType: string\n}\n\nexport const UploadActions = ({\n  customActions,\n  enableAdjustments,\n  enablePreviewSizes,\n  mimeType,\n}: UploadActionsArgs) => {\n  const { t } = useTranslation()\n\n  const fileTypeIsAdjustable = isImage(mimeType) && mimeType !== 'image/svg+xml'\n\n  if (!fileTypeIsAdjustable && (!customActions || customActions.length === 0)) {\n    return null\n  }\n\n  return (\n    <div className={`${baseClass}__upload-actions`}>\n      {fileTypeIsAdjustable && (\n        <React.Fragment>\n          {enablePreviewSizes && (\n            <DrawerToggler className={`${baseClass}__previewSizes`} slug={sizePreviewSlug}>\n              {t('upload:previewSizes')}\n            </DrawerToggler>\n          )}\n          {enableAdjustments && (\n            <DrawerToggler className={`${baseClass}__edit`} slug={editDrawerSlug}>\n              {t('upload:editImage')}\n            </DrawerToggler>\n          )}\n        </React.Fragment>\n      )}\n\n      {customActions &&\n        customActions.map((CustomAction, i) => {\n          return <React.Fragment key={i}>{CustomAction}</React.Fragment>\n        })}\n    </div>\n  )\n}\n\nexport type UploadProps = {\n  readonly collectionSlug: string\n  readonly customActions?: React.ReactNode[]\n  readonly initialState?: FormState\n  readonly onChange?: (file?: File) => void\n  readonly uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const Upload: React.FC<UploadProps> = (props) => {\n  const { collectionSlug, customActions, initialState, onChange, uploadConfig } = props\n\n  const { t } = useTranslation()\n  const { setModified } = useForm()\n  const { resetUploadEdits, updateUploadEdits, uploadEdits } = useUploadEdits()\n  const { docPermissions, savedDocumentData } = useDocumentInfo()\n  const isFormSubmitting = useFormProcessing()\n  const { errorMessage, setValue, showError, value } = useField<File>({\n    path: 'file',\n    validate,\n  })\n\n  const [fileSrc, setFileSrc] = useState<null | string>(null)\n  const [removedFile, setRemovedFile] = useState(false)\n  const [filename, setFilename] = useState<string>(value?.name || '')\n  const [showUrlInput, setShowUrlInput] = useState(false)\n  const [fileUrl, setFileUrl] = useState<string>('')\n\n  const urlInputRef = useRef<HTMLInputElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const handleFileChange = useCallback(\n    (newFile: File) => {\n      if (newFile instanceof File) {\n        setFileSrc(URL.createObjectURL(newFile))\n      }\n\n      setValue(newFile)\n      setShowUrlInput(false)\n\n      if (typeof onChange === 'function') {\n        onChange(newFile)\n      }\n    },\n    [onChange, setValue],\n  )\n\n  const renameFile = (fileToChange: File, newName: string): File => {\n    // Creating a new File object with updated properties\n    const newFile = new File([fileToChange], newName, {\n      type: fileToChange.type,\n      lastModified: fileToChange.lastModified,\n    })\n    return newFile\n  }\n\n  const handleFileNameChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const updatedFileName = e.target.value\n\n      if (value) {\n        handleFileChange(renameFile(value, updatedFileName))\n        setFilename(updatedFileName)\n      }\n    },\n    [handleFileChange, value],\n  )\n\n  const handleFileSelection = useCallback(\n    (files: FileList) => {\n      const fileToUpload = files?.[0]\n      handleFileChange(fileToUpload)\n    },\n    [handleFileChange],\n  )\n\n  const handleFileRemoval = useCallback(() => {\n    setRemovedFile(true)\n    handleFileChange(null)\n    setFileSrc('')\n    setFileUrl('')\n    resetUploadEdits()\n    setShowUrlInput(false)\n  }, [handleFileChange, resetUploadEdits])\n\n  const onEditsSave = useCallback(\n    (args: UploadEdits) => {\n      setModified(true)\n      updateUploadEdits(args)\n    },\n    [setModified, updateUploadEdits],\n  )\n\n  const handleUrlSubmit = async () => {\n    if (fileUrl) {\n      try {\n        const response = await fetch(fileUrl)\n        const data = await response.blob()\n\n        // Extract the file name from the URL\n        const fileName = fileUrl.split('/').pop()\n\n        // Create a new File object from the Blob data\n        const file = new File([data], fileName, { type: data.type })\n        handleFileChange(file)\n      } catch (e) {\n        toast.error(e.message)\n      }\n    }\n  }\n\n  useEffect(() => {\n    if (initialState?.file?.value instanceof File) {\n      setFileSrc(URL.createObjectURL(initialState.file.value))\n      setRemovedFile(false)\n    }\n  }, [initialState])\n\n  useEffect(() => {\n    if (showUrlInput && urlInputRef.current) {\n      // urlInputRef.current.focus() // Focus on the remote-url input field when showUrlInput is true\n    }\n  }, [showUrlInput])\n\n  useEffect(() => {\n    if (isFormSubmitting) {\n      setRemovedFile(false)\n    }\n  }, [isFormSubmitting])\n\n  const canRemoveUpload =\n    docPermissions?.update && 'delete' in docPermissions && docPermissions?.delete\n\n  const hasImageSizes = uploadConfig?.imageSizes?.length > 0\n  const hasResizeOptions = Boolean(uploadConfig?.resizeOptions)\n  // Explicity check if set to true, default is undefined\n  const focalPointEnabled = uploadConfig?.focalPoint === true\n\n  const { crop: showCrop = true, focalPoint = true } = uploadConfig\n\n  const showFocalPoint = focalPoint && (hasImageSizes || hasResizeOptions || focalPointEnabled)\n\n  const acceptMimeTypes = uploadConfig.mimeTypes?.join(', ')\n\n  return (\n    <div className={[fieldBaseClass, baseClass].filter(Boolean).join(' ')}>\n      <FieldError message={errorMessage} showError={showError} />\n      {savedDocumentData && savedDocumentData.filename && !removedFile && (\n        <FileDetails\n          collectionSlug={collectionSlug}\n          customUploadActions={customActions}\n          doc={savedDocumentData}\n          enableAdjustments={showCrop || showFocalPoint}\n          handleRemove={canRemoveUpload ? handleFileRemoval : undefined}\n          hasImageSizes={hasImageSizes}\n          imageCacheTag={savedDocumentData.updatedAt}\n          uploadConfig={uploadConfig}\n        />\n      )}\n      {(!savedDocumentData?.filename || removedFile) && (\n        <div className={`${baseClass}__upload`}>\n          {!value && !showUrlInput && (\n            <Dropzone onChange={handleFileSelection}>\n              <div className={`${baseClass}__dropzoneContent`}>\n                <div className={`${baseClass}__dropzoneButtons`}>\n                  <Button\n                    buttonStyle=\"pill\"\n                    onClick={() => {\n                      if (inputRef.current) {\n                        inputRef.current.click()\n                      }\n                    }}\n                    size=\"small\"\n                  >\n                    {t('upload:selectFile')}\n                  </Button>\n                  <input\n                    accept={acceptMimeTypes}\n                    aria-hidden=\"true\"\n                    className={`${baseClass}__hidden-input`}\n                    hidden\n                    onChange={(e) => {\n                      if (e.target.files && e.target.files.length > 0) {\n                        handleFileSelection(e.target.files)\n                      }\n                    }}\n                    ref={inputRef}\n                    type=\"file\"\n                  />\n                  <span className={`${baseClass}__orText`}>{t('general:or')}</span>\n                  <Button\n                    buttonStyle=\"pill\"\n                    onClick={() => {\n                      setShowUrlInput(true)\n                    }}\n                    size=\"small\"\n                  >\n                    {t('upload:pasteURL')}\n                  </Button>\n                </div>\n\n                <p className={`${baseClass}__dragAndDropText`}>\n                  {t('general:or')} {t('upload:dragAndDrop')}\n                </p>\n              </div>\n            </Dropzone>\n          )}\n          {showUrlInput && (\n            <React.Fragment>\n              <div className={`${baseClass}__remote-file-wrap`}>\n                {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n                <input\n                  className={`${baseClass}__remote-file`}\n                  onChange={(e) => {\n                    setFileUrl(e.target.value)\n                  }}\n                  ref={urlInputRef}\n                  type=\"text\"\n                  value={fileUrl}\n                />\n                <div className={`${baseClass}__add-file-wrap`}>\n                  <button\n                    className={`${baseClass}__add-file`}\n                    onClick={() => {\n                      void handleUrlSubmit()\n                    }}\n                    type=\"button\"\n                  >\n                    {t('upload:addFile')}\n                  </button>\n                </div>\n              </div>\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__remove`}\n                icon=\"x\"\n                iconStyle=\"with-border\"\n                onClick={() => {\n                  setShowUrlInput(false)\n                }}\n                round\n                tooltip={t('general:cancel')}\n              />\n            </React.Fragment>\n          )}\n          {value && fileSrc && (\n            <React.Fragment>\n              <div className={`${baseClass}__thumbnail-wrap`}>\n                <Thumbnail\n                  collectionSlug={collectionSlug}\n                  fileSrc={isImage(value.type) ? fileSrc : null}\n                />\n              </div>\n              <div className={`${baseClass}__file-adjustments`}>\n                {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n                <input\n                  className={`${baseClass}__filename`}\n                  onChange={handleFileNameChange}\n                  type=\"text\"\n                  value={filename || value.name}\n                />\n                <UploadActions\n                  customActions={customActions}\n                  enableAdjustments={showCrop || showFocalPoint}\n                  enablePreviewSizes={hasImageSizes && savedDocumentData?.filename && !removedFile}\n                  mimeType={value.type}\n                />\n              </div>\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__remove`}\n                icon=\"x\"\n                iconStyle=\"with-border\"\n                onClick={handleFileRemoval}\n                round\n                tooltip={t('general:cancel')}\n              />\n            </React.Fragment>\n          )}\n        </div>\n      )}\n      {(value || savedDocumentData?.filename) && (\n        <EditDepthProvider>\n          <Drawer Header={null} slug={editDrawerSlug}>\n            <EditUpload\n              fileName={value?.name || savedDocumentData?.filename}\n              fileSrc={savedDocumentData?.url || fileSrc}\n              imageCacheTag={savedDocumentData?.updatedAt}\n              initialCrop={uploadEdits?.crop ?? undefined}\n              initialFocalPoint={{\n                x: uploadEdits?.focalPoint?.x || savedDocumentData?.focalX || 50,\n                y: uploadEdits?.focalPoint?.y || savedDocumentData?.focalY || 50,\n              }}\n              onSave={onEditsSave}\n              showCrop={showCrop}\n              showFocalPoint={showFocalPoint}\n            />\n          </Drawer>\n        </EditDepthProvider>\n      )}\n      {savedDocumentData && hasImageSizes && (\n        <Drawer\n          className={`${baseClass}__previewDrawer`}\n          hoverTitle\n          slug={sizePreviewSlug}\n          title={t('upload:sizesFor', { label: savedDocumentData.filename })}\n        >\n          <PreviewSizes\n            doc={savedDocumentData}\n            imageCacheTag={savedDocumentData.updatedAt}\n            uploadConfig={uploadConfig}\n          />\n        </Drawer>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","isImage","React","useCallback","useEffect","useRef","useState","toast","FieldError","fieldBaseClass","useForm","useFormProcessing","useField","useDocumentInfo","EditDepthProvider","useTranslation","useUploadEdits","Button","Drawer","DrawerToggler","Dropzone","EditUpload","FileDetails","PreviewSizes","Thumbnail","baseClass","editDrawerSlug","sizePreviewSlug","validate","value","undefined","UploadActions","t0","$","customActions","enableAdjustments","enablePreviewSizes","mimeType","t","t1","t2","Symbol","for","bb0","fileTypeIsAdjustable","length","t3","map","_temp","_jsxs","className","children","Fragment","_jsx","slug","Upload","props","collectionSlug","initialState","onChange","uploadConfig","setModified","resetUploadEdits","updateUploadEdits","uploadEdits","docPermissions","savedDocumentData","isFormSubmitting","errorMessage","setValue","showError","path","fileSrc","setFileSrc","removedFile","setRemovedFile","filename","setFilename","name","showUrlInput","setShowUrlInput","fileUrl","setFileUrl","urlInputRef","inputRef","handleFileChange","newFile","File","URL","createObjectURL","renameFile","fileToChange","newName","type","lastModified","handleFileNameChange","e","updatedFileName","target","handleFileSelection","files","fileToUpload","handleFileRemoval","onEditsSave","args","handleUrlSubmit","response","fetch","data","blob","fileName","split","pop","file","error","message","current","canRemoveUpload","update","delete","hasImageSizes","imageSizes","hasResizeOptions","Boolean","resizeOptions","focalPointEnabled","focalPoint","crop","showCrop","showFocalPoint","acceptMimeTypes","mimeTypes","join","filter","customUploadActions","doc","handleRemove","imageCacheTag","updatedAt","buttonStyle","onClick","click","size","accept","hidden","ref","icon","iconStyle","round","tooltip","Header","url","initialCrop","initialFocalPoint","x","focalX","y","focalY","onSave","hoverTitle","title","label","CustomAction","i"],"sources":["../../../src/elements/Upload/index.tsx"],"sourcesContent":["'use client'\nimport type { FormState, SanitizedCollectionConfig, UploadEdits } from 'payload'\n\nimport { isImage } from 'payload/shared'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { fieldBaseClass } from '../../fields/shared/index.js'\nimport { useForm, useFormProcessing } from '../../forms/Form/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useUploadEdits } from '../../providers/UploadEdits/index.js'\nimport { Button } from '../Button/index.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { Dropzone } from '../Dropzone/index.js'\nimport { EditUpload } from '../EditUpload/index.js'\nimport { FileDetails } from '../FileDetails/index.js'\nimport { PreviewSizes } from '../PreviewSizes/index.js'\nimport { Thumbnail } from '../Thumbnail/index.js'\nimport './index.scss'\n\nconst baseClass = 'file-field'\nexport const editDrawerSlug = 'edit-upload'\nexport const sizePreviewSlug = 'preview-sizes'\n\nconst validate = (value) => {\n  if (!value && value !== undefined) {\n    return 'A file is required.'\n  }\n\n  return true\n}\n\ntype UploadActionsArgs = {\n  readonly customActions?: React.ReactNode[]\n  readonly enableAdjustments: boolean\n  readonly enablePreviewSizes: boolean\n  readonly mimeType: string\n}\n\nexport const UploadActions = ({\n  customActions,\n  enableAdjustments,\n  enablePreviewSizes,\n  mimeType,\n}: UploadActionsArgs) => {\n  const { t } = useTranslation()\n\n  const fileTypeIsAdjustable = isImage(mimeType) && mimeType !== 'image/svg+xml'\n\n  if (!fileTypeIsAdjustable && (!customActions || customActions.length === 0)) {\n    return null\n  }\n\n  return (\n    <div className={`${baseClass}__upload-actions`}>\n      {fileTypeIsAdjustable && (\n        <React.Fragment>\n          {enablePreviewSizes && (\n            <DrawerToggler className={`${baseClass}__previewSizes`} slug={sizePreviewSlug}>\n              {t('upload:previewSizes')}\n            </DrawerToggler>\n          )}\n          {enableAdjustments && (\n            <DrawerToggler className={`${baseClass}__edit`} slug={editDrawerSlug}>\n              {t('upload:editImage')}\n            </DrawerToggler>\n          )}\n        </React.Fragment>\n      )}\n\n      {customActions &&\n        customActions.map((CustomAction, i) => {\n          return <React.Fragment key={i}>{CustomAction}</React.Fragment>\n        })}\n    </div>\n  )\n}\n\nexport type UploadProps = {\n  readonly collectionSlug: string\n  readonly customActions?: React.ReactNode[]\n  readonly initialState?: FormState\n  readonly onChange?: (file?: File) => void\n  readonly uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const Upload: React.FC<UploadProps> = (props) => {\n  const { collectionSlug, customActions, initialState, onChange, uploadConfig } = props\n\n  const { t } = useTranslation()\n  const { setModified } = useForm()\n  const { resetUploadEdits, updateUploadEdits, uploadEdits } = useUploadEdits()\n  const { docPermissions, savedDocumentData } = useDocumentInfo()\n  const isFormSubmitting = useFormProcessing()\n  const { errorMessage, setValue, showError, value } = useField<File>({\n    path: 'file',\n    validate,\n  })\n\n  const [fileSrc, setFileSrc] = useState<null | string>(null)\n  const [removedFile, setRemovedFile] = useState(false)\n  const [filename, setFilename] = useState<string>(value?.name || '')\n  const [showUrlInput, setShowUrlInput] = useState(false)\n  const [fileUrl, setFileUrl] = useState<string>('')\n\n  const urlInputRef = useRef<HTMLInputElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const handleFileChange = useCallback(\n    (newFile: File) => {\n      if (newFile instanceof File) {\n        setFileSrc(URL.createObjectURL(newFile))\n      }\n\n      setValue(newFile)\n      setShowUrlInput(false)\n\n      if (typeof onChange === 'function') {\n        onChange(newFile)\n      }\n    },\n    [onChange, setValue],\n  )\n\n  const renameFile = (fileToChange: File, newName: string): File => {\n    // Creating a new File object with updated properties\n    const newFile = new File([fileToChange], newName, {\n      type: fileToChange.type,\n      lastModified: fileToChange.lastModified,\n    })\n    return newFile\n  }\n\n  const handleFileNameChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const updatedFileName = e.target.value\n\n      if (value) {\n        handleFileChange(renameFile(value, updatedFileName))\n        setFilename(updatedFileName)\n      }\n    },\n    [handleFileChange, value],\n  )\n\n  const handleFileSelection = useCallback(\n    (files: FileList) => {\n      const fileToUpload = files?.[0]\n      handleFileChange(fileToUpload)\n    },\n    [handleFileChange],\n  )\n\n  const handleFileRemoval = useCallback(() => {\n    setRemovedFile(true)\n    handleFileChange(null)\n    setFileSrc('')\n    setFileUrl('')\n    resetUploadEdits()\n    setShowUrlInput(false)\n  }, [handleFileChange, resetUploadEdits])\n\n  const onEditsSave = useCallback(\n    (args: UploadEdits) => {\n      setModified(true)\n      updateUploadEdits(args)\n    },\n    [setModified, updateUploadEdits],\n  )\n\n  const handleUrlSubmit = async () => {\n    if (fileUrl) {\n      try {\n        const response = await fetch(fileUrl)\n        const data = await response.blob()\n\n        // Extract the file name from the URL\n        const fileName = fileUrl.split('/').pop()\n\n        // Create a new File object from the Blob data\n        const file = new File([data], fileName, { type: data.type })\n        handleFileChange(file)\n      } catch (e) {\n        toast.error(e.message)\n      }\n    }\n  }\n\n  useEffect(() => {\n    if (initialState?.file?.value instanceof File) {\n      setFileSrc(URL.createObjectURL(initialState.file.value))\n      setRemovedFile(false)\n    }\n  }, [initialState])\n\n  useEffect(() => {\n    if (showUrlInput && urlInputRef.current) {\n      // urlInputRef.current.focus() // Focus on the remote-url input field when showUrlInput is true\n    }\n  }, [showUrlInput])\n\n  useEffect(() => {\n    if (isFormSubmitting) {\n      setRemovedFile(false)\n    }\n  }, [isFormSubmitting])\n\n  const canRemoveUpload =\n    docPermissions?.update && 'delete' in docPermissions && docPermissions?.delete\n\n  const hasImageSizes = uploadConfig?.imageSizes?.length > 0\n  const hasResizeOptions = Boolean(uploadConfig?.resizeOptions)\n  // Explicity check if set to true, default is undefined\n  const focalPointEnabled = uploadConfig?.focalPoint === true\n\n  const { crop: showCrop = true, focalPoint = true } = uploadConfig\n\n  const showFocalPoint = focalPoint && (hasImageSizes || hasResizeOptions || focalPointEnabled)\n\n  const acceptMimeTypes = uploadConfig.mimeTypes?.join(', ')\n\n  return (\n    <div className={[fieldBaseClass, baseClass].filter(Boolean).join(' ')}>\n      <FieldError message={errorMessage} showError={showError} />\n      {savedDocumentData && savedDocumentData.filename && !removedFile && (\n        <FileDetails\n          collectionSlug={collectionSlug}\n          customUploadActions={customActions}\n          doc={savedDocumentData}\n          enableAdjustments={showCrop || showFocalPoint}\n          handleRemove={canRemoveUpload ? handleFileRemoval : undefined}\n          hasImageSizes={hasImageSizes}\n          imageCacheTag={savedDocumentData.updatedAt}\n          uploadConfig={uploadConfig}\n        />\n      )}\n      {(!savedDocumentData?.filename || removedFile) && (\n        <div className={`${baseClass}__upload`}>\n          {!value && !showUrlInput && (\n            <Dropzone onChange={handleFileSelection}>\n              <div className={`${baseClass}__dropzoneContent`}>\n                <div className={`${baseClass}__dropzoneButtons`}>\n                  <Button\n                    buttonStyle=\"pill\"\n                    onClick={() => {\n                      if (inputRef.current) {\n                        inputRef.current.click()\n                      }\n                    }}\n                    size=\"small\"\n                  >\n                    {t('upload:selectFile')}\n                  </Button>\n                  <input\n                    accept={acceptMimeTypes}\n                    aria-hidden=\"true\"\n                    className={`${baseClass}__hidden-input`}\n                    hidden\n                    onChange={(e) => {\n                      if (e.target.files && e.target.files.length > 0) {\n                        handleFileSelection(e.target.files)\n                      }\n                    }}\n                    ref={inputRef}\n                    type=\"file\"\n                  />\n                  <span className={`${baseClass}__orText`}>{t('general:or')}</span>\n                  <Button\n                    buttonStyle=\"pill\"\n                    onClick={() => {\n                      setShowUrlInput(true)\n                    }}\n                    size=\"small\"\n                  >\n                    {t('upload:pasteURL')}\n                  </Button>\n                </div>\n\n                <p className={`${baseClass}__dragAndDropText`}>\n                  {t('general:or')} {t('upload:dragAndDrop')}\n                </p>\n              </div>\n            </Dropzone>\n          )}\n          {showUrlInput && (\n            <React.Fragment>\n              <div className={`${baseClass}__remote-file-wrap`}>\n                {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n                <input\n                  className={`${baseClass}__remote-file`}\n                  onChange={(e) => {\n                    setFileUrl(e.target.value)\n                  }}\n                  ref={urlInputRef}\n                  type=\"text\"\n                  value={fileUrl}\n                />\n                <div className={`${baseClass}__add-file-wrap`}>\n                  <button\n                    className={`${baseClass}__add-file`}\n                    onClick={() => {\n                      void handleUrlSubmit()\n                    }}\n                    type=\"button\"\n                  >\n                    {t('upload:addFile')}\n                  </button>\n                </div>\n              </div>\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__remove`}\n                icon=\"x\"\n                iconStyle=\"with-border\"\n                onClick={() => {\n                  setShowUrlInput(false)\n                }}\n                round\n                tooltip={t('general:cancel')}\n              />\n            </React.Fragment>\n          )}\n          {value && fileSrc && (\n            <React.Fragment>\n              <div className={`${baseClass}__thumbnail-wrap`}>\n                <Thumbnail\n                  collectionSlug={collectionSlug}\n                  fileSrc={isImage(value.type) ? fileSrc : null}\n                />\n              </div>\n              <div className={`${baseClass}__file-adjustments`}>\n                {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n                <input\n                  className={`${baseClass}__filename`}\n                  onChange={handleFileNameChange}\n                  type=\"text\"\n                  value={filename || value.name}\n                />\n                <UploadActions\n                  customActions={customActions}\n                  enableAdjustments={showCrop || showFocalPoint}\n                  enablePreviewSizes={hasImageSizes && savedDocumentData?.filename && !removedFile}\n                  mimeType={value.type}\n                />\n              </div>\n              <Button\n                buttonStyle=\"icon-label\"\n                className={`${baseClass}__remove`}\n                icon=\"x\"\n                iconStyle=\"with-border\"\n                onClick={handleFileRemoval}\n                round\n                tooltip={t('general:cancel')}\n              />\n            </React.Fragment>\n          )}\n        </div>\n      )}\n      {(value || savedDocumentData?.filename) && (\n        <EditDepthProvider>\n          <Drawer Header={null} slug={editDrawerSlug}>\n            <EditUpload\n              fileName={value?.name || savedDocumentData?.filename}\n              fileSrc={savedDocumentData?.url || fileSrc}\n              imageCacheTag={savedDocumentData?.updatedAt}\n              initialCrop={uploadEdits?.crop ?? undefined}\n              initialFocalPoint={{\n                x: uploadEdits?.focalPoint?.x || savedDocumentData?.focalX || 50,\n                y: uploadEdits?.focalPoint?.y || savedDocumentData?.focalY || 50,\n              }}\n              onSave={onEditsSave}\n              showCrop={showCrop}\n              showFocalPoint={showFocalPoint}\n            />\n          </Drawer>\n        </EditDepthProvider>\n      )}\n      {savedDocumentData && hasImageSizes && (\n        <Drawer\n          className={`${baseClass}__previewDrawer`}\n          hoverTitle\n          slug={sizePreviewSlug}\n          title={t('upload:sizesFor', { label: savedDocumentData.filename })}\n        >\n          <PreviewSizes\n            doc={savedDocumentData}\n            imageCacheTag={savedDocumentData.updatedAt}\n            uploadConfig={uploadConfig}\n          />\n        </Drawer>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Number/index.js

@@ -25,7 +25,7 @@ export const NumberField = t0 => {
     t1 = $[1];
   }
   let t2;
-  if ($[2] !== t || $[3] !== disabled || $[4] !== t1 || $[5] !== value) {
+  if ($[2] !== disabled || $[3] !== t || $[4] !== t1 || $[5] !== value) {
     t2 = _jsx("input", {
       className: baseClass,
       disabled,
@@ -34,8 +34,8 @@ export const NumberField = t0 => {
       type: "number",
       value
     });
-    $[2] = t;
-    $[3] = disabled;
+    $[2] = disabled;
+    $[3] = t;
     $[4] = t1;
     $[5] = value;
     $[6] = t2;

package/dist/elements/WhereBuilder/Condition/Number/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","baseClass","NumberField","t0","$","disabled","onChange","value","t","t1","e","target","t2","_jsx","className","placeholder","type"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Number/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'condition-value-number'\n\nexport const NumberField: React.FC<Props> = ({ disabled, onChange, value }) => {\n  const { t } = useTranslation()\n\n  return (\n    <input\n      className={baseClass}\n      disabled={disabled}\n      onChange={(e) => onChange(e.target.value)}\n      placeholder={t('general:enterAValue')}\n      type=\"number\"\n      value={value}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAIlB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAA+BC,EAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAAC;IAAAO,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAJ,EAA6B;EACxE;IAAAK;EAAA,IAAcR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAE,QAAA;IAMAG,EAAA,GAAAC,CAAA,IAAOJ,QAAA,CAASI,CAAA,CAAAC,MAAA,CAAAJ,KAAc;IAAAH,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAR,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAK,EAAA,IAAAL,CAAA,QAAAG,KAAA;IAH1CK,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAAb,SAAA;MAAAI,QAAA;MAAAC,QAAA,EAGWG,EAA8B;MAAAM,WAAA,EAC3BP,CAAA,CAAE;MAAAQ,IAAA,EACV;MAAAT;IAAA,C;;;;;;;;;SALPK,E;CASJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","baseClass","NumberField","t0","$","disabled","onChange","value","t","t1","e","target","t2","_jsx","className","placeholder","type"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Number/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'condition-value-number'\n\nexport const NumberField: React.FC<Props> = ({ disabled, onChange, value }) => {\n  const { t } = useTranslation()\n\n  return (\n    <input\n      className={baseClass}\n      disabled={disabled}\n      onChange={(e) => onChange(e.target.value)}\n      placeholder={t('general:enterAValue')}\n      type=\"number\"\n      value={value}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAIlB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAA+BC,EAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAAC;IAAAO,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAJ,EAA6B;EACxE;IAAAK;EAAA,IAAcR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAE,QAAA;IAMAG,EAAA,GAAAC,CAAA,IAAOJ,QAAA,CAASI,CAAA,CAAAC,MAAA,CAAAJ,KAAc;IAAAH,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAR,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAK,EAAA,IAAAL,CAAA,QAAAG,KAAA;IAH1CK,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAAb,SAAA;MAAAI,QAAA;MAAAC,QAAA,EAGWG,EAA8B;MAAAM,WAAA,EAC3BP,CAAA,CAAE;MAAAQ,IAAA,EACV;MAAAT;IAAA,C;;;;;;;;;SALPK,E;CASJ","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Select/index.js

@@ -47,7 +47,7 @@ export const Select = t0 => {
   let valueToRender;
   if (isMulti && Array.isArray(value)) {
     let t3;
-    if ($[3] !== options || $[4] !== i18n) {
+    if ($[3] !== i18n || $[4] !== options) {
       t3 = val => {
         const matchingOption = options.find(option => option.value === val);
         return {
@@ -55,8 +55,8 @@ export const Select = t0 => {
           value: matchingOption?.value ?? val
         };
       };
-      $[3] = options;
-      $[4] = i18n;
+      $[3] = i18n;
+      $[4] = options;
       $[5] = t3;
     } else {
       t3 = $[5];
@@ -66,7 +66,7 @@ export const Select = t0 => {
     if (value) {
       let matchingOption_0;
       let t3;
-      if ($[6] !== value || $[7] !== options || $[8] !== i18n) {
+      if ($[6] !== i18n || $[7] !== options || $[8] !== value) {
         let t4;
         if ($[11] !== value) {
           t4 = option_0 => option_0.value === value;
@@ -77,9 +77,9 @@ export const Select = t0 => {
         }
         matchingOption_0 = options.find(t4);
         t3 = matchingOption_0 ? getTranslation(matchingOption_0.label, i18n) : value;
-        $[6] = value;
+        $[6] = i18n;
         $[7] = options;
-        $[8] = i18n;
+        $[8] = value;
         $[9] = matchingOption_0;
         $[10] = t3;
       } else {
@@ -101,7 +101,7 @@ export const Select = t0 => {
       } else {
         if (isMulti) {
           if (Array.isArray(selectedOption)) {
-            newValue = selectedOption.map(option_1 => option_1.value);
+            newValue = selectedOption.map(_temp);
           } else {
             newValue = [];
           }
@@ -135,7 +135,7 @@ export const Select = t0 => {
   React.useEffect(t4, t5);
   let t6;
   let t7;
-  if ($[19] !== isMulti || $[20] !== value || $[21] !== onChange) {
+  if ($[19] !== isMulti || $[20] !== onChange || $[21] !== value) {
     t6 = () => {
       if (!isMulti && Array.isArray(value)) {
         onChange(value[0]);
@@ -143,8 +143,8 @@ export const Select = t0 => {
     };
     t7 = [isMulti, onChange, value];
     $[19] = isMulti;
-    $[20] = value;
-    $[21] = onChange;
+    $[20] = onChange;
+    $[21] = value;
     $[22] = t6;
     $[23] = t7;
   } else {
@@ -171,4 +171,7 @@ export const Select = t0 => {
     value: valueToRender
   });
 };
+function _temp(option_1) {
+  return option_1.value;
+}
 //# sourceMappingURL=index.js.map

package/dist/elements/WhereBuilder/Condition/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ReactSelect","formatOptions","options","map","option","value","label","Select","t0","$","disabled","onChange","operator","optionsFromProps","i18n","t1","setOptions","useState","t2","Symbol","for","isMulti","includes","valueToRender","Array","isArray","t3","val","matchingOption","find","matchingOption_0","t4","option_0","selectedOption","newValue","option_1","onSelect","t5","useEffect","t6","t7","t8","option_2","_jsx"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Select/index.tsx"],"sourcesContent":["'use client'\nimport type { Option, OptionObject } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\n\nconst formatOptions = (options: Option[]): OptionObject[] =>\n  options.map((option) => {\n    if (typeof option === 'object' && (option.value || option.value === '')) {\n      return option\n    }\n\n    return {\n      label: option,\n      value: option,\n    } as OptionObject\n  })\n\nexport const Select: React.FC<Props> = ({\n  disabled,\n  onChange,\n  operator,\n  options: optionsFromProps,\n  value,\n}) => {\n  const { i18n } = useTranslation()\n  const [options, setOptions] = React.useState(formatOptions(optionsFromProps))\n\n  const isMulti = ['in', 'not_in'].includes(operator)\n  let valueToRender\n\n  if (isMulti && Array.isArray(value)) {\n    valueToRender = value.map((val) => {\n      const matchingOption = options.find((option) => option.value === val)\n      return {\n        label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n        value: matchingOption?.value ?? val,\n      }\n    })\n  } else if (value) {\n    const matchingOption = options.find((option) => option.value === value)\n    valueToRender = {\n      label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n      value: matchingOption?.value ?? value,\n    }\n  }\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n      if (!selectedOption) {\n        newValue = null\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value)\n        } else {\n          newValue = []\n        }\n      } else {\n        newValue = selectedOption.value\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    setOptions(formatOptions(optionsFromProps))\n  }, [optionsFromProps])\n\n  React.useEffect(() => {\n    if (!isMulti && Array.isArray(value)) {\n      onChange(value[0])\n    }\n  }, [isMulti, onChange, value])\n\n  return (\n    <ReactSelect\n      disabled={disabled}\n      isMulti={isMulti}\n      onChange={onSelect}\n      options={options.map((option) => ({ ...option, label: getTranslation(option.label, i18n) }))}\n      value={valueToRender}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ReactSelect","formatOptions","options","map","option","value","label","Select","t0","$","disabled","onChange","operator","optionsFromProps","i18n","t1","setOptions","useState","t2","Symbol","for","isMulti","includes","valueToRender","Array","isArray","t3","val","matchingOption","find","matchingOption_0","t4","option_0","selectedOption","newValue","_temp","onSelect","t5","useEffect","t6","t7","t8","option_2","_jsx","option_1"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Select/index.tsx"],"sourcesContent":["'use client'\nimport type { Option, OptionObject } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\n\nconst formatOptions = (options: Option[]): OptionObject[] =>\n  options.map((option) => {\n    if (typeof option === 'object' && (option.value || option.value === '')) {\n      return option\n    }\n\n    return {\n      label: option,\n      value: option,\n    } as OptionObject\n  })\n\nexport const Select: React.FC<Props> = ({\n  disabled,\n  onChange,\n  operator,\n  options: optionsFromProps,\n  value,\n}) => {\n  const { i18n } = useTranslation()\n  const [options, setOptions] = React.useState(formatOptions(optionsFromProps))\n\n  const isMulti = ['in', 'not_in'].includes(operator)\n  let valueToRender\n\n  if (isMulti && Array.isArray(value)) {\n    valueToRender = value.map((val) => {\n      const matchingOption = options.find((option) => option.value === val)\n      return {\n        label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n        value: matchingOption?.value ?? val,\n      }\n    })\n  } else if (value) {\n    const matchingOption = options.find((option) => option.value === value)\n    valueToRender = {\n      label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n      value: matchingOption?.value ?? value,\n    }\n  }\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n      if (!selectedOption) {\n        newValue = null\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value)\n        } else {\n          newValue = []\n        }\n      } else {\n        newValue = selectedOption.value\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    setOptions(formatOptions(optionsFromProps))\n  }, [optionsFromProps])\n\n  React.useEffect(() => {\n    if (!isMulti && Array.isArray(value)) {\n      onChange(value[0])\n    }\n  }, [isMulti, onChange, value])\n\n  return (\n    <ReactSelect\n      disabled={disabled}\n      isMulti={isMulti}\n      onChange={onSelect}\n      options={options.map((option) => ({ ...option, label: getTranslation(option.label, i18n) }))}\n      value={valueToRender}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Text/index.js

@@ -25,7 +25,7 @@ export const Text = t0 => {
     t1 = $[1];
   }
   let t2;
-  if ($[2] !== t || $[3] !== value || $[4] !== disabled || $[5] !== t1) {
+  if ($[2] !== disabled || $[3] !== t || $[4] !== t1 || $[5] !== value) {
     t2 = _jsx("input", {
       className: baseClass,
       disabled,
@@ -34,10 +34,10 @@ export const Text = t0 => {
       type: "text",
       value: value || ""
     });
-    $[2] = t;
-    $[3] = value;
-    $[4] = disabled;
-    $[5] = t1;
+    $[2] = disabled;
+    $[3] = t;
+    $[4] = t1;
+    $[5] = value;
     $[6] = t2;
   } else {
     t2 = $[6];

package/dist/elements/WhereBuilder/Condition/Text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","baseClass","Text","t0","$","disabled","onChange","value","t","t1","e","target","t2","_jsx","className","placeholder","type"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Text/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'condition-value-text'\n\nexport const Text: React.FC<Props> = ({ disabled, onChange, value }) => {\n  const { t } = useTranslation()\n\n  return (\n    <input\n      className={baseClass}\n      disabled={disabled}\n      onChange={(e) => onChange(e.target.value)}\n      placeholder={t('general:enterAValue')}\n      type=\"text\"\n      value={value || ''}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAIlB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,IAAA,GAAwBC,EAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAAC;IAAAO,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAJ,EAA6B;EACjE;IAAAK;EAAA,IAAcR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAE,QAAA;IAMAG,EAAA,GAAAC,CAAA,IAAOJ,QAAA,CAASI,CAAA,CAAAC,MAAA,CAAAJ,KAAc;IAAAH,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAR,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAK,EAAA;IAH1CG,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAAb,SAAA;MAAAI,QAAA;MAAAC,QAAA,EAGWG,EAA8B;MAAAM,WAAA,EAC3BP,CAAA,CAAE;MAAAQ,IAAA,EACV;MAAAT,KAAA,EACEA,KAAA,IAAS;IAAA,C;;;;;;;;;SANlBK,E;CASJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","baseClass","Text","t0","$","disabled","onChange","value","t","t1","e","target","t2","_jsx","className","placeholder","type"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Text/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'condition-value-text'\n\nexport const Text: React.FC<Props> = ({ disabled, onChange, value }) => {\n  const { t } = useTranslation()\n\n  return (\n    <input\n      className={baseClass}\n      disabled={disabled}\n      onChange={(e) => onChange(e.target.value)}\n      placeholder={t('general:enterAValue')}\n      type=\"text\"\n      value={value || ''}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAIlB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,IAAA,GAAwBC,EAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAAC;IAAAO,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAJ,EAA6B;EACjE;IAAAK;EAAA,IAAcR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAE,QAAA;IAMAG,EAAA,GAAAC,CAAA,IAAOJ,QAAA,CAASI,CAAA,CAAAC,MAAA,CAAAJ,KAAc;IAAAH,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAR,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAK,EAAA,IAAAL,CAAA,QAAAG,KAAA;IAH1CK,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAAb,SAAA;MAAAI,QAAA;MAAAC,QAAA,EAGWG,EAA8B;MAAAM,WAAA,EAC3BP,CAAA,CAAE;MAAAQ,IAAA,EACV;MAAAT,KAAA,EACEA,KAAA,IAAS;IAAA,C;;;;;;;;;SANlBK,E;CASJ","ignoreList":[]}