@evoke-platform/ui-components 1.0.0-dev.217 → 1.0.0-dev.218

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 (58) hide show
  1. package/dist/published/components/custom/Form/Common/Form.d.ts +38 -0
  2. package/dist/published/components/custom/Form/Common/Form.js +413 -0
  3. package/dist/published/components/custom/Form/Common/FormComponentWrapper.d.ts +26 -0
  4. package/dist/published/components/custom/Form/Common/FormComponentWrapper.js +79 -0
  5. package/dist/published/components/custom/Form/Common/index.d.ts +2 -0
  6. package/dist/published/components/custom/Form/Common/index.js +2 -0
  7. package/dist/published/components/custom/Form/FormComponents/ButtonComponent.d.ts +37 -0
  8. package/dist/published/components/custom/Form/FormComponents/ButtonComponent.js +150 -0
  9. package/dist/published/components/custom/Form/FormComponents/DocumentComponent/Document.d.ts +17 -0
  10. package/dist/published/components/custom/Form/FormComponents/DocumentComponent/Document.js +80 -0
  11. package/dist/published/components/custom/Form/FormComponents/DocumentComponent/DocumentComponent.d.ts +23 -0
  12. package/dist/published/components/custom/Form/FormComponents/DocumentComponent/DocumentComponent.js +154 -0
  13. package/dist/published/components/custom/Form/FormComponents/DocumentComponent/DocumentList.d.ts +15 -0
  14. package/dist/published/components/custom/Form/FormComponents/DocumentComponent/DocumentList.js +172 -0
  15. package/dist/published/components/custom/Form/FormComponents/FormFieldComponent.d.ts +41 -0
  16. package/dist/published/components/custom/Form/FormComponents/FormFieldComponent.js +409 -0
  17. package/dist/published/components/custom/Form/FormComponents/ImageComponent/Image.d.ts +15 -0
  18. package/dist/published/components/custom/Form/FormComponents/ImageComponent/Image.js +111 -0
  19. package/dist/published/components/custom/Form/FormComponents/ImageComponent/ImageComponent.d.ts +23 -0
  20. package/dist/published/components/custom/Form/FormComponents/ImageComponent/ImageComponent.js +112 -0
  21. package/dist/published/components/custom/Form/FormComponents/ObjectComponent/InstanceLookup.d.ts +20 -0
  22. package/dist/published/components/custom/Form/FormComponents/ObjectComponent/InstanceLookup.js +229 -0
  23. package/dist/published/components/custom/Form/FormComponents/ObjectComponent/ObjectComponent.d.ts +34 -0
  24. package/dist/published/components/custom/Form/FormComponents/ObjectComponent/ObjectComponent.js +150 -0
  25. package/dist/published/components/custom/Form/FormComponents/ObjectComponent/ObjectPropertyInput.d.ts +3 -0
  26. package/dist/published/components/custom/Form/FormComponents/ObjectComponent/ObjectPropertyInput.js +306 -0
  27. package/dist/published/components/custom/Form/FormComponents/ObjectComponent/RelatedObjectInstance.d.ts +24 -0
  28. package/dist/published/components/custom/Form/FormComponents/ObjectComponent/RelatedObjectInstance.js +126 -0
  29. package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ActionDialog.d.ts +21 -0
  30. package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ActionDialog.js +96 -0
  31. package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ManyToMany/DropdownRepeatableField.d.ts +15 -0
  32. package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ManyToMany/DropdownRepeatableField.js +158 -0
  33. package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ManyToMany/DropdownRepeatableFieldInput.d.ts +39 -0
  34. package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ManyToMany/DropdownRepeatableFieldInput.js +89 -0
  35. package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/RepeatableField.d.ts +12 -0
  36. package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/RepeatableField.js +369 -0
  37. package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/RepeatableFieldComponent.d.ts +20 -0
  38. package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/RepeatableFieldComponent.js +57 -0
  39. package/dist/published/components/custom/Form/FormComponents/UserComponent/UserComponent.d.ts +26 -0
  40. package/dist/published/components/custom/Form/FormComponents/UserComponent/UserComponent.js +99 -0
  41. package/dist/published/components/custom/Form/FormComponents/UserComponent/UserProperty.d.ts +23 -0
  42. package/dist/published/components/custom/Form/FormComponents/UserComponent/UserProperty.js +115 -0
  43. package/dist/published/components/custom/Form/FormComponents/ViewOnlyComponent.d.ts +20 -0
  44. package/dist/published/components/custom/Form/FormComponents/ViewOnlyComponent.js +83 -0
  45. package/dist/published/components/custom/Form/FormComponents/index.d.ts +8 -0
  46. package/dist/published/components/custom/Form/FormComponents/index.js +8 -0
  47. package/dist/published/components/custom/Form/index.d.ts +3 -0
  48. package/dist/published/components/custom/Form/index.js +3 -0
  49. package/dist/published/components/custom/Form/types.d.ts +109 -0
  50. package/dist/published/components/custom/Form/types.js +1 -0
  51. package/dist/published/components/custom/Form/utils.d.ts +45 -0
  52. package/dist/published/components/custom/Form/utils.js +1036 -0
  53. package/dist/published/components/custom/index.d.ts +1 -0
  54. package/dist/published/components/custom/index.js +1 -0
  55. package/dist/published/index.d.ts +1 -1
  56. package/dist/published/index.js +1 -1
  57. package/dist/published/styles/form-component.css +152 -0
  58. package/package.json +18 -5
@@ -2,6 +2,7 @@ export { BuilderGrid } from './BuilderGrid';
2
2
  export { CriteriaBuilder } from './CriteriaBuilder';
3
3
  export { DataGrid } from './DataGrid';
4
4
  export { ErrorComponent } from './ErrorComponent';
5
+ export { Form } from './Form';
5
6
  export { FormField } from './FormField';
6
7
  export { MenuBar } from './Menubar';
7
8
  export { MultiSelect } from './MultiSelect';
@@ -2,6 +2,7 @@ export { BuilderGrid } from './BuilderGrid';
2
2
  export { CriteriaBuilder } from './CriteriaBuilder';
3
3
  export { DataGrid } from './DataGrid';
4
4
  export { ErrorComponent } from './ErrorComponent';
5
+ export { Form } from './Form';
5
6
  export { FormField } from './FormField';
6
7
  export { MenuBar } from './Menubar';
7
8
  export { MultiSelect } from './MultiSelect';
@@ -1,7 +1,7 @@
1
1
  export { ClickAwayListener, Toolbar, createTheme, styled } from '@mui/material';
2
2
  export { CalendarPicker, DateTimePicker, MonthPicker, PickersDay, StaticDateTimePicker, StaticTimePicker, TimePicker, YearPicker, } from '@mui/x-date-pickers';
3
3
  export * from './components/core';
4
- export { BuilderGrid, CriteriaBuilder, DataGrid, ErrorComponent, FormField, MenuBar, MultiSelect, RepeatableField, UserAvatar, } from './components/custom';
4
+ export { BuilderGrid, CriteriaBuilder, DataGrid, ErrorComponent, Form, FormField, MenuBar, MultiSelect, RepeatableField, UserAvatar, } from './components/custom';
5
5
  export { Box, Container, Grid, Stack } from './components/layout';
6
6
  export * as EVOKE_TYPES from './types';
7
7
  export * from './util';
@@ -1,7 +1,7 @@
1
1
  export { ClickAwayListener, Toolbar, createTheme, styled } from '@mui/material';
2
2
  export { CalendarPicker, DateTimePicker, MonthPicker, PickersDay, StaticDateTimePicker, StaticTimePicker, TimePicker, YearPicker, } from '@mui/x-date-pickers';
3
3
  export * from './components/core';
4
- export { BuilderGrid, CriteriaBuilder, DataGrid, ErrorComponent, FormField, MenuBar, MultiSelect, RepeatableField, UserAvatar, } from './components/custom';
4
+ export { BuilderGrid, CriteriaBuilder, DataGrid, ErrorComponent, Form, FormField, MenuBar, MultiSelect, RepeatableField, UserAvatar, } from './components/custom';
5
5
  export { Box, Container, Grid, Stack } from './components/layout';
6
6
  export * as EVOKE_TYPES from './types';
7
7
  export * from './util';
@@ -0,0 +1,152 @@
1
+ .alert-danger {
2
+ background-color: #f8d7da;
3
+ border-color: #f5c6cb;
4
+ color: #721c24;
5
+ border: 1px solid #721c24;
6
+ padding: 8px 24px;
7
+ border-radius: 4px;
8
+ font-family: Arial, Helvetica, sans-serif;
9
+ }
10
+
11
+ .error {
12
+ display: none;
13
+ }
14
+
15
+ .alert-success {
16
+ display: none;
17
+ }
18
+
19
+ .text-muted {
20
+ display: none;
21
+ }
22
+
23
+ .formio-component-Section > .card {
24
+ display: flex;
25
+ flex-grow: 1;
26
+ margin-top: -20px;
27
+ }
28
+ .formio-component-Section > .card > .card-header {
29
+ border-right: 1px solid #919eab32;
30
+ }
31
+ .formio-component-Section > .card > .card-header > .card-header-tabs {
32
+ padding: 0px !important;
33
+ margin-left: -20px;
34
+ }
35
+ .formio-component-Section > .card > .card-header > .card-header-tabs > .nav-item {
36
+ list-style-type: none;
37
+ width: 190px;
38
+ min-height: 55px;
39
+ }
40
+ .formio-component-Section > .card > .card-header > .card-header-tabs > .nav-item .active {
41
+ background: var(--07-grey-100, #f9fafb);
42
+ border-left: 4px solid var(--01-primary-03-main, #0075a7);
43
+ display: block;
44
+ font-weight: 700 !important;
45
+ padding: 15px 10px 15px 19px !important;
46
+ }
47
+
48
+ .formio-component-Section > .card > .card-header > .card-header-tabs > .nav-item > .nav-link {
49
+ color: #000000 !important;
50
+ font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
51
+ display: block;
52
+ }
53
+ .formio-component-Section > .card > .card-header > .card-header-tabs > .nav-item > .nav-link .active {
54
+ color: #000000 !important;
55
+ font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
56
+ }
57
+ .formio-component-Section > .card > .card-header > .card-header-tabs > .nav-item > .nav-link {
58
+ color: grey;
59
+ text-decoration: none;
60
+ padding: 15px 10px 15px 23px;
61
+ }
62
+ .formio-component-Section > .card > .card-body {
63
+ flex-grow: 1;
64
+ margin: 10px 0px 0px 10px;
65
+ font-family: 'Roboto', Helvetica, Arial, sans-serif;
66
+ }
67
+
68
+ .form-group > .col-form-label {
69
+ display: flex;
70
+ width: 98%;
71
+ background-color: #f4f6f8;
72
+ padding: 10px;
73
+ border-radius: 4px;
74
+ font-family: 'Roboto', Helvetica, Arial, sans-serif;
75
+ font-size: 20px;
76
+ font-weight: 500;
77
+ margin-top: 10px;
78
+ }
79
+
80
+ fieldset {
81
+ border: none;
82
+ padding: 0;
83
+ }
84
+
85
+ fieldset .formio-component {
86
+ padding-left: 5px;
87
+ }
88
+
89
+ .row {
90
+ display: flex;
91
+ margin-right: -15px;
92
+ margin-left: -15px;
93
+ }
94
+
95
+ .formio-component-htmlelement {
96
+ font-family: 'Roboto', Helvetica, Arial, sans-serif;
97
+ }
98
+
99
+ .col-md-1,
100
+ .col-md-2,
101
+ .col-md-3,
102
+ .col-md-4,
103
+ .col-md-5,
104
+ .col-md-6,
105
+ .col-md-7,
106
+ .col-md-8,
107
+ .col-md-9,
108
+ .col-md-10,
109
+ .col-md-11,
110
+ .col-md-12 {
111
+ position: relative;
112
+ min-height: 1px;
113
+ padding-right: 15px;
114
+ padding-left: 15px;
115
+ float: left;
116
+ }
117
+ .col-md-12 {
118
+ width: 100%;
119
+ }
120
+ .col-md-11 {
121
+ width: 91.66666667%;
122
+ }
123
+ .col-md-10 {
124
+ width: 83.33333333%;
125
+ }
126
+ .col-md-9 {
127
+ width: 75%;
128
+ }
129
+ .col-md-8 {
130
+ width: 66.66666667%;
131
+ }
132
+ .col-md-7 {
133
+ width: 58.33333333%;
134
+ }
135
+ .col-md-6 {
136
+ width: 50%;
137
+ }
138
+ .col-md-5 {
139
+ width: 41.66666667%;
140
+ }
141
+ .col-md-4 {
142
+ width: 33.33333333%;
143
+ }
144
+ .col-md-3 {
145
+ width: 25%;
146
+ }
147
+ .col-md-2 {
148
+ width: 16.66666667%;
149
+ }
150
+ .col-md-1 {
151
+ width: 8.33333333%;
152
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@evoke-platform/ui-components",
3
- "version": "1.0.0-dev.217",
3
+ "version": "1.0.0-dev.218",
4
4
  "description": "",
5
5
  "main": "dist/published/index.js",
6
6
  "module": "dist/published/index.js",
@@ -17,7 +17,7 @@
17
17
  "scripts": {
18
18
  "test": "jest",
19
19
  "copy-styles": "copyfiles -u 1 src/styles/*.css dist/published/",
20
- "build": "rm -rf ./dist && tsc",
20
+ "build": "rm -rf ./dist && tsc && npm run copy-styles",
21
21
  "build:cjs": "tsc --module CommonJS --outDir dist/cjs",
22
22
  "prepublish": "rm -rf ./dist && tsc && npm run copy-styles",
23
23
  "storybook": "start-storybook -p 6006",
@@ -50,11 +50,18 @@
50
50
  "@testing-library/jest-dom": "^5.16.4",
51
51
  "@testing-library/react": "^13.3.0",
52
52
  "@testing-library/user-event": "^14.5.2",
53
+ "@types/dot-object": "^2.1.6",
54
+ "@types/flat": "^5.0.5",
53
55
  "@types/jest": "^28.1.4",
56
+ "@types/luxon": "^3.4.2",
57
+ "@types/nanoid-dictionary": "^4.2.3",
54
58
  "@types/node": "^17.0.41",
55
59
  "@types/react": "^17.0.49",
56
60
  "@types/react-dom": "^18.0.5",
61
+ "@types/react-input-mask": "^3.0.2",
57
62
  "@typescript-eslint/eslint-plugin": "^5.52.0",
63
+ "@typescript-eslint/parser": "^5.35.1",
64
+ "@typescript-eslint/typescript-estree": "^5.35.1",
58
65
  "babel-jest": "^28.1.2",
59
66
  "babel-loader": "^8.2.5",
60
67
  "copyfiles": "^2.4.1",
@@ -87,6 +94,7 @@
87
94
  "@dnd-kit/sortable": "^7.0.1",
88
95
  "@emotion/react": "^11.9.0",
89
96
  "@emotion/styled": "^11.8.1",
97
+ "@evoke-platform/context": "^1.0.0-dev.113",
90
98
  "@formio/react": "^5.2.4-rc.1",
91
99
  "@js-joda/core": "^3.2.0",
92
100
  "@js-joda/locale_en-us": "^3.2.2",
@@ -97,20 +105,25 @@
97
105
  "@mui/x-date-pickers": "^5.0.13",
98
106
  "@react-querybuilder/dnd": "^5.4.1",
99
107
  "@react-querybuilder/material": "^6.5.0",
100
- "@types/react-input-mask": "^3.0.2",
101
- "@typescript-eslint/parser": "^5.35.1",
102
- "@typescript-eslint/typescript-estree": "^5.35.1",
108
+ "clean-deep": "^3.4.0",
103
109
  "commit-and-tag-version": "^12.4.1",
104
110
  "devexpress-richedit": "^23.1.5",
105
111
  "devextreme": "^23.1.5",
106
112
  "devextreme-dist": "^23.1.5",
113
+ "dot-object": "^2.1.5",
107
114
  "eslint-plugin-no-inline-styles": "^1.0.5",
115
+ "flat": "^6.0.1",
108
116
  "formiojs": "^4.15.0-rc.23",
117
+ "handlebars": "^4.7.8",
118
+ "luxon": "^2.5.2",
119
+ "nanoid-dictionary": "^4.3.0",
109
120
  "pluralize": "^8.0.0",
121
+ "pretty-bytes": "^6.1.1",
110
122
  "react-dropzone": "^14.2.2",
111
123
  "react-input-mask": "^2.0.4",
112
124
  "react-number-format": "^4.9.3",
113
125
  "react-querybuilder": "^6.0.2",
126
+ "sift": "^17.1.3",
114
127
  "small-date": "^2.0.0"
115
128
  },
116
129
  "lint-staged": {