impaktapps-ui-builder 1.0.245 → 1.0.250
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.
- package/dist/impaktapps-ui-builder.es.js +16 -59
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +6 -6
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.d.ts +1 -0
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.d.ts +1 -0
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildMultiSelect.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildPopover.ts +4 -4
- package/src/impaktapps-ui-builder/builder/build/buildSelect.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +0 -4
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +5 -11
- package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +2 -0
- package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +2 -0
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +4 -5
- package/src/impaktapps-ui-builder/builder/services/component.ts +0 -1
- package/dist/src/impaktapps-ui-builder/builder/build/buildGroupButton.d.ts +0 -1
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/buttonGroup.d.ts +0 -22
- package/src/impaktapps-ui-builder/builder/build/buildGroupButton.ts +0 -21
- package/src/impaktapps-ui-builder/builder/build/uischema/buttonGroup.ts +0 -17
|
@@ -6223,7 +6223,6 @@ const ComponentSchema = {
|
|
|
6223
6223
|
{ title: "Masked Aadhar Card", const: "AadharcardText" },
|
|
6224
6224
|
{ title: "Array", const: "Array" },
|
|
6225
6225
|
{ title: "Button", const: "Button" },
|
|
6226
|
-
{ title: "ButtonGroup", const: "ButtonGroup" },
|
|
6227
6226
|
{ title: "Data Card", const: "card" },
|
|
6228
6227
|
{ title: "Check Box", const: "CheckBox" },
|
|
6229
6228
|
{ title: "Camera", const: "Camera" },
|
|
@@ -6317,28 +6316,28 @@ const ComponentSchema = {
|
|
|
6317
6316
|
{ title: "Standard", const: "standard" }
|
|
6318
6317
|
]
|
|
6319
6318
|
},
|
|
6320
|
-
|
|
6319
|
+
positionVertical: {
|
|
6321
6320
|
oneOf: [
|
|
6322
6321
|
{ title: "Top", const: "top" },
|
|
6323
6322
|
{ title: "Center", const: "center" },
|
|
6324
6323
|
{ title: "Bottom", const: "bottom" }
|
|
6325
6324
|
]
|
|
6326
6325
|
},
|
|
6327
|
-
|
|
6326
|
+
positionHorizontal: {
|
|
6328
6327
|
oneOf: [
|
|
6329
6328
|
{ title: "Left", const: "left" },
|
|
6330
6329
|
{ title: "Center", const: "center" },
|
|
6331
6330
|
{ title: "Right", const: "right" }
|
|
6332
6331
|
]
|
|
6333
6332
|
},
|
|
6334
|
-
|
|
6333
|
+
contentVertical: {
|
|
6335
6334
|
oneOf: [
|
|
6336
6335
|
{ title: "Top", const: "top" },
|
|
6337
6336
|
{ title: "Center", const: "center" },
|
|
6338
6337
|
{ title: "Bottom", const: "bottom" }
|
|
6339
6338
|
]
|
|
6340
6339
|
},
|
|
6341
|
-
|
|
6340
|
+
contentHorizontal: {
|
|
6342
6341
|
oneOf: [
|
|
6343
6342
|
{ title: "Left", const: "left" },
|
|
6344
6343
|
{ title: "Center", const: "center" },
|
|
@@ -8034,10 +8033,10 @@ const buildPropertiesSection = function(type) {
|
|
|
8034
8033
|
break;
|
|
8035
8034
|
case "PopOver":
|
|
8036
8035
|
uiSchema.elements = [
|
|
8037
|
-
getSelectField("
|
|
8038
|
-
getSelectField("
|
|
8039
|
-
getSelectField("
|
|
8040
|
-
getSelectField("
|
|
8036
|
+
getSelectField("positionVertical", "Attach To (Vertical)"),
|
|
8037
|
+
getSelectField("positionHorizontal", "Attach To (Horizontal)"),
|
|
8038
|
+
getSelectField("contentVertical", "Popover Start (Vertical)"),
|
|
8039
|
+
getSelectField("contentHorizontal", "Popover Start (Horizontal)"),
|
|
8041
8040
|
getInputField("width", "Width"),
|
|
8042
8041
|
getInputField("gap", "Gap"),
|
|
8043
8042
|
emptyBox$1("PopUpEmpty", { xs: 6, sm: 0, md: 8, lg: 6 })
|
|
@@ -8140,13 +8139,6 @@ const buildPropertiesSection = function(type) {
|
|
|
8140
8139
|
emptyBox$1("ButtonEmpty1", { xs: 6, sm: 6, md: 4, lg: 4 })
|
|
8141
8140
|
];
|
|
8142
8141
|
break;
|
|
8143
|
-
case "ButtonGroup":
|
|
8144
|
-
uiSchema.elements = [
|
|
8145
|
-
getInputField("size", "Size"),
|
|
8146
|
-
getSelectField("color", "Color"),
|
|
8147
|
-
emptyBox$1("ButtonEmpty1", { xs: 6, sm: 0, md: 8, lg: 6 })
|
|
8148
|
-
];
|
|
8149
|
-
break;
|
|
8150
8142
|
case "Box":
|
|
8151
8143
|
uiSchema.elements = [
|
|
8152
8144
|
getSelectField("iconName", "Icon Name"),
|
|
@@ -8820,7 +8812,6 @@ const sectionLabels = {
|
|
|
8820
8812
|
Timer: ["Core", "Events", "Style"],
|
|
8821
8813
|
Rank: ["Core", "Events", "Style"],
|
|
8822
8814
|
Button: ["Core", "Properties", "Events", "Style", "Validation"],
|
|
8823
|
-
ButtonGroup: ["Core", "Components", "Properties", "Events", "Style", "Validation"],
|
|
8824
8815
|
Array: ["Core", "Components", "Properties", "Events", "Validation"],
|
|
8825
8816
|
Radio: ["Core", "Properties", "Events", "Style", "Validation"],
|
|
8826
8817
|
Text: ["Core", "Properties", "Events", "Style", "Validation"],
|
|
@@ -11526,7 +11517,8 @@ var SelectInputField = {
|
|
|
11526
11517
|
label: "",
|
|
11527
11518
|
type: "text",
|
|
11528
11519
|
freeSole: false
|
|
11529
|
-
}
|
|
11520
|
+
},
|
|
11521
|
+
style: {}
|
|
11530
11522
|
}
|
|
11531
11523
|
};
|
|
11532
11524
|
const buildSelect = (config2, componentScope2) => {
|
|
@@ -12217,7 +12209,8 @@ var MultipleSelect = {
|
|
|
12217
12209
|
multiple: true,
|
|
12218
12210
|
variant: "outlined",
|
|
12219
12211
|
options: []
|
|
12220
|
-
}
|
|
12212
|
+
},
|
|
12213
|
+
style: {}
|
|
12221
12214
|
}
|
|
12222
12215
|
};
|
|
12223
12216
|
const buildMultiSelect = (config2, componentScope2) => {
|
|
@@ -13000,39 +12993,6 @@ const buildCamera = (config2, componentScope2) => {
|
|
|
13000
12993
|
}
|
|
13001
12994
|
return camera;
|
|
13002
12995
|
};
|
|
13003
|
-
var ButtonGroup = {
|
|
13004
|
-
type: "Control",
|
|
13005
|
-
scope: "#/properties/buttonGroup",
|
|
13006
|
-
options: {
|
|
13007
|
-
widget: "ButtonGroup"
|
|
13008
|
-
},
|
|
13009
|
-
config: {
|
|
13010
|
-
layout: { xs: 12, sm: 12, md: 6, lg: 6 },
|
|
13011
|
-
main: {
|
|
13012
|
-
variant: "contained",
|
|
13013
|
-
styleDefault: false,
|
|
13014
|
-
size: "small"
|
|
13015
|
-
},
|
|
13016
|
-
style: {}
|
|
13017
|
-
}
|
|
13018
|
-
};
|
|
13019
|
-
const buildButtonGroup = (config2, componentScope2) => {
|
|
13020
|
-
const buttonGroup = _.cloneDeep(ButtonGroup);
|
|
13021
|
-
if (config2.layout) {
|
|
13022
|
-
buttonGroup.config.layout = createLayoutFormat(config2.layout, config2.type);
|
|
13023
|
-
}
|
|
13024
|
-
buttonGroup.scope = componentScope2;
|
|
13025
|
-
if (config2.style) {
|
|
13026
|
-
buttonGroup.config.style = JSON.parse(config2.style);
|
|
13027
|
-
}
|
|
13028
|
-
if (config2.size) {
|
|
13029
|
-
buttonGroup.config.main.size = config2.size;
|
|
13030
|
-
}
|
|
13031
|
-
if (config2.color) {
|
|
13032
|
-
buttonGroup.config.main.color = config2.color;
|
|
13033
|
-
}
|
|
13034
|
-
return buttonGroup;
|
|
13035
|
-
};
|
|
13036
12996
|
const PopOver = {
|
|
13037
12997
|
type: "Control",
|
|
13038
12998
|
scope: "#/properties/text",
|
|
@@ -13055,10 +13015,10 @@ const PopOver = {
|
|
|
13055
13015
|
const buildPopOver = (config2, componentScope2) => {
|
|
13056
13016
|
const popOver = _.cloneDeep(PopOver);
|
|
13057
13017
|
popOver.scope = componentScope2;
|
|
13058
|
-
popOver.config.main.
|
|
13059
|
-
popOver.config.main.
|
|
13060
|
-
popOver.config.main.
|
|
13061
|
-
popOver.config.main.
|
|
13018
|
+
popOver.config.main.positionVertical = config2.positionVertical;
|
|
13019
|
+
popOver.config.main.positionHorizontal = config2.positionHorizontal;
|
|
13020
|
+
popOver.config.main.contentVertical = config2.contentVertical;
|
|
13021
|
+
popOver.config.main.contentHorizontal = config2.contentHorizontal;
|
|
13062
13022
|
popOver.config.main.width = config2.width;
|
|
13063
13023
|
popOver.config.main.gap = config2.gap;
|
|
13064
13024
|
if (config2.layout) {
|
|
@@ -13199,9 +13159,6 @@ const buildUiSchema = (config2, store2) => {
|
|
|
13199
13159
|
case "Button":
|
|
13200
13160
|
elements = buildButton(config2, componentScope2);
|
|
13201
13161
|
break;
|
|
13202
|
-
case "ButtonGroup":
|
|
13203
|
-
elements = buildButtonGroup(config2, componentScope2);
|
|
13204
|
-
break;
|
|
13205
13162
|
case "Table":
|
|
13206
13163
|
elements = buildTable(config2, componentScope2);
|
|
13207
13164
|
break;
|