impaktapps-ui-builder 1.0.129 → 1.0.131-alpha.1

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 (12) hide show
  1. package/dist/impaktapps-ui-builder.es.js +163 -4
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +4 -4
  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/buildUiSchema.ts +4 -2
  8. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +5 -0
  9. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +75 -19
  10. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +8 -0
  11. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +61 -1
  12. package/src/impaktapps-ui-builder/builder/services/component.ts +17 -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-alpha.1",
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/buildUiSchema.ts CHANGED
@@ -292,7 +292,8 @@ const buildUiSchema = (config: any, store?: any) => {
292
292
  enableColumnFilter: cellElem.enableFilter === "No" ? false : true,
293
293
  columnFilterModeOptions: cellElem.filteringOptions,
294
294
  enableSorting: cellElem.enableSorting === "No" ? false : true,
295
- columnKey: cellElem.columnKey
295
+ columnKey: cellElem.columnKey,
296
+ dateFormat: cellElem.dateFormat,
296
297
  }
297
298
  if (cellElem.type) {
298
299
  const tableElem = {
@@ -325,7 +326,8 @@ const buildUiSchema = (config: any, store?: any) => {
325
326
  enableColumnFilter: cellElem.enableFilter === "No" ? false : true,
326
327
  columnFilterModeOptions: cellElem.filteringOptions,
327
328
  enableSorting: cellElem.enableSorting === "No" ? false : true,
328
- columnKey: cellElem.columnKey
329
+ columnKey: cellElem.columnKey,
330
+ dateFormat: cellElem.dateFormat,
329
331
  }
330
332
  if (cellElem.type) {
331
333
  if (cellElem.elementType == "action") {
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
@@ -163,6 +162,22 @@ export function refreshPage(type: string, store: any) {
163
162
  },
164
163
  },
165
164
  }
165
+
166
+ if(store.formData.columnFormat === 'DateTimeFormat') {
167
+ UiSchema.elements[0].elements[0].elements[10] = {
168
+ type: "Control",
169
+ scope: "#/properties/dateFormat",
170
+ options: {
171
+ widget: "SelectInputField",
172
+ },
173
+ config: {
174
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
175
+ main: {
176
+ label: "Date Time Format",
177
+ },
178
+ },
179
+ }
180
+ }
166
181
  }
167
182
 
168
183
  if (sessionStorage.getItem("copiedConfig") ) {