@payloadcms/ui 3.65.0-internal.19683e7 → 3.65.0-internal.cebb1a8
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 +6 -6
- package/dist/elements/ArrayAction/index.d.ts.map +1 -1
- package/dist/elements/ArrayAction/index.js +8 -8
- package/dist/elements/ArrayAction/index.js.map +1 -1
- package/dist/exports/client/index.js +12 -12
- package/dist/exports/client/index.js.map +3 -3
- package/dist/fields/Array/ArrayRow.d.ts +18 -7
- package/dist/fields/Array/ArrayRow.d.ts.map +1 -1
- package/dist/fields/Array/ArrayRow.js +65 -133
- 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 +10 -3
- package/dist/fields/Array/index.js.map +1 -1
- package/package.json +4 -4
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import './index.scss';
|
|
3
3
|
export type Props = {
|
|
4
|
-
addRow
|
|
5
|
-
copyRow
|
|
6
|
-
duplicateRow
|
|
4
|
+
addRow?: (current: number, blockType?: string) => Promise<void> | void;
|
|
5
|
+
copyRow?: (index: number) => void;
|
|
6
|
+
duplicateRow?: (current: number) => void;
|
|
7
7
|
hasMaxRows: boolean;
|
|
8
8
|
index: number;
|
|
9
9
|
isSortable?: boolean;
|
|
10
|
-
moveRow
|
|
11
|
-
pasteRow
|
|
12
|
-
removeRow
|
|
10
|
+
moveRow?: (from: number, to: number) => void;
|
|
11
|
+
pasteRow?: (index: number) => void;
|
|
12
|
+
removeRow?: (index: number) => void;
|
|
13
13
|
rowCount: number;
|
|
14
14
|
};
|
|
15
15
|
export declare const ArrayAction: React.FC<Props>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ArrayAction/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ArrayAction/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACtE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,UAAU,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuHvC,CAAA"}
|
|
@@ -10,8 +10,8 @@ import { PlusIcon } from '../../icons/Plus/index.js';
|
|
|
10
10
|
import { XIcon } from '../../icons/X/index.js';
|
|
11
11
|
import { useTranslation } from '../../providers/Translation/index.js';
|
|
12
12
|
import { ClipboardActionLabel } from '../ClipboardAction/ClipboardActionLabel.js';
|
|
13
|
-
import './index.scss';
|
|
14
13
|
import { Popup, PopupList } from '../Popup/index.js';
|
|
14
|
+
import './index.scss';
|
|
15
15
|
const baseClass = 'array-actions';
|
|
16
16
|
export const ArrayAction = t0 => {
|
|
17
17
|
const $ = _c(12);
|
|
@@ -43,7 +43,7 @@ export const ArrayAction = t0 => {
|
|
|
43
43
|
} = t2;
|
|
44
44
|
return _jsxs(PopupList.ButtonGroup, {
|
|
45
45
|
buttonSize: "small",
|
|
46
|
-
children: [isSortable && index !== 0 && _jsxs(PopupList.Button, {
|
|
46
|
+
children: [isSortable && index !== 0 && moveRow && _jsxs(PopupList.Button, {
|
|
47
47
|
className: `${baseClass}__action ${baseClass}__move-up`,
|
|
48
48
|
onClick: () => {
|
|
49
49
|
moveRow(index, index - 1);
|
|
@@ -55,7 +55,7 @@ export const ArrayAction = t0 => {
|
|
|
55
55
|
direction: "up"
|
|
56
56
|
})
|
|
57
57
|
}), t("general:moveUp")]
|
|
58
|
-
}), isSortable && index < rowCount - 1 && _jsxs(PopupList.Button, {
|
|
58
|
+
}), isSortable && index < rowCount - 1 && moveRow && _jsxs(PopupList.Button, {
|
|
59
59
|
className: `${baseClass}__action`,
|
|
60
60
|
onClick: () => {
|
|
61
61
|
moveRow(index, index + 1);
|
|
@@ -66,14 +66,14 @@ export const ArrayAction = t0 => {
|
|
|
66
66
|
children: _jsx(ChevronIcon, {})
|
|
67
67
|
}), t("general:moveDown")]
|
|
68
68
|
}), !hasMaxRows && _jsxs(React.Fragment, {
|
|
69
|
-
children: [_jsxs(PopupList.Button, {
|
|
69
|
+
children: [addRow && _jsxs(PopupList.Button, {
|
|
70
70
|
className: `${baseClass}__action ${baseClass}__add`,
|
|
71
71
|
onClick: () => {
|
|
72
72
|
addRow(index + 1);
|
|
73
73
|
close();
|
|
74
74
|
},
|
|
75
75
|
children: [_jsx(PlusIcon, {}), t("general:addBelow")]
|
|
76
|
-
}), _jsxs(PopupList.Button, {
|
|
76
|
+
}), duplicateRow && _jsxs(PopupList.Button, {
|
|
77
77
|
className: `${baseClass}__action ${baseClass}__duplicate`,
|
|
78
78
|
onClick: () => {
|
|
79
79
|
duplicateRow(index);
|
|
@@ -81,7 +81,7 @@ export const ArrayAction = t0 => {
|
|
|
81
81
|
},
|
|
82
82
|
children: [_jsx(CopyIcon, {}), t("general:duplicate")]
|
|
83
83
|
})]
|
|
84
|
-
}), _jsx(PopupList.Button, {
|
|
84
|
+
}), copyRow && _jsx(PopupList.Button, {
|
|
85
85
|
className: `${baseClass}__action ${baseClass}__copy`,
|
|
86
86
|
onClick: () => {
|
|
87
87
|
copyRow(index);
|
|
@@ -90,7 +90,7 @@ export const ArrayAction = t0 => {
|
|
|
90
90
|
children: _jsx(ClipboardActionLabel, {
|
|
91
91
|
isRow: true
|
|
92
92
|
})
|
|
93
|
-
}), _jsx(PopupList.Button, {
|
|
93
|
+
}), pasteRow && _jsx(PopupList.Button, {
|
|
94
94
|
className: `${baseClass}__action ${baseClass}__paste`,
|
|
95
95
|
onClick: () => {
|
|
96
96
|
pasteRow(index);
|
|
@@ -100,7 +100,7 @@ export const ArrayAction = t0 => {
|
|
|
100
100
|
isPaste: true,
|
|
101
101
|
isRow: true
|
|
102
102
|
})
|
|
103
|
-
}), _jsxs(PopupList.Button, {
|
|
103
|
+
}), removeRow && _jsxs(PopupList.Button, {
|
|
104
104
|
className: `${baseClass}__action ${baseClass}__remove`,
|
|
105
105
|
onClick: () => {
|
|
106
106
|
removeRow(index);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","CopyIcon","MoreIcon","PlusIcon","XIcon","useTranslation","ClipboardActionLabel","Popup","PopupList","baseClass","ArrayAction","t0","$","addRow","copyRow","duplicateRow","hasMaxRows","index","isSortable","moveRow","pasteRow","removeRow","rowCount","t","t1","_jsx","button","buttonClassName","className","horizontalAlign","render","t2","close","_jsxs","ButtonGroup","buttonSize","children","Button","onClick","direction","Fragment","isRow","isPaste"],"sources":["../../../src/elements/ArrayAction/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ClipboardActionLabel } from '../ClipboardAction/ClipboardActionLabel.js'\nimport
|
|
1
|
+
{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","CopyIcon","MoreIcon","PlusIcon","XIcon","useTranslation","ClipboardActionLabel","Popup","PopupList","baseClass","ArrayAction","t0","$","addRow","copyRow","duplicateRow","hasMaxRows","index","isSortable","moveRow","pasteRow","removeRow","rowCount","t","t1","_jsx","button","buttonClassName","className","horizontalAlign","render","t2","close","_jsxs","ButtonGroup","buttonSize","children","Button","onClick","direction","Fragment","isRow","isPaste"],"sources":["../../../src/elements/ArrayAction/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { CopyIcon } from '../../icons/Copy/index.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ClipboardActionLabel } from '../ClipboardAction/ClipboardActionLabel.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'array-actions'\n\nexport type Props = {\n addRow?: (current: number, blockType?: string) => Promise<void> | void\n copyRow?: (index: number) => void\n duplicateRow?: (current: number) => void\n hasMaxRows: boolean\n index: number\n isSortable?: boolean\n moveRow?: (from: number, to: number) => void\n pasteRow?: (index: number) => void\n removeRow?: (index: number) => void\n rowCount: number\n}\n\nexport const ArrayAction: React.FC<Props> = ({\n addRow,\n copyRow,\n duplicateRow,\n hasMaxRows,\n index,\n isSortable,\n moveRow,\n pasteRow,\n removeRow,\n rowCount,\n}) => {\n const { t } = useTranslation()\n\n return (\n <Popup\n button={<MoreIcon />}\n buttonClassName={`${baseClass}__button`}\n className={baseClass}\n horizontalAlign=\"center\"\n render={({ close }) => {\n return (\n <PopupList.ButtonGroup buttonSize=\"small\">\n {isSortable && index !== 0 && moveRow && (\n <PopupList.Button\n className={`${baseClass}__action ${baseClass}__move-up`}\n onClick={() => {\n moveRow(index, index - 1)\n close()\n }}\n >\n <div className={`${baseClass}__action-chevron`}>\n <ChevronIcon direction=\"up\" />\n </div>\n {t('general:moveUp')}\n </PopupList.Button>\n )}\n {isSortable && index < rowCount - 1 && moveRow && (\n <PopupList.Button\n className={`${baseClass}__action`}\n onClick={() => {\n moveRow(index, index + 1)\n close()\n }}\n >\n <div className={`${baseClass}__action-chevron`}>\n <ChevronIcon />\n </div>\n {t('general:moveDown')}\n </PopupList.Button>\n )}\n {!hasMaxRows && (\n <React.Fragment>\n {addRow && (\n <PopupList.Button\n className={`${baseClass}__action ${baseClass}__add`}\n onClick={() => {\n void addRow(index + 1)\n close()\n }}\n >\n <PlusIcon />\n {t('general:addBelow')}\n </PopupList.Button>\n )}\n {duplicateRow && (\n <PopupList.Button\n className={`${baseClass}__action ${baseClass}__duplicate`}\n onClick={() => {\n duplicateRow(index)\n close()\n }}\n >\n <CopyIcon />\n {t('general:duplicate')}\n </PopupList.Button>\n )}\n </React.Fragment>\n )}\n {copyRow && (\n <PopupList.Button\n className={`${baseClass}__action ${baseClass}__copy`}\n onClick={() => {\n copyRow(index)\n close()\n }}\n >\n <ClipboardActionLabel isRow />\n </PopupList.Button>\n )}\n {pasteRow && (\n <PopupList.Button\n className={`${baseClass}__action ${baseClass}__paste`}\n onClick={() => {\n pasteRow(index)\n close()\n }}\n >\n <ClipboardActionLabel isPaste isRow />\n </PopupList.Button>\n )}\n {removeRow && (\n <PopupList.Button\n className={`${baseClass}__action ${baseClass}__remove`}\n onClick={() => {\n removeRow(index)\n close()\n }}\n >\n <XIcon />\n {t('general:remove')}\n </PopupList.Button>\n )}\n </PopupList.ButtonGroup>\n )\n }}\n size=\"medium\"\n />\n )\n}\n"],"mappings":"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","ignoreList":[]}
|