@payloadcms/ui 3.0.0-canary.b8dd0db → 3.0.0-canary.bb00d64

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

@@ -3,34 +3,36 @@
 $icon-width: base(2);
 $icon-margin: base(0.25);
 
-.block-search {
-  position: sticky;
-  top: 0;
-  display: flex;
-  width: 100%;
-  align-items: center;
-  z-index: 1;
+@layer payload-default {
+  .block-search {
+    position: sticky;
+    top: 0;
+    display: flex;
+    width: 100%;
+    align-items: center;
+    z-index: 1;
 
-  &__input {
-    @include formInput;
-  }
+    &__input {
+      @include formInput;
+    }
 
-  .icon--search {
-    position: absolute;
-    top: 50%;
-    transform: translate3d(0, -50%, 0);
-    right: 0;
-    width: $icon-width;
-    margin: 0 $icon-margin;
+    .icon--search {
+      position: absolute;
+      top: 50%;
+      transform: translate3d(0, -50%, 0);
+      right: 0;
+      width: $icon-width;
+      margin: 0 $icon-margin;
 
-    .stroke {
-      stroke: var(--theme-elevation-300);
+      .stroke {
+        stroke: var(--theme-elevation-300);
+      }
     }
-  }
 
-  @include mid-break {
-    &__input {
-      margin-bottom: 0;
+    @include mid-break {
+      &__input {
+        margin-bottom: 0;
+      }
     }
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Blocks/BlocksDrawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAIlD,OAAO,KAA8B,MAAM,OAAO,CAAA;AAOlD,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC5E,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CACxB,CAAA;AAYD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+DxC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Blocks/BlocksDrawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAIlD,OAAO,KAA8B,MAAM,OAAO,CAAA;AAOlD,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC5E,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CACxB,CAAA;AAcD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiExC,CAAA"}

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

@@ -13,7 +13,9 @@ import { BlockSearch } from './BlockSearch/index.js';
 import './index.scss';
 const baseClass = 'blocks-drawer';
 const getBlockLabel = (block, i18n) => {
-  if (typeof block.labels.singular === 'string') return block.labels.singular.toLowerCase();
+  if (typeof block.labels.singular === 'string') {
+    return block.labels.singular.toLowerCase();
+  }
   if (typeof block.labels.singular === 'object') {
     return getTranslation(block.labels.singular, i18n).toLowerCase();
   }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","React","useEffect","useState","Drawer","ThumbnailCard","DefaultBlockImage","useTranslation","BlockSearch","baseClass","getBlockLabel","block","i18n","labels","singular","toLowerCase","BlocksDrawer","props","$","addRow","addRowIndex","blocks","drawerSlug","searchTerm","setSearchTerm","filteredBlocks","setFilteredBlocks","closeModal","isModalOpen","t","t0","t1","t2","t3","searchTermToUse","matchingBlocks","reduce","matchedBlocks","blockLabel","includes","push","t4","_jsxs","slug","title","label","children","_jsx","className","map","block_0","index","imageAltText","imageURL","blockLabels","alignLabel","onClick","thumbnail","alt","src"],"sources":["../../../../src/fields/Blocks/BlocksDrawer/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientBlock, Labels } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useState } from 'react'\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  readonly addRow: (index: number, blockType?: string) => Promise<void> | void\n  readonly addRowIndex: number\n  readonly blocks: ClientBlock[]\n  readonly drawerSlug: string\n  readonly labels: Labels\n}\n\nconst baseClass = 'blocks-drawer'\n\nconst getBlockLabel = (block: ClientBlock, i18n: I18nClient) => {\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\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                    void 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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","React","useEffect","useState","Drawer","ThumbnailCard","DefaultBlockImage","useTranslation","BlockSearch","baseClass","getBlockLabel","block","i18n","labels","singular","toLowerCase","BlocksDrawer","props","$","addRow","addRowIndex","blocks","drawerSlug","searchTerm","setSearchTerm","filteredBlocks","setFilteredBlocks","closeModal","isModalOpen","t","t0","t1","t2","t3","searchTermToUse","matchingBlocks","reduce","matchedBlocks","blockLabel","includes","push","t4","_jsxs","slug","title","label","children","_jsx","className","map","block_0","index","imageAltText","imageURL","blockLabels","alignLabel","onClick","thumbnail","alt","src"],"sources":["../../../../src/fields/Blocks/BlocksDrawer/index.tsx"],"sourcesContent":["'use client'\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientBlock, Labels } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useState } from 'react'\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  readonly addRow: (index: number, blockType?: string) => Promise<void> | void\n  readonly addRowIndex: number\n  readonly blocks: ClientBlock[]\n  readonly drawerSlug: string\n  readonly labels: Labels\n}\n\nconst baseClass = 'blocks-drawer'\n\nconst getBlockLabel = (block: ClientBlock, i18n: I18nClient) => {\n  if (typeof block.labels.singular === 'string') {\n    return block.labels.singular.toLowerCase()\n  }\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\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)) {\n        matchedBlocks.push(block)\n      }\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                    void 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"],"mappings":"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","ignoreList":[]}

package/dist/fields/Blocks/BlocksDrawer/index.scss

@@ -1,48 +1,50 @@
 @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);
-  }
+@layer payload-default {
+  .blocks-drawer {
+    &__blocks-wrapper {
+      padding-top: base(1.5);
+    }
 
-  @include large-break {
     &__blocks {
-      grid-template-columns: repeat(5, 1fr);
+      position: relative;
+      padding: 0;
+      list-style: none;
+      display: grid;
+      grid-template-columns: repeat(6, 1fr);
+      gap: base(1);
     }
-  }
 
-  @include mid-break {
-    &__blocks-wrapper {
-      padding-top: base(1.75);
+    &__default-image {
+      width: 100%;
+      overflow: hidden;
+      padding-top: base(0.75);
     }
-    &__blocks {
-      grid-template-columns: repeat(3, 1fr);
-      gap: base(0.5);
+
+    @include large-break {
+      &__blocks {
+        grid-template-columns: repeat(5, 1fr);
+      }
     }
-  }
 
-  @include small-break {
-    &__blocks-wrapper {
-      padding-top: base(0.75);
+    @include mid-break {
+      &__blocks-wrapper {
+        padding-top: base(1.75);
+      }
+      &__blocks {
+        grid-template-columns: repeat(3, 1fr);
+        gap: base(0.5);
+      }
     }
 
-    &__blocks {
-      grid-template-columns: repeat(2, 1fr);
+    @include small-break {
+      &__blocks-wrapper {
+        padding-top: base(0.75);
+      }
+
+      &__blocks {
+        grid-template-columns: repeat(2, 1fr);
+      }
     }
   }
 }

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

@@ -2,8 +2,8 @@ import type { ClientBlock, ClientField, Labels } from 'payload';
 import React from 'react';
 export declare const RowActions: React.FC<{
     readonly addRow: (rowIndex: number, blockType: string) => Promise<void> | void;
-    readonly blockType: string;
     readonly blocks: ClientBlock[];
+    readonly blockType: string;
     readonly duplicateRow: (rowIndex: number, blockType: string) => void;
     readonly fields: ClientField[];
     readonly hasMaxRows?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"RowActions.d.ts","sourceRoot":"","sources":["../../../src/fields/Blocks/RowActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAG/D,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,QAAQ,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC9E,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACpE,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9D,QAAQ,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;CAC1B,CAiDA,CAAA"}
+{"version":3,"file":"RowActions.d.ts","sourceRoot":"","sources":["../../../src/fields/Blocks/RowActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAG/D,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,QAAQ,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC9E,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACpE,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9D,QAAQ,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;CAC1B,CAiDA,CAAA"}

package/dist/fields/Blocks/RowActions.js

@@ -11,8 +11,8 @@ export const RowActions = props => {
   const $ = _c(26);
   const {
     addRow,
-    blockType,
     blocks,
+    blockType,
     duplicateRow,
     hasMaxRows,
     isSortable,

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

@@ -1 +1 @@
-{"version":3,"file":"RowActions.js","names":["c","_c","useModal","React","ArrayAction","useDrawerSlug","BlocksDrawer","RowActions","props","$","addRow","blockType","blocks","duplicateRow","hasMaxRows","isSortable","labels","moveRow","removeRow","rowCount","rowIndex","closeModal","openModal","drawerSlug","indexToAdd","setIndexToAdd","useState","t0","_","rowBlockType","t1","t2","index","t3","_jsxs","Fragment","children","_jsx","addRowIndex"],"sources":["../../../src/fields/Blocks/RowActions.tsx"],"sourcesContent":["'use client'\nimport type { ClientBlock, ClientField, Labels } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\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  readonly addRow: (rowIndex: number, blockType: string) => Promise<void> | void\n  readonly blockType: string\n  readonly blocks: ClientBlock[]\n  readonly duplicateRow: (rowIndex: number, blockType: string) => void\n  readonly fields: ClientField[]\n  readonly hasMaxRows?: boolean\n  readonly isSortable?: boolean\n  readonly labels: Labels\n  readonly moveRow: (fromIndex: number, toIndex: number) => void\n  readonly removeRow: (rowIndex: number) => void\n  readonly rowCount: number\n  readonly rowIndex: number\n}> = (props) => {\n  const {\n    addRow,\n    blockType,\n    blocks,\n    duplicateRow,\n    hasMaxRows,\n    isSortable,\n    labels,\n    moveRow,\n    removeRow,\n    rowCount,\n    rowIndex,\n  } = props\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            void 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        isSortable={isSortable}\n        moveRow={moveRow}\n        removeRow={removeRow}\n        rowCount={rowCount}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"RowActions.js","names":["c","_c","useModal","React","ArrayAction","useDrawerSlug","BlocksDrawer","RowActions","props","$","addRow","blocks","blockType","duplicateRow","hasMaxRows","isSortable","labels","moveRow","removeRow","rowCount","rowIndex","closeModal","openModal","drawerSlug","indexToAdd","setIndexToAdd","useState","t0","_","rowBlockType","t1","t2","index","t3","_jsxs","Fragment","children","_jsx","addRowIndex"],"sources":["../../../src/fields/Blocks/RowActions.tsx"],"sourcesContent":["'use client'\nimport type { ClientBlock, ClientField, Labels } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React from 'react'\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  readonly addRow: (rowIndex: number, blockType: string) => Promise<void> | void\n  readonly blocks: ClientBlock[]\n  readonly blockType: string\n  readonly duplicateRow: (rowIndex: number, blockType: string) => void\n  readonly fields: ClientField[]\n  readonly hasMaxRows?: boolean\n  readonly isSortable?: boolean\n  readonly labels: Labels\n  readonly moveRow: (fromIndex: number, toIndex: number) => void\n  readonly removeRow: (rowIndex: number) => void\n  readonly rowCount: number\n  readonly rowIndex: number\n}> = (props) => {\n  const {\n    addRow,\n    blocks,\n    blockType,\n    duplicateRow,\n    hasMaxRows,\n    isSortable,\n    labels,\n    moveRow,\n    removeRow,\n    rowCount,\n    rowIndex,\n  } = props\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            void 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        isSortable={isSortable}\n        moveRow={moveRow}\n        removeRow={removeRow}\n        rowCount={rowCount}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,61 +1,63 @@
 @import '../../../scss/styles.scss';
 
-.section-title {
-  position: relative;
-  min-width: base(4);
-  max-width: 100%;
-  pointer-events: all;
-  display: flex;
-  overflow: hidden;
-
-  &:after {
-    display: block;
-    content: attr(data-value) ' ';
-    visibility: hidden;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    max-width: 100%;
-  }
-
-  &:after,
-  &__input {
-    font-family: var(--font-body);
-    font-weight: 600;
-    font-size: base(0.625);
-    padding: 0;
-    width: 100%;
-  }
-
-  &__input {
-    color: var(--theme-elevation-800);
-    background-color: transparent;
-    border: none;
-    min-width: min-content;
-    width: 100%;
+@layer payload-default {
+  .section-title {
+    position: relative;
+    min-width: base(4);
     max-width: 100%;
+    pointer-events: all;
+    display: flex;
     overflow: hidden;
-    white-space: nowrap;
-    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);
+    &:after {
+      display: block;
+      content: attr(data-value) ' ';
+      visibility: hidden;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      max-width: 100%;
     }
 
-    &:hover,
-    &:focus {
-      outline: 0;
+    &:after,
+    &__input {
+      font-family: var(--font-body);
+      font-weight: 600;
+      font-size: base(0.625);
+      padding: 0;
+      width: 100%;
     }
 
-    &:focus {
-      box-shadow: none;
+    &__input {
+      color: var(--theme-elevation-800);
+      background-color: transparent;
+      border: none;
+      min-width: min-content;
+      width: 100%;
+      max-width: 100%;
+      overflow: hidden;
+      white-space: nowrap;
+      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/fields/Blocks/index.d.ts

@@ -1,5 +1,9 @@
-import type { BlockFieldProps } from 'payload';
 import React from 'react';
 import './index.scss';
-export declare const BlocksField: React.FC<BlockFieldProps>;
+export declare const BlocksField: React.FC<{
+    readonly path?: string;
+    readonly validate?: import("payload").BlocksFieldValidation;
+} & Pick<import("payload").ServerFieldBase, "permissions"> & {
+    readonly field: Omit<import("payload").BlocksFieldClient, "type"> & Partial<Pick<import("payload").BlocksFieldClient, "type">>;
+} & Omit<import("payload").ClientComponentProps, "field" | "customComponents">>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Blocks/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,OAAO,KAAgC,MAAM,OAAO,CAAA;AA0BpD,OAAO,cAAc,CAAA;AAkVrB,eAAO,MAAM,WAAW,2BAAsC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Blocks/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAgC,MAAM,OAAO,CAAA;AA0BpD,OAAO,cAAc,CAAA;AAoUrB,eAAO,MAAM,WAAW;;;;;+EAAsC,CAAA"}