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.
@@ -1 +1,2 @@
1
1
  export declare const buildDate: (config: any, componentScope: string) => any;
2
+ export declare const buildDateTime: (config: any, componentScope: string) => any;
@@ -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,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.406",
3
+ "version": "0.0.408",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
@@ -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"]), EmptyBox]
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 },