@inventreedb/ui 0.11.3 → 1.4.1

package/dist/hooks/MonitorBackgroundTask.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonitorBackgroundTask.js","sources":["../../lib/hooks/MonitorBackgroundTask.tsx"],"sourcesContent":["import { useDocumentVisibility } from '@mantine/hooks';\nimport { notifications, showNotification } from '@mantine/notifications';\nimport {\n  IconCircleCheck,\n  IconCircleX,\n  IconExclamationCircle\n} from '@tabler/icons-react';\nimport { type QueryClient, useQuery } from '@tanstack/react-query';\nimport type { AxiosInstance } from 'axios';\nimport { useEffect, useState } from 'react';\nimport { ApiEndpoints } from '../enums/ApiEndpoints';\nimport { apiUrl } from '../functions/Api';\n\nexport type MonitorBackgroundTaskProps = {\n  api: AxiosInstance;\n  queryClient?: QueryClient;\n  title?: string;\n  message: string;\n  errorMessage?: string;\n  successMessage?: string;\n  failureMessage?: string;\n  taskId?: string;\n  onSuccess?: () => void;\n  onFailure?: () => void;\n  onComplete?: () => void;\n  onError?: (error: Error) => void;\n};\n\n/**\n * Hook for monitoring a background task running on the server\n */\nexport default function useMonitorBackgroundTask(\n  props: MonitorBackgroundTaskProps\n) {\n  const visibility = useDocumentVisibility();\n\n  const [tracking, setTracking] = useState<boolean>(false);\n\n  useEffect(() => {\n    if (!!props.taskId) {\n      setTracking(true);\n      showNotification({\n        id: `background-task-${props.taskId}`,\n        title: props.title,\n        message: props.message,\n        loading: true,\n        autoClose: false,\n        withCloseButton: false\n      });\n    } else {\n      setTracking(false);\n    }\n  }, [props.taskId]);\n\n  useQuery(\n    {\n      enabled: !!props.taskId && tracking && visibility === 'visible',\n      refetchInterval: 500,\n      queryKey: ['background-task', props.taskId],\n      queryFn: () =>\n        props.api\n          .get(apiUrl(ApiEndpoints.task_overview, props.taskId))\n          .then((response) => {\n            const data = response?.data ?? {};\n\n            if (data.complete) {\n              setTracking(false);\n              props.onComplete?.();\n\n              notifications.update({\n                id: `background-task-${props.taskId}`,\n                title: props.title,\n                loading: false,\n                color: data.success ? 'green' : 'red',\n                message: response.data?.success\n                  ? (props.successMessage ?? props.message)\n                  : (props.failureMessage ?? props.message),\n                icon: response.data?.success ? (\n                  <IconCircleCheck />\n                ) : (\n                  <IconCircleX />\n                ),\n                autoClose: 1000,\n                withCloseButton: true\n              });\n\n              if (data.success) {\n                props.onSuccess?.();\n              } else {\n                props.onFailure?.();\n              }\n            }\n\n            return response;\n          })\n          .catch((error) => {\n            console.error(\n              `Error fetching background task status for task ${props.taskId}:`,\n              error\n            );\n            setTracking(false);\n            props.onError?.(error);\n\n            notifications.update({\n              id: `background-task-${props.taskId}`,\n              title: props.title,\n              loading: false,\n              color: 'red',\n              message: props.errorMessage ?? props.message,\n              icon: <IconExclamationCircle color='red' />,\n              autoClose: 5000,\n              withCloseButton: true\n            });\n          })\n    },\n    props.queryClient\n  );\n}\n"],"names":["useMonitorBackgroundTask","props","visibility","useDocumentVisibility","tracking","setTracking","useState","useEffect","taskId","showNotification","id","title","message","loading","autoClose","withCloseButton","useQuery","enabled","refetchInterval","queryKey","queryFn","api","get","apiUrl","ApiEndpoints","task_overview","then","response","data","complete","onComplete","notifications","update","color","success","successMessage","failureMessage","icon","onSuccess","onFailure","catch","error","console","onError","errorMessage","jsx","queryClient"],"mappings":";;;;;;;;AACA,MAAA,gBAAA,OAAA,sBAAA,EAAA;;AAQA,MAAA,YAAA,OAAA,OAAA,EAAA;;AAsBA,SAAwBA,yBACtBC,OACA;AACA,QAAMC,aAAaC,sBAAAA;AAEnB,QAAM,CAACC,UAAUC,WAAW,IAAIC,SAAkB,KAAK;AAEvDC,YAAU,MAAM;AACd,QAAI,CAAC,CAACN,MAAMO,QAAQ;AAClBH,kBAAY,IAAI;AAChBI,uBAAiB;AAAA,QACfC,IAAI,mBAAmBT,MAAMO,MAAM;AAAA,QACnCG,OAAOV,MAAMU;AAAAA,QACbC,SAASX,MAAMW;AAAAA,QACfC,SAAS;AAAA,QACTC,WAAW;AAAA,QACXC,iBAAiB;AAAA,MAAA,CAClB;AAAA,IACH,OAAO;AACLV,kBAAY,KAAK;AAAA,IACnB;AAAA,EACF,GAAG,CAACJ,MAAMO,MAAM,CAAC;AAEjBQ,WACE;AAAA,IACEC,SAAS,CAAC,CAAChB,MAAMO,UAAUJ,YAAYF,eAAe;AAAA,IACtDgB,iBAAiB;AAAA,IACjBC,UAAU,CAAC,mBAAmBlB,MAAMO,MAAM;AAAA,IAC1CY,SAASA,MACPnB,MAAMoB,IACHC,IAAIC,OAAOC,aAAaC,eAAexB,MAAMO,MAAM,CAAC,EACpDkB,KAAMC,CAAAA,aAAa;AAClB,YAAMC,OAAOD,UAAUC,QAAQ,CAAA;AAE/B,UAAIA,KAAKC,UAAU;AACjBxB,oBAAY,KAAK;AACjBJ,cAAM6B,aAAAA;AAENC,sBAAcC,OAAO;AAAA,UACnBtB,IAAI,mBAAmBT,MAAMO,MAAM;AAAA,UACnCG,OAAOV,MAAMU;AAAAA,UACbE,SAAS;AAAA,UACToB,OAAOL,KAAKM,UAAU,UAAU;AAAA,UAChCtB,SAASe,SAASC,MAAMM,UACnBjC,MAAMkC,kBAAkBlC,MAAMW,UAC9BX,MAAMmC,kBAAkBnC,MAAMW;AAAAA,UACnCyB,MAAMV,SAASC,MAAMM,gDAClB,iBAAA,CAAA,CAAe,0CAEf,aAAA,EAAW;AAAA,UAEdpB,WAAW;AAAA,UACXC,iBAAiB;AAAA,QAAA,CAClB;AAED,YAAIa,KAAKM,SAAS;AAChBjC,gBAAMqC,YAAAA;AAAAA,QACR,OAAO;AACLrC,gBAAMsC,YAAAA;AAAAA,QACR;AAAA,MACF;AAEA,aAAOZ;AAAAA,IACT,CAAC,EACAa,MAAOC,CAAAA,UAAU;AAChBC,cAAQD,MACN,kDAAkDxC,MAAMO,MAAM,KAC9DiC,KACF;AACApC,kBAAY,KAAK;AACjBJ,YAAM0C,UAAUF,KAAK;AAErBV,oBAAcC,OAAO;AAAA,QACnBtB,IAAI,mBAAmBT,MAAMO,MAAM;AAAA,QACnCG,OAAOV,MAAMU;AAAAA,QACbE,SAAS;AAAA,QACToB,OAAO;AAAA,QACPrB,SAASX,MAAM2C,gBAAgB3C,MAAMW;AAAAA,QACrCyB,MAAMQ,kCAAAA,IAAC,uBAAA,EAAsB,OAAM,MAAA,CAAK;AAAA,QACxC/B,WAAW;AAAA,QACXC,iBAAiB;AAAA,MAAA,CAClB;AAAA,IACH,CAAC;AAAA,EAAA,GAEPd,MAAM6C,WACR;AACF;"}
+{"version":3,"file":"MonitorBackgroundTask.js","sources":["../../lib/hooks/MonitorBackgroundTask.tsx"],"sourcesContent":["import { useDocumentVisibility } from '@mantine/hooks';\nimport { notifications, showNotification } from '@mantine/notifications';\nimport {\n  IconCircleCheck,\n  IconCircleX,\n  IconExclamationCircle\n} from '@tabler/icons-react';\nimport { type QueryClient, useQuery } from '@tanstack/react-query';\nimport type { AxiosInstance } from 'axios';\nimport { useEffect, useState } from 'react';\nimport { ApiEndpoints } from '../enums/ApiEndpoints';\nimport { apiUrl } from '../functions/Api';\n\nexport type MonitorBackgroundTaskProps = {\n  api: AxiosInstance;\n  queryClient?: QueryClient;\n  title?: string;\n  message: string;\n  errorMessage?: string;\n  successMessage?: string;\n  failureMessage?: string;\n  taskId?: string;\n  onSuccess?: () => void;\n  onFailure?: () => void;\n  onComplete?: () => void;\n  onError?: (error: Error) => void;\n};\n\n/**\n * Hook for monitoring a background task running on the server\n */\nexport default function useMonitorBackgroundTask(\n  props: MonitorBackgroundTaskProps\n) {\n  const visibility = useDocumentVisibility();\n\n  const [tracking, setTracking] = useState<boolean>(false);\n\n  useEffect(() => {\n    if (!!props.taskId) {\n      setTracking(true);\n      showNotification({\n        id: `background-task-${props.taskId}`,\n        title: props.title,\n        message: props.message,\n        loading: true,\n        autoClose: false,\n        withCloseButton: false\n      });\n    } else {\n      setTracking(false);\n    }\n  }, [props.taskId]);\n\n  useQuery(\n    {\n      enabled: !!props.taskId && tracking && visibility === 'visible',\n      refetchInterval: 500,\n      queryKey: ['background-task', props.taskId],\n      queryFn: () =>\n        props.api\n          .get(apiUrl(ApiEndpoints.task_overview, props.taskId))\n          .then((response) => {\n            const data = response?.data ?? {};\n\n            if (data.complete) {\n              setTracking(false);\n              props.onComplete?.();\n\n              notifications.update({\n                id: `background-task-${props.taskId}`,\n                title: props.title,\n                loading: false,\n                color: data.success ? 'green' : 'red',\n                message: response.data?.success\n                  ? (props.successMessage ?? props.message)\n                  : (props.failureMessage ?? props.message),\n                icon: response.data?.success ? (\n                  <IconCircleCheck />\n                ) : (\n                  <IconCircleX />\n                ),\n                autoClose: 1000,\n                withCloseButton: true\n              });\n\n              if (data.success) {\n                props.onSuccess?.();\n              } else {\n                props.onFailure?.();\n              }\n            }\n\n            return response;\n          })\n          .catch((error) => {\n            console.error(\n              `Error fetching background task status for task ${props.taskId}:`,\n              error\n            );\n            setTracking(false);\n            props.onError?.(error);\n\n            notifications.update({\n              id: `background-task-${props.taskId}`,\n              title: props.title,\n              loading: false,\n              color: 'red',\n              message: props.errorMessage ?? props.message,\n              icon: <IconExclamationCircle color='red' />,\n              autoClose: 5000,\n              withCloseButton: true\n            });\n          })\n    },\n    props.queryClient\n  );\n}\n"],"names":["useMonitorBackgroundTask","props","visibility","useDocumentVisibility","tracking","setTracking","useState","useEffect","taskId","showNotification","id","title","message","loading","autoClose","withCloseButton","useQuery","enabled","refetchInterval","queryKey","queryFn","api","get","apiUrl","ApiEndpoints","task_overview","then","response","data","complete","onComplete","notifications","update","color","success","successMessage","failureMessage","icon","onSuccess","onFailure","catch","error","console","onError","errorMessage","jsx","queryClient"],"mappings":";;;;;;;;AACA,MAAA,gBAAA,OAAA,sBAAA,EAAA;;AAQA,MAAA,YAAA,OAAA,OAAA,EAAA;;AAsBA,SAAwBA,yBACtBC,OACA;AACA,QAAMC,aAAaC,sBAAAA;AAEnB,QAAM,CAACC,UAAUC,WAAW,IAAIC,SAAkB,KAAK;AAEvDC,YAAU,MAAM;AACd,QAAI,CAAC,CAACN,MAAMO,QAAQ;AAClBH,kBAAY,IAAI;AAChBI,uBAAiB;AAAA,QACfC,IAAI,mBAAmBT,MAAMO,MAAM;AAAA,QACnCG,OAAOV,MAAMU;AAAAA,QACbC,SAASX,MAAMW;AAAAA,QACfC,SAAS;AAAA,QACTC,WAAW;AAAA,QACXC,iBAAiB;AAAA,MAAA,CAClB;AAAA,IACH,OAAO;AACLV,kBAAY,KAAK;AAAA,IACnB;AAAA,EACF,GAAG,CAACJ,MAAMO,MAAM,CAAC;AAEjBQ,WACE;AAAA,IACEC,SAAS,CAAC,CAAChB,MAAMO,UAAUJ,YAAYF,eAAe;AAAA,IACtDgB,iBAAiB;AAAA,IACjBC,UAAU,CAAC,mBAAmBlB,MAAMO,MAAM;AAAA,IAC1CY,SAASA,MACPnB,MAAMoB,IACHC,IAAIC,OAAOC,aAAaC,eAAexB,MAAMO,MAAM,CAAC,EACpDkB,KAAMC,CAAAA,aAAa;;AAClB,YAAMC,QAAOD,qCAAUC,SAAQ,CAAA;AAE/B,UAAIA,KAAKC,UAAU;AACjBxB,oBAAY,KAAK;AACjBJ,oBAAM6B,eAAN7B;AAEA8B,sBAAcC,OAAO;AAAA,UACnBtB,IAAI,mBAAmBT,MAAMO,MAAM;AAAA,UACnCG,OAAOV,MAAMU;AAAAA,UACbE,SAAS;AAAA,UACToB,OAAOL,KAAKM,UAAU,UAAU;AAAA,UAChCtB,WAASe,cAASC,SAATD,mBAAeO,WACnBjC,MAAMkC,kBAAkBlC,MAAMW,UAC9BX,MAAMmC,kBAAkBnC,MAAMW;AAAAA,UACnCyB,QAAMV,cAASC,SAATD,mBAAeO,iDAClB,iBAAA,CAAA,CAAe,0CAEf,aAAA,EAAW;AAAA,UAEdpB,WAAW;AAAA,UACXC,iBAAiB;AAAA,QAAA,CAClB;AAED,YAAIa,KAAKM,SAAS;AAChBjC,sBAAMqC,cAANrC;AAAAA,QACF,OAAO;AACLA,sBAAMsC,cAANtC;AAAAA,QACF;AAAA,MACF;AAEA,aAAO0B;AAAAA,IACT,CAAC,EACAa,MAAOC,CAAAA,UAAU;;AAChBC,cAAQD,MACN,kDAAkDxC,MAAMO,MAAM,KAC9DiC,KACF;AACApC,kBAAY,KAAK;AACjBJ,kBAAM0C,YAAN1C,+BAAgBwC;AAEhBV,oBAAcC,OAAO;AAAA,QACnBtB,IAAI,mBAAmBT,MAAMO,MAAM;AAAA,QACnCG,OAAOV,MAAMU;AAAAA,QACbE,SAAS;AAAA,QACToB,OAAO;AAAA,QACPrB,SAASX,MAAM2C,gBAAgB3C,MAAMW;AAAAA,QACrCyB,MAAMQ,kCAAAA,IAAC,uBAAA,EAAsB,OAAM,MAAA,CAAK;AAAA,QACxC/B,WAAW;AAAA,QACXC,iBAAiB;AAAA,MAAA,CAClB;AAAA,IACH,CAAC;AAAA,EAAA,GAEPd,MAAM6C,WACR;AACF;"}

package/dist/hooks/MonitorDataOutput.js

@@ -1,9 +1,9 @@
 import { j as jsxRuntimeExports } from "../_virtual/jsx-runtime.js";
+import { useDocumentVisibility } from "../node_modules/@mantine/hooks/esm/use-document-visibility/use-document-visibility.js";
 import { useQuery } from "../node_modules/@tanstack/react-query/build/modern/useQuery.js";
 import { ProgressBar } from "../components/ProgressBar.js";
 import { ApiEndpoints } from "../enums/ApiEndpoints.js";
 import { apiUrl } from "../functions/Api.js";
-import { useDocumentVisibility } from "../node_modules/@mantine/hooks/esm/use-document-visibility/use-document-visibility.js";
 import IconExclamationCircle from "../node_modules/@tabler/icons-react/dist/esm/icons/IconExclamationCircle.js";
 import IconCircleCheck from "../node_modules/@tabler/icons-react/dist/esm/icons/IconCircleCheck.js";
 const _i18n = window["LinguiCore"].i18n;
@@ -32,10 +32,11 @@ function useMonitorDataOutput(props) {
     refetchInterval: 500,
     queryKey: ["data-output", props.id, props.title],
     queryFn: () => props.api.get(apiUrl(ApiEndpoints.data_output, props.id)).then((response) => {
-      const data = response?.data ?? {};
+      var _a;
+      const data = (response == null ? void 0 : response.data) ?? {};
       if (!!data.errors || !!data.error) {
         setLoading(false);
-        const error = data?.error ?? data?.errors?.error ?? _i18n._(
+        const error = (data == null ? void 0 : data.error) ?? ((_a = data == null ? void 0 : data.errors) == null ? void 0 : _a.error) ?? _i18n._(
           /*i18n*/
           {
             id: "gzjOvt"

package/dist/hooks/MonitorDataOutput.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonitorDataOutput.js","sources":["../../lib/hooks/MonitorDataOutput.tsx"],"sourcesContent":["import { t } from '@lingui/core/macro';\nimport { useDocumentVisibility } from '@mantine/hooks';\nimport { notifications, showNotification } from '@mantine/notifications';\nimport { IconCircleCheck, IconExclamationCircle } from '@tabler/icons-react';\nimport { type QueryClient, useQuery } from '@tanstack/react-query';\nimport type { AxiosInstance } from 'axios';\nimport { useEffect, useState } from 'react';\nimport { ProgressBar } from '../components/ProgressBar';\nimport { ApiEndpoints } from '../enums/ApiEndpoints';\nimport { apiUrl } from '../functions/Api';\n\nexport type MonitorDataOutputProps = {\n  api: AxiosInstance;\n  queryClient?: QueryClient;\n  title: string;\n  hostname?: string;\n  id?: number;\n};\n\n/**\n * Hook for monitoring a data output process running on the server\n */\nexport default function useMonitorDataOutput(props: MonitorDataOutputProps) {\n  const visibility = useDocumentVisibility();\n\n  const [loading, setLoading] = useState<boolean>(false);\n\n  useEffect(() => {\n    if (!!props.id) {\n      setLoading(true);\n      showNotification({\n        id: `data-output-${props.id}`,\n        title: props.title,\n        loading: true,\n        autoClose: false,\n        withCloseButton: false,\n        message: <ProgressBar size='lg' value={0} progressLabel />\n      });\n    } else setLoading(false);\n  }, [props.id, props.title]);\n\n  useQuery(\n    {\n      enabled: !!props.id && loading && visibility === 'visible',\n      refetchInterval: 500,\n      queryKey: ['data-output', props.id, props.title],\n      queryFn: () =>\n        props.api\n          .get(apiUrl(ApiEndpoints.data_output, props.id))\n          .then((response) => {\n            const data = response?.data ?? {};\n\n            if (!!data.errors || !!data.error) {\n              setLoading(false);\n\n              const error: string =\n                data?.error ?? data?.errors?.error ?? t`Process failed`;\n\n              notifications.update({\n                id: `data-output-${props.id}`,\n                loading: false,\n                icon: <IconExclamationCircle />,\n                autoClose: 2500,\n                title: props.title,\n                message: error,\n                color: 'red'\n              });\n            } else if (data.complete) {\n              setLoading(false);\n              notifications.update({\n                id: `data-output-${props.id}`,\n                loading: false,\n                autoClose: 2500,\n                title: props.title,\n                message: t`Process completed successfully`,\n                color: 'green',\n                icon: <IconCircleCheck />\n              });\n\n              if (data.output) {\n                const url = data.output;\n                const base = props.hostname ?? window.location.origin;\n\n                const downloadUrl = new URL(url, base);\n\n                window.open(downloadUrl.toString(), '_blank');\n              }\n            } else {\n              notifications.update({\n                id: `data-output-${props.id}`,\n                loading: true,\n                autoClose: false,\n                withCloseButton: false,\n                message: (\n                  <ProgressBar\n                    size='lg'\n                    maximum={data.total}\n                    value={data.progress}\n                    progressLabel={data.total > 0}\n                    animated\n                  />\n                )\n              });\n            }\n\n            return data;\n          })\n          .catch((error: Error) => {\n            console.error('Error in useMonitorDataOutput:', error);\n            setLoading(false);\n            notifications.update({\n              id: `data-output-${props.id}`,\n              loading: false,\n              autoClose: 2500,\n              title: props.title,\n              message: error.message || t`Process failed`,\n              color: 'red'\n            });\n            return {};\n          })\n    },\n    props.queryClient\n  );\n}\n"],"names":["useMonitorDataOutput","props","visibility","useDocumentVisibility","loading","setLoading","useState","useEffect","id","showNotification","title","autoClose","withCloseButton","message","useQuery","enabled","refetchInterval","queryKey","queryFn","api","get","apiUrl","ApiEndpoints","data_output","then","response","data","errors","error","_i18n","_","notifications","update","icon","color","complete","output","url","base","hostname","window","location","origin","downloadUrl","URL","open","toString","jsx","total","progress","catch","console","queryClient"],"mappings":"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"}
+{"version":3,"file":"MonitorDataOutput.js","sources":["../../lib/hooks/MonitorDataOutput.tsx"],"sourcesContent":["import { t } from '@lingui/core/macro';\nimport { useDocumentVisibility } from '@mantine/hooks';\nimport { notifications, showNotification } from '@mantine/notifications';\nimport { IconCircleCheck, IconExclamationCircle } from '@tabler/icons-react';\nimport { type QueryClient, useQuery } from '@tanstack/react-query';\nimport type { AxiosInstance } from 'axios';\nimport { useEffect, useState } from 'react';\nimport { ProgressBar } from '../components/ProgressBar';\nimport { ApiEndpoints } from '../enums/ApiEndpoints';\nimport { apiUrl } from '../functions/Api';\n\nexport type MonitorDataOutputProps = {\n  api: AxiosInstance;\n  queryClient?: QueryClient;\n  title: string;\n  hostname?: string;\n  id?: number;\n};\n\n/**\n * Hook for monitoring a data output process running on the server\n */\nexport default function useMonitorDataOutput(props: MonitorDataOutputProps) {\n  const visibility = useDocumentVisibility();\n\n  const [loading, setLoading] = useState<boolean>(false);\n\n  useEffect(() => {\n    if (!!props.id) {\n      setLoading(true);\n      showNotification({\n        id: `data-output-${props.id}`,\n        title: props.title,\n        loading: true,\n        autoClose: false,\n        withCloseButton: false,\n        message: <ProgressBar size='lg' value={0} progressLabel />\n      });\n    } else setLoading(false);\n  }, [props.id, props.title]);\n\n  useQuery(\n    {\n      enabled: !!props.id && loading && visibility === 'visible',\n      refetchInterval: 500,\n      queryKey: ['data-output', props.id, props.title],\n      queryFn: () =>\n        props.api\n          .get(apiUrl(ApiEndpoints.data_output, props.id))\n          .then((response) => {\n            const data = response?.data ?? {};\n\n            if (!!data.errors || !!data.error) {\n              setLoading(false);\n\n              const error: string =\n                data?.error ?? data?.errors?.error ?? t`Process failed`;\n\n              notifications.update({\n                id: `data-output-${props.id}`,\n                loading: false,\n                icon: <IconExclamationCircle />,\n                autoClose: 2500,\n                title: props.title,\n                message: error,\n                color: 'red'\n              });\n            } else if (data.complete) {\n              setLoading(false);\n              notifications.update({\n                id: `data-output-${props.id}`,\n                loading: false,\n                autoClose: 2500,\n                title: props.title,\n                message: t`Process completed successfully`,\n                color: 'green',\n                icon: <IconCircleCheck />\n              });\n\n              if (data.output) {\n                const url = data.output;\n                const base = props.hostname ?? window.location.origin;\n\n                const downloadUrl = new URL(url, base);\n\n                window.open(downloadUrl.toString(), '_blank');\n              }\n            } else {\n              notifications.update({\n                id: `data-output-${props.id}`,\n                loading: true,\n                autoClose: false,\n                withCloseButton: false,\n                message: (\n                  <ProgressBar\n                    size='lg'\n                    maximum={data.total}\n                    value={data.progress}\n                    progressLabel={data.total > 0}\n                    animated\n                  />\n                )\n              });\n            }\n\n            return data;\n          })\n          .catch((error: Error) => {\n            console.error('Error in useMonitorDataOutput:', error);\n            setLoading(false);\n            notifications.update({\n              id: `data-output-${props.id}`,\n              loading: false,\n              autoClose: 2500,\n              title: props.title,\n              message: error.message || t`Process failed`,\n              color: 'red'\n            });\n            return {};\n          })\n    },\n    props.queryClient\n  );\n}\n"],"names":["useMonitorDataOutput","props","visibility","useDocumentVisibility","loading","setLoading","useState","useEffect","id","showNotification","title","autoClose","withCloseButton","message","useQuery","enabled","refetchInterval","queryKey","queryFn","api","get","apiUrl","ApiEndpoints","data_output","then","response","data","errors","error","_i18n","_","notifications","update","icon","color","complete","output","url","base","hostname","window","location","origin","downloadUrl","URL","open","toString","jsx","total","progress","catch","console","queryClient"],"mappings":"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"}

package/dist/hooks/UseFilterSet.js

@@ -1,5 +1,6 @@
 import { useLocalStorage } from "../node_modules/@mantine/hooks/esm/use-local-storage/use-local-storage.js";
 const useCallback = window["React"].useCallback;
+const useEffect = window["React"].useEffect;
 const useMemo = window["React"].useMemo;
 function useFilterSet(filterKey, initialFilters) {
   const [storedFilters, setStoredFilters] = useLocalStorage({
@@ -8,25 +9,62 @@ function useFilterSet(filterKey, initialFilters) {
     sync: false,
     getInitialValueInEffect: false
   });
-  const activeFilters = useMemo(() => {
+  const [storedNamedSets, setStoredNamedSets] = useLocalStorage({
+    key: `inventree-filtersets-${filterKey}`,
+    defaultValue: [],
+    sync: false,
+    getInitialValueInEffect: false
+  });
+  useEffect(() => {
     if (storedFilters == null) {
-      const filters = initialFilters || [];
-      setStoredFilters(filters);
-      return filters;
+      setStoredFilters(initialFilters || []);
     }
-    return storedFilters || [];
-  }, [storedFilters]);
+  }, [storedFilters, initialFilters, setStoredFilters]);
+  const activeFilters = useMemo(() => {
+    return storedFilters ?? initialFilters ?? [];
+  }, [storedFilters, initialFilters]);
   const clearActiveFilters = useCallback(() => {
     setStoredFilters([]);
   }, []);
   const setActiveFilters = useCallback((filters) => {
     setStoredFilters(filters);
   }, [setStoredFilters]);
+  const saveFilterSet = useCallback((name) => {
+    const snapshot = activeFilters.map(({
+      name: n,
+      value,
+      displayValue
+    }) => ({
+      name: n,
+      value,
+      displayValue
+    }));
+    setStoredNamedSets((prev) => {
+      const without = (prev ?? []).filter((s) => s.name !== name);
+      return [...without, {
+        name,
+        filters: snapshot
+      }];
+    });
+  }, [activeFilters, setStoredNamedSets]);
+  const loadFilterSet = useCallback((name) => {
+    const saved = (storedNamedSets ?? []).find((s) => s.name === name);
+    if (saved) {
+      setStoredFilters(saved.filters);
+    }
+  }, [storedNamedSets, setStoredFilters]);
+  const deleteFilterSet = useCallback((name) => {
+    setStoredNamedSets((prev) => (prev ?? []).filter((s) => s.name !== name));
+  }, [setStoredNamedSets]);
   return {
     filterKey,
     activeFilters,
     setActiveFilters,
-    clearActiveFilters
+    clearActiveFilters,
+    savedFilterSets: storedNamedSets ?? [],
+    saveFilterSet,
+    loadFilterSet,
+    deleteFilterSet
   };
 }
 export {

package/dist/hooks/UseFilterSet.js.map

@@ -1 +1 @@
-{"version":3,"file":"UseFilterSet.js","sources":["../../lib/hooks/UseFilterSet.tsx"],"sourcesContent":["import { useLocalStorage } from '@mantine/hooks';\nimport { useCallback, useMemo } from 'react';\nimport type { FilterSetState, TableFilter } from '../types/Filters';\n\nexport default function useFilterSet(\n  filterKey: string,\n  initialFilters?: TableFilter[]\n): FilterSetState {\n  // Array of active filters (saved to local storage)\n  const [storedFilters, setStoredFilters] = useLocalStorage<\n    TableFilter[] | null\n  >({\n    key: `inventree-filterset-${filterKey}`,\n    defaultValue: null,\n    sync: false,\n    getInitialValueInEffect: false\n  });\n\n  const activeFilters: TableFilter[] = useMemo(() => {\n    if (storedFilters == null) {\n      // If there are no stored filters, set initial values\n      const filters = initialFilters || [];\n      setStoredFilters(filters);\n      return filters;\n    }\n    return storedFilters || [];\n  }, [storedFilters]);\n\n  // Callback to clear all active filters from the table\n  const clearActiveFilters = useCallback(() => {\n    setStoredFilters([]);\n  }, []);\n\n  const setActiveFilters = useCallback(\n    (filters: TableFilter[]) => {\n      setStoredFilters(filters);\n    },\n    [setStoredFilters]\n  );\n\n  return {\n    filterKey,\n    activeFilters,\n    setActiveFilters,\n    clearActiveFilters\n  };\n}\n"],"names":["useFilterSet","filterKey","initialFilters","storedFilters","setStoredFilters","useLocalStorage","key","defaultValue","sync","getInitialValueInEffect","activeFilters","useMemo","filters","clearActiveFilters","useCallback","setActiveFilters"],"mappings":";AACA,MAAA,cAAA,OAAA,OAAA,EAAA;;AAGA,SAAwBA,aACtBC,WACAC,gBACgB;AAEhB,QAAM,CAACC,eAAeC,gBAAgB,IAAIC,gBAExC;AAAA,IACAC,KAAK,uBAAuBL,SAAS;AAAA,IACrCM,cAAc;AAAA,IACdC,MAAM;AAAA,IACNC,yBAAyB;AAAA,EAAA,CAC1B;AAED,QAAMC,gBAA+BC,QAAQ,MAAM;AACjD,QAAIR,iBAAiB,MAAM;AAEzB,YAAMS,UAAUV,kBAAkB,CAAA;AAClCE,uBAAiBQ,OAAO;AACxB,aAAOA;AAAAA,IACT;AACA,WAAOT,iBAAiB,CAAA;AAAA,EAC1B,GAAG,CAACA,aAAa,CAAC;AAGlB,QAAMU,qBAAqBC,YAAY,MAAM;AAC3CV,qBAAiB,CAAA,CAAE;AAAA,EACrB,GAAG,CAAA,CAAE;AAEL,QAAMW,mBAAmBD,YACvB,CAACF,YAA2B;AAC1BR,qBAAiBQ,OAAO;AAAA,EAC1B,GACA,CAACR,gBAAgB,CACnB;AAEA,SAAO;AAAA,IACLH;AAAAA,IACAS;AAAAA,IACAK;AAAAA,IACAF;AAAAA,EAAAA;AAEJ;"}
+{"version":3,"file":"UseFilterSet.js","sources":["../../lib/hooks/UseFilterSet.tsx"],"sourcesContent":["import { useLocalStorage } from '@mantine/hooks';\nimport { useCallback, useEffect, useMemo } from 'react';\nimport type {\n  FilterSetState,\n  NamedFilterSet,\n  TableFilter\n} from '../types/Filters';\n\nexport default function useFilterSet(\n  filterKey: string,\n  initialFilters?: TableFilter[]\n): FilterSetState {\n  // Array of active filters (saved to local storage)\n  const [storedFilters, setStoredFilters] = useLocalStorage<\n    TableFilter[] | null\n  >({\n    key: `inventree-filterset-${filterKey}`,\n    defaultValue: null,\n    sync: false,\n    getInitialValueInEffect: false\n  });\n\n  // Named filter set snapshots (saved to local storage, separate key)\n  const [storedNamedSets, setStoredNamedSets] = useLocalStorage<\n    NamedFilterSet[]\n  >({\n    key: `inventree-filtersets-${filterKey}`,\n    defaultValue: [],\n    sync: false,\n    getInitialValueInEffect: false\n  });\n\n  useEffect(() => {\n    if (storedFilters == null) {\n      setStoredFilters(initialFilters || []);\n    }\n  }, [storedFilters, initialFilters, setStoredFilters]);\n\n  const activeFilters: TableFilter[] = useMemo(() => {\n    return storedFilters ?? initialFilters ?? [];\n  }, [storedFilters, initialFilters]);\n\n  const clearActiveFilters = useCallback(() => {\n    setStoredFilters([]);\n  }, []);\n\n  const setActiveFilters = useCallback(\n    (filters: TableFilter[]) => {\n      setStoredFilters(filters);\n    },\n    [setStoredFilters]\n  );\n\n  const saveFilterSet = useCallback(\n    (name: string) => {\n      const snapshot = activeFilters.map(\n        ({ name: n, value, displayValue }) => ({\n          name: n,\n          value,\n          displayValue\n        })\n      );\n      setStoredNamedSets((prev) => {\n        const without = (prev ?? []).filter((s) => s.name !== name);\n        return [...without, { name, filters: snapshot }];\n      });\n    },\n    [activeFilters, setStoredNamedSets]\n  );\n\n  const loadFilterSet = useCallback(\n    (name: string) => {\n      const saved = (storedNamedSets ?? []).find((s) => s.name === name);\n      if (saved) {\n        setStoredFilters(saved.filters as TableFilter[]);\n      }\n    },\n    [storedNamedSets, setStoredFilters]\n  );\n\n  const deleteFilterSet = useCallback(\n    (name: string) => {\n      setStoredNamedSets((prev) => (prev ?? []).filter((s) => s.name !== name));\n    },\n    [setStoredNamedSets]\n  );\n\n  return {\n    filterKey,\n    activeFilters,\n    setActiveFilters,\n    clearActiveFilters,\n    savedFilterSets: storedNamedSets ?? [],\n    saveFilterSet,\n    loadFilterSet,\n    deleteFilterSet\n  };\n}\n"],"names":["useFilterSet","filterKey","initialFilters","storedFilters","setStoredFilters","useLocalStorage","key","defaultValue","sync","getInitialValueInEffect","storedNamedSets","setStoredNamedSets","useEffect","activeFilters","useMemo","clearActiveFilters","useCallback","setActiveFilters","filters","saveFilterSet","name","snapshot","map","n","value","displayValue","prev","without","filter","s","loadFilterSet","saved","find","deleteFilterSet","savedFilterSets"],"mappings":";AACA,MAAA,cAAA,OAAA,OAAA,EAAA;;;AAOA,SAAwBA,aACtBC,WACAC,gBACgB;AAEhB,QAAM,CAACC,eAAeC,gBAAgB,IAAIC,gBAExC;AAAA,IACAC,KAAK,uBAAuBL,SAAS;AAAA,IACrCM,cAAc;AAAA,IACdC,MAAM;AAAA,IACNC,yBAAyB;AAAA,EAAA,CAC1B;AAGD,QAAM,CAACC,iBAAiBC,kBAAkB,IAAIN,gBAE5C;AAAA,IACAC,KAAK,wBAAwBL,SAAS;AAAA,IACtCM,cAAc,CAAA;AAAA,IACdC,MAAM;AAAA,IACNC,yBAAyB;AAAA,EAAA,CAC1B;AAEDG,YAAU,MAAM;AACd,QAAIT,iBAAiB,MAAM;AACzBC,uBAAiBF,kBAAkB,EAAE;AAAA,IACvC;AAAA,EACF,GAAG,CAACC,eAAeD,gBAAgBE,gBAAgB,CAAC;AAEpD,QAAMS,gBAA+BC,QAAQ,MAAM;AACjD,WAAOX,iBAAiBD,kBAAkB,CAAA;AAAA,EAC5C,GAAG,CAACC,eAAeD,cAAc,CAAC;AAElC,QAAMa,qBAAqBC,YAAY,MAAM;AAC3CZ,qBAAiB,CAAA,CAAE;AAAA,EACrB,GAAG,CAAA,CAAE;AAEL,QAAMa,mBAAmBD,YACvB,CAACE,YAA2B;AAC1Bd,qBAAiBc,OAAO;AAAA,EAC1B,GACA,CAACd,gBAAgB,CACnB;AAEA,QAAMe,gBAAgBH,YACpB,CAACI,SAAiB;AAChB,UAAMC,WAAWR,cAAcS,IAC7B,CAAC;AAAA,MAAEF,MAAMG;AAAAA,MAAGC;AAAAA,MAAOC;AAAAA,IAAAA,OAAoB;AAAA,MACrCL,MAAMG;AAAAA,MACNC;AAAAA,MACAC;AAAAA,IAAAA,EAEJ;AACAd,uBAAoBe,CAAAA,SAAS;AAC3B,YAAMC,WAAWD,QAAQ,IAAIE,OAAQC,CAAAA,MAAMA,EAAET,SAASA,IAAI;AAC1D,aAAO,CAAC,GAAGO,SAAS;AAAA,QAAEP;AAAAA,QAAMF,SAASG;AAAAA,MAAAA,CAAU;AAAA,IACjD,CAAC;AAAA,EACH,GACA,CAACR,eAAeF,kBAAkB,CACpC;AAEA,QAAMmB,gBAAgBd,YACpB,CAACI,SAAiB;AAChB,UAAMW,SAASrB,mBAAmB,IAAIsB,KAAMH,CAAAA,MAAMA,EAAET,SAASA,IAAI;AACjE,QAAIW,OAAO;AACT3B,uBAAiB2B,MAAMb,OAAwB;AAAA,IACjD;AAAA,EACF,GACA,CAACR,iBAAiBN,gBAAgB,CACpC;AAEA,QAAM6B,kBAAkBjB,YACtB,CAACI,SAAiB;AAChBT,uBAAoBe,CAAAA,UAAUA,QAAQ,CAAA,GAAIE,OAAQC,CAAAA,MAAMA,EAAET,SAASA,IAAI,CAAC;AAAA,EAC1E,GACA,CAACT,kBAAkB,CACrB;AAEA,SAAO;AAAA,IACLV;AAAAA,IACAY;AAAAA,IACAI;AAAAA,IACAF;AAAAA,IACAmB,iBAAiBxB,mBAAmB,CAAA;AAAA,IACpCS;AAAAA,IACAW;AAAAA,IACAG;AAAAA,EAAAA;AAEJ;"}

package/dist/hooks/UseTable.js

@@ -1,5 +1,5 @@
-import useFilterSet from "./UseFilterSet.js";
 import { randomId } from "../node_modules/@mantine/hooks/esm/utils/random-id/random-id.js";
+import useFilterSet from "./UseFilterSet.js";
 const useCallback = window["React"].useCallback;
 const useMemo = window["React"].useMemo;
 const useState = window["React"].useState;

package/dist/index.d.ts

@@ -4,6 +4,7 @@ export { ModelType } from './enums/ModelType';
 export type { ModelDict } from './enums/ModelInformation';
 export { UserRoles, UserPermissions } from './enums/Roles';
 export type { InvenTreePluginContext, InvenTreeFormsContext, InvenTreeTablesContext, ImporterDrawerContext, PluginVersion, StockAdjustmentFormsContext } from './types/Plugins';
+export type { PanelIndicatorType, PanelType, PanelGroupType } from './types/Panel';
 export type { RowAction, RowViewProps, TableColumn, TableColumnProps, TableState, InvenTreeTableProps, InvenTreeTableRenderProps } from './types/Tables';
 export type { TableFilterChoice, TableFilterType, TableFilter, FilterSetState } from './types/Filters';
 export type { ApiFormFieldChoice, ApiFormFieldHeader, ApiFormFieldType, ApiFormFieldSet, ApiFormProps, ApiFormModalProps, BulkEditApiFormModalProps } from './types/Forms';
@@ -25,12 +26,16 @@ export { ProgressBar } from './components/ProgressBar';
 export { PassFailButton, YesNoButton } from './components/YesNoButton';
 export { SearchInput } from './components/SearchInput';
 export { TableColumnSelect } from './components/TableColumnSelect';
+export { default as TagsList } from './components/TagsList';
 export { default as InvenTreeTable } from './components/InvenTreeTable';
 export { RowViewAction, RowDuplicateAction, RowEditAction, RowDeleteAction, RowCancelAction, RowActions } from './components/RowActions';
 export { default as useMonitorDataOutput, type MonitorDataOutputProps } from './hooks/MonitorDataOutput';
 export { default as useMonitorBackgroundTask, type MonitorBackgroundTaskProps } from './hooks/MonitorBackgroundTask';
 export { default as useFilterSet } from './hooks/UseFilterSet';
 export { default as useTable, type TableStateExtraProps } from './hooks/UseTable';
-export { type DrawerProps, DetailDrawer, DetailDrawerLink } from './components/nav/DetailDrawer';
+export { type DrawerProps, DetailDrawer, DetailDrawerLink, DetailDrawerComponent } from './components/nav/DetailDrawer';
 export { StylishText } from './components/StylishText';
 export { type StoredTableStateProps, useStoredTableState } from './states/StoredTableState';
+export { useLocalLibState } from './states/LocalLibState';
+export { default as InventreeHmrPlugin } from './plugin/InventreeHmrPlugin';
+export { default as LocalizedComponent } from './plugin/LocalizedComponent';

package/dist/index.js

@@ -19,15 +19,19 @@ import { ProgressBar } from "./components/ProgressBar.js";
 import { PassFailButton, YesNoButton } from "./components/YesNoButton.js";
 import { SearchInput } from "./components/SearchInput.js";
 import { TableColumnSelect } from "./components/TableColumnSelect.js";
-import { default as default2 } from "./components/InvenTreeTable.js";
+import { default as default2 } from "./components/TagsList.js";
+import { default as default3 } from "./components/InvenTreeTable.js";
 import { RowActions, RowCancelAction, RowDeleteAction, RowDuplicateAction, RowEditAction, RowViewAction } from "./components/RowActions.js";
-import { default as default3 } from "./hooks/MonitorDataOutput.js";
-import { default as default4 } from "./hooks/MonitorBackgroundTask.js";
-import { default as default5 } from "./hooks/UseFilterSet.js";
-import { default as default6 } from "./hooks/UseTable.js";
-import { DetailDrawer, DetailDrawerLink } from "./components/nav/DetailDrawer.js";
+import { default as default4 } from "./hooks/MonitorDataOutput.js";
+import { default as default5 } from "./hooks/MonitorBackgroundTask.js";
+import { default as default6 } from "./hooks/UseFilterSet.js";
+import { default as default7 } from "./hooks/UseTable.js";
+import { DetailDrawer, DetailDrawerComponent, DetailDrawerLink } from "./components/nav/DetailDrawer.js";
 import { StylishText } from "./components/StylishText.js";
 import { useStoredTableState } from "./states/StoredTableState.js";
+import { useLocalLibState } from "./states/LocalLibState.js";
+import { default as default8 } from "./plugin/InventreeHmrPlugin.js";
+import { default as default9 } from "./plugin/LocalizedComponent.js";
 export {
   ActionButton,
   AddItemButton,
@@ -38,12 +42,15 @@ export {
   CopyableCell,
   DefaultFallback,
   DetailDrawer,
+  DetailDrawerComponent,
   DetailDrawerLink,
   INVENTREE_MANTINE_VERSION,
   INVENTREE_PLUGIN_VERSION,
   INVENTREE_REACT_DOM_VERSION,
   INVENTREE_REACT_VERSION,
-  default2 as InvenTreeTable,
+  default3 as InvenTreeTable,
+  default8 as InventreeHmrPlugin,
+  default9 as LocalizedComponent,
   ModelType,
   PassFailButton,
   ProgressBar,
@@ -56,6 +63,7 @@ export {
   SearchInput,
   StylishText,
   TableColumnSelect,
+  default2 as TagsList,
   UserPermissions,
   UserRoles,
   YesNoButton,
@@ -76,10 +84,11 @@ export {
   permissionDenied,
   shortenString,
   showTimeoutNotification,
-  default5 as useFilterSet,
-  default4 as useMonitorBackgroundTask,
-  default3 as useMonitorDataOutput,
+  default6 as useFilterSet,
+  useLocalLibState,
+  default5 as useMonitorBackgroundTask,
+  default4 as useMonitorDataOutput,
   useStoredTableState,
-  default6 as useTable
+  default7 as useTable
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/node_modules/@mantine/hooks/esm/use-debounced-value/use-debounced-value.js

@@ -1,32 +1,57 @@
-const useState = window["React"].useState;
-const useRef = window["React"].useRef;
 const useCallback = window["React"].useCallback;
 const useEffect = window["React"].useEffect;
+const useRef = window["React"].useRef;
+const useState = window["React"].useState;
 function useDebouncedValue(value, wait, options = { leading: false }) {
   const [_value, setValue] = useState(value);
   const mountedRef = useRef(false);
   const timeoutRef = useRef(null);
   const cooldownRef = useRef(false);
-  const cancel = useCallback(() => window.clearTimeout(timeoutRef.current), []);
+  const latestValueRef = useRef(value);
+  latestValueRef.current = value;
+  const cancel = useCallback(() => {
+    window.clearTimeout(timeoutRef.current);
+    timeoutRef.current = null;
+    cooldownRef.current = false;
+  }, []);
+  const flush = useCallback(() => {
+    if (timeoutRef.current) {
+      cancel();
+      cooldownRef.current = false;
+      setValue(latestValueRef.current);
+    }
+  }, []);
   useEffect(() => {
-    if (mountedRef.current) {
-      if (!cooldownRef.current && options.leading) {
-        cooldownRef.current = true;
+    if (mountedRef.current) if (!cooldownRef.current && options.leading) {
+      cooldownRef.current = true;
+      setValue(value);
+      timeoutRef.current = window.setTimeout(() => {
+        cooldownRef.current = false;
+      }, wait);
+    } else {
+      cancel();
+      timeoutRef.current = window.setTimeout(() => {
+        cooldownRef.current = false;
         setValue(value);
-      } else {
-        cancel();
-        timeoutRef.current = window.setTimeout(() => {
-          cooldownRef.current = false;
-          setValue(value);
-        }, wait);
-      }
+      }, wait);
     }
-  }, [value, options.leading, wait]);
+  }, [
+    value,
+    options.leading,
+    wait
+  ]);
   useEffect(() => {
     mountedRef.current = true;
     return cancel;
   }, []);
-  return [_value, cancel];
+  return [
+    _value,
+    cancel,
+    {
+      cancel,
+      flush
+    }
+  ];
 }
 export {
   useDebouncedValue

package/dist/node_modules/@mantine/hooks/esm/use-debounced-value/use-debounced-value.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-debounced-value.js","sources":["../../../../../../node_modules/@mantine/hooks/esm/use-debounced-value/use-debounced-value.mjs"],"sourcesContent":["'use client';\nimport { useState, useRef, useCallback, useEffect } from 'react';\n\nfunction useDebouncedValue(value, wait, options = { leading: false }) {\n  const [_value, setValue] = useState(value);\n  const mountedRef = useRef(false);\n  const timeoutRef = useRef(null);\n  const cooldownRef = useRef(false);\n  const cancel = useCallback(() => window.clearTimeout(timeoutRef.current), []);\n  useEffect(() => {\n    if (mountedRef.current) {\n      if (!cooldownRef.current && options.leading) {\n        cooldownRef.current = true;\n        setValue(value);\n      } else {\n        cancel();\n        timeoutRef.current = window.setTimeout(() => {\n          cooldownRef.current = false;\n          setValue(value);\n        }, wait);\n      }\n    }\n  }, [value, options.leading, wait]);\n  useEffect(() => {\n    mountedRef.current = true;\n    return cancel;\n  }, []);\n  return [_value, cancel];\n}\n\nexport { useDebouncedValue };\n//# sourceMappingURL=use-debounced-value.mjs.map\n"],"names":[],"mappings":"AACA,MAAA,WAAA,OAAA,OAAA,EAAA;;;;AAEA,SAAS,kBAAkB,OAAO,MAAM,UAAU,EAAE,SAAS,SAAS;AACpE,QAAM,CAAC,QAAQ,QAAQ,IAAI,SAAS,KAAK;AACzC,QAAM,aAAa,OAAO,KAAK;AAC/B,QAAM,aAAa,OAAO,IAAI;AAC9B,QAAM,cAAc,OAAO,KAAK;AAChC,QAAM,SAAS,YAAY,MAAM,OAAO,aAAa,WAAW,OAAO,GAAG,EAAE;AAC5E,YAAU,MAAM;AACd,QAAI,WAAW,SAAS;AACtB,UAAI,CAAC,YAAY,WAAW,QAAQ,SAAS;AAC3C,oBAAY,UAAU;AACtB,iBAAS,KAAK;AAAA,MAChB,OAAO;AACL,eAAM;AACN,mBAAW,UAAU,OAAO,WAAW,MAAM;AAC3C,sBAAY,UAAU;AACtB,mBAAS,KAAK;AAAA,QAChB,GAAG,IAAI;AAAA,MACT;AAAA,IACF;AAAA,EACF,GAAG,CAAC,OAAO,QAAQ,SAAS,IAAI,CAAC;AACjC,YAAU,MAAM;AACd,eAAW,UAAU;AACrB,WAAO;AAAA,EACT,GAAG,CAAA,CAAE;AACL,SAAO,CAAC,QAAQ,MAAM;AACxB;","x_google_ignoreList":[0]}
+{"version":3,"file":"use-debounced-value.js","sources":["../../../../../../node_modules/@mantine/hooks/esm/use-debounced-value/use-debounced-value.mjs"],"sourcesContent":["\"use client\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n//#region packages/@mantine/hooks/src/use-debounced-value/use-debounced-value.ts\nfunction useDebouncedValue(value, wait, options = { leading: false }) {\n\tconst [_value, setValue] = useState(value);\n\tconst mountedRef = useRef(false);\n\tconst timeoutRef = useRef(null);\n\tconst cooldownRef = useRef(false);\n\tconst latestValueRef = useRef(value);\n\tlatestValueRef.current = value;\n\tconst cancel = useCallback(() => {\n\t\twindow.clearTimeout(timeoutRef.current);\n\t\ttimeoutRef.current = null;\n\t\tcooldownRef.current = false;\n\t}, []);\n\tconst flush = useCallback(() => {\n\t\tif (timeoutRef.current) {\n\t\t\tcancel();\n\t\t\tcooldownRef.current = false;\n\t\t\tsetValue(latestValueRef.current);\n\t\t}\n\t}, []);\n\tuseEffect(() => {\n\t\tif (mountedRef.current) if (!cooldownRef.current && options.leading) {\n\t\t\tcooldownRef.current = true;\n\t\t\tsetValue(value);\n\t\t\ttimeoutRef.current = window.setTimeout(() => {\n\t\t\t\tcooldownRef.current = false;\n\t\t\t}, wait);\n\t\t} else {\n\t\t\tcancel();\n\t\t\ttimeoutRef.current = window.setTimeout(() => {\n\t\t\t\tcooldownRef.current = false;\n\t\t\t\tsetValue(value);\n\t\t\t}, wait);\n\t\t}\n\t}, [\n\t\tvalue,\n\t\toptions.leading,\n\t\twait\n\t]);\n\tuseEffect(() => {\n\t\tmountedRef.current = true;\n\t\treturn cancel;\n\t}, []);\n\treturn [\n\t\t_value,\n\t\tcancel,\n\t\t{\n\t\t\tcancel,\n\t\t\tflush\n\t\t}\n\t];\n}\n//#endregion\nexport { useDebouncedValue };\n\n//# sourceMappingURL=use-debounced-value.mjs.map"],"names":[],"mappings":"AACA,MAAA,cAAA,OAAA,OAAA,EAAA;;;;AAEA,SAAS,kBAAkB,OAAO,MAAM,UAAU,EAAE,SAAS,SAAS;AACrE,QAAM,CAAC,QAAQ,QAAQ,IAAI,SAAS,KAAK;AACzC,QAAM,aAAa,OAAO,KAAK;AAC/B,QAAM,aAAa,OAAO,IAAI;AAC9B,QAAM,cAAc,OAAO,KAAK;AAChC,QAAM,iBAAiB,OAAO,KAAK;AACnC,iBAAe,UAAU;AACzB,QAAM,SAAS,YAAY,MAAM;AAChC,WAAO,aAAa,WAAW,OAAO;AACtC,eAAW,UAAU;AACrB,gBAAY,UAAU;AAAA,EACvB,GAAG,CAAA,CAAE;AACL,QAAM,QAAQ,YAAY,MAAM;AAC/B,QAAI,WAAW,SAAS;AACvB,aAAM;AACN,kBAAY,UAAU;AACtB,eAAS,eAAe,OAAO;AAAA,IAChC;AAAA,EACD,GAAG,CAAA,CAAE;AACL,YAAU,MAAM;AACf,QAAI,WAAW,QAAS,KAAI,CAAC,YAAY,WAAW,QAAQ,SAAS;AACpE,kBAAY,UAAU;AACtB,eAAS,KAAK;AACd,iBAAW,UAAU,OAAO,WAAW,MAAM;AAC5C,oBAAY,UAAU;AAAA,MACvB,GAAG,IAAI;AAAA,IACR,OAAO;AACN,aAAM;AACN,iBAAW,UAAU,OAAO,WAAW,MAAM;AAC5C,oBAAY,UAAU;AACtB,iBAAS,KAAK;AAAA,MACf,GAAG,IAAI;AAAA,IACR;AAAA,EACD,GAAG;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,EACF,CAAE;AACD,YAAU,MAAM;AACf,eAAW,UAAU;AACrB,WAAO;AAAA,EACR,GAAG,CAAA,CAAE;AACL,SAAO;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,MACC;AAAA,MACA;AAAA,IACH;AAAA,EACA;AACA;","x_google_ignoreList":[0]}

package/dist/node_modules/@mantine/hooks/esm/use-document-visibility/use-document-visibility.js

@@ -1,5 +1,5 @@
-const useState = window["React"].useState;
 const useEffect = window["React"].useEffect;
+const useState = window["React"].useState;
 function useDocumentVisibility() {
   const [documentVisibility, setDocumentVisibility] = useState("visible");
   useEffect(() => {

package/dist/node_modules/@mantine/hooks/esm/use-document-visibility/use-document-visibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-document-visibility.js","sources":["../../../../../../node_modules/@mantine/hooks/esm/use-document-visibility/use-document-visibility.mjs"],"sourcesContent":["'use client';\nimport { useState, useEffect } from 'react';\n\nfunction useDocumentVisibility() {\n  const [documentVisibility, setDocumentVisibility] = useState(\"visible\");\n  useEffect(() => {\n    setDocumentVisibility(document.visibilityState);\n    const listener = () => setDocumentVisibility(document.visibilityState);\n    document.addEventListener(\"visibilitychange\", listener);\n    return () => document.removeEventListener(\"visibilitychange\", listener);\n  }, []);\n  return documentVisibility;\n}\n\nexport { useDocumentVisibility };\n//# sourceMappingURL=use-document-visibility.mjs.map\n"],"names":[],"mappings":"AACA,MAAA,WAAA,OAAA,OAAA,EAAA;;AAEA,SAAS,wBAAwB;AAC/B,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS,SAAS;AACtE,YAAU,MAAM;AACd,0BAAsB,SAAS,eAAe;AAC9C,UAAM,WAAW,MAAM,sBAAsB,SAAS,eAAe;AACrE,aAAS,iBAAiB,oBAAoB,QAAQ;AACtD,WAAO,MAAM,SAAS,oBAAoB,oBAAoB,QAAQ;AAAA,EACxE,GAAG,CAAA,CAAE;AACL,SAAO;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"use-document-visibility.js","sources":["../../../../../../node_modules/@mantine/hooks/esm/use-document-visibility/use-document-visibility.mjs"],"sourcesContent":["\"use client\";\nimport { useEffect, useState } from \"react\";\n//#region packages/@mantine/hooks/src/use-document-visibility/use-document-visibility.ts\nfunction useDocumentVisibility() {\n\tconst [documentVisibility, setDocumentVisibility] = useState(\"visible\");\n\tuseEffect(() => {\n\t\tsetDocumentVisibility(document.visibilityState);\n\t\tconst listener = () => setDocumentVisibility(document.visibilityState);\n\t\tdocument.addEventListener(\"visibilitychange\", listener);\n\t\treturn () => document.removeEventListener(\"visibilitychange\", listener);\n\t}, []);\n\treturn documentVisibility;\n}\n//#endregion\nexport { useDocumentVisibility };\n\n//# sourceMappingURL=use-document-visibility.mjs.map"],"names":[],"mappings":"AACA,MAAA,YAAA,OAAA,OAAA,EAAA;;AAEA,SAAS,wBAAwB;AAChC,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS,SAAS;AACtE,YAAU,MAAM;AACf,0BAAsB,SAAS,eAAe;AAC9C,UAAM,WAAW,MAAM,sBAAsB,SAAS,eAAe;AACrE,aAAS,iBAAiB,oBAAoB,QAAQ;AACtD,WAAO,MAAM,SAAS,oBAAoB,oBAAoB,QAAQ;AAAA,EACvE,GAAG,CAAA,CAAE;AACL,SAAO;AACR;","x_google_ignoreList":[0]}

package/dist/node_modules/@mantine/hooks/esm/use-local-storage/create-storage.js

@@ -1,7 +1,7 @@
 import { useWindowEvent } from "../use-window-event/use-window-event.js";
 const useCallback = window["React"].useCallback;
-const useState = window["React"].useState;
 const useEffect = window["React"].useEffect;
+const useState = window["React"].useState;
 function serializeJSON(value, hookName = "use-local-storage") {
   try {
     return JSON.stringify(value);
@@ -36,91 +36,86 @@ function createStorageHandler(type) {
     try {
       window[type].removeItem(key);
     } catch (error) {
-      console.warn(
-        "use-local-storage: Failed to remove value from storage, localStorage is blocked"
-      );
+      console.warn("use-local-storage: Failed to remove value from storage, localStorage is blocked");
     }
   };
-  return { getItem, setItem, removeItem };
+  return {
+    getItem,
+    setItem,
+    removeItem
+  };
 }
 function createStorage(type, hookName) {
   const eventName = "mantine-local-storage";
   const { getItem, setItem, removeItem } = createStorageHandler(type);
-  return function useStorage({
-    key,
-    defaultValue,
-    getInitialValueInEffect = true,
-    sync = true,
-    deserialize = deserializeJSON,
-    serialize = (value) => serializeJSON(value, hookName)
-  }) {
-    const readStorageValue = useCallback(
-      (skipStorage) => {
-        let storageBlockedOrSkipped;
-        try {
-          storageBlockedOrSkipped = typeof window === "undefined" || !(type in window) || window[type] === null || !!skipStorage;
-        } catch (_e) {
-          storageBlockedOrSkipped = true;
-        }
-        if (storageBlockedOrSkipped) {
-          return defaultValue;
-        }
-        const storageValue = getItem(key);
-        return storageValue !== null ? deserialize(storageValue) : defaultValue;
-      },
-      [key, defaultValue]
-    );
+  return function useStorage({ key, defaultValue, getInitialValueInEffect = true, sync = true, deserialize = deserializeJSON, serialize = (value) => serializeJSON(value, hookName) }) {
+    const readStorageValue = useCallback((skipStorage) => {
+      let storageBlockedOrSkipped;
+      try {
+        storageBlockedOrSkipped = typeof window === "undefined" || !(type in window) || window[type] === null || !!skipStorage;
+      } catch (_e) {
+        storageBlockedOrSkipped = true;
+      }
+      if (storageBlockedOrSkipped) return defaultValue;
+      const storageValue = getItem(key);
+      return storageValue !== null ? deserialize(storageValue) : defaultValue;
+    }, [key, defaultValue]);
     const [value, setValue] = useState(readStorageValue(getInitialValueInEffect));
-    const setStorageValue = useCallback(
-      (val) => {
-        if (val instanceof Function) {
-          setValue((current) => {
-            const result = val(current);
-            setItem(key, serialize(result));
-            queueMicrotask(() => {
-              window.dispatchEvent(
-                new CustomEvent(eventName, { detail: { key, value: val(current) } })
-              );
-            });
-            return result;
-          });
-        } else {
-          setItem(key, serialize(val));
-          window.dispatchEvent(new CustomEvent(eventName, { detail: { key, value: val } }));
-          setValue(val);
-        }
-      },
-      [key]
-    );
+    const setStorageValue = useCallback((val) => {
+      if (val instanceof Function) setValue((current) => {
+        const result = val(current);
+        setItem(key, serialize(result));
+        queueMicrotask(() => {
+          window.dispatchEvent(new CustomEvent(eventName, { detail: {
+            key,
+            value: result
+          } }));
+        });
+        return result;
+      });
+      else {
+        setItem(key, serialize(val));
+        window.dispatchEvent(new CustomEvent(eventName, { detail: {
+          key,
+          value: val
+        } }));
+        setValue(val);
+      }
+    }, [key]);
     const removeStorageValue = useCallback(() => {
       removeItem(key);
       setValue(defaultValue);
-      window.dispatchEvent(new CustomEvent(eventName, { detail: { key, value: defaultValue } }));
+      window.dispatchEvent(new CustomEvent(eventName, { detail: {
+        key,
+        value: defaultValue
+      } }));
     }, [key, defaultValue]);
     useWindowEvent("storage", (event) => {
       if (sync) {
-        if (event.storageArea === window[type] && event.key === key) {
-          setValue(deserialize(event.newValue ?? void 0));
-        }
+        if (event.storageArea === window[type] && event.key === key) setValue(deserialize(event.newValue ?? void 0));
       }
     });
     useWindowEvent(eventName, (event) => {
       if (sync) {
-        if (event.detail.key === key) {
-          setValue(event.detail.value);
-        }
+        if (event.detail.key === key) setValue(event.detail.value);
       }
     });
     useEffect(() => {
-      if (defaultValue !== void 0 && value === void 0) {
-        setStorageValue(defaultValue);
-      }
-    }, [defaultValue, value, setStorageValue]);
+      if (defaultValue !== void 0 && value === void 0) setStorageValue(defaultValue);
+    }, [
+      defaultValue,
+      value,
+      setStorageValue
+    ]);
     useEffect(() => {
       const val = readStorageValue();
       val !== void 0 && setStorageValue(val);
     }, [key]);
-    return [value === void 0 ? defaultValue : value, setStorageValue, removeStorageValue];
+    return [
+      value === void 0 ? defaultValue : value,
+      setStorageValue,
+      removeStorageValue
+    ];
   };
 }
 export {

package/dist/node_modules/@mantine/hooks/esm/use-local-storage/create-storage.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-storage.js","sources":["../../../../../../node_modules/@mantine/hooks/esm/use-local-storage/create-storage.mjs"],"sourcesContent":["'use client';\nimport { useCallback, useState, useEffect } from 'react';\nimport { useWindowEvent } from '../use-window-event/use-window-event.mjs';\n\nfunction serializeJSON(value, hookName = \"use-local-storage\") {\n  try {\n    return JSON.stringify(value);\n  } catch (error) {\n    throw new Error(`@mantine/hooks ${hookName}: Failed to serialize the value`);\n  }\n}\nfunction deserializeJSON(value) {\n  try {\n    return value && JSON.parse(value);\n  } catch {\n    return value;\n  }\n}\nfunction createStorageHandler(type) {\n  const getItem = (key) => {\n    try {\n      return window[type].getItem(key);\n    } catch (error) {\n      console.warn(\"use-local-storage: Failed to get value from storage, localStorage is blocked\");\n      return null;\n    }\n  };\n  const setItem = (key, value) => {\n    try {\n      window[type].setItem(key, value);\n    } catch (error) {\n      console.warn(\"use-local-storage: Failed to set value to storage, localStorage is blocked\");\n    }\n  };\n  const removeItem = (key) => {\n    try {\n      window[type].removeItem(key);\n    } catch (error) {\n      console.warn(\n        \"use-local-storage: Failed to remove value from storage, localStorage is blocked\"\n      );\n    }\n  };\n  return { getItem, setItem, removeItem };\n}\nfunction createStorage(type, hookName) {\n  const eventName = type === \"localStorage\" ? \"mantine-local-storage\" : \"mantine-session-storage\";\n  const { getItem, setItem, removeItem } = createStorageHandler(type);\n  return function useStorage({\n    key,\n    defaultValue,\n    getInitialValueInEffect = true,\n    sync = true,\n    deserialize = deserializeJSON,\n    serialize = (value) => serializeJSON(value, hookName)\n  }) {\n    const readStorageValue = useCallback(\n      (skipStorage) => {\n        let storageBlockedOrSkipped;\n        try {\n          storageBlockedOrSkipped = typeof window === \"undefined\" || !(type in window) || window[type] === null || !!skipStorage;\n        } catch (_e) {\n          storageBlockedOrSkipped = true;\n        }\n        if (storageBlockedOrSkipped) {\n          return defaultValue;\n        }\n        const storageValue = getItem(key);\n        return storageValue !== null ? deserialize(storageValue) : defaultValue;\n      },\n      [key, defaultValue]\n    );\n    const [value, setValue] = useState(readStorageValue(getInitialValueInEffect));\n    const setStorageValue = useCallback(\n      (val) => {\n        if (val instanceof Function) {\n          setValue((current) => {\n            const result = val(current);\n            setItem(key, serialize(result));\n            queueMicrotask(() => {\n              window.dispatchEvent(\n                new CustomEvent(eventName, { detail: { key, value: val(current) } })\n              );\n            });\n            return result;\n          });\n        } else {\n          setItem(key, serialize(val));\n          window.dispatchEvent(new CustomEvent(eventName, { detail: { key, value: val } }));\n          setValue(val);\n        }\n      },\n      [key]\n    );\n    const removeStorageValue = useCallback(() => {\n      removeItem(key);\n      setValue(defaultValue);\n      window.dispatchEvent(new CustomEvent(eventName, { detail: { key, value: defaultValue } }));\n    }, [key, defaultValue]);\n    useWindowEvent(\"storage\", (event) => {\n      if (sync) {\n        if (event.storageArea === window[type] && event.key === key) {\n          setValue(deserialize(event.newValue ?? void 0));\n        }\n      }\n    });\n    useWindowEvent(eventName, (event) => {\n      if (sync) {\n        if (event.detail.key === key) {\n          setValue(event.detail.value);\n        }\n      }\n    });\n    useEffect(() => {\n      if (defaultValue !== void 0 && value === void 0) {\n        setStorageValue(defaultValue);\n      }\n    }, [defaultValue, value, setStorageValue]);\n    useEffect(() => {\n      const val = readStorageValue();\n      val !== void 0 && setStorageValue(val);\n    }, [key]);\n    return [value === void 0 ? defaultValue : value, setStorageValue, removeStorageValue];\n  };\n}\nfunction readValue(type) {\n  const { getItem } = createStorageHandler(type);\n  return function read({\n    key,\n    defaultValue,\n    deserialize = deserializeJSON\n  }) {\n    let storageBlockedOrSkipped;\n    try {\n      storageBlockedOrSkipped = typeof window === \"undefined\" || !(type in window) || window[type] === null;\n    } catch (_e) {\n      storageBlockedOrSkipped = true;\n    }\n    if (storageBlockedOrSkipped) {\n      return defaultValue;\n    }\n    const storageValue = getItem(key);\n    return storageValue !== null ? deserialize(storageValue) : defaultValue;\n  };\n}\n\nexport { createStorage, readValue };\n//# sourceMappingURL=create-storage.mjs.map\n"],"names":[],"mappings":";AACA,MAAA,cAAA,OAAA,OAAA,EAAA;;;AAGA,SAAS,cAAc,OAAO,WAAW,qBAAqB;AAC5D,MAAI;AACF,WAAO,KAAK,UAAU,KAAK;AAAA,EAC7B,SAAS,OAAO;AACd,UAAM,IAAI,MAAM,kBAAkB,QAAQ,iCAAiC;AAAA,EAC7E;AACF;AACA,SAAS,gBAAgB,OAAO;AAC9B,MAAI;AACF,WAAO,SAAS,KAAK,MAAM,KAAK;AAAA,EAClC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AACA,SAAS,qBAAqB,MAAM;AAClC,QAAM,UAAU,CAAC,QAAQ;AACvB,QAAI;AACF,aAAO,OAAO,IAAI,EAAE,QAAQ,GAAG;AAAA,IACjC,SAAS,OAAO;AACd,cAAQ,KAAK,8EAA8E;AAC3F,aAAO;AAAA,IACT;AAAA,EACF;AACA,QAAM,UAAU,CAAC,KAAK,UAAU;AAC9B,QAAI;AACF,aAAO,IAAI,EAAE,QAAQ,KAAK,KAAK;AAAA,IACjC,SAAS,OAAO;AACd,cAAQ,KAAK,4EAA4E;AAAA,IAC3F;AAAA,EACF;AACA,QAAM,aAAa,CAAC,QAAQ;AAC1B,QAAI;AACF,aAAO,IAAI,EAAE,WAAW,GAAG;AAAA,IAC7B,SAAS,OAAO;AACd,cAAQ;AAAA,QACN;AAAA,MACR;AAAA,IACI;AAAA,EACF;AACA,SAAO,EAAE,SAAS,SAAS,WAAU;AACvC;AACA,SAAS,cAAc,MAAM,UAAU;AACrC,QAAM,YAAsC;AAC5C,QAAM,EAAE,SAAS,SAAS,WAAU,IAAK,qBAAqB,IAAI;AAClE,SAAO,SAAS,WAAW;AAAA,IACzB;AAAA,IACA;AAAA,IACA,0BAA0B;AAAA,IAC1B,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY,CAAC,UAAU,cAAc,OAAO,QAAQ;AAAA,EACxD,GAAK;AACD,UAAM,mBAAmB;AAAA,MACvB,CAAC,gBAAgB;AACf,YAAI;AACJ,YAAI;AACF,oCAA0B,OAAO,WAAW,eAAe,EAAE,QAAQ,WAAW,OAAO,IAAI,MAAM,QAAQ,CAAC,CAAC;AAAA,QAC7G,SAAS,IAAI;AACX,oCAA0B;AAAA,QAC5B;AACA,YAAI,yBAAyB;AAC3B,iBAAO;AAAA,QACT;AACA,cAAM,eAAe,QAAQ,GAAG;AAChC,eAAO,iBAAiB,OAAO,YAAY,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,CAAC,KAAK,YAAY;AAAA,IACxB;AACI,UAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,iBAAiB,uBAAuB,CAAC;AAC5E,UAAM,kBAAkB;AAAA,MACtB,CAAC,QAAQ;AACP,YAAI,eAAe,UAAU;AAC3B,mBAAS,CAAC,YAAY;AACpB,kBAAM,SAAS,IAAI,OAAO;AAC1B,oBAAQ,KAAK,UAAU,MAAM,CAAC;AAC9B,2BAAe,MAAM;AACnB,qBAAO;AAAA,gBACL,IAAI,YAAY,WAAW,EAAE,QAAQ,EAAE,KAAK,OAAO,IAAI,OAAO,IAAG,CAAE;AAAA,cACnF;AAAA,YACY,CAAC;AACD,mBAAO;AAAA,UACT,CAAC;AAAA,QACH,OAAO;AACL,kBAAQ,KAAK,UAAU,GAAG,CAAC;AAC3B,iBAAO,cAAc,IAAI,YAAY,WAAW,EAAE,QAAQ,EAAE,KAAK,OAAO,IAAG,EAAE,CAAE,CAAC;AAChF,mBAAS,GAAG;AAAA,QACd;AAAA,MACF;AAAA,MACA,CAAC,GAAG;AAAA,IACV;AACI,UAAM,qBAAqB,YAAY,MAAM;AAC3C,iBAAW,GAAG;AACd,eAAS,YAAY;AACrB,aAAO,cAAc,IAAI,YAAY,WAAW,EAAE,QAAQ,EAAE,KAAK,OAAO,aAAY,EAAE,CAAE,CAAC;AAAA,IAC3F,GAAG,CAAC,KAAK,YAAY,CAAC;AACtB,mBAAe,WAAW,CAAC,UAAU;AACnC,UAAI,MAAM;AACR,YAAI,MAAM,gBAAgB,OAAO,IAAI,KAAK,MAAM,QAAQ,KAAK;AAC3D,mBAAS,YAAY,MAAM,YAAY,MAAM,CAAC;AAAA,QAChD;AAAA,MACF;AAAA,IACF,CAAC;AACD,mBAAe,WAAW,CAAC,UAAU;AACnC,UAAI,MAAM;AACR,YAAI,MAAM,OAAO,QAAQ,KAAK;AAC5B,mBAAS,MAAM,OAAO,KAAK;AAAA,QAC7B;AAAA,MACF;AAAA,IACF,CAAC;AACD,cAAU,MAAM;AACd,UAAI,iBAAiB,UAAU,UAAU,QAAQ;AAC/C,wBAAgB,YAAY;AAAA,MAC9B;AAAA,IACF,GAAG,CAAC,cAAc,OAAO,eAAe,CAAC;AACzC,cAAU,MAAM;AACd,YAAM,MAAM,iBAAgB;AAC5B,cAAQ,UAAU,gBAAgB,GAAG;AAAA,IACvC,GAAG,CAAC,GAAG,CAAC;AACR,WAAO,CAAC,UAAU,SAAS,eAAe,OAAO,iBAAiB,kBAAkB;AAAA,EACtF;AACF;","x_google_ignoreList":[0]}
+{"version":3,"file":"create-storage.js","sources":["../../../../../../node_modules/@mantine/hooks/esm/use-local-storage/create-storage.mjs"],"sourcesContent":["\"use client\";\nimport { useWindowEvent } from \"../use-window-event/use-window-event.mjs\";\nimport { useCallback, useEffect, useState } from \"react\";\n//#region packages/@mantine/hooks/src/use-local-storage/create-storage.ts\nfunction serializeJSON(value, hookName = \"use-local-storage\") {\n\ttry {\n\t\treturn JSON.stringify(value);\n\t} catch (error) {\n\t\tthrow new Error(`@mantine/hooks ${hookName}: Failed to serialize the value`);\n\t}\n}\nfunction deserializeJSON(value) {\n\ttry {\n\t\treturn value && JSON.parse(value);\n\t} catch {\n\t\treturn value;\n\t}\n}\nfunction createStorageHandler(type) {\n\tconst getItem = (key) => {\n\t\ttry {\n\t\t\treturn window[type].getItem(key);\n\t\t} catch (error) {\n\t\t\tconsole.warn(\"use-local-storage: Failed to get value from storage, localStorage is blocked\");\n\t\t\treturn null;\n\t\t}\n\t};\n\tconst setItem = (key, value) => {\n\t\ttry {\n\t\t\twindow[type].setItem(key, value);\n\t\t} catch (error) {\n\t\t\tconsole.warn(\"use-local-storage: Failed to set value to storage, localStorage is blocked\");\n\t\t}\n\t};\n\tconst removeItem = (key) => {\n\t\ttry {\n\t\t\twindow[type].removeItem(key);\n\t\t} catch (error) {\n\t\t\tconsole.warn(\"use-local-storage: Failed to remove value from storage, localStorage is blocked\");\n\t\t}\n\t};\n\treturn {\n\t\tgetItem,\n\t\tsetItem,\n\t\tremoveItem\n\t};\n}\nfunction createStorage(type, hookName) {\n\tconst eventName = type === \"localStorage\" ? \"mantine-local-storage\" : \"mantine-session-storage\";\n\tconst { getItem, setItem, removeItem } = createStorageHandler(type);\n\treturn function useStorage({ key, defaultValue, getInitialValueInEffect = true, sync = true, deserialize = deserializeJSON, serialize = (value) => serializeJSON(value, hookName) }) {\n\t\tconst readStorageValue = useCallback((skipStorage) => {\n\t\t\tlet storageBlockedOrSkipped;\n\t\t\ttry {\n\t\t\t\tstorageBlockedOrSkipped = typeof window === \"undefined\" || !(type in window) || window[type] === null || !!skipStorage;\n\t\t\t} catch (_e) {\n\t\t\t\tstorageBlockedOrSkipped = true;\n\t\t\t}\n\t\t\tif (storageBlockedOrSkipped) return defaultValue;\n\t\t\tconst storageValue = getItem(key);\n\t\t\treturn storageValue !== null ? deserialize(storageValue) : defaultValue;\n\t\t}, [key, defaultValue]);\n\t\tconst [value, setValue] = useState(readStorageValue(getInitialValueInEffect));\n\t\tconst setStorageValue = useCallback((val) => {\n\t\t\tif (val instanceof Function) setValue((current) => {\n\t\t\t\tconst result = val(current);\n\t\t\t\tsetItem(key, serialize(result));\n\t\t\t\tqueueMicrotask(() => {\n\t\t\t\t\twindow.dispatchEvent(new CustomEvent(eventName, { detail: {\n\t\t\t\t\t\tkey,\n\t\t\t\t\t\tvalue: result\n\t\t\t\t\t} }));\n\t\t\t\t});\n\t\t\t\treturn result;\n\t\t\t});\n\t\t\telse {\n\t\t\t\tsetItem(key, serialize(val));\n\t\t\t\twindow.dispatchEvent(new CustomEvent(eventName, { detail: {\n\t\t\t\t\tkey,\n\t\t\t\t\tvalue: val\n\t\t\t\t} }));\n\t\t\t\tsetValue(val);\n\t\t\t}\n\t\t}, [key]);\n\t\tconst removeStorageValue = useCallback(() => {\n\t\t\tremoveItem(key);\n\t\t\tsetValue(defaultValue);\n\t\t\twindow.dispatchEvent(new CustomEvent(eventName, { detail: {\n\t\t\t\tkey,\n\t\t\t\tvalue: defaultValue\n\t\t\t} }));\n\t\t}, [key, defaultValue]);\n\t\tuseWindowEvent(\"storage\", (event) => {\n\t\t\tif (sync) {\n\t\t\t\tif (event.storageArea === window[type] && event.key === key) setValue(deserialize(event.newValue ?? void 0));\n\t\t\t}\n\t\t});\n\t\tuseWindowEvent(eventName, (event) => {\n\t\t\tif (sync) {\n\t\t\t\tif (event.detail.key === key) setValue(event.detail.value);\n\t\t\t}\n\t\t});\n\t\tuseEffect(() => {\n\t\t\tif (defaultValue !== void 0 && value === void 0) setStorageValue(defaultValue);\n\t\t}, [\n\t\t\tdefaultValue,\n\t\t\tvalue,\n\t\t\tsetStorageValue\n\t\t]);\n\t\tuseEffect(() => {\n\t\t\tconst val = readStorageValue();\n\t\t\tval !== void 0 && setStorageValue(val);\n\t\t}, [key]);\n\t\treturn [\n\t\t\tvalue === void 0 ? defaultValue : value,\n\t\t\tsetStorageValue,\n\t\t\tremoveStorageValue\n\t\t];\n\t};\n}\nfunction readValue(type) {\n\tconst { getItem } = createStorageHandler(type);\n\treturn function read({ key, defaultValue, deserialize = deserializeJSON }) {\n\t\tlet storageBlockedOrSkipped;\n\t\ttry {\n\t\t\tstorageBlockedOrSkipped = typeof window === \"undefined\" || !(type in window) || window[type] === null;\n\t\t} catch (_e) {\n\t\t\tstorageBlockedOrSkipped = true;\n\t\t}\n\t\tif (storageBlockedOrSkipped) return defaultValue;\n\t\tconst storageValue = getItem(key);\n\t\treturn storageValue !== null ? deserialize(storageValue) : defaultValue;\n\t};\n}\n//#endregion\nexport { createStorage, readValue };\n\n//# sourceMappingURL=create-storage.mjs.map"],"names":[],"mappings":"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","x_google_ignoreList":[0]}