{"version":3,"file":"RefreshButton-D2_2fu_1.js","sources":["../../node_modules/@tabler/icons-react/dist/esm/icons/IconRefresh.mjs","../../src/components/Buttons/RefreshButton.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.22.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nvar IconRefresh = createReactComponent(\"outline\", \"refresh\", \"IconRefresh\", [[\"path\", { \"d\": \"M20 11a8.1 8.1 0 0 0 -15.5 -2m-.5 -4v4h4\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4\", \"key\": \"svg-1\" }]]);\n\nexport { IconRefresh as default };\n//# sourceMappingURL=IconRefresh.mjs.map\n","import { ActionIcon, ActionIconProps, Stack } from '@mantine/core'\nimport { IconRefresh } from '@tabler/icons-react'\nimport React, { useCallback, useState } from 'react'\n\nimport classes from './RefreshButton.module.css'\n\nconst spinning = {\n  animation: 'spin 2s linear infinite',\n  '@keyframes spin': {\n    '0%': {\n      transform: 'rotate(360deg)',\n    },\n    '100%': {\n      transform: 'rotate(0deg)',\n    },\n  },\n}\n\ninterface RefreshButtonProps extends ActionIconProps {\n  refetch?: () => Promise<any>\n  noButton?: boolean\n  loading?: boolean\n}\n\nconst RefreshButton: React.FC<RefreshButtonProps> = ({\n  refetch,\n  noButton = false,\n  loading = false,\n  ...props\n}) => {\n  const [refetching, setRefetching] = useState(false)\n\n  const reload = useCallback(() => {\n    setRefetching(true)\n    if (refetch) refetch().finally(() => setRefetching(false))\n  }, [refetch])\n\n  const styles = refetching ? spinning : {}\n\n  return (\n    <>\n      {noButton ? (\n        <Stack style={loading ? spinning : {}}>\n          <IconRefresh size=\"14pt\" />\n        </Stack>\n      ) : (\n        <ActionIcon\n          onClick={reload}\n          {...props}\n          className={classes.refresh}\n          style={{\n            ...styles,\n          }}\n        >\n          <IconRefresh size=\"14pt\" />\n        </ActionIcon>\n      )}\n    </>\n  )\n}\n\nexport default RefreshButton\n"],"names":["IconRefresh","createReactComponent","spinning","RefreshButton","refetch","noButton","loading","props","refetching","setRefetching","useState","reload","useCallback","styles","jsx","Fragment","Stack","ActionIcon","classes"],"mappings":"yXAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASA,IAAIA,EAAcC,EAAqB,UAAW,UAAW,cAAe,CAAC,CAAC,OAAQ,CAAE,EAAK,2CAA4C,IAAO,OAAS,CAAA,EAAG,CAAC,OAAQ,CAAE,EAAK,wCAAyC,IAAO,OAAS,CAAA,CAAC,CAAC,2CCHjOC,EAAW,CACf,UAAW,0BACX,kBAAmB,CACjB,KAAM,CACJ,UAAW,gBACb,EACA,OAAQ,CACN,UAAW,cACb,CACF,CACF,EAQMC,EAA8C,CAAC,CACnD,QAAAC,EACA,SAAAC,EAAW,GACX,QAAAC,EAAU,GACV,GAAGC,CACL,IAAM,CACJ,KAAM,CAACC,EAAYC,CAAa,EAAIC,WAAS,EAAK,EAE5CC,EAASC,EAAAA,YAAY,IAAM,CAC/BH,EAAc,EAAI,EACdL,GAAiBA,IAAE,QAAQ,IAAMK,EAAc,EAAK,CAAC,CAAA,EACxD,CAACL,CAAO,CAAC,EAENS,EAASL,EAAaN,EAAW,GAEvC,OAEKY,EAAA,IAAAC,EAAA,SAAA,CAAA,SAAAV,EACES,MAAAE,EAAA,CAAM,MAAOV,EAAUJ,EAAW,GACjC,SAACY,EAAAA,IAAAd,EAAA,CAAY,KAAK,MAAA,CAAO,CAC3B,CAAA,EAEAc,EAAA,IAACG,EAAA,CACC,QAASN,EACR,GAAGJ,EACJ,UAAWW,EAAQ,QACnB,MAAO,CACL,GAAGL,CACL,EAEA,SAAAC,EAAAA,IAACd,EAAY,CAAA,KAAK,MAAO,CAAA,CAAA,CAG/B,CAAA,CAAA,CAEJ","x_google_ignoreList":[0]}