@payloadcms/ui 3.2.3-canary.673b4b5 → 3.4.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Fragment","useDocumentInfo","IDLabel","baseClass","RenderTitle","props","$","className","element","t0","fallback","title","titleFromProps","undefined","id","isInitializing","titleFromContext","idAsTitle","Tag","t1","EmptySpace","_jsx","children","t2","t3","filter","Boolean","join"],"sources":["../../../src/elements/RenderTitle/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment } from 'react'\n\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { IDLabel } from '../IDLabel/index.js'\nimport './index.scss'\n\nconst baseClass = 'render-title'\n\nexport type RenderTitleProps = {\n  className?: string\n  element?: React.ElementType\n  fallback?: string\n  fallbackToID?: boolean\n  title?: string\n}\n\nexport const RenderTitle: React.FC<RenderTitleProps> = (props) => {\n  const { className, element = 'h1', fallback, title: titleFromProps } = props\n\n  const { id, isInitializing, title: titleFromContext } = useDocumentInfo()\n\n  const title = titleFromProps || titleFromContext || fallback\n\n  const idAsTitle = title === id\n\n  const Tag = element\n\n  // Render and invisible character to prevent layout shift when the title populates from context\n  const EmptySpace = <Fragment>&nbsp;</Fragment>\n\n  return (\n    <Tag\n      className={[className, baseClass, idAsTitle && `${baseClass}--has-id`]\n        .filter(Boolean)\n        .join(' ')}\n      title={title}\n    >\n      {isInitializing ? (\n        EmptySpace\n      ) : (\n        <Fragment>\n          {idAsTitle ? <IDLabel className={`${baseClass}__id`} id={id} /> : title || EmptySpace}\n        </Fragment>\n      )}\n    </Tag>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,eAAe,QAAQ;AAChC,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAUlB,OAAO,MAAMC,WAAA,GAA0CC,KAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACrD;IAAAS,SAAA;IAAAC,OAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC,KAAA,EAAAC;EAAA,IAAuEP,KAAA;EAApD,MAAAG,OAAA,GAAAC,EAAc,KAAAI,SAAA,GAAJ,IAAI,GAAdJ,EAAc;EAEjC;IAAAK,EAAA;IAAAC,cAAA;IAAAJ,KAAA,EAAAK;EAAA,IAAwDf,eAAA;EAExD,MAAAU,KAAA,GAAcC,cAAA,IAAkBI,gBAAA,IAAoBN,QAAA;EAEpD,MAAAO,SAAA,GAAkBN,KAAA,KAAUG,EAAA;EAE5B,MAAAI,GAAA,GAAYV,OAAA;EAAA,IAAAW,EAAA;EAAA,IAAAb,CAAA,QAAAW,SAAA,IAAAX,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAS,cAAA,IAAAT,CAAA,QAAAQ,EAAA,IAAAR,CAAA,QAAAK,KAAA,IAAAL,CAAA,QAAAY,GAAA;IAGZ,MAAAE,UAAA,GAAmBC,IAAA,CAAArB,QAAA;MAAAsB,QAAA,EAAU;IAAA,C;IAIS,MAAAC,EAAA,GAAAN,SAAA,IAAa,GAAAd,SAAA,UAAsB;IAAA,IAAAqB,EAAA;IAAA,IAAAlB,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAiB,EAAA;MAA1DC,EAAA,IAACjB,SAAA,EAAAJ,SAAA,EAAsBoB,EAAmC,EAAAE,MAAA,CAAAC,OAC3D;MAAApB,CAAA,MAAAC,SAAA;MAAAD,CAAA,MAAAiB,EAAA;MAAAjB,CAAA,MAAAkB,EAAA;IAAA;MAAAA,EAAA,GAAAlB,CAAA;IAAA;IAFZa,EAAA,GAAAE,IAAA,CAACH,GAAA;MAAAX,SAAA,EACYiB,EACD,CAAAG,IAAA,CACF;MAAAhB,KAAA;MAAAW,QAAA,EAGPP,cAAA,GACCK,UAAA,GAEAC,IAAA,CAAArB,QAAA;QAAAsB,QAAA,EACGL,SAAA,GAAYI,IAAA,CAAAnB,OAAA;UAAAK,SAAA,EAAoB,GAAAJ,SAAA,MAAkB;UAAAW;QAAA,C,IAAeH,KAAA,IAASS;MAAA,C;;;;;;;;;;;;SAVjFD,E;CAeJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Fragment","useDocumentInfo","IDLabel","baseClass","RenderTitle","props","$","className","element","t0","fallback","title","titleFromProps","undefined","id","isInitializing","titleFromContext","idAsTitle","Tag","t1","EmptySpace","_jsx","children","t2","t3","filter","Boolean","join"],"sources":["../../../src/elements/RenderTitle/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment } from 'react'\n\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { IDLabel } from '../IDLabel/index.js'\nimport './index.scss'\n\nconst baseClass = 'render-title'\n\nexport type RenderTitleProps = {\n  className?: string\n  element?: React.ElementType\n  fallback?: string\n  fallbackToID?: boolean\n  title?: string\n}\n\nexport const RenderTitle: React.FC<RenderTitleProps> = (props) => {\n  const { className, element = 'h1', fallback, title: titleFromProps } = props\n\n  const { id, isInitializing, title: titleFromContext } = useDocumentInfo()\n\n  const title = titleFromProps || titleFromContext || fallback\n\n  const idAsTitle = title === id\n\n  const Tag = element\n\n  // Render and invisible character to prevent layout shift when the title populates from context\n  const EmptySpace = <Fragment>&nbsp;</Fragment>\n\n  return (\n    <Tag\n      className={[className, baseClass, idAsTitle && `${baseClass}--has-id`]\n        .filter(Boolean)\n        .join(' ')}\n      title={title}\n    >\n      {isInitializing ? (\n        EmptySpace\n      ) : (\n        <Fragment>\n          {idAsTitle ? <IDLabel className={`${baseClass}__id`} id={id} /> : title || EmptySpace}\n        </Fragment>\n      )}\n    </Tag>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,eAAe,QAAQ;AAChC,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAUlB,OAAO,MAAMC,WAAA,GAA0CC,KAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACrD;IAAAS,SAAA;IAAAC,OAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC,KAAA,EAAAC;EAAA,IAAuEP,KAAA;EAApD,MAAAG,OAAA,GAAAC,EAAc,KAAAI,SAAA,GAAJ,IAAI,GAAdJ,EAAc;EAEjC;IAAAK,EAAA;IAAAC,cAAA;IAAAJ,KAAA,EAAAK;EAAA,IAAwDf,eAAA;EAExD,MAAAU,KAAA,GAAcC,cAAA,IAAkBI,gBAAA,IAAoBN,QAAA;EAEpD,MAAAO,SAAA,GAAkBN,KAAA,KAAUG,EAAA;EAE5B,MAAAI,GAAA,GAAYV,OAAA;EAAA,IAAAW,EAAA;EAAA,IAAAb,CAAA,QAAAY,GAAA,IAAAZ,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAQ,EAAA,IAAAR,CAAA,QAAAW,SAAA,IAAAX,CAAA,QAAAS,cAAA,IAAAT,CAAA,QAAAK,KAAA;IAGZ,MAAAS,UAAA,GAAmBC,IAAA,CAAArB,QAAA;MAAAsB,QAAA,EAAU;IAAA,C;IAIS,MAAAC,EAAA,GAAAN,SAAA,IAAa,GAAAd,SAAA,UAAsB;IAAA,IAAAqB,EAAA;IAAA,IAAAlB,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAiB,EAAA;MAA1DC,EAAA,IAACjB,SAAA,EAAAJ,SAAA,EAAsBoB,EAAmC,EAAAE,MAAA,CAAAC,OAC3D;MAAApB,CAAA,MAAAC,SAAA;MAAAD,CAAA,MAAAiB,EAAA;MAAAjB,CAAA,MAAAkB,EAAA;IAAA;MAAAA,EAAA,GAAAlB,CAAA;IAAA;IAFZa,EAAA,GAAAE,IAAA,CAACH,GAAA;MAAAX,SAAA,EACYiB,EACD,CAAAG,IAAA,CACF;MAAAhB,KAAA;MAAAW,QAAA,EAGPP,cAAA,GACCK,UAAA,GAEAC,IAAA,CAAArB,QAAA;QAAAsB,QAAA,EACGL,SAAA,GAAYI,IAAA,CAAAnB,OAAA;UAAAK,SAAA,EAAoB,GAAAJ,SAAA,MAAkB;UAAAW;QAAA,C,IAAeH,KAAA,IAASS;MAAA,C;;;;;;;;;;;;SAVjFD,E;CAeJ","ignoreList":[]}

package/dist/elements/SelectAll/index.js

@@ -18,7 +18,7 @@ export const SelectAll = () => {
     i18n
   } = useTranslation();
   let t0;
-  if ($[0] !== selectAll || $[1] !== i18n || $[2] !== toggleAll) {
+  if ($[0] !== i18n || $[1] !== selectAll || $[2] !== toggleAll) {
     let t1;
     if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
       t1 = [baseClass, `${baseClass}__checkbox`];
@@ -43,8 +43,8 @@ export const SelectAll = () => {
       onToggle: t2,
       partialChecked: selectAll === SelectAllStatus.Some
     });
-    $[0] = selectAll;
-    $[1] = i18n;
+    $[0] = i18n;
+    $[1] = selectAll;
     $[2] = toggleAll;
     $[3] = t0;
   } else {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","CheckboxInput","SelectAllStatus","useSelection","useTranslation","baseClass","SelectAll","$","selectAll","toggleAll","i18n","t0","t1","Symbol","for","t2","_jsx","None","t","checked","AllInPage","AllAvailable","className","join","id","name","onToggle","partialChecked","Some"],"sources":["../../../src/elements/SelectAll/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'select-all'\n\nexport const SelectAll: React.FC = () => {\n  const { selectAll, toggleAll } = useSelection()\n  const { i18n } = useTranslation()\n\n  return (\n    <CheckboxInput\n      aria-label={\n        selectAll === SelectAllStatus.None\n          ? i18n.t('general:selectAllRows')\n          : i18n.t('general:deselectAllRows')\n      }\n      checked={\n        selectAll === SelectAllStatus.AllInPage || selectAll === SelectAllStatus.AllAvailable\n      }\n      className={[baseClass, `${baseClass}__checkbox`].join(' ')}\n      id=\"select-all\"\n      name=\"select-all\"\n      onToggle={() => toggleAll()}\n      partialChecked={selectAll === SelectAllStatus.Some}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,SAASC,eAAe,EAAEC,YAAY,QAAQ;AAC9C,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,SAAA,GAAsBA,CAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACjC;IAAAS,SAAA;IAAAC;EAAA,IAAiCN,YAAA;EACjC;IAAAO;EAAA,IAAiBN,cAAA;EAAA,IAAAO,EAAA;EAAA,IAAAJ,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAE,SAAA;IAAA,IAAAG,EAAA;IAAA,IAAAL,CAAA,QAAAM,MAAA,CAAAC,GAAA;MAYFF,EAAA,IAAAP,SAAA,EAAY,GAAAA,SAAA,YAAwB;MAACE,CAAA,MAAAK,EAAA;IAAA;MAAAA,EAAA,GAAAL,CAAA;IAAA;IAAA,IAAAQ,EAAA;IAAA,IAAAR,CAAA,QAAAE,SAAA;MAGtCM,EAAA,GAAAA,CAAA,KAAMN,SAAA;MAAAF,CAAA,MAAAE,SAAA;MAAAF,CAAA,MAAAQ,EAAA;IAAA;MAAAA,EAAA,GAAAR,CAAA;IAAA;IAZlBI,EAAA,GAAAK,IAAA,CAAAf,aAAA;MAAA,cAEIO,SAAA,KAAAN,eAAA,CAAAe,IAAkC,GAC9BP,IAAA,CAAAQ,CAAA,CAAO,2BACPR,IAAA,CAAAQ,CAAA,CAAO;MAAAC,OAAA,EAGXX,SAAA,KAAAN,eAAA,CAAAkB,SAAuC,IAAIZ,SAAA,KAAAN,eAAA,CAAAmB,YAA0C;MAAAC,SAAA,EAE5EV,EAAqC,CAAAW,IAAA,CAAM;MAAAC,EAAA,EACnD;MAAAC,IAAA,EACE;MAAAC,QAAA,EACKX,EAAM;MAAAY,cAAA,EACAnB,SAAA,KAAAN,eAAA,CAAA0B;IAAkC,C;;;;;;;;SAbpDjB,E;CAgBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","CheckboxInput","SelectAllStatus","useSelection","useTranslation","baseClass","SelectAll","$","selectAll","toggleAll","i18n","t0","t1","Symbol","for","t2","_jsx","None","t","checked","AllInPage","AllAvailable","className","join","id","name","onToggle","partialChecked","Some"],"sources":["../../../src/elements/SelectAll/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'select-all'\n\nexport const SelectAll: React.FC = () => {\n  const { selectAll, toggleAll } = useSelection()\n  const { i18n } = useTranslation()\n\n  return (\n    <CheckboxInput\n      aria-label={\n        selectAll === SelectAllStatus.None\n          ? i18n.t('general:selectAllRows')\n          : i18n.t('general:deselectAllRows')\n      }\n      checked={\n        selectAll === SelectAllStatus.AllInPage || selectAll === SelectAllStatus.AllAvailable\n      }\n      className={[baseClass, `${baseClass}__checkbox`].join(' ')}\n      id=\"select-all\"\n      name=\"select-all\"\n      onToggle={() => toggleAll()}\n      partialChecked={selectAll === SelectAllStatus.Some}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,SAASC,eAAe,EAAEC,YAAY,QAAQ;AAC9C,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,SAAA,GAAsBA,CAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACjC;IAAAS,SAAA;IAAAC;EAAA,IAAiCN,YAAA;EACjC;IAAAO;EAAA,IAAiBN,cAAA;EAAA,IAAAO,EAAA;EAAA,IAAAJ,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAE,SAAA;IAAA,IAAAG,EAAA;IAAA,IAAAL,CAAA,QAAAM,MAAA,CAAAC,GAAA;MAYFF,EAAA,IAAAP,SAAA,EAAY,GAAAA,SAAA,YAAwB;MAACE,CAAA,MAAAK,EAAA;IAAA;MAAAA,EAAA,GAAAL,CAAA;IAAA;IAAA,IAAAQ,EAAA;IAAA,IAAAR,CAAA,QAAAE,SAAA;MAGtCM,EAAA,GAAAA,CAAA,KAAMN,SAAA;MAAAF,CAAA,MAAAE,SAAA;MAAAF,CAAA,MAAAQ,EAAA;IAAA;MAAAA,EAAA,GAAAR,CAAA;IAAA;IAZlBI,EAAA,GAAAK,IAAA,CAAAf,aAAA;MAAA,cAEIO,SAAA,KAAAN,eAAA,CAAAe,IAAkC,GAC9BP,IAAA,CAAAQ,CAAA,CAAO,2BACPR,IAAA,CAAAQ,CAAA,CAAO;MAAAC,OAAA,EAGXX,SAAA,KAAAN,eAAA,CAAAkB,SAAuC,IAAIZ,SAAA,KAAAN,eAAA,CAAAmB,YAA0C;MAAAC,SAAA,EAE5EV,EAAqC,CAAAW,IAAA,CAAM;MAAAC,EAAA,EACnD;MAAAC,IAAA,EACE;MAAAC,QAAA,EACKX,EAAM;MAAAY,cAAA,EACAnB,SAAA,KAAAN,eAAA,CAAA0B;IAAkC,C;;;;;;;;SAbpDjB,E;CAgBJ","ignoreList":[]}

package/dist/elements/SelectRow/index.js

@@ -48,10 +48,10 @@ export const SelectRow = t0 => {
     return t2;
   }
   let t2;
-  if ($[4] !== selected || $[5] !== rowData.id) {
+  if ($[4] !== rowData.id || $[5] !== selected) {
     t2 = selected.get(rowData.id);
-    $[4] = selected;
-    $[5] = rowData.id;
+    $[4] = rowData.id;
+    $[5] = selected;
     $[6] = t2;
   } else {
     t2 = $[6];
@@ -65,10 +65,10 @@ export const SelectRow = t0 => {
     t4 = $[7];
   }
   let t5;
-  if ($[8] !== setSelection || $[9] !== rowData.id) {
+  if ($[8] !== rowData.id || $[9] !== setSelection) {
     t5 = () => setSelection(rowData.id);
-    $[8] = setSelection;
-    $[9] = rowData.id;
+    $[8] = rowData.id;
+    $[9] = setSelection;
     $[10] = t5;
   } else {
     t5 = $[10];

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","CheckboxInput","useAuth","useSelection","Locked","baseClass","SelectRow","t0","$","rowData","user","selected","setSelection","t1","_isLocked","_userEditing","documentIsLocked","id","t2","_jsx","get","t3","Boolean","t4","Symbol","for","t5","t6","checked","className","join","onToggle"],"sources":["../../../src/elements/SelectRow/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser } from 'payload'\n\nimport React from 'react'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useSelection } from '../../providers/Selection/index.js'\nimport { Locked } from '../Locked/index.js'\nimport './index.scss'\n\nconst baseClass = 'select-row'\n\nexport const SelectRow: React.FC<{\n  rowData: {\n    _isLocked: boolean\n    _userEditing: ClientUser\n    id: string\n  }\n}> = ({ rowData }) => {\n  const { user } = useAuth()\n  const { selected, setSelection } = useSelection()\n  const { _isLocked, _userEditing } = rowData || {}\n\n  const documentIsLocked = _isLocked && _userEditing\n\n  if (documentIsLocked && _userEditing.id !== user?.id) {\n    return <Locked user={_userEditing} />\n  }\n\n  return (\n    <CheckboxInput\n      checked={Boolean(selected.get(rowData.id))}\n      className={[baseClass, `${baseClass}__checkbox`].join(' ')}\n      onToggle={() => setSelection(rowData.id)}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,SAASC,OAAO,QAAQ;AACxB,SAASC,YAAY,QAAQ;AAC7B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,SAAA,GAMRC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU;EAAA,IAAAF,EAAW;EACf;IAAAG;EAAA,IAAiBR,OAAA;EACjB;IAAAS,QAAA;IAAAC;EAAA,IAAmCT,YAAA;EAAA,IAAAU,EAAA;EAAA,IAAAL,CAAA,QAAAC,OAAA;IACCI,EAAA,GAAAJ,OAAA,MAAY;IAAAD,CAAA,MAAAC,OAAA;IAAAD,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAhD;IAAAM,SAAA;IAAAC;EAAA,IAAoCF,EAAY;EAEhD,MAAAG,gBAAA,GAAyBF,SAAA,IAAaC,YAAA;EAAA,IAElCC,gBAAA,IAAoBD,YAAA,CAAAE,EAAA,KAAoBP,IAAA,EAAAO,EAAM;IAAA,IAAAC,EAAA;IAAA,IAAAV,CAAA,QAAAO,YAAA;MACzCG,EAAA,GAAAC,IAAA,CAAAf,MAAA;QAAAM,IAAA,EAAcK;MAAA,C;;;;;;WAAdG,E;;;;IAKYA,EAAA,GAAAP,QAAA,CAAAS,GAAA,CAAaX,OAAA,CAAAQ,EAAU;IAAAT,CAAA,MAAAG,QAAA;IAAAH,CAAA,MAAAC,OAAA,CAAAQ,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAA/B,MAAAa,EAAA,GAAAC,OAAA,CAAQJ,EAAuB;EAAA,IAAAK,EAAA;EAAA,IAAAf,CAAA,QAAAgB,MAAA,CAAAC,GAAA;IAC7BF,EAAA,IAAAlB,SAAA,EAAY,GAAAA,SAAA,YAAwB;IAACG,CAAA,MAAAe,EAAA;EAAA;IAAAA,EAAA,GAAAf,CAAA;EAAA;EAAA,IAAAkB,EAAA;EAAA,IAAAlB,CAAA,QAAAI,YAAA,IAAAJ,CAAA,QAAAC,OAAA,CAAAQ,EAAA;IACtCS,EAAA,GAAAA,CAAA,KAAMd,YAAA,CAAaH,OAAA,CAAAQ,EAAU;IAAAT,CAAA,MAAAI,YAAA;IAAAJ,CAAA,MAAAC,OAAA,CAAAQ,EAAA;IAAAT,CAAA,OAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAAA,IAAAmB,EAAA;EAAA,IAAAnB,CAAA,SAAAa,EAAA,IAAAb,CAAA,SAAAkB,EAAA;IAHzCC,EAAA,GAAAR,IAAA,CAAAlB,aAAA;MAAA2B,OAAA,EACWP,EAA+B;MAAAQ,SAAA,EAC7BN,EAAqC,CAAAO,IAAA,CAAM;MAAAC,QAAA,EAC5CL;IAA6B,C;;;;;;;SAHzCC,E;CAMJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","CheckboxInput","useAuth","useSelection","Locked","baseClass","SelectRow","t0","$","rowData","user","selected","setSelection","t1","_isLocked","_userEditing","documentIsLocked","id","t2","_jsx","get","t3","Boolean","t4","Symbol","for","t5","t6","checked","className","join","onToggle"],"sources":["../../../src/elements/SelectRow/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser } from 'payload'\n\nimport React from 'react'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useSelection } from '../../providers/Selection/index.js'\nimport { Locked } from '../Locked/index.js'\nimport './index.scss'\n\nconst baseClass = 'select-row'\n\nexport const SelectRow: React.FC<{\n  rowData: {\n    _isLocked: boolean\n    _userEditing: ClientUser\n    id: string\n  }\n}> = ({ rowData }) => {\n  const { user } = useAuth()\n  const { selected, setSelection } = useSelection()\n  const { _isLocked, _userEditing } = rowData || {}\n\n  const documentIsLocked = _isLocked && _userEditing\n\n  if (documentIsLocked && _userEditing.id !== user?.id) {\n    return <Locked user={_userEditing} />\n  }\n\n  return (\n    <CheckboxInput\n      checked={Boolean(selected.get(rowData.id))}\n      className={[baseClass, `${baseClass}__checkbox`].join(' ')}\n      onToggle={() => setSelection(rowData.id)}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,SAASC,OAAO,QAAQ;AACxB,SAASC,YAAY,QAAQ;AAC7B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,SAAA,GAMRC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU;EAAA,IAAAF,EAAW;EACf;IAAAG;EAAA,IAAiBR,OAAA;EACjB;IAAAS,QAAA;IAAAC;EAAA,IAAmCT,YAAA;EAAA,IAAAU,EAAA;EAAA,IAAAL,CAAA,QAAAC,OAAA;IACCI,EAAA,GAAAJ,OAAA,MAAY;IAAAD,CAAA,MAAAC,OAAA;IAAAD,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAhD;IAAAM,SAAA;IAAAC;EAAA,IAAoCF,EAAY;EAEhD,MAAAG,gBAAA,GAAyBF,SAAA,IAAaC,YAAA;EAAA,IAElCC,gBAAA,IAAoBD,YAAA,CAAAE,EAAA,KAAoBP,IAAA,EAAAO,EAAM;IAAA,IAAAC,EAAA;IAAA,IAAAV,CAAA,QAAAO,YAAA;MACzCG,EAAA,GAAAC,IAAA,CAAAf,MAAA;QAAAM,IAAA,EAAcK;MAAA,C;;;;;;WAAdG,E;;;;IAKYA,EAAA,GAAAP,QAAA,CAAAS,GAAA,CAAaX,OAAA,CAAAQ,EAAU;IAAAT,CAAA,MAAAC,OAAA,CAAAQ,EAAA;IAAAT,CAAA,MAAAG,QAAA;IAAAH,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAA/B,MAAAa,EAAA,GAAAC,OAAA,CAAQJ,EAAuB;EAAA,IAAAK,EAAA;EAAA,IAAAf,CAAA,QAAAgB,MAAA,CAAAC,GAAA;IAC7BF,EAAA,IAAAlB,SAAA,EAAY,GAAAA,SAAA,YAAwB;IAACG,CAAA,MAAAe,EAAA;EAAA;IAAAA,EAAA,GAAAf,CAAA;EAAA;EAAA,IAAAkB,EAAA;EAAA,IAAAlB,CAAA,QAAAC,OAAA,CAAAQ,EAAA,IAAAT,CAAA,QAAAI,YAAA;IACtCc,EAAA,GAAAA,CAAA,KAAMd,YAAA,CAAaH,OAAA,CAAAQ,EAAU;IAAAT,CAAA,MAAAC,OAAA,CAAAQ,EAAA;IAAAT,CAAA,MAAAI,YAAA;IAAAJ,CAAA,OAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAAA,IAAAmB,EAAA;EAAA,IAAAnB,CAAA,SAAAa,EAAA,IAAAb,CAAA,SAAAkB,EAAA;IAHzCC,EAAA,GAAAR,IAAA,CAAAlB,aAAA;MAAA2B,OAAA,EACWP,EAA+B;MAAAQ,SAAA,EAC7BN,EAAqC,CAAAO,IAAA,CAAM;MAAAC,QAAA,EAC5CL;IAA6B,C;;;;;;;SAHzCC,E;CAMJ","ignoreList":[]}

package/dist/elements/ShimmerEffect/index.js

@@ -43,7 +43,7 @@ export const StaggeredShimmers = t0 => {
     return null;
   }
   let t3;
-  if ($[0] !== count || $[1] !== shimmerItemClassName || $[2] !== shimmerDelayToPass || $[3] !== height || $[4] !== width || $[5] !== className) {
+  if ($[0] !== className || $[1] !== count || $[2] !== height || $[3] !== shimmerDelayToPass || $[4] !== shimmerItemClassName || $[5] !== width) {
     t3 = _jsx("div", {
       className,
       children: [...Array(count)].map((_, i) => _jsx("div", {
@@ -55,12 +55,12 @@ export const StaggeredShimmers = t0 => {
         })
       }, i))
     });
-    $[0] = count;
-    $[1] = shimmerItemClassName;
-    $[2] = shimmerDelayToPass;
-    $[3] = height;
-    $[4] = width;
-    $[5] = className;
+    $[0] = className;
+    $[1] = count;
+    $[2] = height;
+    $[3] = shimmerDelayToPass;
+    $[4] = shimmerItemClassName;
+    $[5] = width;
     $[6] = t3;
   } else {
     t3 = $[6];

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useDelay","ShimmerEffect","animationDelay","height","width","_jsx","className","style","StaggeredShimmers","t0","$","count","renderDelay","t1","shimmerDelay","t2","shimmerItemClassName","undefined","shimmerDelayToPass","hasDelayed","t3","children","Array","map","_","i"],"sources":["../../../src/elements/ShimmerEffect/index.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\nimport { useDelay } from '../../hooks/useDelay.js'\nimport './index.scss'\n\nexport type ShimmerEffectProps = {\n  readonly animationDelay?: string\n  readonly height?: number | string\n  readonly width?: number | string\n}\n\nexport const ShimmerEffect: React.FC<ShimmerEffectProps> = ({\n  animationDelay = '0ms',\n  height = '60px',\n  width = '100%',\n}) => {\n  return (\n    <div\n      className=\"shimmer-effect\"\n      style={{\n        height: typeof height === 'number' ? `${height}px` : height,\n        width: typeof width === 'number' ? `${width}px` : width,\n      }}\n    >\n      <div\n        className=\"shimmer-effect__shine\"\n        style={{\n          animationDelay,\n        }}\n      />\n    </div>\n  )\n}\n\nexport type StaggeredShimmersProps = {\n  className?: string\n  count: number\n  height?: number | string\n  renderDelay?: number\n  shimmerDelay?: number | string\n  shimmerItemClassName?: string\n  width?: number | string\n}\n\nexport const StaggeredShimmers: React.FC<StaggeredShimmersProps> = ({\n  className,\n  count,\n  height,\n  renderDelay = 500,\n  shimmerDelay = 25,\n  shimmerItemClassName,\n  width,\n}) => {\n  const shimmerDelayToPass = typeof shimmerDelay === 'number' ? `${shimmerDelay}ms` : shimmerDelay\n  const [hasDelayed] = useDelay(renderDelay, true)\n\n  if (!hasDelayed) {\n    return null\n  }\n\n  return (\n    <div className={className}>\n      {[...Array(count)].map((_, i) => (\n        <div className={shimmerItemClassName} key={i}>\n          <ShimmerEffect\n            animationDelay={`calc(${i} * ${shimmerDelayToPass})`}\n            height={height}\n            width={width}\n          />\n        </div>\n      ))}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,YAAYC,KAAA,MAAW;AAEvB,SAASC,QAAQ,QAAQ;AACzB,OAAO;AAQP,OAAO,MAAMC,aAAA,GAA8CA,CAAC;EAC1DC,cAAA,GAAiB,KAAK;EACtBC,MAAA,GAAS,MAAM;EACfC,KAAA,GAAQ;AAAM,CACf;EACC,oBACEC,IAAA,CAAC;IACCC,SAAA,EAAU;IACVC,KAAA,EAAO;MACLJ,MAAA,EAAQ,OAAOA,MAAA,KAAW,WAAW,GAAGA,MAAA,IAAU,GAAGA,MAAA;MACrDC,KAAA,EAAO,OAAOA,KAAA,KAAU,WAAW,GAAGA,KAAA,IAAS,GAAGA;IACpD;cAEA,aAAAC,IAAA,CAAC;MACCC,SAAA,EAAU;MACVC,KAAA,EAAO;QACLL;MACF;;;AAIR;AAYA,OAAO,MAAMM,iBAAA,GAAsDC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAAC;IAAAQ,SAAA;IAAAK,KAAA;IAAAR,MAAA;IAAAS,WAAA,EAAAC,EAAA;IAAAC,YAAA,EAAAC,EAAA;IAAAC,oBAAA;IAAAZ;EAAA,IAAAK,EAQnE;EAJC,MAAAG,WAAA,GAAAC,EAAiB,KAAAI,SAAA,SAAjBJ,EAAiB;EACjB,MAAAC,YAAA,GAAAC,EAAiB,KAAAE,SAAA,QAAjBF,EAAiB;EAIjB,MAAAG,kBAAA,GAA2B,OAAOJ,YAAA,KAAiB,WAAW,GAAGA,YAAA,IAAgB,GAAGA,YAAA;EACpF,OAAAK,UAAA,IAAqBnB,QAAA,CAASY,WAAA,MAAa;EAAA,KAEtCO,UAAA;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAC,KAAA,IAAAD,CAAA,QAAAM,oBAAA,IAAAN,CAAA,QAAAQ,kBAAA,IAAAR,CAAA,QAAAP,MAAA,IAAAO,CAAA,QAAAN,KAAA,IAAAM,CAAA,QAAAJ,SAAA;IAKHc,EAAA,GAAAf,IAAA,CAAC;MAAAC,SAAA;MAAAe,QAAA,EACE,IAAIC,KAAA,CAAMX,KAAA,GAAAY,GAAA,EAAAC,CAAA,EAAAC,CAAA,KACTpB,IAAA,CAAC;QAAAC,SAAA,EAAeU,oBAAA;QAAAK,QAAA,EACdhB,IAAA,CAAAJ,aAAA;UAAAC,cAAA,EACkB,QAAQuB,CAAA,MAAOP,kBAAA,GAAqB;UAAAf,MAAA;UAAAC;QAAA,C;SAFbqB,CAAA;IAAA,C;;;;;;;;;;;SAF/CL,E;CAYJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useDelay","ShimmerEffect","animationDelay","height","width","_jsx","className","style","StaggeredShimmers","t0","$","count","renderDelay","t1","shimmerDelay","t2","shimmerItemClassName","undefined","shimmerDelayToPass","hasDelayed","t3","children","Array","map","_","i"],"sources":["../../../src/elements/ShimmerEffect/index.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\nimport { useDelay } from '../../hooks/useDelay.js'\nimport './index.scss'\n\nexport type ShimmerEffectProps = {\n  readonly animationDelay?: string\n  readonly height?: number | string\n  readonly width?: number | string\n}\n\nexport const ShimmerEffect: React.FC<ShimmerEffectProps> = ({\n  animationDelay = '0ms',\n  height = '60px',\n  width = '100%',\n}) => {\n  return (\n    <div\n      className=\"shimmer-effect\"\n      style={{\n        height: typeof height === 'number' ? `${height}px` : height,\n        width: typeof width === 'number' ? `${width}px` : width,\n      }}\n    >\n      <div\n        className=\"shimmer-effect__shine\"\n        style={{\n          animationDelay,\n        }}\n      />\n    </div>\n  )\n}\n\nexport type StaggeredShimmersProps = {\n  className?: string\n  count: number\n  height?: number | string\n  renderDelay?: number\n  shimmerDelay?: number | string\n  shimmerItemClassName?: string\n  width?: number | string\n}\n\nexport const StaggeredShimmers: React.FC<StaggeredShimmersProps> = ({\n  className,\n  count,\n  height,\n  renderDelay = 500,\n  shimmerDelay = 25,\n  shimmerItemClassName,\n  width,\n}) => {\n  const shimmerDelayToPass = typeof shimmerDelay === 'number' ? `${shimmerDelay}ms` : shimmerDelay\n  const [hasDelayed] = useDelay(renderDelay, true)\n\n  if (!hasDelayed) {\n    return null\n  }\n\n  return (\n    <div className={className}>\n      {[...Array(count)].map((_, i) => (\n        <div className={shimmerItemClassName} key={i}>\n          <ShimmerEffect\n            animationDelay={`calc(${i} * ${shimmerDelayToPass})`}\n            height={height}\n            width={width}\n          />\n        </div>\n      ))}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,YAAYC,KAAA,MAAW;AAEvB,SAASC,QAAQ,QAAQ;AACzB,OAAO;AAQP,OAAO,MAAMC,aAAA,GAA8CA,CAAC;EAC1DC,cAAA,GAAiB,KAAK;EACtBC,MAAA,GAAS,MAAM;EACfC,KAAA,GAAQ;AAAM,CACf;EACC,oBACEC,IAAA,CAAC;IACCC,SAAA,EAAU;IACVC,KAAA,EAAO;MACLJ,MAAA,EAAQ,OAAOA,MAAA,KAAW,WAAW,GAAGA,MAAA,IAAU,GAAGA,MAAA;MACrDC,KAAA,EAAO,OAAOA,KAAA,KAAU,WAAW,GAAGA,KAAA,IAAS,GAAGA;IACpD;cAEA,aAAAC,IAAA,CAAC;MACCC,SAAA,EAAU;MACVC,KAAA,EAAO;QACLL;MACF;;;AAIR;AAYA,OAAO,MAAMM,iBAAA,GAAsDC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAAC;IAAAQ,SAAA;IAAAK,KAAA;IAAAR,MAAA;IAAAS,WAAA,EAAAC,EAAA;IAAAC,YAAA,EAAAC,EAAA;IAAAC,oBAAA;IAAAZ;EAAA,IAAAK,EAQnE;EAJC,MAAAG,WAAA,GAAAC,EAAiB,KAAAI,SAAA,SAAjBJ,EAAiB;EACjB,MAAAC,YAAA,GAAAC,EAAiB,KAAAE,SAAA,QAAjBF,EAAiB;EAIjB,MAAAG,kBAAA,GAA2B,OAAOJ,YAAA,KAAiB,WAAW,GAAGA,YAAA,IAAgB,GAAGA,YAAA;EACpF,OAAAK,UAAA,IAAqBnB,QAAA,CAASY,WAAA,MAAa;EAAA,KAEtCO,UAAA;IAAA;EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAJ,SAAA,IAAAI,CAAA,QAAAC,KAAA,IAAAD,CAAA,QAAAP,MAAA,IAAAO,CAAA,QAAAQ,kBAAA,IAAAR,CAAA,QAAAM,oBAAA,IAAAN,CAAA,QAAAN,KAAA;IAKHgB,EAAA,GAAAf,IAAA,CAAC;MAAAC,SAAA;MAAAe,QAAA,EACE,IAAIC,KAAA,CAAMX,KAAA,GAAAY,GAAA,EAAAC,CAAA,EAAAC,CAAA,KACTpB,IAAA,CAAC;QAAAC,SAAA,EAAeU,oBAAA;QAAAK,QAAA,EACdhB,IAAA,CAAAJ,aAAA;UAAAC,cAAA,EACkB,QAAQuB,CAAA,MAAOP,kBAAA,GAAqB;UAAAf,MAAA;UAAAC;QAAA,C;SAFbqB,CAAA;IAAA,C;;;;;;;;;;;SAF/CL,E;CAYJ","ignoreList":[]}

package/dist/elements/SortColumn/index.js

@@ -32,25 +32,25 @@ export const SortColumn = props => {
   const desc = `-${name}`;
   const asc = name;
   let ascClasses;
-  if ($[0] !== sort || $[1] !== asc) {
+  if ($[0] !== asc || $[1] !== sort) {
     ascClasses = [`${baseClass}__asc`];
     if (sort === asc) {
       ascClasses.push(`${baseClass}--active`);
     }
-    $[0] = sort;
-    $[1] = asc;
+    $[0] = asc;
+    $[1] = sort;
     $[2] = ascClasses;
   } else {
     ascClasses = $[2];
   }
   let descClasses;
-  if ($[3] !== sort || $[4] !== desc) {
+  if ($[3] !== desc || $[4] !== sort) {
     descClasses = [`${baseClass}__desc`];
     if (sort === desc) {
       descClasses.push(`${baseClass}--active`);
     }
-    $[3] = sort;
-    $[4] = desc;
+    $[3] = desc;
+    $[4] = sort;
     $[5] = descClasses;
   } else {
     descClasses = $[5];
@@ -79,7 +79,7 @@ export const SortColumn = props => {
     t4 = $[10];
   }
   let t5;
-  if ($[11] !== t4 || $[12] !== disable || $[13] !== t || $[14] !== label || $[15] !== ascClasses || $[16] !== handleSortChange || $[17] !== asc || $[18] !== descClasses || $[19] !== desc || $[20] !== t3) {
+  if ($[11] !== asc || $[12] !== ascClasses || $[13] !== desc || $[14] !== descClasses || $[15] !== disable || $[16] !== handleSortChange || $[17] !== label || $[18] !== t || $[19] !== t3 || $[20] !== t4) {
     t5 = _jsxs("div", {
       className: t3,
       children: [_jsx("span", {
@@ -110,16 +110,16 @@ export const SortColumn = props => {
         })]
       })]
     });
-    $[11] = t4;
-    $[12] = disable;
-    $[13] = t;
-    $[14] = label;
-    $[15] = ascClasses;
+    $[11] = asc;
+    $[12] = ascClasses;
+    $[13] = desc;
+    $[14] = descClasses;
+    $[15] = disable;
     $[16] = handleSortChange;
-    $[17] = asc;
-    $[18] = descClasses;
-    $[19] = desc;
-    $[20] = t3;
+    $[17] = label;
+    $[18] = t;
+    $[19] = t3;
+    $[20] = t4;
     $[21] = t5;
   } else {
     t5 = $[21];

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","FieldLabel","ChevronIcon","useListQuery","useTranslation","baseClass","SortColumn","props","$","name","appearance","disable","t0","Label","label","undefined","handleSortChange","query","t","sort","desc","asc","ascClasses","push","descClasses","t1","t2","filter","Boolean","t3","join","t4","_jsx","hideLocale","unstyled","t5","_jsxs","className","children","direction","onClick","type"],"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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","FieldLabel","ChevronIcon","useListQuery","useTranslation","baseClass","SortColumn","props","$","name","appearance","disable","t0","Label","label","undefined","handleSortChange","query","t","sort","desc","asc","ascClasses","push","descClasses","t1","t2","filter","Boolean","t3","join","t4","_jsx","hideLocale","unstyled","t5","_jsxs","className","children","direction","onClick","type"],"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"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SortComplex/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAQtE,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,EAAE,yBAAyB,CAAA;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAOD,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4ElD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SortComplex/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAQtE,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,EAAE,yBAAyB,CAAA;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAMD,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4ElD,CAAA"}

package/dist/elements/SortComplex/index.js

@@ -4,18 +4,17 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 // TODO: abstract the `next/navigation` dependency out from this component
-import { usePathname, useRouter } from 'next/navigation.js';
+import { usePathname, useRouter, useSearchParams } from 'next/navigation.js';
 import { sortableFieldTypes } from 'payload';
 import { fieldAffectsData } from 'payload/shared';
 import * as qs from 'qs-esm';
 import React, { useEffect, useState } from 'react';
-import { useSearchParams } from '../../providers/SearchParams/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { ReactSelect } from '../ReactSelect/index.js';
 import './index.scss';
 const baseClass = 'sort-complex';
 export const SortComplex = props => {
-  const $ = _c(35);
+  const $ = _c(28);
   const {
     collection,
     handleChange,
@@ -24,9 +23,7 @@ export const SortComplex = props => {
   const modifySearchQuery = t0 === undefined ? true : t0;
   const router = useRouter();
   const pathname = usePathname();
-  const {
-    searchParams
-  } = useSearchParams();
+  const searchParams = useSearchParams();
   const {
     i18n,
     t
@@ -65,14 +62,15 @@ export const SortComplex = props => {
   const [initialSort] = useState(t2);
   const [sortOrder, setSortOrder] = useState(initialSort);
   let t3;
-  if ($[5] !== sortField || $[6] !== sortOrder.value || $[7] !== handleChange || $[8] !== searchParams || $[9] !== modifySearchQuery || $[10] !== router || $[11] !== pathname) {
+  let t4;
+  if ($[5] !== handleChange || $[6] !== modifySearchQuery || $[7] !== pathname || $[8] !== router || $[9] !== searchParams || $[10] !== sortField || $[11] !== sortOrder) {
     t3 = () => {
       if (sortField?.value) {
         const newSortValue = `${sortOrder.value}${sortField.value}`;
         if (handleChange) {
           handleChange(newSortValue);
         }
-        if (searchParams.sort !== newSortValue && modifySearchQuery) {
+        if (searchParams.get("sort") !== newSortValue && modifySearchQuery) {
           const search = qs.stringify({
             ...searchParams,
             sort: newSortValue
@@ -83,34 +81,23 @@ export const SortComplex = props => {
         }
       }
     };
-    $[5] = sortField;
-    $[6] = sortOrder.value;
-    $[7] = handleChange;
-    $[8] = searchParams;
-    $[9] = modifySearchQuery;
-    $[10] = router;
-    $[11] = pathname;
+    t4 = [pathname, router, searchParams, sortField, sortOrder, modifySearchQuery, handleChange];
+    $[5] = handleChange;
+    $[6] = modifySearchQuery;
+    $[7] = pathname;
+    $[8] = router;
+    $[9] = searchParams;
+    $[10] = sortField;
+    $[11] = sortOrder;
     $[12] = t3;
+    $[13] = t4;
   } else {
     t3 = $[12];
-  }
-  let t4;
-  if ($[13] !== pathname || $[14] !== router || $[15] !== searchParams || $[16] !== sortField || $[17] !== sortOrder || $[18] !== modifySearchQuery || $[19] !== handleChange) {
-    t4 = [pathname, router, searchParams, sortField, sortOrder, modifySearchQuery, handleChange];
-    $[13] = pathname;
-    $[14] = router;
-    $[15] = searchParams;
-    $[16] = sortField;
-    $[17] = sortOrder;
-    $[18] = modifySearchQuery;
-    $[19] = handleChange;
-    $[20] = t4;
-  } else {
-    t4 = $[20];
+    t4 = $[13];
   }
   useEffect(t3, t4);
   let t5;
-  if ($[21] !== t) {
+  if ($[14] !== t) {
     t5 = () => {
       setSortOptions([{
         label: t("general:ascending"),
@@ -120,32 +107,32 @@ export const SortComplex = props => {
         value: "-"
       }]);
     };
-    $[21] = t;
-    $[22] = t5;
+    $[14] = t;
+    $[15] = t5;
   } else {
-    t5 = $[22];
+    t5 = $[15];
   }
   let t6;
-  if ($[23] !== i18n || $[24] !== t) {
+  if ($[16] !== i18n || $[17] !== t) {
     t6 = [i18n, t];
-    $[23] = i18n;
-    $[24] = t;
-    $[25] = t6;
+    $[16] = i18n;
+    $[17] = t;
+    $[18] = t6;
   } else {
-    t6 = $[25];
+    t6 = $[18];
   }
   useEffect(t5, t6);
   let t7;
-  if ($[26] !== t || $[27] !== sortFields || $[28] !== sortField || $[29] !== initialSort || $[30] !== sortOptions || $[31] !== sortOrder) {
+  if ($[19] !== initialSort || $[20] !== sortField || $[21] !== sortFields || $[22] !== sortOptions || $[23] !== sortOrder || $[24] !== t) {
     let t8;
-    if ($[33] !== initialSort) {
+    if ($[26] !== initialSort) {
       t8 = incomingSort => {
         setSortOrder(incomingSort || initialSort);
       };
-      $[33] = initialSort;
-      $[34] = t8;
+      $[26] = initialSort;
+      $[27] = t8;
     } else {
-      t8 = $[34];
+      t8 = $[27];
     }
     t7 = _jsx("div", {
       className: baseClass,
@@ -176,15 +163,15 @@ export const SortComplex = props => {
         })
       })
     });
-    $[26] = t;
-    $[27] = sortFields;
-    $[28] = sortField;
-    $[29] = initialSort;
-    $[30] = sortOptions;
-    $[31] = sortOrder;
-    $[32] = t7;
+    $[19] = initialSort;
+    $[20] = sortField;
+    $[21] = sortFields;
+    $[22] = sortOptions;
+    $[23] = sortOrder;
+    $[24] = t;
+    $[25] = t7;
   } else {
-    t7 = $[32];
+    t7 = $[25];
   }
   return t7;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","usePathname","useRouter","sortableFieldTypes","fieldAffectsData","qs","React","useEffect","useState","useSearchParams","useTranslation","ReactSelect","baseClass","SortComplex","props","$","collection","handleChange","modifySearchQuery","t0","undefined","router","pathname","searchParams","i18n","t","sortOptions","setSortOptions","t1","fields","reduce","field","indexOf","type","label","name","value","sortFields","sortField","setSortField","t2","initialSort","sortOrder","setSortOrder","t3","newSortValue","sort","search","stringify","addQueryPrefix","replace","t4","t5","t6","t7","t8","incomingSort","_jsx","className","children","Fragment","_jsxs","onChange","options"],"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 } 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 { useSearchParams } from '../../providers/SearchParams/index.js'\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.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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","usePathname","useRouter","useSearchParams","sortableFieldTypes","fieldAffectsData","qs","React","useEffect","useState","useTranslation","ReactSelect","baseClass","SortComplex","props","$","collection","handleChange","modifySearchQuery","t0","undefined","router","pathname","searchParams","i18n","t","sortOptions","setSortOptions","t1","fields","reduce","field","indexOf","type","label","name","value","sortFields","sortField","setSortField","t2","initialSort","sortOrder","setSortOrder","t3","t4","newSortValue","get","search","stringify","sort","addQueryPrefix","replace","t5","t6","t7","t8","incomingSort","_jsx","className","children","Fragment","_jsxs","onChange","options"],"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"],"mappings":"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","ignoreList":[]}

package/dist/elements/Status/index.js

@@ -64,7 +64,7 @@ export const Status = () => {
     }
   }
   let t2;
-  if ($[0] !== collectionSlug || $[1] !== serverURL || $[2] !== api || $[3] !== id || $[4] !== locale || $[5] !== globalSlug || $[6] !== i18n.language || $[7] !== resetForm || $[8] !== incrementVersionCount || $[9] !== t || $[10] !== toggleModal || $[11] !== revertModalSlug || $[12] !== unPublishModalSlug) {
+  if ($[0] !== api || $[1] !== collectionSlug || $[2] !== globalSlug || $[3] !== i18n.language || $[4] !== id || $[5] !== incrementVersionCount || $[6] !== locale || $[7] !== resetForm || $[8] !== revertModalSlug || $[9] !== serverURL || $[10] !== t || $[11] !== toggleModal || $[12] !== unPublishModalSlug) {
     t2 = async action => {
       let url;
       let method;
@@ -89,7 +89,7 @@ export const Status = () => {
             "Accept-Language": i18n.language,
             "Content-Type": "application/json"
           }
-        }).then(res => res.json());
+        }).then(_temp);
         body = publishedDoc;
       }
       const res_0 = await requests[method](url, {
@@ -123,18 +123,18 @@ export const Status = () => {
         toggleModal(unPublishModalSlug);
       }
     };
-    $[0] = collectionSlug;
-    $[1] = serverURL;
-    $[2] = api;
-    $[3] = id;
-    $[4] = locale;
-    $[5] = globalSlug;
-    $[6] = i18n.language;
+    $[0] = api;
+    $[1] = collectionSlug;
+    $[2] = globalSlug;
+    $[3] = i18n.language;
+    $[4] = id;
+    $[5] = incrementVersionCount;
+    $[6] = locale;
     $[7] = resetForm;
-    $[8] = incrementVersionCount;
-    $[9] = t;
-    $[10] = toggleModal;
-    $[11] = revertModalSlug;
+    $[8] = revertModalSlug;
+    $[9] = serverURL;
+    $[10] = t;
+    $[11] = toggleModal;
     $[12] = unPublishModalSlug;
     $[13] = t2;
   } else {
@@ -145,9 +145,9 @@ export const Status = () => {
   if (statusToRender) {
     const t3 = `${t("version:status")}: ${t(`version:${statusToRender}`)}`;
     let t4;
-    if ($[14] !== t || $[15] !== statusToRender || $[16] !== canUpdate || $[17] !== toggleModal || $[18] !== unPublishModalSlug || $[19] !== processing || $[20] !== performAction || $[21] !== revertModalSlug || $[22] !== t3) {
+    if ($[14] !== canUpdate || $[15] !== performAction || $[16] !== processing || $[17] !== revertModalSlug || $[18] !== statusToRender || $[19] !== t || $[20] !== t3 || $[21] !== toggleModal || $[22] !== unPublishModalSlug) {
       let t5;
-      if ($[24] !== canUpdate || $[25] !== statusToRender || $[26] !== toggleModal || $[27] !== unPublishModalSlug || $[28] !== t || $[29] !== processing || $[30] !== performAction) {
+      if ($[24] !== canUpdate || $[25] !== performAction || $[26] !== processing || $[27] !== statusToRender || $[28] !== t || $[29] !== toggleModal || $[30] !== unPublishModalSlug) {
         t5 = canUpdate && statusToRender === "published" && _jsxs(React.Fragment, {
           children: ["\xA0\u2014\xA0", _jsx(Button, {
             buttonStyle: "none",
@@ -184,18 +184,18 @@ export const Status = () => {
           })]
         });
         $[24] = canUpdate;
-        $[25] = statusToRender;
-        $[26] = toggleModal;
-        $[27] = unPublishModalSlug;
+        $[25] = performAction;
+        $[26] = processing;
+        $[27] = statusToRender;
         $[28] = t;
-        $[29] = processing;
-        $[30] = performAction;
+        $[29] = toggleModal;
+        $[30] = unPublishModalSlug;
         $[31] = t5;
       } else {
         t5 = $[31];
       }
       let t6;
-      if ($[32] !== canUpdate || $[33] !== statusToRender || $[34] !== toggleModal || $[35] !== revertModalSlug || $[36] !== t || $[37] !== processing || $[38] !== performAction) {
+      if ($[32] !== canUpdate || $[33] !== performAction || $[34] !== processing || $[35] !== revertModalSlug || $[36] !== statusToRender || $[37] !== t || $[38] !== toggleModal) {
         t6 = canUpdate && statusToRender === "changed" && _jsxs(React.Fragment, {
           children: ["\xA0\u2014\xA0", _jsx(Button, {
             buttonStyle: "none",
@@ -234,12 +234,12 @@ export const Status = () => {
           })]
         });
         $[32] = canUpdate;
-        $[33] = statusToRender;
-        $[34] = toggleModal;
+        $[33] = performAction;
+        $[34] = processing;
         $[35] = revertModalSlug;
-        $[36] = t;
-        $[37] = processing;
-        $[38] = performAction;
+        $[36] = statusToRender;
+        $[37] = t;
+        $[38] = toggleModal;
         $[39] = t6;
       } else {
         t6 = $[39];
@@ -258,15 +258,15 @@ export const Status = () => {
           }), t5, t6]
         })
       });
-      $[14] = t;
-      $[15] = statusToRender;
-      $[16] = canUpdate;
-      $[17] = toggleModal;
-      $[18] = unPublishModalSlug;
-      $[19] = processing;
-      $[20] = performAction;
-      $[21] = revertModalSlug;
-      $[22] = t3;
+      $[14] = canUpdate;
+      $[15] = performAction;
+      $[16] = processing;
+      $[17] = revertModalSlug;
+      $[18] = statusToRender;
+      $[19] = t;
+      $[20] = t3;
+      $[21] = toggleModal;
+      $[22] = unPublishModalSlug;
       $[23] = t4;
     } else {
       t4 = $[23];
@@ -275,4 +275,7 @@ export const Status = () => {
   }
   return null;
 };
+function _temp(res) {
+  return res.json();
+}
 //# sourceMappingURL=index.js.map