@lax-wp/design-system 0.13.39-beta.0 → 0.13.39-beta.2

package/dist/components/forms/master-data-input/MasterDataInputField.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../../_virtual/index.cjs.js"),n=require("react"),Ie=require("antd"),Fe=require("react-i18next"),Ee=require("../../data-display/typography/Typography.cjs.js"),qe=require("../../data-display/label/Label.cjs.js"),q=require("@mui/icons-material"),Ne=require("../../icons/AIExtractedIndicator.cjs.js"),Be=require("../../icons/AIStarIcon.cjs.js"),Ae=require("../../icons/HelpIcon.cjs.js"),N=require("../../tooltip/Tooltip.cjs.js"),D=require("../../button/IconButton.cjs.js"),Re=require("../shared/InputLabel.cjs.js"),x=require("../../../utils/confidenceScoreUtils.cjs.js"),ze=require("../../icon/icons.generated.cjs.js"),T=n.forwardRef(({id:U,label:J,labelExtra:Q,placeholder:X,value:i,onChange:B,errorMessage:s,defaultValue:Y,required:A=!1,isRequiredConditional:Z=!1,masterDataName:g,masterDataColumnName:G,masterDataFormula:a,masterDataFilters:ee,tags:te,index:re,tooltip:R="",originalCase:ne=!1,color:c="",isGTN:k=!1,labelClassName:le,gtnName:z=null,isAiExtracted:se=!1,confidenceScore:v,confidenceType:f="high",confidenceTooltip:j,sourceMeta:ae=[],onConfidenceScoreClick:oe,disabled:V=!1,reference:ie={},isLiveField:ce=!1,onBlur:de,onAddGTNToDocument:S,riskDetails:d,isRiskAnalysisOpen:L=!1,RiskDetailsCard:$,primaryColorShades:ue,setDisableActions:M,showDeprecatedFieldWarning:O,MasterDataModal:W,parseMasterDataFormula:p,inputEmphasis:w="default"},xe)=>{const{t:fe}=Fe.useTranslation(),h=!!(L&&d?.color),be=w==="modified"&&!s&&!h,ge=w==="deleted"&&!s&&!h,pe=w==="success"&&!s&&!h,[m,y]=n.useState(!1),[o,b]=n.useState(null),[u,H]=n.useState(!1),[he,me]=n.useState(""),[C,P]=n.useState(null),[ke,ve]=n.useState(!1),I=n.useRef(null),F=xe||I;n.useEffect(()=>{const t=()=>{const r=F.current||I.current;r&&ve(r.scrollWidth>r.clientWidth)};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[o,i]),n.useEffect(()=>{b(i)},[re,i]),n.useEffect(()=>{o!==null&&o!==i&&B(o,C)},[o,C]);const E=()=>{M?.(!u),H(!u)},je=t=>{if(t.keyCode===9||t.key==="Enter"){const r=F.current||I.current;r&&(b(he),r.blur())}},Se=(t,r)=>{let _=t;a&&p&&(_=p(a,r)),me(""),b(_),E(),P(r)},we=()=>{b(""),P(null)},ye=t=>{S&&z&&S({key:z,value:t})},Ce=()=>{const t="border h-8 text-sm rounded-lg block w-full p-2.5 pr-16 font-inter font-medium",r="placeholder:text-neutral-900 dark:placeholder:text-black-400";return s?l(t,r,"border-red-300 bg-gray-200 dark:border-black-600 dark:bg-black-600",c||"text-neutral-900 dark:text-black-200"):h&&d?.color?l(t,r,`border-${d.color}-300 bg-${d.color}-50`,c||"text-neutral-900 dark:text-black-200"):ge?l(t,r,"border-[var(--Error-200,#FECACA)] bg-[var(--Error-50,#FEF2F2)] !text-[#475467] dark:border-[var(--Error-200,#FECACA)] dark:bg-[var(--Error-50,#FEF2F2)] dark:!text-[#475467]"):be?l(t,r,"border-[var(--Warning-200,#FEDF89)] bg-[var(--Warning-50,#FFFAEB)] text-neutral-900 dark:text-black-100 dark:border-[var(--Warning-200,#FEDF89)] dark:bg-[var(--Warning-50,#FFFAEB)]"):pe?l(t,r,"border-[var(--Success-200,#BBF7D0)] bg-[var(--Success-50,#F0FDF4)] !text-[#101828] dark:border-[var(--Success-200,#BBF7D0)] dark:bg-[var(--Success-50,#F0FDF4)] dark:!text-[#101828]"):l(t,r,"border-gray-300 bg-gray-200 dark:border-black-600 dark:bg-black-600",c||"text-neutral-900 dark:text-black-200")},K=()=>o!==null?o:a&&p?p(a,ie):i;return n.useEffect(()=>{u&&!g&&(O?.(),H(!1))},[u,g,O]),e.jsxs("div",{className:l("flex gap-0.5 w-full relative",m&&k?"border rounded-lg border-primary-100 p-1":"",{"error-field":!!s}),onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),children:[k&&!m?e.jsx("div",{className:"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5"}):null,e.jsxs("div",{className:l("flex flex-col w-full"),children:[e.jsx("label",{htmlFor:"text",className:`text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${ne?"":"capitalize"} ${le||""}`,children:e.jsxs("div",{className:"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1",children:[e.jsxs("div",{className:"inline-flex min-w-0 items-center gap-1 flex-wrap",children:[e.jsx(Re.InputLabel,{label:J||"",required:A||!1,isRequiredConditional:Z||!1}),ce&&e.jsx(q.BoltOutlined,{sx:{fontSize:16,color:"var(--color-primary-600)",rotate:"15deg"}}),se&&!x.shouldShowConfidenceScore(v)&&e.jsx(Ne.AIExtractedIndicator,{}),e.jsx(qe.Label,{labels:te}),R&&e.jsx(N,{placement:"top",title:`${R}${a?` | ${a}`:""}`,children:e.jsx("div",{className:"cursor-pointer",children:e.jsx(Ae.HelpIcon,{className:"w-icon-sm h-icon-sm"})})}),Q]}),e.jsxs("div",{className:"flex items-center gap-1 justify-self-end",children:[x.shouldShowConfidenceScore(v)&&f?e.jsx(N,{placement:"top-end",title:j??"",hideTooltip:j==null,className:"cursor-pointer",children:e.jsxs("div",{className:l("inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5",x.getConfidenceScoreBadgeClass(f)),onClick:()=>oe?.(ae),children:[e.jsx(Be.AIStarIcon,{size:12,fill:x.getConfidenceScoreBadgeColor(f),fillSecondary:x.getConfidenceScoreBadgeFill(f)}),e.jsxs("span",{className:l("text-xs font-medium leading-4",x.getConfidenceScoreBadgeTextColor(f)),children:[v,"%"]})]})}):null,k&&m&&S?e.jsx("button",{id:"btn-master-data-input-add-to-document",className:"cursor-pointer",onClick:()=>ye(i?.toString()||""),type:"button",children:e.jsx(Ie.Tooltip,{placement:"top",title:fe("Add to document"),children:e.jsx(q.NoteAddOutlined,{sx:{fontSize:16,color:ue?.[600]||"var(--color-primary-600)"}})})}):null]})]})}),e.jsxs("label",{className:"relative block mt-1",children:[e.jsx(N,{title:ke?K():"",children:e.jsx("input",{id:U,ref:F,required:A,placeholder:X,className:Ce(),onChange:t=>{B(t.target.value,C),b(t.target?.value)},onKeyDown:je,value:K(),defaultValue:Y,disabled:!0,autoComplete:"off",onBlur:de})}),e.jsx(D,{id:"btn-dynamic-data-input-rx-cross",onClick:we,className:"absolute inset-y-0 right-1 flex items-center px-2 focus:border-transparent",variant:"ghost",disabled:V,children:e.jsx(ze.CloseIcon,{className:"w-6 h-6 text-neutral-500 dark:text-neutral-400 w-sm h-sm"})}),e.jsx(D,{id:"btn-dynamic-data-input-ai-outline-pic-center",onClick:E,className:"absolute inset-y-0 right-8 flex items-center px-2 focus:border-transparent",variant:"ghost",disabled:V,children:e.jsx(q.TableChartRounded,{className:"text-neutral-500 dark:text-neutral-400 w-sm h-sm"})})]}),s&&e.jsx(Ee.Typography,{className:"text-error-500 mt-1",appearance:"custom",size:"extra-small",variant:"medium",children:s}),u&&W&&e.jsx(W,{isVisible:u,onSelected:Se,onClose:E,masterDataColumnName:G,masterDataFilters:ee,masterDataName:g,masterDataId:g,masterDataFormula:a,showFilters:!0,enableRootDrag:!0})]}),m&&d&&L&&$&&e.jsx("div",{role:"tooltip",tabIndex:0,className:"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl",onClick:t=>t.stopPropagation(),onMouseDown:t=>t.preventDefault(),onKeyDown:t=>{t.key==="Escape"&&y(!1)},children:e.jsx($,{riskDetails:d})})]})});T.displayName="MasterDataInputField";exports.MasterDataInputField=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../_virtual/index.cjs.js"),l=require("react"),Ie=require("antd"),Ee=require("react-i18next"),qe=require("../../data-display/typography/Typography.cjs.js"),Ne=require("../../data-display/label/Label.cjs.js"),F=require("@mui/icons-material"),Fe=require("../../icons/AIExtractedIndicator.cjs.js"),Be=require("../../icons/AIStarIcon.cjs.js"),Ae=require("../../icons/HelpIcon.cjs.js"),B=require("../../tooltip/Tooltip.cjs.js"),U=require("../../button/IconButton.cjs.js"),ze=require("../shared/InputLabel.cjs.js"),f=require("../../../utils/confidenceScoreUtils.cjs.js"),Le=require("../../icon/icons.generated.cjs.js"),J=l.forwardRef(({id:Q,label:X,labelExtra:Y,placeholder:Z,value:a,onChange:A,errorMessage:o,defaultValue:G,required:z=!1,isRequiredConditional:D=!1,masterDataName:h,masterDataColumnName:ee,masterDataFormula:n,masterDataFilters:te,tags:re,index:ne,tooltip:L="",originalCase:le=!1,color:d="",isGTN:v=!1,labelClassName:se,gtnName:R=null,isAiExtracted:oe=!1,confidenceScore:m,confidenceType:b="high",confidenceTooltip:S,sourceMeta:ie=[],onConfidenceScoreClick:ce,disabled:$=!1,reference:j={},isLiveField:ae=!1,onBlur:de,onAddGTNToDocument:w,riskDetails:u,isRiskAnalysisOpen:V=!1,RiskDetailsCard:M,primaryColorShades:ue,setDisableActions:O,showDeprecatedFieldWarning:P,MasterDataModal:W,parseMasterDataFormula:i,inputEmphasis:y="default"},xe)=>{const{t:fe}=Ee.useTranslation(),p=!!(V&&u?.color),be=y==="modified"&&!o&&!p,ge=y==="deleted"&&!o&&!p,he=y==="success"&&!o&&!p,[k,C]=l.useState(!1),[c,g]=l.useState(null),[x,H]=l.useState(!1),[pe,ke]=l.useState(""),[I,K]=l.useState(null),[ve,me]=l.useState(!1),E=l.useRef(null),q=xe||E;l.useEffect(()=>{const t=()=>{const r=q.current||E.current;r&&me(r.scrollWidth>r.clientWidth)};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[c,a]),l.useEffect(()=>{g(a)},[ne,a]),l.useEffect(()=>{c!==null&&c!==a&&A(c,I)},[c,I]);const N=()=>{O?.(!x),H(!x)},Se=t=>{if(t.keyCode===9||t.key==="Enter"){const r=q.current||E.current;r&&(g(pe),r.blur())}},je=(t,r)=>{let T=t;console.log("handleSetMasterData called with:",t,r,n,i),n&&i&&(console.log("handleSetMasterData called with:",t,r,n,i(n,r)),T=i(n,r)),ke(""),g(T),N(),K(r)},we=()=>{g(""),K(null)},ye=t=>{w&&R&&w({key:R,value:t})},Ce=()=>{const t="border h-8 text-sm rounded-lg block w-full p-2.5 pr-16 font-inter font-medium",r="placeholder:text-neutral-900 dark:placeholder:text-black-400";return o?s(t,r,"border-red-300 bg-gray-200 dark:border-black-600 dark:bg-black-600",d||"text-neutral-900 dark:text-black-200"):p&&u?.color?s(t,r,`border-${u.color}-300 bg-${u.color}-50`,d||"text-neutral-900 dark:text-black-200"):ge?s(t,r,"border-[var(--Error-200,#FECACA)] bg-[var(--Error-50,#FEF2F2)] !text-[#475467] dark:border-[var(--Error-200,#FECACA)] dark:bg-[var(--Error-50,#FEF2F2)] dark:!text-[#475467]"):be?s(t,r,"border-[var(--Warning-200,#FEDF89)] bg-[var(--Warning-50,#FFFAEB)] text-neutral-900 dark:text-black-100 dark:border-[var(--Warning-200,#FEDF89)] dark:bg-[var(--Warning-50,#FFFAEB)]"):he?s(t,r,"border-[var(--Success-200,#BBF7D0)] bg-[var(--Success-50,#F0FDF4)] !text-[#101828] dark:border-[var(--Success-200,#BBF7D0)] dark:bg-[var(--Success-50,#F0FDF4)] dark:!text-[#101828]"):s(t,r,"border-gray-300 bg-gray-200 dark:border-black-600 dark:bg-black-600",d||"text-neutral-900 dark:text-black-200")},_=()=>c!==null?c:n&&i?(console.log("Parsing master data formula with reference:",n,j,i(n,j)),i(n,j)):a;return l.useEffect(()=>{x&&!h&&(P?.(),H(!1))},[x,h,P]),e.jsxs("div",{className:s("flex gap-0.5 w-full relative",k&&v?"border rounded-lg border-primary-100 p-1":"",{"error-field":!!o}),onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1),children:[v&&!k?e.jsx("div",{className:"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5"}):null,e.jsxs("div",{className:s("flex flex-col w-full"),children:[e.jsx("label",{htmlFor:"text",className:`text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${le?"":"capitalize"} ${se||""}`,children:e.jsxs("div",{className:"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1",children:[e.jsxs("div",{className:"inline-flex min-w-0 items-center gap-1 flex-wrap",children:[e.jsx(ze.InputLabel,{label:X||"",required:z||!1,isRequiredConditional:D||!1}),ae&&e.jsx(F.BoltOutlined,{sx:{fontSize:16,color:"var(--color-primary-600)",rotate:"15deg"}}),oe&&!f.shouldShowConfidenceScore(m)&&e.jsx(Fe.AIExtractedIndicator,{}),e.jsx(Ne.Label,{labels:re}),L&&e.jsx(B,{placement:"top",title:`${L}${n?` | ${n}`:""}`,children:e.jsx("div",{className:"cursor-pointer",children:e.jsx(Ae.HelpIcon,{className:"w-icon-sm h-icon-sm"})})}),Y]}),e.jsxs("div",{className:"flex items-center gap-1 justify-self-end",children:[f.shouldShowConfidenceScore(m)&&b?e.jsx(B,{placement:"top-end",title:S??"",hideTooltip:S==null,className:"cursor-pointer",children:e.jsxs("div",{className:s("inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5",f.getConfidenceScoreBadgeClass(b)),onClick:()=>ce?.(ie),children:[e.jsx(Be.AIStarIcon,{size:12,fill:f.getConfidenceScoreBadgeColor(b),fillSecondary:f.getConfidenceScoreBadgeFill(b)}),e.jsxs("span",{className:s("text-xs font-medium leading-4",f.getConfidenceScoreBadgeTextColor(b)),children:[m,"%"]})]})}):null,v&&k&&w?e.jsx("button",{id:"btn-master-data-input-add-to-document",className:"cursor-pointer",onClick:()=>ye(a?.toString()||""),type:"button",children:e.jsx(Ie.Tooltip,{placement:"top",title:fe("Add to document"),children:e.jsx(F.NoteAddOutlined,{sx:{fontSize:16,color:ue?.[600]||"var(--color-primary-600)"}})})}):null]})]})}),e.jsxs("label",{className:"relative block mt-1",children:[e.jsx(B,{title:ve?_():"",children:e.jsx("input",{id:Q,ref:q,required:z,placeholder:Z,className:Ce(),onChange:t=>{A(t.target.value,I),g(t.target?.value)},onKeyDown:Se,value:_(),defaultValue:G,disabled:!0,autoComplete:"off",onBlur:de})}),e.jsx(U,{id:"btn-dynamic-data-input-rx-cross",onClick:we,className:"absolute inset-y-0 right-1 flex items-center px-2 focus:border-transparent",variant:"ghost",disabled:$,children:e.jsx(Le.CloseIcon,{className:"w-6 h-6 text-neutral-500 dark:text-neutral-400 w-sm h-sm"})}),e.jsx(U,{id:"btn-dynamic-data-input-ai-outline-pic-center",onClick:N,className:"absolute inset-y-0 right-8 flex items-center px-2 focus:border-transparent",variant:"ghost",disabled:$,children:e.jsx(F.TableChartRounded,{className:"text-neutral-500 dark:text-neutral-400 w-sm h-sm"})})]}),o&&e.jsx(qe.Typography,{className:"text-error-500 mt-1",appearance:"custom",size:"extra-small",variant:"medium",children:o}),x&&W&&e.jsx(W,{isVisible:x,onSelected:je,onClose:N,masterDataColumnName:ee,masterDataFilters:te,masterDataName:h,masterDataId:h,masterDataFormula:n,showFilters:!0,enableRootDrag:!0})]}),k&&u&&V&&M&&e.jsx("div",{role:"tooltip",tabIndex:0,className:"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl",onClick:t=>t.stopPropagation(),onMouseDown:t=>t.preventDefault(),onKeyDown:t=>{t.key==="Escape"&&C(!1)},children:e.jsx(M,{riskDetails:u})})]})});J.displayName="MasterDataInputField";exports.MasterDataInputField=J;
 //# sourceMappingURL=MasterDataInputField.cjs.js.map

package/dist/components/forms/master-data-input/MasterDataInputField.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"MasterDataInputField.cjs.js","sources":["../../../../src/components/forms/master-data-input/MasterDataInputField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport cn from \"classnames\";\nimport { forwardRef, useEffect, useRef, useState } from \"react\";\nimport { Tooltip as AntTooltip } from \"antd\";\nimport { useTranslation } from 'react-i18next';\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { Label } from \"../../data-display/label/Label\";\nimport type { LabelType } from \"../../data-display/label/Label\";\nimport {\n  BoltOutlined,\n  CloseRounded,\n  NoteAddOutlined,\n  TableChartRounded,\n} from \"@mui/icons-material\";\nimport { AIExtractedIndicator } from \"../../icons/AIExtractedIndicator\";\nimport { AIStarIcon } from \"../../icons/AIStarIcon\";\nimport { HelpIcon } from \"../../icons/HelpIcon\";\nimport Tooltip from \"../../tooltip/Tooltip\";\nimport IconButton from \"../../button/IconButton\";\nimport { InputLabel } from \"../shared/InputLabel\";\nimport {\n  getConfidenceScoreBadgeClass,\n  getConfidenceScoreBadgeColor,\n  getConfidenceScoreBadgeFill,\n  getConfidenceScoreBadgeTextColor,\n  shouldShowConfidenceScore,\n} from \"../../../utils/confidenceScoreUtils\";\nimport { CloseIcon, CloseSmallIcon } from \"../../icon\";\n\n/**\n * Confidence score type\n */\nexport type ConfidenceScoreType = \"low\" | \"medium\" | \"high\";\n\nexport type SourceMetaBBox = {\n  b: number;\n  l: number;\n  r: number;\n  t: number;\n};\n\nexport type SourceMetaItem = {\n  bbox: SourceMetaBBox;\n  confidence_score?: number;\n  is_primary?: boolean;\n  match_score?: number;\n  match_type?: string;\n  page_height: number;\n  page_width: number;\n  source_page: number;\n  source_text?: string;\n};\n\n/**\n * Risk details interface for risk analysis integration\n */\nexport interface RiskDetails {\n  color?: string;\n  description?: string;\n  hexBgColor?: string;\n  hexBorderColor?: string;\n  [key: string]: any;\n}\n\n/**\n * Risk details card component props - generic to allow consumer-specific risk types\n */\nexport interface RiskDetailsCardProps<T = any> {\n  riskDetails: T;\n  maxWidth?: string;\n  showAllRisksSuggestions?: boolean;\n}\n\n/** Visual emphasis for the input surface (background + border) */\nexport type MasterDataInputFieldEmphasis =\n  | \"default\"\n  | \"modified\"\n  | \"deleted\"\n  | \"success\";\n\n/**\n * Props for the MasterDataModal component\n */\nexport interface MasterDataModalProps {\n  isVisible: boolean;\n  onSelected?: (masterDataValue: any, masterDataRow?: any) => void;\n  onClose: () => void;\n  masterDataColumnName?: string;\n  masterDataFilters?: any;\n  masterDataName?: string;\n  masterDataId: string | null;\n  masterDataFormula?: string;\n  setFieldFilters?: any;\n  showFilters?: boolean;\n  enableRootDrag?: boolean;\n}\n\n/**\n * Props for the MasterDataInputField component\n */\nexport interface MasterDataInputFieldProps {\n  /** Unique identifier for the input */\n  id: string;\n  /** Label text to display above the input */\n  label: string;\n  /** Optional extra content in the label row (e.g. actions, badges) */\n  labelExtra?: React.ReactNode;\n  /** Placeholder text for the input */\n  placeholder?: string;\n  /** Current value of the input */\n  value: any;\n  /** Callback function called when value changes */\n  onChange: (value: any, masterDataRowValue?: any) => void;\n  /** Error message to display below the input */\n  errorMessage?: string;\n  /** Callback to set error message */\n  setErrorMessage: (message: string) => void;\n  /** Callback to remove error message */\n  removeErrorMessage: () => void;\n  /** Default value for the input */\n  defaultValue?: any;\n  /** Whether the field is required */\n  required?: boolean;\n  /** Whether the required indicator shows as conditional (yellow instead of red) */\n  isRequiredConditional?: boolean;\n  /** Name of the master data source */\n  masterDataName: string;\n  /** Column name in the master data */\n  masterDataColumnName: string;\n  /** Formula for computing master data value */\n  masterDataFormula?: string;\n  /** Filters for master data */\n  masterDataFilters?: any;\n  /** Tags/labels to display next to the label */\n  tags?: (string | LabelType)[];\n  /** Index for array fields */\n  index?: number;\n  /** Tooltip text for the help icon */\n  tooltip?: string;\n  /** Whether to preserve original case in the label */\n  originalCase?: boolean;\n  /** Color for the input text */\n  color?: string;\n  /** Whether this is a GTN (Global Term Name) field */\n  isGTN?: boolean;\n  /** GTN field name for document integration */\n  gtnName?: any;\n  /** Whether the value was AI extracted */\n  isAiExtracted?: boolean;\n  /** Confidence percentage shown as a badge */\n  confidenceScore?: number;\n  /** Confidence classification for badge styling */\n  confidenceType?: ConfidenceScoreType;\n  /** Optional tooltip content for confidence badge */\n  confidenceTooltip?: React.ReactNode;\n  /** Source meta for confidence score */\n  sourceMeta?: SourceMetaItem[];\n  /** Handler fired when confidence score badge is clicked */\n  onConfidenceScoreClick?: (sourceMeta: SourceMetaItem[]) => void;\n  /** Reference data for formula computation */\n  reference?: any;\n  /** Whether the input is disabled */\n  disabled?: boolean;\n  /** Additional CSS classes for the label */\n  labelClassName?: string;\n  /** Whether this is a live field */\n  isLiveField?: boolean;\n  /** Callback function called when input loses focus */\n  onBlur?: () => void;\n  /** Handler for adding GTN to document */\n  onAddGTNToDocument?: (keyValuePair: { key: string; value: string }) => void;\n  /** Risk details data */\n  riskDetails?: RiskDetails;\n  /** Whether risk analysis is open */\n  isRiskAnalysisOpen?: boolean;\n  /** Custom risk details card component */\n  RiskDetailsCard?: React.ComponentType<RiskDetailsCardProps<any>>;\n  /** Primary color shades for styling */\n  primaryColorShades?: Record<number, string>;\n  /** Callback to set disable actions state */\n  setDisableActions?: (disabled: boolean) => void;\n  /** Toast function for deprecated field warning */\n  showDeprecatedFieldWarning?: () => void;\n  /** Master data modal component */\n  MasterDataModal?: React.ComponentType<MasterDataModalProps>;\n  /** Function to parse master data formula */\n  parseMasterDataFormula?: (formula: string, row: any) => string;\n  /** Input surface style: `'modified'` — `--Warning-50` / `--Warning-200`; `'deleted'` — `--Error-50` / `--Error-200`, text `#475467`; `'success'` — `--Success-50` / `--Success-200`, text `#101828`. */\n  inputEmphasis?: MasterDataInputFieldEmphasis;\n}\n\n/**\n * A highly customizable master data input component with label, validation, and styling support.\n * Features master data modal integration, GTN support, risk analysis support,\n * and comprehensive prop support for various use cases.\n *\n * @example\n * ```tsx\n * <MasterDataInputField\n *   id=\"master-field\"\n *   label=\"Master Field\"\n *   value={fieldValue}\n *   onChange={(value, rowValue) => setFieldValue(value)}\n *   setErrorMessage={(msg) => setError(msg)}\n *   removeErrorMessage={() => setError('')}\n *   masterDataName=\"customers\"\n *   masterDataColumnName=\"name\"\n *   required\n * />\n * ```\n */\nexport const MasterDataInputField = forwardRef<\n  HTMLInputElement,\n  MasterDataInputFieldProps\n>(\n  (\n    {\n      id,\n      label,\n      labelExtra,\n      placeholder,\n      value,\n      onChange,\n      errorMessage,\n      defaultValue,\n      required = false,\n      isRequiredConditional = false,\n      masterDataName,\n      masterDataColumnName,\n      masterDataFormula,\n      masterDataFilters,\n      tags,\n      index,\n      tooltip = \"\",\n      originalCase = false,\n      color = \"\",\n      isGTN = false,\n      labelClassName,\n      gtnName = null,\n      isAiExtracted = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      sourceMeta = [],\n      onConfidenceScoreClick,\n      disabled = false,\n      reference = {},\n      isLiveField = false,\n      onBlur,\n      onAddGTNToDocument,\n      riskDetails,\n      isRiskAnalysisOpen = false,\n      RiskDetailsCard,\n      primaryColorShades,\n      setDisableActions,\n      showDeprecatedFieldWarning,\n      MasterDataModal,\n      parseMasterDataFormula,\n      inputEmphasis = \"default\",\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const showRiskSkin = Boolean(isRiskAnalysisOpen && riskDetails?.color);\n    const emphasisModifiedSkin =\n      inputEmphasis === \"modified\" && !errorMessage && !showRiskSkin;\n    const emphasisDeletedSkin =\n      inputEmphasis === \"deleted\" && !errorMessage && !showRiskSkin;\n    const emphasisSuccessSkin =\n      inputEmphasis === \"success\" && !errorMessage && !showRiskSkin;\n    const [isHovered, setIsHovered] = useState(false);\n    const [inputValue, setInputValue] = useState<string | null>(null);\n    const [showMasterDataModal, setShowMasterDataModal] = useState(false);\n    const [suggestion, setSuggestion] = useState(\"\");\n    const [masterDataRowValue, setMasterDataRowValue] = useState<any>(null);\n    const [isTextOverflowing, setIsTextOverflowing] = useState(false);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    // Use forwarded ref or internal ref\n    const combinedRef = (ref as React.RefObject<HTMLInputElement>) || inputRef;\n\n    // Check if text is overflowing\n    useEffect(() => {\n      const checkOverflow = () => {\n        const input = combinedRef.current || inputRef.current;\n        if (input) {\n          setIsTextOverflowing(input.scrollWidth > input.clientWidth);\n        }\n      };\n\n      checkOverflow();\n      // Recheck on window resize\n      window.addEventListener('resize', checkOverflow);\n      return () => window.removeEventListener('resize', checkOverflow);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputValue, value]);\n\n    useEffect(() => {\n      setInputValue(value);\n    }, [index, value]);\n\n    useEffect(() => {\n      if (inputValue !== null && inputValue !== value)  {\n        onChange(inputValue, masterDataRowValue);\n      }\n    }, [inputValue, masterDataRowValue]);\n\n    const toggleMasterDataModal = () => {\n      if (showMasterDataModal) {\n        setDisableActions?.(false);\n      } else {\n        setDisableActions?.(true);\n      }\n      setShowMasterDataModal(!showMasterDataModal);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.keyCode === 9 || event.key === \"Enter\") {\n        const currentRef = combinedRef.current || inputRef.current;\n        if (currentRef) {\n          setInputValue(suggestion);\n          currentRef.blur();\n        }\n      }\n    };\n\n    const handleSetMasterData = (masterDataValue: any, masterDataRow?: any) => {\n      let _value = masterDataValue;\n\n      if (masterDataFormula && parseMasterDataFormula) {\n        _value = parseMasterDataFormula(masterDataFormula, masterDataRow);\n      }\n\n      setSuggestion(\"\");\n      setInputValue(_value);\n      toggleMasterDataModal();\n      setMasterDataRowValue(masterDataRow);\n    };\n\n    const handleClear = () => {\n      setInputValue(\"\");\n      setMasterDataRowValue(null);\n    };\n\n    const handleAddGTNToDocument = (_value: string) => {\n      if (onAddGTNToDocument && gtnName) {\n        const keyValuePair = {\n          key: gtnName,\n          value: _value,\n        };\n        onAddGTNToDocument(keyValuePair);\n      }\n    };\n\n    const getClassName = (): string => {\n      const baseClasses =\n        \"border h-8 text-sm rounded-lg block w-full p-2.5 pr-16 font-inter font-medium\";\n      const placeholderColor = `placeholder:text-neutral-900 dark:placeholder:text-black-400`;\n\n      if (errorMessage) {\n        return cn(\n          baseClasses,\n          placeholderColor,\n          \"border-red-300 bg-gray-200 dark:border-black-600 dark:bg-black-600\",\n          color ? color : \"text-neutral-900 dark:text-black-200\"\n        );\n      }\n      if (showRiskSkin && riskDetails?.color) {\n        return cn(\n          baseClasses,\n          placeholderColor,\n          `border-${riskDetails.color}-300 bg-${riskDetails.color}-50`,\n          color ? color : \"text-neutral-900 dark:text-black-200\"\n        );\n      }\n      if (emphasisDeletedSkin) {\n        return cn(\n          baseClasses,\n          placeholderColor,\n          \"border-[var(--Error-200,#FECACA)] bg-[var(--Error-50,#FEF2F2)] !text-[#475467] dark:border-[var(--Error-200,#FECACA)] dark:bg-[var(--Error-50,#FEF2F2)] dark:!text-[#475467]\"\n        );\n      }\n      if (emphasisModifiedSkin) {\n        return cn(\n          baseClasses,\n          placeholderColor,\n          \"border-[var(--Warning-200,#FEDF89)] bg-[var(--Warning-50,#FFFAEB)] text-neutral-900 dark:text-black-100 dark:border-[var(--Warning-200,#FEDF89)] dark:bg-[var(--Warning-50,#FFFAEB)]\"\n        );\n      }\n      if (emphasisSuccessSkin) {\n        return cn(\n          baseClasses,\n          placeholderColor,\n          \"border-[var(--Success-200,#BBF7D0)] bg-[var(--Success-50,#F0FDF4)] !text-[#101828] dark:border-[var(--Success-200,#BBF7D0)] dark:bg-[var(--Success-50,#F0FDF4)] dark:!text-[#101828]\"\n        );\n      }\n\n      return cn(\n        baseClasses,\n        placeholderColor,\n        \"border-gray-300 bg-gray-200 dark:border-black-600 dark:bg-black-600\",\n        color ? color : \"text-neutral-900 dark:text-black-200\"\n      );\n    };\n\n    const resolveMasterDataValue = () => {\n      if (inputValue !== null) {\n        return inputValue;\n      }\n      if (masterDataFormula && parseMasterDataFormula) {\n        return parseMasterDataFormula(masterDataFormula, reference);\n      }\n\n      return value;\n    };\n\n    useEffect(() => {\n      if (showMasterDataModal && !masterDataName) {\n        showDeprecatedFieldWarning?.();\n        setShowMasterDataModal(false);\n      }\n    }, [showMasterDataModal, masterDataName, showDeprecatedFieldWarning]);\n\n    return (\n      <div\n        className={cn(\n          `flex gap-0.5 w-full relative`,\n          isHovered && isGTN\n            ? \"border rounded-lg border-primary-100 p-1\"\n            : \"\",\n          { \"error-field\": !!errorMessage }\n        )}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {isGTN && !isHovered ? (\n          <div className=\"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5\" />\n        ) : null}\n\n        <div className={cn(`flex flex-col w-full`)}>\n          <label\n            htmlFor=\"text\"\n            className={`text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${\n              !originalCase ? \"capitalize\" : \"\"\n            } ${labelClassName || \"\"}`}\n          >\n            <div className=\"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1\">\n              <div className=\"inline-flex min-w-0 items-center gap-1 flex-wrap\">\n              <InputLabel label={label || \"\"} required={required || false} isRequiredConditional={isRequiredConditional || false} />\n                {isLiveField && (\n                  <BoltOutlined\n                    sx={{\n                      fontSize: 16,\n                      color: \"var(--color-primary-600)\",\n                      rotate: \"15deg\",\n                    }}\n                  />\n                )}\n                {isAiExtracted && !shouldShowConfidenceScore(confidenceScore) && <AIExtractedIndicator />}\n                <Label labels={tags} />\n                {tooltip && (\n                  <Tooltip\n                    placement=\"top\"\n                    title={`${tooltip}${masterDataFormula ? ` | ${masterDataFormula}` : \"\"}`}\n                  >\n                    <div className=\"cursor-pointer\">\n                      <HelpIcon className=\"w-icon-sm h-icon-sm\" />\n                    </div>\n                  </Tooltip>\n                )}\n                {labelExtra}\n              </div>\n\n              <div className=\"flex items-center gap-1 justify-self-end\">\n                {(shouldShowConfidenceScore(confidenceScore) && confidenceType) ? (\n                  <Tooltip\n                    placement=\"top-end\"\n                    title={confidenceTooltip ?? \"\"}\n                    hideTooltip={confidenceTooltip === undefined || confidenceTooltip === null}\n                    className=\"cursor-pointer\"\n                  >\n                    <div\n                      className={cn(\n                        \"inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5\",\n                        getConfidenceScoreBadgeClass(confidenceType)\n                      )}\n                      onClick={() => onConfidenceScoreClick?.(sourceMeta)}\n                    >\n                      <AIStarIcon\n                        size={12}\n                        fill={getConfidenceScoreBadgeColor(confidenceType)}\n                        fillSecondary={getConfidenceScoreBadgeFill(confidenceType)}\n                      />\n                      <span className={cn(\"text-xs font-medium leading-4\", getConfidenceScoreBadgeTextColor(confidenceType))}>\n                        {confidenceScore}%\n                      </span>\n                    </div>\n                  </Tooltip>\n                ) : null}\n                {isGTN && isHovered && onAddGTNToDocument ? (\n                  <button\n                    id=\"btn-master-data-input-add-to-document\"\n                    className=\"cursor-pointer\"\n                    onClick={() => handleAddGTNToDocument(value?.toString() || \"\")}\n                    type=\"button\"\n                  >\n                    <AntTooltip placement=\"top\" title={t(\"Add to document\")}>\n                      <NoteAddOutlined\n                        sx={{\n                          fontSize: 16,\n                          color:\n                            primaryColorShades?.[600] || \"var(--color-primary-600)\",\n                        }}\n                      />\n                    </AntTooltip>\n                  </button>\n                ) : null}\n              </div>\n            </div>\n          </label>\n          <label className=\"relative block mt-1\">\n            <Tooltip\n              title={isTextOverflowing ? resolveMasterDataValue() : \"\"}\n            >\n              <input\n                id={id}\n                ref={combinedRef}\n                required={required}\n                placeholder={placeholder}\n                className={getClassName()}\n                onChange={(e) => {\n                  onChange(e.target.value, masterDataRowValue);\n                  setInputValue(e.target?.value);\n                }}\n                onKeyDown={handleKeyDown}\n                value={resolveMasterDataValue()}\n                defaultValue={defaultValue}\n                disabled={true}\n                autoComplete=\"off\"\n                onBlur={onBlur}\n              />\n            </Tooltip>\n\n            <IconButton\n              id={`btn-dynamic-data-input-rx-cross`}\n              onClick={handleClear}\n              className=\"absolute inset-y-0 right-1 flex items-center px-2 focus:border-transparent\"\n              variant=\"ghost\"\n              disabled={disabled}\n            >\n              <CloseIcon className=\"w-6 h-6 text-neutral-500 dark:text-neutral-400 w-sm h-sm\" />\n            </IconButton>\n\n            <IconButton\n              id={`btn-dynamic-data-input-ai-outline-pic-center`}\n              onClick={toggleMasterDataModal}\n              className=\"absolute inset-y-0 right-8 flex items-center px-2 focus:border-transparent\"\n              variant=\"ghost\"\n              disabled={disabled}\n            >\n              <TableChartRounded\n                className=\"text-neutral-500 dark:text-neutral-400 w-sm h-sm\"\n              />\n            </IconButton>\n          </label>\n\n          {errorMessage && (\n            <Typography\n              className=\"text-error-500 mt-1\"\n              appearance=\"custom\"\n              size=\"extra-small\"\n              variant=\"medium\"\n            >\n              {errorMessage}\n            </Typography>\n          )}\n\n          {showMasterDataModal && MasterDataModal && (\n            <MasterDataModal\n              isVisible={showMasterDataModal}\n              onSelected={handleSetMasterData}\n              onClose={toggleMasterDataModal}\n              masterDataColumnName={masterDataColumnName}\n              masterDataFilters={masterDataFilters}\n              masterDataName={masterDataName}\n              masterDataId={masterDataName}\n              masterDataFormula={masterDataFormula}\n              showFilters\n              enableRootDrag\n            />\n          )}\n        </div>\n\n        {isHovered &&\n          riskDetails &&\n          isRiskAnalysisOpen &&\n          RiskDetailsCard && (\n            <div\n              role=\"tooltip\"\n              tabIndex={0}\n              className=\"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl\"\n              onClick={(e) => e.stopPropagation()}\n              onMouseDown={(e) => e.preventDefault()}\n              onKeyDown={(e) => {\n                if (e.key === \"Escape\") {\n                  setIsHovered(false);\n                }\n              }}\n            >\n              <RiskDetailsCard riskDetails={riskDetails} />\n            </div>\n          )}\n      </div>\n    );\n  }\n);\n\nMasterDataInputField.displayName = \"MasterDataInputField\";\n\n"],"names":["MasterDataInputField","forwardRef","id","label","labelExtra","placeholder","value","onChange","errorMessage","defaultValue","required","isRequiredConditional","masterDataName","masterDataColumnName","masterDataFormula","masterDataFilters","tags","index","tooltip","originalCase","color","isGTN","labelClassName","gtnName","isAiExtracted","confidenceScore","confidenceType","confidenceTooltip","sourceMeta","onConfidenceScoreClick","disabled","reference","isLiveField","onBlur","onAddGTNToDocument","riskDetails","isRiskAnalysisOpen","RiskDetailsCard","primaryColorShades","setDisableActions","showDeprecatedFieldWarning","MasterDataModal","parseMasterDataFormula","inputEmphasis","ref","t","useTranslation","showRiskSkin","emphasisModifiedSkin","emphasisDeletedSkin","emphasisSuccessSkin","isHovered","setIsHovered","useState","inputValue","setInputValue","showMasterDataModal","setShowMasterDataModal","suggestion","setSuggestion","masterDataRowValue","setMasterDataRowValue","isTextOverflowing","setIsTextOverflowing","inputRef","useRef","combinedRef","useEffect","checkOverflow","input","toggleMasterDataModal","handleKeyDown","event","currentRef","handleSetMasterData","masterDataValue","masterDataRow","_value","handleClear","handleAddGTNToDocument","getClassName","baseClasses","placeholderColor","cn","resolveMasterDataValue","jsxs","jsx","InputLabel","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","Tooltip","HelpIcon","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","AntTooltip","NoteAddOutlined","e","IconButton","CloseIcon","TableChartRounded","Typography"],"mappings":"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"}
+{"version":3,"file":"MasterDataInputField.cjs.js","sources":["../../../../src/components/forms/master-data-input/MasterDataInputField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport cn from \"classnames\";\nimport { forwardRef, useEffect, useRef, useState } from \"react\";\nimport { Tooltip as AntTooltip } from \"antd\";\nimport { useTranslation } from 'react-i18next';\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { Label } from \"../../data-display/label/Label\";\nimport type { LabelType } from \"../../data-display/label/Label\";\nimport {\n  BoltOutlined,\n  CloseRounded,\n  NoteAddOutlined,\n  TableChartRounded,\n} from \"@mui/icons-material\";\nimport { AIExtractedIndicator } from \"../../icons/AIExtractedIndicator\";\nimport { AIStarIcon } from \"../../icons/AIStarIcon\";\nimport { HelpIcon } from \"../../icons/HelpIcon\";\nimport Tooltip from \"../../tooltip/Tooltip\";\nimport IconButton from \"../../button/IconButton\";\nimport { InputLabel } from \"../shared/InputLabel\";\nimport {\n  getConfidenceScoreBadgeClass,\n  getConfidenceScoreBadgeColor,\n  getConfidenceScoreBadgeFill,\n  getConfidenceScoreBadgeTextColor,\n  shouldShowConfidenceScore,\n} from \"../../../utils/confidenceScoreUtils\";\nimport { CloseIcon, CloseSmallIcon } from \"../../icon\";\n\n/**\n * Confidence score type\n */\nexport type ConfidenceScoreType = \"low\" | \"medium\" | \"high\";\n\nexport type SourceMetaBBox = {\n  b: number;\n  l: number;\n  r: number;\n  t: number;\n};\n\nexport type SourceMetaItem = {\n  bbox: SourceMetaBBox;\n  confidence_score?: number;\n  is_primary?: boolean;\n  match_score?: number;\n  match_type?: string;\n  page_height: number;\n  page_width: number;\n  source_page: number;\n  source_text?: string;\n};\n\n/**\n * Risk details interface for risk analysis integration\n */\nexport interface RiskDetails {\n  color?: string;\n  description?: string;\n  hexBgColor?: string;\n  hexBorderColor?: string;\n  [key: string]: any;\n}\n\n/**\n * Risk details card component props - generic to allow consumer-specific risk types\n */\nexport interface RiskDetailsCardProps<T = any> {\n  riskDetails: T;\n  maxWidth?: string;\n  showAllRisksSuggestions?: boolean;\n}\n\n/** Visual emphasis for the input surface (background + border) */\nexport type MasterDataInputFieldEmphasis =\n  | \"default\"\n  | \"modified\"\n  | \"deleted\"\n  | \"success\";\n\n/**\n * Props for the MasterDataModal component\n */\nexport interface MasterDataModalProps {\n  isVisible: boolean;\n  onSelected?: (masterDataValue: any, masterDataRow?: any) => void;\n  onClose: () => void;\n  masterDataColumnName?: string;\n  masterDataFilters?: any;\n  masterDataName?: string;\n  masterDataId: string | null;\n  masterDataFormula?: string;\n  setFieldFilters?: any;\n  showFilters?: boolean;\n  enableRootDrag?: boolean;\n}\n\n/**\n * Props for the MasterDataInputField component\n */\nexport interface MasterDataInputFieldProps {\n  /** Unique identifier for the input */\n  id: string;\n  /** Label text to display above the input */\n  label: string;\n  /** Optional extra content in the label row (e.g. actions, badges) */\n  labelExtra?: React.ReactNode;\n  /** Placeholder text for the input */\n  placeholder?: string;\n  /** Current value of the input */\n  value: any;\n  /** Callback function called when value changes */\n  onChange: (value: any, masterDataRowValue?: any) => void;\n  /** Error message to display below the input */\n  errorMessage?: string;\n  /** Callback to set error message */\n  setErrorMessage: (message: string) => void;\n  /** Callback to remove error message */\n  removeErrorMessage: () => void;\n  /** Default value for the input */\n  defaultValue?: any;\n  /** Whether the field is required */\n  required?: boolean;\n  /** Whether the required indicator shows as conditional (yellow instead of red) */\n  isRequiredConditional?: boolean;\n  /** Name of the master data source */\n  masterDataName: string;\n  /** Column name in the master data */\n  masterDataColumnName: string;\n  /** Formula for computing master data value */\n  masterDataFormula?: string;\n  /** Filters for master data */\n  masterDataFilters?: any;\n  /** Tags/labels to display next to the label */\n  tags?: (string | LabelType)[];\n  /** Index for array fields */\n  index?: number;\n  /** Tooltip text for the help icon */\n  tooltip?: string;\n  /** Whether to preserve original case in the label */\n  originalCase?: boolean;\n  /** Color for the input text */\n  color?: string;\n  /** Whether this is a GTN (Global Term Name) field */\n  isGTN?: boolean;\n  /** GTN field name for document integration */\n  gtnName?: any;\n  /** Whether the value was AI extracted */\n  isAiExtracted?: boolean;\n  /** Confidence percentage shown as a badge */\n  confidenceScore?: number;\n  /** Confidence classification for badge styling */\n  confidenceType?: ConfidenceScoreType;\n  /** Optional tooltip content for confidence badge */\n  confidenceTooltip?: React.ReactNode;\n  /** Source meta for confidence score */\n  sourceMeta?: SourceMetaItem[];\n  /** Handler fired when confidence score badge is clicked */\n  onConfidenceScoreClick?: (sourceMeta: SourceMetaItem[]) => void;\n  /** Reference data for formula computation */\n  reference?: any;\n  /** Whether the input is disabled */\n  disabled?: boolean;\n  /** Additional CSS classes for the label */\n  labelClassName?: string;\n  /** Whether this is a live field */\n  isLiveField?: boolean;\n  /** Callback function called when input loses focus */\n  onBlur?: () => void;\n  /** Handler for adding GTN to document */\n  onAddGTNToDocument?: (keyValuePair: { key: string; value: string }) => void;\n  /** Risk details data */\n  riskDetails?: RiskDetails;\n  /** Whether risk analysis is open */\n  isRiskAnalysisOpen?: boolean;\n  /** Custom risk details card component */\n  RiskDetailsCard?: React.ComponentType<RiskDetailsCardProps<any>>;\n  /** Primary color shades for styling */\n  primaryColorShades?: Record<number, string>;\n  /** Callback to set disable actions state */\n  setDisableActions?: (disabled: boolean) => void;\n  /** Toast function for deprecated field warning */\n  showDeprecatedFieldWarning?: () => void;\n  /** Master data modal component */\n  MasterDataModal?: React.ComponentType<MasterDataModalProps>;\n  /** Function to parse master data formula */\n  parseMasterDataFormula?: (formula: string, row: any) => string;\n  /** Input surface style: `'modified'` — `--Warning-50` / `--Warning-200`; `'deleted'` — `--Error-50` / `--Error-200`, text `#475467`; `'success'` — `--Success-50` / `--Success-200`, text `#101828`. */\n  inputEmphasis?: MasterDataInputFieldEmphasis;\n}\n\n/**\n * A highly customizable master data input component with label, validation, and styling support.\n * Features master data modal integration, GTN support, risk analysis support,\n * and comprehensive prop support for various use cases.\n *\n * @example\n * ```tsx\n * <MasterDataInputField\n *   id=\"master-field\"\n *   label=\"Master Field\"\n *   value={fieldValue}\n *   onChange={(value, rowValue) => setFieldValue(value)}\n *   setErrorMessage={(msg) => setError(msg)}\n *   removeErrorMessage={() => setError('')}\n *   masterDataName=\"customers\"\n *   masterDataColumnName=\"name\"\n *   required\n * />\n * ```\n */\nexport const MasterDataInputField = forwardRef<\n  HTMLInputElement,\n  MasterDataInputFieldProps\n>(\n  (\n    {\n      id,\n      label,\n      labelExtra,\n      placeholder,\n      value,\n      onChange,\n      errorMessage,\n      defaultValue,\n      required = false,\n      isRequiredConditional = false,\n      masterDataName,\n      masterDataColumnName,\n      masterDataFormula,\n      masterDataFilters,\n      tags,\n      index,\n      tooltip = \"\",\n      originalCase = false,\n      color = \"\",\n      isGTN = false,\n      labelClassName,\n      gtnName = null,\n      isAiExtracted = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      sourceMeta = [],\n      onConfidenceScoreClick,\n      disabled = false,\n      reference = {},\n      isLiveField = false,\n      onBlur,\n      onAddGTNToDocument,\n      riskDetails,\n      isRiskAnalysisOpen = false,\n      RiskDetailsCard,\n      primaryColorShades,\n      setDisableActions,\n      showDeprecatedFieldWarning,\n      MasterDataModal,\n      parseMasterDataFormula,\n      inputEmphasis = \"default\",\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const showRiskSkin = Boolean(isRiskAnalysisOpen && riskDetails?.color);\n    const emphasisModifiedSkin =\n      inputEmphasis === \"modified\" && !errorMessage && !showRiskSkin;\n    const emphasisDeletedSkin =\n      inputEmphasis === \"deleted\" && !errorMessage && !showRiskSkin;\n    const emphasisSuccessSkin =\n      inputEmphasis === \"success\" && !errorMessage && !showRiskSkin;\n    const [isHovered, setIsHovered] = useState(false);\n    const [inputValue, setInputValue] = useState<string | null>(null);\n    const [showMasterDataModal, setShowMasterDataModal] = useState(false);\n    const [suggestion, setSuggestion] = useState(\"\");\n    const [masterDataRowValue, setMasterDataRowValue] = useState<any>(null);\n    const [isTextOverflowing, setIsTextOverflowing] = useState(false);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    // Use forwarded ref or internal ref\n    const combinedRef = (ref as React.RefObject<HTMLInputElement>) || inputRef;\n\n    // Check if text is overflowing\n    useEffect(() => {\n      const checkOverflow = () => {\n        const input = combinedRef.current || inputRef.current;\n        if (input) {\n          setIsTextOverflowing(input.scrollWidth > input.clientWidth);\n        }\n      };\n\n      checkOverflow();\n      // Recheck on window resize\n      window.addEventListener('resize', checkOverflow);\n      return () => window.removeEventListener('resize', checkOverflow);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputValue, value]);\n\n    useEffect(() => {\n      setInputValue(value);\n    }, [index, value]);\n\n    useEffect(() => {\n      if (inputValue !== null && inputValue !== value)  {\n        onChange(inputValue, masterDataRowValue);\n      }\n    }, [inputValue, masterDataRowValue]);\n\n    const toggleMasterDataModal = () => {\n      if (showMasterDataModal) {\n        setDisableActions?.(false);\n      } else {\n        setDisableActions?.(true);\n      }\n      setShowMasterDataModal(!showMasterDataModal);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.keyCode === 9 || event.key === \"Enter\") {\n        const currentRef = combinedRef.current || inputRef.current;\n        if (currentRef) {\n          setInputValue(suggestion);\n          currentRef.blur();\n        }\n      }\n    };\n\n    const handleSetMasterData = (masterDataValue: any, masterDataRow?: any) => {\n      let _value = masterDataValue;\n\n      console.log(\"handleSetMasterData called with:\", masterDataValue, masterDataRow, masterDataFormula, parseMasterDataFormula);\n\n      if (masterDataFormula && parseMasterDataFormula) {\n      console.log(\"handleSetMasterData called with:\", masterDataValue, masterDataRow, masterDataFormula, parseMasterDataFormula(masterDataFormula, masterDataRow));\n\n        _value = parseMasterDataFormula(masterDataFormula, masterDataRow);\n      }\n\n      setSuggestion(\"\");\n      setInputValue(_value);\n      toggleMasterDataModal();\n      setMasterDataRowValue(masterDataRow);\n    };\n\n    const handleClear = () => {\n      setInputValue(\"\");\n      setMasterDataRowValue(null);\n    };\n\n    const handleAddGTNToDocument = (_value: string) => {\n      if (onAddGTNToDocument && gtnName) {\n        const keyValuePair = {\n          key: gtnName,\n          value: _value,\n        };\n        onAddGTNToDocument(keyValuePair);\n      }\n    };\n\n    const getClassName = (): string => {\n      const baseClasses =\n        \"border h-8 text-sm rounded-lg block w-full p-2.5 pr-16 font-inter font-medium\";\n      const placeholderColor = `placeholder:text-neutral-900 dark:placeholder:text-black-400`;\n\n      if (errorMessage) {\n        return cn(\n          baseClasses,\n          placeholderColor,\n          \"border-red-300 bg-gray-200 dark:border-black-600 dark:bg-black-600\",\n          color ? color : \"text-neutral-900 dark:text-black-200\"\n        );\n      }\n      if (showRiskSkin && riskDetails?.color) {\n        return cn(\n          baseClasses,\n          placeholderColor,\n          `border-${riskDetails.color}-300 bg-${riskDetails.color}-50`,\n          color ? color : \"text-neutral-900 dark:text-black-200\"\n        );\n      }\n      if (emphasisDeletedSkin) {\n        return cn(\n          baseClasses,\n          placeholderColor,\n          \"border-[var(--Error-200,#FECACA)] bg-[var(--Error-50,#FEF2F2)] !text-[#475467] dark:border-[var(--Error-200,#FECACA)] dark:bg-[var(--Error-50,#FEF2F2)] dark:!text-[#475467]\"\n        );\n      }\n      if (emphasisModifiedSkin) {\n        return cn(\n          baseClasses,\n          placeholderColor,\n          \"border-[var(--Warning-200,#FEDF89)] bg-[var(--Warning-50,#FFFAEB)] text-neutral-900 dark:text-black-100 dark:border-[var(--Warning-200,#FEDF89)] dark:bg-[var(--Warning-50,#FFFAEB)]\"\n        );\n      }\n      if (emphasisSuccessSkin) {\n        return cn(\n          baseClasses,\n          placeholderColor,\n          \"border-[var(--Success-200,#BBF7D0)] bg-[var(--Success-50,#F0FDF4)] !text-[#101828] dark:border-[var(--Success-200,#BBF7D0)] dark:bg-[var(--Success-50,#F0FDF4)] dark:!text-[#101828]\"\n        );\n      }\n\n      return cn(\n        baseClasses,\n        placeholderColor,\n        \"border-gray-300 bg-gray-200 dark:border-black-600 dark:bg-black-600\",\n        color ? color : \"text-neutral-900 dark:text-black-200\"\n      );\n    };\n\n    const resolveMasterDataValue = () => {\n      if (inputValue !== null) {\n        return inputValue;\n      }\n      if (masterDataFormula && parseMasterDataFormula) {\n        console.log(\"Parsing master data formula with reference:\", masterDataFormula, reference, parseMasterDataFormula(masterDataFormula, reference));\n        return parseMasterDataFormula(masterDataFormula, reference);\n      }\n\n      return value;\n    };\n\n    useEffect(() => {\n      if (showMasterDataModal && !masterDataName) {\n        showDeprecatedFieldWarning?.();\n        setShowMasterDataModal(false);\n      }\n    }, [showMasterDataModal, masterDataName, showDeprecatedFieldWarning]);\n\n    return (\n      <div\n        className={cn(\n          `flex gap-0.5 w-full relative`,\n          isHovered && isGTN\n            ? \"border rounded-lg border-primary-100 p-1\"\n            : \"\",\n          { \"error-field\": !!errorMessage }\n        )}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {isGTN && !isHovered ? (\n          <div className=\"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5\" />\n        ) : null}\n\n        <div className={cn(`flex flex-col w-full`)}>\n          <label\n            htmlFor=\"text\"\n            className={`text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${\n              !originalCase ? \"capitalize\" : \"\"\n            } ${labelClassName || \"\"}`}\n          >\n            <div className=\"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1\">\n              <div className=\"inline-flex min-w-0 items-center gap-1 flex-wrap\">\n              <InputLabel label={label || \"\"} required={required || false} isRequiredConditional={isRequiredConditional || false} />\n                {isLiveField && (\n                  <BoltOutlined\n                    sx={{\n                      fontSize: 16,\n                      color: \"var(--color-primary-600)\",\n                      rotate: \"15deg\",\n                    }}\n                  />\n                )}\n                {isAiExtracted && !shouldShowConfidenceScore(confidenceScore) && <AIExtractedIndicator />}\n                <Label labels={tags} />\n                {tooltip && (\n                  <Tooltip\n                    placement=\"top\"\n                    title={`${tooltip}${masterDataFormula ? ` | ${masterDataFormula}` : \"\"}`}\n                  >\n                    <div className=\"cursor-pointer\">\n                      <HelpIcon className=\"w-icon-sm h-icon-sm\" />\n                    </div>\n                  </Tooltip>\n                )}\n                {labelExtra}\n              </div>\n\n              <div className=\"flex items-center gap-1 justify-self-end\">\n                {(shouldShowConfidenceScore(confidenceScore) && confidenceType) ? (\n                  <Tooltip\n                    placement=\"top-end\"\n                    title={confidenceTooltip ?? \"\"}\n                    hideTooltip={confidenceTooltip === undefined || confidenceTooltip === null}\n                    className=\"cursor-pointer\"\n                  >\n                    <div\n                      className={cn(\n                        \"inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5\",\n                        getConfidenceScoreBadgeClass(confidenceType)\n                      )}\n                      onClick={() => onConfidenceScoreClick?.(sourceMeta)}\n                    >\n                      <AIStarIcon\n                        size={12}\n                        fill={getConfidenceScoreBadgeColor(confidenceType)}\n                        fillSecondary={getConfidenceScoreBadgeFill(confidenceType)}\n                      />\n                      <span className={cn(\"text-xs font-medium leading-4\", getConfidenceScoreBadgeTextColor(confidenceType))}>\n                        {confidenceScore}%\n                      </span>\n                    </div>\n                  </Tooltip>\n                ) : null}\n                {isGTN && isHovered && onAddGTNToDocument ? (\n                  <button\n                    id=\"btn-master-data-input-add-to-document\"\n                    className=\"cursor-pointer\"\n                    onClick={() => handleAddGTNToDocument(value?.toString() || \"\")}\n                    type=\"button\"\n                  >\n                    <AntTooltip placement=\"top\" title={t(\"Add to document\")}>\n                      <NoteAddOutlined\n                        sx={{\n                          fontSize: 16,\n                          color:\n                            primaryColorShades?.[600] || \"var(--color-primary-600)\",\n                        }}\n                      />\n                    </AntTooltip>\n                  </button>\n                ) : null}\n              </div>\n            </div>\n          </label>\n          <label className=\"relative block mt-1\">\n            <Tooltip\n              title={isTextOverflowing ? resolveMasterDataValue() : \"\"}\n            >\n              <input\n                id={id}\n                ref={combinedRef}\n                required={required}\n                placeholder={placeholder}\n                className={getClassName()}\n                onChange={(e) => {\n                  onChange(e.target.value, masterDataRowValue);\n                  setInputValue(e.target?.value);\n                }}\n                onKeyDown={handleKeyDown}\n                value={resolveMasterDataValue()}\n                defaultValue={defaultValue}\n                disabled={true}\n                autoComplete=\"off\"\n                onBlur={onBlur}\n              />\n            </Tooltip>\n\n            <IconButton\n              id={`btn-dynamic-data-input-rx-cross`}\n              onClick={handleClear}\n              className=\"absolute inset-y-0 right-1 flex items-center px-2 focus:border-transparent\"\n              variant=\"ghost\"\n              disabled={disabled}\n            >\n              <CloseIcon className=\"w-6 h-6 text-neutral-500 dark:text-neutral-400 w-sm h-sm\" />\n            </IconButton>\n\n            <IconButton\n              id={`btn-dynamic-data-input-ai-outline-pic-center`}\n              onClick={toggleMasterDataModal}\n              className=\"absolute inset-y-0 right-8 flex items-center px-2 focus:border-transparent\"\n              variant=\"ghost\"\n              disabled={disabled}\n            >\n              <TableChartRounded\n                className=\"text-neutral-500 dark:text-neutral-400 w-sm h-sm\"\n              />\n            </IconButton>\n          </label>\n\n          {errorMessage && (\n            <Typography\n              className=\"text-error-500 mt-1\"\n              appearance=\"custom\"\n              size=\"extra-small\"\n              variant=\"medium\"\n            >\n              {errorMessage}\n            </Typography>\n          )}\n\n          {showMasterDataModal && MasterDataModal && (\n            <MasterDataModal\n              isVisible={showMasterDataModal}\n              onSelected={handleSetMasterData}\n              onClose={toggleMasterDataModal}\n              masterDataColumnName={masterDataColumnName}\n              masterDataFilters={masterDataFilters}\n              masterDataName={masterDataName}\n              masterDataId={masterDataName}\n              masterDataFormula={masterDataFormula}\n              showFilters\n              enableRootDrag\n            />\n          )}\n        </div>\n\n        {isHovered &&\n          riskDetails &&\n          isRiskAnalysisOpen &&\n          RiskDetailsCard && (\n            <div\n              role=\"tooltip\"\n              tabIndex={0}\n              className=\"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl\"\n              onClick={(e) => e.stopPropagation()}\n              onMouseDown={(e) => e.preventDefault()}\n              onKeyDown={(e) => {\n                if (e.key === \"Escape\") {\n                  setIsHovered(false);\n                }\n              }}\n            >\n              <RiskDetailsCard riskDetails={riskDetails} />\n            </div>\n          )}\n      </div>\n    );\n  }\n);\n\nMasterDataInputField.displayName = \"MasterDataInputField\";\n\n"],"names":["MasterDataInputField","forwardRef","id","label","labelExtra","placeholder","value","onChange","errorMessage","defaultValue","required","isRequiredConditional","masterDataName","masterDataColumnName","masterDataFormula","masterDataFilters","tags","index","tooltip","originalCase","color","isGTN","labelClassName","gtnName","isAiExtracted","confidenceScore","confidenceType","confidenceTooltip","sourceMeta","onConfidenceScoreClick","disabled","reference","isLiveField","onBlur","onAddGTNToDocument","riskDetails","isRiskAnalysisOpen","RiskDetailsCard","primaryColorShades","setDisableActions","showDeprecatedFieldWarning","MasterDataModal","parseMasterDataFormula","inputEmphasis","ref","t","useTranslation","showRiskSkin","emphasisModifiedSkin","emphasisDeletedSkin","emphasisSuccessSkin","isHovered","setIsHovered","useState","inputValue","setInputValue","showMasterDataModal","setShowMasterDataModal","suggestion","setSuggestion","masterDataRowValue","setMasterDataRowValue","isTextOverflowing","setIsTextOverflowing","inputRef","useRef","combinedRef","useEffect","checkOverflow","input","toggleMasterDataModal","handleKeyDown","event","currentRef","handleSetMasterData","masterDataValue","masterDataRow","_value","handleClear","handleAddGTNToDocument","getClassName","baseClasses","placeholderColor","cn","resolveMasterDataValue","jsxs","jsx","InputLabel","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","Tooltip","HelpIcon","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","AntTooltip","NoteAddOutlined","e","IconButton","CloseIcon","TableChartRounded","Typography"],"mappings":"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"}

package/dist/components/forms/master-data-input/MasterDataInputField.es.js

@@ -1,149 +1,149 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import l from "../../../_virtual/index.es.js";
-import { forwardRef as Ee, useState as f, useRef as Ne, useEffect as k } from "react";
-import { Tooltip as Ie } from "antd";
-import { useTranslation as Be } from "react-i18next";
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import n from "../../../_virtual/index.es.js";
+import { forwardRef as Ne, useState as m, useRef as Ie, useEffect as k } from "react";
+import { Tooltip as Be } from "antd";
+import { useTranslation as Fe } from "react-i18next";
 import { Typography as ze } from "../../data-display/typography/Typography.es.js";
-import { Label as Re } from "../../data-display/label/Label.es.js";
-import { BoltOutlined as Ve, NoteAddOutlined as $e, TableChartRounded as Ae } from "@mui/icons-material";
-import { AIExtractedIndicator as Le } from "../../icons/AIExtractedIndicator.es.js";
+import { Label as $e } from "../../data-display/label/Label.es.js";
+import { BoltOutlined as Ae, NoteAddOutlined as Ve, TableChartRounded as Le } from "@mui/icons-material";
+import { AIExtractedIndicator as Re } from "../../icons/AIExtractedIndicator.es.js";
 import { AIStarIcon as We } from "../../icons/AIStarIcon.es.js";
-import { HelpIcon as Me } from "../../icons/HelpIcon.es.js";
-import z from "../../tooltip/Tooltip.es.js";
-import D from "../../button/IconButton.es.js";
-import { InputLabel as Oe } from "../shared/InputLabel.es.js";
-import { shouldShowConfidenceScore as J, getConfidenceScoreBadgeFill as je, getConfidenceScoreBadgeColor as He, getConfidenceScoreBadgeTextColor as Ke, getConfidenceScoreBadgeClass as Pe } from "../../../utils/confidenceScoreUtils.es.js";
+import { HelpIcon as Oe } from "../../icons/HelpIcon.es.js";
+import $ from "../../tooltip/Tooltip.es.js";
+import Q from "../../button/IconButton.es.js";
+import { InputLabel as Pe } from "../shared/InputLabel.es.js";
+import { shouldShowConfidenceScore as T, getConfidenceScoreBadgeFill as je, getConfidenceScoreBadgeColor as He, getConfidenceScoreBadgeTextColor as Ke, getConfidenceScoreBadgeClass as Me } from "../../../utils/confidenceScoreUtils.es.js";
 import { CloseIcon as _e } from "../../icon/icons.generated.es.js";
-const qe = Ee(
+const qe = Ne(
   ({
-    id: Q,
-    label: T,
-    labelExtra: U,
-    placeholder: X,
+    id: U,
+    label: X,
+    labelExtra: Y,
+    placeholder: Z,
     value: s,
-    onChange: R,
-    errorMessage: o,
-    defaultValue: Y,
+    onChange: A,
+    errorMessage: i,
+    defaultValue: G,
     required: V = !1,
-    isRequiredConditional: Z = !1,
-    masterDataName: b,
-    masterDataColumnName: G,
-    masterDataFormula: a,
-    masterDataFilters: ee,
-    tags: te,
-    index: re,
-    tooltip: $ = "",
-    originalCase: le = !1,
-    color: d = "",
+    isRequiredConditional: D = !1,
+    masterDataName: g,
+    masterDataColumnName: ee,
+    masterDataFormula: l,
+    masterDataFilters: te,
+    tags: re,
+    index: le,
+    tooltip: L = "",
+    originalCase: ne = !1,
+    color: c = "",
     isGTN: v = !1,
-    labelClassName: ne,
-    gtnName: A = null,
-    isAiExtracted: oe = !1,
+    labelClassName: oe,
+    gtnName: R = null,
+    isAiExtracted: ie = !1,
     confidenceScore: w,
-    confidenceType: m = "high",
+    confidenceType: p = "high",
     confidenceTooltip: C,
     sourceMeta: ae = [],
-    onConfidenceScoreClick: ie,
-    disabled: L = !1,
-    reference: se = {},
-    isLiveField: de = !1,
+    onConfidenceScoreClick: de,
+    disabled: W = !1,
+    reference: S = {},
+    isLiveField: se = !1,
     onBlur: ce,
     onAddGTNToDocument: y,
-    riskDetails: c,
-    isRiskAnalysisOpen: W = !1,
-    RiskDetailsCard: M,
-    primaryColorShades: ue,
-    setDisableActions: O,
-    showDeprecatedFieldWarning: j,
-    MasterDataModal: H,
-    parseMasterDataFormula: g,
-    inputEmphasis: S = "default"
-  }, fe) => {
-    const { t: me } = Be(), x = !!(W && c?.color), pe = S === "modified" && !o && !x, be = S === "deleted" && !o && !x, ge = S === "success" && !o && !x, [h, F] = f(!1), [i, p] = f(null), [u, K] = f(!1), [xe, he] = f(""), [E, P] = f(null), [ke, ve] = f(!1), N = Ne(null), I = fe || N;
+    riskDetails: f,
+    isRiskAnalysisOpen: O = !1,
+    RiskDetailsCard: P,
+    primaryColorShades: fe,
+    setDisableActions: j,
+    showDeprecatedFieldWarning: H,
+    MasterDataModal: K,
+    parseMasterDataFormula: a,
+    inputEmphasis: E = "default"
+  }, ue) => {
+    const { t: me } = Fe(), h = !!(O && f?.color), pe = E === "modified" && !i && !h, be = E === "deleted" && !i && !h, ge = E === "success" && !i && !h, [x, N] = m(!1), [d, b] = m(null), [u, M] = m(!1), [he, xe] = m(""), [I, _] = m(null), [ke, ve] = m(!1), B = Ie(null), F = ue || B;
     k(() => {
       const e = () => {
-        const r = I.current || N.current;
+        const r = F.current || B.current;
         r && ve(r.scrollWidth > r.clientWidth);
       };
       return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-    }, [i, s]), k(() => {
-      p(s);
-    }, [re, s]), k(() => {
-      i !== null && i !== s && R(i, E);
-    }, [i, E]);
-    const B = () => {
-      O?.(!u), K(!u);
+    }, [d, s]), k(() => {
+      b(s);
+    }, [le, s]), k(() => {
+      d !== null && d !== s && A(d, I);
+    }, [d, I]);
+    const z = () => {
+      j?.(!u), M(!u);
     }, we = (e) => {
       if (e.keyCode === 9 || e.key === "Enter") {
-        const r = I.current || N.current;
-        r && (p(xe), r.blur());
+        const r = F.current || B.current;
+        r && (b(he), r.blur());
       }
     }, Ce = (e, r) => {
-      let q = e;
-      a && g && (q = g(a, r)), he(""), p(q), B(), P(r);
-    }, ye = () => {
-      p(""), P(null);
-    }, Se = (e) => {
-      y && A && y({
-        key: A,
+      let J = e;
+      console.log("handleSetMasterData called with:", e, r, l, a), l && a && (console.log("handleSetMasterData called with:", e, r, l, a(l, r)), J = a(l, r)), xe(""), b(J), z(), _(r);
+    }, Se = () => {
+      b(""), _(null);
+    }, ye = (e) => {
+      y && R && y({
+        key: R,
         value: e
       });
-    }, Fe = () => {
+    }, Ee = () => {
       const e = "border h-8 text-sm rounded-lg block w-full p-2.5 pr-16 font-inter font-medium", r = "placeholder:text-neutral-900 dark:placeholder:text-black-400";
-      return o ? l(
+      return i ? n(
         e,
         r,
         "border-red-300 bg-gray-200 dark:border-black-600 dark:bg-black-600",
-        d || "text-neutral-900 dark:text-black-200"
-      ) : x && c?.color ? l(
+        c || "text-neutral-900 dark:text-black-200"
+      ) : h && f?.color ? n(
         e,
         r,
-        `border-${c.color}-300 bg-${c.color}-50`,
-        d || "text-neutral-900 dark:text-black-200"
-      ) : be ? l(
+        `border-${f.color}-300 bg-${f.color}-50`,
+        c || "text-neutral-900 dark:text-black-200"
+      ) : be ? n(
         e,
         r,
         "border-[var(--Error-200,#FECACA)] bg-[var(--Error-50,#FEF2F2)] !text-[#475467] dark:border-[var(--Error-200,#FECACA)] dark:bg-[var(--Error-50,#FEF2F2)] dark:!text-[#475467]"
-      ) : pe ? l(
+      ) : pe ? n(
         e,
         r,
         "border-[var(--Warning-200,#FEDF89)] bg-[var(--Warning-50,#FFFAEB)] text-neutral-900 dark:text-black-100 dark:border-[var(--Warning-200,#FEDF89)] dark:bg-[var(--Warning-50,#FFFAEB)]"
-      ) : ge ? l(
+      ) : ge ? n(
         e,
         r,
         "border-[var(--Success-200,#BBF7D0)] bg-[var(--Success-50,#F0FDF4)] !text-[#101828] dark:border-[var(--Success-200,#BBF7D0)] dark:bg-[var(--Success-50,#F0FDF4)] dark:!text-[#101828]"
-      ) : l(
+      ) : n(
         e,
         r,
         "border-gray-300 bg-gray-200 dark:border-black-600 dark:bg-black-600",
-        d || "text-neutral-900 dark:text-black-200"
+        c || "text-neutral-900 dark:text-black-200"
       );
-    }, _ = () => i !== null ? i : a && g ? g(a, se) : s;
+    }, q = () => d !== null ? d : l && a ? (console.log("Parsing master data formula with reference:", l, S, a(l, S)), a(l, S)) : s;
     return k(() => {
-      u && !b && (j?.(), K(!1));
-    }, [u, b, j]), /* @__PURE__ */ n(
+      u && !g && (H?.(), M(!1));
+    }, [u, g, H]), /* @__PURE__ */ o(
       "div",
       {
-        className: l(
+        className: n(
           "flex gap-0.5 w-full relative",
-          h && v ? "border rounded-lg border-primary-100 p-1" : "",
-          { "error-field": !!o }
+          x && v ? "border rounded-lg border-primary-100 p-1" : "",
+          { "error-field": !!i }
         ),
-        onMouseEnter: () => F(!0),
-        onMouseLeave: () => F(!1),
+        onMouseEnter: () => N(!0),
+        onMouseLeave: () => N(!1),
         children: [
-          v && !h ? /* @__PURE__ */ t("div", { className: "w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5" }) : null,
-          /* @__PURE__ */ n("div", { className: l("flex flex-col w-full"), children: [
+          v && !x ? /* @__PURE__ */ t("div", { className: "w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5" }) : null,
+          /* @__PURE__ */ o("div", { className: n("flex flex-col w-full"), children: [
             /* @__PURE__ */ t(
               "label",
               {
                 htmlFor: "text",
-                className: `text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${le ? "" : "capitalize"} ${ne || ""}`,
-                children: /* @__PURE__ */ n("div", { className: "grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1", children: [
-                  /* @__PURE__ */ n("div", { className: "inline-flex min-w-0 items-center gap-1 flex-wrap", children: [
-                    /* @__PURE__ */ t(Oe, { label: T || "", required: V || !1, isRequiredConditional: Z || !1 }),
-                    de && /* @__PURE__ */ t(
-                      Ve,
+                className: `text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${ne ? "" : "capitalize"} ${oe || ""}`,
+                children: /* @__PURE__ */ o("div", { className: "grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1", children: [
+                  /* @__PURE__ */ o("div", { className: "inline-flex min-w-0 items-center gap-1 flex-wrap", children: [
+                    /* @__PURE__ */ t(Pe, { label: X || "", required: V || !1, isRequiredConditional: D || !1 }),
+                    se && /* @__PURE__ */ t(
+                      Ae,
                       {
                         sx: {
                           fontSize: 16,
@@ -152,44 +152,44 @@ const qe = Ee(
                         }
                       }
                     ),
-                    oe && !J(w) && /* @__PURE__ */ t(Le, {}),
-                    /* @__PURE__ */ t(Re, { labels: te }),
-                    $ && /* @__PURE__ */ t(
-                      z,
+                    ie && !T(w) && /* @__PURE__ */ t(Re, {}),
+                    /* @__PURE__ */ t($e, { labels: re }),
+                    L && /* @__PURE__ */ t(
+                      $,
                       {
                         placement: "top",
-                        title: `${$}${a ? ` | ${a}` : ""}`,
-                        children: /* @__PURE__ */ t("div", { className: "cursor-pointer", children: /* @__PURE__ */ t(Me, { className: "w-icon-sm h-icon-sm" }) })
+                        title: `${L}${l ? ` | ${l}` : ""}`,
+                        children: /* @__PURE__ */ t("div", { className: "cursor-pointer", children: /* @__PURE__ */ t(Oe, { className: "w-icon-sm h-icon-sm" }) })
                       }
                     ),
-                    U
+                    Y
                   ] }),
-                  /* @__PURE__ */ n("div", { className: "flex items-center gap-1 justify-self-end", children: [
-                    J(w) && m ? /* @__PURE__ */ t(
-                      z,
+                  /* @__PURE__ */ o("div", { className: "flex items-center gap-1 justify-self-end", children: [
+                    T(w) && p ? /* @__PURE__ */ t(
+                      $,
                       {
                         placement: "top-end",
                         title: C ?? "",
                         hideTooltip: C == null,
                         className: "cursor-pointer",
-                        children: /* @__PURE__ */ n(
+                        children: /* @__PURE__ */ o(
                           "div",
                           {
-                            className: l(
+                            className: n(
                               "inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5",
-                              Pe(m)
+                              Me(p)
                             ),
-                            onClick: () => ie?.(ae),
+                            onClick: () => de?.(ae),
                             children: [
                               /* @__PURE__ */ t(
                                 We,
                                 {
                                   size: 12,
-                                  fill: He(m),
-                                  fillSecondary: je(m)
+                                  fill: He(p),
+                                  fillSecondary: je(p)
                                 }
                               ),
-                              /* @__PURE__ */ n("span", { className: l("text-xs font-medium leading-4", Ke(m)), children: [
+                              /* @__PURE__ */ o("span", { className: n("text-xs font-medium leading-4", Ke(p)), children: [
                                 w,
                                 "%"
                               ] })
@@ -198,19 +198,19 @@ const qe = Ee(
                         )
                       }
                     ) : null,
-                    v && h && y ? /* @__PURE__ */ t(
+                    v && x && y ? /* @__PURE__ */ t(
                       "button",
                       {
                         id: "btn-master-data-input-add-to-document",
                         className: "cursor-pointer",
-                        onClick: () => Se(s?.toString() || ""),
+                        onClick: () => ye(s?.toString() || ""),
                         type: "button",
-                        children: /* @__PURE__ */ t(Ie, { placement: "top", title: me("Add to document"), children: /* @__PURE__ */ t(
-                          $e,
+                        children: /* @__PURE__ */ t(Be, { placement: "top", title: me("Add to document"), children: /* @__PURE__ */ t(
+                          Ve,
                           {
                             sx: {
                               fontSize: 16,
-                              color: ue?.[600] || "var(--color-primary-600)"
+                              color: fe?.[600] || "var(--color-primary-600)"
                             }
                           }
                         ) })
@@ -220,25 +220,25 @@ const qe = Ee(
                 ] })
               }
             ),
-            /* @__PURE__ */ n("label", { className: "relative block mt-1", children: [
+            /* @__PURE__ */ o("label", { className: "relative block mt-1", children: [
               /* @__PURE__ */ t(
-                z,
+                $,
                 {
-                  title: ke ? _() : "",
+                  title: ke ? q() : "",
                   children: /* @__PURE__ */ t(
                     "input",
                     {
-                      id: Q,
-                      ref: I,
+                      id: U,
+                      ref: F,
                       required: V,
-                      placeholder: X,
-                      className: Fe(),
+                      placeholder: Z,
+                      className: Ee(),
                       onChange: (e) => {
-                        R(e.target.value, E), p(e.target?.value);
+                        A(e.target.value, I), b(e.target?.value);
                       },
                       onKeyDown: we,
-                      value: _(),
-                      defaultValue: Y,
+                      value: q(),
+                      defaultValue: G,
                       disabled: !0,
                       autoComplete: "off",
                       onBlur: ce
@@ -247,26 +247,26 @@ const qe = Ee(
                 }
               ),
               /* @__PURE__ */ t(
-                D,
+                Q,
                 {
                   id: "btn-dynamic-data-input-rx-cross",
-                  onClick: ye,
+                  onClick: Se,
                   className: "absolute inset-y-0 right-1 flex items-center px-2 focus:border-transparent",
                   variant: "ghost",
-                  disabled: L,
+                  disabled: W,
                   children: /* @__PURE__ */ t(_e, { className: "w-6 h-6 text-neutral-500 dark:text-neutral-400 w-sm h-sm" })
                 }
               ),
               /* @__PURE__ */ t(
-                D,
+                Q,
                 {
                   id: "btn-dynamic-data-input-ai-outline-pic-center",
-                  onClick: B,
+                  onClick: z,
                   className: "absolute inset-y-0 right-8 flex items-center px-2 focus:border-transparent",
                   variant: "ghost",
-                  disabled: L,
+                  disabled: W,
                   children: /* @__PURE__ */ t(
-                    Ae,
+                    Le,
                     {
                       className: "text-neutral-500 dark:text-neutral-400 w-sm h-sm"
                     }
@@ -274,33 +274,33 @@ const qe = Ee(
                 }
               )
             ] }),
-            o && /* @__PURE__ */ t(
+            i && /* @__PURE__ */ t(
               ze,
               {
                 className: "text-error-500 mt-1",
                 appearance: "custom",
                 size: "extra-small",
                 variant: "medium",
-                children: o
+                children: i
               }
             ),
-            u && H && /* @__PURE__ */ t(
-              H,
+            u && K && /* @__PURE__ */ t(
+              K,
               {
                 isVisible: u,
                 onSelected: Ce,
-                onClose: B,
-                masterDataColumnName: G,
-                masterDataFilters: ee,
-                masterDataName: b,
-                masterDataId: b,
-                masterDataFormula: a,
+                onClose: z,
+                masterDataColumnName: ee,
+                masterDataFilters: te,
+                masterDataName: g,
+                masterDataId: g,
+                masterDataFormula: l,
                 showFilters: !0,
                 enableRootDrag: !0
               }
             )
           ] }),
-          h && c && W && M && /* @__PURE__ */ t(
+          x && f && O && P && /* @__PURE__ */ t(
             "div",
             {
               role: "tooltip",
@@ -309,9 +309,9 @@ const qe = Ee(
               onClick: (e) => e.stopPropagation(),
               onMouseDown: (e) => e.preventDefault(),
               onKeyDown: (e) => {
-                e.key === "Escape" && F(!1);
+                e.key === "Escape" && N(!1);
               },
-              children: /* @__PURE__ */ t(M, { riskDetails: c })
+              children: /* @__PURE__ */ t(P, { riskDetails: f })
             }
           )
         ]

package/dist/components/forms/master-data-input/MasterDataInputField.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"MasterDataInputField.es.js","sources":["../../../../src/components/forms/master-data-input/MasterDataInputField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport cn from \"classnames\";\nimport { forwardRef, useEffect, useRef, useState } from \"react\";\nimport { Tooltip as AntTooltip } from \"antd\";\nimport { useTranslation } from 'react-i18next';\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { Label } from \"../../data-display/label/Label\";\nimport type { LabelType } from \"../../data-display/label/Label\";\nimport {\n  BoltOutlined,\n  CloseRounded,\n  NoteAddOutlined,\n  TableChartRounded,\n} from \"@mui/icons-material\";\nimport { AIExtractedIndicator } from \"../../icons/AIExtractedIndicator\";\nimport { AIStarIcon } from \"../../icons/AIStarIcon\";\nimport { HelpIcon } from \"../../icons/HelpIcon\";\nimport Tooltip from \"../../tooltip/Tooltip\";\nimport IconButton from \"../../button/IconButton\";\nimport { InputLabel } from \"../shared/InputLabel\";\nimport {\n  getConfidenceScoreBadgeClass,\n  getConfidenceScoreBadgeColor,\n  getConfidenceScoreBadgeFill,\n  getConfidenceScoreBadgeTextColor,\n  shouldShowConfidenceScore,\n} from \"../../../utils/confidenceScoreUtils\";\nimport { CloseIcon, CloseSmallIcon } from \"../../icon\";\n\n/**\n * Confidence score type\n */\nexport type ConfidenceScoreType = \"low\" | \"medium\" | \"high\";\n\nexport type SourceMetaBBox = {\n  b: number;\n  l: number;\n  r: number;\n  t: number;\n};\n\nexport type SourceMetaItem = {\n  bbox: SourceMetaBBox;\n  confidence_score?: number;\n  is_primary?: boolean;\n  match_score?: number;\n  match_type?: string;\n  page_height: number;\n  page_width: number;\n  source_page: number;\n  source_text?: string;\n};\n\n/**\n * Risk details interface for risk analysis integration\n */\nexport interface RiskDetails {\n  color?: string;\n  description?: string;\n  hexBgColor?: string;\n  hexBorderColor?: string;\n  [key: string]: any;\n}\n\n/**\n * Risk details card component props - generic to allow consumer-specific risk types\n */\nexport interface RiskDetailsCardProps<T = any> {\n  riskDetails: T;\n  maxWidth?: string;\n  showAllRisksSuggestions?: boolean;\n}\n\n/** Visual emphasis for the input surface (background + border) */\nexport type MasterDataInputFieldEmphasis =\n  | \"default\"\n  | \"modified\"\n  | \"deleted\"\n  | \"success\";\n\n/**\n * Props for the MasterDataModal component\n */\nexport interface MasterDataModalProps {\n  isVisible: boolean;\n  onSelected?: (masterDataValue: any, masterDataRow?: any) => void;\n  onClose: () => void;\n  masterDataColumnName?: string;\n  masterDataFilters?: any;\n  masterDataName?: string;\n  masterDataId: string | null;\n  masterDataFormula?: string;\n  setFieldFilters?: any;\n  showFilters?: boolean;\n  enableRootDrag?: boolean;\n}\n\n/**\n * Props for the MasterDataInputField component\n */\nexport interface MasterDataInputFieldProps {\n  /** Unique identifier for the input */\n  id: string;\n  /** Label text to display above the input */\n  label: string;\n  /** Optional extra content in the label row (e.g. actions, badges) */\n  labelExtra?: React.ReactNode;\n  /** Placeholder text for the input */\n  placeholder?: string;\n  /** Current value of the input */\n  value: any;\n  /** Callback function called when value changes */\n  onChange: (value: any, masterDataRowValue?: any) => void;\n  /** Error message to display below the input */\n  errorMessage?: string;\n  /** Callback to set error message */\n  setErrorMessage: (message: string) => void;\n  /** Callback to remove error message */\n  removeErrorMessage: () => void;\n  /** Default value for the input */\n  defaultValue?: any;\n  /** Whether the field is required */\n  required?: boolean;\n  /** Whether the required indicator shows as conditional (yellow instead of red) */\n  isRequiredConditional?: boolean;\n  /** Name of the master data source */\n  masterDataName: string;\n  /** Column name in the master data */\n  masterDataColumnName: string;\n  /** Formula for computing master data value */\n  masterDataFormula?: string;\n  /** Filters for master data */\n  masterDataFilters?: any;\n  /** Tags/labels to display next to the label */\n  tags?: (string | LabelType)[];\n  /** Index for array fields */\n  index?: number;\n  /** Tooltip text for the help icon */\n  tooltip?: string;\n  /** Whether to preserve original case in the label */\n  originalCase?: boolean;\n  /** Color for the input text */\n  color?: string;\n  /** Whether this is a GTN (Global Term Name) field */\n  isGTN?: boolean;\n  /** GTN field name for document integration */\n  gtnName?: any;\n  /** Whether the value was AI extracted */\n  isAiExtracted?: boolean;\n  /** Confidence percentage shown as a badge */\n  confidenceScore?: number;\n  /** Confidence classification for badge styling */\n  confidenceType?: ConfidenceScoreType;\n  /** Optional tooltip content for confidence badge */\n  confidenceTooltip?: React.ReactNode;\n  /** Source meta for confidence score */\n  sourceMeta?: SourceMetaItem[];\n  /** Handler fired when confidence score badge is clicked */\n  onConfidenceScoreClick?: (sourceMeta: SourceMetaItem[]) => void;\n  /** Reference data for formula computation */\n  reference?: any;\n  /** Whether the input is disabled */\n  disabled?: boolean;\n  /** Additional CSS classes for the label */\n  labelClassName?: string;\n  /** Whether this is a live field */\n  isLiveField?: boolean;\n  /** Callback function called when input loses focus */\n  onBlur?: () => void;\n  /** Handler for adding GTN to document */\n  onAddGTNToDocument?: (keyValuePair: { key: string; value: string }) => void;\n  /** Risk details data */\n  riskDetails?: RiskDetails;\n  /** Whether risk analysis is open */\n  isRiskAnalysisOpen?: boolean;\n  /** Custom risk details card component */\n  RiskDetailsCard?: React.ComponentType<RiskDetailsCardProps<any>>;\n  /** Primary color shades for styling */\n  primaryColorShades?: Record<number, string>;\n  /** Callback to set disable actions state */\n  setDisableActions?: (disabled: boolean) => void;\n  /** Toast function for deprecated field warning */\n  showDeprecatedFieldWarning?: () => void;\n  /** Master data modal component */\n  MasterDataModal?: React.ComponentType<MasterDataModalProps>;\n  /** Function to parse master data formula */\n  parseMasterDataFormula?: (formula: string, row: any) => string;\n  /** Input surface style: `'modified'` — `--Warning-50` / `--Warning-200`; `'deleted'` — `--Error-50` / `--Error-200`, text `#475467`; `'success'` — `--Success-50` / `--Success-200`, text `#101828`. */\n  inputEmphasis?: MasterDataInputFieldEmphasis;\n}\n\n/**\n * A highly customizable master data input component with label, validation, and styling support.\n * Features master data modal integration, GTN support, risk analysis support,\n * and comprehensive prop support for various use cases.\n *\n * @example\n * ```tsx\n * <MasterDataInputField\n *   id=\"master-field\"\n *   label=\"Master Field\"\n *   value={fieldValue}\n *   onChange={(value, rowValue) => setFieldValue(value)}\n *   setErrorMessage={(msg) => setError(msg)}\n *   removeErrorMessage={() => setError('')}\n *   masterDataName=\"customers\"\n *   masterDataColumnName=\"name\"\n *   required\n * />\n * ```\n */\nexport const MasterDataInputField = forwardRef<\n  HTMLInputElement,\n  MasterDataInputFieldProps\n>(\n  (\n    {\n      id,\n      label,\n      labelExtra,\n      placeholder,\n      value,\n      onChange,\n      errorMessage,\n      defaultValue,\n      required = false,\n      isRequiredConditional = false,\n      masterDataName,\n      masterDataColumnName,\n      masterDataFormula,\n      masterDataFilters,\n      tags,\n      index,\n      tooltip = \"\",\n      originalCase = false,\n      color = \"\",\n      isGTN = false,\n      labelClassName,\n      gtnName = null,\n      isAiExtracted = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      sourceMeta = [],\n      onConfidenceScoreClick,\n      disabled = false,\n      reference = {},\n      isLiveField = false,\n      onBlur,\n      onAddGTNToDocument,\n      riskDetails,\n      isRiskAnalysisOpen = false,\n      RiskDetailsCard,\n      primaryColorShades,\n      setDisableActions,\n      showDeprecatedFieldWarning,\n      MasterDataModal,\n      parseMasterDataFormula,\n      inputEmphasis = \"default\",\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const showRiskSkin = Boolean(isRiskAnalysisOpen && riskDetails?.color);\n    const emphasisModifiedSkin =\n      inputEmphasis === \"modified\" && !errorMessage && !showRiskSkin;\n    const emphasisDeletedSkin =\n      inputEmphasis === \"deleted\" && !errorMessage && !showRiskSkin;\n    const emphasisSuccessSkin =\n      inputEmphasis === \"success\" && !errorMessage && !showRiskSkin;\n    const [isHovered, setIsHovered] = useState(false);\n    const [inputValue, setInputValue] = useState<string | null>(null);\n    const [showMasterDataModal, setShowMasterDataModal] = useState(false);\n    const [suggestion, setSuggestion] = useState(\"\");\n    const [masterDataRowValue, setMasterDataRowValue] = useState<any>(null);\n    const [isTextOverflowing, setIsTextOverflowing] = useState(false);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    // Use forwarded ref or internal ref\n    const combinedRef = (ref as React.RefObject<HTMLInputElement>) || inputRef;\n\n    // Check if text is overflowing\n    useEffect(() => {\n      const checkOverflow = () => {\n        const input = combinedRef.current || inputRef.current;\n        if (input) {\n          setIsTextOverflowing(input.scrollWidth > input.clientWidth);\n        }\n      };\n\n      checkOverflow();\n      // Recheck on window resize\n      window.addEventListener('resize', checkOverflow);\n      return () => window.removeEventListener('resize', checkOverflow);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputValue, value]);\n\n    useEffect(() => {\n      setInputValue(value);\n    }, [index, value]);\n\n    useEffect(() => {\n      if (inputValue !== null && inputValue !== value)  {\n        onChange(inputValue, masterDataRowValue);\n      }\n    }, [inputValue, masterDataRowValue]);\n\n    const toggleMasterDataModal = () => {\n      if (showMasterDataModal) {\n        setDisableActions?.(false);\n      } else {\n        setDisableActions?.(true);\n      }\n      setShowMasterDataModal(!showMasterDataModal);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.keyCode === 9 || event.key === \"Enter\") {\n        const currentRef = combinedRef.current || inputRef.current;\n        if (currentRef) {\n          setInputValue(suggestion);\n          currentRef.blur();\n        }\n      }\n    };\n\n    const handleSetMasterData = (masterDataValue: any, masterDataRow?: any) => {\n      let _value = masterDataValue;\n\n      if (masterDataFormula && parseMasterDataFormula) {\n        _value = parseMasterDataFormula(masterDataFormula, masterDataRow);\n      }\n\n      setSuggestion(\"\");\n      setInputValue(_value);\n      toggleMasterDataModal();\n      setMasterDataRowValue(masterDataRow);\n    };\n\n    const handleClear = () => {\n      setInputValue(\"\");\n      setMasterDataRowValue(null);\n    };\n\n    const handleAddGTNToDocument = (_value: string) => {\n      if (onAddGTNToDocument && gtnName) {\n        const keyValuePair = {\n          key: gtnName,\n          value: _value,\n        };\n        onAddGTNToDocument(keyValuePair);\n      }\n    };\n\n    const getClassName = (): string => {\n      const baseClasses =\n        \"border h-8 text-sm rounded-lg block w-full p-2.5 pr-16 font-inter font-medium\";\n      const placeholderColor = `placeholder:text-neutral-900 dark:placeholder:text-black-400`;\n\n      if (errorMessage) {\n        return cn(\n          baseClasses,\n          placeholderColor,\n          \"border-red-300 bg-gray-200 dark:border-black-600 dark:bg-black-600\",\n          color ? color : \"text-neutral-900 dark:text-black-200\"\n        );\n      }\n      if (showRiskSkin && riskDetails?.color) {\n        return cn(\n          baseClasses,\n          placeholderColor,\n          `border-${riskDetails.color}-300 bg-${riskDetails.color}-50`,\n          color ? color : \"text-neutral-900 dark:text-black-200\"\n        );\n      }\n      if (emphasisDeletedSkin) {\n        return cn(\n          baseClasses,\n          placeholderColor,\n          \"border-[var(--Error-200,#FECACA)] bg-[var(--Error-50,#FEF2F2)] !text-[#475467] dark:border-[var(--Error-200,#FECACA)] dark:bg-[var(--Error-50,#FEF2F2)] dark:!text-[#475467]\"\n        );\n      }\n      if (emphasisModifiedSkin) {\n        return cn(\n          baseClasses,\n          placeholderColor,\n          \"border-[var(--Warning-200,#FEDF89)] bg-[var(--Warning-50,#FFFAEB)] text-neutral-900 dark:text-black-100 dark:border-[var(--Warning-200,#FEDF89)] dark:bg-[var(--Warning-50,#FFFAEB)]\"\n        );\n      }\n      if (emphasisSuccessSkin) {\n        return cn(\n          baseClasses,\n          placeholderColor,\n          \"border-[var(--Success-200,#BBF7D0)] bg-[var(--Success-50,#F0FDF4)] !text-[#101828] dark:border-[var(--Success-200,#BBF7D0)] dark:bg-[var(--Success-50,#F0FDF4)] dark:!text-[#101828]\"\n        );\n      }\n\n      return cn(\n        baseClasses,\n        placeholderColor,\n        \"border-gray-300 bg-gray-200 dark:border-black-600 dark:bg-black-600\",\n        color ? color : \"text-neutral-900 dark:text-black-200\"\n      );\n    };\n\n    const resolveMasterDataValue = () => {\n      if (inputValue !== null) {\n        return inputValue;\n      }\n      if (masterDataFormula && parseMasterDataFormula) {\n        return parseMasterDataFormula(masterDataFormula, reference);\n      }\n\n      return value;\n    };\n\n    useEffect(() => {\n      if (showMasterDataModal && !masterDataName) {\n        showDeprecatedFieldWarning?.();\n        setShowMasterDataModal(false);\n      }\n    }, [showMasterDataModal, masterDataName, showDeprecatedFieldWarning]);\n\n    return (\n      <div\n        className={cn(\n          `flex gap-0.5 w-full relative`,\n          isHovered && isGTN\n            ? \"border rounded-lg border-primary-100 p-1\"\n            : \"\",\n          { \"error-field\": !!errorMessage }\n        )}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {isGTN && !isHovered ? (\n          <div className=\"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5\" />\n        ) : null}\n\n        <div className={cn(`flex flex-col w-full`)}>\n          <label\n            htmlFor=\"text\"\n            className={`text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${\n              !originalCase ? \"capitalize\" : \"\"\n            } ${labelClassName || \"\"}`}\n          >\n            <div className=\"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1\">\n              <div className=\"inline-flex min-w-0 items-center gap-1 flex-wrap\">\n              <InputLabel label={label || \"\"} required={required || false} isRequiredConditional={isRequiredConditional || false} />\n                {isLiveField && (\n                  <BoltOutlined\n                    sx={{\n                      fontSize: 16,\n                      color: \"var(--color-primary-600)\",\n                      rotate: \"15deg\",\n                    }}\n                  />\n                )}\n                {isAiExtracted && !shouldShowConfidenceScore(confidenceScore) && <AIExtractedIndicator />}\n                <Label labels={tags} />\n                {tooltip && (\n                  <Tooltip\n                    placement=\"top\"\n                    title={`${tooltip}${masterDataFormula ? ` | ${masterDataFormula}` : \"\"}`}\n                  >\n                    <div className=\"cursor-pointer\">\n                      <HelpIcon className=\"w-icon-sm h-icon-sm\" />\n                    </div>\n                  </Tooltip>\n                )}\n                {labelExtra}\n              </div>\n\n              <div className=\"flex items-center gap-1 justify-self-end\">\n                {(shouldShowConfidenceScore(confidenceScore) && confidenceType) ? (\n                  <Tooltip\n                    placement=\"top-end\"\n                    title={confidenceTooltip ?? \"\"}\n                    hideTooltip={confidenceTooltip === undefined || confidenceTooltip === null}\n                    className=\"cursor-pointer\"\n                  >\n                    <div\n                      className={cn(\n                        \"inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5\",\n                        getConfidenceScoreBadgeClass(confidenceType)\n                      )}\n                      onClick={() => onConfidenceScoreClick?.(sourceMeta)}\n                    >\n                      <AIStarIcon\n                        size={12}\n                        fill={getConfidenceScoreBadgeColor(confidenceType)}\n                        fillSecondary={getConfidenceScoreBadgeFill(confidenceType)}\n                      />\n                      <span className={cn(\"text-xs font-medium leading-4\", getConfidenceScoreBadgeTextColor(confidenceType))}>\n                        {confidenceScore}%\n                      </span>\n                    </div>\n                  </Tooltip>\n                ) : null}\n                {isGTN && isHovered && onAddGTNToDocument ? (\n                  <button\n                    id=\"btn-master-data-input-add-to-document\"\n                    className=\"cursor-pointer\"\n                    onClick={() => handleAddGTNToDocument(value?.toString() || \"\")}\n                    type=\"button\"\n                  >\n                    <AntTooltip placement=\"top\" title={t(\"Add to document\")}>\n                      <NoteAddOutlined\n                        sx={{\n                          fontSize: 16,\n                          color:\n                            primaryColorShades?.[600] || \"var(--color-primary-600)\",\n                        }}\n                      />\n                    </AntTooltip>\n                  </button>\n                ) : null}\n              </div>\n            </div>\n          </label>\n          <label className=\"relative block mt-1\">\n            <Tooltip\n              title={isTextOverflowing ? resolveMasterDataValue() : \"\"}\n            >\n              <input\n                id={id}\n                ref={combinedRef}\n                required={required}\n                placeholder={placeholder}\n                className={getClassName()}\n                onChange={(e) => {\n                  onChange(e.target.value, masterDataRowValue);\n                  setInputValue(e.target?.value);\n                }}\n                onKeyDown={handleKeyDown}\n                value={resolveMasterDataValue()}\n                defaultValue={defaultValue}\n                disabled={true}\n                autoComplete=\"off\"\n                onBlur={onBlur}\n              />\n            </Tooltip>\n\n            <IconButton\n              id={`btn-dynamic-data-input-rx-cross`}\n              onClick={handleClear}\n              className=\"absolute inset-y-0 right-1 flex items-center px-2 focus:border-transparent\"\n              variant=\"ghost\"\n              disabled={disabled}\n            >\n              <CloseIcon className=\"w-6 h-6 text-neutral-500 dark:text-neutral-400 w-sm h-sm\" />\n            </IconButton>\n\n            <IconButton\n              id={`btn-dynamic-data-input-ai-outline-pic-center`}\n              onClick={toggleMasterDataModal}\n              className=\"absolute inset-y-0 right-8 flex items-center px-2 focus:border-transparent\"\n              variant=\"ghost\"\n              disabled={disabled}\n            >\n              <TableChartRounded\n                className=\"text-neutral-500 dark:text-neutral-400 w-sm h-sm\"\n              />\n            </IconButton>\n          </label>\n\n          {errorMessage && (\n            <Typography\n              className=\"text-error-500 mt-1\"\n              appearance=\"custom\"\n              size=\"extra-small\"\n              variant=\"medium\"\n            >\n              {errorMessage}\n            </Typography>\n          )}\n\n          {showMasterDataModal && MasterDataModal && (\n            <MasterDataModal\n              isVisible={showMasterDataModal}\n              onSelected={handleSetMasterData}\n              onClose={toggleMasterDataModal}\n              masterDataColumnName={masterDataColumnName}\n              masterDataFilters={masterDataFilters}\n              masterDataName={masterDataName}\n              masterDataId={masterDataName}\n              masterDataFormula={masterDataFormula}\n              showFilters\n              enableRootDrag\n            />\n          )}\n        </div>\n\n        {isHovered &&\n          riskDetails &&\n          isRiskAnalysisOpen &&\n          RiskDetailsCard && (\n            <div\n              role=\"tooltip\"\n              tabIndex={0}\n              className=\"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl\"\n              onClick={(e) => e.stopPropagation()}\n              onMouseDown={(e) => e.preventDefault()}\n              onKeyDown={(e) => {\n                if (e.key === \"Escape\") {\n                  setIsHovered(false);\n                }\n              }}\n            >\n              <RiskDetailsCard riskDetails={riskDetails} />\n            </div>\n          )}\n      </div>\n    );\n  }\n);\n\nMasterDataInputField.displayName = \"MasterDataInputField\";\n\n"],"names":["MasterDataInputField","forwardRef","id","label","labelExtra","placeholder","value","onChange","errorMessage","defaultValue","required","isRequiredConditional","masterDataName","masterDataColumnName","masterDataFormula","masterDataFilters","tags","index","tooltip","originalCase","color","isGTN","labelClassName","gtnName","isAiExtracted","confidenceScore","confidenceType","confidenceTooltip","sourceMeta","onConfidenceScoreClick","disabled","reference","isLiveField","onBlur","onAddGTNToDocument","riskDetails","isRiskAnalysisOpen","RiskDetailsCard","primaryColorShades","setDisableActions","showDeprecatedFieldWarning","MasterDataModal","parseMasterDataFormula","inputEmphasis","ref","t","useTranslation","showRiskSkin","emphasisModifiedSkin","emphasisDeletedSkin","emphasisSuccessSkin","isHovered","setIsHovered","useState","inputValue","setInputValue","showMasterDataModal","setShowMasterDataModal","suggestion","setSuggestion","masterDataRowValue","setMasterDataRowValue","isTextOverflowing","setIsTextOverflowing","inputRef","useRef","combinedRef","useEffect","checkOverflow","input","toggleMasterDataModal","handleKeyDown","event","currentRef","handleSetMasterData","masterDataValue","masterDataRow","_value","handleClear","handleAddGTNToDocument","getClassName","baseClasses","placeholderColor","cn","resolveMasterDataValue","jsxs","jsx","InputLabel","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","Tooltip","HelpIcon","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","AntTooltip","NoteAddOutlined","IconButton","CloseIcon","TableChartRounded","Typography"],"mappings":"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"}
+{"version":3,"file":"MasterDataInputField.es.js","sources":["../../../../src/components/forms/master-data-input/MasterDataInputField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport cn from \"classnames\";\nimport { forwardRef, useEffect, useRef, useState } from \"react\";\nimport { Tooltip as AntTooltip } from \"antd\";\nimport { useTranslation } from 'react-i18next';\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { Label } from \"../../data-display/label/Label\";\nimport type { LabelType } from \"../../data-display/label/Label\";\nimport {\n  BoltOutlined,\n  CloseRounded,\n  NoteAddOutlined,\n  TableChartRounded,\n} from \"@mui/icons-material\";\nimport { AIExtractedIndicator } from \"../../icons/AIExtractedIndicator\";\nimport { AIStarIcon } from \"../../icons/AIStarIcon\";\nimport { HelpIcon } from \"../../icons/HelpIcon\";\nimport Tooltip from \"../../tooltip/Tooltip\";\nimport IconButton from \"../../button/IconButton\";\nimport { InputLabel } from \"../shared/InputLabel\";\nimport {\n  getConfidenceScoreBadgeClass,\n  getConfidenceScoreBadgeColor,\n  getConfidenceScoreBadgeFill,\n  getConfidenceScoreBadgeTextColor,\n  shouldShowConfidenceScore,\n} from \"../../../utils/confidenceScoreUtils\";\nimport { CloseIcon, CloseSmallIcon } from \"../../icon\";\n\n/**\n * Confidence score type\n */\nexport type ConfidenceScoreType = \"low\" | \"medium\" | \"high\";\n\nexport type SourceMetaBBox = {\n  b: number;\n  l: number;\n  r: number;\n  t: number;\n};\n\nexport type SourceMetaItem = {\n  bbox: SourceMetaBBox;\n  confidence_score?: number;\n  is_primary?: boolean;\n  match_score?: number;\n  match_type?: string;\n  page_height: number;\n  page_width: number;\n  source_page: number;\n  source_text?: string;\n};\n\n/**\n * Risk details interface for risk analysis integration\n */\nexport interface RiskDetails {\n  color?: string;\n  description?: string;\n  hexBgColor?: string;\n  hexBorderColor?: string;\n  [key: string]: any;\n}\n\n/**\n * Risk details card component props - generic to allow consumer-specific risk types\n */\nexport interface RiskDetailsCardProps<T = any> {\n  riskDetails: T;\n  maxWidth?: string;\n  showAllRisksSuggestions?: boolean;\n}\n\n/** Visual emphasis for the input surface (background + border) */\nexport type MasterDataInputFieldEmphasis =\n  | \"default\"\n  | \"modified\"\n  | \"deleted\"\n  | \"success\";\n\n/**\n * Props for the MasterDataModal component\n */\nexport interface MasterDataModalProps {\n  isVisible: boolean;\n  onSelected?: (masterDataValue: any, masterDataRow?: any) => void;\n  onClose: () => void;\n  masterDataColumnName?: string;\n  masterDataFilters?: any;\n  masterDataName?: string;\n  masterDataId: string | null;\n  masterDataFormula?: string;\n  setFieldFilters?: any;\n  showFilters?: boolean;\n  enableRootDrag?: boolean;\n}\n\n/**\n * Props for the MasterDataInputField component\n */\nexport interface MasterDataInputFieldProps {\n  /** Unique identifier for the input */\n  id: string;\n  /** Label text to display above the input */\n  label: string;\n  /** Optional extra content in the label row (e.g. actions, badges) */\n  labelExtra?: React.ReactNode;\n  /** Placeholder text for the input */\n  placeholder?: string;\n  /** Current value of the input */\n  value: any;\n  /** Callback function called when value changes */\n  onChange: (value: any, masterDataRowValue?: any) => void;\n  /** Error message to display below the input */\n  errorMessage?: string;\n  /** Callback to set error message */\n  setErrorMessage: (message: string) => void;\n  /** Callback to remove error message */\n  removeErrorMessage: () => void;\n  /** Default value for the input */\n  defaultValue?: any;\n  /** Whether the field is required */\n  required?: boolean;\n  /** Whether the required indicator shows as conditional (yellow instead of red) */\n  isRequiredConditional?: boolean;\n  /** Name of the master data source */\n  masterDataName: string;\n  /** Column name in the master data */\n  masterDataColumnName: string;\n  /** Formula for computing master data value */\n  masterDataFormula?: string;\n  /** Filters for master data */\n  masterDataFilters?: any;\n  /** Tags/labels to display next to the label */\n  tags?: (string | LabelType)[];\n  /** Index for array fields */\n  index?: number;\n  /** Tooltip text for the help icon */\n  tooltip?: string;\n  /** Whether to preserve original case in the label */\n  originalCase?: boolean;\n  /** Color for the input text */\n  color?: string;\n  /** Whether this is a GTN (Global Term Name) field */\n  isGTN?: boolean;\n  /** GTN field name for document integration */\n  gtnName?: any;\n  /** Whether the value was AI extracted */\n  isAiExtracted?: boolean;\n  /** Confidence percentage shown as a badge */\n  confidenceScore?: number;\n  /** Confidence classification for badge styling */\n  confidenceType?: ConfidenceScoreType;\n  /** Optional tooltip content for confidence badge */\n  confidenceTooltip?: React.ReactNode;\n  /** Source meta for confidence score */\n  sourceMeta?: SourceMetaItem[];\n  /** Handler fired when confidence score badge is clicked */\n  onConfidenceScoreClick?: (sourceMeta: SourceMetaItem[]) => void;\n  /** Reference data for formula computation */\n  reference?: any;\n  /** Whether the input is disabled */\n  disabled?: boolean;\n  /** Additional CSS classes for the label */\n  labelClassName?: string;\n  /** Whether this is a live field */\n  isLiveField?: boolean;\n  /** Callback function called when input loses focus */\n  onBlur?: () => void;\n  /** Handler for adding GTN to document */\n  onAddGTNToDocument?: (keyValuePair: { key: string; value: string }) => void;\n  /** Risk details data */\n  riskDetails?: RiskDetails;\n  /** Whether risk analysis is open */\n  isRiskAnalysisOpen?: boolean;\n  /** Custom risk details card component */\n  RiskDetailsCard?: React.ComponentType<RiskDetailsCardProps<any>>;\n  /** Primary color shades for styling */\n  primaryColorShades?: Record<number, string>;\n  /** Callback to set disable actions state */\n  setDisableActions?: (disabled: boolean) => void;\n  /** Toast function for deprecated field warning */\n  showDeprecatedFieldWarning?: () => void;\n  /** Master data modal component */\n  MasterDataModal?: React.ComponentType<MasterDataModalProps>;\n  /** Function to parse master data formula */\n  parseMasterDataFormula?: (formula: string, row: any) => string;\n  /** Input surface style: `'modified'` — `--Warning-50` / `--Warning-200`; `'deleted'` — `--Error-50` / `--Error-200`, text `#475467`; `'success'` — `--Success-50` / `--Success-200`, text `#101828`. */\n  inputEmphasis?: MasterDataInputFieldEmphasis;\n}\n\n/**\n * A highly customizable master data input component with label, validation, and styling support.\n * Features master data modal integration, GTN support, risk analysis support,\n * and comprehensive prop support for various use cases.\n *\n * @example\n * ```tsx\n * <MasterDataInputField\n *   id=\"master-field\"\n *   label=\"Master Field\"\n *   value={fieldValue}\n *   onChange={(value, rowValue) => setFieldValue(value)}\n *   setErrorMessage={(msg) => setError(msg)}\n *   removeErrorMessage={() => setError('')}\n *   masterDataName=\"customers\"\n *   masterDataColumnName=\"name\"\n *   required\n * />\n * ```\n */\nexport const MasterDataInputField = forwardRef<\n  HTMLInputElement,\n  MasterDataInputFieldProps\n>(\n  (\n    {\n      id,\n      label,\n      labelExtra,\n      placeholder,\n      value,\n      onChange,\n      errorMessage,\n      defaultValue,\n      required = false,\n      isRequiredConditional = false,\n      masterDataName,\n      masterDataColumnName,\n      masterDataFormula,\n      masterDataFilters,\n      tags,\n      index,\n      tooltip = \"\",\n      originalCase = false,\n      color = \"\",\n      isGTN = false,\n      labelClassName,\n      gtnName = null,\n      isAiExtracted = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      sourceMeta = [],\n      onConfidenceScoreClick,\n      disabled = false,\n      reference = {},\n      isLiveField = false,\n      onBlur,\n      onAddGTNToDocument,\n      riskDetails,\n      isRiskAnalysisOpen = false,\n      RiskDetailsCard,\n      primaryColorShades,\n      setDisableActions,\n      showDeprecatedFieldWarning,\n      MasterDataModal,\n      parseMasterDataFormula,\n      inputEmphasis = \"default\",\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const showRiskSkin = Boolean(isRiskAnalysisOpen && riskDetails?.color);\n    const emphasisModifiedSkin =\n      inputEmphasis === \"modified\" && !errorMessage && !showRiskSkin;\n    const emphasisDeletedSkin =\n      inputEmphasis === \"deleted\" && !errorMessage && !showRiskSkin;\n    const emphasisSuccessSkin =\n      inputEmphasis === \"success\" && !errorMessage && !showRiskSkin;\n    const [isHovered, setIsHovered] = useState(false);\n    const [inputValue, setInputValue] = useState<string | null>(null);\n    const [showMasterDataModal, setShowMasterDataModal] = useState(false);\n    const [suggestion, setSuggestion] = useState(\"\");\n    const [masterDataRowValue, setMasterDataRowValue] = useState<any>(null);\n    const [isTextOverflowing, setIsTextOverflowing] = useState(false);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    // Use forwarded ref or internal ref\n    const combinedRef = (ref as React.RefObject<HTMLInputElement>) || inputRef;\n\n    // Check if text is overflowing\n    useEffect(() => {\n      const checkOverflow = () => {\n        const input = combinedRef.current || inputRef.current;\n        if (input) {\n          setIsTextOverflowing(input.scrollWidth > input.clientWidth);\n        }\n      };\n\n      checkOverflow();\n      // Recheck on window resize\n      window.addEventListener('resize', checkOverflow);\n      return () => window.removeEventListener('resize', checkOverflow);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [inputValue, value]);\n\n    useEffect(() => {\n      setInputValue(value);\n    }, [index, value]);\n\n    useEffect(() => {\n      if (inputValue !== null && inputValue !== value)  {\n        onChange(inputValue, masterDataRowValue);\n      }\n    }, [inputValue, masterDataRowValue]);\n\n    const toggleMasterDataModal = () => {\n      if (showMasterDataModal) {\n        setDisableActions?.(false);\n      } else {\n        setDisableActions?.(true);\n      }\n      setShowMasterDataModal(!showMasterDataModal);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.keyCode === 9 || event.key === \"Enter\") {\n        const currentRef = combinedRef.current || inputRef.current;\n        if (currentRef) {\n          setInputValue(suggestion);\n          currentRef.blur();\n        }\n      }\n    };\n\n    const handleSetMasterData = (masterDataValue: any, masterDataRow?: any) => {\n      let _value = masterDataValue;\n\n      console.log(\"handleSetMasterData called with:\", masterDataValue, masterDataRow, masterDataFormula, parseMasterDataFormula);\n\n      if (masterDataFormula && parseMasterDataFormula) {\n      console.log(\"handleSetMasterData called with:\", masterDataValue, masterDataRow, masterDataFormula, parseMasterDataFormula(masterDataFormula, masterDataRow));\n\n        _value = parseMasterDataFormula(masterDataFormula, masterDataRow);\n      }\n\n      setSuggestion(\"\");\n      setInputValue(_value);\n      toggleMasterDataModal();\n      setMasterDataRowValue(masterDataRow);\n    };\n\n    const handleClear = () => {\n      setInputValue(\"\");\n      setMasterDataRowValue(null);\n    };\n\n    const handleAddGTNToDocument = (_value: string) => {\n      if (onAddGTNToDocument && gtnName) {\n        const keyValuePair = {\n          key: gtnName,\n          value: _value,\n        };\n        onAddGTNToDocument(keyValuePair);\n      }\n    };\n\n    const getClassName = (): string => {\n      const baseClasses =\n        \"border h-8 text-sm rounded-lg block w-full p-2.5 pr-16 font-inter font-medium\";\n      const placeholderColor = `placeholder:text-neutral-900 dark:placeholder:text-black-400`;\n\n      if (errorMessage) {\n        return cn(\n          baseClasses,\n          placeholderColor,\n          \"border-red-300 bg-gray-200 dark:border-black-600 dark:bg-black-600\",\n          color ? color : \"text-neutral-900 dark:text-black-200\"\n        );\n      }\n      if (showRiskSkin && riskDetails?.color) {\n        return cn(\n          baseClasses,\n          placeholderColor,\n          `border-${riskDetails.color}-300 bg-${riskDetails.color}-50`,\n          color ? color : \"text-neutral-900 dark:text-black-200\"\n        );\n      }\n      if (emphasisDeletedSkin) {\n        return cn(\n          baseClasses,\n          placeholderColor,\n          \"border-[var(--Error-200,#FECACA)] bg-[var(--Error-50,#FEF2F2)] !text-[#475467] dark:border-[var(--Error-200,#FECACA)] dark:bg-[var(--Error-50,#FEF2F2)] dark:!text-[#475467]\"\n        );\n      }\n      if (emphasisModifiedSkin) {\n        return cn(\n          baseClasses,\n          placeholderColor,\n          \"border-[var(--Warning-200,#FEDF89)] bg-[var(--Warning-50,#FFFAEB)] text-neutral-900 dark:text-black-100 dark:border-[var(--Warning-200,#FEDF89)] dark:bg-[var(--Warning-50,#FFFAEB)]\"\n        );\n      }\n      if (emphasisSuccessSkin) {\n        return cn(\n          baseClasses,\n          placeholderColor,\n          \"border-[var(--Success-200,#BBF7D0)] bg-[var(--Success-50,#F0FDF4)] !text-[#101828] dark:border-[var(--Success-200,#BBF7D0)] dark:bg-[var(--Success-50,#F0FDF4)] dark:!text-[#101828]\"\n        );\n      }\n\n      return cn(\n        baseClasses,\n        placeholderColor,\n        \"border-gray-300 bg-gray-200 dark:border-black-600 dark:bg-black-600\",\n        color ? color : \"text-neutral-900 dark:text-black-200\"\n      );\n    };\n\n    const resolveMasterDataValue = () => {\n      if (inputValue !== null) {\n        return inputValue;\n      }\n      if (masterDataFormula && parseMasterDataFormula) {\n        console.log(\"Parsing master data formula with reference:\", masterDataFormula, reference, parseMasterDataFormula(masterDataFormula, reference));\n        return parseMasterDataFormula(masterDataFormula, reference);\n      }\n\n      return value;\n    };\n\n    useEffect(() => {\n      if (showMasterDataModal && !masterDataName) {\n        showDeprecatedFieldWarning?.();\n        setShowMasterDataModal(false);\n      }\n    }, [showMasterDataModal, masterDataName, showDeprecatedFieldWarning]);\n\n    return (\n      <div\n        className={cn(\n          `flex gap-0.5 w-full relative`,\n          isHovered && isGTN\n            ? \"border rounded-lg border-primary-100 p-1\"\n            : \"\",\n          { \"error-field\": !!errorMessage }\n        )}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {isGTN && !isHovered ? (\n          <div className=\"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5\" />\n        ) : null}\n\n        <div className={cn(`flex flex-col w-full`)}>\n          <label\n            htmlFor=\"text\"\n            className={`text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${\n              !originalCase ? \"capitalize\" : \"\"\n            } ${labelClassName || \"\"}`}\n          >\n            <div className=\"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1\">\n              <div className=\"inline-flex min-w-0 items-center gap-1 flex-wrap\">\n              <InputLabel label={label || \"\"} required={required || false} isRequiredConditional={isRequiredConditional || false} />\n                {isLiveField && (\n                  <BoltOutlined\n                    sx={{\n                      fontSize: 16,\n                      color: \"var(--color-primary-600)\",\n                      rotate: \"15deg\",\n                    }}\n                  />\n                )}\n                {isAiExtracted && !shouldShowConfidenceScore(confidenceScore) && <AIExtractedIndicator />}\n                <Label labels={tags} />\n                {tooltip && (\n                  <Tooltip\n                    placement=\"top\"\n                    title={`${tooltip}${masterDataFormula ? ` | ${masterDataFormula}` : \"\"}`}\n                  >\n                    <div className=\"cursor-pointer\">\n                      <HelpIcon className=\"w-icon-sm h-icon-sm\" />\n                    </div>\n                  </Tooltip>\n                )}\n                {labelExtra}\n              </div>\n\n              <div className=\"flex items-center gap-1 justify-self-end\">\n                {(shouldShowConfidenceScore(confidenceScore) && confidenceType) ? (\n                  <Tooltip\n                    placement=\"top-end\"\n                    title={confidenceTooltip ?? \"\"}\n                    hideTooltip={confidenceTooltip === undefined || confidenceTooltip === null}\n                    className=\"cursor-pointer\"\n                  >\n                    <div\n                      className={cn(\n                        \"inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5\",\n                        getConfidenceScoreBadgeClass(confidenceType)\n                      )}\n                      onClick={() => onConfidenceScoreClick?.(sourceMeta)}\n                    >\n                      <AIStarIcon\n                        size={12}\n                        fill={getConfidenceScoreBadgeColor(confidenceType)}\n                        fillSecondary={getConfidenceScoreBadgeFill(confidenceType)}\n                      />\n                      <span className={cn(\"text-xs font-medium leading-4\", getConfidenceScoreBadgeTextColor(confidenceType))}>\n                        {confidenceScore}%\n                      </span>\n                    </div>\n                  </Tooltip>\n                ) : null}\n                {isGTN && isHovered && onAddGTNToDocument ? (\n                  <button\n                    id=\"btn-master-data-input-add-to-document\"\n                    className=\"cursor-pointer\"\n                    onClick={() => handleAddGTNToDocument(value?.toString() || \"\")}\n                    type=\"button\"\n                  >\n                    <AntTooltip placement=\"top\" title={t(\"Add to document\")}>\n                      <NoteAddOutlined\n                        sx={{\n                          fontSize: 16,\n                          color:\n                            primaryColorShades?.[600] || \"var(--color-primary-600)\",\n                        }}\n                      />\n                    </AntTooltip>\n                  </button>\n                ) : null}\n              </div>\n            </div>\n          </label>\n          <label className=\"relative block mt-1\">\n            <Tooltip\n              title={isTextOverflowing ? resolveMasterDataValue() : \"\"}\n            >\n              <input\n                id={id}\n                ref={combinedRef}\n                required={required}\n                placeholder={placeholder}\n                className={getClassName()}\n                onChange={(e) => {\n                  onChange(e.target.value, masterDataRowValue);\n                  setInputValue(e.target?.value);\n                }}\n                onKeyDown={handleKeyDown}\n                value={resolveMasterDataValue()}\n                defaultValue={defaultValue}\n                disabled={true}\n                autoComplete=\"off\"\n                onBlur={onBlur}\n              />\n            </Tooltip>\n\n            <IconButton\n              id={`btn-dynamic-data-input-rx-cross`}\n              onClick={handleClear}\n              className=\"absolute inset-y-0 right-1 flex items-center px-2 focus:border-transparent\"\n              variant=\"ghost\"\n              disabled={disabled}\n            >\n              <CloseIcon className=\"w-6 h-6 text-neutral-500 dark:text-neutral-400 w-sm h-sm\" />\n            </IconButton>\n\n            <IconButton\n              id={`btn-dynamic-data-input-ai-outline-pic-center`}\n              onClick={toggleMasterDataModal}\n              className=\"absolute inset-y-0 right-8 flex items-center px-2 focus:border-transparent\"\n              variant=\"ghost\"\n              disabled={disabled}\n            >\n              <TableChartRounded\n                className=\"text-neutral-500 dark:text-neutral-400 w-sm h-sm\"\n              />\n            </IconButton>\n          </label>\n\n          {errorMessage && (\n            <Typography\n              className=\"text-error-500 mt-1\"\n              appearance=\"custom\"\n              size=\"extra-small\"\n              variant=\"medium\"\n            >\n              {errorMessage}\n            </Typography>\n          )}\n\n          {showMasterDataModal && MasterDataModal && (\n            <MasterDataModal\n              isVisible={showMasterDataModal}\n              onSelected={handleSetMasterData}\n              onClose={toggleMasterDataModal}\n              masterDataColumnName={masterDataColumnName}\n              masterDataFilters={masterDataFilters}\n              masterDataName={masterDataName}\n              masterDataId={masterDataName}\n              masterDataFormula={masterDataFormula}\n              showFilters\n              enableRootDrag\n            />\n          )}\n        </div>\n\n        {isHovered &&\n          riskDetails &&\n          isRiskAnalysisOpen &&\n          RiskDetailsCard && (\n            <div\n              role=\"tooltip\"\n              tabIndex={0}\n              className=\"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl\"\n              onClick={(e) => e.stopPropagation()}\n              onMouseDown={(e) => e.preventDefault()}\n              onKeyDown={(e) => {\n                if (e.key === \"Escape\") {\n                  setIsHovered(false);\n                }\n              }}\n            >\n              <RiskDetailsCard riskDetails={riskDetails} />\n            </div>\n          )}\n      </div>\n    );\n  }\n);\n\nMasterDataInputField.displayName = \"MasterDataInputField\";\n\n"],"names":["MasterDataInputField","forwardRef","id","label","labelExtra","placeholder","value","onChange","errorMessage","defaultValue","required","isRequiredConditional","masterDataName","masterDataColumnName","masterDataFormula","masterDataFilters","tags","index","tooltip","originalCase","color","isGTN","labelClassName","gtnName","isAiExtracted","confidenceScore","confidenceType","confidenceTooltip","sourceMeta","onConfidenceScoreClick","disabled","reference","isLiveField","onBlur","onAddGTNToDocument","riskDetails","isRiskAnalysisOpen","RiskDetailsCard","primaryColorShades","setDisableActions","showDeprecatedFieldWarning","MasterDataModal","parseMasterDataFormula","inputEmphasis","ref","t","useTranslation","showRiskSkin","emphasisModifiedSkin","emphasisDeletedSkin","emphasisSuccessSkin","isHovered","setIsHovered","useState","inputValue","setInputValue","showMasterDataModal","setShowMasterDataModal","suggestion","setSuggestion","masterDataRowValue","setMasterDataRowValue","isTextOverflowing","setIsTextOverflowing","inputRef","useRef","combinedRef","useEffect","checkOverflow","input","toggleMasterDataModal","handleKeyDown","event","currentRef","handleSetMasterData","masterDataValue","masterDataRow","_value","handleClear","handleAddGTNToDocument","getClassName","baseClasses","placeholderColor","cn","resolveMasterDataValue","jsxs","jsx","InputLabel","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","Tooltip","HelpIcon","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","AntTooltip","NoteAddOutlined","IconButton","CloseIcon","TableChartRounded","Typography"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lax-wp/design-system",
   "private": false,
-  "version": "0.13.39-beta.0",
+  "version": "0.13.39-beta.2",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",