@wavemaker-ai/react-runtime 1.0.0-rc.647502 → 1.0.0-rc.647565

package/components/basic/spinner/index.js

@@ -1,205 +1,215 @@
-"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 _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-ai/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 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 _ref;
-    // Prevent state updates if component is unmounted
-    if (!isMounted.current) return;
-    var updateState = (_ref = event === _props.VariableEvents.SUCCESS ? variable : undefined) !== null && _ref !== void 0 ? _ref : {};
-    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 __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
-  };
-  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);
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { memo, useEffect, useState, useMemo, useRef } from "react";
+import Box from "@mui/material/Box";
+import Typography from "@mui/material/Typography";
+import CircularProgress from "@mui/material/CircularProgress";
+import clsx from "clsx";
+import { withBaseWrapper } from "../../../higherOrder/withBaseWrapper";
+import { VariableEvents } from "./props";
+const WmSpinner = memo(
+  (props) => {
+    var _a;
+    const {
+      caption = "",
+      name,
+      type = "icon",
+      iconclass = "fa fa-circle-o-notch fa-spin",
+      iconsize,
+      imagewidth = "20px",
+      imageheight,
+      animation = "spin",
+      styles,
+      className,
+      id,
+      servicevariabletotrack,
+      show,
+      hint,
+      arialabel
+    } = props;
+    const DEFAULT_CLS = "app-spinner";
+    const servicesRef = useRef(null);
+    const isMounted = useRef(true);
+    const invokedVariablesRef = useRef(/* @__PURE__ */ new Set());
+    const [trackedVariable, setTrackedVariable] = useState({});
+    const parsedShow = useMemo(() => {
+      return !!show;
+    }, [show]);
+    const [isVisible, setIsVisible] = useState(parsedShow);
+    const handleVariableEvent = (variableName, event, variable) => {
+      var _a2;
+      if (!isMounted.current) return;
+      const updateState = (_a2 = event === VariableEvents.SUCCESS ? variable : void 0) != null ? _a2 : {};
+      setTrackedVariable((prev) => __spreadProps(__spreadValues({}, prev), {
+        [variableName]: __spreadProps(__spreadValues({}, prev[variableName] || {}), {
+          loading: event === VariableEvents.BEFORE_INVOKE,
+          error: event === VariableEvents.ERROR ? variable : null,
+          variable,
+          spinnerMessage: variable.spinnerMessage,
+          spinnerContext: variable.spinnerContext
+        })
+      }));
+      if (updateState != void 0) {
+        messageHandler(variableName);
+      }
+    };
+    const messageHandler = (key) => {
+      var _a2;
+      return /* @__PURE__ */ jsx(Typography, { component: "p", children: (_a2 = trackedVariable[key]) == null ? void 0 : _a2.spinnerMessage }, key);
+    };
+    useEffect(() => {
+      var _a2;
+      const newSubscriptions = [];
+      if (servicevariabletotrack && props.listener) {
+        servicesRef.current = servicevariabletotrack.split(",");
+        const Variables = (_a2 = props.listener) == null ? void 0 : _a2.Variables;
+        if (!Variables) return;
+        servicesRef.current.forEach((name2) => {
+          const variable = Variables[name2];
+          if (variable) {
+            if (typeof variable.invoke === "function" && !invokedVariablesRef.current.has(name2)) {
+              variable.invoke();
+              invokedVariablesRef.current.add(name2);
+            }
+            Object.values(VariableEvents).forEach((event) => {
+              const handler = () => handleVariableEvent(name2, event, variable);
+              if (variable && typeof variable.subscribe === "function") {
+                variable.subscribe(event, handler);
+                newSubscriptions.push({ variable, event, handler });
+              }
+            });
+          }
+        });
+      }
+      return () => {
+        newSubscriptions.forEach(({ variable, event, handler }) => {
+          if (variable && typeof variable.unsubscribe === "function") {
+            variable.unsubscribe(event, handler);
           }
-          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
-              });
+        });
+      };
+    }, [servicevariabletotrack, (_a = props.listener) == null ? void 0 : _a.Variables]);
+    useEffect(() => {
+      if (servicevariabletotrack) {
+        const services = servicevariabletotrack.split(",");
+        const isLoading = services.some(
+          (serviceName) => {
+            var _a2;
+            return ((_a2 = trackedVariable[serviceName]) == null ? void 0 : _a2.loading) === true;
+          }
+        );
+        setIsVisible(isLoading);
+      } else {
+        setIsVisible(parsedShow);
+      }
+    }, [trackedVariable, servicevariabletotrack, parsedShow]);
+    const renderSpinnerContent = () => {
+      if (type === "image" && props.image) {
+        return /* @__PURE__ */ jsx(
+          Box,
+          {
+            component: "span",
+            className: clsx(
+              "spinner-image",
+              "wm-spinner-image",
+              "animated infinite",
+              animation === "spin" ? "fa-spin" : animation
+            ),
+            style: {
+              "--wm-spinner-image-width": imagewidth || "20px",
+              "--wm-spinner-image-height": imageheight || "auto",
+              "--wm-spinner-image-bg-image": `url(${props.image})`,
+              "--wm-spinner-image-bg-size": imagewidth || "20px"
+            },
+            "aria-hidden": "true"
+          }
+        );
+      }
+      if (type === "icon") {
+        return /* @__PURE__ */ jsx(
+          "i",
+          {
+            className: clsx(
+              "spinner-image animated infinite",
+              "wm-spinner-icon",
+              iconclass,
+              animation === "spin" ? "fa-spin" : animation
+            ),
+            "aria-hidden": "true",
+            style: {
+              "--wm-spinner-icon-size": iconsize
             }
-          });
-        }
-      });
-    }
-    return function () {
-      newSubscriptions.forEach(function (_ref2) {
-        var variable = _ref2.variable,
-          event = _ref2.event,
-          handler = _ref2.handler;
-        if (variable && typeof variable.unsubscribe === "function") {
-          variable.unsubscribe(event, handler);
-        }
-      });
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx(CircularProgress, {});
     };
-  }, [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(_Box["default"], {
-        component: "span",
-        className: (0, _clsx["default"])("spinner-image", "wm-spinner-image", "animated infinite", animation === "spin" ? "fa-spin" : animation),
-        style: {
-          "--wm-spinner-image-width": imagewidth || "20px",
-          "--wm-spinner-image-height": imageheight || "auto",
-          "--wm-spinner-image-bg-image": "url(".concat(props.image, ")"),
-          "--wm-spinner-image-bg-size": imagewidth || "20px"
-        },
-        "aria-hidden": "true"
-      });
-    }
-    if (type === "icon") {
-      return __jsx("i", {
-        className: (0, _clsx["default"])("spinner-image animated infinite", "wm-spinner-icon", iconclass, animation === "spin" ? "fa-spin" : animation),
-        "aria-hidden": "true",
-        style: {
-          "--wm-spinner-icon-size": 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",
-    hidden: props.hidden
-  }, __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];
-  });
-});
+    const hasDynamicMessages = servicevariabletotrack && Object.keys(trackedVariable).length > 0;
+    const shouldShowStaticCaption = caption && !hasDynamicMessages;
+    return /* @__PURE__ */ jsx(Fragment, { children: isVisible && /* @__PURE__ */ jsx(
+      Box,
+      {
+        title: hint,
+        className: clsx(DEFAULT_CLS, className),
+        style: styles,
+        id,
+        "aria-label": arialabel,
+        role: "alert",
+        "aria-live": "polite",
+        "aria-busy": "true",
+        hidden: props.hidden,
+        children: /* @__PURE__ */ jsxs(Box, { className: "spinner-message", children: [
+          renderSpinnerContent(),
+          shouldShowStaticCaption && /* @__PURE__ */ jsx(
+            Typography,
+            {
+              component: "span",
+              className: "spinner-text",
+              dangerouslySetInnerHTML: { __html: caption }
+            }
+          ),
+          hasDynamicMessages && /* @__PURE__ */ jsx(Box, { className: "spinner-messages", children: Object.keys(trackedVariable).map((key) => messageHandler(key)) })
+        ] })
+      }
+    ) });
+  },
+  (prev, current) => {
+    const keys = [
+      "caption",
+      "type",
+      "servicevariabletotrack",
+      "show",
+      "iconclass",
+      "iconsize",
+      "image",
+      "imagewidth",
+      "imageheight",
+      "animation"
+    ];
+    return keys.every((key) => prev[key] === current[key]);
+  }
+);
 WmSpinner.displayName = "WmSpinner";
-
-/**
- * The WmSpinner component is used to show a loading indicator, which can be an icon,
- * an image, or a default circular progress bar. It can track service variables to
- * automatically show/hide based on their loading state.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/basic-spinner--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/basic-spinner--docs)
- *
- * @param props - {@link WmSpinnerProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmSpinner);
+var spinner_default = withBaseWrapper(WmSpinner);
+export {
+  WmSpinner,
+  spinner_default as default
+};

package/components/basic/spinner/props.js

@@ -1,27 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VariableEvents = void 0;
-/**
- * Interface for subscription to variable events.
- */
-
-/**
- * Events that can be triggered by a service variable.
- */
-var VariableEvents = exports.VariableEvents = {
+const VariableEvents = {
   BEFORE_INVOKE: "beforeInvoke",
   SUCCESS: "success",
   ERROR: "error",
   AFTER_INVOKE: "afterInvoke"
 };
-
-/**
- * Base props specific to the WmSpinner component.
- */
-
-/**
- * Combined props for the WmSpinner component, including base WaveMaker props.
- */
+export {
+  VariableEvents
+};

package/components/basic/tile/index.js

@@ -1,104 +1,96 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.WmTile = WmTile;
-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 _clsx = _interopRequireDefault(require("clsx"));
-var _react = _interopRequireDefault(require("react"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
-var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
-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";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import Box from "@mui/material/Box";
+import { withBaseWrapper } from "../../../higherOrder/withBaseWrapper";
+import { removeInvalidAttributes } from "../../../utils/attr";
+const DEFAULT_TILE_CLASS = "app-tile";
 function WmTile(props) {
-  var styles = props.styles,
-    className = props.className,
-    restProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  const _a = props, { styles, className } = _a, restProps = __objRest(_a, ["styles", "className"]);
   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);
+    var _a2;
+    (_a2 = props == null ? void 0 : props.onClick) == null ? void 0 : _a2.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);
+    var _a2;
+    (_a2 = props == null ? void 0 : props.onBlur) == null ? void 0 : _a2.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);
+    var _a2;
+    (_a2 = props == null ? void 0 : props.onFocus) == null ? void 0 : _a2.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);
+    var _a2;
+    (_a2 = props == null ? void 0 : props.onMouseOver) == null ? void 0 : _a2.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);
+    var _a2;
+    (_a2 = props == null ? void 0 : props.onMouseOut) == null ? void 0 : _a2.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);
+    var _a2;
+    (_a2 = props == null ? void 0 : props.onMouseEnter) == null ? void 0 : _a2.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);
+    var _a2;
+    (_a2 = props == null ? void 0 : props.onMouseLeave) == null ? void 0 : _a2.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);
+    var _a2;
+    (_a2 = props == null ? void 0 : props.onDoubleClick) == null ? void 0 : _a2.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);
+    var _a2;
+    (_a2 = props == null ? void 0 : props.onKeydown) == null ? void 0 : _a2.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 _a2;
+    (_a2 = props == null ? void 0 : props.onKeyup) == null ? void 0 : _a2.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
-  }, (0, _attr.removeInvalidAttributes)(restProps), domEvents), props.children);
+  const domEvents = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, (props == null ? void 0 : props.onBlur) && { onBlur: handleOnBlur }), (props == null ? void 0 : props.onFocus) && { onFocus: handleOnFocus }), (props == null ? void 0 : props.onMouseEnter) && { onMouseEnter: handleMouseEnter }), (props == null ? void 0 : props.onMouseLeave) && { onMouseLeave: handleMouseLeave }), (props == null ? void 0 : props.onMouseOver) && { onMouseOver: handleMouseOver }), (props == null ? void 0 : props.onMouseOut) && { onMouseOut: handleMouseOut }), (props == null ? void 0 : props.onDoubleClick) && { onDoubleClick: handleDoubleClick }), (props == null ? void 0 : props.onKeydown) && { onKeyDown: handleKeyDown }), (props == null ? void 0 : props.onKeyup) && { onKeyUp: handleKeyUp }), (props == null ? void 0 : props.onClick) && { onClick: handleClick });
+  return /* @__PURE__ */ jsx(
+    Box,
+    __spreadProps(__spreadValues(__spreadValues({
+      className: clsx(DEFAULT_TILE_CLASS, className),
+      style: styles
+    }, removeInvalidAttributes(restProps)), domEvents), {
+      children: props.children
+    })
+  );
 }
 WmTile.displayName = "WmTile";
-
-/**
- * The WmTile component is a flexible container that can be used to group related
- * content and handle various user interactions.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/containers-tile--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/containers-tile--docs)
- *
- * @param props - {@link WmTileProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmTile);
+var tile_default = withBaseWrapper(WmTile);
+export {
+  WmTile,
+  tile_default as default
+};

package/components/basic/tile/props.js

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