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

package/components/basic/audio/index.js

@@ -1,73 +1,111 @@
-"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.WmAudio = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-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 = ["mp3format", "prefabName", "muted", "controls", "loop", "audiopreload", "audiosupportmessage", "autoplay", "hint", "arialabel", "tabindex", "styles", "className"];
-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;
-var DEFAULT_CLASS = "app-audio";
-var WmAudio = exports.WmAudio = /*#__PURE__*/(0, _react.memo)(function (props) {
-  var mp3format = props.mp3format,
-    prefabName = props.prefabName,
-    muted = props.muted,
-    controls = props.controls,
-    loop = props.loop,
-    audiopreload = props.audiopreload,
-    audiosupportmessage = props.audiosupportmessage,
-    autoplay = props.autoplay,
-    hint = props.hint,
-    arialabel = props.arialabel,
-    tabindex = props.tabindex,
-    styles = props.styles,
-    className = props.className,
-    restProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var computedSrc = (0, _react.useMemo)(function () {
-    return (0, _resourceUrl.prefixPrefabResourceUrl)(mp3format);
-  }, [mp3format, prefabName]);
-  return __jsx(_Box["default"], (0, _extends2["default"])({
-    className: (0, _clsx["default"])(DEFAULT_CLASS, className),
-    title: hint,
-    "aria-label": arialabel,
-    tabIndex: tabindex,
-    sx: styles,
-    style: styles
-  }, (0, _attr.removeInvalidAttributes)(restProps)), __jsx("audio", {
-    title: hint,
-    src: computedSrc || undefined,
-    muted: muted,
-    controls: controls,
-    loop: loop,
-    preload: audiopreload,
-    autoPlay: autoplay
-  }, audiosupportmessage, "Your browser does not support the audio element."));
-}, function (prev, current) {
-  var keys = ["mp3format", "hint", "arialabel", "tabindex"];
-  return keys.every(function (key) {
-    return prev[key] === current[key];
-  });
-});
+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, jsxs } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import clsx from "clsx";
+import Box from "@mui/material/Box";
+import { withBaseWrapper } from "../../../higherOrder/withBaseWrapper";
+import { prefixPrefabResourceUrl } from "../../../utils/resource-url";
+import { removeInvalidAttributes } from "../../../utils/attr";
+const DEFAULT_CLASS = "app-audio";
+const WmAudio = memo(
+  (props) => {
+    const _a = props, {
+      mp3format,
+      prefabName,
+      muted,
+      controls,
+      loop,
+      audiopreload,
+      audiosupportmessage,
+      autoplay,
+      hint,
+      arialabel,
+      tabindex,
+      styles,
+      className
+    } = _a, restProps = __objRest(_a, [
+      "mp3format",
+      "prefabName",
+      "muted",
+      "controls",
+      "loop",
+      "audiopreload",
+      "audiosupportmessage",
+      "autoplay",
+      "hint",
+      "arialabel",
+      "tabindex",
+      "styles",
+      "className"
+    ]);
+    const computedSrc = useMemo(() => prefixPrefabResourceUrl(mp3format), [mp3format, prefabName]);
+    return /* @__PURE__ */ jsx(
+      Box,
+      __spreadProps(__spreadValues({
+        className: clsx(DEFAULT_CLASS, className),
+        title: hint,
+        "aria-label": arialabel,
+        tabIndex: tabindex,
+        sx: styles,
+        style: styles
+      }, removeInvalidAttributes(restProps)), {
+        children: /* @__PURE__ */ jsxs(
+          "audio",
+          {
+            title: hint,
+            src: computedSrc || void 0,
+            muted,
+            controls,
+            loop,
+            preload: audiopreload,
+            autoPlay: autoplay,
+            children: [
+              audiosupportmessage,
+              "Your browser does not support the audio element."
+            ]
+          }
+        )
+      })
+    );
+  },
+  (prev, current) => {
+    const keys = ["mp3format", "hint", "arialabel", "tabindex"];
+    return keys.every((key) => prev[key] === current[key]);
+  }
+);
 WmAudio.displayName = "WmAudio";
-
-/**
- * The WmAudio component is used to play audio files within the application.
- * It supports various formats, preloading options, and playback controls.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/basic-audio--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/basic-audio--docs)
- *
- * @param props - {@link WmAudioProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmAudio);
+var audio_default = withBaseWrapper(WmAudio);
+export {
+  WmAudio,
+  audio_default as default
+};

package/components/basic/audio/props.js

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

package/components/basic/html/index.js

@@ -1,185 +1,169 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof3 = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WmHtml = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _material = require("@mui/material");
-var _dompurify = _interopRequireDefault(require("dompurify"));
-var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
-var _utils = require("@wavemaker-ai/react-runtime/components/basic/html/utils");
-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" != _typeof3(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 WmHtml = exports.WmHtml = function WmHtml(props) {
-  var name = props.name,
-    className = props.className,
-    arialabel = props.arialabel,
-    onMouseEnter = props.onMouseEnter,
-    onMouseLeave = props.onMouseLeave,
-    onClick = props.onClick,
-    onDoubleClick = props.onDoubleClick,
-    eventCallback = props.eventCallback,
-    forwardedRef = props.forwardedRef,
-    hint = props.hint,
-    content = props.content,
-    _props$trustAs = props.trustAs,
-    trustAs = _props$trustAs === void 0 ? false : _props$trustAs,
-    children = props.children,
-    horizontalalign = props.horizontalalign;
-  var htmlRef = (0, _react.useRef)(null);
-  var _useState = (0, _react.useState)(null),
-    initialContent = _useState[0],
-    setInitialContent = _useState[1];
-
-  // Capture initial children content if no content prop is provided.
-  // Only for string/HTML children — React element children are rendered directly.
-  (0, _react.useEffect)(function () {
-    if (!content && !initialContent && htmlRef.current && children && !(0, _utils.isReactContent)(children)) {
-      var childContent = typeof children === "string" ? children : htmlRef.current.innerHTML;
+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));
+import { jsx } from "react/jsx-runtime";
+import { useRef, useEffect, useState, useCallback, useMemo } from "react";
+import clsx from "clsx";
+import { Box } from "@mui/material";
+import DOMPurify from "dompurify";
+import { withBaseWrapper } from "../../../higherOrder/withBaseWrapper";
+import { getStyles, isReactContent } from "./utils";
+const WmHtml = (props) => {
+  const {
+    name,
+    className,
+    arialabel,
+    onMouseEnter,
+    onMouseLeave,
+    onClick,
+    onDoubleClick,
+    // Event functions coming from BaseProps
+    eventCallback,
+    forwardedRef,
+    hint,
+    content,
+    trustAs = false,
+    children,
+    horizontalalign
+  } = props;
+  const htmlRef = useRef(null);
+  const [initialContent, setInitialContent] = useState(null);
+  useEffect(() => {
+    if (!content && !initialContent && htmlRef.current && children && !isReactContent(children)) {
+      const childContent = typeof children === "string" ? children : htmlRef.current.innerHTML;
       setInitialContent(childContent);
     }
   }, [content, children, initialContent]);
-
-  // Event handlers with proper types
-  var handleClick = (0, _react.useCallback)(function (e) {
-    onClick === null || onClick === void 0 || onClick(e, props);
-    eventCallback === null || eventCallback === void 0 || eventCallback("click", {
-      $event: e
-    });
-  }, [onClick, props, eventCallback]);
-  var handleDoubleClick = (0, _react.useCallback)(function (e) {
-    onDoubleClick === null || onDoubleClick === void 0 || onDoubleClick(e, props);
-    eventCallback === null || eventCallback === void 0 || eventCallback("dblclick", {
-      $event: e
-    });
-  }, [onDoubleClick, props, eventCallback]);
-  var handleMouseEnter = (0, _react.useCallback)(function (e) {
-    onMouseEnter === null || onMouseEnter === void 0 || onMouseEnter(e, props);
-    eventCallback === null || eventCallback === void 0 || eventCallback("mouseenter", {
-      $event: e
-    });
-  }, [onMouseEnter, props, eventCallback]);
-  var handleMouseLeave = (0, _react.useCallback)(function (e) {
-    onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave(e, props);
-    eventCallback === null || eventCallback === void 0 || eventCallback("mouseleave", {
-      $event: e
-    });
-  }, [onMouseLeave, props, eventCallback]);
-  var handleRefCallback = (0, _react.useCallback)(function (node) {
-    htmlRef.current = node;
-    if (typeof forwardedRef === "function") {
-      forwardedRef(node);
-    } else if (forwardedRef && node) {
-      forwardedRef.current = node;
-    }
-  }, [forwardedRef]);
-  var handleFocus = (0, _react.useCallback)(function (e) {
-    var _props$onFocus;
-    props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props, e, props);
-  }, [props === null || props === void 0 ? void 0 : props.onFocus, props]);
-  var handleBlur = (0, _react.useCallback)(function (e) {
-    var _props$onBlur;
-    props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, e, props);
-  }, [props === null || props === void 0 ? void 0 : props.onBlur, props]);
-  var domEvents = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, (props === null || props === void 0 ? void 0 : props.onFocus) && {
-    onFocus: handleFocus
-  }), (props === null || props === void 0 ? void 0 : props.onBlur) && {
-    onBlur: handleBlur
-  }), (props === null || props === void 0 ? void 0 : props.onClick) && {
-    onClick: handleClick
-  }), (props === null || props === void 0 ? void 0 : props.onDoubleClick) && {
-    onDoubleClick: handleDoubleClick
-  }), (props === null || props === void 0 ? void 0 : props.onMouseEnter) && {
-    onMouseEnter: handleMouseEnter
-  }), (props === null || props === void 0 ? void 0 : props.onMouseLeave) && {
-    onMouseLeave: handleMouseLeave
-  });
-
-  // Determine what content to render
-  // Strategy: Always render through content path
-  // 1. If content prop exists -> use content
-  // 2. If content prop doesn't exist -> assign children to content
-  // 3. Use flag to determine if we can use dangerouslySetInnerHTML or need to render React children
-  var _useMemo = (0, _react.useMemo)(function () {
-      // Priority: content prop > children
-      // If content is not provided, move children to content
-      var contentToRender = content !== undefined ? content : initialContent || children;
-      if (!contentToRender) {
-        return {
-          renderContent: null,
-          isReactElement: false
-        };
+  const handleClick = useCallback(
+    (e) => {
+      onClick == null ? void 0 : onClick(e, props);
+      eventCallback == null ? void 0 : eventCallback("click", { $event: e });
+    },
+    [onClick, props, eventCallback]
+  );
+  const handleDoubleClick = useCallback(
+    (e) => {
+      onDoubleClick == null ? void 0 : onDoubleClick(e, props);
+      eventCallback == null ? void 0 : eventCallback("dblclick", { $event: e });
+    },
+    [onDoubleClick, props, eventCallback]
+  );
+  const handleMouseEnter = useCallback(
+    (e) => {
+      onMouseEnter == null ? void 0 : onMouseEnter(e, props);
+      eventCallback == null ? void 0 : eventCallback("mouseenter", { $event: e });
+    },
+    [onMouseEnter, props, eventCallback]
+  );
+  const handleMouseLeave = useCallback(
+    (e) => {
+      onMouseLeave == null ? void 0 : onMouseLeave(e, props);
+      eventCallback == null ? void 0 : eventCallback("mouseleave", { $event: e });
+    },
+    [onMouseLeave, props, eventCallback]
+  );
+  const handleRefCallback = useCallback(
+    (node) => {
+      htmlRef.current = node;
+      if (typeof forwardedRef === "function") {
+        forwardedRef(node);
+      } else if (forwardedRef && node) {
+        forwardedRef.current = node;
       }
-
-      // Check if contentToRender contains React elements (single element or array of elements).
-      // React elements cannot be used with dangerouslySetInnerHTML.
-      if ((0, _utils.isReactContent)(contentToRender)) {
-        return {
-          renderContent: contentToRender,
-          isReactElement: true
-        };
-      }
-
-      // Handle trusted content (similar to Angular's trustAs:html)
-      if ((0, _typeof2["default"])(contentToRender) === "object" && contentToRender !== null) {
-        // Check if it's a trusted object (from trustAs pipe)
-        var keys = Object.keys(contentToRender);
-        if (keys.length > 0 && keys[0] === "changingThisBreaksApplicationSecurity") {
-          return {
-            renderContent: {
-              __html: contentToRender[keys[0]]
-            },
-            isReactElement: false
-          };
-        }
-        // Otherwise convert to string
-        return {
-          renderContent: {
-            __html: _dompurify["default"].sanitize(String(contentToRender))
-          },
-          isReactElement: false
-        };
-      }
-
-      // Convert to string if needed
-      var stringContent = String(contentToRender);
-
-      // If trustAs is true, sanitize and render as HTML
-      if (trustAs) {
+    },
+    [forwardedRef]
+  );
+  const handleFocus = useCallback(
+    (e) => {
+      var _a;
+      (_a = props == null ? void 0 : props.onFocus) == null ? void 0 : _a.call(props, e, props);
+    },
+    [props == null ? void 0 : props.onFocus, props]
+  );
+  const handleBlur = useCallback(
+    (e) => {
+      var _a;
+      (_a = props == null ? void 0 : props.onBlur) == null ? void 0 : _a.call(props, e, props);
+    },
+    [props == null ? void 0 : props.onBlur, props]
+  );
+  const domEvents = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, (props == null ? void 0 : props.onFocus) && { onFocus: handleFocus }), (props == null ? void 0 : props.onBlur) && { onBlur: handleBlur }), (props == null ? void 0 : props.onClick) && { onClick: handleClick }), (props == null ? void 0 : props.onDoubleClick) && { onDoubleClick: handleDoubleClick }), (props == null ? void 0 : props.onMouseEnter) && { onMouseEnter: handleMouseEnter }), (props == null ? void 0 : props.onMouseLeave) && { onMouseLeave: handleMouseLeave });
+  const { renderContent, isReactElement } = useMemo(() => {
+    const contentToRender = content !== void 0 ? content : initialContent || children;
+    if (!contentToRender) {
+      return { renderContent: null, isReactElement: false };
+    }
+    if (isReactContent(contentToRender)) {
+      return { renderContent: contentToRender, isReactElement: true };
+    }
+    if (typeof contentToRender === "object" && contentToRender !== null) {
+      const keys = Object.keys(contentToRender);
+      if (keys.length > 0 && keys[0] === "changingThisBreaksApplicationSecurity") {
         return {
-          renderContent: {
-            __html: _dompurify["default"].sanitize(stringContent)
-          },
+          renderContent: { __html: contentToRender[keys[0]] },
           isReactElement: false
         };
       }
-
-      // Otherwise sanitize the content
       return {
-        renderContent: {
-          __html: _dompurify["default"].sanitize(stringContent)
-        },
+        renderContent: { __html: DOMPurify.sanitize(String(contentToRender)) },
         isReactElement: false
       };
-    }, [content, initialContent, children, trustAs]),
-    renderContent = _useMemo.renderContent,
-    isReactElement = _useMemo.isReactElement;
-
-  // Split rendering based on whether it's a React element or HTML string
-  // React doesn't allow both children and dangerouslySetInnerHTML on the same element
-  var containerClassName = (0, _clsx["default"])(className, "app-html-container", "wm-html-root", horizontalalign && "wm-html-align-".concat(horizontalalign));
+    }
+    const stringContent = String(contentToRender);
+    if (trustAs) {
+      return {
+        renderContent: { __html: DOMPurify.sanitize(stringContent) },
+        isReactElement: false
+      };
+    }
+    return {
+      renderContent: { __html: DOMPurify.sanitize(stringContent) },
+      isReactElement: false
+    };
+  }, [content, initialContent, children, trustAs]);
+  const containerClassName = clsx(
+    className,
+    "app-html-container",
+    "wm-html-root",
+    horizontalalign && `wm-html-align-${horizontalalign}`
+  );
   if (isReactElement) {
-    // Render React elements as children
-    return __jsx(_material.Box, (0, _extends2["default"])({
+    return /* @__PURE__ */ jsx(
+      Box,
+      __spreadProps(__spreadValues({
+        component: "div",
+        ref: handleRefCallback,
+        title: hint,
+        className: containerClassName,
+        "data-element-type": "wm-html",
+        "data-name": name,
+        "aria-label": arialabel
+      }, domEvents), {
+        style: getStyles(props),
+        hidden: props.hidden,
+        children: renderContent
+      })
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Box,
+    __spreadValues(__spreadProps(__spreadValues({
       component: "div",
       ref: handleRefCallback,
       title: hint,
@@ -187,38 +171,14 @@ var WmHtml = exports.WmHtml = function WmHtml(props) {
       "data-element-type": "wm-html",
       "data-name": name,
       "aria-label": arialabel
-    }, domEvents, {
-      style: (0, _utils.getStyles)(props),
+    }, domEvents), {
+      style: getStyles(props),
       hidden: props.hidden
-    }), renderContent);
-  }
-
-  // Render HTML strings via dangerouslySetInnerHTML (with no children)
-  return __jsx(_material.Box, (0, _extends2["default"])({
-    component: "div",
-    ref: handleRefCallback,
-    title: hint,
-    className: containerClassName,
-    "data-element-type": "wm-html",
-    "data-name": name,
-    "aria-label": arialabel
-  }, domEvents, {
-    style: (0, _utils.getStyles)(props),
-    hidden: props.hidden
-  }, renderContent && {
-    dangerouslySetInnerHTML: renderContent
-  }));
+    }), renderContent && { dangerouslySetInnerHTML: renderContent })
+  );
+};
+var html_default = withBaseWrapper(WmHtml);
+export {
+  WmHtml,
+  html_default as default
 };
-
-/**
- * The WmHtml component is a container for rendering HTML content.
- * It supports string-based HTML, trusted HTML objects, and React elements.
- * Content is sanitized using DOMPurify before rendering.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/basic-html--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/basic-html--docs)
- *
- * @param props - {@link WmHtmlProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmHtml);

package/components/basic/html/props.js

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