@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

package/dist/elements/RestoreButton/index.js

@@ -1,10 +1,11 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter } from 'next/navigation.js';
 import { formatAdminURL } from 'payload/shared';
 import * as qs from 'qs-esm';
-import { Fragment, useCallback, useState } from 'react';
+import React, { Fragment, useCallback, useState } from 'react';
 import { toast } from 'sonner';
 import { CheckboxInput } from '../../fields/Checkbox/Input.js';
 import { useConfig } from '../../providers/Config/index.js';
@@ -118,24 +119,84 @@ export const RestoreButton = (props)=>{
         restoreAsPublished
     ]);
     if (id) {
-        return <Fragment>
-        <Button buttonStyle="primary" id={buttonId} key={buttonId} onClick={()=>{
-            openModal(modalSlug);
-        }}>
-          {t('general:restore')}
-        </Button>
-        <ConfirmationModal body={<Fragment>
-              <Translation elements={{
-            '1': ({ children })=><strong>{children}</strong>
-        }} i18nKey={collectionConfig?.versions?.drafts ? 'general:aboutToRestoreAsDraft' : 'general:aboutToRestore'} t={t} variables={{
-            label: getTranslation(singularLabel, i18n),
-            title: titleFromProps || title || id
-        }}/>
-              {collectionConfig?.versions?.drafts && <div className={`${baseClass}__checkbox`}>
-                  <CheckboxInput checked={restoreAsPublished} id="restore-as-published" label={t('general:restoreAsPublished')} name="restore-as-published" onToggle={(e)=>setRestoreAsPublished(e.target.checked)}/>
-                </div>}
-            </Fragment>} className={baseClass} confirmingLabel={t('general:restoring')} heading={t('general:confirmRestoration')} modalSlug={modalSlug} onConfirm={handleRestore}/>
-      </Fragment>;
+        return /*#__PURE__*/ _jsxDEV(Fragment, {
+            children: [
+                /*#__PURE__*/ _jsxDEV(Button, {
+                    buttonStyle: "primary",
+                    id: buttonId,
+                    onClick: ()=>{
+                        openModal(modalSlug);
+                    },
+                    children: t('general:restore')
+                }, buttonId, false, {
+                    fileName: "src/elements/RestoreButton/index.tsx",
+                    lineNumber: 156,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
+                    body: /*#__PURE__*/ _jsxDEV(Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsxDEV(Translation, {
+                                elements: {
+                                    '1': ({ children })=>/*#__PURE__*/ _jsxDEV("strong", {
+                                            children: children
+                                        }, void 0, false, {
+                                            fileName: "src/elements/RestoreButton/index.tsx",
+                                            lineNumber: 171,
+                                            columnNumber: 42
+                                        }, void 0)
+                                },
+                                i18nKey: collectionConfig?.versions?.drafts ? 'general:aboutToRestoreAsDraft' : 'general:aboutToRestore',
+                                t: t,
+                                variables: {
+                                    label: getTranslation(singularLabel, i18n),
+                                    title: titleFromProps || title || id
+                                }
+                            }, void 0, false, {
+                                fileName: "src/elements/RestoreButton/index.tsx",
+                                lineNumber: 169,
+                                columnNumber: 15
+                            }, void 0),
+                            collectionConfig?.versions?.drafts && /*#__PURE__*/ _jsxDEV("div", {
+                                className: `${baseClass}__checkbox`,
+                                children: /*#__PURE__*/ _jsxDEV(CheckboxInput, {
+                                    checked: restoreAsPublished,
+                                    id: "restore-as-published",
+                                    label: t('general:restoreAsPublished'),
+                                    name: "restore-as-published",
+                                    onToggle: (e)=>setRestoreAsPublished(e.target.checked)
+                                }, void 0, false, {
+                                    fileName: "src/elements/RestoreButton/index.tsx",
+                                    lineNumber: 186,
+                                    columnNumber: 19
+                                }, void 0)
+                            }, void 0, false, {
+                                fileName: "src/elements/RestoreButton/index.tsx",
+                                lineNumber: 185,
+                                columnNumber: 17
+                            }, void 0)
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/elements/RestoreButton/index.tsx",
+                        lineNumber: 168,
+                        columnNumber: 13
+                    }, void 0),
+                    className: baseClass,
+                    confirmingLabel: t('general:restoring'),
+                    heading: t('general:confirmRestoration'),
+                    modalSlug: modalSlug,
+                    onConfirm: handleRestore
+                }, void 0, false, {
+                    fileName: "src/elements/RestoreButton/index.tsx",
+                    lineNumber: 166,
+                    columnNumber: 9
+                }, this)
+            ]
+        }, void 0, true, {
+            fileName: "src/elements/RestoreButton/index.tsx",
+            lineNumber: 155,
+            columnNumber: 7
+        }, this);
     }
     return null;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/RestoreButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { Fragment, useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentTitle } from '../../providers/DocumentTitle/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { Translation } from '../Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'restore-button'\n\nexport type Props = {\n  readonly buttonId?: string\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly id?: string\n  readonly onRestore?: DocumentDrawerContextType['onRestore']\n  readonly redirectAfterRestore?: boolean\n  readonly singularLabel: SanitizedCollectionConfig['labels']['singular']\n  readonly title?: string\n}\n\nexport const RestoreButton: React.FC<Props> = (props) => {\n  const {\n    id,\n    buttonId,\n    collectionSlug,\n    onRestore,\n    redirectAfterRestore = true,\n    singularLabel,\n    title: titleFromProps,\n  } = props\n\n  const {\n    config: {\n      routes: { admin: adminRoute, api },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const { title } = useDocumentTitle()\n  const { startRouteTransition } = useRouteTransition()\n  const { openModal } = useModal()\n\n  const modalSlug = `restore-${id}`\n\n  const [restoreAsPublished, setRestoreAsPublished] = useState(false)\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:restoringTitle', { title }))\n  }, [t, title])\n\n  const handleRestore = useCallback(async () => {\n    try {\n      const url = `${serverURL}${api}/${collectionSlug}?${qs.stringify({\n        trash: true,\n        where: {\n          and: [{ id: { equals: id } }, { deletedAt: { exists: true } }],\n        },\n      })}`\n\n      const body: Record<string, unknown> = {\n        deletedAt: null,\n      }\n\n      // Only include _status if drafts are enabled\n      if (collectionConfig?.versions?.drafts) {\n        body._status = restoreAsPublished ? 'published' : 'draft'\n      }\n\n      const res = await requests.patch(url, {\n        body: JSON.stringify(body),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n\n      const json = await res.json()\n\n      if (res.status < 400) {\n        toast.success(\n          t('general:titleRestored', {\n            label: getTranslation(singularLabel, i18n),\n            title,\n          }) || json.message,\n        )\n\n        if (redirectAfterRestore) {\n          return startRouteTransition(() =>\n            router.push(\n              formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}/${id}`,\n              }),\n            ),\n          )\n        }\n\n        if (typeof onRestore === 'function') {\n          await onRestore({ id, collectionConfig })\n        }\n\n        return\n      }\n\n      if (json.errors) {\n        json.errors.forEach((error) => toast.error(error.message))\n      } else {\n        addDefaultError()\n      }\n    } catch (_err) {\n      addDefaultError()\n    }\n  }, [\n    serverURL,\n    api,\n    collectionSlug,\n    id,\n    t,\n    singularLabel,\n    addDefaultError,\n    i18n,\n    title,\n    router,\n    adminRoute,\n    redirectAfterRestore,\n    onRestore,\n    collectionConfig,\n    startRouteTransition,\n    restoreAsPublished,\n  ])\n\n  if (id) {\n    return (\n      <Fragment>\n        <Button\n          buttonStyle=\"primary\"\n          id={buttonId}\n          key={buttonId}\n          onClick={() => {\n            openModal(modalSlug)\n          }}\n        >\n          {t('general:restore')}\n        </Button>\n        <ConfirmationModal\n          body={\n            <Fragment>\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey={\n                  collectionConfig?.versions?.drafts\n                    ? 'general:aboutToRestoreAsDraft'\n                    : 'general:aboutToRestore'\n                }\n                t={t}\n                variables={{\n                  label: getTranslation(singularLabel, i18n),\n                  title: titleFromProps || title || id,\n                }}\n              />\n              {collectionConfig?.versions?.drafts && (\n                <div className={`${baseClass}__checkbox`}>\n                  <CheckboxInput\n                    checked={restoreAsPublished}\n                    id=\"restore-as-published\"\n                    label={t('general:restoreAsPublished')}\n                    name=\"restore-as-published\"\n                    onToggle={(e) => setRestoreAsPublished(e.target.checked)}\n                  />\n                </div>\n              )}\n            </Fragment>\n          }\n          className={baseClass}\n          confirmingLabel={t('general:restoring')}\n          heading={t('general:confirmRestoration')}\n          modalSlug={modalSlug}\n          onConfirm={handleRestore}\n        />\n      </Fragment>\n    )\n  }\n\n  return null\n}\n"],"names":["useModal","getTranslation","useRouter","formatAdminURL","qs","Fragment","useCallback","useState","toast","CheckboxInput","useConfig","useDocumentTitle","useRouteTransition","useTranslation","requests","Button","ConfirmationModal","Translation","baseClass","RestoreButton","props","id","buttonId","collectionSlug","onRestore","redirectAfterRestore","singularLabel","title","titleFromProps","config","routes","admin","adminRoute","api","serverURL","getEntityConfig","collectionConfig","router","i18n","t","startRouteTransition","openModal","modalSlug","restoreAsPublished","setRestoreAsPublished","addDefaultError","error","handleRestore","url","stringify","trash","where","and","equals","deletedAt","exists","body","versions","drafts","_status","res","patch","JSON","headers","language","json","status","success","label","message","push","path","errors","forEach","_err","buttonStyle","key","onClick","elements","children","strong","i18nKey","variables","div","className","checked","name","onToggle","e","target","confirmingLabel","heading","onConfirm"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/RestoreButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { Fragment, useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentTitle } from '../../providers/DocumentTitle/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { Translation } from '../Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'restore-button'\n\nexport type Props = {\n  readonly buttonId?: string\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly id?: string\n  readonly onRestore?: DocumentDrawerContextType['onRestore']\n  readonly redirectAfterRestore?: boolean\n  readonly singularLabel: SanitizedCollectionConfig['labels']['singular']\n  readonly title?: string\n}\n\nexport const RestoreButton: React.FC<Props> = (props) => {\n  const {\n    id,\n    buttonId,\n    collectionSlug,\n    onRestore,\n    redirectAfterRestore = true,\n    singularLabel,\n    title: titleFromProps,\n  } = props\n\n  const {\n    config: {\n      routes: { admin: adminRoute, api },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const { title } = useDocumentTitle()\n  const { startRouteTransition } = useRouteTransition()\n  const { openModal } = useModal()\n\n  const modalSlug = `restore-${id}`\n\n  const [restoreAsPublished, setRestoreAsPublished] = useState(false)\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:restoringTitle', { title }))\n  }, [t, title])\n\n  const handleRestore = useCallback(async () => {\n    try {\n      const url = `${serverURL}${api}/${collectionSlug}?${qs.stringify({\n        trash: true,\n        where: {\n          and: [{ id: { equals: id } }, { deletedAt: { exists: true } }],\n        },\n      })}`\n\n      const body: Record<string, unknown> = {\n        deletedAt: null,\n      }\n\n      // Only include _status if drafts are enabled\n      if (collectionConfig?.versions?.drafts) {\n        body._status = restoreAsPublished ? 'published' : 'draft'\n      }\n\n      const res = await requests.patch(url, {\n        body: JSON.stringify(body),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n\n      const json = await res.json()\n\n      if (res.status < 400) {\n        toast.success(\n          t('general:titleRestored', {\n            label: getTranslation(singularLabel, i18n),\n            title,\n          }) || json.message,\n        )\n\n        if (redirectAfterRestore) {\n          return startRouteTransition(() =>\n            router.push(\n              formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}/${id}`,\n              }),\n            ),\n          )\n        }\n\n        if (typeof onRestore === 'function') {\n          await onRestore({ id, collectionConfig })\n        }\n\n        return\n      }\n\n      if (json.errors) {\n        json.errors.forEach((error) => toast.error(error.message))\n      } else {\n        addDefaultError()\n      }\n    } catch (_err) {\n      addDefaultError()\n    }\n  }, [\n    serverURL,\n    api,\n    collectionSlug,\n    id,\n    t,\n    singularLabel,\n    addDefaultError,\n    i18n,\n    title,\n    router,\n    adminRoute,\n    redirectAfterRestore,\n    onRestore,\n    collectionConfig,\n    startRouteTransition,\n    restoreAsPublished,\n  ])\n\n  if (id) {\n    return (\n      <Fragment>\n        <Button\n          buttonStyle=\"primary\"\n          id={buttonId}\n          key={buttonId}\n          onClick={() => {\n            openModal(modalSlug)\n          }}\n        >\n          {t('general:restore')}\n        </Button>\n        <ConfirmationModal\n          body={\n            <Fragment>\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey={\n                  collectionConfig?.versions?.drafts\n                    ? 'general:aboutToRestoreAsDraft'\n                    : 'general:aboutToRestore'\n                }\n                t={t}\n                variables={{\n                  label: getTranslation(singularLabel, i18n),\n                  title: titleFromProps || title || id,\n                }}\n              />\n              {collectionConfig?.versions?.drafts && (\n                <div className={`${baseClass}__checkbox`}>\n                  <CheckboxInput\n                    checked={restoreAsPublished}\n                    id=\"restore-as-published\"\n                    label={t('general:restoreAsPublished')}\n                    name=\"restore-as-published\"\n                    onToggle={(e) => setRestoreAsPublished(e.target.checked)}\n                  />\n                </div>\n              )}\n            </Fragment>\n          }\n          className={baseClass}\n          confirmingLabel={t('general:restoring')}\n          heading={t('general:confirmRestoration')}\n          modalSlug={modalSlug}\n          onConfirm={handleRestore}\n        />\n      </Fragment>\n    )\n  }\n\n  return null\n}\n"],"names":["useModal","getTranslation","useRouter","formatAdminURL","qs","React","Fragment","useCallback","useState","toast","CheckboxInput","useConfig","useDocumentTitle","useRouteTransition","useTranslation","requests","Button","ConfirmationModal","Translation","baseClass","RestoreButton","props","id","buttonId","collectionSlug","onRestore","redirectAfterRestore","singularLabel","title","titleFromProps","config","routes","admin","adminRoute","api","serverURL","getEntityConfig","collectionConfig","router","i18n","t","startRouteTransition","openModal","modalSlug","restoreAsPublished","setRestoreAsPublished","addDefaultError","error","handleRestore","url","stringify","trash","where","and","equals","deletedAt","exists","body","versions","drafts","_status","res","patch","JSON","headers","language","json","status","success","label","message","push","path","errors","forEach","_err","buttonStyle","onClick","elements","children","strong","i18nKey","variables","div","className","checked","name","onToggle","e","target","confirmingLabel","heading","onConfirm"],"mappings":"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"}

package/dist/elements/RestoreMany/index.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter, useSearchParams } from 'next/navigation.js';
@@ -134,22 +135,67 @@ export const RestoreMany = (props)=>{
     };
     const collectionConfig = collections.find(({ slug: s })=>s === slug);
     const labelString = getTranslation(count === 1 ? collectionConfig.labels.singular : collectionConfig.labels.plural, i18n);
-    return <React.Fragment>
-      <ListSelectionButton aria-label={t('general:restore')} className="restore-documents__toggle" onClick={()=>{
-        openModal(confirmManyRestoreDrawerSlug);
-    }}>
-        {t('general:restore')}
-      </ListSelectionButton>
-      <ConfirmationModal body={<React.Fragment>
-            {t(collectionConfig?.versions?.drafts ? 'general:aboutToRestoreAsDraftCount' : 'general:aboutToRestoreCount', {
-        count,
-        label: labelString
-    })}
-            {collectionConfig?.versions?.drafts && <div className={`${baseClass}__checkbox`}>
-                <CheckboxInput checked={restoreAsPublished} id="restore-as-published-many" label={t('general:restoreAsPublished')} name="restore-as-published-many" onToggle={(e)=>setRestoreAsPublished(e.target.checked)}/>
-              </div>}
-          </React.Fragment>} className={baseClass} confirmingLabel={t('general:restoring')} heading={t('general:confirmRestoration')} modalSlug={confirmManyRestoreDrawerSlug} onConfirm={handleRestore}/>
-    </React.Fragment>;
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxDEV(ListSelectionButton, {
+                "aria-label": t('general:restore'),
+                className: "restore-documents__toggle",
+                onClick: ()=>{
+                    openModal(confirmManyRestoreDrawerSlug);
+                },
+                children: t('general:restore')
+            }, void 0, false, {
+                fileName: "src/elements/RestoreMany/index.tsx",
+                lineNumber: 168,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
+                body: /*#__PURE__*/ _jsxDEV(React.Fragment, {
+                    children: [
+                        t(collectionConfig?.versions?.drafts ? 'general:aboutToRestoreAsDraftCount' : 'general:aboutToRestoreCount', {
+                            count,
+                            label: labelString
+                        }),
+                        collectionConfig?.versions?.drafts && /*#__PURE__*/ _jsxDEV("div", {
+                            className: `${baseClass}__checkbox`,
+                            children: /*#__PURE__*/ _jsxDEV(CheckboxInput, {
+                                checked: restoreAsPublished,
+                                id: "restore-as-published-many",
+                                label: t('general:restoreAsPublished'),
+                                name: "restore-as-published-many",
+                                onToggle: (e)=>setRestoreAsPublished(e.target.checked)
+                            }, void 0, false, {
+                                fileName: "src/elements/RestoreMany/index.tsx",
+                                lineNumber: 191,
+                                columnNumber: 17
+                            }, void 0)
+                        }, void 0, false, {
+                            fileName: "src/elements/RestoreMany/index.tsx",
+                            lineNumber: 190,
+                            columnNumber: 15
+                        }, void 0)
+                    ]
+                }, void 0, true, {
+                    fileName: "src/elements/RestoreMany/index.tsx",
+                    lineNumber: 179,
+                    columnNumber: 11
+                }, void 0),
+                className: baseClass,
+                confirmingLabel: t('general:restoring'),
+                heading: t('general:confirmRestoration'),
+                modalSlug: confirmManyRestoreDrawerSlug,
+                onConfirm: handleRestore
+            }, void 0, false, {
+                fileName: "src/elements/RestoreMany/index.tsx",
+                lineNumber: 177,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/RestoreMany/index.tsx",
+        lineNumber: 167,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/RestoreMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ViewTypes, Where } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport { mergeListSearchAndWhere } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/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 { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { ListSelectionButton } from '../ListSelection/index.js'\nimport './index.scss'\n\nconst confirmManyRestoreDrawerSlug = `confirm-restore-many-docs`\n\nconst baseClass = 'restore-many'\n\nexport type Props = {\n  collection: ClientCollectionConfig\n  viewType?: ViewTypes\n}\n\nexport const RestoreMany: React.FC<Props> = (props) => {\n  const { collection: { slug } = {}, viewType } = props\n\n  const { permissions } = useAuth()\n  const {\n    config: { collections, routes, serverURL },\n  } = useConfig()\n  const { code: locale } = useLocale()\n  const router = useRouter()\n  const { clearRouteCache } = useRouteCache()\n  const searchParams = useSearchParams()\n  const { count, getSelectedIds, selectAll, toggleAll } = useSelection()\n  const { openModal } = useModal()\n\n  const { i18n, t } = useTranslation()\n\n  const [restoreAsPublished, setRestoreAsPublished] = React.useState(false)\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasUpdatePermission = collectionPermissions?.update\n\n  if (selectAll === SelectAllStatus.None || !hasUpdatePermission || viewType !== 'trash') {\n    return null\n  }\n\n  const selectingAll = selectAll === SelectAllStatus.AllAvailable\n  const selectedIDs = !selectingAll ? getSelectedIds() : []\n\n  const baseWhere = parseSearchParams(searchParams)?.where as Where\n\n  const finalWhere = {\n    and: [\n      ...(Array.isArray(baseWhere?.and) ? baseWhere.and : baseWhere ? [baseWhere] : []),\n      { deletedAt: { exists: true } },\n    ],\n  }\n\n  const handleRestore = async () => {\n    const collectionConfig = collections.find((c) => c.slug === slug)\n    if (!collectionConfig) {\n      return\n    }\n\n    let whereConstraint: Where\n\n    if (selectingAll) {\n      whereConstraint = finalWhere\n    } else {\n      whereConstraint = {\n        and: [{ id: { in: selectedIDs } }, { deletedAt: { exists: true } }],\n      }\n    }\n\n    const url = `${serverURL}${routes.api}/${slug}${qs.stringify(\n      {\n        limit: 0,\n        locale,\n        select: {},\n        trash: true, // Ensure trashed docs are returned\n        where: mergeListSearchAndWhere({\n          collectionConfig,\n          search: parseSearchParams(searchParams)?.search as string,\n          where: whereConstraint,\n        }),\n      },\n      { addQueryPrefix: true },\n    )}`\n\n    const body: Record<string, unknown> = {\n      deletedAt: null,\n    }\n\n    // Only include _status if drafts are enabled\n    if (collectionConfig?.versions?.drafts) {\n      body._status = restoreAsPublished ? 'published' : 'draft'\n    }\n\n    const restoreManyResponse = await requests.patch(url, {\n      body: JSON.stringify(body),\n      headers: {\n        'Accept-Language': i18n.language,\n        'Content-Type': 'application/json',\n      },\n    })\n\n    try {\n      const { plural, singular } = collectionConfig.labels\n      const json = await restoreManyResponse.json()\n\n      const restoredDocs = json?.docs?.length || 0\n      const successLabel = restoredDocs > 1 ? plural : singular\n\n      if (restoreManyResponse.status < 400 || restoredDocs > 0) {\n        toast.success(\n          t('general:restoredCountSuccessfully', {\n            count: restoredDocs,\n            label: getTranslation(successLabel, i18n),\n          }),\n        )\n      }\n\n      if (json?.errors?.length > 0) {\n        toast.error(json.message, {\n          description: json.errors.map((e) => e.message).join('\\n'),\n        })\n      }\n    } catch (err) {\n      toast.error(t('error:unknown'))\n    }\n\n    toggleAll()\n\n    router.replace(\n      qs.stringify(\n        {\n          ...parseSearchParams(searchParams),\n          page: selectingAll ? '1' : undefined,\n        },\n        { addQueryPrefix: true },\n      ),\n    )\n\n    clearRouteCache()\n  }\n\n  const collectionConfig = collections.find(({ slug: s }) => s === slug)\n\n  const labelString = getTranslation(\n    count === 1 ? collectionConfig.labels.singular : collectionConfig.labels.plural,\n    i18n,\n  )\n\n  return (\n    <React.Fragment>\n      <ListSelectionButton\n        aria-label={t('general:restore')}\n        className=\"restore-documents__toggle\"\n        onClick={() => {\n          openModal(confirmManyRestoreDrawerSlug)\n        }}\n      >\n        {t('general:restore')}\n      </ListSelectionButton>\n      <ConfirmationModal\n        body={\n          <React.Fragment>\n            {t(\n              collectionConfig?.versions?.drafts\n                ? 'general:aboutToRestoreAsDraftCount'\n                : 'general:aboutToRestoreCount',\n              {\n                count,\n                label: labelString,\n              },\n            )}\n            {collectionConfig?.versions?.drafts && (\n              <div className={`${baseClass}__checkbox`}>\n                <CheckboxInput\n                  checked={restoreAsPublished}\n                  id=\"restore-as-published-many\"\n                  label={t('general:restoreAsPublished')}\n                  name=\"restore-as-published-many\"\n                  onToggle={(e) => setRestoreAsPublished(e.target.checked)}\n                />\n              </div>\n            )}\n          </React.Fragment>\n        }\n        className={baseClass}\n        confirmingLabel={t('general:restoring')}\n        heading={t('general:confirmRestoration')}\n        modalSlug={confirmManyRestoreDrawerSlug}\n        onConfirm={handleRestore}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["useModal","getTranslation","useRouter","useSearchParams","mergeListSearchAndWhere","qs","React","toast","CheckboxInput","useAuth","useConfig","useLocale","useRouteCache","SelectAllStatus","useSelection","useTranslation","requests","parseSearchParams","ConfirmationModal","ListSelectionButton","confirmManyRestoreDrawerSlug","baseClass","RestoreMany","props","collection","slug","viewType","permissions","config","collections","routes","serverURL","code","locale","router","clearRouteCache","searchParams","count","getSelectedIds","selectAll","toggleAll","openModal","i18n","t","restoreAsPublished","setRestoreAsPublished","useState","collectionPermissions","hasUpdatePermission","update","None","selectingAll","AllAvailable","selectedIDs","baseWhere","where","finalWhere","and","Array","isArray","deletedAt","exists","handleRestore","collectionConfig","find","c","whereConstraint","id","in","url","api","stringify","limit","select","trash","search","addQueryPrefix","body","versions","drafts","_status","restoreManyResponse","patch","JSON","headers","language","plural","singular","labels","json","restoredDocs","docs","length","successLabel","status","success","label","errors","error","message","description","map","e","join","err","replace","page","undefined","s","labelString","Fragment","aria-label","className","onClick","div","checked","name","onToggle","target","confirmingLabel","heading","modalSlug","onConfirm"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/RestoreMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ViewTypes, Where } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport { mergeListSearchAndWhere } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/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 { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { ListSelectionButton } from '../ListSelection/index.js'\nimport './index.scss'\n\nconst confirmManyRestoreDrawerSlug = `confirm-restore-many-docs`\n\nconst baseClass = 'restore-many'\n\nexport type Props = {\n  collection: ClientCollectionConfig\n  viewType?: ViewTypes\n}\n\nexport const RestoreMany: React.FC<Props> = (props) => {\n  const { collection: { slug } = {}, viewType } = props\n\n  const { permissions } = useAuth()\n  const {\n    config: { collections, routes, serverURL },\n  } = useConfig()\n  const { code: locale } = useLocale()\n  const router = useRouter()\n  const { clearRouteCache } = useRouteCache()\n  const searchParams = useSearchParams()\n  const { count, getSelectedIds, selectAll, toggleAll } = useSelection()\n  const { openModal } = useModal()\n\n  const { i18n, t } = useTranslation()\n\n  const [restoreAsPublished, setRestoreAsPublished] = React.useState(false)\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasUpdatePermission = collectionPermissions?.update\n\n  if (selectAll === SelectAllStatus.None || !hasUpdatePermission || viewType !== 'trash') {\n    return null\n  }\n\n  const selectingAll = selectAll === SelectAllStatus.AllAvailable\n  const selectedIDs = !selectingAll ? getSelectedIds() : []\n\n  const baseWhere = parseSearchParams(searchParams)?.where as Where\n\n  const finalWhere = {\n    and: [\n      ...(Array.isArray(baseWhere?.and) ? baseWhere.and : baseWhere ? [baseWhere] : []),\n      { deletedAt: { exists: true } },\n    ],\n  }\n\n  const handleRestore = async () => {\n    const collectionConfig = collections.find((c) => c.slug === slug)\n    if (!collectionConfig) {\n      return\n    }\n\n    let whereConstraint: Where\n\n    if (selectingAll) {\n      whereConstraint = finalWhere\n    } else {\n      whereConstraint = {\n        and: [{ id: { in: selectedIDs } }, { deletedAt: { exists: true } }],\n      }\n    }\n\n    const url = `${serverURL}${routes.api}/${slug}${qs.stringify(\n      {\n        limit: 0,\n        locale,\n        select: {},\n        trash: true, // Ensure trashed docs are returned\n        where: mergeListSearchAndWhere({\n          collectionConfig,\n          search: parseSearchParams(searchParams)?.search as string,\n          where: whereConstraint,\n        }),\n      },\n      { addQueryPrefix: true },\n    )}`\n\n    const body: Record<string, unknown> = {\n      deletedAt: null,\n    }\n\n    // Only include _status if drafts are enabled\n    if (collectionConfig?.versions?.drafts) {\n      body._status = restoreAsPublished ? 'published' : 'draft'\n    }\n\n    const restoreManyResponse = await requests.patch(url, {\n      body: JSON.stringify(body),\n      headers: {\n        'Accept-Language': i18n.language,\n        'Content-Type': 'application/json',\n      },\n    })\n\n    try {\n      const { plural, singular } = collectionConfig.labels\n      const json = await restoreManyResponse.json()\n\n      const restoredDocs = json?.docs?.length || 0\n      const successLabel = restoredDocs > 1 ? plural : singular\n\n      if (restoreManyResponse.status < 400 || restoredDocs > 0) {\n        toast.success(\n          t('general:restoredCountSuccessfully', {\n            count: restoredDocs,\n            label: getTranslation(successLabel, i18n),\n          }),\n        )\n      }\n\n      if (json?.errors?.length > 0) {\n        toast.error(json.message, {\n          description: json.errors.map((e) => e.message).join('\\n'),\n        })\n      }\n    } catch (err) {\n      toast.error(t('error:unknown'))\n    }\n\n    toggleAll()\n\n    router.replace(\n      qs.stringify(\n        {\n          ...parseSearchParams(searchParams),\n          page: selectingAll ? '1' : undefined,\n        },\n        { addQueryPrefix: true },\n      ),\n    )\n\n    clearRouteCache()\n  }\n\n  const collectionConfig = collections.find(({ slug: s }) => s === slug)\n\n  const labelString = getTranslation(\n    count === 1 ? collectionConfig.labels.singular : collectionConfig.labels.plural,\n    i18n,\n  )\n\n  return (\n    <React.Fragment>\n      <ListSelectionButton\n        aria-label={t('general:restore')}\n        className=\"restore-documents__toggle\"\n        onClick={() => {\n          openModal(confirmManyRestoreDrawerSlug)\n        }}\n      >\n        {t('general:restore')}\n      </ListSelectionButton>\n      <ConfirmationModal\n        body={\n          <React.Fragment>\n            {t(\n              collectionConfig?.versions?.drafts\n                ? 'general:aboutToRestoreAsDraftCount'\n                : 'general:aboutToRestoreCount',\n              {\n                count,\n                label: labelString,\n              },\n            )}\n            {collectionConfig?.versions?.drafts && (\n              <div className={`${baseClass}__checkbox`}>\n                <CheckboxInput\n                  checked={restoreAsPublished}\n                  id=\"restore-as-published-many\"\n                  label={t('general:restoreAsPublished')}\n                  name=\"restore-as-published-many\"\n                  onToggle={(e) => setRestoreAsPublished(e.target.checked)}\n                />\n              </div>\n            )}\n          </React.Fragment>\n        }\n        className={baseClass}\n        confirmingLabel={t('general:restoring')}\n        heading={t('general:confirmRestoration')}\n        modalSlug={confirmManyRestoreDrawerSlug}\n        onConfirm={handleRestore}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["useModal","getTranslation","useRouter","useSearchParams","mergeListSearchAndWhere","qs","React","toast","CheckboxInput","useAuth","useConfig","useLocale","useRouteCache","SelectAllStatus","useSelection","useTranslation","requests","parseSearchParams","ConfirmationModal","ListSelectionButton","confirmManyRestoreDrawerSlug","baseClass","RestoreMany","props","collection","slug","viewType","permissions","config","collections","routes","serverURL","code","locale","router","clearRouteCache","searchParams","count","getSelectedIds","selectAll","toggleAll","openModal","i18n","t","restoreAsPublished","setRestoreAsPublished","useState","collectionPermissions","hasUpdatePermission","update","None","selectingAll","AllAvailable","selectedIDs","baseWhere","where","finalWhere","and","Array","isArray","deletedAt","exists","handleRestore","collectionConfig","find","c","whereConstraint","id","in","url","api","stringify","limit","select","trash","search","addQueryPrefix","body","versions","drafts","_status","restoreManyResponse","patch","JSON","headers","language","plural","singular","labels","json","restoredDocs","docs","length","successLabel","status","success","label","errors","error","message","description","map","e","join","err","replace","page","undefined","s","labelString","Fragment","aria-label","className","onClick","div","checked","name","onToggle","target","confirmingLabel","heading","modalSlug","onConfirm"],"mappings":"AAAA;;AAGA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,SAASC,cAAc,QAAQ,2BAA0B;AACzD,SAASC,SAAS,EAAEC,eAAe,QAAQ,qBAAoB;AAC/D,SAASC,uBAAuB,QAAQ,iBAAgB;AACxD,YAAYC,QAAQ,SAAQ;AAC5B,OAAOC,WAAW,QAAO;AACzB,SAASC,KAAK,QAAQ,SAAQ;AAE9B,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,aAAa,QAAQ,sCAAqC;AACnE,SAASC,eAAe,EAAEC,YAAY,QAAQ,qCAAoC;AAClF,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,QAAQ,QAAQ,yBAAwB;AACjD,SAASC,iBAAiB,QAAQ,uCAAsC;AACxE,SAASC,iBAAiB,QAAQ,gCAA+B;AACjE,SAASC,mBAAmB,QAAQ,4BAA2B;AAC/D,OAAO,eAAc;AAErB,MAAMC,+BAA+B,CAAC,yBAAyB,CAAC;AAEhE,MAAMC,YAAY;AAOlB,OAAO,MAAMC,cAA+B,CAACC;IAC3C,MAAM,EAAEC,YAAY,EAAEC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAEC,QAAQ,EAAE,GAAGH;IAEhD,MAAM,EAAEI,WAAW,EAAE,GAAGlB;IACxB,MAAM,EACJmB,QAAQ,EAAEC,WAAW,EAAEC,MAAM,EAAEC,SAAS,EAAE,EAC3C,GAAGrB;IACJ,MAAM,EAAEsB,MAAMC,MAAM,EAAE,GAAGtB;IACzB,MAAMuB,SAAShC;IACf,MAAM,EAAEiC,eAAe,EAAE,GAAGvB;IAC5B,MAAMwB,eAAejC;IACrB,MAAM,EAAEkC,KAAK,EAAEC,cAAc,EAAEC,SAAS,EAAEC,SAAS,EAAE,GAAG1B;IACxD,MAAM,EAAE2B,SAAS,EAAE,GAAGzC;IAEtB,MAAM,EAAE0C,IAAI,EAAEC,CAAC,EAAE,GAAG5B;IAEpB,MAAM,CAAC6B,oBAAoBC,sBAAsB,GAAGvC,MAAMwC,QAAQ,CAAC;IAEnE,MAAMC,wBAAwBpB,aAAaE,aAAa,CAACJ,KAAK;IAC9D,MAAMuB,sBAAsBD,uBAAuBE;IAEnD,IAAIV,cAAc1B,gBAAgBqC,IAAI,IAAI,CAACF,uBAAuBtB,aAAa,SAAS;QACtF,OAAO;IACT;IAEA,MAAMyB,eAAeZ,cAAc1B,gBAAgBuC,YAAY;IAC/D,MAAMC,cAAc,CAACF,eAAeb,mBAAmB,EAAE;IAEzD,MAAMgB,YAAYrC,kBAAkBmB,eAAemB;IAEnD,MAAMC,aAAa;QACjBC,KAAK;eACCC,MAAMC,OAAO,CAACL,WAAWG,OAAOH,UAAUG,GAAG,GAAGH,YAAY;gBAACA;aAAU,GAAG,EAAE;YAChF;gBAAEM,WAAW;oBAAEC,QAAQ;gBAAK;YAAE;SAC/B;IACH;IAEA,MAAMC,gBAAgB;QACpB,MAAMC,mBAAmBlC,YAAYmC,IAAI,CAAC,CAACC,IAAMA,EAAExC,IAAI,KAAKA;QAC5D,IAAI,CAACsC,kBAAkB;YACrB;QACF;QAEA,IAAIG;QAEJ,IAAIf,cAAc;YAChBe,kBAAkBV;QACpB,OAAO;YACLU,kBAAkB;gBAChBT,KAAK;oBAAC;wBAAEU,IAAI;4BAAEC,IAAIf;wBAAY;oBAAE;oBAAG;wBAAEO,WAAW;4BAAEC,QAAQ;wBAAK;oBAAE;iBAAE;YACrE;QACF;QAEA,MAAMQ,MAAM,GAAGtC,YAAYD,OAAOwC,GAAG,CAAC,CAAC,EAAE7C,OAAOpB,GAAGkE,SAAS,CAC1D;YACEC,OAAO;YACPvC;YACAwC,QAAQ,CAAC;YACTC,OAAO;YAAM,mCAAmC;YAChDnB,OAAOnD,wBAAwB;gBAC7B2D;gBACAY,QAAQ1D,kBAAkBmB,eAAeuC;gBACzCpB,OAAOW;YACT;QACF,GACA;YAAEU,gBAAgB;QAAK,IACtB;QAEH,MAAMC,OAAgC;YACpCjB,WAAW;QACb;QAEA,6CAA6C;QAC7C,IAAIG,kBAAkBe,UAAUC,QAAQ;YACtCF,KAAKG,OAAO,GAAGpC,qBAAqB,cAAc;QACpD;QAEA,MAAMqC,sBAAsB,MAAMjE,SAASkE,KAAK,CAACb,KAAK;YACpDQ,MAAMM,KAAKZ,SAAS,CAACM;YACrBO,SAAS;gBACP,mBAAmB1C,KAAK2C,QAAQ;gBAChC,gBAAgB;YAClB;QACF;QAEA,IAAI;YACF,MAAM,EAAEC,MAAM,EAAEC,QAAQ,EAAE,GAAGxB,iBAAiByB,MAAM;YACpD,MAAMC,OAAO,MAAMR,oBAAoBQ,IAAI;YAE3C,MAAMC,eAAeD,MAAME,MAAMC,UAAU;YAC3C,MAAMC,eAAeH,eAAe,IAAIJ,SAASC;YAEjD,IAAIN,oBAAoBa,MAAM,GAAG,OAAOJ,eAAe,GAAG;gBACxDnF,MAAMwF,OAAO,CACXpD,EAAE,qCAAqC;oBACrCN,OAAOqD;oBACPM,OAAO/F,eAAe4F,cAAcnD;gBACtC;YAEJ;YAEA,IAAI+C,MAAMQ,QAAQL,SAAS,GAAG;gBAC5BrF,MAAM2F,KAAK,CAACT,KAAKU,OAAO,EAAE;oBACxBC,aAAaX,KAAKQ,MAAM,CAACI,GAAG,CAAC,CAACC,IAAMA,EAAEH,OAAO,EAAEI,IAAI,CAAC;gBACtD;YACF;QACF,EAAE,OAAOC,KAAK;YACZjG,MAAM2F,KAAK,CAACvD,EAAE;QAChB;QAEAH;QAEAN,OAAOuE,OAAO,CACZpG,GAAGkE,SAAS,CACV;YACE,GAAGtD,kBAAkBmB,aAAa;YAClCsE,MAAMvD,eAAe,MAAMwD;QAC7B,GACA;YAAE/B,gBAAgB;QAAK;QAI3BzC;IACF;IAEA,MAAM4B,mBAAmBlC,YAAYmC,IAAI,CAAC,CAAC,EAAEvC,MAAMmF,CAAC,EAAE,GAAKA,MAAMnF;IAEjE,MAAMoF,cAAc5G,eAClBoC,UAAU,IAAI0B,iBAAiByB,MAAM,CAACD,QAAQ,GAAGxB,iBAAiByB,MAAM,CAACF,MAAM,EAC/E5C;IAGF,qBACE,QAACpC,MAAMwG,QAAQ;;0BACb,QAAC3F;gBACC4F,cAAYpE,EAAE;gBACdqE,WAAU;gBACVC,SAAS;oBACPxE,UAAUrB;gBACZ;0BAECuB,EAAE;;;;;;0BAEL,QAACzB;gBACC2D,oBACE,QAACvE,MAAMwG,QAAQ;;wBACZnE,EACCoB,kBAAkBe,UAAUC,SACxB,uCACA,+BACJ;4BACE1C;4BACA2D,OAAOa;wBACT;wBAED9C,kBAAkBe,UAAUC,wBAC3B,QAACmC;4BAAIF,WAAW,GAAG3F,UAAU,UAAU,CAAC;sCACtC,cAAA,QAACb;gCACC2G,SAASvE;gCACTuB,IAAG;gCACH6B,OAAOrD,EAAE;gCACTyE,MAAK;gCACLC,UAAU,CAACf,IAAMzD,sBAAsByD,EAAEgB,MAAM,CAACH,OAAO;;;;;;;;;;;;;;;;;gBAMjEH,WAAW3F;gBACXkG,iBAAiB5E,EAAE;gBACnB6E,SAAS7E,EAAE;gBACX8E,WAAWrG;gBACXsG,WAAW5D;;;;;;;;;;;;AAInB,EAAC"}

package/dist/elements/SaveButton/index.js

@@ -1,5 +1,6 @@
 'use client';
-import { useRef } from 'react';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React, { useRef } from 'react';
 import { useForm, useFormModified } from '../../forms/Form/context.js';
 import { FormSubmit } from '../../forms/Submit/index.js';
 import { useHotkey } from '../../hooks/useHotkey.js';
@@ -38,9 +39,19 @@ export function SaveButton({ label: labelProp }) {
         }
         return void submit();
     };
-    return <FormSubmit buttonId="action-save" disabled={disabled} onClick={handleSubmit} ref={ref} size="medium" type="button">
-      {label}
-    </FormSubmit>;
+    return /*#__PURE__*/ _jsxDEV(FormSubmit, {
+        buttonId: "action-save",
+        disabled: disabled,
+        onClick: handleSubmit,
+        ref: ref,
+        size: "medium",
+        type: "button",
+        children: label
+    }, void 0, false, {
+        fileName: "src/elements/SaveButton/index.tsx",
+        lineNumber: 48,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SaveButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SaveButtonClientProps } from 'payload'\n\nimport React, { useRef } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport function SaveButton({ label: labelProp }: SaveButtonClientProps) {\n  const { uploadStatus } = useDocumentInfo()\n  const { t } = useTranslation()\n  const { submit } = useForm()\n  const modified = useFormModified()\n  const label = labelProp || t('general:save')\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n  const operation = useOperation()\n\n  const disabled = (operation === 'update' && !modified) || uploadStatus === 'uploading'\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    if (disabled) {\n      // absorb the event\n    }\n\n    e.preventDefault()\n    e.stopPropagation()\n    if (ref?.current) {\n      ref.current.click()\n    }\n  })\n\n  const handleSubmit = () => {\n    if (uploadStatus === 'uploading') {\n      return\n    }\n\n    return void submit()\n  }\n\n  return (\n    <FormSubmit\n      buttonId=\"action-save\"\n      disabled={disabled}\n      onClick={handleSubmit}\n      ref={ref}\n      size=\"medium\"\n      type=\"button\"\n    >\n      {label}\n    </FormSubmit>\n  )\n}\n"],"names":["useRef","useForm","useFormModified","FormSubmit","useHotkey","useDocumentInfo","useEditDepth","useOperation","useTranslation","SaveButton","label","labelProp","uploadStatus","t","submit","modified","ref","editDepth","operation","disabled","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","handleSubmit","buttonId","onClick","size","type"],"mappings":"AAAA;AAIA,SAAgBA,MAAM,QAAQ,QAAO;AAErC,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA6B;AACtE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,2BAA0B;AACpD,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AAErE,OAAO,SAASC,WAAW,EAAEC,OAAOC,SAAS,EAAyB;IACpE,MAAM,EAAEC,YAAY,EAAE,GAAGP;IACzB,MAAM,EAAEQ,CAAC,EAAE,GAAGL;IACd,MAAM,EAAEM,MAAM,EAAE,GAAGb;IACnB,MAAMc,WAAWb;IACjB,MAAMQ,QAAQC,aAAaE,EAAE;IAC7B,MAAMG,MAAMhB,OAA0B;IACtC,MAAMiB,YAAYX;IAClB,MAAMY,YAAYX;IAElB,MAAMY,WAAW,AAACD,cAAc,YAAY,CAACH,YAAaH,iBAAiB;IAE3ER,UAAU;QAAEgB,YAAY;QAAMH;QAAWI,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3D,IAAIH,UAAU,CAEd;QADE,mBAAmB;QAGrBG,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIR,KAAKS,SAAS;YAChBT,IAAIS,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,MAAMC,eAAe;QACnB,IAAIf,iBAAiB,aAAa;YAChC;QACF;QAEA,OAAO,KAAKE;IACd;IAEA,QACGX,WACCyB,SAAS,cACTT,UAAUA,UACVU,SAASF,cACTX,KAAKA,KACLc,KAAK,SACLC,KAAK,SACN;MACC,CAACrB,MAAM;IACT,EAAEP;AAEN"}
+{"version":3,"sources":["../../../src/elements/SaveButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SaveButtonClientProps } from 'payload'\n\nimport React, { useRef } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport function SaveButton({ label: labelProp }: SaveButtonClientProps) {\n  const { uploadStatus } = useDocumentInfo()\n  const { t } = useTranslation()\n  const { submit } = useForm()\n  const modified = useFormModified()\n  const label = labelProp || t('general:save')\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n  const operation = useOperation()\n\n  const disabled = (operation === 'update' && !modified) || uploadStatus === 'uploading'\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    if (disabled) {\n      // absorb the event\n    }\n\n    e.preventDefault()\n    e.stopPropagation()\n    if (ref?.current) {\n      ref.current.click()\n    }\n  })\n\n  const handleSubmit = () => {\n    if (uploadStatus === 'uploading') {\n      return\n    }\n\n    return void submit()\n  }\n\n  return (\n    <FormSubmit\n      buttonId=\"action-save\"\n      disabled={disabled}\n      onClick={handleSubmit}\n      ref={ref}\n      size=\"medium\"\n      type=\"button\"\n    >\n      {label}\n    </FormSubmit>\n  )\n}\n"],"names":["React","useRef","useForm","useFormModified","FormSubmit","useHotkey","useDocumentInfo","useEditDepth","useOperation","useTranslation","SaveButton","label","labelProp","uploadStatus","t","submit","modified","ref","editDepth","operation","disabled","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","handleSubmit","buttonId","onClick","size","type"],"mappings":"AAAA;;AAIA,OAAOA,SAASC,MAAM,QAAQ,QAAO;AAErC,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA6B;AACtE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,2BAA0B;AACpD,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AAErE,OAAO,SAASC,WAAW,EAAEC,OAAOC,SAAS,EAAyB;IACpE,MAAM,EAAEC,YAAY,EAAE,GAAGP;IACzB,MAAM,EAAEQ,CAAC,EAAE,GAAGL;IACd,MAAM,EAAEM,MAAM,EAAE,GAAGb;IACnB,MAAMc,WAAWb;IACjB,MAAMQ,QAAQC,aAAaE,EAAE;IAC7B,MAAMG,MAAMhB,OAA0B;IACtC,MAAMiB,YAAYX;IAClB,MAAMY,YAAYX;IAElB,MAAMY,WAAW,AAACD,cAAc,YAAY,CAACH,YAAaH,iBAAiB;IAE3ER,UAAU;QAAEgB,YAAY;QAAMH;QAAWI,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3D,IAAIH,UAAU,CAEd;QADE,mBAAmB;QAGrBG,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIR,KAAKS,SAAS;YAChBT,IAAIS,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,MAAMC,eAAe;QACnB,IAAIf,iBAAiB,aAAa;YAChC;QACF;QAEA,OAAO,KAAKE;IACd;IAEA,qBACE,QAACX;QACCyB,UAAS;QACTT,UAAUA;QACVU,SAASF;QACTX,KAAKA;QACLc,MAAK;QACLC,MAAK;kBAEJrB;;;;;;AAGP"}

package/dist/elements/SaveDraftButton/index.js

@@ -1,5 +1,6 @@
 'use client';
-import { useCallback, useRef } from 'react';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React, { useCallback, useRef } from 'react';
 import { useForm, useFormModified } from '../../forms/Form/context.js';
 import { FormSubmit } from '../../forms/Submit/index.js';
 import { useHotkey } from '../../hooks/useHotkey.js';
@@ -72,11 +73,23 @@ export function SaveDraftButton(props) {
             ref.current.click();
         }
     });
-    return <FormSubmit buttonId="action-save-draft" buttonStyle="secondary" className={baseClass} disabled={disabled} onClick={()=>{
-        return void saveDraft();
-    }} ref={ref} size="medium" type="button">
-      {t('version:saveDraft')}
-    </FormSubmit>;
+    return /*#__PURE__*/ _jsxDEV(FormSubmit, {
+        buttonId: "action-save-draft",
+        buttonStyle: "secondary",
+        className: baseClass,
+        disabled: disabled,
+        onClick: ()=>{
+            return void saveDraft();
+        },
+        ref: ref,
+        size: "medium",
+        type: "button",
+        children: t('version:saveDraft')
+    }, void 0, false, {
+        fileName: "src/elements/SaveDraftButton/index.tsx",
+        lineNumber: 95,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SaveDraftButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SaveDraftButtonClientProps } from 'payload'\n\nimport React, { useCallback, useRef } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nconst baseClass = 'save-draft'\n\nexport function SaveDraftButton(props: SaveDraftButtonClientProps) {\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { id, collectionSlug, globalSlug, setUnpublishedVersionCount, uploadStatus } =\n    useDocumentInfo()\n\n  const modified = useFormModified()\n  const { code: locale } = useLocale()\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n  const { t } = useTranslation()\n  const { submit } = useForm()\n  const operation = useOperation()\n\n  const disabled = (operation === 'update' && !modified) || uploadStatus === 'uploading'\n\n  const saveDraft = useCallback(async () => {\n    if (disabled) {\n      return\n    }\n\n    const search = `?locale=${locale}&depth=0&fallback-locale=null&draft=true`\n    let action\n    let method = 'POST'\n\n    if (collectionSlug) {\n      action = `${serverURL}${api}/${collectionSlug}${id ? `/${id}` : ''}${search}`\n      if (id) {\n        method = 'PATCH'\n      }\n    }\n\n    if (globalSlug) {\n      action = `${serverURL}${api}/globals/${globalSlug}${search}`\n    }\n\n    await submit({\n      action,\n      method,\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n\n    setUnpublishedVersionCount((count) => count + 1)\n  }, [\n    submit,\n    collectionSlug,\n    globalSlug,\n    serverURL,\n    api,\n    locale,\n    id,\n    disabled,\n    setUnpublishedVersionCount,\n  ])\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    if (disabled) {\n      // absorb the event\n    }\n\n    e.preventDefault()\n    e.stopPropagation()\n    if (ref?.current) {\n      ref.current.click()\n    }\n  })\n\n  return (\n    <FormSubmit\n      buttonId=\"action-save-draft\"\n      buttonStyle=\"secondary\"\n      className={baseClass}\n      disabled={disabled}\n      onClick={() => {\n        return void saveDraft()\n      }}\n      ref={ref}\n      size=\"medium\"\n      type=\"button\"\n    >\n      {t('version:saveDraft')}\n    </FormSubmit>\n  )\n}\n"],"names":["useCallback","useRef","useForm","useFormModified","FormSubmit","useHotkey","useConfig","useDocumentInfo","useEditDepth","useLocale","useOperation","useTranslation","baseClass","SaveDraftButton","props","config","routes","api","serverURL","id","collectionSlug","globalSlug","setUnpublishedVersionCount","uploadStatus","modified","code","locale","ref","editDepth","t","submit","operation","disabled","saveDraft","search","action","method","overrides","_status","skipValidation","count","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","buttonId","buttonStyle","className","onClick","size","type"],"mappings":"AAAA;AAIA,SAAgBA,WAAW,EAAEC,MAAM,QAAQ,QAAO;AAElD,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA6B;AACtE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,2BAA0B;AACpD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AAErE,MAAMC,YAAY;AAElB,OAAO,SAASC,gBAAgBC,KAAiC;IAC/D,MAAM,EACJC,QAAQ,EACNC,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,EACF,GAAGZ;IAEJ,MAAM,EAAEa,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAEC,0BAA0B,EAAEC,YAAY,EAAE,GAChFhB;IAEF,MAAMiB,WAAWrB;IACjB,MAAM,EAAEsB,MAAMC,MAAM,EAAE,GAAGjB;IACzB,MAAMkB,MAAM1B,OAA0B;IACtC,MAAM2B,YAAYpB;IAClB,MAAM,EAAEqB,CAAC,EAAE,GAAGlB;IACd,MAAM,EAAEmB,MAAM,EAAE,GAAG5B;IACnB,MAAM6B,YAAYrB;IAElB,MAAMsB,WAAW,AAACD,cAAc,YAAY,CAACP,YAAaD,iBAAiB;IAE3E,MAAMU,YAAYjC,YAAY;QAC5B,IAAIgC,UAAU;YACZ;QACF;QAEA,MAAME,SAAS,CAAC,QAAQ,EAAER,OAAO,wCAAwC,CAAC;QAC1E,IAAIS;QACJ,IAAIC,SAAS;QAEb,IAAIhB,gBAAgB;YAClBe,SAAS,GAAGjB,YAAYD,IAAI,CAAC,EAAEG,iBAAiBD,KAAK,CAAC,CAAC,EAAEA,IAAI,GAAG,KAAKe,QAAQ;YAC7E,IAAIf,IAAI;gBACNiB,SAAS;YACX;QACF;QAEA,IAAIf,YAAY;YACdc,SAAS,GAAGjB,YAAYD,IAAI,SAAS,EAAEI,aAAaa,QAAQ;QAC9D;QAEA,MAAMJ,OAAO;YACXK;YACAC;YACAC,WAAW;gBACTC,SAAS;YACX;YACAC,gBAAgB;QAClB;QAEAjB,2BAA2B,CAACkB,QAAUA,QAAQ;IAChD,GAAG;QACDV;QACAV;QACAC;QACAH;QACAD;QACAS;QACAP;QACAa;QACAV;KACD;IAEDjB,UAAU;QAAEoC,YAAY;QAAMb;QAAWc,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3D,IAAIX,UAAU,CAEd;QADE,mBAAmB;QAGrBW,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIlB,KAAKmB,SAAS;YAChBnB,IAAImB,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,QACG3C,WACC4C,SAAS,oBACTC,YAAY,YACZC,WAAWtC,WACXoB,UAAUA,UACVmB,SAAS;QACP,OAAO,KAAKlB;IACd,GACAN,KAAKA,KACLyB,KAAK,SACLC,KAAK,SACN;MACC,CAACxB,EAAE,qBAAqB;IAC1B,EAAEzB;AAEN"}
+{"version":3,"sources":["../../../src/elements/SaveDraftButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SaveDraftButtonClientProps } from 'payload'\n\nimport React, { useCallback, useRef } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nconst baseClass = 'save-draft'\n\nexport function SaveDraftButton(props: SaveDraftButtonClientProps) {\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { id, collectionSlug, globalSlug, setUnpublishedVersionCount, uploadStatus } =\n    useDocumentInfo()\n\n  const modified = useFormModified()\n  const { code: locale } = useLocale()\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n  const { t } = useTranslation()\n  const { submit } = useForm()\n  const operation = useOperation()\n\n  const disabled = (operation === 'update' && !modified) || uploadStatus === 'uploading'\n\n  const saveDraft = useCallback(async () => {\n    if (disabled) {\n      return\n    }\n\n    const search = `?locale=${locale}&depth=0&fallback-locale=null&draft=true`\n    let action\n    let method = 'POST'\n\n    if (collectionSlug) {\n      action = `${serverURL}${api}/${collectionSlug}${id ? `/${id}` : ''}${search}`\n      if (id) {\n        method = 'PATCH'\n      }\n    }\n\n    if (globalSlug) {\n      action = `${serverURL}${api}/globals/${globalSlug}${search}`\n    }\n\n    await submit({\n      action,\n      method,\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n\n    setUnpublishedVersionCount((count) => count + 1)\n  }, [\n    submit,\n    collectionSlug,\n    globalSlug,\n    serverURL,\n    api,\n    locale,\n    id,\n    disabled,\n    setUnpublishedVersionCount,\n  ])\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    if (disabled) {\n      // absorb the event\n    }\n\n    e.preventDefault()\n    e.stopPropagation()\n    if (ref?.current) {\n      ref.current.click()\n    }\n  })\n\n  return (\n    <FormSubmit\n      buttonId=\"action-save-draft\"\n      buttonStyle=\"secondary\"\n      className={baseClass}\n      disabled={disabled}\n      onClick={() => {\n        return void saveDraft()\n      }}\n      ref={ref}\n      size=\"medium\"\n      type=\"button\"\n    >\n      {t('version:saveDraft')}\n    </FormSubmit>\n  )\n}\n"],"names":["React","useCallback","useRef","useForm","useFormModified","FormSubmit","useHotkey","useConfig","useDocumentInfo","useEditDepth","useLocale","useOperation","useTranslation","baseClass","SaveDraftButton","props","config","routes","api","serverURL","id","collectionSlug","globalSlug","setUnpublishedVersionCount","uploadStatus","modified","code","locale","ref","editDepth","t","submit","operation","disabled","saveDraft","search","action","method","overrides","_status","skipValidation","count","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","buttonId","buttonStyle","className","onClick","size","type"],"mappings":"AAAA;;AAIA,OAAOA,SAASC,WAAW,EAAEC,MAAM,QAAQ,QAAO;AAElD,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA6B;AACtE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,2BAA0B;AACpD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AAErE,MAAMC,YAAY;AAElB,OAAO,SAASC,gBAAgBC,KAAiC;IAC/D,MAAM,EACJC,QAAQ,EACNC,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,EACF,GAAGZ;IAEJ,MAAM,EAAEa,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAEC,0BAA0B,EAAEC,YAAY,EAAE,GAChFhB;IAEF,MAAMiB,WAAWrB;IACjB,MAAM,EAAEsB,MAAMC,MAAM,EAAE,GAAGjB;IACzB,MAAMkB,MAAM1B,OAA0B;IACtC,MAAM2B,YAAYpB;IAClB,MAAM,EAAEqB,CAAC,EAAE,GAAGlB;IACd,MAAM,EAAEmB,MAAM,EAAE,GAAG5B;IACnB,MAAM6B,YAAYrB;IAElB,MAAMsB,WAAW,AAACD,cAAc,YAAY,CAACP,YAAaD,iBAAiB;IAE3E,MAAMU,YAAYjC,YAAY;QAC5B,IAAIgC,UAAU;YACZ;QACF;QAEA,MAAME,SAAS,CAAC,QAAQ,EAAER,OAAO,wCAAwC,CAAC;QAC1E,IAAIS;QACJ,IAAIC,SAAS;QAEb,IAAIhB,gBAAgB;YAClBe,SAAS,GAAGjB,YAAYD,IAAI,CAAC,EAAEG,iBAAiBD,KAAK,CAAC,CAAC,EAAEA,IAAI,GAAG,KAAKe,QAAQ;YAC7E,IAAIf,IAAI;gBACNiB,SAAS;YACX;QACF;QAEA,IAAIf,YAAY;YACdc,SAAS,GAAGjB,YAAYD,IAAI,SAAS,EAAEI,aAAaa,QAAQ;QAC9D;QAEA,MAAMJ,OAAO;YACXK;YACAC;YACAC,WAAW;gBACTC,SAAS;YACX;YACAC,gBAAgB;QAClB;QAEAjB,2BAA2B,CAACkB,QAAUA,QAAQ;IAChD,GAAG;QACDV;QACAV;QACAC;QACAH;QACAD;QACAS;QACAP;QACAa;QACAV;KACD;IAEDjB,UAAU;QAAEoC,YAAY;QAAMb;QAAWc,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3D,IAAIX,UAAU,CAEd;QADE,mBAAmB;QAGrBW,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIlB,KAAKmB,SAAS;YAChBnB,IAAImB,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,qBACE,QAAC3C;QACC4C,UAAS;QACTC,aAAY;QACZC,WAAWtC;QACXoB,UAAUA;QACVmB,SAAS;YACP,OAAO,KAAKlB;QACd;QACAN,KAAKA;QACLyB,MAAK;QACLC,MAAK;kBAEJxB,EAAE;;;;;;AAGT"}

package/dist/elements/SearchBar/index.js

@@ -1,16 +1,43 @@
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { SearchIcon } from '../../icons/Search/index.js';
 import { SearchFilter } from '../SearchFilter/index.js';
 import './index.scss';
 const baseClass = 'search-bar';
 export function SearchBar({ Actions, className, label = 'Search...', onSearchChange, searchQueryParam }) {
-    return <div className={[
-        baseClass,
-        className
-    ].filter(Boolean).join(' ')}>
-      <SearchIcon/>
-      <SearchFilter handleChange={onSearchChange} label={label} searchQueryParam={searchQueryParam}/>
-      {Actions && Actions.length > 0 ? <div className={`${baseClass}__actions`}>{Actions}</div> : null}
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: [
+            baseClass,
+            className
+        ].filter(Boolean).join(' '),
+        children: [
+            /*#__PURE__*/ _jsxDEV(SearchIcon, {}, void 0, false, {
+                fileName: "src/elements/SearchBar/index.tsx",
+                lineNumber: 23,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(SearchFilter, {
+                handleChange: onSearchChange,
+                label: label,
+                searchQueryParam: searchQueryParam
+            }, void 0, false, {
+                fileName: "src/elements/SearchBar/index.tsx",
+                lineNumber: 24,
+                columnNumber: 7
+            }, this),
+            Actions && Actions.length > 0 ? /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__actions`,
+                children: Actions
+            }, void 0, false, {
+                fileName: "src/elements/SearchBar/index.tsx",
+                lineNumber: 30,
+                columnNumber: 9
+            }, this) : null
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/SearchBar/index.tsx",
+        lineNumber: 22,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SearchBar/index.tsx"],"sourcesContent":["import { SearchIcon } from '../../icons/Search/index.js'\nimport { SearchFilter } from '../SearchFilter/index.js'\nimport './index.scss'\n\nconst baseClass = 'search-bar'\n\ntype SearchBarProps = {\n  Actions?: React.ReactNode[]\n  className?: string\n  label?: string\n  onSearchChange: (search: string) => void\n  searchQueryParam?: string\n}\nexport function SearchBar({\n  Actions,\n  className,\n  label = 'Search...',\n  onSearchChange,\n  searchQueryParam,\n}: SearchBarProps) {\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <SearchIcon />\n      <SearchFilter\n        handleChange={onSearchChange}\n        label={label}\n        searchQueryParam={searchQueryParam}\n      />\n      {Actions && Actions.length > 0 ? (\n        <div className={`${baseClass}__actions`}>{Actions}</div>\n      ) : null}\n    </div>\n  )\n}\n"],"names":["SearchIcon","SearchFilter","baseClass","SearchBar","Actions","className","label","onSearchChange","searchQueryParam","div","filter","Boolean","join","handleChange","length"],"mappings":"AAAA,SAASA,UAAU,QAAQ,8BAA6B;AACxD,SAASC,YAAY,QAAQ,2BAA0B;AACvD,OAAO,eAAc;AAErB,MAAMC,YAAY;AASlB,OAAO,SAASC,UAAU,EACxBC,OAAO,EACPC,SAAS,EACTC,QAAQ,WAAW,EACnBC,cAAc,EACdC,gBAAgB,EACD;IACf,QACGC,IAAIJ,WAAW;QAACH;QAAWG;KAAU,CAACK,MAAM,CAACC,SAASC,IAAI,CAAC,MAAM;MAChE,CAACZ,YAAa;MACd,CAACC,aACCY,cAAcN,gBACdD,OAAOA,OACPE,kBAAkBA,mBAClB;MACF,CAACJ,WAAWA,QAAQU,MAAM,GAAG,KAC1BL,IAAIJ,WAAW,GAAGH,UAAU,SAAS,CAAC,GAAGE,UAAUK,OAClD,KAAK;IACX,EAAEA;AAEN"}
+{"version":3,"sources":["../../../src/elements/SearchBar/index.tsx"],"sourcesContent":["import { SearchIcon } from '../../icons/Search/index.js'\nimport { SearchFilter } from '../SearchFilter/index.js'\nimport './index.scss'\n\nconst baseClass = 'search-bar'\n\ntype SearchBarProps = {\n  Actions?: React.ReactNode[]\n  className?: string\n  label?: string\n  onSearchChange: (search: string) => void\n  searchQueryParam?: string\n}\nexport function SearchBar({\n  Actions,\n  className,\n  label = 'Search...',\n  onSearchChange,\n  searchQueryParam,\n}: SearchBarProps) {\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <SearchIcon />\n      <SearchFilter\n        handleChange={onSearchChange}\n        label={label}\n        searchQueryParam={searchQueryParam}\n      />\n      {Actions && Actions.length > 0 ? (\n        <div className={`${baseClass}__actions`}>{Actions}</div>\n      ) : null}\n    </div>\n  )\n}\n"],"names":["SearchIcon","SearchFilter","baseClass","SearchBar","Actions","className","label","onSearchChange","searchQueryParam","div","filter","Boolean","join","handleChange","length"],"mappings":";AAAA,SAASA,UAAU,QAAQ,8BAA6B;AACxD,SAASC,YAAY,QAAQ,2BAA0B;AACvD,OAAO,eAAc;AAErB,MAAMC,YAAY;AASlB,OAAO,SAASC,UAAU,EACxBC,OAAO,EACPC,SAAS,EACTC,QAAQ,WAAW,EACnBC,cAAc,EACdC,gBAAgB,EACD;IACf,qBACE,QAACC;QAAIJ,WAAW;YAACH;YAAWG;SAAU,CAACK,MAAM,CAACC,SAASC,IAAI,CAAC;;0BAC1D,QAACZ;;;;;0BACD,QAACC;gBACCY,cAAcN;gBACdD,OAAOA;gBACPE,kBAAkBA;;;;;;YAEnBJ,WAAWA,QAAQU,MAAM,GAAG,kBAC3B,QAACL;gBAAIJ,WAAW,GAAGH,UAAU,SAAS,CAAC;0BAAGE;;;;;uBACxC;;;;;;;AAGV"}

package/dist/elements/SearchFilter/index.js

@@ -1,5 +1,6 @@
 'use client';
-import { useEffect, useRef, useState } from 'react';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React, { useEffect, useRef, useState } from 'react';
 import { useDebounce } from '../../hooks/useDebounce.js';
 import './index.scss';
 const baseClass = 'search-filter';
@@ -39,12 +40,29 @@ export function SearchFilter(props) {
         debouncedSearch,
         handleChange
     ]);
-    return <div className={baseClass}>
-      <input aria-label={label} className={`${baseClass}__input`} id="search-filter-input" onChange={(e)=>{
-        shouldUpdateState.current = true;
-        setSearch(e.target.value);
-    }} placeholder={label} type="text" value={search || ''}/>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: baseClass,
+        children: /*#__PURE__*/ _jsxDEV("input", {
+            "aria-label": label,
+            className: `${baseClass}__input`,
+            id: "search-filter-input",
+            onChange: (e)=>{
+                shouldUpdateState.current = true;
+                setSearch(e.target.value);
+            },
+            placeholder: label,
+            type: "text",
+            value: search || ''
+        }, void 0, false, {
+            fileName: "src/elements/SearchFilter/index.tsx",
+            lineNumber: 55,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/SearchFilter/index.tsx",
+        lineNumber: 54,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SearchFilter/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport type { SearchFilterProps } from './types.js'\n\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport './index.scss'\n\nconst baseClass = 'search-filter'\n\nexport function SearchFilter(props: SearchFilterProps) {\n  const { handleChange, initialParams, label, searchQueryParam } = props\n  const searchParam = initialParams?.search || searchQueryParam\n  const [search, setSearch] = useState(typeof searchParam === 'string' ? searchParam : undefined)\n\n  /**\n   * Tracks whether the state should be updated based on the search value.\n   * If the value is updated from the URL, we don't want to update the state as it causes additional renders.\n   */\n  const shouldUpdateState = useRef(true)\n\n  /**\n   * Tracks the previous search value to compare with the current debounced search value.\n   */\n  const previousSearch = useRef(typeof searchParam === 'string' ? searchParam : undefined)\n\n  const debouncedSearch = useDebounce(search, 300)\n\n  useEffect(() => {\n    if (searchParam !== previousSearch.current) {\n      shouldUpdateState.current = false\n      setSearch(searchParam as string)\n      previousSearch.current = searchParam as string\n    }\n\n    return () => {\n      shouldUpdateState.current = true\n      previousSearch.current = undefined\n    }\n  }, [searchParam])\n\n  useEffect(() => {\n    if (debouncedSearch !== previousSearch.current && shouldUpdateState.current) {\n      if (handleChange) {\n        handleChange(debouncedSearch)\n      }\n\n      previousSearch.current = debouncedSearch\n    }\n  }, [debouncedSearch, handleChange])\n\n  return (\n    <div className={baseClass}>\n      <input\n        aria-label={label}\n        className={`${baseClass}__input`}\n        id=\"search-filter-input\"\n        onChange={(e) => {\n          shouldUpdateState.current = true\n          setSearch(e.target.value)\n        }}\n        placeholder={label}\n        type=\"text\"\n        value={search || ''}\n      />\n    </div>\n  )\n}\n"],"names":["useEffect","useRef","useState","useDebounce","baseClass","SearchFilter","props","handleChange","initialParams","label","searchQueryParam","searchParam","search","setSearch","undefined","shouldUpdateState","previousSearch","debouncedSearch","current","div","className","input","aria-label","id","onChange","e","target","value","placeholder","type"],"mappings":"AAAA;AAEA,SAAgBA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAI1D,SAASC,WAAW,QAAQ,6BAA4B;AACxD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,SAASC,aAAaC,KAAwB;IACnD,MAAM,EAAEC,YAAY,EAAEC,aAAa,EAAEC,KAAK,EAAEC,gBAAgB,EAAE,GAAGJ;IACjE,MAAMK,cAAcH,eAAeI,UAAUF;IAC7C,MAAM,CAACE,QAAQC,UAAU,GAAGX,SAAS,OAAOS,gBAAgB,WAAWA,cAAcG;IAErF;;;GAGC,GACD,MAAMC,oBAAoBd,OAAO;IAEjC;;GAEC,GACD,MAAMe,iBAAiBf,OAAO,OAAOU,gBAAgB,WAAWA,cAAcG;IAE9E,MAAMG,kBAAkBd,YAAYS,QAAQ;IAE5CZ,UAAU;QACR,IAAIW,gBAAgBK,eAAeE,OAAO,EAAE;YAC1CH,kBAAkBG,OAAO,GAAG;YAC5BL,UAAUF;YACVK,eAAeE,OAAO,GAAGP;QAC3B;QAEA,OAAO;YACLI,kBAAkBG,OAAO,GAAG;YAC5BF,eAAeE,OAAO,GAAGJ;QAC3B;IACF,GAAG;QAACH;KAAY;IAEhBX,UAAU;QACR,IAAIiB,oBAAoBD,eAAeE,OAAO,IAAIH,kBAAkBG,OAAO,EAAE;YAC3E,IAAIX,cAAc;gBAChBA,aAAaU;YACf;YAEAD,eAAeE,OAAO,GAAGD;QAC3B;IACF,GAAG;QAACA;QAAiBV;KAAa;IAElC,QACGY,IAAIC,WAAWhB,WAAW;MACzB,CAACiB,MACCC,YAAYb,OACZW,WAAW,GAAGhB,UAAU,OAAO,CAAC,EAChCmB,GAAG,sBACHC,UAAU,CAACC;QACTV,kBAAkBG,OAAO,GAAG;QAC5BL,UAAUY,EAAEC,MAAM,CAACC,KAAK;IAC1B,GACAC,aAAanB,OACboB,KAAK,OACLF,OAAOf,UAAU,KACjB;IACJ,EAAEO;AAEN"}
+{"version":3,"sources":["../../../src/elements/SearchFilter/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport type { SearchFilterProps } from './types.js'\n\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport './index.scss'\n\nconst baseClass = 'search-filter'\n\nexport function SearchFilter(props: SearchFilterProps) {\n  const { handleChange, initialParams, label, searchQueryParam } = props\n  const searchParam = initialParams?.search || searchQueryParam\n  const [search, setSearch] = useState(typeof searchParam === 'string' ? searchParam : undefined)\n\n  /**\n   * Tracks whether the state should be updated based on the search value.\n   * If the value is updated from the URL, we don't want to update the state as it causes additional renders.\n   */\n  const shouldUpdateState = useRef(true)\n\n  /**\n   * Tracks the previous search value to compare with the current debounced search value.\n   */\n  const previousSearch = useRef(typeof searchParam === 'string' ? searchParam : undefined)\n\n  const debouncedSearch = useDebounce(search, 300)\n\n  useEffect(() => {\n    if (searchParam !== previousSearch.current) {\n      shouldUpdateState.current = false\n      setSearch(searchParam as string)\n      previousSearch.current = searchParam as string\n    }\n\n    return () => {\n      shouldUpdateState.current = true\n      previousSearch.current = undefined\n    }\n  }, [searchParam])\n\n  useEffect(() => {\n    if (debouncedSearch !== previousSearch.current && shouldUpdateState.current) {\n      if (handleChange) {\n        handleChange(debouncedSearch)\n      }\n\n      previousSearch.current = debouncedSearch\n    }\n  }, [debouncedSearch, handleChange])\n\n  return (\n    <div className={baseClass}>\n      <input\n        aria-label={label}\n        className={`${baseClass}__input`}\n        id=\"search-filter-input\"\n        onChange={(e) => {\n          shouldUpdateState.current = true\n          setSearch(e.target.value)\n        }}\n        placeholder={label}\n        type=\"text\"\n        value={search || ''}\n      />\n    </div>\n  )\n}\n"],"names":["React","useEffect","useRef","useState","useDebounce","baseClass","SearchFilter","props","handleChange","initialParams","label","searchQueryParam","searchParam","search","setSearch","undefined","shouldUpdateState","previousSearch","debouncedSearch","current","div","className","input","aria-label","id","onChange","e","target","value","placeholder","type"],"mappings":"AAAA;;AAEA,OAAOA,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAI1D,SAASC,WAAW,QAAQ,6BAA4B;AACxD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,SAASC,aAAaC,KAAwB;IACnD,MAAM,EAAEC,YAAY,EAAEC,aAAa,EAAEC,KAAK,EAAEC,gBAAgB,EAAE,GAAGJ;IACjE,MAAMK,cAAcH,eAAeI,UAAUF;IAC7C,MAAM,CAACE,QAAQC,UAAU,GAAGX,SAAS,OAAOS,gBAAgB,WAAWA,cAAcG;IAErF;;;GAGC,GACD,MAAMC,oBAAoBd,OAAO;IAEjC;;GAEC,GACD,MAAMe,iBAAiBf,OAAO,OAAOU,gBAAgB,WAAWA,cAAcG;IAE9E,MAAMG,kBAAkBd,YAAYS,QAAQ;IAE5CZ,UAAU;QACR,IAAIW,gBAAgBK,eAAeE,OAAO,EAAE;YAC1CH,kBAAkBG,OAAO,GAAG;YAC5BL,UAAUF;YACVK,eAAeE,OAAO,GAAGP;QAC3B;QAEA,OAAO;YACLI,kBAAkBG,OAAO,GAAG;YAC5BF,eAAeE,OAAO,GAAGJ;QAC3B;IACF,GAAG;QAACH;KAAY;IAEhBX,UAAU;QACR,IAAIiB,oBAAoBD,eAAeE,OAAO,IAAIH,kBAAkBG,OAAO,EAAE;YAC3E,IAAIX,cAAc;gBAChBA,aAAaU;YACf;YAEAD,eAAeE,OAAO,GAAGD;QAC3B;IACF,GAAG;QAACA;QAAiBV;KAAa;IAElC,qBACE,QAACY;QAAIC,WAAWhB;kBACd,cAAA,QAACiB;YACCC,cAAYb;YACZW,WAAW,GAAGhB,UAAU,OAAO,CAAC;YAChCmB,IAAG;YACHC,UAAU,CAACC;gBACTV,kBAAkBG,OAAO,GAAG;gBAC5BL,UAAUY,EAAEC,MAAM,CAACC,KAAK;YAC1B;YACAC,aAAanB;YACboB,MAAK;YACLF,OAAOf,UAAU;;;;;;;;;;;AAIzB"}