ece-docs-components 1.0.49 → 1.0.50

package/dist/cjs/components/NoteBox.js

@@ -97,13 +97,32 @@ const NoteBox = ({ status, requirementType, label, note, children, className = '
     const [isHovered, setIsHovered] = React.useState(false);
     // Map current status
     const variableState = variableProcessing.mapStatusToVariableState(status);
-    variableProcessing.mapRequirementTypeToState(requirementType);
+    console.log("HELLO", status, requirementType);
+    const requirementTypeState = variableProcessing.mapRequirementTypeToState(requirementType);
     const style = variableState
         ? statusConfig[variableState]
         : {
             highlight: '#EEE',
             highlightSelected: '#DDD'};
-    return (jsxRuntime.jsxs(NoteContainer, { className: className, children: [variableState && style.alertVariant && note && (jsxRuntime.jsx(Alert.Alert, { variant: style.alertVariant, sx: { mb: 1 }, children: note })), jsxRuntime.jsxs(HighlightWrapper, { isHovered: isHovered, highlightColor: style.highlight, highlightSelectedColor: style.highlightSelected, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onClick: (e) => {
+    const reqTypeConfig = {
+        Default: {
+            color: '#F5A623',
+            highlight: '#f3bf6bff',
+            highlightSelected: '#F5A623',
+            label: 'Mandatory',
+        },
+        Optional: {
+            color: '#F5D76E',
+            highlight: '#f3e2a5ff',
+            highlightSelected: '#F5D76E',
+            label: 'Optional',
+        },
+    };
+    const requirementTypeStyle = requirementTypeState ? reqTypeConfig[requirementTypeState] :
+        {
+            highlight: '#EEE',
+            highlightSelected: '#DDD'};
+    return (jsxRuntime.jsxs(NoteContainer, { className: className, children: [variableState && style.alertVariant && note && (jsxRuntime.jsx(Alert.Alert, { variant: style.alertVariant, sx: { mb: 1 }, children: note })), jsxRuntime.jsxs(HighlightWrapper, { isHovered: isHovered, highlightColor: variableState === variable.VariableState.NotStarted ? requirementTypeStyle.highlight : style.highlight, highlightSelectedColor: variableState === variable.VariableState.NotStarted ? requirementTypeStyle.highlightSelected : style.highlightSelected, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onClick: (e) => {
                     e.stopPropagation();
                     if (onEditClick) {
                         onEditClick();

package/dist/cjs/components/NoteBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoteBox.js","sources":["../../../../src/components/NoteBox.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { Box, Typography, IconButton, styled, Chip } from '@mui/material';\r\nimport { CheckRounded, EditRounded } from '@mui/icons-material';\r\nimport { Alert } from './Alert';\r\nimport { RequirementType, VariableState } from '../types/variable';\r\nimport { mapRequirementTypeToState, mapStatusToVariableState } from '../helpers/variableProcessing';\r\n\r\ninterface NoteBoxProps {\r\n  status?: string; // Use only status now\r\n  requirementType?: string;\r\n  label?: string;\r\n  note?: string;\r\n  children: React.ReactNode;\r\n  className?: string;\r\n  onEditClick?: () => void;\r\n}\r\n\r\n// Status based color configs (from Modal)\r\nconst statusConfig: {\r\n  [key in VariableState]: {\r\n    highlight: string;\r\n    highlightSelected: string;\r\n    label: string;\r\n    alertVariant?: \"error\" | \"info\";\r\n  }\r\n} = {\r\n  Accepted: {\r\n    highlight: '#EDF9CD',\r\n    highlightSelected: '#DBF59A',\r\n    label: 'Accepted',\r\n  },\r\n  Pending: {\r\n    highlight: '#F5E2FF',\r\n    highlightSelected: '#EBC7FF',\r\n    label: 'Pending',\r\n    alertVariant: 'info',\r\n  },\r\n  'Action Required': {\r\n    highlight: '#FBEEEE',\r\n    highlightSelected: '#FFBCB3',\r\n    label: 'ActionRequired',\r\n    alertVariant: 'error',\r\n  },\r\n  'Declined': {\r\n    highlight: '#FFF6D1',\r\n    highlightSelected: '#FDE58E',\r\n    label: 'Declined',\r\n  },\r\n  'Not Started': {\r\n    highlight: '#f8c97cff',\r\n    highlightSelected: '#F5A623',\r\n    label: 'Not Started',\r\n  },\r\n  Draft: {\r\n    highlight: '#FFEACD',\r\n    highlightSelected: '#FFC365',\r\n    label: 'Draft',\r\n  },\r\n};\r\n\r\nconst NoteContainer = styled(Box)({\r\n  position: 'relative',\r\n  display: 'inline-block',\r\n  maxWidth: '100%',\r\n});\r\n\r\n// Uses highlight colors driven by status exclusively\r\nconst HighlightWrapper = styled(Box, {\r\n  shouldForwardProp: (prop) => \r\n    prop !== 'isHovered' && \r\n    prop !== 'highlightColor' && \r\n    prop !== 'highlightSelectedColor'\r\n})<{\r\n  isHovered: boolean;\r\n  highlightColor: string;\r\n  highlightSelectedColor: string;\r\n}>(({ isHovered, highlightColor, highlightSelectedColor }) => ({\r\n  position: 'relative',\r\n  display: 'inline',\r\n  maxWidth: '100%',\r\n  '&:hover .edit-button': {\r\n    opacity: 1,\r\n  },\r\n  '& .highlight-span': {\r\n    background: isHovered ? highlightSelectedColor : highlightColor,\r\n    padding: '2px 4px',\r\n    borderBottom: '2px solid rgba(77, 48, 25, 0.3)',\r\n    boxDecorationBreak: 'clone',\r\n    WebkitBoxDecorationBreak: 'clone',\r\n    transition: 'background 0.2s ease',\r\n    cursor: 'pointer',\r\n    fontSize: '1rem',\r\n    wordWrap: 'break-word',\r\n    overflowWrap: 'break-word',\r\n    display: 'inline',\r\n    color: '#4D3019',\r\n  },\r\n}));\r\n\r\nconst EditButton = styled(IconButton)(({ theme }) => ({\r\n  top: 0,\r\n  right: 0,\r\n  transform: 'translate(-50%, -50%)',\r\n  width: 20,\r\n  height: 20,\r\n  borderRadius: (typeof theme.shape.borderRadius === 'string'\r\n    ? parseInt(theme.shape.borderRadius, 10)\r\n    : theme.shape.borderRadius || 4) * 2,\r\n  backgroundColor: '#4D3019',\r\n  opacity: 0,\r\n  transition: 'all 0.2s ease',\r\n  boxShadow: '0 1px 3px rgba(0,0,0,0.12)',\r\n  '&:hover': {\r\n    backgroundColor: '#4D3019',\r\n    transform: 'translate(-50%, -50%) scale(1.1)',\r\n  },\r\n}));\r\n\r\nexport const NoteBox: React.FC<NoteBoxProps> = ({\r\n  status,\r\n  requirementType,\r\n  label,\r\n  note,\r\n  children,\r\n  className = '',\r\n  onEditClick,\r\n}) => {\r\n  const [isHovered, setIsHovered] = useState(false);\r\n\r\n  // Map current status\r\n  const variableState = mapStatusToVariableState(status!!);\r\n  const requirementTypeState = mapRequirementTypeToState(requirementType!!)\r\n\r\n  const style = variableState\r\n    ? statusConfig[variableState]\r\n    : {\r\n        highlight: '#EEE',\r\n        highlightSelected: '#DDD',\r\n        label: label || '',\r\n      };\r\n\r\n\r\n    const reqTypeConfig = {\r\n      \"Default\": {\r\n        color: '#F5A623',\r\n        highlight: '#f3bf6bff',\r\n        highlightSelected: '#F5A623',\r\n        label: 'Mandatory',\r\n      },\r\n      \"Optional\": {\r\n        color: '#F5D76E',\r\n        highlight: '#f3e2a5ff',\r\n        highlightSelected: '#F5D76E',\r\n        label: 'Optional',\r\n      },\r\n    };\r\n\r\n\r\n  const requirementTypeStyle = requirementTypeState ? reqTypeConfig[requirementTypeState] :\r\n  {\r\n        highlight: '#EEE',\r\n        highlightSelected: '#DDD',\r\n        label: label || '',\r\n      };;\r\n\r\n\r\n  return (\r\n    <NoteContainer className={className}>\r\n      {/* Alert for note when status matches and note available */}\r\n      {variableState && style.alertVariant && note && (\r\n        <Alert variant={style.alertVariant} sx={{ mb: 1 }}>\r\n          {note}\r\n        </Alert>\r\n      )}\r\n\r\n      {/* Highlighted content box */}\r\n      <HighlightWrapper\r\n        isHovered={isHovered}\r\n        highlightColor={style.highlight}\r\n        highlightSelectedColor={style.highlightSelected}\r\n        onMouseEnter={() => setIsHovered(true)}\r\n        onMouseLeave={() => setIsHovered(false)}\r\n        onClick={(e) => {\r\n          e.stopPropagation();\r\n          if (onEditClick) {\r\n            onEditClick();\r\n          }\r\n        }}\r\n      >\r\n        <span className=\"highlight-span\">{children}</span>\r\n        <EditButton\r\n          className=\"edit-button\"\r\n          onClick={(e) => {\r\n            e.stopPropagation();\r\n            if (onEditClick) {\r\n              onEditClick();\r\n            }\r\n          }}\r\n          title=\"Edit variable highlight\"\r\n          size=\"small\"\r\n        >\r\n          {variableState === VariableState.Accepted \r\n            ? <CheckRounded sx={{ fontSize: 14, color: \"#FFFFFF\", strokeWidth: 2 }} /> \r\n            : <EditRounded sx={{ fontSize: 14, color: \"#FFFFFF\", strokeWidth: 2 }} /> }\r\n        </EditButton>\r\n      </HighlightWrapper>\r\n    </NoteContainer>\r\n  );\r\n};\r\n"],"names":["styled","Box","IconButton","useState","mapStatusToVariableState","mapRequirementTypeToState","_jsxs","_jsx","Alert","VariableState","CheckRounded","EditRounded"],"mappings":"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"}
+{"version":3,"file":"NoteBox.js","sources":["../../../../src/components/NoteBox.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { Box, Typography, IconButton, styled, Chip } from '@mui/material';\r\nimport { CheckRounded, EditRounded } from '@mui/icons-material';\r\nimport { Alert } from './Alert';\r\nimport { RequirementType, VariableState } from '../types/variable';\r\nimport { mapRequirementTypeToState, mapStatusToVariableState } from '../helpers/variableProcessing';\r\n\r\ninterface NoteBoxProps {\r\n  status?: string; // Use only status now\r\n  requirementType?: string;\r\n  label?: string;\r\n  note?: string;\r\n  children: React.ReactNode;\r\n  className?: string;\r\n  onEditClick?: () => void;\r\n}\r\n\r\n// Status based color configs (from Modal)\r\nconst statusConfig: {\r\n  [key in VariableState]: {\r\n    highlight: string;\r\n    highlightSelected: string;\r\n    label: string;\r\n    alertVariant?: \"error\" | \"info\";\r\n  }\r\n} = {\r\n  Accepted: {\r\n    highlight: '#EDF9CD',\r\n    highlightSelected: '#DBF59A',\r\n    label: 'Accepted',\r\n  },\r\n  Pending: {\r\n    highlight: '#F5E2FF',\r\n    highlightSelected: '#EBC7FF',\r\n    label: 'Pending',\r\n    alertVariant: 'info',\r\n  },\r\n  'Action Required': {\r\n    highlight: '#FBEEEE',\r\n    highlightSelected: '#FFBCB3',\r\n    label: 'ActionRequired',\r\n    alertVariant: 'error',\r\n  },\r\n  'Declined': {\r\n    highlight: '#FFF6D1',\r\n    highlightSelected: '#FDE58E',\r\n    label: 'Declined',\r\n  },\r\n  'Not Started': {\r\n    highlight: '#f8c97cff',\r\n    highlightSelected: '#F5A623',\r\n    label: 'Not Started',\r\n  },\r\n  Draft: {\r\n    highlight: '#FFEACD',\r\n    highlightSelected: '#FFC365',\r\n    label: 'Draft',\r\n  },\r\n};\r\n\r\nconst NoteContainer = styled(Box)({\r\n  position: 'relative',\r\n  display: 'inline-block',\r\n  maxWidth: '100%',\r\n});\r\n\r\n// Uses highlight colors driven by status exclusively\r\nconst HighlightWrapper = styled(Box, {\r\n  shouldForwardProp: (prop) => \r\n    prop !== 'isHovered' && \r\n    prop !== 'highlightColor' && \r\n    prop !== 'highlightSelectedColor'\r\n})<{\r\n  isHovered: boolean;\r\n  highlightColor: string;\r\n  highlightSelectedColor: string;\r\n}>(({ isHovered, highlightColor, highlightSelectedColor }) => ({\r\n  position: 'relative',\r\n  display: 'inline',\r\n  maxWidth: '100%',\r\n  '&:hover .edit-button': {\r\n    opacity: 1,\r\n  },\r\n  '& .highlight-span': {\r\n    background: isHovered ? highlightSelectedColor : highlightColor,\r\n    padding: '2px 4px',\r\n    borderBottom: '2px solid rgba(77, 48, 25, 0.3)',\r\n    boxDecorationBreak: 'clone',\r\n    WebkitBoxDecorationBreak: 'clone',\r\n    transition: 'background 0.2s ease',\r\n    cursor: 'pointer',\r\n    fontSize: '1rem',\r\n    wordWrap: 'break-word',\r\n    overflowWrap: 'break-word',\r\n    display: 'inline',\r\n    color: '#4D3019',\r\n  },\r\n}));\r\n\r\nconst EditButton = styled(IconButton)(({ theme }) => ({\r\n  top: 0,\r\n  right: 0,\r\n  transform: 'translate(-50%, -50%)',\r\n  width: 20,\r\n  height: 20,\r\n  borderRadius: (typeof theme.shape.borderRadius === 'string'\r\n    ? parseInt(theme.shape.borderRadius, 10)\r\n    : theme.shape.borderRadius || 4) * 2,\r\n  backgroundColor: '#4D3019',\r\n  opacity: 0,\r\n  transition: 'all 0.2s ease',\r\n  boxShadow: '0 1px 3px rgba(0,0,0,0.12)',\r\n  '&:hover': {\r\n    backgroundColor: '#4D3019',\r\n    transform: 'translate(-50%, -50%) scale(1.1)',\r\n  },\r\n}));\r\n\r\nexport const NoteBox: React.FC<NoteBoxProps> = ({\r\n  status,\r\n  requirementType,\r\n  label,\r\n  note,\r\n  children,\r\n  className = '',\r\n  onEditClick,\r\n}) => {\r\n  const [isHovered, setIsHovered] = useState(false);\r\n\r\n  // Map current status\r\n  const variableState = mapStatusToVariableState(status!!);\r\n  console.log(\"HELLO\", status, requirementType);\r\n  const requirementTypeState = mapRequirementTypeToState(requirementType!!)\r\n\r\n  const style = variableState\r\n    ? statusConfig[variableState]\r\n    : {\r\n        highlight: '#EEE',\r\n        highlightSelected: '#DDD',\r\n        label: label || '',\r\n      };\r\n\r\n\r\n  const reqTypeConfig = {\r\n    Default: {\r\n      color: '#F5A623',\r\n      highlight: '#f3bf6bff',\r\n      highlightSelected: '#F5A623',\r\n      label: 'Mandatory',\r\n    },\r\n    Optional: {\r\n      color: '#F5D76E',\r\n      highlight: '#f3e2a5ff',\r\n      highlightSelected: '#F5D76E',\r\n      label: 'Optional',\r\n    },\r\n  };\r\n\r\n\r\n  const requirementTypeStyle = requirementTypeState ? reqTypeConfig[requirementTypeState] :\r\n  {\r\n    highlight: '#EEE',\r\n    highlightSelected: '#DDD',\r\n    label: label || '',\r\n  };;\r\n\r\n  \r\n  return (\r\n    <NoteContainer className={className}>\r\n      {/* Alert for note when status matches and note available */}\r\n      {variableState && style.alertVariant && note && (\r\n        <Alert variant={style.alertVariant} sx={{ mb: 1 }}>\r\n          {note}\r\n        </Alert>\r\n      )}\r\n\r\n      {/* Highlighted content box */}\r\n      <HighlightWrapper\r\n        isHovered={isHovered}\r\n        highlightColor={variableState === VariableState.NotStarted? requirementTypeStyle.highlight : style.highlight}\r\n        highlightSelectedColor={variableState === VariableState.NotStarted? requirementTypeStyle.highlightSelected : style.highlightSelected}\r\n        onMouseEnter={() => setIsHovered(true)}\r\n        onMouseLeave={() => setIsHovered(false)}\r\n        onClick={(e) => {\r\n          e.stopPropagation();\r\n          if (onEditClick) {\r\n            onEditClick();\r\n          }\r\n        }}\r\n      >\r\n        <span className=\"highlight-span\">{children}</span>\r\n        <EditButton\r\n          className=\"edit-button\"\r\n          onClick={(e) => {\r\n            e.stopPropagation();\r\n            if (onEditClick) {\r\n              onEditClick();\r\n            }\r\n          }}\r\n          title=\"Edit variable highlight\"\r\n          size=\"small\"\r\n        >\r\n          {variableState === VariableState.Accepted \r\n            ? <CheckRounded sx={{ fontSize: 14, color: \"#FFFFFF\", strokeWidth: 2 }} /> \r\n            : <EditRounded sx={{ fontSize: 14, color: \"#FFFFFF\", strokeWidth: 2 }} /> }\r\n        </EditButton>\r\n      </HighlightWrapper>\r\n    </NoteContainer>\r\n  );\r\n};\r\n"],"names":["styled","Box","IconButton","useState","mapStatusToVariableState","mapRequirementTypeToState","_jsxs","_jsx","Alert","VariableState","CheckRounded","EditRounded"],"mappings":";;;;;;;;;;AAiBA;AACA,MAAM,YAAY,GAOd;AACF,IAAA,QAAQ,EAAE;AACR,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,iBAAiB,EAAE,SAAS;AAC5B,QAAA,KAAK,EAAE,UAAU;AAClB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,iBAAiB,EAAE,SAAS;AAC5B,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,YAAY,EAAE,MAAM;AACrB,KAAA;AACD,IAAA,iBAAiB,EAAE;AACjB,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,iBAAiB,EAAE,SAAS;AAC5B,QAAA,KAAK,EAAE,gBAAgB;AACvB,QAAA,YAAY,EAAE,OAAO;AACtB,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,iBAAiB,EAAE,SAAS;AAC5B,QAAA,KAAK,EAAE,UAAU;AAClB,KAAA;AACD,IAAA,aAAa,EAAE;AACb,QAAA,SAAS,EAAE,WAAW;AACtB,QAAA,iBAAiB,EAAE,SAAS;AAC5B,QAAA,KAAK,EAAE,aAAa;AACrB,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,iBAAiB,EAAE,SAAS;AAC5B,QAAA,KAAK,EAAE,OAAO;AACf,KAAA;CACF;AAED,MAAM,aAAa,GAAGA,eAAM,CAACC,YAAG,CAAC,CAAC;AAChC,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,QAAQ,EAAE,MAAM;AACjB,CAAA,CAAC;AAEF;AACA,MAAM,gBAAgB,GAAGD,eAAM,CAACC,YAAG,EAAE;IACnC,iBAAiB,EAAE,CAAC,IAAI,KACtB,IAAI,KAAK,WAAW;AACpB,QAAA,IAAI,KAAK,gBAAgB;AACzB,QAAA,IAAI,KAAK;AACZ,CAAA,CAAC,CAIC,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM;AAC7D,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,OAAO,EAAE,QAAQ;AACjB,IAAA,QAAQ,EAAE,MAAM;AAChB,IAAA,sBAAsB,EAAE;AACtB,QAAA,OAAO,EAAE,CAAC;AACX,KAAA;AACD,IAAA,mBAAmB,EAAE;QACnB,UAAU,EAAE,SAAS,GAAG,sBAAsB,GAAG,cAAc;AAC/D,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,YAAY,EAAE,iCAAiC;AAC/C,QAAA,kBAAkB,EAAE,OAAO;AAC3B,QAAA,wBAAwB,EAAE,OAAO;AACjC,QAAA,UAAU,EAAE,sBAAsB;AAClC,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,QAAQ,EAAE,YAAY;AACtB,QAAA,YAAY,EAAE,YAAY;AAC1B,QAAA,OAAO,EAAE,QAAQ;AACjB,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAEH,MAAM,UAAU,GAAGD,eAAM,CAACE,mBAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACpD,IAAA,GAAG,EAAE,CAAC;AACN,IAAA,KAAK,EAAE,CAAC;AACR,IAAA,SAAS,EAAE,uBAAuB;AAClC,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,CAAC,OAAO,KAAK,CAAC,KAAK,CAAC,YAAY,KAAK;UAC/C,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE;UACrC,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC;AACtC,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,UAAU,EAAE,eAAe;AAC3B,IAAA,SAAS,EAAE,4BAA4B;AACvC,IAAA,SAAS,EAAE;AACT,QAAA,eAAe,EAAE,SAAS;AAC1B,QAAA,SAAS,EAAE,kCAAkC;AAC9C,KAAA;AACF,CAAA,CAAC,CAAC;MAEU,OAAO,GAA2B,CAAC,EAC9C,MAAM,EACN,eAAe,EACf,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,WAAW,GACZ,KAAI;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;;AAGjD,IAAA,MAAM,aAAa,GAAGC,2CAAwB,CAAC,MAAQ,CAAC;IACxD,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,eAAe,CAAC;AAC7C,IAAA,MAAM,oBAAoB,GAAGC,4CAAyB,CAAC,eAAiB,CAAC;IAEzE,MAAM,KAAK,GAAG;AACZ,UAAE,YAAY,CAAC,aAAa;AAC5B,UAAE;AACE,YAAA,SAAS,EAAE,MAAM;AACjB,YAAA,iBAAiB,EAAE,OAEpB;AAGL,IAAA,MAAM,aAAa,GAAG;AACpB,QAAA,OAAO,EAAE;AACP,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAE,WAAW;AACtB,YAAA,iBAAiB,EAAE,SAAS;AAC5B,YAAA,KAAK,EAAE,WAAW;AACnB,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAE,WAAW;AACtB,YAAA,iBAAiB,EAAE,SAAS;AAC5B,YAAA,KAAK,EAAE,UAAU;AAClB,SAAA;KACF;IAGD,MAAM,oBAAoB,GAAG,oBAAoB,GAAG,aAAa,CAAC,oBAAoB,CAAC;AACvF,QAAA;AACE,YAAA,SAAS,EAAE,MAAM;AACjB,YAAA,iBAAiB,EAAE,OAEpB;IAGD,QACEC,eAAA,CAAC,aAAa,EAAA,EAAC,SAAS,EAAE,SAAS,EAAA,QAAA,EAAA,CAEhC,aAAa,IAAI,KAAK,CAAC,YAAY,IAAI,IAAI,KAC1CC,cAAA,CAACC,WAAK,IAAC,OAAO,EAAE,KAAK,CAAC,YAAY,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YAC9C,IAAI,EAAA,CACC,CACT,EAGDF,eAAA,CAAC,gBAAgB,IACf,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,aAAa,KAAKG,sBAAa,CAAC,UAAU,GAAE,oBAAoB,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAC5G,sBAAsB,EAAE,aAAa,KAAKA,sBAAa,CAAC,UAAU,GAAE,oBAAoB,CAAC,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,EACpI,YAAY,EAAE,MAAM,YAAY,CAAC,IAAI,CAAC,EACtC,YAAY,EAAE,MAAM,YAAY,CAAC,KAAK,CAAC,EACvC,OAAO,EAAE,CAAC,CAAC,KAAI;oBACb,CAAC,CAAC,eAAe,EAAE;oBACnB,IAAI,WAAW,EAAE;AACf,wBAAA,WAAW,EAAE;oBACf;gBACF,CAAC,EAAA,QAAA,EAAA,CAEDF,yBAAM,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAAE,QAAQ,GAAQ,EAClDA,cAAA,CAAC,UAAU,EAAA,EACT,SAAS,EAAC,aAAa,EACvB,OAAO,EAAE,CAAC,CAAC,KAAI;4BACb,CAAC,CAAC,eAAe,EAAE;4BACnB,IAAI,WAAW,EAAE;AACf,gCAAA,WAAW,EAAE;4BACf;AACF,wBAAA,CAAC,EACD,KAAK,EAAC,yBAAyB,EAC/B,IAAI,EAAC,OAAO,EAAA,QAAA,EAEX,aAAa,KAAKE,sBAAa,CAAC;AAC/B,8BAAEF,cAAA,CAACG,0BAAY,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,EAAE,EAAA;8BACpEH,cAAA,CAACI,yBAAW,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,EAAE,GAAI,EAAA,CAChE,CAAA,EAAA,CACI,CAAA,EAAA,CACL;AAEpB;;;;"}

package/dist/esm/_virtual/index6.js

@@ -1,4 +1,4 @@
-var commonjs = {};
+var lib = {};
 
-export { commonjs as __exports };
+export { lib as __exports };
 //# sourceMappingURL=index6.js.map

package/dist/esm/_virtual/index7.js

@@ -1,4 +1,4 @@
-var lib = {};
+var commonjs = {};
 
-export { lib as __exports };
+export { commonjs as __exports };
 //# sourceMappingURL=index7.js.map

package/dist/esm/components/NoteBox.js

@@ -95,13 +95,32 @@ const NoteBox = ({ status, requirementType, label, note, children, className = '
     const [isHovered, setIsHovered] = useState(false);
     // Map current status
     const variableState = mapStatusToVariableState(status);
-    mapRequirementTypeToState(requirementType);
+    console.log("HELLO", status, requirementType);
+    const requirementTypeState = mapRequirementTypeToState(requirementType);
     const style = variableState
         ? statusConfig[variableState]
         : {
             highlight: '#EEE',
             highlightSelected: '#DDD'};
-    return (jsxs(NoteContainer, { className: className, children: [variableState && style.alertVariant && note && (jsx(Alert, { variant: style.alertVariant, sx: { mb: 1 }, children: note })), jsxs(HighlightWrapper, { isHovered: isHovered, highlightColor: style.highlight, highlightSelectedColor: style.highlightSelected, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onClick: (e) => {
+    const reqTypeConfig = {
+        Default: {
+            color: '#F5A623',
+            highlight: '#f3bf6bff',
+            highlightSelected: '#F5A623',
+            label: 'Mandatory',
+        },
+        Optional: {
+            color: '#F5D76E',
+            highlight: '#f3e2a5ff',
+            highlightSelected: '#F5D76E',
+            label: 'Optional',
+        },
+    };
+    const requirementTypeStyle = requirementTypeState ? reqTypeConfig[requirementTypeState] :
+        {
+            highlight: '#EEE',
+            highlightSelected: '#DDD'};
+    return (jsxs(NoteContainer, { className: className, children: [variableState && style.alertVariant && note && (jsx(Alert, { variant: style.alertVariant, sx: { mb: 1 }, children: note })), jsxs(HighlightWrapper, { isHovered: isHovered, highlightColor: variableState === VariableState.NotStarted ? requirementTypeStyle.highlight : style.highlight, highlightSelectedColor: variableState === VariableState.NotStarted ? requirementTypeStyle.highlightSelected : style.highlightSelected, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onClick: (e) => {
                     e.stopPropagation();
                     if (onEditClick) {
                         onEditClick();

package/dist/esm/components/NoteBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoteBox.js","sources":["../../../../src/components/NoteBox.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { Box, Typography, IconButton, styled, Chip } from '@mui/material';\r\nimport { CheckRounded, EditRounded } from '@mui/icons-material';\r\nimport { Alert } from './Alert';\r\nimport { RequirementType, VariableState } from '../types/variable';\r\nimport { mapRequirementTypeToState, mapStatusToVariableState } from '../helpers/variableProcessing';\r\n\r\ninterface NoteBoxProps {\r\n  status?: string; // Use only status now\r\n  requirementType?: string;\r\n  label?: string;\r\n  note?: string;\r\n  children: React.ReactNode;\r\n  className?: string;\r\n  onEditClick?: () => void;\r\n}\r\n\r\n// Status based color configs (from Modal)\r\nconst statusConfig: {\r\n  [key in VariableState]: {\r\n    highlight: string;\r\n    highlightSelected: string;\r\n    label: string;\r\n    alertVariant?: \"error\" | \"info\";\r\n  }\r\n} = {\r\n  Accepted: {\r\n    highlight: '#EDF9CD',\r\n    highlightSelected: '#DBF59A',\r\n    label: 'Accepted',\r\n  },\r\n  Pending: {\r\n    highlight: '#F5E2FF',\r\n    highlightSelected: '#EBC7FF',\r\n    label: 'Pending',\r\n    alertVariant: 'info',\r\n  },\r\n  'Action Required': {\r\n    highlight: '#FBEEEE',\r\n    highlightSelected: '#FFBCB3',\r\n    label: 'ActionRequired',\r\n    alertVariant: 'error',\r\n  },\r\n  'Declined': {\r\n    highlight: '#FFF6D1',\r\n    highlightSelected: '#FDE58E',\r\n    label: 'Declined',\r\n  },\r\n  'Not Started': {\r\n    highlight: '#f8c97cff',\r\n    highlightSelected: '#F5A623',\r\n    label: 'Not Started',\r\n  },\r\n  Draft: {\r\n    highlight: '#FFEACD',\r\n    highlightSelected: '#FFC365',\r\n    label: 'Draft',\r\n  },\r\n};\r\n\r\nconst NoteContainer = styled(Box)({\r\n  position: 'relative',\r\n  display: 'inline-block',\r\n  maxWidth: '100%',\r\n});\r\n\r\n// Uses highlight colors driven by status exclusively\r\nconst HighlightWrapper = styled(Box, {\r\n  shouldForwardProp: (prop) => \r\n    prop !== 'isHovered' && \r\n    prop !== 'highlightColor' && \r\n    prop !== 'highlightSelectedColor'\r\n})<{\r\n  isHovered: boolean;\r\n  highlightColor: string;\r\n  highlightSelectedColor: string;\r\n}>(({ isHovered, highlightColor, highlightSelectedColor }) => ({\r\n  position: 'relative',\r\n  display: 'inline',\r\n  maxWidth: '100%',\r\n  '&:hover .edit-button': {\r\n    opacity: 1,\r\n  },\r\n  '& .highlight-span': {\r\n    background: isHovered ? highlightSelectedColor : highlightColor,\r\n    padding: '2px 4px',\r\n    borderBottom: '2px solid rgba(77, 48, 25, 0.3)',\r\n    boxDecorationBreak: 'clone',\r\n    WebkitBoxDecorationBreak: 'clone',\r\n    transition: 'background 0.2s ease',\r\n    cursor: 'pointer',\r\n    fontSize: '1rem',\r\n    wordWrap: 'break-word',\r\n    overflowWrap: 'break-word',\r\n    display: 'inline',\r\n    color: '#4D3019',\r\n  },\r\n}));\r\n\r\nconst EditButton = styled(IconButton)(({ theme }) => ({\r\n  top: 0,\r\n  right: 0,\r\n  transform: 'translate(-50%, -50%)',\r\n  width: 20,\r\n  height: 20,\r\n  borderRadius: (typeof theme.shape.borderRadius === 'string'\r\n    ? parseInt(theme.shape.borderRadius, 10)\r\n    : theme.shape.borderRadius || 4) * 2,\r\n  backgroundColor: '#4D3019',\r\n  opacity: 0,\r\n  transition: 'all 0.2s ease',\r\n  boxShadow: '0 1px 3px rgba(0,0,0,0.12)',\r\n  '&:hover': {\r\n    backgroundColor: '#4D3019',\r\n    transform: 'translate(-50%, -50%) scale(1.1)',\r\n  },\r\n}));\r\n\r\nexport const NoteBox: React.FC<NoteBoxProps> = ({\r\n  status,\r\n  requirementType,\r\n  label,\r\n  note,\r\n  children,\r\n  className = '',\r\n  onEditClick,\r\n}) => {\r\n  const [isHovered, setIsHovered] = useState(false);\r\n\r\n  // Map current status\r\n  const variableState = mapStatusToVariableState(status!!);\r\n  const requirementTypeState = mapRequirementTypeToState(requirementType!!)\r\n\r\n  const style = variableState\r\n    ? statusConfig[variableState]\r\n    : {\r\n        highlight: '#EEE',\r\n        highlightSelected: '#DDD',\r\n        label: label || '',\r\n      };\r\n\r\n\r\n    const reqTypeConfig = {\r\n      \"Default\": {\r\n        color: '#F5A623',\r\n        highlight: '#f3bf6bff',\r\n        highlightSelected: '#F5A623',\r\n        label: 'Mandatory',\r\n      },\r\n      \"Optional\": {\r\n        color: '#F5D76E',\r\n        highlight: '#f3e2a5ff',\r\n        highlightSelected: '#F5D76E',\r\n        label: 'Optional',\r\n      },\r\n    };\r\n\r\n\r\n  const requirementTypeStyle = requirementTypeState ? reqTypeConfig[requirementTypeState] :\r\n  {\r\n        highlight: '#EEE',\r\n        highlightSelected: '#DDD',\r\n        label: label || '',\r\n      };;\r\n\r\n\r\n  return (\r\n    <NoteContainer className={className}>\r\n      {/* Alert for note when status matches and note available */}\r\n      {variableState && style.alertVariant && note && (\r\n        <Alert variant={style.alertVariant} sx={{ mb: 1 }}>\r\n          {note}\r\n        </Alert>\r\n      )}\r\n\r\n      {/* Highlighted content box */}\r\n      <HighlightWrapper\r\n        isHovered={isHovered}\r\n        highlightColor={style.highlight}\r\n        highlightSelectedColor={style.highlightSelected}\r\n        onMouseEnter={() => setIsHovered(true)}\r\n        onMouseLeave={() => setIsHovered(false)}\r\n        onClick={(e) => {\r\n          e.stopPropagation();\r\n          if (onEditClick) {\r\n            onEditClick();\r\n          }\r\n        }}\r\n      >\r\n        <span className=\"highlight-span\">{children}</span>\r\n        <EditButton\r\n          className=\"edit-button\"\r\n          onClick={(e) => {\r\n            e.stopPropagation();\r\n            if (onEditClick) {\r\n              onEditClick();\r\n            }\r\n          }}\r\n          title=\"Edit variable highlight\"\r\n          size=\"small\"\r\n        >\r\n          {variableState === VariableState.Accepted \r\n            ? <CheckRounded sx={{ fontSize: 14, color: \"#FFFFFF\", strokeWidth: 2 }} /> \r\n            : <EditRounded sx={{ fontSize: 14, color: \"#FFFFFF\", strokeWidth: 2 }} /> }\r\n        </EditButton>\r\n      </HighlightWrapper>\r\n    </NoteContainer>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"NoteBox.js","sources":["../../../../src/components/NoteBox.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { Box, Typography, IconButton, styled, Chip } from '@mui/material';\r\nimport { CheckRounded, EditRounded } from '@mui/icons-material';\r\nimport { Alert } from './Alert';\r\nimport { RequirementType, VariableState } from '../types/variable';\r\nimport { mapRequirementTypeToState, mapStatusToVariableState } from '../helpers/variableProcessing';\r\n\r\ninterface NoteBoxProps {\r\n  status?: string; // Use only status now\r\n  requirementType?: string;\r\n  label?: string;\r\n  note?: string;\r\n  children: React.ReactNode;\r\n  className?: string;\r\n  onEditClick?: () => void;\r\n}\r\n\r\n// Status based color configs (from Modal)\r\nconst statusConfig: {\r\n  [key in VariableState]: {\r\n    highlight: string;\r\n    highlightSelected: string;\r\n    label: string;\r\n    alertVariant?: \"error\" | \"info\";\r\n  }\r\n} = {\r\n  Accepted: {\r\n    highlight: '#EDF9CD',\r\n    highlightSelected: '#DBF59A',\r\n    label: 'Accepted',\r\n  },\r\n  Pending: {\r\n    highlight: '#F5E2FF',\r\n    highlightSelected: '#EBC7FF',\r\n    label: 'Pending',\r\n    alertVariant: 'info',\r\n  },\r\n  'Action Required': {\r\n    highlight: '#FBEEEE',\r\n    highlightSelected: '#FFBCB3',\r\n    label: 'ActionRequired',\r\n    alertVariant: 'error',\r\n  },\r\n  'Declined': {\r\n    highlight: '#FFF6D1',\r\n    highlightSelected: '#FDE58E',\r\n    label: 'Declined',\r\n  },\r\n  'Not Started': {\r\n    highlight: '#f8c97cff',\r\n    highlightSelected: '#F5A623',\r\n    label: 'Not Started',\r\n  },\r\n  Draft: {\r\n    highlight: '#FFEACD',\r\n    highlightSelected: '#FFC365',\r\n    label: 'Draft',\r\n  },\r\n};\r\n\r\nconst NoteContainer = styled(Box)({\r\n  position: 'relative',\r\n  display: 'inline-block',\r\n  maxWidth: '100%',\r\n});\r\n\r\n// Uses highlight colors driven by status exclusively\r\nconst HighlightWrapper = styled(Box, {\r\n  shouldForwardProp: (prop) => \r\n    prop !== 'isHovered' && \r\n    prop !== 'highlightColor' && \r\n    prop !== 'highlightSelectedColor'\r\n})<{\r\n  isHovered: boolean;\r\n  highlightColor: string;\r\n  highlightSelectedColor: string;\r\n}>(({ isHovered, highlightColor, highlightSelectedColor }) => ({\r\n  position: 'relative',\r\n  display: 'inline',\r\n  maxWidth: '100%',\r\n  '&:hover .edit-button': {\r\n    opacity: 1,\r\n  },\r\n  '& .highlight-span': {\r\n    background: isHovered ? highlightSelectedColor : highlightColor,\r\n    padding: '2px 4px',\r\n    borderBottom: '2px solid rgba(77, 48, 25, 0.3)',\r\n    boxDecorationBreak: 'clone',\r\n    WebkitBoxDecorationBreak: 'clone',\r\n    transition: 'background 0.2s ease',\r\n    cursor: 'pointer',\r\n    fontSize: '1rem',\r\n    wordWrap: 'break-word',\r\n    overflowWrap: 'break-word',\r\n    display: 'inline',\r\n    color: '#4D3019',\r\n  },\r\n}));\r\n\r\nconst EditButton = styled(IconButton)(({ theme }) => ({\r\n  top: 0,\r\n  right: 0,\r\n  transform: 'translate(-50%, -50%)',\r\n  width: 20,\r\n  height: 20,\r\n  borderRadius: (typeof theme.shape.borderRadius === 'string'\r\n    ? parseInt(theme.shape.borderRadius, 10)\r\n    : theme.shape.borderRadius || 4) * 2,\r\n  backgroundColor: '#4D3019',\r\n  opacity: 0,\r\n  transition: 'all 0.2s ease',\r\n  boxShadow: '0 1px 3px rgba(0,0,0,0.12)',\r\n  '&:hover': {\r\n    backgroundColor: '#4D3019',\r\n    transform: 'translate(-50%, -50%) scale(1.1)',\r\n  },\r\n}));\r\n\r\nexport const NoteBox: React.FC<NoteBoxProps> = ({\r\n  status,\r\n  requirementType,\r\n  label,\r\n  note,\r\n  children,\r\n  className = '',\r\n  onEditClick,\r\n}) => {\r\n  const [isHovered, setIsHovered] = useState(false);\r\n\r\n  // Map current status\r\n  const variableState = mapStatusToVariableState(status!!);\r\n  console.log(\"HELLO\", status, requirementType);\r\n  const requirementTypeState = mapRequirementTypeToState(requirementType!!)\r\n\r\n  const style = variableState\r\n    ? statusConfig[variableState]\r\n    : {\r\n        highlight: '#EEE',\r\n        highlightSelected: '#DDD',\r\n        label: label || '',\r\n      };\r\n\r\n\r\n  const reqTypeConfig = {\r\n    Default: {\r\n      color: '#F5A623',\r\n      highlight: '#f3bf6bff',\r\n      highlightSelected: '#F5A623',\r\n      label: 'Mandatory',\r\n    },\r\n    Optional: {\r\n      color: '#F5D76E',\r\n      highlight: '#f3e2a5ff',\r\n      highlightSelected: '#F5D76E',\r\n      label: 'Optional',\r\n    },\r\n  };\r\n\r\n\r\n  const requirementTypeStyle = requirementTypeState ? reqTypeConfig[requirementTypeState] :\r\n  {\r\n    highlight: '#EEE',\r\n    highlightSelected: '#DDD',\r\n    label: label || '',\r\n  };;\r\n\r\n  \r\n  return (\r\n    <NoteContainer className={className}>\r\n      {/* Alert for note when status matches and note available */}\r\n      {variableState && style.alertVariant && note && (\r\n        <Alert variant={style.alertVariant} sx={{ mb: 1 }}>\r\n          {note}\r\n        </Alert>\r\n      )}\r\n\r\n      {/* Highlighted content box */}\r\n      <HighlightWrapper\r\n        isHovered={isHovered}\r\n        highlightColor={variableState === VariableState.NotStarted? requirementTypeStyle.highlight : style.highlight}\r\n        highlightSelectedColor={variableState === VariableState.NotStarted? requirementTypeStyle.highlightSelected : style.highlightSelected}\r\n        onMouseEnter={() => setIsHovered(true)}\r\n        onMouseLeave={() => setIsHovered(false)}\r\n        onClick={(e) => {\r\n          e.stopPropagation();\r\n          if (onEditClick) {\r\n            onEditClick();\r\n          }\r\n        }}\r\n      >\r\n        <span className=\"highlight-span\">{children}</span>\r\n        <EditButton\r\n          className=\"edit-button\"\r\n          onClick={(e) => {\r\n            e.stopPropagation();\r\n            if (onEditClick) {\r\n              onEditClick();\r\n            }\r\n          }}\r\n          title=\"Edit variable highlight\"\r\n          size=\"small\"\r\n        >\r\n          {variableState === VariableState.Accepted \r\n            ? <CheckRounded sx={{ fontSize: 14, color: \"#FFFFFF\", strokeWidth: 2 }} /> \r\n            : <EditRounded sx={{ fontSize: 14, color: \"#FFFFFF\", strokeWidth: 2 }} /> }\r\n        </EditButton>\r\n      </HighlightWrapper>\r\n    </NoteContainer>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/node_modules/domhandler/lib/index.js

@@ -1,4 +1,4 @@
-import { __exports as lib } from '../../../_virtual/index3.js';
+import { __exports as lib } from '../../../_virtual/index4.js';
 import { __require as requireLib$1 } from '../../domelementtype/lib/index.js';
 import { __require as requireNode } from './node.js';
 

package/dist/esm/node_modules/html-dom-parser/lib/index.js

@@ -1,4 +1,4 @@
-import { __exports as lib } from '../../../_virtual/index4.js';
+import { __exports as lib } from '../../../_virtual/index3.js';
 import { __require as requireHtmlToDom } from './server/html-to-dom.js';
 import { __require as requireTypes } from './types.js';
 

package/dist/esm/node_modules/htmlparser2/dist/commonjs/index.js

@@ -1,4 +1,4 @@
-import { __exports as commonjs } from '../../../../_virtual/index6.js';
+import { __exports as commonjs } from '../../../../_virtual/index7.js';
 import { __require as requireParser } from './Parser.js';
 import { __require as requireLib } from '../../../domhandler/lib/index.js';
 import { __require as requireTokenizer } from './Tokenizer.js';

package/dist/esm/node_modules/react-property/lib/index.js

@@ -1,4 +1,4 @@
-import { __exports as lib } from '../../../_virtual/index7.js';
+import { __exports as lib } from '../../../_virtual/index6.js';
 import { __require as requirePossibleStandardNamesOptimized } from './possibleStandardNamesOptimized.js';
 
 var hasRequiredLib;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ece-docs-components",
-  "version": "1.0.49",
+  "version": "1.0.50",
   "type": "module",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",