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

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

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

package/dist/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":[],"mappings":"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"}

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

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

package/dist/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":["_a"],"mappings":"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"}

package/dist/features/LearningManagement/components/ScopeTree/TreeNodeHeader.js

@@ -1,2 +1,70 @@
-import{__assign as e}from"tslib";import{jsxs as o,jsx as n}from"react/jsx-runtime";import{ChevronDown as t,RadioTower as c,FolderOpen as i}from"lucide-react";import r from"../../styles/ScopeTree.module.css.js";import{TreeMenu as a}from"./TreeMenu.js";import{HighlightedText as d}from"./HighlightedText.js";var l=function(l){var s=l.name,u=l.isExpanded,m=l.isSelected,p=l.isAncestor,h=l.isExpandable,v=void 0===h||h,g=l.onToggleExpand,f=l.onClick,C=l.menuOptions,b=l.searchQuery,x=l.childrenCount,k=l.learningsCount,N=l.nodeType,y=l.isCompactView,E=void 0!==y&&y,B=l.hideCounts,H=void 0!==B&&B,T=m?r.nodeHeaderSelected:p?r.nodeHeaderAncestor:"",j=m||p;return o("div",e({className:"".concat(r.nodeHeader," ").concat(T),onClick:f,role:"button",tabIndex:0,onKeyDown:function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),f())}},{children:[n("div",e({className:"".concat(r.chevron," ").concat(u?r.chevronExpanded:""," ").concat(v?"":r.chevronHidden),onClick:function(e){v&&g(e)},role:"button",tabIndex:v?0:-1},{children:n(t,{size:16,strokeWidth:j?2.5:2,color:j?"#2563EB":"#64748B"})})),n("div",e({className:r.folderIcon},{children:"station"===(null==N?void 0:N.toLocaleLowerCase())?n(c,{size:18,strokeWidth:j?2.5:2,color:j?"currentColor":"#64748B"}):n(i,{size:18,strokeWidth:j?2.5:2,color:j?"currentColor":"#64748B"})})),n("span",e({className:r.nodeName},{children:n(d,{text:s,highlight:b})})),H?null:void 0!==x&&x>0?n("span",e({className:"".concat(r.badge," ").concat(m?r.badgeActive:"")},{children:x})):E?n("span",e({className:"".concat(r.badge," ").concat(m?r.badgeActive:"")},{children:null!=k?k:0})):null,C&&C.length>0&&n("div",e({onClick:function(e){return e.stopPropagation()}},{children:n(a,{options:C,buttonClassName:r.optionsButton,iconSize:16})}))]}))};export{l as TreeNodeHeader};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ChevronDown, RadioTower, FolderOpen } from 'lucide-react';
+import styles from '../../styles/ScopeTree.module.css.js';
+import { TreeMenu } from './TreeMenu.js';
+import { HighlightedText } from './HighlightedText.js';
+
+const TreeNodeHeader = ({
+  name,
+  isExpanded,
+  isSelected,
+  isAncestor,
+  isExpandable = true,
+  onToggleExpand,
+  onClick,
+  menuOptions,
+  searchQuery,
+  childrenCount,
+  learningsCount,
+  nodeType,
+  isCompactView = false,
+  hideCounts = false
+}) => {
+  const activeClass = isSelected ? styles.nodeHeaderSelected : isAncestor ? styles.nodeHeaderAncestor : "";
+  const isHighlighted = isSelected || isAncestor;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `${styles.nodeHeader} ${activeClass}`,
+      onClick,
+      role: "button",
+      tabIndex: 0,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `${styles.chevron} ${isExpanded ? styles.chevronExpanded : ""} ${!isExpandable ? styles.chevronHidden : ""}`,
+            onClick: (e) => {
+              if (isExpandable) {
+                onToggleExpand(e);
+              }
+            },
+            role: "button",
+            tabIndex: isExpandable ? 0 : -1,
+            children: /* @__PURE__ */ jsx(ChevronDown, { size: 16, strokeWidth: isHighlighted ? 2.5 : 2, color: isHighlighted ? "#2563EB" : "#64748B" })
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: styles.folderIcon, children: (nodeType == null ? void 0 : nodeType.toLocaleLowerCase()) === "station" ? /* @__PURE__ */ jsx(RadioTower, { size: 18, strokeWidth: isHighlighted ? 2.5 : 2, color: isHighlighted ? "currentColor" : "#64748B" }) : /* @__PURE__ */ jsx(FolderOpen, { size: 18, strokeWidth: isHighlighted ? 2.5 : 2, color: isHighlighted ? "currentColor" : "#64748B" }) }),
+        /* @__PURE__ */ jsx("span", { className: styles.nodeName, children: /* @__PURE__ */ jsx(HighlightedText, { text: name, highlight: searchQuery }) }),
+        hideCounts ? null : childrenCount !== void 0 && childrenCount > 0 ? /* @__PURE__ */ jsx("span", { className: `${styles.badge} ${isSelected ? styles.badgeActive : ""}`, children: childrenCount }) : isCompactView ? /* @__PURE__ */ jsx("span", { className: `${styles.badge} ${isSelected ? styles.badgeActive : ""}`, children: learningsCount != null ? learningsCount : 0 }) : null,
+        menuOptions && menuOptions.length > 0 && /* @__PURE__ */ jsx("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
+          TreeMenu,
+          {
+            options: menuOptions,
+            buttonClassName: styles.optionsButton,
+            iconSize: 16
+          }
+        ) })
+      ]
+    }
+  );
+};
+
+export { TreeNodeHeader };
 //# sourceMappingURL=TreeNodeHeader.js.map

package/dist/features/LearningManagement/components/ScopeTree/TreeNodeHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNodeHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"TreeNodeHeader.js","sources":["../../../../../src/features/LearningManagement/components/ScopeTree/TreeNodeHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { ChevronDown, FolderOpen, RadioTower } from 'lucide-react';\nimport styles from '../../styles/ScopeTree.module.css';\nimport { TreeMenu, TreeMenuOption } from './TreeMenu';\nimport { HighlightedText } from './HighlightedText';\n\ninterface TreeNodeHeaderProps {\n  name: string;\n  isExpanded: boolean;\n  isSelected: boolean;\n  isAncestor: boolean;\n  isExpandable?: boolean;\n  onToggleExpand: (e: React.MouseEvent) => void;\n  onClick: () => void;\n  menuOptions?: TreeMenuOption[];\n  searchQuery?: string;\n  childrenCount?: number;\n  learningsCount?: number;\n  nodeType?: string;\n  isCompactView?: boolean;\n  /** Drops the badge slot entirely, including the compact view's \"0\" fallback. */\n  hideCounts?: boolean;\n}\n\nexport const TreeNodeHeader: React.FC<TreeNodeHeaderProps> = ({\n  name,\n  isExpanded,\n  isSelected,\n  isAncestor,\n  isExpandable = true,\n  onToggleExpand,\n  onClick,\n  menuOptions,\n  searchQuery,\n  childrenCount,\n  learningsCount,\n  nodeType,\n  isCompactView = false,\n  hideCounts = false,\n}) => {\n  const activeClass = isSelected ? styles.nodeHeaderSelected : isAncestor ? styles.nodeHeaderAncestor : '';\n  const isHighlighted = isSelected || isAncestor;\n\n  return (\n    <div\n      className={`${styles.nodeHeader} ${activeClass}`}\n      onClick={onClick}\n      role=\"button\"\n      tabIndex={0}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          onClick();\n        }\n      }}\n    >\n      <div \n        className={`${styles.chevron} ${isExpanded ? styles.chevronExpanded : ''} ${!isExpandable ? styles.chevronHidden : ''}`}\n        onClick={(e) => {\n          if (isExpandable) {\n            onToggleExpand(e);\n          }\n        }}\n        role=\"button\"\n        tabIndex={isExpandable ? 0 : -1}\n      >\n        <ChevronDown size={16} strokeWidth={isHighlighted ? 2.5 : 2} color={isHighlighted ? '#2563EB' : '#64748B'} />\n      </div>\n\n      <div className={styles.folderIcon}>\n        {nodeType?.toLocaleLowerCase()===\"station\"?<RadioTower size={18} strokeWidth={isHighlighted ? 2.5 : 2} color={isHighlighted ? 'currentColor' : '#64748B'} />:<FolderOpen size={18} strokeWidth={isHighlighted ? 2.5 : 2} color={isHighlighted ? 'currentColor' : '#64748B'} />}\n      </div>\n\n      <span className={styles.nodeName}>\n        <HighlightedText text={name} highlight={searchQuery} />\n      </span>\n\n      {/* Single badge slot: childrenCount takes priority when present.\n          In compact view, fall back to learningsCount (showing 0 rather\n          than hiding). In full view, show nothing when there's no\n          childrenCount. */}\n      {hideCounts ? null : childrenCount !== undefined && childrenCount > 0 ? (\n        <span className={`${styles.badge} ${isSelected ? styles.badgeActive : ''}`}>\n          {childrenCount}\n        </span>\n      ) : isCompactView ? (\n        <span className={`${styles.badge} ${isSelected ? styles.badgeActive : ''}`}>\n          {learningsCount ?? 0}\n        </span>\n      ) : null}\n\n      {menuOptions && menuOptions.length > 0 && (\n        <div onClick={(e) => e.stopPropagation()}>\n          <TreeMenu\n            options={menuOptions}\n            buttonClassName={styles.optionsButton}\n            iconSize={16}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}