@payloadcms/ui 3.68.0-internal-debug.185cc5f → 3.68.0-internal-debug.dafc24d

package/dist/elements/SortColumn/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { FieldLabel } from '../../fields/FieldLabel/index.js';
 import { ChevronIcon } from '../../icons/Chevron/index.js';
@@ -26,24 +26,32 @@ export const SortColumn = (props)=>{
     if (sort === desc) {
         descClasses.push(`${baseClass}--active`);
     }
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             baseClass,
             appearance && `${baseClass}--appearance-${appearance}`
         ].filter(Boolean).join(' '),
         children: [
-            /*#__PURE__*/ _jsx("span", {
+            /*#__PURE__*/ _jsxDEV("span", {
                 className: `${baseClass}__label`,
-                children: Label ?? /*#__PURE__*/ _jsx(FieldLabel, {
+                children: Label ?? /*#__PURE__*/ _jsxDEV(FieldLabel, {
                     hideLocale: true,
                     label: label,
                     unstyled: true
-                })
-            }),
-            !disable && /*#__PURE__*/ _jsxs("div", {
+                }, void 0, false, {
+                    fileName: "src/elements/SortColumn/index.tsx",
+                    lineNumber: 49,
+                    columnNumber: 19
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/SortColumn/index.tsx",
+                lineNumber: 48,
+                columnNumber: 7
+            }, this),
+            !disable && /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__buttons`,
                 children: [
-                    /*#__PURE__*/ _jsx("button", {
+                    /*#__PURE__*/ _jsxDEV("button", {
                         "aria-label": t('general:sortByLabelDirection', {
                             direction: t('general:ascending'),
                             label
@@ -54,11 +62,19 @@ export const SortColumn = (props)=>{
                         ].filter(Boolean).join(' '),
                         onClick: ()=>void handleSortChange(asc),
                         type: "button",
-                        children: /*#__PURE__*/ _jsx(ChevronIcon, {
+                        children: /*#__PURE__*/ _jsxDEV(ChevronIcon, {
                             direction: "up"
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx("button", {
+                        }, void 0, false, {
+                            fileName: "src/elements/SortColumn/index.tsx",
+                            lineNumber: 62,
+                            columnNumber: 13
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/elements/SortColumn/index.tsx",
+                        lineNumber: 53,
+                        columnNumber: 11
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("button", {
                         "aria-label": t('general:sortByLabelDirection', {
                             direction: t('general:descending'),
                             label
@@ -69,12 +85,28 @@ export const SortColumn = (props)=>{
                         ].filter(Boolean).join(' '),
                         onClick: ()=>void handleSortChange(desc),
                         type: "button",
-                        children: /*#__PURE__*/ _jsx(ChevronIcon, {})
-                    })
+                        children: /*#__PURE__*/ _jsxDEV(ChevronIcon, {}, void 0, false, {
+                            fileName: "src/elements/SortColumn/index.tsx",
+                            lineNumber: 73,
+                            columnNumber: 13
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/elements/SortColumn/index.tsx",
+                        lineNumber: 64,
+                        columnNumber: 11
+                    }, this)
                 ]
-            })
+            }, void 0, true, {
+                fileName: "src/elements/SortColumn/index.tsx",
+                lineNumber: 52,
+                columnNumber: 9
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/SortColumn/index.tsx",
+        lineNumber: 43,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SortColumn/index.tsx"],"sourcesContent":["'use client'\nimport type { StaticLabel } from 'payload'\n\nimport React from 'react'\n\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nexport type SortColumnProps = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly disable?: boolean\n  readonly Label: React.ReactNode\n  readonly label?: StaticLabel\n  readonly name: string\n}\n\nconst baseClass = 'sort-column'\n\nexport const SortColumn: React.FC<SortColumnProps> = (props) => {\n  const { name, appearance, disable = false, Label, label } = props\n  const { handleSortChange, query } = useListQuery()\n  const { t } = useTranslation()\n\n  const { sort } = query\n\n  const desc = `-${name}`\n  const asc = name\n\n  const ascClasses = [`${baseClass}__asc`]\n  if (sort === asc) {\n    ascClasses.push(`${baseClass}--active`)\n  }\n\n  const descClasses = [`${baseClass}__desc`]\n  if (sort === desc) {\n    descClasses.push(`${baseClass}--active`)\n  }\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <span className={`${baseClass}__label`}>\n        {Label ?? <FieldLabel hideLocale label={label} unstyled />}\n      </span>\n      {!disable && (\n        <div className={`${baseClass}__buttons`}>\n          <button\n            aria-label={t('general:sortByLabelDirection', {\n              direction: t('general:ascending'),\n              label,\n            })}\n            className={[...ascClasses, `${baseClass}__button`].filter(Boolean).join(' ')}\n            onClick={() => void handleSortChange(asc)}\n            type=\"button\"\n          >\n            <ChevronIcon direction=\"up\" />\n          </button>\n          <button\n            aria-label={t('general:sortByLabelDirection', {\n              direction: t('general:descending'),\n              label,\n            })}\n            className={[...descClasses, `${baseClass}__button`].filter(Boolean).join(' ')}\n            onClick={() => void handleSortChange(desc)}\n            type=\"button\"\n          >\n            <ChevronIcon />\n          </button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["React","FieldLabel","ChevronIcon","useListQuery","useTranslation","baseClass","SortColumn","props","name","appearance","disable","Label","label","handleSortChange","query","t","sort","desc","asc","ascClasses","push","descClasses","div","className","filter","Boolean","join","span","hideLocale","unstyled","button","aria-label","direction","onClick","type"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,WAAW,QAAQ,+BAA8B;AAC1D,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAO,eAAc;AAUrB,MAAMC,YAAY;AAElB,OAAO,MAAMC,aAAwC,CAACC;IACpD,MAAM,EAAEC,IAAI,EAAEC,UAAU,EAAEC,UAAU,KAAK,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAGL;IAC5D,MAAM,EAAEM,gBAAgB,EAAEC,KAAK,EAAE,GAAGX;IACpC,MAAM,EAAEY,CAAC,EAAE,GAAGX;IAEd,MAAM,EAAEY,IAAI,EAAE,GAAGF;IAEjB,MAAMG,OAAO,CAAC,CAAC,EAAET,MAAM;IACvB,MAAMU,MAAMV;IAEZ,MAAMW,aAAa;QAAC,GAAGd,UAAU,KAAK,CAAC;KAAC;IACxC,IAAIW,SAASE,KAAK;QAChBC,WAAWC,IAAI,CAAC,GAAGf,UAAU,QAAQ,CAAC;IACxC;IAEA,MAAMgB,cAAc;QAAC,GAAGhB,UAAU,MAAM,CAAC;KAAC;IAC1C,IAAIW,SAASC,MAAM;QACjBI,YAAYD,IAAI,CAAC,GAAGf,UAAU,QAAQ,CAAC;IACzC;IAEA,qBACE,MAACiB;QACCC,WAAW;YAAClB;YAAWI,cAAc,GAAGJ,UAAU,aAAa,EAAEI,YAAY;SAAC,CAC3Ee,MAAM,CAACC,SACPC,IAAI,CAAC;;0BAER,KAACC;gBAAKJ,WAAW,GAAGlB,UAAU,OAAO,CAAC;0BACnCM,uBAAS,KAACV;oBAAW2B,UAAU;oBAAChB,OAAOA;oBAAOiB,QAAQ;;;YAExD,CAACnB,yBACA,MAACY;gBAAIC,WAAW,GAAGlB,UAAU,SAAS,CAAC;;kCACrC,KAACyB;wBACCC,cAAYhB,EAAE,gCAAgC;4BAC5CiB,WAAWjB,EAAE;4BACbH;wBACF;wBACAW,WAAW;+BAAIJ;4BAAY,GAAGd,UAAU,QAAQ,CAAC;yBAAC,CAACmB,MAAM,CAACC,SAASC,IAAI,CAAC;wBACxEO,SAAS,IAAM,KAAKpB,iBAAiBK;wBACrCgB,MAAK;kCAEL,cAAA,KAAChC;4BAAY8B,WAAU;;;kCAEzB,KAACF;wBACCC,cAAYhB,EAAE,gCAAgC;4BAC5CiB,WAAWjB,EAAE;4BACbH;wBACF;wBACAW,WAAW;+BAAIF;4BAAa,GAAGhB,UAAU,QAAQ,CAAC;yBAAC,CAACmB,MAAM,CAACC,SAASC,IAAI,CAAC;wBACzEO,SAAS,IAAM,KAAKpB,iBAAiBI;wBACrCiB,MAAK;kCAEL,cAAA,KAAChC;;;;;;AAMb,EAAC"}
+{"version":3,"sources":["../../../src/elements/SortColumn/index.tsx"],"sourcesContent":["'use client'\nimport type { StaticLabel } from 'payload'\n\nimport React from 'react'\n\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nexport type SortColumnProps = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly disable?: boolean\n  readonly Label: React.ReactNode\n  readonly label?: StaticLabel\n  readonly name: string\n}\n\nconst baseClass = 'sort-column'\n\nexport const SortColumn: React.FC<SortColumnProps> = (props) => {\n  const { name, appearance, disable = false, Label, label } = props\n  const { handleSortChange, query } = useListQuery()\n  const { t } = useTranslation()\n\n  const { sort } = query\n\n  const desc = `-${name}`\n  const asc = name\n\n  const ascClasses = [`${baseClass}__asc`]\n  if (sort === asc) {\n    ascClasses.push(`${baseClass}--active`)\n  }\n\n  const descClasses = [`${baseClass}__desc`]\n  if (sort === desc) {\n    descClasses.push(`${baseClass}--active`)\n  }\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <span className={`${baseClass}__label`}>\n        {Label ?? <FieldLabel hideLocale label={label} unstyled />}\n      </span>\n      {!disable && (\n        <div className={`${baseClass}__buttons`}>\n          <button\n            aria-label={t('general:sortByLabelDirection', {\n              direction: t('general:ascending'),\n              label,\n            })}\n            className={[...ascClasses, `${baseClass}__button`].filter(Boolean).join(' ')}\n            onClick={() => void handleSortChange(asc)}\n            type=\"button\"\n          >\n            <ChevronIcon direction=\"up\" />\n          </button>\n          <button\n            aria-label={t('general:sortByLabelDirection', {\n              direction: t('general:descending'),\n              label,\n            })}\n            className={[...descClasses, `${baseClass}__button`].filter(Boolean).join(' ')}\n            onClick={() => void handleSortChange(desc)}\n            type=\"button\"\n          >\n            <ChevronIcon />\n          </button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["React","FieldLabel","ChevronIcon","useListQuery","useTranslation","baseClass","SortColumn","props","name","appearance","disable","Label","label","handleSortChange","query","t","sort","desc","asc","ascClasses","push","descClasses","div","className","filter","Boolean","join","span","hideLocale","unstyled","button","aria-label","direction","onClick","type"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,WAAW,QAAQ,+BAA8B;AAC1D,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAO,eAAc;AAUrB,MAAMC,YAAY;AAElB,OAAO,MAAMC,aAAwC,CAACC;IACpD,MAAM,EAAEC,IAAI,EAAEC,UAAU,EAAEC,UAAU,KAAK,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAGL;IAC5D,MAAM,EAAEM,gBAAgB,EAAEC,KAAK,EAAE,GAAGX;IACpC,MAAM,EAAEY,CAAC,EAAE,GAAGX;IAEd,MAAM,EAAEY,IAAI,EAAE,GAAGF;IAEjB,MAAMG,OAAO,CAAC,CAAC,EAAET,MAAM;IACvB,MAAMU,MAAMV;IAEZ,MAAMW,aAAa;QAAC,GAAGd,UAAU,KAAK,CAAC;KAAC;IACxC,IAAIW,SAASE,KAAK;QAChBC,WAAWC,IAAI,CAAC,GAAGf,UAAU,QAAQ,CAAC;IACxC;IAEA,MAAMgB,cAAc;QAAC,GAAGhB,UAAU,MAAM,CAAC;KAAC;IAC1C,IAAIW,SAASC,MAAM;QACjBI,YAAYD,IAAI,CAAC,GAAGf,UAAU,QAAQ,CAAC;IACzC;IAEA,qBACE,QAACiB;QACCC,WAAW;YAAClB;YAAWI,cAAc,GAAGJ,UAAU,aAAa,EAAEI,YAAY;SAAC,CAC3Ee,MAAM,CAACC,SACPC,IAAI,CAAC;;0BAER,QAACC;gBAAKJ,WAAW,GAAGlB,UAAU,OAAO,CAAC;0BACnCM,uBAAS,QAACV;oBAAW2B,UAAU;oBAAChB,OAAOA;oBAAOiB,QAAQ;;;;;;;;;;;YAExD,CAACnB,yBACA,QAACY;gBAAIC,WAAW,GAAGlB,UAAU,SAAS,CAAC;;kCACrC,QAACyB;wBACCC,cAAYhB,EAAE,gCAAgC;4BAC5CiB,WAAWjB,EAAE;4BACbH;wBACF;wBACAW,WAAW;+BAAIJ;4BAAY,GAAGd,UAAU,QAAQ,CAAC;yBAAC,CAACmB,MAAM,CAACC,SAASC,IAAI,CAAC;wBACxEO,SAAS,IAAM,KAAKpB,iBAAiBK;wBACrCgB,MAAK;kCAEL,cAAA,QAAChC;4BAAY8B,WAAU;;;;;;;;;;;kCAEzB,QAACF;wBACCC,cAAYhB,EAAE,gCAAgC;4BAC5CiB,WAAWjB,EAAE;4BACbH;wBACF;wBACAW,WAAW;+BAAIF;4BAAa,GAAGhB,UAAU,QAAQ,CAAC;yBAAC,CAACmB,MAAM,CAACC,SAASC,IAAI,CAAC;wBACzEO,SAAS,IAAM,KAAKpB,iBAAiBI;wBACrCiB,MAAK;kCAEL,cAAA,QAAChC;;;;;;;;;;;;;;;;;;;;;;AAMb,EAAC"}

package/dist/elements/SortComplex/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 // TODO: abstract the `next/navigation` dependency out from this component
 import { usePathname, useRouter, useSearchParams } from 'next/navigation.js';
@@ -76,46 +76,82 @@ export const SortComplex = (props)=>{
         i18n,
         t
     ]);
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
-        children: /*#__PURE__*/ _jsx(React.Fragment, {
-            children: /*#__PURE__*/ _jsxs("div", {
+        children: /*#__PURE__*/ _jsxDEV(React.Fragment, {
+            children: /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__wrap`,
                 children: [
-                    /*#__PURE__*/ _jsxs("div", {
+                    /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__select`,
                         children: [
-                            /*#__PURE__*/ _jsx("div", {
+                            /*#__PURE__*/ _jsxDEV("div", {
                                 className: `${baseClass}__label`,
                                 children: t('general:columnToSort')
-                            }),
-                            /*#__PURE__*/ _jsx(ReactSelect, {
+                            }, void 0, false, {
+                                fileName: "src/elements/SortComplex/index.tsx",
+                                lineNumber: 86,
+                                columnNumber: 13
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV(ReactSelect, {
                                 onChange: setSortField,
                                 options: sortFields,
                                 value: sortField
-                            })
+                            }, void 0, false, {
+                                fileName: "src/elements/SortComplex/index.tsx",
+                                lineNumber: 87,
+                                columnNumber: 13
+                            }, this)
                         ]
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
+                    }, void 0, true, {
+                        fileName: "src/elements/SortComplex/index.tsx",
+                        lineNumber: 85,
+                        columnNumber: 11
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__select`,
                         children: [
-                            /*#__PURE__*/ _jsx("div", {
+                            /*#__PURE__*/ _jsxDEV("div", {
                                 className: `${baseClass}__label`,
                                 children: t('general:order')
-                            }),
-                            /*#__PURE__*/ _jsx(ReactSelect, {
+                            }, void 0, false, {
+                                fileName: "src/elements/SortComplex/index.tsx",
+                                lineNumber: 90,
+                                columnNumber: 13
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV(ReactSelect, {
                                 onChange: (incomingSort)=>{
                                     setSortOrder(incomingSort || initialSort);
                                 },
                                 options: sortOptions,
                                 value: sortOrder
-                            })
+                            }, void 0, false, {
+                                fileName: "src/elements/SortComplex/index.tsx",
+                                lineNumber: 91,
+                                columnNumber: 13
+                            }, this)
                         ]
-                    })
+                    }, void 0, true, {
+                        fileName: "src/elements/SortComplex/index.tsx",
+                        lineNumber: 89,
+                        columnNumber: 11
+                    }, this)
                 ]
-            })
-        })
-    });
+            }, void 0, true, {
+                fileName: "src/elements/SortComplex/index.tsx",
+                lineNumber: 84,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/elements/SortComplex/index.tsx",
+            lineNumber: 83,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/SortComplex/index.tsx",
+        lineNumber: 82,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SortComplex/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject, SanitizedCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation.js'\nimport { sortableFieldTypes } from 'payload'\nimport { fieldAffectsData } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useEffect, useState } from 'react'\n\nexport type SortComplexProps = {\n  collection: SanitizedCollectionConfig\n  handleChange?: (sort: string) => void\n  modifySearchQuery?: boolean\n  sort?: string\n}\n\nimport type { Option } from '../ReactSelect/index.js'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\nimport './index.scss'\n\nconst baseClass = 'sort-complex'\n\nexport const SortComplex: React.FC<SortComplexProps> = (props) => {\n  const { collection, handleChange, modifySearchQuery = true } = props\n\n  const router = useRouter()\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  const { i18n, t } = useTranslation()\n  const [sortOptions, setSortOptions] = useState<OptionObject[]>()\n\n  const [sortFields] = useState(() =>\n    collection.fields.reduce((fields, field) => {\n      if (fieldAffectsData(field) && sortableFieldTypes.indexOf(field.type) > -1) {\n        return [\n          ...fields,\n          { label: getTranslation(field.label || field.name, i18n), value: field.name },\n        ]\n      }\n      return fields\n    }, []),\n  )\n\n  const [sortField, setSortField] = useState(sortFields[0])\n  const [initialSort] = useState<Option>(() => ({ label: t('general:descending'), value: '-' }))\n  const [sortOrder, setSortOrder] = useState(initialSort)\n\n  useEffect(() => {\n    if (sortField?.value) {\n      const newSortValue = `${sortOrder.value}${sortField.value}`\n\n      if (handleChange) {\n        handleChange(newSortValue)\n      }\n\n      if (searchParams.get('sort') !== newSortValue && modifySearchQuery) {\n        const search = qs.stringify(\n          {\n            ...searchParams,\n            sort: newSortValue,\n          },\n          { addQueryPrefix: true },\n        )\n\n        router.replace(`${pathname}${search}`)\n      }\n    }\n  }, [pathname, router, searchParams, sortField, sortOrder, modifySearchQuery, handleChange])\n\n  useEffect(() => {\n    setSortOptions([\n      { label: t('general:ascending'), value: '' },\n      { label: t('general:descending'), value: '-' },\n    ])\n  }, [i18n, t])\n\n  return (\n    <div className={baseClass}>\n      <React.Fragment>\n        <div className={`${baseClass}__wrap`}>\n          <div className={`${baseClass}__select`}>\n            <div className={`${baseClass}__label`}>{t('general:columnToSort')}</div>\n            <ReactSelect onChange={setSortField} options={sortFields} value={sortField} />\n          </div>\n          <div className={`${baseClass}__select`}>\n            <div className={`${baseClass}__label`}>{t('general:order')}</div>\n            <ReactSelect\n              onChange={(incomingSort: Option) => {\n                setSortOrder(incomingSort || initialSort)\n              }}\n              options={sortOptions}\n              value={sortOrder}\n            />\n          </div>\n        </div>\n      </React.Fragment>\n    </div>\n  )\n}\n"],"names":["getTranslation","usePathname","useRouter","useSearchParams","sortableFieldTypes","fieldAffectsData","qs","React","useEffect","useState","useTranslation","ReactSelect","baseClass","SortComplex","props","collection","handleChange","modifySearchQuery","router","pathname","searchParams","i18n","t","sortOptions","setSortOptions","sortFields","fields","reduce","field","indexOf","type","label","name","value","sortField","setSortField","initialSort","sortOrder","setSortOrder","newSortValue","get","search","stringify","sort","addQueryPrefix","replace","div","className","Fragment","onChange","options","incomingSort"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/SortComplex/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject, SanitizedCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation.js'\nimport { sortableFieldTypes } from 'payload'\nimport { fieldAffectsData } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useEffect, useState } from 'react'\n\nexport type SortComplexProps = {\n  collection: SanitizedCollectionConfig\n  handleChange?: (sort: string) => void\n  modifySearchQuery?: boolean\n  sort?: string\n}\n\nimport type { Option } from '../ReactSelect/index.js'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\nimport './index.scss'\n\nconst baseClass = 'sort-complex'\n\nexport const SortComplex: React.FC<SortComplexProps> = (props) => {\n  const { collection, handleChange, modifySearchQuery = true } = props\n\n  const router = useRouter()\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  const { i18n, t } = useTranslation()\n  const [sortOptions, setSortOptions] = useState<OptionObject[]>()\n\n  const [sortFields] = useState(() =>\n    collection.fields.reduce((fields, field) => {\n      if (fieldAffectsData(field) && sortableFieldTypes.indexOf(field.type) > -1) {\n        return [\n          ...fields,\n          { label: getTranslation(field.label || field.name, i18n), value: field.name },\n        ]\n      }\n      return fields\n    }, []),\n  )\n\n  const [sortField, setSortField] = useState(sortFields[0])\n  const [initialSort] = useState<Option>(() => ({ label: t('general:descending'), value: '-' }))\n  const [sortOrder, setSortOrder] = useState(initialSort)\n\n  useEffect(() => {\n    if (sortField?.value) {\n      const newSortValue = `${sortOrder.value}${sortField.value}`\n\n      if (handleChange) {\n        handleChange(newSortValue)\n      }\n\n      if (searchParams.get('sort') !== newSortValue && modifySearchQuery) {\n        const search = qs.stringify(\n          {\n            ...searchParams,\n            sort: newSortValue,\n          },\n          { addQueryPrefix: true },\n        )\n\n        router.replace(`${pathname}${search}`)\n      }\n    }\n  }, [pathname, router, searchParams, sortField, sortOrder, modifySearchQuery, handleChange])\n\n  useEffect(() => {\n    setSortOptions([\n      { label: t('general:ascending'), value: '' },\n      { label: t('general:descending'), value: '-' },\n    ])\n  }, [i18n, t])\n\n  return (\n    <div className={baseClass}>\n      <React.Fragment>\n        <div className={`${baseClass}__wrap`}>\n          <div className={`${baseClass}__select`}>\n            <div className={`${baseClass}__label`}>{t('general:columnToSort')}</div>\n            <ReactSelect onChange={setSortField} options={sortFields} value={sortField} />\n          </div>\n          <div className={`${baseClass}__select`}>\n            <div className={`${baseClass}__label`}>{t('general:order')}</div>\n            <ReactSelect\n              onChange={(incomingSort: Option) => {\n                setSortOrder(incomingSort || initialSort)\n              }}\n              options={sortOptions}\n              value={sortOrder}\n            />\n          </div>\n        </div>\n      </React.Fragment>\n    </div>\n  )\n}\n"],"names":["getTranslation","usePathname","useRouter","useSearchParams","sortableFieldTypes","fieldAffectsData","qs","React","useEffect","useState","useTranslation","ReactSelect","baseClass","SortComplex","props","collection","handleChange","modifySearchQuery","router","pathname","searchParams","i18n","t","sortOptions","setSortOptions","sortFields","fields","reduce","field","indexOf","type","label","name","value","sortField","setSortField","initialSort","sortOrder","setSortOrder","newSortValue","get","search","stringify","sort","addQueryPrefix","replace","div","className","Fragment","onChange","options","incomingSort"],"mappings":"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"}

package/dist/elements/SortHeader/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { SortDownIcon } from '../../icons/Sort/index.js';
 import { useListQuery } from '../../providers/ListQuery/index.js';
@@ -27,14 +27,14 @@ export const SortHeader = (props)=>{
     const { appearance } = props;
     const { handleSortPress, isActive } = useSort();
     const { t } = useTranslation();
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             baseClass,
             appearance && `${baseClass}--appearance-${appearance}`
         ].filter(Boolean).join(' '),
-        children: /*#__PURE__*/ _jsx("div", {
+        children: /*#__PURE__*/ _jsxDEV("div", {
             className: `${baseClass}__buttons`,
-            children: /*#__PURE__*/ _jsx("button", {
+            children: /*#__PURE__*/ _jsxDEV("button", {
                 "aria-label": t('general:sortByLabelDirection', {
                     direction: t('general:ascending'),
                     label: 'Order'
@@ -42,10 +42,26 @@ export const SortHeader = (props)=>{
                 className: `${baseClass}__button ${isActive ? `${baseClass}--active` : ''}`,
                 onClick: handleSortPress,
                 type: "button",
-                children: /*#__PURE__*/ _jsx(SortDownIcon, {})
-            })
-        })
-    });
+                children: /*#__PURE__*/ _jsxDEV(SortDownIcon, {}, void 0, false, {
+                    fileName: "src/elements/SortHeader/index.tsx",
+                    lineNumber: 55,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/SortHeader/index.tsx",
+                lineNumber: 46,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/elements/SortHeader/index.tsx",
+            lineNumber: 45,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/SortHeader/index.tsx",
+        lineNumber: 40,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SortHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { SortDownIcon } from '../../icons/Sort/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport './index.scss'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport type SortHeaderProps = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly disable?: boolean\n}\n\nconst baseClass = 'sort-header'\n\nfunction useSort() {\n  const { handleSortChange, orderableFieldName, query } = useListQuery()\n  const querySort = Array.isArray(query.sort) ? query.sort[0] : query.sort\n  const isActive = querySort === orderableFieldName\n\n  const handleSortPress = () => {\n    // If it's already sorted by the \"_order\" field, do nothing\n    if (isActive) {\n      return\n    }\n    // If NOT sorted by the \"_order\" field, sort by that field.\n    void handleSortChange(orderableFieldName)\n  }\n\n  return { handleSortPress, isActive }\n}\n\nexport const SortHeader: React.FC<SortHeaderProps> = (props) => {\n  const { appearance } = props\n  const { handleSortPress, isActive } = useSort()\n  const { t } = useTranslation()\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${baseClass}__buttons`}>\n        <button\n          aria-label={t('general:sortByLabelDirection', {\n            direction: t('general:ascending'),\n            label: 'Order',\n          })}\n          className={`${baseClass}__button ${isActive ? `${baseClass}--active` : ''}`}\n          onClick={handleSortPress}\n          type=\"button\"\n        >\n          <SortDownIcon />\n        </button>\n      </div>\n    </div>\n  )\n}\n"],"names":["React","SortDownIcon","useListQuery","useTranslation","baseClass","useSort","handleSortChange","orderableFieldName","query","querySort","Array","isArray","sort","isActive","handleSortPress","SortHeader","props","appearance","t","div","className","filter","Boolean","join","button","aria-label","direction","label","onClick","type"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,4BAA2B;AACxD,SAASC,YAAY,QAAQ,qCAAoC;AACjE,OAAO,eAAc;AACrB,SAASC,cAAc,QAAQ,uCAAsC;AAOrE,MAAMC,YAAY;AAElB,SAASC;IACP,MAAM,EAAEC,gBAAgB,EAAEC,kBAAkB,EAAEC,KAAK,EAAE,GAAGN;IACxD,MAAMO,YAAYC,MAAMC,OAAO,CAACH,MAAMI,IAAI,IAAIJ,MAAMI,IAAI,CAAC,EAAE,GAAGJ,MAAMI,IAAI;IACxE,MAAMC,WAAWJ,cAAcF;IAE/B,MAAMO,kBAAkB;QACtB,2DAA2D;QAC3D,IAAID,UAAU;YACZ;QACF;QACA,2DAA2D;QAC3D,KAAKP,iBAAiBC;IACxB;IAEA,OAAO;QAAEO;QAAiBD;IAAS;AACrC;AAEA,OAAO,MAAME,aAAwC,CAACC;IACpD,MAAM,EAAEC,UAAU,EAAE,GAAGD;IACvB,MAAM,EAAEF,eAAe,EAAED,QAAQ,EAAE,GAAGR;IACtC,MAAM,EAAEa,CAAC,EAAE,GAAGf;IAEd,qBACE,KAACgB;QACCC,WAAW;YAAChB;YAAWa,cAAc,GAAGb,UAAU,aAAa,EAAEa,YAAY;SAAC,CAC3EI,MAAM,CAACC,SACPC,IAAI,CAAC;kBAER,cAAA,KAACJ;YAAIC,WAAW,GAAGhB,UAAU,SAAS,CAAC;sBACrC,cAAA,KAACoB;gBACCC,cAAYP,EAAE,gCAAgC;oBAC5CQ,WAAWR,EAAE;oBACbS,OAAO;gBACT;gBACAP,WAAW,GAAGhB,UAAU,SAAS,EAAES,WAAW,GAAGT,UAAU,QAAQ,CAAC,GAAG,IAAI;gBAC3EwB,SAASd;gBACTe,MAAK;0BAEL,cAAA,KAAC5B;;;;AAKX,EAAC"}
+{"version":3,"sources":["../../../src/elements/SortHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { SortDownIcon } from '../../icons/Sort/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport './index.scss'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport type SortHeaderProps = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly disable?: boolean\n}\n\nconst baseClass = 'sort-header'\n\nfunction useSort() {\n  const { handleSortChange, orderableFieldName, query } = useListQuery()\n  const querySort = Array.isArray(query.sort) ? query.sort[0] : query.sort\n  const isActive = querySort === orderableFieldName\n\n  const handleSortPress = () => {\n    // If it's already sorted by the \"_order\" field, do nothing\n    if (isActive) {\n      return\n    }\n    // If NOT sorted by the \"_order\" field, sort by that field.\n    void handleSortChange(orderableFieldName)\n  }\n\n  return { handleSortPress, isActive }\n}\n\nexport const SortHeader: React.FC<SortHeaderProps> = (props) => {\n  const { appearance } = props\n  const { handleSortPress, isActive } = useSort()\n  const { t } = useTranslation()\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${baseClass}__buttons`}>\n        <button\n          aria-label={t('general:sortByLabelDirection', {\n            direction: t('general:ascending'),\n            label: 'Order',\n          })}\n          className={`${baseClass}__button ${isActive ? `${baseClass}--active` : ''}`}\n          onClick={handleSortPress}\n          type=\"button\"\n        >\n          <SortDownIcon />\n        </button>\n      </div>\n    </div>\n  )\n}\n"],"names":["React","SortDownIcon","useListQuery","useTranslation","baseClass","useSort","handleSortChange","orderableFieldName","query","querySort","Array","isArray","sort","isActive","handleSortPress","SortHeader","props","appearance","t","div","className","filter","Boolean","join","button","aria-label","direction","label","onClick","type"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,4BAA2B;AACxD,SAASC,YAAY,QAAQ,qCAAoC;AACjE,OAAO,eAAc;AACrB,SAASC,cAAc,QAAQ,uCAAsC;AAOrE,MAAMC,YAAY;AAElB,SAASC;IACP,MAAM,EAAEC,gBAAgB,EAAEC,kBAAkB,EAAEC,KAAK,EAAE,GAAGN;IACxD,MAAMO,YAAYC,MAAMC,OAAO,CAACH,MAAMI,IAAI,IAAIJ,MAAMI,IAAI,CAAC,EAAE,GAAGJ,MAAMI,IAAI;IACxE,MAAMC,WAAWJ,cAAcF;IAE/B,MAAMO,kBAAkB;QACtB,2DAA2D;QAC3D,IAAID,UAAU;YACZ;QACF;QACA,2DAA2D;QAC3D,KAAKP,iBAAiBC;IACxB;IAEA,OAAO;QAAEO;QAAiBD;IAAS;AACrC;AAEA,OAAO,MAAME,aAAwC,CAACC;IACpD,MAAM,EAAEC,UAAU,EAAE,GAAGD;IACvB,MAAM,EAAEF,eAAe,EAAED,QAAQ,EAAE,GAAGR;IACtC,MAAM,EAAEa,CAAC,EAAE,GAAGf;IAEd,qBACE,QAACgB;QACCC,WAAW;YAAChB;YAAWa,cAAc,GAAGb,UAAU,aAAa,EAAEa,YAAY;SAAC,CAC3EI,MAAM,CAACC,SACPC,IAAI,CAAC;kBAER,cAAA,QAACJ;YAAIC,WAAW,GAAGhB,UAAU,SAAS,CAAC;sBACrC,cAAA,QAACoB;gBACCC,cAAYP,EAAE,gCAAgC;oBAC5CQ,WAAWR,EAAE;oBACbS,OAAO;gBACT;gBACAP,WAAW,GAAGhB,UAAU,SAAS,EAAES,WAAW,GAAGT,UAAU,QAAQ,CAAC,GAAG,IAAI;gBAC3EwB,SAASd;gBACTe,MAAK;0BAEL,cAAA,QAAC5B;;;;;;;;;;;;;;;;;;;;AAKX,EAAC"}

package/dist/elements/SortRow/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { DragHandleIcon } from '../../icons/DragHandle/index.js';
 import './index.scss';
@@ -8,14 +8,22 @@ const baseClass = 'sort-row';
 export const SortRow = ()=>{
     const { orderableFieldName, query } = useListQuery();
     const isActive = query.sort === orderableFieldName || query.sort === `-${orderableFieldName}`;
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: `${baseClass} ${isActive ? 'active' : ''}`,
         role: "button",
         tabIndex: 0,
-        children: /*#__PURE__*/ _jsx(DragHandleIcon, {
+        children: /*#__PURE__*/ _jsxDEV(DragHandleIcon, {
             className: `${baseClass}__icon`
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/elements/SortRow/index.tsx",
+            lineNumber: 17,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/SortRow/index.tsx",
+        lineNumber: 16,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SortRow/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { DragHandleIcon } from '../../icons/DragHandle/index.js'\nimport './index.scss'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\n\nconst baseClass = 'sort-row'\n\nexport const SortRow = () => {\n  const { orderableFieldName, query } = useListQuery()\n  const isActive = query.sort === orderableFieldName || query.sort === `-${orderableFieldName}`\n\n  return (\n    <div className={`${baseClass} ${isActive ? 'active' : ''}`} role=\"button\" tabIndex={0}>\n      <DragHandleIcon className={`${baseClass}__icon`} />\n    </div>\n  )\n}\n"],"names":["React","DragHandleIcon","useListQuery","baseClass","SortRow","orderableFieldName","query","isActive","sort","div","className","role","tabIndex"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,kCAAiC;AAChE,OAAO,eAAc;AACrB,SAASC,YAAY,QAAQ,qCAAoC;AAEjE,MAAMC,YAAY;AAElB,OAAO,MAAMC,UAAU;IACrB,MAAM,EAAEC,kBAAkB,EAAEC,KAAK,EAAE,GAAGJ;IACtC,MAAMK,WAAWD,MAAME,IAAI,KAAKH,sBAAsBC,MAAME,IAAI,KAAK,CAAC,CAAC,EAAEH,oBAAoB;IAE7F,qBACE,KAACI;QAAIC,WAAW,GAAGP,UAAU,CAAC,EAAEI,WAAW,WAAW,IAAI;QAAEI,MAAK;QAASC,UAAU;kBAClF,cAAA,KAACX;YAAeS,WAAW,GAAGP,UAAU,MAAM,CAAC;;;AAGrD,EAAC"}
+{"version":3,"sources":["../../../src/elements/SortRow/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { DragHandleIcon } from '../../icons/DragHandle/index.js'\nimport './index.scss'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\n\nconst baseClass = 'sort-row'\n\nexport const SortRow = () => {\n  const { orderableFieldName, query } = useListQuery()\n  const isActive = query.sort === orderableFieldName || query.sort === `-${orderableFieldName}`\n\n  return (\n    <div className={`${baseClass} ${isActive ? 'active' : ''}`} role=\"button\" tabIndex={0}>\n      <DragHandleIcon className={`${baseClass}__icon`} />\n    </div>\n  )\n}\n"],"names":["React","DragHandleIcon","useListQuery","baseClass","SortRow","orderableFieldName","query","isActive","sort","div","className","role","tabIndex"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,kCAAiC;AAChE,OAAO,eAAc;AACrB,SAASC,YAAY,QAAQ,qCAAoC;AAEjE,MAAMC,YAAY;AAElB,OAAO,MAAMC,UAAU;IACrB,MAAM,EAAEC,kBAAkB,EAAEC,KAAK,EAAE,GAAGJ;IACtC,MAAMK,WAAWD,MAAME,IAAI,KAAKH,sBAAsBC,MAAME,IAAI,KAAK,CAAC,CAAC,EAAEH,oBAAoB;IAE7F,qBACE,QAACI;QAAIC,WAAW,GAAGP,UAAU,CAAC,EAAEI,WAAW,WAAW,IAAI;QAAEI,MAAK;QAASC,UAAU;kBAClF,cAAA,QAACX;YAAeS,WAAW,GAAGP,UAAU,MAAM,CAAC;;;;;;;;;;;AAGrD,EAAC"}

package/dist/elements/Status/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import React, { useCallback } from 'react';
 import { toast } from 'sonner';
@@ -114,64 +114,104 @@ export const Status = ()=>{
     ]);
     const canUpdate = docPermissions?.update;
     if (statusToRender) {
-        return /*#__PURE__*/ _jsx("div", {
+        return /*#__PURE__*/ _jsxDEV("div", {
             className: baseClass,
             title: `${t('version:status')}: ${t(`version:${displayStatusKey}`)}`,
-            children: /*#__PURE__*/ _jsxs("div", {
+            children: /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__value-wrap`,
                 children: [
-                    /*#__PURE__*/ _jsxs("span", {
+                    /*#__PURE__*/ _jsxDEV("span", {
                         className: `${baseClass}__label`,
                         children: [
                             t('version:status'),
                             ": "
                         ]
-                    }),
-                    /*#__PURE__*/ _jsx("span", {
+                    }, void 0, true, {
+                        fileName: "src/elements/Status/index.tsx",
+                        lineNumber: 171,
+                        columnNumber: 11
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("span", {
                         className: `${baseClass}__value`,
                         children: t(`version:${displayStatusKey}`)
-                    }),
-                    !isTrashed && canUpdate && statusToRender === 'published' && /*#__PURE__*/ _jsxs(React.Fragment, {
+                    }, void 0, false, {
+                        fileName: "src/elements/Status/index.tsx",
+                        lineNumber: 172,
+                        columnNumber: 11
+                    }, this),
+                    !isTrashed && canUpdate && statusToRender === 'published' && /*#__PURE__*/ _jsxDEV(React.Fragment, {
                         children: [
                             " — ",
-                            /*#__PURE__*/ _jsx(Button, {
+                            /*#__PURE__*/ _jsxDEV(Button, {
                                 buttonStyle: "none",
                                 className: `${baseClass}__action`,
                                 id: `action-unpublish`,
                                 onClick: ()=>toggleModal(unPublishModalSlug),
                                 children: t('version:unpublish')
-                            }),
-                            /*#__PURE__*/ _jsx(ConfirmationModal, {
+                            }, void 0, false, {
+                                fileName: "src/elements/Status/index.tsx",
+                                lineNumber: 176,
+                                columnNumber: 15
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
                                 body: t('version:aboutToUnpublish'),
                                 confirmingLabel: t('version:unpublishing'),
                                 heading: t('version:confirmUnpublish'),
                                 modalSlug: unPublishModalSlug,
                                 onConfirm: ()=>performAction('unpublish')
-                            })
+                            }, void 0, false, {
+                                fileName: "src/elements/Status/index.tsx",
+                                lineNumber: 184,
+                                columnNumber: 15
+                            }, this)
                         ]
-                    }),
-                    !isTrashed && canUpdate && hasPublishedDoc && statusToRender === 'changed' && /*#__PURE__*/ _jsxs(React.Fragment, {
+                    }, void 0, true, {
+                        fileName: "src/elements/Status/index.tsx",
+                        lineNumber: 174,
+                        columnNumber: 13
+                    }, this),
+                    !isTrashed && canUpdate && hasPublishedDoc && statusToRender === 'changed' && /*#__PURE__*/ _jsxDEV(React.Fragment, {
                         children: [
                             " — ",
-                            /*#__PURE__*/ _jsx(Button, {
+                            /*#__PURE__*/ _jsxDEV(Button, {
                                 buttonStyle: "none",
                                 className: `${baseClass}__action`,
                                 id: "action-revert-to-published",
                                 onClick: ()=>toggleModal(revertModalSlug),
                                 children: t('version:revertToPublished')
-                            }),
-                            /*#__PURE__*/ _jsx(ConfirmationModal, {
+                            }, void 0, false, {
+                                fileName: "src/elements/Status/index.tsx",
+                                lineNumber: 199,
+                                columnNumber: 17
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
                                 body: t('version:aboutToRevertToPublished'),
                                 confirmingLabel: t('version:reverting'),
                                 heading: t('version:confirmRevertToSaved'),
                                 modalSlug: revertModalSlug,
                                 onConfirm: ()=>performAction('revert')
-                            })
+                            }, void 0, false, {
+                                fileName: "src/elements/Status/index.tsx",
+                                lineNumber: 207,
+                                columnNumber: 17
+                            }, this)
                         ]
-                    })
+                    }, void 0, true, {
+                        fileName: "src/elements/Status/index.tsx",
+                        lineNumber: 197,
+                        columnNumber: 15
+                    }, this)
                 ]
-            })
-        });
+            }, void 0, true, {
+                fileName: "src/elements/Status/index.tsx",
+                lineNumber: 170,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/elements/Status/index.tsx",
+            lineNumber: 166,
+            columnNumber: 7
+        }, this);
     }
     return null;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Status/index.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/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 './index.scss'\n\nconst baseClass = 'status'\n\nexport const Status: React.FC = () => {\n  const {\n    id,\n    collectionSlug,\n    docPermissions,\n    globalSlug,\n    hasPublishedDoc,\n    incrementVersionCount,\n    isTrashed,\n    setHasPublishedDoc,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n    unpublishedVersionCount,\n  } = useDocumentInfo()\n\n  const { toggleModal } = useModal()\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { reset: resetForm } = useForm()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const unPublishModalSlug = `confirm-un-publish-${id}`\n  const revertModalSlug = `confirm-revert-${id}`\n\n  let statusToRender: 'changed' | 'draft' | 'published'\n\n  if (unpublishedVersionCount > 0 && hasPublishedDoc) {\n    statusToRender = 'changed'\n  } else if (!hasPublishedDoc) {\n    statusToRender = 'draft'\n  } else if (hasPublishedDoc && unpublishedVersionCount <= 0) {\n    statusToRender = 'published'\n  }\n\n  const displayStatusKey = isTrashed\n    ? hasPublishedDoc\n      ? 'previouslyPublished'\n      : 'previouslyDraft'\n    : statusToRender\n\n  const performAction = useCallback(\n    async (action: 'revert' | 'unpublish') => {\n      let url\n      let method\n      let body\n\n      if (action === 'unpublish') {\n        body = {\n          _status: 'draft',\n        }\n      }\n\n      if (collectionSlug) {\n        url = `${serverURL}${api}/${collectionSlug}/${id}?locale=${locale}&fallback-locale=null&depth=0`\n        method = 'patch'\n      }\n\n      if (globalSlug) {\n        url = `${serverURL}${api}/globals/${globalSlug}?locale=${locale}&fallback-locale=null&depth=0`\n        method = 'post'\n      }\n\n      if (action === 'revert') {\n        const publishedDoc = await requests\n          .get(url, {\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/json',\n            },\n          })\n          .then((res) => res.json())\n\n        body = publishedDoc\n      }\n\n      const res = await requests[method](url, {\n        body: JSON.stringify(body),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n\n      if (res.status === 200) {\n        let data\n        const json = await res.json()\n\n        if (globalSlug) {\n          data = json.result\n        } else if (collectionSlug) {\n          data = json.doc\n        }\n\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        resetForm(data)\n        toast.success(json.message)\n        incrementVersionCount()\n        setMostRecentVersionIsAutosaved(false)\n\n        if (action === 'unpublish') {\n          setHasPublishedDoc(false)\n        } else if (action === 'revert') {\n          setUnpublishedVersionCount(0)\n        }\n      } else {\n        try {\n          const json = await res.json()\n          if (json.errors?.[0]?.message) {\n            toast.error(json.errors[0].message)\n          } else if (json.error) {\n            toast.error(json.error)\n          } else {\n            toast.error(t('error:unPublishingDocument'))\n          }\n          // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        } catch (err) {\n          toast.error(t('error:unPublishingDocument'))\n        }\n      }\n    },\n    [\n      api,\n      collectionSlug,\n      globalSlug,\n      id,\n      i18n.language,\n      incrementVersionCount,\n      locale,\n      resetForm,\n      serverURL,\n      setUnpublishedVersionCount,\n      setMostRecentVersionIsAutosaved,\n      t,\n      setHasPublishedDoc,\n    ],\n  )\n\n  const canUpdate = docPermissions?.update\n\n  if (statusToRender) {\n    return (\n      <div\n        className={baseClass}\n        title={`${t('version:status')}: ${t(`version:${displayStatusKey}`)}`}\n      >\n        <div className={`${baseClass}__value-wrap`}>\n          <span className={`${baseClass}__label`}>{t('version:status')}:&nbsp;</span>\n          <span className={`${baseClass}__value`}>{t(`version:${displayStatusKey}`)}</span>\n          {!isTrashed && canUpdate && statusToRender === 'published' && (\n            <React.Fragment>\n              &nbsp;&mdash;&nbsp;\n              <Button\n                buttonStyle=\"none\"\n                className={`${baseClass}__action`}\n                id={`action-unpublish`}\n                onClick={() => toggleModal(unPublishModalSlug)}\n              >\n                {t('version:unpublish')}\n              </Button>\n              <ConfirmationModal\n                body={t('version:aboutToUnpublish')}\n                confirmingLabel={t('version:unpublishing')}\n                heading={t('version:confirmUnpublish')}\n                modalSlug={unPublishModalSlug}\n                onConfirm={() => performAction('unpublish')}\n              />\n            </React.Fragment>\n          )}\n          {!isTrashed &&\n            canUpdate &&\n            hasPublishedDoc &&\n            statusToRender === 'changed' && (\n              <React.Fragment>\n                &nbsp;&mdash;&nbsp;\n                <Button\n                  buttonStyle=\"none\"\n                  className={`${baseClass}__action`}\n                  id=\"action-revert-to-published\"\n                  onClick={() => toggleModal(revertModalSlug)}\n                >\n                  {t('version:revertToPublished')}\n                </Button>\n                <ConfirmationModal\n                  body={t('version:aboutToRevertToPublished')}\n                  confirmingLabel={t('version:reverting')}\n                  heading={t('version:confirmRevertToSaved')}\n                  modalSlug={revertModalSlug}\n                  onConfirm={() => performAction('revert')}\n                />\n              </React.Fragment>\n            )}\n        </div>\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["useModal","React","useCallback","toast","useForm","useConfig","useDocumentInfo","useLocale","useTranslation","requests","Button","ConfirmationModal","baseClass","Status","id","collectionSlug","docPermissions","globalSlug","hasPublishedDoc","incrementVersionCount","isTrashed","setHasPublishedDoc","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","unpublishedVersionCount","toggleModal","config","routes","api","serverURL","reset","resetForm","code","locale","i18n","t","unPublishModalSlug","revertModalSlug","statusToRender","displayStatusKey","performAction","action","url","method","body","_status","publishedDoc","get","headers","language","then","res","json","JSON","stringify","status","data","result","doc","success","message","errors","error","err","canUpdate","update","div","className","title","span","Fragment","buttonStyle","onClick","confirmingLabel","heading","modalSlug","onConfirm"],"mappings":"AAAA;;AACA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAC1C,SAASC,KAAK,QAAQ,SAAQ;AAE9B,SAASC,OAAO,QAAQ,8BAA6B;AACrD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,QAAQ,QAAQ,yBAAwB;AACjD,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,gCAA+B;AACjE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,SAAmB;IAC9B,MAAM,EACJC,EAAE,EACFC,cAAc,EACdC,cAAc,EACdC,UAAU,EACVC,eAAe,EACfC,qBAAqB,EACrBC,SAAS,EACTC,kBAAkB,EAClBC,+BAA+B,EAC/BC,0BAA0B,EAC1BC,uBAAuB,EACxB,GAAGlB;IAEJ,MAAM,EAAEmB,WAAW,EAAE,GAAGzB;IAExB,MAAM,EACJ0B,QAAQ,EACNC,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,EACF,GAAGxB;IAEJ,MAAM,EAAEyB,OAAOC,SAAS,EAAE,GAAG3B;IAC7B,MAAM,EAAE4B,MAAMC,MAAM,EAAE,GAAG1B;IACzB,MAAM,EAAE2B,IAAI,EAAEC,CAAC,EAAE,GAAG3B;IAEpB,MAAM4B,qBAAqB,CAAC,mBAAmB,EAAEtB,IAAI;IACrD,MAAMuB,kBAAkB,CAAC,eAAe,EAAEvB,IAAI;IAE9C,IAAIwB;IAEJ,IAAId,0BAA0B,KAAKN,iBAAiB;QAClDoB,iBAAiB;IACnB,OAAO,IAAI,CAACpB,iBAAiB;QAC3BoB,iBAAiB;IACnB,OAAO,IAAIpB,mBAAmBM,2BAA2B,GAAG;QAC1Dc,iBAAiB;IACnB;IAEA,MAAMC,mBAAmBnB,YACrBF,kBACE,wBACA,oBACFoB;IAEJ,MAAME,gBAAgBtC,YACpB,OAAOuC;QACL,IAAIC;QACJ,IAAIC;QACJ,IAAIC;QAEJ,IAAIH,WAAW,aAAa;YAC1BG,OAAO;gBACLC,SAAS;YACX;QACF;QAEA,IAAI9B,gBAAgB;YAClB2B,MAAM,GAAGb,YAAYD,IAAI,CAAC,EAAEb,eAAe,CAAC,EAAED,GAAG,QAAQ,EAAEmB,OAAO,6BAA6B,CAAC;YAChGU,SAAS;QACX;QAEA,IAAI1B,YAAY;YACdyB,MAAM,GAAGb,YAAYD,IAAI,SAAS,EAAEX,WAAW,QAAQ,EAAEgB,OAAO,6BAA6B,CAAC;YAC9FU,SAAS;QACX;QAEA,IAAIF,WAAW,UAAU;YACvB,MAAMK,eAAe,MAAMrC,SACxBsC,GAAG,CAACL,KAAK;gBACRM,SAAS;oBACP,mBAAmBd,KAAKe,QAAQ;oBAChC,gBAAgB;gBAClB;YACF,GACCC,IAAI,CAAC,CAACC,MAAQA,IAAIC,IAAI;YAEzBR,OAAOE;QACT;QAEA,MAAMK,MAAM,MAAM1C,QAAQ,CAACkC,OAAO,CAACD,KAAK;YACtCE,MAAMS,KAAKC,SAAS,CAACV;YACrBI,SAAS;gBACP,mBAAmBd,KAAKe,QAAQ;gBAChC,gBAAgB;YAClB;QACF;QAEA,IAAIE,IAAII,MAAM,KAAK,KAAK;YACtB,IAAIC;YACJ,MAAMJ,OAAO,MAAMD,IAAIC,IAAI;YAE3B,IAAInC,YAAY;gBACduC,OAAOJ,KAAKK,MAAM;YACpB,OAAO,IAAI1C,gBAAgB;gBACzByC,OAAOJ,KAAKM,GAAG;YACjB;YAEA,mEAAmE;YACnE3B,UAAUyB;YACVrD,MAAMwD,OAAO,CAACP,KAAKQ,OAAO;YAC1BzC;YACAG,gCAAgC;YAEhC,IAAImB,WAAW,aAAa;gBAC1BpB,mBAAmB;YACrB,OAAO,IAAIoB,WAAW,UAAU;gBAC9BlB,2BAA2B;YAC7B;QACF,OAAO;YACL,IAAI;gBACF,MAAM6B,OAAO,MAAMD,IAAIC,IAAI;gBAC3B,IAAIA,KAAKS,MAAM,EAAE,CAAC,EAAE,EAAED,SAAS;oBAC7BzD,MAAM2D,KAAK,CAACV,KAAKS,MAAM,CAAC,EAAE,CAACD,OAAO;gBACpC,OAAO,IAAIR,KAAKU,KAAK,EAAE;oBACrB3D,MAAM2D,KAAK,CAACV,KAAKU,KAAK;gBACxB,OAAO;oBACL3D,MAAM2D,KAAK,CAAC3B,EAAE;gBAChB;YAEF,EADE,6DAA6D;YAC7D,OAAO4B,KAAK;gBACZ5D,MAAM2D,KAAK,CAAC3B,EAAE;YAChB;QACF;IACF,GACA;QACEP;QACAb;QACAE;QACAH;QACAoB,KAAKe,QAAQ;QACb9B;QACAc;QACAF;QACAF;QACAN;QACAD;QACAa;QACAd;KACD;IAGH,MAAM2C,YAAYhD,gBAAgBiD;IAElC,IAAI3B,gBAAgB;QAClB,qBACE,KAAC4B;YACCC,WAAWvD;YACXwD,OAAO,GAAGjC,EAAE,kBAAkB,EAAE,EAAEA,EAAE,CAAC,QAAQ,EAAEI,kBAAkB,GAAG;sBAEpE,cAAA,MAAC2B;gBAAIC,WAAW,GAAGvD,UAAU,YAAY,CAAC;;kCACxC,MAACyD;wBAAKF,WAAW,GAAGvD,UAAU,OAAO,CAAC;;4BAAGuB,EAAE;4BAAkB;;;kCAC7D,KAACkC;wBAAKF,WAAW,GAAGvD,UAAU,OAAO,CAAC;kCAAGuB,EAAE,CAAC,QAAQ,EAAEI,kBAAkB;;oBACvE,CAACnB,aAAa4C,aAAa1B,mBAAmB,6BAC7C,MAACrC,MAAMqE,QAAQ;;4BAAC;0CAEd,KAAC5D;gCACC6D,aAAY;gCACZJ,WAAW,GAAGvD,UAAU,QAAQ,CAAC;gCACjCE,IAAI,CAAC,gBAAgB,CAAC;gCACtB0D,SAAS,IAAM/C,YAAYW;0CAE1BD,EAAE;;0CAEL,KAACxB;gCACCiC,MAAMT,EAAE;gCACRsC,iBAAiBtC,EAAE;gCACnBuC,SAASvC,EAAE;gCACXwC,WAAWvC;gCACXwC,WAAW,IAAMpC,cAAc;;;;oBAIpC,CAACpB,aACA4C,aACA9C,mBACAoB,mBAAmB,2BACjB,MAACrC,MAAMqE,QAAQ;;4BAAC;0CAEd,KAAC5D;gCACC6D,aAAY;gCACZJ,WAAW,GAAGvD,UAAU,QAAQ,CAAC;gCACjCE,IAAG;gCACH0D,SAAS,IAAM/C,YAAYY;0CAE1BF,EAAE;;0CAEL,KAACxB;gCACCiC,MAAMT,EAAE;gCACRsC,iBAAiBtC,EAAE;gCACnBuC,SAASvC,EAAE;gCACXwC,WAAWtC;gCACXuC,WAAW,IAAMpC,cAAc;;;;;;;IAO/C;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../src/elements/Status/index.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/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 './index.scss'\n\nconst baseClass = 'status'\n\nexport const Status: React.FC = () => {\n  const {\n    id,\n    collectionSlug,\n    docPermissions,\n    globalSlug,\n    hasPublishedDoc,\n    incrementVersionCount,\n    isTrashed,\n    setHasPublishedDoc,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n    unpublishedVersionCount,\n  } = useDocumentInfo()\n\n  const { toggleModal } = useModal()\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { reset: resetForm } = useForm()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const unPublishModalSlug = `confirm-un-publish-${id}`\n  const revertModalSlug = `confirm-revert-${id}`\n\n  let statusToRender: 'changed' | 'draft' | 'published'\n\n  if (unpublishedVersionCount > 0 && hasPublishedDoc) {\n    statusToRender = 'changed'\n  } else if (!hasPublishedDoc) {\n    statusToRender = 'draft'\n  } else if (hasPublishedDoc && unpublishedVersionCount <= 0) {\n    statusToRender = 'published'\n  }\n\n  const displayStatusKey = isTrashed\n    ? hasPublishedDoc\n      ? 'previouslyPublished'\n      : 'previouslyDraft'\n    : statusToRender\n\n  const performAction = useCallback(\n    async (action: 'revert' | 'unpublish') => {\n      let url\n      let method\n      let body\n\n      if (action === 'unpublish') {\n        body = {\n          _status: 'draft',\n        }\n      }\n\n      if (collectionSlug) {\n        url = `${serverURL}${api}/${collectionSlug}/${id}?locale=${locale}&fallback-locale=null&depth=0`\n        method = 'patch'\n      }\n\n      if (globalSlug) {\n        url = `${serverURL}${api}/globals/${globalSlug}?locale=${locale}&fallback-locale=null&depth=0`\n        method = 'post'\n      }\n\n      if (action === 'revert') {\n        const publishedDoc = await requests\n          .get(url, {\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/json',\n            },\n          })\n          .then((res) => res.json())\n\n        body = publishedDoc\n      }\n\n      const res = await requests[method](url, {\n        body: JSON.stringify(body),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n\n      if (res.status === 200) {\n        let data\n        const json = await res.json()\n\n        if (globalSlug) {\n          data = json.result\n        } else if (collectionSlug) {\n          data = json.doc\n        }\n\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        resetForm(data)\n        toast.success(json.message)\n        incrementVersionCount()\n        setMostRecentVersionIsAutosaved(false)\n\n        if (action === 'unpublish') {\n          setHasPublishedDoc(false)\n        } else if (action === 'revert') {\n          setUnpublishedVersionCount(0)\n        }\n      } else {\n        try {\n          const json = await res.json()\n          if (json.errors?.[0]?.message) {\n            toast.error(json.errors[0].message)\n          } else if (json.error) {\n            toast.error(json.error)\n          } else {\n            toast.error(t('error:unPublishingDocument'))\n          }\n          // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        } catch (err) {\n          toast.error(t('error:unPublishingDocument'))\n        }\n      }\n    },\n    [\n      api,\n      collectionSlug,\n      globalSlug,\n      id,\n      i18n.language,\n      incrementVersionCount,\n      locale,\n      resetForm,\n      serverURL,\n      setUnpublishedVersionCount,\n      setMostRecentVersionIsAutosaved,\n      t,\n      setHasPublishedDoc,\n    ],\n  )\n\n  const canUpdate = docPermissions?.update\n\n  if (statusToRender) {\n    return (\n      <div\n        className={baseClass}\n        title={`${t('version:status')}: ${t(`version:${displayStatusKey}`)}`}\n      >\n        <div className={`${baseClass}__value-wrap`}>\n          <span className={`${baseClass}__label`}>{t('version:status')}:&nbsp;</span>\n          <span className={`${baseClass}__value`}>{t(`version:${displayStatusKey}`)}</span>\n          {!isTrashed && canUpdate && statusToRender === 'published' && (\n            <React.Fragment>\n              &nbsp;&mdash;&nbsp;\n              <Button\n                buttonStyle=\"none\"\n                className={`${baseClass}__action`}\n                id={`action-unpublish`}\n                onClick={() => toggleModal(unPublishModalSlug)}\n              >\n                {t('version:unpublish')}\n              </Button>\n              <ConfirmationModal\n                body={t('version:aboutToUnpublish')}\n                confirmingLabel={t('version:unpublishing')}\n                heading={t('version:confirmUnpublish')}\n                modalSlug={unPublishModalSlug}\n                onConfirm={() => performAction('unpublish')}\n              />\n            </React.Fragment>\n          )}\n          {!isTrashed &&\n            canUpdate &&\n            hasPublishedDoc &&\n            statusToRender === 'changed' && (\n              <React.Fragment>\n                &nbsp;&mdash;&nbsp;\n                <Button\n                  buttonStyle=\"none\"\n                  className={`${baseClass}__action`}\n                  id=\"action-revert-to-published\"\n                  onClick={() => toggleModal(revertModalSlug)}\n                >\n                  {t('version:revertToPublished')}\n                </Button>\n                <ConfirmationModal\n                  body={t('version:aboutToRevertToPublished')}\n                  confirmingLabel={t('version:reverting')}\n                  heading={t('version:confirmRevertToSaved')}\n                  modalSlug={revertModalSlug}\n                  onConfirm={() => performAction('revert')}\n                />\n              </React.Fragment>\n            )}\n        </div>\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["useModal","React","useCallback","toast","useForm","useConfig","useDocumentInfo","useLocale","useTranslation","requests","Button","ConfirmationModal","baseClass","Status","id","collectionSlug","docPermissions","globalSlug","hasPublishedDoc","incrementVersionCount","isTrashed","setHasPublishedDoc","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","unpublishedVersionCount","toggleModal","config","routes","api","serverURL","reset","resetForm","code","locale","i18n","t","unPublishModalSlug","revertModalSlug","statusToRender","displayStatusKey","performAction","action","url","method","body","_status","publishedDoc","get","headers","language","then","res","json","JSON","stringify","status","data","result","doc","success","message","errors","error","err","canUpdate","update","div","className","title","span","Fragment","buttonStyle","onClick","confirmingLabel","heading","modalSlug","onConfirm"],"mappings":"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"}

package/dist/elements/StayLoggedIn/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useRouter } from 'next/navigation.js';
 import { formatAdminURL } from 'payload/shared';
 import React, { useCallback } from 'react';
@@ -32,7 +32,7 @@ export const StayLoggedInModal = ()=>{
     }, [
         refreshCookie
     ]);
-    return /*#__PURE__*/ _jsx(ConfirmationModal, {
+    return /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
         body: t('authentication:youAreInactive'),
         cancelLabel: t('authentication:stayLoggedIn'),
         confirmLabel: t('authentication:logOut'),
@@ -40,7 +40,11 @@ export const StayLoggedInModal = ()=>{
         modalSlug: stayLoggedInModalSlug,
         onCancel: onCancel,
         onConfirm: onConfirm
-    });
+    }, void 0, false, {
+        fileName: "src/elements/StayLoggedIn/index.tsx",
+        lineNumber: 48,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map