@wavemaker/react-runtime 11.14.1-rc.236

package/components/container/index.js

@@ -0,0 +1,188 @@
+"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.WmContainer = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _clsx2 = require("clsx");
+var _withBaseWrapper = require("@wavemaker/react-runtime/higherOrder/withBaseWrapper");
+var _alignmentUtils = require("./alignment-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" != _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 DEFAULT_CLASS = "app-container";
+
+// Alignment matrix (assumes direction: 'row' as base)
+var alignmentMatrix = {
+  "top-left": {
+    justifyContent: "flex-start",
+    alignItems: "flex-start"
+  },
+  "top-center": {
+    justifyContent: "center",
+    alignItems: "flex-start"
+  },
+  "top-right": {
+    justifyContent: "flex-end",
+    alignItems: "flex-start"
+  },
+  "middle-left": {
+    justifyContent: "flex-start",
+    alignItems: "center"
+  },
+  "middle-center": {
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  "middle-right": {
+    justifyContent: "flex-end",
+    alignItems: "center"
+  },
+  "bottom-left": {
+    justifyContent: "flex-start",
+    alignItems: "flex-end"
+  },
+  "bottom-center": {
+    justifyContent: "center",
+    alignItems: "flex-end"
+  },
+  "bottom-right": {
+    justifyContent: "flex-end",
+    alignItems: "flex-end"
+  },
+  start: {
+    justifyContent: "space-between",
+    alignItems: "flex-start"
+  },
+  center: {
+    justifyContent: "space-between",
+    alignItems: "center"
+  },
+  end: {
+    justifyContent: "space-between",
+    alignItems: "flex-end"
+  }
+};
+var WmContainer = exports.WmContainer = function WmContainer(props) {
+  var _clsx;
+  var className = props.className,
+    styles = props.styles,
+    children = props.children,
+    renderPartial = props.renderPartial,
+    id = props.id,
+    display = props.display,
+    _props$direction = props.direction,
+    direction = _props$direction === void 0 ? "row" : _props$direction,
+    _props$wrap = props.wrap,
+    wrap = _props$wrap === void 0 ? false : _props$wrap,
+    alignment = props.alignment,
+    gap = props.gap,
+    columngap = props.columngap;
+  var isLoaded = (0, _react.useRef)(false);
+  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 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 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 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.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
+  }), (props === null || props === void 0 ? void 0 : props.onMouseOver) && {
+    onMouseOver: handleMouseOver
+  }), (props === null || props === void 0 ? void 0 : props.onMouseOut) && {
+    onMouseOut: handleMouseOut
+  });
+  var customStyles = {};
+  if (styles !== null && styles !== void 0 && styles.backgroundImage) {
+    var _styles$backgroundIma;
+    customStyles.backgroundImage = "".concat(styles !== null && styles !== void 0 && (_styles$backgroundIma = styles.backgroundImage) !== null && _styles$backgroundIma !== void 0 && _styles$backgroundIma.includes("url(") ? styles === null || styles === void 0 ? void 0 : styles.backgroundImage : "url(" + (styles === null || styles === void 0 ? void 0 : styles.backgroundImage) + ")");
+  }
+
+  // Memoize the computed styles for performance
+  var computedStyles = (0, _react.useMemo)(function () {
+    var base = alignment && alignmentMatrix[alignment];
+    if (!base) {
+      return _objectSpread(_objectSpread(_objectSpread({}, styles), customStyles), {}, {
+        display: display
+      });
+    }
+    var alignmentStyles = (0, _alignmentUtils.calculateAlignmentStyles)(alignmentMatrix, alignment, direction, wrap);
+    var spacingStyles = (0, _alignmentUtils.calculateSpacingStyles)(alignmentMatrix, gap, columngap, alignment, direction, wrap);
+    return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, styles), customStyles), alignmentStyles), spacingStyles), {}, {
+      display: display || "flex"
+    });
+  }, [styles, customStyles, alignment, direction, wrap, gap, columngap, display]);
+  (0, _react.useEffect)(function () {
+    if (props !== null && props !== void 0 && props.onLoad && !isLoaded.current) {
+      var _props$onLoad;
+      props === null || props === void 0 || (_props$onLoad = props.onLoad) === null || _props$onLoad === void 0 || _props$onLoad.call(props, props);
+      isLoaded.current = true;
+    }
+  }, [props === null || props === void 0 ? void 0 : props.onLoad]);
+  return __jsx("div", (0, _extends2["default"])({
+    style: computedStyles,
+    className: (0, _clsx2.clsx)((_clsx = {}, (0, _defineProperty2["default"])(_clsx, className || "", Boolean(className)), (0, _defineProperty2["default"])(_clsx, DEFAULT_CLASS, true), _clsx)),
+    "data-widget-id": props["data-widget-id"],
+    id: id,
+    hidden: props.hidden
+  }, domEvents, {
+    name: props.name,
+    hidden: props.hidden
+  }), renderPartial ? renderPartial(props, props.onLoad) : children);
+};
+WmContainer.displayName = "WmContainer";
+var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmContainer);

package/components/container/layout-grid/grid-column/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _material = require("@mui/material");
+var _withBaseWrapper = require("@wavemaker/react-runtime/higherOrder/withBaseWrapper");
+var _excluded = ["columnwidth", "className", "children", "styles", "containerProps", "horizontalalign"];
+var __jsx = _react["default"].createElement;
+var DEFAULT_CLASS = "app-grid-column";
+var WmGridColumn = function WmGridColumn(props) {
+  var columnwidth = props.columnwidth,
+    className = props.className,
+    children = props.children,
+    styles = props.styles,
+    containerProps = props.containerProps,
+    _props$horizontalalig = props.horizontalalign,
+    horizontalalign = _props$horizontalalig === void 0 ? "right" : _props$horizontalalig,
+    otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  return __jsx(_material.Container, (0, _extends2["default"])({
+    disableGutters: true,
+    maxWidth: false,
+    style: styles,
+    className: (0, _clsx["default"])(DEFAULT_CLASS, className, columnwidth && "col-sm-".concat(columnwidth))
+  }, otherProps), children);
+};
+WmGridColumn.displayName = "WmGridColumn";
+var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmGridColumn);

package/components/container/layout-grid/grid-row/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _material = require("@mui/material");
+var _withBaseWrapper = require("@wavemaker/react-runtime/higherOrder/withBaseWrapper");
+var __jsx = _react["default"].createElement;
+var DEFAULT_CLASS = "app-grid-row clearfix";
+function WmGridRow(props) {
+  return __jsx(_material.Container, {
+    style: props.styles,
+    className: (0, _clsx["default"])(DEFAULT_CLASS, props.className)
+    // {...props}
+    // disableGutters
+    // maxWidth={false}
+  }, props.children);
+}
+WmGridRow.displayName = "WmGridRow";
+var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmGridRow);

package/components/container/layout-grid/index.js

@@ -0,0 +1,33 @@
+"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 _clsx = _interopRequireDefault(require("clsx"));
+var _material = require("@mui/material");
+var _withBaseWrapper = require("@wavemaker/react-runtime/higherOrder/withBaseWrapper");
+var _excluded = ["styles", "className", "children"];
+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_CLASS = "app-grid-layout clearfix";
+function WmLayoutGrid(props) {
+  var styles = props.styles,
+    className = props.className,
+    children = props.children,
+    restProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  return __jsx(_material.Container, (0, _extends2["default"])({
+    style: _objectSpread(_objectSpread({}, styles), {}, {
+      minWidth: "100%"
+    }),
+    className: (0, _clsx["default"])(DEFAULT_CLASS, className)
+  }, restProps), children);
+}
+WmLayoutGrid.displayName = "WmLayoutGrid";
+var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmLayoutGrid);

package/components/container/linear-layout/index.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _withBaseWrapper = require("@wavemaker/react-runtime/higherOrder/withBaseWrapper");
+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 DEFAULT_CLASS = "app-linear-layout clearfix";
+var hAlignValues = {
+  left: "flex-start",
+  right: "flex-end",
+  center: "center"
+};
+var vAlignValues = {
+  top: "flex-start",
+  bottom: "flex-end",
+  center: "center"
+};
+function WmLinearLayout(props) {
+  var styles = props.styles,
+    className = props.className,
+    children = props.children,
+    _props$direction = props.direction,
+    direction = _props$direction === void 0 ? "row" : _props$direction,
+    _props$horizontalalig = props.horizontalalign,
+    horizontalalign = _props$horizontalalig === void 0 ? "left" : _props$horizontalalig,
+    _props$verticalalign = props.verticalalign,
+    verticalalign = _props$verticalalign === void 0 ? "top" : _props$verticalalign,
+    spacing = props.spacing,
+    id = props.id,
+    name = props.name;
+
+  // Calculate flex styles based on direction and alignment
+  var computedStyles = (0, _react.useMemo)(function () {
+    var flexStyles = _objectSpread(_objectSpread({}, styles), {}, {
+      display: "flex",
+      flexDirection: direction
+    });
+
+    // Apply alignment based on direction
+    if (direction === "row" || direction === "row-reverse") {
+      flexStyles.justifyContent = hAlignValues[horizontalalign];
+      flexStyles.alignItems = vAlignValues[verticalalign];
+    } else if (direction === "column" || direction === "column-reverse") {
+      flexStyles.justifyContent = vAlignValues[verticalalign];
+      flexStyles.alignItems = hAlignValues[horizontalalign];
+    }
+    return flexStyles;
+  }, [styles, direction, horizontalalign, verticalalign]);
+
+  // Generate spacing class
+  var spacingClass = spacing ? "app-linear-layout-spacing-".concat(spacing) : "";
+  var directionClass = "app-linear-layout-direction-".concat(direction);
+  return __jsx("div", {
+    style: computedStyles,
+    className: (0, _clsx["default"])(DEFAULT_CLASS, directionClass, spacingClass, className),
+    "data-widget-id": props["data-widget-id"],
+    id: id,
+    name: name
+  }, children);
+}
+WmLinearLayout.displayName = "WmLinearLayout";
+var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmLinearLayout);

package/components/container/linear-layout/linear-layout-item/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _withBaseWrapper = require("@wavemaker/react-runtime/higherOrder/withBaseWrapper");
+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 DEFAULT_CLASS = "app-linear-layout-item clearfix";
+function WmLinearLayoutItem(props) {
+  var styles = props.styles,
+    className = props.className,
+    children = props.children,
+    flexgrow = props.flexgrow,
+    id = props.id,
+    name = props.name;
+
+  // Calculate flex styles
+  var computedStyles = (0, _react.useMemo)(function () {
+    var flexStyles = _objectSpread({}, styles);
+    if (flexgrow !== undefined) {
+      flexStyles.flexGrow = flexgrow;
+    }
+    return flexStyles;
+  }, [styles, flexgrow]);
+  return __jsx("div", {
+    style: computedStyles,
+    className: (0, _clsx["default"])(DEFAULT_CLASS, className),
+    "data-widget-id": props["data-widget-id"],
+    id: id,
+    name: name
+  }, children);
+}
+WmLinearLayoutItem.displayName = "WmLinearLayoutItem";
+var _default = exports["default"] = (0, _withBaseWrapper.withBaseWrapper)(WmLinearLayoutItem);

package/components/container/panel/components/panel-header/index.js

@@ -0,0 +1,144 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _material = require("@mui/material");
+var _dompurify = _interopRequireDefault(require("dompurify"));
+var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
+var _ExpandLess = _interopRequireDefault(require("@mui/icons-material/ExpandLess"));
+var _Fullscreen = _interopRequireDefault(require("@mui/icons-material/Fullscreen"));
+var _FullscreenExit = _interopRequireDefault(require("@mui/icons-material/FullscreenExit"));
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+var _HelpOutline = _interopRequireDefault(require("@mui/icons-material/HelpOutline"));
+var _menu = _interopRequireDefault(require("@wavemaker/react-runtime/components/navigation/menu"));
+var __jsx = _react["default"].createElement; // Icons
+var PanelHeader = function PanelHeader(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "Title" : _ref$title,
+    subheading = _ref.subheading,
+    _ref$iconclass = _ref.iconclass,
+    iconclass = _ref$iconclass === void 0 ? "wi wi-account-circle" : _ref$iconclass,
+    iconurl = _ref.iconurl,
+    iconwidth = _ref.iconwidth,
+    iconheight = _ref.iconheight,
+    iconmargin = _ref.iconmargin,
+    badgevalue = _ref.badgevalue,
+    _ref$badgetype = _ref.badgetype,
+    badgetype = _ref$badgetype === void 0 ? "default" : _ref$badgetype,
+    actions = _ref.actions,
+    helptext = _ref.helptext,
+    isExpanded = _ref.isExpanded,
+    isFullscreen = _ref.isFullscreen,
+    collapsible = _ref.collapsible,
+    enablefullscreen = _ref.enablefullscreen,
+    closable = _ref.closable,
+    itemlabel = _ref.itemlabel,
+    itemlink = _ref.itemlink,
+    itemicon = _ref.itemicon,
+    itemchildren = _ref.itemchildren,
+    listener = _ref.listener,
+    onToggleExpand = _ref.onToggleExpand,
+    onToggleFullScreen = _ref.onToggleFullScreen,
+    onToggleHelp = _ref.onToggleHelp,
+    onClose = _ref.onClose,
+    onActionsclick = _ref.onActionsclick;
+  var handleActionItemClick = function handleActionItemClick(event, item) {
+    onActionsclick === null || onActionsclick === void 0 || onActionsclick(event, item);
+  };
+  return __jsx(_material.Box, {
+    className: "panel-title"
+  }, __jsx(_material.Box, {
+    component: "a",
+    className: "panel-toggle",
+    onClick: onToggleExpand,
+    "aria-expanded": isExpanded
+  }, __jsx(_material.Box, {
+    className: "pull-left"
+  }, iconclass && !iconurl && __jsx(_material.Box, {
+    component: "i",
+    className: "app-icon panel-icon ".concat(iconclass)
+  }), iconurl && __jsx(_material.Box, {
+    component: "img",
+    "data-identifier": "img",
+    title: "iconurl",
+    alt: "Panel icon",
+    className: "panel-image-icon",
+    src: iconurl,
+    style: {
+      width: iconwidth || "auto",
+      height: iconheight || "auto",
+      margin: iconmargin || "0"
+    }
+  })), __jsx(_material.Box, {
+    className: "pull-left"
+  }, title && __jsx(_material.Box, {
+    className: "heading",
+    title: title,
+    dangerouslySetInnerHTML: {
+      __html: _dompurify["default"].sanitize(title)
+    }
+  }), subheading && __jsx(_material.Box, {
+    className: "description",
+    dangerouslySetInnerHTML: {
+      __html: _dompurify["default"].sanitize(subheading)
+    }
+  }))), __jsx(_material.Box, {
+    className: "panel-actions"
+  }, badgevalue && __jsx(_material.Box, {
+    component: "span",
+    className: "app-badge label label-".concat(badgetype),
+    color: badgetype === "default" ? "primary" : badgetype
+  }, badgevalue), actions && actions.length > 0 && __jsx(_menu["default"], {
+    type: "anchor",
+    dataset: actions,
+    itemicon: itemicon,
+    itemlabel: itemlabel,
+    itemlink: itemlink,
+    itemchildren: itemchildren,
+    panelPosition: "left",
+    iconclass: "wi wi-more-vert",
+    name: "panel-actions",
+    className: "icon-position-left dropdown-menu pull-right",
+    onActionsclick: handleActionItemClick,
+    listener: listener,
+    arialabel: "dropdown"
+  }), helptext && __jsx(_material.IconButton, {
+    "aria-label": "Help",
+    className: "app-icon panel-action wi",
+    title: "Help",
+    onClick: onToggleHelp
+  }, __jsx(_HelpOutline["default"], {
+    className: "wi-question"
+  })), collapsible && __jsx(_material.IconButton, {
+    "aria-label": "Collapse/Expand",
+    className: "app-icon panel-action wi",
+    title: "".concat(listener.appLocale.LABEL_COLLAPSE, "/").concat(listener.appLocale.LABEL_EXPAND),
+    onClick: onToggleExpand,
+    "aria-expanded": isExpanded
+  }, isExpanded ? __jsx(_ExpandLess["default"], {
+    className: "wi-minus"
+  }) : __jsx(_ExpandMore["default"], {
+    className: "wi-plus"
+  })), enablefullscreen && __jsx(_material.IconButton, {
+    "aria-label": isFullscreen ? "Exit Fullscreen" : "Fullscreen",
+    className: "app-icon panel-action wi",
+    title: isFullscreen ? "Exit Fullscreen" : "Fullscreen",
+    onClick: onToggleFullScreen
+  }, isFullscreen ? __jsx(_FullscreenExit["default"], {
+    className: "wi-fullscreen-exit"
+  }) : __jsx(_Fullscreen["default"], {
+    className: "wi-fullscreen"
+  })), closable && __jsx(_material.IconButton, {
+    "aria-label": "Close",
+    className: "app-icon panel-action",
+    title: "Close",
+    onClick: onClose
+  }, __jsx(_Close["default"], {
+    className: "wi wi-close"
+  }))));
+};
+var _default = exports["default"] = PanelHeader;

package/components/container/panel/components/panel-header/props.js

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