impaktapps-ui-builder 0.0.406 → 0.0.408
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 +50 -1
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +4 -4
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/buildDate.d.ts +1 -0
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.d.ts +19 -0
- package/dist/src/impaktapps-ui-builder/runtime/services/service.d.ts +1 -0
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildDate.ts +11 -1
- package/src/impaktapps-ui-builder/builder/build/buildLineGraph.ts +6 -0
- package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +4 -1
- package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +1 -0
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +5 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +20 -0
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +1 -0
- package/src/impaktapps-ui-builder/runtime/services/service.ts +3 -0
|
@@ -18,3 +18,22 @@ declare const _default: {
|
|
|
18
18
|
};
|
|
19
19
|
};
|
|
20
20
|
export default _default;
|
|
21
|
+
export declare const DateTime: {
|
|
22
|
+
type: string;
|
|
23
|
+
scope: string;
|
|
24
|
+
options: {
|
|
25
|
+
widget: string;
|
|
26
|
+
};
|
|
27
|
+
config: {
|
|
28
|
+
layout: {
|
|
29
|
+
xs: number;
|
|
30
|
+
sm: number;
|
|
31
|
+
md: number;
|
|
32
|
+
lg: number;
|
|
33
|
+
};
|
|
34
|
+
main: {
|
|
35
|
+
label: string;
|
|
36
|
+
type: string;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
};
|
|
@@ -15,6 +15,7 @@ declare const _default: (funcParams: funcParamsProps) => {
|
|
|
15
15
|
onMount: () => Promise<void>;
|
|
16
16
|
onFileDownload: () => Promise<void>;
|
|
17
17
|
onFileUpload: () => Promise<void>;
|
|
18
|
+
backHandler: () => void;
|
|
18
19
|
onPaginationChange: (paginationValues: any) => Promise<any>;
|
|
19
20
|
getSelectOptions: (param: any) => Promise<any>;
|
|
20
21
|
onChange: () => Promise<void>;
|
package/package.json
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import DateInputField from "./uischema/dateInputField";
|
|
1
|
+
import DateInputField, { DateTime } from "./uischema/dateInputField";
|
|
2
2
|
import _ from "lodash";
|
|
3
3
|
import { createLayoutFormat } from "./buildConfig";
|
|
4
4
|
|
|
@@ -11,4 +11,14 @@ export const buildDate = (config:any,componentScope:string)=>{
|
|
|
11
11
|
dateInputField.config.layout = createLayoutFormat(config.layout)
|
|
12
12
|
}
|
|
13
13
|
return dateInputField;
|
|
14
|
+
}
|
|
15
|
+
export const buildDateTime = (config:any,componentScope:string)=>{
|
|
16
|
+
const dateTimeInputField: any = _.cloneDeep(DateTime);
|
|
17
|
+
dateTimeInputField.config.main.label = config.label;
|
|
18
|
+
dateTimeInputField.config.main.errorMessage = `${config.name} is empty or invalid`;
|
|
19
|
+
dateTimeInputField.scope = componentScope;
|
|
20
|
+
if(config.layout){
|
|
21
|
+
dateTimeInputField.config.layout = createLayoutFormat(config.layout)
|
|
22
|
+
}
|
|
23
|
+
return dateTimeInputField;
|
|
14
24
|
}
|
|
@@ -14,6 +14,12 @@ export const buildLineGraph = (config, componentScope) => {
|
|
|
14
14
|
if (config.bottomLabel) {
|
|
15
15
|
lineGraph.config.main.bottomLabel = config.bottomLabel;
|
|
16
16
|
}
|
|
17
|
+
if (config.yAxisValue) {
|
|
18
|
+
lineGraph.config.main.yAxisValue = config.yAxisValue;
|
|
19
|
+
}
|
|
20
|
+
if (config.xAxisValue) {
|
|
21
|
+
lineGraph.config.main.xAxisValue = config.xAxisValue;
|
|
22
|
+
}
|
|
17
23
|
if (config.leftLabel) {
|
|
18
24
|
lineGraph.config.main.leftLabel = config.leftLabel;
|
|
19
25
|
}
|
|
@@ -19,7 +19,7 @@ import { buildLabel } from "./buildLabel";
|
|
|
19
19
|
import { buildUploadFile } from "./buildUplaodFile";
|
|
20
20
|
import { buildDownloadFile } from "./buildDownloadFile";
|
|
21
21
|
import { buildCard } from "./buildCard";
|
|
22
|
-
import { buildDate } from "./buildDate";
|
|
22
|
+
import { buildDate, buildDateTime } from "./buildDate";
|
|
23
23
|
import { buildRankCard } from "./buildRankCard";
|
|
24
24
|
import { buildRollAndDice } from "./buildRollAndDice";
|
|
25
25
|
import { buildTimer } from "./buildTimer";
|
|
@@ -168,6 +168,9 @@ const buildUiSchema = (config: any) => {
|
|
|
168
168
|
let elements: any = {};
|
|
169
169
|
const componentScope = `#/properties/${config.name}`;
|
|
170
170
|
switch (config.type) {
|
|
171
|
+
case "DateTime":
|
|
172
|
+
elements = buildDateTime(config, componentScope);
|
|
173
|
+
break;
|
|
171
174
|
case "InputSlider":
|
|
172
175
|
elements = buildInputSlider(config, componentScope);
|
|
173
176
|
break;
|
|
@@ -7,6 +7,7 @@ export const buildWrapperSection = (config,componentScope) =>{
|
|
|
7
7
|
wrapper.scope = componentScope;
|
|
8
8
|
wrapper.config.main.label = config.label;
|
|
9
9
|
wrapper.config.main.divider = config.divider === "YES" ? true : false;
|
|
10
|
+
wrapper.config.main.isAccordion = config.isAccordion==="YES"?true:false;
|
|
10
11
|
if (config.style) {
|
|
11
12
|
wrapper.config.style = JSON.parse(config.style)
|
|
12
13
|
}
|
|
@@ -361,12 +361,16 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
361
361
|
getInputField("leftLabel", "Left Label"),
|
|
362
362
|
getInputField("bottomLabel", "Bottom Label"),
|
|
363
363
|
getRadioInputField("legendHide", "Legend Hide", ["YES", "No"]),
|
|
364
|
+
getInputField("yAxisValue", "Y-AxisValue"),
|
|
365
|
+
getInputField("xAxisValue", "X-AxisValue"),
|
|
364
366
|
getArrayControl("legendLabels", "label"),
|
|
365
367
|
getArrayControl("pieArcColors", "color"),
|
|
366
368
|
];
|
|
367
369
|
break;
|
|
368
370
|
case "WrapperSection":
|
|
369
|
-
uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]),
|
|
371
|
+
uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]),
|
|
372
|
+
getRadioInputField("isAccordion", "Accordion", ["YES", "No"])
|
|
373
|
+
, EmptyBox]
|
|
370
374
|
break;
|
|
371
375
|
|
|
372
376
|
case "TabSection":
|
|
@@ -18,3 +18,23 @@ export default {
|
|
|
18
18
|
},
|
|
19
19
|
},
|
|
20
20
|
};
|
|
21
|
+
export const DateTime = {
|
|
22
|
+
type: "Control",
|
|
23
|
+
scope: "#/properties/date",
|
|
24
|
+
options: {
|
|
25
|
+
widget: "DateTimeInputField",
|
|
26
|
+
},
|
|
27
|
+
|
|
28
|
+
config: {
|
|
29
|
+
layout: {
|
|
30
|
+
xs: 11,
|
|
31
|
+
sm: 11,
|
|
32
|
+
md: 5.5,
|
|
33
|
+
lg: 5.5,
|
|
34
|
+
},
|
|
35
|
+
main: {
|
|
36
|
+
label: "DateTime",
|
|
37
|
+
type: "date",
|
|
38
|
+
},
|
|
39
|
+
},
|
|
40
|
+
};
|
|
@@ -12,6 +12,7 @@ export const ComponentSchema: any = {
|
|
|
12
12
|
{ title: "Container", const: "WrapperSection" },
|
|
13
13
|
{ title: "DataGrid", const: "DataGrid" },
|
|
14
14
|
{ title: "Date", const: "Date" },
|
|
15
|
+
{ title: "DateTime", const: "DateTime"},
|
|
15
16
|
{ title: "Download File", const: "DownloadFile" },
|
|
16
17
|
{ title: "Empty Box", const: "EmptyBox" },
|
|
17
18
|
{ title: "File", const: "FileInput" },
|
|
@@ -106,6 +106,9 @@ export default (funcParams: funcParamsProps) => {
|
|
|
106
106
|
onFileUpload: async function () {
|
|
107
107
|
await this.callHandler("onUpload")
|
|
108
108
|
},
|
|
109
|
+
backHandler:function(){
|
|
110
|
+
funcParams.store.navigate(-1)
|
|
111
|
+
},
|
|
109
112
|
onPaginationChange: async function (paginationValues) {
|
|
110
113
|
const apiBody = [
|
|
111
114
|
{ key: "size", value: paginationValues.pagination.pageSize },
|