npm - @e-llm-studio/instant-learning - Versions diffs - 1.3.2 → 1.3.3 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1959) hide show

package/dist/schema-driven/components/VariantListField.js CHANGED Viewed

@@ -1,2 +1,334 @@
-import{__assign as i}from"tslib";import{jsxs as n,jsx as t}from"react/jsx-runtime";import e,{useRef as o,useEffect as r,useState as a,useCallback as l}from"react";import{AlertTriangle as d}from"lucide-react";import{VariantListWrapper as u}from"../../features/IL-OTJ/_components/templates/TrafficManager/CreateRule.js";import s from"../../features/IL-OTJ/_components/AccordianSection.js";import{EditPencilIcon as c}from"../../features/IL-OTJ/_components/_svg/EditPencilIcon.js";import{useVariantEditSession as p,hasMeaningfulText as v}from"../../features/IL-OTJ/_components/hooks/useVariantEditSession.js";import{useDynamicFormStore as f}from"../store/useDynamicFormStore.js";import{splitConditions as m}from"../utils/conditionText.js";import{useParentEditEnabled as h}from"../hooks/useParentEditEnabled.js";import{isNodeLocked as y,isWrapperEditLocked as g}from"../utils/editLock.js";function x(x){var b,C,S,w,E,A,T,D,I,V=h(x.schema),_=x.tierKey||"tier_1",k=!1!==(null===(b=x.schema)||void 0===b?void 0:b.show_variant_pill),O=(null===(S=null===(C=x.state)||void 0===C?void 0:C.variantsByTier)||void 0===S?void 0:S[_])||[{}],j=(null===(w=x.schema)||void 0===w?void 0:w.properties)||{},P=y(x.schema,x.uiState),N=g(x.schema,x.uiState),F=e.useMemo(function(){var i=new Set,n=function(t,e){void 0===t&&(t={}),void 0===e&&(e=!1),Object.entries(t).forEach(function(t){var o=t[0],r=t[1],a=e||P||y(r,x.uiState);a&&i.add(String((null==r?void 0:r.data_key)||o).replace("global.","")),(null==r?void 0:r.properties)&&n(r.properties,a)})};return n(j),i},[j,P,null===(E=x.uiState)||void 0===E?void 0:E.usedFor]),B=function(i){return Object.entries(j).filter(function(n){var t=n[1];return(null==t?void 0:t.bpa_ui_component)===i&&!(null==t?void 0:t.hidden)}).sort(function(i,n){var t,e,o=i[1],r=n[1];return(null!==(t=null==o?void 0:o.ui_position)&&void 0!==t?t:0)-(null!==(e=null==r?void 0:r.ui_position)&&void 0!==e?e:0)}).map(function(i){var n=i[0],t=i[1];return String((null==t?void 0:t.data_key)||n).replace("global.","")})},R=B("TextInput")[0],z=B("PromptTextEditor")[0],L=B("ConditionSection"),M=L[0],K=L[1],J=f(function(i){return i.variantData}),W=o(null===(A=x.uiState)||void 0===A?void 0:A.isAiStreaming);r(function(){var i,n;W.current&&!(null===(i=x.uiState)||void 0===i?void 0:i.isAiStreaming)&&f.getState().clearAllMirages(),W.current=null===(n=x.uiState)||void 0===n?void 0:n.isAiStreaming},[null===(T=x.uiState)||void 0===T?void 0:T.isAiStreaming]);var G=p(x.uiState,function(i){var n=f.getState().getVariantField,t=function(t){return t?n(_,i,t):void 0};return{ruleDescription:t(R)||"",instructionPrompt:t(z)||"",whenToApplyConditions:m(t(M)||"","wta"),whenNotToApplyConditions:m(t(K)||"","wnta")}},function(i,n){var t=f.getState(),e=t.setVariantField,o=t.setVariantMirage;void 0!==i.instructionPrompt&&z&&e(n.tierKey,n.variantIndex,z,i.instructionPrompt),void 0!==i.ruleDescription&&R&&o(n.tierKey,n.variantIndex,R,i.ruleDescription),void 0!==i.whenToApplyText&&M&&o(n.tierKey,n.variantIndex,M,i.whenToApplyText),void 0!==i.whenNotToApplyText&&K&&o(n.tierKey,n.variantIndex,K,i.whenNotToApplyText)}),q=G.variantEdit,H=G.pendingVariantId,Q=G.handleStartVariantEdit,U=G.handleCancelVariantEdit,X=G.patchVariantDraft,Y=G.editDraftCondition,Z=G.removeDraftCondition,$=G.addDraftCondition,ii=G.handleSaveVariantEdit,ni=o({}),ti=a(null),ei=ti[0],oi=ti[1],ri=o(null);r(function(){return function(){ri.current&&clearTimeout(ri.current)}},[]);var ai=l(function(i){var n=ni.current[i];n&&!n.disabled&&(n.scrollIntoView({behavior:"smooth",block:"center"}),oi(i),ri.current&&clearTimeout(ri.current),ri.current=setTimeout(function(){return oi(null)},1800))},[]);return n(u,i({onAddVariant:function(){var i;(null===(i=x.handlers)||void 0===i?void 0:i.addNewVariant)&&x.handlers.addNewVariant(_)},isDisabled:null===(D=x.uiState)||void 0===D?void 0:D.isAiStreaming,showAddVariantBtn:!V&&"Edit"!==(null===(I=x.uiState)||void 0===I?void 0:I.usedFor),showConnectorLines:!V},{children:[t("style",{children:"@keyframes ilVariantEditGlow {\n        0%, 100% { box-shadow: 0 0 0 0 rgba(127, 86, 217, 0); }\n        50% { box-shadow: 0 0 0 4px rgba(127, 86, 217, 0.25), 0 0 10px 2px rgba(127, 86, 217, 0.35); }\n      }"}),O.map(function(e,o){var r,a,l,u,p,f=e.variantType||"default",m="default"===f||"default_variant"===f,h="".concat(_,"-variant-").concat(o),y=!0===e.is_variant,g=null===(r=x.uiState)||void 0===r?void 0:r.activeVariantAccordionIndex,b=void 0!==g?g===o:y,C=e.isReadOnly||(null===(a=x.uiState)||void 0===a?void 0:a.isAiStreaming),S="variant-".concat(_,"-").concat(o),w=V&&(null==q?void 0:q.id)===S,E=H===S,A=w?q.draft:null,T=C||E,D=(null===(l=null==J?void 0:J[_])||void 0===l?void 0:l[o])||{},I=![R,z,M,K].some(function(i){return i&&v(D[i])}),O=!A||!v(A.ruleDescription)||!A.whenToApplyConditions.some(function(i){return v(i.text)}),j=i({},function(i){var n,t={},e=function(n){void 0===n&&(n={}),Object.entries(n).forEach(function(n){var o=n[0],r=n[1],a=((null==r?void 0:r.data_key)||o).replace("global.","");t[a]={readOnly:i},(null==r?void 0:r.properties)&&e(r.properties)})};return e(null===(n=x.schema)||void 0===n?void 0:n.properties),t}(C||P));if(V){var B=function(n,t){n&&(!function(i){return!!i&&F.has(i)}(n)?j[n]=i(i({},j[n]||{}),t):j[n]=i(i({},j[n]||{}),{readOnly:!0,enableInlineEdit:!1,hideEditControls:!0,parentEditing:w}))};B(R,i({readOnly:C||!w,enableInlineEdit:!1},A?{value:A.ruleDescription,onChange:function(i){return X({ruleDescription:i})}}:{})),B(z,i({readOnly:C||!w,hideEditControls:!0,parentEditing:w},A?{value:A.instructionPrompt,onChange:function(i){return X({instructionPrompt:i})}}:{})),B(M,i({readOnly:C,hideEditControls:!0,parentEditing:w},A?{conditions:A.whenToApplyConditions,onAdd:function(){return $("whenToApplyConditions")},onRemove:function(i,n,t){return Z("whenToApplyConditions",t)},onEdit:function(i,n,t,e){return Y("whenToApplyConditions",t,e)}}:{})),B(K,i({readOnly:C,hideEditControls:!0,parentEditing:w},A?{conditions:A.whenNotToApplyConditions,onAdd:function(){return $("whenNotToApplyConditions")},onRemove:function(i,n,t){return Z("whenNotToApplyConditions",t)},onEdit:function(i,n,t,e){return Y("whenNotToApplyConditions",t,e)}}:{}))}var L=ei===S;return t("div",i({style:{width:"100%"},"data-edit-id":V?S:void 0},{children:t(s,i({title:{type:m?"default":"variant",label:f,number:o+1,isNewVariant:y,isDefault:e.isDefault,isModified:e.isModified},expanded:b,onToggle:function(){var i,n;return null===(n=null===(i=x.uiState)||void 0===i?void 0:i.setActiveVariantAccordionIndex)||void 0===n?void 0:n.call(i,b?null:o)},variant:"rule-behavior",showTitlePill:k,footerData:{ruleTitle:f,description:e.ruleDescription||""},readOnly:C,actionButtons:V?function(e,r){return V?N?null:!C||w||E?w||E?null:n("button",i({ref:function(i){ni.current[S]=i},title:T?"Editing unavailable":I?"Add":"Edit",onClick:function(i){i.stopPropagation(),Q(o,_,o,f),e||r()},disabled:T,style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"6px 8px",borderRadius:"6px",border:"1px solid ".concat(L?"var(--il-primary, #7F56D9)":"var(--il-border, #E2E8F0)"),backgroundColor:L?"var(--il-primary-subtle, #f5f3ff)":"var(--il-surface, #ffffff)",color:L?"var(--il-primary, #2563EB)":"var(--il-muted, #64748B)",fontSize:"13px",fontWeight:500,cursor:T?"not-allowed":"pointer",opacity:T?.5:1,gap:"6px",transition:"border-color 150ms ease, background-color 150ms ease, color 150ms ease",animation:L?"ilVariantEditGlow 900ms ease-in-out 2":void 0}},{children:[t(c,{size:12})," ",I?"Add":"Edit"]})):null:null}:void 0,isAiStreaming:null===(u=x.uiState)||void 0===u?void 0:u.isAiStreaming,alwaysShowActions:V},{children:n("div",i({style:{display:"flex",flexDirection:"column",gap:"12px"},onClickCapture:function(){!V||N||w||E||T||ai(S)}},{children:[x.renderChildren?x.renderChildren(o,j,_):null,V&&(w||E)&&n("div",i({style:{display:"flex",alignItems:"center",gap:"6px",justifyContent:"flex-start"}},{children:[t("button",i({onClick:function(i){i.stopPropagation(),ii()},disabled:O||E,style:{display:"flex",alignItems:"center",gap:"6px",padding:"6px 10.5px",borderRadius:"6px",border:"1px solid var(--il-primary, #D9D6FE)",backgroundColor:E?"var(--il-primary-subtle, #f5f3ff)":"var(--il-surface, #ffffff)",color:"var(--il-primary, #2563EB)",fontSize:"13px",fontWeight:500,cursor:O||E?"not-allowed":"pointer",opacity:O?.5:1}},{children:E?"Validating...":"Save"})),!E&&t("button",i({onClick:function(i){i.stopPropagation(),U()},style:{display:"flex",alignItems:"center",gap:"6px",padding:"6px 10.5px",borderRadius:"6px",border:"1px solid var(--il-primary, #D9D6FE)",backgroundColor:"var(--il-surface, #ffffff)",color:"var(--il-primary, #2563EB)",fontSize:"13px",fontWeight:500,cursor:"pointer"}},{children:"Cancel"}))]})),V&&w&&(null===(p=x.uiState)||void 0===p?void 0:p.pendingEditId)===S&&n("div",i({style:{display:"flex",alignItems:"center",gap:"6px"}},{children:[t(d,{size:14,style:{color:"var(--il-warning, #C2410C)"}}),t("div",i({style:{color:"var(--il-warning, #C2410C)",fontSize:"13px"}},{children:"Pending - Changes not applied yet. Apply or discard them to continue."}))]}))]}))}))}),h)})]}))}export{x as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React__default, { useRef, useEffect, useState, useCallback } from 'react';
+import { AlertTriangle } from 'lucide-react';
+import { VariantListWrapper } from '../../features/IL-OTJ/_components/templates/TrafficManager/CreateRule.js';
+import AccordionSection from '../../features/IL-OTJ/_components/AccordianSection.js';
+import { EditPencilIcon } from '../../features/IL-OTJ/_components/_svg/EditPencilIcon.js';
+import { useVariantEditSession, hasMeaningfulText } from '../../features/IL-OTJ/_components/hooks/useVariantEditSession.js';
+import { useDynamicFormStore } from '../store/useDynamicFormStore.js';
+import { splitConditions } from '../utils/conditionText.js';
+import { useParentEditEnabled } from '../hooks/useParentEditEnabled.js';
+import { isNodeLocked, isWrapperEditLocked } from '../utils/editLock.js';
+function VariantListField(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const parentEdit = useParentEditEnabled(props.schema);
+  const tier = props.tierKey || "tier_1";
+  const showVariantPill = ((_a = props.schema) == null ? void 0 : _a.show_variant_pill) !== false;
+  const variants = ((_c = (_b = props.state) == null ? void 0 : _b.variantsByTier) == null ? void 0 : _c[tier]) || [{}];
+  const variantProperties = ((_d = props.schema) == null ? void 0 : _d.properties) || {};
+  const wrapperLocked = isNodeLocked(props.schema, props.uiState);
+  const variantEditLocked = isWrapperEditLocked(props.schema, props.uiState);
+  const lockedCleanKeys = React__default.useMemo(() => {
+    const set = /* @__PURE__ */ new Set();
+    const walk = (properties = {}, inherited = false) => {
+      Object.entries(properties).forEach(([key, node]) => {
+        const locked = inherited || wrapperLocked || isNodeLocked(node, props.uiState);
+        if (locked) set.add(String((node == null ? void 0 : node.data_key) || key).replace("global.", ""));
+        if (node == null ? void 0 : node.properties) walk(node.properties, locked);
+      });
+    };
+    walk(variantProperties);
+    return set;
+  }, [variantProperties, wrapperLocked, (_e = props.uiState) == null ? void 0 : _e.usedFor]);
+  const isLockedKey = (key) => !!key && lockedCleanKeys.has(key);
+  const byComponent = (component) => Object.entries(variantProperties).filter(([, node]) => (node == null ? void 0 : node.bpa_ui_component) === component && !(node == null ? void 0 : node.hidden)).sort(([, a], [, b]) => {
+    var _a2, _b2;
+    return ((_a2 = a == null ? void 0 : a.ui_position) != null ? _a2 : 0) - ((_b2 = b == null ? void 0 : b.ui_position) != null ? _b2 : 0);
+  }).map(([key, node]) => String((node == null ? void 0 : node.data_key) || key).replace("global.", ""));
+  const [descCleanKey] = byComponent("TextInput");
+  const [promptCleanKey] = byComponent("PromptTextEditor");
+  const [wtaCleanKey, wntaCleanKey] = byComponent("ConditionSection");
+  const buildVariantDraft = (variantIndex) => {
+    const { getVariantField } = useDynamicFormStore.getState();
+    const read = (key) => key ? getVariantField(tier, variantIndex, key) : void 0;
+    return {
+      ruleDescription: read(descCleanKey) || "",
+      instructionPrompt: read(promptCleanKey) || "",
+      whenToApplyConditions: splitConditions(read(wtaCleanKey) || "", "wta"),
+      whenNotToApplyConditions: splitConditions(read(wntaCleanKey) || "", "wnta")
+    };
+  };
+  const commitVariantEdit = (committed, session) => {
+    const { setVariantField, setVariantMirage } = useDynamicFormStore.getState();
+    if (committed.instructionPrompt !== void 0 && promptCleanKey) {
+      setVariantField(session.tierKey, session.variantIndex, promptCleanKey, committed.instructionPrompt);
+    }
+    if (committed.ruleDescription !== void 0 && descCleanKey) {
+      setVariantMirage(session.tierKey, session.variantIndex, descCleanKey, committed.ruleDescription);
+    }
+    if (committed.whenToApplyText !== void 0 && wtaCleanKey) {
+      setVariantMirage(session.tierKey, session.variantIndex, wtaCleanKey, committed.whenToApplyText);
+    }
+    if (committed.whenNotToApplyText !== void 0 && wntaCleanKey) {
+      setVariantMirage(session.tierKey, session.variantIndex, wntaCleanKey, committed.whenNotToApplyText);
+    }
+  };
+  const variantStore = useDynamicFormStore((s) => s.variantData);
+  const prevVariantStreaming = useRef((_f = props.uiState) == null ? void 0 : _f.isAiStreaming);
+  useEffect(() => {
+    var _a2, _b2;
+    if (prevVariantStreaming.current && !((_a2 = props.uiState) == null ? void 0 : _a2.isAiStreaming)) {
+      useDynamicFormStore.getState().clearAllMirages();
+    }
+    prevVariantStreaming.current = (_b2 = props.uiState) == null ? void 0 : _b2.isAiStreaming;
+  }, [(_g = props.uiState) == null ? void 0 : _g.isAiStreaming]);
+  const {
+    variantEdit,
+    pendingVariantId,
+    handleStartVariantEdit,
+    handleCancelVariantEdit,
+    patchVariantDraft,
+    editDraftCondition,
+    removeDraftCondition,
+    addDraftCondition,
+    handleSaveVariantEdit
+  } = useVariantEditSession(props.uiState, buildVariantDraft, commitVariantEdit);
+  const editButtonRefs = useRef({});
+  const [glowingVariantId, setGlowingVariantId] = useState(null);
+  const glowTimer = useRef(null);
+  useEffect(() => () => {
+    if (glowTimer.current) clearTimeout(glowTimer.current);
+  }, []);
+  const nudgeEditButton = useCallback((editId) => {
+    const btn = editButtonRefs.current[editId];
+    if (!btn || btn.disabled) return;
+    btn.scrollIntoView({ behavior: "smooth", block: "center" });
+    setGlowingVariantId(editId);
+    if (glowTimer.current) clearTimeout(glowTimer.current);
+    glowTimer.current = setTimeout(() => setGlowingVariantId(null), 1800);
+  }, []);
+  const buildReadOnlyOverrides = (readOnly) => {
+    var _a2;
+    const overrides = {};
+    const collectOverrides = (properties = {}) => {
+      Object.entries(properties).forEach(([key, rawNode]) => {
+        const cleanKey = ((rawNode == null ? void 0 : rawNode.data_key) || key).replace("global.", "");
+        overrides[cleanKey] = { readOnly };
+        if (rawNode == null ? void 0 : rawNode.properties) collectOverrides(rawNode.properties);
+      });
+    };
+    collectOverrides((_a2 = props.schema) == null ? void 0 : _a2.properties);
+    return overrides;
+  };
+  return /* @__PURE__ */ jsxs(
+    VariantListWrapper,
+    {
+      onAddVariant: () => {
+        var _a2;
+        if ((_a2 = props.handlers) == null ? void 0 : _a2.addNewVariant) props.handlers.addNewVariant(tier);
+      },
+      isDisabled: (_h = props.uiState) == null ? void 0 : _h.isAiStreaming,
+      showAddVariantBtn: !parentEdit && ((_i = props.uiState) == null ? void 0 : _i.usedFor) !== "Edit",
+      showConnectorLines: !parentEdit,
+      children: [
+        /* @__PURE__ */ jsx("style", { children: `@keyframes ilVariantEditGlow {
+        0%, 100% { box-shadow: 0 0 0 0 rgba(127, 86, 217, 0); }
+        50% { box-shadow: 0 0 0 4px rgba(127, 86, 217, 0.25), 0 0 10px 2px rgba(127, 86, 217, 0.35); }
+      }` }),
+        variants.map((item, vIndex) => {
+          var _a2, _b2, _c2, _d2, _e2;
+          const variantType = item.variantType || "default";
+          const isDefault = variantType === "default" || variantType === "default_variant";
+          const uniqueId = `${tier}-variant-${vIndex}`;
+          const isDraftVariant = item.is_variant === true;
+          const activeIndex = (_a2 = props.uiState) == null ? void 0 : _a2.activeVariantAccordionIndex;
+          const isExpanded = activeIndex !== void 0 ? activeIndex === vIndex : isDraftVariant;
+          const isEffectivelyReadOnly = item.isReadOnly || ((_b2 = props.uiState) == null ? void 0 : _b2.isAiStreaming);
+          const variantEditId = `variant-${tier}-${vIndex}`;
+          const isThisVariantEditing = parentEdit && (variantEdit == null ? void 0 : variantEdit.id) === variantEditId;
+          const isThisVariantPending = pendingVariantId === variantEditId;
+          const draft = isThisVariantEditing ? variantEdit.draft : null;
+          const isVariantEditDisabled = isEffectivelyReadOnly || isThisVariantPending;
+          const variantValues = ((_c2 = variantStore == null ? void 0 : variantStore[tier]) == null ? void 0 : _c2[vIndex]) || {};
+          const isVariantEmpty = ![descCleanKey, promptCleanKey, wtaCleanKey, wntaCleanKey].some((key) => key && hasMeaningfulText(variantValues[key]));
+          const isVariantSaveDisabled = !draft || !hasMeaningfulText(draft.ruleDescription) || !draft.whenToApplyConditions.some((c) => hasMeaningfulText(c.text));
+          const overrides = { ...buildReadOnlyOverrides(isEffectivelyReadOnly || wrapperLocked) };
+          if (parentEdit) {
+            const put = (key, patch) => {
+              if (!key) return;
+              if (isLockedKey(key)) {
+                overrides[key] = {
+                  ...overrides[key] || {},
+                  readOnly: true,
+                  enableInlineEdit: false,
+                  hideEditControls: true,
+                  parentEditing: isThisVariantEditing
+                };
+                return;
+              }
+              overrides[key] = { ...overrides[key] || {}, ...patch };
+            };
+            put(descCleanKey, {
+              readOnly: isEffectivelyReadOnly || !isThisVariantEditing,
+              enableInlineEdit: false,
+              // no per-field pencil — the variant header owns editing
+              ...draft ? { value: draft.ruleDescription, onChange: (v) => patchVariantDraft({ ruleDescription: v }) } : {}
+            });
+            put(promptCleanKey, {
+              readOnly: isEffectivelyReadOnly || !isThisVariantEditing,
+              hideEditControls: true,
+              parentEditing: isThisVariantEditing,
+              ...draft ? { value: draft.instructionPrompt, onChange: (v) => patchVariantDraft({ instructionPrompt: v }) } : {}
+            });
+            put(wtaCleanKey, {
+              readOnly: isEffectivelyReadOnly,
+              hideEditControls: true,
+              parentEditing: isThisVariantEditing,
+              ...draft ? {
+                conditions: draft.whenToApplyConditions,
+                onAdd: () => addDraftCondition("whenToApplyConditions"),
+                onRemove: (_t, _i2, id) => removeDraftCondition("whenToApplyConditions", id),
+                onEdit: (_t, _i2, id, text) => editDraftCondition("whenToApplyConditions", id, text)
+              } : {}
+            });
+            put(wntaCleanKey, {
+              readOnly: isEffectivelyReadOnly,
+              hideEditControls: true,
+              parentEditing: isThisVariantEditing,
+              ...draft ? {
+                conditions: draft.whenNotToApplyConditions,
+                onAdd: () => addDraftCondition("whenNotToApplyConditions"),
+                onRemove: (_t, _i2, id) => removeDraftCondition("whenNotToApplyConditions", id),
+                onEdit: (_t, _i2, id, text) => editDraftCondition("whenNotToApplyConditions", id, text)
+              } : {}
+            });
+          }
+          const isGlowing = glowingVariantId === variantEditId;
+          const renderVariantHeaderActions = (isOpen, onToggle) => {
+            if (!parentEdit) return null;
+            if (variantEditLocked) return null;
+            if (isEffectivelyReadOnly && !isThisVariantEditing && !isThisVariantPending) return null;
+            if (isThisVariantEditing || isThisVariantPending) return null;
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                ref: (el) => {
+                  editButtonRefs.current[variantEditId] = el;
+                },
+                title: isVariantEditDisabled ? "Editing unavailable" : isVariantEmpty ? "Add" : "Edit",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  handleStartVariantEdit(vIndex, tier, vIndex, variantType);
+                  if (!isOpen) onToggle();
+                },
+                disabled: isVariantEditDisabled,
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  padding: "6px 8px",
+                  borderRadius: "6px",
+                  border: `1px solid ${isGlowing ? "var(--il-primary, #7F56D9)" : "var(--il-border, #E2E8F0)"}`,
+                  backgroundColor: isGlowing ? "var(--il-primary-subtle, #f5f3ff)" : "var(--il-surface, #ffffff)",
+                  color: isGlowing ? "var(--il-primary, #2563EB)" : "var(--il-muted, #64748B)",
+                  fontSize: "13px",
+                  fontWeight: 500,
+                  cursor: isVariantEditDisabled ? "not-allowed" : "pointer",
+                  opacity: isVariantEditDisabled ? 0.5 : 1,
+                  gap: "6px",
+                  transition: "border-color 150ms ease, background-color 150ms ease, color 150ms ease",
+                  animation: isGlowing ? "ilVariantEditGlow 900ms ease-in-out 2" : void 0
+                },
+                children: [
+                  /* @__PURE__ */ jsx(EditPencilIcon, { size: 12 }),
+                  " ",
+                  isVariantEmpty ? "Add" : "Edit"
+                ]
+              }
+            );
+          };
+          return /* @__PURE__ */ jsx("div", { style: { width: "100%" }, "data-edit-id": parentEdit ? variantEditId : void 0, children: /* @__PURE__ */ jsx(
+            AccordionSection,
+            {
+              title: { type: isDefault ? "default" : "variant", label: variantType, number: vIndex + 1, isNewVariant: isDraftVariant, isDefault: item.isDefault, isModified: item.isModified },
+              expanded: isExpanded,
+              onToggle: () => {
+                var _a3, _b3;
+                return (_b3 = (_a3 = props.uiState) == null ? void 0 : _a3.setActiveVariantAccordionIndex) == null ? void 0 : _b3.call(_a3, isExpanded ? null : vIndex);
+              },
+              variant: "rule-behavior",
+              showTitlePill: showVariantPill,
+              footerData: { ruleTitle: variantType, description: item.ruleDescription || "" },
+              readOnly: isEffectivelyReadOnly,
+              actionButtons: parentEdit ? renderVariantHeaderActions : void 0,
+              isAiStreaming: (_d2 = props.uiState) == null ? void 0 : _d2.isAiStreaming,
+              alwaysShowActions: parentEdit,
+              children: /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: { display: "flex", flexDirection: "column", gap: "12px" },
+                  onClickCapture: () => {
+                    if (parentEdit && !variantEditLocked && !isThisVariantEditing && !isThisVariantPending && !isVariantEditDisabled) {
+                      nudgeEditButton(variantEditId);
+                    }
+                  },
+                  children: [
+                    props.renderChildren ? props.renderChildren(vIndex, overrides, tier) : null,
+                    parentEdit && (isThisVariantEditing || isThisVariantPending) && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px", justifyContent: "flex-start" }, children: [
+                      /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          onClick: (e) => {
+                            e.stopPropagation();
+                            handleSaveVariantEdit();
+                          },
+                          disabled: isVariantSaveDisabled || isThisVariantPending,
+                          style: {
+                            display: "flex",
+                            alignItems: "center",
+                            gap: "6px",
+                            padding: "6px 10.5px",
+                            borderRadius: "6px",
+                            border: "1px solid var(--il-primary, #D9D6FE)",
+                            backgroundColor: isThisVariantPending ? "var(--il-primary-subtle, #f5f3ff)" : "var(--il-surface, #ffffff)",
+                            color: "var(--il-primary, #2563EB)",
+                            fontSize: "13px",
+                            fontWeight: 500,
+                            cursor: isVariantSaveDisabled || isThisVariantPending ? "not-allowed" : "pointer",
+                            opacity: isVariantSaveDisabled ? 0.5 : 1
+                          },
+                          children: isThisVariantPending ? "Validating..." : "Save"
+                        }
+                      ),
+                      !isThisVariantPending && /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          onClick: (e) => {
+                            e.stopPropagation();
+                            handleCancelVariantEdit();
+                          },
+                          style: {
+                            display: "flex",
+                            alignItems: "center",
+                            gap: "6px",
+                            padding: "6px 10.5px",
+                            borderRadius: "6px",
+                            border: "1px solid var(--il-primary, #D9D6FE)",
+                            backgroundColor: "var(--il-surface, #ffffff)",
+                            color: "var(--il-primary, #2563EB)",
+                            fontSize: "13px",
+                            fontWeight: 500,
+                            cursor: "pointer"
+                          },
+                          children: "Cancel"
+                        }
+                      )
+                    ] }),
+                    parentEdit && isThisVariantEditing && ((_e2 = props.uiState) == null ? void 0 : _e2.pendingEditId) === variantEditId && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
+                      /* @__PURE__ */ jsx(AlertTriangle, { size: 14, style: { color: "var(--il-warning, #C2410C)" } }),
+                      /* @__PURE__ */ jsx("div", { style: { color: "var(--il-warning, #C2410C)", fontSize: "13px" }, children: "Pending - Changes not applied yet. Apply or discard them to continue." })
+                    ] })
+                  ]
+                }
+              )
+            }
+          ) }, uniqueId);
+        })
+      ]
+    }
+  );
+}
+export { VariantListField as default };
 //# sourceMappingURL=VariantListField.js.map

package/dist/schema-driven/components/VariantListField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VariantListField.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"VariantListField.js","sources":["../../../src/schema-driven/components/VariantListField.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, useCallback } from 'react';\nimport { AlertTriangle } from 'lucide-react';\nimport { VariantListWrapper } from '../../features/IL-OTJ/_components/templates/TrafficManager/CreateRule';\nimport AccordionSection from '../../features/IL-OTJ/_components/AccordianSection';\nimport { EditPencilIcon } from '../../features/IL-OTJ/_components/_svg/EditPencilIcon';\nimport { useVariantEditSession, hasMeaningfulText, VariantDraft } from '../../features/IL-OTJ/_components/hooks/useVariantEditSession';\nimport { useDynamicFormStore } from '../store/useDynamicFormStore';\nimport { splitConditions } from '../utils/conditionText';\nimport { useParentEditEnabled } from '../hooks/useParentEditEnabled';\nimport { isNodeLocked, isWrapperEditLocked } from '../utils/editLock';\n\n// Renders one accordion per variant for the active tier and injects each variant's\n// schema children (description/prompt/WTA/WNTA/Config) via renderChildren(variantIndex).\n//\n// `parent_edit: true` on the wrapper node opts the section into the single\n// edit-session-per-variant UX (mirroring CreateRule.tsx): one Edit button in the\n// variant header opens a local draft covering Rule Description, Instruction Prompt,\n// When-to-Apply and When-NOT-to-Apply, and Save sends ONE combined chat message.\n// Without the flag the section keeps the per-field inline edits: every field stays\n// live-bound to the store and owns its own pencil/Apply.\nexport default function VariantListField(props: any) {\n // Dynamic form → schema flag; legacy mount → new UI (backwardCompatibility false).\n const parentEdit = useParentEditEnabled(props.schema);\n const tier = props.tierKey \|\| 'tier_1';\n // Config decides whether each variant header carries its \"Variant N\" pill.\n const showVariantPill = props.schema?.show_variant_pill !== false;\n const variants = props.state?.variantsByTier?.[tier] \|\| [{}];\n\n // Resolve which store key each of the four session fields lives under by the schema's\n // `bpa_ui_component` + `ui_position`, NOT by property name: property keys are\n // config-authored and vary per template (`rule_description` vs `ruleDescription`,\n // `wta` vs `whenToApply`), while the component type is what actually defines the role.\n const variantProperties = props.schema?.properties \|\| {};\n\n // `read_only_in_edit_flow`: in the edit flow the wrapper (or every editable field\n // in it) can be frozen — then the variant header shows no Edit button at all, and\n // the whole subtree renders read-only. A partially frozen variant still gets its\n // Edit button; the frozen fields simply stay locked inside the open session and\n // say so (BPARenderer renders the lock notice + tooltip).\n const wrapperLocked = isNodeLocked(props.schema, props.uiState);\n const variantEditLocked = isWrapperEditLocked(props.schema, props.uiState);\n /** cleanKey → true for every field frozen in the current flow. /\n const lockedCleanKeys = React.useMemo(() => {\n const set = new Set<string>();\n const walk = (properties: Record<string, any> = {}, inherited = false) => {\n Object.entries(properties).forEach(([key, node]: any) => {\n const locked = inherited \|\| wrapperLocked \|\| isNodeLocked(node, props.uiState);\n if (locked) set.add(String(node?.data_key \|\| key).replace('global.', ''));\n if (node?.properties) walk(node.properties, locked);\n });\n };\n walk(variantProperties);\n return set;\n }, [variantProperties, wrapperLocked, props.uiState?.usedFor]);\n const isLockedKey = (key?: string) => !!key && lockedCleanKeys.has(key);\n const byComponent = (component: string) =>\n Object.entries(variantProperties)\n .filter(([, node]: any) => node?.bpa_ui_component === component && !node?.hidden)\n .sort(([, a]: any, [, b]: any) => (a?.ui_position ?? 0) - (b?.ui_position ?? 0))\n .map(([key, node]: any) => String(node?.data_key \|\| key).replace('global.', ''));\n\n const [descCleanKey] = byComponent('TextInput');\n const [promptCleanKey] = byComponent('PromptTextEditor');\n // First ConditionSection by ui_position is \"when to apply\", second is \"when NOT to apply\".\n const [wtaCleanKey, wntaCleanKey] = byComponent('ConditionSection');\n\n // `item` here is just the variant index — the draft is built straight from the\n // canonical dynamic-form store, not from `props.state.variantsByTier` (which is a\n // read-display mirror and may not reflect the same value). Only ever called when\n // the user opens an edit session, so the non-reactive getState() read is safe.\n const buildVariantDraft = (variantIndex: number): VariantDraft => {\n const { getVariantField } = useDynamicFormStore.getState();\n const read = (key?: string) => (key ? getVariantField(tier, variantIndex, key) : undefined);\n return {\n ruleDescription: read(descCleanKey) \|\| '',\n instructionPrompt: read(promptCleanKey) \|\| '',\n whenToApplyConditions: splitConditions(read(wtaCleanKey) \|\| '', 'wta'),\n whenNotToApplyConditions: splitConditions(read(wntaCleanKey) \|\| '', 'wnta'),\n };\n };\n\n // The instruction prompt is user-owned and committed straight to the store on\n // Save (no AI round-trip): the user sees exactly what they typed the moment the\n // session closes. Description/WTA/WNTA are AI-owned — they're mirrored instead,\n // so they stay visible without looking committed until the AI actually writes\n // them back (mirrors the \"Instruction Setup\" title's mirage behaviour).\n const commitVariantEdit = (\n committed: {\n instructionPrompt?: string;\n ruleDescription?: string;\n whenToApplyText?: string;\n whenNotToApplyText?: string;\n },\n session: { variantIndex: number; tierKey: string },\n ) => {\n const { setVariantField, setVariantMirage } = useDynamicFormStore.getState();\n if (committed.instructionPrompt !== undefined && promptCleanKey) {\n setVariantField(session.tierKey, session.variantIndex, promptCleanKey, committed.instructionPrompt);\n }\n if (committed.ruleDescription !== undefined && descCleanKey) {\n setVariantMirage(session.tierKey, session.variantIndex, descCleanKey, committed.ruleDescription);\n }\n if (committed.whenToApplyText !== undefined && wtaCleanKey) {\n setVariantMirage(session.tierKey, session.variantIndex, wtaCleanKey, committed.whenToApplyText);\n }\n if (committed.whenNotToApplyText !== undefined && wntaCleanKey) {\n setVariantMirage(session.tierKey, session.variantIndex, wntaCleanKey, committed.whenNotToApplyText);\n }\n };\n\n // Reactive read (the getState() reads elsewhere are one-shot) so the Add/Edit\n // label flips as soon as the AI or the user fills the variant in.\n const variantStore = useDynamicFormStore((s) => s.variantData);\n\n // Mirages exist only to keep the user's draft visible while the AI's turn is in\n // flight — once that turn ends, drop them (see useSectionEditSession, which does\n // the same for the \"Instruction Setup\" title). If the AI actually wrote the\n // fields back, the real store value wins from here on; if it didn't, the field\n // falls back to its real (unset) value instead of looking permanently saved.\n const prevVariantStreaming = useRef(props.uiState?.isAiStreaming);\n useEffect(() => {\n if (prevVariantStreaming.current && !props.uiState?.isAiStreaming) {\n useDynamicFormStore.getState().clearAllMirages();\n }\n prevVariantStreaming.current = props.uiState?.isAiStreaming;\n }, [props.uiState?.isAiStreaming]);\n\n const {\n variantEdit,\n pendingVariantId,\n handleStartVariantEdit,\n handleCancelVariantEdit,\n patchVariantDraft,\n editDraftCondition,\n removeDraftCondition,\n addDraftCondition,\n handleSaveVariantEdit,\n } = useVariantEditSession(props.uiState, buildVariantDraft, commitVariantEdit);\n\n // Discoverability nudge: clicking anywhere inside a variant's body while no edit\n // session is open pulses the header's Add/Edit button (the only way in) and scrolls\n // it into view, instead of leaving the click silently inert.\n const editButtonRefs = useRef<Record<string, HTMLButtonElement \| null>>({});\n const [glowingVariantId, setGlowingVariantId] = useState<string \| null>(null);\n const glowTimer = useRef<any>(null);\n\n useEffect(() => () => { if (glowTimer.current) clearTimeout(glowTimer.current); }, []);\n\n const nudgeEditButton = useCallback((editId: string) => {\n const btn = editButtonRefs.current[editId];\n if (!btn \|\| btn.disabled) return;\n btn.scrollIntoView({ behavior: 'smooth', block: 'center' });\n setGlowingVariantId(editId);\n if (glowTimer.current) clearTimeout(glowTimer.current);\n glowTimer.current = setTimeout(() => setGlowingVariantId(null), 1800);\n }, []);\n\n const buildReadOnlyOverrides = (readOnly: boolean) => {\n const overrides: Record<string, any> = {};\n const collectOverrides = (properties: Record<string, any> = {}) => {\n Object.entries(properties).forEach(([key, rawNode]: any) => {\n const cleanKey = (rawNode?.data_key \|\| key).replace('global.', '');\n overrides[cleanKey] = { readOnly };\n if (rawNode?.properties) collectOverrides(rawNode.properties);\n });\n };\n collectOverrides(props.schema?.properties);\n return overrides;\n };\n\n return (\n <VariantListWrapper\n onAddVariant={() => { if (props.handlers?.addNewVariant) props.handlers.addNewVariant(tier); }}\n isDisabled={props.uiState?.isAiStreaming}\n // Under parent_edit the outer rule-list \"Add Variant\" button (RuleAccordionShell)\n // owns this action instead — matches CreateRule.tsx's new-UI behaviour.\n showAddVariantBtn={!parentEdit && props.uiState?.usedFor !== 'Edit'}\n // Under parent_edit each variant is already its own bordered card, so the\n // connector stick between them is redundant chrome — hide it here only.\n showConnectorLines={!parentEdit}\n >\n <style>{`@keyframes ilVariantEditGlow {\n 0%, 100% { box-shadow: 0 0 0 0 rgba(127, 86, 217, 0); }\n 50% { box-shadow: 0 0 0 4px rgba(127, 86, 217, 0.25), 0 0 10px 2px rgba(127, 86, 217, 0.35); }\n }`}</style>\n {variants.map((item: any, vIndex: number) => {\n const variantType = item.variantType \|\| 'default';\n const isDefault = variantType === 'default' \|\| variantType === 'default_variant';\n const uniqueId = `${tier}-variant-${vIndex}`;\n const isDraftVariant = item.is_variant === true;\n // Once the user picks a variant, that choice wins; until then the drafted\n // (new) variant is open by default and loaded variants stay collapsed.\n const activeIndex = props.uiState?.activeVariantAccordionIndex;\n const isExpanded = activeIndex !== undefined ? activeIndex === vIndex : isDraftVariant;\n const isEffectivelyReadOnly = item.isReadOnly \|\| props.uiState?.isAiStreaming;\n\n const variantEditId = `variant-${tier}-${vIndex}`;\n const isThisVariantEditing = parentEdit && variantEdit?.id === variantEditId;\n const isThisVariantPending = pendingVariantId === variantEditId;\n const draft = isThisVariantEditing ? variantEdit!.draft : null;\n const isVariantEditDisabled = isEffectivelyReadOnly \|\| isThisVariantPending;\n\n // Nothing filled in yet → the header offers \"Add\" rather than \"Edit\".\n const variantValues = variantStore?.[tier]?.[vIndex] \|\| {};\n const isVariantEmpty = ![descCleanKey, promptCleanKey, wtaCleanKey, wntaCleanKey]\n .some((key) => key && hasMeaningfulText(variantValues[key]));\n\n const isVariantSaveDisabled = !draft\n \|\| !hasMeaningfulText(draft.ruleDescription)\n \|\| !draft.whenToApplyConditions.some((c) => hasMeaningfulText(c.text));\n\n // Only the variant in an open edit session gets draft-bound value/conditions.\n // Everywhere else the fields keep reading the store themselves (BPAFieldWrapper\n // subscribes to it), so AI write-backs stay live — we only add the props that\n // suppress the old per-field pencil/Apply chrome.\n const overrides: Record<string, any> = { ...buildReadOnlyOverrides(isEffectivelyReadOnly \|\| wrapperLocked) };\n\n if (parentEdit) {\n const put = (key: string \| undefined, patch: any) => {\n if (!key) return;\n // Frozen field: keep it store-bound and read-only, never draft-bound.\n if (isLockedKey(key)) {\n overrides[key] = {\n ...(overrides[key] \|\| {}),\n readOnly: true,\n enableInlineEdit: false,\n hideEditControls: true,\n parentEditing: isThisVariantEditing,\n };\n return;\n }\n overrides[key] = { ...(overrides[key] \|\| {}), ...patch };\n };\n\n put(descCleanKey, {\n readOnly: isEffectivelyReadOnly \|\| !isThisVariantEditing,\n enableInlineEdit: false, // no per-field pencil — the variant header owns editing\n ...(draft ? { value: draft.ruleDescription, onChange: (v: string) => patchVariantDraft({ ruleDescription: v }) } : {}),\n });\n\n put(promptCleanKey, {\n readOnly: isEffectivelyReadOnly \|\| !isThisVariantEditing,\n hideEditControls: true,\n parentEditing: isThisVariantEditing,\n ...(draft ? { value: draft.instructionPrompt, onChange: (v: string) => patchVariantDraft({ instructionPrompt: v }) } : {}),\n });\n\n put(wtaCleanKey, {\n readOnly: isEffectivelyReadOnly,\n hideEditControls: true,\n parentEditing: isThisVariantEditing,\n ...(draft ? {\n conditions: draft.whenToApplyConditions,\n onAdd: () => addDraftCondition('whenToApplyConditions'),\n onRemove: (_t: string, _i: number, id: any) => removeDraftCondition('whenToApplyConditions', id),\n onEdit: (_t: string, _i: number, id: any, text: string) => editDraftCondition('whenToApplyConditions', id, text),\n } : {}),\n });\n\n put(wntaCleanKey, {\n readOnly: isEffectivelyReadOnly,\n hideEditControls: true,\n parentEditing: isThisVariantEditing,\n ...(draft ? {\n conditions: draft.whenNotToApplyConditions,\n onAdd: () => addDraftCondition('whenNotToApplyConditions'),\n onRemove: (_t: string, _i: number, id: any) => removeDraftCondition('whenNotToApplyConditions', id),\n onEdit: (_t: string, _i: number, id: any, text: string) => editDraftCondition('whenNotToApplyConditions', id, text),\n } : {}),\n });\n }\n\n const isGlowing = glowingVariantId === variantEditId;\n\n const renderVariantHeaderActions = (isOpen: boolean, onToggle: () => void) => {\n if (!parentEdit) return null;\n // Wrapper frozen, or nothing left in it that can still be edited.\n if (variantEditLocked) return null;\n if (isEffectivelyReadOnly && !isThisVariantEditing && !isThisVariantPending) return null;\n\n // Save/Cancel live at the bottom-left of the variant body (users read and edit\n // top-to-bottom, then look down-left to commit) — not in the header.\n if (isThisVariantEditing \|\| isThisVariantPending) return null;\n\n return (\n <button\n ref={(el) => { editButtonRefs.current[variantEditId] = el; }}\n title={isVariantEditDisabled ? 'Editing unavailable' : (isVariantEmpty ? 'Add' : 'Edit')}\n onClick={(e) => {\n e.stopPropagation();\n handleStartVariantEdit(vIndex, tier, vIndex, variantType);\n if (!isOpen) onToggle();\n }}\n disabled={isVariantEditDisabled}\n style={{\n display: 'flex', alignItems: 'center', justifyContent: 'center',\n padding: '6px 8px', borderRadius: '6px',\n border: `1px solid ${isGlowing ? 'var(--il-primary, #7F56D9)' : 'var(--il-border, #E2E8F0)'}`,\n backgroundColor: isGlowing ? 'var(--il-primary-subtle, #f5f3ff)' : 'var(--il-surface, #ffffff)',\n color: isGlowing ? 'var(--il-primary, #2563EB)' : 'var(--il-muted, #64748B)', fontSize: '13px', fontWeight: 500,\n cursor: isVariantEditDisabled ? 'not-allowed' : 'pointer',\n opacity: isVariantEditDisabled ? 0.5 : 1,\n gap: '6px',\n transition: 'border-color 150ms ease, background-color 150ms ease, color 150ms ease',\n animation: isGlowing ? 'ilVariantEditGlow 900ms ease-in-out 2' : undefined,\n }}\n >\n <EditPencilIcon size={12} /> {isVariantEmpty ? 'Add' : 'Edit'}\n </button>\n );\n };\n\n return (\n <div key={uniqueId} style={{ width: '100%' }} data-edit-id={parentEdit ? variantEditId : undefined}>\n <AccordionSection\n title={{ type: isDefault ? 'default' : 'variant', label: variantType, number: vIndex + 1, isNewVariant: isDraftVariant, isDefault: item.isDefault, isModified: item.isModified }}\n expanded={isExpanded}\n onToggle={() => props.uiState?.setActiveVariantAccordionIndex?.(isExpanded ? null : vIndex)}\n variant=\"rule-behavior\"\n showTitlePill={showVariantPill}\n footerData={{ ruleTitle: variantType, description: item.ruleDescription \|\| '' }}\n readOnly={isEffectivelyReadOnly}\n actionButtons={parentEdit ? renderVariantHeaderActions : undefined}\n isAiStreaming={props.uiState?.isAiStreaming}\n // Keep the header mounted while streaming so the Save button can show\n // \"Validating...\" — the render fn already returns null for variants that\n // aren't the one being validated.\n alwaysShowActions={parentEdit}\n >\n <div\n style={{ display: 'flex', flexDirection: 'column', gap: '12px' }}\n onClickCapture={() => {\n if (parentEdit && !variantEditLocked && !isThisVariantEditing && !isThisVariantPending && !isVariantEditDisabled) {\n nudgeEditButton(variantEditId);\n }\n }}\n >\n {/ Pass the resolved tier so nested fields hit variantData[tier][vIndex]. /}\n {props.renderChildren ? props.renderChildren(vIndex, overrides, tier) : null}\n\n {/ Bottom-left Save/Cancel for the open edit session. /}\n {parentEdit && (isThisVariantEditing \|\| isThisVariantPending) && (\n <div style={{ display: 'flex', alignItems: 'center', gap: '6px', justifyContent: 'flex-start' }}>\n <button\n onClick={(e) => { e.stopPropagation(); handleSaveVariantEdit(); }}\n disabled={isVariantSaveDisabled \|\| isThisVariantPending}\n style={{\n display: 'flex', alignItems: 'center', gap: '6px',\n padding: '6px 10.5px', borderRadius: '6px',\n border: '1px solid var(--il-primary, #D9D6FE)', backgroundColor: isThisVariantPending ? 'var(--il-primary-subtle, #f5f3ff)' : 'var(--il-surface, #ffffff)',\n color: 'var(--il-primary, #2563EB)', fontSize: '13px', fontWeight: 500,\n cursor: (isVariantSaveDisabled \|\| isThisVariantPending) ? 'not-allowed' : 'pointer',\n opacity: isVariantSaveDisabled ? 0.5 : 1,\n }}\n >\n {isThisVariantPending ? 'Validating...' : 'Save'}\n </button>\n {!isThisVariantPending && (\n <button\n onClick={(e) => { e.stopPropagation(); handleCancelVariantEdit(); }}\n style={{\n display: 'flex', alignItems: 'center', gap: '6px',\n padding: '6px 10.5px', borderRadius: '6px',\n border: '1px solid var(--il-primary, #D9D6FE)', backgroundColor: 'var(--il-surface, #ffffff)',\n color: 'var(--il-primary, #2563EB)', fontSize: '13px', fontWeight: 500,\n cursor: 'pointer',\n }}\n >\n Cancel\n </button>\n )}\n </div>\n )}\n\n {/ Pending warning — user was editing this variant but clicked away without saving. */}\n {parentEdit && isThisVariantEditing && props.uiState?.pendingEditId === variantEditId && (\n <div style={{ display: 'flex', alignItems: 'center', gap: '6px' }}>\n <AlertTriangle size={14} style={{ color: 'var(--il-warning, #C2410C)' }} />\n <div style={{ color: 'var(--il-warning, #C2410C)', fontSize: '13px' }}>\n Pending - Changes not applied yet. Apply or discard them to continue.\n </div>\n </div>\n )}\n </div>\n </AccordionSection>\n </div>\n );\n })}\n </VariantListWrapper>\n );\n}\n"],"names":["React","_a","_b","_c","_d","_e","_i"],"mappings":"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"}

package/dist/schema-driven/helper.js CHANGED Viewed

@@ -1,2 +1,117 @@
-import{__assign as e}from"tslib";function o(e){var o,n,t,r,c;if(void 0!==e.defaultValue)return e.defaultValue;switch(e.type){case"checkbox":return!1;case"number":default:return"";case"dropdown":return null!==(n=null===(o=e.options)||void 0===o?void 0:o[0])&&void 0!==n?n:"";case"fileType":return null!==(c=null!==(t=e.defaultValue)&&void 0!==t?t:null===(r=e.options)||void 0===r?void 0:r[0])&&void 0!==c?c:"PDF";case"tags":return[]}}function n(e){var n={};return e.forEach(function(e){n[e.key]=o(e)}),n}function t(o,n){return n?o.map(function(o,t){var r;return e(e({},o),((r={})[n]=t+1,r))}):o}var r='\n.{scope}.et-wrapper { display: flex; flex-direction: column; gap: 12px; font-family: inherit; }\n.{scope} .et-table-container { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n.{scope} .et-table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #E7E4F2; border-radius: 12px; overflow: hidden; font-size: 14px; min-width: 100%; }\n.{scope} .et-table thead th { background: #F3F1FB; color: #2C2A3D; font-weight: 600; text-align: left; padding: 14px 16px; border-bottom: 1px solid #E7E4F2; white-space: nowrap; }\n.{scope} .et-table tbody td { padding: 10px 16px; border-bottom: 1px solid #EFEDF7; vertical-align: middle; background: #fff; }\n.{scope} .et-table tbody tr:last-child td { border-bottom: none; }\n.{scope} .et-table tbody tr:hover td { background: #FAFAFE; }\n.{scope} .et-row-locked td { background: #FFFBF0; }\n.{scope} .et-index-col { width: 48px; color: #8A8698; font-variant-numeric: tabular-nums; }\n.{scope} .et-drag-col { width: 32px; text-align: center; }\n.{scope} .et-drag-handle { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 28px; cursor: grab; color: #8A8698; user-select: none; border-radius: 6px; touch-action: none; }\n.{scope} .et-drag-handle:hover { color: var(--et-accent, #6C5CE7); background: #F3F1FB; }\n.{scope} .et-drag-handle:active { cursor: grabbing; }\n.{scope} tr[draggable="true"] { will-change: transform, opacity; }\n.{scope} .et-lock-icon { opacity: 0.85; }\n.{scope} .et-action-col { width: 40px; text-align: center; }\n.{scope} .et-readonly-cell { color: #5B5770; display: inline-flex; align-items: center; gap: 6px; }\n.{scope} .et-input, .{scope} .et-select { width: 100%; min-width: 64px; padding: 7px 10px; border: 1px solid #DFDCEC; border-radius: 8px; background: #FBFAFE; font-size: 14px; color: #262433; transition: border-color 0.15s ease, box-shadow 0.15s ease; }\n.{scope} .et-input:focus, .{scope} .et-select:focus { outline: none; border-color: var(--et-accent, #6C5CE7); box-shadow: 0 0 0 3px var(--et-accent-soft, rgba(108, 92, 231, 0.15)); background: #fff; }\n.{scope} .et-input:disabled,.{scope} .et-select:disabled {\n  background: #FBFAFE;\n  color: #262433;\n  border-color: #DFDCEC;\n  cursor: not-allowed;\n  opacity: 1;\n}\n.{scope} .et-checkbox { width: 18px; height: 18px; accent-color: var(--et-accent, #6C5CE7); cursor: pointer; }\n.{scope} .et-checkbox:disabled { cursor: not-allowed; opacity: 1; }\n.{scope} .et-delete-btn { border: none; background: transparent; cursor: pointer; font-size: 15px; opacity: 0.6; padding: 4px; border-radius: 6px; line-height: 1; }\n.{scope} .et-delete-btn:hover { opacity: 1; background: #FBEAEA; }\n.{scope} .et-add-btn { align-self: flex-start; padding: 10px 18px; border-radius: 10px; border: 1px solid #DFDCEC; background: #fff; color: var(--et-accent-strong, #4B3FD6); font-weight: 600; font-size: 14px; cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease; }\n.{scope} .et-add-btn:hover { background: #F3F1FB; border-color: #C9C3EE; }\n.{scope} .et-empty-state { text-align: center; padding: 28px 16px; color: #9C98AC; font-size: 14px; }\n\n/* lock column */\n.{scope} .et-lock-col { width: 36px; text-align: center; }\n.{scope} .et-lock-btn { border: none; background: transparent; cursor: pointer; font-size: 15px; padding: 2px; opacity: 0.75; line-height: 1; }\n.{scope} .et-lock-btn:hover:not(:disabled) { opacity: 1; }\n.{scope} .et-lock-btn:disabled { cursor: default; opacity: 0.85; }\n\n/* header info tooltip icon */\n.{scope} .et-info-icon { color: #B8B4C9; font-size: 12px; margin-left: 4px; cursor: help; font-weight: 400; }\n\n/* badge / status pill (e.g. Ingestion Choice) */\n.{scope} .et-badge { display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 999px; font-size: 13px; font-weight: 600; white-space: nowrap; }\n.{scope} .et-badge-success { color: #1E7E4D; background: #DFF6E8; }\n.{scope} .et-badge-warning { color: #92600A; background: #FDF1CC; }\n.{scope} .et-badge-danger { color: #A13333; background: #FBE4E4; }\n.{scope} .et-badge-info { color: #2E4FA3; background: #E3EBFB; }\n.{scope} .et-badge-neutral { color: #4B4863; background: #EFEDF7; }\n.{scope} .et-badge-select { min-width: 128px; padding: 5px 10px; border-radius: 999px; border: 1px solid transparent; font-size: 13px; font-weight: 600; cursor: pointer; }\n.{scope} .et-badge-select:disabled {\n  cursor: default;\n  opacity: 1;\n  cursor: not-allowed;\n}\n.{scope} .et-badge-select:focus { outline: none; box-shadow: 0 0 0 3px var(--et-accent-soft, rgba(108, 92, 231, 0.15)); }\n.{scope} .et-badge-select-success { color: #1E7E4D; background-color: #DFF6E8; }\n.{scope} .et-badge-select-warning { color: #92600A; background-color: #FDF1CC; }\n.{scope} .et-badge-select-danger { color: #A13333; background-color: #FBE4E4; }\n.{scope} .et-badge-select-info { color: #2E4FA3; background-color: #E3EBFB; }\n.{scope} .et-badge-select-neutral { color: #4B4863; background-color: #EFEDF7; }\n\n/* tags (e.g. General Modality) */\n.{scope} .et-tags { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-height: 28px; }\n.{scope} .et-tags-clickable { cursor: pointer; border-radius: 8px; padding: 2px; margin: -2px; }\n.{scope} .et-tags-clickable:hover { background: #FAFAFE; }\n.{scope} .et-tag { display: inline-flex; align-items: center; gap: 4px; padding: 4px 8px 4px 10px; border-radius: 8px; background: #F3F1FB; color: #2C2A3D; font-size: 13px; border: 1px solid #E7E4F2; }\n.{scope} .et-tag-static { padding: 4px 10px; }\n.{scope} .et-tag-remove { border: none; background: transparent; cursor: pointer; color: #8A8698; font-size: 13px; line-height: 1; padding: 0; }\n.{scope} .et-tag-remove:hover { color: #A13333; }\n.{scope} .et-tags-placeholder { color: #A5A2B5; font-size: 13px; padding: 4px 2px; }\n.{scope} .et-tags-empty { color: #C9C6D6; font-size: 13px; }\n.{scope} .et-tags-editor { display: flex; flex-direction: column; gap: 6px; padding: 10px; border: 1px solid #DFDCEC; border-radius: 10px; background: #FBFAFE; box-shadow: 0 2px 10px rgba(44, 42, 61, 0.08); min-width: 160px; }\n.{scope} .et-tags-option { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #262433; cursor: pointer; }\n.{scope} .et-tags-option input { accent-color: var(--et-accent, #6C5CE7); cursor: pointer; }\n.{scope} .et-tags-done { align-self: flex-end; border: none; background: var(--et-accent, #6C5CE7); color: #fff; font-size: 12px; font-weight: 600; padding: 5px 12px; border-radius: 7px; cursor: pointer; margin-top: 2px; }\n.{scope} .et-tags-done:hover { opacity: 0.9; }\n\n/* file type chip (e.g. File Extension) */\n.{scope} .et-file-chip { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #E7E4F2; border-radius: 8px; padding: 4px 10px; font-size: 13px; color: #4B4863; background: #fff; }\n.{scope} .et-file-icon { font-size: 13px; line-height: 1; }\n.{scope} .et-file-select { min-width: 88px; }\n';export{r as DEFAULT_TABLE_CSS_TEMPLATE,n as buildEmptyRow,o as defaultForColumn,t as withOrder};
+function defaultForColumn(col) {
+  var _a, _b, _c, _d, _e;
+  if (col.defaultValue !== void 0) return col.defaultValue;
+  switch (col.type) {
+    case "checkbox":
+      return false;
+    case "number":
+      return "";
+    case "dropdown":
+      return (_b = (_a = col.options) == null ? void 0 : _a[0]) != null ? _b : "";
+    case "fileType":
+      return (_e = (_d = col.defaultValue) != null ? _d : (_c = col.options) == null ? void 0 : _c[0]) != null ? _e : "PDF";
+    case "tags":
+      return [];
+    default:
+      return "";
+  }
+}
+function buildEmptyRow(columns) {
+  const row = {};
+  columns.forEach((col) => {
+    row[col.key] = defaultForColumn(col);
+  });
+  return row;
+}
+function withOrder(rows, orderKey) {
+  if (!orderKey) return rows;
+  return rows.map((row, index) => ({ ...row, [orderKey]: index + 1 }));
+}
+const DEFAULT_TABLE_CSS_TEMPLATE = `
+.{scope}.et-wrapper { display: flex; flex-direction: column; gap: 12px; font-family: inherit; }
+.{scope} .et-table-container { overflow-x: auto; -webkit-overflow-scrolling: touch; }
+.{scope} .et-table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #E7E4F2; border-radius: 12px; overflow: hidden; font-size: 14px; min-width: 100%; }
+.{scope} .et-table thead th { background: #F3F1FB; color: #2C2A3D; font-weight: 600; text-align: left; padding: 14px 16px; border-bottom: 1px solid #E7E4F2; white-space: nowrap; }
+.{scope} .et-table tbody td { padding: 10px 16px; border-bottom: 1px solid #EFEDF7; vertical-align: middle; background: #fff; }
+.{scope} .et-table tbody tr:last-child td { border-bottom: none; }
+.{scope} .et-table tbody tr:hover td { background: #FAFAFE; }
+.{scope} .et-row-locked td { background: #FFFBF0; }
+.{scope} .et-index-col { width: 48px; color: #8A8698; font-variant-numeric: tabular-nums; }
+.{scope} .et-drag-col { width: 32px; text-align: center; }
+.{scope} .et-drag-handle { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 28px; cursor: grab; color: #8A8698; user-select: none; border-radius: 6px; touch-action: none; }
+.{scope} .et-drag-handle:hover { color: var(--et-accent, #6C5CE7); background: #F3F1FB; }
+.{scope} .et-drag-handle:active { cursor: grabbing; }
+.{scope} tr[draggable="true"] { will-change: transform, opacity; }
+.{scope} .et-lock-icon { opacity: 0.85; }
+.{scope} .et-action-col { width: 40px; text-align: center; }
+.{scope} .et-readonly-cell { color: #5B5770; display: inline-flex; align-items: center; gap: 6px; }
+.{scope} .et-input, .{scope} .et-select { width: 100%; min-width: 64px; padding: 7px 10px; border: 1px solid #DFDCEC; border-radius: 8px; background: #FBFAFE; font-size: 14px; color: #262433; transition: border-color 0.15s ease, box-shadow 0.15s ease; }
+.{scope} .et-input:focus, .{scope} .et-select:focus { outline: none; border-color: var(--et-accent, #6C5CE7); box-shadow: 0 0 0 3px var(--et-accent-soft, rgba(108, 92, 231, 0.15)); background: #fff; }
+.{scope} .et-input:disabled,.{scope} .et-select:disabled {
+  background: #FBFAFE;
+  color: #262433;
+  border-color: #DFDCEC;
+  cursor: not-allowed;
+  opacity: 1;
+}
+.{scope} .et-checkbox { width: 18px; height: 18px; accent-color: var(--et-accent, #6C5CE7); cursor: pointer; }
+.{scope} .et-checkbox:disabled { cursor: not-allowed; opacity: 1; }
+.{scope} .et-delete-btn { border: none; background: transparent; cursor: pointer; font-size: 15px; opacity: 0.6; padding: 4px; border-radius: 6px; line-height: 1; }
+.{scope} .et-delete-btn:hover { opacity: 1; background: #FBEAEA; }
+.{scope} .et-add-btn { align-self: flex-start; padding: 10px 18px; border-radius: 10px; border: 1px solid #DFDCEC; background: #fff; color: var(--et-accent-strong, #4B3FD6); font-weight: 600; font-size: 14px; cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease; }
+.{scope} .et-add-btn:hover { background: #F3F1FB; border-color: #C9C3EE; }
+.{scope} .et-empty-state { text-align: center; padding: 28px 16px; color: #9C98AC; font-size: 14px; }
+/* lock column */
+.{scope} .et-lock-col { width: 36px; text-align: center; }
+.{scope} .et-lock-btn { border: none; background: transparent; cursor: pointer; font-size: 15px; padding: 2px; opacity: 0.75; line-height: 1; }
+.{scope} .et-lock-btn:hover:not(:disabled) { opacity: 1; }
+.{scope} .et-lock-btn:disabled { cursor: default; opacity: 0.85; }
+/* header info tooltip icon */
+.{scope} .et-info-icon { color: #B8B4C9; font-size: 12px; margin-left: 4px; cursor: help; font-weight: 400; }
+/* badge / status pill (e.g. Ingestion Choice) */
+.{scope} .et-badge { display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 999px; font-size: 13px; font-weight: 600; white-space: nowrap; }
+.{scope} .et-badge-success { color: #1E7E4D; background: #DFF6E8; }
+.{scope} .et-badge-warning { color: #92600A; background: #FDF1CC; }
+.{scope} .et-badge-danger { color: #A13333; background: #FBE4E4; }
+.{scope} .et-badge-info { color: #2E4FA3; background: #E3EBFB; }
+.{scope} .et-badge-neutral { color: #4B4863; background: #EFEDF7; }
+.{scope} .et-badge-select { min-width: 128px; padding: 5px 10px; border-radius: 999px; border: 1px solid transparent; font-size: 13px; font-weight: 600; cursor: pointer; }
+.{scope} .et-badge-select:disabled {
+  cursor: default;
+  opacity: 1;
+  cursor: not-allowed;
+}
+.{scope} .et-badge-select:focus { outline: none; box-shadow: 0 0 0 3px var(--et-accent-soft, rgba(108, 92, 231, 0.15)); }
+.{scope} .et-badge-select-success { color: #1E7E4D; background-color: #DFF6E8; }
+.{scope} .et-badge-select-warning { color: #92600A; background-color: #FDF1CC; }
+.{scope} .et-badge-select-danger { color: #A13333; background-color: #FBE4E4; }
+.{scope} .et-badge-select-info { color: #2E4FA3; background-color: #E3EBFB; }
+.{scope} .et-badge-select-neutral { color: #4B4863; background-color: #EFEDF7; }
+/* tags (e.g. General Modality) */
+.{scope} .et-tags { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-height: 28px; }
+.{scope} .et-tags-clickable { cursor: pointer; border-radius: 8px; padding: 2px; margin: -2px; }
+.{scope} .et-tags-clickable:hover { background: #FAFAFE; }
+.{scope} .et-tag { display: inline-flex; align-items: center; gap: 4px; padding: 4px 8px 4px 10px; border-radius: 8px; background: #F3F1FB; color: #2C2A3D; font-size: 13px; border: 1px solid #E7E4F2; }
+.{scope} .et-tag-static { padding: 4px 10px; }
+.{scope} .et-tag-remove { border: none; background: transparent; cursor: pointer; color: #8A8698; font-size: 13px; line-height: 1; padding: 0; }
+.{scope} .et-tag-remove:hover { color: #A13333; }
+.{scope} .et-tags-placeholder { color: #A5A2B5; font-size: 13px; padding: 4px 2px; }
+.{scope} .et-tags-empty { color: #C9C6D6; font-size: 13px; }
+.{scope} .et-tags-editor { display: flex; flex-direction: column; gap: 6px; padding: 10px; border: 1px solid #DFDCEC; border-radius: 10px; background: #FBFAFE; box-shadow: 0 2px 10px rgba(44, 42, 61, 0.08); min-width: 160px; }
+.{scope} .et-tags-option { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #262433; cursor: pointer; }
+.{scope} .et-tags-option input { accent-color: var(--et-accent, #6C5CE7); cursor: pointer; }
+.{scope} .et-tags-done { align-self: flex-end; border: none; background: var(--et-accent, #6C5CE7); color: #fff; font-size: 12px; font-weight: 600; padding: 5px 12px; border-radius: 7px; cursor: pointer; margin-top: 2px; }
+.{scope} .et-tags-done:hover { opacity: 0.9; }
+/* file type chip (e.g. File Extension) */
+.{scope} .et-file-chip { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #E7E4F2; border-radius: 8px; padding: 4px 10px; font-size: 13px; color: #4B4863; background: #fff; }
+.{scope} .et-file-icon { font-size: 13px; line-height: 1; }
+.{scope} .et-file-select { min-width: 88px; }
+`;
+export { DEFAULT_TABLE_CSS_TEMPLATE, buildEmptyRow, defaultForColumn, withOrder };
 //# sourceMappingURL=helper.js.map

package/dist/schema-driven/helper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"helper.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"helper.js","sources":["../../src/schema-driven/helper.ts"],"sourcesContent":["\n\nimport { ColumnDef } from \"./types\";\n\nexport function defaultForColumn<T>(col: ColumnDef<T>): any {\n if (col.defaultValue !== undefined) return col.defaultValue;\n switch (col.type) {\n case 'checkbox':\n return false;\n case 'number':\n return '';\n case 'dropdown':\n return col.options?.[0] ?? '';\n case 'fileType':\n return col.defaultValue ?? col.options?.[0] ?? 'PDF';\n case 'tags':\n return [];\n default:\n return '';\n }\n}\n\nexport function buildEmptyRow<T extends Record<string, any>>(columns: ColumnDef<T>[]): T {\n const row = {} as T;\n columns.forEach((col) => {\n (row as any)[col.key] = defaultForColumn(col);\n });\n return row;\n}\n\n/*\n When `orderKey` is provided, stamps every row with its 1-based position\n * in that field. Returns the array unchanged (same reference) when no\n * `orderKey` is configured, so this is a no-op for existing consumers.\n /\nexport function withOrder<T extends Record<string, any>>(\n rows: T[],\n orderKey: Extract<keyof T, string> \| undefined\n): T[] {\n if (!orderKey) return rows;\n return rows.map((row, index) => ({ ...row, [orderKey]: index + 1 }));\n}\n\n\n\n/ Default styling for Table component /\n\n\n/\n The default stylesheet, as a template. `{scope}` is replaced with a\n * unique per-instance class so multiple tables never leak styles into\n * each other. Import this if you want to start from the default and\n * only override a few rules, e.g.:\n \n const css = DEFAULT_TABLE_CSS_TEMPLATE + `.et-add-btn { color: red; }`\n \n (your extra rules should target `.et-` too — they'll be scoped the\n same way as the defaults when you pass them back in via the `css` prop\n * — or scope them yourself with `.your-wrapper-class .et-`).\n /\nexport const DEFAULT_TABLE_CSS_TEMPLATE = `\n.{scope}.et-wrapper { display: flex; flex-direction: column; gap: 12px; font-family: inherit; }\n.{scope} .et-table-container { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n.{scope} .et-table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #E7E4F2; border-radius: 12px; overflow: hidden; font-size: 14px; min-width: 100%; }\n.{scope} .et-table thead th { background: #F3F1FB; color: #2C2A3D; font-weight: 600; text-align: left; padding: 14px 16px; border-bottom: 1px solid #E7E4F2; white-space: nowrap; }\n.{scope} .et-table tbody td { padding: 10px 16px; border-bottom: 1px solid #EFEDF7; vertical-align: middle; background: #fff; }\n.{scope} .et-table tbody tr:last-child td { border-bottom: none; }\n.{scope} .et-table tbody tr:hover td { background: #FAFAFE; }\n.{scope} .et-row-locked td { background: #FFFBF0; }\n.{scope} .et-index-col { width: 48px; color: #8A8698; font-variant-numeric: tabular-nums; }\n.{scope} .et-drag-col { width: 32px; text-align: center; }\n.{scope} .et-drag-handle { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 28px; cursor: grab; color: #8A8698; user-select: none; border-radius: 6px; touch-action: none; }\n.{scope} .et-drag-handle:hover { color: var(--et-accent, #6C5CE7); background: #F3F1FB; }\n.{scope} .et-drag-handle:active { cursor: grabbing; }\n.{scope} tr[draggable=\"true\"] { will-change: transform, opacity; }\n.{scope} .et-lock-icon { opacity: 0.85; }\n.{scope} .et-action-col { width: 40px; text-align: center; }\n.{scope} .et-readonly-cell { color: #5B5770; display: inline-flex; align-items: center; gap: 6px; }\n.{scope} .et-input, .{scope} .et-select { width: 100%; min-width: 64px; padding: 7px 10px; border: 1px solid #DFDCEC; border-radius: 8px; background: #FBFAFE; font-size: 14px; color: #262433; transition: border-color 0.15s ease, box-shadow 0.15s ease; }\n.{scope} .et-input:focus, .{scope} .et-select:focus { outline: none; border-color: var(--et-accent, #6C5CE7); box-shadow: 0 0 0 3px var(--et-accent-soft, rgba(108, 92, 231, 0.15)); background: #fff; }\n.{scope} .et-input:disabled,.{scope} .et-select:disabled {\n background: #FBFAFE;\n color: #262433;\n border-color: #DFDCEC;\n cursor: not-allowed;\n opacity: 1;\n}\n.{scope} .et-checkbox { width: 18px; height: 18px; accent-color: var(--et-accent, #6C5CE7); cursor: pointer; }\n.{scope} .et-checkbox:disabled { cursor: not-allowed; opacity: 1; }\n.{scope} .et-delete-btn { border: none; background: transparent; cursor: pointer; font-size: 15px; opacity: 0.6; padding: 4px; border-radius: 6px; line-height: 1; }\n.{scope} .et-delete-btn:hover { opacity: 1; background: #FBEAEA; }\n.{scope} .et-add-btn { align-self: flex-start; padding: 10px 18px; border-radius: 10px; border: 1px solid #DFDCEC; background: #fff; color: var(--et-accent-strong, #4B3FD6); font-weight: 600; font-size: 14px; cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease; }\n.{scope} .et-add-btn:hover { background: #F3F1FB; border-color: #C9C3EE; }\n.{scope} .et-empty-state { text-align: center; padding: 28px 16px; color: #9C98AC; font-size: 14px; }\n\n/* lock column /\n.{scope} .et-lock-col { width: 36px; text-align: center; }\n.{scope} .et-lock-btn { border: none; background: transparent; cursor: pointer; font-size: 15px; padding: 2px; opacity: 0.75; line-height: 1; }\n.{scope} .et-lock-btn:hover:not(:disabled) { opacity: 1; }\n.{scope} .et-lock-btn:disabled { cursor: default; opacity: 0.85; }\n\n/ header info tooltip icon /\n.{scope} .et-info-icon { color: #B8B4C9; font-size: 12px; margin-left: 4px; cursor: help; font-weight: 400; }\n\n/ badge / status pill (e.g. Ingestion Choice) /\n.{scope} .et-badge { display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 999px; font-size: 13px; font-weight: 600; white-space: nowrap; }\n.{scope} .et-badge-success { color: #1E7E4D; background: #DFF6E8; }\n.{scope} .et-badge-warning { color: #92600A; background: #FDF1CC; }\n.{scope} .et-badge-danger { color: #A13333; background: #FBE4E4; }\n.{scope} .et-badge-info { color: #2E4FA3; background: #E3EBFB; }\n.{scope} .et-badge-neutral { color: #4B4863; background: #EFEDF7; }\n.{scope} .et-badge-select { min-width: 128px; padding: 5px 10px; border-radius: 999px; border: 1px solid transparent; font-size: 13px; font-weight: 600; cursor: pointer; }\n.{scope} .et-badge-select:disabled {\n cursor: default;\n opacity: 1;\n cursor: not-allowed;\n}\n.{scope} .et-badge-select:focus { outline: none; box-shadow: 0 0 0 3px var(--et-accent-soft, rgba(108, 92, 231, 0.15)); }\n.{scope} .et-badge-select-success { color: #1E7E4D; background-color: #DFF6E8; }\n.{scope} .et-badge-select-warning { color: #92600A; background-color: #FDF1CC; }\n.{scope} .et-badge-select-danger { color: #A13333; background-color: #FBE4E4; }\n.{scope} .et-badge-select-info { color: #2E4FA3; background-color: #E3EBFB; }\n.{scope} .et-badge-select-neutral { color: #4B4863; background-color: #EFEDF7; }\n\n/ tags (e.g. General Modality) /\n.{scope} .et-tags { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-height: 28px; }\n.{scope} .et-tags-clickable { cursor: pointer; border-radius: 8px; padding: 2px; margin: -2px; }\n.{scope} .et-tags-clickable:hover { background: #FAFAFE; }\n.{scope} .et-tag { display: inline-flex; align-items: center; gap: 4px; padding: 4px 8px 4px 10px; border-radius: 8px; background: #F3F1FB; color: #2C2A3D; font-size: 13px; border: 1px solid #E7E4F2; }\n.{scope} .et-tag-static { padding: 4px 10px; }\n.{scope} .et-tag-remove { border: none; background: transparent; cursor: pointer; color: #8A8698; font-size: 13px; line-height: 1; padding: 0; }\n.{scope} .et-tag-remove:hover { color: #A13333; }\n.{scope} .et-tags-placeholder { color: #A5A2B5; font-size: 13px; padding: 4px 2px; }\n.{scope} .et-tags-empty { color: #C9C6D6; font-size: 13px; }\n.{scope} .et-tags-editor { display: flex; flex-direction: column; gap: 6px; padding: 10px; border: 1px solid #DFDCEC; border-radius: 10px; background: #FBFAFE; box-shadow: 0 2px 10px rgba(44, 42, 61, 0.08); min-width: 160px; }\n.{scope} .et-tags-option { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #262433; cursor: pointer; }\n.{scope} .et-tags-option input { accent-color: var(--et-accent, #6C5CE7); cursor: pointer; }\n.{scope} .et-tags-done { align-self: flex-end; border: none; background: var(--et-accent, #6C5CE7); color: #fff; font-size: 12px; font-weight: 600; padding: 5px 12px; border-radius: 7px; cursor: pointer; margin-top: 2px; }\n.{scope} .et-tags-done:hover { opacity: 0.9; }\n\n/ file type chip (e.g. File Extension) */\n.{scope} .et-file-chip { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #E7E4F2; border-radius: 8px; padding: 4px 10px; font-size: 13px; color: #4B4863; background: #fff; }\n.{scope} .et-file-icon { font-size: 13px; line-height: 1; }\n.{scope} .et-file-select { min-width: 88px; }\n`;\n\n"],"names":[],"mappings":"AAIO,SAAS,iBAAoB,GAAwB,EAAA;AAJ5D,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAKE,EAAA,IAAI,GAAI,CAAA,YAAA,KAAiB,KAAW,CAAA,EAAA,OAAO,GAAI,CAAA,YAAA,CAAA;AAC/C,EAAA,QAAQ,IAAI,IAAM;AAAA,IAChB,KAAK,UAAA;AACH,MAAO,OAAA,KAAA,CAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAO,OAAA,EAAA,CAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAA,OAAA,CAAO,EAAI,GAAA,CAAA,EAAA,GAAA,GAAA,CAAA,OAAA,KAAJ,IAAc,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAA,CAAA,KAAd,IAAoB,GAAA,EAAA,GAAA,EAAA,CAAA;AAAA,IAC7B,KAAK,UAAA;AACH,MAAA,OAAA,CAAO,eAAI,YAAJ,KAAA,IAAA,GAAA,EAAA,GAAA,CAAoB,SAAI,OAAJ,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAc,OAAlC,IAAwC,GAAA,EAAA,GAAA,KAAA,CAAA;AAAA,IACjD,KAAK,MAAA;AACH,MAAA,OAAO,EAAC,CAAA;AAAA,IACV;AACE,MAAO,OAAA,EAAA,CAAA;AAAA,GACX;AACF,CAAA;AAEO,SAAS,cAA6C,OAA4B,EAAA;AACvF,EAAA,MAAM,MAAM,EAAC,CAAA;AACb,EAAQ,OAAA,CAAA,OAAA,CAAQ,CAAC,GAAQ,KAAA;AACvB,IAAC,GAAY,CAAA,GAAA,CAAI,GAAG,CAAA,GAAI,iBAAiB,GAAG,CAAA,CAAA;AAAA,GAC7C,CAAA,CAAA;AACD,EAAO,OAAA,GAAA,CAAA;AACT,CAAA;AAOgB,SAAA,SAAA,CACd,MACA,QACK,EAAA;AACL,EAAI,IAAA,CAAC,UAAiB,OAAA,IAAA,CAAA;AACtB,EAAA,OAAO,IAAK,CAAA,GAAA,CAAI,CAAC,GAAA,EAAK,KAAW,MAAA,EAAE,GAAG,GAAA,EAAK,CAAC,QAAQ,GAAG,KAAA,GAAQ,GAAI,CAAA,CAAA,CAAA;AACrE,CAAA;AAmBO,MAAM,0BAA6B,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/schema-driven/hooks/useParentEditEnabled.js CHANGED Viewed

@@ -1,2 +1,14 @@
-import r,{useContext as t}from"react";import{useLearningTemplateStore as e}from"../../features/LearningManagement/store/useLearningTemplateStore.js";var n=r.createContext(!1),a=function(){return t(n)};function o(r){var t=a(),n=e(function(r){return r.backwardCompatibility});return t?!0===(null==r?void 0:r.parent_edit):!n}export{n as DynamicFormContext,a as useIsDynamicForm,o as useParentEditEnabled};
+import React__default, { useContext } from 'react';
+import { useLearningTemplateStore } from '../../features/LearningManagement/store/useLearningTemplateStore.js';
+const DynamicFormContext = React__default.createContext(false);
+const useIsDynamicForm = () => useContext(DynamicFormContext);
+function useParentEditEnabled(schema) {
+  const isDynamicForm = useIsDynamicForm();
+  const backwardCompatibility = useLearningTemplateStore((s) => s.backwardCompatibility);
+  if (isDynamicForm) return (schema == null ? void 0 : schema.parent_edit) === true;
+  return !backwardCompatibility;
+}
+export { DynamicFormContext, useIsDynamicForm, useParentEditEnabled };
 //# sourceMappingURL=useParentEditEnabled.js.map