ece-docs-components 1.0.104 → 1.0.106

package/dist/cjs/components/NoteBox.js

@@ -11,91 +11,97 @@ var variableProcessing = require('../helpers/variableProcessing.js');
 // 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 = material.styled(material.Box)({
-    position: 'relative',
-    display: 'inline',
-    maxWidth: '100%',
+    position: "relative",
+    display: "inline",
+    maxWidth: "100%",
 });
 // Uses highlight colors driven by status exclusively
 const HighlightWrapper = material.styled(material.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 = material.styled(material.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] = React.useState(false);
     // Map current status
     const variableState = variableProcessing.mapStatusToVariableState(status);
@@ -103,39 +109,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 (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) => {
+    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();
                     }
-                }, children: [jsxRuntime.jsx("span", { className: "highlight-span", style: { display: 'inline' }, children: children }), jsxRuntime.jsx(EditButton, { className: "edit-button", onClick: (e) => {
+                }, children: [jsxRuntime.jsx("span", { className: "highlight-span", style: { display: "inline" }, children: children }), jsxRuntime.jsx(EditButton, { className: "edit-button", onClick: (e) => {
                             e.stopPropagation();
                             if (onEditClick) {
                                 onEditClick();
                             }
-                        }, size: "small", children: variableState === variable.VariableState.Accepted
-                            ? jsxRuntime.jsx(iconsMaterial.CheckRounded, { sx: { fontSize: 14, color: "#FFFFFF", strokeWidth: 2 } })
-                            : jsxRuntime.jsx(iconsMaterial.EditRounded, { sx: { fontSize: 14, color: "#FFFFFF", strokeWidth: 2 } }) })] })] }));
+                        }, size: "small", children: variableState === variable.VariableState.Accepted ? (jsxRuntime.jsx(iconsMaterial.CheckRounded, { sx: { fontSize: 14, color: "#FFFFFF", strokeWidth: 2 } })) : (jsxRuntime.jsx(iconsMaterial.EditRounded, { sx: { fontSize: 14, color: "#FFFFFF", strokeWidth: 2 } })) })] })] }));
 };
 
 exports.NoteBox = NoteBox;

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',\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":["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 {\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":["styled","Box","IconButton","useState","mapStatusToVariableState","mapRequirementTypeToState","_jsxs","_jsx","Alert","VariableState","CheckRounded","EditRounded"],"mappings":"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"}

package/dist/cjs/helpers/variableProcessing.js

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

package/dist/cjs/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":["VariableState","RequirementType"],"mappings":";;;;AAEA,SAAS,wBAAwB,CAAC,MAAc,EAAA;IAC9C,QAAQ,MAAM;AACZ,QAAA,KAAK,UAAU;YACb,OAAOA,sBAAa,CAAC,QAAQ;AAC/B,QAAA,KAAK,SAAS;YACZ,OAAOA,sBAAa,CAAC,OAAO;AAC9B,QAAA,KAAK,iBAAiB;YACpB,OAAOA,sBAAa,CAAC,cAAc;AACrC,QAAA,KAAK,UAAU;YACb,OAAOA,sBAAa,CAAC,QAAQ;AAC/B,QAAA,KAAK,OAAO;YACV,OAAOA,sBAAa,CAAC,KAAK;AAC5B,QAAA,KAAK,aAAa;YAChB,OAAOA,sBAAa,CAAC,UAAU;AACjC,QAAA;AACE,YAAA,OAAO,SAAS;;AAEtB;AAGA,SAAS,yBAAyB,CAAC,OAAe,EAAA;IAChD,QAAQ,OAAO;AACb,QAAA,KAAK,SAAS;YACZ,OAAOC,wBAAe,CAAC,OAAO;AAChC,QAAA,KAAK,UAAU;YACb,OAAOA,wBAAe,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":["VariableState","RequirementType"],"mappings":";;;;AAEA,SAAS,wBAAwB,CAAC,MAAc,EAAA;IAC9C,QAAQ,MAAM;AACZ,QAAA,KAAK,UAAU;YACb,OAAOA,sBAAa,CAAC,QAAQ;AAC/B,QAAA,KAAK,SAAS;YACZ,OAAOA,sBAAa,CAAC,OAAO;AAC9B,QAAA,KAAK,iBAAiB;YACpB,OAAOA,sBAAa,CAAC,cAAc;AACrC,QAAA,KAAK,UAAU;YACb,OAAOA,sBAAa,CAAC,QAAQ;AAC/B,QAAA,KAAK,UAAU;YACb,OAAOA,sBAAa,CAAC,QAAQ;AAC/B,QAAA,KAAK,OAAO;YACV,OAAOA,sBAAa,CAAC,KAAK;AAC5B,QAAA,KAAK,aAAa;YAChB,OAAOA,sBAAa,CAAC,UAAU;AACjC,QAAA;AACE,YAAA,OAAO,SAAS;;AAEtB;AAEA,SAAS,yBAAyB,CAChC,OAAe,EAAA;IAEf,QAAQ,OAAO;AACb,QAAA,KAAK,SAAS;YACZ,OAAOC,wBAAe,CAAC,OAAO;AAChC,QAAA,KAAK,UAAU;YACb,OAAOA,wBAAe,CAAC,QAAQ;AACjC,QAAA;AACE,YAAA,OAAO,SAAS;;AAEtB;;;;;"}

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../../../_virtual/index4.js');
+var index = require('../../../_virtual/index3.js');
 var index$1 = require('../../domelementtype/lib/index.js');
 var node = require('./node.js');
 

package/dist/cjs/node_modules/domutils/lib/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../../../_virtual/index8.js');
+var index = require('../../../_virtual/index9.js');
 var stringify = require('./stringify.js');
 var traversal = require('./traversal.js');
 var manipulation = require('./manipulation.js');

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../../../_virtual/index3.js');
+var index = require('../../../_virtual/index4.js');
 var htmlToDom = require('./server/html-to-dom.js');
 var types = require('./types.js');
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../../../_virtual/index9.js');
+var index = require('../../../_virtual/index8.js');
 var index$1 = require('../../inline-style-parser/cjs/index.js');
 
 var hasRequiredCjs;

package/dist/cjs/types/variable.js

@@ -1,17 +1,23 @@
 'use strict';
 
+exports.VariableScope = void 0;
+(function (VariableScope) {
+    VariableScope["Network"] = "Network";
+    VariableScope["Organisation"] = "Organisation";
+})(exports.VariableScope || (exports.VariableScope = {}));
+exports.RequirementType = void 0;
+(function (RequirementType) {
+    RequirementType["Default"] = "Default";
+    RequirementType["Optional"] = "Optional";
+})(exports.RequirementType || (exports.RequirementType = {}));
 exports.VariableState = void 0;
 (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";
 })(exports.VariableState || (exports.VariableState = {}));
-exports.RequirementType = void 0;
-(function (RequirementType) {
-    RequirementType["Default"] = "Default";
-    RequirementType["Optional"] = "Optional";
-})(exports.RequirementType || (exports.RequirementType = {}));
 //# sourceMappingURL=variable.js.map

package/dist/cjs/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":["VariableState","RequirementType"],"mappings":";;AAAYA;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,EAPWA,qBAAa,KAAbA,qBAAa,GAAA,EAAA,CAAA,CAAA;AASbC;AAAZ,CAAA,UAAY,eAAe,EAAA;AACzB,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,eAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EAHWA,uBAAe,KAAfA,uBAAe,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":["VariableScope","RequirementType","VariableState"],"mappings":";;AAwBYA;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,cAAA,CAAA,GAAA,cAA6B;AAC/B,CAAC,EAHWA,qBAAa,KAAbA,qBAAa,GAAA,EAAA,CAAA,CAAA;AAKbC;AAAZ,CAAA,UAAY,eAAe,EAAA;AACzB,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,eAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EAHWA,uBAAe,KAAfA,uBAAe,GAAA,EAAA,CAAA,CAAA;AAKfC;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,EARWA,qBAAa,KAAbA,qBAAa,GAAA,EAAA,CAAA,CAAA;;"}

package/dist/esm/_virtual/index8.js

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

package/dist/esm/_virtual/index9.js

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

package/dist/esm/components/FileUploadButton.d.ts

@@ -1,12 +1,16 @@
-import React from 'react';
+import React from "react";
 interface FileUploadButtonProps {
     id?: string;
     label?: string;
     accept?: string;
     multiple?: boolean;
     onFileSelect?: (files: FileList | null) => void;
-    variant?: 'primary' | 'secondary' | 'outline' | 'marked-read' | 'mark-read' | 'danger';
-    size?: 'sm' | 'md' | 'lg';
+    variant?: "primary" | "secondary" | "outline" | "marked-read" | "mark-read" | "danger";
+    size?: "sm" | "md" | "lg";
+    onError?: (files: File[]) => void;
+    maxSizeBytes?: number;
+    sendToast?: boolean;
+    children?: React.ReactNode;
 }
 export declare const FileUploadButton: React.FC<FileUploadButtonProps>;
 export {};

package/dist/esm/components/FileUploadButton.js

@@ -1,14 +1,14 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useId } from 'react';
 import { Button } from './Button.js';
 import { styled } from '@mui/material/styles';
 import { FileUploadRounded } from '@mui/icons-material';
 import { toast } from 'react-toastify';
 
-const HiddenInput = styled('input')({
-    display: 'none',
+const HiddenInput = styled("input")({
+    display: "none",
 });
-const FileUploadButton = ({ id, label = 'Upload File', accept, multiple = false, onFileSelect, variant = 'primary', size = 'md', }) => {
+const FileUploadButton = ({ id, label = "Upload File", accept, multiple = false, onFileSelect, variant = "primary", size = "md", onError, maxSizeBytes = 25 * 1024 * 1024, sendToast = true, children, }) => {
     const handleFileChange = (event) => {
         const files = event.target.files;
         if (!files || files.length === 0) {
@@ -18,32 +18,43 @@ const FileUploadButton = ({ id, label = 'Upload File', accept, multiple = false,
         // If multiple, filter; if single, validate the first
         if (multiple) {
             const valid = [];
-            for (const f of Array.from(files)) {
-                if (f.size > (25 * 1024 * 1024))
-                    continue;
-                valid.push(f);
+            const rejected = [];
+            for (const file of Array.from(files)) {
+                if (file.size > maxSizeBytes) {
+                    rejected.push(file);
+                }
+                else {
+                    valid.push(file);
+                }
+            }
+            if (rejected.length > 0) {
+                onError?.(rejected);
+            }
+            if (valid.length === 0) {
+                onFileSelect?.(null);
+                event.target.value = "";
+                return;
             }
             const dt = new DataTransfer();
             valid.forEach((f) => dt.items.add(f));
             onFileSelect?.(dt.files);
+            return;
         }
-        else {
-            const f = files[0];
-            if (f.size > (25 * 1024 * 1024)) {
-                // Notify user and abort selection
-                // Example: toast.error('File exceeds 5MB');
-                toast.error('File exceeds 25MB');
-                onFileSelect?.(null);
-                // Clear the input so user can reselect
-                event.target.value = '';
-                return;
+        const file = files[0];
+        if (file.size > maxSizeBytes) {
+            if (sendToast) {
+                toast.error("File exceeds 25MB");
             }
-            onFileSelect?.(files);
+            onError?.([file]);
+            onFileSelect?.(null);
+            event.target.value = "";
+            return;
         }
+        onFileSelect?.(files);
     };
     const autoId = useId();
     const inputId = id || `file-upload-${autoId}`;
-    return (jsxs("label", { htmlFor: inputId, children: [jsx(HiddenInput, { id: inputId, type: "file", accept: accept, multiple: multiple, onChange: handleFileChange }), jsxs(Button, { component: "span", variant: variant, size: size, children: [jsx(FileUploadRounded, {}), label] })] }));
+    return (jsxs("label", { htmlFor: inputId, children: [jsx(HiddenInput, { id: inputId, type: "file", accept: accept, multiple: multiple, onChange: handleFileChange }), jsx(Button, { component: "span", variant: variant, size: size, children: children ?? (jsxs(Fragment, { children: [jsx(FileUploadRounded, {}), label] })) })] }));
 };
 
 export { FileUploadButton };

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

@@ -1 +1 @@
-{"version":3,"file":"FileUploadButton.js","sources":["../../../../src/components/FileUploadButton.tsx"],"sourcesContent":["import React, { useId } from 'react';\r\nimport { Button } from './Button'; // Import your existing styled button component\r\nimport { styled } from '@mui/material/styles';\r\nimport { FileUploadRounded } from '@mui/icons-material';\r\nimport { toast } from 'react-toastify';\r\n\r\ninterface FileUploadButtonProps {\r\n  id?: string;\r\n  label?: string;\r\n  accept?: string;\r\n  multiple?: boolean;\r\n  onFileSelect?: (files: FileList | null) => void;\r\n  variant?: 'primary' | 'secondary' | 'outline' | 'marked-read' | 'mark-read' | 'danger';\r\n  size?: 'sm' | 'md' | 'lg';\r\n}\r\n\r\nconst HiddenInput = styled('input')({\r\n  display: 'none',\r\n});\r\n\r\nexport const FileUploadButton: React.FC<FileUploadButtonProps> = ({\r\n  id,\r\n  label = 'Upload File',\r\n  accept,\r\n  multiple = false,\r\n  onFileSelect,\r\n  variant = 'primary',\r\n  size = 'md',\r\n}) => {\r\nconst handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    const files = event.target.files;\r\n\r\n    if (!files || files.length === 0) {\r\n      onFileSelect?.(files);\r\n      return;\r\n    }\r\n\r\n    // If multiple, filter; if single, validate the first\r\n    if (multiple) {\r\n      const valid: File[] = [];\r\n      for (const f of Array.from(files)) {\r\n        if ((25 * 1024 * 1024) && f.size > (25 * 1024 * 1024)) continue;\r\n        valid.push(f);\r\n      }\r\n      const dt = new DataTransfer();\r\n      valid.forEach((f) => dt.items.add(f));\r\n      onFileSelect?.(dt.files);\r\n    } else {\r\n      const f = files[0];\r\n      if ((25 * 1024 * 1024) && f.size > (25 * 1024 * 1024)) {\r\n        // Notify user and abort selection\r\n        // Example: toast.error('File exceeds 5MB');\r\n        toast.error('File exceeds 25MB')\r\n        onFileSelect?.(null);\r\n        // Clear the input so user can reselect\r\n        event.target.value = '';\r\n        return;\r\n      }\r\n      onFileSelect?.(files);\r\n    }\r\n  };\r\n  const autoId = useId(); \r\n  const inputId = id || `file-upload-${autoId}`;\r\n  return (\r\n    <label htmlFor={inputId}>\r\n      <HiddenInput\r\n        id={inputId}\r\n        type=\"file\"\r\n        accept={accept}\r\n        multiple={multiple}\r\n        onChange={handleFileChange}\r\n      />\r\n      <Button\r\n        component=\"span\"\r\n        variant={variant}\r\n        size={size}\r\n      >\r\n        <FileUploadRounded/>{label}\r\n      </Button>\r\n    </label>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAgBA,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;AAClC,IAAA,OAAO,EAAE,MAAM;AAChB,CAAA,CAAC;AAEK,MAAM,gBAAgB,GAAoC,CAAC,EAChE,EAAE,EACF,KAAK,GAAG,aAAa,EACrB,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,GACZ,KAAI;AACL,IAAA,MAAM,gBAAgB,GAAG,CAAC,KAA0C,KAAI;AACpE,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK;QAEhC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AAChC,YAAA,YAAY,GAAG,KAAK,CAAC;YACrB;QACF;;QAGA,IAAI,QAAQ,EAAE;YACZ,MAAM,KAAK,GAAW,EAAE;YACxB,KAAK,MAAM,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AACjC,gBAAA,IAA0B,CAAC,CAAC,IAAI,IAAI,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC;oBAAE;AACvD,gBAAA,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;YACf;AACA,YAAA,MAAM,EAAE,GAAG,IAAI,YAAY,EAAE;AAC7B,YAAA,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACrC,YAAA,YAAY,GAAG,EAAE,CAAC,KAAK,CAAC;QAC1B;aAAO;AACL,YAAA,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;YAClB,IAA0B,CAAC,CAAC,IAAI,IAAI,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC,EAAE;;;AAGrD,gBAAA,KAAK,CAAC,KAAK,CAAC,mBAAmB,CAAC;AAChC,gBAAA,YAAY,GAAG,IAAI,CAAC;;AAEpB,gBAAA,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,EAAE;gBACvB;YACF;AACA,YAAA,YAAY,GAAG,KAAK,CAAC;QACvB;AACF,IAAA,CAAC;AACD,IAAA,MAAM,MAAM,GAAG,KAAK,EAAE;AACtB,IAAA,MAAM,OAAO,GAAG,EAAE,IAAI,CAAA,YAAA,EAAe,MAAM,EAAE;IAC7C,QACEA,IAAA,CAAA,OAAA,EAAA,EAAO,OAAO,EAAE,OAAO,aACrBC,GAAA,CAAC,WAAW,EAAA,EACV,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,gBAAgB,EAAA,CAC1B,EACFD,IAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EAAA,QAAA,EAAA,CAEVC,GAAA,CAAC,iBAAiB,EAAA,EAAA,CAAE,EAAC,KAAK,CAAA,EAAA,CACnB,CAAA,EAAA,CACH;AAEZ;;;;"}
+{"version":3,"file":"FileUploadButton.js","sources":["../../../../src/components/FileUploadButton.tsx"],"sourcesContent":["import React, { useId } from \"react\";\r\nimport { Button } from \"./Button\"; // Import your existing styled button component\r\nimport { styled } from \"@mui/material/styles\";\r\nimport { FileUploadRounded } from \"@mui/icons-material\";\r\nimport { toast } from \"react-toastify\";\r\n\r\ninterface FileUploadButtonProps {\r\n  id?: string;\r\n  label?: string;\r\n  accept?: string;\r\n  multiple?: boolean;\r\n  onFileSelect?: (files: FileList | null) => void;\r\n  variant?:\r\n    | \"primary\"\r\n    | \"secondary\"\r\n    | \"outline\"\r\n    | \"marked-read\"\r\n    | \"mark-read\"\r\n    | \"danger\";\r\n  size?: \"sm\" | \"md\" | \"lg\";\r\n  onError?: (files: File[]) => void;\r\n  maxSizeBytes?: number;\r\n  sendToast?: boolean;\r\n  children?: React.ReactNode;\r\n}\r\n\r\nconst HiddenInput = styled(\"input\")({\r\n  display: \"none\",\r\n});\r\n\r\nexport const FileUploadButton: React.FC<FileUploadButtonProps> = ({\r\n  id,\r\n  label = \"Upload File\",\r\n  accept,\r\n  multiple = false,\r\n  onFileSelect,\r\n  variant = \"primary\",\r\n  size = \"md\",\r\n  onError,\r\n  maxSizeBytes = 25 * 1024 * 1024,\r\n  sendToast = true,\r\n  children,\r\n}) => {\r\n  const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    const files = event.target.files;\r\n\r\n    if (!files || files.length === 0) {\r\n      onFileSelect?.(files);\r\n      return;\r\n    }\r\n\r\n    // If multiple, filter; if single, validate the first\r\n    if (multiple) {\r\n      const valid: File[] = [];\r\n      const rejected: File[] = [];\r\n      for (const file of Array.from(files)) {\r\n        if (file.size > maxSizeBytes) {\r\n          rejected.push(file);\r\n        } else {\r\n          valid.push(file);\r\n        }\r\n      }\r\n\r\n      if (rejected.length > 0) {\r\n        onError?.(rejected);\r\n      }\r\n\r\n      if (valid.length === 0) {\r\n        onFileSelect?.(null);\r\n        event.target.value = \"\";\r\n        return;\r\n      }\r\n\r\n      const dt = new DataTransfer();\r\n      valid.forEach((f) => dt.items.add(f));\r\n      onFileSelect?.(dt.files);\r\n      return;\r\n    }\r\n\r\n    const file = files[0];\r\n    if (file.size > maxSizeBytes) {\r\n      if (sendToast) {\r\n        toast.error(\"File exceeds 25MB\");\r\n      }\r\n      onError?.([file]);\r\n      onFileSelect?.(null);\r\n      event.target.value = \"\";\r\n      return;\r\n    }\r\n    onFileSelect?.(files);\r\n  };\r\n  const autoId = useId();\r\n  const inputId = id || `file-upload-${autoId}`;\r\n  return (\r\n    <label htmlFor={inputId}>\r\n      <HiddenInput\r\n        id={inputId}\r\n        type=\"file\"\r\n        accept={accept}\r\n        multiple={multiple}\r\n        onChange={handleFileChange}\r\n      />\r\n      {/* Render child, if not defined render old style fix*/}\r\n      <Button component=\"span\" variant={variant} size={size}>\r\n        {children ?? (\r\n          <>\r\n            <FileUploadRounded />\r\n            {label}\r\n          </>\r\n        )}\r\n      </Button>\r\n    </label>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

package/dist/esm/components/Modal.d.ts

@@ -1,16 +1,10 @@
 import React from "react";
+import { Variable } from "../types/variable";
 interface ModalProps {
     isOpen: boolean;
     onClose: () => void;
-    variableId: string;
-    status: string;
-    requirementType: string;
-    description: string;
-    value: string;
-    defaultValue: string;
-    note?: string;
-    onSave?: (fieldValue: string, defaultChecked: boolean) => void;
-    onSubmit?: (fieldValue: string, defaultChecked: boolean) => void;
+    onSave?: (fieldValue: string, defaultChecked: boolean, isChildEditable: boolean) => void;
+    onSubmit?: (fieldValue: string, defaultChecked: boolean, isChildEditable: boolean) => void;
     successMessage?: string;
     errorMessage?: string;
     onDeclineWording?: () => void;
@@ -19,8 +13,8 @@ interface ModalProps {
     currentPage?: number;
     totalPages?: number;
     isLoading: boolean;
-    useDefault: boolean;
-    canBeBlank?: boolean;
+    variable: Variable;
+    isLeafOrganisation: boolean;
 }
 export declare const Modal: React.FC<ModalProps>;
 export {};