@wavemaker-ai/react-runtime 1.0.0-rc.312 → 1.0.0-rc.317

package/components/container/panel/index.js

@@ -1,307 +1,344 @@
-"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.WmPanelFooter = exports.WmPanel = 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 = _interopRequireWildcard(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _material = require("@mui/material");
-var _dompurify = _interopRequireDefault(require("dompurify"));
-var _hooks = require("./hooks");
-var _panelHeader = _interopRequireDefault(require("./components/panel-header"));
-var _withBaseWrapper = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper"));
-var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
-var _excluded = ["actions", "badgetype", "badgevalue", "closable", "collapsible", "enablefullscreen", "expanded", "fullscreen", "helptext", "hint", "iconclass", "iconheight", "iconmargin", "iconurl", "iconwidth", "subheading", "title", "className", "style", "children", "height", "name", "itemlabel", "itemlink", "itemicon", "itemchildren", "onActionsclick", "onClose", "onCollapse", "onExpand", "onExitfullscreen", "onFullscreen", "onLoad", "onMouseEnter", "onMouseLeave", "onMouseOut", "onMouseOver", "onPropertyChange", "listener", "Widgets"];
-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 WmPanel = exports.WmPanel = function WmPanel(props) {
-  var actions = props.actions,
-    _props$badgetype = props.badgetype,
-    badgetype = _props$badgetype === void 0 ? "default" : _props$badgetype,
-    badgevalue = props.badgevalue,
-    _props$closable = props.closable,
-    closable = _props$closable === void 0 ? false : _props$closable,
-    _props$collapsible = props.collapsible,
-    collapsible = _props$collapsible === void 0 ? false : _props$collapsible,
-    _props$enablefullscre = props.enablefullscreen,
-    enablefullscreen = _props$enablefullscre === void 0 ? false : _props$enablefullscre,
-    _props$expanded = props.expanded,
-    expanded = _props$expanded === void 0 ? true : _props$expanded,
-    _props$fullscreen = props.fullscreen,
-    fullscreen = _props$fullscreen === void 0 ? false : _props$fullscreen,
-    helptext = props.helptext,
-    hint = props.hint,
-    iconclass = props.iconclass,
-    iconheight = props.iconheight,
-    iconmargin = props.iconmargin,
-    iconurl = props.iconurl,
-    iconwidth = props.iconwidth,
-    subheading = props.subheading,
-    title = props.title,
-    className = props.className,
-    style = props.style,
-    children = props.children,
-    height = props.height,
-    name = props.name,
-    itemlabel = props.itemlabel,
-    itemlink = props.itemlink,
-    itemicon = props.itemicon,
-    itemchildren = props.itemchildren,
-    onActionsclick = props.onActionsclick,
-    onClose = props.onClose,
-    onCollapse = props.onCollapse,
-    onExpand = props.onExpand,
-    onExitfullscreen = props.onExitfullscreen,
-    onFullscreen = props.onFullscreen,
-    onLoad = props.onLoad,
-    onMouseEnter = props.onMouseEnter,
-    onMouseLeave = props.onMouseLeave,
-    onMouseOut = props.onMouseOut,
-    onMouseOver = props.onMouseOver,
-    onPropertyChange = props.onPropertyChange,
-    listener = props.listener,
-    Widgets = props.Widgets,
-    restProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var _useState = (0, _react.useState)(false),
-    helpVisible = _useState[0],
-    setHelpVisible = _useState[1];
-  var panelRef = (0, _react.useRef)(null);
-  var panelHeaderRef = (0, _react.useRef)(null);
-  var panelContentRef = (0, _react.useRef)(null);
-  var _useState2 = (0, _react.useState)(true),
-    show = _useState2[0],
-    setShow = _useState2[1];
-  var hasTriggeredOnLoadRef = (0, _react.useRef)(false);
-
-  //   Manages expand/collapse state
-  var _usePanelExpansion = (0, _hooks.usePanelExpansion)(expanded, onExpand, onCollapse, name, listener),
-    isExpanded = _usePanelExpansion.isExpanded,
-    toggleExpand = _usePanelExpansion.toggleExpand,
-    isExpandedRef = _usePanelExpansion.isExpandedRef;
-
-  //   Handles fullscreen functionality
-  var _usePanelFullscreen = (0, _hooks.usePanelFullscreen)(fullscreen, enablefullscreen, onFullscreen, onExitfullscreen, name, listener),
-    isFullscreen = _usePanelFullscreen.isFullscreen,
-    toggleFullScreen = _usePanelFullscreen.toggleFullScreen;
-  //  Classifies children into body and footer content
-  var _useChildrenClassific = (0, _hooks.useChildrenClassification)(children),
-    bodyContent = _useChildrenClassific.bodyContent,
-    footerContent = _useChildrenClassific.footerContent;
-  var hideFooter = !footerContent.length || !isExpanded;
-
-  //   Calculates panel dimensions
-  var _usePanelDimensions = (0, _hooks.usePanelDimensions)(height, isFullscreen, hideFooter, panelRef, panelContentRef, panelHeaderRef),
-    computeDimensions = _usePanelDimensions.computeDimensions;
-
-  // Event handlers
-  var handleClose = function handleClose(event) {
+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 { useEffect, useRef, useState } from "react";
+import clsx from "clsx";
+import { Box, Typography } from "@mui/material";
+import DOMPurify from "dompurify";
+import {
+  usePanelExpansion,
+  usePanelFullscreen,
+  usePanelDimensions,
+  useChildrenClassification
+} from "./hooks";
+import PanelHeader from "./components/panel-header";
+import withBaseWrapper from "../../../higherOrder/withBaseWrapper";
+import { removeInvalidAttributes } from "../../../utils/attr";
+const WmPanel = (props) => {
+  const _a = props, {
+    actions,
+    badgetype = "default",
+    badgevalue,
+    closable = false,
+    collapsible = false,
+    enablefullscreen = false,
+    expanded = true,
+    fullscreen = false,
+    helptext,
+    hint,
+    iconclass,
+    iconheight,
+    iconmargin,
+    iconurl,
+    iconwidth,
+    subheading,
+    title,
+    className,
+    style,
+    children,
+    height,
+    name,
+    itemlabel,
+    itemlink,
+    itemicon,
+    itemchildren,
+    onActionsclick,
+    onClose,
+    onCollapse,
+    onExpand,
+    onExitfullscreen,
+    onFullscreen,
+    onLoad,
+    onMouseEnter,
+    onMouseLeave,
+    onMouseOut,
+    onMouseOver,
+    onPropertyChange: onPropertyChange,
+    listener,
+    Widgets
+  } = _a, restProps = __objRest(_a, [
+    "actions",
+    "badgetype",
+    "badgevalue",
+    "closable",
+    "collapsible",
+    "enablefullscreen",
+    "expanded",
+    "fullscreen",
+    "helptext",
+    "hint",
+    "iconclass",
+    "iconheight",
+    "iconmargin",
+    "iconurl",
+    "iconwidth",
+    "subheading",
+    "title",
+    "className",
+    "style",
+    "children",
+    "height",
+    "name",
+    "itemlabel",
+    "itemlink",
+    "itemicon",
+    "itemchildren",
+    "onActionsclick",
+    "onClose",
+    "onCollapse",
+    "onExpand",
+    "onExitfullscreen",
+    "onFullscreen",
+    "onLoad",
+    "onMouseEnter",
+    "onMouseLeave",
+    "onMouseOut",
+    "onMouseOver",
+    // HOC related props - extract to prevent passing to DOM
+    "onPropertyChange",
+    "listener",
+    "Widgets"
+  ]);
+  const [helpVisible, setHelpVisible] = useState(false);
+  const panelRef = useRef(null);
+  const panelHeaderRef = useRef(null);
+  const panelContentRef = useRef(null);
+  const [show, setShow] = useState(true);
+  const hasTriggeredOnLoadRef = useRef(false);
+  const { isExpanded, toggleExpand, isExpandedRef } = usePanelExpansion(
+    expanded,
+    onExpand,
+    onCollapse,
+    name,
+    listener
+  );
+  const { isFullscreen, toggleFullScreen } = usePanelFullscreen(
+    fullscreen,
+    enablefullscreen,
+    onFullscreen,
+    onExitfullscreen,
+    name,
+    listener
+  );
+  const { bodyContent, footerContent } = useChildrenClassification(children);
+  const hideFooter = !footerContent.length || !isExpanded;
+  const { computeDimensions } = usePanelDimensions(
+    height,
+    isFullscreen,
+    hideFooter,
+    panelRef,
+    panelContentRef,
+    panelHeaderRef
+  );
+  const handleClose = (event) => {
+    var _a2;
     setShow(false);
     if (onPropertyChange) {
       onPropertyChange("show", false);
     }
-
-    // Call the onClose callback if provided
     if (onClose) {
-      var _listener$Widgets;
-      onClose(event, listener === null || listener === void 0 || (_listener$Widgets = listener.Widgets) === null || _listener$Widgets === void 0 ? void 0 : _listener$Widgets[name]);
+      onClose(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
     }
   };
-  var toggleHelp = function toggleHelp() {
-    return setHelpVisible(!helpVisible);
+  const toggleHelp = () => setHelpVisible(!helpVisible);
+  const handleMouseEnter = (event) => {
+    var _a2;
+    onMouseEnter == null ? void 0 : onMouseEnter(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
   };
-  var handleMouseEnter = function handleMouseEnter(event) {
-    var _listener$Widgets2;
-    onMouseEnter === null || onMouseEnter === void 0 || onMouseEnter(event, listener === null || listener === void 0 || (_listener$Widgets2 = listener.Widgets) === null || _listener$Widgets2 === void 0 ? void 0 : _listener$Widgets2[name]);
+  const handleMouseLeave = (event) => {
+    var _a2;
+    onMouseLeave == null ? void 0 : onMouseLeave(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
   };
-  var handleMouseLeave = function handleMouseLeave(event) {
-    var _listener$Widgets3;
-    onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave(event, listener === null || listener === void 0 || (_listener$Widgets3 = listener.Widgets) === null || _listener$Widgets3 === void 0 ? void 0 : _listener$Widgets3[name]);
+  const handleMouseOver = (event) => {
+    var _a2;
+    onMouseOver == null ? void 0 : onMouseOver(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
   };
-  var handleMouseOver = function handleMouseOver(event) {
-    var _listener$Widgets4;
-    onMouseOver === null || onMouseOver === void 0 || onMouseOver(event, listener === null || listener === void 0 || (_listener$Widgets4 = listener.Widgets) === null || _listener$Widgets4 === void 0 ? void 0 : _listener$Widgets4[name]);
+  const handleMouseOut = (event) => {
+    var _a2;
+    onMouseOut == null ? void 0 : onMouseOut(event, (_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
   };
-  var handleMouseOut = function handleMouseOut(event) {
-    var _listener$Widgets5;
-    onMouseOut === null || onMouseOut === void 0 || onMouseOut(event, listener === null || listener === void 0 || (_listener$Widgets5 = listener.Widgets) === null || _listener$Widgets5 === void 0 ? void 0 : _listener$Widgets5[name]);
-  };
-
-  // onLoad handler
-  (0, _react.useEffect)(function () {
-    var _listener$Widgets6;
+  useEffect(() => {
+    var _a2;
     if (hasTriggeredOnLoadRef.current || !isExpanded) return;
     hasTriggeredOnLoadRef.current = true;
-    onLoad === null || onLoad === void 0 || onLoad(listener === null || listener === void 0 || (_listener$Widgets6 = listener.Widgets) === null || _listener$Widgets6 === void 0 ? void 0 : _listener$Widgets6[name]);
+    onLoad == null ? void 0 : onLoad((_a2 = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _a2[name]);
   }, [isExpanded]);
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     if (isExpanded) {
       computeDimensions();
     }
   }, [isExpanded, height, isFullscreen, hideFooter, computeDimensions]);
-
-  // Handle ESC key for closing panel
-  (0, _react.useEffect)(function () {
-    var handleEscKey = function handleEscKey(event) {
+  useEffect(() => {
+    const handleEscKey = (event) => {
       if (closable && event.key === "Escape") {
         handleClose({});
       }
     };
     if (closable) {
       window.addEventListener("keydown", handleEscKey);
-      return function () {
-        return window.removeEventListener("keydown", handleEscKey);
-      };
+      return () => window.removeEventListener("keydown", handleEscKey);
     }
   }, [closable]);
-  var showHeader = Boolean(iconurl || iconclass || collapsible || actions && (Array.isArray(actions) ? actions.length > 0 : true) || title || subheading || enablefullscreen);
-
-  // Panel methods exposed via listener
-  var collapse = function collapse() {
+  const showHeader = Boolean(
+    iconurl || iconclass || collapsible || actions && (Array.isArray(actions) ? actions.length > 0 : true) || title || subheading || enablefullscreen
+  );
+  const collapse = () => {
     if (isExpandedRef.current) {
       toggleExpand();
     }
   };
-  var expand = function expand() {
+  const expand = () => {
     if (!isExpandedRef.current) {
       toggleExpand();
     }
   };
-  var close = function close() {
+  const close = () => {
     if (show) {
       handleClose({});
     }
   };
-  var toggle = function toggle() {
+  const toggle = () => {
     toggleExpand();
   };
-
-  // Register the methods
-  (0, _react.useEffect)(function () {
-    if (listener !== null && listener !== void 0 && listener.onChange) {
+  useEffect(() => {
+    if (listener == null ? void 0 : listener.onChange) {
       listener.onChange(name, {
-        collapse: collapse,
-        expand: expand,
-        close: close,
-        toggle: toggle,
-        toggleExpand: toggleExpand,
-        isExpanded: isExpanded,
-        isFullscreen: isFullscreen,
-        toggleFullScreen: toggleFullScreen,
-        show: show
+        collapse,
+        expand,
+        close,
+        toggle,
+        toggleExpand,
+        isExpanded,
+        isFullscreen,
+        toggleFullScreen,
+        show
       });
     }
   }, []);
-  var componentProps = {
-    subheading: subheading,
-    iconclass: iconclass,
+  const componentProps = {
+    subheading,
+    iconclass,
     autoclose: props.autoclose,
-    title: title,
-    name: name,
-    badgevalue: badgevalue,
-    badgetype: badgetype,
-    hint: hint,
+    title,
+    name,
+    badgevalue,
+    badgetype,
+    hint,
     enablefullscreen: enablefullscreen.toString(),
     animation: props.animation,
     show: props.show,
     "data-widget-id": props["data-widget-id"]
   };
-  return __jsx(_material.Box, (0, _extends2["default"])({
-    ref: panelRef,
-    className: (0, _clsx["default"])("app-panel panel", className, {
-      fullscreen: isFullscreen,
-      "show-help": helpVisible
-    }),
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    onMouseOver: handleMouseOver,
-    onMouseOut: handleMouseOut,
-    hidden: !show,
-    component: "div"
-  }, (0, _attr.removeInvalidAttributes)(componentProps), {
-    style: _objectSpread(_objectSpread({}, props.styles), props.conditionalstyle)
-  }), showHeader && __jsx(_material.Box, {
-    className: (0, _clsx["default"])("panel-heading", {
-      "show-help": helpVisible
-    }),
-    ref: panelHeaderRef
-  }, __jsx(_panelHeader["default"], {
-    title: title,
-    subheading: subheading,
-    iconclass: iconclass,
-    iconurl: iconurl,
-    iconwidth: iconwidth,
-    iconheight: iconheight,
-    iconmargin: iconmargin,
-    badgevalue: badgevalue,
-    badgetype: badgetype,
-    actions: actions,
-    helptext: helptext,
-    isExpanded: isExpanded,
-    isFullscreen: isFullscreen,
-    collapsible: collapsible,
-    enablefullscreen: enablefullscreen,
-    closable: closable,
-    listener: listener,
-    itemlabel: itemlabel,
-    itemlink: itemlink,
-    itemicon: itemicon,
-    itemchildren: itemchildren,
-    onToggleExpand: toggleExpand,
-    onToggleFullScreen: toggleFullScreen,
-    onToggleHelp: toggleHelp,
-    onClose: handleClose,
-    onActionsclick: onActionsclick
-  })), __jsx(_material.Box, {
-    hidden: !isExpanded,
-    className: "panel-content",
-    ref: panelContentRef
-  }, __jsx(_material.Box, {
-    className: (0, _clsx["default"])("panel-body", {
-      "show-help": helpVisible
-    })
-  }, props.renderPartial ? props.renderPartial(props) : bodyContent), helptext && __jsx(_material.Box, {
-    component: "aside",
-    className: (0, _clsx["default"])("panel-help-message", {
-      "show-help": helpVisible
+  return /* @__PURE__ */ jsxs(
+    Box,
+    __spreadProps(__spreadValues({
+      ref: panelRef,
+      className: clsx("app-panel panel", className, {
+        fullscreen: isFullscreen,
+        "show-help": helpVisible
+      }),
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      onMouseOver: handleMouseOver,
+      onMouseOut: handleMouseOut,
+      hidden: !show,
+      component: "div"
+    }, removeInvalidAttributes(componentProps)), {
+      style: __spreadValues(__spreadValues({}, props.styles), props.conditionalstyle),
+      children: [
+        showHeader && /* @__PURE__ */ jsx(Box, { className: clsx("panel-heading", { "show-help": helpVisible }), ref: panelHeaderRef, children: /* @__PURE__ */ jsx(
+          PanelHeader,
+          {
+            title,
+            subheading,
+            iconclass,
+            iconurl,
+            iconwidth,
+            iconheight,
+            iconmargin,
+            badgevalue,
+            badgetype,
+            actions,
+            helptext,
+            isExpanded,
+            isFullscreen,
+            collapsible,
+            enablefullscreen,
+            closable,
+            listener,
+            itemlabel,
+            itemlink,
+            itemicon,
+            itemchildren,
+            onToggleExpand: toggleExpand,
+            onToggleFullScreen: toggleFullScreen,
+            onToggleHelp: toggleHelp,
+            onClose: handleClose,
+            onActionsclick
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(Box, { hidden: !isExpanded, className: "panel-content", ref: panelContentRef, children: [
+          /* @__PURE__ */ jsx(Box, { className: clsx("panel-body", { "show-help": helpVisible }), children: props.renderPartial ? props.renderPartial(props) : bodyContent }),
+          helptext && /* @__PURE__ */ jsxs(
+            Box,
+            {
+              component: "aside",
+              className: clsx("panel-help-message", { "show-help": helpVisible }),
+              children: [
+                /* @__PURE__ */ jsx(Typography, { variant: "h5", className: "panel-help-header", children: "Help" }),
+                /* @__PURE__ */ jsx(
+                  Box,
+                  {
+                    className: "panel-help-content",
+                    dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(helptext) }
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        !hideFooter && footerContent
+      ]
     })
-  }, __jsx(_material.Typography, {
-    variant: "h5",
-    className: "panel-help-header"
-  }, "Help"), __jsx(_material.Box, {
-    className: "panel-help-content",
-    dangerouslySetInnerHTML: {
-      __html: _dompurify["default"].sanitize(helptext)
-    }
-  }))), !hideFooter && footerContent);
+  );
 };
-var WmPanelFooter = exports.WmPanelFooter = function WmPanelFooter(_ref) {
-  var children = _ref.children,
-    name = _ref.name;
-  return __jsx("div", {
-    className: "app-panel-footer panel-footer clearfix",
-    "aria-label": name,
-    name: name
-  }, children);
+const WmPanelFooter = ({ children, name }) => {
+  return /* @__PURE__ */ jsx("div", { className: "app-panel-footer panel-footer clearfix", "aria-label": name, name, children });
 };
 WmPanelFooter.displayName = "WmPanelFooter";
 WmPanel.displayName = "WmPanel";
-
-/**
- * The WmPanel component is a collapsible container with header, optional
- * fullscreen mode, and action menu support.
- *
- * - [Playground](https://react-components.wavemaker.ai/?path=/story/containers-panel--showcase)
- *
- * - [Docs](https://react-components.wavemaker.ai/?path=/story/containers-panel--docs)
- *
- * @param props - {@link WmPanelProps}
- */
-var _default = exports["default"] = (0, _withBaseWrapper["default"])(WmPanel);
+var panel_default = withBaseWrapper(WmPanel);
+export {
+  WmPanel,
+  WmPanelFooter,
+  panel_default as default
+};

package/components/container/panel/props.js

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

package/components/container/props.js

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