@yamada-ui/react/dist/cjs/hooks/use-async-callback/index.cjs.map

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

{"version":3,"file":"index.cjs","names":["useLoading","useProcessing"],"sources":["../../../../src/hooks/use-async-callback/index.ts"],"sourcesContent":["import type { DependencyList } from \"react\"\nimport type { Loading } from \"../../components/loading\"\nimport { useCallback, useMemo } from \"react\"\nimport { useLoading } from \"../../components/loading\"\nimport { useProcessing } from \"../use-processing\"\n\ntype Callback = (...args: any[]) => any\n\nexport interface UseAsyncCallbackOptions {\n  /**\n   * The method to use for loading.\n   * If `false`, the loading will not be shown.\n   */\n  loading?: false | Loading.Method\n  /**\n   * The options to pass to the loading component.\n   */\n  loadingOptions?: Loading.Options\n  /**\n   * If `false`, the processing will not change.\n   *\n   * @default true\n   */\n  processing?: boolean\n}\n\n/**\n * `useAsyncCallback` is a custom hook used to manage async callbacks.\n *\n * @see https://yamada-ui.com/docs/hooks/use-async-callback\n */\nexport const useAsyncCallback = <Y extends Callback>(\n  callback: Y,\n  deps: DependencyList,\n  {\n    loading: method = false,\n    loadingOptions,\n    processing: shouldProcessing = true,\n  }: UseAsyncCallbackOptions = {},\n): UseAsyncCallbackReturn<Y> => {\n  const context = useLoading()\n  const { finish, loading, start } = useProcessing()\n  const shouldLoading = !!method\n\n  const asyncCallback = useCallback(\n    async (...args: Parameters<Y>) => {\n      try {\n        if (shouldProcessing) start()\n        if (shouldLoading) context[method].start(loadingOptions)\n\n        return await callback(...args)\n      } finally {\n        if (shouldProcessing) finish()\n        if (shouldLoading) context[method].finish()\n      }\n    },\n    [\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      ...deps,\n      shouldProcessing,\n      shouldLoading,\n      context,\n      method,\n      loadingOptions,\n      callback,\n      start,\n      finish,\n    ],\n  )\n\n  const control = useMemo(() => ({ finish, start }), [finish, start])\n\n  return [loading, asyncCallback, control]\n}\n\nexport type UseAsyncCallbackReturn<Y extends Callback> = [\n  loading: boolean,\n  callback: (...args: Parameters<Y>) => Promise<Awaited<ReturnType<Y>>>,\n  control: { finish: () => void; start: () => void },\n]\n"],"mappings":";;;;;;;;;;;;AA+BA,MAAa,oBACX,UACA,MACA,EACE,SAAS,SAAS,OAClB,gBACA,YAAY,mBAAmB,SACJ,EAAE,KACD;CAC9B,MAAM,UAAUA,qCAAY;CAC5B,MAAM,EAAE,QAAQ,SAAS,UAAUC,kDAAe;CAClD,MAAM,gBAAgB,CAAC,CAAC;AA8BxB,QAAO;EAAC;yBA3BN,OAAO,GAAG,SAAwB;AAChC,OAAI;AACF,QAAI,iBAAkB,QAAO;AAC7B,QAAI,cAAe,SAAQ,QAAQ,MAAM,eAAe;AAExD,WAAO,MAAM,SAAS,GAAG,KAAK;aACtB;AACR,QAAI,iBAAkB,SAAQ;AAC9B,QAAI,cAAe,SAAQ,QAAQ,QAAQ;;KAG/C;GAEE,GAAG;GACH;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;4BAE8B;GAAE;GAAQ;GAAO,GAAG,CAAC,QAAQ,MAAM,CAAC;EAE3B"}