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

package/higherOrder/DataNav.js

@@ -1,242 +1,222 @@
-"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _lodash = require("lodash");
-var _excluded = ["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).*/;
+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 } from "react/jsx-runtime";
+import { useRef, useEffect, useMemo, forwardRef, useState } from "react";
+import { flattenDeep } from "lodash";
+const getValidLink = (link) => {
+  if (!link) return void 0;
+  const routRegex = /^(\/|#\/|#)(?!\W).*/;
   if (routRegex.test(link)) {
-    var match = link.match(/[\w]+.*/);
+    const match = link.match(/[\w]+.*/);
     if (match) {
-      link = "".concat(match[0]);
+      link = `${match[0]}`;
     }
   } else if (link.startsWith("www.")) {
-    link = "//".concat(link);
+    link = `//${link}`;
   }
   return link;
 };
-var getElement = function getElement(obj, key) {
-  return obj && obj[key];
-};
-var validateAccessRoles = function validateAccessRoles(roles, userRoles) {
+const getElement = (obj, key) => obj && obj[key];
+const 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);
-  });
+  const roleList = roles.split(",").map((role) => role.trim());
+  return roleList.some((role) => userRoles.includes(role));
 };
-var createArrayFrom = function createArrayFrom(value) {
+const createArrayFrom = (value) => {
   if (Array.isArray(value)) {
     return value;
   }
   return value ? [value] : [];
 };
-var getOrderedDataset = function getOrderedDataset(dataset, orderby) {
+const 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;
+  const [field, direction] = orderby.split(":");
+  return dataset.sort((a, b) => {
+    const valA = a[field] || a.label || a.value || a;
+    const valB = b[field] || b.label || b.value || b;
+    let comparison = 0;
     if (valA < valB) comparison = -1;
     if (valA > valB) comparison = 1;
     return direction === "desc" ? -comparison : comparison;
   });
 };
-var getEvaluatedData = function getEvaluatedData(dataObj, options, context) {
+const getEvaluatedData = (dataObj, options, context) => {
   if (options.bindExpression) {
     return options.bindExpression(context, dataObj);
   }
   if (options.field) {
     return dataObj[options.field];
   }
-  return undefined;
+  return void 0;
 };
-var getCurrentRouteId = function getCurrentRouteId() {
-  var path = window.location.pathname.substr(1).split("?")[0];
-  var segments = path.split("/");
+const getCurrentRouteId = () => {
+  const path = window.location.pathname.substr(1).split("?")[0];
+  const 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$children;
-      var node = _step.value;
-      if (node.id === 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;
-        }
+const findPathToNode = (nodes, targetId, path = []) => {
+  var _a;
+  for (const node of nodes) {
+    if (node.id === targetId) {
+      return [...path, node];
+    }
+    if ((_a = node.children) == null ? void 0 : _a.length) {
+      const foundPath = findPathToNode(node.children, targetId, [...path, node]);
+      if (foundPath.length) {
+        return foundPath;
       }
     }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
   }
   return [];
 };
-var _findNodeById = function findNodeById(data, targetId) {
-  var itemIdField = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "id";
-  var _iterator2 = _createForOfIteratorHelper(data),
-    _step2;
-  try {
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var item = _step2.value;
-      if (item && (0, _typeof2["default"])(item) === "object") {
-        // Check if current item matches the target id
-        if (item[itemIdField] === targetId) {
+const findNodeById = (data, targetId, itemIdField = "id") => {
+  for (const item of data) {
+    if (item && typeof item === "object") {
+      if (item[itemIdField] === targetId) {
+        return true;
+      }
+      if (Array.isArray(item.children) && item.children.length > 0) {
+        if (findNodeById(item.children, targetId, itemIdField)) {
           return true;
         }
-        // Recursively check children
-        if (Array.isArray(item.children) && item.children.length > 0) {
-          if (_findNodeById(item.children, targetId, itemIdField)) {
-            return true;
-          }
-        }
       }
     }
-  } catch (err) {
-    _iterator2.e(err);
-  } finally {
-    _iterator2.f();
   }
   return false;
 };
-
-// Helper function to find the correct array from array of arrays based on current route
-var findMatchingDataset = function findMatchingDataset(data, currentRouteId) {
-  var itemIdField = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "id";
+const findMatchingDataset = (data, currentRouteId, itemIdField = "id") => {
   if (!Array.isArray(data) || data.length === 0) {
     return data || [];
   }
-
-  // If the first element is not an array, return as is
   if (!Array.isArray(data[0])) {
     return data;
   }
-
-  // It's an array of arrays - search through each array
-  for (var i = 0; i < data.length; i++) {
-    var arrayItem = data[i];
-
-    // Flatten the array item to get all objects regardless of nesting using lodash
-    var flattenedArray = (0, _lodash.flattenDeep)([arrayItem]);
-    if (flattenedArray.length > 0 && _findNodeById(flattenedArray, currentRouteId, itemIdField)) {
+  for (let i = 0; i < data.length; i++) {
+    const arrayItem = data[i];
+    const flattenedArray = flattenDeep([arrayItem]);
+    if (flattenedArray.length > 0 && findNodeById(flattenedArray, currentRouteId, itemIdField)) {
       return flattenedArray;
     }
   }
-
-  // If no match found, flatten and return the first array as fallback
-  var fallbackArray = (0, _lodash.flattenDeep)([data[0]]);
+  const fallbackArray = flattenDeep([data[0]]);
   return fallbackArray.length > 0 ? fallbackArray : data;
 };
-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;
+const handleNavigation = (item, event, options = {}) => {
+  const { onBeforenavigate, defaultTarget } = options;
   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;
+  const locals = { $item: item.value, $event: event };
+  const canNavigate = !((onBeforenavigate == null ? void 0 : onBeforenavigate(locals)) === false);
+  const linkTarget = item.target || defaultTarget;
+  let 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("/");
+    const queryString = itemLink.split("?")[1];
+    const cleanPath = itemLink.replace(/^#?\/?/, "").split("?")[0];
+    const currentPath = window.location.pathname;
+    const pathSegments = currentPath.split("/");
     if (pathSegments.length > 1) {
       pathSegments[pathSegments.length - 1] = cleanPath;
-      var newPath = pathSegments.join("/") + (queryString ? "?".concat(queryString) : "");
+      const newPath = pathSegments.join("/") + (queryString ? `?${queryString}` : "");
       window.location.href = newPath;
     } else {
-      window.location.href = "/".concat(cleanPath).concat(queryString ? "?".concat(queryString) : "");
+      window.location.href = `/${cleanPath}${queryString ? `?${queryString}` : ""}`;
     }
   }
 };
-var withDatasetAwareNavigation = function withDatasetAwareNavigation(WrappedComponent) {
-  var NavigationWrappedComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-    var _listener$appConfig, _securityService$logg;
-    var 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 dataset = (0, _react.useMemo)(function () {
-      var data = typeof props.dataset === "function" ? props.dataset() : props.dataset;
-
-      // Handle array of arrays by finding the correct array based on current route
+const withDatasetAwareNavigation = (WrappedComponent) => {
+  const NavigationWrappedComponent = forwardRef((props, ref) => {
+    var _b, _c;
+    const _a = props, {
+      itemicon,
+      itemlabel,
+      itemhint,
+      itemlink,
+      itemtarget,
+      itembadge,
+      itemchildren,
+      itemaction,
+      itemclass,
+      itemid,
+      isactive,
+      userrole,
+      orderby,
+      datafield,
+      displayfield,
+      listener,
+      styles,
+      className
+    } = _a, restProps = __objRest(_a, [
+      "itemicon",
+      "itemlabel",
+      "itemhint",
+      "itemlink",
+      "itemtarget",
+      "itembadge",
+      "itemchildren",
+      "itemaction",
+      "itemclass",
+      "itemid",
+      "isactive",
+      "userrole",
+      "orderby",
+      "datafield",
+      "displayfield",
+      "listener",
+      "styles",
+      "className"
+    ]);
+    const dataset = useMemo(() => {
+      let data = typeof props.dataset === "function" ? props.dataset() : props.dataset;
       if (Array.isArray(data) && data.length > 0 && Array.isArray(data[0])) {
-        var currentRouteId = getCurrentRouteId();
-        var itemIdField = itemid || "id";
+        const currentRouteId = getCurrentRouteId();
+        const itemIdField = itemid || "id";
         data = findMatchingDataset(data, currentRouteId, itemIdField);
       }
       return data || [];
     }, [props.dataset, itemid]);
-    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)({
+    const [navNodes, setNavNodes] = useState([]);
+    const securityService = ((_b = listener == null ? void 0 : listener.appConfig) == null ? void 0 : _b.SecurityService) || { loggedInUser: [] };
+    const userRoles = ((_c = securityService.loggedInUser) == null ? void 0 : _c.roles) || [];
+    const binditemlabel = useRef(null);
+    const binditemhint = useRef(null);
+    const binditemicon = useRef(null);
+    const binditemaction = useRef(null);
+    const binditembadge = useRef(null);
+    const binditemchildren = useRef(null);
+    const binditemid = useRef(null);
+    const binditemlink = useRef(null);
+    const binditemtarget = useRef(null);
+    const binduserrole = useRef(null);
+    const bindisactive = useRef(null);
+    const _itemFieldMap = useRef({
       idField: itemid || "id",
       iconField: itemicon || "icon",
       labelField: itemlabel || "label",
@@ -250,25 +230,42 @@ var withDatasetAwareNavigation = function withDatasetAwareNavigation(WrappedComp
       isactiveField: isactive || "isactive",
       roleField: userrole || "role"
     });
-    (0, _react.useEffect)(function () {
-      var _r$itemlabelBind, _r$itemhintBind, _r$itemiconBind, _r$itemactionBind, _r$itembadgeBind, _r$itemchildrenBind, _r$itemidBind, _r$itemlinkBind, _r$itemtargetBind, _r$userroleBind, _r$isactiveBind;
-      var r = restProps;
-      binditemlabel.current = (_r$itemlabelBind = r["itemlabel.bind"]) !== null && _r$itemlabelBind !== void 0 ? _r$itemlabelBind : null;
-      binditemhint.current = (_r$itemhintBind = r["itemhint.bind"]) !== null && _r$itemhintBind !== void 0 ? _r$itemhintBind : null;
-      binditemicon.current = (_r$itemiconBind = r["itemicon.bind"]) !== null && _r$itemiconBind !== void 0 ? _r$itemiconBind : null;
-      binditemaction.current = (_r$itemactionBind = r["itemaction.bind"]) !== null && _r$itemactionBind !== void 0 ? _r$itemactionBind : null;
-      binditembadge.current = (_r$itembadgeBind = r["itembadge.bind"]) !== null && _r$itembadgeBind !== void 0 ? _r$itembadgeBind : null;
-      binditemchildren.current = (_r$itemchildrenBind = r["itemchildren.bind"]) !== null && _r$itemchildrenBind !== void 0 ? _r$itemchildrenBind : null;
-      binditemid.current = (_r$itemidBind = r["itemid.bind"]) !== null && _r$itemidBind !== void 0 ? _r$itemidBind : null;
-      binditemlink.current = (_r$itemlinkBind = r["itemlink.bind"]) !== null && _r$itemlinkBind !== void 0 ? _r$itemlinkBind : null;
-      binditemtarget.current = (_r$itemtargetBind = r["itemtarget.bind"]) !== null && _r$itemtargetBind !== void 0 ? _r$itemtargetBind : null;
-      binduserrole.current = (_r$userroleBind = r["userrole.bind"]) !== null && _r$userroleBind !== void 0 ? _r$userroleBind : null;
-      bindisactive.current = (_r$isactiveBind = r["isactive.bind"]) !== null && _r$isactiveBind !== void 0 ? _r$isactiveBind : null;
+    useEffect(() => {
+      var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k;
+      const r = restProps;
+      binditemlabel.current = (_a2 = r["itemlabel.bind"]) != null ? _a2 : null;
+      binditemhint.current = (_b2 = r["itemhint.bind"]) != null ? _b2 : null;
+      binditemicon.current = (_c2 = r["itemicon.bind"]) != null ? _c2 : null;
+      binditemaction.current = (_d = r["itemaction.bind"]) != null ? _d : null;
+      binditembadge.current = (_e = r["itembadge.bind"]) != null ? _e : null;
+      binditemchildren.current = (_f = r["itemchildren.bind"]) != null ? _f : null;
+      binditemid.current = (_g = r["itemid.bind"]) != null ? _g : null;
+      binditemlink.current = (_h = r["itemlink.bind"]) != null ? _h : null;
+      binditemtarget.current = (_i = r["itemtarget.bind"]) != null ? _i : null;
+      binduserrole.current = (_j = r["userrole.bind"]) != null ? _j : null;
+      bindisactive.current = (_k = r["isactive.bind"]) != null ? _k : null;
     }, [restProps]);
-    (0, _react.useEffect)(function () {
+    useEffect(() => {
       resetNodes();
-    }, [dataset, itemicon, itemlabel, itemhint, itemlink, itemtarget, itembadge, itemchildren, itemaction, itemclass, itemid, isactive, userrole, orderby, datafield, displayfield]);
-    var resetItemFieldMap = function resetItemFieldMap() {
+    }, [
+      dataset,
+      itemicon,
+      itemlabel,
+      itemhint,
+      itemlink,
+      itemtarget,
+      itembadge,
+      itemchildren,
+      itemaction,
+      itemclass,
+      itemid,
+      isactive,
+      userrole,
+      orderby,
+      datafield,
+      displayfield
+    ]);
+    const resetItemFieldMap = () => {
       _itemFieldMap.current = {
         idField: itemid || "id",
         iconField: itemicon || "icon",
@@ -284,66 +281,74 @@ var withDatasetAwareNavigation = function withDatasetAwareNavigation(WrappedComp
         roleField: userrole || "role"
       };
     };
-    var _getNode = function getNode(fields, node) {
-      var context = {};
-
-      // Handle different node structures
-      var processedNode;
+    const getNode = (fields, node) => {
+      const context = {};
+      let 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);
-        }) : [];
+      } else if (typeof node === "object") {
+        const childrenData = getElement(node, fields.childrenField);
+        const children = Array.isArray(childrenData) ? childrenData.map((child) => 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),
+          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,
+          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),
+          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
         };
@@ -356,48 +361,31 @@ var withDatasetAwareNavigation = function withDatasetAwareNavigation(WrappedComp
       }
       return processedNode;
     };
-    var prepareNodeDataSet = function prepareNodeDataSet(nv) {
+    const 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
-          };
-        });
+        const items = nv.split(",").map((item) => item.trim()).filter((item) => item.length > 0);
+        return items.map((item) => ({
+          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
-          };
-        });
+      if (nv && typeof nv === "object" && !Array.isArray(nv)) {
+        return Object.entries(nv).map(([key, value]) => ({
+          label: String(value),
+          value: key,
+          key
+        }));
       }
-
-      // Handle array
-      var arrayData = createArrayFrom(nv);
-      return arrayData.map(function (val) {
+      const arrayData = createArrayFrom(nv);
+      return arrayData.map((val) => {
         if (typeof val === "string") {
           return {
             label: val,
             value: val
           };
         }
-        if ((0, _typeof2["default"])(val) !== "object") {
+        if (typeof val !== "object") {
           return {
             label: String(val),
             value: val
@@ -406,56 +394,53 @@ var withDatasetAwareNavigation = function withDatasetAwareNavigation(WrappedComp
         return val;
       });
     };
-    var getNodes = function getNodes() {
-      var nv = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : dataset || [];
+    const getNodes = (nv = dataset || []) => {
       if (!nv || Array.isArray(nv) && nv.length === 0) {
         return [];
       }
-      var nodes = getOrderedDataset(prepareNodeDataSet(nv), orderby) || [];
+      let nodes = getOrderedDataset(prepareNodeDataSet(nv), orderby) || [];
       if (nodes.length) {
-        var nodeFields = _itemFieldMap.current;
-        nodes = nodes.reduce(function (result, node) {
+        const nodeFields = _itemFieldMap.current;
+        nodes = nodes.reduce((result, node) => {
           if (validateAccessRoles(getElement(node, nodeFields.roleField), userRoles)) {
-            result.push(_getNode(nodeFields, node));
+            result.push(getNode(nodeFields, node));
           }
           return result;
         }, []);
       }
       return nodes;
     };
-    var resetNodes = function resetNodes() {
+    const resetNodes = () => {
       resetItemFieldMap();
-      var newNodes = getNodes();
+      const newNodes = getNodes();
       setNavNodes(newNodes);
     };
-
-    // Check if the wrapped component is a breadcrumb component
-    // Filter navNodes for breadcrumb components to show only path to current page
-    var filteredNavNodes = (0, _react.useMemo)(function () {
+    const filteredNavNodes = useMemo(() => {
       if (!navNodes || navNodes.length === 0) {
         return navNodes;
       }
-      var currentRouteId = getCurrentRouteId();
-
-      // If no route ID, return empty
+      const currentRouteId = getCurrentRouteId();
       if (!currentRouteId) {
         return [];
       }
-
-      // Find the path to the current page
-      var breadcrumbPath = _findPathToNode(navNodes, currentRouteId);
-
-      // Return the path if found, otherwise return empty
+      const breadcrumbPath = findPathToNode(navNodes, currentRouteId);
       return breadcrumbPath.length > 0 ? breadcrumbPath : [];
     }, [navNodes]);
-    return __jsx(WrappedComponent, (0, _extends2["default"])({}, props, {
-      ref: ref,
-      navNodes: filteredNavNodes,
-      resetNavNodes: resetNodes,
-      handleNavigation: handleNavigation
-    }));
+    return /* @__PURE__ */ jsx(
+      WrappedComponent,
+      __spreadProps(__spreadValues({}, props), {
+        ref,
+        navNodes: filteredNavNodes,
+        resetNavNodes: resetNodes,
+        handleNavigation
+      })
+    );
   });
-  NavigationWrappedComponent.displayName = "withDatasetAwareNavigation(".concat(WrappedComponent.displayName || WrappedComponent.name || "Component", ")");
+  NavigationWrappedComponent.displayName = `withDatasetAwareNavigation(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
   return NavigationWrappedComponent;
 };
-var _default = exports["default"] = withDatasetAwareNavigation;
+var DataNav_default = withDatasetAwareNavigation;
+export {
+  DataNav_default as default,
+  handleNavigation
+};