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

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

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

package/dist/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":[],"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,uBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,GAAG,MAAO,CAAA,IAAI,IAAI,QAAW,GAAA,MAAA,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,wBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,QAAA,EACrB,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,IAAM,EAAA,EAAA,EAAI,WAAa,EAAA,QAAA,GAAW,GAAM,GAAA,CAAA,EAAG,CACnD,EAAA,CAAA;AAAA,wBAEC,GAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,WAAY,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,QAEzC,OAAO,UAAA,KAAe,QACrB,oBAAA,GAAA,CAAC,UAAK,SAAW,EAAA,CAAA,EAAG,MAAO,CAAA,KAAK,IAAI,QAAW,GAAA,MAAA,CAAO,WAAc,GAAA,EAAE,IACnE,QACH,EAAA,UAAA,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAEJ,CAAA;AAEJ;;;;"}

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

@@ -1,2 +1,162 @@
-import{__spreadArray as e,__assign as n}from"tslib";import{jsx as o}from"react/jsx-runtime";import{useState as t,useEffect as i}from"react";import r from"../../styles/ScopeTree.module.css.js";import{findNodePathById as c}from"../../utils/treeUtils.js";import{TreeNode as d}from"./TreeNode.js";import{dt as a}from"../../store/useLMSConfigStore.js";var u=function(u){var s=u.data,l=u.defaultExpandedIds,f=void 0===l?[]:l,m=u.onSectionSelect,p=u.onNodeOptionsClick,C=u.onAddChild,h=u.onRenameChild,S=u.onDeleteChild,v=u.canDeleteScope,w=u.canEditScope,g=u.canCreateScope,E=u.searchQuery,y=void 0===E?"":E,D=u.onSearchCountChange,I=u.sectionsConfig,L=u.nodeTypesConfig,j=u.selectedRuleSetId,x=u.activeSectionId,N=u.menuActionsConfig,T=t(new Set(s?e([s.id],f,!0):f)),A=T[0],R=T[1],k=t(null),O=k[0],P=k[1];i(function(){s&&R(function(e){if(!e.has(s.id)){var n=new Set(e);return n.add(s.id),n}return e})},[null==s?void 0:s.id]),i(function(){if(s&&j&&x){var e=c(s,j);e&&(P({nodePath:e,sectionId:x}),R(function(n){var o=new Set(n);return e.forEach(function(e){return o.add(e)}),o}))}},[s,j,x]),i(function(){if(y&&s){var e=new Set,n=function(o){var t=y.toLowerCase(),i=o.name.toLowerCase().includes(t),r=!1;o.children&&o.children.forEach(function(e){n(e)&&(r=!0)});var c=i||r;return c&&r&&e.add(o.id),c};n(s),R(e)}},[y,s]);var Q=function(e,n){if(!n)return 0;var o=0,t=n.toLowerCase();return e.name.toLowerCase().includes(t)&&o++,e.children&&e.children.forEach(function(e){o+=Q(e,n)}),o};i(function(){D&&s&&D(Q(s,y))},[y,s,D]);return s?o("div",n({className:r.treeContainer},{children:o(d,{node:s,expandedNodeIds:A,activeSelection:O,onToggleExpand:function(e){R(function(n){var o=new Set(n);return o.has(e)?o.delete(e):o.add(e),o})},onSectionSelect:function(e,n){P({nodePath:e,sectionId:n}),m&&m(e[e.length-1],n)},onNodeOptionsClick:function(e){p&&p(e)},onAddChild:function(e,n,o){C&&C(e,n,o)},onRenameChild:function(e,n){h&&h(e,n)},onDeleteChild:function(e,n,o){S&&S(e,n,o)},canDeleteScope:v,canEditScope:w,searchQuery:y,sectionsConfig:I,nodeTypesConfig:L,menuActionsConfig:N,canCreateScope:g,compactView:"true"===a("middleDrawer.scopeDisplayLimit.compactView","false")})})):null};export{u as TreeSidebar};
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import styles from '../../styles/ScopeTree.module.css.js';
+import { findNodePathById } from '../../utils/treeUtils.js';
+import { TreeNode } from './TreeNode.js';
+import { dt } from '../../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] = useState(
+    new Set(data ? [data.id, ...defaultExpandedIds] : defaultExpandedIds)
+  );
+  const [activeSelection, setActiveSelection] = useState(null);
+  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]);
+  useEffect(() => {
+    if (data && selectedRuleSetId && activeSectionIdProp) {
+      const path = 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]);
+  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;
+  };
+  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__ */ jsx("div", { className: styles.treeContainer, children: /* @__PURE__ */ jsx(
+    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: dt("middleDrawer.scopeDisplayLimit.compactView", "false") === "true"
+    }
+  ) });
+};
+
+export { TreeSidebar };
 //# sourceMappingURL=TreeSidebar.js.map

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

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

@@ -1,2 +1,49 @@
-import{__assign as t}from"tslib";import{jsx as r,jsxs as o}from"react/jsx-runtime";import*as e from"@radix-ui/react-tooltip";import i from"../../styles/ScopeTree.module.css.js";var a=function(a){var l=a.content,n=a.children,s=a.placement,d=void 0===s?"top":s,m=a.withArrow,p=void 0!==m&&m;return l?r(e.Provider,{children:o(e.Root,t({delayDuration:100},{children:[r(e.Trigger,t({asChild:!0},{children:n})),r(e.Portal,{children:o(e.Content,t({side:d,sideOffset:4,className:i.tooltipContent},{children:[p&&r("svg",t({width:8,height:8,viewBox:"0 0 8 8",className:i.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)"}}[d]},{children:r("polygon",{points:"0,0 8,0 4,8"})})),l]}))})]}))}):n};export{a as TreeTooltip};
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import styles from '../../styles/ScopeTree.module.css.js';
+
+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__ */ jsx(TooltipPrimitive.Provider, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Root, { delayDuration: 100, children: [
+    /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+      TooltipPrimitive.Content,
+      {
+        side: placement,
+        sideOffset: 4,
+        className: styles.tooltipContent,
+        children: [
+          withArrow && /* @__PURE__ */ jsx(
+            "svg",
+            {
+              width: arrowSize,
+              height: arrowSize,
+              viewBox: "0 0 8 8",
+              className: styles.tooltipArrow,
+              style: arrowStyles[placement],
+              children: /* @__PURE__ */ jsx("polygon", { points: "0,0 8,0 4,8" })
+            }
+          ),
+          content
+        ]
+      }
+    ) })
+  ] }) });
+};
+
+export { TreeTooltip };
 //# sourceMappingURL=TreeTooltip.js.map

package/dist/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":[],"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,uBAAA,GAAA,CAAC,iBAAiB,QAAjB,EAAA,EACC,+BAAC,gBAAiB,CAAA,IAAA,EAAjB,EAAsB,aAAA,EAAe,GACpC,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,gBAAiB,CAAA,OAAA,EAAjB,EAAyB,OAAA,EAAO,MAAE,QAAS,EAAA,CAAA;AAAA,oBAC5C,GAAA,CAAC,gBAAiB,CAAA,MAAA,EAAjB,EACC,QAAA,kBAAA,IAAA;AAAA,MAAC,gBAAiB,CAAA,OAAA;AAAA,MAAjB;AAAA,QACC,IAAM,EAAA,SAAA;AAAA,QACN,UAAY,EAAA,CAAA;AAAA,QACZ,WAAW,MAAO,CAAA,cAAA;AAAA,QAEjB,QAAA,EAAA;AAAA,UACC,SAAA,oBAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,KAAO,EAAA,SAAA;AAAA,cACP,MAAQ,EAAA,SAAA;AAAA,cACR,OAAQ,EAAA,SAAA;AAAA,cACR,WAAW,MAAO,CAAA,YAAA;AAAA,cAClB,KAAA,EAAO,YAAY,SAAS,CAAA;AAAA,cAE5B,QAAA,kBAAA,GAAA,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/features/LearningManagement/components/SidebarSearch.js

@@ -1,2 +1,35 @@
-import{__assign as e}from"tslib";import{jsx as r,jsxs as a}from"react/jsx-runtime";import{Search as n}from"lucide-react";import t from"../styles/Sidebar.module.css.js";var s=function(s){var c=s.value,o=s.onChange,i=s.placeholder,l=void 0===i?"Search for Rule sets..":i,h=s.searchCount;return r("div",e({className:t.searchContainer},{children:r("div",e({className:t.searchWrapper},{children:a("div",e({className:"".concat(t.searchInputWrapper," ").concat(c?"pr-2":"")},{children:[r(n,{size:16,className:t.searchIcon}),r("input",{type:"text",placeholder:l,value:c,onChange:function(e){return o(e.target.value)},className:t.searchInput}),c&&a("div",e({className:t.searchRightContainer},{children:["number"==typeof h&&r("span",e({className:t.searchCountBadge},{children:h})),r("button",e({onClick:function(){return o("")},className:t.searchClearButton},{children:a("svg",e({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:[r("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),r("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}))}))]}))]}))}))}))};export{s as default};
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Search } from 'lucide-react';
+import styles from '../styles/Sidebar.module.css.js';
+
+const SidebarSearch = ({
+  value,
+  onChange,
+  placeholder = "Search for Rule sets..",
+  searchCount
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: styles.searchContainer, children: /* @__PURE__ */ jsx("div", { className: styles.searchWrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.searchInputWrapper} ${value ? "pr-2" : ""}`, children: [
+    /* @__PURE__ */ jsx(Search, { size: 16, className: styles.searchIcon }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        placeholder,
+        value,
+        onChange: (e) => onChange(e.target.value),
+        className: styles.searchInput
+      }
+    ),
+    value && /* @__PURE__ */ jsxs("div", { className: styles.searchRightContainer, children: [
+      typeof searchCount === "number" && /* @__PURE__ */ jsx("span", { className: styles.searchCountBadge, children: searchCount }),
+      /* @__PURE__ */ jsx("button", { onClick: () => onChange(""), className: styles.searchClearButton, children: /* @__PURE__ */ 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__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+        /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+      ] }) })
+    ] })
+  ] }) }) });
+};
+var SidebarSearch$1 = SidebarSearch;
+
+export { SidebarSearch$1 as default };
 //# sourceMappingURL=SidebarSearch.js.map

package/dist/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":[],"mappings":";;;;AA0BA,MAAM,gBAA8C,CAAC;AAAA,EACjD,KAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAc,GAAA,wBAAA;AAAA,EACd,WAAA;AACJ,CAAM,KAAA;AACF,EACI,uBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,iBACnB,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAI,WAAW,MAAO,CAAA,aAAA,EACnB,+BAAC,KAAI,EAAA,EAAA,SAAA,EAAW,GAAG,MAAO,CAAA,kBAAkB,IAAI,KAAQ,GAAA,MAAA,GAAS,EAAE,CAC/D,CAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,IAAA,EAAM,EAAI,EAAA,SAAA,EAAW,OAAO,UAAY,EAAA,CAAA;AAAA,oBAChD,GAAA;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,WAAW,MAAO,CAAA,WAAA;AAAA,OAAA;AAAA,KACtB;AAAA,IACC,KACC,oBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,OAAO,oBACpB,EAAA,QAAA,EAAA;AAAA,MAAA,OAAO,gBAAgB,QACtB,oBAAA,GAAA,CAAC,UAAK,SAAW,EAAA,MAAA,CAAO,kBACrB,QACH,EAAA,WAAA,EAAA,CAAA;AAAA,sBAED,GAAA,CAAA,QAAA,EAAA,EAAO,OAAS,EAAA,MAAM,QAAS,CAAA,EAAE,CAAG,EAAA,SAAA,EAAW,MAAO,CAAA,iBAAA,EACrD,QAAC,kBAAA,IAAA,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,wBAAC,GAAA,CAAA,MAAA,EAAA,EAAK,IAAG,IAAK,EAAA,EAAA,EAAG,KAAI,EAAG,EAAA,GAAA,EAAI,IAAG,IAAK,EAAA,CAAA;AAAA,wBAAO,GAAA,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/features/LearningManagement/components/Skeleton.js

@@ -1,2 +1,23 @@
-import{__rest as e,__assign as t}from"tslib";import{jsx as s}from"react/jsx-runtime";import o from"../styles/skeleton.module.css.js";function i(i){var r=i.className,d=i.style,a=i.width,l=i.height,m=i.borderRadius,c=e(i,["className","style","width","height","borderRadius"]),h=t(t(t(t({},d),void 0!==a?{width:a}:{}),void 0!==l?{height:l}:{}),void 0!==m?{borderRadius:m}:{}),n=r?"".concat(o.skeleton," ").concat(r):o.skeleton;return s("div",t({className:n,style:h},c))}export{i as Skeleton};
+import { jsx } from 'react/jsx-runtime';
+import styles from '../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 ? `${styles.skeleton} ${className}` : styles.skeleton;
+  return /* @__PURE__ */ jsx("div", { className: combinedClass, style: customStyles, ...props });
+}
+
+export { Skeleton };
 //# sourceMappingURL=Skeleton.js.map

package/dist/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":[],"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,EAAA,MAAA,CAAO,QAAQ,CAAI,CAAA,EAAA,SAAS,KAC/B,MAAO,CAAA,QAAA,CAAA;AAEX,EAAA,2BAAQ,KAAI,EAAA,EAAA,SAAA,EAAW,eAAe,KAAO,EAAA,YAAA,EAAe,GAAG,KAAO,EAAA,CAAA,CAAA;AACxE;;;;"}

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

@@ -1,2 +1,89 @@
-import{__assign as e,__spreadArray as i}from"tslib";import{jsxs as r,jsx as n}from"react/jsx-runtime";var o={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"},t={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"},l=function(l){var a=l.label,d=l.subText,p=l.required,s=l.options,x=l.selectedValues,c=l.onChange;return r("div",e({style:{display:"flex",flexDirection:"column",width:"100%",marginBottom:"4px"}},{children:[r("label",e({style:{fontSize:"0.875rem",fontWeight:500,color:"#19213D",marginBottom:"2px",display:"block"}},{children:[p&&n("span",e({style:{color:"#E53E3E",marginRight:"4px"}},{children:"*"})),a]})),d&&n("p",e({style:{margin:"0 0 6px 0",fontSize:"0.75rem",color:"#666F8D",lineHeight:"1.2"}},{children:d})),n("div",e({style:o},{children:s.map(function(r){var o=x.includes(String(r.value));return n("div",e({onClick:function(){return e=String(r.value),void(x.includes(e)?c(x.filter(function(i){return i!==e})):c(i(i([],x,!0),[e],!1)));var e},style:e(e({},t),{border:o?"1.5px solid #2563EB":"1px solid #E2E8F0",backgroundColor:o?"#EFF6FF":"#FFFFFF",color:o?"#2563EB":"#64748B",boxShadow:o?"0 1px 2px rgba(37, 99, 235, 0.05)":"0 1px 2px rgba(0, 0, 0, 0.02)"})},{children:n("span",{children:r.label})}),r.value)})}))]}))};export{l as default};
+import { jsxs, jsx } from '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__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", width: "100%", marginBottom: "4px" }, children: [
+    /* @__PURE__ */ jsxs(
+      "label",
+      {
+        style: {
+          fontSize: "0.875rem",
+          fontWeight: 500,
+          color: "#19213D",
+          marginBottom: "2px",
+          display: "block"
+        },
+        children: [
+          required && /* @__PURE__ */ jsx("span", { style: { color: "#E53E3E", marginRight: "4px" }, children: "*" }),
+          label
+        ]
+      }
+    ),
+    subText && /* @__PURE__ */ jsx("p", { style: { margin: "0 0 6px 0", fontSize: "0.75rem", color: "#666F8D", lineHeight: "1.2" }, children: subText }),
+    /* @__PURE__ */ jsx("div", { style: chipContainerStyle, children: options.map((day) => {
+      const isActive = selectedValues.includes(String(day.value));
+      return /* @__PURE__ */ 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__ */ jsx("span", { children: day.label })
+        },
+        day.value
+      );
+    }) })
+  ] });
+};
+var DayToggleSelector$1 = DayToggleSelector;
+
+export { DayToggleSelector$1 as default };
 //# sourceMappingURL=DayToggleSelector.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DayToggleSelector.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"DayToggleSelector.js","sources":["../../../../../src/features/LearningManagement/components/StationOnboarding/DayToggleSelector.tsx"],"sourcesContent":["import React from 'react';\nimport { SelectOption } from \"./InputField\";\n\nconst chipContainerStyle = {\n  display: 'flex',\n  gap: '8px', \n  flexWrap: 'nowrap' as const, \n  padding: '10px 12px',\n  backgroundColor: '#FAFAFA',\n  border: '1px solid #E2E8F0',\n  borderRadius: '8px',\n  marginTop: '4px',\n  minHeight: '54px',\n  alignItems: 'center',\n  width: '70%',\n  boxSizing: 'border-box' as const,\n};\n\nconst baseChipStyle = {\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  borderRadius: '6px', \n  fontSize: '0.815rem', \n  fontWeight: 500,\n  cursor: 'pointer',\n  userSelect: 'none' as const,\n  transition: 'all 0.15s ease-in-out',\n  height: '34px',\n  flex: '1 0 calc((100% - (6 * 8px)) / 7)',\n  minWidth: '0', \n  position: 'relative' as const,\n  boxSizing: 'border-box' as const,\n};\n\ninterface DayToggleSelectorProps {\n  label: string;\n  subText?: string;\n  required?: boolean;\n  options: SelectOption[];\n  selectedValues: string[];\n  onChange: (updatedValues: string[]) => void;\n}\n\nconst DayToggleSelector: React.FC<DayToggleSelectorProps> = ({\n  label,\n  subText,\n  required,\n  options,\n  selectedValues,\n  onChange,\n}) => {\n  const handleToggle = (value: string) => {\n    if (selectedValues.includes(value)) {\n      onChange(selectedValues.filter((v) => v !== value));\n    } else {\n      onChange([...selectedValues, value]);\n    }\n  };\n\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', width: '100%', marginBottom: '4px' }}>\n      <label \n        style={{ \n          fontSize: '0.875rem', \n          fontWeight: 500, \n          color: '#19213D', \n          marginBottom: '2px',\n          display: 'block' \n        }}\n      >\n        {required && <span style={{ color: '#E53E3E', marginRight: '4px' }}>*</span>}\n        {label}\n      </label>\n      \n      {subText && (\n        <p style={{ margin: '0 0 6px 0', fontSize: '0.75rem', color: '#666F8D', lineHeight: '1.2' }}>\n          {subText}\n        </p>\n      )}\n\n      <div style={chipContainerStyle}>\n        {options.map((day) => {\n          const isActive = selectedValues.includes(String(day.value));\n\n          return (\n            <div\n              key={day.value}\n              onClick={() => handleToggle(String(day.value))}\n              style={{\n                ...baseChipStyle,\n                border: isActive ? '1.5px solid #2563EB' : '1px solid #E2E8F0',\n                backgroundColor: isActive ? '#EFF6FF' : '#FFFFFF',\n                color: isActive ? '#2563EB' : '#64748B',\n                boxShadow: isActive ? '0 1px 2px rgba(37, 99, 235, 0.05)' : '0 1px 2px rgba(0, 0, 0, 0.02)',\n              }}\n            >\n              <span>{day.label}</span>\n              \n              {/* {isActive && (\n                <span \n                  style={{ \n                    position: 'absolute',\n                    right: '6px',\n                    fontSize: '13px', \n                    fontWeight: 'bold',\n                    lineHeight: 1,\n                    color: '#2563EB',\n                    opacity: 0.8,\n                  }}\n                >\n                  &times;\n                </span>\n              )} */}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default DayToggleSelector;"],"names":[],"mappings":"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"}