ece-docs-components 1.0.104 → 1.0.105

package/dist/esm/components/NoteBox.js

@@ -9,91 +9,97 @@ import { mapStatusToVariableState, mapRequirementTypeToState } from '../helpers/
 // Status based color configs (from Modal)
 const statusConfig = {
     Accepted: {
-        highlight: '#EDF9CD',
-        highlightSelected: '#DBF59A',
-        label: 'Accepted',
+        highlight: "#EDF9CD",
+        highlightSelected: "#DBF59A",
+        label: "Accepted",
     },
     Pending: {
-        highlight: '#F5E2FF',
-        highlightSelected: '#EBC7FF',
-        label: 'Pending',
-        alertVariant: 'info',
+        highlight: "#F5E2FF",
+        highlightSelected: "#EBC7FF",
+        label: "Pending",
+        alertVariant: "info",
     },
-    'Action Required': {
-        highlight: '#FBEEEE',
-        highlightSelected: '#FFBCB3',
-        label: 'ActionRequired',
-        alertVariant: 'error',
+    "Action Required": {
+        highlight: "#FBEEEE",
+        highlightSelected: "#FFBCB3",
+        label: "ActionRequired",
+        alertVariant: "error",
     },
-    'Declined': {
-        highlight: '#FFF6D1',
-        highlightSelected: '#FDE58E',
-        label: 'Declined',
+    Declined: {
+        highlight: "#FFF6D1",
+        highlightSelected: "#FDE58E",
+        label: "Declined",
     },
-    'Not Started': {
-        highlight: '#f8c97cff',
-        highlightSelected: '#F5A623',
-        label: 'Not Started',
+    "Not Started": {
+        highlight: "#f8c97cff",
+        highlightSelected: "#F5A623",
+        label: "Not Started",
+    },
+    Rejected: {
+        highlight: "#FBEEEE",
+        highlightSelected: "#FFBCB3",
+        label: "ActionRequired",
+        alertVariant: "error",
     },
     Draft: {
-        highlight: '#FFEACD',
-        highlightSelected: '#FFC365',
-        label: 'Draft',
+        highlight: "#FFEACD",
+        highlightSelected: "#FFC365",
+        label: "Draft",
     },
 };
 const NoteContainer = styled(Box)({
-    position: 'relative',
-    display: 'inline',
-    maxWidth: '100%',
+    position: "relative",
+    display: "inline",
+    maxWidth: "100%",
 });
 // Uses highlight colors driven by status exclusively
 const HighlightWrapper = styled(Box, {
-    shouldForwardProp: (prop) => prop !== 'isHovered' &&
-        prop !== 'highlightColor' &&
-        prop !== 'highlightSelectedColor'
+    shouldForwardProp: (prop) => prop !== "isHovered" &&
+        prop !== "highlightColor" &&
+        prop !== "highlightSelectedColor",
 })(({ isHovered, highlightColor, highlightSelectedColor }) => ({
-    position: 'relative',
-    display: 'inline',
-    maxWidth: '100%',
-    '&:hover .edit-button': {
+    position: "relative",
+    display: "inline",
+    maxWidth: "100%",
+    "&:hover .edit-button": {
         opacity: 1,
     },
-    '& .highlight-span': {
+    "& .highlight-span": {
         background: isHovered ? highlightSelectedColor : highlightColor,
-        padding: '2px 4px',
-        borderBottom: '2px solid rgba(77, 48, 25, 0.3)',
-        boxDecorationBreak: 'clone',
-        WebkitBoxDecorationBreak: 'clone',
-        transition: 'background 0.2s ease',
-        cursor: 'pointer',
-        fontSize: '1rem',
-        wordWrap: 'break-word',
-        overflowWrap: 'break-word',
-        display: 'inline',
-        color: '#4D3019',
+        padding: "2px 4px",
+        borderBottom: "2px solid rgba(77, 48, 25, 0.3)",
+        boxDecorationBreak: "clone",
+        WebkitBoxDecorationBreak: "clone",
+        transition: "background 0.2s ease",
+        cursor: "pointer",
+        fontSize: "1rem",
+        wordWrap: "break-word",
+        overflowWrap: "break-word",
+        display: "inline",
+        color: "#4D3019",
     },
 }));
 const EditButton = styled(IconButton)(({ theme }) => ({
     top: 0,
     right: 0,
-    transform: 'translate(-50%, -50%)',
-    position: 'relative',
+    transform: "translate(-50%, -50%)",
+    position: "relative",
     width: 20,
     height: 20,
     marginRight: -20,
-    borderRadius: (typeof theme.shape.borderRadius === 'string'
+    borderRadius: (typeof theme.shape.borderRadius === "string"
         ? parseInt(theme.shape.borderRadius, 10)
         : theme.shape.borderRadius || 4) * 2,
-    backgroundColor: '#4D3019',
+    backgroundColor: "#4D3019",
     opacity: 0,
-    transition: 'all 0.2s ease',
-    boxShadow: '0 1px 3px rgba(0,0,0,0.12)',
-    '&:hover': {
-        backgroundColor: '#4D3019',
-        transform: 'translate(-50%, -50%) scale(1.1)',
+    transition: "all 0.2s ease",
+    boxShadow: "0 1px 3px rgba(0,0,0,0.12)",
+    "&:hover": {
+        backgroundColor: "#4D3019",
+        transform: "translate(-50%, -50%) scale(1.1)",
     },
 }));
-const NoteBox = ({ status, requirementType, label, note, children, className = '', onEditClick, }) => {
+const NoteBox = ({ status, requirementType, label, note, children, className = "", onEditClick, }) => {
     const [isHovered, setIsHovered] = useState(false);
     // Map current status
     const variableState = mapStatusToVariableState(status);
@@ -101,39 +107,42 @@ const NoteBox = ({ status, requirementType, label, note, children, className = '
     const style = variableState
         ? statusConfig[variableState]
         : {
-            highlight: '#EEE',
-            highlightSelected: '#DDD'};
+            highlight: "#EEE",
+            highlightSelected: "#DDD"};
     const reqTypeConfig = {
         Default: {
-            color: '#F5A623',
-            highlight: '#f3bf6bff',
-            highlightSelected: '#F5A623',
-            label: 'Mandatory',
+            color: "#F5A623",
+            highlight: "#f3bf6bff",
+            highlightSelected: "#F5A623",
+            label: "Mandatory",
         },
         Optional: {
-            color: '#F5D76E',
-            highlight: '#f3e2a5ff',
-            highlightSelected: '#F5D76E',
-            label: '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) => {
+    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();
                     }
-                }, children: [jsx("span", { className: "highlight-span", style: { display: 'inline' }, children: children }), jsx(EditButton, { className: "edit-button", onClick: (e) => {
+                }, children: [jsx("span", { className: "highlight-span", style: { display: "inline" }, children: children }), jsx(EditButton, { className: "edit-button", onClick: (e) => {
                             e.stopPropagation();
                             if (onEditClick) {
                                 onEditClick();
                             }
-                        }, size: "small", children: variableState === VariableState.Accepted
-                            ? jsx(CheckRounded, { sx: { fontSize: 14, color: "#FFFFFF", strokeWidth: 2 } })
-                            : jsx(EditRounded, { sx: { fontSize: 14, color: "#FFFFFF", strokeWidth: 2 } }) })] })] }));
+                        }, size: "small", children: variableState === VariableState.Accepted ? (jsx(CheckRounded, { sx: { fontSize: 14, color: "#FFFFFF", strokeWidth: 2 } })) : (jsx(EditRounded, { sx: { fontSize: 14, color: "#FFFFFF", strokeWidth: 2 } })) })] })] }));
 };
 
 export { NoteBox };

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',\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  position: 'relative',\r\n  width: 20,\r\n  height: 20,\r\n  marginRight: -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={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\" style={{display:'inline'}}>{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          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 {\r\n  mapRequirementTypeToState,\r\n  mapStatusToVariableState,\r\n} 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  Rejected: {\r\n    highlight: \"#FBEEEE\",\r\n    highlightSelected: \"#FFBCB3\",\r\n    label: \"ActionRequired\",\r\n    alertVariant: \"error\",\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\",\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  position: \"relative\",\r\n  width: 20,\r\n  height: 20,\r\n  marginRight: -20,\r\n  borderRadius:\r\n    (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  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  const requirementTypeStyle = requirementTypeState\r\n    ? reqTypeConfig[requirementTypeState]\r\n    : {\r\n        highlight: \"#EEE\",\r\n        highlightSelected: \"#DDD\",\r\n        label: label || \"\",\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={\r\n          variableState === VariableState.NotStarted\r\n            ? requirementTypeStyle.highlight\r\n            : style.highlight\r\n        }\r\n        highlightSelectedColor={\r\n          variableState === VariableState.NotStarted\r\n            ? requirementTypeStyle.highlightSelected\r\n            : style.highlightSelected\r\n        }\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\" style={{ display: \"inline\" }}>\r\n          {children}\r\n        </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          size=\"small\"\r\n        >\r\n          {variableState === VariableState.Accepted ? (\r\n            <CheckRounded\r\n              sx={{ fontSize: 14, color: \"#FFFFFF\", strokeWidth: 2 }}\r\n            />\r\n          ) : (\r\n            <EditRounded\r\n              sx={{ fontSize: 14, color: \"#FFFFFF\", strokeWidth: 2 }}\r\n            />\r\n          )}\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/helpers/variableProcessing.js

@@ -8,6 +8,8 @@ function mapStatusToVariableState(status) {
             return VariableState.Pending;
         case "Action Required":
             return VariableState.ActionRequired;
+        case "Rejected":
+            return VariableState.Rejected;
         case "Declined":
             return VariableState.Declined;
         case "Draft":

package/dist/esm/helpers/variableProcessing.js.map

@@ -1 +1 @@
-{"version":3,"file":"variableProcessing.js","sources":["../../../../src/helpers/variableProcessing.ts"],"sourcesContent":["import { VariableState, RequirementType } from \"../types/variable\";\r\n\r\nfunction mapStatusToVariableState(status: string): VariableState | undefined {\r\n  switch (status) {\r\n    case \"Accepted\":\r\n      return VariableState.Accepted;\r\n    case \"Pending\":\r\n      return VariableState.Pending;\r\n    case \"Action Required\":\r\n      return VariableState.ActionRequired;\r\n    case \"Declined\":\r\n      return VariableState.Declined;\r\n    case \"Draft\":\r\n      return VariableState.Draft;\r\n    case \"Not Started\":\r\n      return VariableState.NotStarted;\r\n    default:\r\n      return undefined;\r\n  }\r\n}\r\n\r\n\r\nfunction mapRequirementTypeToState(reqType: string): RequirementType | undefined {\r\n  switch (reqType) {\r\n    case \"Default\":\r\n      return RequirementType.Default;\r\n    case \"Optional\":\r\n      return RequirementType.Optional;\r\n    default:\r\n      return undefined;\r\n  }\r\n}\r\n\r\nexport { mapStatusToVariableState, mapRequirementTypeToState };"],"names":[],"mappings":";;AAEA,SAAS,wBAAwB,CAAC,MAAc,EAAA;IAC9C,QAAQ,MAAM;AACZ,QAAA,KAAK,UAAU;YACb,OAAO,aAAa,CAAC,QAAQ;AAC/B,QAAA,KAAK,SAAS;YACZ,OAAO,aAAa,CAAC,OAAO;AAC9B,QAAA,KAAK,iBAAiB;YACpB,OAAO,aAAa,CAAC,cAAc;AACrC,QAAA,KAAK,UAAU;YACb,OAAO,aAAa,CAAC,QAAQ;AAC/B,QAAA,KAAK,OAAO;YACV,OAAO,aAAa,CAAC,KAAK;AAC5B,QAAA,KAAK,aAAa;YAChB,OAAO,aAAa,CAAC,UAAU;AACjC,QAAA;AACE,YAAA,OAAO,SAAS;;AAEtB;AAGA,SAAS,yBAAyB,CAAC,OAAe,EAAA;IAChD,QAAQ,OAAO;AACb,QAAA,KAAK,SAAS;YACZ,OAAO,eAAe,CAAC,OAAO;AAChC,QAAA,KAAK,UAAU;YACb,OAAO,eAAe,CAAC,QAAQ;AACjC,QAAA;AACE,YAAA,OAAO,SAAS;;AAEtB;;;;"}
+{"version":3,"file":"variableProcessing.js","sources":["../../../../src/helpers/variableProcessing.ts"],"sourcesContent":["import { VariableState, RequirementType } from \"../types/variable\";\r\n\r\nfunction mapStatusToVariableState(status: string): VariableState | undefined {\r\n  switch (status) {\r\n    case \"Accepted\":\r\n      return VariableState.Accepted;\r\n    case \"Pending\":\r\n      return VariableState.Pending;\r\n    case \"Action Required\":\r\n      return VariableState.ActionRequired;\r\n    case \"Rejected\":\r\n      return VariableState.Rejected;\r\n    case \"Declined\":\r\n      return VariableState.Declined;\r\n    case \"Draft\":\r\n      return VariableState.Draft;\r\n    case \"Not Started\":\r\n      return VariableState.NotStarted;\r\n    default:\r\n      return undefined;\r\n  }\r\n}\r\n\r\nfunction mapRequirementTypeToState(\r\n  reqType: string,\r\n): RequirementType | undefined {\r\n  switch (reqType) {\r\n    case \"Default\":\r\n      return RequirementType.Default;\r\n    case \"Optional\":\r\n      return RequirementType.Optional;\r\n    default:\r\n      return undefined;\r\n  }\r\n}\r\n\r\nexport { mapStatusToVariableState, mapRequirementTypeToState };\r\n"],"names":[],"mappings":";;AAEA,SAAS,wBAAwB,CAAC,MAAc,EAAA;IAC9C,QAAQ,MAAM;AACZ,QAAA,KAAK,UAAU;YACb,OAAO,aAAa,CAAC,QAAQ;AAC/B,QAAA,KAAK,SAAS;YACZ,OAAO,aAAa,CAAC,OAAO;AAC9B,QAAA,KAAK,iBAAiB;YACpB,OAAO,aAAa,CAAC,cAAc;AACrC,QAAA,KAAK,UAAU;YACb,OAAO,aAAa,CAAC,QAAQ;AAC/B,QAAA,KAAK,UAAU;YACb,OAAO,aAAa,CAAC,QAAQ;AAC/B,QAAA,KAAK,OAAO;YACV,OAAO,aAAa,CAAC,KAAK;AAC5B,QAAA,KAAK,aAAa;YAChB,OAAO,aAAa,CAAC,UAAU;AACjC,QAAA;AACE,YAAA,OAAO,SAAS;;AAEtB;AAEA,SAAS,yBAAyB,CAChC,OAAe,EAAA;IAEf,QAAQ,OAAO;AACb,QAAA,KAAK,SAAS;YACZ,OAAO,eAAe,CAAC,OAAO;AAChC,QAAA,KAAK,UAAU;YACb,OAAO,eAAe,CAAC,QAAQ;AACjC,QAAA;AACE,YAAA,OAAO,SAAS;;AAEtB;;;;"}

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/domutils/lib/index.js

@@ -1,4 +1,4 @@
-import { __exports as lib } from '../../../_virtual/index8.js';
+import { __exports as lib } from '../../../_virtual/index9.js';
 import { __require as requireStringify } from './stringify.js';
 import { __require as requireTraversal } from './traversal.js';
 import { __require as requireManipulation } from './manipulation.js';

package/dist/esm/node_modules/entities/lib/generated/decode-data-html.js

@@ -1,4 +1,4 @@
-import { __exports as decodeDataHtml } from '../../../../_virtual/decode-data-html.js';
+import { __exports as decodeDataHtml } from '../../../../_virtual/decode-data-html2.js';
 
 var hasRequiredDecodeDataHtml;
 

package/dist/esm/node_modules/entities/lib/generated/decode-data-xml.js

@@ -1,4 +1,4 @@
-import { __exports as decodeDataXml } from '../../../../_virtual/decode-data-xml.js';
+import { __exports as decodeDataXml } from '../../../../_virtual/decode-data-xml2.js';
 
 var hasRequiredDecodeDataXml;
 

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/node_modules/entities/dist/commonjs/generated/decode-data-html.js

@@ -1,4 +1,4 @@
-import { __exports as decodeDataHtml } from '../../../../../../../_virtual/decode-data-html2.js';
+import { __exports as decodeDataHtml } from '../../../../../../../_virtual/decode-data-html.js';
 
 var hasRequiredDecodeDataHtml;
 

package/dist/esm/node_modules/htmlparser2/node_modules/entities/dist/commonjs/generated/decode-data-xml.js

@@ -1,4 +1,4 @@
-import { __exports as decodeDataXml } from '../../../../../../../_virtual/decode-data-xml2.js';
+import { __exports as decodeDataXml } from '../../../../../../../_virtual/decode-data-xml.js';
 
 var hasRequiredDecodeDataXml;
 

package/dist/esm/node_modules/style-to-object/cjs/index.js

@@ -1,4 +1,4 @@
-import { __exports as cjs } from '../../../_virtual/index9.js';
+import { __exports as cjs } from '../../../_virtual/index8.js';
 import { __require as requireCjs$1 } from '../../inline-style-parser/cjs/index.js';
 
 var hasRequiredCjs;

package/dist/esm/types/variable.d.ts

@@ -1,12 +1,47 @@
+import { ObjectId } from "mongodb";
+export type Variable = {
+    _id: ObjectId;
+    name: string;
+    value: string;
+    defaultValue?: string;
+    pluralValue: string;
+    validFrom: Date;
+    feedback?: string;
+    history?: VariableHistoryEntry[];
+    customerHelpText: string;
+    writerHelpText: string;
+    state: VariableState;
+    hidden: boolean;
+    canBeBlank: boolean;
+    vertical: string;
+    requirementType: RequirementType;
+    useDefault?: boolean;
+    depth?: number;
+    scope?: VariableScope;
+    isChildEditable?: boolean;
+};
+export declare enum VariableScope {
+    Network = "Network",
+    Organisation = "Organisation"
+}
+export declare enum RequirementType {
+    Default = "Default",
+    Optional = "Optional"
+}
 export declare enum VariableState {
     Accepted = "Accepted",
     Pending = "Pending",
     ActionRequired = "Action Required",
+    Rejected = "Rejected",
     Declined = "Declined",
     Draft = "Draft",
     NotStarted = "Not Started"
 }
-export declare enum RequirementType {
-    Default = "Default",
-    Optional = "Optional"
-}
+export type VariableHistoryEntry = {
+    value?: string;
+    useDefault?: boolean;
+    state: VariableState;
+    validFrom: Date;
+    validTo: Date;
+};
+export default Variable;

package/dist/esm/types/variable.js

@@ -1,17 +1,23 @@
+var VariableScope;
+(function (VariableScope) {
+    VariableScope["Network"] = "Network";
+    VariableScope["Organisation"] = "Organisation";
+})(VariableScope || (VariableScope = {}));
+var RequirementType;
+(function (RequirementType) {
+    RequirementType["Default"] = "Default";
+    RequirementType["Optional"] = "Optional";
+})(RequirementType || (RequirementType = {}));
 var VariableState;
 (function (VariableState) {
     VariableState["Accepted"] = "Accepted";
     VariableState["Pending"] = "Pending";
     VariableState["ActionRequired"] = "Action Required";
+    VariableState["Rejected"] = "Rejected";
     VariableState["Declined"] = "Declined";
     VariableState["Draft"] = "Draft";
     VariableState["NotStarted"] = "Not Started";
 })(VariableState || (VariableState = {}));
-var RequirementType;
-(function (RequirementType) {
-    RequirementType["Default"] = "Default";
-    RequirementType["Optional"] = "Optional";
-})(RequirementType || (RequirementType = {}));
 
-export { RequirementType, VariableState };
+export { RequirementType, VariableScope, VariableState };
 //# sourceMappingURL=variable.js.map

package/dist/esm/types/variable.js.map

@@ -1 +1 @@
-{"version":3,"file":"variable.js","sources":["../../../../src/types/variable.ts"],"sourcesContent":["export enum VariableState {\r\n  Accepted = \"Accepted\",\r\n  Pending = \"Pending\",\r\n  ActionRequired = \"Action Required\",\r\n  Declined = \"Declined\",\r\n  Draft = \"Draft\",\r\n  NotStarted = \"Not Started\",\r\n}\r\n\r\nexport enum RequirementType {\r\n  Default = \"Default\",\r\n  Optional = \"Optional\",\r\n}\r\n"],"names":[],"mappings":"IAAY;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,gBAAA,CAAA,GAAA,iBAAkC;AAClC,IAAA,aAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,aAAA,CAAA,YAAA,CAAA,GAAA,aAA0B;AAC5B,CAAC,EAPW,aAAa,KAAb,aAAa,GAAA,EAAA,CAAA,CAAA;IASb;AAAZ,CAAA,UAAY,eAAe,EAAA;AACzB,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,eAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EAHW,eAAe,KAAf,eAAe,GAAA,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"variable.js","sources":["../../../../src/types/variable.ts"],"sourcesContent":["import { ObjectId } from \"mongodb\";\r\n\r\nexport type Variable = {\r\n  _id: ObjectId;\r\n  name: string;\r\n  value: string;\r\n  defaultValue?: string;\r\n  pluralValue: string;\r\n  validFrom: Date;\r\n  feedback?: string;\r\n  history?: VariableHistoryEntry[];\r\n  customerHelpText: string;\r\n  writerHelpText: string;\r\n  state: VariableState;\r\n  hidden: boolean;\r\n  canBeBlank: boolean;\r\n  vertical: string;\r\n  requirementType: RequirementType;\r\n  useDefault?: boolean;\r\n  depth?: number;\r\n  scope?: VariableScope;\r\n  isChildEditable?: boolean;\r\n};\r\n\r\nexport enum VariableScope {\r\n  Network = \"Network\",\r\n  Organisation = \"Organisation\",\r\n}\r\n\r\nexport enum RequirementType {\r\n  Default = \"Default\",\r\n  Optional = \"Optional\",\r\n}\r\n\r\nexport enum VariableState {\r\n  Accepted = \"Accepted\",\r\n  Pending = \"Pending\",\r\n  ActionRequired = \"Action Required\",\r\n  Rejected = \"Rejected\",\r\n  Declined = \"Declined\",\r\n  Draft = \"Draft\",\r\n  NotStarted = \"Not Started\",\r\n}\r\n\r\nexport type VariableHistoryEntry = {\r\n  value?: string;\r\n  useDefault?: boolean;\r\n  state: VariableState;\r\n  validFrom: Date;\r\n  validTo: Date;\r\n};\r\n\r\nexport default Variable;\r\n"],"names":[],"mappings":"IAwBY;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,cAAA,CAAA,GAAA,cAA6B;AAC/B,CAAC,EAHW,aAAa,KAAb,aAAa,GAAA,EAAA,CAAA,CAAA;IAKb;AAAZ,CAAA,UAAY,eAAe,EAAA;AACzB,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,eAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EAHW,eAAe,KAAf,eAAe,GAAA,EAAA,CAAA,CAAA;IAKf;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,gBAAA,CAAA,GAAA,iBAAkC;AAClC,IAAA,aAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,aAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,aAAA,CAAA,YAAA,CAAA,GAAA,aAA0B;AAC5B,CAAC,EARW,aAAa,KAAb,aAAa,GAAA,EAAA,CAAA,CAAA;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ece-docs-components",
-  "version": "1.0.104",
+  "version": "1.0.105",
   "type": "module",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -58,6 +58,7 @@
   "dependencies": {
     "@mui/utils": "^7.3.3",
     "@rollup/plugin-url": "^8.0.2",
-    "html-react-parser": "^5.2.10"
+    "html-react-parser": "^5.2.10",
+    "mongodb": "^7.4.0"
   }
 }