@payloadcms/ui 3.0.0-canary.f1db24e → 3.0.0-canary.f1f97ff

package/dist/exports/shared/index.d.ts

@@ -0,0 +1,15 @@
+export { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
+export { WithServerSideProps } from '../../elements/WithServerSideProps/index.js';
+export { withMergedProps } from '../../elements/withMergedProps/index.js';
+export { PayloadIcon } from '../../graphics/Icon/index.js';
+export { PayloadLogo } from '../../graphics/Logo/index.js';
+export { requests } from '../../utilities/api.js';
+export { findLocaleFromCode } from '../../utilities/findLocaleFromCode.js';
+export { formatAdminURL } from '../../utilities/formatAdminURL.js';
+export { formatDate } from '../../utilities/formatDate.js';
+export { formatDocTitle } from '../../utilities/formatDocTitle.js';
+export { getFormState } from '../../utilities/getFormState.js';
+export { type EntityToGroup, EntityType, type Group, groupNavItems, } from '../../utilities/groupNavItems.js';
+export { hasSavePermission } from '../../utilities/hasSavePermission.js';
+export { isEditing } from '../../utilities/isEditing.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/exports/shared/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/exports/shared/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAA;AACrF,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAA;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAA;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAA;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC9D,OAAO,EACL,KAAK,aAAa,EAClB,UAAU,EACV,KAAK,KAAK,EACV,aAAa,GACd,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA"}

package/dist/exports/shared/index.js

@@ -0,0 +1,6 @@
+import h from"react";import{isReactServerComponentOrFunction as S}from"payload/shared";import g from"react";var d=({Component:o,serverOnlyProps:e,...t})=>o?g.createElement(n=>{let i={...n,...S(o)?e??{}:{}};return g.createElement(o,{...i})},{...t}):null;var v=o=>{let{CustomComponent:e,DefaultComponent:t,componentProps:r,serverOnlyProps:n}=o;return e?h.createElement(d,{Component:e,serverOnlyProps:n,...r}):t?h.createElement(d,{Component:t,serverOnlyProps:n,...r}):null};import{isReactServerComponentOrFunction as x,serverProps as L}from"payload/shared";import R from"react";function b({Component:o,sanitizeServerOnlyProps:e,toMergeIntoProps:t}){return e===void 0&&(e=!x(o)),n=>{let i=F(n,t);return e&&L.forEach(s=>{delete i[s]}),R.createElement(o,{...i})}}function F(o,e){return{...o,...e}}import f from"react";var I=({fill:o})=>{let e=o||"var(--theme-elevation-1000)";return f.createElement("svg",{className:"graphic-icon",height:"100%",viewBox:"0 0 25 25",width:"100%",xmlns:"http://www.w3.org/2000/svg"},f.createElement("path",{d:"M11.5293 0L23 6.90096V19.9978L14.3608 25V11.9032L2.88452 5.00777L11.5293 0Z",fill:e}),f.createElement("path",{d:"M10.6559 24.2727V14.0518L2 19.0651L10.6559 24.2727Z",fill:e}))};import l from"react";var w=`
+  .graphic-logo path {
+    fill: var(--theme-elevation-1000);
+  }
+`,M=()=>l.createElement("svg",{className:"graphic-logo",fill:"none",height:"50",viewBox:"0 0 180 50",width:"180",xmlns:"http://www.w3.org/2000/svg"},l.createElement("style",null,w),l.createElement("path",{d:"M65.922 13.8685C71.1075 13.8685 77.0257 14.6014 77.0257 22.2185C77.0257 28.6587 71.8736 30.2243 66.0664 30.2243H62.2689V39.0961H57.2944V13.8685H65.922ZM62.2689 17.7659V26.3602H66.3773C69.4752 26.3602 71.9069 25.594 71.9069 22.2518C71.9069 18.1101 68.7424 17.7659 66.022 17.7659H62.2689Z"}),l.createElement("path",{d:"M84.3209 39.5514C80.7344 39.5514 77.5698 37.4639 77.5698 34.0884C77.5698 29.6358 82.5443 28.3145 89.8949 27.4706V27.1264C89.8949 24.2394 88.3626 23.2623 86.3084 23.2623C84.2542 23.2623 82.7219 24.2394 82.622 26.2936H78.1361C78.4803 22.6072 81.7226 19.8867 86.4861 19.8867C91.1163 19.8867 94.7028 21.7633 94.7028 28.1035C94.7028 28.692 94.6362 31.2014 94.6362 32.9114C94.6362 35.865 94.8472 37.5416 95.1914 39.1073H90.7721C90.6278 38.5188 90.4945 37.6083 90.4279 36.7089C89.0844 38.6853 87.1412 39.5514 84.3209 39.5514ZM90.0282 30.5463C84.6651 31.1015 82.511 31.7344 82.511 33.8219C82.511 35.1766 83.588 36.298 85.7532 36.298C88.7512 36.298 90.0393 34.5547 90.0393 31.4901V30.5463H90.0282Z"}),l.createElement("path",{d:"M97.2899 45.1921V41.5057H99.0998C100.699 41.5057 101.432 41.539 102.231 39.5514L102.442 39.0295L95.269 20.3753H100.521L104.763 33.8774L109.115 20.3753H113.99L107.139 38.541C104.951 44.3593 103.974 45.1921 99.3108 45.1921H97.2899Z"}),l.createElement("path",{d:"M120.263 39.1073H115.456V13.8685H120.263V39.1073Z"}),l.createElement("path",{d:"M122.406 29.7801C122.406 23.2067 126.826 19.9645 131.7 19.9645C136.575 19.9645 140.994 23.2067 140.994 29.7801C140.994 36.3535 136.575 39.5625 131.7 39.5625C126.826 39.5514 122.406 36.3535 122.406 29.7801ZM127.281 29.7801C127.281 33.6775 128.913 35.7984 131.7 35.7984C134.487 35.7984 136.119 33.6775 136.119 29.7801C136.119 25.8494 134.487 23.7286 131.7 23.7286C128.913 23.7286 127.281 25.8383 127.281 29.7801Z"}),l.createElement("path",{d:"M149.167 39.5514C145.58 39.5514 142.416 37.4639 142.416 34.0884C142.416 29.6358 147.39 28.3145 154.741 27.4706V27.1264C154.741 24.2394 153.208 23.2623 151.154 23.2623C149.1 23.2623 147.568 24.2394 147.468 26.2936H142.982C143.326 22.6072 146.568 19.8867 151.332 19.8867C155.962 19.8867 159.549 21.7633 159.549 28.1035C159.549 28.692 159.482 31.2014 159.482 32.9114C159.482 35.865 159.693 37.5416 160.037 39.1073H155.618C155.473 38.5188 155.34 37.6083 155.274 36.7089C153.941 38.6853 151.987 39.5514 149.167 39.5514ZM154.874 30.5463C149.511 31.1015 147.357 31.7344 147.357 33.8219C147.357 35.1766 148.434 36.298 150.599 36.298C153.597 36.298 154.885 34.5547 154.885 31.4901V30.5463H154.874Z"}),l.createElement("path",{d:"M175.06 39.1073V36.7422C173.872 38.7964 171.618 39.5625 169.664 39.5625C165.067 39.5625 161.625 35.7317 161.625 29.7468C161.625 23.8619 165 19.9645 169.664 19.9645C172.029 19.9645 174.05 21.0415 175.06 22.7848V13.8796H179.868V39.1073H175.06ZM175.238 29.7357C175.238 25.9716 173.494 23.6398 170.852 23.6398C168.242 23.6398 166.677 26.1159 166.677 29.7691C166.677 33.4222 168.242 35.865 170.852 35.865C173.494 35.865 175.238 33.5665 175.238 29.7357Z"}),l.createElement("path",{d:"M19.1531 0L42.049 13.8019V39.9956L24.8049 50V23.8064L1.89795 10.0155L19.1531 0Z"}),l.createElement("path",{d:"M17.4097 48.5454V28.1035L0.132324 38.1301L17.4097 48.5454Z"}));import*as y from"qs-esm";var D={delete:(o,e={headers:{}})=>{let t=e&&e.headers?{...e.headers}:{},r={...e,credentials:"include",headers:{...t},method:"delete"};return fetch(o,r)},get:(o,e={headers:{}})=>{let t="";return e.params&&(t=y.stringify(e.params,{addQueryPrefix:!0})),fetch(`${o}${t}`,{credentials:"include",...e})},patch:(o,e={headers:{}})=>{let t=e&&e.headers?{...e.headers}:{},r={...e,credentials:"include",headers:{...t},method:"PATCH"};return fetch(o,r)},post:(o,e={headers:{}})=>{let t=e&&e.headers?{...e.headers}:{},r={...e,credentials:"include",headers:{...t},method:"post"};return fetch(`${o}`,r)},put:(o,e={headers:{}})=>{let t=e&&e.headers?{...e.headers}:{},r={...e,credentials:"include",headers:{...t},method:"put"};return fetch(o,r)}};var T=(o,e)=>!o?.locales||o.locales.length===0?null:o.locales.find(t=>t?.code===e);var H=o=>{let{adminRoute:e,path:t,serverURL:r}=o;if(e)if(e==="/"){if(!t)return`${r||""}${e}`}else return`${r||""}${e}${t}`;return`${r||""}${t}`};import{format as V,formatDistanceToNow as re}from"date-fns";var u=({date:o,i18n:e,pattern:t})=>{let r=new Date(o);return V(r,t,{locale:e.dateFNS})};import{getTranslation as G}from"@payloadcms/translations";var Z=({collectionConfig:o,data:e,dateFormat:t,fallback:r,globalConfig:n,i18n:i})=>{let s;if(o){let p=o?.admin?.useAsTitle;if(p&&(s=e?.[p]||s,s)){let a=o.fields.find(m=>"name"in m&&m.name===p);if(a?.type==="date"){let m="date"in a.admin&&a?.admin?.date?.displayFormat||t;s=u({date:s,i18n:i,pattern:m})||s}}}return n&&(s=G(n?.label,i)||n?.slug),s||(s=r||`[${i.t("general:untitled")}]`),s};var $=async o=>{let{apiRoute:e,body:t,onError:r,serverURL:n,signal:i,token:s}=o,p=await fetch(`${n}${e}/form-state`,{body:JSON.stringify(t),credentials:"include",headers:{"Content-Type":"application/json",...s?{Authorization:`JWT ${s}`}:{}},method:"POST",signal:i}),a=await p.json();return p.ok?a:(typeof r=="function"&&r(a),t?.formState)};import{getTranslation as c}from"@payloadcms/translations";var P=(t=>(t.collection="collections",t.global="globals",t))(P||{});function q(o,e,t){return o.reduce((n,i)=>{if(e?.[i.type.toLowerCase()]?.[i.entity.slug]?.read.permission){let s=c(i.entity.admin.group,t);if(i.entity.admin.group){let p=n.find(C=>c(C.label,t)===s),a=p;p||(a={entities:[],label:s},n.push(a)),a.entities.push(i)}else n.find(a=>c(a.label,t)===t.t(`general:${i.type}`)).entities.push(i)}return n},[{entities:[],label:t.t("general:collections")},{entities:[],label:t.t("general:globals")}]).filter(n=>n.entities.length>0)}var O=o=>{let{collectionSlug:e,docPermissions:t,globalSlug:r,isEditing:n}=o;return e?!!(n&&t?.update?.permission||!n&&t?.create?.permission):r?!!t?.update?.permission:!1};var A=({id:o,collectionSlug:e,globalSlug:t})=>!!(t||e&&o);export{P as EntityType,I as PayloadIcon,M as PayloadLogo,v as RenderCustomComponent,d as WithServerSideProps,T as findLocaleFromCode,H as formatAdminURL,u as formatDate,Z as formatDocTitle,$ as getFormState,q as groupNavItems,O as hasSavePermission,A as isEditing,D as requests,b as withMergedProps};
+//# sourceMappingURL=index.js.map

package/dist/exports/shared/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/elements/RenderCustomComponent/index.tsx", "../../../src/elements/WithServerSideProps/index.tsx", "../../../src/elements/withMergedProps/index.tsx", "../../../src/graphics/Icon/index.tsx", "../../../src/graphics/Logo/index.tsx", "../../../src/utilities/api.ts", "../../../src/utilities/findLocaleFromCode.ts", "../../../src/utilities/formatAdminURL.ts", "../../../src/utilities/formatDate.ts", "../../../src/utilities/formatDocTitle.ts", "../../../src/utilities/getFormState.ts", "../../../src/utilities/groupNavItems.ts", "../../../src/utilities/hasSavePermission.ts", "../../../src/utilities/isEditing.ts"],
+  "sourcesContent": ["import type { ServerProps } from 'payload'\n\nimport React from 'react'\n\nimport { WithServerSideProps } from '../WithServerSideProps/index.js'\n\nexport type RenderCustomComponentProps = {\n  CustomComponent?: React.ComponentType<any>\n  DefaultComponent: React.ComponentType<any>\n  componentProps?: Record<string, any>\n  /**\n   * Server-only props automatically get added to the component if it's an RSC\n   */\n  serverOnlyProps?: ServerProps\n}\n\n/**\n * If you are passing dynamic props or function props to this component,\n * you should instead use the <RenderCustomClientComponent/>\n */\n\nexport const RenderCustomComponent: React.FC<RenderCustomComponentProps> = (props) => {\n  const { CustomComponent, DefaultComponent, componentProps, serverOnlyProps } = props\n\n  if (CustomComponent) {\n    return (\n      <WithServerSideProps\n        Component={CustomComponent}\n        serverOnlyProps={serverOnlyProps}\n        {...componentProps}\n      />\n    )\n  }\n\n  if (DefaultComponent) {\n    return (\n      <WithServerSideProps\n        Component={DefaultComponent}\n        serverOnlyProps={serverOnlyProps}\n        {...componentProps}\n      />\n    )\n  }\n\n  return null\n}\n", "import type { WithServerSidePropsComponent } from 'payload'\n\nimport { isReactServerComponentOrFunction } from 'payload/shared'\nimport React from 'react'\n\nexport const WithServerSideProps: WithServerSidePropsComponent = ({\n  Component,\n  serverOnlyProps,\n  ...rest\n}) => {\n  if (Component) {\n    const WithServerSideProps: React.FC = (passedProps) => {\n      const propsWithServerOnlyProps = {\n        ...passedProps,\n        ...(isReactServerComponentOrFunction(Component) ? serverOnlyProps ?? {} : {}),\n      }\n\n      return <Component {...propsWithServerOnlyProps} />\n    }\n\n    return <WithServerSideProps {...rest} />\n  }\n\n  return null\n}\n", "import { isReactServerComponentOrFunction, serverProps } from 'payload/shared'\nimport React from 'react'\n\n/**\n * Creates a higher-order component (HOC) that merges predefined properties (`toMergeIntoProps`)\n * with any properties passed to the resulting component.\n *\n * Use this when you want to pre-specify some props for a component, while also allowing users to\n * pass in their own props. The HOC ensures the passed props and predefined props are combined before\n * rendering the original component.\n *\n * @example\n * const PredefinedComponent = getMergedPropsComponent({\n *   Component: OriginalComponent,\n *   toMergeIntoProps: { someExtraValue: 5 }\n * });\n * // Using <PredefinedComponent customProp=\"value\" /> will result in\n * // <OriginalComponent customProp=\"value\" someExtraValue={5} />\n *\n * @returns A higher-order component with combined properties.\n *\n * @param Component - The original component to wrap.\n * @param sanitizeServerOnlyProps - If true, server-only props will be removed from the merged props. @default true if the component is not a server component, false otherwise.\n * @param toMergeIntoProps - The properties to merge into the passed props.\n */\nexport function withMergedProps<ToMergeIntoProps, CompleteReturnProps>({\n  Component,\n  sanitizeServerOnlyProps,\n  toMergeIntoProps,\n}: {\n  Component: React.FC<CompleteReturnProps>\n  sanitizeServerOnlyProps?: boolean\n  toMergeIntoProps: ToMergeIntoProps\n}): React.FC<CompleteReturnProps> {\n  if (sanitizeServerOnlyProps === undefined) {\n    sanitizeServerOnlyProps = !isReactServerComponentOrFunction(Component)\n  }\n  // A wrapper around the args.Component to inject the args.toMergeArgs as props, which are merged with the passed props\n  const MergedPropsComponent: React.FC<CompleteReturnProps> = (passedProps) => {\n    const mergedProps = simpleMergeProps(passedProps, toMergeIntoProps) as CompleteReturnProps\n\n    if (sanitizeServerOnlyProps) {\n      serverProps.forEach((prop) => {\n        delete mergedProps[prop]\n      })\n    }\n\n    return <Component {...mergedProps} />\n  }\n\n  return MergedPropsComponent\n}\n\nfunction simpleMergeProps(props, toMerge) {\n  return { ...props, ...toMerge }\n}\n", "import React from 'react'\n\nexport const PayloadIcon: React.FC<{\n  fill?: string\n}> = ({ fill: fillFromProps }) => {\n  const fill = fillFromProps || 'var(--theme-elevation-1000)'\n\n  return (\n    <svg\n      className=\"graphic-icon\"\n      height=\"100%\"\n      viewBox=\"0 0 25 25\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M11.5293 0L23 6.90096V19.9978L14.3608 25V11.9032L2.88452 5.00777L11.5293 0Z\"\n        fill={fill}\n      />\n      <path d=\"M10.6559 24.2727V14.0518L2 19.0651L10.6559 24.2727Z\" fill={fill} />\n    </svg>\n  )\n}\n", "import React from 'react'\n\nconst css = `\n  .graphic-logo path {\n    fill: var(--theme-elevation-1000);\n  }\n`\n\nexport const PayloadLogo: React.FC = () => (\n  <svg\n    className=\"graphic-logo\"\n    fill=\"none\"\n    height=\"50\"\n    viewBox=\"0 0 180 50\"\n    width=\"180\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <style>{css}</style>\n    <path d=\"M65.922 13.8685C71.1075 13.8685 77.0257 14.6014 77.0257 22.2185C77.0257 28.6587 71.8736 30.2243 66.0664 30.2243H62.2689V39.0961H57.2944V13.8685H65.922ZM62.2689 17.7659V26.3602H66.3773C69.4752 26.3602 71.9069 25.594 71.9069 22.2518C71.9069 18.1101 68.7424 17.7659 66.022 17.7659H62.2689Z\" />\n    <path d=\"M84.3209 39.5514C80.7344 39.5514 77.5698 37.4639 77.5698 34.0884C77.5698 29.6358 82.5443 28.3145 89.8949 27.4706V27.1264C89.8949 24.2394 88.3626 23.2623 86.3084 23.2623C84.2542 23.2623 82.7219 24.2394 82.622 26.2936H78.1361C78.4803 22.6072 81.7226 19.8867 86.4861 19.8867C91.1163 19.8867 94.7028 21.7633 94.7028 28.1035C94.7028 28.692 94.6362 31.2014 94.6362 32.9114C94.6362 35.865 94.8472 37.5416 95.1914 39.1073H90.7721C90.6278 38.5188 90.4945 37.6083 90.4279 36.7089C89.0844 38.6853 87.1412 39.5514 84.3209 39.5514ZM90.0282 30.5463C84.6651 31.1015 82.511 31.7344 82.511 33.8219C82.511 35.1766 83.588 36.298 85.7532 36.298C88.7512 36.298 90.0393 34.5547 90.0393 31.4901V30.5463H90.0282Z\" />\n    <path d=\"M97.2899 45.1921V41.5057H99.0998C100.699 41.5057 101.432 41.539 102.231 39.5514L102.442 39.0295L95.269 20.3753H100.521L104.763 33.8774L109.115 20.3753H113.99L107.139 38.541C104.951 44.3593 103.974 45.1921 99.3108 45.1921H97.2899Z\" />\n    <path d=\"M120.263 39.1073H115.456V13.8685H120.263V39.1073Z\" />\n    <path d=\"M122.406 29.7801C122.406 23.2067 126.826 19.9645 131.7 19.9645C136.575 19.9645 140.994 23.2067 140.994 29.7801C140.994 36.3535 136.575 39.5625 131.7 39.5625C126.826 39.5514 122.406 36.3535 122.406 29.7801ZM127.281 29.7801C127.281 33.6775 128.913 35.7984 131.7 35.7984C134.487 35.7984 136.119 33.6775 136.119 29.7801C136.119 25.8494 134.487 23.7286 131.7 23.7286C128.913 23.7286 127.281 25.8383 127.281 29.7801Z\" />\n    <path d=\"M149.167 39.5514C145.58 39.5514 142.416 37.4639 142.416 34.0884C142.416 29.6358 147.39 28.3145 154.741 27.4706V27.1264C154.741 24.2394 153.208 23.2623 151.154 23.2623C149.1 23.2623 147.568 24.2394 147.468 26.2936H142.982C143.326 22.6072 146.568 19.8867 151.332 19.8867C155.962 19.8867 159.549 21.7633 159.549 28.1035C159.549 28.692 159.482 31.2014 159.482 32.9114C159.482 35.865 159.693 37.5416 160.037 39.1073H155.618C155.473 38.5188 155.34 37.6083 155.274 36.7089C153.941 38.6853 151.987 39.5514 149.167 39.5514ZM154.874 30.5463C149.511 31.1015 147.357 31.7344 147.357 33.8219C147.357 35.1766 148.434 36.298 150.599 36.298C153.597 36.298 154.885 34.5547 154.885 31.4901V30.5463H154.874Z\" />\n    <path d=\"M175.06 39.1073V36.7422C173.872 38.7964 171.618 39.5625 169.664 39.5625C165.067 39.5625 161.625 35.7317 161.625 29.7468C161.625 23.8619 165 19.9645 169.664 19.9645C172.029 19.9645 174.05 21.0415 175.06 22.7848V13.8796H179.868V39.1073H175.06ZM175.238 29.7357C175.238 25.9716 173.494 23.6398 170.852 23.6398C168.242 23.6398 166.677 26.1159 166.677 29.7691C166.677 33.4222 168.242 35.865 170.852 35.865C173.494 35.865 175.238 33.5665 175.238 29.7357Z\" />\n    <path d=\"M19.1531 0L42.049 13.8019V39.9956L24.8049 50V23.8064L1.89795 10.0155L19.1531 0Z\" />\n    <path d=\"M17.4097 48.5454V28.1035L0.132324 38.1301L17.4097 48.5454Z\" />\n  </svg>\n)\n", "import * as qs from 'qs-esm'\n\ntype GetOptions = {\n  params?: Record<string, unknown>\n} & RequestInit\n\nexport const requests = {\n  delete: (url: string, options: RequestInit = { headers: {} }): Promise<Response> => {\n    const headers = options && options.headers ? { ...options.headers } : {}\n\n    const formattedOptions: RequestInit = {\n      ...options,\n      credentials: 'include',\n      headers: {\n        ...headers,\n      },\n      method: 'delete',\n    }\n\n    return fetch(url, formattedOptions)\n  },\n\n  get: (url: string, options: GetOptions = { headers: {} }): Promise<Response> => {\n    let query = ''\n    if (options.params) {\n      query = qs.stringify(options.params, { addQueryPrefix: true })\n    }\n    return fetch(`${url}${query}`, {\n      credentials: 'include',\n      ...options,\n    })\n  },\n\n  patch: (url: string, options: RequestInit = { headers: {} }): Promise<Response> => {\n    const headers = options && options.headers ? { ...options.headers } : {}\n\n    const formattedOptions: RequestInit = {\n      ...options,\n      credentials: 'include',\n      headers: {\n        ...headers,\n      },\n      method: 'PATCH',\n    }\n\n    return fetch(url, formattedOptions)\n  },\n\n  post: (url: string, options: RequestInit = { headers: {} }): Promise<Response> => {\n    const headers = options && options.headers ? { ...options.headers } : {}\n\n    const formattedOptions: RequestInit = {\n      ...options,\n      credentials: 'include',\n      headers: {\n        ...headers,\n      },\n      method: 'post',\n    }\n\n    return fetch(`${url}`, formattedOptions)\n  },\n\n  put: (url: string, options: RequestInit = { headers: {} }): Promise<Response> => {\n    const headers = options && options.headers ? { ...options.headers } : {}\n\n    const formattedOptions: RequestInit = {\n      ...options,\n      credentials: 'include',\n      headers: {\n        ...headers,\n      },\n      method: 'put',\n    }\n\n    return fetch(url, formattedOptions)\n  },\n}\n", "import type { Locale, SanitizedLocalizationConfig } from 'payload'\n/*\n return the Locale for given locale code, else return null\n*/\nexport const findLocaleFromCode = (\n  localizationConfig: SanitizedLocalizationConfig,\n  locale: string,\n): Locale | null => {\n  if (!localizationConfig?.locales || localizationConfig.locales.length === 0) {\n    return null\n  }\n\n  return localizationConfig.locales.find((el) => el?.code === locale)\n}\n", "import type { Config } from 'payload'\n\n/** Will read the `routes.admin` config and appropriately handle `\"/\"` admin paths */\nexport const formatAdminURL = (args: {\n  adminRoute: Config['routes']['admin']\n  path: string\n  serverURL?: Config['serverURL']\n}): string => {\n  const { adminRoute, path, serverURL } = args\n\n  if (adminRoute) {\n    if (adminRoute === '/') {\n      if (!path) {\n        return `${serverURL || ''}${adminRoute}`\n      }\n    } else {\n      return `${serverURL || ''}${adminRoute}${path}`\n    }\n  }\n\n  return `${serverURL || ''}${path}`\n}\n", "import type { I18n } from '@payloadcms/translations'\n\nimport { format, formatDistanceToNow } from 'date-fns'\n\ntype FormatDateArgs = {\n  date: Date | number | string | undefined\n  i18n: I18n<any, any>\n  pattern: string\n}\n\nexport const formatDate = ({ date, i18n, pattern }: FormatDateArgs): string => {\n  const theDate = new Date(date)\n  return format(theDate, pattern, { locale: i18n.dateFNS })\n}\n\ntype FormatTimeToNowArgs = {\n  date: Date | number | string | undefined\n  i18n: I18n<any, any>\n}\n\nexport const formatTimeToNow = ({ date, i18n }: FormatTimeToNowArgs): string => {\n  const theDate = new Date(date)\n  return formatDistanceToNow(theDate, { locale: i18n.dateFNS })\n}\n", "import type { I18n } from '@payloadcms/translations'\nimport type {\n  ClientCollectionConfig,\n  ClientGlobalConfig,\n  SanitizedConfig,\n  TypeWithID,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport { formatDate } from '../utilities/formatDate.js'\n\nexport const formatDocTitle = ({\n  collectionConfig,\n  data,\n  dateFormat: dateFormatFromConfig,\n  fallback,\n  globalConfig,\n  i18n,\n}: {\n  collectionConfig?: ClientCollectionConfig\n  data: TypeWithID\n  dateFormat: SanitizedConfig['admin']['dateFormat']\n  fallback?: string\n  globalConfig?: ClientGlobalConfig\n  i18n: I18n<any, any>\n}): string => {\n  let title: string\n\n  if (collectionConfig) {\n    const useAsTitle = collectionConfig?.admin?.useAsTitle\n\n    if (useAsTitle) {\n      title = data?.[useAsTitle] || title\n\n      if (title) {\n        const fieldConfig = collectionConfig.fields.find(\n          (f) => 'name' in f && f.name === useAsTitle,\n        )\n\n        const isDate = fieldConfig?.type === 'date'\n\n        if (isDate) {\n          const dateFormat =\n            ('date' in fieldConfig.admin && fieldConfig?.admin?.date?.displayFormat) ||\n            dateFormatFromConfig\n          title = formatDate({ date: title, i18n, pattern: dateFormat }) || title\n        }\n      }\n    }\n  }\n\n  if (globalConfig) {\n    title = getTranslation(globalConfig?.label, i18n) || globalConfig?.slug\n  }\n\n  if (!title) {\n    title = fallback || `[${i18n.t('general:untitled')}]`\n  }\n\n  return title\n}\n", "import type { FormState, SanitizedConfig } from 'payload'\n\nimport type { BuildFormStateArgs } from '../forms/buildStateFromSchema/index.js'\n\nexport const getFormState = async (args: {\n  apiRoute: SanitizedConfig['routes']['api']\n  body: BuildFormStateArgs\n  onError?: (data?: any) => Promise<void> | void\n  serverURL: SanitizedConfig['serverURL']\n  signal?: AbortSignal\n  token?: string\n}): Promise<FormState> => {\n  const { apiRoute, body, onError, serverURL, signal, token } = args\n\n  const res = await fetch(`${serverURL}${apiRoute}/form-state`, {\n    body: JSON.stringify(body),\n    credentials: 'include',\n    headers: {\n      'Content-Type': 'application/json',\n      ...(token ? { Authorization: `JWT ${token}` } : {}),\n    },\n    method: 'POST',\n    signal,\n  })\n\n  const json = (await res.json()) as FormState\n\n  if (res.ok) {\n    return json\n  } else {\n    if (typeof onError === 'function') {\n      void onError(json)\n    }\n  }\n\n  return body?.formState\n}\n", "import type { I18nClient } from '@payloadcms/translations'\nimport type { ClientCollectionConfig, ClientGlobalConfig, Permissions } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nexport enum EntityType {\n  collection = 'collections',\n  global = 'globals',\n}\n\nexport type EntityToGroup =\n  | {\n      entity: ClientCollectionConfig\n      type: EntityType.collection\n    }\n  | {\n      entity: ClientGlobalConfig\n      type: EntityType.global\n    }\n\nexport type Group = {\n  entities: EntityToGroup[]\n  label: string\n}\n\nexport function groupNavItems(\n  entities: EntityToGroup[],\n  permissions: Permissions,\n  i18n: I18nClient,\n): Group[] {\n  const result = entities.reduce(\n    (groups, entityToGroup) => {\n      if (\n        permissions?.[entityToGroup.type.toLowerCase()]?.[entityToGroup.entity.slug]?.read\n          .permission\n      ) {\n        const translatedGroup = getTranslation(entityToGroup.entity.admin.group, i18n)\n        if (entityToGroup.entity.admin.group) {\n          const existingGroup = groups.find(\n            (group) => getTranslation(group.label, i18n) === translatedGroup,\n          ) as Group\n          let matchedGroup: Group = existingGroup\n          if (!existingGroup) {\n            matchedGroup = { entities: [], label: translatedGroup }\n            groups.push(matchedGroup)\n          }\n\n          matchedGroup.entities.push(entityToGroup)\n        } else {\n          const defaultGroup = groups.find((group) => {\n            return getTranslation(group.label, i18n) === i18n.t(`general:${entityToGroup.type}`)\n          }) as Group\n          defaultGroup.entities.push(entityToGroup)\n        }\n      }\n\n      return groups\n    },\n    [\n      {\n        entities: [],\n        label: i18n.t('general:collections'),\n      },\n      {\n        entities: [],\n        label: i18n.t('general:globals'),\n      },\n    ],\n  )\n\n  return result.filter((group) => group.entities.length > 0)\n}\n", "import type { CollectionPermission, DocumentPermissions, GlobalPermission } from 'payload'\n\nexport const hasSavePermission = (args: {\n  /*\n   * Pass either `collectionSlug` or `globalSlug`\n   */\n  collectionSlug?: string\n  docPermissions: DocumentPermissions\n  /*\n   * Pass either `collectionSlug` or `globalSlug`\n   */\n  globalSlug?: string\n  isEditing: boolean\n}) => {\n  const { collectionSlug, docPermissions, globalSlug, isEditing } = args\n\n  if (collectionSlug) {\n    return Boolean(\n      (isEditing && docPermissions?.update?.permission) ||\n        (!isEditing && (docPermissions as CollectionPermission)?.create?.permission),\n    )\n  }\n\n  if (globalSlug) {\n    return Boolean((docPermissions as GlobalPermission)?.update?.permission)\n  }\n\n  return false\n}\n", "export const isEditing = ({\n  id,\n  collectionSlug,\n  globalSlug,\n}: {\n  collectionSlug?: string\n  globalSlug?: string\n  id?: number | string\n}): boolean => Boolean(globalSlug || (collectionSlug && !!id))\n"],
+  "mappings": "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",
+  "names": ["React", "isReactServerComponentOrFunction", "React", "WithServerSideProps", "Component", "serverOnlyProps", "rest", "passedProps", "propsWithServerOnlyProps", "RenderCustomComponent", "props", "CustomComponent", "DefaultComponent", "componentProps", "serverOnlyProps", "React", "WithServerSideProps", "isReactServerComponentOrFunction", "serverProps", "React", "withMergedProps", "Component", "sanitizeServerOnlyProps", "toMergeIntoProps", "passedProps", "mergedProps", "simpleMergeProps", "prop", "props", "toMerge", "React", "PayloadIcon", "fillFromProps", "fill", "React", "css", "PayloadLogo", "qs", "requests", "url", "options", "headers", "formattedOptions", "query", "findLocaleFromCode", "localizationConfig", "locale", "el", "formatAdminURL", "args", "adminRoute", "path", "serverURL", "format", "formatDistanceToNow", "formatDate", "date", "i18n", "pattern", "theDate", "getTranslation", "formatDocTitle", "collectionConfig", "data", "dateFormatFromConfig", "fallback", "globalConfig", "i18n", "title", "useAsTitle", "fieldConfig", "f", "dateFormat", "formatDate", "getTranslation", "getFormState", "args", "apiRoute", "body", "onError", "serverURL", "signal", "token", "res", "json", "getTranslation", "EntityType", "groupNavItems", "entities", "permissions", "i18n", "groups", "entityToGroup", "translatedGroup", "existingGroup", "group", "matchedGroup", "hasSavePermission", "args", "collectionSlug", "docPermissions", "globalSlug", "isEditing", "isEditing", "id", "collectionSlug", "globalSlug"]
+}

package/dist/fields/Array/ArrayRow.d.ts

@@ -1,12 +1,10 @@
-import type { FieldPermissions } from 'payload/auth';
-import type { ArrayField, Row } from 'payload/types';
+import type { ArrayField, FieldMap, FieldPermissions, Row } from 'payload';
 import React from 'react';
 import type { UseDraggableSortableReturn } from '../../elements/DraggableSortable/useDraggableSortable/types.js';
-import type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js';
 import './index.scss';
-type ArrayRowProps = UseDraggableSortableReturn & {
+type ArrayRowProps = {
     CustomRowLabel?: React.ReactNode;
-    addRow: (rowIndex: number) => void;
+    addRow: (rowIndex: number) => Promise<void> | void;
     duplicateRow: (rowIndex: number) => void;
     errorCount: number;
     fieldMap: FieldMap;
@@ -25,7 +23,7 @@ type ArrayRowProps = UseDraggableSortableReturn & {
     rowIndex: number;
     schemaPath: string;
     setCollapse: (rowID: string, collapsed: boolean) => void;
-};
+} & UseDraggableSortableReturn;
 export declare const ArrayRow: React.FC<ArrayRowProps>;
 export {};
 //# sourceMappingURL=ArrayRow.d.ts.map

package/dist/fields/Array/ArrayRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayRow.d.ts","sourceRoot":"","sources":["../../../src/fields/Array/ArrayRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAGpD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,gEAAgE,CAAA;AAChH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yDAAyD,CAAA;AASvF,OAAO,cAAc,CAAA;AAIrB,KAAK,aAAa,GAAG,0BAA0B,GAAG;IAChD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;IAC5B,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,gBAAgB,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,GAAG,EAAE,GAAG,CAAA;IACR,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CACzD,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4G5C,CAAA"}
+{"version":3,"file":"ArrayRow.d.ts","sourceRoot":"","sources":["../../../src/fields/Array/ArrayRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAG1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,gEAAgE,CAAA;AAShH,OAAO,cAAc,CAAA;AAIrB,KAAK,aAAa,GAAG;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAClD,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;IAC5B,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,gBAAgB,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,GAAG,EAAE,GAAG,CAAA;IACR,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CACzD,GAAG,0BAA0B,CAAA;AAE9B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4G5C,CAAA"}

package/dist/fields/Array/ArrayRow.js

@@ -9,6 +9,7 @@ import { useFormSubmitted } from '../../forms/Form/context.js';
 import { RenderFields } from '../../forms/RenderFields/index.js';
 import { RowLabel } from '../../forms/RowLabel/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
+import './index.scss';
 const baseClass = 'array-field';
 export const ArrayRow = ({ CustomRowLabel, addRow, attributes, duplicateRow, errorCount, fieldMap, forceRender = false, hasMaxRows, indexPath, isSortable, labels, listeners, moveRow, path: parentPath, permissions, readOnly, removeRow, row, rowCount, rowIndex, schemaPath, setCollapse, setNodeRef, transform })=>{
     const path = `${parentPath}.${rowIndex}`;

package/dist/fields/Array/ArrayRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Array/ArrayRow.tsx"],"sourcesContent":["'use client'\nimport type { FieldPermissions } from 'payload/auth'\nimport type { ArrayField, Row } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { UseDraggableSortableReturn } from '../../elements/DraggableSortable/useDraggableSortable/types.js'\nimport type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js'\n\nimport { ArrayAction } from '../../elements/ArrayAction/index.js'\nimport { Collapsible } from '../../elements/Collapsible/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { RowLabel } from '../../forms/RowLabel/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'array-field'\n\ntype ArrayRowProps = UseDraggableSortableReturn & {\n  CustomRowLabel?: React.ReactNode\n  addRow: (rowIndex: number) => void\n  duplicateRow: (rowIndex: number) => void\n  errorCount: number\n  fieldMap: FieldMap\n  forceRender?: boolean\n  hasMaxRows?: boolean\n  indexPath: string\n  isSortable?: boolean\n  labels: ArrayField['labels']\n  moveRow: (fromIndex: number, toIndex: number) => void\n  path: string\n  permissions: FieldPermissions\n  readOnly?: boolean\n  removeRow: (rowIndex: number) => void\n  row: Row\n  rowCount: number\n  rowIndex: number\n  schemaPath: string\n  setCollapse: (rowID: string, collapsed: boolean) => void\n}\n\nexport const ArrayRow: React.FC<ArrayRowProps> = ({\n  CustomRowLabel,\n  addRow,\n  attributes,\n  duplicateRow,\n  errorCount,\n  fieldMap,\n  forceRender = false,\n  hasMaxRows,\n  indexPath,\n  isSortable,\n  labels,\n  listeners,\n  moveRow,\n  path: parentPath,\n  permissions,\n  readOnly,\n  removeRow,\n  row,\n  rowCount,\n  rowIndex,\n  schemaPath,\n  setCollapse,\n  setNodeRef,\n  transform,\n}) => {\n  const path = `${parentPath}.${rowIndex}`\n  const { i18n } = useTranslation()\n  const hasSubmitted = useFormSubmitted()\n\n  const fallbackLabel = `${getTranslation(labels.singular, i18n)} ${String(rowIndex + 1).padStart(\n    2,\n    '0',\n  )}`\n\n  const fieldHasErrors = errorCount > 0 && hasSubmitted\n\n  const classNames = [\n    `${baseClass}__row`,\n    fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div\n      id={`${parentPath.split('.').join('-')}-row-${rowIndex}`}\n      key={`${parentPath}-row-${row.id}`}\n      ref={setNodeRef}\n      style={{\n        transform,\n      }}\n    >\n      <Collapsible\n        actions={\n          !readOnly ? (\n            <ArrayAction\n              addRow={addRow}\n              duplicateRow={duplicateRow}\n              hasMaxRows={hasMaxRows}\n              index={rowIndex}\n              isSortable={isSortable}\n              moveRow={moveRow}\n              removeRow={removeRow}\n              rowCount={rowCount}\n            />\n          ) : undefined\n        }\n        className={classNames}\n        collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n        dragHandleProps={\n          isSortable\n            ? {\n                id: row.id,\n                attributes,\n                listeners,\n              }\n            : undefined\n        }\n        header={\n          <div className={`${baseClass}__row-header`}>\n            <RowLabel\n              RowLabelComponent={CustomRowLabel}\n              i18n={i18n}\n              path={path}\n              rowLabel={fallbackLabel}\n              rowNumber={rowIndex + 1}\n            />\n            {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n          </div>\n        }\n        isCollapsed={row.collapsed}\n        onToggle={(collapsed) => setCollapse(row.id, collapsed)}\n      >\n        <RenderFields\n          className={`${baseClass}__fields`}\n          fieldMap={fieldMap}\n          forceRender={forceRender}\n          indexPath={indexPath}\n          margins=\"small\"\n          path={path}\n          permissions={permissions?.fields}\n          readOnly={readOnly}\n          schemaPath={schemaPath}\n        />\n      </Collapsible>\n    </div>\n  )\n}\n"],"names":["getTranslation","React","ArrayAction","Collapsible","ErrorPill","useFormSubmitted","RenderFields","RowLabel","useTranslation","baseClass","ArrayRow","CustomRowLabel","addRow","attributes","duplicateRow","errorCount","fieldMap","forceRender","hasMaxRows","indexPath","isSortable","labels","listeners","moveRow","path","parentPath","permissions","readOnly","removeRow","row","rowCount","rowIndex","schemaPath","setCollapse","setNodeRef","transform","i18n","hasSubmitted","fallbackLabel","singular","String","padStart","fieldHasErrors","classNames","filter","Boolean","join","div","id","split","ref","style","actions","index","undefined","className","collapsibleStyle","dragHandleProps","header","RowLabelComponent","rowLabel","rowNumber","count","withMessage","isCollapsed","collapsed","onToggle","margins","fields"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAKzB,SAASC,WAAW,QAAQ,sCAAqC;AACjE,SAASC,WAAW,QAAQ,sCAAqC;AACjE,SAASC,SAAS,QAAQ,oCAAmC;AAC7D,SAASC,gBAAgB,QAAQ,8BAA6B;AAC9D,SAASC,YAAY,QAAQ,oCAAmC;AAChE,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,cAAc,QAAQ,uCAAsC;AAGrE,MAAMC,YAAY;AAyBlB,OAAO,MAAMC,WAAoC,CAAC,EAChDC,cAAc,EACdC,MAAM,EACNC,UAAU,EACVC,YAAY,EACZC,UAAU,EACVC,QAAQ,EACRC,cAAc,KAAK,EACnBC,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,OAAO,EACPC,MAAMC,UAAU,EAChBC,WAAW,EACXC,QAAQ,EACRC,SAAS,EACTC,GAAG,EACHC,QAAQ,EACRC,QAAQ,EACRC,UAAU,EACVC,WAAW,EACXC,UAAU,EACVC,SAAS,EACV;IACC,MAAMX,OAAO,CAAC,EAAEC,WAAW,CAAC,EAAEM,SAAS,CAAC;IACxC,MAAM,EAAEK,IAAI,EAAE,GAAG5B;IACjB,MAAM6B,eAAehC;IAErB,MAAMiC,gBAAgB,CAAC,EAAEtC,eAAeqB,OAAOkB,QAAQ,EAAEH,MAAM,CAAC,EAAEI,OAAOT,WAAW,GAAGU,QAAQ,CAC7F,GACA,KACA,CAAC;IAEH,MAAMC,iBAAiB3B,aAAa,KAAKsB;IAEzC,MAAMM,aAAa;QACjB,CAAC,EAAElC,UAAU,KAAK,CAAC;QACnBiC,iBAAiB,CAAC,EAAEjC,UAAU,iBAAiB,CAAC,GAAG,CAAC,EAAEA,UAAU,gBAAgB,CAAC;KAClF,CACEmC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,KAACC;QACCC,IAAI,CAAC,EAAEvB,WAAWwB,KAAK,CAAC,KAAKH,IAAI,CAAC,KAAK,KAAK,EAAEf,SAAS,CAAC;QAExDmB,KAAKhB;QACLiB,OAAO;YACLhB;QACF;kBAEA,cAAA,KAAChC;YACCiD,SACE,CAACzB,yBACC,KAACzB;gBACCU,QAAQA;gBACRE,cAAcA;gBACdI,YAAYA;gBACZmC,OAAOtB;gBACPX,YAAYA;gBACZG,SAASA;gBACTK,WAAWA;gBACXE,UAAUA;iBAEVwB;YAENC,WAAWZ;YACXa,kBAAkBd,iBAAiB,UAAU;YAC7Ce,iBACErC,aACI;gBACE4B,IAAInB,IAAImB,EAAE;gBACVnC;gBACAS;YACF,IACAgC;YAENI,sBACE,MAACX;gBAAIQ,WAAW,CAAC,EAAE9C,UAAU,YAAY,CAAC;;kCACxC,KAACF;wBACCoD,mBAAmBhD;wBACnByB,MAAMA;wBACNZ,MAAMA;wBACNoC,UAAUtB;wBACVuB,WAAW9B,WAAW;;oBAEvBW,gCAAkB,KAACtC;wBAAU0D,OAAO/C;wBAAYqB,MAAMA;wBAAM2B,WAAW;;;;YAG5EC,aAAanC,IAAIoC,SAAS;YAC1BC,UAAU,CAACD,YAAchC,YAAYJ,IAAImB,EAAE,EAAEiB;sBAE7C,cAAA,KAAC3D;gBACCiD,WAAW,CAAC,EAAE9C,UAAU,QAAQ,CAAC;gBACjCO,UAAUA;gBACVC,aAAaA;gBACbE,WAAWA;gBACXgD,SAAQ;gBACR3C,MAAMA;gBACNE,aAAaA,aAAa0C;gBAC1BzC,UAAUA;gBACVK,YAAYA;;;OAxDX,CAAC,EAAEP,WAAW,KAAK,EAAEI,IAAImB,EAAE,CAAC,CAAC;AA6DxC,EAAC"}
+{"version":3,"sources":["../../../src/fields/Array/ArrayRow.tsx"],"sourcesContent":["'use client'\nimport type { ArrayField, FieldMap, FieldPermissions, Row } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { UseDraggableSortableReturn } from '../../elements/DraggableSortable/useDraggableSortable/types.js'\n\nimport { ArrayAction } from '../../elements/ArrayAction/index.js'\nimport { Collapsible } from '../../elements/Collapsible/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { RowLabel } from '../../forms/RowLabel/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'array-field'\n\ntype ArrayRowProps = {\n  CustomRowLabel?: React.ReactNode\n  addRow: (rowIndex: number) => Promise<void> | void\n  duplicateRow: (rowIndex: number) => void\n  errorCount: number\n  fieldMap: FieldMap\n  forceRender?: boolean\n  hasMaxRows?: boolean\n  indexPath: string\n  isSortable?: boolean\n  labels: ArrayField['labels']\n  moveRow: (fromIndex: number, toIndex: number) => void\n  path: string\n  permissions: FieldPermissions\n  readOnly?: boolean\n  removeRow: (rowIndex: number) => void\n  row: Row\n  rowCount: number\n  rowIndex: number\n  schemaPath: string\n  setCollapse: (rowID: string, collapsed: boolean) => void\n} & UseDraggableSortableReturn\n\nexport const ArrayRow: React.FC<ArrayRowProps> = ({\n  CustomRowLabel,\n  addRow,\n  attributes,\n  duplicateRow,\n  errorCount,\n  fieldMap,\n  forceRender = false,\n  hasMaxRows,\n  indexPath,\n  isSortable,\n  labels,\n  listeners,\n  moveRow,\n  path: parentPath,\n  permissions,\n  readOnly,\n  removeRow,\n  row,\n  rowCount,\n  rowIndex,\n  schemaPath,\n  setCollapse,\n  setNodeRef,\n  transform,\n}) => {\n  const path = `${parentPath}.${rowIndex}`\n  const { i18n } = useTranslation()\n  const hasSubmitted = useFormSubmitted()\n\n  const fallbackLabel = `${getTranslation(labels.singular, i18n)} ${String(rowIndex + 1).padStart(\n    2,\n    '0',\n  )}`\n\n  const fieldHasErrors = errorCount > 0 && hasSubmitted\n\n  const classNames = [\n    `${baseClass}__row`,\n    fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div\n      id={`${parentPath.split('.').join('-')}-row-${rowIndex}`}\n      key={`${parentPath}-row-${row.id}`}\n      ref={setNodeRef}\n      style={{\n        transform,\n      }}\n    >\n      <Collapsible\n        actions={\n          !readOnly ? (\n            <ArrayAction\n              addRow={addRow}\n              duplicateRow={duplicateRow}\n              hasMaxRows={hasMaxRows}\n              index={rowIndex}\n              isSortable={isSortable}\n              moveRow={moveRow}\n              removeRow={removeRow}\n              rowCount={rowCount}\n            />\n          ) : undefined\n        }\n        className={classNames}\n        collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n        dragHandleProps={\n          isSortable\n            ? {\n                id: row.id,\n                attributes,\n                listeners,\n              }\n            : undefined\n        }\n        header={\n          <div className={`${baseClass}__row-header`}>\n            <RowLabel\n              RowLabelComponent={CustomRowLabel}\n              i18n={i18n}\n              path={path}\n              rowLabel={fallbackLabel}\n              rowNumber={rowIndex + 1}\n            />\n            {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n          </div>\n        }\n        isCollapsed={row.collapsed}\n        onToggle={(collapsed) => setCollapse(row.id, collapsed)}\n      >\n        <RenderFields\n          className={`${baseClass}__fields`}\n          fieldMap={fieldMap}\n          forceRender={forceRender}\n          indexPath={indexPath}\n          margins=\"small\"\n          path={path}\n          permissions={permissions?.fields}\n          readOnly={readOnly}\n          schemaPath={schemaPath}\n        />\n      </Collapsible>\n    </div>\n  )\n}\n"],"names":["getTranslation","React","ArrayAction","Collapsible","ErrorPill","useFormSubmitted","RenderFields","RowLabel","useTranslation","baseClass","ArrayRow","CustomRowLabel","addRow","attributes","duplicateRow","errorCount","fieldMap","forceRender","hasMaxRows","indexPath","isSortable","labels","listeners","moveRow","path","parentPath","permissions","readOnly","removeRow","row","rowCount","rowIndex","schemaPath","setCollapse","setNodeRef","transform","i18n","hasSubmitted","fallbackLabel","singular","String","padStart","fieldHasErrors","classNames","filter","Boolean","join","div","id","split","ref","style","actions","index","undefined","className","collapsibleStyle","dragHandleProps","header","RowLabelComponent","rowLabel","rowNumber","count","withMessage","isCollapsed","collapsed","onToggle","margins","fields"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,SAASC,WAAW,QAAQ,sCAAqC;AACjE,SAASC,WAAW,QAAQ,sCAAqC;AACjE,SAASC,SAAS,QAAQ,oCAAmC;AAC7D,SAASC,gBAAgB,QAAQ,8BAA6B;AAC9D,SAASC,YAAY,QAAQ,oCAAmC;AAChE,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAyBlB,OAAO,MAAMC,WAAoC,CAAC,EAChDC,cAAc,EACdC,MAAM,EACNC,UAAU,EACVC,YAAY,EACZC,UAAU,EACVC,QAAQ,EACRC,cAAc,KAAK,EACnBC,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,OAAO,EACPC,MAAMC,UAAU,EAChBC,WAAW,EACXC,QAAQ,EACRC,SAAS,EACTC,GAAG,EACHC,QAAQ,EACRC,QAAQ,EACRC,UAAU,EACVC,WAAW,EACXC,UAAU,EACVC,SAAS,EACV;IACC,MAAMX,OAAO,CAAC,EAAEC,WAAW,CAAC,EAAEM,SAAS,CAAC;IACxC,MAAM,EAAEK,IAAI,EAAE,GAAG5B;IACjB,MAAM6B,eAAehC;IAErB,MAAMiC,gBAAgB,CAAC,EAAEtC,eAAeqB,OAAOkB,QAAQ,EAAEH,MAAM,CAAC,EAAEI,OAAOT,WAAW,GAAGU,QAAQ,CAC7F,GACA,KACA,CAAC;IAEH,MAAMC,iBAAiB3B,aAAa,KAAKsB;IAEzC,MAAMM,aAAa;QACjB,CAAC,EAAElC,UAAU,KAAK,CAAC;QACnBiC,iBAAiB,CAAC,EAAEjC,UAAU,iBAAiB,CAAC,GAAG,CAAC,EAAEA,UAAU,gBAAgB,CAAC;KAClF,CACEmC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,KAACC;QACCC,IAAI,CAAC,EAAEvB,WAAWwB,KAAK,CAAC,KAAKH,IAAI,CAAC,KAAK,KAAK,EAAEf,SAAS,CAAC;QAExDmB,KAAKhB;QACLiB,OAAO;YACLhB;QACF;kBAEA,cAAA,KAAChC;YACCiD,SACE,CAACzB,yBACC,KAACzB;gBACCU,QAAQA;gBACRE,cAAcA;gBACdI,YAAYA;gBACZmC,OAAOtB;gBACPX,YAAYA;gBACZG,SAASA;gBACTK,WAAWA;gBACXE,UAAUA;iBAEVwB;YAENC,WAAWZ;YACXa,kBAAkBd,iBAAiB,UAAU;YAC7Ce,iBACErC,aACI;gBACE4B,IAAInB,IAAImB,EAAE;gBACVnC;gBACAS;YACF,IACAgC;YAENI,sBACE,MAACX;gBAAIQ,WAAW,CAAC,EAAE9C,UAAU,YAAY,CAAC;;kCACxC,KAACF;wBACCoD,mBAAmBhD;wBACnByB,MAAMA;wBACNZ,MAAMA;wBACNoC,UAAUtB;wBACVuB,WAAW9B,WAAW;;oBAEvBW,gCAAkB,KAACtC;wBAAU0D,OAAO/C;wBAAYqB,MAAMA;wBAAM2B,WAAW;;;;YAG5EC,aAAanC,IAAIoC,SAAS;YAC1BC,UAAU,CAACD,YAAchC,YAAYJ,IAAImB,EAAE,EAAEiB;sBAE7C,cAAA,KAAC3D;gBACCiD,WAAW,CAAC,EAAE9C,UAAU,QAAQ,CAAC;gBACjCO,UAAUA;gBACVC,aAAaA;gBACbE,WAAWA;gBACXgD,SAAQ;gBACR3C,MAAMA;gBACNE,aAAaA,aAAa0C;gBAC1BzC,UAAUA;gBACVK,YAAYA;;;OAxDX,CAAC,EAAEP,WAAW,KAAK,EAAEI,IAAImB,EAAE,CAAC,CAAC;AA6DxC,EAAC"}

package/dist/fields/Array/index.d.ts

@@ -1,21 +1,6 @@
-import type { FieldPermissions } from 'payload/auth';
-import type { ArrayField as ArrayFieldType } from 'payload/types';
+import type { ArrayFieldProps } from 'payload';
 import React from 'react';
-import type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js';
-import type { FormFieldBase } from '../shared/index.js';
 import './index.scss';
-export type ArrayFieldProps = FormFieldBase & {
-    CustomRowLabel?: React.ReactNode;
-    fieldMap: FieldMap;
-    forceRender?: boolean;
-    isSortable?: boolean;
-    labels?: ArrayFieldType['labels'];
-    maxRows?: ArrayFieldType['maxRows'];
-    minRows?: ArrayFieldType['minRows'];
-    name?: string;
-    permissions: FieldPermissions;
-    width?: string;
-};
-export declare const _ArrayField: React.FC<ArrayFieldProps>;
+export declare const ArrayFieldComponent: React.FC<ArrayFieldProps>;
 export declare const ArrayField: React.FC<ArrayFieldProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/fields/Array/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Array/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,eAAe,CAAA;AAGjE,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yDAAyD,CAAA;AACvF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAsBvD,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG;IAC5C,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAA;IACjC,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACnC,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,gBAAgB,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuRjD,CAAA;AAED,eAAO,MAAM,UAAU,2BAA6B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Array/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAgC,MAAM,SAAS,CAAA;AAG5E,OAAO,KAAsB,MAAM,OAAO,CAAA;AAuB1C,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuSzD,CAAA;AAED,eAAO,MAAM,UAAU,2BAAqC,CAAA"}

package/dist/fields/Array/index.js

@@ -7,11 +7,9 @@ import { Button } from '../../elements/Button/index.js';
 import { DraggableSortableItem } from '../../elements/DraggableSortable/DraggableSortableItem/index.js';
 import { DraggableSortable } from '../../elements/DraggableSortable/index.js';
 import { ErrorPill } from '../../elements/ErrorPill/index.js';
-import { FieldDescription } from '../../forms/FieldDescription/index.js';
-import { FieldError } from '../../forms/FieldError/index.js';
-import { FieldLabel } from '../../forms/FieldLabel/index.js';
 import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
 import { useForm, useFormSubmitted } from '../../forms/Form/context.js';
+import { extractRowsAndCollapsedIDs, toggleAllRows } from '../../forms/Form/rowHelpers.js';
 import { NullifyLocaleField } from '../../forms/NullifyField/index.js';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
@@ -20,12 +18,16 @@ import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { scrollToID } from '../../utilities/scrollToID.js';
+import { FieldDescription } from '../FieldDescription/index.js';
+import { FieldError } from '../FieldError/index.js';
+import { FieldLabel } from '../FieldLabel/index.js';
 import { fieldBaseClass } from '../shared/index.js';
 import { ArrayRow } from './ArrayRow.js';
+import './index.scss';
 const baseClass = 'array-field';
-export const _ArrayField = (props)=>{
-    const { name, CustomDescription, CustomError, CustomLabel, CustomRowLabel, className, descriptionProps, errorProps, fieldMap, forceRender = false, isSortable = true, label, labelProps, localized, maxRows, minRows: minRowsProp, path: pathFromProps, permissions, readOnly: readOnlyFromProps, required, validate } = props;
-    const { indexPath, readOnly: readOnlyFromContext } = useFieldProps();
+export const ArrayFieldComponent = (props)=>{
+    const { name, CustomDescription, CustomError, CustomLabel, CustomRowLabel, className, descriptionProps, errorProps, fieldMap, forceRender = false, isSortable = true, label, labelProps, localized, maxRows, minRows: minRowsProp, path: pathFromProps, readOnly: readOnlyFromProps, required, validate } = props;
+    const { indexPath, path: pathFromContext, permissions, readOnly: readOnlyFromContext } = useFieldProps();
     const minRows = minRowsProp ?? required ? 1 : 0;
     const { setDocFieldPreferences } = useDocumentInfo();
     const { addFieldRow, dispatchFields, setModified } = useForm();
@@ -73,10 +75,9 @@ export const _ArrayField = (props)=>{
         validate,
         editingDefaultLocale
     ]);
-    const { path: pathFromContext } = useFieldProps();
     const { errorPaths, formInitializing, formProcessing, path, rows = [], schemaPath, showError, valid, value } = useField({
         hasRows: true,
-        path: pathFromContext || pathFromProps || name,
+        path: pathFromContext ?? pathFromProps ?? name,
         validate: memoizedValidate
     });
     const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing;
@@ -137,28 +138,42 @@ export const _ArrayField = (props)=>{
         setModified
     ]);
     const toggleCollapseAll = useCallback((collapsed)=>{
+        const { collapsedIDs, updatedRows } = toggleAllRows({
+            collapsed,
+            rows
+        });
         dispatchFields({
             type: 'SET_ALL_ROWS_COLLAPSED',
-            collapsed,
             path,
-            setDocFieldPreferences
+            updatedRows
+        });
+        setDocFieldPreferences(path, {
+            collapsed: collapsedIDs
         });
     }, [
         dispatchFields,
         path,
+        rows,
         setDocFieldPreferences
     ]);
     const setCollapse = useCallback((rowID, collapsed)=>{
+        const { collapsedIDs, updatedRows } = extractRowsAndCollapsedIDs({
+            collapsed,
+            rowID,
+            rows
+        });
         dispatchFields({
             type: 'SET_ROW_COLLAPSED',
-            collapsed,
             path,
-            rowID,
-            setDocFieldPreferences
+            updatedRows
+        });
+        setDocFieldPreferences(path, {
+            collapsed: collapsedIDs
         });
     }, [
         dispatchFields,
         path,
+        rows,
         setDocFieldPreferences
     ]);
     const hasMaxRows = maxRows && rows.length >= maxRows;
@@ -287,7 +302,7 @@ export const _ArrayField = (props)=>{
                                 type: "error",
                                 children: t('validation:requiresAtLeast', {
                                     count: minRows,
-                                    label: getTranslation(minRows > 1 ? labels.plural : labels.singular, i18n) || t(minRows > 1 ? 'general:row' : 'general:rows')
+                                    label: getTranslation(minRows > 1 ? labels.plural : labels.singular, i18n) || t(minRows > 1 ? 'general:rows' : 'general:row')
                                 })
                             })
                         ]
@@ -300,7 +315,9 @@ export const _ArrayField = (props)=>{
                 icon: "plus",
                 iconPosition: "left",
                 iconStyle: "with-border",
-                onClick: ()=>addRow(value || 0),
+                onClick: ()=>{
+                    void addRow(value || 0);
+                },
                 children: t('fields:addLabel', {
                     label: getTranslation(labels.singular, i18n)
                 })
@@ -308,6 +325,6 @@ export const _ArrayField = (props)=>{
         ]
     });
 };
-export const ArrayField = withCondition(_ArrayField);
+export const ArrayField = withCondition(ArrayFieldComponent);
 
 //# sourceMappingURL=index.js.map

package/dist/fields/Array/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Array/index.tsx"],"sourcesContent":["'use client'\nimport type { FieldPermissions } from 'payload/auth'\nimport type { ArrayField as ArrayFieldType } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback } from 'react'\n\nimport type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js'\nimport type { FormFieldBase } from '../shared/index.js'\n\nimport { Banner } from '../../elements/Banner/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { DraggableSortableItem } from '../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DraggableSortable } from '../../elements/DraggableSortable/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { FieldDescription } from '../../forms/FieldDescription/index.js'\nimport { FieldError } from '../../forms/FieldError/index.js'\nimport { FieldLabel } from '../../forms/FieldLabel/index.js'\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useForm, useFormSubmitted } from '../../forms/Form/context.js'\nimport { NullifyLocaleField } from '../../forms/NullifyField/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { scrollToID } from '../../utilities/scrollToID.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { ArrayRow } from './ArrayRow.js'\nimport './index.scss'\n\nconst baseClass = 'array-field'\n\nexport type ArrayFieldProps = FormFieldBase & {\n  CustomRowLabel?: React.ReactNode\n  fieldMap: FieldMap\n  forceRender?: boolean\n  isSortable?: boolean\n  labels?: ArrayFieldType['labels']\n  maxRows?: ArrayFieldType['maxRows']\n  minRows?: ArrayFieldType['minRows']\n  name?: string\n  permissions: FieldPermissions\n  width?: string\n}\n\nexport const _ArrayField: React.FC<ArrayFieldProps> = (props) => {\n  const {\n    name,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    CustomRowLabel,\n    className,\n    descriptionProps,\n    errorProps,\n    fieldMap,\n    forceRender = false,\n    isSortable = true,\n    label,\n    labelProps,\n    localized,\n    maxRows,\n    minRows: minRowsProp,\n    path: pathFromProps,\n    permissions,\n    readOnly: readOnlyFromProps,\n    required,\n    validate,\n  } = props\n\n  const { indexPath, readOnly: readOnlyFromContext } = useFieldProps()\n  const minRows = minRowsProp ?? required ? 1 : 0\n\n  const { setDocFieldPreferences } = useDocumentInfo()\n  const { addFieldRow, dispatchFields, setModified } = useForm()\n  const submitted = useFormSubmitted()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n  const { localization } = useConfig()\n\n  const editingDefaultLocale = (() => {\n    if (localization && localization.fallback) {\n      const defaultLocale = localization.defaultLocale || 'en'\n      return locale === defaultLocale\n    }\n\n    return true\n  })()\n\n  // Handle labeling for Arrays, Global Arrays, and Blocks\n  const getLabels = (p: ArrayFieldProps): ArrayFieldType['labels'] => {\n    if ('labels' in p && p?.labels) return p.labels\n    if ('label' in p && p?.label) return { plural: undefined, singular: p?.label }\n    return { plural: t('general:rows'), singular: t('general:row') }\n  }\n\n  const labels = getLabels(props)\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      // alternative locales can be null\n      if (!editingDefaultLocale && value === null) {\n        return true\n      }\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, maxRows, minRows, required })\n      }\n    },\n    [maxRows, minRows, required, validate, editingDefaultLocale],\n  )\n\n  const { path: pathFromContext } = useFieldProps()\n\n  const {\n    errorPaths,\n    formInitializing,\n    formProcessing,\n    path,\n    rows = [],\n    schemaPath,\n    showError,\n    valid,\n    value,\n  } = useField<number>({\n    hasRows: true,\n    path: pathFromContext || pathFromProps || name,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  const addRow = useCallback(\n    async (rowIndex: number) => {\n      await addFieldRow({ path, rowIndex, schemaPath })\n      setModified(true)\n\n      setTimeout(() => {\n        scrollToID(`${path}-row-${rowIndex + 1}`)\n      }, 0)\n    },\n    [addFieldRow, path, setModified, schemaPath],\n  )\n\n  const duplicateRow = useCallback(\n    (rowIndex: number) => {\n      dispatchFields({ type: 'DUPLICATE_ROW', path, rowIndex })\n      setModified(true)\n\n      setTimeout(() => {\n        scrollToID(`${path}-row-${rowIndex}`)\n      }, 0)\n    },\n    [dispatchFields, path, setModified],\n  )\n\n  const removeRow = useCallback(\n    (rowIndex: number) => {\n      dispatchFields({ type: 'REMOVE_ROW', path, rowIndex })\n      setModified(true)\n    },\n    [dispatchFields, path, setModified],\n  )\n\n  const moveRow = useCallback(\n    (moveFromIndex: number, moveToIndex: number) => {\n      dispatchFields({ type: 'MOVE_ROW', moveFromIndex, moveToIndex, path })\n      setModified(true)\n    },\n    [dispatchFields, path, setModified],\n  )\n\n  const toggleCollapseAll = useCallback(\n    (collapsed: boolean) => {\n      dispatchFields({ type: 'SET_ALL_ROWS_COLLAPSED', collapsed, path, setDocFieldPreferences })\n    },\n    [dispatchFields, path, setDocFieldPreferences],\n  )\n\n  const setCollapse = useCallback(\n    (rowID: string, collapsed: boolean) => {\n      dispatchFields({ type: 'SET_ROW_COLLAPSED', collapsed, path, rowID, setDocFieldPreferences })\n    },\n    [dispatchFields, path, setDocFieldPreferences],\n  )\n\n  const hasMaxRows = maxRows && rows.length >= maxRows\n\n  const fieldErrorCount = errorPaths.length\n  const fieldHasErrors = submitted && errorPaths.length > 0\n\n  const showRequired = disabled && rows.length === 0\n  const showMinRows = rows.length < minRows || (required && rows.length === 0)\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path.replace(/\\./g, '__')}`}\n    >\n      {showError && <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />}\n      <header className={`${baseClass}__header`}>\n        <div className={`${baseClass}__header-wrap`}>\n          <div className={`${baseClass}__header-content`}>\n            <h3 className={`${baseClass}__title`}>\n              <FieldLabel\n                CustomLabel={CustomLabel}\n                as=\"span\"\n                label={label}\n                required={required}\n                unstyled\n                {...(labelProps || {})}\n              />\n            </h3>\n            {fieldHasErrors && fieldErrorCount > 0 && (\n              <ErrorPill count={fieldErrorCount} i18n={i18n} withMessage />\n            )}\n          </div>\n          {rows.length > 0 && (\n            <ul className={`${baseClass}__header-actions`}>\n              <li>\n                <button\n                  className={`${baseClass}__header-action`}\n                  onClick={() => toggleCollapseAll(true)}\n                  type=\"button\"\n                >\n                  {t('fields:collapseAll')}\n                </button>\n              </li>\n              <li>\n                <button\n                  className={`${baseClass}__header-action`}\n                  onClick={() => toggleCollapseAll(false)}\n                  type=\"button\"\n                >\n                  {t('fields:showAll')}\n                </button>\n              </li>\n            </ul>\n          )}\n        </div>\n        <FieldDescription CustomDescription={CustomDescription} {...(descriptionProps || {})} />\n      </header>\n      <NullifyLocaleField fieldValue={value} localized={localized} path={path} />\n      {(rows.length > 0 || (!valid && (showRequired || showMinRows))) && (\n        <DraggableSortable\n          className={`${baseClass}__draggable-rows`}\n          ids={rows.map((row) => row.id)}\n          onDragEnd={({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex)}\n        >\n          {rows.map((row, i) => {\n            const rowErrorCount = errorPaths?.filter((errorPath) =>\n              errorPath.startsWith(`${path}.${i}.`),\n            ).length\n            return (\n              <DraggableSortableItem disabled={disabled || !isSortable} id={row.id} key={row.id}>\n                {(draggableSortableItemProps) => (\n                  <ArrayRow\n                    {...draggableSortableItemProps}\n                    CustomRowLabel={CustomRowLabel}\n                    addRow={addRow}\n                    duplicateRow={duplicateRow}\n                    errorCount={rowErrorCount}\n                    fieldMap={fieldMap}\n                    forceRender={forceRender}\n                    hasMaxRows={hasMaxRows}\n                    indexPath={indexPath}\n                    isSortable={isSortable}\n                    labels={labels}\n                    moveRow={moveRow}\n                    path={path}\n                    permissions={permissions}\n                    readOnly={disabled}\n                    removeRow={removeRow}\n                    row={row}\n                    rowCount={rows.length}\n                    rowIndex={i}\n                    schemaPath={schemaPath}\n                    setCollapse={setCollapse}\n                  />\n                )}\n              </DraggableSortableItem>\n            )\n          })}\n          {!valid && (\n            <React.Fragment>\n              {showRequired && (\n                <Banner>\n                  {t('validation:fieldHasNo', { label: getTranslation(labels.plural, i18n) })}\n                </Banner>\n              )}\n              {showMinRows && (\n                <Banner type=\"error\">\n                  {t('validation:requiresAtLeast', {\n                    count: minRows,\n                    label:\n                      getTranslation(minRows > 1 ? labels.plural : labels.singular, i18n) ||\n                      t(minRows > 1 ? 'general:row' : 'general:rows'),\n                  })}\n                </Banner>\n              )}\n            </React.Fragment>\n          )}\n        </DraggableSortable>\n      )}\n      {!disabled && !hasMaxRows && (\n        <Button\n          buttonStyle=\"icon-label\"\n          className={`${baseClass}__add-row`}\n          icon=\"plus\"\n          iconPosition=\"left\"\n          iconStyle=\"with-border\"\n          onClick={() => addRow(value || 0)}\n        >\n          {t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n        </Button>\n      )}\n    </div>\n  )\n}\n\nexport const ArrayField = withCondition(_ArrayField)\n"],"names":["getTranslation","React","useCallback","Banner","Button","DraggableSortableItem","DraggableSortable","ErrorPill","FieldDescription","FieldError","FieldLabel","useFieldProps","useForm","useFormSubmitted","NullifyLocaleField","useField","withCondition","useConfig","useDocumentInfo","useLocale","useTranslation","scrollToID","fieldBaseClass","ArrayRow","baseClass","_ArrayField","props","name","CustomDescription","CustomError","CustomLabel","CustomRowLabel","className","descriptionProps","errorProps","fieldMap","forceRender","isSortable","label","labelProps","localized","maxRows","minRows","minRowsProp","path","pathFromProps","permissions","readOnly","readOnlyFromProps","required","validate","indexPath","readOnlyFromContext","setDocFieldPreferences","addFieldRow","dispatchFields","setModified","submitted","code","locale","i18n","t","localization","editingDefaultLocale","fallback","defaultLocale","getLabels","p","labels","plural","undefined","singular","memoizedValidate","value","options","pathFromContext","errorPaths","formInitializing","formProcessing","rows","schemaPath","showError","valid","hasRows","disabled","addRow","rowIndex","setTimeout","duplicateRow","type","removeRow","moveRow","moveFromIndex","moveToIndex","toggleCollapseAll","collapsed","setCollapse","rowID","hasMaxRows","length","fieldErrorCount","fieldHasErrors","showRequired","showMinRows","div","filter","Boolean","join","id","replace","header","h3","as","unstyled","count","withMessage","ul","li","button","onClick","fieldValue","ids","map","row","onDragEnd","i","rowErrorCount","errorPath","startsWith","draggableSortableItemProps","errorCount","rowCount","Fragment","buttonStyle","icon","iconPosition","iconStyle","ArrayField"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../src/fields/Array/index.tsx"],"sourcesContent":["'use client'\nimport type { ArrayFieldProps, ArrayField as ArrayFieldType } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback } from 'react'\n\nimport { Banner } from '../../elements/Banner/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { DraggableSortableItem } from '../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport { DraggableSortable } from '../../elements/DraggableSortable/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useForm, useFormSubmitted } from '../../forms/Form/context.js'\nimport { extractRowsAndCollapsedIDs, toggleAllRows } from '../../forms/Form/rowHelpers.js'\nimport { NullifyLocaleField } from '../../forms/NullifyField/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { scrollToID } from '../../utilities/scrollToID.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { ArrayRow } from './ArrayRow.js'\nimport './index.scss'\n\nconst baseClass = 'array-field'\n\nexport const ArrayFieldComponent: React.FC<ArrayFieldProps> = (props) => {\n  const {\n    name,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    CustomRowLabel,\n    className,\n    descriptionProps,\n    errorProps,\n    fieldMap,\n    forceRender = false,\n    isSortable = true,\n    label,\n    labelProps,\n    localized,\n    maxRows,\n    minRows: minRowsProp,\n    path: pathFromProps,\n    readOnly: readOnlyFromProps,\n    required,\n    validate,\n  } = props\n\n  const {\n    indexPath,\n    path: pathFromContext,\n    permissions,\n    readOnly: readOnlyFromContext,\n  } = useFieldProps()\n\n  const minRows = minRowsProp ?? required ? 1 : 0\n\n  const { setDocFieldPreferences } = useDocumentInfo()\n  const { addFieldRow, dispatchFields, setModified } = useForm()\n  const submitted = useFormSubmitted()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n  const { localization } = useConfig()\n\n  const editingDefaultLocale = (() => {\n    if (localization && localization.fallback) {\n      const defaultLocale = localization.defaultLocale || 'en'\n      return locale === defaultLocale\n    }\n\n    return true\n  })()\n\n  // Handle labeling for Arrays, Global Arrays, and Blocks\n  const getLabels = (p: ArrayFieldProps): ArrayFieldType['labels'] => {\n    if ('labels' in p && p?.labels) return p.labels\n    if ('label' in p && p?.label) return { plural: undefined, singular: p?.label }\n    return { plural: t('general:rows'), singular: t('general:row') }\n  }\n\n  const labels = getLabels(props)\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      // alternative locales can be null\n      if (!editingDefaultLocale && value === null) {\n        return true\n      }\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, maxRows, minRows, required })\n      }\n    },\n    [maxRows, minRows, required, validate, editingDefaultLocale],\n  )\n\n  const {\n    errorPaths,\n    formInitializing,\n    formProcessing,\n    path,\n    rows = [],\n    schemaPath,\n    showError,\n    valid,\n    value,\n  } = useField<number>({\n    hasRows: true,\n    path: pathFromContext ?? pathFromProps ?? name,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  const addRow = useCallback(\n    async (rowIndex: number): Promise<void> => {\n      await addFieldRow({ path, rowIndex, schemaPath })\n      setModified(true)\n\n      setTimeout(() => {\n        scrollToID(`${path}-row-${rowIndex + 1}`)\n      }, 0)\n    },\n    [addFieldRow, path, setModified, schemaPath],\n  )\n\n  const duplicateRow = useCallback(\n    (rowIndex: number) => {\n      dispatchFields({ type: 'DUPLICATE_ROW', path, rowIndex })\n      setModified(true)\n\n      setTimeout(() => {\n        scrollToID(`${path}-row-${rowIndex}`)\n      }, 0)\n    },\n    [dispatchFields, path, setModified],\n  )\n\n  const removeRow = useCallback(\n    (rowIndex: number) => {\n      dispatchFields({ type: 'REMOVE_ROW', path, rowIndex })\n      setModified(true)\n    },\n    [dispatchFields, path, setModified],\n  )\n\n  const moveRow = useCallback(\n    (moveFromIndex: number, moveToIndex: number) => {\n      dispatchFields({ type: 'MOVE_ROW', moveFromIndex, moveToIndex, path })\n      setModified(true)\n    },\n    [dispatchFields, path, setModified],\n  )\n\n  const toggleCollapseAll = useCallback(\n    (collapsed: boolean) => {\n      const { collapsedIDs, updatedRows } = toggleAllRows({\n        collapsed,\n        rows,\n      })\n      dispatchFields({ type: 'SET_ALL_ROWS_COLLAPSED', path, updatedRows })\n      setDocFieldPreferences(path, { collapsed: collapsedIDs })\n    },\n    [dispatchFields, path, rows, setDocFieldPreferences],\n  )\n\n  const setCollapse = useCallback(\n    (rowID: string, collapsed: boolean) => {\n      const { collapsedIDs, updatedRows } = extractRowsAndCollapsedIDs({\n        collapsed,\n        rowID,\n        rows,\n      })\n      dispatchFields({ type: 'SET_ROW_COLLAPSED', path, updatedRows })\n      setDocFieldPreferences(path, { collapsed: collapsedIDs })\n    },\n    [dispatchFields, path, rows, setDocFieldPreferences],\n  )\n\n  const hasMaxRows = maxRows && rows.length >= maxRows\n\n  const fieldErrorCount = errorPaths.length\n  const fieldHasErrors = submitted && errorPaths.length > 0\n\n  const showRequired = disabled && rows.length === 0\n  const showMinRows = rows.length < minRows || (required && rows.length === 0)\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path.replace(/\\./g, '__')}`}\n    >\n      {showError && <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />}\n      <header className={`${baseClass}__header`}>\n        <div className={`${baseClass}__header-wrap`}>\n          <div className={`${baseClass}__header-content`}>\n            <h3 className={`${baseClass}__title`}>\n              <FieldLabel\n                CustomLabel={CustomLabel}\n                as=\"span\"\n                label={label}\n                required={required}\n                unstyled\n                {...(labelProps || {})}\n              />\n            </h3>\n            {fieldHasErrors && fieldErrorCount > 0 && (\n              <ErrorPill count={fieldErrorCount} i18n={i18n} withMessage />\n            )}\n          </div>\n          {rows.length > 0 && (\n            <ul className={`${baseClass}__header-actions`}>\n              <li>\n                <button\n                  className={`${baseClass}__header-action`}\n                  onClick={() => toggleCollapseAll(true)}\n                  type=\"button\"\n                >\n                  {t('fields:collapseAll')}\n                </button>\n              </li>\n              <li>\n                <button\n                  className={`${baseClass}__header-action`}\n                  onClick={() => toggleCollapseAll(false)}\n                  type=\"button\"\n                >\n                  {t('fields:showAll')}\n                </button>\n              </li>\n            </ul>\n          )}\n        </div>\n        <FieldDescription CustomDescription={CustomDescription} {...(descriptionProps || {})} />\n      </header>\n      <NullifyLocaleField fieldValue={value} localized={localized} path={path} />\n      {(rows.length > 0 || (!valid && (showRequired || showMinRows))) && (\n        <DraggableSortable\n          className={`${baseClass}__draggable-rows`}\n          ids={rows.map((row) => row.id)}\n          onDragEnd={({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex)}\n        >\n          {rows.map((row, i) => {\n            const rowErrorCount = errorPaths?.filter((errorPath) =>\n              errorPath.startsWith(`${path}.${i}.`),\n            ).length\n            return (\n              <DraggableSortableItem disabled={disabled || !isSortable} id={row.id} key={row.id}>\n                {(draggableSortableItemProps) => (\n                  <ArrayRow\n                    {...draggableSortableItemProps}\n                    CustomRowLabel={CustomRowLabel}\n                    addRow={addRow}\n                    duplicateRow={duplicateRow}\n                    errorCount={rowErrorCount}\n                    fieldMap={fieldMap}\n                    forceRender={forceRender}\n                    hasMaxRows={hasMaxRows}\n                    indexPath={indexPath}\n                    isSortable={isSortable}\n                    labels={labels}\n                    moveRow={moveRow}\n                    path={path}\n                    permissions={permissions}\n                    readOnly={disabled}\n                    removeRow={removeRow}\n                    row={row}\n                    rowCount={rows.length}\n                    rowIndex={i}\n                    schemaPath={schemaPath}\n                    setCollapse={setCollapse}\n                  />\n                )}\n              </DraggableSortableItem>\n            )\n          })}\n          {!valid && (\n            <React.Fragment>\n              {showRequired && (\n                <Banner>\n                  {t('validation:fieldHasNo', { label: getTranslation(labels.plural, i18n) })}\n                </Banner>\n              )}\n              {showMinRows && (\n                <Banner type=\"error\">\n                  {t('validation:requiresAtLeast', {\n                    count: minRows,\n                    label:\n                      getTranslation(minRows > 1 ? labels.plural : labels.singular, i18n) ||\n                      t(minRows > 1 ? 'general:rows' : 'general:row'),\n                  })}\n                </Banner>\n              )}\n            </React.Fragment>\n          )}\n        </DraggableSortable>\n      )}\n      {!disabled && !hasMaxRows && (\n        <Button\n          buttonStyle=\"icon-label\"\n          className={`${baseClass}__add-row`}\n          icon=\"plus\"\n          iconPosition=\"left\"\n          iconStyle=\"with-border\"\n          onClick={() => {\n            void addRow(value || 0)\n          }}\n        >\n          {t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n        </Button>\n      )}\n    </div>\n  )\n}\n\nexport const ArrayField = withCondition(ArrayFieldComponent)\n"],"names":["getTranslation","React","useCallback","Banner","Button","DraggableSortableItem","DraggableSortable","ErrorPill","useFieldProps","useForm","useFormSubmitted","extractRowsAndCollapsedIDs","toggleAllRows","NullifyLocaleField","useField","withCondition","useConfig","useDocumentInfo","useLocale","useTranslation","scrollToID","FieldDescription","FieldError","FieldLabel","fieldBaseClass","ArrayRow","baseClass","ArrayFieldComponent","props","name","CustomDescription","CustomError","CustomLabel","CustomRowLabel","className","descriptionProps","errorProps","fieldMap","forceRender","isSortable","label","labelProps","localized","maxRows","minRows","minRowsProp","path","pathFromProps","readOnly","readOnlyFromProps","required","validate","indexPath","pathFromContext","permissions","readOnlyFromContext","setDocFieldPreferences","addFieldRow","dispatchFields","setModified","submitted","code","locale","i18n","t","localization","editingDefaultLocale","fallback","defaultLocale","getLabels","p","labels","plural","undefined","singular","memoizedValidate","value","options","errorPaths","formInitializing","formProcessing","rows","schemaPath","showError","valid","hasRows","disabled","addRow","rowIndex","setTimeout","duplicateRow","type","removeRow","moveRow","moveFromIndex","moveToIndex","toggleCollapseAll","collapsed","collapsedIDs","updatedRows","setCollapse","rowID","hasMaxRows","length","fieldErrorCount","fieldHasErrors","showRequired","showMinRows","div","filter","Boolean","join","id","replace","header","h3","as","unstyled","count","withMessage","ul","li","button","onClick","fieldValue","ids","map","row","onDragEnd","i","rowErrorCount","errorPath","startsWith","draggableSortableItemProps","errorCount","rowCount","Fragment","buttonStyle","icon","iconPosition","iconStyle","ArrayField"],"mappings":"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"}

package/dist/fields/Blocks/BlockRow.d.ts

@@ -1,10 +1,8 @@
-import type { FieldPermissions } from 'payload/auth';
-import type { Labels, Row } from 'payload/types';
+import type { FieldPermissions, Labels, ReducedBlock, Row } from 'payload';
 import React from 'react';
 import type { UseDraggableSortableReturn } from '../../elements/DraggableSortable/useDraggableSortable/types.js';
-import type { ReducedBlock } from '../../providers/ComponentMap/buildComponentMap/types.js';
-type BlockFieldProps = UseDraggableSortableReturn & {
-    addRow: (rowIndex: number, blockType: string) => void;
+type BlockFieldProps = {
+    addRow: (rowIndex: number, blockType: string) => Promise<void> | void;
     block: ReducedBlock;
     blocks: ReducedBlock[];
     duplicateRow: (rowIndex: number) => void;
@@ -24,7 +22,7 @@ type BlockFieldProps = UseDraggableSortableReturn & {
     rowIndex: number;
     schemaPath: string;
     setCollapse: (id: string, collapsed: boolean) => void;
-};
+} & UseDraggableSortableReturn;
 export declare const BlockRow: React.FC<BlockFieldProps>;
 export {};
 //# sourceMappingURL=BlockRow.d.ts.map

package/dist/fields/Blocks/BlockRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockRow.d.ts","sourceRoot":"","sources":["../../../src/fields/Blocks/BlockRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAGhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,gEAAgE,CAAA;AAChH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yDAAyD,CAAA;AAa3F,KAAK,eAAe,GAAG,0BAA0B,GAAG;IAClD,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,KAAK,EAAE,YAAY,CAAA;IACnB,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,gBAAgB,CAAA;IAC7B,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,GAAG,EAAE,GAAG,CAAA;IACR,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CACtD,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6G9C,CAAA"}
+{"version":3,"file":"BlockRow.d.ts","sourceRoot":"","sources":["../../../src/fields/Blocks/BlockRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAG1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,gEAAgE,CAAA;AAahH,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACrE,KAAK,EAAE,YAAY,CAAA;IACnB,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,gBAAgB,CAAA;IAC7B,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,GAAG,EAAE,GAAG,CAAA;IACR,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CACtD,GAAG,0BAA0B,CAAA;AAE9B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmH9C,CAAA"}

package/dist/fields/Blocks/BlockRow.js

@@ -20,6 +20,7 @@ export const BlockRow = ({ addRow, attributes, block, blocks, duplicateRow, erro
         `${baseClass}__row`,
         fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`
     ].filter(Boolean).join(' ');
+    const LabelComponent = block?.LabelComponent;
     return /*#__PURE__*/ _jsx("div", {
         id: `${parentPath.split('.').join('-')}-row-${rowIndex}`,
         ref: setNodeRef,
@@ -48,7 +49,10 @@ export const BlockRow = ({ addRow, attributes, block, blocks, duplicateRow, erro
                 attributes,
                 listeners
             } : undefined,
-            header: /*#__PURE__*/ _jsxs("div", {
+            header: LabelComponent ? /*#__PURE__*/ _jsx(LabelComponent, {
+                blockKind: 'block',
+                formData: row
+            }) : /*#__PURE__*/ _jsxs("div", {
                 className: `${baseClass}__block-header`,
                 children: [
                     /*#__PURE__*/ _jsx("span", {

package/dist/fields/Blocks/BlockRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Blocks/BlockRow.tsx"],"sourcesContent":["'use client'\nimport type { FieldPermissions } from 'payload/auth'\nimport type { Labels, Row } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { UseDraggableSortableReturn } from '../../elements/DraggableSortable/useDraggableSortable/types.js'\nimport type { ReducedBlock } from '../../providers/ComponentMap/buildComponentMap/types.js'\n\nimport { Collapsible } from '../../elements/Collapsible/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { Pill } from '../../elements/Pill/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { RowActions } from './RowActions.js'\nimport { SectionTitle } from './SectionTitle/index.js'\n\nconst baseClass = 'blocks-field'\n\ntype BlockFieldProps = UseDraggableSortableReturn & {\n  addRow: (rowIndex: number, blockType: string) => void\n  block: ReducedBlock\n  blocks: ReducedBlock[]\n  duplicateRow: (rowIndex: number) => void\n  errorCount: number\n  forceRender?: boolean\n  hasMaxRows?: boolean\n  indexPath: string\n  isSortable?: boolean\n  labels: Labels\n  moveRow: (fromIndex: number, toIndex: number) => void\n  path: string\n  permissions: FieldPermissions\n  readOnly: boolean\n  removeRow: (rowIndex: number) => void\n  row: Row\n  rowCount: number\n  rowIndex: number\n  schemaPath: string\n  setCollapse: (id: string, collapsed: boolean) => void\n}\n\nexport const BlockRow: React.FC<BlockFieldProps> = ({\n  addRow,\n  attributes,\n  block,\n  blocks,\n  duplicateRow,\n  errorCount,\n  forceRender,\n  hasMaxRows,\n  isSortable,\n  labels,\n  listeners,\n  moveRow,\n  path: parentPath,\n  permissions,\n  readOnly,\n  removeRow,\n  row,\n  rowCount,\n  rowIndex,\n  schemaPath,\n  setCollapse,\n  setNodeRef,\n  transform,\n}) => {\n  const path = `${parentPath}.${rowIndex}`\n  const { i18n } = useTranslation()\n  const hasSubmitted = useFormSubmitted()\n\n  const fieldHasErrors = hasSubmitted && errorCount > 0\n\n  const classNames = [\n    `${baseClass}__row`,\n    fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div\n      id={`${parentPath.split('.').join('-')}-row-${rowIndex}`}\n      key={`${parentPath}-row-${rowIndex}`}\n      ref={setNodeRef}\n      style={{\n        transform,\n      }}\n    >\n      <Collapsible\n        actions={\n          !readOnly ? (\n            <RowActions\n              addRow={addRow}\n              blockType={row.blockType}\n              blocks={blocks}\n              duplicateRow={duplicateRow}\n              fieldMap={block.fieldMap}\n              hasMaxRows={hasMaxRows}\n              isSortable={isSortable}\n              labels={labels}\n              moveRow={moveRow}\n              removeRow={removeRow}\n              rowCount={rowCount}\n              rowIndex={rowIndex}\n            />\n          ) : undefined\n        }\n        className={classNames}\n        collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n        dragHandleProps={\n          isSortable\n            ? {\n                id: row.id,\n                attributes,\n                listeners,\n              }\n            : undefined\n        }\n        header={\n          <div className={`${baseClass}__block-header`}>\n            <span className={`${baseClass}__block-number`}>\n              {String(rowIndex + 1).padStart(2, '0')}\n            </span>\n            <Pill\n              className={`${baseClass}__block-pill ${baseClass}__block-pill-${row.blockType}`}\n              pillStyle=\"white\"\n            >\n              {getTranslation(block.labels.singular, i18n)}\n            </Pill>\n            <SectionTitle path={`${path}.blockName`} readOnly={readOnly} />\n            {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n          </div>\n        }\n        isCollapsed={row.collapsed}\n        key={row.id}\n        onToggle={(collapsed) => setCollapse(row.id, collapsed)}\n      >\n        <RenderFields\n          className={`${baseClass}__fields`}\n          fieldMap={block.fieldMap}\n          forceRender={forceRender}\n          margins=\"small\"\n          path={path}\n          permissions={permissions?.blocks?.[block.slug]?.fields}\n          readOnly={readOnly}\n          schemaPath={`${schemaPath}.${block.slug}`}\n        />\n      </Collapsible>\n    </div>\n  )\n}\n"],"names":["getTranslation","React","Collapsible","ErrorPill","Pill","useFormSubmitted","RenderFields","useTranslation","RowActions","SectionTitle","baseClass","BlockRow","addRow","attributes","block","blocks","duplicateRow","errorCount","forceRender","hasMaxRows","isSortable","labels","listeners","moveRow","path","parentPath","permissions","readOnly","removeRow","row","rowCount","rowIndex","schemaPath","setCollapse","setNodeRef","transform","i18n","hasSubmitted","fieldHasErrors","classNames","filter","Boolean","join","div","id","split","ref","style","actions","blockType","fieldMap","undefined","className","collapsibleStyle","dragHandleProps","header","span","String","padStart","pillStyle","singular","count","withMessage","isCollapsed","collapsed","onToggle","margins","slug","fields"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../src/fields/Blocks/BlockRow.tsx"],"sourcesContent":["'use client'\nimport type { FieldPermissions, Labels, ReducedBlock, Row } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { UseDraggableSortableReturn } from '../../elements/DraggableSortable/useDraggableSortable/types.js'\n\nimport { Collapsible } from '../../elements/Collapsible/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { Pill } from '../../elements/Pill/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { RowActions } from './RowActions.js'\nimport { SectionTitle } from './SectionTitle/index.js'\n\nconst baseClass = 'blocks-field'\n\ntype BlockFieldProps = {\n  addRow: (rowIndex: number, blockType: string) => Promise<void> | void\n  block: ReducedBlock\n  blocks: ReducedBlock[]\n  duplicateRow: (rowIndex: number) => void\n  errorCount: number\n  forceRender?: boolean\n  hasMaxRows?: boolean\n  indexPath: string\n  isSortable?: boolean\n  labels: Labels\n  moveRow: (fromIndex: number, toIndex: number) => void\n  path: string\n  permissions: FieldPermissions\n  readOnly: boolean\n  removeRow: (rowIndex: number) => void\n  row: Row\n  rowCount: number\n  rowIndex: number\n  schemaPath: string\n  setCollapse: (id: string, collapsed: boolean) => void\n} & UseDraggableSortableReturn\n\nexport const BlockRow: React.FC<BlockFieldProps> = ({\n  addRow,\n  attributes,\n  block,\n  blocks,\n  duplicateRow,\n  errorCount,\n  forceRender,\n  hasMaxRows,\n  isSortable,\n  labels,\n  listeners,\n  moveRow,\n  path: parentPath,\n  permissions,\n  readOnly,\n  removeRow,\n  row,\n  rowCount,\n  rowIndex,\n  schemaPath,\n  setCollapse,\n  setNodeRef,\n  transform,\n}) => {\n  const path = `${parentPath}.${rowIndex}`\n  const { i18n } = useTranslation()\n  const hasSubmitted = useFormSubmitted()\n\n  const fieldHasErrors = hasSubmitted && errorCount > 0\n\n  const classNames = [\n    `${baseClass}__row`,\n    fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const LabelComponent = block?.LabelComponent\n\n  return (\n    <div\n      id={`${parentPath.split('.').join('-')}-row-${rowIndex}`}\n      key={`${parentPath}-row-${rowIndex}`}\n      ref={setNodeRef}\n      style={{\n        transform,\n      }}\n    >\n      <Collapsible\n        actions={\n          !readOnly ? (\n            <RowActions\n              addRow={addRow}\n              blockType={row.blockType}\n              blocks={blocks}\n              duplicateRow={duplicateRow}\n              fieldMap={block.fieldMap}\n              hasMaxRows={hasMaxRows}\n              isSortable={isSortable}\n              labels={labels}\n              moveRow={moveRow}\n              removeRow={removeRow}\n              rowCount={rowCount}\n              rowIndex={rowIndex}\n            />\n          ) : undefined\n        }\n        className={classNames}\n        collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n        dragHandleProps={\n          isSortable\n            ? {\n                id: row.id,\n                attributes,\n                listeners,\n              }\n            : undefined\n        }\n        header={\n          LabelComponent ? (\n            <LabelComponent blockKind={'block'} formData={row} />\n          ) : (\n            <div className={`${baseClass}__block-header`}>\n              <span className={`${baseClass}__block-number`}>\n                {String(rowIndex + 1).padStart(2, '0')}\n              </span>\n              <Pill\n                className={`${baseClass}__block-pill ${baseClass}__block-pill-${row.blockType}`}\n                pillStyle=\"white\"\n              >\n                {getTranslation(block.labels.singular, i18n)}\n              </Pill>\n              <SectionTitle path={`${path}.blockName`} readOnly={readOnly} />\n              {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n            </div>\n          )\n        }\n        isCollapsed={row.collapsed}\n        key={row.id}\n        onToggle={(collapsed) => setCollapse(row.id, collapsed)}\n      >\n        <RenderFields\n          className={`${baseClass}__fields`}\n          fieldMap={block.fieldMap}\n          forceRender={forceRender}\n          margins=\"small\"\n          path={path}\n          permissions={permissions?.blocks?.[block.slug]?.fields}\n          readOnly={readOnly}\n          schemaPath={`${schemaPath}.${block.slug}`}\n        />\n      </Collapsible>\n    </div>\n  )\n}\n"],"names":["getTranslation","React","Collapsible","ErrorPill","Pill","useFormSubmitted","RenderFields","useTranslation","RowActions","SectionTitle","baseClass","BlockRow","addRow","attributes","block","blocks","duplicateRow","errorCount","forceRender","hasMaxRows","isSortable","labels","listeners","moveRow","path","parentPath","permissions","readOnly","removeRow","row","rowCount","rowIndex","schemaPath","setCollapse","setNodeRef","transform","i18n","hasSubmitted","fieldHasErrors","classNames","filter","Boolean","join","LabelComponent","div","id","split","ref","style","actions","blockType","fieldMap","undefined","className","collapsibleStyle","dragHandleProps","header","blockKind","formData","span","String","padStart","pillStyle","singular","count","withMessage","isCollapsed","collapsed","onToggle","margins","slug","fields"],"mappings":"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"}

package/dist/fields/Blocks/BlocksDrawer/BlockSearch/index.js

@@ -1,8 +1,9 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { Search } from '../../../../graphics/Search/index.js';
+import { SearchIcon } from '../../../../icons/Search/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
+import './index.scss';
 const baseClass = 'block-search';
 export const BlockSearch = (props)=>{
     const { setSearchTerm } = props;
@@ -18,7 +19,7 @@ export const BlockSearch = (props)=>{
                 onChange: handleChange,
                 placeholder: t('fields:searchForBlock')
             }),
-            /*#__PURE__*/ _jsx(Search, {})
+            /*#__PURE__*/ _jsx(SearchIcon, {})
         ]
     });
 };

package/dist/fields/Blocks/BlocksDrawer/BlockSearch/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/fields/Blocks/BlocksDrawer/BlockSearch/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { Search } from '../../../../graphics/Search/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'block-search'\n\nexport const BlockSearch: React.FC<{ setSearchTerm: (term: string) => void }> = (props) => {\n  const { setSearchTerm } = props\n  const { t } = useTranslation()\n\n  const handleChange = (e) => {\n    setSearchTerm(e.target.value)\n  }\n\n  return (\n    <div className={baseClass}>\n      <input\n        className={`${baseClass}__input`}\n        onChange={handleChange}\n        placeholder={t('fields:searchForBlock')}\n      />\n      <Search />\n    </div>\n  )\n}\n"],"names":["React","Search","useTranslation","baseClass","BlockSearch","props","setSearchTerm","t","handleChange","e","target","value","div","className","input","onChange","placeholder"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,uCAAsC;AAC7D,SAASC,cAAc,QAAQ,6CAA4C;AAG3E,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAmE,CAACC;IAC/E,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAC1B,MAAM,EAAEE,CAAC,EAAE,GAAGL;IAEd,MAAMM,eAAe,CAACC;QACpBH,cAAcG,EAAEC,MAAM,CAACC,KAAK;IAC9B;IAEA,qBACE,MAACC;QAAIC,WAAWV;;0BACd,KAACW;gBACCD,WAAW,CAAC,EAAEV,UAAU,OAAO,CAAC;gBAChCY,UAAUP;gBACVQ,aAAaT,EAAE;;0BAEjB,KAACN;;;AAGP,EAAC"}
+{"version":3,"sources":["../../../../../src/fields/Blocks/BlocksDrawer/BlockSearch/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { SearchIcon } from '../../../../icons/Search/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'block-search'\n\nexport const BlockSearch: React.FC<{ setSearchTerm: (term: string) => void }> = (props) => {\n  const { setSearchTerm } = props\n  const { t } = useTranslation()\n\n  const handleChange = (e) => {\n    setSearchTerm(e.target.value)\n  }\n\n  return (\n    <div className={baseClass}>\n      <input\n        className={`${baseClass}__input`}\n        onChange={handleChange}\n        placeholder={t('fields:searchForBlock')}\n      />\n      <SearchIcon />\n    </div>\n  )\n}\n"],"names":["React","SearchIcon","useTranslation","baseClass","BlockSearch","props","setSearchTerm","t","handleChange","e","target","value","div","className","input","onChange","placeholder"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,oCAAmC;AAC9D,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAmE,CAACC;IAC/E,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAC1B,MAAM,EAAEE,CAAC,EAAE,GAAGL;IAEd,MAAMM,eAAe,CAACC;QACpBH,cAAcG,EAAEC,MAAM,CAACC,KAAK;IAC9B;IAEA,qBACE,MAACC;QAAIC,WAAWV;;0BACd,KAACW;gBACCD,WAAW,CAAC,EAAEV,UAAU,OAAO,CAAC;gBAChCY,UAAUP;gBACVQ,aAAaT,EAAE;;0BAEjB,KAACN;;;AAGP,EAAC"}