@e-llm-studio/instant-learning 1.3.1 → 1.3.3

package/dist/cjs/features/LearningManagement/components/ScopeTree/TreeAddAction.js

@@ -1,2 +1,32 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("lucide-react"),d=require("../../styles/ScopeTree.module.css.js");exports.TreeAddAction=function(i){var r=i.label,a=i.onAdd,l=i.disabled,o=void 0!==l&&l,c=i.tooltip;return s.jsxs("button",e.__assign({className:"".concat(d.default.addAction," ").concat(o?d.default.disabled:""),onClick:o?void 0:a,disabled:o,title:c,style:o?{opacity:.5,cursor:"not-allowed"}:{}},{children:[s.jsx("span",e.__assign({className:d.default.addIcon},{children:s.jsx(t.Plus,{size:16,strokeWidth:2.5})})),r]}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
+var ScopeTree_module = require('../../styles/ScopeTree.module.css.js');
+
+const TreeAddAction = ({
+  label,
+  onAdd,
+  disabled = false,
+  tooltip
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      className: `${ScopeTree_module["default"].addAction} ${disabled ? ScopeTree_module["default"].disabled : ""}`,
+      onClick: disabled ? void 0 : onAdd,
+      disabled,
+      title: tooltip,
+      style: disabled ? { opacity: 0.5, cursor: "not-allowed" } : {},
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: ScopeTree_module["default"].addIcon, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { size: 16, strokeWidth: 2.5 }) }),
+        label
+      ]
+    }
+  );
+};
+
+exports.TreeAddAction = TreeAddAction;
 //# sourceMappingURL=TreeAddAction.js.map

package/dist/cjs/features/LearningManagement/components/ScopeTree/TreeAddAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeAddAction.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"TreeAddAction.js","sources":["../../../../../../src/features/LearningManagement/components/ScopeTree/TreeAddAction.tsx"],"sourcesContent":["import React from 'react';\nimport { Plus } from 'lucide-react';\nimport styles from '../../styles/ScopeTree.module.css';\n\ninterface TreeAddActionProps {\n  label: string;\n  onAdd: () => void;\n  disabled?: boolean;\n  tooltip?: string;\n}\n\nexport const TreeAddAction: React.FC<TreeAddActionProps> = ({ \n  label, \n  onAdd, \n  disabled = false, \n  tooltip \n}) => {\n  return (\n    <button \n      className={`${styles.addAction} ${disabled ? styles.disabled : ''}`} \n      onClick={disabled ? undefined : onAdd}\n      disabled={disabled}\n      title={tooltip} // Shows the tooltip text when hovered\n      style={disabled ? { opacity: 0.5, cursor: 'not-allowed' } : {}} // Optional inline fallback if no CSS is defined\n    >\n      <span className={styles.addIcon}>\n        <Plus size={16} strokeWidth={2.5} />\n      </span>\n      {label}\n    </button>\n  );\n};"],"names":["jsxs","styles","jsx","Plus"],"mappings":";;;;;;;;AAWO,MAAM,gBAA8C,CAAC;AAAA,EAC1D,KAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACX,OAAA;AACF,CAAM,KAAA;AACJ,EACE,uBAAAA,eAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,GAAGC,2BAAO,CAAA,SAAS,IAAI,QAAW,GAAAA,2BAAA,CAAO,WAAW,EAAE,CAAA,CAAA;AAAA,MACjE,OAAA,EAAS,WAAW,KAAY,CAAA,GAAA,KAAA;AAAA,MAChC,QAAA;AAAA,MACA,KAAO,EAAA,OAAA;AAAA,MACP,KAAA,EAAO,WAAW,EAAE,OAAA,EAAS,KAAK,MAAQ,EAAA,aAAA,KAAkB,EAAC;AAAA,MAE7D,QAAA,EAAA;AAAA,wBAACC,cAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAAD,2BAAA,CAAO,OACtB,EAAA,QAAA,kBAAAC,cAAA,CAACC,oBAAK,IAAM,EAAA,EAAA,EAAI,WAAa,EAAA,GAAA,EAAK,CACpC,EAAA,CAAA;AAAA,QACC,KAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ;;;;"}

package/dist/cjs/features/LearningManagement/components/ScopeTree/TreeMenu.js

@@ -1,2 +1,136 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),n=require("react-dom"),o=require("lucide-react"),r=require("../../styles/ScopeTree.module.css.js"),s=require("./TreeTooltip.js"),a=require("../../../IL-marketplace/marketplaceTheme.js");exports.TreeMenu=function(u){var d=u.options,l=void 0===d?[]:d,c=u.buttonClassName,f=void 0===c?"":c,m=u.iconSize,v=void 0===m?16:m,p=a.useILMarketplaceThemeStyles(),h=i.useState(!1),g=h[0],b=h[1],_=i.useState(!1),w=_[0],x=_[1],j=i.useState({}),y=j[0],E=j[1],L=i.useRef(null),T=i.useRef(null),q=i.useRef(null);i.useEffect(function(){if(g){var e=function(e){var t,i,n=e.target;(null===(t=L.current)||void 0===t?void 0:t.contains(n))||(null===(i=T.current)||void 0===i?void 0:i.contains(n))||b(!1)};return document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}}},[g]),i.useLayoutEffect(function(){var e,t;if(g){var i=null===(e=q.current)||void 0===e?void 0:e.getBoundingClientRect(),n=null===(t=T.current)||void 0===t?void 0:t.getBoundingClientRect();if(i&&n){var o=window.innerHeight-i.bottom<n.height+4&&i.top>n.height+4;x(o),E({position:"fixed",zIndex:1e3,top:o?i.top-n.height-4:i.bottom+4,left:Math.max(8,Math.min(i.right-n.width,window.innerWidth-n.width-8)),right:"auto",bottom:"auto",visibility:"visible"})}}},[g]),i.useEffect(function(){if(g){var e=function(){return b(!1)};return window.addEventListener("scroll",e,!0),window.addEventListener("resize",e),function(){window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e)}}},[g]);return t.jsxs("div",e.__assign({className:r.default.menuContainer,ref:L},{children:[t.jsx("div",{children:t.jsx("button",e.__assign({ref:q,type:"button",className:f||r.default.optionsButton,onClick:function(e){e.stopPropagation(),g||E({position:"fixed",top:0,left:0,right:"auto",bottom:"auto",visibility:"hidden",zIndex:1e3}),b(!g)}},{children:t.jsx(o.MoreVertical,{size:v,"aria-hidden":"true"})}))}),g&&n.createPortal(t.jsx("div",e.__assign({ref:T,style:e.__assign(e.__assign({},p),y),className:"".concat(r.default.menuDropdown," ").concat(w?r.default.menuDropdownTop:r.default.menuDropdownBottom),role:"menu","aria-orientation":"vertical"},{children:l.map(function(i,n){var o=t.jsxs("button",e.__assign({disabled:i.disabled,onClick:function(e){var t;(e.stopPropagation(),i.disabled)||((t=i.onClick)&&"function"==typeof t&&t(),b(!1))},className:"".concat(r.default.menuOption," ").concat(i.disabled?r.default.menuOptionDisabled:""," ").concat(i.className||""),role:"menuitem"},{children:[i.icon&&t.jsx(i.icon,{size:16,className:r.default.menuOptionIcon}),i.label]}),"btn-".concat(n));return i.tooltip&&i.disabled?t.jsx("div",e.__assign({className:r.default.tooltipWrapper,onClick:function(e){return e.stopPropagation()}},{children:t.jsx(s.TreeTooltip,e.__assign({content:i.tooltip,placement:"right"},{children:t.jsx("div",e.__assign({style:{width:"100%"}},{children:o}))}))}),n):t.jsx("div",e.__assign({style:{width:"100%"}},{children:o}),n)})})),document.body)]}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactDom = require('react-dom');
+var lucideReact = require('lucide-react');
+var ScopeTree_module = require('../../styles/ScopeTree.module.css.js');
+var TreeTooltip = require('./TreeTooltip.js');
+var marketplaceTheme = require('../../../IL-marketplace/marketplaceTheme.js');
+
+const TreeMenu = ({
+  options = [],
+  buttonClassName = "",
+  iconSize = 16
+}) => {
+  const themeStyles = marketplaceTheme.useILMarketplaceThemeStyles();
+  const [isOpen, setIsOpen] = React.useState(false);
+  const [placeAbove, setPlaceAbove] = React.useState(false);
+  const [menuStyle, setMenuStyle] = React.useState({});
+  const containerRef = React.useRef(null);
+  const dropdownRef = React.useRef(null);
+  const buttonRef = React.useRef(null);
+  React.useEffect(() => {
+    if (!isOpen) return;
+    const handleClickOutside = (event) => {
+      var _a, _b;
+      const target = event.target;
+      if (!((_a = containerRef.current) == null ? void 0 : _a.contains(target)) && !((_b = dropdownRef.current) == null ? void 0 : _b.contains(target))) {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [isOpen]);
+  React.useLayoutEffect(() => {
+    var _a, _b;
+    if (!isOpen) return;
+    const t = (_a = buttonRef.current) == null ? void 0 : _a.getBoundingClientRect();
+    const m = (_b = dropdownRef.current) == null ? void 0 : _b.getBoundingClientRect();
+    if (!t || !m) return;
+    const gap = 4;
+    const openUp = window.innerHeight - t.bottom < m.height + gap && t.top > m.height + gap;
+    setPlaceAbove(openUp);
+    setMenuStyle({
+      position: "fixed",
+      zIndex: 1e3,
+      top: openUp ? t.top - m.height - gap : t.bottom + gap,
+      left: Math.max(8, Math.min(t.right - m.width, window.innerWidth - m.width - 8)),
+      right: "auto",
+      bottom: "auto",
+      visibility: "visible"
+    });
+  }, [isOpen]);
+  React.useEffect(() => {
+    if (!isOpen) return;
+    const close = () => setIsOpen(false);
+    window.addEventListener("scroll", close, true);
+    window.addEventListener("resize", close);
+    return () => {
+      window.removeEventListener("scroll", close, true);
+      window.removeEventListener("resize", close);
+    };
+  }, [isOpen]);
+  const handleToggle = (e) => {
+    e.stopPropagation();
+    if (!isOpen) {
+      setMenuStyle({
+        position: "fixed",
+        top: 0,
+        left: 0,
+        right: "auto",
+        bottom: "auto",
+        visibility: "hidden",
+        zIndex: 1e3
+      });
+    }
+    setIsOpen(!isOpen);
+  };
+  const handleOptionClick = (onClick) => {
+    if (onClick && typeof onClick === "function") {
+      onClick();
+    }
+    setIsOpen(false);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ScopeTree_module["default"].menuContainer, ref: containerRef, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        ref: buttonRef,
+        type: "button",
+        className: buttonClassName || ScopeTree_module["default"].optionsButton,
+        onClick: handleToggle,
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreVertical, { size: iconSize, "aria-hidden": "true" })
+      }
+    ) }),
+    isOpen && reactDom.createPortal(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref: dropdownRef,
+          style: { ...themeStyles, ...menuStyle },
+          className: `${ScopeTree_module["default"].menuDropdown} ${placeAbove ? ScopeTree_module["default"].menuDropdownTop : ScopeTree_module["default"].menuDropdownBottom}`,
+          role: "menu",
+          "aria-orientation": "vertical",
+          children: options.map((option, index) => {
+            const content = /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                disabled: option.disabled,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  if (option.disabled) return;
+                  handleOptionClick(option.onClick);
+                },
+                className: `${ScopeTree_module["default"].menuOption} ${option.disabled ? ScopeTree_module["default"].menuOptionDisabled : ""} ${option.className || ""}`,
+                role: "menuitem",
+                children: [
+                  option.icon && /* @__PURE__ */ jsxRuntime.jsx(option.icon, { size: 16, className: ScopeTree_module["default"].menuOptionIcon }),
+                  option.label
+                ]
+              },
+              `btn-${index}`
+            );
+            return option.tooltip && option.disabled ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: ScopeTree_module["default"].tooltipWrapper, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxRuntime.jsx(TreeTooltip.TreeTooltip, { content: option.tooltip, placement: "right", children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "100%" }, children: content }) }) }, index) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "100%" }, children: content }, index);
+          })
+        }
+      ),
+      document.body
+    )
+  ] });
+};
+
+exports.TreeMenu = TreeMenu;
 //# sourceMappingURL=TreeMenu.js.map

package/dist/cjs/features/LearningManagement/components/ScopeTree/TreeMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeMenu.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"TreeMenu.js","sources":["../../../../../../src/features/LearningManagement/components/ScopeTree/TreeMenu.tsx"],"sourcesContent":["import React, { ElementType, FC, useEffect, useLayoutEffect, useRef, useState, ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport { LucideProps, MoreVertical } from 'lucide-react';\nimport styles from '../../styles/ScopeTree.module.css';\nimport { TreeTooltip } from './TreeTooltip';\nimport { useILMarketplaceThemeStyles } from '../../../IL-marketplace/marketplaceTheme';\n\nexport interface TreeMenuOption {\n  label: string;\n  icon?: ElementType<LucideProps>;\n  onClick?: () => void;\n  className?: string; // Kept for backwards compatibility if needed, though module classes are preferred\n  disabled?: boolean;\n  tooltip?: ReactNode;\n}\n\nexport interface TreeMenuProps {\n  options?: TreeMenuOption[];\n  buttonClassName?: string;\n  iconSize?: number;\n}\n\nexport const TreeMenu: FC<TreeMenuProps> = ({ \n  options = [], \n  buttonClassName = '',\n  iconSize = 16\n}) => {\n  const themeStyles = useILMarketplaceThemeStyles();\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const [placeAbove, setPlaceAbove] = useState<boolean>(false);\n  const [menuStyle, setMenuStyle] = useState<React.CSSProperties>({});\n  const containerRef = useRef<HTMLDivElement>(null); // wraps the trigger (was menuRef)\n  const dropdownRef = useRef<HTMLDivElement>(null);  // the portaled dropdown\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  // Outside click — must check BOTH refs, since the dropdown is no longer\n  // a DOM child of the container once it's portaled to <body>.\n  useEffect(() => {\n    if (!isOpen) return;\n    const handleClickOutside = (event: MouseEvent) => {\n      const target = event.target as Node;\n      if (\n        !containerRef.current?.contains(target) &&\n        !dropdownRef.current?.contains(target)\n      ) {\n        setIsOpen(false);\n      }\n    };\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [isOpen]);\n\n  // Position after mount: measure the REAL dropdown height (replaces the\n  // 40 * options.length estimate) and flip above only if there's no room below.\n  // useLayoutEffect runs before paint, so the hidden first frame is never seen.\n  useLayoutEffect(() => {\n    if (!isOpen) return;\n    const t = buttonRef.current?.getBoundingClientRect();\n    const m = dropdownRef.current?.getBoundingClientRect();\n    if (!t || !m) return;\n\n    const gap = 4;\n    const openUp =\n      window.innerHeight - t.bottom < m.height + gap && t.top > m.height + gap;\n\n    setPlaceAbove(openUp); // keeps your Top/Bottom classes for any styling they carry\n    setMenuStyle({\n      position: 'fixed',\n      zIndex: 1000,\n      top: openUp ? t.top - m.height - gap : t.bottom + gap,\n      left: Math.max(8, Math.min(t.right - m.width, window.innerWidth - m.width - 8)),\n      right: 'auto',\n      bottom: 'auto',\n      visibility: 'visible',\n    });\n  }, [isOpen]);\n\n  // position: fixed detaches from the trigger when anything scrolls — close it.\n  // capture: true also catches the inner scopeScrollContainer, not just window.\n  useEffect(() => {\n    if (!isOpen) return;\n    const close = () => setIsOpen(false);\n    window.addEventListener('scroll', close, true);\n    window.addEventListener('resize', close);\n    return () => {\n      window.removeEventListener('scroll', close, true);\n      window.removeEventListener('resize', close);\n    };\n  }, [isOpen]);\n\n  const handleToggle = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (!isOpen) {\n      // First render hidden so the layout effect can measure before placing\n      setMenuStyle({\n        position: 'fixed', top: 0, left: 0, right: 'auto', bottom: 'auto',\n        visibility: 'hidden', zIndex: 1000,\n      });\n    }\n    setIsOpen(!isOpen);\n  };\n\n  const handleOptionClick = (onClick?: () => void) => {\n    if (onClick && typeof onClick === 'function') {\n      onClick();\n    }\n    setIsOpen(false);\n  };\n\n  return (\n    <div className={styles.menuContainer} ref={containerRef}>\n      <div>\n        <button\n          ref={buttonRef}\n          type='button'\n          className={buttonClassName || styles.optionsButton}\n          onClick={handleToggle}\n        >\n          <MoreVertical size={iconSize} aria-hidden='true' />\n        </button>\n      </div>\n\n      {isOpen &&\n        createPortal(\n          <div\n            ref={dropdownRef}\n            style={{ ...themeStyles, ...menuStyle }}\n            className={`${styles.menuDropdown} ${placeAbove ? styles.menuDropdownTop : styles.menuDropdownBottom}`}\n            role='menu'\n            aria-orientation='vertical'\n          >\n            {options.map((option, index) => {\n              const content = (\n                <button\n                  key={`btn-${index}`}\n                  disabled={option.disabled}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    if (option.disabled) return;\n                    handleOptionClick(option.onClick);\n                  }}\n                  className={`${styles.menuOption} ${option.disabled ? styles.menuOptionDisabled : ''} ${option.className || ''}`}\n                  role='menuitem'\n                >\n                  {option.icon && <option.icon size={16} className={styles.menuOptionIcon} />}\n                  {option.label}\n                </button>\n              );\n\n              return option.tooltip && option.disabled ? (\n                <div key={index} className={styles.tooltipWrapper} onClick={(e) => e.stopPropagation()}>\n                  <TreeTooltip content={option.tooltip} placement=\"right\">\n                    <div style={{ width: '100%' }}>{content}</div>\n                  </TreeTooltip>\n                </div>\n              ) : (\n                <div key={index} style={{ width: '100%' }}>{content}</div>\n              );\n            })}\n          </div>,\n          document.body\n        )}\n    </div>\n  );\n};"],"names":["useILMarketplaceThemeStyles","useState","useRef","useEffect","useLayoutEffect","styles","jsx","MoreVertical","createPortal","jsxs","TreeTooltip"],"mappings":"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"}

package/dist/cjs/features/LearningManagement/components/ScopeTree/TreeNode.js

@@ -1,2 +1,273 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),i=require("react"),o=require("lucide-react"),l=require("../../styles/ScopeTree.module.css.js"),t=require("./TreeNodeHeader.js"),r=require("./TreeAddAction.js"),d=require("../../store/useLMSConfigStore.js"),a=require("../../constants.js"),s=require("../../store/useLearningTemplateStore.js"),c=require("./TreeSectionItem.js"),u=function(p){var v,h,m,f,_,g,b,T,C,D=p.node,y=p.depth,A=void 0===y?0:y,x=p.nodePath,L=void 0===x?[]:x,E=p.expandedNodeIds,S=p.activeSelection,R=p.onToggleExpand,j=p.onSectionSelect,N=p.onNodeOptionsClick,I=p.onAddChild,P=p.onRenameChild,M=p.onDeleteChild,w=p.canDeleteScope,k=p.canEditScope,q=p.canCreateScope,H=p.searchQuery,V=p.sectionsConfig,W=void 0===V?[]:V,O=p.nodeTypesConfig,Y=void 0===O?[]:O,Q=p.forceVisible,U=void 0!==Q&&Q,X=p.compactView,K=void 0!==X&&X,z=p.menuActionsConfig,F=e.__spreadArray(e.__spreadArray([],L,!0),[D.id],!1),J=E.has(D.id),B=s.useLearningTemplateStore.getState().backwardCompatibility,G=s.useLearningTemplateStore(function(e){return e.isILMarketplace}),Z=B||K,$=d.dt("".concat(a.MIDDLE_DRAWER_DT_PATH,".scope")),ee=!!S&&S.nodePath[S.nodePath.length-1]===D.id,ne=!!S&&(S.nodePath.includes(D.id)&&!ee),ie=d.dt("".concat(a.MIDDLE_DRAWER_DT_PATH,".scopeDisplayLimit.applyToLevels"),""),oe=function(){if(B)return[2];if(!ie)return null;try{var e=JSON.parse(ie);return Array.isArray(e)?e.map(Number):null}catch(e){return null}}(),le=A+1,te=null===oe||oe.includes(le),re=(B||"true"===d.dt("".concat(a.MIDDLE_DRAWER_DT_PATH,".scopeDisplayLimit.enabled"),"false"))&&te,de=B?7:parseInt(d.dt("".concat(a.MIDDLE_DRAWER_DT_PATH,".scopeDisplayLimit.count"),"7"),10)||7,ae=D.children||[],se=re&&!H&&ae.length>de,ce=i.useRef(null);i.useEffect(function(){ee&&ce.current&&ce.current.scrollIntoView({behavior:"smooth",block:"nearest"})},[ee]);var ue=null!==(v=null==D?void 0:D.type)&&void 0!==v?v:null==D?void 0:D.scope_type,pe="station"===(null==ue?void 0:ue.toLowerCase()),ve=0===A,he=!!(null===(h=Y[Math.min(A,Y.length-1)])||void 0===h?void 0:h.addChildType),me=function(e){var n=null==z?void 0:z.find(function(n){return n.id===e});return!(null==n?void 0:n.isVisible)||n.isVisible(D,A)},fe=W.filter(function(e){return(!B||!pe||"access"!==e.id)&&(!e.isVisible||e.isVisible(D,A))}),_e=function(e,n){if(!n)return!0;var i=n.toLowerCase();return!!e.name.toLowerCase().includes(i)||!!e.children&&e.children.some(function(e){return _e(e,n)})};if(!U&&!_e(D,H||""))return null;var ge=A>=Y.length-1?Y[Y.length-1]:Y[A],be=Z?fe.filter(function(e){return"learnings"!==e.id&&"stations"!==e.id}).map(function(e){var n;return{label:e.resolveLabel?e.resolveLabel(D,A):null!==(n=e.label)&&void 0!==n?n:"",icon:e.icon,onClick:function(){return j(F,e.id)}}}):[],Te=null==ge?void 0:ge.label,Ce=d.resolveTreeItem("add",A,{scope:D.name,scopeType:Te}),De=d.resolveTreeItem("rename",A,{scope:D.name,scopeType:Te}),ye=d.resolveTreeItem("delete",A,{scope:D.name,scopeType:Te}),Ae=Ce.configured?Ce.visible&&he&&!pe&&(!B||ve)&&me("add"):he&&!pe&&(!B||ve)&&me("add"),xe=null!==(f=null!==(m=Ce.label)&&void 0!==m?m:ge.addChildLabel)&&void 0!==f?f:"Add Child",Le=null!==(_=De.label)&&void 0!==_?_:d.dt("".concat(a.MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH,".rename.label"),"Rename"),Ee=null!==(g=ye.label)&&void 0!==g?g:pe?"Delete Station":B?"Delete Scope":d.dt("".concat(a.MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH,".delete.label"),"Delete ".concat((null==ge?void 0:ge.label)||"Node"),{scope:$}),Se=De.configured?De.visible&&me("rename"):me("rename");null!==(b=De.label)&&void 0!==b||d.dt("".concat(a.MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH,".rename.label"),"Rename");var Re=ye.configured?ye.visible&&!pe&&me("delete"):!pe&&me("delete"),je=!w||w(D.id),Ne=!k||k(D.id),Ie=!q||q(D.id),Pe=D.children&&D.children.length>0,Me=!je||Pe,we=je?Pe?"This scope cannot be deleted because other scopes inherit learnings from it.":void 0:"You do not have permission to delete this scope.",ke=Ie?void 0:"You do not have permission to add a scope here.",qe=!H||D.name.toLowerCase().includes(H.toLowerCase()),He=function(e){return n.jsx(u,{node:e,depth:A+1,nodePath:F,expandedNodeIds:E,activeSelection:S,onToggleExpand:R,onSectionSelect:j,onNodeOptionsClick:N,onAddChild:I,onRenameChild:P,onDeleteChild:M,canDeleteScope:w,canEditScope:k,canCreateScope:q,searchQuery:H,forceVisible:qe,sectionsConfig:W,nodeTypesConfig:Y,compactView:Z,menuActionsConfig:z},e.id)},Ve=!1===D.hasAccess?[]:e.__spreadArray(e.__spreadArray(e.__spreadArray(e.__spreadArray([],Ae?[{label:xe,icon:o.Plus,onClick:function(){return null==I?void 0:I(D.id,ge.addChildType,D.name)},disabled:!Ie,tooltip:ke}]:[],!0),Se?[{label:Le,icon:o.Pencil,onClick:function(){return null==P?void 0:P(D.id,D.name)},disabled:!Ne||pe,tooltip:Ne?void 0:"You do not have permission to rename this scope."}]:[],!0),Re?[{label:Ee,icon:o.Trash2,onClick:function(){var e;return null==M?void 0:M(D.id,D.name,(null===(e=D.metrics)||void 0===e?void 0:e.learningsCount)||0)},disabled:Me,tooltip:we,className:"text-red-500 hover:text-red-600 hover:bg-red-50"}]:[],!0),be,!0);return n.jsxs("div",e.__assign({ref:ce,className:l.default.nodeWrapper,style:{"--tree-depth":A}},{children:[n.jsx(t.TreeNodeHeader,{nodeType:ue,name:D.name,isExpanded:J,isSelected:ee,isAncestor:ne,isExpandable:!!Pe,childrenCount:null===(T=D.children)||void 0===T?void 0:T.length,learningsCount:Z?null===(C=D.metrics)||void 0===C?void 0:C.learningsCount:void 0,isCompactView:Z,hideCounts:G,onToggleExpand:function(e){e.stopPropagation(),R(D.id)},onClick:function(){j(F,"learnings")},searchQuery:H,menuOptions:Ve}),J&&n.jsxs("div",e.__assign({className:l.default.childrenWrapper},{children:[!Z&&fe.map(function(e){var i;return n.jsx(c.TreeSectionItem,{icon:e.icon,label:e.resolveLabel?e.resolveLabel(D,A):e.label||"",badgeCount:(null==e?void 0:e.badgeKey)&&!G?null===(i=null==D?void 0:D.metrics)||void 0===i?void 0:i[null==e?void 0:e.badgeKey]:void 0,isActive:ee&&(null==S?void 0:S.sectionId)===e.id,onClick:function(){return j(F,e.id)}},"".concat(D.id,"-").concat(e.id))}),se?n.jsxs(n.Fragment,{children:[n.jsx("div",e.__assign({className:l.default.scopeScrollContainer,style:{maxHeight:"calc(var(--scope-row-height, 40px) * ".concat(de,")"),overflowY:"scroll"}},{children:ae.map(He)})),n.jsx("button",e.__assign({type:"button",className:l.default.addAction,onClick:function(e){e.stopPropagation(),j(F,"stations")}},{children:n.jsx("span",e.__assign({style:{paddingLeft:"15px"}},{children:n.jsxs("span",e.__assign({style:{paddingLeft:"15px",display:"flex",alignItems:"center"}},{children:[d.interpolate(d.dt("".concat(a.MIDDLE_DRAWER_DT_PATH,".scopeDisplayLimit.viewMoreText"),B?"View all {count} stations":"Show all {count} scopes"),{count:ae.length}),n.jsx(o.MoveRight,{size:14,style:{marginLeft:"6px",flexShrink:0}})]}))}))}))]}):ae.map(He),Ae&&!Z&&n.jsx(r.TreeAddAction,{label:ge.addChildLabel||"Add Child",onAdd:function(){return null==I?void 0:I(D.id,ge.addChildType,D.name)},disabled:!Ie,tooltip:ke})]}))]}))};exports.TreeNode=u;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var lucideReact = require('lucide-react');
+var ScopeTree_module = require('../../styles/ScopeTree.module.css.js');
+var TreeNodeHeader = require('./TreeNodeHeader.js');
+var TreeAddAction = require('./TreeAddAction.js');
+var useLMSConfigStore = require('../../store/useLMSConfigStore.js');
+var constants = require('../../constants.js');
+var useLearningTemplateStore = require('../../store/useLearningTemplateStore.js');
+var TreeSectionItem = require('./TreeSectionItem.js');
+
+const TreeNode = ({
+  node,
+  depth = 0,
+  nodePath = [],
+  expandedNodeIds,
+  activeSelection,
+  onToggleExpand,
+  onSectionSelect,
+  onNodeOptionsClick,
+  onAddChild,
+  onRenameChild,
+  onDeleteChild,
+  canDeleteScope,
+  canEditScope,
+  // Destructured here
+  canCreateScope,
+  // Destructured here
+  searchQuery,
+  sectionsConfig = [],
+  nodeTypesConfig = [],
+  forceVisible = false,
+  compactView = false,
+  menuActionsConfig
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const currentPath = [...nodePath, node.id];
+  const isExpanded = expandedNodeIds.has(node.id);
+  const backwardCompatibility = useLearningTemplateStore.useLearningTemplateStore.getState().backwardCompatibility;
+  const isILMarketplace = useLearningTemplateStore.useLearningTemplateStore((state) => state.isILMarketplace);
+  const isPublishedReadOnly = useLearningTemplateStore.useLearningTemplateStore((state) => state.isPublishedReadOnly);
+  const isCompactView = backwardCompatibility || compactView;
+  const scopePath = useLMSConfigStore.dt(`${constants.MIDDLE_DRAWER_DT_PATH}.scope`);
+  const isNodeSelected = activeSelection ? activeSelection.nodePath[activeSelection.nodePath.length - 1] === node.id : false;
+  const isNodeAncestor = activeSelection ? activeSelection.nodePath.includes(node.id) && !isNodeSelected : false;
+  const applyToLevelsRaw = useLMSConfigStore.dt(`${constants.MIDDLE_DRAWER_DT_PATH}.scopeDisplayLimit.applyToLevels`, "");
+  const applyToLevels = (() => {
+    if (backwardCompatibility) return [2];
+    if (!applyToLevelsRaw) return null;
+    try {
+      const parsed = JSON.parse(applyToLevelsRaw);
+      return Array.isArray(parsed) ? parsed.map(Number) : null;
+    } catch (e) {
+      return null;
+    }
+  })();
+  const currentLevel = depth + 1;
+  const appliesAtThisLevel = applyToLevels === null || applyToLevels.includes(currentLevel);
+  const scopeDisplayLimitEnabled = backwardCompatibility ? appliesAtThisLevel : useLMSConfigStore.dt(`${constants.MIDDLE_DRAWER_DT_PATH}.scopeDisplayLimit.enabled`, "false") === "true" && appliesAtThisLevel;
+  const scopeDisplayLimitCount = backwardCompatibility ? 7 : parseInt(useLMSConfigStore.dt(`${constants.MIDDLE_DRAWER_DT_PATH}.scopeDisplayLimit.count`, "7"), 10) || 7;
+  const allChildren = node.children || [];
+  const shouldLimitChildren = scopeDisplayLimitEnabled && !searchQuery && allChildren.length > scopeDisplayLimitCount;
+  const nodeRef = React.useRef(null);
+  React.useEffect(() => {
+    if (isNodeSelected && nodeRef.current) {
+      nodeRef.current.scrollIntoView({ behavior: "smooth", block: "nearest" });
+    }
+  }, [isNodeSelected]);
+  const nodeType = (_a = node == null ? void 0 : node.type) != null ? _a : node == null ? void 0 : node.scope_type;
+  const isStation = (nodeType == null ? void 0 : nodeType.toLowerCase()) === "station";
+  const isGlobal = depth === 0;
+  const canAddChild = !!((_b = nodeTypesConfig[Math.min(depth, nodeTypesConfig.length - 1)]) == null ? void 0 : _b.addChildType);
+  const isActionVisible = (id) => {
+    if (isPublishedReadOnly) return false;
+    const cfg = menuActionsConfig == null ? void 0 : menuActionsConfig.find((a) => a.id === id);
+    return !(cfg == null ? void 0 : cfg.isVisible) || cfg.isVisible(node, depth);
+  };
+  const visibleSections = sectionsConfig.filter((section) => {
+    if (isPublishedReadOnly && (section.id === "access" || section.id === "human-changes")) return false;
+    if (backwardCompatibility && isStation && section.id === "access") return false;
+    return !section.isVisible || section.isVisible(node, depth);
+  });
+  const renderSections = () => {
+    return visibleSections.map((section) => {
+      var _a2;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        TreeSectionItem.TreeSectionItem,
+        {
+          icon: section.icon,
+          label: section.resolveLabel ? section.resolveLabel(node, depth) : section.label || "",
+          badgeCount: (section == null ? void 0 : section.badgeKey) && !isILMarketplace ? (_a2 = node == null ? void 0 : node.metrics) == null ? void 0 : _a2[section == null ? void 0 : section.badgeKey] : void 0,
+          isActive: isNodeSelected && (activeSelection == null ? void 0 : activeSelection.sectionId) === section.id,
+          onClick: () => onSectionSelect(currentPath, section.id)
+        },
+        `${node.id}-${section.id}`
+      );
+    });
+  };
+  const isNodeVisible = (testNode, query) => {
+    if (!query) return true;
+    const q = query.toLowerCase();
+    if (testNode.name.toLowerCase().includes(q)) return true;
+    if (testNode.children) {
+      return testNode.children.some((child) => isNodeVisible(child, query));
+    }
+    return false;
+  };
+  if (!forceVisible && !isNodeVisible(node, searchQuery || "")) {
+    return null;
+  }
+  const isAtOrBeyondConfigLimit = depth >= nodeTypesConfig.length - 1;
+  const currentNodeConfig = isAtOrBeyondConfigLimit ? nodeTypesConfig[nodeTypesConfig.length - 1] : nodeTypesConfig[depth];
+  const additionalSectionMenuItems = isCompactView ? visibleSections.filter((section) => section.id !== "learnings" && section.id !== "stations").map((section) => {
+    var _a2;
+    return {
+      label: section.resolveLabel ? section.resolveLabel(node, depth) : (_a2 = section.label) != null ? _a2 : "",
+      icon: section.icon,
+      onClick: () => onSectionSelect(currentPath, section.id)
+    };
+  }) : [];
+  const scopeTypeLabel = currentNodeConfig == null ? void 0 : currentNodeConfig.label;
+  const addResolution = useLMSConfigStore.resolveTreeItem(`${constants.MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH}.add`, depth, { scope: node.name, scopeType: scopeTypeLabel });
+  const renameResolution = useLMSConfigStore.resolveTreeItem(`${constants.MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH}.rename`, depth, { scope: node.name, scopeType: scopeTypeLabel });
+  const deleteResolution = useLMSConfigStore.resolveTreeItem(`${constants.MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH}.delete`, depth, { scope: node.name, scopeType: scopeTypeLabel });
+  const shouldShowAddChild = addResolution.configured ? addResolution.visible && canAddChild && !isStation && (!backwardCompatibility || isGlobal) && isActionVisible("add") : canAddChild && !isStation && (!backwardCompatibility || isGlobal) && isActionVisible("add");
+  const addLabel = (_d = (_c = addResolution.label) != null ? _c : currentNodeConfig.addChildLabel) != null ? _d : "Add Child";
+  const renameLabel = (_e = renameResolution.label) != null ? _e : useLMSConfigStore.dt(`${constants.MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH}.rename.label`, "Rename");
+  const deleteLabel = (_f = deleteResolution.label) != null ? _f : isStation ? "Delete Station" : backwardCompatibility ? "Delete Scope" : useLMSConfigStore.dt(`${constants.MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH}.delete.label`, `Delete ${(currentNodeConfig == null ? void 0 : currentNodeConfig.label) || "Node"}`, { scope: scopePath });
+  const shouldShowRename = renameResolution.configured ? renameResolution.visible && isActionVisible("rename") : isActionVisible("rename");
+  (_g = renameResolution.label) != null ? _g : useLMSConfigStore.dt(`${constants.MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH}.rename.label`, "Rename");
+  const shouldShowDelete = deleteResolution.configured ? deleteResolution.visible && !isStation && isActionVisible("delete") : !isStation && isActionVisible("delete");
+  const hasDeletePermission = canDeleteScope ? canDeleteScope(node.id) : true;
+  const hasEditPermission = canEditScope ? canEditScope(node.id) : true;
+  const hasCreatePermission = canCreateScope ? canCreateScope(node.id) : true;
+  const hasChildren = node.children && node.children.length > 0;
+  const isDeleteDisabled = !hasDeletePermission || hasChildren;
+  const deleteTooltip = !hasDeletePermission ? "You do not have permission to delete this scope." : hasChildren ? "This scope cannot be deleted because other scopes inherit learnings from it." : void 0;
+  const createTooltip = !hasCreatePermission ? "You do not have permission to add a scope here." : void 0;
+  const nodeMatches = !searchQuery || node.name.toLowerCase().includes(searchQuery.toLowerCase());
+  const renderChildNode = (childNode) => /* @__PURE__ */ jsxRuntime.jsx(
+    TreeNode,
+    {
+      node: childNode,
+      depth: depth + 1,
+      nodePath: currentPath,
+      expandedNodeIds,
+      activeSelection,
+      onToggleExpand,
+      onSectionSelect,
+      onNodeOptionsClick,
+      onAddChild,
+      onRenameChild,
+      onDeleteChild,
+      canDeleteScope,
+      canEditScope,
+      canCreateScope,
+      searchQuery,
+      forceVisible: nodeMatches,
+      sectionsConfig,
+      nodeTypesConfig,
+      compactView: isCompactView,
+      menuActionsConfig
+    },
+    childNode.id
+  );
+  const menuOptions = node.hasAccess === false ? [] : [
+    ...shouldShowAddChild ? [{
+      label: addLabel,
+      icon: lucideReact.Plus,
+      onClick: () => onAddChild == null ? void 0 : onAddChild(node.id, currentNodeConfig.addChildType, node.name),
+      disabled: !hasCreatePermission,
+      tooltip: createTooltip
+    }] : [],
+    ...shouldShowRename ? [{
+      label: renameLabel,
+      icon: lucideReact.Pencil,
+      onClick: () => onRenameChild == null ? void 0 : onRenameChild(node.id, node.name),
+      disabled: !hasEditPermission || isStation,
+      tooltip: !hasEditPermission ? "You do not have permission to rename this scope." : void 0
+    }] : [],
+    ...shouldShowDelete ? [{
+      label: deleteLabel,
+      icon: lucideReact.Trash2,
+      onClick: () => {
+        var _a2;
+        return onDeleteChild == null ? void 0 : onDeleteChild(node.id, node.name, ((_a2 = node.metrics) == null ? void 0 : _a2.learningsCount) || 0);
+      },
+      disabled: isDeleteDisabled,
+      tooltip: deleteTooltip,
+      className: "text-red-500 hover:text-red-600 hover:bg-red-50"
+    }] : [],
+    ...additionalSectionMenuItems
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: nodeRef, className: ScopeTree_module["default"].nodeWrapper, style: { "--tree-depth": depth }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      TreeNodeHeader.TreeNodeHeader,
+      {
+        nodeType,
+        name: node.name,
+        isExpanded,
+        isSelected: isNodeSelected,
+        isAncestor: isNodeAncestor,
+        isExpandable: !!hasChildren,
+        childrenCount: (_h = node.children) == null ? void 0 : _h.length,
+        learningsCount: isCompactView ? (_i = node.metrics) == null ? void 0 : _i.learningsCount : void 0,
+        isCompactView,
+        hideCounts: isILMarketplace,
+        onToggleExpand: (e) => {
+          e.stopPropagation();
+          onToggleExpand(node.id);
+        },
+        onClick: () => {
+          onSectionSelect(currentPath, "learnings");
+        },
+        searchQuery,
+        menuOptions
+      }
+    ),
+    isExpanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ScopeTree_module["default"].childrenWrapper, children: [
+      !isCompactView && renderSections(),
+      shouldLimitChildren ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: ScopeTree_module["default"].scopeScrollContainer,
+            style: {
+              maxHeight: `calc(var(--scope-row-height, 40px) * ${scopeDisplayLimitCount})`,
+              overflowY: "scroll"
+            },
+            children: allChildren.map(renderChildNode)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: ScopeTree_module["default"].addAction,
+            onClick: (e) => {
+              e.stopPropagation();
+              onSectionSelect(currentPath, "stations");
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { paddingLeft: "15px" }, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { paddingLeft: "15px", display: "flex", alignItems: "center" }, children: [
+              useLMSConfigStore.interpolate(
+                useLMSConfigStore.dt(
+                  `${constants.MIDDLE_DRAWER_DT_PATH}.scopeDisplayLimit.viewMoreText`,
+                  backwardCompatibility ? "View all {count} stations" : "Show all {count} scopes"
+                ),
+                { count: allChildren.length }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoveRight, { size: 14, style: { marginLeft: "6px", flexShrink: 0 } })
+            ] }) })
+          }
+        )
+      ] }) : allChildren.map(renderChildNode),
+      shouldShowAddChild && !isCompactView && /* @__PURE__ */ jsxRuntime.jsx(
+        TreeAddAction.TreeAddAction,
+        {
+          label: currentNodeConfig.addChildLabel || "Add Child",
+          onAdd: () => onAddChild == null ? void 0 : onAddChild(node.id, currentNodeConfig.addChildType, node.name),
+          disabled: !hasCreatePermission,
+          tooltip: createTooltip
+        }
+      )
+    ] })
+  ] });
+};
+
+exports.TreeNode = TreeNode;
 //# sourceMappingURL=TreeNode.js.map

package/dist/cjs/features/LearningManagement/components/ScopeTree/TreeNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNode.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"TreeNode.js","sources":["../../../../../../src/features/LearningManagement/components/ScopeTree/TreeNode.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { Plus, Pencil, Trash2, MoveRight } from 'lucide-react';\nimport styles from '../../styles/ScopeTree.module.css';\nimport { ScopeTreeNode, TreeSectionConfig, NodeTypeConfig, MenuActionConfig, MenuActionId } from '../../types';\nimport { TreeNodeHeader } from './TreeNodeHeader';\nimport { TreeAddAction } from './TreeAddAction';\nimport { dt, interpolate, resolveTreeItem } from '../../store/useLMSConfigStore';\nimport { MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH, MIDDLE_DRAWER_DT_PATH } from '../../constants';\nimport { useLearningTemplateStore } from '../../store/useLearningTemplateStore';\nimport { TreeSectionItem } from './TreeSectionItem';\nimport { TreeMenuOption } from './TreeMenu';\n\ninterface TreeNodeProps {\n  node: ScopeTreeNode;\n  depth?: number;\n  nodePath?: string[];\n  expandedNodeIds: Set<string>;\n  activeSelection: { nodePath: string[]; sectionId: string } | null;\n  onToggleExpand: (nodeId: string) => void;\n  onSectionSelect: (nodePath: string[], sectionId: string) => void;\n  onNodeOptionsClick: (nodeId: string) => void;\n  onAddChild?: (parentId: string, childType: 'SCOPE' | 'SUBSCOPE', parentName?: string) => void;\n  onRenameChild?: (nodeId: string, initialName: string) => void;\n  onDeleteChild?: (scopeId: string, scopeName: string, learningsCount: number) => void;\n  canDeleteScope?: (scopeId: string) => boolean;\n  canEditScope?: (scopeId: string) => boolean; // Added canEditScope\n  canCreateScope?: (scopeId: string) => boolean; // Added canCreateScope\n  searchQuery?: string;\n  sectionsConfig?: TreeSectionConfig[];\n  nodeTypesConfig?: NodeTypeConfig[];\n  forceVisible?: boolean;\n  /**\n   * Controls how non-primary sections (anything other than \"learnings\" and\n   * \"stations\") are surfaced for each node:\n   *  - false (default): sections render as rows inside the expanded node via\n   *    TreeSectionItem (\"full\" view).\n   *  - true: sections collapse into the node's context menu instead of taking\n   *    up rows in the tree (\"compact\" view).\n   */\n  compactView?: boolean;\n  menuActionsConfig?: MenuActionConfig[];\n}\n\nexport const TreeNode: React.FC<TreeNodeProps> = ({\n  node,\n  depth = 0,\n  nodePath = [],\n  expandedNodeIds,\n  activeSelection,\n  onToggleExpand,\n  onSectionSelect,\n  onNodeOptionsClick,\n  onAddChild,\n  onRenameChild,\n  onDeleteChild,\n  canDeleteScope,\n  canEditScope, // Destructured here\n  canCreateScope, // Destructured here\n  searchQuery,\n  sectionsConfig = [],\n  nodeTypesConfig = [],\n  forceVisible = false,\n  compactView = false,\n  menuActionsConfig\n}) => {\n  const currentPath = [...nodePath, node.id];\n  const isExpanded = expandedNodeIds.has(node.id);\n  const backwardCompatibility = useLearningTemplateStore.getState().backwardCompatibility;\n  const isILMarketplace = useLearningTemplateStore((state) => state.isILMarketplace);\n  const isPublishedReadOnly = useLearningTemplateStore((state) => state.isPublishedReadOnly);\n  // backwardCompatibility mode always renders the compact view, regardless\n  // of what's passed in via the compactView prop.\n  const isCompactView = backwardCompatibility || compactView;\n\n  const scopePath = dt(`${MIDDLE_DRAWER_DT_PATH}.scope`);\n  // A node is exactly selected if its ID is the last one in the active path\n  const isNodeSelected = activeSelection\n    ? activeSelection.nodePath[activeSelection.nodePath.length - 1] === node.id\n    : false;\n  // A node is an ancestor if it's in the path but is not the selected one\n  const isNodeAncestor = activeSelection\n    ? activeSelection.nodePath.includes(node.id) && !isNodeSelected\n    : false;\n\n  // --- Scope display limit (scroll cap + \"View all stations\") config ---\n  // Controlled by middleDrawer.scopeDisplayLimit in the LMS config. In\n  // backwardCompatibility mode this is always enabled (at every level) with\n  // a count of 7.\n  //\n  // applyToLevels restricts which tree depths the limit actually kicks in\n  // at, using 1-indexed levels (depth 0 -> level 1, depth 1 -> level 2, ...).\n  // It's a JSON-encoded array string, e.g. \"[1,2]\". An empty, unset, or\n  // unparseable value means \"no restriction\" — the limit applies at every\n  // level, same as before this config existed.\n  const applyToLevelsRaw = dt(`${MIDDLE_DRAWER_DT_PATH}.scopeDisplayLimit.applyToLevels`, '');\nconst applyToLevels = (() => {\n  // In backwardCompatibility mode, default to level 3 only (unless\n  // explicitly overridden via config).\n  if (backwardCompatibility ) return [2];\n  if (!applyToLevelsRaw) return null;\n  try {\n    const parsed = JSON.parse(applyToLevelsRaw);\n    return Array.isArray(parsed) ? parsed.map(Number) : null;\n  } catch {\n    return null;\n  }\n})();\nconst currentLevel = depth + 1;\nconst appliesAtThisLevel =\n  applyToLevels === null || applyToLevels.includes(currentLevel);\nconst scopeDisplayLimitEnabled = backwardCompatibility\n  ? appliesAtThisLevel \n  : dt(`${MIDDLE_DRAWER_DT_PATH}.scopeDisplayLimit.enabled`, 'false') === 'true' && appliesAtThisLevel;\n\n  const scopeDisplayLimitCount = backwardCompatibility\n    ? 7\n    : parseInt(dt(`${MIDDLE_DRAWER_DT_PATH}.scopeDisplayLimit.count`, '7'), 10) || 7;\n\n  const allChildren = node.children || [];\n  const shouldLimitChildren =\n    scopeDisplayLimitEnabled && !searchQuery && allChildren.length > scopeDisplayLimitCount;\n\n  // Ref to this node's wrapper, used to scroll it into view when selected.\n  const nodeRef = useRef<HTMLDivElement>(null);\n\n  // Scroll this node into view when it becomes the active selection (e.g. via\n  // \"View\" on a station card, or any other section/select action).\n  useEffect(() => {\n    if (isNodeSelected && nodeRef.current) {\n      nodeRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n    }\n  }, [isNodeSelected]);\n\n  // --- Helpers for Backward Compatibility Restrictions ---\n  const nodeType = node?.type ?? node?.scope_type;\n  const isStation = nodeType?.toLowerCase() === 'station';\n  const isGlobal = depth === 0;\n\n  // Add Scope Logic\n  const canAddChild = !!nodeTypesConfig[Math.min(depth, nodeTypesConfig.length - 1)]?.addChildType;\n const isActionVisible = (id: MenuActionId) => {\n  if (isPublishedReadOnly) return false;\n  const cfg = menuActionsConfig?.find((a) => a.id === id);\n  return !cfg?.isVisible || cfg.isVisible(node, depth);\n};\n// const shouldShowAddChild =\n//   canAddChild && !isStation && (!backwardCompatibility || isGlobal) && isActionVisible('add');\n\n// const shouldShowRename = isActionVisible('rename');\n\n// const shouldShowDelete =\n//   !(backwardCompatibility && isStation) && isActionVisible('delete');\n  // Sections Logic (Filters out 'access' for stations when backward compatibility is enabled)\n  const visibleSections = sectionsConfig.filter((section) => {\n    if (isPublishedReadOnly && (section.id === 'access' || section.id === 'human-changes')) return false;\n    if (backwardCompatibility && isStation && section.id === 'access') return false;\n    return !section.isVisible || section.isVisible(node, depth);\n  });\n\n  // Renders every configured section as its own row inside the expanded node.\n  // Only used in the \"full\" (non-compact) view — in compact view these same\n  // sections are surfaced via additionalSectionMenuItems instead.\n  const renderSections = () => {\n    return visibleSections.map((section) => (\n      <TreeSectionItem\n        key={`${node.id}-${section.id}`}\n        icon={section.icon}   // TreeSectionConfig.icon is optional (icon?: ...) — could be undefined\n        label={section.resolveLabel ? section.resolveLabel(node, depth) : section.label || ''}\n        badgeCount={section?.badgeKey && !isILMarketplace ? node?.metrics?.[section?.badgeKey] : undefined}\n        isActive={isNodeSelected && activeSelection?.sectionId === section.id}\n        onClick={() => onSectionSelect(currentPath, section.id)}\n      />\n    ));\n  };\n\n  // Determine sections based on node type\n  const isNodeVisible = (testNode: ScopeTreeNode, query: string): boolean => {\n    if (!query) return true;\n    const q = query.toLowerCase();\n    if (testNode.name.toLowerCase().includes(q)) return true;\n    if (testNode.children) {\n      return testNode.children.some(child => isNodeVisible(child, query));\n    }\n    return false;\n  };\n\n  if (!forceVisible && !isNodeVisible(node, searchQuery || '')) {\n    return null;\n  }\n\n  const isAtOrBeyondConfigLimit = depth >= nodeTypesConfig.length - 1;\n  const currentNodeConfig = isAtOrBeyondConfigLimit\n    ? nodeTypesConfig[nodeTypesConfig.length - 1]\n    : nodeTypesConfig[depth];\n\n  // In compact view, sections other than \"learnings\" (the default view when\n  // clicking the scope itself) and \"stations\" (handled via the \"See N more\"\n  // flow) are surfaced as menu options instead of separate rows in the tree —\n  // e.g. Access, Change History. Clicking them behaves exactly as the inline\n  // section rows do. In the full view, renderSections() handles these\n  // instead, so the menu doesn't need them.\n  const additionalSectionMenuItems = isCompactView\n    ? visibleSections\n      .filter((section) => section.id !== 'learnings' && section.id !== 'stations')\n      .map((section) => ({\n        label: section.resolveLabel ? section.resolveLabel(node, depth) : (section.label ?? ''),\n        icon: section.icon,\n        onClick: () => onSectionSelect(currentPath, section.id),\n      }))\n    : [];\n  const scopeTypeLabel = currentNodeConfig?.label; // e.g. \"Global\" / \"Scope\" / \"Subscope\"\n\n  const addResolution = resolveTreeItem(`${MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH}.add`, depth, { scope: node.name, scopeType: scopeTypeLabel });\n  const renameResolution = resolveTreeItem(`${MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH}.rename`, depth, { scope: node.name, scopeType: scopeTypeLabel });\n  const deleteResolution = resolveTreeItem(`${MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH}.delete`, depth, { scope: node.name, scopeType: scopeTypeLabel });\n\n  // ADD — configured JSON wins; otherwise fall back to existing nodeTypesConfig-driven logic\n  const shouldShowAddChild = addResolution.configured\n    ? addResolution.visible && canAddChild && !isStation && (!backwardCompatibility || isGlobal) && isActionVisible('add')\n    : canAddChild && !isStation && (!backwardCompatibility || isGlobal) && isActionVisible('add');\n\n  const addLabel: string =\n    addResolution.label ?? currentNodeConfig.addChildLabel ?? 'Add Child';\n\n  const renameLabel: string =\n    renameResolution.label ?? dt(`${MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH}.rename.label`, 'Rename');\n\n  const deleteLabel: string =\n    deleteResolution.label ??\n    (isStation\n      ? 'Delete Station'\n      : backwardCompatibility\n        ? 'Delete Scope'\n        : dt(`${MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH}.delete.label`, `Delete ${currentNodeConfig?.label || 'Node'}`, { scope: scopePath }));\n  // RENAME\n  const shouldShowRename = renameResolution.configured\n    ? renameResolution.visible && isActionVisible('rename')\n    : isActionVisible('rename'); // old default: always show, subject to prop override\n\n  // const renameLabel =\n  renameResolution.label ?? dt(`${MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH}.rename.label`, 'Rename');\n\n  // DELETE\n  const shouldShowDelete = deleteResolution.configured\n    ? deleteResolution.visible && !isStation && isActionVisible('delete')\n    : !isStation && isActionVisible('delete');\n\n  // --- Permission and Validation Logic ---\n  const hasDeletePermission = canDeleteScope ? canDeleteScope(node.id) : true;\n  const hasEditPermission = canEditScope ? canEditScope(node.id) : true;\n  const hasCreatePermission = canCreateScope ? canCreateScope(node.id) : true;\n  const hasChildren = node.children && node.children.length > 0;\n\n  const isDeleteDisabled = !hasDeletePermission || hasChildren;\n  const deleteTooltip = !hasDeletePermission\n    ? 'You do not have permission to delete this scope.'\n    : hasChildren\n      ? 'This scope cannot be deleted because other scopes inherit learnings from it.'\n      : undefined;\n  const createTooltip = !hasCreatePermission ? 'You do not have permission to add a scope here.' : undefined;\n  const nodeMatches = !searchQuery || node.name.toLowerCase().includes(searchQuery.toLowerCase());\n\n  // Single child-node factory so the limited (scrollable) and unlimited paths\n  // render children identically.\n  const renderChildNode = (childNode: ScopeTreeNode) => (\n    <TreeNode\n      key={childNode.id}\n      node={childNode}\n      depth={depth + 1}\n      nodePath={currentPath}\n      expandedNodeIds={expandedNodeIds}\n      activeSelection={activeSelection}\n      onToggleExpand={onToggleExpand}\n      onSectionSelect={onSectionSelect}\n      onNodeOptionsClick={onNodeOptionsClick}\n      onAddChild={onAddChild}\n      onRenameChild={onRenameChild}\n      onDeleteChild={onDeleteChild}\n      canDeleteScope={canDeleteScope}\n      canEditScope={canEditScope}\n      canCreateScope={canCreateScope}\n      searchQuery={searchQuery}\n      forceVisible={nodeMatches}\n      sectionsConfig={sectionsConfig}\n      nodeTypesConfig={nodeTypesConfig}\n      compactView={isCompactView}\n      menuActionsConfig={menuActionsConfig}\n    />\n  );\n  const menuOptions: TreeMenuOption[] = node.hasAccess === false ? [] : [\n    ...(shouldShowAddChild ? [{\n      label: addLabel,\n      icon: Plus,\n      onClick: () => onAddChild?.(node.id, currentNodeConfig.addChildType as any, node.name),\n      disabled: !hasCreatePermission,\n      tooltip: createTooltip,\n    }] : []),\n    ...(shouldShowRename ? [{\n      label: renameLabel,\n      icon: Pencil,\n      onClick: () => onRenameChild?.(node.id, node.name),\n      disabled: !hasEditPermission || isStation,\n      tooltip: !hasEditPermission ? 'You do not have permission to rename this scope.' : undefined,\n    }] : []),\n    ...(shouldShowDelete ? [{\n      label: deleteLabel,\n      icon: Trash2,\n      onClick: () => onDeleteChild?.(node.id, node.name, node.metrics?.learningsCount || 0),\n      disabled: isDeleteDisabled,\n      tooltip: deleteTooltip,\n      className: 'text-red-500 hover:text-red-600 hover:bg-red-50',\n    }] : []),\n    ...additionalSectionMenuItems,\n  ];\n\n  return (\n    <div ref={nodeRef} className={styles.nodeWrapper} style={{ '--tree-depth': depth } as React.CSSProperties}>\n      <TreeNodeHeader\n        nodeType={nodeType}\n        name={node.name}\n        isExpanded={isExpanded}\n        isSelected={isNodeSelected}\n        isAncestor={isNodeAncestor}\n        isExpandable={!!hasChildren}\n        childrenCount={node.children?.length}\n        learningsCount={isCompactView ? node.metrics?.learningsCount : undefined}\n        isCompactView={isCompactView}\n        hideCounts={isILMarketplace}  // IL Marketplace shows no counts on a node at all.\n        onToggleExpand={(e: React.MouseEvent) => {\n          e.stopPropagation();\n          onToggleExpand(node.id);\n        }}\n        // onClick={() => onToggleExpand(node.id)}\n        onClick={() => {\n          onSectionSelect(currentPath, 'learnings');\n          // if(node?.children?.length)\n            //  onSectionSelect([...currentPath, node.children[0].id], 'learnings');\n          // Select first Child automatically if node has children.\n          // Mainly to select learning when selecting a scope.\n          // something like: && node.children[0].name === 'Learnings' to be added\n\n        }}\n        searchQuery={searchQuery}\n        menuOptions={menuOptions}\n        // menuOptions={node.hasAccess === false ? [] : [\n        //   ...(shouldShowAddChild ? [{\n        //     label: currentNodeConfig.addChildLabel || 'Add Child',\n        //     icon: Plus,\n        //     onClick: () => onAddChild?.(node.id, currentNodeConfig.addChildType as any, node.name),\n        //     disabled: !hasCreatePermission,\n        //     tooltip: createTooltip,\n        //   }] : []),\n        //   {\n        //     label: `${dt(`${MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH}.rename`, 'Rename')}`,\n        //     icon: Pencil,\n        //     onClick: () => onRenameChild?.(node.id, node.name),\n        //     disabled: !hasEditPermission || isStation,\n        //     tooltip: !hasEditPermission ? 'You do not have permission to rename this scope.' : undefined,\n        //   },\n        //   ...(shouldShowDelete ? [{\n        //     label: isStation\n        //       ? 'Delete Station'\n        //       : backwardCompatibility\n        //         ? 'Delete Scope'\n        //         : `${dt(`${MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH}.delete`, `Delete ${currentNodeConfig?.label || 'Node'}`, { scope: scopePath })}`,\n        //     icon: Trash2,\n        //     onClick: () => onDeleteChild?.(node.id, node.name, node.metrics?.learningsCount || 0),\n        //     disabled: isDeleteDisabled,\n        //     tooltip: deleteTooltip,\n        //     className: 'text-red-500 hover:text-red-600 hover:bg-red-50',\n        //   }] : []),\n        //   ...additionalSectionMenuItems,\n        // ]}\n      />\n\n      {/* Render children if expanded or if it's the root GLOBAL node and we want it always open? \n          Assuming standard expansion logic for all nodes. */}\n      {isExpanded && (\n        <div className={styles.childrenWrapper}>\n          {/* Inline section rows only in the full (non-compact) view */}\n          {!isCompactView && renderSections()}\n\n          {shouldLimitChildren ? (\n            <>\n                <div\n                className={styles.scopeScrollContainer}\n                style={{\n                  maxHeight: `calc(var(--scope-row-height, 40px) * ${scopeDisplayLimitCount})`,\n                  overflowY: 'scroll',\n                }}\n              >\n                {allChildren.map(renderChildNode)}\n              </div>\n              <button\n                type=\"button\"\n                className={styles.addAction}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  onSectionSelect(currentPath, 'stations');\n                }}\n              >\n                <span style={{ paddingLeft: '15px' }}>\n                  <span style={{ paddingLeft: '15px', display: 'flex', alignItems: 'center' }}>\n                    {interpolate(\n                      dt(\n                        `${MIDDLE_DRAWER_DT_PATH}.scopeDisplayLimit.viewMoreText`,\n                        backwardCompatibility\n                          ? 'View all {count} stations'\n                          : 'Show all {count} scopes'\n                      ),\n                      { count: allChildren.length }\n                    )}\n                    <MoveRight size={14} style={{ marginLeft: '6px', flexShrink: 0 }} />\n                  </span>\n                </span>\n              </button>\n            </>\n          ) : (\n            allChildren.map(renderChildNode)\n          )}\n\n          {/* Add action at the bottom of the children list — hidden in compact\n              view, where adding is still reachable via the node's menu */}\n          {shouldShowAddChild && !isCompactView && (\n            <TreeAddAction\n              label={currentNodeConfig.addChildLabel || 'Add Child'}\n              onAdd={() => onAddChild?.(node.id, currentNodeConfig.addChildType as any, node.name)}\n              disabled={!hasCreatePermission}\n              tooltip={createTooltip}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};"],"names":["useLearningTemplateStore","dt","MIDDLE_DRAWER_DT_PATH","useRef","useEffect","_a","jsx","TreeSectionItem","resolveTreeItem","MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH","Plus","Pencil","Trash2","jsxs","styles","TreeNodeHeader","Fragment","interpolate","MoveRight","TreeAddAction"],"mappings":"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"}