impaktapps-ui-builder 1.0.129 → 1.0.131

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 (11) hide show
  1. package/dist/impaktapps-ui-builder.es.js +144 -2
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +5 -5
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/impaktapps-ui-builder/builder/build/buildTable.ts +3 -0
  7. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +5 -0
  8. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +75 -19
  9. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +8 -0
  10. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +61 -1
  11. package/src/impaktapps-ui-builder/builder/services/component.ts +1 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "1.0.129",
3
+ "version": "1.0.131",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
package/src/impaktapps-ui-builder/builder/build/buildTable.ts CHANGED
@@ -77,5 +77,8 @@ export const buildTable = (config: any, componentScope: string) => {
77
77
  if (config.maxPageSize) {
78
78
  table.config.main.maxPageSize = config.maxPageSize
79
79
  }
80
+ if(config.initialDensity){
81
+ table.config.main.initialDensity = config.initialDensity
82
+ }
80
83
  return table;
81
84
  };
package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts CHANGED
@@ -487,6 +487,11 @@ export const buildPropertiesSection = function (type: String) {
487
487
  { label: "100", value: 100 },
488
488
  { label: "500", value: 500 }
489
489
  ]),
490
+ getSelectField("initialDensity", "Initial Toggle Density", [
491
+ { label: "Compact", value: "compact" },
492
+ { label: "Comfortable", value: "comfortable" },
493
+ { label: "Spacious", value: "spacious" }
494
+ ]),
490
495
  buildWrapper("Tree Table Properties", [
491
496
  getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
492
497
  getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),
package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts CHANGED
@@ -62,20 +62,76 @@ export const CoreSection = {
62
62
  },
63
63
  },
64
64
  },
65
- // {
66
- // type: "Control",
67
- // scope: "#/properties/columnFormat",
68
- // options: {
69
- // widget: "SelectInputField",
70
- // },
71
- // config: {
72
- // layout: { xs: 6, sm: 6, md: 4, lg: 3 },
73
- // main: {
74
- // label: "Column Format",
75
-
76
- // },
77
- // },
78
- // },
65
+ {
66
+ type: "Control",
67
+ scope: "#/properties/proc5",
68
+ config: {
69
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
70
+ },
71
+ options: {
72
+ widget: "EmptyBox",
73
+ },
74
+ },
75
+ {
76
+ type: "Control",
77
+ scope: "#/properties/proc6",
78
+ config: {
79
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
80
+ },
81
+ options: {
82
+ widget: "EmptyBox",
83
+ },
84
+ },
85
+ {
86
+ type: "Control",
87
+ scope: "#/properties/proc7",
88
+ config: {
89
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
90
+ },
91
+ options: {
92
+ widget: "EmptyBox",
93
+ },
94
+ },
95
+ {
96
+ type: "Control",
97
+ scope: "#/properties/proc8",
98
+ config: {
99
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
100
+ },
101
+ options: {
102
+ widget: "EmptyBox",
103
+ },
104
+ },
105
+ {
106
+ type: "Control",
107
+ scope: "#/properties/proc9",
108
+ config: {
109
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
110
+ },
111
+ options: {
112
+ widget: "EmptyBox",
113
+ },
114
+ },
115
+ {
116
+ type: "Control",
117
+ scope: "#/properties/proc10",
118
+ config: {
119
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
120
+ },
121
+ options: {
122
+ widget: "EmptyBox",
123
+ },
124
+ },
125
+ {
126
+ type: "Control",
127
+ scope: "#/properties/proc11",
128
+ config: {
129
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
130
+ },
131
+ options: {
132
+ widget: "EmptyBox",
133
+ },
134
+ },
79
135
  {
80
136
  type: "Control",
81
137
  scope: "#/properties/proc",
@@ -117,7 +173,7 @@ export const CoreSection = {
117
173
  layout: { xs: 6, sm: 6, md: 4, lg: 4 },
118
174
  main: {
119
175
  label: "Screen Size",
120
-
176
+
121
177
  },
122
178
  },
123
179
  },
@@ -132,11 +188,11 @@ export const CoreSection = {
132
188
  layout: { xs: 6, sm: 6, md: 4, lg: 4 },
133
189
  main: {
134
190
  label: "Value",
135
- type:"number",
191
+ type: "number",
136
192
  // freeSolo:true,
137
- helperText:'Number should be in range of 0 to 12',
138
- errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
139
-
193
+ helperText: 'Number should be in range of 0 to 12',
194
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
195
+
140
196
  },
141
197
  },
142
198
  },
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts CHANGED
@@ -94,6 +94,14 @@ export const ComponentSchema: any = {
94
94
  { title: "500", const: 500 }
95
95
  ]
96
96
  },
97
+ initialDensity:{
98
+ type: "string",
99
+ oneOf: [
100
+ { title: "Compact", const: "compact" },
101
+ { title: "Comfortable", const: "comfortable" },
102
+ { title: "Spacious", const: "spacious" }
103
+ ]
104
+ },
97
105
  layout: {
98
106
  type: "array",
99
107
  items: {
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -92,7 +92,67 @@ export const componentBasicUiSchema: any = (theme) => {
92
92
  },
93
93
  {
94
94
  type: "Control",
95
- scope: "#/properties/proc",
95
+ scope: "#/properties/proc5",
96
+ config: {
97
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
98
+ },
99
+ options: {
100
+ widget: "EmptyBox",
101
+ },
102
+ },
103
+ {
104
+ type: "Control",
105
+ scope: "#/properties/proc6",
106
+ config: {
107
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
108
+ },
109
+ options: {
110
+ widget: "EmptyBox",
111
+ },
112
+ },
113
+ {
114
+ type: "Control",
115
+ scope: "#/properties/proc7",
116
+ config: {
117
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
118
+ },
119
+ options: {
120
+ widget: "EmptyBox",
121
+ },
122
+ },
123
+ {
124
+ type: "Control",
125
+ scope: "#/properties/proc8",
126
+ config: {
127
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
128
+ },
129
+ options: {
130
+ widget: "EmptyBox",
131
+ },
132
+ },
133
+ {
134
+ type: "Control",
135
+ scope: "#/properties/proc9",
136
+ config: {
137
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
138
+ },
139
+ options: {
140
+ widget: "EmptyBox",
141
+ },
142
+ },
143
+ {
144
+ type: "Control",
145
+ scope: "#/properties/proc10",
146
+ config: {
147
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
148
+ },
149
+ options: {
150
+ widget: "EmptyBox",
151
+ },
152
+ },
153
+ {
154
+ type: "Control",
155
+ scope: "#/properties/proc11",
96
156
  config: {
97
157
  layout: { xs: 6, sm: 6, md: 0, lg: 3 },
98
158
  },
package/src/impaktapps-ui-builder/builder/services/component.ts CHANGED
@@ -63,8 +63,7 @@ export function refreshPage(type: string, store: any) {
63
63
  }
64
64
  const elements = sectionLabels[type]?.map(e => sectionUiSchema[e]);
65
65
  UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "Events", "Validation"];
66
- UiSchema. elements[0].elements[0].elements = elements || [CoreSection, StyleSection, EventSection(store.theme.myTheme), ValidationSection];
67
-
66
+ UiSchema.elements[0].elements = elements || [CoreSection, StyleSection, EventSection(store.theme.myTheme), ValidationSection];
68
67
  }
69
68
 
70
69
  // Get Widget Type of parent