@wavemaker-ai/react-runtime 1.0.0-rc.314 → 1.0.0-rc.319

package/components/input/default/radioset/index.d.ts

@@ -79,6 +79,8 @@ declare const WmRadiosetStandalone: React.ComponentType<import("../../../data/fo
     formfield?: boolean;
     updateon?: string;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 } & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmRadiosetStandalone as WmRadioset };
 /**
@@ -180,5 +182,7 @@ declare const _default: React.ComponentType<{
     formfield?: boolean;
     updateon?: string;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

package/components/input/default/radioset/index.js

@@ -178,12 +178,13 @@ const WmRadioset = memo(
     }, [datavalue]);
     const handleGroupClick = useCallback(
       (key, event) => {
+        var _a;
         setExpandedItems((prevState) => __spreadProps(__spreadValues({}, prevState), { [key]: !prevState[key] }));
         if (externalHandleHeaderClick && event) {
           externalHandleHeaderClick(key);
         }
         if (onClick) {
-          onClick(event, listener == null ? void 0 : listener.Widgets[name]);
+          onClick(event, (_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name]);
         }
       },
       [externalHandleHeaderClick]

package/components/input/default/switch/index.d.ts

@@ -74,6 +74,8 @@ declare const WmSwitchStandalone: React.ComponentType<import("../../../data/form
     formfield?: boolean;
     updateon?: string;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 } & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmSwitchStandalone as WmSwitch };
 /**
@@ -170,5 +172,7 @@ declare const _default: React.ComponentType<{
     formfield?: boolean;
     updateon?: string;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

package/components/input/default/switch/index.js

@@ -186,6 +186,7 @@ const useSwitch = (props) => {
   }, [selectedItem, updateHighlighter]);
   const selectOpt = useCallback(
     (event, index, option) => {
+      var _a, _b;
       event.preventDefault();
       if (disabled) return;
       const selectedValue = {
@@ -206,17 +207,17 @@ const useSwitch = (props) => {
         setDatasetItems(updatedItems);
         setModelByKey(keys);
         setModelByValue(keys.map((key) => {
-          var _a;
-          return (_a = find(updatedItems, { key })) == null ? void 0 : _a.value;
+          var _a2;
+          return (_a2 = find(updatedItems, { key })) == null ? void 0 : _a2.value;
         }));
         setSelectedItem(find(updatedItems, { selected: true }) || null);
         const datavalueArray = keys.map((key) => {
-          var _a;
-          return (_a = find(updatedItems, { key })) == null ? void 0 : _a.value;
+          var _a2;
+          return (_a2 = find(updatedItems, { key })) == null ? void 0 : _a2.value;
         });
         const displayValueArray = keys.map((key) => {
-          var _a;
-          return (_a = find(updatedItems, { key })) == null ? void 0 : _a.label;
+          var _a2;
+          return (_a2 = find(updatedItems, { key })) == null ? void 0 : _a2.label;
         });
         selectedValue.datavalue = datavalueArray;
         selectedValue.displayValue = displayValueArray;
@@ -229,10 +230,10 @@ const useSwitch = (props) => {
         if (onChange) {
           onChange(
             event,
-            listener == null ? void 0 : listener.Widgets[name],
+            (_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name],
             keys.map((key) => {
-              var _a;
-              return (_a = find(updatedItems, { key })) == null ? void 0 : _a.value;
+              var _a2;
+              return (_a2 = find(updatedItems, { key })) == null ? void 0 : _a2.value;
             }),
             keys
           );
@@ -267,7 +268,7 @@ const useSwitch = (props) => {
         if (onChange) {
           onChange(
             event,
-            listener == null ? void 0 : listener.Widgets[name],
+            (_b = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _b[name],
             selectedOption.value,
             selectedItem == null ? void 0 : selectedItem.label
           );
@@ -284,17 +285,20 @@ const useSwitch = (props) => {
     [datasetItems, disabled, multiple, onChange, onBlur, onClick, selectedItem, btnWidth, listener]
   );
   const handleOnMouseEnter = (event, option) => {
+    var _a;
     if (disabled || !onMouseEnter) return;
-    onMouseEnter(event, listener == null ? void 0 : listener.Widgets[name]);
+    onMouseEnter(event, (_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name]);
   };
   const handleOnMouseLeave = (event, option) => {
+    var _a;
     if (disabled || !onMouseLeave) return;
-    onMouseLeave(event, listener == null ? void 0 : listener.Widgets[name]);
+    onMouseLeave(event, (_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name]);
   };
   const handleOnClick = (event, index, option) => {
+    var _a;
     const selectedValue = selectOpt(event, index, option);
     if (disabled || !onClick) return;
-    onClick(event, Object.assign({}, listener == null ? void 0 : listener.Widgets[name], selectedValue));
+    onClick(event, Object.assign({}, (_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name], selectedValue));
   };
   return {
     datasetItems,

package/components/input/epoch/date/index.d.ts

@@ -60,6 +60,8 @@ declare const _default: React.ComponentType<{
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
     formControlName?: string;
     required?: boolean;
     outputformat?: string;

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

@@ -336,6 +336,7 @@ const WmDate = forwardRef((props, ref) => {
   );
   const clearDateValue = useCallback(
     (invokeOnChange2, updatePrevDatavalue2, updateBoundVariable2, setInputValue2, setSelectedDate2, setInvalidDateTimeFormat2, setDateNotInRange2) => {
+      var _a2, _b2;
       const oldValue = inputValue;
       invokeOnChange2 == null ? void 0 : invokeOnChange2("");
       updatePrevDatavalue2 == null ? void 0 : updatePrevDatavalue2("");
@@ -351,8 +352,8 @@ const WmDate = forwardRef((props, ref) => {
           timestamp: null
         }));
       }
-      if (onChange && name && ((listener == null ? void 0 : listener.Widgets[name]) || props.standalone)) {
-        onChange({}, listener == null ? void 0 : listener.Widgets[name], "", oldValue);
+      if (onChange && name && (((_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]) || props.standalone)) {
+        onChange({}, (_b2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _b2[name], "", oldValue);
       }
     },
     [name, onChange, props, inputValue]
@@ -392,6 +393,7 @@ const WmDate = forwardRef((props, ref) => {
   }, [disabled, readonly]);
   const updateDateValue = useCallback(
     (date) => {
+      var _a2, _b2, _c;
       const outputValue = formatDate(date.toDate(), outputformat);
       const displayValue = moment(date.toDate()).locale(currentLocale).format(convertToMomentFormat(datepattern));
       invokeOnChange == null ? void 0 : invokeOnChange(outputValue);
@@ -399,7 +401,7 @@ const WmDate = forwardRef((props, ref) => {
       updateBoundVariable == null ? void 0 : updateBoundVariable(outputValue);
       setInputValue(displayValue);
       const oldValue = inputValue;
-      if (name && (listener == null ? void 0 : listener.Widgets[name])) {
+      if (name && ((_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name])) {
         listener.Widgets[name].displayValue = displayValue;
       }
       if (listener == null ? void 0 : listener.onChange) {
@@ -408,10 +410,10 @@ const WmDate = forwardRef((props, ref) => {
           timestamp: formatDate(date.toDate(), "timestamp")
         }));
       }
-      if (onChange && name && ((listener == null ? void 0 : listener.Widgets[name]) || props.standalone)) {
+      if (onChange && name && (((_b2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _b2[name]) || props.standalone)) {
         onChange(
           {},
-          name && (listener == null ? void 0 : listener.Widgets[name]),
+          name && ((_c = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _c[name]),
           outputValue,
           oldValue
         );
@@ -478,6 +480,7 @@ const WmDate = forwardRef((props, ref) => {
   );
   const handleInputChange = useCallback(
     (event) => {
+      var _a2, _b2, _c, _d;
       if (dataentrymode === "picker") return;
       const value = event.target.value;
       setInputValue(value);
@@ -496,16 +499,16 @@ const WmDate = forwardRef((props, ref) => {
       const parsedDate = datepattern === "timestamp" ? moment(parseInt(value, 10)) : moment(value, convertToMomentFormat(datepattern), true);
       if (!parsedDate.isValid()) {
         handleValidationError("invalidFormat", props.required);
-        if (onChange && name && ((listener == null ? void 0 : listener.Widgets[name]) || props.standalone) && props.formfield) {
-          onChange({}, listener == null ? void 0 : listener.Widgets[name], value, inputValue);
+        if (onChange && name && (((_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]) || props.standalone) && props.formfield) {
+          onChange({}, (_b2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _b2[name], value, inputValue);
         }
         return;
       }
       setInvalidDateTimeFormat(false);
       const dateObj = parsedDate.toDate();
       if (!validateDateWithProps(dateObj)) {
-        if (onChange && name && ((listener == null ? void 0 : listener.Widgets[name]) || props.standalone) && props.formfield) {
-          onChange({}, listener == null ? void 0 : listener.Widgets[name], value, inputValue);
+        if (onChange && name && (((_c = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _c[name]) || props.standalone) && props.formfield) {
+          onChange({}, (_d = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _d[name], value, inputValue);
         }
         return;
       }
@@ -610,8 +613,9 @@ const WmDate = forwardRef((props, ref) => {
   );
   const handleInputClick = useCallback(
     (event) => {
+      var _a2;
       if (onClick && name) {
-        onClick(event, listener == null ? void 0 : listener.Widgets[name]);
+        onClick(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
       }
       if (shouldOpenOnInput && !readonly && !disabled) {
         handleIconButtonClick(event);
@@ -651,8 +655,14 @@ const WmDate = forwardRef((props, ref) => {
                 name,
                 className: `form-control app-textbox app-dateinput display-input`,
                 style: __spreadValues({}, getWidthStyle(width)),
-                onMouseEnter: (event) => onMouseEnter && name && onMouseEnter(event, listener == null ? void 0 : listener.Widgets[name]),
-                onMouseLeave: (event) => onMouseLeave && name && onMouseLeave(event, listener == null ? void 0 : listener.Widgets[name])
+                onMouseEnter: (event) => {
+                  var _a2;
+                  return onMouseEnter && name && onMouseEnter(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
+                },
+                onMouseLeave: (event) => {
+                  var _a2;
+                  return onMouseLeave && name && onMouseLeave(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
+                }
               }
             },
             InputProps: {
@@ -675,8 +685,14 @@ const WmDate = forwardRef((props, ref) => {
             onChange: handleInputChange,
             onKeyDown: handleInputKeyDown,
             onClick: handleInputClick,
-            onFocus: (event) => onFocus && name && onFocus(event, listener == null ? void 0 : listener.Widgets[name]),
-            onBlur: (event) => onBlur && name && onBlur(event, listener == null ? void 0 : listener.Widgets[name]),
+            onFocus: (event) => {
+              var _a2;
+              return onFocus && name && onFocus(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
+            },
+            onBlur: (event) => {
+              var _a2;
+              return onBlur && name && onBlur(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
+            },
             style: getWidthStyle(width)
           }
         ),

package/components/input/epoch/datetime/index.d.ts

@@ -60,6 +60,8 @@ declare const _default: React.ComponentType<{
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
     formControlName?: string;
     required?: boolean;
     outputformat?: string;

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

@@ -173,9 +173,10 @@ const WmDateTime = memo(
     );
     const handleFinalDateChange = useCallback(
       (date, event) => {
+        var _a2, _b2, _c, _d;
         if (!date) {
-          if (onChange && name && (listener == null ? void 0 : listener.Widgets[name]) && props.formfield) {
-            onChange(event, listener == null ? void 0 : listener.Widgets[name], "", displayValue);
+          if (onChange && name && ((_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]) && props.formfield) {
+            onChange(event, (_b2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _b2[name], "", displayValue);
           }
           setValidationFailureMessage("");
           setLocalDateValue(null);
@@ -197,8 +198,8 @@ const WmDateTime = memo(
           return;
         }
         if (!validateDateWithProps(date)) {
-          if (onChange && name && (listener == null ? void 0 : listener.Widgets[name]) && props.formfield && event) {
-            onChange(event, listener == null ? void 0 : listener.Widgets[name], dateString, displayValue);
+          if (onChange && name && ((_c = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _c[name]) && props.formfield && event) {
+            onChange(event, (_d = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _d[name], dateString, displayValue);
           }
           return;
         }
@@ -325,6 +326,7 @@ const WmDateTime = memo(
     }, [tempDateValue, handleFinalDateChange]);
     const handleInputChange = useCallback(
       (event) => {
+        var _a2, _b2;
         if (dataentrymode === "picker") return;
         const value = event.target.value;
         setDisplayValue(value);
@@ -344,8 +346,8 @@ const WmDateTime = memo(
             }
           } else {
             if (required) {
-              if (onChange && name && (listener == null ? void 0 : listener.Widgets[name]) && props.formfield) {
-                onChange(event, listener == null ? void 0 : listener.Widgets[name], value, displayValue);
+              if (onChange && name && ((_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]) && props.formfield) {
+                onChange(event, (_b2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _b2[name], value, displayValue);
               }
               setInvalidFormat(true);
             }
@@ -551,17 +553,19 @@ const WmDateTime = memo(
               label: floatinglabel,
               onClick: handleInputClick,
               onFocus: (event) => {
+                var _a2;
                 if (readonly || disabled || isCurrentDate) {
                   event.target.blur();
                   return;
                 }
                 if (onFocus && name) {
-                  onFocus(event, listener == null ? void 0 : listener.Widgets[name]);
+                  onFocus(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
                 }
               },
               onBlur: (event) => {
+                var _a2;
                 if (readonly) return;
-                onBlur && name && onBlur(event, listener == null ? void 0 : listener.Widgets[name]);
+                onBlur && name && onBlur(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
               },
               onChange: handleInputChange,
               onMouseEnter: (event) => {

package/components/input/epoch/time/index.d.ts

@@ -60,6 +60,8 @@ declare const _default: React.ComponentType<{
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
     formControlName?: string;
     required?: boolean;
     outputformat?: string;

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

@@ -79,18 +79,19 @@ const WmTime = (props) => {
   );
   const handleTimeChange = useCallback(
     (newTime, event2, shouldClosePicker = false) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h;
       if (!newTime) {
         const oldValue = displayValue;
         setInternalValue(null);
         setDisplayValue("");
         setValidationResult({ isValid: true });
         invokeOnChange == null ? void 0 : invokeOnChange("", { $event: event2, type: "change" });
-        if (name && (listener == null ? void 0 : listener.Widgets[name])) {
+        if (name && ((_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name])) {
           listener.Widgets[name].displayValue = "";
         }
         updateListener(name, listener, props, "", null, "");
-        if (onChange && name && (listener == null ? void 0 : listener.Widgets[name])) {
-          onChange(event2, listener == null ? void 0 : listener.Widgets[name], "", oldValue);
+        if (onChange && name && ((_b = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _b[name])) {
+          onChange(event2, (_c = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _c[name], "", oldValue);
         }
         if (shouldClosePicker) setShowPicker == null ? void 0 : setShowPicker(false);
         return;
@@ -109,7 +110,7 @@ const WmTime = (props) => {
         const outputFormattedValue = formatDisplayTimeValue(newTime, outputformat);
         setDisplayValue(formattedValue);
         invokeOnChange == null ? void 0 : invokeOnChange(outputFormattedValue, { $event: event2, type: "change" });
-        if (name && (listener == null ? void 0 : listener.Widgets[name])) {
+        if (name && ((_d = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _d[name])) {
           listener.Widgets[name].displayValue = formattedValue;
         }
         updateListener(
@@ -120,13 +121,13 @@ const WmTime = (props) => {
           formatDisplayTimeValue(newTime, "timestamp"),
           outputFormattedValue
         );
-        if (onChange && name && (listener == null ? void 0 : listener.Widgets[name])) {
-          onChange(event2, name && (listener == null ? void 0 : listener.Widgets[name]), outputFormattedValue, displayValue);
+        if (onChange && name && ((_e = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _e[name])) {
+          onChange(event2, name && ((_f = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _f[name]), outputFormattedValue, displayValue);
         }
       } else {
         const formattedValue = formatDisplayTimeValue(newTime, timepattern);
-        if (onChange && name && (listener == null ? void 0 : listener.Widgets[name]) && props.formfield) {
-          onChange(event2, name && (listener == null ? void 0 : listener.Widgets[name]), formattedValue, displayValue);
+        if (onChange && name && ((_g = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _g[name]) && props.formfield) {
+          onChange(event2, name && ((_h = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _h[name]), formattedValue, displayValue);
         }
       }
       if (shouldClosePicker) setShowPicker == null ? void 0 : setShowPicker(false);
@@ -166,6 +167,7 @@ const WmTime = (props) => {
   }, [setShowPicker]);
   const handleInputChange = useCallback(
     (event2) => {
+      var _a, _b, _c, _d;
       try {
         const inputValue = event2.target.value;
         if (!inputValue) {
@@ -180,8 +182,8 @@ const WmTime = (props) => {
         );
         if (!formatValidation.isValid) {
           setValidationResult(formatValidation);
-          if (onChange && name && (listener == null ? void 0 : listener.Widgets[name]) && props.formfield) {
-            onChange(event2, listener == null ? void 0 : listener.Widgets[name], inputValue, displayValue);
+          if (onChange && name && ((_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name]) && props.formfield) {
+            onChange(event2, (_b = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _b[name], inputValue, displayValue);
           }
           setDisplayValue(inputValue);
           return;
@@ -199,8 +201,8 @@ const WmTime = (props) => {
           if (rangeValidation.isValid) {
             handleTimeChange(parsedTime.toDate(), event2, false);
           } else {
-            if (onChange && name && (listener == null ? void 0 : listener.Widgets[name]) && props.formfield) {
-              onChange(event2, listener == null ? void 0 : listener.Widgets[name], inputValue, displayValue);
+            if (onChange && name && ((_c = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _c[name]) && props.formfield) {
+              onChange(event2, (_d = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _d[name], inputValue, displayValue);
             }
             setDisplayValue(inputValue);
           }
@@ -227,6 +229,7 @@ const WmTime = (props) => {
   );
   const handleClick = useCallback(
     (event2) => {
+      var _a;
       try {
         if (disabled || readonly || isCurrentTime) return;
         if (anchorRef.current && !anchorRef.current.contains(document.activeElement)) {
@@ -236,7 +239,7 @@ const WmTime = (props) => {
           setShowPicker == null ? void 0 : setShowPicker(true);
         }
         if (onClick && name) {
-          onClick(event2, listener == null ? void 0 : listener.Widgets[name]);
+          onClick(event2, (_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name]);
         }
       } catch (error) {
         console.error("Error in handleClick:", error);
@@ -321,7 +324,7 @@ const WmTime = (props) => {
         } else if (datavalue instanceof Date) {
           parsed = moment(datavalue);
         } else {
-          parsed = moment(datavalue, timepattern, true);
+          parsed = moment(parseTimeValue(datavalue, timepattern), timepattern, true);
         }
         setInternalValue(parsed);
         if (parsed.isValid()) {
@@ -388,7 +391,10 @@ const WmTime = (props) => {
         value: displayValue,
         onChange: handleInputChange,
         onClick: handleClick,
-        onFocus: (event2) => onFocus && name && onFocus(event2, listener == null ? void 0 : listener.Widgets[name]),
+        onFocus: (event2) => {
+          var _a;
+          return onFocus && name && onFocus(event2, (_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name]);
+        },
         onBlur: (event2) => {
           var _a;
           return onBlur && name && ((_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name]) ? onBlur(event2, listener.Widgets[name]) : void 0;

package/components/input/fileupload/index.d.ts

@@ -88,5 +88,7 @@ declare const _default: React.ComponentType<{
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

package/components/input/number/index.d.ts

@@ -69,6 +69,8 @@ declare const WmNumberStandalone: React.ComponentType<import("../../data/form/fo
     formfield?: boolean;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 } & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmNumberStandalone as WmNumber };
 /**
@@ -160,5 +162,7 @@ declare const _default: React.ComponentType<{
     formfield?: boolean;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

package/components/input/number/index.js

@@ -347,12 +347,13 @@ const WmNumber = memo(
       }
     }, [initialDataValue, initialMaxDataValue, initialMaxValue, isMaxWidget]);
     useEffect(() => {
+      var _a;
       if (inputEl.current) {
         const focus = () => {
-          var _a;
-          (_a = inputEl.current) == null ? void 0 : _a.focus();
+          var _a2;
+          (_a2 = inputEl.current) == null ? void 0 : _a2.focus();
         };
-        if (listener == null ? void 0 : listener.Widgets[name]) {
+        if ((_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name]) {
           listener.Widgets[name].focus = focus;
         }
       }

package/components/input/rating/index.d.ts

@@ -91,6 +91,8 @@ declare const WmRatingStandalone: React.ComponentType<import("../../data/form/fo
     formfield?: boolean;
     updateon?: string;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 } & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmRatingStandalone as WmRating };
 /**
@@ -204,5 +206,7 @@ declare const _default: React.ComponentType<{
     formfield?: boolean;
     updateon?: string;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

package/components/input/select/index.d.ts

@@ -73,6 +73,8 @@ declare const WmSelectStandalone: React.ComponentType<import("../../data/form/fo
     formfield?: boolean;
     updateon?: string;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 } & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmSelectStandalone as WmSelect };
 /**
@@ -169,5 +171,7 @@ declare const _default: React.ComponentType<{
     formfield?: boolean;
     updateon?: string;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

package/components/input/slider/index.d.ts

@@ -67,6 +67,8 @@ declare const WmSliderStandalone: React.ComponentType<import("../../data/form/fo
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 } & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmSliderStandalone as WmSlider };
 /**
@@ -158,5 +160,7 @@ declare const _default: React.ComponentType<{
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;

package/components/input/slider/index.js

@@ -83,9 +83,10 @@ const WmSlider = memo(
     );
     const handleInputChange = useCallback(
       (event) => {
+        var _a;
         const newVal = Number(event.target.value);
         setValue(newVal);
-        if (listener == null ? void 0 : listener.Widgets[name]) {
+        if ((_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name]) {
           listener.Widgets[name].displayValue = newVal;
         }
         if (onChange) {
@@ -172,10 +173,11 @@ const WmSlider = memo(
     }, [props.minvalue, props.maxvalue, step, markerlabeltext, showmarkers]);
     const applyValue = useCallback(
       (newVal) => {
+        var _a;
         const oldVal = prevDatavalueRef.current;
         setValue(newVal);
         prevDatavalueRef.current = newVal;
-        if (listener == null ? void 0 : listener.Widgets[name]) {
+        if ((_a = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a[name]) {
           listener.Widgets[name].displayValue = newVal;
         }
         if (onChange) {

package/components/input/text/index.d.ts

@@ -76,6 +76,8 @@ declare const WmTextStandalone: import("react").ComponentType<import("../../data
     formfield?: boolean;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 } & import("@wavemaker-ai/react-runtime/higherOrder/withStandalone").WithStandaloneProps>;
 export { WmTextStandalone as WmText };
 /**
@@ -173,5 +175,7 @@ declare const _default: import("react").ComponentType<{
     formfield?: boolean;
     dataset?: any;
     prefabName?: string;
+    loading?: boolean;
+    showSkeleton?: boolean;
 }>;
 export default _default;