@wavemaker-ai/react-runtime 1.0.0-rc.647469 → 1.0.0-rc.647499

package/components/dialogs/dialog/index.js

@@ -38,7 +38,7 @@ var WmDialog = /*#__PURE__*/(0, _react.memo)(function (props) {
     open: props.isopen,
     onClose: handleClose,
     className: (0, _clsx["default"])("app-dialog modal-dialog  dialog-view", props.className)
-  }), __jsx(_dialogContent.WmDialogContent, props, showheader !== false ? __jsx(_dialogHeader.WmDialogHeader, {
+  }), __jsx(_dialogContent.WmDialogContent, props, showheader !== false && __jsx(_dialogHeader.WmDialogHeader, {
     name: "",
     listener: {},
     titleid: "design-dialog-".concat(props.title),
@@ -51,9 +51,7 @@ var WmDialog = /*#__PURE__*/(0, _react.memo)(function (props) {
     iconmargin: props.iconmargin,
     iconstyle: props.iconstyle,
     closable: props.closable
-  }) : __jsx("h4", {
-    className: "sr-only"
-  }, props.title), props.children));
+  }), props.children));
 }, function (prevProps, nextProps) {
   var keys = ["isopen", "sheetposition", "sheet", "styles", "dialogtype", "showheader", "title", "onClose", "close", "children", "modal", "closable"];
   return keys.every(function (key) {

package/components/dialogs/dialog-actions/index.d.ts

@@ -41,6 +41,7 @@ declare const _default: import("react").ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/dialogs/dialog-body/index.d.ts

@@ -40,6 +40,7 @@ declare const _default: import("react").ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/dialogs/dialog-content/index.d.ts

@@ -43,6 +43,7 @@ declare const _default: import("react").ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/dialogs/dialog-header/index.d.ts

@@ -57,6 +57,7 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/dialogs/iframe-dialog/index.d.ts

@@ -56,6 +56,7 @@ declare const WmIframeDialogStandalone: {
         eventCallback?: (eventName: string, data: any) => void;
         forwardedRef?: React.ForwardedRef<any>;
         viewParent?: any;
+        destroy?: ((names: string[]) => void) | ((formName?: string) => void);
         hint?: string;
         arialabel?: string;
         tabindex?: number;
@@ -148,6 +149,7 @@ declare const _default: {
         eventCallback?: (eventName: string, data: any) => void;
         forwardedRef?: React.ForwardedRef<any>;
         viewParent?: any;
+        destroy?: ((names: string[]) => void) | ((formName?: string) => void);
         hint?: string;
         arialabel?: string;
         tabindex?: number;

package/components/dialogs/login-dialog/index.d.ts

@@ -54,6 +54,7 @@ declare const WmLoginDialogStandalone: {
         eventCallback?: (eventName: string, data: any) => void;
         forwardedRef?: React.ForwardedRef<any>;
         viewParent?: any;
+        destroy?: ((names: string[]) => void) | ((formName?: string) => void);
         hint?: string;
         arialabel?: string;
         tabindex?: number;
@@ -134,6 +135,7 @@ declare const _default: {
         eventCallback?: (eventName: string, data: any) => void;
         forwardedRef?: React.ForwardedRef<any>;
         viewParent?: any;
+        destroy?: ((names: string[]) => void) | ((formName?: string) => void);
         hint?: string;
         arialabel?: string;
         tabindex?: number;

package/components/dialogs/page-dialog/index.d.ts

@@ -49,6 +49,7 @@ declare const WmPageDialogStandalone: {
         eventCallback?: (eventName: string, data: any) => void;
         forwardedRef?: React.ForwardedRef<any>;
         viewParent?: any;
+        destroy?: ((names: string[]) => void) | ((formName?: string) => void);
         hint?: string;
         arialabel?: string;
         tabindex?: number;
@@ -133,6 +134,7 @@ declare const _default: {
         eventCallback?: (eventName: string, data: any) => void;
         forwardedRef?: React.ForwardedRef<any>;
         viewParent?: any;
+        destroy?: ((names: string[]) => void) | ((formName?: string) => void);
         hint?: string;
         arialabel?: string;
         tabindex?: number;

package/components/form/button/index.d.ts

@@ -51,6 +51,7 @@ declare const _default: import("react").ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/form/button/index.js

@@ -17,6 +17,7 @@ var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _Badge = _interopRequireDefault(require("@mui/material/Badge"));
 var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
 var _resourceUrl = require("@wavemaker-ai/react-runtime/utils/resource-url");
+var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
 var _excluded = ["iconurl", "iconclass", "iconwidth", "iconheight", "iconmargin", "iconposition", "caption", "badgevalue", "children", "styles", "className", "onClick", "onDoubleClick", "onMouseEnter", "onMouseLeave", "onFocus", "onBlur", "onKeydown", "onKeypress", "onKeyup", "listener", "name", "disabled", "type", "shortcutkey", "arialabel", "show"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 var __jsx = _react["default"].createElement;
@@ -79,7 +80,7 @@ var WmButton = exports.WmButton = /*#__PURE__*/(0, _react.memo)(function (props)
     if (!props.stopPropagation) {
       event.stopPropagation();
     }
-    onClick === null || onClick === void 0 || onClick(event, listener === null || listener === void 0 || (_listener$Widgets = listener.Widgets) === null || _listener$Widgets === void 0 ? void 0 : _listener$Widgets[(props === null || props === void 0 ? void 0 : props.name) || ""]);
+    onClick === null || onClick === void 0 || onClick(event, (listener === null || listener === void 0 || (_listener$Widgets = listener.Widgets) === null || _listener$Widgets === void 0 ? void 0 : _listener$Widgets[(props === null || props === void 0 ? void 0 : props.name) || ""]) || props);
   }
   function handleOnBlur(event) {
     event.preventDefault();
@@ -175,7 +176,7 @@ var WmButton = exports.WmButton = /*#__PURE__*/(0, _react.memo)(function (props)
     "aria-label": safeCaption,
     title: props.hint,
     show: show === null || show === void 0 ? void 0 : show.toString()
-  }, restProps, EVENTS), iconurl && __jsx(_image["default"], {
+  }, (0, _attr.removeInvalidAttributes)(restProps), EVENTS), iconurl && __jsx(_image["default"], {
     "data-identifier": "img",
     alt: "button image",
     src: (0, _resourceUrl.prefixPrefabResourceUrl)(iconurl, props.prefabName),
@@ -183,7 +184,7 @@ var WmButton = exports.WmButton = /*#__PURE__*/(0, _react.memo)(function (props)
     width: parseInt(iconwidth || "24", 10),
     height: parseInt(iconheight || "24", 10),
     style: {
-      width: iconwidth || "auto",
+      width: iconwidth,
       height: iconheight || "auto",
       margin: iconmargin || "0 4"
     }

package/components/form/button-group/index.d.ts

@@ -43,6 +43,7 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/form/button-group/index.js

@@ -12,6 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _styles = require("@mui/material/styles");
 var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
+var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
 var _excluded = ["name", "vertical", "show", "horizontalalign", "children", "styles", "className"],
   _excluded2 = ["ref", "showindevice", "iswidget"];
 var __jsx = _react["default"].createElement;
@@ -57,7 +58,7 @@ var WmButtonGroup = exports.WmButtonGroup = function WmButtonGroup(props) {
     title: name,
     id: name,
     name: name
-  }, restWithoutRef), children);
+  }, (0, _attr.removeInvalidAttributes)(restWithoutRef)), children);
 };
 WmButtonGroup.displayName = "WmButtonGroup";
 

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

@@ -46,6 +46,7 @@ export declare const WmCalendar: React.ForwardRefExoticComponent<Omit<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     styles?: React.CSSProperties;
@@ -102,6 +103,7 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

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

@@ -79,6 +79,7 @@ declare const WmChipsStandalone: React.ComponentType<import("../../data/form/for
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;
@@ -200,6 +201,7 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     arialabel?: string;
     tabindex?: number;
     styles?: React.CSSProperties;

package/components/input/color-picker/index.d.ts

@@ -41,6 +41,7 @@ declare const WmColorPickerStandalone: React.ComponentType<import("../../data/fo
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;
@@ -126,6 +127,7 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     arialabel?: string;
     tabindex?: number;
     styles?: React.CSSProperties;

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

@@ -43,6 +43,7 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

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

@@ -54,6 +54,7 @@ declare const WmCurrencyStandalone: React.ComponentType<import("../../data/form/
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;
@@ -151,6 +152,7 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     arialabel?: string;
     tabindex?: number;
     styles?: React.CSSProperties;

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

@@ -41,6 +41,7 @@ declare const WmCheckboxStandalone: React.ComponentType<import("../../../data/fo
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;
@@ -125,6 +126,7 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     arialabel?: string;
     tabindex?: number;
     styles?: React.CSSProperties;

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

@@ -63,6 +63,7 @@ declare const WmCheckboxsetStandalone: React.ComponentType<import("../../../data
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;
@@ -167,6 +168,7 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     arialabel?: string;
     tabindex?: number;
     styles?: React.CSSProperties;

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

@@ -59,6 +59,7 @@ declare const WmRadiosetStandalone: React.ComponentType<import("../../../data/fo
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     styles?: React.CSSProperties;
@@ -159,6 +160,7 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     arialabel?: string;
     styles?: React.CSSProperties;
     children?: React.ReactNode;

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

@@ -54,6 +54,7 @@ declare const WmSwitchStandalone: React.ComponentType<import("../../../data/form
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;
@@ -150,6 +151,7 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     arialabel?: string;
     tabindex?: number;
     styles?: React.CSSProperties;

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

@@ -180,11 +180,10 @@ var DatePickerPopover = function DatePickerPopover(props) {
         }
     }
   };
-  var todayButtonStyle = {
-    "--wm-btn-color": "var(--wm-color-primary)",
-    "--wm-btn-state-layer-color": "var(--wm-color-primary)",
-    background: "none",
-    border: "none"
+  var calendarWidthVar = showweeks ? {
+    "--wm-datepicker-calendar-width": "420px"
+  } : {
+    "--wm-datepicker-calendar-width": "370px"
   };
   return __jsx(_material.Popover, {
     open: open,
@@ -198,39 +197,22 @@ var DatePickerPopover = function DatePickerPopover(props) {
       vertical: "top",
       horizontal: adaptiveposition ? "right" : "left"
     },
-    sx: {
-      "& .MuiPopover-paper": {
-        boxShadow: 3,
-        borderRadius: 1
-      },
-      "& .MuiDateCalendar-root": {
-        width: showweeks ? "420px" : "370px"
-      }
-    },
-    className: "app-date"
+    className: "app-date wm-datepicker-popover",
+    style: calendarWidthVar
   }, __jsx(_material.Paper, {
     elevation: 0,
-    sx: {
-      width: "auto",
-      pb: 2,
-      background: "var(--wm-datepicker-background)"
-    }
+    className: "wm-datepicker-popover-paper"
   }, renderCalendarView(), showbuttonbar && (todaybutton || clearbutton) && __jsx(_material.Box, {
-    display: "flex",
-    justifyContent: "space-between",
-    px: 2,
-    mt: 1
+    className: "wm-datepicker-button-bar"
   }, todaybutton && __jsx(_material.Button, {
     variant: "text",
     onClick: handleTodayClick,
-    className: "btn  today-btn",
-    disabled: isNavigationDisabled && !(0, _momentTimezone["default"])().isSame((0, _momentTimezone["default"])(getDateObj(restProps.mindate)), "day"),
-    style: todayButtonStyle
+    className: "btn  today-btn wm-datepicker-bar-btn",
+    disabled: isNavigationDisabled && !(0, _momentTimezone["default"])().isSame((0, _momentTimezone["default"])(getDateObj(restProps.mindate)), "day")
   }, todaybuttonlabel), clearbutton && __jsx(_material.Button, {
     variant: "text",
     onClick: handleClearClick,
-    className: "btn  clear-btn",
-    style: todayButtonStyle
+    className: "btn  clear-btn wm-datepicker-bar-btn"
   }, clearbuttonlabel))));
 };
 var _default = exports["default"] = DatePickerPopover;

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

@@ -37,6 +37,7 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

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

@@ -37,6 +37,7 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

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

@@ -16,7 +16,6 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _BaseDateTime = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/BaseDateTime"));
 var _withFormController = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/data/form/form-controller/withFormController"));
 var _utils = require("./utils");
-var _styled = require("./styled");
 var _compare = _interopRequireDefault(require("../../../../core/util/compare"));
 var _withStandalone = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/withStandalone"));
 var _withBaseWrapper = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper"));
@@ -559,25 +558,12 @@ var WmDateTime = /*#__PURE__*/(0, _react.memo)(function (props) {
     },
     InputLabelProps: {
       shrink: floatinglabel ? undefined : false,
-      sx: floatinglabel ? {
-        "&.MuiInputLabel-shrink": {
-          transform: "translate(14px, -9px) scale(0.75)",
-          transition: "transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms"
-        },
-        "&:not(.MuiInputLabel-shrink)": {
-          transform: "translate(14px, 16px) scale(1)",
-          transition: "transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms"
-        },
-        backgroundColor: "white"
-      } : undefined
+      className: floatinglabel ? "wm-datetime-input-label" : undefined
     },
     inputProps: _objectSpread(_objectSpread({
       accessKey: shortcutkey,
       "aria-invalid": invalidFormat || dateNotInRange,
-      className: "form-control app-textbox display-input",
-      style: {
-        boxSizing: "inherit"
-      }
+      className: "form-control app-textbox display-input wm-datetime-html-input"
     }, disabled ? {
       disabled: true
     } : {}), readonly ? {
@@ -646,14 +632,15 @@ var WmDateTime = /*#__PURE__*/(0, _react.memo)(function (props) {
     showDaysOutsideCurrentMonth: selectfromothermonth,
     slotProps: {
       textField: {
-        style: {
-          display: "none"
-        }
+        className: "wm-datetime-picker-textfield-hidden"
       },
       popper: {
         anchorEl: anchorRef.current,
         placement: adaptiveposition ? "bottom-end" : "bottom-start",
-        sx: (0, _styled.datePickerSx)(showweeks)
+        className: "wm-datetime-date-picker-popper",
+        style: {
+          "--wm-datetime-calendar-width": showweeks ? "420px" : "370px"
+        }
       },
       calendarHeader: {
         format: "MMMM YYYY"
@@ -672,7 +659,7 @@ var WmDateTime = /*#__PURE__*/(0, _react.memo)(function (props) {
           if (action === "today") handleToday();
           if (action === "clear") handleClear();
         },
-        sx: _styled.buttonStyles
+        className: "wm-datetime-datepicker-action-bar"
       }
     },
     views: ["year", "month", "day"],
@@ -688,14 +675,12 @@ var WmDateTime = /*#__PURE__*/(0, _react.memo)(function (props) {
     ampm: showampmbuttons && (datepattern.includes("a") || datepattern.includes("A")),
     slotProps: {
       textField: {
-        style: {
-          display: "none"
-        }
+        className: "wm-datetime-picker-textfield-hidden"
       },
       popper: {
         anchorEl: anchorRef.current,
         placement: adaptiveposition ? "bottom-start" : "bottom-start",
-        sx: (0, _styled.timePickerSx)()
+        className: "wm-datetime-time-picker-popper"
       },
       actionBar: {
         actions: ["accept"]

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

@@ -37,6 +37,7 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

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

@@ -452,7 +452,7 @@ var WmTime = function WmTime(props) {
       popper: {
         anchorEl: anchorRef.current,
         placement: "bottom-start",
-        sx: _utils.TIME_PICKER_STYLES
+        className: "wm-timepicker-popper"
       },
       actionBar: {
         actions: ["accept"]

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

@@ -14,23 +14,6 @@ export declare const DEFAULT_OUTPUT_FORMAT = "HH:mm:ss";
 export declare const READONLY_STYLES: {
     cursor: string;
 };
-export declare const TIME_PICKER_STYLES: {
-    "& .MuiPaper-root": {
-        background: string;
-        padding: string;
-        borderRadius: string;
-        width: string;
-        boxShadow: string;
-    };
-    "& .Mui-selected": {
-        backgroundColor: string;
-        color: string;
-    };
-    "& .Mui-selected:hover": {
-        backgroundColor: string;
-        color: string;
-    };
-};
 export declare function updateListener(name: string | undefined, listener: any, props: any, displayValue: string, timestamp: string | null | undefined, datavalue: string | null | undefined): void;
 export declare function createWidgetEvent(args: {
     type: string;

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TIME_PICKER_STYLES = exports.READONLY_STYLES = exports.DEFAULT_TIMEPATTERN = exports.DEFAULT_OUTPUT_FORMAT = exports.DEFAULT_CLASS = void 0;
+exports.READONLY_STYLES = exports.DEFAULT_TIMEPATTERN = exports.DEFAULT_OUTPUT_FORMAT = exports.DEFAULT_CLASS = void 0;
 exports.createWidgetEvent = createWidgetEvent;
 exports.formatDisplayTimeValue = formatDisplayTimeValue;
 exports.getSupportedTimeFormats = getSupportedTimeFormats;
@@ -203,23 +203,6 @@ var DEFAULT_OUTPUT_FORMAT = exports.DEFAULT_OUTPUT_FORMAT = "HH:mm:ss";
 var READONLY_STYLES = exports.READONLY_STYLES = {
   cursor: "not-allowed"
 };
-var TIME_PICKER_STYLES = exports.TIME_PICKER_STYLES = {
-  "& .MuiPaper-root": {
-    background: "var(--wm-timepicker-background)",
-    padding: "var(--wm-timepicker-padding)",
-    borderRadius: "var(--wm-timepicker-border-radius)",
-    width: "auto",
-    boxShadow: "none"
-  },
-  "& .Mui-selected": {
-    backgroundColor: "var(--wm-btn-secondary-background) !important",
-    color: "var(--wm-btn-secondary-color) !important"
-  },
-  "& .Mui-selected:hover": {
-    backgroundColor: "var(--wm-btn-secondary-background) !important",
-    color: "var(--wm-btn-secondary-color) !important"
-  }
-};
 function updateListener(name, listener, props, displayValue, timestamp, datavalue) {
   // Update listener widget display value
 

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

@@ -67,6 +67,7 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

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

@@ -49,6 +49,7 @@ declare const WmNumberStandalone: React.ComponentType<import("../../data/form/fo
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;
@@ -141,6 +142,7 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     arialabel?: string;
     tabindex?: number;
     styles?: React.CSSProperties;

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

@@ -71,6 +71,7 @@ declare const WmRatingStandalone: React.ComponentType<import("../../data/form/fo
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;
@@ -184,6 +185,7 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
+    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     arialabel?: string;
     tabindex?: number;
     styles?: React.CSSProperties;