{"version":3,"sources":["../src/components/ShowPreview.tsx"],"names":["Visibility","VisibilityOff","Fab","Tooltip","React","useSetRecoilState","ShowPreview","props","config","setConfig","useXoraia","setSelectedIndex","USE_SELECTED_INDEX","handleClick","old","isPreviewing","ShowPreview_default"],"mappings":"6EAAA,OAAS,cAAAA,EAAY,iBAAAC,MAAqB,sBAC1C,OAAS,OAAAC,EAAe,WAAAC,MAAe,gBACvC,UAAYC,MAAW,QACvB,OAAS,qBAAAC,MAAyB,SAIlC,IAAMC,EAAmCC,GAAU,CACjD,GAAM,CAACC,EAAQC,CAAS,EAAIC,EAAU,EAChCC,EAAmBN,EAAkBO,CAAkB,EAEvDC,EAAc,IAAM,CACxBJ,EAAWK,IAAS,CAClB,GAAGA,EACH,IAAKA,EAAI,MAAQ,UAAY,UAAY,KAC3C,EAAE,EAEFH,EAAiB,IAAI,CACvB,EAEMI,EAAeP,EAAO,MAAQ,UAEpC,OACE,gBAAO,WAAN,KACC,gBAACL,EAAA,CACC,MACEY,EACI,gCACA,kCAEN,UAAWA,EAAe,MAAQ,UAElC,gBAACb,EAAA,CACC,KAAK,QACJ,GAAGK,EACJ,GAAI,CACF,GAAGA,EAAM,GACT,OAAQ,GACR,KAAM,mBACN,OAAQ,MACR,SAAUQ,EAAe,QAAU,QACrC,EACA,QAASF,GAERE,EAAe,gBAACd,EAAA,IAAc,EAAK,gBAACD,EAAA,IAAW,CAClD,CACF,CACF,CAEJ,EAEOgB,EAAQV","sourcesContent":["import { Visibility, VisibilityOff } from \"@mui/icons-material\";\nimport { Fab, FabProps, Tooltip } from \"@mui/material\";\nimport * as React from \"react\";\nimport { useSetRecoilState } from \"recoil\";\nimport { USE_SELECTED_INDEX } from \"../hooks/useSelectedElement\";\nimport { useXoraia } from \"../hooks/useXoraia\";\n\nconst ShowPreview: React.FC<FabProps> = (props) => {\n  const [config, setConfig] = useXoraia();\n  const setSelectedIndex = useSetRecoilState(USE_SELECTED_INDEX);\n\n  const handleClick = () => {\n    setConfig((old) => ({\n      ...old,\n      env: old.env !== \"preview\" ? \"preview\" : \"dev\",\n    }));\n\n    setSelectedIndex(null);\n  };\n\n  const isPreviewing = config.env === \"preview\";\n\n  return (\n    <React.Fragment>\n      <Tooltip\n        title={\n          isPreviewing\n            ? \"Fermer la Prévisualisation\"\n            : \"Afficher la Prévisualisation\"\n        }\n        placement={isPreviewing ? \"top\" : \"bottom\"}\n      >\n        <Fab\n          size=\"small\"\n          {...props}\n          sx={{\n            ...props.sx,\n            bottom: 20,\n            left: \"calc(50% - 24px)\",\n            zIndex: 10001,\n            position: isPreviewing ? \"fixed\" : \"static\",\n          }}\n          onClick={handleClick}\n        >\n          {isPreviewing ? <VisibilityOff /> : <Visibility />}\n        </Fab>\n      </Tooltip>\n    </React.Fragment>\n  );\n};\n\nexport default ShowPreview;\n"]}