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

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

@@ -1,249 +0,0 @@
-'use client';
-import { getTranslation } from '@payloadcms/translations';
-import React, { 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 { 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 { ArrayRow } from './ArrayRow.js';
-const baseClass = 'array-field';
-const ArrayFieldType = (props)=>{
-    const { name, Description, Error, Label: LabelFromProps, className, fieldMap, 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 { setDocFieldPreferences } = useDocumentInfo();
-    const { addFieldRow, dispatchFields, setModified } = useForm();
-    const submitted = useFormSubmitted();
-    const { code: locale } = useLocale();
-    const { i18n, t } = useTranslation();
-    const { localization } = useConfig();
-    const editingDefaultLocale = (()=>{
-        if (localization && localization.fallback) {
-            const defaultLocale = localization.defaultLocale || 'en';
-            return locale === defaultLocale;
-        }
-        return true;
-    })();
-    // Handle labeling for Arrays, Global Arrays, and Blocks
-    const getLabels = (p)=>{
-        if ('labels' in p && p?.labels) return p.labels;
-        if ('label' in p && p?.label) return {
-            plural: undefined,
-            singular: p.label
-        };
-        return {
-            plural: t('general:rows'),
-            singular: t('general:row')
-        };
-    };
-    const labels = getLabels(props);
-    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)=>{
-        await addFieldRow({
-            path,
-            rowIndex,
-            schemaPath
-        });
-        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}`);
-        }, 0);
-    }, [
-        dispatchFields,
-        path,
-        setModified
-    ]);
-    const removeRow = useCallback((rowIndex)=>{
-        dispatchFields({
-            type: 'REMOVE_ROW',
-            path,
-            rowIndex
-        });
-        setModified(true);
-    }, [
-        dispatchFields,
-        path,
-        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) + (valid ? 0 : 1);
-    const fieldHasErrors = submitted && fieldErrorCount > 0;
-    const showRequired = readOnly && rows.length === 0;
-    const showMinRows = rows.length < minRows || required && 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}__header-content`
-    }, /*#__PURE__*/ React.createElement("h3", {
-        className: `${baseClass}__title`
-    }, 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}__draggable-rows`,
-        ids: rows.map((row)=>row.id),
-        onDragEnd: ({ moveFromIndex, moveToIndex })=>moveRow(moveFromIndex, moveToIndex)
-    }, rows.map((row, i)=>/*#__PURE__*/ React.createElement(DraggableSortableItem, {
-            disabled: readOnly,
-            id: row.id,
-            key: row.id
-        }, (draggableSortableItemProps)=>/*#__PURE__*/ React.createElement(ArrayRow, {
-                ...draggableSortableItemProps,
-                addRow: addRow,
-                duplicateRow: duplicateRow,
-                // CustomRowLabel={CustomRowLabel}
-                fieldMap: fieldMap,
-                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,
-                setCollapse: setCollapse
-            }))), !valid && /*#__PURE__*/ React.createElement(React.Fragment, null, showRequired && /*#__PURE__*/ React.createElement(Banner, null, t('validation:fieldHasNo', {
-        label: getTranslation(labels.plural, i18n)
-    })), showMinRows && /*#__PURE__*/ React.createElement(Banner, {
-        type: "error"
-    }, t('validation:requiresAtLeast', {
-        count: minRows,
-        label: getTranslation(minRows ? labels.plural : labels.singular, i18n) || t(minRows > 1 ? 'general:row' : 'general:rows')
-    })))), !readOnly && !hasMaxRows && /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "icon-label",
-        className: `${baseClass}__add-row`,
-        icon: "plus",
-        iconPosition: "left",
-        iconStyle: "with-border",
-        onClick: ()=>addRow(value || 0)
-    }, t('fields:addLabel', {
-        label: getTranslation(labels.singular, i18n)
-    })));
-};
-export default ArrayFieldType;
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/forms/fields/Array/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback } from 'react'\n\nimport type { Props } from './types.js'\n\nimport Banner from '../../../elements/Banner/index.js'\nimport { Button } from '../../../elements/Button/index.js'\nimport DraggableSortableItem from '../../../elements/DraggableSortable/DraggableSortableItem/index.js'\nimport DraggableSortable from '../../../elements/DraggableSortable/index.js'\nimport { ErrorPill } from '../../../elements/ErrorPill/index.js'\nimport { 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 { useForm, useFormSubmitted } from '../../Form/context.js'\nimport LabelComp from '../../Label/index.js'\nimport { NullifyLocaleField } from '../../NullifyField/index.js'\nimport useField from '../../useField/index.js'\nimport { fieldBaseClass } from '../shared.js'\nimport { ArrayRow } from './ArrayRow.js'\nimport './index.scss'\n\nconst baseClass = 'array-field'\n\nconst ArrayFieldType: React.FC<Props> = (props) => {\n  const {\n    name,\n    Description,\n    Error,\n    Label: LabelFromProps,\n    className,\n    fieldMap,\n    forceRender = false,\n    indexPath,\n    label,\n    localized,\n    path: pathFromProps,\n    permissions,\n    readOnly,\n    required,\n    validate,\n  } = props\n\n  const Label = LabelFromProps || <LabelComp label={label} required={required} />\n\n  const minRows = 'minRows' in props ? props?.minRows : 0\n  const maxRows = 'maxRows' in props ? props?.maxRows : undefined\n\n  const { setDocFieldPreferences } = useDocumentInfo()\n  const { addFieldRow, dispatchFields, setModified } = useForm()\n  const submitted = useFormSubmitted()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n  const { localization } = useConfig()\n\n  const editingDefaultLocale = (() => {\n    if (localization && localization.fallback) {\n      const defaultLocale = localization.defaultLocale || 'en'\n      return locale === defaultLocale\n    }\n\n    return true\n  })()\n\n  // Handle labeling for Arrays, Global Arrays, and Blocks\n  const getLabels = (p: Props) => {\n    if ('labels' in p && p?.labels) return p.labels\n    if ('label' in p && p?.label) return { plural: undefined, singular: p.label }\n    return { plural: t('general:rows'), singular: t('general:row') }\n  }\n\n  const labels = getLabels(props)\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      // alternative locales can be null\n      if (!editingDefaultLocale && value === null) {\n        return true\n      }\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, maxRows, minRows, required })\n      }\n    },\n    [maxRows, minRows, required, validate, editingDefaultLocale],\n  )\n\n  const {\n    path,\n    rows = [],\n    schemaPath,\n    showError,\n    valid,\n    value,\n  } = useField<number>({\n    hasRows: true,\n    path: pathFromProps || name,\n    validate: memoizedValidate,\n  })\n\n  const addRow = useCallback(\n    async (rowIndex: number) => {\n      await addFieldRow({ path, rowIndex, schemaPath })\n      setModified(true)\n\n      setTimeout(() => {\n        scrollToID(`${path}-row-${rowIndex + 1}`)\n      }, 0)\n    },\n    [addFieldRow, path, setModified, schemaPath],\n  )\n\n  const duplicateRow = useCallback(\n    (rowIndex: number) => {\n      dispatchFields({ type: 'DUPLICATE_ROW', path, rowIndex })\n      setModified(true)\n\n      setTimeout(() => {\n        scrollToID(`${path}-row-${rowIndex}`)\n      }, 0)\n    },\n    [dispatchFields, path, setModified],\n  )\n\n  const removeRow = useCallback(\n    (rowIndex: number) => {\n      dispatchFields({ type: 'REMOVE_ROW', path, rowIndex })\n      setModified(true)\n    },\n    [dispatchFields, path, setModified],\n  )\n\n  const moveRow = useCallback(\n    (moveFromIndex: number, moveToIndex: number) => {\n      dispatchFields({ type: 'MOVE_ROW', moveFromIndex, moveToIndex, path })\n      setModified(true)\n    },\n    [dispatchFields, path, setModified],\n  )\n\n  const toggleCollapseAll = useCallback(\n    (collapsed: boolean) => {\n      dispatchFields({ type: 'SET_ALL_ROWS_COLLAPSED', collapsed, path, setDocFieldPreferences })\n    },\n    [dispatchFields, path, setDocFieldPreferences],\n  )\n\n  const setCollapse = useCallback(\n    (rowID: string, collapsed: boolean) => {\n      dispatchFields({ type: 'SET_ROW_COLLAPSED', collapsed, path, rowID, setDocFieldPreferences })\n    },\n    [dispatchFields, path, setDocFieldPreferences],\n  )\n\n  const hasMaxRows = maxRows && rows.length >= maxRows\n\n  const fieldErrorCount =\n    rows.reduce((total, row) => total + (row?.errorPaths?.size || 0), 0) + (valid ? 0 : 1)\n\n  const fieldHasErrors = submitted && fieldErrorCount > 0\n\n  const showRequired = readOnly && rows.length === 0\n  const showMinRows = rows.length < minRows || (required && rows.length === 0)\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        fieldHasErrors ? `${baseClass}--has-error` : `${baseClass}--has-no-error`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path.replace(/\\./g, '__')}`}\n    >\n      {showError && <div className={`${baseClass}__error-wrap`}>{Error}</div>}\n      <header className={`${baseClass}__header`}>\n        <div className={`${baseClass}__header-wrap`}>\n          <div className={`${baseClass}__header-content`}>\n            <h3 className={`${baseClass}__title`}>{Label}</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        {Description}\n      </header>\n      <NullifyLocaleField fieldValue={value} localized={localized} path={path} />\n      {(rows.length > 0 || (!valid && (showRequired || showMinRows))) && (\n        <DraggableSortable\n          className={`${baseClass}__draggable-rows`}\n          ids={rows.map((row) => row.id)}\n          onDragEnd={({ moveFromIndex, moveToIndex }) => moveRow(moveFromIndex, moveToIndex)}\n        >\n          {rows.map((row, i) => (\n            <DraggableSortableItem disabled={readOnly} id={row.id} key={row.id}>\n              {(draggableSortableItemProps) => (\n                <ArrayRow\n                  {...draggableSortableItemProps}\n                  addRow={addRow}\n                  duplicateRow={duplicateRow}\n                  // CustomRowLabel={CustomRowLabel}\n                  fieldMap={fieldMap}\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                  setCollapse={setCollapse}\n                />\n              )}\n            </DraggableSortableItem>\n          ))}\n          {!valid && (\n            <React.Fragment>\n              {showRequired && (\n                <Banner>\n                  {t('validation:fieldHasNo', { label: getTranslation(labels.plural, i18n) })}\n                </Banner>\n              )}\n              {showMinRows && (\n                <Banner type=\"error\">\n                  {t('validation:requiresAtLeast', {\n                    count: minRows,\n                    label:\n                      getTranslation(minRows ? labels.plural : labels.singular, i18n) ||\n                      t(minRows > 1 ? 'general:row' : 'general:rows'),\n                  })}\n                </Banner>\n              )}\n            </React.Fragment>\n          )}\n        </DraggableSortable>\n      )}\n      {!readOnly && !hasMaxRows && (\n        <Button\n          buttonStyle=\"icon-label\"\n          className={`${baseClass}__add-row`}\n          icon=\"plus\"\n          iconPosition=\"left\"\n          iconStyle=\"with-border\"\n          onClick={() => addRow(value || 0)}\n        >\n          {t('fields:addLabel', { label: getTranslation(labels.singular, i18n) })}\n        </Button>\n      )}\n    </div>\n  )\n}\n\nexport default ArrayFieldType\n"],"names":["getTranslation","React","useCallback","Banner","Button","DraggableSortableItem","DraggableSortable","ErrorPill","useConfig","useDocumentInfo","useLocale","useTranslation","scrollToID","useForm","useFormSubmitted","LabelComp","NullifyLocaleField","useField","fieldBaseClass","ArrayRow","baseClass","ArrayFieldType","props","name","Description","Error","Label","LabelFromProps","className","fieldMap","forceRender","indexPath","label","localized","path","pathFromProps","permissions","readOnly","required","validate","minRows","maxRows","undefined","setDocFieldPreferences","addFieldRow","dispatchFields","setModified","submitted","code","locale","i18n","t","localization","editingDefaultLocale","fallback","defaultLocale","getLabels","p","labels","plural","singular","memoizedValidate","value","options","rows","schemaPath","showError","valid","hasRows","addRow","rowIndex","setTimeout","duplicateRow","type","removeRow","moveRow","moveFromIndex","moveToIndex","toggleCollapseAll","collapsed","setCollapse","rowID","hasMaxRows","length","fieldErrorCount","reduce","total","row","errorPaths","size","fieldHasErrors","showRequired","showMinRows","div","filter","Boolean","join","id","replace","header","h3","count","withMessage","ul","li","button","onClick","fieldValue","ids","map","onDragEnd","i","disabled","key","draggableSortableItemProps","rowCount","Fragment","buttonStyle","icon","iconPosition","iconStyle"],"mappings":"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"}

package/dist/forms/fields/Array/index.scss

@@ -1,107 +0,0 @@
-@import '../../../scss/styles.scss';
-
-.array-field {
-  display: flex;
-  flex-direction: column;
-  gap: calc(var(--base) / 2);
-
-  &__header {
-    display: flex;
-    flex-direction: column;
-    gap: calc(var(--base) / 2);
-
-    &__header-content {
-      display: flex;
-      flex-direction: column;
-      gap: calc(var(--base) / 4);
-    }
-  }
-
-  &--has-no-error {
-    > .array-field__header .array-field__header-content {
-      color: var(--theme-text);
-    }
-  }
-
-  &__header-content {
-    display: flex;
-    align-items: center;
-    gap: base(0.5);
-  }
-
-  &__header-wrap {
-    display: flex;
-    align-items: flex-end;
-    width: 100%;
-    justify-content: space-between;
-  }
-
-  &__header-actions {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-    display: flex;
-  }
-
-  &__header-action {
-    @extend %btn-reset;
-    cursor: pointer;
-    margin-left: base(0.5);
-
-    &:hover,
-    &:focus-visible {
-      text-decoration: underline;
-    }
-  }
-
-  &__error-wrap {
-    position: relative;
-  }
-
-  &__row-header {
-    display: flex;
-    align-items: center;
-    gap: base(0.5);
-    pointer-events: none;
-  }
-
-  &__draggable-rows {
-    display: flex;
-    flex-direction: column;
-    gap: calc(var(--base) / 2);
-  }
-
-  &__title {
-    margin-bottom: 0;
-  }
-
-  &__add-row {
-    align-self: flex-start;
-    color: var(--theme-elevation-400);
-    margin: 0;
-
-    &:hover {
-      color: var(--theme-elevation-800);
-    }
-  }
-}
-
-html[data-theme='light'] {
-  .array-field {
-    &--has-error {
-      > .array-field__header .array-field__header-content {
-        color: var(--theme-error-750);
-      }
-    }
-  }
-}
-
-html[data-theme='dark'] {
-  .array-field {
-    &--has-error {
-      > .array-field__header .array-field__header-content {
-        color: var(--theme-error-500);
-      }
-    }
-  }
-}

package/dist/forms/fields/Array/types.d.ts

@@ -1,10 +0,0 @@
-import type { FieldPermissions } from 'payload/auth';
-import type { FormFieldBase } from '../shared.js';
-export type Props = FormFieldBase & {
-    forceRender?: boolean;
-    indexPath: string;
-    label: false | string;
-    name?: string;
-    permissions: FieldPermissions;
-};
-//# sourceMappingURL=types.d.ts.map

package/dist/forms/fields/Array/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/fields/Array/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAEjD,MAAM,MAAM,KAAK,GAAG,aAAa,GAAG;IAClC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,KAAK,GAAG,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,gBAAgB,CAAA;CAC9B,CAAA"}

package/dist/forms/fields/Array/types.js

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

package/dist/forms/fields/Array/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/forms/fields/Array/types.ts"],"sourcesContent":["import type { FieldPermissions } from 'payload/auth'\n\nimport type { FormFieldBase } from '../shared.js'\n\nexport type Props = FormFieldBase & {\n  forceRender?: boolean\n  indexPath: string\n  label: false | string\n  name?: string\n  permissions: FieldPermissions\n}\n"],"names":[],"mappings":"AAIA,WAMC"}

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

@@ -1,28 +0,0 @@
-import type { FieldPermissions } from 'payload/auth';
-import type { Labels, Row } from 'payload/types';
-import React from 'react';
-import type { UseDraggableSortableReturn } from '../../../elements/DraggableSortable/useDraggableSortable/types.js';
-import type { ReducedBlock } from '../../../utilities/buildComponentMap/types.js';
-type BlockFieldProps = UseDraggableSortableReturn & {
-    addRow: (rowIndex: number, blockType: string) => void;
-    block: ReducedBlock;
-    blocks: ReducedBlock[];
-    duplicateRow: (rowIndex: number) => void;
-    forceRender?: boolean;
-    hasMaxRows?: boolean;
-    indexPath: string;
-    labels: Labels;
-    moveRow: (fromIndex: number, toIndex: number) => void;
-    path: string;
-    permissions: FieldPermissions;
-    readOnly: boolean;
-    removeRow: (rowIndex: number) => void;
-    row: Row;
-    rowCount: number;
-    rowIndex: number;
-    schemaPath: string;
-    setCollapse: (id: string, collapsed: boolean) => void;
-};
-export declare const BlockRow: React.FC<BlockFieldProps>;
-export {};
-//# sourceMappingURL=BlockRow.d.ts.map

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

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

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

@@ -1,86 +0,0 @@
-'use client';
-import { getTranslation } from '@payloadcms/translations';
-import React from 'react';
-import { Collapsible } from '../../../elements/Collapsible/index.js';
-import { ErrorPill } from '../../../elements/ErrorPill/index.js';
-import Pill from '../../../elements/Pill/index.js';
-import { useTranslation } from '../../../providers/Translation/index.js';
-import { FieldPathProvider } from '../../FieldPathProvider/index.js';
-import { useFormSubmitted } from '../../Form/context.js';
-import RenderFields from '../../RenderFields/index.js';
-import HiddenInput from '../HiddenInput/index.js';
-import { RowActions } from './RowActions.js';
-import SectionTitle from './SectionTitle/index.js';
-const baseClass = 'blocks-field';
-export const BlockRow = ({ addRow, attributes, block, blocks, duplicateRow, forceRender, hasMaxRows, labels, listeners, moveRow, path: parentPath, readOnly, removeRow, row, rowCount, rowIndex, schemaPath, setCollapse, setNodeRef, transform })=>{
-    const path = `${parentPath}.${rowIndex}`;
-    const { i18n } = useTranslation();
-    const hasSubmitted = useFormSubmitted();
-    const errorCount = row.errorPaths?.size;
-    const fieldHasErrors = errorCount > 0 && hasSubmitted;
-    const classNames = [
-        `${baseClass}__row`,
-        fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`
-    ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ React.createElement("div", {
-        id: `${parentPath.split('.').join('-')}-row-${rowIndex}`,
-        key: `${parentPath}-row-${rowIndex}`,
-        ref: setNodeRef,
-        style: {
-            transform
-        }
-    }, /*#__PURE__*/ React.createElement(Collapsible, {
-        actions: !readOnly ? /*#__PURE__*/ React.createElement(RowActions, {
-            addRow: addRow,
-            blockType: row.blockType,
-            blocks: blocks,
-            duplicateRow: duplicateRow,
-            fieldMap: block.subfields,
-            hasMaxRows: hasMaxRows,
-            labels: labels,
-            moveRow: moveRow,
-            removeRow: removeRow,
-            rowCount: rowCount,
-            rowIndex: rowIndex
-        }) : undefined,
-        className: classNames,
-        collapsed: row.collapsed,
-        collapsibleStyle: fieldHasErrors ? 'error' : 'default',
-        dragHandleProps: {
-            id: row.id,
-            attributes,
-            listeners
-        },
-        header: /*#__PURE__*/ React.createElement("div", {
-            className: `${baseClass}__block-header`
-        }, /*#__PURE__*/ React.createElement("span", {
-            className: `${baseClass}__block-number`
-        }, String(rowIndex + 1).padStart(2, '0')), /*#__PURE__*/ React.createElement(Pill, {
-            className: `${baseClass}__block-pill ${baseClass}__block-pill-${row.blockType}`,
-            pillStyle: "white"
-        }, getTranslation(block.labels.singular, i18n)), /*#__PURE__*/ React.createElement(SectionTitle, {
-            path: `${path}.blockName`,
-            readOnly: readOnly
-        }), fieldHasErrors && /*#__PURE__*/ React.createElement(ErrorPill, {
-            count: errorCount,
-            i18n: i18n,
-            withMessage: true
-        })),
-        key: row.id,
-        onToggle: (collapsed)=>setCollapse(row.id, collapsed)
-    }, /*#__PURE__*/ React.createElement(HiddenInput, {
-        name: `${path}.id`,
-        value: row.id
-    }), /*#__PURE__*/ React.createElement(FieldPathProvider, {
-        path: path,
-        schemaPath: `${schemaPath}.${block.slug}`
-    }, /*#__PURE__*/ React.createElement(RenderFields, {
-        className: `${baseClass}__fields`,
-        fieldMap: block.subfields,
-        forceRender: forceRender,
-        // indexPath={indexPath}
-        margins: "small"
-    }))));
-};
-
-//# sourceMappingURL=BlockRow.js.map

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

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

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

@@ -1,7 +0,0 @@
-import React from 'react';
-import './index.scss';
-declare const BlockSearch: React.FC<{
-    setSearchTerm: (term: string) => void;
-}>;
-export default BlockSearch;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/forms/fields/Blocks/BlocksDrawer/BlockSearch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,CAkBpE,CAAA;AAED,eAAe,WAAW,CAAA"}

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

@@ -1,21 +0,0 @@
-import React from 'react';
-import SearchIcon from '../../../../../graphics/Search/index.js';
-import { useTranslation } from '../../../../../providers/Translation/index.js';
-const baseClass = 'block-search';
-const BlockSearch = (props)=>{
-    const { setSearchTerm } = props;
-    const { t } = useTranslation();
-    const handleChange = (e)=>{
-        setSearchTerm(e.target.value);
-    };
-    return /*#__PURE__*/ React.createElement("div", {
-        className: baseClass
-    }, /*#__PURE__*/ React.createElement("input", {
-        className: `${baseClass}__input`,
-        onChange: handleChange,
-        placeholder: t('fields:searchForBlock')
-    }), /*#__PURE__*/ React.createElement(SearchIcon, null));
-};
-export default BlockSearch;
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/forms/fields/Blocks/BlocksDrawer/BlockSearch/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport SearchIcon from '../../../../../graphics/Search/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'block-search'\n\nconst BlockSearch: React.FC<{ setSearchTerm: (term: string) => void }> = (props) => {\n  const { setSearchTerm } = props\n  const { t } = useTranslation()\n\n  const handleChange = (e) => {\n    setSearchTerm(e.target.value)\n  }\n\n  return (\n    <div className={baseClass}>\n      <input\n        className={`${baseClass}__input`}\n        onChange={handleChange}\n        placeholder={t('fields:searchForBlock')}\n      />\n      <SearchIcon />\n    </div>\n  )\n}\n\nexport default BlockSearch\n"],"names":["React","SearchIcon","useTranslation","baseClass","BlockSearch","props","setSearchTerm","t","handleChange","e","target","value","div","className","input","onChange","placeholder"],"mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAOC,gBAAgB,0CAAyC;AAChE,SAASC,cAAc,QAAQ,gDAA+C;AAG9E,MAAMC,YAAY;AAElB,MAAMC,cAAmE,CAACC;IACxE,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAC1B,MAAM,EAAEE,CAAC,EAAE,GAAGL;IAEd,MAAMM,eAAe,CAACC;QACpBH,cAAcG,EAAEC,MAAM,CAACC,KAAK;IAC9B;IAEA,qBACE,oBAACC;QAAIC,WAAWV;qBACd,oBAACW;QACCD,WAAW,CAAC,EAAEV,UAAU,OAAO,CAAC;QAChCY,UAAUP;QACVQ,aAAaT,EAAE;sBAEjB,oBAACN;AAGP;AAEA,eAAeG,YAAW"}

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

@@ -1,37 +0,0 @@
-@import '../../../../../scss/styles.scss';
-
-$icon-width: base(1);
-$icon-margin: base(0.25);
-
-.block-search {
-  position: sticky;
-  top: 0;
-  display: flex;
-  width: 100%;
-  align-items: center;
-  z-index: 1;
-
-  &__input {
-    @include formInput;
-    padding-right: calc(#{$icon-width} + #{$icon-margin} * 2);
-  }
-
-  .search {
-    position: absolute;
-    top: 50%;
-    transform: translate3d(0, -50%, 0);
-    right: base(0.25);
-    width: $icon-width;
-    margin: 0 $icon-margin;
-
-    .stroke {
-      stroke: var(--theme-elevation-300);
-    }
-  }
-
-  @include mid-break {
-    &__input {
-      margin-bottom: 0;
-    }
-  }
-}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/forms/fields/Blocks/BlocksDrawer/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAGlD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAOvC,OAAO,cAAc,CAAA;AAYrB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgExC,CAAA"}