@evoke-platform/ui-components 1.10.1-dev.2 → 1.10.1-dev.4
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/published/components/custom/Form/FormComponents/CriteriaComponent/Criteria.js +5 -0
- package/dist/published/components/custom/Form/FormComponents/FormFieldComponent.js +5 -3
- package/dist/published/components/custom/Form/FormComponents/ObjectComponent/ObjectComponent.js +2 -2
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/RepeatableFieldComponent.js +1 -1
- package/dist/published/components/custom/Form/types.d.ts +1 -0
- package/dist/published/components/custom/Form/utils.js +26 -0
- package/dist/published/components/custom/FormField/AddressFieldComponent/AddressFieldComponent.test.js +4 -0
- package/dist/published/components/custom/FormField/AddressFieldComponent/addressFieldComponent.d.ts +1 -0
- package/dist/published/components/custom/FormField/AddressFieldComponent/addressFieldComponent.js +2 -2
- package/dist/published/components/custom/FormV2/FormRenderer.d.ts +2 -2
- package/dist/published/components/custom/FormV2/FormRenderer.js +7 -1
- package/dist/published/components/custom/FormV2/FormRendererContainer.d.ts +2 -2
- package/dist/published/components/custom/FormV2/components/FormContext.d.ts +2 -2
- package/dist/published/components/custom/FormV2/components/FormFieldTypes/AddressFields.js +1 -1
- package/dist/published/components/custom/FormV2/components/FormFieldTypes/CollectionFiles/ActionDialog.d.ts +2 -2
- package/dist/published/components/custom/FormV2/components/FormFieldTypes/CollectionFiles/RepeatableField.js +12 -4
- package/dist/published/components/custom/FormV2/components/types.d.ts +1 -0
- package/dist/published/components/custom/FormV2/components/utils.d.ts +4 -1
- package/dist/published/components/custom/FormV2/components/utils.js +11 -3
- package/dist/published/stories/CriteriaBuilder.stories.js +15 -0
- package/dist/published/stories/FormRenderer.stories.d.ts +8 -8
- package/dist/published/stories/FormRendererContainer.stories.d.ts +12 -12
- package/dist/published/theme/hooks.d.ts +3 -3
- package/package.json +1 -1
|
@@ -8,7 +8,7 @@ import { FormField } from '../../../custom';
|
|
|
8
8
|
import { FormComponentWrapper } from '../Common';
|
|
9
9
|
import { isPropertyVisible } from '../utils';
|
|
10
10
|
function isAddressProperties(key) {
|
|
11
|
-
return /\.line1|\.line2|\.city|\.county|\.state|\.zipCode$/.test(key);
|
|
11
|
+
return /\.line1|\.line2|\.city|\.county|\.state|\.zipCode|\.country$/.test(key);
|
|
12
12
|
}
|
|
13
13
|
Handlebars.registerHelper('addDays', function (addend1, addend2) {
|
|
14
14
|
const dateAddend1 = DateTime.fromISO(addend1);
|
|
@@ -76,6 +76,7 @@ export class FormFieldComponent extends ReactComponent {
|
|
|
76
76
|
`${this.component.addressPropertyId}.county`,
|
|
77
77
|
`${this.component.addressPropertyId}.state`,
|
|
78
78
|
`${this.component.addressPropertyId}.zipCode`,
|
|
79
|
+
`${this.component.addressPropertyId}.country`,
|
|
79
80
|
].includes(comp.key))
|
|
80
81
|
.forEach((comp) => {
|
|
81
82
|
this.emit('changed-' + comp.key, value[comp.key.replace(`${this.component.addressPropertyId}.`, '')]);
|
|
@@ -159,7 +160,8 @@ export class FormFieldComponent extends ReactComponent {
|
|
|
159
160
|
if (this.component.key.includes('.city') ||
|
|
160
161
|
this.component.key.includes('.county') ||
|
|
161
162
|
this.component.key.includes('.state') ||
|
|
162
|
-
this.component.key.includes('.zipCode')
|
|
163
|
+
this.component.key.includes('.zipCode') ||
|
|
164
|
+
this.component.key.includes('.country')) {
|
|
163
165
|
this.on('changed-' + this.component.key, (value) => {
|
|
164
166
|
this.setValue(value ?? '');
|
|
165
167
|
this.updateValue(value, { modified: true });
|
|
@@ -244,7 +246,7 @@ export class FormFieldComponent extends ReactComponent {
|
|
|
244
246
|
}
|
|
245
247
|
else if (/^{{.*}}$/.test(this.component.initialValue)) {
|
|
246
248
|
if (isAddressProperties(this.component.key)) {
|
|
247
|
-
const regex = /^{{input\.(?<relatedObjectProperty>[a-zA-Z][a-zA-Z0-9_]*)\.(?<addressProperty>[a-zA-Z][a-zA-Z0-9_]*)\.(?<nestedAddressProperty>line1|line2|city|county|state|zipCode)}}$/;
|
|
249
|
+
const regex = /^{{input\.(?<relatedObjectProperty>[a-zA-Z][a-zA-Z0-9_]*)\.(?<addressProperty>[a-zA-Z][a-zA-Z0-9_]*)\.(?<nestedAddressProperty>line1|line2|city|county|state|zipCode|country)}}$/;
|
|
248
250
|
const groups = regex.exec(this.component.initialValue)?.groups;
|
|
249
251
|
if (groups?.relatedObjectProperty && groups?.addressProperty && groups?.nestedAddressProperty) {
|
|
250
252
|
this.on(`changed-${groups.relatedObjectProperty}`, (value) => {
|
package/dist/published/components/custom/Form/FormComponents/ObjectComponent/ObjectComponent.js
CHANGED
|
@@ -42,7 +42,7 @@ export class ObjectComponent extends ReactComponent {
|
|
|
42
42
|
let compKey = compKeyFragments[0];
|
|
43
43
|
const property = this.component.properties.find((c) => c.id === compKey);
|
|
44
44
|
if (property?.type === 'address' &&
|
|
45
|
-
['line1', 'line2', 'city', 'state', 'zipCode'].includes(compKeyFragments[1])) {
|
|
45
|
+
['line1', 'line2', 'city', 'state', 'zipCode', 'country'].includes(compKeyFragments[1])) {
|
|
46
46
|
compKey = inputProp;
|
|
47
47
|
}
|
|
48
48
|
this.on(`changed-${compKey}`, async (value) => {
|
|
@@ -86,7 +86,7 @@ export class ObjectComponent extends ReactComponent {
|
|
|
86
86
|
let compKey = compKeyFragments[0];
|
|
87
87
|
const property = this.component.properties.find((c) => c.id === compKey);
|
|
88
88
|
if (property?.type === 'address' &&
|
|
89
|
-
['line1', 'line2', 'city', 'state', 'zipCode'].includes(compKeyFragments[1])) {
|
|
89
|
+
['line1', 'line2', 'city', 'state', 'zipCode', 'country'].includes(compKeyFragments[1])) {
|
|
90
90
|
compKey = inputProp;
|
|
91
91
|
}
|
|
92
92
|
this.on(`changed-${compKey}`, async (value) => {
|
|
@@ -31,7 +31,7 @@ export class RepeatableFieldComponent extends ReactComponent {
|
|
|
31
31
|
let compKey = compKeyFragments[0];
|
|
32
32
|
const property = this.component.properties.find((c) => c.id === compKey);
|
|
33
33
|
if (property?.type === 'address' &&
|
|
34
|
-
['line1', 'line2', 'city', 'state', 'zipCode'].includes(compKeyFragments[1])) {
|
|
34
|
+
['line1', 'line2', 'city', 'state', 'zipCode', 'country'].includes(compKeyFragments[1])) {
|
|
35
35
|
compKey = inputProp;
|
|
36
36
|
}
|
|
37
37
|
this.on(`changed-${compKey}`, async (value) => {
|
|
@@ -554,6 +554,11 @@ formComponents, allCriteriaInputs, instance, objectPropertyInputProps, associate
|
|
|
554
554
|
name: `${property.name} Zip Code`,
|
|
555
555
|
type: 'string',
|
|
556
556
|
},
|
|
557
|
+
{
|
|
558
|
+
id: `${property.id}.country`,
|
|
559
|
+
name: `${property.name} Country`,
|
|
560
|
+
type: 'string',
|
|
561
|
+
},
|
|
557
562
|
]
|
|
558
563
|
: [property]);
|
|
559
564
|
return [
|
|
@@ -1048,6 +1053,27 @@ export const buildComponentPropsFromObjectProperties = (properties, objectId, in
|
|
|
1048
1053
|
fieldHeight,
|
|
1049
1054
|
autoSave,
|
|
1050
1055
|
},
|
|
1056
|
+
{
|
|
1057
|
+
type,
|
|
1058
|
+
key: `${property.id}.country`,
|
|
1059
|
+
label: `${property.name} Country`,
|
|
1060
|
+
inputMask: property.mask,
|
|
1061
|
+
readOnly: !hasActionPermissions || readOnly || !!property?.formula,
|
|
1062
|
+
instance: instance,
|
|
1063
|
+
defaultValue: instance ? instance[property.id]?.[`country`] : undefined,
|
|
1064
|
+
user: objectPropertyInputProps?.user,
|
|
1065
|
+
property: {
|
|
1066
|
+
id: `${property.id}.country`,
|
|
1067
|
+
name: `${property.name} Country`,
|
|
1068
|
+
type: 'string',
|
|
1069
|
+
},
|
|
1070
|
+
validate: {
|
|
1071
|
+
required: property.required,
|
|
1072
|
+
},
|
|
1073
|
+
objectId,
|
|
1074
|
+
fieldHeight,
|
|
1075
|
+
autoSave,
|
|
1076
|
+
},
|
|
1051
1077
|
];
|
|
1052
1078
|
}
|
|
1053
1079
|
let minDate = property.validation?.from ?? '';
|
|
@@ -20,6 +20,7 @@ it('displays matching addresses', async () => {
|
|
|
20
20
|
county: 'Howard',
|
|
21
21
|
state: 'Maryland',
|
|
22
22
|
zipCode: '21046',
|
|
23
|
+
country: 'USA',
|
|
23
24
|
},
|
|
24
25
|
},
|
|
25
26
|
{
|
|
@@ -29,6 +30,7 @@ it('displays matching addresses', async () => {
|
|
|
29
30
|
county: 'Howard',
|
|
30
31
|
state: 'Maryland',
|
|
31
32
|
zipCode: '21046',
|
|
33
|
+
country: 'USA',
|
|
32
34
|
},
|
|
33
35
|
},
|
|
34
36
|
];
|
|
@@ -58,6 +60,7 @@ it('returns selected search result', async () => {
|
|
|
58
60
|
county: 'Howard',
|
|
59
61
|
state: 'Maryland',
|
|
60
62
|
zipCode: '21046',
|
|
63
|
+
country: 'USA',
|
|
61
64
|
},
|
|
62
65
|
},
|
|
63
66
|
];
|
|
@@ -72,5 +75,6 @@ it('returns selected search result', async () => {
|
|
|
72
75
|
county: 'Howard',
|
|
73
76
|
state: 'Maryland',
|
|
74
77
|
zipCode: '21046',
|
|
78
|
+
country: 'USA',
|
|
75
79
|
}, addressProperty, undefined);
|
|
76
80
|
});
|
package/dist/published/components/custom/FormField/AddressFieldComponent/addressFieldComponent.js
CHANGED
|
@@ -25,9 +25,9 @@ const AddressFieldComponent = (props) => {
|
|
|
25
25
|
setSelectOptions(addresses
|
|
26
26
|
.filter((address) => address.address.line1)
|
|
27
27
|
.map((address) => {
|
|
28
|
-
const { line1, city, county, state, zipCode } = address.address;
|
|
28
|
+
const { line1, city, county, state, zipCode, country } = address.address;
|
|
29
29
|
const label = line1 ?? '';
|
|
30
|
-
let sublabel = [city, county, state].filter(Boolean).join(', ');
|
|
30
|
+
let sublabel = [city, county, state, country].filter(Boolean).join(', ');
|
|
31
31
|
if (zipCode) {
|
|
32
32
|
sublabel = sublabel ? `${sublabel} ${zipCode}` : zipCode;
|
|
33
33
|
}
|
|
@@ -19,8 +19,8 @@ export type FormRendererProps = BaseProps & {
|
|
|
19
19
|
onChange: (id: string, value: unknown) => void | Promise<void>;
|
|
20
20
|
onAutosave?: (fieldId: string) => void | Promise<void>;
|
|
21
21
|
associatedObject?: {
|
|
22
|
-
instanceId
|
|
23
|
-
propertyId
|
|
22
|
+
instanceId: string;
|
|
23
|
+
propertyId: string;
|
|
24
24
|
};
|
|
25
25
|
renderHeader?: (props: HeaderProps) => React.ReactNode;
|
|
26
26
|
renderBody?: (props: BodyProps) => React.ReactNode;
|
|
@@ -171,7 +171,13 @@ const FormRendererInternal = (props) => {
|
|
|
171
171
|
async function unregisterHiddenFieldsAndSubmit() {
|
|
172
172
|
unregisterHiddenFields(entries ?? []);
|
|
173
173
|
removeUneditedProtectedValues();
|
|
174
|
-
await handleSubmit((data) =>
|
|
174
|
+
await handleSubmit((data) => {
|
|
175
|
+
if (onSubmit) {
|
|
176
|
+
onSubmit(action?.type === 'delete' ? {} : data);
|
|
177
|
+
// clear fetched options after successful submit to allow re-evaluation with the new instance data
|
|
178
|
+
setFetchedOptions({});
|
|
179
|
+
}
|
|
180
|
+
}, (errors) => onSubmitError(errors))();
|
|
175
181
|
}
|
|
176
182
|
const headerProps = {
|
|
177
183
|
title,
|
|
@@ -30,8 +30,8 @@ export type FormRendererContainerProps = BaseProps & {
|
|
|
30
30
|
onDiscardChanges?: FormRendererProps['onDiscardChanges'];
|
|
31
31
|
onSubmitError?: FormRendererProps['onSubmitError'];
|
|
32
32
|
associatedObject?: {
|
|
33
|
-
instanceId
|
|
34
|
-
propertyId
|
|
33
|
+
instanceId: string;
|
|
34
|
+
propertyId: string;
|
|
35
35
|
};
|
|
36
36
|
renderContainer?: (state: FormRendererState) => React.ReactNode;
|
|
37
37
|
renderHeader?: FormRendererProps['renderHeader'];
|
|
@@ -25,7 +25,7 @@ function AddressFields(props) {
|
|
|
25
25
|
const handleAddressChange = async (name, value) => {
|
|
26
26
|
try {
|
|
27
27
|
if (addressField === 'line1' && typeof value === 'object' && value.line1) {
|
|
28
|
-
const addressKeys = ['line1', 'city', 'county', 'state', 'zipCode'];
|
|
28
|
+
const addressKeys = ['line1', 'city', 'county', 'state', 'zipCode', 'country'];
|
|
29
29
|
// Await each handleChange sequentially to ensure proper order
|
|
30
30
|
for (const key of addressKeys) {
|
|
31
31
|
const fullKey = `${addressObject}.${key}`;
|
|
@@ -11,8 +11,8 @@ export type ActionDialogProps = {
|
|
|
11
11
|
relatedParameter: InputParameter;
|
|
12
12
|
relatedFormId?: string;
|
|
13
13
|
associatedObject?: {
|
|
14
|
-
instanceId
|
|
15
|
-
propertyId
|
|
14
|
+
instanceId: string;
|
|
15
|
+
propertyId: string;
|
|
16
16
|
};
|
|
17
17
|
};
|
|
18
18
|
export declare const ActionDialog: (props: ActionDialogProps) => React.JSX.Element;
|
|
@@ -249,8 +249,10 @@ const RepeatableField = (props) => {
|
|
|
249
249
|
};
|
|
250
250
|
}
|
|
251
251
|
};
|
|
252
|
-
const checkCreateAccess = (relatedObject) => {
|
|
253
|
-
if (fieldDefinition.objectId &&
|
|
252
|
+
const checkCreateAccess = useCallback((relatedObject) => {
|
|
253
|
+
if (fieldDefinition.objectId &&
|
|
254
|
+
canUpdateProperty &&
|
|
255
|
+
!fetchedOptions[`${fieldDefinition.id}HasCreateAction`]) {
|
|
254
256
|
apiServices
|
|
255
257
|
.get(getPrefixedUrl(`/objects/${fieldDefinition.objectId}/instances/checkAccess`), {
|
|
256
258
|
params: { action: 'execute', field: entry.display?.createActionId, scope: 'data' },
|
|
@@ -272,7 +274,11 @@ const RepeatableField = (props) => {
|
|
|
272
274
|
}
|
|
273
275
|
});
|
|
274
276
|
}
|
|
275
|
-
};
|
|
277
|
+
}, [fieldDefinition, canUpdateProperty, fetchedOptions, entry.display?.createActionId, instance, apiServices]);
|
|
278
|
+
useEffect(() => {
|
|
279
|
+
// Re-check create access when instance changes to re-evaluate the criteria
|
|
280
|
+
relatedObject && checkCreateAccess(relatedObject);
|
|
281
|
+
}, [relatedObject, checkCreateAccess]);
|
|
276
282
|
useEffect(() => {
|
|
277
283
|
const updatedOptions = {};
|
|
278
284
|
if ((relatedInstances && !fetchedOptions[`${fieldDefinition.id}Options`]) ||
|
|
@@ -336,7 +342,9 @@ const RepeatableField = (props) => {
|
|
|
336
342
|
? entry.display?.updateActionId
|
|
337
343
|
: entry.display?.deleteActionId));
|
|
338
344
|
// when save is called we know that fieldDefinition is a parameter and fieldDefinition.objectId is defined
|
|
339
|
-
input = await formatSubmission(input, apiServices, fieldDefinition.objectId, selectedInstanceId, action?.type === 'update' ? updateForm : undefined
|
|
345
|
+
input = await formatSubmission(input, apiServices, fieldDefinition.objectId, selectedInstanceId, action?.type === 'update' ? updateForm : undefined, undefined, instance?.id && fieldDefinition.relatedPropertyId
|
|
346
|
+
? { instanceId: instance.id, propertyId: fieldDefinition.relatedPropertyId }
|
|
347
|
+
: undefined);
|
|
340
348
|
if (action?.type === 'create' && entry.display?.createActionId) {
|
|
341
349
|
const updatedInput = {
|
|
342
350
|
...input,
|
|
@@ -86,7 +86,10 @@ export declare function formatSubmission(submission: FieldValues, apiServices?:
|
|
|
86
86
|
showAlert: boolean;
|
|
87
87
|
message?: string;
|
|
88
88
|
isError: boolean;
|
|
89
|
-
}
|
|
89
|
+
}>>, associatedObject?: {
|
|
90
|
+
instanceId: string;
|
|
91
|
+
propertyId: string;
|
|
92
|
+
}): Promise<FieldValues>;
|
|
90
93
|
export declare function filterEmptySections(entry: Sections | Columns, instance?: FieldValues, formData?: FieldValues): Sections | Columns | null;
|
|
91
94
|
export declare function assignIdsToSectionsAndRichText(entries: FormEntry[], object: Obj, parameters?: InputParameter[]): FormEntry[];
|
|
92
95
|
/**
|
|
@@ -63,7 +63,7 @@ const evaluateCondition = (condition, formValues, instance) => {
|
|
|
63
63
|
}
|
|
64
64
|
};
|
|
65
65
|
export function isAddressProperty(key) {
|
|
66
|
-
return /\.line1|\.line2|\.city|\.county|\.state|\.zipCode$/.test(key);
|
|
66
|
+
return /\.line1|\.line2|\.city|\.county|\.state|\.zipCode|\.country$/.test(key);
|
|
67
67
|
}
|
|
68
68
|
/**
|
|
69
69
|
* Determine if a form entry is visible or not.
|
|
@@ -172,6 +172,11 @@ export function addressProperties(addressProperty) {
|
|
|
172
172
|
name: `${addressProperty.name} Zip Code`,
|
|
173
173
|
type: 'string',
|
|
174
174
|
},
|
|
175
|
+
{
|
|
176
|
+
id: `${addressProperty.id}.country`,
|
|
177
|
+
name: `${addressProperty.name} Country`,
|
|
178
|
+
type: 'string',
|
|
179
|
+
},
|
|
175
180
|
];
|
|
176
181
|
}
|
|
177
182
|
export const normalizeDates = (instance, evokeObject) => {
|
|
@@ -414,7 +419,7 @@ export const convertPropertiesToParams = (object) => {
|
|
|
414
419
|
return property.type === 'address'
|
|
415
420
|
? [
|
|
416
421
|
...acc,
|
|
417
|
-
...['city', 'county', 'state', 'line1', 'line2', 'zipCode'].map((field) => ({
|
|
422
|
+
...['city', 'county', 'state', 'line1', 'line2', 'zipCode', 'country'].map((field) => ({
|
|
418
423
|
id: `${property.id}.${field}`,
|
|
419
424
|
name: `${property.name} ${startCase(field)}`,
|
|
420
425
|
type: 'string',
|
|
@@ -621,7 +626,10 @@ export const deleteDocuments = async (submittedFields, requestSuccess, apiServic
|
|
|
621
626
|
*
|
|
622
627
|
* Returns the cleaned submission ready for submitting.
|
|
623
628
|
*/
|
|
624
|
-
export async function formatSubmission(submission, apiServices, objectId, instanceId, form, setSnackbarError) {
|
|
629
|
+
export async function formatSubmission(submission, apiServices, objectId, instanceId, form, setSnackbarError, associatedObject) {
|
|
630
|
+
if (associatedObject) {
|
|
631
|
+
delete submission[associatedObject.propertyId];
|
|
632
|
+
}
|
|
625
633
|
const allEntries = getUnnestedEntries(form?.entries ?? []) ?? [];
|
|
626
634
|
for (const [key, value] of Object.entries(submission)) {
|
|
627
635
|
const entry = allEntries?.find((entry) => getEntryId(entry) === key);
|
|
@@ -322,6 +322,11 @@ CriteriaBuilderRelatedObject.args = {
|
|
|
322
322
|
name: 'Applicant Address County',
|
|
323
323
|
type: 'string',
|
|
324
324
|
},
|
|
325
|
+
{
|
|
326
|
+
id: 'homeAddress.country',
|
|
327
|
+
name: 'Applicant Address Country',
|
|
328
|
+
type: 'string',
|
|
329
|
+
},
|
|
325
330
|
],
|
|
326
331
|
actions: [],
|
|
327
332
|
});
|
|
@@ -516,6 +521,11 @@ CriteriaBuilderRelatedObject.args = {
|
|
|
516
521
|
name: 'Applicant Address County',
|
|
517
522
|
type: 'string',
|
|
518
523
|
},
|
|
524
|
+
{
|
|
525
|
+
id: 'homeAddress.country',
|
|
526
|
+
name: 'Applicant Address Country',
|
|
527
|
+
type: 'string',
|
|
528
|
+
},
|
|
519
529
|
{
|
|
520
530
|
id: 'name',
|
|
521
531
|
name: 'Name',
|
|
@@ -634,6 +644,11 @@ CriteriaBuilderRelatedObject.args = {
|
|
|
634
644
|
name: 'Applicant Address County',
|
|
635
645
|
type: 'string',
|
|
636
646
|
},
|
|
647
|
+
{
|
|
648
|
+
id: 'homeAddress.country',
|
|
649
|
+
name: 'Applicant Address Country',
|
|
650
|
+
type: 'string',
|
|
651
|
+
},
|
|
637
652
|
{
|
|
638
653
|
id: 'name',
|
|
639
654
|
name: 'Name',
|
|
@@ -12,8 +12,8 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
|
|
|
12
12
|
onChange: (id: string, value: unknown) => void | Promise<void>;
|
|
13
13
|
onAutosave?: ((fieldId: string) => void | Promise<void>) | undefined;
|
|
14
14
|
associatedObject?: {
|
|
15
|
-
instanceId
|
|
16
|
-
propertyId
|
|
15
|
+
instanceId: string;
|
|
16
|
+
propertyId: string;
|
|
17
17
|
} | undefined;
|
|
18
18
|
renderHeader?: ((props: import("../components/custom").HeaderProps) => React.ReactNode) | undefined;
|
|
19
19
|
renderBody?: ((props: import("../components/custom").BodyProps) => React.ReactNode) | undefined;
|
|
@@ -33,8 +33,8 @@ export declare const Editable: import("@storybook/types").AnnotatedStoryFn<impor
|
|
|
33
33
|
onChange: (id: string, value: unknown) => void | Promise<void>;
|
|
34
34
|
onAutosave?: ((fieldId: string) => void | Promise<void>) | undefined;
|
|
35
35
|
associatedObject?: {
|
|
36
|
-
instanceId
|
|
37
|
-
propertyId
|
|
36
|
+
instanceId: string;
|
|
37
|
+
propertyId: string;
|
|
38
38
|
} | undefined;
|
|
39
39
|
renderHeader?: ((props: import("../components/custom").HeaderProps) => React.ReactNode) | undefined;
|
|
40
40
|
renderBody?: ((props: import("../components/custom").BodyProps) => React.ReactNode) | undefined;
|
|
@@ -53,8 +53,8 @@ export declare const NoButtons: import("@storybook/types").AnnotatedStoryFn<impo
|
|
|
53
53
|
onChange: (id: string, value: unknown) => void | Promise<void>;
|
|
54
54
|
onAutosave?: ((fieldId: string) => void | Promise<void>) | undefined;
|
|
55
55
|
associatedObject?: {
|
|
56
|
-
instanceId
|
|
57
|
-
propertyId
|
|
56
|
+
instanceId: string;
|
|
57
|
+
propertyId: string;
|
|
58
58
|
} | undefined;
|
|
59
59
|
renderHeader?: ((props: import("../components/custom").HeaderProps) => React.ReactNode) | undefined;
|
|
60
60
|
renderBody?: ((props: import("../components/custom").BodyProps) => React.ReactNode) | undefined;
|
|
@@ -73,8 +73,8 @@ export declare const DocumentForm: import("@storybook/types").AnnotatedStoryFn<i
|
|
|
73
73
|
onChange: (id: string, value: unknown) => void | Promise<void>;
|
|
74
74
|
onAutosave?: ((fieldId: string) => void | Promise<void>) | undefined;
|
|
75
75
|
associatedObject?: {
|
|
76
|
-
instanceId
|
|
77
|
-
propertyId
|
|
76
|
+
instanceId: string;
|
|
77
|
+
propertyId: string;
|
|
78
78
|
} | undefined;
|
|
79
79
|
renderHeader?: ((props: import("../components/custom").HeaderProps) => React.ReactNode) | undefined;
|
|
80
80
|
renderBody?: ((props: import("../components/custom").BodyProps) => React.ReactNode) | undefined;
|
|
@@ -16,8 +16,8 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
|
|
|
16
16
|
onDiscardChanges?: (() => void) | undefined;
|
|
17
17
|
onSubmitError?: import("react-hook-form").SubmitErrorHandler<import("react-hook-form").FieldValues> | undefined;
|
|
18
18
|
associatedObject?: {
|
|
19
|
-
instanceId
|
|
20
|
-
propertyId
|
|
19
|
+
instanceId: string;
|
|
20
|
+
propertyId: string;
|
|
21
21
|
} | undefined;
|
|
22
22
|
renderContainer?: ((state: import("../components/custom/FormV2/FormRendererContainer").FormRendererState) => React.ReactNode) | undefined;
|
|
23
23
|
renderHeader?: ((props: import("../components/custom").HeaderProps) => React.ReactNode) | undefined;
|
|
@@ -43,8 +43,8 @@ export declare const Editable: import("@storybook/types").AnnotatedStoryFn<impor
|
|
|
43
43
|
onDiscardChanges?: (() => void) | undefined;
|
|
44
44
|
onSubmitError?: import("react-hook-form").SubmitErrorHandler<import("react-hook-form").FieldValues> | undefined;
|
|
45
45
|
associatedObject?: {
|
|
46
|
-
instanceId
|
|
47
|
-
propertyId
|
|
46
|
+
instanceId: string;
|
|
47
|
+
propertyId: string;
|
|
48
48
|
} | undefined;
|
|
49
49
|
renderContainer?: ((state: import("../components/custom/FormV2/FormRendererContainer").FormRendererState) => React.ReactNode) | undefined;
|
|
50
50
|
renderHeader?: ((props: import("../components/custom").HeaderProps) => React.ReactNode) | undefined;
|
|
@@ -69,8 +69,8 @@ export declare const DefaultForm: import("@storybook/types").AnnotatedStoryFn<im
|
|
|
69
69
|
onDiscardChanges?: (() => void) | undefined;
|
|
70
70
|
onSubmitError?: import("react-hook-form").SubmitErrorHandler<import("react-hook-form").FieldValues> | undefined;
|
|
71
71
|
associatedObject?: {
|
|
72
|
-
instanceId
|
|
73
|
-
propertyId
|
|
72
|
+
instanceId: string;
|
|
73
|
+
propertyId: string;
|
|
74
74
|
} | undefined;
|
|
75
75
|
renderContainer?: ((state: import("../components/custom/FormV2/FormRendererContainer").FormRendererState) => React.ReactNode) | undefined;
|
|
76
76
|
renderHeader?: ((props: import("../components/custom").HeaderProps) => React.ReactNode) | undefined;
|
|
@@ -95,8 +95,8 @@ export declare const NoButtons: import("@storybook/types").AnnotatedStoryFn<impo
|
|
|
95
95
|
onDiscardChanges?: (() => void) | undefined;
|
|
96
96
|
onSubmitError?: import("react-hook-form").SubmitErrorHandler<import("react-hook-form").FieldValues> | undefined;
|
|
97
97
|
associatedObject?: {
|
|
98
|
-
instanceId
|
|
99
|
-
propertyId
|
|
98
|
+
instanceId: string;
|
|
99
|
+
propertyId: string;
|
|
100
100
|
} | undefined;
|
|
101
101
|
renderContainer?: ((state: import("../components/custom/FormV2/FormRendererContainer").FormRendererState) => React.ReactNode) | undefined;
|
|
102
102
|
renderHeader?: ((props: import("../components/custom").HeaderProps) => React.ReactNode) | undefined;
|
|
@@ -121,8 +121,8 @@ export declare const DocumentForm: import("@storybook/types").AnnotatedStoryFn<i
|
|
|
121
121
|
onDiscardChanges?: (() => void) | undefined;
|
|
122
122
|
onSubmitError?: import("react-hook-form").SubmitErrorHandler<import("react-hook-form").FieldValues> | undefined;
|
|
123
123
|
associatedObject?: {
|
|
124
|
-
instanceId
|
|
125
|
-
propertyId
|
|
124
|
+
instanceId: string;
|
|
125
|
+
propertyId: string;
|
|
126
126
|
} | undefined;
|
|
127
127
|
renderContainer?: ((state: import("../components/custom/FormV2/FormRendererContainer").FormRendererState) => React.ReactNode) | undefined;
|
|
128
128
|
renderHeader?: ((props: import("../components/custom").HeaderProps) => React.ReactNode) | undefined;
|
|
@@ -147,8 +147,8 @@ export declare const FormWithSections: import("@storybook/types").AnnotatedStory
|
|
|
147
147
|
onDiscardChanges?: (() => void) | undefined;
|
|
148
148
|
onSubmitError?: import("react-hook-form").SubmitErrorHandler<import("react-hook-form").FieldValues> | undefined;
|
|
149
149
|
associatedObject?: {
|
|
150
|
-
instanceId
|
|
151
|
-
propertyId
|
|
150
|
+
instanceId: string;
|
|
151
|
+
propertyId: string;
|
|
152
152
|
} | undefined;
|
|
153
153
|
renderContainer?: ((state: import("../components/custom/FormV2/FormRendererContainer").FormRendererState) => React.ReactNode) | undefined;
|
|
154
154
|
renderHeader?: ((props: import("../components/custom").HeaderProps) => React.ReactNode) | undefined;
|
|
@@ -153,9 +153,9 @@ export declare function useFormContext(): {
|
|
|
153
153
|
triggerFieldReset?: boolean | undefined;
|
|
154
154
|
showSubmitError?: boolean | undefined;
|
|
155
155
|
associatedObject?: {
|
|
156
|
-
instanceId
|
|
157
|
-
propertyId
|
|
158
|
-
} | undefined;
|
|
156
|
+
instanceId: string;
|
|
157
|
+
propertyId: string; /** Extra large screens (1536px and up) */
|
|
158
|
+
} | undefined; /** Extra large screens (1536px and up) */
|
|
159
159
|
form?: import("@evoke-platform/context").EvokeForm | undefined;
|
|
160
160
|
width: number;
|
|
161
161
|
};
|