procode-lowcode-core 1.0.13 → 1.0.15

package/dist/index.esm.js

@@ -154,15 +154,15 @@ const CellRenderer = ({ colIndex, rowIndex, colSpan, rowSpan, placeSelf, widgetS
     if (rowIndex && rowSpan) {
         styles = Object.assign(Object.assign({}, styles), { gridRow: `${rowIndex} / span ${rowSpan} ` });
     }
-    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))) })));
+    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))) })));
 };
 
 const GenericLayoutRenderer = ({ numOfColumns, noOfRows, columnGap, rowGap, placeItems, placeContent, cells, widgetStyle, isCompletedSetup, eventService, }) => {
-    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))) })));
+    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))) })));
 };
 
 const LayoutRenderer$1 = ({ columnGap, rowGap, placeItems, placeContent, cells, gridTemplateColumns, gridTemplateRows, widgetStyle, isCompletedSetup, eventService, }) => {
-    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))) })));
+    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))) })));
 };
 
 const LayoutRenderer = ({ columnGap, rowGap, placeItems, placeContent, cells, gridTemplateColumns, gridTemplateRows, widgetStyle, isCompletedSetup, eventService, }) => {
@@ -189,7 +189,7 @@ const LayOutRenderer = ({ layout, isCompletedSetup, eventService, }) => {
 
 function Container({ id, children = [], widgetStyle, toolTip, label, helperText, disabled, isCompletedSetup, eventService, }) {
     var _a, _b, _c;
-    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))) })));
+    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))) })));
 }
 
 const ContainerRenderer = (props) => {
@@ -453,22 +453,13 @@ class CentralService {
             configurable: true,
             writable: true,
             value: (response, responseConfig) => {
-                var _a, _b;
+                var _a;
                 const statusRelatedConfig = (responseConfig !== null && responseConfig !== void 0 ? responseConfig : {})[response === null || response === void 0 ? void 0 : response.status];
                 let errorMessage = "";
-                if ((statusRelatedConfig === null || statusRelatedConfig === void 0 ? void 0 : statusRelatedConfig.alertType) === AlertType.FIELDVALIDATION) {
-                    errorMessage = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.message;
-                    if (statusRelatedConfig === null || statusRelatedConfig === void 0 ? void 0 : statusRelatedConfig.enableMessage) {
-                        errorMessage =
-                            (statusRelatedConfig === null || statusRelatedConfig === void 0 ? void 0 : statusRelatedConfig.message) ||
-                                errorMessage ||
-                                ErrorMessageProvider.get(response.config.method, response === null || response === void 0 ? void 0 : response.status);
-                    }
-                }
-                else if (statusRelatedConfig === null || statusRelatedConfig === void 0 ? void 0 : statusRelatedConfig.enableMessage) {
+                if (statusRelatedConfig === null || statusRelatedConfig === void 0 ? void 0 : statusRelatedConfig.enableMessage) {
                     errorMessage =
                         (statusRelatedConfig === null || statusRelatedConfig === void 0 ? void 0 : statusRelatedConfig.message) ||
-                            ((_b = response === null || response === void 0 ? void 0 : response.data) === null || _b === void 0 ? void 0 : _b.message) ||
+                            ((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.message) ||
                             ErrorMessageProvider.get(response.config.method, response === null || response === void 0 ? void 0 : response.status);
                 }
                 return errorMessage;
@@ -18869,6 +18860,37 @@ class ActionInvoker {
     }
 }
 
+const isBoundOperand = (input) => typeof input === "object" &&
+    input !== null &&
+    "valueReplacePolicy" in input;
+const resolveBoundValue = (bound, viewModel) => {
+    if (!isBoundOperand(bound))
+        return bound;
+    switch (bound.valueReplacePolicy) {
+        case ValueReplacePolicy$1.SELF:
+            return bound.value;
+        case ValueReplacePolicy$1.STATE:
+            return getValueFromNestedObject(bound.value, viewModel);
+        default:
+            return bound.value;
+    }
+};
+const BOUND_PROP_NAMES = [
+    "min",
+    "max",
+    "minDate",
+    "maxDate",
+    "minLength",
+    "maxLength",
+    "minResizeHeight",
+    "maxResizeHeight",
+    "minResizeWidth",
+    "maxResizeWidth",
+    "step",
+    "placeHolder",
+    "disabled",
+];
+
 var StandardValidationType;
 (function (StandardValidationType) {
     StandardValidationType["REQUIRED"] = "REQUIRED";
@@ -19348,7 +19370,16 @@ 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(Object.assign({}, schemaElementProps), getResolvedBoundProps()), { 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 getResolvedBoundProps = () => {
+        const resolved = {};
+        BOUND_PROP_NAMES.forEach((name) => {
+            if (name in schemaElementProps) {
+                resolved[name] = resolveBoundValue(schemaElementProps[name], viewModel);
+            }
+        });
+        return resolved;
     };
     const getEvents = () => {
         if (!(schemaElementProps === null || schemaElementProps === void 0 ? void 0 : schemaElementProps.events))
@@ -19432,7 +19463,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();
@@ -19440,9 +19471,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) {
+        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 (jsx(Skeleton, { className: "", skeletonType: (_j = schemaElementProps.skeletonType) !== null && _j !== void 0 ? _j : "", value: "LOADING..." }));
+        return (jsx(Skeleton, { className: "", skeletonType: (_m = schemaElementProps.skeletonType) !== null && _m !== void 0 ? _m : "", value: "LOADING..." }));
     }
     return (jsx(WidgetComponent, Object.assign({}, widgetProps, { availableValidations: schemaElementProps.validations })));
 };
@@ -19487,17 +19532,17 @@ const IteratorRenderer = ({ childProps, screenDataField, isCompletedSetup, event
 const FormRenderer = ({ children = [], events = {}, widgetStyle, toolTip, label, helperText, disabled, method = "post", isCompletedSetup, eventService, }) => {
     return (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) => (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) => (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 (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))) })));
+    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))) })));
 };
 
 const DrawerRenderer = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    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 : ""}` }, { children: jsx(Drawer, Object.assign({}, props)) }))) : (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) ? (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)));
 };
 
 const renderLayout = (screenUIElement, isCompletedSetup, eventService) => (jsx(LayOutRenderer, { layout: screenUIElement, isCompletedSetup: isCompletedSetup, eventService: eventService }, screenUIElement.id));
@@ -20623,5 +20668,5 @@ const coreStyles = './Assets/styles/index.scss';
 // Utility function to get styles path
 const getCoreStylesPath = () => coreStyles;
 
-export { Core$1 as Core, EventService, coreStyles, Core$1 as default, getCoreStylesPath, resolveAppPath };
+export { BOUND_PROP_NAMES, Core$1 as Core, EventService, ValueReplacePolicy$1 as ValueReplacePolicy, coreStyles, Core$1 as default, getCoreStylesPath, resolveAppPath, resolveBoundValue };
 //# sourceMappingURL=index.esm.js.map