procode-lowcode-core 1.0.13 → 1.0.14

package/dist/index.js

@@ -158,15 +158,15 @@ const CellRenderer = ({ colIndex, rowIndex, colSpan, rowSpan, placeSelf, widgetS
     if (rowIndex && rowSpan) {
         styles = Object.assign(Object.assign({}, styles), { gridRow: `${rowIndex} / span ${rowSpan} ` });
     }
-    return (jsxRuntime.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) => (jsxRuntime.jsx(ScreenElementRenderer, { screenUIElement: element, isCompletedSetup: isCompletedSetup, eventService: eventService }, element.id))) })));
+    return (jsxRuntime.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) => (jsxRuntime.jsx(ScreenElementRenderer, { screenUIElement: element, isCompletedSetup: isCompletedSetup, eventService: eventService }, element.id))) })));
 };
 
 const GenericLayoutRenderer = ({ numOfColumns, noOfRows, columnGap, rowGap, placeItems, placeContent, cells, widgetStyle, isCompletedSetup, eventService, }) => {
-    return (jsxRuntime.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) => (jsxRuntime.jsx(CellRenderer, Object.assign({}, cell, { isCompletedSetup: isCompletedSetup, eventService: eventService }), cell.id))) })));
+    return (jsxRuntime.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) => (jsxRuntime.jsx(CellRenderer, Object.assign({}, cell, { isCompletedSetup: isCompletedSetup, eventService: eventService }), cell.id))) })));
 };
 
 const LayoutRenderer$1 = ({ columnGap, rowGap, placeItems, placeContent, cells, gridTemplateColumns, gridTemplateRows, widgetStyle, isCompletedSetup, eventService, }) => {
-    return (jsxRuntime.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) => (jsxRuntime.jsx(CellRenderer, Object.assign({}, cell, { isCompletedSetup: isCompletedSetup, eventService: eventService }), cell.id))) })));
+    return (jsxRuntime.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) => (jsxRuntime.jsx(CellRenderer, Object.assign({}, cell, { isCompletedSetup: isCompletedSetup, eventService: eventService }), cell.id))) })));
 };
 
 const LayoutRenderer = ({ columnGap, rowGap, placeItems, placeContent, cells, gridTemplateColumns, gridTemplateRows, widgetStyle, isCompletedSetup, eventService, }) => {
@@ -193,7 +193,7 @@ const LayOutRenderer = ({ layout, isCompletedSetup, eventService, }) => {
 
 function Container({ id, children = [], widgetStyle, toolTip, label, helperText, disabled, isCompletedSetup, eventService, }) {
     var _a, _b, _c;
-    return (jsxRuntime.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) => (jsxRuntime.jsx(ScreenElementRenderer, { screenUIElement: element, isCompletedSetup: isCompletedSetup, eventService: eventService }, element.id))) })));
+    return (jsxRuntime.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) => (jsxRuntime.jsx(ScreenElementRenderer, { screenUIElement: element, isCompletedSetup: isCompletedSetup, eventService: eventService }, element.id))) })));
 }
 
 const ContainerRenderer = (props) => {
@@ -19352,7 +19352,7 @@ const useWidgetProps = (schemaElementProps, viewModel, validation, eventService,
             return;
         }
         const events = getEvents();
-        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, "sssss": "ss" }), events), { dynamicEvents: events }));
+        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 }));
     };
     const getEvents = () => {
         if (!(schemaElementProps === null || schemaElementProps === void 0 ? void 0 : schemaElementProps.events))
@@ -19436,7 +19436,7 @@ const useWidgetProps = (schemaElementProps, viewModel, validation, eventService,
 };
 
 const Widget = ({ schemaElementProps, viewModel, validation, navigate, eventService, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     const widgetProps = useWidgetProps(schemaElementProps, viewModel, validation, eventService, navigate);
     const standardWidgets = (_a = AppDependenceyProvider.getInstance()
         .getWidgetProvider()) === null || _a === void 0 ? void 0 : _a.getWidgets();
@@ -19444,9 +19444,23 @@ const Widget = ({ schemaElementProps, viewModel, validation, navigate, eventServ
         .getTempleteWidgetProvider()) === null || _b === void 0 ? void 0 : _b.getWidgets();
     const customWidgets = (_c = AppDependenceyProvider.getInstance()
         .getCustomWidgetProvider()) === null || _c === void 0 ? void 0 : _c.getWidgets();
-    const WidgetComponent = (_g = (_e = (_d = customWidgets === null || customWidgets === void 0 ? void 0 : customWidgets.get) === null || _d === void 0 ? void 0 : _d.call(customWidgets, widgetProps.widgetType)) !== null && _e !== void 0 ? _e : (_f = templateWidgets === null || templateWidgets === void 0 ? void 0 : templateWidgets.get) === null || _f === void 0 ? void 0 : _f.call(templateWidgets, widgetProps.widgetType)) !== null && _g !== void 0 ? _g : (_h = standardWidgets === null || standardWidgets === void 0 ? void 0 : standardWidgets.get) === null || _h === void 0 ? void 0 : _h.call(standardWidgets, widgetProps.widgetType);
+    let WidgetComponent;
+    const targetFactory = widgetProps.targetWidgetFactory;
+    if (targetFactory === "CUSTOM") {
+        WidgetComponent = (_d = customWidgets === null || customWidgets === void 0 ? void 0 : customWidgets.get) === null || _d === void 0 ? void 0 : _d.call(customWidgets, widgetProps.widgetType);
+    }
+    else if (targetFactory === "TEMPLATE") {
+        WidgetComponent = (_e = templateWidgets === null || templateWidgets === void 0 ? void 0 : templateWidgets.get) === null || _e === void 0 ? void 0 : _e.call(templateWidgets, widgetProps.widgetType);
+    }
+    else if (targetFactory === "DEFAULT") {
+        WidgetComponent = (_f = standardWidgets === null || standardWidgets === void 0 ? void 0 : standardWidgets.get) === null || _f === void 0 ? void 0 : _f.call(standardWidgets, widgetProps.widgetType);
+    }
     if (!WidgetComponent) {
-        return (jsxRuntime.jsx(Skeleton, { className: "", skeletonType: (_j = schemaElementProps.skeletonType) !== null && _j !== void 0 ? _j : "", value: "LOADING..." }));
+        WidgetComponent =
+            (_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);
+    }
+    if (!WidgetComponent) {
+        return (jsxRuntime.jsx(Skeleton, { className: "", skeletonType: (_m = schemaElementProps.skeletonType) !== null && _m !== void 0 ? _m : "", value: "LOADING..." }));
     }
     return (jsxRuntime.jsx(WidgetComponent, Object.assign({}, widgetProps, { availableValidations: schemaElementProps.validations })));
 };
@@ -19491,17 +19505,17 @@ const IteratorRenderer = ({ childProps, screenDataField, isCompletedSetup, event
 const FormRenderer = ({ children = [], events = {}, widgetStyle, toolTip, label, helperText, disabled, method = "post", isCompletedSetup, eventService, }) => {
     return (jsxRuntime.jsx("form", Object.assign({ encType: "multipart/form-data", method: method, autoComplete: "off", autoFocus: true, onSubmit: (e) => {
             e.preventDefault();
-        }, 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) => (jsxRuntime.jsx(ScreenElementRenderer, { screenUIElement: Object.assign({}, element), isCompletedSetup: isCompletedSetup, eventService: eventService }, element.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, 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) => (jsxRuntime.jsx(ScreenElementRenderer, { screenUIElement: Object.assign({}, element), isCompletedSetup: isCompletedSetup, eventService: eventService }, element.id))) })));
 };
 
 const Drawer = ({ children, applicableOn, id, overlay, widgetStyle, toolTip, label, helperText, disabled, isCompletedSetup, eventService, }) => {
     var _a, _b, _c;
-    return (jsxRuntime.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) => (jsxRuntime.jsx(ScreenElementRenderer, { screenUIElement: element, isCompletedSetup: isCompletedSetup, eventService: eventService }, element.id))) })));
+    return (jsxRuntime.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) => (jsxRuntime.jsx(ScreenElementRenderer, { screenUIElement: element, isCompletedSetup: isCompletedSetup, eventService: eventService }, element.id))) })));
 };
 
 const DrawerRenderer = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    return ((_a = props.overlay) === null || _a === void 0 ? void 0 : _a.enabled) ? (jsxRuntime.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 : ""}` }, { children: jsxRuntime.jsx(Drawer, Object.assign({}, props)) }))) : (jsxRuntime.jsx(Drawer, Object.assign({}, props)));
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    return ((_a = props.overlay) === null || _a === void 0 ? void 0 : _a.enabled) ? (jsxRuntime.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: jsxRuntime.jsx(Drawer, Object.assign({}, props)) }))) : (jsxRuntime.jsx(Drawer, Object.assign({}, props)));
 };
 
 const renderLayout = (screenUIElement, isCompletedSetup, eventService) => (jsxRuntime.jsx(LayOutRenderer, { layout: screenUIElement, isCompletedSetup: isCompletedSetup, eventService: eventService }, screenUIElement.id));