impaktapps-ui-builder 1.0.50-alpha.23 → 1.0.50-alpha.25

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 (31) hide show
  1. package/dist/impaktapps-ui-builder.es.js +168 -25
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +12 -12
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/buildConfig.d.ts +1 -1
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/box.d.ts +6 -1
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/button.d.ts +6 -1
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/table.d.ts +1 -0
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.d.ts +1 -0
  10. package/package.json +1 -1
  11. package/src/impaktapps-ui-builder/builder/build/buildAadharCard.ts +2 -2
  12. package/src/impaktapps-ui-builder/builder/build/buildArray.ts +1 -1
  13. package/src/impaktapps-ui-builder/builder/build/buildCheckbox.ts +1 -1
  14. package/src/impaktapps-ui-builder/builder/build/buildConfig.ts +16 -4
  15. package/src/impaktapps-ui-builder/builder/build/buildFileInput.ts +1 -1
  16. package/src/impaktapps-ui-builder/builder/build/buildRadio.ts +1 -1
  17. package/src/impaktapps-ui-builder/builder/build/buildTextArea.ts +1 -1
  18. package/src/impaktapps-ui-builder/builder/build/buildTreeMap.ts +1 -0
  19. package/src/impaktapps-ui-builder/builder/build/uischema/array.ts +1 -1
  20. package/src/impaktapps-ui-builder/builder/build/uischema/box.ts +1 -1
  21. package/src/impaktapps-ui-builder/builder/build/uischema/button.ts +1 -1
  22. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +2 -2
  23. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  24. package/src/impaktapps-ui-builder/builder/build/uischema/file.ts +2 -2
  25. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  26. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -1
  27. package/src/impaktapps-ui-builder/builder/build/uischema/table.ts +1 -0
  28. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -1
  29. package/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.ts +1 -0
  30. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +26 -0
  31. package/src/impaktapps-ui-builder/runtime/services/service.ts +105 -105
package/dist/src/impaktapps-ui-builder/builder/build/buildConfig.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  declare const _default: (FormData: any) => any;
2
2
  export default _default;
3
- export declare const createLayoutFormat: (config: any[]) => any;
3
+ export declare const createLayoutFormat: (layout: any[], type?: string) => any;
4
4
  export declare const flatObjectValueInArray: (config?: any[]) => any[];
package/dist/src/impaktapps-ui-builder/builder/build/uischema/box.d.ts CHANGED
@@ -5,7 +5,12 @@ declare const Box: {
5
5
  widget: string;
6
6
  };
7
7
  config: {
8
- layout: number;
8
+ layout: {
9
+ xs: number;
10
+ sm: number;
11
+ md: number;
12
+ lg: number;
13
+ };
9
14
  main: {};
10
15
  style: {};
11
16
  };
package/dist/src/impaktapps-ui-builder/builder/build/uischema/button.d.ts CHANGED
@@ -5,7 +5,12 @@ declare const _default: {
5
5
  widget: string;
6
6
  };
7
7
  config: {
8
- layout: number;
8
+ layout: {
9
+ xs: number;
10
+ sm: number;
11
+ md: number;
12
+ lg: number;
13
+ };
9
14
  main: {
10
15
  name: string;
11
16
  variant: string;
package/dist/src/impaktapps-ui-builder/builder/build/uischema/table.d.ts CHANGED
@@ -6,6 +6,7 @@ declare const _default: {
6
6
  };
7
7
  elements: any[];
8
8
  config: {
9
+ layout: number;
9
10
  main: {
10
11
  onMount: string;
11
12
  enableExpandAll: boolean;
package/dist/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  declare const _default: {
2
2
  type: string;
3
3
  config: {
4
+ layout: number;
4
5
  main: {
5
6
  rowSpacing: number;
6
7
  divider: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "1.0.50-alpha.23",
3
+ "version": "1.0.50-alpha.25",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
package/src/impaktapps-ui-builder/builder/build/buildAadharCard.ts CHANGED
@@ -11,7 +11,7 @@ const TextField = {
11
11
  "widget": "InputField"
12
12
  },
13
13
  config:{
14
- layout: { xs: 12, sm: 6, md: 4, lg: 4 },
14
+ layout: { xs: 12, sm: 6, md: 4, lg: 3 },
15
15
  main:{
16
16
  label:"Adhaar Card",
17
17
  formatStrArray:["9","9","9","9"," ","9","9","9","9"," ","X9","X9","X9","X9"],
@@ -43,7 +43,7 @@ const PanField = {
43
43
  "widget": "InputField"
44
44
  },
45
45
  config:{
46
- layout: { xs: 12, sm: 6, md: 4, lg: 4 },
46
+ layout: { xs: 12, sm: 6, md: 4, lg: 3 },
47
47
  main:{
48
48
  label:"Pan Card",
49
49
  placeholder:"AAAAA0000A",
package/src/impaktapps-ui-builder/builder/build/buildArray.ts CHANGED
@@ -3,7 +3,7 @@ import _ from "lodash";
3
3
  const ArrayUiSchema: any = {
4
4
  type: "Control",
5
5
  scope: "#/properties/adjustments",
6
- layout: 11.5,
6
+ layout: 12,
7
7
  elements: [],
8
8
  config: {
9
9
  main: {}
package/src/impaktapps-ui-builder/builder/build/buildCheckbox.ts CHANGED
@@ -4,11 +4,11 @@ import { createLayoutFormat } from "./buildConfig";
4
4
  const Checkbox = {
5
5
  "type": "Control",
6
6
  "scope": "#/properties/username1",
7
- "layout": 12,
8
7
  "options": {
9
8
  "widget": "CheckBox"
10
9
  },
11
10
  "config": {
11
+ "layout": { xs: 6, sm: 6, md: 4, lg: 3 },
12
12
  "main": {
13
13
  "label": "Welcome to Hyperform",
14
14
  }
package/src/impaktapps-ui-builder/builder/build/buildConfig.ts CHANGED
@@ -26,13 +26,25 @@ export default (FormData: any) => {
26
26
  return component;
27
27
  };
28
28
 
29
- export const createLayoutFormat = (config: any[]) => {
30
- if (_.isEmpty(config)) {
31
- return { xs: 12, sm: 6, md: 4, lg: 3 }
29
+ export const createLayoutFormat = (layout: any[], type?: string) => {
30
+ if (_.isEmpty(layout)) {
31
+ const fullLayoutComponents: string[] = ["Array", "WrapperSection", "DataGrid", "LeaderBoard", "PopUp", "Table", "TabSection", "TextArea", "TreeMap", "Thought"]
32
+ if(fullLayoutComponents.includes(type)){
33
+ return { xs: 12, sm: 12, md: 12, lg: 12 }
34
+ }
35
+ else if(type === "Graph"){
36
+ return {xs :12,sm:12,md:12,lg:6}
37
+ }
38
+ else if(type === "Button"){
39
+ return { xs: 4, sm: 2.5, md: 2, lg: 1.5 }
40
+ }
41
+ else{
42
+ return { xs: 6, sm: 6, md: 4, lg: 3 }
43
+ }
32
44
  }
33
45
  let data: any = { };
34
46
 
35
- config.map((e: any) => {
47
+ layout.map((e: any) => {
36
48
  data[e.key || "xs"] = +e.value || 5.5;
37
49
 
38
50
  })
package/src/impaktapps-ui-builder/builder/build/buildFileInput.ts CHANGED
@@ -8,7 +8,7 @@ const FileInput = {
8
8
  widget: "FileInputField",
9
9
  },
10
10
  config: {
11
- layout: { xs: 6, sm: 6, md: 4, lg: 3 },
11
+ layout: { xs: 12, sm: 6, md: 4, lg: 3 },
12
12
  main: {
13
13
  required: false,
14
14
  onUpload: "onFileUpload",
package/src/impaktapps-ui-builder/builder/build/buildRadio.ts CHANGED
@@ -9,7 +9,7 @@ const RadioUiSchema = {
9
9
  widget: "RadioInputField",
10
10
  },
11
11
  config: {
12
- layout: { xs: 12, sm: 6, md: 4, lg: 4 },
12
+ layout: { xs: 12, sm: 6, md: 4, lg: 3 },
13
13
  main: {
14
14
  label: "Enabled",
15
15
  options: ["YES", "NO"],
package/src/impaktapps-ui-builder/builder/build/buildTextArea.ts CHANGED
@@ -10,7 +10,7 @@ const TextArea = {
10
10
  widget: "TextArea",
11
11
  },
12
12
  config: {
13
- layout:{xs:12,sm:12,md:5.5,lg:5.5},
13
+ layout:12,
14
14
  style:{
15
15
  containerStyle:{
16
16
  borderRadius:"20px",
package/src/impaktapps-ui-builder/builder/build/buildTreeMap.ts CHANGED
@@ -5,6 +5,7 @@ const TreeMap = {
5
5
  "type": "Control",
6
6
  "scope": "#/properties/TreeMap2",
7
7
  "config": {
8
+ layout: 12,
8
9
  "main": {
9
10
  "layout": "cartsian",
10
11
  orientation: "vertical",
package/src/impaktapps-ui-builder/builder/build/uischema/array.ts CHANGED
@@ -2,7 +2,7 @@ export const ArrayLayout = {
2
2
  "type": "Control",
3
3
  "scope": "#/properties/adjustments",
4
4
  "config": {
5
- "layout": 11.5
5
+ "layout": 12
6
6
  },
7
7
  "options": {
8
8
  "name": "adjustments",
package/src/impaktapps-ui-builder/builder/build/uischema/box.ts CHANGED
@@ -6,7 +6,7 @@
6
6
  widget: "Box",
7
7
  },
8
8
 
9
- config: { layout: 12,
9
+ config: { layout: { xs: 6, sm: 6, md: 4, lg: 3 },
10
10
  main: {},
11
11
  style:{
12
12
  // fontWeight:300
package/src/impaktapps-ui-builder/builder/build/uischema/button.ts CHANGED
@@ -5,7 +5,7 @@ export default {
5
5
  widget: "Button",
6
6
  },
7
7
  config: {
8
- layout: 3,
8
+ layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
9
9
  main: {
10
10
  name: "Compare",
11
11
  variant: "contained",
package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts CHANGED
@@ -6,7 +6,7 @@ export default {
6
6
  },
7
7
 
8
8
  config: {
9
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
9
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
10
10
  main: {
11
11
  label: "",
12
12
  type: "date",
@@ -21,7 +21,7 @@ export const DateTime = {
21
21
  },
22
22
 
23
23
  config: {
24
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
24
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
25
25
  main: {
26
26
  label: "DateTime",
27
27
  type: "date",
package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts CHANGED
@@ -6,7 +6,7 @@ export default {
6
6
  },
7
7
 
8
8
  config: {
9
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
9
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
10
10
  main: {},
11
11
  style:{}
12
12
  },
package/src/impaktapps-ui-builder/builder/build/uischema/file.ts CHANGED
@@ -13,7 +13,7 @@ export const uploadFile = {
13
13
  "style": {
14
14
  "backgroundColor": "none"
15
15
  },
16
- layout: { xs: 6, sm: 6, md: 4, lg: 4 }
16
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 }
17
17
  },
18
18
  "options": {
19
19
  "widget": "UploadFile"
@@ -30,7 +30,7 @@ export const downloadFile = {
30
30
  "style": {
31
31
  "backgroundColor": "none"
32
32
  },
33
- layout: { xs: 12, sm: 6, md: 4, lg: 4 }
33
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 }
34
34
  },
35
35
  "options": {
36
36
  "widget": "DownloadFile"
package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts CHANGED
@@ -6,7 +6,7 @@ export default {
6
6
  widget: "MultipleSelect",
7
7
  },
8
8
  config: {
9
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
9
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
10
10
  main: {
11
11
  label: "",
12
12
  type: "text",
package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts CHANGED
@@ -6,7 +6,7 @@ export default {
6
6
  widget: "SelectInputField",
7
7
  },
8
8
  config: {
9
- layout: { xs: 12, sm: 6, md: 4, lg: 3 },
9
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
10
10
  main: {
11
11
  label: "",
12
12
  type: "text",
package/src/impaktapps-ui-builder/builder/build/uischema/table.ts CHANGED
@@ -6,6 +6,7 @@ export default {
6
6
  },
7
7
  elements: [],
8
8
  config: {
9
+ layout: 12,
9
10
  main: {
10
11
  onMount: "onMount",
11
12
  enableExpandAll: true,
package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts CHANGED
@@ -6,7 +6,7 @@ export default {
6
6
  widget: "InputField",
7
7
  },
8
8
  config: {
9
- layout: { xs: 12, sm: 6, md: 4, lg: 4 },
9
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
10
10
  main: {
11
11
  label: "",
12
12
  },
package/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export default {
2
2
  type: "WrapperLayout",
3
3
  config: {
4
+ layout: 12,
4
5
  main: {
5
6
  rowSpacing: 3,
6
7
  divider: true,
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts CHANGED
@@ -330,6 +330,32 @@ export const ComponentSchema: any = {
330
330
  { title: "Refresh Icon", const: "RefreshIcon" },
331
331
  { title: "Download Icon", const: "DownloadIcon" },
332
332
  { title: "Exception Icon", const: "ExceptionIcon" },
333
+ { "title": "Alarm Icon", "const": "AlarmIcon" },
334
+ { "title": "Click Icon", "const": "ClickIcon" },
335
+ { "title": "Content Copy Icon", "const": "ContentCopyIcon" },
336
+ { "title": "File Copy Icon", "const": "FileCopyIcon" },
337
+ { "title": "Pause Icon", "const": "PauseIcon" },
338
+ { "title": "Play Icon", "const": "PlayIcon" },
339
+ { "title": "Close Icon", "const": "CloseIcon" },
340
+ { "title": "Replay Icon", "const": "ReplayIcon" },
341
+ { "title": "Delete Icon", "const": "DeleteIcon" },
342
+ { "title": "Drafts Icon", "const": "DraftsIcon" },
343
+ { "title": "Perm Phone Msg Icon", "const": "PermPhoneMsgIcon" },
344
+ { "title": "Paste Icon", "const": "PasteIcon" },
345
+ { "title": "Prev Icon", "const": "PrevIcon" },
346
+ { "title": "Verified Icon", "const": "VerifiedIcon" },
347
+ { "title": "Table Add Icon", "const": "TableAddIcon" },
348
+ { "title": "Table Download Icon", "const": "TableDownloadIcon" },
349
+ { "title": "Audit Trail Icon", "const": "AuditTrailIcon" },
350
+ { "title": "View Component", "const": "View" },
351
+ { "title": "Table Edit Icon", "const": "TableEditIcon" },
352
+ { "title": "Maximize Icon", "const": "Maximize" },
353
+ { "title": "Minimize Icon", "const": "Minimize" },
354
+ { "title": "Subtract Icon", "const": "Subtract" },
355
+ { "title": "Bin Icon", "const": "Bin" },
356
+ { "title": "Export Icon", "const": "Export" },
357
+ { "title": "Table Paste Icon", "const": "TablePaste" },
358
+ { "title": "Clone Icon", "const": "CloneIcon" }
333
359
  ]
334
360
  },
335
361
  color: {
package/src/impaktapps-ui-builder/runtime/services/service.ts CHANGED
@@ -83,112 +83,112 @@ export default (funcParams: funcParamsProps) => {
83
83
  });
84
84
  window.dispatchEvent(event)
85
85
  const theme = funcParams?.store?.theme?.myTheme;
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",
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
- // 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
- // );
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 = {