@payloadcms/ui 3.0.0-alpha.60 → 3.0.0-alpha.61

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/fields/Blocks/BlocksDrawer/index.tsx"],"sourcesContent":["'use client'\nimport type { I18n } from '@payloadcms/translations'\nimport type { Labels } from 'payload/types'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useState } from 'react'\n\nimport type { ReducedBlock } from '../../../providers/ComponentMap/buildComponentMap/types.js'\n\nimport { Drawer } from '../../../elements/Drawer/index.js'\nimport { ThumbnailCard } from '../../../elements/ThumbnailCard/index.js'\nimport { DefaultBlockImage } from '../../../graphics/DefaultBlockImage/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { BlockSearch } from './BlockSearch/index.js'\nimport './index.scss'\n\nexport type Props = {\n  addRow: (index: number, blockType?: string) => void\n  addRowIndex: number\n  blocks: ReducedBlock[]\n  drawerSlug: string\n  labels: Labels\n}\n\nconst baseClass = 'blocks-drawer'\n\nconst getBlockLabel = (block: ReducedBlock, i18n: I18n) => {\n  if (typeof block.labels.singular === 'string') return block.labels.singular.toLowerCase()\n  if (typeof block.labels.singular === 'object') {\n    return getTranslation(block.labels.singular, i18n).toLowerCase()\n  }\n  return ''\n}\n\nexport const BlocksDrawer: React.FC<Props> = (props) => {\n  const { addRow, addRowIndex, blocks, drawerSlug, labels } = props\n  const { useModal } = facelessUIImport\n\n  const [searchTerm, setSearchTerm] = useState('')\n  const [filteredBlocks, setFilteredBlocks] = useState(blocks)\n  const { closeModal, isModalOpen } = useModal()\n  const { i18n, t } = useTranslation()\n\n  useEffect(() => {\n    if (!isModalOpen) {\n      setSearchTerm('')\n    }\n  }, [isModalOpen])\n\n  useEffect(() => {\n    const searchTermToUse = searchTerm.toLowerCase()\n\n    const matchingBlocks = blocks?.reduce((matchedBlocks, block) => {\n      const blockLabel = getBlockLabel(block, i18n)\n      if (blockLabel.includes(searchTermToUse)) matchedBlocks.push(block)\n      return matchedBlocks\n    }, [])\n\n    setFilteredBlocks(matchingBlocks)\n  }, [searchTerm, blocks, i18n])\n\n  return (\n    <Drawer\n      slug={drawerSlug}\n      title={t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n    >\n      <BlockSearch setSearchTerm={setSearchTerm} />\n      <div className={`${baseClass}__blocks-wrapper`}>\n        <ul className={`${baseClass}__blocks`}>\n          {filteredBlocks?.map((block, index) => {\n            const { slug, imageAltText, imageURL, labels: blockLabels } = block\n\n            return (\n              <li className={`${baseClass}__block`} key={index}>\n                <ThumbnailCard\n                  alignLabel=\"center\"\n                  label={getTranslation(blockLabels?.singular, i18n)}\n                  onClick={() => {\n                    addRow(addRowIndex, slug)\n                    closeModal(drawerSlug)\n                  }}\n                  thumbnail={\n                    imageURL ? (\n                      <img alt={imageAltText} src={imageURL} />\n                    ) : (\n                      <div className={`${baseClass}__default-image`}>\n                        <DefaultBlockImage />\n                      </div>\n                    )\n                  }\n                />\n              </li>\n            )\n          })}\n        </ul>\n      </div>\n    </Drawer>\n  )\n}\n"],"names":["facelessUIImport","getTranslation","React","useEffect","useState","Drawer","ThumbnailCard","DefaultBlockImage","useTranslation","BlockSearch","baseClass","getBlockLabel","block","i18n","labels","singular","toLowerCase","BlocksDrawer","props","addRow","addRowIndex","blocks","drawerSlug","useModal","searchTerm","setSearchTerm","filteredBlocks","setFilteredBlocks","closeModal","isModalOpen","t","searchTermToUse","matchingBlocks","reduce","matchedBlocks","blockLabel","includes","push","slug","title","label","div","className","ul","map","index","imageAltText","imageURL","blockLabels","li","key","alignLabel","onClick","thumbnail","img","alt","src"],"mappings":"AAAA;AAIA,YAAYA,sBAAsB,qBAAoB;AACtD,SAASC,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAIlD,SAASC,MAAM,QAAQ,oCAAmC;AAC1D,SAASC,aAAa,QAAQ,2CAA0C;AACxE,SAASC,iBAAiB,QAAQ,+CAA8C;AAChF,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,WAAW,QAAQ,yBAAwB;AAWpD,MAAMC,YAAY;AAElB,MAAMC,gBAAgB,CAACC,OAAqBC;IAC1C,IAAI,OAAOD,MAAME,MAAM,CAACC,QAAQ,KAAK,UAAU,OAAOH,MAAME,MAAM,CAACC,QAAQ,CAACC,WAAW;IACvF,IAAI,OAAOJ,MAAME,MAAM,CAACC,QAAQ,KAAK,UAAU;QAC7C,OAAOd,eAAeW,MAAME,MAAM,CAACC,QAAQ,EAAEF,MAAMG,WAAW;IAChE;IACA,OAAO;AACT;AAEA,OAAO,MAAMC,eAAgC,CAACC;IAC5C,MAAM,EAAEC,MAAM,EAAEC,WAAW,EAAEC,MAAM,EAAEC,UAAU,EAAER,MAAM,EAAE,GAAGI;IAC5D,MAAM,EAAEK,QAAQ,EAAE,GAAGvB;IAErB,MAAM,CAACwB,YAAYC,cAAc,GAAGrB,SAAS;IAC7C,MAAM,CAACsB,gBAAgBC,kBAAkB,GAAGvB,SAASiB;IACrD,MAAM,EAAEO,UAAU,EAAEC,WAAW,EAAE,GAAGN;IACpC,MAAM,EAAEV,IAAI,EAAEiB,CAAC,EAAE,GAAGtB;IAEpBL,UAAU;QACR,IAAI,CAAC0B,aAAa;YAChBJ,cAAc;QAChB;IACF,GAAG;QAACI;KAAY;IAEhB1B,UAAU;QACR,MAAM4B,kBAAkBP,WAAWR,WAAW;QAE9C,MAAMgB,iBAAiBX,QAAQY,OAAO,CAACC,eAAetB;YACpD,MAAMuB,aAAaxB,cAAcC,OAAOC;YACxC,IAAIsB,WAAWC,QAAQ,CAACL,kBAAkBG,cAAcG,IAAI,CAACzB;YAC7D,OAAOsB;QACT,GAAG,EAAE;QAELP,kBAAkBK;IACpB,GAAG;QAACR;QAAYH;QAAQR;KAAK;IAE7B,qBACE,oBAACR;QACCiC,MAAMhB;QACNiB,OAAOT,EAAE,mBAAmB;YAAEU,OAAOvC,eAAea,OAAOC,QAAQ,EAAEF;QAAM;qBAE3E,oBAACJ;QAAYgB,eAAeA;sBAC5B,oBAACgB;QAAIC,WAAW,CAAC,EAAEhC,UAAU,gBAAgB,CAAC;qBAC5C,oBAACiC;QAAGD,WAAW,CAAC,EAAEhC,UAAU,QAAQ,CAAC;OAClCgB,gBAAgBkB,IAAI,CAAChC,OAAOiC;QAC3B,MAAM,EAAEP,IAAI,EAAEQ,YAAY,EAAEC,QAAQ,EAAEjC,QAAQkC,WAAW,EAAE,GAAGpC;QAE9D,qBACE,oBAACqC;YAAGP,WAAW,CAAC,EAAEhC,UAAU,OAAO,CAAC;YAAEwC,KAAKL;yBACzC,oBAACvC;YACC6C,YAAW;YACXX,OAAOvC,eAAe+C,aAAajC,UAAUF;YAC7CuC,SAAS;gBACPjC,OAAOC,aAAakB;gBACpBV,WAAWN;YACb;YACA+B,WACEN,yBACE,oBAACO;gBAAIC,KAAKT;gBAAcU,KAAKT;+BAE7B,oBAACN;gBAAIC,WAAW,CAAC,EAAEhC,UAAU,eAAe,CAAC;6BAC3C,oBAACH;;IAOf;AAKV,EAAC"}
+{"version":3,"sources":["../../../../src/fields/Blocks/BlocksDrawer/index.tsx"],"sourcesContent":["'use client'\nimport type { I18n } from '@payloadcms/translations'\nimport type { Labels } from 'payload/types'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useState } from 'react'\n\nimport type { ReducedBlock } from '../../../providers/ComponentMap/buildComponentMap/types.js'\n\nimport { Drawer } from '../../../elements/Drawer/index.js'\nimport { ThumbnailCard } from '../../../elements/ThumbnailCard/index.js'\nimport { DefaultBlockImage } from '../../../graphics/DefaultBlockImage/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { BlockSearch } from './BlockSearch/index.js'\nimport './index.scss'\n\nexport type Props = {\n  addRow: (index: number, blockType?: string) => void\n  addRowIndex: number\n  blocks: ReducedBlock[]\n  drawerSlug: string\n  labels: Labels\n}\n\nconst baseClass = 'blocks-drawer'\n\nconst getBlockLabel = (block: ReducedBlock, i18n: I18n) => {\n  if (typeof block.labels.singular === 'string') return block.labels.singular.toLowerCase()\n  if (typeof block.labels.singular === 'object') {\n    return getTranslation(block.labels.singular, i18n).toLowerCase()\n  }\n  return ''\n}\n\nexport const BlocksDrawer: React.FC<Props> = (props) => {\n  const { addRow, addRowIndex, blocks, drawerSlug, labels } = props\n  const { useModal } = facelessUIImport\n\n  const [searchTerm, setSearchTerm] = useState('')\n  const [filteredBlocks, setFilteredBlocks] = useState(blocks)\n  const { closeModal, isModalOpen } = useModal()\n  const { i18n, t } = useTranslation()\n\n  useEffect(() => {\n    if (!isModalOpen) {\n      setSearchTerm('')\n    }\n  }, [isModalOpen])\n\n  useEffect(() => {\n    const searchTermToUse = searchTerm.toLowerCase()\n\n    const matchingBlocks = blocks?.reduce((matchedBlocks, block) => {\n      const blockLabel = getBlockLabel(block, i18n)\n      if (blockLabel.includes(searchTermToUse)) matchedBlocks.push(block)\n      return matchedBlocks\n    }, [])\n\n    setFilteredBlocks(matchingBlocks)\n  }, [searchTerm, blocks, i18n])\n\n  return (\n    <Drawer\n      slug={drawerSlug}\n      title={t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n    >\n      <BlockSearch setSearchTerm={setSearchTerm} />\n      <div className={`${baseClass}__blocks-wrapper`}>\n        <ul className={`${baseClass}__blocks`}>\n          {filteredBlocks?.map((block, index) => {\n            const { slug, imageAltText, imageURL, labels: blockLabels } = block\n\n            return (\n              <li className={`${baseClass}__block`} key={index}>\n                <ThumbnailCard\n                  alignLabel=\"center\"\n                  label={getTranslation(blockLabels?.singular, i18n)}\n                  onClick={() => {\n                    addRow(addRowIndex, slug)\n                    closeModal(drawerSlug)\n                  }}\n                  thumbnail={\n                    imageURL ? (\n                      <img alt={imageAltText} src={imageURL} />\n                    ) : (\n                      <div className={`${baseClass}__default-image`}>\n                        <DefaultBlockImage />\n                      </div>\n                    )\n                  }\n                />\n              </li>\n            )\n          })}\n        </ul>\n      </div>\n    </Drawer>\n  )\n}\n"],"names":["facelessUIImport","getTranslation","React","useEffect","useState","Drawer","ThumbnailCard","DefaultBlockImage","useTranslation","BlockSearch","baseClass","getBlockLabel","block","i18n","labels","singular","toLowerCase","BlocksDrawer","props","addRow","addRowIndex","blocks","drawerSlug","useModal","searchTerm","setSearchTerm","filteredBlocks","setFilteredBlocks","closeModal","isModalOpen","t","searchTermToUse","matchingBlocks","reduce","matchedBlocks","blockLabel","includes","push","slug","title","label","div","className","ul","map","index","imageAltText","imageURL","blockLabels","li","key","alignLabel","onClick","thumbnail","img","alt","src"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAIA,YAAYA,sBAAsB,qBAAoB;AACtD,SAASC,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAIlD,SAASC,MAAM,QAAQ,oCAAmC;AAC1D,SAASC,aAAa,QAAQ,2CAA0C;AACxE,SAASC,iBAAiB,QAAQ,+CAA8C;AAChF,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,WAAW,QAAQ,yBAAwB;AAWpD,MAAMC,YAAY;AAElB,MAAMC,gBAAgB,CAACC,OAAqBC;IAC1C,IAAI,OAAOD,MAAME,MAAM,CAACC,QAAQ,KAAK,UAAU,OAAOH,MAAME,MAAM,CAACC,QAAQ,CAACC,WAAW;IACvF,IAAI,OAAOJ,MAAME,MAAM,CAACC,QAAQ,KAAK,UAAU;QAC7C,OAAOd,eAAeW,MAAME,MAAM,CAACC,QAAQ,EAAEF,MAAMG,WAAW;IAChE;IACA,OAAO;AACT;AAEA,OAAO,MAAMC,eAAgC,CAACC;IAC5C,MAAM,EAAEC,MAAM,EAAEC,WAAW,EAAEC,MAAM,EAAEC,UAAU,EAAER,MAAM,EAAE,GAAGI;IAC5D,MAAM,EAAEK,QAAQ,EAAE,GAAGvB;IAErB,MAAM,CAACwB,YAAYC,cAAc,GAAGrB,SAAS;IAC7C,MAAM,CAACsB,gBAAgBC,kBAAkB,GAAGvB,SAASiB;IACrD,MAAM,EAAEO,UAAU,EAAEC,WAAW,EAAE,GAAGN;IACpC,MAAM,EAAEV,IAAI,EAAEiB,CAAC,EAAE,GAAGtB;IAEpBL,UAAU;QACR,IAAI,CAAC0B,aAAa;YAChBJ,cAAc;QAChB;IACF,GAAG;QAACI;KAAY;IAEhB1B,UAAU;QACR,MAAM4B,kBAAkBP,WAAWR,WAAW;QAE9C,MAAMgB,iBAAiBX,QAAQY,OAAO,CAACC,eAAetB;YACpD,MAAMuB,aAAaxB,cAAcC,OAAOC;YACxC,IAAIsB,WAAWC,QAAQ,CAACL,kBAAkBG,cAAcG,IAAI,CAACzB;YAC7D,OAAOsB;QACT,GAAG,EAAE;QAELP,kBAAkBK;IACpB,GAAG;QAACR;QAAYH;QAAQR;KAAK;IAE7B,qBACE,oBAACR;QACCiC,MAAMhB;QACNiB,OAAOT,EAAE,mBAAmB;YAAEU,OAAOvC,eAAea,OAAOC,QAAQ,EAAEF;QAAM;qBAE3E,oBAACJ;QAAYgB,eAAeA;sBAC5B,oBAACgB;QAAIC,WAAW,CAAC,EAAEhC,UAAU,gBAAgB,CAAC;qBAC5C,oBAACiC;QAAGD,WAAW,CAAC,EAAEhC,UAAU,QAAQ,CAAC;OAClCgB,gBAAgBkB,IAAI,CAAChC,OAAOiC;QAC3B,MAAM,EAAEP,IAAI,EAAEQ,YAAY,EAAEC,QAAQ,EAAEjC,QAAQkC,WAAW,EAAE,GAAGpC;QAE9D,qBACE,oBAACqC;YAAGP,WAAW,CAAC,EAAEhC,UAAU,OAAO,CAAC;YAAEwC,KAAKL;yBACzC,oBAACvC;YACC6C,YAAW;YACXX,OAAOvC,eAAe+C,aAAajC,UAAUF;YAC7CuC,SAAS;gBACPjC,OAAOC,aAAakB;gBACpBV,WAAWN;YACb;YACA+B,WACEN,yBACE,oBAACO;gBAAIC,KAAKT;gBAAcU,KAAKT;+BAE7B,oBAACN;gBAAIC,WAAW,CAAC,EAAEhC,UAAU,eAAe,CAAC;6BAC3C,oBAACH;;IAOf;AAKV,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Blocks/RowActions.tsx"],"sourcesContent":["'use client'\nimport type { Labels } from 'payload/types'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport React from 'react'\n\nimport type {\n  FieldMap,\n  ReducedBlock,\n} from '../../providers/ComponentMap/buildComponentMap/types.js'\n\nimport { ArrayAction } from '../../elements/ArrayAction/index.js'\nimport { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js'\nimport { BlocksDrawer } from './BlocksDrawer/index.js'\n\nexport const RowActions: React.FC<{\n  addRow: (rowIndex: number, blockType: string) => void\n  blockType: string\n  blocks: ReducedBlock[]\n  duplicateRow: (rowIndex: number, blockType: string) => void\n  fieldMap: FieldMap\n  hasMaxRows?: boolean\n  labels: Labels\n  moveRow: (fromIndex: number, toIndex: number) => void\n  removeRow: (rowIndex: number) => void\n  rowCount: number\n  rowIndex: number\n}> = (props) => {\n  const {\n    addRow,\n    blockType,\n    blocks,\n    duplicateRow,\n    hasMaxRows,\n    labels,\n    moveRow,\n    removeRow,\n    rowCount,\n    rowIndex,\n  } = props\n  const { useModal } = facelessUIImport\n\n  const { closeModal, openModal } = useModal()\n  const drawerSlug = useDrawerSlug('blocks-drawer')\n\n  const [indexToAdd, setIndexToAdd] = React.useState<null | number>(null)\n\n  return (\n    <React.Fragment>\n      <BlocksDrawer\n        addRow={(_, rowBlockType) => {\n          if (typeof addRow === 'function') {\n            addRow(indexToAdd, rowBlockType)\n          }\n          closeModal(drawerSlug)\n        }}\n        addRowIndex={rowIndex}\n        blocks={blocks}\n        drawerSlug={drawerSlug}\n        labels={labels}\n      />\n      <ArrayAction\n        addRow={(index) => {\n          setIndexToAdd(index)\n          openModal(drawerSlug)\n        }}\n        duplicateRow={() => duplicateRow(rowIndex, blockType)}\n        hasMaxRows={hasMaxRows}\n        index={rowIndex}\n        moveRow={moveRow}\n        removeRow={removeRow}\n        rowCount={rowCount}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["facelessUIImport","React","ArrayAction","useDrawerSlug","BlocksDrawer","RowActions","props","addRow","blockType","blocks","duplicateRow","hasMaxRows","labels","moveRow","removeRow","rowCount","rowIndex","useModal","closeModal","openModal","drawerSlug","indexToAdd","setIndexToAdd","useState","Fragment","_","rowBlockType","addRowIndex","index"],"mappings":"AAAA;AAGA,YAAYA,sBAAsB,qBAAoB;AACtD,OAAOC,WAAW,QAAO;AAOzB,SAASC,WAAW,QAAQ,sCAAqC;AACjE,SAASC,aAAa,QAAQ,yCAAwC;AACtE,SAASC,YAAY,QAAQ,0BAAyB;AAEtD,OAAO,MAAMC,aAYR,CAACC;IACJ,MAAM,EACJC,MAAM,EACNC,SAAS,EACTC,MAAM,EACNC,YAAY,EACZC,UAAU,EACVC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACT,GAAGV;IACJ,MAAM,EAAEW,QAAQ,EAAE,GAAGjB;IAErB,MAAM,EAAEkB,UAAU,EAAEC,SAAS,EAAE,GAAGF;IAClC,MAAMG,aAAajB,cAAc;IAEjC,MAAM,CAACkB,YAAYC,cAAc,GAAGrB,MAAMsB,QAAQ,CAAgB;IAElE,qBACE,oBAACtB,MAAMuB,QAAQ,sBACb,oBAACpB;QACCG,QAAQ,CAACkB,GAAGC;YACV,IAAI,OAAOnB,WAAW,YAAY;gBAChCA,OAAOc,YAAYK;YACrB;YACAR,WAAWE;QACb;QACAO,aAAaX;QACbP,QAAQA;QACRW,YAAYA;QACZR,QAAQA;sBAEV,oBAACV;QACCK,QAAQ,CAACqB;YACPN,cAAcM;YACdT,UAAUC;QACZ;QACAV,cAAc,IAAMA,aAAaM,UAAUR;QAC3CG,YAAYA;QACZiB,OAAOZ;QACPH,SAASA;QACTC,WAAWA;QACXC,UAAUA;;AAIlB,EAAC"}
+{"version":3,"sources":["../../../src/fields/Blocks/RowActions.tsx"],"sourcesContent":["'use client'\nimport type { Labels } from 'payload/types'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport React from 'react'\n\nimport type {\n  FieldMap,\n  ReducedBlock,\n} from '../../providers/ComponentMap/buildComponentMap/types.js'\n\nimport { ArrayAction } from '../../elements/ArrayAction/index.js'\nimport { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js'\nimport { BlocksDrawer } from './BlocksDrawer/index.js'\n\nexport const RowActions: React.FC<{\n  addRow: (rowIndex: number, blockType: string) => void\n  blockType: string\n  blocks: ReducedBlock[]\n  duplicateRow: (rowIndex: number, blockType: string) => void\n  fieldMap: FieldMap\n  hasMaxRows?: boolean\n  labels: Labels\n  moveRow: (fromIndex: number, toIndex: number) => void\n  removeRow: (rowIndex: number) => void\n  rowCount: number\n  rowIndex: number\n}> = (props) => {\n  const {\n    addRow,\n    blockType,\n    blocks,\n    duplicateRow,\n    hasMaxRows,\n    labels,\n    moveRow,\n    removeRow,\n    rowCount,\n    rowIndex,\n  } = props\n  const { useModal } = facelessUIImport\n\n  const { closeModal, openModal } = useModal()\n  const drawerSlug = useDrawerSlug('blocks-drawer')\n\n  const [indexToAdd, setIndexToAdd] = React.useState<null | number>(null)\n\n  return (\n    <React.Fragment>\n      <BlocksDrawer\n        addRow={(_, rowBlockType) => {\n          if (typeof addRow === 'function') {\n            addRow(indexToAdd, rowBlockType)\n          }\n          closeModal(drawerSlug)\n        }}\n        addRowIndex={rowIndex}\n        blocks={blocks}\n        drawerSlug={drawerSlug}\n        labels={labels}\n      />\n      <ArrayAction\n        addRow={(index) => {\n          setIndexToAdd(index)\n          openModal(drawerSlug)\n        }}\n        duplicateRow={() => duplicateRow(rowIndex, blockType)}\n        hasMaxRows={hasMaxRows}\n        index={rowIndex}\n        moveRow={moveRow}\n        removeRow={removeRow}\n        rowCount={rowCount}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["facelessUIImport","React","ArrayAction","useDrawerSlug","BlocksDrawer","RowActions","props","addRow","blockType","blocks","duplicateRow","hasMaxRows","labels","moveRow","removeRow","rowCount","rowIndex","useModal","closeModal","openModal","drawerSlug","indexToAdd","setIndexToAdd","useState","Fragment","_","rowBlockType","addRowIndex","index"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,YAAYA,sBAAsB,qBAAoB;AACtD,OAAOC,WAAW,QAAO;AAOzB,SAASC,WAAW,QAAQ,sCAAqC;AACjE,SAASC,aAAa,QAAQ,yCAAwC;AACtE,SAASC,YAAY,QAAQ,0BAAyB;AAEtD,OAAO,MAAMC,aAYR,CAACC;IACJ,MAAM,EACJC,MAAM,EACNC,SAAS,EACTC,MAAM,EACNC,YAAY,EACZC,UAAU,EACVC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACT,GAAGV;IACJ,MAAM,EAAEW,QAAQ,EAAE,GAAGjB;IAErB,MAAM,EAAEkB,UAAU,EAAEC,SAAS,EAAE,GAAGF;IAClC,MAAMG,aAAajB,cAAc;IAEjC,MAAM,CAACkB,YAAYC,cAAc,GAAGrB,MAAMsB,QAAQ,CAAgB;IAElE,qBACE,oBAACtB,MAAMuB,QAAQ,sBACb,oBAACpB;QACCG,QAAQ,CAACkB,GAAGC;YACV,IAAI,OAAOnB,WAAW,YAAY;gBAChCA,OAAOc,YAAYK;YACrB;YACAR,WAAWE;QACb;QACAO,aAAaX;QACbP,QAAQA;QACRW,YAAYA;QACZR,QAAQA;sBAEV,oBAACV;QACCK,QAAQ,CAACqB;YACPN,cAAcM;YACdT,UAAUC;QACZ;QACAV,cAAc,IAAMA,aAAaM,UAAUR;QAC3CG,YAAYA;QACZiB,OAAOZ;QACPH,SAASA;QACTC,WAAWA;QACXC,UAAUA;;AAIlB,EAAC"}

package/dist/fields/Blocks/SectionTitle/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/fields/Blocks/SectionTitle/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { useField } from '../../../forms/useField/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'section-title'\n\nexport type Props = {\n  customOnChange?: (e: React.ChangeEvent<HTMLInputElement>) => void\n  customValue?: string\n  path: string\n  readOnly: boolean\n}\n\n/**\n * An input field representing the block's `blockName` property - responsible for reading and saving the `blockName`\n * property from/into the provided path.\n */\nexport const SectionTitle: React.FC<Props> = (props) => {\n  const { customOnChange, customValue, path, readOnly } = props\n\n  const { setValue, value } = useField({ path })\n  const { t } = useTranslation()\n\n  const classes = [baseClass].filter(Boolean).join(' ')\n\n  const onChange =\n    customOnChange ||\n    ((e) => {\n      e.stopPropagation()\n      e.preventDefault()\n      setValue(e.target.value)\n    })\n\n  return (\n    <div className={classes} data-value={customValue || value}>\n      <input\n        className={`${baseClass}__input`}\n        id={path}\n        name={path}\n        onChange={onChange}\n        placeholder={t('general:untitled')}\n        readOnly={readOnly}\n        type=\"text\"\n        value={customValue || (value as string) || ''}\n      />\n    </div>\n  )\n}\n"],"names":["React","useField","useTranslation","baseClass","SectionTitle","props","customOnChange","customValue","path","readOnly","setValue","value","t","classes","filter","Boolean","join","onChange","e","stopPropagation","preventDefault","target","div","className","data-value","input","id","name","placeholder","type"],"mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,SAASC,QAAQ,QAAQ,mCAAkC;AAC3D,SAASC,cAAc,QAAQ,0CAAyC;AAGxE,MAAMC,YAAY;AASlB;;;CAGC,GACD,OAAO,MAAMC,eAAgC,CAACC;IAC5C,MAAM,EAAEC,cAAc,EAAEC,WAAW,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGJ;IAExD,MAAM,EAAEK,QAAQ,EAAEC,KAAK,EAAE,GAAGV,SAAS;QAAEO;IAAK;IAC5C,MAAM,EAAEI,CAAC,EAAE,GAAGV;IAEd,MAAMW,UAAU;QAACV;KAAU,CAACW,MAAM,CAACC,SAASC,IAAI,CAAC;IAEjD,MAAMC,WACJX,kBACC,CAAA,CAACY;QACAA,EAAEC,eAAe;QACjBD,EAAEE,cAAc;QAChBV,SAASQ,EAAEG,MAAM,CAACV,KAAK;IACzB,CAAA;IAEF,qBACE,oBAACW;QAAIC,WAAWV;QAASW,cAAYjB,eAAeI;qBAClD,oBAACc;QACCF,WAAW,CAAC,EAAEpB,UAAU,OAAO,CAAC;QAChCuB,IAAIlB;QACJmB,MAAMnB;QACNS,UAAUA;QACVW,aAAahB,EAAE;QACfH,UAAUA;QACVoB,MAAK;QACLlB,OAAOJ,eAAgBI,SAAoB;;AAInD,EAAC"}
+{"version":3,"sources":["../../../../src/fields/Blocks/SectionTitle/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { useField } from '../../../forms/useField/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'section-title'\n\nexport type Props = {\n  customOnChange?: (e: React.ChangeEvent<HTMLInputElement>) => void\n  customValue?: string\n  path: string\n  readOnly: boolean\n}\n\n/**\n * An input field representing the block's `blockName` property - responsible for reading and saving the `blockName`\n * property from/into the provided path.\n */\nexport const SectionTitle: React.FC<Props> = (props) => {\n  const { customOnChange, customValue, path, readOnly } = props\n\n  const { setValue, value } = useField({ path })\n  const { t } = useTranslation()\n\n  const classes = [baseClass].filter(Boolean).join(' ')\n\n  const onChange =\n    customOnChange ||\n    ((e) => {\n      e.stopPropagation()\n      e.preventDefault()\n      setValue(e.target.value)\n    })\n\n  return (\n    <div className={classes} data-value={customValue || value}>\n      <input\n        className={`${baseClass}__input`}\n        id={path}\n        name={path}\n        onChange={onChange}\n        placeholder={t('general:untitled')}\n        readOnly={readOnly}\n        type=\"text\"\n        value={customValue || (value as string) || ''}\n      />\n    </div>\n  )\n}\n"],"names":["React","useField","useTranslation","baseClass","SectionTitle","props","customOnChange","customValue","path","readOnly","setValue","value","t","classes","filter","Boolean","join","onChange","e","stopPropagation","preventDefault","target","div","className","data-value","input","id","name","placeholder","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,SAASC,QAAQ,QAAQ,mCAAkC;AAC3D,SAASC,cAAc,QAAQ,0CAAyC;AAGxE,MAAMC,YAAY;AASlB;;;CAGC,GACD,OAAO,MAAMC,eAAgC,CAACC;IAC5C,MAAM,EAAEC,cAAc,EAAEC,WAAW,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGJ;IAExD,MAAM,EAAEK,QAAQ,EAAEC,KAAK,EAAE,GAAGV,SAAS;QAAEO;IAAK;IAC5C,MAAM,EAAEI,CAAC,EAAE,GAAGV;IAEd,MAAMW,UAAU;QAACV;KAAU,CAACW,MAAM,CAACC,SAASC,IAAI,CAAC;IAEjD,MAAMC,WACJX,kBACC,CAAA,CAACY;QACAA,EAAEC,eAAe;QACjBD,EAAEE,cAAc;QAChBV,SAASQ,EAAEG,MAAM,CAACV,KAAK;IACzB,CAAA;IAEF,qBACE,oBAACW;QAAIC,WAAWV;QAASW,cAAYjB,eAAeI;qBAClD,oBAACc;QACCF,WAAW,CAAC,EAAEpB,UAAU,OAAO,CAAC;QAChCuB,IAAIlB;QACJmB,MAAMnB;QACNS,UAAUA;QACVW,aAAahB,EAAE;QACfH,UAAUA;QACVoB,MAAK;QACLlB,OAAOJ,eAAgBI,SAAoB;;AAInD,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, 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 { DrawerToggler } from '../../elements/Drawer/index.js'\nimport { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js'\nimport { ErrorPill } from '../../elements/ErrorPill/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 { 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 { BlockRow } from './BlockRow.js'\nimport { BlocksDrawer } from './BlocksDrawer/index.js'\nimport './index.scss'\n\nconst baseClass = 'blocks-field'\n\nimport type { FieldPermissions } from 'payload/auth'\nimport type { BlockField, FieldBase } from 'payload/types'\n\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport { FieldError } from '@payloadcms/ui/forms/FieldError'\nimport { FieldLabel } from '@payloadcms/ui/forms/FieldLabel'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\nimport { withCondition } from '@payloadcms/ui/forms/withCondition'\n\nimport type { ReducedBlock } from '../../providers/ComponentMap/buildComponentMap/types.js'\nimport type { FormFieldBase } from '../shared/index.js'\n\nexport type BlocksFieldProps = FormFieldBase & {\n  blocks?: ReducedBlock[]\n  forceRender?: boolean\n  label?: FieldBase['label']\n  labels?: BlockField['labels']\n  maxRows?: number\n  minRows?: number\n  name?: string\n  permissions: FieldPermissions\n  slug?: string\n  width?: string\n}\n\nconst _BlocksField: React.FC<BlocksFieldProps> = (props) => {\n  const { i18n, t } = useTranslation()\n\n  const {\n    name,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    blocks,\n    className,\n    descriptionProps,\n    errorProps,\n    forceRender = false,\n    label,\n    labelProps,\n    labels: labelsFromProps,\n    localized,\n    maxRows,\n    minRows,\n    path: pathFromProps,\n    readOnly: readOnlyFromProps,\n    required,\n    validate,\n  } = props\n\n  const { indexPath, readOnly: readOnlyFromContext } = useFieldProps()\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n\n  const { setDocFieldPreferences } = useDocumentInfo()\n  const { addFieldRow, dispatchFields, setModified } = useForm()\n  const { code: locale } = useLocale()\n  const { localization } = useConfig()\n  const drawerSlug = useDrawerSlug('blocks-drawer')\n  const submitted = useFormSubmitted()\n\n  const labels = {\n    plural: t('fields:blocks'),\n    singular: t('fields:block'),\n    ...labelsFromProps,\n  }\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  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    path,\n    permissions,\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 addRow = useCallback(\n    async (rowIndex: number, blockType: string) => {\n      await addFieldRow({\n        data: { blockType },\n        path,\n        rowIndex,\n        schemaPath: `${schemaPath}.${blockType}`,\n      })\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 + 1}`)\n      }, 0)\n    },\n    [dispatchFields, path, setModified],\n  )\n\n  const removeRow = useCallback(\n    (rowIndex: number) => {\n      dispatchFields({\n        type: 'REMOVE_ROW',\n        path,\n        rowIndex,\n      })\n\n      setModified(true)\n    },\n    [path, dispatchFields, 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 && fieldErrorCount + (valid ? 0 : 1) > 0\n\n  const showMinRows = rows.length < minRows || (required && rows.length === 0)\n  const showRequired = readOnly && 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 && (\n        <div className={`${baseClass}__error-wrap`}>\n          <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />\n        </div>\n      )}\n      <header className={`${baseClass}__header`}>\n        <div className={`${baseClass}__header-wrap`}>\n          <div className={`${baseClass}__heading-with-error`}>\n            <h3>\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}__rows`}\n          ids={rows.map((row) => row.id)}\n          onDragEnd={({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex)}\n        >\n          {rows.map((row, i) => {\n            const { blockType } = row\n            const blockToRender = blocks.find((block) => block.slug === blockType)\n\n            if (blockToRender) {\n              const rowErrorCount = errorPaths.filter((errorPath) =>\n                errorPath.startsWith(`${path}.${i}`),\n              ).length\n              return (\n                <DraggableSortableItem disabled={readOnly} id={row.id} key={row.id}>\n                  {(draggableSortableItemProps) => (\n                    <BlockRow\n                      {...draggableSortableItemProps}\n                      addRow={addRow}\n                      block={blockToRender}\n                      blocks={blocks}\n                      duplicateRow={duplicateRow}\n                      errorCount={rowErrorCount}\n                      forceRender={forceRender}\n                      hasMaxRows={hasMaxRows}\n                      indexPath={indexPath}\n                      labels={labels}\n                      moveRow={moveRow}\n                      path={path}\n                      permissions={permissions}\n                      readOnly={readOnly}\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\n            return null\n          })}\n          {!editingDefaultLocale && (\n            <React.Fragment>\n              {showMinRows && (\n                <Banner type=\"error\">\n                  {t('validation:requiresAtLeast', {\n                    count: minRows,\n                    label: getTranslation(\n                      minRows === 1 || typeof minRows === 'undefined'\n                        ? labels.singular\n                        : labels.plural,\n                      i18n,\n                    ),\n                  })}\n                </Banner>\n              )}\n              {showRequired && (\n                <Banner>\n                  {t('validation:fieldHasNo', { label: getTranslation(labels.plural, i18n) })}\n                </Banner>\n              )}\n            </React.Fragment>\n          )}\n        </DraggableSortable>\n      )}\n      {!readOnly && !hasMaxRows && (\n        <Fragment>\n          <DrawerToggler className={`${baseClass}__drawer-toggler`} slug={drawerSlug}>\n            <Button\n              buttonStyle=\"icon-label\"\n              el=\"span\"\n              icon=\"plus\"\n              iconPosition=\"left\"\n              iconStyle=\"with-border\"\n            >\n              {t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n            </Button>\n          </DrawerToggler>\n          <BlocksDrawer\n            addRow={addRow}\n            addRowIndex={rows?.length || 0}\n            blocks={blocks}\n            drawerSlug={drawerSlug}\n            labels={labels}\n          />\n        </Fragment>\n      )}\n    </div>\n  )\n}\n\nexport const BlocksField = withCondition(_BlocksField)\n"],"names":["getTranslation","React","Fragment","useCallback","Banner","Button","DraggableSortableItem","DraggableSortable","DrawerToggler","useDrawerSlug","ErrorPill","useForm","useFormSubmitted","NullifyLocaleField","useField","useConfig","useDocumentInfo","useLocale","useTranslation","scrollToID","fieldBaseClass","BlockRow","BlocksDrawer","baseClass","FieldDescription","FieldError","FieldLabel","useFieldProps","withCondition","_BlocksField","props","i18n","t","name","CustomDescription","CustomError","CustomLabel","blocks","className","descriptionProps","errorProps","forceRender","label","labelProps","labels","labelsFromProps","localized","maxRows","minRows","path","pathFromProps","readOnly","readOnlyFromProps","required","validate","indexPath","readOnlyFromContext","setDocFieldPreferences","addFieldRow","dispatchFields","setModified","code","locale","localization","drawerSlug","submitted","plural","singular","editingDefaultLocale","fallback","defaultLocale","memoizedValidate","value","options","pathFromContext","errorPaths","permissions","rows","schemaPath","showError","valid","hasRows","addRow","rowIndex","blockType","data","setTimeout","duplicateRow","type","removeRow","moveRow","moveFromIndex","moveToIndex","toggleCollapseAll","collapsed","setCollapse","rowID","hasMaxRows","length","fieldErrorCount","fieldHasErrors","showMinRows","showRequired","div","filter","Boolean","join","id","replace","header","h3","as","unstyled","count","withMessage","ul","li","button","onClick","fieldValue","ids","map","row","onDragEnd","i","blockToRender","find","block","slug","rowErrorCount","errorPath","startsWith","disabled","key","draggableSortableItemProps","errorCount","rowCount","buttonStyle","el","icon","iconPosition","iconStyle","addRowIndex","BlocksField"],"mappings":"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"}
+{"version":3,"sources":["../../../src/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, 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 { DrawerToggler } from '../../elements/Drawer/index.js'\nimport { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js'\nimport { ErrorPill } from '../../elements/ErrorPill/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 { 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 { BlockRow } from './BlockRow.js'\nimport { BlocksDrawer } from './BlocksDrawer/index.js'\nimport './index.scss'\n\nconst baseClass = 'blocks-field'\n\nimport type { FieldPermissions } from 'payload/auth'\nimport type { BlockField, FieldBase } from 'payload/types'\n\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport { FieldError } from '@payloadcms/ui/forms/FieldError'\nimport { FieldLabel } from '@payloadcms/ui/forms/FieldLabel'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\nimport { withCondition } from '@payloadcms/ui/forms/withCondition'\n\nimport type { ReducedBlock } from '../../providers/ComponentMap/buildComponentMap/types.js'\nimport type { FormFieldBase } from '../shared/index.js'\n\nexport type BlocksFieldProps = FormFieldBase & {\n  blocks?: ReducedBlock[]\n  forceRender?: boolean\n  label?: FieldBase['label']\n  labels?: BlockField['labels']\n  maxRows?: number\n  minRows?: number\n  name?: string\n  permissions: FieldPermissions\n  slug?: string\n  width?: string\n}\n\nconst _BlocksField: React.FC<BlocksFieldProps> = (props) => {\n  const { i18n, t } = useTranslation()\n\n  const {\n    name,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    blocks,\n    className,\n    descriptionProps,\n    errorProps,\n    forceRender = false,\n    label,\n    labelProps,\n    labels: labelsFromProps,\n    localized,\n    maxRows,\n    minRows,\n    path: pathFromProps,\n    readOnly: readOnlyFromProps,\n    required,\n    validate,\n  } = props\n\n  const { indexPath, readOnly: readOnlyFromContext } = useFieldProps()\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n\n  const { setDocFieldPreferences } = useDocumentInfo()\n  const { addFieldRow, dispatchFields, setModified } = useForm()\n  const { code: locale } = useLocale()\n  const { localization } = useConfig()\n  const drawerSlug = useDrawerSlug('blocks-drawer')\n  const submitted = useFormSubmitted()\n\n  const labels = {\n    plural: t('fields:blocks'),\n    singular: t('fields:block'),\n    ...labelsFromProps,\n  }\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  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    path,\n    permissions,\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 addRow = useCallback(\n    async (rowIndex: number, blockType: string) => {\n      await addFieldRow({\n        data: { blockType },\n        path,\n        rowIndex,\n        schemaPath: `${schemaPath}.${blockType}`,\n      })\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 + 1}`)\n      }, 0)\n    },\n    [dispatchFields, path, setModified],\n  )\n\n  const removeRow = useCallback(\n    (rowIndex: number) => {\n      dispatchFields({\n        type: 'REMOVE_ROW',\n        path,\n        rowIndex,\n      })\n\n      setModified(true)\n    },\n    [path, dispatchFields, 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 && fieldErrorCount + (valid ? 0 : 1) > 0\n\n  const showMinRows = rows.length < minRows || (required && rows.length === 0)\n  const showRequired = readOnly && 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 && (\n        <div className={`${baseClass}__error-wrap`}>\n          <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />\n        </div>\n      )}\n      <header className={`${baseClass}__header`}>\n        <div className={`${baseClass}__header-wrap`}>\n          <div className={`${baseClass}__heading-with-error`}>\n            <h3>\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}__rows`}\n          ids={rows.map((row) => row.id)}\n          onDragEnd={({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex)}\n        >\n          {rows.map((row, i) => {\n            const { blockType } = row\n            const blockToRender = blocks.find((block) => block.slug === blockType)\n\n            if (blockToRender) {\n              const rowErrorCount = errorPaths.filter((errorPath) =>\n                errorPath.startsWith(`${path}.${i}`),\n              ).length\n              return (\n                <DraggableSortableItem disabled={readOnly} id={row.id} key={row.id}>\n                  {(draggableSortableItemProps) => (\n                    <BlockRow\n                      {...draggableSortableItemProps}\n                      addRow={addRow}\n                      block={blockToRender}\n                      blocks={blocks}\n                      duplicateRow={duplicateRow}\n                      errorCount={rowErrorCount}\n                      forceRender={forceRender}\n                      hasMaxRows={hasMaxRows}\n                      indexPath={indexPath}\n                      labels={labels}\n                      moveRow={moveRow}\n                      path={path}\n                      permissions={permissions}\n                      readOnly={readOnly}\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\n            return null\n          })}\n          {!editingDefaultLocale && (\n            <React.Fragment>\n              {showMinRows && (\n                <Banner type=\"error\">\n                  {t('validation:requiresAtLeast', {\n                    count: minRows,\n                    label: getTranslation(\n                      minRows === 1 || typeof minRows === 'undefined'\n                        ? labels.singular\n                        : labels.plural,\n                      i18n,\n                    ),\n                  })}\n                </Banner>\n              )}\n              {showRequired && (\n                <Banner>\n                  {t('validation:fieldHasNo', { label: getTranslation(labels.plural, i18n) })}\n                </Banner>\n              )}\n            </React.Fragment>\n          )}\n        </DraggableSortable>\n      )}\n      {!readOnly && !hasMaxRows && (\n        <Fragment>\n          <DrawerToggler className={`${baseClass}__drawer-toggler`} slug={drawerSlug}>\n            <Button\n              buttonStyle=\"icon-label\"\n              el=\"span\"\n              icon=\"plus\"\n              iconPosition=\"left\"\n              iconStyle=\"with-border\"\n            >\n              {t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n            </Button>\n          </DrawerToggler>\n          <BlocksDrawer\n            addRow={addRow}\n            addRowIndex={rows?.length || 0}\n            blocks={blocks}\n            drawerSlug={drawerSlug}\n            labels={labels}\n          />\n        </Fragment>\n      )}\n    </div>\n  )\n}\n\nexport const BlocksField = withCondition(_BlocksField)\n"],"names":["getTranslation","React","Fragment","useCallback","Banner","Button","DraggableSortableItem","DraggableSortable","DrawerToggler","useDrawerSlug","ErrorPill","useForm","useFormSubmitted","NullifyLocaleField","useField","useConfig","useDocumentInfo","useLocale","useTranslation","scrollToID","fieldBaseClass","BlockRow","BlocksDrawer","baseClass","FieldDescription","FieldError","FieldLabel","useFieldProps","withCondition","_BlocksField","props","i18n","t","name","CustomDescription","CustomError","CustomLabel","blocks","className","descriptionProps","errorProps","forceRender","label","labelProps","labels","labelsFromProps","localized","maxRows","minRows","path","pathFromProps","readOnly","readOnlyFromProps","required","validate","indexPath","readOnlyFromContext","setDocFieldPreferences","addFieldRow","dispatchFields","setModified","code","locale","localization","drawerSlug","submitted","plural","singular","editingDefaultLocale","fallback","defaultLocale","memoizedValidate","value","options","pathFromContext","errorPaths","permissions","rows","schemaPath","showError","valid","hasRows","addRow","rowIndex","blockType","data","setTimeout","duplicateRow","type","removeRow","moveRow","moveFromIndex","moveToIndex","toggleCollapseAll","collapsed","setCollapse","rowID","hasMaxRows","length","fieldErrorCount","fieldHasErrors","showMinRows","showRequired","div","filter","Boolean","join","id","replace","header","h3","as","unstyled","count","withMessage","ul","li","button","onClick","fieldValue","ids","map","row","onDragEnd","i","blockToRender","find","block","slug","rowErrorCount","errorPath","startsWith","disabled","key","draggableSortableItemProps","errorCount","rowCount","buttonStyle","el","icon","iconPosition","iconStyle","addRowIndex","BlocksField"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/fields/Checkbox/Input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Checkbox/Input.tsx"],"sourcesContent":["'use client'\nimport type { FieldBase, LabelProps } from 'payload/types'\n\nimport { FieldLabel } from '@payloadcms/ui/forms/FieldLabel'\nimport React from 'react'\n\nimport { Check } from '../../icons/Check/index.js'\nimport { Line } from '../../icons/Line/index.js'\n\ntype Props = {\n  AfterInput?: React.ReactNode\n  BeforeInput?: React.ReactNode\n  CustomLabel?: React.ReactNode\n  checked?: boolean\n  className?: string\n  id?: string\n  inputRef?: React.RefObject<HTMLInputElement>\n  label?: FieldBase['label']\n  labelProps?: LabelProps\n  name?: string\n  onToggle: (event: React.ChangeEvent<HTMLInputElement>) => void\n  partialChecked?: boolean\n  readOnly?: boolean\n  required?: boolean\n}\n\nexport const inputBaseClass = 'checkbox-input'\n\nexport const CheckboxInput: React.FC<Props> = ({\n  id,\n  name,\n  AfterInput,\n  BeforeInput,\n  CustomLabel,\n  checked,\n  className,\n  inputRef,\n  label,\n  labelProps,\n  onToggle,\n  partialChecked,\n  readOnly,\n  required,\n}) => {\n  return (\n    <div\n      className={[\n        className,\n        inputBaseClass,\n        checked && `${inputBaseClass}--checked`,\n        readOnly && `${inputBaseClass}--read-only`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${inputBaseClass}__input`}>\n        {BeforeInput}\n        <input\n          aria-label=\"\"\n          defaultChecked={Boolean(checked)}\n          disabled={readOnly}\n          id={id}\n          name={name}\n          onInput={onToggle}\n          ref={inputRef}\n          required={required}\n          type=\"checkbox\"\n        />\n        <span\n          className={[`${inputBaseClass}__icon`, !checked && partialChecked ? 'check' : 'partial']\n            .filter(Boolean)\n            .join(' ')}\n        >\n          {checked && <Check />}\n          {!checked && partialChecked && <Line />}\n        </span>\n        {AfterInput}\n      </div>\n      <FieldLabel\n        CustomLabel={CustomLabel}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n    </div>\n  )\n}\n"],"names":["FieldLabel","React","Check","Line","inputBaseClass","CheckboxInput","id","name","AfterInput","BeforeInput","CustomLabel","checked","className","inputRef","label","labelProps","onToggle","partialChecked","readOnly","required","div","filter","Boolean","join","input","aria-label","defaultChecked","disabled","onInput","ref","type","span"],"mappings":"AAAA;AAGA,SAASA,UAAU,QAAQ,kCAAiC;AAC5D,OAAOC,WAAW,QAAO;AAEzB,SAASC,KAAK,QAAQ,6BAA4B;AAClD,SAASC,IAAI,QAAQ,4BAA2B;AAmBhD,OAAO,MAAMC,iBAAiB,iBAAgB;AAE9C,OAAO,MAAMC,gBAAiC,CAAC,EAC7CC,EAAE,EACFC,IAAI,EACJC,UAAU,EACVC,WAAW,EACXC,WAAW,EACXC,OAAO,EACPC,SAAS,EACTC,QAAQ,EACRC,KAAK,EACLC,UAAU,EACVC,QAAQ,EACRC,cAAc,EACdC,QAAQ,EACRC,QAAQ,EACT;IACC,qBACE,oBAACC;QACCR,WAAW;YACTA;YACAR;YACAO,WAAW,CAAC,EAAEP,eAAe,SAAS,CAAC;YACvCc,YAAY,CAAC,EAAEd,eAAe,WAAW,CAAC;SAC3C,CACEiB,MAAM,CAACC,SACPC,IAAI,CAAC;qBAER,oBAACH;QAAIR,WAAW,CAAC,EAAER,eAAe,OAAO,CAAC;OACvCK,2BACD,oBAACe;QACCC,cAAW;QACXC,gBAAgBJ,QAAQX;QACxBgB,UAAUT;QACVZ,IAAIA;QACJC,MAAMA;QACNqB,SAASZ;QACTa,KAAKhB;QACLM,UAAUA;QACVW,MAAK;sBAEP,oBAACC;QACCnB,WAAW;YAAC,CAAC,EAAER,eAAe,MAAM,CAAC;YAAE,CAACO,WAAWM,iBAAiB,UAAU;SAAU,CACrFI,MAAM,CAACC,SACPC,IAAI,CAAC;OAEPZ,yBAAW,oBAACT,cACZ,CAACS,WAAWM,gCAAkB,oBAACd,cAEjCK,2BAEH,oBAACR;QACCU,aAAaA;QACbI,OAAOA;QACPK,UAAUA;QACT,GAAIJ,cAAc,CAAC,CAAC;;AAI7B,EAAC"}
+{"version":3,"sources":["../../../src/fields/Checkbox/Input.tsx"],"sourcesContent":["'use client'\nimport type { FieldBase, LabelProps } from 'payload/types'\n\nimport { FieldLabel } from '@payloadcms/ui/forms/FieldLabel'\nimport React from 'react'\n\nimport { Check } from '../../icons/Check/index.js'\nimport { Line } from '../../icons/Line/index.js'\n\ntype Props = {\n  AfterInput?: React.ReactNode\n  BeforeInput?: React.ReactNode\n  CustomLabel?: React.ReactNode\n  checked?: boolean\n  className?: string\n  id?: string\n  inputRef?: React.RefObject<HTMLInputElement>\n  label?: FieldBase['label']\n  labelProps?: LabelProps\n  name?: string\n  onToggle: (event: React.ChangeEvent<HTMLInputElement>) => void\n  partialChecked?: boolean\n  readOnly?: boolean\n  required?: boolean\n}\n\nexport const inputBaseClass = 'checkbox-input'\n\nexport const CheckboxInput: React.FC<Props> = ({\n  id,\n  name,\n  AfterInput,\n  BeforeInput,\n  CustomLabel,\n  checked,\n  className,\n  inputRef,\n  label,\n  labelProps,\n  onToggle,\n  partialChecked,\n  readOnly,\n  required,\n}) => {\n  return (\n    <div\n      className={[\n        className,\n        inputBaseClass,\n        checked && `${inputBaseClass}--checked`,\n        readOnly && `${inputBaseClass}--read-only`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${inputBaseClass}__input`}>\n        {BeforeInput}\n        <input\n          aria-label=\"\"\n          defaultChecked={Boolean(checked)}\n          disabled={readOnly}\n          id={id}\n          name={name}\n          onInput={onToggle}\n          ref={inputRef}\n          required={required}\n          type=\"checkbox\"\n        />\n        <span\n          className={[`${inputBaseClass}__icon`, !checked && partialChecked ? 'check' : 'partial']\n            .filter(Boolean)\n            .join(' ')}\n        >\n          {checked && <Check />}\n          {!checked && partialChecked && <Line />}\n        </span>\n        {AfterInput}\n      </div>\n      <FieldLabel\n        CustomLabel={CustomLabel}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n    </div>\n  )\n}\n"],"names":["FieldLabel","React","Check","Line","inputBaseClass","CheckboxInput","id","name","AfterInput","BeforeInput","CustomLabel","checked","className","inputRef","label","labelProps","onToggle","partialChecked","readOnly","required","div","filter","Boolean","join","input","aria-label","defaultChecked","disabled","onInput","ref","type","span"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,SAASA,UAAU,QAAQ,kCAAiC;AAC5D,OAAOC,WAAW,QAAO;AAEzB,SAASC,KAAK,QAAQ,6BAA4B;AAClD,SAASC,IAAI,QAAQ,4BAA2B;AAmBhD,OAAO,MAAMC,iBAAiB,iBAAgB;AAE9C,OAAO,MAAMC,gBAAiC,CAAC,EAC7CC,EAAE,EACFC,IAAI,EACJC,UAAU,EACVC,WAAW,EACXC,WAAW,EACXC,OAAO,EACPC,SAAS,EACTC,QAAQ,EACRC,KAAK,EACLC,UAAU,EACVC,QAAQ,EACRC,cAAc,EACdC,QAAQ,EACRC,QAAQ,EACT;IACC,qBACE,oBAACC;QACCR,WAAW;YACTA;YACAR;YACAO,WAAW,CAAC,EAAEP,eAAe,SAAS,CAAC;YACvCc,YAAY,CAAC,EAAEd,eAAe,WAAW,CAAC;SAC3C,CACEiB,MAAM,CAACC,SACPC,IAAI,CAAC;qBAER,oBAACH;QAAIR,WAAW,CAAC,EAAER,eAAe,OAAO,CAAC;OACvCK,2BACD,oBAACe;QACCC,cAAW;QACXC,gBAAgBJ,QAAQX;QACxBgB,UAAUT;QACVZ,IAAIA;QACJC,MAAMA;QACNqB,SAASZ;QACTa,KAAKhB;QACLM,UAAUA;QACVW,MAAK;sBAEP,oBAACC;QACCnB,WAAW;YAAC,CAAC,EAAER,eAAe,MAAM,CAAC;YAAE,CAACO,WAAWM,iBAAiB,UAAU;SAAU,CACrFI,MAAM,CAACC,SACPC,IAAI,CAAC;OAEPZ,yBAAW,oBAACT,cACZ,CAACS,WAAWM,gCAAkB,oBAACd,cAEjCK,2BAEH,oBAACR;QACCU,aAAaA;QACbI,OAAOA;QACPK,UAAUA;QACT,GAAIJ,cAAc,CAAC,CAAC;;AAI7B,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Checkbox/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientValidate } from 'payload/types'\n\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport { FieldError } from '@payloadcms/ui/forms/FieldError'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\nimport React, { useCallback } from 'react'\n\nimport type { CheckboxFieldProps } from './types.js'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { CheckboxInput } from './Input.js'\nimport './index.scss'\n\nconst baseClass = 'checkbox'\n\nexport { CheckboxFieldProps, CheckboxInput }\n\nconst CheckboxField: React.FC<CheckboxFieldProps> = (props) => {\n  const {\n    id,\n    name,\n    AfterInput,\n    BeforeInput,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    checked: checkedFromProps,\n    className,\n    descriptionProps,\n    disableFormData,\n    errorProps,\n    label,\n    labelProps,\n    onChange: onChangeFromProps,\n    partialChecked,\n    path: pathFromProps,\n    readOnly: readOnlyFromProps,\n    required,\n    style,\n    validate,\n    width,\n  } = props\n\n  const { uuid } = useForm()\n\n  const memoizedValidate: ClientValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n\n  const { path, setValue, showError, value } = useField({\n    disableFormData,\n    path: pathFromContext || pathFromProps || name,\n    validate: memoizedValidate,\n  })\n\n  const onToggle = useCallback(() => {\n    if (!readOnly) {\n      setValue(!value)\n      if (typeof onChangeFromProps === 'function') onChangeFromProps(!value)\n    }\n  }, [onChangeFromProps, readOnly, setValue, value])\n\n  const checked = checkedFromProps || Boolean(value)\n\n  const fieldID = id || generateFieldID(path, uuid)\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        showError && 'error',\n        className,\n        value && `${baseClass}--checked`,\n        readOnly && `${baseClass}--read-only`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <div className={`${baseClass}__error-wrap`}>\n        <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />\n      </div>\n      <CheckboxInput\n        AfterInput={AfterInput}\n        BeforeInput={BeforeInput}\n        CustomLabel={CustomLabel}\n        checked={checked}\n        id={fieldID}\n        inputRef={null}\n        label={label}\n        labelProps={labelProps}\n        name={path}\n        onToggle={onToggle}\n        partialChecked={partialChecked}\n        readOnly={readOnly}\n        required={required}\n      />\n      {CustomDescription !== undefined ? (\n        CustomDescription\n      ) : (\n        <FieldDescription {...(descriptionProps || {})} />\n      )}\n    </div>\n  )\n}\n\nexport const Checkbox = withCondition(CheckboxField)\n"],"names":["FieldDescription","FieldError","useFieldProps","React","useCallback","useForm","useField","withCondition","generateFieldID","fieldBaseClass","CheckboxInput","baseClass","CheckboxField","props","id","name","AfterInput","BeforeInput","CustomDescription","CustomError","CustomLabel","checked","checkedFromProps","className","descriptionProps","disableFormData","errorProps","label","labelProps","onChange","onChangeFromProps","partialChecked","path","pathFromProps","readOnly","readOnlyFromProps","required","style","validate","width","uuid","memoizedValidate","value","options","pathFromContext","readOnlyFromContext","setValue","showError","onToggle","Boolean","fieldID","div","filter","join","inputRef","undefined","Checkbox"],"mappings":"AAAA;AAGA,SAASA,gBAAgB,QAAQ,wCAAuC;AACxE,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,aAAa,QAAQ,0CAAyC;AACvE,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAI1C,SAASC,OAAO,QAAQ,8BAA6B;AACrD,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,eAAe,QAAQ,qCAAoC;AACpE,SAASC,cAAc,QAAQ,qBAAoB;AACnD,SAASC,aAAa,QAAQ,aAAY;AAG1C,MAAMC,YAAY;AAElB,SAA6BD,aAAa,GAAE;AAE5C,MAAME,gBAA8C,CAACC;IACnD,MAAM,EACJC,EAAE,EACFC,IAAI,EACJC,UAAU,EACVC,WAAW,EACXC,iBAAiB,EACjBC,WAAW,EACXC,WAAW,EACXC,SAASC,gBAAgB,EACzBC,SAAS,EACTC,gBAAgB,EAChBC,eAAe,EACfC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,UAAUC,iBAAiB,EAC3BC,cAAc,EACdC,MAAMC,aAAa,EACnBC,UAAUC,iBAAiB,EAC3BC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACN,GAAG1B;IAEJ,MAAM,EAAE2B,IAAI,EAAE,GAAGnC;IAEjB,MAAMoC,mBAAmCrC,YACvC,CAACsC,OAAOC;QACN,IAAI,OAAOL,aAAa,YAAY;YAClC,OAAOA,SAASI,OAAO;gBAAE,GAAGC,OAAO;gBAAEP;YAAS;QAChD;IACF,GACA;QAACE;QAAUF;KAAS;IAGtB,MAAM,EAAEJ,MAAMY,eAAe,EAAEV,UAAUW,mBAAmB,EAAE,GAAG3C;IACjE,MAAMgC,WAAWC,qBAAqBU;IAEtC,MAAM,EAAEb,IAAI,EAAEc,QAAQ,EAAEC,SAAS,EAAEL,KAAK,EAAE,GAAGpC,SAAS;QACpDmB;QACAO,MAAMY,mBAAmBX,iBAAiBlB;QAC1CuB,UAAUG;IACZ;IAEA,MAAMO,WAAW5C,YAAY;QAC3B,IAAI,CAAC8B,UAAU;YACbY,SAAS,CAACJ;YACV,IAAI,OAAOZ,sBAAsB,YAAYA,kBAAkB,CAACY;QAClE;IACF,GAAG;QAACZ;QAAmBI;QAAUY;QAAUJ;KAAM;IAEjD,MAAMrB,UAAUC,oBAAoB2B,QAAQP;IAE5C,MAAMQ,UAAUpC,MAAMN,gBAAgBwB,MAAMQ;IAE5C,qBACE,oBAACW;QACC5B,WAAW;YACTd;YACAE;YACAoC,aAAa;YACbxB;YACAmB,SAAS,CAAC,EAAE/B,UAAU,SAAS,CAAC;YAChCuB,YAAY,CAAC,EAAEvB,UAAU,WAAW,CAAC;SACtC,CACEyC,MAAM,CAACH,SACPI,IAAI,CAAC;QACRhB,OAAO;YACL,GAAGA,KAAK;YACRE;QACF;qBAEA,oBAACY;QAAI5B,WAAW,CAAC,EAAEZ,UAAU,YAAY,CAAC;qBACxC,oBAACV;QAAWkB,aAAaA;QAAaa,MAAMA;QAAO,GAAIN,cAAc,CAAC,CAAC;uBAEzE,oBAAChB;QACCM,YAAYA;QACZC,aAAaA;QACbG,aAAaA;QACbC,SAASA;QACTP,IAAIoC;QACJI,UAAU;QACV3B,OAAOA;QACPC,YAAYA;QACZb,MAAMiB;QACNgB,UAAUA;QACVjB,gBAAgBA;QAChBG,UAAUA;QACVE,UAAUA;QAEXlB,sBAAsBqC,YACrBrC,kCAEA,oBAAClB,kBAAsBwB,oBAAoB,CAAC;AAIpD;AAEA,OAAO,MAAMgC,WAAWjD,cAAcK,eAAc"}
+{"version":3,"sources":["../../../src/fields/Checkbox/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientValidate } from 'payload/types'\n\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport { FieldError } from '@payloadcms/ui/forms/FieldError'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\nimport React, { useCallback } from 'react'\n\nimport type { CheckboxFieldProps } from './types.js'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { CheckboxInput } from './Input.js'\nimport './index.scss'\n\nconst baseClass = 'checkbox'\n\nexport { CheckboxFieldProps, CheckboxInput }\n\nconst CheckboxField: React.FC<CheckboxFieldProps> = (props) => {\n  const {\n    id,\n    name,\n    AfterInput,\n    BeforeInput,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    checked: checkedFromProps,\n    className,\n    descriptionProps,\n    disableFormData,\n    errorProps,\n    label,\n    labelProps,\n    onChange: onChangeFromProps,\n    partialChecked,\n    path: pathFromProps,\n    readOnly: readOnlyFromProps,\n    required,\n    style,\n    validate,\n    width,\n  } = props\n\n  const { uuid } = useForm()\n\n  const memoizedValidate: ClientValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n\n  const { path, setValue, showError, value } = useField({\n    disableFormData,\n    path: pathFromContext || pathFromProps || name,\n    validate: memoizedValidate,\n  })\n\n  const onToggle = useCallback(() => {\n    if (!readOnly) {\n      setValue(!value)\n      if (typeof onChangeFromProps === 'function') onChangeFromProps(!value)\n    }\n  }, [onChangeFromProps, readOnly, setValue, value])\n\n  const checked = checkedFromProps || Boolean(value)\n\n  const fieldID = id || generateFieldID(path, uuid)\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        showError && 'error',\n        className,\n        value && `${baseClass}--checked`,\n        readOnly && `${baseClass}--read-only`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <div className={`${baseClass}__error-wrap`}>\n        <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />\n      </div>\n      <CheckboxInput\n        AfterInput={AfterInput}\n        BeforeInput={BeforeInput}\n        CustomLabel={CustomLabel}\n        checked={checked}\n        id={fieldID}\n        inputRef={null}\n        label={label}\n        labelProps={labelProps}\n        name={path}\n        onToggle={onToggle}\n        partialChecked={partialChecked}\n        readOnly={readOnly}\n        required={required}\n      />\n      {CustomDescription !== undefined ? (\n        CustomDescription\n      ) : (\n        <FieldDescription {...(descriptionProps || {})} />\n      )}\n    </div>\n  )\n}\n\nexport const Checkbox = withCondition(CheckboxField)\n"],"names":["FieldDescription","FieldError","useFieldProps","React","useCallback","useForm","useField","withCondition","generateFieldID","fieldBaseClass","CheckboxInput","baseClass","CheckboxField","props","id","name","AfterInput","BeforeInput","CustomDescription","CustomError","CustomLabel","checked","checkedFromProps","className","descriptionProps","disableFormData","errorProps","label","labelProps","onChange","onChangeFromProps","partialChecked","path","pathFromProps","readOnly","readOnlyFromProps","required","style","validate","width","uuid","memoizedValidate","value","options","pathFromContext","readOnlyFromContext","setValue","showError","onToggle","Boolean","fieldID","div","filter","join","inputRef","undefined","Checkbox"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,SAASA,gBAAgB,QAAQ,wCAAuC;AACxE,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,aAAa,QAAQ,0CAAyC;AACvE,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAI1C,SAASC,OAAO,QAAQ,8BAA6B;AACrD,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,eAAe,QAAQ,qCAAoC;AACpE,SAASC,cAAc,QAAQ,qBAAoB;AACnD,SAASC,aAAa,QAAQ,aAAY;AAG1C,MAAMC,YAAY;AAElB,SAA6BD,aAAa,GAAE;AAE5C,MAAME,gBAA8C,CAACC;IACnD,MAAM,EACJC,EAAE,EACFC,IAAI,EACJC,UAAU,EACVC,WAAW,EACXC,iBAAiB,EACjBC,WAAW,EACXC,WAAW,EACXC,SAASC,gBAAgB,EACzBC,SAAS,EACTC,gBAAgB,EAChBC,eAAe,EACfC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,UAAUC,iBAAiB,EAC3BC,cAAc,EACdC,MAAMC,aAAa,EACnBC,UAAUC,iBAAiB,EAC3BC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACN,GAAG1B;IAEJ,MAAM,EAAE2B,IAAI,EAAE,GAAGnC;IAEjB,MAAMoC,mBAAmCrC,YACvC,CAACsC,OAAOC;QACN,IAAI,OAAOL,aAAa,YAAY;YAClC,OAAOA,SAASI,OAAO;gBAAE,GAAGC,OAAO;gBAAEP;YAAS;QAChD;IACF,GACA;QAACE;QAAUF;KAAS;IAGtB,MAAM,EAAEJ,MAAMY,eAAe,EAAEV,UAAUW,mBAAmB,EAAE,GAAG3C;IACjE,MAAMgC,WAAWC,qBAAqBU;IAEtC,MAAM,EAAEb,IAAI,EAAEc,QAAQ,EAAEC,SAAS,EAAEL,KAAK,EAAE,GAAGpC,SAAS;QACpDmB;QACAO,MAAMY,mBAAmBX,iBAAiBlB;QAC1CuB,UAAUG;IACZ;IAEA,MAAMO,WAAW5C,YAAY;QAC3B,IAAI,CAAC8B,UAAU;YACbY,SAAS,CAACJ;YACV,IAAI,OAAOZ,sBAAsB,YAAYA,kBAAkB,CAACY;QAClE;IACF,GAAG;QAACZ;QAAmBI;QAAUY;QAAUJ;KAAM;IAEjD,MAAMrB,UAAUC,oBAAoB2B,QAAQP;IAE5C,MAAMQ,UAAUpC,MAAMN,gBAAgBwB,MAAMQ;IAE5C,qBACE,oBAACW;QACC5B,WAAW;YACTd;YACAE;YACAoC,aAAa;YACbxB;YACAmB,SAAS,CAAC,EAAE/B,UAAU,SAAS,CAAC;YAChCuB,YAAY,CAAC,EAAEvB,UAAU,WAAW,CAAC;SACtC,CACEyC,MAAM,CAACH,SACPI,IAAI,CAAC;QACRhB,OAAO;YACL,GAAGA,KAAK;YACRE;QACF;qBAEA,oBAACY;QAAI5B,WAAW,CAAC,EAAEZ,UAAU,YAAY,CAAC;qBACxC,oBAACV;QAAWkB,aAAaA;QAAaa,MAAMA;QAAO,GAAIN,cAAc,CAAC,CAAC;uBAEzE,oBAAChB;QACCM,YAAYA;QACZC,aAAaA;QACbG,aAAaA;QACbC,SAASA;QACTP,IAAIoC;QACJI,UAAU;QACV3B,OAAOA;QACPC,YAAYA;QACZb,MAAMiB;QACNgB,UAAUA;QACVjB,gBAAgBA;QAChBG,UAAUA;QACVE,UAAUA;QAEXlB,sBAAsBqC,YACrBrC,kCAEA,oBAAClB,kBAAsBwB,oBAAoB,CAAC;AAIpD;AAEA,OAAO,MAAMgC,WAAWjD,cAAcK,eAAc"}

package/dist/fields/Checkbox/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Checkbox/types.ts"],"sourcesContent":["import type { FieldBase } from 'payload/types'\n\nimport type { FormFieldBase } from '../shared/index.js'\n\nexport type CheckboxFieldProps = FormFieldBase & {\n  checked?: boolean\n  disableFormData?: boolean\n  id?: string\n  label?: FieldBase['label']\n  name?: string\n  onChange?: (val: boolean) => void\n  partialChecked?: boolean\n  path?: string\n  width?: string\n}\n"],"names":[],"mappings":"AAIA,WAUC"}
+{"version":3,"sources":["../../../src/fields/Checkbox/types.ts"],"sourcesContent":["import type { FieldBase } from 'payload/types'\n\nimport type { FormFieldBase } from '../shared/index.js'\n\nexport type CheckboxFieldProps = FormFieldBase & {\n  checked?: boolean\n  disableFormData?: boolean\n  id?: string\n  label?: FieldBase['label']\n  name?: string\n  onChange?: (val: boolean) => void\n  partialChecked?: boolean\n  path?: string\n  width?: string\n}\n"],"names":[],"rangeMappings":"","mappings":"AAIA,WAUC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Code/index.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\n'use client'\nimport type { CodeField as CodeFieldType, FieldBase } from 'payload/types'\n\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport { FieldError } from '@payloadcms/ui/forms/FieldError'\nimport { FieldLabel } from '@payloadcms/ui/forms/FieldLabel'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\nimport React, { useCallback } from 'react'\n\nimport type { FormFieldBase } from '../shared/index.js'\n\nimport { CodeEditor } from '../../elements/CodeEditor/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport type CodeFieldProps = FormFieldBase & {\n  editorOptions?: CodeFieldType['admin']['editorOptions']\n  label?: FieldBase['label']\n  language?: CodeFieldType['admin']['language']\n  name?: string\n  path?: string\n  width: string\n}\n\nconst prismToMonacoLanguageMap = {\n  js: 'javascript',\n  ts: 'typescript',\n}\n\nconst baseClass = 'code-field'\n\nconst CodeField: React.FC<CodeFieldProps> = (props) => {\n  const {\n    name,\n    AfterInput,\n    BeforeInput,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    className,\n    descriptionProps,\n    editorOptions = {},\n    errorProps,\n    label,\n    labelProps,\n    language = 'javascript',\n    path: pathFromProps,\n    readOnly: readOnlyFromProps,\n    required,\n    style,\n    validate,\n    width,\n  } = props\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n\n  const { path, setValue, showError, value } = useField({\n    path: pathFromContext || pathFromProps || name,\n    validate: memoizedValidate,\n  })\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />\n      <FieldLabel\n        CustomLabel={CustomLabel}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div>\n        {BeforeInput}\n        <CodeEditor\n          defaultLanguage={prismToMonacoLanguageMap[language] || language}\n          onChange={readOnly ? () => null : (val) => setValue(val)}\n          options={editorOptions}\n          readOnly={readOnly}\n          value={(value as string) || ''}\n        />\n        {AfterInput}\n      </div>\n      {CustomDescription ? CustomDescription : <FieldDescription {...(descriptionProps || {})} />}\n    </div>\n  )\n}\n\nexport const Code = withCondition(CodeField)\n"],"names":["FieldDescription","FieldError","FieldLabel","useFieldProps","React","useCallback","CodeEditor","useField","withCondition","fieldBaseClass","prismToMonacoLanguageMap","js","ts","baseClass","CodeField","props","name","AfterInput","BeforeInput","CustomDescription","CustomError","CustomLabel","className","descriptionProps","editorOptions","errorProps","label","labelProps","language","path","pathFromProps","readOnly","readOnlyFromProps","required","style","validate","width","memoizedValidate","value","options","pathFromContext","readOnlyFromContext","setValue","showError","div","filter","Boolean","join","defaultLanguage","onChange","val","Code"],"mappings":"AAAA,iDAAiD,GACjD;AAGA,SAASA,gBAAgB,QAAQ,wCAAuC;AACxE,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,aAAa,QAAQ,0CAAyC;AACvE,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAI1C,SAASC,UAAU,QAAQ,qCAAoC;AAC/D,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,cAAc,QAAQ,qBAAoB;AAYnD,MAAMC,2BAA2B;IAC/BC,IAAI;IACJC,IAAI;AACN;AAEA,MAAMC,YAAY;AAElB,MAAMC,YAAsC,CAACC;IAC3C,MAAM,EACJC,IAAI,EACJC,UAAU,EACVC,WAAW,EACXC,iBAAiB,EACjBC,WAAW,EACXC,WAAW,EACXC,SAAS,EACTC,gBAAgB,EAChBC,gBAAgB,CAAC,CAAC,EAClBC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,WAAW,YAAY,EACvBC,MAAMC,aAAa,EACnBC,UAAUC,iBAAiB,EAC3BC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACN,GAAGrB;IAEJ,MAAMsB,mBAAmBhC,YACvB,CAACiC,OAAOC;QACN,IAAI,OAAOJ,aAAa,YAAY;YAClC,OAAOA,SAASG,OAAO;gBAAE,GAAGC,OAAO;gBAAEN;YAAS;QAChD;IACF,GACA;QAACE;QAAUF;KAAS;IAGtB,MAAM,EAAEJ,MAAMW,eAAe,EAAET,UAAUU,mBAAmB,EAAE,GAAGtC;IACjE,MAAM4B,WAAWC,qBAAqBS;IAEtC,MAAM,EAAEZ,IAAI,EAAEa,QAAQ,EAAEC,SAAS,EAAEL,KAAK,EAAE,GAAG/B,SAAS;QACpDsB,MAAMW,mBAAmBV,iBAAiBd;QAC1CmB,UAAUE;IACZ;IAEA,qBACE,oBAACO;QACCtB,WAAW;YACTb;YACAI;YACAS;YACAqB,aAAa;YACbZ,YAAY;SACb,CACEc,MAAM,CAACC,SACPC,IAAI,CAAC;QACRb,OAAO;YACL,GAAGA,KAAK;YACRE;QACF;qBAEA,oBAACnC;QAAWmB,aAAaA;QAAaS,MAAMA;QAAO,GAAIJ,cAAc,CAAC,CAAC;sBACvE,oBAACvB;QACCmB,aAAaA;QACbK,OAAOA;QACPO,UAAUA;QACT,GAAIN,cAAc,CAAC,CAAC;sBAEvB,oBAACiB,aACE1B,2BACD,oBAACZ;QACC0C,iBAAiBtC,wBAAwB,CAACkB,SAAS,IAAIA;QACvDqB,UAAUlB,WAAW,IAAM,OAAO,CAACmB,MAAQR,SAASQ;QACpDX,SAASf;QACTO,UAAUA;QACVO,OAAO,AAACA,SAAoB;QAE7BrB,aAEFE,oBAAoBA,kCAAoB,oBAACnB,kBAAsBuB,oBAAoB,CAAC;AAG3F;AAEA,OAAO,MAAM4B,OAAO3C,cAAcM,WAAU"}
+{"version":3,"sources":["../../../src/fields/Code/index.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\n'use client'\nimport type { CodeField as CodeFieldType, FieldBase } from 'payload/types'\n\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport { FieldError } from '@payloadcms/ui/forms/FieldError'\nimport { FieldLabel } from '@payloadcms/ui/forms/FieldLabel'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\nimport React, { useCallback } from 'react'\n\nimport type { FormFieldBase } from '../shared/index.js'\n\nimport { CodeEditor } from '../../elements/CodeEditor/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport type CodeFieldProps = FormFieldBase & {\n  editorOptions?: CodeFieldType['admin']['editorOptions']\n  label?: FieldBase['label']\n  language?: CodeFieldType['admin']['language']\n  name?: string\n  path?: string\n  width: string\n}\n\nconst prismToMonacoLanguageMap = {\n  js: 'javascript',\n  ts: 'typescript',\n}\n\nconst baseClass = 'code-field'\n\nconst CodeField: React.FC<CodeFieldProps> = (props) => {\n  const {\n    name,\n    AfterInput,\n    BeforeInput,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    className,\n    descriptionProps,\n    editorOptions = {},\n    errorProps,\n    label,\n    labelProps,\n    language = 'javascript',\n    path: pathFromProps,\n    readOnly: readOnlyFromProps,\n    required,\n    style,\n    validate,\n    width,\n  } = props\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n\n  const { path, setValue, showError, value } = useField({\n    path: pathFromContext || pathFromProps || name,\n    validate: memoizedValidate,\n  })\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />\n      <FieldLabel\n        CustomLabel={CustomLabel}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div>\n        {BeforeInput}\n        <CodeEditor\n          defaultLanguage={prismToMonacoLanguageMap[language] || language}\n          onChange={readOnly ? () => null : (val) => setValue(val)}\n          options={editorOptions}\n          readOnly={readOnly}\n          value={(value as string) || ''}\n        />\n        {AfterInput}\n      </div>\n      {CustomDescription ? CustomDescription : <FieldDescription {...(descriptionProps || {})} />}\n    </div>\n  )\n}\n\nexport const Code = withCondition(CodeField)\n"],"names":["FieldDescription","FieldError","FieldLabel","useFieldProps","React","useCallback","CodeEditor","useField","withCondition","fieldBaseClass","prismToMonacoLanguageMap","js","ts","baseClass","CodeField","props","name","AfterInput","BeforeInput","CustomDescription","CustomError","CustomLabel","className","descriptionProps","editorOptions","errorProps","label","labelProps","language","path","pathFromProps","readOnly","readOnlyFromProps","required","style","validate","width","memoizedValidate","value","options","pathFromContext","readOnlyFromContext","setValue","showError","div","filter","Boolean","join","defaultLanguage","onChange","val","Code"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,iDAAiD,GACjD;AAGA,SAASA,gBAAgB,QAAQ,wCAAuC;AACxE,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,aAAa,QAAQ,0CAAyC;AACvE,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAI1C,SAASC,UAAU,QAAQ,qCAAoC;AAC/D,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,cAAc,QAAQ,qBAAoB;AAYnD,MAAMC,2BAA2B;IAC/BC,IAAI;IACJC,IAAI;AACN;AAEA,MAAMC,YAAY;AAElB,MAAMC,YAAsC,CAACC;IAC3C,MAAM,EACJC,IAAI,EACJC,UAAU,EACVC,WAAW,EACXC,iBAAiB,EACjBC,WAAW,EACXC,WAAW,EACXC,SAAS,EACTC,gBAAgB,EAChBC,gBAAgB,CAAC,CAAC,EAClBC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,WAAW,YAAY,EACvBC,MAAMC,aAAa,EACnBC,UAAUC,iBAAiB,EAC3BC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACN,GAAGrB;IAEJ,MAAMsB,mBAAmBhC,YACvB,CAACiC,OAAOC;QACN,IAAI,OAAOJ,aAAa,YAAY;YAClC,OAAOA,SAASG,OAAO;gBAAE,GAAGC,OAAO;gBAAEN;YAAS;QAChD;IACF,GACA;QAACE;QAAUF;KAAS;IAGtB,MAAM,EAAEJ,MAAMW,eAAe,EAAET,UAAUU,mBAAmB,EAAE,GAAGtC;IACjE,MAAM4B,WAAWC,qBAAqBS;IAEtC,MAAM,EAAEZ,IAAI,EAAEa,QAAQ,EAAEC,SAAS,EAAEL,KAAK,EAAE,GAAG/B,SAAS;QACpDsB,MAAMW,mBAAmBV,iBAAiBd;QAC1CmB,UAAUE;IACZ;IAEA,qBACE,oBAACO;QACCtB,WAAW;YACTb;YACAI;YACAS;YACAqB,aAAa;YACbZ,YAAY;SACb,CACEc,MAAM,CAACC,SACPC,IAAI,CAAC;QACRb,OAAO;YACL,GAAGA,KAAK;YACRE;QACF;qBAEA,oBAACnC;QAAWmB,aAAaA;QAAaS,MAAMA;QAAO,GAAIJ,cAAc,CAAC,CAAC;sBACvE,oBAACvB;QACCmB,aAAaA;QACbK,OAAOA;QACPO,UAAUA;QACT,GAAIN,cAAc,CAAC,CAAC;sBAEvB,oBAACiB,aACE1B,2BACD,oBAACZ;QACC0C,iBAAiBtC,wBAAwB,CAACkB,SAAS,IAAIA;QACvDqB,UAAUlB,WAAW,IAAM,OAAO,CAACmB,MAAQR,SAASQ;QACpDX,SAASf;QACTO,UAAUA;QACVO,OAAO,AAACA,SAAoB;QAE7BrB,aAEFE,oBAAoBA,kCAAoB,oBAACnB,kBAAsBuB,oBAAoB,CAAC;AAG3F;AAEA,OAAO,MAAM4B,OAAO3C,cAAcM,WAAU"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport type { DocumentPreferences, FieldBase } from 'payload/types'\n\nimport React, { Fragment, useCallback, useEffect, useState } from 'react'\n\nimport { Collapsible as CollapsibleElement } from '../../elements/Collapsible/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { RowLabel } from '../../forms/RowLabel/index.js'\nimport { WatchChildErrors } from '../../forms/WatchChildErrors/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst baseClass = 'collapsible-field'\n\nimport type { FieldPermissions } from 'payload/auth'\n\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\n\nimport type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js'\nimport type { FormFieldBase } from '../shared/index.js'\n\nexport type CollapsibleFieldProps = FormFieldBase & {\n  fieldMap: FieldMap\n  initCollapsed?: boolean\n  label?: FieldBase['label']\n  permissions: FieldPermissions\n  width?: string\n}\n\nconst CollapsibleField: React.FC<CollapsibleFieldProps> = (props) => {\n  const {\n    CustomDescription,\n    CustomLabel,\n    className,\n    descriptionProps,\n    fieldMap,\n    initCollapsed = false,\n    labelProps,\n    path: pathFromProps,\n    readOnly: readOnlyFromProps,\n  } = props\n\n  const {\n    indexPath,\n    path: pathFromContext,\n    readOnly: readOnlyFromContext,\n    schemaPath,\n    siblingPermissions,\n  } = useFieldProps()\n  const path = pathFromContext || pathFromProps\n\n  const { i18n } = useTranslation()\n  const { getPreference, setPreference } = usePreferences()\n  const { preferencesKey } = useDocumentInfo()\n  const [collapsedOnMount, setCollapsedOnMount] = useState<boolean>()\n  const fieldPreferencesKey = `collapsible-${indexPath.replace(/\\./g, '__')}`\n  const [errorCount, setErrorCount] = useState(0)\n  const fieldHasErrors = errorCount > 0\n\n  const onToggle = useCallback(\n    async (newCollapsedState: boolean) => {\n      const existingPreferences: DocumentPreferences = await getPreference(preferencesKey)\n\n      void setPreference(preferencesKey, {\n        ...existingPreferences,\n        ...(path\n          ? {\n              fields: {\n                ...(existingPreferences?.fields || {}),\n                [path]: {\n                  ...existingPreferences?.fields?.[path],\n                  collapsed: newCollapsedState,\n                },\n              },\n            }\n          : {\n              fields: {\n                ...(existingPreferences?.fields || {}),\n                [fieldPreferencesKey]: {\n                  ...existingPreferences?.fields?.[fieldPreferencesKey],\n                  collapsed: newCollapsedState,\n                },\n              },\n            }),\n      })\n    },\n    [preferencesKey, fieldPreferencesKey, getPreference, setPreference, path],\n  )\n\n  useEffect(() => {\n    const fetchInitialState = async () => {\n      const preferences = await getPreference(preferencesKey)\n      if (preferences) {\n        const initCollapsedFromPref = path\n          ? preferences?.fields?.[path]?.collapsed\n          : preferences?.fields?.[fieldPreferencesKey]?.collapsed\n        setCollapsedOnMount(Boolean(initCollapsedFromPref))\n      } else {\n        setCollapsedOnMount(typeof initCollapsed === 'boolean' ? initCollapsed : false)\n      }\n    }\n\n    void fetchInitialState()\n  }, [getPreference, preferencesKey, fieldPreferencesKey, initCollapsed, path])\n\n  if (typeof collapsedOnMount !== 'boolean') return null\n\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n\n  return (\n    <Fragment>\n      <WatchChildErrors fieldMap={fieldMap} path={path} setErrorCount={setErrorCount} />\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-${fieldPreferencesKey}${path ? `-${path.replace(/\\./g, '__')}` : ''}`}\n      >\n        <CollapsibleElement\n          className={`${baseClass}__collapsible`}\n          collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n          header={\n            <div className={`${baseClass}__row-label-wrap`}>\n              <RowLabel\n                RowLabelComponent={CustomLabel}\n                i18n={i18n}\n                path={path}\n                rowLabel={labelProps.label}\n              />\n              {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n            </div>\n          }\n          initCollapsed={collapsedOnMount}\n          onToggle={onToggle}\n        >\n          <RenderFields\n            fieldMap={fieldMap}\n            forceRender\n            indexPath={indexPath}\n            margins=\"small\"\n            path={path}\n            permissions={siblingPermissions}\n            readOnly={readOnly}\n            schemaPath={schemaPath}\n          />\n        </CollapsibleElement>\n        <FieldDescription CustomDescription={CustomDescription} {...(descriptionProps || {})} />\n      </div>\n    </Fragment>\n  )\n}\n\nexport const Collapsible = withCondition(CollapsibleField)\n"],"names":["React","Fragment","useCallback","useEffect","useState","Collapsible","CollapsibleElement","ErrorPill","useFieldProps","RenderFields","RowLabel","WatchChildErrors","withCondition","useDocumentInfo","usePreferences","useTranslation","fieldBaseClass","baseClass","FieldDescription","CollapsibleField","props","CustomDescription","CustomLabel","className","descriptionProps","fieldMap","initCollapsed","labelProps","path","pathFromProps","readOnly","readOnlyFromProps","indexPath","pathFromContext","readOnlyFromContext","schemaPath","siblingPermissions","i18n","getPreference","setPreference","preferencesKey","collapsedOnMount","setCollapsedOnMount","fieldPreferencesKey","replace","errorCount","setErrorCount","fieldHasErrors","onToggle","newCollapsedState","existingPreferences","fields","collapsed","fetchInitialState","preferences","initCollapsedFromPref","Boolean","div","filter","join","id","collapsibleStyle","header","RowLabelComponent","rowLabel","label","count","withMessage","forceRender","margins","permissions"],"mappings":"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"}
+{"version":3,"sources":["../../../src/fields/Collapsible/index.tsx"],"sourcesContent":["'use client'\nimport type { DocumentPreferences, FieldBase } from 'payload/types'\n\nimport React, { Fragment, useCallback, useEffect, useState } from 'react'\n\nimport { Collapsible as CollapsibleElement } from '../../elements/Collapsible/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { RowLabel } from '../../forms/RowLabel/index.js'\nimport { WatchChildErrors } from '../../forms/WatchChildErrors/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst baseClass = 'collapsible-field'\n\nimport type { FieldPermissions } from 'payload/auth'\n\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\n\nimport type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js'\nimport type { FormFieldBase } from '../shared/index.js'\n\nexport type CollapsibleFieldProps = FormFieldBase & {\n  fieldMap: FieldMap\n  initCollapsed?: boolean\n  label?: FieldBase['label']\n  permissions: FieldPermissions\n  width?: string\n}\n\nconst CollapsibleField: React.FC<CollapsibleFieldProps> = (props) => {\n  const {\n    CustomDescription,\n    CustomLabel,\n    className,\n    descriptionProps,\n    fieldMap,\n    initCollapsed = false,\n    labelProps,\n    path: pathFromProps,\n    readOnly: readOnlyFromProps,\n  } = props\n\n  const {\n    indexPath,\n    path: pathFromContext,\n    readOnly: readOnlyFromContext,\n    schemaPath,\n    siblingPermissions,\n  } = useFieldProps()\n  const path = pathFromContext || pathFromProps\n\n  const { i18n } = useTranslation()\n  const { getPreference, setPreference } = usePreferences()\n  const { preferencesKey } = useDocumentInfo()\n  const [collapsedOnMount, setCollapsedOnMount] = useState<boolean>()\n  const fieldPreferencesKey = `collapsible-${indexPath.replace(/\\./g, '__')}`\n  const [errorCount, setErrorCount] = useState(0)\n  const fieldHasErrors = errorCount > 0\n\n  const onToggle = useCallback(\n    async (newCollapsedState: boolean) => {\n      const existingPreferences: DocumentPreferences = await getPreference(preferencesKey)\n\n      void setPreference(preferencesKey, {\n        ...existingPreferences,\n        ...(path\n          ? {\n              fields: {\n                ...(existingPreferences?.fields || {}),\n                [path]: {\n                  ...existingPreferences?.fields?.[path],\n                  collapsed: newCollapsedState,\n                },\n              },\n            }\n          : {\n              fields: {\n                ...(existingPreferences?.fields || {}),\n                [fieldPreferencesKey]: {\n                  ...existingPreferences?.fields?.[fieldPreferencesKey],\n                  collapsed: newCollapsedState,\n                },\n              },\n            }),\n      })\n    },\n    [preferencesKey, fieldPreferencesKey, getPreference, setPreference, path],\n  )\n\n  useEffect(() => {\n    const fetchInitialState = async () => {\n      const preferences = await getPreference(preferencesKey)\n      if (preferences) {\n        const initCollapsedFromPref = path\n          ? preferences?.fields?.[path]?.collapsed\n          : preferences?.fields?.[fieldPreferencesKey]?.collapsed\n        setCollapsedOnMount(Boolean(initCollapsedFromPref))\n      } else {\n        setCollapsedOnMount(typeof initCollapsed === 'boolean' ? initCollapsed : false)\n      }\n    }\n\n    void fetchInitialState()\n  }, [getPreference, preferencesKey, fieldPreferencesKey, initCollapsed, path])\n\n  if (typeof collapsedOnMount !== 'boolean') return null\n\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n\n  return (\n    <Fragment>\n      <WatchChildErrors fieldMap={fieldMap} path={path} setErrorCount={setErrorCount} />\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-${fieldPreferencesKey}${path ? `-${path.replace(/\\./g, '__')}` : ''}`}\n      >\n        <CollapsibleElement\n          className={`${baseClass}__collapsible`}\n          collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n          header={\n            <div className={`${baseClass}__row-label-wrap`}>\n              <RowLabel\n                RowLabelComponent={CustomLabel}\n                i18n={i18n}\n                path={path}\n                rowLabel={labelProps.label}\n              />\n              {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n            </div>\n          }\n          initCollapsed={collapsedOnMount}\n          onToggle={onToggle}\n        >\n          <RenderFields\n            fieldMap={fieldMap}\n            forceRender\n            indexPath={indexPath}\n            margins=\"small\"\n            path={path}\n            permissions={siblingPermissions}\n            readOnly={readOnly}\n            schemaPath={schemaPath}\n          />\n        </CollapsibleElement>\n        <FieldDescription CustomDescription={CustomDescription} {...(descriptionProps || {})} />\n      </div>\n    </Fragment>\n  )\n}\n\nexport const Collapsible = withCondition(CollapsibleField)\n"],"names":["React","Fragment","useCallback","useEffect","useState","Collapsible","CollapsibleElement","ErrorPill","useFieldProps","RenderFields","RowLabel","WatchChildErrors","withCondition","useDocumentInfo","usePreferences","useTranslation","fieldBaseClass","baseClass","FieldDescription","CollapsibleField","props","CustomDescription","CustomLabel","className","descriptionProps","fieldMap","initCollapsed","labelProps","path","pathFromProps","readOnly","readOnlyFromProps","indexPath","pathFromContext","readOnlyFromContext","schemaPath","siblingPermissions","i18n","getPreference","setPreference","preferencesKey","collapsedOnMount","setCollapsedOnMount","fieldPreferencesKey","replace","errorCount","setErrorCount","fieldHasErrors","onToggle","newCollapsedState","existingPreferences","fields","collapsed","fetchInitialState","preferences","initCollapsedFromPref","Boolean","div","filter","join","id","collapsibleStyle","header","RowLabelComponent","rowLabel","label","count","withMessage","forceRender","margins","permissions"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,OAAOA,SAASC,QAAQ,EAAEC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAEzE,SAASC,eAAeC,kBAAkB,QAAQ,sCAAqC;AACvF,SAASC,SAAS,QAAQ,oCAAmC;AAC7D,SAASC,aAAa,QAAQ,0CAAyC;AACvE,SAASC,YAAY,QAAQ,oCAAmC;AAChE,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,gBAAgB,QAAQ,wCAAuC;AACxE,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,qBAAoB;AAGnD,MAAMC,YAAY;AAIlB,SAASC,gBAAgB,QAAQ,wCAAuC;AAaxE,MAAMC,mBAAoD,CAACC;IACzD,MAAM,EACJC,iBAAiB,EACjBC,WAAW,EACXC,SAAS,EACTC,gBAAgB,EAChBC,QAAQ,EACRC,gBAAgB,KAAK,EACrBC,UAAU,EACVC,MAAMC,aAAa,EACnBC,UAAUC,iBAAiB,EAC5B,GAAGX;IAEJ,MAAM,EACJY,SAAS,EACTJ,MAAMK,eAAe,EACrBH,UAAUI,mBAAmB,EAC7BC,UAAU,EACVC,kBAAkB,EACnB,GAAG5B;IACJ,MAAMoB,OAAOK,mBAAmBJ;IAEhC,MAAM,EAAEQ,IAAI,EAAE,GAAGtB;IACjB,MAAM,EAAEuB,aAAa,EAAEC,aAAa,EAAE,GAAGzB;IACzC,MAAM,EAAE0B,cAAc,EAAE,GAAG3B;IAC3B,MAAM,CAAC4B,kBAAkBC,oBAAoB,GAAGtC;IAChD,MAAMuC,sBAAsB,CAAC,YAAY,EAAEX,UAAUY,OAAO,CAAC,OAAO,MAAM,CAAC;IAC3E,MAAM,CAACC,YAAYC,cAAc,GAAG1C,SAAS;IAC7C,MAAM2C,iBAAiBF,aAAa;IAEpC,MAAMG,WAAW9C,YACf,OAAO+C;QACL,MAAMC,sBAA2C,MAAMZ,cAAcE;QAErE,KAAKD,cAAcC,gBAAgB;YACjC,GAAGU,mBAAmB;YACtB,GAAItB,OACA;gBACEuB,QAAQ;oBACN,GAAID,qBAAqBC,UAAU,CAAC,CAAC;oBACrC,CAACvB,KAAK,EAAE;wBACN,GAAGsB,qBAAqBC,QAAQ,CAACvB,KAAK;wBACtCwB,WAAWH;oBACb;gBACF;YACF,IACA;gBACEE,QAAQ;oBACN,GAAID,qBAAqBC,UAAU,CAAC,CAAC;oBACrC,CAACR,oBAAoB,EAAE;wBACrB,GAAGO,qBAAqBC,QAAQ,CAACR,oBAAoB;wBACrDS,WAAWH;oBACb;gBACF;YACF,CAAC;QACP;IACF,GACA;QAACT;QAAgBG;QAAqBL;QAAeC;QAAeX;KAAK;IAG3EzB,UAAU;QACR,MAAMkD,oBAAoB;YACxB,MAAMC,cAAc,MAAMhB,cAAcE;YACxC,IAAIc,aAAa;gBACf,MAAMC,wBAAwB3B,OAC1B0B,aAAaH,QAAQ,CAACvB,KAAK,EAAEwB,YAC7BE,aAAaH,QAAQ,CAACR,oBAAoB,EAAES;gBAChDV,oBAAoBc,QAAQD;YAC9B,OAAO;gBACLb,oBAAoB,OAAOhB,kBAAkB,YAAYA,gBAAgB;YAC3E;QACF;QAEA,KAAK2B;IACP,GAAG;QAACf;QAAeE;QAAgBG;QAAqBjB;QAAeE;KAAK;IAE5E,IAAI,OAAOa,qBAAqB,WAAW,OAAO;IAElD,MAAMX,WAAWC,qBAAqBG;IAEtC,qBACE,oBAACjC,8BACC,oBAACU;QAAiBc,UAAUA;QAAUG,MAAMA;QAAMkB,eAAeA;sBACjE,oBAACW;QACClC,WAAW;YACTP;YACAC;YACAM;YACAwB,iBAAiB,CAAC,EAAE9B,UAAU,WAAW,CAAC,GAAG,CAAC,EAAEA,UAAU,cAAc,CAAC;SAC1E,CACEyC,MAAM,CAACF,SACPG,IAAI,CAAC;QACRC,IAAI,CAAC,MAAM,EAAEjB,oBAAoB,EAAEf,OAAO,CAAC,CAAC,EAAEA,KAAKgB,OAAO,CAAC,OAAO,MAAM,CAAC,GAAG,GAAG,CAAC;qBAEhF,oBAACtC;QACCiB,WAAW,CAAC,EAAEN,UAAU,aAAa,CAAC;QACtC4C,kBAAkBd,iBAAiB,UAAU;QAC7Ce,sBACE,oBAACL;YAAIlC,WAAW,CAAC,EAAEN,UAAU,gBAAgB,CAAC;yBAC5C,oBAACP;YACCqD,mBAAmBzC;YACnBe,MAAMA;YACNT,MAAMA;YACNoC,UAAUrC,WAAWsC,KAAK;YAE3BlB,gCAAkB,oBAACxC;YAAU2D,OAAOrB;YAAYR,MAAMA;YAAM8B,aAAAA;;QAGjEzC,eAAee;QACfO,UAAUA;qBAEV,oBAACvC;QACCgB,UAAUA;QACV2C,aAAAA;QACApC,WAAWA;QACXqC,SAAQ;QACRzC,MAAMA;QACN0C,aAAalC;QACbN,UAAUA;QACVK,YAAYA;uBAGhB,oBAACjB;QAAiBG,mBAAmBA;QAAoB,GAAIG,oBAAoB,CAAC,CAAC;;AAI3F;AAEA,OAAO,MAAMnB,cAAcO,cAAcO,kBAAiB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/ConfirmPassword/index.tsx"],"sourcesContent":["'use client'\nimport type { FormField } from 'payload/types'\n\nimport React, { useCallback } from 'react'\n\nimport { FieldError } from '../../forms/FieldError/index.js'\nimport { FieldLabel } from '../../forms/FieldLabel/index.js'\nimport { useFormFields } from '../../forms/Form/context.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport type ConfirmPasswordFieldProps = {\n  disabled?: boolean\n}\n\nexport const ConfirmPassword: React.FC<ConfirmPasswordFieldProps> = (props) => {\n  const { disabled } = props\n\n  const password = useFormFields<FormField>(([fields]) => fields.password)\n  const { t } = useTranslation()\n\n  const validate = useCallback(\n    (value: string) => {\n      if (!value) {\n        return t('validation:required')\n      }\n\n      if (value === password?.value) {\n        return true\n      }\n\n      return t('fields:passwordsDoNotMatch')\n    },\n    [password, t],\n  )\n\n  const path = 'confirm-password'\n\n  const { setValue, showError, value } = useField({\n    disableFormData: true,\n    path,\n    validate,\n  })\n\n  return (\n    <div\n      className={[fieldBaseClass, 'confirm-password', showError && 'error']\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <FieldError path={path} />\n      <FieldLabel\n        htmlFor=\"field-confirm-password\"\n        label={t('authentication:confirmPassword')}\n        required\n      />\n      <input\n        autoComplete=\"off\"\n        disabled={!!disabled}\n        id=\"field-confirm-password\"\n        name=\"confirm-password\"\n        onChange={setValue}\n        type=\"password\"\n        value={(value as string) || ''}\n      />\n    </div>\n  )\n}\n"],"names":["React","useCallback","FieldError","FieldLabel","useFormFields","useField","useTranslation","fieldBaseClass","ConfirmPassword","props","disabled","password","fields","t","validate","value","path","setValue","showError","disableFormData","div","className","filter","Boolean","join","htmlFor","label","required","input","autoComplete","id","name","onChange","type"],"mappings":"AAAA;AAGA,OAAOA,SAASC,WAAW,QAAQ,QAAO;AAE1C,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,aAAa,QAAQ,8BAA6B;AAC3D,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,qBAAoB;AAOnD,OAAO,MAAMC,kBAAuD,CAACC;IACnE,MAAM,EAAEC,QAAQ,EAAE,GAAGD;IAErB,MAAME,WAAWP,cAAyB,CAAC,CAACQ,OAAO,GAAKA,OAAOD,QAAQ;IACvE,MAAM,EAAEE,CAAC,EAAE,GAAGP;IAEd,MAAMQ,WAAWb,YACf,CAACc;QACC,IAAI,CAACA,OAAO;YACV,OAAOF,EAAE;QACX;QAEA,IAAIE,UAAUJ,UAAUI,OAAO;YAC7B,OAAO;QACT;QAEA,OAAOF,EAAE;IACX,GACA;QAACF;QAAUE;KAAE;IAGf,MAAMG,OAAO;IAEb,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEH,KAAK,EAAE,GAAGV,SAAS;QAC9Cc,iBAAiB;QACjBH;QACAF;IACF;IAEA,qBACE,oBAACM;QACCC,WAAW;YAACd;YAAgB;YAAoBW,aAAa;SAAQ,CAClEI,MAAM,CAACC,SACPC,IAAI,CAAC;qBAER,oBAACtB;QAAWc,MAAMA;sBAClB,oBAACb;QACCsB,SAAQ;QACRC,OAAOb,EAAE;QACTc,UAAAA;sBAEF,oBAACC;QACCC,cAAa;QACbnB,UAAU,CAAC,CAACA;QACZoB,IAAG;QACHC,MAAK;QACLC,UAAUf;QACVgB,MAAK;QACLlB,OAAO,AAACA,SAAoB;;AAIpC,EAAC"}
+{"version":3,"sources":["../../../src/fields/ConfirmPassword/index.tsx"],"sourcesContent":["'use client'\nimport type { FormField } from 'payload/types'\n\nimport React, { useCallback } from 'react'\n\nimport { FieldError } from '../../forms/FieldError/index.js'\nimport { FieldLabel } from '../../forms/FieldLabel/index.js'\nimport { useFormFields } from '../../forms/Form/context.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport type ConfirmPasswordFieldProps = {\n  disabled?: boolean\n}\n\nexport const ConfirmPassword: React.FC<ConfirmPasswordFieldProps> = (props) => {\n  const { disabled } = props\n\n  const password = useFormFields<FormField>(([fields]) => fields.password)\n  const { t } = useTranslation()\n\n  const validate = useCallback(\n    (value: string) => {\n      if (!value) {\n        return t('validation:required')\n      }\n\n      if (value === password?.value) {\n        return true\n      }\n\n      return t('fields:passwordsDoNotMatch')\n    },\n    [password, t],\n  )\n\n  const path = 'confirm-password'\n\n  const { setValue, showError, value } = useField({\n    disableFormData: true,\n    path,\n    validate,\n  })\n\n  return (\n    <div\n      className={[fieldBaseClass, 'confirm-password', showError && 'error']\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <FieldError path={path} />\n      <FieldLabel\n        htmlFor=\"field-confirm-password\"\n        label={t('authentication:confirmPassword')}\n        required\n      />\n      <input\n        autoComplete=\"off\"\n        disabled={!!disabled}\n        id=\"field-confirm-password\"\n        name=\"confirm-password\"\n        onChange={setValue}\n        type=\"password\"\n        value={(value as string) || ''}\n      />\n    </div>\n  )\n}\n"],"names":["React","useCallback","FieldError","FieldLabel","useFormFields","useField","useTranslation","fieldBaseClass","ConfirmPassword","props","disabled","password","fields","t","validate","value","path","setValue","showError","disableFormData","div","className","filter","Boolean","join","htmlFor","label","required","input","autoComplete","id","name","onChange","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,OAAOA,SAASC,WAAW,QAAQ,QAAO;AAE1C,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,aAAa,QAAQ,8BAA6B;AAC3D,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,qBAAoB;AAOnD,OAAO,MAAMC,kBAAuD,CAACC;IACnE,MAAM,EAAEC,QAAQ,EAAE,GAAGD;IAErB,MAAME,WAAWP,cAAyB,CAAC,CAACQ,OAAO,GAAKA,OAAOD,QAAQ;IACvE,MAAM,EAAEE,CAAC,EAAE,GAAGP;IAEd,MAAMQ,WAAWb,YACf,CAACc;QACC,IAAI,CAACA,OAAO;YACV,OAAOF,EAAE;QACX;QAEA,IAAIE,UAAUJ,UAAUI,OAAO;YAC7B,OAAO;QACT;QAEA,OAAOF,EAAE;IACX,GACA;QAACF;QAAUE;KAAE;IAGf,MAAMG,OAAO;IAEb,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEH,KAAK,EAAE,GAAGV,SAAS;QAC9Cc,iBAAiB;QACjBH;QACAF;IACF;IAEA,qBACE,oBAACM;QACCC,WAAW;YAACd;YAAgB;YAAoBW,aAAa;SAAQ,CAClEI,MAAM,CAACC,SACPC,IAAI,CAAC;qBAER,oBAACtB;QAAWc,MAAMA;sBAClB,oBAACb;QACCsB,SAAQ;QACRC,OAAOb,EAAE;QACTc,UAAAA;sBAEF,oBAACC;QACCC,cAAa;QACbnB,UAAU,CAAC,CAACA;QACZoB,IAAG;QACHC,MAAK;QACLC,UAAUf;QACVgB,MAAK;QACLlB,OAAO,AAACA,SAAoB;;AAIpC,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/DateTime/index.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\n'use client'\nimport type { ClientValidate } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback } from 'react'\n\nimport { DatePickerField } from '../../elements/DatePicker/index.js'\nimport { FieldLabel } from '../../forms/FieldLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst baseClass = 'date-time-field'\n\nimport type { DateField, FieldBase } from 'payload/types'\n\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport { FieldError } from '@payloadcms/ui/forms/FieldError'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\n\nimport type { FormFieldBase } from '../shared/index.js'\n\nimport { withCondition } from '../../forms/withCondition/index.js'\n\nexport type DateFieldProps = FormFieldBase & {\n  date?: DateField['admin']['date']\n  label?: FieldBase['label']\n  name?: string\n  path?: string\n  placeholder?: DateField['admin']['placeholder'] | string\n  width?: string\n}\n\nconst DateTimeField: React.FC<DateFieldProps> = (props) => {\n  const {\n    name,\n    AfterInput,\n    BeforeInput,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    className,\n    date: datePickerProps,\n    descriptionProps,\n    errorProps,\n    label,\n    labelProps,\n    path: pathFromProps,\n    placeholder,\n    readOnly: readOnlyFromProps,\n    required,\n    style,\n    validate,\n    width,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const memoizedValidate: ClientValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const { path, setValue, showError, value } = useField<Date>({\n    path: pathFromContext || pathFromProps || name,\n    validate: memoizedValidate,\n  })\n\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && `${baseClass}--has-error`,\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <div className={`${baseClass}__error-wrap`}>\n        <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />\n      </div>\n      <FieldLabel\n        CustomLabel={CustomLabel}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div className={`${baseClass}__input-wrapper`} id={`field-${path.replace(/\\./g, '__')}`}>\n        {BeforeInput}\n        <DatePickerField\n          {...datePickerProps}\n          onChange={(incomingDate) => {\n            if (!readOnly) setValue(incomingDate?.toISOString() || null)\n          }}\n          placeholder={getTranslation(placeholder, i18n)}\n          readOnly={readOnly}\n          value={value}\n        />\n        {AfterInput}\n      </div>\n      {CustomDescription !== undefined ? (\n        CustomDescription\n      ) : (\n        <FieldDescription {...(descriptionProps || {})} />\n      )}\n    </div>\n  )\n}\n\nexport const DateTime = withCondition(DateTimeField)\n"],"names":["getTranslation","React","useCallback","DatePickerField","FieldLabel","useField","useTranslation","fieldBaseClass","baseClass","FieldDescription","FieldError","useFieldProps","withCondition","DateTimeField","props","name","AfterInput","BeforeInput","CustomDescription","CustomError","CustomLabel","className","date","datePickerProps","descriptionProps","errorProps","label","labelProps","path","pathFromProps","placeholder","readOnly","readOnlyFromProps","required","style","validate","width","i18n","memoizedValidate","value","options","pathFromContext","readOnlyFromContext","setValue","showError","div","filter","Boolean","join","id","replace","onChange","incomingDate","toISOString","undefined","DateTime"],"mappings":"AAAA,iDAAiD,GACjD;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAE1C,SAASC,eAAe,QAAQ,qCAAoC;AACpE,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,qBAAoB;AAGnD,MAAMC,YAAY;AAIlB,SAASC,gBAAgB,QAAQ,wCAAuC;AACxE,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,aAAa,QAAQ,0CAAyC;AAIvE,SAASC,aAAa,QAAQ,qCAAoC;AAWlE,MAAMC,gBAA0C,CAACC;IAC/C,MAAM,EACJC,IAAI,EACJC,UAAU,EACVC,WAAW,EACXC,iBAAiB,EACjBC,WAAW,EACXC,WAAW,EACXC,SAAS,EACTC,MAAMC,eAAe,EACrBC,gBAAgB,EAChBC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,MAAMC,aAAa,EACnBC,WAAW,EACXC,UAAUC,iBAAiB,EAC3BC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACN,GAAGtB;IAEJ,MAAM,EAAEuB,IAAI,EAAE,GAAG/B;IAEjB,MAAMgC,mBAAmCpC,YACvC,CAACqC,OAAOC;QACN,IAAI,OAAOL,aAAa,YAAY;YAClC,OAAOA,SAASI,OAAO;gBAAE,GAAGC,OAAO;gBAAEP;YAAS;QAChD;IACF,GACA;QAACE;QAAUF;KAAS;IAGtB,MAAM,EAAEL,MAAMa,eAAe,EAAEV,UAAUW,mBAAmB,EAAE,GAAG/B;IAEjE,MAAM,EAAEiB,IAAI,EAAEe,QAAQ,EAAEC,SAAS,EAAEL,KAAK,EAAE,GAAGlC,SAAe;QAC1DuB,MAAMa,mBAAmBZ,iBAAiBd;QAC1CoB,UAAUG;IACZ;IAEA,MAAMP,WAAWC,qBAAqBU;IAEtC,qBACE,oBAACG;QACCxB,WAAW;YACTd;YACAC;YACAa;YACAuB,aAAa,CAAC,EAAEpC,UAAU,WAAW,CAAC;YACtCuB,YAAY;SACb,CACEe,MAAM,CAACC,SACPC,IAAI,CAAC;QACRd,OAAO;YACL,GAAGA,KAAK;YACRE;QACF;qBAEA,oBAACS;QAAIxB,WAAW,CAAC,EAAEb,UAAU,YAAY,CAAC;qBACxC,oBAACE;QAAWS,aAAaA;QAAaS,MAAMA;QAAO,GAAIH,cAAc,CAAC,CAAC;uBAEzE,oBAACrB;QACCgB,aAAaA;QACbM,OAAOA;QACPO,UAAUA;QACT,GAAIN,cAAc,CAAC,CAAC;sBAEvB,oBAACkB;QAAIxB,WAAW,CAAC,EAAEb,UAAU,eAAe,CAAC;QAAEyC,IAAI,CAAC,MAAM,EAAErB,KAAKsB,OAAO,CAAC,OAAO,MAAM,CAAC;OACpFjC,2BACD,oBAACd;QACE,GAAGoB,eAAe;QACnB4B,UAAU,CAACC;YACT,IAAI,CAACrB,UAAUY,SAASS,cAAcC,iBAAiB;QACzD;QACAvB,aAAa9B,eAAe8B,aAAaO;QACzCN,UAAUA;QACVQ,OAAOA;QAERvB,aAEFE,sBAAsBoC,YACrBpC,kCAEA,oBAACT,kBAAsBe,oBAAoB,CAAC;AAIpD;AAEA,OAAO,MAAM+B,WAAW3C,cAAcC,eAAc"}
+{"version":3,"sources":["../../../src/fields/DateTime/index.tsx"],"sourcesContent":["/* eslint-disable react/destructuring-assignment */\n'use client'\nimport type { ClientValidate } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback } from 'react'\n\nimport { DatePickerField } from '../../elements/DatePicker/index.js'\nimport { FieldLabel } from '../../forms/FieldLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst baseClass = 'date-time-field'\n\nimport type { DateField, FieldBase } from 'payload/types'\n\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport { FieldError } from '@payloadcms/ui/forms/FieldError'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\n\nimport type { FormFieldBase } from '../shared/index.js'\n\nimport { withCondition } from '../../forms/withCondition/index.js'\n\nexport type DateFieldProps = FormFieldBase & {\n  date?: DateField['admin']['date']\n  label?: FieldBase['label']\n  name?: string\n  path?: string\n  placeholder?: DateField['admin']['placeholder'] | string\n  width?: string\n}\n\nconst DateTimeField: React.FC<DateFieldProps> = (props) => {\n  const {\n    name,\n    AfterInput,\n    BeforeInput,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    className,\n    date: datePickerProps,\n    descriptionProps,\n    errorProps,\n    label,\n    labelProps,\n    path: pathFromProps,\n    placeholder,\n    readOnly: readOnlyFromProps,\n    required,\n    style,\n    validate,\n    width,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const memoizedValidate: ClientValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const { path, setValue, showError, value } = useField<Date>({\n    path: pathFromContext || pathFromProps || name,\n    validate: memoizedValidate,\n  })\n\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && `${baseClass}--has-error`,\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <div className={`${baseClass}__error-wrap`}>\n        <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />\n      </div>\n      <FieldLabel\n        CustomLabel={CustomLabel}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div className={`${baseClass}__input-wrapper`} id={`field-${path.replace(/\\./g, '__')}`}>\n        {BeforeInput}\n        <DatePickerField\n          {...datePickerProps}\n          onChange={(incomingDate) => {\n            if (!readOnly) setValue(incomingDate?.toISOString() || null)\n          }}\n          placeholder={getTranslation(placeholder, i18n)}\n          readOnly={readOnly}\n          value={value}\n        />\n        {AfterInput}\n      </div>\n      {CustomDescription !== undefined ? (\n        CustomDescription\n      ) : (\n        <FieldDescription {...(descriptionProps || {})} />\n      )}\n    </div>\n  )\n}\n\nexport const DateTime = withCondition(DateTimeField)\n"],"names":["getTranslation","React","useCallback","DatePickerField","FieldLabel","useField","useTranslation","fieldBaseClass","baseClass","FieldDescription","FieldError","useFieldProps","withCondition","DateTimeField","props","name","AfterInput","BeforeInput","CustomDescription","CustomError","CustomLabel","className","date","datePickerProps","descriptionProps","errorProps","label","labelProps","path","pathFromProps","placeholder","readOnly","readOnlyFromProps","required","style","validate","width","i18n","memoizedValidate","value","options","pathFromContext","readOnlyFromContext","setValue","showError","div","filter","Boolean","join","id","replace","onChange","incomingDate","toISOString","undefined","DateTime"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,iDAAiD,GACjD;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAE1C,SAASC,eAAe,QAAQ,qCAAoC;AACpE,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,qBAAoB;AAGnD,MAAMC,YAAY;AAIlB,SAASC,gBAAgB,QAAQ,wCAAuC;AACxE,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,aAAa,QAAQ,0CAAyC;AAIvE,SAASC,aAAa,QAAQ,qCAAoC;AAWlE,MAAMC,gBAA0C,CAACC;IAC/C,MAAM,EACJC,IAAI,EACJC,UAAU,EACVC,WAAW,EACXC,iBAAiB,EACjBC,WAAW,EACXC,WAAW,EACXC,SAAS,EACTC,MAAMC,eAAe,EACrBC,gBAAgB,EAChBC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,MAAMC,aAAa,EACnBC,WAAW,EACXC,UAAUC,iBAAiB,EAC3BC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACN,GAAGtB;IAEJ,MAAM,EAAEuB,IAAI,EAAE,GAAG/B;IAEjB,MAAMgC,mBAAmCpC,YACvC,CAACqC,OAAOC;QACN,IAAI,OAAOL,aAAa,YAAY;YAClC,OAAOA,SAASI,OAAO;gBAAE,GAAGC,OAAO;gBAAEP;YAAS;QAChD;IACF,GACA;QAACE;QAAUF;KAAS;IAGtB,MAAM,EAAEL,MAAMa,eAAe,EAAEV,UAAUW,mBAAmB,EAAE,GAAG/B;IAEjE,MAAM,EAAEiB,IAAI,EAAEe,QAAQ,EAAEC,SAAS,EAAEL,KAAK,EAAE,GAAGlC,SAAe;QAC1DuB,MAAMa,mBAAmBZ,iBAAiBd;QAC1CoB,UAAUG;IACZ;IAEA,MAAMP,WAAWC,qBAAqBU;IAEtC,qBACE,oBAACG;QACCxB,WAAW;YACTd;YACAC;YACAa;YACAuB,aAAa,CAAC,EAAEpC,UAAU,WAAW,CAAC;YACtCuB,YAAY;SACb,CACEe,MAAM,CAACC,SACPC,IAAI,CAAC;QACRd,OAAO;YACL,GAAGA,KAAK;YACRE;QACF;qBAEA,oBAACS;QAAIxB,WAAW,CAAC,EAAEb,UAAU,YAAY,CAAC;qBACxC,oBAACE;QAAWS,aAAaA;QAAaS,MAAMA;QAAO,GAAIH,cAAc,CAAC,CAAC;uBAEzE,oBAACrB;QACCgB,aAAaA;QACbM,OAAOA;QACPO,UAAUA;QACT,GAAIN,cAAc,CAAC,CAAC;sBAEvB,oBAACkB;QAAIxB,WAAW,CAAC,EAAEb,UAAU,eAAe,CAAC;QAAEyC,IAAI,CAAC,MAAM,EAAErB,KAAKsB,OAAO,CAAC,OAAO,MAAM,CAAC;OACpFjC,2BACD,oBAACd;QACE,GAAGoB,eAAe;QACnB4B,UAAU,CAACC;YACT,IAAI,CAACrB,UAAUY,SAASS,cAAcC,iBAAiB;QACzD;QACAvB,aAAa9B,eAAe8B,aAAaO;QACzCN,UAAUA;QACVQ,OAAOA;QAERvB,aAEFE,sBAAsBoC,YACrBpC,kCAEA,oBAACT,kBAAsBe,oBAAoB,CAAC;AAIpD;AAEA,OAAO,MAAM+B,WAAW3C,cAAcC,eAAc"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Email/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientValidate } from 'payload/types'\nimport type { EmailField as EmailFieldType, FieldBase } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport { FieldError } from '@payloadcms/ui/forms/FieldError'\nimport { FieldLabel } from '@payloadcms/ui/forms/FieldLabel'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\nimport React, { useCallback } from 'react'\n\nimport type { FormFieldBase } from '../shared/index.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport type EmailFieldProps = FormFieldBase & {\n  autoComplete?: string\n  label?: FieldBase['label']\n  name?: string\n  path?: string\n  placeholder?: EmailFieldType['admin']['placeholder']\n  width?: string\n}\n\nconst EmailField: React.FC<EmailFieldProps> = (props) => {\n  const {\n    name,\n    AfterInput,\n    BeforeInput,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    autoComplete,\n    className,\n    descriptionProps,\n    errorProps,\n    label,\n    labelProps,\n    path: pathFromProps,\n    placeholder,\n    readOnly: readOnlyFromProps,\n    required,\n    style,\n    validate,\n    width,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const memoizedValidate: ClientValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n\n  const { path, setValue, showError, value } = useField({\n    path: pathFromContext || pathFromProps || name,\n    validate: memoizedValidate,\n  })\n\n  return (\n    <div\n      className={[fieldBaseClass, 'email', className, showError && 'error', readOnly && 'read-only']\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />\n      <FieldLabel\n        CustomLabel={CustomLabel}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div>\n        {BeforeInput}\n        <input\n          autoComplete={autoComplete}\n          disabled={readOnly}\n          id={`field-${path.replace(/\\./g, '__')}`}\n          name={path}\n          onChange={setValue}\n          placeholder={getTranslation(placeholder, i18n)}\n          type=\"email\"\n          value={(value as string) || ''}\n        />\n        {AfterInput}\n      </div>\n      {CustomDescription !== undefined ? (\n        CustomDescription\n      ) : (\n        <FieldDescription {...(descriptionProps || {})} />\n      )}\n    </div>\n  )\n}\n\nexport const Email = withCondition(EmailField)\n"],"names":["getTranslation","FieldDescription","FieldError","FieldLabel","useFieldProps","React","useCallback","useField","withCondition","useTranslation","fieldBaseClass","EmailField","props","name","AfterInput","BeforeInput","CustomDescription","CustomError","CustomLabel","autoComplete","className","descriptionProps","errorProps","label","labelProps","path","pathFromProps","placeholder","readOnly","readOnlyFromProps","required","style","validate","width","i18n","memoizedValidate","value","options","pathFromContext","readOnlyFromContext","setValue","showError","div","filter","Boolean","join","input","disabled","id","replace","onChange","type","undefined","Email"],"mappings":"AAAA;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,gBAAgB,QAAQ,wCAAuC;AACxE,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,aAAa,QAAQ,0CAAyC;AACvE,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAI1C,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,qBAAoB;AAYnD,MAAMC,aAAwC,CAACC;IAC7C,MAAM,EACJC,IAAI,EACJC,UAAU,EACVC,WAAW,EACXC,iBAAiB,EACjBC,WAAW,EACXC,WAAW,EACXC,YAAY,EACZC,SAAS,EACTC,gBAAgB,EAChBC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,MAAMC,aAAa,EACnBC,WAAW,EACXC,UAAUC,iBAAiB,EAC3BC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACN,GAAGrB;IAEJ,MAAM,EAAEsB,IAAI,EAAE,GAAGzB;IAEjB,MAAM0B,mBAAmC7B,YACvC,CAAC8B,OAAOC;QACN,IAAI,OAAOL,aAAa,YAAY;YAClC,OAAOA,SAASI,OAAO;gBAAE,GAAGC,OAAO;gBAAEP;YAAS;QAChD;IACF,GACA;QAACE;QAAUF;KAAS;IAGtB,MAAM,EAAEL,MAAMa,eAAe,EAAEV,UAAUW,mBAAmB,EAAE,GAAGnC;IACjE,MAAMwB,WAAWC,qBAAqBU;IAEtC,MAAM,EAAEd,IAAI,EAAEe,QAAQ,EAAEC,SAAS,EAAEL,KAAK,EAAE,GAAG7B,SAAS;QACpDkB,MAAMa,mBAAmBZ,iBAAiBb;QAC1CmB,UAAUG;IACZ;IAEA,qBACE,oBAACO;QACCtB,WAAW;YAACV;YAAgB;YAASU;YAAWqB,aAAa;YAASb,YAAY;SAAY,CAC3Fe,MAAM,CAACC,SACPC,IAAI,CAAC;QACRd,OAAO;YACL,GAAGA,KAAK;YACRE;QACF;qBAEA,oBAAC/B;QAAWe,aAAaA;QAAaQ,MAAMA;QAAO,GAAIH,cAAc,CAAC,CAAC;sBACvE,oBAACnB;QACCe,aAAaA;QACbK,OAAOA;QACPO,UAAUA;QACT,GAAIN,cAAc,CAAC,CAAC;sBAEvB,oBAACkB,aACE3B,2BACD,oBAAC+B;QACC3B,cAAcA;QACd4B,UAAUnB;QACVoB,IAAI,CAAC,MAAM,EAAEvB,KAAKwB,OAAO,CAAC,OAAO,MAAM,CAAC;QACxCpC,MAAMY;QACNyB,UAAUV;QACVb,aAAa3B,eAAe2B,aAAaO;QACzCiB,MAAK;QACLf,OAAO,AAACA,SAAoB;QAE7BtB,aAEFE,sBAAsBoC,YACrBpC,kCAEA,oBAACf,kBAAsBoB,oBAAoB,CAAC;AAIpD;AAEA,OAAO,MAAMgC,QAAQ7C,cAAcG,YAAW"}
+{"version":3,"sources":["../../../src/fields/Email/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientValidate } from 'payload/types'\nimport type { EmailField as EmailFieldType, FieldBase } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport { FieldError } from '@payloadcms/ui/forms/FieldError'\nimport { FieldLabel } from '@payloadcms/ui/forms/FieldLabel'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\nimport React, { useCallback } from 'react'\n\nimport type { FormFieldBase } from '../shared/index.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport type EmailFieldProps = FormFieldBase & {\n  autoComplete?: string\n  label?: FieldBase['label']\n  name?: string\n  path?: string\n  placeholder?: EmailFieldType['admin']['placeholder']\n  width?: string\n}\n\nconst EmailField: React.FC<EmailFieldProps> = (props) => {\n  const {\n    name,\n    AfterInput,\n    BeforeInput,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    autoComplete,\n    className,\n    descriptionProps,\n    errorProps,\n    label,\n    labelProps,\n    path: pathFromProps,\n    placeholder,\n    readOnly: readOnlyFromProps,\n    required,\n    style,\n    validate,\n    width,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const memoizedValidate: ClientValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n\n  const { path, setValue, showError, value } = useField({\n    path: pathFromContext || pathFromProps || name,\n    validate: memoizedValidate,\n  })\n\n  return (\n    <div\n      className={[fieldBaseClass, 'email', className, showError && 'error', readOnly && 'read-only']\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />\n      <FieldLabel\n        CustomLabel={CustomLabel}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div>\n        {BeforeInput}\n        <input\n          autoComplete={autoComplete}\n          disabled={readOnly}\n          id={`field-${path.replace(/\\./g, '__')}`}\n          name={path}\n          onChange={setValue}\n          placeholder={getTranslation(placeholder, i18n)}\n          type=\"email\"\n          value={(value as string) || ''}\n        />\n        {AfterInput}\n      </div>\n      {CustomDescription !== undefined ? (\n        CustomDescription\n      ) : (\n        <FieldDescription {...(descriptionProps || {})} />\n      )}\n    </div>\n  )\n}\n\nexport const Email = withCondition(EmailField)\n"],"names":["getTranslation","FieldDescription","FieldError","FieldLabel","useFieldProps","React","useCallback","useField","withCondition","useTranslation","fieldBaseClass","EmailField","props","name","AfterInput","BeforeInput","CustomDescription","CustomError","CustomLabel","autoComplete","className","descriptionProps","errorProps","label","labelProps","path","pathFromProps","placeholder","readOnly","readOnlyFromProps","required","style","validate","width","i18n","memoizedValidate","value","options","pathFromContext","readOnlyFromContext","setValue","showError","div","filter","Boolean","join","input","disabled","id","replace","onChange","type","undefined","Email"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,gBAAgB,QAAQ,wCAAuC;AACxE,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,aAAa,QAAQ,0CAAyC;AACvE,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAI1C,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,qBAAoB;AAYnD,MAAMC,aAAwC,CAACC;IAC7C,MAAM,EACJC,IAAI,EACJC,UAAU,EACVC,WAAW,EACXC,iBAAiB,EACjBC,WAAW,EACXC,WAAW,EACXC,YAAY,EACZC,SAAS,EACTC,gBAAgB,EAChBC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,MAAMC,aAAa,EACnBC,WAAW,EACXC,UAAUC,iBAAiB,EAC3BC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACN,GAAGrB;IAEJ,MAAM,EAAEsB,IAAI,EAAE,GAAGzB;IAEjB,MAAM0B,mBAAmC7B,YACvC,CAAC8B,OAAOC;QACN,IAAI,OAAOL,aAAa,YAAY;YAClC,OAAOA,SAASI,OAAO;gBAAE,GAAGC,OAAO;gBAAEP;YAAS;QAChD;IACF,GACA;QAACE;QAAUF;KAAS;IAGtB,MAAM,EAAEL,MAAMa,eAAe,EAAEV,UAAUW,mBAAmB,EAAE,GAAGnC;IACjE,MAAMwB,WAAWC,qBAAqBU;IAEtC,MAAM,EAAEd,IAAI,EAAEe,QAAQ,EAAEC,SAAS,EAAEL,KAAK,EAAE,GAAG7B,SAAS;QACpDkB,MAAMa,mBAAmBZ,iBAAiBb;QAC1CmB,UAAUG;IACZ;IAEA,qBACE,oBAACO;QACCtB,WAAW;YAACV;YAAgB;YAASU;YAAWqB,aAAa;YAASb,YAAY;SAAY,CAC3Fe,MAAM,CAACC,SACPC,IAAI,CAAC;QACRd,OAAO;YACL,GAAGA,KAAK;YACRE;QACF;qBAEA,oBAAC/B;QAAWe,aAAaA;QAAaQ,MAAMA;QAAO,GAAIH,cAAc,CAAC,CAAC;sBACvE,oBAACnB;QACCe,aAAaA;QACbK,OAAOA;QACPO,UAAUA;QACT,GAAIN,cAAc,CAAC,CAAC;sBAEvB,oBAACkB,aACE3B,2BACD,oBAAC+B;QACC3B,cAAcA;QACd4B,UAAUnB;QACVoB,IAAI,CAAC,MAAM,EAAEvB,KAAKwB,OAAO,CAAC,OAAO,MAAM,CAAC;QACxCpC,MAAMY;QACNyB,UAAUV;QACVb,aAAa3B,eAAe2B,aAAaO;QACzCiB,MAAK;QACLf,OAAO,AAACA,SAAoB;QAE7BtB,aAEFE,sBAAsBoC,YACrBpC,kCAEA,oBAACf,kBAAsBoB,oBAAoB,CAAC;AAIpD;AAEA,OAAO,MAAMgC,QAAQ7C,cAAcG,YAAW"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Group/index.tsx"],"sourcesContent":["'use client'\nimport type { FieldPermissions } from 'payload/auth'\nimport type { FieldBase } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport React, { Fragment } from 'react'\n\nimport type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js'\nimport type { FormFieldBase } from '../shared/index.js'\n\nimport { useCollapsible } from '../../elements/Collapsible/provider.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useRow } from '../Row/provider.js'\nimport { useTabs } from '../Tabs/provider.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\nimport { GroupProvider, useGroup } from './provider.js'\n\nconst baseClass = 'group-field'\n\nexport type GroupFieldProps = FormFieldBase & {\n  fieldMap: FieldMap\n  forceRender?: boolean\n  hideGutter?: boolean\n  label?: FieldBase['label']\n  name?: string\n  permissions: FieldPermissions\n  width?: string\n}\n\nconst GroupField: React.FC<GroupFieldProps> = (props) => {\n  const {\n    CustomDescription,\n    CustomLabel,\n    className,\n    descriptionProps,\n    fieldMap,\n    hideGutter,\n    labelProps,\n    readOnly: readOnlyFromProps,\n    style,\n    width,\n  } = props\n\n  const { path, permissions, readOnly: readOnlyFromContext, schemaPath } = useFieldProps()\n  const { i18n } = useTranslation()\n  const { isWithinCollapsible } = useCollapsible()\n  const isWithinGroup = useGroup()\n  const isWithinRow = useRow()\n  const isWithinTab = useTabs()\n  const { errorPaths } = useField({ path })\n  const submitted = useFormSubmitted()\n  const errorCount = errorPaths.length\n  const fieldHasErrors = submitted && errorCount > 0\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n\n  const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow)\n\n  return (\n    <Fragment>\n      <div\n        className={[\n          fieldBaseClass,\n          baseClass,\n          isTopLevel && `${baseClass}--top-level`,\n          isWithinCollapsible && `${baseClass}--within-collapsible`,\n          isWithinGroup && `${baseClass}--within-group`,\n          isWithinRow && `${baseClass}--within-row`,\n          isWithinTab && `${baseClass}--within-tab`,\n          !hideGutter && isWithinGroup && `${baseClass}--gutter`,\n          fieldHasErrors && `${baseClass}--has-error`,\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        id={`field-${path?.replace(/\\./g, '__')}`}\n        style={{\n          ...style,\n          width,\n        }}\n      >\n        <GroupProvider>\n          <div className={`${baseClass}__wrap`}>\n            <div className={`${baseClass}__header`}>\n              {(CustomLabel || CustomDescription || labelProps?.label) && (\n                <header>\n                  {CustomLabel !== undefined ? (\n                    CustomLabel\n                  ) : labelProps?.label ? (\n                    <h3 className={`${baseClass}__title`}>\n                      {getTranslation(labelProps.label, i18n)}\n                    </h3>\n                  ) : null}\n                  {CustomDescription !== undefined ? (\n                    CustomDescription\n                  ) : (\n                    <FieldDescription {...(descriptionProps || {})} />\n                  )}\n                </header>\n              )}\n              {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n            </div>\n            <RenderFields\n              fieldMap={fieldMap}\n              margins=\"small\"\n              path={path}\n              permissions={permissions?.fields}\n              readOnly={readOnly}\n              schemaPath={schemaPath}\n            />\n          </div>\n        </GroupProvider>\n      </div>\n    </Fragment>\n  )\n}\n\nexport { GroupProvider, useGroup }\n\nexport const Group = withCondition(GroupField)\n"],"names":["getTranslation","FieldDescription","React","Fragment","useCollapsible","ErrorPill","useFieldProps","useFormSubmitted","RenderFields","useField","withCondition","useTranslation","useRow","useTabs","fieldBaseClass","GroupProvider","useGroup","baseClass","GroupField","props","CustomDescription","CustomLabel","className","descriptionProps","fieldMap","hideGutter","labelProps","readOnly","readOnlyFromProps","style","width","path","permissions","readOnlyFromContext","schemaPath","i18n","isWithinCollapsible","isWithinGroup","isWithinRow","isWithinTab","errorPaths","submitted","errorCount","length","fieldHasErrors","isTopLevel","div","filter","Boolean","join","id","replace","label","header","undefined","h3","count","withMessage","margins","fields","Group"],"mappings":"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"}
+{"version":3,"sources":["../../../src/fields/Group/index.tsx"],"sourcesContent":["'use client'\nimport type { FieldPermissions } from 'payload/auth'\nimport type { FieldBase } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport React, { Fragment } from 'react'\n\nimport type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js'\nimport type { FormFieldBase } from '../shared/index.js'\n\nimport { useCollapsible } from '../../elements/Collapsible/provider.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useRow } from '../Row/provider.js'\nimport { useTabs } from '../Tabs/provider.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\nimport { GroupProvider, useGroup } from './provider.js'\n\nconst baseClass = 'group-field'\n\nexport type GroupFieldProps = FormFieldBase & {\n  fieldMap: FieldMap\n  forceRender?: boolean\n  hideGutter?: boolean\n  label?: FieldBase['label']\n  name?: string\n  permissions: FieldPermissions\n  width?: string\n}\n\nconst GroupField: React.FC<GroupFieldProps> = (props) => {\n  const {\n    CustomDescription,\n    CustomLabel,\n    className,\n    descriptionProps,\n    fieldMap,\n    hideGutter,\n    labelProps,\n    readOnly: readOnlyFromProps,\n    style,\n    width,\n  } = props\n\n  const { path, permissions, readOnly: readOnlyFromContext, schemaPath } = useFieldProps()\n  const { i18n } = useTranslation()\n  const { isWithinCollapsible } = useCollapsible()\n  const isWithinGroup = useGroup()\n  const isWithinRow = useRow()\n  const isWithinTab = useTabs()\n  const { errorPaths } = useField({ path })\n  const submitted = useFormSubmitted()\n  const errorCount = errorPaths.length\n  const fieldHasErrors = submitted && errorCount > 0\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n\n  const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow)\n\n  return (\n    <Fragment>\n      <div\n        className={[\n          fieldBaseClass,\n          baseClass,\n          isTopLevel && `${baseClass}--top-level`,\n          isWithinCollapsible && `${baseClass}--within-collapsible`,\n          isWithinGroup && `${baseClass}--within-group`,\n          isWithinRow && `${baseClass}--within-row`,\n          isWithinTab && `${baseClass}--within-tab`,\n          !hideGutter && isWithinGroup && `${baseClass}--gutter`,\n          fieldHasErrors && `${baseClass}--has-error`,\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        id={`field-${path?.replace(/\\./g, '__')}`}\n        style={{\n          ...style,\n          width,\n        }}\n      >\n        <GroupProvider>\n          <div className={`${baseClass}__wrap`}>\n            <div className={`${baseClass}__header`}>\n              {(CustomLabel || CustomDescription || labelProps?.label) && (\n                <header>\n                  {CustomLabel !== undefined ? (\n                    CustomLabel\n                  ) : labelProps?.label ? (\n                    <h3 className={`${baseClass}__title`}>\n                      {getTranslation(labelProps.label, i18n)}\n                    </h3>\n                  ) : null}\n                  {CustomDescription !== undefined ? (\n                    CustomDescription\n                  ) : (\n                    <FieldDescription {...(descriptionProps || {})} />\n                  )}\n                </header>\n              )}\n              {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n            </div>\n            <RenderFields\n              fieldMap={fieldMap}\n              margins=\"small\"\n              path={path}\n              permissions={permissions?.fields}\n              readOnly={readOnly}\n              schemaPath={schemaPath}\n            />\n          </div>\n        </GroupProvider>\n      </div>\n    </Fragment>\n  )\n}\n\nexport { GroupProvider, useGroup }\n\nexport const Group = withCondition(GroupField)\n"],"names":["getTranslation","FieldDescription","React","Fragment","useCollapsible","ErrorPill","useFieldProps","useFormSubmitted","RenderFields","useField","withCondition","useTranslation","useRow","useTabs","fieldBaseClass","GroupProvider","useGroup","baseClass","GroupField","props","CustomDescription","CustomLabel","className","descriptionProps","fieldMap","hideGutter","labelProps","readOnly","readOnlyFromProps","style","width","path","permissions","readOnlyFromContext","schemaPath","i18n","isWithinCollapsible","isWithinGroup","isWithinRow","isWithinTab","errorPaths","submitted","errorCount","length","fieldHasErrors","isTopLevel","div","filter","Boolean","join","id","replace","label","header","undefined","h3","count","withMessage","margins","fields","Group"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/fields/Group/provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Group/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useContext } from 'react'\n\nexport const GroupContext = createContext(false)\n\nexport const GroupProvider: React.FC<{ children?: React.ReactNode; withinGroup?: boolean }> = ({\n  children,\n  withinGroup = true,\n}) => {\n  return <GroupContext.Provider value={withinGroup}>{children}</GroupContext.Provider>\n}\n\nexport const useGroup = (): boolean => useContext(GroupContext)\n"],"names":["React","createContext","useContext","GroupContext","GroupProvider","children","withinGroup","Provider","value","useGroup"],"mappings":"AAAA;AACA,OAAOA,SAASC,aAAa,EAAEC,UAAU,QAAQ,QAAO;AAExD,OAAO,MAAMC,6BAAeF,cAAc,OAAM;AAEhD,OAAO,MAAMG,gBAAiF,CAAC,EAC7FC,QAAQ,EACRC,cAAc,IAAI,EACnB;IACC,qBAAO,oBAACH,aAAaI,QAAQ;QAACC,OAAOF;OAAcD;AACrD,EAAC;AAED,OAAO,MAAMI,WAAW,IAAeP,WAAWC,cAAa"}
+{"version":3,"sources":["../../../src/fields/Group/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useContext } from 'react'\n\nexport const GroupContext = createContext(false)\n\nexport const GroupProvider: React.FC<{ children?: React.ReactNode; withinGroup?: boolean }> = ({\n  children,\n  withinGroup = true,\n}) => {\n  return <GroupContext.Provider value={withinGroup}>{children}</GroupContext.Provider>\n}\n\nexport const useGroup = (): boolean => useContext(GroupContext)\n"],"names":["React","createContext","useContext","GroupContext","GroupProvider","children","withinGroup","Provider","value","useGroup"],"rangeMappings":";;;;;;;;","mappings":"AAAA;AACA,OAAOA,SAASC,aAAa,EAAEC,UAAU,QAAQ,QAAO;AAExD,OAAO,MAAMC,6BAAeF,cAAc,OAAM;AAEhD,OAAO,MAAMG,gBAAiF,CAAC,EAC7FC,QAAQ,EACRC,cAAc,IAAI,EACnB;IACC,qBAAO,oBAACH,aAAaI,QAAQ;QAACC,OAAOF;OAAcD;AACrD,EAAC;AAED,OAAO,MAAMI,WAAW,IAAeP,WAAWC,cAAa"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/HiddenInput/index.tsx"],"sourcesContent":["'use client'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\nimport React, { useEffect } from 'react'\n\nimport type { FormFieldBase } from '../index.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\n\nexport type HiddenInputFieldProps = FormFieldBase & {\n  disableModifyingForm?: false\n  forceUsePathFromProps?: boolean\n  name: string\n  path?: string\n  value?: unknown\n}\n\n/**\n * This is mainly used to save a value on the form that is not visible to the user.\n * For example, this sets the `ìd` property of a block in the Blocks field.\n */\nconst HiddenInputField: React.FC<HiddenInputFieldProps> = (props) => {\n  const {\n    name,\n    disableModifyingForm = true,\n    forceUsePathFromProps,\n    path: pathFromProps,\n    value: valueFromProps,\n  } = props\n\n  const { path: pathFromContext } = useFieldProps()\n\n  const { path, setValue, value } = useField({\n    path: (!forceUsePathFromProps ? pathFromContext : null) || pathFromProps || name,\n  })\n\n  useEffect(() => {\n    if (valueFromProps !== undefined) {\n      setValue(valueFromProps, disableModifyingForm)\n    }\n  }, [valueFromProps, setValue, disableModifyingForm])\n\n  return (\n    <input\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      name={path}\n      onChange={setValue}\n      type=\"hidden\"\n      value={(value as string) || ''}\n    />\n  )\n}\n\nexport const HiddenInput = withCondition(HiddenInputField)\n"],"names":["useFieldProps","React","useEffect","useField","withCondition","HiddenInputField","props","name","disableModifyingForm","forceUsePathFromProps","path","pathFromProps","value","valueFromProps","pathFromContext","setValue","undefined","input","id","replace","onChange","type","HiddenInput"],"mappings":"AAAA;AACA,SAASA,aAAa,QAAQ,0CAAyC;AACvE,OAAOC,SAASC,SAAS,QAAQ,QAAO;AAIxC,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAUlE;;;CAGC,GACD,MAAMC,mBAAoD,CAACC;IACzD,MAAM,EACJC,IAAI,EACJC,uBAAuB,IAAI,EAC3BC,qBAAqB,EACrBC,MAAMC,aAAa,EACnBC,OAAOC,cAAc,EACtB,GAAGP;IAEJ,MAAM,EAAEI,MAAMI,eAAe,EAAE,GAAGd;IAElC,MAAM,EAAEU,IAAI,EAAEK,QAAQ,EAAEH,KAAK,EAAE,GAAGT,SAAS;QACzCO,MAAM,AAAC,CAAA,CAACD,wBAAwBK,kBAAkB,IAAG,KAAMH,iBAAiBJ;IAC9E;IAEAL,UAAU;QACR,IAAIW,mBAAmBG,WAAW;YAChCD,SAASF,gBAAgBL;QAC3B;IACF,GAAG;QAACK;QAAgBE;QAAUP;KAAqB;IAEnD,qBACE,oBAACS;QACCC,IAAI,CAAC,MAAM,EAAER,MAAMS,QAAQ,OAAO,MAAM,CAAC;QACzCZ,MAAMG;QACNU,UAAUL;QACVM,MAAK;QACLT,OAAO,AAACA,SAAoB;;AAGlC;AAEA,OAAO,MAAMU,cAAclB,cAAcC,kBAAiB"}
+{"version":3,"sources":["../../../src/fields/HiddenInput/index.tsx"],"sourcesContent":["'use client'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\nimport React, { useEffect } from 'react'\n\nimport type { FormFieldBase } from '../index.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\n\nexport type HiddenInputFieldProps = FormFieldBase & {\n  disableModifyingForm?: false\n  forceUsePathFromProps?: boolean\n  name: string\n  path?: string\n  value?: unknown\n}\n\n/**\n * This is mainly used to save a value on the form that is not visible to the user.\n * For example, this sets the `ìd` property of a block in the Blocks field.\n */\nconst HiddenInputField: React.FC<HiddenInputFieldProps> = (props) => {\n  const {\n    name,\n    disableModifyingForm = true,\n    forceUsePathFromProps,\n    path: pathFromProps,\n    value: valueFromProps,\n  } = props\n\n  const { path: pathFromContext } = useFieldProps()\n\n  const { path, setValue, value } = useField({\n    path: (!forceUsePathFromProps ? pathFromContext : null) || pathFromProps || name,\n  })\n\n  useEffect(() => {\n    if (valueFromProps !== undefined) {\n      setValue(valueFromProps, disableModifyingForm)\n    }\n  }, [valueFromProps, setValue, disableModifyingForm])\n\n  return (\n    <input\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      name={path}\n      onChange={setValue}\n      type=\"hidden\"\n      value={(value as string) || ''}\n    />\n  )\n}\n\nexport const HiddenInput = withCondition(HiddenInputField)\n"],"names":["useFieldProps","React","useEffect","useField","withCondition","HiddenInputField","props","name","disableModifyingForm","forceUsePathFromProps","path","pathFromProps","value","valueFromProps","pathFromContext","setValue","undefined","input","id","replace","onChange","type","HiddenInput"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,aAAa,QAAQ,0CAAyC;AACvE,OAAOC,SAASC,SAAS,QAAQ,QAAO;AAIxC,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAUlE;;;CAGC,GACD,MAAMC,mBAAoD,CAACC;IACzD,MAAM,EACJC,IAAI,EACJC,uBAAuB,IAAI,EAC3BC,qBAAqB,EACrBC,MAAMC,aAAa,EACnBC,OAAOC,cAAc,EACtB,GAAGP;IAEJ,MAAM,EAAEI,MAAMI,eAAe,EAAE,GAAGd;IAElC,MAAM,EAAEU,IAAI,EAAEK,QAAQ,EAAEH,KAAK,EAAE,GAAGT,SAAS;QACzCO,MAAM,AAAC,CAAA,CAACD,wBAAwBK,kBAAkB,IAAG,KAAMH,iBAAiBJ;IAC9E;IAEAL,UAAU;QACR,IAAIW,mBAAmBG,WAAW;YAChCD,SAASF,gBAAgBL;QAC3B;IACF,GAAG;QAACK;QAAgBE;QAAUP;KAAqB;IAEnD,qBACE,oBAACS;QACCC,IAAI,CAAC,MAAM,EAAER,MAAMS,QAAQ,OAAO,MAAM,CAAC;QACzCZ,MAAMG;QACNU,UAAUL;QACVM,MAAK;QACLT,OAAO,AAACA,SAAoB;;AAGlC;AAEA,OAAO,MAAMU,cAAclB,cAAcC,kBAAiB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientValidate } from 'payload/types'\n\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { CodeEditor } from '../../elements/CodeEditor/index.js'\nimport { FieldLabel } from '../../forms/FieldLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst baseClass = 'json-field'\n\nimport type { FieldBase, JSONField as JSONFieldType } from 'payload/types'\n\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport { FieldError } from '@payloadcms/ui/forms/FieldError'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\n\nimport type { FormFieldBase } from '../shared/index.js'\n\nexport type JSONFieldProps = FormFieldBase & {\n  editorOptions?: JSONFieldType['admin']['editorOptions']\n  label?: FieldBase['label']\n  name?: string\n  path?: string\n  width?: string\n}\n\nconst JSONFieldComponent: React.FC<JSONFieldProps> = (props) => {\n  const {\n    name,\n    AfterInput,\n    BeforeInput,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    className,\n    descriptionProps,\n    editorOptions,\n    errorProps,\n    label,\n    labelProps,\n    path: pathFromProps,\n    readOnly: readOnlyFromProps,\n    required,\n    style,\n    validate,\n    width,\n  } = props\n\n  const [stringValue, setStringValue] = useState<string>()\n  const [jsonError, setJsonError] = useState<string>()\n  const [hasLoadedValue, setHasLoadedValue] = useState(false)\n\n  const memoizedValidate: ClientValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function')\n        return validate(value, { ...options, jsonError, required })\n    },\n    [validate, required, jsonError],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n\n  const { initialValue, path, setValue, showError, value } = useField<string>({\n    path: pathFromContext || pathFromProps || name,\n    validate: memoizedValidate,\n  })\n\n  const handleChange = useCallback(\n    (val) => {\n      if (readOnly) return\n      setStringValue(val)\n\n      try {\n        setValue(val ? JSON.parse(val) : null)\n        setJsonError(undefined)\n      } catch (e) {\n        setValue(val ? val : null)\n        setJsonError(e)\n      }\n    },\n    [readOnly, setValue, setStringValue],\n  )\n\n  useEffect(() => {\n    if (hasLoadedValue) return\n    setStringValue(\n      value || initialValue ? JSON.stringify(value ? value : initialValue, null, 2) : '',\n    )\n    setHasLoadedValue(true)\n  }, [initialValue, value, hasLoadedValue])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />\n      <FieldLabel\n        CustomLabel={CustomLabel}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div>\n        {BeforeInput}\n        <CodeEditor\n          defaultLanguage=\"json\"\n          onChange={handleChange}\n          options={editorOptions}\n          readOnly={readOnly}\n          value={stringValue}\n        />\n        {AfterInput}\n      </div>\n      {CustomDescription !== undefined ? (\n        CustomDescription\n      ) : (\n        <FieldDescription {...(descriptionProps || {})} />\n      )}\n    </div>\n  )\n}\n\nexport const JSONField = withCondition(JSONFieldComponent)\n"],"names":["React","useCallback","useEffect","useState","CodeEditor","FieldLabel","useField","withCondition","fieldBaseClass","baseClass","FieldDescription","FieldError","useFieldProps","JSONFieldComponent","props","name","AfterInput","BeforeInput","CustomDescription","CustomError","CustomLabel","className","descriptionProps","editorOptions","errorProps","label","labelProps","path","pathFromProps","readOnly","readOnlyFromProps","required","style","validate","width","stringValue","setStringValue","jsonError","setJsonError","hasLoadedValue","setHasLoadedValue","memoizedValidate","value","options","pathFromContext","readOnlyFromContext","initialValue","setValue","showError","handleChange","val","JSON","parse","undefined","e","stringify","div","filter","Boolean","join","defaultLanguage","onChange","JSONField"],"mappings":"AAAA;AAGA,OAAOA,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE/D,SAASC,UAAU,QAAQ,qCAAoC;AAC/D,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,cAAc,QAAQ,qBAAoB;AAGnD,MAAMC,YAAY;AAIlB,SAASC,gBAAgB,QAAQ,wCAAuC;AACxE,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,aAAa,QAAQ,0CAAyC;AAYvE,MAAMC,qBAA+C,CAACC;IACpD,MAAM,EACJC,IAAI,EACJC,UAAU,EACVC,WAAW,EACXC,iBAAiB,EACjBC,WAAW,EACXC,WAAW,EACXC,SAAS,EACTC,gBAAgB,EAChBC,aAAa,EACbC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,MAAMC,aAAa,EACnBC,UAAUC,iBAAiB,EAC3BC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACN,GAAGpB;IAEJ,MAAM,CAACqB,aAAaC,eAAe,GAAGjC;IACtC,MAAM,CAACkC,WAAWC,aAAa,GAAGnC;IAClC,MAAM,CAACoC,gBAAgBC,kBAAkB,GAAGrC,SAAS;IAErD,MAAMsC,mBAAmCxC,YACvC,CAACyC,OAAOC;QACN,IAAI,OAAOV,aAAa,YACtB,OAAOA,SAASS,OAAO;YAAE,GAAGC,OAAO;YAAEN;YAAWN;QAAS;IAC7D,GACA;QAACE;QAAUF;QAAUM;KAAU;IAGjC,MAAM,EAAEV,MAAMiB,eAAe,EAAEf,UAAUgB,mBAAmB,EAAE,GAAGjC;IACjE,MAAMiB,WAAWC,qBAAqBe;IAEtC,MAAM,EAAEC,YAAY,EAAEnB,IAAI,EAAEoB,QAAQ,EAAEC,SAAS,EAAEN,KAAK,EAAE,GAAGpC,SAAiB;QAC1EqB,MAAMiB,mBAAmBhB,iBAAiBb;QAC1CkB,UAAUQ;IACZ;IAEA,MAAMQ,eAAehD,YACnB,CAACiD;QACC,IAAIrB,UAAU;QACdO,eAAec;QAEf,IAAI;YACFH,SAASG,MAAMC,KAAKC,KAAK,CAACF,OAAO;YACjCZ,aAAae;QACf,EAAE,OAAOC,GAAG;YACVP,SAASG,MAAMA,MAAM;YACrBZ,aAAagB;QACf;IACF,GACA;QAACzB;QAAUkB;QAAUX;KAAe;IAGtClC,UAAU;QACR,IAAIqC,gBAAgB;QACpBH,eACEM,SAASI,eAAeK,KAAKI,SAAS,CAACb,QAAQA,QAAQI,cAAc,MAAM,KAAK;QAElFN,kBAAkB;IACpB,GAAG;QAACM;QAAcJ;QAAOH;KAAe;IAExC,qBACE,oBAACiB;QACCnC,WAAW;YACTb;YACAC;YACAY;YACA2B,aAAa;YACbnB,YAAY;SACb,CACE4B,MAAM,CAACC,SACPC,IAAI,CAAC;QACR3B,OAAO;YACL,GAAGA,KAAK;YACRE;QACF;qBAEA,oBAACvB;QAAWQ,aAAaA;QAAaQ,MAAMA;QAAO,GAAIH,cAAc,CAAC,CAAC;sBACvE,oBAACnB;QACCe,aAAaA;QACbK,OAAOA;QACPM,UAAUA;QACT,GAAIL,cAAc,CAAC,CAAC;sBAEvB,oBAAC8B,aACEvC,2BACD,oBAACb;QACCwD,iBAAgB;QAChBC,UAAUZ;QACVN,SAASpB;QACTM,UAAUA;QACVa,OAAOP;QAERnB,aAEFE,sBAAsBmC,YACrBnC,kCAEA,oBAACR,kBAAsBY,oBAAoB,CAAC;AAIpD;AAEA,OAAO,MAAMwC,YAAYvD,cAAcM,oBAAmB"}
+{"version":3,"sources":["../../../src/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientValidate } from 'payload/types'\n\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { CodeEditor } from '../../elements/CodeEditor/index.js'\nimport { FieldLabel } from '../../forms/FieldLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst baseClass = 'json-field'\n\nimport type { FieldBase, JSONField as JSONFieldType } from 'payload/types'\n\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport { FieldError } from '@payloadcms/ui/forms/FieldError'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\n\nimport type { FormFieldBase } from '../shared/index.js'\n\nexport type JSONFieldProps = FormFieldBase & {\n  editorOptions?: JSONFieldType['admin']['editorOptions']\n  label?: FieldBase['label']\n  name?: string\n  path?: string\n  width?: string\n}\n\nconst JSONFieldComponent: React.FC<JSONFieldProps> = (props) => {\n  const {\n    name,\n    AfterInput,\n    BeforeInput,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    className,\n    descriptionProps,\n    editorOptions,\n    errorProps,\n    label,\n    labelProps,\n    path: pathFromProps,\n    readOnly: readOnlyFromProps,\n    required,\n    style,\n    validate,\n    width,\n  } = props\n\n  const [stringValue, setStringValue] = useState<string>()\n  const [jsonError, setJsonError] = useState<string>()\n  const [hasLoadedValue, setHasLoadedValue] = useState(false)\n\n  const memoizedValidate: ClientValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function')\n        return validate(value, { ...options, jsonError, required })\n    },\n    [validate, required, jsonError],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n\n  const { initialValue, path, setValue, showError, value } = useField<string>({\n    path: pathFromContext || pathFromProps || name,\n    validate: memoizedValidate,\n  })\n\n  const handleChange = useCallback(\n    (val) => {\n      if (readOnly) return\n      setStringValue(val)\n\n      try {\n        setValue(val ? JSON.parse(val) : null)\n        setJsonError(undefined)\n      } catch (e) {\n        setValue(val ? val : null)\n        setJsonError(e)\n      }\n    },\n    [readOnly, setValue, setStringValue],\n  )\n\n  useEffect(() => {\n    if (hasLoadedValue) return\n    setStringValue(\n      value || initialValue ? JSON.stringify(value ? value : initialValue, null, 2) : '',\n    )\n    setHasLoadedValue(true)\n  }, [initialValue, value, hasLoadedValue])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />\n      <FieldLabel\n        CustomLabel={CustomLabel}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div>\n        {BeforeInput}\n        <CodeEditor\n          defaultLanguage=\"json\"\n          onChange={handleChange}\n          options={editorOptions}\n          readOnly={readOnly}\n          value={stringValue}\n        />\n        {AfterInput}\n      </div>\n      {CustomDescription !== undefined ? (\n        CustomDescription\n      ) : (\n        <FieldDescription {...(descriptionProps || {})} />\n      )}\n    </div>\n  )\n}\n\nexport const JSONField = withCondition(JSONFieldComponent)\n"],"names":["React","useCallback","useEffect","useState","CodeEditor","FieldLabel","useField","withCondition","fieldBaseClass","baseClass","FieldDescription","FieldError","useFieldProps","JSONFieldComponent","props","name","AfterInput","BeforeInput","CustomDescription","CustomError","CustomLabel","className","descriptionProps","editorOptions","errorProps","label","labelProps","path","pathFromProps","readOnly","readOnlyFromProps","required","style","validate","width","stringValue","setStringValue","jsonError","setJsonError","hasLoadedValue","setHasLoadedValue","memoizedValidate","value","options","pathFromContext","readOnlyFromContext","initialValue","setValue","showError","handleChange","val","JSON","parse","undefined","e","stringify","div","filter","Boolean","join","defaultLanguage","onChange","JSONField"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,OAAOA,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE/D,SAASC,UAAU,QAAQ,qCAAoC;AAC/D,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,cAAc,QAAQ,qBAAoB;AAGnD,MAAMC,YAAY;AAIlB,SAASC,gBAAgB,QAAQ,wCAAuC;AACxE,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,aAAa,QAAQ,0CAAyC;AAYvE,MAAMC,qBAA+C,CAACC;IACpD,MAAM,EACJC,IAAI,EACJC,UAAU,EACVC,WAAW,EACXC,iBAAiB,EACjBC,WAAW,EACXC,WAAW,EACXC,SAAS,EACTC,gBAAgB,EAChBC,aAAa,EACbC,UAAU,EACVC,KAAK,EACLC,UAAU,EACVC,MAAMC,aAAa,EACnBC,UAAUC,iBAAiB,EAC3BC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,KAAK,EACN,GAAGpB;IAEJ,MAAM,CAACqB,aAAaC,eAAe,GAAGjC;IACtC,MAAM,CAACkC,WAAWC,aAAa,GAAGnC;IAClC,MAAM,CAACoC,gBAAgBC,kBAAkB,GAAGrC,SAAS;IAErD,MAAMsC,mBAAmCxC,YACvC,CAACyC,OAAOC;QACN,IAAI,OAAOV,aAAa,YACtB,OAAOA,SAASS,OAAO;YAAE,GAAGC,OAAO;YAAEN;YAAWN;QAAS;IAC7D,GACA;QAACE;QAAUF;QAAUM;KAAU;IAGjC,MAAM,EAAEV,MAAMiB,eAAe,EAAEf,UAAUgB,mBAAmB,EAAE,GAAGjC;IACjE,MAAMiB,WAAWC,qBAAqBe;IAEtC,MAAM,EAAEC,YAAY,EAAEnB,IAAI,EAAEoB,QAAQ,EAAEC,SAAS,EAAEN,KAAK,EAAE,GAAGpC,SAAiB;QAC1EqB,MAAMiB,mBAAmBhB,iBAAiBb;QAC1CkB,UAAUQ;IACZ;IAEA,MAAMQ,eAAehD,YACnB,CAACiD;QACC,IAAIrB,UAAU;QACdO,eAAec;QAEf,IAAI;YACFH,SAASG,MAAMC,KAAKC,KAAK,CAACF,OAAO;YACjCZ,aAAae;QACf,EAAE,OAAOC,GAAG;YACVP,SAASG,MAAMA,MAAM;YACrBZ,aAAagB;QACf;IACF,GACA;QAACzB;QAAUkB;QAAUX;KAAe;IAGtClC,UAAU;QACR,IAAIqC,gBAAgB;QACpBH,eACEM,SAASI,eAAeK,KAAKI,SAAS,CAACb,QAAQA,QAAQI,cAAc,MAAM,KAAK;QAElFN,kBAAkB;IACpB,GAAG;QAACM;QAAcJ;QAAOH;KAAe;IAExC,qBACE,oBAACiB;QACCnC,WAAW;YACTb;YACAC;YACAY;YACA2B,aAAa;YACbnB,YAAY;SACb,CACE4B,MAAM,CAACC,SACPC,IAAI,CAAC;QACR3B,OAAO;YACL,GAAGA,KAAK;YACRE;QACF;qBAEA,oBAACvB;QAAWQ,aAAaA;QAAaQ,MAAMA;QAAO,GAAIH,cAAc,CAAC,CAAC;sBACvE,oBAACnB;QACCe,aAAaA;QACbK,OAAOA;QACPM,UAAUA;QACT,GAAIL,cAAc,CAAC,CAAC;sBAEvB,oBAAC8B,aACEvC,2BACD,oBAACb;QACCwD,iBAAgB;QAChBC,UAAUZ;QACVN,SAASpB;QACTM,UAAUA;QACVa,OAAOP;QAERnB,aAEFE,sBAAsBmC,YACrBnC,kCAEA,oBAACR,kBAAsBY,oBAAoB,CAAC;AAIpD;AAEA,OAAO,MAAMwC,YAAYvD,cAAcM,oBAAmB"}