@payloadcms/ui 3.28.0 → 3.28.1
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/BulkUpload/FormsManager/index.js +2 -2
- package/dist/elements/BulkUpload/FormsManager/index.js.map +1 -1
- package/dist/elements/BulkUpload/index.d.ts.map +1 -1
- package/dist/elements/BulkUpload/index.js +2 -4
- package/dist/elements/BulkUpload/index.js.map +1 -1
- package/dist/elements/Collapsible/provider.d.ts.map +1 -1
- package/dist/elements/Collapsible/provider.js +3 -5
- package/dist/elements/Collapsible/provider.js.map +1 -1
- package/dist/elements/DocumentDrawer/Provider.d.ts.map +1 -1
- package/dist/elements/DocumentDrawer/Provider.js +3 -3
- package/dist/elements/DocumentDrawer/Provider.js.map +1 -1
- package/dist/elements/Drawer/index.d.ts.map +1 -1
- package/dist/elements/Drawer/index.js +3 -5
- package/dist/elements/Drawer/index.js.map +1 -1
- package/dist/elements/EditMany/DrawerContent.js +1 -1
- package/dist/elements/EditMany/DrawerContent.js.map +1 -1
- package/dist/elements/ListDrawer/Provider.js +3 -3
- package/dist/elements/ListDrawer/Provider.js.map +1 -1
- package/dist/elements/LoadingOverlay/index.js +3 -3
- package/dist/elements/LoadingOverlay/index.js.map +1 -1
- package/dist/elements/Nav/context.d.ts.map +1 -1
- package/dist/elements/Nav/context.js +2 -4
- package/dist/elements/Nav/context.js.map +1 -1
- package/dist/elements/StepNav/context.d.ts.map +1 -1
- package/dist/elements/StepNav/context.js +3 -5
- package/dist/elements/StepNav/context.js.map +1 -1
- package/dist/elements/Table/RelationshipProvider/index.d.ts.map +1 -1
- package/dist/elements/Table/RelationshipProvider/index.js +3 -5
- package/dist/elements/Table/RelationshipProvider/index.js.map +1 -1
- package/dist/elements/TableColumns/RenderDefaultCell/index.d.ts.map +1 -1
- package/dist/elements/TableColumns/RenderDefaultCell/index.js +2 -4
- package/dist/elements/TableColumns/RenderDefaultCell/index.js.map +1 -1
- package/dist/elements/TableColumns/context.d.ts.map +1 -1
- package/dist/elements/TableColumns/context.js +2 -2
- package/dist/elements/TableColumns/context.js.map +1 -1
- package/dist/elements/TableColumns/index.js +1 -1
- package/dist/elements/TableColumns/index.js.map +1 -1
- package/dist/elements/Toasts/fieldErrors.d.ts.map +1 -1
- package/dist/elements/Toasts/fieldErrors.js +2 -2
- package/dist/elements/Toasts/fieldErrors.js.map +1 -1
- package/dist/exports/client/{CodeEditor-TQ5ADFPC.js → CodeEditor-J4IKAVAK.js} +2 -2
- package/dist/exports/client/{DatePicker-HHQ6TPOW.js → DatePicker-DMHV2M2L.js} +2 -2
- package/dist/exports/client/{chunk-IMEQ6NKQ.js → chunk-3AA2TJQ5.js} +2 -2
- package/dist/exports/client/{chunk-IMEQ6NKQ.js.map → chunk-3AA2TJQ5.js.map} +3 -3
- package/dist/exports/client/{chunk-LMYT7O7U.js → chunk-PKQOCWZD.js} +2 -2
- package/dist/exports/client/{chunk-LMYT7O7U.js.map → chunk-PKQOCWZD.js.map} +3 -3
- package/dist/exports/client/index.js +23 -23
- package/dist/exports/client/index.js.map +3 -3
- package/dist/fields/Blocks/BlockRow.d.ts.map +1 -1
- package/dist/fields/Blocks/BlockRow.js +26 -20
- package/dist/fields/Blocks/BlockRow.js.map +1 -1
- package/dist/fields/Group/provider.d.ts.map +1 -1
- package/dist/fields/Group/provider.js +3 -5
- package/dist/fields/Group/provider.js.map +1 -1
- package/dist/fields/Row/provider.d.ts.map +1 -1
- package/dist/fields/Row/provider.js +3 -5
- package/dist/fields/Row/provider.js.map +1 -1
- package/dist/fields/Tabs/provider.d.ts.map +1 -1
- package/dist/fields/Tabs/provider.js +3 -5
- package/dist/fields/Tabs/provider.js.map +1 -1
- package/dist/forms/Form/context.d.ts.map +1 -1
- package/dist/forms/Form/context.js +9 -25
- package/dist/forms/Form/context.js.map +1 -1
- package/dist/forms/Form/index.d.ts.map +1 -1
- package/dist/forms/Form/index.js +8 -8
- package/dist/forms/Form/index.js.map +1 -1
- package/dist/forms/RowLabel/Context/index.d.ts.map +1 -1
- package/dist/forms/RowLabel/Context/index.js +2 -2
- package/dist/forms/RowLabel/Context/index.js.map +1 -1
- package/dist/forms/RowLabel/index.d.ts.map +1 -1
- package/dist/forms/RowLabel/index.js +2 -2
- package/dist/forms/RowLabel/index.js.map +1 -1
- package/dist/forms/RowLabel/types.d.ts +1 -1
- package/dist/forms/RowLabel/types.d.ts.map +1 -1
- package/dist/forms/RowLabel/types.js.map +1 -1
- package/dist/hooks/useQueues.js +3 -3
- package/dist/hooks/useQueues.js.map +1 -1
- package/dist/providers/Actions/index.d.ts.map +1 -1
- package/dist/providers/Actions/index.js +3 -5
- package/dist/providers/Actions/index.js.map +1 -1
- package/dist/providers/Auth/index.d.ts.map +1 -1
- package/dist/providers/Auth/index.js +3 -5
- package/dist/providers/Auth/index.js.map +1 -1
- package/dist/providers/ClientFunction/index.d.ts.map +1 -1
- package/dist/providers/ClientFunction/index.js +4 -4
- package/dist/providers/ClientFunction/index.js.map +1 -1
- package/dist/providers/Config/index.d.ts.map +1 -1
- package/dist/providers/Config/index.js +3 -5
- package/dist/providers/Config/index.js.map +1 -1
- package/dist/providers/DocumentEvents/index.d.ts.map +1 -1
- package/dist/providers/DocumentEvents/index.js +3 -5
- package/dist/providers/DocumentEvents/index.js.map +1 -1
- package/dist/providers/DocumentInfo/index.d.ts.map +1 -1
- package/dist/providers/DocumentInfo/index.js +3 -5
- package/dist/providers/DocumentInfo/index.js.map +1 -1
- package/dist/providers/EditDepth/index.d.ts.map +1 -1
- package/dist/providers/EditDepth/index.js +3 -5
- package/dist/providers/EditDepth/index.js.map +1 -1
- package/dist/providers/EntityVisibility/index.d.ts.map +1 -1
- package/dist/providers/EntityVisibility/index.js +3 -5
- package/dist/providers/EntityVisibility/index.js.map +1 -1
- package/dist/providers/ListQuery/context.d.ts.map +1 -1
- package/dist/providers/ListQuery/context.js +2 -2
- package/dist/providers/ListQuery/context.js.map +1 -1
- package/dist/providers/ListQuery/index.js +1 -1
- package/dist/providers/ListQuery/index.js.map +1 -1
- package/dist/providers/Locale/index.d.ts.map +1 -1
- package/dist/providers/Locale/index.js +5 -9
- package/dist/providers/Locale/index.js.map +1 -1
- package/dist/providers/Operation/index.d.ts.map +1 -1
- package/dist/providers/Operation/index.js +3 -5
- package/dist/providers/Operation/index.js.map +1 -1
- package/dist/providers/Params/index.d.ts.map +1 -1
- package/dist/providers/Params/index.js +3 -5
- package/dist/providers/Params/index.js.map +1 -1
- package/dist/providers/Preferences/index.d.ts.map +1 -1
- package/dist/providers/Preferences/index.js +3 -5
- package/dist/providers/Preferences/index.js.map +1 -1
- package/dist/providers/RouteCache/index.d.ts.map +1 -1
- package/dist/providers/RouteCache/index.js +3 -5
- package/dist/providers/RouteCache/index.js.map +1 -1
- package/dist/providers/RouteTransition/index.d.ts.map +1 -1
- package/dist/providers/RouteTransition/index.js +2 -4
- package/dist/providers/RouteTransition/index.js.map +1 -1
- package/dist/providers/SearchParams/index.d.ts.map +1 -1
- package/dist/providers/SearchParams/index.js +3 -5
- package/dist/providers/SearchParams/index.js.map +1 -1
- package/dist/providers/Selection/index.d.ts.map +1 -1
- package/dist/providers/Selection/index.js +3 -5
- package/dist/providers/Selection/index.js.map +1 -1
- package/dist/providers/ServerFunctions/index.js +2 -2
- package/dist/providers/ServerFunctions/index.js.map +1 -1
- package/dist/providers/Theme/index.d.ts.map +1 -1
- package/dist/providers/Theme/index.js +3 -5
- package/dist/providers/Theme/index.js.map +1 -1
- package/dist/providers/Translation/index.d.ts.map +1 -1
- package/dist/providers/Translation/index.js +3 -5
- package/dist/providers/Translation/index.js.map +1 -1
- package/dist/providers/UploadEdits/index.d.ts.map +1 -1
- package/dist/providers/UploadEdits/index.js +2 -4
- package/dist/providers/UploadEdits/index.js.map +1 -1
- package/dist/providers/UploadHandlers/index.d.ts.map +1 -1
- package/dist/providers/UploadHandlers/index.js +3 -3
- package/dist/providers/UploadHandlers/index.js.map +1 -1
- package/package.json +5 -5
- /package/dist/exports/client/{CodeEditor-TQ5ADFPC.js.map → CodeEditor-J4IKAVAK.js.map} +0 -0
- /package/dist/exports/client/{DatePicker-HHQ6TPOW.js.map → DatePicker-DMHV2M2L.js.map} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockRow.d.ts","sourceRoot":"","sources":["../../../src/fields/Blocks/BlockRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAG/F,OAAO,
|
|
1
|
+
{"version":3,"file":"BlockRow.d.ts","sourceRoot":"","sources":["../../../src/fields/Blocks/BlockRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAG/F,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,gEAAgE,CAAA;AAiBhH,KAAK,gBAAgB,GAAG;IACtB,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IACrE,KAAK,EAAE,WAAW,CAAA;IAClB,MAAM,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC,EAAE,GAAG,WAAW,EAAE,CAAA;IAChD,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,yBAAyB,CAAA;IACtC,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,GAAG,0BAA0B,CAAA;AAE9B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmJ/C,CAAA"}
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
3
|
import { c as _c } from "react/compiler-runtime";
|
|
4
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
5
5
|
import { getTranslation } from '@payloadcms/translations';
|
|
6
|
-
import React
|
|
6
|
+
import React from 'react';
|
|
7
7
|
import { Collapsible } from '../../elements/Collapsible/index.js';
|
|
8
8
|
import { ErrorPill } from '../../elements/ErrorPill/index.js';
|
|
9
9
|
import { Pill } from '../../elements/Pill/index.js';
|
|
10
10
|
import { ShimmerEffect } from '../../elements/ShimmerEffect/index.js';
|
|
11
11
|
import { useFormSubmitted } from '../../forms/Form/context.js';
|
|
12
12
|
import { RenderFields } from '../../forms/RenderFields/index.js';
|
|
13
|
+
import { RowLabel } from '../../forms/RowLabel/index.js';
|
|
13
14
|
import { useThrottledValue } from '../../hooks/useThrottledValue.js';
|
|
14
15
|
import { useTranslation } from '../../providers/Translation/index.js';
|
|
15
16
|
import { RowActions } from './RowActions.js';
|
|
@@ -116,25 +117,30 @@ export const BlockRow = t0 => {
|
|
|
116
117
|
header: isLoading ? _jsx(ShimmerEffect, {
|
|
117
118
|
height: "1rem",
|
|
118
119
|
width: "8rem"
|
|
119
|
-
}) :
|
|
120
|
+
}) : _jsxs("div", {
|
|
120
121
|
className: `${baseClass}__block-header`,
|
|
121
|
-
children:
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
children:
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
122
|
+
children: [_jsx(RowLabel, {
|
|
123
|
+
CustomComponent: Label,
|
|
124
|
+
label: _jsxs(_Fragment, {
|
|
125
|
+
children: [_jsx("span", {
|
|
126
|
+
className: `${baseClass}__block-number`,
|
|
127
|
+
children: String(rowIndex + 1).padStart(2, "0")
|
|
128
|
+
}), _jsx(Pill, {
|
|
129
|
+
className: `${baseClass}__block-pill ${baseClass}__block-pill-${row.blockType}`,
|
|
130
|
+
pillStyle: "white",
|
|
131
|
+
children: getTranslation(block.labels.singular, i18n)
|
|
132
|
+
}), showBlockName && _jsx(SectionTitle, {
|
|
133
|
+
path: `${path}.blockName`,
|
|
134
|
+
readOnly
|
|
135
|
+
})]
|
|
136
|
+
}),
|
|
137
|
+
path,
|
|
138
|
+
rowNumber: rowIndex
|
|
139
|
+
}), fieldHasErrors && _jsx(ErrorPill, {
|
|
140
|
+
count: errorCount,
|
|
141
|
+
i18n,
|
|
142
|
+
withMessage: true
|
|
143
|
+
})]
|
|
138
144
|
}),
|
|
139
145
|
isCollapsed: row.collapsed,
|
|
140
146
|
onToggle: t5,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockRow.js","names":["c","_c","getTranslation","React","Fragment","Collapsible","ErrorPill","Pill","ShimmerEffect","useFormSubmitted","RenderFields","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","String","padStart","pillStyle","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, { Fragment } 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 { 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 {Label || (\n <Fragment>\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 {showBlockName && <SectionTitle path={`${path}.blockName`} readOnly={readOnly} />}\n {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n </Fragment>\n )}\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","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 >\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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../src/fields/Group/provider.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../src/fields/Group/provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAEjD,eAAO,MAAM,YAAY,wBAAuB,CAAA;AAEhD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,CAKzF,CAAA;AAED,eAAO,MAAM,QAAQ,QAAO,OAA4B,CAAA"}
|
|
@@ -1,18 +1,16 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
3
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
-
import React, { createContext,
|
|
4
|
+
import React, { createContext, use } from 'react';
|
|
5
5
|
export const GroupContext = /*#__PURE__*/createContext(false);
|
|
6
6
|
export const GroupProvider = ({
|
|
7
7
|
children,
|
|
8
8
|
withinGroup = true
|
|
9
9
|
}) => {
|
|
10
|
-
return /*#__PURE__*/_jsx(GroupContext
|
|
10
|
+
return /*#__PURE__*/_jsx(GroupContext, {
|
|
11
11
|
value: withinGroup,
|
|
12
12
|
children: children
|
|
13
13
|
});
|
|
14
14
|
};
|
|
15
|
-
export const useGroup = () =>
|
|
16
|
-
return useContext(GroupContext);
|
|
17
|
-
};
|
|
15
|
+
export const useGroup = () => use(GroupContext);
|
|
18
16
|
//# sourceMappingURL=provider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"provider.js","names":["React","createContext","
|
|
1
|
+
{"version":3,"file":"provider.js","names":["React","createContext","use","GroupContext","GroupProvider","children","withinGroup","_jsx","value","useGroup"],"sources":["../../../src/fields/Group/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } from 'react'\n\nexport const GroupContext = createContext(false)\n\nexport const GroupProvider: React.FC<{ children?: React.ReactNode; withinGroup?: boolean }> = ({\n children,\n withinGroup = true,\n}) => {\n return <GroupContext value={withinGroup}>{children}</GroupContext>\n}\n\nexport const useGroup = (): boolean => use(GroupContext)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,aAAa,EAAEC,GAAG,QAAQ;AAE1C,OAAO,MAAMC,YAAA,gBAAeF,aAAA,CAAc;AAE1C,OAAO,MAAMG,aAAA,GAAiFA,CAAC;EAC7FC,QAAQ;EACRC,WAAA,GAAc;AAAI,CACnB;EACC,oBAAOC,IAAA,CAACJ,YAAA;IAAaK,KAAA,EAAOF,WAAA;cAAcD;;AAC5C;AAEA,OAAO,MAAMI,QAAA,GAAWA,CAAA,KAAeP,GAAA,CAAIC,YAAA","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../src/fields/Row/provider.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../src/fields/Row/provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAEjD,eAAO,MAAM,OAAO,wBAAuB,CAAA;AAE3C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,CAKrF,CAAA;AAED,eAAO,MAAM,MAAM,QAAO,OAAuB,CAAA"}
|
|
@@ -1,18 +1,16 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
3
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
-
import React, { createContext,
|
|
4
|
+
import React, { createContext, use } from 'react';
|
|
5
5
|
export const Context = /*#__PURE__*/createContext(false);
|
|
6
6
|
export const RowProvider = ({
|
|
7
7
|
children,
|
|
8
8
|
withinRow = true
|
|
9
9
|
}) => {
|
|
10
|
-
return /*#__PURE__*/_jsx(Context
|
|
10
|
+
return /*#__PURE__*/_jsx(Context, {
|
|
11
11
|
value: withinRow,
|
|
12
12
|
children: children
|
|
13
13
|
});
|
|
14
14
|
};
|
|
15
|
-
export const useRow = () =>
|
|
16
|
-
return useContext(Context);
|
|
17
|
-
};
|
|
15
|
+
export const useRow = () => use(Context);
|
|
18
16
|
//# sourceMappingURL=provider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"provider.js","names":["React","createContext","
|
|
1
|
+
{"version":3,"file":"provider.js","names":["React","createContext","use","Context","RowProvider","children","withinRow","_jsx","value","useRow"],"sources":["../../../src/fields/Row/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } from 'react'\n\nexport const Context = createContext(false)\n\nexport const RowProvider: React.FC<{ children?: React.ReactNode; withinRow?: boolean }> = ({\n children,\n withinRow = true,\n}) => {\n return <Context value={withinRow}>{children}</Context>\n}\n\nexport const useRow = (): boolean => use(Context)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,aAAa,EAAEC,GAAG,QAAQ;AAE1C,OAAO,MAAMC,OAAA,gBAAUF,aAAA,CAAc;AAErC,OAAO,MAAMG,WAAA,GAA6EA,CAAC;EACzFC,QAAQ;EACRC,SAAA,GAAY;AAAI,CACjB;EACC,oBAAOC,IAAA,CAACJ,OAAA;IAAQK,KAAA,EAAOF,SAAA;cAAYD;;AACrC;AAEA,OAAO,MAAMI,MAAA,GAASA,CAAA,KAAeP,GAAA,CAAIC,OAAA","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../src/fields/Tabs/provider.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../src/fields/Tabs/provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAIjD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,CAKtF,CAAA;AAED,eAAO,MAAM,OAAO,QAAO,OAAuB,CAAA"}
|
|
@@ -1,18 +1,16 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
3
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
-
import React, { createContext,
|
|
4
|
+
import React, { createContext, use } from 'react';
|
|
5
5
|
const Context = /*#__PURE__*/createContext(false);
|
|
6
6
|
export const TabsProvider = ({
|
|
7
7
|
children,
|
|
8
8
|
withinTab = true
|
|
9
9
|
}) => {
|
|
10
|
-
return /*#__PURE__*/_jsx(Context
|
|
10
|
+
return /*#__PURE__*/_jsx(Context, {
|
|
11
11
|
value: withinTab,
|
|
12
12
|
children: children
|
|
13
13
|
});
|
|
14
14
|
};
|
|
15
|
-
export const useTabs = () =>
|
|
16
|
-
return useContext(Context);
|
|
17
|
-
};
|
|
15
|
+
export const useTabs = () => use(Context);
|
|
18
16
|
//# sourceMappingURL=provider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"provider.js","names":["React","createContext","
|
|
1
|
+
{"version":3,"file":"provider.js","names":["React","createContext","use","Context","TabsProvider","children","withinTab","_jsx","value","useTabs"],"sources":["../../../src/fields/Tabs/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } from 'react'\n\nconst Context = createContext(false)\n\nexport const TabsProvider: React.FC<{ children?: React.ReactNode; withinTab?: boolean }> = ({\n children,\n withinTab = true,\n}) => {\n return <Context value={withinTab}>{children}</Context>\n}\n\nexport const useTabs = (): boolean => use(Context)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,aAAa,EAAEC,GAAG,QAAQ;AAE1C,MAAMC,OAAA,gBAAUF,aAAA,CAAc;AAE9B,OAAO,MAAMG,YAAA,GAA8EA,CAAC;EAC1FC,QAAQ;EACRC,SAAA,GAAY;AAAI,CACjB;EACC,oBAAOC,IAAA,CAACJ,OAAA;IAAQK,KAAA,EAAOF,SAAA;cAAYD;;AACrC;AAEA,OAAO,MAAMI,OAAA,GAAUA,CAAA,KAAeP,GAAA,CAAIC,OAAA","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAS5C,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAErF,QAAA,MAAM,WAAW,kCAA+B,CAAA;AAChD,QAAA,MAAM,mBAAmB,kCAA+B,CAAA;AACxD,QAAA,MAAM,gBAAgB,kCAA+B,CAAA;AACrD,QAAA,MAAM,gBAAgB,kCAAuB,CAAA;AAC7C,QAAA,MAAM,iBAAiB,kCAAuB,CAAA;AAC9C;;;GAGG;AACH,QAAA,MAAM,2BAA2B,kCAAuB,CAAA;AACxD,QAAA,MAAM,eAAe,kCAAuB,CAAA;AAC5C,QAAA,MAAM,mBAAmB,kCAAuB,CAAA;AAChD,QAAA,MAAM,iBAAiB,+DAAiE,CAAA;AAExF,MAAM,MAAM,kBAAkB,GAAG,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;AAE3D;;;;GAIG;AACH,QAAA,MAAM,OAAO,QAAO,
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAS5C,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAErF,QAAA,MAAM,WAAW,kCAA+B,CAAA;AAChD,QAAA,MAAM,mBAAmB,kCAA+B,CAAA;AACxD,QAAA,MAAM,gBAAgB,kCAA+B,CAAA;AACrD,QAAA,MAAM,gBAAgB,kCAAuB,CAAA;AAC7C,QAAA,MAAM,iBAAiB,kCAAuB,CAAA;AAC9C;;;GAGG;AACH,QAAA,MAAM,2BAA2B,kCAAuB,CAAA;AACxD,QAAA,MAAM,eAAe,kCAAuB,CAAA;AAC5C,QAAA,MAAM,mBAAmB,kCAAuB,CAAA;AAChD,QAAA,MAAM,iBAAiB,+DAAiE,CAAA;AAExF,MAAM,MAAM,kBAAkB,GAAG,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;AAE3D;;;;GAIG;AACH,QAAA,MAAM,OAAO,QAAO,OAA2B,CAAA;AAC/C;;;GAGG;AACH,QAAA,MAAM,eAAe,QAAO,OAAmC,CAAA;AAE/D,QAAA,MAAM,YAAY,QAAO,OAAgC,CAAA;AACzD,QAAA,MAAM,gBAAgB,QAAO,OAAgC,CAAA;AAC7D,QAAA,MAAM,iBAAiB,QAAO,OAAiC,CAAA;AAC/D;;;GAGG;AACH,QAAA,MAAM,2BAA2B,QAAO,OAA2C,CAAA;AACnF,QAAA,MAAM,eAAe,QAAO,OAA+B,CAAA;AAC3D,QAAA,MAAM,mBAAmB,QAAO,OAAmC,CAAA;AAEnE;;;;GAIG;AACH,QAAA,MAAM,aAAa,GAAI,KAAK,sBAChB,CAAC,OAAO,EAAE,qBAAqB,KAAK,KAAK,KAClD,KAAwD,CAAA;AAE3D;;;;GAIG;AACH,QAAA,MAAM,gBAAgB,QAAO,qBAA0D,CAAA;AAEvF,OAAO,EACL,2BAA2B,EAC3B,mBAAmB,EACnB,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,OAAO,EACP,2BAA2B,EAC3B,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,GACb,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import { createContext,
|
|
3
|
+
import { createContext, use } from 'react';
|
|
4
4
|
import { createContext as createSelectorContext, useContextSelector, useContext as useFullContext } from 'use-context-selector';
|
|
5
5
|
const FormContext = createContext({});
|
|
6
6
|
const DocumentFormContext = createContext({});
|
|
@@ -20,38 +20,22 @@ const FormFieldsContext = createSelectorContext([{}, () => null]);
|
|
|
20
20
|
*
|
|
21
21
|
* @see https://payloadcms.com/docs/admin/react-hooks#useform
|
|
22
22
|
*/
|
|
23
|
-
const useForm = () =>
|
|
24
|
-
return useContext(FormContext);
|
|
25
|
-
};
|
|
23
|
+
const useForm = () => use(FormContext);
|
|
26
24
|
/**
|
|
27
25
|
* Get the state of the document-level form. This is useful if you need to access the document-level Form from within a child Form.
|
|
28
26
|
* This is the case withing lexical Blocks, as each lexical blocks renders their own Form.
|
|
29
27
|
*/
|
|
30
|
-
const useDocumentForm = () =>
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
const
|
|
34
|
-
return useContext(FormWatchContext);
|
|
35
|
-
};
|
|
36
|
-
const useFormSubmitted = () => {
|
|
37
|
-
return useContext(SubmittedContext);
|
|
38
|
-
};
|
|
39
|
-
const useFormProcessing = () => {
|
|
40
|
-
return useContext(ProcessingContext);
|
|
41
|
-
};
|
|
28
|
+
const useDocumentForm = () => use(DocumentFormContext);
|
|
29
|
+
const useWatchForm = () => use(FormWatchContext);
|
|
30
|
+
const useFormSubmitted = () => use(SubmittedContext);
|
|
31
|
+
const useFormProcessing = () => use(ProcessingContext);
|
|
42
32
|
/**
|
|
43
33
|
* If the form has started processing in the background (e.g.
|
|
44
34
|
* if autosave is running), this will be true.
|
|
45
35
|
*/
|
|
46
|
-
const useFormBackgroundProcessing = () =>
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
const useFormModified = () => {
|
|
50
|
-
return useContext(ModifiedContext);
|
|
51
|
-
};
|
|
52
|
-
const useFormInitializing = () => {
|
|
53
|
-
return useContext(InitializingContext);
|
|
54
|
-
};
|
|
36
|
+
const useFormBackgroundProcessing = () => use(BackgroundProcessingContext);
|
|
37
|
+
const useFormModified = () => use(ModifiedContext);
|
|
38
|
+
const useFormInitializing = () => use(InitializingContext);
|
|
55
39
|
/**
|
|
56
40
|
* Get and set the value of a form field based on a selector
|
|
57
41
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.js","names":["createContext","
|
|
1
|
+
{"version":3,"file":"context.js","names":["createContext","use","createSelectorContext","useContextSelector","useContext","useFullContext","FormContext","DocumentFormContext","FormWatchContext","SubmittedContext","ProcessingContext","BackgroundProcessingContext","ModifiedContext","InitializingContext","FormFieldsContext","useForm","useDocumentForm","useWatchForm","useFormSubmitted","useFormProcessing","useFormBackgroundProcessing","useFormModified","useFormInitializing","useFormFields","selector","useAllFormFields"],"sources":["../../../src/forms/Form/context.ts"],"sourcesContent":["'use client'\nimport type { RenderedField } from 'payload'\n\nimport { createContext, use } from 'react'\nimport {\n createContext as createSelectorContext,\n useContextSelector,\n useContext as useFullContext,\n} from 'use-context-selector'\n\nimport type { Context, FormFieldsContext as FormFieldsContextType } from './types.js'\n\nconst FormContext = createContext({} as Context)\nconst DocumentFormContext = createContext({} as Context)\nconst FormWatchContext = createContext({} as Context)\nconst SubmittedContext = createContext(false)\nconst ProcessingContext = createContext(false)\n/**\n * If the form has started processing in the background (e.g.\n * if autosave is running), this will be true.\n */\nconst BackgroundProcessingContext = createContext(false)\nconst ModifiedContext = createContext(false)\nconst InitializingContext = createContext(false)\nconst FormFieldsContext = createSelectorContext<FormFieldsContextType>([{}, () => null])\n\nexport type RenderedFieldSlots = Map<string, RenderedField>\n\n/**\n * Get the state of the form, can be used to submit & validate the form.\n *\n * @see https://payloadcms.com/docs/admin/react-hooks#useform\n */\nconst useForm = (): Context => use(FormContext)\n/**\n * Get the state of the document-level form. This is useful if you need to access the document-level Form from within a child Form.\n * This is the case withing lexical Blocks, as each lexical blocks renders their own Form.\n */\nconst useDocumentForm = (): Context => use(DocumentFormContext)\n\nconst useWatchForm = (): Context => use(FormWatchContext)\nconst useFormSubmitted = (): boolean => use(SubmittedContext)\nconst useFormProcessing = (): boolean => use(ProcessingContext)\n/**\n * If the form has started processing in the background (e.g.\n * if autosave is running), this will be true.\n */\nconst useFormBackgroundProcessing = (): boolean => use(BackgroundProcessingContext)\nconst useFormModified = (): boolean => use(ModifiedContext)\nconst useFormInitializing = (): boolean => use(InitializingContext)\n\n/**\n * Get and set the value of a form field based on a selector\n *\n * @see https://payloadcms.com/docs/admin/react-hooks#useformfields\n */\nconst useFormFields = <Value = unknown>(\n selector: (context: FormFieldsContextType) => Value,\n): Value => useContextSelector(FormFieldsContext, selector)\n\n/**\n * Get the state of all form fields.\n *\n * @see https://payloadcms.com/docs/admin/react-hooks#useallformfields\n */\nconst useAllFormFields = (): FormFieldsContextType => useFullContext(FormFieldsContext)\n\nexport {\n BackgroundProcessingContext,\n DocumentFormContext,\n FormContext,\n FormFieldsContext,\n FormWatchContext,\n InitializingContext,\n ModifiedContext,\n ProcessingContext,\n SubmittedContext,\n useAllFormFields,\n useDocumentForm,\n useForm,\n useFormBackgroundProcessing,\n useFormFields,\n useFormInitializing,\n useFormModified,\n useFormProcessing,\n useFormSubmitted,\n useWatchForm,\n}\n"],"mappings":"AAAA;;AAGA,SAASA,aAAa,EAAEC,GAAG,QAAQ;AACnC,SACED,aAAA,IAAiBE,qBAAqB,EACtCC,kBAAkB,EAClBC,UAAA,IAAcC,cAAc,QACvB;AAIP,MAAMC,WAAA,GAAcN,aAAA,CAAc,CAAC;AACnC,MAAMO,mBAAA,GAAsBP,aAAA,CAAc,CAAC;AAC3C,MAAMQ,gBAAA,GAAmBR,aAAA,CAAc,CAAC;AACxC,MAAMS,gBAAA,GAAmBT,aAAA,CAAc;AACvC,MAAMU,iBAAA,GAAoBV,aAAA,CAAc;AACxC;;;;AAIA,MAAMW,2BAAA,GAA8BX,aAAA,CAAc;AAClD,MAAMY,eAAA,GAAkBZ,aAAA,CAAc;AACtC,MAAMa,mBAAA,GAAsBb,aAAA,CAAc;AAC1C,MAAMc,iBAAA,GAAoBZ,qBAAA,CAA6C,CAAC,CAAC,GAAG,MAAM,KAAK;AAIvF;;;;;AAKA,MAAMa,OAAA,GAAUA,CAAA,KAAed,GAAA,CAAIK,WAAA;AACnC;;;;AAIA,MAAMU,eAAA,GAAkBA,CAAA,KAAef,GAAA,CAAIM,mBAAA;AAE3C,MAAMU,YAAA,GAAeA,CAAA,KAAehB,GAAA,CAAIO,gBAAA;AACxC,MAAMU,gBAAA,GAAmBA,CAAA,KAAejB,GAAA,CAAIQ,gBAAA;AAC5C,MAAMU,iBAAA,GAAoBA,CAAA,KAAelB,GAAA,CAAIS,iBAAA;AAC7C;;;;AAIA,MAAMU,2BAAA,GAA8BA,CAAA,KAAenB,GAAA,CAAIU,2BAAA;AACvD,MAAMU,eAAA,GAAkBA,CAAA,KAAepB,GAAA,CAAIW,eAAA;AAC3C,MAAMU,mBAAA,GAAsBA,CAAA,KAAerB,GAAA,CAAIY,mBAAA;AAE/C;;;;;AAKA,MAAMU,aAAA,GAAgBC,QAAA;EAAA,OAEVrB,kBAAA,CAAAW,iBAAA,EAAsCU,QAAA;AAAA;AAElD;;;;;AAKA,MAAMC,gBAAA,GAAmBA,CAAA;EAAA,OAA6BpB,cAAA,CAAAS,iBAAe;AAAA;AAErE,SACEH,2BAA2B,EAC3BJ,mBAAmB,EACnBD,WAAW,EACXQ,iBAAiB,EACjBN,gBAAgB,EAChBK,mBAAmB,EACnBD,eAAe,EACfF,iBAAiB,EACjBD,gBAAgB,EAChBgB,gBAAgB,EAChBT,eAAe,EACfD,OAAO,EACPK,2BAA2B,EAC3BG,aAAa,EACbD,mBAAmB,EACnBD,eAAe,EACfF,iBAAiB,EACjBD,gBAAgB,EAChBD,YAAY","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAwE,MAAM,OAAO,CAAA;AAG5F,OAAO,KAAK,EAGV,SAAS,EAGV,MAAM,YAAY,CAAA;AAqCnB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAwE,MAAM,OAAO,CAAA;AAG5F,OAAO,KAAK,EAGV,SAAS,EAGV,MAAM,YAAY,CAAA;AAqCnB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA0vBpC,CAAA;AAED,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,OAAO,EACP,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,GACb,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,SAAS,EAAE,CAAA"}
|
package/dist/forms/Form/index.js
CHANGED
|
@@ -623,7 +623,7 @@ export const Form = props => {
|
|
|
623
623
|
prevFields.current = fields;
|
|
624
624
|
isFirstRenderRef.current = false;
|
|
625
625
|
}, [modified, submitted, fields, queueTask], 250);
|
|
626
|
-
const DocumentFormContextComponent = isDocumentForm ? DocumentFormContext
|
|
626
|
+
const DocumentFormContextComponent = isDocumentForm ? DocumentFormContext : React.Fragment;
|
|
627
627
|
const documentFormContextProps = isDocumentForm ? {
|
|
628
628
|
value: contextRef.current
|
|
629
629
|
} : {};
|
|
@@ -637,22 +637,22 @@ export const Form = props => {
|
|
|
637
637
|
ref: formRef,
|
|
638
638
|
children: /*#__PURE__*/_jsx(DocumentFormContextComponent, {
|
|
639
639
|
...documentFormContextProps,
|
|
640
|
-
children: /*#__PURE__*/_jsx(FormContext
|
|
640
|
+
children: /*#__PURE__*/_jsx(FormContext, {
|
|
641
641
|
value: contextRef.current,
|
|
642
|
-
children: /*#__PURE__*/_jsx(FormWatchContext
|
|
642
|
+
children: /*#__PURE__*/_jsx(FormWatchContext, {
|
|
643
643
|
value: {
|
|
644
644
|
fields,
|
|
645
645
|
...contextRef.current
|
|
646
646
|
},
|
|
647
|
-
children: /*#__PURE__*/_jsx(SubmittedContext
|
|
647
|
+
children: /*#__PURE__*/_jsx(SubmittedContext, {
|
|
648
648
|
value: submitted,
|
|
649
|
-
children: /*#__PURE__*/_jsx(InitializingContext
|
|
649
|
+
children: /*#__PURE__*/_jsx(InitializingContext, {
|
|
650
650
|
value: !isMounted || isMounted && initializing,
|
|
651
|
-
children: /*#__PURE__*/_jsx(ProcessingContext
|
|
651
|
+
children: /*#__PURE__*/_jsx(ProcessingContext, {
|
|
652
652
|
value: processing,
|
|
653
|
-
children: /*#__PURE__*/_jsx(BackgroundProcessingContext
|
|
653
|
+
children: /*#__PURE__*/_jsx(BackgroundProcessingContext, {
|
|
654
654
|
value: backgroundProcessing,
|
|
655
|
-
children: /*#__PURE__*/_jsx(ModifiedContext
|
|
655
|
+
children: /*#__PURE__*/_jsx(ModifiedContext, {
|
|
656
656
|
value: modified,
|
|
657
657
|
children: /*#__PURE__*/_jsx(FormFieldsContext.Provider, {
|
|
658
658
|
value: fieldsReducer,
|