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

package/utils/lib-error-skipper.js

@@ -6,194 +6,70 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.wrapWithThirdPartyErrorGuard = exports.isJQueryError = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 /**
- * Utility to wrap all methods in a script object with jQuery error handling
- * This prevents jQuery usage from breaking the React application
- */
-
-/**
- * Configuration for unsupported libraries
+ * Wraps page/prefab script methods with error handling that detects
+ * unsupported library usage (e.g. jQuery) and surfaces all other errors
+ * with full context instead of swallowing them.
  */
 
 var UNSUPPORTED_LIBRARIES = {
   jquery: {
-    // Use specific jQuery patterns - avoid matching Wavemaker vars like $index, $data
     identifiers: ["jQuery", "$(", "$."],
     errorMessage: "jQuery is not supported in React App",
     notificationMessage: "jQuery functionality is not supported. Check console for details."
   }
-  // Add more libraries here in future
 };
-
-/**
- * Result of unsupported library detection
- */
-
-/**
- * Detects if an error is related to any unsupported library
- * @param error - The error object to check
- * @returns Object with isUnsupported flag and library info
- */
 function detectUnsupportedLibrary(error) {
-  if (!error || !error.stack) {
-    return {
-      isUnsupported: false,
-      library: null
-    };
-  }
-  var errorMessage = error.message || "";
-  var stackTrace = String(error.stack);
-
-  // Check each configured library
+  if (!(error !== null && error !== void 0 && error.stack)) return null;
+  var haystack = "".concat(error.message || "", "\n").concat(error.stack);
   for (var _i = 0, _Object$entries = Object.entries(UNSUPPORTED_LIBRARIES); _i < _Object$entries.length; _i++) {
     var _Object$entries$_i = (0, _slicedToArray2["default"])(_Object$entries[_i], 2),
-      libraryName = _Object$entries$_i[0],
+      name = _Object$entries$_i[0],
       config = _Object$entries$_i[1];
-    var identifiers = config.identifiers;
-
-    // Check if error message contains library identifiers
-    if (identifiers.some(function (identifier) {
-      return errorMessage.includes(identifier);
+    if (config.identifiers.some(function (id) {
+      return haystack.includes(id);
     })) {
       return {
-        isUnsupported: true,
-        library: libraryName,
+        library: name,
         config: config
       };
     }
-
-    // Check if stack trace contains library identifiers
-    var stackLines = stackTrace.split("\n");
-    var _iterator = _createForOfIteratorHelper(stackLines),
-      _step;
-    try {
-      var _loop = function _loop() {
-          var line = _step.value;
-          if (identifiers.some(function (identifier) {
-            return line.includes(identifier);
-          })) {
-            return {
-              v: {
-                isUnsupported: true,
-                library: libraryName,
-                config: config
-              }
-            };
-          }
-        },
-        _ret;
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        _ret = _loop();
-        if (_ret) return _ret.v;
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
   }
-  return {
-    isUnsupported: false,
-    library: null
-  };
+  return null;
 }
-
-/**
- * Checks if an error is related to jQuery usage
- * @param error - The error object to check
- * @returns true if the error is jQuery-related
- */
 var isJQueryError = exports.isJQueryError = function isJQueryError(error) {
-  if (!(error !== null && error !== void 0 && error.stack)) return false;
-
-  // Use specific jQuery patterns - avoid matching Wavemaker vars like $index, $data
-  var UnSupportedFunctionality = ["jQuery", "$(", "$."];
-
-  // Check if error message contains jQuery references
-  if (error.message && UnSupportedFunctionality.some(function (func) {
-    return error.message.includes(func);
-  })) {
-    return true;
-  }
-
-  // Check stack trace for jQuery references
-  var stackLines = error.stack.split("\n");
-  var _iterator2 = _createForOfIteratorHelper(stackLines),
-    _step2;
-  try {
-    var _loop2 = function _loop2() {
-        var line = _step2.value;
-        if (UnSupportedFunctionality.some(function (func) {
-          return line.includes(func);
-        })) {
-          return {
-            v: true
-          };
-        }
-      },
-      _ret2;
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      _ret2 = _loop2();
-      if (_ret2) return _ret2.v;
-    }
-  } catch (err) {
-    _iterator2.e(err);
-  } finally {
-    _iterator2.f();
-  }
-  return false;
+  var _detectUnsupportedLib;
+  return ((_detectUnsupportedLib = detectUnsupportedLibrary(error)) === null || _detectUnsupportedLib === void 0 ? void 0 : _detectUnsupportedLib.library) === "jquery";
 };
-/**
- * Wraps all methods with unsupported library error handling
- * @param pageProxy - The page/prefab proxy object
- * @param appContext - App context for notifications
- * @param componentName - Name of component for logging
- * @param libraryConfig - Optional: specific libraries to check (default: all)
- */
+var SKIP_PROPERTIES = new Set(["Variables", "Actions", "Widgets", "App", "pageParams", "serviceDefinitions", "baseUrl", "appConfig", "notification", "toaster", "onContentReady", "onChange", "cleanup", "eval", "appLocale", "executeStartup", "formatters", "type", "componentName", "componentType", "prefabname", "onPropertyChange"]);
 var wrapWithThirdPartyErrorGuard = exports.wrapWithThirdPartyErrorGuard = function wrapWithThirdPartyErrorGuard(pageProxy, appContext, componentName) {
-  var libraryConfig = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : UNSUPPORTED_LIBRARIES;
-  var skipProperties = ["Variables", "Actions", "Widgets", "App", "pageParams", "serviceDefinitions", "baseUrl", "appConfig", "notification", "toaster", "onContentReady", "onChange", "cleanup", "eval", "appLocale", "executeStartup", "formatters", "type", "componentName", "componentType", "prefabname", "onPropertyChange"];
-  Object.keys(pageProxy).forEach(function (methodName) {
-    if (typeof pageProxy[methodName] === "function" && !skipProperties.includes(methodName)) {
-      var originalMethod = pageProxy[methodName];
-      pageProxy[methodName] = function () {
-        try {
-          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-            args[_key] = arguments[_key];
-          }
-          return originalMethod.apply(this, args);
-        } catch (error) {
-          // Detect which unsupported library caused the error
-          var detection = detectUnsupportedLibrary(error);
-          if (detection.isUnsupported && detection.library && detection.config) {
-            var library = detection.library;
-            var config = detection.config;
-
-            // Log detailed error
-            console.error("[".concat(library.toUpperCase(), " ERROR] in ").concat(componentName, ".").concat(methodName, "()"), "\n".concat(config.errorMessage), "\nError:", error);
-
-            // Show user notification
-            if (appContext !== null && appContext !== void 0 && appContext.notifyApp) {
-              appContext.notifyApp(config.notificationMessage, "Error");
-            }
-
-            // Return undefined to prevent further errors
-            return undefined;
-          } else {
-            // Not an unsupported library error - log normally
-            console.log("Error in ".concat(componentName, ".").concat(methodName, "():"));
-          }
+  var _loop = function _loop() {
+    var methodName = _Object$keys[_i2];
+    if (typeof pageProxy[methodName] !== "function" || SKIP_PROPERTIES.has(methodName)) return 1; // continue
+    var originalMethod = pageProxy[methodName];
+    pageProxy[methodName] = function () {
+      try {
+        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+          args[_key] = arguments[_key];
         }
-      };
-
-      // Preserve function name for debugging
-      Object.defineProperty(pageProxy[methodName], "name", {
-        value: "wrapped_".concat(methodName),
-        writable: false
-      });
-    }
-  });
+        return originalMethod.apply(this, args);
+      } catch (error) {
+        var detection = detectUnsupportedLibrary(error);
+        if (detection) {
+          var _appContext$notifyApp;
+          console.error("[".concat(detection.library.toUpperCase(), "] ").concat(componentName, ".").concat(methodName, "(): ").concat(detection.config.errorMessage), error);
+          appContext === null || appContext === void 0 || (_appContext$notifyApp = appContext.notifyApp) === null || _appContext$notifyApp === void 0 || _appContext$notifyApp.call(appContext, detection.config.notificationMessage, "Error");
+          return undefined;
+        }
+        console.error("[script] ".concat(componentName, ".").concat(methodName, "():"), error);
+      }
+    };
+    Object.defineProperty(pageProxy[methodName], "name", {
+      value: "wrapped_".concat(methodName),
+      writable: false
+    });
+  };
+  for (var _i2 = 0, _Object$keys = Object.keys(pageProxy); _i2 < _Object$keys.length; _i2++) {
+    if (_loop()) continue;
+  }
 };

package/utils/style-utils.d.ts

@@ -20,3 +20,9 @@ export declare const mergeStyleObjects: (...styleObjects: any[]) => Record<strin
  */
 export declare const isValidStyleObject: (value: any) => boolean;
 export declare const filterAutoLayoutClasses: (layoutClassName: string | undefined, prefixesToGet: string[], mode?: "include" | "exclude") => string;
+/**
+ * Normalizes a React style length (width, height, margin, etc.): numbers become pixel
+ * values (`${n}px`), matching common React `style` behavior; strings pass through
+ * (e.g. `100%`, `2rem`, `10px`).
+ */
+export declare const toCssLength: (value: string | number) => string;

package/utils/style-utils.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sanitizeStyleObject = exports.mergeStyleObjects = exports.isValidStyleObject = exports.filterAutoLayoutClasses = void 0;
+exports.toCssLength = exports.sanitizeStyleObject = exports.mergeStyleObjects = exports.isValidStyleObject = exports.filterAutoLayoutClasses = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
@@ -80,4 +80,13 @@ var filterAutoLayoutClasses = exports.filterAutoLayoutClasses = function filterA
     });
     return mode === "include" ? matches : !matches;
   }).join(" ");
+};
+
+/**
+ * Normalizes a React style length (width, height, margin, etc.): numbers become pixel
+ * values (`${n}px`), matching common React `style` behavior; strings pass through
+ * (e.g. `100%`, `2rem`, `10px`).
+ */
+var toCssLength = exports.toCssLength = function toCssLength(value) {
+  return typeof value === "number" ? "".concat(value, "px") : String(value);
 };

package/variables/metadata.service.js

@@ -33,7 +33,7 @@ var MetadataService = exports.MetadataService = /*#__PURE__*/function () {
           _ref,
           _WM_APP_PROPERTIES,
           _this = this;
-        var state, appConfig, baseUrl, isPreview, serviceDefSources, url, serviceDefFileName, previewPath;
+        var state, appConfig, baseUrl, isPreview, serviceDefSources, url, serviceDefFileName;
         return _regenerator["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -44,8 +44,7 @@ var MetadataService = exports.MetadataService = /*#__PURE__*/function () {
               serviceDefSources = ((_WM_APP_PROPERTIES = window._WM_APP_PROPERTIES) === null || _WM_APP_PROPERTIES === void 0 ? void 0 : _WM_APP_PROPERTIES.serviceDefSources) || "DYNAMIC";
               serviceDefFileName = prefabName ? "".concat(prefabName, "-prefab-servicedefs.json") : "app-servicedefs.json";
               if (isPreview || serviceDefSources === "DYNAMIC") {
-                previewPath = prefabName ? "prefabs/".concat(prefabName) : "";
-                url = "".concat(baseUrl, "/services/").concat(previewPath, "/servicedefs");
+                url = prefabName && prefabName !== "__self__" ? "".concat(baseUrl, "/services/prefabs/").concat(prefabName, "/servicedefs") : "".concat(baseUrl, "/services/servicedefs");
               } else {
                 url = "".concat(baseUrl, "/services/servicedefs/").concat(serviceDefFileName);
               }

package/variables/model-variable.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ModelVariable = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -24,13 +25,12 @@ var ModelVariable = exports.ModelVariable = /*#__PURE__*/function (_ref) {
   function ModelVariable(config) {
     var _this;
     (0, _classCallCheck2["default"])(this, ModelVariable);
-    // Initialize with empty dataset first
+    var initialData = config.paramProvider();
     var variable = {
       name: config.name,
-      dataSet: config.paramProvider() || {
+      dataSet: initialData != null ? initialData : config.isList ? [] : {
         dataValue: ""
       },
-      // Default empty value
       isList: config.isList,
       twoWayBinding: config.twoWayBinding
     };
@@ -49,12 +49,15 @@ var ModelVariable = exports.ModelVariable = /*#__PURE__*/function (_ref) {
     value: function invoke(params, onSuccess, onError) {
       var result;
       try {
-        if (this.dataSet && this.config.paramProvider()) {
-          this.dataSet = _objectSpread(_objectSpread({}, this.dataSet), this.config.paramProvider());
+        var provided = this.config.paramProvider();
+        if (Array.isArray(provided)) {
+          this.dataSet = provided;
+        } else if (this.dataSet && provided) {
+          this.dataSet = Array.isArray(this.dataSet) ? provided : _objectSpread(_objectSpread({}, this.dataSet), provided);
         } else if (this.dataSet && Object.keys(this.dataSet).length !== 0) {
-          this.dataSet = _objectSpread({}, this.dataSet);
+          this.dataSet = Array.isArray(this.dataSet) ? (0, _toConsumableArray2["default"])(this.dataSet) : _objectSpread({}, this.dataSet);
         } else {
-          this.dataSet = this.config.paramProvider();
+          this.dataSet = provided;
         }
         this.notify(_baseVariable.VariableEvents.BEFORE_INVOKE, [this, this.dataSet]);
         result = _superPropGet(ModelVariable, "execute", this, 3)([params, function () {}]);

package/variables/service-variable.d.ts

@@ -27,6 +27,7 @@ export declare class ServiceVariable extends ServiceVariable_base {
     private dateFormatter;
     private lastParams;
     private lastParamProviderValues;
+    private dataBindingRequestBody;
     constructor(config: ServiceVariableConfig);
     private updateFirstAndLastRecord;
     private setupEventHandlers;

package/variables/service-variable.js

@@ -61,6 +61,7 @@ var ServiceVariable = exports.ServiceVariable = /*#__PURE__*/function (_ref) {
       spinnerMessage: config.spinnerMessage,
       spinnerContext: config.spinnerContext,
       onSuccess: function onSuccess(context, args) {
+        _this.dataBindingRequestBody(args, _this.lastInvokedParams);
         _this.notify(_baseVariable.VariableEvents.AFTER_INVOKE, [args.variable, args.data, args.options]);
         _this.notify(_baseVariable.VariableEvents.SUCCESS, [args.variable, args.data, args.options]);
         _this.updateFirstAndLastRecord(args.data);
@@ -113,6 +114,22 @@ var ServiceVariable = exports.ServiceVariable = /*#__PURE__*/function (_ref) {
   // Method to update firstRecord and lastRecord from the current dataset
   (0, _inherits2["default"])(ServiceVariable, _ref);
   return (0, _createClass2["default"])(ServiceVariable, [{
+    key: "dataBindingRequestBody",
+    value: function dataBindingRequestBody(args, invokedParams) {
+      var _invokedParams$Reques;
+      var v = args === null || args === void 0 ? void 0 : args.variable;
+      if (!v) return;
+      v.dataBinding = v.dataBinding || {};
+
+      // Keep both casings for compatibility with app scripts and Angular runtime expectations.
+      // Prefer existing values, otherwise fallback to the request payload used for invocation.
+      var existingBody = v.dataBinding.RequestBody;
+      var payload = (_invokedParams$Reques = invokedParams === null || invokedParams === void 0 ? void 0 : invokedParams.RequestBody) !== null && _invokedParams$Reques !== void 0 ? _invokedParams$Reques : invokedParams;
+      if (existingBody === undefined && payload !== undefined) {
+        v.dataBinding.RequestBody = payload;
+      }
+    }
+  }, {
     key: "updateFirstAndLastRecord",
     value: function updateFirstAndLastRecord(data) {
       try {
@@ -264,14 +281,17 @@ var ServiceVariable = exports.ServiceVariable = /*#__PURE__*/function (_ref) {
   }, {
     key: "invoke",
     value: function invoke(options, onSuccess, onError) {
-      this.params = (0, _lodashEs.merge)({}, this.config.paramProvider(), this.params);
-      this.params = (0, _util.deepCopy)({}, this.params, this.dataBinding);
+      // Build request params locally — never mutate this.params, this.dataBinding, or options.inputFields
+      var inputFields = (0, _lodashEs.merge)({}, this.config.paramProvider(), this.dataBinding, this.params);
       if (options) {
-        this.params = (0, _util.deepCopy)({}, this.params, options.inputFields ? options.inputFields : options);
+        var _options$inputFields;
+        var overrides = (_options$inputFields = options.inputFields) !== null && _options$inputFields !== void 0 ? _options$inputFields : options;
+        inputFields = (0, _lodashEs.merge)({}, inputFields, overrides);
+      } else {
+        options = {};
       }
-      options = options || {};
-      options.inputFields = this.params;
-      this.lastInvokedParams = this.params;
+      options.inputFields = inputFields;
+      this.lastInvokedParams = inputFields;
 
       // Normalize orderBy option
       if (!options.orderBy) {

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

@@ -1,78 +0,0 @@
-export declare const datePickerSx: (showweeks: boolean) => {
-    "& .MuiPaper-root": {
-        background: string;
-        padding: string;
-        borderRadius: string;
-    };
-    "& .MuiDateCalendar-root": {
-        width: string;
-    };
-    "& .MuiDayCalendar-header": {
-        justifyContent: string;
-    };
-    "& .MuiDayCalendar-weekNumber": {
-        marginTop: string;
-        textAlign: string;
-    };
-    "& .MuiDayCalendar-slideTransition": {
-        minHeight: string;
-    };
-    "& .MuiDayCalendar-weekNumberLabel": {
-        width: string;
-        padding: string;
-    };
-    "& .MuiTypography-caption": {
-        padding: string;
-    };
-    "& .MuiYearCalendar-root": {
-        width: string;
-    };
-    "& .MuiPickersDay-root.Mui-selected": {
-        backgroundColor: string;
-        color: string;
-        fontWeight: string;
-    };
-    "& .MuiMonthCalendar-button.Mui-selected": {
-        backgroundColor: string;
-        color: string;
-        fontWeight: string;
-    };
-    "& .MuiPickersDay-root.Mui-selected:hover": {
-        backgroundColor: string;
-        color: string;
-    };
-    "& .MuiYearCalendar-button.Mui-selected": {
-        backgroundColor: string;
-        color: string;
-        fontWeight: string;
-    };
-    "& .MuiPickersDay-today": {
-        backgroundColor: string;
-    };
-};
-export declare const timePickerSx: () => {
-    "& .css-1y6l765-MuiPickersLayout-root": {
-        display: string;
-    };
-    "& .MuiPaper-root": {
-        background: string;
-        padding: string;
-        borderRadius: string;
-    };
-    "& .Mui-selected": {
-        backgroundColor: string;
-        color: string;
-    };
-    "& .Mui-selected:hover": {
-        backgroundColor: string;
-        color: string;
-    };
-};
-export declare const buttonStyles: () => {
-    "& .MuiButton-root": {
-        "--wm-btn-color": string;
-        "--wm-btn-state-layer-color": string;
-        background: string;
-        border: string;
-    };
-};

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

@@ -1,90 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.timePickerSx = exports.datePickerSx = exports.buttonStyles = void 0;
-var datePickerSx = exports.datePickerSx = function datePickerSx(showweeks) {
-  return {
-    "& .MuiPaper-root": {
-      background: "var(--wm-datepicker-background)",
-      padding: "var(--wm-datepicker-padding)",
-      borderRadius: "var(--wm-datepicker-border-radius)"
-    },
-    "& .MuiDateCalendar-root": {
-      width: showweeks ? "420px" : "370px"
-    },
-    "& .MuiDayCalendar-header": {
-      justifyContent: "space-evenly"
-    },
-    "& .MuiDayCalendar-weekNumber": {
-      marginTop: "10px",
-      textAlign: "center"
-    },
-    "& .MuiDayCalendar-slideTransition": {
-      minHeight: "260px"
-    },
-    "& .MuiDayCalendar-weekNumberLabel": {
-      width: "32px !important",
-      padding: "0px 0px !important"
-    },
-    "& .MuiTypography-caption": {
-      padding: "0px 24px"
-    },
-    "& .MuiYearCalendar-root": {
-      width: "auto"
-    },
-    "& .MuiPickersDay-root.Mui-selected": {
-      backgroundColor: "var(--wm-btn-secondary-background) !important",
-      color: "var(--wm-btn-secondary-color)",
-      fontWeight: "bold"
-    },
-    "& .MuiMonthCalendar-button.Mui-selected": {
-      backgroundColor: "var(--wm-btn-secondary-background) !important",
-      color: "var(--wm-btn-secondary-color)",
-      fontWeight: "bold"
-    },
-    "& .MuiPickersDay-root.Mui-selected:hover": {
-      backgroundColor: "var(--wm-btn-secondary-background)",
-      color: "var(--wm-btn-secondary-color)"
-    },
-    "& .MuiYearCalendar-button.Mui-selected": {
-      backgroundColor: "var(--wm-btn-secondary-background) !important",
-      color: "var(--wm-btn-secondary-color)",
-      fontWeight: "bold"
-    },
-    "& .MuiPickersDay-today": {
-      backgroundColor: "transparent !important"
-    }
-  };
-};
-var timePickerSx = exports.timePickerSx = function timePickerSx() {
-  return {
-    "& .css-1y6l765-MuiPickersLayout-root": {
-      display: "inline-block"
-    },
-    "& .MuiPaper-root": {
-      background: "var(--wm-timepicker-background)",
-      padding: "var(--wm-timepicker-padding)",
-      borderRadius: "var(--wm-timepicker-border-radius)"
-    },
-    "& .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"
-    }
-  };
-};
-var buttonStyles = exports.buttonStyles = function buttonStyles() {
-  return {
-    "& .MuiButton-root": {
-      "--wm-btn-color": "var(--wm-color-primary)",
-      "--wm-btn-state-layer-color": "var(--wm-color-primary)",
-      background: "none",
-      border: "none"
-    }
-  };
-};