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

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

@@ -1,2 +1,76 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),a=require("../styles/LearningTemplateManagementSkeleton.module.css.js"),i=require("./Skeleton.js");exports.default=function(){return s.jsxs("div",e.__assign({className:a.default.wrapper},{children:[s.jsxs("div",e.__assign({className:a.default.sidebar},{children:[s.jsx("div",e.__assign({className:a.default.sidebarTabs},{children:s.jsx(i.Skeleton,{height:"40px",borderRadius:"8px"})})),s.jsx("div",e.__assign({className:a.default.sidebarSearch},{children:s.jsxs("div",e.__assign({className:a.default.searchGap},{children:[s.jsx("div",e.__assign({className:a.default.searchBar},{children:s.jsx(i.Skeleton,{height:"40px",borderRadius:"8px"})})),s.jsx("div",e.__assign({className:a.default.searchBtn},{children:s.jsx(i.Skeleton,{height:"40px",borderRadius:"8px"})}))]}))})),s.jsxs("div",e.__assign({className:a.default.sidebarList},{children:[s.jsxs("div",e.__assign({className:a.default.section},{children:[s.jsx(i.Skeleton,{height:"16px",width:"96px"}),s.jsx("div",{children:[1,2].map(function(d){return s.jsx("div",e.__assign({className:a.default.rowCard},{children:s.jsx("div",e.__assign({className:a.default.cardHeader},{children:s.jsxs("div",e.__assign({className:a.default.cardSubHeader},{children:[s.jsx(i.Skeleton,{height:"36px",width:"36px",borderRadius:"8px",style:{flexShrink:0}}),s.jsxs("div",e.__assign({className:a.default.cardTextWrap},{children:[s.jsx(i.Skeleton,{height:"12px",width:"75%"}),s.jsx(i.Skeleton,{height:"8px",width:"50%"})]}))]}))}))}),d)})})]})),s.jsxs("div",e.__assign({className:a.default.section},{children:[s.jsx(i.Skeleton,{height:"16px",width:"96px"}),s.jsx("div",{children:[1].map(function(d){return s.jsx("div",e.__assign({className:a.default.rowCard},{children:s.jsx("div",e.__assign({className:a.default.cardHeader},{children:s.jsxs("div",e.__assign({className:a.default.cardSubHeader},{children:[s.jsx(i.Skeleton,{height:"36px",width:"36px",borderRadius:"8px",style:{flexShrink:0}}),s.jsxs("div",e.__assign({className:a.default.cardTextWrap},{children:[s.jsx(i.Skeleton,{height:"12px",width:"75%"}),s.jsx(i.Skeleton,{height:"8px",width:"50%"})]}))]}))}))}),d)})})]}))]}))]})),s.jsxs("div",e.__assign({className:a.default.content},{children:[s.jsx("div",e.__assign({className:a.default.contentHeader},{children:s.jsxs("div",e.__assign({className:a.default.headerGap},{children:[s.jsxs("div",e.__assign({className:a.default.headerRow},{children:[s.jsxs("div",e.__assign({className:a.default.headerInfo},{children:[s.jsx(i.Skeleton,{height:"40px",width:"40px",borderRadius:"8px"}),s.jsxs("div",e.__assign({className:a.default.headerTextGroup},{children:[s.jsx(i.Skeleton,{height:"24px",width:"192px"}),s.jsx(i.Skeleton,{height:"16px",width:"256px"})]}))]})),s.jsxs("div",e.__assign({className:a.default.headerActions},{children:[s.jsx(i.Skeleton,{height:"36px",width:"96px",borderRadius:"8px"}),s.jsx(i.Skeleton,{height:"36px",width:"36px",borderRadius:"8px"})]}))]})),s.jsx("div",e.__assign({className:a.default.tabsRow},{children:[1,2,3].map(function(d){return s.jsx("div",e.__assign({className:a.default.tabItem},{children:s.jsx(i.Skeleton,{height:"16px",width:"80px"})}),d)})}))]}))})),s.jsx("div",e.__assign({className:a.default.rulesWrapper},{children:s.jsx("div",e.__assign({className:a.default.rulesList},{children:[1,2].map(function(d){return s.jsxs("div",e.__assign({className:a.default.tierContainer},{children:[s.jsx("div",e.__assign({className:a.default.tierHeaderRow},{children:s.jsx(i.Skeleton,{height:"20px",width:"128px"})})),s.jsx("div",e.__assign({className:a.default.tierContainer},{children:[1,2].map(function(d){return s.jsxs("div",e.__assign({className:a.default.ruleItemCard},{children:[s.jsxs("div",e.__assign({className:a.default.ruleCardRow},{children:[s.jsx("div",e.__assign({className:a.default.ruleCardInfo},{children:s.jsxs("div",e.__assign({className:a.default.ruleTitleRow},{children:[s.jsx(i.Skeleton,{height:"16px",width:"192px"}),s.jsx(i.Skeleton,{height:"16px",width:"64px",borderRadius:"9999px"})]}))})),s.jsx(i.Skeleton,{height:"20px",width:"20px",borderRadius:"9999px"})]})),s.jsx("div",e.__assign({className:a.default.ruleCardFooter},{children:s.jsx(i.Skeleton,{height:"12px",width:"80px"})}))]}),d)})}))]}),d)})}))}))]}))]}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var LearningTemplateManagementSkeleton_module = require('../styles/LearningTemplateManagementSkeleton.module.css.js');
+var Skeleton = require('./Skeleton.js');
+
+const LearningTemplateManagementSkeleton = () => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningTemplateManagementSkeleton_module["default"].wrapper, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningTemplateManagementSkeleton_module["default"].sidebar, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningTemplateManagementSkeleton_module["default"].sidebarTabs, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "40px", borderRadius: "8px" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningTemplateManagementSkeleton_module["default"].sidebarSearch, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningTemplateManagementSkeleton_module["default"].searchGap, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningTemplateManagementSkeleton_module["default"].searchBar, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "40px", borderRadius: "8px" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningTemplateManagementSkeleton_module["default"].searchBtn, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "40px", borderRadius: "8px" }) })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningTemplateManagementSkeleton_module["default"].sidebarList, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningTemplateManagementSkeleton_module["default"].section, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "16px", width: "96px" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { children: [1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningTemplateManagementSkeleton_module["default"].rowCard, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningTemplateManagementSkeleton_module["default"].cardHeader, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningTemplateManagementSkeleton_module["default"].cardSubHeader, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "36px", width: "36px", borderRadius: "8px", style: { flexShrink: 0 } }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningTemplateManagementSkeleton_module["default"].cardTextWrap, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "12px", width: "75%" }),
+              /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "8px", width: "50%" })
+            ] })
+          ] }) }) }, i)) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningTemplateManagementSkeleton_module["default"].section, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "16px", width: "96px" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { children: [1].map((i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningTemplateManagementSkeleton_module["default"].rowCard, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningTemplateManagementSkeleton_module["default"].cardHeader, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningTemplateManagementSkeleton_module["default"].cardSubHeader, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "36px", width: "36px", borderRadius: "8px", style: { flexShrink: 0 } }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningTemplateManagementSkeleton_module["default"].cardTextWrap, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "12px", width: "75%" }),
+              /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "8px", width: "50%" })
+            ] })
+          ] }) }) }, i)) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningTemplateManagementSkeleton_module["default"].content, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningTemplateManagementSkeleton_module["default"].contentHeader, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningTemplateManagementSkeleton_module["default"].headerGap, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningTemplateManagementSkeleton_module["default"].headerRow, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningTemplateManagementSkeleton_module["default"].headerInfo, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "40px", width: "40px", borderRadius: "8px" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningTemplateManagementSkeleton_module["default"].headerTextGroup, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "24px", width: "192px" }),
+              /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "16px", width: "256px" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningTemplateManagementSkeleton_module["default"].headerActions, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "36px", width: "96px", borderRadius: "8px" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "36px", width: "36px", borderRadius: "8px" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningTemplateManagementSkeleton_module["default"].tabsRow, children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningTemplateManagementSkeleton_module["default"].tabItem, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "16px", width: "80px" }) }, i)) })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningTemplateManagementSkeleton_module["default"].rulesWrapper, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningTemplateManagementSkeleton_module["default"].rulesList, children: [1, 2].map((tier) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningTemplateManagementSkeleton_module["default"].tierContainer, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningTemplateManagementSkeleton_module["default"].tierHeaderRow, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "20px", width: "128px" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningTemplateManagementSkeleton_module["default"].tierContainer, children: [1, 2].map((rule) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningTemplateManagementSkeleton_module["default"].ruleItemCard, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningTemplateManagementSkeleton_module["default"].ruleCardRow, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningTemplateManagementSkeleton_module["default"].ruleCardInfo, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningTemplateManagementSkeleton_module["default"].ruleTitleRow, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "16px", width: "192px" }),
+              /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "16px", width: "64px", borderRadius: "9999px" })
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "20px", width: "20px", borderRadius: "9999px" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningTemplateManagementSkeleton_module["default"].ruleCardFooter, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "12px", width: "80px" }) })
+        ] }, rule)) })
+      ] }, tier)) }) })
+    ] })
+  ] });
+};
+var LearningTemplateManagementSkeleton$1 = LearningTemplateManagementSkeleton;
+
+exports["default"] = LearningTemplateManagementSkeleton$1;
 //# sourceMappingURL=LearningTemplateManagementSkeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LearningTemplateManagementSkeleton.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"LearningTemplateManagementSkeleton.js","sources":["../../../../../src/features/LearningManagement/components/LearningTemplateManagementSkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport styles from '../styles/LearningTemplateManagementSkeleton.module.css';\nimport { Skeleton } from './Skeleton';\n\n/**\n * Loading skeleton for the Rule Template Management interface.\n * Library-ready: Uses CSS Modules, pure CSS styling, and library-compatible Skeleton component.\n */\nconst LearningTemplateManagementSkeleton = () => {\n    return (\n        <div className={styles.wrapper}>\n            {/* Sidebar Skeleton */}\n            <div className={styles.sidebar}>\n                {/* Tabs */}\n                <div className={styles.sidebarTabs}>\n                    <Skeleton height=\"40px\" borderRadius=\"8px\" />\n                </div>\n\n                {/* Search */}\n                <div className={styles.sidebarSearch}>\n                    <div className={styles.searchGap}>\n                        <div className={styles.searchBar}>\n                            <Skeleton height=\"40px\" borderRadius=\"8px\" />\n                        </div>\n                        <div className={styles.searchBtn}>\n                            <Skeleton height=\"40px\" borderRadius=\"8px\" />\n                        </div>\n                    </div>\n                </div>\n\n                {/* Rule Sets List */}\n                <div className={styles.sidebarList}>\n                    {/* Section 1 */}\n                    <div className={styles.section}>\n                        <Skeleton height=\"16px\" width=\"96px\" />\n                        <div>\n                            {[1, 2].map((i) => (\n                                <div key={i} className={styles.rowCard}>\n                                    <div className={styles.cardHeader}>\n                                        <div className={styles.cardSubHeader}>\n                                            <Skeleton height=\"36px\" width=\"36px\" borderRadius=\"8px\" style={{ flexShrink: 0 }} />\n                                            <div className={styles.cardTextWrap}>\n                                                <Skeleton height=\"12px\" width=\"75%\" />\n                                                <Skeleton height=\"8px\" width=\"50%\" />\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            ))}\n                        </div>\n                    </div>\n                    {/* Section 2 */}\n                    <div className={styles.section}>\n                        <Skeleton height=\"16px\" width=\"96px\" />\n                        <div>\n                            {[1].map((i) => (\n                                <div key={i} className={styles.rowCard}>\n                                    <div className={styles.cardHeader}>\n                                        <div className={styles.cardSubHeader}>\n                                            <Skeleton height=\"36px\" width=\"36px\" borderRadius=\"8px\" style={{ flexShrink: 0 }} />\n                                            <div className={styles.cardTextWrap}>\n                                                <Skeleton height=\"12px\" width=\"75%\" />\n                                                <Skeleton height=\"8px\" width=\"50%\" />\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            ))}\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            {/* Content Skeleton */}\n            <div className={styles.content}>\n                {/* Header Area */}\n                <div className={styles.contentHeader}>\n                    <div className={styles.headerGap}>\n                        <div className={styles.headerRow}>\n                            <div className={styles.headerInfo}>\n                                <Skeleton height=\"40px\" width=\"40px\" borderRadius=\"8px\" />\n                                <div className={styles.headerTextGroup}>\n                                    <Skeleton height=\"24px\" width=\"192px\" />\n                                    <Skeleton height=\"16px\" width=\"256px\" />\n                                </div>\n                            </div>\n                            <div className={styles.headerActions}>\n                                <Skeleton height=\"36px\" width=\"96px\" borderRadius=\"8px\" />\n                                <Skeleton height=\"36px\" width=\"36px\" borderRadius=\"8px\" />\n                            </div>\n                        </div>\n\n                        {/* Tabs */}\n                        <div className={styles.tabsRow}>\n                            {[1, 2, 3].map(i => (\n                                <div key={i} className={styles.tabItem}>\n                                    <Skeleton height=\"16px\" width=\"80px\" />\n                                </div>\n                            ))}\n                        </div>\n                    </div>\n                </div>\n\n                {/* Rules List */}\n                <div className={styles.rulesWrapper}>\n                    <div className={styles.rulesList}>\n                        {/* Tier Group */}\n                        {[1, 2].map(tier => (\n                            <div key={tier} className={styles.tierContainer}>\n                                <div className={styles.tierHeaderRow}>\n                                    <Skeleton height=\"20px\" width=\"128px\" />\n                                </div>\n                                <div className={styles.tierContainer}>\n                                    {[1, 2].map(rule => (\n                                        <div key={rule} className={styles.ruleItemCard}>\n                                            <div className={styles.ruleCardRow}>\n                                                <div className={styles.ruleCardInfo}>\n                                                    <div className={styles.ruleTitleRow}>\n                                                        <Skeleton height=\"16px\" width=\"192px\" />\n                                                        <Skeleton height=\"16px\" width=\"64px\" borderRadius=\"9999px\" />\n                                                    </div>\n                                                </div>\n                                                <Skeleton height=\"20px\" width=\"20px\" borderRadius=\"9999px\" />\n                                            </div>\n                                            <div className={styles.ruleCardFooter}>\n                                                <Skeleton height=\"12px\" width=\"80px\" />\n                                            </div>\n                                        </div>\n                                    ))}\n                                </div>\n                            </div>\n                        ))}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default LearningTemplateManagementSkeleton;\n"],"names":["jsxs","styles","jsx","Skeleton"],"mappings":"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"}

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

@@ -1,2 +1,109 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material/Box"),a=require("../../../adapters/creativeWorkspaceAdapter.js"),n=require("../styles/PromptTextEditor.module.css.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(r),s=o(i),l=function(r){var i,o=r.value,l=r.onChange,d=r.placeholder,c=r.maxLength,p=r.title,f=r.description,m=r.minHeight,h=void 0===m?"270px":m,g=r.maxHeight,x=void 0===g?"420px":g,v=r.minWidth,b=r.maxWidth,y=r.className,W=r.style,j=r.sx,_=a.useCreativeWorkspaceAdapter().AIPromptEditor,C=u.default.useRef(null),N=u.default.useState("light"),k=N[0],q=N[1],P="number"==typeof c&&Number.isFinite(c)&&c>=0?Math.floor(c):void 0,w=u.default.useCallback(function(e){l(void 0===P?e:e.slice(0,P))},[P,l]);return u.default.useEffect(function(){var e=C.current;if(e&&"undefined"!=typeof window){var t=window.getComputedStyle(e),r=[t.getPropertyValue("--il-input-bg"),t.getPropertyValue("--il-surface"),t.getPropertyValue("--il-bg"),t.backgroundColor].find(function(e){var t=e.trim();return t&&!t.startsWith("var(")&&!t.startsWith("color-mix(")})||t.backgroundColor;q(function(e){var t=e.trim();if(!t||t.startsWith("var(")||t.startsWith("color-mix("))return!1;var r=t.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i),i=t.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)/i),a=null;if(r){var n=3===r[1].length?r[1].split("").map(function(e){return"".concat(e).concat(e)}).join(""):r[1];a=[parseInt(n.slice(0,2),16),parseInt(n.slice(2,4),16),parseInt(n.slice(4,6),16)]}else i&&(a=[Number(i[1]),Number(i[2]),Number(i[3])]);if(!a)return!1;var o=a.map(function(e){var t=e/255;return t<=.03928?t/12.92:Math.pow((t+.055)/1.055,2.4)});return.2126*o[0]+.7152*o[1]+.0722*o[2]<.45}(r)?"dark":"light")}},[]),t.jsx(s.default,e.__assign({ref:C,className:[n.default.promptTextEditorWrapper,y].filter(Boolean).join(" "),style:e.__assign(e.__assign({},W||{}),(i={},i["--pte-max-height"]=x,i)),sx:j},{children:t.jsx(_,{value:o,onChange:w,placeholder:d,maxLength:P,title:p,description:f,minHeight:h,maxHeight:x,minWidth:v,maxWidth:b,defaultTheme:k,className:"".concat(n.default.promptTextEditorInner," prompt-text-editor-inner")},k)}))};exports.default=l;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var Box = require('@mui/material/Box');
+var creativeWorkspaceAdapter = require('../../../adapters/creativeWorkspaceAdapter.js');
+var PromptTextEditor_module = require('../styles/PromptTextEditor.module.css.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Box__default = /*#__PURE__*/_interopDefaultLegacy(Box);
+
+const isDarkCssColor = (value) => {
+  const trimmed = value.trim();
+  if (!trimmed || trimmed.startsWith("var(") || trimmed.startsWith("color-mix(")) {
+    return false;
+  }
+  const hex = trimmed.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);
+  const rgb = trimmed.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)/i);
+  let channels = null;
+  if (hex) {
+    const raw = hex[1].length === 3 ? hex[1].split("").map((char) => `${char}${char}`).join("") : hex[1];
+    channels = [
+      parseInt(raw.slice(0, 2), 16),
+      parseInt(raw.slice(2, 4), 16),
+      parseInt(raw.slice(4, 6), 16)
+    ];
+  } else if (rgb) {
+    channels = [Number(rgb[1]), Number(rgb[2]), Number(rgb[3])];
+  }
+  if (!channels) return false;
+  const [red, green, blue] = channels.map((channel) => {
+    const normalized = channel / 255;
+    return normalized <= 0.03928 ? normalized / 12.92 : ((normalized + 0.055) / 1.055) ** 2.4;
+  });
+  return 0.2126 * red + 0.7152 * green + 0.0722 * blue < 0.45;
+};
+const PromptTextEditor = ({
+  value,
+  onChange,
+  placeholder,
+  maxLength,
+  title,
+  description,
+  minHeight = "270px",
+  maxHeight = "420px",
+  minWidth,
+  maxWidth,
+  className,
+  style,
+  sx
+}) => {
+  const { AIPromptEditor } = creativeWorkspaceAdapter.useCreativeWorkspaceAdapter();
+  const wrapperRef = React__default["default"].useRef(null);
+  const [editorTheme, setEditorTheme] = React__default["default"].useState("light");
+  const normalizedMaxLength = typeof maxLength === "number" && Number.isFinite(maxLength) && maxLength >= 0 ? Math.floor(maxLength) : void 0;
+  const handleChange = React__default["default"].useCallback((nextValue) => {
+    onChange(normalizedMaxLength === void 0 ? nextValue : nextValue.slice(0, normalizedMaxLength));
+  }, [normalizedMaxLength, onChange]);
+  React__default["default"].useEffect(() => {
+    const element = wrapperRef.current;
+    if (!element || typeof window === "undefined") return;
+    const computedStyle = window.getComputedStyle(element);
+    const themedBackground = [
+      computedStyle.getPropertyValue("--il-input-bg"),
+      computedStyle.getPropertyValue("--il-surface"),
+      computedStyle.getPropertyValue("--il-bg"),
+      computedStyle.backgroundColor
+    ].find((value2) => {
+      const trimmed = value2.trim();
+      return trimmed && !trimmed.startsWith("var(") && !trimmed.startsWith("color-mix(");
+    }) || computedStyle.backgroundColor;
+    setEditorTheme(isDarkCssColor(themedBackground) ? "dark" : "light");
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box__default["default"],
+    {
+      ref: wrapperRef,
+      className: [PromptTextEditor_module["default"].promptTextEditorWrapper, className].filter(Boolean).join(" "),
+      style: { ...style || {}, ["--pte-max-height"]: maxHeight },
+      sx,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        AIPromptEditor,
+        {
+          value,
+          onChange: handleChange,
+          placeholder,
+          maxLength: normalizedMaxLength,
+          title,
+          description,
+          minHeight,
+          maxHeight,
+          minWidth,
+          maxWidth,
+          defaultTheme: editorTheme,
+          className: `${PromptTextEditor_module["default"].promptTextEditorInner} prompt-text-editor-inner`
+        },
+        editorTheme
+      )
+    }
+  );
+};
+var PromptTextEditor$1 = PromptTextEditor;
+
+exports["default"] = PromptTextEditor$1;
 //# sourceMappingURL=PromptTextEditor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PromptTextEditor.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"PromptTextEditor.js","sources":["../../../../../src/features/LearningManagement/components/PromptTextEditor.tsx"],"sourcesContent":["import React from 'react';\nimport Box, { BoxProps } from '@mui/material/Box';\nimport { useCreativeWorkspaceAdapter } from '../../../adapters/creativeWorkspaceAdapter';\nimport styles from '../styles/PromptTextEditor.module.css';\nimport '../styles/PromptTextEditorOverrides.css';\n\nconst isDarkCssColor = (value: string): boolean => {\n  const trimmed = value.trim();\n  if (!trimmed || trimmed.startsWith('var(') || trimmed.startsWith('color-mix(')) {\n    return false;\n  }\n\n  const hex = trimmed.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);\n  const rgb = trimmed.match(/^rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)/i);\n  let channels: number[] | null = null;\n\n  if (hex) {\n    const raw = hex[1].length === 3\n      ? hex[1].split('').map((char) => `${char}${char}`).join('')\n      : hex[1];\n    channels = [\n      parseInt(raw.slice(0, 2), 16),\n      parseInt(raw.slice(2, 4), 16),\n      parseInt(raw.slice(4, 6), 16),\n    ];\n  } else if (rgb) {\n    channels = [Number(rgb[1]), Number(rgb[2]), Number(rgb[3])];\n  }\n\n  if (!channels) return false;\n\n  const [red, green, blue] = channels.map((channel) => {\n    const normalized = channel / 255;\n    return normalized <= 0.03928\n      ? normalized / 12.92\n      : ((normalized + 0.055) / 1.055) ** 2.4;\n  });\n\n  return (0.2126 * red + 0.7152 * green + 0.0722 * blue) < 0.45;\n};\n\n/**\n * Props accepted by the underlying `AIPromptEditor` from\n * Creative Workspace adapter supplied by the host application.\n */\nexport interface PromptTextEditorProps {\n  value: string;\n  onChange: (value: string) => void;\n  placeholder?: string;\n  /** Maximum number of characters accepted by the editor. Omit for no limit. */\n  maxLength?: number;\n  title?: string;\n  description?: string;\n  minHeight?: string;\n  maxHeight?: string;\n  minWidth?: string;\n  maxWidth?: string;\n  /** Class name applied to our wrapper container (merged with default card styling) */\n  className?: string;\n  /** Inline style applied to our wrapper container */\n  style?: React.CSSProperties;\n  /** MUI `sx` prop applied to the wrapper `Box`, for theme-aware/responsive overrides */\n  sx?: BoxProps['sx'];\n}\n\n/**\n * Local wrapper around the library's `AIPromptEditor`.\n *\n * We resolve this component through `ComponentRegistry` instead of pointing\n * directly at `m.AIPromptEditor` so that:\n *  - We can pass a different/extended prop set (className, style, sx) without\n *    touching the library.\n *  - We can style the *container* the editor sits in (card look: border,\n *    radius, shadow, spacing) since the library itself ships unstyled here —\n *    its internal markup relies on Tailwind utility classes that this app\n *    doesn't compile, so the toolbar/buttons render plain by design. This\n *    wrapper only dresses up the outer shell; it does not attempt to\n *    reproduce the library's internal Tailwind-dependent styling.\n *\n * @param props - Component props\n * @returns JSX element wrapping AIPromptEditor with custom container styling\n */\nconst PromptTextEditor: React.FC<PromptTextEditorProps> = ({\n  value,\n  onChange,\n  placeholder,\n  maxLength,\n  title,\n  description,\n  minHeight = '270px',\n  maxHeight = '420px',\n  minWidth,\n  maxWidth,\n  className,\n  style,\n  sx,\n}) => {\n  const { AIPromptEditor } = useCreativeWorkspaceAdapter();\n  const wrapperRef = React.useRef<HTMLDivElement | null>(null);\n  const [editorTheme, setEditorTheme] = React.useState<'light' | 'dark'>('light');\n  const normalizedMaxLength = typeof maxLength === 'number'\n    && Number.isFinite(maxLength)\n    && maxLength >= 0\n    ? Math.floor(maxLength)\n    : undefined;\n  // Also enforce the limit for custom host adapters.\n  const handleChange = React.useCallback((nextValue: string) => {\n    onChange(normalizedMaxLength === undefined\n      ? nextValue\n      : nextValue.slice(0, normalizedMaxLength));\n  }, [normalizedMaxLength, onChange]);\n\n  React.useEffect(() => {\n    const element = wrapperRef.current;\n    if (!element || typeof window === 'undefined') return;\n\n    const computedStyle = window.getComputedStyle(element);\n    const themedBackground = [\n      computedStyle.getPropertyValue('--il-input-bg'),\n      computedStyle.getPropertyValue('--il-surface'),\n      computedStyle.getPropertyValue('--il-bg'),\n      computedStyle.backgroundColor,\n    ].find((value) => {\n      const trimmed = value.trim();\n      return trimmed && !trimmed.startsWith('var(') && !trimmed.startsWith('color-mix(');\n    }) || computedStyle.backgroundColor;\n\n    setEditorTheme(isDarkCssColor(themedBackground) ? 'dark' : 'light');\n  }, []);\n\n  return (\n    <Box\n      ref={wrapperRef}\n      className={[styles.promptTextEditorWrapper, className].filter(Boolean).join(' ')}\n      // Expose maxHeight to the CSS override as a custom property so the\n      // container can be given a *definite* height (see\n      // PromptTextEditorOverrides.css). Kept in sync with the `maxHeight`\n      // prop below so the two never drift.\n      style={{ ...(style || {}), ['--pte-max-height' as string]: maxHeight }}\n      sx={sx}\n    >\n      <AIPromptEditor\n        value={value}\n        onChange={handleChange}\n        placeholder={placeholder}\n        maxLength={normalizedMaxLength}\n        title={title}\n        description={description}\n        minHeight={minHeight}\n        maxHeight={maxHeight}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        defaultTheme={editorTheme}\n        key={editorTheme}\n        className={`${styles.promptTextEditorInner} prompt-text-editor-inner`}\n      />\n    </Box>\n  );\n};\n\nexport default PromptTextEditor;\n"],"names":["useCreativeWorkspaceAdapter","React","value","jsx","Box","styles"],"mappings":"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"}

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

@@ -1,2 +1,45 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),a=require("../styles/LearningContentSkeleton.module.css.js"),i=require("./Skeleton.js");exports.default=function(){return s.jsxs("div",e.__assign({className:a.default.content},{children:[s.jsx("div",e.__assign({className:a.default.contentHeader},{children:s.jsxs("div",e.__assign({className:a.default.headerGap},{children:[s.jsxs("div",e.__assign({className:a.default.headerRow},{children:[s.jsxs("div",e.__assign({className:a.default.headerInfo},{children:[s.jsx(i.Skeleton,{height:"40px",width:"40px",borderRadius:"8px"}),s.jsxs("div",e.__assign({className:a.default.headerTextGroup},{children:[s.jsx(i.Skeleton,{height:"24px",width:"192px"}),s.jsx(i.Skeleton,{height:"16px",width:"256px"})]}))]})),s.jsxs("div",e.__assign({className:a.default.headerActions},{children:[s.jsx(i.Skeleton,{height:"36px",width:"96px",borderRadius:"8px"}),s.jsx(i.Skeleton,{height:"36px",width:"36px",borderRadius:"8px"})]}))]})),s.jsx("div",e.__assign({className:a.default.tabsRow},{children:[1,2,3].map(function(d){return s.jsx("div",e.__assign({className:a.default.tabItem},{children:s.jsx(i.Skeleton,{height:"16px",width:"80px"})}),d)})}))]}))})),s.jsx("div",e.__assign({className:a.default.rulesWrapper},{children:s.jsx("div",e.__assign({className:a.default.rulesList},{children:[1,2].map(function(d){return s.jsxs("div",e.__assign({className:a.default.tierContainer},{children:[s.jsx("div",e.__assign({className:a.default.tierHeaderRow},{children:s.jsx(i.Skeleton,{height:"20px",width:"128px"})})),s.jsx("div",e.__assign({className:a.default.tierContainer},{children:[1,2].map(function(d){return s.jsxs("div",e.__assign({className:a.default.ruleItemCard},{children:[s.jsxs("div",e.__assign({className:a.default.ruleCardRow},{children:[s.jsx("div",e.__assign({className:a.default.ruleCardInfo},{children:s.jsxs("div",e.__assign({className:a.default.ruleTitleRow},{children:[s.jsx(i.Skeleton,{height:"16px",width:"192px"}),s.jsx(i.Skeleton,{height:"16px",width:"64px",borderRadius:"9999px"})]}))})),s.jsx(i.Skeleton,{height:"20px",width:"20px",borderRadius:"9999px"})]})),s.jsx("div",e.__assign({className:a.default.ruleCardFooter},{children:s.jsx(i.Skeleton,{height:"12px",width:"80px"})}))]}),d)})}))]}),d)})}))}))]}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var LearningContentSkeleton_module = require('../styles/LearningContentSkeleton.module.css.js');
+var Skeleton = require('./Skeleton.js');
+
+const RuleContentSkeleton = () => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningContentSkeleton_module["default"].content, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningContentSkeleton_module["default"].contentHeader, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningContentSkeleton_module["default"].headerGap, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningContentSkeleton_module["default"].headerRow, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningContentSkeleton_module["default"].headerInfo, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "40px", width: "40px", borderRadius: "8px" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningContentSkeleton_module["default"].headerTextGroup, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "24px", width: "192px" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "16px", width: "256px" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningContentSkeleton_module["default"].headerActions, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "36px", width: "96px", borderRadius: "8px" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "36px", width: "36px", borderRadius: "8px" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningContentSkeleton_module["default"].tabsRow, children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningContentSkeleton_module["default"].tabItem, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "16px", width: "80px" }) }, i)) })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningContentSkeleton_module["default"].rulesWrapper, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningContentSkeleton_module["default"].rulesList, children: [1, 2].map((tier) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningContentSkeleton_module["default"].tierContainer, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningContentSkeleton_module["default"].tierHeaderRow, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "20px", width: "128px" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningContentSkeleton_module["default"].tierContainer, children: [1, 2].map((rule) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningContentSkeleton_module["default"].ruleItemCard, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningContentSkeleton_module["default"].ruleCardRow, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningContentSkeleton_module["default"].ruleCardInfo, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningContentSkeleton_module["default"].ruleTitleRow, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "16px", width: "192px" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "16px", width: "64px", borderRadius: "9999px" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "20px", width: "20px", borderRadius: "9999px" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningContentSkeleton_module["default"].ruleCardFooter, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton.Skeleton, { height: "12px", width: "80px" }) })
+      ] }, rule)) })
+    ] }, tier)) }) })
+  ] });
+};
+var RuleContentSkeleton$1 = RuleContentSkeleton;
+
+exports["default"] = RuleContentSkeleton$1;
 //# sourceMappingURL=RuleContentSkeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RuleContentSkeleton.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"RuleContentSkeleton.js","sources":["../../../../../src/features/LearningManagement/components/RuleContentSkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport styles from '../styles/LearningContentSkeleton.module.css';\nimport { Skeleton } from '../components/Skeleton';\n\n/**\n * Loading skeleton for the Rule Content area.\n * Library-ready: Uses CSS Modules, pure CSS styling, and library-compatible Skeleton component.\n */\nconst RuleContentSkeleton = () => {\n    return (\n        <div className={styles.content}>\n            {/* Header Area */}\n            <div className={styles.contentHeader}>\n                <div className={styles.headerGap}>\n                    <div className={styles.headerRow}>\n                        <div className={styles.headerInfo}>\n                            <Skeleton height=\"40px\" width=\"40px\" borderRadius=\"8px\" />\n                            <div className={styles.headerTextGroup}>\n                                <Skeleton height=\"24px\" width=\"192px\" />\n                                <Skeleton height=\"16px\" width=\"256px\" />\n                            </div>\n                        </div>\n                        <div className={styles.headerActions}>\n                            <Skeleton height=\"36px\" width=\"96px\" borderRadius=\"8px\" />\n                            <Skeleton height=\"36px\" width=\"36px\" borderRadius=\"8px\" />\n                        </div>\n                    </div>\n\n                    {/* Tabs */}\n                    <div className={styles.tabsRow}>\n                        {[1, 2, 3].map(i => (\n                            <div key={i} className={styles.tabItem}>\n                                <Skeleton height=\"16px\" width=\"80px\" />\n                            </div>\n                        ))}\n                    </div>\n                </div>\n            </div>\n\n            {/* Rules List */}\n            <div className={styles.rulesWrapper}>\n                <div className={styles.rulesList}>\n                    {/* Tier Group */}\n                    {[1, 2].map(tier => (\n                        <div key={tier} className={styles.tierContainer}>\n                            <div className={styles.tierHeaderRow}>\n                                <Skeleton height=\"20px\" width=\"128px\" />\n                            </div>\n                            <div className={styles.tierContainer}>\n                                {[1, 2].map(rule => (\n                                    <div key={rule} className={styles.ruleItemCard}>\n                                        <div className={styles.ruleCardRow}>\n                                            <div className={styles.ruleCardInfo}>\n                                                <div className={styles.ruleTitleRow}>\n                                                    <Skeleton height=\"16px\" width=\"192px\" />\n                                                    <Skeleton height=\"16px\" width=\"64px\" borderRadius=\"9999px\" />\n                                                </div>\n                                            </div>\n                                            <Skeleton height=\"20px\" width=\"20px\" borderRadius=\"9999px\" />\n                                        </div>\n                                        <div className={styles.ruleCardFooter}>\n                                            <Skeleton height=\"12px\" width=\"80px\" />\n                                        </div>\n                                    </div>\n                                ))}\n                            </div>\n                        </div>\n                    ))}\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default RuleContentSkeleton;\n"],"names":["jsxs","styles","jsx","Skeleton"],"mappings":";;;;;;;;AAQA,MAAM,sBAAsB,MAAM;AAC9B,EAAA,uBACKA,eAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAC,yCAAA,CAAO,OAEnB,EAAA,QAAA,EAAA;AAAA,oBAACC,cAAA,CAAA,KAAA,EAAA,EAAI,WAAWD,yCAAO,CAAA,aAAA,EACnB,0CAAC,KAAI,EAAA,EAAA,SAAA,EAAWA,0CAAO,SACnB,EAAA,QAAA,EAAA;AAAA,sBAACD,eAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAC,yCAAA,CAAO,SACnB,EAAA,QAAA,EAAA;AAAA,wBAACD,eAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAC,yCAAA,CAAO,UACnB,EAAA,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAACC,qBAAS,MAAO,EAAA,MAAA,EAAO,KAAM,EAAA,MAAA,EAAO,cAAa,KAAM,EAAA,CAAA;AAAA,0BACvDH,eAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAC,yCAAA,CAAO,eACnB,EAAA,QAAA,EAAA;AAAA,4BAAAC,cAAA,CAACC,iBAAS,EAAA,EAAA,MAAA,EAAO,MAAO,EAAA,KAAA,EAAM,OAAQ,EAAA,CAAA;AAAA,4BACrCD,cAAA,CAAAC,iBAAA,EAAA,EAAS,MAAO,EAAA,MAAA,EAAO,OAAM,OAAQ,EAAA,CAAA;AAAA,WAC1C,EAAA,CAAA;AAAA,SACJ,EAAA,CAAA;AAAA,wBACCH,eAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAC,yCAAA,CAAO,aACnB,EAAA,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAACC,qBAAS,MAAO,EAAA,MAAA,EAAO,KAAM,EAAA,MAAA,EAAO,cAAa,KAAM,EAAA,CAAA;AAAA,yCACvDA,iBAAS,EAAA,EAAA,MAAA,EAAO,QAAO,KAAM,EAAA,MAAA,EAAO,cAAa,KAAM,EAAA,CAAA;AAAA,SAC5D,EAAA,CAAA;AAAA,OACJ,EAAA,CAAA;AAAA,sBAGAD,cAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAWD,yCAAO,CAAA,OAAA,EAClB,QAAC,EAAA,CAAA,CAAA,EAAG,CAAG,EAAA,CAAC,CAAE,CAAA,GAAA,CAAI,CACX,CAAA,qBAAAC,cAAA,CAAC,SAAY,SAAW,EAAAD,yCAAA,CAAO,OAC3B,EAAA,QAAA,kBAAAC,cAAA,CAACC,iBAAS,EAAA,EAAA,MAAA,EAAO,MAAO,EAAA,KAAA,EAAM,MAAO,EAAA,CAAA,EAAA,EAD/B,CAEV,CACH,CACL,EAAA,CAAA;AAAA,KAAA,EACJ,CACJ,EAAA,CAAA;AAAA,oBAGAD,cAAA,CAAC,SAAI,SAAW,EAAAD,yCAAA,CAAO,cACnB,QAAC,kBAAAC,cAAA,CAAA,KAAA,EAAA,EAAI,WAAWD,yCAAO,CAAA,SAAA,EAElB,WAAC,CAAG,EAAA,CAAC,EAAE,GAAI,CAAA,CAAA,IAAA,qCACP,KAAe,EAAA,EAAA,SAAA,EAAWA,0CAAO,aAC9B,EAAA,QAAA,EAAA;AAAA,sBAACC,cAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAD,yCAAA,CAAO,aACnB,EAAA,QAAA,kBAAAC,cAAA,CAACC,qBAAS,MAAO,EAAA,MAAA,EAAO,KAAM,EAAA,OAAA,EAAQ,CAC1C,EAAA,CAAA;AAAA,sBACCD,cAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAD,yCAAA,CAAO,eAClB,QAAC,EAAA,CAAA,CAAA,EAAG,CAAC,CAAA,CAAE,IAAI,CACR,IAAA,qBAAAD,eAAA,CAAC,KAAe,EAAA,EAAA,SAAA,EAAWC,0CAAO,YAC9B,EAAA,QAAA,EAAA;AAAA,wBAACD,eAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAC,yCAAA,CAAO,WACnB,EAAA,QAAA,EAAA;AAAA,0BAACC,cAAA,CAAA,KAAA,EAAA,EAAI,WAAWD,yCAAO,CAAA,YAAA,EACnB,0CAAC,KAAI,EAAA,EAAA,SAAA,EAAWA,0CAAO,YACnB,EAAA,QAAA,EAAA;AAAA,4BAAAC,cAAA,CAACC,iBAAS,EAAA,EAAA,MAAA,EAAO,MAAO,EAAA,KAAA,EAAM,OAAQ,EAAA,CAAA;AAAA,2CACrCA,iBAAS,EAAA,EAAA,MAAA,EAAO,QAAO,KAAM,EAAA,MAAA,EAAO,cAAa,QAAS,EAAA,CAAA;AAAA,WAAA,EAC/D,CACJ,EAAA,CAAA;AAAA,yCACCA,iBAAS,EAAA,EAAA,MAAA,EAAO,QAAO,KAAM,EAAA,MAAA,EAAO,cAAa,QAAS,EAAA,CAAA;AAAA,SAC/D,EAAA,CAAA;AAAA,wBACAD,cAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAWD,yCAAO,CAAA,cAAA,EACnB,QAAC,kBAAAC,cAAA,CAAAC,iBAAA,EAAA,EAAS,MAAO,EAAA,MAAA,EAAO,KAAM,EAAA,MAAA,EAAO,CACzC,EAAA,CAAA;AAAA,OAZM,EAAA,EAAA,IAaV,CACH,CACL,EAAA,CAAA;AAAA,KArBM,EAAA,EAAA,IAsBV,CACH,CAAA,EACL,CACJ,EAAA,CAAA;AAAA,GACJ,EAAA,CAAA,CAAA;AAER,CAAA,CAAA;AAEA,4BAAe,mBAAA;;;;"}

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

@@ -1,2 +1,179 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("tslib"),e=require("react/jsx-runtime"),t=require("lucide-react"),n=function(t){var n=t.width,s=void 0===n?"100%":n,r=t.height,x=void 0===r?"10px":r,o=t.style;return e.jsx("div",{style:i.__assign({width:s,height:x,backgroundColor:"#E2E8F0",borderRadius:"4px",backgroundImage:"linear-gradient(90deg, #E2E8F0 0px, #F1F5F9 40px, #E2E8F0 80px)",backgroundSize:"200px 100%",animation:"shimmer 1.5s ease-in-out infinite"},o)})},s=function(){return e.jsxs("div",i.__assign({style:{display:"flex",flexDirection:"column",gap:"12px",padding:"24px",backgroundColor:"#fff",borderRadius:"12px",border:"1px solid #E2E8F0",width:"100%"}},{children:[e.jsx(n,{width:"100%",height:"12px"}),e.jsx(n,{width:"85%",height:"10px"}),e.jsx("div",{style:{height:"8px"}}),e.jsx(n,{width:"60%",height:"12px"}),e.jsx(n,{width:"90%",height:"10px"}),e.jsx(n,{width:"75%",height:"10px"}),e.jsx("div",{style:{height:"8px"}}),e.jsx(n,{width:"40%",height:"12px"}),e.jsx(n,{width:"100%",height:"10px"}),e.jsx(n,{width:"80%",height:"10px"}),e.jsx("div",{style:{height:"8px"}}),e.jsx(n,{width:"55%",height:"12px"}),e.jsx(n,{width:"95%",height:"10px"}),e.jsx(n,{width:"70%",height:"10px"}),e.jsx(n,{width:"45%",height:"12px"}),e.jsx(n,{width:"88%",height:"10px"})]}))};exports.default=function(n){var r=n.isLoading,x=n.title,o=n.subtitle;return r?e.jsxs(e.Fragment,{children:[e.jsx("style",{children:"\n  @keyframes shimmer {\n    0% {\n      background-position: -200px 0;\n    }\n    100% {\n      background-position: calc(200px + 100%) 0;\n    }\n  }\n"}),e.jsx("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:99}}),e.jsxs("div",i.__assign({style:{position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",backgroundColor:"#fff",borderRadius:"16px",boxShadow:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",padding:"48px",maxWidth:"1000px",width:"70%",maxHeight:"90vh",display:"flex",flexDirection:"row",gap:"48px",zIndex:100,animation:"fadeIn 0.3s ease-out"}},{children:[e.jsxs("div",i.__assign({style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"}},{children:[e.jsx("div",i.__assign({style:{marginBottom:"16px"}},{children:e.jsx(t.Sparkles,{size:32,color:"#7C3AED"})})),e.jsx("h2",i.__assign({style:{fontSize:"1.5rem",fontWeight:600,color:"#0F172A",margin:"0 0 8px 0"}},{children:null!=x?x:"Setting up your scope…"})),e.jsx("p",i.__assign({style:{fontSize:"0.875rem",color:"#64748B",margin:"0",lineHeight:"1.5"}},{children:null!=o?o:"Inheriting Learnings from Global. This will only take a moment."}))]})),e.jsx("div",i.__assign({style:{flex:1.5,display:"flex",alignItems:"center",justifyContent:"center",minWidth:"350px"}},{children:e.jsx(s,{})}))]})),e.jsx("style",{children:"\n                @keyframes fadeIn {\n                    from {\n                        opacity: 0;\n                        transform: translate(-50%, -48%);\n                    }\n                    to {\n                        opacity: 1;\n                        transform: translate(-50%, -50%);\n                    }\n                }\n            "})]}):null};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
+
+const shimmerKeyframes = `
+  @keyframes shimmer {
+    0% {
+      background-position: -200px 0;
+    }
+    100% {
+      background-position: calc(200px + 100%) 0;
+    }
+  }
+`;
+const ShimmerBar = ({ width = "100%", height = "10px", style }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    style: {
+      width,
+      height,
+      backgroundColor: "color-mix(in srgb, var(--il-foreground, #0F172A) 14%, var(--il-surface, #ffffff))",
+      borderRadius: "4px",
+      backgroundImage: "linear-gradient(90deg, color-mix(in srgb, var(--il-foreground, #0F172A) 14%, var(--il-surface, #ffffff)) 0px, color-mix(in srgb, var(--il-foreground, #0F172A) 24%, var(--il-surface, #ffffff)) 40px, color-mix(in srgb, var(--il-foreground, #0F172A) 14%, var(--il-surface, #ffffff)) 80px)",
+      backgroundSize: "200px 100%",
+      animation: "shimmer 1.5s ease-in-out infinite",
+      ...style
+    }
+  }
+);
+const ShimmerStep = () => /* @__PURE__ */ jsxRuntime.jsxs(
+  "div",
+  {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "12px",
+      padding: "24px",
+      backgroundColor: "var(--il-surface-alt, var(--il-surface, #ffffff))",
+      borderRadius: "12px",
+      border: "1px solid var(--il-border, #E2E8F0)",
+      width: "100%"
+    },
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "100%", height: "12px" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "85%", height: "10px" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "8px" } }),
+      /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "60%", height: "12px" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "90%", height: "10px" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "75%", height: "10px" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "8px" } }),
+      /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "40%", height: "12px" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "100%", height: "10px" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "80%", height: "10px" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "8px" } }),
+      /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "55%", height: "12px" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "95%", height: "10px" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "70%", height: "10px" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "45%", height: "12px" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "88%", height: "10px" })
+    ]
+  }
+);
+const ScopeDialog = ({ isLoading, title, subtitle }) => {
+  if (!isLoading) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: shimmerKeyframes }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          backgroundColor: "var(--il-overlay, rgba(0, 0, 0, 0.5))",
+          zIndex: 99
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          top: "50%",
+          left: "50%",
+          transform: "translate(-50%, -50%)",
+          backgroundColor: "var(--il-surface, #ffffff)",
+          color: "var(--il-foreground, #0F172A)",
+          border: "1px solid var(--il-border, #E2E8F0)",
+          borderRadius: "16px",
+          boxShadow: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
+          padding: "48px",
+          maxWidth: "1000px",
+          width: "70%",
+          maxHeight: "90vh",
+          display: "flex",
+          flexDirection: "row",
+          gap: "48px",
+          zIndex: 100,
+          animation: "fadeIn 0.3s ease-out"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              style: {
+                flex: 1,
+                display: "flex",
+                flexDirection: "column",
+                justifyContent: "center"
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginBottom: "16px" }, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { size: 32, color: "var(--il-primary, #7C3AED)" }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "h2",
+                  {
+                    style: {
+                      fontSize: "1.5rem",
+                      fontWeight: 600,
+                      color: "var(--il-foreground, #0F172A)",
+                      margin: "0 0 8px 0"
+                    },
+                    children: title != null ? title : "Setting up your scope\u2026"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "p",
+                  {
+                    style: {
+                      fontSize: "0.875rem",
+                      color: "var(--il-muted, #64748B)",
+                      margin: "0",
+                      lineHeight: "1.5"
+                    },
+                    children: subtitle != null ? subtitle : "Inheriting Learnings from Global. This will only take a moment."
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              style: {
+                flex: 1.5,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                minWidth: "350px"
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx(ShimmerStep, {})
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+                @keyframes fadeIn {
+                    from {
+                        opacity: 0;
+                        transform: translate(-50%, -48%);
+                    }
+                    to {
+                        opacity: 1;
+                        transform: translate(-50%, -50%);
+                    }
+                }
+            ` })
+  ] });
+};
+var ScopeDialog$1 = ScopeDialog;
+
+exports["default"] = ScopeDialog$1;
 //# sourceMappingURL=ScopeSkeletonLoader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScopeSkeletonLoader.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ScopeSkeletonLoader.js","sources":["../../../../../src/features/LearningManagement/components/ScopeSkeletonLoader.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport { Check, Sparkles } from 'lucide-react';\n\n/**\n * Individual step in the onboarding process.\n */\ninterface OnboardingStep {\n  /** Step identifier */\n  id: number;\n  /** Display label for the step */\n  label: string;\n}\n\n/**\n * Default onboarding steps for station setup.\n */\nconst DEFAULT_STEPS: OnboardingStep[] = [\n  { id: 1, label: 'Saving station details' },\n  { id: 2, label: 'Applying rule template' },\n  { id: 3, label: 'Finalizing station setup' },\n];\n\n/**\n * Props for the OnboardingLoader component.\n */\ninterface OnboardingLoaderProps {\n  /** Whether the loader is active/visible */\n  isLoading: boolean;\n  /** Heading shown while loading (defaults to the generic scope-creation copy) */\n  title?: string;\n  /** Supporting text shown under the heading */\n  subtitle?: string;\n  /** Custom steps (optional, defaults to station onboarding steps) */\n  steps?: OnboardingStep[];\n  /**\n   * Externally controlled current step index (0-based).\n   * When provided, the component uses this instead of timer-based progression.\n   * This allows syncing step progression with actual API call completion.\n   */\n  currentStep?: number;\n  /** Interval between step progressions in milliseconds (default: 3000). Only used if currentStep is not provided. */\n  stepIntervalMs?: number;\n  /** Callback when all steps are completed */\n  onComplete?: () => void;\n}\n\n/**\n * Shimmer animation keyframes style injector.\n * Creates shimmer effect animation.\n */\nconst shimmerKeyframes = `\n  @keyframes shimmer {\n    0% {\n      background-position: -200px 0;\n    }\n    100% {\n      background-position: calc(200px + 100%) 0;\n    }\n  }\n`;\n\n/**\n * Individual shimmer bar component.\n *\n * @param width - Width of the shimmer bar (percentage or px)\n * @param height - Height of the shimmer bar\n * @param style - Additional inline styles\n */\nconst ShimmerBar: React.FC<{\n  width?: string;\n  height?: string;\n  style?: React.CSSProperties;\n}> = ({ width = '100%', height = '10px', style }) => (\n  <div\n    style={{\n      width,\n      height,\n      backgroundColor:\n        'color-mix(in srgb, var(--il-foreground, #0F172A) 14%, var(--il-surface, #ffffff))',\n      borderRadius: '4px',\n      backgroundImage:\n        'linear-gradient(90deg, color-mix(in srgb, var(--il-foreground, #0F172A) 14%, var(--il-surface, #ffffff)) 0px, color-mix(in srgb, var(--il-foreground, #0F172A) 24%, var(--il-surface, #ffffff)) 40px, color-mix(in srgb, var(--il-foreground, #0F172A) 14%, var(--il-surface, #ffffff)) 80px)',\n      backgroundSize: '200px 100%',\n      animation: 'shimmer 1.5s ease-in-out infinite',\n      ...style,\n    }}\n  />\n);\n\nconst ShimmerStep: React.FC = () => (\n  <div\n    style={{\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '12px',\n      padding: '24px',\n      backgroundColor: 'var(--il-surface-alt, var(--il-surface, #ffffff))',\n      borderRadius: '12px',\n      border: '1px solid var(--il-border, #E2E8F0)',\n      width: '100%',\n    }}\n  >\n    {/* Row 1 - Full width */}\n    <ShimmerBar width='100%' height='12px' />\n    <ShimmerBar width='85%' height='10px' />\n\n    {/* Gap */}\n    <div style={{ height: '8px' }} />\n\n    {/* Row 2 */}\n    <ShimmerBar width='60%' height='12px' />\n    <ShimmerBar width='90%' height='10px' />\n    <ShimmerBar width='75%' height='10px' />\n\n    {/* Gap */}\n    <div style={{ height: '8px' }} />\n\n    {/* Row 3 */}\n    <ShimmerBar width='40%' height='12px' />\n    <ShimmerBar width='100%' height='10px' />\n    <ShimmerBar width='80%' height='10px' />\n\n    <div style={{ height: '8px' }} />\n    <ShimmerBar width='55%' height='12px' />\n    <ShimmerBar width='95%' height='10px' />\n    <ShimmerBar width='70%' height='10px' />\n    <ShimmerBar width='45%' height='12px' />\n    <ShimmerBar width='88%' height='10px' />\n  </div>\n);\n\nconst ScopeDialog: React.FC<OnboardingLoaderProps> = ({ isLoading, title, subtitle }) => {\n  if (!isLoading) return null;\n\n  return (\n    <>\n      <style>{shimmerKeyframes}</style>\n      {/* Backdrop */}\n      <div\n        style={{\n          position: 'fixed',\n          top: 0,\n          left: 0,\n          right: 0,\n          bottom: 0,\n          backgroundColor: 'var(--il-overlay, rgba(0, 0, 0, 0.5))',\n          zIndex: 99,\n        }}\n      />\n\n      {/* Dialog Container */}\n      <div\n        style={{\n          position: 'fixed',\n          top: '50%',\n          left: '50%',\n          transform: 'translate(-50%, -50%)',\n          backgroundColor: 'var(--il-surface, #ffffff)',\n          color: 'var(--il-foreground, #0F172A)',\n          border: '1px solid var(--il-border, #E2E8F0)',\n          borderRadius: '16px',\n          boxShadow: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',\n          padding: '48px',\n          maxWidth: '1000px',\n          width: '70%',\n          maxHeight: '90vh',\n          display: 'flex',\n          flexDirection: 'row',\n          gap: '48px',\n          zIndex: 100,\n          animation: 'fadeIn 0.3s ease-out',\n        }}\n      >\n        {/* Left Side - Steps Progress */}\n        <div\n          style={{\n            flex: 1,\n            display: 'flex',\n            flexDirection: 'column',\n            justifyContent: 'center',\n          }}\n        >\n          {/* Sparkle Icon */}\n          <div style={{ marginBottom: '16px' }}>\n            <Sparkles size={32} color='var(--il-primary, #7C3AED)' />\n          </div>\n\n          {/* Title */}\n          <h2\n            style={{\n              fontSize: '1.5rem',\n              fontWeight: 600,\n              color: 'var(--il-foreground, #0F172A)',\n              margin: '0 0 8px 0',\n            }}\n          >\n            {title ?? 'Setting up your scope…'}\n          </h2>\n          <p\n            style={{\n              fontSize: '0.875rem',\n              color: 'var(--il-muted, #64748B)',\n              margin: '0',\n              lineHeight: '1.5',\n            }}\n          >\n            {subtitle ?? 'Inheriting Learnings from Global. This will only take a moment.'}\n          </p>\n        </div>\n\n        {/* Right Side - Shimmer Panel */}\n        <div\n          style={{\n            flex: 1.5,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            minWidth: '350px',\n          }}\n        >\n          <ShimmerStep />\n        </div>\n      </div>\n\n      <style>{`\n                @keyframes fadeIn {\n                    from {\n                        opacity: 0;\n                        transform: translate(-50%, -48%);\n                    }\n                    to {\n                        opacity: 1;\n                        transform: translate(-50%, -50%);\n                    }\n                }\n            `}</style>\n    </>\n  );\n};\n\nexport default ScopeDialog;\n"],"names":["jsx","jsxs","Fragment","Sparkles"],"mappings":"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"}

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

@@ -1,2 +1,20 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("../../styles/ScopeTree.module.css.js");exports.HighlightedText=function(i){var s=i.text,n=i.highlight;if(!n||!n.trim())return r.jsx(r.Fragment,{children:s});var a=new RegExp("(".concat(n,")"),"gi"),l=s.split(a);return r.jsx(r.Fragment,{children:l.map(function(i,s){return a.test(i)?r.jsx("span",e.__assign({className:t.default.highlightText},{children:i}),s):r.jsx("span",{children:i},s)})})};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var ScopeTree_module = require('../../styles/ScopeTree.module.css.js');
+
+const HighlightedText = ({ text, highlight }) => {
+  if (!highlight || !highlight.trim()) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: text });
+  }
+  const regex = new RegExp(`(${highlight})`, "gi");
+  const parts = text.split(regex);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: parts.map(
+    (part, i) => regex.test(part) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: ScopeTree_module["default"].highlightText, children: part }, i) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: part }, i)
+  ) });
+};
+
+exports.HighlightedText = HighlightedText;
 //# sourceMappingURL=HighlightedText.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HighlightedText.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"HighlightedText.js","sources":["../../../../../../src/features/LearningManagement/components/ScopeTree/HighlightedText.tsx"],"sourcesContent":["import React from 'react';\n\nimport styles from '../../styles/ScopeTree.module.css';\n\ninterface HighlightedTextProps {\n  text: string;\n  highlight?: string;\n}\n\nexport const HighlightedText: React.FC<HighlightedTextProps> = ({ text, highlight }) => {\n  if (!highlight || !highlight.trim()) {\n    return <>{text}</>;\n  }\n\n  const regex = new RegExp(`(${highlight})`, 'gi');\n  const parts = text.split(regex);\n\n  return (\n    <>\n      {parts.map((part, i) =>\n        regex.test(part) ? (\n          <span key={i} className={styles.highlightText}>\n            {part}\n          </span>\n        ) : (\n          <span key={i}>{part}</span>\n        )\n      )}\n    </>\n  );\n};\n"],"names":["jsx","styles"],"mappings":";;;;;;;AASO,MAAM,eAAkD,GAAA,CAAC,EAAE,IAAA,EAAM,WAAgB,KAAA;AACtF,EAAA,IAAI,CAAC,SAAA,IAAa,CAAC,SAAA,CAAU,MAAQ,EAAA;AACnC,IAAA,6DAAU,QAAK,EAAA,IAAA,EAAA,CAAA,CAAA;AAAA,GACjB;AAEA,EAAA,MAAM,QAAQ,IAAI,MAAA,CAAO,CAAI,CAAA,EAAA,SAAS,KAAK,IAAI,CAAA,CAAA;AAC/C,EAAM,MAAA,KAAA,GAAQ,IAAK,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAE9B,EAAA,6DAEK,QAAM,EAAA,KAAA,CAAA,GAAA;AAAA,IAAI,CAAC,IAAM,EAAA,CAAA,KAChB,MAAM,IAAK,CAAA,IAAI,oBACZA,cAAA,CAAA,MAAA,EAAA,EAAa,SAAW,EAAAC,2BAAA,CAAO,eAC7B,QADQ,EAAA,IAAA,EAAA,EAAA,CAEX,oBAECD,cAAA,CAAA,MAAA,EAAA,EAAc,kBAAJ,CAAS,CAAA;AAAA,GAG1B,EAAA,CAAA,CAAA;AAEJ;;;;"}