@evoke-platform/ui-components 1.17.0 → 1.18.0

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 (50) hide show
  1. package/dist/published/components/custom/CriteriaBuilder/CriteriaBuilder.d.ts +8 -4
  2. package/dist/published/components/custom/CriteriaBuilder/CriteriaBuilder.js +238 -141
  3. package/dist/published/components/custom/CriteriaBuilder/CriteriaBuilder.test.js +189 -67
  4. package/dist/published/components/custom/CriteriaBuilder/PropertyTree.d.ts +6 -6
  5. package/dist/published/components/custom/CriteriaBuilder/PropertyTree.js +12 -25
  6. package/dist/published/components/custom/CriteriaBuilder/PropertyTreeItem.d.ts +4 -5
  7. package/dist/published/components/custom/CriteriaBuilder/PropertyTreeItem.js +34 -22
  8. package/dist/published/components/custom/CriteriaBuilder/types.d.ts +2 -11
  9. package/dist/published/components/custom/CriteriaBuilder/utils.d.ts +6 -34
  10. package/dist/published/components/custom/CriteriaBuilder/utils.js +18 -89
  11. package/dist/published/components/custom/Form/FormComponents/DocumentComponent/Document.js +1 -1
  12. package/dist/published/components/custom/Form/FormComponents/DocumentComponent/DocumentList.js +6 -3
  13. package/dist/published/components/custom/Form/utils.d.ts +1 -0
  14. package/dist/published/components/custom/FormV2/FormRenderer.d.ts +3 -1
  15. package/dist/published/components/custom/FormV2/FormRenderer.js +9 -4
  16. package/dist/published/components/custom/FormV2/FormRendererContainer.d.ts +5 -0
  17. package/dist/published/components/custom/FormV2/FormRendererContainer.js +116 -53
  18. package/dist/published/components/custom/FormV2/components/Body.d.ts +1 -0
  19. package/dist/published/components/custom/FormV2/components/Body.js +4 -2
  20. package/dist/published/components/custom/FormV2/components/FormContext.d.ts +1 -0
  21. package/dist/published/components/custom/FormV2/components/FormFieldTypes/CollectionFiles/ActionDialog.d.ts +1 -0
  22. package/dist/published/components/custom/FormV2/components/FormFieldTypes/CollectionFiles/RepeatableField.js +46 -17
  23. package/dist/published/components/custom/FormV2/components/FormFieldTypes/DocumentFiles/Document.d.ts +3 -2
  24. package/dist/published/components/custom/FormV2/components/FormFieldTypes/DocumentFiles/Document.js +44 -11
  25. package/dist/published/components/custom/FormV2/components/FormFieldTypes/DocumentFiles/DocumentList.d.ts +4 -3
  26. package/dist/published/components/custom/FormV2/components/FormFieldTypes/DocumentFiles/DocumentList.js +41 -29
  27. package/dist/published/components/custom/FormV2/components/FormFieldTypes/FileContent.d.ts +12 -0
  28. package/dist/published/components/custom/FormV2/components/FormFieldTypes/FileContent.js +197 -0
  29. package/dist/published/components/custom/FormV2/components/FormFieldTypes/relatedObjectFiles/InstanceLookup.js +14 -0
  30. package/dist/published/components/custom/FormV2/components/FormletRenderer.d.ts +1 -0
  31. package/dist/published/components/custom/FormV2/components/FormletRenderer.js +6 -14
  32. package/dist/published/components/custom/FormV2/components/HtmlView.js +4 -0
  33. package/dist/published/components/custom/FormV2/components/MisconfiguredErrorMessage.d.ts +2 -0
  34. package/dist/published/components/custom/FormV2/components/MisconfiguredErrorMessage.js +15 -0
  35. package/dist/published/components/custom/FormV2/components/RecursiveEntryRenderer.js +18 -19
  36. package/dist/published/components/custom/FormV2/components/types.d.ts +8 -2
  37. package/dist/published/components/custom/FormV2/components/utils.d.ts +11 -8
  38. package/dist/published/components/custom/FormV2/components/utils.js +194 -78
  39. package/dist/published/components/custom/FormV2/tests/FormRenderer.test.js +180 -2
  40. package/dist/published/components/custom/FormV2/tests/FormRendererContainer.test.js +212 -0
  41. package/dist/published/components/custom/ViewDetailsV2/InstanceEntryRenderer.js +26 -10
  42. package/dist/published/components/custom/ViewDetailsV2/ViewDetailsV2Container.js +1 -0
  43. package/dist/published/components/custom/index.d.ts +1 -0
  44. package/dist/published/index.d.ts +1 -1
  45. package/dist/published/stories/CriteriaBuilder.stories.js +70 -22
  46. package/dist/published/stories/FormRenderer.stories.d.ts +9 -3
  47. package/dist/published/stories/FormRenderer.stories.js +1 -0
  48. package/dist/published/stories/FormRendererContainer.stories.d.ts +25 -0
  49. package/dist/published/theme/hooks.d.ts +1 -0
  50. package/package.json +3 -2
@@ -256,19 +256,26 @@ CriteriaBuilderRelatedObject.args = {
256
256
  ],
257
257
  },
258
258
  {
259
- id: 'dynamic.id',
260
- name: 'Dynamic ID',
261
- type: 'string',
262
- },
263
- {
264
- id: 'dynamic.name',
265
- name: 'Dynamic Name',
266
- type: 'string',
267
- },
268
- {
269
- id: 'dynamic.objectId',
270
- name: 'Dynamic Object ID',
271
- type: 'string',
259
+ id: 'dynamic',
260
+ name: 'Dynamic',
261
+ type: 'object',
262
+ children: [
263
+ {
264
+ id: 'id',
265
+ name: 'ID',
266
+ type: 'string',
267
+ },
268
+ {
269
+ id: 'name',
270
+ name: 'Name',
271
+ type: 'string',
272
+ },
273
+ {
274
+ id: 'objectId',
275
+ name: 'Object Id',
276
+ type: 'string',
277
+ },
278
+ ],
272
279
  },
273
280
  {
274
281
  id: 'name',
@@ -552,19 +559,48 @@ CriteriaBuilderRelatedObject.args = {
552
559
  required: false,
553
560
  },
554
561
  {
555
- id: 'dynamic.id',
556
- name: 'Dynamic ID',
557
- type: 'string',
562
+ id: 'dynamic',
563
+ name: 'Dynamic',
564
+ type: 'object',
565
+ children: [
566
+ {
567
+ id: 'id',
568
+ name: 'ID',
569
+ type: 'string',
570
+ },
571
+ {
572
+ id: 'name',
573
+ name: 'Name',
574
+ type: 'string',
575
+ },
576
+ {
577
+ id: 'objectId',
578
+ name: 'Object Id',
579
+ type: 'string',
580
+ },
581
+ ],
558
582
  },
559
583
  {
560
- id: 'dynamic.name',
561
- name: 'Dynamic Name',
562
- type: 'string',
584
+ id: 'dynamic2',
585
+ name: 'Dynamic2',
586
+ type: 'object',
563
587
  },
564
588
  {
565
- id: 'dynamic.objectId',
566
- name: 'Dynamic Object Id',
567
- type: 'string',
589
+ id: 'address',
590
+ name: 'Address',
591
+ type: 'address',
592
+ children: [
593
+ {
594
+ id: 'line1',
595
+ name: 'Line 1',
596
+ type: 'string',
597
+ },
598
+ {
599
+ id: 'line2',
600
+ name: 'Line 2',
601
+ type: 'string',
602
+ },
603
+ ],
568
604
  },
569
605
  ],
570
606
  },
@@ -716,6 +752,18 @@ CriteriaBuilderRelatedObject.args = {
716
752
  {
717
753
  'applicationType.status': 'DNP',
718
754
  },
755
+ {
756
+ 'applicant.deleted': '1',
757
+ },
758
+ {
759
+ deleted: '1',
760
+ },
761
+ {
762
+ 'applicant.license.expirationDate': '2025-01-16',
763
+ },
764
+ {
765
+ dynamic2: '1',
766
+ },
719
767
  ],
720
768
  },
721
769
  enablePresetValues: false,
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("../components/custom/FormV2/components/types").BaseProps & {
3
3
  richTextEditor?: React.ComponentType<import("../components/custom/FormV2/components/types").SimpleEditorProps> | undefined;
4
4
  value?: import("react-hook-form").FieldValues | undefined;
5
- onSubmit?: ((data: import("react-hook-form").FieldValues) => void) | undefined;
5
+ onSubmit?: ((data: import("react-hook-form").FieldValues) => Promise<void> | ((data: import("react-hook-form").FieldValues) => void)) | undefined;
6
6
  onDiscardChanges?: (() => void) | undefined;
7
7
  onSubmitError?: import("react-hook-form").SubmitErrorHandler<import("react-hook-form").FieldValues> | undefined;
8
8
  hideTitle?: boolean | undefined;
@@ -15,16 +15,18 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
15
15
  associatedObject?: {
16
16
  instanceId: string;
17
17
  propertyId: string;
18
+ objectId?: string | undefined;
18
19
  } | undefined;
19
20
  renderHeader?: ((props: import("../components/custom").HeaderProps) => React.ReactNode) | undefined;
20
21
  renderBody?: ((props: import("../components/custom").BodyProps) => React.ReactNode) | undefined;
22
+ readOnly?: boolean | undefined;
21
23
  renderFooter?: ((props: import("../components/custom").FooterProps) => React.ReactNode) | undefined;
22
24
  }>;
23
25
  export default _default;
24
26
  export declare const Editable: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../components/custom/FormV2/components/types").BaseProps & {
25
27
  richTextEditor?: React.ComponentType<import("../components/custom/FormV2/components/types").SimpleEditorProps> | undefined;
26
28
  value?: import("react-hook-form").FieldValues | undefined;
27
- onSubmit?: ((data: import("react-hook-form").FieldValues) => void) | undefined;
29
+ onSubmit?: ((data: import("react-hook-form").FieldValues) => Promise<void> | ((data: import("react-hook-form").FieldValues) => void)) | undefined;
28
30
  onDiscardChanges?: (() => void) | undefined;
29
31
  onSubmitError?: import("react-hook-form").SubmitErrorHandler<import("react-hook-form").FieldValues> | undefined;
30
32
  hideTitle?: boolean | undefined;
@@ -37,15 +39,17 @@ export declare const Editable: import("@storybook/types").AnnotatedStoryFn<impor
37
39
  associatedObject?: {
38
40
  instanceId: string;
39
41
  propertyId: string;
42
+ objectId?: string | undefined;
40
43
  } | undefined;
41
44
  renderHeader?: ((props: import("../components/custom").HeaderProps) => React.ReactNode) | undefined;
42
45
  renderBody?: ((props: import("../components/custom").BodyProps) => React.ReactNode) | undefined;
46
+ readOnly?: boolean | undefined;
43
47
  renderFooter?: ((props: import("../components/custom").FooterProps) => React.ReactNode) | undefined;
44
48
  }>;
45
49
  export declare const NoButtons: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../components/custom/FormV2/components/types").BaseProps & {
46
50
  richTextEditor?: React.ComponentType<import("../components/custom/FormV2/components/types").SimpleEditorProps> | undefined;
47
51
  value?: import("react-hook-form").FieldValues | undefined;
48
- onSubmit?: ((data: import("react-hook-form").FieldValues) => void) | undefined;
52
+ onSubmit?: ((data: import("react-hook-form").FieldValues) => Promise<void> | ((data: import("react-hook-form").FieldValues) => void)) | undefined;
49
53
  onDiscardChanges?: (() => void) | undefined;
50
54
  onSubmitError?: import("react-hook-form").SubmitErrorHandler<import("react-hook-form").FieldValues> | undefined;
51
55
  hideTitle?: boolean | undefined;
@@ -58,8 +62,10 @@ export declare const NoButtons: import("@storybook/types").AnnotatedStoryFn<impo
58
62
  associatedObject?: {
59
63
  instanceId: string;
60
64
  propertyId: string;
65
+ objectId?: string | undefined;
61
66
  } | undefined;
62
67
  renderHeader?: ((props: import("../components/custom").HeaderProps) => React.ReactNode) | undefined;
63
68
  renderBody?: ((props: import("../components/custom").BodyProps) => React.ReactNode) | undefined;
69
+ readOnly?: boolean | undefined;
64
70
  renderFooter?: ((props: import("../components/custom").FooterProps) => React.ReactNode) | undefined;
65
71
  }>;
@@ -27,6 +27,7 @@ const mockProps = {
27
27
  fieldHeight: 'medium',
28
28
  form: mockEvokeForm,
29
29
  instance: instance,
30
+ readOnly: false,
30
31
  };
31
32
  const Template = (args) => {
32
33
  const [formDataState, setFormDataState] = React.useState(formData);
@@ -10,6 +10,7 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
10
10
  } | undefined;
11
11
  display?: {
12
12
  fieldHeight?: "medium" | "small" | undefined;
13
+ readOnly?: boolean | undefined;
13
14
  } | undefined;
14
15
  actionId?: string | undefined;
15
16
  objectId: string;
@@ -20,6 +21,10 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
20
21
  associatedObject?: {
21
22
  instanceId: string;
22
23
  propertyId: string;
24
+ objectId?: string | undefined;
25
+ } | {
26
+ instanceId: string;
27
+ objectId: string;
23
28
  } | undefined;
24
29
  renderContainer?: ((state: import("../components/custom/FormV2/FormRendererContainer").FormRendererState) => React.ReactNode) | undefined;
25
30
  renderHeader?: ((props: import("../components/custom").HeaderProps) => React.ReactNode) | undefined;
@@ -39,6 +44,7 @@ export declare const Editable: import("@storybook/types").AnnotatedStoryFn<impor
39
44
  } | undefined;
40
45
  display?: {
41
46
  fieldHeight?: "medium" | "small" | undefined;
47
+ readOnly?: boolean | undefined;
42
48
  } | undefined;
43
49
  actionId?: string | undefined;
44
50
  objectId: string;
@@ -49,6 +55,10 @@ export declare const Editable: import("@storybook/types").AnnotatedStoryFn<impor
49
55
  associatedObject?: {
50
56
  instanceId: string;
51
57
  propertyId: string;
58
+ objectId?: string | undefined;
59
+ } | {
60
+ instanceId: string;
61
+ objectId: string;
52
62
  } | undefined;
53
63
  renderContainer?: ((state: import("../components/custom/FormV2/FormRendererContainer").FormRendererState) => React.ReactNode) | undefined;
54
64
  renderHeader?: ((props: import("../components/custom").HeaderProps) => React.ReactNode) | undefined;
@@ -67,6 +77,7 @@ export declare const DefaultForm: import("@storybook/types").AnnotatedStoryFn<im
67
77
  } | undefined;
68
78
  display?: {
69
79
  fieldHeight?: "medium" | "small" | undefined;
80
+ readOnly?: boolean | undefined;
70
81
  } | undefined;
71
82
  actionId?: string | undefined;
72
83
  objectId: string;
@@ -77,6 +88,10 @@ export declare const DefaultForm: import("@storybook/types").AnnotatedStoryFn<im
77
88
  associatedObject?: {
78
89
  instanceId: string;
79
90
  propertyId: string;
91
+ objectId?: string | undefined;
92
+ } | {
93
+ instanceId: string;
94
+ objectId: string;
80
95
  } | undefined;
81
96
  renderContainer?: ((state: import("../components/custom/FormV2/FormRendererContainer").FormRendererState) => React.ReactNode) | undefined;
82
97
  renderHeader?: ((props: import("../components/custom").HeaderProps) => React.ReactNode) | undefined;
@@ -95,6 +110,7 @@ export declare const NoButtons: import("@storybook/types").AnnotatedStoryFn<impo
95
110
  } | undefined;
96
111
  display?: {
97
112
  fieldHeight?: "medium" | "small" | undefined;
113
+ readOnly?: boolean | undefined;
98
114
  } | undefined;
99
115
  actionId?: string | undefined;
100
116
  objectId: string;
@@ -105,6 +121,10 @@ export declare const NoButtons: import("@storybook/types").AnnotatedStoryFn<impo
105
121
  associatedObject?: {
106
122
  instanceId: string;
107
123
  propertyId: string;
124
+ objectId?: string | undefined;
125
+ } | {
126
+ instanceId: string;
127
+ objectId: string;
108
128
  } | undefined;
109
129
  renderContainer?: ((state: import("../components/custom/FormV2/FormRendererContainer").FormRendererState) => React.ReactNode) | undefined;
110
130
  renderHeader?: ((props: import("../components/custom").HeaderProps) => React.ReactNode) | undefined;
@@ -123,6 +143,7 @@ export declare const FormWithSections: import("@storybook/types").AnnotatedStory
123
143
  } | undefined;
124
144
  display?: {
125
145
  fieldHeight?: "medium" | "small" | undefined;
146
+ readOnly?: boolean | undefined;
126
147
  } | undefined;
127
148
  actionId?: string | undefined;
128
149
  objectId: string;
@@ -133,6 +154,10 @@ export declare const FormWithSections: import("@storybook/types").AnnotatedStory
133
154
  associatedObject?: {
134
155
  instanceId: string;
135
156
  propertyId: string;
157
+ objectId?: string | undefined;
158
+ } | {
159
+ instanceId: string;
160
+ objectId: string;
136
161
  } | undefined;
137
162
  renderContainer?: ((state: import("../components/custom/FormV2/FormRendererContainer").FormRendererState) => React.ReactNode) | undefined;
138
163
  renderHeader?: ((props: import("../components/custom").HeaderProps) => React.ReactNode) | undefined;
@@ -154,6 +154,7 @@ export declare function useFormContext(): {
154
154
  associatedObject?: {
155
155
  instanceId: string;
156
156
  propertyId: string;
157
+ objectId?: string | undefined;
157
158
  } | undefined;
158
159
  form?: import("@evoke-platform/context").EvokeForm | undefined;
159
160
  width: number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@evoke-platform/ui-components",
3
- "version": "1.17.0",
3
+ "version": "1.18.0",
4
4
  "description": "",
5
5
  "main": "dist/published/index.js",
6
6
  "module": "dist/published/index.js",
@@ -88,7 +88,7 @@
88
88
  "yalc": "^1.0.0-pre.53"
89
89
  },
90
90
  "peerDependencies": {
91
- "@evoke-platform/context": "^1.8.0-dev.10",
91
+ "@evoke-platform/context": "^1.8.0-0",
92
92
  "react": "^18.1.0",
93
93
  "react-dom": "^18.1.0"
94
94
  },
@@ -123,6 +123,7 @@
123
123
  "html-react-parser": "^5.1.18",
124
124
  "json-logic-js-graphql": "^1.2.4",
125
125
  "luxon": "^2.5.2",
126
+ "mime": "^4.1.0",
126
127
  "nanoid": "^5.0.8",
127
128
  "nanoid-dictionary": "^4.3.0",
128
129
  "no-eval-handlebars": "^1.0.2",