@wavemaker/react-runtime 11.14.1-15.6409

package/components/basic/search/props.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/components/basic/search/providers.js

@@ -0,0 +1,350 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LocalDataProvider = exports.DataProvider = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _lodash = require("lodash");
+// Enhanced LocalDataProvider with React Native logic
+var LocalDataProvider = exports.LocalDataProvider = /*#__PURE__*/function () {
+  function LocalDataProvider() {
+    (0, _classCallCheck2["default"])(this, LocalDataProvider);
+  }
+  (0, _createClass2["default"])(LocalDataProvider, [{
+    key: "createEmptyResult",
+    value: function createEmptyResult() {
+      return {
+        data: [],
+        hasMoreData: false,
+        isLastPage: true
+      };
+    }
+  }, {
+    key: "applyFilter",
+    value: function applyFilter(entry, queryText) {
+      entry = (0, _lodash.isNumber)(entry) ? entry.toString() : entry;
+      return (0, _lodash.includes)(entry, queryText);
+    }
+  }, {
+    key: "filter",
+    value: function filter(config) {
+      var _this = this;
+      var entries = config.dataset || [];
+      var queryText = typeof config.query === "string" ? config.query : "";
+      var searchKey = config.searchKey,
+        _config$casesensitive = config.casesensitive,
+        casesensitive = _config$casesensitive === void 0 ? false : _config$casesensitive;
+      var filteredData = [];
+      return new Promise(function (resolve) {
+        // If searchkey is defined, then check for match string against each item in the dataset
+        if (searchKey) {
+          var keys = (0, _lodash.split)(searchKey, ",");
+          if (!entries.length) {
+            return resolve(_this.createEmptyResult());
+          }
+          var entryObj = entries[0];
+          entryObj = entryObj.hasOwnProperty("dataObject") ? entryObj["dataObject"] : entryObj;
+          var entryKeys = Object.keys(entryObj);
+          var hasEntry = keys.find(function (k) {
+            if (k.includes(".")) {
+              k = (0, _lodash.split)(k, ".")[0];
+            }
+            return entryKeys.includes(k);
+          });
+          if (!hasEntry) {
+            // Widget bound to query variable, searchkey is query or path params
+            return resolve({
+              data: entries,
+              hasMoreData: false,
+              isLastPage: true
+            });
+          }
+          filteredData = (0, _lodash.filter)(entries, function (item) {
+            return keys.some(function (key) {
+              var a = (0, _lodash.get)(item.dataObject || item, key);
+              var b = queryText;
+              if (!casesensitive) {
+                a = (0, _lodash.toLower)(String(a));
+                b = (0, _lodash.toLower)(String(b));
+              }
+              return _this.applyFilter(a, b);
+            });
+          });
+        } else {
+          // Local search on data with array of objects
+          if ((0, _lodash.isArray)(entries) && entries.length > 0) {
+            // Check if entries have dataObject property (normalized format)
+            var hasDataObject = entries[0] && entries[0].hasOwnProperty("dataObject");
+            if (hasDataObject) {
+              // Handle normalized dataset format
+              filteredData = (0, _lodash.filter)(entries, function (entry) {
+                var dataObj = entry.dataObject || entry;
+                var a = (0, _lodash.isString)(dataObj) ? dataObj : (0, _lodash.values)(dataObj).join(" ");
+                if (!casesensitive) {
+                  a = (0, _lodash.toLower)(String(a));
+                  queryText = (0, _lodash.toLower)(String(queryText));
+                }
+                return _this.applyFilter(a, queryText);
+              });
+            } else if ((0, _lodash.isObject)(entries[0])) {
+              // Handle regular object array
+              filteredData = (0, _lodash.filter)(entries, function (entry) {
+                var dataObj = entry.dataObject || entry;
+                var a = (0, _lodash.isString)(dataObj) ? dataObj : (0, _lodash.values)(dataObj).join(" ");
+                if (!casesensitive) {
+                  a = (0, _lodash.toLower)(String(a));
+                  queryText = (0, _lodash.toLower)(String(queryText));
+                }
+                return _this.applyFilter(a, queryText);
+              });
+            } else {
+              // Handle primitive values
+              filteredData = (0, _lodash.filter)(entries, function (entry) {
+                var entryValue = entry;
+                if (!casesensitive) {
+                  entryValue = (0, _lodash.toLower)(String(entryValue));
+                  queryText = (0, _lodash.toLower)(String(queryText));
+                }
+                return _this.applyFilter(entryValue, queryText);
+              });
+            }
+          } else {
+            filteredData = (0, _lodash.filter)(entries, function (entry) {
+              var entryValue = entry;
+              if (!casesensitive) {
+                entryValue = (0, _lodash.toLower)(String(entryValue));
+                queryText = (0, _lodash.toLower)(String(queryText));
+              }
+              return _this.applyFilter(entryValue, queryText);
+            });
+          }
+        }
+        resolve({
+          data: filteredData,
+          hasMoreData: false,
+          isLastPage: true
+        });
+      });
+    }
+
+    // Keep existing methods for backward compatibility (not used till now)
+  }, {
+    key: "performFiltering",
+    value: function performFiltering(entries, query, matchMode, datafield, searchKey) {
+      var isAllFieldsSearch = datafield === "All Fields" || !datafield;
+      if (isAllFieldsSearch) {
+        return this.filterAllFields(entries, query, matchMode);
+      }
+      return this.filterSpecificFields(entries, query, matchMode, datafield, searchKey);
+    }
+  }, {
+    key: "filterAllFields",
+    value: function filterAllFields(entries, query, matchMode) {
+      var _this2 = this;
+      if (this.isObjectArray(entries)) {
+        return entries === null || entries === void 0 ? void 0 : entries.filter(function (entry) {
+          return Object.keys(entry).some(function (key) {
+            return _this2.matchesField(entry[key], query, matchMode);
+          });
+        });
+      }
+      return entries === null || entries === void 0 ? void 0 : entries.filter(function (entry) {
+        return _this2.matchesField(entry, query, matchMode);
+      });
+    }
+  }, {
+    key: "filterSpecificFields",
+    value: function filterSpecificFields(entries, query, matchMode, datafield, searchKey) {
+      var _this3 = this;
+      var keys = searchKey ? searchKey.split(",") : [datafield];
+      return entries === null || entries === void 0 ? void 0 : entries.filter(function (item) {
+        return keys.some(function (key) {
+          if (!key || item[key] === undefined) return false;
+          return _this3.matchesField(item[key], query, matchMode);
+        });
+      });
+    }
+  }, {
+    key: "matchesField",
+    value: function matchesField(fieldValue, query, matchMode) {
+      if (fieldValue == null) return false;
+      var normalizedField = this.normalizeValue(fieldValue);
+      var normalizedQuery = this.normalizeValue(query);
+      return this.applyMatchMode(normalizedField, normalizedQuery, matchMode);
+    }
+  }, {
+    key: "normalizeValue",
+    value: function normalizeValue(value) {
+      var _value$toString$toLow;
+      return (_value$toString$toLow = value === null || value === void 0 ? void 0 : value.toString().toLowerCase()) !== null && _value$toString$toLow !== void 0 ? _value$toString$toLow : "";
+    }
+  }, {
+    key: "isObjectArray",
+    value: function isObjectArray(entries) {
+      return Array.isArray(entries) && entries.length > 0 && (0, _typeof2["default"])(entries[0]) === "object";
+    }
+  }, {
+    key: "applyMatchMode",
+    value: function applyMatchMode(entry, queryText, matchMode) {
+      if (!queryText) return true;
+      if (matchMode !== null && matchMode !== void 0 && matchMode.includes("start")) {
+        return entry.startsWith(queryText);
+      }
+      if (matchMode !== null && matchMode !== void 0 && matchMode.includes("end")) {
+        return entry.endsWith(queryText);
+      }
+      if (matchMode !== null && matchMode !== void 0 && matchMode.includes("exact")) {
+        return entry === queryText;
+      }
+      return entry.includes(queryText);
+    }
+  }]);
+  return LocalDataProvider;
+}(); // Enhanced DataProvider with React Native logic
+var DataProvider = exports.DataProvider = /*#__PURE__*/function () {
+  function DataProvider() {
+    (0, _classCallCheck2["default"])(this, DataProvider);
+    (0, _defineProperty2["default"])(this, "localDataProvider", new LocalDataProvider());
+  }
+  (0, _createClass2["default"])(DataProvider, [{
+    key: "init",
+    value:
+    // Check if the variable is of type service variable and whether update is required
+    function init(component) {
+      if (component !== null && component !== void 0 && component.isUpdateRequired) {
+        return component === null || component === void 0 ? void 0 : component.isUpdateRequired();
+      }
+      return false;
+    }
+
+    // Setting the inputFields and invoking the variable for API calls
+  }, {
+    key: "invokeVariable",
+    value: function () {
+      var _invokeVariable = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(component, query) {
+        var paramsObj;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              paramsObj = null;
+              if (component !== null && component !== void 0 && component.searchkey) {
+                component === null || component === void 0 || component.searchkey.split(",").forEach(function (k) {
+                  if (!paramsObj) {
+                    paramsObj = {};
+                  }
+                  paramsObj[k] = query;
+                });
+              }
+
+              // Use the onQuerySearch callback if available
+              if (!(component !== null && component !== void 0 && component.onQuerySearch)) {
+                _context.next = 4;
+                break;
+              }
+              return _context.abrupt("return", new Promise(function (resolve, reject) {
+                component === null || component === void 0 || component.onQuerySearch(paramsObj, function (response) {
+                  return resolve(response);
+                }, function (error) {
+                  return reject(error);
+                });
+              }));
+            case 4:
+              return _context.abrupt("return", Promise.resolve());
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      function invokeVariable(_x, _x2) {
+        return _invokeVariable.apply(this, arguments);
+      }
+      return invokeVariable;
+    }()
+  }, {
+    key: "filter",
+    value: function () {
+      var _filter2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(config) {
+        var searchKey, keys, updateRequired, response, dataSet;
+        return _regenerator["default"].wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              searchKey = config.searchKey; // If searchkey is provided, check if we need to make an API call
+              if (!searchKey) {
+                _context2.next = 22;
+                break;
+              }
+              keys = (0, _lodash.split)(searchKey, ",");
+              if (!(keys.length && config.component)) {
+                _context2.next = 22;
+                break;
+              }
+              // Check if update is required for service variables
+              updateRequired = this.init(config.component);
+              if (!updateRequired) {
+                _context2.next = 22;
+                break;
+              }
+              _context2.prev = 6;
+              _context2.next = 9;
+              return this.invokeVariable(config.component, config.query || "");
+            case 9:
+              response = _context2.sent;
+              if (!response) {
+                _context2.next = 16;
+                break;
+              }
+              dataSet = response.dataSet || response;
+              if (!(0, _lodash.isEmpty)(dataSet)) {
+                _context2.next = 14;
+                break;
+              }
+              return _context2.abrupt("return", {
+                data: [],
+                hasMoreData: false,
+                isLastPage: true
+              });
+            case 14:
+              if ((0, _lodash.isObject)(dataSet) && !(0, _lodash.isArray)(dataSet)) {
+                dataSet = [dataSet];
+              }
+              return _context2.abrupt("return", {
+                data: dataSet,
+                hasMoreData: false,
+                isLastPage: true
+              });
+            case 16:
+              _context2.next = 22;
+              break;
+            case 18:
+              _context2.prev = 18;
+              _context2.t0 = _context2["catch"](6);
+              console.error("API call failed:", _context2.t0);
+              return _context2.abrupt("return", {
+                data: [],
+                hasMoreData: false,
+                isLastPage: true
+              });
+            case 22:
+              return _context2.abrupt("return", this.localDataProvider.filter(config));
+            case 23:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this, [[6, 18]]);
+      }));
+      function filter(_x3) {
+        return _filter2.apply(this, arguments);
+      }
+      return filter;
+    }()
+  }]);
+  return DataProvider;
+}();

package/components/basic/spinner/index.js

@@ -0,0 +1,202 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WmSpinner = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _styles = require("@mui/material/styles");
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _withBaseWrapper = require("@wavemaker/react-runtime/higherOrder/withBaseWrapper");
+var _props = require("./props");
+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;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SpinnerImage = (0, _styles.styled)(_Box["default"])(function (_ref) {
+  var imagewidth = _ref.imagewidth,
+    imageheight = _ref.imageheight,
+    picture = _ref.picture;
+  return {
+    width: imagewidth || "20px",
+    height: imageheight || "auto",
+    backgroundImage: picture ? "url(".concat(picture, ")") : undefined,
+    backgroundSize: imagewidth || "20px",
+    backgroundRepeat: "no-repeat",
+    display: "inline-block"
+  };
+});
+var WmSpinner = exports.WmSpinner = /*#__PURE__*/(0, _react.memo)(function (props) {
+  var _props$listener2;
+  var _props$caption = props.caption,
+    caption = _props$caption === void 0 ? "" : _props$caption,
+    name = props.name,
+    _props$type = props.type,
+    type = _props$type === void 0 ? "icon" : _props$type,
+    _props$iconclass = props.iconclass,
+    iconclass = _props$iconclass === void 0 ? "fa fa-circle-o-notch fa-spin" : _props$iconclass,
+    iconsize = props.iconsize,
+    _props$imagewidth = props.imagewidth,
+    imagewidth = _props$imagewidth === void 0 ? "20px" : _props$imagewidth,
+    imageheight = props.imageheight,
+    _props$animation = props.animation,
+    animation = _props$animation === void 0 ? "spin" : _props$animation,
+    styles = props.styles,
+    className = props.className,
+    id = props.id,
+    servicevariabletotrack = props.servicevariabletotrack,
+    show = props.show,
+    hint = props.hint,
+    arialabel = props.arialabel;
+  var DEFAULT_CLS = "app-spinner";
+  var servicesRef = (0, _react.useRef)(null);
+  var isMounted = (0, _react.useRef)(true);
+  var invokedVariablesRef = (0, _react.useRef)(new Set());
+  var _useState = (0, _react.useState)({}),
+    trackedVariable = _useState[0],
+    setTrackedVariable = _useState[1];
+  var parsedShow = (0, _react.useMemo)(function () {
+    return !!show;
+  }, [show]);
+  var _useState2 = (0, _react.useState)(parsedShow),
+    isVisible = _useState2[0],
+    setIsVisible = _useState2[1];
+  var handleVariableEvent = function handleVariableEvent(variableName, event, variable) {
+    var _ref2;
+    // Prevent state updates if component is unmounted
+    if (!isMounted.current) return;
+    var updateState = (_ref2 = event === _props.VariableEvents.SUCCESS ? variable : undefined) !== null && _ref2 !== void 0 ? _ref2 : {};
+    setTrackedVariable(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, (0, _defineProperty2["default"])({}, variableName, _objectSpread(_objectSpread({}, prev[variableName] || {}), {}, {
+        loading: event === _props.VariableEvents.BEFORE_INVOKE,
+        error: event === _props.VariableEvents.ERROR ? variable : null,
+        variable: variable,
+        spinnerMessage: variable.spinnerMessage,
+        spinnerContext: variable.spinnerContext
+      })));
+    });
+    if (updateState != undefined) {
+      messageHandler(variableName);
+    }
+  };
+  var messageHandler = function messageHandler(key) {
+    var _trackedVariable$key;
+    return __jsx(_Typography["default"], {
+      component: "p",
+      key: key
+    }, (_trackedVariable$key = trackedVariable[key]) === null || _trackedVariable$key === void 0 ? void 0 : _trackedVariable$key.spinnerMessage);
+  };
+  (0, _react.useEffect)(function () {
+    var newSubscriptions = [];
+    if (servicevariabletotrack && props.listener) {
+      var _props$listener;
+      servicesRef.current = servicevariabletotrack.split(",");
+      var Variables = (_props$listener = props.listener) === null || _props$listener === void 0 ? void 0 : _props$listener.Variables;
+      if (!Variables) return; // Guard if listener or Variables is not present
+      servicesRef.current.forEach(function (name) {
+        var variable = Variables[name];
+        if (variable) {
+          if (typeof variable.invoke === "function" && !invokedVariablesRef.current.has(name)) {
+            variable.invoke();
+            invokedVariablesRef.current.add(name);
+          }
+          Object.values(_props.VariableEvents).forEach(function (event) {
+            var handler = function handler() {
+              return handleVariableEvent(name, event, variable);
+            };
+            if (variable && typeof variable.subscribe === "function") {
+              variable.subscribe(event, handler);
+              newSubscriptions.push({
+                variable: variable,
+                event: event,
+                handler: handler
+              });
+            }
+          });
+        }
+      });
+    }
+    return function () {
+      newSubscriptions.forEach(function (_ref3) {
+        var variable = _ref3.variable,
+          event = _ref3.event,
+          handler = _ref3.handler;
+        if (variable && typeof variable.unsubscribe === "function") {
+          variable.unsubscribe(event, handler);
+        }
+      });
+    };
+  }, [servicevariabletotrack, (_props$listener2 = props.listener) === null || _props$listener2 === void 0 ? void 0 : _props$listener2.Variables]);
+  (0, _react.useEffect)(function () {
+    if (servicevariabletotrack) {
+      // If servicevariabletotrack is defined, its loading state dictates visibility
+      var services = servicevariabletotrack.split(",");
+      var isLoading = services.some(function (serviceName) {
+        var _trackedVariable$serv;
+        return ((_trackedVariable$serv = trackedVariable[serviceName]) === null || _trackedVariable$serv === void 0 ? void 0 : _trackedVariable$serv.loading) === true;
+      });
+      setIsVisible(isLoading);
+    } else {
+      // If servicevariabletotrack is NOT defined, parsedShow dictates visibility
+      setIsVisible(parsedShow);
+    }
+  }, [trackedVariable, servicevariabletotrack, parsedShow]);
+  var renderSpinnerContent = function renderSpinnerContent() {
+    if (type === "image" && props.image) {
+      return __jsx(SpinnerImage, {
+        imagewidth: imagewidth,
+        imageheight: imageheight,
+        picture: props.image,
+        className: (0, _clsx["default"])("spinner-image animated infinite", animation === "spin" ? "fa-spin" : animation),
+        "aria-hidden": "true"
+      });
+    }
+    if (type === "icon") {
+      return __jsx("i", {
+        className: (0, _clsx["default"])("spinner-image animated infinite", iconclass, animation === "spin" ? "fa-spin" : animation),
+        "aria-hidden": "true",
+        style: {
+          fontSize: iconsize
+        }
+      });
+    }
+    return __jsx(_CircularProgress["default"], null);
+  };
+  var hasDynamicMessages = servicevariabletotrack && Object.keys(trackedVariable).length > 0;
+  var shouldShowStaticCaption = caption && !hasDynamicMessages;
+  return __jsx(_react["default"].Fragment, null, isVisible && __jsx(_Box["default"], {
+    title: hint,
+    className: (0, _clsx["default"])(DEFAULT_CLS, className),
+    style: styles,
+    id: id,
+    "aria-label": arialabel,
+    role: "alert",
+    "aria-live": "polite",
+    "aria-busy": "true"
+  }, __jsx(_Box["default"], {
+    className: "spinner-message"
+  }, renderSpinnerContent(), shouldShowStaticCaption && __jsx(_Typography["default"], {
+    component: "span",
+    className: "spinner-text",
+    dangerouslySetInnerHTML: {
+      __html: caption
+    }
+  }), hasDynamicMessages && __jsx(_Box["default"], {
+    className: "spinner-messages"
+  }, Object.keys(trackedVariable).map(function (key) {
+    return messageHandler(key);
+  })))));
+}, function (prev, current) {
+  var keys = ["caption", "type", "servicevariabletotrack", "show", "iconclass", "iconsize", "image", "imagewidth", "imageheight", "animation"];
+  return keys.every(function (key) {
+    return prev[key] === current[key];
+  });
+});
+WmSpinner.displayName = "WmSpinner";
+var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmSpinner);

package/components/basic/spinner/props.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VariableEvents = void 0;
+var VariableEvents = exports.VariableEvents = {
+  BEFORE_INVOKE: "beforeInvoke",
+  SUCCESS: "success",
+  ERROR: "error",
+  AFTER_INVOKE: "afterInvoke"
+};

package/components/basic/tile/index.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _withBaseWrapper = require("@wavemaker/react-runtime/higherOrder/withBaseWrapper");
+var _clsx = _interopRequireDefault(require("clsx"));
+var _excluded = ["styles", "className"];
+var __jsx = _react["default"].createElement;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DEFAULT_TILE_CLASS = "app-tile";
+function WmTile(props) {
+  var styles = props.styles,
+    className = props.className,
+    restProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  function handleClick(event) {
+    var _props$onClick;
+    props === null || props === void 0 || (_props$onClick = props.onClick) === null || _props$onClick === void 0 || _props$onClick.call(props, event, props);
+  }
+  function handleOnBlur(event) {
+    var _props$onBlur;
+    props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, event, props);
+  }
+  function handleOnFocus(event) {
+    var _props$onFocus;
+    props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props, event, props);
+  }
+  function handleMouseOver(event) {
+    var _props$onMouseOver;
+    props === null || props === void 0 || (_props$onMouseOver = props.onMouseOver) === null || _props$onMouseOver === void 0 || _props$onMouseOver.call(props, event, props);
+  }
+  function handleMouseOut(event) {
+    var _props$onMouseOut;
+    props === null || props === void 0 || (_props$onMouseOut = props.onMouseOut) === null || _props$onMouseOut === void 0 || _props$onMouseOut.call(props, event, props);
+  }
+  function handleMouseEnter(event) {
+    var _props$onMouseEnter;
+    props === null || props === void 0 || (_props$onMouseEnter = props.onMouseEnter) === null || _props$onMouseEnter === void 0 || _props$onMouseEnter.call(props, event, props);
+  }
+  function handleMouseLeave(event) {
+    var _props$onMouseLeave;
+    props === null || props === void 0 || (_props$onMouseLeave = props.onMouseLeave) === null || _props$onMouseLeave === void 0 || _props$onMouseLeave.call(props, event, props);
+  }
+  function handleDoubleClick(event) {
+    var _props$onDoubleClick;
+    props === null || props === void 0 || (_props$onDoubleClick = props.onDoubleClick) === null || _props$onDoubleClick === void 0 || _props$onDoubleClick.call(props, event, props);
+  }
+  function handleKeyDown(event) {
+    var _props$onKeydown;
+    props === null || props === void 0 || (_props$onKeydown = props.onKeydown) === null || _props$onKeydown === void 0 || _props$onKeydown.call(props, event, props);
+  }
+  function handleKeyUp(event) {
+    var _props$onKeyup;
+    props === null || props === void 0 || (_props$onKeyup = props.onKeyup) === null || _props$onKeyup === void 0 || _props$onKeyup.call(props, event, props);
+  }
+  var domEvents = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, (props === null || props === void 0 ? void 0 : props.onBlur) && {
+    onBlur: handleOnBlur
+  }), (props === null || props === void 0 ? void 0 : props.onFocus) && {
+    onFocus: handleOnFocus
+  }), (props === null || props === void 0 ? void 0 : props.onMouseEnter) && {
+    onMouseEnter: handleMouseEnter
+  }), (props === null || props === void 0 ? void 0 : props.onMouseLeave) && {
+    onMouseLeave: handleMouseLeave
+  }), (props === null || props === void 0 ? void 0 : props.onMouseOver) && {
+    onMouseOver: handleMouseOver
+  }), (props === null || props === void 0 ? void 0 : props.onMouseOut) && {
+    onMouseOut: handleMouseOut
+  }), (props === null || props === void 0 ? void 0 : props.onDoubleClick) && {
+    onDoubleClick: handleDoubleClick
+  }), (props === null || props === void 0 ? void 0 : props.onKeydown) && {
+    onKeyDown: handleKeyDown
+  }), (props === null || props === void 0 ? void 0 : props.onKeyup) && {
+    onKeyUp: handleKeyUp
+  }), (props === null || props === void 0 ? void 0 : props.onClick) && {
+    onClick: handleClick
+  });
+  return __jsx(_Box["default"], (0, _extends2["default"])({
+    className: (0, _clsx["default"])(DEFAULT_TILE_CLASS, className),
+    style: styles
+  }, restProps, domEvents), props.children);
+}
+WmTile.displayName = "WmTile";
+var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmTile);