@wavemaker-ai/react-runtime 1.0.0-rc.326 → 1.0.0-rc.328

package/components/dialogs/dialog-header/index.js

@@ -38,7 +38,7 @@ const WmDialogHeader = (props) => {
             variant,
             id: titleid,
             component: variant,
-            sx: { display: "flex", alignItems: "center" },
+            sx: { display: "flex", alignItems: "center", fontWeight: "bold" },
             className: "app-dialog-title modal-title",
             children: [
               isDialog ? iconclass && iconclass.trim() !== "" || iconurl && iconurl !== "" ? /* @__PURE__ */ jsx(

package/components/dialogs/index.js

@@ -18,11 +18,13 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { jsx } from "react/jsx-runtime";
-import React, { memo, useEffect } from "react";
+import React, { memo, useEffect, useMemo } from "react";
 import Dialog from "@mui/material/Dialog";
 import Fade from "@mui/material/Fade";
 import clsx from "clsx";
+import { useAppState } from "../../context/WidgetProvider";
 import { Box } from "@mui/material";
+import { getFragmentCssScopeClass } from "../../utils/style-utils";
 const DEFAULT_CLASS = "modal fade in";
 const FadeTransition = React.forwardRef(function FadeTransition2(props, ref) {
   return /* @__PURE__ */ jsx(
@@ -56,6 +58,16 @@ const useBodyScrollLock = (lock) => {
 const WmDialog = memo((props) => {
   const { children, className, open = false, onClose, modal = false, onTransitionEntered } = props;
   useBodyScrollLock(open);
+  const appState = useAppState();
+  const cssScopeClass = useMemo(
+    () => getFragmentCssScopeClass({
+      componentName: appState == null ? void 0 : appState.componentName,
+      name: appState == null ? void 0 : appState.name,
+      componentType: appState == null ? void 0 : appState.componentType,
+      type: appState == null ? void 0 : appState.type
+    }),
+    [appState == null ? void 0 : appState.componentName, appState == null ? void 0 : appState.name, appState == null ? void 0 : appState.componentType, appState == null ? void 0 : appState.type]
+  );
   const transitionType = FadeTransition;
   const pageRef = document.getElementsByClassName("app-page")[0] || null;
   const handleClose = (event, reason) => {
@@ -130,7 +142,7 @@ const WmDialog = memo((props) => {
           width: "var(--wm-modal-full-screen-width)"
         }, sheetPositionStyles))
       },
-      children: /* @__PURE__ */ jsx(Box, { className: clsx(className), children })
+      children: /* @__PURE__ */ jsx("div", { className: clsx(cssScopeClass), children: /* @__PURE__ */ jsx(Box, { className: clsx(className), children }) })
     })
   );
 });

package/components/input/chips/index.js

@@ -100,6 +100,10 @@ const WmChips = React.memo(
     const [uniqueKeyCounter, setUniqueKeyCounter] = useState(0);
     const [isInitialized, setIsInitialized] = useState(false);
     const backspaceArmedRef = useRef(false);
+    const chipsListRef = useRef(chipsList);
+    chipsListRef.current = chipsList;
+    const modelByValueRef = useRef(modelByValue);
+    modelByValueRef.current = modelByValue;
     const maxSizeReached = "Max size reached";
     const isFullWidth = inputwidth === "full";
     const generateStableKeyCb = useCallback(
@@ -219,7 +223,20 @@ const WmChips = React.memo(
             };
             newChipsList.push(chipObj);
           } else {
-            searchQuery2.push(val);
+            const existingChip = chipsListRef.current.find((chip) => {
+              var _a2, _b;
+              const chipModelValue = (_b = (_a2 = chip.dataObject) == null ? void 0 : _a2[datafield]) != null ? _b : chip.value;
+              return isEqual(chip.value, val) || isEqual(chipModelValue, val);
+            });
+            if (existingChip) {
+              newChipsList.push(__spreadProps(__spreadValues({}, existingChip), {
+                key: generateStableKeyCb(existingChip.value, i),
+                active: false,
+                isDuplicate: false
+              }));
+            } else {
+              searchQuery2.push(val);
+            }
           }
         });
         if (searchQuery2.length && datafield !== "All Fields") {
@@ -248,16 +265,23 @@ const WmChips = React.memo(
     const debouncedUpdateQueryModel = useMemo(() => {
       return debounce(updateQueryModel, 150);
     }, [updateQueryModel]);
+    const debouncedUpdateQueryModelRef = useRef(debouncedUpdateQueryModel);
+    useEffect(() => {
+      debouncedUpdateQueryModelRef.current = debouncedUpdateQueryModel;
+    }, [debouncedUpdateQueryModel]);
     useEffect(() => {
       if (isInitialized && datavalue !== void 0) {
-        debouncedUpdateQueryModel(datavalue);
+        if (isEqual(datavalue, modelByValueRef.current)) {
+          return;
+        }
+        debouncedUpdateQueryModelRef.current(datavalue);
       } else if (datavalue == void 0 || datavalue.length == 0) {
         setChipsList([]);
         setSearchQuery(void 0);
         setModelByValue([]);
         updateMaxSize(0);
       }
-    }, [datavalue, debouncedUpdateQueryModel]);
+    }, [datavalue, isInitialized]);
     const addItem = useCallback(
       (newItem) => {
         performAddItem(
@@ -447,7 +471,7 @@ const WmChips = React.memo(
         formEl.removeEventListener("wmformreset", handleFormReset);
       };
     }, []);
-    const renderChipsList = () => {
+    const RenderChipsList = () => {
       const sensors = useSensors(
         useSensor(PointerSensor, {
           activationConstraint: { distance: 5 }
@@ -624,7 +648,7 @@ const WmChips = React.memo(
         className: "wm-chips-root",
         ref: rootRef,
         style: __spreadValues({ width, height }, styles),
-        children: renderChipsList()
+        children: RenderChipsList()
       }
     );
   },

package/components/input/color-picker/index.js

@@ -513,8 +513,8 @@ const WmColorPicker = memo(
         window.removeEventListener("resize", updatePosition);
       };
     }, [isOpen, calculatePosition, setPickerPosition]);
-    const checkPlaceholder = () => {
-      setTimeout(() => {
+    useEffect(() => {
+      const timeoutId = setTimeout(() => {
         var _a2;
         const captionEl = (_a2 = containerRef.current) == null ? void 0 : _a2.closest(".app-composite-widget.caption-floating");
         if (captionEl && !captionEl.classList.contains("float-active")) {
@@ -523,10 +523,8 @@ const WmColorPicker = memo(
           setPlaceholder(placeholder);
         }
       }, 100);
-    };
-    useEffect(() => {
-      checkPlaceholder();
-    }, [inputValue, isInteractingWithPicker]);
+      return () => clearTimeout(timeoutId);
+    }, [inputValue, isInteractingWithPicker, placeholder]);
     return /* @__PURE__ */ jsxs(
       Box,
       {

package/components/input/epoch/date/index.js

@@ -69,7 +69,7 @@ const WmDate = forwardRef((props, ref) => {
     onMouseEnter,
     onMouseLeave,
     onBeforeload,
-    placeholder = "Select Date",
+    placeholder = "Select date",
     tabindex = 0,
     datepattern: datepatternProp,
     outputformat = "yyyy-MM-dd",

package/components/input/select/index.js

@@ -47,7 +47,7 @@ const WmSelect = React.memo(
       name,
       styles,
       orderby,
-      placeholder,
+      placeholder = "Select value",
       readonly = false,
       required = false,
       shortcutkey,
@@ -334,7 +334,7 @@ const WmSelect = React.memo(
       }
       prevComputedValueRef.current = currentValue;
     }, [computedSelectValue, multiple, listener, props.fieldName, name, localDatavalue]);
-    return /* @__PURE__ */ jsx("div", { className: clsx(DEFAULT_CLASS, className), hidden: props.hidden, children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx("div", { className: clsx(DEFAULT_CLASS, className), hidden: props.hidden, style: styles, children: /* @__PURE__ */ jsxs(
       NativeSelect,
       __spreadProps(__spreadValues({
         name,
@@ -367,8 +367,7 @@ const WmSelect = React.memo(
           "aria-readonly": readonly,
           className: `app-select ${className} ${DEFAULT_CLASS}  form-control ng-valid ng-touched ng-dirty wm-app `,
           accessKey: shortcutkey,
-          title: hint,
-          style: styles
+          title: hint
         },
         readOnly: readonly,
         children: [

package/components/input/text/index.js

@@ -369,13 +369,14 @@ const WmText = memo(
         autoFocus: autofocus,
         disabled,
         required,
-        placeholder: placeholder != null ? placeholder : "Enter text",
+        placeholder: placeholder != null ? placeholder : "Enter value",
         value: sanitizeInputValue(displayValue),
         type,
         inputRef: ref,
         error: displayError,
         "aria-readonly": readonly,
         helperText: supportingtext || void 0,
+        style: styles,
         className: clsx(
           "app-input-wrapper",
           isTouched ? "ng-touched" : "ng-untouched",
@@ -443,7 +444,6 @@ const WmText = memo(
               isTouched ? "ng-touched" : "ng-untouched",
               displayError && "ng-invalid"
             ),
-            style: styles,
             "aria-label": arialabel,
             maxLength: maxchars,
             pattern: regexp,

package/components/input/textarea/index.js

@@ -14,6 +14,18 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import { Fragment, jsx } from "react/jsx-runtime";
 import { memo, useEffect, useRef, useState, useCallback, useMemo } from "react";
 import clsx from "clsx";
@@ -133,13 +145,22 @@ const WmTextarea = memo(
         }
       }
     }, [datavalue, isDirty, validateInput]);
+    useEffect(() => {
+      var _a2, _b;
+      const shadowTextarea = (_b = (_a2 = textareaRef.current) == null ? void 0 : _a2.closest(".wm-textarea-root")) == null ? void 0 : _b.querySelector('textarea[aria-hidden="true"]');
+      if (readonly) {
+        shadowTextarea == null ? void 0 : shadowTextarea.setAttribute("readonly", "");
+      } else {
+        shadowTextarea == null ? void 0 : shadowTextarea.removeAttribute("readonly");
+      }
+    }, [readonly]);
     useEffect(() => {
       if (!shortcutkey) return;
       const handleGlobalKeyDown = (e) => {
-        var _a;
+        var _a2;
         if (e.altKey && e.key.toLowerCase() === shortcutkey.toLowerCase()) {
           e.preventDefault();
-          (_a = textareaRef.current) == null ? void 0 : _a.focus();
+          (_a2 = textareaRef.current) == null ? void 0 : _a2.focus();
         }
       };
       window.addEventListener("keydown", handleGlobalKeyDown);
@@ -154,11 +175,11 @@ const WmTextarea = memo(
       [limitdisplaytext, maxchars, debouncedCharLengthUpdate]
     );
     const characterCountText = useMemo(
-      () => maxchars ? resolveCharacterCountText(maxchars, displayValue, limitdisplaytext) : void 0,
+      () => maxchars && limitdisplaytext ? resolveCharacterCountText(maxchars, displayValue, limitdisplaytext) : void 0,
       [maxchars, displayValue, limitdisplaytext]
     );
     const handleInputChange = useCallback((event) => {
-      var _a;
+      var _a2;
       const newValue = event.target.value;
       valueRef.current = newValue;
       setDisplayValue(newValue);
@@ -168,7 +189,7 @@ const WmTextarea = memo(
         debouncedUpdate(newValue);
       }
       if (onKeypress) {
-        onKeypress(event, (_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name]);
+        onKeypress(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
       }
       setTimeout(() => {
         isInternalUpdate.current = false;
@@ -176,7 +197,7 @@ const WmTextarea = memo(
     }, []);
     const handleBlur = useCallback(
       (event) => {
-        var _a;
+        var _a2;
         if (readonly || disabled) {
           return;
         }
@@ -194,7 +215,7 @@ const WmTextarea = memo(
           setIsDirty(false);
         }
         if (onBlur) {
-          onBlur(event, (_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name]);
+          onBlur(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
         }
         setTimeout(() => {
           isInternalUpdate.current = false;
@@ -204,9 +225,9 @@ const WmTextarea = memo(
     );
     const handleFocus = useCallback(
       (event) => {
-        var _a;
+        var _a2;
         if (onFocus) {
-          onFocus(event, (_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name]);
+          onFocus(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
         }
       },
       [onFocus, listener, name]
@@ -219,8 +240,8 @@ const WmTextarea = memo(
         }
         if (onKeydown) {
           delay(() => {
-            var _a;
-            onKeydown(event, (_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name]);
+            var _a2;
+            onKeydown(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
           }, 0);
         }
       },
@@ -230,8 +251,8 @@ const WmTextarea = memo(
       (event) => {
         if (onKeyup) {
           delay(() => {
-            var _a;
-            onKeyup(event, (_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name]);
+            var _a2;
+            onKeyup(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
           }, 0);
         }
       },
@@ -256,6 +277,8 @@ const WmTextarea = memo(
     } : {});
     const value = sanitizeInputValue(displayValue);
     const isEditable = !readonly && !disabled;
+    const _a = styles || {}, { height: styleHeight } = _a, rootStyles = __objRest(_a, ["height"]);
+    const textareaHeight = !styleHeight ? void 0 : typeof styleHeight === "number" ? `${styleHeight}px` : String(styleHeight);
     return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
       TextField,
       __spreadValues({
@@ -276,7 +299,7 @@ const WmTextarea = memo(
           isTouched ? "ng-touched" : "ng-untouched",
           isDirty && "ng-invalid"
         ),
-        style: styles,
+        style: rootStyles,
         "aria-readonly": readonly,
         helperText: characterCountText,
         slotProps: {
@@ -299,7 +322,7 @@ const WmTextarea = memo(
               isDirty && "ng-invalid",
               isEditable ? "wm-textarea-editable" : ""
             ),
-            style: __spreadValues({}, styles.height ? { "--wm-textarea-height": `${styles.height}` } : {}),
+            style: __spreadValues({}, textareaHeight ? { "--wm-textarea-height": textareaHeight } : {}),
             pattern: regexp
           }
         },
@@ -320,7 +343,9 @@ const WmTextarea = memo(
       "autofocus",
       "arialabel",
       "limitdisplaytext",
-      "hidden"
+      "hidden",
+      "styles",
+      "className"
     ];
     return keys.every((key) => prev[key] === current[key]);
   }

package/components/navbar/nav/index.js

@@ -61,14 +61,19 @@ const WmNav = memo(
     }, [dataset, orderby]);
     const triggerActionClickForAnchor = (e, item) => {
       e == null ? void 0 : e.preventDefault();
+      const navigate = () => {
+        triggerItemAction({
+          label: getItemLabel(item),
+          link: item[props.itemlink || "link"],
+          target: item[props.itemtarget]
+        });
+      };
       if (props.onSelect) {
         props.onSelect(e, props, item);
+        setTimeout(navigate, 0);
+      } else {
+        navigate();
       }
-      triggerItemAction({
-        label: getItemLabel(item),
-        link: item[props.itemlink || "link"],
-        target: item[props.itemtarget]
-      });
     };
     const getItemLabel = (item) => {
       const { itemlabel } = props;

package/components/navigation/breadcrumb/index.js

@@ -3,6 +3,7 @@ import clsx from "clsx";
 import Link from "next/link";
 import withDatasetAwareNavigation from "../../../higherOrder/DataNav";
 import withBaseWrapper from "../../../higherOrder/withBaseWrapper";
+import { WmAppIcon } from "../../common/WmAppIcon";
 const BreadCrumb = (props) => {
   const { className, onBeforenavigate, itemtarget, navNodes = [] } = props;
   function handleBeforeNavigate(e, node) {
@@ -11,7 +12,7 @@ const BreadCrumb = (props) => {
     }
   }
   const renderNavItem = (node, index, isLast = false) => /* @__PURE__ */ jsx("li", { className: clsx(node.class, { active: isLast }), children: /* @__PURE__ */ jsxs(Fragment, { children: [
-    node.icon ? /* @__PURE__ */ jsx("i", { className: node.icon }) : /* @__PURE__ */ jsx("i", {}),
+    node.icon && /* @__PURE__ */ jsx(WmAppIcon, { icon: node.icon }),
     !isLast ? /* @__PURE__ */ jsx(
       Link,
       {

package/components/navigation/popover/index.js

@@ -18,7 +18,15 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useRef, useState, useEffect, useMemo, Suspense, useCallback, useLayoutEffect } from "react";
+import {
+  useRef,
+  useState,
+  useEffect,
+  useMemo,
+  Suspense,
+  useCallback,
+  useLayoutEffect
+} from "react";
 import clsx from "clsx";
 import debounce from "lodash-es/debounce";
 import Popover from "@mui/material/Popover";

package/components/page/page-content/index.js

@@ -1,25 +1,45 @@
 "use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useAppState } from "../../../context/WidgetProvider";
 import { getCurrentPath } from "../../../core/util/utils";
 const DEFAULT_CLASS = "app-page-content app-content-column";
 function WmPageContent(props) {
-  const { className, columnwidth, styles, layoutClassName } = props;
+  const { className, columnwidth, styles, layoutClassName, direction } = props;
   const appState = useAppState();
   const pageName = ((appState == null ? void 0 : appState.componentName) || (appState == null ? void 0 : appState.name) || getCurrentPath().split("/").pop() || "").toLowerCase();
   return /* @__PURE__ */ jsx("div", { className: "app-content-column-wrapper", children: /* @__PURE__ */ jsx("div", { className: clsx(pageName && `app-page-${pageName}`), style: { display: "inline" }, children: /* @__PURE__ */ jsx(
     "div",
-    {
+    __spreadProps(__spreadValues({
       style: styles,
       className: clsx(
         DEFAULT_CLASS,
         className,
         `col-sm-${columnwidth} col-md-${columnwidth}`,
         layoutClassName
-      ),
+      )
+    }, direction ? { direction } : {}), {
       children: props.children
-    }
+    })
   ) }) });
 }
 WmPageContent.displayName = "WmPageContent";

package/components/page/page-content/props.d.ts

@@ -9,6 +9,7 @@ export interface PageContentProps {
      * Utility layout classes from Studio Auto Layout (merged on the page-content root).
      */
     layoutClassName?: string;
+    direction?: string;
 }
 /**
  * Combined props for the WmPageContent component, including base WaveMaker props.

package/components/page/partial-container/index.js

@@ -70,7 +70,7 @@ const CodegenPartialContainer = memo((props) => {
     const partial = partials.find((p) => p.name === content);
     return partial ? React.createElement(partial.component, __spreadProps(__spreadValues({}, params), { onLoad: handleOnLoad })) : null;
   };
-  return /* @__PURE__ */ jsx("div", { className: clsx(content && `app-partial-${content.toLowerCase()}`), children: /* @__PURE__ */ jsx(Container, { className: "partial-container", children: contentToRender() }) });
+  return /* @__PURE__ */ jsx("div", { className: clsx(content && `app-partial-${content.toLowerCase()}`), children: /* @__PURE__ */ jsx(Container, { className: "partial-container", style: { height: "inherit" }, children: contentToRender() }) });
 }, arePropsEqual);
 CodegenPartialContainer.displayName = "WmPartialContainer";
 const WmPartialContainer = memo((props) => {

package/components/wmx/WmxRenderer.d.ts

@@ -0,0 +1,8 @@
+import { BaseProps } from "@wavemaker-ai/react-runtime/higherOrder/props";
+type WmxRendererProps = {
+    componentname: string;
+    field?: boolean;
+};
+type WmxRendererExtendedProps = WmxRendererProps & BaseProps;
+declare const WmxRenderer: (props: WmxRendererExtendedProps) => import("react/jsx-runtime").JSX.Element;
+export default WmxRenderer;

package/components/wmx/WmxRenderer.js

@@ -0,0 +1,57 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { getWmxModule } from "../../utils/wmx.utils";
+import withFormController from "../data/form/form-controller/withFormController";
+import withBaseWrapper from "../../higherOrder/withBaseWrapper";
+const WmxRenderer = (props) => {
+  var _b;
+  const _a = props, { componentname, field } = _a, restProps = __objRest(_a, ["componentname", "field"]);
+  const wmxModule = getWmxModule();
+  const RawComponent = (_b = wmxModule == null ? void 0 : wmxModule[`Wmx${componentname}`]) != null ? _b : null;
+  const FormFieldComponent = useMemo(
+    () => RawComponent ? withBaseWrapper(withFormController(RawComponent)) : null,
+    [RawComponent]
+  );
+  const BaseWrappedComponent = useMemo(
+    () => RawComponent ? withBaseWrapper(RawComponent) : null,
+    [RawComponent]
+  );
+  if (!wmxModule || !RawComponent || !FormFieldComponent || !BaseWrappedComponent) return null;
+  const isFormField = String(field) === "true";
+  if (isFormField) {
+    return /* @__PURE__ */ jsx(FormFieldComponent, __spreadValues({ componentname }, restProps));
+  }
+  return /* @__PURE__ */ jsx(BaseWrappedComponent, __spreadValues({ componentname }, restProps));
+};
+var WmxRenderer_default = WmxRenderer;
+export {
+  WmxRenderer_default as default
+};

package/core/appstore.js

@@ -43,7 +43,7 @@ const appstore = {
 };
 if (!appstore.I18nService.get()) {
   appstore.I18nService.set({
-    selectedLocale: getSessionLocaleSafe() || "en",
+    selectedLocale: "en",
     messages: {},
     getSelectedLocale: function() {
       try {

package/core/util/index.d.ts

@@ -38,8 +38,6 @@ export declare const getSessionStorageItem: (key: string) => any;
 export declare const getSessionLocaleSafe: () => string | undefined;
 export declare const getTimezone: () => string;
 export declare const formatMessage: (fragment: any, expression: string) => any;
-/** Angular parity: same appLocale object, swap message keys in place so bindings stay valid. */
-export declare function syncLocaleMessages(target: Record<string, any> | undefined, messages: Record<string, any>): boolean;
 export declare function reload(): void;
 export declare const toNumber: (value: any) => number;
 export declare const _get: {

package/core/util/index.js

@@ -93,34 +93,6 @@ const formatMessage = (fragment, expression) => {
   const path = `appLocale.${expression}`;
   return has(fragment, path) ? get(fragment, path) : void 0;
 };
-function syncLocaleMessages(target, messages) {
-  if (!target || typeof target !== "object") {
-    return false;
-  }
-  let synced = true;
-  Object.keys(target).forEach((key) => {
-    if (!(key in messages)) {
-      try {
-        delete target[key];
-      } catch (e) {
-        synced = false;
-      }
-    }
-  });
-  Object.keys(messages).forEach((key) => {
-    try {
-      const descriptor = Object.getOwnPropertyDescriptor(target, key);
-      if (descriptor && !descriptor.configurable && !descriptor.writable) {
-        synced = false;
-        return;
-      }
-      target[key] = messages[key];
-    } catch (e) {
-      synced = false;
-    }
-  });
-  return synced;
-}
 function reload() {
   window.location.reload();
 }
@@ -216,7 +188,6 @@ export {
   reload,
   replace,
   setSessionStorageItem,
-  syncLocaleMessages,
   toBoolean,
   toNumber
 };