{"version":3,"file":"BaseInput-CpdYP-fU.js","sources":["../../../resources/js/Components/Form/BaseInput.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useContext } from \"react\";\nimport { useField } from \"formik\";\nimport { ExclamationCircleIcon } from \"@heroicons/react/24/solid\";\nimport { FormSpecialContext } from \"./Form\";\n\nimport { AgGridContext } from \"@/Components/AgGrid/AgGridContext\";\nimport { InvalidFieldClassName } from \"@/Components/Form/FormConstants.ts\";\n\ntype Props = {\n    id?: string;\n    name: string;\n    showValid?: boolean;\n    label: string;\n    help?: ReactNode;\n    mb?: string;\n    leftText?: string;\n    leftSelect?: null;\n    rightButton?: ReactNode;\n    startIcon?: ReactNode;\n    endIcon?: ReactNode;\n    cornerHint?: string;\n    inputClassName?: string;\n    input: ReactNode;\n    maxLength?: number;\n    shadow?: boolean;\n    /** Whether to show or hide the error icon inside the input or on the label */\n    showErrorIconOnLabel?: boolean;\n};\n\nconst BaseInput: React.FC<Props> = ({\n    label,\n    help,\n    mb,\n    leftText,\n    leftSelect,\n    rightButton,\n    // rightText,\n    startIcon,\n    endIcon,\n    cornerHint,\n    inputClassName = \"\",\n    input,\n    maxLength,\n    shadow = true,\n    showErrorIconOnLabel = false,\n    ...props\n}) => {\n    const [field, meta] = useField(props);\n    const formSpecialContext = useContext(FormSpecialContext);\n    const gridContext = useContext(AgGridContext);\n    const marginBotton =\n        mb || formSpecialContext.removeDefaultInputMargin || gridContext\n            ? \"\"\n            : \"mb-6\";\n    const isInvalid = meta.touched && meta.error;\n    const controlId =\n        (formSpecialContext.formName ? formSpecialContext.formName + \"_\" : \"\") +\n        (props.id || props.name);\n\n    const textColour = isInvalid ? \"text-red-600\" : \"text-gray-500\";\n\n    return (\n        <>\n            <div className={marginBotton}>\n                <div className=\"flex gap-2\">\n                    <label\n                        htmlFor={controlId}\n                        className=\"block text-sm font-medium text-gray-700\"\n                    >\n                        {label}\n                    </label>\n                    {showErrorIconOnLabel && isInvalid && (\n                        <div className=\"shrink\">\n                            <ExclamationCircleIcon\n                                className=\"h-5 w-5 text-sm text-red-500\"\n                                aria-hidden=\"true\"\n                            />\n                        </div>\n                    )}\n                    {cornerHint && (\n                        <span className=\"text-sm text-gray-500\">\n                            {cornerHint}\n                        </span>\n                    )}\n                </div>\n\n                <div\n                    className={`relative flex rounded-md ${label ? \"mt-1\" : \"\"} ${\n                        shadow ? \"shadow-xs\" : \"\"\n                    } focus-within:z-10 ${inputClassName} ${isInvalid ? InvalidFieldClassName : \"\"}`}\n                >\n                    {leftText && !leftSelect && (\n                        <span className=\"inline-flex items-center rounded-l-md border border-r-0 border-gray-300 bg-gray-50 px-3 text-sm text-gray-500\">\n                            {leftText}\n                        </span>\n                    )}\n                    {leftSelect && !leftText && (\n                        <div className=\"absolute inset-y-0 left-0 flex items-center\">\n                            {leftSelect}\n                        </div>\n                    )}\n                    {startIcon && (\n                        <div className=\"pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3\">\n                            startIcon\n                        </div>\n                    )}\n                    {input}\n                    {endIcon && (\n                        <div className=\"pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3\">\n                            endIcon\n                        </div>\n                    )}\n                    {!showErrorIconOnLabel && isInvalid && (\n                        <div className=\"pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3\">\n                            <ExclamationCircleIcon\n                                className=\"h-5 w-5 text-red-500\"\n                                aria-hidden=\"true\"\n                            />\n                        </div>\n                    )}\n                    {rightButton}\n                </div>\n\n                <div className=\"flex justify-between\">\n                    <div>\n                        {isInvalid && (\n                            <p className=\"mt-2 text-sm text-red-600\">\n                                {meta.error}\n                            </p>\n                        )}\n\n                        {help && (\n                            <p className=\"mt-2 text-sm text-gray-500\">{help}</p>\n                        )}\n                    </div>\n\n                    {maxLength && (\n                        <p className={`mt-2 text-sm ${textColour}`}>\n                            {field.value?.length ?? 0}/{maxLength}\n                        </p>\n                    )}\n                </div>\n            </div>\n        </>\n    );\n};\n\nexport default BaseInput;\n"],"names":["BaseInput","label","help","mb","leftText","leftSelect","rightButton","startIcon","endIcon","cornerHint","inputClassName","input","maxLength","shadow","showErrorIconOnLabel","props","field","meta","useField","formSpecialContext","useContext","FormSpecialContext","gridContext","AgGridContext","marginBotton","isInvalid","controlId","textColour","jsx","Fragment","jsxs","ExclamationCircleIcon","InvalidFieldClassName","_a"],"mappings":"4OA8BA,MAAMA,EAA6B,CAAC,CAChC,MAAAC,EACA,KAAAC,EACA,GAAAC,EACA,SAAAC,EACA,WAAAC,EACA,YAAAC,EAEA,UAAAC,EACA,QAAAC,EACA,WAAAC,EACA,eAAAC,EAAiB,GACjB,MAAAC,EACA,UAAAC,EACA,OAAAC,EAAS,GACT,qBAAAC,EAAuB,GACvB,GAAGC,CACP,IAAM,OACF,KAAM,CAACC,EAAOC,CAAI,EAAIC,EAASH,CAAK,EAC9BI,EAAqBC,aAAWC,CAAkB,EAClDC,EAAcF,aAAWG,CAAa,EACtCC,EACFrB,GAAMgB,EAAmB,0BAA4BG,EAC/C,GACA,OACJG,EAAYR,EAAK,SAAWA,EAAK,MACjCS,GACDP,EAAmB,SAAWA,EAAmB,SAAW,IAAM,KAClEJ,EAAM,IAAMA,EAAM,MAEjBY,EAAaF,EAAY,eAAiB,gBAEhD,OAEQG,EAAA,IAAAC,WAAA,CAAA,SAAAC,EAAAA,KAAC,MAAI,CAAA,UAAWN,EACZ,SAAA,CAACM,EAAAA,KAAA,MAAA,CAAI,UAAU,aACX,SAAA,CAAAF,EAAA,IAAC,QAAA,CACG,QAASF,EACT,UAAU,0CAET,SAAAzB,CAAA,CACL,EACCa,GAAwBW,GACpBG,MAAA,MAAA,CAAI,UAAU,SACX,SAAAA,EAAA,IAACG,EAAA,CACG,UAAU,+BACV,cAAY,MAAA,CAAA,EAEpB,EAEHtB,GACGmB,EAAA,IAAC,OAAK,CAAA,UAAU,wBACX,SACLnB,CAAA,CAAA,CAAA,EAER,EAEAqB,EAAA,KAAC,MAAA,CACG,UAAW,4BAA4B7B,EAAQ,OAAS,EAAE,IACtDY,EAAS,YAAc,EAC3B,sBAAsBH,CAAc,IAAIe,EAAYO,EAAwB,EAAE,GAE7E,SAAA,CAAA5B,GAAY,CAACC,GACVuB,EAAAA,IAAC,OAAK,CAAA,UAAU,gHACX,SACLxB,EAAA,EAEHC,GAAc,CAACD,SACX,MAAI,CAAA,UAAU,8CACV,SACLC,EAAA,EAEHE,GACGqB,EAAA,IAAC,MAAI,CAAA,UAAU,uEAAuE,SAEtF,YAAA,EAEHjB,EACAH,GACGoB,EAAA,IAAC,MAAI,CAAA,UAAU,uEAAuE,SAEtF,UAAA,EAEH,CAACd,GAAwBW,GACrBG,MAAA,MAAA,CAAI,UAAU,wEACX,SAAAA,EAAA,IAACG,EAAA,CACG,UAAU,uBACV,cAAY,MAAA,CAAA,EAEpB,EAEHzB,CAAA,CAAA,CACL,EAEAwB,EAAAA,KAAC,MAAI,CAAA,UAAU,uBACX,SAAA,CAAAA,OAAC,MACI,CAAA,SAAA,CAAAL,GACIG,EAAAA,IAAA,IAAA,CAAE,UAAU,4BACR,WAAK,MACV,EAGH1B,GACG0B,EAAA,IAAC,IAAE,CAAA,UAAU,6BAA8B,SAAK1B,CAAA,CAAA,CAAA,EAExD,EAECU,GACIkB,EAAAA,KAAA,IAAA,CAAE,UAAW,gBAAgBH,CAAU,GACnC,SAAA,GAAAM,EAAAjB,EAAM,QAAN,YAAAiB,EAAa,SAAU,EAAE,IAAErB,CAAA,CAChC,CAAA,CAAA,CAER,CAAA,CAAA,CAAA,CACJ,CACJ,CAAA,CAER"}