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

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

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

package/dist/cjs/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":["styles","jsxs","jsx","ChevronDown","RadioTower","FolderOpen","HighlightedText","TreeMenu"],"mappings":"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"}

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

@@ -1,2 +1,38 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("../../styles/ScopeTree.module.css.js");exports.TreeSectionItem=function(a){var i=a.icon,l=a.label,n=a.badgeCount,c=a.isActive,r=void 0!==c&&c,o=a.onClick;return s.jsxs("div",e.__assign({className:"".concat(t.default.pill," ").concat(r?t.default.pillActive:""),onClick:o,role:"button",tabIndex:0,onKeyDown:function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),o())}},{children:[s.jsx("div",e.__assign({className:t.default.pillIcon},{children:s.jsx(i,{size:18,strokeWidth:r?2.5:2})})),s.jsx("span",e.__assign({className:t.default.pillLabel},{children:l})),"number"==typeof n&&s.jsx("span",e.__assign({className:"".concat(t.default.badge," ").concat(r?t.default.badgeActive:"")},{children:n}))]}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var ScopeTree_module = require('../../styles/ScopeTree.module.css.js');
+
+const TreeSectionItem = ({
+  icon: Icon,
+  label,
+  badgeCount,
+  isActive = false,
+  onClick
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `${ScopeTree_module["default"].pill} ${isActive ? ScopeTree_module["default"].pillActive : ""}`,
+      onClick,
+      role: "button",
+      tabIndex: 0,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: ScopeTree_module["default"].pillIcon, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: 18, strokeWidth: isActive ? 2.5 : 2 }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: ScopeTree_module["default"].pillLabel, children: label }),
+        typeof badgeCount === "number" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${ScopeTree_module["default"].badge} ${isActive ? ScopeTree_module["default"].badgeActive : ""}`, children: badgeCount })
+      ]
+    }
+  );
+};
+
+exports.TreeSectionItem = TreeSectionItem;
 //# sourceMappingURL=TreeSectionItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TreeSectionItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"TreeSectionItem.js","sources":["../../../../../../src/features/LearningManagement/components/ScopeTree/TreeSectionItem.tsx"],"sourcesContent":["import React from 'react';\nimport { LucideIcon } from 'lucide-react';\nimport styles from '../../styles/ScopeTree.module.css';\n\ninterface TreeSectionItemProps {\n  icon: LucideIcon;\n  label: string;\n  badgeCount?: number | null;\n  isActive?: boolean;\n  onClick: () => void;\n}\n\n/**\n * A highly reusable generic pill component for rendering sections like \n * Learnings (5), Stations (1), Access, and Change History.\n */\nexport const TreeSectionItem: React.FC<TreeSectionItemProps> = ({\n  icon: Icon,\n  label,\n  badgeCount,\n  isActive = false,\n  onClick,\n}) => {\n  return (\n    <div\n      className={`${styles.pill} ${isActive ? styles.pillActive : ''}`}\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 className={styles.pillIcon}>\n        <Icon size={18} strokeWidth={isActive ? 2.5 : 2} />\n      </div>\n      \n      <span className={styles.pillLabel}>{label}</span>\n      \n      {typeof badgeCount === 'number' && (\n        <span className={`${styles.badge} ${isActive ? styles.badgeActive : ''}`}>\n          {badgeCount}\n        </span>\n      )}\n    </div>\n  );\n};\n"],"names":["jsxs","styles","jsx"],"mappings":";;;;;;;AAgBO,MAAM,kBAAkD,CAAC;AAAA,EAC9D,IAAM,EAAA,IAAA;AAAA,EACN,KAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACX,OAAA;AACF,CAAM,KAAA;AACJ,EACE,uBAAAA,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,GAAGC,2BAAO,CAAA,IAAI,IAAI,QAAW,GAAAA,2BAAA,CAAO,aAAa,EAAE,CAAA,CAAA;AAAA,MAC9D,OAAA;AAAA,MACA,IAAK,EAAA,QAAA;AAAA,MACL,QAAU,EAAA,CAAA;AAAA,MACV,SAAA,EAAW,CAAC,CAAM,KAAA;AAChB,QAAA,IAAI,CAAE,CAAA,GAAA,KAAQ,OAAW,IAAA,CAAA,CAAE,QAAQ,GAAK,EAAA;AACtC,UAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AACjB,UAAQ,OAAA,EAAA,CAAA;AAAA,SACV;AAAA,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAWD,2BAAO,CAAA,QAAA,EACrB,QAAC,kBAAAC,cAAA,CAAA,IAAA,EAAA,EAAK,IAAM,EAAA,EAAA,EAAI,WAAa,EAAA,QAAA,GAAW,GAAM,GAAA,CAAA,EAAG,CACnD,EAAA,CAAA;AAAA,wBAECA,cAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAAD,2BAAA,CAAO,WAAY,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,QAEzC,OAAO,UAAA,KAAe,QACrB,oBAAAC,cAAA,CAAC,UAAK,SAAW,EAAA,CAAA,EAAGD,2BAAO,CAAA,KAAK,IAAI,QAAW,GAAAA,2BAAA,CAAO,WAAc,GAAA,EAAE,IACnE,QACH,EAAA,UAAA,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAEJ,CAAA;AAEJ;;;;"}

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

@@ -1,2 +1,166 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react"),o=require("../../styles/ScopeTree.module.css.js"),i=require("../../utils/treeUtils.js"),r=require("./TreeNode.js"),c=require("../../store/useLMSConfigStore.js");exports.TreeSidebar=function(d){var a=d.data,u=d.defaultExpandedIds,s=void 0===u?[]:u,f=d.onSectionSelect,l=d.onNodeOptionsClick,S=d.onAddChild,h=d.onRenameChild,C=d.onDeleteChild,p=d.canDeleteScope,v=d.canEditScope,m=d.canCreateScope,g=d.searchQuery,w=void 0===g?"":g,E=d.onSearchCountChange,y=d.sectionsConfig,j=d.nodeTypesConfig,x=d.selectedRuleSetId,q=d.activeSectionId,I=d.menuActionsConfig,N=t.useState(new Set(a?e.__spreadArray([a.id],s,!0):s)),T=N[0],D=N[1],L=t.useState(null),_=L[0],A=L[1];t.useEffect(function(){a&&D(function(e){if(!e.has(a.id)){var n=new Set(e);return n.add(a.id),n}return e})},[null==a?void 0:a.id]),t.useEffect(function(){if(a&&x&&q){var e=i.findNodePathById(a,x);e&&(A({nodePath:e,sectionId:q}),D(function(n){var t=new Set(n);return e.forEach(function(e){return t.add(e)}),t}))}},[a,x,q]),t.useEffect(function(){if(w&&a){var e=new Set,n=function(t){var o=w.toLowerCase(),i=t.name.toLowerCase().includes(o),r=!1;t.children&&t.children.forEach(function(e){n(e)&&(r=!0)});var c=i||r;return c&&r&&e.add(t.id),c};n(a),D(e)}},[w,a]);var P=function(e,n){if(!n)return 0;var t=0,o=n.toLowerCase();return e.name.toLowerCase().includes(o)&&t++,e.children&&e.children.forEach(function(e){t+=P(e,n)}),t};t.useEffect(function(){E&&a&&E(P(a,w))},[w,a,E]);return a?n.jsx("div",e.__assign({className:o.default.treeContainer},{children:n.jsx(r.TreeNode,{node:a,expandedNodeIds:T,activeSelection:_,onToggleExpand:function(e){D(function(n){var t=new Set(n);return t.has(e)?t.delete(e):t.add(e),t})},onSectionSelect:function(e,n){A({nodePath:e,sectionId:n}),f&&f(e[e.length-1],n)},onNodeOptionsClick:function(e){l&&l(e)},onAddChild:function(e,n,t){S&&S(e,n,t)},onRenameChild:function(e,n){h&&h(e,n)},onDeleteChild:function(e,n,t){C&&C(e,n,t)},canDeleteScope:p,canEditScope:v,searchQuery:w,sectionsConfig:y,nodeTypesConfig:j,menuActionsConfig:I,canCreateScope:m,compactView:"true"===c.dt("middleDrawer.scopeDisplayLimit.compactView","false")})})):null};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var ScopeTree_module = require('../../styles/ScopeTree.module.css.js');
+var treeUtils = require('../../utils/treeUtils.js');
+var TreeNode = require('./TreeNode.js');
+var useLMSConfigStore = require('../../store/useLMSConfigStore.js');
+
+const TreeSidebar = ({
+  data,
+  defaultExpandedIds = [],
+  onSectionSelect,
+  onNodeOptionsClick,
+  onAddChild,
+  onRenameChild,
+  onDeleteChild,
+  canDeleteScope,
+  canEditScope,
+  canCreateScope,
+  searchQuery = "",
+  onSearchCountChange,
+  sectionsConfig,
+  nodeTypesConfig,
+  selectedRuleSetId,
+  activeSectionId: activeSectionIdProp,
+  menuActionsConfig
+}) => {
+  const [expandedNodeIds, setExpandedNodeIds] = React.useState(
+    new Set(data ? [data.id, ...defaultExpandedIds] : defaultExpandedIds)
+  );
+  const [activeSelection, setActiveSelection] = React.useState(null);
+  React.useEffect(() => {
+    if (data) {
+      setExpandedNodeIds((prev) => {
+        if (!prev.has(data.id)) {
+          const newSet = new Set(prev);
+          newSet.add(data.id);
+          return newSet;
+        }
+        return prev;
+      });
+    }
+  }, [data == null ? void 0 : data.id]);
+  React.useEffect(() => {
+    if (data && selectedRuleSetId && activeSectionIdProp) {
+      const path = treeUtils.findNodePathById(data, selectedRuleSetId);
+      if (path) {
+        setActiveSelection({ nodePath: path, sectionId: activeSectionIdProp });
+        setExpandedNodeIds((prev) => {
+          const next = new Set(prev);
+          path.forEach((id) => next.add(id));
+          return next;
+        });
+      }
+    }
+  }, [data, selectedRuleSetId, activeSectionIdProp]);
+  React.useEffect(() => {
+    if (searchQuery && data) {
+      const newExpanded = /* @__PURE__ */ new Set();
+      const checkAndExpand = (node) => {
+        const q = searchQuery.toLowerCase();
+        const nameMatch = node.name.toLowerCase().includes(q);
+        let childMatch = false;
+        if (node.children) {
+          node.children.forEach((child) => {
+            if (checkAndExpand(child)) {
+              childMatch = true;
+            }
+          });
+        }
+        const isVisible = nameMatch || childMatch;
+        if (isVisible && childMatch) {
+          newExpanded.add(node.id);
+        }
+        return isVisible;
+      };
+      checkAndExpand(data);
+      setExpandedNodeIds(newExpanded);
+    }
+  }, [searchQuery, data]);
+  const getSearchCount = (node, query) => {
+    if (!query) return 0;
+    let count = 0;
+    const q = query.toLowerCase();
+    if (node.name.toLowerCase().includes(q)) count++;
+    if (node.children) {
+      node.children.forEach((child) => {
+        count += getSearchCount(child, query);
+      });
+    }
+    return count;
+  };
+  React.useEffect(() => {
+    if (onSearchCountChange && data) {
+      onSearchCountChange(getSearchCount(data, searchQuery));
+    }
+  }, [searchQuery, data, onSearchCountChange]);
+  const handleToggleExpand = (nodeId) => {
+    setExpandedNodeIds((prev) => {
+      const next = new Set(prev);
+      if (next.has(nodeId)) {
+        next.delete(nodeId);
+      } else {
+        next.add(nodeId);
+      }
+      return next;
+    });
+  };
+  const handleSectionSelect = (nodePath, sectionId) => {
+    setActiveSelection({ nodePath, sectionId });
+    if (onSectionSelect) {
+      onSectionSelect(nodePath[nodePath.length - 1], sectionId);
+    }
+  };
+  const handleNodeOptionsClick = (nodeId) => {
+    if (onNodeOptionsClick) {
+      onNodeOptionsClick(nodeId);
+    }
+  };
+  const handleAddChild = (parentId, childType, parentName) => {
+    if (onAddChild) {
+      onAddChild(parentId, childType, parentName);
+    }
+  };
+  const handleRenameChild = (scopeId, initialName) => {
+    if (onRenameChild) {
+      onRenameChild(scopeId, initialName);
+    }
+  };
+  const handleDeleteChild = (scopeId, scopeName, learningsCount) => {
+    if (onDeleteChild) {
+      onDeleteChild(scopeId, scopeName, learningsCount);
+    }
+  };
+  if (!data) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: ScopeTree_module["default"].treeContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
+    TreeNode.TreeNode,
+    {
+      node: data,
+      expandedNodeIds,
+      activeSelection,
+      onToggleExpand: handleToggleExpand,
+      onSectionSelect: handleSectionSelect,
+      onNodeOptionsClick: handleNodeOptionsClick,
+      onAddChild: handleAddChild,
+      onRenameChild: handleRenameChild,
+      onDeleteChild: handleDeleteChild,
+      canDeleteScope,
+      canEditScope,
+      searchQuery,
+      sectionsConfig,
+      nodeTypesConfig,
+      menuActionsConfig,
+      canCreateScope,
+      compactView: useLMSConfigStore.dt("middleDrawer.scopeDisplayLimit.compactView", "false") === "true"
+    }
+  ) });
+};
+
+exports.TreeSidebar = TreeSidebar;
 //# sourceMappingURL=TreeSidebar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TreeSidebar.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"TreeSidebar.js","sources":["../../../../../../src/features/LearningManagement/components/ScopeTree/TreeSidebar.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport styles from '../../styles/ScopeTree.module.css';\nimport { ScopeTreeNode, TreeSectionConfig, NodeTypeConfig, MenuActionConfig } from '../../types';\nimport { findNodePathById } from '../../utils/treeUtils';\nimport { TreeNode } from './TreeNode';\nimport { dt } from '../../store/useLMSConfigStore';\n\nexport interface TreeSidebarProps {\n  data: ScopeTreeNode | null;\n  // Expose state and callbacks to parent if needed, or manage fully internally.\n  // We'll manage expansion internally but allow default values.\n  defaultExpandedIds?: string[];\n  onSectionSelect?: (nodeId: string, sectionId: string) => void;\n  onNodeOptionsClick?: (nodeId: string) => void;\n  onAddChild?: (parentId: string, childType: 'SCOPE' | 'SUBSCOPE', parentName?: string) => void;\n  onRenameChild?: (scopeId: string, initialName: string) => void;\n  onDeleteChild?: (scopeId: string, scopeName: string, learningsCount: number) => void;\n  canDeleteScope?: (scopeId: string) => boolean;\n  canEditScope?: (scopeId: string) => boolean;\n  canCreateScope?: (scopeId: string) => boolean;\n  searchQuery?: string;\n  onSearchCountChange?: (count: number) => void;\n  sectionsConfig?: TreeSectionConfig[];\n  nodeTypesConfig?: NodeTypeConfig[];\n  selectedRuleSetId?: string | null;\n  activeSectionId?: string;\n  menuActionsConfig?: MenuActionConfig[];\n}\n\nexport const TreeSidebar: React.FC<TreeSidebarProps> = ({\n  data,\n  defaultExpandedIds = [],\n  onSectionSelect,\n  onNodeOptionsClick,\n  onAddChild,\n  onRenameChild,\n  onDeleteChild,\n  canDeleteScope,\n  canEditScope,\n  canCreateScope,\n  searchQuery = '',\n  onSearchCountChange,\n  sectionsConfig,\n  nodeTypesConfig,\n  selectedRuleSetId,\n  activeSectionId: activeSectionIdProp,\n  menuActionsConfig\n}) => {\n  // Hoisted state for expansion and selection\n  const [expandedNodeIds, setExpandedNodeIds] = useState<Set<string>>(\n    new Set(data ? [data.id, ...defaultExpandedIds] : defaultExpandedIds)\n  );\n\n  const [activeSelection, setActiveSelection] = useState<{\n    nodePath: string[];\n    sectionId: string;\n  } | null>(null);\n\n  // Automatically expand the root node whenever the data object changes\n  useEffect(() => {\n    if (data) {\n      setExpandedNodeIds((prev) => {\n        if (!prev.has(data.id)) {\n          const newSet = new Set(prev);\n          newSet.add(data.id);\n          return newSet;\n        }\n        return prev;\n      });\n    }\n  }, [data?.id]);\n\n  // Sync active selection with parent props (e.g. when auto-selected after creation)\n  useEffect(() => {\n      if (data && selectedRuleSetId && activeSectionIdProp) {\n        const path = findNodePathById(data, selectedRuleSetId);\n        if (path) {\n          setActiveSelection({ nodePath: path, sectionId: activeSectionIdProp });\n          // Ensure all nodes in the path are expanded\n          setExpandedNodeIds((prev) => {\n            const next = new Set(prev);\n            path.forEach(id => next.add(id));\n            return next;\n          });\n        }\n      }\n  }, [data, selectedRuleSetId, activeSectionIdProp]);\n\n  // When search query changes, expand all nodes that match.\n  useEffect(() => {\n    if (searchQuery && data) {\n      const newExpanded = new Set<string>();\n      const checkAndExpand = (node: ScopeTreeNode): boolean => {\n         const q = searchQuery.toLowerCase();\n         const nameMatch = node.name.toLowerCase().includes(q);\n         let childMatch = false;\n         if (node.children) {\n           node.children.forEach(child => {\n             if (checkAndExpand(child)) {\n               childMatch = true;\n             }\n           });\n         }\n         \n         const isVisible = nameMatch || childMatch;\n         if (isVisible && childMatch) {\n           newExpanded.add(node.id);\n         }\n         return isVisible;\n      };\n      checkAndExpand(data);\n      \n      setExpandedNodeIds(newExpanded);\n    }\n  }, [searchQuery, data]);\n\n  const getSearchCount = (node: ScopeTreeNode, query: string): number => {\n    if (!query) return 0;\n    let count = 0;\n    const q = query.toLowerCase();\n    \n    if (node.name.toLowerCase().includes(q)) count++;\n    \n    if (node.children) {\n      node.children.forEach(child => {\n        count += getSearchCount(child, query);\n      });\n    }\n    return count;\n  };\n\n  useEffect(() => {\n    if (onSearchCountChange && data) {\n      onSearchCountChange(getSearchCount(data, searchQuery));\n    }\n  }, [searchQuery, data, onSearchCountChange]);\n\n  const handleToggleExpand = (nodeId: string) => {\n    setExpandedNodeIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(nodeId)) {\n        next.delete(nodeId);\n      } else {\n        next.add(nodeId);\n      }\n      return next;\n    });\n  };\n\n  const handleSectionSelect = (nodePath: string[], sectionId: string) => {\n    setActiveSelection({ nodePath, sectionId });\n    if (onSectionSelect) {\n      // For backward compatibility or external listeners, pass the last node ID\n      onSectionSelect(nodePath[nodePath.length - 1], sectionId);\n    }\n  };\n\n  const handleNodeOptionsClick = (nodeId: string) => {\n    if (onNodeOptionsClick) {\n      onNodeOptionsClick(nodeId);\n    }\n  };\n\n  const handleAddChild = (parentId: string, childType: 'SCOPE' | 'SUBSCOPE', parentName?: string) => {\n    if (onAddChild) {\n      onAddChild(parentId, childType, parentName);\n    }\n  };\n\n  const handleRenameChild = (scopeId: string, initialName: string) => {\n    if (onRenameChild) {\n      onRenameChild(scopeId, initialName);\n    }\n  };\n\n  const handleDeleteChild = (scopeId: string, scopeName: string, learningsCount: number) => {\n    if (onDeleteChild) {\n      onDeleteChild(scopeId, scopeName, learningsCount);\n    }\n  };\n\n  if (!data) {\n    return null; // Or a loading skeleton\n  }\n\n  return (\n    <div className={styles.treeContainer}>\n      <TreeNode\n        node={data}\n        expandedNodeIds={expandedNodeIds}\n        activeSelection={activeSelection}\n        onToggleExpand={handleToggleExpand}\n        onSectionSelect={handleSectionSelect}\n        onNodeOptionsClick={handleNodeOptionsClick}\n        onAddChild={handleAddChild}\n        onRenameChild={handleRenameChild}\n        onDeleteChild={handleDeleteChild}\n        canDeleteScope={canDeleteScope}\n        canEditScope={canEditScope}\n        searchQuery={searchQuery}\n        sectionsConfig={sectionsConfig}\n        nodeTypesConfig={nodeTypesConfig}\n        menuActionsConfig={menuActionsConfig}\n        canCreateScope={canCreateScope}\n        compactView={dt('middleDrawer.scopeDisplayLimit.compactView', 'false') === 'true'}\n      />\n    </div>\n  );\n};\n"],"names":["useState","useEffect","findNodePathById","jsx","styles","TreeNode","dt"],"mappings":"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"}

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

@@ -1,2 +1,73 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@radix-ui/react-tooltip"),o=require("../../styles/ScopeTree.module.css.js");function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var i=s(r);exports.TreeTooltip=function(r){var s=r.content,n=r.children,a=r.placement,l=void 0===a?"top":a,c=r.withArrow,d=void 0!==c&&c;return s?t.jsx(i.Provider,{children:t.jsxs(i.Root,e.__assign({delayDuration:100},{children:[t.jsx(i.Trigger,e.__assign({asChild:!0},{children:n})),t.jsx(i.Portal,{children:t.jsxs(i.Content,e.__assign({side:l,sideOffset:4,className:o.default.tooltipContent},{children:[d&&t.jsx("svg",e.__assign({width:8,height:8,viewBox:"0 0 8 8",className:o.default.tooltipArrow,style:{top:{bottom:0,left:"50%",transform:"translate(-50%, 100%)"},bottom:{top:0,left:"50%",transform:"translate(-50%, -100%) rotate(180deg)"},left:{right:0,top:"50%",transform:"translate(100%, -50%) rotate(-90deg)"},right:{left:0,top:"50%",transform:"translate(-100%, -50%) rotate(90deg)"}}[l]},{children:t.jsx("polygon",{points:"0,0 8,0 4,8"})})),s]}))})]}))}):n};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var TooltipPrimitive = require('@radix-ui/react-tooltip');
+var ScopeTree_module = require('../../styles/ScopeTree.module.css.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
+
+const TreeTooltip = ({
+  content,
+  children,
+  placement = "top",
+  withArrow = false
+}) => {
+  const arrowSize = 8;
+  const arrowStyles = {
+    top: { bottom: 0, left: "50%", transform: "translate(-50%, 100%)" },
+    bottom: { top: 0, left: "50%", transform: "translate(-50%, -100%) rotate(180deg)" },
+    left: { right: 0, top: "50%", transform: "translate(100%, -50%) rotate(-90deg)" },
+    right: { left: 0, top: "50%", transform: "translate(-100%, -50%) rotate(90deg)" }
+  };
+  if (!content) {
+    return children;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Provider, { children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipPrimitive__namespace.Root, { delayDuration: 100, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, { asChild: true, children }),
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+      TooltipPrimitive__namespace.Content,
+      {
+        side: placement,
+        sideOffset: 4,
+        className: ScopeTree_module["default"].tooltipContent,
+        children: [
+          withArrow && /* @__PURE__ */ jsxRuntime.jsx(
+            "svg",
+            {
+              width: arrowSize,
+              height: arrowSize,
+              viewBox: "0 0 8 8",
+              className: ScopeTree_module["default"].tooltipArrow,
+              style: arrowStyles[placement],
+              children: /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "0,0 8,0 4,8" })
+            }
+          ),
+          content
+        ]
+      }
+    ) })
+  ] }) });
+};
+
+exports.TreeTooltip = TreeTooltip;
 //# sourceMappingURL=TreeTooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TreeTooltip.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"TreeTooltip.js","sources":["../../../../../../src/features/LearningManagement/components/ScopeTree/TreeTooltip.tsx"],"sourcesContent":["import React from 'react';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport styles from '../../styles/ScopeTree.module.css';\n\ninterface TreeTooltipProps {\n  content: React.ReactNode;\n  children: React.ReactElement;\n  placement?: 'top' | 'right' | 'bottom' | 'left';\n  withArrow?: boolean;\n}\n\nexport const TreeTooltip: React.FC<TreeTooltipProps> = ({\n  content,\n  children,\n  placement = 'top',\n  withArrow = false,\n}) => {\n  const arrowSize = 8;\n\n  const arrowStyles: Record<string, React.CSSProperties> = {\n    top: { bottom: 0, left: '50%', transform: 'translate(-50%, 100%)' },\n    bottom: { top: 0, left: '50%', transform: 'translate(-50%, -100%) rotate(180deg)' },\n    left: { right: 0, top: '50%', transform: 'translate(100%, -50%) rotate(-90deg)' },\n    right: { left: 0, top: '50%', transform: 'translate(-100%, -50%) rotate(90deg)' },\n  };\n\n  if (!content) {\n    return children;\n  }\n\n  return (\n    <TooltipPrimitive.Provider>\n      <TooltipPrimitive.Root delayDuration={100}>\n        <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal>\n          <TooltipPrimitive.Content\n            side={placement}\n            sideOffset={4}\n            className={styles.tooltipContent}\n          >\n            {withArrow && (\n              <svg\n                width={arrowSize}\n                height={arrowSize}\n                viewBox=\"0 0 8 8\"\n                className={styles.tooltipArrow}\n                style={arrowStyles[placement]}\n              >\n                <polygon points=\"0,0 8,0 4,8\" />\n              </svg>\n            )}\n            {content}\n          </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n      </TooltipPrimitive.Root>\n    </TooltipPrimitive.Provider>\n  );\n};\n"],"names":["jsx","TooltipPrimitive","jsxs","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,cAA0C,CAAC;AAAA,EACtD,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAY,GAAA,KAAA;AAAA,EACZ,SAAY,GAAA,KAAA;AACd,CAAM,KAAA;AACJ,EAAA,MAAM,SAAY,GAAA,CAAA,CAAA;AAElB,EAAA,MAAM,WAAmD,GAAA;AAAA,IACvD,KAAK,EAAE,MAAA,EAAQ,GAAG,IAAM,EAAA,KAAA,EAAO,WAAW,uBAAwB,EAAA;AAAA,IAClE,QAAQ,EAAE,GAAA,EAAK,GAAG,IAAM,EAAA,KAAA,EAAO,WAAW,uCAAwC,EAAA;AAAA,IAClF,MAAM,EAAE,KAAA,EAAO,GAAG,GAAK,EAAA,KAAA,EAAO,WAAW,sCAAuC,EAAA;AAAA,IAChF,OAAO,EAAE,IAAA,EAAM,GAAG,GAAK,EAAA,KAAA,EAAO,WAAW,sCAAuC,EAAA;AAAA,GAClF,CAAA;AAEA,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAO,OAAA,QAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAA,cAAA,CAACC,4BAAiB,QAAjB,EAAA,EACC,0CAACA,2BAAiB,CAAA,IAAA,EAAjB,EAAsB,aAAA,EAAe,GACpC,EAAA,QAAA,EAAA;AAAA,oBAAAD,cAAA,CAACC,2BAAiB,CAAA,OAAA,EAAjB,EAAyB,OAAA,EAAO,MAAE,QAAS,EAAA,CAAA;AAAA,oBAC5CD,cAAA,CAACC,2BAAiB,CAAA,MAAA,EAAjB,EACC,QAAA,kBAAAC,eAAA;AAAA,MAACD,2BAAiB,CAAA,OAAA;AAAA,MAAjB;AAAA,QACC,IAAM,EAAA,SAAA;AAAA,QACN,UAAY,EAAA,CAAA;AAAA,QACZ,WAAWE,2BAAO,CAAA,cAAA;AAAA,QAEjB,QAAA,EAAA;AAAA,UACC,SAAA,oBAAAH,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,KAAO,EAAA,SAAA;AAAA,cACP,MAAQ,EAAA,SAAA;AAAA,cACR,OAAQ,EAAA,SAAA;AAAA,cACR,WAAWG,2BAAO,CAAA,YAAA;AAAA,cAClB,KAAA,EAAO,YAAY,SAAS,CAAA;AAAA,cAE5B,QAAA,kBAAAH,cAAA,CAAC,SAAQ,EAAA,EAAA,MAAA,EAAO,aAAc,EAAA,CAAA;AAAA,aAAA;AAAA,WAChC;AAAA,UAED,OAAA;AAAA,SAAA;AAAA,OAAA;AAAA,KAEL,EAAA,CAAA;AAAA,GAAA,EACF,CACF,EAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/features/LearningManagement/components/SidebarSearch.js

@@ -1,2 +1,39 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),a=require("lucide-react"),r=require("../styles/Sidebar.module.css.js");exports.default=function(n){var t=n.value,i=n.onChange,l=n.placeholder,c=void 0===l?"Search for Rule sets..":l,u=n.searchCount;return s.jsx("div",e.__assign({className:r.default.searchContainer},{children:s.jsx("div",e.__assign({className:r.default.searchWrapper},{children:s.jsxs("div",e.__assign({className:"".concat(r.default.searchInputWrapper," ").concat(t?"pr-2":"")},{children:[s.jsx(a.Search,{size:16,className:r.default.searchIcon}),s.jsx("input",{type:"text",placeholder:c,value:t,onChange:function(e){return i(e.target.value)},className:r.default.searchInput}),t&&s.jsxs("div",e.__assign({className:r.default.searchRightContainer},{children:["number"==typeof u&&s.jsx("span",e.__assign({className:r.default.searchCountBadge},{children:u})),s.jsx("button",e.__assign({onClick:function(){return i("")},className:r.default.searchClearButton},{children:s.jsxs("svg",e.__assign({xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},{children:[s.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),s.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}))}))]}))]}))}))}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
+var Sidebar_module = require('../styles/Sidebar.module.css.js');
+
+const SidebarSearch = ({
+  value,
+  onChange,
+  placeholder = "Search for Rule sets..",
+  searchCount
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: Sidebar_module["default"].searchContainer, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: Sidebar_module["default"].searchWrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${Sidebar_module["default"].searchInputWrapper} ${value ? "pr-2" : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { size: 16, className: Sidebar_module["default"].searchIcon }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "text",
+        placeholder,
+        value,
+        onChange: (e) => onChange(e.target.value),
+        className: Sidebar_module["default"].searchInput
+      }
+    ),
+    value && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Sidebar_module["default"].searchRightContainer, children: [
+      typeof searchCount === "number" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Sidebar_module["default"].searchCountBadge, children: searchCount }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => onChange(""), className: Sidebar_module["default"].searchClearButton, children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+      ] }) })
+    ] })
+  ] }) }) });
+};
+var SidebarSearch$1 = SidebarSearch;
+
+exports["default"] = SidebarSearch$1;
 //# sourceMappingURL=SidebarSearch.js.map

package/dist/cjs/features/LearningManagement/components/SidebarSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarSearch.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"SidebarSearch.js","sources":["../../../../../src/features/LearningManagement/components/SidebarSearch.tsx"],"sourcesContent":["import React from 'react';\nimport { Search, ListFilter } from 'lucide-react';\nimport styles from '../styles/Sidebar.module.css';\n\n/**\n * Props for the SidebarSearch component.\n * Library-ready: fully controlled via props.\n */\ninterface SidebarSearchProps {\n    /** Current search query value */\n    value: string;\n    /** Callback when search value changes */\n    onChange: (value: string) => void;\n    /** Placeholder text for search input (default: \"Search for Rule sets..\") */\n    placeholder?: string;\n    /** Number of matching search results to display */\n    searchCount?: number;\n}\n\n/**\n * Search input component with filter button for the Sidebar.\n * Library-ready: fully controlled via props, uses CSS modules.\n *\n * @param props - Component props\n * @returns JSX element displaying the search input and filter button\n */\nconst SidebarSearch: React.FC<SidebarSearchProps> = ({\n    value,\n    onChange,\n    placeholder = 'Search for Rule sets..',\n    searchCount,\n}) => {\n    return (\n        <div className={styles.searchContainer}>\n            <div className={styles.searchWrapper}>\n                <div className={`${styles.searchInputWrapper} ${value ? 'pr-2' : ''}`}>\n                    <Search size={16} className={styles.searchIcon} />\n                    <input\n                        type=\"text\"\n                        placeholder={placeholder}\n                        value={value}\n                        onChange={(e) => onChange(e.target.value)}\n                        className={styles.searchInput}\n                    />\n                    {value && (\n                      <div className={styles.searchRightContainer}>\n                        {typeof searchCount === 'number' && (\n                          <span className={styles.searchCountBadge}>\n                            {searchCount}\n                          </span>\n                        )}\n                        <button onClick={() => onChange('')} className={styles.searchClearButton}>\n                          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line></svg>\n                        </button>\n                      </div>\n                    )}\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default SidebarSearch;\n"],"names":["jsx","styles","Search","jsxs"],"mappings":";;;;;;;;AA0BA,MAAM,gBAA8C,CAAC;AAAA,EACjD,KAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAc,GAAA,wBAAA;AAAA,EACd,WAAA;AACJ,CAAM,KAAA;AACF,EACI,uBAAAA,cAAA,CAAC,SAAI,SAAW,EAAAC,yBAAA,CAAO,iBACnB,QAAC,kBAAAD,cAAA,CAAA,KAAA,EAAA,EAAI,WAAWC,yBAAO,CAAA,aAAA,EACnB,0CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,GAAGA,yBAAO,CAAA,kBAAkB,IAAI,KAAQ,GAAA,MAAA,GAAS,EAAE,CAC/D,CAAA,EAAA,QAAA,EAAA;AAAA,oBAAAD,cAAA,CAACE,kBAAO,EAAA,EAAA,IAAA,EAAM,EAAI,EAAA,SAAA,EAAWD,0BAAO,UAAY,EAAA,CAAA;AAAA,oBAChDD,cAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACG,IAAK,EAAA,MAAA;AAAA,QACL,WAAA;AAAA,QACA,KAAA;AAAA,QACA,UAAU,CAAC,CAAA,KAAM,QAAS,CAAA,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,QACxC,WAAWC,yBAAO,CAAA,WAAA;AAAA,OAAA;AAAA,KACtB;AAAA,IACC,KACC,oBAAAE,eAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAWF,0BAAO,oBACpB,EAAA,QAAA,EAAA;AAAA,MAAA,OAAO,gBAAgB,QACtB,oBAAAD,cAAA,CAAC,UAAK,SAAW,EAAAC,yBAAA,CAAO,kBACrB,QACH,EAAA,WAAA,EAAA,CAAA;AAAA,sBAEDD,cAAA,CAAA,QAAA,EAAA,EAAO,OAAS,EAAA,MAAM,QAAS,CAAA,EAAE,CAAG,EAAA,SAAA,EAAWC,yBAAO,CAAA,iBAAA,EACrD,QAAC,kBAAAE,eAAA,CAAA,KAAA,EAAA,EAAI,KAAM,EAAA,4BAAA,EAA6B,KAAM,EAAA,IAAA,EAAK,MAAO,EAAA,IAAA,EAAK,OAAQ,EAAA,WAAA,EAAY,IAAK,EAAA,MAAA,EAAO,MAAO,EAAA,cAAA,EAAe,WAAY,EAAA,GAAA,EAAI,aAAc,EAAA,OAAA,EAAQ,gBAAe,OAAQ,EAAA,QAAA,EAAA;AAAA,wBAACH,cAAA,CAAA,MAAA,EAAA,EAAK,IAAG,IAAK,EAAA,EAAA,EAAG,KAAI,EAAG,EAAA,GAAA,EAAI,IAAG,IAAK,EAAA,CAAA;AAAA,wBAAOA,cAAA,CAAC,UAAK,EAAG,EAAA,GAAA,EAAI,IAAG,GAAI,EAAA,EAAA,EAAG,IAAK,EAAA,EAAA,EAAG,IAAK,EAAA,CAAA;AAAA,OAAA,EAAO,CAC1Q,EAAA,CAAA;AAAA,KACF,EAAA,CAAA;AAAA,GAAA,EAEN,GACJ,CACJ,EAAA,CAAA,CAAA;AAER,CAAA,CAAA;AAEA,sBAAe,aAAA;;;;"}

package/dist/cjs/features/LearningManagement/components/Skeleton.js

@@ -1,2 +1,27 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("../styles/skeleton.module.css.js");exports.Skeleton=function(i){var r=i.className,a=i.style,d=i.width,o=i.height,l=i.borderRadius,n=e.__rest(i,["className","style","width","height","borderRadius"]),u=e.__assign(e.__assign(e.__assign(e.__assign({},a),void 0!==d?{width:d}:{}),void 0!==o?{height:o}:{}),void 0!==l?{borderRadius:l}:{}),_=r?"".concat(t.default.skeleton," ").concat(r):t.default.skeleton;return s.jsx("div",e.__assign({className:_,style:u},n))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var skeleton_module = require('../styles/skeleton.module.css.js');
+
+function Skeleton({
+  className,
+  style,
+  width,
+  height,
+  borderRadius,
+  ...props
+}) {
+  const customStyles = {
+    ...style,
+    ...width !== void 0 ? { width } : {},
+    ...height !== void 0 ? { height } : {},
+    ...borderRadius !== void 0 ? { borderRadius } : {}
+  };
+  const combinedClass = className ? `${skeleton_module["default"].skeleton} ${className}` : skeleton_module["default"].skeleton;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: combinedClass, style: customStyles, ...props });
+}
+
+exports.Skeleton = Skeleton;
 //# sourceMappingURL=Skeleton.js.map

package/dist/cjs/features/LearningManagement/components/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Skeleton.js","sources":["../../../../../src/features/LearningManagement/components/Skeleton.tsx"],"sourcesContent":["import React from 'react';\nimport styles from '../styles/skeleton.module.css';\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  width?: string | number;\n  height?: string | number;\n  borderRadius?: string | number;\n}\n\n/**\n * Skeleton component for loading states.\n * Library-ready: No Tailwind dependencies, styled via CSS Module.\n */\nexport function Skeleton({ \n  className, \n  style, \n  width, \n  height, \n  borderRadius, \n  ...props \n}: SkeletonProps) {\n  const customStyles: React.CSSProperties = {\n    ...style,\n    ...(width !== undefined ? { width } : {}),\n    ...(height !== undefined ? { height } : {}),\n    ...(borderRadius !== undefined ? { borderRadius } : {}),\n  };\n\n  const combinedClass = className \n    ? `${styles.skeleton} ${className}` \n    : styles.skeleton;\n\n  return <div className={combinedClass} style={customStyles} {...props} />;\n}\n"],"names":["styles"],"mappings":";;;;;;;AAaO,SAAS,QAAS,CAAA;AAAA,EACvB,SAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,EACA,GAAG,KAAA;AACL,CAAkB,EAAA;AAChB,EAAA,MAAM,YAAoC,GAAA;AAAA,IACxC,GAAG,KAAA;AAAA,IACH,GAAI,KAAU,KAAA,KAAA,CAAA,GAAY,EAAE,KAAA,KAAU,EAAC;AAAA,IACvC,GAAI,MAAW,KAAA,KAAA,CAAA,GAAY,EAAE,MAAA,KAAW,EAAC;AAAA,IACzC,GAAI,YAAiB,KAAA,KAAA,CAAA,GAAY,EAAE,YAAA,KAAiB,EAAC;AAAA,GACvD,CAAA;AAEA,EAAM,MAAA,aAAA,GAAgB,YAClB,CAAG,EAAAA,0BAAA,CAAO,QAAQ,CAAI,CAAA,EAAA,SAAS,KAC/BA,0BAAO,CAAA,QAAA,CAAA;AAEX,EAAA,sCAAQ,KAAI,EAAA,EAAA,SAAA,EAAW,eAAe,KAAO,EAAA,YAAA,EAAe,GAAG,KAAO,EAAA,CAAA,CAAA;AACxE;;;;"}

package/dist/cjs/features/LearningManagement/components/StationOnboarding/DayToggleSelector.js

@@ -1,2 +1,93 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r={display:"flex",gap:"8px",flexWrap:"nowrap",padding:"10px 12px",backgroundColor:"#FAFAFA",border:"1px solid #E2E8F0",borderRadius:"8px",marginTop:"4px",minHeight:"54px",alignItems:"center",width:"70%",boxSizing:"border-box"},n={display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:"6px",fontSize:"0.815rem",fontWeight:500,cursor:"pointer",userSelect:"none",transition:"all 0.15s ease-in-out",height:"34px",flex:"1 0 calc((100% - (6 * 8px)) / 7)",minWidth:"0",position:"relative",boxSizing:"border-box"};exports.default=function(s){var o=s.label,t=s.subText,l=s.required,a=s.options,d=s.selectedValues,x=s.onChange;return i.jsxs("div",e.__assign({style:{display:"flex",flexDirection:"column",width:"100%",marginBottom:"4px"}},{children:[i.jsxs("label",e.__assign({style:{fontSize:"0.875rem",fontWeight:500,color:"#19213D",marginBottom:"2px",display:"block"}},{children:[l&&i.jsx("span",e.__assign({style:{color:"#E53E3E",marginRight:"4px"}},{children:"*"})),o]})),t&&i.jsx("p",e.__assign({style:{margin:"0 0 6px 0",fontSize:"0.75rem",color:"#666F8D",lineHeight:"1.2"}},{children:t})),i.jsx("div",e.__assign({style:r},{children:a.map(function(r){var s=d.includes(String(r.value));return i.jsx("div",e.__assign({onClick:function(){return i=String(r.value),void(d.includes(i)?x(d.filter(function(e){return e!==i})):x(e.__spreadArray(e.__spreadArray([],d,!0),[i],!1)));var i},style:e.__assign(e.__assign({},n),{border:s?"1.5px solid #2563EB":"1px solid #E2E8F0",backgroundColor:s?"#EFF6FF":"#FFFFFF",color:s?"#2563EB":"#64748B",boxShadow:s?"0 1px 2px rgba(37, 99, 235, 0.05)":"0 1px 2px rgba(0, 0, 0, 0.02)"})},{children:i.jsx("span",{children:r.label})}),r.value)})}))]}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const chipContainerStyle = {
+  display: "flex",
+  gap: "8px",
+  flexWrap: "nowrap",
+  padding: "10px 12px",
+  backgroundColor: "#FAFAFA",
+  border: "1px solid #E2E8F0",
+  borderRadius: "8px",
+  marginTop: "4px",
+  minHeight: "54px",
+  alignItems: "center",
+  width: "70%",
+  boxSizing: "border-box"
+};
+const baseChipStyle = {
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  borderRadius: "6px",
+  fontSize: "0.815rem",
+  fontWeight: 500,
+  cursor: "pointer",
+  userSelect: "none",
+  transition: "all 0.15s ease-in-out",
+  height: "34px",
+  flex: "1 0 calc((100% - (6 * 8px)) / 7)",
+  minWidth: "0",
+  position: "relative",
+  boxSizing: "border-box"
+};
+const DayToggleSelector = ({
+  label,
+  subText,
+  required,
+  options,
+  selectedValues,
+  onChange
+}) => {
+  const handleToggle = (value) => {
+    if (selectedValues.includes(value)) {
+      onChange(selectedValues.filter((v) => v !== value));
+    } else {
+      onChange([...selectedValues, value]);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", width: "100%", marginBottom: "4px" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "label",
+      {
+        style: {
+          fontSize: "0.875rem",
+          fontWeight: 500,
+          color: "#19213D",
+          marginBottom: "2px",
+          display: "block"
+        },
+        children: [
+          required && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#E53E3E", marginRight: "4px" }, children: "*" }),
+          label
+        ]
+      }
+    ),
+    subText && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: "0 0 6px 0", fontSize: "0.75rem", color: "#666F8D", lineHeight: "1.2" }, children: subText }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: chipContainerStyle, children: options.map((day) => {
+      const isActive = selectedValues.includes(String(day.value));
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          onClick: () => handleToggle(String(day.value)),
+          style: {
+            ...baseChipStyle,
+            border: isActive ? "1.5px solid #2563EB" : "1px solid #E2E8F0",
+            backgroundColor: isActive ? "#EFF6FF" : "#FFFFFF",
+            color: isActive ? "#2563EB" : "#64748B",
+            boxShadow: isActive ? "0 1px 2px rgba(37, 99, 235, 0.05)" : "0 1px 2px rgba(0, 0, 0, 0.02)"
+          },
+          children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: day.label })
+        },
+        day.value
+      );
+    }) })
+  ] });
+};
+var DayToggleSelector$1 = DayToggleSelector;
+
+exports["default"] = DayToggleSelector$1;
 //# sourceMappingURL=DayToggleSelector.js.map