procode-lowcode-core 1.0.13 → 1.0.14
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/index.esm.js +26 -12
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +26 -12
- package/dist/index.js.map +1 -1
- package/dist/types/UIElement/UIElementDefinations/BaseScreenElement.d.ts +7 -0
- package/package.json +1 -1
- package/src/Renderer/CellRenderer/index.tsx +1 -0
- package/src/Renderer/ContainerRenderer/Container.tsx +1 -0
- package/src/Renderer/DrawerRenderer/Drawer.tsx +1 -0
- package/src/Renderer/DrawerRenderer/index.tsx +1 -0
- package/src/Renderer/FormRenderer/index.tsx +1 -0
- package/src/Renderer/LayoutRenderer/ColumnLayoutRenderer/index.tsx +1 -0
- package/src/Renderer/LayoutRenderer/GenericLayoutRenderer/index.tsx +1 -0
- package/src/Renderer/WidgetRenderer/Widget.tsx +17 -4
- package/src/Renderer/WidgetRenderer/useWidgetProps.ts +0 -1
- package/src/UIElement/UIElementDefinations/BaseScreenElement.ts +8 -0
package/dist/index.esm.js
CHANGED
|
@@ -154,15 +154,15 @@ const CellRenderer = ({ colIndex, rowIndex, colSpan, rowSpan, placeSelf, widgetS
|
|
|
154
154
|
if (rowIndex && rowSpan) {
|
|
155
155
|
styles = Object.assign(Object.assign({}, styles), { gridRow: `${rowIndex} / span ${rowSpan} ` });
|
|
156
156
|
}
|
|
157
|
-
return (jsx("div", Object.assign({ id: (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.id) || "", className: (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || "", style: styles }, { children: children.map((element) => (jsx(ScreenElementRenderer, { screenUIElement: element, isCompletedSetup: isCompletedSetup, eventService: eventService }, element.id))) })));
|
|
157
|
+
return (jsx("div", Object.assign({ id: (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.id) || "", className: (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || "", "data-prc-col-important": (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.important) ? (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || undefined : undefined, style: styles }, { children: children.map((element) => (jsx(ScreenElementRenderer, { screenUIElement: element, isCompletedSetup: isCompletedSetup, eventService: eventService }, element.id))) })));
|
|
158
158
|
};
|
|
159
159
|
|
|
160
160
|
const GenericLayoutRenderer = ({ numOfColumns, noOfRows, columnGap, rowGap, placeItems, placeContent, cells, widgetStyle, isCompletedSetup, eventService, }) => {
|
|
161
|
-
return (jsx("div", Object.assign({ id: (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.id) || "", className: `${(widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || ""}`, style: Object.assign(Object.assign({}, ((widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.inline) || {})), { display: "grid", gridColumnGap: `${columnGap}px`, gridRowGap: `${rowGap}px`, gridTemplateColumns: `repeat(${numOfColumns}, 1fr)`, gridTemplateRows: `repeat(${noOfRows}, 1fr)`, placeItems: placeItems, placeContent: placeContent }) }, { children: cells === null || cells === void 0 ? void 0 : cells.map((cell) => (jsx(CellRenderer, Object.assign({}, cell, { isCompletedSetup: isCompletedSetup, eventService: eventService }), cell.id))) })));
|
|
161
|
+
return (jsx("div", Object.assign({ id: (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.id) || "", className: `${(widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || ""}`, "data-prc-col-important": (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.important) ? (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || undefined : undefined, style: Object.assign(Object.assign({}, ((widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.inline) || {})), { display: "grid", gridColumnGap: `${columnGap}px`, gridRowGap: `${rowGap}px`, gridTemplateColumns: `repeat(${numOfColumns}, 1fr)`, gridTemplateRows: `repeat(${noOfRows}, 1fr)`, placeItems: placeItems, placeContent: placeContent }) }, { children: cells === null || cells === void 0 ? void 0 : cells.map((cell) => (jsx(CellRenderer, Object.assign({}, cell, { isCompletedSetup: isCompletedSetup, eventService: eventService }), cell.id))) })));
|
|
162
162
|
};
|
|
163
163
|
|
|
164
164
|
const LayoutRenderer$1 = ({ columnGap, rowGap, placeItems, placeContent, cells, gridTemplateColumns, gridTemplateRows, widgetStyle, isCompletedSetup, eventService, }) => {
|
|
165
|
-
return (jsx("div", Object.assign({ id: (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.id) || "", className: `${(widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || ""}`, style: Object.assign(Object.assign({}, ((widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.inline) || {})), { display: "grid", gridColumnGap: `${columnGap}`, gridRowGap: `${rowGap}`, gridTemplateColumns: gridTemplateColumns, gridTemplateRows: gridTemplateRows, placeItems: placeItems, placeContent: placeContent }) }, { children: cells === null || cells === void 0 ? void 0 : cells.map((cell) => (jsx(CellRenderer, Object.assign({}, cell, { isCompletedSetup: isCompletedSetup, eventService: eventService }), cell.id))) })));
|
|
165
|
+
return (jsx("div", Object.assign({ id: (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.id) || "", className: `${(widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || ""}`, "data-prc-col-important": (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.important) ? (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || undefined : undefined, style: Object.assign(Object.assign({}, ((widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.inline) || {})), { display: "grid", gridColumnGap: `${columnGap}`, gridRowGap: `${rowGap}`, gridTemplateColumns: gridTemplateColumns, gridTemplateRows: gridTemplateRows, placeItems: placeItems, placeContent: placeContent }) }, { children: cells === null || cells === void 0 ? void 0 : cells.map((cell) => (jsx(CellRenderer, Object.assign({}, cell, { isCompletedSetup: isCompletedSetup, eventService: eventService }), cell.id))) })));
|
|
166
166
|
};
|
|
167
167
|
|
|
168
168
|
const LayoutRenderer = ({ columnGap, rowGap, placeItems, placeContent, cells, gridTemplateColumns, gridTemplateRows, widgetStyle, isCompletedSetup, eventService, }) => {
|
|
@@ -189,7 +189,7 @@ const LayOutRenderer = ({ layout, isCompletedSetup, eventService, }) => {
|
|
|
189
189
|
|
|
190
190
|
function Container({ id, children = [], widgetStyle, toolTip, label, helperText, disabled, isCompletedSetup, eventService, }) {
|
|
191
191
|
var _a, _b, _c;
|
|
192
|
-
return (jsx("div", Object.assign({ id: (_a = widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.id) !== null && _a !== void 0 ? _a : "", className: `${(_b = widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) !== null && _b !== void 0 ? _b : ""}`, style: Object.assign({}, ((_c = widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.inline) !== null && _c !== void 0 ? _c : {})) }, { children: children.map((element) => (jsx(ScreenElementRenderer, { screenUIElement: element, isCompletedSetup: isCompletedSetup, eventService: eventService }, element.id))) })));
|
|
192
|
+
return (jsx("div", Object.assign({ id: (_a = widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.id) !== null && _a !== void 0 ? _a : "", className: `${(_b = widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) !== null && _b !== void 0 ? _b : ""}`, "data-prc-col-important": (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.important) ? (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || undefined : undefined, style: Object.assign({}, ((_c = widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.inline) !== null && _c !== void 0 ? _c : {})) }, { children: children.map((element) => (jsx(ScreenElementRenderer, { screenUIElement: element, isCompletedSetup: isCompletedSetup, eventService: eventService }, element.id))) })));
|
|
193
193
|
}
|
|
194
194
|
|
|
195
195
|
const ContainerRenderer = (props) => {
|
|
@@ -19348,7 +19348,7 @@ const useWidgetProps = (schemaElementProps, viewModel, validation, eventService,
|
|
|
19348
19348
|
return;
|
|
19349
19349
|
}
|
|
19350
19350
|
const events = getEvents();
|
|
19351
|
-
setWidgetProps(Object.assign(Object.assign(Object.assign(Object.assign({}, schemaElementProps), { id: schemaElementProps === null || schemaElementProps === void 0 ? void 0 : schemaElementProps.id, value: getScreenDataFieldValue(), listData: getSupportiveDataFieldValue(), uiElementGroupData: getUiElementGroupData(), validations: getValidationProperty(), eventService: eventService, viewModel: viewModel
|
|
19351
|
+
setWidgetProps(Object.assign(Object.assign(Object.assign(Object.assign({}, schemaElementProps), { id: schemaElementProps === null || schemaElementProps === void 0 ? void 0 : schemaElementProps.id, value: getScreenDataFieldValue(), listData: getSupportiveDataFieldValue(), uiElementGroupData: getUiElementGroupData(), validations: getValidationProperty(), eventService: eventService, viewModel: viewModel }), events), { dynamicEvents: events }));
|
|
19352
19352
|
};
|
|
19353
19353
|
const getEvents = () => {
|
|
19354
19354
|
if (!(schemaElementProps === null || schemaElementProps === void 0 ? void 0 : schemaElementProps.events))
|
|
@@ -19432,7 +19432,7 @@ const useWidgetProps = (schemaElementProps, viewModel, validation, eventService,
|
|
|
19432
19432
|
};
|
|
19433
19433
|
|
|
19434
19434
|
const Widget = ({ schemaElementProps, viewModel, validation, navigate, eventService, }) => {
|
|
19435
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
19435
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
19436
19436
|
const widgetProps = useWidgetProps(schemaElementProps, viewModel, validation, eventService, navigate);
|
|
19437
19437
|
const standardWidgets = (_a = AppDependenceyProvider.getInstance()
|
|
19438
19438
|
.getWidgetProvider()) === null || _a === void 0 ? void 0 : _a.getWidgets();
|
|
@@ -19440,9 +19440,23 @@ const Widget = ({ schemaElementProps, viewModel, validation, navigate, eventServ
|
|
|
19440
19440
|
.getTempleteWidgetProvider()) === null || _b === void 0 ? void 0 : _b.getWidgets();
|
|
19441
19441
|
const customWidgets = (_c = AppDependenceyProvider.getInstance()
|
|
19442
19442
|
.getCustomWidgetProvider()) === null || _c === void 0 ? void 0 : _c.getWidgets();
|
|
19443
|
-
|
|
19443
|
+
let WidgetComponent;
|
|
19444
|
+
const targetFactory = widgetProps.targetWidgetFactory;
|
|
19445
|
+
if (targetFactory === "CUSTOM") {
|
|
19446
|
+
WidgetComponent = (_d = customWidgets === null || customWidgets === void 0 ? void 0 : customWidgets.get) === null || _d === void 0 ? void 0 : _d.call(customWidgets, widgetProps.widgetType);
|
|
19447
|
+
}
|
|
19448
|
+
else if (targetFactory === "TEMPLATE") {
|
|
19449
|
+
WidgetComponent = (_e = templateWidgets === null || templateWidgets === void 0 ? void 0 : templateWidgets.get) === null || _e === void 0 ? void 0 : _e.call(templateWidgets, widgetProps.widgetType);
|
|
19450
|
+
}
|
|
19451
|
+
else if (targetFactory === "DEFAULT") {
|
|
19452
|
+
WidgetComponent = (_f = standardWidgets === null || standardWidgets === void 0 ? void 0 : standardWidgets.get) === null || _f === void 0 ? void 0 : _f.call(standardWidgets, widgetProps.widgetType);
|
|
19453
|
+
}
|
|
19444
19454
|
if (!WidgetComponent) {
|
|
19445
|
-
|
|
19455
|
+
WidgetComponent =
|
|
19456
|
+
(_k = (_h = (_g = customWidgets === null || customWidgets === void 0 ? void 0 : customWidgets.get) === null || _g === void 0 ? void 0 : _g.call(customWidgets, widgetProps.widgetType)) !== null && _h !== void 0 ? _h : (_j = templateWidgets === null || templateWidgets === void 0 ? void 0 : templateWidgets.get) === null || _j === void 0 ? void 0 : _j.call(templateWidgets, widgetProps.widgetType)) !== null && _k !== void 0 ? _k : (_l = standardWidgets === null || standardWidgets === void 0 ? void 0 : standardWidgets.get) === null || _l === void 0 ? void 0 : _l.call(standardWidgets, widgetProps.widgetType);
|
|
19457
|
+
}
|
|
19458
|
+
if (!WidgetComponent) {
|
|
19459
|
+
return (jsx(Skeleton, { className: "", skeletonType: (_m = schemaElementProps.skeletonType) !== null && _m !== void 0 ? _m : "", value: "LOADING..." }));
|
|
19446
19460
|
}
|
|
19447
19461
|
return (jsx(WidgetComponent, Object.assign({}, widgetProps, { availableValidations: schemaElementProps.validations })));
|
|
19448
19462
|
};
|
|
@@ -19487,17 +19501,17 @@ const IteratorRenderer = ({ childProps, screenDataField, isCompletedSetup, event
|
|
|
19487
19501
|
const FormRenderer = ({ children = [], events = {}, widgetStyle, toolTip, label, helperText, disabled, method = "post", isCompletedSetup, eventService, }) => {
|
|
19488
19502
|
return (jsx("form", Object.assign({ encType: "multipart/form-data", method: method, autoComplete: "off", autoFocus: true, onSubmit: (e) => {
|
|
19489
19503
|
e.preventDefault();
|
|
19490
|
-
}, className: (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || "", id: (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.id) || "", style: Object.assign({}, ((widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.inline) || {})) }, { children: children.map((element) => (jsx(ScreenElementRenderer, { screenUIElement: Object.assign({}, element), isCompletedSetup: isCompletedSetup, eventService: eventService }, element.id))) })));
|
|
19504
|
+
}, className: (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || "", "data-prc-col-important": (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.important) ? (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || undefined : undefined, id: (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.id) || "", style: Object.assign({}, ((widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.inline) || {})) }, { children: children.map((element) => (jsx(ScreenElementRenderer, { screenUIElement: Object.assign({}, element), isCompletedSetup: isCompletedSetup, eventService: eventService }, element.id))) })));
|
|
19491
19505
|
};
|
|
19492
19506
|
|
|
19493
19507
|
const Drawer = ({ children, applicableOn, id, overlay, widgetStyle, toolTip, label, helperText, disabled, isCompletedSetup, eventService, }) => {
|
|
19494
19508
|
var _a, _b, _c;
|
|
19495
|
-
return (jsx("div", Object.assign({ id: (_a = widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.id) !== null && _a !== void 0 ? _a : "", className: `prc-drawer ${(_b = widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) !== null && _b !== void 0 ? _b : ""}`, style: Object.assign({}, ((_c = widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.inline) !== null && _c !== void 0 ? _c : {})) }, { children: children === null || children === void 0 ? void 0 : children.map((element) => (jsx(ScreenElementRenderer, { screenUIElement: element, isCompletedSetup: isCompletedSetup, eventService: eventService }, element.id))) })));
|
|
19509
|
+
return (jsx("div", Object.assign({ id: (_a = widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.id) !== null && _a !== void 0 ? _a : "", className: `prc-drawer ${(_b = widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) !== null && _b !== void 0 ? _b : ""}`, "data-prc-col-important": (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.important) ? (widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.className) || undefined : undefined, style: Object.assign({}, ((_c = widgetStyle === null || widgetStyle === void 0 ? void 0 : widgetStyle.inline) !== null && _c !== void 0 ? _c : {})) }, { children: children === null || children === void 0 ? void 0 : children.map((element) => (jsx(ScreenElementRenderer, { screenUIElement: element, isCompletedSetup: isCompletedSetup, eventService: eventService }, element.id))) })));
|
|
19496
19510
|
};
|
|
19497
19511
|
|
|
19498
19512
|
const DrawerRenderer = (props) => {
|
|
19499
|
-
var _a, _b, _c, _d, _e, _f, _g;
|
|
19500
|
-
return ((_a = props.overlay) === null || _a === void 0 ? void 0 : _a.enabled) ? (jsx("div", Object.assign({ id: (_c = (_b = props.overlay.widgetStyle) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : "", style: Object.assign({}, ((_e = (_d = props.overlay.widgetStyle) === null || _d === void 0 ? void 0 : _d.inline) !== null && _e !== void 0 ? _e : {})), className: `prc-drawer-shield ${(_g = (_f = props.overlay.widgetStyle) === null || _f === void 0 ? void 0 : _f.className) !== null && _g !== void 0 ? _g : ""}
|
|
19513
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
19514
|
+
return ((_a = props.overlay) === null || _a === void 0 ? void 0 : _a.enabled) ? (jsx("div", Object.assign({ id: (_c = (_b = props.overlay.widgetStyle) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : "", style: Object.assign({}, ((_e = (_d = props.overlay.widgetStyle) === null || _d === void 0 ? void 0 : _d.inline) !== null && _e !== void 0 ? _e : {})), className: `prc-drawer-shield ${(_g = (_f = props.overlay.widgetStyle) === null || _f === void 0 ? void 0 : _f.className) !== null && _g !== void 0 ? _g : ""}`, "data-prc-col-important": ((_h = props.overlay.widgetStyle) === null || _h === void 0 ? void 0 : _h.important) ? ((_j = props.overlay.widgetStyle) === null || _j === void 0 ? void 0 : _j.className) || undefined : undefined }, { children: jsx(Drawer, Object.assign({}, props)) }))) : (jsx(Drawer, Object.assign({}, props)));
|
|
19501
19515
|
};
|
|
19502
19516
|
|
|
19503
19517
|
const renderLayout = (screenUIElement, isCompletedSetup, eventService) => (jsx(LayOutRenderer, { layout: screenUIElement, isCompletedSetup: isCompletedSetup, eventService: eventService }, screenUIElement.id));
|