impaktapps-ui-builder 0.0.101-alpha.5 → 0.0.101-alpha.50

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 +974 -832
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +13 -13
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +62 -59
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts +17 -21
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +98 -95
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +26 -33
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/refresh.d.ts +52 -38
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/styleSection.d.ts +7 -8
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +29 -33
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +56 -37
  13. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +56 -36
  14. package/package.json +1 -1
  15. package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +12 -10
  16. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +111 -96
  17. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +100 -94
  18. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +189 -110
  19. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +39 -17
  20. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +44 -44
  21. package/src/impaktapps-ui-builder/builder/build/uischema/styleSection.ts +9 -13
  22. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +40 -18
  23. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +117 -48
  24. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +113 -45
  25. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +20 -23
  26. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +157 -95
  27. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +9 -8
  28. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +12 -12
  29. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +200 -289
  30. package/src/impaktapps-ui-builder/builder/services/component.ts +110 -32
  31. package/src/impaktapps-ui-builder/builder/services/event.ts +13 -14
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -47,7 +47,13 @@ export const componentBasicUiSchema: any = (theme)=>{
47
47
 
48
48
  elements: [
49
49
  {
50
- type: "HorizontalLayout",
50
+ type: "WrapperLayout",
51
+ config: {
52
+ main: {
53
+ label: " ",
54
+ gap: "8px"
55
+ }
56
+ },
51
57
  elements: [
52
58
  {
53
59
  type: "Control",
@@ -83,8 +89,6 @@ export const componentBasicUiSchema: any = (theme)=>{
83
89
  layout: { xs: 12, sm: 6, md: 4, lg: 3 },
84
90
  main: {
85
91
  label: "Component ID",
86
- options: [],
87
- color: "secondary",
88
92
  required: true,
89
93
  },
90
94
  },
@@ -130,62 +134,61 @@ export const componentBasicUiSchema: any = (theme)=>{
130
134
  widget: "EmptyBox",
131
135
  },
132
136
  },
133
- {
134
- type: "Control",
135
- scope: "#/properties/layout",
136
- layout: 12,
137
- options: {
138
- detail: {
139
- type: "HorizontalLayout",
140
- elements: [
141
- {
142
- type: "Control",
143
- scope: "#/properties/key",
144
- options: {
145
- widget: "SelectInputField",
146
- },
147
- config: {
148
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
149
- main: {
150
- label: "Screen Size",
137
+ // {
138
+ // type: "Control",
139
+ // scope: "#/properties/layout",
140
+ // layout: 12,
141
+ // options: {
142
+ // detail: {
143
+ // type: "HorizontalLayout",
144
+ // elements: [
145
+ // {
146
+ // type: "Control",
147
+ // scope: "#/properties/key",
148
+ // options: {
149
+ // widget: "SelectInputField",
150
+ // },
151
+ // config: {
152
+ // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
153
+ // main: {
154
+ // label: "Screen Size",
151
155
 
152
- },
153
- },
154
- },
155
- {
156
- type: "Control",
157
- scope: "#/properties/value",
156
+ // },
157
+ // },
158
+ // },
159
+ // {
160
+ // type: "Control",
161
+ // scope: "#/properties/value",
158
162
 
159
- options: {
160
- widget: "InputField",
161
- },
162
- config: {
163
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
164
- main: {
165
- label: "Value",
166
- type:"number",
167
- // freeSolo:true,
168
- helperText:'Number should be in range of 0 to 12',
169
- errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
163
+ // options: {
164
+ // widget: "InputField",
165
+ // },
166
+ // config: {
167
+ // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
168
+ // main: {
169
+ // label: "Value",
170
+ // type:"number",
171
+ // // freeSolo:true,
172
+ // helperText:'Number should be in range of 0 to 12',
173
+ // errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
170
174
 
171
- },
172
- },
173
- },
174
- {
175
- type: "Control",
176
- scope: "#/properties/proc",
177
- config: {
178
- layout: { xs: 0, sm: 0, md: 4, lg: 4 },
179
- },
180
- options: {
181
- widget: "EmptyBox",
182
- },
183
- },
184
- ],
185
- },
186
- },
187
- },
188
- //////////////////////////////////////////////////////
175
+ // },
176
+ // },
177
+ // },
178
+ // {
179
+ // type: "Control",
180
+ // scope: "#/properties/proc",
181
+ // config: {
182
+ // layout: { xs: 0, sm: 0, md: 4, lg: 4 },
183
+ // },
184
+ // options: {
185
+ // widget: "EmptyBox",
186
+ // },
187
+ // },
188
+ // ],
189
+ // },
190
+ // },
191
+ // },
189
192
  {
190
193
  type: "Control",
191
194
  scope: "#/properties/layout",
@@ -317,51 +320,62 @@ export const componentBasicUiSchema: any = (theme)=>{
317
320
  // },
318
321
  // ]
319
322
  // },
323
+
320
324
  {
321
- type: "Control",
322
- scope: "#/properties/btn",
323
- options: {
324
- widget: "Button",
325
- },
326
-
325
+ type: "WrapperLayout",
327
326
  config: {
328
- layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
329
327
  main: {
330
- name: "Ok",
331
- variant: "contained",
332
- type: "text",
333
- onClick: "okHandler",
334
- size: "medium",
335
- },
336
- },
337
- },
338
- {
339
- type: "Control",
340
- scope: "#/properties/btnSubmit",
341
- options: {
342
- widget: "Button",
328
+ gap: "8px"
329
+ }
343
330
  },
331
+ elements: [
332
+ {
333
+ type: "Control",
334
+ scope: "#/properties/btn",
335
+ options: {
336
+ widget: "Button",
337
+ },
344
338
 
345
- config: {
346
- layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
347
- main: {
348
- name: "Save & Exit",
349
- variant: "contained",
350
- type: "text",
351
- onClick: "saveHandler",
352
- size: "medium",
339
+ config: {
340
+ layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
341
+ main: {
342
+ name: "Ok",
343
+ variant: "contained",
344
+ type: "text",
345
+ onClick: "okHandler",
346
+ size: "medium",
347
+ },
348
+ },
353
349
  },
354
- },
355
- },
356
- {
357
- type: "Control",
358
- scope: "#/properties/EmptyBox",
359
- config: {
360
- layout: { xs: 4, sm:7, md: 8, lg: 9 },
361
- },
362
- options: {
363
- widget: "EmptyBox",
364
- },
350
+ {
351
+ type: "Control",
352
+ scope: "#/properties/btnSubmit",
353
+ options: {
354
+ widget: "Button",
355
+ },
356
+
357
+ config: {
358
+ layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
359
+ main: {
360
+ name: "Save & Exit",
361
+ variant: "contained",
362
+ type: "text",
363
+ onClick: "saveHandler",
364
+ size: "medium",
365
+ },
366
+ },
367
+ },
368
+ {
369
+ type: "Control",
370
+ scope: "#/properties/EmptyBox",
371
+ config: {
372
+ layout: { xs: 4, sm:7, md: 8, lg: 9 },
373
+ },
374
+ options: {
375
+ widget: "EmptyBox",
376
+ },
377
+ },
378
+ ],
365
379
  },
366
380
  {
367
381
  type: "Control",
@@ -609,6 +623,54 @@ export const componentBasicUiSchema: any = (theme)=>{
609
623
  },
610
624
  ]
611
625
  },
626
+ {
627
+ type: "Control",
628
+ scope: "#/properties/pageName",
629
+
630
+ options: {
631
+ widget: "Box",
632
+ },
633
+ config: {
634
+ layout: 12,
635
+ main: {
636
+ heading: "",
637
+ },
638
+ style: {
639
+ paddingLeft: theme.spacing(3),
640
+ width:"100%",
641
+ fontSize:"10px",
642
+ color:theme.palette.grey[600],
643
+ position: "fixed",
644
+ bottom: "24px",
645
+ backgroundColor: theme.palette.background.default,
646
+ borderBottom: `1px solid ${theme.palette.common.black}29`,
647
+ borderTop: `1px solid ${theme.palette.common.black}29`,
648
+ },
649
+ },
650
+ },
651
+ {
652
+ type: "Control",
653
+ scope: "#/properties/pageName",
654
+
655
+ options: {
656
+ widget: "Breadcrumb",
657
+ },
658
+ config: {
659
+ layout: 12,
660
+ main: {
661
+ },
662
+ style: {
663
+ // paddingLeft: theme.spacing(3),
664
+ // width:"100%",
665
+ color:theme.palette.grey[600],
666
+ fontSize:"10px",
667
+ position: "fixed",
668
+ bottom: "24px",
669
+ borderBottom: `1px solid ${theme.palette.common.black}29`,
670
+ borderTop: `1px solid ${theme.palette.common.black}29`,
671
+ },
672
+ },
673
+ },
612
674
  {
613
675
  type: "Control",
614
676
  scope: "#/properties/notify",
package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts CHANGED
@@ -158,7 +158,7 @@ export const PageMasterUiSchema: any = (theme) => {
158
158
  main: {
159
159
  onClick: "copyPasteElement",
160
160
  size: "small",
161
- icon: "TablePasteIcon",
161
+ icon: "TablePaste",
162
162
  iconLabel: "Paste",
163
163
  styleDefault: true,
164
164
  },
@@ -318,7 +318,7 @@ export const PageMasterUiSchema: any = (theme) => {
318
318
  main: {
319
319
  onClick: "copyPasteElement",
320
320
  size: "small",
321
- icon: "TablePasteIcon",
321
+ icon: "TablePaste",
322
322
  iconLabel: "Paste",
323
323
  styleDefault: true,
324
324
  },
@@ -347,19 +347,19 @@ export const PageMasterUiSchema: any = (theme) => {
347
347
 
348
348
  {
349
349
  accessorKey: "eventType",
350
- header: "Event Type",
350
+ header: "Event's Type",
351
351
  size: 300,
352
352
  type: "string"
353
353
  },
354
354
  {
355
355
  accessorKey: "Handler",
356
356
  header: "Handler",
357
- size: 300,
357
+ size: 200,
358
358
  type: "string"
359
359
  },
360
360
  {
361
361
  accessorKey: "Edit_Approve_Records",
362
- header: "Edit Widget",
362
+ header: "Edit",
363
363
  type: "action",
364
364
  size: 150,
365
365
  widget: {
@@ -387,6 +387,8 @@ export const PageMasterUiSchema: any = (theme) => {
387
387
  {
388
388
  accessorKey: "Reject_Records",
389
389
  header: "Delete",
390
+ type: "action",
391
+ size: 150,
390
392
  widget: {
391
393
  type: "Control",
392
394
  scope: "#/properties/RejectButton",
@@ -411,7 +413,8 @@ export const PageMasterUiSchema: any = (theme) => {
411
413
  {
412
414
  header: "Copy",
413
415
  field: "Copy_Event",
414
- flex: 1,
416
+ type: "action",
417
+ size: 150,
415
418
  widget: {
416
419
  type: "Control",
417
420
  scope: "#/properties/Copy_Event",
@@ -421,7 +424,6 @@ export const PageMasterUiSchema: any = (theme) => {
421
424
  config: {
422
425
  main: {
423
426
  icon: "FileCopyIcon",
424
- // color: "error",
425
427
  onClick: "copyPasteElement",
426
428
  styleDefault: true,
427
429
  },
@@ -518,7 +520,6 @@ export const PageMasterUiSchema: any = (theme) => {
518
520
  layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
519
521
  main: {
520
522
  name: "Save",
521
- startIcon: "ApproveIcon",
522
523
  variant: "contained",
523
524
  type: "text",
524
525
  onClick: "saveHandler",
package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts CHANGED
@@ -38,18 +38,18 @@ export const EventSchema = {
38
38
  eventType: {
39
39
  type: "string",
40
40
  oneOf: [
41
- { title: "Click Event", const: "onClick" },
42
- { title: "Load Event", const: "onLoad" },
43
- { title: "Change Event", const: "onChange" },
44
- { title: "Mount Event", const: "onMount" },
41
+ { title: "Click", const: "onClick" },
42
+ { title: "Load", const: "onLoad" },
43
+ { title: "Change", const: "onChange" },
44
+ { title: "Mount", const: "onMount" },
45
45
  { title: "Success", const: "Success" },
46
- { title: "onStart", const: "onStart" },
47
- { title: "Cell Renderer", const: "onCellRenderer" },
48
- { title: "File Upload Event", const: "onUpload" },
49
- { title: "Back Event", const: "onBack" },
50
- { title: "Next Event", const: "onNext" },
51
- { title: "onRowMovement", const: "onRowMovement" },
52
- { title: "File Download Event", const: "onDownload" },
46
+ { title: "Start", const: "onStart" },
47
+ { title: "Cell Render", const: "onCellRenderer" },
48
+ { title: "Upload", const: "onUpload" },
49
+ { title: "Back", const: "onBack" },
50
+ { title: "Next", const: "onNext" },
51
+ { title: "Row Movement", const: "onRowMovement" },
52
+ { title: "Download", const: "onDownload" },
53
53
  { title: "Fail", const: "Fail" }
54
54
  ]
55
55
  },
@@ -57,7 +57,7 @@ export const EventSchema = {
57
57
  type: "string",
58
58
  oneOf: [
59
59
  { title: "Custom", const: "custom" },
60
- { title: "Api", const: "api" },
60
+ { title: "API", const: "api" },
61
61
  { title: "Inbuilt Function", const: "inBuiltFunction" },
62
62
  { title: "Refresh", const: "refresh" },
63
63
  ]