@wavemaker/react-runtime 11.14.1-15.6409

package/components/navbar/nav/props.js

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

package/components/navbar/nav-item/index.js

@@ -0,0 +1,44 @@
+"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.WmNavItem = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
+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-nav-item";
+var WmNavItem = exports.WmNavItem = /*#__PURE__*/(0, _react.memo)(function (props) {
+  var className = props.className,
+    styles = props.styles,
+    id = props.id,
+    name = props.name;
+  return __jsx(_ListItem["default"], {
+    name: name,
+    id: id,
+    sx: _objectSpread(_objectSpread({
+      display: "block"
+    }, styles), {}, {
+      width: "inherit",
+      margin: "inherit",
+      padding: "inherit"
+    }),
+    className: (0, _clsx["default"])(DEFAULT_CLASS, className),
+    title: props.hint
+  }, props.children);
+}, function (prev, current) {
+  var keys = ["className", "styles", "children"];
+  return keys.every(function (key) {
+    return prev[key] === current[key];
+  });
+});
+WmNavItem.displayName = "WmNavItem";
+var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)((0, _withBaseWrapper.withBaseWrapper)(WmNavItem));

package/components/navigation/breadcrumb/index.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.BreadCrumb = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _link = _interopRequireDefault(require("next/link"));
+var _DataNav = _interopRequireDefault(require("@wavemaker/react-runtime/higherOrder/DataNav"));
+var __jsx = _react["default"].createElement;
+var BreadCrumb = exports.BreadCrumb = function BreadCrumb(props) {
+  var className = props.className,
+    onBeforenavigate = props.onBeforenavigate,
+    itemtarget = props.itemtarget,
+    _props$navNodes = props.navNodes,
+    navNodes = _props$navNodes === void 0 ? [] : _props$navNodes;
+  function handleBeforeNavigate(e, node) {
+    if (onBeforenavigate) {
+      return onBeforenavigate(props, node);
+    }
+  }
+  var renderNavItem = function renderNavItem(node, index) {
+    var isLast = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    return __jsx("li", {
+      key: node.id || index,
+      className: (0, _clsx["default"])(node["class"], {
+        active: isLast
+      })
+    }, __jsx(_react["default"].Fragment, null, node.icon ? __jsx("i", {
+      className: node.icon
+    }) : __jsx("i", null), !isLast ? __jsx(_link["default"], {
+      href: node.link || "#",
+      title: node.hint || node.label,
+      onClick: function onClick(e) {
+        return handleBeforeNavigate(e, node);
+      },
+      className: (0, _clsx["default"])({
+        "disabled-link": !!node.action
+      })
+    }, node.label) : __jsx(_link["default"], {
+      title: node.hint || node.label,
+      className: "text-muted",
+      tabIndex: 0,
+      "aria-current": "page",
+      href: "#"
+    }, node.label)));
+  };
+  return __jsx("ol", {
+    className: (0, _clsx["default"])("breadcrumb app-breadcrumb", className)
+  }, navNodes.map(function (node, index) {
+    return renderNavItem(node, index, index === navNodes.length - 1);
+  }));
+};
+var _default = exports["default"] = (0, _DataNav["default"])(BreadCrumb);

package/components/navigation/breadcrumb/props.js

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

package/components/navigation/menu/components/ListItems.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildMenuListClasses = exports.MenuList = exports.CollapsibleMenu = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _material = require("@mui/material");
+var _clsx = _interopRequireDefault(require("clsx"));
+var _constants = require("../constants");
+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 getAnimationClass = function getAnimationClass(type, position) {
+  if (!type || !position || !_constants.ANIMATION_CLASSES[type]) return "";
+  return _constants.ANIMATION_CLASSES[type][position] || _constants.ANIMATION_CLASSES[type].name;
+};
+
+// Reusable menu list class builder
+var buildMenuListClasses = exports.buildMenuListClasses = function buildMenuListClasses(iconposition, menulayout, horizontalPos, panelPosition, animateitems, menuposition, isHovered) {
+  return (0, _clsx["default"])("icon-position-".concat(iconposition), "menu-layout-".concat(menulayout), "dropdown-menu", horizontalPos === "left" && isHovered || panelPosition === "left" ? "pull-right" : "", !panelPosition && horizontalPos === "left" ? "pull-right" : "", menulayout === "horizontal" ? "horizontal" : "", animateitems && "animated ".concat(getAnimationClass(animateitems, menuposition)));
+};
+
+// Reusable Menu List Component
+var MenuList = exports.MenuList = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var className = _ref.className,
+    style = _ref.style,
+    _ref$role = _ref.role,
+    role = _ref$role === void 0 ? "menu" : _ref$role,
+    children = _ref.children,
+    onMouseEnter = _ref.onMouseEnter,
+    onMouseLeave = _ref.onMouseLeave,
+    onClick = _ref.onClick;
+  return __jsx(_material.List, {
+    className: className,
+    role: role,
+    style: style,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    onClick: onClick
+  }, children);
+});
+MenuList.displayName = "MenuList";
+
+// Reusable Collapsible Menu Component
+var CollapsibleMenu = exports.CollapsibleMenu = /*#__PURE__*/(0, _react.memo)(function (_ref2) {
+  var isOpen = _ref2.isOpen,
+    verticalPos = _ref2.verticalPos,
+    children = _ref2.children,
+    className = _ref2.className,
+    style = _ref2.style,
+    onMouseEnter = _ref2.onMouseEnter,
+    onMouseLeave = _ref2.onMouseLeave,
+    onClick = _ref2.onClick;
+  // Don't render anything if not open
+  if (!isOpen) return null;
+  return __jsx(MenuList, {
+    className: className,
+    style: style,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    onClick: onClick
+  }, children);
+});
+CollapsibleMenu.displayName = "CollapsibleMenu";

package/components/navigation/menu/constants.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.menuAlignClass = exports.TOOLTIP_ENTER_DELAY = exports.POSITION = exports.LAYOUT = exports.KEYBOARD_MOVEMENTS = exports.DEFAULT_DATASET = exports.CARET_CLS = exports.AUTO_OPEN = exports.AUTO_CLOSE = exports.ANIMATION_CLASSES = void 0;
+// Define keyboard movement constants
+var KEYBOARD_MOVEMENTS = exports.KEYBOARD_MOVEMENTS = {
+  MOVE_UP: "UP-ARROW",
+  MOVE_LEFT: "LEFT-ARROW",
+  MOVE_RIGHT: "RIGHT-ARROW",
+  MOVE_DOWN: "DOWN-ARROW",
+  ON_ENTER: "ENTER",
+  ON_MOUSE_ENTER: "MOUSE-ENTER",
+  ON_MOUSE_LEAVE: "MOUSE-LEAVE",
+  ON_TAB: "TAB",
+  ON_SHIFT_TAB: "SHIFT-TAB",
+  ON_ESCAPE: "ESC"
+};
+
+// Define position constants
+var POSITION = exports.POSITION = {
+  DOWN_RIGHT: "down,right",
+  DOWN_LEFT: "down,left",
+  UP_RIGHT: "up,right",
+  UP_LEFT: "up,left",
+  INLINE: "inline"
+};
+
+// Define layout constants
+var LAYOUT = exports.LAYOUT = {
+  HORIZONTAL: "horizontal",
+  VERTICAL: "vertical",
+  GRID: "grid"
+};
+
+// Define autoopen constants
+var AUTO_OPEN = exports.AUTO_OPEN = {
+  NEVER: "never",
+  ACTIVE_PAGE: "activepage",
+  ALWAYS: "always"
+};
+
+// Define autoclose constants - FIXED to match exactly the string passed as prop
+var AUTO_CLOSE = exports.AUTO_CLOSE = {
+  ALWAYS: "always",
+  OUTSIDE_CLICK: "outsideClick",
+  // Now matches exactly the string "outsideClick"
+  ON_MOUSE_LEAVE: "onmouseleave",
+  NEVER: "never"
+};
+
+// Default dataset to use when none is provided
+var DEFAULT_DATASET = exports.DEFAULT_DATASET = [{
+  label: "Menu Item 1",
+  link: "#item1",
+  expanded: false
+}, {
+  label: "Menu Item 2",
+  link: "#item2",
+  expanded: false
+}, {
+  label: "Menu Item 3",
+  link: "#item3",
+  expanded: false
+}];
+
+// Constants
+var ANIMATION_CLASSES = exports.ANIMATION_CLASSES = {
+  scale: {
+    name: "wmScaleInLeft",
+    "down,right": "wmScaleInLeft",
+    "down,left": "wmScaleInRight",
+    "up,right": "wmScaleInTopLeft",
+    "up,left": "wmScaleInTopRight"
+  },
+  fade: {
+    name: "fadeIn",
+    "down,right": "fadeIn",
+    "down,left": "fadeIn",
+    "up,right": "fadeIn",
+    "up,left": "fadeIn"
+  },
+  slide: {
+    name: "wmSlideInDown",
+    "down,right": "wmSlideInDown",
+    "down,left": "wmSlideInDown",
+    "up,right": "wmSlideInUp",
+    "up,left": "wmSlideInUp"
+  }
+};
+var TOOLTIP_ENTER_DELAY = exports.TOOLTIP_ENTER_DELAY = 1500;
+var CARET_CLS = exports.CARET_CLS = {
+  UP: "fa-caret-up",
+  DOWN: "fa-caret-down"
+};
+var menuAlignClass = exports.menuAlignClass = {
+  "pull-right": "fa-caret-left",
+  "dropinline-menu": "fa-caret-down",
+  "pull-left": "fa-caret-right"
+};