@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.
- package/dist/published/components/custom/Form/Common/Form.d.ts +38 -0
- package/dist/published/components/custom/Form/Common/Form.js +413 -0
- package/dist/published/components/custom/Form/Common/FormComponentWrapper.d.ts +26 -0
- package/dist/published/components/custom/Form/Common/FormComponentWrapper.js +79 -0
- package/dist/published/components/custom/Form/Common/index.d.ts +2 -0
- package/dist/published/components/custom/Form/Common/index.js +2 -0
- package/dist/published/components/custom/Form/FormComponents/ButtonComponent.d.ts +37 -0
- package/dist/published/components/custom/Form/FormComponents/ButtonComponent.js +150 -0
- package/dist/published/components/custom/Form/FormComponents/DocumentComponent/Document.d.ts +17 -0
- package/dist/published/components/custom/Form/FormComponents/DocumentComponent/Document.js +80 -0
- package/dist/published/components/custom/Form/FormComponents/DocumentComponent/DocumentComponent.d.ts +23 -0
- package/dist/published/components/custom/Form/FormComponents/DocumentComponent/DocumentComponent.js +154 -0
- package/dist/published/components/custom/Form/FormComponents/DocumentComponent/DocumentList.d.ts +15 -0
- package/dist/published/components/custom/Form/FormComponents/DocumentComponent/DocumentList.js +172 -0
- package/dist/published/components/custom/Form/FormComponents/FormFieldComponent.d.ts +41 -0
- package/dist/published/components/custom/Form/FormComponents/FormFieldComponent.js +409 -0
- package/dist/published/components/custom/Form/FormComponents/ImageComponent/Image.d.ts +15 -0
- package/dist/published/components/custom/Form/FormComponents/ImageComponent/Image.js +111 -0
- package/dist/published/components/custom/Form/FormComponents/ImageComponent/ImageComponent.d.ts +23 -0
- package/dist/published/components/custom/Form/FormComponents/ImageComponent/ImageComponent.js +112 -0
- package/dist/published/components/custom/Form/FormComponents/ObjectComponent/InstanceLookup.d.ts +20 -0
- package/dist/published/components/custom/Form/FormComponents/ObjectComponent/InstanceLookup.js +229 -0
- package/dist/published/components/custom/Form/FormComponents/ObjectComponent/ObjectComponent.d.ts +34 -0
- package/dist/published/components/custom/Form/FormComponents/ObjectComponent/ObjectComponent.js +150 -0
- package/dist/published/components/custom/Form/FormComponents/ObjectComponent/ObjectPropertyInput.d.ts +3 -0
- package/dist/published/components/custom/Form/FormComponents/ObjectComponent/ObjectPropertyInput.js +306 -0
- package/dist/published/components/custom/Form/FormComponents/ObjectComponent/RelatedObjectInstance.d.ts +24 -0
- package/dist/published/components/custom/Form/FormComponents/ObjectComponent/RelatedObjectInstance.js +126 -0
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ActionDialog.d.ts +21 -0
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ActionDialog.js +96 -0
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ManyToMany/DropdownRepeatableField.d.ts +15 -0
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ManyToMany/DropdownRepeatableField.js +158 -0
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ManyToMany/DropdownRepeatableFieldInput.d.ts +39 -0
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/ManyToMany/DropdownRepeatableFieldInput.js +89 -0
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/RepeatableField.d.ts +12 -0
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/RepeatableField.js +369 -0
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/RepeatableFieldComponent.d.ts +20 -0
- package/dist/published/components/custom/Form/FormComponents/RepeatableFieldComponent/RepeatableFieldComponent.js +57 -0
- package/dist/published/components/custom/Form/FormComponents/UserComponent/UserComponent.d.ts +26 -0
- package/dist/published/components/custom/Form/FormComponents/UserComponent/UserComponent.js +99 -0
- package/dist/published/components/custom/Form/FormComponents/UserComponent/UserProperty.d.ts +23 -0
- package/dist/published/components/custom/Form/FormComponents/UserComponent/UserProperty.js +115 -0
- package/dist/published/components/custom/Form/FormComponents/ViewOnlyComponent.d.ts +20 -0
- package/dist/published/components/custom/Form/FormComponents/ViewOnlyComponent.js +83 -0
- package/dist/published/components/custom/Form/FormComponents/index.d.ts +8 -0
- package/dist/published/components/custom/Form/FormComponents/index.js +8 -0
- package/dist/published/components/custom/Form/index.d.ts +3 -0
- package/dist/published/components/custom/Form/index.js +3 -0
- package/dist/published/components/custom/Form/types.d.ts +109 -0
- package/dist/published/components/custom/Form/types.js +1 -0
- package/dist/published/components/custom/Form/utils.d.ts +45 -0
- package/dist/published/components/custom/Form/utils.js +1036 -0
- package/dist/published/components/custom/index.d.ts +1 -0
- package/dist/published/components/custom/index.js +1 -0
- package/dist/published/index.d.ts +1 -1
- package/dist/published/index.js +1 -1
- package/dist/published/styles/form-component.css +152 -0
- 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';
|
package/dist/published/index.js
CHANGED
@@ -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.
|
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
|
-
"
|
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": {
|