@payloadcms/ui 4.0.0-internal.d3909a9 → 4.0.0-internal.d7d662c

package/dist/elements/Table/useAriaSort.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAriaSort.js","names":["c","_c","useEffect","useId","useAriaSort","t0","$","labelledBy","ref","value","owner","t1","t2","header","current","closest","dataset","ariaSortOwner","setAttribute","removeAttribute"],"sources":["../../../src/elements/Table/useAriaSort.ts"],"sourcesContent":["'use client'\n\nimport type { AriaAttributes, RefObject } from 'react'\n\nimport { useEffect, useId } from 'react'\n\nexport const useAriaSort = <TElement extends HTMLElement>({\n  labelledBy,\n  ref,\n  value,\n}: {\n  labelledBy?: string\n  ref: RefObject<null | TElement>\n  value?: AriaAttributes['aria-sort']\n}) => {\n  const owner = useId()\n\n  useEffect(() => {\n    const header = ref.current?.closest('th')\n\n    if (!header) {\n      return\n    }\n\n    header.dataset.ariaSortOwner = owner\n    if (value) {\n      header.setAttribute('aria-sort', value)\n    } else {\n      header.removeAttribute('aria-sort')\n    }\n    if (labelledBy) {\n      header.setAttribute('aria-labelledby', labelledBy)\n    }\n\n    return () => {\n      if (header.dataset.ariaSortOwner === owner) {\n        delete header.dataset.ariaSortOwner\n        header.removeAttribute('aria-sort')\n        if (labelledBy) {\n          header.removeAttribute('aria-labelledby')\n        }\n      }\n    }\n  }, [labelledBy, owner, ref, value])\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,SAAS,EAAEC,KAAK,QAAQ;AAEjC,OAAO,MAAMC,WAAA,GAAcC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAA+B;IAAAM,UAAA;IAAAC,GAAA;IAAAC;EAAA,IAAAJ,EAQzD;EACC,MAAAK,KAAA,GAAcP,KAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAN,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAI,KAAA,IAAAJ,CAAA,QAAAE,GAAA,IAAAF,CAAA,QAAAG,KAAA;IAEJE,EAAA,GAAAA,CAAA;MACR,MAAAE,MAAA,GAAeL,GAAA,CAAAM,OAAA,EAAAC,OAAA,CAAqB;MAAA,KAE/BF,MAAA;QAAA;MAAA;MAILA,MAAA,CAAAG,OAAA,CAAAC,aAAA,GAA+BP,KAAA;MAAA,IAC3BD,KAAA;QACFI,MAAA,CAAAK,YAAA,CAAoB,aAAaT,KAAA;MAAA;QAEjCI,MAAA,CAAAM,eAAA,CAAuB;MAAA;MAAA,IAErBZ,UAAA;QACFM,MAAA,CAAAK,YAAA,CAAoB,mBAAmBX,UAAA;MAAA;MAAA;QAAA,IAInCM,MAAA,CAAAG,OAAA,CAAAC,aAAA,KAAiCP,KAAA;UAAA,OAC5BG,MAAA,CAAAG,OAAA,CAAAC,aAAA;UACPJ,MAAA,CAAAM,eAAA,CAAuB;UAAA,IACnBZ,UAAA;YACFM,MAAA,CAAAM,eAAA,CAAuB;UAAA;QAAA;MAAA;IAAA;IAI5BP,EAAA,IAACL,UAAA,EAAYG,KAAA,EAAOF,GAAA,EAAKC,KAAA;IAAMH,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAI,KAAA;IAAAJ,CAAA,MAAAE,GAAA;IAAAF,CAAA,MAAAG,KAAA;IAAAH,CAAA,MAAAK,EAAA;IAAAL,CAAA,MAAAM,EAAA;EAAA;IAAAD,EAAA,GAAAL,CAAA;IAAAM,EAAA,GAAAN,CAAA;EAAA;EA1BlCJ,SAAA,CAAUS,EA0BV,EAAGC,EAA+B;AAAA,CACpC","ignoreList":[]}
+{"version":3,"file":"useAriaSort.js","names":["c","_c","useEffect","useId","useAriaSort","t0","$","labelledBy","ref","value","owner","t1","t2","header","current","closest","dataset","ariaSortOwner","setAttribute","removeAttribute"],"sources":["../../../src/elements/Table/useAriaSort.ts"],"sourcesContent":["'use client'\n\nimport type { AriaAttributes, RefObject } from 'react'\n\nimport { useEffect, useId } from 'react'\n\nexport const useAriaSort = <TElement extends HTMLElement>({\n  labelledBy,\n  ref,\n  value,\n}: {\n  labelledBy?: string\n  ref: RefObject<null | TElement>\n  value?: AriaAttributes['aria-sort']\n}) => {\n  const owner = useId()\n\n  useEffect(() => {\n    const header = ref.current?.closest('th')\n\n    if (!header) {\n      return\n    }\n\n    header.dataset.ariaSortOwner = owner\n    if (value) {\n      header.setAttribute('aria-sort', value)\n    } else {\n      header.removeAttribute('aria-sort')\n    }\n    if (labelledBy) {\n      header.setAttribute('aria-labelledby', labelledBy)\n    }\n\n    return () => {\n      if (header.dataset.ariaSortOwner === owner) {\n        delete header.dataset.ariaSortOwner\n        header.removeAttribute('aria-sort')\n        if (labelledBy) {\n          header.removeAttribute('aria-labelledby')\n        }\n      }\n    }\n  }, [labelledBy, owner, ref, value])\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,SAAS,EAAEC,KAAK,QAAQ;AAEjC,OAAO,MAAMC,WAAA,GAAcC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAA+B;IAAAM,UAAA;IAAAC,GAAA;IAAAC;EAAA,IAAAJ,EAQzD;EACC,MAAAK,KAAA,GAAcP,KAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAN,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAI,KAAA,IAAAJ,CAAA,QAAAE,GAAA,IAAAF,CAAA,QAAAG,KAAA;IAEJE,EAAA,GAAAA,CAAA;MACR,MAAAE,MAAA,GAAeL,GAAA,CAAAM,OAAa,EAAAC,OAAQ;MAEpC,IAAI,CAACF,MAAA;QAAA;MAAA;MAILA,MAAA,CAAAG,OAAc,CAAAC,aAAA,GAAiBP,KAAH;MAC5B,IAAID,KAAA;QACFI,MAAA,CAAAK,YAAmB,CAAC,aAAaT,KAAA;MAAA;QAEjCI,MAAA,CAAAM,eAAsB,CAAC;MAAA;MAEzB,IAAIZ,UAAA;QACFM,MAAA,CAAAK,YAAmB,CAAC,mBAAmBX,UAAA;MAAA;MACzC,OAEO;QACL,IAAIM,MAAA,CAAAG,OAAc,CAAAC,aAAc,KAAKP,KAAA;UACnC,OAAOG,MAAA,CAAAG,OAAc,CAAAC,aAAc;UACnCJ,MAAA,CAAAM,eAAsB,CAAC;UACvB,IAAIZ,UAAA;YACFM,MAAA,CAAAM,eAAsB,CAAC;UAAA;QACzB;MACF,CACF;IAAA,CACF;IAAGP,EAAA,IAACL,UAAA,EAAYG,KAAA,EAAOF,GAAA,EAAKC,KAAA,CAAM;IAAAH,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAI,KAAA;IAAAJ,CAAA,MAAAE,GAAA;IAAAF,CAAA,MAAAG,KAAA;IAAAH,CAAA,MAAAK,EAAA;IAAAL,CAAA,MAAAM,EAAA;EAAA;IAAAD,EAAA,GAAAL,CAAA;IAAAM,EAAA,GAAAN,CAAA;EAAA;EA1BlCJ,SAAA,CAAUS,EA0BV,EAAGC,EAA+B;AAAA,CACpC","ignoreList":[]}

package/dist/elements/Thumbnail/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import './index.css';
@@ -8,82 +9,161 @@ import { File } from '../../graphics/File/index.js';
 import { appendCacheTag } from '../../utilities/appendCacheTag.js';
 import { ShimmerEffect } from '../ShimmerEffect/index.js';
 export const Thumbnail = props => {
+  const $ = _c(9);
   const {
-    className = '',
-    doc: {
-      filename
-    } = {},
+    className: t0,
+    doc: t1,
     fileSrc,
     height,
     imageCacheTag,
     size,
     width
   } = props;
+  const className = t0 === undefined ? "" : t0;
+  const {
+    filename
+  } = t1 === undefined ? {} : t1;
   const [fileExists, setFileExists] = React.useState(undefined);
-  const classNames = [baseClass, `${baseClass}--size-${size || 'medium'}`, className].join(' ');
-  const src = React.useMemo(() => fileSrc ? appendCacheTag(fileSrc, imageCacheTag) : null, [fileSrc, imageCacheTag]);
-  React.useEffect(() => {
-    if (!src) {
-      setFileExists(false);
-      return;
-    }
-    setFileExists(undefined);
-    const img = new Image();
-    img.src = src;
-    img.onload = () => {
-      setFileExists(true);
-    };
-    img.onerror = () => {
-      setFileExists(false);
+  const t2 = `${baseClass}--size-${size || "medium"}`;
+  let t3;
+  if ($[0] !== className || $[1] !== t2) {
+    t3 = [baseClass, t2, className];
+    $[0] = className;
+    $[1] = t2;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  const classNames = t3.join(" ");
+  let t4;
+  if ($[3] !== fileSrc || $[4] !== imageCacheTag) {
+    t4 = fileSrc ? appendCacheTag(fileSrc, imageCacheTag) : null;
+    $[3] = fileSrc;
+    $[4] = imageCacheTag;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  const src = t4;
+  let t5;
+  let t6;
+  if ($[6] !== src) {
+    t5 = () => {
+      if (!src) {
+        setFileExists(false);
+        return;
+      }
+      setFileExists(undefined);
+      const img = new Image();
+      img.src = src;
+      img.onload = () => {
+        setFileExists(true);
+      };
+      img.onerror = () => {
+        setFileExists(false);
+      };
     };
-  }, [src]);
-  return /*#__PURE__*/_jsxs("div", {
+    t6 = [src];
+    $[6] = src;
+    $[7] = t5;
+    $[8] = t6;
+  } else {
+    t5 = $[7];
+    t6 = $[8];
+  }
+  React.useEffect(t5, t6);
+  return _jsxs("div", {
     className: classNames,
-    children: [fileExists === undefined && /*#__PURE__*/_jsx(ShimmerEffect, {
+    children: [fileExists === undefined && _jsx(ShimmerEffect, {
       height: "100%"
-    }), fileExists && /*#__PURE__*/_jsx("img", {
+    }), fileExists && _jsx("img", {
       alt: filename,
-      height: height,
-      src: src,
-      width: width
-    }), fileExists === false && /*#__PURE__*/_jsx(File, {})]
+      height,
+      src,
+      width
+    }), fileExists === false && _jsx(File, {})]
   });
 };
 export function ThumbnailComponent(props) {
+  const $ = _c(15);
   const {
     alt,
-    className = '',
+    className: t0,
     filename,
     fileSrc,
     imageCacheTag,
     size
   } = props;
+  const className = t0 === undefined ? "" : t0;
   const [fileExists, setFileExists] = React.useState(undefined);
-  const classNames = [baseClass, `${baseClass}--size-${size || 'medium'}`, className].join(' ');
-  const src = React.useMemo(() => fileSrc ? appendCacheTag(fileSrc, imageCacheTag) : null, [fileSrc, imageCacheTag]);
-  React.useEffect(() => {
-    if (!src) {
-      setFileExists(false);
-      return;
-    }
-    setFileExists(undefined);
-    const img = new Image();
-    img.src = src;
-    img.onload = () => {
-      setFileExists(true);
-    };
-    img.onerror = () => {
-      setFileExists(false);
+  const t1 = `${baseClass}--size-${size || "medium"}`;
+  let t2;
+  if ($[0] !== className || $[1] !== t1) {
+    t2 = [baseClass, t1, className];
+    $[0] = className;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const classNames = t2.join(" ");
+  let t3;
+  if ($[3] !== fileSrc || $[4] !== imageCacheTag) {
+    t3 = fileSrc ? appendCacheTag(fileSrc, imageCacheTag) : null;
+    $[3] = fileSrc;
+    $[4] = imageCacheTag;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const src = t3;
+  let t4;
+  let t5;
+  if ($[6] !== src) {
+    t4 = () => {
+      if (!src) {
+        setFileExists(false);
+        return;
+      }
+      setFileExists(undefined);
+      const img = new Image();
+      img.src = src;
+      img.onload = () => {
+        setFileExists(true);
+      };
+      img.onerror = () => {
+        setFileExists(false);
+      };
     };
-  }, [src]);
-  return /*#__PURE__*/_jsxs("div", {
-    className: classNames,
-    children: [fileExists === undefined && /*#__PURE__*/_jsx(ShimmerEffect, {
-      height: "100%"
-    }), fileExists && /*#__PURE__*/_jsx("img", {
-      alt: alt || filename,
-      src: src
-    }), fileExists === false && /*#__PURE__*/_jsx(File, {})]
-  });
+    t5 = [src];
+    $[6] = src;
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t4 = $[7];
+    t5 = $[8];
+  }
+  React.useEffect(t4, t5);
+  let t6;
+  if ($[9] !== alt || $[10] !== classNames || $[11] !== fileExists || $[12] !== filename || $[13] !== src) {
+    t6 = _jsxs("div", {
+      className: classNames,
+      children: [fileExists === undefined && _jsx(ShimmerEffect, {
+        height: "100%"
+      }), fileExists && _jsx("img", {
+        alt: alt || filename,
+        src
+      }), fileExists === false && _jsx(File, {})]
+    });
+    $[9] = alt;
+    $[10] = classNames;
+    $[11] = fileExists;
+    $[12] = filename;
+    $[13] = src;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  return t6;
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","baseClass","File","appendCacheTag","ShimmerEffect","Thumbnail","props","className","doc","filename","fileSrc","height","imageCacheTag","size","width","fileExists","setFileExists","useState","undefined","classNames","join","src","useMemo","useEffect","img","Image","onload","onerror","_jsxs","_jsx","alt","ThumbnailComponent"],"sources":["../../../src/elements/Thumbnail/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.css'\n\nconst baseClass = 'thumbnail'\n\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { File } from '../../graphics/File/index.js'\nimport { appendCacheTag } from '../../utilities/appendCacheTag.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\n\nexport type ThumbnailProps = {\n  className?: string\n  collectionSlug?: string\n  doc?: Record<string, unknown>\n  fileSrc?: string\n  height?: number\n  imageCacheTag?: false | string\n  size?: 'expand' | 'large' | 'medium' | 'none' | 'small'\n  uploadConfig?: Omit<SanitizedCollectionConfig['upload'], 'uploadInstructions'>\n  width?: number\n}\n\nexport const Thumbnail: React.FC<ThumbnailProps> = (props) => {\n  const {\n    className = '',\n    doc: { filename } = {},\n    fileSrc,\n    height,\n    imageCacheTag,\n    size,\n    width,\n  } = props\n  const [fileExists, setFileExists] = React.useState(undefined)\n\n  const classNames = [baseClass, `${baseClass}--size-${size || 'medium'}`, className].join(' ')\n\n  const src = React.useMemo(\n    () => (fileSrc ? appendCacheTag(fileSrc, imageCacheTag) : null),\n    [fileSrc, imageCacheTag],\n  )\n\n  React.useEffect(() => {\n    if (!src) {\n      setFileExists(false)\n      return\n    }\n    setFileExists(undefined)\n\n    const img = new Image()\n    img.src = src\n    img.onload = () => {\n      setFileExists(true)\n    }\n    img.onerror = () => {\n      setFileExists(false)\n    }\n  }, [src])\n\n  return (\n    <div className={classNames}>\n      {fileExists === undefined && <ShimmerEffect height=\"100%\" />}\n      {fileExists && <img alt={filename as string} height={height} src={src} width={width} />}\n      {fileExists === false && <File />}\n    </div>\n  )\n}\n\ntype ThumbnailComponentProps = {\n  readonly alt?: string\n  readonly className?: string\n  readonly filename: string\n  readonly fileSrc: string\n  readonly imageCacheTag?: false | string\n  readonly size?: 'expand' | 'large' | 'medium' | 'none' | 'small'\n}\nexport function ThumbnailComponent(props: ThumbnailComponentProps) {\n  const { alt, className = '', filename, fileSrc, imageCacheTag, size } = props\n  const [fileExists, setFileExists] = React.useState(undefined)\n\n  const classNames = [baseClass, `${baseClass}--size-${size || 'medium'}`, className].join(' ')\n\n  const src = React.useMemo(\n    () => (fileSrc ? appendCacheTag(fileSrc, imageCacheTag) : null),\n    [fileSrc, imageCacheTag],\n  )\n\n  React.useEffect(() => {\n    if (!src) {\n      setFileExists(false)\n      return\n    }\n    setFileExists(undefined)\n\n    const img = new Image()\n    img.src = src\n    img.onload = () => {\n      setFileExists(true)\n    }\n    img.onerror = () => {\n      setFileExists(false)\n    }\n  }, [src])\n\n  return (\n    <div className={classNames}>\n      {fileExists === undefined && <ShimmerEffect height=\"100%\" />}\n      {fileExists && <img alt={alt || filename} src={src} />}\n      {fileExists === false && <File />}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","baseClass","File","appendCacheTag","ShimmerEffect","Thumbnail","props","$","className","t0","doc","t1","fileSrc","height","imageCacheTag","size","width","undefined","filename","fileExists","setFileExists","useState","t2","t3","classNames","join","t4","src","t5","t6","img","Image","onload","onerror","useEffect","_jsxs","children","_jsx","alt","ThumbnailComponent"],"sources":["../../../src/elements/Thumbnail/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.css'\n\nconst baseClass = 'thumbnail'\n\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { File } from '../../graphics/File/index.js'\nimport { appendCacheTag } from '../../utilities/appendCacheTag.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\n\nexport type ThumbnailProps = {\n  className?: string\n  collectionSlug?: string\n  doc?: Record<string, unknown>\n  fileSrc?: string\n  height?: number\n  imageCacheTag?: false | string\n  size?: 'expand' | 'large' | 'medium' | 'none' | 'small'\n  uploadConfig?: Omit<SanitizedCollectionConfig['upload'], 'uploadInstructions'>\n  width?: number\n}\n\nexport const Thumbnail: React.FC<ThumbnailProps> = (props) => {\n  const {\n    className = '',\n    doc: { filename } = {},\n    fileSrc,\n    height,\n    imageCacheTag,\n    size,\n    width,\n  } = props\n  const [fileExists, setFileExists] = React.useState(undefined)\n\n  const classNames = [baseClass, `${baseClass}--size-${size || 'medium'}`, className].join(' ')\n\n  const src = React.useMemo(\n    () => (fileSrc ? appendCacheTag(fileSrc, imageCacheTag) : null),\n    [fileSrc, imageCacheTag],\n  )\n\n  React.useEffect(() => {\n    if (!src) {\n      setFileExists(false)\n      return\n    }\n    setFileExists(undefined)\n\n    const img = new Image()\n    img.src = src\n    img.onload = () => {\n      setFileExists(true)\n    }\n    img.onerror = () => {\n      setFileExists(false)\n    }\n  }, [src])\n\n  return (\n    <div className={classNames}>\n      {fileExists === undefined && <ShimmerEffect height=\"100%\" />}\n      {fileExists && <img alt={filename as string} height={height} src={src} width={width} />}\n      {fileExists === false && <File />}\n    </div>\n  )\n}\n\ntype ThumbnailComponentProps = {\n  readonly alt?: string\n  readonly className?: string\n  readonly filename: string\n  readonly fileSrc: string\n  readonly imageCacheTag?: false | string\n  readonly size?: 'expand' | 'large' | 'medium' | 'none' | 'small'\n}\nexport function ThumbnailComponent(props: ThumbnailComponentProps) {\n  const { alt, className = '', filename, fileSrc, imageCacheTag, size } = props\n  const [fileExists, setFileExists] = React.useState(undefined)\n\n  const classNames = [baseClass, `${baseClass}--size-${size || 'medium'}`, className].join(' ')\n\n  const src = React.useMemo(\n    () => (fileSrc ? appendCacheTag(fileSrc, imageCacheTag) : null),\n    [fileSrc, imageCacheTag],\n  )\n\n  React.useEffect(() => {\n    if (!src) {\n      setFileExists(false)\n      return\n    }\n    setFileExists(undefined)\n\n    const img = new Image()\n    img.src = src\n    img.onload = () => {\n      setFileExists(true)\n    }\n    img.onerror = () => {\n      setFileExists(false)\n    }\n  }, [src])\n\n  return (\n    <div className={classNames}>\n      {fileExists === undefined && <ShimmerEffect height=\"100%\" />}\n      {fileExists && <img alt={alt || filename} src={src} />}\n      {fileExists === false && <File />}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useConfig","useTranslation","formatDocTitle","baseClass","ThumbnailCard","props","$","alignLabel","className","collection","doc","isSelected","label","labelFromProps","onClick","onDoubleClick","thumbnail","config","i18n","t0","t1","t2","t3","filter","Boolean","classes","join","t4","title","data","dateFormat","admin","fallback","filename","_jsxs","undefined","type","children","_jsx"],"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.css'\n\nexport type ThumbnailCardProps = {\n  alignLabel?: 'center' | 'left'\n  className?: string\n  collection?: ClientCollectionConfig\n  doc?: { filename?: string } & TypeWithID\n  isSelected?: boolean\n  label?: string\n  onClick?: () => void\n  onDoubleClick?: () => 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    isSelected,\n    label: labelFromProps,\n    onClick,\n    onDoubleClick,\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    isSelected && `${baseClass}--selected`,\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\n      aria-pressed={typeof isSelected === 'boolean' ? isSelected : undefined}\n      className={classes}\n      onClick={onClick}\n      onDoubleClick={onDoubleClick}\n      title={title}\n      type=\"button\"\n    >\n      <div className={`${baseClass}__thumbnail`}>{thumbnail}</div>\n      <div className={`${baseClass}__label`}>{title}</div>\n    </button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAeP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,aAAA,GAA8CC,KAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACzD;IAAAS,UAAA;IAAAC,SAAA;IAAAC,UAAA;IAAAC,GAAA;IAAAC,UAAA;IAAAC,KAAA,EAAAC,cAAA;IAAAC,OAAA;IAAAC,aAAA;IAAAC;EAAA,IAUIX,KAAA;EAEJ;IAAAY;EAAA,IAAmBjB,SAAA;EAEnB;IAAAkB;EAAA,IAAiBjB,cAAA;EAKf,MAAAkB,EAAA,UAAOL,OAAA,KAAY,cAAc,GAAAX,SAAA,gBAA4B;EAC7D,MAAAiB,EAAA,GAAAT,UAAA,IAAc,GAAAR,SAAA,YAAwB;EACtC,MAAAkB,EAAA,GAAAd,UAAA,IAAc,GAAAJ,SAAA,iBAA6BI,UAAA,EAAY;EAAA,IAAAe,EAAA;EAAA,IAAAhB,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAa,EAAA,IAAAb,CAAA,QAAAc,EAAA,IAAAd,CAAA,QAAAe,EAAA;IALzCC,EAAA,IAAAnB,SAAA,EAEdK,SAAA,EACAW,EAA6D,EAC7DC,EAAsC,EACtCC,EAAuD,EAAAE,MAAA,CAAAC,OAE/C;IAAAlB,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAa,EAAA;IAAAb,CAAA,MAAAc,EAAA;IAAAd,CAAA,MAAAe,EAAA;IAAAf,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAPV,MAAAmB,OAAA,GAAgBH,EAON,CAAAI,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,IAAArB,CAAA,QAAAmB,OAAA,IAAAnB,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAW,MAAA,IAAAX,CAAA,QAAAI,GAAA,IAAAJ,CAAA,QAAAY,IAAA,IAAAZ,CAAA,SAAAK,UAAA,IAAAL,CAAA,SAAAO,cAAA,IAAAP,CAAA,SAAAQ,OAAA,IAAAR,CAAA,SAAAS,aAAA,IAAAT,CAAA,SAAAU,SAAA;IAER,IAAAY,KAAA,GAAYf,cAAA;IAAA,KAEPe,KAAA;MACHA,KAAA,CAAAA,CAAA,CAAQA;QAAAA,iBAAA,CACYnB,UAAA;QAAAoB,IAAA,EACZnB,GAAA;QAAAoB,UAAA,EACMb,MAAA,CAAAc,KAAA,CAAAD,UAAA;QAAAE,QAAA,EACFtB,GAAA,EAAAuB,QAAA;QAAAf;MAAA,CAEZ;IANA;IAUAS,EAAA,GAAAO,KAAA,CAAC;MAAA,gBACe,OAAOvB,UAAA,KAAe,YAAYA,UAAA,GAAAwB,SAAa;MAAA3B,SAAA,EAClDiB,OAAA;MAAAX,OAAA;MAAAC,aAAA;MAAAa,KAAA;MAAAQ,IAAA,EAIN;MAAAC,QAAA,GAELC,IAAA,CAAC;QAAA9B,SAAA,EAAe,GAAAL,SAAA,aAAyB;QAAAkC,QAAA,EAAGrB;MAAA,C,GAC5CsB,IAAA,CAAC;QAAA9B,SAAA,EAAe,GAAAL,SAAA,SAAqB;QAAAkC,QAAA,EAAGT;MAAA,C;;;;;;;;;;;;;;;;SAT1CD,E;CAYJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useConfig","useTranslation","formatDocTitle","baseClass","ThumbnailCard","props","$","alignLabel","className","collection","doc","isSelected","label","labelFromProps","onClick","onDoubleClick","thumbnail","config","i18n","t0","t1","t2","t3","filter","Boolean","classes","join","t4","title","collectionConfig","data","dateFormat","admin","fallback","filename","_jsxs","undefined","type","children","_jsx"],"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.css'\n\nexport type ThumbnailCardProps = {\n  alignLabel?: 'center' | 'left'\n  className?: string\n  collection?: ClientCollectionConfig\n  doc?: { filename?: string } & TypeWithID\n  isSelected?: boolean\n  label?: string\n  onClick?: () => void\n  onDoubleClick?: () => 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    isSelected,\n    label: labelFromProps,\n    onClick,\n    onDoubleClick,\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    isSelected && `${baseClass}--selected`,\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\n      aria-pressed={typeof isSelected === 'boolean' ? isSelected : undefined}\n      className={classes}\n      onClick={onClick}\n      onDoubleClick={onDoubleClick}\n      title={title}\n      type=\"button\"\n    >\n      <div className={`${baseClass}__thumbnail`}>{thumbnail}</div>\n      <div className={`${baseClass}__label`}>{title}</div>\n    </button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAeP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,aAAA,GAA8CC,KAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EACzD;IAAAS,UAAA;IAAAC,SAAA;IAAAC,UAAA;IAAAC,GAAA;IAAAC,UAAA;IAAAC,KAAA,EAAAC,cAAA;IAAAC,OAAA;IAAAC,aAAA;IAAAC;EAAA,IAUIX,KAAA;EAEJ;IAAAY;EAAA,IAAmBjB,SAAA;EAEnB;IAAAkB;EAAA,IAAiBjB,cAAA;EAKf,MAAAkB,EAAA,UAAOL,OAAA,KAAY,UAA0C,IAA7D,GAAoCX,SAAA,gBAAyB;EAC7D,MAAAiB,EAAA,GAAAT,UAAsC,IAAtC,GAAiBR,SAAA,YAAqB;EACtC,MAAAkB,EAAA,GAAAd,UAAuD,IAAvD,GAAiBJ,SAAA,iBAA0BI,UAAA,EAAY;EAAA,IAAAe,EAAA;EAAA,IAAAhB,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAa,EAAA,IAAAb,CAAA,QAAAc,EAAA,IAAAd,CAAA,QAAAe,EAAA;IALzCC,EAAA,IACdnB,SAAA,EACAK,SAAA,EACAW,EAA6D,EAC7DC,EAAsC,EACtCC,EAAuD,CACxD,CAAAE,MACQ,CAACC,OAAA;IAAAlB,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAa,EAAA;IAAAb,CAAA,MAAAc,EAAA;IAAAd,CAAA,MAAAe,EAAA;IAAAf,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAPV,MAAAmB,OAAA,GAAgBH,EAON,CAAAI,IACH,CAAC;EAAA,IAAAC,EAAA;EAAA,IAAArB,CAAA,QAAAmB,OAAA,IAAAnB,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAW,MAAA,IAAAX,CAAA,QAAAI,GAAA,IAAAJ,CAAA,QAAAY,IAAA,IAAAZ,CAAA,SAAAK,UAAA,IAAAL,CAAA,SAAAO,cAAA,IAAAP,CAAA,SAAAQ,OAAA,IAAAR,CAAA,SAAAS,aAAA,IAAAT,CAAA,SAAAU,SAAA;IAER,IAAAY,KAAA,GAAYf,cAAA;IAEZ,IAAI,CAACe,KAAA;MACHA,KAAA,CAAAA,CAAA,CAAQ1B,cAAA,CAAe;QAAA2B,gBAAA,EACHpB,UAAA;QAAAqB,IAAA,EACZpB,GAAA;QAAAqB,UAAA,EACMd,MAAA,CAAAe,KAAY,CAAAD,UAAW;QAAAE,QAAA,EACzBvB,GAAA,EAAAwB,QAAK;QAAAhB;MAEjB;IANA;IAUAS,EAAA,GAAAQ,KAAA,CAAC;MAAA,gBACe,OAAOxB,UAAA,KAAe,SAAyB,GAA/CA,UAA+C,GAA/CyB,SAA+C;MAAA5B,SAAA,EAClDiB,OAAA;MAAAX,OAAA;MAAAC,aAAA;MAAAa,KAAA;MAAAS,IAAA,EAIN;MAAAC,QAAA,E,CAELC,IAAA,CAAC;QAAA/B,SAAA,EAAe,GAAGL,SAAA,aAAsB;QAAAmC,QAAA,EAAGtB;UAC5CuB,IAAA,CAAC;QAAA/B,SAAA,EAAe,GAAGL,SAAA,SAAkB;QAAAmC,QAAA,EAAGV;;;;;;;;;;;;;;;;;SAT1CD,E;CAYJ","ignoreList":[]}

package/dist/elements/TimezonePicker/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { components as rsComponents } from 'react-select';
@@ -77,6 +78,7 @@ const TimezoneOption = props => {
   });
 };
 export const TimezonePicker = props => {
+  const $ = _c(17);
   const {
     id,
     onChange: onChangeFromProps,
@@ -88,62 +90,119 @@ export const TimezonePicker = props => {
   const {
     t
   } = useTranslation();
-  const options = formatOptions(optionsFromProps);
-  const selectedTimezone = useMemo(() => {
-    return options.find(t_0 => {
-      const value = typeof t_0 === 'string' ? t_0 : t_0.value;
-      return value === selectedTimezoneFromProps;
-    });
-  }, [options, selectedTimezoneFromProps]);
+  let t0;
+  if ($[0] !== optionsFromProps) {
+    t0 = formatOptions(optionsFromProps);
+    $[0] = optionsFromProps;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const options = t0;
+  let t1;
+  if ($[2] !== options || $[3] !== selectedTimezoneFromProps) {
+    let t2;
+    if ($[5] !== selectedTimezoneFromProps) {
+      t2 = t_0 => {
+        const value = typeof t_0 === "string" ? t_0 : t_0.value;
+        return value === selectedTimezoneFromProps;
+      };
+      $[5] = selectedTimezoneFromProps;
+      $[6] = t2;
+    } else {
+      t2 = $[6];
+    }
+    t1 = options.find(t2);
+    $[2] = options;
+    $[3] = selectedTimezoneFromProps;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const selectedTimezone = t1;
   const readOnly = Boolean(readOnlyFromProps) || options.length === 1;
-  return /*#__PURE__*/_jsxs("div", {
-    className: "timezone-picker-wrapper",
-    children: [/*#__PURE__*/_jsxs("span", {
-      className: "timezone-picker__label",
-      children: [t('general:timezone'), required && /*#__PURE__*/_jsx("span", {
-        className: "timezone-picker__required",
-        children: "*"
-      })]
-    }), /*#__PURE__*/_jsx(ReactSelect, {
-      className: "timezone-picker",
-      classNames: {
-        menu: () => 'timezone-picker__menu',
-        menuList: () => 'timezone-picker__menu-list'
-      },
-      components: {
-        ClearIndicator: SmallClearIndicator,
-        DropdownIndicator: SmallDropdownIndicator,
-        Option: TimezoneOption
-      },
-      customProps: {
-        menuPortalTheme: 'dark'
-      },
-      disabled: readOnly,
-      inputId: id,
-      isClearable: !required,
-      isCreatable: false,
-      onChange: val => {
+  let t2;
+  if ($[7] !== id || $[8] !== onChangeFromProps || $[9] !== options || $[10] !== readOnly || $[11] !== required || $[12] !== selectedTimezone || $[13] !== t) {
+    let t3;
+    if ($[15] !== onChangeFromProps) {
+      t3 = val => {
         if (onChangeFromProps) {
-          onChangeFromProps(val?.value || '');
+          onChangeFromProps(val?.value || "");
         }
-      },
-      options: options,
-      placeholder: t('general:none'),
-      styles: {
-        control: base => ({
-          ...base,
-          flexWrap: 'nowrap'
-        }),
-        option: base_0 => ({
-          ...base_0,
-          alignItems: 'center',
-          display: 'flex',
-          gap: 'var(--spacer-1)',
-          minWidth: 0
-        })
-      },
-      value: selectedTimezone
-    })]
-  });
+      };
+      $[15] = onChangeFromProps;
+      $[16] = t3;
+    } else {
+      t3 = $[16];
+    }
+    t2 = _jsxs("div", {
+      className: "timezone-picker-wrapper",
+      children: [_jsxs("span", {
+        className: "timezone-picker__label",
+        children: [t("general:timezone"), required && _jsx("span", {
+          className: "timezone-picker__required",
+          children: "*"
+        })]
+      }), _jsx(ReactSelect, {
+        className: "timezone-picker",
+        classNames: {
+          menu: _temp,
+          menuList: _temp2
+        },
+        components: {
+          ClearIndicator: SmallClearIndicator,
+          DropdownIndicator: SmallDropdownIndicator,
+          Option: TimezoneOption
+        },
+        customProps: {
+          menuPortalTheme: "dark"
+        },
+        disabled: readOnly,
+        inputId: id,
+        isClearable: !required,
+        isCreatable: false,
+        onChange: t3,
+        options,
+        placeholder: t("general:none"),
+        styles: {
+          control: _temp3,
+          option: _temp4
+        },
+        value: selectedTimezone
+      })]
+    });
+    $[7] = id;
+    $[8] = onChangeFromProps;
+    $[9] = options;
+    $[10] = readOnly;
+    $[11] = required;
+    $[12] = selectedTimezone;
+    $[13] = t;
+    $[14] = t2;
+  } else {
+    t2 = $[14];
+  }
+  return t2;
 };
+function _temp() {
+  return "timezone-picker__menu";
+}
+function _temp2() {
+  return "timezone-picker__menu-list";
+}
+function _temp3(base) {
+  return {
+    ...base,
+    flexWrap: "nowrap"
+  };
+}
+function _temp4(base_0) {
+  return {
+    ...base_0,
+    alignItems: "center",
+    display: "flex",
+    gap: "var(--spacer-1)",
+    minWidth: 0
+  };
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useMemo","components","rsComponents","CheckIcon","ChevronIcon","CircledXIcon","useTranslation","ReactSelect","formatOptions","SmallDropdownIndicator","props","innerProps","ref","restInnerProps","isDisabled","_jsx","className","onKeyDown","e","key","type","size","SmallClearIndicator","clearValue","stopPropagation","role","tabIndex","TimezoneOption","children","_jsxs","Option","TimezonePicker","id","onChange","onChangeFromProps","options","optionsFromProps","readOnly","readOnlyFromProps","required","selectedTimezone","selectedTimezoneFromProps","t","find","value","Boolean","length","classNames","menu","menuList","ClearIndicator","DropdownIndicator","customProps","menuPortalTheme","disabled","inputId","isClearable","isCreatable","val","placeholder","styles","control","base","flexWrap","option","alignItems","display","gap","minWidth"],"sources":["../../../src/elements/TimezonePicker/index.tsx"],"sourcesContent":["'use client'\n\nimport type { OptionObject } from 'payload'\nimport type React from 'react'\nimport type { JSX } from 'react'\nimport type {\n  ClearIndicatorProps,\n  DropdownIndicatorProps,\n  OptionProps,\n  StylesConfig,\n} from 'react-select'\n\nimport { useMemo } from 'react'\nimport { components as rsComponents } from 'react-select'\n\nimport type { Option as OptionType } from '../ReactSelect/types.js'\nimport type { Props } from './types.js'\n\nimport { CheckIcon } from '../../icons/Check/index.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { CircledXIcon } from '../../icons/CircledX/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\nimport { formatOptions } from '../WhereBuilder/Condition/Select/formatOptions.js'\nimport './index.css'\n\nconst SmallDropdownIndicator: React.FC<\n  {\n    innerProps: JSX.IntrinsicElements['button']\n  } & DropdownIndicatorProps<OptionType, true>\n> = (props) => {\n  const {\n    innerProps: { ref, ...restInnerProps },\n    isDisabled,\n  } = props\n\n  if (isDisabled) {\n    return null\n  }\n\n  return (\n    <button\n      className=\"timezone-picker__dropdown-indicator\"\n      ref={ref}\n      {...restInnerProps}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          e.key = ' '\n        }\n      }}\n      type=\"button\"\n    >\n      <ChevronIcon size={16} />\n    </button>\n  )\n}\n\nconst SmallClearIndicator: React.FC<ClearIndicatorProps<OptionType, true>> = (props) => {\n  const {\n    clearValue,\n    innerProps: { ref, ...restInnerProps },\n  } = props\n\n  return (\n    <div\n      className=\"timezone-picker__clear-indicator\"\n      ref={typeof ref === 'string' ? null : ref}\n      {...restInnerProps}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          clearValue()\n          e.stopPropagation()\n        }\n      }}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <CircledXIcon size={24} />\n    </div>\n  )\n}\n\nconst TimezoneOption: React.FC<OptionProps<OptionType, false>> = (props) => {\n  const { children } = props\n\n  return (\n    <rsComponents.Option {...props}>\n      <CheckIcon className=\"timezone-picker__option-check\" size={16} />\n      <span className=\"timezone-picker__option-label\">{children}</span>\n    </rsComponents.Option>\n  )\n}\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\n    })\n  }, [options, selectedTimezoneFromProps])\n\n  const readOnly = Boolean(readOnlyFromProps) || options.length === 1\n\n  return (\n    <div className=\"timezone-picker-wrapper\">\n      <span className=\"timezone-picker__label\">\n        {t('general:timezone')}\n        {required && <span className=\"timezone-picker__required\">*</span>}\n      </span>\n      <ReactSelect\n        className=\"timezone-picker\"\n        classNames={{\n          menu: () => 'timezone-picker__menu',\n          menuList: () => 'timezone-picker__menu-list',\n        }}\n        components={{\n          ClearIndicator: SmallClearIndicator,\n          DropdownIndicator: SmallDropdownIndicator,\n          Option: TimezoneOption,\n        }}\n        customProps={{ menuPortalTheme: 'dark' }}\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        placeholder={t('general:none')}\n        styles={{\n          control: (base) => ({\n            ...base,\n            flexWrap: 'nowrap',\n          }),\n          option: (base) => ({\n            ...base,\n            alignItems: 'center',\n            display: 'flex',\n            gap: 'var(--spacer-1)',\n            minWidth: 0,\n          }),\n        }}\n        value={selectedTimezone}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useMemo","components","rsComponents","CheckIcon","ChevronIcon","CircledXIcon","useTranslation","ReactSelect","formatOptions","SmallDropdownIndicator","props","innerProps","ref","restInnerProps","isDisabled","_jsx","className","onKeyDown","e","key","type","size","SmallClearIndicator","clearValue","stopPropagation","role","tabIndex","TimezoneOption","children","_jsxs","Option","TimezonePicker","$","id","onChange","onChangeFromProps","options","optionsFromProps","readOnly","readOnlyFromProps","required","selectedTimezone","selectedTimezoneFromProps","t","t0","t1","t2","t_0","value","find","Boolean","length","t3","val","classNames","menu","_temp","menuList","_temp2","ClearIndicator","DropdownIndicator","customProps","menuPortalTheme","disabled","inputId","isClearable","isCreatable","placeholder","styles","control","_temp3","option","_temp4","base","flexWrap","base_0","alignItems","display","gap","minWidth"],"sources":["../../../src/elements/TimezonePicker/index.tsx"],"sourcesContent":["'use client'\n\nimport type { OptionObject } from 'payload'\nimport type React from 'react'\nimport type { JSX } from 'react'\nimport type {\n  ClearIndicatorProps,\n  DropdownIndicatorProps,\n  OptionProps,\n  StylesConfig,\n} from 'react-select'\n\nimport { useMemo } from 'react'\nimport { components as rsComponents } from 'react-select'\n\nimport type { Option as OptionType } from '../ReactSelect/types.js'\nimport type { Props } from './types.js'\n\nimport { CheckIcon } from '../../icons/Check/index.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { CircledXIcon } from '../../icons/CircledX/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\nimport { formatOptions } from '../WhereBuilder/Condition/Select/formatOptions.js'\nimport './index.css'\n\nconst SmallDropdownIndicator: React.FC<\n  {\n    innerProps: JSX.IntrinsicElements['button']\n  } & DropdownIndicatorProps<OptionType, true>\n> = (props) => {\n  const {\n    innerProps: { ref, ...restInnerProps },\n    isDisabled,\n  } = props\n\n  if (isDisabled) {\n    return null\n  }\n\n  return (\n    <button\n      className=\"timezone-picker__dropdown-indicator\"\n      ref={ref}\n      {...restInnerProps}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          e.key = ' '\n        }\n      }}\n      type=\"button\"\n    >\n      <ChevronIcon size={16} />\n    </button>\n  )\n}\n\nconst SmallClearIndicator: React.FC<ClearIndicatorProps<OptionType, true>> = (props) => {\n  const {\n    clearValue,\n    innerProps: { ref, ...restInnerProps },\n  } = props\n\n  return (\n    <div\n      className=\"timezone-picker__clear-indicator\"\n      ref={typeof ref === 'string' ? null : ref}\n      {...restInnerProps}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          clearValue()\n          e.stopPropagation()\n        }\n      }}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <CircledXIcon size={24} />\n    </div>\n  )\n}\n\nconst TimezoneOption: React.FC<OptionProps<OptionType, false>> = (props) => {\n  const { children } = props\n\n  return (\n    <rsComponents.Option {...props}>\n      <CheckIcon className=\"timezone-picker__option-check\" size={16} />\n      <span className=\"timezone-picker__option-label\">{children}</span>\n    </rsComponents.Option>\n  )\n}\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\n    })\n  }, [options, selectedTimezoneFromProps])\n\n  const readOnly = Boolean(readOnlyFromProps) || options.length === 1\n\n  return (\n    <div className=\"timezone-picker-wrapper\">\n      <span className=\"timezone-picker__label\">\n        {t('general:timezone')}\n        {required && <span className=\"timezone-picker__required\">*</span>}\n      </span>\n      <ReactSelect\n        className=\"timezone-picker\"\n        classNames={{\n          menu: () => 'timezone-picker__menu',\n          menuList: () => 'timezone-picker__menu-list',\n        }}\n        components={{\n          ClearIndicator: SmallClearIndicator,\n          DropdownIndicator: SmallDropdownIndicator,\n          Option: TimezoneOption,\n        }}\n        customProps={{ menuPortalTheme: 'dark' }}\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        placeholder={t('general:none')}\n        styles={{\n          control: (base) => ({\n            ...base,\n            flexWrap: 'nowrap',\n          }),\n          option: (base) => ({\n            ...base,\n            alignItems: 'center',\n            display: 'flex',\n            gap: 'var(--spacer-1)',\n            minWidth: 0,\n          }),\n        }}\n        value={selectedTimezone}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"fieldErrors.js","names":["c","_c","React","WarningIcon","groupSimilarErrors","items","result","item","parts","split","inserted","i","length","startsWith","splice","push","createErrorsFromMessage","message","colonIndex","indexOf","intro","slice","errorsString","undefined","errors","map","error","replaceAll","trim","FieldErrorsToast","t0","$","errorMessage","t1","t2","useState","t3","_jsxs","_Fragment","children","_jsx","className","size","Array","isArray","_temp","index"],"sources":["../../../src/elements/Toasts/fieldErrors.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { WarningIcon } from '../../icons/Warning/index.js'\nimport './index.css'\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\nexport function createErrorsFromMessage(message: string): {\n  errors?: string[]\n  message: string\n} {\n  const colonIndex = message.indexOf(':')\n  const intro = colonIndex >= 0 ? message.slice(0, colonIndex) : message\n  const errorsString = colonIndex >= 0 ? message.slice(colonIndex + 1) : undefined\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    <>\n      <div className=\"toast-icon\">\n        <WarningIcon size={24} />\n      </div>\n      <div className=\"toast-content\" data-testid=\"field-errors-toast\">\n        <div className=\"toast-title\">\n          {message}\n          {Array.isArray(errors) && errors.length > 0 ? (\n            errors.length === 1 ? (\n              <span className=\"field-error\" data-testid=\"field-error\">\n                {errors[0]}\n              </span>\n            ) : (\n              <ul className=\"field-errors\" 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      </div>\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"fieldErrors.js","names":["c","_c","React","WarningIcon","groupSimilarErrors","items","result","item","parts","split","inserted","i","length","startsWith","splice","push","createErrorsFromMessage","message","colonIndex","indexOf","intro","slice","errorsString","undefined","errors","map","error","replaceAll","trim","FieldErrorsToast","t0","$","errorMessage","t1","t2","useState","t3","_jsxs","_Fragment","children","_jsx","className","size","Array","isArray","_temp","index"],"sources":["../../../src/elements/Toasts/fieldErrors.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { WarningIcon } from '../../icons/Warning/index.js'\nimport './index.css'\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\nexport function createErrorsFromMessage(message: string): {\n  errors?: string[]\n  message: string\n} {\n  const colonIndex = message.indexOf(':')\n  const intro = colonIndex >= 0 ? message.slice(0, colonIndex) : message\n  const errorsString = colonIndex >= 0 ? message.slice(colonIndex + 1) : undefined\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    <>\n      <div className=\"toast-icon\">\n        <WarningIcon size={24} />\n      </div>\n      <div className=\"toast-content\" data-testid=\"field-errors-toast\">\n        <div className=\"toast-title\">\n          {message}\n          {Array.isArray(errors) && errors.length > 0 ? (\n            errors.length === 1 ? (\n              <span className=\"field-error\" data-testid=\"field-error\">\n                {errors[0]}\n              </span>\n            ) : (\n              <ul className=\"field-errors\" 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      </div>\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}