@payloadcms/ui 3.47.0-canary.2 → 3.47.0-internal.b17506e
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/elements/ArrayAction/index.d.ts +0 -2
- package/dist/elements/ArrayAction/index.d.ts.map +1 -1
- package/dist/elements/ArrayAction/index.js +13 -37
- package/dist/elements/ArrayAction/index.js.map +1 -1
- package/dist/elements/DatePicker/index.scss +0 -1
- package/dist/elements/ReactSelect/ClearIndicator/index.scss +0 -1
- package/dist/elements/ReactSelect/DropdownIndicator/index.scss +0 -1
- package/dist/exports/client/index.js +22 -22
- package/dist/exports/client/index.js.map +4 -4
- package/dist/exports/shared/index.js +2 -2
- package/dist/exports/shared/index.js.map +4 -4
- package/dist/fields/Array/ArrayRow.d.ts +0 -2
- package/dist/fields/Array/ArrayRow.d.ts.map +1 -1
- package/dist/fields/Array/ArrayRow.js +43 -49
- package/dist/fields/Array/ArrayRow.js.map +1 -1
- package/dist/fields/Array/index.d.ts.map +1 -1
- package/dist/fields/Array/index.js +44 -175
- package/dist/fields/Array/index.js.map +1 -1
- package/dist/fields/Blocks/BlockRow.d.ts +0 -2
- package/dist/fields/Blocks/BlockRow.d.ts.map +1 -1
- package/dist/fields/Blocks/BlockRow.js +35 -41
- package/dist/fields/Blocks/BlockRow.js.map +1 -1
- package/dist/fields/Blocks/RowActions.d.ts +0 -2
- package/dist/fields/Blocks/RowActions.d.ts.map +1 -1
- package/dist/fields/Blocks/RowActions.js +26 -32
- package/dist/fields/Blocks/RowActions.js.map +1 -1
- package/dist/fields/Blocks/index.d.ts.map +1 -1
- package/dist/fields/Blocks/index.js +348 -294
- package/dist/fields/Blocks/index.js.map +1 -1
- package/dist/providers/LivePreview/index.d.ts +1 -1
- package/dist/providers/LivePreview/index.d.ts.map +1 -1
- package/dist/providers/LivePreview/index.js +2 -1
- package/dist/providers/LivePreview/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/utilities/formatDocTitle/index.d.ts.map +1 -1
- package/dist/utilities/formatDocTitle/index.js +0 -6
- package/dist/utilities/formatDocTitle/index.js.map +1 -1
- package/package.json +4 -4
- package/dist/elements/ClipboardAction/ClipboardActionLabel.d.ts +0 -5
- package/dist/elements/ClipboardAction/ClipboardActionLabel.d.ts.map +0 -1
- package/dist/elements/ClipboardAction/ClipboardActionLabel.js +0 -44
- package/dist/elements/ClipboardAction/ClipboardActionLabel.js.map +0 -1
- package/dist/elements/ClipboardAction/clipboardUtilities.d.ts +0 -10
- package/dist/elements/ClipboardAction/clipboardUtilities.d.ts.map +0 -1
- package/dist/elements/ClipboardAction/clipboardUtilities.js +0 -53
- package/dist/elements/ClipboardAction/clipboardUtilities.js.map +0 -1
- package/dist/elements/ClipboardAction/index.d.ts +0 -20
- package/dist/elements/ClipboardAction/index.d.ts.map +0 -1
- package/dist/elements/ClipboardAction/index.js +0 -188
- package/dist/elements/ClipboardAction/index.js.map +0 -1
- package/dist/elements/ClipboardAction/isClipboardDataValid.d.ts +0 -10
- package/dist/elements/ClipboardAction/isClipboardDataValid.d.ts.map +0 -1
- package/dist/elements/ClipboardAction/isClipboardDataValid.js +0 -86
- package/dist/elements/ClipboardAction/isClipboardDataValid.js.map +0 -1
- package/dist/elements/ClipboardAction/mergeFormStateFromClipboard.d.ts +0 -14
- package/dist/elements/ClipboardAction/mergeFormStateFromClipboard.d.ts.map +0 -1
- package/dist/elements/ClipboardAction/mergeFormStateFromClipboard.js +0 -100
- package/dist/elements/ClipboardAction/mergeFormStateFromClipboard.js.map +0 -1
- package/dist/elements/ClipboardAction/types.d.ts +0 -45
- package/dist/elements/ClipboardAction/types.d.ts.map +0 -1
- package/dist/elements/ClipboardAction/types.js +0 -2
- package/dist/elements/ClipboardAction/types.js.map +0 -1
- package/dist/utilities/formatDocTitle/formatRelationshipTitle.d.ts +0 -2
- package/dist/utilities/formatDocTitle/formatRelationshipTitle.d.ts.map +0 -1
- package/dist/utilities/formatDocTitle/formatRelationshipTitle.js +0 -15
- package/dist/utilities/formatDocTitle/formatRelationshipTitle.js.map +0 -1
|
@@ -17,13 +17,12 @@ import { RowActions } from './RowActions.js';
|
|
|
17
17
|
import { SectionTitle } from './SectionTitle/index.js';
|
|
18
18
|
const baseClass = 'blocks-field';
|
|
19
19
|
export const BlockRow = t0 => {
|
|
20
|
-
const $ = _c(
|
|
20
|
+
const $ = _c(40);
|
|
21
21
|
const {
|
|
22
22
|
addRow,
|
|
23
23
|
attributes,
|
|
24
24
|
block,
|
|
25
25
|
blocks,
|
|
26
|
-
copyRow,
|
|
27
26
|
duplicateRow,
|
|
28
27
|
errorCount,
|
|
29
28
|
fields,
|
|
@@ -35,7 +34,6 @@ export const BlockRow = t0 => {
|
|
|
35
34
|
listeners,
|
|
36
35
|
moveRow,
|
|
37
36
|
parentPath,
|
|
38
|
-
pasteRow,
|
|
39
37
|
path,
|
|
40
38
|
permissions,
|
|
41
39
|
readOnly,
|
|
@@ -78,15 +76,15 @@ export const BlockRow = t0 => {
|
|
|
78
76
|
}
|
|
79
77
|
const t3 = `${parentPath?.split(".").join("-")}-row-${rowIndex}`;
|
|
80
78
|
let t4;
|
|
81
|
-
if ($[2] !== Label || $[3] !== addRow || $[4] !== attributes || $[5] !== block.fields || $[6] !== block.labels || $[7] !== blockPermissions || $[8] !== blocks || $[9] !== classNames || $[10] !==
|
|
79
|
+
if ($[2] !== Label || $[3] !== addRow || $[4] !== attributes || $[5] !== block.fields || $[6] !== block.labels || $[7] !== blockPermissions || $[8] !== blocks || $[9] !== classNames || $[10] !== duplicateRow || $[11] !== errorCount || $[12] !== fieldHasErrors || $[13] !== fields || $[14] !== hasMaxRows || $[15] !== i18n || $[16] !== isLoading || $[17] !== isSortable || $[18] !== labels || $[19] !== listeners || $[20] !== moveRow || $[21] !== parentPath || $[22] !== path || $[23] !== readOnly || $[24] !== removeRow || $[25] !== row.blockType || $[26] !== row.collapsed || $[27] !== row.id || $[28] !== rowCount || $[29] !== rowIndex || $[30] !== schemaPath || $[31] !== setCollapse || $[32] !== setNodeRef || $[33] !== showBlockName || $[34] !== t3 || $[35] !== transform) {
|
|
82
80
|
let t5;
|
|
83
|
-
if ($[
|
|
81
|
+
if ($[37] !== row.id || $[38] !== setCollapse) {
|
|
84
82
|
t5 = collapsed => setCollapse(row.id, collapsed);
|
|
85
|
-
$[
|
|
86
|
-
$[
|
|
87
|
-
$[
|
|
83
|
+
$[37] = row.id;
|
|
84
|
+
$[38] = setCollapse;
|
|
85
|
+
$[39] = t5;
|
|
88
86
|
} else {
|
|
89
|
-
t5 = $[
|
|
87
|
+
t5 = $[39];
|
|
90
88
|
}
|
|
91
89
|
t4 = _jsx("div", {
|
|
92
90
|
id: t3,
|
|
@@ -99,14 +97,12 @@ export const BlockRow = t0 => {
|
|
|
99
97
|
addRow,
|
|
100
98
|
blocks,
|
|
101
99
|
blockType: row.blockType,
|
|
102
|
-
copyRow,
|
|
103
100
|
duplicateRow,
|
|
104
101
|
fields: block.fields,
|
|
105
102
|
hasMaxRows,
|
|
106
103
|
isSortable,
|
|
107
104
|
labels,
|
|
108
105
|
moveRow,
|
|
109
|
-
pasteRow,
|
|
110
106
|
removeRow,
|
|
111
107
|
rowCount,
|
|
112
108
|
rowIndex
|
|
@@ -169,37 +165,35 @@ export const BlockRow = t0 => {
|
|
|
169
165
|
$[7] = blockPermissions;
|
|
170
166
|
$[8] = blocks;
|
|
171
167
|
$[9] = classNames;
|
|
172
|
-
$[10] =
|
|
173
|
-
$[11] =
|
|
174
|
-
$[12] =
|
|
175
|
-
$[13] =
|
|
176
|
-
$[14] =
|
|
177
|
-
$[15] =
|
|
178
|
-
$[16] =
|
|
179
|
-
$[17] =
|
|
180
|
-
$[18] =
|
|
181
|
-
$[19] =
|
|
182
|
-
$[20] =
|
|
183
|
-
$[21] =
|
|
184
|
-
$[22] =
|
|
185
|
-
$[23] =
|
|
186
|
-
$[24] =
|
|
187
|
-
$[25] =
|
|
188
|
-
$[26] =
|
|
189
|
-
$[27] = row.
|
|
190
|
-
$[28] =
|
|
191
|
-
$[29] =
|
|
192
|
-
$[30] =
|
|
193
|
-
$[31] =
|
|
194
|
-
$[32] =
|
|
195
|
-
$[33] =
|
|
196
|
-
$[34] =
|
|
197
|
-
$[35] =
|
|
198
|
-
$[36] =
|
|
199
|
-
$[37] = transform;
|
|
200
|
-
$[38] = t4;
|
|
168
|
+
$[10] = duplicateRow;
|
|
169
|
+
$[11] = errorCount;
|
|
170
|
+
$[12] = fieldHasErrors;
|
|
171
|
+
$[13] = fields;
|
|
172
|
+
$[14] = hasMaxRows;
|
|
173
|
+
$[15] = i18n;
|
|
174
|
+
$[16] = isLoading;
|
|
175
|
+
$[17] = isSortable;
|
|
176
|
+
$[18] = labels;
|
|
177
|
+
$[19] = listeners;
|
|
178
|
+
$[20] = moveRow;
|
|
179
|
+
$[21] = parentPath;
|
|
180
|
+
$[22] = path;
|
|
181
|
+
$[23] = readOnly;
|
|
182
|
+
$[24] = removeRow;
|
|
183
|
+
$[25] = row.blockType;
|
|
184
|
+
$[26] = row.collapsed;
|
|
185
|
+
$[27] = row.id;
|
|
186
|
+
$[28] = rowCount;
|
|
187
|
+
$[29] = rowIndex;
|
|
188
|
+
$[30] = schemaPath;
|
|
189
|
+
$[31] = setCollapse;
|
|
190
|
+
$[32] = setNodeRef;
|
|
191
|
+
$[33] = showBlockName;
|
|
192
|
+
$[34] = t3;
|
|
193
|
+
$[35] = transform;
|
|
194
|
+
$[36] = t4;
|
|
201
195
|
} else {
|
|
202
|
-
t4 = $[
|
|
196
|
+
t4 = $[36];
|
|
203
197
|
}
|
|
204
198
|
return t4;
|
|
205
199
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockRow.js","names":["c","_c","getTranslation","React","Collapsible","ErrorPill","Pill","ShimmerEffect","useFormSubmitted","RenderFields","RowLabel","useThrottledValue","useTranslation","RowActions","SectionTitle","baseClass","BlockRow","t0","$","addRow","attributes","block","blocks","copyRow","duplicateRow","errorCount","fields","hasMaxRows","isLoading","isLoadingFromProps","isSortable","Label","labels","listeners","moveRow","parentPath","pasteRow","path","permissions","readOnly","removeRow","row","rowCount","rowIndex","schemaPath","setCollapse","setNodeRef","transform","i18n","hasSubmitted","fieldHasErrors","showBlockName","admin","disableBlockName","t1","t2","filter","Boolean","classNames","join","blockPermissions","permissionsBlockSpecific","slug","t3","split","t4","blockType","collapsed","id","t5","_jsx","ref","style","children","actions","className","collapsibleStyle","dragHandleProps","undefined","header","height","width","_jsxs","CustomComponent","label","_Fragment","String","padStart","pillStyle","size","singular","count","withMessage","onToggle","margins","parentIndexPath","parentSchemaPath"],"sources":["../../../src/fields/Blocks/BlockRow.tsx"],"sourcesContent":["'use client'\nimport type { ClientBlock, ClientField, Labels, Row, SanitizedFieldPermissions } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { UseDraggableSortableReturn } from '../../elements/DraggableSortable/useDraggableSortable/types.js'\nimport type { RenderFieldsProps } from '../../forms/RenderFields/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 { ShimmerEffect } from '../../elements/ShimmerEffect/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { RowLabel } from '../../forms/RowLabel/index.js'\nimport { useThrottledValue } from '../../hooks/useThrottledValue.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { RowActions } from './RowActions.js'\nimport { SectionTitle } from './SectionTitle/index.js'\n\nconst baseClass = 'blocks-field'\n\ntype BlocksFieldProps = {\n addRow: (rowIndex: number, blockType: string) => Promise<void> | void\n block: ClientBlock\n blocks: (ClientBlock | string)[] | ClientBlock[]\n copyRow: (rowIndex: number) => void\n duplicateRow: (rowIndex: number) => void\n errorCount: number\n fields: ClientField[]\n hasMaxRows?: boolean\n isLoading?: boolean\n isSortable?: boolean\n Label?: React.ReactNode\n labels: Labels\n moveRow: (fromIndex: number, toIndex: number) => void\n parentPath: string\n pasteRow: (rowIndex: number) => void\n path: string\n permissions: SanitizedFieldPermissions\n readOnly: boolean\n removeRow: (rowIndex: number) => void\n row: Row\n rowCount: number\n rowIndex: number\n schemaPath: string\n setCollapse: (id: string, collapsed: boolean) => void\n} & UseDraggableSortableReturn\n\nexport const BlockRow: React.FC<BlocksFieldProps> = ({\n addRow,\n attributes,\n block,\n blocks,\n copyRow,\n duplicateRow,\n errorCount,\n fields,\n hasMaxRows,\n isLoading: isLoadingFromProps,\n isSortable,\n Label,\n labels,\n listeners,\n moveRow,\n parentPath,\n pasteRow,\n path,\n permissions,\n readOnly,\n removeRow,\n row,\n rowCount,\n rowIndex,\n schemaPath,\n setCollapse,\n setNodeRef,\n transform,\n}) => {\n const isLoading = useThrottledValue(isLoadingFromProps, 500)\n\n const { i18n } = useTranslation()\n const hasSubmitted = useFormSubmitted()\n\n const fieldHasErrors = hasSubmitted && errorCount > 0\n\n const showBlockName = !block.admin?.disableBlockName\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 let blockPermissions: RenderFieldsProps['permissions'] = undefined\n\n if (permissions === true) {\n blockPermissions = true\n } else {\n const permissionsBlockSpecific = permissions?.blocks?.[block.slug]\n if (permissionsBlockSpecific === true) {\n blockPermissions = true\n } else {\n blockPermissions = permissionsBlockSpecific?.fields\n }\n }\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 blocks={blocks}\n blockType={row.blockType}\n copyRow={copyRow}\n duplicateRow={duplicateRow}\n fields={block.fields}\n hasMaxRows={hasMaxRows}\n isSortable={isSortable}\n labels={labels}\n moveRow={moveRow}\n pasteRow={pasteRow}\n removeRow={removeRow}\n rowCount={rowCount}\n rowIndex={rowIndex}\n />\n ) : undefined\n }\n className={classNames}\n collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n dragHandleProps={\n isSortable\n ? {\n id: row.id,\n attributes,\n listeners,\n }\n : undefined\n }\n header={\n isLoading ? (\n <ShimmerEffect height=\"1rem\" width=\"8rem\" />\n ) : (\n <div className={`${baseClass}__block-header`}>\n <RowLabel\n CustomComponent={Label}\n label={\n <>\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 size=\"small\"\n >\n {getTranslation(block.labels.singular, i18n)}\n </Pill>\n {showBlockName && (\n <SectionTitle path={`${path}.blockName`} readOnly={readOnly} />\n )}\n </>\n }\n path={path}\n rowNumber={rowIndex}\n />\n {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n </div>\n )\n }\n isCollapsed={row.collapsed}\n key={row.id}\n onToggle={(collapsed) => setCollapse(row.id, collapsed)}\n >\n {isLoading ? (\n <ShimmerEffect />\n ) : (\n <RenderFields\n className={`${baseClass}__fields`}\n fields={fields}\n margins=\"small\"\n parentIndexPath=\"\"\n parentPath={path}\n parentSchemaPath={schemaPath}\n permissions={blockPermissions}\n readOnly={readOnly}\n />\n )}\n </Collapsible>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"BlockRow.js","names":["c","_c","getTranslation","React","Collapsible","ErrorPill","Pill","ShimmerEffect","useFormSubmitted","RenderFields","RowLabel","useThrottledValue","useTranslation","RowActions","SectionTitle","baseClass","BlockRow","t0","$","addRow","attributes","block","blocks","duplicateRow","errorCount","fields","hasMaxRows","isLoading","isLoadingFromProps","isSortable","Label","labels","listeners","moveRow","parentPath","path","permissions","readOnly","removeRow","row","rowCount","rowIndex","schemaPath","setCollapse","setNodeRef","transform","i18n","hasSubmitted","fieldHasErrors","showBlockName","admin","disableBlockName","t1","t2","filter","Boolean","classNames","join","blockPermissions","permissionsBlockSpecific","slug","t3","split","t4","blockType","collapsed","id","t5","_jsx","ref","style","children","actions","className","collapsibleStyle","dragHandleProps","undefined","header","height","width","_jsxs","CustomComponent","label","_Fragment","String","padStart","pillStyle","size","singular","count","withMessage","onToggle","margins","parentIndexPath","parentSchemaPath"],"sources":["../../../src/fields/Blocks/BlockRow.tsx"],"sourcesContent":["'use client'\nimport type { ClientBlock, ClientField, Labels, Row, SanitizedFieldPermissions } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { UseDraggableSortableReturn } from '../../elements/DraggableSortable/useDraggableSortable/types.js'\nimport type { RenderFieldsProps } from '../../forms/RenderFields/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 { ShimmerEffect } from '../../elements/ShimmerEffect/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { RowLabel } from '../../forms/RowLabel/index.js'\nimport { useThrottledValue } from '../../hooks/useThrottledValue.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { RowActions } from './RowActions.js'\nimport { SectionTitle } from './SectionTitle/index.js'\n\nconst baseClass = 'blocks-field'\n\ntype BlocksFieldProps = {\n addRow: (rowIndex: number, blockType: string) => Promise<void> | void\n block: ClientBlock\n blocks: (ClientBlock | string)[] | ClientBlock[]\n duplicateRow: (rowIndex: number) => void\n errorCount: number\n fields: ClientField[]\n hasMaxRows?: boolean\n isLoading?: boolean\n isSortable?: boolean\n Label?: React.ReactNode\n labels: Labels\n moveRow: (fromIndex: number, toIndex: number) => void\n parentPath: string\n path: string\n permissions: SanitizedFieldPermissions\n readOnly: boolean\n removeRow: (rowIndex: number) => void\n row: Row\n rowCount: number\n rowIndex: number\n schemaPath: string\n setCollapse: (id: string, collapsed: boolean) => void\n} & UseDraggableSortableReturn\n\nexport const BlockRow: React.FC<BlocksFieldProps> = ({\n addRow,\n attributes,\n block,\n blocks,\n duplicateRow,\n errorCount,\n fields,\n hasMaxRows,\n isLoading: isLoadingFromProps,\n isSortable,\n Label,\n labels,\n listeners,\n moveRow,\n parentPath,\n path,\n permissions,\n readOnly,\n removeRow,\n row,\n rowCount,\n rowIndex,\n schemaPath,\n setCollapse,\n setNodeRef,\n transform,\n}) => {\n const isLoading = useThrottledValue(isLoadingFromProps, 500)\n\n const { i18n } = useTranslation()\n const hasSubmitted = useFormSubmitted()\n\n const fieldHasErrors = hasSubmitted && errorCount > 0\n\n const showBlockName = !block.admin?.disableBlockName\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 let blockPermissions: RenderFieldsProps['permissions'] = undefined\n\n if (permissions === true) {\n blockPermissions = true\n } else {\n const permissionsBlockSpecific = permissions?.blocks?.[block.slug]\n if (permissionsBlockSpecific === true) {\n blockPermissions = true\n } else {\n blockPermissions = permissionsBlockSpecific?.fields\n }\n }\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 blocks={blocks}\n blockType={row.blockType}\n duplicateRow={duplicateRow}\n fields={block.fields}\n hasMaxRows={hasMaxRows}\n isSortable={isSortable}\n labels={labels}\n moveRow={moveRow}\n removeRow={removeRow}\n rowCount={rowCount}\n rowIndex={rowIndex}\n />\n ) : undefined\n }\n className={classNames}\n collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n dragHandleProps={\n isSortable\n ? {\n id: row.id,\n attributes,\n listeners,\n }\n : undefined\n }\n header={\n isLoading ? (\n <ShimmerEffect height=\"1rem\" width=\"8rem\" />\n ) : (\n <div className={`${baseClass}__block-header`}>\n <RowLabel\n CustomComponent={Label}\n label={\n <>\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 size=\"small\"\n >\n {getTranslation(block.labels.singular, i18n)}\n </Pill>\n {showBlockName && (\n <SectionTitle path={`${path}.blockName`} readOnly={readOnly} />\n )}\n </>\n }\n path={path}\n rowNumber={rowIndex}\n />\n {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n </div>\n )\n }\n isCollapsed={row.collapsed}\n key={row.id}\n onToggle={(collapsed) => setCollapse(row.id, collapsed)}\n >\n {isLoading ? (\n <ShimmerEffect />\n ) : (\n <RenderFields\n className={`${baseClass}__fields`}\n fields={fields}\n margins=\"small\"\n parentIndexPath=\"\"\n parentPath={path}\n parentSchemaPath={schemaPath}\n permissions={blockPermissions}\n readOnly={readOnly}\n />\n )}\n </Collapsible>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,14 +4,12 @@ export declare const RowActions: React.FC<{
|
|
|
4
4
|
readonly addRow: (rowIndex: number, blockType: string) => Promise<void> | void;
|
|
5
5
|
readonly blocks: (ClientBlock | string)[];
|
|
6
6
|
readonly blockType: string;
|
|
7
|
-
readonly copyRow: (rowIndex: number) => void;
|
|
8
7
|
readonly duplicateRow: (rowIndex: number, blockType: string) => void;
|
|
9
8
|
readonly fields: ClientField[];
|
|
10
9
|
readonly hasMaxRows?: boolean;
|
|
11
10
|
readonly isSortable?: boolean;
|
|
12
11
|
readonly labels: Labels;
|
|
13
12
|
readonly moveRow: (fromIndex: number, toIndex: number) => void;
|
|
14
|
-
readonly pasteRow: (rowIndex: number) => void;
|
|
15
13
|
readonly removeRow: (rowIndex: number) => void;
|
|
16
14
|
readonly rowCount: number;
|
|
17
15
|
readonly rowIndex: number;
|
|
@@ -1 +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,MAAM,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC,EAAE,CAAA;IACzC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,
|
|
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,MAAM,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC,EAAE,CAAA;IACzC,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"}
|
|
@@ -8,18 +8,16 @@ import { ArrayAction } from '../../elements/ArrayAction/index.js';
|
|
|
8
8
|
import { useDrawerSlug } from '../../elements/Drawer/useDrawerSlug.js';
|
|
9
9
|
import { BlocksDrawer } from './BlocksDrawer/index.js';
|
|
10
10
|
export const RowActions = props => {
|
|
11
|
-
const $ = _c(
|
|
11
|
+
const $ = _c(26);
|
|
12
12
|
const {
|
|
13
13
|
addRow,
|
|
14
14
|
blocks,
|
|
15
15
|
blockType,
|
|
16
|
-
copyRow,
|
|
17
16
|
duplicateRow,
|
|
18
17
|
hasMaxRows,
|
|
19
18
|
isSortable,
|
|
20
19
|
labels,
|
|
21
20
|
moveRow,
|
|
22
|
-
pasteRow,
|
|
23
21
|
removeRow,
|
|
24
22
|
rowCount,
|
|
25
23
|
rowIndex
|
|
@@ -47,28 +45,28 @@ export const RowActions = props => {
|
|
|
47
45
|
t0 = $[4];
|
|
48
46
|
}
|
|
49
47
|
let t1;
|
|
50
|
-
if ($[5] !== blockType || $[6] !== blocks || $[7] !==
|
|
48
|
+
if ($[5] !== blockType || $[6] !== blocks || $[7] !== drawerSlug || $[8] !== duplicateRow || $[9] !== hasMaxRows || $[10] !== isSortable || $[11] !== labels || $[12] !== moveRow || $[13] !== openModal || $[14] !== removeRow || $[15] !== rowCount || $[16] !== rowIndex || $[17] !== t0) {
|
|
51
49
|
let t2;
|
|
52
|
-
if ($[
|
|
50
|
+
if ($[19] !== drawerSlug || $[20] !== openModal) {
|
|
53
51
|
t2 = index => {
|
|
54
52
|
setIndexToAdd(index);
|
|
55
53
|
openModal(drawerSlug);
|
|
56
54
|
};
|
|
57
|
-
$[
|
|
58
|
-
$[
|
|
59
|
-
$[
|
|
55
|
+
$[19] = drawerSlug;
|
|
56
|
+
$[20] = openModal;
|
|
57
|
+
$[21] = t2;
|
|
60
58
|
} else {
|
|
61
|
-
t2 = $[
|
|
59
|
+
t2 = $[21];
|
|
62
60
|
}
|
|
63
61
|
let t3;
|
|
64
|
-
if ($[
|
|
62
|
+
if ($[22] !== blockType || $[23] !== duplicateRow || $[24] !== rowIndex) {
|
|
65
63
|
t3 = () => duplicateRow(rowIndex, blockType);
|
|
66
|
-
$[
|
|
67
|
-
$[
|
|
68
|
-
$[
|
|
69
|
-
$[
|
|
64
|
+
$[22] = blockType;
|
|
65
|
+
$[23] = duplicateRow;
|
|
66
|
+
$[24] = rowIndex;
|
|
67
|
+
$[25] = t3;
|
|
70
68
|
} else {
|
|
71
|
-
t3 = $[
|
|
69
|
+
t3 = $[25];
|
|
72
70
|
}
|
|
73
71
|
t1 = _jsxs(React.Fragment, {
|
|
74
72
|
children: [_jsx(BlocksDrawer, {
|
|
@@ -79,35 +77,31 @@ export const RowActions = props => {
|
|
|
79
77
|
labels
|
|
80
78
|
}), _jsx(ArrayAction, {
|
|
81
79
|
addRow: t2,
|
|
82
|
-
copyRow,
|
|
83
80
|
duplicateRow: t3,
|
|
84
81
|
hasMaxRows,
|
|
85
82
|
index: rowIndex,
|
|
86
83
|
isSortable,
|
|
87
84
|
moveRow,
|
|
88
|
-
pasteRow,
|
|
89
85
|
removeRow,
|
|
90
86
|
rowCount
|
|
91
87
|
})]
|
|
92
88
|
});
|
|
93
89
|
$[5] = blockType;
|
|
94
90
|
$[6] = blocks;
|
|
95
|
-
$[7] =
|
|
96
|
-
$[8] =
|
|
97
|
-
$[9] =
|
|
98
|
-
$[10] =
|
|
99
|
-
$[11] =
|
|
100
|
-
$[12] =
|
|
101
|
-
$[13] =
|
|
102
|
-
$[14] =
|
|
103
|
-
$[15] =
|
|
104
|
-
$[16] =
|
|
105
|
-
$[17] =
|
|
106
|
-
$[18] =
|
|
107
|
-
$[19] = t0;
|
|
108
|
-
$[20] = t1;
|
|
91
|
+
$[7] = drawerSlug;
|
|
92
|
+
$[8] = duplicateRow;
|
|
93
|
+
$[9] = hasMaxRows;
|
|
94
|
+
$[10] = isSortable;
|
|
95
|
+
$[11] = labels;
|
|
96
|
+
$[12] = moveRow;
|
|
97
|
+
$[13] = openModal;
|
|
98
|
+
$[14] = removeRow;
|
|
99
|
+
$[15] = rowCount;
|
|
100
|
+
$[16] = rowIndex;
|
|
101
|
+
$[17] = t0;
|
|
102
|
+
$[18] = t1;
|
|
109
103
|
} else {
|
|
110
|
-
t1 = $[
|
|
104
|
+
t1 = $[18];
|
|
111
105
|
}
|
|
112
106
|
return t1;
|
|
113
107
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowActions.js","names":["c","_c","useModal","React","ArrayAction","useDrawerSlug","BlocksDrawer","RowActions","props","$","addRow","blocks","blockType","
|
|
1
|
+
{"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 | string)[]\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":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Blocks/index.tsx"],"names":[],"mappings":"AAIA,OAAO,
|
|
1
|
+
{"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;AAoVrB,eAAO,MAAM,WAAW;;;;+EAAsC,CAAA"}
|