{"version":3,"file":"index.CRooYBmE.js","sources":["../../../../../../../node_modules/@babylon/ui-kit-forms/esm/components/inputs/toggle/index.mjs"],"sourcesContent":["import { jsxs, Fragment, jsx } from 'react/jsx-runtime';\nimport ErrorTooltip from '../../others/error-tooltip/index.mjs';\nimport { useInput } from '../../../hooks/useInput/index.mjs';\nimport { forwardRef, useRef, useState, useId, useEffect, useCallback } from 'react';\nimport { ToggleWrapper, ToggleLabel, ToggleInputWrapper, ToggleInput, ToggleInputLabel, InputInner, CheckboxLabel, ToogleSpan } from './styled.mjs';\n\nconst Toggle = /*#__PURE__*/ forwardRef(({ label, id = null, name, value, checked: initialChecked = false, disabled = false, className, error, hasError, onChange, onBlur, ...rest }, ref)=>{\n    const wrapperRef = useRef(null);\n    const [checked, setChecked] = useState(value ?? initialChecked);\n    const uniqueId = useId();\n    useEffect(()=>{\n        setChecked(value ?? initialChecked);\n    }, [\n        initialChecked,\n        value\n    ]);\n    const handleChange = useCallback((e)=>{\n        setChecked(e.target.checked);\n        if (onChange) onChange(e.target.checked);\n    }, [\n        onChange\n    ]);\n    return /*#__PURE__*/ jsxs(Fragment, {\n        children: [\n            /*#__PURE__*/ jsxs(ToggleWrapper, {\n                ref: wrapperRef,\n                className: className,\n                children: [\n                    /*#__PURE__*/ jsx(ToggleLabel, {\n                        $hasError: hasError,\n                        htmlFor: id ?? uniqueId,\n                        children: label\n                    }),\n                    /*#__PURE__*/ jsxs(ToggleInputWrapper, {\n                        children: [\n                            /*#__PURE__*/ jsx(ToggleInput, {\n                                ref: ref,\n                                type: \"checkbox\",\n                                id: id ?? uniqueId,\n                                name: name,\n                                checked: checked,\n                                disabled: disabled,\n                                \"data-testid\": \"Toggle\",\n                                onChange: handleChange,\n                                onBlur: onBlur,\n                                ...rest\n                            }),\n                            /*#__PURE__*/ jsxs(ToggleInputLabel, {\n                                checked: checked,\n                                htmlFor: id ?? uniqueId,\n                                children: [\n                                    /*#__PURE__*/ jsx(InputInner, {\n                                        $yes: rest?.literals?.yes ?? '',\n                                        $no: rest?.literals?.no ?? ''\n                                    }),\n                                    /*#__PURE__*/ jsx(CheckboxLabel, {\n                                        children: /*#__PURE__*/ jsx(ToogleSpan, {})\n                                    })\n                                ]\n                            })\n                        ]\n                    })\n                ]\n            }),\n            /*#__PURE__*/ jsx(ErrorTooltip, {\n                referenceElement: wrapperRef.current,\n                error: error,\n                isVisible: !!hasError\n            })\n        ]\n    });\n});\nToggle.displayName = 'Toggle';\nconst FormToggle = (props)=>{\n    const { isHiddenRequired: _isHiddenRequired, ...rest } = props;\n    const { field, error, hasError, label } = useInput({\n        type: 'checkbox',\n        ...props\n    });\n    return /*#__PURE__*/ jsx(Toggle, {\n        ...rest,\n        ...field,\n        error: error,\n        hasError: hasError,\n        label: label\n    });\n};\n\nexport { FormToggle, Toggle as default };\n//# sourceMappingURL=index.mjs.map\n"],"names":["Toggle","forwardRef","label","id","name","value","initialChecked","disabled","className","error","hasError","onChange","onBlur","rest","ref","wrapperRef","useRef","checked","setChecked","useState","uniqueId","useId","useEffect","handleChange","useCallback","e","jsxs","Fragment","ToggleWrapper","jsx","ToggleLabel","ToggleInputWrapper","ToggleInput","ToggleInputLabel","InputInner","_a","_b","CheckboxLabel","ToogleSpan","ErrorTooltip","FormToggle","props","_isHiddenRequired","field","useInput"],"mappings":"oJAMK,MAACA,EAAuBC,EAAAA,WAAW,CAAC,CAAE,MAAAC,EAAO,GAAAC,EAAK,KAAM,KAAAC,EAAM,MAAAC,EAAO,QAASC,EAAiB,GAAO,SAAAC,EAAW,GAAO,UAAAC,EAAW,MAAAC,EAAO,SAAAC,EAAU,SAAAC,EAAU,OAAAC,EAAQ,GAAGC,CAAM,EAAEC,IAAM,SACxL,MAAMC,EAAaC,SAAO,IAAI,EACxB,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAASd,GAASC,CAAc,EACxDc,EAAWC,EAAAA,QACjBC,EAAAA,UAAU,IAAI,CACVJ,EAAWb,GAASC,CAAc,CAC1C,EAAO,CACCA,EACAD,CACR,CAAK,EACD,MAAMkB,EAAeC,cAAaC,GAAI,CAClCP,EAAWO,EAAE,OAAO,OAAO,EACvBd,GAAUA,EAASc,EAAE,OAAO,OAAO,CAC/C,EAAO,CACCd,CACR,CAAK,EACD,OAAqBe,EAAAA,KAAKC,EAAAA,SAAU,CAChC,SAAU,CACQD,EAAAA,KAAKE,EAAe,CAC9B,IAAKb,EACL,UAAWP,EACX,SAAU,CACQqB,EAAAA,IAAIC,EAAa,CAC3B,UAAWpB,EACX,QAASP,GAAMiB,EACf,SAAUlB,CAClC,CAAqB,EACawB,EAAAA,KAAKK,EAAoB,CACnC,SAAU,CACQF,EAAAA,IAAIG,EAAa,CAC3B,IAAKlB,EACL,KAAM,WACN,GAAIX,GAAMiB,EACV,KAAMhB,EACN,QAASa,EACT,SAAUV,EACV,cAAe,SACf,SAAUgB,EACV,OAAQX,EACR,GAAGC,CACnC,CAA6B,EACaa,EAAAA,KAAKO,EAAkB,CACjC,QAAShB,EACT,QAASd,GAAMiB,EACf,SAAU,CACQS,EAAAA,IAAIK,EAAY,CAC1B,OAAMC,EAAAtB,GAAA,YAAAA,EAAM,WAAN,YAAAsB,EAAgB,MAAO,GAC7B,MAAKC,EAAAvB,GAAA,YAAAA,EAAM,WAAN,YAAAuB,EAAgB,KAAM,EACnE,CAAqC,EACaP,EAAAA,IAAIQ,EAAe,CAC7B,SAAwBR,EAAAA,IAAIS,EAAY,EAAE,CAClF,CAAqC,CACJ,CACjC,CAA6B,CACJ,CACzB,CAAqB,CACJ,CACjB,CAAa,EACaT,EAAAA,IAAIU,EAAc,CAC5B,iBAAkBxB,EAAW,QAC7B,MAAON,EACP,UAAW,CAAC,CAACC,CAC7B,CAAa,CACJ,CACT,CAAK,CACL,CAAC,EACDV,EAAO,YAAc,SAChB,MAACwC,EAAcC,GAAQ,CACxB,KAAM,CAAE,iBAAkBC,EAAmB,GAAG7B,CAAI,EAAK4B,EACnD,CAAE,MAAAE,EAAO,MAAAlC,EAAO,SAAAC,EAAU,MAAAR,CAAK,EAAK0C,EAAS,CAC/C,KAAM,WACN,GAAGH,CACX,CAAK,EACD,OAAqBZ,EAAAA,IAAI7B,EAAQ,CAC7B,GAAGa,EACH,GAAG8B,EACH,MAAOlC,EACP,SAAUC,EACV,MAAOR,CACf,CAAK,CACL","x_google_ignoreList":[0]}