impaktapps-ui-builder 1.0.52 → 1.0.53

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 (35) hide show
  1. package/dist/impaktapps-ui-builder.es.js +70 -24
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +7 -7
  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/dist/src/impaktapps-ui-builder/runtime/services/service.d.ts +1 -0
  11. package/package.json +1 -1
  12. package/src/impaktapps-ui-builder/builder/build/buildAadharCard.ts +2 -2
  13. package/src/impaktapps-ui-builder/builder/build/buildArray.ts +1 -1
  14. package/src/impaktapps-ui-builder/builder/build/buildCheckbox.ts +1 -1
  15. package/src/impaktapps-ui-builder/builder/build/buildConfig.ts +16 -4
  16. package/src/impaktapps-ui-builder/builder/build/buildFileInput.ts +1 -1
  17. package/src/impaktapps-ui-builder/builder/build/buildRadio.ts +1 -1
  18. package/src/impaktapps-ui-builder/builder/build/buildText.ts +3 -0
  19. package/src/impaktapps-ui-builder/builder/build/buildTextArea.ts +1 -1
  20. package/src/impaktapps-ui-builder/builder/build/buildTreeMap.ts +1 -0
  21. package/src/impaktapps-ui-builder/builder/build/uischema/array.ts +1 -1
  22. package/src/impaktapps-ui-builder/builder/build/uischema/box.ts +1 -1
  23. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +3 -2
  24. package/src/impaktapps-ui-builder/builder/build/uischema/button.ts +1 -1
  25. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +2 -2
  26. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  27. package/src/impaktapps-ui-builder/builder/build/uischema/file.ts +2 -2
  28. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  29. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -1
  30. package/src/impaktapps-ui-builder/builder/build/uischema/table.ts +1 -0
  31. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -1
  32. package/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.ts +1 -0
  33. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +26 -0
  34. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +1 -1
  35. package/src/impaktapps-ui-builder/runtime/services/service.ts +4 -1
@@ -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[];
@@ -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
  };
@@ -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;
@@ -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;
@@ -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;
@@ -11,6 +11,7 @@ declare const _default: (funcParams: funcParamsProps) => {
11
11
  setPage: () => Promise<void>;
12
12
  onCellRenderer: (cellParams: any) => {};
13
13
  onClick: () => void;
14
+ onKeyDown: () => void;
14
15
  onDeletePopupNo: () => void;
15
16
  onDeletePopupYes: () => void;
16
17
  onMount: () => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "1.0.52",
3
+ "version": "1.0.53",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
@@ -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",
@@ -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: {}
@@ -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
  }
@@ -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
  })
@@ -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",
@@ -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"],
@@ -11,6 +11,9 @@ export const buildTextField = (config: any, componentScope: string) => {
11
11
  if (config.multiline) {
12
12
  inputField.config.main.multiline = config.multiline === "YES" ? true : false;
13
13
  }
14
+ if (config.keyName) {
15
+ inputField.config.main.keyName = config.keyName;
16
+ }
14
17
  if (config.InputFormatingAndMasking) {
15
18
  inputField.config.main.formatStrArray = config.InputFormatingAndMasking.map(e => e.formatElement);
16
19
  }
@@ -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",
@@ -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",
@@ -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",
@@ -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
@@ -325,12 +325,13 @@ export const buildPropertiesSection = function (type: String) {
325
325
  emptyBox("PopUpEmpty", { xs: 6, sm: 6, md: 0, lg: 0 })
326
326
  ]
327
327
  break;
328
- case "Text":
328
+ case "Text":
329
329
  uiSchema.elements = [
330
330
  getInputField("placeholder", "Placeholder"),
331
331
  getRadioInputField("multiline", "Multiline", ["YES", "NO"]),
332
332
  emptyBox("TextEmpty1", { xs: 0, sm: 0, md: 4, lg: 4 }),
333
- getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element")
333
+ getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element"),
334
+ getInputField("keyName", "Event Key Name"),
334
335
  ]
335
336
  break;
336
337
  case "TextArea":
@@ -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",
@@ -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",
@@ -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
  },
@@ -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"
@@ -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",
@@ -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",
@@ -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,
@@ -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
  },
@@ -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,
@@ -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: {
@@ -38,7 +38,6 @@ export const EventSchema = {
38
38
  eventType: {
39
39
  type: "string",
40
40
  oneOf: [
41
-
42
41
  { title: "Click", const: "onClick" },
43
42
  { title: "Load", const: "onLoad" },
44
43
  { title: "Change", const: "onChange" },
@@ -52,6 +51,7 @@ export const EventSchema = {
52
51
  { title: "Row Movement", const: "onRowMovement" },
53
52
  { title: "Download", const: "onDownload" },
54
53
  { title: "Fail", const: "Fail" },
54
+ { title: "Key Down", const: "onKeyDown" },
55
55
  { title: "PopUP NO Event", const: "onDeletePopupNo" },
56
56
  { title: "PopUP Yes Event", const: "onDeletePopupYes" },
57
57
  ]
@@ -79,7 +79,7 @@ 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;
@@ -233,6 +233,9 @@ export default (funcParams: funcParamsProps) => {
233
233
  onClick: function () {
234
234
  this.callHandler("onClick")
235
235
  },
236
+ onKeyDown: function () {
237
+ this.callHandler("onKeyDown")
238
+ },
236
239
  onDeletePopupNo: function () {
237
240
  this.callHandler("onDeletePopupNo")
238
241
  },