impaktapps-ui-builder 1.0.50-alpha.21 → 1.0.50-alpha.23
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/impaktapps-ui-builder.es.js +6 -167
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +12 -12
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +1 -2
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +0 -43
- package/src/impaktapps-ui-builder/builder/services/component.ts +1 -16
- package/src/impaktapps-ui-builder/runtime/services/service.ts +106 -106
package/package.json
CHANGED
|
@@ -357,8 +357,7 @@ const buildUiSchema = (config: any, store?: any) => {
|
|
|
357
357
|
enableColumnFilter: cellElem.enableFilter === "No" ? false : true,
|
|
358
358
|
columnFilterModeOptions: cellElem.filteringOptions,
|
|
359
359
|
enableSorting: cellElem.enableSorting === "No" ? false : true,
|
|
360
|
-
columnKey: cellElem.columnKey
|
|
361
|
-
filterVariant: cellElem.filterVariant,
|
|
360
|
+
columnKey: cellElem.columnKey
|
|
362
361
|
}
|
|
363
362
|
if (cellElem.type) {
|
|
364
363
|
if (cellElem.elementType == "action") {
|
|
@@ -58,23 +58,6 @@ export const ComponentSchema: any = {
|
|
|
58
58
|
{ title: "Amount Column", const: "amount" },
|
|
59
59
|
]
|
|
60
60
|
},
|
|
61
|
-
filterVariant: {
|
|
62
|
-
oneOf: [
|
|
63
|
-
{ title: "Text", const: "text" },
|
|
64
|
-
{ title: "Autocomplete", const: "autocomplete" },
|
|
65
|
-
{ title: "Select", const: "select" },
|
|
66
|
-
{ title: "Multi-Select", const: "multi-select" },
|
|
67
|
-
{ title: "Range", const: "range" },
|
|
68
|
-
{ title: "Range Slider", const: "range-slider" },
|
|
69
|
-
{ title: "Date", const: "date" },
|
|
70
|
-
{ title: "DateTime", const: "datetime" },
|
|
71
|
-
{ title: "Date Range", const: "date-range" },
|
|
72
|
-
{ title: "DateTime Range", const: "datetime-range" },
|
|
73
|
-
{ title: "Time", const: "time" },
|
|
74
|
-
{ title: "Time Range", const: "time-range" },
|
|
75
|
-
{ title: "Checkbox", const: "checkbox" }
|
|
76
|
-
]
|
|
77
|
-
},
|
|
78
61
|
orientation: {
|
|
79
62
|
oneOf: [
|
|
80
63
|
{ title: "Horizontal", const: "horizontal" },
|
|
@@ -347,32 +330,6 @@ export const ComponentSchema: any = {
|
|
|
347
330
|
{ title: "Refresh Icon", const: "RefreshIcon" },
|
|
348
331
|
{ title: "Download Icon", const: "DownloadIcon" },
|
|
349
332
|
{ title: "Exception Icon", const: "ExceptionIcon" },
|
|
350
|
-
{ "title": "Alarm Icon", "const": "AlarmIcon" },
|
|
351
|
-
{ "title": "Click Icon", "const": "ClickIcon" },
|
|
352
|
-
{ "title": "Content Copy Icon", "const": "ContentCopyIcon" },
|
|
353
|
-
{ "title": "File Copy Icon", "const": "FileCopyIcon" },
|
|
354
|
-
{ "title": "Pause Icon", "const": "PauseIcon" },
|
|
355
|
-
{ "title": "Play Icon", "const": "PlayIcon" },
|
|
356
|
-
{ "title": "Close Icon", "const": "CloseIcon" },
|
|
357
|
-
{ "title": "Replay Icon", "const": "ReplayIcon" },
|
|
358
|
-
{ "title": "Delete Icon", "const": "DeleteIcon" },
|
|
359
|
-
{ "title": "Drafts Icon", "const": "DraftsIcon" },
|
|
360
|
-
{ "title": "Perm Phone Msg Icon", "const": "PermPhoneMsgIcon" },
|
|
361
|
-
{ "title": "Paste Icon", "const": "PasteIcon" },
|
|
362
|
-
{ "title": "Prev Icon", "const": "PrevIcon" },
|
|
363
|
-
{ "title": "Verified Icon", "const": "VerifiedIcon" },
|
|
364
|
-
{ "title": "Table Add Icon", "const": "TableAddIcon" },
|
|
365
|
-
{ "title": "Table Download Icon", "const": "TableDownloadIcon" },
|
|
366
|
-
{ "title": "Audit Trail Icon", "const": "AuditTrailIcon" },
|
|
367
|
-
{ "title": "View Component", "const": "View" },
|
|
368
|
-
{ "title": "Table Edit Icon", "const": "TableEditIcon" },
|
|
369
|
-
{ "title": "Maximize Icon", "const": "Maximize" },
|
|
370
|
-
{ "title": "Minimize Icon", "const": "Minimize" },
|
|
371
|
-
{ "title": "Subtract Icon", "const": "Subtract" },
|
|
372
|
-
{ "title": "Bin Icon", "const": "Bin" },
|
|
373
|
-
{ "title": "Export Icon", "const": "Export" },
|
|
374
|
-
{ "title": "Table Paste Icon", "const": "TablePaste" },
|
|
375
|
-
{ "title": "Clone Icon", "const": "CloneIcon" }
|
|
376
333
|
]
|
|
377
334
|
},
|
|
378
335
|
color: {
|
|
@@ -155,22 +155,7 @@ export function refreshPage(type: string, store: any) {
|
|
|
155
155
|
label: "Element Type",
|
|
156
156
|
},
|
|
157
157
|
},
|
|
158
|
-
}
|
|
159
|
-
UiSchema.elements[0].elements[0].elements[10] =
|
|
160
|
-
{
|
|
161
|
-
type: "Control",
|
|
162
|
-
scope: "#/properties/filterVariant",
|
|
163
|
-
options: {
|
|
164
|
-
widget: "SelectInputField",
|
|
165
|
-
},
|
|
166
|
-
config: {
|
|
167
|
-
layout: { xs: 6, sm: 6, md: 4, lg: 3 },
|
|
168
|
-
main: {
|
|
169
|
-
label: "Filter Variant",
|
|
170
|
-
|
|
171
|
-
},
|
|
172
|
-
},
|
|
173
|
-
};
|
|
158
|
+
}
|
|
174
159
|
}
|
|
175
160
|
|
|
176
161
|
if (sessionStorage.getItem("copiedConfig") ) {
|
|
@@ -79,116 +79,116 @@ export default (funcParams: funcParamsProps) => {
|
|
|
79
79
|
const config = pageData?.config;
|
|
80
80
|
const uiSchema = pageData?.uiSchema;
|
|
81
81
|
const event = new CustomEvent('pageNameChanged', {
|
|
82
|
-
detail: { pageName: config.label }
|
|
82
|
+
detail: { pageName: config.label, hasBackIcon: true }
|
|
83
83
|
});
|
|
84
84
|
window.dispatchEvent(event)
|
|
85
85
|
const theme = funcParams?.store?.theme?.myTheme;
|
|
86
|
-
uiSchema.elements.push(
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
86
|
+
// uiSchema.elements.push(
|
|
87
|
+
// {
|
|
88
|
+
// type: "HorizontalLayout",
|
|
89
|
+
// config: {
|
|
90
|
+
// main: {
|
|
91
|
+
// direction: "row",
|
|
92
|
+
// },
|
|
93
|
+
// style: {
|
|
94
|
+
// flexDirection: "row",
|
|
95
|
+
// position: "absolute",
|
|
96
|
+
// bottom: 0,
|
|
97
|
+
// height: "fit-content",
|
|
98
|
+
// overflow: "hidden",
|
|
99
|
+
// zIndex: 1000,
|
|
100
|
+
// width: "inherit",
|
|
101
|
+
// },
|
|
102
|
+
// },
|
|
103
|
+
// elements: [
|
|
104
|
+
// {
|
|
105
|
+
// type: "Control",
|
|
106
|
+
// scope: "#/properties/FooterText",
|
|
107
|
+
// options: {
|
|
108
|
+
// widget: "Box",
|
|
109
|
+
// },
|
|
110
|
+
// config: {
|
|
111
|
+
// main: {
|
|
112
|
+
// heading: "Copywriter@ACT21.IO",
|
|
113
|
+
// },
|
|
114
|
+
// style: {
|
|
115
|
+
// color: theme?.palette?.text?.disabled || "#AFAFAF",
|
|
116
|
+
// fontSize: "11px",
|
|
117
|
+
// textAlign: "center",
|
|
118
|
+
// lineHeight: 2,
|
|
119
|
+
// width: "fit-content",
|
|
120
|
+
// left: "50%",
|
|
121
|
+
// position: "relative",
|
|
122
|
+
// margin: 0,
|
|
123
|
+
// flexGrow: 1,
|
|
124
|
+
// height: 0,
|
|
125
|
+
// transform: "translate(-50%, 0%)",
|
|
126
|
+
// },
|
|
127
|
+
// },
|
|
128
|
+
// },
|
|
129
|
+
// {
|
|
130
|
+
// type: "Control",
|
|
131
|
+
// scope: "#/properties/FooterBackIcon",
|
|
132
|
+
// options: {
|
|
133
|
+
// widget: "Box",
|
|
134
|
+
// },
|
|
135
|
+
// config: {
|
|
136
|
+
// main: {
|
|
137
|
+
// iconName: "PrevIcon",
|
|
138
|
+
// onClick: "backHandler",
|
|
139
|
+
// width: "fit-content",
|
|
140
|
+
// },
|
|
141
|
+
// style: {
|
|
142
|
+
// fill: theme?.palette?.primary?.main,
|
|
143
|
+
// width: 20,
|
|
144
|
+
// height: 0,
|
|
145
|
+
// top: 0,
|
|
146
|
+
// right: { xs: "12px", sm: "84px" },
|
|
147
|
+
// position: "absolute",
|
|
148
|
+
// fontSize: "12px",
|
|
149
|
+
// cursor: "pointer",
|
|
150
|
+
// ":hover": {
|
|
151
|
+
// fill: theme?.palette?.primary?.dark,
|
|
152
|
+
// },
|
|
153
|
+
// marginRight: "20px",
|
|
154
|
+
// },
|
|
155
|
+
// },
|
|
156
|
+
// },
|
|
157
|
+
// {
|
|
158
|
+
// type: "Control",
|
|
159
|
+
// scope: "#/properties/FooterBackHandlerText",
|
|
160
|
+
// options: {
|
|
161
|
+
// widget: "Box",
|
|
162
|
+
// },
|
|
163
|
+
// config: {
|
|
164
|
+
// main: {
|
|
165
|
+
// heading: "Previous Page",
|
|
166
|
+
// onClick: "backHandler",
|
|
167
|
+
// },
|
|
168
|
+
// style: {
|
|
169
|
+
// display: { xs: "none", sm: "flex" },
|
|
170
|
+
// textAlign: "left",
|
|
171
|
+
// lineHeight: 1,
|
|
172
|
+
// height: 0,
|
|
173
|
+
// width: "fit-content",
|
|
174
|
+
// color: theme?.palette?.primary?.main,
|
|
175
|
+
// fontSize: "12px",
|
|
176
|
+
// cursor: "pointer",
|
|
177
|
+
// marginLeft: "2px",
|
|
178
178
|
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
);
|
|
179
|
+
// top: 3,
|
|
180
|
+
// right: "12px",
|
|
181
|
+
// position: "absolute",
|
|
182
|
+
// ":hover": {
|
|
183
|
+
// color: theme?.palette?.primary?.dark,
|
|
184
|
+
// },
|
|
185
|
+
// marginRight: "4px",
|
|
186
|
+
// },
|
|
187
|
+
// },
|
|
188
|
+
// },
|
|
189
|
+
// ],
|
|
190
|
+
// }
|
|
191
|
+
// );
|
|
192
192
|
const schema = pageData?.schema ?? { type: "object", properties: {} };
|
|
193
193
|
eventGroups = extractEvents(config);
|
|
194
194
|
executeEventsParameters = {
|