@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.
Files changed (24) hide show
  1. package/dist/published/components/custom/Form/FormComponents/CriteriaComponent/Criteria.js +5 -0
  2. package/dist/published/components/custom/Form/FormComponents/FormFieldComponent.js +5 -3
  3. package/dist/published/components/custom/Form/FormComponents/ObjectComponent/ObjectComponent.js +2 -2
  4. package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/RepeatableFieldComponent.js +1 -1
  5. package/dist/published/components/custom/Form/types.d.ts +1 -0
  6. package/dist/published/components/custom/Form/utils.js +26 -0
  7. package/dist/published/components/custom/FormField/AddressFieldComponent/AddressFieldComponent.test.js +4 -0
  8. package/dist/published/components/custom/FormField/AddressFieldComponent/addressFieldComponent.d.ts +1 -0
  9. package/dist/published/components/custom/FormField/AddressFieldComponent/addressFieldComponent.js +2 -2
  10. package/dist/published/components/custom/FormV2/FormRenderer.d.ts +2 -2
  11. package/dist/published/components/custom/FormV2/FormRenderer.js +7 -1
  12. package/dist/published/components/custom/FormV2/FormRendererContainer.d.ts +2 -2
  13. package/dist/published/components/custom/FormV2/components/FormContext.d.ts +2 -2
  14. package/dist/published/components/custom/FormV2/components/FormFieldTypes/AddressFields.js +1 -1
  15. package/dist/published/components/custom/FormV2/components/FormFieldTypes/CollectionFiles/ActionDialog.d.ts +2 -2
  16. package/dist/published/components/custom/FormV2/components/FormFieldTypes/CollectionFiles/RepeatableField.js +12 -4
  17. package/dist/published/components/custom/FormV2/components/types.d.ts +1 -0
  18. package/dist/published/components/custom/FormV2/components/utils.d.ts +4 -1
  19. package/dist/published/components/custom/FormV2/components/utils.js +11 -3
  20. package/dist/published/stories/CriteriaBuilder.stories.js +15 -0
  21. package/dist/published/stories/FormRenderer.stories.d.ts +8 -8
  22. package/dist/published/stories/FormRendererContainer.stories.d.ts +12 -12
  23. package/dist/published/theme/hooks.d.ts +3 -3
  24. package/package.json +1 -1
@@ -65,6 +65,11 @@ export const Criteria = (props) => {
65
65
  name: `${prop.name} Zip Code`,
66
66
  type: 'string',
67
67
  },
68
+ {
69
+ id: `${prop.id}.country`,
70
+ name: `${prop.name} Country`,
71
+ type: 'string',
72
+ },
68
73
  ];
69
74
  }
70
75
  return prop;
@@ -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) => {
@@ -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) => {
@@ -88,6 +88,7 @@ export type Address = {
88
88
  county?: string;
89
89
  state?: string;
90
90
  zipCode?: string;
91
+ country?: string;
91
92
  };
92
93
  export type User = {
93
94
  id: string;
@@ -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
  });
@@ -8,6 +8,7 @@ export type Address = {
8
8
  county?: string;
9
9
  state?: string;
10
10
  zipCode?: string;
11
+ country?: string;
11
12
  };
12
13
  };
13
14
  declare const AddressFieldComponent: (props: FormFieldProps & {
@@ -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?: string;
23
- propertyId?: string;
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) => onSubmit && onSubmit(action?.type === 'delete' ? {} : data), (errors) => onSubmitError(errors))();
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?: string;
34
- propertyId?: string;
33
+ instanceId: string;
34
+ propertyId: string;
35
35
  };
36
36
  renderContainer?: (state: FormRendererState) => React.ReactNode;
37
37
  renderHeader?: FormRendererProps['renderHeader'];
@@ -21,8 +21,8 @@ type FormContextType = {
21
21
  triggerFieldReset?: boolean;
22
22
  showSubmitError?: boolean;
23
23
  associatedObject?: {
24
- instanceId?: string;
25
- propertyId?: string;
24
+ instanceId: string;
25
+ propertyId: string;
26
26
  };
27
27
  form?: EvokeForm;
28
28
  width: number;
@@ -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?: string;
15
- propertyId?: string;
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 && canUpdateProperty && !fetchedOptions[`${fieldDefinition.id}HasCreateAction`]) {
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,
@@ -7,6 +7,7 @@ export type FieldAddress = {
7
7
  county?: string;
8
8
  state?: string;
9
9
  zipCode?: string;
10
+ country?: string;
10
11
  };
11
12
  export type AccessCheck = {
12
13
  result: boolean;
@@ -86,7 +86,10 @@ export declare function formatSubmission(submission: FieldValues, apiServices?:
86
86
  showAlert: boolean;
87
87
  message?: string;
88
88
  isError: boolean;
89
- }>>): Promise<FieldValues>;
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?: string | undefined;
16
- propertyId?: string | undefined;
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?: string | undefined;
37
- propertyId?: string | undefined;
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?: string | undefined;
57
- propertyId?: string | undefined;
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?: string | undefined;
77
- propertyId?: string | undefined;
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?: string | undefined;
20
- propertyId?: string | undefined;
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?: string | undefined;
47
- propertyId?: string | undefined;
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?: string | undefined;
73
- propertyId?: string | undefined;
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?: string | undefined;
99
- propertyId?: string | undefined;
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?: string | undefined;
125
- propertyId?: string | undefined;
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?: string | undefined;
151
- propertyId?: string | undefined;
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?: string | undefined;
157
- propertyId?: string | undefined; /** Extra large screens (1536px and up) */
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
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@evoke-platform/ui-components",
3
- "version": "1.10.1-dev.2",
3
+ "version": "1.10.1-dev.4",
4
4
  "description": "",
5
5
  "main": "dist/published/index.js",
6
6
  "module": "dist/published/index.js",