@payloadcms/ui 3.0.0-alpha.48 → 3.0.0-alpha.49

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

@@ -1,78 +0,0 @@
-'use client';
-import * as facelessUIImport from '@faceless-ui/modal';
-import { getTranslation } from '@payloadcms/translations';
-import React, { useEffect, useState } from 'react';
-import { Drawer } from '../../../../elements/Drawer/index.js';
-import { ThumbnailCard } from '../../../../elements/ThumbnailCard/index.js';
-import DefaultBlockImage from '../../../../graphics/DefaultBlockImage/index.js';
-import { useTranslation } from '../../../../providers/Translation/index.js';
-import BlockSearch from './BlockSearch/index.js';
-const baseClass = 'blocks-drawer';
-const getBlockLabel = (block, i18n)=>{
-    if (typeof block.labels.singular === 'string') return block.labels.singular.toLowerCase();
-    if (typeof block.labels.singular === 'object') {
-        return getTranslation(block.labels.singular, i18n).toLowerCase();
-    }
-    return '';
-};
-export const BlocksDrawer = (props)=>{
-    const { addRow, addRowIndex, blocks, drawerSlug, labels } = props;
-    const { useModal } = facelessUIImport;
-    const [searchTerm, setSearchTerm] = useState('');
-    const [filteredBlocks, setFilteredBlocks] = useState(blocks);
-    const { closeModal, isModalOpen } = useModal();
-    const { i18n, t } = useTranslation();
-    useEffect(()=>{
-        if (!isModalOpen) {
-            setSearchTerm('');
-        }
-    }, [
-        isModalOpen
-    ]);
-    useEffect(()=>{
-        const searchTermToUse = searchTerm.toLowerCase();
-        const matchingBlocks = blocks?.reduce((matchedBlocks, block)=>{
-            const blockLabel = getBlockLabel(block, i18n);
-            if (blockLabel.includes(searchTermToUse)) matchedBlocks.push(block);
-            return matchedBlocks;
-        }, []);
-        setFilteredBlocks(matchingBlocks);
-    }, [
-        searchTerm,
-        blocks,
-        i18n
-    ]);
-    return /*#__PURE__*/ React.createElement(Drawer, {
-        slug: drawerSlug,
-        title: t('fields:addLabel', {
-            label: getTranslation(labels.singular, i18n)
-        })
-    }, /*#__PURE__*/ React.createElement(BlockSearch, {
-        setSearchTerm: setSearchTerm
-    }), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__blocks-wrapper`
-    }, /*#__PURE__*/ React.createElement("ul", {
-        className: `${baseClass}__blocks`
-    }, filteredBlocks?.map((block, index)=>{
-        const { slug, imageAltText, imageURL, labels: blockLabels } = block;
-        return /*#__PURE__*/ React.createElement("li", {
-            className: `${baseClass}__block`,
-            key: index
-        }, /*#__PURE__*/ React.createElement(ThumbnailCard, {
-            alignLabel: "center",
-            label: getTranslation(blockLabels?.singular, i18n),
-            onClick: ()=>{
-                addRow(addRowIndex, slug);
-                closeModal(drawerSlug);
-            },
-            thumbnail: imageURL ? /*#__PURE__*/ React.createElement("img", {
-                alt: imageAltText,
-                src: imageURL
-            }) : /*#__PURE__*/ React.createElement("div", {
-                className: `${baseClass}__default-image`
-            }, /*#__PURE__*/ React.createElement(DefaultBlockImage, null))
-        }));
-    }))));
-};
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/forms/fields/Blocks/BlocksDrawer/index.tsx"],"sourcesContent":["'use client'\nimport type { I18n } from '@payloadcms/translations'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useState } from 'react'\n\nimport type { ReducedBlock } from '../../../../utilities/buildComponentMap/types.js'\nimport type { Props } from './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\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;AAGA,YAAYA,sBAAsB,qBAAoB;AACtD,SAASC,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAKlD,SAASC,MAAM,QAAQ,uCAAsC;AAC7D,SAASC,aAAa,QAAQ,8CAA6C;AAC3E,OAAOC,uBAAuB,kDAAiD;AAC/E,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,OAAOC,iBAAiB,yBAAwB;AAGhD,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/forms/fields/Blocks/BlocksDrawer/index.scss

@@ -1,48 +0,0 @@
-@import '../../../../scss/styles.scss';
-
-.blocks-drawer {
-  &__blocks-wrapper {
-    padding-top: base(1.5);
-  }
-
-  &__blocks {
-    position: relative;
-    padding: 0;
-    list-style: none;
-    display: grid;
-    grid-template-columns: repeat(6, 1fr);
-    gap: base(1);
-  }
-
-  &__default-image {
-    width: 100%;
-    overflow: hidden;
-    padding-top: base(0.75);
-  }
-
-  @include large-break {
-    &__blocks {
-      grid-template-columns: repeat(5, 1fr);
-    }
-  }
-
-  @include mid-break {
-    &__blocks-wrapper {
-      padding-top: base(1.75);
-    }
-    &__blocks {
-      grid-template-columns: repeat(3, 1fr);
-      gap: base(0.5);
-    }
-  }
-
-  @include small-break {
-    &__blocks-wrapper {
-      padding-top: base(0.75);
-    }
-
-    &__blocks {
-      grid-template-columns: repeat(2, 1fr);
-    }
-  }
-}

package/dist/forms/fields/Blocks/BlocksDrawer/types.d.ts

@@ -1,10 +0,0 @@
-import type { Labels } from 'payload/types';
-import type { ReducedBlock } from '../../../../utilities/buildComponentMap/types.js';
-export type Props = {
-    addRow: (index: number, blockType?: string) => void;
-    addRowIndex: number;
-    blocks: ReducedBlock[];
-    drawerSlug: string;
-    labels: Labels;
-};
-//# sourceMappingURL=types.d.ts.map

package/dist/forms/fields/Blocks/BlocksDrawer/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/fields/Blocks/BlocksDrawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kDAAkD,CAAA;AAEpF,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACnD,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;CACf,CAAA"}

package/dist/forms/fields/Blocks/BlocksDrawer/types.js

@@ -1,3 +0,0 @@
-export { };
-
-//# sourceMappingURL=types.js.map

package/dist/forms/fields/Blocks/BlocksDrawer/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/forms/fields/Blocks/BlocksDrawer/types.ts"],"sourcesContent":["import type { Labels } from 'payload/types'\n\nimport type { ReducedBlock } from '../../../../utilities/buildComponentMap/types.js'\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"],"names":[],"mappings":"AAIA,WAMC"}

package/dist/forms/fields/Blocks/RowActions.d.ts

@@ -1,17 +0,0 @@
-import type { Labels } from 'payload/types';
-import React from 'react';
-import type { FieldMap, ReducedBlock } from '../../../utilities/buildComponentMap/types.js';
-export declare const RowActions: React.FC<{
-    addRow: (rowIndex: number, blockType: string) => void;
-    blockType: string;
-    blocks: ReducedBlock[];
-    duplicateRow: (rowIndex: number, blockType: string) => void;
-    fieldMap: FieldMap;
-    hasMaxRows?: boolean;
-    labels: Labels;
-    moveRow: (fromIndex: number, toIndex: number) => void;
-    removeRow: (rowIndex: number) => void;
-    rowCount: number;
-    rowIndex: number;
-}>;
-//# sourceMappingURL=RowActions.d.ts.map

package/dist/forms/fields/Blocks/RowActions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RowActions.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Blocks/RowActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAG3C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,+CAA+C,CAAA;AAM3F,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3D,QAAQ,EAAE,QAAQ,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAgDA,CAAA"}

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

@@ -1,38 +0,0 @@
-'use client';
-import * as facelessUIImport from '@faceless-ui/modal';
-import React from 'react';
-import { ArrayAction } from '../../../elements/ArrayAction/index.js';
-import { useDrawerSlug } from '../../../elements/Drawer/useDrawerSlug.js';
-import { BlocksDrawer } from './BlocksDrawer/index.js';
-export const RowActions = (props)=>{
-    const { addRow, blockType, blocks, duplicateRow, hasMaxRows, labels, moveRow, removeRow, rowCount, rowIndex } = props;
-    const { useModal } = facelessUIImport;
-    const { closeModal, openModal } = useModal();
-    const drawerSlug = useDrawerSlug('blocks-drawer');
-    const [indexToAdd, setIndexToAdd] = React.useState(null);
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(BlocksDrawer, {
-        addRow: (_, rowBlockType)=>{
-            if (typeof addRow === 'function') {
-                addRow(indexToAdd, rowBlockType);
-            }
-            closeModal(drawerSlug);
-        },
-        addRowIndex: rowIndex,
-        blocks: blocks,
-        drawerSlug: drawerSlug,
-        labels: labels
-    }), /*#__PURE__*/ React.createElement(ArrayAction, {
-        addRow: (index)=>{
-            setIndexToAdd(index);
-            openModal(drawerSlug);
-        },
-        duplicateRow: ()=>duplicateRow(rowIndex, blockType),
-        hasMaxRows: hasMaxRows,
-        index: rowIndex,
-        moveRow: moveRow,
-        removeRow: removeRow,
-        rowCount: rowCount
-    }));
-};
-
-//# sourceMappingURL=RowActions.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/forms/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 { FieldMap, ReducedBlock } from '../../../utilities/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;AAIzB,SAASC,WAAW,QAAQ,yCAAwC;AACpE,SAASC,aAAa,QAAQ,4CAA2C;AACzE,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/forms/fields/Blocks/SectionTitle/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { Props } from './types.js';
-import './index.scss';
-/**
- * An input field representing the block's `blockName` property - responsible for reading and saving the `blockName`
- * property from/into the provided path.
- */
-declare const SectionTitle: React.FC<Props>;
-export default SectionTitle;
-//# sourceMappingURL=index.d.ts.map

package/dist/forms/fields/Blocks/SectionTitle/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/forms/fields/Blocks/SectionTitle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAIvC,OAAO,cAAc,CAAA;AAIrB;;;GAGG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8BjC,CAAA;AAED,eAAe,YAAY,CAAA"}

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

@@ -1,38 +0,0 @@
-import React from 'react';
-import { useTranslation } from '../../../../providers/Translation/index.js';
-import useField from '../../../useField/index.js';
-const baseClass = 'section-title';
-/**
- * An input field representing the block's `blockName` property - responsible for reading and saving the `blockName`
- * property from/into the provided path.
- */ const SectionTitle = (props)=>{
-    const { customOnChange, customValue, path, readOnly } = props;
-    const { setValue, value } = useField({
-        path
-    });
-    const { t } = useTranslation();
-    const classes = [
-        baseClass
-    ].filter(Boolean).join(' ');
-    const onChange = customOnChange || ((e)=>{
-        e.stopPropagation();
-        e.preventDefault();
-        setValue(e.target.value);
-    });
-    return /*#__PURE__*/ React.createElement("div", {
-        className: classes,
-        "data-value": customValue || value
-    }, /*#__PURE__*/ React.createElement("input", {
-        className: `${baseClass}__input`,
-        id: path,
-        name: path,
-        onChange: onChange,
-        placeholder: t('general:untitled'),
-        readOnly: readOnly,
-        type: "text",
-        value: customValue || value || ''
-    }));
-};
-export default SectionTitle;
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/forms/fields/Blocks/SectionTitle/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport useField from '../../../useField/index.js'\nimport './index.scss'\n\nconst baseClass = 'section-title'\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 */\nconst 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\nexport default SectionTitle\n"],"names":["React","useTranslation","useField","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;AAIzB,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,OAAOC,cAAc,6BAA4B;AAGjD,MAAMC,YAAY;AAElB;;;CAGC,GACD,MAAMC,eAAgC,CAACC;IACrC,MAAM,EAAEC,cAAc,EAAEC,WAAW,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGJ;IAExD,MAAM,EAAEK,QAAQ,EAAEC,KAAK,EAAE,GAAGT,SAAS;QAAEM;IAAK;IAC5C,MAAM,EAAEI,CAAC,EAAE,GAAGX;IAEd,MAAMY,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;AAEA,eAAeP,aAAY"}

package/dist/forms/fields/Blocks/SectionTitle/index.scss

@@ -1,50 +0,0 @@
-@import '../../../../scss/styles.scss';
-
-.section-title {
-  position: relative;
-  min-width: 0;
-
-  &:after {
-    display: block;
-    content: attr(data-value) ' ';
-    visibility: hidden;
-    white-space: nowrap;
-    min-width: base(2.5);
-  }
-
-  &:after,
-  &__input {
-    font-family: var(--font-body);
-    font-weight: 600;
-    font-size: base(0.625);
-    padding: 0;
-  }
-
-  &__input {
-    color: var(--theme-elevation-800);
-    background-color: transparent;
-    border: none;
-    width: 100%;
-    text-overflow: ellipsis;
-    resize: none;
-    appearance: none;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-
-    &:hover {
-      box-shadow: inset 0px -2px 0px -1px var(--theme-elevation-150);
-    }
-
-    &:hover,
-    &:focus {
-      outline: 0;
-    }
-
-    &:focus {
-      box-shadow: none;
-    }
-  }
-}

package/dist/forms/fields/Blocks/SectionTitle/types.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" resolution-mode="require"/>
-export type Props = {
-    customOnChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    customValue?: string;
-    path: string;
-    readOnly: boolean;
-};
-//# sourceMappingURL=types.d.ts.map

package/dist/forms/fields/Blocks/SectionTitle/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/fields/Blocks/SectionTitle/types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,KAAK,GAAG;IAClB,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACjE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA"}

package/dist/forms/fields/Blocks/SectionTitle/types.js

@@ -1,3 +0,0 @@
-export { };
-
-//# sourceMappingURL=types.js.map

package/dist/forms/fields/Blocks/SectionTitle/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/forms/fields/Blocks/SectionTitle/types.ts"],"sourcesContent":["export type Props = {\n  customOnChange?: (e: React.ChangeEvent<HTMLInputElement>) => void\n  customValue?: string\n  path: string\n  readOnly: boolean\n}\n"],"names":[],"mappings":"AAAA,WAKC"}

package/dist/forms/fields/Blocks/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { Props } from './types.js';
-import './index.scss';
-declare const BlocksField: React.FC<Props>;
-export default BlocksField;
-//# sourceMappingURL=index.d.ts.map

package/dist/forms/fields/Blocks/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Blocks/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAEpD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAqBvC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4RhC,CAAA;AAED,eAAe,WAAW,CAAA"}

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

@@ -1,264 +0,0 @@
-'use client';
-import { getTranslation } from '@payloadcms/translations';
-import React, { Fragment, useCallback } from 'react';
-import Banner from '../../../elements/Banner/index.js';
-import { Button } from '../../../elements/Button/index.js';
-import DraggableSortableItem from '../../../elements/DraggableSortable/DraggableSortableItem/index.js';
-import DraggableSortable from '../../../elements/DraggableSortable/index.js';
-import { DrawerToggler } from '../../../elements/Drawer/index.js';
-import { useDrawerSlug } from '../../../elements/Drawer/useDrawerSlug.js';
-import { ErrorPill } from '../../../elements/ErrorPill/index.js';
-import { useConfig } from '../../../providers/Config/index.js';
-import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
-import { useLocale } from '../../../providers/Locale/index.js';
-import { useTranslation } from '../../../providers/Translation/index.js';
-import { scrollToID } from '../../../utilities/scrollToID.js';
-import { useForm, useFormSubmitted } from '../../Form/context.js';
-import LabelComp from '../../Label/index.js';
-import { NullifyLocaleField } from '../../NullifyField/index.js';
-import useField from '../../useField/index.js';
-import { fieldBaseClass } from '../shared.js';
-import { BlockRow } from './BlockRow.js';
-import { BlocksDrawer } from './BlocksDrawer/index.js';
-const baseClass = 'blocks-field';
-const BlocksField = (props)=>{
-    const { i18n, t } = useTranslation();
-    const { name, Description, Error, Label: LabelFromProps, className, forceRender = false, indexPath, label, localized, path: pathFromProps, permissions, readOnly, required, validate } = props;
-    const Label = LabelFromProps || /*#__PURE__*/ React.createElement(LabelComp, {
-        label: label,
-        required: required
-    });
-    const minRows = 'minRows' in props ? props?.minRows : 0;
-    const maxRows = 'maxRows' in props ? props?.maxRows : undefined;
-    const blocks = 'blocks' in props ? props?.blocks : undefined;
-    const labelsFromProps = 'labels' in props ? props?.labels : undefined;
-    const { setDocFieldPreferences } = useDocumentInfo();
-    const { addFieldRow, dispatchFields, setModified } = useForm();
-    const { code: locale } = useLocale();
-    const { localization } = useConfig();
-    const drawerSlug = useDrawerSlug('blocks-drawer');
-    const submitted = useFormSubmitted();
-    const labels = {
-        plural: t('fields:blocks'),
-        singular: t('fields:block'),
-        ...labelsFromProps
-    };
-    const editingDefaultLocale = (()=>{
-        if (localization && localization.fallback) {
-            const defaultLocale = localization.defaultLocale || 'en';
-            return locale === defaultLocale;
-        }
-        return true;
-    })();
-    const memoizedValidate = useCallback((value, options)=>{
-        // alternative locales can be null
-        if (!editingDefaultLocale && value === null) {
-            return true;
-        }
-        if (typeof validate === 'function') {
-            return validate(value, {
-                ...options,
-                maxRows,
-                minRows,
-                required
-            });
-        }
-    }, [
-        maxRows,
-        minRows,
-        required,
-        validate,
-        editingDefaultLocale
-    ]);
-    const { path, rows = [], schemaPath, showError, valid, value } = useField({
-        hasRows: true,
-        path: pathFromProps || name,
-        validate: memoizedValidate
-    });
-    const addRow = useCallback(async (rowIndex, blockType)=>{
-        await addFieldRow({
-            data: {
-                blockType
-            },
-            path,
-            rowIndex,
-            schemaPath: `${schemaPath}.${blockType}`
-        });
-        setModified(true);
-        setTimeout(()=>{
-            scrollToID(`${path}-row-${rowIndex + 1}`);
-        }, 0);
-    }, [
-        addFieldRow,
-        path,
-        setModified,
-        schemaPath
-    ]);
-    const duplicateRow = useCallback((rowIndex)=>{
-        dispatchFields({
-            type: 'DUPLICATE_ROW',
-            path,
-            rowIndex
-        });
-        setModified(true);
-        setTimeout(()=>{
-            scrollToID(`${path}-row-${rowIndex + 1}`);
-        }, 0);
-    }, [
-        dispatchFields,
-        path,
-        setModified
-    ]);
-    const removeRow = useCallback((rowIndex)=>{
-        dispatchFields({
-            type: 'REMOVE_ROW',
-            path,
-            rowIndex
-        });
-        setModified(true);
-    }, [
-        path,
-        dispatchFields,
-        setModified
-    ]);
-    const moveRow = useCallback((moveFromIndex, moveToIndex)=>{
-        dispatchFields({
-            type: 'MOVE_ROW',
-            moveFromIndex,
-            moveToIndex,
-            path
-        });
-        setModified(true);
-    }, [
-        dispatchFields,
-        path,
-        setModified
-    ]);
-    const toggleCollapseAll = useCallback((collapsed)=>{
-        dispatchFields({
-            type: 'SET_ALL_ROWS_COLLAPSED',
-            collapsed,
-            path,
-            setDocFieldPreferences
-        });
-    }, [
-        dispatchFields,
-        path,
-        setDocFieldPreferences
-    ]);
-    const setCollapse = useCallback((rowID, collapsed)=>{
-        dispatchFields({
-            type: 'SET_ROW_COLLAPSED',
-            collapsed,
-            path,
-            rowID,
-            setDocFieldPreferences
-        });
-    }, [
-        dispatchFields,
-        path,
-        setDocFieldPreferences
-    ]);
-    const hasMaxRows = maxRows && rows.length >= maxRows;
-    const fieldErrorCount = rows.reduce((total, row)=>total + (row?.errorPaths?.size || 0), 0);
-    const fieldHasErrors = submitted && fieldErrorCount + (valid ? 0 : 1) > 0;
-    const showMinRows = rows.length < minRows || required && rows.length === 0;
-    const showRequired = readOnly && rows.length === 0;
-    return /*#__PURE__*/ React.createElement("div", {
-        className: [
-            fieldBaseClass,
-            baseClass,
-            className,
-            fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`
-        ].filter(Boolean).join(' '),
-        id: `field-${path.replace(/\./g, '__')}`
-    }, showError && /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__error-wrap`
-    }, Error), /*#__PURE__*/ React.createElement("header", {
-        className: `${baseClass}__header`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__header-wrap`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__heading-with-error`
-    }, /*#__PURE__*/ React.createElement("h3", null, Label), fieldHasErrors && fieldErrorCount > 0 && /*#__PURE__*/ React.createElement(ErrorPill, {
-        count: fieldErrorCount,
-        i18n: i18n,
-        withMessage: true
-    })), rows.length > 0 && /*#__PURE__*/ React.createElement("ul", {
-        className: `${baseClass}__header-actions`
-    }, /*#__PURE__*/ React.createElement("li", null, /*#__PURE__*/ React.createElement("button", {
-        className: `${baseClass}__header-action`,
-        onClick: ()=>toggleCollapseAll(true),
-        type: "button"
-    }, t('fields:collapseAll'))), /*#__PURE__*/ React.createElement("li", null, /*#__PURE__*/ React.createElement("button", {
-        className: `${baseClass}__header-action`,
-        onClick: ()=>toggleCollapseAll(false),
-        type: "button"
-    }, t('fields:showAll'))))), Description), /*#__PURE__*/ React.createElement(NullifyLocaleField, {
-        fieldValue: value,
-        localized: localized,
-        path: path
-    }), (rows.length > 0 || !valid && (showRequired || showMinRows)) && /*#__PURE__*/ React.createElement(DraggableSortable, {
-        className: `${baseClass}__rows`,
-        ids: rows.map((row)=>row.id),
-        onDragEnd: ({ moveFromIndex, moveToIndex })=>moveRow(moveFromIndex, moveToIndex)
-    }, rows.map((row, i)=>{
-        const { blockType } = row;
-        const blockToRender = blocks.find((block)=>block.slug === blockType);
-        if (blockToRender) {
-            return /*#__PURE__*/ React.createElement(DraggableSortableItem, {
-                disabled: readOnly,
-                id: row.id,
-                key: row.id
-            }, (draggableSortableItemProps)=>/*#__PURE__*/ React.createElement(BlockRow, {
-                    ...draggableSortableItemProps,
-                    addRow: addRow,
-                    block: blockToRender,
-                    blocks: blocks,
-                    duplicateRow: duplicateRow,
-                    forceRender: forceRender,
-                    hasMaxRows: hasMaxRows,
-                    indexPath: indexPath,
-                    labels: labels,
-                    moveRow: moveRow,
-                    path: path,
-                    permissions: permissions,
-                    readOnly: readOnly,
-                    removeRow: removeRow,
-                    row: row,
-                    rowCount: rows.length,
-                    rowIndex: i,
-                    schemaPath: schemaPath,
-                    setCollapse: setCollapse
-                }));
-        }
-        return null;
-    }), !editingDefaultLocale && /*#__PURE__*/ React.createElement(React.Fragment, null, showMinRows && /*#__PURE__*/ React.createElement(Banner, {
-        type: "error"
-    }, t('validation:requiresAtLeast', {
-        count: minRows,
-        label: getTranslation(minRows === 1 || typeof minRows === 'undefined' ? labels.singular : labels.plural, i18n)
-    })), showRequired && /*#__PURE__*/ React.createElement(Banner, null, t('validation:fieldHasNo', {
-        label: getTranslation(labels.plural, i18n)
-    })))), !readOnly && !hasMaxRows && /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement(DrawerToggler, {
-        className: `${baseClass}__drawer-toggler`,
-        slug: drawerSlug
-    }, /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "icon-label",
-        el: "span",
-        icon: "plus",
-        iconPosition: "left",
-        iconStyle: "with-border"
-    }, t('fields:addLabel', {
-        label: getTranslation(labels.singular, i18n)
-    }))), /*#__PURE__*/ React.createElement(BlocksDrawer, {
-        addRow: addRow,
-        addRowIndex: rows?.length || 0,
-        blocks: blocks,
-        drawerSlug: drawerSlug,
-        labels: labels
-    })));
-};
-export default BlocksField;
-
-//# sourceMappingURL=index.js.map