@lax-wp/design-system 0.13.32 → 0.13.33-beta.0

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

@@ -1,10 +1,10 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import h from "../../../_virtual/index.es.js";
-import { forwardRef as Ce, useState as c, useRef as ke, useEffect as g } from "react";
+import g from "../../../_virtual/index.es.js";
+import { forwardRef as Ce, useState as c, useRef as ke, useEffect as x } from "react";
 import { Tooltip as ye } from "antd";
 import { useTranslation as Ne } from "react-i18next";
-import { Typography as Se } from "../../data-display/typography/Typography.es.js";
-import { Label as Ie } from "../../data-display/label/Label.es.js";
+import { Typography as Ie } from "../../data-display/typography/Typography.es.js";
+import { Label as Se } from "../../data-display/label/Label.es.js";
 import { BoltOutlined as $e, NoteAddOutlined as ze, CloseRounded as Ve, TableChartRounded as Ee } from "@mui/icons-material";
 import { AIExtractedIndicator as Be } from "../../icons/AIExtractedIndicator.es.js";
 import { AIStarIcon as Me } from "../../icons/AIStarIcon.es.js";
@@ -56,54 +56,54 @@ const Pe = Ce(
     MasterDataModal: P,
     parseMasterDataFormula: p
   }, ce) => {
-    const { t: de } = Ne(), [x, N] = c(!1), [o, u] = c(null), [s, _] = c(!1), [ue, fe] = c(""), [S, q] = c(null), [me, pe] = c(!1), I = ke(null), $ = ce || I;
-    g(() => {
+    const { t: de } = Ne(), [h, N] = c(!1), [o, u] = c(null), [s, _] = c(!1), [ue, fe] = c(""), [I, q] = c(null), [me, pe] = c(!1), S = ke(null), $ = ce || S;
+    x(() => {
       const t = () => {
-        const l = $.current || I.current;
+        const l = $.current || S.current;
         l && pe(l.scrollWidth > l.clientWidth);
       };
       return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
-    }, [o, n]), g(() => {
+    }, [o, n]), x(() => {
       u(n);
-    }, [D, n]), g(() => {
-      o !== null && o !== n && E(o, S);
-    }, [o, S]);
+    }, [D, n]), x(() => {
+      o !== null && o !== n && E(o, I);
+    }, [o, I]);
     const z = () => {
       K?.(!s), _(!s);
-    }, xe = (t) => {
+    }, he = (t) => {
       if (t.keyCode === 9 || t.key === "Enter") {
-        const l = $.current || I.current;
+        const l = $.current || S.current;
         l && (u(ue), l.blur());
       }
     }, be = (t, l) => {
       let b = t;
       a && p && (b = p(a, l)), fe(""), u(b), z(), q(l);
-    }, he = () => {
+    }, ge = () => {
       u(""), q(null);
-    }, ge = (t) => {
+    }, xe = (t) => {
       k && L && k({
         key: L,
         value: t
       });
     }, ve = () => {
-      const t = "border h-[32px] text-sm rounded-lg block w-full p-2.5 pr-16 font-inter font-medium", l = f ? "border-red-300" : y && i?.color ? `border-${i?.color}-300` : "border-gray-300 dark:border-black-600", b = "placeholder:text-neutral-900 dark:placeholder:text-black-400", we = `${y && i?.color ? `bg-${i?.color}-50` : "bg-gray-200 dark:bg-black-600 "} ${R || "text-neutral-900 dark:text-black-200"}`;
+      const t = "border h-8 text-sm rounded-lg block w-full p-2.5 pr-16 font-inter font-medium", l = f ? "border-red-300" : y && i?.color ? `border-${i?.color}-300` : "border-gray-300 dark:border-black-600", b = "placeholder:text-neutral-900 dark:placeholder:text-black-400", we = `${y && i?.color ? `bg-${i?.color}-50` : "bg-gray-200 dark:bg-black-600 "} ${R || "text-neutral-900 dark:text-black-200"}`;
       return `${t} ${l} ${we} ${b}`;
     }, W = () => o !== null ? o : a && p ? p(a, ne) : n;
-    return g(() => {
+    return x(() => {
       s && !m && (O?.(), _(!1));
     }, [s, m, O]), /* @__PURE__ */ r(
       "div",
       {
-        className: h(
+        className: g(
           "flex gap-0.5 w-full relative",
-          x && v ? "border rounded-lg border-primary-100 bg-primary-50 p-1" : "",
+          h && v ? "border rounded-lg border-primary-100 bg-primary-50 p-1" : "",
           { "error-field": !!f }
         ),
         onMouseEnter: () => N(!0),
         onMouseLeave: () => N(!1),
         children: [
-          v && !x ? /* @__PURE__ */ e("div", { className: "w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5" }) : null,
-          /* @__PURE__ */ r("div", { className: h("flex flex-col w-full"), children: [
+          v && !h ? /* @__PURE__ */ e("div", { className: "w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5" }) : null,
+          /* @__PURE__ */ r("div", { className: g("flex flex-col w-full"), children: [
             /* @__PURE__ */ e(
               "label",
               {
@@ -123,7 +123,7 @@ const Pe = Ce(
                       }
                     ),
                     le && !J(w) && /* @__PURE__ */ e(Be, {}),
-                    /* @__PURE__ */ e(Ie, { labels: F }),
+                    /* @__PURE__ */ e(Se, { labels: F }),
                     M && /* @__PURE__ */ e(
                       V,
                       {
@@ -144,7 +144,7 @@ const Pe = Ce(
                         children: /* @__PURE__ */ r(
                           "div",
                           {
-                            className: h(
+                            className: g(
                               "inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5",
                               Oe(d)
                             ),
@@ -158,7 +158,7 @@ const Pe = Ce(
                                   fillSecondary: je(d)
                                 }
                               ),
-                              /* @__PURE__ */ r("span", { className: h("text-xs font-medium leading-4", Ke(d)), children: [
+                              /* @__PURE__ */ r("span", { className: g("text-xs font-medium leading-4", Ke(d)), children: [
                                 w,
                                 "%"
                               ] })
@@ -167,12 +167,12 @@ const Pe = Ce(
                         )
                       }
                     ) : null,
-                    v && x && k ? /* @__PURE__ */ e(
+                    v && h && k ? /* @__PURE__ */ e(
                       "button",
                       {
                         id: "btn-master-data-input-add-to-document",
                         className: "cursor-pointer",
-                        onClick: () => ge(n?.toString() || ""),
+                        onClick: () => xe(n?.toString() || ""),
                         type: "button",
                         children: /* @__PURE__ */ e(ye, { placement: "top", title: de("Add to document"), children: /* @__PURE__ */ e(
                           ze,
@@ -203,9 +203,9 @@ const Pe = Ce(
                       placeholder: U,
                       className: ve(),
                       onChange: (t) => {
-                        E(t.target.value, S), u(t.target?.value);
+                        E(t.target.value, I), u(t.target?.value);
                       },
-                      onKeyDown: xe,
+                      onKeyDown: he,
                       value: W(),
                       defaultValue: X,
                       disabled: !0,
@@ -219,15 +219,14 @@ const Pe = Ce(
                 A,
                 {
                   id: "btn-dynamic-data-input-rx-cross",
-                  onClick: he,
+                  onClick: ge,
                   className: "absolute inset-y-0 right-1 flex items-center px-2 focus:border-transparent",
                   variant: "ghost",
                   disabled: j,
                   children: /* @__PURE__ */ e(
                     Ve,
                     {
-                      className: "text-neutral-900 dark:text-black-300",
-                      sx: { fontSize: 16 }
+                      className: "text-neutral-900 dark:text-black-300 w-sm h-sm"
                     }
                   )
                 }
@@ -243,15 +242,14 @@ const Pe = Ce(
                   children: /* @__PURE__ */ e(
                     Ee,
                     {
-                      className: "text-neutral-900 dark:text-black-300",
-                      sx: { fontSize: 16 }
+                      className: "text-neutral-900 dark:text-black-300 w-sm h-sm"
                     }
                   )
                 }
               )
             ] }),
             f && /* @__PURE__ */ e(
-              Se,
+              Ie,
               {
                 className: "text-error-500 mt-1",
                 appearance: "custom",
@@ -274,7 +272,7 @@ const Pe = Ce(
               }
             )
           ] }),
-          x && i && y && H && /* @__PURE__ */ e(
+          h && i && y && H && /* @__PURE__ */ e(
             "div",
             {
               role: "tooltip",

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\";\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/**\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  showFilters?: 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  /** 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}\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      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    },\n    ref\n  ) => {\n    const { t } = useTranslation();\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-[32px] text-sm rounded-lg block w-full p-2.5 pr-16 font-inter font-medium\";\n      const borderColor = errorMessage\n        ? \"border-red-300\"\n        : isRiskAnalysisOpen && riskDetails?.color\n        ? `border-${riskDetails?.color}-300`\n        : \"border-gray-300 dark:border-black-600\";\n      const placeholderColor = `placeholder:text-neutral-900 dark:placeholder:text-black-400`;\n      const backgroundColor = `${\n        isRiskAnalysisOpen && riskDetails?.color\n          ? `bg-${riskDetails?.color}-50`\n          : \"bg-gray-200 dark:bg-black-600 \"\n      } ${color ? color : \"text-neutral-900 dark:text-black-200\"}`;\n\n      return `${baseClasses} ${borderColor} ${backgroundColor} ${placeholderColor}`;\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 bg-primary-50 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 />\n                    </div>\n                  </Tooltip>\n                )}\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              <CloseRounded\n                className=\"text-neutral-900 dark:text-black-300\"\n                sx={{ fontSize: 16 }}\n              />\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-900 dark:text-black-300\"\n                sx={{ fontSize: 16 }}\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              showFilters\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","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","ref","t","useTranslation","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","borderColor","placeholderColor","backgroundColor","resolveMasterDataValue","jsxs","cn","jsx","InputLabel","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","Tooltip","HelpIcon","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","AntTooltip","NoteAddOutlined","e","IconButton","CloseRounded","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\";\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/**\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  showFilters?: 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  /** 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}\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      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    },\n    ref\n  ) => {\n    const { t } = useTranslation();\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 borderColor = errorMessage\n        ? \"border-red-300\"\n        : isRiskAnalysisOpen && riskDetails?.color\n        ? `border-${riskDetails?.color}-300`\n        : \"border-gray-300 dark:border-black-600\";\n      const placeholderColor = `placeholder:text-neutral-900 dark:placeholder:text-black-400`;\n      const backgroundColor = `${\n        isRiskAnalysisOpen && riskDetails?.color\n          ? `bg-${riskDetails?.color}-50`\n          : \"bg-gray-200 dark:bg-black-600 \"\n      } ${color ? color : \"text-neutral-900 dark:text-black-200\"}`;\n\n      return `${baseClasses} ${borderColor} ${backgroundColor} ${placeholderColor}`;\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 bg-primary-50 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 />\n                    </div>\n                  </Tooltip>\n                )}\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              <CloseRounded\n                className=\"text-neutral-900 dark:text-black-300 w-sm h-sm\"\n              />\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-900 dark:text-black-300 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              showFilters\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","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","ref","t","useTranslation","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","borderColor","placeholderColor","backgroundColor","resolveMasterDataValue","jsxs","cn","jsx","InputLabel","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","Tooltip","HelpIcon","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","AntTooltip","NoteAddOutlined","e","IconButton","CloseRounded","TableChartRounded","Typography"],"mappings":"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"}

package/dist/components/forms/md-input/RichMarkdownInput.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("../../../_virtual/index.cjs.js"),F=require("react"),m=require("@mui/icons-material"),de=require("../../data-display/modal/Modal.cjs.js"),h=require("../../button/Button.cjs.js"),oe=require("../../navigation/tabs/Tabs.cjs.js"),K=require("./MarkdownPreview.cjs.js"),H=require("../../tooltip/Tooltip.cjs.js"),U=require("framer-motion"),V=require("../../data-display/typography/Typography.cjs.js"),me=require("../shared/InputLabel.cjs.js"),ue=["edit","preview"],pe=({className:g,size:n=16})=>e.jsxs("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:g,children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),W=F.forwardRef(({id:g,value:n="",defaultValue:D,onChange:w,placeholder:G="Enter markdown content...",minRows:J=4,maxRows:Q=20,isDisabled:i=!1,className:X,textareaClassName:Y,previewClassName:M,label:C,labelClassName:Z,isRequiredConditional:ee,required:R=!1,showPreviewOnModal:te=!1,maxLength:f,linkTarget:T="_blank",errorMessage:S,tooltip:E,originalCase:I,suffixIcon:b,isClearable:_,inputref:z,showFormattingHelp:se=!0,onKeyDown:ne,noIndent:$=!1,showMinimalPreview:L=!1,acceptAdvanceContent:N=!0},u)=>{const[c,ae]=F.useState("edit"),[re,P]=F.useState(!1),k=F.useRef(null),a=g||`rich-md-input-${Math.random().toString(36).slice(2,11)}`,le=n.length,x=(t,r="",j="")=>{const d=u?.current||k.current;if(!d)return;const l=d.selectionStart,o=d.selectionEnd,p=n.substring(l,o),v=p||j,q=n.substring(0,l)+t+v+r+n.substring(o);w(q),setTimeout(()=>{const s=l+t.length+(p?p.length:0);d.focus(),d.setSelectionRange(s,s+(p?0:j.length))},0)},B=t=>{const r=u?.current||k.current;if(!r)return;const j=r.selectionStart,d=r.selectionEnd,l=n.split(`
-`);let o=0,p=0,v=0;for(let s=0;s<l.length;s++){if(o<=j&&j<=o+l[s].length+1&&(p=s),o<=d&&d<=o+l[s].length+1){v=s;break}o+=l[s].length+1}const q=l.map((s,A)=>A>=p&&A<=v?s.trim()===""?s:t==="- "&&s.trim().startsWith("- ")?s.replace(/^\s*-\s+/,""):t.match(/^\d+\.\s/)&&s.trim().match(/^\d+\.\s/)?s.replace(/^\s*\d+\.\s+/,""):t+s.trim():s);w(q.join(`
-`)),setTimeout(()=>{r.focus()},0)},ie=t=>{if(ne?.(t),t.metaKey||t.ctrlKey)switch(t.key.toLowerCase()){case"b":t.preventDefault(),x("**","**","bold text");break;case"i":t.preventDefault(),x("*","*","italic text");break;case"u":t.preventDefault(),x("<u>","</u>","underlined text");break;case"k":t.preventDefault(),x("[","](url)","link text");break;case"e":t.preventDefault(),x("```","```","code");break}},ce=()=>{w(""),(u?.current||k.current)?.focus()},xe=(()=>{const t=(n.match(/\n/g)||[]).length+1;return Math.min(Q,Math.max(J,t))})(),O=e.jsxs("div",{className:y("flex flex-col",X),children:[e.jsxs("div",{className:`flex flex-row items-center ${C?"justify-between":"justify-end"} w-full`,children:[C&&e.jsx("label",{id:a,htmlFor:a,className:`mb-1 text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${I?"":"capitalize"} ${Z||"!uppercse"}`,children:e.jsx("div",{className:"flex flex-wrap items-center justify-between w-full",children:e.jsx("div",{className:"inline-flex flex-wrap items-center gap-1",children:e.jsx(me.InputLabel,{label:C||"",required:R||!1,isRequiredConditional:ee||!1})})})}),se&&e.jsx(H,{placement:"bottom-end",title:e.jsxs("div",{className:"flex flex-col items-start justify-center py-2 px-3 min-w-[220px] gap-2 bg-neutral-900 rounded-lg",children:[e.jsxs("div",{className:"flex flex-col items-start justify-start gap-1 w-full",children:[e.jsxs("div",{className:"flex flex-row items-start gap-1 ml-1",children:[e.jsx("span",{className:"text-white text-[18px] leading-[18px]",children:"•"}),e.jsx("div",{className:"flex flex-row justify-center items-center px-[3px] bg-neutral-700 rounded-sm",children:e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-[18px] font-inter",children:"**bold**"})}),e.jsxs("span",{className:"text-white text-xs font-medium leading-[18px] font-inter",children:["→ ",e.jsx("strong",{children:"bold"})," text"]})]}),e.jsxs("div",{className:"flex flex-row items-start gap-1 ml-1",children:[e.jsx("span",{className:"text-white text-[18px] leading-[18px]",children:"•"}),e.jsx("div",{className:"flex flex-row justify-center items-center px-[3px] bg-neutral-700 rounded-sm",children:e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-[18px] font-inter",children:"*italic*"})}),e.jsxs("span",{className:"text-white text-xs font-medium leading-[18px] font-inter",children:["→ ",e.jsx("em",{children:"italic"})," text"]})]}),e.jsxs("div",{className:"flex flex-row items-start gap-1 ml-1",children:[e.jsx("span",{className:"text-white text-[18px] leading-[18px]",children:"•"}),e.jsx("div",{className:"flex flex-row justify-center items-center px-[3px] bg-neutral-700 rounded-sm",children:e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-[18px] font-inter",children:"`code`"})}),e.jsxs("span",{className:"text-white text-xs font-medium leading-[18px] font-inter",children:["→ ",e.jsx("code",{children:"inline code"})]})]}),e.jsxs("div",{className:"flex flex-row items-start gap-1 ml-1",children:[e.jsx("span",{className:"text-white text-[18px] leading-[18px]",children:"•"}),e.jsx("div",{className:"flex flex-row justify-center items-center px-[3px] bg-neutral-700 rounded-sm",children:e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-[18px] font-inter",children:"<u>text</u>"})}),e.jsxs("span",{className:"text-white text-xs font-medium leading-[18px] font-inter",children:["→ ",e.jsx("u",{children:"underline"})]})]}),e.jsxs("div",{className:"flex flex-row items-start gap-1 ml-1",children:[e.jsx("span",{className:"text-white text-[18px] leading-[18px]",children:"•"}),e.jsx("div",{className:"flex flex-row justify-center items-center px-[3px] bg-neutral-700 rounded-sm",children:e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-[18px] font-inter",children:"~~strike~~"})}),e.jsxs("span",{className:"text-white text-xs font-medium leading-[18px] font-inter",children:["→ ",e.jsx("del",{children:"strike"})]})]}),e.jsxs("div",{className:"flex flex-row items-start gap-1 ml-1",children:[e.jsx("span",{className:"text-white text-[18px] leading-[18px]",children:"•"}),e.jsx("div",{className:"flex flex-row justify-center items-center px-[3px] bg-neutral-700 rounded-sm",children:e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-[18px] font-inter",children:"- item"})}),e.jsx("span",{className:"text-white text-xs font-medium leading-[18px] font-inter",children:"→ bullet list"})]}),e.jsxs("div",{className:"flex flex-row items-start gap-1 ml-1",children:[e.jsx("span",{className:"text-white text-[18px] leading-[18px]",children:"•"}),e.jsx("div",{className:"flex flex-row justify-center items-center px-[3px] bg-neutral-700 rounded-sm",children:e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-[18px] font-inter",children:"1. item"})}),e.jsx("span",{className:"text-white text-xs font-medium leading-[18px] font-inter",children:"→ numbered list"})]}),N&&e.jsxs("div",{className:"flex flex-row items-start gap-1 ml-1",children:[e.jsx("span",{className:"text-white text-[18px] leading-[18px]",children:"•"}),e.jsx("div",{className:"flex flex-row justify-center items-center px-[3px] bg-neutral-700 rounded-sm",children:e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-[18px] font-inter",children:"## heading"})}),e.jsx("span",{className:"text-white text-xs font-medium leading-[18px] font-inter",children:"→ heading 2"})]}),e.jsxs("div",{className:"flex flex-row items-start gap-1 ml-1",children:[e.jsx("span",{className:"text-white text-[18px] leading-[18px]",children:"•"}),e.jsx("div",{className:"flex flex-row justify-center items-center px-[3px] bg-neutral-700 rounded-sm",children:e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-[18px] font-inter",children:"[link](url)"})}),e.jsx("span",{className:"text-white text-xs font-medium leading-[18px] font-inter",children:"→ hyperlink"})]})]}),N&&e.jsx(e.Fragment,{children:e.jsxs("div",{className:"flex flex-col items-start justify-start gap-1 w-full",children:[e.jsxs("div",{className:"flex flex-row items-start gap-1 ml-1",children:[e.jsx("span",{className:"text-white text-[18px] leading-[18px]",children:"•"}),e.jsx("div",{className:"flex flex-row justify-center items-center px-[3px] bg-neutral-700 rounded-sm",children:e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-[18px] font-inter",children:"> quote"})}),e.jsx("span",{className:"text-white text-xs font-medium leading-[18px] font-inter",children:"→ blockquote"})]}),e.jsxs("div",{className:"flex flex-col items-start justify-start gap-0.5 w-full mt-0.5",children:[e.jsxs("div",{className:"flex flex-row items-center gap-1 ml-1",children:[e.jsx("span",{className:"text-white text-[18px] leading-[18px]",children:"•"}),e.jsx("span",{className:"text-white text-xs font-medium leading-[18px] font-inter",children:"Table:"})]}),e.jsxs("div",{className:"flex flex-col px-1 py-0.5 bg-neutral-700 ml-2 rounded-sm gap-0",children:[e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-[18px] font-inter whitespace-nowrap",children:"| Header 1 | Header 2 | Header 3 |"}),e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-[18px] font-inter whitespace-nowrap",children:"| :--- | :---: | ---: |"}),e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-[18px] font-inter whitespace-nowrap",children:"| Left | Center | Right |"})]})]})]})})]}),children:e.jsx(V.Typography,{className:"mb-2 text-xs font-medium text-primary-700 inline-flex items-center gap-1 cursor-pointer",children:"Formatting help ?"})})]}),e.jsxs("div",{className:y("flex flex-col border shadow-[0px_1px_2px_rgba(0,0,0,0.05)] rounded-lg bg-white dark:bg-black-700 w-full",S?"border-red-300 focus-within:border-red-500 focus-within:shadow-[0_0_0_1.5px_var(--color-red-200)]":"border-[#EAECF0] dark:border-black-600 focus-within:border-primary-600 dark:focus-within:border-primary-400 focus-within:shadow-[0_0_0_1.5px_var(--color-primary-100)] dark:focus-within:shadow-[0_0_0_1.5px_var(--color-primary-950)]"),children:[e.jsxs("div",{className:y("flex flex-row justify-between items-center px-3 py-2 gap-2 h-11 rounded-t-lg bg-[#F9FAFB] dark:bg-black-600 border-b border-[#EAECF0] dark:border-black-600"),children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(h,{id:`${a}-bold`,type:"button",onClick:()=>x("**","**","bold text"),disabled:i||c==="preview",className:"!p-0.5 !min-w-0 !h-auto !rounded-md hover:!bg-neutral-200 dark:hover:!bg-black-500 hover:!scale-110 !transition-all !duration-200",appearance:"ghost",status:"no-background",title:"Bold (Ctrl+B)",children:e.jsx(m.FormatBold,{sx:{fontSize:20,color:"#667085"},className:"dark:text-neutral-400"})}),e.jsx(h,{id:`${a}-italic`,type:"button",onClick:()=>x("*","*","italic text"),disabled:i||c==="preview",className:"!p-0.5 !min-w-0 !h-auto !rounded-md hover:!bg-neutral-200 dark:hover:!bg-black-500 hover:!scale-110 !transition-all !duration-200",appearance:"ghost",status:"no-background",title:"Italic (Ctrl+I)",children:e.jsx(m.FormatItalic,{sx:{fontSize:20,color:"#667085"},className:"dark:text-neutral-400"})}),e.jsx(h,{id:`${a}-underline`,type:"button",onClick:()=>x("<u>","</u>","underlined text"),disabled:i||c==="preview",className:"!p-0.5 !min-w-0 !h-auto !rounded-md hover:!bg-neutral-200 dark:hover:!bg-black-500 hover:!scale-110 !transition-all !duration-200",appearance:"ghost",status:"no-background",title:"Underline (Ctrl+U)",children:e.jsx(m.FormatUnderlined,{sx:{fontSize:20,color:"#667085"},className:"dark:text-neutral-400"})}),e.jsx("div",{className:"w-px h-5 bg-[#EAECF0] dark:bg-black-500 rounded-full"}),e.jsx(h,{id:`${a}-numbered-list`,type:"button",onClick:()=>B("1. "),disabled:i||c==="preview",className:"!p-0.5 !min-w-0 !h-auto !rounded-md hover:!bg-neutral-200 dark:hover:!bg-black-500 hover:!scale-110 !transition-all !duration-200",appearance:"ghost",status:"no-background",title:"Numbered List",children:e.jsx(m.FormatListNumbered,{sx:{fontSize:20,color:"#667085"},className:"dark:text-neutral-400"})}),e.jsx(h,{id:`${a}-bullet-list`,type:"button",onClick:()=>B("- "),disabled:i||c==="preview",className:"!p-0.5 !min-w-0 !h-auto !rounded-md hover:!bg-neutral-200 dark:hover:!bg-black-500 hover:!scale-110 !transition-all !duration-200",appearance:"ghost",status:"no-background",title:"Bullet List",children:e.jsx(m.FormatListBulleted,{sx:{fontSize:20,color:"#667085"},className:"dark:text-neutral-400"})})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[f&&e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"text-sm font-medium text-[#475467] dark:text-neutral-400",children:[le,"/",f]}),e.jsx("div",{className:"w-px h-6 bg-[#EAECF0] dark:bg-black-500 rounded-full"})]}),te?e.jsx(h,{id:`${a}-expand`,type:"button",onClick:()=>P(!0),disabled:i,className:"!p-0.5 !min-w-0 !h-auto ml-1 !rounded-md hover:!bg-neutral-200 dark:hover:!bg-black-500 hover:!scale-110 !transition-all !duration-200",appearance:"ghost",status:"no-background",title:"Expand Preview",children:e.jsx(m.OpenInFull,{sx:{fontSize:16,color:"#667085"},className:"dark:text-neutral-400"})}):e.jsx(oe.Tabs,{variant:"switch",tabs:ue,activeTab:c,onTabClick:t=>ae(t),height:"h-5",iconsOnly:!0,tabIcons:{edit:e.jsx(m.Edit,{sx:{fontSize:16,color:"#667085"},className:"dark:text-neutral-400"}),preview:e.jsx(m.VisibilityOutlined,{sx:{fontSize:16,color:"#667085"},className:"dark:text-neutral-400"})},className:"rounded-lg"})]})]}),e.jsx("div",{className:"px-3 py-2 relative",children:c==="edit"?e.jsxs(e.Fragment,{children:[e.jsx("textarea",{ref:t=>{typeof u=="function"?u(t):u&&(u.current=t),k.current=t,z&&(z.current=t)},id:a,value:n,defaultValue:D,onChange:t=>{const r=t.target.value;(!f||r.length<=f)&&w(r)},onKeyDown:ie,placeholder:G,rows:xe,disabled:i,required:R,maxLength:f,className:y("w-full bg-transparent !focus:ring-0 !focus:border-none","font-inter font-medium text-sm leading-5","text-[#101828] dark:text-neutral-100","placeholder:text-neutral-400 dark:placeholder:text-neutral-500","focus:outline-none resize-none","scrollbar-none","[&::-webkit-scrollbar]:hidden","[-ms-overflow-style:none]","[scrollbar-width:none]",{"text-neutral-400 dark:text-neutral-500 cursor-not-allowed":i},{"pr-20":_||b},Y)}),(_||b)&&c==="edit"&&e.jsxs("div",{className:"absolute right-1 top-2 flex items-center gap-1",children:[_&&n&&e.jsx("button",{id:`btn-input-field-clear-${g}`,className:"absolute inset-y-0 flex items-center cursor-pointer top-2 right-1 focus:outline-none",onClick:ce,type:"button",children:e.jsx(pe,{className:"text-neutral-300 dark:text-black-500 hover:text-neutral-400 dark:hover:text-black-400 transition-colors",size:16})}),b&&e.jsx("div",{className:"flex items-center",children:b})]})]}):e.jsx("div",{className:"w-full min-h-[92px] max-h-[400px] overflow-y-auto",children:e.jsx(K.MarkdownPreview,{content:n,linkTarget:T,className:M,noIndent:$,showMinimalPreview:L,acceptAdvanceContent:N})})})]}),e.jsx(de.Modal,{open:re,onCancel:()=>P(!1),title:"Markdown Preview",width:900,footer:null,children:e.jsx("div",{className:"max-h-[calc(100vh-200px)] overflow-y-auto p-4",children:e.jsx(K.MarkdownPreview,{content:n,linkTarget:T,className:M,noIndent:$,showMinimalPreview:L,acceptAdvanceContent:N})})}),e.jsx(U.AnimatePresence,{children:S&&e.jsx(U.motion.div,{initial:{opacity:0,y:-10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},children:e.jsx(V.Typography,{className:"mt-1 text-error-500",appearance:"custom",size:"extra-small",variant:"medium",children:S})})})]});return E?e.jsx(H,{title:E,children:O}):O});W.displayName="RichMarkdownInput";exports.RichMarkdownInput=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("../../../_virtual/index.cjs.js"),F=require("react"),m=require("@mui/icons-material"),oe=require("../../data-display/modal/Modal.cjs.js"),f=require("../../button/Button.cjs.js"),xe=require("../../navigation/tabs/Tabs.cjs.js"),K=require("./MarkdownPreview.cjs.js"),H=require("../../tooltip/Tooltip.cjs.js"),U=require("framer-motion"),V=require("../../data-display/typography/Typography.cjs.js"),me=require("../shared/InputLabel.cjs.js"),ue=["edit","preview"],he=({className:g,size:n=16})=>e.jsxs("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:g,children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),W=F.forwardRef(({id:g,value:n="",defaultValue:D,onChange:w,placeholder:G="Enter markdown content...",minRows:J=4,maxRows:Q=20,isDisabled:i=!1,className:X,textareaClassName:Y,previewClassName:M,label:C,labelClassName:Z,isRequiredConditional:ee,required:R=!1,showPreviewOnModal:te=!1,maxLength:p,linkTarget:T="_blank",errorMessage:S,tooltip:E,originalCase:I,suffixIcon:b,isClearable:_,inputref:z,showFormattingHelp:se=!0,onKeyDown:ne,noIndent:$=!1,showMinimalPreview:L=!1,acceptAdvanceContent:N=!0},u)=>{const[c,ae]=F.useState("edit"),[re,P]=F.useState(!1),k=F.useRef(null),a=g||`rich-md-input-${Math.random().toString(36).slice(2,11)}`,le=n.length,d=(t,r="",j="")=>{const o=u?.current||k.current;if(!o)return;const l=o.selectionStart,x=o.selectionEnd,h=n.substring(l,x),v=h||j,q=n.substring(0,l)+t+v+r+n.substring(x);w(q),setTimeout(()=>{const s=l+t.length+(h?h.length:0);o.focus(),o.setSelectionRange(s,s+(h?0:j.length))},0)},B=t=>{const r=u?.current||k.current;if(!r)return;const j=r.selectionStart,o=r.selectionEnd,l=n.split(`
+`);let x=0,h=0,v=0;for(let s=0;s<l.length;s++){if(x<=j&&j<=x+l[s].length+1&&(h=s),x<=o&&o<=x+l[s].length+1){v=s;break}x+=l[s].length+1}const q=l.map((s,A)=>A>=h&&A<=v?s.trim()===""?s:t==="- "&&s.trim().startsWith("- ")?s.replace(/^\s*-\s+/,""):t.match(/^\d+\.\s/)&&s.trim().match(/^\d+\.\s/)?s.replace(/^\s*\d+\.\s+/,""):t+s.trim():s);w(q.join(`
+`)),setTimeout(()=>{r.focus()},0)},ie=t=>{if(ne?.(t),t.metaKey||t.ctrlKey)switch(t.key.toLowerCase()){case"b":t.preventDefault(),d("**","**","bold text");break;case"i":t.preventDefault(),d("*","*","italic text");break;case"u":t.preventDefault(),d("<u>","</u>","underlined text");break;case"k":t.preventDefault(),d("[","](url)","link text");break;case"e":t.preventDefault(),d("```","```","code");break}},ce=()=>{w(""),(u?.current||k.current)?.focus()},de=(()=>{const t=(n.match(/\n/g)||[]).length+1;return Math.min(Q,Math.max(J,t))})(),O=e.jsxs("div",{className:y("flex flex-col",X),children:[e.jsxs("div",{className:`flex flex-row items-center ${C?"justify-between":"justify-end"} w-full`,children:[C&&e.jsx("label",{id:a,htmlFor:a,className:`mb-1 text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${I?"":"capitalize"} ${Z||"!uppercse"}`,children:e.jsx("div",{className:"flex flex-wrap items-center justify-between w-full",children:e.jsx("div",{className:"inline-flex flex-wrap items-center gap-1",children:e.jsx(me.InputLabel,{label:C||"",required:R||!1,isRequiredConditional:ee||!1})})})}),se&&e.jsx(H,{placement:"bottom-end",title:e.jsxs("div",{className:"flex flex-col items-start justify-center py-2 px-3 min-w-[220px] gap-2 bg-neutral-900 rounded-lg",children:[e.jsxs("div",{className:"flex flex-col items-start justify-start gap-1 w-full",children:[e.jsxs("div",{className:"flex flex-row items-start gap-1 ml-1",children:[e.jsx("span",{className:"text-white text-[18px] leading-4",children:"•"}),e.jsx("div",{className:"flex flex-row justify-center items-center px-[3px] bg-neutral-700 rounded-sm",children:e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-4 font-inter",children:"**bold**"})}),e.jsxs("span",{className:"text-white text-xs font-medium leading-4 font-inter",children:["→ ",e.jsx("strong",{children:"bold"})," text"]})]}),e.jsxs("div",{className:"flex flex-row items-start gap-1 ml-1",children:[e.jsx("span",{className:"text-white text-[18px] leading-4",children:"•"}),e.jsx("div",{className:"flex flex-row justify-center items-center px-[3px] bg-neutral-700 rounded-sm",children:e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-4 font-inter",children:"*italic*"})}),e.jsxs("span",{className:"text-white text-xs font-medium leading-4 font-inter",children:["→ ",e.jsx("em",{children:"italic"})," text"]})]}),e.jsxs("div",{className:"flex flex-row items-start gap-1 ml-1",children:[e.jsx("span",{className:"text-white text-[18px] leading-4",children:"•"}),e.jsx("div",{className:"flex flex-row justify-center items-center px-[3px] bg-neutral-700 rounded-sm",children:e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-4 font-inter",children:"`code`"})}),e.jsxs("span",{className:"text-white text-xs font-medium leading-4 font-inter",children:["→ ",e.jsx("code",{children:"inline code"})]})]}),e.jsxs("div",{className:"flex flex-row items-start gap-1 ml-1",children:[e.jsx("span",{className:"text-white text-[18px] leading-4",children:"•"}),e.jsx("div",{className:"flex flex-row justify-center items-center px-[3px] bg-neutral-700 rounded-sm",children:e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-4 font-inter",children:"<u>text</u>"})}),e.jsxs("span",{className:"text-white text-xs font-medium leading-4 font-inter",children:["→ ",e.jsx("u",{children:"underline"})]})]}),e.jsxs("div",{className:"flex flex-row items-start gap-1 ml-1",children:[e.jsx("span",{className:"text-white text-[18px] leading-4",children:"•"}),e.jsx("div",{className:"flex flex-row justify-center items-center px-[3px] bg-neutral-700 rounded-sm",children:e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-4 font-inter",children:"~~strike~~"})}),e.jsxs("span",{className:"text-white text-xs font-medium leading-4 font-inter",children:["→ ",e.jsx("del",{children:"strike"})]})]}),e.jsxs("div",{className:"flex flex-row items-start gap-1 ml-1",children:[e.jsx("span",{className:"text-white text-[18px] leading-4",children:"•"}),e.jsx("div",{className:"flex flex-row justify-center items-center px-[3px] bg-neutral-700 rounded-sm",children:e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-4 font-inter",children:"- item"})}),e.jsx("span",{className:"text-white text-xs font-medium leading-4 font-inter",children:"→ bullet list"})]}),e.jsxs("div",{className:"flex flex-row items-start gap-1 ml-1",children:[e.jsx("span",{className:"text-white text-[18px] leading-4",children:"•"}),e.jsx("div",{className:"flex flex-row justify-center items-center px-[3px] bg-neutral-700 rounded-sm",children:e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-4 font-inter",children:"1. item"})}),e.jsx("span",{className:"text-white text-xs font-medium leading-4 font-inter",children:"→ numbered list"})]}),N&&e.jsxs("div",{className:"flex flex-row items-start gap-1 ml-1",children:[e.jsx("span",{className:"text-white text-[18px] leading-4",children:"•"}),e.jsx("div",{className:"flex flex-row justify-center items-center px-[3px] bg-neutral-700 rounded-sm",children:e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-4 font-inter",children:"## heading"})}),e.jsx("span",{className:"text-white text-xs font-medium leading-4 font-inter",children:"→ heading 2"})]}),e.jsxs("div",{className:"flex flex-row items-start gap-1 ml-1",children:[e.jsx("span",{className:"text-white text-[18px] leading-4",children:"•"}),e.jsx("div",{className:"flex flex-row justify-center items-center px-[3px] bg-neutral-700 rounded-sm",children:e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-4 font-inter",children:"[link](url)"})}),e.jsx("span",{className:"text-white text-xs font-medium leading-4 font-inter",children:"→ hyperlink"})]})]}),N&&e.jsx(e.Fragment,{children:e.jsxs("div",{className:"flex flex-col items-start justify-start gap-1 w-full",children:[e.jsxs("div",{className:"flex flex-row items-start gap-1 ml-1",children:[e.jsx("span",{className:"text-white text-[18px] leading-4",children:"•"}),e.jsx("div",{className:"flex flex-row justify-center items-center px-[3px] bg-neutral-700 rounded-sm",children:e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-4 font-inter",children:"> quote"})}),e.jsx("span",{className:"text-white text-xs font-medium leading-4 font-inter",children:"→ blockquote"})]}),e.jsxs("div",{className:"flex flex-col items-start justify-start gap-0.5 w-full mt-0.5",children:[e.jsxs("div",{className:"flex flex-row items-center gap-1 ml-1",children:[e.jsx("span",{className:"text-white text-[18px] leading-4",children:"•"}),e.jsx("span",{className:"text-white text-xs font-medium leading-4 font-inter",children:"Table:"})]}),e.jsxs("div",{className:"flex flex-col px-1 py-0.5 bg-neutral-700 ml-2 rounded-sm gap-0",children:[e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-4 font-inter whitespace-nowrap",children:"| Header 1 | Header 2 | Header 3 |"}),e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-4 font-inter whitespace-nowrap",children:"| :--- | :---: | ---: |"}),e.jsx("span",{className:"text-neutral-300 text-xs font-medium leading-4 font-inter whitespace-nowrap",children:"| Left | Center | Right |"})]})]})]})})]}),children:e.jsx(V.Typography,{className:"mb-2 text-xs font-medium text-primary-700 inline-flex items-center gap-1 cursor-pointer",children:"Formatting help ?"})})]}),e.jsxs("div",{className:y("flex flex-col border shadow-[0px_1px_2px_rgba(0,0,0,0.05)] rounded-lg bg-white dark:bg-black-700 w-full",S?"border-red-300 focus-within:border-red-500 focus-within:shadow-[0_0_0_1.5px_var(--color-red-200)]":"border-[#EAECF0] dark:border-black-600 focus-within:border-primary-600 dark:focus-within:border-primary-400 focus-within:shadow-[0_0_0_1.5px_var(--color-primary-100)] dark:focus-within:shadow-[0_0_0_1.5px_var(--color-primary-950)]"),children:[e.jsxs("div",{className:y("flex flex-row justify-between items-center px-3 py-2 gap-2 h-11 rounded-t-lg bg-[#F9FAFB] dark:bg-black-600 border-b border-[#EAECF0] dark:border-black-600"),children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(f,{id:`${a}-bold`,type:"button",onClick:()=>d("**","**","bold text"),disabled:i||c==="preview",className:"!p-0.5 !min-w-0 !h-auto !rounded-md hover:!bg-neutral-200 dark:hover:!bg-black-500 hover:!scale-110 !transition-all !duration-200",appearance:"ghost",status:"no-background",title:"Bold (Ctrl+B)",children:e.jsx(m.FormatBold,{sx:{fontSize:20,color:"#667085"},className:"dark:text-neutral-400"})}),e.jsx(f,{id:`${a}-italic`,type:"button",onClick:()=>d("*","*","italic text"),disabled:i||c==="preview",className:"!p-0.5 !min-w-0 !h-auto !rounded-md hover:!bg-neutral-200 dark:hover:!bg-black-500 hover:!scale-110 !transition-all !duration-200",appearance:"ghost",status:"no-background",title:"Italic (Ctrl+I)",children:e.jsx(m.FormatItalic,{sx:{fontSize:20,color:"#667085"},className:"dark:text-neutral-400"})}),e.jsx(f,{id:`${a}-underline`,type:"button",onClick:()=>d("<u>","</u>","underlined text"),disabled:i||c==="preview",className:"!p-0.5 !min-w-0 !h-auto !rounded-md hover:!bg-neutral-200 dark:hover:!bg-black-500 hover:!scale-110 !transition-all !duration-200",appearance:"ghost",status:"no-background",title:"Underline (Ctrl+U)",children:e.jsx(m.FormatUnderlined,{sx:{fontSize:20,color:"#667085"},className:"dark:text-neutral-400"})}),e.jsx("div",{className:"w-px h-5 bg-[#EAECF0] dark:bg-black-500 rounded-full"}),e.jsx(f,{id:`${a}-numbered-list`,type:"button",onClick:()=>B("1. "),disabled:i||c==="preview",className:"!p-0.5 !min-w-0 !h-auto !rounded-md hover:!bg-neutral-200 dark:hover:!bg-black-500 hover:!scale-110 !transition-all !duration-200",appearance:"ghost",status:"no-background",title:"Numbered List",children:e.jsx(m.FormatListNumbered,{sx:{fontSize:20,color:"#667085"},className:"dark:text-neutral-400"})}),e.jsx(f,{id:`${a}-bullet-list`,type:"button",onClick:()=>B("- "),disabled:i||c==="preview",className:"!p-0.5 !min-w-0 !h-auto !rounded-md hover:!bg-neutral-200 dark:hover:!bg-black-500 hover:!scale-110 !transition-all !duration-200",appearance:"ghost",status:"no-background",title:"Bullet List",children:e.jsx(m.FormatListBulleted,{sx:{fontSize:20,color:"#667085"},className:"dark:text-neutral-400"})})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[p&&e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"text-sm font-medium text-[#475467] dark:text-neutral-400",children:[le,"/",p]}),e.jsx("div",{className:"w-px h-6 bg-[#EAECF0] dark:bg-black-500 rounded-full"})]}),te?e.jsx(f,{id:`${a}-expand`,type:"button",onClick:()=>P(!0),disabled:i,className:"!p-0.5 !min-w-0 !h-auto ml-1 !rounded-md hover:!bg-neutral-200 dark:hover:!bg-black-500 hover:!scale-110 !transition-all !duration-200",appearance:"ghost",status:"no-background",title:"Expand Preview",children:e.jsx(m.OpenInFull,{sx:{fontSize:16,color:"#667085"},className:"dark:text-neutral-400"})}):e.jsx(xe.Tabs,{variant:"switch",tabs:ue,activeTab:c,onTabClick:t=>ae(t),height:"h-5",iconsOnly:!0,tabIcons:{edit:e.jsx(m.Edit,{sx:{fontSize:16,color:"#667085"},className:"dark:text-neutral-400"}),preview:e.jsx(m.VisibilityOutlined,{sx:{fontSize:16,color:"#667085"},className:"dark:text-neutral-400"})},className:"rounded-lg"})]})]}),e.jsx("div",{className:"px-3 py-2 relative",children:c==="edit"?e.jsxs(e.Fragment,{children:[e.jsx("textarea",{ref:t=>{typeof u=="function"?u(t):u&&(u.current=t),k.current=t,z&&(z.current=t)},id:a,value:n,defaultValue:D,onChange:t=>{const r=t.target.value;(!p||r.length<=p)&&w(r)},onKeyDown:ie,placeholder:G,rows:de,disabled:i,required:R,maxLength:p,className:y("w-full bg-transparent !focus:ring-0 !focus:border-none","font-inter font-medium text-sm leading-5","text-[#101828] dark:text-neutral-100","placeholder:text-neutral-400 dark:placeholder:text-neutral-500","focus:outline-none resize-none","scrollbar-none","[&::-webkit-scrollbar]:hidden","[-ms-overflow-style:none]","[scrollbar-width:none]",{"text-neutral-400 dark:text-neutral-500 cursor-not-allowed":i},{"pr-20":_||b},Y)}),(_||b)&&c==="edit"&&e.jsxs("div",{className:"absolute right-1 top-2 flex items-center gap-1",children:[_&&n&&e.jsx("button",{id:`btn-input-field-clear-${g}`,className:"absolute inset-y-0 flex items-center cursor-pointer top-2 right-1 focus:outline-none",onClick:ce,type:"button",children:e.jsx(he,{className:"text-neutral-300 dark:text-black-500 hover:text-neutral-400 dark:hover:text-black-400 transition-colors",size:16})}),b&&e.jsx("div",{className:"flex items-center",children:b})]})]}):e.jsx("div",{className:"w-full min-h-[92px] max-h-[400px] overflow-y-auto",children:e.jsx(K.MarkdownPreview,{content:n,linkTarget:T,className:M,noIndent:$,showMinimalPreview:L,acceptAdvanceContent:N})})})]}),e.jsx(oe.Modal,{open:re,onCancel:()=>P(!1),title:"Markdown Preview",width:900,footer:null,children:e.jsx("div",{className:"max-h-[calc(100vh-200px)] overflow-y-auto p-4",children:e.jsx(K.MarkdownPreview,{content:n,linkTarget:T,className:M,noIndent:$,showMinimalPreview:L,acceptAdvanceContent:N})})}),e.jsx(U.AnimatePresence,{children:S&&e.jsx(U.motion.div,{initial:{opacity:0,y:-10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},children:e.jsx(V.Typography,{className:"mt-1 text-error-500",appearance:"custom",size:"extra-small",variant:"medium",children:S})})})]});return E?e.jsx(H,{title:E,children:O}):O});W.displayName="RichMarkdownInput";exports.RichMarkdownInput=W;
 //# sourceMappingURL=RichMarkdownInput.cjs.js.map