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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/ThumbnailCard/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, TypeWithID } from 'payload'\n\nimport React from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatDocTitle } from '../../utilities/formatDocTitle/index.js'\nimport './index.scss'\n\nexport type ThumbnailCardProps = {\n  alignLabel?: 'center' | 'left'\n  className?: string\n  collection?: ClientCollectionConfig\n  doc?: { filename?: string } & TypeWithID\n  label?: string\n  onClick?: () => void\n  onKeyDown?: () => void\n  thumbnail: React.ReactNode\n}\n\nconst baseClass = 'thumbnail-card'\n\nexport const ThumbnailCard: React.FC<ThumbnailCardProps> = (props) => {\n  const {\n    alignLabel,\n    className,\n    collection,\n    doc,\n    label: labelFromProps,\n    onClick,\n    thumbnail,\n  } = props\n\n  const { config } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  const classes = [\n    baseClass,\n    className,\n    typeof onClick === 'function' && `${baseClass}--has-on-click`,\n    alignLabel && `${baseClass}--align-label-${alignLabel}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let title = labelFromProps\n\n  if (!title) {\n    title = formatDocTitle({\n      collectionConfig: collection,\n      data: doc,\n      dateFormat: config.admin.dateFormat,\n      fallback: doc?.filename,\n      i18n,\n    })\n  }\n\n  return (\n    <button className={classes} onClick={onClick} title={title} type=\"button\">\n      <div className={`${baseClass}__thumbnail`}>{thumbnail}</div>\n      <div className={`${baseClass}__label`}>{title}</div>\n    </button>\n  )\n}\n"],"names":["React","useConfig","useTranslation","formatDocTitle","baseClass","ThumbnailCard","props","alignLabel","className","collection","doc","label","labelFromProps","onClick","thumbnail","config","i18n","classes","filter","Boolean","join","title","collectionConfig","data","dateFormat","admin","fallback","filename","button","type","div"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,0CAAyC;AACxE,OAAO,eAAc;AAarB,MAAMC,YAAY;AAElB,OAAO,MAAMC,gBAA8C,CAACC;IAC1D,MAAM,EACJC,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,GAAG,EACHC,OAAOC,cAAc,EACrBC,OAAO,EACPC,SAAS,EACV,GAAGR;IAEJ,MAAM,EAAES,MAAM,EAAE,GAAGd;IAEnB,MAAM,EAAEe,IAAI,EAAE,GAAGd;IAEjB,MAAMe,UAAU;QACdb;QACAI;QACA,OAAOK,YAAY,cAAc,GAAGT,UAAU,cAAc,CAAC;QAC7DG,cAAc,GAAGH,UAAU,cAAc,EAAEG,YAAY;KACxD,CACEW,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIC,QAAQT;IAEZ,IAAI,CAACS,OAAO;QACVA,QAAQlB,eAAe;YACrBmB,kBAAkBb;YAClBc,MAAMb;YACNc,YAAYT,OAAOU,KAAK,CAACD,UAAU;YACnCE,UAAUhB,KAAKiB;YACfX;QACF;IACF;IAEA,qBACE,MAACY;QAAOpB,WAAWS;QAASJ,SAASA;QAASQ,OAAOA;QAAOQ,MAAK;;0BAC/D,KAACC;gBAAItB,WAAW,GAAGJ,UAAU,WAAW,CAAC;0BAAGU;;0BAC5C,KAACgB;gBAAItB,WAAW,GAAGJ,UAAU,OAAO,CAAC;0BAAGiB;;;;AAG9C,EAAC"}
+{"version":3,"sources":["../../../src/elements/ThumbnailCard/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, TypeWithID } from 'payload'\n\nimport React from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatDocTitle } from '../../utilities/formatDocTitle/index.js'\nimport './index.scss'\n\nexport type ThumbnailCardProps = {\n  alignLabel?: 'center' | 'left'\n  className?: string\n  collection?: ClientCollectionConfig\n  doc?: { filename?: string } & TypeWithID\n  label?: string\n  onClick?: () => void\n  onKeyDown?: () => void\n  thumbnail: React.ReactNode\n}\n\nconst baseClass = 'thumbnail-card'\n\nexport const ThumbnailCard: React.FC<ThumbnailCardProps> = (props) => {\n  const {\n    alignLabel,\n    className,\n    collection,\n    doc,\n    label: labelFromProps,\n    onClick,\n    thumbnail,\n  } = props\n\n  const { config } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  const classes = [\n    baseClass,\n    className,\n    typeof onClick === 'function' && `${baseClass}--has-on-click`,\n    alignLabel && `${baseClass}--align-label-${alignLabel}`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let title = labelFromProps\n\n  if (!title) {\n    title = formatDocTitle({\n      collectionConfig: collection,\n      data: doc,\n      dateFormat: config.admin.dateFormat,\n      fallback: doc?.filename,\n      i18n,\n    })\n  }\n\n  return (\n    <button className={classes} onClick={onClick} title={title} type=\"button\">\n      <div className={`${baseClass}__thumbnail`}>{thumbnail}</div>\n      <div className={`${baseClass}__label`}>{title}</div>\n    </button>\n  )\n}\n"],"names":["React","useConfig","useTranslation","formatDocTitle","baseClass","ThumbnailCard","props","alignLabel","className","collection","doc","label","labelFromProps","onClick","thumbnail","config","i18n","classes","filter","Boolean","join","title","collectionConfig","data","dateFormat","admin","fallback","filename","button","type","div"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,0CAAyC;AACxE,OAAO,eAAc;AAarB,MAAMC,YAAY;AAElB,OAAO,MAAMC,gBAA8C,CAACC;IAC1D,MAAM,EACJC,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,GAAG,EACHC,OAAOC,cAAc,EACrBC,OAAO,EACPC,SAAS,EACV,GAAGR;IAEJ,MAAM,EAAES,MAAM,EAAE,GAAGd;IAEnB,MAAM,EAAEe,IAAI,EAAE,GAAGd;IAEjB,MAAMe,UAAU;QACdb;QACAI;QACA,OAAOK,YAAY,cAAc,GAAGT,UAAU,cAAc,CAAC;QAC7DG,cAAc,GAAGH,UAAU,cAAc,EAAEG,YAAY;KACxD,CACEW,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIC,QAAQT;IAEZ,IAAI,CAACS,OAAO;QACVA,QAAQlB,eAAe;YACrBmB,kBAAkBb;YAClBc,MAAMb;YACNc,YAAYT,OAAOU,KAAK,CAACD,UAAU;YACnCE,UAAUhB,KAAKiB;YACfX;QACF;IACF;IAEA,qBACE,QAACY;QAAOpB,WAAWS;QAASJ,SAASA;QAASQ,OAAOA;QAAOQ,MAAK;;0BAC/D,QAACC;gBAAItB,WAAW,GAAGJ,UAAU,WAAW,CAAC;0BAAGU;;;;;;0BAC5C,QAACgB;gBAAItB,WAAW,GAAGJ,UAAU,OAAO,CAAC;0BAAGiB;;;;;;;;;;;;AAG9C,EAAC"}

package/dist/elements/TimezonePicker/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 { useMemo } from 'react';
 import { FieldLabel } from '../../fields/FieldLabel/index.js';
 import './index.scss';
@@ -20,16 +20,20 @@ export const TimezonePicker = (props)=>{
         selectedTimezoneFromProps
     ]);
     const readOnly = Boolean(readOnlyFromProps) || options.length === 1;
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: "timezone-picker-wrapper",
         children: [
-            /*#__PURE__*/ _jsx(FieldLabel, {
+            /*#__PURE__*/ _jsxDEV(FieldLabel, {
                 htmlFor: id,
                 label: `${t('general:timezone')} ${required ? '*' : ''}`,
                 required: required,
                 unstyled: true
-            }),
-            /*#__PURE__*/ _jsx(ReactSelect, {
+            }, void 0, false, {
+                fileName: "src/elements/TimezonePicker/index.tsx",
+                lineNumber: 41,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(ReactSelect, {
                 className: "timezone-picker",
                 disabled: readOnly,
                 inputId: id,
@@ -42,9 +46,17 @@ export const TimezonePicker = (props)=>{
                 },
                 options: options,
                 value: selectedTimezone
-            })
+            }, void 0, false, {
+                fileName: "src/elements/TimezonePicker/index.tsx",
+                lineNumber: 47,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/TimezonePicker/index.tsx",
+        lineNumber: 40,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/TimezonePicker/index.tsx"],"sourcesContent":["'use client'\n\nimport type { OptionObject } from 'payload'\nimport type React from 'react'\n\nimport { useMemo } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport './index.scss'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\nimport { formatOptions } from '../WhereBuilder/Condition/Select/formatOptions.js'\n\nexport const TimezonePicker: React.FC<Props> = (props) => {\n  const {\n    id,\n    onChange: onChangeFromProps,\n    options: optionsFromProps,\n    readOnly: readOnlyFromProps,\n    required,\n    selectedTimezone: selectedTimezoneFromProps,\n  } = props\n\n  const { t } = useTranslation()\n\n  const options = formatOptions(optionsFromProps)\n\n  const selectedTimezone = useMemo(() => {\n    return options.find((t) => {\n      const value = typeof t === 'string' ? t : t.value\n      return value === (selectedTimezoneFromProps || 'UTC')\n    })\n  }, [options, selectedTimezoneFromProps])\n\n  const readOnly = Boolean(readOnlyFromProps) || options.length === 1\n\n  return (\n    <div className=\"timezone-picker-wrapper\">\n      <FieldLabel\n        htmlFor={id}\n        label={`${t('general:timezone')} ${required ? '*' : ''}`}\n        required={required}\n        unstyled\n      />\n      <ReactSelect\n        className=\"timezone-picker\"\n        disabled={readOnly}\n        inputId={id}\n        isClearable={!required}\n        isCreatable={false}\n        onChange={(val: OptionObject) => {\n          if (onChangeFromProps) {\n            onChangeFromProps(val?.value || '')\n          }\n        }}\n        options={options}\n        value={selectedTimezone}\n      />\n    </div>\n  )\n}\n"],"names":["useMemo","FieldLabel","useTranslation","ReactSelect","formatOptions","TimezonePicker","props","id","onChange","onChangeFromProps","options","optionsFromProps","readOnly","readOnlyFromProps","required","selectedTimezone","selectedTimezoneFromProps","t","find","value","Boolean","length","div","className","htmlFor","label","unstyled","disabled","inputId","isClearable","isCreatable","val"],"mappings":"AAAA;;AAKA,SAASA,OAAO,QAAQ,QAAO;AAI/B,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,OAAO,eAAc;AACrB,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,WAAW,QAAQ,0BAAyB;AACrD,SAASC,aAAa,QAAQ,oDAAmD;AAEjF,OAAO,MAAMC,iBAAkC,CAACC;IAC9C,MAAM,EACJC,EAAE,EACFC,UAAUC,iBAAiB,EAC3BC,SAASC,gBAAgB,EACzBC,UAAUC,iBAAiB,EAC3BC,QAAQ,EACRC,kBAAkBC,yBAAyB,EAC5C,GAAGV;IAEJ,MAAM,EAAEW,CAAC,EAAE,GAAGf;IAEd,MAAMQ,UAAUN,cAAcO;IAE9B,MAAMI,mBAAmBf,QAAQ;QAC/B,OAAOU,QAAQQ,IAAI,CAAC,CAACD;YACnB,MAAME,QAAQ,OAAOF,MAAM,WAAWA,IAAIA,EAAEE,KAAK;YACjD,OAAOA,UAAWH,CAAAA,6BAA6B,KAAI;QACrD;IACF,GAAG;QAACN;QAASM;KAA0B;IAEvC,MAAMJ,WAAWQ,QAAQP,sBAAsBH,QAAQW,MAAM,KAAK;IAElE,qBACE,MAACC;QAAIC,WAAU;;0BACb,KAACtB;gBACCuB,SAASjB;gBACTkB,OAAO,GAAGR,EAAE,oBAAoB,CAAC,EAAEH,WAAW,MAAM,IAAI;gBACxDA,UAAUA;gBACVY,QAAQ;;0BAEV,KAACvB;gBACCoB,WAAU;gBACVI,UAAUf;gBACVgB,SAASrB;gBACTsB,aAAa,CAACf;gBACdgB,aAAa;gBACbtB,UAAU,CAACuB;oBACT,IAAItB,mBAAmB;wBACrBA,kBAAkBsB,KAAKZ,SAAS;oBAClC;gBACF;gBACAT,SAASA;gBACTS,OAAOJ;;;;AAIf,EAAC"}
+{"version":3,"sources":["../../../src/elements/TimezonePicker/index.tsx"],"sourcesContent":["'use client'\n\nimport type { OptionObject } from 'payload'\nimport type React from 'react'\n\nimport { useMemo } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport './index.scss'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\nimport { formatOptions } from '../WhereBuilder/Condition/Select/formatOptions.js'\n\nexport const TimezonePicker: React.FC<Props> = (props) => {\n  const {\n    id,\n    onChange: onChangeFromProps,\n    options: optionsFromProps,\n    readOnly: readOnlyFromProps,\n    required,\n    selectedTimezone: selectedTimezoneFromProps,\n  } = props\n\n  const { t } = useTranslation()\n\n  const options = formatOptions(optionsFromProps)\n\n  const selectedTimezone = useMemo(() => {\n    return options.find((t) => {\n      const value = typeof t === 'string' ? t : t.value\n      return value === (selectedTimezoneFromProps || 'UTC')\n    })\n  }, [options, selectedTimezoneFromProps])\n\n  const readOnly = Boolean(readOnlyFromProps) || options.length === 1\n\n  return (\n    <div className=\"timezone-picker-wrapper\">\n      <FieldLabel\n        htmlFor={id}\n        label={`${t('general:timezone')} ${required ? '*' : ''}`}\n        required={required}\n        unstyled\n      />\n      <ReactSelect\n        className=\"timezone-picker\"\n        disabled={readOnly}\n        inputId={id}\n        isClearable={!required}\n        isCreatable={false}\n        onChange={(val: OptionObject) => {\n          if (onChangeFromProps) {\n            onChangeFromProps(val?.value || '')\n          }\n        }}\n        options={options}\n        value={selectedTimezone}\n      />\n    </div>\n  )\n}\n"],"names":["useMemo","FieldLabel","useTranslation","ReactSelect","formatOptions","TimezonePicker","props","id","onChange","onChangeFromProps","options","optionsFromProps","readOnly","readOnlyFromProps","required","selectedTimezone","selectedTimezoneFromProps","t","find","value","Boolean","length","div","className","htmlFor","label","unstyled","disabled","inputId","isClearable","isCreatable","val"],"mappings":"AAAA;;AAKA,SAASA,OAAO,QAAQ,QAAO;AAI/B,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,OAAO,eAAc;AACrB,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,WAAW,QAAQ,0BAAyB;AACrD,SAASC,aAAa,QAAQ,oDAAmD;AAEjF,OAAO,MAAMC,iBAAkC,CAACC;IAC9C,MAAM,EACJC,EAAE,EACFC,UAAUC,iBAAiB,EAC3BC,SAASC,gBAAgB,EACzBC,UAAUC,iBAAiB,EAC3BC,QAAQ,EACRC,kBAAkBC,yBAAyB,EAC5C,GAAGV;IAEJ,MAAM,EAAEW,CAAC,EAAE,GAAGf;IAEd,MAAMQ,UAAUN,cAAcO;IAE9B,MAAMI,mBAAmBf,QAAQ;QAC/B,OAAOU,QAAQQ,IAAI,CAAC,CAACD;YACnB,MAAME,QAAQ,OAAOF,MAAM,WAAWA,IAAIA,EAAEE,KAAK;YACjD,OAAOA,UAAWH,CAAAA,6BAA6B,KAAI;QACrD;IACF,GAAG;QAACN;QAASM;KAA0B;IAEvC,MAAMJ,WAAWQ,QAAQP,sBAAsBH,QAAQW,MAAM,KAAK;IAElE,qBACE,QAACC;QAAIC,WAAU;;0BACb,QAACtB;gBACCuB,SAASjB;gBACTkB,OAAO,GAAGR,EAAE,oBAAoB,CAAC,EAAEH,WAAW,MAAM,IAAI;gBACxDA,UAAUA;gBACVY,QAAQ;;;;;;0BAEV,QAACvB;gBACCoB,WAAU;gBACVI,UAAUf;gBACVgB,SAASrB;gBACTsB,aAAa,CAACf;gBACdgB,aAAa;gBACbtB,UAAU,CAACuB;oBACT,IAAItB,mBAAmB;wBACrBA,kBAAkBsB,KAAKZ,SAAS;oBAClC;gBACF;gBACAT,SAASA;gBACTS,OAAOJ;;;;;;;;;;;;AAIf,EAAC"}

package/dist/elements/Toasts/fieldErrors.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';
 function groupSimilarErrors(items) {
     const result = [];
@@ -44,22 +44,38 @@ function createErrorsFromMessage(message) {
 }
 export function FieldErrorsToast({ errorMessage }) {
     const [{ errors, message }] = React.useState(()=>createErrorsFromMessage(errorMessage));
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         children: [
             message,
-            Array.isArray(errors) && errors.length > 0 ? errors.length === 1 ? /*#__PURE__*/ _jsx("span", {
+            Array.isArray(errors) && errors.length > 0 ? errors.length === 1 ? /*#__PURE__*/ _jsxDEV("span", {
                 "data-testid": "field-error",
                 children: errors[0]
-            }) : /*#__PURE__*/ _jsx("ul", {
+            }, void 0, false, {
+                fileName: "src/elements/Toasts/fieldErrors.tsx",
+                lineNumber: 67,
+                columnNumber: 11
+            }, this) : /*#__PURE__*/ _jsxDEV("ul", {
                 "data-testid": "field-errors",
                 children: errors.map((error, index)=>{
-                    return /*#__PURE__*/ _jsx("li", {
+                    return /*#__PURE__*/ _jsxDEV("li", {
                         children: error
-                    }, index);
+                    }, index, false, {
+                        fileName: "src/elements/Toasts/fieldErrors.tsx",
+                        lineNumber: 71,
+                        columnNumber: 22
+                    }, this);
                 })
-            }) : null
+            }, void 0, false, {
+                fileName: "src/elements/Toasts/fieldErrors.tsx",
+                lineNumber: 69,
+                columnNumber: 11
+            }, this) : null
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/Toasts/fieldErrors.tsx",
+        lineNumber: 63,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=fieldErrors.js.map

package/dist/elements/Toasts/fieldErrors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Toasts/fieldErrors.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nfunction groupSimilarErrors(items: string[]): string[] {\n  const result: string[] = []\n\n  for (const item of items) {\n    if (item) {\n      const parts = item.split(' → ')\n      let inserted = false\n\n      // Find a place where a similar path exists\n      for (let i = 0; i < result.length; i++) {\n        if (result[i].startsWith(parts[0])) {\n          result.splice(i + 1, 0, item)\n          inserted = true\n          break\n        }\n      }\n\n      // If no similar path was found, add to the end\n      if (!inserted) {\n        result.push(item)\n      }\n    }\n  }\n\n  return result\n}\n\nfunction createErrorsFromMessage(message: string): {\n  errors?: string[]\n  message: string\n} {\n  const [intro, errorsString] = message.split(':')\n\n  if (!errorsString) {\n    return {\n      message: intro,\n    }\n  }\n\n  const errors = errorsString.split(',').map((error) => error.replaceAll(' > ', ' → ').trim())\n\n  if (errors.length === 1) {\n    return {\n      errors,\n      message: `${intro}: `,\n    }\n  }\n\n  return {\n    errors: groupSimilarErrors(errors),\n    message: `${intro} (${errors.length}):`,\n  }\n}\n\nexport function FieldErrorsToast({ errorMessage }) {\n  const [{ errors, message }] = React.useState(() => createErrorsFromMessage(errorMessage))\n\n  return (\n    <div>\n      {message}\n      {Array.isArray(errors) && errors.length > 0 ? (\n        errors.length === 1 ? (\n          <span data-testid=\"field-error\">{errors[0]}</span>\n        ) : (\n          <ul data-testid=\"field-errors\">\n            {errors.map((error, index) => {\n              return <li key={index}>{error}</li>\n            })}\n          </ul>\n        )\n      ) : null}\n    </div>\n  )\n}\n"],"names":["React","groupSimilarErrors","items","result","item","parts","split","inserted","i","length","startsWith","splice","push","createErrorsFromMessage","message","intro","errorsString","errors","map","error","replaceAll","trim","FieldErrorsToast","errorMessage","useState","div","Array","isArray","span","data-testid","ul","index","li"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,mBAAmBC,KAAe;IACzC,MAAMC,SAAmB,EAAE;IAE3B,KAAK,MAAMC,QAAQF,MAAO;QACxB,IAAIE,MAAM;YACR,MAAMC,QAAQD,KAAKE,KAAK,CAAC;YACzB,IAAIC,WAAW;YAEf,2CAA2C;YAC3C,IAAK,IAAIC,IAAI,GAAGA,IAAIL,OAAOM,MAAM,EAAED,IAAK;gBACtC,IAAIL,MAAM,CAACK,EAAE,CAACE,UAAU,CAACL,KAAK,CAAC,EAAE,GAAG;oBAClCF,OAAOQ,MAAM,CAACH,IAAI,GAAG,GAAGJ;oBACxBG,WAAW;oBACX;gBACF;YACF;YAEA,+CAA+C;YAC/C,IAAI,CAACA,UAAU;gBACbJ,OAAOS,IAAI,CAACR;YACd;QACF;IACF;IAEA,OAAOD;AACT;AAEA,SAASU,wBAAwBC,OAAe;IAI9C,MAAM,CAACC,OAAOC,aAAa,GAAGF,QAAQR,KAAK,CAAC;IAE5C,IAAI,CAACU,cAAc;QACjB,OAAO;YACLF,SAASC;QACX;IACF;IAEA,MAAME,SAASD,aAAaV,KAAK,CAAC,KAAKY,GAAG,CAAC,CAACC,QAAUA,MAAMC,UAAU,CAAC,OAAO,OAAOC,IAAI;IAEzF,IAAIJ,OAAOR,MAAM,KAAK,GAAG;QACvB,OAAO;YACLQ;YACAH,SAAS,GAAGC,MAAM,EAAE,CAAC;QACvB;IACF;IAEA,OAAO;QACLE,QAAQhB,mBAAmBgB;QAC3BH,SAAS,GAAGC,MAAM,EAAE,EAAEE,OAAOR,MAAM,CAAC,EAAE,CAAC;IACzC;AACF;AAEA,OAAO,SAASa,iBAAiB,EAAEC,YAAY,EAAE;IAC/C,MAAM,CAAC,EAAEN,MAAM,EAAEH,OAAO,EAAE,CAAC,GAAGd,MAAMwB,QAAQ,CAAC,IAAMX,wBAAwBU;IAE3E,qBACE,MAACE;;YACEX;YACAY,MAAMC,OAAO,CAACV,WAAWA,OAAOR,MAAM,GAAG,IACxCQ,OAAOR,MAAM,KAAK,kBAChB,KAACmB;gBAAKC,eAAY;0BAAeZ,MAAM,CAAC,EAAE;+BAE1C,KAACa;gBAAGD,eAAY;0BACbZ,OAAOC,GAAG,CAAC,CAACC,OAAOY;oBAClB,qBAAO,KAACC;kCAAgBb;uBAARY;gBAClB;iBAGF;;;AAGV"}
+{"version":3,"sources":["../../../src/elements/Toasts/fieldErrors.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nfunction groupSimilarErrors(items: string[]): string[] {\n  const result: string[] = []\n\n  for (const item of items) {\n    if (item) {\n      const parts = item.split(' → ')\n      let inserted = false\n\n      // Find a place where a similar path exists\n      for (let i = 0; i < result.length; i++) {\n        if (result[i].startsWith(parts[0])) {\n          result.splice(i + 1, 0, item)\n          inserted = true\n          break\n        }\n      }\n\n      // If no similar path was found, add to the end\n      if (!inserted) {\n        result.push(item)\n      }\n    }\n  }\n\n  return result\n}\n\nfunction createErrorsFromMessage(message: string): {\n  errors?: string[]\n  message: string\n} {\n  const [intro, errorsString] = message.split(':')\n\n  if (!errorsString) {\n    return {\n      message: intro,\n    }\n  }\n\n  const errors = errorsString.split(',').map((error) => error.replaceAll(' > ', ' → ').trim())\n\n  if (errors.length === 1) {\n    return {\n      errors,\n      message: `${intro}: `,\n    }\n  }\n\n  return {\n    errors: groupSimilarErrors(errors),\n    message: `${intro} (${errors.length}):`,\n  }\n}\n\nexport function FieldErrorsToast({ errorMessage }) {\n  const [{ errors, message }] = React.useState(() => createErrorsFromMessage(errorMessage))\n\n  return (\n    <div>\n      {message}\n      {Array.isArray(errors) && errors.length > 0 ? (\n        errors.length === 1 ? (\n          <span data-testid=\"field-error\">{errors[0]}</span>\n        ) : (\n          <ul data-testid=\"field-errors\">\n            {errors.map((error, index) => {\n              return <li key={index}>{error}</li>\n            })}\n          </ul>\n        )\n      ) : null}\n    </div>\n  )\n}\n"],"names":["React","groupSimilarErrors","items","result","item","parts","split","inserted","i","length","startsWith","splice","push","createErrorsFromMessage","message","intro","errorsString","errors","map","error","replaceAll","trim","FieldErrorsToast","errorMessage","useState","div","Array","isArray","span","data-testid","ul","index","li"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,mBAAmBC,KAAe;IACzC,MAAMC,SAAmB,EAAE;IAE3B,KAAK,MAAMC,QAAQF,MAAO;QACxB,IAAIE,MAAM;YACR,MAAMC,QAAQD,KAAKE,KAAK,CAAC;YACzB,IAAIC,WAAW;YAEf,2CAA2C;YAC3C,IAAK,IAAIC,IAAI,GAAGA,IAAIL,OAAOM,MAAM,EAAED,IAAK;gBACtC,IAAIL,MAAM,CAACK,EAAE,CAACE,UAAU,CAACL,KAAK,CAAC,EAAE,GAAG;oBAClCF,OAAOQ,MAAM,CAACH,IAAI,GAAG,GAAGJ;oBACxBG,WAAW;oBACX;gBACF;YACF;YAEA,+CAA+C;YAC/C,IAAI,CAACA,UAAU;gBACbJ,OAAOS,IAAI,CAACR;YACd;QACF;IACF;IAEA,OAAOD;AACT;AAEA,SAASU,wBAAwBC,OAAe;IAI9C,MAAM,CAACC,OAAOC,aAAa,GAAGF,QAAQR,KAAK,CAAC;IAE5C,IAAI,CAACU,cAAc;QACjB,OAAO;YACLF,SAASC;QACX;IACF;IAEA,MAAME,SAASD,aAAaV,KAAK,CAAC,KAAKY,GAAG,CAAC,CAACC,QAAUA,MAAMC,UAAU,CAAC,OAAO,OAAOC,IAAI;IAEzF,IAAIJ,OAAOR,MAAM,KAAK,GAAG;QACvB,OAAO;YACLQ;YACAH,SAAS,GAAGC,MAAM,EAAE,CAAC;QACvB;IACF;IAEA,OAAO;QACLE,QAAQhB,mBAAmBgB;QAC3BH,SAAS,GAAGC,MAAM,EAAE,EAAEE,OAAOR,MAAM,CAAC,EAAE,CAAC;IACzC;AACF;AAEA,OAAO,SAASa,iBAAiB,EAAEC,YAAY,EAAE;IAC/C,MAAM,CAAC,EAAEN,MAAM,EAAEH,OAAO,EAAE,CAAC,GAAGd,MAAMwB,QAAQ,CAAC,IAAMX,wBAAwBU;IAE3E,qBACE,QAACE;;YACEX;YACAY,MAAMC,OAAO,CAACV,WAAWA,OAAOR,MAAM,GAAG,IACxCQ,OAAOR,MAAM,KAAK,kBAChB,QAACmB;gBAAKC,eAAY;0BAAeZ,MAAM,CAAC,EAAE;;;;;qCAE1C,QAACa;gBAAGD,eAAY;0BACbZ,OAAOC,GAAG,CAAC,CAACC,OAAOY;oBAClB,qBAAO,QAACC;kCAAgBb;uBAARY;;;;;gBAClB;;;;;uBAGF;;;;;;;AAGV"}

package/dist/elements/Tooltip/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, { useEffect } from 'react';
 import { useIntersect } from '../../hooks/useIntersect.js';
 import './index.scss';
@@ -44,9 +44,9 @@ import './index.scss';
         staticPositioning
     ]);
     // The first aside is always on top. The purpose of that is that it can reliably be used for the interaction observer (as it's not moving around), to calculate the position of the actual tooltip.
-    return /*#__PURE__*/ _jsxs(React.Fragment, {
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
         children: [
-            !staticPositioning && /*#__PURE__*/ _jsx("aside", {
+            !staticPositioning && /*#__PURE__*/ _jsxDEV("aside", {
                 "aria-hidden": "true",
                 className: [
                     'tooltip',
@@ -58,12 +58,20 @@ import './index.scss';
                 style: {
                     opacity: '0'
                 },
-                children: /*#__PURE__*/ _jsx("div", {
+                children: /*#__PURE__*/ _jsxDEV("div", {
                     className: "tooltip-content",
                     children: children
-                })
-            }),
-            /*#__PURE__*/ _jsx("aside", {
+                }, void 0, false, {
+                    fileName: "src/elements/Tooltip/index.tsx",
+                    lineNumber: 85,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/Tooltip/index.tsx",
+                lineNumber: 77,
+                columnNumber: 9
+            }, this),
+            /*#__PURE__*/ _jsxDEV("aside", {
                 className: [
                     'tooltip',
                     className,
@@ -72,13 +80,25 @@ import './index.scss';
                     `tooltip--position-${positionFromProps || position}`
                 ].filter(Boolean).join(' '),
                 title: getTitleAttribute(children),
-                children: /*#__PURE__*/ _jsx("div", {
+                children: /*#__PURE__*/ _jsxDEV("div", {
                     className: "tooltip-content",
                     children: children
-                })
-            })
+                }, void 0, false, {
+                    fileName: "src/elements/Tooltip/index.tsx",
+                    lineNumber: 100,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/Tooltip/index.tsx",
+                lineNumber: 88,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/Tooltip/index.tsx",
+        lineNumber: 75,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Tooltip/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useIntersect } from '../../hooks/useIntersect.js'\nimport './index.scss'\n\nexport type Props = {\n  alignCaret?: 'center' | 'left' | 'right'\n  boundingRef?: React.RefObject<HTMLElement | null>\n  children: React.ReactNode\n  className?: string\n  delay?: number\n  position?: 'bottom' | 'top'\n  show?: boolean\n  /**\n   * If the tooltip position should not change depending on if the toolbar is outside the boundingRef. @default false\n   */\n  staticPositioning?: boolean\n}\n\nexport const Tooltip: React.FC<Props> = (props) => {\n  const {\n    alignCaret = 'center',\n    boundingRef,\n    children,\n    className,\n    delay = 350,\n    position: positionFromProps,\n    show: showFromProps = true,\n    staticPositioning = false,\n  } = props\n\n  const [show, setShow] = React.useState(showFromProps)\n  const [position, setPosition] = React.useState<'bottom' | 'top'>('top')\n\n  const getTitleAttribute = (content) => (typeof content === 'string' ? content : '')\n\n  const [ref, intersectionEntry] = useIntersect(\n    {\n      root: boundingRef?.current || null,\n      rootMargin: '-145px 0px 0px 100px',\n      threshold: 0,\n    },\n    staticPositioning,\n  )\n\n  useEffect(() => {\n    let timerID: NodeJS.Timeout\n\n    // do not use the delay on transition-out\n    if (delay && showFromProps) {\n      timerID = setTimeout(() => {\n        setShow(showFromProps)\n      }, delay)\n    } else {\n      setShow(showFromProps)\n    }\n\n    return () => {\n      if (timerID) {\n        clearTimeout(timerID)\n      }\n    }\n  }, [showFromProps, delay])\n\n  useEffect(() => {\n    if (staticPositioning) {\n      return\n    }\n    setPosition(intersectionEntry?.isIntersecting ? 'top' : 'bottom')\n  }, [intersectionEntry, staticPositioning])\n\n  // The first aside is always on top. The purpose of that is that it can reliably be used for the interaction observer (as it's not moving around), to calculate the position of the actual tooltip.\n  return (\n    <React.Fragment>\n      {!staticPositioning && (\n        <aside\n          aria-hidden=\"true\"\n          className={['tooltip', className, `tooltip--caret-${alignCaret}`, 'tooltip--position-top']\n            .filter(Boolean)\n            .join(' ')}\n          ref={ref}\n          style={{ opacity: '0' }}\n        >\n          <div className=\"tooltip-content\">{children}</div>\n        </aside>\n      )}\n      <aside\n        className={[\n          'tooltip',\n          className,\n          show && 'tooltip--show',\n          `tooltip--caret-${alignCaret}`,\n          `tooltip--position-${positionFromProps || position}`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        title={getTitleAttribute(children)}\n      >\n        <div className=\"tooltip-content\">{children}</div>\n      </aside>\n    </React.Fragment>\n  )\n}\n"],"names":["React","useEffect","useIntersect","Tooltip","props","alignCaret","boundingRef","children","className","delay","position","positionFromProps","show","showFromProps","staticPositioning","setShow","useState","setPosition","getTitleAttribute","content","ref","intersectionEntry","root","current","rootMargin","threshold","timerID","setTimeout","clearTimeout","isIntersecting","Fragment","aside","aria-hidden","filter","Boolean","join","style","opacity","div","title"],"mappings":"AAAA;;AACA,OAAOA,SAASC,SAAS,QAAQ,QAAO;AAExC,SAASC,YAAY,QAAQ,8BAA6B;AAC1D,OAAO,eAAc;AAUnB;;GAEC,GAIH,OAAO,MAAMC,UAA2B,CAACC;IACvC,MAAM,EACJC,aAAa,QAAQ,EACrBC,WAAW,EACXC,QAAQ,EACRC,SAAS,EACTC,QAAQ,GAAG,EACXC,UAAUC,iBAAiB,EAC3BC,MAAMC,gBAAgB,IAAI,EAC1BC,oBAAoB,KAAK,EAC1B,GAAGV;IAEJ,MAAM,CAACQ,MAAMG,QAAQ,GAAGf,MAAMgB,QAAQ,CAACH;IACvC,MAAM,CAACH,UAAUO,YAAY,GAAGjB,MAAMgB,QAAQ,CAAmB;IAEjE,MAAME,oBAAoB,CAACC,UAAa,OAAOA,YAAY,WAAWA,UAAU;IAEhF,MAAM,CAACC,KAAKC,kBAAkB,GAAGnB,aAC/B;QACEoB,MAAMhB,aAAaiB,WAAW;QAC9BC,YAAY;QACZC,WAAW;IACb,GACAX;IAGFb,UAAU;QACR,IAAIyB;QAEJ,yCAAyC;QACzC,IAAIjB,SAASI,eAAe;YAC1Ba,UAAUC,WAAW;gBACnBZ,QAAQF;YACV,GAAGJ;QACL,OAAO;YACLM,QAAQF;QACV;QAEA,OAAO;YACL,IAAIa,SAAS;gBACXE,aAAaF;YACf;QACF;IACF,GAAG;QAACb;QAAeJ;KAAM;IAEzBR,UAAU;QACR,IAAIa,mBAAmB;YACrB;QACF;QACAG,YAAYI,mBAAmBQ,iBAAiB,QAAQ;IAC1D,GAAG;QAACR;QAAmBP;KAAkB;IAEzC,mMAAmM;IACnM,qBACE,MAACd,MAAM8B,QAAQ;;YACZ,CAAChB,mCACA,KAACiB;gBACCC,eAAY;gBACZxB,WAAW;oBAAC;oBAAWA;oBAAW,CAAC,eAAe,EAAEH,YAAY;oBAAE;iBAAwB,CACvF4B,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRf,KAAKA;gBACLgB,OAAO;oBAAEC,SAAS;gBAAI;0BAEtB,cAAA,KAACC;oBAAI9B,WAAU;8BAAmBD;;;0BAGtC,KAACwB;gBACCvB,WAAW;oBACT;oBACAA;oBACAI,QAAQ;oBACR,CAAC,eAAe,EAAEP,YAAY;oBAC9B,CAAC,kBAAkB,EAAEM,qBAAqBD,UAAU;iBACrD,CACEuB,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRI,OAAOrB,kBAAkBX;0BAEzB,cAAA,KAAC+B;oBAAI9B,WAAU;8BAAmBD;;;;;AAI1C,EAAC"}
+{"version":3,"sources":["../../../src/elements/Tooltip/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useIntersect } from '../../hooks/useIntersect.js'\nimport './index.scss'\n\nexport type Props = {\n  alignCaret?: 'center' | 'left' | 'right'\n  boundingRef?: React.RefObject<HTMLElement | null>\n  children: React.ReactNode\n  className?: string\n  delay?: number\n  position?: 'bottom' | 'top'\n  show?: boolean\n  /**\n   * If the tooltip position should not change depending on if the toolbar is outside the boundingRef. @default false\n   */\n  staticPositioning?: boolean\n}\n\nexport const Tooltip: React.FC<Props> = (props) => {\n  const {\n    alignCaret = 'center',\n    boundingRef,\n    children,\n    className,\n    delay = 350,\n    position: positionFromProps,\n    show: showFromProps = true,\n    staticPositioning = false,\n  } = props\n\n  const [show, setShow] = React.useState(showFromProps)\n  const [position, setPosition] = React.useState<'bottom' | 'top'>('top')\n\n  const getTitleAttribute = (content) => (typeof content === 'string' ? content : '')\n\n  const [ref, intersectionEntry] = useIntersect(\n    {\n      root: boundingRef?.current || null,\n      rootMargin: '-145px 0px 0px 100px',\n      threshold: 0,\n    },\n    staticPositioning,\n  )\n\n  useEffect(() => {\n    let timerID: NodeJS.Timeout\n\n    // do not use the delay on transition-out\n    if (delay && showFromProps) {\n      timerID = setTimeout(() => {\n        setShow(showFromProps)\n      }, delay)\n    } else {\n      setShow(showFromProps)\n    }\n\n    return () => {\n      if (timerID) {\n        clearTimeout(timerID)\n      }\n    }\n  }, [showFromProps, delay])\n\n  useEffect(() => {\n    if (staticPositioning) {\n      return\n    }\n    setPosition(intersectionEntry?.isIntersecting ? 'top' : 'bottom')\n  }, [intersectionEntry, staticPositioning])\n\n  // The first aside is always on top. The purpose of that is that it can reliably be used for the interaction observer (as it's not moving around), to calculate the position of the actual tooltip.\n  return (\n    <React.Fragment>\n      {!staticPositioning && (\n        <aside\n          aria-hidden=\"true\"\n          className={['tooltip', className, `tooltip--caret-${alignCaret}`, 'tooltip--position-top']\n            .filter(Boolean)\n            .join(' ')}\n          ref={ref}\n          style={{ opacity: '0' }}\n        >\n          <div className=\"tooltip-content\">{children}</div>\n        </aside>\n      )}\n      <aside\n        className={[\n          'tooltip',\n          className,\n          show && 'tooltip--show',\n          `tooltip--caret-${alignCaret}`,\n          `tooltip--position-${positionFromProps || position}`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        title={getTitleAttribute(children)}\n      >\n        <div className=\"tooltip-content\">{children}</div>\n      </aside>\n    </React.Fragment>\n  )\n}\n"],"names":["React","useEffect","useIntersect","Tooltip","props","alignCaret","boundingRef","children","className","delay","position","positionFromProps","show","showFromProps","staticPositioning","setShow","useState","setPosition","getTitleAttribute","content","ref","intersectionEntry","root","current","rootMargin","threshold","timerID","setTimeout","clearTimeout","isIntersecting","Fragment","aside","aria-hidden","filter","Boolean","join","style","opacity","div","title"],"mappings":"AAAA;;AACA,OAAOA,SAASC,SAAS,QAAQ,QAAO;AAExC,SAASC,YAAY,QAAQ,8BAA6B;AAC1D,OAAO,eAAc;AAUnB;;GAEC,GAIH,OAAO,MAAMC,UAA2B,CAACC;IACvC,MAAM,EACJC,aAAa,QAAQ,EACrBC,WAAW,EACXC,QAAQ,EACRC,SAAS,EACTC,QAAQ,GAAG,EACXC,UAAUC,iBAAiB,EAC3BC,MAAMC,gBAAgB,IAAI,EAC1BC,oBAAoB,KAAK,EAC1B,GAAGV;IAEJ,MAAM,CAACQ,MAAMG,QAAQ,GAAGf,MAAMgB,QAAQ,CAACH;IACvC,MAAM,CAACH,UAAUO,YAAY,GAAGjB,MAAMgB,QAAQ,CAAmB;IAEjE,MAAME,oBAAoB,CAACC,UAAa,OAAOA,YAAY,WAAWA,UAAU;IAEhF,MAAM,CAACC,KAAKC,kBAAkB,GAAGnB,aAC/B;QACEoB,MAAMhB,aAAaiB,WAAW;QAC9BC,YAAY;QACZC,WAAW;IACb,GACAX;IAGFb,UAAU;QACR,IAAIyB;QAEJ,yCAAyC;QACzC,IAAIjB,SAASI,eAAe;YAC1Ba,UAAUC,WAAW;gBACnBZ,QAAQF;YACV,GAAGJ;QACL,OAAO;YACLM,QAAQF;QACV;QAEA,OAAO;YACL,IAAIa,SAAS;gBACXE,aAAaF;YACf;QACF;IACF,GAAG;QAACb;QAAeJ;KAAM;IAEzBR,UAAU;QACR,IAAIa,mBAAmB;YACrB;QACF;QACAG,YAAYI,mBAAmBQ,iBAAiB,QAAQ;IAC1D,GAAG;QAACR;QAAmBP;KAAkB;IAEzC,mMAAmM;IACnM,qBACE,QAACd,MAAM8B,QAAQ;;YACZ,CAAChB,mCACA,QAACiB;gBACCC,eAAY;gBACZxB,WAAW;oBAAC;oBAAWA;oBAAW,CAAC,eAAe,EAAEH,YAAY;oBAAE;iBAAwB,CACvF4B,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRf,KAAKA;gBACLgB,OAAO;oBAAEC,SAAS;gBAAI;0BAEtB,cAAA,QAACC;oBAAI9B,WAAU;8BAAmBD;;;;;;;;;;;0BAGtC,QAACwB;gBACCvB,WAAW;oBACT;oBACAA;oBACAI,QAAQ;oBACR,CAAC,eAAe,EAAEP,YAAY;oBAC9B,CAAC,kBAAkB,EAAEM,qBAAqBD,UAAU;iBACrD,CACEuB,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRI,OAAOrB,kBAAkBX;0BAEzB,cAAA,QAAC+B;oBAAI9B,WAAU;8BAAmBD;;;;;;;;;;;;;;;;;AAI1C,EAAC"}

package/dist/elements/Translation/index.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import * as React from 'react';
 const RecursiveTranslation = ({ elements, translationString })=>{
     const regex = /(<[^>]+>.*?<\/[^>]+>)/g;
     const sections = translationString.split(regex);
-    return /*#__PURE__*/ _jsx("span", {
+    return /*#__PURE__*/ _jsxDEV("span", {
         children: sections.map((section, index)=>{
             if (elements && section.startsWith('<') && section.endsWith('>')) {
                 const elementKey = section[1];
@@ -11,26 +11,42 @@ const RecursiveTranslation = ({ elements, translationString })=>{
                 if (Element) {
                     const regex = new RegExp(`<${elementKey}>(.*?)<\/${elementKey}>`, 'g');
                     const children = section.replace(regex, (_, group)=>group);
-                    return /*#__PURE__*/ _jsx(Element, {
-                        children: /*#__PURE__*/ _jsx(RecursiveTranslation, {
+                    return /*#__PURE__*/ _jsxDEV(Element, {
+                        children: /*#__PURE__*/ _jsxDEV(RecursiveTranslation, {
                             translationString: children
-                        })
-                    }, index);
+                        }, void 0, false, {
+                            fileName: "src/elements/Translation/index.tsx",
+                            lineNumber: 25,
+                            columnNumber: 17
+                        }, this)
+                    }, index, false, {
+                        fileName: "src/elements/Translation/index.tsx",
+                        lineNumber: 24,
+                        columnNumber: 15
+                    }, this);
                 }
             }
             return section;
         })
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Translation/index.tsx",
+        lineNumber: 13,
+        columnNumber: 5
+    }, this);
 };
 export const Translation = ({ elements, i18nKey, t, variables })=>{
     const stringWithVariables = t(i18nKey, variables || {});
     if (!elements) {
         return stringWithVariables;
     }
-    return /*#__PURE__*/ _jsx(RecursiveTranslation, {
+    return /*#__PURE__*/ _jsxDEV(RecursiveTranslation, {
         elements: elements,
         translationString: stringWithVariables
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Translation/index.tsx",
+        lineNumber: 51,
+        columnNumber: 10
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Translation/index.tsx"],"sourcesContent":["import type { ClientTranslationKeys, TFunction } from '@payloadcms/translations'\n\nimport * as React from 'react'\n\nconst RecursiveTranslation: React.FC<{\n  elements?: Record<string, React.FC<{ children: React.ReactNode }>>\n  translationString: string\n}> = ({ elements, translationString }) => {\n  const regex = /(<[^>]+>.*?<\\/[^>]+>)/g\n  const sections = translationString.split(regex)\n\n  return (\n    <span>\n      {sections.map((section, index) => {\n        if (elements && section.startsWith('<') && section.endsWith('>')) {\n          const elementKey = section[1]\n          const Element = elements[elementKey]\n\n          if (Element) {\n            const regex = new RegExp(`<${elementKey}>(.*?)<\\/${elementKey}>`, 'g')\n            const children = section.replace(regex, (_, group) => group)\n\n            return (\n              <Element key={index}>\n                <RecursiveTranslation translationString={children} />\n              </Element>\n            )\n          }\n        }\n\n        return section\n      })}\n    </span>\n  )\n}\n\nexport type TranslationProps = {\n  elements?: Record<string, React.FC<{ children: React.ReactNode }>>\n  i18nKey: ClientTranslationKeys\n  t: TFunction\n  variables?: Record<string, unknown>\n}\n\nexport const Translation: React.FC<TranslationProps> = ({ elements, i18nKey, t, variables }) => {\n  const stringWithVariables = t(i18nKey, variables || {})\n\n  if (!elements) {\n    return stringWithVariables\n  }\n\n  return <RecursiveTranslation elements={elements} translationString={stringWithVariables} />\n}\n"],"names":["React","RecursiveTranslation","elements","translationString","regex","sections","split","span","map","section","index","startsWith","endsWith","elementKey","Element","RegExp","children","replace","_","group","Translation","i18nKey","t","variables","stringWithVariables"],"mappings":";AAEA,YAAYA,WAAW,QAAO;AAE9B,MAAMC,uBAGD,CAAC,EAAEC,QAAQ,EAAEC,iBAAiB,EAAE;IACnC,MAAMC,QAAQ;IACd,MAAMC,WAAWF,kBAAkBG,KAAK,CAACF;IAEzC,qBACE,KAACG;kBACEF,SAASG,GAAG,CAAC,CAACC,SAASC;YACtB,IAAIR,YAAYO,QAAQE,UAAU,CAAC,QAAQF,QAAQG,QAAQ,CAAC,MAAM;gBAChE,MAAMC,aAAaJ,OAAO,CAAC,EAAE;gBAC7B,MAAMK,UAAUZ,QAAQ,CAACW,WAAW;gBAEpC,IAAIC,SAAS;oBACX,MAAMV,QAAQ,IAAIW,OAAO,CAAC,CAAC,EAAEF,WAAW,SAAS,EAAEA,WAAW,CAAC,CAAC,EAAE;oBAClE,MAAMG,WAAWP,QAAQQ,OAAO,CAACb,OAAO,CAACc,GAAGC,QAAUA;oBAEtD,qBACE,KAACL;kCACC,cAAA,KAACb;4BAAqBE,mBAAmBa;;uBAD7BN;gBAIlB;YACF;YAEA,OAAOD;QACT;;AAGN;AASA,OAAO,MAAMW,cAA0C,CAAC,EAAElB,QAAQ,EAAEmB,OAAO,EAAEC,CAAC,EAAEC,SAAS,EAAE;IACzF,MAAMC,sBAAsBF,EAAED,SAASE,aAAa,CAAC;IAErD,IAAI,CAACrB,UAAU;QACb,OAAOsB;IACT;IAEA,qBAAO,KAACvB;QAAqBC,UAAUA;QAAUC,mBAAmBqB;;AACtE,EAAC"}
+{"version":3,"sources":["../../../src/elements/Translation/index.tsx"],"sourcesContent":["import type { ClientTranslationKeys, TFunction } from '@payloadcms/translations'\n\nimport * as React from 'react'\n\nconst RecursiveTranslation: React.FC<{\n  elements?: Record<string, React.FC<{ children: React.ReactNode }>>\n  translationString: string\n}> = ({ elements, translationString }) => {\n  const regex = /(<[^>]+>.*?<\\/[^>]+>)/g\n  const sections = translationString.split(regex)\n\n  return (\n    <span>\n      {sections.map((section, index) => {\n        if (elements && section.startsWith('<') && section.endsWith('>')) {\n          const elementKey = section[1]\n          const Element = elements[elementKey]\n\n          if (Element) {\n            const regex = new RegExp(`<${elementKey}>(.*?)<\\/${elementKey}>`, 'g')\n            const children = section.replace(regex, (_, group) => group)\n\n            return (\n              <Element key={index}>\n                <RecursiveTranslation translationString={children} />\n              </Element>\n            )\n          }\n        }\n\n        return section\n      })}\n    </span>\n  )\n}\n\nexport type TranslationProps = {\n  elements?: Record<string, React.FC<{ children: React.ReactNode }>>\n  i18nKey: ClientTranslationKeys\n  t: TFunction\n  variables?: Record<string, unknown>\n}\n\nexport const Translation: React.FC<TranslationProps> = ({ elements, i18nKey, t, variables }) => {\n  const stringWithVariables = t(i18nKey, variables || {})\n\n  if (!elements) {\n    return stringWithVariables\n  }\n\n  return <RecursiveTranslation elements={elements} translationString={stringWithVariables} />\n}\n"],"names":["React","RecursiveTranslation","elements","translationString","regex","sections","split","span","map","section","index","startsWith","endsWith","elementKey","Element","RegExp","children","replace","_","group","Translation","i18nKey","t","variables","stringWithVariables"],"mappings":";AAEA,YAAYA,WAAW,QAAO;AAE9B,MAAMC,uBAGD,CAAC,EAAEC,QAAQ,EAAEC,iBAAiB,EAAE;IACnC,MAAMC,QAAQ;IACd,MAAMC,WAAWF,kBAAkBG,KAAK,CAACF;IAEzC,qBACE,QAACG;kBACEF,SAASG,GAAG,CAAC,CAACC,SAASC;YACtB,IAAIR,YAAYO,QAAQE,UAAU,CAAC,QAAQF,QAAQG,QAAQ,CAAC,MAAM;gBAChE,MAAMC,aAAaJ,OAAO,CAAC,EAAE;gBAC7B,MAAMK,UAAUZ,QAAQ,CAACW,WAAW;gBAEpC,IAAIC,SAAS;oBACX,MAAMV,QAAQ,IAAIW,OAAO,CAAC,CAAC,EAAEF,WAAW,SAAS,EAAEA,WAAW,CAAC,CAAC,EAAE;oBAClE,MAAMG,WAAWP,QAAQQ,OAAO,CAACb,OAAO,CAACc,GAAGC,QAAUA;oBAEtD,qBACE,QAACL;kCACC,cAAA,QAACb;4BAAqBE,mBAAmBa;;;;;;uBAD7BN;;;;;gBAIlB;YACF;YAEA,OAAOD;QACT;;;;;;AAGN;AASA,OAAO,MAAMW,cAA0C,CAAC,EAAElB,QAAQ,EAAEmB,OAAO,EAAEC,CAAC,EAAEC,SAAS,EAAE;IACzF,MAAMC,sBAAsBF,EAAED,SAASE,aAAa,CAAC;IAErD,IAAI,CAACrB,UAAU;QACb,OAAOsB;IACT;IAEA,qBAAO,QAACvB;QAAqBC,UAAUA;QAAUC,mBAAmBqB;;;;;;AACtE,EAAC"}

package/dist/elements/TrashBanner/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';
 import React from 'react';
 import { TrashIcon } from '../../icons/Trash/index.js';
@@ -16,17 +16,29 @@ export const TrashBanner = ()=>{
     });
     const { labels } = collectionConfig;
     const { i18n } = useTranslation();
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         children: [
-            /*#__PURE__*/ _jsx(TrashIcon, {}),
-            /*#__PURE__*/ _jsx("p", {
+            /*#__PURE__*/ _jsxDEV(TrashIcon, {}, void 0, false, {
+                fileName: "src/elements/TrashBanner/index.tsx",
+                lineNumber: 23,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("p", {
                 children: i18n.t('general:documentIsTrashed', {
                     label: `${getTranslation(labels?.singular, i18n)}`
                 })
-            })
+            }, void 0, false, {
+                fileName: "src/elements/TrashBanner/index.tsx",
+                lineNumber: 24,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/TrashBanner/index.tsx",
+        lineNumber: 22,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/TrashBanner/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { TrashIcon } from '../../icons/Trash/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'trash-banner'\n\nexport const TrashBanner: React.FC = () => {\n  const { getEntityConfig } = useConfig()\n  const { collectionSlug } = useDocumentInfo()\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { labels } = collectionConfig\n  const { i18n } = useTranslation()\n  return (\n    <div className={baseClass}>\n      <TrashIcon />\n      <p>\n        {i18n.t('general:documentIsTrashed', {\n          label: `${getTranslation(labels?.singular, i18n)}`,\n        })}\n      </p>\n    </div>\n  )\n}\n"],"names":["getTranslation","React","TrashIcon","useConfig","useDocumentInfo","useTranslation","baseClass","TrashBanner","getEntityConfig","collectionSlug","collectionConfig","labels","i18n","div","className","p","t","label","singular"],"mappings":"AAAA;;AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,6BAA4B;AACtD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAwB;IACnC,MAAM,EAAEC,eAAe,EAAE,GAAGL;IAC5B,MAAM,EAAEM,cAAc,EAAE,GAAGL;IAC3B,MAAMM,mBAAmBF,gBAAgB;QAAEC;IAAe;IAE1D,MAAM,EAAEE,MAAM,EAAE,GAAGD;IACnB,MAAM,EAAEE,IAAI,EAAE,GAAGP;IACjB,qBACE,MAACQ;QAAIC,WAAWR;;0BACd,KAACJ;0BACD,KAACa;0BACEH,KAAKI,CAAC,CAAC,6BAA6B;oBACnCC,OAAO,GAAGjB,eAAeW,QAAQO,UAAUN,OAAO;gBACpD;;;;AAIR,EAAC"}
+{"version":3,"sources":["../../../src/elements/TrashBanner/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { TrashIcon } from '../../icons/Trash/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'trash-banner'\n\nexport const TrashBanner: React.FC = () => {\n  const { getEntityConfig } = useConfig()\n  const { collectionSlug } = useDocumentInfo()\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { labels } = collectionConfig\n  const { i18n } = useTranslation()\n  return (\n    <div className={baseClass}>\n      <TrashIcon />\n      <p>\n        {i18n.t('general:documentIsTrashed', {\n          label: `${getTranslation(labels?.singular, i18n)}`,\n        })}\n      </p>\n    </div>\n  )\n}\n"],"names":["getTranslation","React","TrashIcon","useConfig","useDocumentInfo","useTranslation","baseClass","TrashBanner","getEntityConfig","collectionSlug","collectionConfig","labels","i18n","div","className","p","t","label","singular"],"mappings":"AAAA;;AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,6BAA4B;AACtD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAwB;IACnC,MAAM,EAAEC,eAAe,EAAE,GAAGL;IAC5B,MAAM,EAAEM,cAAc,EAAE,GAAGL;IAC3B,MAAMM,mBAAmBF,gBAAgB;QAAEC;IAAe;IAE1D,MAAM,EAAEE,MAAM,EAAE,GAAGD;IACnB,MAAM,EAAEE,IAAI,EAAE,GAAGP;IACjB,qBACE,QAACQ;QAAIC,WAAWR;;0BACd,QAACJ;;;;;0BACD,QAACa;0BACEH,KAAKI,CAAC,CAAC,6BAA6B;oBACnCC,OAAO,GAAGjB,eAAeW,QAAQO,UAAUN,OAAO;gBACpD;;;;;;;;;;;;AAIR,EAAC"}

package/dist/elements/UnpublishMany/DrawerContent.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter, useSearchParams } from 'next/navigation.js';
 import { combineWhereConstraints, mergeListSearchAndWhere } from 'payload/shared';
@@ -128,7 +128,7 @@ export function UnpublishManyDrawerContent(props) {
         addDefaultError,
         onSuccess
     ]);
-    return /*#__PURE__*/ _jsx(ConfirmationModal, {
+    return /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
         body: t('version:aboutToUnpublishSelection', {
             label: getTranslation(plural, i18n)
         }),
@@ -136,7 +136,11 @@ export function UnpublishManyDrawerContent(props) {
         heading: t('version:confirmUnpublish'),
         modalSlug: drawerSlug,
         onConfirm: handleUnpublish
-    });
+    }, void 0, false, {
+        fileName: "src/elements/UnpublishMany/DrawerContent.tsx",
+        lineNumber: 174,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=DrawerContent.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/UnpublishMany/DrawerContent.tsx"],"sourcesContent":["import type { Where } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport { combineWhereConstraints, mergeListSearchAndWhere } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport type { UnpublishManyProps } from './index.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\n\ntype UnpublishManyDrawerContentProps = {\n  drawerSlug: string\n  ids: (number | string)[]\n  onSuccess?: () => void\n  selectAll: boolean\n  where?: Where\n} & UnpublishManyProps\n\nexport function UnpublishManyDrawerContent(props: UnpublishManyDrawerContentProps) {\n  const {\n    collection,\n    collection: { slug, labels: { plural, singular } } = {},\n    drawerSlug,\n    ids,\n    onSuccess,\n    selectAll,\n    where,\n  } = props\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n  const searchParams = useSearchParams()\n  const router = useRouter()\n  const { clearRouteCache } = useRouteCache()\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:unknown'))\n  }, [t])\n\n  const queryString = React.useMemo((): string => {\n    const whereConstraints: Where[] = [\n      {\n        _status: {\n          not_equals: 'draft',\n        },\n      },\n    ]\n\n    if (where) {\n      whereConstraints.push(where)\n    }\n\n    const queryWithSearch = mergeListSearchAndWhere({\n      collectionConfig: collection,\n      search: searchParams.get('search'),\n    })\n\n    if (queryWithSearch) {\n      whereConstraints.push(queryWithSearch)\n    }\n\n    if (!selectAll) {\n      // If we're not selecting all, we need to select specific docs\n      whereConstraints.push({\n        id: {\n          in: ids || [],\n        },\n      })\n    }\n\n    return qs.stringify(\n      {\n        locale,\n        select: {},\n        where: combineWhereConstraints(whereConstraints),\n      },\n      { addQueryPrefix: true },\n    )\n  }, [collection, searchParams, selectAll, ids, locale, where])\n\n  const handleUnpublish = useCallback(async () => {\n    await requests\n      .patch(`${serverURL}${api}/${slug}${queryString}`, {\n        body: JSON.stringify({\n          _status: 'draft',\n        }),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n      .then(async (res) => {\n        try {\n          const json = await res.json()\n\n          const deletedDocs = json?.docs.length || 0\n          const successLabel = deletedDocs > 1 ? plural : singular\n\n          if (res.status < 400 || deletedDocs > 0) {\n            toast.success(\n              t('general:updatedCountSuccessfully', {\n                count: deletedDocs,\n                label: getTranslation(successLabel, i18n),\n              }),\n            )\n\n            if (json?.errors.length > 0) {\n              toast.error(json.message, {\n                description: json.errors.map((error) => error.message).join('\\n'),\n              })\n            }\n\n            router.replace(\n              qs.stringify(\n                {\n                  ...parseSearchParams(searchParams),\n                  page: selectAll ? '1' : undefined,\n                },\n                { addQueryPrefix: true },\n              ),\n            )\n\n            clearRouteCache()\n\n            if (typeof onSuccess === 'function') {\n              onSuccess()\n            }\n\n            return null\n          }\n\n          if (json.errors) {\n            json.errors.forEach((error) => toast.error(error.message))\n          } else {\n            addDefaultError()\n          }\n          return false\n        } catch (_err) {\n          return addDefaultError()\n        }\n      })\n  }, [\n    serverURL,\n    api,\n    slug,\n    queryString,\n    i18n,\n    plural,\n    singular,\n    t,\n    router,\n    searchParams,\n    selectAll,\n    clearRouteCache,\n    addDefaultError,\n    onSuccess,\n  ])\n\n  return (\n    <ConfirmationModal\n      body={t('version:aboutToUnpublishSelection', { label: getTranslation(plural, i18n) })}\n      confirmingLabel={t('version:unpublishing')}\n      heading={t('version:confirmUnpublish')}\n      modalSlug={drawerSlug}\n      onConfirm={handleUnpublish}\n    />\n  )\n}\n"],"names":["getTranslation","useRouter","useSearchParams","combineWhereConstraints","mergeListSearchAndWhere","qs","React","useCallback","toast","useConfig","useLocale","useRouteCache","useTranslation","requests","parseSearchParams","ConfirmationModal","UnpublishManyDrawerContent","props","collection","slug","labels","plural","singular","drawerSlug","ids","onSuccess","selectAll","where","config","routes","api","serverURL","code","locale","i18n","t","searchParams","router","clearRouteCache","addDefaultError","error","queryString","useMemo","whereConstraints","_status","not_equals","push","queryWithSearch","collectionConfig","search","get","id","in","stringify","select","addQueryPrefix","handleUnpublish","patch","body","JSON","headers","language","then","res","json","deletedDocs","docs","length","successLabel","status","success","count","label","errors","message","description","map","join","replace","page","undefined","forEach","_err","confirmingLabel","heading","modalSlug","onConfirm"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/UnpublishMany/DrawerContent.tsx"],"sourcesContent":["import type { Where } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport { combineWhereConstraints, mergeListSearchAndWhere } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport type { UnpublishManyProps } from './index.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\n\ntype UnpublishManyDrawerContentProps = {\n  drawerSlug: string\n  ids: (number | string)[]\n  onSuccess?: () => void\n  selectAll: boolean\n  where?: Where\n} & UnpublishManyProps\n\nexport function UnpublishManyDrawerContent(props: UnpublishManyDrawerContentProps) {\n  const {\n    collection,\n    collection: { slug, labels: { plural, singular } } = {},\n    drawerSlug,\n    ids,\n    onSuccess,\n    selectAll,\n    where,\n  } = props\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n  const searchParams = useSearchParams()\n  const router = useRouter()\n  const { clearRouteCache } = useRouteCache()\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:unknown'))\n  }, [t])\n\n  const queryString = React.useMemo((): string => {\n    const whereConstraints: Where[] = [\n      {\n        _status: {\n          not_equals: 'draft',\n        },\n      },\n    ]\n\n    if (where) {\n      whereConstraints.push(where)\n    }\n\n    const queryWithSearch = mergeListSearchAndWhere({\n      collectionConfig: collection,\n      search: searchParams.get('search'),\n    })\n\n    if (queryWithSearch) {\n      whereConstraints.push(queryWithSearch)\n    }\n\n    if (!selectAll) {\n      // If we're not selecting all, we need to select specific docs\n      whereConstraints.push({\n        id: {\n          in: ids || [],\n        },\n      })\n    }\n\n    return qs.stringify(\n      {\n        locale,\n        select: {},\n        where: combineWhereConstraints(whereConstraints),\n      },\n      { addQueryPrefix: true },\n    )\n  }, [collection, searchParams, selectAll, ids, locale, where])\n\n  const handleUnpublish = useCallback(async () => {\n    await requests\n      .patch(`${serverURL}${api}/${slug}${queryString}`, {\n        body: JSON.stringify({\n          _status: 'draft',\n        }),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n      .then(async (res) => {\n        try {\n          const json = await res.json()\n\n          const deletedDocs = json?.docs.length || 0\n          const successLabel = deletedDocs > 1 ? plural : singular\n\n          if (res.status < 400 || deletedDocs > 0) {\n            toast.success(\n              t('general:updatedCountSuccessfully', {\n                count: deletedDocs,\n                label: getTranslation(successLabel, i18n),\n              }),\n            )\n\n            if (json?.errors.length > 0) {\n              toast.error(json.message, {\n                description: json.errors.map((error) => error.message).join('\\n'),\n              })\n            }\n\n            router.replace(\n              qs.stringify(\n                {\n                  ...parseSearchParams(searchParams),\n                  page: selectAll ? '1' : undefined,\n                },\n                { addQueryPrefix: true },\n              ),\n            )\n\n            clearRouteCache()\n\n            if (typeof onSuccess === 'function') {\n              onSuccess()\n            }\n\n            return null\n          }\n\n          if (json.errors) {\n            json.errors.forEach((error) => toast.error(error.message))\n          } else {\n            addDefaultError()\n          }\n          return false\n        } catch (_err) {\n          return addDefaultError()\n        }\n      })\n  }, [\n    serverURL,\n    api,\n    slug,\n    queryString,\n    i18n,\n    plural,\n    singular,\n    t,\n    router,\n    searchParams,\n    selectAll,\n    clearRouteCache,\n    addDefaultError,\n    onSuccess,\n  ])\n\n  return (\n    <ConfirmationModal\n      body={t('version:aboutToUnpublishSelection', { label: getTranslation(plural, i18n) })}\n      confirmingLabel={t('version:unpublishing')}\n      heading={t('version:confirmUnpublish')}\n      modalSlug={drawerSlug}\n      onConfirm={handleUnpublish}\n    />\n  )\n}\n"],"names":["getTranslation","useRouter","useSearchParams","combineWhereConstraints","mergeListSearchAndWhere","qs","React","useCallback","toast","useConfig","useLocale","useRouteCache","useTranslation","requests","parseSearchParams","ConfirmationModal","UnpublishManyDrawerContent","props","collection","slug","labels","plural","singular","drawerSlug","ids","onSuccess","selectAll","where","config","routes","api","serverURL","code","locale","i18n","t","searchParams","router","clearRouteCache","addDefaultError","error","queryString","useMemo","whereConstraints","_status","not_equals","push","queryWithSearch","collectionConfig","search","get","id","in","stringify","select","addQueryPrefix","handleUnpublish","patch","body","JSON","headers","language","then","res","json","deletedDocs","docs","length","successLabel","status","success","count","label","errors","message","description","map","join","replace","page","undefined","forEach","_err","confirmingLabel","heading","modalSlug","onConfirm"],"mappings":"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"}

package/dist/elements/UnpublishMany/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 from 'react';
 import { useAuth } from '../../providers/Auth/index.js';
@@ -9,13 +9,17 @@ import { ListSelectionButton } from '../ListSelection/index.js';
 import { UnpublishManyDrawerContent } from './DrawerContent.js';
 export const UnpublishMany = (props)=>{
     const { count, selectAll, selectedIDs, toggleAll } = useSelection();
-    return /*#__PURE__*/ _jsx(UnpublishMany_v4, {
+    return /*#__PURE__*/ _jsxDEV(UnpublishMany_v4, {
         ...props,
         count: count,
         ids: selectedIDs,
         onSuccess: ()=>toggleAll(),
         selectAll: selectAll === SelectAllStatus.AllAvailable
-    });
+    }, void 0, false, {
+        fileName: "src/elements/UnpublishMany/index.tsx",
+        lineNumber: 21,
+        columnNumber: 5
+    }, this);
 };
 export const UnpublishMany_v4 = /**
      * When multiple UnpublishMany components are rendered on the page, this will differentiate them.
@@ -30,25 +34,37 @@ export const UnpublishMany_v4 = /**
     if (!versions?.drafts || count === 0 || !hasPermission) {
         return null;
     }
-    return /*#__PURE__*/ _jsxs(React.Fragment, {
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
         children: [
-            /*#__PURE__*/ _jsx(ListSelectionButton, {
+            /*#__PURE__*/ _jsxDEV(ListSelectionButton, {
                 "aria-label": t('version:unpublish'),
                 onClick: ()=>{
                     toggleModal(drawerSlug);
                 },
                 children: t('version:unpublish')
-            }),
-            /*#__PURE__*/ _jsx(UnpublishManyDrawerContent, {
+            }, void 0, false, {
+                fileName: "src/elements/UnpublishMany/index.tsx",
+                lineNumber: 70,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(UnpublishManyDrawerContent, {
                 collection: collection,
                 drawerSlug: drawerSlug,
                 ids: ids,
                 onSuccess: onSuccess,
                 selectAll: selectAll,
                 where: where
-            })
+            }, void 0, false, {
+                fileName: "src/elements/UnpublishMany/index.tsx",
+                lineNumber: 78,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/UnpublishMany/index.tsx",
+        lineNumber: 69,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/UnpublishMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, Where } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ListSelectionButton } from '../ListSelection/index.js'\nimport { UnpublishManyDrawerContent } from './DrawerContent.js'\n\nexport type UnpublishManyProps = {\n  collection: ClientCollectionConfig\n}\n\nexport const UnpublishMany: React.FC<UnpublishManyProps> = (props) => {\n  const { count, selectAll, selectedIDs, toggleAll } = useSelection()\n\n  return (\n    <UnpublishMany_v4\n      {...props}\n      count={count}\n      ids={selectedIDs}\n      onSuccess={() => toggleAll()}\n      selectAll={selectAll === SelectAllStatus.AllAvailable}\n    />\n  )\n}\n\nexport const UnpublishMany_v4: React.FC<\n  {\n    count: number\n    ids: (number | string)[]\n    /**\n     * When multiple UnpublishMany components are rendered on the page, this will differentiate them.\n     */\n    modalPrefix?: string\n    onSuccess?: () => void\n    selectAll: boolean\n    where?: Where\n  } & UnpublishManyProps\n> = (props) => {\n  const {\n    collection,\n    collection: { slug, versions } = {},\n    count,\n    ids,\n    modalPrefix,\n    onSuccess,\n    selectAll,\n    where,\n  } = props\n\n  const { t } = useTranslation()\n  const { permissions } = useAuth()\n  const { toggleModal } = useModal()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasPermission = collectionPermissions?.update\n\n  const drawerSlug = `${modalPrefix ? `${modalPrefix}-` : ''}unpublish-${slug}`\n\n  if (!versions?.drafts || count === 0 || !hasPermission) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <ListSelectionButton\n        aria-label={t('version:unpublish')}\n        onClick={() => {\n          toggleModal(drawerSlug)\n        }}\n      >\n        {t('version:unpublish')}\n      </ListSelectionButton>\n      <UnpublishManyDrawerContent\n        collection={collection}\n        drawerSlug={drawerSlug}\n        ids={ids}\n        onSuccess={onSuccess}\n        selectAll={selectAll}\n        where={where}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["useModal","React","useAuth","SelectAllStatus","useSelection","useTranslation","ListSelectionButton","UnpublishManyDrawerContent","UnpublishMany","props","count","selectAll","selectedIDs","toggleAll","UnpublishMany_v4","ids","onSuccess","AllAvailable","collection","slug","versions","modalPrefix","where","t","permissions","toggleModal","collectionPermissions","collections","hasPermission","update","drawerSlug","drafts","Fragment","aria-label","onClick"],"mappings":"AAAA;;AAGA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,eAAe,EAAEC,YAAY,QAAQ,qCAAoC;AAClF,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,mBAAmB,QAAQ,4BAA2B;AAC/D,SAASC,0BAA0B,QAAQ,qBAAoB;AAM/D,OAAO,MAAMC,gBAA8C,CAACC;IAC1D,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAEC,WAAW,EAAEC,SAAS,EAAE,GAAGT;IAErD,qBACE,KAACU;QACE,GAAGL,KAAK;QACTC,OAAOA;QACPK,KAAKH;QACLI,WAAW,IAAMH;QACjBF,WAAWA,cAAcR,gBAAgBc,YAAY;;AAG3D,EAAC;AAED,OAAO,MAAMH,mBAIT;;KAEC,GAMD,CAACL;IACH,MAAM,EACJS,UAAU,EACVA,YAAY,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAG,CAAC,CAAC,EACnCV,KAAK,EACLK,GAAG,EACHM,WAAW,EACXL,SAAS,EACTL,SAAS,EACTW,KAAK,EACN,GAAGb;IAEJ,MAAM,EAAEc,CAAC,EAAE,GAAGlB;IACd,MAAM,EAAEmB,WAAW,EAAE,GAAGtB;IACxB,MAAM,EAAEuB,WAAW,EAAE,GAAGzB;IAExB,MAAM0B,wBAAwBF,aAAaG,aAAa,CAACR,KAAK;IAC9D,MAAMS,gBAAgBF,uBAAuBG;IAE7C,MAAMC,aAAa,GAAGT,cAAc,GAAGA,YAAY,CAAC,CAAC,GAAG,GAAG,UAAU,EAAEF,MAAM;IAE7E,IAAI,CAACC,UAAUW,UAAUrB,UAAU,KAAK,CAACkB,eAAe;QACtD,OAAO;IACT;IAEA,qBACE,MAAC3B,MAAM+B,QAAQ;;0BACb,KAAC1B;gBACC2B,cAAYV,EAAE;gBACdW,SAAS;oBACPT,YAAYK;gBACd;0BAECP,EAAE;;0BAEL,KAAChB;gBACCW,YAAYA;gBACZY,YAAYA;gBACZf,KAAKA;gBACLC,WAAWA;gBACXL,WAAWA;gBACXW,OAAOA;;;;AAIf,EAAC"}
+{"version":3,"sources":["../../../src/elements/UnpublishMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, Where } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ListSelectionButton } from '../ListSelection/index.js'\nimport { UnpublishManyDrawerContent } from './DrawerContent.js'\n\nexport type UnpublishManyProps = {\n  collection: ClientCollectionConfig\n}\n\nexport const UnpublishMany: React.FC<UnpublishManyProps> = (props) => {\n  const { count, selectAll, selectedIDs, toggleAll } = useSelection()\n\n  return (\n    <UnpublishMany_v4\n      {...props}\n      count={count}\n      ids={selectedIDs}\n      onSuccess={() => toggleAll()}\n      selectAll={selectAll === SelectAllStatus.AllAvailable}\n    />\n  )\n}\n\nexport const UnpublishMany_v4: React.FC<\n  {\n    count: number\n    ids: (number | string)[]\n    /**\n     * When multiple UnpublishMany components are rendered on the page, this will differentiate them.\n     */\n    modalPrefix?: string\n    onSuccess?: () => void\n    selectAll: boolean\n    where?: Where\n  } & UnpublishManyProps\n> = (props) => {\n  const {\n    collection,\n    collection: { slug, versions } = {},\n    count,\n    ids,\n    modalPrefix,\n    onSuccess,\n    selectAll,\n    where,\n  } = props\n\n  const { t } = useTranslation()\n  const { permissions } = useAuth()\n  const { toggleModal } = useModal()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasPermission = collectionPermissions?.update\n\n  const drawerSlug = `${modalPrefix ? `${modalPrefix}-` : ''}unpublish-${slug}`\n\n  if (!versions?.drafts || count === 0 || !hasPermission) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <ListSelectionButton\n        aria-label={t('version:unpublish')}\n        onClick={() => {\n          toggleModal(drawerSlug)\n        }}\n      >\n        {t('version:unpublish')}\n      </ListSelectionButton>\n      <UnpublishManyDrawerContent\n        collection={collection}\n        drawerSlug={drawerSlug}\n        ids={ids}\n        onSuccess={onSuccess}\n        selectAll={selectAll}\n        where={where}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["useModal","React","useAuth","SelectAllStatus","useSelection","useTranslation","ListSelectionButton","UnpublishManyDrawerContent","UnpublishMany","props","count","selectAll","selectedIDs","toggleAll","UnpublishMany_v4","ids","onSuccess","AllAvailable","collection","slug","versions","modalPrefix","where","t","permissions","toggleModal","collectionPermissions","collections","hasPermission","update","drawerSlug","drafts","Fragment","aria-label","onClick"],"mappings":"AAAA;;AAGA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,eAAe,EAAEC,YAAY,QAAQ,qCAAoC;AAClF,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,mBAAmB,QAAQ,4BAA2B;AAC/D,SAASC,0BAA0B,QAAQ,qBAAoB;AAM/D,OAAO,MAAMC,gBAA8C,CAACC;IAC1D,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAEC,WAAW,EAAEC,SAAS,EAAE,GAAGT;IAErD,qBACE,QAACU;QACE,GAAGL,KAAK;QACTC,OAAOA;QACPK,KAAKH;QACLI,WAAW,IAAMH;QACjBF,WAAWA,cAAcR,gBAAgBc,YAAY;;;;;;AAG3D,EAAC;AAED,OAAO,MAAMH,mBAIT;;KAEC,GAMD,CAACL;IACH,MAAM,EACJS,UAAU,EACVA,YAAY,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAG,CAAC,CAAC,EACnCV,KAAK,EACLK,GAAG,EACHM,WAAW,EACXL,SAAS,EACTL,SAAS,EACTW,KAAK,EACN,GAAGb;IAEJ,MAAM,EAAEc,CAAC,EAAE,GAAGlB;IACd,MAAM,EAAEmB,WAAW,EAAE,GAAGtB;IACxB,MAAM,EAAEuB,WAAW,EAAE,GAAGzB;IAExB,MAAM0B,wBAAwBF,aAAaG,aAAa,CAACR,KAAK;IAC9D,MAAMS,gBAAgBF,uBAAuBG;IAE7C,MAAMC,aAAa,GAAGT,cAAc,GAAGA,YAAY,CAAC,CAAC,GAAG,GAAG,UAAU,EAAEF,MAAM;IAE7E,IAAI,CAACC,UAAUW,UAAUrB,UAAU,KAAK,CAACkB,eAAe;QACtD,OAAO;IACT;IAEA,qBACE,QAAC3B,MAAM+B,QAAQ;;0BACb,QAAC1B;gBACC2B,cAAYV,EAAE;gBACdW,SAAS;oBACPT,YAAYK;gBACd;0BAECP,EAAE;;;;;;0BAEL,QAAChB;gBACCW,YAAYA;gBACZY,YAAYA;gBACZf,KAAKA;gBACLC,WAAWA;gBACXL,WAAWA;gBACXW,OAAOA;;;;;;;;;;;;AAIf,EAAC"}