@wavemaker/react-runtime 11.14.1-16.6404

package/higherOrder/BasePartial.js

@@ -0,0 +1,124 @@
+"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.BasePartial = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = _interopRequireWildcard(require("react"));
+var _store = require("@wavemaker/react-runtime/store");
+var _merge = _interopRequireDefault(require("lodash-es/merge"));
+var _BasePage = _interopRequireDefault(require("@wavemaker/react-runtime/higherOrder/BasePage"));
+var _appstore = _interopRequireDefault(require("@wavemaker/react-runtime/core/appstore"));
+var _appConfigSlice = require("@wavemaker/react-runtime/store/slices/appConfigSlice");
+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 BasePartial = exports.BasePartial = function BasePartial(WrappedComponent, addPageScript, getVariables, componentInfo) {
+  var BasePartialWrapper = function BasePartialWrapper(props) {
+    var _info$appConfig, _i18n$prefabMessages;
+    var prefabName = props.prefabName;
+    var dispatch = (0, _store.useAppDispatch)();
+    var info = (0, _store.useAppSelector)(function (state) {
+      return state.info;
+    });
+    var i18n = (0, _store.useAppSelector)(function (state) {
+      return state.i18n;
+    });
+
+    // Get prefab definitions from state if available
+    var prefabDefinitions = (0, _store.useAppSelector)(function (state) {
+      return state.info.prefabs[prefabName] ? state.info.prefabs[prefabName].serviceDefs : {};
+    });
+    var _useState = (0, _react.useState)(true),
+      loading = _useState[0],
+      setLoading = _useState[1];
+    var _useState2 = (0, _react.useState)(prefabDefinitions || {}),
+      serviceDefs = _useState2[0],
+      setServiceDefs = _useState2[1];
+    var baseUrl = info !== null && info !== void 0 && (_info$appConfig = info.appConfig) !== null && _info$appConfig !== void 0 && _info$appConfig.url ? "".concat(info.appConfig.url, "/services/prefabs/").concat(prefabName, "/servicedefs") : "";
+    var appLocale = (0, _merge["default"])({}, (i18n === null || i18n === void 0 ? void 0 : i18n.appLocale) || {}, (i18n === null || i18n === void 0 || (_i18n$prefabMessages = i18n.prefabMessages) === null || _i18n$prefabMessages === void 0 ? void 0 : _i18n$prefabMessages[prefabName]) || {});
+
+    // Fetch service definitions when component mounts only if not already in state
+    (0, _react.useEffect)(function () {
+      // Skip fetching if we already have the definitions in state
+      if (prefabDefinitions || !baseUrl) {
+        setLoading(false);
+        return;
+      }
+      var fetchServiceDefs = /*#__PURE__*/function () {
+        var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+          var response;
+          return _regenerator["default"].wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                if (baseUrl) {
+                  _context.next = 4;
+                  break;
+                }
+                console.warn("Base URL is not available");
+                setLoading(false);
+                return _context.abrupt("return");
+              case 4:
+                _context.prev = 4;
+                _context.next = 7;
+                return dispatch((0, _appConfigSlice.getPrefabDefinitions)({
+                  prefabName: prefabName,
+                  baseUrl: baseUrl
+                })).unwrap();
+              case 7:
+                response = _context.sent;
+                setServiceDefs(response || {});
+                _appstore["default"].set("".concat(prefabName, "-partials"), {
+                  partials: componentInfo.partials
+                });
+                _context.next = 15;
+                break;
+              case 12:
+                _context.prev = 12;
+                _context.t0 = _context["catch"](4);
+                console.error("Failed to fetch service definitions:", _context.t0);
+              case 15:
+                _context.prev = 15;
+                setLoading(false);
+                return _context.finish(15);
+              case 18:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee, null, [[4, 12, 15, 18]]);
+        }));
+        return function fetchServiceDefs() {
+          return _ref.apply(this, arguments);
+        };
+      }();
+      fetchServiceDefs();
+    }, [baseUrl, prefabDefinitions, prefabName]);
+    if (loading) {
+      return __jsx("div", null, "Loading....");
+    }
+    var FragmentConsumer = function FragmentConsumer(fragmentProps) {
+      var combinedProps = _objectSpread(_objectSpread({}, props), fragmentProps);
+      return __jsx(WrappedComponent, combinedProps);
+    };
+
+    // Apply BaseFragment HOC to our FragmentConsumer
+    var EnhancedComponent = (0, _BasePage["default"])(FragmentConsumer, addPageScript, getVariables, componentInfo, {
+      serviceDefs: serviceDefs,
+      appLocale: appLocale,
+      baseUrl: baseUrl || "",
+      Prefab: true,
+      prefabName: prefabName
+    });
+    return __jsx(EnhancedComponent, props);
+  };
+  return /*#__PURE__*/_react["default"].memo(BasePartialWrapper);
+};
+
+// Export the BasePrefab function as the default export
+var _default = exports["default"] = BasePartial;

package/higherOrder/BasePrefab.js

@@ -0,0 +1,145 @@
+"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.BasePrefab = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _store = require("@wavemaker/react-runtime/store");
+var _merge = _interopRequireDefault(require("lodash-es/merge"));
+var _BasePage = _interopRequireDefault(require("@wavemaker/react-runtime/higherOrder/BasePage"));
+var _appstore = _interopRequireDefault(require("@wavemaker/react-runtime/core/appstore"));
+var _appConfigSlice = require("@wavemaker/react-runtime/store/slices/appConfigSlice");
+var _PrefabContext = _interopRequireDefault(require("@wavemaker/react-runtime/context/PrefabContext"));
+var _excluded = ["pages", "partials", "componentType"];
+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 BasePrefab = exports.BasePrefab = function BasePrefab(WrappedComponent, addPageScript, getVariables, componentInfo) {
+  // Create a wrapper component to handle data fetching
+  var BasePrefabWrapper = /*#__PURE__*/(0, _react.memo)(function (props) {
+    var _i18n$prefabMessages;
+    var prefabname = props.prefabname;
+    var _ref = componentInfo || {},
+      pages = _ref.pages,
+      partials = _ref.partials,
+      componentType = _ref.componentType,
+      rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    var dispatch = (0, _store.useAppDispatch)();
+    var appConfig = (0, _store.useAppSelector)(function (state) {
+      return state.info.appConfig;
+    });
+    var i18n = (0, _store.useAppSelector)(function (state) {
+      return state.i18n;
+    });
+    // Get prefab definitions from state if available
+    var prefabDefinitions = (0, _store.useAppSelector)(function (state) {
+      return state.info[prefabname] ? state.info[prefabname] : null;
+    });
+    var _useState = (0, _react.useState)(prefabDefinitions ? false : true),
+      loading = _useState[0],
+      setLoading = _useState[1];
+    var _useState2 = (0, _react.useState)(prefabDefinitions || {}),
+      serviceDefs = _useState2[0],
+      setServiceDefs = _useState2[1];
+    var baseUrl = appConfig !== null && appConfig !== void 0 && appConfig.url ? "".concat(appConfig.url, "/services/prefabs/").concat(prefabname, "/servicedefs") : "";
+    // Fetch service definitions when component mounts only if not already in state
+    (0, _react.useEffect)(function () {
+      // Skip fetching if we already have the definitions in state
+      if (prefabDefinitions || !baseUrl) {
+        setLoading(false);
+        return;
+      }
+      var fetchServiceDefs = /*#__PURE__*/function () {
+        var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+          var response;
+          return _regenerator["default"].wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                if (baseUrl) {
+                  _context.next = 4;
+                  break;
+                }
+                console.warn("Base URL is not available");
+                setLoading(false);
+                return _context.abrupt("return");
+              case 4:
+                _context.prev = 4;
+                _context.next = 7;
+                return dispatch((0, _appConfigSlice.getPrefabDefinitions)({
+                  prefabName: prefabname,
+                  baseUrl: appConfig.url || "",
+                  pages: pages || []
+                })).unwrap();
+              case 7:
+                response = _context.sent;
+                setServiceDefs(response || {});
+                _appstore["default"].set("".concat(prefabname, "-partials"), {
+                  partials: partials || []
+                });
+                _context.next = 15;
+                break;
+              case 12:
+                _context.prev = 12;
+                _context.t0 = _context["catch"](4);
+                console.error("Failed to fetch service definitions:", _context.t0);
+              case 15:
+                _context.prev = 15;
+                setLoading(false);
+                return _context.finish(15);
+              case 18:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee, null, [[4, 12, 15, 18]]);
+        }));
+        return function fetchServiceDefs() {
+          return _ref2.apply(this, arguments);
+        };
+      }();
+      fetchServiceDefs();
+    }, [baseUrl, prefabname, dispatch, prefabDefinitions]);
+    if (!prefabname) {
+      return null;
+    }
+    var appLocale = (0, _merge["default"])({}, (i18n === null || i18n === void 0 ? void 0 : i18n.appLocale) || {}, (i18n === null || i18n === void 0 || (_i18n$prefabMessages = i18n.prefabMessages) === null || _i18n$prefabMessages === void 0 ? void 0 : _i18n$prefabMessages[prefabname]) || {});
+    if (loading) {
+      return __jsx("div", null, "Loading....");
+    }
+    var FragmentConsumer = function FragmentConsumer(fragmentProps) {
+      var combinedProps = _objectSpread(_objectSpread({}, props), fragmentProps);
+      return __jsx(WrappedComponent, combinedProps);
+    };
+
+    // Apply BasePage HOC to our FragmentConsumer
+    var EnhancedComponent = (0, _BasePage["default"])(FragmentConsumer, addPageScript, getVariables, _objectSpread(_objectSpread({}, rest), {}, {
+      componentName: prefabname,
+      componentType: componentType
+    }), {
+      serviceDefs: (serviceDefs === null || serviceDefs === void 0 ? void 0 : serviceDefs.serviceDefs) || {},
+      appLocale: appLocale,
+      prefab: true,
+      prefabName: prefabname
+    });
+    return __jsx(EnhancedComponent, props);
+  }, function (next, prev) {
+    return next.prefabname === prev.prefabname;
+  });
+  var BasePrefabWithProvider = function BasePrefabWithProvider(props) {
+    return __jsx(_PrefabContext["default"], {
+      value: {
+        inbound: props.inbound || {},
+        outbound: props.outbound || {}
+      }
+    }, __jsx(BasePrefabWrapper, props));
+  };
+  return BasePrefabWithProvider;
+};
+var _default = exports["default"] = BasePrefab;

package/higherOrder/DataNav.js

@@ -0,0 +1,377 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof3 = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleNavigation = exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _withBaseWrapper = require("@wavemaker/react-runtime/higherOrder/withBaseWrapper");
+var _excluded = ["dataset", "itemicon", "itemlabel", "itemhint", "itemlink", "itemtarget", "itembadge", "itemchildren", "itemaction", "itemclass", "itemid", "isactive", "userrole", "orderby", "datafield", "displayfield", "listener", "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" != _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 _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var getValidLink = function getValidLink(link) {
+  if (!link) return undefined;
+  var routRegex = /^(\/|#\/|#)(?!\W).*/;
+  if (routRegex.test(link)) {
+    var match = link.match(/[\w]+.*/);
+    if (match) {
+      link = "#/".concat(match[0]);
+    }
+  } else if (link.startsWith("www.")) {
+    link = "//".concat(link);
+  }
+  return link;
+};
+var getElement = function getElement(obj, key) {
+  return obj && obj[key];
+};
+var isDefined = function isDefined(value) {
+  return value !== undefined;
+};
+var validateAccessRoles = function validateAccessRoles(roles, userRoles) {
+  if (!roles || typeof roles !== "string") return true;
+  var roleList = roles.split(",").map(function (role) {
+    return role.trim();
+  });
+  return roleList.some(function (role) {
+    return userRoles.includes(role);
+  });
+};
+var createArrayFrom = function createArrayFrom(value) {
+  if (Array.isArray(value)) {
+    return value;
+  }
+  return value ? [value] : [];
+};
+var getOrderedDataset = function getOrderedDataset(dataset, orderby) {
+  if (!orderby) return dataset;
+  var _orderby$split = orderby.split(":"),
+    _orderby$split2 = (0, _slicedToArray2["default"])(_orderby$split, 2),
+    field = _orderby$split2[0],
+    direction = _orderby$split2[1];
+  return dataset.sort(function (a, b) {
+    var valA = a[field] || a.label || a.value || a;
+    var valB = b[field] || b.label || b.value || b;
+    var comparison = 0;
+    if (valA < valB) comparison = -1;
+    if (valA > valB) comparison = 1;
+    return direction === "desc" ? -comparison : comparison;
+  });
+};
+var getEvaluatedData = function getEvaluatedData(dataObj, options, context) {
+  if (options.bindExpression) {
+    return options.bindExpression(context, dataObj);
+  }
+  if (options.field) {
+    return dataObj[options.field];
+  }
+  return undefined;
+};
+var getCurrentRouteId = function getCurrentRouteId() {
+  var path = window.location.pathname.substr(1).split("?")[0];
+  var segments = path.split("/");
+  return segments[segments.length - 1] || "Main";
+};
+var findPathToNode = function findPathToNode(nodes, targetId) {
+  var path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  var _iterator = _createForOfIteratorHelper(nodes),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _node$link, _node$children;
+      var node = _step.value;
+      if (node.id === targetId || (_node$link = node.link) !== null && _node$link !== void 0 && _node$link.includes(targetId)) {
+        return [].concat((0, _toConsumableArray2["default"])(path), [node]);
+      }
+      if ((_node$children = node.children) !== null && _node$children !== void 0 && _node$children.length) {
+        var foundPath = findPathToNode(node.children, targetId, [].concat((0, _toConsumableArray2["default"])(path), [node]));
+        if (foundPath.length) {
+          return foundPath;
+        }
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return [];
+};
+var handleNavigation = exports.handleNavigation = function handleNavigation(item, event) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var onBeforenavigate = options.onBeforenavigate,
+    defaultTarget = options.defaultTarget;
+  event.preventDefault();
+  var locals = {
+    $item: item.value,
+    $event: event
+  };
+  var canNavigate = !((onBeforenavigate === null || onBeforenavigate === void 0 ? void 0 : onBeforenavigate(locals)) === false);
+  var linkTarget = item.target || defaultTarget;
+  var itemLink = item.link;
+  if (itemLink && canNavigate) {
+    var queryString = itemLink.split("?")[1];
+    var cleanPath = itemLink.replace(/^#?\/?/, "").split("?")[0];
+    var currentPath = window.location.pathname;
+    var pathSegments = currentPath.split("/");
+    if (pathSegments.length > 1) {
+      pathSegments[pathSegments.length - 1] = cleanPath;
+      var newPath = pathSegments.join("/") + (queryString ? "?".concat(queryString) : "");
+      window.location.href = newPath;
+    } else {
+      window.location.href = "/".concat(cleanPath).concat(queryString ? "?".concat(queryString) : "");
+    }
+  }
+};
+var withDatasetAwareNavigation = function withDatasetAwareNavigation(WrappedComponent) {
+  var NavigationWrappedComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+    var _listener$appConfig, _securityService$logg;
+    var dataset = props.dataset,
+      itemicon = props.itemicon,
+      itemlabel = props.itemlabel,
+      itemhint = props.itemhint,
+      itemlink = props.itemlink,
+      itemtarget = props.itemtarget,
+      itembadge = props.itembadge,
+      itemchildren = props.itemchildren,
+      itemaction = props.itemaction,
+      itemclass = props.itemclass,
+      itemid = props.itemid,
+      isactive = props.isactive,
+      userrole = props.userrole,
+      orderby = props.orderby,
+      datafield = props.datafield,
+      displayfield = props.displayfield,
+      listener = props.listener,
+      styles = props.styles,
+      className = props.className,
+      restProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    var _useState = (0, _react.useState)([]),
+      navNodes = _useState[0],
+      setNavNodes = _useState[1];
+    var securityService = (listener === null || listener === void 0 || (_listener$appConfig = listener.appConfig) === null || _listener$appConfig === void 0 ? void 0 : _listener$appConfig.SecurityService) || {
+      loggedInUser: []
+    };
+    var userRoles = ((_securityService$logg = securityService.loggedInUser) === null || _securityService$logg === void 0 ? void 0 : _securityService$logg.roles) || [];
+    var binditemlabel = (0, _react.useRef)(null);
+    var binditemhint = (0, _react.useRef)(null);
+    var binditemicon = (0, _react.useRef)(null);
+    var binditemaction = (0, _react.useRef)(null);
+    var binditembadge = (0, _react.useRef)(null);
+    var binditemchildren = (0, _react.useRef)(null);
+    var binditemid = (0, _react.useRef)(null);
+    var binditemlink = (0, _react.useRef)(null);
+    var binditemtarget = (0, _react.useRef)(null);
+    var binduserrole = (0, _react.useRef)(null);
+    var bindisactive = (0, _react.useRef)(null);
+    var _itemFieldMap = (0, _react.useRef)({
+      idField: itemid || "id",
+      iconField: itemicon || "icon",
+      labelField: itemlabel || "label",
+      hintField: itemhint || "hint",
+      linkField: itemlink || "link",
+      targetField: itemtarget || "target",
+      badgeField: itembadge || "badge",
+      childrenField: itemchildren || "children",
+      classField: itemclass || "class",
+      actionField: itemaction || "action",
+      isactiveField: isactive || "isactive",
+      roleField: userrole || "role"
+    });
+    (0, _react.useEffect)(function () {
+      binditemlabel.current = restProps["itemlabel.bind"] || null;
+      binditemhint.current = restProps["itemhint.bind"] || null;
+      binditemicon.current = restProps["itemicon.bind"] || null;
+      binditemaction.current = restProps["itemaction.bind"] || null;
+      binditembadge.current = restProps["itembadge.bind"] || null;
+      binditemchildren.current = restProps["itemchildren.bind"] || null;
+      binditemid.current = restProps["itemid.bind"] || null;
+      binditemlink.current = restProps["itemlink.bind"] || null;
+      binditemtarget.current = restProps["itemtarget.bind"] || null;
+      binduserrole.current = restProps["userrole.bind"] || null;
+      bindisactive.current = restProps["isactive.bind"] || null;
+    }, [restProps]);
+    (0, _react.useEffect)(function () {
+      resetNodes();
+    }, [dataset, itemicon, itemlabel, itemhint, itemlink, itemtarget, itembadge, itemchildren, itemaction, itemclass, itemid, isactive, userrole, orderby, datafield, displayfield]);
+    var resetItemFieldMap = function resetItemFieldMap() {
+      _itemFieldMap.current = {
+        idField: itemid || "id",
+        iconField: itemicon || "icon",
+        labelField: itemlabel || "label",
+        hintField: itemhint || "hint",
+        linkField: itemlink || "link",
+        targetField: itemtarget || "target",
+        badgeField: itembadge || "badge",
+        childrenField: itemchildren || "children",
+        classField: itemclass || "class",
+        actionField: itemaction || "action",
+        isactiveField: isactive || "isactive",
+        roleField: userrole || "role"
+      };
+    };
+    var getNode = function getNode(fields, node) {
+      var context = {};
+
+      // Handle different node structures
+      var processedNode;
+      if (typeof node === "string") {
+        processedNode = {
+          label: node,
+          value: node,
+          expanded: false
+        };
+      } else if ((0, _typeof2["default"])(node) === "object") {
+        var childrenData = getElement(node, fields.childrenField);
+        var children = Array.isArray(childrenData) ? childrenData.map(function (child) {
+          return getNode(fields, child);
+        }) : [];
+        processedNode = {
+          action: getEvaluatedData(node, {
+            field: itemaction,
+            bindExpression: binditemaction.current
+          }, context) || getElement(node, fields.actionField),
+          badge: getEvaluatedData(node, {
+            field: itembadge,
+            bindExpression: binditembadge.current
+          }, context) || getElement(node, fields.badgeField),
+          children: children,
+          "class": getElement(node, fields.classField),
+          disabled: node.disabled,
+          icon: getEvaluatedData(node, {
+            field: itemicon,
+            bindExpression: binditemicon.current
+          }, context) || getElement(node, fields.iconField),
+          id: getEvaluatedData(node, {
+            field: itemid,
+            bindExpression: binditemid.current
+          }, context) || getElement(node, fields.idField),
+          label: getEvaluatedData(node, {
+            field: itemlabel,
+            bindExpression: binditemlabel.current
+          }, context) || getElement(node, fields.labelField) || node.label || String(node),
+          hint: getEvaluatedData(node, {
+            field: itemhint,
+            bindExpression: binditemhint.current
+          }, context) || getElement(node, fields.hintField),
+          link: getValidLink(getEvaluatedData(node, {
+            field: itemlink,
+            bindExpression: binditemlink.current
+          }, context) || getElement(node, fields.linkField)) || node.link,
+          target: getEvaluatedData(node, {
+            field: itemtarget,
+            bindExpression: binditemtarget.current
+          }, context) || getElement(node, fields.targetField),
+          role: getEvaluatedData(node, {
+            field: userrole,
+            bindExpression: binduserrole.current
+          }, context) || getElement(node, fields.roleField),
+          isactive: getEvaluatedData(node, {
+            field: isactive,
+            bindExpression: bindisactive.current
+          }, context) || getElement(node, fields.isactiveField),
+          value: datafield && datafield !== "All Fields" ? getElement(node, datafield) : node,
+          expanded: false
+        };
+      } else {
+        processedNode = {
+          label: String(node),
+          value: node,
+          expanded: false
+        };
+      }
+      return processedNode;
+    };
+    var prepareNodeDataSet = function prepareNodeDataSet(nv) {
+      if (!nv) return [];
+
+      // Handle comma-separated string
+      if (typeof nv === "string") {
+        var items = nv.split(",").map(function (item) {
+          return item.trim();
+        }).filter(function (item) {
+          return item.length > 0;
+        });
+        return items.map(function (item) {
+          return {
+            label: item,
+            value: item
+          };
+        });
+      }
+
+      // Handle plain object (convert to array of key-value pairs)
+      if (nv && (0, _typeof2["default"])(nv) === "object" && !Array.isArray(nv)) {
+        return Object.entries(nv).map(function (_ref) {
+          var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+            key = _ref2[0],
+            value = _ref2[1];
+          return {
+            label: String(value),
+            value: key,
+            key: key
+          };
+        });
+      }
+
+      // Handle array
+      var arrayData = createArrayFrom(nv);
+      return arrayData.map(function (val) {
+        if (typeof val === "string") {
+          return {
+            label: val,
+            value: val
+          };
+        }
+        if ((0, _typeof2["default"])(val) !== "object") {
+          return {
+            label: String(val),
+            value: val
+          };
+        }
+        return val;
+      });
+    };
+    var getNodes = function getNodes() {
+      var nv = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : dataset || [];
+      if (!nv || Array.isArray(nv) && nv.length === 0) {
+        return [];
+      }
+      var nodes = getOrderedDataset(prepareNodeDataSet(nv), orderby) || [];
+      if (nodes.length) {
+        var nodeFields = _itemFieldMap.current;
+        nodes = nodes.reduce(function (result, node) {
+          if (validateAccessRoles(getElement(node, nodeFields.roleField), userRoles)) {
+            result.push(getNode(nodeFields, node));
+          }
+          return result;
+        }, []);
+      }
+      return nodes;
+    };
+    var resetNodes = function resetNodes() {
+      resetItemFieldMap();
+      var newNodes = getNodes();
+      setNavNodes(newNodes);
+    };
+    return __jsx(WrappedComponent, (0, _extends2["default"])({}, props, {
+      ref: ref,
+      navNodes: navNodes,
+      resetNavNodes: resetNodes,
+      handleNavigation: handleNavigation
+    }));
+  });
+  NavigationWrappedComponent.displayName = "withDatasetAwareNavigation(".concat(WrappedComponent.displayName || WrappedComponent.name || "Component", ")");
+  return (0, _withBaseWrapper.withBaseWrapper)(NavigationWrappedComponent);
+};
+var _default = exports["default"] = withDatasetAwareNavigation;